/* original width:1440px */
body{
font-size:1.6667vw;
line-height:2.0833vw
}
.wrapper{
background-size:contain
}
.widfix{
width:90.2778vw
}
.header{
padding-top:1.9444vw
}
.logo{
width:22.8472vw;
height:7.5694vw
}
.content{
background-size:contain;
padding:0 0 6.25vw
}
#promo{
height:37.1528vw;
margin-bottom:2.4306vw;
margin-top:-9.5139vw;
padding-top:10.0694vw
}
#promo h1{
font:500 6.25vw/5.7639vw "Google Sans"
}
#promo h1 b{
font:italic 400 12.5vw/8.4722vw "EB Garamond"
}
#promo .description{
top:26.0417vw;
left:44.4444vw;
width:23.125vw;
padding:0.9722vw 1.3889vw 0.9722vw 3.8194vw;
font:400 1.1111vw/1.3889vw "Google Sans";
border-radius:2.0833vw
}
#promo .description:before{
width:1.8056vw;
height:1.3889vw;
top:1.1111vw;
left:1.25vw
}
#promo .btn{
width:21.4583vw;
padding:1.1111vw 4.8611vw 1.1111vw 1.6667vw;
font:500 1.6667vw/2.0833vw "Google Sans";
border-radius:2.0833vw;
height:9.7222vw
}
#promo .btn:after{
width:3.3333vw;
height:2.7778vw;
top:1.25vw;
right:0.9028vw
}
#about h2{
font:500 4.0278vw/100% "Google Sans";
padding:0.9722vw 0 1.5972vw
}
#about .grey_box{
width:44.4444vw;
margin-right:1.3194vw;
padding:1.8056vw 2.5vw 3.4722vw 2.2222vw;
border-radius:2.0833vw;
font:400 2.0833vw/2.8472vw "Google Sans"
}
#about .connor{
width:7.6389vw;
height:7.6389vw
}
#about .connor:before{
width:2.0833vw;
height:7.6389vw;
right:5.5556vw;
border-radius:0 0 2.0833vw 0
}
#about .connor:after{
width:5.5556vw;
height:2.0833vw;
bottom:5.5556vw;
border-radius:0 0 2.0833vw 0
}
#about .connor2{
width:5.5556vw;
height:5.5556vw
}
#about .connor2:before{
width:2.0833vw;
height:2.0833vw;
bottom:3.4722vw;
right:3.4722vw
}
#about .connor2:after{
width:5.5556vw;
height:5.5556vw;
border-radius:2.0833vw 0 0 0
}
#about a.video_pop{
width:3.4722vw;
height:3.4722vw;
bottom:1.0417vw;
right:0.6944vw
}
#about .image{
width:44.4444vw;
margin-top:-6.5972vw;
border-radius:2.0833vw
}
#feature{
margin-top:1.875vw
}
#feature h2{
font:500 5.5556vw/6.0417vw "Google Sans"
}
#feature .text{
margin:-4.1667vw 0 0 53.4722vw
}
#steps{
margin:6.7361vw 0 3.2639vw
}
#steps h2{
font:500 2.7778vw/2.9167vw "Google Sans";
width:22.9167vw
}
#steps h2:before{
top:-5.5556vw;
bottom:0px
}
.steps_list{
width:59.7222vw
}
.steps_list_item{
width:29.1667vw;
height:24.3056vw;
padding:1.875vw 1.8056vw;
border-radius:2.0833vw
}
.steps_list_item .number{
bottom:1.3194vw;
right:0.5556vw;
font:500 8.8889vw/8.8889vw "Google Sans";
height:5.625vw
}
.steps_list_item h3{
font:500 1.6667vw/2.0833vw "Google Sans";
margin-bottom:0.9722vw
}
.steps_list_item .text{
font:400 1.25vw/1.5278vw "Google Sans"
}
.steps_list_item .text p{
margin-bottom:0.5556vw
}
.steps_list_item .text ul li{
padding-left:0.6944vw
}
.steps_list_item .text ul li:before{
top:0.6944vw;
width:0.2778vw;
height:0.2778vw
}
.steps_nav .prev, .steps_nav .next{
width:3.4722vw;
height:3.4722vw;
border:1px* solid #fff;
background:url(../images/arrow.svg) 50% 50%/1.7361vw no-repeat #000;
margin-right:0.6944vw
}
.consultation_btn{
font:500 4.8611vw/4.1667vw "Google Sans";
padding:0 3.75vw;
height:11.1111vw;
margin-bottom:3.2639vw;
border-radius:1.3194vw
}
.consultation_btn span:after{
width:5.2778vw;
height:4.8611vw;
right:-7.2917vw;
margin-top:-2.0833vw
}
#advantages{
margin-bottom:0.5556vw
}
#advantages h2{
font:500 4.7222vw/5.4167vw "Google Sans"
}
#advantages .grey_box{
width:44.4444vw;
margin-right:1.3194vw;
padding:1.8056vw 2.5vw 2.6389vw 3.0556vw;
border-radius:2.0833vw;
font:400 2.0833vw/2.8472vw "Google Sans"
}
#advantages .connor{
width:7.6389vw;
height:7.6389vw
}
#advantages .connor:before{
width:2.0833vw;
height:7.6389vw;
right:5.5556vw;
border-radius:0 0 2.0833vw 0
}
#advantages .connor:after{
width:5.5556vw;
height:2.0833vw;
bottom:5.5556vw;
border-radius:0 0 2.0833vw 0
}
#advantages .connor2{
width:5.5556vw;
height:5.5556vw
}
#advantages .connor2:before{
width:2.0833vw;
height:2.0833vw;
bottom:3.4722vw;
right:3.4722vw
}
#advantages .connor2:after{
width:5.5556vw;
height:5.5556vw;
border-radius:2.0833vw 0 0 0
}
.advantages_list li{
border-top:0.1389vw solid #1B5A77;
padding:1.5972vw 0 1.5972vw 2.8472vw
}
.advantages_list li:before{
width:1.9444vw;
top:1.6667vw;
height:1.9444vw
}
#video{
margin-bottom:3.1944vw
}
.video_box{
width:62.9167vw;
height:35.4167vw;
border-radius:2.0833vw
}
.video_box:after{
width:9.7222vw;
height:9.7222vw;
margin:-4.8611vw 0 0 -4.8611vw
}
#recommendation h2{
width:41.6667vw;
margin-top:-0.9028vw;
font:500 4.0278vw/5.0694vw "Google Sans"
}
#recommendation .text{
width:43.0556vw;
font:400 2.0833vw/2.8472vw "Google Sans"
}
#recommendation ul{
margin:2.2917vw -1.3889vw 0 0
}
#recommendation li{
font:400 2.0833vw/2.8472vw "Google Sans";
border-radius:2.0833vw;
padding:1.7361vw 2.0833vw;
height:15.625vw;
width:21.5278vw;
margin:0 1.3889vw 1.3889vw 0
}
#recommendation .rec01{
width:44.4444vw
}
#recommendation .rec04{
width:29.1667vw
}
#recommendation .rec05{
width:59.7222vw
}
#recommendation li:after{
transform:translate(-110px, 3.4722vw)
}
#recommendation .rec01:after{
width:21.5972vw;
height:22.7778vw;
top:-6.9444vw;
right:-3.9583vw;
transform:translate(-440px, 3.4722vw)
}
#recommendation .rec02:after{
width:21.3194vw;
height:22.7778vw;
top:-9.0278vw;
right:-7.0833vw
}
#recommendation .rec03:after{
width:20.1389vw;
height:23.4722vw;
top:-7.1528vw;
right:-5.2083vw
}
#recommendation .rec04:after{
width:22.4306vw;
height:23.6111vw;
top:-9.9306vw;
right:-7.7083vw;
transform:translate(-220px, 3.4722vw)
}
#recommendation .rec05:after{
width:20.6944vw;
height:21.8056vw;
top:-7.5694vw;
right:-4.8611vw;
transform:translate(-660px, 3.4722vw)
}
#price{
margin:3.4722vw 0;
font:500 3.125vw /3.6111vw "Google Sans";
}
#price div{
border-radius:2.0833vw;
padding:3.4722vw;
}
#price b{
margin:1.0417vw 0;
}
#consultation_form{
margin:1.25vw 0 2.4306vw
}
#consultation_form h2{
font:500 5.5556vw/6.0417vw "Google Sans";
width:48.6111vw
}
#consultation_form form{
width:36.8056vw;
margin-top:1.1806vw
}
#consultation_form .field label{
font:500 2.2222vw/2.7778vw "Google Sans";
top:0.6944vw
}
#consultation_form .field.filled label{
font-size:1.3889vw;
top:-0.8333vw;
line-height:1.6667vw
}
#consultation_form .field input{
border-bottom:0.1389vw solid #425559;
margin-bottom:1.3889vw;
height:3.8194vw;
font:500 2.2222vw/2.7778vw "Google Sans"
}
#consultation_form .agree{
padding-left:2.0833vw;
font:300 1.1111vw/1.5278vw "Google Sans"
}
#consultation_form .agree:before{
width:1.3889vw;
height:1.3889vw
}
#consultation_form .agree:after{
top:0.1389vw;
left:0.4167vw;
width:0.3472vw;
height:0.6944vw
}
#consultation_form button{
width:21.4583vw;
padding:1.1111vw 4.8611vw 1.1111vw 1.6667vw;
font:500 1.6667vw/2.0833vw "Google Sans";
border-radius:2.0833vw;
height:9.7222vw;
margin-top:1.25vw
}
#consultation_form button:after{
width:3.3333vw;
height:2.7778vw;
top:1.25vw;
right:0.9028vw
}
.btn_whatsapp{
padding:1.3889vw 2.0833vw 1.3889vw 4.8611vw;
background:url(images/wapp.svg) 1.3889vw 50% /3.125vw no-repeat rgb(42, 181, 64);
border-radius:2.0833vw
}
.footer{
margin:-6.25vw auto 0;
height:6.25vw;
font-size:1.1111vw;
}
.footer .logo{
width:12.2222vw;
height:6.25vw
}
.pop_modal_success .close{
font:300 4.1667vw /1.3889vw "Google Sans";
top:1.3889vw;
right:1.3889vw;
}
.pop_modal_success_box div{
width:27.7778vw;
padding:2.7778vw;
box-shadow:0 0 3.4722vw rgba(0, 0, 0, 0.3);
border-radius:1.3889vw;
}
.pop_modal_success_box h3{
font:700 2.0833vw /2.3611vw "Google Sans";
margin-bottom:1.3889vw;
}
.pop_modal_politik .close,.pop_modal_impressum .close{
font:300 4.1667vw /1.3889vw "Google Sans";
top:1.3889vw;
right:1.3889vw;
}
.pop_modal_politik_box > div,.pop_modal_impressum_box > div{
width:48.6111vw;
padding:2.7778vw;
box-shadow:0 0 3.4722vw rgba(0, 0, 0, 0.3);
border-radius:1.3889vw;
}
.pop_modal_politik_box h3,.pop_modal_impressum_box h3{
font:700 2.0833vw /2.3611vw "Google Sans";
margin-bottom:1.3889vw;
}
.pop_modal_politik_box .scroll_box,.pop_modal_impressum .scroll_box{
font-size:1.25vw;
line-height:1.6667vw;
}
.scroll_box p{
margin-bottom:1.0417vw;
}
.scroll_box p:last-child{
margin-bottom:0;
}
.scroll_box h4{
margin:2.7778vw 0 1.3889vw;
}
.scroll_box ul{
margin:1.0417vw 0 1.0417vw 1.3889vw;;
}
.scroll_box li{
padding-left:1.3889vw;
}
.scroll_box li:before{
top:0.6944vw;
width:0.4167vw;
height:0.4167vw;
}