@charset "utf-8";

@font-face { 
font-family: "Roboto"; 
src: url("../Roboto regular.ttf"); 

}

* {
	margin: 0;
	padding: 0;	
	
}

body {
	
	font-family: Roboto;
	overflow-x:hidden;
	
	background-size:cover;
	background-repeat:no-repeat;
}
p { hyphens: auto;
	 }

#bereichlogo {
	background-image: url(../bilder/berneisch_hintergrund_b-logo.jpg);
	background-color: rgba(26,198,0,0.73);
	background-size: cover;
	background-position: center;
	background-repeat: no-repeat;
	text-align: center;
	width: 100%;
	min-height: 25em;
	max-height:50%;
	display: inline-block;
	-webkit-transition: all 0.7s ease;
	transition: all 0.7s ease;
	border-bottom: 3px solid silver;
}


/* keine Unterstreichung */
#bereichlogo.sticky {
	
	position: fixed;
	display:block;
	width:6.5em;
	height:6.5em;
	margin-left:0.5em;
	margin-top:0.5em;
	background: url(../pics/berneisch_logo_klein.svg);
	background-repeat:no-repeat;
	border-bottom: 0px solid silver;
	}
	

.lauf_text{
	margin-left: 5em;
	margin-right: 5em;
	font-size:1.5em;
	color:rgba(0,0,0,0.80);
	font-family:roboto;
}
	h2{
	color: rgba(255,255,255,1.00);
	text-align:center;
	font-size:3em;
	text-shadow: 1px 1px 1px black, -3px -3px 0px grey;	
}
	
h3.lauf_text{
	font-size:2em;
	margin-top: 1em;
	margin-left:1.5em;
}

p {
	padding-bottom:2em;
	}

.bild_umfließen_rechts{
	box-shadow: 5px 10px 30px grey;
	float:right;
	margin-right: 6em;
	margin-left: 2em;
	
	}
	
@media only screen and (max-width:870px) {
	
h2{
	padding-top: 0.5em;
	color: rgba(255,255,255,1.00);
	text-align:center;
	font-size:2.5em;
	text-shadow: 1px 1px 1px black, -3px -3px 0px grey;	
}

.lauf_text{
	margin-left: 1em;
	margin-right: 1em;
	font-size:1.3em;
	color:rgba(0,0,0,0.80);
	font-family:roboto;
	line-height:140%;
	padding-top:1.0em;
	padding-bottom:1.5em;
	text-align:center;
}
.bild_umfließen_rechts{
	box-shadow: 5px 10px 30px grey;
	clear:right;
	margin-right: 1em;
	margin-left: 1em;
	margin-bottom:1em;
	width:400px;
	height:auto;
	}