/* Thank you for looking at this stylesheet	*/
/* Copyright Chris Völkle					*/

/* ================== ALLGEMEINE DEFINITIONEN ================== */


/*html {
	background:url(img/bg1.jpg) no-repeat center center fixed; 
	background-size:cover; 
	min-height:100%;
} */

div {
	box-sizing:border-box; /* damit padding und border nicht addiert werden */
}

body {
	font-family: 'Gudea', sans-serif;
	line-height:1.5em;
	margin:0px;
	padding:0px;
	min-height:100%;
}

h1 {
	font-size:1.5em;
}

h2 {
	font-size:1.25em;
}

input,select,textarea {
	font-family: 'Gudea', sans-serif;
	font-size:1em;
}

.bild_rechts {
	display:none;	
}

/* ============= ALLGEMEINE DEFINITIONEN FÜR LINKS ============= */

a:link {
	color:#000;
	text-decoration:none;	
}

a:hover {
	color:#000;
	text-decoration:none;	
}

a:visited {
	color:#000;
	text-decoration:none;	
}

a:active {
	color:#000;
	text-decoration:none;	
}

/* ======================== DIV-LAYOUT ========================= */

#alles {
	position:relative;
	margin:0px;
	max-width:100%;
	min-height:100%;
	height:auto;
}

#container {	
	/* background:rgba(0,0,0,0.0);
	border:1px solid #6b6b6b; */
	box-sizing:border-box;
	/* box-shadow:0px 0px 30px 5px rgba(0,0,0,0.8); */
	color:#000;
	margin:0px; /* zentriert zum oberen element (body) */
	max-width:850px; /* nie breiter als 1000 pixel */
	padding:0px;
	float:right;
	/*display: inline-block;
	vertical-align:top;*/
}

#titelbalkenmobil {
	display:none;
}

#titelbalken {
	display:none;
} 

.logo1 {
	display:none;	
}

.logo1 img {
	display:none;
}

.titel  {
	display:none;
}

.logo2  {
	display:none;
}

.logo2 img {
	display:none;
}

#spalte {
	display:none;
}

#sprache {
	display:none;		
}


#hamburger {
	display:none;	
}

#navigation {
	display:none;
}

#adresse {
	display:none;	
}

#inhalt {
	border:0px solid #6b6b6b;
	float:left;
	margin-bottom:0px;
	text-align:justify;
	padding:0px;
	width:100%;
}

#seitenanfang {
	display:none;	
}

#seitenanfang:hover {
	opacity:1;
	transition:0.5s ease;
}

#seitenanfang a:link {
	color:#000;
}

#seitenanfang a:visited {
	color:#000;
}

#seitenanfang a:hover {
	color:#fff;
} 

#fusszeile {
	background:rgba(255,255,255,0.9);
	border:none;
	clear:both; /* damit beidseitig nichts mehr schwebt */
	font-size:0.7em;
	padding:10px;	
	position: bottom;
	color:rgba(0,0,0,0.5);
}

#drucken {
	display:none;
}

.fa fa-print {
	display:none;
}

.fa fa-file-pdf-o {
	display:none;
}

.clearfix {
	clear:both;
}



@media screen and (max-width: 1100px) {
	
	#alles {
		max-width:950px;
	}
	
	#container {	
		width:700px;
	}
	
	.logo1 {
		float:left;
		text-align:center;
		height:100px;
		width:16%;	
	}
	
	.logo1 img {
		min-width:50px;
		width:100%;
		max-width:80px;
		margin-top:10px;
	}

	.titel  {
		font-size:1.5em;
		width:60%;
	}
	
	.logo2  {
		background:#fff;
		float:left;
		height:100px;
		width:22%;
	}
	
	.logo2 img {
		width:100%;
		margin-top:5px;	
	}	
	
	#seitenanfang {
		right: calc( ( 100vw - 950px ) / 2 + 20px);	
	}
		
}


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

	html {
		background:#54AB47;
		background-size:cover; 
	}

	#titelbalken {
		display:none;
	}
	
	#titelbalkenmobil {
		background:rgba(255,255,255,0.9) !important;
		display:block;
		font-family: 'Oswald', sans-serif;	/*font-size:1.5em;  grösse im verhältniss zum standart (16px)*/
		margin-bottom:20px;
		height:100px;
		padding:5px;
	}
	
	.logo1 {
		float:left;
		text-align:center;
		height:100px;
		width:30%;	
	}
	
	.logo1 img {
		min-width:50px;
		width:100%;
		max-width:100px;
		margin-top:0px;
	}

	.titel  {
		float:left;
		line-height:1.5em;
		font-size:1.45em;
		height:100px;
		text-align:center;
		width:70%;
	}
	
	.logo2  {
		display:none;
	}

	.logo2 img {
		display:none;
	
	}
	
	.bild_rechts {
		display:none;	
	}
	
	#container {
		border:none;
		background:rgba(0,0,0,0.0);
		width:100%;
		float:none;
	}
	
	#spalte {
		width:100%;
		float: none;
		margin:0px;
		padding:20px 20px 0px 20px ;
	}
	
	#navigation {
		margin-bottom:0px;
		height:70px;
		overflow:hidden;
		padding:15px 30px;
	}

	#hamburger {
		display:block;
		font-size:1.5em;
	}
		
	#seitenanfang {
		background:rgba(255,255,255,0.3);
		border:1px solid rgba(0,0,0,0.4);
		color:#000;
		opacity:0.55;	
		right: 0;
	}
	
	#seitenanfang:hover {
		opacity:1;
		transition:0.5s ease;
	}
	
	#seitenanfang a:link {
		color:#000;
	}
	
	#seitenanfang a:visited {
		color:#000;
	}
	
	#seitenanfang a:hover {
		color:#000;
	}

	#adresse {
		display:none;
	}
	
	.fa-print {
		display:none;
	}

}