@charset "utf-8";

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

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

#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;
	}
	
.datenschutz-text{
	text-align:center;
	margin-left: 12em;
	margin-right: 12em;
	padding-bottom: 3em;
	padding-top: 1em;
	}

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{
	color: rgba(0,0,0,0.70);
	padding-top: 1em;
	padding-bottom: 0.5em; 
	}

@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;	
}
.datenschutz-text{
	text-align:center;
	margin-left: 4em;
	margin-right: 4em;
	padding-bottom: 3em;
	padding-top: 1em;
	}

	}