#colorbox,#cboxOverlay,#cboxWrapper{position:absolute;top:0;left:0;z-index:9999;overflow:hidden;-webkit-transform:translate3d(0,0,0)}#cboxWrapper{max-width:none}#cboxOverlay{position:fixed;width:100%;height:100%}#cboxMiddleLeft,#cboxBottomLeft{clear:left}#cboxContent{position:relative}#cboxLoadedContent{overflow:auto;-webkit-overflow-scrolling:touch}#cboxTitle{margin:0}#cboxLoadingOverlay,#cboxLoadingGraphic{position:absolute;top:0;left:0;width:100%;height:100%}#cboxPrevious,#cboxNext,#cboxClose,#cboxSlideshow{cursor:pointer}.cboxPhoto{float:left;margin:auto;border:0;display:block;max-width:none;-ms-interpolation-mode:bicubic}.cboxIframe{width:100%;height:100%;display:block;border:0;padding:0;margin:0}#colorbox,#cboxContent,#cboxLoadedContent{box-sizing:content-box;-moz-box-sizing:content-box;-webkit-box-sizing:content-box}#cboxOverlay{background:#000;opacity:.9;filter:alpha(opacity = 90)}#colorbox{outline:0}#cboxContent{margin-top:20px;background:#000}.cboxIframe{background:#fff}#cboxError{padding:50px;border:1px solid #ccc}#cboxLoadedContent{border:5px solid #000;background:#fff}#cboxTitle{position:absolute;top:-20px;left:0;color:#ccc}#cboxCurrent{position:absolute;top:-20px;right:0;color:#ccc}#cboxLoadingGraphic{background:url(../../assets/colorbox/images/loading.gif) no-repeat center center}#cboxPrevious,#cboxNext,#cboxSlideshow,#cboxClose{border:0;padding:0;margin:0;overflow:visible;width:auto;background:0 0}#cboxPrevious:active,#cboxNext:active,#cboxSlideshow:active,#cboxClose:active{outline:0}#cboxSlideshow{position:absolute;top:-20px;right:90px;color:#fff}#cboxPrevious{position:absolute;top:50%;left:5px;margin-top:-32px;background:url(../../assets/colorbox/images/controls.png) no-repeat top left;width:28px;height:65px;text-indent:-9999px}#cboxPrevious:hover{background-position:bottom left}#cboxNext{position:absolute;top:50%;right:5px;margin-top:-32px;background:url(../../assets/colorbox/images/controls.png) no-repeat top right;width:28px;height:65px;text-indent:-9999px}#cboxNext:hover{background-position:bottom right}#cboxClose{position:absolute;top:5px;right:5px;display:block;background:url(../../assets/colorbox/images/controls.png) no-repeat top center;width:38px;height:19px;text-indent:-9999px}#cboxClose:hover{background-position:bottom center}
@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:#fff;
    font:1em/1.6em 'Work Sans',sans-serif;
    font-weight: 500;
    color:#22262a;
}
.mod_rocksolid_slider {
    width:100%;
    height:100%;
    max-width:100%;
    left:0;
    top:0;
    position:absolute;
    margin:0;
    object-fit:cover;
    overflow:hidden;
    z-index:2;
}
@media only screen and (max-width: 710px)  { .mod_rocksolid_slider {
    width:auto;
    min-height:50vh;
    max-width:auto;
    }
}
.logo {
    margin:25px auto 0;
    text-align:center;
    line-height:0px;
}
.start .logo {
    right:0;
    top:10px;
    position:absolute;
    margin:0;
    line-height:0px;
    z-index:1000;
}
.logostpeter {
    width:200px;
    height:72px;
    max-width:200px;
    max-height:72px;
}
@media only screen and (max-width: 710px)  { .logostpeter {
    width:150px;
    height:54px;
    max-width:150px;
    max-height:54px;
    padding:50px 0 0;
    }
}
@media only screen and (min-width: 710px)  { .start #main {
    width:100%;
    top:100%;
    position:absolute;
    z-index:2;
    }
}
#main .mod_article {
    width:100%;
    max-width:100%;
    float:left;
    padding-top:25px;
    padding-bottom:25px;
    background-color:#e5e5e2;
}

.ce_text,
.content-text,
.content-image,
.ce_headline {
    width:100%;
    max-width:710px;
    margin:0 auto;
    padding:2% 0 0;
}
@media only screen and (max-width: 710px)  { .content-text {
    padding:0 0 2vw;
    width:96vw;
    max-width:calc(100vw - 4vw);
    }
}
.feedback {
    position: relative;
    height: 33vh;
    overflow-x: hidden;
    overflow-y: scroll;
    -webkit-overflow-scrolling:touch;
}
@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 30px 0;
    margin:0px auto;
    float:left;
    clear:left;
}
.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;
}

/* hervorhebung */
.tipp h3 {
    margin:-10px 10px 5px;
    padding:0;
}

/* hervorhebung */
@media only screen and (max-width: 710px)  { .tipp h3 {
    margin:15px 10px 10px;
    padding:0;
    }
}

/* hervorhebung */
p.tipp,
.tipp p {
    width:auto;
    padding:10px;
}
a:link,
a:visited {
    text-decoration:underline;
    color:#22262a;
}
a:active,
a:hover,
a:focus {
    text-decoration:none;
    color:#22262a;
}
h1 {
    margin:30px 0 25px;
    padding:0;
    text-align:left;
    font:1.8em/1.4em 'Josefin Sans',sans-serif;
    color:#22262a;
    font-weight: 600;
}
.start h1 {
    margin:-150px 0 50px;
    padding:0;
    text-align:left;
    font:1.8em/1.4em 'Josefin Sans',sans-serif;
    color:#fff;
    font-weight: 600;
}
@media only screen and (max-width: 710px)  { .start h1 {
    margin:0 0 25px;
    padding:0;
    text-align:left;
    font:1.6em/1.4em 'Josefin Sans',sans-serif;
    color:#22262a;
    font-weight: 600;
    }
}
h2,
h3,
.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:4;
}
.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;
    float:left;
    clear:left;
    padding-top:2px;
    padding-bottom:10px;
    background:-moz-linear-gradient(top,#ccc,#fff);
    background:-webkit-linear-gradient(top,#ccc,#fff);
    background:-o-linear-gradient(top,#ccc,#fff);
    background:-ms-linear-gradient(top,#ccc,#fff);
    background:linear-gradient(to bottom,#ccc,#fff);
    -pie-background:linear-gradient(top,#ccc,#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;
}

/* Sprache */
.start #header nav.mod_customnav {
    left:10px;
    top:10px;
    position:absolute;
    z-index:1000;
}
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;
}
.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;
    }
}
.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:226px;
    width:auto;
    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;
}

/* 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);
}
}
