/* typo */
body { 
font-family: 'Saira', sans-serif;
}

h1, h2, h3, h4, h5, h6 {
font-weight:500;
font-family: 'Saira', sans-serif;
line-height: 1.1em;
letter-spacing: 1px;
color:#fff;
}

h1 {margin: 1% 2% 2% 2%;}
h2 {line-height: 1.3em; margin: 4% 2% 1% 3%;}
h3 {line-height: 1.1em;}
h4 {line-height: 1.0em;}

h1 {text-align:center;}


.menubutton {
	font-family: 'Saira', sans-serif;
	width: auto;
	height:30px;
	display: inline;
	letter-spacing:.1em;
	cursor: pointer;
	text-align: center;
	margin:0px 0px 3px 0px; 
	border-radius: .2em;
	border-style: none;
	text-align: center;
	margin: 2px 0px 5px 0px;
	padding: 3px 6px 1px 6px;

}

a.menubutton:link {
	background-color:none;
	text-decoration: none;
	border-width: 0px;
	border-bottom-style: none;
	margin:0px 0px 3px 9px;

}

a.menubutton:visited {
background-color:none;
}

a.menubutton:hover {
background-color:green;

}

a.menubutton:active {
background-color:red;

}

p, ol, li {
font-family: 'Saira', sans-serif;
font-weight:200;
font-size:1.3em;
line-height:1.7em;
color:#fff;
letter-spacing: .1em;
margin: 1% 2% 1% 3%;
}

a:link {
	font-family: 'Saira', sans-serif;
	color:#fff;
	text-decoration: none;
	margin:0px 0px 0px 0px;
	border-bottom-style: dotted;
	border-width: 1px;
	}
	
a:visited {
	font-family: 'Saira', sans-serif;
	color:#fff;
	text-decoration: none;
	margin:0px 0px 0px 0px;
	border-bottom-style: dotted;
	border-width: 1px;
}

a:hover {
	font-family: 'Saira', sans-serif;
	color:#fff;
	text-decoration: none;
	margin:0px 0px 0px 0px;
	border-bottom-style: dotted;
	border-width: 1px;
}

.imgtxt {
margin: 2px 0px 25px 2px;
}
/* end typo */

.center {
text-align:center;
}

/* all divs */.conflex, .context, .conspecial, .conbox1, .conbox2, .conbox3 {
padding: 1% 1% 1% 1%;
}



/* scrollbar */
	nav {
		height:60px;
		background:transparent;
		position: fixed;
		top:0;
		right:0;
		left:0;
		transition:transform .25s .1s ease-in-out;
	}

	.down nav {
		transform:translate3d(0, -100px, 0);
	}

	main {
		margin:10em auto;
		max-width: 1000px;
		padding:0 2em;
	}

	section {
		height:500px;
		width:100%;
		margin-bottom: 5em;
		background: #ddd;
	}


/* dropdown menu */
.dropbtn {
  background-color: transparent;
  color: white;
  padding: 0%;
  font-size: 3em;
  border: none;
  cursor: pointer;
   height: 70px;  
  margin: -10px 0px 0px 0px;
    padding: 0px 0px 0px 60px;
    width:160px;
    background-image: url(../elements/btn_logo_re.png);
    background-size:40px;
    background-position-x: 38px;
    background-position-y: 20px;
    background-repeat: no-repeat ;
    background-color: rgb(0, 0, 0);
}

.dropbtn:hover, .dropbtn:focus {
  background-color: rgb(31, 29, 29);
}

.dropdown {
  position: relative;
  display: inline-block;
}

.dropdown-content {
margin: 10px 0px 0px 18px;
  display: none;
  position: absolute;
  font-size:140%;
  letter-spacing:2px;
    background-color: #000;
  min-width: 300px;
  overflow: auto;
  z-index: 1;
}

.dropdown-content a {
  color: white;
  padding: 12px 16px;
  text-decoration: none;
  display: block;
  border: none;
  margin: 0px 0px 0px 0px;
}

.dropdown a:hover {
background-color: #fff;
color:#000;
}

.dropdown a:active {
background-color: #000;
color:#fff;
}

.show {display: block;}


/* Divs */
body {
background-image: url(../elements/bg_01.png);
font-family: 'Saira', sans-serif;
background-size: 1600px;    
}

html, body {
  height:100%;
  width:100%;
  margin: 0px 0px 0px 0px;
 padding: 0% 0% 0% 0%;

} 

.html {
 background-color: #000;	
	}

.conmain {
  min-height: 100%;
  height: auto !important;
  height:100%;
  max-width:500px;
  margin:0 auto;
  padding:60px 5px 1px 5px;
}

.conmenu {
	max-width:500px  !important;
	height:auto;
	text-align:center;
	background-color: grey;
	padding: 2% 0%;
	margin: 10px 0px 20px 0px;
	position:-webkit-sticky;
    top: 0;
    width: 100%;
}

.conflex {
	height:auto;
	background-color:transparent;
	margin: 0px 0px 0px 0px;
}


.context {
	width:auto;
	background-color:grey;
	margin: 0 auto;	
}

.conimage {
	width:auto;
	margin: 0 auto;
	margin: 6% 3% 1% 3%;
}

.conspecial {
	width:100%;
	max-height:100%;
	background-color:pink;
	margin: 0 auto;	
}

.conevent {
	height:auto;
	width:80%;
	text-align:center;
	margin: 0 auto;
	padding: 1px 0px 8px 0px;
}

.conbox1, .conbox2, .conbox3 {
	background-color:silver;
	width:auto;
}

.confoot {
	max-width:500px;
	height:20px;
	color:white;
	background-color:none;
	position:!important;
	margin: 0 auto;
	text-align: center;
	position:fixed;
    bottom: 0;
    width: 100%;
}


/* all hr */
.divhr {
	width:auto;
	height:4px;
	background-color:#BEBEBE;
}

img { 
	width: 100%;
    height: auto;	
}

.aktuell {
background-color:#1DA500;
padding:10px 0px 25px 10px;
margin: 5px 10px 5px 10px;
}
	
.vorbereit {
background-color:#F3A000;
padding:10px 0px 25px 10px;
margin: 5px 10px 5px 10px;
}