/**
 * 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*/
}