 
 html {
}
/* Reset */
*{
  margin: 0px;
  padding: 0px;
}


p{	
	margin-top: 0px;
	padding-top: 12px;
	padding-left:35px;
	text-align:left;
	font-size:100%;
	margin-bottom:0px;
	width:100%;
}
h1{	
	padding-top: 20px;
	padding-left: 35px;
	margin-top:0px;
	margin-left: 0px;
	font-size:120%; 
	font-weight:bold;
	/*color:#000000;*/
	color: #1e1d6e;
	text-align:left;
	vertical-align:baseline;
	width:100%;
}
h2
{ font-size:105%;
/*	color:#4d7abf;*/
/*	border-bottom:1px solid #89A6DC;*/
	color: #2258be;
	border-bottom:1px solid #2258be;
	font-weight:bold;
	margin-top:30px;
	margin-bottom:5px;
	margin-left:35px;
	padding-top:5px;
	padding-bottom:2px;
	padding-left:0px;
	width:100%;
	text-align:left;
}
h3
{font-size:100%;
	font-weight:bold;
	margin-top:35px;
	margin-bottom:0px;
	margin-left:35px;
	/*margin-right:30px;*/
	width:100%;
	text-align:left;
	padding-left:0px;
}
h4{font-size:100%;margin-left:8px;margin-top:-8px;padding-bottom:8px;padding-left:5px;border-bottom:1px solid #7CB3F1;text-align:center;vertical-align:middle;}
h5
{font-size:100%;
	font-weight:bold;
	margin-bottom:0px;
	margin-top:15px;
	margin-left:35px;
	/*margin-right:30px;*/
	padding-left:0px;
	padding-bottom: 0px;
}
h6{font-size:100%; font-weight:bold;color:#800000;margin-bottom:2px;margin-top:6px;margin-left:8px;text-align:left;padding-left:5px;}
.emailadresse{text-align:left;margin-top:0px;margin-bottom:0px;margin-left:0px;margin-right:30px;padding-left:35px;width:100%;}
.cryptedmail:after { content: attr(data-name) "@" attr(data-domain) "." attr(data-tld); }
.sitemap_h2 {margin-left: 20px;margin-top: 1px;}
.LinkListe{
	top: 210px;
	font-size:100%;
	margin-left:0px;
	margin-top:30px;
	margin-bottom:8px;
	padding-bottom:8px;
	padding-left:35px;
	border-bottom:1px solid #7CB3F1;
	width: 100%;
	text-align:left;
	vertical-align:bottom;
}
.square_blue ul{
	font-size:100%;
	margin-top:10px;
	margin-bottom:0px;
	margin-left:35px;
	text-align:left;
	width: 100%;
}
.square_blue ul li{
	background:url(cpics/squ_b.webp) no-repeat 4px 4px;
	list-style:none;
	padding-right:50px;
	padding-bottom: 10px; 
	padding-left: 20px;
}
.square_link{
	background:url(cpics/list.webp) no-repeat;
	list-style:none;
	margin-top:9px;
	margin-bottom:0px;
	margin-left:35px;
	text-align:left;
	padding-top: 4px;	
	padding-bottom: 0px;
	padding-left: 22px;
	font-size:100%;
	width: 100%;
}
.square_link_pdf{
	background:url(cpics/list.webp) no-repeat;
	background-position: left center;
	list-style:none;
	margin-top:20px;
	margin-bottom:0px;
	margin-left:35px;
	text-align:left;
	padding-top: 0px;	
	padding-bottom: 0px;
	padding-left: 22px;
	font-size:100%;
	width: 100%;
}
a{text-decoration:none;font-weight:normal;font-variant:normal;}
a:link{color:#285ED9;}
a:visited{color:#285ED9;}
a:hover{text-decoration:underline;}
a:active{text-decoration:underline;color:#285ED9;}
/*maps*/
.pos_1{width:425px; height:350px;}
/*  */
/*Impressum*/
.table{width:544px; 
	padding-top:16px; 
	padding-left:22px; 
	padding-bottom:5px; 
	margin-left:35px;
}
.table_cont_1{vertical-align:top; width:140px;}
.table_cont_2{vertical-align:top; width:404px; padding-bottom:15px}
a{
  text-decoration: none;
}
ul{
  list-style: none;
}
/* Header */
/* Background*/

body{
	font-family: "Poppins", sans-serif;
	position: relative;
	font-size:14px;
	max-width:1000px;
	padding-right: 50px;
}

#text_block{
/*	display: block;*/
	font-size:100%;
	padding-top: 120px;	
	width:100%;
}
.intro {
  width: 100%;
  padding-top: 15px;
  padding-left: 10px;
  padding-bottom: 0px;
  
}
.img_scale{
  scale: 75% 75%;
}
.intro2{
  position: absolute;
  top:65px;
  padding-top: 0px;
  padding-left: 200px;
  text-align: left;
  font-size: 85%;
  font-style: italic;
}

img {
  max-width: 1000px;
  height: auto;
}

/* Nav menu */
.nav_style{
  position:absolute;
  top: 0px;
  left: 0px;
}
.nav{
  padding-left: 0px;
  padding-top:0px;
  width: 500px;
  max-height: 0px;
  transition: max-height .5s ease-out;
  overflow: hidden;
}
.menu a{
  font-size: 100%;
  padding-left: 50px;
  padding-right:20px;
  display: block;
  color: #393a3b;
}
.menu a:hover{
  padding-left: 50px;
  padding-right:20px;
  color: #393a3b;
  text-decoration: underline;
  color: #0a3ce1;
}
.mainmenu{
}
/*Unterverzeichnis*/
.subnav {
  background-color: #ffffff;
  color: #393a3b;
  text-align: left;
  padding-top: 5px;
  padding-bottom:15px;
  font-size: 13px;
}
.subnav-content {
  background-color: #ffffff;
  display: none;
  padding-bottom: 10px;
  padding-left: 10px;
}
.subnav-content a {
  color: #004081;
  text-align: left;
  padding-left:50px;
  padding-right:20px;
  margin-top: 10px;
}
.subnav:hover .subnav-content {
  display: block;
}
/* Responsiveness */
@media (min-width: 650px) {

#text_block{
/*	display: block;*/
	font-size:100%;
	padding-top: 220px;	
	width:100%;
}
body{
	font-family: "Poppins", sans-serif;
	font-size:14px;
	max-width:1000px;
	padding-right: 50px;
}
.intro {

   background: linear-gradient(to bottom, #ffffff 0%, #edf6ff 100%);
   height: 160px;
   text-align: left;
   width: 100%;
   padding-top: 35px;
   padding-left: 100px;
   }
.img_scale{
  scale: 100% 100%;
}

.intro2{
  position: absolute;
  top: 95px;
  padding-left: 120px;
  padding-bottom: 0px;
  text-align: left;
  font-size: 100%;
  font-style: italic;
  height:20px;
}

/* Nav menu */
.nav_style{
}
.nav{
   position: relative;	
   max-height: none;
   top:-70px;
   width: 1000px;   
/*   height: 80px;*/
   overflow: visible;
}
   
.mainmenu{
}

.menu li{
  margin-left:0px;
  padding-left: 0px;
  padding-right:0px;
  padding-top: 10px;
  background-color: transparent;
  min-width: 120px;
  font-size:100%;
  text-align:left;

}
.menu a:hover{
  text-decoration: underline;
  color: #0a3ce1;
  }
.hamb{
      display: none;
}
.subnav {
  float: left;
}
.subnav-content {
  padding-left: 0px;
  position:absolute;
  top: 30px;
  background-color: #edf6ff;
  min-width: 150px;
  padding-left: 0px;
  padding-top:0px;
  padding-bottom: 20px;
  margin-top:0px;
  margin-left: 28px;
  min-height:0px;
  
}
.subnav-content a {
    color: #004081;
    text-align: left;
	padding-left: 10px;
    padding-top: 5px;
	margin-top: 5px;
}
.subnav-content a:hover {
  color: #004081;
  text-align: left;
  padding-left:10px;
  padding-top: 5px;
}
.subnav:hover .subnav-content {
  display: block;
  padding-left:10px;
  padding-top:5px;

}
  
}


/* Menu Icon */
.hamb{
  cursor: pointer;
  float: left;
  padding-top: 45px;
  padding-left: 45px;
  padding-bottom: 8px;
}/* Style label tag */
.hamb-line {
  background: #36383F;
  display: block;
  height: 2px;
  position: relative;
  width: 30px;
} /* Style span tag */
.hamb-line::before,
.hamb-line::after{
  background: #36383F;
  content: '';
  display: block;
  height: 100%;
  position: absolute;
  transition: all .2s ease-out;
  width: 100%;
}
.hamb-line::before{
  top: 7px;
}
.hamb-line::after{
  top: -7px;
}
.side-menu {
  display: none;
} /* Hide checkbox */
/* Toggle menu icon */
.side-menu:checked ~ nav{
  max-height: 100%;
}
.side-menu:checked ~ .hamb .hamb-line {
  background: transparent;
}
.side-menu:checked ~ .hamb .hamb-line::before {
  transform: rotate(-45deg);
  top:0;
}
.side-menu:checked ~ .hamb .hamb-line::after {
  transform: rotate(45deg);
  top:0;
}
