@charset "UTF-8";
/*!
 * bootstrap-custom.css
 * ---------------------------------------------------------------------------
 * Projekt-eigene Anpassungen zu Bootstrap.
 *
 * Diese Datei existiert, weil die Anpassungen früher direkt in
 * Content/bootstrap.css hineineditiert wurden. Dadurch war jedes Update des
 * NuGet-Pakets "bootstrap" ein manueller Merge. Beim Umstieg auf
 * Bootstrap 5.2.3 wurden alle Anpassungen aus bootstrap.css hierher
 * herausgelöst - bootstrap.css ist jetzt wieder unverändert aus dem Paket
 * und darf bei Updates einfach überschrieben werden.
 *
 * WICHTIG: Diese Datei MUSS nach bootstrap.css und vor Site.css geladen
 * werden (siehe Bundle.config bzw. die <link>-Tags in den Seiten), damit die
 * Kaskade der bisherigen Reihenfolge entspricht.
 * ---------------------------------------------------------------------------
 */

/* ===========================================================================
 * 1) Eigene Klassen (1:1 aus der alten bootstrap.css übernommen)
 * ======================================================================== */

.containerClass .ajax__html_editor_extender_container {
    width: 100% !important; /*important is really important at here*/
}

.login_tb {
    text-align: center;
}

.login {
    min-width: 250px;
}

.btn_custom {
    display: inline-block;
    padding: 6px 12px;
    margin-bottom: 0;
    font-size: 18px;
    font-weight: bold;
    line-height: 1.428571429;
    text-align: center;
    white-space: nowrap;
    vertical-align: middle;
    cursor: pointer;
    border: 1px solid transparent;
    border-radius: 35px;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    -o-user-select: none;
    user-select: none;
}

.foreground {
    z-index: 9999;
}

.weichereKanten {
    border-radius: 50px;
    margin-top: 20px;
    margin-bottom: 30px;
    font-size: 21px;
    font-weight: 200;
    line-height: 2.1428571435;
    color: #e3051b;
    background-color: #f9c5b1;
}

/* ===========================================================================
 * 2) Überschreibungen von Bootstrap-Defaults
 *    (waren in der alten bootstrap.css direkt in den Bootstrap-Regeln
 *     hineineditiert)
 * ======================================================================== */

/* Datei-Upload soll inline bleiben, nicht als Block umbrechen. */
input[type="file"] {
    display: inline !important;
}

/* --- .btn-success = Primaeraktion ---------------------------------------
 * .btn-success ist im Projekt die Klasse der Hauptaktionen (Konto, Artikel
 * laden, Suche, Speichern, Absenden). Bootstrap liefert dafuer Gruen
 * (#198754), das nach der Umstellung auf die roten Logofarben nicht mehr
 * passt.
 *
 * Farbwahl #960312: das dunkel abgetoente Logo-Rot #e3051b (gleicher Farbton
 * 354 Grad, Helligkeit von 45% auf 30% reduziert).
 *   - hebt sich klar vom Panel-Hintergrund #f9c5b1 ab (Kontrast 5.9:1)
 *   - Weiss darauf liegt bei 9.1:1, also deutlich ueber WCAG AA
 *   - unterscheidbar von .btn-danger #dc3545: das Warnrot ist erkennbar
 *     heller und weniger tief (Luminanz 0.18 gegenueber 0.07). Die
 *     Unterscheidung laeuft bewusst ueber Helligkeit/Tiefe, nicht ueber den
 *     Farbton - dunkles Wein-/Markenrot liest sich als "wichtig", das helle
 *     gesaettigte Rot bleibt das Signal fuer Loeschen/Abbrechen.
 *
 * Umsetzung ueber die --bs-btn-*-Variablen, weil .btn-success in Bootstrap 5
 * ausschliesslich diese Variablen setzt und die Farben von .btn ausgelesen
 * werden. Alle 33 Verwendungen im Projekt tragen .btn, die Variablen greifen
 * also ueberall.
 * -------------------------------------------------------------------- */
.btn-success {
    --bs-btn-color: #fff;
    --bs-btn-bg: #960312;
    --bs-btn-border-color: #960312;
    --bs-btn-hover-color: #fff;
    --bs-btn-hover-bg: #7a020e;
    --bs-btn-hover-border-color: #7a020e;
    --bs-btn-focus-shadow-rgb: 150, 3, 18;
    --bs-btn-active-color: #fff;
    --bs-btn-active-bg: #6b020c;
    --bs-btn-active-border-color: #6b020c;
    --bs-btn-disabled-color: #fff;
    --bs-btn-disabled-bg: #960312;
    --bs-btn-disabled-border-color: #960312;
}

/* ===========================================================================
 * 3) Bootstrap-3-Kompatibilität
 *    Diese Komponenten hat Bootstrap ab Version 4/5 entfernt, werden im
 *    Markup aber noch verwendet. Nachbau inklusive der bisherigen
 *    Anpassungen.
 * ======================================================================== */

/* --- .btn-default -------------------------------------------------------
 * In Bootstrap 5 ersatzlos entfernt (Nachfolger wäre .btn-secondary).
 * Verwendet in: Default.aspx (btnLogOff, btnFeedback, btnPreviousArticle,
 * btnNextArticle), User.aspx (LinkButton1).
 * Achtung: btnPreviousArticle/btnNextArticle verwenden .btn-default OHNE
 * .btn, deshalb sind die Farben zusätzlich direkt gesetzt und nicht nur
 * über die --bs-btn-*-Variablen.
 * Angepasste Werte gegenüber Bootstrap 3: Hintergrund #e6e6e6 statt #fff,
 * Hover/Focus #d4d4d4 statt #e6e6e6, Badge-Textfarbe #e6e6e6 statt #fff.
 * -------------------------------------------------------------------- */
.btn-default {
    /* greift zusammen mit .btn (Bootstrap-5-Button-Variablen) */
    --bs-btn-color: #333;
    --bs-btn-bg: #e6e6e6;
    --bs-btn-border-color: #ccc;
    --bs-btn-hover-color: #333;
    --bs-btn-hover-bg: #d4d4d4;
    --bs-btn-hover-border-color: #adadad;
    --bs-btn-focus-shadow-rgb: 140, 140, 140;
    --bs-btn-active-color: #333;
    --bs-btn-active-bg: #d4d4d4;
    --bs-btn-active-border-color: #8c8c8c;
    --bs-btn-active-shadow: inset 0 3px 5px rgba(0, 0, 0, 0.125);
    --bs-btn-disabled-color: #333;
    --bs-btn-disabled-bg: #e6e6e6;
    --bs-btn-disabled-border-color: #ccc;
    /* greift auch ohne .btn */
    color: #333;
    background-color: #e6e6e6;
    border: 1px solid #ccc;
}

.btn-default:focus,
.btn-default.focus,
.btn-default:hover {
    color: #333;
    background-color: #d4d4d4;
}

.btn-default:focus,
.btn-default.focus {
    border-color: #8c8c8c;
}

.btn-default:hover {
    border-color: #adadad;
}

.btn-default:active,
.btn-default.active,
.open > .dropdown-toggle.btn-default {
    color: #333;
    background-color: #d4d4d4;
    border-color: #8c8c8c;
}

.btn-default.disabled,
.btn-default[disabled],
fieldset[disabled] .btn-default,
.btn-default.disabled:hover,
.btn-default[disabled]:hover,
fieldset[disabled] .btn-default:hover,
.btn-default.disabled:focus,
.btn-default[disabled]:focus,
fieldset[disabled] .btn-default:focus,
.btn-default.disabled.focus,
.btn-default[disabled].focus,
fieldset[disabled] .btn-default.focus {
    background-color: #e6e6e6;
    border-color: #ccc;
}

.btn-default .badge {
    color: #e6e6e6;
    background-color: #333;
}

/* --- .close -------------------------------------------------------------
 * In Bootstrap 5 umbenannt in .btn-close (mit SVG-Icon statt &times;).
 * Verwendet in: Default.aspx (Feedback-Modal, ca. Zeile 562).
 * Angepasster Wert gegenüber Bootstrap 3: font-size 30px statt 21px.
 * -------------------------------------------------------------------- */
.close {
    float: right;
    font-size: 30px;
    font-weight: bold;
    line-height: 1;
    color: #000;
    text-shadow: 0 1px 0 #fff;
    filter: alpha(opacity=20);
    opacity: 0.2;
}

.close:hover,
.close:focus {
    color: #000;
    text-decoration: none;
    cursor: pointer;
    filter: alpha(opacity=50);
    opacity: 0.5;
}

button.close {
    -webkit-appearance: none;
    padding: 0;
    cursor: pointer;
    background: transparent;
    border: 0;
}

/* ===========================================================================
 * 4) Optional: Bootstrap-3-Basistypografie
 *    Bootstrap 5 stellt die Basis-Schriftgröße von 14px auf 1rem (16px) und
 *    die Zeilenhöhe von 1.428571429 auf 1.5 um. Falls das Layout dadurch zu
 *    stark auseinanderläuft, kann der folgende Block aktiviert werden, um
 *    die alten Werte wiederherzustellen.
 * ======================================================================== */
/*
body {
    font-size: 14px;
    line-height: 1.428571429;
}
*/

/* --- .btn-save = gruene Speicher-/Upload-Aktion --------------------------
 * Gruen ist im Projekt die Farbe der "Datensatz sichern"-Aktion und hebt
 * sich damit von den uebrigen Primaeraktionen in Logo-Rot (.btn-success,
 * siehe oben) ab. Verwendet fuer:
 *   Default.aspx            btnInfoSave_Temp, btnSpeichernTemp,
 *                           btnSpeichern, btnSpeichern_First ("Speichern")
 *   wucDocuments.ascx       btnAnlage_Upload ("Hochladen")
 *   wucVideo.ascx           btnURLupload ("Hinterlegen")
 *   wucContactDetails.ascx  btnSave ("Speichern" der Ansprechperson)
 * Bewusst NICHT die "Aendern"-Buttons auf User.aspx (E-Mail/Kennwort):
 * die bleiben rot wie die uebrigen Primaeraktionen.
 *
 * Farbwerte sind das Bootstrap-Success-Gruen (#198754 / Hover #157347),
 * also genau das Gruen, das .btn-success vor der Umstellung auf die
 * Logofarben hatte.
 *
 * Die Klasse wird zusaetzlich zu .btn btn-success gesetzt und ueberschreibt
 * deren --bs-btn-*-Variablen; sie steht dafuer nach .btn-success in der
 * Datei (gleiche Spezifitaet, spaetere Regel gewinnt).
 * -------------------------------------------------------------------- */
.btn-save {
    --bs-btn-color: #fff;
    --bs-btn-bg: #198754;
    --bs-btn-border-color: #198754;
    --bs-btn-hover-color: #fff;
    --bs-btn-hover-bg: #157347;
    --bs-btn-hover-border-color: #146c43;
    --bs-btn-focus-shadow-rgb: 60, 153, 110;
    --bs-btn-active-color: #fff;
    --bs-btn-active-bg: #146c43;
    --bs-btn-active-border-color: #13653f;
    --bs-btn-disabled-color: #fff;
    --bs-btn-disabled-bg: #198754;
    --bs-btn-disabled-border-color: #198754;
}