/**
 * Bootstrap Package Custom CSS
 * Eigene Styles – werden nach Bootstrap geladen und überschreiben Bootstrap-Klassen
 */


/* =============================================================
   TEXT-JUSTIFY FIX (Bootstrap 5 hat diese Klasse entfernt)
   ============================================================= */

.text-justify {
    text-align: justify !important;
    hyphens: auto;
    -webkit-hyphens: auto;
    -moz-hyphens: auto;
    word-break: normal;
    overflow-wrap: break-word;
}

/* Alle <p> global mit Blocksatz (optional, auskommentiert) */
/*
p {
    text-align: justify;
    hyphens: auto;
    -webkit-hyphens: auto;
}
*/


/* =============================================================
   FARBEN & TYPO
   ============================================================= */

/* Beispiel: Eigene Primärfarbe */
/*
:root {
    --bs-primary: #005f9e;
    --bs-primary-rgb: 0, 95, 158;
}
*/


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

/* Beispiel: Navbar-Hintergrund anpassen */
/*
.navbar {
    background-color: #005f9e !important;
}
*/


/* =============================================================
   CONTENT-ELEMENTE
   ============================================================= */

/* Abstände zwischen Content-Elementen */
/*
.frame {
    margin-bottom: 2rem;
}
*/


/* =============================================================
   FOOTER
   ============================================================= */

/*
footer {
    background-color: #222;
    color: #fff;
}
*/


/* =============================================================
   RESPONSIVE ANPASSUNGEN
   ============================================================= */

@media (max-width: 768px) {
    /* Mobile-spezifische Styles hier */
}

@media (min-width: 1200px) {
    /* Desktop-spezifische Styles hier */
}


/* =============================================================
   CAROUSEL DIV AND HEADER
   ============================================================= */

.carousel-text .well {
  background-color: rgba(0, 0, 0, 0.5) !important; /* weiß, 50% opak */
}

.carousel-header {
  display: none !important; /* show nothing, while text in div well*/
}

/* 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(#p10):not(#p11):has(.cc-window:not(.cc-hide):not(.cc-invisible))::after {
  content: "";
  position: fixed;
  inset: 0;
  z-index: 9998;
  background: rgba(14, 14, 18, .9);
}