@charset "UTF-8";

.html,body {
	background: #EBEBEB;
	font-family: "Gill Sans", "Gill Sans MT", "Myriad Pro", "DejaVu Sans Condensed", Helvetica, Arial, "sans-serif"
	height: 100%; /* Stellt sicher, dass der Body die volle Höhe einnimmt */
  	margin: 0;
	
}

.body {
  display: flex;
  flex-direction: column; /* Stellt Elemente untereinander an */
  min-height: 100vh; /* Oder 100dvh für bessere mobile Unterstützung */
}

.main {

  flex-grow: 1; /* Lässt den Hauptinhalt den gesamten verfügbaren Platz einnehmen */
  padding-bottom: 20px; /* Optional: Platz für den Footer bei kurzen Seiten */
}

.footer {
  text-align: center;  /* Footer-Stile */
  background-color: #CAA371;
  padding: 20px;
 }
 
 
 .footeraa {
  display: inline-block;

  margin-right: 10px; /* Abstand hinzufügen */
 
}

 .footeraa {

 a {
  color: black;
  text-decoration: none; /* Entfernt Unterstrich */
}

/* Beim Hovern (Maus über dem Link) */
a:hover {
  color: red;
  text-decoration: underline; /* Fügt Unterstrich hinzu */
}

/* Bereits besuchte Links */
a:visited {
  color: black;
}

/* Beim Klicken */
a:active {
  color: green;
}
 
 
 
 }


.textDE {
		font-size: 14px;
		color: #FFFFFF;
		text-align: left;
		
	}

.textDECenter {
		font-size: 14px;
		color: #FFFFFF;
		text-align: center;
		
	}

.textDECenter {	

a {
  color: white;
  text-decoration: none; /* Entfernt Unterstrich */
}

/* Beim Hovern (Maus über dem Link) */
a:hover {
  color: red;
  text-decoration: underline; /* Fügt Unterstrich hinzu */
}

/* Bereits besuchte Links */
a:visited {
  color: white;
}

/* Beim Klicken */
a:active {
  color: green;
}

	
}


.textDetail {
		font-size: 10 px;
		color: #CAA371;
		text-align: center;
	}




	.textKopf {
		font-size: 28px;
		color: #000033;
		text-align: center;
		padding: 20px;
	}		


	.textKopf2 {
		font-size: 28px;
		color: #CAA371;
		text-align: center;
		padding: 20px;
	}		


.textInteresse {
		font-size: 18px;
		color: #000;
		text-align: center;
		padding: 10px;
	}		


	
	.Ueberschrift Details {
		background: #CAA371;
		padding: 10px;
			}		  	 




.mittigesFormular3
		{
		background: #000000;
		padding: 20px;
		opacity: 0.7;
		border: 1px solid white		;
			
	}
		  	 
		  
.Ntable {
	background: #666;
	width: 100%;
	height: 100%;
	font-family: Arial color: white;
	a: font-family: Arial color: red;
  vertical-align: middle; /
  text-shadow: -1px -1px 0 black, 1px -1px 0 black, -1px 1px 0 black, 1px 1px 0 black;
}

.Ntable td {
  text-align: center; /* Horizontal */
  vertical-align: middle; /* Vertikal */
}


.GanzTeil {
 background-image: url("../images/ct1.jpg"); 
 background-color: #efefef ;
   background-repeat: repeat-x;
}

.obersterContainer {
	
	background-color: #CAA371;
	/* margin-bottom: 30px; */
	
}

.untersterContainer {
	
	background-color: #000033;
	/* margin-bottom: 30px; */
	
	display: flex; /* Macht den Container zu einem Flex-Container */
  /* Optional: Abstand zwischen den Divs */
  gap: 10px;
	
}

.rechts {
	margin: 20px;
	padding: 20px;
	align: right;
	
}

.BilderIntro {
    background-color: #EBEBEB;
	margin-top: 20px;
}

.BilderIntro figure {
  position: relative;
}

.BilderIntro figure:hover img  {
  -webkit-filter: opacity(.8);
	border-color: #000033;
border-width: 2px;
border-style: solid;
}


 .image-container {
  position: relative;
  }

.image-container img {
  width: 100%;
  height: 100%;
  object-fit: cover; /* Bild anpassen */
}

.overlay-text {
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  color: white;
   a: font-family: Arial color: red;
  text-shadow: -1px -1px 0 black, 1px -1px 0 black, -1px 1px 0 black, 1px 1px 0 black;
  font-size: 20px;
  font-weight: bold; 
}



.BilderIntro figcaption {
  	position: absolute;
	bottom: 10px;
	width: 90%;
	text-align: center;
	font-size: 1.5em;
	font-weight: bold;
    color: #FFFFFF;
	text-shadow: 0 0 10px black;
}

.rechts {
	float: right;
}


.nebenb {
	padding-top:  10px;
	
	
}