/* Wenn JS deaktiviert ist oder fŸr Bots */
.no-js .wow, 
.wow[style*="visibility: hidden"],
.wow {
    opacity: 1 !important;
    visibility: visible !important;
    animation: none !important;
}

/* Nur wenn JS aktiv ist, greifen die Animationen */
.js .wow {
    opacity: 0;
}



/* --------------------------------------------------------
          FONTS
-------------------------------------------------------- */
/*
@font-face {
    font-family: 'DINRegular';
    src: url('../fonts/din-regular-din.eot');
    src: url('../fonts/din-regular-din.eot?#iefix') format('embedded-opentype'),
         url('../fonts/din-regular-din.woff') format('woff'),
         url('../fonts/din-regular-din.ttf') format('truetype'),
         url('../fonts/din-regular-din.svg#DINRegular') format('svg');
    font-weight: normal;
    font-style: normal;
}
@font-face {
    font-family: 'DINMedium';
    src: url('../fonts/din-medium-din.eot');
    src: url('../fonts/din-medium-din.eot?#iefix') format('embedded-opentype'),
         url('../fonts/din-medium-din.woff') format('woff'),
         url('../fonts/din-medium-din.ttf') format('truetype'),
         url('../fonts/din-medium-din.svg#DINMedium') format('svg');
    font-weight: normal;
    font-style: normal;
}
@font-face {
    font-family: 'DINLight';
    src: url('../fonts/din-light-din.eot');
    src: url('../fonts/din-light-din.eot?#iefix') format('embedded-opentype'),
         url('../fonts/din-light-din.woff') format('woff'),
         url('../fonts/din-light-din.ttf') format('truetype'),
         url('../fonts/din-light-din.svg#DINLight') format('svg');
    font-weight: normal;
    font-style: normal;
}
*/
@font-face {
    font-family: 'Barlow';
    src: url('../fonts/barlow/Barlow-ExtraBoldItalic.eot');
    src: url('../fonts/barlow/Barlow-ExtraBoldItalic.eot?#iefix') format('embedded-opentype'),
        url('../fonts/barlow/Barlow-ExtraBoldItalic.woff2') format('woff2'),
        url('../fonts/barlow/Barlow-ExtraBoldItalic.woff') format('woff'),
        url('../fonts/barlow/Barlow-ExtraBoldItalic.ttf') format('truetype'),
        url('../fonts/barlow/Barlow-ExtraBoldItalic.svg#Barlow-ExtraBoldItalic') format('svg');
    font-weight: bold;
    font-style: italic;
    font-display: swap;
}

@font-face {
    font-family: 'Barlow';
    src: url('../fonts/barlow/Barlow-Bold.eot');
    src: url('../fonts/barlow/Barlow-Bold.eot?#iefix') format('embedded-opentype'),
        url('../fonts/barlow/Barlow-Bold.woff2') format('woff2'),
        url('../fonts/barlow/Barlow-Bold.woff') format('woff'),
        url('../fonts/barlow/Barlow-Bold.ttf') format('truetype'),
        url('../fonts/barlow/Barlow-Bold.svg#Barlow-Bold') format('svg');
    font-weight: bold;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: 'Barlow';
    src: url('../fonts/barlow/Barlow-BoldItalic.eot');
    src: url('../fonts/barlow/Barlow-BoldItalic.eot?#iefix') format('embedded-opentype'),
        url('../fonts/barlow/Barlow-BoldItalic.woff2') format('woff2'),
        url('../fonts/barlow/Barlow-BoldItalic.woff') format('woff'),
        url('../fonts/barlow/Barlow-BoldItalic.ttf') format('truetype'),
        url('../fonts/barlow/Barlow-BoldItalic.svg#Barlow-BoldItalic') format('svg');
    font-weight: bold;
    font-style: italic;
    font-display: swap;
}

@font-face {
    font-family: 'Barlow';
    src: url('../fonts/barlow/Barlow-ExtraLightItalic.eot');
    src: url('../fonts/barlow/Barlow-ExtraLightItalic.eot?#iefix') format('embedded-opentype'),
        url('../fonts/barlow/Barlow-ExtraLightItalic.woff2') format('woff2'),
        url('../fonts/barlow/Barlow-ExtraLightItalic.woff') format('woff'),
        url('../fonts/barlow/Barlow-ExtraLightItalic.ttf') format('truetype'),
        url('../fonts/barlow/Barlow-ExtraLightItalic.svg#Barlow-ExtraLightItalic') format('svg');
    font-weight: 200;
    font-style: italic;
    font-display: swap;
}

@font-face {
    font-family: 'Barlow';
    src: url('../fonts/barlow/Barlow-BlackItalic.eot');
    src: url('../fonts/barlow/Barlow-BlackItalic.eot?#iefix') format('embedded-opentype'),
        url('../fonts/barlow/Barlow-BlackItalic.woff2') format('woff2'),
        url('../fonts/barlow/Barlow-BlackItalic.woff') format('woff'),
        url('../fonts/barlow/Barlow-BlackItalic.ttf') format('truetype'),
        url('../fonts/barlow/Barlow-BlackItalic.svg#Barlow-BlackItalic') format('svg');
    font-weight: 900;
    font-style: italic;
    font-display: swap;
}

@font-face {
    font-family: 'Barlow';
    src: url('../fonts/barlow/Barlow-ExtraBold.eot');
    src: url('../fonts/barlow/Barlow-ExtraBold.eot?#iefix') format('embedded-opentype'),
        url('../fonts/barlow/Barlow-ExtraBold.woff2') format('woff2'),
        url('../fonts/barlow/Barlow-ExtraBold.woff') format('woff'),
        url('../fonts/barlow/Barlow-ExtraBold.ttf') format('truetype'),
        url('../fonts/barlow/Barlow-ExtraBold.svg#Barlow-ExtraBold') format('svg');
    font-weight: bold;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: 'Barlow';
    src: url('../fonts/barlow/Barlow-ExtraLight.eot');
    src: url('../fonts/barlow/Barlow-ExtraLight.eot?#iefix') format('embedded-opentype'),
        url('../fonts/barlow/Barlow-ExtraLight.woff2') format('woff2'),
        url('../fonts/barlow/Barlow-ExtraLight.woff') format('woff'),
        url('../fonts/barlow/Barlow-ExtraLight.ttf') format('truetype'),
        url('../fonts/barlow/Barlow-ExtraLight.svg#Barlow-ExtraLight') format('svg');
    font-weight: 200;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: 'Barlow';
    src: url('../fonts/barlow/Barlow-Black.eot');
    src: url('../fonts/barlow/Barlow-Black.eot?#iefix') format('embedded-opentype'),
        url('../fonts/barlow/Barlow-Black.woff2') format('woff2'),
        url('../fonts/barlow/Barlow-Black.woff') format('woff'),
        url('../fonts/barlow/Barlow-Black.ttf') format('truetype'),
        url('../fonts/barlow/Barlow-Black.svg#Barlow-Black') format('svg');
    font-weight: 900;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: 'Barlow';
    src: url('../fonts/barlow/Barlow-Thin.eot');
    src: url('../fonts/barlow/Barlow-Thin.eot?#iefix') format('embedded-opentype'),
        url('../fonts/barlow/Barlow-Thin.woff2') format('woff2'),
        url('../fonts/barlow/Barlow-Thin.woff') format('woff'),
        url('../fonts/barlow/Barlow-Thin.ttf') format('truetype'),
        url('../fonts/barlow/Barlow-Thin.svg#Barlow-Thin') format('svg');
    font-weight: 100;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: 'Barlow';
    src: url('../fonts/barlow/Barlow-Regular.eot');
    src: url('../fonts/barlow/Barlow-Regular.eot?#iefix') format('embedded-opentype'),
        url('../fonts/barlow/Barlow-Regular.woff2') format('woff2'),
        url('../fonts/barlow/Barlow-Regular.woff') format('woff'),
        url('../fonts/barlow/Barlow-Regular.ttf') format('truetype'),
        url('../fonts/barlow/Barlow-Regular.svg#Barlow-Regular') format('svg');
    font-weight: normal;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: 'Barlow';
    src: url('../fonts/barlow/Barlow-SemiBold.eot');
    src: url('../fonts/barlow/Barlow-SemiBold.eot?#iefix') format('embedded-opentype'),
        url('../fonts/barlow/Barlow-SemiBold.woff2') format('woff2'),
        url('../fonts/barlow/Barlow-SemiBold.woff') format('woff'),
        url('../fonts/barlow/Barlow-SemiBold.ttf') format('truetype'),
        url('../fonts/barlow/Barlow-SemiBold.svg#Barlow-SemiBold') format('svg');
    font-weight: 600;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: 'Barlow';
    src: url('../fonts/barlow/Barlow-SemiBoldItalic.eot');
    src: url('../fonts/barlow/Barlow-SemiBoldItalic.eot?#iefix') format('embedded-opentype'),
        url('../fonts/barlow/Barlow-SemiBoldItalic.woff2') format('woff2'),
        url('../fonts/barlow/Barlow-SemiBoldItalic.woff') format('woff'),
        url('../fonts/barlow/Barlow-SemiBoldItalic.ttf') format('truetype'),
        url('../fonts/barlow/Barlow-SemiBoldItalic.svg#Barlow-SemiBoldItalic') format('svg');
    font-weight: 600;
    font-style: italic;
    font-display: swap;
}

@font-face {
    font-family: 'Barlow';
    src: url('../fonts/barlow/Barlow-Medium.eot');
    src: url('../fonts/barlow/Barlow-Medium.eot?#iefix') format('embedded-opentype'),
        url('../fonts/barlow/Barlow-Medium.woff2') format('woff2'),
        url('../fonts/barlow/Barlow-Medium.woff') format('woff'),
        url('../fonts/barlow/Barlow-Medium.ttf') format('truetype'),
        url('../fonts/barlow/Barlow-Medium.svg#Barlow-Medium') format('svg');
    font-weight: 500;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: 'Barlow';
    src: url('../fonts/barlow/Barlow-Italic.eot');
    src: url('../fonts/barlow/Barlow-Italic.eot?#iefix') format('embedded-opentype'),
        url('../fonts/barlow/Barlow-Italic.woff2') format('woff2'),
        url('../fonts/barlow/Barlow-Italic.woff') format('woff'),
        url('../fonts/barlow/Barlow-Italic.ttf') format('truetype'),
        url('../fonts/barlow/Barlow-Italic.svg#Barlow-Italic') format('svg');
    font-weight: normal;
    font-style: italic;
    font-display: swap;
}

@font-face {
    font-family: 'Barlow';
    src: url('../fonts/barlow/Barlow-ThinItalic.eot');
    src: url('../fonts/barlow/Barlow-ThinItalic.eot?#iefix') format('embedded-opentype'),
        url('../fonts/barlow/Barlow-ThinItalic.woff2') format('woff2'),
        url('../fonts/barlow/Barlow-ThinItalic.woff') format('woff'),
        url('../fonts/barlow/Barlow-ThinItalic.ttf') format('truetype'),
        url('../fonts/barlow/Barlow-ThinItalic.svg#Barlow-ThinItalic') format('svg');
    font-weight: 100;
    font-style: italic;
    font-display: swap;
}

@font-face {
    font-family: 'Barlow';
    src: url('../fonts/barlow/Barlow-Light.eot');
    src: url('../fonts/barlow/Barlow-Light.eot?#iefix') format('embedded-opentype'),
        url('../fonts/barlow/Barlow-Light.woff2') format('woff2'),
        url('../fonts/barlow/Barlow-Light.woff') format('woff'),
        url('../fonts/barlow/Barlow-Light.ttf') format('truetype'),
        url('../fonts/barlow/Barlow-Light.svg#Barlow-Light') format('svg');
    font-weight: 300;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: 'Barlow';
    src: url('../fonts/barlow/Barlow-LightItalic.eot');
    src: url('../fonts/barlow/Barlow-LightItalic.eot?#iefix') format('embedded-opentype'),
        url('../fonts/barlow/Barlow-LightItalic.woff2') format('woff2'),
        url('../fonts/barlow/Barlow-LightItalic.woff') format('woff'),
        url('../fonts/barlow/Barlow-LightItalic.ttf') format('truetype'),
        url('../fonts/barlow/Barlow-LightItalic.svg#Barlow-LightItalic') format('svg');
    font-weight: 300;
    font-style: italic;
    font-display: swap;
}

@font-face {
    font-family: 'Barlow';
    src: url('../fonts/barlow/Barlow-MediumItalic.eot');
    src: url('../fonts/barlow/Barlow-MediumItalic.eot?#iefix') format('embedded-opentype'),
        url('../fonts/barlow/Barlow-MediumItalic.woff2') format('woff2'),
        url('../fonts/barlow/Barlow-MediumItalic.woff') format('woff'),
        url('../fonts/barlow/Barlow-MediumItalic.ttf') format('truetype'),
        url('../fonts/barlow/Barlow-MediumItalic.svg#Barlow-MediumItalic') format('svg');
    font-weight: 500;
    font-style: italic;
    font-display: swap;
}


@font-face {
    font-family: 'antonregular';
    src: url('../fonts/anton/anton-regular.eot');
    src: url('../fonts/anton/anton-regular.eot?#iefix') format('embedded-opentype'),
         url('../fonts/anton/anton-regular.woff2') format('woff2'),
         url('../fonts/anton/anton-regular.woff') format('woff'),
         url('../fonts/anton/anton-regular.ttf') format('truetype'),
         url('../fonts/anton/anton-regular.svg#antonregular') format('svg');
    font-weight: normal;
    font-style: normal;
}

/* --------------------------------------------------------
          BODY
-------------------------------------------------------- */

body {
  font-size: 16px;
  line-height: 1.7em;
  font-family: 'Barlow', Arial, Helvetica, sans-serif;
}

@media (min-width: 992px) {
  body.garagesdesign {
   font-size: 18px;
   line-height: 1.9em;
  }
  body.garagesdesign .priceTable {
   font-size: 16px;
  }
}
@media (max-width: 992px) {
  body {
   font-size: 16px;
   line-height: 1.7em;
  }
}

u {
  text-decoration: none;
  border-bottom: 3px currentColor dashed;
}


/* hide h2 in glossar list */
#c172 h2 {display: none}

/* hide h2 in glossar detail */
#c174 h2,
.dpnglossary.details dt,
.dpnglossary.details dd > strong,
.section-glossary-detail .col-md-12 > h2,
.section-glossary-detail .dpnglossary.details dt,
.section-glossary-detail .dpnglossary.details dd > strong,
.section-glossary-detail .dpnglossary.details dd.media
{
  display: none
}
.dpnglossary.details + a {
  border-radius: 20px;
  -moz-border-radius: 20px;
  -webkit-border-radius: 20px;
  border-radius: 20px;
  padding: 10px 35px;
  line-height: 1.3em;
  font-family: 'Barlow', Arial, Helvetica, Verdana, sans-serif;
  font-weight: normal;
  text-transform: none;
  letter-spacing: 0;
  font-size: 15px;
  background-color: #F79323;
  min-width: 100px;
  color: #fff;
  display: inline-block;
  margin-top: 20px;
  position: relative;
  left: 50%;
  -webkit-transform: translate(-50%, 0);
  -ms-transform: translate(-50%, 0);
  -o-transform: translate(-50%, 0);
  transform: translate(-50%, 0);
}
.dpnglossary.details + a:hover {
  background: #ddd;
  color: #333;
  text-decoration: none;
}

/*
p,
.twocolumns 
{
  text-align: justify;
}
h1, h2, h3, h4, h5, h6,
p,
.twocolumns 
{
  -webkit-hyphens: auto;
  -webkit-hyphenate-limit-chars: auto 3;
  -webkit-hyphenate-limit-lines: 4;
  -ms-hyphens: auto;
  -ms-hyphenate-limit-chars: auto 3;
  -ms-hyphenate-limit-lines: 4;
  hyphens: auto;
  hyphenate-limit-chars: auto 3;
  hyphenate-limit-lines: 4;
}
*/
/* Left, center, right and justify alignment of text in block elements*/
p.align-left, td.align-left, th.align-left, h1.align-left, h2.align-left, h3.align-left, h4.align-left, h5.align-left, h6.align-left, div.align-left, address.align-left { text-align: left; }
p.align-center, td.align-center, th.align-center, h1.align-center, h2.align-center, h3.align-center, h4.align-center, h5.align-center, h6.align-center, div.align-center, address.align-center { text-align: center; }
p.align-right, td.align-right, th.align-right, h1.align-right, h2.align-right, h3.align-right, h4.align-right, h5.align-right, h6.align-right, div.align-right, address.align-right { text-align: right; }
p.align-justify, td.align-justify, th.align-justify, h1.align-justify, h2.align-justify, h3.align-justify, h4.align-justify, h5.align-justify, h6.align-justify, div.align-justify, address.align-justify { text-align: justify; }

/* Two frame examples taken from the example CSS file of CSS Styled Content extension and applied to p and table block elements.*/
p.csc-frame-frame1, table.csc-frame-frame1 { background-color: #EDEBF1; padding: 2px 4px 2px 4px; border: 1px solid #333333; }
p.csc-frame-frame2, table.csc-frame-frame2 { background-color: #F5FFAA; padding: 2px 4px 2px 4px; border: 1px solid #333333; }


.ce-bodytext {
  margin-top: 20px;
  margin-bottom: 20px;
}

/************************************************
    - SOME CAPTION MODIFICATION AT START  -
*************************************************/
.tp-simpleresponsive .caption,
.tp-simpleresponsive .tp-caption 
{
  -webkit-font-smoothing: inherit !important;
}

#slider .tp-caption p {
  font-size: 1.3em;
}
span.h,
a script
{
  display: none;
}
.ratatat:before { 
  content: '@';  
}
/* PreLoader */
#preloader {
  position: fixed;
  z-index: 100001;
  width: 100%;
  height: 100%;
  background-image: none;
  background-color: #111;
  visibility: hidden;
  display: none;
}
#preloader2 {
  position: fixed;
  z-index: 100002;
  width: 100%;
  height: 100%;
  background-position: center;
  background-repeat: no-repeat;
/*
  background-image: url('../Images/Frontend/Infinity.gif');
*/
  background-image: url('../Images/Frontend/dual-ball-1s-200px.svg');
  background-size: 71px auto;
  background-color: #111;
}

.themarketeers #preloader2 {
  background-image: url('../Images/Frontend/dual-ball-1s-200px-marketeers.svg');
}

.tp-loader.spinner0 {
  background-color: #111;
  background-repeat: no-repeat;
  background-position:  center center;
}
/* dont show second loader spinner */
#slider .tp-loader.spinner0 {
  display: none ! important; 
  visibility: hidden;
  opacity: 0;
}
#slider .tp-bannertimer {visibility: visible ! important; }
#slider .tp-bannertimer {
  height: 5px;
/*
  bottom: 0px;
  top: auto;
*/
}
/*
#slider .fullwidthbanner-container .tp-bgimg {
  background-size: 100% cover ! important;
}
*/
.custom-font-1,
.overlay h1
{
  font-family: 'Barlow', Arial, Helvetica, Verdana, sans-serif;
  font-size: 3.6em;
  font-weight: 300;
  text-transform: uppercase;
}

body.themarketeers .overlay h1 {
  font-family: 'antonregular','Open Sans', sans-serif;
}
@media (max-width: 680px) {
  .custom-font-1,
  .overlay h1
  {
    font-size: 2.2em;
  }
}

.carousel-overlay {
  position: absolute;
  bottom: 0px;
  left: 0;
  right: 0;
  height: 44px;
  z-index: 99;
  overflow: hidden;
}
.carousel-overlay svg {
  display: block;
  width: 3200px;
  height: 44px;
  position: absolute;
  top: 0;
  left: 50%;
  -webkit-transform: translateX(-50%);
  transform: translateX(-50%);
}

@media (min-width: 992px)  {
  .fullpage .fullwidthbanner-container {
    height: 100vh ! important
  }
}
/* iPhone XS */
@media only screen 
    and (device-width : 375px) 
    and (device-height : 812px) 
    and (-webkit-device-pixel-ratio : 3) { 
      #slider .fullwidthbanner-container {
        max-height: 500px ! important;
      }
}

/* 2688x1242px at 458ppi */
@media only screen 
    and (device-width : 414px) 
    and (device-height : 896px) 
    and (-webkit-device-pixel-ratio : 3) { 
      #slider .fullwidthbanner-container {
        max-height: 600px ! important;
      }
}

/* 1792x828px at 326ppi */
@media only screen 
    and (device-width : 414px) 
    and (device-height : 896px) 
    and (-webkit-device-pixel-ratio : 2) { 
    
}
#slider .custom-font-1,
#slider .custom-font-2,
#slider a.dpnglossary,
#subheader h1
{
  text-shadow: 0px 1px 3px rgba(0, 0, 0, 0.6), 0px 0px 20px rgba(0, 0, 0, 0.3), 0px 0px 35px rgba(0, 0, 0, 0.1);
}
#slider a.dpnglossary {
  color: #fff;
}
#slider .custom-font-2 {
  margin-top: 1.0em;
}
.custom-font-2 {
  font-family: 'Barlow', Arial, Helvetica, Verdana, sans-serif; 
  font-weight: 300;
  font-size: 1.5em;
}

body.themarketeers .custom-font-2 
{
  font-family: 'antonregular','Open Sans', sans-serif;
}

.garagesdesign #slider .custom-font-1 h1,
.garagesdesign #slider .custom-font-2 p {
/*
  max-width: 500px !important;
    white-space: normal !important;
*/
}
.garagesdesign #slider .custom-font-1 h1 {
  font-style: italic;
  font-weight: 900;
}



.slotholder {
  position: relative;
}
#slider .slotholder:before {
  content: ' ';
  position: absolute;
  top: 0;
  left: 0;
  height: 100%;
  width: 100%;
  background: #1F2227;
  background: -moz-linear-gradient(top,rgba(31,34,39,0.7) 0%,rgba(31,34,39,0.7) 70%,#1f2227 100%);
  background: -webkit-linear-gradient(top,rgba(31,34,39,0.7) 0%,rgba(31,34,39,0.7) 70%,#1f2227 100%);
  background: linear-gradient(to bottom,rgba(31,34,39,0.7) 0%,rgba(31,34,39,0.7) 70%,#1f2227 100%);
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#b31f2227',endColorstr='#1f2227',GradientType=0);
  z-index: 1;
  opacity: 0.27;
}

section.light-text:after {
  display: block;
  position: relative;
  z-index: 1;
  width: 100%;
  height: 100%;
  background-color: rgb(0,0,0,0.5);
}


#content section {
  position: relative;
  background-attachment: scroll;
}
/* fixed bg images in sections */
@media (min-width: 992px)  {
  #content section {
    background-attachment: fixed;
  }
}


section {
  background: transparent;
}
section.box-container,
.container-fluid section.section-default {
  padding: 0;
}

.padding {
  padding-top: 40px;
  padding-bottom: 40px;
}
.no-gutter {}

.center-block {
  text-align: center;
  margin-bottom: 1.0em;
}



/* --------------------------------------------------------
          CE IMG LEFT SEO GREY
-------------------------------------------------------- */
.media-left,
.media-right {
  position: relative;
  z-index: 9;
}
.side-bg .image-container {
  z-index: 9;
}
.side-bg .container {
  width: 100%;
}

@media (min-width: 992px) {
  .side-bg .container .col-md-5 {
    width: 45%;
  }
  .side-bg .pull-right + .container .col-md-5 {
    padding-left: 60px;
  }
  .side-bg .pull-right {
    padding-right: 60px;
  }

  .large-img,
  .large-img2
  {
    padding-top: 60px;
    padding-bottom: 60px;
  }
  .large-img .media,
  .large-img2 .media
  {
    display: table;
    border-collapse: collapse; 
    width: 100%;
  }
  .large-img .media-left,
  .large-img .media-right,
  .large-img2 .media-left,
  .large-img2 .media-right
  {
    display: table-cell;
    width: 50%;
  }
  .img-left .media-body,
  .img-right .media-body
  {
    padding-left: 15px;
    padding-right: 15px;
    width: 570px;
    height: 100%;
    display: table-cell;
    vertical-align: middle;
  }
  .img-left .media-body > span,
  .img-right .media-body  > span
  {
    display: inline-block;
    width: 70%;
  }
  .large-img .media-left img {
    position: relative;
    left: -110px;
  }
  .large-img .media-right img {
    position: relative;
    right: -110px;
  }

  .img-right .media-body > span {
    position: relative;
    float: right;
  }
}

@media (max-width: 992px)  {
  .media-body {
    width: 100%;
  }
  .media-left,
  .media-right
  {
    display: block;
    margin: 0;
    margin-bottom: 25px;
    text-align: center;
  }
  .custom-font-2 {display: none;}
  .custom-font-1 {
    font-size: 3.5em;
    width: 90%;
  }
  section.side-bg {
    padding-top: 0;
    padding-bottom: 30px;
  }
  section {
    padding: 30px 0 30px 0;
  }
  /* display absolute positioned images */
  .side-bg .image-container {
    display: block;
    height: 100%;
    width: 100%;
    overflow: inherit;
    position: relative;
  }
  .side-bg .background-image {
    float: none ! important;
    padding-top: 50%;
    position: relative;
  }
  
}

.large-img img,
.large-img2 img
{
  width: 100%;
  max-width: 100%;
  height: auto;
}
#content .large-img h3,
#content .large-img2 h3 
{
  font-size: 2.4em;
}

/* --------------------------------------------------------
          FONT COLORS  
-------------------------------------------------------- */

a,
header .social a:hover,
.date-box,
.expand .title:before,
.feature-box i,
h2 strong,
.custom-col-3 i:hover,
.news-item .fa,
.hover .btn-view-details,
.social-icons i:hover,
.pagination li a,
.team-social-icons i
{
  color: #F79323;
}

.garagesdesign .team-social-icons {
  display: none;
}
.garagesdesign section.no-padding {

}

#mainmenu li a:hover,
#mainmenu li:hover a,
#mainmenu li.active > a 
{
/*
  color: #F79323;
  color: #a6dae1;
*/
  color: #29a4b5;
}
a.bread_link_small {
  text-decoration: none;
}

.themarketeers #mainmenu li a:hover,
.themarketeers #mainmenu li:hover a,
.themarketeers #mainmenu li:active a,
.themarketeers #mainmenu li:focus a,
.themarketeers #mainmenu li:focus-visible a,
.themarketeers #mainmenu li.active > a,
.themarketeers header .social a:hover,
.themarketeers header .social a:focus,
.themarketeers a.bread_link_small:hover,
.themarketeers a.bread_link_small:focus,
.themarketeers a.bread_link_small.active
{
  color: #C1FF72;
}



a:hover {
  color: #222;
}
.light-text p a {
  text-decoration: underline;
}
.light-text p a:hover {
  color: #F79323;
  text-decoration: none;
}
.light-text p a:hover,
footer a:hover {
  color: #fff;
}

.light-text p a:hover {
  text-decoration: none;
}
/* --------------------------------------------------------
          BACKGROUND COLORS  
-------------------------------------------------------- */
a.btn-slider,
.h-line,
#menu-btn,
.btn-custom,
.call-to-action,
.f_box,
.featured-box-pic .btn-custom,
.cta-form input[type=submit],
.small-border,
.tiny-border,
.timeline.custom-tl > li > .timeline-badge,
ul.progress li.active,
ul.progress li.beforeactive:before,
.testi-slider .flex-control-paging li a.flex-active,
#filters a.selected,
.content-group-1 .date-wrap .date,
#page-events, 
#page-blog,
#explore-1,
#explore-2,
.news-item .quote,
.ex-gallery .small-border,
.social-icons i,
.pagination li.active a,
.pagination li.active a:hover,
.icon-big
{
  background-color:#F79323;
}

.neongreen-bg .tiny-border,
.neongreen-bg a.btn-slider {
  background-color:#1a7986;
  color: #fff;
}


.garagesdesign a.btn-slider,
.garagesdesign .h-line,
.garagesdesign #menu-btn,
.garagesdesign .btn-custom,
.garagesdesign .call-to-action,
.garagesdesign .f_box,
.garagesdesign .featured-box-pic .btn-custom,
.garagesdesign .cta-form input[type=submit],
.garagesdesign .small-border,
.garagesdesign .timeline.custom-tl > li > .timeline-badge,
.garagesdesign ul.progress li.active,
.garagesdesign ul.progress li.beforeactive:before,
.garagesdesign .testi-slider .flex-control-paging li a.flex-active,
.garagesdesign #filters a.selected,
.garagesdesign .content-group-1 .date-wrap .date,
.garagesdesign #page-events, 
.garagesdesign #page-blog,
.garagesdesign #explore-1,
.garagesdesign #explore-2,
.garagesdesign .news-item .quote,
.garagesdesign .ex-gallery .small-border,
.garagesdesign .social-icons i,
.garagesdesign .pagination li.active a,
.garagesdesign .pagination li.active a:hover,
.garagesdesign .icon-big
{
  background-color: #29a4b5;
}
.garagesdesign .tiny-border {
  background-color: transparent;
}

.themarketeers a.btn-slider,
.themarketeers .h-line,
.themarketeers #menu-btn,
.themarketeers .btn-custom,
.themarketeers .call-to-action,
.themarketeers .f_box,
.themarketeers .featured-box-pic .btn-custom,
.themarketeers .cta-form input[type=submit],
.themarketeers .small-border,
.themarketeers .tiny-border,
.themarketeers .timeline.custom-tl > li > .timeline-badge,
.themarketeers ul.progress li.active,
.themarketeers ul.progress li.beforeactive:before,
.themarketeers .testi-slider .flex-control-paging li a.flex-active,
.themarketeers #filters a.selected,
.themarketeers .content-group-1 .date-wrap .date,
.themarketeers #page-events, 
.themarketeers #page-blog,
.themarketeers #explore-1,
.themarketeers #explore-2,
.themarketeers .news-item .quote,
.themarketeers .ex-gallery .small-border,
.themarketeers .social-icons i,
.themarketeers .pagination li.active a,
.themarketeers .pagination li.active a:hover,
.themarketeers .icon-big
{
  background-color:#062711;
}

.garagesdesign #menu-btn {
  background-color: transparent;
}

.light-border {
  background-color:#d4f2f5;
}
.owl-theme .owl-controls .owl-page span {
    background: #555 !important;
}
.orange-bg .owl-theme .owl-controls .owl-page span,
.turquoise-bg .owl-theme .owl-controls .owl-page span,
.gold-bg .owl-theme .owl-controls .owl-page span,
.britishracing-bg .owl-theme .owl-controls .owl-page span
{
  background: #fff !important;
}

.logo-carousel {}
.logo-carousel .owl-item {
  text-align: center;
}
.logo-carousel img {
  width: auto;
  height: auto;
  max-width: 100%;
  max-height: 125px;
  -webkit-transition: all 0.25s ease-in-out;
  -moz-transition: all 0.25s ease-in-out;
  -ms-transition: all 0.25s ease-in-out;
  -o-transition: all 0.25s ease-in-out;
  transition: all 0.25s ease-in-out;
}

.grey-bg {
  background-color: #eee;
}
.black-bg {
  background: #11161a;
  color: #fff;
}

.deepblack-bg {
  background: #000;
  color: #fff;
}

.black-full {
  z-index: 10;
}
.black-full .col-md-3 {
  padding-right: 0px;
  padding-left: 0px;
}
.black-bg *,
.black-bg a,
.black-bg a:hover
{
  color: #fff;
}
.black-bg input.powermail_input,
.black-bg textarea.powermail_textarea
{
  color: #111;
}
.black-bg .table-striped > tbody > tr:nth-of-type(odd) {
  background-color: transparent;
}
.black-bg .table-hover > tbody > tr:hover {
  background-color: transparent;
}
.black-bg a:hover {color: #F79323;}

.parallax.black-bg.hasImage::before {
  content: ' ';
  position: absolute;
  top: 0; 
  left: 0;
  width: 100%; 
  height: 100%;
  background-color: #111;
  opacity: .7;
  z-index: -1;
}
.garagesdesign .parallax.black-bg.hasImage::before {
   opacity: .5; 
}
.garagesdesign .parallax.black-bg {
  background-repeat: repeat !important;
  background-size: initial !important;
}

.black-bg h2 {
  font-size: 40px;
}

.black-bg span.h3 {
  font-size: 34px;
}

.black-bg .accordion.style-2 {
  margin-top: 30px;
}

.black-bg .accordion a.NoneActive {
  padding-right: 30px;
}
.black-bg .accordion.style-2 li {
  background: transparent;
  border-color: rgba(255,255,255,0.7);
  border-left-width: 0;
  border-right-width: 0;
  border-bottom-width: 0;
  padding-top: 10px;
  -webkit-transition: all 0.25s ease-in-out;
  -moz-transition: all 0.25s ease-in-out;
  -ms-transition: all 0.25s ease-in-out;
  -o-transition: all 0.25s ease-in-out;
  transition: all 0.25s ease-in-out;
}
.black-bg .accordion.style-2 li:hover {
  border-color: rgba(255,255,255,1.0);
}
.black-bg .accordion.style-2 li a.accordion-link {
  line-height: 1.3em;
  font-size: 1.4em;
  font-weight: 600;
}

@media (max-width : 414px)
    and (max-height : 960px)
    and (orientation: portrait)
    { 
      .black-bg .accordion.style-2 li a.accordion-link {
        font-size: 1.4em;
      }
}

.black-bg .accordion.style-2 li a.accordion-link::before {
  content: "\2b";
  color: rgba(255,255,255,0.8);
  top: 10px;
  right: 0;
  -webkit-transform: none;
  -ms-transform: none;
  -o-transform: none;
  transform: none;
}
.black-bg .accordion.style-2 li a.accordion-link i {
  display: none;
}
@media (min-width: 992px) {
  .black-bg .accordion.style-2 li .content {
    padding-right: 80px;
    font-size: 1.3em; 
  }
}
.themarketeers .black-bg a {
  color: rgba(255,255,255,0.8);
}
.themarketeers .black-bg a:hover {
  color: rgba(255,255,255,0.8);
  color: rgba(255,255,255,1.0);
}
.themarketeers .black-bg h2 {
  font-size: 3.5em;
}


.beige-bg {
  background-color: #E6E6DD;
  color: #062711;
  padding: 60px;
}
.neongreen-bg {
  background-color: #C1FF72;
  color: rgba(0,0,0,1.0);
  padding: 60px;
}
.sdesign .neongreen-bg {
  background-color: #79C5CF;
}
.bluegradient-bg .tiny-border,
.bluegradient-bg a.btn {
  background-color: #fff;
  color: #062711;
}
.bluegradient-bg .tiny-border {
  display: none;
}
.bluegradient-bg a {
  text-decoration: underline;
}
.bluegradient-bg a.btn {
  text-decoration: none;
}
.bluegradient-bg a.btn:hover {
/*
  background: linear-gradient(180deg, #5ce1e6 0%, transparent 100%);
  background: linear-gradient(180deg, #29a4b5 40%, #29a4b5 100%);
*/
  background-color: #29a4b5;
  border-color: #29a4b5;
    box-shadow: 
        0 0 15px rgba(0, 212, 255, 0.6), 
        inset 0 0 10px rgba(0, 212, 255, 0.4);
  
  color: #fff !important;
}

.bluegradient-bg a:hover {
  text-decoration: none;
  color: #fff !important;
}
.bluegradient-bg *,
.bluegradient-bg ul.styledlist li::before {
  color: #e1eff0;
}

.bluegradient-bg p {
  font-size: 1.5em;
  line-height: 1.6em;
}
.bluegradient-bg ul.styledlist li {
  font-size: 1.3em;
}
section.bluegradient-bg::before {
  content: "";
  position: absolute;
  inset: 0;
  background-image: url('/typo3conf/ext/mw_starterkit/Resources/Public/Images/Frontend/noise.png'); /* Ein kleines transparentes Rausch-PNG */
  opacity: 0.03; /* Ganz wichtig: Fast unsichtbar halten! */
  pointer-events: none;
}
.bluegradient-bg h2 {
  text-transform: uppercase; /* oder uppercase fŸr noch mehr Tech-Vibe */
  letter-spacing: 0.5px;
  position: relative;
  display: inline-block;
  margin-bottom: 30px;
  
  background: linear-gradient(180deg, #e1eff0 40%, #A5F3FC 100%);
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
  filter: drop-shadow(0 0 10px rgba(0, 242, 254, 0.2)); /* Subtiler Glow */
}

/* Die neue "Laser-Linie" statt des dicken Borders */
.bluegradient-bg h2::after {
  content: "";
  position: absolute;
  bottom: -10px;
  left: 0;
  width: 250px; /* Schšn lang ziehen */
  height: 1px;  /* HauchdŸnn! */
  background: linear-gradient(90deg, #5ce1e6 0%, transparent 100%);
}
/*
.garagesdesign .parallax.black-bg,
.garagesdesign .bluegradient-bg 
{
  margin-top: -60px;
  margin-bottom: -60px;
  padding: 100px 0;
  
  clip-path: polygon(0 15%, 100% 0, 100% 85%, 0 100%);
  
  position: relative;
  z-index: 5;
}

.garagesdesign .parallax.black-bg,
.garagesdesign .bluegradient-bg::before {
  content: "";
  position: absolute;
  top: 0; left: 0; width: 100%; height: 5px;
  background: rgba(0,0,0,0.2);
  transform: translateY(15%);
  pointer-events: none;
}
*/
.tiny-border {
  width: 250px; /* Schšn lang ziehen */
  height: 1px;  /* HauchdŸnn! */
  background-color: transparent;
  background: linear-gradient(90deg, #5ce1e6 0%, transparent 100%);
}

#content .bluegradient-bg h1,
#content .bluegradient-bg h2 {
  font-size: 3.0em;
  font-weight: 500;
  margin: 0;
  margin-bottom: 0.2em;
}
#content .bluegradient-bg h3.subheader,
#content .bluegradient-bg h4 
{
  font-size: 1.9em;
  background: linear-gradient(180deg, #e1eff0 40%, #A5F3FC 100%);
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
  filter: drop-shadow(0 0 10px rgba(0, 242, 254, 0.2)); /* Subtiler Glow */
}
#content h3 .important {
  font-size: 1.5em;
}

.bluegradient-bg {
  position: relative;
  background: #3c858c; /* Dunkler Hintergrund als Basis */
  padding: 100px 50px;
  overflow: hidden;
  padding: 60px;
}

div.aurora-content 
{
  position: relative;
  z-index: 1;
}


.aurora-bg {
  position: absolute;
  top: 0; left: 0; right: 0; bottom: 0;
  z-index: 0;
  /* Drei "Farblichter", die sich mischen */

  background: 
    radial-gradient(circle at 20% 30%, rgba(0, 242, 254, 0.4) 0%, transparent 40%),
    radial-gradient(circle at 80% 70%, rgba(112, 0, 255, 0.3) 0%, transparent 40%),
    radial-gradient(circle at 50% 50%, rgba(79, 172, 254, 0.2) 0%, transparent 50%);

    /* 1. Das helle Cyan (Lichtquelle oben links) */
    /* 2. ERSATZ F†R LILA: Ein tiefes Indigo-Petrol (Schatten/Tiefe unten rechts) */
    /* 3. Ein sanftes Mittelblau (Verbindung in der Mitte) */
/*
background-image: 
    radial-gradient(circle at 20% 30%, rgba(0, 242, 254, 0.4) 0%, transparent 45%),
    radial-gradient(circle at 80% 70%, rgba(32, 65, 84, 0.6) 0%, transparent 50%),
    radial-gradient(circle at 50% 50%, rgba(0, 115, 133, 0.2) 0%, transparent 60%);
*/
  filter: blur(80px); /* Der Weichzeichner macht den Look */
}

.bluegradient-bg h1,
.bluegradient-bg h2,
.bluegradient-bg h3,

@keyframes shine {
  to {
    background-position: 200% center;
  }
}
.neongreen-bg a {
  color: rgba(0,0,0,1.0);
}
.neongreen-bg a:hover {
  text-decoration: none;
}
@media (min-width: 992px) {
  .beige-bg,
  .neongreen-bg
  {
    padding: 150px 60px 60px 60px;
  }
  .bluegradient-bg
  {
    padding: 60px 60px 60px 60px;
  }
  .themarketeers .beige-bg,
  .themarketeers .neongreen-bg
  {
    height: 100vh;
    padding: 0 80px 0 80px;
    display: flex;
    width: 100%;
    align-content: center;
    justify-content: center;
    flex-direction: column;
  }
  .beige-bg.frame-12,
  .neongreen-bg.frame-12,
  .bluegradient-bg.frame-12
  {
    padding-right: 25%;
  }
  .beige-bg.frame-11,
  .neongreen-bg.frame-11,
  .bluegradient-bg.frame-11
  {
    padding-left: 25%;
    text-align: right;
  }
}



@media (min-width: 1200px) {
  .sdesign .neongreen-bg,
  .sdesign .bluegradient-bg 
  {
    padding: 60px 60px 60px 60px;
  }
  .sdesign .neongreen-bg > div,
  .bluegradient-bg > div {
    max-width: 1170px;
    padding-right: 15px;
    padding-left: 15px;
    margin-right: auto;
    margin-left: auto;
  }
  .sdesign .bluegradient-bg > div {
    max-width: 1000px;
  }
  .section-default .container
  {
    max-width: 1020px;
  }
}
@media (max-width : 414px)
    and (max-height : 960px)
    and (orientation: portrait)
    { 
  .beige-bg,
  .neongreen-bg,
  .bluegradient-bg
  {
    padding: 30px;
  }
  .beige-bg .container,
  .neongreen-bg .container,
  .bluegradient-bg .container {
    padding: 0;
  }
  section.fullheight,
  section.black-bg
  {
    padding: 30px 0;
  }
  section.fullheight > .container,
  section.black-bg > .container
  {
    width: 100%;
  }
}
@media (max-width : 850px)
    and (max-height : 450px)
    and (orientation: landscape)
    { 
  .beige-bg,
  .neongreen-bg,
  .bluegradient-bg
  {
    padding: 30px;
  }
  section.fullheight,
  section.black-bg
  {
    padding: 30px 0;
  }
  section.fullheight > .container,
  section.black-bg > .container
  {
    width: 100%;
  }
  #content section .col-md-4 {
    width: 33.33333%;
    float: left;
  }
  .team-profile {
    margin-right: 20px;
  }
}


#content .beige-bg h1,
#content .beige-bg h2,
#content .neongreen-bg h1,
#content .neongreen-bg h2
{
  font-size: 3.0em;
  font-weight: 500;
  color: #062711;
  margin: 0;
  margin-bottom: 0.2em;
}

@media (max-width: 768px) {
  #content .beige-bg h1,
  #content .beige-bg h2,
  #content .neongreen-bg h1,
  #content .neongreen-bg h2,
  #content .bluegradient-bg h1,
  #content .bluegradient-bg h2,
  #content .beige-bg h1,
  #content .beige-bg h2,
  #content .neongreen-bg h1,
  #content .neongreen-bg h2,
  #content .fullheight h1,
  #content .fullheight h2,
  .themarketeers #content .black-bg h2
  {
    font-size: 2.5em;
  }
}
@media only screen 
    and (max-width : 414px) 
    and (max-height : 960px) 
    and (orientation: portrait)
    { 
  #content .beige-bg h1,
  #content .beige-bg h2,
  #content .neongreen-bg h1,
  #content .neongreen-bg h2,
  #content .bluegradient-bg h1,
  #content .bluegradient-bg h2,
  #content .beige-bg h1,
  #content .beige-bg h2,
  #content .neongreen-bg h1,
  #content .neongreen-bg h2,
  #content .fullheight h1,
  #content .fullheight h2,
  .themarketeers #content .black-bg h2
  {
    font-size: 2.0em;
  }
  #content .bluegradient-bg h3.subheader,
  #content .bluegradient-bg h4 {
    font-size: 1.7em;
  }
}

#content .neongreen-bg h1,
#content .neongreen-bg h2,
#content .neongreen-bg h3,
#content .neongreen-bg h4,
#content .neongreen-bg h5
{
  color: rgba(0,0,0,1.0);
}
.beige-bg p,
.neongreen-bg p
{
  color: #062711;
  font-size: 1.5em;
  line-height: 1.6em;
}
.neongreen-bg p {
  color: rgba(0,0,0,1.0);
}

/* --------------------------------------------------------
          LOGO
-------------------------------------------------------- */
#logo img {
  width: 180px; 
  height: 60px;
}
#logo a:focus 
{
  -webkit-user-select: none;
  -khtml-user-select: none;
  -moz-user-select: none;
  -o-user-select: none;
  user-select: none;
    outline: none;
}

#logo .inner {
    display: table-cell;
    vertical-align: middle;
    height: 60px;
}
#logo {
  background: url('../Images/Frontend/sdesign-logo.png') no-repeat 0 0;
  background-size: 180px auto;
  width: 180px; 
  height: 60px;
  margin-top: 32px;
  -webkit-transition: all 0.5s ease-in-out;
  -moz-transition: all 0.5s ease-in-out;
  -ms-transition: all 0.5s ease-in-out;
  -o-transition: all 0.5s ease-in-out;
  transition: all 0.5s ease-in-out;
}
body.garagesdesign #logo {
  margin-top: 10px;
  background-image: url('/fileadmin/garage/sdesign-garage-logo.png');
  background-size: 260px auto;
  width: 260px; 
  height: 86px;
}
body.garagesdesign #logo img {
  width: 260px; 
  height: 86px;
}
body.garagesdesign .mainheader .container {
  width: 100%;
  max-width: 1170px;
}
/* --------------------------------------------------------
          VIDEO IN HEADER
-------------------------------------------------------- */
#stage {
  position: relative;
  z-index: 10;
  background: #fff;
}
#stage .media {
  margin: 0;
  padding: 0;
  height: 100vh;
}
#stage .media video {
  width: 100%;
  height: auto;
}
#stage .video-autoplay {
  pointer-events: none;
}

@media (max-width: 992px) {
  #stage video {
    vertical-align: top;
  }
  #stage .media {
    height: auto;
  }
  #stage .video-autoplay {
    width: 100%;
  }
  #stage .center-block {
    margin: 0;
  }
}

@media only screen
  and (min-width : 1024px)
  and (max-width : 1368px)
  { 
  #stage video {
    vertical-align: top;
  }
  #stage .media {
    height: auto;
  }
  #stage .video-autoplay {
    width: 100%;
  }
  #stage .center-block {
    margin: 0;
  }
  .themarketeers .beige-bg, .themarketeers .neongreen-bg {
    min-height: 50vh;
    height: auto;
    padding: 60px 30px;
  }
  .beige-bg p, .neongreen-bg p {
    font-size: 1.8em;
  }
  #content .beige-bg h1,
  #content .beige-bg h2,
  #content .beige-bg h3,
  #content .beige-bg h4,
  #content .beige-bg h5,
  #content .neongreen-bg h1,
  #content .neongreen-bg h2,
  #content .neongreen-bg h3,
  #content .neongreen-bg h4,
  #content .neongreen-bg h5 
  {
    font-size: 3.0em;
  }
  #content .fullheight h1,
  #content .fullheight h2,
  #content .fullheight h3,
  #content .fullheight h4,
  #content .fullheight h5,
  #content .fullheight h6,
  .themarketeers #content .black-bg h2
  {
    font-size: 3.0em;
  }
  #content .fullheight {
    height: 50vh;
  }
  #content .container {
    width: 100%;
  }
}


body.themarketeers #logo {
  background-image: url('/fileadmin/marketeers/assets/marketeers-logo-wh.svg');
  background-size: 320px 75px;
  width: 320px; 
  height: 75px;
}
body.themarketeers #logo img {
  width: 320px; 
  height: 75px;
}


/* --------------------------------------------------------
          SUBHEADER
-------------------------------------------------------- */
#subheader {
  position: relative;
  background-size: cover !important;
  background-position: center center !important;
  background-color: #fff;
  background-repeat: no-repeat;
  text-align: center;
  padding: 0;
  height: 50vh;
  min-height: 500px;
}
@media (min-width: 1440px)  {
  #subheader {
    height: 63vh;
    min-height: 550px;
  }
}
.newssingle #subheader {
  background-size: contain !important;
  background-position: center 30px !important;
}
#subheader .col-md-12 {
  display: flex;
  flex-direction: column;
}
#subheader h1 {
  color: #fff;
  order: 2;
}
#suheader .small-border {
  order: 1;
}
#subheader h1 span {
  display: block;
  text-transform: none;
  margin-top: 10px;
  letter-spacing: 0;
}
#subheader h1 span + span {
  font-size: 48%;
  font-family: 'Barlow', Arial, Helvetica, Verdana, sans-serif;
  font-weight: 300;
}

body.themarketeers #subheader h1 span + span 
{
  font-family: 'antonregular','Open Sans', sans-serif;
}

#slider h1,
#slider .tp-caption p,
#subheader h1,
#slider .custom-font-1, 
#slider .custom-font-2, 
#slider a.dpnglossary,
.light-text.hasImage .container > .row > .text-center h1,
.light-text.hasImage .container > .row > .text-center h2,
.light-text.hasImage .container > .row > .text-center h3,
.light-text.hasImage .container > .row > .text-center h4,
.black-bg.hasImage > .container-fluid > .row > .text-center h1,
.black-bg.hasImage > .container-fluid > .row > .text-center h2,
.black-bg.hasImage > .container-fluid > .row > .text-center h3,
.black-bg.hasImage > .container-fluid > .row > .text-center h4
{
/* Der Text-Glow statt Schlagschatten */
    /* Erzeugt ein weiches Leuchten der Buchstaben in den Hintergrund hinein */
    text-shadow: 
        0 0 10px rgba(0, 212, 255, 0.8),
        0 0 20px rgba(0, 212, 255, 0.4);
}


.garagesdesign #slider .tp-caption p,
.garagesdesign #slider .custom-font-2, 
.garagesdesign #slider a.dpnglossary,
.garagesdesign .light-text.hasImage .container > .row > .text-center h2,
.garagesdesign .light-text.hasImage .container > .row > .text-center h3,
.garagesdesign .light-text.hasImage .container > .row > .text-center h4,
.garagesdesign .black-bg.hasImage > .container-fluid > .row > .text-center h2,
.garagesdesign .black-bg.hasImage > .container-fluid > .row > .text-center h3,
.garagesdesign .black-bg.hasImage > .container-fluid > .row > .text-center h4 {
    text-shadow: 
        0 0 10px rgba(0, 0, 0, 0.8),
        0 0 20px rgba(0, 0, 0, 0.4);
}
body.garagesdesign #content .bluegradient-bg h1,
body.garagesdesign #content .bluegradient-bg h2 
{
  font-style: italic;
  font-weight: 900;
}
.garagesdesign #slider h1,
.garagesdesign #slider .custom-font-1, 
.garagesdesign #slider .custom-font-2
{
  background: linear-gradient(
    to bottom,
    #ffffff 0%,    /* Strahlendes Wei§ oben */
    #f2f2f2 30%,   /* Hellgrau */
    #c5c5c5 50%,   /* Silber kurz vor der Kante */
    #a8a8a8 54%,   /* DER HORIZONT: Harte schwarze Kante */
    #c5c5c5 58%,   /* Dunkle Reflektion */
    #f2f2f2 80%,   /* Mittleres Grau */
    #ffffff 100%   /* Lichtkante unten */
  );
  background-clip: border-box;
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
  background-clip: text;
  line-height: 1.1;
  background-size: 100% 1.1em; /* 1.1em entspricht deiner line-height! */
  background-repeat: repeat-y;
  background-position: top left;
  padding-right: 10px;
  padding-bottom: 4px;
}
.garagesdesign #slider .custom-font-2 {
  filter: 
    /* 1. Ein Hauch von Lichtkante oben (dezenter) */
    drop-shadow(0 -0.5px 0 rgba(255,255,255,0.3)) 
    /* 2. Eine sehr feine, scharfe Outline fŸr die Lesbarkeit */
    drop-shadow(0.5px 0.5px 0px #000) 
    /* 3. Ein kurzer, weicher Schatten fŸr Tiefe (statt 4px nur 2px) */
    drop-shadow(2px 2px 2px rgba(0,0,0,0.8));
}

.garagesdesign #slider h1,
.garagesdesign #subheader h1,
.garagesdesign #slider .custom-font-1, 
.garagesdesign .light-text.hasImage .container > .row > .text-center h1,
.garagesdesign .black-bg.hasImage > .container-fluid > .row > .text-center h1
{
/*
    text-shadow: 
        0 0 10px rgba(0, 0, 0, 0.8),
        0 0 20px rgba(0, 0, 0, 0.4);
 */

  text-shadow: none;
  filter: drop-shadow(0 -1px 0 rgba(255,255,255,0.5)) drop-shadow(1px 1px 0px #000) drop-shadow(-1px -1px 0px #000) drop-shadow(4px 4px 2px rgba(0,0,0,0.9));
}
body.garagesdesign #content h1,
body.garagesdesign #content .h1,
body.garagesdesign #content h2,
body.garagesdesign #content .h2 {
  color: #6dd2da;
  text-transform: uppercase;
}
/**
  * Tafel
  */
  
/* Der Wrapper sorgt dafŸr, dass der Glow Platz hat */
.glow-board-wrapper {
  background: #11161a;
  padding: 120px 20px 60px 20px;
  background-image: url('/fileadmin/garage/bg-klemmbrett.jpg');
  background-size: cover;
  background-position: center;
  filter: drop-shadow(0 0 25px rgba(92, 225, 230, 0.4)); /* €u§erer Glow-Effekt */
}


.glow-board {
  position: relative;
  z-index: 10;
  background-color: #5ce1e6;
  padding: 60px;
  /* Die aggressive SchrŠge */
/*
  clip-path: polygon(5% 0%, 100% 0%, 95% 100%, 0% 100%);
*/
  /* 3D-Effekt: Eine dunkle Kante unten und heller Glanz oben */
  border-bottom: 6px solid rgba(0, 0, 0, 0.2);
  border-top: 2px solid rgba(255, 255, 255, 0.5);
  
  /* Innerer Schatten fŸr Tiefe */
/*
  box-shadow: inset 0 0 50px rgba(0, 0, 0, 0.1);
*/

  border: 1px solid rgba(255,255,255,0.4);
  
  box-shadow: 
    0 20px 50px rgba(0, 0, 0, 0.5), /* Schatten nach unten zum Background */
    inset 0 0 20px rgba(255, 255, 255, 0.3); /* Innerer Glanz */

  filter: drop-shadow(0 0 25px rgba(92, 225, 230, 0.4)); /* €u§erer Glow-Effekt */

  border-radius: 3px;

  min-height: 550px;
  display: flex;
  align-items: center;
  justify-content: center;
  text-align: center;
  
  max-width: 1170px;
  margin-left: auto;
  margin-right: auto;
}

.glow-board::before {
  content: "";
  position: absolute;
  top: 0; 
  left: 0; 
  right: 0; 
  bottom: 0;
  background-image: url('/fileadmin/garage/bg-klemmbrett.jpg');
  background-size: cover;
  background-position: center;
  
  /* HIER STEURST DU DIE OPACITY */
  opacity: 0.6; 
  
  z-index: 1; /* Legt das Bild hinter den Text */
  pointer-events: none; /* Verhindert, dass das Bild Klicks abfŠngt */
}
.board-content {
  position: relative;
  z-index: 9;
}
.board-content h2 {
  font-weight: 900;
  margin-bottom: 10px;
/*
  text-shadow: 0 0 3px rgba(0, 212, 255, 0.5), 0 0 20px rgba(0, 212, 255, 0.7), 0 0 40px rgba(0, 212, 255, 0.4);
*/
  color: #fff;
  text-shadow: 0 0 10px rgba(0,0,0,0.3), 0 0 5px rgba(92, 225, 230, 0.8);
  letter-spacing: 1px;
}
.board-content h3 {
/*
  text-shadow: 0 0 3px rgba(0, 212, 255, 0.5), 0 0 20px rgba(0, 212, 255, 0.7), 0 0 40px rgba(0, 212, 255, 0.4);
*/
  color: #fff;
  text-shadow: 0 0 10px rgba(0,0,0,0.3), 0 0 5px rgba(92, 225, 230, 0.8);
  letter-spacing: 1px;

  font-size: 1.9em;
}
body.garagesdesign #content .glow-board-wrapper h1,
body.garagesdesign #content .glow-board-wrapper .h1,
body.garagesdesign #content .glow-board-wrapper h2,
body.garagesdesign #content .glow-board-wrapper .h2,
.glow-board-wrapper * {
  color: #04181e;
  color: #fff;
}

/* Optionale Diagonale "HUD" Linien */
.glow-board::after {
  content: "";
  position: absolute;
  top: 0; left: 0; width: 100%; height: 100%;
  background: linear-gradient(135deg, transparent 45%, rgba(255,255,255,0.2) 50%, transparent 55%);
  background-size: 200% 200%;
  pointer-events: none;
}
.board-clamp {
  position: absolute;
  top: -70px; /* LŠsst sie oben Ÿberstehen */
  left: 50%;
  transform: translateX(-50%);
  width: 260px;
  height: 145px;
  z-index: 10;
  /* Beispiel fŸr einen "gefrŠsten" Look via CSS */

/*
  box-shadow: 0 10px 20px rgba(0,0,0,0.3);
  background: #ccc;
  background: linear-gradient(180deg, #eee 0%, #999 100%);
  border-radius: 4px;
*/

  filter: drop-shadow(0 5px 8px rgba(0,0,0,0.4));
  background-image: url('/fileadmin/garage/schnalle.png');
  background-repeat: no-repeat;
  background-size: cover;
  background-position: top;
}










#slider h1,
#slider .tp-caption p,
#subheader h1 span {
  color: #e0faff; /* Ganz zartes Cyan-Blau statt Reinwei§ */
  color: #fff; /* Ganz zartes Cyan-Blau statt Reinwei§ */
  margin-top: 0;
  padding-right: 25px;
  padding-left: 25px;
}

#subheader .overlay {
  height: 100%;
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
}


.light-text.hasImage .text-center {
  margin-bottom: 40px;
}


/*
@media (min-width: 1200px) {
  #subheader .overlay.poslefttop {
    justify-content: flex-start;
  }
  #subheader .overlay.poslefttop {
    text-align: left;
    padding-top: 100px;
  }
  #subheader .overlay.poslefttop h1 span {
    padding-left: 0;
    padding-right: 0;
  }
}
*/

#subheader:after {
  content: ' ';
  position: absolute;
  z-index: 10;
  bottom: 0;
  left: 0;
  width: 100%;
  height: 1px;
  -webkit-box-shadow: 0px -6px 41px -2px rgba(0,0,0,0.41);
  -moz-box-shadow: 0px -6px 41px -2px rgba(0,0,0,0.41);
  box-shadow: 0px -6px 41px -2px rgba(0,0,0,0.41);
}

@media (min-width: 992px)  {
  .newssingle #subheader {
    height: calc(100vh - 150px);
  }
  .newssingle #subheader .overlay {
    height: 100%;
  }
}


/* --------------------------------------------------------
          HEADER
-------------------------------------------------------- */

#mainmenu-container {
  font-family: 'Barlow', Arial, Helvetica, Verdana, sans-serif; 
  font-weight: normal;
  -webkit-transition: all 0.5s ease-in-out;
  -moz-transition: all 0.5s ease-in-out;
  -ms-transition: all 0.5s ease-in-out;
  -o-transition: all 0.5s ease-in-out;  
  transition: all 0.5s ease-in-out;
}
.themarketeers #mainmenu-container 
{
  font-family: 'antonregular','Open Sans', sans-serif;
}

/*
body.themarketeers #mainmenu-container {
  font-family: 'antonregular','Open Sans', sans-serif;
}
*/
header .social {
  -webkit-transition: all 0.5s ease-in-out;
  -moz-transition: all 0.5s ease-in-out;
  -ms-transition: all 0.5s ease-in-out;
  -o-transition: all 0.5s ease-in-out;  
  transition: all 0.5s ease-in-out;
}
header .social a {
  line-height: 75px;
  color: #fff;
}
/* correct header css in content */
#content header {
  position: relative;
  height: auto;
}
header.mainheader {
  width: 100%;
}
header.mainheader [class^="col-"] {
  padding: 0;
  margin: 0;
}

@media (min-width: 992px) {
  header.mainheader {
    position: fixed;
    width: 100%;
    -webkit-transition: all 0.5s ease-in-out;
    -moz-transition: all 0.5s ease-in-out;
    -ms-transition: all 0.5s ease-in-out;
    -o-transition: all 0.5s ease-in-out;  
    transition: all 0.5s ease-in-out;  
    display: block;
    height: 120px;
    /* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#ffffff+0,ffffff+100&0.75+0,0+100 */

    background: -moz-linear-gradient(to bottom,rgba(23, 31, 44, 0.5) 0%, rgba(23, 31, 44, 0.4) 50%, rgba(23, 31, 44, 0) 100%);
    background: -webkit-linear-gradient(to bottom,rgba(23, 31, 44, 0.5) 0%, rgba(23, 31, 44, 0.4) 50%, rgba(23, 31, 44, 0) 100%);
    background: linear-gradient(to bottom,rgba(23, 31, 44, 0.5) 0%, rgba(23, 31, 44, 0.4) 50%, rgba(23, 31, 44, 0) 100%);

    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#bfffffff', endColorstr='#00ffffff',GradientType=0 ); /* IE6-9 */
    z-index: 99;
  }

  header.mainheader .col-md-3 {
    padding-left: 30px;
    padding-left: 0;
  }
  header.mainheader .col-md-9 {
    padding-right: 15px;
    padding-right: 0;
  }
  body.garagesdesign header.mainheader .col-md-3 {
    padding-left: 30px;
  }
  body.garagesdesign header.mainheader .col-md-9 {
    padding-right: 15px;
  }
  
  body.fixed header.mainheader,
  body.fixed2 header.mainheader 
  {
    position: fixed;
    top: 0;
    height: 60px;
  }
  body.garagesdesign.fixed header.mainheader,
  body.garagesdesign.fixed2 header.mainheader
  {
    height: 90px;
    padding-left: 0px;
    padding-right: 0px;
  }
  body.fixed header.mainheader .social,
  body.fixed2 header.mainheader .social {
    margin-top: 0px;
  }
  body.fixed2 header.mainheader #mainmenu-container,
  body.fixed header.mainheader #mainmenu-container {
    margin-top: 0px;
  }
  
  body.garagesdesign.fixed2 header.mainheader #mainmenu-container,
  body.garagesdesign.fixed header.mainheader #mainmenu-container {
    margin-top: 25px;
  }
  body.fixed header.mainheader #logo,
  body.fixed2 header.mainheader #logo
  {
    background: url('../Images/Frontend/sdesign-logo.png') no-repeat 0 0;
    background-size: 130px auto;
    margin-top: 10px;
  }
  body.garagesdesign.fixed header.mainheader #logo,
  body.garagesdesign.fixed2 header.mainheader #logo
  {
    background-image: url('/fileadmin/garage/sdesign-garage-logo.png');
    background-size: 200px auto;
    margin-top: 10px;
  }
  body.themarketeers.fixed header.mainheader #logo,
  body.themarketeers.fixed2 header.mainheader #logo
  {
    background-image: url('/fileadmin/marketeers/assets/marketeers-logo-wh.svg');
    background-size: 220px auto;
    margin-top: 10px;
  }
  body.themarketeers #logo img {
    width: 220px;
    height: 52px;
  }
  #homepage header.mainheader {
    /* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#ffffff+0,ffffff+100&0.75+0,0+100 */
    background: -moz-linear-gradient(to bottom,rgba(23, 31, 44, 0.5) 0%, rgba(23, 31, 44, 0.4) 50%, rgba(23, 31, 44, 0) 100%);
    background: -webkit-linear-gradient(to bottom,rgba(23, 31, 44, 0.5) 0%, rgba(23, 31, 44, 0.4) 50%, rgba(23, 31, 44, 0) 100%);
    background: linear-gradient(to bottom,rgba(23, 31, 44, 0.5) 0%, rgba(23, 31, 44, 0.4) 50%, rgba(23, 31, 44, 0) 100%);
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#bfffffff', endColorstr='#00ffffff',GradientType=0 ); /* IE6-9 */
  }
  

  body#homepage.fixed header.mainheader,
  body#homepage.fixed2 header.mainheader,
  body.fixed header.mainheader,
  body.fixed2 header.mainheader 
  {
    background-color: rgba(23, 31, 44,0.9);
    box-shadow: 0 2px 10px rgba(23, 31, 44, 0.1);
  }
  body#homepage.fixed.themarketeers header.mainheader,
  body#homepage.fixed2.themarketeers header.mainheader,
  body.fixed.themarketeers header.mainheader,
  body.fixed2.themarketeers header.mainheader {
    background-color: rgba(23, 31, 44,0.9);
  }
  #homepage.garagesdesign header.mainheader,
  .garagesdesign header.mainheader,
  body.garagesdesign.fixed header.mainheader,
  body.garagesdesign.fixed2 header.mainheader
  {
    background-image: url('/fileadmin/garage/bg-nav-pattern.png');
    background-repeat: repeat;
    box-shadow: 0 10px 40px -10px rgba(0, 0, 0, 0.9);
    /* Ein schmaler, dunkler Rand unten verstŠrkt den Effekt */
    border-bottom: 1px solid rgba(255, 255, 255, 0.05);
  }  
  header.clone {display: none;}
  header.mainheader .col-md-9 {
    float: right;
    width: auto;
  }
  /* zwei spalten Ÿber blockformat und class */
  .twocolumns {
    width: 100%; 
    column-count: 2; 
    column-gap: 50px;
    margin-bottom: 20px;
  }
  .accordion .twocolumns {
    display: block ! important;
  }
  .accordion .twocolumns ul {
    margin: 0;
    padding: 0;
  }
  .accordion .twocolumns li {
    border: none;
  }
  #mainmenu-container {
    margin-top: 30px;
  }
  .garagesdesign #mainmenu-container {
    margin-top: 45px;
  }
  ul#mainmenu {
    margin: 0;
    font-size: 1.15em;
    line-height: 1;
  }
  .themarketeers ul#mainmenu {
    font-size: 1.3em;
  }
  .themarketeers ul#mainmenu li {
    margin-right: 20px;
  }
  .themarketeers header .social {
    margin-top: 25px;
    margin-right: 25px;
  }
  body.fixed.themarketeers header.mainheader .social,
  body.fixed2.themarketeers header.mainheader .social {
    margin-top: -5px;
  }
  .themarketeers header .social a {
    font-size: 1.3em;
  }

  #mainmenu ul {
    padding-top: 0px !important;
    box-shadow: 0px 0px 29px 3px rgba(0,0,0,0.26);
    -webkit-box-shadow: 0px 0px 29px 3px rgba(0,0,0,0.26);
    -moz-box-shadow: 0px 0px 29px 3px rgba(0,0,0,0.26);

    -webkit-border-radius: 5px;
    -moz-border-radius: 5px;
    -ms-border-radius: 5px;
    -o-border-radius: 5px;
    border-radius: 5px;
  }
  body.fixed #mainmenu ul,
  body.fixed2 #mainmenu ul
  {
    -webkit-border-radius: 0 0 5px 5px;
    -moz-border-radius: 0 0 5px 5px;
    -ms-border-radius: 0 0 5px 5px;
    -o-border-radius: 0 0 5px 5px;
    border-radius: 0 0 5px 5px;
  }
  #mainmenu li ul {
    position: absolute;
    width: auto;
    min-width: 320px;
/* no delay when display block or none */
/*
  display: none;
*/
  }
  #mainmenu li > ul {
    top: 70px;
    top: -9999px;
    margin-top: -10px;
    visibility: hidden;
    opacity: 0;
    transition-timing-function: cubic-bezier(0.25, 0.1, 0.25, 1.4);
    transition-delay: 0.3s;
    transition-property: visibility, opacity, margin;
    transition-duration: 0.3s;
  }

  #mainmenu li:hover > ul {
  /*
    display: block;
  */
    top: 70px;
    left: 0;
    margin-top: 0;
    visibility: visible;
    opacity: 1;
  }
  
  /* width bei Arbeiten per selector gesetzt */

  #mainmenu li:nth-child(3) ul {
    min-width: 380px;
  }

  body.fixed #mainmenu li ul,
  body.fixed2 #mainmenu li ul
  {
    top: 60px;
  }
  #mainmenu li li:first-child a {
    -webkit-border-radius: 5px 5px 0 0;
    -moz-border-radius: 5px 5px 0 0;
    -ms-border-radius: 5px 5px 0 0;
    -o-border-radius: 5px 5px 0 0;
    border-radius: 5px 5px 0 0;
  }
  body.fixed #mainmenu li li:first-child a,
  body.fixed2 #mainmenu li li:first-child a 
  {
    -webkit-border-radius: 0;
    -moz-border-radius: 0;
    -ms-border-radius: 0;
    -o-border-radius: 0;
    border-radius: 0;
  }
  #mainmenu li li:last-child a {
    -webkit-border-radius: 0 0 5px 5px;
    -moz-border-radius: 0 0 5px 5px;
    -ms-border-radius: 0 0 5px 5px;
    -o-border-radius: 0 0 5px 5px;
    border-radius: 0 0 5px 5px;
  }
  #mainmenu a {
    text-transform: uppercase;
    color: #fff;
  }
  body.garagesdesign #mainmenu a {
    font-weight: bold;
  }
  #mainmenu li a {
    line-height: 60px;
    padding-bottom: 5px;
    padding-right: 40px;
  }
  #mainmenu li.level-1 > a {
    font-weight: 700;
    font-size: 1.1em;
    letter-spacing: 1px;
    text-shadow: 0 0 10px rgba(0, 212, 255, 0.5), 0 0 20px rgba(0, 212, 255, 0.25);
  }
  .garagesdesign #mainmenu li.level-1 > a {
    filter: drop-shadow(0 -1px 0 rgba(255,255,255,0.5)) drop-shadow(1px 1px 0px #000) drop-shadow(-1px -1px 0px #000) drop-shadow(4px 4px 2px rgba(0,0,0,0.9)); 
    text-shadow: none;
    background: linear-gradient( to bottom, #ffffff 0%, #f2f2f2 30%, #c5c5c5 50%, #a8a8a8 54%, #c5c5c5 58%, #f2f2f2 80%, #ffffff 100% );
    background-position-x: 0%;
    background-position-y: 0%;
    background-repeat: repeat;
    background-size: auto;
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
    background-clip: text;
    font-size: 18px;
    line-height: 1.1;
    background-size: 100% 1.1em;
    background-repeat: repeat-y;
    background-position: top left;
  }
  #mainmenu li.level-1 > a:not(.active):hover
  {
    /* orange */
    /*
    text-shadow: 0 0 3px rgba(238, 212, 67, 0.5), 0 0 20px rgba(238, 212, 67, 0.7), 0 0 40px rgba(238, 212, 67, 0.4);
    */
    /* blue */
    text-shadow: 0 0 3px rgba(0, 212, 255, 0.5), 0 0 20px rgba(0, 212, 255, 0.7), 0 0 40px rgba(0, 212, 255, 0.4);
  }
  #mainmenu li.level-1.active > a {}

  .garagesdesign #mainmenu li a:hover,
  .garagesdesign #mainmenu li:hover a,
  .garagesdesign #mainmenu li:active a,
  .garagesdesign #mainmenu li:focus a,
  .garagesdesign #mainmenu li:focus-visible a,
  .garagesdesign #mainmenu li.active > a,
  .garagesdesign header .social a:hover,
  .garagesdesign header .social a:focus,
  .garagesdesign a.bread_link_small:hover,
  .garagesdesign a.bread_link_small:focus,
  .garagesdesign a.bread_link_small.active
  {
    text-shadow: 0 0 10px rgba(0, 212, 255, 0.5), 0 0 20px rgba(0, 212, 255, 0.25);
  }

  body.garagesdesign #mainmenu li a {
    padding-right: 0;
  }
  #mainmenu li li a {
    background: rgba(0,0,0,0.9);
    line-height: 22px;
  }
  #mainmenu li li a:hover,
  #mainmenu li li.active a 
  {
    color: #fff;
    /*
      background: #F79323;
    */
    background: #29a4b5;
  }
}

/* SVEN TODO LOGO und mobile */
@media (max-width: 1024px) {
  body.themarketeers.fixed header.mainheader #logo,
  body.themarketeers.fixed2 header.mainheader #logo
  {
    background-image: url('/fileadmin/marketeers/assets/marketeers-logo-wh.svg');
    background-size: 200px auto;
  }
  body.garagesdesign #logo {
    background-image: url('/fileadmin/garage/sdesign-garage-logo.png');
    background-size: 170px auto;
    width: 170px; 
    height: 56px;
  }
  body.themarketeers #logo {
    background-image: url('/fileadmin/marketeers/assets/marketeers-logo-wh.svg');
    background-size: 200px auto;
    width: 200px; 
    height: 66px;
  }
  body.garagesdesign #logo img {
    width: 170px; 
    height: 56px;
  }
}

@media (min-width: 992px) {
  .mobileNavOpener {
    position: absolute;
    z-index: 20;
    top: 25px; 
    right: -20px;
    right: 0px;
    cursor: pointer;
    line-height: auto;
    width: auto;
    height: auto;
    text-align: center;
  }
  .mobileNavOpener::after {
    font-family: FontAwesome;
    font-style: normal;
    font-weight: normal;
    font-size: 24px;
    line-height: 24px;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    content: "\f107";
    color: #F79323;
    color: #79C5CF;
    position: absolute;
    right: 20px;
    -o-transition: .5s;
    -ms-transition: .5s;
    -moz-transition: .5s;
    -webkit-transition: .5s;
    transition: .5s;
    font-size: 16px;
    margin-top: 5px;
    right: 25px;
  }
  body.garagesdesign .mobileNavOpener::after {
    color: #fff;
  }
/*
  #mainmenu a:hover + .mobileNavOpener::after {
    color: #F79323;
  }
*/
}
@media (max-width: 992px) {
  p,
  .twocolumns 
  {
    -webkit-hyphens: auto;
    -webkit-hyphenate-limit-chars: auto 3;
    -webkit-hyphenate-limit-lines: 4;
    -ms-hyphens: auto;
    -ms-hyphenate-limit-chars: auto 3;
    -ms-hyphenate-limit-lines: 4;
    hyphens: auto;
    hyphenate-limit-chars: auto 3;
    hyphenate-limit-lines: 4;
  }
  body #wrapper {padding-top: 80px}
  header.mainheader .social {display: none}
  header.clone [class^="col-"]
  {
    padding: 0;
    margin: 0;
  }
  header.clone {
    display: block;
    width: 100%;
    position: fixed;
    top: 0;
    z-index: 9999;
    background: rgba(23, 31, 44, 1.0);
    border: none;
    height: 80px;
  }
  .fixed header.clone {
    background: rgba(23, 31, 44, 0.9);
    box-shadow: 0 2px 10px rgba(23, 31, 44, 0.1);
  }
  .garagesdesign header.clone,
  .garagesdesign.fixed header.clone {
    background-image: url('/fileadmin/garage/bg-nav-pattern.png');
    background-repeat: repeat;
    box-shadow: 0 10px 40px -10px rgba(0, 0, 0, 0.9);
    /* Ein schmaler, dunkler Rand unten verstŠrkt den Effekt */
    border-bottom: 1px solid rgba(255, 255, 255, 0.05);
  }

  header.clone #logo {
    background-image: url('../Images/Frontend/sdesign-logo.png');
    background-size: 100% auto;
    width: 120px; 
    height: 50px;
    margin: 24px 0 0 27px;
  }
  body.themarketeers header.clone #logo {
    margin: 17px 0 0 24px;
  }
  header.clone #logo .inner {width: 120px}
  body.garagesdesign header.clone #logo {
    margin: 10px 0 0 27px;
    background-image: url('/fileadmin/garage/sdesign-garage-logo.png');
    background-size: 170px auto;
    width: 170px;
    height: 56px;
  }
  body.themarketeers header.clone #logo {
    background-image: url('/fileadmin/marketeers/assets/marketeers-logo-wh.svg');
  }

  body.garagesdesign header.clone #logo .inner {width: 200px}
  header.clone #logo .inner a {display: block}
  #menu-btn {background-color: transparent}
/*
  header.clone ul li a {text-transform: uppercase}
*/
  html.mobilemenuscroll {overflow: hidden}
  #mainmenu-container {
    padding-top: 20px;
    background: rgba(23, 31, 44, 0.9);
  }
  .mobilemenuscroll #mainmenu-container {
    padding-bottom: 60px;
    height: 100vh;
    width: 100%;
    z-index: 99;
    position: relative;
    overflow-y: scroll;
    /* mobile safari */
    -webkit-overflow-scrolling:touch; 
  }
  /* hover display none WICHTIG wegen MOBILE */
  #mainmenu li:hover > ul,
  #mainmenu li ul {
    display: none;
  }
  #mainmenu li {
    position: relative;
    padding-left: 10px;
  }
  #mainmenu li a:hover,
  #mainmenu li:hover a,
  #mainmenu li.active > a 
  {
    color: #F79323;
  }
  .mobileNavOpener {
    position: absolute;
    z-index: 20;
    top: 8px; 
    right: -15px;
    cursor: pointer;
    line-height: 50px;
    width: 60px;
    height: 40px;
    text-align: center;
  }
  .mobileNavOpener::after {
    font-family: FontAwesome;
    font-style: normal;
    font-weight: normal;
    font-size: 32px;
    line-height: 40px;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    content: "\f105";
    color: #F79323;
    position: absolute;
    right: 20px;
  }
  /* fa-caret-down [] */
  ul#mainmenu .dynamic-children .mobileopen.mobileNavOpener::after {
    content: "\f106";
  }
  #mainmenu ul.dynamic {
    padding-top: 0px !important;
    background: transparent;
    margin-top: 0px;
  }
  #mainmenu li:hover,
  #mainmenu li:hover a,
  #mainmenu li a:hover 
  {
    background: transparent ! important;
  }
  #mainmenu > li a {
    padding: 14px 0px;
    font-size: 22px;
    width: 80%;
  }
  body.themarketeers #mainmenu > li a {
    font-size: 32px;
    line-height: 1.2em;
    font-weight: bold;
    text-transform: uppercase;
  }
  #mainmenu li li a {font-size: 19px}
  #mainmenu li li a {padding: 8px 0px}
  #mainmenu > li li:first-child {border-top: solid 0px #fff}
  #subheader,
  .newssingle #subheader {
    background-position: center top ! important;
    height: 500px;
    min-height: 270px;
  }
  /* normaler subehader */
  #subheader {}
  #subheader .overlay {
/*
    padding: 60px 0 60px 0;
*/
    background: #transparent;
  }

}

@media only screen 
    and (max-width : 414px) 
    and (max-height : 960px) 
    and (orientation: portrait)
    { 
  .newssingle #subheader {
    height: 270px;
  }
}
@media only screen 
    and (max-width : 414px) 
    and (max-height : 960px) 
    and (orientation: landscape)
    { 
  .newssingle #subheader {
    height: calc(100vh - 50px);
  }
}

@media (max-width: 428px) {
  p,
  .twocolumns {
    /*
      text-align: justify;
      hyphens: none;
    */
  }
}

@media (max-width: 1140px) and (min-width: 992px) {
  #mainmenu a {padding: 10px 7px 8px 7px;}
  ul#mainmenu {font-size: 0.9em;}
  header.mainheader .social {display: block}
}

/* --------------------------------------------------------
          MAP AUF KONTAKTSEITE
-------------------------------------------------------- */
.gmap {
  width:100%;
  height: 650px;
}




/* call to action
------------------------------ */
.call-to-action h2,
.call-to-action h3,
.call-to-action h4
{
    color: #fff;
    margin-bottom: 0;
}





@media (min-width: 992px) {
  .container .container-fluid
  {
    padding: 0;
  }
  .container-fluid [class^="col-"]
  {
    padding: 0;
  }
}

@media (max-width: 992px) {
  .container-fluid .media
  {
    padding-right: 15px;
    padding-left: 15px;
    margin-right: auto;
    margin-left: auto;
  }
  .container-fluid [class^="col-"]
  {
    margin: 0;
  }
}

#content .row {
  margin: 0;
}
.container .container-fluid .row {
  margin: 0;
  padding: 0 ! important;
}
.container-fluid .container .divider-double,
.container .container .divider-double 
{
    clear: both;
    height: 0px;
}
.container-fluid .divider-double {
  display: none;
}
.feature-box + .divider-double {
  height: 20px;
}
@media (max-width: 768px) {
  .feature-box + .divider-double {
    height: 5px;
  }
}
.lightgrey-bg-featurebox::after,
.lightgrey-bg-featurebox2::after,
.lightgrey-bg::after 
{
  content: ' ';
  position: absolute;
  z-index: 20;
  bottom: -10px;
  height: 10px;
  left: 0;
  width: 100%;
  -webkit-box-shadow: 0px -10px 40px 0px rgba(0,0,0,0.30)
  -moz-box-shadow: 0px -10px 40px 0px rgba(0,0,0,0.30)
  box-shadow: 0px -10px 40px 0px rgba(0,0,0,0.30)
}
.lightgrey-bg .news-list .col-md-4 a,
.lightgrey-bg-featurebox .feature-box,
.lightgrey-bg-featurebox2 .col-md-4
{
  background: #fff;
  -webkit-border-radius: 12px;
  -moz-border-radius: 12px;
  -ms-border-radius: 12px;
  -o-border-radius: 12px;
  border-radius: 12px;
  -webkit-box-shadow: 0px 0px 25px -10px rgba(0,0,0,0.2);
  -moz-box-shadow: 0px 0px 25px -10px rgba(0,0,0,0.2);
  box-shadow: 0px 0px 25px -10px rgba(0,0,0,0.2);
  padding: 30px 20px 20px 20px;
  min-height: 330px;
  hyphens: auto;
}

.lightgrey-bg-featurebox2 .col-md-4 .center-block img {
  width: 80%;
  height: auto;
}


.lightgrey-bg-featurebox2 .col-md-4,
.lightgrey-bg-featurebox .feature-box 
{
  -webkit-transition: all 0.25s ease-in-out;
  -moz-transition: all 0.25s ease-in-out;
  -ms-transition: all 0.25s ease-in-out;
  -o-transition: all 0.25s ease-in-out;
  transition: all 0.25s ease-in-out;
}

.lightgrey-bg-featurebox .feature-box:hover {
  -webkit-box-shadow: 0px 0px 15px 2px rgba(0, 0, 0, 0.2);
  -moz-box-shadow: 0px 0px 15px 2px rgba(0, 0, 0, 0.2);
  box-shadow: 0px 0px 15px 2px rgba(0, 0, 0, 0.2);
  text-decoration: none;
  color: inherit;
  -webkit-transform: scale(1.01);
  -ms-transform: scale(1.01);
  -o-transform: scale(1.01);
  transform: scale(1.01);
}

.feature-box {
  position: relative;
}
.feature-box a:hover.icon-link {
  text-decoration: none;
}
.feature-box a.icon-link::after {
  content: " ";
  position: absolute;
  left: 0;
  top: 0;
  height: 100%;
  width: 100%;
  z-index: 10;
}

.lightgrey-bg-featurebox .feature-box + .divider-double {
  height: 0px;
}
@media (min-width: 1280px) {
  #newslist-istotope {
    width: 1150px;
  }
}
@media (min-width: 992px) {
  #newslist-istotope {

  }
}

.container-fluid .feature-box,
.container .container .feature-box
{
  margin: 0;
  padding: 0;
}


.container-fluid .feature-box {
  padding: 20px 0;
}

.container-fluid .container .feature-box h3 {
  margin-bottom: 0;
}
.container-fluid .container .feature-box p {
  margin: 0; padding: 0;
}

@media (min-width: 768px) {
  .container-fluid .container,
  .container .container
  {
    width: 100%;
  }
}
@media (min-width: 992px) {
  .container-fluid .container,
  .container .container 
  {
    width: 100%;
  }


}
@media (min-width: 1200px) {
  .container-fluid .container,
  .container .container 
  {
    width: 100%;
  }
}










/* --------------------------------------------------------
          BORDER COLORS  
-------------------------------------------------------- */
ul.progress li.active:after {
  border-color: transparent transparent transparent #F79323;
}
.blog-list li:hover 
{
  border-color: #F79323;
}
.accordion li,
.light-text .accordion li
{
  border-left: solid 2px #d4f2f5;
}
.box-with-icon-left .text {
  border-left: solid 1px #F79323;
}
.title-text:before,
.title-text:after {
  border-top: solid 2px #F79323;
}
.custom-col-3:hover {
  border-bottom: solid 1px #F79323;
}
.custom-col-3 i:hover {
  border-color: #F79323;
}
#countdown-container h3 {
  border-bottom: solid 2px #F79323;
}
.sub-intro-text span:before,
.sub-intro-text span:after 
{
  border-top: 1px solid #F79323;
}
.slider-info h1 {
  border-bottom: solid 3px #F79323;
}
.hover .btn-view-details {
  border: solid 1px #F79323;
}
.social-icons i {
  border: solid 2px #F79323;
}
.social-icons i:hover {
  border: solid 2px #F79323;
}
.pagination li.active a {
  border: solid 1px #F79323;
}
.pagination li.active a:hover {
  border: solid 1px #F79323;
}
.team-profile .text {
  border-top: solid 3px #F79323;
}

@media (max-width: 992px) {
    .cta-form input[type=submit] {
        background: #F79323;
    }
}

.pagination > .active > a, .pagination > .active > span, .pagination > .active > a:hover, .pagination > .active > span:hover, .pagination > .active > a:focus, .pagination > .active > span:focus,
.pagination > li > a:hover, .pagination > li > span:hover, .pagination > li > a:focus, .pagination > li > span:focus
{
  z-index: 3;
  color: #fff;
  cursor: pointer;
  background-color: #F79323;
  border-color: #F79323;
}
.pagination > li > a, .pagination > li > span {
  padding: 13px 15px 6px 15px;
  border: 1px solid #ddd;
}

/* --------------------------------------------------------
          CONTENT ANPASSUNGEN
-------------------------------------------------------- */
.indent {
  margin-left: 20px;
}





/* --------------------------------------------------------
          BOXEN
-------------------------------------------------------- */
.box-one-third {
  min-height: 350px;
}
@media (min-width: 992px) {
  .box-container {
    display: -moz-box;
    display: -webkit-flexbox;
    display: -ms-flexbox;
    display: -webkit-flex;
    display: -moz-flex;
    display: flex;
    -webkit-flex-direction: row;
    -moz-flex-direction: row;
    -ms-flex-direction: row;
    flex-direction: row;
  }
}
.box-one-third {
  -moz-box-flex: 1;
  -webkit-flex: 1;
  -moz-flex: 1;
  -ms-flex: 1;
  flex: 1;
}
.box-one-third .inner {
  padding: 45px 50px;
}
.box-one-third .inner h1,
.box-one-third .inner h2,
.box-one-third .inner h3,
.box-one-third .inner h4 
{
  margin-top: 0;
  padding-top: 0;
}
@media (min-width: 768px) and (max-width: 1199px) {
  .box-one-third {
    min-height: 400px;
  }
  .box-one-third .inner {
     padding: 30px 30px;
   }
}

@media (max-width: 320px) {
  .accordion a.NoneActive {
    padding-left: 5px;
  }
}
.background--light {}
.background--dark {
  color: #2a363b ! important;
}
.box-one-third.light-text {
  position: relative;
}
.box-one-third.light-text .inner::before {
  content: ' ';
  z-index: 0;
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  opacity: 0.65;
  /*
  background-color: #2a363b;
  */
  background: rgb(23, 31, 44);
}
.box-one-third.light-text .inner {
  display: block;
  width: 100%;
  height: 100%;
  z-index: 2;
}
.box-one-third.light-text .media-body,
.box-one-third.light-text .btn-border-light
{
  position: relative;
  z-index: 2;
}
.box-one-third.light-text a.external-link,
.box-one-third.light-text a.external-link-new-window 
{
  text-decoration: underline;
}
.box-one-third.light-text a.external-link:hover,
.box-one-third.light-text a.external-link-new-window:hover
{
  color: inherit;
  text-decoration: none;
} 


@media (max-width: 767px) {
  .box-one-third .inner {
    padding: 45px 30px;
  }
  .box-one-third {
    min-height: 200px;
  }
  .accordion a.NoneActive {
    font-size: 14px;
  }
  
  .box-one-third {
    -webkit-border-radius: 12px;
    -moz-border-radius: 12px;
    -ms-border-radius: 12px;
    -o-border-radius: 12px;
    border-radius: 12px;
    width: 90%;
    float: none;
    margin-left: auto;
    margin-right: auto;
    margin-top: 30px;
  }
  .box-one-third.lastchild {
    margin-bottom: 30px;
  }
  .box-one-third.light-text .inner::before {
    -webkit-border-radius: 12px;
    -moz-border-radius: 12px;
    -ms-border-radius: 12px;
    -o-border-radius: 12px;
    border-radius: 12px; 
    -webkit-box-shadow: 0px 0px 25px -10px rgba(0,0,0,0.2);
    -moz-box-shadow: 0px 0px 25px -10px rgba(0,0,0,0.2);
    box-shadow: 0px 0px 25px -10px rgba(0,0,0,0.2);
  }
}

@media screen and (max-width: 480px) {
  .box-one-third.light-text .inner::before {
    opacity: 0.7;
  }
}


/*
#newslist-istotope {
  padding-bottom: 80px;
  margin-bottom: 30px;
}
*/
/* Seiten 1 von 3 ausblenden */
#newslist-istotope .page-navigation > p {display: none}
#newslist-istotope .page-navigation {
  position: absolute;
  bottom: 0;
  left: 50%;
  z-index: 9;
  -webkit-transform: translate(-50%, 0);
  -ms-transform: translate(-50%, 0);
  -o-transform: translate(-50%, 0);
  transform: translate(-50%, 0);
  width: 100%;
  display: flex;
  flex-direction: row;
  justify-content: center;
}
@media (max-width: 992px) {
  #newslist-istotope {
    padding-bottom: 140px;
  }
  #newslist-istotope .page-navigation {
    bottom: -20px;
  }
}

/* --------------------------------------------------------
          BUTTONS
-------------------------------------------------------- */
.box-one-third .btn-border-light {
  margin-top: 20px;
}

a.btn-slider,
.btn-border-light,
.btn-custom
{
  border-radius: 20px;
  -moz-border-radius: 20px;
  -webkit-border-radius: 20px;
  border-radius: 20px;
  padding: 10px 35px 10px 35px;
  line-height: 1.3em;
  font-family: 'Barlow', Arial, Helvetica, Verdana, sans-serif;
  font-weight: 600;
  text-transform: none;
  letter-spacing: 0;
  font-size: 15px;
}



body.themarketeers a.btn-slider,
body.themarketeers .btn-border-light,
body.themarketeers .btn-custom 
{
  font-family: 'antonregular','Open Sans', sans-serif;
}
a.btn-slider {
  margin-top: 25px;
}
.news-single a.btn-slider {
  margin-top: 20px;
  position: relative;
  left: 50%;
  -webkit-transform: translate(-50%, 0);
  -ms-transform: translate(-50%, 0);
  -o-transform: translate(-50%, 0);
  transform: translate(-50%, 0);
}

.btn-border-light {
  border: solid 2px rgba(255, 255, 255, .5);
}

.btn-border-light:hover {
  background: rgba(242, 108, 0, 1.0);
  border: solid 2px rgba(242, 108, 0, 1.0);
  color: #fff;
}
.orange-bg .btn-border-light:hover
{
  background: rgba(255,255,255, .7);
  border: solid 2px rgba(242, 108, 0, 1.0);
  color: #111;
}
.turquoise-bg .btn-border-light:hover
{
  background: rgba(255,255,255, .7);
  border: solid 2px rgba(77, 162, 206, 1.0);
  color: #111;
}

.gold-bg .btn-border-light:hover
{
  background: rgba(255,255,255, .7);
  border: solid 2px rgba(212, 175, 55, 1.0);
  color: #111;
}

.britishracing-bg .btn-border-light:hover
{
  background: rgba(255,255,255, .7);
  border: solid 2px rgba(0, 66, 37, 1.0);
  color: #111;
}

.orange-bg .text-center + .col-md-12,
.turquoise-bg .text-center + .col-md-12,
.gold-bg .text-center + .col-md-12,
.black-bg .text-center + .col-md-12,
.britishracing-bg .text-center + .col-md-12
{
  text-align: center;
}
.orange-bg .text-right + .col-md-12,
.turquoise-bg .text-right + .col-md-12,
.gold-bg .text-right + .col-md-12,
.britishracing-bg .text-right + .col-md-12
{
  text-align: right;
}

.btn-custom {
  letter-spacing: 0px;
  display: inline-block;
}
@media (max-width: 525px) {
  a.btn-slider {
    text-transform: none;
    letter-spacing: 0;
    white-space: initial;
  }
}


section.lightgrey-bg,
section.lightgrey-bg-featurebox,
section.lightgrey-bg-featurebox2
{
  background-color: #eee;
}
section.lightgrey-bg .btn-border-light,
section.lightgrey-bg-featurebox .btn-border-light,
section.lightgrey-bg-featurebox2 .btn-border-light 
{
  color: #222;
  text-align: center;
  margin: auto auto;
  display: table;
  background: rgba(255,255,255, .7);
  border: solid 3px rgba(242, 108, 0, 1.0);
}
section.lightgrey-bg .btn-border-light:hover,
section.lightgrey-bg-featurebox .btn-border-light:hover,
section.lightgrey-bg-featurebox2 .btn-border-light:hover
{
  border: solid 3px rgba(255, 255, 255, .5);
}



/* --------------------------------------------------------
          POWERMAIL FORM
-------------------------------------------------------- */
#contact-form-wrapper {
  background: transparent;
  padding: 0;
}
@media (min-width: 992px)  {
  #contact-form-wrapper {
    background: transparent;
    padding: 10px 0;
  }
  .themarketeers #contact-form-wrapper {
    background: transparent;
    padding: 20px 0px;
  }
}

.themarketeers .table-striped > tbody > tr,
.themarketeers .table-striped > tbody > tr:nth-of-type(2n+1),
.themarketeers .table-hover > tbody > tr:hover 
{
  background: transparent;
}

.themarketeers .tx-powermail .table > thead > tr > th,
.themarketeers .tx-powermail .table > tbody > tr > th,
.themarketeers .tx-powermail .table > tfoot > tr > th,
.themarketeers .tx-powermail .table > thead > tr > td,
.themarketeers .tx-powermail .table > tbody > tr > td,
.themarketeers .tx-powermail .table > tfoot > tr > td {
  border: none;
}
@media (max-width: 767px) {
  #contact-form-wrapper {
    padding: 0 17px;
  }
  .garagesdesign #contact-form-wrapper {
    padding: 0;
  }
}

/*
.powermail_fieldset legend {display: none;}
*/
.powermail_fieldset legend {
  text-align: center;
  border: none;
}
.powermail_legend {display: none;}

#contact input[type=text], #contact textarea, #contact input[type=email] {
  background: #fff;
  border: none;
  border-radius: 0;
  -moz-border-radius: 0;
  -webkit-border-radius: 0;
  box-shadow: none;
  -moz-box-shadow: none;
  -webkit-box-shadow: none;
}
.themarketeers #contact input[type=text], 
.themarketeers #contact textarea,
.themarketeers #contact input[type=email] {
  background: #95D247;
  color: #fff;
}
.themarketeers #contact ::placeholder {
  color: #fff;
  opacity: 0.7; /* Firefox */
}

.garagesdesign #contact input[type=text], 
.garagesdesign #contact textarea,
.garagesdesign #contact input[type=email] {
  background: #2e4147;
  border: 1px solid #6dd2da;
  color: #fff;
}
.garagesdesign #contact ::placeholder {
  color: #fff;
  opacity: 0.7; /* Firefox */
}

@media (min-width: 992px)  {
  .powermail_fieldset .layout1 {
    width: 48%;
    display: inline-block;
    margin-right: 0%;
  }
  .powermail_fieldset .layout1:nth-child(2n+2) {
    margin-right: 3.5%;
  }
}
.tx-powermail .btn-custom {
  margin: 10px 0;
  width: 100%;
}


.tx-powermail .powermail_fieldset .parsley-errors-list{
  margin: 0 0 10px 0;
}
.contact_form_holder .form-control {
    margin: 10px 0;
}




/* --------------------------------------------------------
          OVERLAY
-------------------------------------------------------- */


/* container */
#gallery {
  display:-webkit-box;
  display:-moz-box;
  display:-ms-flexbox;
  display:-webkit-flex;
  display: flex;
  flex-direction: row;
  flex-wrap: wrap;
  justify-content: flex-start;
  align-items: flex-start;
  align-content: flex-start;
  width: 100%;

}
#gallery.gallery {
  overflow: visible;
}

#gallery .item {
  background: #eeeeee;
  position: relative;
  padding: 0;
  margin: 0;
  flex-grow: 0;
  flex-shrink: 1;
  flex-basis: 31%;
  align-self: stretch;
  margin-bottom: 2%;
  margin-right: 2%;
}

#gallery .item:nth-child(3n+3) {
  margin-right: 0;
}

#gallery .item  {
  -webkit-transition: all 0.25s ease-in-out;
  -moz-transition: all 0.25s ease-in-out;
  -ms-transition: all 0.25s ease-in-out;
  -o-transition: all 0.25s ease-in-out;
  transition: all 0.25s ease-in-out;
  
  -webkit-box-shadow: 0px 0px 5px 2px rgba(0,0,0,0.1);
  -moz-box-shadow: 0px 0px 5px 2px rgba(0,0,0,0.1);
  box-shadow: 0px 0px 5px 2px rgba(0,0,0,0.1);
}
#gallery .item:hover {
  -webkit-box-shadow: 0px 0px 15px 2px rgba(0,0,0,0.3);
  -moz-box-shadow: 0px 0px 15px 2px rgba(0,0,0,0.3);
  box-shadow: 0px 0px 15px 2px rgba(0,0,0,0.3);

  text-decoration: none;
  color: inherit;
  -webkit-transform: scale(1.02);
  -ms-transform: scale(1.02);
  -o-transform: scale(1.02);
  transform: scale(1.02);
}

@media (max-width: 768px) {
  #gallery .item {
    flex-grow: 1;
    flex-shrink: 1;
    flex-basis: 90%;
    width: 90%;
/*
    -webkit-box-shadow: none;
    -moz-box-shadow: none;
    box-shadow: none;
*/
    margin: 0;
    margin-bottom: 30px;
  }
/* no margin on GalleryNoMargin */

  #gallery.galleryNoMargin {
    -webkit-box-shadow: 0px 0px 15px 2px rgba(0,0,0,0.3);
    -moz-box-shadow: 0px 0px 15px 2px rgba(0,0,0,0.3);
    box-shadow: 0px 0px 15px 2px rgba(0,0,0,0.3);
  }
  
  #gallery.galleryNoMargin .item {
    margin-bottom: 0;
    -webkit-box-shadow: none;
    -moz-box-shadow: none;
    box-shadow: none;
  }
  .newsSingle {
    width: 100%;
    margin: auto auto;
  }
  section.section-default {
    padding: 2.0em 0;
  }
}

.item .overlay {
    background: rgba(255,255,255, .7);
    z-index: 1;
}

#gallery .item {
  overflow: hidden;
}
#gallery .project-name {
  margin-top: -150px;
}
.item .pf_text {
    z-index: 2;
}
.item .pf_text {
/* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#ffffff+0,ffffff+100&0.65+0,0+100 */
/*
background: -moz-linear-gradient(top, rgba(255,255,255,0.65) 0%, rgba(255,255,255,0) 100%);
background: -webkit-linear-gradient(top, rgba(255,255,255,0.65) 0%,rgba(255,255,255,0) 100%);
background: linear-gradient(to bottom, rgba(255,255,255,0.65) 0%,rgba(255,255,255,0) 100%);
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#a6ffffff', endColorstr='#00ffffff',GradientType=0 );
*/
}
.ex-gallery .project-name {
    font-weight: normal;
    color: #555;
}
.item img {
    z-index: 2;
}


/* --------------------------------------------------------
          accordion
-------------------------------------------------------- */

.accordion a {
  cursor: pointer;
}




/* --------------------------------------------------------
          FONT SIZES
-------------------------------------------------------- */
h1, .h1, h2, .h2, h3, .h3, h4, .h4, h5, .h5 {
  font-family: 'Barlow', Arial, Helvetica, sans-serif;
  margin-top: 4px;
  margin-bottom: 10px;
  font-weight: 400;
  line-height: 1.4em;
}
h1, .h1, h2, .h2 {
  font-weight: 500;
}


body.themarketeers h1,
body.themarketeers .h1,
body.themarketeers h2,
body.themarketeers .h2,
body.themarketeers h3,
body.themarketeers .h3,
body.themarketeers h4,
body.themarketeers .h4,
body.themarketeers h5,
body.themarketeers .h5
{
  font-family: 'antonregular','Open Sans', sans-serif;
}
h1, .type-wrap.title {
  font-size: 2.9em;
  margin-bottom: 0;
  text-transform: uppercase;
  letter-spacing: 3px;
  font-weight: 900;
}
h2.subheader {
  margin-top: -4px;
}

body.newssingle .news-single h1 {
  margin-bottom: 0.5em;
}

body.newssingle .lead {

}
@media (max-width: 1024px) {
  h1, .type-wrap.title {
    font-size: 1.8em;
  }
}
@media (max-width: 767px) {
  h1, .type-wrap.title {
    font-size: 1.7em;
/*
    -webkit-hyphens: auto;
    -webkit-hyphenate-limit-chars: auto 3;
    -webkit-hyphenate-limit-lines: 4;
    -ms-hyphens: auto;
    -ms-hyphenate-limit-chars: auto 3;
    -ms-hyphenate-limit-lines: 4;
    hyphens: auto;
    hyphenate-limit-chars: auto 3;
    hyphenate-limit-lines: 4;
*/
  }
  h3, .h3 {
    line-height: 1.2em;
  }
  body.newssingle .news-single h1 {
    -webkit-hyphens: auto;
    -webkit-hyphenate-limit-chars: auto 3;
    -webkit-hyphenate-limit-lines: 4;
    -ms-hyphens: auto;
    -ms-hyphenate-limit-chars: auto 3;
    -ms-hyphenate-limit-lines: 4;
    hyphens: auto;
    hyphenate-limit-chars: auto 3;
    hyphenate-limit-lines: 4;
  }
}
@media (max-width: 428px) {
  h1, .type-wrap.title {
    font-size: 1.5em;
  }
  .garagesdesign #revolution-slider .custom-font-1 h1 {
    padding-left: 60px;
    padding-right: 60px;
  }
}
h3.title {font-weight: normal}
h2, h3
{
  font-size: 2.4em;
}
.faria-flip-box h3 {
  font-size: 1.6em;
}
@media (max-width: 1024px) {
  .faria-flip-box h3,
  h2, h3 
  {
    font-size: 1.5em;
  }
}

h2 strong {
  font-weight: normal;
}
h2 span,
h3 span
{
  font-family: 'Barlow', Arial, Helvetica, sans-serif;
  font-style: normal;
  font-size: 0.9em;
  line-height: 1.3em;
}
h2 span,
h3 span
{
  display: block;
  text-transform: none;
  color: #111;
  margin-top: 5px;
}
@media (min-width: 992px)  {
  .owl-flip-section h2 span {
    width: 50%;
    text-align: center;
    margin-left: auto;
    margin-right: auto;
  }
}
#fullpage-sections .owl-flip-section {
  background: #fff; 
}

.box-with-icon-left h2 {
    text-transform: none;
}

#content h3 {
  font-size: 1.4em;
  margin-top: 0.75em;
  margin-bottom: 0.6em;
  line-height: 1.4em;
  font-weight: 500;
  letter-spacing: 1px;
  hyphens: auto;
}
#content .box-one-third .media-body h3 {
  margin-top: 0;
}

@media (max-width: 500px) {
  #content h3, .h3 {
    font-size: 1.15em;
  }
}


.fullheight > .container,
.fullheight > .container > .row
{
  height: 100%;
}

@media (min-width: 768px) {
  .fullheight {
    height: 100vh;
  }
}

@media (max-width : 414px)
   and (max-height : 960px)
   and (orientation: portrait) {
   .fullheight {
    height: 44vh;
  }
  .fullheight.parallax {
    background-position: bottom;
  }
}

@media (max-width : 960px)
   and (max-height : 414px)
   and (orientation: landscape) {
   .fullheight {
    height: calc(100vh - 80px);
  }
   .fullheight.parallax {
    background-position: center;
  }
}

.fullheight .col-md-12 {
  display: flex;
  height: 100%;
  width: 100%;
  align-content: center;
  justify-content: center;
  flex-direction: column;
}
.fullheight .container header {
  display: flex;
  align-content: center;
  justify-content: center;
  flex-direction: column;
}

.fullheight h1,
.fullheight h2,
.fullheight h3,
.fullheight h4,
.fullheight h5,
.fullheight h6 {
  order: 2;
  font-size: 4.0em;
  line-height: 1.2em;
  font-weight: 500;
  margin: 0;
}
.fullheight h2.subheader,
.fullheight h3.subheader,
.fullheight h4.subheader,
.fullheight h5.subheader,
.fullheight h6.subheader {
  order: 1;
  font-size: 2.0em;
  padding-left: 2px;
}
.fullheight .ce-bodytext {
  margin-top: 10px;
  margin-bottom: 10px;
  padding-left: 2px;
  font-size: 1.3em;
}

#content .fullheight h2.subheader,
#content .fullheight h3.subheader,
#content .fullheight h4.subheader,
#content .fullheight h5.subheader,
#content .fullheight h6.subheader {
  margin: 0;
}



.orange-bg h1,
.orange-bg h2,
.orange-bg h3,
.orange-bg h4,
.orange-bg h1 span,
.orange-bg h2 span,
.orange-bg h3 span,
.orange-bg h4 span
{
  color: #fff;
}
.turquoise-bg h1,
.turquoise-bg h2,
.turquoise-bg h3,
.turquoise-bg h4,
.turquoise-bg h1 span,
.turquoise-bg h2 span,
.turquoise-bg h3 span,
.turquoise-bg h4 span
{
  color: #fff;
}

.gold-bg h1,
.gold-bg h2,
.gold-bg h3,
.gold-bg h4,
.gold-bg h1 span,
.gold-bg h2 span,
.gold-bg h3 span,
.gold-bg h4 span
{
  color: #fff;
}

.britishracing-bg h1,
.britishracing-bg h2,
.britishracing-bg h3,
.britishracing-bg h4,
.britishracing-bg h1 span,
.britishracing-bg h2 span,
.britishracing-bg h3 span,
.britishracing-bg h4 span
{
  color: #fff;
}

.turquoise-bg .modal-body *,
.gold-bg .modal-body *,
.britishracing-bg .modal-body *
{
  color: #111;
}
/* featured box
------------------------------ */
.feature-box {
  margin-top: 2.0em;
}
.feature-box i {
    position: relative;
    width: 100%;
    display: block;
    text-align: center;
    margin-bottom: 20px;
}
.feature-box .text {
    padding-left: 0px;
    text-align: center;
}
.feature-box .tiny-border {
    margin-left: auto;
    margin-right: auto;
}
.feature-box.icon-square .text {
    padding-left: 90px;
}
.feature-box.icon-square > i {
    font-size: 32px;
    width: 70px;
    height: 70px;
    text-align: center;
    color: #fff;
    background: #333;
    padding-top: 20px;
}





a:hover.btn-text {
    -moz-animation: 1s move infinite alternate;
    animation: 1s move infinite alternate;
}




/* news
------------------------------ */

#newsfilters {
  list-style: none;
  margin: 0; padding: 0;
  margin-bottom: 10px;
  text-align: center;
}
@media (min-width: 992px) {
  #newsfilters {
    margin-bottom: 30px;
  }
}
#newsfilters li {
  font-family: 'Barlow', Arial, Helvetica, Verdana, sans-serif;
  font-weight: 700;
  font-size: 1.4em;
  display: inline-block;
  margin-right: 0;
  margin-bottom: 0.2em;
  cursor: pointer;
  padding: 8px 8px 0px 8px;
  line-height: 1.9em;
  border-radius: 0px;
  border-bottom: 2px solid transparent;
  -webkit-transition: all 0.25s ease-in-out;
    -moz-transition: all 0.25s ease-in-out;
  -ms-transition: all 0.25s ease-in-out;
  -o-transition: all 0.25s ease-in-out;
  transition: all 0.25s ease-in-out;
}
@media (min-width: 992px)  {
  #newsfilters li {
    padding: 8px 0 0 0;
    margin: 0 15px 0 15px;
  }
}

@media (max-width: 767px) {
  #newsfilters li {
    line-height: 1.4em;
    padding: 8px 4px 0px 4px;
  }
}

#newsfilters li:hover {
  color: #F79323;
}
#newsfilters li:hover,
#newsfilters li.selected {
  border-bottom: 2px solid #F79323;
}
.news-single {
  padding: 0;
  padding-bottom: 40px;
}
/*
.news-list .col-md-4 {
  background: #fff;
}
*/
.news-list .col-md-4 a {
  display: block;
}

.news-single .row [class^="col-"] {
  padding: 0;
}
.news-single .row {margin: 0;}

.news-item h3 {
  text-align: center;
  margin: 0;
  line-height: 1.2em;
}

@media (min-width: 992px)  {
  .lightgrey-bg-featurebox2 .col-md-4,
  .news-list .col-md-4 {
    width: 31%;
    margin: 0 2% 20px 0;
    hyphens: auto;
  }

  .lightgrey-bg-featurebox2 .col-md-4:last-child,
  .news-list .col-md-4:nth-child(3n) {
    margin-right: 0;
  }
  .news-list .col-md-4 {
    padding: 0;
  }
  .news-single .col-md-8 {
    padding-right: 20px ! important
  }
  #content .news-item h3 {
    font-size: 1.0em;
    min-height: 80px;
  }
  .news-item .desc {
    margin: 0;
    padding: 0;
    display: inline;
  }
  .news-item .no-media-element,
  .news-media 
  {
    max-height: 240px;
    height: 240px;
    overflow: hidden;
  }
  .news-media img {
    position: relative;
    top: 50%;
    left: 50%;
    -webkit-transform: translate(-50%,-50%);
    -moz-transform: translate(-50%,-50%);
    -ms-transform: translate(-50%,-50%);
    -o-transform: translate(-50%,-50%);
    transform: translate(-50%,-50%);
    -webkit-transition: all .2s ease-in-out;
    -moz-transition: all .2s ease-in-out;
    -o-transition: all .2s ease-in-out;
    -ms-transition: all .2s ease-in-out;
    transition: all .2s ease-in-out;
  }
  .news-item a img.img-responsive {
    width: 100%;
  }
  .news-item .no-media-element img.img-responsive {
    max-height: 120px;
    height: 120px;
    width: auto;
    margin: auto auto;
  }
  .news-item a:hover img.img-responsive {
    top: 53%;
    left: 53%;
    -webkit-transform: scale(1.07) translate(-50%,-50%);
    -moz-transform: scale(1.07) translate(-50%,-50%);
    -ms-transform: scale(1.07) translate(-50%,-50%);
    -o-transform: scale(1.07) translate(-50%,-50%);
    transform: scale(1.07) translate(-50%,-50%);
  }
}

@media (min-width: 1280px)  {
  .news-list .col-md-4 {
      width: 31%;
      margin: 0 2% 20px 0;
  }
  .news-list .col-md-4:nth-child(3n) {
    margin-right: 2%;
  }
}

.news-media {
  display: block;
}
.news-item a {
   outline: 0;
}
.news-item a:hover {
  color: #F79323;
  text-decoration: none;
  border: 0;
}




.isotope-item {}



/* gallery
------------------------------ */

#gallery {
  height: 100%;
  margin-top: 30px;
  margin-bottom: 30px;
  overflow: hidden;
}





/* Partners
------------------------------ */
.logo-partners {
  display: -webkit-box;
  display: -moz-box;
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
  flex-wrap: wrap;
  flex-direction: row;
  justify-content: flex-start;
  align-items: flex-start;
}
.logo-partners [class*="col-"] {
  -webkit-transition: all 0.25s ease-in-out;
  -moz-transition: all 0.25s ease-in-out;
  -ms-transition: all 0.25s ease-in-out;
  -o-transition: all 0.25s ease-in-out;
  transition: all 0.25s ease-in-out;
  background: #eee;
  padding: 0;
  -webkit-backface-visibility: hidden;
  -webkit-animation-fill-mode: both;
  -webkit-transform:translate3d(0,0,0);
  -webkit-perspective: 1000;
/*
  text-align:center;
  vertical-align: middle;
*/
  min-height: 190px;
/*  
  flex-grow: 1;
  flex-shrink: 0;
  flex-basis: auto;
  align-self: center;
*/
  display: -webkit-box;
  display: -moz-box;
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
  flex-wrap: wrap;
  flex-direction: row;
  justify-content: center;
  align-items: center;
}
.logo-partners img {
  width: auto;
  height: auto;
  max-height: 100px;
  max-width: 170px;
/*
  width: 100%;
  max-width: 80%;
  height: auto;
  max-height: 120px;
*/

/*
  -webkit-filter: grayscale(1);
  -webkit-filter: grayscale(100%);
  filter: gray;
  filter: grayscale(100%);
*/
}
@media (max-width: 767px) {
  .logo-partners img {
    max-width: 140px;
  }
}

@media (max-width: 428px) {
  .logo-partners img {
    max-width: 120px;
  }
}
@media (max-width: 390px) {
  .logo-partners img {
    max-width: 100px;
  }
  .logo-partners [class*="col-"] {
    min-height: 130px;
  }
}


.logo-partners > div:hover img {
  -webkit-filter: none;
  -webkit-filter: none;
  filter: none;
  filter: none;
}
/*
.logo-partners div.col-xs-4 {
  width: 32%;
}
.logo-partners div.col-md-3 {
  width: 24%;
  background: #eee;
  margin-right: 1%;
  margin-bottom: 1%;
  padding: 0;
}
*/

.logo-partners div.col-lg-3 {
  background-color: rgba(242,242,242,0.90);
  margin-right: 1%;
  margin-bottom: 1%;
  padding: 0;
}

@media (min-width: 767px) {
  .logo-partners div.col-lg-3 {
    width: 24%;
  }
  .logo-partners div.col-lg-3:nth-child(4n) {
    width: 25%;
    margin-right: 0;
  }
}
@media (max-width: 767px) {
  .logo-partners div.col-lg-3 {
    width: 32%;
  }
}
@media (max-width: 525px) {
  .logo-partners div.col-lg-3 {
    width: 48%;
    margin-left: 1%;
  }
}

.logo-partners div.col-md-3:nth-child(4n+4) {
  margin-right: 0;
}
.logo-partners div.col-xs-4:nth-child(4n+4) {
  margin-right: 0;
}
.logo-partners > div:hover {
  background-color: rgba(242,242,242,1.00);
}

.newssingle {}
.referenzen .extra {
  display: none;
}


/**
  * Kein Subheader nosubheader
  **/
body#nosubheader-sections #content {
  padding-top: 30px;
  padding-bottom: 0;
}
@media (min-width: 992px) {
  body#nosubheader-sections #content {
    padding-top: 100px;
  }
}
@media (max-width: 992px) {
  body#nosubheader-sections .lightgrey-bg {
    padding-top: 30px;
    padding-bottom: 30px;
  }
}


body#nosubheader-sections #content .section-default {
  padding: 0;
}
body#nosubheader-sections #content #newslist-istotope {
  padding: 0;
}


/* fullPage
------------------------------ */

/* dont display footer in fp-nav */
#fullpage-sections #fp-nav ul li:last-child {display: none;}

#fp-nav ul li .fp-tooltip {
  top: -2px;
  text-transform: uppercase;
/*    color: #111;*/
  font-size: 11px;
  line-height: 16px;
  padding: 9px 20px;
  font-family: 'Barlow', Arial, Helvetica, sans-serif;
  background: #111;
  background: rgba(17,17,17,0.8);
  border-radius: 9px;
  -moz-border-radius: 9px;
  -webkit-border-radius: 9px;
}
body #fp-nav ul li .fp-tooltip {
  max-width: 350px;
}

#fp-nav {
  background: #fff;
  background: rgba(255,255,255,0.8);

  padding-top: 6px;
  padding-bottom: 6px;
    border-radius: 12px;
    -moz-border-radius: 12px;
    -webkit-border-radius: 12px;

}
body #fp-nav ul li .fp-tooltip.right {
    right: 30px;
}
body #fp-nav ul li .fp-tooltip.left {
    left: 30px;
}


/* orderedlist olol ulul
------------------------------ */
ol {
  list-style-type: none;
  margin: 0; 
  padding: 0;
  margin-bottom: 40px;
  margin-left: 2px;
}

ol > li {
  position: relative;
  margin-left: 15px;
  padding-top: 5px;
  padding-bottom: 30px;
  padding-left: 30px;
  border-left: 1px solid #999;
  counter-increment: step-counter;
}

ol > li:last-child {
  padding-bottom: 5px;
}
ol > li::before {
  position: absolute;
  left: -17px;
  top: -2px;
  content: counter(step-counter);
  font-size: 1.1em;
  background-color: #fff;
  border: 2px solid #F79323;
  padding: 5px;
  width: 32px;
  height: 32px;
  line-height: 1;
  text-align: center;
  border-radius: 100%;
  -moz-border-radius: 100%;
  -webkit-border-radius: 100%;
}
ol li b {
  font-family: 'Barlow', Arial, Helvetica, Verdana, sans-serif;
}
#content ol li h3 {
  margin-top: -8px;
}




/* three carousel items with flip box */
.owl-carousel .owl-wrapper-outer{
  padding-top: 40px;
  padding-bottom: 40px;
}
.faria-flip-box a.flipBoxLink,
.faria-flip-box a.flipBoxLink:hover 
{
  color: #fff;
  text-decoration: none;
  border: 0px solid #fff;
  display: block;
}
.flip-box-front {
  position: relative;
}
.faria-flip-box .flip-box-front a.flipBoxLink {
  z-index: 9999;
}
.faria-flip-box .flip-box-back a.flipBoxLink {
  z-index: 1;
}

.faria-flip-box {
  -ms-transform-style: preserve-3d;
  transform-style: preserve-3d;
  -webkit-transform-style: preserve-3d;
  perspective: 1000px;
  -webkit-perspective: 1000px;
}
.faria-flip-box .flip-box-front[data-text-color="dark"], .faria-flip-box .flip-box-back[data-text-color="dark"] {
  color: #676767;
}

.faria-flip-box .flip-box-front[data-text-color="light"],
.faria-flip-box .flip-box-back[data-text-color="light"]
{
  background-color: #000;
  min-height: 440px;
  height: auto;
}
.faria-flip-box .flip-box-front[data-text-color="light"] {
  background-color: rgb(10, 10, 10);
}
.ffb-small .flip-box-front[data-text-color="light"],
.ffb-small .flip-box-back[data-text-color="light"]
{
  min-height: 300px;
}

.faria-flip-box .flip-box-front[data-text-color="light"] *,
.faria-flip-box .flip-box-back[data-text-color="light"] * 
{
  color: #fff;
}

.faria-flip-box {
  transform: translate3D(0, 0, 0);
  -webkit-transform: translate3D(0, 0, 0);
  -webkit-transform-style: preserve-3d;
}

.faria-flip-box .flip-box-front,
.faria-flip-box .flip-box-back 
{
  background-size: cover;
  background-position: center;
  -ms-transition: transform 0.7s cubic-bezier(0.4, 0.2, 0.2, 1);
  transition: transform 0.7s cubic-bezier(0.4, 0.2, 0.2, 1);
  -webkit-transition: transform 0.7s cubic-bezier(0.4, 0.2, 0.2, 1);
  -webkit-backface-visibility: hidden;
  backface-visibility: hidden;
  transform: translate3D(0, 0, 0);
  -webkit-transform: translate3D(0, 0, 0);
  -webkit-transform-style: preserve-3d;
}

.faria-flip-box .flip-box-back  {
  -moz-transform: scaleX(-1);
  -o-transform: scaleX(-1);
  -webkit-transform: scaleX(-1);
  transform: scaleX(-1);
  filter: FlipH;
  -ms-filter: "FlipH";
}
.faria-flip-box .flip-box-front {
  z-index: 2;
}
.faria-flip-box .flip-box-back {
  z-index: 1;
}


.faria-flip-box[data-shadow="light_visibility"] .flip-box-back,
.faria-flip-box[data-shadow="light_visibility"] .flip-box-front {
  box-shadow: 0px 30px 60px rgba(0, 0, 0, 0.2);
}
.faria-flip-box[data-shadow="heavy_visibility"] .flip-box-back,
.faria-flip-box[data-shadow="heavy_visibility"] .flip-box-front {
  box-shadow: 0px 30px 75px rgba(0, 0, 0, 0.4);
}
.faria-flip-box .flip-box-back[data-bg-overlay="true"]:after,
.faria-flip-box .flip-box-front[data-bg-overlay="true"]:after {
  position: absolute;
  z-index: 1;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  content: ' ';
  display: block;
  opacity: 0.6;
  background-color: inherit;
  -webkit-backface-visibility: hidden;
  backface-visibility: hidden;
}

.faria-flip-box:hover .flip-box-front,
.faria-flip-box:hover .flip-box-back
{
  -ms-transition: transform 0.7s cubic-bezier(0.4, 0.2, 0.2, 1);
  transition: transform 0.7s cubic-bezier(0.4, 0.2, 0.2, 1);
  -webkit-transition: transform 0.7s cubic-bezier(0.4, 0.2, 0.2, 1);
}
.faria-flip-box .flip-box-back {
  position: absolute;

  top: 0;
  left: 0;
  width: 100%;
}
.faria-flip-box .faria-button {
  -webkit-transform: translateZ(0);
  transform: translateZ(0);
}
.faria-flip-box[data-h_text_align="center"] .flip-box-back,
.faria-flip-box[data-h_text_align="center"] .flip-box-front {
  text-align: center;
}
.faria-flip-box[data-h_text_align="right"] .flip-box-back,
.faria-flip-box[data-h_text_align="right"] .flip-box-front {
  text-align: right;
}
.faria-flip-box[data-v_text_align="center"] .flip-box-back .inner,
.faria-flip-box[data-v_text_align="center"] .flip-box-front .inner 
{
  transform: translateY(-50%) translateZ(60px) scale(0.94);
  -webkit-transform: translateY(-50%) translateZ(60px) scale(0.94);
  -ms-transform: translateY(-50%) translateZ(60px) scale(0.94);
  top: 50%;
}
.faria-flip-box[data-v_text_align="bottom"] .flip-box-back .inner,
.faria-flip-box[data-v_text_align="bottom"] .flip-box-front .inner 
{
  -ms-transform: translateZ(60px) scale(0.94);
  transform: translateZ(60px) scale(0.94);
  -webkit-transform: translateZ(60px) scale(0.94);
  bottom: 0;
}
.faria-flip-box[data-v_text_align="top"] .flip-box-back .inner,
.faria-flip-box[data-v_text_align="top"] .flip-box-front .inner 
{
  -ms-transform: translateZ(60px) scale(0.94);
  transform: translateZ(60px) scale(0.94);
  -webkit-transform: translateZ(60px) scale(0.94);
  top: 0;
}
.faria-flip-box[data-flip-direction="vertical-to-top"] .flip-box-back .inner,
.faria-flip-box[data-flip-direction="vertical-to-top"] .flip-box-front .inner 
{
  -ms-transform: translateZ(50px) scale(0.95);
  transform: translateZ(50px) scale(0.95);
  -webkit-transform: translateZ(50px) scale(0.95);
}
.faria-flip-box[data-flip-direction="vertical-to-bottom"] .flip-box-back .inner,
.faria-flip-box[data-flip-direction="vertical-to-bottom"] .flip-box-front .inner 
{
  -ms-transform: translateZ(50px) scale(0.95);
  transform: translateZ(50px) scale(0.95);
  -webkit-transform: translateZ(50px) scale(0.95);
}
.faria-flip-box[data-v_text_align="center"][data-flip-direction="vertical-to-bottom"] .flip-box-back .inner,
.faria-flip-box[data-v_text_align="center"][data-flip-direction="vertical-to-bottom"] .flip-box-front .inner 
{
  -ms-transform: translateY(-50%) translateZ(50px) scale(0.95);
  transform: translateY(-50%) translateZ(50px) scale(0.95);
  -webkit-transform: translateY(-50%) translateZ(50px) scale(0.95);
}
.faria-flip-box[data-v_text_align="center"][data-flip-direction="vertical-to-top"] .flip-box-back .inner,
.faria-flip-box[data-v_text_align="center"][data-flip-direction="vertical-to-top"] .flip-box-front .inner 
{
  -ms-transform: translateY(-50%) translateZ(50px) scale(0.95);
  transform: translateY(-50%) translateZ(50px) scale(0.95);
  -webkit-transform: translateY(-50%) translateZ(50px) scale(0.95);
}
.faria-flip-box .flip-box-back .inner,
.faria-flip-box .flip-box-front .inner 
{
  display: block;
  position: absolute;
  left: 0;
  width: 100%;
  padding: 20px;
  outline: 1px solid transparent;
  -webkit-perspective: inherit;
  perspective: inherit;
  z-index: 2;
}

.faria-flip-box[data-flip-direction="horizontal-to-left"] .flip-box-back {
 -webkit-backface-visibility: hidden;
  -ms-backface-visibility: hidden;
  backface-visibility: hidden;
  
  -webkit-transform-style: preserve-3d;
  -ms-transform-style: preserve-3d;
  transform-style: preserve-3d;

  -ms-transform: rotateY(180deg);
  -webkit-transform: rotateY(180deg);
  transform: rotateY(180deg);
}

.faria-flip-box {
  position: relative;
}

.faria-flip-box .flip-box-back .flippedImg {
  position: absolute;
  left: 0;
  width: 100%;
  height: 100%;
  display: flex;

  -webkit-backface-visibility: hidden;
  -ms-backface-visibility: hidden;
  backface-visibility: hidden;

  -webkit-transform-style: preserve-3d;
  -ms-transform-style: preserve-3d;
  transform-style: preserve-3d;
}

.faria-flip-box .flip-box-back .flippedImg .flippedImgCnt {
  background-size: cover;
  background-position: center;
  position: relative;
  width: 100%;
  height: 100%;
  display: flex;

  -moz-transform: scaleX(-1);
  -o-transform: scaleX(-1);
  -webkit-transform: scaleX(-1);
  transform: scaleX(-1);
  filter: FlipH;
  -ms-filter: "FlipH";
}
body:not(.using-mobile-browser) .faria-flip-box[data-flip-direction="horizontal-to-right"]:hover .flip-box-front,
.owl-carousel.moving .faria-flip-box[data-flip-direction="horizontal-to-left"] .flip-box-back {
  -ms-transform: rotateY(180deg);
  -webkit-transform: rotateY(180deg);
  transform: rotateY(180deg);
  -webkit-transform-style: preserve-3d;
  -ms-transform-style: preserve-3d;
  transform-style: preserve-3d;
}
.faria-flip-box[data-flip-direction="horizontal-to-right"].flipped .flip-box-front {
  -ms-transform: rotateY(180deg) !important;
  -webkit-transform: rotateY(180deg) !important;
  transform: rotateY(180deg) !important;
}
.faria-flip-box[data-flip-direction="horizontal-to-left"] .flip-box-front {
  -ms-transform: rotateY(0deg);
  -webkit-transform: rotateY(0deg);
  transform: rotateY(0deg);
  -webkit-transform-style: preserve-3d;
  -ms-transform-style: preserve-3d;
  transform-style: preserve-3d;
}
body:not(.using-mobile-browser) .faria-flip-box[data-flip-direction="horizontal-to-left"]:hover .flip-box-back,
.faria-flip-box[data-flip-direction="horizontal-to-right"] .flip-box-front,
body:not(.using-mobile-browser) .faria-flip-box[data-flip-direction="horizontal-to-right"]:hover .flip-box-back {
  -ms-transform: rotateY(0deg);
  -webkit-transform: rotateY(0deg);
  transform: rotateY(0deg);
  -webkit-transform-style: preserve-3d;
  -ms-transform-style: preserve-3d;
  transform-style: preserve-3d;
}
.owl-carousel.moving .faria-flip-box[data-flip-direction="horizontal-to-left"] .flip-box-front,
.owl-carousel.moving .faria-flip-box[data-flip-direction="horizontal-to-right"] .flip-box-front {
  -ms-transform: rotateY(0deg);
  -webkit-transform: rotateY(0deg);
  transform: rotateY(0deg);
  -webkit-transform-style: preserve-3d;
  -ms-transform-style: preserve-3d;
  transform-style: preserve-3d;
}

.faria-flip-box[data-flip-direction="horizontal-to-left"].flipped .flip-box-back,
.faria-flip-box[data-flip-direction="horizontal-to-right"].flipped .flip-box-back {
  -ms-transform: rotateY(0deg) !important;
  -webkit-transform: rotateY(0deg) !important;
  transform: rotateY(0deg) !important;
}

body:not(.using-mobile-browser) .faria-flip-box[data-flip-direction="horizontal-to-left"]:hover .flip-box-front,
.faria-flip-box[data-flip-direction="horizontal-to-right"] .flip-box-back,
.owl-carousel.moving .faria-flip-box[data-flip-direction="horizontal-to-right"] .flip-box-back {
  -ms-transform: rotateY(-180deg);
  -webkit-transform: rotateY(-180deg);
  transform: rotateY(-180deg);
  -webkit-transform-style: preserve-3d;
  -ms-transform-style: preserve-3d;
  transform-style: preserve-3d;
}

.faria-flip-box[data-flip-direction="horizontal-to-left"].flipped .flip-box-front {
  -ms-transform: rotateY(-180deg) !important;
  -webkit-transform: rotateY(-180deg) !important;
  transform: rotateY(-180deg) !important;
}
.faria-flip-box[data-flip-direction="vertical-to-top"] .flip-box-back {
  -ms-transform: rotateX(180deg);
  -webkit-transform: rotateX(180deg);
  transform: rotateX(180deg);
  -webkit-transform-style: preserve-3d;
  -ms-transform-style: preserve-3d;
  transform-style: preserve-3d;
}

body:not(.using-mobile-browser) .faria-flip-box[data-flip-direction="vertical-to-bottom"]:hover .flip-box-front {
  -ms-transform: rotateX(180deg);
  -webkit-transform: rotateX(180deg);
  transform: rotateX(180deg);
  -webkit-transform-style: preserve-3d;
  -ms-transform-style: preserve-3d;
  transform-style: preserve-3d;
}

.faria-flip-box[data-flip-direction="vertical-to-bottom"].flipped .flip-box-front {
  -ms-transform: rotateX(180deg) !important;
  -webkit-transform: rotateX(180deg) !important;
  transform: rotateX(180deg) !important;
}
.faria-flip-box[data-flip-direction="vertical-to-top"] .flip-box-front {
  -ms-transform: rotateX(0deg);
  -webkit-transform: rotateX(0deg);
  transform: rotateX(0deg);
  -webkit-transform-style: preserve-3d;
  -ms-transform-style: preserve-3d;
  transform-style: preserve-3d;
}

body:not(.using-mobile-browser) .faria-flip-box[data-flip-direction="vertical-to-top"]:hover .flip-box-back,
.faria-flip-box[data-flip-direction="vertical-to-bottom"] .flip-box-front,
body:not(.using-mobile-browser) .faria-flip-box[data-flip-direction="vertical-to-bottom"]:hover .flip-box-back {
  -ms-transform: rotateX(0deg);
  -webkit-transform: rotateX(0deg);
  transform: rotateX(0deg);
  -webkit-transform-style: preserve-3d;
  -ms-transform-style: preserve-3d;
  transform-style: preserve-3d;
}
.faria-flip-box[data-flip-direction="vertical-to-top"].flipped .flip-box-back,
.faria-flip-box[data-flip-direction="vertical-to-bottom"].flipped .flip-box-back {
  -ms-transform: rotateX(0deg) !important;
  -webkit-transform: rotateX(0deg) !important;
  transform: rotateX(0deg) !important;
}
body:not(.using-mobile-browser) .faria-flip-box[data-flip-direction="vertical-to-top"]:hover .flip-box-front {
  -ms-transform: rotateX(-180deg);
  -webkit-transform: rotateX(-180deg);
  transform: rotateX(-180deg);
  -webkit-transform-style: preserve-3d;
  -ms-transform-style: preserve-3d;
  transform-style: preserve-3d;
}
.faria-flip-box[data-flip-direction="vertical-to-bottom"] .flip-box-back {
  -ms-transform: rotateX(-180deg);
  -webkit-transform: rotateX(-180deg);
  transform: rotateX(-180deg);
  -webkit-transform-style: preserve-3d;
  -ms-transform-style: preserve-3d;
  transform-style: preserve-3d;
}
.faria-flip-box[data-flip-direction="vertical-to-top"].flipped .flip-box-front {
  -ms-transform: rotateX(-180deg) !important;
  -webkit-transform: rotateX(-180deg) !important;
  transform: rotateX(-180deg) !important;
}
.faria-flip-box .flip-box-front i,
.faria-flip-box .flip-box-back i 
{
  margin-bottom: 20px;
  height: auto !important;
  display: block;
  width: auto !important;
}

.faria-flip-box [class^="icon-"][data-color="extra-color-gradient-1"]:before,
.faria-flip-box [class*=" icon-"][data-color="extra-color-gradient-1"]:before,
.faria-flip-box [class^="icon-"].extra-color-gradient-1:not(.icon-normal):before,
.faria-flip-box [class*=" icon-"].extra-color-gradient-1:not(.icon-normal):before,
.faria_icon_wrap[data-color="extra-color-gradient-1"] i,
.faria-flip-box [class^="fa-"][data-color="extra-color-gradient-1"]:before,
.faria-flip-box [class*=" fa-"][data-color="extra-color-gradient-1"]:before,
.faria-flip-box [class^="fa-"].extra-color-gradient-1:not(.fa-normal):before,
.faria-flip-box [class*=" fa-"].extra-color-gradient-1:not(.fa-normal):before,
.faria_icon_wrap[data-color="extra-color-gradient-1"] i 
{
  color: #39dfa5;
  background: linear-gradient(to bottom right, #39dfa5, #1fbdf2);
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
  background-clip: text;
  text-fill-color: transparent;
  display: initial;
}

.garagesdesign .faria-flip-box [class^="icon-"][data-color="extra-color-gradient-1"]:before,
.garagesdesign .faria-flip-box [class*=" icon-"][data-color="extra-color-gradient-1"]:before,
.garagesdesign .faria-flip-box [class^="icon-"].extra-color-gradient-1:not(.icon-normal):before,
.garagesdesign .faria-flip-box [class*=" icon-"].extra-color-gradient-1:not(.icon-normal):before,
.garagesdesign .faria_icon_wrap[data-color="extra-color-gradient-1"] i,
.garagesdesign .faria-flip-box [class^="fa-"][data-color="extra-color-gradient-1"]:before,
.garagesdesign .faria-flip-box [class*=" fa-"][data-color="extra-color-gradient-1"]:before,
.garagesdesign .faria-flip-box [class^="fa-"].extra-color-gradient-1:not(.fa-normal):before,
.garagesdesign .faria-flip-box [class*=" fa-"].extra-color-gradient-1:not(.fa-normal):before,
.garagesdesign .faria_icon_wrap[data-color="extra-color-gradient-1"] i 
{
  color: #e0c56e;
  background: linear-gradient(to bottom right, #e0c56e, #d4af37);
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
  background-clip: text;
  text-fill-color: transparent;
  display: initial;
}

.faria-flip-box [class^="icon-"]:before,
.faria-flip-box [class*=" icon-"]:before,
.faria-flip-box [class^="fa-"]:before,
.faria-flip-box [class*=" fa-"]:before 
{
  text-decoration: inherit;
  speak: none;
}
.faria-footer {
  position: relative;
  z-index: 999;
  text-align: center;
  padding: 20px;
}


@media screen and (min-width: 1024px) and (max-width: 1280px) {
  .faria-flip-box h3 {
    font-size: 1.4em;
  }
  .faria-flip-box .flip-box-back .inner, 
  .faria-flip-box .flip-box-front .inner
  {
    font-size: 13px;
    line-height: 1.4em;
  }
}


.testi-carousel-three[data-column-padding="5px"] .item{padding:6px}
.testi-carousel-three[data-column-padding="10px"] .item{padding:11px}
.testi-carousel-three[data-column-padding="15px"] .item{padding:16px}
.testi-carousel-three[data-column-padding="20px"] .item{padding:21px}
.testi-carousel-three[data-column-padding="30px"] .item{padding:31px}
.testi-carousel-three[data-column-padding="40px"] .item{padding:41px}
.testi-carousel-three[data-column-padding="50px"] .item{padding:51px}



.extra-icon {
  font-size: 44px;
  line-height: 44px;
}

.owl-item {
  cursor:-webkit-grab;cursor:-moz-grab;-ms-touch-action:pan-Y
}


.hasImage .fp-tableCell {
  background: rgba(0,0,0,0.7);
}
/*
.parallax.grey-bg {
  background: rgb(0,0,0);
  background: rgba(0,0,0,1.0);
}
*/

/* ---------------------------------------------------------------------------------------
  PRICE TABLE 
--------------------------------------------------------------------------------------- */
.price {
  margin: 0; padding: 0;
  line-height: 1.3em;
}

.price * {color: #fff}
.price .bg_grey {background-color: rgba(35, 35, 35, 0.90)}
.price .bg_light_grey {background-color: rgba(55, 55, 55,0.90)}
.priceTable {
  display: block;
  width: 1100px;
  max-width: 100%;
  padding: 0;
  margin: auto auto;
  background: transparent;
  position: relative;
  top: 60px;
}
.priceTableCell {
  display: block;
  position: relative;
  float: none;
  width: 100%;
  padding: 30px 0 10px 0;
  margin-bottom: 70px;
}
.priceFooter .priceTableCell {
  margin-bottom: 30px;
}
.garagesdesign .priceSwitchDisplay {
  display: none;
}
@media (min-width: 992px) {
  .priceTableCell {
    padding: 30px 0 10px 0;
    margin-bottom: 70px;
  }
}
.price_basic,
.price_vip,
.price_premium
{
  border: 2px solid rgba(242, 108, 0, 1.0);
}
.garagesdesign .price_basic,
.garagesdesign .price_vip,
.garagesdesign .price_premium
{
/*
  border: 2px solid rgba(95, 199, 208, 1.0);
*/
  border: 2px solid rgba(212, 175, 55, 1.0);
}
.price_bestseller {
  position: absolute;
  z-index: 100;
  top: -60px;
  right: -0px;
  text-align: center;
  background: #F79323;
  height: 90px;
  width: 90px;
  -webkit-box-shadow: 0px -6px 41px -2px rgba(0,0,0,0.41);
  -moz-box-shadow: 0px -6px 41px -2px rgba(0,0,0,0.41);
  box-shadow: 0px -6px 41px -2px rgba(0,0,0,0.41);
  text-transform: uppercase;
}
.garagesdesign .price_bestseller {
  background: #daaf37;
}

.price_bestseller::before,
.price_bestseller::after 
{
  content: "";
  z-index: 9;
  position: absolute;
  top: 0;
  right: 0;
  height: 90px;
  width: 90px;
  background: #daaf37;
}
.garagesdesign .price_bestseller::before,
.garagesdesign .price_bestseller::after 
{
  background: #daaf37;
}

.price_bestseller .unskew {
  position: relative;
  top: 50%;
  left: 50%;
  -webkit-transform: translate(-50%,-50%);
  -moz-transform: translate(-50%,-50%);
  -ms-transform: translate(-50%,-50%);
  -o-transform: translate(-50%,-50%);
  transform: translate(-50%,-50%);
  z-index: 10;
  width: 100%;
  -ms-hyphens: auto;
  -webkit-hyphens: auto;
  hyphens: auto;
  font-size: 1.2em;
  line-height: 1.1em;
}
.price_bestseller:before {transform: rotate(30deg);} 
.price_bestseller:after {transform: rotate(60deg);}

/*
<a href="#kontakt" class="btn btn-slider smsc hide_onmobile">Jetzt anfragen</a>
*/
.show_mobile, a.show_mobile {display: block}
.hide_mobile, a.hide_mobile {display: none}

@media (min-width: 992px)  {
  .show_mobile, a.show_mobile {display: none}
  .hide_mobile, a.hide_mobile {display: block}

  .priceTableCell {
    display: table-cell;
    vertical-align: top;
  }
  .priceTable {
    display: table;
    table-layout: fixed;
    border-collapse: separate;
    border-spacing: 0px 0px;
    border-spacing: 0;
    margin: 0;
  }
  .price_basic,
  .price_vip 
  {
    border: 2px solid rgba(242, 108, 0, 0.6);
  }
  .garagesdesign .price_basic,
  .garagesdesign .price_vip 
  {
    /*
    border: 2px solid rgba(95, 199, 208, 0.8);
    */
    border: 2px solid rgba(212, 175, 55, 0.8);
  }
  .price_premium {
    border: 2px solid #F79323;
    top: -2px;
    height: 101%;
    -webkit-transform: scale(1.05);
    -moz-transform: scale(1.05);
    -ms-transform: scale(1.05);
    -o-transform: scale(1.05);
    transform: scale(1.05);
    z-index: 10;
    -webkit-box-shadow: 0px -6px 41px -2px rgba(0,0,0,0.41);
    -moz-box-shadow: 0px -6px 41px -2px rgba(0,0,0,0.41);
    box-shadow: 0px -6px 41px -2px rgba(0,0,0,0.41);
  }
  .garagesdesign .price_premium {
    border: 2px solid #daaf37;
  }
  
  .price_bestseller {
    right: -30px;
  }
  .price .btn {
    margin-left: 5%;
    width: 90%;
    -webkit-box-shadow: 0px -6px 41px -2px rgba(0,0,0,0.41);
    -moz-box-shadow: 0px -6px 41px -2px rgba(0,0,0,0.41);
    box-shadow: 0px -6px 41px -2px rgba(0,0,0,0.41);
  }
}

span.price_top {
  display: block;
  background: #F79323;
  padding: 20px 0 10px 0;
}
.garagesdesign span.price_top {
  background: #daaf37;
}
/* --- einmal preis ausblenden --- */
span.price_once {display: none}
span.showPrice {display: block}
span.hidePrice {display: none}
.priceSwitch {margin-bottom: 15px}
.priceSwitch a {
  color: #fff;
  outline: none;
  text-decoration: none;
  padding: 8px 10px;
  border: 1px solid #F79323;
}
.garagesdesign .priceSwitch a {
  border: 1px solid #daaf37;
}

.priceSwitch a:hover,
.priceSwitch a:visited
{
  color: #fff;
  text-decoration: none;
  background: #F79323;
}
.garagesdesign .priceSwitch a:hover,
.garagesdesign .priceSwitch a:visited
{
  background: #daaf37;
}

a.priceActive {
  background: #F79323;
}
.garagesdesign a.priceActive {
  background: #daaf37;
}
.oncePrice .inklFeature {display: none;}
/* --- END PRICE SWITCH --- */

span.price_top,
.price h2 
{
  margin: 0;
  text-align: center;
  font-size: 1.6em;
}
.price h2 {
  margin-bottom: 10px;
}
.price_premium h2 {
  margin-top: 5px;
}
.price .priceFooter {
  line-height: 1.5em;
  padding-bottom: 20px;
}
.price span.mini {
  font-size: 16px;
  text-shadow: 0px 0px 8px rgba(0, 0, 0, 0.55);
  text-transform: none;
}
ul.price_list {
  position: relative;
  width: 90%;
  margin: 6px 5% 6px 5%;
  line-height: 1.5em;
  padding: 10px 10px 8px 10px;
  list-style: none;
}
.price_plus + ul.price_list {
  margin-top: 0px;
}
ul.borderUl {
  border: 1px solid #fff;
  width: 90%;
  margin: 15px 4% 15px 4%;
}

ul.price_list li {
  position: relative;
  padding-left: 20px;
  margin-bottom: 4px;
}
ul.price_list li::before {
  font-family: "FontAwesome";
  font-weight: normal;
  content: "\f00c";
  position: absolute;
  left: 0px;
  top: 5px;
  line-height: 15px;
}
ul.price_list li.intervall::before {
  content: "\f017";
}
.price_plus {
  text-align: center;
  font-size: 5.0em;
  width: 100%;
  padding: 15px 0 20px 0;
  display: block;
}
.plus_more {
  display: block;
  text-align: center;
  text-transform: uppercase;
  color: #F79323;
}
.garagesdesign .plus_more {
  color: #daaf37;
}

.plus_more_euro {text-transform: none;}

.news-related-news-date {display: none;}

/* glossar styling Ÿber div id c172 = list */
ul.styledlist,
.news-text-wrap ul,
.news-related ul,
#c172 dl
{
  position: relative;
  list-style: none;
  list-style-position: outside;
  list-style-position: inside;
  margin-top: 0;
  padding: 0;
}
/* glossar styling Ÿber div id c172 = list */
ul.styledlist li,
.news-related li,
.news-text-wrap li,
#c172 dl dt {
  position: relative;
  padding-left: 1.4em;
  line-height: 1.7em;
  padding: 6px 0 6px 1.4em;
}
#page dt {
  font-weight: 500;
}
.dpnglossary dt,
.dpnglossary dd {
  line-height: 1.7em;
  margin-bottom: 1.2em;
}

ul.styledlist li::before,
.news-related li::before,
.news-text-wrap li::before,
#c172 dl dt::before 
{
  position: absolute;
  left: 0;
  top: 6px;
  content: "\f00c";
  font-family: "FontAwesome";
  font-size: 1em;
  font-style: normal;
  font-weight: 900;
  font-variant: normal;
  text-align: left;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  display: inline-block;
  background: transparent;
  border: none;
  color: #F79323;
/*
  margin-left: -1.4em;
*/
  width: 1.4em;
}

.garagesdesign ul.styledlist li::before,
.garagesdesign .news-related li::before,
.garagesdesign .news-text-wrap li::before,
.garagesdesign #c172 dl dt::before 
{
  color: #daaf37;
}

@media 
(min-width: 992px) 
{
  #c172 dl {
    width: 100%; 
    column-count: 2; 
    column-gap: 50px;
    margin-bottom: 20px;
  }
}
#c172 dl dd {
  margin: 0 0 0 24px;
}
#c172 dl dt::before {
  content: "\f055";
}
.news-related li::before {
  content: "\f08e";
}

@media 
(max-width: 1280px) 
and 
(min-width: 992px) 
{
  .price {
    font-size: 0.8em;
    line-height: 1.1em;
  }

  span.price_top,
  .price h2 
  {
    font-size: 1.4em;
  }
  .price_plus {
    font-size: 3.0em;
    padding-top: 12px;
  }
  ul.price_list {
    margin: 0px 5% 0px 5%;
    padding: 8px 10px 0px 10px;
  }
  ul.borderUl {
    margin-top: 10px;
    margin-bottom: 10px;
  }
  .price_bestseller {
    top: -30px;
  }
  .price_bestseller,
  .price_bestseller:before,
  .price_bestseller:after 
  {
    height: 60px;
    width: 60px;
  }
}

@media (min-width:576px) {
  .powermail_fieldwrap_type_html .col-sm-offset-2 {
    line-height: 1.2em;
    margin: 0;
    width: 100%;
    padding: 1.1em;
  }
}

#mainmenu li.lang-nav-mobile {
  display: none;
}
/* bild im footer */
.footer-outer .footer .img-responsive {
  min-width: 220px;
  max-width: 260px;
  margin-top: 0.75em;
  margin-bottom: 0.75em;
}

.footer h1,
.footer h2,
.footer h3,
.footer h4,
.footer h5,
.footer h6,
.footer .ce-bodytext,
.footer .feature-box *
{
  visibility: visible ! important;
}

.garagesdesign .footer .col-md-4 + .col-md-4 img.img-responsive {
  text-align: center;
  margin: 25px auto 0 auto;
} 

@media (min-width: 992px) {
  body.garagesdesign .footer {
    height: 310px;
  }
}
@media (max-width: 992px) {
  #mainmenu li.lang-nav-mobile { 
    display: block;
    text-align: right;
    padding-right: 17px;
  }
  body.garagesdesign #mainmenu > li a.bread_link_small {
    width: 40px;
    display: inline-block;
  }
  body.garagesdesign #mainmenu > li a.bread_link_small.active {
    color: #daaf37;
  }
}
body.garagesdesign .footer {
  font-size: 15px;
  line-height: 1.5em;
}
body.garagesdesign .footer,
body.garagesdesign .footer h2,
body.garagesdesign .footer h3,
body.garagesdesign .footer h4,
body.garagesdesign .footer h5,
body.garagesdesign .footer h6 {
  color: #f4f4f4;
}
body.garagesdesign .footer .tiny-border {
  background-color: #f4f4f4;
  opacity: 0.7;
}

@media (min-width: 992px) {
  body.themarketeers .footer {
    height: 320px;
  }
}
body.garagesdesign .footer h2,
body.garagesdesign .footer h3,
body.garagesdesign .footer h4,
body.garagesdesign .footer h5,
body.garagesdesign .footer h6 {
  font-size: 32px;
}
body.themarketeers .footer
{
  font-size: 20px;
  line-height: 1.5em;
}
/*
body.themarketeers footer {
  background-color:#000;
  background-image: none;
}
body.themarketeers .footer,
body.themarketeers footer a,
body.themarketeers .footer h2,
body.themarketeers .footer h3,
body.themarketeers .footer h4,
body.themarketeers .footer h5,
body.themarketeers .footer h6 
{
  color: #fff;
}
body.themarketeers .footer .tiny-border {
  background-color:#fff;
}
*/
body.themarketeers footer {
  background-color: #E6E6DD;
  background-image: none;
}
.footer-outer .footer .img-responsive {
  margin-left: auto;
  margin-right: auto;
  margin-bottom: 30px;
  width: 90%;
  max-width: 320px;
}
body.themarketeers .footer,
body.themarketeers footer a,
body.themarketeers .footer h2,
body.themarketeers .footer h3,
body.themarketeers .footer h4,
body.themarketeers .footer h5,
body.themarketeers .footer h6 
{
  color: #062711;
}
body.themarketeers .footer .tiny-border {
  background-color: #062711;
}

body.themarketeers footer .feature-box {
  display: inline-block;
  margin: 0;
  margin-bottom: 20px;
  padding:0;
}
body.themarketeers footer .feature-box + .divider-double {
  display: none;
}
body.themarketeers footer .feature-box i {
  display: inline;
  color: #062711;
}
body.themarketeers footer .feature-box a {
  color: #062711;
  text-decoration: none;
}
body.themarketeers footer .feature-box a:hover {
  opacity: 0.8;
}
body.themarketeers footer .feature-box a.icon-link {
  display: block; 
  float: left;
  margin-left: 10px;
  margin-right: 10px;
  -webkit-transition: all 0.2s ease-in-out;
  -moz-transition: all 0.2s ease-in-out;
  -ms-transition: all 0.2s ease-in-out;
  -o-transition: all 0.2s ease-in-out;
  transition: all 0.2s ease-in-out;
}
@media (min-width : 1024px)
  and (max-width : 1368px)
  { 
    body.themarketeers footer .feature-box a.icon-link {
      margin-right: 15px;
    }
    .feature-box i {
      font-size: 32px;
    }
    body.themarketeers footer .row {
      margin-left: 30px;
      margin-right: 30px;
    }
}
@media (max-width : 1024px) {
  body.themarketeers footer .row {
    margin-left: 30px;
    margin-right: 30px;
  }
}

@media (min-width: 768px) {
  body.themarketeers.startseite #content section:not(.frame-20) .container {
    width: 100%;
  }
  
}
body.themarketeers footer .col-md-4 {
  padding: 0;
  width: 100%;
  text-align: center;
}
@media (max-width: 992px) {
  body.themarketeers footer .col-md-4 {
    margin: 0;
  }
  body.themarketeers footer > div.container {
    padding: 0 15px 0 15px;
  }


}
body.themarketeers footer .feature-box a.icon-link:hover {
 transform: scale(1.05);
}
body.themarketeers footer .feature-box .text {
  display: none;
}


/*
   Projekt Ansicht 
   .box-one-third.layout-600
  */
.layout-600 .inner {
  padding: 0;
  position: relative;
}

.layout-600 .media-body {position: relative;}

.layout-600 .media-body {
  display: flex;
  width: 100%;
  height: 100%;
}
.layout-600 * {
  transition: all 0.2s ease;
  -webkit-transition: all 0.2s ease;
  -moz-transition: all 0.2s ease;
  -ms-transition: all 0.2s ease;
  -o-transition: all 0.2s ease;
}
.layout-600 .inner .small-border {
  width: 0;
  margin-top: 10px;
  margin-bottom: 10px;
  background: #fff;
}
.layout-600 .inner:hover .small-border {
  width: 150px;
}
#content .layout-600 h2,
#content .layout-600 h3 
{
  margin: 0;
  padding: 0;
  font-size: 1.6em;
  font-family: 'Barlow', Arial, Helvetica, sans-serif;
}
.box-container .layout-600.light-text .inner::before {
  opacity: 0;
  transition: all 0.2s ease;
  -webkit-transition: all 0.2s ease;
  -moz-transition: all 0.2s ease;
  -ms-transition: all 0.2s ease;
  -o-transition: all 0.2s ease;
}
.layout-600 .inner .text-center {
  /*align-self: center;*/
  display: flex;
  max-width: 100%;
  width: 100%;
}
.layout-600 .inner .text-center a {
  text-decoration: none;
  top: 0%;
  left: 0%;
  width: 100%;
  height: 100%;
  overflow: hidden;
  display: flex;
  flex-wrap: nowrap;
  flex-direction: column;
  justify-content: center;
  opacity: 0;
  z-index: 2;
}
/**
  * layout-600 = Referenz Ansichtliste 
  */
.box-container .layout-600.light-text .inner:hover::before {
  opacity: 0.5;
}
@media screen and (max-width: 480px) {
  .box-container .layout-600.light-text {
    display: table;
  }
  .box-container .layout-600.light-text .inner {
    vertical-align: middle;
    display: table-cell;
    opacity: 0.7;
  }
}

.layout-600 .text-center h2,
.layout-600 .text-center h3 
{
  transform: translateY(-20px);
}
.layout-600 .text-center span {
  transform: translateY(20px);
}
.layout-600 .inner:hover .text-center a {
  opacity: 1;
}
.layout-600 .inner:hover h2,
.layout-600 .inner:hover h3,
.layout-600 .inner:hover span {
  transform: translateY(0px);
}

.contain,
.tp-bgimg {
  object-fit: cover;
}

@media (max-width : 414px)
    and (max-height : 960px)
    and (orientation: portrait) {
  .bgposright .tp-bgimg {
    background-position: center right !important;
  }
  .bgposleft .tp-bgimg {
    background-position: center left !important;
  }
}

#revolution-slider h1,
#revolution-slider h2,
#subheader h1 span
{
  line-height:1;
  letter-spacing: 0px;
  font-size: 44px;
  color: #fff;
  font-family: 'Barlow', Arial, Helvetica, Verdana, sans-serif;
  font-weight: 700;
  text-transform: uppercase;
  letter-spacing: 2px;
}

@media (min-width: 1680px) {
  #revolution-slider h1,
  #revolution-slider h2,
  #subheader h1 span
  {
    font-size: 64px;
  }
  #slider .tp-caption p {
    font-size: 51px;
  }
  .garagesdesign #slider .tp-caption p {
    font-size: 30px;
    font-weight: normal;
    line-height: 1.2em;
  }
}

@media (max-width: 1280px) and (min-width: 1141px) {
  #revolution-slider h1,
  #revolution-slider h2,
  #subheader h1 span
  {
    font-size: 36px;
  }
}
@media (max-width: 1140px) and (min-width: 992px) {
  #revolution-slider h1,
  #revolution-slider h2,
  #subheader h1 span  
  {
    font-size: 30px;
  }
}
@media (max-width: 769px) {
  #revolution-slider h1,
  #revolution-slider h2,
  #subheader h1 span 
  {
    font-size: 24px;
    line-height: 1.3em;
    white-space: normal;
    hyphens: auto;
  }
  #revolution-slider .h-line {
    margin-top: -55px ! important;
  }
  #revolution-slider .btn-slider {
    margin-top: 40px;
  }
}
#revolution-slider .sliderdesktop {
  display: block;
}
#revolution-slider .slidermobile {
  display: none;
}
@media (max-width: 576px) {
  #revolution-slider .sliderdesktop {
    display: none;
  }
  #revolution-slider .slidermobile {
    display: block;
  }
/*
  #revolution-slider .tp-bgimg {
    background-size: cover;
  }
*/
}

@media (max-width: 400px) {
  #revolution-slider .tp-caption {
    line-height: 1.3em;
    white-space: normal;
  }
  #revolution-slider h1,
  #revolution-slider h2,
  #subheader h1 span {
    font-size: 20px;
  }
}


table.ce-table {
  margin-bottom: 40px;
  width: 100%;
}

table.ce-table tbody tr:first-child td {
  font-weight: bold;
  border-bottom: 2px solid #444;
}
table.ce-table td {
  padding: 14px 10px 6px 10px;
  border-bottom: 1px solid #444;
  vertical-align: top;
}

table.ce-table tr:nth-child(even) {background: #f4f4f4}
table.ce-table tr:nth-child(odd) {background: #fff}


@media (max-width: 769px) {
  table.ce-table {
    font-size: 14px;
  }
}

.modal-dialog .modal-content {
  background-color: #daaf37;
  background-image: url("/fileadmin/Content/bildpool/backgrounds/souls.png");
  background-size: cover;
}

.modal-dialog .modal-content,
.modal-dialog .modal-content h1,
.modal-dialog .modal-content h2,
.modal-dialog .modal-content h3,
.modal-dialog .modal-content h4,
.modal-dialog .modal-content h5,
.modal-dialog .modal-content h6,
.modal-header .close
{
  color: #fff;
}
.themarketeers .modal-dialog .modal-content {
  background-color: #C1FF72;
  background-image: none;
}
.themarketeers .modal-dialog .modal-content,
.themarketeers .modal-dialog .modal-content h1,
.themarketeers .modal-dialog .modal-content h2,
.themarketeers .modal-dialog .modal-content h3,
.themarketeers .modal-dialog .modal-content h4,
.themarketeers .modal-dialog .modal-content h5,
.themarketeers .modal-dialog .modal-content h6,
.themarketeers .modal-header .close
{
  color: #000;
}
.themarketeers .modal-dialog .btn-border-light {
  color: #000;
  border-color: #000;
}
.themarketeers .modal-dialog .btn-border-light:hover {
  background-color: #000;
  color: #fff;
}

.modal-header .close {
  font-size: 40px;
  font-weight: normal;
}
.modal-dialog .modal-content h4 {
  font-size: 1.5em;
}
.modal-header,
.modal-footer
{
  border: none;
}

.modal-header,
.modal-body,
.modal-footer {
  padding: 25px;
}
.modal-body {
  padding: 0;
}

.modal-image img {
  min-width: 100%;
  min-height: 100%;
  max-width: 100%;
  max-height: 100%;
  height: auto;
  -webkit-border-radius: 100%;
  -moz-border-radius: 100%;
  -ms-border-radius: 100%;
  -o-border-radius: 100%;
  border-radius: 100%;
}