@charset "utf-8";
/* Fonts */
@import "../font/font.css";
/* Bootstrap */
@import "../bootstrap/css/bootstrap.min.css";
/* Slick */
@import "../slick/css/slick.css";
@import "../slick/css/slick-theme.css";
/* wow animataion */
@import "../wow/css/animate.css";
:root {
    --primary :#327DC0;
    --primaryDark :#164A79;
    --grey :#333333;
    --light :#C6C6C6;
    --black :#070606;
    --white :#FFFFFF;

    --navheight: 186px;
    --navheight-mobil: 130px;

    --fontBarlowCondensed:'Barlow Condensed', sans-serif;
    --fontExo:'Exo', sans-serif;
    --fontOpenSans:'Open Sans', sans-serif;
    --fontKalam:'Kalam', cursive;
}
body {font-family: var(--fontBarlowCondensed);}
@media (min-width: 1500px) {
    .container, .container-lg, .container-md, .container-sm, .container-xl, .container-xxl {max-width: 1470px;}
}

#spacernavi { height: 27px; display: block; }

.container, .container-fluid, .container-lg, .container-md, .container-sm, .container-xl, .container-xxl {padding-right: 30px;padding-left: 30px;}
a {color: var(--primary);}
p, .accordion {font-size: 18px;line-height: 26px;font-family: var(--fontOpenSans);}
.moinSection ul li {font-size: 18px;line-height: 26px;font-family: var(--fontOpenSans);margin-bottom: 0.35rem;}
.object-cover {object-fit: cover;}
.btn {
    font-size: 22px;
    color: var(--primary);
    padding: 8px 34px;
    border-radius: 0;
    font-weight: 500;
    border: 2px solid transparent;
}
.btn-outline {border: 2px solid var(--primary);}
.btn-outline:hover {
    color: var(--white) !important;
    background-color: var(--primary) !important;
    border-color: var(--primary) !important;
}
.btn-white {
    color: var(--white) !important;
    background-color: transparent;
    border-color: var(--white);
}
.btn-white:hover {
    color: var(--primary) !important;
    background-color: var(--white) !important;
    border-color: var(--white) !important;
}
.btn-fill {
    background-color: var(--primary);
    color: var(--white);
}
.btn-fill:hover {
    border-color: var(--primary) !important;
    color: var(--primary) !important;
    background-color: transparent !important;
}
/* header */
.header {
    background: var(--white);    
    -webkit-transition: .3s ease-in-out;
    -moz-transition: .3s ease-in-out;
    transition: .3s ease-in-out;
}

.object-fit-cover {
     object-fit: cover !important;
max-width: 100%;
}

.header .navbar-brand {padding-top: .5rem;padding-bottom: .5rem;}
.header .navbarCall {
    background-color: var(--primary);
    letter-spacing: 1px;
    padding: 10px;
    font-size: 24px;
    position: relative;
    right: 0;
    top: 0;
}
.header .navbarCall .call-lin {
    position: absolute;
    width: 100%;
    left: 0;
    right: 0;
    bottom: -16px;
}
.header .navbarLeft .navbar-nav li a {
    font-size: 24px;
    color: var(--primaryDark);
    padding-left: .75rem;
    padding-right: .75rem;
    position: relative;
}
.header .navbarLeft .navbar-nav li a:hover {color: var(--light);}
.header .navbarLeft .navbar-nav li a.active {color: var(--light);font-weight: 500;}
@media (min-width: 992px) {
    .header .navbar-brand {padding-top: 1.5rem;padding-bottom: 1.5rem;}
    .header .navbarLeft {padding-bottom: 2rem;}
    .header .navbarLeft .navbar-nav li > a {padding-left: 0.9rem;padding-right: 0.9rem;}
    #navIcon {position: relative;}
    .header .navbarCall {padding: 10px 20px 6px 20px;position: absolute;right: 30px;}
    .header .navbarLeft .navbar-nav li > a:before {
        content: "";
        width: 0;
        height: 2px;
        margin: 0 auto;
        position: absolute;
        left: 0;
        right: 0;
        bottom: 0;
        background-color: var(--primaryDark);
        -webkit-transition: .3s ease-in-out;
        -moz-transition: .3s ease-in-out;
        transition: .3s ease-in-out;
    }
    .header .navbarLeft .navbar-nav li > a.active:before,
    .header .navbarLeft .navbar-nav li > a:hover:before {width: 90%;}
}
.header .navbar-nav .nav-item .dropdown-menu {
    background-color: #f1f1f1;
    border-radius: 0;
    border: none;
    -webkit-transition: all .3s ease-in-out;
    -moz-transition: all .3s ease-in-out;
    transition: all .3s ease-in-out;
}
.mega-content {padding: 20px 30px;}
.mgLList {display: flex;flex-wrap: wrap;}
.mgLList .mglItems {max-width: calc((100%/4) + 0px);flex: 0 0 calc((100%/4) + 0px);padding-bottom: 20px;}
.mgLList .mglItems .mglImg img {border: 3px solid transparent;}
.mgLList .mglItems:hover .mglImg img {border-color: #327dc0;}
.mgLList .mglItems:hover {color: #164a79 !important;}
.dropdown-mega a {text-decoration: none;}
.mgL .list-group a {margin-bottom: 1.5rem;}
@media (min-width: 992px) {
    .header .navbar-nav .nav-item .dropdown-menu {
        top: 100%;
        left: 0;
        right: 0;
        opacity: 0;
        display: block !important;
        visibility: hidden;
        -webkit-transform: translateY(50px);
        -moz-transform: translateY(50px);
        -ms-transform: translateY(50px);
        -o-transform: translateY(50px);
        transform: translateY(50px);
    }
    .header .navbar-nav .nav-item.dropdown:hover .dropdown-menu {
        opacity: 1;
        visibility: visible;
        -webkit-transform: translateY(0px);
        -moz-transform: translateY(0px);
        -ms-transform: translateY(0px);
        -o-transform: translateY(0px);
        transform: translateY(0px);
    }
    .header .navbarLeft .navbar-nav li.dropdown-mega > a:after {
        content: "";
        width: 100%;
        height: 32px;
        background: transparent;
        position: absolute;
        left: 0;
        right: 0;
        top: 100%;
    }
    .mgLList .mglItems {max-width: calc((100%/5) + 0px);flex: 0 0 calc((100%/5) + 0px);}
}

@media (max-width: 992px) {
    
    .header .navbarLeft .navbar-nav li > a {padding-left: 0;padding-right: 0;}
    .header .navbarCall > span,
    .header .navbarCall .call-lin {display: none;}
    .header .navbarCall {border-radius: 8px;right: 40px;}
    #navIcon {position: absolute;right: 30px;top: 56px;}
    .header.sticky #navIcon {top: 40px;}
    .header.sticky .navbarLeft ul {max-height: calc(100vh - 110px);overflow: auto;}
    .header .navbarLeft ul {max-height: calc(100vh - 136px);overflow: auto;}
    .mgLList {margin-left: -0.75rem;margin-right: -0.75rem;}
    .mgL .list-group {margin-bottom: 1.5rem;}
    .mgL .list-group a {margin-bottom: 0.5rem;}
}
@media (min-width: 768px) {
    .mgLList .mglItems {max-width: calc((100%/5) + 0px);flex: 0 0 calc((100%/5) + 0px);}
    .mega-content {padding-left: 20px;padding-right: 20px;}

    .mgLList.mgLList2 .mglItems {max-width: calc((100%/6) + 0px);flex: 0 0 calc((100%/6) + 0px);}
}
@media (max-width: 768px) {
    .mgLList {margin-left: -0.75rem;margin-right: -0.75rem;}
    .mgLList .mglItems {padding-bottom: 10px;}
}
@media (max-width: 575px) {
    .mgLList .mglItems {max-width: calc((100%/3) + 0px);flex: 0 0 calc((100%/3) + 0px);}
    .mega-content {padding-left: 15px;padding-right: 15px;}
    .mgLList .mglItems {padding-bottom: 5px;}
}
@media (max-width: 400px) {
    .mgLList .mglItems {max-width: calc((100%/2) + 0px);flex: 0 0 calc((100%/2) + 0px);}
    .mgLList .mglItems {padding-bottom: 0;}
}
/* sticky */
.header.sticky {    
    position: fixed;
    width: 100%;
    top: 0;
    left: 0;
    right: 0;
    background-color: rgba(255, 255, 255, 0.9);
    z-index: 999;

    -webkit-transition: .3s ease-in-out;
    -moz-transition: .3s ease-in-out;
    transition: .3s ease-in-out;

    box-shadow: 0 2px 12px rgba(3, 0, 71, 0.03);
    -webkit-box-shadow: 0 2px 12px rgba(5, 4, 20, 0.03);
    backdrop-filter: blur(12px);
    -webkit-backdrop-filter: blur(12px);
}
.animated {animation-duration: .6s;animation-fill-mode: both;}
.slideInDown {animation-name: bm;}
.header.sticky .navbar-brand {padding-top: 0.5rem;padding-bottom: 0.5rem;}
.header.sticky .navbar-brand > img {max-width: 180px;}
.header.sticky .navbarLeft {padding-bottom: 0.5rem;}
.header.sticky .navbarLeft .navbar-nav li a {font-size: 22px;}
.slick-prev:before, .slick-next:before {display: none !important;opacity: 0;visibility: hidden;}
.header.sticky .navbarLeft {margin-top: unset !important;}
@-webkit-keyframes bm {
	0% {
		-webkit-transform: translate3d(0,-100%,0);
		-moz-transform: translate3d(0,-100%,0);
		-ms-transform: translate3d(0,-100%,0);
		-o-transform: translate3d(0,-100%,0);
		transform: translate3d(0,-100%,0);        
		visibility: visible;
	}
	to {
		-webkit-transform: translateZ(0);
		-moz-transform: translateZ(0);
		-ms-transform: translateZ(0);
		-o-transform: translateZ(0);
		transform: translateZ(0);
	}
}
@-moz-keyframes bm {
	0% {
		-webkit-transform: translate3d(0,-100%,0);
		-moz-transform: translate3d(0,-100%,0);
		-ms-transform: translate3d(0,-100%,0);
		-o-transform: translate3d(0,-100%,0);
		transform: translate3d(0,-100%,0);        
		visibility: visible;
	}
	to {
		-webkit-transform: translateZ(0);
		-moz-transform: translateZ(0);
		-ms-transform: translateZ(0);
		-o-transform: translateZ(0);
		transform: translateZ(0);
	}
}
@-o-keyframes bm {
	0% {
		-webkit-transform: translate3d(0,-100%,0);
		-moz-transform: translate3d(0,-100%,0);
		-ms-transform: translate3d(0,-100%,0);
		-o-transform: translate3d(0,-100%,0);
		transform: translate3d(0,-100%,0);        
		visibility: visible;
	}
	to {
		-webkit-transform: translateZ(0);
		-moz-transform: translateZ(0);
		-ms-transform: translateZ(0);
		-o-transform: translateZ(0);
		transform: translateZ(0);
	}
}
@keyframes bm {
	0% {
		-webkit-transform: translate3d(0,-100%,0);
		-moz-transform: translate3d(0,-100%,0);
		-ms-transform: translate3d(0,-100%,0);
		-o-transform: translate3d(0,-100%,0);
		transform: translate3d(0,-100%,0);        
		visibility: visible;
	}
	to {
		-webkit-transform: translateZ(0);
		-moz-transform: translateZ(0);
		-ms-transform: translateZ(0);
		-o-transform: translateZ(0);
		transform: translateZ(0);
	}
}
/* /sticky */
/* navIcon */
#navIcon {
    width: 26px;
    height: 26px;
    cursor: pointer;
    border: none;
    
    -webkit-transform: rotate(0deg);
    -moz-transform: rotate(0deg);
    -o-transform: rotate(0deg);
    transform: rotate(0deg);
    
    -webkit-transition: .3s ease-in-out;
    -moz-transition: .3s ease-in-out;
    transition: .3s ease-in-out;
}
#navIcon:focus {outline: none;}
#navIcon span {
    display: block;
    position: absolute;
    height: 4px;
    width: 100%;
    background: #164a79;
    border-radius: 6px;
    opacity: 1;
    left: 0;
    
    -webkit-transform: rotate(0deg);
    -moz-transform: rotate(0deg);
    -ms-transform: rotate(0deg);
    -o-transform: rotate(0deg);
    transform: rotate(0deg);
    
    -webkit-transition: .3s ease-in-out;
    -moz-transition: .3s ease-in-out;
    transition: .3s ease-in-out;
}
#navIcon span:nth-child(1) {top: 0;}
#navIcon span:nth-child(2), #navIcon span:nth-child(3) {top: 9px;}
#navIcon span:nth-child(4) {top: 18px;}
#navIcon.open span:nth-child(1) {top: 18px;width: 0%;left: 50%;}
#navIcon.open span:nth-child(2) {
    -webkit-transform: rotate(45deg);
    -moz-transform: rotate(45deg);
    -o-transform: rotate(45deg);
    transform: rotate(45deg);
}
#navIcon.open span:nth-child(3) {
    -webkit-transform: rotate(-45deg);
    -moz-transform: rotate(-45deg);
    -o-transform: rotate(-45deg);
    transform: rotate(-45deg);
}
#navIcon.open span:nth-child(4) {top: 18px;width: 0%;left: 50%;}
/* /navIcon */
/* /header */
/* banner */
.banSlider .slick-slide, 
.banSlider .slick-slide .bannerLine,
.banner {position: relative;}
.banner .bb-line {position: absolute;left: 0;right: 0;bottom: -1px;}
.banSlider .slick-dots {z-index: 9;bottom: 50px;}
.banSlider .bsCon {
    position: absolute;
    left: 12.85%;
    top: 25%;
    background: var(--primaryDark);
    padding: 1rem 1rem 1.5rem;
    color: var(--white);
    z-index: 999;
    -webkit-transform: translate(-13%, -25%);
    transform: translate(-13%, -25%);
}
.banSlider .btext-line {position: absolute;left: 0;right: 0;bottom: -25px;}
.banSlider .bsCon span {font-size: 38px;line-height: 110%;font-weight: 500;position: relative;z-index: 2;}
.banSlider .bsCon .slide2 {font-size: 38px;line-height: 110%;font-weight: 500;position: relative;z-index: 2;}
.banSlider .bsCon span.bscTw {color: #c6c6c6;}
.slick-arrow {background-position: center;background-repeat: no-repeat;background-size: auto;}
.slick-prev.slick-arrow {background-image: url(../../images/angleLeft.svg);}
.slick-next.slick-arrow {background-image: url(../../images/angleRight.svg);}
.banner .bCArrow>a,
.banner .bCArrow {
	display: flex;
	display: -webkit-box;
	display: -moz-box;
	display: -ms-flexbox;
	display: -webkit-flex;
}
.banner .bCArrow {justify-content: center;position: absolute;left: 0;right: 0;bottom: 160px;z-index: 3;}
.banner .bCArrow>a {width: 50px;height: 50px;align-items: center;justify-content: center;animation: bounce 2s infinite;}
@keyframes bounce {
    0%,
    20%,
    50%,
    80%,
    100% {transform: translateY(0);}
    40% {transform: translateY(-25px);}
    60% {transform: translateY(-10px);}
}
/* /banner */
/* moinSection */
.moinSection {padding-top: 100px;padding-bottom: 100px;}
.moinSection .title {max-width: 740px;}
.title h1 {color: var(--primaryDark);font-size: 50px;line-height: 1;margin-bottom: 25px;}
.title h2 {color: var(--primaryDark);font-size: 55px;line-height: 1;margin-bottom: 25px;}
.title h3 {color: var(--primaryDark);font-size: 62px;line-height: 1;margin-bottom: 25px;}
/* /moinSection */
/* neueSection */
.neueSection {padding-top: 50px;padding-bottom: 200px;background-color: #f1f1f1;position: relative;}
.nsItems .nsIInner {position: relative;overflow: hidden;}
.nsItems .nsIInner .nsIHover {
    position: absolute;
    left: 0;
    right: 0;
    bottom: -100%;
    background-color: rgb(50 125 192 / 78%);
    padding: 2rem;

    -webkit-transition: .3s ease-in-out;
    -moz-transition: .3s ease-in-out;
    transition: .3s ease-in-out;
}
.nsItems .nsIInner:hover .nsIHover {bottom: 0;}
.nsItems > h3 > a {color: var(--primaryDark);}
.neueSection .neue-line {position: absolute;left: 0;right: 0;bottom: -10px;z-index: 9;}
.downloadSection > div,
.neueSection > div {z-index: 9;position: relative;}
svg.waveAni {position: absolute;bottom: 0;height: 380px;z-index: 1;}
.downloadSection  svg.waveAni {
    bottom: -30px;
}
/* /neueSection */
/* yachtenSection */
.yachtenSection {padding-top: 20px;padding-bottom: 100px;}
.ysItems .ysIImg {height: 250px;overflow: hidden;}
.ysItems .ysIImg > img {width: 100%;height: 100%;object-fit: cover;}
.ysItems .ysICon {border-style: solid;border-width: 0 4px 4px 4px;border-color: #ededed;padding: 2rem;}
.ysItems .ysICon .ysICT > a {color: var(--dark);font-size: 24px;font-weight: 600;text-decoration: none;}
.ysItems .ysICon .ysICT > a:hover {color: var(--primary);}
.ysICTList {margin-top: 1rem;}
.ysICTList a {
    padding: 0px 10px 1px 10px;
    background: #dfe1e4;
    display: inline-flex;
    border-radius: 20px;
    text-decoration: none;
    color: var(--dark);
    font-weight: 600;
    font-size: 18px;
    margin: 0 3px 6px 0;
}
.ysICTList a:hover {background-color: var(--primary);color: var(--white);}
.ysItems .ysICon .ysICB {border-top: 1px solid #ededed;padding-top: 1.5rem;margin-top: 1.5rem;}
.ysItems .ysICon .ysICB .ysICBL h5 {color: var(--dark);font-size: 20px;font-weight: 600;}
.ysItems .ysICon .ysICB .ysICBL small {font-size: 17px;}
/* /yachtenSection */
/* downloadSection */
.downloadSection {padding-top: 100px;padding-bottom: 10px;background-color: #e0ecf6;position: relative;}
.downloadSection .dow02,
.downloadSection .dTitle {padding-bottom: 24px;}
.downloadSection .dow04 {height: 600px;}
.downloadSection .dow04 > img, 
.downloadSection .dow03 > img, 
.downloadSection .dow02 > img, 
.downloadSection .dow01 > img {object-fit: cover;}
/* /downloadSection */
/* unsSection */
.unsSection {padding-top: 200px;padding-bottom: 50px;position: relative;}
.unsSection .dow-lineT {position: absolute;left: 0;right: 0;top: -6px;}
.unsSection .dow-lineB {position: absolute;left: 0;right: 0;bottom: -6px;
    -webkit-transform: rotate(180deg);
    transform: rotate(180deg);
}
.row.mb-3.unsList {margin-top: 4rem;}
.unsItems {text-align: center;}
.unsItems .unsIIcn {
    width: 260px;
    height: 260px;
    display: flex;
    align-items: center;
    justify-content: center;
    background-color: var(--white);
    border-radius: 50%;
    padding: 1rem;
    margin: 0 auto;
}
.unsItems .unsICon {margin-top: 2rem;}
.unsItems .unsICon h3 {margin-bottom: 1rem;color: var(--primary);}
/* /unsSection */
/* newsSection */
.newsSection {background-color: #dfebf5;}
.newssInner {background-color: var(--white);padding: 1.75rem;}
.newssIL {padding: 1rem;display: flex;align-items: flex-end;}
.newssILl h3 {font-family: var(--fontKalam);color: var(--primaryDark);font-size: 48px;margin-bottom: 1rem;}
.newssILl > p:last-child {margin-bottom: 0;}
.title2 {margin-bottom: 50px;}
.title2 h2 {color: var(--primaryDark);font-size: 100px;font-weight: 300;line-height: 1;padding-right: 10px;}
.title2 h3 {font-size: 42px;line-height: 1;color: var(--primaryDark);}
/* /newsSection */
.brandSection {padding-top: 20px;padding-bottom: 20px;background-color: #f1f1f1;}
/* ctaSidebar */
.cta-icon {
    position: fixed;
    top: 40%;
    right: 0;
    width: 66px;
    height: 66px;
    background-color: #f1f1f1;
    display: flex;
    align-items: center;
    justify-content: center;
    z-index: 9;
}
#ctaSidebar {
    background-color: #e2e2e2;
    top: 40%;
    height: max-content;
    border: 0;
    max-width: 290px;
}
#ctaSidebar .offcanvas-header {
    position: absolute;
    top: 0;
    left: -66px;
    width: 66px;
    height: 66px;
    background-color: #e2e2e2;
    justify-content: center;
}
.ctaItems {margin-bottom: 1rem;}
.ctaItems:last-child {margin-bottom: 0;}
.ctaItems .ctaIIcn {
    width: calc(60px - 100%);
    flex: 0 0 60px;
    height: 60px;
    background-color: var(--white);
    border-radius: 50%;
    padding: 0.25rem;
}
.ctaItems .ctaICon {width: 100%;padding-left: 1rem;}
.ctaItems .ctaICon h5 {margin-bottom: 0;font-size: 18px;font-weight: 500;}
.ctaItems .ctaICon p, .ctaItems .ctaICon a {font-size: 16px;margin-bottom: 0;font-weight: 500;}
.ctaItems .ctaICon h5,
.ctaItems .ctaICon p {color: var(--primaryDark);}
.ctaItems .ctaICon a {color: var(--grey);text-decoration: none;}
.ctaItems .ctaICon a:hover {text-decoration: underline;}
#ctaSidebar .offcanvas-header button.btn-close {font-size: 22px;opacity: 1;}
#navIcon:focus,
#ctaSidebar .offcanvas-header button:focus {outline: none;box-shadow: none;}
/* /ctaSidebar */
/* services page */
.readList .rlItems {margin-bottom: 4rem;padding-top: 4rem;border-top: 2px solid var(--primaryDark);position: relative;}
.readList .rlItems:last-child:before {content: "";position: absolute;left: 0;right: 0;bottom: -4rem;width: 100%;border-bottom: 2px solid var(--primaryDark);}
.rlIL {height: 220px;background-color: #f1f1f1;padding: 1rem;}
.readList .rlItems .less,
.readList .rlItems .more {width: 32px;height: 32px;position: absolute;left: 0;right: 0;bottom: -50px;margin: 0 auto;text-align: center;z-index: 9;}
.readList .rlItems .title h2 {font-size: 52px;}
.readList .rlItems .rlIR p:last-child {margin-bottom: 0;}
h4 {color: var(--primaryDark);font-size: 30px;}
/* /services page */
/* /downloads page */
.rlItems .rlIR a {color: #327dc0;}
/* /downloads page */
.bannerInner {position: relative;}
.inner-line2 {position: absolute;left: 0;right: 0;bottom: -1px;z-index: 9;}
/* detailseite-neuboot page */
.prsSection {padding-bottom: 100px;}
.techSection {padding-top: 100px;background-color: #dfebf5;}
.techSection .table>:not(caption)>*>* {border-bottom-color: var(--white);border-bottom-width: 2px;}
.techSection tr:last-child th, .techSection tr:last-child td {border-bottom: 0;}
.table>:not(caption)>*>* {padding-top: 0.75rem;padding-bottom: 0.75rem;}
th {font-weight: 500;}
th, td {font-size: 20px;}
.proSlider .psItems {margin-left: 10px;margin-right: 10px;}
.proSlider .slick-prev, .proSlider .slick-next {width: 20px;height: 38px;}
.proSlider .slick-prev {left: 35px;}
.proSlider .slick-next {right: 35px;}
/* /detailseite-neuboot page */
/* angebote */
.custDrop .dropdown-toggle {
    background-color: #e0ecf6;
    display: inline-flex;
    align-items: center;
    justify-content: space-between;
    min-height: 60px;
}
.custDrop .dropdown-toggle:hover,
.custDrop .dropdown-toggle:focus,
.custDrop .dropdown-toggle.show {background-color: #e0ecf6;color: var(--primary);}
.custDrop .dropdown-toggle:after {
    border: none;
    width: 26px;
    height: 14px;
    margin-left: 0;
    background-image: url(../../images/angleD.svg);
    background-position: center;
    background-repeat: no-repeat;
    background-size: contain;
    -webkit-transition: .3s ease-in-out;
    -moz-transition: .3s ease-in-out;
    transition: .3s ease-in-out;
}
.custDrop .dropdown-toggle.show:after {
    -webkit-transform: rotate(180deg);
    transform: rotate(180deg);
}
.custDrop .dropdown-menu {
    min-width: 100%;
    border: none;
    background-color: #dfebf5;
    border-radius: 0;
    margin-top: -2px !important;
}
.custDrop .dropdown-menu .dropdown-item {padding: 6px 34px;}
.custDrop .dropdown-menu .dropdown-item:hover {background: #d2e0ec;}
.custDrop .dropdown-menu .form-check {min-height: auto;margin: 0;display: inline-flex;align-items: center;}
.custDrop .dropdown-menu .form-check:focus {outline: none;}
.custDrop .dropdown-menu .form-check-input:checked {
    background-color: var(--white) !important;
    border-color: var(--white) !important;
    margin-top: 0;
    margin-bottom: 0;
}
.custDrop .dropdown-menu .form-check-input:checked[type=checkbox] {
    background-image: url(../../images/checkDark.svg);
    background-position: center;
    background-repeat: no-repeat;
    background-size: 20px;
}
.custDrop .dropdown-menu .form-check-label {padding-left: 1rem;color: var(--grey);}
.inputSuche .form-control {
    background-color: #e0ecf6;
    display: inline-flex;
    align-items: center;
    justify-content: space-between;
    min-height: 60px;
    font-size: 22px;
    font-weight: 500;
    color: var(--primary);
    padding: 8px 66px 8px 34px;
    border-radius: 0;
}
.inputSuche button#serbutton {position: absolute;top: 12px;right: 22px;z-index: 9;}
.inputSuche .form-control::-webkit-input-placeholder {font-size: 22px;font-weight: 500;color: var(--primary);}
.inputSuche .form-control::-moz-placeholder {font-size: 22px;font-weight: 500;color: var(--primary);}
.inputSuche .form-control:-ms-input-placeholder {font-size: 22px;font-weight: 500;color: var(--primary);}
.inputSuche .form-control:-moz-placeholder {font-size: 22px;font-weight: 500;color: var(--primary);}
.labelFilter,
.inputSuche .form-control {
    display: inline-flex;
    align-items: center;
    justify-content: space-between;
    min-height: 60px;
    font-size: 22px;
    font-weight: 500;
    color: var(--primary);
    padding: 8px 34px;
}
.srList .srItems {display: flex;margin-bottom: 30px;background-color: #f1f1f1;}
.srList .srItems .srIImg {flex: 0 0 auto;width: auto;}
.srList .srItems .srIIno {flex: 1 0 0%;border-right: 1px solid #fff;align-self: center;}
.srList .srItems .srIAct {flex: 0 0 auto;width: auto;padding: 30px 0 30px 30px;align-self: end;}
.srList .srItems .srIR {flex: 1 0 0%;padding: 30px;align-self: center;display: flex;}
.srList .srItems .srIIno h6 {color: #327dc0;font-size: 24px;}
.srList .srItems .srIIno h4 {font-size: 50px;}
.srList .srItems .srIIno ul {padding: 0;margin-bottom: 2rem;margin-top: 1rem;}
.srList .srItems .srIIno ul li {font-size: 20px;}
.bLoca .blIcn {font-size: 20px;}
.bLoca .blIcn img {margin-right: 1rem;}
.srHead {font-size: 18px;font-family: var(--fontOpenSans);}
.form-select {background-size: 18px 20px;font-size: 20px;font-weight: 600;min-height: 60px;border-radius: 0;}
/* /angebote */
.hide {display: none;}




/* footer */
.footer .fTop {
    position: relative;
    background-color: var(--primary);
    padding-top: 100px;
    padding-bottom: 100px;
}
.fTopB {margin-bottom: 40px;}
.form-check {padding-left: 3rem;}
.form-check .form-check-input {margin-left: -3em;}
.form-check-input {
    width: 2em;
    height: 2em;
    border: 0;
    border-radius: 0 !important;
}
.form-check-input:checked {
    background-color: var(--primaryDark) !important;
    border-color: var(--primaryDark) !important;
}
.form-control {
    font-size: 24px;
    padding-top: 0.5rem;
    padding-bottom: 0.5rem;
    border-radius: 0;
}
label.form-check-label {
    font-size: 22px;
    color: var(--white);
    line-height: 26px;
    font-weight: 300;
    width: 300px;
}
.fTop .fb-line {
    position: absolute;
    left: 0;
    right: 0;
    bottom: -2px;
}
.fTopT {margin-bottom: 50px;}
.fBottom {
    background-color: #164a79;
    padding-bottom: 2rem;
    padding-top: 0.5rem;
}
.fbLinks a {
    font-size: 20px;
    color: var(--white);
    text-decoration: none;
    padding-right: 1.5rem;
}
.fbLinks a:hover {color: var(--primary);}
.fbLinks a:last-child {padding-right: 0;}
.fMap iframe {min-height: 580px;}
/* /footer */
/* scroll */
#scroll {
    position: fixed;
    right: 10px;
    bottom: 10px;
    cursor: pointer;
    width: 55px;
    height: 55px;
    background-color: #06233e;
    display: none;
    color: #999;
    z-index: 9;

    -webkit-border-radius: 4px;
    -moz-border-radius: 4px;
    border-radius: 4px;
}
#scroll svg {
    -webkit-transform: translate(-50%, -50%);
    -moz-transform: translate(-50%, -50%);
    -ms-transform: translate(-50%, -50%);
    -o-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%);

    position: absolute;top: 50%;left: 50%;}
/* /scroll */
/* media */
@media (max-width: 768px) {
    .banner
    .banSlider .slick-slide, 
    .banSlider .slick-slide .bannerLine,
    .banner .banSlider {height: 660px;}
}
@media (max-width: 1500px) {
    .neueSection {padding-bottom: 200px;}
}
@media (max-width: 1400px) {
    .banSlider .slick-dots {bottom: 30px;}
    .banSlider .slick-dots li {width: 24px;height: 24px;}
    .unsItems .unsIIcn {width: 230px;height: 230px;}
}
@media (max-width: 1366px) {
    .title h2 {font-size: 62px;}
    .neueSection {padding-bottom: 170px;}
    .srList .srItems .srIIno h4 {font-size: 40px;}
}
@media (min-width: 768px) {
    .banner
    .banSlider .slick-slide, 
    .banSlider .slick-slide .bannerLine,
    .banner .banSlider {
        /*height: calc(100vh - 70px);*/
        height: calc(100vh - var(--navheight-mobil));
    }
}
 @media (min-width: 992px) and (max-width: 1200px) {
    .srList .srItems .srIImg {max-width: 300px;}
    .srList .srItems .srIImg > .img-fluid {width: 100%;height: 100%;object-fit: cover;}
    .banner
    .banSlider .slick-slide, 
    .banSlider .slick-slide .bannerLine,
    .banner .banSlider {
                /*height: calc(100vh - 70px);*/
                height: calc(100vh - var(--navheight-mobil));
    }
}
@media (min-width: 1200px) {
    body {padding-top: 184px;}
    .newssILr {text-align: center;}
    .readList .rlItems:nth-child(odd) .rlIR {padding-left: 3.5rem;}
    .readList .rlItems:nth-child(even) .rlIL {order: 2;}
    .readList .rlItems:nth-child(even) .rlIR {padding-right: 3.5rem;}
    .srList .srItems .srIIno h6 {font-size: 20px;}
    .srList .srItems .srIIno h4 {font-size: 32px;}
    .srList .srItems .srIAct h4 {font-size: 24px;}
    .bLoca .blIcn,
    .srList .srItems .srIIno ul li {font-size: 18px;}
}
@media (min-width: 1365px) {
    .banner
    .banSlider .slick-slide, 
    .banSlider .slick-slide .bannerLine,
    .banner .banSlider {
        /*height: calc(100vh - 70px);*/
        height: calc(100vh - var(--navheight));
    }
}
@media (max-width: 1200px) {
    body {padding-top: 160px;}
    .header .navbarLeft .navbar-nav li a {font-size: 22px;}
    .header .navbar-brand > img {max-width: 250px;}
    .moinSection .moin01 {margin-top: 1rem;}
    .unsItems .unsIIcn {width: 200px;height: 200px;}
}
@media (max-width: 1115px) {
    .header .navbarLeft .navbar-nav li a {font-size: 22px;}
    .header .navbarLeft .navbar-nav li > a {
        padding-left: 0.4rem;;
        padding-right: 0.4rem;
    }    
}
@media (min-width: 993px) {
    .header.sticky .navbarCall {display: none !important;opacity: 0;visibility: hidden;}
    .banSlider .bsCon {width: 100%;max-width: 500px;}
    .unsSection .title,
    .yachtenSection .title,
    .neueSection .title {margin-bottom: 60px;}    
    .downloadSection .dow03,
    .downloadSection .dow02,
    .downloadSection .dow01,
    .downloadSection .dTitle {height: 300px;}
}
@media (max-width: 992px) {
#spacernavi { display: none; }
    body {padding-top: 130px;}
    .banner .bCArrow {bottom: 80px;}
    .header .navbarCall,
    .header.sticky .navbarCall {display: none !important;opacity: 0;visibility: hidden;}
    .banSlider .slick-dots li {width: 20px;height: 20px;}
    .banSlider .slick-dots li button {width: 18px;height: 18px;}
    .banSlider .bsCon span {font-size: 32px;display: block;}
    .banSlider .bsCon .slide2 {font-size: 32px;display: block;}
    .slick-prev, .slick-next {width: 20px;height: 42px;}   
    .moin02 {object-fit: cover;}
    .title h3,
    .readList .rlItems .title h2,
    .title h2 {font-size: 40px;}
    .moinSection ul li,
    p {font-size: 17px;}
    .footer .fTop,
    .moinSection {padding-top: 80px;padding-bottom: 80px;}
    .neueSection {padding-top: 80px;padding-bottom: 120px;}
    .prsSection,
    .yachtenSection {padding-bottom: 80px;}
    .unsSection {padding-top: 120px;padding-bottom: 120px;}
    .techSection,
    .downloadSection {padding-top: 80px;}
    .fbLinks {text-align: center;margin-bottom: 1rem;}
    .copyright {text-align: center;}
    .readList .rlItems {margin-bottom: 2rem;padding-top: 2rem;}
    .srList .srItems {flex-direction: column;}
    .srList .srItems .srIR,
    .srList .srItems .srIImg > img {width: 100%;}
}
@media (min-width: 768px) {
    .moinSection .moin01 {text-align: right;}
}
@media (max-width: 768px) {
    .banSlider .slick-dots {bottom: 20px;}
    .title h3,
    .readList .rlItems .title h2,
    .title h2 {font-size: 38px;}
    .moinSection ul li,
    p {font-size: 15px;}
    .moinSection .moin01 {margin-bottom: 1rem;}
    .moinSection .moin01> img {width: 100%;}
    .footer .fTop {padding-top: 70px;padding-bottom: 70px;}
    .neueSection {padding-top: 70px;padding-bottom: 100px;}
    .prsSection,
    .yachtenSection {padding-bottom: 70px;}
    .unsSection {padding-top: 100px;padding-bottom: 100px;}
    .techSection,
    .downloadSection {padding-top: 70px;}
    .newssIL {padding-left: 0;padding-right: 0;}
    .newssILl h3 {font-size: 38px;}
    .newsSection {padding-top: 30px;}
    .fMap iframe {padding-top: 30px;min-height: 280px;}
    .srList .srItems .srIR {flex-direction: column;}
    .srList .srItems .srIIno {border-right: none;border-bottom: 1px solid #fff;padding-bottom: 30px;width: 100%;}
    .srList .srItems .srIAct {padding: 30px 0;width: 100%;}
}
@media (max-width: 640px) {
    .banner
    .banSlider .slick-slide, 
    .banSlider .slick-slide .bannerLine,
    .banner .banSlider {height: 460px;}
    .banner .bCArrow {bottom: 60px;}
    body {padding-top: 107px;}
    .header .navbar-brand > img {max-width: 200px;}
    #navIcon {top: 44px;}
    .banSlider .bsCon {padding: 1.5rem;}
    .banSlider .bsCon span {font-size: 28px;}
    .banSlider .bsCon .slide2 {font-size: 22px;}
    .footer .fTop {padding-top: 60px;padding-bottom: 60px;}
    .techSection,
    .downloadSection,
    .neueSection {padding-top: 60px;}
    .prsSection,
    .yachtenSection {padding-bottom: 60px;}
    .newssILl h3 {font-size: 30px;}
    .banner .bb-line {bottom: 0;height: 60px;object-fit: cover;}
    .srList .srItems .srIR {padding: 20px;}
}
@media (max-width: 575px) {
    .slick-prev, .slick-next {width: 15px;height: 33px;}
    .banSlider .bsCon {padding: 1rem;}
    .banSlider .btext-line {bottom: -20px;}
    .title2 h2 {font-size: 60px;}
    .title2 h3 {font-size: 22px;}
    svg.waveAni {height: 270px;}
}
@media (max-width: 480px) {
    body {padding-top: 90px;}
    .header .navbar-brand > img {max-width: 160px;}
    #navIcon {top: 35px;}
    #ctaSidebar {max-width: 250px;top:24%;}
    .ctaItems .ctaIIcn {width: calc(46px - 100%);flex: 0 0 46px;height: 46px;}
    .ctaItems .ctaICon {padding-left: .5rem;}
    .ctaItems .ctaICon h5 {font-size: 16px;}
    .ctaItems .ctaICon p, .ctaItems .ctaICon a {font-size: 14px;}
    .cta-icon {top: 24%;width: 56px;height: 56px;}
    #ctaSidebar .offcanvas-header {left: -56px;width: 56px;height: 56px;}
    .cta-icon img {width: 28px;}
    .banSlider .bsCon {left: 13.7%;}
    .banSlider .bsCon span {font-size: 18px;}
    .banSlider .bsCon .slide2 {font-size: 18px;}
    .banSlider .btext-line {bottom: -15px;} 
    .footer .fTop {padding-top: 40px;padding-bottom: 40px;}
    .techSection,
    .neueSection {padding-top: 40px;}
    .prsSection,
    .yachtenSection {padding-bottom: 40px;}
    .ysItems .ysICon {padding: 1.5rem 1rem;}
}
/* /media */
ol {font-family: 'Exo', sans-serif;}

/* cookieModal */
.cookieModal {position: fixed;bottom: -100%;left: 0;width: 100%;z-index: 1111;background: #327dc0;transition: ease-in-out 0.8s;}
.cookieModal.in {bottom: -1px;}
.cookieModal .cmContent h5 {letter-spacing: 1px;color: var(--white);}
.cookieModal .cmContent p {color: var(--white);}
.cookieModal .cmContent a.btn-link {color: var(--success);text-decoration: underline;}
/* /cookieModal */

.card{
    padding: 0;
    border-radius: 0;
    width: 100%;
    font-family: var(--fontOpenSans);
}

.card-img-top{
    object-fit: cover;
    width: 100%;
    aspect-ratio: 16 / 9;
    border-radius: 0;
}

.card-title{
    font-weight: 700;
    margin: 1.5rem 0;
}

.card-body{
    margin: 0 1rem 1rem;
}

.badge{
    color: #070606;
    text-transform: capitalize;
    background-color: #e2e3e7 !important;
    border-radius: 300px;
    padding: 0.3rem 0.6rem;
    margin-bottom: 0.3rem;
    margin-right: 0.3rem;
}

.card-footer{
    margin: 0 1rem 1rem;
    display: flex;
    justify-content: space-between;
    background-color: transparent !important;
}

.card .preis{
    font-weight: 600;
}

.card .btn-primary{
    color: #dfe1e4;
}

.card .action-btn .btn{
    background-color: #327dc0;
    color: #fff;
    padding: 0.5rem 1rem;
    font-size: 1rem;
}

.card .action-btn .btn:hover{
    background-color: #275d8d;
    color: #dfe1e4;
}

/*---------- gnm -----------*/

.dropdown.pdf-list button {
    border: 2px solid var(--primary);
    color: var(--primary);
    background-color: #fff;
    font-size: 22px;
    padding: 5px 32px;
    border-radius: 0;
    font-weight: 500;
}

.dropdown.pdf-list button:hover,
.dropdown.pdf-list button.show {
    background-color: var(--primary)!important;
    color: #fff!important;
    border: 2px solid var(--primary)!important;
}

.spalten-3 {
    width: 100%;
    column-count: 3;
}

@media (max-width: 800px) {
    .spalten-3 {
        column-count: 1;
    }
}

td {
    font-size: 16px!important;
}

table th {
    font-size: 15px!important;
}

.table > :not(caption) > * > * {
    padding: 5px 5px;
}

.style-2col {
    padding: 0 0 20px 0px;
    -webkit-column-count: 2;
    -moz-column-count: 2;
    column-count: 2;
    -webkit-column-gap: var(--colgab);
    column-gap: var(--colgab);
    -moz-column-gap: var(--colgab);
    margin:0;
    list-style-type: none !important;
    padding-left: 0;
    position: relative;
}

.style-3col {
    padding: 0 0 20px 0px;
    -webkit-column-count: 3;
    -moz-column-count: 3;
    column-count: 3;
    -webkit-column-gap: var(--colgab);
    column-gap: var(--colgab);
    -moz-column-gap: var(--colgab);
    margin:0;
    list-style-type: none !important;
    position: relative;
}

@media (max-width:768px) {
    .style-2col,
    .style-3col {
        column-count: unset;
        -webkit-column-gap: unset;
        -moz-column-gap: unset;
    }
}

ul.listpoint li {
    list-style-type: circle;
    margin-left: 15px;
}

.qx656-abstand {
    margin-top: 140px;
}

@media (max-width:768px) {
    .qx656-abstand {
        margin-top: 0px;
    }
}

.slidetext {
    display: block;
    text-align: center;
}

.biImg .bg-img {
    height: calc(100vw / 2);
    max-height: 750px;
    width: 100%;
    display: block;
    background-repeat: no-repeat;
    background-position: center;
    background-size: cover;
}

.moinSection {
    padding-top: 30px;
}

.icon {
	height: 75px!important;
	margin-bottom: 20px;
}

.icon img {
	height: 75px!important;
	max-width: 100px!important;
}

.center {
            display: flex;
            align-items: center;
			justify-content: center;
            height: 100%;
}

.blue-bg {
    background-color: #dfebf5;
    padding-top: 50px;
    font-size: 18px;
}

.moinSection2 {
    padding-top: 30px;
    padding-bottom: 30px;
}

.boot {
  font-size: 18px;
  line-height: 26px;
  font-family: var(--fontOpenSans);
}

.head-listpoint {
    padding-left: 50px;
}

.header .navbarLeft .navbar-nav li a.mglItems {
    font-size: 22px!important;
}

.header .navbarLeft .navbar-nav li a strong {
    font-weight: 500!important;
}

.fontsize18 {
	font-size: 18px!important;
}

.font2 {
	font-family: var(--fontOpenSans)!important;
}

.bg-hellblau {
	background-color: #e0ecf6!important;
}

.img-desc {
	font-size: 16px;
}

.brandSection h2 {
	color: #164A79;
}