body {	
	font-family:Courier;
}

/*----------------------------Banner Anfang----------------------------*/

.oberesBanner {
    display: flex;
    justify-content: space-between;
    align-items: center;
    padding: 10px;
    width: 98.45%;
    background-color: rgba(94, 76, 45, 0.9);
    backdrop-filter: blur(2px);
    border-bottom: 3px solid #d6b370;
    box-shadow: 0 4px 8px rgba(0, 0, 0, 0.3);
}


#rechtsbündig {

	text-align: right;
    border: 20px solid rgba(255, 255, 255, 0)
}

#logo {

	
	border: 20px solid rgba(255, 255, 255, 0)
}

.logo {
    margin-right: auto;
}




.rechtsbündig-2, .rechtsbündig-1 {
    margin-left: 10px; /* Abstand zwischen den rechten Objekten */
}

/*-----------------------Mit KI erstellt Anfang--------------*/



@media (max-width: 768px) {
    .top-bar {
        flex-direction: column;
        align-items: flex-start;
    }

	.rechterTeil{
		flex-direction: column;
        align-items: flex-start;
        margin-right: 10px;
	}

    .logo, .rechtsbündig-1, .rechtsbündig-2 {
        margin-bottom: 10px;
        width: 100px; /* Passt die Breite an den Inhalt an */
    }
}

/*-----------------------Mit KI erstellt Ende--------------*/

/*----------------------------Banner Ende----------------------------*/


/*----------------------------Startseite Anfang----------------------------*/

.LinksZuHauptthemen {
	
	border: 40px solid rgba(255, 255, 255, 0);
}

#LinksZuHauptthemen {
	border: 40px solid rgba(0, 0, 0, 0);
	margin-bottom: 500;
}

#Blocker {
	border: 40px solid rgba(255, 255, 255, 0);
	color: rgba(0, 0, 0, 0);
}

img {
	border-radius: 9px;
}
/*----------------------------Startseite Ende----------------------------*/





/*----------------------------Kochen Anfang----------------------------*/

.KochenA{
    background-color: rgb(105, 146, 43);
    width: 90%;
    margin-top: 20px;
    margin-left: 5%;
    margin-right: 5%;
}


#Kochen1 {
    font-size: 700%;
    font-family: Verdana, Geneva, Tahoma, sans-serif;
    text-align: center;
}

.Kochen2 {
    font-size: 18pt;
    margin-left: 40px;
    text-align: center;
    margin-right: 40px;
}

.KochenB{
    background-color:rgb(57, 22, 7);
    width: 90%;
    text-align: center;
    margin-left: 5%;
    margin-right: 5%;
    
}

#Kochen3 {
    color: rgb(237, 136, 100);
    font-size: 50pt;
}



.KochenC{
    background-color: rgb(105, 146, 43);
    width: 40%;
    margin-top: 20px;
    margin-left: 55%;
}

/*----------------------------Kochen Ende----------------------------*/

/*----------------------------Himmelsinseln Anfang----------------------------*/

.Himmelsinseln1 {
	display: flex;
	align-items: center; /* vertikal zentrieren */
	gap: 10px; /* Abstand zwischen Bild und Text */
}

.Himmelsinseln2 {
	display: flex;
	align-items: center; /* vertikal zentrieren */
	gap: 10px; /* Abstand zwischen Bild und Text */
}

.Himmelsinseln1 img {
    height: auto;
}

/*----------------------------Himmelsinseln Ende----------------------------*/

/*----------------------------Grundsachen----------------------------*/

#RotMakiert{
    color: red;
}

#weiß{
    color: white;
    cursor: default
}

#mittelbündig{
    text-align: center;
}
/*----------------------------Farben----------------------------*/


/*----------------------------Vorlagen----------------------------*/


.image-column {
    width: 50vw; /* 50% der Bildschirmbreite */
    display: flex;
    flex-direction: column;
}

.image-column img {
    width: 100%;
}

.text-column {
    width: 50vw; /* Andere Hälfte des Bildschirms */
    padding: 40px;
    display: flex;
    flex-direction: column;
    justify-content: center;
}

.text-column h2 {
    margin-top: 0;
}

#Bild{
    margin: 10px;
}

.image-column {
  flex: 1 1 40%;
  display: flex;
  justify-content: center;
  align-items: center;
  padding: 20px;
}

.image-column img {
  width: 100%;
  max-width: 300px;
  border: 3px solid #c2a66c;
  border-radius: 10px;
}

.text-column {
  flex: 1 1 60%;
  padding: 20px;
}

#impressum-container {
  padding: 30px;
  margin-top: 40px;
  background-color: rgba(255, 255, 240, 0.92);
  border-top: 2px solid #d6b370;
  box-shadow: 0 -5px 10px rgba(90, 65, 20, 0.2);
  width: 100%;

  font-size: 16px;
  color: #3c2f1b;
}

/*----------------------------Vorlagen----------------------------*/

/*
Hinweis: folgende Schriften sollten auf den meisten Computern darstellbar sein:
	font-family:Arial;
	font-family:Verdana;
	font-family:Tahoma;
	font-family:Trebuchet;
	font-family:Times;
	font-family:Georgia;
	font-family:Garamond;
	font-family:Courier;
*/