/* ==========================================================================
   Base styles: opinionated defaults
   ========================================================================== */

html {
  color: #222;
 /* font-size: 62.5%;*/
  line-height: 1.4;
}

/*
 * Remove text-shadow in selection highlight:
 * https://twitter.com/miketaylr/status/12228805301
 *
 * Vendor-prefixed and regular ::selection selectors cannot be combined:
 * https://stackoverflow.com/a/16982510/7133471
 *
 * Customize the background color to match your design.
 */

::-moz-selection {
  background: #b3d4fc;
  text-shadow: none;
}

::selection {
  background: #b3d4fc;
  text-shadow: none;
}

/*
 * A better looking default horizontal rule
 */

hr {
  display: block;
  height: 1px;
  border: 0;
  border-top: 1px solid #ccc;
  margin: 1em 0;
  padding: 0;
}

/*
 * Remove the gap between audio, canvas, iframes,
 * images, videos and the bottom of their containers:
 * https://github.com/h5bp/html5-boilerplate/issues/440
 */

audio,
canvas,
iframe,
img,
svg,
video {
  vertical-align: middle;
}

/*
 * Remove default fieldset styles.
 */

fieldset {
  border: 0;
  margin: 0;
  padding: 0;
}

/*
 * Allow only vertical resizing of textareas.
 */

textarea {
  resize: vertical;
}

/* ==========================================================================
   Author's custom styles
   ========================================================================== */

/* ==========================================================================
   Helper classes
   ========================================================================== */

/*
 * Hide visually and from screen readers
 */

.hidden,
[hidden] {
  display: none !important;
}

/*
 * Hide only visually, but have it available for screen readers:
 * https://snook.ca/archives/html_and_css/hiding-content-for-accessibility
 *
 * 1. For long content, line feeds are not interpreted as spaces and small width
 *    causes content to wrap 1 word per line:
 *    https://medium.com/@jessebeach/beware-smushed-off-screen-accessible-text-5952a4c2cbfe
 */

.sr-only {
  border: 0;
  clip: rect(0, 0, 0, 0);
  height: 1px;
  margin: -1px;
  overflow: hidden;
  padding: 0;
  position: absolute;
  white-space: nowrap;
  width: 1px;
  /* 1 */
}

/*
 * Extends the .sr-only class to allow the element
 * to be focusable when navigated to via the keyboard:
 * https://www.drupal.org/node/897638
 */

.sr-only.focusable:active,
.sr-only.focusable:focus {
  clip: auto;
  height: auto;
  margin: 0;
  overflow: visible;
  position: static;
  white-space: inherit;
  width: auto;
}

/*
 * Hide visually and from screen readers, but maintain layout
 */

.invisible {
  visibility: hidden;
}

/*
 * Clearfix: contain floats
 *
 * For modern browsers
 * 1. The space content is one way to avoid an Opera bug when the
 *    `contenteditable` attribute is included anywhere else in the document.
 *    Otherwise it causes space to appear at the top and bottom of elements
 *    that receive the `clearfix` class.
 * 2. The use of `table` rather than `block` is only necessary if using
 *    `:before` to contain the top-margins of child elements.
 */

.clearfix::before,
.clearfix::after {
  content: " ";
  display: table;
}

.clearfix::after {
  clear: both;
}

/* ==========================================================================
   EXAMPLE Media Queries for Responsive Design.
   These examples override the primary ('mobile first') styles.
   Modify as content requires.
   ========================================================================== */

@media only screen and (min-width: 35em) {
  /* Style adjustments for viewports that meet the condition */
}

@media print,
  (-webkit-min-device-pixel-ratio: 1.25),
  (min-resolution: 1.25dppx),
  (min-resolution: 120dpi) {
  /* Style adjustments for high resolution devices */
}


/* ==========================================================================
   Font
   ========================================================================== */



@font-face {
    font-family: "SKODA Next W01 Light";
    src: url("../webfonts/fa21ebb0-8dd3-4c37-8916-8a018a16643d.eot?#iefix");
    src: url("../webfonts/fa21ebb0-8dd3-4c37-8916-8a018a16643d.eot?#iefix") format("eot"), url("../webfonts/339fad86-51a7-4d50-85a3-4dedc11ec0e8.woff2") format("woff2"), url("../webfonts/f4dc6ebc-4bef-49dc-94d8-be842036dc8e.woff") format("woff"), url("../webfonts/ac2aa7e8-e566-4ceb-b41f-38364bbf1ecb.ttf") format("truetype"), url("../webfonts/3d4dc453-e27f-47e3-9518-d9a428a79a17.svg#3d4dc453-e27f-47e3-9518-d9a428a79a17") format("svg");
    font-display: swap;
}

@font-face {
    font-family: "SKODA Next W01 Light Italic";
    src: url("../webfonts/76a613c0-9023-40b2-a750-f32066c56fef.eot?#iefix");
    src: url("../webfonts/76a613c0-9023-40b2-a750-f32066c56fef.eot?#iefix") format("eot"), url("../webfonts/ac812335-b9dd-468b-acab-97b7257edbb4.woff2") format("woff2"), url("../webfonts/7901f256-23ef-438c-bb9c-ec58de76fd47.woff") format("woff"), url("../webfonts/3af2f3be-7290-4a2c-9ec8-f706d0c36a60.ttf") format("truetype"), url("../webfonts/26a37246-1197-4612-ba01-4b2963706ad9.svg#26a37246-1197-4612-ba01-4b2963706ad9") format("svg");
    font-display: swap;
}

@font-face {
    font-family: "SKODA Next W01 Regular";
    src: url("../webfonts/7c819ec9-a3c1-41d7-99ba-ad3a7ba9ba6b.eot?#iefix");
    src: url("../webfonts/7c819ec9-a3c1-41d7-99ba-ad3a7ba9ba6b.eot?#iefix") format("eot"), url("../webfonts/7ce79b42-a287-47d8-8269-fbdea3f24ad3.woff2") format("woff2"), url("../webfonts/9e911125-957e-462c-bc02-f5dff3de74cf.woff") format("woff"), url("../webfonts/4538109e-9c89-4a87-bc49-469e9560001e.ttf") format("truetype"), url("../webfonts/38c8477e-9ae4-44c5-994a-6a139578ead0.svg#38c8477e-9ae4-44c5-994a-6a139578ead0") format("svg");
    font-display: swap;
}

@font-face {
    font-family: "SKODA Next W01 Italic";
    src: url("../webfonts/5492a33a-65ed-408b-b48e-63146a50abf8.eot?#iefix");
    src: url("../webfonts/5492a33a-65ed-408b-b48e-63146a50abf8.eot?#iefix") format("eot"), url("../webfonts/00a4c6b9-a720-438b-9261-38b8215e54d8.woff2") format("woff2"), url("../webfonts/7baa9b01-8b9c-49a8-936a-14817c515a51.woff") format("woff"), url("../webfonts/cc768200-dbfd-40a7-aed7-8c58a06b9875.ttf") format("truetype"), url("../webfonts/706a2c2b-e3e5-4b47-8bc0-a705afba03bc.svg#706a2c2b-e3e5-4b47-8bc0-a705afba03bc") format("svg");
    font-display: swap;
}

@font-face {
    font-family: "SKODA Next W01 Bold";
    src: url("../webfonts/9547b6d7-3cdd-41a2-ad10-bddd4dd65c1b.eot?#iefix");
    src: url("../webfonts/9547b6d7-3cdd-41a2-ad10-bddd4dd65c1b.eot?#iefix") format("eot"), url("../webfonts/ce0897d0-0c7c-4624-a0ce-6916cc092ba2.woff2") format("woff2"), url("../webfonts/24324ebe-600f-4fdc-8565-6ebff742f25a.woff") format("woff"), url("../webfonts/da0f29ed-a4ae-456e-9fd1-277067a800dc.ttf") format("truetype"), url("../webfonts/1133853c-a769-44dc-816d-00606fe2b9df.svg#1133853c-a769-44dc-816d-00606fe2b9df") format("svg");
    font-display: swap;
}

@font-face {
    font-family: "SKODA Next W01 Bold Italic";
    src: url("../webfonts/ca161a7d-177d-4e63-ac78-0b8783d7a60a.eot?#iefix");
    src: url("../webfonts/ca161a7d-177d-4e63-ac78-0b8783d7a60a.eot?#iefix") format("eot"), url("../webfonts/a1abb96a-7ea5-436c-be90-b59e41cd0024.woff2") format("woff2"), url("../webfonts/c6d6d0dc-3c61-45a4-89b7-fe0865da5279.woff") format("woff"), url("../webfonts/136393b4-d3f7-4b41-a746-e29045244d1f.ttf") format("truetype"), url("../webfonts/cf300266-9383-4ad5-8487-3b1aa0bba6d0.svg#cf300266-9383-4ad5-8487-3b1aa0bba6d0") format("svg");
    font-display: swap;
}

@font-face {
    font-family: "SKODA Next W01 Black";
    src: url("../webfonts/9d5ca901-04bb-492e-8954-30674bffa52a.eot?#iefix");
    src: url("../webfonts/9d5ca901-04bb-492e-8954-30674bffa52a.eot?#iefix") format("eot"), url("../webfonts/acbc703b-bde1-4366-9def-738fe1ec1459.woff2") format("woff2"), url("../webfonts/f8012618-1e1b-4c42-ba20-1444321c59de.woff") format("woff"), url("../webfonts/e9bc7831-118a-4d24-ae5c-e03b9d831844.ttf") format("truetype"), url("../webfonts/4f2fc0cc-5162-47d0-b8b9-3996daf46112.svg#4f2fc0cc-5162-47d0-b8b9-3996daf46112") format("svg");
    font-display: swap;
}

@font-face {
    font-family: "SKODA Next W01 Black Italic";
    src: url("../webfonts/48842508-32f0-486d-90db-99ca0a9805d3.eot?#iefix");
    src: url("../webfonts/48842508-32f0-486d-90db-99ca0a9805d3.eot?#iefix") format("eot"), url("../webfonts/6226a97b-d2d7-4dcf-9626-9f52dae529d2.woff2") format("woff2"), url("../webfonts/82e564c8-ee6b-42f9-956d-ce10a77dfb93.woff") format("woff"), url("../webfonts/9b3ec57c-2ff0-4838-ab4f-86119af68e2d.ttf") format("truetype"), url("../webfonts/bb81ae0d-a867-4f1d-b7fb-6ca43ebd590c.svg#bb81ae0d-a867-4f1d-b7fb-6ca43ebd590c") format("svg");
    font-display: swap;
}




/* ==========================================================================
   Page
   ========================================================================== */


   :root{
--primary-color: #78faae;
--secondary-color: #141113;
--button-color: #78faae;
--button-color-hover: #a8ffcc;
--white-color: #fff;
--font-family: 'SKODA Next W01 Light';
--section-padding: 5.625rem 0;
--section-padding-top: 5.625rem;
--section-padding-bottom: 5.625rem;
--text-h1-size: 2.625rem;
--text-h2-size: 2.25rem;
--text-h3-size: 1.75rem;
--text-h4-size: 1.20rem;
--s1: 0.0625rem;
--s2: 0.125rem;
--s3: 0.1875rem;
--s5: 0.3125rem;
--s6: 0.375rem;
--s7: 0.4375rem;
--s8: 0.5rem;
--s9: 0.5625rem;
--s10: 0.625rem;
--s12: 0.75rem;
--s14: 0.875rem;
--s15: 0.9375rem;
--s16: 1rem;
--s18: 1.125rem;
--s20: 1.25rem;
--s22: 1.375rem;
--s24: 1.5rem;
--s25: 1.5625rem;
--s30: 1.875rem;
--s32: 2rem;
--s35: 2.1875rem;
--s40: 2.5rem;
--s45: 2.8125rem;
--s50: 3.125rem;
--s51: 3.1875rem;
--sn51: -3.1875rem;
--s54: 3.375rem;
--s55: 3.4375rem;
--s60: 3.75rem;
--s65: 4.0625rem;
--s70: 4.375rem;
--s75: 4.6875rem;
--s80: 5rem;
--s100: 6.25rem;
--s120: 7.5rem;
--s140: 8.75rem;
--s160: 10rem;
--s180: 11.25rem;
--s220: 14.25rem;
--s300: 18.75rem;
--s700: 43.75rem;
--s800: 50rem;
   }


#melzer {
  
}

b, strong, thead{
	font-weight: normal;
	font-family: 'SKODA Next W01 Bold';
}


h1, h2, h3, h4{
	
	font-family: 'SKODA Next W01 Regular';
	margin: 0;
	font-weight: 700;
	font-style: normal;
}

h1{
	font-size: var(--text-h1-size);
}

h2{
	font-size: var(--text-h2-size);
	font-weight: 700;
	font-style: normal;
	padding-bottom: 40px;
}

h3{
	font-size: var(--text-h3-size);
	margin-bottom: var(--s40);
}

h4{
	font-size: var(--text-h4-size);
}

.teaser-text p a{
	color: var(--primary-color);
}


.text-center{
	text-align: center;
}
.text-right{
	text-align: right;
}

.grid{
  width: 1200px;
  margin: 0 auto;
  display: grid;
}

.grid.blocked{
  display: block;
}
.grid-small{
  width: 900px;
  margin: 0 auto;
  display: grid;
}

.carousel-item figure{
  margin: 0 0 var(--s20) 0;
}

.carousel-item .price{
  color: #419468;
  font-family: "SKODA Next W01 Bold";
  font-size: var(--s20);
}
.carousel-item h4{
  min-height: var(--s80);
  margin-bottom: var(--s12); 
}
.carousel-item h4 a{
  color: #111;
  font-size: var(--s22);
  text-decoration: none;
}

/* TEAM */

.team-list{
  grid-template-columns: repeat(4, 1fr);
  
}


.team-list .team-item figure{
  background: #ffffff;
  margin: 0 0 var(--s20) 0;
  padding: 0;
}

.team-list .team-item figure img{
  width: 75%;
  height: auto;
}

.team-list .team-item{
  text-align: center;
  margin-bottom: var(--s70);
}


.team-list .team-item .team-position{
  font-size: var(--s14);
  color: #A5A5A5;
  margin: var(--s10) 0;
}
.team-list .team-item .team-phone a{
  color: var(--secondary-color);
  text-decoration: none;
}


.content__gallery{
  display: grid;
  grid-template-columns: 1fr 1fr; 
  grid-gap: var(--s10);
  grid-template-areas: 
    "imgA imgA"
    "imgB imgC"; 
}

#internal__content{
  max-width: 65rem;
  margin: 2rem auto;
}
.content__gallery a:nth-child(1) { grid-area: imgA; }
.content__gallery a:nth-child(2) { grid-area: imgB; }
.content__gallery a:nth-child(3) { grid-area: imgC; }


#viewer {
    width: 100%;
    height:400px;
    margin-bottom: 40px;
}
@media(max-width: 600px){
 #viewer { height: 290px; }
}

/* BLOG */


.blog__post_row{
	
	width: 1200px;
	margin: 0 auto;
}
.blog__post{
	background: #fff;
	margin-bottom: var(--s30);
	border-radius: var(--s2);
	overflow: hidden;
}

.blog__post figure{
	margin: 0;
  position: relative;
}
.blog__post figure .svg__overlay{
  bottom: -1px;
}
.blog__post__row .alm-reveal{
  display: grid;
  grid-template-columns: 1fr 1fr;
  grid-gap: var(--s20);
}

@media(max-width: 700px){
  .blog__post__row .alm-reveal{
    grid-template-columns: 1fr;
  }
}

.blog__post figure img{
	width: 100%;
	height: 350px;
  object-fit: cover;
	display: block;
}

.blog__post .blog__post__content{
	padding: var(--s30);
  background: #fafafa;
}

.blog__post .blog__post__content h3{
	margin-bottom: var(--s20);
	margin-top: 0;
}

.teaser-text{
  margin-bottom: 90px;
}
.blog__post .blog__post__content h3 a{
	text-decoration: none;
	color: var(--secondary-color)
}

.blog__post .blog__post__content p{
	font-size: var(--s16);
}
.blog__post .button{
	margin-top: var(--s30);
  box-sizing: border-box;
}

.price-cta{
  background: var(--button-color);
  color: #161718;
  padding: var(--s10) var(--s20);
  text-align: center;
  font-size: var(--s12);
}

.price-cta strong{
  font-size: var(--s20);
}


/* WP FORMS */

section div.wpforms-container-full .wpforms-form .wpforms-field-html ul, 
section div.wpforms-container-full .wpforms-form .wpforms-field-html ol{
  margin: 16px !important;
}

div.wpforms-container-full .wpforms-form ul.wpforms-image-choices-modern img{
  max-width: inherit;
  width: 100%;
}

.wpformsLink{
  color: var(--primary-color);
}


section div.wpforms-container-full .wpforms-form input[type=submit], 
section div.wpforms-container-full .wpforms-form button[type=submit],
section div.wpforms-container-full .wpforms-form .wpforms-page-button,
#header-popup div.wpforms-container-full .wpforms-form .wpforms-page-button{
  background: var(--primary-color) !important;
  color: var(--black-color) !important;
  border-radius: var(--s25) !important;
  padding: var(--s10) var(--s30) !important;
  display: inline-block;
  text-decoration: none;
  outline: none;
  border: none !important;
  cursor: pointer;
  position: relative;
  font-size: var(--s16);
  transition: all 0.35s;
}



section div.wpforms-container-full .wpforms-form input[type=date], section div.wpforms-container-full .wpforms-form input[type=datetime], section div.wpforms-container-full .wpforms-form input[type=datetime-local], section div.wpforms-container-full .wpforms-form input[type=email], section div.wpforms-container-full .wpforms-form input[type=month], section div.wpforms-container-full .wpforms-form input[type=number], section div.wpforms-container-full .wpforms-form input[type=password], section div.wpforms-container-full .wpforms-form input[type=range], section div.wpforms-container-full .wpforms-form input[type=search], section div.wpforms-container-full .wpforms-form input[type=tel], section div.wpforms-container-full .wpforms-form input[type=text], section div.wpforms-container-full .wpforms-form input[type=time], section div.wpforms-container-full .wpforms-form input[type=url], section div.wpforms-container-full .wpforms-form input[type=week], section div.wpforms-container-full .wpforms-form select, section div.wpforms-container-full .wpforms-form textarea{
  

display: block;
font-size: 16px;
font-family: sans-serif;
color: #111;
line-height: 1.3;
padding: .6em 1.4em .5em 0;
width: 100%;
max-width: 100%;
box-sizing: border-box;
margin: 0;
border: none;
border-bottom: 1px solid #aaa;
-moz-appearance: none;
-webkit-appearance: none;
appearance: none;
background-color: #fff;
line-height: 1.3;
padding: 0.6em 1.4em 0.5em 0.8em;
width: 100%;
max-width: 100%;
box-sizing: border-box;
margin: 0;
border: 1px solid #aaa;
box-shadow: 0 1px 0 1px rgb(0 0 0 / 4%);
border-radius: var(--s2);}



div.wpforms-container-full.form-full-width{
  width: 100%
}



.medium__width .grid{
  width: 800px;
}
@media(max-width: 1200px){
	.grid, .grid.alm-listing{
		width: 90%;
		margin-left: 5%
	}
	.blog__post_row{
	
	width: 90%;
}
}
@media(max-width: 1110px){


}
@media(max-width: 767px){


}

body{
	font-family:  var(--font-family);
	line-height: 1.4;
	font-size: var(--s18);
	color: var(--secondary-color);
	font-weight: 300;
	/*padding-top: 100px;*/
	
}

section h1,
section h2{
	margin: 0 0 var(--s10) 0;
}

section.pd_tb{
  padding: var(--section-padding);
}

section.pd_t{
  padding-top: var(--section-padding-top);
}
section.pd_b{
  padding-bottom: var(--section-padding-bottom);
}

section.primarybg{
	background: var(--primary-color);
	color: var(--white-color);
}

section.secondarybg{
	background: var(--secondary-color);
	color: var(--white-color);
}

section.grey{
	background: #F5F5F5;
}

section.green{
	background: #0e3a2f;
	color: var(--white-color);
}

section.lightgreen{
	background: #e4f1e9;
	color: #0e3a2f;
}

section.tuerkis{
	background: #aacfc1;
	color: var(--white-color);
}

section .teaser-text{
	margin: 0 auto;
	max-width: var(--s700);
}


section .teaser-note{
	background: #efefef;
	border-radius: var(--s8);
	padding: var(--s20);
	margin-top: var(--s50);
	font-size: var(--s16);
	
}

section .teaser-note p{
	padding: 0;
	margin: 0;
}

.button{
	background: var(--button-color);
	color: #111;
	border-radius: var(--s25);
	margin-top: 20px;
	padding: var(--s10) var(--s30);
	display: inline-block;
	text-decoration: none;
	outline: none;
	border: none;
	cursor: pointer;
    position: relative;
    font-family: "SKODA Next W01 Regular";
	font-size: var(--s16);
    transition: all 0.35s;
}


.button.nav-vehicle-link{
  padding: var(--s10) var(--s15);
  margin-left: 10px;
}

.button:hover{
  background: var(--primary-color);
  color: #161718;
  box-shadow: 0 1px 0 1px rgb(0 0 0 / 4%);
}
.button__group{
  text-align: center;
  margin-top: var(--s75);
}

.button .button-icon{
	margin-left: 14px;
	height: 14px;
	display: inline-block;
	vertical-align: middle
}

.button .button-icon img{
	height: 14px;
	width: auto;
	display: block
}

.button.no-border{
	border-radius: 0;
}

.button.primary.no-border:hover{
  background: var(--button-color-hover);
  color: #161718;
  font-family: "SKODA Next W01 Regular";
}

.button.full{
	width: 100%;
	display: block;
	text-align: center;
}

.dropdown{
	display: inline-block;
}


.button.primary,
.button.default{	
  background: var(--button-color);
  color: #161718;
  border-radius: var(--s25);
  font-family: "SKODA Next W01 Regular";
}


.button.primary.rounded{	
  border: 1px solid var(--button-color);
  color: #161718;
  background: #78faae;
  font-family: "SKODA Next W01 Regular";
}

.button.primary:hover{
  background: rgb(168, 255, 204);
  color: #161718;
  font-family: "SKODA Next W01 Regular";
}

.button.light{	
	background: var(--white-color);
	color: #161718;
    font-family: "SKODA Next W01 Regular";
	
}
.button.light:hover{
  background: var(--primary-color);
  color: #161718;
  font-family: "SKODA Next W01 Regular";
  
}

.button.secondary.light {
  background-color: transparent;
  border-color: #161718;
  border: 1.8px solid rgba(0, 0, 0, 1);
}

.button.secondary.light:hover{
  background: var(--primary-color);
  color: #161718;
  border: 1.8px solid rgba(120, 250, 174, 1);
  font-family: "SKODA Next W01 Regular";
}

.button-group{
	margin-top: var(--s50);
}


.button-group .button{
	margin: 0 var(--s6);
}

.button-group .button:first-of-type{
	margin-left: 0;
}

.button-group .button:last-of-type{
	margin-right: 0;
}

.button-group.center{
  
  text-align: center
}

.teaser-text hr{
  margin-top: var(--s60);
}


.mt-2{
	margin-top: var(--s20);
}
.mt-3{
	margin-top: var(--s30);
}
.mt-4{
	margin-top: var(--s40);
}
.mt-5{
	margin-top: var(--s50);
}
.mt-6{
	margin-top: var(--s60);
}
.mt-7{
	margin-top: var(--s70);
}


.mb-2{
	margin-bottom: var(--s20);
}
.mb-3{
	margin-bottom: var(--s30);
}
.mb-4{
	margin-bottom: var(--s40);
}
.mb-5{
	margin-bottom: var(--s50);
}
.mb-6{
	margin-bottom: var(--s60);
}
.mb-7{
	margin-bottom: var(--s70);
}


.dropbtn {
  
}

/* Dropdown button on hover & focus */
.dropbtn:hover, .dropbtn:focus {
  
}

/* The container <div> - needed to position the dropdown content */
.dropdown {
  position: relative;
  display: inline-block;
	margin: 0 var(--s6);
}

/* Dropdown Content (Hidden by Default) */
.dropdown-content {
  display: none;
  position: absolute;
  margin-top: var(--s10);
  border-radius: var(--s5);
  background-color: var(--secondary-color);
  min-width:  var(--s160);
  padding: var(--s12) var(--s16);
  box-shadow: 0px 8px 16px 0px rgba(0,0,0,0.2);
  z-index: 1;
	font-size: var(--s16);
}

/* Links inside the dropdown */
.dropdown-content a {
  color: var(--white-color);
  padding: var(--s6) 0;
  text-decoration: none;
  display: block;
}

/* Change color of dropdown links on hover */
.dropdown-content a:hover {}

/* Show the dropdown menu (use JS to add this class to the .dropdown-content container when the user clicks on the dropdown button) */
.show {display:block;}



#recommend{
  margin-top: var(--s30);
}

#recommend-grid{
  display: grid;
  grid-template-columns: repeat(3, 1fr);
  grid-gap: var(--s30);
}

#recommend a svg{
  width: 22px;
  height: auto;
  vertical-align: middle;
  display: inline-block
}
#recommend a{
  border: 1px solid #419468;
  padding: 4px 10px;
  border-radius: 20px;
  text-align: center;
  text-decoration: none;
  color: #419468;
}

#recommend a:hover{
  background: var(--primary-color);
  color: #fff
}
#recommend a:hover svg,
#recommend a:hover svg path{
  fill: #fff
}

#recommend .button-icon{
  margin-right: var(--s12)
}
.owl-thumbs{
  display: grid;
  grid-template-columns: repeat(5, 1fr);
  grid-gap: var(--s10);
  margin-top: var(--s20);
}
.owl-thumb-item{
  padding: 0;
  border: none;
  margin: 0;
  
}.owl-thumbs img{
  max-width: 100%;
  height: auto;
}.sync-item{
  opacity: .5;
}

.active .sync-item{
  opacity: 1;
}

.vehicle-carousel.owl-theme .owl-nav .owl-next{
  position: absolute;
  right: 20px;
  bottom: 20px;
  padding: 10px 20px !important;
  display: inline-block;
  background: #fff;
}

.vehicle-carousel.owl-theme .owl-nav .owl-prev{
  position: absolute;
  right: 80px;
  bottom: 20px;
  padding: 10px 20px !important;
  display: inline-block;
  background: #fff;
}
.vehicle-carousel.owl-theme .owl-nav .owl-next:hover,
.vehicle-carousel.owl-theme .owl-nav .owl-prev:hover{
  background: var(--primary-color);
  color: #fff
}
.owl-next span{
  display: block;
}
#vehicle-carousel-outer{
  width: 585px;
  position: relative
}

.col-table{
  width: 70%;
}

.col-table img{
  width: 100%;
  height: auto;
}

.col-table td{
  border-bottom: 1px solid #efefef;
  padding: 8px 0;
}


.col-table tr:last-of-type td{
  border: none;
}

.header-spacer{
	height: 100px;
	width: 100%;
	display: block;
	
}
.header-spacer.grey{
	background: #efefef
	
}


header{
	position: relative;
	height: 80px;
	top: 0;
	left: 0;
	background: var(--white-color);
	z-index: 20;
	width: 100%;
  
  box-shadow: rgb(66 82 110 / 8%) 0px var(--s1) var(--s3);
}

header .grid{
	grid-template-columns: repeat(12, 1fr);
	width: 100%;
    grid-template-areas: "a0 a0 b0 b0 b0 b0 b0 b0 b0 c0 c0 c0";
}

header .grid #brand{
	grid-area: a0;
	align-items: flex-start
	
}
header .grid nav{
	grid-area: b0;
	
}
header .grid .service-icons{
	grid-area: c0;
	
}

header .grid .service-icons .hide-whishlist{
  display: none;
}

header .grid #brand{
  display: flex;
  align-items: center
}
header #brand a{
	display: block;
	padding-left: var(--s40);
	width: var(--s220);
	
}

header #brand a svg{
	display: block;
	width: 100%;
	height: auto;
	
}


header ul,
header ul li{
	list-style: none;
	margin: 0;
	padding: 0;
	display: inline-block;
	line-height: var(--s80);
}

header .service-icons ul li.no__lh{
  line-height: inherit;
  border-left: none;
  margin-right: var(--s12);
}
header ul li.no__lh a,
header ul li.no__lh span{
  line-height: 1;
  cursor: pointer;
  
}

header a{
	color: var(--secondary-color);
	text-decoration: none;
	padding: 0 var(--s20);
	display: block;
}


header nav ul li a.activeItem, 
header nav ul li.current-menu-item a,
header nav ul li.current-menu-parent a {
  color: #419468;
}
header .service-icons ul li{
  border-left: 1px solid #dadada;
}


header .service-icons a,
header .service-icons span{
  display: block;
  
  padding-left: var(--s20);
  padding-right: var(--s20);
}
header .service-icons ul li svg{
  height: var(--s20);
  width: auto;
}

@media(min-width: 1400px){
  header .service-icons ul li a,
  header .service-icons ul li span{
		
	padding-left: var(--s25);
	padding-right: var(--s25);
	}
}


header nav ul ul{
	display: none;
}

.stage{
	position: relative;
	overflow: hidden;
}
.stage img{
	width: 100%;
	height: auto;
	display: block;
}

.stage .gridder{
	height: 100%;
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	z-index: 8;
}

.stage .gridder .grid{
	align-content: flex-end;
	align-items: flex-end;
	height: 100%;
}


.stage .gridder .grid #stage-detail-caption{
	margin-bottom:var(--s100);
	font-size: var(--s40);
	color: var(--white-color);
}

.stage.special .gridder .grid #stage-detail-caption{
  margin-bottom:var(--s100);
  display: flex
}
#subnav{
	background: var(--primary-color);
	text-align: center;
	 position: -webkit-sticky;
    position: sticky;
    top: 79px;
    z-index: 20;
}

.b__hidden #subnav{
  position: fixed;
  top: 0;
}

#subnav ul,
#subnav ul li{
	list-style: none;
	margin: 0;
	padding: 0;
	display: inline-block;
	line-height: var(--s60);
}
#subnav ul li.current_page_item a{
	font-weight: 600;
}

#subnav a{
	color: #fff;
	text-decoration: none;
	display: block;
}

#subnav  ul li{
	margin: 0 var(--s20);
}


#subnav  ul li .icon{
	margin-right: 10px;
	vertical-align: middle;
}
#subnav  ul li .icon-label{	vertical-align: middle;
}

#subnav ul li.social-media-links{
	margin: 0 var(--s8);
}

#subnav ul li.social-media-links svg{
	height: 18px;
	width: auto;
}


#subnav ul li.social-media-links.link1{
	margin-left: var(--s40);
}




.text-link-teaser-grid{
  display: grid;
  grid-template-columns: 3fr 1fr;
  grid-gap: var(--s30);
  
  margin-bottom: var(--s40);
}

.text-link-teaser-grid .links{
  
  display: flex;
  flex-direction: column;
  justify-content: space-between;
}

.text-link-teaser-grid .links a svg {
    width: 1.5em;
}
.text-link-teaser-grid .links a{
  display: flex;
  width: 100%;
  margin-bottom: 12px;
  border: 1px solid var(--button-color);
  text-decoration: none;
  box-sizing: border-box;
  border-radius: var(--s25);
  justify-content: flex-start;
  align-items: center;
  gap: 12px;
  background: var(--button-color);
  color: #161718;
  font-family: "SKODA Next W01 Regular";
  border-radius: var(--s25);
  padding: var(--s10) var(--s30);
  cursor: pointer;
  position: relative;
  font-size: var(--s16);
  transition: all .35s;
  padding-left: var(--s25);
  padding-right: var(--s25);
}
.text-link-teaser-grid .links a:hover {
  background: var(--button-color-hover);
	border: 1px solid var(--button-color-hover);
}

.text-link-teaser-grid .links a:last-of-type{
  margin-bottom: 0;
}

.text-link-teaser-grid .textbox{
  background: #F5F5F5;
  padding: var(--s30);
}
  .text-link-teaser-grid .textbox ul {
    list-style: none;
    margin: 0 0 20px 0;
    display: flex;
    padding: 0;
    
    font-weight: bold;
}
  .text-link-teaser-grid .textbox ul li{
    margin-right: 20px;
    
  }

.text-link-teaser-grid .textbox ul li:before {
    content: '✓';
    font-weight: bold;
    color: #419468;
    padding: 4px;
}

@media(max-width: 1200px){
  .text-link-teaser-grid {
      display: block;
    
  }
}
/* SCHNELL SUCHE HOME */
#quick-search-box {
  display: grid;
  grid-template-columns: repeat(3, 1fr);
  grid-template-rows: 1fr;
  grid-gap: 8px;
  grid-template-areas:
    "quicksearch request-car request-car";
}

#quick-search-box .quicksearch { grid-area: quicksearch; }

#quick-search-box .request-car {
  display: grid;
  grid-template-columns: 2.5fr 2fr;
  grid-template-rows: 1fr;
  grid-gap: 0;
  grid-template-areas:
    ". .";
    border: 3px solid #efefef;
  grid-area: request-car;
}

@media all and (-ms-high-contrast:none) {
 #quick-search-box   {
    display: -ms-grid;
    -ms-grid-columns: repeat(3, 1fr);
    -ms-grid-rows: 1fr;
  }

  #quick-search-box  .quicksearch {
    -ms-grid-row: 1;
    -ms-grid-row-span: 1;
    -ms-grid-column: 1;
    -ms-grid-column-span: 1;
  }

  #quick-search-box .request-car {
    display: -ms-grid;
    -ms-grid-columns: 3fr 2fr;
    -ms-grid-rows: 1fr;
    -ms-grid-row: 1;
    -ms-grid-row-span: 1;
    -ms-grid-column: 2;
    -ms-grid-column-span: 2;
  }
}


.request-car .request-image img{
	object-fit: cover;
	width: 100%;
	height: 100%
}

.quicksearch {
	background: #F5F5F5;
	padding: var(--s30);
}
.quicksearch h2{
	font-size: var(--s24);
}

.request-content{
	position: relative;
	padding: var(--s45) var(--s45) var(--s45) 0;
}

.request-content .bubble{
	border: 2px solid var(--primary-color);
	padding: var(--s20);
	position: relative;
	font-size: var(--s25);
	
}

.request-content .bubble:after{
	width: var(--s54);
	transform: rotate(-30deg);
	height: var(--s2);
	background: var(--primary-color);
	content: "";
	right: var(--sn51);
	top: 25%;
	position: absolute;
	}

/*.request-content p,
.request-content .button-group{margin-left: var(--s20); margin-right: var(--s20);} */

.request-content p{
	font-size: var(--s16);
}

.form-item{
	width: 100%;
	margin-bottom: 15px;
}

.form-item select, .form-item input[type="text"], .form-item input[type="email"], .form-item input[type="phone"]{
	width: 100%;
}

/* SCHNELLSUCHE HOME END */


.call-to-action{
	background: rgb(1,124,163);
background: -moz-linear-gradient(0deg, rgba(1,124,163,1) 0%, rgba(51,158,200,1) 25%);
background: -webkit-linear-gradient(0deg, rgba(1,124,163,1) 0%, rgba(51,158,200,1) 25%);
background: linear-gradient(0deg, rgba(1,124,163,1) 0%, rgba(51,158,200,1) 25%);
filter: progid:DXImageTransform.Microsoft.gradient(startColorstr="#017ca3",endColorstr="#339ec8",GradientType=1);
	padding: var(--s40) 0;
	text-align: center;
	position: relative;
	color: #fff;
}

.call-to-action .description{
	max-width:var(--s800);
	margin: 0 auto;
	position: relative;
	z-index: 2
	
}.call-to-action .call-to-action-image img{
	display: block;
	width: 100%;
	height: auto; }

.call-to-action .call-to-action-image{
	position: relative;
	margin: 0 auto var(--s40) auto;
	max-width:var(--s800);
	z-index: 2
}
.call-to-action h2{
	position: relative;
	
	z-index: 2
}

.call-to-action:before{
	content: "";
	height: 50%;
	background: rgb(0,78,115);
background: -moz-linear-gradient(0deg, rgba(0,78,115,1) 0%, rgba(43,153,197,1) 100%);
background: -webkit-linear-gradient(0deg, rgba(0,78,115,1) 0%, rgba(43,153,197,1) 100%);
background: linear-gradient(0deg, rgba(0,78,115,1) 0%, rgba(43,153,197,1) 100%);
filter: progid:DXImageTransform.Microsoft.gradient(startColorstr="#004e73",endColorstr="#2b99c5",GradientType=1);
top: 0;
left: 0;
width: 100%;
position: absolute;
z-index: 1
	
}


/* HISTORY */

.history-block{
  width: 1000px;
  margin: var(--s40) auto var(--s120) auto;
  position: relative;
}
.history-block .divider{
  width: 1px;
  height: 70%;
  background: #707070;
  left: 50%;
  top:  var(--s160);
  position: absolute;
  z-index: 0
}
.history-block .divider:before{
  width: 14px;
  height: 14px;
  border-radius: 50%;
  background: #BF1010;
  position: absolute;
  top: -20px;
  left: 50%;
  margin-left: -7px;
  content: " ";
  display: block;
}

.history-block .year-background{
  color: #F0F0F0;
  font-size:var(--s100);
  position: absolute;
  z-index: -1;
  width: 100%;
  text-align: center;
  top: var(--s75);
  font-family: "SKODA Next W01 Bold";
}

.history-item{
  
  display: grid;
  grid-template-columns: 1fr 1fr;
  grid-gap: var(--s30);
}
.history-block .history-left{
  text-align: right;
  padding: 0 var(--s40);
}

.history-block .history-left figure{
 margin: 0;
 padding: var(--s10);
 
 box-shadow: 0px 0px 6px rgba(0, 0, 0, 0.16); 
}
.history-block .history-left figure img{
  width: 100%;
  height: auto;
  display: block
}
.history-block .history-right{
  padding: 0 var(--s40);
}

.history-block .history-right  img{
  width: 100%;
  height: auto;
}


.history-block .history-block-headline{
  text-align: center;
  font-size: var(--s30);
}

.history-block .history-block-subline{
  text-align: center;
  font-size: var(--s16);
  margin-bottom: var(--s60);
}

/* AKTION GRID */


.quick-links .grid {
  display: grid;
  grid-template-columns: repeat(3, 1fr);
  grid-template-rows: repeat(2, 1fr);
  grid-gap: 8px;
  grid-template-areas:
    "a1 a1 a2"
    "a3 a4 a2";
}

.quick-links.has_featured_car .grid {
  grid-template-areas:
    "a1 a1 a2"
    "a3 a5 a2"
    "a4 a5 a7"
    "a6 a6 a8";
}

.quick-links  .gr-item{
  overflow: hidden;
}

.quick-links  .gr-item:hover img{
  transform: scale(1.1);
}

.quick-links .gr-item .gradient{
  background: rgb(120,250,174);
  background: linear-gradient(0deg, rgba(120,250,174,0.8197872899159664) 0%, rgba(0,0,0,0) 100%);
  position: absolute;
  top: 0;
  display: block;
  opacity: 0;
  left: 0;
  width: 100%;
  height: 100%;
  transition: all 0.35s;
  z-index: 3;
}

.price .au-widget-car-rating{
  
  position: absolute !important;
  z-index: 10;
  right: 45px;
  top: 74px;
  border-left: 20px solid #fff;
}

.quick-links .gr-item:hover  .gradient{
  opacity: 1;
}

.quick-links  .gr-item,
.event-grid .ev-item{
	position: relative;
}
.quick-links .quick-link-action,
.event-grid .quick-link-action{
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	z-index: 20;
	display: block;
}
.quick-links img,
.event-grid img{
	display: block;
	width: 100%;
  transition: all 0.35s;
	height: 100%;
	object-fit: cover;
}


.quick-links .vehicle-col figure{
	margin: 0;
  overflow: hidden;
	padding: 0;
}
.quick-links .vehicle-col img{
	width: 100%;
	height: auto;
}



.quick-links .caption,
.event-grid .caption{
	position: absolute;
	padding: var(--s30);
	bottom: 0;
	left: 0;
  background: linear-gradient(to top, rgba(0, 0, 0, 0.85), transparent);
width: 100%;
box-sizing: border-box;
	z-index: 10;
	color: #fff;
}

.quick-links .caption .caption-title,
.event-grid .caption .caption-title{
	font-size: var(--s22);
	
	font-family: 'SKODA Next W01 Regular';
	text-transform: uppercase;
}

.quick-links .a1 { grid-area: a1; }

.quick-links .a2 { grid-area: a2; }

.quick-links .a5 { grid-area: a5; }

.quick-links .a3 { grid-area: a3; }

.quick-links .a4 { grid-area: a4; }

.quick-links .a6 { grid-area: a6; }

.quick-links .a7 { grid-area: a7; }

.quick-links .a8 { grid-area: a8; }

.quick-links .carousel, .quick-links .carousel-item, .quick-links .carousel a{
	height: 100%
}

.quick-links .a7,
	.quick-links .a8,
	.event-grid .e1,
	.event-grid .e3,
	.event-grid .e4
	{
		min-height: 340px;
	}


.car-heading{
  display: grid;
  grid-template-columns: 4fr 1fr;
  border-bottom: 1px solid #dadada;
}

@media all and (-ms-high-contrast:none) {
  .quick-links .grid {
    display: -ms-grid;
    -ms-grid-columns: repeat(3, 1fr);
    -ms-grid-rows: repeat(4, 1fr);
  }

  .quick-links .a1 {
    -ms-grid-row: 1;
    -ms-grid-row-span: 1;
    -ms-grid-column: 1;
    -ms-grid-column-span: 2;
  }

  .quick-links .a2 {
    -ms-grid-row: 1;
    -ms-grid-row-span: 2;
    -ms-grid-column: 3;
    -ms-grid-column-span: 1;
  }

  .quick-links .a5 {
    -ms-grid-row: 2;
    -ms-grid-row-span: 2;
    -ms-grid-column: 2;
    -ms-grid-column-span: 1;
  }

  .quick-links .a3 {
    -ms-grid-row: 2;
    -ms-grid-row-span: 1;
    -ms-grid-column: 1;
    -ms-grid-column-span: 1;
  }

  .quick-links .a4 {
    -ms-grid-row: 3;
    -ms-grid-row-span: 1;
    -ms-grid-column: 1;
    -ms-grid-column-span: 1;
  }

  .quick-links .a6 {
    -ms-grid-row: 4;
    -ms-grid-row-span: 1;
    -ms-grid-column: 1;
    -ms-grid-column-span: 2;
  }

  .quick-links .a7 {
    -ms-grid-row: 3;
    -ms-grid-row-span: 1;
    -ms-grid-column: 3;
    -ms-grid-column-span: 1;
  }

  .quick-links .a8 {
    -ms-grid-row: 4;
    -ms-grid-row-span: 1;
    -ms-grid-column: 3;
    -ms-grid-column-span: 1;
  }
}

.svg__overlay{
  position: absolute;
  bottom: 0;
  left: 0;
  width: 100%;
  height: auto;
  z-index: 8;
}

.svg__overlay svg{
  width: 100%;
  height: auto;
  disblay: block;
}

.vehicle-col{
  position: relative;
}

.vehicle-col .car{
  display: flex;
  height: 100%;
  flex-direction: column;
  justify-content: space-between;
  border: 1px solid #dadada;
}

.vehicle-col .whishlist, #vehicle-carousel-outer .whishlist{
  display: inline-block;
  padding: 4px 15px;
  border-radius: 15px;
  background: #fff;
  color: #419468;
  position: absolute;
  top: 20px;z-index: 19;
  
  right: 20px;
  cursor: pointer;
}

.vehicle-col .whishlist.active, #vehicle-carousel-outer .whishlist.active{
  
  color: var(--secondary-color);
  background: var(--primary-color);
}

.vehicle-col a{
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  display: block;
  z-index: 10;
}

.vehicle-col h3{
	background: #161718;
	color: #fff;
	padding: var(--s12) var(--s20);
	font-size: var(--s20);
  margin-bottom: var(--s25);
}

.cars .vehicle-col h3{
  background: #fff;
  color: #111;
  min-height: var(--s60);
  border-bottom: 1px solid #dadada;
  margin-bottom: var(--s30);
}


.vehicle-col .price-grid {
  display: grid;
  grid-template-columns: 2fr 1.5fr;
  grid-template-rows: 1fr;
  gap: 0px 0px;
  grid-template-areas:
    ". .";
}

.vehicle-col .price-grid div{
	font-size: var(--s20);
	padding: var(--s20) 0 var(--s20) var(--s20);
}

@media all and (-ms-high-contrast:none) {
  .vehicle-col .price-grid{
    display: -ms-grid;
    -ms-grid-columns: 2fr 1.5fr;
    -ms-grid-rows: 1fr;
  }
}



.vehicle-col .attributes-grid {
  display: grid;
  grid-template-columns: 1fr 1fr;  grid-template-rows: 1fr;
  gap: 0px 0px;
  grid-template-areas:
    ". .";
    border-top: 1px solid #dadada;
}

@media all and (-ms-high-contrast:none) {
  .vehicle-col .attributes-grid{
    display: -ms-grid;
    -ms-grid-columns: 1fr 1fr;
    -ms-grid-rows: 1fr;
  }
}


.vehicle-col .attributes-grid-full {
  display: grid;
  grid-template-columns: 1fr;
  grid-template-rows: 1fr;
  gap: 0px 0px;
  grid-template-areas:
    ". .";
    border-top: 1px solid #dadada;
}

@media all and (-ms-high-contrast:none) {
  .vehicle-col .attributes-grid-full{
    display: -ms-grid;
    -ms-grid-columns: 1fr;
    -ms-grid-rows: 1fr;
  }
}
.vehicle-col p{
	font-size: var(--s16);
	margin: 0 var(--s20);
}

.vehicle-col .attribut{
	font-size: var(--s16);
	padding: var(--s15) var(--s20);
}

.vehicle-col .attributes:not(.noConsumption){
	margin-top: var(--s30);
}

.vehicle-col .attributes.noConsumption, .vehicle-col .attributes.noConsumption .attributes-grid:first-of-type{
 border-top: none;
}
.cars .vehicle-col h3.noConsumption{
  margin-bottom: 0;
}

.vehicle-col .attributes-grid .attribut, .vehicle-col .attributes-grid-full .attribut{
	 display: flex
}

.price p.price-details{
  margin-top: 0;
}
.price p, .contact-person p{
  font-size: var(--s16)
}
.vehicle-contact .button-group{
  margin-top: 0
}

.vehicle-col .attributes-grid .attribut .icon, .vehicle-col .attributes-grid-full .attribut .icon{
	 width: var(--s30);
}
.vehicle-col .attributes-grid .attribut .icon svg, .vehicle-col .attributes-grid-full .attribut .icon svg{
  height: 20px;
  width: auto
}

/* AKTION GRID END */
	.place {
		
	}
	.place table {
		width: 100%;
	}
	
	.place table td, .place table th{
		text-align: left
	}
	
	.place.half table{
		width: 50%
	}
	.place table td {
    padding: 6px 0;
    border-bottom: 1px solid #b2b2b2;
}
	
	/* BOX HEADING CONTENT */
	
	.box-heading-content{
		
		background: #fff;
		box-shadow: 0px 0px 6px rgba(0, 0, 0, 0.16);
		margin-bottom: var(--s40);
	}
  
 .grid:not(.boxes) .box-heading-content:last-of-type{
   margin-bottom: 0;
 }
 
  
  .box-heading-content.across{
    display: grid;
    grid-template-columns: 1.25fr 2fr;
  }
  
	.box-heading-content figure{
		margin: 0;
		padding: 0;
	}
	
	.box-heading-content figure img{
		width: 100%;
		height: auto;
		display: block
	}
  .box-heading-content.across figure img{
    height: 100%;
    object-fit: cover
  }
  
	.box-heading-content .box-content{
		padding: var(--s40);
	}
	
	.box-heading-content .box-content ul{
		margin: 0;
		padding: 0;
	}
	.box-heading-content .box-content ul li{
		list-style: none;
		padding-left: 20px;
		background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='8' height='13.992' viewBox='0 0 8 13.992'%3E%3Cpath id='Icon_ionic-ios-arrow-forward' data-name='Icon ionic-ios-arrow-forward' d='M16.835,13.19,11.54,7.9a1,1,0,0,1,0-1.412,1.008,1.008,0,0,1,1.416,0l6,5.995a1,1,0,0,1,.029,1.379L12.961,19.9a1,1,0,0,1-1.416-1.412Z' transform='translate(-11.246 -6.196)' fill='%2347aa22'/%3E%3C/svg%3E%0A");
		background-repeat: no-repeat;
		background-position: left center;
		margin-bottom: var(--s7);
	}
	/* BOX END */
	
  
  .video-wrapper {
    position: relative;
    padding-bottom: 56.25%; /* 16:9 */
    height: 0;
  }
  .video-wrapper iframe {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
  }
  
  
	/* IMAGE CTA */
	.image-call-to-action{
		position: relative
	}
	
	.image-call-to-action .gridder{
		position: absolute;
		top: 0;
		left: 0;
		width: 100%;
		height: 100%
	}
	
.image-call-to-action .grid {
  display: grid;
  grid-template-columns: repeat(12, 1fr);
  grid-template-rows: 1fr;
  gap: 0px 0px;
  align-content: center;
  align-items: center;
  height: 100%;
  grid-template-areas:
    "c1 c2 c3 c4 c5 c6 c7 c8 c8 c8 c8 c8";
}

.image-call-to-action.has-video .grid {
  grid-template-areas: "c7 c7 c7 c7 c7 c7 c8 c8 c8 c8 c8 c8";
}
.image-call-to-action .grid .cta-content{
  
  align-content: center;
  align-items: center;
  color: #fff;
  grid-area: c8;
}


.image-call-to-action .grid .cta-video{
  
  align-content: center;
  align-items: center;
  color: #fff;
  grid-area: c7;
}

.image-call-to-action.content__left .grid {
  grid-template-areas: "c8 c8 c8 c8 c8 c1 c2 c3 c4 c5 c6 c7";
}

.image-call-to-action.has-video .grid{
  
  grid-gap: var(--s30);
}
.image-call-to-action.content__left.has-video .grid {
   grid-template-areas: "c8 c8 c8 c8 c8 c8 c7 c7 c7 c7 c7 c7";
}

.grid.boxes{
  
  grid-template-columns: repeat(2, 1fr);
  grid-gap: var(--s30);
}



@media all and (-ms-high-contrast:none) {
  .image-call-to-action .grid {
    display: -ms-grid;
    -ms-grid-columns: repeat(12, 1fr);
    -ms-grid-rows: 1fr;
  }
}
	.image-call-to-action img{
		width: 100%;
		height: auto;
		display: block
	}
	
	/* END IMAGE CTA */
	
	
	/* CP GRID */
	.contact-person-grid {
  display: grid;
  grid-template-columns: 1fr 1fr;
  grid-gap: 40px;
  margin-top: var(--s50);
  grid-template-areas:
    "aimage acontent acontent";
}

.contact-person-grid .acontent { grid-area: acontent; }

.contact-person-grid .aimage { grid-area: aimage; margin: 0;
  display: flex;
  align-items: flex-end;
	padding: 0; }
	
	.contact-person-grid .aimage img{
		width: 100%;
		height: auto;
	}.contact-person-grid .acontent{
    padding-bottom: var(--s50);
  }

@media all and (-ms-high-contrast:none) {
  .contact-person-grid {
    display: -ms-grid;
    -ms-grid-columns: repeat(3, 1fr);
    -ms-grid-rows: 1fr;
  }

  .contact-person-grid .acontent {
    -ms-grid-row: 1;
    -ms-grid-row-span: 1;
    -ms-grid-column: 2;
    -ms-grid-column-span: 2;
  }

  .contact-person-grid .aimage {
    -ms-grid-row: 1;
    -ms-grid-row-span: 1;
    -ms-grid-column: 1;
    -ms-grid-column-span: 1;
  }
}
	
  
  
	/* CP GRID END */
  
  
  /* JOB-GRID END */
  
  .job-grid{
    display: grid;
    grid-template-columns: 1.25fr 2fr;
    box-shadow: 0px 0px 6px rgba(0, 0, 0, 0.16);
  }
  
  
 .job-grid .job-selection {
    background: #F0F4F7
  }  
  
  
 .job-grid .job-selection nav{
     padding: var(--s30);
   }
   
   .job-grid .job-selection ul{
       margin: 0;
       padding: 0;
       list-style: none;
     }
     
     #sticky-links select{
       display: none;
     }
     
     .job-grid .job-selection li{
        margin: 0 0 var(--s20) 0;
        padding: var(--s10) var(--s20);
        list-style: none;
        cursor: pointer;
         
       }
       
       .job-grid .job-selection li.active{
         
         background: var(--primary-color);
         color: #161718;
         border-radius: 50px;
         display: inline-block;
       }
   .job-grid .job-content {
      background: #ffffff;
      padding: var(--s40) var(--s30);
    }
    
    .job-grid .job-content .job{
      display: none;
    }
    
    .job-grid .job-content .job.active{
      display: block;
    }
    .job-grid .job-content h3{
      font-size: var(--s20);
      margin-top: var(--s60);
      margin-block: var(--s30);
    }
    
    .job-grid .job-content h3:first-of-type{
      margin-top: 0;
    }
    
  .job-grid .job-selection figure{
    margin: 0 0 var(--s30) 0;
  }
  .job-grid .job-selection img{
    width: 100%;
    height: auto;
    display: block
  }
  /* JOB-GRID END */
  
  
  .action-grid .action-selection ul{
       margin: 0;
       padding: 0;
       list-style: none;
     }
     
     .action-grid .action-selection li{
        margin: 0;
        list-style: none;
        cursor: pointer;
         
         
         background: #fff;
          color: #111;
          padding: var(--s20);
          
          box-shadow:  0px 0px 6px rgb(0 0 0 / 16%);
       }
       .action-grid .action-selection li .subline{
         display: block;
          color: #ccc;
         margin-bottom: 4px;
       }
       .action-grid .action-selection li .headline{
         font-weight: 600;
         display: block;
         text-transform: uppercase;
       }
       
       .action-grid .action-selection li.active{
         
         background: var(--primary-color);
         color: #161718;
       }
       
       .action-grid .action-selection li.active .subline{
         color: #161718;
       }
   .action-grid .action-content {
      background: #ffffff;
      padding: var(--s40) var(--s30);
    }
   
   
   
   
   .action-grid .action-content .action-content-inner{
     padding-bottom: 60px
   }
    .action-grid .action-content .action{
      display: none;
    }
    
    .action-grid .action-content .action.active{
      display: block;
    }
    .action-grid .cmews-wrapper{
      position: static
    }
    
  
	
table.place{
  margin: 0 0 var(--s40) 0;
} 
table.place thead th {
    font-weight: bold;
    text-align: left
}

table.place  td {
    padding: 6px 30px 6px 0;
    border-bottom: 1px solid #b2b2b2;
}
  
.tabelle td p{
  word-wrap: normal;
}

  
  .badge{
    max-width: 300px;
    margin-left: var(--s40);
  }
  
  .badge-label{
    background: #81B2D2;
    padding: var(--s10) var(--s30);
    font-size: var(--s16);
    color: #fff;
    display: inline-block;
    -moz-transform: skew(-16deg, 0deg);
    -webkit-transform: skew(-16deg, 0deg);
    -o-transform: skew(-16deg, 0deg);
    -ms-transform: skew(-16deg, 0deg);
    transform: skew(-16deg, 0deg);
  }
  .badge-text{
    background: #549DC5;
    padding: var(--s10) var(--s30);
    font-size: var(--s30);
    margin-left: var(--s20);
    color: #fff;
    display: inline-block;
    -moz-transform: skew(-16deg, 0deg);
    -webkit-transform: skew(-16deg, 0deg);
    -o-transform: skew(-16deg, 0deg);
    -ms-transform: skew(-16deg, 0deg);
    transform: skew(-16deg, 0deg);
  }
  
  .badge-text span,  .badge-label span{
    display: inline-block;
    -moz-transform: skew(16deg, 0deg);
    -webkit-transform: skew(16deg, 0deg);
    -o-transform: skew(16deg, 0deg);
    -ms-transform: skew(16deg, 0deg);
    transform: skew(16deg, 0deg);
  }
  
  
  .badge-text small{
    font-size: var(--s16);
  }
  
  
  /* ANCHOR NAV */
  
  #anchor-navigation{
    background: #0e3a2f;
    position: sticky;
    top: -1px;
    box-sizing: border-box;
    width: 100%;
    z-index: 100;
    padding: 0 var(--s25);
    display: flex;
    min-height: 65px;
    align-items: center;
    justify-content: space-between;

  }
  
  .tcenter{
    text-align: center
  }
  
  .technical__data{
    display: grid;
    grid-template-columns: repeat(3, 1fr);
    grid-gap: var(--s30);
    text-align: center;
  }
  
  .technical__data .technical__headline{
    font-size: var(--s40);
  }
    
  .technical__data .technical__headline small{
    font-size: var(--s24);
  }
  .technical__data .technical__note{
    
  }
  
  
 @media(max-width: 800px){
   .technical__data{
     grid-template-columns: repeat(2, 1fr);
   }
   .technical__data .technical__headline{
     font-size: var(--s30);
   }
   .technical__data .technical__headline small{
     font-size: var(--s20);
   }
   
 }
 
 @media(max-width: 500px){
   .technical__data{
     grid-template-columns: 1fr;
   }
   
 }
  #anchor-navigation.no__links{
    visibility: hidden;
    min-height: 0;
  }
  #anchor-navigation.no__links.is-pinned, #anchor-navigation.no__links.pinned{
    min-height: 65px;
    visibility: visible
  }
  
  .b__hidden #anchor-navigation{
  
    display: none;
  }
  
  .page-template-page-car #anchor-navigation{
    opacity: 0;
  }
  
  .page-template-page-car #anchor-navigation.pinned,
  .page-template-page-car #anchor-navigation.is-pinned{
    opacity: 1
  }
  
  #anchor-navigation.is-pinned #sticky-brand svg path{
    fill: #fff;
  }
  
  #anchor-navigation.is-pinned #sticky-brand svg{
    height: 40px;
    width: auto;
  }
  
  #anchor-navigation #sticky-action{
    background: var(--button-color);
    color: #161718;
    
    font-family: "SKODA Next W01 Regular";
    border-radius: var(--s25);
    padding: var(--s10) var(--s30);
    cursor: pointer;
    position: relative;
    font-size: var(--s16);
    transition: all 0.35s;    padding-left: var(--s25);
    padding-right: var(--s25);
  }
  #anchor-navigation #sticky-action:hover{
  background: var(--button-color-hover);
}
  #anchor-navigation #sticky-brand, #anchor-navigation #sticky-action{
    display: none;
  }
  #anchor-navigation.is-pinned #sticky-brand,
  #anchor-navigation.is-pinned #sticky-action{
 display: block;
  }
  
  
  
  #anchor-navigation span{
    display: inline-block;
    padding: var(--s20) var(--s15); 
    color: #fff;
    cursor: pointer;
  }
  
  #anchor-navigation span.active{
   text-decoration: underline
  }
  /* ANCHOR NAV END */
  
  /* CAROUSEL */
  .carousel{
    padding: var(--s80) 0;
    background: #efefef;
    position: relative;
}
.carousel.full-width{
  padding: 0;
}

.carousel.owl-carousel .owl-nav button.owl-next{
  position: absolute;
  right: 0;
  top: 50%;
  margin-top: -30px;
  height: 60px;
  border-radius: 0;
  margin: 0;
  background: #222;
  width: 32px;
  color: #fff;
}


.carousel.full-width .carousel-item{
  display: grid;
  grid-template-columns: repeat(2, 1fr);
  align-items: center
}

.carousel.full-width .carousel-item figure{
  margin: 0;
  padding: 0;
  height: 100%
}

.carousel.full-width .carousel-item figure img{
  width: 100%;
  height: 100%;
  
  display: block;
  object-fit: cover;
  max-width: inherit;
  margin: 0;
}

.carousel.full-width .owl-thumbs{
  display: none
}

.carousel.full-width  .carousel-item .carousel-item-text{
  padding: var(--s60) var(--s120);
  margin: 0;
  text-align: left;
  max-width: auto;
}

.carousel.owl-carousel .owl-nav button.owl-prev{
  position: absolute;
  left: 0;
  top: 50%;
  margin-top: -30px;
  height: 60px;
  border-radius: 0;
  margin: 0;
  background: #222;
  width: 32px;
  color: #fff;
}


  .owl-theme .owl-dots {
    position: absolute;
    text-align: center;
    -webkit-tap-highlight-color: transparent;
    bottom: -40px;
    width: 100%;
}
  
  .carousel-item{
  }
  
  .carousel-item .carousel-item-image{
   padding: 0;
  }
  
  .carousel-item .carousel-item-image img{
   max-width: 300px;
   height: auto;
   margin-left: auto;
   margin-right: auto;
   
  }
  
  .carousel-item .carousel-item-text{
    max-width: 800px; 
    margin-left: auto;
    margin-right: auto;
  }
  .carousel-item .carousel-item-author{
    max-width: 800px; 
    
    margin-left: auto;
    margin-right: auto;
    font-size: var(--s16);
  }
  
  
  
  
  /* CAROUSEL END */
  
  
  .car h1{
    font-size: var(--s30);
  }
  
  /* TABS */
  
  .tab-navigation{
    text-align: center;
  }
  
  .tab-navigation ul{
    margin: 0;
    padding: 0;
    list-style: none;
  }
  
  .tab-navigation li{
    margin: 0 var(--s10);
    padding: var(--s10) var(--s20);
    list-style: none;
    display: inline-block;
    border: 1px solid #CCCCCC;
    border-radius: 40px;
    font-size: var(--s16);
    cursor: pointer;
  }
  
 
  
  .tab-navigation li.active{
  
  border: 1px solid var(--primary-color);
  background: var(--primary-color);
  color: #161718;
  }
  
  .tab__content{
    margin-bottom: var(--s50);
  }
  
  .tab-content{
    
    display: grid;
    margin-top: var(--s40);
    grid-template-columns: repeat(2, 1fr);
    grid-gap: var(--s30);
    align-content: first
  }
  .tab-content.full-width{
    
    display: block;
  }
  
  .tab-heading{
    
    font-family: 'SKODA Next W01 Regular';
    margin-top: var(--s40);
    font-size: var(--text-h2-size);
  }
  
  .tab-item{
    display: none;
  }
  
  .tab-item.active{
    display: block;
  }
  
  .tab-item figure{
    margin: var(--s40) 0;
    padding: 0;
    
  }
  
  .tab-item figure img{
    width: 100%;
    height: auto;
    display: block
  }
  
  
  .equipment-table{
    display: grid;
    margin-top: var(--s40);
    grid-template-columns: repeat(2, 1fr);
    align-content: first
  }
  
 .equipment-col{
   border-top: 1px solid #ccc;
   border-left: 1px solid #ccc;
   border-right: 1px solid #ccc;
   padding: var(--s10) 0;
   border-bottom: 1px solid #ccc;
}
 
 .equipment-col:first-of-type{
   
    border-right: none
 }
 
 
 .equipment-col .equipment-row{
   padding: var(--s6) var(--s20);
 }
 
 .equipment-col .equipment-row.head{
   
    padding-bottom: var(--s16);
    border-bottom: 1px solid #ccc;
 }
 
 .equipment-col .equipment-row span{
   vertical-align: middle;
 }
  .equipment-col .equipment-row span:before{
    content: ""; 
    display: inline-block;
    width: 8px;
    height: 8px;
    background: #ccc;
    margin-right: var(--s12)
  }
  
  
  .price-element{
    text-align: center;
    vertical-align: middle
  }
  
  .price-element .price{
    font-size: var(--s30);
    vertical-align: middle;
    color: var(--primary-color)
  }
  
  
  .price-element .price-note{
    font-size: var(--s20);
    vertical-align: middle;
    margin-right: var(--s7)
  }
  
  /* TABS END */


  /* VEHICLE GRID */
  
.vehicle-grid {
    display: grid; 
    grid-template-columns: 1fr 1fr; 
    gap: var(--s30); 
    grid-template-areas: 
      "images sticky"
      "attributes sticky"; 
      margin-top: var(--s30);
  }
  .vehicle-grid.eq{
    grid-gap: 0;
  }
  

  .vehicle-grid .sticky { grid-area: sticky; }
  .vehicle-grid .images { grid-area: images; }
  .vehicle-grid .attributes { grid-area: attributes; }
  
  #vehicle-small-data{
    display: grid;
    grid-gap: 3rem;
    grid-template-columns: repeat(2, 1fr);
  }
  
  body.b__hidden,
  html.b__hidden{
    overflow: hidden;
  }
  #mainVehicleContent{
      position:relative;
      overflow:hidden;
  }
  .showVehicleContent{
      height: 30em;
  }
  .showVehicleContent li, #mainVehicleContent li{
    margin-top: 10px;
  }
  .hideVehicleContent{
      height: auto;
  }
  #moreButton{         
   display: block;
   text-align: center;
   padding-top: 10px;
   margin-top: 20px; border-top: 1px dotted #efefef;
   cursor: pointer;
   font-size: var(--s16);
   background: #fff;            
  }
  
  
  .show-all-details{
    display: block;
    text-align: center;
    padding-top: 10px;
    margin-top: 20px; border-top: 1px dotted #efefef;
    cursor: pointer;
    font-size: var(--s16);
  }
  
  .vehicle-tabs{
    width: 100%;
    margin-top: var(--s40);
  }
  .vehicle-eq{
    margin-bottom: var(--s10);
    display: none;
  }
  .vehicle-eq:nth-child(-n+10){
    display: block;
  }
  
  .vehicle-eq.show{
    display: block;
  }
  
  .vehicle-tabs .tab{
    display: none;
    font-size: var(--s16);
    margin-top: var(--s40);
  }
  .vehicle-tabs .tab.active{
    display: block;
  }
  
  .vehicle-tabs-navigation{
   border-bottom: 1px solid #ccc; 
 font-size: var(--s16);
    margin: 0;
    padding: 0;
    list-style: none;
  }
  .vehicle-tabs-navigation li{
    margin: 0;
    list-style: none;
    cursor: pointer;
    padding: var(--s10) var(--s20) var(--s10) 0;
    border-bottom: 2px solid #fff;
    display: inline-block;
  }
  
  .vehicle-tabs-navigation li.active{
    border-bottom-color: var(--primary-color);
    color: var(--primary-color);
  }
  
  .data-holder-sticky{
    position: sticky;
    top: 100px;
    border: 1px solid var(--primary-color);
    padding: var(--s30);
  }
  
  .data-holder-sticky  img{
    width: 100%;
    height: auto;
    display: block
  }
  
  #carousel-outer{
    display: block;
  }
  
  .data-holder-sticky .price-big{
    font-size: var(--s22);
    position: absolute;
    top: var(--s30);
    right: var(--s30);
  }
  
  /* END VEHICLE GRID */
  .content-3fr-center{
    width: 33.3333%;
    margin: 0 auto;
    padding: 0 1.875rem;
  }
  
  @media(max-width: 600px){
    .content-3fr-center{
      width: 100%;
      padding: 0;
    }
    .blog__post__row.grid{
      display: block;
    }
    .vehicle-col .car img{
      width: 100%;
      height: auto;
      display: block;
    }
  }
  
  /* FILE DOWNLOAD */
  
  .file-download{
    background: #535353;
    padding: var(--s20) var(--s30);
    color: #fff;
    margin-top: var(--s40);
    display: grid;
    align-items: center;
    grid-template-columns: repeat(2, 1fr);
  }
  
  .file-download.eq-files{
    margin-top: 0;
  }
  
  .file-downloader{
    text-align: right;
    vertical-align: middle;
    display: flex;
    align-items: center;justify-content: space-around;
  }
  
  .file-downloader .button{
    margin-left: var(--s20);
    font-size: 14px;
  }
  .file-downloader svg{
    margin-right: var(--s10);
    height: 22px;
    width: auto
  }.file-downloader .file-info{
    font-size: 13px;
  }
  
  
  /* END FILE DOWNLOAD */
  
  
	/* EVENT GRID */
	
	
.event-grid	.grid {
  display: grid;
  grid-template-columns: repeat(3, 1fr);
  grid-template-rows: repeat(2, 1fr);
  grid-gap: 8px;
  grid-template-areas:
    "e1 e1 e2"
    "e3 e4 e2";
}

.event-grid	.grid .e1 { grid-area: e1; }

.event-grid	.grid .e2 { grid-area: e2; }

.event-grid	.grid .e3 { grid-area: e3; }

.event-grid	.grid .e4 { grid-area: e4; }

@media all and (-ms-high-contrast:none) {
  .event-grid	.grid  {
    display: -ms-grid;
    -ms-grid-columns: repeat(3, 1fr);
    -ms-grid-rows: repeat(2, 1fr);
  }

  .event-grid	.grid .e1 {
    -ms-grid-row: 1;
    -ms-grid-row-span: 1;
    -ms-grid-column: 1;
    -ms-grid-column-span: 2;
  }

  .event-grid	.grid .e2 {
    -ms-grid-row: 1;
    -ms-grid-row-span: 2;
    -ms-grid-column: 3;
    -ms-grid-column-span: 1;
  }

  .event-grid	.grid .e3 {
    -ms-grid-row: 2;
    -ms-grid-row-span: 1;
    -ms-grid-column: 1;
    -ms-grid-column-span: 1;
  }

  .event-grid	.grid .e4 {
    -ms-grid-row: 2;
    -ms-grid-row-span: 1;
    -ms-grid-column: 2;
    -ms-grid-column-span: 1;
  }
}
	
	/* END EVENT GRID */


.action-select{
    padding: var(--s20) var(--s50);
  }
  .job-select{
    padding: var(--s20);
    display: none;
  }
/* FORM */

.select-css {
  display: block;
  font-size: 16px;
  font-weight: 700;
  color: #444;
  line-height: 1.3;
  padding: .6em 1.4em .5em .8em;
  width: 100%;
  max-width: 100%; /* useful when width is set to anything other than 100% */
  box-sizing: border-box;
  margin: 0;
  border: 1px solid #aaa;
  box-shadow: 0 1px 0 1px rgba(0,0,0,.04);
  border-radius: var(--s2);
  -moz-appearance: none;
  -webkit-appearance: none;
  appearance: none;
  background-color: #fff;

  background-image: url('data:image/svg+xml;charset=US-ASCII,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%22292.4%22%20height%3D%22292.4%22%3E%3Cpath%20fill%3D%22%23007CB2%22%20d%3D%22M287%2069.4a17.6%2017.6%200%200%200-13-5.4H18.4c-5%200-9.3%201.8-12.9%205.4A17.6%2017.6%200%200%200%200%2082.2c0%205%201.8%209.3%205.4%2012.9l128%20127.9c3.6%203.6%207.8%205.4%2012.8%205.4s9.2-1.8%2012.8-5.4L287%2095c3.5-3.5%205.4-7.8%205.4-12.8%200-5-1.9-9.2-5.5-12.8z%22%2F%3E%3C%2Fsvg%3E');
  background-repeat: no-repeat, repeat;
  /* arrow icon position (1em from the right, 50% vertical) , then gradient position*/
  background-position: right .7em top 50%, 0 0;
  /* icon size, then gradient */
  background-size: .65em auto, 100%;
}
/* Hide arrow icon in IE browsers */
.select-css::-ms-expand {
  display: none;
}
/* Hover style */
.select-css:hover {
  border-color: #888;
}
/* Focus style */
.select-css:focus {
  border-color: #aaa;
  /* It'd be nice to use -webkit-focus-ring-color here but it doesn't work on box-shadow */
  box-shadow: 0 0 1px 3px rgba(59, 153, 252, .7);
  box-shadow: 0 0 0 3px -moz-mac-focusring;
  color: #222; 
  outline: none;
}

/* Set options to normal weight */
.select-css option {
  font-weight:normal;
}

/* Support for rtl text, explicit support for Arabic and Hebrew */
*[dir="rtl"] .select-css, :root:lang(ar) .select-css, :root:lang(iw) .select-css {
  background-position: left .7em top 50%, 0 0;
  padding: .6em .8em .5em 1.4em;
}

/* Disabled styles */
.select-css:disabled, .select-css[aria-disabled=true] {
  color: graytext;
  background-image: url('data:image/svg+xml;charset=US-ASCII,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%22292.4%22%20height%3D%22292.4%22%3E%3Cpath%20fill%3D%22graytext%22%20d%3D%22M287%2069.4a17.6%2017.6%200%200%200-13-5.4H18.4c-5%200-9.3%201.8-12.9%205.4A17.6%2017.6%200%200%200%200%2082.2c0%205%201.8%209.3%205.4%2012.9l128%20127.9c3.6%203.6%207.8%205.4%2012.8%205.4s9.2-1.8%2012.8-5.4L287%2095c3.5-3.5%205.4-7.8%205.4-12.8%200-5-1.9-9.2-5.5-12.8z%22%2F%3E%3C%2Fsvg%3E'),
    linear-gradient(to bottom, #ffffff 0%,#e5e5e5 100%);
}

.select-css:disabled:hover, .select-css[aria-disabled=true] {
  border-color: #aaa;
}

.half__form__grid{
	display: grid;
	grid-template-columns: repeat(2, 1fr);
	grid-gap: var(--s20);
	margin-bottom: var(--s20);
}

.full__form__grid{
	display: grid;
	grid-template-columns: 1fr;
	margin-bottom: var(--s20);
	grid-gap: var(--s20);
}

.half__form__grid input[type="text"],
.half__form__grid input[type="email"],
.half__form__grid textarea,
.full__form__grid input[type="text"],
.full__form__grid input[type="email"],
.full__form__grid textarea{
	width: 100%;
	padding: var(--s7) var(--s12);
	box-sizing: border-box;
	border: 1px solid #dadada;
	border-radius: var(--s5);
}

.full__form__grid .wpcf7-not-valid-tip,
.half__form__grid .wpcf7-not-valid-tip{
	font-size: var(--s14);
	display: block;
	margin-top: var(--s5);
}


.wpcf7 form.invalid #form-general  .wpcf7-response-output, 
.wpcf7 form.unaccepted #form-general   .wpcf7-response-output{
	border: none;
	background: var(--secondary-color);
	margin: 0 0 20px 0;
	padding: var(--s20);
	color: #fff;
	font-size: var(--s16);
	color: var(--white-color);
	border-radius: var(--s8);
}

#form-general{
	margin-top: var(--s50);
}

.maps{
	height: 450px;
}
.content-3fr{
	display: grid;
	grid-template-columns: repeat(3, 1fr);
	align-items: center;
	align-content: center;
	grid-gap: 0;
	}
	.content-3fr.cars{
    grid-gap: var(--s30);
    align-items: stretch;
  }
	.content-3fr figure{
		margin: 0;
		padding: 0;
	}
	
	.content-3fr figure img{
		width: 100%;
		display: block;
		height: auto;
	}
	

.content-images-2fr .grid{
	display: grid;
	grid-template-columns: repeat(2, 1fr);
	align-items: center;
	align-content: center;
	grid-gap: var(--s40);
	}
.content-images-2fr .grid img{
	width: 100%;
	height: auto;
	display: block
}


.content-2fr .grid{
	display: grid;
	grid-template-columns: repeat(2, 1fr);
	align-content: center;
	grid-gap: var(--s40);
	grid-template-areas: 'a b';
	}
  
  .tab__prices{
    margin-bottom: var(--s40);
    
    display: inline-flex;
    
    border: 1px solid #dadada;
    border-radius: var(--s25);
    padding: 0  var(--s20);
    align-items: center;
  }
  
  .tab__prices .tab__price{
    font-size: var(--s30);
    margin-left: var(--s8);
    color: var(--primary-color);
    font-family: "SKODA Next W01 Bold"
  }
  
  .content-2fr:not(.has__gallery) .grid{
    
    align-items: center;
  }
  .content-2fr.has__gallery{
    padding-top: var(--s40);
  }
 .content-2fr.has__gallery h2{
   margin: 0;
 } 
 .content-2fr.has__gallery .category {
    
    margin: 0 0 var(--s50) 0;
  }

.content-2fr .grid .image{
	 grid-area: a;
}

.content-2fr .grid .content .category{
	color: #419468;
	font-family: 'SKODA Next W01 Regular';
}
.content-2fr .grid .content{
	 grid-area: b;
}

.content-2fr.image__right .grid .image{
  grid-area: b
}

.content-2fr.image__right .grid .content{
  grid-area: a
}




.content-2fr .grid  img{
	width: 100%;
	object-fit: cover;
	height: 100%;
	display: block;
}

content-images-2fr .grid{
	display: grid;
	grid-template-columns: repeat(2, 1fr);
	align-items: center;
	align-content: center;
	grid-gap: var(--s40);
	}
.content-images-2fr .grid img{
	width: 100%;
	height: auto;
	display: block
}



.event-col .event-content-inner{
	max-width: 600px;
	padding: 100px 100px;
}


.event-col .event-content-inner h2{
	margin: 0;
}

.event-col .event-content-inner .event-meta{
	margin-bottom: 30px;
}





.grid.partner{
	grid-template-columns: repeat(4, 1fr);
	grid-gap: var(--s30);
	margin-top: var(--s75);
}

.grid .partner-item{
	background: var(--white-color);
	color: var(--secondary-color);
	text-align: center;
	padding: var(--s40) var(--s20) var(--s20) var(--s20);
	border-radius: var(--s8);
}
.grid .partner-item a{
	display: block;
}

.grid .partner-item img{
	display: block;
	width: 100%;
	height: auto
}



.grid.plans{
	grid-template-columns: repeat(4, 1fr);
	grid-gap: var(--s30);
	margin-top: var(--s75);
}

.grid .plan{
	background: var(--white-color);
	color: var(--secondary-color);
	text-align: center;
	padding: var(--s40) var(--s20) var(--s20) var(--s20);
	border-radius: var(--s8);
}

.grid .plan h3{
	font-size: var(--s25);
	margin: 0;
}

.grid .plan .plan-date{
	font-size: var(--s16);
}

.grid .plan dl,
.grid .plan dt,
.grid .plan dd{
	margin: 0;
}
.grid .plan dl{
	margin-top: var(--s30);
}
.grid .plan dt{
	color: #707070;
	font-size: var(--s20);
}

.grid .plan dd{
	margin-bottom: var(--s20);
}

.grid .plan.active{
	background: var(--secondary-color);
	color: var(--white-color);
}

.secondarybg .grid .plan.active{
	background: var(--primary-color);
}



.icon-list{
	margin-top: var(--s75);
	display: grid;
	grid-template-columns: repeat(4, 1fr);
	grid-gap: var(--s30);
	font-size: var(--s16);
}


.icon-list .icon-item:hover svg circle{
	fill: var(--primary-color);
}


.icon-list .icon-item svg, .icon-item svg{
	width: 80px;
	height: auto;
	display: block;
	margin: 0 auto var(--s20) auto;
}
.ico-center{
  text-align: center;
  padding-top: 50px;
}
.icon-item .icon-title{
  
  font-family: "SKODA Next W01 Bold";
  margin-bottom: 12px;
}


#footer-note{
  background: #00271d;
  padding: var(--s30) 0;
  color: #fff;
}
footer{
	padding: var(--s60) 0 var(--s30) 0;
  background: #0e3a2f;
  color: #fff;
	font-size: var(--s14);
}

footer .grid.footer {
  display: grid;
  grid-template-columns: 2fr 1fr 1fr 1fr 1fr;
  
}

footer .grid .siegel .widget .ekomi{
  margin-left: 10%;
}


footer .grid .siegel .widget .ekomi img{
  max-width: 130px;
}
footer .grid .siegel .widget { display: flex;  }
footer .grid .siegel svg, footer .grid .siegel img{
	width: 100%;
	display: block;
	height: auto
}

footer .grid .siegel .widget div{
  width: 45%;
}
.action-selection{
  overflow: auto;
  -ms-overflow-style: none;
  scrollbar-width: none;
}
.action-content, .action-selection{
  
  height: 100vh;
}

footer .grid .cat1 {  }
footer .grid .cat2 {  }
footer .grid .cat3 { }
footer .grid .cat4 {  }

footer .grid .address {  }

footer .grid .copyright {   margin-top: var(--s60);}

footer .grid .verbrauch {  
	border-top: 1px solid #dadada; padding-top: var(--s40);
	margin-top: var(--s40); }

footer .grid .verbrauch small{
  font-size: 100%;
  line-height: 1.5
}

footer h4{
	font-size: var(--s15);
	margin-top: 0;
	margin-bottom: var(--s20);
	font-weight: normal;
  color: #fff;
}

footer .grid .siegel .widget{
	margin-bottom: var(--s40);
}

footer .kenner{
  
  width: 70%;
  margin-bottom: 30px;
}

.footer-cat ul,
.footer-cat li{
	list-style: none;
	margin: 0;
	padding: 0;
}
.footer-cat li a{
	display: block;
	padding: var(--s6) 0;
  color: #fff;
}
@media all and (-ms-high-contrast:none) {
  footer .grid {
    display: -ms-grid;
    -ms-grid-columns: repeat(5, 1fr);
    -ms-grid-rows: repeat(3, 1fr);
  }

  footer .grid .siegel {
    -ms-grid-row: 1;
    -ms-grid-row-span: 2;
    -ms-grid-column: 1;
    -ms-grid-column-span: 1;
  }

  footer .grid .address {
    -ms-grid-row: 2;
    -ms-grid-row-span: 1;
    -ms-grid-column: 2;
    -ms-grid-column-span: 3;
  }

  footer .grid .copyright {
    -ms-grid-row: 2;
    -ms-grid-row-span: 1;
    -ms-grid-column: 5;
    -ms-grid-column-span: 1;
  }

  footer .grid .verbrauch {
    -ms-grid-row: 3;
    -ms-grid-row-span: 1;
    -ms-grid-column: 1;
    -ms-grid-column-span: 5;
  }
  
  
	  
	footer .grid .cat1 {
	  -ms-grid-row: 1;
	  -ms-grid-row-span: 1;
	  -ms-grid-column: 2;
	  -ms-grid-column-span: 2;
	}
	
	footer .grid .cat2 {
	  -ms-grid-row: 1;
	  -ms-grid-row-span: 1;
	  -ms-grid-column: 3;
	  -ms-grid-column-span: 3;
	}
	
	footer .grid .cat3 {
	  -ms-grid-row: 1;
	  -ms-grid-row-span: 1;
	  -ms-grid-column: 4;
	  -ms-grid-column-span: 4;
	}
	
	footer .grid .cat4 {
	  -ms-grid-row: 1;
	  -ms-grid-row-span: 1;
	  -ms-grid-column: 5;
	  -ms-grid-column-span: 5;
	}
}



footer a{
	color: var(--secondary-color);
	text-decoration: none;
}

footer a:hover{
  
  color: var(--primary-color);
  text-decoration: underline
}

.car-grid {
  display: grid;
  grid-template-columns: 2.5fr 1fr;
  grid-gap: var(--s30);
  grid-auto-flow: row;
  grid-template-areas:
    "search submit"
    "search submit";
  width: 100%;
  margin-bottom: var(--s50);
}

.car-grid .search-order{
  margin-top: var(--s50);
}
.car-grid .submit-inner .search-heading{
  color: #fff;
}
.car-grid .submit-inner .button{
  width: 100%;
  display: block;
  margin-top: var(--s10);
  box-sizing: border-box;
}

.car-grid .search { grid-area: search; }

.car-grid .submit .submit-inner { 
  grid-area: submit; 
background: var(--secondary-color);
text-align: center;
padding: var(--s30);

}
.car-grid .submit .search-count{
  color: var(--primary-color);
  font-size: var(--s70);
}
.car-grid .search .search-fields{
  margin-bottom: var(--s40);
  
}
.car-grid .search h3{
  font-size: var(--s20);
  margin-bottom: var(--s20);
}
.car-grid .search .search-fields,
.car-grid .search .interiorComfortGroup{
  display: grid;
  grid-gap: var(--s20);
  width: 90%;
  
  grid-template-columns: repeat(3, 1fr);
}

.select-component select{

    display: block;
    font-size: 16px;
    font-weight: 700;
    color: #444;
    line-height: 1.3;
    padding: .6em 1.4em .5em 0;
    width: 100%;
    max-width: 100%;
    box-sizing: border-box;
    margin: 0;
    border: none;
    border-bottom: 1px solid #aaa;
    -moz-appearance: none;
    -webkit-appearance: none;
    appearance: none;
    background-color: #fff;
    background-image: url(data:image/svg+xml;charset=US-ASCII,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%22292.4%22%20height%3D%22292.4%22%3E%3Cpath%20fill%3D%22%23007CB2%22%20d%3D%22M287%2069.4a17.6%2017.6%200%200%200-13-5.4H18.4c-5%200-9.3%201.8-12.9%205.4A17.6%2017.6%200%200%200%200%2082.2c0%205%201.8%209.3%205.4%2012.9l128%20127.9c3.6%203.6%207.8%205.4%2012.8%205.4s9.2-1.8%2012.8-5.4L287%2095c3.5-3.5%205.4-7.8%205.4-12.8%200-5-1.9-9.2-5.5-12.8z%22%2F%3E%3C%2Fsvg%3E);
    background-repeat: no-repeat, repeat;
    background-position: right .7em top 50%, 0 0;
    background-size: .65em auto, 100%;
    
    line-height: 1.3;
    padding: 0.6em 1.4em 0.5em 0.8em;
    width: 100%;
    max-width: 100%;
    box-sizing: border-box;
    margin: 0;
    border: 1px solid #aaa;
    box-shadow: 0 1px 0 1px rgb(0 0 0 / 4%);
    border-radius: var(--s2);

}
.car-grid .interiorComfortGroup label{
  font-size: var(--s16);
}
.car-grid .field input{
  display: block;
  font-size: 16px;
  font-weight: 700;
  color: #111;
  line-height: 1.3;
  padding: .6em 1.4em .5em 0;
  width: 100%;
  max-width: 100%;
  box-sizing: border-box;
  margin: 0;
  border: none;
  border-bottom: 1px solid #aaa;
  -moz-appearance: none;
  -webkit-appearance: none;
  appearance: none;
  background-color: #fff;
  line-height: 1.3;
  padding: 0.6em 1.4em 0.5em 0.8em;
  width: 100%;
  max-width: 100%;
  box-sizing: border-box;
  margin: 0;
  border: 1px solid #aaa;
  box-shadow: 0 1px 0 1px rgb(0 0 0 / 4%);
  border-radius: var(--s2);

}

@media all and (-ms-high-contrast:none) {
  .car-grid {
    display: -ms-grid;
    -ms-grid-columns: 2.5fr 1fr;
    -ms-grid-rows: repeat(2, 1fr);
  }

  .car-grid .search {
    -ms-grid-row: 1;
    -ms-grid-row-span: 2;
    -ms-grid-column: 1;
    -ms-grid-column-span: 1;
  }

  .car-grid .submit {
    -ms-grid-row: 1;
    -ms-grid-row-span: 2;
    -ms-grid-column: 2;
    -ms-grid-column-span: 1;
  }
}




#popup-nav{
  
  background: #F5F5F5;
  height: 100%;
  position: fixed;
  z-index: 999;
  top: 0;
  left: 0;
  width: 100%;
  top: 80px;
  display: none;
}

.popup-item-outer{
  height: 100%;
  overflow: auto;
}

#popup-nav #hide-popup-nav{
  position: absolute;
  top: var(--s40);
  right: var(--s40);
  font-size: var(--s50);
  transform: rotate(45deg);
  font-family: "SKODA Next W01 Light";
  cursor: pointer
}

#popup-nav .popup-item{
  display: none;
}

#popup-nav .popup-item ul{
  margin: var(--s80) 0;
  padding: 0;
  list-style: none;
  display: grid;
  grid-template-columns: repeat(4, 1fr);
  grid-gap: var(--s20);
}


#popup-nav .popup-item ul li{
  margin: 0 0 var(--s30) 0;
  padding: 0;
  text-align: center;
  list-style: none;
  
}


#popup-nav figure{
  margin: 0 0 var(--s12) 0;
  padding: 0;
}

#popup-nav figure img{
  
  width: 80%;
  height: auto;
  display: block;
  margin-left: 10%
}
#popup-nav a{
  
  line-height: 1.4;
  font-size: var(--s18);
  color: var(--secondary-color);
  font-weight: 300;
  text-decoration: none;
}
.gallery{
	
}


.grid-gallery {
  display: grid;
  margin-top: var(--s75);
  grid-template-columns: repeat(6, 1fr);
  grid-template-rows: repeat(3, 1fr);
  grid-gap: var(--s20);
  grid-template-areas:
    "g1 g2 g2 g4 g5 g6"
    "g3 g2 g2 g9 g10 g6"
    "g3 g7 g8 g9 g10 g11";
}



.grid-gallery > a{
	background: #fff;
	border-radius: var(--s5);
	overflow: hidden;
	min-height: 160px
}
.grid-gallery > a img{
	object-fit: cover;
    width: 100%;
    height: 100%;
}

.grid-gallery .g1,
.grid-gallery .g3{
	border-radius: 0 var(--s5) var(--s5) 0;
}

.grid-gallery .g11,
.grid-gallery .g6{
	border-radius: var(--s5) 0 0 var(--s5);
}

.g1 { grid-area: g1; }
.g6 { grid-area: g6; }
.g5 { grid-area: g5; }
.g4 { grid-area: g4; }
.g2 { grid-area: g2; }
.g3 { grid-area: g3; }
.g7 { grid-area: g7; }
.g8 { grid-area: g8; }
.g9 { grid-area: g9; }
.g10 { grid-area: g10; }
.g11 { grid-area: g11; }


body.hidden-scroll {
  overflow: hidden; }

.sl-overlay {
  position: fixed;
  left: 0;
  right: 0;
  top: 0;
  bottom: 0;
  background: #fff;
  opacity: 0.7;
  display: none;
  z-index: 1035; }

.sl-wrapper {
  z-index: 1040;
  width: 100%;
  height: 100%;
  left: 0;
  top: 0;
  position: fixed; }
  .sl-wrapper * {
    box-sizing: border-box; }
  .sl-wrapper button {
    border: 0 none;
    background: transparent;
    font-size: 28px;
    padding: 0;
    cursor: pointer; }
    .sl-wrapper button:hover {
      opacity: 0.7; }
  .sl-wrapper .sl-close {
    display: none;
    position: fixed;
    right: 30px;
    top: 30px;
    z-index: 10060;
    margin-top: -14px;
    margin-right: -14px;
    height: 44px;
    width: 44px;
    line-height: 44px;
    font-family: Arial, Baskerville, monospace;
    color: #000;
    font-size: var(--s30); }
  .sl-wrapper .sl-counter {
    display: none;
    position: fixed;
    top: 30px;
    left: 30px;
    z-index: 1060;
    color: #000;
    font-size: var(--s10); }
  .sl-wrapper .sl-navigation {
    width: 100%;
    display: none; }
    .sl-wrapper .sl-navigation button {
      position: fixed;
      top: 50%;
      margin-top: -22px;
      height: 44px;
      width: 22px;
      line-height: 44px;
      text-align: center;
      display: block;
      z-index: 10060;
      font-family: Arial, Baskerville, monospace;
      color: #000; }
      .sl-wrapper .sl-navigation button.sl-next {
        right: 5px;
        font-size: var(--s20); }
      .sl-wrapper .sl-navigation button.sl-prev {
        left: 5px;
        font-size: var(--s20); }
      @media (min-width: 35.5em) {
        .sl-wrapper .sl-navigation button {
          width: 44px; }
          .sl-wrapper .sl-navigation button.sl-next {
            right: 10px;
            font-size: var(--s30); }
          .sl-wrapper .sl-navigation button.sl-prev {
            left: 10px;
            font-size: var(--s30); } }
      @media (min-width: 50em) {
        .sl-wrapper .sl-navigation button {
          width: 44px; }
          .sl-wrapper .sl-navigation button.sl-next {
            right: 20px;
            font-size: var(--s30); }
          .sl-wrapper .sl-navigation button.sl-prev {
            left: 20px;
            font-size: var(--s30); } }
  .sl-wrapper.sl-dir-rtl .sl-navigation {
    direction: ltr; }
  .sl-wrapper .sl-image {
    position: fixed;
    -ms-touch-action: none;
    touch-action: none;
    z-index: 10000; }
    .sl-wrapper .sl-image img {
      margin: 0;
      padding: 0;
      display: block;
      border: 0 none;
      width: 100%;
      height: auto; }
      @media (min-width: 35.5em) {
        .sl-wrapper .sl-image img {
          border: 0 none; } }
      @media (min-width: 50em) {
        .sl-wrapper .sl-image img {
          border: 0 none; } }
    .sl-wrapper .sl-image iframe {
      background: #000;
      border: 0 none; }
      @media (min-width: 35.5em) {
        .sl-wrapper .sl-image iframe {
          border: 0 none; } }
      @media (min-width: 50em) {
        .sl-wrapper .sl-image iframe {
          border: 0 none; } }
    .sl-wrapper .sl-image .sl-caption {
      display: none;
      padding: 10px;
      color: #fff;
      background: rgba(0, 0, 0, 0.8);
      font-size: var(--s10);
      position: absolute;
      bottom: 0;
      left: 0;
      right: 0; }
      .sl-wrapper .sl-image .sl-caption.pos-top {
        bottom: auto;
        top: 0; }
      .sl-wrapper .sl-image .sl-caption.pos-outside {
        bottom: auto; }
    .sl-wrapper .sl-image .sl-download {
      display: none;
      position: absolute;
      bottom: 5px;
      right: 5px;
      color: #000;
      z-index: 1060; }

.sl-spinner {
  display: none;
  border: 5px solid #333;
  border-radius: 40px;
  height: 40px;
  left: 50%;
  margin: -20px 0 0 -20px;
  opacity: 0;
  position: fixed;
  top: 50%;
  width: 40px;
  z-index: 1007;
  -webkit-animation: pulsate 1s ease-out infinite;
  -moz-animation: pulsate 1s ease-out infinite;
  -ms-animation: pulsate 1s ease-out infinite;
  -o-animation: pulsate 1s ease-out infinite;
  animation: pulsate 1s ease-out infinite; }

.sl-scrollbar-measure {
  position: absolute;
  top: -9999px;
  width: 50px;
  height: 50px;
  overflow: scroll; }

.sl-transition {
  transition: -moz-transform ease 200ms;
  transition: -ms-transform ease 200ms;
  transition: -o-transform ease 200ms;
  transition: -webkit-transform ease 200ms;
  transition: transform ease 200ms; }

@-webkit-keyframes pulsate {
  0% {
    transform: scale(0.1);
    opacity: 0.0; }
  50% {
    opacity: 1; }
  100% {
    transform: scale(1.2);
    opacity: 0; } }

@keyframes pulsate {
  0% {
    transform: scale(0.1);
    opacity: 0.0; }
  50% {
    opacity: 1; }
  100% {
    transform: scale(1.2);
    opacity: 0; } }

@-moz-keyframes pulsate {
  0% {
    transform: scale(0.1);
    opacity: 0.0; }
  50% {
    opacity: 1; }
  100% {
    transform: scale(1.2);
    opacity: 0; } }

@-o-keyframes pulsate {
  0% {
    transform: scale(0.1);
    opacity: 0.0; }
  50% {
    opacity: 1; }
  100% {
    transform: scale(1.2);
    opacity: 0; } }

@-ms-keyframes pulsate {
  0% {
    transform: scale(0.1);
    opacity: 0.0; }
  50% {
    opacity: 1; }
  100% {
    transform: scale(1.2);
    opacity: 0; } }

dl{
	margin: 0;
	padding: 0;
}


dl dt{
	padding: 0;
	margin: 0 0 3px 0;
}

dl dt span{
	
	font-weight: 600;
	border-bottom: 2px solid var(--primary-color);
}

dl dd{
	padding: 0;
	margin: 0 0 var(--s20) 0;
}

#social-mobile{
	display: none;
}
.faq-search{
	width: 40%;
	margin: 0 auto var(--s50) auto;
	
}

.faq-search input{
	display: block; width: 100%;
	padding: var(--s12) var(--s24);
	outline: none;
	border: 1px solid var(--secondary-color);
}

.faq-item {
  width: 70%;
  margin: 0 auto;
  overflow: hidden;
  margin-bottom: var(--s12);
}

.faq-item.hidden{
	display: none;
}
.faq-item-headline {
  display: flex;
  justify-content: space-between;
  padding: 1em;
  background: #efefef;
  font-weight: bold;
  cursor: pointer;
  /* Icon */
}
.faq-item-headline:hover {
  background: var(--primary-color);
  color: var(--white-color);
}
.faq-item-headline::after {
  content: "❯";
  width: 1em;
  height: 1em;
  text-align: center;
  transition: all 0.35s;
}
.faq-item-content {
  max-height: 0;
  padding: 0 1em;
  color: #2c3e50;
  overflow: hidden;
  background: white;
  transition: all 0.35s;
}

.faq-item input{
	display: none;
}
section p a,
.place a,
section li a{
	color: #419468;
}


.faq-item input:checked + .faq-item-headline {
    background: var(--secondary-color);
  color: var(--white-color);
}
.faq-item input:checked + .faq-item-headline::after {
  transform: rotate(90deg);
}
.faq-item input:checked ~ .faq-item-content {
  max-height: 100vh;
  padding: 1em;
}


.news-image{
	width: 1000px;
	
	margin:  50px auto;
}

.news-image img{
	width: 100%;
	height: auto;
	display: block;
}




/* SIDENAV */



#sidenav li.current-menu-item > a,

#sidenav li.current-menu-item .toggle,
#sidenav  li.current-menu-parent > a,
#sidenav   li.current-menu-ancestor.hasMegaEntries > a,
#sidenav  li.current-menu-parent > .toggle,
#sidenav   li.current-menu-ancestor.hasMegaEntries > .toggle{
color: var(--primary-color);
font-weight: 600;
}

#sidenav  .icon-handler{
	display: block;
}
#sidenav  .icon-handler a{
	padding: 0;
	font-size: var(--s9);
}

header nav ul li .icon-handler a,
#sidenav  .icon-handler a{
	line-height: 32px;
	text-align: left;
	padding-left: 25px;
	font-size: var(--s10);
	vertical-align: middle;
}
#sidenav .toggle:after {
    content: "+";
    font-size: var(--s30);
    line-height: 1;
    position: absolute;
    right: 0px;
    top: 50%;
    margin-top: -13px;
}

#sidenav  .icon-handler a{
	color: #622A80;
	font-weight: 600;
}

#sidenav .centered-info{
	margin-top: 40px;
}



#sidenav .centered-info h4{
	font-size: var(--s12);
	margin-bottom: 10px;
}


#sidenav  .icon-handler a{
	padding-left: 0;
}

header nav ul li .icon-handler a .ico,
#sidenav .icon-handler a .ico{
	vertical-align: middle;
	width: 40px;
	display: inline-block;
}

header nav ul li .icon-handler a .ico svg,
#sidenav .icon-handler a .ico svg{
	height: 24px;
	vertical-align: middle;
	width: auto;
}


#sidenav-ovrly{
		background: rgba(255,255, 255, .7);
			width: 100%;
		position: fixed;
		left: 0;
		top: 0;
		height: 100%;
		z-index: -1;
		opacity: 0;
 -webkit-transition: all 0.3s ease;
  -moz-transition: all 0.3s ease;
  -ms-transition: all 0.3s ease;
  -o-transition: all 0.3s ease;
  transition: all 0.3s ease;
		
	}
	#sidenav{
		width: 75%;
		position: fixed;
		left: 0;
		overflow: auto;
		top: 0;
    box-sizing: border-box;
		padding: 60px 20px; -webkit-transition: all 0.3s ease;
  -moz-transition: all 0.3s ease;
  -ms-transition: all 0.3s ease;
  -o-transition: all 0.3s ease;
  transition: all 0.3s ease;
		height: 100%;
		background: var(--secondary-color);
		z-index: -1;
		left: -75%;
	}
	
	.mobNav #sidenav{
		
		z-index: 9999;
		left: 0;
	}
	.mobNav #sidenav-ovrly{
		
		z-index: 9998;
		opacity: 1;
	}
	
	#sidenav [id^=drop]:checked + ul { display: block; }
	#sidenav ul ul li > ul,
	#sidenav ul li > ul { display: none; }
#sidenav .toggle + a,
 #sidenav .menu { display: none; }
#sidenav .toggle,  #sidenav [id^=drop] {
    display: none;
}

#sidenav  ul,
#sidenav  ul li{
	padding: 0;
	list-style: none;
	margin:	0;
}
#sidenav .toggle {
  display: block;
  text-decoration: none;
  border: none;
  position: relative;
  padding: 10px 0 10px 0;
}
#sidenav ul > li {
}
#sidenav ul li:last-of-type{
	border-bottom: 0;
}
#sidenav ul li a,  #sidenav ul .toggle{
	color: #fff;
	text-decoration: none;
	font-size: var(--s24);
}
#sidenav a{
	display: block;
	
  padding: 10px 0;
}

#sidenav ul ul a,
#sidenav ul ul .toggle{
	padding-left: 10px;
}


#sidenav ul ul ul a,
#sidenav ul ul ul .toggle{
	padding-left: 20px;
}


.hamburger {
  padding: 0 0;
  display: none;
  cursor: pointer;
  transition-property: opacity, filter;
  transition-duration: 0.15s;
  transition-timing-function: linear;
  font: inherit;
  color: inherit;
  text-transform: none;
  background-color: transparent;
  border: 0;
  float: right;
  margin: 0;
  overflow: visible; }
  .hamburger:hover {
    opacity: 0.7; }
  .hamburger.is-active:hover {
    opacity: 0.7; }
  .hamburger.is-active .hamburger-inner,
  .hamburger.is-active .hamburger-inner::before,
  .hamburger.is-active .hamburger-inner::after {
    background-color: #111; }
  .hamburger.is-active .hamburger-inner {
    transform: translate3d(0, 10px, 0) rotate(45deg); }
    .hamburger.is-active .hamburger-inner::before {
      transform: rotate(-45deg) translate3d(-5.7142857143px, -8px, 0);
      opacity: 0; }
    .hamburger.is-active .hamburger-inner::after {
      transform: translate3d(0, -20px, 0) rotate(-90deg); }

.hamburger-box {
  width: 34px;
  height: 22px;
  display: inline-block;
  position: relative; }

.hamburger-inner {
  display: block;
 }
  .hamburger-inner, .hamburger-inner::before, .hamburger-inner::after {
    width: 34px;
    height: 2px;
    background-color: #111;
    border-radius: 0;
    position: absolute;
    transition-property: transform;
    transition-duration: 0.15s;
    transition-timing-function: ease; }
  .hamburger-inner::before, .hamburger-inner::after {
    content: "";
    display: block; }
  .hamburger-inner::before {
    top: 10px;
    transition-property: transform, opacity;
    transition-timing-function: ease;
    transition-duration: 0.15s; }
  .hamburger-inner::after {
    top: 20px; }



/* END SIDENAV */


.grid.icons{
	
  grid-template-columns: repeat(3, 1fr); grid-gap: var(--s20);
  padding: 0var(--s100);
  margin-top: var(--s70);
    box-sizing: border-box;
} 
@media(max-width: 1050px){
	 .grid.icons{
		 padding: 0;
	 }
}

@media(max-width: 800px){
	 .grid.icons{
		 display: block;
	 }
}

.grid.icons .count-icon{
	background: var(--primary-color);
	width: 140px;
	height: 140px;
	border-radius: 50%;
	margin: 0 auto var(--s20) auto;
}
.grid.icons h3{
	font-size: var(--s22);
}
.grid.icons .count-icon .counter{
	display: block;
	vertical-align: center;
	width: 140px;
	height: 140px;
	line-height: 140px;
	color: #fff;
	font-weight: 600;
	font-size: var(--s30);
}


/* HOME GRID */
.home-event-grid-container {
  display: grid;
  grid-template-columns: repeat(3, 1fr);
  grid-gap: var(--s20);
  grid-template-areas:
    "bigEvent bigEvent bigEvent"
    "event2 event3 event4";
	padding: var(--section-padding);
}

.home-event-grid-container .event1 { grid-area: bigEvent; }

.home-event-grid-container .event2 { grid-area: event2; }

.home-event-grid-container .event3 { grid-area: event3; }

.home-event-grid-container .event4 { grid-area: event4; }


.home-event-grid-container img{
	width: 100%;
	height: auto;
	display: block;
}
.home-event-grid-container .event-image {

	position: relative
}

.home-event-grid-container .event1 .event-image {
	height: 400px;
	position: relative
}

.home-event-grid-container .event1 img{
	width: 100%;
	height: 100%;
	object-fit: cover;
  object-position: center bottom;
}


.home-event-grid-container .event-image a{
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	display: block;
	z-index: 10;
}

.home-event-grid-container .event-image .caption{
	position: absolute;
	bottom: 20px;
	left: 20px;
	padding: var(--s10) var(--s20);
    background: var(--secondary-color);
    color: #fff;
    font-size: var(--s20);
    font-weight: 600;
    display: inline-block;
    border-radius:1rem;
}

.home-event-grid-container .event1 .event-image .caption{
	
    font-size: var(--s30);
    background: var(--primary-color);
}

.equipment-tab-inner{
  display: grid;
  grid-template-columns: 1.5fr 1fr;
  align-items: center;
}

.equipment-tab-inner figure{
  margin: 0;
  height: 100%;
}
.tab-item .equipment-tab-inner figure img{
  height: 100%;
  width: 100%;
  object-fit: cover;
}
.equipment-tab-inner{
  margin-top: var(--s60);
  box-shadow: 0px 0px 6px rgb(0 0 0 / 16%);
}
.tab-data{
  padding: var(--s40);
}
.equipment-col-list{
  margin: 30px 0 0 0;
  padding: 0 0 0 16px;
}
.tab-data .price-element{
  text-align: left;
}

/* END GRID */

@media(max-width: 1150px){
	
	body{
		
    font-size: var(--s16);
	}
	 :root{
		 --section-padding: 50px 0;
	    --text-h1-size: var(--s32);
	    --text-h2-size: var(--s25);
	    --text-h3-size: var(--s20);
	    --text-h4-size: var(--s10);
	 }
	.event-col{
		display: block;
	}
	
	section .teaser-text{
		width: 80%;
		max-width: inherit
	}
	
	.icon-list {
    margin-top: 5.5rem;
    display: grid;
    grid-template-columns: repeat(3, 1fr);
   
}
	.button{
		font-size: var(--s14);
	}
	.event-col .event-content-inner {
    
    padding: 50px;
}
.news-image{
	width: 100%;
	
	margin:  0 auto 50px auto;
}
.single section.ptb{
	padding-top: 0
}

}


@media(max-width: 500px){
	
	.button-group{
		
    grid-template-columns: 1fr;
    display: grid;
    text-align: center
	}
	.button-group .button, .dropdown{
		width: 100%;
		display: block;
		margin: 12px 0 0 0 ;
		box-sizing: border-box
	}
		.grid.plans {
    grid-template-columns: 1fr;

}

}



Leasing slider
 */


.tns-outer{padding:0 !important}.tns-outer [hidden]{display:none !important}.tns-outer [aria-controls],.tns-outer [data-action]{cursor:pointer}.tns-slider{-webkit-transition:all 0s;-moz-transition:all 0s;transition:all 0s}.tns-slider>.tns-item{-webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box}.tns-horizontal.tns-subpixel{white-space:nowrap}.tns-horizontal.tns-subpixel>.tns-item{display:inline-block;vertical-align:top;white-space:normal}.tns-horizontal.tns-no-subpixel:after{content:'';display:table;clear:both}.tns-horizontal.tns-no-subpixel>.tns-item{float:left}.tns-horizontal.tns-carousel.tns-no-subpixel>.tns-item{margin-right:-100%}.tns-no-calc{position:relative;left:0}.tns-gallery{position:relative;left:0;min-height:1px}.tns-gallery>.tns-item{position:absolute;left:-100%;-webkit-transition:transform 0s, opacity 0s;-moz-transition:transform 0s, opacity 0s;transition:transform 0s, opacity 0s}.tns-gallery>.tns-slide-active{position:relative;left:auto !important}.tns-gallery>.tns-moving{-webkit-transition:all 0.25s;-moz-transition:all 0.25s;transition:all 0.25s}.tns-autowidth{display:inline-block}.tns-lazy-img{-webkit-transition:opacity 0.6s;-moz-transition:opacity 0.6s;transition:opacity 0.6s;opacity:0.6}.tns-lazy-img.tns-complete{opacity:1}.tns-ah{-webkit-transition:height 0s;-moz-transition:height 0s;transition:height 0s}.tns-ovh{overflow:hidden}.tns-visually-hidden{position:absolute;left:-10000em}.tns-transparent{opacity:0;visibility:hidden}.tns-fadeIn{opacity:1;filter:alpha(opacity=100);z-index:0}.tns-normal,.tns-fadeOut{opacity:0;filter:alpha(opacity=0);z-index:-1}.tns-vpfix{white-space:nowrap}.tns-vpfix>div,.tns-vpfix>li{display:inline-block}.tns-t-subp2{margin:0 auto;width:310px;position:relative;height:10px;overflow:hidden}.tns-t-ct{width:2333.3333333%;width:-webkit-calc(100% * 70 / 3);width:-moz-calc(100% * 70 / 3);width:calc(100% * 70 / 3);position:absolute;right:0}.tns-t-ct:after{content:'';display:table;clear:both}.tns-t-ct>div{width:1.4285714%;width:-webkit-calc(100% / 70);width:-moz-calc(100% / 70);width:calc(100% / 70);height:10px;float:left}



.customize-tools {}
.controls{
    position: absolute; top: 30%;
    margin: 0;
    padding: 0;
    list-style: none;
    width: 100%;
}

.controls li{
    margin: 0;
    padding: 10px;
    list-style: none;
    left: 0;
    cursor: pointer;
    position: absolute;
}
.controls li svg{
    height: 30px;
    width: auto;
    fill: #fff;
}
.controls li.next{
    left:auto;
    right: 0;
}

.vehicle-carousel{
    position: relative;
}
.tns-item  img{
  width: 100%;
  height: auto;
}
.thumbnails {
    margin: 20px 0;
    padding: 0;
    list-style: none;
    text-align: center;
    display: grid;
    grid-template-columns: repeat(5, 1fr);
    grid-gap: 15px;
}
.thumbnails li {
    display: inline-block;
    cursor: pointer;
    opacity: 0.5;
}
.thumbnails .tns-nav-active {
    background: none;
    opacity: 1;
}
.thumbnails li { }
.thumbnails img { vertical-align: bottom; height: auto; width: 100%; }


#header-popup{
  position: fixed;
  display: none;
  top: 0;
  height: 100%;
  width: 100%;
  z-index: 101;
  /*
  
  overflow: scroll;
  
  */
  background: #fff;
  -ms-overflow-style: none;  /* IE and Edge */
  scrollbar-width: none;  /* Firefox */
}

@media(max-width: 650px){
 
 #header-popup {
    overflow: scroll;
  }
}

#header-popup::-webkit-scrollbar {
  display: none;
}


#header-popup #hide-popup {
    position: absolute;
    top: var(--s40);
    right: var(--s40);
    z-index: 99;
    background: #fff;
    font-size: var(--s50);
    transform: rotate(45deg);
    font-family: "SKODA Next W01 Light";
    cursor: pointer;
}

.action-grid{
  display: grid;
  height: 100%;
  grid-template-columns: 1fr 1fr;
}

.action-selection{
  background: #F0F4F7
}

.action-selection figure{
  margin: 0 0 var(--s50) 0;
  padding: 0;
  
}

.action-selection figure img{
  width: 100%;
  height: auto;
}


.action-grid nav ul{
  
  display: grid;
  justify-content: center;
  flex-wrap: nowrap;
  grid-template-columns: 1fr 1fr;
  grid-gap: var(--s20);
}

.action-grid nav,
.action-grid .action-content{
  padding: var(--s50);
}

.action-grid .action-content{
  
  box-shadow: inset 0px 0px 6px rgba(0, 0, 0, 0.16);
  overflow: auto;
  -ms-overflow-style: none;  /* IE and Edge */
  scrollbar-width: none;  /* Firefox */
}


.action-grid .action-content::-webkit-scrollbar {
  display: none;
}

.action-select{
  display: none;
}


/* Formulare V2 */

.formV2 input[type="text"],
.formV2 input[type="email"],
.formV2 input[type="tel"],
.formV2 select,
.formV2 textarea,
.formV2 button {
  text-transform: none !important;
  font-size: 13px;
}

.formV2 .select-component {
  border: none !important;
}

.formV2 label.top-contact {
    margin-top: 0 !important;
}

.formV2 .privacy-text {
    display: inline-block;
    width: 90%;
  margin-left: 4px;
}


.formV2 input[type="text"],
.formV2 input[type="email"],
.formV2 input[type="tel"],
.formV2 select,
.formV2 textarea {
  border: 1px solid #ddd !important;
  background-color: #fff !important;
  width: 100% !important;
  padding: 6px !important;
  height: auto;
  width: 100% !important;
    -webkit-box-sizing: border-box !important;
    -moz-box-sizing: border-box !important;
    box-sizing: border-box !important;
    color: #000 !important;
}

.formV2 input[type="text"]:focus,
.formV2 input[type="text"]:hover,
.formV2 input[type="email"]:focus,
.formV2 input[type="email"]:hover,
.formV2 input[type="tel"]:focus,
.formV2 input[type="tel"]:hover, 
.formV2 select:focus,
.formV2 select:hover,
.formV2 textarea:focus,
.formV2 textarea:hover {
  border: 1px solid #aaa !important;
}

.formV2 .formV2-file-field input[type="file"] {
  border: 0;
  clip: rect(0, 0, 0, 0);
  height: 1px;
  overflow: hidden;
  padding: 0;
  position: absolute !important;
  white-space: nowrap;
  width: 1px;
}

/* WPForms Servicetermin */

@media screen and (max-width: 860px) {
  div.wpforms-container-full.wpforms-servicetermin .wpforms-form .wpforms-five-sixths,
  div.wpforms-container-full.wpforms-servicetermin .wpforms-form .wpforms-four-sixths,
  div.wpforms-container-full.wpforms-servicetermin .wpforms-form .wpforms-four-fifths,
  div.wpforms-container-full.wpforms-servicetermin .wpforms-form .wpforms-one-fifth,
  div.wpforms-container-full.wpforms-servicetermin .wpforms-form .wpforms-one-fourth,
  div.wpforms-container-full.wpforms-servicetermin .wpforms-form .wpforms-one-half,
  div.wpforms-container-full.wpforms-servicetermin .wpforms-form .wpforms-one-sixth,
  div.wpforms-container-full.wpforms-servicetermin .wpforms-form .wpforms-one-third,
  div.wpforms-container-full.wpforms-servicetermin .wpforms-form .wpforms-three-fourths,
  div.wpforms-container-full.wpforms-servicetermin .wpforms-form .wpforms-three-fifths,
  div.wpforms-container-full.wpforms-servicetermin .wpforms-form .wpforms-three-sixths,
  div.wpforms-container-full.wpforms-servicetermin .wpforms-form .wpforms-two-fourths,
  div.wpforms-container-full.wpforms-servicetermin .wpforms-form .wpforms-two-fifths,
  div.wpforms-container-full.wpforms-servicetermin .wpforms-form .wpforms-two-sixths,
  div.wpforms-container-full.wpforms-servicetermin .wpforms-form .wpforms-two-thirds {
    float: none;
    margin-left: 0;
    width: 100%;
  }
  
  div.wpforms-container-full.wpforms-servicetermin .wpforms-form .wpforms-checkbox-3-columns ul li,
  div.wpforms-container-full.wpforms-servicetermin .wpforms-form .wpforms-multiplechoice-3-columns ul li,
  div.wpforms-container-full.wpforms-servicetermin .wpforms-form .wpforms-list-3-columns ul li {
    width: 50%;
  }
}

@media screen and (max-width: 600px) {
  div.wpforms-container-full.wpforms-servicetermin .wpforms-form .wpforms-checkbox-3-columns ul li,
  div.wpforms-container-full.wpforms-servicetermin .wpforms-form .wpforms-multiplechoice-3-columns ul li,
  div.wpforms-container-full.wpforms-servicetermin .wpforms-form .wpforms-list-3-columns ul li {
    width: 100%;
    float: none;
  }
}


section  div.wpforms-container-full .wpforms-form .wpforms-field-label{
  margin-top: 20px;
  margin-bottom: 10px;
}

@media print {
  .g-recaptcha {
    display: none;
  }
  
  div.wpforms-container-full.wpforms-servicetermin .wpforms-form .wpforms-five-sixths,
  div.wpforms-container-full.wpforms-servicetermin .wpforms-form .wpforms-four-sixths,
  div.wpforms-container-full.wpforms-servicetermin .wpforms-form .wpforms-four-fifths,
  div.wpforms-container-full.wpforms-servicetermin .wpforms-form .wpforms-one-fifth,
  div.wpforms-container-full.wpforms-servicetermin .wpforms-form .wpforms-one-fourth,
  div.wpforms-container-full.wpforms-servicetermin .wpforms-form .wpforms-one-half,
  div.wpforms-container-full.wpforms-servicetermin .wpforms-form .wpforms-one-sixth,
  div.wpforms-container-full.wpforms-servicetermin .wpforms-form .wpforms-one-third,
  div.wpforms-container-full.wpforms-servicetermin .wpforms-form .wpforms-three-fourths,
  div.wpforms-container-full.wpforms-servicetermin .wpforms-form .wpforms-three-fifths,
  div.wpforms-container-full.wpforms-servicetermin .wpforms-form .wpforms-three-sixths,
  div.wpforms-container-full.wpforms-servicetermin .wpforms-form .wpforms-two-fourths,
  div.wpforms-container-full.wpforms-servicetermin .wpforms-form .wpforms-two-fifths,
  div.wpforms-container-full.wpforms-servicetermin .wpforms-form .wpforms-two-sixths,
  div.wpforms-container-full.wpforms-servicetermin .wpforms-form .wpforms-two-thirds {
    float: none;
    margin-left: 0;
    width: 100%;
  }
  
  div.wpforms-container-full.wpforms-servicetermin .wpforms-form .wpforms-checkbox-3-columns ul li,
  div.wpforms-container-full.wpforms-servicetermin .wpforms-form .wpforms-multiplechoice-3-columns ul li,
  div.wpforms-container-full.wpforms-servicetermin .wpforms-form .wpforms-list-3-columns ul li {
    width: 100%;
    float: none;
  }
}

.grid__gallery {
  display: grid;
  grid-template-columns: repeat(6, 1fr);
  grid-template-rows: repeat(3, 1fr);
  grid-gap: 2rem;
  grid-template-areas:
  "g1 g2 g2 g4 g5 g6"
  "g3 g2 g2 g9 g10 g6"
  "g3 g7 g8 g9 g10 g11";
}

.teaser__pdbtm{
  padding-bottom: var(--s60);
}

.grid__gallery > a{
  background: #fff;
  overflow: hidden;
  min-height: 160px
}
.grid__gallery > a img{
  object-fit: cover;
  width: 100%;
  height: 100%;
}

/* Zoom In Grid Gallery */
.grid__gallery img {
	-webkit-transform: scale(1);
	transform: scale(1);
	-webkit-transition: .3s ease-in-out;
	transition: .3s ease-in-out;
}
.grid__gallery :hover img {
	-webkit-transform: scale(1.3);
	transform: scale(1.3);
}

.grid__gallery .g1,
.grid__gallery .g3{
}

.grid__gallery .g11,
.grid__gallery .g6{
}

.g1 { grid-area: g1; }
.g6 { grid-area: g6; }
.g5 { grid-area: g5; }
.g4 { grid-area: g4; }
.g2 { grid-area: g2; }
.g3 { grid-area: g3; }
.g7 { grid-area: g7; }
.g8 { grid-area: g8; }
.g9 { grid-area: g9; }
.g10 { grid-area: g10; }
.g11 { grid-area: g11; }


@media(max-width: 800px){
  
  .grid__gallery {
  display: grid;
  grid-template-columns: 1fr 1fr 1fr;
  grid-template-rows: 1fr 1fr 1fr 1fr 1fr 1fr 1fr;
  
  grid-gap: 2rem;
   grid-template-areas:
    "g1 g2 g3"
    "g4 g2 g6"
    "g4 g5 g6"
    "g7 g7 g7"
    "g7 g7 g7"
    "g8 g9 g10"
    "g8 g11 g10";
  }
  .grid__gallery > a, .grid__gallery .g1, .grid__gallery .g3,.grid__gallery .g11, .grid__gallery .g6{
  min-height: 100px;
  border-radius: 0;
  }
}


body .alm-listing{
  margin-top: 30px
}

/* TABS */

.tabs input {
  position: absolute;
  opacity: 0;
  z-index: -1;
}


.tabs {
  overflow: hidden;
  margin-top: 6rem;
}

.tab {
  width: 100%;
  overflow: hidden;
}
.tab-label {
  display: flex;
  padding: 1rem 0;
  color: #0e3a2f;
  border-bottom: 1px solid #0e3a2f;
  font-weight: bold;
  cursor: pointer;
  align-items: center;
  /* Icon */
}
.tab-label:hover {
}
.tab-label::before {
  content: "+";
  width: 3rem;
  height: 3rem;
  transition: all 0.15s;
  display: flex;
  
  justify-content: center;
  align-items: center;
}
.tabs input:checked ~ .tab-content-element{
  
  border-bottom: 1px solid #0e3a2f;
}
 .green .tab-label, .green .tabs input:checked ~ .tab-content-element{
  border-color: #fff;
  color: #fff;
}

.green .tab-content-element{
  color: #fff
}

.tabs input:checked + .tab-label{
  border: none;
}
.tab-content-element {
  max-height: 0;
  color: #0e3a2f;
  transition: all 0.15s;
  padding: 0 3rem;
  overflow: hidden;
}
.tab-close {
  display: flex;
  justify-content: flex-end;
  padding: 1rem;
  font-size: 0.75em;
  cursor: pointer;
}
.tab-close:hover {
}

.tab-content-element img{
  max-width: auto;
}


.tabs input:checked + .tab-label {
}
.tabs input:checked + .tab-label::before {
  transform: rotate(90deg);
}
.tabs input:checked ~ .tab-content-element {
  max-height: 1000vh;
  padding: 0rem 1rem 1rem 3rem;
}


/* END TABS*/



footer .service-grid{
  padding-top: 2rem;
  border-top: 1px solid #fff;
  display: flex;
  justify-content: space-between;
  align-items: center;
}

footer .service-grid .service-logos{
  display: flex;
  align-items: center;
  gap: 20px;
}


footer .service-grid .service-logos svg{
  height:18px;
  width: auto;
}


footer .service-grid .service-logos div{
  display: flex;
  align-items: center
}

footer .service-grid .service-logos span{
  
  width: 1px;
  margin-left: 20px;
  height: 14px;
  background: #fff;
  display: block;
}

// Header Slider

.slider-header .slide{
  position: relative;
}

.slider-header .slide .grid {
    align-content: flex-end;
    align-items: flex-end;
    height: 100%;
}

.slider-header  .gridder {
    height: 100%;
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    z-index: 8;
}
.header-slider-caption{
  margin-bottom: var(--s100);
  color: var(--white-color);
}

.header-slider-caption p{
  font-size: var(--s20);
  margin-top: 10px;
  margin-bottom: 40px;
  
}


.slider-caption-headline{
  font-size: var(--s40);
  font-weight: normal;
  font-family: 'SKODA Next W01 Bold';
  
}
.slider-header .slide img {
  display: block;    /* entfernt Inline-Abstände */
  width: 100%;       /* volle Breite */
  height: auto;      /* Höhe passt sich proportional an */
  object-fit: cover; /* schneidet bei Bedarf oben/unten ab */
}

/* Wrapper positioniert alles */
.slider-wrapper {
  position: relative;
  overflow: hidden;
}

/* Jeder Slide füllt den Viewport */
.slider .slide {
  position: relative;
  width: 100%;
  background-size: cover;
  background-position: center;
  display: flex;
  align-items: center;
}

/* Text-Container links unten */
.slide-text {
  max-width: 40%;
  margin-left: 5%;
  color: #fff;
}
.slide-text h2 {
  font-size: 3rem;
  margin-bottom: .5em;
  text-transform: uppercase;
}
.slide-text p {
  font-size: 1.2rem;
  margin-bottom: 1em;
}
.slide-text .btn {
  display: inline-block;
  background: #fff;
  color: #000;
  padding: .8em 2em;
  border-radius: 50px;
  text-decoration: none;
  font-weight: bold;
}

/* Pfeile (sichtbar auf Hover) */
.slick-prev, .slick-next {
  position: absolute;
  top: 50%;
  transform: translateY(-50%);
  z-index: 10;
  background: rgba(0,0,0,0.4);
  border: none;
  width: 40px;
  height: 40px;
  border-radius: 50%;
  color: #fff;
  font-size: 1.5rem;
  opacity: 0;
  transition: opacity .3s;
}
.slider-wrapper:hover .slick-prev,
.slider-wrapper:hover .slick-next {
  opacity: 1;
}
.slick-prev { left: 20px; }
.slick-next { right: 20px; }

/* Controls bottom-right: Dots + Pause */
.slider-controls {
  position: absolute;
  bottom: 18%;
  right: 6%;
  display: flex;
  align-items: center;
  z-index: 10;
}

/* Das eigentliche Klick-Element im Dot */
.slick-dots li button {
  display: block;       /* füllt das gesamte li aus */
  width: 100%;          /* komplette Breite */
  height: 100%;         /* komplette Höhe */
  padding: 0;           /* kein Innenabstand */
  border: none;         /* keinen Rahmen */
  background: none;     /* keinen Hintergrund */
  cursor: pointer;      /* Hand-Cursor on hover */
  text-indent: -99999px;
}

/* Optional: Focus-Styles entfernen oder anpassen */
.slick-dots li button:focus {
  outline: none;        /* Standard-Outline weg */
  /* alternativ z.B. outline: 2px solid #fff; für Zugänglichkeit */
}

/* Dots als horizontale Balken */
.slick-dots {
  display: flex !important;
  margin: 0;
  padding: 0;
  list-style: none;
}
/* Basis für die Dots */
.slick-dots li {
  position: relative;
  width: 40px; height: 4px;
  background: rgba(255,255,255,0.3);
  margin: 0 8px;
  overflow: hidden;
}

/* Das Pseudo-Element übernimmt die CSS-Variable --anim-dur */
.slick-dots li.is-animating::before {
  content: '';
  position: absolute;
  top: 0; left: 0;
  width: 100%; height: 100%;
  background: #fff;
  animation: progress 5s linear forwards;
}

@keyframes progress {
  from { transform: scaleX(0); transform-origin: left; }
  to   { transform: scaleX(1); }
}

/* Pause-Button */
.pause-play {
  width: 44px; height: 44px;
  background: rgba(255,255,255,0.3);
  border-radius: 50%;
  border: none;
  margin-left: 12px;
  position: relative;
  cursor: pointer;
      display: flex;
      justify-content: center;
      align-items: center;
}

.paused svg, .playing svg{
  fill: #fff;
  width: 28px;
  height: 28px;
}
.paused .play, .playing .pause{
  display: block;
}
.paused .pause, .playing .play{
  display: none;
}
/* Fortschritts-Keyframe */
@keyframes progress {
  from { width: 0%; } to { width: 100%; }
}

.slider-header .slide img.desktop{
  display: block;
}
 .slider-header .slide img.mobile{
   display: none;
 }
@media(max-width: 900px){
 .header-slider-caption {
     margin-top: var(--s40);
     margin-bottom: 100px;
 }
 .slider-header  .gridder {
 }
  .slider-header .slide img.desktop{
    display: none;
  }
   .slider-header .slide img.mobile{
     display: block;
   }
 .slider-caption-headline{
   font-size: var(--s30);
   
 }
 .header-slider-caption p{
   margin-bottom: 20px;
 }
 .pause-play {
 width: 30px;
 height: 30px;
 }
 .header-slider-caption .button {
     color: #111;
   width: 100%;
   box-sizing: border-box;
   text-align: center;
 }
 .paused svg, .playing svg {
     width: 14px;
     height: 14px;
 }
 .slider-controls{
   bottom: 30px;
   right: 20px;
 }
 
 .slider-header .slide img{
   height: 450px;
 }
}