/* Primaryfarbe für einzelne Unterseiten */
.or-pension-dortmund-messe {
  --primary-color: #436E62;
  --hover-color: #436E62b9;
}

.btn-primary,
.overview-summary .title {
  background-color: var(--primary-color) !important;
}

.room-info-btn {
  background: var(--hover-color) !important;
}

/* Header und Logo */

.online-reservierung .header,
.gaestemappe .header {
    display: block !important;
}

.online-reservierung .logo-solo,
.gaestemappe .logo-solo {
    display: none !important;
}

img.logo.img-responsive {
    position: absolute;
    top: calc(50% - 60px);
    height: 200px;
    width: 200px;
    margin-left: calc(50% - 100px);
    min-width: 100px;
    min-height: 100px;
}

@media screen and (max-width:600px) {
    img.logo.img-responsive {
        height: 91px;
        width: 184px;
        margin-left: calc(50% - 92px);
        min-width: 50px;
        min-height: 50px;
    }
}

.logo-solo {
    background-color: #fff;
    padding: 10px 20px;
    width: 150px !important;
    height: 150px;
    margin-left: calc(50% - 215px) !important;
}


/* für Menu3 */

@media (max-width: 1479px) {
    .logo-solo {
        margin-left: calc(50% - 100px) !important;
    }
}

@media screen and (max-width:991px) {
    .logo-solo {
        width: 100px !important;
        height: 60px;
        padding: 5px 10px;
    }
}


/* Hintergrundbild */

.header img:not(.logo) {
    height: 100%;
    object-fit: cover;
    object-position: center 30%;
}

/* Hintergrundfarbe */

.HP-section.bg-color-2,
.HP-section.bg-color-2:before {
    background: #61634E;
}

/* Menü Deaktivierung 
.or-menu-or, .or-menu-dgm, .or-menu-tr {
	display: none;
}*/

/* FAQ */

.swo-faq-header {
	color: #C3AB87;
}

.swo-faq-element:not(:first-child) {
	border-top: 1px solid #C3AB87;
}

/* Scrollbalken Zimmer OR3 */

.list-group.scroll.select-room {
  overflow: hidden;
}

/* Wellnesskalender - Onlineshop */

.os-articles .noimage {
    background: url(/soferu/templates/images/no_image.jpg);
    height: 180px;
    background-repeat: no-repeat; 
    background-position: center;
    background-size: cover;
}

.os-articles .noimage p, .wellness .os-articles .noimage img {display: none;}
.os-articles a:hover { opacity: 0.9; }
.os-articles .os-article-row-text { height: 140px; }
.os-articles .os-article-row-image { height: 180px; }
.os-articles .os-article-row-image img { object-fit: cover; }

.os-article-detail-mainimage {
  padding: 0 !important;
  height: 210px;
}

.os-article-details-images img {
  object-fit: cover;
  max-height: 100% !important;
  width: 100%;
}