*, *:before, *:after {
    border-width: 0px;
	-webkit-box-sizing: border-box; /* Safari/Chrome, andere WebKit-Browser */
    -moz-box-sizing: border-box; /* Firefox, andere Gecko-Browser */
    box-sizing: border-box; /* Opera/IE 8+ */
} 
html, body {
    height: 100%; 
    margin:0;
    padding:0px;
   	background: white;	
	font-size:12pt;
	color:black;	
	background-color:white;
	font-family:Verdana, Helvetica, sans-serif
}


#flex-site {
  display: flex;
  flex-direction: column;
  flex-wrap: nowrap;
  justify-content: space-between;
  align-items: normal;
  align-content: normal;
  height:100%;
  
}

.flex-site-items:nth-child(1) {
  display: block;
  flex-grow: 0;
  flex-shrink: 1;
  flex-basis: auto;
  align-self: auto;
  order: 0;
  margin-bottom:40px;
}

.flex-site-items:nth-child(2) {
  display: block;
  flex-grow: 0;
  flex-shrink: 1;
  flex-basis: auto;
  align-self: auto;
  order: 0;
}

.top-leiste{
	position:relative;z-index:9001;height:26px;top:0px;width:100%;
}


h1 {
    font-size: 24px;
    margin: 30px 0;
}

h2 {
    font-size: 22px;
    margin: 40px 0 20px 0;
}
h4{
	margin:0;padding:20px 0 0 0
}

img{
	max-width:100%
}

.image-ci {
	 text-align:center;float:right;margin-left:40px;margin-top:40px;	
}
.site-content{
	paddingxxx:90px 0 40px 0;
	padding-top:90px
}

.block {
	width:100%; 
	max-width:1040px; 
	margin:0 auto auto auto;
	padding:0 20px
}

.bBlue{
	background-color:#2F5597;
}
.tRight{
	text-align:right
}

.bg{
	border-top:2px silver solid
}
.flag{
	width:35px;
	cursor:pointer;
	z-index:9001;
	margin-top:2px;
}

.flag.de {
	margin-right:20px
	
}

.kontakt-daten span{
	
	display: inline-block;	width:50px;
}


/* NAVIGATION */
#menu {
  position: relative;
  top: 0;
  z-index: 9000;
  width: 100%;
  height:110px;
}

#menu-content {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  max-width: 1000px;
  padding:10px 0;
  -webkit-box-pack: justify;
  -webkit-justify-content: space-between;
  -ms-flex-pack: justify;
  justify-content: space-between;
  font-family: Arial, Helvetica, sans-serif;
}

#menu-content > nav > ul {
  list-style-type: none;
  margin-top:20px;

}

#menu-header {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
  -webkit-justify-content: space-between;
  -ms-flex-pack: justify;
  justify-content: space-between;
  -webkit-box-align: center;
  -webkit-align-items: center;
  -ms-flex-align: center;
  align-items: center;
}

#menu-logo {
  max-width:250px;
}

.menu-ul {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  
}

.menu-ul > li {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  margin-right:10px;
  border-radius:5px;
  width:110px;
  text-align:center;
}
.menu-link {
  -webkit-box-flex: 1;
  -webkit-flex: 1;
  -ms-flex: 1;
  flex: 1;
  text-decoration: none;
  font-size: 18px;
  -webkit-transition: 200ms;
  transition: 200ms;
  color:#2f5597;
  padding:10px 6px;
}

.menu-link:hover {
  text-decoration: underline;
  text-underline-offset: 0.2em;
  text-decoration-thickness:3px;
    font-weight: 600;
 

}

.active-link {
   text-decoration: underline;
   text-underline-offset: 0.2em;
   text-decoration-thickness:3px;
     font-weight: 600;


}

/* END NAVIGATION */

.flex-footer{
	display: -ms-flexbox;
    display: -webkit-flex;
    display: flex;
    -webkit-flex-direction: row;
    -ms-flex-direction: row;
    flex-direction: row;
    -webkit-flex-wrap: wrap;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    width:96%;
    margin:auto;
	font-size:14px;color:#84adf5;
		 -ms-flex-pack: justify;
    justify-content: space-between;
    align-items : flex-end
    
}

.flex-footer-item:first-of-type{
	flex: 0 0 250px;
  	-ms-flex: 0 0 250px;
 	-webkit-flex: 0 0 250px;
 	white-space:nowrap;
 	margin-right:50px
 	
}
.flex-footer-item:nth-of-type(2){
	flex: 1 0 235px;
  	-ms-flex: 1 0 235px;
 	-webkit-flex: 1 0 235px;
 	white-space:nowrap;
 	margin-right:20px
 	
}
.flex-footer-item:nth-of-type(3){
	flex: 0 0 115px;
  	-ms-flex: 0 0 115px;
 	-webkit-flex: 0 0 115px;
 	white-space:nowrap;
 	margin-right:0px
 	
}


.flex-footer a{
	color:#84adf5; text-decoration:none
}
.flex-footer a:hover{
	color:#84adf5; text-decoration:underline
}



.flex-footer-item p.foot{
	background: url('../images/pfeil.png')  left 2px no-repeat;
	padding-left:12px
}
.flex-footer-item dt {
            float: left;
            clear: left;
            width: 50px;
           
        }
  
  
        
  
 .mobil {
	display: none!important
}

@media screen and (max-width: 600px) {

.image-ci {
	 float:none;margin-left:0px
	
}


}             
/* MOBILE MENU */
@media screen and (max-width: 800px) {

	#menu {
	  height:75px;
	}

	#menu-logo {
	  max-width:150px;
	}


.mobil {
	display: block
}

  #menu-content {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -webkit-flex-direction: column;
    -ms-flex-direction: column;
    flex-direction: column;
    text-align: center;
  }

  .menu-button {
    padding: 4px 8px;
    background-color: #f1f1f1;
    cursor: pointer;
  }

  .menu-ul {
    display: block;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -webkit-flex-direction: column;
    -ms-flex-direction: column;
    flex-direction: column;
    overflow: auto;
    direction: rtl;
    transition: max-height 400ms;
    max-height: 80vh;
    background-color:#f1f1f1;
    padding:0px;
    

  }

.menu-ul > li {
	width:100%;
	background-color:#f1f1f1;
	color:black;    
	text-align:left;
    margin-right:0px;


}

  .menu-hide-ul {
    max-height: 0;
  }

  .menu-link {
    padding: 1rem 0 1rem 0;
    font-size: 1.3rem;
    border-bottom: 1px solid #f4f4f4;
    color:black;
    padding-left:20px;
  }

	#menu-content > nav > ul {
	
	  margin:0px;
	}

}

.menu-ico-container {
  display: inline-block;
  cursor: pointer;
}

.menu-ico1, .menu-ico2, .menu-ico3 {
  width: 25px;
  height: 4px;
  background-color: #333;
  margin: 5px 0;
  transition: 0.4s;
}

.menu-ico-click .menu-ico1 {
  -webkit-transform: rotate(-45deg) translate(-9px, 6px);
  transform: rotate(-45deg) translate(-5px, 6px);
}

.menu-ico-click .menu-ico2 {opacity: 0;}

.menu-ico-click .menu-ico3 {
  -webkit-transform: rotate(45deg) translate(-6px, -9px);
  transform: rotate(45deg) translate(-6px, -9px);
}

/* END MOBILE MENU */

/* DESKTOP MENU */
@media screen and (min-width: 801px) {

  .menu-button {
    display: none;
  }

  .menu-link {
    flex-basis: auto;
   
  }
}

/* END DESKTOP MENU */

@media print {
  .menu-ul {
    display: none;
  }
	.top-leiste{
		display:none;
	}
	#menu-logo {
	  max-width:150px;
	}


}