/* allgemeines */

	body {
		margin: 0em;
		padding: 0em 0.5em 0.5em 0.5em;
		text-align: center;
		font-family: arial;
		font-size: 1.25em;
		color: #000000;
		background-color: #dddddd;
	}

/* ende allgemeines */

/* header */

	@media (min-width: 56em) {

		header {
			margin: 0em auto;
			padding: 0em;
			height: 24em;
			max-width: 64em;
			background-color: #ffffff;
		}
		
			#header-links {
				float: left;
				margin: 0em;
				padding: 0em;
				width: 25%;
				background-color: #47848d;
			}
			
				#header-links-oben {
					height: 14em;
					background-color: #ffffff;
					border-radius: 0em 0em 0em 2em;
				}
				
					#header-links-oben img {
						margin-top: 4em;
						width: 75%;
					}
				
				#header-links-unten {
					height: 2em;
					background-color: #47848d;
				}
				
					#header-links-unten ul {
						display: none;
					}
				
			#header-mitte {
				float: left;
				margin: 0em;
				padding: 0em;
				height: 20em;
				width: 50%;
			}
			
				#header-mitte img {
						margin: 0em;
						padding: 0em;
						height: 20em;
						width: 100%;
						object-fit: cover;
					}
			
			#header-rechts {
				float: left;
				margin: 0em;
				padding: 0em;
				width: 25%;
				background-color: #47848d;
			}
			
				#header-rechts-oben {
					height: 14em;
					background-color: #ffffff;
					border-radius: 0em 0em 2em 0em;
				}
				
				#header-rechts-unten {
					padding: 0em;
					height: 2em;
					background-color: #47848d;
				}
				
					#header-rechts-unten ul {
						margin: 0em;
						padding: 0.25em 1em;
					}
						
						.header-rechts-unten-li {
							padding: 0em;
							list-style-type: none;
							display: inline-block;
						}
							
							.header-rechts-unten-li a {
								color: #ffffff;
								text-decoration: none;
							}
								
								.header-rechts-unten-li a:hover {
									text-decoration: underline dotted;
								}
									
									.header-rechts-unten-li a:active {
										text-decoration: underline solid;
									}
							
							#header-rechts-unten-li {
								list-style-type: none;
								display: inline-block;
								color: #ffffff;
							}
							
	}

	@media (max-width: 56em) and (min-width: 40em){

		header {
			margin: 0em auto;
			padding: 0em;
			height: 20em;
			max-width: 64em;
			background-color: #ffffff;
		}
		
			#header-links {
				float: left;
				margin: 0em;
				padding: 0em;
				width: 35%;
				background-color: #47848d;
			}
			
				#header-links-oben {
					height: 14em;
					background-color: #ffffff;
					border-radius: 0em 0em 0em 2em;
				}
				
					#header-links-oben img {
						margin-top: 4em;
						width: 75%;
					}
				
				#header-links-unten {
					height: 2em;
					background-color: #47848d;
				}
				
					#header-links-unten ul {
						margin: 0em;
						padding: 0.25em 1em;
					}
						
						.header-links-unten-li {
							padding: 0em;
							list-style-type: none;
							display: inline-block;
						}
							
							.header-links-unten-li a {
								color: #ffffff;
								text-decoration: none;
							}
								
								.header-links-unten-li a:hover {
									text-decoration: underline dotted;
								}
									
									.header-links-unten-li a:active {
										text-decoration: underline solid;
									}
							
							#header-links-unten-li {
								list-style-type: none;
								display: inline-block;
								color: #ffffff;
							}
				
			#header-mitte {
				float: left;
				margin: 0em;
				padding: 0em;
				height: 16em;
				width: 65%;
				background-color: #47848d;
			}
			
				#header-mitte img {
					margin: 0em;
					padding: 0em;
					height: 14em;
					width: 100%;
					object-fit: cover;
				}
			
			#header-rechts {
				display: none;
			}
							
	}
	
	@media (max-width: 40em) {

		header {
			margin: 0em auto;
			padding: 0em;
			height: 14em;
			max-width: 64em;
			background-color: #ffffff;
		}
		
			#header-links {
				margin: 0em;
				padding: 0em;
				width: 100%;
				background-color: #47848d;
			}
			
				#header-links-oben {
					height: 6em;
					background-color: #ffffff;
				}
				
					#header-links-oben img {
						margin-top: 1em;
						height: 4em;
					}
				
				#header-links-unten {
					display: none;
				}
				
			#header-mitte {
				margin: 0em;
				padding: 0em;
				height: 8em;
				background-color: #47848d;
			}
			
				#header-mitte img {
					margin: 0em;
					padding: 0em;
					height: 8em;
					width: 100%;
					object-fit: cover;
					border-radius: 0em 0em 2em 2em;
				}
			
			#header-rechts {
				display: none;
			}

	}

/* ende header */

/* inhalt*/

	#inhalt {
		margin: 0em auto;
		padding: 0em;
		max-width: 64em;
		min-height: 16em;
		background-color: #ffffff;
	}

	
	@media (min-width: 56em) {
		
		/* nav */
			
			nav {
				float: left;
				margin: 0em;
				padding: 0em;
				width: 25%;
			}
			
				#nav-label {
						display: none;
					}
					
						#nav-input {
							display: none;
						}
			
							#nav-ul {
								margin: 0em;
								padding: 0em;
							}
							
								nav li {
									margin: 0em;
									padding: 0.25em 1em;
									list-style-type: none;
									border-top: 0.05em #cccccc solid;
									text-align: left;
								}
								
									nav a {
										color: #000000;
										text-decoration: none;
									}
									
										#aktuell-nav {
											font-weight: bold;
											color: #47848d;
										}
										
											#aktuell-nav li {
												background-color: #b9d0d4;
											}
								
		/* ende nav */
								
			#inhalt-mitte {
				margin: 0em 0em 0em 25%;
				padding: 0em 0em 1em 0em;
				width: 50%;
				background-color: #ffffff;
				text-align: left;
			}
			
				.inhalt-abschnitt {
					padding: 0.25em 1em;
				}
			
					.inhalt-abschnitt h1 {
						margin: 0em;
						padding: 0em;
						font-size: 1em;
						line-height: 1.25em;
						color: #47848d;
					}
					
					.inhalt-abschnitt h2 {
						margin: 0em;
						padding: 0em;
						font-size: 1em;
						line-height: 1.25em;
						color: #47848d;
					}
					
					.inhalt-abschnitt h3 {
						margin: 0em;
						padding: 0em;
						font-size: 1em;
						line-height: 1.25em;
						color: #000000;
					}
					
					.inhalt-abschnitt p {
						margin: 0em;
						padding: 1em 0em 0em 0em;
						font-size: 1em;
						line-height: 1.25em;
						color: #000000;
					}
					
					.inhalt-abschnitt img {
						margin: 0em 1em 0em 0em;
						padding: 0em;
						height: 8em;
						float: left;
					}
					
					.inhalt-abschnitt a {
						color: #47848d;
						text-decoration: none;
					}
					
						.inhalt-abschnitt a:hover {
							text-decoration: underline dotted;
						}
						
							.inhalt-abschnitt a:active {
								text-decoration: underline solid;
							}
							
							.inhalt-abschnitt-eintrag {
								height: 8em;
								border-bottom: 0.05em #000000 solid;
							}
							
								.inhalt-abschnitt-eintrag-links {
									float: left;
									width: 30%;
								}
								
									.inhalt-abschnitt-eintrag-links img {
										margin: 1em 0em 0em 0em;
										width: 90%;
										max-width: 6em;
										max-height: 6em;
									}
								
								.inhalt-abschnitt-eintrag-rechts {
									float: left;
									width: 70%;
								}
								
									.inhalt-abschnitt-eintrag-rechts {
										margin: 1em 0em 0em 0em;
										height: 6em;
									}
			
			#inhalt-rechts {
				float: right;
				margin: 0em;
				padding: 0em;
				width: 25%;
				background-color: #134a85;
			}
				
	}

	@media (max-width: 56em) and (min-width: 40em){
			
		/* nav */
			
			nav {
				float: left;
				margin: 0em;
				padding: 0em;
				width: 35%;
			}
			
				#nav-label {
						display: none;
					}
					
						#nav-input {
							display: none;
						}
			
							#nav-ul {
								margin: 0em;
								padding: 0em;
							}
				
								nav li {
									margin: 0em;
									padding: 0.25em 1em;
									list-style-type: none;
									border-top: 0.05em #cccccc solid;
									text-align: left;
								}
								
									nav a {
										color: #000000;
										text-decoration: none;
									}
									
										#aktuell-nav {
											font-weight: bold;
											color: #47848d;
										}
										
											#aktuell-nav li {
												background-color: #b9d0d4;
											}
								
		/* ende nav */
		
			#inhalt-mitte {
				margin: 0em 0em 0em 35%;
				padding: 0em 0em 1em 0em;
				width: 65%;
				background-color: #ffffff;
				text-align: left;
			}
			
				.inhalt-abschnitt {
					padding: 0.25em 1em;
				}
			
					.inhalt-abschnitt h1 {
						margin: 0em;
						padding: 0em;
						font-size: 1em;
						line-height: 1.25em;
						color: #47848d;
					}
					
					.inhalt-abschnitt h2 {
						margin: 0em;
						padding: 0em;
						font-size: 1em;
						line-height: 1.25em;
						color: #47848d;
					}
					
					.inhalt-abschnitt h3 {
						margin: 0em;
						padding: 0em;
						font-size: 1em;
						line-height: 1.25em;
						color: #000000;
					}
					
					.inhalt-abschnitt p {
						font-size: 1em;
						line-height: 1.25em;
						color: #000000;
					}
					
					.inhalt-abschnitt img {
						margin: 0em 1em 0em 0em;
						padding: 0em;
						height: 8em;
						float: left;
					}
					
					.inhalt-abschnitt a {
						color: #47848d;
						text-decoration: none;
					}
					
						.inhalt-abschnitt a:hover {
							text-decoration: underline dotted;
						}
						
							.inhalt-abschnitt a:active {
								text-decoration: underline solid;
							}
							
							.inhalt-abschnitt-eintrag {
								height: 8em;
								border-bottom: 0.05em #000000 solid;
							}
							
								.inhalt-abschnitt-eintrag-links {
									float: left;
									width: 30%;
								}
								
									.inhalt-abschnitt-eintrag-links img {
										margin: 1em 0em 0em 0em;
										width: 90%;
										max-width: 6em;
										max-height: 6em;
									}
								
								.inhalt-abschnitt-eintrag-rechts {
									float: left;
									width: 70%;
								}
								
									.inhalt-abschnitt-eintrag-rechts {
										margin: 1em 0em 0em 0em;
										height: 6em;
									}
			
			#inhalt-rechts {
				display: none;
			}
			
			
	}
		
		@media (max-width: 40em) {
			
			#nav-label {
						margin: 0em;
						padding: 0.25em 0em 0em 0em;
						height: 1.75em;
						display: block;
						cursor: pointer;
						color: #ffffff;
						background-color: #47848d;
					}
					
					#nav-label:hover {
						text-decoration: underline dotted;
					}
					
						#nav-input {
							display: none;
						}
						
							#nav-ul {
								display: none;
							}
							
								#nav-input:checked~#nav-ul {
									margin: 0em;
									padding: 0em;
									left: 0em;
									right: 0em;
									display: block;
									background-color: #ffffff;
								}
								
									nav li {
											margin: 0em;
											padding: 0.25em 1em;
											list-style-type: none;
											border-top: 0.05em #cccccc solid;
											text-align: left;
										}
										
											nav a {
												color: #000000;
												text-decoration: none;
											}
											
												#aktuell-nav {
													font-weight: bold;
													color: #47848d;
												}
												
													#aktuell-nav li {
														background-color: #b9d0d4;
													}
			
		
	
	/* ende nav */
	
		#inhalt-mitte {
				margin: 0em;
				padding: 1em 0em 1em 0em;
				background-color: #ffffff;
				text-align: left;
			}
			
				.inhalt-abschnitt {
					padding: 0.25em 1em;
				}
			
					.inhalt-abschnitt h1 {
						margin: 0em;
						padding: 0em;
						font-size: 1em;
						line-height: 1.25em;
						color: #47848d;
					}
					
					.inhalt-abschnitt h2 {
						margin: 0em;
						padding: 0em;
						font-size: 1em;
						line-height: 1.25em;
						color: #47848d;
					}
					
					.inhalt-abschnitt h3 {
						margin: 0em;
						padding: 0em;
						font-size: 1em;
						line-height: 1.25em;
						color: #000000;
					}
					
					.inhalt-abschnitt p {
						font-size: 1em;
						line-height: 1.25em;
						color: #000000;
					}
					
					.inhalt-abschnitt img {
						margin: 0em 1em 0em 0em;
						padding: 0em;
						height: 8em;
						float: left;
					}
					
					.inhalt-abschnitt a {
						color: #47848d;
						text-decoration: none;
					}
					
						.inhalt-abschnitt a:hover {
							text-decoration: underline dotted;
						}
						
							.inhalt-abschnitt a:active {
								text-decoration: underline solid;
							}
							
							.inhalt-abschnitt-eintrag {
								height: 8em;
								border-bottom: 0.05em #000000 solid;
							}
							
								.inhalt-abschnitt-eintrag-links {
									float: left;
									width: 30%;
								}
								
									.inhalt-abschnitt-eintrag-links img {
										margin: 1em 0em 0em 0em;
										width: 90%;
										max-width: 6em;
										max-height: 6em;
									}
								
								.inhalt-abschnitt-eintrag-rechts {
									float: left;
									width: 70%;
								}
								
									.inhalt-abschnitt-eintrag-rechts {
										margin: 1em 0em 0em 0em;
										height: 6em;
									}
			
			#inhalt-rechts {
				display: none;
			}
			
		}
		
	#table-fahrplanliste {
		width: 100%;
	}
	
		#table-fahrplanliste tr {
			width: 100%;
		}
		
			#table-fahrplanliste td {
				
			}
				.table-fahrplanliste-1 {
					width: 15%;
				}
			
					.table-fahrplanliste-nr {
						padding: 0.25em 0em;
						text-align: center;
						width: 2.5em;
						color: #ffffff;
						font-weight: bold;
						background-color: #134a85;
						border-radius: 0.5em;
					}
				
				.table-fahrplanliste-2 {
					width: 55%;
				}
				
				.table-fahrplanliste-3 {
					width: 30%;
				}

/* ende inhalt */

/* kontaktformular */

			#kontaktformular {
				margin: 0em;
				padding: 0em;
				background-color: #ffffff;
			}
			
				#kontaktformular form {
					margin: 0em;
					padding: 0em;
				}
				
					#kontaktformular-name {
						height: 3em;
					}
					
						#kontaktformular-name-label {
							width: 100%;
						}
						
							#kontaktformular-name-input {
								width: 100%;
								font-size: 1em;
								font-family: arial;
								border: 0.1em solid #dddddd;
							}
							
							#kontaktformular-name-input:focus {
								outline: none;
								border: 0.1em solid #47848d;
							}
					
					#kontaktformular-email {
						height: 3em;
					}
					
						#kontaktformular-email-label {
							width: 100%;
						}
						
							#kontaktformular-email-input {
								width: 100%;
								font-size: 1em;
								font-family: arial;
								border: 0.1em solid #dddddd;
							}
							
							#kontaktformular-email-input:focus {
								outline: none;
								border: 0.1em solid #47848d;
							}
					
					#kontaktformular-nachricht {
						height: 8em;
					}
					
						#kontaktformular-nachricht-label {
							width: 100%;
							text-align: left;
						}
						
							#kontaktformular-nachricht-textarea {
								height: 6em;
								width: 100%;
								resize: none;
								font-size: 1em;
								font-family: arial;
								border: 0.1em solid #dddddd;
							}
							
							#kontaktformular-nachricht-textarea:focus {
								outline: none;
								border: 0.1em solid #47848d;
							}
					
					#kontaktformular-hinweise {
						height: 9em;
					}
					
						#kontaktformular-hinweise p {
							
						}
					
					#kontaktformular-absenden {
						height: 2em;
					}
					
						#kontaktformular-absenden-button {
							padding: 0.25em 1em;
							font-size: 1em;
							color: #ffffff;
							background-color: #47848d;
							border-color: #ffffff;
						}
						
						#kontaktformular-absenden-button:hover {
							color: #47848d;
							background-color: #ffffff;
							border-color: #47848d;
						}
	
	/* ende kontaktformular */

/* footer*/

	footer {
		margin: 0em auto;
		padding: 0em;
		height: 1em;
		max-width: 64em;
		background-color: #47848d;
		border-radius: 0em 0em 1em 1em;
	}

/* ende footer */