/* Adlerlounge Stylesheet */
/* ---------------- */
/*  01.12.2016		*/
/* ---------------- */



/*
font-family: 'Playfair Display', serif;
font-family: 'Nunito Sans', sans-serif;
*/


/* DIVs */


* {margin:0px; padding:0px; box-sizing:border-box}
.clearer {clear:both}
.table {display:table; width:100%}
.tableCell {display:table-cell; width:100%; height:100%}
.h100pro {height:100%}


html {
	height:100%;
}
body {
	font: 100% 'Nunito Sans', sans-serif;
	margin: 0;
	padding: 0;
	color: #58585a;
	line-height:1.2em;
	background-color:#fff;
	height:100%;
}

a img {
	border: 0;
}



.fl {float:left}
.cleaer {clear:both}
.clearer {clear:both}
.clearboth {clear:both}
.hide-mobile {display:block}
.hide-desktop {display:none}


#container {width:100%; max-width:100%}
#header {max-width:1300px; position:relative; margin:0px auto; padding-left:50px; padding-right:50px; padding-top:20px; padding-bottom:20px; z-index:1; background-color:#FFF}
#LogoOuter {position:relative; width:auto; display:inline-block}
#LogoOuter img {width:60px}
#menu {position:relative; float:right; margin-top:30px}
#menu ul {float:left}
#menu ul li {list-style-type:none; display:inline-block;  margin-right:50px;  }
#menu ul li a {color:#000; text-decoration:none;  font-size: 1rem;
    font-style: italic;
    font-weight: 500;
    text-transform: none;
	font-family: "Playfair Display","Times New Roman",serif;
	}


#menu ul li a:after {
  display:block;
  content: '';
  border-bottom: solid 1px #454545;  
  transform: scaleX(0);  
  transition: transform 150ms ease-in-out;
}
#menu ul li a:hover:after { transform: scaleX(1); }

#headerbildHome, .headerbildHome {height:100%; width:100%; display:block; background-color:#CCC; clear:both}
#headerbildHome {max-height:700px}
#headerbildHome ul {}
#headerbildHome ul, #headerbildHome ul li {width:100%; height:900px; list-style-type:none; max-height:100%}
#headerbildHome ul li {background-size:cover;  text-align:center; vertical-align:central; padding:3%; padding-top:5%;}
.headerbildText .zeile1 {line-height:100%; color:#FFF; font-family:"Playfair Display","Times New Roman",serif; font-size:2.5em; font-weight:bold; font-style:italic}
.headerbildText .zeile2 {line-height:100%; color:#FFF; font-family:"Nunito Sans", sans-serif; font-size:2em;margin-top:40px; font-weight:100}

.latestnews {clear:both;}
.mw1100px {max-width:1100px; position:relative; margin:0px auto;  padding: 80px 20px;}
.teaserkopf {line-height:1.5em; color:#393939; font-family:"Playfair Display","Times New Roman",serif; font-size:3em; font-weight:bold;  font-style:italic}
#content1 .teaserkopf {font-size:2em; font-weight:normal}
.teaserbild {max-width:400px}
.teaserbildOuter {float:left; padding-right:40px}
.teaserStartseiteText {line-height:1.5em;}
.teasermorea { color: #393939; border:1px solid #d7d7d7; font-size: 1.125rem;
    line-height: 1.77778;  display: inline-block;
    font-size: 0.95rem;
    font-weight: 300;
    line-height: 1.73333;
    max-width: 100%;
    min-width: 20%;
    overflow: hidden;
    position: relative;
    text-align: center;
    text-decoration: none;
    transition: all 250ms ease-in 0s;
    width: auto;  box-sizing: border-box; margin-top:30px; min-height:40px; padding-top:10px}
.teasermorea:hover {border-color:#000}
.teaserBildVoll {width:100%; position:relative}
.teaserBildVoll img.bildvoll {width:100%; max-height:700px}
.teaserBildVoll .teaserBildVollText {position:absolute; top:20%; width:100%; text-align:center; line-height:100%; color:#FFF; font-family:"Playfair Display","Times New Roman",serif; font-size:3em; font-weight:bold;}
.w400px {width:500px; float:left; padding-right:40px}
.w400px .teasermorea {width:50%}


.headerbildContent {width:100%; display:block; background-color:#CCC; clear:both; max-height:400px; height:400px}
.headerbildContent ul {}
.headerbildContent ul, .headerbildContent ul li {width:100%; height:100%; list-style-type:none}
.headerbildContent ul li {background-size:cover;  text-align:center; vertical-align:central; padding:3%; padding-top:5%;}

.contentcont {padding-top:50px; max-width:1100px; width:100%; margin:0px auto; position:relative; line-height:1.5em;}
.contentcont h1 {line-height:100%; color:#000; font-family:"Playfair Display","Times New Roman",serif; font-size:3em; font-weight:bold; font-style:italic; text-align:center; margin-bottom:30px}
.contentcont h2 {line-height:100%; color:#000; font-family:"Playfair Display","Times New Roman",serif; font-size:3em; font-weight:bold; font-style:italic; text-align:center; margin-bottom:30px}

#footer, #footer2 {width:100%; max-width:1100px; position:relative; margin:0px auto; text-align:center}
#footer h2{line-height:100%; color:#000; font-family:"Playfair Display","Times New Roman",serif; font-size:3em; font-weight:bold;  text-align:center; margin-bottom:30px}
#footer2 {margin-top:40px; padding-bottom:50px}
#footer2 .spalte {width:50%; float:left; padding-left:30px; padding-right:30px}
#footer2 .adresse {width:100%; text-align:left; font-size:0.8em}
#footer2 .adresse tr td {padding-bottom:20px}
#footer2 .adresse tr td:first-child {width:30px; vertical-align:text-top; vertical-align:sub }
#footer2 img#footerDummy {max-width:100%}

a {text-decoration:none; color:#000}

img.gallery  {margin:10px}

.langChange {float:left}

.impressumLogos {padding-top:50px; max-width:1100px; width:100%; margin:0px auto; position:relative; line-height:1.5em; padding-bottom:50px; display:table; border-top:1px solid #666}
.impressumLogos ul {float:right}
.impressumLogos ul li {display:block; width:60px; height:60px; margin-right:10px; float:left; list-style-image:none; background-repeat:no-repeat; background-position:center; background-size:contain}
.impressumLogos ul li a {display:block; width:100%; height:100%; text-indent:-10000px}
.impressumLogos ul li.grossglockner {background-image:url(/UserFiles/Image/logos/logo-gg.png)}
.impressumLogos ul li.osttirol {background-image:url(/UserFiles/Image/logos/logo-ostirol.png)}
.impressumLogos ul li.schultz {background-image:url(/UserFiles/Image/logos/logo-schultz.png)}


#anfrageformular {color: #000; max-width:1100px; margin:0px auto; border:1px solid #ccc;  box-sizing:border-box; padding:20px; margin-top:20px; margin-bottom:40px; background-color:#eee}
#anfrageformular h3 {margin-bottom:20px}
#anfrageformular td {color:#000; font-size:1em}

#anfrageformular input[type=text] {width:100%; height:40px; margin-bottom:10px;   font-size:1em}
#anfrageformular #from, #anfrageformular #to {width:200px}
#anfrageformular #plz {width:20%;}
#anfrageformular #ort {width:79%;}
#anfrageformular #password {width:100px; height:50px; margin-left:10px; margin-top:0px}
#anfrageformular #cimage {float:left}
#anfrageformular select {min-width:10px; height:40px; margin-bottom:10px; padding-left:10px; font-size:1em}
#zimmertyp1anzahl, #zimmertyp2anzahl {width:80px}
#anfrageformular #submit {width:100%; height:50px; text-align:center; background-color:#ccc; color:#FFF; font-size:1.2em; text-transform:uppercase; border:0px}


#anfrageformular input[type=text], #anfrageformular textarea {
  -webkit-transition: all 0.30s ease-in-out;
  -moz-transition: all 0.30s ease-in-out;
  -ms-transition: all 0.30s ease-in-out;
  -o-transition: all 0.30s ease-in-out;
  outline: none;
  padding: 3px 0px 3px 3px;
  margin: 5px 1px 3px 0px;
  border: 1px solid #DDDDDD;
}
 
#anfrageformular input[type=text]:focus, #anfrageformular textarea:focus {
  box-shadow: 0 0 5px rgba(81, 203, 238, 1);
  padding: 3px 0px 3px 3px;
  margin: 5px 1px 3px 0px;
  border: 1px solid rgba(81, 203, 238, 1);
}

#hidden_link {display:none}
.impressum a {font-family:"Playfair Display","Times New Roman",serif;}

#buttonsRight {width:92px; height:282px; position:fixed; right:0px; top:500px; z-index:900; display:block}
#buttonsRight span {background-color:#666; margin-bottom:1px; width:100%; height:63px; cursor:pointer; color:#FFF; display:block}
#buttonsRight span:hover {background-color:#000}
#b360 {background-image:url(/UserFiles/Image/structure/buttons_right.png); background-repeat:no-repeat}
#bAnreise{background-image:url(/UserFiles/Image/structure/buttons_right.png); background-repeat:no-repeat; background-position:0px -65px}
#bAnfragen{background-image:url(/UserFiles/Image/structure/buttons_right.png); background-repeat:no-repeat;  background-position:0px -140px}
#bLivecams{background-image:url(/UserFiles/Image/structure/buttons_right.png); background-repeat:no-repeat;  background-position:0px -215px}


#nav_mobile {display:none}

#googleMap {width:100%; height:250px; border:0px}