/* Gemeinsamer Seitenrahmen. Die IDs bleiben für bestehendes head.js erhalten.
 * Vertikale Alt-Offsets gehören bis zur Ablösung von resize_height() den Seiten.
 * Kein globales box-sizing: ältere Tabellen/Formulare rechnen mit content-box.
 */
:root {
    --sv-page-max: 1400px;
    --sv-page-gutter: 12px;
}
#content.sv-site-shell {
    padding: 0 var(--sv-page-gutter);
    max-width: var(--sv-page-max);
    overflow: hidden;
    margin-left: auto;
    margin-right: auto;
}
#content.sv-site-shell--nested { position: relative; top: -13px; }
#logo.sv-site-header {
    background-color: #fcfffb;
    padding: 0 18px 0 0;
    border-radius: 18px;
    border: 1px solid #c0c0c0;
    width: auto;
    overflow: hidden;
    z-index: 50;
}
:is(.sv-home, .sv-speech, .sv-calendar) #inhalt {
    margin-left: 0 !important;
    margin-right: 0;
}
:is(.sv-home, .sv-speech, .sv-calendar) #inhalt > [name="divfoot"] {
    margin-left: 0 !important;
    padding-left: 0 !important;
}
.sv-speech #inhalt > [name="divfoot"] { padding-top: 24px !important; }
.sv-calendar #inhalt > [name="divfoot"] { padding-top: 22px !important; }

/* Einheitliche Gestaltung des vorhandenen Hinweisfensters. */
#WWWwarn {
    box-sizing:border-box;
    width:calc(100% - 24px) !important;
    max-width:800px !important;
    height:auto !important;
    padding:24px !important;
    background:var(--sv-surface,#fcfffb) !important;
    border:1px solid #c6c8d0 !important;
    border-radius:18px !important;
    box-shadow:0 8px 28px rgba(41,45,118,.09);
    color:#535660;
    font-size:16px;
    line-height:1.6;
    overflow-wrap:anywhere;
}
#WWWwarn > table,
#WWWwarn > [data-ki-close] {
    width:100%;
    margin:0 0 20px;
    padding:0 0 16px !important;
    border-bottom:1px solid #e0e2e9;
    color:#292d76;
    font-size:22px;
    line-height:1.35;
    text-decoration:none !important;
}
#WWWwarn > table { border-spacing:0; }
#WWWwarn > table td { padding:0; vertical-align:middle; }
#WWWwarn > table td:first-child { padding-right:16px; }
#WWWwarn > table a,
#WWWwarn > [data-ki-close] > strong:last-child {
    display:inline-flex;
    align-items:center;
    justify-content:center;
    flex-shrink:0;
    box-sizing:border-box;
    width:42px;
    height:42px;
    margin-left:12px;
    border:1px solid #dcdeea;
    border-radius:8px;
    background:#f0f1f7;
    color:#292d76;
    font-size:18px;
    text-decoration:none;
}
#WWWwarn > table a:hover,
#WWWwarn > [data-ki-close]:hover > strong:last-child { background:#e2e4f0; }
#WWWwarn > div,
#WWWwarn #bund-ki-text {
    padding:0 !important;
    margin:0 !important;
    background:transparent !important;
    border:0 !important;
    border-radius:0 !important;
    box-shadow:none !important;
    line-height:1.6 !important;
}
#WWWwarn > div > table { width:100%; border-spacing:0; }
#WWWwarn > div > table td { padding:0; text-align:left; }
#WWWwarn img[src$="fehle_transr.gif"] { width:40px; height:auto; margin:4px 14px 8px 0 !important; }
#WWWwarn a[title="Externe Webseite"] {
    display:inline-block;
    box-sizing:border-box;
    max-width:100%;
    padding:11px 18px;
    border:1px solid #292d76;
    border-radius:8px;
    background:#292d76;
    color:white !important;
    font-weight:bold;
    text-align:center;
    text-decoration:none !important;
}
#WWWwarn a[title="Externe Webseite"] u { text-decoration:none; }
#WWWwarn a[title="Externe Webseite"]:hover { background:#1e225c; }
#WWWwarn :focus-visible { outline:3px solid #967322; outline-offset:3px; }
@media(max-width:600px) {
    #WWWwarn { padding:20px !important; }
    #WWWwarn > table,#WWWwarn > [data-ki-close] { font-size:20px; }
    #WWWwarn a[title="Externe Webseite"] { width:100%; }
}