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----------------------------*/



.Kochen2 {
    font-size: 18pt;
    margin-left: 40px;
    text-align: center;
    margin-right: 40px;
    font-size: 18px;
    border-radius: 15px;
    background-color: rgb(105, 146, 43);
    padding: 10px
}







.KochenD{
    background-color: rgb(105, 146, 43);
    border-radius: 15px;
    width: 40%;
    margin-top: 20px;
    margin-left: 55%;
    padding: 1px
}

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

.nebeneinanderContainer {
    display: flex;
    gap: 20px; /* Abstand zwischen den beiden Divs */
	display: flex;
	align-items: center; /* vertikal zentrieren */
	gap: 15px; /* Abstand zwischen Bild und Text */
    padding-right: 2px;
    padding-left: 2px;
}

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

.nebeneinanderContainer img {
    height: auto;
}


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

#RotMakiert{
    color: red;
}

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

#mittelbuendig{
    text-align: center;
    align-items: center;
}
/*----------------------------Farben----------------------------*/


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


.image-column {
    width: 50%;
    display: flex;
    flex-direction: column;
}

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

.text-column {
    width: 50% ; /* 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 {
  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); 
  font-size: 19px;
  color: #725711;
}

.Zelda-Startseite {
    padding-left: 20px;
}

#mittelbuendig{
    text-align: center;
}

/*----------------------------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;
*/