body {
    margin-right:auto;
    margin-left:auto;
    background-color:#fff;
    border-top:8px solid #43b1e0;
    font:1em/1.6em 'Work Sans',sans-serif;
    color:#22262a;
    margin: 0px auto;
    font-weight: 500;
}
#footer {
    width:100%;
        position:relative;
        float:left;
        clear:left;
        padding-top:2px;
        padding-bottom:10px;
        background:-moz-linear-gradient(top,#fff,#817d8b);
        background:-webkit-linear-gradient(top,#fff,#817d8b);
        background:-o-linear-gradient(top,#fff,#817d8b);
        background:-ms-linear-gradient(top,#fff,#817d8b);
        background:linear-gradient(to bottom,#fff,#817d8b);
        -pie-background:linear-gradient(top,#fff,#817d8b);
        behavior:url('assets/css3pie/1.0.0/PIE.htc');
        z-index:10;
}
.content-text {
    clear:left;
    margin-right:auto;
    margin-left:auto;
    padding-right:25px;
    padding-left:25px;
}
.content-player {
    padding:5px 25px 25px;
}
.content-player figure {margin:0;}
.content-player audio {width:100%;}
blockquote {
    font-size:.9em;
    line-height:1.4em;
}
.content-text ul,
.content-text ol {
    margin-left:-22px;
}

/* ratio 4x3 */
.ce_kommentar {
    margin-top:8px;
    margin-bottom:25px;
    position: relative;
    width: 100%;
    height: 50vh;
    overflow-x: hidden;
    overflow-y: scroll;
    -webkit-overflow-scrolling:touch;
}

/* ratio 4x3 */
.ce_iframe iframe {
    border:0;
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    overflow-x: hidden;
    overflow-y: scroll !important;
    -webkit-overflow-scrolling: touch !important;
}
.tabulator {
    width:175px;
}

/* Preise */
table {
    max-width:450px;
    margin:0 0 22px 16px;
    padding:0;
    font-size:1em;
    line-height:1.2em;
}
.content-text table strong {
    font:1em 'Josefin Sans',sans-serif;
    font-weight: 600;
}
.content-text .tax,
.content-text ul ul {
    font-size:.8em;
    line-height:1.4em;
}
a:link,
a:visited {
    text-decoration:underline;
    color:#22262a;
}
.ce_image a:link,
.ce_image a:visited {
    border-bottom:0px solid rgba(34,38,42,.5);
    text-decoration:none;
    color:#22262a;
}
a:hover,
a:focus {
    text-decoration:underline;
    color:#22262a;
}
.zahlen .active {
    border-bottom:0px;
    text-decoration:none;
}
a.bild:link,
a.bild:visited,
a.bild:hover,
a.bild:focus,
a.bild:active {
    border-bottom:0px;
    text-decoration:none;
    color:#22262a;
}
.content-text_bildunterschrift {
    margin-top:-35px;
    margin-left:50px;
    text-align:center;
}
.ce_headline {
    clear:left;
}
.haedlineabstand {
    top:35px;
    position:relative;
    margin-bottom:65px;
}
h1 {
    margin-top:20;
    margin-bottom:50px;
    padding-bottom:0;
    text-align:center;
    font:1.4em/1.4em 'Josefin Sans',sans-serif;
    color:#43b1e0;
    font-weight: 600;
}
h2,
h3,
.toggler {
    margin:25px 0;
    padding:0;
    text-align:left;
    font:1.4em/1.4em 'Josefin Sans',sans-serif;
    color:#22262a;
    font-weight: 600;
}
h2 .hxunten {
    font-size:.7em;
}

/* Zimmerseiten */
.zahlenh1 h1,
.zahlenh1 h2 {
    line-height:1.0em;
}
h1 .hxunten,
h2 .hxunten {
    margin-top:0;
    padding-top:5px;
    text-align:center;
    border-top:.5px dashed #777;
    font-size:.6em;
    color:#777;
    font-weight:500;
}
.hxunten a:link,
.hxunten a:visited,
.hxunten a:hover,
.hxunten a:focus,
.hxunten a:active {
    border-bottom:0px;
}
h1 a:link,
h1 a:visited,
h2 a:link,
h2 a:visited,
h1 a:hover,
h1 a:focus,
h1 a:active,
h2 a:hover,
h2 a:focus,
h2 a:active,
.slider-control a:link,
.slider-control a:active,
.slider-control a:hover,
.slider-control a:focus,
.slider-control a:visited {
    border-bottom:0px;
    text-decoration:none;
    color:#43b1e0;
}
h2 a:link,
h2 a:visited,
h2 a:hover,
h2 a:focus,
h2 a:active {
    font-size:.8em;
    text-decoration:underline;
    color:#22262a;
}
.toggler {
    margin:25px 0;
    padding:15px 0 0;
    text-decoration:underline;
    cursor:pointer;
    outline: none;
}
.toggler.active {
    text-decoration:none;
}
.toggler:before {
    float:right;
    padding-right:5px;
    font-size:2em;
    font-style:normal !important;
    content: "‹" " ";
    -webkit-transform: rotate(270deg);
    -moz-transform: rotate(270deg);
    -o-transform: rotate(270deg);
    -ms-transform: rotate(270deg);
    transform: rotate(270deg);
    transition: all ease 0.5s;
}
.toggler.active:before {
    padding-right:0;
    padding-left:0;
    -webkit-transform: rotate(90deg);
    -moz-transform: rotate(90deg);
    -o-transform: rotate(90deg);
    -ms-transform: rotate(90deg);
    transform: rotate(90deg);
}
.ce_image,
.mod_rocksolid_slider {
    max-width:710px;
    height: auto;
    margin-right:auto;
    margin-bottom:45px;
    margin-left:auto;
}
.dreibilder.content-image {
    width:200px;
    float:left;
    margin-top:5px;
    margin-bottom:15px;
    padding-left:25px;
}
.image_container,
.dreibilder.content-image figure {
    margin:0;
    padding:0;
}
.mod_navigation,
.mod_customnav,
.mod_changelanguage {
    font-size:.95em;
    font-weight:500;
}
#header nav.mod_navigation,
#header nav.mod_customnav,
#footer nav {
    margin:0 auto;
    padding:0;
    text-align:center;
    line-height:1.8em;
    color:#22262a;
}
#header nav.mod_changelanguage {
    width:75px;
    margin:-1px 0 15px auto;
    padding:0;
    text-align:center;
    background-color:#43b1e0;
    border-bottom:4px solid #43b1e0;
    border-bottom-left-radius:4px;
    line-height:1.2em;
    color:#fff;
}
.mod_navigation a,
.mod_customnav a,
.mod_navigation b,
.mod_customnav b {
    margin-right:9px;
    margin-left:9px;
    white-space:nowrap;
}
.mod_changelanguage a,
.mod_changelanguage b {
    margin-right:4px;
    margin-left:4px;
    text-decoration:underline;
    color:#fff;
}
.mod_navigation b,
.mod_customnav b {
    text-decoration:underline;
    font-weight:500;
}
.zahlen {
    font-family:'Josefin Sans',sans-serif;
}
#header .mod_customnav.zahlen {
    margin-top:0;
    margin-bottom:10px;
    padding-top:12px;
    background-image:url("/files/img/Strahlen.png");
    background-position:center top;
    background-repeat:no-repeat;
    background-size: 106px 20px;
}
#footer .mod_customnav.zahlen {
    margin-top:0;
    margin-bottom:10px;
    padding-top:5px;
}
.mod_customnav.zahlen a {
    border-bottom:0px;
    font-size:2em;
    line-height:1.6em;
    text-decoration:none;
    font-weight:500;
}
#header nav.zahlen b,
#footer nav.zahlen b {
    font-size:2.0em;
    line-height:1.6em;
    text-decoration:underline;
    color:#22262a;
    font-weight:500;
}

/* mit Rahmen: dann Margin links rechts weg */
.zahlen .level_1 span {
    width:29px;
    height:29px;
    display:inline-block;
    margin:4px 2px 0;
    padding:2px 4px 6px;
    text-align:center;
    transition: all 0.2s ease-in-out 0.2s;
}
.zahlen .level_1 span.first {
    padding:2px 0 6px 8px;
}
.zahlen .level_1 span.last {
    padding:2px 5px 6px 3px;
}

/* margin zum anheben */
.zahlen .level_1 span:hover,
.zahlen .level_1 span:focus,
.zahlen .level_1 span:active,
.zahlen .level_1 span.active {
    border-color:#ccc;
}

/* Spationierung */
.zahlen li .first,
.zahlen span .first {
    margin-left:-8px;
}
.mod_navigation a:link,
.mod_navigation a:visited,
.mod_customnav a:link,
.mod_customnav a:visited {
    border-bottom:0px;
    text-decoration:none;
    color:#22262a;
}
.mod_changelanguage a:link,
.mod_changelanguage a:visited,
.mod_changelanguage a:active,
.mod_changelanguage a:hover,
.mod_changelanguage a:focus {
    border-bottom:0px;
    text-decoration:none;
    color:#fff;
}
.mod_navigation a:active,
.mod_navigation a:hover,
.mod_navigation a:focus,
.mod_customnav a:active,
.mod_customnav a:hover,
.mod_customnav a:focus {
    text-decoration:underline;
    color:#22262a;
}
.mod_navigation span.last {
    padding-top:8px;
    padding-right:8px;
    background-image:url("/files/img/Mond.png");
    background-position:right top;
    background-repeat:no-repeat;
    background-size: 11px 11px;
    filter: brightness(25%);
    transition: all 0.5s ease-in-out 0.5s;
}
b.active {
    font-weight:normal;
}
.logo {
    width:120px;
    height:73px;
    max-width:120px;
    max-height:73px;
    margin:0 auto 11px;
    text-align:center;
    background-image:url("/files/img/Meisterzimmer.svgz");
    background-position:center top;
    background-repeat:no-repeat;
    background-size: 120px 73px;
}
.team-bild {
    margin-top:40px;
    margin-bottom:60px;
    font-size:.85em;
}
.form_feld_gross {
    width:100%;
    height:11em;
    border:1px solid #ccc;
    border-radius:5px;
}
.form_feld_klein {
    width:33%;
    border:1px solid #ccc;
    border-radius:5px;
}
submit {
    border:1px solid #ccc;
    border-radius:5px;
}
.trail a:active,
.trail a:link,
.trail a:visited,
.trail a:hover,
.trail a:focus {
    text-decoration:underline;
    color:#22262a;
}
img {
    width:100%;
    height: auto;
    max-width:710px;
    border:0px;
}
.ce_text_wie {
    margin-right:auto;
    margin-left:auto;
    text-align:center;
}
/* BUCHUNG */
/* min. diese Breite wegen Kalender */
#container {
    width:100%;
    max-width:712px;
    margin-top:25px;
    margin-right:auto;
    margin-left:auto;
}
.buchung #container {
    width:100%;
    max-width:1012px;
}
.buchung #main {
    width:100%;
    max-width:1010px;
    margin-top:0;
    margin-right:auto;
    margin-left:auto;
    padding-top:35px;
    padding-bottom:35px;
    background-color:#fff;
}
.buchung img,
img.links,
.ce_text img,
.ce_text_wie img,
#diepfanne {
    width:auto;
    max-width:100vw;
}
.kalenderabreisetag {
    width:163px;
    height:43px;
}
.links {
    margin:0px 15px 0px 0px;
}
.rechts {
    width:130px;
    height:30px;
    margin:0px 25px 0px 15px;
    float: right;
}
figcaption {
    float:left;
    margin-left:12px;
    padding-right:15px;
    padding-left:15px;
    font-size:.9em;
    line-height:1.4em;
    color:#22262a;
}

/* Bildunterschrift slider */
.rsts-text {
    float:left;
    margin-top:0;
    padding-right:15px;
    padding-left:15px;
    font-size:.9em;
    color:#22262a;
}
.ce_text ul {
    list-style-type:circle;
}
.pressespiegel h3 {
    margin-bottom:2.4em;
}
.pressespiegel p {
    line-height:.7em;
    list-style-type:none;
}
.pdfliste {
    min-height:360px;
    list-style-type:none;
}
.pdfliste ul,
.pressespiegel ul {
    margin-top:-34px;
    list-style-type:none;
}
.pressespiegel li {
    margin-left:42px;
    list-style-type:none;
}
.pdfliste li,
.pressespiegel li {
    padding-bottom:.6em;
    list-style-type:none;
}
.none,
.invisible {
    display:none;
    visibility:hidden;
}

/* presse und hervorhebung */
li.tipp,
p.tipp {
    margin-bottom:10px;
    padding:5px 10px 7px;
    border:.5px solid rgba(0,0,0,.5);
    border-radius:5px;
    background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAIAAAACCAYAAABytg0kAAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAABZJREFUeNpi2r9//38gYGAEESAAEGAAasgJOgzOKCoAAAAASUVORK5CYII=);
}
/* Play-Button */
img.links {
    width: 16px;
    height: 16px;
}
/* Logo UA */
.bild img {
    width: 220px;
    height: 14px;
}
.presse2020,
.presse2020 a:link,
.presse2020 a:visited,
.presse2021,
.presse2021 a:link,
.presse2021 a:visited {
    color:#444;
}
.presse2018,
.presse2018 a:link,
.presse2018 a:visited,
.presse2019,
.presse2019 a:link,
.presse2019 a:visited {
    color:#666;
}
.presse2016,
.presse2016 a:link,
.presse2016 a:visited,
.presse2017,
.presse2017 a:link,
.presse2017 a:visited {
    color:#888;
}
.presse2013,
.presse2013 a:link,
.presse2013 a:visited,
.presse2014,
.presse2014 a:link,
.presse2014 a:visited,
.presse2015,
.presse2015 a:link,
.presse2015 a:visited {
    color:#aaa;
}
.presse2010,
.presse2010 a:link,
.presse2010 a:visited,
.presse2011,
.presse2011 a:link,
.presse2011 a:visited,
.presse2012,
.presse2012 a:link,
.presse2012 a:visited {
    color:#ccc;
}
.presse2008,
.presse2008 a:link,
.presse2008 a:visited,
.presse2009,
.presse2009 a:link,
.presse2009 a:visited {
    color:#eee;
}

/* Backtop */
.custom {
    bottom:20px;
    right:20px;
    position:fixed;
}
.backtop {
    width:25px;
    height:25px;
}
.backtop a {
    margin:0;
    padding:0 0 0 6px;
    border-bottom:0px;
    font-size:16px;
    line-height:16px;
    text-decoration:none;
    color:#22262a;
}
.cookiebar {
    margin-bottom:40px;
    background-color:#999;
    border:0px;
    font-size:.8em;
    line-height:1.3em;
    color:#fff;
    z-index:10000;
}
.cookiebar__button {
    margin-top:5px;
    background-color:#43b1e0;
    border:0px;
    color:#fff;
}
a.cookiebar__link {
    text-decoration:underline;
    color:#fff;
}
.mod_stpeter_nav {
    width:99%;
    max-width:710px;
    position:relative;
    margin:25px auto;
    padding:8px 0 8px;
    text-align:center;
    border:.5px solid rgba(255,255,255,1.0);
    border-radius:5px;
    behavior:url('assets/css3pie/1.0.0/PIE.htc');
    z-index:2;
    /*
    background-image:url("/files/st.peter/Weisstanne-extrabreit.png");
    background-position:center center;
    background-repeat:no-repeat;
    background-size: 660px 44px;
    */
    font:0.8em/1.4em 'Work Sans',sans-serif;
}
.mod_stpeter_nav a {
    margin:0;
    padding:0;
    border-bottom:0px solid;
    text-decoration:none;
    color:#000;
}