/* ------------------Fonts---------------- */

@font-face{
	
	font-family: 'marck script';
	font-style:normal;
	font-weight:400;
	src:    url(../fonts/MarckScript/MarckScript-Regular.eot) format('embedded-opentype');
	src: local('../fonts/MarckScript/MarckScript-Regular'),
   url(../fonts/MarckScript/MarckScript-Regular.ttf) format('truetype'),
   url(../fonts/MarckScript/MarckScript-Regular.eot) format('embedded-opentype'),
   url(../fonts/MarckScript/MarckScript-Regular.eot?#iefix) format('embedded-opentype'),  
   url(../fonts/MarckScript/MarckScript-Regular.woff) format('woff'),
   url(../fonts/MarckScript/MarckScript-Regular.woff2) format('woff2'),
   url(../fonts/MarckScript/MarckScript-Regular.svg) format('svg');
		
}

@font-face{
	
	font-family: 'bruno ace';
	font-style:normal;
	font-weight:400;
	src:    url(../fonts/BrunoAce/BrunoAce-Regular.eot) format('embedded-opentype');
	src: local('../fonts/BrunoAce/BrunoAce-Regular'),
   url(../fonts/BrunoAce/BrunoAce-Regular.ttf) format('truetype'),
   url(../fonts/BrunoAce/BrunoAce-Regular.eot) format('embedded-opentype'),
   url(../fonts/BrunoAce/BrunoAce-Regular.eot?#iefix) format('embedded-opentype'),  
   url(../fonts/BrunoAce/BrunoAce-Regular.woff) format('woff'),
   url(../fonts/BrunoAce/BrunoAce-Regular.woff2) format('woff2'),
   url(../fonts/BrunoAce/BrunoAce-Regular.svg) format('svg');
		
}

@font-face{
	
	font-family: 'dosis';
	font-style:normal;
	font-weight:400;
	src:    url(../fonts/Dosis/Dosis.eot) format('embedded-opentype');
	src: local('../fonts/Dosis/Dosis'),
   url(../fonts/Dosis/Dosis.ttf) format('truetype'),
   url(../fonts/Dosis/Dosis.eot) format('embedded-opentype'),
   url(../fonts/Dosis/Dosis.eot?#iefix) format('embedded-opentype'),  
   url(../fonts/Dosis/Dosis.woff) format('woff'),
   url(../fonts/Dosis/Dosis.woff2) format('woff2'),
   url(../fonts/Dosis/Dosis.svg) format('svg');
		
}

@font-face{
	
	font-family: 'Julius Sans One';
	font-style:normal;
	font-weight:400;
	src:    url(../fonts/JuliusSansOne/JuliusSansOne-Regular.eot) format('embedded-opentype');
	src: local('../fonts/JuliusSansOne/JuliusSansOne-Regular'),
   url(../fonts/JuliusSansOne/JuliusSansOne-Regular.ttf) format('truetype'),
   url(../fonts/JuliusSansOne/JuliusSansOne-Regular.eot) format('embedded-opentype'),
   url(../fonts/JuliusSansOne/JuliusSansOne-Regular.eot?#iefix) format('embedded-opentype'),  
   url(../fonts/JuliusSansOne/JuliusSansOne-Regular.woff) format('woff'),
   url(../fonts/JuliusSansOne/JuliusSansOne-Regular.woff2) format('woff2'),
   url(../fonts/JuliusSansOne/JuliusSansOne-Regular.svg) format('svg');
		
}

@font-face{
	
	font-family: 'League Script';
	font-style:normal;
	font-weight:400;
	src:    url(../fonts/LeagueScript/LeagueScript-Regular.eot) format('embedded-opentype');
	src: local('../fonts/JuliusSansOne/JuliusSansOne-Regular'),
   url(../fonts/LeagueScript/LeagueScript-Regular.ttf) format('truetype'),
   url(../fonts/LeagueScript/LeagueScript-Regular.eot) format('embedded-opentype'),
   url(../fonts/LeagueScript/LeagueScript-Regular.eot?#iefix) format('embedded-opentype'),  
   url(../fonts/LeagueScript/LeagueScript-Regular.woff) format('woff'),
   url(../fonts/LeagueScript/LeagueScript-Regular.woff2) format('woff2'),
   url(../fonts/LeagueScript/LeagueScript-Regular.svg) format('svg');
		
}


/* ------------------Grundaufbau---------------- */


body,html{	max-width:100%;
			padding:0;
			margin:0 auto;
			overflow:auto;
			font-size: 100.1% !Important;	
			font: 100.1%;	
			background-color:#E9EDEA;

			flex-direction:column;			
			}
.bodyDiv
{
	max-width:100%;
	top:200px;
	height:auto;
	margin:0 auto;
	font-size: 100.1% !Important;
	overflow:hidden;
	margin:0 auto;
	
}	



		
.header {
    background-color: #E9EDEA;
    width: 100%; 
	height: 150px;
    position: fixed;
	padding:0;
	z-index:10;	
}


.main{width:90%;margin:0 auto;background-color:#E9EDEA;margin-bottom:5%;} @media screen and (max-width: 950px) {.main {width:95%;}}

.submain{width:80%;margin:0 auto;background-color:#E9EDEA;margin-bottom:5%;padding:5%;margin-top:2%;}

@media screen and (max-width: 1950px) { .submain{margin-top:120px;}}
@media screen and (max-width: 950px) { .submain{margin-top:150px;}}
@media screen and (max-width: 550px) { .submain{margin-top:200px;}}



.hr{
  width: 100%;
  height: 150px;
  border-bottom: 3px solid;
  border-image: linear-gradient(to right, #FFFF00, #8B008B) 1;
  border-image-slice: 1;
  z-index:10;
}


#Logo{
	position:fixed;
	margin:0;
	left:0;
	top:0;
	padding:0;
	float:left;
}

#Logo a{
	
	text-decoration:none;
}
/* ------------------überschriften---------------- */

h1{
	font-family: 'bruno ace';
	font-size:25pt;
	color:black;
	text-align:center;
	margin: 0 auto;
	padding:2% 0  0 2%;
	}

h2{
	font-family: 'bruno ace';
	font-size:20pt;
	color:black;
	text-align:center;
	margin: 0 auto;
	padding:0 0 0 2%;
	}	
h3{
	font-family: 'Dosis';
	font-size:20pt;
	font-weight:bold;
	font-style:italic;
	color:black;
	text-align:left;
	margin: 0 auto;
	}		

h4{
	font-family: 'Dosis';
	font-size:24pt;
	font-weight:bold;
	color:black;
	text-align:left;
	margin: 0 auto;
	}	
	
h5{
	font-family: 'Dosis';
	font-size:18pt;
	font-weight:bold;
	color:black;
	text-align:left;
	margin: 0 auto;
	padding:2% 0 0 0;
	}	

h6{
	font-family: 'Dosis';
	font-size:24pt;
	font-weight:bold;
	color:black;
	text-align:center;
	margin: 0 auto;
	padding:2%;
	}	
	
	
@media screen and (max-width: 1850px) {
	h1 {font-size:23pt;padding:2%;}
	h2 {font-size:17pt;padding:1%;}
}

@media screen and (max-width: 950px) {
	h1 {font-size:21pt;padding:2%;}
}

@media screen and (max-width: 550px) {
	h1 {font-size:20pt;padding:2%;}
}
/* ------------------texte---------------- */
@media screen and (max-width: 950px) { .text1, .text1 p, .text2, .text3, .text4{font-size:16pt;}}
@media screen and (max-width: 550px) { .text1, .text1 p, .text2, .text3, .text4{font-size:14pt;}}

.text1{	
	font-family: 'Dosis', sans-serif;
	font-size:18pt;
	color:black;
	text-align:center;
	margin: 0 auto;
	padding:2%;
	}
.text1 img{	
 padding:3%;
}	
.text1 p{	
	width:55%;
	font-family: 'Dosis', sans-serif;
	font-size:18pt;
	color:black;
	text-align:justify;
	margin: 0 auto;
	padding:2%;
	line-height:1.5;

	}
	
.text1 b{	

	font-size:24pt;
	font-family:'bruno ace';
	
}

@media screen and (max-width: 1850px) { .text1 b{font-size: 20pt;} .text1 img{width:70%;} .text1 p{width:95%;}}
@media screen and (max-width: 950px) { .text1 b{font-size: 20pt;} .text1 img{width:80%;}}
@media screen and (max-width: 550px) { .text1 b{font-size: 16pt;} .text1 img{width:100%;}}

.text2{	
	font-family: 'Dosis', sans-serif;
	width:70%;
	font-size:18pt;
	color:black;
	text-align:center;
	margin: 0 auto;
	padding:2% 0 0 2%;
	}
	
.text2 p{ padding:2%;line-height:2;}

.text2 a{ cursor:pointer;text-decoration:none; color:black;}
.text2 a:hover{ text-decoration:underline; color:#2A2A2A;}
.text4 a{ cursor:pointer;text-decoration:none; color:black;}
.text4 a:hover{ text-decoration:underline; color:#2A2A2A;}

@media screen and (max-width: 950px) { .text2 img{width:100%;} .text2 p{clear:both; width:100%; padding:2%;}}
@media screen and (max-width: 550px) { .text2 img{width:100%;} .text2 p{clear:both; width:100%; padding:2%; line-height:1.5;}}

.zitat{
	padding:2%;
	font-family: 'Dosis', sans-serif;
	font-size:22pt;
	text-align: center;
	margin:0 auto;
	
}
.obertext{padding:2% 0 2% 0;}
.obertext img{float:left;}

.obertext2{padding:0;width:100%;}
.obertext2 img{float:left;margin-right:2%;width:5%;}

.bildbox{padding:10% 0 10% 0;}
.bildbox img{float:left;}

.bildbox2{padding:2% 0 10% 0;}
.bildbox2 img{float:right; padding-left:2%;width:40%;}

@media screen and (max-width: 1250px) { .text6 img{clear:both;width:50%;} .text7 img{clear:both;width:50%;} .obertext{width:100%;} .obertext img{clear:both;width:100%;} .bildbox img{clear:both; width:60%;} .obertext2 p{font-size:19pt;}}
@media screen and (max-width: 950px) {.bildbox img{clear:both; width:80%;} .obertext2 img{width:10%;}}
@media screen and (max-width: 750px) { .text6 img{clear:both;width:100%;} .text7 img{clear:both;width:100%;} .obertext img{clear:both;width:100%;} .bildbox img{clear:both; width:100%;} .obertext2 img{width:15%;} }

.zitattext{
	font-family: 'Dosis', sans-serif;
	float:left;	
	font-size:24pt;
	text-align: center;
	margin:0 auto;
	font-weight:500;
	line-height:2;
	padding-top:10%;
	width:50%;
}
.zitattext2{
	font-family: 'Dosis', sans-serif;
	font-size:26pt;
	text-align: center;
	margin:0 auto;
	font-weight:500;
	line-height:2;
	padding:2%;
	width:100%;
}

.zitattext3{
	font-family: 'Dosis', sans-serif;
	font-size:20pt;
	text-align: center;
	margin:0 auto;
	font-weight:500;
	line-height:2;
	padding:7%;
	width:100%;
}


@media screen and (max-width: 1950px) { .zitattext{font-size:20pt;} .zitattext2{font-size:22pt;} .zitattext3{font-size:16pt; padding:5%;}}
@media screen and (max-width: 950px) { .zitattext{padding-top:0;font-size:18pt; width:100%;} .zitattext2{font-size:20pt;} .zitattext3{font-size:14pt;padding:2%;}}
@media screen and (max-width: 550px) { .zitattext{clear:both; width:100%;font-size:16pt;} .zitattext2{font-size:18pt;} .zitattext3{font-size:12pt;padding:2%;}}

.text3{	
	font-family: 'Dosis', sans-serif;
	width:80%;
	font-size:18pt;
	color:black;
	text-align:justify;
	margin: 0 auto;
	padding:2%;
	}
	
.text3 p{ padding:1%;line-height:2;}

.text4{	
	font-family: 'Dosis', sans-serif;
	width:100%;
	font-size:18pt;
	color:black;
	text-align:justify;
	margin: 0 auto;
	line-height:1.5;
	padding-top:2%;
	}
	
/*.text4 b{	
	font-size:24pt;
	font-family:'bruno ace';	
}*/

@media screen and (max-width: 950px) { .text4 img{width:60%; padding:0;}}
@media screen and (max-width: 550px) { .text4 img{width:100%;}}

.text5{	
	font-family: 'Dosis', sans-serif;
	width:100%;
	font-size:18pt;
	color:black;
	text-align:justify;
	margin: 0 auto;
	line-height:1.5;
	padding-top:5%;
	padding-bottom:2%;
	}
	
.text6{	
	font-family: 'Dosis', sans-serif;
	width:100%;
	font-size:18pt;
	color:black;
	text-align:justify;
	margin: 0 auto;
	line-height:1.5;
	padding-top:2%;
	padding-bottom:2%;
	line-height:2;
	}
.text6 a{
	
	font-style:italic;
	font-family: 'Dosis', sans-serif;
	font-size:18pt;
	color:black;
	text-decoration:none;	
}	

.text6 a:hover{text-decoration:underline;}	
.imgtext{
	font-family: 'Dosis', sans-serif;
	float:left;	
	font-size:22pt;
	text-align: justify;
	margin:0 auto;
	font-weight:500;
	width:100%;
	margin-bottom:5%;
}	
.text7{	
	font-family: 'Dosis', sans-serif;
	width:100%;
	font-size:18pt;
	color:black;
	text-align:justify;
	margin: 0 auto;
	line-height:1.5;
	padding-top:2%;
	padding-bottom:5%;
	line-height:2;
	}
	
.text7 img{float:left;padding-right:2%;}
/* ---------------------------------------- */


button{
	color:black;
	background-color:white;
	cursor:pointer;
	width:20%;
	font-family: 'Dosis', sans-serif;
	font-weight:600;
	letter-spacing:0.1em;
	font-size:16pt;
	color:black;
	text-align:center;
	margin: 0 auto;
	padding:1%;
	border:1px solid #A4B0A6;
	border-radius:3px;
	}
	
button:hover{
	
	background-color:#C7D1C9;
	color:black;
	
}

@media screen and (max-width: 1850px) { button{width:40%;;}}
@media screen and (max-width: 950px) { button{width:60%;}}
@media screen and (max-width: 550px) { button{width:90%;}}

.points{width:100%; padding:1%; margin:0 auto;}

.point{
  position: relative;
  width: 20%;
  float:left;
  padding:2%;
}
.points::after{clear:both;}
.image_point {
  display: block;
  width: 100%;
  height: auto;
}

.overlay {
  position: absolute;
  top: 0;
  bottom: 0;
  left: 0;
  right: 0;
  height: 100%;
  width: 100%;
  opacity: 0;
  transition: .5s ease;
  background-color: #C7D1C9;
   border-radius:100%;
 

   
}

.point:hover .overlay {
  opacity: 1;
  border-radius:100%;
  cursor:pointer;
  z-index:1;
}

.text {
	color: black;
	font-family: 'Dosis',sans-serif;
	font-size:22pt;
	font-weight:600;
	position: absolute;
	top: 50%;
	left: 50%;
	z-index:9;
	-webkit-transform: translate(-50%, -50%);
	-ms-transform: translate(-50%, -50%);
	transform: translate(-50%, -50%);
	text-align: center;
}

@media screen and (max-width: 650px) {
  .point, .points{   
	clear:both;
	width:90%;
  }
  .text{font-size:18pt;padding:2%;}
}

.bildtext{
	
	font-family: 'Marck Script', cursive;
	hyphens: auto;
	font-size:58pt;
	font-weight:500;
	position: absolute;
	bottom:0;
	z-index:9;
	padding:4%;	
	float:right;
	width:100%;
	background: rgb(0, 0, 0);
	background: rgba(255, 255, 255, 0.5); /* Black see-through */
	color: #000;

}

@media screen and (max-width: 1750px) {
  .bildtext{	  
	  font-size:38pt;
	  
  } 
}

@media screen and (max-width: 950px) {
  .bildtext{	  
	  font-size:25pt;
  }
  
}

@media screen and (max-width: 550px) {
  .bildtext{	  
	  font-size:12pt;
  }
  
}

.points2{width:100%; margin:0 auto; margin-top:5%;}

.videolist{
	padding:2%;
}

.videolist li{	
	list-style-type: decimal;
	font-family: 'Dosis', sans-serif;
	float:left;	
	font-size:18pt;
	text-align: justify;
	margin:0 auto;
	font-weight:500;
	width:100%;
	margin-bottom:2%;
}




/* ------------------Menü---------------- */
	.menue{		
		position:absolute;
		width:95%;
		padding:20px;	
		left:180px;
		margin:0 auto;
		bottom:0;
	}
	
@media screen and (max-width: 1130px) {
  .menue{	  
	  display:none;
  }
}
	.menue a{		
	  color: black;
      padding: 14px 28px;
      text-decoration: none;
      display: block;
	  font-family: 'Julius Sans One', sans-serif;
	  font-weight:800;
		letter-spacing:.1em;
		text-transform: uppercase; 
		font-size:15pt;
	}
	
	.menue a:hover{		
		background-color:#C7D1C9;
	}

	.menuepoints{
		
		padding:2% 5% 0 0;
		margin:0 auto;
	}
	
@media screen and (max-width: 2200px) {
  .menue a{	  
	  font-size:13pt;
  }
}	


@media screen and (max-width: 2050px) {
  .menue a{	  
	  font-size:12pt;
  }
}	

@media screen and (max-width: 1850px) {
	.menue {width: 85%;}
  .menue a, .dropdown-content a{	  
	  font-size:11pt;
  }
}

@media screen and (max-width: 650px) {
	.menue {width: 85%;}
  .menue a,  .dropdown-content a{	  
	  font-size:8pt;
  }
}
    /* Styles für das Dropdown-Menü */
    .dropdown {
      position: relative;
      display: inline-block;
	  margin:0 auto;
    }
    
    .dropdown-content {
      display: none;
      position: absolute;
      background-color: #f9f9f9;
		padding:2%;
      box-shadow: 0px 8px 16px 0px rgba(0,0,0,0.2);
      z-index: 1;
	  min-width:350px;
	 		  		
    }
    
    .dropdown-content a {
      color: black;
      padding: 18px 18px;
      text-decoration: none;
      display: block;
	  font-family: 'Dosis',sans-serif;
	  font-weight:500;
	  text-transform:none;
	  font-size:16pt;
	  text-align:center;
    }
    
    .dropdown:hover .dropdown-content {
      display: block;
    }	
/* ------------------Slideshow---------------- */
.mySlides {
    display: none;
}
@-webkit-keyframes fade {
  from {opacity: 0} 
  to {opacity: 1}

}

@keyframes fade {
  from {opacity: 0} 
  to {opacity: 1}

}
.slideshow-container {
    width: 100%;
	height:auto;
	margin-top:150px;
	left:0;
	right:0;
	padding:0;
	z-index:1;
	}

@media screen and (max-width: 1850px) {
	.slideshow-container {margin-top:150px;}
}

@media screen and (max-width: 650px) {
	slideshow-container{	  
	  margin-top:200px;
  }
}

.mySlides{
    list-style: none;
    position: relative;
    left: 0;
	left:0;
    padding: 0px;
	-webkit-animation-name: fade;
	-webkit-animation-duration: 3s;
	animation-name: fade;
	animation-duration: 3s;
}

/* Fading animation 
.fade {
  animation-name: fade;
  animation-duration: 3s;
}*/


/* Bilder responsive */
.mySlides img {
    width: 100%;
    height: auto;
}

/**/
.dot, .dotmenu{display:none;}

.footer{
	width:100%;
	bottom:0 !Important;
	text-align:center;
	padding-top:2%;
	padding-bottom:2%;
	overflow:hidden;
	background-color:#C7D1C9;
	border-top:1px solid #A4B0A6;
	
}

.footer a{
	
	text-decoration:none;
	color:black;
	font-size:18pt;
	font-family: 'Dosis';	
	letter-spacing:0.1em;
	padding:2%;
	width:95%;
}

.footer a:hover{
	
	text-decoration:underline;
	color:black;
}	

@media screen and (max-width: 950px) { .footer{padding-top:3%;padding-bottom:3%;} .footer a{font-size:16pt;}}
@media screen and (max-width: 550px) { .footer{padding-top:5%;padding-bottom:5%;} .footer a{font-size:12pt;}}
/* --------------------------------------------- */

.mid_img{
	
	text-align:center;
	margin:0 auto;
	width:10%;
	padding:2%;
}

.mid_img2{
	
	text-align:center;
	margin:0 auto;
	width:100%;
}

@media screen and (max-width: 1650px) { .mid_img{width:20%;} .mid_img2 img{width:80%;}}
@media screen and (max-width: 650px) { .mid_img{width:40%;} .mid_img2 img{width:100%;}}
/* ----------------------tabelle----------------------- */

table{
	font-family: 'Dosis', sans-serif;
	width:100%;
	font-size:18pt;
	color:black;
	text-align:justify;
	margin: 0 auto;
	line-height:1.5;
	padding-top:2%;
	padding-bottom:2%;	
}

td{
        padding: 2%;
		border:1px solid #A4B0A6;
}

/* ----------------------formular----------------------- */
/* Add a background color and some padding around the form */
.formular {
  border-radius: 5px;
  padding: 2%;
  width:100%;
  height:auto;
  margin: 0 auto;
  font-family: 'Dosis', sans-serif;
  font-size:18pt;
}

.formular form{
	
	padding-top:2%;
	
}

.formular label{width:100%;float:left;}

.font-small {
	
  font-family: 'Dosis', sans-serif;
	font-size:12pt; font-weight:normal;
	padding:1% 0 0 0;
	color:black;
	margin-bottom:5%;
	
}

input[type=text], select, textarea {
  width: 100%; /* Full width */
  padding: 12px; /* Some padding */ 
  border: 1px solid #ccc; /* Gray border */
  border-radius: 4px; /* Rounded borders */
  box-sizing: border-box; /* Make sure that padding and width stays in place */
  margin-top: 6px; /* Add a top margin */
  margin-bottom: 16px; /* Bottom margin */
  resize: vertical; /* Allow the user to vertically resize the textarea (not horizontally) */
 font-family: 'Dosis', sans-serif;
	font-size:16pt;

}

.button_sub {
 	border:none;
	outline: 0;
	display: inline-block;

  padding: 10px;
  color: black;
  background-color: lightgrey;
  text-align: center;
  cursor: pointer;
  width: 25%;
  border-radius: 4px;
  	line-height: 1.5;  
	font-family: 'Dosis', sans-serif;
	letter-spacing: 0.1em;
	margin-top:2%;
	font-size:14pt;
	
}

@media screen and (max-width: 650px) {
.button_sub { 

	font-size:9pt;
	width: 50%;
}}
	

.button_sub:hover{
	
	  background-color: #C7D1C9;
  color:#000;
}

.main_acc {

font-family: 'Dosis', sans-serif;

 font-size:14pt; 
 font-weight:normal;
 color:black;
 text-align:justify;
width:100%;
margin-top:15px;
}

/*-----------------nav mobile-------------------*/
#mobile-menue{right:0;list-style:none;}

.header div#menu {
  display: none;
  top:100px;
  padding:2%;
  float:right;
  right:0;
position:absolute;
	background:none;
	z-index:11;
  list-style: none;
}

.header div#menu img{

float:left;
padding:2%;
background:none;
}

@media screen and (max-width: 1130px) {
	
  .header div#menu {
    display: block;
    font-size: 11px;	
    color: white;
    cursor: pointer;

  }
} 

@media screen and (min-width: 1130px) {
  .header div#menu {
    display: none;
  }
  
   .header div#mobile_menue {
    display: none;
  }
}

@media screen and (max-width: 1130px) {
  .header div#menue {
    display: none;

  }
 

}

.header div#mobile_menue {margin-top:-17px;}  
/*.header div#menu-box{
	
	backgrond-color:white;

}



.header div#menu-box ul {

  width: 100%;
  margin:0;
  padding: 1rem 0 1rem 0;
  max-height: 0;
  overflow: hidden; 
  right:0;
  left:0;
  top:0;
  text-align:center;


}*/

.header div#menu-box ul {
  max-height: 800px;
  opacity:0.9;
	padding: 0;
  list-style: none;

}


.header div#mobile_menue li > ul{
  margin: 0;
 padding: 0;
width:100%;
  list-style: none;
  position: relative;
  /*transition: all 800ms;*/


}

@media screen and (max-width: 550px) {
  .header div#mobile_menue li { 
    width: 100%;
  }

}
.header div#mobile_menue ul li {list-style:none;}
.header div#mobile_menue ul li a {
  
  padding: 1rem 0 1rem 0;
  float: right;
  width: 100%;
  text-align: center;
  text-decoration: none;
  transition: all 800ms;
	  font-family: 'Julius Sans One', sans-serif;
	  font-weight:800;
		letter-spacing:.1em;
		text-transform: uppercase; 
		font-size:12pt;
	border-bottom:1px solid white;
color:black;
background-color: #E9EDEA;


}

.header div#mobile_menue ul li:hover > a {
  background: white;
  color: black;
}

.header div#mobile_menue ul li ul {

  transition: all 800ms;
  max-height: 0;
  overflow: hidden;


}

.header div#mobile_menue ul li ul li {
  display: block;
  list-style:none;
  transition: all 800ms;
    margin: 0 auto;
}

.header div#mobile_menue ul li ul li a {
   background: white;
    padding: 1rem 0 1rem 0;
  color:black;
  text-align:center;


}


.header div#mobile_menue ul li:hover > ul {
  max-height: 650px;

}


/* Style the button that is used to open the sidepanel */
.closebtn {
  font-size: 28px;
  cursor: pointer;
  color: black;
  padding: 10px 15px;
  border: none;
  float:right;
  right:0;
  position:absolute;
  text-decoration:none;
}

.closebtn:hover{
  background-color: none;
  font-weight:bold;
}