.sv-directory { color:#535660; line-height:1.55; }
.sv-directory * { box-sizing:border-box; }
.sv-directory-intro,.sv-directory-empty,.sv-directory-help { background:#fcfffb; border:1px solid #c0c0c0; border-radius:18px; padding:28px; }
.sv-directory-eyebrow { display:block; color:#65677c; font-size:12px; font-weight:bold; letter-spacing:.07em; text-transform:uppercase; }
.sv-directory h1 { color:#292d76; font-size:28px; line-height:1.25; margin:8px 0 12px; }
.sv-directory-intro > p { margin:0 0 24px; }
.sv-directory-search { display:flex; flex-wrap:wrap; align-items:end; gap:14px; }
.sv-directory-search > div { flex:1 1 220px; }
.sv-directory-search .sv-directory-query { flex:2 1 300px; }
.sv-directory-search label { display:block; font-size:13px; font-weight:bold; margin-bottom:6px; }
.sv-directory-search input,.sv-directory-search select { width:100%; height:46px; border:1px solid #a8aabd; border-radius:8px; background:#fff; color:#36394a; padding:10px; font:inherit; }
.sv-directory-search button { height:46px; border:0; border-radius:8px; background:#292d76; color:white; font:inherit; font-weight:bold; padding:0 24px; cursor:pointer; }
.sv-directory a.sv-directory-reset { color:#292d76; padding:11px 0; font-size:14px; }
.sv-directory-count { margin:24px 4px 14px; }
.sv-directory-grid { display:grid; grid-template-columns:repeat(2,minmax(0,1fr)); gap:18px; }
.sv-association { background:#fcfffb; border:1px solid #c9cbd5; border-radius:16px; padding:24px; display:flex; flex-direction:column; min-width:0; }
.sv-association h2 { color:#292d76; font-size:19px; line-height:1.4; margin:10px 0; overflow-wrap:anywhere; }
.sv-association-address { margin:0 0 22px; white-space:normal; }
.sv-association-actions { margin-top:auto; display:flex; flex-wrap:wrap; gap:8px; }
.sv-directory .sv-association-actions a,.sv-association-fax { display:inline-block; max-width:100%; background:#f0f1f7; border:1px solid #dcdeea; color:#292d76; border-radius:7px; padding:8px 11px; font-size:14px; overflow-wrap:anywhere; }
.sv-directory .sv-association-actions a:hover { background:#e1e3f0; }
.sv-directory :focus-visible { outline:3px solid #967322; outline-offset:3px; }
.sv-directory-help { margin-top:24px; }
.sv-directory-help p { margin:5px 0; }
.sv-directory .sv-directory-help a { color:#292d76; text-decoration:underline; }
@media(max-width:700px) {
 .sv-directory-grid { grid-template-columns:1fr; }
 .sv-directory-intro,.sv-directory-help,.sv-directory-empty,.sv-association { padding:20px; }
 .sv-directory h1 { font-size:23px; }
 .sv-directory-search > div,.sv-directory-search .sv-directory-query { flex-basis:100%; min-width:0; }
 .sv-directory-search button { flex:1; }
}

/* Externe Links: nur den Fenstercontainer dieser Seite gestalten. */
#WWWwarn {
    box-sizing:border-box;
    width:calc(100% - 24px) !important;
    max-width:800px !important;
    height:auto !important;
    padding:24px !important;
    background:#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%; }
}
