/* ============================================================
   Hotel Knaus - Farb-Override fuer die Direktbuchung
   System: zimmersoftware / cloud-rooms, Template be19c (Hotel-ID 41447)
   Stellt das blaue Standarddesign auf die Hausfarbe Bordeaux um.
   Primaer #99001a | Dunkel/Hover #780015 | helle Tints abgeleitet
   Deckt ab: Hotel-Theme, Kalender, Datepicker, Lightpick-Datumsauswahl.
   Erzeugt 2026-11-04. Reine Farbanpassung, keine Layout-Aenderung.
   ============================================================ */
header h1.logo {
  color: #99001a !important;
}
header.sticky h1.logo {
  color: #99001a !important;
}
.downPaymentPrice {
  color: #99001a !important;
}
.select_box2 {
  background: #f7edef url(//s26.cloud-rooms.com/des/d19/images/select-angle2.png) center right no-repeat !important;
  border: #e3c4ca 1px solid !important;
}
.input2 {
  border: #e3c4ca 1px solid !important;
  background: #f7edef !important;
}
.input2.hasDatepicker {
  background: url(//s26.cloud-rooms.com/des/d19/images/small-calendar.svg) right 10px center no-repeat #f7edef !important;
}
.dpArea .result {
  background: url(//s26.cloud-rooms.com/des/d19/images/small-calendar.svg) right 10px center no-repeat #f7edef !important;
  border: #e3c4ca 1px solid !important;
}
.titlebarcontainer {
  background-color: #99001a !important;
}
.langSelect ul ul li a:hover {
  background: #99001a !important;
}
.submitbtn2 {
  background: #f7edef !important;
}
html>body .submitBtn {
  background: #99001a !important;
}
.all_btn {
  background: #99001a !important;
  border: #780015 1px solid !important;
}
html>body .all_btn {
  background: #99001a !important;
}
.hotDtlArea h4, .rightCarousel h4 {
  color: #99001a !important;
}
.hotDtlArea h5, .rightCarousel h5 {
  color: #99001a !important;
}
.contactDtl {
  background: #99001a !important;
}
.contactDtlInner::after {
  background: #c25a6b !important;
}
footer {
  background: #99001a !important;
}
.stayMas {
  color: #99001a !important;
}
.proprice span a {
  background: #99001a !important;
}
.proName ul li a {
  color: #99001a !important;
}
.contactInfoTop {
  background: #99001a !important;
}
.desRight h3::after {
  background: #99001a !important;
}
.bookComp h3 {
  color: #99001a !important;
}
.printCon h5::after, .hotelInf h5::after {
  background: #99001a !important;
}
.aboutBox:hover span {
  background: #99001a !important;
}
.singlePirce .price span {
  background: #b23048 !important;
  background: -moz-linear-gradient(left, #b23048 0%, #780015 100%) !important;
  background: -webkit-linear-gradient(left, #b23048 0%, #780015 100%) !important;
  background: linear-gradient(to right, #b23048 0%, #780015 100%) !important;
}
.onePrice span a {
  background: #99001a !important;
}
.singleBox .dtls ul li a {
  color: #99001a !important;
}
.contShowLess, .contShowMore {
  color: #99001a !important;
}
.soldStamp h3, .soldStamp h4, .soldStamp h2 {
  color: #99001a !important;
}
.mCSB_scrollTools .mCSB_dragger:hover .mCSB_dragger_bar, .mCSB_scrollTools .mCSB_dragger_bar {
  background-color: #99001a !important;
}
.hotContent > h4 {
  color: #99001a !important;
}
div.room, a.room {
  border: 2px solid #99001a !important;
  color: #99001a !important;
}
.aprlef ul li a {
  color: #99001a !important;
}
.apricPro span a {
  color: #99001a !important;
  border: 1px solid #99001a !important;
}
.btn_book {
  background: #99001a !important;
}
.price {
  color: #99001a !important;
}
.fillprice .apricPro span a {
  background: #99001a !important;
}
.today {
  border: 1px solid #99001a !important;
}
.calendar_checkIn, .calendar_checkOut {
  background: #99001a !important;
}
.ratestable .finalr {
  color: #99001a !important;
}
.testimonials a {
  color: #780015 !important;
}
.testimonials h3 {
  color: #780015 !important;
}
.testimonial_summary a {
  color: #780015 !important;
}
.testimonial_summary h3 {
  color: #780015 !important;
}
.blogtable a {
  color: #780015 !important;
}
.blogtable h3 {
  color: #780015 !important;
}
.blogtable .date > a > i {
  color: #780015 !important;
}
.btn {
  background: #99001a !important;
}
.btn_next {
  background: #99001a !important;
}
.select select {
  background: #99001a !important;
}
.select select.autocommit {
  background: #99001a !important;
}
.btn-color {
  background: #780015 !important;
}
.btn-selcol {
  background: #780015 !important;
  outline: 2px solid #780015 !important;
}
.qm:hover {
  background-color: #99001a !important;
}
.tableWrap .showxs h4 {
  color: #99001a !important;
}
.navigation ul li a:hover, .navigation ul li a:focus, .navigation ul li.active > a {
  color: #99001a !important;
}
.t-dates {
  border: 1px #e3c4ca solid !important;
  background: #f7edef !important;
}
.arrive,
.depart {
  background-color: #99001a !important;
}
.t-hover-day-content,
.t-hover-day:hover {
  background: #99001a !important;
}
.t-highlighted {
  color: #99001a !important;
}
th.t-arrow.t-prev,
th.t-arrow.t-next {
  background: #99001a !important;
}
.closeDP {
  background: #99001a !important;
}
.t-today:hover,
.t-today:hover .t-hover-day-content {
  background: #99001a !important;
}
.t-range,
.t-range-limit {
  background: #99001a33 !important;
}
.ui-widget-header {
  background: #c25a6b !important;
}
.ui-state-default, .ui-widget-content .ui-state-default, .ui-widget-header .ui-state-default, .ui-button, html .ui-button.ui-state-disabled:hover, html .ui-button.ui-state-disabled:active {
  color: #c25a6b !important;
}
.ui-state-highlight, .ui-widget-content .ui-state-highlight {
  color: #c25a6b !important;
  border: 2px solid #c25a6b !important;
}
.ui-state-hover:hover {
  background: #c25a6b !important;
  border: 2px solid #c25a6b !important;
}
.ui-state-active, .ui-widget-content .ui-state-active, .ui-widget-header .ui-state-active, a.ui-button:active, .ui-button:active, .ui-button.ui-state-active:hover {
  background: #c25a6b !important;
  border: 2px solid #c25a6b !important;
}
.toppart {
  background: #99001a !important;
}
.calendar_bottom_btn .cbBtn {
  background: #99001a !important;
}
.startDay, .enday {
  background: #99001a !important;
}
.selected_day {
  background: #f7edef !important;
}
.startday_selected {
  background: -webkit-gradient(linear,left top,right top,from(transparent),color-stop(50%,transparent),color-stop(50%,#f7edef)) !important;
  background: -webkit-linear-gradient(left,transparent,transparent 50%,#f7edef 0) !important;
  background: -moz-linear-gradient(left,transparent,transparent 50%,#f7edef 50%) !important;
  background: -o-linear-gradient(left,transparent,transparent 50%,#f7edef 50%) !important;
  background: linear-gradient(90deg,transparent,transparent 50%,#f7edef 0) !important;
}
.enday_selected {
  background: -webkit-gradient(linear,right top,left top,from(transparent),color-stop(50%,transparent),color-stop(50%,#f7edef)) !important;
  background: -webkit-linear-gradient(right,transparent,transparent 50%,#f7edef 0) !important;
  background: -moz-linear-gradient(right,transparent,transparent 50%,#f7edef 50%) !important;
  background: -o-linear-gradient(right,transparent,transparent 50%,#f7edef 50%) !important;
  background: linear-gradient(270deg,transparent,transparent 50%,#f7edef 0) !important;
}
.current_date {
  border: 1px solid #99001a !important;
}
.t-date-title {
  color: #99001a !important;
}
.t-special-day:before {
  border-color: #99001a #99001a transparent transparent !important;
}
.t-end,
.t-end-limit,
.t-start {
  background: #99001a !important;
}
.t-check-in .t-end,
.t-check-out .t-start,
.t-check-out tr ~ .t-end {
  background: #99001a !important;
}
.t-hover-day::after {
  border-color: #c25a6b transparent transparent !important;
}
.t-end.t-today,
.t-end.t-today .t-hover-day-content,
.t-start.t-today,
.t-start.t-today .t-hover-day-content {
  background: #99001a !important;
}
.lightpick__day.is-disabled.is-forward-selected:not(.is-start-date) {
  background-color: rgba(153, 0, 26, 0.1) !important;
}
.lightpick__day.is-in-range {
  background-color: rgba(153, 0, 26, 0.1) !important;
}
.lightpick__day.is-start-date.is-in-range,
.lightpick__day.is-end-date.is-in-range.is-flipped {
  background-color: #99001a !important;
}
.lightpick__day.is-end-date.is-in-range,
.lightpick__day.is-start-date.is-in-range.is-flipped {
  background-color: #99001a !important;
}

/* --- Ergaenzungen: Links & Auswahl --- */
a, a:visited { color: #99001a; }
a:hover, a:focus { color: #780015; }
::selection { background: #99001a; color: #fff; }

/* --- Lightpick: ausgewaehlte An-/Abreise (SVG-Kreis, URL-kodierte Farbe) --- */
.lightpick__day.is-start-date.is-end-date {
  background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 32 32'%3E%3Ccircle fill='%2399001A' cx='16' cy='16' r='16'/%3E%3C/svg%3E") !important;
}
.lightpick__day.is-start-date,
.lightpick__day.is-end-date,
.lightpick__day.is-start-date:hover,
.lightpick__day.is-end-date:hover {
  background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 32 32'%3E%3Ccircle fill='%2399001A' cx='16' cy='16' r='16'/%3E%3C/svg%3E") !important;
  color: #FFF !important;
}

/* ============================================================
   INTEGRATION in die Hotel-Website
   Loest die eigenstaendige "Seite" des Buchungssystems auf, damit der
   iframe-Inhalt wie ein Abschnitt der Hotelseite wirkt.
   Hinweis: Fuer dieses Hotel ist kein Hero-Bild hinterlegt, daher
   leerer Freiraum + weisse (unsichtbare) Schrift -> hier korrigiert.
   ============================================================ */

/* Heller, neutraler Hintergrund wie der Website-Inhalt */
body { background: #fff !important; }

/* Leeren Hero-Freiraum entfernen, Formular nach oben holen */
.bannerBg { min-height: 0 !important; height: auto !important; }
.bookRoom, .qrdes { margin-top: 24px !important; }

/* Formularschrift war fuer dunkles Hero gedacht (weiss) -> auf hell umstellen */
.bookRoom h2 { color: #99001a !important; }
.bookRoom label { color: #333 !important; }

/* Eingabefelder neutral-weiss statt getoent */
.input2, .select_box2, .input2.hasDatepicker, .dpArea .result {
  background-color: #fff !important; border-color: #d9d9d9 !important;
}

/* Grauer Kasten hinter dem Formular entfernen (war halbtransparente
   dunkle Box fuer das Hero-Bild: rgba(0,0,0,.5)) */
.overH { background: transparent !important; border-radius: 0 !important; }

/* Falls die mitscrollende Mini-Suchleiste erscheint: Bordeaux statt Dunkelblau */
.searchWrap { background: #99001a !important; }
.searchWrap .halfWidth { border-color: #780015 !important; }

/* Leere dekorative Titelleiste ausblenden (NICHT der <header>, der das Formular enthaelt!) */
.titlebarcontainer, .titlebar { display: none !important; }

/* Doppelter Footer: Kontaktblock == Website-Footer */
.contactDtl { display: none !important; }

/* zimmersoftware-Logo-Footer bleibt sichtbar (Hersteller-/Namensrechte) */

/* ============================================================
   TYPOGRAFIE an die Hotel-Knaus-Website angleichen
   Website ist kompakter: Grundtext ~15px, Ueberschriften ~24-26px.
   Buchungssystem laeuft groesser -> hier verkleinert. Nur Groessen,
   keine Ausblendungen. Grundschrift ist bei beiden Open Sans.
   ============================================================ */

body { font-size: 15px !important; }

/* Headline ueber dem Formular ("...niedrigsten Preis!") */
.bookRoom h2 { font-size: 24px !important; line-height: 1.3 !important; }

/* Formular-Beschriftungen */
.bookRoom label, .form-group label { font-size: 14px !important; }

/* Buttons */
.submitBtn { font-size: 14px !important; }
.be_setting_size_large { font-size: 16px !important; }

/* Allgemeine Ueberschriften */
h1, header h1.logo { font-size: 30px !important; }
h2 { font-size: 26px !important; }
h3 { font-size: 22px !important; }

/* Zimmerliste / Preise kompakter */
.price { font-size: 20px !important; }
.euro { font-size: 26px !important; }
.pricetab th { font-size: 18px !important; }
table.roomcnt_select th { font-size: 20px !important; }

/* Hotel-Info / About-Abschnitte */
.hotelinfo h2 { font-size: 24px !important; }
.aboutBox span { font-size: 36px !important; }