@import url("stylesheet_root.css");

/*Allgemeine Seitenformatierung*/

/*Form*/
body{
	/*Hintergrundbildformatierung*/
	background-image: url("Bilder/Hintergrundbild.jpg");
	background-repeat:no-repeat;
	background-position:center center;
	background-attachment:fixed;
	/*-o-background-size: 100% 100%, auto;*/
	-moz-background-size: 100% 100%, auto;
	-webkit-background-size: 100% 100%, auto;
	background-size: 100% 100%, auto;
	
	/*Formatierung für den Bilschirm*/
	padding-top: 20px;
	padding-bottom: 20px;
	font-family:  var(--Schriftart);
	font-size: var(--Schriftgroesse);
}

@media(max-width:600px){
body{
	font-size: var(--Schriftgroesse_Handy);
}
}

	.container-body{
		display: flex;
		flex-wrap: nowrap;
		flex-direction: row;
		align-content: center;
		align-items: center;
		justify-content: center;
	}

		.item-body {
			max-width:60em;
			background-color: var(--Hintergrundfarbe);
			border: 2px solid white;
			border-radius: 1em;
			flex-basis: var(--Rand_Hintergrund);
		}

			.container-navigation{
				display: flex;
				flex-wrap: wrap;
				flex-direction: row;
				justify-content: space-around;
				margin-right: 10px;
				margin-left: 10px;
				padding: 0;
				margin-top:	0em;
				margin-bottom:	0.5em;
				list-style-type: none;
				border-top: 2px solid grey;
				border-bottom: 2px solid grey;
			}
		
			.item-navigation{
				padding: 5px;
			}

		.container-footer{
			display: flex;
			flex-direction: row;
			margin-top: 1em;
			border-bottom-left-radius: 1em;
			border-bottom-right-radius: 1em;
		}

		.item-footer{
			flex: 1;
			background-color: var(--Navigationsfarbe);
		}

/*Allgemeine Formatierungen */

/*Elemente*/

.Navigationsleiste {
	padding: 2px;
	text-decoration: none;
	color: var(--Textschriftfarbe);
}

.Navigationsleiste:hover {
	background-color: var(--Navigationsfarbe);
	color: white;
}

.active {
	background-color: var(--Navigationsfarbe);
	/*border: 2px solid black;*/
	color: white;
}

p{
	font-size: 0.85em;
	margin: 0;
	text-align: justify;
}

li{
	font-size: 0.85em;
}

h1 {
	color: var(--Ueberschriftfarbe);
}

h2{
	color: var(--Textschriftfarbe);
}

h3{
	color: var(--Textschriftfarbe);
}

a{
	color: var(--Navigationsfarbe);
}

/*IDs*/

#Ueberschrift{
	color: var(--Ueberschriftfarbe);
	padding-top: 0.5em;
	padding-bottom: 0.5em;
	font-size: 2em;
	text-align: center;
}

#Inhalt_Ueberschrift{
	padding-top: 0.5em;
	padding-bottom: 0.5em;
	color: var(--Ueberschriftfarbe);
	font-size: 1.25em;
	text-align: left;
}

#Inhalt_Ueberschrift_2{
	padding-top: 1em;
	padding-bottom: 0.5em;
	color: var(--Ueberschriftfarbe);
	font-size: 1em;
	text-align: left;
}

#Text_heading{
	color: var(--Ueberschriftfarbe);
	font-size: 1em;
	text-align: left;
	margin: 0;
	padding-top: 0.5em;
	padding-bottom: 0.25em;
}

#Inhalt_1{
	padding-top: 0.5em;
	color: var(--Textschriftfarbe);
	font-size: 0.75em;
	text-align: left;
}

#Inhalt_2{
	padding-top: 0.5em;
	padding-bottom: 0.5em;
	color: var(--Textschriftfarbe);
	font-size: 0.875em;
	text-align: center;
}

#Inhalt_3{
	margin-top: 1em;
	margin-bottom: 1em;
	color: var(--Textschriftfarbe);
	font-size: 0.875em;
	text-align: left;
}

#Pflichtfeld {
	color: silver;
	margin-top: 0.5em;
	font-size: 0.6em;
}	

#Footer_Ueberschrift{
	color: white;
	font-size: 1em;
	font-weight: bold;
	margin: 10px;
}

@media(min-width:600px){
	#Footer_1{
		color: white;
		font-size: 0.8em;
		margin: 10px;
	}
}

@media(max-width:600px){
	#Footer_1{
		color: white;
		font-size: 0.6em;
		margin: 5px;
	}
}

#Footer_2{
	color: white;
	font-size: 1em;
}

#Footer_3{
	color: white;
	font-size: 0.5em;
	background-color: #103045;
	border-bottom-left-radius: 2em;
	border-bottom-right-radius: 2em;
	margin: 0;
	padding-top: 0.3em;
	padding-bottom: 0.3em;
	padding-right: 2em;
	padding-left: 2em;
}

/*Klassen*/

.Uebersicht_Text{
	padding-bottom: 0.5em;
}

.Uebersicht_Text_heading{
	font-size: 1em;
	padding-bottom: 0.5em;
}