html, body, input, textarea {color: #000; font-family: 'Poppins', sans-serif; font-size: 1em; line-height: 1.7;}
a{color: #000; text-decoration:none; transition: all 0.5s;}
*{padding:0; margin:0;}
.social li{display:inline-block; margin: 0 25px 25px 0; width: 50px; height: 50px;}
.social li a{border-bottom: none!important;}
.social li a svg{fill: #df6630; width: 100%; vertical-align: middle; transition: all 0.5s;}
.clear { clear: both;}
.center { margin: 0 auto; max-width: 1500px;}
.mainContent .center, .newsLatest .center, .highlights .center, .usp .center { margin: 0 auto; max-width: 1300px;}
.grecaptcha-badge{z-index:100;}
.btn{color:#fff; background:#17757f; display:inline-block; padding:10px 25px; font-weight:bold; text-align: center; border-radius: 25px; border: none; transition: all 0.5s;}
.error{ background:#fff; border:#C4060A 1px solid; color:#C4060A; padding:10px; margin:25px 0!important; border-radius: 15px;}
.error li{ margin-left:25px; }
.succes{ background:#fff; border:#03af07 1px solid; color:#03af07; padding:20px; margin:25px 0!important; border-radius: 15px;}
.mm-spn.mm-spn--light{background: #fff!important; color: #000!important; }
.mm-spn a.active{color:#df6630;}
.mm-spn li.contact a{padding:20px; background:#df6630; color:#fff!important; border-radius: 5px;}
.sl-wrapper .sl-image .sl-caption{background: rgba(255,255,255,.8)!important; color: #000!important; font-size: 1.1em!important; font-weight:500!important; width:85%!important; left:auto!important; bottom: 25px!important; border-radius: 10px 0 0 10px;}
.sl-wrapper .sl-image img{border-radius: 25px;}
.sl-overlay{background: #000!important;}
.content{}
.content h1{font-size: 2.5em; margin: 0 0 15px 0; line-height: 1;}
.content h2{font-size: 1.8em; margin: 0 0 15px 0; line-height: 1;}
.content h3, .content h6{font-size: 1.4em; margin: 0 0 15px 0; line-height: 1.2;}
.content p{margin: 0 0 25px 0;}
.content ul, .content ol{margin: 0 0 25px 25px;}
.content img, .content iframe {max-width:100%;}
.content .main img {border-radius: 25px;}
.content .overviewSubPages{border: 1px solid #86bbb6; padding:25px 25px 5px 25px; border-radius: 10px;}
.content table, .content table tr{border:0; height: auto!important;}
.content table tr td{width:50%!important; padding: 25px; vertical-align: top!important; border:0!important; height: auto!important;}
.content table tr td table tr td{padding: 5px!important;}
.content table tr td table{margin-bottom: 25px!important;}
.content table tr td:first-of-type{padding-left:0;}
.content table tr td:last-of-type{padding-right:0;}
.content table tr td img{max-width:100%!important; height: auto;}
.formContainer{overflow:hidden; position:relative; }
.formTxt{clear:both; float:left; width:35%; margin: 0 0 25px 0; font-weight:bold; }
.formInput{float:left; width:65%; margin: 0 0 25px 0;}
.formInput input:not(.btn), .formInput textarea{background:#fff; border: 1px solid #000; padding:10px; width: calc(100% - 22px); border-radius: 10px; -webkit-appearance: none;}
.formInput textarea{ height:100px;}
.formInput .btn{}
.formContainer .adjustJump{position:absolute; margin-top:-250px!important;}
.newsOverview{}
.newsOverview .item{ margin: 50px 0; }
.newsOverview .item a{color: #000!important; border-bottom:none!important;}
.newsOverview .item:not(.full) a{display:flex;}
.newsOverview .item:not(.full) a .photo{order:2; flex: calc(33% - 50px); margin: 0 0 0 50px; transition: 0.7s;}
.newsOverview .item:not(.full) a .photo picture{display:block; height: 100%; aspect-ratio: 4/3; transition: 0.7s;}
.newsOverview .item:not(.full) a .photo picture *{width:100%; height:100%; object-fit:cover;}
.newsOverview .item:not(.full) a .text{order:1; flex: 66%;}
.newsOverview .item a .text .date{margin: 15px 0 0 0; font-weight:bold; display:block;}
.newsOverview .item a .text h3{color: #df6630; margin: 0 0 25px 0;}
.newsOverview .item a .text .intro{margin: 0; display:block;}
.newsOverview .item a .text .link{margin: 25px 0 0 0; border:1px solid #df6630; color:#df6630; background: transparent;}
.newsOverview .item:nth-child(odd){background:#daf8f7; padding: 25px; border-radius: 15px;}
.newsArchive{}
.newsArchive ul{list-style:none; margin: 0 0 50px 0;}
.newsArchive ul li a{color:#000!important; border-bottom:none!important; display:flex; margin: 0 0 15px 0;}
.newsArchive ul li a .date{margin: 0 25px 0 0; background: #86bbb6; padding: 5px 10px; border-radius: 5px; flex: 65px; transition: all 0.5s;}
.newsArchive ul li a .title{background: #86bbb6; padding: 5px 10px; border-radius: 5px; flex: calc(100% - 85px); transition: all 0.5s;}
.highlights{overflow:hidden; padding: 35px 0; }
.highlights h2{color:#df6630;}
.highlights .center{}
.highlights .holder{display:flex; flex-wrap: wrap; text-align:center; padding: 25px 0;}
.highlights .item{border-radius:20px; overflow:hidden; display: inline-block; flex: 1; aspect-ratio: 1; position: relative; transition: all 0.4s ease-in-out; margin: 25px;}
.highlights .item:first-of-type {margin-left: 0;}
.highlights .item:last-of-type {margin-right: 0;}
.highlights .item picture{display:block; position: absolute; top: 0px; left:0px; bottom: 0px; right: 0px; transition: 0.7s;}
.highlights .item picture *{height:100%; width:100%; object-fit: cover; overflow:hidden; }
.highlights .item span{color:#fff; font-size: 1.3em; line-height: 1.2; font-weight:bold; text-shadow: 2px 2px 8px #000; position:absolute; bottom: 25px; left:0; width: calc(100% - 50px); padding: 0 25px; display:block;}
.highlights .item span a{color:#fff;}
header{background:#fff; box-shadow: 0 0 15px #ccc; position: relative; z-index: 75; transition: all 0.5s;}
header.sticky{position: fixed; top: 0; width: 100%; box-shadow: 0 0 15px #666; z-index:110;}
header.sticky + .hero { padding-top: 65px;}
header .top{color:#fff; background:#df6630;}
header .top ul{list-style:none; display: flex; padding: 12px 0; max-height:150px; transition: all 0.5s;}
header.sticky .top ul{max-height:0; padding: 0; overflow:hidden;}
header .top ul li{flex: 1;}
header .top ul li:not(:first-child):not(:last-child) {text-align:center;}
header .top ul li:last-child {text-align:right;}
header .top a{color:#fff;}
header .logoMenuHolder{padding: 25px 0; transition: all 0.5s;}
header.sticky .logoMenuHolder{padding: 5px 0;}
header .logoMenuHolder .center{display:flex; align-items: center;}
header .logo{width:calc(25% - 25px); margin:0 25px 0 0;}
header .logo picture * {width: 100%; max-width: 300px; transition: all 0.5s;}
header.sticky picture * {width: 70%; margin-top: 5px; }
header nav{width:75%; font-size:1.1em; font-weight: bold; line-height: 1;}
header nav ul{list-style:none; display: flex; float: right;}
header nav ul li{padding: 0 5px;}
header nav ul li a{display:block; padding:10px;}
header nav ul li a.active, header nav ul li a:hover, header nav ul li:hover > a{color:#df6630; }
header nav ul li:has(ul) > a::after{content: " >"; display: inline-block; margin: 0 0 0 10px; transition: all 0.7s;}
header nav ul li:has(ul):hover > a::after{ transform: rotate(90deg);}
header nav ul li ul{background:#86bbb6; font-size:0.9em; max-height:0px; width: 225px; display:block; font-weight: normal; position:absolute; border-radius: 10px; z-index:100; transition: all 0.7s; overflow:hidden;}
header nav ul li ul li{float: none; padding: 0;}
header nav ul li ul li a{display:block; padding: 15px; color:#fff;}
header nav ul li ul li a:hover, header nav ul li ul li a.active{background:#fff; color:#df6630; }
header nav ul li:hover ul{max-height:500px; }
header nav ul li.contact{margin: -7px 0 0 10px; padding: 0;}
header nav ul li.contact a{color:#fff; background:#df6630 no-repeat 15px center url( "data:image/svg+xml," ); background-size: 15px; border-radius: 30px; padding: 15px 20px 15px 40px;}
header nav ul li.contact a:hover{background-color:#eb8e3c; color:#fff;}
header nav ul li.home{/*display:none;*/}
header .mobileMenuHolder{display:none;}
.hero{background-image: linear-gradient(#86bbb6, #fff); position: relative;}
.hero:after{ content:''; background:rgba(255,255,255,.7); position: absolute; top: 0; width: 100%; height: 100%;}
.hero .heroImage{width:100%; aspect-ratio: 3.5 / 1; position:relative; z-index: 50;}
.hero.sub .heroImage{aspect-ratio: 6 / 1;}
.hero .heroImage picture{display:block; width: 100%; height:100%; }
.hero .heroImage picture *{filter: brightness(60%); border-radius: 0px 0px 15px 15px; width: 100%; height:100%; object-fit:cover;}
.hero .heroTxt{padding: 5%; position:absolute; top:0; right:0; bottom:0; left:0; align-items: center; display: flex;}
.hero .heroTxt h1{font-size:3.0em; line-height:1.1; width: 80%; max-width:800px; color: #fff; text-shadow: 2px 2px 8px #000; }
.usp{padding: 50px 0 0 0; }
.usp .center{background:#17757f; color:#fff; padding: 25px; border-radius: 10px;}
.usp ul{max-width: 800px; list-style: none; display: flex; flex-wrap: wrap; margin: 0 auto;}
.usp ul li{flex: 1; }
.usp ul li:not(:first-child):not(:last-child) {text-align:center;}
.usp ul li:last-child {text-align:right;}
.usp ul li span {background:no-repeat left center url( "data:image/svg+xml," ); background-size:25px; /*@ fill: %23 = # */ padding: 12px 0px 15px 40px; }
.mainContent { }
.mainContent main{padding: 50px 0 25px 0;}
.mainContent a:not(.btn){color:#df6630; border-bottom:1px solid #df6630;}
.mainContent .center{ display:flex; }
.mainContent .main{width: calc(50% - 40px); margin: 0 40px 0 0;}
.mainContent .side{width: 50%;}
.mainContent .side .photos, .mainContent .side .photos *{height:500px; border-radius: 25px;}
.mainContent .side .photos .photo{position: relative; /*aspect-ratio: 1/1;*/}
.mainContent .side .photos .photo picture{left: 0; top: 0; right: 0; bottom: 0; position: absolute; height:100%!important; width:100%!important; display:block!important;}
.mainContent .side .photos .photo picture *{height:100%!important; width:100%!important; display:inline!important; object-fit:cover;}
.mainContent .side .photos .photo p{color: #000; background: rgba(255, 255, 255, .5); padding: 10px; border-radius: 10px 0 0 10px; font-weight: 500; font-size: 1em; height: auto; width: calc(100% - 150px); bottom: 0; right: 0; position: absolute; z-index: 10; line-height: 1;}
.mainContent .side .photos .slick-arrow{width: 40px; height:40px; min-height:30px; cursor:pointer; font-size:0; border:0; position: absolute; bottom:25px; z-index: 100; background:none; background-repeat: no-repeat; background-size: contain; transition: 0.5s; }
.mainContent .side .photos .slick-next{filter: drop-shadow(0 0 0.75rem #000); left:75px; background-image: url("/images/arrowRight.svg"); }
.mainContent .side .photos .slick-prev{filter: drop-shadow(0 0 0.75rem #000); left:25px; background-image: url("/images/arrowLeft.svg");}
.mainContent .side .photos .slick-disabled{opacity: 0; cursor:default;}
.mainContent .side address{background:#86bbb6; padding: 25px; border-radius: 25px; font-style:normal; max-width: 350px; float:right;}
.mainContent .side address strong{font-size: 1.8em; margin: 0 0 15px 0; line-height: 1; display:block;}
.mainContent .side address .social{margin: 25px 0 0 0;}
.mainContent .side address .social li{margin: 0 15px 15px 0;}
.mainContent .part2 {padding: 50px 0;}
.mainContent .part2 .main{order:2; margin: 0 0 0 40px;}
.mainContent .full .main{margin: 0; width:100%;}
.mainContent .full .center{display:block;}
.cta{background:#df6630; color:#fff; padding: 50px 0; margin: 25px 0;}
.cta .center{display:flex; align-items: center;}
.cta .txt{width: calc(60% - 40px); margin: 0 40px 0 0; line-height: 1.1;}
.cta .txt h5{font-size: 2.5em; margin: 0 0 10px 0;}
.cta .txt h6{font-size: 2em; color:#000;}
.cta .link{width: 40%; text-align:right; }
.cta .link .btn {background:#000 no-repeat 25px center url( "data:image/svg+xml," ); background-size:25px; /*@ fill: %23 = # */ padding: 15px 25px 15px 75px; }
.cta .link .phone{color:#fff; display:inline-block; margin: 20px 50px 0 0; background:no-repeat left center url( "data:image/svg+xml," ); background-size:25px; /*@ fill: %23 = # */ padding: 10px 0px 15px 45px; border:none!important;}
.newsLatest{background:#eb8e3c; padding: 75px 0; margin: 50px 0 0 0;}
.newsLatest h2{color:#fff;}
.newsLatest .holder{display:flex;}
.newsLatest .item:nth-of-type(1) > *:not(.btn){padding: 0 50px 0 0;}
.newsLatest .item:nth-of-type(2) > *:not(.btn){padding: 0 0 0 50px;}
.newsLatest .item .date{color:#fff; font-size: 0.9em; margin:0 0 5px 0;}
.newsLatest .item:nth-of-type(2) .intro{border-left: 1px solid #df6630;}
.newsLatest .item:nth-of-type(2) .btn{margin: 0 0 0 50px;}
.newsLatest .all .btn{border:1px solid #fff; color:#fff; background: transparent; margin: 50px 0 0 0;}
footer{background:#daf8f7; font-weight:500; padding: 75px 0 0 0; font-size: 1.1em; line-height:1.8em;}
footer a{color:#000;}
footer h6{color:#df6630;}
footer.content ul{list-style:none; margin:0;}
footer .center{display:flex; flex-wrap: wrap;}
footer .block{flex: 30%; padding: 0 0 50px 0;}
footer .block:nth-of-type(2), footer .block:nth-of-type(4){flex: 20%;}
footer .block .logo{width:80%; max-width:250px;}
footer .block .logo picture *{width:100%;}
footer .block .logo .payoff{padding: 15px 0 0 0;}
footer .bottom{background:#000; color:#86bbb6; font-size: 1.0em; line-height:1.2em; padding: 25px 0;}
footer .bottom a{color:#86bbb6; border-bottom: 1px solid #000;}
footer .bottom ul{flex: calc(100% - 300px); display:flex;}
footer .bottom ul li{margin: 0 20px 0 0;}
footer.content .bottom p{flex: 300px; margin:0; text-align:right;}
@media only screen and (min-width: 1500px) {
/* Hover effects only on big screens*/
.social li a:hover{padding:0;}
.social li a:hover svg{fill: #000;}
.btn:hover{color:#fff; background-color:#df6630;}
.newsOverview .item a:hover .text .link{background-color:#fff; color:#000; margin-left:5px; }
.newsArchive ul li a:hover .date, .newsArchive ul li a:hover .title{background:#df6630; color:#fff; }
.newsOverview .item:not(.full) a:hover .photo {transform: scale(1.05); }
.newsOverview .item:not(.full) a :hover.photo picture{transform: scale(1.1); }
.highlights .item:hover{transform: scale(1.05); }
.highlights .item:hover picture{transform: scale(1.1); }
.mainContent .side .photos .slick-prev:hover{transform: scale(1.1);}
.mainContent .side .photos .slick-next:hover{transform: scale(1.1);}
.mainContent a:not(.btn):hover{border-bottom:1px solid #000;}
.cta .link .btn:hover{color:#df6630; background-color:#fff; background-image:url( "data:image/svg+xml," );}
.cta .link .phone:hover{transform: scale(1.05); border:none;}
.newsLatest .all .btn:hover{background-color: #df6630; color:#fff;}
footer a:not(.logoLink):hover{padding:0 0 0 5px;}
footer .bottom a:hover{border-bottom: 1px solid #86bbb6; padding:0;}
}
@media only screen and (max-width: 1500px) {
.center { margin: 0 50px; }
.mainContent .center, .newsLatest .center, .highlights .center, .usp .center { margin: 0 100px;}
}
@media only screen and (max-width: 1250px) {
.newsOverview .item:not(.full) a .photo{flex: calc(50% - 50px);}
.newsOverview .item:not(.full) a .photo picture{aspect-ratio: auto; max-height: 400px;}
.newsOverview .item:not(.full) a .text{flex: 50%;}
.highlights .item{margin: 10px;}
.highlights .item span{font-size: 1.1em; width: calc(100% - 30px); padding: 0px 15px; bottom: 15px;}
header nav{font-size: 1em;}
header nav ul li a{padding: 15px 5px 15px 5px;}
.mainContent .main{width: calc(50% - 25px); margin: 0 25px 0 0;}
.mainContent .side{width: 50%;}
.cta .txt h5{font-size: 2.0em;}
.cta .txt h6{font-size: 1.5em; }
}
@media only screen and (max-width:1000px) {
.center { margin: 0 25px; }
.mainContent .center, .newsLatest .center, .highlights .center, .usp .center { margin: 0 35px;}
.content h1{font-size: 2.0em;}
.content h2{font-size: 1.5em;}
.content h3, .content h6{font-size: 1.2em;}
.formTxt{float:none; width:100%; margin: 0 0 5px 0;}
.formInput{float:none; width:100%; }
.formTxt.gone{display:none;}
.newsOverview .item:not(.full) a .photo{flex: calc(60% - 50px);}
.newsOverview .item:not(.full) a .text{flex: 40%;}
.highlights .item, .highlights .item:first-of-type, .highlights .item:last-of-type{flex: calc(50% - 20px);}
.highlights .item:nth-child(odd){margin-left: 0;}
.highlights .item:nth-child(even){margin-right: 0;}
header .logo{width:225px;}
header.sticky picture * {width: 80%; margin-top: 5px; }
header nav{display:none;}
header .mobileMenuHolder{padding: 3px 0 0 0; width: calc(100% - 225px); display: block;}
header .mobileMenu {background:#df6630; border-radius:5px; padding: 3px 5px 15px 10px; width: 85px; height: 25px; float:right; line-height:50px; }
header .mobileMenu .mobileNav{display:block; height: 27px; width: 80px; }
header .mobileMenu .mobileNav .hamburger{width:30px; height:30px; float:left;}
header .mobileMenu .mobileNav .txt{color:#fff; font-weight:bold; font-size: 15px; line-height: 35px; width:50px; height:30px; float:left; text-align: right;}
header .mobileMenu .mobileNav .bar1, header .mobileMenu .mobileNav .bar2, header .mobileMenu .mobileNav .bar3 {background: #fff; width: 100%; height: 2px; margin: 8px 0; transition: all 0.5s;}
header .mobileMenu .menuOpen .bar1 {transform: translate(0, 10px) rotate(-45deg);}
header .mobileMenu .menuOpen .bar2 {opacity: 0;}
header .mobileMenu .menuOpen .bar3 {transform: translate(0, -10px) rotate(45deg);}
.hero.sub .heroImage{aspect-ratio: 4 / 1;}
.hero .heroTxt h1{font-size: 2.0em;}
.mainContent .side address strong{font-size: 1.5em;}
footer .block, footer .block:nth-of-type(2){flex: 33.3%;}
footer .block:nth-of-type(1){display:none;}
footer .bottom{font-size: 0.8em;}
footer .bottom ul{flex: calc(100% - 200px);}
footer.content .bottom p{flex: 200px;}
}
@media only screen and (max-width: 750px) {
.hero .center { margin: 0 15px; }
.newsOverview .item:not(.full) a{flex-wrap: wrap;}
.newsOverview .item:not(.full) a .photo{flex: 100%; margin: 25px 0 0 0;}
.newsOverview .item:not(.full) a .photo picture{ height: auto; aspect-ratio: 4/3;}
.newsOverview .item:not(.full) a .text{flex: 100%;}
.hero .heroImage{aspect-ratio: 2 / 1;}
.hero.sub .heroImage{aspect-ratio: 2.5 / 1;}
.usp{padding: 25px 0 0 0;}
.usp .center{padding: 15px;}
.usp ul li, .usp ul li:last-child, .usp ul li:not(:first-child):not(:last-child){flex:100%; text-align:left; margin: 5px 0;}
.mainContent main{padding: 25px 0;}
.mainContent .center{display:block;}
.mainContent .main, .mainContent .part2 .main{width:100%; margin: 0;}
.mainContent .side{width:100%; margin: 40px 0 0 0;}
.mainContent .side address{max-width: none; float:none;}
.mainContent .side address.fill{display:none;}
.mainContent .part2{padding: 25px 0;}
.cta .center{display:block;}
.cta .txt{width: 100%;}
.cta .txt h5{font-size: 1.8em; text-align:center;}
.cta .txt h6{font-size: 1.2em; text-align:center;}
.cta .link{width: 100%; text-align:center; margin: 20px 0 0 0;}
.cta .link .phone{margin: 20px 0 0 0;}
.newsLatest .holder{display:block;}
.newsLatest .item{margin: 0 0 50px 0;}
.newsLatest .item:nth-of-type(1) > *:not(.btn), .newsLatest .item:nth-of-type(2) > *:not(.btn){padding: 0; border-left: none;}
.newsLatest .item:nth-of-type(2) .btn{margin:0;}
footer .block, footer .block:nth-of-type(2), footer .block:nth-of-type(2), footer .block:nth-of-type(4){flex: 50%; padding: 0 0 50px 0;}
footer .block:nth-of-type(1){display:block; order: 3;}
footer .block:nth-of-type(4){display:block; order: 4;}
footer .bottom .center{display:block;}
footer .bottom ul{flex: none;}
footer.content .bottom p{flex: none; padding:20px 0 0 0;}
}
@media only screen and (max-width: 500px) {
.formInput input[type="submit"]{ width:100%; }
.formContainer .adjustJump{position:absolute; margin-top:-100px !important;}
.newsOverview .item a .text .link{width: calc(100% - 50px);}
.highlights{padding: 20px 0;}
.highlights .holder{padding:0;}
.highlights .item, .highlights .item:first-of-type, .highlights .item:last-of-type{flex: 100%; margin: 20px 0;}
.highlights .item span{font-size: 1.4em;}
header .top ul{display: block; padding: 5px 0;}
header .top ul li,header .top ul li:last-child{text-align: center; padding: 2px 0;}
.hero .heroTxt h1{font-size: 1.4em;}
.mainContent .side .photos, .mainContent .side .photos *{height: 300px;}
footer{padding: 50px 0 0 0;}
footer .block, footer .block:nth-of-type(2){flex: 100%; padding: 0 0 25px 0;}
footer .block:nth-of-type(1){display:block; order: 3;}
footer .block:nth-of-type(4){display:block; order: 4;}
footer .bottom ul{display:block;}
footer .bottom ul li{text-align:center; padding:5px 0;}
footer.content .bottom p{text-align:center;}
}
@media only screen and (max-width: 300px) {
.content td{ display:block; width:100%!important; }
.content table tr td, .content table col{display:block; width:100%!important; padding: 25px 0 0 0; }
}