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%}
header,footer,nav,section,aside,main,article,figure,figcaption{display:block}body,div,h1,h2,h3,h4,h5,h6,p,blockquote,pre,code,ol,ul,li,dl,dt,dd,figure,table,th,td,form,fieldset,legend,input,textarea{margin:0;padding:0}table{border-spacing:0;border-collapse:collapse}caption,th,td{text-align:left;text-align:start;vertical-align:top}abbr,acronym{font-variant:normal;border-bottom:1px dotted #666;cursor:help}blockquote,q{quotes:none}fieldset,img,iframe{border:0}ul{list-style-type:none}sup{vertical-align:text-top}sub{vertical-align:text-bottom}del{text-decoration:line-through}ins{text-decoration:none}body{font:12px/1 "Lucida Grande","Lucida Sans Unicode",Verdana,sans-serif;color:#000}input,button,textarea,select{font-family:inherit;font-size:99%;font-weight:inherit}pre,code{font-family:Monaco,monospace}h1,h2,h3,h4,h5,h6{font-size:100%;font-weight:400}h1{font-size:1.8333em}h2{font-size:1.6667em}h3{font-size:1.5em}h4{font-size:1.3333em}table{font-size:inherit}caption,th{font-weight:700}a{color:#00f}h1,h2,h3,h4,h5,h6{margin-top:1em}h1,h2,h3,h4,h5,h6,p,pre,blockquote,table,ol,ul,form{margin-bottom:12px}

/* Schriftart Open Sans importieren */

@font-face {
    font-family: "Open Sans";
    font-weight: 800;
    src: url('/files/auf-dem-heiligem-berg/fonts/OpenSans/OpenSans-ExtraBold.ttf'),
    url('/files/auf-dem-heiligem-berg/fonts/OpenSans/OpenSans-ExtraBoldItalic.ttf');
}

@font-face {
    font-family: "Open Sans";
    font-weight: 700;
    src: url('/files/auf-dem-heiligem-berg/fonts/OpenSans/OpenSans-Bold.ttf'),
    url('/files/auf-dem-heiligem-berg/fonts/OpenSans/OpenSans-BoldItalic.ttf');
}

@font-face {
    font-family: "Open Sans";
    font-weight: 600;
    src: url('/files/auf-dem-heiligem-berg/fonts/OpenSans/OpenSans-SemiBold.ttf'),
    url('/files/auf-dem-heiligem-berg/fonts/OpenSans/OpenSans-SemiBoldItalic.ttf');
}

@font-face {
    font-family: "Open Sans";
    font-weight: 500;
    src: url('/files/auf-dem-heiligem-berg/fonts/OpenSans/OpenSans-Medium.ttf'),
    url('/files/auf-dem-heiligem-berg/fonts/OpenSans/OpenSans-MediumItalic.ttf');
}

@font-face {
    font-family: "Open Sans";
    font-weight: 400;
    src: url('/files/auf-dem-heiligem-berg/fonts/OpenSans/OpenSans-Regular.ttf'),
    url('/files/auf-dem-heiligem-berg/fonts/OpenSans/OpenSans-Italic.ttf');
}

@font-face {
    font-family: "Open Sans";
    font-weight: 300;
    src: url('/files/auf-dem-heiligem-berg/fonts/OpenSans/OpenSans-Light.ttf'),
    url('/files/auf-dem-heiligem-berg/fonts/OpenSans/OpenSans-LightItalic.ttf');
}


.ce_gallery .pagination {
    display:none;
}
.gallery_btn a {
    width:24px;
    height:65px;
    display:block;
    padding-top:45px;
    padding-left:5px;
    background-color:#d0c8c1;
    font-size:26px;
    color:#c14732;
    text-decoration: none;
}
.ce_gallery {
    padding-top:10px;
    padding-bottom:10px;
    border-top:1px solid #d0c8c1;
    border-bottom:1px solid #d0c8c1;
}
.gallery_previous {
    float:left;
}
.gallery_next {
    float:right;
}
.galleria-lightbox-title,
.galleria-lightbox-counter {
    color:#fff;
}
.galleria-lightbox-close {
}

.galleria-theme-classic .galleria-image-nav-right {
    background-image: url("../../files/auf-dem-heiligem-berg/icons/pfeilrechts25x25.png");
    background-position: right center;
}

.galleria-theme-classic .galleria-image-nav-left {
    background-image: url("../../files/auf-dem-heiligem-berg/icons/pfeillinks25x25.png");
}

.galleria-lightbox-next img,
.galleria-lightbox-prev img {
    display: none;
}

.galleria-lightbox-next {
    background-image: url("../../files/auf-dem-heiligem-berg/icons/pfeilrechts40x40.png") !important;
    background-position: left center !important;
    background-repeat: no-repeat !important;
    width: 50px !important;
}
.galleria-lightbox-prev {
    background-image: url("../../files/auf-dem-heiligem-berg/icons/pfeillinks40x40.png") !important;
    background-position: right center !important;
    background-repeat: no-repeat !important;
    width: 50px !important;
}

.galleria-theme-classic .galleria-counter {
    opacity: 1 !important;
}

.galleria-theme-classic .galleria-counter:before {
    content: "";
    background-image: url("../../files/auf-dem-heiligem-berg/icons/lupe25x25.png");
    background-position: right center;
    background-repeat: no-repeat;
    background-size: auto 100%;
    display: inline-block;
    width: 25px;
    height: 25px;
    text-align: center;
    margin-right: 10px;
    position: relative;
    top: 5px;
}

.galleria-theme-classic .galleria-stage {
    left: 0;
    right: 0;
}

.xdsoft_datetimepicker .xdsoft_timepicker .xdsoft_time_box > div > div.xdsoft_current,
.xdsoft_datetimepicker .xdsoft_calendar td.xdsoft_current {
    background-color:#AB2F31;
    background-image:url("../../files/auf-dem-heiligem-berg/css/#");
    box-shadow: 0px 1px 3px 0px #AB2F31 inset;
}

body {
    background-repeat:no-repeat;
    background-attachment: fixed;
    background-size: cover;
}
body.startseite {
    background-image:url("/files/auf-dem-heiligem-berg/hintergruende/Startseite_8301.jpg");
    background-repeat:no-repeat;
}
body.gaestehaus,
body.gaestehaus-preise-und-kategorien,
body.gaestehaus-reservierungsanfrage,
body.gaestehaus-stornobedingungen,
body.gaestehaus-weitere-informationen {
    background-image:url("/files/auf-dem-heiligem-berg/hintergruende/Zimmer_1299.jpg");
}
body.tagungen,
body.tagungen-tagungsanfrage,
body.tagungen-preise-und-raeume,
body.tagungen-stornobedingungen,
body.tagungen-weitere-informationen {
    background-image:url("/files/auf-dem-heiligem-berg/hintergruende/Tagungen_2543.jpg");
}
body.gastronomie,
body.gastronomie-feiern-und-gesellschaften {
    background-image:url("/files/auf-dem-heiligem-berg/hintergruende/Gastronomie_1436.jpg");
}
body.gastronomie-buffets-und-menues {
    background-image:url("/files/auf-dem-heiligem-berg/hintergruende/Gastronomie_1436.jpg");
}
body.team {
    background-image:url("/files/auf-dem-heiligem-berg/hintergruende/Startseite_8322.jpg");
}
body.haus-und-mehr,
body.haus-und-mehr-links {
    background-image:url("/files/auf-dem-heiligem-berg/hintergruende/Haus-Umgebung_1336.jpg");
}
body.haus-und-campus {
    background-image:url("/files/auf-dem-heiligem-berg/hintergruende/Haus-Umgebung_1336.jpg");
}
body.wuppertal-und-umgebung {
    background-image:url("/files/auf-dem-heiligem-berg/hintergruende/Haus-Umgebung_1336.jpg");
}
body.kontakt-und-anreise {
    background-image:url("/files/auf-dem-heiligem-berg/hintergruende/Startseite_8301.jpg");
}
body.agb {
    background-image:url("/files/auf-dem-heiligem-berg/hintergruende/Startseite_8322.jpg");
}
body.impressum {
    background-image:url("/files/auf-dem-heiligem-berg/hintergruende/Startseite_8322.jpg");
}

/* Navigation (main) */
.mod_navigation.main {
    width:100%;
    top:100px;
    position:absolute;
    background-color:#bdb1a7;
}

.mod_navigation.main ul li {
    float:left;
    letter-spacing:1px;
}

.mod_navigation.main ul li a,
.mod_navigation.main ul li strong {
    display:block;
    padding-right:25px;
    padding-left:25px;
    font-size:1.1em;
    line-height:35px;
    color:#fff;
    text-transform:uppercase;
    text-decoration: none;
    font-weight: 400;
}

.mod_navigation.main ul li.active,
.mod_navigation ul li.trail {
    background-color:#ab2f31;
    border-right:3px solid #fff;
    border-left:3px solid #fff;
    font-weight: 400;
}

/* Navigation (sub) */
.mod_navigation.sub {
    width:270px;
    margin-top:16px;
}

.mod_navigation.sub a,
.mod_navigation.sub strong {
    line-height:30px;
    text-decoration: none;
}

.mod_navigation.sub li {
    border-bottom:1px solid #d0c8c1;
}

.mod_navigation.sub a:before,
.mod_navigation.sub strong:before {
    content: " ";
    margin-right: 5px;
    display: inline-block;
    width: 14px;
    height: 14px;
    background-image: url("../../files/auf-dem-heiligem-berg/icons/link19x19.png");
    background-repeat: no-repeat;
    background-size: 13px;
    vertical-align: middle;
}

.mod_navigation.sub a {
    color:#635b55;
}

.mod_navigation.sub strong {
    font-weight: 500;
    font-size: 14px;
    color:#000;
}



.mod_article {
    padding-right:25px;
    padding-bottom:25px;
    padding-left:25px;
}
.ce_form {
    margin-top:5px;
}
.right {
    float:right;
}
.mobile-image {
    display:none;
}
#sticky-footer {
    width:960px;
    margin:0 auto;
}
.footer {
    margin-top:16px;
    margin-bottom: 30px;
}
body {
    font:16px/22px Open Sans;
    font-weight: 300;
}
hr {
    border-top:1px #000;
}
#wrapper {
    margin-top:60px;
    background-color:#fff;
}
#header {
    height: 130px;
}
.logo {
    position:static;
    float:right;
    margin-right:20px;
    background-image:url("/files/auf-dem-heiligem-berg/themes/standard/logo_zweizeilig.png");
    background-size: auto 90%;
    background-position: left bottom;
    background-repeat: no-repeat;
    width: 310px;
    height: 90px;
}
#main {
    margin-top:10px;
    padding-right:0;
    padding-left:0;
}

#right {
    margin-top:20px;
}


a {
    font-size:14px;
    color:#635B55;
    text-decoration: none;
}
.ce_headline:first-child {
    margin-top:26px;
}
h1,
p,
.ce_galerie {
    width:100%;
}
.left {
    float:left;
}
.clear-both {
    clear:both;
}
h1 {
    margin-bottom:25px;
    border-bottom:1px solid #d0c8c1;
    font:21px/30px Open Sans;
    color:#a61008;
    text-transform:uppercase;
    letter-spacing:2px;
    font-weight: 500;
}

#right h1 {
    border-bottom: none;
    margin-bottom: 10px;
    margin-top: 17px;
}



h5 {
    margin-bottom:6px;
    color:#a61008;
    font-weight: 400;
}
h6 {
    margin-bottom:0;
    padding:0;
    font:14px/23px Open Sans;
    color:#6c645c;
    font-weight: 400;
}
#nav-toggle {
    display:none;
}
.mod_customnav.footer ul li {
    float:left;
    margin-right:10px;
}
.mod_customnav.footer ul li a {
    width:960px;
    color:#fff;
    text-decoration: none;
}
.mod_customnav.footer li:after {
    margin-left:10px;
    color:#fff;
    content: '·'
}

/* Den Punkt hinter dem letztem Listen-Element entfernen. */
.mod_customnav.footer li.last:after {
    content: '';
}
.mod_article p,
table {
    padding:5px 0;
    font:14px/23px Open Sans;
    color:#6c645c;
    font-weight: 300;
}

.mod_article a {
    color: #a61008;
}
.ce_text,
.ce_download {
    padding:5px;
}

.ce_form form {
    font-size: 0;
}

form input[type=text],
form input[type=email],
form input[type=tossn_captcha],
form textarea {
    padding: 5px 10px;
    border:1px solid #D0C8C1;
    font-size:14px;
    color:#6c645c;
    display: inline-block;
    width: calc(100% - 22px);
    margin-bottom: 10px;
}
form input[type=tossn_captcha] {
    width: calc(200px - 22px);
}


.ce_form .widget-text,
.ce_form .widget-datetime,
.ce_form .widget-select {
    width:50%;
}
.ce_form .widget-text input,
.ce_form .widget-datetime input,
.ce_form .widget-select select {
    width:92%;
    height:30px;
    margin-bottom:22px;
}
form input[type=checkbox] {
    margin-right:5px;
    background-color:#c22d2d;
    border:0;
    width: 20px;
    display: inline-block;
}
.ce_form .checkbox_container  label {
    height:23px;
    color:#635B55;
    display: inline-block;
    width: calc(100% - 25px);
    font-size: 14px;
}
.ce_form .widget-select select {
    width:96%;
    padding:3px 3px 3px 6px;
    border:1px solid #D0C8C1;
    font-size:14px;
    color:#999;
}
.ce_form p.error {
    margin-bottom:0;
    color:#f00;
}
.ce_form .widget.error input,
.ce_form .widget.error textarea {
    background-color:rgba(250,147,147,.3);
    border-color:#f00;
    color:#000;
}
.ce_form button {
    font-size: 14px;
    padding: 5px 20px;
    margin-top: 10px;
}

.mod_attachmentList {
    width:270px;
    margin-right:55px;
    margin-bottom: 38px;
}
.kontakt-und-anreise .mod_attachmentList {

}
.mod_attachmentList ul li {
    border-bottom: 1px solid #d0c8c1;
    padding: 5px 0;
}
.mod_attachmentList ul li img {
    top:5px;
    position:relative;
    transform: scale(0.7);
}
.mod_attachmentList ul li a {
    text-decoration: none;
}
.mod_attachmentList ul li a:before {
    content: " ";
    margin-right: 5px;
    display: inline-block;
    width: 14px;
    height: 14px;
    background-image: url("../../files/auf-dem-heiligem-berg/icons/download19x19.png");
    background-repeat: no-repeat;
    background-size: 13px;
    vertical-align: middle;
}

.mod_attachmentList ul li a:hover {
    color:#a61008;
}
.mod_article.address {
    padding-left:0;
}

.mod_article.address a:before {
    content: " ";
    margin-right: 5px;
    display: inline-block;
    width: 14px;
    height: 14px;
    background-image: url("../../files/auf-dem-heiligem-berg/icons/link19x19.png");
    background-repeat: no-repeat;
    background-size: 13px;
    vertical-align: middle;
}
.mod_article.address a {
    color: #635b55
}

body:not(.gaestehaus) #right .buchen,
body:not(.team,.kontakt-und-anreise) #right .bewerben {
    display: none;
}

#right .buchen,
#right .bewerben {
    width: 270px;
}

#right .buchen a,
#right .bewerben a {
    background-color: #a61008;
    color: #fff;
    text-transform: uppercase;
    padding: 6px 10px;
    display: inline-block;
    width: calc(100% - 20px);
    font-weight: 500;
    font-size: 21px;
    text-decoration: none;
    margin-bottom: 15px;
    margin-top: 12px;
    letter-spacing: 2px;
}

#right .linked_in {
    border-top: 1px solid #d0c8c1;
    padding: 20px 0;
    width: 270px;
    margin-right: 55px;
    display: inline-flex;
}

#right .linked_in .logo {
    display: inline-block;
    width: 40px;
    height: 40px;
    background-image: url("../../files/auf-dem-heiligem-berg/icons/linkedin_logo.png");
    background-repeat: no-repeat;
    background-size: 100% auto;
    margin-right: 14px;
    float: none;
}

#right .linked_in .text {
    display: inline-block;
    width: calc(100% - 54px);
    font-size: 16px;
    vertical-align: top;
    line-height: 33px;
}

#right .rhein_wupper_manager {
    border-top: 1px solid #d0c8c1;
    padding: 20px 0;
    width: 270px;
    margin-right: 55px;
    display: inline-flex;
}

#right .rhein_wupper_manager .logo {
    display: inline-block;
    width: 230px;
    max-width: 100%;
    height: 85px;
    background-image: url("../../files/auf-dem-heiligem-berg/siegel/rhein_wupper_partner_2025.jpg");
    background-repeat: no-repeat;
    background-size: 100% auto;
    background-position: top left;
    margin-right: 14px;
    float: none;
}


@media (min-width: 768px) and (max-width: 1024px) {
.footer {
    position:static;
}

/* Die Gesammtbreite anpassen */
#wrapper {
    width:768px;
}
#sticky-footer {
    width:768px;
    margin:0 auto;
}
.logo {
    position:static;
    float:right;
}
.ce_form textarea {
    width:97%;
}
.mod_article.address {
    display:none;
}
.mod_navigation.main ul li a,
.mod_navigation.main ul li span {
    padding-right:23px;
}
.kontakt-und-anreise iframe {
    width: 100% !important;
}
}

@media (max-width: 767px) {
    .mod_customnav.footer li:after {
        color:#cc501c;
    }
    .footer {
        position:static;
    }
    .mod_navigation.main ul li span {
        border-width:2px 0px;
        border-style:solid;
        border-color:#fff;
    }
    #sticky-footer {
        width:90%;
        bottom:0;
        left:auto;
        right:auto;
        top:0;
    }
    html {
        background-image:none;
    }
    #header {
        width:100%;
        height:100%;
        background-color:#fff;
    }
    #wrapper {
        margin-top:0;
    }
    #container {
        clear:both;
    }
    .logo {
        margin-bottom:8px;
    }
    .logo img {
        width:75%;
        height:auto;
        float:right;
    }
    .mobile-image {
        display:block;
    }
    #sticky-footer ul li a {
        color:#c4ad98;
    }
    .mod_navigation.main {
        height:0px;
        top:90px;
        position:absolute;
        display:block;
        z-index: 1;
    }
    .mod_navigation.main ul li {
        float:none;
    }
    #nav-toggle {
        left:27px;
        top:58px;
        position:absolute;
        display:block;
    }
    .mod_article.address {
        display:none;
    }
    .kontakt-und-anreise iframe {
        width: 100% !important;
    }
    .ce_form textarea {
        width:96%;
    }
    #right {
        width:90%;
        margin:0 auto;
    }
    .mod_navigation.sub {
        width:100%;
    }
    #startseite {
        width: auto;
    }
    .kachel-raster-column-2 {
        grid-template-columns: 1fr !important;
    }
    #right .linked_in,
    #right .rhein_wupper_manager {
        width: 100%;
    }

}