section.block-1-hero {
background-size: cover;
background-repeat: no-repeat;
padding-top: 14rem;
position: relative;
}
section.block-1-hero:after {
content: '';
position: absolute;
display: block;
width: 100%;
height: 100%;
background-image: url(//southvision.de/wp-content/themes/southvision/assets/images/hero-background.svg);
background-size: cover;
background-position-x: 100%; 
background-position-y: 0%; 
top: 0;
right: 0;
z-index: 0;
opacity: 0.4;
}
section.block-1-hero .textWrap{
padding-top: 5rem;
padding-bottom: 10rem;
}
section.block-1-hero .flexRow{
position: relative;
z-index: 2;
}
section.block-1-hero .pullMeDown{
margin-bottom: -11rem;
}
.page-id-2459 section.block-1-hero .pullMeDown, .page-id-2520 section.block-1-hero .pullMeDown{
margin-bottom: 0;
}
.page-id-2459 section.block-1-hero .container, .page-id-2520 section.block-1-hero .container{
margin-bottom: calc(100% * -0.1);
}
section.block-1-hero .bottomHeroBorder{
position: relative;
z-index: 1;
}
section.block-1-hero .bottomHeroBorder {
width: 100%;
}
section.block-1-hero .bottomHeroBorder polygon.st0{
fill: #024667;
}
@media (max-width: 991px){
section.block-1-hero .pullMeDown{
margin-bottom: 0;
}
}
section.block-1-hero.nowLowerBow .textWrap {
min-height: 35rem;
}
section.block-1-hero.nowLowerBow + section:before {
content: '';
display: block;
margin-top: -6rem;
}
section.block-1-hero.nowLowerBow + section + section:before {
content: '';
display: none!important;
}
section.block-1-hero.backgroundEffect{
background-image: none!important;
}
section.block-1-hero.backgroundEffect:before{
content: '';
display: block;
width: 100%;
height: 100%;
position: absolute;
top: 0;
z-index: 1;
background-position-x: 100%;
background-position-y: 0%;
background-color: rgb(226 243 255 / 30%);
background-size: cover;
}
section.block-1-hero.backgroundEffect:after{
z-index: 1;
}
section.block-1-hero.backgroundEffect .backgroundHelper{
position: absolute;
display: block;
width: 100%;
height: 100%;
background-size: cover;
background-position-x: 50%;
background-position-y: 50%;
top: 0;
right: 0;
z-index: 0;
opacity: 0.35;
}section.block-2-cta.pushMeUp{
position: relative;
margin-top: -5rem!important;
z-index: 3;
}
section.block-2-cta.pushMeUpXL{
margin-top: -10rem!important;
}
section.block-2-cta.pushMeUp:before{
content: '';
display: block;
position: absolute;
top: 4.8rem;
bottom: 0;
left: 0;
right: 0;
background: rgba(2,70,103,1);
background: -webkit-gradient(left top, left bottom, color-stop(0%, rgba(2,70,103,1)), color-stop(100%, rgba(2,106,149,1)));
background: -o-linear-gradient(top, rgba(2,70,103,1) 0%, rgba(2,106,149,1) 100%);
background: -webkit-gradient(linear, left top, left bottom, from(rgba(2,70,103,1)), to(rgba(2,106,149,1)));
background: linear-gradient(to bottom, rgba(2,70,103,1) 0%, rgba(2,106,149,1) 100%);
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#024667', endColorstr='#026a95', GradientType=0 );
}
section.block-2-cta.pushMeUpXL:before{
content: '';
display: block;
position: absolute;
top: 9.6rem;
bottom: 0;
left: 0;
right: 0;
background: rgba(2,70,103,1);
background: -webkit-gradient(left top, left bottom, color-stop(0%, rgba(2,70,103,1)), color-stop(100%, rgba(2,106,149,1)));
background: -o-linear-gradient(top, rgba(2,70,103,1) 0%, rgba(2,106,149,1) 100%);
background: -webkit-gradient(linear, left top, left bottom, from(rgba(2,70,103,1)), to(rgba(2,106,149,1)));
background: linear-gradient(to bottom, rgba(2,70,103,1) 0%, rgba(2,106,149,1) 100%);
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#024667', endColorstr='#026a95', GradientType=0 );
}
section.block-2-cta h1, section.block-2-cta .h1, section.block-2-cta h2, section.block-2-cta .h2, section.block-2-cta h3, section.block-2-cta .h3, section.block-2-cta h4, section.block-2-cta .h4, section.block-2-cta p{
color: #fff;
}
section.block-2-cta  .textWrap{
padding-top: 2rem;
padding-bottom: 2rem;
}
section.block-2-cta  ul{
padding-left: 0;
list-style: none;
}
section.block-2-cta li{
margin-right: 2rem;
padding-left: 2.2rem;
position: relative;
color: #fff;
}
section.block-2-cta li:before{
content: '';
position: absolute;
display: block;
width: 12px;
height: 10px;
background-image: url(//southvision.de/wp-content/themes/southvision/assets/images/checkmark-white.svg);
background-size: cover;
top: 1.2rem;
left: 0;
margin-top: -4.9px;
}
section.block-2-cta .ctaBtn {
background-color: transparent;
color: #fff;
border: 1px solid #fff;
padding: 1.5rem 2.5rem;
border-radius: 3.2rem;
display: inline-block;
}
@media (max-width: 1199px){
section.block-2-cta .rightSide {
padding-top: 4rem;
}	
}
@media (max-width: 991px){
section.block-2-cta .rightSide {
padding-top: 7rem;
}	
section.block-2-cta.pushMeUpXL .rightSide {
padding-top: 12rem;
}	
}section.block-5-strich {
position: relative;
}
body .wrap main.main > section.block-5-strich:before {
content: '';
position: absolute;
height: 100%;
width: 1px;
background-color: #DDDDDD;
top: 0;
left: 50%;
display: block!important;
}
section.block-5-strich:after {
content: '';
position: absolute;
height: 3rem;
width: 3rem;
border: 1px solid #DDDDDD;
background-color: #fff;
border-radius: 100%;
bottom: 0;
left: 50%;
margin-left: -1.5rem;
}section.block-10-imgWithTextContentWidth .imgWrap img {
border-radius: 5px;
}.leistungenInnerWrap {
padding: 2rem;
-webkit-transition: -webkit-transform 0.8s ease;
transition: -webkit-transform 0.8s ease;
-o-transition: transform 0.8s ease;
transition: transform 0.8s ease;
transition: transform 0.8s ease, -webkit-transform 0.8s ease;
}
.leistungenInnerWrap img{
display: block;
width: 40%;
margin: 0 auto;
margin-bottom: 2rem;
max-width: 220px;
min-width: 100px;
}
.successStoryWrap .leistungenInnerWrap img{
display: block;
width: 100%;
margin: 0 auto;
margin-bottom: 2rem;
max-width: 100%;
min-width: unset;
}
@media (min-width: 992px){ .leistungenInnerWrap:hover {
-webkit-transform: scale(1.05);
-ms-transform: scale(1.05);
transform: scale(1.05);
}
}
@media (max-width: 991px){
.leistungenInnerWrap {
-webkit-box-shadow: 0px 0px 30px 0px rgba(0,0,0,0.1);
box-shadow: 0px 0px 30px 0px rgba(0,0,0,0.1);
}
}section.block-9-refernzenSlider .slick-prev {
bottom: 0;
top: unset;
right: 75px;
left: unset;
}
section.block-9-refernzenSlider .slick-next {
bottom: 0;
top: unset;
right: 15px;
}
section.block-9-refernzenSlider .textWrap {
padding: 3rem 1.5rem;
height: 100%;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-ms-flex-wrap: wrap;
flex-wrap: wrap;
-ms-flex-line-pack: justify;
align-content: space-between;
}
section.block-9-refernzenSlider .textWrap > div {
width: 100%;
}
section.block-9-refernzenSlider .textWrap .tatigkeitenWrap {
margin-top: 2rem;
}
section.block-9-refernzenSlider .textWrap .tatigkeitenWrap p{
display: inline-block;
margin-right: 2rem;
padding-left: 2.2rem;
position: relative;
}
section.block-9-refernzenSlider .textWrap .tatigkeitenWrap p:before{
content: '';
position: absolute;
display: block;
width: 12px;
height: 10px;
background-image: url(//southvision.de/wp-content/themes/southvision/assets/images/checkmark.svg);
background-size: cover;
top: 50%;
left: 0;
margin-top: -5px;
}
section.block-9-refernzenSlider .referenzNavSlideWrap {
position: relative;
padding-left: 15px;
padding-right: 15px;
}
section.block-9-refernzenSlider .referenzNavSlideWrap:before {
content: '';
position: absolute;
display: block;
width: 100%;
height: 100%;
background: rgba(255,255,255,0.5);
}
section.block-9-refernzenSlider .referenzNavSlideWrap.slick-current:before {
opacity: 0;
}
section.block-9-refernzenSlider .referenzNavSlideWrap p{
position: absolute;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
padding: 0 15px;
width: 0%;
-webkit-box-pack: center;
-ms-flex-pack: center;
justify-content: center;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
background: rgb(2 106 149 / 0.66);
border-bottom-right-radius: 182px;
font-size: 0;
font-weight: 700;
overflow: hidden;
bottom: 100%;
left: 15px;
margin-bottom: 0;
top: 0;
right: 100%;
height: 0;
color: #fff;
}
section.block-9-refernzenSlider .referenzNavSlideWrap:hover p, section.block-9-refernzenSlider .referenzNavSlideWrap.slick-current p{
-webkit-animation: 0.4s ease;
animation: 0.4s ease;
-webkit-animation-name: myFadeIn;
animation-name: myFadeIn;
width: auto; 
right: 15px; 
bottom: 0; 
opacity: 1; 
height: unset;
font-size: 2rem;
}
@-webkit-keyframes myFadeIn {
0%{ width: 0%; right: 100%; bottom: 100%; height: 0; font-size: 0; }
100% { font-size: 2rem;	}
}
@keyframes myFadeIn {
0%{ width: 0%; right: 100%; bottom: 100%; height: 0; font-size: 0; }
100% { font-size: 2rem;	}
}
section.block-9-refernzenSlider .referenzNavSlideWrap p:hover{
cursor: pointer;
}
section.block-9-refernzenSlider .referenzenSliderNav {
margin-left: -15px;
margin-right: -15px;
}
@media (min-width: 1200px){
.referenzenImgWrap {
background-image: none!important;
}
}
@media (min-width: 992px) and (max-width: 1199px){
.referenzenImgWrap {
background-size: cover;
background-size: 106%;
background-repeat: no-repeat;
}
.referenzenImgWrap img{
display: none;
}
}
@media (max-width: 991px){
.referenzenImgWrap img{
display: block;
}
.referenzenImgWrap {
background-image: none!important;
}
}
@media (max-width: 767px){
.referenzenSliderNav {
display: none;
}
section.block-9-refernzenSlider .textWrap .tatigkeitenWrap {
margin-bottom: 4rem;
}
}