#mod_schrift_und_kontrast {
  position: fixed;
  display: block !important;
  left: 18px;
  bottom: 82px;
  z-index: 2147483646;
  width: min(360px, calc(100vw - 36px));
  padding: 16px 18px;
  border-radius: 18px;
  background: #1f1713 !important;
  color: #fff !important;
  border: 1px solid rgba(255, 255, 255, .14);
  box-shadow: 0 18px 44px rgba(0, 0, 0, .38);
  backdrop-filter: blur(8px);
}

#mod_schrift_und_kontrast.hidden {
  display: none !important;
}

#mod_schrift_und_kontrast .close-btn {
  position: absolute;
  top: 10px;
  right: 10px;
  width: 36px;
  height: 36px;
  border: 0;
  border-radius: 50%;
  background: rgba(255, 255, 255, .14) !important;
  color: #fff !important;
}

#mod_schrift_und_kontrast .accessibility-title,
#mod_schrift_und_kontrast .accessibility-note,
#mod_schrift_und_kontrast .mod_schriftgroesse_text,
#mod_schrift_und_kontrast #kontrast_wechsel {
  color: #fff !important;
}

#mod_schrift_und_kontrast .accessibility-title,
#mod_schrift_und_kontrast .mod_schriftgroesse_text {
  display: block;
  margin: 0 0 10px;
  font-weight: 700;
}

#mod_schrift_und_kontrast .accessibility-note {
  margin: 0 0 12px;
  font-size: 14px;
  line-height: 1.45;
  color: rgba(255, 245, 238, .92) !important;
}

#mod_schrift_und_kontrast #fontSizeControls,
#mod_schrift_und_kontrast #kontrast_wechsel {
  display: flex;
  flex-wrap: wrap;
  gap: 8px;
}

#mod_schrift_und_kontrast #fontSizeControls a,
#mod_schrift_und_kontrast #kontrast_wechsel a {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  min-width: 40px;
  min-height: 40px;
  padding: 0 12px;
  border-radius: 10px;
  text-decoration: none;
  font-weight: 700;
}

#mod_schrift_und_kontrast #fontSizeControls a:hover,
#mod_schrift_und_kontrast #kontrast_wechsel a:hover {
  transform: translateY(-1px);
}

#mod_schrift_und_kontrast #fontSizeControls a.bigger,
#mod_schrift_und_kontrast #fontSizeControls a.normal,
#mod_schrift_und_kontrast #fontSizeControls a.smaller {
  border: 1px solid rgba(255, 255, 255, .16);
  background: #fff !important;
  color: #1b1b1b !important;
}

#mod_schrift_und_kontrast #kontrast_wechsel::before {
  content: "Kontrast";
  flex-basis: 100%;
  font-size: .92rem;
  font-weight: 700;
  color: rgba(255, 245, 238, .92) !important;
}

#mod_schrift_und_kontrast #contrast1 {
  border: 2px solid #111111;
  background: #ffffff !important;
  color: #111111 !important;
}

#mod_schrift_und_kontrast #contrast2 {
  border: 2px solid #ffffff;
  background: #111111 !important;
  color: #ffffff !important;
}

#mod_schrift_und_kontrast #contrast3 {
  border: 2px solid #7d1020;
  background: #ffffff !important;
  color: #7d1020 !important;
}

#mod_schrift_und_kontrast #contrast4 {
  border: 2px solid #ffe600;
  background: #111111 !important;
  color: #ffe600 !important;
}

#mod_schrift_und_kontrast #contrast5 {
  border: 2px solid #4f7c2c;
  background: #c8ff97 !important;
  color: #111111 !important;
}

#mod_schrift_und_kontrast #contrast_weg {
  border: 2px solid #b56634;
  background: #f8e5d0 !important;
  color: #4a2a1a !important;
}

#accessibility-launcher {
  position: fixed;
  left: 14px;
  bottom: 14px;
  z-index: 2147483645;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  width: 52px;
  height: 52px;
  border: 0;
  border-radius: 16px;
  background: linear-gradient(135deg, #1f1f22, #8a4318);
  color: #fff;
  font-weight: 800;
  font-size: 1rem;
  box-shadow: 0 14px 28px rgba(0, 0, 0, .24);
  cursor: pointer;
}

body.accessibility-open #accessibility-launcher {
  opacity: 0;
  pointer-events: none;
}

@media (max-width: 720px) {
  #mod_schrift_und_kontrast {
    display: block !important;
    left: 12px;
    right: 12px;
    width: auto;
    bottom: 96px;
  }

  #accessibility-launcher {
    left: 20px;
    bottom: 80px;
    width: 58px;
    height: 58px;
    border-radius: 14px;
  }
}