@font-face {
  font-family: Century Gothic;
  src: url("https://www.kuzka-performance.de/files/kuzka-performance/assets/fonts/GOTHIC.TTF");
}
@font-face {
  font-family: Century Gothic;
  src: url("https://www.kuzka-performance.de/files/kuzka-performance/assets/fonts/GOTHIC.eot");
}
@font-face {
  font-family: Century Gothic;
  src: url("https://www.kuzka-performance.de/files/kuzka-performance/assets/fonts/GOTHIC.woff");
}
@font-face {
  font-family: Century Gothic;
  src: url("https://www.kuzka-performance.de/files/kuzka-performance/assets/fonts/GOTHIC.svg");
}

:root {
    --font-primary: "Century Gothic", sans-serif;
}

.col-lg-10.col-md-6.kosten {
    max-width: 100% !important;
    flex: 100%;
}

.preis-enthalten li {
    
}

.preis-enthalten ul {
    margin-top: 15px;
}

.main-header .sliderMain__title {
    font-size: 1.5vw !important;
    text-transform: uppercase;
    letter-spacing: 0.1em;
    font-weight: 200!important;
}

.main-header .sliderSub__title {
    font-size: 5vw !important;
    text-transform: uppercase;
    letter-spacing: 0.1em;
    font-weight: 200!important;
}
.min-vh-100 {
    min-height: 60vh !important;
}
.header__logo div, .header__logo img {
    width: 340px;
}
.header.is-sticky img {
    width: 210px!important;
}
.main-header .overlay-black-sm::after {
    background-color: rgba(0, 0, 0, 0.1) !important;
}

@media (min-width: 992px){
#sliderContent .col-lg-7 {
    flex: 0 0 90%;
    max-width: 90%;
}
#sliderContent .col-lg-6 {
    flex: 0 0 25%;
    align-self: baseline;
}
}

span.konfigurator-title {
    color: #fff;
    text-transform: uppercase;
    letter-spacing: 2px;
}

#sliderContent.startsuche {
    background-color: #000;
    padding-bottom:15px;
    margin-top:0!important;
}

.car-brands ul, .car-brands dl {
    margin-bottom: 0rem !important;
}

.sectionHeading.-lg .sectionHeading__title {
    font-weight: 300;
    font-size: 3.25rem;
}
.sectionHeading.-sm .sectionHeading__title {
    font-weight: 300;
    font-size: 2.5rem;
    text-transform: uppercase;
}
.sectionHeading.-md .sectionHeading__title {
    font-weight: 300;
    text-transform: uppercase;
    font-size: 2.5rem;
}
.sectionHeading.-lg .sectionHeading__title {
    text-transform: uppercase;
}

.justify-content-right {
    -webkit-box-pack: right !important;
    -ms-flex-pack: center !important;
    justify-content: right !important;
}

a.slider-btn-first {
    background: #B4161D;
    padding: 10px 20px;
    min-width: 150px;
    color: #fff;
    text-transform: uppercase;
    letter-spacing: 2px;
    margin-top: 10px;
    margin-right:10px;
}

a.slider-btn-second {
    background: #FFFFFF;
    padding: 10px 20px;
    min-width: 150px;
    color: #B4161D;
    text-transform: uppercase;
    letter-spacing: 2px;
    margin-top: 10px;
}

/*Floating Social Icons*/
nav.floating-social-bar{
  position: fixed;
	z-index: 3000;
  width: 70px;
  right:0;
  top: 30%;
  transition: all 0.3s linear;
  box-shadow: 2px 2px 8px 0px rgba(0,0,0,.4);
}
nav.floating-social-bar li{
  height: 60px;
  position:relative;
}
nav.floating-social-bar li a{
  color: white;
  display: block;
  height: 100%;
  width: 100%;
  line-height: 60px;
  padding-left:25%;
  border-bottom: 1px solid rgba(0,0,0,.4);
  transition: all .3s linear;
}
nav.floating-social-bar li:nth-child(1) a{
  background: #4267B2;
}
nav.floating-social-bar li:nth-child(2) a{
  background: #1DA1F2;
}
nav.floating-social-bar li:nth-child(3) a{
  background: #E1306C;
}
nav.floating-social-bar li:nth-child(4) a{
  background: #2867B2;
}
nav.floating-social-bar li:nth-child(5) a{
  background: #333;
}
nav.floating-social-bar li:nth-child(6) a{
  background: #ff0000;
}
nav.floating-social-bar li a i{
  position:absolute;
  top: 17px;
  left: 20px;
  font-size: 27px;
}
nav.floating-social-bar ul li a span{
  display: none;
  font-weight: bold;
  letter-spacing: 1px;
  text-transform: uppercase;
}
nav.floating-social-bar a:hover {
  z-index:1;
  width: 200px;
}
nav.floating-social-bar ul li:hover a span{
  padding-left: 30%;
  display: block;
}
.button.-outline-black {
    background-color: #B4161D;
    border: none;
    color: #fff;
    border-radius: 0;
}
.button.-outline-white {
    background-color: #B4161D;
    border: none;
    border-radius: 0;
}

.container-wide {
    padding-left: 0;
    padding-right: 0;
}

h3.ce_headline.headline-logos {
    text-align: center;
    font-weight: 300;
    text-transform: uppercase;
    margin-top: 70px;
}

section.logo-container {
    padding: 75px!important;
}

section#kontakt {
    background-color: #000;
}

section#kontakt h2{
	color: #fff;
}
section#kontakt p{
	color: #fff;
}
section#kontakt a{
	color: #fff;
}

form input[type="text"], form input[type="search"], form textarea, form input[type="email"] {
    border-bottom: 1px solid #fff;
	color: #fff
}

h2.text-white.is-in-view {
    font-weight: 300;
    font-size: 2em;
    text-transform: uppercase;
    letter-spacing: 10px;
}

h5.text-xl.text-white {
    text-transform: uppercase;
    font-weight: 300;
    font-size: 15px;
    letter-spacing: 4px;
	text-align: center;
}

.clientsItem__title {
    text-transform: uppercase;
    font-weight: 300;
    font-size: 15px;
    letter-spacing: 4px;
}

h2.text-white {
	    text-transform: uppercase;
    font-weight: 300;
    font-size: 35px;
    letter-spacing: 4px;
}
.stage-intro {
    background-image: url(/files/kuzka-performance/assets/images/img/stage-back.jpg);
    background-repeat:no-repeat;
    background-size:cover;
    background-position:center;
}

.breadcrumb-wrapper.py-2.bg-dark-1.mb-4 {
    background-color: transparent!important;
}
h3.text-white-muted.stage-increase-text {
    color: #fff!important;
    font-size: 4.5em;
    font-weight: 600;
}
h2.text-white.stage-headline {
    font-size: 28px;
}
a.button.-sm.-primary.text-white.mt-mob-3.mt-md-0.mt-lg-3.faq-btn {
    background-color: #fff;
    color: #000;
    border: none;
    border-radius: 0;
}
a.button.-sm.-primary.text-white.mt-mob-3.mt-md-0.mt-lg-3.termin-btn {
    border-radius: 0;
}
.stage-full-name {
    background-color: #000;
    padding: 20px;
}
.stage-full-name h3 {
    color: #fff;
    font-weight: 300;
    text-transform: uppercase;
    font-size: 2em;
    letter-spacing: 2px;
}
section.staging-info-wrapper {
    background-color: #000;
    padding: 40px 0px !important;
	border-bottom: 10px solid #fff;
}

div#staging-infos {
    display: inline-flex;
    width: 100%;
    align-items: baseline;
}
.bg-white-1 {
    background-color: #fff;
}.bg-grey-1 {
    background-color: #242424;
}

#faq-section{
	background-color:#ddd;
	display: flex;
	align-items: center;
	padding:0!important
}

#faq-section h3 {
    text-transform: uppercase;
    font-weight: 300;
    margin-bottom: 20px;
    font-size: 2em;
	letter-spacing: 2px;
}

#faq-section.white-bg{
	background-color:#fff;
}

#faq-section .text{
	width:50%;
	padding: 40px;
}
#faq-section .image{
	width:50%;
}

.h-lg {
    height: 30.5rem;
}
section.layout-pt-2xl.layout-pb-md {
    padding: 60px 0px 0px 0px!important;
}
.layout-pt-lg {
    padding-top: 3.5rem;
}

p.back {
    display: none;
}

@media (max-width: 767px){
	.preis-enthalten li {
    display: block;
}
	nav.floating-social-bar{
  width: 45px;
	}
	nav.floating-social-bar li a i {
		top:20px;
    left: 14px;
    font-size: 20px;
}
	
	.masonry.-col-3.-gap-32.js-masonry.js-masonry-no-filter {
    display: none!important;
}
	
	#faq-section .text {
    width: 100%;
	}
	#faq-section .image{
	width:100%;
}
	#faq-section p {
    text-align: justify;
}
	
	#faq-section {
    display: inherit;
	}
	.stage-full-name {
    background-color: #000;
    padding: 20px 0;
    font-size: 10px;
}
	.p-mob-3 {
    padding: 1.5rem !important;
}
	
	h2.text-white.stage-headline {
    font-size: 20px!important;
}
	a.text-primary.animate-primary {
    font-size: 12px;
}
	.breadcrumb-wrapper.py-2.bg-dark-1.mb-4 {
    margin-bottom: 0!important;
    margin-top: 20px;
}
	h3.text-white-muted.stage-increase-text {
    font-size: 4em;
	}
	section.bg-dark-1.inverted.pt-10.pt-md-20.stage-intro {
    padding-bottom: 0px!important;
}
	
.header {
    height: 5.75rem;
}
.main-header .sliderSub__title {
    font-size: 7vw !important;
}
	.main-header .sliderMain__title {
    font-size: 3.5vw !important;
}
	span.konfigurator-title {
    padding: 20px;
}
}
section.layout-pt-2xl.layout-pb-md.bg-dark-1 {
    padding: 60px 0px 60px 0px!important;
}

/*Brand Search*/

input#brandSearch {
    background-color: transparent;
    border: 0;
    border-bottom: 1px solid #999;
    width: 100%;
	color: #fff;
	padding: 20px;
}

/*Brand Search End*/
h2.sectionHeading__title.terminanfrage {
    font-size: 2rem!important;
}

p.sectionHeading__subtitle.terminanfrage-marke {
    font-size: 1.2rem;
}

.button.-green {
    background-color: #16B459;
    border: 0.0625rem solid #16B459;
}

label#lbl_183_0 {
    color: #fff;
}

h3 {
    color: var(--accent-color);
}
.circle-lg i {
    font-size: 30px;
    color: #fff;
}
.circle-lg {
    background-color: var(--accent-color);
}
a.button.-sm.-primary.text-white.mt-mob-3.mt-md-0.mt-lg-3.termin-btn {
    color: #fff;
}