@charset "utf-8";
html{color: #fff; overflow-x: hidden; font-family: "Roboto Condensed"; font-weight: 400;}
body{font-family: "Roboto Condensed"; font-weight: 400; font-size: 16px; scroll-behavior: smooth; overflow-x: hidden; border-top: 5px #000 solid;}
.icons{display: none;}

@font-face {font-display: swap; font-family: "Roboto Condensed"; font-style: normal; font-weight: 400;
  src: url("../fonts/roboto-condensed-v27-latin-regular.woff2") format("woff2"), 
       url("../fonts/roboto-condensed-v27-latin-regular.ttf") format("truetype");}

@font-face {font-display: swap; font-family: "Roboto Condensed"; font-style: normal; font-weight: 700;
  src: url("../fonts/roboto-condensed-v27-latin-700.woff2") format("woff2"), 
       url("../fonts/roboto-condensed-v27-latin-700.ttf") format("truetype");}

h1, h2, h3, h4, h5, h6 {font-family: "Roboto Condensed"; font-weight: 700; font-style: italic;}
.h1, .h2, .h3, .h4, .h5, .h6 {font-family: "Roboto Condensed"; font-weight: 700; font-style: italic;}
.h3{font-weight: 700;}
.h1{text-decoration: none; font-weight: 700;}
a{text-decoration: none;}
p{font-family: "Roboto Condensed";}
.lead{font-family: "Roboto Condensed";}
.btn{font-family: "Roboto Condensed";}
.custom{font-family: "Roboto Condensed";}

:root{
--red: rgba(227, 0, 15, 1);
--grau: rgba(102, 102, 102, 1);
--dark: rgba(33, 37, 41, 1);
--white: rgba(255, 255, 255, 1);
}

.bg-dark{background: var(--dark); color: var(--white);}
.text-white{color: var(--white);}
.text-red{color: var(--red);}
.text-dark{color: var(--dark);}

::-moz-selection {background: var(--grau); text-shadow: none; color: var(--white);}
::selection {background: var(--grau); text-shadow: none; color: var(--white);}

.mod-custom.custom{font-family: "Roboto Condensed"; font-weight: 400;}
#redim-cookiehint .cookiecontent, .cookiehead, .cookiebuttons{font-family: "Roboto Condensed"; font-weight: 400;}
#redim-cookiehint .cookiebuttons a{font-family: "Roboto Condensed"; font-weight: 400;}
fieldset{margin-left: 20px;}
.form-label{font-size: 12px; line-height: 16px;}
iframe{width: 100%; min-height:500px; height: 100vh; border: none;}
.iframe{min-height: 500px; height: 100vh; width: 100%;}

.bg-red{background: rgba(227, 0, 15, 1); color: #fff;}
.bg-gray{background: rgba(82, 82, 82, 1); color: #fff;}
.red{color: rgba(227, 0, 15, 1); text-shadow: 2px 2px 3px #525252}
.bg-cd{background: url(../images/cta-bg.svg) no-repeat; background-size: cover;}
.bg-asfalt{background: url(../images/asfalt.png);
    @supports (background-image: url("../images/asfalt.webp")) {
    background-image: url("../images/asfalt.webp");}
}

.widget{
  width: 200px;
  height: 150px;
  position:fixed;
  background: #fff;
  border-radius: 10px;
  right: 10px;
  bottom: 10px;
  padding: 10px;
  -webkit-box-shadow: 5px 5px 10px 2px #626262;
  box-shadow: 5px 5px 10px 2px #626262;}

/* Hero / Header */
#site-hero{height: 100vh; width: 100%;}

header{background: var(--dark); height: 100vh; padding-top: 6vh; font-family: "Roboto Condensed"; align-items: center; justify-content: center;}
header h1{color: var(--white); text-shadow: 5px 10px 8px #333; font-family: "Roboto Condensed"; text-transform: uppercase;}

/* Navigation */
nav .navbar a, li, p, btn, nav-link{font-family: "Roboto Condensed"; font-weight: 400;}
nav a .navbar-brand{font-family: "Roboto Condensed"; font-weight: 700;}
nav .dropdown-menu .active{background: #000; font-family: "Roboto Condensed";}
nav .nav-item .nav-link{color: #dee2e6;}
nav .nav-item .nav-link:hover{color: #f8f9fa;}
.navbar-toggler-icon {background-image: url(../images/bars-solid.svg);}

.pathway{color: #000000; font-family: "Roboto Condensed"; font-weight: 400;}
.pathway:hover{color: #e3000f;}
#content-top p, a{font-family: "Roboto Condensed"; font-weight: 400;}
#content-top ,h1{font-family: "Roboto Condensed"; font-weight: 700;}
.angebote #content-top{background: url("../images/asfalt.png") #dee2e6; font-family: "Roboto Condensed";
    @supports (background-image: url("../images/asfalt.webp")) {
    background-image: url("../images/asfalt.webp");}}

.home #content-top{background: url("../images/asfalt.png") #dee2e6; font-family: "Roboto Condensed";
    @supports (background-image: url("../images/asfalt.webp")) {
    background-image: url("../images/asfalt.webp");}}

.home header{background: url("../images/hero-startseite.jpg") no-repeat; background-size: cover;
    @supports (background-image: url("../images/hero-startseite.webp")) {
    background-image: url("../images/hero-startseite.webp");}}

.angebote header{background: url("../images/hero-startseite.jpg") no-repeat; background-size: cover;
    @supports (background-image: url("../images/hero-startseite.webp")) {
    background-image: url("../images/hero-startseite.webp");}}

.rennserien-trackdays header{background: url("../images/hero-rennserien-trackdays.jpg") no-repeat; background-size: cover;
    @supports (background-image: url("../images/hero-rennserien-trackdays.webp")) {
    background-image: url("../images/hero-rennserien-trackdays.webp");}}

.nordschleifentrainings header{background: url("../images/hero-nordschleifentraining.jpg") no-repeat; background-size: cover;
    @supports (background-image: url("../images/hero-nordschleifentraining.webp")) {
    background-image: url("../images/hero-nordschleifentraining.webp");}}

.personal-coaching header{background: url("../images/hero-personal-coaching.jpg") no-repeat; background-size: cover;
    @supports (background-image: url("../images/hero-personal-coaching.webp")) {
    background-image: url("../images/hero-personal-coaching.webp");}}

.galerie header{background: url("../images/hero-galerie.jpg") no-repeat; background-size: cover;
    @supports (background-image: url("../images/hero-galerie.webp")) {
    background-image: url("../images/hero-galerie.webp");}}

.business-events header{background: url("../images/hero-business-events.jpg") no-repeat; background-size: cover;
    @supports (background-image: url("../images/hero-business-events.webp")) {
    background-image: url("../images/hero-business-events.webp");}}

.renntaxi header{background: url("../images/hero-renntaxi.jpg") no-repeat; background-size: cover;
    @supports (background-image: url("../images/hero-renntaxi.webp")) {
    background-image: url("../images/hero-renntaxi.webp");}}

.rennstreckentraining header{background: url("../images/hero-rennwagen-selber-fahren.jpg") no-repeat center; background-size: cover;
    @supports (background-image: url("../images/hero-rennwagen-selber-fahren.webp")) {
    background-image: url("../images/hero-rennwagen-selber-fahren.webp");}}

.fahrzeuge header{background: url(../images/hero-fahrzeuge.jpg) no-repeat; background-size: cover;
    @supports (background-image: url("../images/hero-fahrzeuge.webp")) {
    background-image: url("../images/hero-fahrzeuge.webp");}}


.team header{background: url(../images/hero-team.jpg) no-repeat; background-size: cover;
    @supports (background-image: url("../images/hero-team.webp")) {
    background-image: url("../images/hero-team.webp");}}

.merch-shop header{background: url(../images/hero-merch.jpg) no-repeat; background-size: cover;
    @supports (background-image: url("../images/hero-merch.webp")) {
    background-image: url("../images/hero-merch.webp");}}

.kontakt header{background: url(../images/hero-kontakt.jpg) no-repeat; background-size: cover;
    @supports (background-image: url("../images/hero-kontakt.webp")) {
    background-image: url("../images/hero-kontakt.webp");}}

.combiangebot header{background: url(../images/hero-combiangebot.jpg) no-repeat; background-size: cover;
    @supports (background-image: url("../images/hero-combiangebot.webp")) {
    background-image: url("../images/hero-combiangebot.webp");}}

.termine header{background: url(../images/hero-termine.jpg) no-repeat; background-size: cover;
    @supports (background-image: url("../images/hero-termine.webp")) {
    background-image: url("../images/hero-termine.webp");}}

.rennwagen-selber-fahren header{background: url(../images/hero-rennstrecken-training.jpg) no-repeat; background-size: cover;
    @supports (background-image: url("../images/hero-rennstrecken-training.webp")) {
    background-image: url("../images/hero-rennstrecken-training.webp");}}

.gutschein header{background: url(../images/hero-gutschein.jpg) no-repeat; background-size: cover;
    @supports (background-image: url("../images/hero-gutschein.webp")) {
    background-image: url("../images/hero-gutschein.webp");}}

.renntaxi-buchen header{background: url(../images/hero-renntaxi.jpg) no-repeat; background-size: cover;
    @supports (background-image: url("../images/hero-renntaxi.webp")) {
    background-image: url("../images/hero-renntaxi.webp");}}

.rennstrecken-training header{background: url(../images/hero-rennwagen-selber-fahren.jpg) no-repeat; background-size: cover;
    @supports (background-image: url("../images/hero-rennwagen-selber-fahren.webp")) {
    background-image: url("../images/hero-rennwagen-selber-fahren.webp");}}

.drifttraining-drifttaxi header{background: url(../images/hero-driften.jpg) no-repeat; background-size: cover;
    @supports (background-image: url("../images/hero-driften.webp")) {
    background-image: url("../images/hero-driften.webp");}}

/*.buchung-erfolgreich header{background: #2b3035 url(../images/hero-buchung-erfolgreich.jpg) no-repeat; background-size: cover; 
    @supports (background-image: url("../images/hero-buchung-erfolgreich.webp")) {
    background-image: url("../hero-buchung-erfolgreich.webp");}}

.nachricht-erfolgreich header{background: #2b3035 url(../images/hero-nachricht-erfolgreich.jpg) no-repeat; background-size: cover; 
    @supports (background-image: url("../images/hero-nachricht-erfolgreich.webp")) {
    background-image: url("../hero-nachricht-erfolgreich.webp");}}*/

.buchung-erfolgreich header{display: none;}
.nachricht-erfolgreich header{display: none;}

main p, a, li { font-family: "Roboto Condensed";}
main{margin-top: 30px; min-height: 1024px; font-family: "Roboto Condensed"; font-weight: 400;}
.theme-img p{color: #2b3035; text-decoration: none;}
.theme-img .arrow{clip-path: polygon(75% 0%, 100% 50%, 75% 100%, 0% 100%, 25% 50%, 0% 0%); -webkit-transition: clip-path 0.75s ease-in-out; -moz-transition: clip-path 0.75s ease-in-out; -ms-transition: clip-path 0.75s ease-in-out; -o-transition: clip-path 0.75s ease-in-out; transition: clip-path 0.75s ease-in-out;} 
.theme-img .arrow:hover{clip-path: polygon(75% 0%, 100% 50%, 75% 100%, 0% 100%, 0 49%, 0% 0%);}
main #system-message-container{margin: 0px; padding: 0px;}
main .com-content-article{margin: 0px; padding: 0px;}
main .com-content-article__body{margin: 0px; padding: 0px;}
main a{color: rgba(82, 82, 82, 1); font-family: "Roboto Condensed"; font-weight: 400;}
main a:hover{color: rgba(82, 82, 82, 0.75);}
main .team-img{background: #000;}

.card{border-radius: 0px;}
.card .card-img-top, .card-body{border-radius: 0px;}

/* Partner + animation */
#partner{min-width: 1944px; white-space: nowrap; will-change: transform;}
.marquee{animation: marquee 10s infinite linear;}

@keyframes marquee{
  0% {transform: translateX( 0% );}
  50% {transform: translateX( -30% );}
  100% {transform: translateX(0%);}
}

.marquee:hover{animation-play-state: paused;}

/* Team Kroeger Racing */
.team-kr figure {background: #fff; border-radius: 0px;}
.team-kr figure img{
	-webkit-filter: grayscale(100%);
	filter: grayscale(100%);
	-webkit-transition: .3s ease-in-out;
	transition: .3s ease-in-out;}

.team-kr figure:hover img{
	-webkit-filter: grayscale(0);
	filter: grayscale(0);}

#cta{
font-family: "Roboto Condensed";
font-weight: 400;
color: #fff; text-align: center;
background: url(../images/cta-bg.svg) no-repeat; 
background-size: cover;
background-position: right;}
#cta .lead{font-size: 3.5rem; font-family: "Roboto Condensed"; font-weight: 700;}
#cta p, a{font-family: "Roboto Condensed"; font-weight: 400;}
#cta .btn{font-family: "Roboto Condensed"; font-weight: 400;}

.event{padding: 10px; margin-bottom: 15px; background: #737e89; color: #fff;}

#site-footer{ background: url(../images/footer-bg.svg) #000 bottom; background-size: cover; color: var(--white);}

#site-footer .ft-title{font-style: italic; font-weight: 700; font-size: 1.25rem; color: rgba(227, 0, 15, 1);}

#site-footer a{color: var(--white); text-decoration: none;}
#site-footer a:hover, #site-footer a:focus{color: var(--white); text-decoration: none; opacity: .75;}

#site-footer.sm-link img{ max-height: 30px; width: auto; -webkit-transition: all 0.3s ease-in; -moz-transition: all 0.3s ease-in; -ms-transition: all 0.3s ease-in; -o-transition: all 0.3s ease-in; transition: all 0.3s ease-in;}
#site-footer .sm-link:hover img{-moz-transform: scale(1.1);  -webkit-transform: scale(1.1); -o-transform: scale(1.1); -ms-transform: scale(1.1); transform: scale(1.1);}

#site-footer .copy{font-size: 0.6rem;}

/* footer alt
footer {margin-top: 80px; background: url(../images/footer-bg.svg); background-size: cover; color: #fff; border-top:rgba(82, 82, 82, 1) 4px solid; font-family: "Roboto Condensed";}
footer .ft-title{font-family: "Roboto Condensed"; font-style: italic; font-weight: 700; font-size: 1.25rem; color: rgba(227, 0, 15, 1);}
footer a{color: rgba(255, 255, 255, .8); text-decoration: none; font-family: "Roboto Condensed";}
footer a:hover{color: rgba(255, 255, 255, 0.5); text-decoration: none;}
footer p{font-family: "Roboto Condensed";}
footer .logo-svg{width: 300px; height: auto;}
footer .list-inline, .list-inline-item{min-height: 30px; line-height: 31px;}
footer .sm-link img{ max-height: 30px; width: auto; -webkit-transition: all 0.3s ease-in; -moz-transition: all 0.3s ease-in; -ms-transition: all 0.3s ease-in; -o-transition: all 0.3s ease-in; transition: all 0.3s ease-in;}
footer .sm-link:hover img{-moz-transform: scale(1.1);  -webkit-transform: scale(1.1); -o-transform: scale(1.1); -ms-transform: scale(1.1); transform: scale(1.1);}
 */
/* Small devices (landscape phones, 576px and up)*/
@media (max-width: 575px) {
  .form-label{font-size: 12px; line-height: 16px;}
  main {padding-left: 20px; padding-right: 20px;}
  .katalog-shop .card{min-height: 400px;}
}

/* Small devices (landscape phones, 576px and up)*/
@media (min-width: 576px) {
  .form-label{font-size: 16px; line-height: 24px;}
   main {padding-left: 20px; padding-right: 20px;}
  .katalog-shop .card{min-height: 400px;}
}

/* Medium devices (tablets, 768px and up)*/
@media (min-width: 768px) {
  .form-label{font-size: 16px; line-height: 24px;}
  .katalog-shop .card{min-height: 435px;}
}

/* Large devices (desktops, 992px and up)*/
@media (min-width: 992px) {
  .form-label{font-size: 16px; line-height: 24px;}
  .katalog-shop .card{min-height: 485px;}
}

/* X-Large devices (large desktops, 1200px and up)*/
@media (min-width: 1200px) {
  .form-label{font-size: 16px; line-height: 24px;}
  .katalog-shop .card{min-height: 485px;}
}

/* XX-Large devices (larger desktops, 1400px and up)*/
@media (min-width: 1400px) {
  .form-label{font-size: 16px; line-height: 24px;}
  .katalog-shop .card{min-height: 485px;}
}

#redim-cookiehint-bottom #redim-cookiehint,#redim-cookiehint-top #redim-cookiehint{max-width:100%}#redim-cookiehint .reset{margin:0!important;padding:0!important}#redim-cookiehint-modal{background-color:rgba(0,0,0,.75);padding:20px}#redim-cookiehint{box-sizing:border-box;font-size:14px;line-height:20px;font-weight:400;max-width:380px;background:#fff;padding:15px 30px;border-radius:3px}#redim-cookiehint .cookiehead{margin-bottom:20px;display:inline-block}#redim-cookiehint .cookiehead .headline{color:#707070;font-size:20px;line-height:26px;position:relative;padding:3px 0 3px 50px;display:inline-block}#redim-cookiehint .cookiehead .headline::before{content:"";display:inline-block;position:absolute;left:0;top:0;width:35px;height:32px;background-image:url(../images/little_cookie.png);background-repeat:no-repeat;background-position:left center}#redim-cookiehint .cookiecontent{font-size:14px;line-height:18px;display:inline-block;color:#707070;padding-bottom:20px}#redim-cookiehint .clr{clear:both}#redim-cookiehint .cookiebuttons .btn,#redim-cookiehint .cookiebuttons button{font-size:18px;line-height:24px;cursor:pointer;display:block;margin-bottom:15px;padding:12px 8px!important;text-align:center;width:100%;box-sizing:border-box}#redim-cookiehint .cookiebuttons a.btn{text-decoration:none!important;background-image:none!important}#redim-cookiehint.hidden{display:none;visibility:hidden}#cookiehintsubmit,#cookiehintsubmitno{transition:background .3s;border-radius:4px!important;background:#00bc13!important;color:#000!important}#redim-cookiehint button{border:none!important}#cookiehintinfo{display:flex;justify-content:center;align-items:center;flex-wrap:wrap}#cookiehintinfo>*{margin:2px 6px}#cookiehintsubmit:hover,#cookiehintsubmitno:hover{background:#008a13!important;color:#000!important}#redim-cookiehint-bottom{box-shadow:0 0 5px 0 rgba(0,0,0,.25);text-align:center;background-color:#000}#redim-cookiehint-bottom #redim-cookiehint{margin:0 auto;text-align:left;max-width:980px}#redim-cookiehint-bottom #cookiehintinfo{float:left}#redim-cookiehint-bottom .cookiehead{margin-bottom:10px}#redim-cookiehint-bottom .cookiecontent{padding-bottom:5px}#redim-cookiehint-bottom .cookiebuttons{text-align:right}#redim-cookiehint-bottom .cookiebuttons .btn,#redim-cookiehint-bottom .cookiebuttons button{display:inline-block;padding:8px 14px!important;margin:0 10px 0 0;width:auto}@media(max-width:576px){#redim-cookiehint{padding:7px 15px}#redim-cookiehint .cookiehead .headline{font-size:16px;line-height:24px}#redim-cookiehint .cookiebuttons{text-align:center}#redim-cookiehint .cookiebuttons .btn,#redim-cookiehint .cookiebuttons button{width:100%;margin:0 auto 8px;font-size:14px;line-height:20px;padding:8px!important}#redim-cookiehint-bottom #cookiehintinfo{float:none}}

#cookiehintsubmit, #cookiehintsubmitno{color: #000;}