/***************************************************************************
* Variablen
***************************************************************************/
:root {
  --accentColor: #b02a27;
}
/***************************************************************************
* Google Fonts
***************************************************************************/
/* ubuntu-300 - latin */
@font-face {
  font-display: swap; /* Check https://developer.mozilla.org/en-US/docs/Web/CSS/@font-face/font-display for other options. */
  font-family: 'Ubuntu';
  font-style: normal;
  font-weight: 300;
  src: url('/files/cto_layout/fonts/ubuntu-v20-latin/ubuntu-v20-latin-300.eot'); /* IE9 Compat Modes */
  src: url('/files/cto_layout/fonts/ubuntu-v20-latin/ubuntu-v20-latin-300.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
       url('/files/cto_layout/fonts/ubuntu-v20-latin/ubuntu-v20-latin-300.woff2') format('woff2'), /* Chrome 36+, Opera 23+, Firefox 39+, Safari 12+, iOS 10+ */
       url('/files/cto_layout/fonts/ubuntu-v20-latin/ubuntu-v20-latin-300.woff') format('woff'), /* Chrome 5+, Firefox 3.6+, IE 9+, Safari 5.1+, iOS 5+ */
       url('/files/cto_layout/fonts/ubuntu-v20-latin/ubuntu-v20-latin-300.ttf') format('truetype'), /* Chrome 4+, Firefox 3.5+, IE 9+, Safari 3.1+, iOS 4.2+, Android Browser 2.2+ */
       url('/files/cto_layout/fonts/ubuntu-v20-latin/ubuntu-v20-latin-300.svg#Ubuntu') format('svg'); /* Legacy iOS */
}
/* ubuntu-regular - latin */
@font-face {
  font-display: swap; /* Check https://developer.mozilla.org/en-US/docs/Web/CSS/@font-face/font-display for other options. */
  font-family: 'Ubuntu';
  font-style: normal;
  font-weight: 400;
  src: url('/files/cto_layout/fonts/ubuntu-v20-latin/ubuntu-v20-latin-regular.eot'); /* IE9 Compat Modes */
  src: url('/files/cto_layout/fonts/ubuntu-v20-latin/ubuntu-v20-latin-regular.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
       url('/files/cto_layout/fonts/ubuntu-v20-latin/ubuntu-v20-latin-regular.woff2') format('woff2'), /* Chrome 36+, Opera 23+, Firefox 39+, Safari 12+, iOS 10+ */
       url('/files/cto_layout/fonts/ubuntu-v20-latin/ubuntu-v20-latin-regular.woff') format('woff'), /* Chrome 5+, Firefox 3.6+, IE 9+, Safari 5.1+, iOS 5+ */
       url('/files/cto_layout/fonts/ubuntu-v20-latin/ubuntu-v20-latin-regular.ttf') format('truetype'), /* Chrome 4+, Firefox 3.5+, IE 9+, Safari 3.1+, iOS 4.2+, Android Browser 2.2+ */
       url('/files/cto_layout/fonts/ubuntu-v20-latin/ubuntu-v20-latin-regular.svg#Ubuntu') format('svg'); /* Legacy iOS */
}
/* ubuntu-500 - latin */
@font-face {
  font-display: swap; /* Check https://developer.mozilla.org/en-US/docs/Web/CSS/@font-face/font-display for other options. */
  font-family: 'Ubuntu';
  font-style: normal;
  font-weight: 500;
  src: url('/files/cto_layout/fonts/ubuntu-v20-latin/ubuntu-v20-latin-500.eot'); /* IE9 Compat Modes */
  src: url('/files/cto_layout/fonts/ubuntu-v20-latin/ubuntu-v20-latin-500.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
       url('/files/cto_layout/fonts/ubuntu-v20-latin/ubuntu-v20-latin-500.woff2') format('woff2'), /* Chrome 36+, Opera 23+, Firefox 39+, Safari 12+, iOS 10+ */
       url('/files/cto_layout/fonts/ubuntu-v20-latin/ubuntu-v20-latin-500.woff') format('woff'), /* Chrome 5+, Firefox 3.6+, IE 9+, Safari 5.1+, iOS 5+ */
       url('/files/cto_layout/fonts/ubuntu-v20-latin/ubuntu-v20-latin-500.ttf') format('truetype'), /* Chrome 4+, Firefox 3.5+, IE 9+, Safari 3.1+, iOS 4.2+, Android Browser 2.2+ */
       url('/files/cto_layout/fonts/ubuntu-v20-latin/ubuntu-v20-latin-500.svg#Ubuntu') format('svg'); /* Legacy iOS */
}
/* ubuntu-700 - latin */
@font-face {
  font-display: swap; /* Check https://developer.mozilla.org/en-US/docs/Web/CSS/@font-face/font-display for other options. */
  font-family: 'Ubuntu';
  font-style: normal;
  font-weight: 700;
  src: url('/files/cto_layout/fonts/ubuntu-v20-latin/ubuntu-v20-latin-700.eot'); /* IE9 Compat Modes */
  src: url('/files/cto_layout/fonts/ubuntu-v20-latin/ubuntu-v20-latin-700.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
       url('/files/cto_layout/fonts/ubuntu-v20-latin/ubuntu-v20-latin-700.woff2') format('woff2'), /* Chrome 36+, Opera 23+, Firefox 39+, Safari 12+, iOS 10+ */
       url('/files/cto_layout/fonts/ubuntu-v20-latin/ubuntu-v20-latin-700.woff') format('woff'), /* Chrome 5+, Firefox 3.6+, IE 9+, Safari 5.1+, iOS 5+ */
       url('/files/cto_layout/fonts/ubuntu-v20-latin/ubuntu-v20-latin-700.ttf') format('truetype'), /* Chrome 4+, Firefox 3.5+, IE 9+, Safari 3.1+, iOS 4.2+, Android Browser 2.2+ */
       url('/files/cto_layout/fonts/ubuntu-v20-latin/ubuntu-v20-latin-700.svg#Ubuntu') format('svg'); /* Legacy iOS */
}

#top_link,
#privacy_optout_link{
  display: none;
}

/***************************************************************************
* global fonts
***************************************************************************/
h1, h2, h3, h4, h5, h6, .h1, .h2, .h3, .h4, .h5, .h6, .ce_revolutionslider_text.bold, .font_headline {
  font-weight: 700 !important;
}

p strong {
  font-weight: 500;
}


/***************************************************************************
* mobile menu burger
***************************************************************************/
.mmenu_trigger .label{
  visibility: hidden;
}

#mmenu .mod_navigation li a {
  font-size: 18px;
  color: white;
}



/***************************************************************************
* Menu -> dunkler overlay
***************************************************************************/
body.smartmenu_open div.body::before, body.smartmenu_open div.stickyheader:before {
    content: "";
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background-color: rgba(0, 0, 0, 0.5);
    z-index: 55555;
}


/***************************************************************************
* button
***************************************************************************/
.ce_hyperlink a {
  border-radius: 0px;
}


.ce_hyperlink a, a.btn {
  font-weight: 400;
  font-size: 1rem;
  padding: 10px 30px;
  margin: 0;
  transition: 0.3s ease;
  overflow: visible;
}

.ce_hyperlink {
  overflow: visible;
  margin-right: 10px;
  
}
.ce_hyperlink a:hover, a.btn:hover {
  opacity: 1;
  transform: translateY(-7px);
  box-shadow: 2px 2px 15px rgba(0,0,0,.3);
}

/***************************************************************************
* gallery lightbox
***************************************************************************/
#cboxCurrent {
display: none !important;
}

#cboxLoadedContent {
  border: 0.1px;
}

#cboxClose {
  background: url(/files/skyair/content/design/x-light-full.svg) no-repeat center center;
  width: 35px;
  height: 35px;
  top: -40px;
  right: 0;
}	

#cboxNext {
  background: url(/files/skyair/content/design/angle-right-light-full.svg) no-repeat center center;
  width: 55px;
  height: 55px;
}

#cboxPrevious {
  background: url(/files/skyair/content/design/angle-left-light-full.svg) no-repeat center center;
  width: 55px;
  height: 55px;
}

#cboxTitle {
  left: 50%;
  top: 100%;
  transform: translateX(-50%);
  color: white;
}

#colorbox, #cboxOverlay, #cboxWrapper {
  overflow: visible;
}

#cboxNext:hover,
#cboxPrevious:hover {
  background-position: center center;
}

@media only screen and (max-width: 767px) {
  #cboxTitle {
    width: 100%;
    font-size: 0.8rem;
  }
  #cboxClose {
  width: 20px;
  height: 20px;
  }
  #cboxNext,
  #cboxPrevious{
    right: -5px;
    width: 50px;
    height:50px;
    top: 55%;
  }
  #cboxPrevious {
    left: -5px;
  }
}
/***************************************************************************
* Portfolio
***************************************************************************/
.mod_portfoliolist_v5 .item {
    position: relative;
    overflow: hidden; 
}

/* Das Bild wird gezwungen, den Container zu 100% auszufüllen */
.mod_portfoliolist_v5 .item img.image {
    width: 100%;
    height: 100%; 
    object-fit: cover; 
    display: block;
}


.ce_portfoliofilter.style1 a, .ce_portfoliofilter.default a {
  border: .8px solid rgb(255,255,255);
  font-weight: 400;
  font-size: 1rem;
  color: white;
}

.ce_portfoliofilter.style1 a.selected, .ce_portfoliofilter.style1 a:hover, .ce_portfoliofilter.default a.selected, .ce_portfoliofilter.default a:hover {
  border-color: transparent;
}




@media only screen and (max-width: 767px) {
  .ce_portfoliofilter .ce_portfoliofilter_content {
    visibility: visible;
    opacity: 1;
    max-height: 100%;
  }
  
  .ce_portfoliofilter .mobile-filter-trigger:before {
    display: none;
  }
  
  .ce_portfoliofilter .ce_portfoliofilter_content a.selected {
    background: var(--accentColor);
    border: 0px !important;
  }
    
  #wrapper .ce_portfoliofilter .ce_portfoliofilter_content a {
    border: .8px solid rgb(255,255,255);
    font-weight: 400;
    font-size: 1rem;
  }
  
    /* Container darf keine feste Höhe mehr haben, sondern passt sich dem Bild an */
  .mod_portfoliolist_v5 .item {
      width: 100% !important;
      height: auto !important; 
  }
  
  /* Bild passt sich proportional an, ohne abgeschnitten zu werden */
  .mod_portfoliolist_v5 .item img.image {
      height: auto; 
      object-fit: contain; 
  }
}

/***************************************************************************
* Footer
***************************************************************************/
#footer,
#bottom,
#bottom .inside, #bottom .inside a{
    background-color: #000;
    color: rgba(255,255,255,1);
    border-top: none;
}

#footer a {
  color: white;
  text-decoration: underline;
  text-underline-offset: 5px;
  text-decoration-thickness: 0.8px;
}

#footer .no-text-decoration a {
  text-decoration: none;
}

#footer .right a {
  color: white;
}