/* YOUR CUSTOM STYLES HERE */

/**
 * Accordion "Str. Daten" (FAQ) — Custom-Element, nicht über YOOtheme-Stylebar
 *
 * Scope ist .kd-faq (gesetzt im Element-Template), NICHT [uk-accordion]: dieses Attribut
 * trägt auch das Core-Accordion, das dadurch ein zweites Öffnen-Icon bekam.
 * Neutral/themen-agnostisch: keine Markenfarben hartcodiert (inherit + subtile Linie),
 * damit es jeder Brand-Baseline folgt.
 */
.kd-faq .el-item {
    border-bottom: 1px solid rgba(0, 0, 0, 0.1);
}
.kd-faq .el-item:first-child {
    border-top: 1px solid rgba(0, 0, 0, 0.1);
}
.kd-faq .uk-accordion-title {
    font-size: 1.05rem;
    font-weight: 600;
    padding: 0.85em 0;
    color: inherit;
}
.kd-faq .uk-accordion-content {
    margin-top: 0;
    padding-bottom: 1.1em;
}
.kd-faq .uk-accordion-title {
    position: relative;
    padding-right: 1.5em;
}
.kd-faq .uk-accordion-title::after {
    content: '+';
    position: absolute;
    right: 0;
    top: 50%;
    transform: translateY(-50%) rotate(0deg);
    transform-origin: center;
    transition: transform 0.25s ease;
    font-size: 1.6em;
    font-weight: 400;
    line-height: 1;
    color: inherit;
}
.kd-faq .el-item.uk-open .uk-accordion-title::after {
    transform: translateY(-50%) rotate(45deg);
}

/**
 * @end Accordion "Str. Daten"
 */


/**
 * CF7-Formular: Abstand Label → Feld (autop ist aus → kein <p>; Abstand über das Label)
 */
.wpcf7-form .uk-form-label {
    margin-bottom: 5px;
}


/**
 * CF7-Auswahl-Optionen: Radio/Checkbox nebeneinander (Flex-Wrapper), Kästchen mittig zum Text
 */
/* CF7-Feld-Wrapper als Block, sonst hat der Flex-Wrapper Breite 0 (Eltern-span ist inline) */
.wpcf7-form .wpcf7-form-control-wrap {
    display: block;
}
.wpcf7-form .wpcf7-radio,
.wpcf7-form .wpcf7-checkbox {
    display: flex;
    flex-wrap: wrap;
    gap: 0.4em 1.5em;
}
.wpcf7-form .wpcf7-radio .wpcf7-list-item,
.wpcf7-form .wpcf7-checkbox .wpcf7-list-item {
    margin: 0;
}
.wpcf7-form .wpcf7-radio label,
.wpcf7-form .wpcf7-checkbox label {
    display: inline-flex;
    align-items: center;
    gap: 0.5em;
    cursor: pointer;
}
/* Einwilligung (DSGVO): langer Text → untereinander, Kästchen oben */
.wpcf7-form .wpcf7-acceptance label {
    display: flex;
    align-items: flex-start;
    gap: 0.5em;
    cursor: pointer;
}
.wpcf7-form .wpcf7-list-item input {
    flex: none;
}
.wpcf7-form .wpcf7-list-item-label {
    margin: 0;
}

/* Kästchen vertikal zum Text: Checkbox (DSGVO, oben ausgerichtet) auf erste Zeile, Radio mittig */
.wpcf7-form .uk-checkbox {
    margin-top: 5px;
}
.wpcf7-form .uk-radio {
    margin-top: 1px;
}

/* ============================================================
   KD-BEREICHSFARBE (SIO, Fassung 6, 2026-10-12) — Ausnahme C, entschieden Matthias 2026-09-24 (bauplan.md „Bereichsfarbe Orange")
   Erzeugt von <Workspace>/bau/bereichsfarbe-css.py — NICHT von Hand aendern, dort aendern und neu erzeugen.
   Seiten des Software-Bereichs tragen body.area-sw (Filter in functions.php: Seite /adlatus/ + Unterseiten, oder Feld
   kd_bereich = sw). Einzelne Elemente (Startseite, Mega-Menue) tragen die Klasse is-sw (Prop `class`); das CRA-Widget
   (.kd-cra) folgt der Seite. Header, Menue und Footer bleiben blau.
   Farbe #B94E0A statt Reinorange #FF6900: 5,05:1 auf Weiss / 4,66:1 auf #F4F6F8 (WCAG AA); Reinorange nur als Schrift auf
   dunklem Grund (5,73:1 auf #14202A). Farbe provisorisch (SIO-Frage 11) — dann nur die Variablen tauschen.
   UIkit setzt .uk-text-primary und ::marker mit !important → hier ebenfalls. Dunkle Flaechen = .uk-light UND
   secondary-Section/-Tile/-Card (YOOtheme setzt dort kein uk-light). Buttons: dunkel = orange gefuellt, oranges Band = weiss.
   Fassung 6 (Matthias 12.10.): Buttons auf dunklem Grund Reinorange #FF6900 mit Schrift #14202A (5,73:1), Hover #E65F00 —
   gleicher Ton wie Eyebrow/Links darueber (vorher #B94E0A-Button unter #FF6900-Eyebrow = zwei Orangetoene).
   Brotkrume ausgenommen. Oakville backt Farben in Grafiken (Text-Button-Pfeil) → eigene Grafik je Grund.
   ============================================================ */
:root{--sio-sw:#B94E0A;--sio-sw-hover:#9A4007;--sio-sw-hell:#FF6900;--sio-sw-hell-hover:#E65F00}
.area-sw #tm-main a:not([class]):not(.uk-breadcrumb *),
.area-sw #tm-main .uk-link,
.area-sw #tm-main .el-link,
.area-sw #tm-main .uk-text-meta,
.area-sw #tm-main .el-meta,
.area-sw #tm-main .uk-button-text,
.is-sw a:not([class]):not(.uk-breadcrumb *),
.is-sw .uk-link,
.is-sw .el-link,
.is-sw .uk-text-meta,
.is-sw .el-meta,
.is-sw .uk-button-text,
.area-sw .kd-cra a:not([class]):not(.uk-breadcrumb *),
.area-sw .kd-cra .uk-link,
.area-sw .kd-cra .el-link,
.area-sw .kd-cra .uk-text-meta,
.area-sw .kd-cra .el-meta,
.area-sw .kd-cra .uk-button-text {color:var(--sio-sw)}
.area-sw #tm-main .uk-text-primary,
.is-sw .uk-text-primary,
.area-sw .kd-cra .uk-text-primary {color:var(--sio-sw) !important}
.area-sw #tm-main .uk-list-primary>::marker,
.is-sw .uk-list-primary>::marker,
.area-sw .kd-cra .uk-list-primary>::marker {color:var(--sio-sw) !important}
.area-sw #tm-main a:not([class]):not(.uk-breadcrumb *):hover,
.area-sw #tm-main .uk-link:hover,
.area-sw #tm-main a.el-link:hover,
.area-sw #tm-main .uk-button-text:hover,
.is-sw a:not([class]):not(.uk-breadcrumb *):hover,
.is-sw .uk-link:hover,
.is-sw a.el-link:hover,
.is-sw .uk-button-text:hover,
.area-sw .kd-cra a:not([class]):not(.uk-breadcrumb *):hover,
.area-sw .kd-cra .uk-link:hover,
.area-sw .kd-cra a.el-link:hover,
.area-sw .kd-cra .uk-button-text:hover {color:var(--sio-sw-hover)}
.area-sw #tm-main .uk-button-primary,
.area-sw #tm-main .uk-button-secondary,
.is-sw .uk-button-primary,
.is-sw .uk-button-secondary,
.area-sw .kd-cra .uk-button-primary,
.area-sw .kd-cra .uk-button-secondary {background-color:var(--sio-sw);color:#fff;border-color:transparent}
.area-sw #tm-main .uk-button-primary:hover,
.area-sw #tm-main .uk-button-primary:focus,
.area-sw #tm-main .uk-button-secondary:hover,
.area-sw #tm-main .uk-button-secondary:focus,
.is-sw .uk-button-primary:hover,
.is-sw .uk-button-primary:focus,
.is-sw .uk-button-secondary:hover,
.is-sw .uk-button-secondary:focus,
.area-sw .kd-cra .uk-button-primary:hover,
.area-sw .kd-cra .uk-button-primary:focus,
.area-sw .kd-cra .uk-button-secondary:hover,
.area-sw .kd-cra .uk-button-secondary:focus {background-color:var(--sio-sw-hover);color:#fff}
.area-sw #tm-main .uk-button-default,
.is-sw .uk-button-default,
.area-sw .kd-cra .uk-button-default {background-color:transparent;color:var(--sio-sw);border-color:var(--sio-sw)}
.area-sw #tm-main .uk-button-default:hover,
.area-sw #tm-main .uk-button-default:focus,
.is-sw .uk-button-default:hover,
.is-sw .uk-button-default:focus,
.area-sw .kd-cra .uk-button-default:hover,
.area-sw .kd-cra .uk-button-default:focus {background-color:var(--sio-sw);color:#fff;border-color:var(--sio-sw)}
.area-sw #tm-main .uk-section-primary,
.area-sw #tm-main .uk-tile-primary,
.area-sw #tm-main .uk-card-primary,
.area-sw #tm-main .uk-background-primary,
.area-sw #tm-main .uk-badge,
.is-sw .uk-section-primary,
.is-sw .uk-tile-primary,
.is-sw .uk-card-primary,
.is-sw .uk-background-primary,
.is-sw .uk-badge,
.area-sw .kd-cra .uk-section-primary,
.area-sw .kd-cra .uk-tile-primary,
.area-sw .kd-cra .uk-card-primary,
.area-sw .kd-cra .uk-background-primary,
.area-sw .kd-cra .uk-badge {background-color:var(--sio-sw)}
.area-sw #tm-main .uk-heading-divider,
.is-sw .uk-heading-divider,
.area-sw .kd-cra .uk-heading-divider {border-bottom-color:var(--sio-sw)}
.area-sw #tm-main .uk-heading-bullet::before,
.is-sw .uk-heading-bullet::before,
.area-sw .kd-cra .uk-heading-bullet::before {border-left-color:var(--sio-sw)}
.area-sw #tm-main .uk-heading-line>::before,
.area-sw #tm-main .uk-heading-line>::after,
.is-sw .uk-heading-line>::before,
.is-sw .uk-heading-line>::after,
.area-sw .kd-cra .uk-heading-line>::before,
.area-sw .kd-cra .uk-heading-line>::after {border-bottom-color:var(--sio-sw)}
.area-sw #tm-main .uk-input:focus,
.area-sw #tm-main .uk-select:focus,
.area-sw #tm-main .uk-textarea:focus,
.is-sw .uk-input:focus,
.is-sw .uk-select:focus,
.is-sw .uk-textarea:focus,
.area-sw .kd-cra .uk-input:focus,
.area-sw .kd-cra .uk-select:focus,
.area-sw .kd-cra .uk-textarea:focus {border-color:var(--sio-sw)}
.area-sw #tm-main :focus-visible,
.is-sw :focus-visible,
.area-sw .kd-cra :focus-visible {outline-color:var(--sio-sw)}
.area-sw #tm-main .uk-dotnav>.uk-active>*,
.is-sw .uk-dotnav>.uk-active>*,
.area-sw .kd-cra .uk-dotnav>.uk-active>* {background-color:var(--sio-sw);border-color:var(--sio-sw)}
.area-sw #tm-main .uk-subnav-pill>.uk-active>a,
.is-sw .uk-subnav-pill>.uk-active>a,
.area-sw .kd-cra .uk-subnav-pill>.uk-active>a {background-color:var(--sio-sw)}
.area-sw #tm-main .uk-accordion-default .uk-accordion-icon,
.area-sw #tm-main .uk-accordion-default .uk-accordion-title:hover,
.is-sw .uk-accordion-default .uk-accordion-icon,
.is-sw .uk-accordion-default .uk-accordion-title:hover,
.area-sw .kd-cra .uk-accordion-default .uk-accordion-icon,
.area-sw .kd-cra .uk-accordion-default .uk-accordion-title:hover {color:var(--sio-sw)}
.area-sw #tm-main .uk-button-text::after,
.is-sw .uk-button-text::after,
.area-sw .kd-cra .uk-button-text::after {background-image:url("data:image/svg+xml;charset=UTF-8,%3Csvg%20width%3D%227%22%20height%3D%2211%22%20viewBox%3D%220%200%207%2011%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%3E%0A%20%20%20%20%3Cpath%20fill%3D%22none%22%20stroke%3D%22%23B94E0A%22%20stroke-linecap%3D%22round%22%20stroke-linejoin%3D%22round%22%20stroke-width%3D%221.5%22%20d%3D%22M1%2C10.15l5-4.6h0L1%2C.85%22%20%2F%3E%0A%3C%2Fsvg%3E%0A")}
/* Mega-Menue (Layout-Befund): in der ADLATUS-Spalte nur Eyebrow, Icons, Hover orange — Eintraege bleiben dunkel/grau */
.uk-navbar-dropdown .is-sw .el-link:not(:hover), .uk-navbar-dropdown .is-sw .uk-nav a:not(:hover) {color:inherit}
.uk-navbar-dropdown .is-sw .el-link:hover, .uk-navbar-dropdown .is-sw .uk-nav a:hover {color:var(--sio-sw)}
/* CRA-Widget-Kante folgt der Seite (Element-CSS nutzt --kd-cra-akzent) */
.area-sw .kd-cra {--kd-cra-akzent:var(--sio-sw)}
/* Dunkler Grund */
/* Eyebrow mit Klasse kd-sw-neutral bleibt #7FB8D6 (@inverse-text-meta-color) — im Prototyp per Inline-Farbe (Update-Loesungen „Referenzen“) */
.area-sw #tm-main .uk-light a:not([class]):not(.uk-breadcrumb *),
.area-sw #tm-main .uk-light .uk-link,
.area-sw #tm-main .uk-light .uk-text-meta,
.area-sw #tm-main .uk-light .el-meta,
.area-sw #tm-main .uk-section-secondary a:not([class]):not(.uk-breadcrumb *),
.area-sw #tm-main .uk-section-secondary .uk-link,
.area-sw #tm-main .uk-section-secondary .uk-text-meta,
.area-sw #tm-main .uk-section-secondary .el-meta,
.area-sw #tm-main .uk-tile-secondary a:not([class]):not(.uk-breadcrumb *),
.area-sw #tm-main .uk-tile-secondary .uk-link,
.area-sw #tm-main .uk-tile-secondary .uk-text-meta,
.area-sw #tm-main .uk-tile-secondary .el-meta,
.area-sw #tm-main .uk-card-secondary a:not([class]):not(.uk-breadcrumb *),
.area-sw #tm-main .uk-card-secondary .uk-link,
.area-sw #tm-main .uk-card-secondary .uk-text-meta,
.area-sw #tm-main .uk-card-secondary .el-meta,
.is-sw .uk-light a:not([class]):not(.uk-breadcrumb *),
.is-sw .uk-light .uk-link,
.is-sw .uk-light .uk-text-meta,
.is-sw .uk-light .el-meta,
.is-sw .uk-section-secondary a:not([class]):not(.uk-breadcrumb *),
.is-sw .uk-section-secondary .uk-link,
.is-sw .uk-section-secondary .uk-text-meta,
.is-sw .uk-section-secondary .el-meta,
.is-sw .uk-tile-secondary a:not([class]):not(.uk-breadcrumb *),
.is-sw .uk-tile-secondary .uk-link,
.is-sw .uk-tile-secondary .uk-text-meta,
.is-sw .uk-tile-secondary .el-meta,
.is-sw .uk-card-secondary a:not([class]):not(.uk-breadcrumb *),
.is-sw .uk-card-secondary .uk-link,
.is-sw .uk-card-secondary .uk-text-meta,
.is-sw .uk-card-secondary .el-meta,
.area-sw .kd-cra .uk-light a:not([class]):not(.uk-breadcrumb *),
.area-sw .kd-cra .uk-light .uk-link,
.area-sw .kd-cra .uk-light .uk-text-meta,
.area-sw .kd-cra .uk-light .el-meta,
.area-sw .kd-cra .uk-section-secondary a:not([class]):not(.uk-breadcrumb *),
.area-sw .kd-cra .uk-section-secondary .uk-link,
.area-sw .kd-cra .uk-section-secondary .uk-text-meta,
.area-sw .kd-cra .uk-section-secondary .el-meta,
.area-sw .kd-cra .uk-tile-secondary a:not([class]):not(.uk-breadcrumb *),
.area-sw .kd-cra .uk-tile-secondary .uk-link,
.area-sw .kd-cra .uk-tile-secondary .uk-text-meta,
.area-sw .kd-cra .uk-tile-secondary .el-meta,
.area-sw .kd-cra .uk-card-secondary a:not([class]):not(.uk-breadcrumb *),
.area-sw .kd-cra .uk-card-secondary .uk-link,
.area-sw .kd-cra .uk-card-secondary .uk-text-meta,
.area-sw .kd-cra .uk-card-secondary .el-meta,
.is-sw.uk-light a:not([class]):not(.uk-breadcrumb *),
.is-sw.uk-light .uk-link,
.is-sw.uk-light .uk-text-meta,
.is-sw.uk-light .el-meta,
.is-sw.uk-section-secondary a:not([class]):not(.uk-breadcrumb *),
.is-sw.uk-section-secondary .uk-link,
.is-sw.uk-section-secondary .uk-text-meta,
.is-sw.uk-section-secondary .el-meta,
.is-sw.uk-tile-secondary a:not([class]):not(.uk-breadcrumb *),
.is-sw.uk-tile-secondary .uk-link,
.is-sw.uk-tile-secondary .uk-text-meta,
.is-sw.uk-tile-secondary .el-meta,
.is-sw.uk-card-secondary a:not([class]):not(.uk-breadcrumb *),
.is-sw.uk-card-secondary .uk-link,
.is-sw.uk-card-secondary .uk-text-meta,
.is-sw.uk-card-secondary .el-meta {color:var(--sio-sw-hell)}
.area-sw #tm-main .uk-light .uk-text-meta.kd-sw-neutral,
.area-sw #tm-main .uk-section-secondary .uk-text-meta.kd-sw-neutral,
.area-sw #tm-main .uk-tile-secondary .uk-text-meta.kd-sw-neutral,
.area-sw #tm-main .uk-card-secondary .uk-text-meta.kd-sw-neutral,
.is-sw .uk-light .uk-text-meta.kd-sw-neutral,
.is-sw .uk-section-secondary .uk-text-meta.kd-sw-neutral,
.is-sw .uk-tile-secondary .uk-text-meta.kd-sw-neutral,
.is-sw .uk-card-secondary .uk-text-meta.kd-sw-neutral,
.area-sw .kd-cra .uk-light .uk-text-meta.kd-sw-neutral,
.area-sw .kd-cra .uk-section-secondary .uk-text-meta.kd-sw-neutral,
.area-sw .kd-cra .uk-tile-secondary .uk-text-meta.kd-sw-neutral,
.area-sw .kd-cra .uk-card-secondary .uk-text-meta.kd-sw-neutral,
.is-sw.uk-light .uk-text-meta.kd-sw-neutral,
.is-sw.uk-section-secondary .uk-text-meta.kd-sw-neutral,
.is-sw.uk-tile-secondary .uk-text-meta.kd-sw-neutral,
.is-sw.uk-card-secondary .uk-text-meta.kd-sw-neutral {color:#7FB8D6}
.area-sw #tm-main .uk-light .uk-text-primary,
.area-sw #tm-main .uk-light .uk-list-primary>::marker,
.area-sw #tm-main .uk-section-secondary .uk-text-primary,
.area-sw #tm-main .uk-section-secondary .uk-list-primary>::marker,
.area-sw #tm-main .uk-tile-secondary .uk-text-primary,
.area-sw #tm-main .uk-tile-secondary .uk-list-primary>::marker,
.area-sw #tm-main .uk-card-secondary .uk-text-primary,
.area-sw #tm-main .uk-card-secondary .uk-list-primary>::marker,
.is-sw .uk-light .uk-text-primary,
.is-sw .uk-light .uk-list-primary>::marker,
.is-sw .uk-section-secondary .uk-text-primary,
.is-sw .uk-section-secondary .uk-list-primary>::marker,
.is-sw .uk-tile-secondary .uk-text-primary,
.is-sw .uk-tile-secondary .uk-list-primary>::marker,
.is-sw .uk-card-secondary .uk-text-primary,
.is-sw .uk-card-secondary .uk-list-primary>::marker,
.area-sw .kd-cra .uk-light .uk-text-primary,
.area-sw .kd-cra .uk-light .uk-list-primary>::marker,
.area-sw .kd-cra .uk-section-secondary .uk-text-primary,
.area-sw .kd-cra .uk-section-secondary .uk-list-primary>::marker,
.area-sw .kd-cra .uk-tile-secondary .uk-text-primary,
.area-sw .kd-cra .uk-tile-secondary .uk-list-primary>::marker,
.area-sw .kd-cra .uk-card-secondary .uk-text-primary,
.area-sw .kd-cra .uk-card-secondary .uk-list-primary>::marker,
.is-sw.uk-light .uk-text-primary,
.is-sw.uk-light .uk-list-primary>::marker,
.is-sw.uk-section-secondary .uk-text-primary,
.is-sw.uk-section-secondary .uk-list-primary>::marker,
.is-sw.uk-tile-secondary .uk-text-primary,
.is-sw.uk-tile-secondary .uk-list-primary>::marker,
.is-sw.uk-card-secondary .uk-text-primary,
.is-sw.uk-card-secondary .uk-list-primary>::marker {color:var(--sio-sw-hell) !important}
.area-sw #tm-main .uk-light .uk-button-primary,
.area-sw #tm-main .uk-light .uk-button-secondary,
.area-sw #tm-main .uk-section-secondary .uk-button-primary,
.area-sw #tm-main .uk-section-secondary .uk-button-secondary,
.area-sw #tm-main .uk-tile-secondary .uk-button-primary,
.area-sw #tm-main .uk-tile-secondary .uk-button-secondary,
.area-sw #tm-main .uk-card-secondary .uk-button-primary,
.area-sw #tm-main .uk-card-secondary .uk-button-secondary,
.is-sw .uk-light .uk-button-primary,
.is-sw .uk-light .uk-button-secondary,
.is-sw .uk-section-secondary .uk-button-primary,
.is-sw .uk-section-secondary .uk-button-secondary,
.is-sw .uk-tile-secondary .uk-button-primary,
.is-sw .uk-tile-secondary .uk-button-secondary,
.is-sw .uk-card-secondary .uk-button-primary,
.is-sw .uk-card-secondary .uk-button-secondary,
.area-sw .kd-cra .uk-light .uk-button-primary,
.area-sw .kd-cra .uk-light .uk-button-secondary,
.area-sw .kd-cra .uk-section-secondary .uk-button-primary,
.area-sw .kd-cra .uk-section-secondary .uk-button-secondary,
.area-sw .kd-cra .uk-tile-secondary .uk-button-primary,
.area-sw .kd-cra .uk-tile-secondary .uk-button-secondary,
.area-sw .kd-cra .uk-card-secondary .uk-button-primary,
.area-sw .kd-cra .uk-card-secondary .uk-button-secondary,
.is-sw.uk-light .uk-button-primary,
.is-sw.uk-light .uk-button-secondary,
.is-sw.uk-section-secondary .uk-button-primary,
.is-sw.uk-section-secondary .uk-button-secondary,
.is-sw.uk-tile-secondary .uk-button-primary,
.is-sw.uk-tile-secondary .uk-button-secondary,
.is-sw.uk-card-secondary .uk-button-primary,
.is-sw.uk-card-secondary .uk-button-secondary {background-color:var(--sio-sw-hell);color:#14202A;border-color:transparent}
.area-sw #tm-main .uk-light .uk-button-primary:hover,
.area-sw #tm-main .uk-light .uk-button-primary:focus,
.area-sw #tm-main .uk-light .uk-button-secondary:hover,
.area-sw #tm-main .uk-light .uk-button-secondary:focus,
.area-sw #tm-main .uk-section-secondary .uk-button-primary:hover,
.area-sw #tm-main .uk-section-secondary .uk-button-primary:focus,
.area-sw #tm-main .uk-section-secondary .uk-button-secondary:hover,
.area-sw #tm-main .uk-section-secondary .uk-button-secondary:focus,
.area-sw #tm-main .uk-tile-secondary .uk-button-primary:hover,
.area-sw #tm-main .uk-tile-secondary .uk-button-primary:focus,
.area-sw #tm-main .uk-tile-secondary .uk-button-secondary:hover,
.area-sw #tm-main .uk-tile-secondary .uk-button-secondary:focus,
.area-sw #tm-main .uk-card-secondary .uk-button-primary:hover,
.area-sw #tm-main .uk-card-secondary .uk-button-primary:focus,
.area-sw #tm-main .uk-card-secondary .uk-button-secondary:hover,
.area-sw #tm-main .uk-card-secondary .uk-button-secondary:focus,
.is-sw .uk-light .uk-button-primary:hover,
.is-sw .uk-light .uk-button-primary:focus,
.is-sw .uk-light .uk-button-secondary:hover,
.is-sw .uk-light .uk-button-secondary:focus,
.is-sw .uk-section-secondary .uk-button-primary:hover,
.is-sw .uk-section-secondary .uk-button-primary:focus,
.is-sw .uk-section-secondary .uk-button-secondary:hover,
.is-sw .uk-section-secondary .uk-button-secondary:focus,
.is-sw .uk-tile-secondary .uk-button-primary:hover,
.is-sw .uk-tile-secondary .uk-button-primary:focus,
.is-sw .uk-tile-secondary .uk-button-secondary:hover,
.is-sw .uk-tile-secondary .uk-button-secondary:focus,
.is-sw .uk-card-secondary .uk-button-primary:hover,
.is-sw .uk-card-secondary .uk-button-primary:focus,
.is-sw .uk-card-secondary .uk-button-secondary:hover,
.is-sw .uk-card-secondary .uk-button-secondary:focus,
.area-sw .kd-cra .uk-light .uk-button-primary:hover,
.area-sw .kd-cra .uk-light .uk-button-primary:focus,
.area-sw .kd-cra .uk-light .uk-button-secondary:hover,
.area-sw .kd-cra .uk-light .uk-button-secondary:focus,
.area-sw .kd-cra .uk-section-secondary .uk-button-primary:hover,
.area-sw .kd-cra .uk-section-secondary .uk-button-primary:focus,
.area-sw .kd-cra .uk-section-secondary .uk-button-secondary:hover,
.area-sw .kd-cra .uk-section-secondary .uk-button-secondary:focus,
.area-sw .kd-cra .uk-tile-secondary .uk-button-primary:hover,
.area-sw .kd-cra .uk-tile-secondary .uk-button-primary:focus,
.area-sw .kd-cra .uk-tile-secondary .uk-button-secondary:hover,
.area-sw .kd-cra .uk-tile-secondary .uk-button-secondary:focus,
.area-sw .kd-cra .uk-card-secondary .uk-button-primary:hover,
.area-sw .kd-cra .uk-card-secondary .uk-button-primary:focus,
.area-sw .kd-cra .uk-card-secondary .uk-button-secondary:hover,
.area-sw .kd-cra .uk-card-secondary .uk-button-secondary:focus,
.is-sw.uk-light .uk-button-primary:hover,
.is-sw.uk-light .uk-button-primary:focus,
.is-sw.uk-light .uk-button-secondary:hover,
.is-sw.uk-light .uk-button-secondary:focus,
.is-sw.uk-section-secondary .uk-button-primary:hover,
.is-sw.uk-section-secondary .uk-button-primary:focus,
.is-sw.uk-section-secondary .uk-button-secondary:hover,
.is-sw.uk-section-secondary .uk-button-secondary:focus,
.is-sw.uk-tile-secondary .uk-button-primary:hover,
.is-sw.uk-tile-secondary .uk-button-primary:focus,
.is-sw.uk-tile-secondary .uk-button-secondary:hover,
.is-sw.uk-tile-secondary .uk-button-secondary:focus,
.is-sw.uk-card-secondary .uk-button-primary:hover,
.is-sw.uk-card-secondary .uk-button-primary:focus,
.is-sw.uk-card-secondary .uk-button-secondary:hover,
.is-sw.uk-card-secondary .uk-button-secondary:focus {background-color:var(--sio-sw-hell-hover);color:#14202A}
.area-sw #tm-main .uk-light .uk-button-default,
.area-sw #tm-main .uk-section-secondary .uk-button-default,
.area-sw #tm-main .uk-tile-secondary .uk-button-default,
.area-sw #tm-main .uk-card-secondary .uk-button-default,
.is-sw .uk-light .uk-button-default,
.is-sw .uk-section-secondary .uk-button-default,
.is-sw .uk-tile-secondary .uk-button-default,
.is-sw .uk-card-secondary .uk-button-default,
.area-sw .kd-cra .uk-light .uk-button-default,
.area-sw .kd-cra .uk-section-secondary .uk-button-default,
.area-sw .kd-cra .uk-tile-secondary .uk-button-default,
.area-sw .kd-cra .uk-card-secondary .uk-button-default,
.is-sw.uk-light .uk-button-default,
.is-sw.uk-section-secondary .uk-button-default,
.is-sw.uk-tile-secondary .uk-button-default,
.is-sw.uk-card-secondary .uk-button-default {background-color:transparent;color:#fff;border-color:rgba(255,255,255,.5)}
.area-sw #tm-main .uk-light .uk-button-default:hover,
.area-sw #tm-main .uk-section-secondary .uk-button-default:hover,
.area-sw #tm-main .uk-tile-secondary .uk-button-default:hover,
.area-sw #tm-main .uk-card-secondary .uk-button-default:hover,
.is-sw .uk-light .uk-button-default:hover,
.is-sw .uk-section-secondary .uk-button-default:hover,
.is-sw .uk-tile-secondary .uk-button-default:hover,
.is-sw .uk-card-secondary .uk-button-default:hover,
.area-sw .kd-cra .uk-light .uk-button-default:hover,
.area-sw .kd-cra .uk-section-secondary .uk-button-default:hover,
.area-sw .kd-cra .uk-tile-secondary .uk-button-default:hover,
.area-sw .kd-cra .uk-card-secondary .uk-button-default:hover,
.is-sw.uk-light .uk-button-default:hover,
.is-sw.uk-section-secondary .uk-button-default:hover,
.is-sw.uk-tile-secondary .uk-button-default:hover,
.is-sw.uk-card-secondary .uk-button-default:hover {background-color:#fff;color:#14202A;border-color:#fff}
.area-sw #tm-main .uk-light .uk-accordion-default .uk-accordion-icon,
.area-sw #tm-main .uk-light .uk-accordion-default .uk-accordion-title:hover,
.area-sw #tm-main .uk-section-secondary .uk-accordion-default .uk-accordion-icon,
.area-sw #tm-main .uk-section-secondary .uk-accordion-default .uk-accordion-title:hover,
.area-sw #tm-main .uk-tile-secondary .uk-accordion-default .uk-accordion-icon,
.area-sw #tm-main .uk-tile-secondary .uk-accordion-default .uk-accordion-title:hover,
.area-sw #tm-main .uk-card-secondary .uk-accordion-default .uk-accordion-icon,
.area-sw #tm-main .uk-card-secondary .uk-accordion-default .uk-accordion-title:hover,
.is-sw .uk-light .uk-accordion-default .uk-accordion-icon,
.is-sw .uk-light .uk-accordion-default .uk-accordion-title:hover,
.is-sw .uk-section-secondary .uk-accordion-default .uk-accordion-icon,
.is-sw .uk-section-secondary .uk-accordion-default .uk-accordion-title:hover,
.is-sw .uk-tile-secondary .uk-accordion-default .uk-accordion-icon,
.is-sw .uk-tile-secondary .uk-accordion-default .uk-accordion-title:hover,
.is-sw .uk-card-secondary .uk-accordion-default .uk-accordion-icon,
.is-sw .uk-card-secondary .uk-accordion-default .uk-accordion-title:hover,
.area-sw .kd-cra .uk-light .uk-accordion-default .uk-accordion-icon,
.area-sw .kd-cra .uk-light .uk-accordion-default .uk-accordion-title:hover,
.area-sw .kd-cra .uk-section-secondary .uk-accordion-default .uk-accordion-icon,
.area-sw .kd-cra .uk-section-secondary .uk-accordion-default .uk-accordion-title:hover,
.area-sw .kd-cra .uk-tile-secondary .uk-accordion-default .uk-accordion-icon,
.area-sw .kd-cra .uk-tile-secondary .uk-accordion-default .uk-accordion-title:hover,
.area-sw .kd-cra .uk-card-secondary .uk-accordion-default .uk-accordion-icon,
.area-sw .kd-cra .uk-card-secondary .uk-accordion-default .uk-accordion-title:hover,
.is-sw.uk-light .uk-accordion-default .uk-accordion-icon,
.is-sw.uk-light .uk-accordion-default .uk-accordion-title:hover,
.is-sw.uk-section-secondary .uk-accordion-default .uk-accordion-icon,
.is-sw.uk-section-secondary .uk-accordion-default .uk-accordion-title:hover,
.is-sw.uk-tile-secondary .uk-accordion-default .uk-accordion-icon,
.is-sw.uk-tile-secondary .uk-accordion-default .uk-accordion-title:hover,
.is-sw.uk-card-secondary .uk-accordion-default .uk-accordion-icon,
.is-sw.uk-card-secondary .uk-accordion-default .uk-accordion-title:hover {color:var(--sio-sw-hell)}
.area-sw #tm-main .uk-light .uk-button-text::after,
.area-sw #tm-main .uk-section-secondary .uk-button-text::after,
.area-sw #tm-main .uk-tile-secondary .uk-button-text::after,
.area-sw #tm-main .uk-card-secondary .uk-button-text::after,
.is-sw .uk-light .uk-button-text::after,
.is-sw .uk-section-secondary .uk-button-text::after,
.is-sw .uk-tile-secondary .uk-button-text::after,
.is-sw .uk-card-secondary .uk-button-text::after,
.area-sw .kd-cra .uk-light .uk-button-text::after,
.area-sw .kd-cra .uk-section-secondary .uk-button-text::after,
.area-sw .kd-cra .uk-tile-secondary .uk-button-text::after,
.area-sw .kd-cra .uk-card-secondary .uk-button-text::after,
.is-sw.uk-light .uk-button-text::after,
.is-sw.uk-section-secondary .uk-button-text::after,
.is-sw.uk-tile-secondary .uk-button-text::after,
.is-sw.uk-card-secondary .uk-button-text::after {background-image:url("data:image/svg+xml;charset=UTF-8,%3Csvg%20width%3D%227%22%20height%3D%2211%22%20viewBox%3D%220%200%207%2011%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%3E%0A%20%20%20%20%3Cpath%20fill%3D%22none%22%20stroke%3D%22%23FF6900%22%20stroke-linecap%3D%22round%22%20stroke-linejoin%3D%22round%22%20stroke-width%3D%221.5%22%20d%3D%22M1%2C10.15l5-4.6h0L1%2C.85%22%20%2F%3E%0A%3C%2Fsvg%3E%0A")}
/* Oranges Band (primary) — nach den Dunkel-Regeln (gleiche Spezifitaet, spaeter gewinnt) */
.area-sw #tm-main .uk-section-primary .uk-text-meta,
.area-sw #tm-main .uk-section-primary .el-meta,
.area-sw #tm-main .uk-section-primary a:not([class]):not(.uk-breadcrumb *),
.area-sw #tm-main .uk-tile-primary .uk-text-meta,
.area-sw #tm-main .uk-tile-primary .el-meta,
.area-sw #tm-main .uk-tile-primary a:not([class]):not(.uk-breadcrumb *),
.area-sw #tm-main .uk-card-primary .uk-text-meta,
.area-sw #tm-main .uk-card-primary .el-meta,
.area-sw #tm-main .uk-card-primary a:not([class]):not(.uk-breadcrumb *),
.is-sw .uk-section-primary .uk-text-meta,
.is-sw .uk-section-primary .el-meta,
.is-sw .uk-section-primary a:not([class]):not(.uk-breadcrumb *),
.is-sw .uk-tile-primary .uk-text-meta,
.is-sw .uk-tile-primary .el-meta,
.is-sw .uk-tile-primary a:not([class]):not(.uk-breadcrumb *),
.is-sw .uk-card-primary .uk-text-meta,
.is-sw .uk-card-primary .el-meta,
.is-sw .uk-card-primary a:not([class]):not(.uk-breadcrumb *),
.area-sw .kd-cra .uk-section-primary .uk-text-meta,
.area-sw .kd-cra .uk-section-primary .el-meta,
.area-sw .kd-cra .uk-section-primary a:not([class]):not(.uk-breadcrumb *),
.area-sw .kd-cra .uk-tile-primary .uk-text-meta,
.area-sw .kd-cra .uk-tile-primary .el-meta,
.area-sw .kd-cra .uk-tile-primary a:not([class]):not(.uk-breadcrumb *),
.area-sw .kd-cra .uk-card-primary .uk-text-meta,
.area-sw .kd-cra .uk-card-primary .el-meta,
.area-sw .kd-cra .uk-card-primary a:not([class]):not(.uk-breadcrumb *) {color:#fff}
.area-sw #tm-main .uk-section-primary .uk-text-primary,
.area-sw #tm-main .uk-section-primary .uk-list-primary>::marker,
.area-sw #tm-main .uk-tile-primary .uk-text-primary,
.area-sw #tm-main .uk-tile-primary .uk-list-primary>::marker,
.area-sw #tm-main .uk-card-primary .uk-text-primary,
.area-sw #tm-main .uk-card-primary .uk-list-primary>::marker,
.is-sw .uk-section-primary .uk-text-primary,
.is-sw .uk-section-primary .uk-list-primary>::marker,
.is-sw .uk-tile-primary .uk-text-primary,
.is-sw .uk-tile-primary .uk-list-primary>::marker,
.is-sw .uk-card-primary .uk-text-primary,
.is-sw .uk-card-primary .uk-list-primary>::marker,
.area-sw .kd-cra .uk-section-primary .uk-text-primary,
.area-sw .kd-cra .uk-section-primary .uk-list-primary>::marker,
.area-sw .kd-cra .uk-tile-primary .uk-text-primary,
.area-sw .kd-cra .uk-tile-primary .uk-list-primary>::marker,
.area-sw .kd-cra .uk-card-primary .uk-text-primary,
.area-sw .kd-cra .uk-card-primary .uk-list-primary>::marker {color:#fff !important}
.area-sw #tm-main .uk-section-primary .uk-button-primary,
.area-sw #tm-main .uk-tile-primary .uk-button-primary,
.area-sw #tm-main .uk-card-primary .uk-button-primary,
.is-sw .uk-section-primary .uk-button-primary,
.is-sw .uk-tile-primary .uk-button-primary,
.is-sw .uk-card-primary .uk-button-primary,
.area-sw .kd-cra .uk-section-primary .uk-button-primary,
.area-sw .kd-cra .uk-tile-primary .uk-button-primary,
.area-sw .kd-cra .uk-card-primary .uk-button-primary {background-color:#fff;color:var(--sio-sw);border-color:transparent}
.area-sw #tm-main .uk-section-primary .uk-button-primary:hover,
.area-sw #tm-main .uk-tile-primary .uk-button-primary:hover,
.area-sw #tm-main .uk-card-primary .uk-button-primary:hover,
.is-sw .uk-section-primary .uk-button-primary:hover,
.is-sw .uk-tile-primary .uk-button-primary:hover,
.is-sw .uk-card-primary .uk-button-primary:hover,
.area-sw .kd-cra .uk-section-primary .uk-button-primary:hover,
.area-sw .kd-cra .uk-tile-primary .uk-button-primary:hover,
.area-sw .kd-cra .uk-card-primary .uk-button-primary:hover {background-color:#F4F6F8;color:var(--sio-sw-hover)}
.area-sw #tm-main .uk-section-primary .uk-button-default,
.area-sw #tm-main .uk-tile-primary .uk-button-default,
.area-sw #tm-main .uk-card-primary .uk-button-default,
.is-sw .uk-section-primary .uk-button-default,
.is-sw .uk-tile-primary .uk-button-default,
.is-sw .uk-card-primary .uk-button-default,
.area-sw .kd-cra .uk-section-primary .uk-button-default,
.area-sw .kd-cra .uk-tile-primary .uk-button-default,
.area-sw .kd-cra .uk-card-primary .uk-button-default {background-color:transparent;color:#fff;border-color:rgba(255,255,255,.5)}
.area-sw #tm-main .uk-section-primary .uk-button-default:hover,
.area-sw #tm-main .uk-tile-primary .uk-button-default:hover,
.area-sw #tm-main .uk-card-primary .uk-button-default:hover,
.is-sw .uk-section-primary .uk-button-default:hover,
.is-sw .uk-tile-primary .uk-button-default:hover,
.is-sw .uk-card-primary .uk-button-default:hover,
.area-sw .kd-cra .uk-section-primary .uk-button-default:hover,
.area-sw .kd-cra .uk-tile-primary .uk-button-default:hover,
.area-sw .kd-cra .uk-card-primary .uk-button-default:hover {background-color:#fff;color:#14202A;border-color:#fff}
.area-sw #tm-main .uk-section-primary .uk-button-text::after,
.area-sw #tm-main .uk-tile-primary .uk-button-text::after,
.area-sw #tm-main .uk-card-primary .uk-button-text::after,
.is-sw .uk-section-primary .uk-button-text::after,
.is-sw .uk-tile-primary .uk-button-text::after,
.is-sw .uk-card-primary .uk-button-text::after,
.area-sw .kd-cra .uk-section-primary .uk-button-text::after,
.area-sw .kd-cra .uk-tile-primary .uk-button-text::after,
.area-sw .kd-cra .uk-card-primary .uk-button-text::after {background-image:url("data:image/svg+xml;charset=UTF-8,%3Csvg%20width%3D%227%22%20height%3D%2211%22%20viewBox%3D%220%200%207%2011%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%3E%0A%20%20%20%20%3Cpath%20fill%3D%22none%22%20stroke%3D%22%23FFFFFF%22%20stroke-linecap%3D%22round%22%20stroke-linejoin%3D%22round%22%20stroke-width%3D%221.5%22%20d%3D%22M1%2C10.15l5-4.6h0L1%2C.85%22%20%2F%3E%0A%3C%2Fsvg%3E%0A")}
/* ENDE KD-BEREICHSFARBE */

/* KD-CF7-SIO (2026-09-24): Einwilligungstext wie Prototyp (.check), Stufe text-small 15 px statt 14 px (Einrasten).
   CF7-Markup ist kein YOOtheme-Element — Ausnahme wie die Paket-Regeln oben. */
.wpcf7-form .wpcf7-acceptance .wpcf7-list-item-label{font-size:15px;font-weight:500;line-height:1.5;color:#4D5860}
/* Checkbox buendig mit den Feldern (CF7-Standard rueckt .wpcf7-list-item um 1em ein) — Re-Kritik Kontakt 24.09. */
.wpcf7-form .wpcf7-acceptance .wpcf7-list-item{margin-left:0}

/* KD-LINKKARTEN (SIO, 2026-09-24): Kartentext grau wie der Prototyp (.card p #4D5860), auch wenn die ganze Karte verlinkt ist.
   Grund: Mit panel_link wird die Karte zu a.uk-link-toggle, und UIkit setzt .uk-link-toggle{color:inherit!important} —
   das schlaegt @card-default-color/@card-overlay-color; eine Styler-Variable dafuer gibt es nicht (Befund von 6 Bauern/Kritikern). */
.uk-card-default.uk-link-toggle,
.uk-card-overlay.uk-link-toggle {color:#4D5860 !important}
/* ENDE KD-LINKKARTEN */

/* KD-KARTENBUTTON (SIO, 2026-09-24): In ganz verlinkten Karten (panel_link → a.uk-link-toggle) fuellt sich der Button
   beim Hover der KARTE, wie im Prototyp (.card-img:hover .btn-secondary). YOOtheme kennt dafuer keine Option.
   Blau auf blauen Flaechen, Bereichsfarbe bei is-sw bzw. auf Software-Seiten. */
.uk-link-toggle:hover .uk-button-default {background-color:#006298;border-color:#006298;color:#fff}
.is-sw .uk-link-toggle:hover .uk-button-default,
.area-sw #tm-main .uk-link-toggle:hover .uk-button-default {background-color:var(--sio-sw);border-color:var(--sio-sw);color:#fff}
/* ENDE KD-KARTENBUTTON */

/* KD-FAQ-SIO (2026-09-24): FAQ-Akkordeon (Paket-Element, Scope .kd-faq) wie Prototyp .acc (styles.css Z. 373-381).
   Ueberschreibt nur die neutralen Paket-Werte oben; Icon folgt der Bereichsfarbe. Befund Bauer CRA. */
.kd-faq .el-item {border-bottom:1px solid #DCE3E8}
.kd-faq .el-item:first-child {border-top:0}
.kd-faq .uk-accordion-title {font-size:17px;font-weight:600;line-height:1.6;padding:20px calc(4px + 1.5em) 20px 4px;color:#1A1A1A}
.kd-faq .uk-accordion-title:hover {text-decoration:none;color:#1A1A1A}
.kd-faq .uk-accordion-title::after {right:4px;font-size:26px;font-weight:600;color:#006298}
.area-sw .kd-faq .uk-accordion-title::after {color:var(--sio-sw)}
.kd-faq .uk-accordion-content {padding:0 4px 22px;color:#4D5860;font-size:17px;line-height:1.6;max-width:680px}  /* 17 px: Einrasten styles.css Z. 844 */
/* ENDE KD-FAQ-SIO */

/* KD-BUTTON-UMBRUCH (SIO, 2026-09-25, entschieden Matthias): Buttons, die mobil zweizeilig umbrechen, wurden durch die
   feste UIkit-Zeilenhoehe (41 px je Zeile) ~80 statt ~60 px hoch. Prototyp: .btn{line-height:1.4;padding:10px 26px}.
   Einzeilig bleibt die Hoehe gleich (15 px x 1,4 = 21 + 2 x 10 = 41 + Rand). Keine Styler-Variable fuer vertikales Polster. */
.uk-button:not(.uk-button-text):not(.uk-button-link):not(.uk-button-small):not(.uk-button-large) {line-height:1.4;padding-top:10px;padding-bottom:10px}
/* ENDE KD-BUTTON-UMBRUCH */

/* KD-MEGA (SIO, 2026-09-25, Befund Matthias): Produkte-Mega (menu.items.3062) typografisch wie Prototyp .mega.
   Kein nativer Nav-Stil in diesen Groessen; Scope nur das Desktop-Dropdown im Header.
   - Gruppentitel (.mp span): 14,5 px / 600
   - Unterpunkte (.ms): 13,5 px / 500, grau, 3 px Polster — auf beiden Sparten gleich (ersetzt das „inherit" der Bereichsfarbe)
   - „Sparte ansehen →" (.mp-head): 12,5 px / 600, grau, ohne Polster, auf der Grundlinie des Spartentitels
     (Nav-Element mit Klasse kd-sparte-link — landet am Wrapper-div, nicht am ul)
   Hover: blau, in der ADLATUS-Spalte (is-sw) Bereichsfarbe. */
.tm-header .uk-navbar-dropdown .uk-navbar-dropdown-nav > li > a {font-size:14.5px}
.tm-header .uk-navbar-dropdown .uk-nav-default > li > a {font-size:13.5px;font-weight:500;line-height:21.6px;padding-top:3px;padding-bottom:3px}
.tm-header .uk-navbar-dropdown .uk-nav-default > li > a:not(:hover) {color:#4D5860}
.tm-header .uk-navbar-dropdown .uk-nav-default > li > a:hover {color:#006298}
.tm-header .uk-navbar-dropdown .is-sw .uk-nav-default > li > a:hover {color:var(--sio-sw)}
.tm-header .uk-navbar-dropdown .kd-sparte-link .uk-nav > li > a {font-size:12.5px;font-weight:600;line-height:20.8px;padding:0;min-height:0}
.tm-header .uk-navbar-dropdown .kd-sparte-link .uk-nav > li > a:not(:hover) {color:#4D5860}
.tm-header .uk-navbar-dropdown .kd-sparte-link .uk-nav > li > a:hover {color:#006298}
.tm-header .uk-navbar-dropdown .is-sw .kd-sparte-link .uk-nav > li > a:hover {color:var(--sio-sw)}
/* ENDE KD-MEGA */

/* KD-MOBILMENUE (SIO, 2026-09-25, entschieden Matthias): aufgeklappte Produktliste im Handy-Menue gegliedert wie das
   Produkte-Mega / Prototyp .mega mobil (styles.css Z. 640-670, 693-699, 743, 850). Haken sind native WP-Menue-CSS-Klassen
   (Design > Menues > CSS-Klassen): kd-nav-sparte (+ kd-nav-sw fuer ADLATUS), kd-nav-gruppe + kd-icon-*. Icons = Mega-Icons
   als Maske (Farbe folgt der Sparte). Zuklappen beim Laden: custom.js KD-MOBILMENUE-ZU. */
/* Nachfahren- statt Kind-Selektor: UIkit legt beim Aufklappen ein div.uk-transition um die Unterliste (sonst Sprung) */
.tm-header-mobile .uk-nav-primary .uk-nav-sub {padding:0 0 10px}
.tm-header-mobile .uk-nav-primary .uk-nav-sub ul {padding-left:0;margin:0}
.tm-header-mobile .kd-nav-sparte > a {display:flex;justify-content:space-between;align-items:baseline;gap:16px;padding:10px 0 8px;margin-bottom:6px;border-bottom:1px solid #DCE3E8;font-size:13px;font-weight:600;line-height:1.6;letter-spacing:.09em;text-transform:uppercase;color:#006298}
.tm-header-mobile .kd-nav-sparte > a::after {content:"Sparte ansehen \2192";font-size:12.5px;font-weight:600;letter-spacing:0;text-transform:none;color:#4D5860;white-space:nowrap}
.tm-header-mobile .kd-nav-sparte.kd-nav-sw {margin-top:10px}
.tm-header-mobile .uk-nav-primary .kd-nav-sparte.kd-nav-sw > a {color:var(--sio-sw)}  /* .uk-nav-primary: schlaegt UIkit li.uk-active > a */
.tm-header-mobile .kd-nav-gruppe > a {display:flex;align-items:center;gap:12px;padding:8px 0;font-size:14.5px;font-weight:600;line-height:1.25;color:#1A1A1A}
.tm-header-mobile .kd-nav-gruppe > a::before {content:"";flex:none;width:22px;height:22px;background-color:#006298;-webkit-mask:var(--kd-icon) center / contain no-repeat;mask:var(--kd-icon) center / contain no-repeat}
.tm-header-mobile .kd-nav-sw .kd-nav-gruppe > a::before {background-color:var(--sio-sw)}
.tm-header-mobile .kd-icon-food {--kd-icon:url(../assets/sio/icons/mega-smartcontrol-food.svg)}
.tm-header-mobile .kd-icon-touch {--kd-icon:url(../assets/sio/icons/mega-smartcontrol-touch.svg)}
.tm-header-mobile .kd-icon-update {--kd-icon:url(../assets/sio/icons/mega-adlatus-update.svg)}
.tm-header-mobile .kd-icon-test {--kd-icon:url(../assets/sio/icons/mega-testsysteme.svg)}
.tm-header-mobile .kd-nav-gruppe + .kd-nav-gruppe {margin-top:12px}
.tm-header-mobile .kd-nav-gruppe > ul > li > a {display:block;padding:3px 0 3px 34px;font-size:13.5px;font-weight:500;line-height:21.6px;color:#4D5860}
.tm-header-mobile .uk-nav-primary .kd-nav-gruppe > a:hover,
.tm-header-mobile .uk-nav-primary .kd-nav-gruppe > ul > li > a:hover,
.tm-header-mobile .uk-nav-primary .kd-nav-gruppe.uk-active > a,
.tm-header-mobile .uk-nav-primary .kd-nav-gruppe > ul > li.uk-active > a {color:#006298}
.tm-header-mobile .uk-nav-primary .kd-nav-sw .kd-nav-gruppe > a:hover,
.tm-header-mobile .uk-nav-primary .kd-nav-sw .kd-nav-gruppe > ul > li > a:hover,
.tm-header-mobile .uk-nav-primary .kd-nav-sw .kd-nav-gruppe.uk-active > a,
.tm-header-mobile .uk-nav-primary .kd-nav-sw .kd-nav-gruppe > ul > li.uk-active > a {color:var(--sio-sw)}
/* ENDE KD-MOBILMENUE */

/* KD-LISTE-DEZIMAL (SIO, 2026-09-25): Einzug nummerierter Listen (AGB). @list-padding-left steht bewusst auf 14 px
   (Punktlisten wie im Prototyp, Update-Loesungen/Flashloader); fuer Ziffern "1." reicht das nicht, die Marker ragten
   links aus der Textspalte. Keine eigene Styler-Variable fuer Dezimal-Listen -> nur diese Klasse. */
.uk-list-decimal { padding-left: 26px; }

/* KD-LANGE-LINKS (SIO, 2026-09-25): ausgeschriebene URLs in Text/Listen (Datenschutz: Host Europe, Google) sind ein
   einziges "Wort" und liefen mobil aus der Spalte (abgeschnitten). break-word bricht nur, wenn das Wort nicht passt. */
.uk-panel a, .uk-list a { overflow-wrap: break-word; }

/* KD-H2-TRENNUNG (SIO, 2026-10-02): H2 ist seit Feedback G7 auf dem Handy 30 px (Styler @base-h2-font-size, vorher 26) —
   lange Wörter („Produktionsübersicht.“, „Programmiervorgänge.“) passen bei 320–375 px nicht mehr in die Spalte.
   Keine Styler-Variable für Silbentrennung → nur hier, nur < 640 px, nur Wörter ab 12 Zeichen (je mind. 6/5 Zeichen). */
@media (max-width: 639px) { h2, .uk-h2 { -webkit-hyphens: auto; hyphens: auto; hyphenate-limit-chars: 12 6 5; } }
/* H1 (12.10., Matthias „Weg 2“): bei 320 px ragten drei H1 (33 px) 6–19 px in den Rand („Industrieelektronik“,
   „Anlagensteuerung“, Startseite). Der Styler kennt nur eine Mobil-Größe — kleiner würde die H1 auf allen Handys;
   deshalb nur Silbentrennung und nur < 375 px. */
@media (max-width: 374px) { h1, .uk-h1 { -webkit-hyphens: auto; hyphens: auto; hyphenate-limit-chars: 12 6 5; } }
/* ENDE KD-H2-TRENNUNG */

/* KD-SPRACHEN (SIO EN, 2026-10-12): Sprachumschalter „DE | EN“ (Shortcode [kd_sprachen], Widgets navbar + dialog-mobile).
   Ausnahme: Widget des Mehrsprachen-Plugins, kein YOOtheme-Element dafür (bauplan.md „Sprachumschalter DE / EN“).
   Inaktiv #4D5860 (7,5:1 auf Weiß), aktiv Blau #006298 (6,9:1), Trenner nur Schmuck. */
.kd-sprachen { display: flex; align-items: center; gap: 6px; font-size: 14px; font-weight: 600; letter-spacing: .04em; line-height: 1; }
.kd-sprachen a { color: #4D5860; text-decoration: none; }
.kd-sprachen a:hover, .kd-sprachen a:focus-visible { color: #006298; text-decoration: underline; text-underline-offset: 3px; }
.kd-sprachen .kd-sprache-aktiv { color: #006298; }
.kd-sprachen-trenner { color: #C9D3DA; font-weight: 400; }
#tm-dialog-mobile .kd-sprachen { margin-top: 20px; font-size: 16px; }
/* Desktop: deutlich vom letzten Menüpunkt abgesetzt (Matthias 12.10.), Umschalter bleibt bündig am rechten Inhaltsrand */
.tm-header .uk-navbar-item.widget_custom_html:has(.kd-sprachen) { margin-left: 32px; }
/* ENDE KD-SPRACHEN */