/* Youtube */


.inhalt .video_gross_teaser {
	margin-bottom: 1.5em;
}


.inhalt .ytcontainer {
    width: 100%;
    aspect-ratio: 16 / 9;
}      

.inhalt .ytframe {
       width: 100%;
       height: 100%;
}

.inhalt button.ytbutton {
    display: grid;
    grid-template: "container";
    cursor: pointer;
    width: 100%;
    height: 100%;
    padding: 0px;
    z-index: 0;
    position: relative;
    color: #302A30;   
}

.inhalt .ytImage {
    display: block;
    position: relative;
    width: 100%;
    object-fit: cover;
    object-position: center center; 
    aspect-ratio: 16 / 9;
    z-index: 0;
    grid-area: container;
}

.inhalt .ytbackground {
}

.inhalt .ytDatenschutz {
  display: flex;
  flex-direction: column;
  width: 100%;
  height: 100%;
  grid-area: container;
  align-items: center;
  justify-content: center;
  z-index: 1;
  padding: 2rem;
  background-color: rgba(0, 0, 0, 0.6);
  color: white;
 }

.inhalt .ytText_klein {
  font-size: 1rem;
  line-height: 1.2;
  margin-block-start: 1rem;
  font-weight: 400;
}

.inhalt .ytText {
    font-size: 1rem;
    margin-block-start: 1rem;
    font-weight: 700;
}

.inhalt a.ytLink:link, .inhalt a.ytLink:visited, .inhalt a.ytLink:active {
     font-size: 1.3rem;
     font-weight: 1000;
     color: white;
     text-decoration: underline;
}


/* /Youtube */



/* Newssletter-Formular (OLG-D) */
@media only screen and (max-width: 959px) {
	#nlForm { width: 100%; }
}

@media only screen and (min-width: 960px) {
	#nlForm {
		width: 100%;
		max-width: 588px;
		}	
}

#nlForm p.nlFormButtons {
	text-align: right;
	}

#nlForm div.nlFormErrors {
	border: 2px solid red;
	padding: 0.5em 1em;
	margin-bottom: 16px;
	}
	
#nlForm div.nlFormErrors ul {
	list-style-type: none;
	}

#nlForm div.nlFormErrors li {
	margin-left: 0;
	padding-left: 0;
	background: none;
	color: red;
	}
	
#nlForm label {
	font-family: "BentonSans-Bold";
	color: #3c506e;
	font-size: 0.8rem
	}

#nlForm input[type='text'],
#nlForm textarea {
	display: block;
	width: 100%;
	border: 0;
	background: #eaeff6;
	padding: 10px;
	}

#nlForm input[type='submit'],
#nlForm input[type='reset'] {
	border: 0;
	background: transparent;
	font-family: "BentonSans-Bold";	
	padding: 10px 55px 10px 10px;
	margin: 8px 0 8px 0;
	height: 38px;
	font-size: 0.8rem;
	cursor: pointer;
	}

#nlForm input[type='submit'] {
	background: url( '../images/system_bilder/aero-button.png' ) no-repeat center right;
	}

#nlForm input[type='reset'] {
	background: url( '../images/system_bilder/cross-button.png' ) no-repeat center right;
	}

#nlForm input[type='submit']:hover,
#nlForm input[type='reset']:hover  {
     text-decoration: underline;
	}

#nlForm input.nlFormError,
#nlForm textarea.nlFormError {
	outline: 1px solid red;
	}
/* /Newssletter-Formular (OLG-D) */


/*
	<div class="jaContainer">
		<ul class="jaAuctions">
			<li class="jaAuction">
				<div class="jaAuctionData">
					<div class="jaAuctionImageButton">
						<a class="jaAuctionImageLink">
							<img class="jaAuctionImage" />
						</a>
					</div>
					<div class="jaAuctionInfo">
						<div class="Linkfarbe">
							<strong><a ???>...</a></strong>
							<img class="screen" alt="externer Link ..." style="vertical-align: middle;" />
						</div>
						<div class="schriftgroesse_anpassen">
							<strong>Startgebot: ...<br />
							<strong>Auktionsende: ...
						</div>
					</div>	
					<div style="clear: both;"></div>
				</div>
			</li>
			<li class="jaAuction">
				...
			</li>
			...
		</ul>
		<ul class="jaAuctions">
			...
		</ul>
		...
	</div>

*/


#jaContainer {}

#jaContainer ul.jaAuctions {
	list-style-type: none;
	margin: 0 0 16px 0;
	padding: 0;
	}
	
#jaContainer li.jaAuction {
	margin: 0 0 16px 0;
	display: inline-block;	
	vertical-align: top;
	
	/* V1 */
	/*
	background: transparent none;
	border: 0;
	padding: 0;
	width: 322px;
	*/
	/* /V1 */
	
	/* V2 */	
	background: #fff none;	
	border: 1px solid #ccc;
	padding: 8px;
	width: 306px;
	/* /V2 */
	
	/* V3 */
	/*
	background: none;
	border: 0;
	padding: 0;
	width: 322px;
	*/
	/* /V3 */
	}

#jaContainer li.jaAuction:nth-child( odd ){
	margin-right: 8px;
	}
	
#jaContainer li.jaAuction:nth-child( even ){
	margin-left: 8px;
	}

#jaContainer div.jaAuctionData {}

#jaContainer div.jaAuctionImageButton {
	float: left;
	border: 1px solid #ccc;
	width: 100px;
	text-align: center;
	
	/* V2 */
	background-color: #fff;
	/* /V2 */
	}


#jaContainer a.jaAuctionImageLink {
	outline: none;
	}
	
#jaContainer a.jaAuctionImageLink:link,
#jaContainer a.jaAuctionImageLink:visited,
#jaContainer a.jaAuctionImageLink:hover,
#jaContainer a.jaAuctionImageLink :focus,
#jaContainer a.jaAuctionImageLink :active {
	background-color: transparent;
	text-decoration: none;
}

#jaContainer img.jaAuctionImage {
	text-align: center;
	vertical-align: middle;
	}


#jaContainer div.jaAuctionInfo {
	margin-left: 108px;
	text-align: left;
	}



/* Dynamisches Kontaktformular */


main section form.dynKontaktFormular {
  display: block;
  width: 70%;
  margin-left:1.5rem;
}

main section h4.dynKontaktFormularTitel {
   font-family: "BentonSans-Bold";
   color: #3c506e;
   font-weight: bold;
   line-height: 24px;
   text-align: left;
   margin-bottom: 1rem;
}

main section form.dynKontaktFormular label.dynLabelText,
main section form.dynKontaktFormular label.dynLabelKontakt {
   float: none;
   display: block;
   font-family: "BentonSans-Bold";
   color: #3c506e;
   font-size: 0.8rem;  
   line-height: 24px;
   text-align: left;
   font-weight: normal;
}

main section form.dynKontaktFormular label.dynLabelText{
    margin-top: 2rem;
}


main section form.dynKontaktFormular input.dynLabelInput{
  display: block;
  border: 0;
  background: #eaeff6;
  padding: 10px;
  width: 100%;
}

main section form.dynKontaktFormular textarea.dynLabelInput,
main section form.dynKontaktFormular text.dynLabelInputLast {
   display: block;
   border: 0;
   background: #eaeff6;
   padding: 10px;
   margin-bottom: 1.5rem;
   width: 100%;
}

main section form.dynKontaktFormular  p.kontaktPflicht {
   font-family: "BentonSans-Bold";
   font-size: 0.8rem;  
}

main section form.dynKontaktFormular div.kontaktButtons {
   text-align: right;
   margin-right: 0;
}

main section form.dynKontaktFormular input.submitButton {
    padding: 10px 55px 10px 10px;
    margin: 20px 0;
    margin-right: 0px;
    height: 38px;
    background: url("../images/system_bilder/aero-button.png") no-repeat center right;
    margin-right: 0.6em;
    font-size: 0.8rem;
    cursor: pointer;
    border-color: transparent;
    font-weight:bold;
}

main section form.dynKontaktFormular input.resetButton {
    padding: 10px 55px 10px 10px;
    margin: 20px 0;
    margin-right: 0px;
   height: 38px;
   background: url("../images/system_bilder/cross-button.png") no-repeat center right;
   margin-right: 0.6em;
   font-size: 0.8rem;
   cursor: pointer;
   border-color: transparent;
   font-weight:bold;
}


main section label.kontaktSpamFrage {
   margin-bottom: 1.5rem;
}

main section p.kontaktAntwort {
  font-size: 1rem;
  color:red;
  margin-left:1.3rem;
  font-family: "BentonSans-Bold";
}

main section span.error {
  font-size: 1rem;
  color:red;
  font-family: "BentonSans-Bold";
}

main section  p.kontaktDanke {
  font-size: 1rem;
  font-weight: bold;
  margin-left:1.3rem;
  font-family: "BentonSans-Bold";
  color: #3c506e;
  margin-bottom: 2rem;
}

main section input.dynLabelCheckbox {
   font-family: "BentonSans-Bold";
   color: #3c506e;
   font-size: 0.8rem;  
   margin-top: 1rem;
}


/* Ende Dynamisches Kontaktformular */