header, header2, header3,
footer {
display: block;
}



body {
background-color: #e9e9e9;
background-image: url(../img/background_start.jpg);
background-position: center center;
background-repeat: no-repeat;
background-attachment: fixed;
background-size: cover;
margin: 0;
padding: 0;
font-family: "SkodaNext";
font-size: 100%;
-ms-text-size-adjust: none;
overflow-x: hidden;
color: #000;
}

@font-face {
  font-family: "SkodaNext";
  src: url('../fonts/SKODANext-Regular.eot');
  src: url('../fonts/SKODANext-Regular.woff2') format("woff2"), url('../fonts/SKODANext-Regular.woff') format("woff"), url('../fonts/SKODANext-Regular.eot#iefix') format('embedded-opentype'), url('../fonts/SKODANext-Regular.otf') format('opentype'), url('../fonts/SKODANext-Regular.ttf') format('truetype');
  font-weight: 400;
  font-style: normal;
}

@font-face {
  font-family: "SkodaNext-Bold";
  src: url('../fonts/SKODANext-Bold.eot');
  src: url('../fonts/SKODANext-Bold.woff2') format("woff2"), url('../fonts/SKODANext-Bold.woff') format("woff"), url('../fonts/SKODANext-Bold.eot#iefix') format('embedded-opentype'), url('../fonts/SKODANext-Bold.otf') format('opentype'), url('../fonts/SKODANext-Bold.ttf') format('truetype');
  font-weight: 800;
  font-style: normal;
}

@font-face {
  font-family: "SkodaNext-Black";
  src: url('../fonts/SKODANext-Black.eot');
  src: url('../fonts/SKODANext-Black.woff2') format("woff2"), url('../fonts/SKODANext-Black.woff') format("woff"), url('../fonts/SKODANext-Black.eot#iefix') format('embedded-opentype'), url('../fonts/SKODANext-Black.otf') format('opentype'), url('../fonts/SKODANext-Black.ttf') format('truetype');
  font-weight: 900;
  font-style: normal;
}

a {
outline: none !important;	
}

p a {
color: #4ba82e;
text-decoration:underline;
}

p {
margin: 0px 0px 20px 0px;	
width: 100%;
line-height: 150%;
}

h1 {
width: auto;
border: 0px solid #d8d8d8;
margin: 0px 0px 25px 0px;
padding: 0px 0px 0px 0px;
color: #fff;
font-family: "SkodaNext-Black";
font-size: 405%;
text-transform: uppercase;
line-height: 110%;
text-align:center; 
}

.headline_zweite_reihe {
text-align: right;	
}

h2 {
max-width: 100% !important;
width: auto;
border: 0px solid #d8d8d8;
margin: 35px 0px 25px 0px;
padding: 0px 0px 0px 0px;
color: #000;
font-family: "SkodaNext-Bold";
font-size: 220%;
text-align: center;
text-transform: uppercase;
}

h3 {
max-width: 100% !important;
width: auto;
border: 0px solid #d8d8d8;
margin: 10px 0px 0px 0px;
padding: 0px 0px 0px 0px;
color: #000;
font-family: "SkodaNext-Black";
font-size: 125%;
text-transform: uppercase;
}

.head_leiste {
height: 57px;
width: 100%;
background: #fff;
border-bottom: 1px solid #e1e1e1;	
}

.logo {
float: left;		
}

.titel {
float: right;
border: 0px solid red;
height: auto;
font-family: "SkodaNext";
padding-top: 20px;
margin-right: 20px;
}

.titel_start {
float: right;
border: 0px solid red;
height: auto;
font-family: "SkodaNext";
padding-top: 20px;
margin-right: 20px;
font-weight: bold;
}

.titel a {
background:url('../img/logout.png') center left no-repeat;
background-color: rgba(0, 0, 0, 0);
background-color: #fff;
text-align: right;
border: 0px solid red;
padding: 8px 0px 8px 40px;
}

.titel a:hover {
background:url('../img/logout_hover.png') center left no-repeat;
background-color: rgba(0, 0, 0, 0);
background-color: #fff;
text-align: right;
border: 0px solid red;
padding: 8px 0px 8px 40px;

}

.wrapper_start {
width: 50%;
height: auto;
border: 0px solid red;
margin: 65px 25% 30px 25%;	
}

.wrapper_navigation {
width: 80%;
height: auto;
border: 0px solid green;
margin: 20px 10% 0px 10%;	
display: -webkit-flex; /* Safari */
-webkit-justify-content: space-between; /* Safari 6.1+ */
display: flex;
justify-content: space-between;

}

.nav_btn {
width: 30%;	
padding: 0px 0px 5px 0px;
border-bottom: 3px solid #000;
font-family: "SkodaNext-Bold";
cursor: pointer;
}

.nav_btn:hover {
width: 30%;	
padding: 0px 0px 5px 0px;
border-bottom: 3px solid #4ba82e;
font-family: "SkodaNext-Bold";
cursor: pointer;
}

.nav_btn_aktiv {
width: 30%;	
padding: 0px 0px 5px 0px;
border-bottom: 3px solid #4ba82e;
font-family: "SkodaNext-Bold";
cursor: pointer;

}

.wrapper_content {
width: 76%;
height: auto;
min-height: 478px !important;
border: 1px solid #afafaf;
margin: 10px 10% 10px 10%;	
padding: 20px 2% 20px 2%;
background: #fff;
-webkit-box-shadow: 10px 10px 15px -4px rgba(173,173,173,1);
-moz-box-shadow: 10px 10px 15px -4px rgba(173,173,173,1);
box-shadow: 10px 10px 15px -4px rgba(173,173,173,1);

}



.wrapper_autos {
width: 100%;
height: auto;	
display: flex;
margin: 0% 0% 26px 0%;
border: 0px solid red;

}

.clusterung_autos {
width: 100%;
height: auto;
border: 0px solid green;
cursor: pointer;
text-align: center;
}

.clusterung_autos img {
width: 80%;
height: auto;
margin-bottom: 10px;
}

input[type=button], input[type=submit] {
margin: 0px 0px 0px 0px;	
}

.btn_green {
font-family: "SkodaNext";
background-color: #4ba82e !important;
color: #fff !important;
text-align: center;
padding: 15px 30px 15px 30px;
cursor: pointer;
-webkit-border-radius: 0px;
border-radius: 0px;
border:1px solid #4ba82e !important;
font-weight: bold !important;
text-decoration: none;
font-size: 100%;
}

.btn_green:hover{
font-family: "SkodaNext";
background-color: #000 !important;
color: #fff !important;
text-align: center;
padding: 15px 30px 15px 30px;
cursor: pointer;
-webkit-border-radius: 0px;
border-radius: 0px;
border:1px solid #000 !important;
font-weight: bold !important;
text-decoration: none;
font-size: 100%;
}

.btn_black {
font-family: "SkodaNext";
background-color: #000 !important;
color: #fff !important;
text-align: center;
padding: 15px 30px 15px 30px;
cursor: pointer;
-webkit-border-radius: 0px;
border-radius: 0px;
border:1px solid #000 !important;
font-weight: bold !important;
text-decoration: none;
font-size: 100%;
margin-left: 20px;
}

.btn_black:hover{
font-family: "SkodaNext";
background-color: #58585a !important;
color: #fff !important;
text-align: center;
padding: 15px 30px 15px 30px;
cursor: pointer;
-webkit-border-radius: 0px;
border-radius: 0px;
border:1px solid #58585a !important;
font-weight: bold !important;
text-decoration: none;
font-size: 100%;
}


.position_btn_green {
text-align: center;
width: 50%;
bottom: 80px;
position: absolute;
border: 0px solid red;

}

.position_btn_green_fahrzeug {
text-align: center;
width: 100%;
margin-top: 50px;
margin-bottom: 10px;
}

.position_btn_green_termin {
text-align: center;
width: 100%;
margin-top: 59px;
margin-bottom: 10px;
}

.position_btn_green_anmeldung {
text-align: center;
width: 100%;
margin-top: 39px;
margin-bottom: 10px;
}


input[type=checkbox] { 
  display: none !important;
  cursor: pointer;
}
input[type=checkbox]:not([disabled]) + label {
  cursor: pointer;
}
input[type=checkbox] + label:before {
  position: relative!important;
  padding: 3px 6px 2px 6px;
  font-family: "SkodaNext-Black";
  font-style: normal;
  font-weight: bolder;
  content: "✓";
  color: transparent;
  border: 1px solid #000;
  width: 50px !important;
 
 
  
}
input[type=checkbox]:checked + label:before {
  content: "✓";
  color: #4ba82e;
  
  
}


input[type=radio] { 
  display: none !important;
  cursor: pointer;
}
input[type=radio]:not([disabled]) + label {
  cursor: pointer;
}
input[type=radio] + label:before {
  position: relative!important;
  padding: 3px 6px 2px 6px;
  font-family: "SkodaNext-Black";
  font-style: normal;
  font-weight: bolder;
  content: "✓";
  color: transparent;
  border: 1px solid #000;
  width: 50px !important;
 
 
  
}
input[type=radio]:checked + label:before {
  content: "✓";
  color: #4ba82e;
  
  
}




label {
font-size: 90%;
}


input[type=text]{
font-family: "SkodaNext-Bold";
color: #000;
width: 96% !important;
font-size: 100%;
padding: 13px 2% 13px 2%;
border: 1px solid #000 !important;
}



input[type=password]{
font-family: "SkodaNext-Bold";
color: #000;
width: 96% !important;
font-size: 100%;
padding: 13px 2% 13px 2%;
border: 1px solid #000 !important;
}

select {
font-family: "SkodaNext-Bold";
background: transparent;
width: 100%;
padding: 12px 2% 12px 2%;
border: 0;
border-radius: 0;
font-size: 100%;  
color: #000;
-webkit-appearance: none;
border: 1px solid #000 !important;
}

select {
  font-family: "SkodaNext-Bold";
  width: 101%;
  padding: 12px 2% 12px 2%;
  font-size: 100%;  
  border: 1px solid #000 !important;
  
  -webkit-appearance: none;
  -moz-appearance: none;
  appearance: none;
  background: url(../img/select_arrow.png) 97% / 20px no-repeat #fff;
}








.footer {
width: 80%;
margin: 10px 10% 0px 10%;
height: 40px;
border: 0px solid red;	

bottom: 0;
color: #9d9d9d;
font-family: "SkodaNext";
font-size: 120%;

}

.footer_links {
float: left;	
margin-left: 30px;
}

.footer_rechts {
float: right;	
margin-right: 0px;
}

.footer a{
color: #9d9d9d;
text-decoration: none;
}


.datum_switch {
border: 0px solid red;
width: 50%;	
margin: 0px 0px 0px 0px;
float: right;
}

.datum {
max-width: 100% !important;
width: auto;
border: 0px solid #d8d8d8;
margin: 0px 0px 0px 0px;
padding: 0px 0px 0px 0px;
color: #000;
font-family: "SkodaNext-Bold";
font-size: 175%;
text-align:right;	
}

.datum_auswahl {
border: 0px solid red;
display: flex;
width: 80%;
margin: 0px 10% 35px 10%;
}

.clusterung_termin {
width: 100%;
height: auto;
border: 0px solid red;
cursor: pointer;
text-align: center;
}


.anmeldeform {
display: flex;
width: 90%;
height: auto;
border: 0px solid red;	
justify-content: space-between;
margin: 25px 5% 0px 5%;
}

.anmeldeform_volle_breite {
display: flex;
width: 90%;
height: auto;
border: 0px solid red;	
margin: 0px 5% 0px 5%;
font-size: 60%;
justify-content: space-between;
}

.anmeldeform_volle_2 {
width: 90%;
height: auto;
border: 0px solid red;	
margin: 0px 5% 0px 5%;
font-size: 60%;
}

.anmeldeform_volle_2 p {
margin: 0px 0px 10px 0px;
}



.form_links {
width: 46%;
height: auto;
border: 0px solid green;	
}

.form_rechts {
width: 46%;
height: auto;
border: 0px solid yellow;	
display: flex;
justify-content: space-between;
}

.form_rechts .form_plz {
width: 27% !important;	
}

.form_rechts .form_wohnort {
width: 60% !important;	
}

hr {
width: 90%;
margin: 20px 5% 10px 5%;	
height: 1px;
background-color: #afafaf;
border: 0px;
}

.abschluss_auto {
width: 40%;
height: auto;
position: absolute;
margin: 270px 0px 0px 15%;	
border: 0px solid red;
}

.content_ueberschrift {
width: 48%;
height: auto;
position: absolute;	
margin: 100px 0px 0px -10%;
border: 0px solid red;
}

.erste_zeile {
font-family: "SkodaNext-Black";
font-size: 160%;	
}

.zweite_zeile {
font-family: "SkodaNext-Black";
font-size: 320%;	
}

.dritte_zeile {
font-family: "SkodaNext";
font-size: 150%;	
}

.cars_start {
width: 85% !important;
margin: 30px 7.50% 30px 7.50% !important;
}

.veranstaltungsanzeige_desk {	
width: 80%;
height: auto;
border: 0px solid red;
margin: 50px 10% 0px 10%;	
padding: 0px 0% 20px 0%;	
}

.veranstaltungsanzeige_mobil {	
display: none;
}

.arrow_left {
height: 17px;	
}

.arrow_right {
height: 17px;	
}

.inhalt_buchung_desktop {
display: block;	
width: 100%;
height: auto;
border: 0px solid green;
}

.inhalt_buchung_mobil {
display: none;		
width: 100%;
height: auto;
}

.container_buttons {
width:80%;
height: auto;
border: 0px solid red;
margin: 30px 10% 0px 10%;
display: flex;
}

.tabelle_buchung_mobil {
border: 1px solid #000;
font-size: 80%;

}

.tabelle_buchung_mobil th {
border: 1px solid #000;
padding: 0px 0px 0px 0px;
text-align: center;
}

.tabelle_buchung_mobil td {
text-align: center;
padding: 0px 0px 0px 0px;
}




@media screen and (max-width: 1024px)  {
	
	
.wrapper_autos {
width: 100%;
height: auto;	
display: flex;
margin: 0% 0% 25px 0%;
border: 0px solid red;

}
	

	
.container_buttons {
width:90%;
height: auto;
border: 0px solid red;
margin: 30px 5% 0px 5%;
}
	
.veranstaltungsanzeige_desk {	
width: 90%;
height: auto;
border: 0px solid red;
margin: 50px 5% 0px 5%;	
padding: 0px 0% 20px 0%;	
}
	
.datum {
font-size: 150%;
}
	
.cars_start {
width: 70% !important;
margin: 20px 15% 20px 15% !important;
}
	
.content_ueberschrift {
width: 100%;
height: auto;
position: absolute;	
margin: 80px 0px 0px 0%;
border: 0px solid red;
}
	
.abschluss_auto {
width: 50%;
height: auto;
position: absolute;
margin: 290px 0px 0px 35%;	
}

.wrapper_start {
width: 90%;
height: auto;
border: 0px solid red;
margin: 60px 5% 0px 5%;	
}


.wrapper_navigation {
width: 90%;
height: auto;
border: 0px solid green;
margin: 50px 5% 0px 5%;	
}

.wrapper_content {
width: 86%;
height: auto;
min-height: 250px !important;
border: 1px solid #afafaf;
margin: 0px 5% 0px 5%;	
padding: 2% 2% 2% 2%;
background: #fff;

}



.position_btn_green {
text-align: center;
width: 90%;
bottom: 100px;
position: absolute;
border: 0px solid red;
}

.position_btn_green_fahrzeug {
text-align: center;
width: 100%;
margin-top: 20px !important;
margin-bottom: 20px;
position: relative;
}



h1 {
width: auto;
border: 0px solid #d8d8d8;
margin: 0px 5% 35px 5%;
padding: 0px 0px 0px 0px;
color: #fff;
font-family: "SkodaNext-Black";
font-size: 320%;
text-transform: uppercase;
line-height: 110%;
text-align:center; 
}


h2 {
max-width: 100% !important;
width: auto;
border: 0px solid #d8d8d8;
margin: 20px 0px 20px 0px;
padding: 0px 0px 0px 0px;
color: #000;
font-family: "SkodaNext-Bold";
font-size: 150%;
text-align: center;
}

	
.headline_zweite_reihe {
text-align: right;	
}
	

.clusterung_autos {
width: 33.3333%;
height: auto;
border: 0px solid red;
float: left;
margin-bottom: 26px;
}

.footer {
width: 90%;
margin: 10px 5% 5px 5%;
height: auto;
border: 0px solid red;	
color: #9d9d9d;
font-family: "SkodaNext";

}
	


}



@media screen and (max-width: 768px)  {
	
.position_btn_green_fahrzeug {
border: 0px solid red;	
margin-top: 20px;
margin-bottom: 30px;
}
	
.wrapper_autos {
width: 100%;
height: auto;	
display: block;
margin: 0% 0% 25px 0%;
border: 0px solid red;

}
	
.veranstaltungsanzeige_desk {	
width: 90%;
height: auto;
border: 0px solid green;
margin: 50px 5% 0px 5%;	
padding: 0px 0% 20px 0%;	
}


	
.wrapper_start {
width: 90%;
height: auto;
border: 0px solid red;
margin: 150px 5% 0px 5%;	
}

.cars_start {
width: 100% !important;
margin: 20px 0% 30px 0% !important;
}



h1 {
width: auto;
border: 0px solid #d8d8d8;
margin: 0px 5% 35px 5%;
padding: 0px 0px 0px 0px;
color: #fff;
font-family: "SkodaNext-Black";
font-size: 320%;
text-transform: uppercase;
line-height: 110%;
text-align:center; 
}

.clusterung_autos {
width: 50%;
height: auto;
border: 0px solid blue;
float: left;
margin-bottom: 30px;
}

.footer {
margin-bottom: 10px;	
}
	
	
}


@media screen and (max-width: 700px) {
	

	
.btn_green {
font-family: "SkodaNext";
background-color: #4ba82e !important;
color: #fff !important;
text-align: center;
padding: 15px 15px 15px 15px;
cursor: pointer;
-webkit-border-radius: 0px;
border-radius: 0px;
border:1px solid #4ba82e !important;
font-weight: bold !important;
text-decoration: none;
font-size: 80%;
}

.btn_green:hover{
font-family: "SkodaNext";
background-color: #000 !important;
color: #fff !important;
text-align: center;
padding: 15px 15px 15px 15px;
cursor: pointer;
-webkit-border-radius: 0px;
border-radius: 0px;
border:1px solid #000 !important;
font-weight: bold !important;
text-decoration: none;
font-size: 80%;
}

.btn_black {
font-family: "SkodaNext";
background-color: #000 !important;
color: #fff !important;
text-align: center;
padding: 15px 15px 15px 15px;
cursor: pointer;
-webkit-border-radius: 0px;
border-radius: 0px;
border:1px solid #000 !important;
font-weight: bold !important;
text-decoration: none;
font-size: 80%;
margin-left: 20px;
}

.btn_black:hover{
font-family: "SkodaNext";
background-color: #58585a !important;
color: #fff !important;
text-align: center;
padding: 15px 15px 15px 15px;
cursor: pointer;
-webkit-border-radius: 0px;
border-radius: 0px;
border:1px solid #58585a !important;
font-weight: bold !important;
text-decoration: none;
font-size: 80%;
}
	
.inhalt_buchung_desktop {
display: none;	
}

.inhalt_buchung_mobil {
display: block;		
width: 100%;
height: auto;
}
	
.wrapper_content {
width: 84%;
height: auto;
min-height: 250px !important;
border: 1px solid #afafaf;
margin: 20px 5% 0px 5%;	
padding: 2% 3% 3% 3%;
background: #fff;
}
	
.veranstaltungsanzeige_desk {	
display: none;	
}

.veranstaltungsanzeige_mobil {	
display: block;
width: 100%;
height: auto;
border: 0px solid red;
margin: 0px 0% 0px 0%;	
padding: 0px 0% 20px 0%;
}
	
h1 {
width: auto;
border: 0px solid #d8d8d8;
margin: 0px 0% 35px 0%;
padding: 0px 0px 0px 0px;
color: #fff;
font-family: "SkodaNext-Black";
font-size: 200%;
text-transform: uppercase;
line-height: 110%;
text-align:center; 
}

h2 {
max-width: 100% !important;
width: 100%;
border: 0px solid #d8d8d8;
margin: 25px 0px 25px 0px;
padding: 0px 0px 0px 0px;
color: #000;
font-family: "SkodaNext-Bold";
font-size: 140%;
text-align:center;
}

.datum_switch {
border: 0px solid red;
width: 100%;	
margin: 0px 0px 0px 0px;
}

.datum {
max-width: 100% !important;
width: auto;
border: 0px solid #d8d8d8;
margin: 10px 0px 0px 0px;
padding: 0px 0px 0px 0px;
color: #000;
font-family: "SkodaNext-Bold";
font-size: 120%;
text-align:center;	
}

.arrow_left {
height: 14px;	
}

.arrow_right {
height: 14px;	
}
	
.wrapper_start {
width: 90%;
height: auto;
border: 0px solid red;
margin: 50px 5% 30px 5%;	
}

.cars_start {
width: 100% !important;
margin: 20px 0% 20px 0% !important;
}



	
}

@media screen and (max-width: 450px) {


	
.position_btn_green_fahrzeug {
margin-top: 10px !important;
margin-bottom: 30px !important;	
}

.clusterung_autos {
width: 100%;
height: auto;
border: 0px solid blue;
float: left;
margin-bottom: 30px;
}

.clusterung_autos img {
width: 100%;
}
	
.titel_start {
display: none;	
}

.clusterung_autos {
width: 100%;
height: auto;
border: 0px solid blue;
float: left;
margin-bottom: 30px;
}



h2 {
max-width: 100% !important;
width: 100%;
border: 0px solid #d8d8d8;
margin: 25px 0px 25px 0px;
padding: 0px 0px 0px 0px;
color: #000;
font-family: "SkodaNext-Bold";
font-size: 120%;
text-align:center;
}

	
}