@charset "utf-8";


html{		/* Hintergrundfarbe der ganzen Webseite */
	background-color: rgb(180, 220, 255); 
}


body{		/* Abstand nach links und rechts vom Körper (Einfach lassen) */
	margin: 0 18%;
	border-radius: 15px; 
}


.background {
	background: rgb(157, 235, 235);	/* Hintergrundfarbe der Text-Boxen */
	font-family: Arial;	/* Schriftart für die Textboxen */
	padding: 1%;
	border-radius: 15px;
	margin-bottom: 7.5px;
	margin-top: 55px;
	border: 1px solid black;	/* Grün=Rand-Dicke   Blau=Randfarbe */
}


#logo {		/* Einstellungen für das Logo in der Navigationsleiste */
	height:50px;
	width: 50px;
	float: left;
	margin-left: 20px;
}


Nav {
	height: 50px;			/* Größe der Navigationsleiste (von unten nach oben) */
	background-color: #cff5f3;	/* Hintergrundfarbe der Navigationsleiste */
	display: flex;			
	align-items: center;
	border-radius: 15px;	/* Abrundung des Randes */
	font-family: Arial;		/* Schriftart der Inhalte der Navigationsleiste */
	position: fixed;
	top: 0;					/* Hält die Leiste ganz oben */
	left: 18%;				
	width: 64%;				/* left und width halten die Leiste so breit (links und rechts) und in der mitte */
	z-index: 2;				/* Die Nav-Leiste hat ein Hintergrund, damit der Text nicht dahinter kommt, damit bleibt die Leiste über dem Text */
	border: 1px solid black;/* Grün=Rand-Dicke   Blau=Randfarbe */
}



Nav ul{
	display: flex;
	gap: 20px;	/* Abstand zwischen Navigationspunkten */
}


a {
	text-decoration: none;	/* Macht die Unterstreichung von Hyperlinks weg */
	color: inherit;			/* Macht die Färbung von Hyperlinks weg */
}


footer {
	background-color: rgb(98, 181, 187);	/* Farbe vom Fuß-Kasten */
	border-radius: 15px;	/* Abrundung des Randes des Fuß-Kastens */
	text-align: right;		/* Hält den Text rechts */
	padding: 1% 1% 1% 0;	/* Hält den Text weg vom Rand */
	height: 50px;			/* Größe des Fuß-Kastens (von oben nach unten) */
	font-family: Arial;		/* Schriftart des Inhaltes */
	border: 1px solid black;/* Grün=Rand-Dicke   Blau=Randfarbe */
}


.safe {
	background-color:rgb(180, 220, 255);
	height: 55px;
	width:64%;
	top: 0;
	left: 18%;
	position:fixed;
}