@CHARSET "UTF-8";

/*! normalize.css v8.0.1 | MIT License | github.com/necolas/normalize.css */
html{line-height:1.15;-webkit-text-size-adjust:100%;box-sizing:border-box}img{box-sizing:content-box}body{margin:0}hr{box-sizing:content-box;height:0;overflow:visible}pre{font-family:monospace,monospace;font-size:1em}a{background-color:transparent;cursor:pointer}abbr[title]{border-bottom:none;text-decoration:underline;text-decoration:underline dotted}b,strong{font-weight:bolder}code,kbd,samp{font-family:monospace,monospace;font-size:1em}small{font-size:80%}sub,sup{font-size:75%;line-height:0;position:relative;vertical-align:baseline}sub{bottom:-.25em}sup{top:-.5em}img{border-style:none}button,input,optgroup,select,textarea{font-family:inherit;font-size:100%;line-height:1.15;margin:0}button,input{overflow:visible}button,select{text-transform:none}button,[type="button"],[type="reset"],[type="submit"]{-webkit-appearance:button}button::-moz-focus-inner,[type="button"]::-moz-focus-inner,[type="reset"]::-moz-focus-inner,[type="submit"]::-moz-focus-inner{border-style:none;padding:0}button:-moz-focusring,[type="button"]:-moz-focusring,[type="reset"]:-moz-focusring,[type="submit"]:-moz-focusring{outline:1px dotted ButtonText}fieldset{padding:.35em .75em .625em}legend{box-sizing:border-box;color:inherit;display:table;max-width:100%;padding:0;white-space:normal}progress{vertical-align:baseline}textarea{overflow:auto}[type="checkbox"],[type="radio"]{box-sizing:border-box;padding:0}[type="number"]::-webkit-inner-spin-button,[type="number"]::-webkit-outer-spin-button{height:auto}[type="search"]{-webkit-appearance:textfield;outline-offset:-2px}[type="search"]::-webkit-search-decoration{-webkit-appearance:none}::-webkit-file-upload-button{-webkit-appearance:button;font:inherit}details{display:block}summary{display:list-item}template{display:none}[hidden]{display:none}

:root {
  /*breakpoint-s: 0-640px (40em);
    breakpoint-m: 700px;
    breakpoint-l: 1130px-n;
    max display: 1920px
    
    how big do images need to be:
    0-700px
    700 - 1130px
    1130px - n 
  */

  --a-font-family: "EuclidCircularB";
  --a-font-size: 16px;

  --a-red1: #e61e28;
  --a-black1: #040606;
  --a-white1: #e6e6e6;
  --a-grey1: #f3f3f3;
  --a-red2: #d81b24;
  --a-red3: #950007;
  --a-red4: #710E20; /*new 16.10.2024*/
  --a-grey2: #dbdbdb;
  --a-grey3: #828282;
  --a-grey4: #707070;
  --a-grey5: #353535;
  --a-gold1: #bc955b; /*new 15.10.2024*/
  --a-orange1: #fc6719; /*new 13.11.2024*/

  --a-text-color: var(--a-black1);
  --a-link-color: var(--a-black1);
  --a-link-hover-color: var(--a-black1);
  --a-text-bright-color: var(--a-white1);
  --a-title-color: var(--a-black1);

  --a-primary-color: var(--a-red1); /* #e01918 old red*/
  --a-primary-darker-color: var(--a-red2);

  --a-line-color: var(--a-grey2);

  /*gaps calc done 400-1440px*/
  --a-gap-text: 16px;
  --a-gap-text-small: 8px;
  --a-gap-text-normal: 16px;
  --a-gap-text-big: 32px;
  --a-gap-small: clamp(8px, calc(8px + 0.0077 * (100vw - 400px)), 16px);
  --a-gap-normal: clamp(16px, calc(16px + 0.0154 * (100vw - 400px)), 32px);
  --a-gap-big: clamp(32px, calc(32px + 0.0308 * (100vw - 400px)), 64px);

  /*fontsize*/
  --a-font-size-h1: clamp(40px, calc(40px + 0.032 * (100vw - 400px)), 72px);
  --a-line-height-h1: clamp(48px, calc(calc(40px + 0.032 * (100vw - 400px)) + 8px), 80px);
  --a-font-size-h2: clamp(40px, calc(40px + 0.0154 * (100vw - 400px)), 56px);
  --a-line-height-h2: clamp(48px, calc(calc(40px + 0.0154 * (100vw - 400px)) + 8px), 64px);
  --a-font-size-h3: clamp(26px, calc(26px + 0.0054 * (100vw - 400px)), 32px);
  --a-line-height-h3: clamp(32px, calc(calc(26px + 0.0054 * (100vw - 400px)) + 6px), 40px);
  /*--a-font-size-h3: 32px;
  --a-line-height-h3: 40px;*/
  --a-font-size-h4: 24px;
  --a-line-height-h4: 32px;
  --a-font-size-h5: 16px;
  --a-line-height-h5: 24px;

  --a-font-size-small: 13px; /*clamp(12px, 1.1vw, 14px);*/
  --a-font-size-normal: 14px; /* clamp(12px, 1.1vw, 14px);*/
  --a-font-size-big: 16px; /*clamp(16px, calc(9px + 1vw), 20px);*/
  --a-font-size-bigger: 20px; /*clamp(16px, calc(9px + 1vw), 20px);*/

  /*icon*/
  --a-icon-size-small: clamp(30px, calc(30px + 0.0192 * (100vw - 400px)), 60px);
  --a-icon-size: clamp(64px, calc(64px + 0.048 * (100vw - 400px)), 96px);
  --a-icon-size-large: clamp(64px, calc(64px + 0.064 * (100vw - 400px)), 128px);
}

html{
  font-size: var(--a-font-size);
}
body {
  overflow-x: hidden;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  text-rendering: optimizeLegibility;
}
blockquote, dd, div, dl, dt, form, h1, h2, h3, h4, h5, h6, li, ol, p, pre, td, th, ul {
  margin: 0; padding: 0;
}
*, ::after, ::before {
  -webkit-box-sizing: inherit;
  box-sizing: inherit;
}
a{
  text-decoration: none;
  text-transform: none;
}
img{
  display: inline-block;
  vertical-align: middle;
  max-width: 100%;
  height: auto;
}
.ccm-page p{
  font-size: 1rem;
  margin-bottom: var(--a-gap-text);
}
.ccm-page h1{
  font-size: var(--a-font-size-h1);
  line-height: var(--a-line-height-h1);
  margin-bottom: var(--a-gap-normal);
}
.ccm-page h2{
  font-size: var(--a-font-size-h2);
  line-height: var(--a-line-height-h2);
  margin-bottom: var(--a-gap-normal);
} 
.ccm-page h3{
  font-size: var(--a-font-size-h3);
  line-height: var(--a-line-height-h3);
  margin-bottom: var(--a-gap-small);
}
.ccm-page h4{
  font-size: var(--a-font-size-h4);
  line-height: var(--a-line-height-h4);
  /*margin-bottom: var(--a-gap-small);*/
}
.ccm-page h4 + h5, .ccm-page h4 + div{
  margin-top: var(--a-gap-small);
}
.ccm-page p + h3{
  margin-top: var(--a-gap-normal);
}
.ccm-page h4 + p{
  margin-top: - calc(var(--a-gap-small)/2);
}
.ccm-page div + p, .ccm-page table + p{ 
  margin-top: var(--a-gap-text);
}
.ccm-page ul + h3, .ccm-page ol + h3{
  margin-top: var(--a-gap-normal);
}
.ccm-page ul + h4,.ccm-page ul + h5,.ccm-page ul + h6, .ccm-page ul + p,
.ccm-page ol + h4,.ccm-page ol + h5,.ccm-page ol + h6, .ccm-page ol + p{
  margin-top: var(--a-gap-text); /* should be gap-text */
}
 .ccm-page ul + p a.link_button{
  margin-top: 4px;
 }
  .ccm-page ul + button, .ccm-page ul + .button,
  .ccm-page ol + button, .ccm-page ol + .button{
  margin-top: var(--a-gap-text-normal);
 }

 .ccm-page img + h4, img + h3, picture + h4, picture + h3{
  margin-top: var(--a-gap-small);
}

/*.ccm-page p ul{
  margin-top: - var(--a-gap-small);
}*/
.ccm-page h5, .ccm-page h6{
  font-size: var(--a-font-size-h5);
  line-height: var(--a-line-height-h5);
}
.ccm-page h6{
  margin-bottom: var(--a-gap-text-small);
}
.ccm-page ul{
  list-style: none; /* Remove list bullets */
  padding: 0 0 0 1em;
  margin: 0;
  position: relative;
}
.ccm-page ol{
  padding: 0 0 0 1em;
  margin: 0;
  position: relative;
}
.ccm-page ul li, .ccm-page ol li {
 /*line-height: normal;*/
  font-family: inherit;
  margin-left: 0;
  list-style-position: outside;
}
.ccm-page ul li:before {
  content: "• "; /* Insert content that looks like bullets */
  left: 0;
  position: absolute;
  font-size: 1em;
}
.center{
  text-align: center;
}

body, .ccm-page {
  font-family: var(--a-font-family);
  color: var(--a-text-color);
  line-height: 1.5;
  font-weight: 400;
  background-color: #fff;
  font-variant-numeric: tabular-nums;
  text-transform: none;
  font-style: normal;
  /*overflow-x: hidden; when active, position sticky in IBE does not work anymore*/
}

.ccm-page a {
  color: black; /*var(--a-primary-color);*/
  text-decoration: underline;
  font-weight: 400;
  line-height: inherit; 
}
.ccm-page a:hover, .ccm-page a:focus {
  color: var(--a-primary-color);
  text-decoration: none;
}
.ccm-page hr{
  border-top: 0px solid transparent;
  border-bottom: 1px solid #ddd;
  margin: var(--a-gap-normal) 0;
}

/*.ccm-page .icon{
  max-height: var(--a-icon-size);
  margin-top: var(--a-gap-normal);
  margin-bottom: var(--a-gap-small);
}*/

.nav_wrapper{
  position: fixed; width: 100%; left: 0; z-index: 3; top: 0;
}
.ccm-toolbar-visible .nav_wrapper{
  top: 48px;
}
.ccm-edit-mode .nav_wrapper{
  top: 0;
}
header .nav_wrapper a, #footer a{
  text-decoration: none;
}

.ccm-page .bold, .ccm-page .bold a{
  font-weight: bold;
}

button,input,optgroup,select,textarea {
  font-family:inherit;
  font-size:100%;
  line-height:1.15;
  margin:0
} 
textarea {
  height: auto;
  min-height: 50px;
}
select {
  box-sizing: border-box;
  width: 100%;
}
select {
  height: 2.4375rem;
  margin: 0 0 1rem;
  padding: 0.5rem 0.5rem 0.5rem 1.5rem;
  -webkit-appearance: none;
  -moz-appearance: none;
  appearance: none;
  border: 1px solid var(--a-grey2);
  border-radius: 0;
  background-color: #fefefe;
  font-family: inherit;
  font-size: 1rem;
  font-weight: 400;
  line-height: 1.5;
  color: #0a0a0a;
  background-image: url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' version='1.1' width='32' height='24' viewBox='0 0 32 24'><polygon points='0,0 32,0 16,24' style='fill: rgb%28138, 138, 138%29'></polygon></svg>");
  background-origin: content-box;
  background-position: left -1rem center;
  background-repeat: no-repeat;
  background-size: 9px 6px;  
  -webkit-transition: border-color .25s ease-in-out,-webkit-box-shadow .5s;
  transition: border-color .25s ease-in-out,-webkit-box-shadow .5s;
  transition: box-shadow .5s,border-color .25s ease-in-out;
  transition: box-shadow .5s,border-color .25s ease-in-out,-webkit-box-shadow .5s;
}
select * {
  font-family: "EuclidCircularB", "Arial", Sans-Serif !important;
}

[type="color"], [type="date"], [type="datetime-local"], [type="datetime"], [type="email"], [type="month"], [type="number"], [type="password"], [type="search"], [type="tel"], [type="text"], [type="time"], [type="url"], [type="week"], textarea {
  display: block;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  width: 100%;
  height: 2.4375rem;
  margin: 0 0 1rem;
  padding: .5rem;
  border: 1px solid var(--a-grey2);
  border-radius: 0;
  background-color: #fefefe;
  -webkit-box-shadow: inset 0 1px 2px rgba(10,10,10,.1);
  box-shadow: inset 0 1px 2px rgba(10,10,10,.1);
  font-family: inherit;
  font-size: 1rem;
  font-weight: 400;
  line-height: 1.5;
  color: #0a0a0a;
  -webkit-transition: border-color .25s ease-in-out,-webkit-box-shadow .5s;
  transition: border-color .25s ease-in-out,-webkit-box-shadow .5s;
  transition: box-shadow .5s,border-color .25s ease-in-out;
  transition: box-shadow .5s,border-color .25s ease-in-out,-webkit-box-shadow .5s;
  -webkit-appearance: none;
  -moz-appearance: none;
  appearance: none;
}
[type="color"]:focus, [type="date"]:focus, [type="datetime-local"]:focus, [type="datetime"]:focus, [type="email"]:focus, [type="month"]:focus, [type="number"]:focus, [type="password"]:focus, [type="search"]:focus, [type="tel"]:focus, [type="text"]:focus, [type="time"]:focus, [type="url"]:focus, [type="week"]:focus, textarea:focus {
  outline: 0;
  border: 1px solid var(--a-grey2);
  background-color: #fefefe;
  -webkit-box-shadow: 0 0 5px #cacaca;
  box-shadow: 0 0 5px #cacaca;
  -webkit-transition: border-color .25s ease-in-out,-webkit-box-shadow .5s;
  transition: border-color .25s ease-in-out,-webkit-box-shadow .5s;
  transition: box-shadow .5s,border-color .25s ease-in-out;
  transition: box-shadow .5s,border-color .25s ease-in-out,-webkit-box-shadow .5s;
}

.moonpool_wrap + h3 {
  margin-top: var(--a-gap-normal);
}

@media only screen and (min-width: 40em) {
  .ccm-page .lead{
    max-width: 594px;
  }
}
.ccm-page p.lead, .ccm-page .lead{
  font-size: var(--a-font-size-big);
  line-height: var(--a-font-size-h2-line-height);
  margin: 0 auto;
}

.navigation a{
  text-decoration: none;
}

.ccm-page .default_padding{
   padding-top: var(--a-gap-normal);
   padding-bottom: var(--a-gap-normal);
}
.ccm-page .default_padding_top{
   padding-top: var(--a-gap-normal); 
}
.ccm-page .default_padding_top_small{
   padding-top: var(--a-gap-small);
}
.ccm-page .default_padding_bottom{
   padding-bottom: var(--a-gap-normal);
}
.ccm-page .default_padding_bottom_big{
   padding-bottom: var(--a-gap-big);
}
.ccm-page .default_padding_bottom_big{
   padding-bottom: var(--a-gap-big);
}
/*.ccm-page .default_padding_top_big_double{
   padding-top: calc(2 * var(--a-gap-big));
}*/
.ccm-page .default_margin{
   margin-top: var(--a-gap-normal);
   margin-bottom: var(--a-gap-normal);
}
.ccm-page .default_margin_top{
   margin-top: var(--a-gap-normal);
}
.ccm-page .default_margin_top_small{
   margin-top: var(--a-gap-small);
}
.ccm-page .default_margin_bottom{
   margin-bottom: var(--a-gap-normal);
}
.ccm-page .default_margin_bottom_small{
   margin-bottom: var(--a-gap-small);
}
.ccm-page .default_margin_top_big{
   margin-top: var(--a-gap-big);
}

/*BEGIN FOOTER*/
#footer {
  font-size: var(--a-font-size-normal);
}
#footer a, #footer h5 {
  line-height: var(--a-font-size-h5-line-height);
}
#footer h3 {
  padding-bottom: var(--a-gap-small);
  max-width: 70%;
}
#footer a, #footer a:hover {
  color: white;
}
#footer .content{
  margin-bottom: 0;
}

#footer{
  color: white;
  background: black;
  display: block;
  padding: var(--a-gap-big) 0 var(--a-gap-small) 0;
  margin-top: var(--a-gap-big);
}
#footer .grid-main{
  display: grid;
  grid-gap: var(--a-gap-normal);
}

#footer .grid-container-main {
    display: grid;
    grid-gap: var(--a-gap-big);
}

  .item6 a:last-child{
    padding-left: var(--a-gap-small);
  }

@media (min-width: 700px) {
  .grid-container-main {
    grid-template-columns: 3fr 1fr 1fr 1fr;
  }
  .item1{
    padding-bottom: var(--a-gap-text-normal);
  }
  .item5 {
    grid-row: 2;
    grid-column: 1;
  }
  .item6 {
    grid-row: 2;
    grid-column: 2 / -1;
    text-align: right;
  }

}

@media (max-width: 700px) {
  .grid-container-main {
    grid-template-columns: 1fr 1fr;
  }
  .item1 {
    grid-row: 1;
    grid-column: 1 / 3;
  }
  .item2 {
    grid-row: 2;
  }
  .item3 {
    grid-row: 3;
  }
  .item4 {
    grid-row: 2;
    grid-column: 2 / 3;
  }
  .item5 {
    grid-row: 5;
    grid-column: 1 / 3;
  }
  .item6 {
    grid-row: 4;
    grid-column: 1 / 3; 
  }
}

#signup-email[type="text"]{
  display: inline-block;
  box-sizing: border-box;
  width: 60%;
  height: 38px;
  margin: 0;
  padding: 0.5rem;
  border: 0;
  border-radius: 0;
  background-color: #fefefe;
  appearance: none;
  font-size: var(--a-font-size-normal);
}
#footer button{
  height: 38px;
}
#footer .item2 a, #footer .item3 a, #footer .item4 a{
  display: block;
  padding: 3px 0 2px 0;
}

/*END FOOTER*/

.ccm-page .content, .ccm-page .content.narrow{
  max-width: 92%;
  margin: 0 auto var(--a-gap-normal) auto;
}
@media only screen and (min-width: 1200px) {
  .ccm-page .content{
    max-width: 1130px;
  }
}
@media only screen and (min-width: 1000px) {
  .ccm-page .content.narrow{
    max-width: 900px; 
  }
}
/*@media only screen and (min-width: 1200px) {
  .ccm-page .content.wide{
    max-width: 1200px;
    margin: 0 auto;
  }
}*/
.ccm-page .content.max{
  width: 100%;
  max-width: 1440px;
  margin: 0 auto;
}

/*block leadtext*/
.ccm-page .leadtext_wrap{
  text-align: center;
  margin: 0 0 var(--a-gap-normal) 0;
}
.ccm-page .leadtext_wrap h2{
  max-width: min-content;
  margin: 0 auto var(--a-gap-normal) auto;
  min-width: 35%;
}
@media only screen and (max-width: 40em) {
  .ccm-page .leadtext_wrap{
    text-align: left; 
  }
  .ccm-page .leadtext_wrap h2{
    max-width: 100%;
  }
  .ccm-page .link_button{
    width: 100%;
  }
  .ccm-page .leadtext_wrap h2{
    overflow-wrap: break-word;
    hyphens: auto;
    white-space: normal;
  }
}

.ccm-page .leadtext_wrap.line_top, .ccm-page .line_top, .ccm-page .default_line_top{
  border-top: 1px solid var(--a-line-color);
  margin-top: var(--a-gap-normal); /*~10 - 20px */
  padding-top: var(--a-gap-normal); /*~10 - 20px */
}
.ccm-page .leadtext_wrap.line_bottom, .ccm-page .line_bottom, .ccm-page .default_line_bottom{
  border-bottom: 1px solid var(--a-line-color);
  margin-bottom: var(--a-gap-normal); /*~10 - 20px */
  padding-bottom: var(--a-gap-normal); /*~10 - 20px */
}

.ccm-page .leadtextmini_wrap{
  text-align: center; 
  padding: var(--a-gap-small) 0;
}
.ccm-page .leadtextmini_wrap.left{
  text-align: left; 
}

.ccm-page .button, .ccm-page button, .ccm-page .link_button, .ccm-page a.button{
  background: var(--a-primary-color);
  padding: 12px 18px;
  color: white;
  cursor: pointer;
  display: inline-block;
  margin: 0;   
  -webkit-transition: background-color .1s ease-out,color .1s ease-out;
  transition: background-color .1s ease-out,color .1s ease-out;  
  -webkit-appearance: none;
  line-height: 1;
  text-align: center;
  border: none;
  text-decoration: none;
  font-weight: bold;
}

.ccm-page .header_half_half___image_vertical .link_button{
  margin: var(--a-gap-small) 0 4px 0;
}

.ccm-page .button:hover, 
.ccm-page .button:focus, 
.ccm-page button:hover, 
.ccm-page button:focus, 
.ccm-page .link_button:hover, 
.ccm-page .link_button:focus{
  background: var(--a-primary-darker-color);
  color: white;  
}

.ccm-page .iconset_editor{
  height: var(--a-icon-size);
  width: var(--a-icon-size);
}

button.mapboxgl-ctrl-attrib-button{
  background: none;
}
.mapboxgl-map a{
  color: #b9b9b9;
}

.ccm-page .default_warningoverlay{
  text-transform: none;
  display: inline-block;
  padding: 10px;
  margin: 20px;
  position: absolute;
  top: 0;
  background: #777;
  left: 0;
  z-index: 2;
  color: white;
}

/*GRID EDITOR*/
.grid_small_4_8_large_4_8{
  max-width: 1130px;
  margin: 0 auto;
  display: grid;
  grid-gap: 20px;
  grid-template-columns: 0.5fr 1fr;
}

/*für boxen rundfahrt übersicht */
.specialgrid{
  display: grid;
  grid-gap: 5px;
  grid-template-columns: 1fr;
}
.item-special, .item-special-big{ 
  position: relative;
 }
.item-special-big{
  grid-column: span 2;
  grid-row: span 2;
}
.item-special.special{
  grid-column: span 2;
  grid-row: span 2;
  padding: 20px 25% 20px 0;
}
.item-special:before, .item-special-big:before{
  content: ' ';
  display: block;
  width: 100%;
  padding-top: 100%;
}
.item-special.special:before{
  content: ' ';
  display: block;
  width: 100%;
  padding-top: 0%;
}
.itemtext{
    color: white;
    font-weight: bold;
    position: absolute;
    bottom: 6%;
    left: 6%;
    right: 6%;
    font-size: var(--a-font-size-h4); 
}
.itemtext_16x9{
    color: white;
    position: absolute;
    top: 20%;
    left: 6%;
    right: 6%;
    font-size: var(--a-font-size-h1);
    font-weight: bold;
    line-height: normal;
    max-width: 50%;
}
.itemtext_16x9 span{
  margin: 0;
  padding: 0;    
}
/*for all boxes*/
.boximage{
  position: absolute;
  top: 0;
  left: 0;
  height: 100%;
  width: 100%;
  object-fit: cover;
}

@media only screen and (max-width: 700px) { 
  .itemtext_16x9{
    position: absolute;
    top: 6%;
    left: 6%;
    right: 6%;
    font-size: var(--a-font-size-h1);
    max-width: 100%;
  }
}

.itemtext_small{
  font-size: 12px;
}

@media only screen and (min-width: 40.063em) and (max-width: 1199.999px) { /* min-width 641px and max-width 1024px, Tablets */
  .specialgrid{
      display: grid;
      grid-gap: 10px;
      grid-template-columns: 1fr 1fr;
  }
  .item-special, .item-special-big{
      position: relative;
   }
  .item-special-big{
      grid-column: span 2;
      grid-row: span 2;
  }
  .item-special.special{
      grid-column: span 1; 
      grid-row: span 1;
  }
  .item-special:before, .item-special-big:before, .item-special.special:before{
      content: ' ';
      display: block;
      width: 100%;
      padding-top: 100%;
  }
  .itemtext{
      color: white;
      font-weight: bold;
      position: absolute;
      bottom: 6%;
      left: 6%;
      right: 6%;
  }
} 

@media only screen and (min-width: 1200px){
  .specialgrid{
      display: grid;
      grid-gap: 10px;
      grid-template-columns: 1fr 1fr 1fr;
  }
  .item-special, .item-special-big{
      position: relative;
   }
  .item-special-big{
      grid-column: span 2;
      grid-row: span 2;
  }
  .item-special.special{
      grid-column: span 1;
      grid-row: span 1;
  }
  .item-special:before, .item-special-big:before, .item-special.special:before{
      content: ' ';
      display: block;
      width: 100%;
      padding-top: 100%;
  }
  .itemtext{
      color: white;
      font-weight: bold;
      position: absolute;
      bottom: 6%;
      left: 6%;
      right: 6%;
  }
}

/*BEGIN CONTAINER*/

.header_half_half___image_vertical .image img{
  width: 100%;
}
.content_half_half___red{
  background: var(--a-primary-color);
  color: white;
  display: grid;
  padding: var(--a-gap-text-big);
  margin: var(--a-gap-normal) 0;
  grid-gap: 0 var(--a-gap-normal);
  grid-template-columns: 1fr 1fr;
}
.content_half_half___black{
  background: black;
  color: white;
  display: grid;
  padding: var(--a-gap-text-big);
  margin: var(--a-gap-normal) 0;
  grid-gap: 0 var(--a-gap-normal);
  grid-template-columns: 1fr 1fr;
}
.content_half_half{
  margin: var(--a-gap-normal) 0;
}
.content_half_half___image_left___black, .content_half_half___image_right___black,
.content_half_half___image_left___gold, .content_half_half___image_right___gold,
.content_half_half___image_left___orange, .content_half_half___image_right___orange,
.content_half_half___image_left___silver, .content_half_half___image_right___silver,
.content_half_half___image_left___crimson, .content_half_half___image_right___crimson{
  display: grid;
  padding: 0;
  margin: var(--a-gap-normal) 0;
  grid-template-columns: 1fr 1fr;
}
.content_half_half___image_left___black, .content_half_half___image_right___black{
  background: black;
  color: white;
}
.content_half_half___image_left___gold, .content_half_half___image_right___gold{
  background: var(--a-gold1);
  color: white;
}
.content_half_half___image_left___orange, .content_half_half___image_right___orange{
  background: var(--a-orange1);
  color: white;
}
.content_half_half___image_left___silver, .content_half_half___image_right___silver{
  background: var(--a-grey3); /*#a5a8a9;*/
  color: white;
}
.content_half_half___image_left___crimson, .content_half_half___image_right___crimson{
  background: var(--a-red4); /*#710e20;*/
  color: white;
}
.content_half_half___image_left, .content_half_half___image_right{
  display: grid;
  padding: 0;
  margin: var(--a-gap-normal) 0;
  grid-template-columns: 1fr 1fr;
}
.moonpool_wrap .container:first-of-type{ 
  margin-top: 0;
}
.moonpool_wrap .container:last-of-type{ 
  margin-bottom: 0;
}
.container p:last-child{
  margin-bottom: 0;
}

@media only screen and (max-width: 700px) {
  .container .button {
    width: 100%;
  }
}

.content_third_third_third{
  display: grid;
  grid-gap: var(--a-gap-normal);
  margin: var(--a-gap-normal) 0;
}
.content_twothirds_third,
.content_third_twothirds{
  display: grid;
  grid-gap: var(--a-gap-normal);
  margin: var(--a-gap-normal) 0;
}
.content_twothirds_third > *,
.content_third_twothirds {
  overflow: hidden; /*for snapping tables necessary*/
}
.content_half_half___image_left img, .content_half_half___image_right img,
.content_half_half___image_left___black img, .content_half_half___image_right___black img,
.content_half_half___image_left___gold img, .content_half_half___image_right___gold img,
.content_half_half___image_left___orange img, .content_half_half___image_right___orange img,
.content_half_half___image_left___silver img, .content_half_half___image_right___silver img,
.content_half_half___image_left___crimson img, .content_half_half___image_right___crimson img{
  padding: 0 !important;
  width: 100%;
  height: 100%;
  object-fit: cover;
}
.content_half_half___image_left .content2, 
.content_half_half___image_left___black .content2, .content_half_half___image_right___black .content1,
.content_half_half___image_left___gold .content2, .content_half_half___image_right___gold .content1,
.content_half_half___image_left___orange .content2, .content_half_half___image_right___orange .content1,
.content_half_half___image_left___silver .content2, .content_half_half___image_right___silver .content1,
.content_half_half___image_left___crimson .content2, .content_half_half___image_right___crimson .content1{
  padding: var(--a-gap-big);
  margin-top: var(--a-gap-normal);
}
.content_half_half___image_right .content1{
  padding: var(--a-gap-big) var(--a-gap-big) var(--a-gap-big) 0;
  margin-top: var(--a-gap-normal);
}
.container.inner{
  margin: 0;
  padding: 0;
}

.ccm-page .content_half_half___image_left___black a, .ccm-page .content_half_half___image_right___black a,
.ccm-page .content_half_half___image_left___gold a, .ccm-page .content_half_half___image_right___gold a,
.ccm-page .content_half_half___image_left___orange a, .ccm-page .content_half_half___image_right___orange a,
.ccm-page .content_half_half___image_left___silver a, .ccm-page .content_half_half___image_right___silver a,
.ccm-page .content_half_half___image_left___crimson a, .ccm-page .content_half_half___image_right___crimson a,
.ccm-page .content_half_half___image_left___black a:hover, .ccm-page .content_half_half___image_right___black a:hover,
.ccm-page .content_half_half___image_left___gold a:hover, .ccm-page .content_half_half___image_right___gold a:hover,
.ccm-page .content_half_half___image_left___orange a:hover, .ccm-page .content_half_half___image_right___orange a:hover,
.ccm-page .content_half_half___image_left___silver a:hover, .ccm-page .content_half_half___image_right___silver a:hover,
.ccm-page .content_half_half___image_left___crimson a:hover, .ccm-page .content_half_half___image_right___crimson a:hover,
.ccm-page .content_half_half___image_left___black a:focus, .ccm-page .content_half_half___image_right___black a:focus, 
.ccm-page .content_half_half___image_left___gold a:focus, .ccm-page .content_half_half___image_right___gold a:focus, 
.ccm-page .content_half_half___image_left___orange a:focus, .ccm-page .content_half_half___image_right___orange a:focus, 
.ccm-page .content_half_half___image_left___silver a:focus, .ccm-page .content_half_half___image_right___silver a:focus, 
.ccm-page .content_half_half___image_left___crimson a:focus, .ccm-page .content_half_half___image_right___crimson a:focus, 
.ccm-page .content_half_half___red a, .ccm-page .content_half_half___red a:hover, .ccm-page .content_half_half___red a:focus, .ccm-page .content_half_half___black a, 
.ccm-page .content_half_half___black a:hover, .ccm-page .content_half_half___black a:focus{
  font-weight: bold;
  color: white;
  text-decoration: none;
}

@media only screen and (min-width: 700px)  and (max-width: 1130px) {

  .content_half_half___image_left .content2,
  .content_half_half___image_right .content1,
  .content_half_half___image_left___black .content2, .content_half_half___image_right___black .content1,
  .content_half_half___image_left___gold .content2, .content_half_half___image_right___gold .content1,
  .content_half_half___image_left___orange .content2, .content_half_half___image_right___orange .content1,
  .content_half_half___image_left___silver .content2, .content_half_half___image_right___silver .content1,
  .content_half_half___image_left___crimson .content2, .content_half_half___image_right___crimson .content1{
    padding: var(--a-gap-small) var(--a-gap-normal) var(--a-gap-normal) var(--a-gap-small);
  }
  .content_half_half___image_left,
  .content_half_half___image_left___black,
  .content_half_half___image_left___gold,
  .content_half_half___image_left___orange,
  .content_half_half___image_left___silver,
  .content_half_half___image_left___crimson {
    grid-template-rows: auto 1fr;
    height: auto;
  }
  .content_half_half___image_right,
  .content_half_half___image_right___black,
  .content_half_half___image_right___gold,
  .content_half_half___image_right___orange,
  .content_half_half___image_right___silver,
  .content_half_half___image_right___crimson {
    grid-template-rows: 1fr auto;
    height: auto;
  }

}

@media only screen and (max-width: 700px) {

  .content_half_half___red,
  .content_half_half___black,
  .content_third_third_third,
  .content_half_half___image_left, .content_half_half___image_right,
  .content_half_half___image_left___black, .content_half_half___image_right___black,
  .content_half_half___image_left___gold, .content_half_half___image_right___gold,
  .content_half_half___image_left___orange, .content_half_half___image_right___orange,
  .content_half_half___image_left___silver, .content_half_half___image_right___silver,
  .content_half_half___image_left___crimson, .content_half_half___image_right___crimson{
    grid-template-columns: 1fr;
  }
  .content_half_half___image_left .content1,
  .content_half_half___image_left___black .content1,
  .content_half_half___image_left___gold .content1,
  .content_half_half___image_left___orange .content1,
  .content_half_half___image_left___silver .content1,
  .content_half_half___image_left___crimson .content1{
    order: 2;
  }
  .oversize{
    margin-left: -5vw;
    width: 100vw;
    overflow: hidden;
  }
  .content_twothirds_third.reversed .content2,
  .content_half_half.reversed .content2 {
    order: 1;
  }
  .content_twothirds_third.reversed .content1,
  .content_half_half.reversed .content1 {
    order: 2;
  }
  .header_half_half___image_vertical{
    display: grid;
    grid-template-columns: 1fr;
    grid-gap: var(--a-gap-normal) var(--a-gap-big);
  }
  .content_half_half{
    display: grid;
    grid-template-columns: 1fr;
    grid-gap: var(--a-gap-normal) 0;
  }

}

@media only screen and (min-width: 700px) {

  /*.grid-footer {
    grid-template-columns: 2fr 1fr 1fr 1fr;
  }*/
  .itemf:nth-child(n+4) {
    border-top: 1px solid #b0b0b0;
  }
  .content_third___centered{
    margin: 0 32%;
    text-align: center;
  }
  .content_half_half{
    display: grid;
    grid-template-columns: 1fr 1fr;
    grid-gap: 0 var(--a-gap-normal);
  }
  .content_half_half .content1 h3:first-of-type,
  .content_half_half .content2 h3:first-of-type{  
    margin-top: var(--a-gap-big);
  }
  .content_half_half .inner .content1 h3:first-of-type,
  .content_half_half .inner .content2 h3:first-of-type{  
    margin-top: var(--a-gap-normal);
  }
  .content_third_third_third{
    grid-template-columns: 1fr 1fr 1fr;
  }
  .two-thirds{
    max-width: 60%;
  }
  .content_twothirds_third{
    grid-template-columns: 2fr 1fr;
  }
  .content_third_twothirds{
    grid-template-columns: 1fr 2fr;
  }
  .header_half_half___image_vertical{
    display: grid;
    grid-template-columns: 1fr 1fr;
    grid-gap: 0 var(--a-gap-big);
    padding-right: var(--a-gap-big);
    margin-bottom: var(--a-gap-big);
    width: 100vw;
    margin-left: calc((100% - 100vw) / 2);
  }
  .header_half_half___image_vertical h2{
    margin-top: var(--a-gap-big);
  }
  .header_half_half___image_vertical .image img{
    vertical-align: top;
    padding: 0;
  }
  .header_half_half___image_vertical .text{
    max-width: 560px;
  }
  .inner.content_half_half___image_right___black .content1,
  .inner.content_half_half___image_right___gold .content1,
  .inner.content_half_half___image_right___orange .content1,
  .inner.content_half_half___image_right___silver .content1,
  .inner.content_half_half___image_right___crimson .content1{
    padding: var(--a-gap-normal);
    margin-top: 0;
  }

}

@media only screen and (min-width: 1920px) {

  .header_half_half___image_vertical{
    width: 1920px;
    margin-left: calc((100% - 1920px) / 2);
  }

}
/*END CONTAINER*/

.gradient_dark{
  /* Permalink - use to edit and share this gradient: https://colorzilla.com/gradient-editor/#000000+0,000000+67&0+0,0.65+66,0.88+66 */
  background: -moz-linear-gradient(top,  rgba(0,0,0,0) 0%, rgba(0,0,0,0.88) 66%, rgba(0,0,0,0.88) 67%); /* FF3.6-15 *//*
  background: -webkit-linear-gradient(top,  rgba(0,0,0,0) 0%,rgba(0,0,0,0.88) 66%,rgba(0,0,0,0.88) 67%); /* Chrome10-25,Safari5.1-6 */
  background: linear-gradient(to bottom,  rgba(0,0,0,0) 0%,rgba(0,0,0,0.88) 66%,rgba(0,0,0,0.88) 67%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ *//*
  filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#00000000', endColorstr='#e0000000',GradientType=0 ); /* IE6-9 */
  height: 40%;
  display: inline-block;
  width: 100%;
  position: absolute;
  bottom: 0;
  left: 0;
}

.default_warning{
  background: var(--a-red3);
  color: white;
  padding: var(--a-gap-small);
}

/*cookie widget*/
#CookiebotWidget{
  min-width: 20px !important;
  min-height: 20px !important;
}
#CookiebotWidget .CookiebotWidget-logo svg{
  width: 20px !important;
  height: 20px !important;
}