* {
  -webkit-box-sizing: border-box;
     -moz-box-sizing: border-box;
          box-sizing: border-box;
		  
 
}

html,body{
	height:100% !important;
}

body{
	margin:0px;
	padding:0px;
	height:100%;
	background-color:#FFFBE6;
	background-repeat:no-repeat;
	background-position:center top;
	background-attachment:fixed;
	background-size:cover;
	width:100%;
	cursor: default;
}

#elternDiv{
	height:100%;
	position: relative;
	width:80%;
	margin-left:10%;
}

/* -----------------nav-----------------*/

nav{
	background-color: #01524A ;
	text-align:center;	
	position:fixed;
	width:100%;
	left:0%;
	top:0%;
	z-index: 10000;
}

nav,ul,li{
	margin:0px;
	padding:0px;
	list-style-type:none;

}

nav li{
	float:left;
}

nav ul{display:inline-block;
	padding:15px;
}

#logo{
	margin:0px;
}

.navstand{
	height:100px;
	width:100%;
}

.format{
	font-family: 'Courgette', cursive;
}

.zwischenplatz{
	margin:45px;
}

/* -----------------nav_ende-----------------*/

a{
	text-decoration:none;
	font-family:Calibri;
	font-size:40px;
	font-weight:bold;
	color:white;
}

a:hover{	
	color:#FFEBCD;
}



.ueberschrift{
	color:#4e4e4e;
	font-weight:bold;
	margin:0;
	padding-bottom:30px;
	font-size:80px;
	font-family: 'Courgette', cursive;
}

.normaler_text{
	font-family:Arial;
	margin:0;
	font-size:22px;
	color:#818181;
}

/* -----------------home-----------------*/
#home{}

.bxslider li,.bxslider{
	height:100%;
	background-position:center;
	}

.slidercontent{
	width:100%;
	height:100%;
}

/* -----------------home_ende-----------------*/


/* -----------------überuns-----------------*/
#ueberUns{
	background-color:#B5E9E4;
	display:flex;
	flex-flow:row wrap;
	border-top:4px solid;
	border-bottom:2px solid;
	border-color:#FFFBE6;
}

#ueberUnsContent{
	flex:55%;
	margin-left: 5%;
	padding-top:5%;
	/* background-color: #DDD; */
}

#bilder{
	position:relative;
	flex:35%;
	height:100%;
	margin-right: 5%;
}

#bildgross{
	position:absolute;
	top:14%;
	left:10%;
	height:60%;
	width:80%;
	background-image:url("../img/uber1.jpg");
	background-size:cover;
	background-position:center;
	background-repeat:no-repeat;
	cursor:pointer;
	border:5px solid white;
}

#bildklein1{
	position:absolute;
	top:80%;
	left:10%;
	height:10%;
	width:20%;
	background-image:url("../img/uber2.jpg");
	background-size:cover;
	background-position:center;
	background-repeat:no-repeat;
	cursor:pointer;
	border:2px solid white;
}

#bildklein2{
	position:absolute;
	top:80%;
	left:40%;
	height:10%;
	width:20%;
	background-image:url("../img/uber3.jpg");
	background-size:cover;
	background-position:center;
	background-repeat:no-repeat;
	cursor:pointer;
	border:2px solid white;
}

#bildklein3{
	position:absolute;
	top:80%;
	left:70%;
	height:10%;
	width:20%;
	background-image:url("../img/uber4.jpg");
	background-size:cover;
	background-position:center;
	background-repeat:no-repeat;
	cursor:pointer;
	border:2px solid white;
}

#show{
	position:fixed;
	height:100%;
	width:100%;
	background-color: rgba(0,0,0,0.9);
	z-index: 10001;
	opacity:0.95;
	cursor:pointer;
}

#showbild{
	background-repeat:no-repeat;
	background-size:100%;
	margin:auto;
	margin-top:100px;
	height:700px;
	width:700px;
}

/* -----------------überuns_ende-----------------*/


/* -----------------kontakt-----------------*/
#kontakt{
	background-color:#B5E9E4;
	position:relative;
	border-bottom:4px solid;
	border-top:2px solid;
	border-color:#FFFBE6;
	
}

#kontaktContent{
	width:90%;
	    /* background-color: #DDD; */
    margin: auto;
}

#oeffnung{
	width:60%;
	position:absolute;
	top:35%;
	left: 6%;
}

#oef{
	position:absolute;
	bottom: 225%;
	font-size:30px;
	color:#4e4e4e;
	
}

#sommer{
	position:absolute;
	left:2%;
}

#winter{
	position:absolute;
	left:35%;	
}

.zeile{
	line-height:0.8;
}

span{
	color:#6c6c6c;
}

#generell{
	position:absolute;
	top:77%;
	left:7%;
}

#map{
	position:absolute;
	left:60%;
	top:27%;
	height:500px;
	width:500px !important;
	border:10px solid white;
}

/* -----------------kontakt_ende-----------------*/


/* -----------------impressum-----------------*/
#impressum{
	height:100%;
	background-color:#B5E9E4;
	position:relative;
	font-size:25px;
	font-family:verdana;
	color:black;
	padding-top:5%;
}

#impressumContent{
	width:90%;
	    /* background-color: #DDD; */
    margin: auto;
}

#pdf{
	height:100px;
	position:absolute;
	left:8%;
	top:20%;
}

#impressumtext{
	position:absolute;
	left:35%;
	top:25%;
	color:#5c5c5c;
}

#impressumbild{
	position:absolute;
	left:8%;
	top:45%;
	background-color:white;
	padding:20px;
}

.uns{
	font-size:22px;
	color:#4a4a4a;
}

.uns:hover{	
	text-decoration:none;
	color:white;
}

/* -----------------impressum_ende-----------------*/



/* kleine Bildschirme ----------- */
@media only screen
and (min-width : 1310px)
and (max-width : 1440px) {


.ueberschrift{
	font-size:38px;
}

.normaler_text{
	font-size:18px;
}

#oef{
	font-size:30px;
}

#winter{
	left:50%;
	width:50%;
}

#generell{
	position:absolute;
	top:60%;
	left:70%;
}

.zeile{
	line-height:1;
}

#map{
	left:740px;
	top:60px;
	height:300px;
	width:300px !important;
}


/*--------------------------------------------------------------*/

#impressum{
	font-size:20px;
}

#impressumtext{
	width:80%;
	left:6%;
	top:15%;
}

#impressumbild{
	padding:5px;
	left:20%;
	top:75%;
}

.uns{
	font-size:25px;
}

#pdf{
	height:100px;
	position:absolute;
	left:5%;
	top:70%;
}

/* Styles */
}



/* Tablets ----------- */
@media only screen
and (min-width : 481px)
and (max-width : 1309px) {


.ueberschrift{
	font-size:40px;
}

.normaler_text{
	font-size:18px;
}

/*-----------------------------------------------------------------*/
nav li{
	clear:left;
}

#logo{
	height:150px;
}

.zwischenplatz{
	visibility:hidden;
	margin:0px;
	height:0px;
}
/*-----------------------------------------------------------------*/

#bilder{
	visibility:hidden;
}
/*----------------------------------------------------------------*/


#oef{
	font-size:30px;
}

#winter{
	left:50%;
	width:50%;
}

#generell{
	position:absolute;
	top:70%;
	left:72%;
}

.zeile{
	line-height:1;
}

#map{
	visibility:hidden;
}
/*--------------------------------------------------------------*/

#impressum{
	font-size:20px;
}

#impressumtext{
	width:80%;
	left:6%;
	top:15%;
}

#impressumbild{
	padding:5px;
	left:20%;
	top:75%;
}

.uns{
	font-size:25px;
}

#pdf{
	height:100px;
	position:absolute;
	left:5%;
	top:70%;
}

/* Styles */
}

/* Smartphones (portrait and landscape) ----------- */
@media only screen
and (min-width : 320px)
and (max-width : 480px) {
	

.ueberschrift{
	font-size:30px;
}

.normaler_text{
	font-size:10px;
}

.one{
	pointer-events: none;
}

.two{
	visibility:hidden;
}

.three{
	visibility:hidden;
}

.four{
	visibility:hidden;
}

.five{
	visibility:hidden;
}


/*----------------------------------------------------------------*/

nav li{
	clear:left;
}

.zwischenplatz{
	visibility:hidden;
	margin:0px;
	height:0px;
}

#logo{
	height:80px;
}
/*----------------------------------------------------------------*/

#bilder{
	visibility:hidden;
}
/*----------------------------------------------------------------*/

#oef{
	font-size:20px;
}

#winter{
	left:80%;
	width:150px;
}

.zeile{
	line-height:1;
}

#map{
	visibility:hidden;
	height:0%;
}
/*----------------------------------------------------------------*/


#impressum{
	font-size:15px;
}

#impressumtext{
	width:80%;
	left:6%;
	top:15%;
}

#impressumbild{
	padding:2px;
	left:13%;
	top:105%;
}

.uns{
	font-size:15px;
}

#pdf{
	height:2%;
	width:2%;
	left:20%;
	top:75%;
}

/* Styles */
}