/*   Grundfarben */
:root {
 --Cotton-50 : #F6F6F0;
 --Cotton-80 : #F1F0E7;
 --Ash-100: #303030;
 --Moos: #c8d1cc;
 --Forest: #1E3F2C;
}

/* Changes backgroudn color of overlay in the menu.*/
/* Somehow style-14.css overwrites editor settings an can not be changed*/

@media (max-width: 80rem) {
    #item-179497138800 > .ba-overlay {
        background-color: #f1f0e7 !important;
        background-image: none;
        backdrop-filter: none;
    }
}

/*=================
Cookie Hint
=================*/

/* Cookie hint container */
#redim-cookiehint-modal #redim-cookiehint {
  background: var(--Cotton-50) !important;
  border: 1px solid var(--Ash-100) !important;
  border-radius: 0px;
}

/* Headline */
#redim-cookiehint .cookiehead .headline {
  color: var(--Ash-100);
  font-family: "Feijoa-Display", serif;
  font-weight: 900;
  font-size: 2rem;
  line-height: 40px;
}

/* Text content */
#redim-cookiehint .cookiecontent p {
  color: var(--Ash-100);
  line-height: 28px;
     font-family: "UniversLTStd", sans-serif;
  font-size:16px;
}

/* Buttons – shared base */
#redim-cookiehint .cookiebuttons .btn {
  background: var(--Forest) !important;
  color: var(--Cotton-50) !important;

  border: 1px solid var(--Forest) !important;
  border-radius: 0 !important;
  font-family: "UniversLTStd", sans-serif;
  font-size:16px;
  text-decoration: none;
  cursor: pointer;
  padding-top: 14px;
  padding-bottom:14px;
  transition: background-color 0.3s ease, color 0.3s ease;
}

/* Accept button hover */
#redim-cookiehint .cookiebuttons #cookiehintsubmit:hover,
#redim-cookiehint .cookiebuttons #cookiehintsubmit:focus-visible {
  background: var(--Cotton-50) !important;
  color: var(--Ash-100) !important;
  border-color: var(--Ash-100) !important;
}

/* Reject button (inverted) */
#redim-cookiehint .cookiebuttons #cookiehintsubmitno {
  background: var(--Cotton-50) !important ;
  color: var(--Ash-100) !important;
  border-color: var(--Ash-100) !important;
}

/* Reject button hover */
#redim-cookiehint .cookiebuttons #cookiehintsubmitno:hover,
#redim-cookiehint .cookiebuttons #cookiehintsubmitno:focus-visible {
  background: var(--Ash-100) !important;
  color: var(--Cotton-50) !important;
}

/* Info links */
#redim-cookiehint #cookiehintinfo,
#redim-cookiehint #cookiehintinfo a {
  color: var(--Ash-100);
}

#redim-cookiehint #cookiehintinfo a:hover,
#redim-cookiehint #cookiehintinfo a:focus-visible {
  text-decoration: underline;
}