html{font-size:62.5%;scroll-behavior:smooth}html,body,div,span,h1,h2,h3,h4,h5,h6,p,a,strong,i,ol,ul,li,form,label,footer,header,menu,nav,section{margin:0;padding:0}body{line-height:1.85;font-family:'Roboto',sans-serif;background-color:#fff;color:#153254;font-size:2.8rem;font-weight:400}ol,ul{list-style:none}a:hover{text-decoration:none}button:focus,a:focus,input:focus,textarea:focus{outline:none}a,button{-webkit-transition:.3s;-o-transition:.3s;transition:.3s}#preloader{position:fixed;background:#fff;top:0;left:0;right:0;bottom:0;z-index:99999;height:100vh;width:100vw;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center}.home_area{position:relative;z-index:1;background-color:#153254}.home_shape{position:absolute;top:0;right:0;bottom:0;width:49.21%;-o-object-fit:cover;object-fit:cover;-o-object-position:left center;object-position:left center;z-index:-1;height:100%}.home_area h2{font-size:7rem;line-height:1.42;font-weight:700;color:#fff;max-width:59.5rem}.home_area h2 span{color:#153254;background-color:#9ebc32;padding:0 1.5rem}.home_area .container{padding-top:33rem;padding-bottom:17rem;position:relative}.home_area .logo{display:block;width:62rem;position:absolute;top:7.5rem;left:-6rem}.scroll{display:-webkit-inline-box;display:-ms-inline-flexbox;display:inline-flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center;color:#fff!important;font-size:4rem;font-weight:700;margin-top:7rem}.arrow_box{display:-webkit-inline-box;display:-ms-inline-flexbox;display:inline-flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;border:.5rem solid #fff;height:6.8rem;width:6.8rem;border-radius:50%;-ms-flex-negative:0;flex-shrink:0;margin-right:4.5rem;position:relative}.arrow_box img{-webkit-transform:rotate(90deg);-ms-transform:rotate(90deg);transform:rotate(90deg);width:3rem}.arrow_box::before{position:absolute;content:'';top:-1.5rem;right:-1.5rem;bottom:-1.5rem;left:-1.5rem;border:.3rem solid #9ebc32;border-radius:50%;-webkit-animation:bounce 2s linear infinite;animation:bounce 2s linear infinite}@-webkit-keyframes bounce{
	0%{
		-webkit-transform: scale(1);
		        transform: scale(1);
	}50%{
		-webkit-transform: scale(1.2);
		        transform: scale(1.2);
	}100%{
		-webkit-transform: scale(1);
		        transform: scale(1);
		opacity: 0;
	}
}@keyframes bounce{
	0%{
		-webkit-transform: scale(1);
		        transform: scale(1);
	}50%{
		-webkit-transform: scale(1.2);
		        transform: scale(1.2);
	}100%{
		-webkit-transform: scale(1);
		        transform: scale(1);
		opacity: 0;
	}
}.home_img{position:absolute;top:50%;-webkit-transform:translateY(-50%);-ms-transform:translateY(-50%);transform:translateY(-50%);right:3rem;width:77rem}.header{padding:2.8rem 0 6.8rem}.header ul{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center}.header ul li:not(:last-child){margin-right:9rem}.header ul li a{font-size:3.6rem;font-weight:700;color:#153254}.header ul li a:hover{color:#9ebc32}.right_nav{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center;-webkit-box-pack:end;-ms-flex-pack:end;justify-content:flex-end}.social_icon{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center;margin-right:2.5rem}.social_icon a{height:8rem;width:8rem;border:.3rem solid #153254;color:#153254;border-radius:50%;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;font-size:3.5rem;margin-left:1rem}.social_icon a:hover{background-color:#9ebc32;color:#fff;border-color:#9ebc32}.button{display:inline-block;border-radius:14rem;font-size:3.6rem;font-weight:700;color:#fff!important;line-height:1.33;padding:1.6rem 4.2rem 1.8rem;background-color:#9ebc32}.button:hover{background-color:#153254}.left_content{max-width:74rem}.left_content h4{font-size:5rem;font-weight:700;color:#153254;line-height:1.1}.left_clear{padding-top:2.5rem;padding-bottom:15.5rem}.concept_area{background-size:cover;background-repeat:no-repeat;background-position:center center;position:relative;z-index:1;padding:26.5rem 0}.concept_area::before{position:absolute;content:'';top:0;right:0;bottom:0;left:0;z-index:-1;background-color:rgba(0,0,0,.7)}.title{font-size:5.8rem;line-height:1.24;font-weight:700}.concept_area p{max-width:125rem;margin-left:auto;margin-right:auto}.device_wrap{text-align:center;margin-top:14.5rem}.device_box{height:42rem;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:end;-ms-flex-align:end;align-items:flex-end;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;margin-bottom:6rem}.device_box img{max-height:100%}.device_wrap h4{font-size:3.2rem;font-weight:700}.ipad{-webkit-filter:drop-shadow(.1rem .3rem 2rem rgba(0,0,0,.4));filter:drop-shadow(.1rem .3rem 2rem rgba(0,0,0,.4))}.device_content{max-width:70.3rem;margin-left:auto}.line_image{width:74.6rem;display:block;margin:14.8rem auto 0}.device_area{padding:7rem 0;position:relative;z-index:1}.device_area::before{position:absolute;left:0;width:100%;top:25.1%;content:'';height:42%;background-color:rgba(21,50,84,.1)}.xd_wrap{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center;position:relative;font-size:3.2rem;font-weight:700;padding-left:7rem}.xd_image{width:9rem;margin-right:2.8rem}.arrow_shape{position:absolute;top:25%;right:97%;-webkit-transform:translateY(-50%);-ms-transform:translateY(-50%);transform:translateY(-50%);width:14.1rem}.onterp_area{padding:4rem 0 14rem}.onterp_img{height:27.5rem;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:end;-ms-flex-align:end;align-items:flex-end;margin-bottom:7rem}.onterp_img img{max-height:100%}.onterp_box h4{font-size:4rem;font-weight:700;margin-bottom:5.5rem}.onterp_box p{font-size:2.6rem;max-width:36rem}.title_wrap{padding-bottom:7.5rem}.title_wrap p{max-width:125rem}.passende_area{background-color:rgba(158,188,50,.2);padding-top:12.5rem}.pasand_content{position:relative;padding-left:15.8rem;max-width:90rem}.tip_circle{position:absolute;top:-4.5rem;left:0;height:12.5rem;width:12.5rem;border-radius:50%;display:-webkit-inline-box;display:-ms-inline-flexbox;display:inline-flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;color:#fff;font-size:3.7rem;background-color:#153254;font-weight:400}.pasand_content h4,.btn_wrap h4{font-size:3.2rem;font-weight:700}.step_content p{font-size:1.8rem;max-width:47.7rem;margin-left:auto;margin-right:auto;margin-top:2.5rem;margin-bottom:3.7rem}.left_clear.v2{padding-top:12rem;padding-bottom:12rem}.left_clear.v2 h4{font-size:5.6rem}.left_clear.v2 p{font-size:3.2rem;max-width:64.5rem}.modx img{margin-right:4rem}.modx h5{font-size:3.2rem;font-weight:700}.modx img:first-child{width:26.7rem}.modx img:nth-child(2){width:14.1rem}.tools_area{padding-bottom:16rem}.tools_area h4{font-size:4rem;font-weight:700;margin-top:3.3rem;margin-bottom:4.3rem}.tools_area img{height:11.8rem}.tools_area p{font-size:2.6rem;max-width:51.4rem}.platform_area{}.platform_area .title{font-size:5.6rem}.platform_area .title_wrap p{font-size:2.6rem;max-width:95rem}.plat_row .col{max-width:20%;-webkit-box-flex:0;-ms-flex:0 0 20%;flex:0 0 20%;margin-top:6rem}.plat_row .col img{-webkit-transition:.3s;-o-transition:.3s;transition:.3s;-webkit-filter:grayscale(1);filter:grayscale(1)}.plat_row .col img:hover{-webkit-filter:grayscale(0);filter:grayscale(0)}footer{background-color:#153254;color:#fff}footer .left_clear{padding-bottom:0;padding-top:0}.flogo{display:inline-block;width:100%;max-width:45.6rem;margin-bottom:8.3rem}footer p{font-size:3.2rem;max-width:62.8rem}footer h4{font-size:3.2rem;font-weight:700}footer .social_icon{display:-webkit-inline-box;display:-ms-inline-flexbox;display:inline-flex}footer .social_icon a{background-color:#fff;color:#153254;border-color:#fff}.footer_content{max-width:73.5rem;padding:5rem 0}.footer_image{-o-object-fit:cover;object-fit:cover}.footer_content .button:hover{background-color:#fff;color:#153254!important}.button.v2{background-color:#58a38a}.room_area{background-color:#9ebc32;color:#fff;padding-top:11rem}.room_area .title{font-size:5.6rem}.room_area .title span{color:#153254}.room_area .title span img{width:7.9rem}.room_area .title_wrap p{font-size:2.6rem;max-width:80rem}.booking_form{background-color:#fff;border-radius:2rem;padding:2rem 4.5rem 4rem;-webkit-box-shadow:.1rem .5rem 3rem rgba(0,0,0,.16);box-shadow:.1rem .5rem 3rem rgba(0,0,0,.16);-webkit-transform:translateY(50%);-ms-transform:translateY(50%);transform:translateY(50%)}.booking_form input{width:100%;border:.1rem solid #153254;border-radius:1rem;font-size:2.6rem;text-transform:uppercase;color:#153254;letter-spacing:.1rem;padding:0 7rem 0 3rem;height:7rem;background-image:url(https://agentur-baerenstark.de/img/calendar.svg);background-repeat:no-repeat;background-position:calc(100% - 2.5rem) center;background-size:4rem}.booking_form input::-webkit-input-placeholder{color:#153254;opacity:1}.booking_form input::-moz-placeholder{color:#153254;opacity:1}.booking_form input:-ms-input-placeholder{color:#153254;opacity:1}.booking_form input::-ms-input-placeholder{color:#153254;opacity:1}.booking_form input::placeholder{color:#153254;opacity:1}.booking_form button{width:100%;position:relative;font-size:2.6rem;color:#fff;text-transform:uppercase;letter-spacing:.1rem;height:7rem;padding:1rem 7rem 1rem 3rem;border:none;border-radius:1rem;background-color:#153254;text-align:left}.booking_form button i{position:absolute;top:50%;-webkit-transform:translateY(-50%);-ms-transform:translateY(-50%);transform:translateY(-50%);right:2rem;font-size:120%}.booking_form button:hover{background-color:#9ebc32}.booking{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:start;-ms-flex-align:start;align-items:flex-start;margin-left:auto;max-width:40rem;font-size:3.2rem;font-weight:700;text-align:left;color:#153254;line-height:1.2;margin-top:-12rem;margin-bottom:-3rem}.booking img{margin-right:2rem;width:14rem;margin-top:3rem}