html {
}
/* Reset */
*{
    padding: 0px;
    margin: 0px;
}
body{
	font-size:14px;
	max-width:1000px;
	padding-right: 50px;
	font-family: "Poppins", sans-serif;
	position: relative;
}
#text_block{
	font-size:100%;
	width:100%;
	padding-top: 120px;	
}
p{	
	font-size:100%;
	width:100%;
	padding-top: 12px;
	padding-left:35px;
	margin-top: 0px;
	margin-bottom:0px;
	text-align:left;
}
h1{	
    font-size:120%; 
	width:100%;
	color: #1e1d6e;
	padding-top: 20px;
	padding-left: 35px;
	margin-top:0px;
	margin-left: 0px;
	font-weight:bold;
	text-align:left;
	vertical-align:baseline;
}
h2{ 
    font-size:105%;
	width:100%;
	color: #2258be;
	padding-top:5px;
	padding-bottom:2px;
	padding-left:0px;
	margin-top:30px;
	margin-bottom:5px;
	margin-left:35px;
	font-weight:bold;
	text-align:left;
	border-bottom:1px solid #2258be;
}
h3{
    font-size:100%;
	width:100%;
	padding-left:0px;
	margin-top:35px;
	margin-bottom:0px;
	margin-left:35px;
	font-weight:bold;
	text-align:left;
}
h5{
    font-size:100%;
	padding-left:0px;
	padding-bottom: 0px;
	margin-bottom:0px;
	margin-top:15px;
	margin-left:35px;
	font-weight:bold;
}
.emailadresse{
    width:100%;
    margin-top:0px;
    margin-bottom:0px;
    margin-left:0px;
    margin-right:30px;
    padding-left:35px;
    text-align:left;
}
.cryptedmail:after{
    content: attr(data-name) "@" attr(data-domain) "." attr(data-tld); 
}
.sitemap_h2 {
    margin-left: 20px;
    margin-top: 1px;
}
.square_blue ul{
	font-size:100%;
	width: 100%;
	margin-top:10px;
	margin-bottom:0px;
	margin-left:35px;
	text-align:left;
}
.square_blue ul li{
	padding-right:50px;
	padding-bottom: 10px; 
	padding-left: 20px;
	list-style:none;
	background:url(cpics/squ_b.webp) no-repeat 4px 4px;
}
.square_link{
	font-size:100%;
	width: 100%;
	list-style:none;
	padding-top: 4px;	
	padding-bottom: 0px;
	padding-left: 22px;
	margin-top:9px;
	margin-bottom:0px;
	margin-left:35px;
	text-align:left;
	background:url(cpics/list.webp) no-repeat;
}
.pos_1{
    width:425px; 
    height:350px;
}
.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{
    width:404px; 
    padding-bottom:15px;
    vertical-align:top; 
}
ul{
    list-style: none;
}
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;}
/* Nav menu */
.nav_style{
    position:absolute;
    top: 0px;
    left: 0px;
}
.side-menu {
}
.intro{
    width: 100%;
    padding-top: 15px;
    padding-left: 10px;
    padding-bottom: 0px;
}
.img_scale{
    scale: 75% 75%;
}
img {
    max-width: 1000px;
    height: auto;
}
.intro2{
    font-size: 85%;
    top:65px;
    padding-top: 0px;
    padding-left: 200px;
    text-align: left;
    font-style: italic;
    position: absolute;
}
.nav{
    width: 500px;
    padding-left: 0px;
    padding-top:0px;
    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: #004081;
}
.menu a:hover{
    padding-left: 50px;
    padding-right:20px;
    text-decoration: underline;
}
.subnav {
    font-size: 13px;    
    padding-top: 5px;
    padding-bottom:15px;
    text-align: left;
    background-color: #ffffff;
}
.subnav-content {
    padding-bottom: 10px;
    padding-left: 10px;
    background-color: #ffffff;
    display: none;
}
.subnav-content a {
    padding-left:50px;
    padding-right:20px;
    margin-top: 10px;  
    text-align: left;
}
.subnav:hover .subnav-content {
    display: block;
}
/* Menu Icon */
.hamb{
    cursor: pointer;
    float: left;
    padding-top: 45px;
    padding-left: 45px;
    padding-bottom: 8px;
}
.hamb-line {
    background: #36383F;
    display: block;
    height: 2px;
    position: relative;
    width: 30px;
}
.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;
} 
.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;
}
/* Responsiveness */
@media (min-width: 650px) {

#text_block{
    padding-top: 220px;	
}
.intro {
    height: 160px;
    text-align: left;
    padding-top: 35px;
    padding-left: 100px;
    background: linear-gradient(to bottom, #ffffff 0%, #edf6ff 100%);
   }
.img_scale{
    scale: 100% 100%;
}
.intro2{
    font-size: 100%;
    top: 95px;
    padding-left: 120px;
    padding-bottom: 0px;
    height:20px;
}
.nav{
    width: 1000px;   
    top:-70px;
    position: relative;	
    max-height: none;
    overflow: visible;
}
.menu li{
    font-size:100%;
    min-width: 120px;
    padding-left: 0px;
    padding-right:0px;
    padding-top: 10px;
    margin-left:0px;
    background-color: transparent;
    text-align:left;
}
.subnav {
    float: left;
}
.subnav-content {
    top: 30px;
    padding-left: 0px;
    padding-top:0px;
    padding-bottom: 20px;
    margin-top:0px;
    margin-left: 28px;
    position:absolute;
    background-color: #edf6ff;
    min-width: 150px;
    min-height:0px;
}
.subnav-content a {
	padding-left: 10px;
    padding-top: 5px;
	margin-top: 5px;
}
.subnav-content a:hover {
    padding-left:10px;
    padding-top: 5px;
}
.subnav:hover .subnav-content {
    padding-left:10px;
    padding-top:5px;
}
.hamb{
      display: none;
}
}