body {
	margin:0;
	padding:0;
	background-image: url("/media/bg.jpg");
	background-repeat: repeat;
	background-position: center;
}

a {
	color:orange;
}

a:hover {
	color:#64ad53;
}


@font-face{ 
	font-family: 'OpenSans';
	src: url('/fonts/opensans.ttf');
}

@font-face{ 
	font-family: 'Snicker';
	src: url('/fonts/sniker.otf');
}

p, a {
	font-family:OpenSans;
}

.video-modul {
	width:50%;
	padding-left:25%;
	padding-right:25%;
	background-color:rgba(255, 185, 0, 0.25);
	padding-top:10px;
	padding-bottom:10px;
	border-radius: 36px 36px 36px 36px;
-webkit-border-radius: 36px 36px 36px 36px;
-moz-border-radius: 36px 36px 36px 36px;
	
}

hr {
	border:none;
	height:1px;
	background-color:orange;
	margin-top:4px;
	
}

h1 {
	font-family:Snicker;
	color:orange;
	margin:0;
	padding:0;
	margin-top:-10px;
}

h2 {
	font-family:Snicker;
	
	margin:0;
	padding:0;
  color: #64ad53;
	font-size:1.5rem;
}

.txt {float:right;
width:51%;
padding-left:4%;
}

.bild {float:right;
width:45%;
  background-color: #64ad53;
-webkit-box-shadow: 5px 5px 15px -1px rgba(0,0,0,0.55); 
box-shadow: 5px 5px 15px -1px rgba(0,0,0,0.55);
}

.bild img {width:100%;}

.rex-plyr {width:100%;}

.blick-ins-buch {
-webkit-box-shadow: 5px 5px 15px -1px rgba(0,0,0,0.55); 
box-shadow: 5px 5px 15px -1px rgba(0,0,0,0.55);
margin-bottom:20px;
width:100%;
}

.blick-ins-buch img {width:100%;}

.button {
	background-color:#64ad53;
	border-radius:28px;
	display:inline-block;
	cursor:pointer;
	color:#ffffff;
	width:50%;
	margin-left:25%;
	margin-right:25%;
	padding:15px;
	font-size:23px;
	font-family: Snicker;
	text-align:center;
	margin-bottom:10px;
	margin-top:10px;
	border: 4px solid #64ad53;
}

.button:hover{
	opacity:0.8;
	border: 4px solid orange;
}


.button img {width:120px; text-align:center; padding:7px;}

.button-text a{
text-align:center;
	

}

.button-bild {
text-align:center;
}


.header-bild{
	background-image: url("/media/header-blumenwiese.jpg");
	background-repeat: no-repeat;
	background-position: center;
background-size: cover;
	width:100%;
	height:300px;´
	margin:0;
	padding:0;
}

.clearme{
	clear:both;
}

.wrapper {
	margin-top:100px;
	margin-bottom:0px;
	display:block;
	overflow:hidden;
	width:60%;
	margin-left:18%;
	margin-right:22%;
	background-color:white;
	padding:30px;
	border:3px solid orange;
	margin-bottom:100px;
	
	-webkit-box-shadow: 9px 10px 5px 0px rgba(0,0,0,0.33);
-moz-box-shadow: 9px 10px 5px 0px rgba(0,0,0,0.33);
box-shadow: 9px 10px 5px 0px rgba(0,0,0,0.33);
	

}

.bild-center {
	width:60%;
	text-align:left;
}




.modul-hummelbert {

	text-align:center;
}
.modul-hummelbert img{
	width:150px;
text-align:center;
}

.footer-bg-img {
		background-image: url("/media/blumenwiese-footer.png");
		width:100%;
		height:100px;
background-repeat: no-repeat;
	padding-bottom:40px;
	background-size: cover;
}



.footer {
	width:100%;
	text-align:center;
	padding:0;
	margin:0;
	color:white;
}

.footer-bg {
	
		margin:0;
		padding-top:10px;


}



.footer p, .footer a{
	margin:0;
	padding-bottom:20px;
	
	color:white;
}

.footer a:hover{
	text-decoration:none;
}

.footer img {
	width:100%;
	padding-bottom:10px;

}
.drei-bilder-wrapper{
	width:100%;
	
}
.drei-bilder img{
	width:32.8%;
	float:left;
	border:2px solid #64ad53;
}

/*NAV*/

.info_nav {

    bottom: 0px;
	width:100%;
	
}

/*nav*/
nav li:first-child {
	padding-left:0;
}


nav {
	display:block;
	  font-size: 20px;
 background-color: #64ad53;
   font-family:Snicker;
}

nav ul {
    list-style-type: none;
	text-align:center;
    margin: 0;
    padding: 0;
    overflow: hidden;
}

nav li {
	display:inline-block;
	margin:0;
	padding:0;
	text-decoration:none;
	padding-left:30px;
	padding-right:30px;

}

nav li a {
    display: block;
    color: white;
    padding-top: 8px;
	padding-bottom:8px;
    text-decoration: none;
	border:0;
	   font-family:Snicker;

}

nav li a:hover:not(.active) {
	border:0;
}

nav li a:hover {
	color:white;
	text-decoration:underline;
	border:0;
	
}

a.rex-current {
	font-weight:normal;
}

.active {
    text-decoration:underline;
}


/*NAV ENDE*/
@media screen and (max-width: 1300px) {
	
	.wrapper {
	margin-top:100px;
	margin-bottom:0px;
	display:block;
	overflow:hidden;
	width:80%;
	margin-left:8%;
	margin-right:12%;
	background-color:white;
	padding:30px;
	border:3px solid orange;
	margin-bottom:100px;
	
	-webkit-box-shadow: 9px 10px 5px 0px rgba(0,0,0,0.33);
-moz-box-shadow: 9px 10px 5px 0px rgba(0,0,0,0.33);
box-shadow: 9px 10px 5px 0px rgba(0,0,0,0.33);
	

}
	
}


@media screen and (max-width: 1050px) {
	
/*NAV*/
nav li {
	display:block;
}

.info_nav {
	position:relative;
}
nav {
	padding-top:10px;
	padding-bottom:10px;
}

nav li:first-child {
	padding-left:30px;
}


/*NAV ENDE*/	
	
	
	.wrapper {
	margin-top:100px;
	margin-bottom:0px;
	display:block;
	overflow:hidden;
	width:90%;
	margin-left:3%;
	margin-right:4%;
	background-color:white;
	padding:10px;
	border:3px solid orange;
	margin-bottom:100px;
	
	
	-webkit-box-shadow: 9px 10px 5px 0px rgba(0,0,0,0.33);
-moz-box-shadow: 9px 10px 5px 0px rgba(0,0,0,0.33);
box-shadow: 9px 10px 5px 0px rgba(0,0,0,0.33);
	

}
	
	
}



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

.txt {float:none;
width:100%;
}


.bild {float:none;
width:100%;

}

.bild img{
width:100%;

}

.wrapper {

	width:96%;
	margin-left:0;
	margin-right:0;
	padding-left:2%;
	padding-right:2%;
	background-color:white;
	margin-top:0;
	padding-bottom:10px;
	padding-top:50px;
	margin-bottom:100px;
	border:none;

}

.txt {float:right;
padding-left:0%;
}

.bild {float:right;

}

.button {

	width:80%;
	margin-left:5%;
	margin-right:15%;

}


.modul-zweispalter{
	width:98%;
	margin-left:1%;
	margin-right:1%;
}
.modul-zweispalter-bild {
	width:100%;
	float:none;
}
.modul-zweispalter-bild img{
	width:100%;

}
.modul-zweispalter-text {
	width:100%;
	float:none;
	padding-left:2%;
}
.modul-hummelbert {

	text-align:center;
}
.modul-hummelbert img{
	width:200px;

}

.video-modul {
	width:100%;
	padding:0;
	margin:0;
}

.drei-bilder img{
	width:100%;
	float:none;
	border:none;
}

}