:root {
   --banner-and-adress-width: 263px;
   --color-at-the-top: #c0c0c0;
   --color-at-the-bottom: lightgrey;
   --banner-height: 100px;
   --menue-height: 110px;
}
* {padding: 0;margin: 0;color: black;font-family: Arial, Helvetica, sans-serif;}
a {cursor: pointer;}
.white_links {color: white;}
.very_small_text {font-size: small;}
html {height: 100vh;width: 100vw;}
body {height: 100%;width: 100%;display: flex;overflow: hidden;background: linear-gradient(to bottom, var(--color-at-the-top), var(--color-at-the-bottom));}
.banner_adress, .menue_main {display: inline-block;box-sizing: border-box;padding: 0;}
.banner_adress {height: 100%;}
.menue_main {width: calc (100% - 263px);}
.blitz001 {
   padding: 0 5px;
   width: 21px;
   height: 21px;
   vertical-align: middle;
}
.Stil1 {
	font-family: Arial, Helvetica, sans-serif;
	color: #0000FF;
	font-weight: bold;
	font-size: 16.5px;
}
.ueberschrift, .ueberschrift2, .ueberschrift3{
   font-weight: bold;
}
.ueberschrift{
   padding-bottom: 20px;
}
.ueberschrift2{
   padding: 10px 0 15px 0;
}
.ueberschrift3{
   padding: 15px 0 25px 0;
   font-size: 21px;
}
.main-darstellung {
   padding: 10px 0 0 30px;
}
.leistungen_links {
   display: block;
}
.leistungen_links a {
   text-decoration: underline;
   width: fit-content;
   font-weight: bold;
   font-size: 20px;
}
.leistungen_links .eintrag {
   display: block;
   padding: 10px 0;
}
.main-darstellung .kein-strich {
   text-decoration: none;
}

/* ### Oberes Menü ### */

.menue {
   display: block;
   background: linear-gradient(to right, transparent 80%, var(--color-at-the-top) 100%), url('menue_main/menue/banner.jpg');
   background-repeat: no-repeat;
   height: var(--menue-height);
   width: 1000px;
}
.menue_internal {
   padding: 40px 0 0 40px;
}
.menue a:link {
	text-decoration: none;
}
.menue a:visited {
	text-decoration: none;
	color: #0000FF;
}
.menue a:hover {
	text-decoration: none;
	color: #FF0000;
}
.menue a:active {
	text-decoration: none;
	color: #000000;
}
.menue a {
	font-family: Arial, Helvetica, sans-serif;
	color: #0000FF;
	cursor: pointer;
}

/* ### Banner ### */

.banner {
   display: block;
}

/* ### Linkes Menü ### */

.adress {
   display: block;
	background-color: #0000FF;
	background-image: url(images/back3.jpg);
	height: calc(100% - var(--banner-height));
}
.adress a:link {
	color: #FFFFFF;
	text-decoration: underline;
}
.adress a:visited {
	text-decoration: underline;
	color: #FFFFFF;
}
.adress a:hover {
	text-decoration: none;
	color: #FF0000;
}
.adress .adress_adresses {
   color: white;
   font-weight: bold;
   font-style: italic;
   font-size: 19px;
}
.adress p {
   padding: 0 0 10px 5px;
   font-size: 17px;
}
.adress .Stil1 {font-size: 16px; line-height: normal; font-weight: normal; font-variant: normal; color: #FFFFFF; font-family: Arial, Helvetica, sans-serif;}
.adress .Stil3 {font-size: 16px; font-style: normal; line-height: normal; font-weight: normal; font-variant: normal; font-family: Arial, Helvetica, sans-serif;}

/* ### Hauptteil ### */

.main {
   display: block;
	width: 80%;
	height: calc(100% - var(--menue-height));
	overflow-y: auto;
	font-size: 18px;
}
.main #Layer1 {
	position:absolute;
	width:226px;
	height:223px;
	z-index:2;
	left: 111px;
	top: 286px;
	overflow: visible;
}
.main #Layer2 {
	position:absolute;
	width:200px;
	height:115px;
	z-index:1;
	left: 161px;
	top: 287px;
}
.main .Stil1 {color: #FFFFFF}
.main .Stil3 {font-style: normal; line-height: normal; font-variant: normal; color: #000000; font-family: Arial, Helvetica, sans-serif; font-size: 16px;}
.main #Layer3 {
	position:absolute;
	width:111px;
	height:65px;
	z-index:3;
	left: 772px;
	top: 503px;
}
.main a {
	cursor: pointer;
}
.ansprechpartner .chef, .ansprechpartner .mitarbeiter {
   padding: 0 0 75px 100px;
}
.chef p, .mitarbeiter p {
   padding-bottom: 10px;
}
.chef a, .mitarbeiter a {
   color: black;
}
.historie .eintrag {
   padding-bottom: 20px;
}
.agb {
   width: 80%;
}
.agb .paragraphen {
   padding-bottom: 30px;
}
.agb .punkte {
   padding-top: 10px;
}
.main_leistungen {padding-left: 50px;}