body,form,figure{margin:0;padding:0}img{border:0}header,footer,nav,section,aside,article,figure,figcaption{display:block}body{font-size:100.01%}select,input,textarea{font-size:99%}#container,.inside{position:relative}#main,#left,#right{float:left;position:relative}#main{width:100%}#left{margin-left:-100%}#right{margin-right:-100%}#footer{clear:both}#main .inside{min-height:1px}.ce_gallery>ul,.content-gallery>ul{margin:0;padding:0;overflow:hidden;list-style:none}.ce_gallery>ul li,.content-gallery>ul li{float:left}.ce_gallery>ul li.col_first,.content-gallery>ul li.col_first{clear:left}.float_left,.media--left>figure{float:left}.float_right,.media--right>figure{float:right}.block{overflow:hidden}.media{display:flow-root}.clear,#clear{height:.1px;font-size:.1px;line-height:.1px;clear:both}.invisible{border:0;clip:rect(0 0 0 0);height:1px;margin:-1px;overflow:hidden;padding:0;position:absolute;width:1px}.custom{display:block}#container:after,.custom:after{content:"";display:table;clear:both}
@media (max-width:767px){#wrapper{margin:0;width:auto}#container{padding-left:0;padding-right:0}#main,#left,#right{float:none;width:auto}#left{right:0;margin-left:0}#right{margin-right:0}}img{max-width:100%;height:auto}.audio_container audio{max-width:100%}.video_container video{max-width:100%;height:auto}.aspect,.responsive{position:relative;height:0}.aspect iframe,.responsive iframe{position:absolute;top:0;left:0;width:100%;height:100%}.aspect--16\:9,.responsive.ratio-169{padding-bottom:56.25%}.aspect--16\:10,.responsive.ratio-1610{padding-bottom:62.5%}.aspect--21\:9,.responsive.ratio-219{padding-bottom:42.8571%}.aspect--4\:3,.responsive.ratio-43{padding-bottom:75%}.aspect--3\:2,.responsive.ratio-32{padding-bottom:66.6666%}
.rs-columns {
  clear: both;
  display: inline-block;
  width: 100%;
}

.rs-column {
  float: left;
  width: 100%;
  margin-top: 7.69231%;
  margin-right: 7.69231%;
}
.rs-column.-large-first {
  clear: left;
}
.rs-column.-large-last {
  margin-right: -5px;
}
.rs-column.-large-first-row {
  margin-top: 0;
}
.rs-column.-large-col-1-1 {
  width: 100%;
}
.rs-column.-large-col-2-1 {
  width: 46.15385%;
}
.rs-column.-large-col-2-2 {
  width: 100%;
}
.rs-column.-large-col-3-1 {
  width: 28.20513%;
}
.rs-column.-large-col-3-2 {
  width: 64.10256%;
}
.rs-column.-large-col-3-3 {
  width: 100%;
}
.rs-column.-large-col-4-1 {
  width: 19.23077%;
}
.rs-column.-large-col-4-2 {
  width: 46.15385%;
}
.rs-column.-large-col-4-3 {
  width: 73.07692%;
}
.rs-column.-large-col-4-4 {
  width: 100%;
}
.rs-column.-large-col-5-1 {
  width: 13.84615%;
}
.rs-column.-large-col-5-2 {
  width: 35.38462%;
}
.rs-column.-large-col-5-3 {
  width: 56.92308%;
}
.rs-column.-large-col-5-4 {
  width: 78.46154%;
}
.rs-column.-large-col-5-5 {
  width: 100%;
}
.rs-column.-large-col-6-1 {
  width: 10.25641%;
}
.rs-column.-large-col-6-2 {
  width: 28.20513%;
}
.rs-column.-large-col-6-3 {
  width: 46.15385%;
}
.rs-column.-large-col-6-4 {
  width: 64.10256%;
}
.rs-column.-large-col-6-5 {
  width: 82.05128%;
}
.rs-column.-large-col-6-6 {
  width: 100%;
}
@media screen and (max-width: 900px) {
  .rs-column {
    margin-top: 7.69231%;
    margin-right: 7.69231%;
  }
  .rs-column.-large-first {
    clear: none;
  }
  .rs-column.-large-last {
    margin-right: 7.69231%;
  }
  .rs-column.-large-first-row {
    margin-top: 7.69231%;
  }
  .rs-column.-medium-first {
    clear: left;
  }
  .rs-column.-medium-last {
    margin-right: -5px;
  }
  .rs-column.-medium-first-row {
    margin-top: 0;
  }
  .rs-column.-medium-col-1-1 {
    width: 100%;
  }
  .rs-column.-medium-col-2-1 {
    width: 46.15385%;
  }
  .rs-column.-medium-col-2-2 {
    width: 100%;
  }
  .rs-column.-medium-col-3-1 {
    width: 28.20513%;
  }
  .rs-column.-medium-col-3-2 {
    width: 64.10256%;
  }
  .rs-column.-medium-col-3-3 {
    width: 100%;
  }
  .rs-column.-medium-col-4-1 {
    width: 19.23077%;
  }
  .rs-column.-medium-col-4-2 {
    width: 46.15385%;
  }
  .rs-column.-medium-col-4-3 {
    width: 73.07692%;
  }
  .rs-column.-medium-col-4-4 {
    width: 100%;
  }
  .rs-column.-medium-col-5-1 {
    width: 13.84615%;
  }
  .rs-column.-medium-col-5-2 {
    width: 35.38462%;
  }
  .rs-column.-medium-col-5-3 {
    width: 56.92308%;
  }
  .rs-column.-medium-col-5-4 {
    width: 78.46154%;
  }
  .rs-column.-medium-col-5-5 {
    width: 100%;
  }
  .rs-column.-medium-col-6-1 {
    width: 10.25641%;
  }
  .rs-column.-medium-col-6-2 {
    width: 28.20513%;
  }
  .rs-column.-medium-col-6-3 {
    width: 46.15385%;
  }
  .rs-column.-medium-col-6-4 {
    width: 64.10256%;
  }
  .rs-column.-medium-col-6-5 {
    width: 82.05128%;
  }
  .rs-column.-medium-col-6-6 {
    width: 100%;
  }
}
@media screen and (max-width: 599px) {
  .rs-column {
    margin-top: 7.69231%;
    margin-right: 7.69231%;
  }
  .rs-column.-large-last {
    margin-right: 7.69231%;
  }
  .rs-column.-large-first-row {
    margin-top: 7.69231%;
  }
  .rs-column.-medium-first {
    clear: none;
  }
  .rs-column.-medium-last {
    margin-right: 7.69231%;
  }
  .rs-column.-medium-first-row {
    margin-top: 7.69231%;
  }
  .rs-column.-small-first {
    clear: left;
  }
  .rs-column.-small-last {
    margin-right: -5px;
  }
  .rs-column.-small-first-row {
    margin-top: 0;
  }
  .rs-column.-small-col-1-1 {
    width: 100%;
  }
  .rs-column.-small-col-2-1 {
    width: 46.15385%;
  }
  .rs-column.-small-col-2-2 {
    width: 100%;
  }
  .rs-column.-small-col-3-1 {
    width: 28.20513%;
  }
  .rs-column.-small-col-3-2 {
    width: 64.10256%;
  }
  .rs-column.-small-col-3-3 {
    width: 100%;
  }
  .rs-column.-small-col-4-1 {
    width: 19.23077%;
  }
  .rs-column.-small-col-4-2 {
    width: 46.15385%;
  }
  .rs-column.-small-col-4-3 {
    width: 73.07692%;
  }
  .rs-column.-small-col-4-4 {
    width: 100%;
  }
  .rs-column.-small-col-5-1 {
    width: 13.84615%;
  }
  .rs-column.-small-col-5-2 {
    width: 35.38462%;
  }
  .rs-column.-small-col-5-3 {
    width: 56.92308%;
  }
  .rs-column.-small-col-5-4 {
    width: 78.46154%;
  }
  .rs-column.-small-col-5-5 {
    width: 100%;
  }
  .rs-column.-small-col-6-1 {
    width: 10.25641%;
  }
  .rs-column.-small-col-6-2 {
    width: 28.20513%;
  }
  .rs-column.-small-col-6-3 {
    width: 46.15385%;
  }
  .rs-column.-small-col-6-4 {
    width: 64.10256%;
  }
  .rs-column.-small-col-6-5 {
    width: 82.05128%;
  }
  .rs-column.-small-col-6-6 {
    width: 100%;
  }
}

table.sortable thead th{background-image:url(../../assets/tablesorter/images/default.svg);background-repeat:no-repeat;background-position:center right}table.sortable thead th.tablesorter-headerAsc{background-image:url(../../assets/tablesorter/images/asc.svg)}table.sortable thead th.tablesorter-headerDesc{background-image:url(../../assets/tablesorter/images/desc.svg)}
.content-slider{overflow:hidden;visibility:hidden;position:relative}.slider-wrapper{overflow:hidden;position:relative}.slider-wrapper>*{float:left;width:100%;position:relative}.slider-control{height:30px;position:relative}.slider-control a,.slider-control .slider-menu{position:absolute;top:9px;display:inline-block}.slider-control .slider-prev{left:0}.slider-control .slider-next{right:0}.slider-control .slider-menu{top:0;width:50%;left:50%;margin-left:-25%;font-size:27px;text-align:center}.slider-control .slider-menu b{color:#bbb;cursor:pointer}.slider-control .slider-menu b.active{color:#666}
.umweltzeichen {
    right: 35px;
    top: -15px;
    position: absolute;
    z-index: 5;
}

.saveholiday {
    width: 100px;
    left: 0;
    top: 0;
    position: absolute;
    z-index: 5;
    transform: rotate(-20deg);
}

.close {
    display: none;
}

.corona {
    margin-top: 44px;
    border: 3px solid #827366;
}

#main .corona .button {
    display: inline-block;
    margin-top: 20px;
    padding: 5px 15px;
    background-color: #827366;
    color: #fff;
}

#main .buttonvid {
    display: inline-block;
    margin-top: 25px;
    margin-bottom: 25px;
    padding: 5px 15px;
    background-color: #827366;
    color: #FFFFFF;
}

#panotour a {
    right: 0;
    top: 130px;
    position: fixed;
    display: block;
    padding: 12px 25px;
    background-color: #827366;
    text-decoration: none;
    color: #FFFFFF;
    text-transform: uppercase;
    z-index: 9999;
}

#Manggehof a {
    right: 0;
    top: 180px;
    position: fixed;
    display: block;
    padding: 12px 28.5px;
    background-color: #827366;
    text-decoration: none;
    color: #FFFFFF;
    text-transform: uppercase;
    z-index: 9999;
}

.cookiebar button:hover {
    background-color: #BAB9C1;
}

.cookiebar button {
    background-color: #666666;
}

.cookiebar {
    width: 100%;
    background-color: #827366;
    z-index: 99999999;
}

#NavControl {
    display: none;
}

.huette-info:hover .zimmerhover {
    opacity: 1;
}

.zimmerhover {
    width: 100%;
    height: 280px;
    position: absolute;
    display: block;
    background-color: rgba(0, 0, 0, .85);
    opacity: 0;
}

#main .zimmerhover a {
    top: 125px;
    position: relative;
    padding: 5px 20px;
    border: 1px solid #fff;
    color: #fff;
    text-transform: uppercase;
}

#main .zimmerhover a:hover {
    text-decoration: underline;
    color: #fff;
}

i {
    margin-right: 5px;
}

body,
textarea {
    text-align: center;
    font: 16px/24px PT Sans;
    color: #4C4C50;
}

.aktiv .text {
    min-height: 200px;
    padding: 20px 15px;
    border-right: 3px solid #827366;
    border-bottom: 3px solid #827366;
    border-left: 3px solid #827366;
}

.aktiv h2 {
    display: block;
    margin-top: 0;
    margin-bottom: 0;
    padding-top: 15px;
    padding-bottom: 15px;
    background-color: #827366;
    color: #FFFFFF;
}

.aktiv {
    width: 42%;
    position: relative;
    float: left;
    margin-left: 5%;
    margin-bottom: 40px;
}

.preis .ce_accordion {
    margin-top: 10px;
    margin-bottom: 10px;
}

.preis .ce_accordion .toggler span.nummer {
    float: left;
    background-color: #B8B8BF;
    line-height: 23px;
    color: #FFFFFF;
}

.preis .ce_accordion .toggler span {
    padding: 6px 15px;
    line-height: 34px;
}

.preis .ce_accordion .toggler {
    min-width: 190px;
    display: inline-block;
    padding: 0;
    border: 3px solid #B8B8BF;
    line-height: 30px;
    color: #B8B8BF;
}

#main .banner {
    margin-top: 30px;
    margin-bottom: 30px;
}

#main td.col_0 {
    text-align: left;
}

#main th.head_0 {
    padding-top: 6px;
    background-color: rgba(B8B8BF, .5);
    border-top: 3px solid #827366;
}

#main .ce_table table {
    width: 100%;
}

#schnellanfrageheader H2 {
    margin-top: 0;
    margin-right: 15px;
    margin-bottom: 0;
    padding-top: 0;
    padding-bottom: 0;
    font-size: 25px;
    font-weight: normal;
    color: rgba(76, 76, 80, 1);
}

#schnellanfrageheader .submit {
    background-color: #827366;
    color: #fff;
    font-weight: 600;
}

#schnellanfrageheader {
    width: 815px;
    bottom: 30px;
    right: 60px;
    position: fixed;
    padding: 30px 20px;
    background-color: rgba(255, 255, 255, .4);
    color: #000000;
    z-index: 999;
    -webkit-box-sizing: border-box;
    /* Safari/Chrome, other WebKit */
    -moz-box-sizing: border-box;
    /* Firefox, other Gecko */
    box-sizing: border-box;
    /* Opera/IE 8+ */
}

.CalendarFieldIcon {
    position: absolute;
}

#schnellanfrageheader input {
    width: 140px;
    margin-right: 5px;
    margin-left: 5px;
    padding: 8px 13px;
    border: 0px solid;
    font: 15px Open Sans;
    font-weight: normal;
    color: #000000;
    text-transform: uppercase;
}

.formfloat {
    float: left;
}

#main .ce_tabcontrol table {
    margin-top: 15px;
}

#main .ce_tabcontrol .content-gallery .image_container,
#main .ce_tabcontrol .ce_text,
#main .ce_tabcontrol .ce_table {
    margin-top: 30px;
}

.preis #main .ce_tabcontrol .ce_table,
.preis #main .ce_tabcontrol .ce_text {
    margin-top: 0;
}

#main table .first td {
    padding-top: 8px;
    background-image: url("../../files/sommer/sonnenaufgang-aineck-franzgerdl.jpg");
    background-position: center center;
    background-repeat: no-repeat;
    border: 3px solid #827366;
    -webkit-background-size: cover;
    -moz-background-size: cover;
    -o-background-size: cover;
    background-size: cover;
}

#main .tabelle-wi table .first td {
    background-image: url("../../files/background/0.jpg");
    background-position: center center;
    background-repeat: no-repeat;
}

#main table .second td {
    background-color: rgba(B8B8BF, .5);
}

#main table .second h3 {
    margin-top: 0;
    margin-bottom: 0;
    font-size: 16px;
    color: #827366;
}

#main table td {
    padding: 5px 5px 5px 15px;
    background-color: rgba(B8B8BF, .3);
}

.content-gallery .image_container li {
    list-style-type: none;
    list-style-image: none;
}

.content-gallery .image_container {
    margin-top: 50px;
    margin-left: 50px;
}

#main a:hover {
    color: #000000;
}

#main a {
    text-decoration: none;
    color: #827366;
}

.toggler {
    cursor: pointer;
}

.huette-info .pers {
    width: 100%;
    left: 0;
    position: absolute;
    padding-top: 8px;
    background-color: rgba(255, 255, 255, 0.65);
}

.huette-info .image_container img,
.aktiv img {
    display: block;
}

.huette-info .button2,
.aktiv .button {
    width: 100%;
    bottom: 30px;
    position: absolute;
    transform: translateX(-50%);
    left: 50%;
}

.aktiv .button {
    bottom: auto;
    top: 142px;
}

#dlh_googlemap_1 {
    width: 100% !important;
}

#main .huette-info h2 a {
    text-decoration: none;
    color: #FFFFFF;
}

#main .huette-info h2,
.aktiv h2 {
    font-size: 18px;
}

#main .huette-info {
    width: 230px;
    position: relative;
    float: left;
    margin-bottom: 35px;
    margin-left: 50px;
    text-align: center;
    background-color: #827366;
}

#main .bild1,
#main .block-info {
    float: left;
}

#main .bild1,
#main .block-info,
#main .bild2,
#main .huette.bild-mitt {
    margin-top: 50px;
    margin-left: 50px;
}

#main .block-info {
    width: 190px;
    height: 240px;
    padding: 20px;
    background-color: #827366;
    color: #FFFFFF;
}

#main .block-info h3 {
    margin-top: 0;
    font-size: 30px;
}

#main .block-info figure {
    margin-top: 20px;
    margin-bottom: 30px;
}

.ce_accordion .toggler {
    line-height: 40px;
}

#main .block-info a,
.button2 a,
.tabcontrol_tabs li,
.ce_accordion .toggler,
.banner a,
#main .button a {
    padding: 6px 15px;
    border: 3px solid #FFFFFF;
    text-decoration: none;
    color: #FFFFFF;
    text-transform: uppercase;
    font-weight: 600;
}

.tabcontrol_tabs li,
.ce_accordion .toggler,
.banner a {
    display: inline;
    border: 3px solid #827366;
    font-weight: normal;
    color: #827366;
}

.tabcontrol_tabs li:hover,
.ce_accordion .toggler {
    cursor: pointer;
}

.tabcontrol_tabs li.selected,
.ce_accordion .toggler.active,
#main .banner a:hover {
    background-color: #827366;
    color: #FFFFFF;
}

#main .block-info a:hover,
.button2 a:hover,
#main .button a:hover {
    background-color: #FFFFFF;
    color: #827366;
}

#footer #icons {
    margin-top: 30px;
    margin-bottom: 10px;
}

#footer #icons a {
    margin-right: 20px;
    margin-left: 20px;
    text-decoration: none;
}

#adresse a {
    color: #4C4C50;
}

h1 {
    margin-top: 70px;
    margin-bottom: 70px;
    font: 45px Open Sans;
    color: #B8B8BF;
    text-transform: uppercase;
    font-weight: 600;
}

h2 {
    font: 30px Open Sans;
    color: #B8B8BF;
    text-transform: uppercase;
    font-weight: 600;
}

#main .info h2 {
    font: 45px Open Sans;
    color: rgba(0,0,0, .8);
    text-transform: uppercase;
    font-weight: 600;
}

h3 {
    margin-bottom: 10px;
    font: 22px Open Sans;
    text-transform: uppercase;
    font-weight: 600;
}

#wrapper {
    width: 1000px;
    margin-left: 0;
    background-color: #FFFFFF;
}

#header {
    padding-top: 50px;
    padding-right: 50px;
    padding-left: 50px;
}

#footer {
    padding-top: 50px;
    padding-right: 50px;
    padding-bottom: 50px;
}

#main .mod_article {
    padding-right: 50px;
    padding-bottom: 70px;
    padding-left: 50px;
}

#main .mod_article.karte {
    padding-right: 0;
    padding-bottom: 0;
    padding-left: 0;
}

#main .mod_article.info {
    padding: 50px 0;
    background-image: url("../../files/nav/hg-content-weiss.jpg");
    background-position: left top;
    background-repeat: repeat-y;
    font-size: 22px;
    line-height: 32px;
    color: rgba(000000, .8);
}

#main .ce_text li::before {
    width: 20px;
    height: 20px;
    padding-right: 10px;
    content: '»';
}

#main .ce_text li::after {
    width: 20px;
    height: 20px;
    padding-left: 10px;
    content: '«';
}

#main li {
    list-style-type: none;
}

#headerbild {
    width: 100%;
    height: 100vh;
    top: 0;
    position: fixed;
    border-top: 30px solid #FFFFFF;
    border-right: 30px solid #FFFFFF;
    z-index: -1;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
}

figure {
    margin: 0;
    padding: 0;
}
#nav {
    height:60px;
    margin-top:30px;
    padding-right:50px;
    padding-left:70px;
    border-bottom:3px solid #B8B8BF;
}
#nav::before {
    left:40px;
    position:absolute;
    content:url("../../files/nav/menu.png");
}

/* Hauptnavigation */
.navigation {
    color:#666;
    text-transform:uppercase;
    font:20px 'Open Sans';
    font-weight:600;
}
.navigation a {
    margin-right:30px;
    text-decoration:none;
    color:#666;
    text-transform:uppercase;
    font:20px 'Open Sans';
    font-weight:600;
}
.navigation span,
.navigation a:hover,
.navigation a.trail {
    margin-right:30px;
    color:#4C4C50;
    text-transform:uppercase;
    font:20px 'Open Sans';
    font-weight:600;
}
.navigation li {
    display:block;
    list-style-type:none;
}
.navigation ul {
    margin:0;
    padding:0;
}

/* ESSENTIAL STYLES */
.sf-menu {
    position:absolute;
    text-decoration:none;
    color:#FFF;
    font:22px 'Open Sans';
    z-index:100000;
}
.sf-menu li {
    position:relative;
}
.sf-menu li .level_2 {
    margin-top:0;
    margin-left:0;
    text-align:left;
    border-bottom:2px solid #B8B8BF;
    z-index:999999999999999999;
    opacity: 1;
    -moz-opacity: 1;
    -ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=100)";
    filter:alpha(opacity=100);
}
.sf-menu li .level_2 a {
    margin:0;
    padding:5px 10px;
    background-color:#FFF;
    font:14px/22px 'Open Sans';
}
.sf-menu li .level_2 .active {
    font:14px/22px 'Open Sans';
}
.sf-menu li .level_2 a:hover,
.sf-menu li .level_2 span {
    margin:0;
    padding:5px 10px;
    background-color:#F0F0F0;
    background-image:none;
    font:14px/22px 'Open Sans';
}
.sf-menu .last .level_2 {
    margin-left:-5px;
    text-align:right;
}
.sf-menu .last .level_2 li a,
.sf-menu .last .level_2 li a:hover,
.sf-menu .last .level_2 li span {
    padding-left:0;
}
.sf-menu ul {
    top:100%;
    position:absolute;
    display:none;
    left: 0;
    padding-top:35px!important;
    z-index: 11111199;
}
.sf-menu > li {
    float:left;
}
.sf-menu li:hover > ul,
.sf-menu li.sfHover > ul {
    display:block;
}
.sf-menu a,
.sf-menu li .trail,
.sf-menu li .active,
.sf-menu li .level_2 .last {
    position:relative;
    display:block;
}

/* Sitemap */
#main .level_1 a {
    font-weight:bold;
    font-style:italic;
    text-decoration:none;
    color:#CBAA5C;
    font:30px/70px 'Open Sans';
}
#main .level_2 a {
    font-weight:normal;
    text-decoration:none;
    color:#333;
    font:15px/24px 'PT Sans';
    font-style:normal;
}
#main .level_2 a:hover {
    text-decoration:underline;
}
#main .level_1 li {
    margin-left:-40px;
    list-style-type:none;
    list-style-image:none;
}
#main .level_2 li {
    margin-left:0;
    list-style-image:url(../../files/nav/li.png);
}
#main .mod_sitemap .submenu .last {
    margin-bottom:20px;
}

#f2 .CalendarFieldIcon {
    width:32px;
    height:32px;
    margin-top:15px;
    margin-left:-50px;
}
#main input,
.widget-checkbox fieldset {
    width:100%;
    margin-bottom:15px;
    padding:20px;
    background-color:rgba(666666,.1);
    border:0px solid;
    font-family:Open Sans;
    font-weight:bold;
    text-transform:uppercase;
    -webkit-box-sizing: border-box; /* Safari/Chrome, other WebKit */
            -moz-box-sizing: border-box;    /* Firefox, other Gecko */
            box-sizing: border-box;         /* Opera/IE 8+ */
    font-weight:600;
}
#main input.checkbox {
    width:auto;
    display:inline-block;
    margin-top:0;
    margin-bottom:0;
}
.widget-checkbox fieldset {
    border:0;
    font-weight:300;
}
#main input,
#main textarea {
    width:100%;
    margin-bottom:15px;
    padding:20px;
    background-color:rgba(666666,.1);
    border:0px solid;
    text-transform:uppercase;
    -webkit-box-sizing: border-box; /* Safari/Chrome, other WebKit */
            -moz-box-sizing: border-box;    /* Firefox, other Gecko */
            box-sizing: border-box;         /* Opera/IE 8+ */
    font-weight:300;
}
#main textarea {
    text-align:left;
    font-family:'Open Sans',Arial,Tahoma;
    color:#000;
}
#main .submit {
    margin-top:25px;
    background-color:#827366;
    font-family:Open Sans;
    font-weight:normal;
    color:#fff;
    font-weight: 600;
}
.anfrageform .formfloat {
    width:48%;
    margin-right:4%;
    margin-top: 45px;
    margin-bottom: 45px;
}
.anfrageform .formfloatright {
    width:48%;
    float:right;
    margin-right:0;
    margin-top: 45px;
    margin-bottom: 45px;
}

@media (min-width:768px) and (max-width:989px) {
.saveholiday {
    left:20px;
    right:auto;
    top:0;
}
#wrapper {
    width:100%;
}
.navigation a,
.navigation span,
.navigation a.trail,
.navigation a:hover {
    margin-right:0;
    padding-right:20px;
    font-size:17px;
}
#nav {
    padding-left:0;
}
#nav::before {
    display:none;
}
}

@media (max-width:767px) {
.umweltzeichen {
    left:-45px;
    right:auto;
    top:-40px;
}
.saveholiday {
    width:85px;
    height:85px;
    bottom:70px;
    left:auto;
    right:20px;
    top:auto;
    position:fixed;
}
#panotour a {
    width:100%;
    bottom:0;
    right:0;
    top:auto;
    position:fixed;
    display:block;
    padding-top:12px;
    padding-bottom:12px;
    text-align:center;
    background-color:#827366;
    text-decoration:none;
    color:#FFFFFF;
    text-transform:uppercase;
    z-index:9999;
}
#main .mod_article {
    padding-right:5%;
    padding-left:5%;
}
.tabcontrol_tabs ul {
    margin:0;
    padding:0;
}
.tabcontrol_tabs li {
    width:45%;
    float:left;
    display:block;
    margin-right:5%;
    margin-bottom:5%;
    box-sizing: border-box;
}
.tabcontrol_tabs {
    margin:0;
    padding:0;
}
#main .info H2 {
    font-size:35px;
    line-height:40px;
}
#main #infoblock {
    padding-right:10px;
    padding-left:10px;
}
#main .huette-info {
    width:100%;
    height:320px;
    float:none;
    margin-left:0;
}
#main .bild1,
#main .block-info {
    float:none;
}
#main .bild1,
#main .block-info,
#main .bild2,
#main .huette.bild-mitt {
    margin-top:0;
    margin-left:0;
}
#main .block-info {
    width:100%;
    margin:0 0 7px;
    padding-top:50px;
    padding-right:0;
    padding-left:0;
}
#main .bild1 img,
#main .bild2 img {
    width:100%;
}
H1 {
    font-size:40px;
    line-height:45px;
}
.anfrageform .formfloatright,
.anfrageform .formfloat {
    width:100%;
    float:none;
    margin-top:0;
    margin-bottom:0;
}
#nav {
    display:none;
}
#NavControl {
    right:15px;
    top:15px;
    position:fixed;
    display:block;
    z-index:99;
}
#wrapper {
    width:100%;
}
#NavControl a {
    color:#666666;
}
#NavControl a:hover {
    color:#000;
}
#footer {
    padding-right:0;
}
#footer {
    height:330px;
    margin-top:35px;
    padding-top:15px;
    padding-bottom:50px;
}
}

@media (max-width:467px) {
.tabcontrol_tabs li {
    width:100%;
    float:none;
}
}

.content-gallery ul {
    row-gap: 20px;
        display: flex;
    flex-wrap: wrap;
    justify-content: space-evenly;
}


#mobnav {
    display: none;
}

@media (max-width: 767px) {
    #NavControl {
        display: none;
    }
    #mobnav {
        display: block;
        z-index: 99999;
    }
}
button.nav-burger {
    right: 35px;
        top: 30px;
        position: fixed;
        display: block;
        z-index: 99999;
}
#mobnav > button > span > span,
 #mobnav > button > span > span::before,
 #mobnav > button > span > span::after{
    background: #908f94;
}
#mobnav > button.is-active > span > span {
    background: transparent;
}
:root {
    --nav-mobile-background:#827366;
    --nav-mobile-active-background:#827366;
    --nav-mobile-active-color: unset;
}

#mobnav > nav  li.active > strong {
    text-decoration: underline;
}