#layout-header .navbar{align-self:flex-end;padding-bottom:0px !important;background:#fff;box-shadow:0 2px 2px -1px rgba(0,0,0,0.25)}
#layout-header .navbar .navbar-brand{display:inline-block;line-height:50px;font-size:2rem;font-weight:600;word-spacing:6px;letter-spacing:1.3px;text-transform:uppercase;text-decoration:none;list-style-type:none;float:left;cursor:pointer}
@media only screen and (max-width:768px){#layout-header .navbar .navbar-brand{font-size:1.5rem}}
@media only screen and (max-width:400px){#layout-header .navbar .navbar-brand{font-size:1.2rem}}
@media only screen and (max-width:340px){#layout-header .navbar .navbar-brand{font-size:1rem}}
#layout-header .navbar .navbar-nav{margin-right:0;margin-left:auto;z-index:99}
#layout-header .navbar .navbar-collapse ul li a{font-size:1rem;color:#252525}
#layout-header .navbar-toggler{border:none;background:#0762ab}
.navbar-toggler-icon{filter:invert(1)}
.wa-button{appearance:none;-webkit-appearance:none;font-family:sans-serif;cursor:pointer;padding:10px;min-width:100px;border:0px;-webkit-transition:background-color 100ms linear;-ms-transition:background-color 100ms linear;transition:background-color 100ms linear;background:#2ecc71;color:#fff;border-radius:20px;margin-left:30px}
.wa-button p{font-size:1rem}
.wa-button:hover{background:#27ae60;color:#fff}
.nav-item{position:relative;display:inline-block}
.nav-item:after{position:absolute;left:50%;content:'';height:2px;background:#0762ab;transition:all 0.2s ease-in-out;width:0;bottom:0}
.nav-item:hover:after{width:100%;margin-left:-50%}
.active a{color:#0762ab !important;font-weight:600}
.wa-logo{--tw-text-opacity:1;filter:invert(100%);width:1rem;height:1rem;margin-left:10px}
@media only screen and (max-width:1000px){#navbarNav{background:#fff;box-shadow:0px 15px 10px -20px #111}}
footer{background:#efefef;line-height:1.5}
footer hr{margin-top:0 !important}
footer ul{list-style:none;padding-left:0}
footer a{text-decoration:none;color:#2d3748;font-size:16.5px}
footer a:hover{text-decoration:underline;color:#2d3748}
footer li{color:#2d3748;font-size:16.5px}
footer .ft-title{font-size:15px;color:#2d3748;padding-bottom:5px;font-weight:600}
footer .ft-main-item{padding:15px;min-width:15px}
footer .ft-social{padding:5px 0}
footer .ft-social-list{display:flex;justify-content:center;border-top:1px #777 solid;padding-top:15px}
footer .ft-social-list li{margin:10px;font-size:23px}
footer .ft-legal{border-top:1px solid #ccc;padding:17px 10px 7px 10px}
footer .ft-legal-list{width:100%;display:flex}
footer .ft-legal-list li{margin:0 8px;white-space:nowrap}
@media only screen and (min-width:768px){footer .ft-legal-list{justify-content:center}}
@media only screen and (max-width:768px){footer .ft-main{text-align:center;justify-content:center}footer .ft-legal-list{flex-wrap:wrap;justify-content:center}}
*{font-family:Arial,Helvetica,sans-serif}
p{font-size:17px}
@media only screen and (min-width:768px){p{font-size:18px}}
li{font-size:17px}
.strong{font-weight:bold}
h5{font-weight:600}
a{text-decoration:none;color:#212529}
.page-title{background-size:cover;background-position:top center;padding-top:200px;padding-bottom:300px}
.page-title>h2{font-size:50px;color:#fff;text-shadow:0.5px 0.5px #555}
.page-title>h3{font-size:30px;color:#fff;margin-bottom:30px;text-shadow:1px 1px #444}
@media only screen and (max-width:767px){.page-title{padding:100px 30px}}
@media only screen and (max-width:992px) and (min-width:768px){.page-title{padding:200px 30px}}
@media only screen and (max-width:768px){.page-title{min-height:100vh}.page-title>h2{font-size:40px}}
.intro-div{padding-top:85px;padding-bottom:150px;min-height:450px}
@media only screen and (max-width:768px){.intro-div{padding-top:50px;padding-bottom:50px;min-height:300px}}
.bordered-image{object-fit:cover}
@media only screen and (min-width:769px){.bordered-image{border-radius:30px 0px 30px 0px}}
.contact-image{object-fit:cover}
@media only screen and (min-width:576px){.contact-image{border-radius:15px 15px 0 0}}
@media only screen and (max-width:575px){.contact-image{max-height:25%}}
.home-image-container{width:100%;height:100%;background-size:cover;background-position:center;background-repeat:no-repeat}
.page-title-services{background:#fff;padding:40px 0}
.page-title-services .hero-service-box:hover h3,
.page-title-services .hero-service-box:hover p{color:#0256a9}
.page-title-services a{color:#333}
.page-title-services a:hover{text-decoration:none}
.page-title-services .hero-service-title{font-size:23px}
.page-title-services .hero-service-description{font-size:16px}
.page-title-services .page-title-services-box{padding:0 40px}
.hero-icons{font-size:40px;color:#0256a9}
.container{width:1300px !important;padding-left:0 !important;padding-right:0 !important}
@media only screen and (max-width:1300px){.container{width:100% !important}}
.overlaytext{position:absolute;top:18%;width:100%;z-index:0;margin:auto;width:50%}
@media only screen and (max-width:1300px){.overlaytext{width:100%}}
.overlaytext-topper{position:absolute;padding-top:100px;top:3%;width:55%;z-index:0;margin:auto}
@media only screen and (max-width:1300px){.overlaytext-topper{width:95%}}
.overlaytext-topper div p{font-weight:400 !important}
.main-title{color:#fff;font-weight:600;font-size:4vw}
@media only screen and (min-width:1200px){.main-title{font-size:3rem}}
@media only screen and (max-width:900px){.main-title{font-size:2rem}}
.main-title-home{color:#fff;font-weight:600;font-size:4vw}
@media only screen and (min-width:1200px){.main-title-home{font-size:3rem}}
@media only screen and (max-width:900px){.main-title-home{font-size:2rem}}
.main-text{color:#fff}
table td,
table td *{vertical-align:top}
td{padding:6px}
.wa-button{appearance:none;-webkit-appearance:none;font-family:sans-serif;cursor:pointer;padding:10px;border:0px;-webkit-transition:background-color 100ms linear;-ms-transition:background-color 100ms linear;transition:background-color 100ms linear;background:#0762ab;color:#fff;border-radius:20px;box-shadow:0 10px 20px rgba(0,0,0,0.19),0 6px 6px rgba(0,0,0,0.23)}
.wa-button p{font-size:1rem}
.wa-button:hover{color:#fff;background:#014378}
.def-button{display:flex !important;appearance:none;-webkit-appearance:none;font-family:sans-serif;cursor:pointer;padding:10px 20px;border:0px;width:fit-content;-webkit-transition:background-color 100ms linear;-ms-transition:background-color 100ms linear;transition:background-color 100ms linear;background:#FF9D01;color:#fff;border-radius:20px;box-shadow:0 10px 20px rgba(0,0,0,0.19),0 6px 6px rgba(0,0,0,0.23)}
.def-button p{font-size:1rem;font-weight:bold}
.def-button::after{width:1.25rem;height:1.25rem;margin-left:auto;content:"\276F"}
.def-button:hover{color:#fff;background:#EB9103}
.def-button-gelb{display:flex !important;appearance:none;-webkit-appearance:none;font-family:sans-serif;cursor:pointer;padding:15px 22px 13px 15px;border:0px;-webkit-transition:background-color 100ms linear;-ms-transition:background-color 100ms linear;transition:background-color 100ms linear;background:#f39c12;color:#fff;border-radius:20px;font-weight:600;width:95%;box-shadow:0 10px 20px rgba(0,0,0,0.19),0 6px 6px rgba(0,0,0,0.23)}
.def-button-gelb p{font-size:1rem;font-weight:600 !important}
.def-button-gelb::after{margin-top:-3px;margin-left:5px;font-size:20px;content:'\276F'}
.def-button-gelb:hover{background:#e09010}
.def-button-blau{display:flex !important;align-items:center;justify-content:center;appearance:none;-webkit-appearance:none;font-family:sans-serif;cursor:pointer;padding:15px 15px 15px 25px;border:0px;-webkit-transition:background-color 100ms linear;-ms-transition:background-color 100ms linear;transition:background-color 100ms linear;background:#0762ab;color:#fff !important;border-radius:20px;font-weight:600;width:95%;box-shadow:0 10px 20px rgba(0,0,0,0.19),0 6px 6px rgba(0,0,0,0.23)}
.def-button-blau p{font-size:1rem}
.def-button-blau::after{width:1.25rem;height:1.25rem;margin-left:auto;content:"";background-image:url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16' fill='%23212529'%3e%3cpath fill-rule='evenodd' d='M1.646 4.646a.5.5 0 0 1 .708 0L8 10.293l5.646-5.647a.5.5 0 0 1 .708.708l-6 6a.5.5 0 0 1-.708 0l-6-6a.5.5 0 0 1 0-.708z'/%3e%3c/svg%3e");background-repeat:no-repeat;background-size:1.25rem;transition:transform 0.2s ease-in-out;filter:invert(1);transform:rotate(270deg)}
.def-button-blau:hover{color:#fff;background:#014378}
.def-button-dark{display:flex;appearance:none;-webkit-appearance:none;font-family:sans-serif;cursor:pointer;max-width:50%;padding:10px;border:0px;-webkit-transition:background-color 100ms linear;-ms-transition:background-color 100ms linear;transition:background-color 100ms linear;background:#014378;color:#fff;border-radius:20px;box-shadow:0 10px 20px rgba(0,0,0,0.19),0 6px 6px rgba(0,0,0,0.23)}
.def-button-dark p{font-size:1rem}
@media only screen and (max-width:800px){.def-button-dark{max-width:100%}}
.def-button-dark::after{width:1.25rem;height:1.25rem;margin-left:auto;content:"";background-image:url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16' fill='%23212529'%3e%3cpath fill-rule='evenodd' d='M1.646 4.646a.5.5 0 0 1 .708 0L8 10.293l5.646-5.647a.5.5 0 0 1 .708.708l-6 6a.5.5 0 0 1-.708 0l-6-6a.5.5 0 0 1 0-.708z'/%3e%3c/svg%3e");background-repeat:no-repeat;background-size:1.25rem;transition:transform 0.2s ease-in-out;filter:invert(1);transform:rotate(270deg)}
.def-button-dark:hover{color:#fff;background:#023259}
.list-button{appearance:none;-webkit-appearance:none;font-family:sans-serif;cursor:pointer;padding:10px;border:0px;-webkit-transition:background-color 100ms linear;-ms-transition:background-color 100ms linear;transition:background-color 100ms linear;border-radius:5px}
.list-button p{font-size:1rem}
.list-button:hover{background:#ccc}
.fixed-button{appearance:none;-webkit-appearance:none;font-family:sans-serif;cursor:pointer;padding:10px;border:0px;-webkit-transition:background-color 100ms linear;-ms-transition:background-color 100ms linear;transition:background-color 100ms linear;background:#22ba40;color:#fff;border-radius:20px;z-index:99;position:fixed;bottom:8px;right:8px;box-shadow:0 10px 20px rgba(0,0,0,0.19),0 6px 6px rgba(0,0,0,0.23)}
.fixed-button p{font-size:1rem}
.fixed-button:hover{color:#fff;background:#1b9433}
.home-button{appearance:none;-webkit-appearance:none;font-family:sans-serif;cursor:pointer;padding:10px;border:0px;-webkit-transition:background-color 100ms linear;-ms-transition:background-color 100ms linear;transition:background-color 100ms linear;background:#fe1;color:#fff;border-radius:20px}
.home-button p{font-size:1rem}
.home-button:hover{background:#d6c90d}
.main-link{text-decoration:none;color:#fff;font-weight:400}
.main-link:hover{color:#fff;font-weight:600}
.sec-titel{color:#0762ab;font-weight:700;font-size:2.75vw}
@media only screen and (min-width:1200px){.sec-titel{font-size:2rem}}
@media only screen and (max-width:900px){.sec-titel{font-size:1.5rem}}
.sec-titel-small{font-weight:700;color:#0762ab;font-size:1.3rem}
.sec-titel-white{font-weight:700;color:#fff;font-size:2.5rem}
@media only screen and (max-width:800px){.sec-titel-white{font-size:1.5rem}}
.sec-titel-white-small{font-weight:700;color:#fff;font-size:1.3rem}
.rounded-box{border-radius:0.5rem}
.hide{display:none !important}
.active-list{background:#0762ab !important;color:#fff !important}
#content-menu{border-radius:5px}
.icon{color:#0762ab;font-weight:700 !important;font-size:larger !important;text-decoration:none !important}.gelb-box{background:#fff;border:1px solid #999;border-radius:15px}
.blau-box-contact{background:#0762ab}
@media only screen and (min-width:576px){.blau-box-contact{border-radius:0 0 15px 15px}}
.blau-box-contact div{color:white}
.blau-box-contact div a{color:white}
.blau-box-contact div .icon{color:white !important}
.blau-box-contact .sec-titel{color:#fff}
.info-button{cursor:pointer}
.info-button p{color:#fff;font-size:20px;font-weight:500}
.info-active p{font-weight:600;text-decoration:underline}
.white-text{color:#fff}
.teiler{color:#fff;opacity:1;width:100%}
.but-line{margin:0;padding:0;width:90%;margin:auto}
.map{height:200px;width:100%}
.list-def-button{appearance:none;-webkit-appearance:none;font-family:sans-serif;cursor:pointer;padding:12px 25px;border:0px;-webkit-transition:background-color 100ms linear;-ms-transition:background-color 100ms linear;transition:background-color 100ms linear;background:#0762ab;color:#fff;border-radius:10px;display:flex}
.list-def-button p{font-size:1rem}
.list-def-button:hover{color:#f39c12;background:#014378}
.list-def-button::after{width:1.25rem;height:1.25rem;margin-left:auto;content:"";background-image:url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16' fill='%23212529'%3e%3cpath fill-rule='evenodd' d='M1.646 4.646a.5.5 0 0 1 .708 0L8 10.293l5.646-5.647a.5.5 0 0 1 .708.708l-6 6a.5.5 0 0 1-.708 0l-6-6a.5.5 0 0 1 0-.708z'/%3e%3c/svg%3e");background-repeat:no-repeat;background-size:1.25rem;transition:transform 0.2s ease-in-out;filter:invert(1);overflow:hidden;transition-duration:100ms;transition-property:transform}
.active-ldb::after{transform:rotate(180deg) !important;-webkit-transform:rotate(180deg) !important}
.list-titel-small{font-weight:600;color:#fff;font-size:1.3rem;padding:0 !important;margin:0 !important}
.white-line{width:100%;height:1px;background:none}
.list-text p{padding-bottom:10px !important;margin-bottom:0 !important}
.responsiveContainer{position:relative;overflow:hidden}
.responsiveContainer iframe{position:absolute;top:0;left:0;width:100%;height:100%;z-index:0}
.responsiveContainer .map-overlay{min-width:100%;min-height:100%;position:absolute}
.map-overlay{position:absolute}
.slider{position:relative;width:100%;height:100%}
.slide{text-align:center;display:none;position:absolute;width:100%;height:100%}
.active-slide{display:flex !important}
.slide-img{height:600px;width:100%;object-fit:cover}
.slide-box{height:600px}
.map-link{text-decoration:none;color:black;cursor:default}
.map-link:hover{color:black}
.map-link:active{color:black}
@media only screen and (max-width:800px){.map-link text{text-decoration:underline}}
.arrow-link{margin-left:30px;font-size:35px;color:#0762ab;text-decoration:none !important}
.grey-box{background:#f2f4f7;padding:10px;border-radius:10px}
.blau-box{background:#0762ab}
@media only screen and (min-width:769px){.blau-box{border-radius:10px}}
.blau-box text{color:#fff}
.shadow-car{-webkit-filter:drop-shadow(5px 5px 5px #222);filter:drop-shadow(5px 5px 5px #222)}
.q-list-element{background:none !important;color:#212529;font-weight:600;padding-left:0 !important;transition:0.3s ease-out}
.q-list-element p{font-size:18px !important}
.q-list-element:hover{color:#0762ab !important}
.q-list-element::after{filter:none !important}
.active-title{color:#0762ab}
.notification{display:flex;background:orange}
.notification p{margin-bottom:5px !important;margin-top:5px}
.notification::before{width:20px;content:""}
.notification-close{padding-left:10px}
.notification-close::after{content:"\00d7";margin-right:5px;font-size:24px}
.notification-close:hover{cursor:pointer}
.n-hide{background:none !important}
.n-hide .text-center{display:none !important}
.n-hide .notification-close{display:none !important}
@media only screen and (max-width:1199px){.left-border-box{border-top:2px solid #fff}}
@media only screen and (min-width:1200px){.left-border-box{border-left:2px solid #fff}}
#accordion .card{margin-bottom:3px;border-radius:5px}
#accordion .card a:hover{color:inherit}
#accordion .card-header{border:0;border-radius:5px;background-color:#f1f1f1}.wrap{position:relative}.frame{overflow:hidden;background:#0762ab}
.frame ul{list-style:none;margin:0;padding:0;font-size:50px;z-index:0 !important}
.frame ul li{float:left;width:500px;border-radius:1.375rem;height:250px;padding:0;background:#fff;color:#0762ab;text-align:center;cursor:pointer;box-shadow:0 10px 20px rgba(0,0,0,0.19),0 6px 6px rgba(0,0,0,0.23)}
@media only screen and (max-width:800px){.frame ul li{width:300px;height:300px}}
.nothing{width:30px !important;background:none !important;box-shadow:none !important}
@media only screen and (max-width:800px){.nothing{width:10px !important}}
.box-connector{width:25px !important;height:25px !important;border-top:2px solid #fff !important;border-left:2px solid #fff !important;border-radius:0rem !important;transform:rotate(135deg);box-shadow:none !important;background:none !important;margin-top:113px !important;margin-right:5px !important;margin-left:65px}
.box-connector::after{content:"";display:block;width:2px;height:100px;background-color:#fff;transform:rotate(-45deg) translate(35px,13px);left:0;top:0}
@media only screen and (max-width:800px){.box-connector{margin-top:133px !important;margin-left:20px}.box-connector::after{height:50px;transform:rotate(-45deg) translate(17px,5px)}}.scrollbar{margin:0 0 1em 0;height:2px;background:#ccc;line-height:0}
.scrollbar .handle{width:100px;height:100%;background:#292a33;cursor:pointer}
.scrollbar .handle .mousearea{position:absolute;top:-9px;left:0;width:100%;height:20px}.pages{list-style:none;margin:20px 0;padding:0;text-align:center}
.pages li{display:inline-block;width:14px;height:14px;margin:0 4px;text-indent:-999px;border-radius:10px;cursor:pointer;overflow:hidden;background:#fff;box-shadow:inset 0 0 0 1px rgba(0,0,0,0.2)}
.pages li:hover{background:#aaa}
.pages li.active{background:#666}.controls{margin:25px 0;text-align:center}.oneperframe{height:300px;line-height:300px}
.oneperframe ul li{width:1140px}
.oneperframe ul li.active{background:#333}
.num-circle{width:45px;height:45px}
.num-circle-white{width:39px;height:39px;color:white;position:absolute;margin-left:2px;margin-top:2px}
.text-num{color:#0762ab;font-size:40px;font-weight:800}
.animation-box{background:none;width:20px}
.in-animation{animation:center-animate 0.4s linear 3 alternate;animation-fill-mode:forwards}
@keyframes center-animate{0%{width:20px}100%{width:0px}100% .jul{display:none !important}}
.animation-li{background:none !important;width:auto !important;box-shadow:none !important}.main-timeline{position:relative}.main-timeline::after{content:"";position:absolute;width:6px;background-color:var(--color-3);top:0;bottom:0;left:50%;margin-left:-3px}.timeline{position:relative;background-color:inherit;width:50%}.timeline::after{content:attr(number);display:flex;align-items:center;justify-content:center;font-size:28px;color:var(--color-1);font-weight:bold;text-align:center;position:absolute;width:50px;height:50px;right:-25px;background-color:var(--color-2);top:5px;border-radius:50%;z-index:1}.left{padding:0px 40px 20px 0px;left:0}.right{padding:0px 0px 20px 40px;left:50%}.left::before{content:" ";color:attr(color);position:absolute;top:20px;z-index:1;right:30px;border:medium solid var(--color-1);border-width:10px 0 10px 10px;border-color:transparent var(--color-1) transparent var(--color-1)}.right::before{content:" ";position:absolute;top:18px;z-index:1;left:30px;border:medium solid var(--color-1);border-width:10px 10px 10px 0;border-color:transparent var(--color-1) transparent transparent;transition:all 1s}.right::after{left:-25px}
.card-frame-right{border-radius:10px;box-shadow:0 30px 60px -12px rgba(50,50,93,0.25),0 18px 36px -18px rgba(0,0,0,0.3),0 -12px 36px -8px rgba(0,0,0,0.025)}
@media screen and (min-width:769px){.card-frame-right{margin-left:0rem}}
.card-frame-left{border-radius:10px;box-shadow:0 30px 60px -12px rgba(50,50,93,0.25),0 18px 36px -18px rgba(0,0,0,0.3),0 -12px 36px -8px rgba(0,0,0,0.025)}
@media screen and (min-width:769px){.card-frame-left{margin-right:-1px}}
.card-border-right{border-top-right-radius:10px;border-bottom-right-radius:10px}
.card-border-left{border-top-left-radius:10px;border-bottom-left-radius:10px}
.card-icon{font-size:7rem !important}
@media screen and (max-width:1200px){.card-icon{font-size:5rem !important}}
@media screen and (max-width:992px){.card-frame-right,.card-frame-left{border-radius:10px}.left .card-border-right{border-radius:10px 10px 0px 0px}.left .card-border-left{border-radius:0px 0px 10px 10px}.right .card-border-right{border-radius:0px 0px 10px 10px}.right .card-border-left{border-radius:10px 10px 0px 0px}}@media screen and (max-width:768px){.main-timeline::after{left:51px}.timeline{width:100%;padding-left:62px;padding-right:0px}.timeline::before{left:40px;border:medium solid var(--color-1);border-width:10px 10px 10px 0;border-color:transparent var(--color-1) transparent transparent}.left::after,.right::after{left:-22px}.left::before{right:auto}.right{left:0%}}
html,
body{width:100%;overflow-x:hidden;line-height:1.3;word-wrap:break-word}
@media only screen and (max-width:768px){.mini-logo-padding{padding:25px}.col-margin{margin-top:40px}.display-in-web{display:none}.vdkf-space-right>img{height:150px;width:auto;margin:10px auto}}
@media only screen and (min-width:769px){.mini-logo-padding{padding:30px 40px}.display-in-mobile{display:none}.vdkf-space-right{padding-left:0;padding-right:30px}}
.fill-current{fill:currentColor}