@font-face {
    font-family: 'Josefin Sans';
    font-style: normal;
    font-weight: 600;
    src: local(''),
    url('/files/fonts/josefin-sans/josefin-sans-v16-latin-600.woff2') format('woff2'),
    url('/files/fonts/josefin-sans/josefin-sans-v16-latin-600.woff') format('woff');
}
@font-face {
    font-family: 'Work Sans';
    font-style: normal;
    font-weight: 500;
    src: local(''),
    url('/files/fonts/work-sans/work-sans-v13-latin-500.woff2') format('woff2'),
    url('/files/fonts/work-sans/work-sans-v13-latin-500.woff') format('woff');
}

body {
    width:100%;
    height:100vh;
    margin:0;
    background-color:#cccbc5;
    font:1em/1.6em 'Work Sans',sans-serif;
    font-weight: 500;
    color:#22262a;
}
body.buchung {
    background-color:#fff;
}
.mod_rocksolid_slider {
    width:auto;
    max-width:auto;
    position:absolute;
    margin:0;
    object-fit:cover;
    overflow:hidden;
    z-index:2;
}
@media only screen and (max-width: 710px)  { .mod_rocksolid_slider {
    width:auto;
    max-height:100vh;
    max-width:auto;
    }
}

@media only screen and (min-width: 710px)  { .start #main {
    width:100%;
    top:100%;
    position:relative;
    z-index:2;
    }
}

.logo {
    width:100%;
    padding:60px 0px 60px 0px;
    line-height:0px;
    top:0px;
    position:absolute;
    text-align:center;
    z-index:1000;
    background:-moz-linear-gradient(top,#fff,transparent);
    background:-webkit-linear-gradient(top,#fff,transparent);
    background:-o-linear-gradient(top,#fff,transparent);
    background:-ms-linear-gradient(top,#fff,transparent);
    background:linear-gradient(to bottom,#fff,transparent);
    -pie-background:linear-gradient(top,#fff,transparent);
    behavior:url('assets/css3pie/1.0.0/PIE.htc');

}

/*Dezeen*/
.start .logo {
    margin-top:410px;
    background-color:transparent;
    background:-moz-linear-gradient(top,transparent,transparent);
    background:-webkit-linear-gradient(top,transparent,transparent);
    background:-o-linear-gradient(top,transparent,transparent);
    background:-ms-linear-gradient(top,transparent,transparent);
    background:linear-gradient(to bottom,transparent,transparent);
    -pie-background:linear-gradient(top,transparent,transparent);
    behavior:url('assets/css3pie/1.0.0/PIE.htc');
}
@media only screen and (max-width: 710px)  { .start .logo {
    margin-top:110px;
    }
}

.logoff {
    width:450px;
    height:45px;
}
@media only screen and (max-width: 710px)  { .logoff {
    margin-top:10px;
    width:280px;
    height:28px;
    }
}



h1 {
    margin:25px 0 25px 0;
    padding:0;
    text-align:left;
    font:1.8em/1.3em 'Josefin Sans',sans-serif;
    color:#22262a;
    font-weight: 600;
}
.start h1 {
    margin:25px 0 25px 0;
    padding:0;
    text-align:center;
    font:1.8em/1.3em 'Josefin Sans',sans-serif;
    color:#22262a;
    font-weight: 600;
}
@media only screen and (max-width: 710px)  { h1 {
    margin:25px 0 25px 0;
    padding:0;
    text-align:center;
    font:1.4em/1.3em 'Josefin Sans',sans-serif;
    color:#22262a;
    font-weight: 600;
    }
}

#main .mod_article {
    width:100%;
    max-width:100%;
    float:left;
    padding-top:75px;
    padding-bottom:25px;
}
.start #main .mod_article {
    padding-top:25px;
}

.ce_text,
.content-text,
.content-image,
.ce_headline {
    clear:left;
    width:100%;
    max-width:710px;
    margin:0 auto;
    padding:2% 0 0;
}
@media only screen and (max-width: 710px)  { .content-text, .content-image {
    padding:0 0 2vw;
    width:96vw;
    max-width:calc(100vw - 4vw);
    }
}
.linieoben {
    border-top:.5px solid #666;
    padding:0px;
    margin-top:25px;
}
.linieoben h2 {
    margin-top:15px;
}
@media only screen and (max-width: 710px)  { .ce_headline {
    padding:0 0 2vw;
    width:96vw;
    max-width:calc(100vw - 4vw);
    }
}
.content-gallery {
    width:100%;
    max-width:710px;
    margin:0;
    padding:4% 0 0;
    margin:0px auto;
}
@media only screen and (max-width: 710px)  { .content-gallery {
    padding:0 0 2vw;
    width:96vw;
    max-width:calc(100vw - 4vw);
    }
}
    
.caption,
figcaption{
    font-size:.8em;
    line-height:1.8em;
}

@media only screen and (max-width: 710px)  { .content-image img {
    width:100%;
    height:100%;
    max-width:710px;
    max-height:473px;
    border:0px;
}
}
.content-text img {
    width:100%;
    height:100%;
    max-width:710px;
    max-height:473px;
    border:0px;
}
.team-bild.content-image img {
    width:100%;
    height:100%;
    max-width:320px;
    max-height:479px;
    border:0px;
}
.content-image figure {margin:0;padding:0;}

.content-text p {
    width:100%;
    max-width:710px;
    margin:0 0 15px;
    padding:0;
}

/* hervorhebung */
.tipp {
    border:.5px solid rgba(0,0,0,.5);
    border-radius:5px;
    background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAIAAAACCAYAAABytg0kAAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAABZJREFUeNpi2r9//38gYGAEESAAEGAAasgJOgzOKCoAAAAASUVORK5CYII=);
    z-index:1000;
}

h3 {
    margin-top:0px;
    margin-bottom:25px;
    padding:0;
    text-align:left;
    font:1.4em/1.4em 'Josefin Sans',sans-serif;
    color:#22262a;
    font-weight: 600;
}

a:link,
a:visited {
    text-decoration:underline;
    color:#22262a;
}
a:active,
a:hover,
a:focus {
    text-decoration:none;
    color:#22262a;
}

h2, .toggler {
    margin-top:25px;
    margin-bottom:25px;
    padding:0;
    text-align:left;
    font:1.4em/1.4em 'Josefin Sans',sans-serif;
    color:#22262a;
    font-weight: 600;
}
@media only screen and (max-width: 710px)  { .ce_image h2 {
    margin:0 auto;
    padding:0 0 2vw;
    text-align:left;
    width:96vw;
    max-width:calc(100vw - 4vw);
    }
}
.toggler {
    margin:0 0 25px;
    padding:15px 0 0;
    border-top:.5px solid #666;
    font-weight:normal;
    cursor:pointer;
    outline: none;
}
.toggler.active {
    font-style:italic;
}
.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);
}
@media only screen and (max-width: 710px)  { .ce_accordion {
    padding:0 0 2vw;
    width:94vw;
    max-width:calc(100vw - 6vw);
    }
}
.image_container,
figure {
    margin:0;
    padding:0;
}
.mod_navigation,
.mod_customnav,
.mod_changelanguage,
.mod_zimmernav,
.mod_booknav {
    position:relative;
    font-size:.95em;
    z-index:4000;
}
.mod_booknav ul {
    padding-top:10px;
    padding-left:30px;
}
@media only screen and (max-width: 710px)  { .mod_booknav ul {
    padding-top:5px;
    padding-left:25px;
    }
}
.mod_booknav li {
    padding-right:10px;
}
.mod_zimmernav .first-en a {
    padding-left:10px;
}
#unten {
    width:100%;
    position:relative;
    bottom:0px;
    float:left;
    clear:left;
    padding-top:15px;
    padding-bottom:10px;
    background:-moz-linear-gradient(top,#cccbc5,#fff);
    background:-webkit-linear-gradient(top,#cccbc5,#fff);
    background:-o-linear-gradient(top,#cccbc5,#fff);
    background:-ms-linear-gradient(top,#cccbc5,#fff);
    background:linear-gradient(to bottom,#cccbc5,#fff);
    -pie-background:linear-gradient(top,#cccbc5,#fff);
    behavior:url('assets/css3pie/1.0.0/PIE.htc');
    z-index:10;
}
#header nav.mod_navigation,
#header nav.mod_customnav,
#unten nav {
    margin:0 auto;
    padding:0;
    text-align:center;
    line-height:1.8em;
    color:#22262a;
}
#header nav.mod_customnav {
    margin-top:10px;
}
.start #header nav.mod_customnav {
    margin-top:0px;
    left:10px;
    top:10px;
    position:absolute;
    z-index:1000;
}

/*Dezeen*/
@media only screen and (max-width: 710px)  { .start #header nav.mod_customnav {
    right:0px;
    top:0px;
    position:absolute;
    z-index:1000;
    margin:0;
    padding:0;
    text-align:right;
    }
}

nav ul,
nav li {
    float:left;
    margin:0;
    padding:0;
    list-style-type:none;
}
.mod_zimmernav ul {
    left:50%;
    position:relative;
    float:left;
    margin:0 auto;
    padding:0;
    text-align:center;
    list-style-type:none;
}

/* padding wegen unterschiedlicher Textbreite */
.mod_zimmernav li {
    right:50%;
    position:relative;
    float:left;
    margin:0 auto;
    padding:0 6px 0 3px;
    text-align:center;
    line-height:2em;
    color:#fff;
    list-style-type:none;
}
.mod_changelanguage a,
.mod_navigation a,
.mod_customnav a,
.mod_changelanguage b,
.mod_navigation b,
.mod_customnav b {
    padding-right:9px;
    padding-left:9px;
    white-space:nowrap;
}
.mod_customnav a,
.mod_customnav b {
    padding-right:6px;
    padding-left:6px;
}
.mod_changelanguage b,
.mod_navigation b,
.mod_customnav b {
    color:#22262a;
    font-weight: 500;
}
.mod_changelanguage a,
.mod_changelanguage b {
    padding-right:4px;
    padding-left:4px;
    color:#22262a;
}
.zahlen {
    font-family:'Josefin Sans',sans-serif;
}

.content-gallery ul {
    margin:0 auto;
    padding:0;
    text-align:center;
    list-style-type:none;
}
.content-gallery li {
    float:left;
    margin:0 15px 15px 0px;
    padding:0;
    line-height:0px;
}

.content-gallery img {
    height:100%;
    width:333px;
    margin:0;
    padding:0;
}

@media only screen and (max-width: 710px)  { .content-gallery img,
.content_image img {
    height:auto;
    width:94vw;
    max-width:calc(100vw - 6vw);
    margin:0;
    padding:0;
    }
}

.mod_zimmernav {
    width:100%;
    height:40px;
    bottom:3vh;
    position:absolute;
    margin:0 auto;
    padding:0;
    text-align:center;
    background-image:url("/files/img/Klammer.png");
    background-position:center bottom;
    background-repeat:no-repeat;
    background-size: 162px 16px;
    opacity: 1.0;
    z-index: 1000;
}
#unten .mod_customnav.zahlen {
    margin-top:0;
    margin-bottom:10px;
    padding-top:5px;
}
#unten .mod_customnav.zahlen a {
    border-bottom:0px;
    font-size:2em;
    line-height:1.6em;
    text-decoration:none;
    font-weight:500;
}
#header nav.zahlen b,
#unten nav.zahlen b {
    font-size:2.0em;
    line-height:1.6em;
    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;
}
nav a:link,
nav a:visited {
    border-bottom:0px;
    text-decoration:none;
    color:#fff;
}
nav a:active,
nav a:hover,
nav a:focus {
    text-decoration:none;
    color:#fff;
}
.mod_navigation a:link,
.mod_navigation a:visited,
.mod_navigation a:active,
.mod_navigation nav a:hover,
.mod_navigation nav a:focus,
.mod_customnav a:link,
.mod_customnav a:visited,
.mod_customnav a:active,
.mod_customnav nav a:hover,
.mod_customnav nav a:focus {
    text-decoration:none;
    color:#22262a;
}
.start #header .mod_customnav a:link,
.start #header .mod_customnav a:visited,
.start #header .mod_customnav a:active,
.start #header .mod_customnav nav a:hover,
.start #header .mod_customnav nav a:focus {
    text-decoration:none;
    color:#fff;
}

/* Sprache */
.mod_customnav.sprache a:link,
.mod_customnav.sprache a:visited,
.mod_customnav.sprache a:active,
.mod_customnav.sprache a:hover,
.mod_customnav.sprache a:focus {
    text-decoration:none;
    color:#fff;
}
span .active {
    border-bottom:0px;
    text-decoration:underline;
    color:#22262a;
}
.trail a:active,
.trail a:link,
.trail a:visited,
.trail a:hover,
.trail a:focus {
    border-bottom:0px;
    text-decoration:none;
    color:#22262a;
}
table {
    font-size:1em;
    line-height:1.1em;
}
.none,
.invisible {
    display:none;
    visibility:hidden;
}
#backtop {
    width:25px;
    height:25px;
    bottom:10px;
    right:20px;
    position:fixed;
    z-index:10000;
}
#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:#e54f2b;
    border:0px;
    color:#fff;
}
a.cookiebar__link {
    color:#fff;
}
.content-text .tax {
    font-size:.8em;
    line-height:1.4em;
}
.mod_stpeter_nav {
    margin:0;
    padding:14px 0 0 50px;
    background-image:url("/files/st.peter/Weisstanne.png");
    background-position:left center;
    background-repeat:no-repeat;
    font-size:.85em;
    line-height:1.2em;
    color:#fff;
    background-size: 300px 44px;
    position:absolute;
    top: 310px;
    left: 0px;
    z-index:4;
    opacity: 0.75;
    filter: alpha(opacity=75);
}
@media only screen and (max-width: 710px)  { .mod_stpeter_nav {
    margin:0;
    padding:14px 0 0 50px;
    background-image:url("/files/st.peter/Weisstanne.png");
    background-position:left center;
    background-repeat:no-repeat;
    font-size:.85em;
    line-height:1.2em;
    color:#fff;
    background-size: 300px 44px;
    position:absolute;
    top: 45vh;
    left: 0vw;
    z-index:4;
    opacity: 0.75;
    filter: alpha(opacity=75);
}
.mod_stpeter_nav a {
    margin:0;
    padding:0;
    border-bottom:0px solid;
    text-decoration:none;
    color:#fff;
    opacity: 1.0;
    filter: alpha(opacity=100);
}
}


/* BUCHUNG */
/* min. diese Breite wegen Kalender */

.buchung #ebFrontEndFrame {
    width:100%;
    max-width:1010px;
    margin-top:0;
    margin-right:auto;
    margin-left:auto;
    padding-top:75px;
    padding-bottom:35px;
    background-color:#fff;
}
.kalenderabreisetag {
    max-width:163px;
    max-height:43px;
}
.mod_booknav {
    height:55px;
    margin:0;
    padding:0;
    background-image:url("/files/img/Mond.png");
    background-position:left center;
    background-repeat:no-repeat;
    background-size: 55px 55px;
    position:absolute;
    top: 210px;
    right: 65px;
}
@media only screen and (max-width: 710px)  { .mod_booknav {
    height:45px;
        margin:0;
        padding:0;
        background-image:url("/files/img/Mond.png");
        background-position:left center;
        background-repeat:no-repeat;
        background-size: 45px 45px;
        position:absolute;
        top: 30vh;
        right: 5vw;
    }
}

.logo-foerderung {
    width:100%;
    margin-top:50px;
    padding-top:55px;
    border-top:.5px solid #666;
}
.logo-foerderung figure {
    width:320px;
    height:55px;
    margin:0 auto;
    border:10px solid #fff;
    border-radius:5px;
}
.logo-foerderung .rte {
    width:320px;
    margin:0 auto;
    padding-top:5px;
    font-size:0.75em;
    line-height:1.4em;
    text-align: center;
}
@media only screen and (max-width: 710px)  { .logo-foerderung figure, .logo-foerderung .rte {
    width:256px;
    height:44px;
    }
}
/* Logo UA */
.bild img {
    width: 220px;
    height: 14px;
}