:root {
   --gelb: #fccd58;
   --grau: #181818;
   --grauRGB: rgba(24, 24, 24, 0.8);
}

@font-face {
   font-family: 'tuesday_nightregular';
   src: url('../webfont/tuesdaynight-regular-webfont.woff2') format('woff2'),
      url('../webfont/tuesdaynight-regular-webfont.woff') format('woff');
   font-weight: normal;
   font-style: normal;
}
.fa-stack {
  font-size: 80%;
}
.fa-stack .fa-stack-2x {
  left: -3px
}
body {
   font-size: 20px;
   font-family: "novecento-sans";
   overflow-x: hidden;
}
@media(min-width: 1301px) {
body.home {
  overflow: hidden
}
}
body.lang-ru-ru {
  font-family: "Arial",sans-serife;
}
#loader {
   position: fixed;
   left: 0;
   top: 0;
   width: 100%;
   height: 100%;
   background-color: #262626;
   z-index: 9999;
 }
 
 .loader-icon {
   position: absolute;
   top: 50%;
   left: 50%;
   transform: translate(-50%, -50%);
   width: 50px;
   height: 50px;
   border-radius: 50%;
   border: 3px solid var(--gelb);
   border-top-color: transparent;
   animation: spin 1s infinite linear;
 }
 
 @keyframes spin {
   0% {
     transform: translate(-50%, -50%) rotate(0deg);
   }
   100% {
     transform: translate(-50%, -50%) rotate(360deg);
   }
 }
img {
   max-width: 100%;
}
.md-content > div p.h3,
.md-content > div p.h2,
h1, h2, .h2 {
   text-transform: uppercase;
}
h3, .h3 {
   text-transform: lowercase;
}
h2 .gold {
  color: var(--yellow);
}
#mod-custom111 img {
    max-height: 60px;
}
button:focus {
   outline: none;
   border-radius: 0;
}
a {
  color: #fff;
  text-decoration: underline;
}
.wf-mediabox-nav,
.wf-mediabox-container {
    background-color: transparent;
}
.wf-mediabox-show .wf-mediabox-body,
.wf-mediabox-container {
   overflow: visible;
}
.wf-mediabox-nav {
    padding: 1em 6rem;
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
}
.wf-mediabox-numbers *, [class^=wf-mediabox] {
    color: var(--gelb);
}
.wf-mediabox-numbers button.active {
    background: var(--gelb);
    color: var(--grau);
    border: 0;
}
.wf-mediabox-close:focus>svg, .wf-mediabox-close:hover>svg, .wf-mediabox-next:focus>svg, .wf-mediabox-next:hover>svg, .wf-mediabox-prev:focus>svg, .wf-mediabox-prev:hover>svg,
.wf-mediabox-close>svg, .wf-mediabox-next>svg, .wf-mediabox-prev>svg {
    fill: var(--gelb);
}
.wf-mediabox-numbers {
    top: auto;
    bottom: 0;
    height: 50px;
    position: absolute;
    left: 50%;
    transform: translateX(-50%);
    background: rgba(0,0,0,0.5);
    width: 100%;
    padding: 5px;
}
.wf-mediabox-close {
    top: 15px;
    right: 15px;
}
.wf-mediabox-prev, .wf-mediabox-next {
    right: 0px;
    top: 50%;
    left: auto;
    width: 4rem;
    height: 4rem;
    transform: translateY(-50%);
}
.wf-mediabox-prev {
    left: 0;
    right: auto;
}
.wf-mediabox-prev svg,
.wf-mediabox-next svg {
    width: 40px;
    height: 40px;
    opacity: 0.5;
}
.wf-mediabox-caption {
  display: none !important;
}
.section a {
   color: #fff;
   text-decoration: none;
}

.section a:hover,
.section a:focus,
.section a:active {
   text-decoration: underline;
}

.nowrap {
   white-space: nowrap;
}
.visually-hidden,
a[aria-describedby^="editarticle-"],
.icon-edit,
.jmodedit + div[role="tooltip"],
.jmodedit {
  display: none !important;
}
#cookieBanner {
   position: fixed;
   bottom: 0;
   left: 0;
   width: 100%;
   background: var(--grau);
   z-index: 9999;
   text-align: center;
   color: #fff;
   padding: 20px;
   display: none;
}

#cookieBanner a {
   color: #fff;
   text-decoration: underline;
}

#cookieBanner button {
   background-color: #fff;
   text-decoration:
}

#mod-custom111 {
   -webkit-box-flex: 0;
   -ms-flex: 0 0 100%;
   flex: 0 0 100%;
   max-width: 100%;
   text-align: center;
}

#mod-custom111 .navbar-collapse {
   justify-content: center;
}

#mod-custom111 .navbar-collapse li a {
   color: #fff;
   padding: 0 5px;
   border-right: 1px solid #fff;
   font-size: 14px;
}

#mod-custom111 .navbar-collapse li:last-child a {
   border-right: 0;
}

footer {
   background: var(--grau);
   color: #fff;
   padding: 0 15px 20px;
}

.md-modal {
   display: none;
   width: 100%;
}

.md-modal.md-show {
   display: block;
   max-height: 95%;
   overflow-y: auto;
}

.md-modal small a {
   color: #fff;
   text-decoration: underline;
}

.row {
   height: 100%
}

.row .center {
   display: inline-flex;
   flex-direction: column;
   justify-content: center;
   position: relative;
}

.fp-tableCell>.row {
   -webkit-box-align: center;
   -ms-flex-align: center;
   align-items: center;
}

.textbox {
   width: 600px;
   margin: 0 auto 0 0;
   position: relative;
   z-index: 2;
}

.col-12 {
   position: inherit !important;
}

#intro .textbox {
   width: auto;
   margin-bottom: 11px;
}
#intro picture {
   flex: 0 0 100%;
}
@media(min-width: 1300px) {
   #intro picture img {
      object-fit: cover;
      position: absolute;
      top: 0;
      height: 100%;
      max-width: none;
      width: 100%;
      left: 50%;
      transform: translateX(-50%);
      z-index: 10;
   }
}

#cars .textbox {
   margin: 0 auto;
}

@media(min-width: 1201px) {
   #cars .carsHeadline {
      width: 50%;
      margin: 0 auto 50px;
      position: absolute;
      top: 60px;
      right: -15px;
   }

   .isList {
      display: none !important
   }
}

#cars .carsHeadline .h1 {
   font-size: 60px;
}

@media(min-width: 1501px) {

   #cars .carsHeadline>.h1,
   #cars .carsHeadline>p {
      max-width: 600px;
      margin: 0 auto;
   }
}

.md-content > div p.h2,
h2, .h2 {
   font-weight: 100;
   font-size: 50px;
   line-height: 0.8;
   margin-bottom: 0;
}
#kontakt h2 {
   font-size: 35px;
}
.h2 + p,
h2+p {
   padding-top: 20px;
}
.md-content > div p.h3,
.h3,
h3 {
   font-weight: 700;
   font-size: 40px;
   line-height: 1;
   color: var(--gelb);
}
.video-container + .h3 {
   font-size: 30px;
}
.videoPic {
   cursor: pointer;
}
.video-container {
   cursor: pointer;
}
.video-container.paused::before {
    content: "";
    display: block;
    width: 160px;
    height: 80px;
    background: url(../images/video-play.svg) no-repeat top center;
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    z-index: 1;
    opacity: 0.8;
  pointer-events: auto;
}
.video-container.paused::after {
    content: "";
    display: block;
    width: 80px;
    height: 3px;
    background-color: var(--gelb);
    position: absolute;
    bottom: calc(50% - 30px);
    left: 50%;
    transform: translate(-50%, -50%);
    z-index: 1;
    transition: 0.3s;
}
.video-container.paused:hover::before {
   opacity: 1;
}
.video-container.paused:hover::after {
   width: 160px;
}

.green .randomLetter,
.green h3 {
   color: #b1dd55;
}

.grey .randomLetter,
.grey h3 {
   color: #c4bfa7;
}

p, ul {
   font-size: 18px;
   font-family: "proxima-nova";
}
.lang-ru-ru ul,
.lang-ru-ru p {
  font-family: "Arial",sans-serife;
  font-size: 15px;
}
label,
small {
   font-family: "proxima-nova";
   font-size: 15px;
}
.lang-ru-ru label,
.lang-ru-ru small {
  font-family: "Arial",sans-serife;
}
textarea {
   max-height: 200px;
}


.visCSSlabel {
   border-radius: 0 !important;
   font-family: "proxima-nova" !important;
   font-size: 16px !important;
   font-weight: 300 !important;
   display: block;
   float: none;
   margin-top: 0;
   margin-right: 0;
   width: 100%;
   margin-bottom: 0;
}
.visCSSlabel {
   color: #fff;
}

.visCSSinput {
   width: 100%;
   float: none;
}

.visCSSclear {
   height: 0;
   padding: 0 !important;
}

.fahrzeuginput,
.vis_mandatory {
   display: none;
}

.md-modal input[type="text"],
.md-modal input[type="email"],
.md-modal textarea {
   border-radius: 0 !important;
   color: #fff !important;
   border: 1px solid #fff !important;
   background-color: var(--grau) !important;
   font-family: "proxima-nova" !important;
   font-size: 16px !important;
   font-weight: 300 !important;
   min-height: 40px;
   margin-top: 0;
   margin-bottom: 10px;
}
.visform textarea {
  height: 100px !important
}
.md-modal .visBtnCon input {
   width: 100%;
}

.textbox ul {
   list-style: none;
   padding-left: 20px;
}

.textbox ul li {
   text-indent: -21px;
}

.textbox ul li::before {
   content: " ";
   border: solid var(--gelb);
   border-width: 0 1px 1px 0;
   display: inline-block;
   padding: 3px;
   -ms-transform: rotate(-45deg);
   transform: rotate(-45deg);
   -webkit-transform: rotate(-45deg);
   margin-right: 13px;
}

#fp-nav ul li, .fp-slidesNav ul li {
   margin: 15px 7px;
}

#fp-nav ul li .fp-tooltip {
   text-transform: uppercase;
}

.fp-controlArrow {
   top: auto;
   bottom: 82px;
   z-index: 9;
   border: 0 !important;
}

.fp-controlArrow::after {
   content: "";
   border: solid var(--grau) !important;
   border-width: 0 3px 3px 0 !important;
   display: inline-block;
   padding: 3px;
   width: 5px;
   height: 5px;
}

.fp-controlArrow.fp-prev {
   left: 60%;
}

.fp-controlArrow.fp-prev::after {
   transform: rotate(135deg);
   -webkit-transform: rotate(135deg);
}

.fp-controlArrow.fp-next {
   right: 10%;
}

.fp-controlArrow.fp-next::after {
   transform: rotate(-45deg);
   -webkit-transform: rotate(-45deg);
}

.fp-controlArrow::before {
   font-size: 12px;
   padding: 5px;
   line-height: 1;
   white-space: nowrap;
   position: absolute;
   margin-top: 8px;
   background: var(--gelb);
   color: var(--grau);
}

.fp-controlArrow.fp-next::before {
   content: "Nächstes Fahrzeug";
   padding-right: 25px;
   right: -18px;
}

.fp-controlArrow.fp-prev::before {
   content: "Vorheriges Fahrzeug";
   padding-left: 25px;
   left: -10px;
}

.fp-slidesNav.bottom {
   bottom: 35px;
   width: 50%;
   left: auto !important;
}

.fp-slidesNav.bottom ul {
   text-align: center;
   position: relative;
}

.fp-slidesNav.bottom ul li .fp-tooltip {
   position: absolute;
   top: 25px;
   color: #fff;
   font-size: 14px;
   white-space: nowrap;
   display: block;
   cursor: pointer;
   opacity: 0;
   text-transform: uppercase;
   transform: translateX(-40%);
}

.fp-slidesNav.bottom ul li a.active+.fp-tooltip {
   color: var(--gelb);
   opacity: 1
}

#fp-nav ul li a span, .fp-slidesNav ul li a span {
   width: 10px !important;
   height: 10px !important;
   background-color: #fff !important;
   opacity: 1 !important;
   margin: 0 !important;
   transform: translate(-50%, -50%);
}

#fp-nav ul li a.active span, #fp-nav ul li:hover a.active span, .fp-slidesNav ul li a.active span, .fp-slidesNav ul li:hover a.active span {
   height: 10px;
   width: 10px;
   margin: 0 !important;
   background-color: var(--gelb) !important;
}

#fp-nav ul li .fp-tooltip {
   font-family: "novecento-sans";
}
.lang-ru-ru #fp-nav ul li .fp-tooltip {
   font-family: "Arial";
}

#fp-nav ul li a.active+.fp-tooltip {
   display: block;
   color: var(--gelb);
   opacity: 1;
   width: auto;
   text-transform: uppercase;
   font-weight: 400;
}

#navToggle {
   background-color: #262626;
   width: 100px;
   height: 75px;
   position: fixed;
   top: 0;
   left: 43%;
   transform: translateX(-50%);
   padding: 15px 25px 0;
   z-index: 90;
   cursor: pointer;
   overflow: hidden;
}

#navToggle>span {
   width: 50px;
   height: 7px;
   display: block;
   margin-bottom: 7px;
   background: #fff;
   transition: 0.3s;
}

#navToggle span.text.hide {
   opacity: 0;
   letter-spacing: 0.2rem;
}

#navToggle span.text {
   background: transparent;
   color: #fff;
   font-size: 12px;
   font-weight: bold;
   text-transform: uppercase;
   letter-spacing: 0.35rem;
   transition: 0.3s;
   position: relative;
   bottom: 0;
}

.menu-open #navToggle>span:first-child {
   transform: rotate(-45deg);
   transform: rotate(-45deg) translate(-5px, 8px);
   width: 40px;
   margin: 0;
}

.menu-open #navToggle>span:nth-child(2) {
   transform: rotate(45deg) translateX(4px);
   width: 40px;
   margin: 0;
}

.menu-open #navToggle span.text.show {
   bottom: -20px;
   opacity: 0;
}

.menu-open #navToggle span.text.hide {
   opacity: 1;
   bottom: -5px;
}
.menu-open #fp-nav {
  display: none;
}
#navToggle span.text .letter {
   position: relative;
}

#navToggle:hover span.text .letter {
   animation-name: toggle;
   animation-duration: 0.15s;
   animation-timing-function: cubic-bezier(0.31, 0.47, 0.69, 0.3);
}

#navToggle:hover span.text .letter:nth-child(2) {
   animation-delay: 0.1s;
}

#navToggle:hover span.text .letter:nth-child(3) {
   animation-delay: 0.2s;
}

#navToggle:hover span.text .letter:nth-child(4) {
   animation-delay: 0.4s;
}

#navToggle:hover span.text .letter:nth-child(5) {
   animation-delay: 0.6s;
}

.flags {
    position: absolute;
    bottom: 0;
    right: 0;
    transform: translateY(-100%);
}
.flags .custom {
    display: flex;
    flex-direction: column;
    align-items: flex-end;
}
.flags .custom .btn-secondary {
  border-radius: 0;
  border: 0;
  margin-top: 20px;
  min-width: 150px;
  text-align: center;
  background-color: #ba0020;
  text-decoration: none;
  font-weight: 700;
  text-transform: uppercase;
}
.flags .custom .btn-secondary:hover,
.flags .custom .btn-secondary:focus,
.flags .custom .btn-secondary:active {
  background-color: var(--gelb);
}


@keyframes toggle {
   from {
      top: 0;
   }

   to {
      top: -5px;
   }
}

.sprache .mod-languages {
   position: fixed;
   left: 43%;
   top: 0;
   z-index: 13;
   background: #262626;
   padding: 26px 25px 27px;
   transform: translateX(50px);
}

.sprache .mod-languages ul {
   list-style: none;
   padding: 0;
   display: flex;
   flex-direction: row;
}

.sprache .mod-languages ul li {
   margin-right: 10px;
}
.sprache .mod-languages ul  li:nth-child(1) {
   order: 4;
}
.sprache .mod-languages ul  li:nth-child(2) {
   order: 3;
}
.sprache .mod-languages ul  li:nth-child(4) {
   order: 0;
}
.sprache .mod-languages ul  li:nth-child(5) {
   order: 2;
}
.sprache .mod-languages ul li.lang-active {
   background-color: transparent;
   border: 1px solid var(--gelb);
}

.sprache .mod-languages .visually-hidden {
   display: none;
}

.sprache  .mod-languages li a {
   width: 30px;
   height: 20px;
   line-height: 1;
   padding: 0;
   display: block;
   position: relative;
}

.sprache .mod-languages li a img {
   position: absolute;
   top: 0;
   left: 0;
   width: 100%;
   ;
}

#menu {
   position: fixed;
   z-index: -1;
   top: 0;
   left: 0;
   height: 100%;
   width: 100%;
   background: var(--grauRGB);
   opacity: 0;
   transition: 0.3s;
}

.menu-open #menu {
   opacity: 1;
   z-index: 89;
}

#menu ul.mod-menu {
   width: 50%;
   height: 100%;
   margin-left: auto;
   display: flex;
   flex-direction: column;
   justify-content: center;
   padding-left: 100px;
   list-style: none;
   background: var(--grau);
   position: relative;
}

#menu ul::after {
   content: "";
   width: 1px;
   height: 0%;
   position: absolute;
   background-color: var(--gelb);
   left: 0;
   top: 0;
   transition: 0.3s;
}

.menu-open #menu ul::after {
   height: 100%;
}

#menu ul li.item-101,
#menu ul li.item-180,
#menu ul li.item-120,
#menu ul li.item-121,
#menu ul li.item-118 {
   display: none;
}

#menu ul li a {
   font-size: 40px;
   font-weight: 100;
   text-transform: uppercase;
   line-height: 1;
   color: #fff;
   text-decoration: none;
   padding: 7px 0;
   display: block;
}
#menu ul li.item-184 a,
#menu ul li.item-177 a,
#menu ul li.item-179 a,
#menu ul li.item-172 a {
  padding: 4px 0 0
}
#menu ul li:hover a,
#menu ul li.active a {
   font-weight: 700;
   color: var(--gelb);
   position: relative;
}

#menu ul li.active a::before {
   content: " ";
   height: 30px;
   width: 5px;
   background-color: var(--gelb);
   position: absolute;
   left: -10px;
   bottom: 17px;
}

#menu ul li.active a::after {
   content: " ";
   position: absolute;
   left: -15px;
   bottom: 12px;
   width: 0;
   height: 0;
   border-style: solid;
   border-width: 0 10px 10px 0;
   border-color: transparent var(--gelb) transparent transparent;
}

#intro {
   color: #fff;
}


#intro h1 {
   font-size: 150px;
   font-weight: bold;
   width: 500px;
   line-height: 0.8;
   text-transform: uppercase;
}

#intro h2 {
   font-weight: 100;
   text-transform: uppercase;
   width: 230px;
   margin-right: 0;
   margin-left: auto;
   text-align: right;
   font-size: 30px;
}

.lang-ru-ru #intro h2 {
   width: 280px;
  font-size: 28px;
}
.lang-it-it #intro h2 {
   width: 345px;
}

.lang-fr-fr #intro h2 {
   width: 330px;
}

#kontakt .mod-ustom img {
   display: inline-block;
   margin: 0px 30px 50px;
}

#kontakt .mod-ustom img:first-of-type,
#kontakt .mod-ustom img:last-of-type,
 {
   opacity: 0.8;
}

#intro .deg90 {
   transform: rotate(-90deg);
   width: max-content;
   height: max-content;
   margin-bottom: 40px;
   margin-right: 10px;
   margin-left: auto;
   position: relative;
   top: 43px;
}
.lang-ru-ru #intro .deg90 {
  top: 20px;
  margin-right: -13px;
}
#intro .deg90 span {
   display: block;
   font-size: 42px;
   font-weight: bold;
   text-transform: uppercase;
   line-height: 1
}

#intro .deg90 span:first-child {
   opacity: 0.05;
}

#intro .deg90 span:nth-child(2) {
   opacity: 0.2;
}

#intro .deg90 span:nth-child(3) {
   opacity: 0.4;
}

#intro .deg90 span:nth-child(4) {
   opacity: 0.6;
}

#intro .deg90 span:nth-child(5) {
   opacity: 0.8;
}

#intro .deg90 span:nth-child(6) {
   color: var(--gelb);
}

#intro .slogan {
   margin-bottom: 50px;
}

#intro .slogan .pipe {
   display: inline-block;
   height: 33px;
   width: 5px;
   background: var(--gelb);
   margin: 0 10px;
   position: relative;
   top: 2px;
}

#overview .fp-tableCell>.row {
   -webkit-box-align: unset;
   -ms-flex-align: unset;
   align-items: unset;
}

#overview .pic1 {
   background: url('../../../images/start/macchine.webp') no-repeat;
   background-size: cover;
   position: relative !important;
}
.safari #overview .pic1 {
   background: url('../../../images/start/macchine.jpg') no-repeat;
}

#overview .pic2 {
   background: url('../../../images/start/traktor.webp') no-repeat;
   background-size: cover;
   position: relative !important;
   border-left: 2px solid var(--gelb);
}
.safari #overview .pic2 {
   background: url('../../../images/start/traktor.jpg') no-repeat;
}

#overview .pic1>div,
#overview .pic2>div {
   position: absolute;
   bottom: 0;
   left: 0;
}

#overview p:not(.h2) {
   font-size: 50px;
   line-height: 0.5;
   color: #fff;
   padding-left: 120px;
}

#overview p:not(.h2):nth-of-type(1) {
   font-weight: 100;
}

#overview p:not(.h2):nth-of-type(2) {
   font-weight: 700;
}

#overview p:not(.h2):nth-of-type(3) {
   font-weight: 400;
}

#overview .pic1 p:not(.h2) {
   color: var(--gelb);
}

#overview .pic2 .h2,
#overview .pic2 h2 {
   color: var(--gelb);
}

#overview h2,
#overview .h2 {
   transform: rotate(-90deg);
   transform-origin: 0 0;
   font-size: 100px;
   text-transform: uppercase;
   font-weight: bold;
   position: absolute;
   line-height: 50px;
   height: 50px;
   bottom: -40px;
   left: 35px;
   color: #fff;
}

#aboutus {
   background: var(--grau);
   color: #fff;
}

#aboutus .signatur {
   float: right;
   text-align: center;
}

#aboutus .signatur strong {
   font-family: 'tuesday_nightregular';
   display: block;
   color: var(--gelb);
   font-size: 40px;
   font-weight: normal;
}

#kontakt,
#gallery,
#cars {
   background: var(--grau);
   color: #fff;
}
#team,
#flc {
  background: #181818;
}
#flc .flc-logo {
  max-width: 300px;
}
#team .col-12 > div,
#flc .col-12 > div {
  color: #fff;
  max-width: 1200px;
  margin: 0 auto;
  padding: 0 20px;
}
#team .card-panel {
    background: rgba(255, 255, 255, 0.1);
    padding: 20px !important;
    margin-bottom: 20px !important;
    color: #fff !important;
    border-bottom: 1px solid var(--gelb);
}
#team .card-panel small {    
   font-size: 11px;
   line-height: 1.3;
   display: block;
}
#team .valign-wrapper {
  align-items: center;
}
#team .valign-wrapper p {
  margin-bottom: 0;
  line-height: 1.2rem;
}
#cars .carslide {
   position: relative;
}

#cars .row>.col-12 col-md-6:first-child {
   border-right: 2px solid var(--gelb);
   padding-right: 0;
   overflow: hidden;
}

#cars .randomLetter {
   position: absolute;
   font-weight: 700;
   z-index: 1;
   line-height: 1;
   transition: 0.3s;
}

#gallery .md-trigger {
   margin-bottom: 30px;
}

#gallery .fa {
   padding-right: 5px;
   padding-left: 10px;
}

#gallery table {
   width: 100%;
   margin-bottom: 20px;
   font-size: 80%;
}

#gallery table tr:nth-child(odd) {
   background: rgba(255, 255, 255, 0.1);
}

#gallery table tr td {
   padding: 5px 10px;
}

#gallery .gallery {
   position: relative !important;
}

#gallery .controls {
   position: absolute;
   right: 100px;
   top: 50%;
   transform: translateY(-50%);
   z-index: 3;
}

#gallery .btnNext,
#gallery .btnPrev {
   font-size: 50px;
   text-transform: uppercase;
   font-weight: 700;
   text-shadow: 5px 5px 10px var(--grauRGB);
   position: relative;
   display: block;
   width: max-content;
   line-height: 1;
   cursor: pointer;
}

#gallery .btnPrev {
   margin-left: -60px;
}

#gallery .btnNext {
   margin-top: 25px;
}

#gallery .btnNext.disabled,
#gallery .btnPrev.disabled {
   cursor: not-allowed;
   opacity: 0.5;
}

#gallery .btnNext::before {
   content: " ";
   height: 5px;
   width: 99%;
   width: calc(100% - 5px);
   background-color: #fff;
   position: absolute;
   left: -5px;
   top: -5px;
}

#gallery .btnNext::after {
   content: " ";
   position: absolute;
   right: 0px;
   top: -10px;
   width: 0;
   height: 0;
   border-style: solid;
   border-width: 0 10px 10px 0;
   border-color: transparent transparent #fff transparent;
}

#gallery .btnPrev {
   color: var(--gelb);
}

#gallery .btnPrev::before {
   content: " ";
   height: 5px;
   width: 99%;
   width: calc(100% - 5px);
   background-color: var(--gelb);
   position: absolute;
   left: 5px;
   bottom: -5px;
}

#gallery .btnPrev::after {
   content: " ";
   position: absolute;
   left: 0px;
   bottom: -10px;
   width: 0;
   height: 0;
   border-style: solid;
   border-width: 0 10px 10px 0;
   border-color: transparent var(--gelb) transparent transparent;
}

#gallery .galleryBG {
   position: absolute;
   top: 0;
   left: 0;
   width: 100%;
   height: 100%;
   z-index: 1;
   background-size: cover;
   filter: blur(25px);
   opacity: 0.2;
}

#gallery .gallerywrap {
   overflow: hidden;
   max-width: 500px;
   height: auto;
   margin: 0 auto;
   display: flex;
   flex-direction: row;
   flex-wrap: wrap;
   position: relative;
   z-index: 2;
}

#gallery .gallerywrap a {
   width: 49%;
   display: none;
}

#gallery .gallerywrap a.active {
   width: 100%;
   display: block;
   margin-bottom: 10px;
}

#gallery .gallerywrap a.next {
   display: block;
}

#gallery .gallerywrap .active+.next {
   margin-right: 2%;
}
#anfrage {
  margin-top: 50px;
}
#anfrage .visBtnCon input,
.md-modal .visBtnCon input,
.btn-primary,
.md-content button.btn-primary,
.md-trigger:not(.isLink) {
   background-color: var(--grau);
   color: var(--gelb);
   border: 1px solid var(--gelb);
   padding: 25px 25px;
   color: var(--gelb);
   font-size: 25px;
   font-weight: 700;
   text-transform: uppercase;
   line-height: 1;
   min-width: 275px;
   cursor: pointer;
   border-radius: 0;
}
.isLink {
   margin-bottom: 15px;
   background-color: var(--gelb);
   border: 0;
   margin-top: -40px;
   position: relative;
   top: -20px;
   margin-left: auto;
   margin-right: 0 !important;
}
.md-trigger.btn-second {
   padding: 0
}
.btn-second {
   height: 60px;
   padding: 16px;
   top: 0;
   width: 100%;
   display: block;
   margin-top: 0;
   
}
.isLink.btn-second {
   font-family: 'proxima-nova';
   font-size: 16px;
}
.md-trigger.btn-second {
   padding: 0
}
#anfrage input {
  margin-bottom: 10px;
  margin-top: 0;
}
.md-content button.btn-primary {
   padding: 15px 25px;
   border-radius: 0;
   width: 100%;
}

.md-close {
   cursor: pointer;
}

.md-close:hover {
   background-color: var(--gelb);
}

.md-trigger {
   margin-right: 10px;
}

.md-trigger+.md-trigger {
   margin-top: 10px;
   margin-right: 0px;
}

.md-modal .ba-form-submit-btn:hover,
.btn-primary:hover,
.md-content button.btn-primary:hover,
.md-trigger:hover {
   background-color: var(--gelb);
   color: #fff;
}

.md-modal .ba-form-submit-btn span,
.md-trigger span {
   position: relative;
   top: -5px;
}

.md-modal .ba-form-submit-btn span::after,
.md-trigger span::after {
   content: " ";
   position: absolute;
   background: url('../images/arrow-yellow.svg') no-repeat;
   width: 160px;
   height: 15px;
   bottom: -20px;
   left: 50%;
   transform: translateX(-50%);
}

.md-modal .ba-form-submit-btn:hover span::after,
.md-trigger:hover span::after {
   filter: brightness(2) grayscale(1);
}

#modal-1 {
   background-image: url('../img/anfrage-bg.png');
   background-position: center right;
   background-repeat: no-repeat;
}

#modal-2, #modal-3 {
   background-image: url('../img/anfrage-car-bg.png');
   background-position: center right;
   background-repeat: no-repeat;
}

.md-content table {
   width: 90%;
   margin-left: auto;
}

.md-content table tr:nth-child(odd) {
   background-color: rgba(255, 255, 255, 0.2);
}

.md-content table tr td {
   padding: 3px 15px;
}

.md-content table tr td:first-child {
   text-transform: uppercase;
}

.md-content table tr td:last-child {
   font-size: 18px
}

.carousel,
.carousel-inner,
.carousel-item {
   height: 100%;
}

.carousel-indicators {
   bottom: 60px;
}

.carousel-indicators li {
   background-color: var(--gelb);
   height: 1px;
   margin: 0;
   width: 150px;
}

.carousel-indicators .active {
   height: 3px;
   background-color: #fff;
   box-shadow: 1px 1px 2px #444;
   margin-top: -1px;
}

#kontakt .fp-tableCell>.row {
   -webkit-box-align: end !important;
   -ms-flex-align: end !important;
   align-items: flex-end !important;
}

#kontakt . .mod-ustom img {
   margin: 0px auto 20px;
   max-height: 70px;
}

#kontakt .copy,
#kontakt .footerlink a {
   color: #fff;
   font-size: 14px;
}

footer .copy img,
#kontakt .copy img {
   max-height: 20px !important;
   margin-bottom: 0;
}

#kontakt {
   background-image: url('../../../images/start/kontakt.webp');
   background-repeat: no-repeat;
   background-size: contain;
   background-position-y: center;
}
.safari #kontakt {
   background-image: url('../../../images/start/kontakt.jpg');
}

#contentpage {
   background: var(--grau);
   color: #fff;
}

#contentpage h1 {
   font-size: 60px;
   line-height: 1;
   text-align: center;
   margin: 50px 0;
}

#contentpage table {
   width: 100%;
   font-size: 80%;
}

#contentpage table tr:nth-child(odd) {
   background: rgba(255, 255, 255, 0.1);
}

#contentpage table tr td {
   padding: 5px 10px;
}

#contentpage .carousel,
#contentpage .carousel-inner,
#contentpage .carousel-item {
   height: auto;
}

#contentpage .textbox {
   width: 100%;
}

#contentpage hr {
   border-color: var(--gelb);
}

#contentpage .video-container {
   position: relative;
   padding-bottom: 56.25%;
   padding-top: 30px;
   height: 0;
   overflow: hidden;
}
video {
   max-width: 100%;
}
#contentpage .video-container iframe,
#contentpage .video-container video,
#contentpage .video-container object,
#contentpage .video-container embed {
   position: absolute;
   top: 0;
   left: 0;
   width: 100%;
   height: 100%;
}

#contentpage .divider {
   height: 1px;
   margin: 50px 0;
   border-bottom: 1px solid var(--gelb);
}
.imgContainer a {
  padding: 5px;
}
#contentpage ul {
  padding-left: 0px;
  list-style: none;
}
#contentpage ul li {
    line-height: 1;
    padding: 20px 15px;
}
#contentpage ul li:nth-child(odd) {
  background-color: rgba(255,255,255,0.1);
}

@media(max-width: 1780px) {
   .row .center .textbox {
      width: 100%;
      margin: 0;
      position: relative;
      z-index: 2;
      padding: 0 145px 0 50px;
   }
}

@media(max-width: 1650px) {
   p, ul {
      font-size: 15px;
   }
   .carousel-item img {
      height: 100%;
      max-width: none;
      width: auto !important;
   }

   #contentpage .carousel-item img {
      height: auto;
      max-width: 100%;
      width: auto !important;
   }
}

@media(max-width: 1500px) {
   .textbox {
      width: 100%;
      padding-right: 150px;
   }

   #intro .textbox {
      padding-right: 0;
   }

   #contentpage .textbox {
      padding-right: 0;
   }

   #gallery .controls {
      right: 30px;
   }
}

@media(max-width: 1400px) {
   #intro h1 {
      font-size: 115px;
      width: 440px;
   }

   #intro h2 {
      width: 195px;
      font-size: 30px;
   }

   #intro .deg90 {
      margin-bottom: 50px;
      margin-right: 12px;
      top: 39px;
   }

   #intro .deg90 span {
      font-size: 35px;
   }
}

@media(max-width: 1300px) {
  #kontakt #mod-custom111 {
    display: none;
  }
   .row.isSlide {
      display: none !important;
   }

   .section {
      display: block !important;
      padding: 100px 0;
   }
   #intro {
      padding: 0;
   }

   .textbox {
      padding-right: 30px;
   }

   #intro>.row {
      -webkit-box-align: end !important;
      -ms-flex-align: end !important;
      align-items: flex-end !important;
      -webkit-box-orient: horizontal !important;
      -webkit-box-direction: reverse !important;
      -ms-flex-direction: row-reverse !important;
      flex-direction: row-reverse !important;
   }

   #intro .text-center {
      margin-top: 100px;
   }

   #overview.section {
      padding: 0;
   }

   #overview .pic1,
   #overview .pic2 {
      height: 550px;
   }

   #aboutus .pic1 {
      padding-left: 0;
   }

   .carousel, .carousel-inner, .carousel-item {
      height: 500px;
   }
  .h2, .h3,
  #kontakt h2,
  .md-content > div p.h2,
  .md-content > div p.h3,
   h2, h3 {
      font-size: 35px;
   }


   p, ul {
      font-size: 16px;
   }

   .btn-primary, .md-content button.btn-primary, .md-trigger:not(.isLink) {
      padding: 20px 20px;
      font-size: 20px;
      font-weight: 700;
   }

   #gallery .gallery {
      padding-left: 40px;
   }

   #gallery .gallerywrap {
      margin: 0;
   }

   #gallery .gallery {
      margin-bottom: 200px;
   }

   #gallery .controls {
      top: auto;
      bottom: -100px;
      width: 100%;
      max-width: 500px;
      text-align: center;
      left: 40px;
      right: auto;
   }

   #gallery .btnNext, #gallery .btnPrev {
      margin: 0 15px !important;
      display: inline;
   }



   #cars .carsHeadline {
      padding: 15px 40px;
      width: 100%;
      flex: 0 0 100%;
   }

   #cars .carsHeadline .h1 {
      font-size: 35px;
      font-weight: 100;
   }

   #cars .carslide {
      padding: 0 40px;
      width: 33.3333%;
      flex: 0 0 33.3333%;
   }

   #cars .isList a {
      padding-left: 25px;
      position: relative;
      font-size: 25px;
   }
   #cars .isList img {
      display: block;
      margin-bottom: 15px;
   }
   #cars .isList  .btn-sm {
    border-color: var(--gelb);
    border-radius: 0;
    color: var(--gelb);
    text-transform: uppercase;
    font-size: 20px;
    margin-top: 15px;
    display: block;
    padding: 10px 15px 20px;
    position: relative;
    font-weight: 900;
   }
   #cars .isList  .btn-sm::after {
       content: " ";
       position: absolute;
       background: url('../images/arrow-yellow.svg') no-repeat;
       width: 160px;
       height: 15px;
       bottom: 3px;
       left: 50%;
       transform: translateX(-50%);
   }
   #cars .textbox .row {
      display: block;
   }

   #cars .textbox .col-md-6 {
      -ms-flex: 0 0 100%;
      flex: 0 0 100%;
      max-width: 100%;
   }

   .fp-controlArrow.fp-prev::before,
   .fp-controlArrow.fp-next::before {
      display: none;
   }
}

@media(max-width: 1025px) {
   #cars .carslide {
      width: 50%;
      flex: 0 0 50%;
   }
}
@media(max-width: 991px) {

#kontakt .textbox p img {
   display: block;
   margin: 0 auto;
}
.isLink {
   top: 0px;
}
  #flc .flc-logo {
   margin: 0 auto 50px;
   display: block;
}
  #team .col-12 > div, #flc .col-12 > div {
    padding: 0;
}
   .section {
      padding-left: 15px;
      padding-right: 15px;
   }
   #menu ul.mod-menu {
      width: 100%;
      text-align: center;
      padding-left: 0;
      justify-content: flex-start;
      padding-top: 100px;
   }

   #menu ul::after {
      display: none;
   }
   #menu ul li a {
     font-size: 40px;
   }

   .sprache  .mod-languages {
     
   }
   .flags {
    position: absolute;
    bottom: 0;
    right: 50%;
    transform: translate(50%, -100%);
}

   #cars .carsHeadline {
      width: 100%;
      padding: 15px 15px;
   }

   .md-modal {
      width: 90%;
   }

   .md-modal .text-right {
      text-align: left !important;
   }

   .md-content table {
      width: 100%;
   }

   .textbox {
      padding-right: 0;
   }

   #intro h1 {
      font-size: 90px;
      width: 90%;
      text-align: center;
      margin: 50px auto 0;
   }

   #intro h2 {
      width: 100%;
      font-size: 40px;
      text-align: center;
      margin: 50px auto;
   }

   #intro .deg90 span {
      display: none;
   }

   .fp-tableCell>.row {
      margin: 0;
   }

   #overview .pic1,
   #overview .pic2 {
      background-size: cover;
   }

   #overview .pic2 {
      border-top: 2px solid var(--gelb);
      border-left: 0;
   }

   #overview p:not(.h2) {
      text-shadow: 0px 0px 10px #000;
   }

   #aboutus .pic1 {
      display: none;
   }

   .fp-slidesNav.bottom {
      width: 100%;
   }

   .carousel, .carousel-inner, .carousel-item {
      height: 500px;
      width: 500px;
      margin: 0 auto 50px;
   }

   #cars .randomLetter {
      display: none;
   }
   #cars .carslide {
      padding: 0 15px;
   }

   .fp-controlArrow.fp-prev {
      left: 10%;
   }

   #gallery .gallerywrap {
      margin: 0 auto;
   }

   #gallery .gallery {
      margin-bottom: 130px;
      padding-left: 15px;
   }

   #gallery .controls {
      position: absolute;
      right: 50%;
      left: auto;
      top: auto;
      transform: translateX(50%);
      z-index: 3;
      bottom: -80px;
   }

   #kontakt {
      background-size: 50%;
      background-position-y: bottom;
   }

   #kontakt .textbox h2,
   #kontakt .textbox h3 {
      text-align: center;
   }
   #kontakt .textbox .col-12 p {
      text-align: right;
   }

   #contentpage h1 {
      font-size: 50px;
   }
}

@media(max-width: 768px) {
   .col-md-6 {
      -webkit-box-flex: 0;
      -ms-flex: 0 0 100%;
      flex: 0 0 100%;
      max-width: 100%;
  }
   .isLink {
      top: 0px;
      margin: 0 auto 20px!important;
      display: block;
  }
   #contentpage .divider {
      display: none
   }
   #contentpage .video-container {
      margin-bottom: 20px;
   }
   .section {
      padding: 50px 15px;
   }

   #menu ul li a {
      font-size: 40px;
   }

   #intro {
      background-size: 100%;
   }

   #overview .h2,
   #overview h2 {
      font-size: 80px;
   }

   #aboutus .pic1 {
      display: none;
   }

   .row .center .textbox {
      padding: 0 50px;
   }

   #contentpage h1 {
      font-size: 40px;
   }

   #intro .slogan {
      width: max-content;
      margin: 0 auto 50px;
   }

   #intro .text-center {
      margin-top: 30px;
   }

   #intro .slogan .pipe {
      display: block;
      height: 3px;
      width: 100%;
      margin: 10px auto;
   }
   #cars .carslide {
      width: 100%;
      flex: 0 0 100%;
   }
   #kontakt .textbox .col-12 a,
   #kontakt .textbox .col-12 p {
      text-align: center;
   }
   .imgContainer {
     flex-wrap: wrap;
     align-items: center;
     justify-content: center;
   }
   .imgContainer img {
    min-height: 150px;
    width: auto;
    max-width: none;
   }
}

@media(max-width: 650px) {
   #navToggle {
       left: 0%;
      transform: translateX(0);
  }
  .sprache .mod-languages {  
   left: 0;
 transform: translateX(100px);
 width: 100%;
}
#intro {
   margin-top: 65px;
}
}
@media(max-width: 575px) {
   .nowrap {
      white-space: nowrap;
      line-height: 2;
      display: block;
   }
   #team .card-panel {
    text-align: center;
}
#team .card-panel img {
  margin-bottom: 20px;
}

   #menu ul li a {
      font-size: 35px;
   }

   .modul-open {
      overflow: hidden !important;
   }

   .btn-primary, .md-content button.btn-primary, .md-trigger {
      width: 100%;
   }

   #overview .h2,
   #overview h2 {
      font-size: 60px;
   }

   #overview p:not(.h2) {
      font-size: 40px;
   }

   #overview .pic1, #overview .pic2 {
      height: 450px;
   }

   #cars {
      padding-bottom: 50px;
   }

   .md-modal {
      height: 90%;
      overflow: auto;
      top: 20px;
      -webkit-transform: translateX(-50%) translateY(0%);
      -moz-transform: translateX(-50%) translateY(0%);
      -ms-transform: translateX(-50%) translateY(0%);
      transform: translateX(-50%) translateY(0%);
   }

   .md-content>div {
      padding: 15px 15px 30px;
   }

   .md-content table tr td {
      font-size: 15px;
   }

   #aboutus .signatur {
      padding-right: 20px;
   }

   #gallery h4 {
      text-align: center;
      margin-top: 50px;
   }

   #gallery h4+p .fa {
      display: none;
   }

   #gallery h4+p a {
      background: var(--gelb);
      padding: 13px 10px 25px;
      display: block;
      text-align: center;
      color: var(--grau);
      text-transform: uppercase;
      font-family: 'novecento-sans';
      font-weight: 900;
      position: relative;
   }
   #gallery h4+p a::after {
       content: " ";
       position: absolute;
       background: url('../images/arrow-yellow.svg') no-repeat;
       width: 160px;
       height: 15px;
       bottom: 8px;
       left: 50%;
       transform: translateX(-50%);
       filter: brightness(0);
   }
   #gallery h4+p a:hover,
   #gallery h4+p a:focus,
   #gallery h4+p a:active {
       background: var(--grau);
       color: var(--gelb);
       border: 1px solid var(--gelb);
       text-decoration: none;
   }
   #gallery h4+p a:hover::after,
   #gallery h4+p a:focus::after,
   #gallery h4+p a:active::after {
       filter: none;
   }
   .wf-mediabox-numbers {

    bottom: -66px;
    height: auto;
}
}

@media(max-width: 540px) {
   .row .center .textbox {
      padding: 0 20px;
   }

   .carousel, .carousel-inner {
      height: auto;
      width: 100%;
      margin: 0 auto 0;
      max-height: 500px;
   }

   .carousel-item {
      height: auto;
      width: auto
   }

   .carousel-item img {
      max-width: 100%;
   }

}

@media(max-width: 500px) {
  .imgContainer img {
    min-height: 10px;
    width: auto;
    max-width: 100%;
}
}
@media(max-width: 450px) {
   .wf-mediabox-numbers>ol li {
      width: 1.8em;
      height: 1.8em;
  }
  #mod-custom111 img {
    max-height: 40px;
}
   #intro h1 {
      font-size: 70px;
   }

   #intro img {
      display: block;
   }

   #intro .text-center {
      margin-top: 20px;
   }

   #contentpage table tr,
   #contentpage table tr td {
      display: block;
   }

   #overview .h2,
   #overview h2 {
      left: 15px;
   }

   #overview .pic1>div, #overview .pic2>div {
      bottom: 10px;
   }

   #overview p:not(.h2) {
      padding-left: 90px;
   }

   .md-content table tr td {
      display: block;
   }

   .md-content table tr td:first-child {
      padding-top: 10px;
   }

   .md-content table tr td:last-child {
      padding-bottom: 10px;
   }

   .md-content small {
      display: block;
      line-height: 1.3;
   }
}

@media(max-width: 390px) {
   #intro .slogan {
      font-size: 27px;
   }
}

@media(max-width: 375px) {
   #intro h1 {
      font-size: 60px;
   }

   #overview .h2,
   #overview h2 {
      font-size: 40px;
      padding: 30px !important;
      text-align: center !important;
      transform: none;
      position: relative;
      bottom: 0;
      left: 0;
      color: #fff;
      top: 0;
      text-align: center;
      width: 100%;
      margin-bottom: 20px;
   }

   #overview .pic1>div,
   #overview .textbox {
      width: 100%;
      height: 100%: right: 0;
      left: 0;
      margin-bottom: 20px;
   }

   #overview p:not(.h2) {
      font-size: 30px;
      padding-left: 0;
      text-align: center;
   }
}

@media(max-height: 930px) {
  #menu ul li a {
    font-size: 25px;
}
}
@media(max-height: 760px) {
  #menu ul li a {
    font-size: 20px;
}
  #menu ul.mod-menu {
      justify-content: flex-start;
      padding-top: 80px;
  }
  #team .card-panel {
    padding: 15px !important;
}
   #team .card-panel img{
    max-height: 100px
}
}
@media(max-height: 650px) {
  .flags {
      bottom: -30px;
  }
 
}
#menu .flc-logo {
      position: relative;
    top: -3px;
    margin-left: 10px;
}