/* manjari-100 - latin */
@font-face {
  font-family: 'Manjari';
  font-style: normal;
  font-weight: 100;
  src: url('../fonts/manjari-v9-latin-100.eot'); /* IE9 Compat Modes */
  src: local(''),
       url('../fonts/manjari-v9-latin-100.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
       url('../fonts/manjari-v9-latin-100.woff2') format('woff2'), /* Super Modern Browsers */
       url('../fonts/manjari-v9-latin-100.woff') format('woff'), /* Modern Browsers */
       url('../fonts/manjari-v9-latin-100.ttf') format('truetype'), /* Safari, Android, iOS */
       url('../fonts/manjari-v9-latin-100.svg#Manjari') format('svg'); /* Legacy iOS */
}
/* manjari-regular - latin */
@font-face {
  font-family: 'Manjari';
  font-style: normal;
  font-weight: 400;
  src: url('../fonts/manjari-v9-latin-regular.eot'); /* IE9 Compat Modes */
  src: local(''),
       url('../fonts/manjari-v9-latin-regular.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
       url('../fonts/manjari-v9-latin-regular.woff2') format('woff2'), /* Super Modern Browsers */
       url('../fonts/manjari-v9-latin-regular.woff') format('woff'), /* Modern Browsers */
       url('../fonts/manjari-v9-latin-regular.ttf') format('truetype'), /* Safari, Android, iOS */
       url('../fonts/manjari-v9-latin-regular.svg#Manjari') format('svg'); /* Legacy iOS */
}

@font-face {
  font-family: 'IvyMode It';
  font-style: italic;
  font-weight: 400;
  src: local(''),
       url('../fonts/ivy-italic.woff2') format('woff2');
}

@font-face {
  font-family: 'IvyMode Reg';
  font-style: normal;
  font-weight: normal;
  font-display: swap;
  src: local(''),
       url('../fonts/ivy-regular.woff2') format('woff2');
}

:root {


  /* || APP SETTINGS*/
  --colBg-AppWhite: #FFFFFF;
  --colBg-AppBlack: #242B32;
  --colBg-AppBlue: #79B5E1;
  --colBg-DarkBlack: #000000;

  /* || Colors */
  --colFont-Black: #2E3746;
  --colFont-White: #FFFFFF;
  --colFont-Blue: #FFFFFF;

  --colBg-ImagePlaceHolder: #f6f6f6;

  --colProduct-610: #FBFAF1;
  --colProduct-650: #e5f7e7;
  --colProduct-790: #425564;

  --colEleganceLine: #78BDB1;
  --colLuxuryLine: #323755;

  --colTeaser-Black: #000000;

  --colShopItem-Info: #5F87D6;

  --colBG-SectionNavigationShop: #38cf3f;
  --colBG-ShopTeaserReserved: #FF7A7A;

  --colBG-Menue: #1b283c;
  --colBG-SectionAbout: #4370a9;
  --colBg-SectionNavigation: #1a1d33;

  --colBG-mainNavigation: #FFFFFF;
  --colOutline-mainNavigation: #D0D0D0;

  --colBG-Footer: #000000;

  --btn_ContentStandard-Blue-Static: #5AA8F0;
  --btn_Visualizer-Blue-Static: #FFFFFF;

  --btn_ContentBack-Static: #FFFFFF;



  --col_MainNavigationLinks-Over: #19deff;
  --col_MainNavigationBoat-Over: #6ecef4;
  --col_MainNavigationBoat-TempOver: #6b9fb3;
  --col_MainNavigationLinks-Static: #FFFFFF;

  --col_InfoCard-Grey: #32525C;
  --col_InfoCard-Green: #5FC990;
  --col_InfoCard-Lila: #BB71C7;
  --col_InfoCard-Blue: #5F87D6;

  --colOutline-Grey: #F4F4F4;

  --colCheckBox-Green: #32C953;
  --colCheckBox-Grey: #c9c9c9;

  --colBgFormModal-Yellow: #FF7A7A;

  /* || Fonts */
  --font_MainHeadline: 'IvyMode Reg';
  --font_MainContent: 'Manjari', sans-serif;


  --font_ProductName: 'Manjari', sans-serif;
  --font_ProductModell: 'IvyMode Reg';

  --fontSize_AnchorLinkNumber: 14px;

  --fontSize_HeaderHeadline-Mobile: 52px;
  --fontSize_HeaderHeadline-Desktop: 115px;

  --fontSize_SlideNumber-Mobile: 28px;
  --fontSize_SlideNumber-Desktop: 115px;

  --fontSize_MainHeadline-Mobile: 36px;
  --fontSize_MainHeadline-Desktop: 78px;

  --fontSize_MainQuote-Mobile: 18px;
  --fontSize_MainQuote-Desktop: 32px;

  --fontSize_SmallTeaser-Mobile: 18px;
  --fontSize_SmallTeaser-Desktop: 32px;

  --fontSize_footerNavigation-Mobile: 16px;
  --fontSize_footerNavigation-Desktop: 19px;

  --fontSize_FooterHeadline-Mobile: 18px;
  --fontSize_FooterHeadline-Desktop: 24px;

  --fontSize_MainContent-Mobile: 16px;
  --fontSize_MainContent-Desktop: 20px;

  --fontSize_FormHeadline-Mobile: 24px;
  --fontSize_FormHeadline-Desktop: 36px;

  --fontSize_ProductName-Mobile: 38px;
  --fontSize_ProductName-Desktop: 72px;
  --fontSize_ProductModell-Mobile: 54px;
  --fontSize_ProductModell-Desktop: 120px;

  --fontSize_ProductNameSite-Mobile: 38px;
  --fontSize_ProductNameSite-Tablet: 58px;
  --fontSize_ProductNameSite-Desktop: 140px;
  --fontSize_ProductModellSite-Mobile: 54px;
  --fontSize_ProductModellSite-Tablet: 104px;
  --fontSize_ProductModellSite-Desktop: 250px;

  --fontSize_NumericHeadline-Desktop: 500px;
  --fontSize_NumericHeadline-Tablet: 320px;
  --fontSize_NumericHeadline-Mobile: 150px;

  --fontSize_InfoContent-Mobile: 12px;

  /* || Padding Componets - Top,Bottom */
  --ui_BorderRadiusTeaser: 15px;
  --ui_BorderRadiusButton: 50px;
  --ui_BorderRadiusFilter: 35px;
  --ui_BorderRadiusImage: 10px;

  --padding_AllBottom: 5%;

  --height_TeaserShopNow-Desktop: 55vh;
  --height_TeaserShopNow-Mobile: 50vh;

  --height_TeaserProductBoatLarge-Mobile: 75vh;
  --height_TeaserProductBoatLarge-Desktop: 85vh;
  --minHeight_TeaserProductBoatLarge-Mobile: 520px;
  --minHeight_TeaserProductBoatLarge-Desktop: 620px;

  --height_Teaser360-Mobile: 420px;
  --height_Teaser360-Desktop: 620px;
  --minHeight_Teaser360-Mobile: 420px;
  --minHeight_Teaser360-Desktop: 620px;




}

/* || ----------------------------- BODY */
body {
  margin: 0px;
  padding: 0px;
  -webkit-touch-callout: none;
  -webkit-user-select: none;
  -khtml-user-select: none;
  -moz-user-select: none;
  overflow-x: hidden;
  -webkit-tap-highlight-color: transparent;
}



#stats {
  position: absolute;
  z-index: 999999;

}

.lazy .fader {
  opacity: 0;
}

img {
  user-select: none;
  user-drag: none;
  user-select: none;
  -moz-user-select: none;
  -webkit-user-drag: none;
  -webkit-user-select: none;
  -ms-user-select: none;
  image-rendering: auto;

}

.preloaderAnimation {
  position: absolute;
  width: 50px;
  height: 50px;
  background-color: white;
  z-index: 999999;
  top: 50%;
  left: 50%;
  border-radius: 25px;
  transform: translate(-50%, -50%);
  -webkit-box-shadow: 0px 0px 20px 0px rgba(0, 0, 0, 0.1);
  box-shadow: 0px 0px 20px 0px rgba(0, 0, 0, 0.1);
  background: url(../img/ui/preloader.gif);
  background-repeat: no-repeat;
}

#orientationChecker {
  position: absolute;
  width: 100%;
  height: 100%;
  background-color: black;
  z-index: 9999999;
  display: none;
}
#orientationCheckerContent {
  position: absolute;
  width: 90%;
  left: 5%;
  height: auto;
  text-align: center;
  top: 50%;
  transform: translateY(-50%);

}

/* || ----------------------------- Scroller */
#scroller {
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  overflow: auto;
}
[data-scrollbar] {
    position: absolute !important;
}

#siteBG {
  position: absolute;
  top: 0px;
  left: 0px;
  width: 100%;
  height: 100%;

}

.siteBg-White {
  background-color: var(--colBg-AppBlack);
}
.siteBg-Black {
  background-color: var(--colBg-AppWhite);
}
.siteBg-Blue {
  background-color: var(--colBg-AppBlue);
}
.siteBg-Darkblack {
  background-color: var(--colBg-DarkBlack);
}



.sectionAbout {
  background-color: var(--colBG-SectionAbout);
}

/* || ----------------------------- Product Backgrounds */
.bgProduct {
  position: absolute;
  width: 100%;
  border-radius: var(--ui_BorderRadiusTeaser);
}

@media (min-width: 305px) {
  .bgProduct {
    height: var(--height_TeaserProductBoatLarge-Mobile);
    min-height: var(--minHeight_TeaserProductBoatLarge-Mobile);
  }
}
@media (min-width: 1024px) {
  .bgProduct {
    height: var(--height_TeaserProductBoatLarge-Desktop);
    min-height: var(--minHeight_TeaserProductBoatLarge-Desktop);
  }
}
.colID-610 {
  background-color: var(--colProduct-610);
  /* background: linear-gradient(0deg, rgba(236,241,246,1) 0%, rgba(251,250,241,1) 60%);} */
}
.colID-650 {
  background-color: var(--colProduct-650);
  /* background: linear-gradient(0deg, rgba(236,241,246,1) 0%, rgba(221,243,223,1) 60%); */
}
.colID-790 {
  background-color: var(--colProduct-790);
  /* background: linear-gradient(0deg, rgba(36,45,59,1) 0%, rgba(58,75,90,1) 60%); */
}

.productHeadline, .id-790 productName,
.productHeadline, .id-790 productModell {
  color: var(--colFont-White);
}



/* || ----------------------------- Fonts, Icons, Backgrounds */

.gradient-LEX610 {

  background: linear-gradient(0deg, rgba(251,250,241,1) 0%, rgba(0,0,0,0) 50%);

}

.gradient-LEX650 {

  background: linear-gradient(0deg, rgba(229,247,231,1) 0%, rgba(0,0,0,0) 50%);

}

.gradient-LEX790 {

  background: linear-gradient(0deg, rgba(66,85,100,1) 0%, rgba(0,0,0,0) 50%);

}



.eleganceLine {
  background-color: var(--colEleganceLine);
}
.luxuryLine {
  background-color: var(--colLuxuryLine);
}

.hLineBlack {
  background-color: var(--colFont-Black);
}
.hLineWhite {
  background-color: var(--colFont-White);
}

.lineBlack {
  background-color: var(--colFont-Black) !important;
}
.lineWhite {
  background-color: var(--colFont-White) !important;
}
.fontBlack {
  color: var(--colFont-Black) !important;
}
.fontWhite {
  color: var(--colFont-White) !important;
}
.fontBlue {
  color: var(--colFont-Blue) !important;
}
.iconBlack {
  fill: var(--colFont-Black);
}
.iconWhite {
  fill: var(--colFont-White);
}
.iconBlue {
  fill: var(--colFont-Blue);
}
.stroke-LEX790 {
  stroke: var(--colFont-White);
}
.stroke-LEX610 {
  stroke: var(--colFont-Black);
}
.stroke-LEX650 {
  stroke: var(--colFont-Black);
}
.fill-LEX790 {
  fill: var(--colFont-White);
}
.fill-LEX610 {
  fill: var(--colFont-Black);
}
.fill-LEX650 {
  fill: var(--colFont-Black);
}
.strokeBlack {
  stroke: var(--colFont-Black);
}
.strokeWhite {
  stroke: var(--colFont-White);
}
.strokeBlue {
  stroke: var(--colFont-White);
}
.waveWhite {
  fill: var(--colBg-AppBlack);
}
.waveBlack {
  fill: var(--colBg-AppWhite);
}
.waveBlue {
  fill: var(--colBg-AppBlue);
}

.iconCheckBoxGreen {
  fill: var(--colCheckBox-Green);
}
.iconCheckBoxGrey {
  fill: var(--colCheckBox-Grey);
}

.textAlignment-right {
  justify-content: flex-end;
}
.textAlignment-left {
  justify-content: flex-start;
}
.textAlignment-center {
  justify-content: center;
}

.infoCard-grey {
  background-color: var(--col_InfoCard-Grey);
}
.infoCard-green {
  background-color: var(--col_InfoCard-Green);
}
.infoCard-lila {
  background-color: var(--col_InfoCard-Lila);
}
.infoCard-blue {
  background-color: var(--col_InfoCard-Blue);
}

.textBg-Lex610 {
  background-color: var(--colProduct-610);
}
.textBg-Lex650{
  background-color: var(--colProduct-650);
}
.textBg-Lex790{
  background-color: var(--colProduct-790);
}
.textBg-Neutral {
  background-color: var(--colBG-SectionAbout);
}

.iconBg-Lex610 {
  background-color: var(--colFont-Black);
}
.iconBg-Lex650{
  background-color: var(--colFont-Black);
}
.iconBg-Lex790{
  background-color: var(--colFont-White);
}
.iconBg-Neutral {
  background-color: var(--colBG-SectionAbout);
}

.posFont-Lex610 {
  color: var(--colFont-White);
}
.posFont-Lex650{
  color: var(--colFont-Black);
}
.posFont-Lex790{
  color: var(--colFont-White);
}

.textBgFont-Lex610 {
  color: var(--colFont-Black);
}
.textBgFont-Lex650{
  color: var(--colFont-Black);
}
.textBgFont-Lex790{
  color: var(--colFont-White);
}
.textBgFont-Neutral {
  color: var(--colFont-White);
}

.posIcon-Lex610 {
  fill: var(--colFont-White);
}
.posIcon-Lex650{
  fill: var(--colFont-Black);
}
.posIcon-Lex790{
  fill: var(--colFont-White);
}

.textBgIcon-Lex610 {
  fill: var(--colFont-Black);
}
.textBgIcon-Lex650{
  fill: var(--colFont-Black);
}
.textBgIcon-Lex790{
  fill: var(--colFont-White);
}
.textBgIcon-Neutral {
  fill: var(--colFont-White);
}

background, background em {
  background-color: var(--colBg-AppWhite);
  line-height: 1.5 !important;
  padding-top: 3px;
  padding-bottom: 5px;
  padding-left: 5px;
  padding-right: 5px;
  box-decoration-break: clone;
  -webkit-box-decoration-break: clone;

}


.strokeLine {
  position: relative;
  width: 100px;
  height: 1px;
  left: -50px;
  margin-top: 10px;
  margin-bottom: 10px;
}

.fullWidthStrokeLine {
  position: relative;
  width: 100%;
  height: 1px;
  margin-top: 20px;
  margin-bottom: 20px;
}


.shopNowTeaserInfo a:link,
.shopNowTeaserInfo a:visited,
.shopNowTeaserInfo a:active {
  color: var(--colFont-White);
  text-decoration: underline;
}
.shopNowTeaserInfo a:hover {
  text-decoration: none;
}

h1 {
  font-family: var(--font_MainHeadline);
  font-weight: 400;
  font-style: normal;
  padding: 0px;
  margin: 0px;
}
@media (min-width: 305px) {
  h1 {
    font-size: var(--fontSize_HeaderHeadline-Mobile);
    line-height: 1.15em;
  }
}
@media (min-width: 768px) {
  h1 {
    font-size: var(--fontSize_HeaderHeadline-Desktop);
    line-height: 1em;
  }
}

h2, h2 em {
  font-family: var(--font_MainHeadline);
  font-weight: 400;
  font-style: normal !important;
  padding: 0px;
  margin: 0px;
}
@media (min-width: 305px) {
  h2 {
    font-size: var(--fontSize_MainHeadline-Mobile);
    line-height: 1.2em;
  }
}
@media (min-width: 768px) {
  h2 {
    font-size: var(--fontSize_MainHeadline-Desktop);
    line-height: 1.3em;
  }
}

h3 {
  font-family: var(--font_MainHeadline);
  font-weight: 400;
  font-style: italic;
  padding: 0px;
  margin: 0px;
}
@media (min-width: 305px) {
  h3 {
    font-size: var(--fontSize_MainQuote-Mobile);
    line-height: 1.3em;
  }
}
@media (min-width: 768px) {
  h3 {
    font-size: var(--fontSize_MainQuote-Desktop);
    line-height: 1.3em;
  }
}

h4 {
  font-family: var(--font_MainHeadline);
  font-weight: 400;
  /* color: var(--colFont-White); */
  padding: 0px;
  margin: 0px;
}
@media (min-width: 305px) {
  h4 {
    font-size: var(--fontSize_SmallTeaser-Mobile);
    line-height: 1.3em;
  }
}
@media (min-width: 768px) {
  h4 {
    font-size: var(--fontSize_SmallTeaser-Desktop);
    line-height: 1.3em;
  }
}

h5 {
  font-family: var(--font_MainHeadline);
  font-weight: 400;
  color: var(--colFont-White);
  padding: 0px;
  margin: 0px;
}
@media (min-width: 305px) {
  h5 {
    font-size: var(--fontSize_FooterHeadline-Mobile);
    line-height: 1.3em;
  }
}
@media (min-width: 768px) {
  h5 {
    font-size: var(--fontSize_FooterHeadline-Desktop);
    line-height: 1.3em;
  }
}

h6 {
  font-family: var(--font_MainHeadline);
  font-weight: normal;
  padding: 0px;
  margin: 0px;
  line-height: 1em;
  background: url(../img/ui/textBgWave-Dark.jpg);
  background-size: cover;
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
}
@media (min-width: 305px) {
  h6 {
    font-size: var(--fontSize_NumericHeadline-Mobile);
  }
}
@media (min-width: 768px) {
  h6 {
    font-size: var(--fontSize_NumericHeadline-Tablet);
  }
}
@media (min-width: 1024px) {
  h6 {
    font-size: var(--fontSize_NumericHeadline-Desktop);
  }
}

.featureSlideNumber h6 {
  font-size: var(--fontSize_SlideNumber-Desktop);

}

@media (min-width: 305px) {
  .featureSlideNumber h6 {
    font-size: var(--fontSize_SlideNumber-Mobile);
    line-height: 1.15em;
  }
}
@media (min-width: 768px) {
  .featureSlideNumber h6 {
    font-size: var(--fontSize_SlideNumber-Desktop);
    line-height: 1em;
  }
}

.floatLeft {
  align-items: flex-end;

}

span {
  font-family: var(--font_MainContent);
  font-weight: 400;
  font-style: normal;
  font-size: var(--fontSize_AnchorLinkNumber);
  padding: 0px;
  margin: 0px;
  letter-spacing: 0.1em;
}

p {
  font-family: var(--font_MainContent);
  font-weight: 400;
  font-style: normal;
  /* color: var(--colFont-Black); */
  padding: 0px;
  margin: 0px;
  letter-spacing: 0.1px;
}
@media (min-width: 305px) {
  p {
    font-size: var(--fontSize_MainContent-Mobile);
    line-height: 1.35em;
  }
}
@media (min-width: 768px) {
  p {
    font-size: var(--fontSize_MainContent-Desktop);
    line-height: 1.45em;
  }
}

.imgBorder {
  border: 10px solid white;
  margin-bottom: -2px;
}
@media (min-width: 305px) {
  .imgBorder  {
    display: none;
  }
}
@media (min-width: 768px) {
  .imgBorder  {
    display: block;
  }
}

.form {
  font-family: var(--font_MainContent);
  font-weight: 400;
  font-style: normal;
  padding: 0px;
  margin: 0px;
  letter-spacing: 0.1px;
}
@media (min-width: 305px) {
  .form {
    font-size: var(--fontSize_FormHeadline-Mobile);
    line-height: 1.35em;
  }
}
@media (min-width: 768px) {
  .form {
    font-size: var(--fontSize_FormHeadline-Desktop);
    line-height: 1.45em;
  }
}

.formInput {
  font-family: var(--font_MainContent);
  font-weight: 400;
  font-style: normal;
  padding: 0px;
  margin: 0px;
  letter-spacing: 0.1px;
}
@media (min-width: 305px) {
  .formInput {
    font-size: var(--fontSize_MainContent-Mobile);
    line-height: 1.35em;
  }
}
@media (min-width: 768px) {
  .formInput {
    font-size: var(--fontSize_MainContent-Desktop);
    line-height: 1.45em;
  }
}

productNameSite {
  font-family: var(--font_ProductName);
  font-weight: 100;
  font-size: var(--fontSize_ProductName-Desktop);
  /* color: var(--colFont-Black); */
  padding: 0px;
  margin: 0px;
}
@media (min-width: 305px) {
  productNameSite {
    font-size: var(--fontSize_ProductNameSite-Mobile);
  }
}
@media (min-width: 768px) {
  productNameSite {
    font-size: var(--fontSize_ProductNameSite-Tablet);
  }
}
@media (min-width: 1024px) {
  productNameSite {
    font-size: var(--fontSize_ProductNameSite-Desktop);
  }
}


productName {
  font-family: var(--font_ProductName);
  font-weight: 100;
  font-size: var(--fontSize_ProductName-Desktop);
  /* color: var(--colFont-Black); */
  padding: 0px;
  margin: 0px;
}
@media (min-width: 305px) {
  productName {
    font-size: var(--fontSize_ProductName-Mobile);
  }
}
@media (min-width: 768px) {
  productName {
    font-size: var(--fontSize_ProductName-Desktop);
  }
}

productModellSite {
  font-family: var(--font_ProductModell);
  font-weight: 400;
  font-style: normal;
  /* color: var(--colFont-Black); */
  padding: 0px;
  margin: 0px;
}
@media (min-width: 305px) {
  productModellSite {
    font-size: var(--fontSize_ProductModellSite-Mobile);
  }
}
@media (min-width: 768px) {
  productModellSite {
    font-size: var(--fontSize_ProductModellSite-Tablet);
  }
}
@media (min-width: 1024px) {
  productModellSite {
    font-size: var(--fontSize_ProductModellSite-Desktop);
  }
}

productModell {
  font-family: var(--font_ProductModell);
  font-weight: 400;
  font-style: normal;
  /* color: var(--colFont-Black); */
  padding: 0px;
  margin: 0px;
}
@media (min-width: 305px) {
  productModell {
    font-size: var(--fontSize_ProductModell-Mobile);
  }
}
@media (min-width: 768px) {
  productModell {
    font-size: var(--fontSize_ProductModell-Desktop);
  }
}

/* || ----------------------------- Paddings, Positions */
.zeroPadding {
  padding: 0px !important;
}
.zeroMargin {
  margin: 0px !important;
}
.zeroZindex {
  z-index: -1 !important;
}

ul {
  margin: 0px;
  margin-left: 15px;
  padding: 0;
}


.imgLeftWindow {
  left: -22%;

}
@media (min-width: 305px) {
  .imgLeftWindow {
    transform: translateX(-400px);  }
}
@media (min-width: 768px) {
  .imgLeftWindow {
    transform: translateX(-800px);  }
}