body {
font-family: 'FlamanteSansLight', sans-serif;
margin:0;
padding:0;
border:0;
background-color:#fff;
width:100%;
height:auto;
display:block;
text-align:center;
background-image: url(../../media/waldhisli-hintergrund.jpg);
background-attachment: fixed;
background-size:cover;
background-repeat:no-repeat;
background-position:center;
font-weight: 300;
font-style: normal;
margin:0px;
padding:0px;
letter-spacing:.03em;
font-size:18px;
-webkit-text-size-adjust: none;
text-size-adjust: none;
color: #000;
line-height: 2.1em;
}

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

.header {
width:100%;
height:100px;
position:fixed;
background-color:transparent;
display:flex;
justify-content: space-around;
vertical-align: top;
z-index:3;
z-index:200;
background-attachment: fixed;
background-size:cover;
background-position:center;
background-image: url(../../media/waldhisli-hintergrund.jpg);
margin:0;
transition: 0.5s all;
padding-top:15px;

}



.headerinner {
width:90%;
height:200px;
position:relative;
vertical-align: top;
transition: 0.5s all;
}

.header > div {

}

.menubuttonrahmen {
width:28%;
position:relative;
height:120px;
display:inline-block;
background-color:transparent;
text-align: left;
transition: 0.5s all;
}

.menubutton {
display:inline-block;
width:50px;
height:50px;
position:relative;
background-image:url(../../media/menue.png);
border:0;
appearance: none;
-webkit-appearance: none;
background-size:42px;
background-repeat:no-repeat;
background-position:4px 20px;
background-color:transparent;
cursor:pointer;
margin-left:45px;

}

.logo {
width:30%;
height:150px;
display:inline-block;
position:relative;
background-color:transparent;
vertical-align: middle;
padding-top:55px;
transition: 0.5s all;
}


.logo a {
width:100%;
height:100px;
display:inline-block;
position:relative;
vertical-align: middle;
max-width:200px;
text-align:center;
}

.logo a img {
width:100%;
height:auto;
display:inline-block;
position:relative;
vertical-align: middle;
transition: 0.5s all;
}

.iconsrechts {
width:27%;
position:relative;
height: 140px;
background-color:transparent;
display:inline-block;
justify-content: space-around;
text-align:right;
padding-top:60px;
}
.iconsrechts a {
width:60px;
height:60px;
vertical-align: middle;
background-color:transparent;
display:inline-block;
position:relative;
appearance: none;
-webkit-appearance: none;
background-size:45px;
background-repeat:no-repeat;
background-position:center;
background-color:transparent;
}

.iconsrechts a.buchen {
background-image:url(../../media/buchen.png);
background-size:35px;
background-position:center 15px;
}


.iconsrechts a.shop {
background-image:url(../../media/shop.png);
background-size:25px;
}
.iconsrechts a.gutschein {
background-image:url(../../media/gutschein.png);
background-size:40px;
}
.iconsrechts a.telefon {
background-image:url(../../media/telefon.png);
background-size:30px;
background-position:3px 16px;
}


.menu {
opacity:0;
width:100%;
height:auto;
z-index:-100;
position:fixed;
background-image: url(../../media/waldhisli-hintergrund.jpg);
background-attachment: fixed;
background-size:cover;
background-repeat:no-repeat;
background-position:center;
}

.menuauf .menu {
opacity:1;
width:100%;
height:100vh;
z-index:102;
position:fixed;
padding-top:30vh;
}

.menu ul {
list-style:none;
margin:0;
padding:0;

}
.menu ul ul {
list-style:none;
margin:0;
padding:0;
opacity:0;
height:0;
overflow:hidden;
}
.menu ul ul.show {
list-style:none;
margin:0;
padding:0;
opacity:1;
height:auto;
}
.menu ul li {
list-style:none;
transition:all .5s;
height:0px;
}
.menu ul li a {
list-style:none;
opacity:0;
text-transform:uppercase;
padding-bottom:0px;
letter-spacing:.15em;
font-size:1.6em;
transition:all .5s;
letter-spacing: .16em;
}

.menu ul ul li.back a {
font-size:1.3em;
font-size: 0.8em;
letter-spacing: .18em;
}
.menuauf .menu ul li a {
list-style:none;
opacity:1;
text-transform:uppercase;
padding-bottom:20px;
display:block;

}


.menuauf .menu ul li a:hover {
color: #b7805d;
}

.menuauf.submenuauf .menu ul li:not(.show) {
list-style:none;
opacity:0;
text-transform:uppercase;
padding-bottom:0px;
height:0;
overflow:hidden;
display:block;
transition:all .5s;
}
.menuauf .menu ul li {
height:70px;
}


.menuauf.submenuauf .menu ul > ul.show li.show {
list-style:none;
opacity:1;
text-transform:uppercase;
transition:all .5s;
overflow:visible;
display:block;
}
.menuauf.submenuauf .menu ul a.opensubmenu {
list-style:none;
text-transform:uppercase;
visibility:hidden;
height:0;
padding-bottom:0px;
overflow:hidden;
display:block;
transition:all 0s;
}

.content {
width: 100%;
padding-right: 0%;
padding-left: 0%;
position: relative;
padding-top: 250px;
}

.footer {
background-color:#fff;
padding-top: 50px;
margin-top: 130px;
margin-bottom: 0px;
font-size: 1.0em;
}

.footer #standort {
width: 33px;
height: auto;
position: relative;
padding-right: 2%;
}

.footer #facebook {
width: 25px;
height: auto;
position: relative;
padding-right: 2%;
}

.footer #instagram {
width: 45px;
height: auto;
position: relative;
}

#texRahmen5 strong {
font-weight: normal;
letter-spacing:.2em;
color: #000;
font-size: 1.0em;
letter-spacing:.25em;
}

#texRahmen5 {
padding-bottom: 30px;
}

#texRahmen6 {
background-color: #c4ab94;
height: 55px;
width: 100%;
line-height: 5em;
margin-bottom: 0;
font-size: 0.8em;
letter-spacing:.18em;
padding-bottom:8px;
}

.bildwechsel button {
position:relative;
top:-35vh;
width:40px;
height:40px;
z-index:50;
margin:0;
padding:0;
font-size:0.8em;
line-height:1.0em;
background-color:#c4ab94;
}

.bildwechsel button.prev {
position:relative;
left:-43%;
top: -330px;
}
.bildwechsel button.next {
position:relative;
right:-43%;
top: -330px;
}

.iwcc-show-box {
cursor: pointer;
}

@media screen and (max-width: 1000px) {
body {
font-family: 'FlamanteSansLight', arial, sans-serif;
margin:0;
padding:0;
border:0;
background-color:#fff;
width:100%;
height:auto;
display:block;
text-align:center;
background-image: url(../../media/waldhisli-hintergrund-mobil2.jpg);
background-attachment: fixed;
background-size:120%;
background-repeat:repeat-y;
background-position:0 0;
font-weight: 200;
font-style: normal;
margin:0px;
padding:0px;
letter-spacing:.07em;
font-size:18px;
-webkit-text-size-adjust: none;
text-size-adjust: none;
color: #000;
line-height: 2em;
}
.menu {
opacity:0;
width:100%;
height:auto;
z-index:-100;
position:fixed;
background-image: url(../../media/waldhisli-hintergrund-mobil2.jpg);
background-attachment: fixed;
background-size:100%;
background-repeat:no-repeat;

background-position:0 0;
}

.menuauf .menu {
opacity:1;
width:100%;
height:110vh;
z-index:98;
position:fixed;
background-image: url(../../media/waldhisli-hintergrund-mobil2.jpg);
background-attachment: fixed;
background-size:100%;
background-repeat:repeat-y;
padding-top:18vh;
}

.sticky.menuauf .menu {
opacity:1;
width:100%;
height:110vh;
z-index:98;
position:fixed;
background-image: url(../../media/waldhisli-hintergrund-mobil2.jpg);
background-attachment: fixed;
background-size:100%;
background-repeat:repeat-y;
padding-top:18vh;
}
.sticky.menuauf .logo {
display:none;
}

.menuauf .logo {
display:none;
}
.header {
width:100%;
height:auto;
position:relative;
background-color:transparent;
display:block;
justify-content: space-around;
vertical-align: top;
z-index:3;
z-index:200;
background-attachment: fixed;
background-size:100%;
background-position:0 0;
background-image: none;
margin:0;
transition: 0.5s all;
text-align:center;
}



.headerinner {
width:100%;
height:100px;
position:relative;
vertical-align: top;
transition: 0.5s all;
}

.header > div {

}

.menubuttonrahmen {
width:49%;
position:relative;
height:40px;
display:inline-block;
background-color:transparent;
text-align: left;
transition: 0.5s all;
text-align:center;
display:none;
}

.menubutton {
display:inline-block;
width:35px;
height:35px;
position:relative;
background-image:url(../../media/menue.png);
border:0;
appearance: none;
-webkit-appearance: none;
background-size:45px;
background-repeat:no-repeat;
background-position:center;
background-color:transparent;
cursor:pointer;
margin-top:13px;
margin-left:0;
}

.content {
padding-top:90px;
}

.logo {
width:90%;
height:90px;
display:inline-block;
position:relative;
background-color:transparent;
vertical-align: middle;
padding-top:80px;
transition: 0.5s all;
text-align:center;
}


.logo a {
width:80%;
height:90px;
display:inline-block;
position:relative;
vertical-align: middle;
max-width:250px;
text-align:center;
max-width:150px;
}

.logo a img {
width:100%;
height:auto;
display:inline-block;
position:relative;
vertical-align: middle;
transition: 0.5s all;
}

.iconsrechts {
width:30%;
position:relative;
height: 100px;
background-color:transparent;
display:block;
padding-top:0px;
text-align:center;
}
.iconsrechts a {
width:60px;
height:60px;
vertical-align: middle;
background-color:transparent;
display:inline-block;
position:relative;
appearance: none;
-webkit-appearance: none;
background-size:45px;
background-repeat:no-repeat;
background-position:center;
background-color:transparent;
}

.iconsrechts a.buchen {
background-image:url(../../media/buchen.png);
background-size:40px;
}
.iconsrechts a.shop {
background-image:url(../../media/shop.png);
background-size:25px;
}
.iconsrechts a.gutschein {
background-image:url(../../media/gutschein.png);
background-size:40px;
}
.iconsrechts a.telefon {
background-image:url(../../media/telefon.png);
background-size:35px;
}

}



@media screen and (min-width: 1000px) {
.header.sticky {
height:125px;
}
.header.sticky .headerinner {
height:125px;
padding-top:0;
vertical-align: top;

}

.header.sticky .menubuttonrahmen {
height:100px;
padding-top:0;
top:-35px;
}

.header.sticky .iconsrechts {
padding-top:0px;
top:-35px;
}
.header.sticky .logo {
width:30%;
padding-top:15px;
}

.header.sticky .logo a img {
width:75%;
padding-top:0px;
}
.mnicht {
	
	display:block;
	
}
}
@media screen and (max-width: 1000px) {

.mnicht {
	
	display:none;
	
}

.iconsrechts {
width:86%;
position:fixed;
height: 60px;
background-color:transparent;
display:inline-flex;
justify-content: space-between;
text-align:left;
top:0;
left:0;
z-index:200;
background-color: #c4ab94;
padding:0 8%;
}

.iconsrechts a {
width: 85px;
height: 60px;
}

.menubuttonrahmen {
z-index: 20;
}

body {
letter-spacing:.07em;
font-size:15px;
line-height: 1.0em;
}

.iconsrechts a.buchen {
background-image:url(../../media/buchen.png);
background-size:26px;
margin-left:22%;
}
.iconsrechts a.shop {
background-image:url(../../media/shop.png);
background-size:19px;
}
.iconsrechts a.gutschein {
background-image:url(../../media/gutschein.png);
background-size:30px;
}
.iconsrechts a.telefon {
background-image:url(../../media/telefon.png);
background-size:24px;
}
.logo a img {
z-index: 20;
}

.footer #standort {
width: 23px;
height: auto;
position: relative;
padding-right: 2%;
}

.footer #facebook {
width: 19px;
height: auto;
position: relative;
padding-right: 2%;
}

.footer #instagram {
width: 33px;
height: auto;
position: relative;
}


}

@media screen and (max-width: 1000px) {
.iconsrechts a {
width: 40px;
height: 56px;
}

.iconsrechts a.telefon {
width: 35px;
height: 56px;
}

.footer {
background-color:#fff;
padding-top: 35px;
margin-top: 50px;
margin-bottom: 0px;
font-size: 1.0em;
}

}

.menuauf .menu ul li a {
list-style:none;
opacity:1;
text-transform:uppercase;
padding-bottom:20px;
display:block;

}

.menuauf .menu ul li a:hover {
color: #b7805d;
}

.menuauf.submenuauf .menu ul li:not(.show) {
list-style:none;
opacity:0;
text-transform:uppercase;
padding-bottom:0px;
height:0;
overflow:hidden;
display:block;
transition:all .5s;
}
.menu ul li a {

}
.menuauf .menu ul li {
height:70px;
}

.menuauf .menu ul li a {
font-size:1.5em;
}
br.doch {
display:block;
}
@media screen and (max-width:1000px) {
.menuauf .menu ul li {
height:45px;
}
.menuauf .menu ul li a {
font-size:1.3em;
}
}



@media screen and (max-width:1100px) and (orientation:landscape) {

.menuauf .menu {
padding-top:25vh;
}

.menuauf .menu ul li {
height:38px;
}
.menuauf .menu ul li a {
font-size:1.1em;
}


}
script {
display:none;
position:absolute;
top:0;
left:0;
width:0;
height:0;
}


#rechtlich {
width:50%;
height:auto;
top:30%;
left:20%;
position:fixed;
background-color:#ffffff;
z-index:200;

padding:3%;
box-shadow:0px 0px 10px #000;
}

#rechtlich strong {
font-weight:normal;
letter-spacing:0.2em;
text-transform: uppercase;
}

#rechtlich a, #rechtlich button {
float: none;
color: #ffffff;
text-decoration: none;
margin: auto;
font-weight: normal;
background-color: #c4ab94;
display:block;
width:80%;
padding:13px 3% 13px 3%;
font-size:1.0em;
border:0;
text-align:center;
}

.textRahmen.popup_content {
  margin: 10px;
  padding: 0 10px;
  max-width: 34%;
  border: 0px solid #444;
  background: rgba(255,255,255,1);
  text-align:center;
  box-shadow:1px 1px 10px #000;
  background-image: url(../../media/waldhisli-hintergrund.jpg);
background-attachment: fixed;
background-size:cover;
background-repeat:no-repeat;
background-position:center;
padding-left:3%;
padding-right:3%;

}

.textRahmen.popup_content p {
line-height:1.8em;
}
@media screen and (min-width:1000px) {
.textRahmen.popup_content {
top: 100px;
}
}
.JPO_close {
width:50px;
height:50px;
background-image:url(../../media/close.png);
position: relative;
background-size: 25px;
background-repeat: no-repeat;
color: transparent;
right:0px;
position:absolute;
cursor: pointer;
top: 20px;
}

.JPO_open {
display:none;
}
.popup_content h4 {
 margin:0 auto;
 display:inline-block;
}
@media screen and (max-width:1000px) {
#rechtlich {
width:80%;
left:7%;
}
.textRahmen.popup_content, 
.sticky .textRahmen.popup_content {
  margin: 10px;
  padding: 0 0px;
  max-width: 85%;
  border: 0px solid #444;
  background: rgba(255,255,255,1);
    background-image: url(../../media/waldhisli-hintergrund.jpg);

background-size:250%;
background-repeat:no-repeat;
background-position:top;
padding-left:3%;
padding-right:3%;
top:5%;
width:80%;
}
.textRahmen.popup_content,
.sticky .textRahmen.popup_content {
padding-left:5%;
padding-right:5%;
top:5%;
width:75%;
}
.popup_content br {
display:block;
}

}


@media (max-height:1000px) and (orientation:landscape){
body {

background-image: url(../../media/waldhisli-hintergrund.jpg);
background-attachment: fixed;
background-size: 100%;
background-repeat: no-repeat;
background-position: top center;

}

.header {
background-size: 100%;
background-attachment: fixed;
background-position: top center;
}

.menu {
opacity: 0;
width: 100%;
height: auto;
z-index: -100;
position: fixed;
background-image: url(../../media/waldhisli-hintergrund.jpg);
background-attachment: fixed;
background-size: cover;
background-repeat: no-repeat;
background-position: center;
background-size: 100%;
background-attachment: fixed;
background-position: top center;
}

.menuauf .menu ul li a {

padding-bottom:0px;


}
.menuauf .menu ul li {
height: 45px;
}

.headerinner {
width: 90%;
height: 150px;
}

.menuauf .menu {

padding-top: 30vh;
}

.logo {
width: 30%;
height: 100px;
display: inline-block;
position: relative;
background-color: transparent;
vertical-align: middle;
padding-top: 5px;
transition: 0.5s all;
}

}