html
{	scroll-behavior: smooth;
	scrollbar-color: #FFFFFF #AFC7EA;
	overflow-y: scroll;
}

body
{	color: #000000;
	font-family: Arial,Verdana,"Sans serif";
	line-height: 1.5;
	font-size: 100%;
/*	overflow: hidden; */
	hyphens: auto;
	margin: 0;
}

h2
{	margin-top: 2em;
}

a
{	font-weight: bold;
	text-decoration: none;
}

li
{	padding-bottom: 0.5em;
}

.moving
{	position: fixed;
	transition: all 5s ease-in-out;
	z-index: 5;
}

.header /* Kopfbereich */
{	position: relative;
	padding: 12px 130px 1em 135px;
	min-height: 120px;
	color: #FFFFFF;
	background-color: #AFC7EA;
	font-size: 1.2em;

/*	z-index: -10; */
}

.header h1
{
	font-weight: 400;
	font-size: 35px;
	margin: 10px 0;

/*	z-index: -10; */
}


.logo
{	position: fixed;
	top: 34px;
	left: 15px;
	width: 100px;
	cursor: pointer;

	transition: all 2s ease-in-out;
}

.logo_rechts
{	position: fixed;
	top: 34px;
	right: 15px;
	width: 100px;
	cursor: pointer;
}



.hb /* Hamburger-Symbol */
{	width: 80px;
	display: block;
	position: fixed;
	top: 135px;
	right: 10px;
	cursor: pointer;
	z-index: 15; 
}

.hb, .top, .mid, .bot
{	transition: all 0.3s ease-in-out;
}

.open .top
{	transform: rotate(45deg);
	transform-origin: 17px 20px;
}

.open .mid
{	opacity: 0;
}

.open .bot
{	transform: rotate(-45deg);
	transform-origin: 10px 52px;
}


.menu /* Format des Navigations-Menus*/
{	font-weight: bold;
	font-size: 1.1em;
	background: #F0F4FB;
	opacity: 0.9;

	position: fixed;
	top: 135px;
	right: 1em;
	width: 70%;
	max-width: 18em;

	padding: 0.2em 0.4em 0.2em 50px;
	transition: opacity 0.5s;
	z-index: 15;
	box-shadow: 5px 5px 10px #8080CC;
}

a
{	color: #000080;
}

.menu hr
{	height: 1px;
	background-color: #808080;
	border: 0 none;
	margin: 0;
}

.menu label
{	cursor: pointer;
	color: #000080;
}


.toTop
{	position: fixed;
	width: 50px;
	z-index: 15;
	cursor: pointer;

	transition: all 1.5s ease-in-out;
}


 .contentFull  /*Grosse Flaechen */
{	position: relative;
	z-index: 10; 
	display: grid;
	justify-content: center;
	grid-template-columns: repeat(auto-fit, minmax(20em, 50em));
	margin-top: 1em;
	opacity: 1;
}

.contentFull > div
{	padding: 0 1em 0 1em;
	margin: 1em;
	background: #F0F4FB;
	text-align: left;
}


img
{	max-width: 100%;
}

.topBericht
{
	padding-top: 0.5em;
	background: #FFFFFF;
}

.aussenDiv
{	padding: 1em 0 1em 0;
	display: flex;
	justify-content:space-between;
}

.innenDiv
{	width: 48%;
	aspect-ratio: auto;
}


.bild
{	height: auto;
	cursor: pointer;
	opacity: 1;
}

.bild.gross
{	position: fixed;

	top: 0;
	left: 0;

	width: 100vw;
	height: 100vh;
	max-width: none;
	z-index: 15;
	opacity: 1;

	display: flex;
	justify-content: center;

	cursor: pointer;
	object-fit: contain;

	background-color: rgba(240, 240, 255, 0.7);
}

.footer
{	position: fixed;
	bottom: 0;
	width: 100%;
	text-align: center;
	color: #000000;
	background-color: #AFC7EA;
	padding: 0.5em;
	z-index: 10;
}