:root {
  --hp-primary: #4b8079;
  --hp-primary-dark: #3c6862;

  --hp-black: #1b1b1b;
  --hp-white: #ffffff;

  --hp-gray-bg: #f5f5f5;
  --hp-gray-light: #fafafa;
  --hp-gray-border: #d9d9d9;

  --hp-text: #1b1b1b;
}

/* ==================================================
   HEADER
   ================================================== */

.rf_head,
header,
.header,
.sticky-header,
.navbar,
.navbar-fixed-top {
  background: var(--hp-white) !important;
  opacity: 1 !important;
  z-index: 9999 !important;
  box-shadow: 0 1px 3px rgba(0,0,0,.08);
}

/* ==================================================
   ALLGEMEIN
   ================================================== */

body {
  background: var(--hp-gray-bg);
  color: var(--hp-text);
}

h1,
h2,
h3,
h4,
h5,
h6 {
  color: var(--hp-text) !important;
}

/* ==================================================
   HAUPTBOXEN
   ================================================== */

.angcont,
.ppccont {
  background: var(--hp-white) !important;
  border: 1px solid var(--hp-gray-border) !important;
  border-radius: 4px !important;
  box-shadow: 0 1px 2px rgba(0,0,0,.04);
}

/* ==================================================
   KRITISCHE KORREKTUR
   WEISSE SCHRIFT IN WEISSEN BOXEN
   ================================================== */

.angcont *,
.ppccont *,
.rf_filter *,
.rf_selection *,
.rf_selected *,
.rf_offer_selected *,
.offer-item *,
.hotelbox *,
.panel *,
.panel-body *,
.well *,
.well *,
.filterbox * {
  color: var(--hp-text) !important;
}

/* Checkbox Labels */

label,
.checkbox,
.checkbox label {
  color: var(--hp-text) !important;
}

/* ==================================================
   FILTERBOXEN
   ================================================== */

.rf_filter,
.filterbox,
.panel,
.well {
  background: var(--hp-white) !important;
  border: 1px solid var(--hp-gray-border) !important;
}

.rf_filter *,
.filterbox *,
.panel *,
.well * {
  color: var(--hp-text) !important;
}

/* ==================================================
   ANZAHL ANGEBOTE BOX
   ================================================== */

.rf_dis,
.rf_count,
.rf_resultcount,
.rf_countbox {
  background: #eef5f4 !important;
  border: 1px solid var(--hp-primary) !important;
  color: var(--hp-text) !important;
}

.rf_dis *,
.rf_count *,
.rf_resultcount *,
.rf_countbox * {
  color: var(--hp-text) !important;
}

/* ==================================================
   BUTTONS
   ================================================== */

.btn-primary,
.btn-buchen,
.btn-book,
.btn-buy,
button[type="submit"] {
  background: var(--hp-primary) !important;
  border: 1px solid var(--hp-primary) !important;
  color: white !important;
}

.btn-primary:hover,
.btn-primary:focus,
.btn-primary:active,
.btn-buchen:hover,
.btn-book:hover,
.btn-buy:hover,
button[type="submit"]:hover {
  background: var(--hp-primary-dark) !important;
  border-color: var(--hp-primary-dark) !important;
}

.btn-default {
  background: white !important;
  border: 1px solid var(--hp-primary) !important;
  color: var(--hp-primary) !important;
}

.btn-default:hover {
  background: var(--hp-primary) !important;
  color: white !important;
}

/* ==================================================
   LINKS
   ================================================== */

a {
  color: var(--hp-text);
}

a:hover,
a:focus {
  color: var(--hp-primary);
}

/* ==================================================
   PREIS
   ================================================== */

.rf_price {
  color: var(--hp-black) !important;
  font-weight: 700 !important;
}

/* ==================================================
   FORMULARE
   ================================================== */

input,
select,
textarea,
.form-control {
  border: 1px solid var(--hp-gray-border) !important;
  border-radius: 4px !important;
  color: var(--hp-text) !important;
  background: white !important;
}

input:focus,
select:focus,
textarea:focus,
.form-control:focus {
  border-color: var(--hp-primary) !important;
  box-shadow: 0 0 0 2px rgba(75,128,121,.15) !important;
}

/* ==================================================
   DROPDOWN
   ================================================== */

.dropdown-menu > .active > a,
.dropdown-menu > .active > a:hover,
.dropdown-menu > .active > a:focus {
  background: var(--hp-primary) !important;
  color: white !important;
}

/* ==================================================
   ALERTS
   ================================================== */

.alert-info {
  background: #eef5f4 !important;
  border: 1px solid var(--hp-primary) !important;
  color: var(--hp-text) !important;
}

.alert-warning {
  background: white !important;
  border: 1px solid var(--hp-primary) !important;
  color: var(--hp-text) !important;
}

/* ==================================================
   NAVIGATION
   ================================================== */

.rf_pnav {
  background: var(--hp-gray-light) !important;
  border-bottom: 1px solid var(--hp-gray-border);
}

.rf_summary {
  background: var(--hp-primary) !important;
  color: white !important;
}

/* ==================================================
   TABS
   ================================================== */

.nav-tabs > li.active > a,
.nav-tabs > li.active > a:hover,
.nav-tabs > li.active > a:focus {
  background: var(--hp-primary) !important;
  border-color: var(--hp-primary) !important;
  color: white !important;
}

/* ==================================================
   RUNDUNGEN
   ================================================== */

.btn,
.form-control,
.alert,
.panel,
.well,
.dropdown-menu,
.angcont,
.ppccont {
  border-radius: 4px !important;
}