/* DRC styles
BLUE #002F87
RED  #D0343A */

.tx-drc-testimonials{padding-top: 0px;}
.powermail_fieldwrap_anothersclaims{display: none;}

.testimonial-without-img {margin:0 auto; position: relative; margin-bottom: 30px; height: 250px; width: 250px; background-color: #002f87;}
.middle {border-radius: 100%; bottom: 0; left: 0; position: absolute; right: 0; text-align: center; top: 0; height: 250px; width: 250px;}
.testimonial-without-img:hover {background-color: #d0343a;}
.text h2{color: #fff; font-size: 1.2em; font-weight: normal; }
.text {color: #fff; font-size: 1.2em; font-weight: normal; left: 0; position: absolute; right: 0; top: 50%; transform: translateY(-50%); padding: 0 15px;}

.testimonial-with-img {margin:0 auto; position: relative; margin-bottom: 30px; height: 250px; width: 250px;}
.testimonial-with-img .middle {display: none;}
.testimonial-with-img:hover .middle {background-color: rgba(217, 38, 49, 0.7); display: block;}

.f3-widget-paginator{text-align: center; padding: 30px 0;}
.f3-widget-paginator li a{color: #fff;}
.f3-widget-paginator li {background-color: #002f87; color: #fff; display: inline-block; list-style: outside none none; margin-right: 5px; padding: 5px 8px; text-decoration: none;}
.f3-widget-paginator li:hover{background-color: #001d54;}

.block{
text-align: center;
vertical-align: middle;
}

.circle {
background: #002F87;
border-radius:50%;
color: white;
display:table;
height: 250px;
font-weight: normal;
font-size: 1.2em;
width: auto;
margin:0 auto;
border: 2px solid #fff;
line-height: 1.4em;
}

.circle:hover {
background: #D0343A;
}

.circle span {
display:table-cell;
vertical-align:middle;
height:250px;
width:250px;
text-align:center;
padding: 0 10px;
}

/* Slider */

.circle-buttons {
border-radius: 100%;
color: white;
display: table;
height: 150px;
font-weight: bold;
font-size: 1.4em;
width: auto;
margin: 0 auto;
line-height: 1.4em;
/*border: 2px solid #fff;*/
}

.circle-buttons span {
display: table-cell;
vertical-align: middle;
height: 150px;
width: 150px;
text-align: center;
padding: 0 10px;
}

.circle-buttons:hover {
background-color: rgba(208,52,58,0.6)
}

div.block-projekte {
-webkit-border-radius: 100%;
-moz-border-radius: 100%;
border-radius: 100%;
border: 2px solid #fff;
width: 150px;
height: 150px;
background: url('//www.andheri-hilfe.de/fileadmin/user_upload/Layerslider/2016/Microsite/button_projekte_150bg.png');
-webkit-transition: all 0.3s ease;
transition: all 0.3s ease;
right:0;
bottom: 0;
position: relative;
}

div.block-projekte:hover {
-webkit-transition: all 0.3s ease;
transition: all 0.3s ease;
-webkit-transform: scale(1.2);
transform: scale(1.2);
right: calc(32%);
bottom: calc(32%);
}

div.block-spenden {
-webkit-border-radius: 100%;
-moz-border-radius: 100%;
border-radius: 100%;
border: 2px solid #fff;
width: 150px;
height: 150px;
background: url('//www.andheri-hilfe.de/fileadmin/user_upload/Layerslider/2016/Microsite/button_spenden_150bg.png');
-webkit-transition: all 0.3s ease;
transition: all 0.3s ease;
right:0;
bottom: 0;
position: relative;
}

div.block-spenden:hover {
-webkit-transition: all 0.3s ease;
transition: all 0.3s ease;
-webkit-transform: scale(1.2);
transform: scale(1.2);
right: calc(32%);
bottom: calc(5%);
}

div.block-veraenderer {
-webkit-border-radius: 100%;
-moz-border-radius: 100%;
border-radius: 100%;
border: 2px solid #fff;
width: 150px;
height: 150px;
background: url('//www.andheri-hilfe.de/fileadmin/user_upload/Layerslider/2016/Microsite/button_veraenderer_150bg.png');
-webkit-transition: all 0.3s ease;
transition: all 0.3s ease;
right:0;
top: 0;
position: relative;
}

div.block-veraenderer:hover {
-webkit-transition: all 0.3s ease;
transition: all 0.3s ease;
-webkit-transform: scale(1.2);
transform: scale(1.2);
right: calc(30%);
top: calc(10%);
}