.full{width:100%; height:100%; position:absolute; top:0; left:0;}

/*sandwich menu*/
#callbtn{ width:110px; height:110px;  background: url(images/console/callde.jpg); position:fixed; top:200px; right:0px; background-size:cover; z-index:99999;}

/*kontakt*/
#kontaktwrap{  z-index:99999; position:fixed; right:-260px; top:120px; transition: all 1s;}

#kontaktbox{ width:44px; height:44px;  background: url(images/console/callde.jpg); transition:all 0.5s; float:left; cursor:pointer; position:relative;}
#kontaktbox:hover{width:181px;}

#kontaktcontent{ width:200px; background-color:#FFFFFF; float:right; padding:30px;}

/*termine*/
#terminwrap{  z-index:99999; position:fixed; right:-660px; top:170px; transition: all 1s;}

#terminbox{ width:44px; height:44px;  background: url(images/console/flightsde.jpg); background-position:-6px 0; transition:all 0.5s; float:left; cursor:pointer; position:relative;}
#terminbox:hover{width:181px;}

#termincontent{ width:600px; background-color:#FFFFFF; float:right; padding:30px;}

/*social*/
#socialwrap{  z-index:99999; position:fixed; right:0px; top:70px; transition: all 1s;}

#socialbox{ width:44px; height:44px;  background: url(images/console/social.jpg); transition:all 0.5s; float:left; cursor:pointer; position:relative;}
#socialbox:hover{width:181px;}


/*bestellformular*/
#formwrap{  z-index:99999; position:fixed; right:-660px; top:220px; transition: all 1s;}

#formbox{ width:44px; height:44px;  background: url(images/console/flightsde.jpg); background-position:-6px 0; transition:all 0.5s; float:left; cursor:pointer; position:relative;}
#formbox:hover{width:181px;}

#formcontent{ width:600px; background-color:#FFFFFF; float:right; padding:30px;}


.btns{width:41px; height:44px; display:inline-block; opacity:0; transition:all 0.5s; background-color:#FFFFFF; margin-left:-1px; position:relative;}
.btns a{ position:absolute; width:100%; height:100%; top:0px; left:0px; z-index:10;} 
.btns:hover{ opacity:0.5;}


.sandwich{width:64px; height:64px; position:fixed; right:50px; top:50px; z-index:99999; color:#FFFFFF; font-size:4em; text-align:center; background:url(images/45_Menu-64.png);}
.menumobile{ width:100%; height:100%; top:0px; left:0px; background-color:#393939; text-align: center; position:fixed; z-index:9999;}
.menumobile p{ font-size:3em;}
.hidedesktop{ display:none;}
/*checkbox */

/*input[type="checkbox"] {
    display:none;
}

input[type="checkbox"] + label span {
    display:inline-block;
    width:19px;
    height:19px;
    margin:-1px 4px 0 0;
    vertical-align:middle;
    background:url(images/check_radio_sheet.png) left top no-repeat;
    cursor:pointer;
}

input[type="checkbox"]:checked + label span {
    background:url(images/check_radio_sheet.png) -19px top no-repeat;
}*/

.centercontent{width:900px; margin: 0 auto;}

.portraitpic{width:30%; display:inline-block; vertical-align:top;}
.portraittxt{width:60%; display:inline-block; vertical-align:top; text-align:left;}


/* gallery */
.content{ width:100%; position:absolute; left:0; top:100px;}
.viewer{width:80%; height:80%; margin: -800px auto;}
.gpic{width:150px; height:100px; overflow:hidden; display:inline-block; /*margin:2.5px; border:#FFFFFF solid 6px; */ transition:box-shadow 0.5s; cursor:pointer; margin:5px;}
.gvideo{width:150px; height:100px; overflow:hidden; background-color:#FF0004; display:inline-block; margin:10px; transition:box-shadow 0.5s; border:#FFFFFF solid 6px;}
.gpic:hover, .gvideo:hover{ box-shadow: 0 4px 8px 0 rgba(0, 0, 0, 0.2), 0 6px 20px 0 rgba(0, 0, 0, 0.19);}
.gwrap{text-align:center;}
.viewerwrap{ position:fixed; width:100%; height:100%; background-color:#333333; top:0px; left:0px; opacity:0; display:none;}
.logogal{ width: 150px; margin: 0 auto;}
.nextP, .previousP{ position:absolute; right:30px; top:50%; width:40px; height:40px; background-color: #737373;  text-align:center; opacity:0.3; border-radius:2px; transition:all 0.5s; line-height:40px;}
.previousP{left:30px;}
.nextP:hover { right:20px; opacity:1;}
.previousP:hover { left:20px; opacity:1;}

.closebtn{width:30px; height:30px;right:80px; top:70px; color: #737373; transition:all 0.3s; text-align:center; position:absolute; }
.closebtn:hover{color: #949494;}

.flote{width:400px; display:inline-block; vertical-align:top; margin:2%; text-align:left;}


.hidden{width:0px; height:0px; overflow:hidden; opacity:0;}
.fill{height:200px;}
#up{ width:40px; height:40px; position:fixed; right:-40px; bottom:20px; background-color:#6E6B60; color:#FFFFFF; text-align:center; transition:all 0.3s; z-index:9999999; line-height:40px;}
#up:hover{height:30px;}


.entypo{font-family: "entypo"}
.nextP, .previousP, .closebtn, #up, .sandwich{font-family: "entypo"; font-size:2.5em; }

.overlaysize{position:fixed; width:100%; height:100%; background-color:#FFFFFF; top:0; left:0; z-index:999999; text-align:center; display:none; transition:all 1s}
#loader{width:100%; height:100%; position: fixed; background-color:black; z-index:9999999999; text-align:center;}


.centerall{width:600px; margin: 0 auto;}
.centerall p{ margin-left:40px;}



.hand{ cursor: pointer;}

body{margin:0; padding:0;background-color:#fefaed;}

.nodrag{user-drag: none; 
user-select: none;
-moz-user-select: none;
-webkit-user-drag: none;
-webkit-user-select: none;
-ms-user-select: none;}

 #map {
        width: 100%; height:500px; background-color:#949494;
      }

form{ display:inline-block;}
.topmenu{ width:100%; position:absolute; left:0px; top:30px; text-align:center; font-family: 'Open Sans'; color:#89857B; text-transform: uppercase;  font-size:0.8em;}
#btmmenu{ width:100%; position:absolute; text-align:center; top:100%; margin-top:-250px;  font-family: 'Open Sans', sans-serif; font-weight:400; 
font-size:0.9em; color: grey;}
.topmenu2{ width:100%; text-align:center; font-family: 'Open Sans'; color:#89857B; background-color:#FFFFFF; position:fixed; height:40px; top:-70px; left:0px; z-index:99999; transition:top 1s; padding-top:20px; font-size:0.7em; font-weight:600; text-transform: uppercase;}

.topmenu3{ width:100%; text-align:center; font-family: 'Open Sans'; color:#89857B; position:absolute; height:40px; top:-70px; left:0px; z-index:99999; transition:top 1s; padding-top:20px; font-size:0.7em; font-weight:600; text-transform: uppercase;}

#logo{width:40%; position:absolute; left:50%; margin-left:-30px; top:50%; margin-top:-180px;}
#cover{top:0%; position:absolute; width:100%; left:0px;}

#newstrigger{ position:absolute; top:300px;}

/*icons*/
.iconwrap{ display:inline-block; text-align:center; margin:20px; color:#1c4861; font-family: 'Open Sans'; font-weight:600; position:relative;}
.icon{ width:60px; height: 60px; position:relative; margin: 0 auto;}
.school{width:65px; height: 65px; }
.iconoverlay{position:absolute; width:100%; height:100%; opacity:0; transition: opacity 0.4s; cursor:pointer;}
.iconoverlay:hover{opacity:1;}

/*fonts*/

p, ul{font-family: 'Open Sans', sans-serif; font-weight:400; color:#717171;}


h1{font-family: 'Open Sans', sans-serif; font-weight:300;
font-size:4em; text-align:left; color: #76090B; margin-bottom:0px; line-height:1em;
}

.red{color: #7a1e18;}
.blue{color:#1c4861;}
.bold{font-weight:600}
.intro{ font-weight:300; font-size:1.3em;}

.coverrest{ top:100%; height:1000px; position:absolute; background-color:#FFFFFF;}


#newspage{ position:absolute; top:100%; width:100%; text-align:center;}

.news{width:300px; display:inline-block; background-color:#e7dcc6; margin:10px; margin-bottom:40px; vertical-align:top; padding:0px; opacity:0.95; border-radius:2px;
box-shadow: 0 4px 8px 0 rgba(0, 0, 0, 0.1), 0 6px 20px 0 rgba(0, 0, 0, 0.01);
}

.news p{font-family: 'Open Sans', sans-serif; font-weight:400; 
font-size:0.9em; padding:20px; text-align:left; color: #89857B; line-height:1.5em; margin:0;
}

.news h1{font-family: 'Open Sans', sans-serif; font-weight:300;
font-size:2em; padding:20px; padding-bottom:0; text-align:left; color: #76090B; margin:0; line-height:1.1 em; margin-bottom:-10px;
}

h2{font-family: 'Open Sans', sans-serif; font-weight:300;
font-size:2em; text-align:left; margin-bottom:0px;
}

.news img{width:100%; height:auto; margin:0; padding:0;}
.news .imgwrap{height:150px; overflow:hidden;}


/*links*/

a{color: inherit; text-decoration:none; position: relative;}
a:hover{color:#8F8F8F;}

.underline{color: inherit; text-decoration:none; position: relative; cursor:pointer;}
.underline:hover{color:#8F8F8F;}

.underline:before {
  content: "";
  position: absolute;
  width: 100%;
  height: 2px;
  bottom: -3px;
  left: 0;
  background-color: #B6B6B6;
  visibility: hidden;
  -webkit-transform: scaleX(0);
  transform: scaleX(0);
  -webkit-transition: all 0.3s ease-in-out 0s;
  transition: all 0.3s ease-in-out 0s;
}

.underline:hover:before {
  visibility: visible;
  -webkit-transform: scaleX(1);
  transform: scaleX(1);
}


button{ font-family: 'Open Sans', sans-serif; font-size:13px; background-color:#76090B; border:none; color:#FFFFFF;
border-radius: 2px; cursor:hand; cursor:pointer; letter-spacing:0.8px;
padding:3px 6px 3px 6px;
transition: background-color 0.5s ease, padding 0.3s;
}
button:hover{background-color: #a49991; padding:3px 20px 3px 20px;}
button:focus{outline: none;}


@media (max-device-width: 900px)
and (orientation: portrait)
{
	.turndevice{ opacity: 1;}	
#logo{width:80%; position:absolute; left:10%; top:45%;}	
.news{width:90%; margin-left:10%; margin:0; margin-bottom:30px;}
.news .imgwrap{height:550px;}
button{font-size:1em;}
.centerall button{font-size:3em;}
.news p{ font-size:2.2em;}
.news h1{ font-size:4em;}
.icon .school{ width:160px; height: 160px;}	
#btmmenu{ top:60%; margin-top:0px;}
.iconwrap{ font-size:2.2em;}
.topmenu2, .topmenu3{ display:none;}
.topmenu{  font-size: 2em; display:none;}
.centerall{width:80%}
p, ul{ font-size:2em;}
.fill{height:1200px;}
h2{font-size:3em;}
.flote{width:90%;}	
.portraitpic{width:90%;}
.portraittxt{width:90%;}
.hidemobile{display:none !important;}
.hidedesktop{ display:block;}
	}

	@media (max-width: 1200px)
{
	#logo{position:absolute; margin-top:600px; top:55%;}
	}
	
@media (max-device-width: 900px)
and (orientation: portrait)
{
#logo{width:80%; position:absolute; left:10%; top:45%;}	

	}	
	
	
	@media (max-device-width: 900px)
and (orientation: landscape)
{
	#logo{position:absolute; margin-top:600px; top:60%;}
	

	#btmmenu{ margin-top:-170px;}
	}