@media screen and (max-width: 1024px) {
	header.header-kopf {
		height: 6% !important;
	}
	
	nav.header-navbar {
		display: none !important;
	}
	
	div.seiten-inhalt {
		grid-template-columns: none !important;
		grid-template-rows: none !important;
		top: 7.5% !important;
		height: 87.5% !important;
	}
	
	div.links {
		grid-area: 2 / 1 / 3 / 2 !important;
		text-align: center;
		
	}

	div.mitte {
		grid-area: 3 / 1 / 4 / 2 !important; 
	}

	div.rechts {
		grid-area: 1 / 1 / 2 / 2 !important;
	}
	
	div.willkommenbilder {
		flex-direction: column !important;
	}
	
	ul.hori_menue {
		flex-direction: column !important;
		text-align: start !important;
	}
	
	.sslsiegel {
		text-align: left;
	}
}

a.ttinfo_lasise{
	cursor: help;
	font-weight: bold;
}

html, body {
	background-color: #DBF0F5;
	height: 100%;
	margin: 0;
	padding: 0;
}

header, nav, section, footer {
	display: block;
	}
	
header.header-kopf {
	background-color: #98D4E4;
	top: 0px;
	position: fixed !important;
	position: absolute;
	height: 12%;
	/*text-align: center;*/
	padding-top: 1%;
	width: 100%;
}
	
nav.header-navbar {
	display: block;
	bottom: 0px;
	height: 30%;
	left: 0px;
	position: absolute;
	text-align: center;
	width: 100%;
	padding-bottom: 0;
	white-space: nowrap;
}
	
footer {
	bottom: 0px;
	position: absolute;
	height: 3%;
	width: 100%;
	background-color: #35AAC8;
	align-content: center;
	}
	
a.hori_menue {
	text-decoration: none;
	padding: 0.25em 0.5em;
	background-color: #98D4E4;
	border-radius: 0.25em 0.5em;
}

a.hori_menue:hover {
	text-decoration: underline;
}
	
a.nav-link {
	padding: 0.5em;
	margin-left: 0.15em;
	margin-right: 0.15em;
	align-content: center;
	color: white;
	font-weight: bold;
	text-align: center;
	text-decoration: none;
	border-radius: 0.5em;
	background-color: #35AAC8;
	white-space: nowrap;
}

a.nav-link:hover {
	text-decoration: underline;
}

div.banner {
	text-align: center;
	margin-left: auto;
    margin-right: auto;
}

div.center {
	/*text-align: center;*/
    display: block;
    width: 60%;
    margin-left: auto;
    margin-right: auto;
}

div.download {
	text-align: left;
	display: block;
	padding: 1em;
	background-color: #F0F000;
	border-radius: 1em;
	border-width: 3px;
	border-style: dashed;
	width: max-content;
}

div.download_alt {
	text-align: left;
	display: block;
	padding: 1em;
	background-color: #8f8f00;
	border-radius: 1em;
	border-width: 3px;
	border-style: dashed;
	width: max-content;
}

div.hori_menue {
	display: flex;
	padding: 0.25em 0.5em;
	text-align: left;
}

div.hori_dropbtn1 {
	border: none;
}

div.dropdown-hori_menue{
	display: none;
}

div.hori_dropbtn1:hover .dropdown-hori_menue{
	color: red;
	display: block;
}

div.fusszeile {
	/*grid-area: 3 / 1 / 4 / 4; */
	margin-left: auto;
	margin-right: auto;
	align-content: center;
	text-align: center;
	width: 100%;
}

div.seiten-inhalt {
	display: grid;
	grid-template-columns: 1fr 3fr 0.5fr;
	grid-template-rows: 1fr;
	grid-row-gap: 10px;
	grid-column-gap: 10px;
	top: 14%;
	padding-top: 1em;
	height: 81%;
	position: relative;
	overflow: auto;
	width: 100%;
}

div.links {
	flex-grow: 0;
	grid-area: 1 / 1 / 2 / 2; 
	text-align: left;
	/*min-width: 15%;*/
}

div.mitte {
	flex-grow: 1;
	grid-area: 1 / 2 / 2 / 3; 
	text-align: left;
	margin-left: 1em;
	margin-right: 1em;
	/*min-width: 80%;*/
}

div.rechts {
	flex-grow: 0;
	grid-area: 1 / 3 / 2 / 4; 
	text-align: center;
	/*min-width: 5%;*/
}

div.willkommenbilder {
	display: flex;
	white-space: nowrap;
	width: 100%;
	margin-left: auto;
    margin-right: auto;
	text-align: center;
}

div.wbild {
	padding: 5px;
}

h3.rechts {
	text-align: right;
}

img.banner {
	size: 100%;
}

img.icon{
    width: 1em;
}

img.storry {
	border-radius: 0em 2em 0em 0em;
	width: 100%;
    max-height: 25em;
    max-width: 44em;
}

img.storry-25 {
	border-radius: 0em 2em 0em 0em;
	width: 100%;
}

li.nowrap {
	white-space: nowrap;
}

li.linkmenue {
	list-style: none;
	font-weight: bold;
}

table.b50 {
	width: 50%;
	max-width: 50%;
}

table.center {
	border-width: 3px;
	border-radius: 1em;
	margin-left: auto;
	margin-right: auto;
	padding: 1em;
	width: 100%;
}

table.links {
	text-align: start;
}

td.b50 {
	width: 50%;
	max-width: 50%;
}


td.tblBeta{
    text-align: left;
    vertical-align: top;
    padding-left: 1em;
    padding-right: 1em;
}

td.geo {
    padding-left: 1em;
    padding-right: 1em;
	white-space: nowrap;
}

td.links {
	text-align: left;
}

td.va_oben {
	vertical-align: top;
}

td.pad1{
	padding-left: 1em;
	padding-right: 1em;
}

th {
    padding-left: 1em;
    padding-right: 1em;
}

td.streckenDaten {
	
	//background-color: #FFFFFF;
	
}

td.streckenDatenGR {
	border-radius: 3em;
	background-color: #FFFFFF;
	padding: 1em;	
}

tr.titel {
	background-color: #35AAC8;
}

tr.gerade {
	background-color: #66C0D6;
}

tr.un-gerade {
	background-color: #98D4E4;
}

p {
	text-align: justify;
}

video {
    width: 100%;
    max-height: 25em;
    max-width: 44em;
	border-radius: 1em;
}

.center {
	text-align: center;
}

.sslsiegel {
	align-content: bottom;
	text-align: center;
}

.gruen{
    color: green;
}

.rot {
	color: red;
}