.carousel .item {
    height: auto !important;
}

.footer-section-content {
    color:            #000000 !important;
    background-color: #919191 !important;
}
.footer-section-content a {
    color:            #FFFFFF !important;
}

.footer-section-meta {
    display: none;
}

h1, h2, h3, h4, h5, h6, .h1, .h2, .h3, .h4, .h5, .h6 {
    margin-bottom: 1.6rem !important;
}

.accordion-item h1, .accordion-item h2, .accordion-item h3,
.accordion-item h4, .accordion-item h5, .accordion-item h6 {
    margin-bottom: 0 !important;
}

.powermail_fieldwrap .col-sm-2 {
    max-width: 90% !important;
}

#powermail_field_spamschutz {
    margin-bottom: 8px !important;
}

.powermail_legend {
    display: none;
}

.powermail_form h3 {
    display: none;
}

.powermail_fieldwrap {
    padding-right: 0 !important;
    padding-left: 0 !important;
}

.powermail_fieldwrap .col-sm-2 {
    max-width: 99% !important;
    padding-right: 10px !important;
    padding-left: 0 !important;
}

.powermail_fieldset .col-sm-10 {
    flex: 0 0 99%;
    max-width: 99% !important;
    padding-right: 10px !important;
    padding-left: 0 !important;
}

.powermail_fieldset .control-label {
    font-weight: bold;
}

#c13 .frame-container {
    max-width: 100%;
    padding-left:  0 !important;
    padding-right: 0 !important;
}
#c13.frame {
    padding: 0 !important;
}

.carousel-text {
    padding: 24px !important;
}

#c1.frame {
    padding-top: 15rem !important;
    padding-bottom: 15rem !important;
}
#c1 .well {
    background-color: rgba(254,254,254,0.8);
}


#c1, #c32, #c33, #c34, #c35, #c36 {
    margin-top: -125px !important;
}

body {
    font-family: verdana, arial !important;
}

/* Cookie-Banner (15.10.2026): Anordnung wie bei shang-garden.de – "Alle akzeptieren" allein in einer Zeile
   in der Themenfarbe (Site-Setting plugin.tx_cookieconsent.settings.palette.button.background),
   "Speichern" und "Ablehnen" darunter nebeneinander. Ueberschreibt die Banner-Regeln des Bootstrap-Package-Themes
   (".cc-highlight .cc-btn:first-child" transparent, ".cc-compliance > .cc-btn" flex 1 1 0). */
.cc-window .cc-compliance { flex-wrap: wrap; row-gap: .45rem; }
.cc-window .cc-compliance > .cc-btn.cc-allow-all {
  flex: 1 1 100%;
  width: 100%;
  background-color: var(--dp-cookie-palette-button-background);
  border-color: var(--dp-cookie-palette-button-background);
  color: var(--dp-cookie-palette-button-text);
}
.cc-window .cc-compliance > .cc-btn.cc-allow-all:hover,
.cc-window .cc-compliance > .cc-btn.cc-allow-all:focus-visible {
  background-color: var(--dp-cookie-palette-button-background);
  border-color: var(--dp-cookie-palette-button-background);
  color: var(--dp-cookie-palette-button-text);
  filter: brightness(1.12);
}
.cc-window .cc-compliance > .cc-btn.cc-allow,
.cc-window .cc-compliance > .cc-btn.cc-deny {
  flex: 1 1 0%;
  background-color: transparent;
  border-color: transparent;
  color: var(--dp-cookie-palette-popup-text, #fff);
}
.cc-window .cc-compliance > .cc-btn.cc-allow:hover,
.cc-window .cc-compliance > .cc-btn.cc-deny:hover { background-color: rgba(255, 255, 255, .1); }

/* Seite bis zur Cookie-Entscheidung fast unsichtbar (15.10.2026): dunkle Abdeckung (90 %) ueber der ganzen Seite,
   nur der Cookie-Hinweis (z-index 9999) bleibt klar. Verschwindet, sobald dp_cookieconsent "cc-hide" setzt.
   Nicht auf Impressum/Datenschutz, damit diese vor der Entscheidung lesbar bleiben. */
body:not(#p8):not(#p12):has(.cc-window:not(.cc-hide):not(.cc-invisible))::after {
  content: "";
  position: fixed;
  inset: 0;
  z-index: 9998;
  background: rgba(14, 14, 18, .9);
}