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

fieldset{
	margin: 0;
	padding: 0;
	margin-inline-start: 0px;
    margin-inline-end: 0px;
    padding-block-start: 0em;
    padding-inline-start: 0em;
    padding-inline-end: 0em;
    padding-block-end: 0em;
    border-width: 0px;	

}

body {
background-color: #fff;
margin: 0;
padding: 0;
font-family: "SkodaNext";
font-size: 100%;
-ms-text-size-adjust: none;
overflow-x: hidden;
color: #000;
}

a {
outline: none !important;	
}

p a {
	color: #78faae;
	text-decoration: underline;
}

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

.green {
	color: #78faae !important;
	text-decoration: none;
}

@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;
}

hr {
border-top: 1px solid #000;	
border-bottom: 0px solid #787878;	
border-left: 0px solid #787878;	
border-right: 0px solid #787878;
margin-left: 0px;	
margin-right: 0px;
margin-top: 40px;
}

.line_footer {
border-top: 1px solid #787878;	
border-bottom: 0px solid #787878;	
border-left: 0px solid #787878;	
border-right: 0px solid #787878;
margin-left: 0px;	
margin-right: 0px;
margin-top: 10px;
}


.header {
height:auto;
width: 100%;		
margin: 0px 0% 0% 0%;
padding: 70px 0px 0px 0px;	
border: 0px solid green;
display:block;	
}

.header img {
height: 100% !important;
max-width: 100% !important;
width: 100% !important;		
}

.contentbereich {
width: 60%; /* Setzt die Breite auf 100% */
margin: 0px 21% 0% 21%;  /* Zentriert mit Rand links und rechts von 21% */
background-color: #fff;
min-height: 450px;
padding: 35px 2.5% 115px 2.5%;
border: 0px solid red;
}


video {
width: 100%    !important;
height: auto   !important;
}

#footer {
	max-width: 100% !important;
	height: auto;
	min-height: 310px;
	width: auto;
	margin-top: 0px;
	left: 20%;
	background-color: #0e3a2f;
	padding: 20px 20px 0px 20px;
	text-align: left;
	display: block;
	color: #e6e6e6;
}

.footer_inhalt {
margin: 0px auto;	
border: 0px solid red;
max-width: 1060px;
font-size: 100%;
}



.sozial_btn {
border: 0px solid red;
float:right;

}

#footer a {
margin: 0px 5px 0px 5px;
color: #e6e6e6;
text-decoration:none;
}

#footer a:hover {
margin: 0px 5px 0px 5px;
color: #e6e6e6;
text-decoration:underline;
}

#footer a:visited {
margin: 0px 5px 0px 5px;
color: #fff;
text-decoration:none;
}

.footer_left {
float: left;
margin-right: 5px;	
}

.footer_right {
float: right;
margin-right: 5px;	
}

h1 {
	max-width: 100% !important;
	width: auto;
	border: 0px solid #d8d8d8;
	margin: 50px 0px 35px 0px;
	padding: 0px 0px 0px 0px;
	color: #000;
	font-family: "SkodaNext-Bold";
	font-size: 250%;
}

.zwischenhead {
margin: 100px 0px 35px 0px;	
}

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

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-Bold";
	font-size: 125%;
}



.maps {
position: relative;
padding-bottom: 40%;
height: 0;
overflow: hidden;
}

.maps iframe {
position: absolute;
top: -50px;
left: 0;
width: 100%;
height: 157%;	

}





/*Formular*/

select {

background: transparent;
width: 100%;
padding: 8px;
line-height: 1;
border: 0;
border-radius: 0;
font-size: 90%;   
color: #000;
-webkit-appearance: none;
border: 2px solid #e6e6e6;
}


.formular input[type=password]{

background-position: right;
background-repeat: no-repeat;
font-family: "SkodaNext";
color: #000;
width: 100% !important;
font-size: 100%;
padding: 13px 2% 13px 2%;
border: 1px solid #000 !important;
}

.formular input:invalid {

background-position: right;
background-repeat: no-repeat;
border: 2px solid #e6e6e6;
}




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: 'Arial' !important;
font-style: normal;
font-weight: bold;
content: "X";
color: transparent;
border: 1px solid #000;
width: 50px !important;


}
input[type=checkbox]:checked + label:before {
content: "X";
color: #000;
}






textarea {

background-position: right top;
background-repeat: no-repeat;
font-family: "SkodaNext";
color: #000;
font-size: 100%;
width: 100%;
height: 200px;
padding: 13px 2% 13px 2%;
border: 1px solid #000 !important;
}

textarea:invalid {

background-position: right top;
background-repeat: no-repeat;
font-family: "SkodaNext";
color: #000;
font-size: 100%;
width: 100%;
padding: 13px 2% 13px 2%;
border: 2px solid #e6e6e6;
}






.btn_green {
	font-family: "SkodaNext";
	background-color: #0e3a2f !important;
	color: #fff !important;
	text-align: center;
	padding: 7px 25px 7px 25px;
	cursor: pointer;
	font-weight: bold !important;
	text-decoration: none;
	font-size: 14px;
	border-radius: 20px;
	border: 0px solid #000 !important;
}

	.btn_green:hover {
		font-family: "SkodaNext";
		background-color: #78faae !important;
		color: #0e3a2f !important;
		text-align: center;
		padding: 7px 25px 7px 25px;
		cursor: pointer;
		font-weight: bold !important;
		text-decoration: none;
		font-size: 14px;
		border-radius: 20px;
		border: 0px solid #000 !important;
	}


input[type=text]{

font-family: "SkodaNext";
color: #000;
width: 100% !important;
font-size: 100%;
padding: 13px 2% 13px 2%;
border: 1px solid #000 !important;
}


.cc_container .cc_btn {
background-color: #4aa82e !important; /* Farbe des Buttons */
color: #fff !important; /* Textfarbe des Buttons */
text-decoration: none !important;
font-family: "SkodaNext"  !important;
}

.cc_container {
background: #000 !important; /* Hintergrundfarbe des gesamten Bereichs */
color: #fff !important; /* Schriftfarbe des gesamten Bereichs */
font-family: "SkodaNext" !important;
font-size: 100% !important;
font-weight: normal !important;
}

.cc_container a {
color: #fff !important; /* Textlink-Farbe "Mehr Infos" */
text-decoration: underline !important;
font-family: "SkodaNext" !important;
font-size: 100% !important;
font-weight: normal !important;
}

.cc_message::before {

border: 1px solid red !important;
display: none !important;
padding-bottom: 20px;
font-family: "SkodaNext" !important;
font-size: 100% !important;

}

.flex_container {
display: flex;

}

.flex_container_2 {
display: flex;
margin-top: 70px;
justify-content: space-between;
}

.media_content {
width: 30%;	
}

.media_content p a {
color: #000;
font-family: "SkodaNext-Black";
font-size: 100%;
text-decoration: none;
}

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

.zweier_links {
width: 43.50%;
border: 1px solid #000;	
padding: 2% 2% 2% 2% !important;
}

.zweier_rechts {
width: 47.50%;
border: 0px solid red;	
margin-left: 5%;
padding: 0px 0px 0px 0px !important;
}

.bild_werbemittel_sonderwerbeformen {
float: right;
width: 35%;
height: auto;	
margin: 15px 0px 50px 50px;
}

.tabs h2 {
margin: 20px 0px 35px 0px !important;	
}

.downloads_links {
width: 40%;
border: 0px solid red;
float: left;	
display: block;
}

.downloads_rechts {
width: 60%;
border: 0px solid black;
float: left;	
display: block;
}

.downloads_mobile {
display: none;	
}


.auflistung_speed_dating {
border: 0px solid red !important;	
background: url('../img/arrow_green.png') no-repeat;
background-position: 0% 15%; 
padding-left: 3%;
width: 97% !important;
}

.kontakt_links {
width: 48%;
border: 0px solid red;
float: left;
margin-bottom: 35px;

}

.kontakt_rechts {
width: 48%;
border: 0px solid black;
float: left;	
margin-left: 4%;
margin-bottom: 35px;
}

.kontakt_links p {
width: 96%;
}

.kontakt_rechts p {
width: 96%;
}

.abstand_button_kontakt_formular {
display: none;	
}

.bilder_kontakt {
width: 75%; 
height: auto;	
}


@media screen and (max-width: 100em) {

.header {
height:auto;
width: 100%;		
margin: 0px 0% 0% 0%;
padding: 70px 0px 0px 0px;	
border: 0px solid green;
display:block;	
}

.contentbereich {
width: 95%;	
margin: 0px 0% 0% 0%;
background-color: #fff;
min-height: 400px;
padding: 35px 2.5% 35px 2.5%;
}

}



@media screen and (max-width: 768px) {
	
.bilder_kontakt {
width: 100%; 
height: auto;	
}
	
.abstand_button_kontakt_formular {
display: block;	
height: 15px !important;
width: 100%;
}
	
.kontakt_links {
width: 100%;
border: 0px solid red;
float: left;
margin-bottom: 0px;
}

.kontakt_rechts {
width: 100%;
border: 0px solid black;
float: left;	
margin-left: 0%;
}

.kontakt_links p {
width: 100%;
}

.kontakt_rechts p {
width: 100%;
}

.downloads_links {
display: none;
}

.downloads_rechts {
display: none;
}
	
.downloads_mobile {
display: block;	
}

	
.bild_werbemittel_sonderwerbeformen {
float: left;
width: 100%;
height: auto;	
margin: 15px 0px 35px 0px !important;
}

.tabs h2 {
margin: 0px 0px 35px 0px !important;	
}

.bild_werbemittel_sonderwerbeformen {
float: right;
width: 100%;
height: auto;	
margin: 35px 0px 20px 0px;
}
	
.flex_container {
display: block;

}

.flex_container_2 {
display: block;

}

.media_content {
width: 100%;	
}

.media_content p {
color: #000;
font-family: "SkodaNext-Black";
font-size: 100%;
text-decoration: none;
margin: 5px 0px 30px 0px;
}

.zweier_links {
width: 96%;
border: 1px solid #000;	
padding: 2% 2% 2% 2% !important;
}

.zweier_rechts {
width: 100%;
border: 0px solid red;	
margin-left: 0%;
margin-top: 25px;
padding: 0px 0px 0px 0px !important;
}

.footer_left {
float: left;
width: 100%;
margin-right: 5px;	
font-size: 85%;
}

.footer_right {
float: left;
margin-right: 5px;
margin-top: 10px;
font-size: 85%;	
}

p {
margin: 20px 0px 0px 0px;	
width: 95%;
line-height: 150%;
font-size: 85%;
}

h1 {
max-width: 100% !important;
width: auto;
border: 0px solid #d8d8d8;
margin: 45px 0px 25px 0px !important;
padding: 0px 0px 0px 0px;
color: #000;
font-family: "SkodaNext-Black";
font-size: 150%;
}

.zwischenhead {
margin: 85px 0px 25px 0px;	
}

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

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: 100%;
}

.contentbereich {
width: 95%;	
margin: 0px 0% 0% 0%;
background-color: #fff;
min-height: 400px;
padding: 10px 2.5% 35px 2.5%;
}

}