*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:var(--afu-bg,#061019);color:var(--afu-text,#e9f5fb);font:var(--afu-base-font,16px)/1.65 var(--afu-font,system-ui,sans-serif);overflow-x:hidden}a{color:var(--afu-accent,#65e6ff);text-decoration:none}a:hover{color:#fff}.afu-shell{width:min(calc(100% - 40px),var(--afu-max-width,1440px));margin-inline:auto}.afu-skip{position:fixed;left:12px;top:-100px;z-index:9999;padding:10px 14px;background:#fff;color:#000;border-radius:8px}.afu-skip:focus{top:12px}

/* Funkhintergrund */
.afu-site::before{content:"";position:fixed;inset:0;pointer-events:none;z-index:-3;background:radial-gradient(circle at 15% 10%,color-mix(in srgb,var(--afu-primary) 16%,transparent),transparent 27%),radial-gradient(circle at 85% 70%,color-mix(in srgb,var(--afu-accent) 10%,transparent),transparent 32%),linear-gradient(180deg,var(--afu-bg),color-mix(in srgb,var(--afu-bg) 82%,#000));}.has-radio-grid::after{content:"";position:fixed;inset:0;z-index:-2;pointer-events:none;opacity:.11;background-image:linear-gradient(color-mix(in srgb,var(--afu-primary) 35%,transparent) 1px,transparent 1px),linear-gradient(90deg,color-mix(in srgb,var(--afu-primary) 35%,transparent) 1px,transparent 1px);background-size:42px 42px;mask-image:linear-gradient(to bottom,#000,transparent 90%)}.afu-signal-bg{position:fixed;width:720px;height:720px;right:-320px;top:80px;z-index:-1;pointer-events:none;opacity:.2}.afu-signal-bg span{position:absolute;inset:50%;border:1px solid var(--afu-primary);border-radius:50%;transform:translate(-50%,-50%);animation:afuSignal 7s infinite ease-out}.afu-signal-bg span:nth-child(2){animation-delay:2.2s}.afu-signal-bg span:nth-child(3){animation-delay:4.4s}@keyframes afuSignal{0%{width:40px;height:40px;opacity:.8}100%{width:650px;height:650px;opacity:0}}

/* Header */
.afu-header{position:relative;z-index:100;border-bottom:1px solid color-mix(in srgb,var(--afu-primary) 24%,transparent);background:color-mix(in srgb,var(--afu-bg) 78%,transparent);backdrop-filter:blur(16px)}.has-sticky-header .afu-header{position:sticky;top:0}.afu-header-inner{min-height:94px;display:flex;align-items:center;gap:35px}.afu-brand{display:flex;align-items:center;gap:15px;color:var(--afu-text);min-width:max-content}.afu-logo{display:block;max-height:68px;max-width:290px;width:auto}.afu-brand-text{display:flex;flex-direction:column;line-height:1.15}.afu-brand-text strong{font-size:clamp(17px,1.5vw,23px);letter-spacing:.01em}.afu-brand-text small{margin-top:6px;color:var(--afu-muted);font-size:11px;letter-spacing:.13em;text-transform:uppercase}.afu-brand-mark{position:relative;width:58px;height:58px;display:block;border:1px solid color-mix(in srgb,var(--afu-primary) 42%,transparent);border-radius:50%;background:linear-gradient(145deg,color-mix(in srgb,var(--afu-primary) 20%,transparent),transparent)}.afu-antenna{position:absolute;left:28px;top:12px;width:2px;height:33px;background:var(--afu-accent);box-shadow:0 0 10px var(--afu-primary)}.afu-antenna::after{content:"";position:absolute;bottom:-3px;left:-3px;width:8px;height:8px;background:var(--afu-accent);border-radius:50%}.afu-ring{position:absolute;border:1px solid var(--afu-primary);border-radius:50%;left:29px;top:24px;transform:translate(-50%,-50%);opacity:.8}.afu-ring.r1{width:24px;height:24px}.afu-ring.r2{width:42px;height:42px;opacity:.35}

/* Menü */
.afu-nav{margin-left:auto}.afu-nav ul{list-style:none;margin:0;padding:0}.afu-nav>ul{display:flex;align-items:center;gap:4px}.afu-nav li{position:relative}.afu-nav a{position:relative;display:flex;align-items:center;padding:13px 14px;color:var(--afu-text);font-weight:650;letter-spacing:.01em;border-radius:9px;transition:transform .25s ease,color .25s ease,background .25s ease,text-shadow .25s ease}.afu-nav>ul>li>a::after{content:"";position:absolute;left:14px;right:14px;bottom:7px;height:2px;background:linear-gradient(90deg,transparent,var(--afu-accent),transparent);transform:scaleX(0);transition:transform .28s ease}.afu-nav a:hover,.afu-nav .active>a{color:#fff;background:color-mix(in srgb,var(--afu-primary) 10%,transparent);transform:translateY(-2px)}.afu-nav a:hover::after,.afu-nav .active>a::after{transform:scaleX(1)}.has-glow .afu-nav a:hover{text-shadow:0 0 14px color-mix(in srgb,var(--afu-accent) 70%,transparent)}.afu-nav li ul{position:absolute;left:0;top:calc(100% + 8px);min-width:230px;padding:8px;background:color-mix(in srgb,var(--afu-surface) 96%,transparent);border:1px solid color-mix(in srgb,var(--afu-primary) 25%,transparent);border-radius:12px;box-shadow:0 18px 50px rgba(0,0,0,.34);opacity:0;visibility:hidden;transform:translateY(10px) scale(.98);transition:.22s ease}.afu-nav li:hover>ul,.afu-nav li:focus-within>ul{opacity:1;visibility:visible;transform:none}.afu-nav li ul li ul{left:calc(100% + 8px);top:0}.afu-nav li ul a{padding:10px 12px;font-size:.94em}.afu-nav-toggle{display:none;margin-left:auto;width:46px;height:42px;border:1px solid color-mix(in srgb,var(--afu-primary) 30%,transparent);border-radius:9px;background:color-mix(in srgb,var(--afu-surface) 75%,transparent);cursor:pointer}.afu-nav-toggle span{display:block;width:23px;height:2px;background:var(--afu-text);margin:5px auto;transition:.25s}

/* Zonen */
.afu-top-zone{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:var(--afu-gap);padding-top:28px}.afu-module-card,.afu-sidebar>div,.afu-below>div,.afu-footer .moduletable{background:linear-gradient(145deg,color-mix(in srgb,var(--afu-surface) 94%,transparent),color-mix(in srgb,var(--afu-surface-2) 82%,transparent));border:1px solid color-mix(in srgb,var(--afu-primary) 18%,transparent);border-radius:14px;box-shadow:0 12px 36px rgba(0,0,0,.18)}.afu-top-card{padding:20px}.afu-main-grid{display:grid;grid-template-columns:var(--afu-sidebar) minmax(0,1fr) var(--afu-sidebar);gap:var(--afu-gap);align-items:start;padding-block:28px 34px}.afu-main-grid:not(:has(.afu-sidebar-left)){grid-template-columns:minmax(0,1fr) var(--afu-sidebar)}.afu-main-grid:not(:has(.afu-sidebar-right)){grid-template-columns:var(--afu-sidebar) minmax(0,1fr)}.afu-main-grid:not(:has(.afu-sidebar-left)):not(:has(.afu-sidebar-right)){grid-template-columns:minmax(0,1fr)}.afu-content{min-width:0;background:linear-gradient(160deg,color-mix(in srgb,var(--afu-surface) 89%,transparent),color-mix(in srgb,var(--afu-bg) 92%,transparent));border:1px solid color-mix(in srgb,var(--afu-primary) 16%,transparent);border-radius:16px;padding:clamp(20px,3vw,38px);box-shadow:0 18px 55px rgba(0,0,0,.22)}.afu-sidebar{display:grid;gap:18px}.afu-sidebar .moduletable{padding:18px;background:linear-gradient(145deg,color-mix(in srgb,var(--afu-surface) 94%,transparent),color-mix(in srgb,var(--afu-surface-2) 82%,transparent));border:1px solid color-mix(in srgb,var(--afu-primary) 18%,transparent);border-radius:14px}.afu-sidebar h3,.afu-top-zone h3,.afu-footer h3{margin-top:0;color:var(--afu-accent);font-size:1.05rem;letter-spacing:.05em}.afu-below{padding-bottom:34px}.afu-below>.moduletable{padding:22px}

/* Inhalte */
h1,h2,h3,h4,h5,h6{line-height:1.2;color:#fff}h1{font-size:clamp(30px,4vw,48px)}h2{font-size:clamp(24px,3vw,34px)}.page-header h1,.page-header h2{position:relative;padding-bottom:12px}.page-header h1::after,.page-header h2::after{content:"";position:absolute;left:0;bottom:0;width:90px;height:3px;border-radius:3px;background:linear-gradient(90deg,var(--afu-primary),var(--afu-accent),transparent)}img{max-width:100%;height:auto;border-radius:10px}table{width:100%;border-collapse:collapse}th,td{padding:10px 12px;border-bottom:1px solid color-mix(in srgb,var(--afu-primary) 15%,transparent)}th{text-align:left;color:var(--afu-accent)}button,.btn,.afu-button{font:inherit}.btn,.afu-button{display:inline-flex;align-items:center;justify-content:center;padding:10px 16px;border:1px solid color-mix(in srgb,var(--afu-primary) 45%,transparent);border-radius:9px;background:linear-gradient(135deg,color-mix(in srgb,var(--afu-primary) 28%,transparent),color-mix(in srgb,var(--afu-surface-2) 90%,transparent));color:#fff;transition:.25s}.btn:hover,.afu-button:hover{transform:translateY(-2px);box-shadow:0 8px 25px color-mix(in srgb,var(--afu-primary) 18%,transparent);color:#fff}

/* Footer */
.afu-footer{padding:38px 0;background:linear-gradient(180deg,color-mix(in srgb,var(--afu-surface) 62%,transparent),#02070b);border-top:1px solid color-mix(in srgb,var(--afu-primary) 16%,transparent)}.afu-footer-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:var(--afu-gap)}.afu-footer-grid>div{min-width:0}.afu-footer .moduletable{height:100%;padding:20px}.afu-copyright{padding:14px 0;color:var(--afu-muted);font-size:.88rem;text-align:center;background:#010407;border-top:1px solid color-mix(in srgb,var(--afu-primary) 12%,transparent)}

/* Animationen */
.has-animations [data-afu-reveal]{opacity:0;transform:translateY(18px);transition:opacity .65s cubic-bezier(.2,.75,.25,1),transform .65s cubic-bezier(.2,.75,.25,1)}.has-animations [data-afu-reveal].afu-visible{opacity:1;transform:none}.has-animations .afu-header{transform:translateY(-100%);opacity:0;animation:afuHeaderIn .75s .05s cubic-bezier(.2,.85,.25,1) forwards}.has-animations .afu-nav>ul>li{opacity:0;transform:translateY(-8px);animation:afuMenuIn .45s forwards}.has-animations .afu-nav>ul>li:nth-child(1){animation-delay:.18s}.has-animations .afu-nav>ul>li:nth-child(2){animation-delay:.25s}.has-animations .afu-nav>ul>li:nth-child(3){animation-delay:.32s}.has-animations .afu-nav>ul>li:nth-child(4){animation-delay:.39s}.has-animations .afu-nav>ul>li:nth-child(5){animation-delay:.46s}.has-animations .afu-nav>ul>li:nth-child(n+6){animation-delay:.53s}@keyframes afuHeaderIn{to{transform:none;opacity:1}}@keyframes afuMenuIn{to{opacity:1;transform:none}}

/* Fehlerseite */
.afu-error-page{min-height:100vh;display:grid;place-items:center;padding:25px}.afu-error-card{width:min(620px,100%);padding:45px;text-align:center;background:#0b1d29;border:1px solid #1d7195;border-radius:18px}.afu-error-code{font-size:clamp(70px,15vw,140px);font-weight:900;color:#65e6ff;line-height:1}

/* Responsive */
@media(max-width:1150px){.afu-main-grid,.afu-main-grid:not(:has(.afu-sidebar-left)),.afu-main-grid:not(:has(.afu-sidebar-right)){grid-template-columns:minmax(0,1fr) var(--afu-sidebar)}.afu-sidebar-left{grid-column:1/-1;display:grid;grid-template-columns:repeat(2,minmax(0,1fr))}.afu-content{grid-column:1}.afu-sidebar-right{grid-column:2}.afu-main-grid:not(:has(.afu-sidebar-right)) .afu-content{grid-column:1/-1}}
@media(max-width:900px){.afu-header-inner{min-height:78px}.afu-brand-text strong{font-size:16px}.afu-brand-text small{display:none}.afu-logo{max-height:55px;max-width:210px}.afu-nav-toggle{display:block}.afu-nav{position:absolute;left:20px;right:20px;top:calc(100% + 8px);margin:0;padding:10px;background:color-mix(in srgb,var(--afu-surface) 98%,transparent);border:1px solid color-mix(in srgb,var(--afu-primary) 25%,transparent);border-radius:13px;box-shadow:0 24px 60px rgba(0,0,0,.45);opacity:0;visibility:hidden;transform:translateY(-8px);transition:.24s}.afu-nav.afu-open{opacity:1;visibility:visible;transform:none}.afu-nav>ul{display:block}.afu-nav a{padding:12px}.afu-nav li ul{position:static;display:none;opacity:1;visibility:visible;transform:none;box-shadow:none;margin:3px 0 6px 12px;border-left:2px solid color-mix(in srgb,var(--afu-primary) 30%,transparent);border-top:0;border-right:0;border-bottom:0;border-radius:0;background:transparent;padding:0 0 0 8px}.afu-nav li:hover>ul,.afu-nav li:focus-within>ul{display:block}.afu-top-zone{grid-template-columns:1fr}.afu-main-grid,.afu-main-grid:not(:has(.afu-sidebar-left)),.afu-main-grid:not(:has(.afu-sidebar-right)){grid-template-columns:1fr}.afu-sidebar-left,.afu-content,.afu-sidebar-right{grid-column:1}.afu-sidebar-left{grid-template-columns:1fr}.afu-sidebar-right{order:3}.afu-footer-grid{grid-template-columns:1fr 1fr}.afu-footer-grid>div:last-child{grid-column:1/-1}}
@media(max-width:620px){.afu-shell{width:min(calc(100% - 24px),var(--afu-max-width,1440px))}.afu-brand-mark{width:48px;height:48px}.afu-brand-text strong{font-size:14px;max-width:190px}.afu-logo{max-height:48px;max-width:185px}.afu-header-inner{gap:10px}.afu-nav{left:12px;right:12px}.afu-content{padding:18px;border-radius:12px}.afu-top-zone{padding-top:16px}.afu-main-grid{padding-block:16px 22px}.afu-footer-grid{grid-template-columns:1fr}.afu-footer-grid>div:last-child{grid-column:auto}}
@media(prefers-reduced-motion:reduce){*,*::before,*::after{animation-duration:.01ms!important;animation-iteration-count:1!important;transition-duration:.01ms!important;scroll-behavior:auto!important}.has-animations [data-afu-reveal]{opacity:1;transform:none}}

/* =========================================================
   AFU-QTH v1.1.0 – Navigation, Submenus & flexible Module
   ========================================================= */

/* Alle normalen Modulpositionen nutzen automatisch die verfügbare Seitenbreite. */
.afu-top-zone,
.afu-below,
.afu-footer-grid,
.afu-copyright .afu-shell {
    width: min(calc(100% - 40px), var(--afu-max-width, 1440px));
}

.afu-top-zone {
    display: block;
    padding-top: 28px;
}

.afu-top-zone > .moduletable,
.afu-top-zone > .moduletablewrapper,
.afu-top-zone > div,
.afu-below > .moduletable,
.afu-below > .moduletablewrapper,
.afu-footer-grid .moduletable {
    width: 100%;
    max-width: none;
}

.afu-top-zone > .moduletable,
.afu-top-zone > .moduletablewrapper {
    padding: 20px;
    background: linear-gradient(145deg,
        color-mix(in srgb,var(--afu-surface) 94%,transparent),
        color-mix(in srgb,var(--afu-surface-2) 82%,transparent));
    border: 1px solid color-mix(in srgb,var(--afu-primary) 18%,transparent);
    border-radius: 14px;
    box-shadow: 0 12px 36px rgba(0,0,0,.18);
}

/* Mehrere Module in TOP werden untereinander über die volle Breite dargestellt. */
.afu-top-zone > * + * {
    margin-top: var(--afu-gap);
}

/* LEFT und RIGHT bleiben feste Sidebars. */
.afu-sidebar-left,
.afu-sidebar-right {
    width: 100%;
    max-width: var(--afu-sidebar);
}

/* Submenu-Markierung am Hauptmenü. */
.afu-nav li:has(> ul) > a {
    padding-right: 34px;
}

.afu-nav li:has(> ul) > a::before {
    content: "⌄";
    position: absolute;
    right: 12px;
    top: 50%;
    transform: translateY(-55%);
    color: var(--afu-accent);
    font-size: 1.05em;
    line-height: 1;
    transition: transform .28s ease, color .28s ease, text-shadow .28s ease;
}

.afu-nav li:has(> ul):hover > a::before,
.afu-nav li:has(> ul):focus-within > a::before {
    transform: translateY(-45%) rotate(180deg);
    color: #fff;
    text-shadow: 0 0 12px color-mix(in srgb,var(--afu-accent) 80%,transparent);
}

/* Desktop-Submenü: weich aufklappen und sichtbar halten. */
.afu-nav li > ul {
    display: block;
    pointer-events: none;
    transform-origin: top left;
    opacity: 0;
    visibility: hidden;
    transform: translateY(12px) scale(.96);
    transition:
        opacity .22s ease,
        transform .28s cubic-bezier(.2,.8,.2,1),
        visibility 0s linear .28s;
}

.afu-nav li:hover > ul,
.afu-nav li:focus-within > ul {
    pointer-events: auto;
    opacity: 1;
    visibility: visible;
    transform: translateY(0) scale(1);
    transition-delay: 0s;
}

/* Kleine unsichtbare Brücke zwischen Menüpunkt und Dropdown,
   damit es beim Überfahren nicht versehentlich zuklappt. */
.afu-nav li > ul::before {
    content: "";
    position: absolute;
    left: 0;
    right: 0;
    top: -10px;
    height: 12px;
}

/* Einträge im Submenü animieren nacheinander. */
.afu-nav li > ul > li {
    opacity: 0;
    transform: translateX(-8px);
    transition: opacity .22s ease, transform .26s ease;
}

.afu-nav li:hover > ul > li,
.afu-nav li:focus-within > ul > li {
    opacity: 1;
    transform: translateX(0);
}

.afu-nav li:hover > ul > li:nth-child(1),
.afu-nav li:focus-within > ul > li:nth-child(1) { transition-delay: .04s; }
.afu-nav li:hover > ul > li:nth-child(2),
.afu-nav li:focus-within > ul > li:nth-child(2) { transition-delay: .08s; }
.afu-nav li:hover > ul > li:nth-child(3),
.afu-nav li:focus-within > ul > li:nth-child(3) { transition-delay: .12s; }
.afu-nav li:hover > ul > li:nth-child(4),
.afu-nav li:focus-within > ul > li:nth-child(4) { transition-delay: .16s; }
.afu-nav li:hover > ul > li:nth-child(n+5),
.afu-nav li:focus-within > ul > li:nth-child(n+5) { transition-delay: .20s; }

/* Untermenü-Einträge erhalten denselben Funk-Hover-Effekt. */
.afu-nav li ul a {
    overflow: hidden;
    border: 1px solid transparent;
}

.afu-nav li ul a:hover,
.afu-nav li ul .active > a {
    transform: translateX(4px);
    border-color: color-mix(in srgb,var(--afu-primary) 22%,transparent);
    background: color-mix(in srgb,var(--afu-primary) 13%,transparent);
    box-shadow: inset 3px 0 0 var(--afu-accent);
}

/* Verschachtelte Dropdowns öffnen nach rechts. */
.afu-nav li ul li > ul {
    left: calc(100% + 8px);
    top: -8px;
    transform: translateX(10px) scale(.97);
    transform-origin: top left;
}

.afu-nav li ul li:hover > ul,
.afu-nav li ul li:focus-within > ul {
    transform: translateX(0) scale(1);
}

/* Mobile Navigation */
@media (max-width: 900px) {
    .afu-nav li:has(> ul) > a {
        padding-right: 38px;
    }

    .afu-nav li > ul {
        position: static;
        display: none;
        pointer-events: auto;
        opacity: 1;
        visibility: visible;
        transform: none;
        transition: none;
    }

    .afu-nav li:hover > ul,
    .afu-nav li:focus-within > ul,
    .afu-nav li.afu-submenu-open > ul {
        display: block;
    }

    .afu-nav li > ul > li {
        opacity: 1;
        transform: none;
        transition: none;
    }

    .afu-nav li.afu-submenu-open > a::before {
        transform: translateY(-45%) rotate(180deg);
    }

    .afu-top-zone,
    .afu-below,
    .afu-footer-grid,
    .afu-copyright .afu-shell {
        width: min(calc(100% - 40px), var(--afu-max-width, 1440px));
    }
}

@media (max-width: 620px) {
    .afu-top-zone,
    .afu-below,
    .afu-footer-grid,
    .afu-copyright .afu-shell {
        width: min(calc(100% - 24px), var(--afu-max-width, 1440px));
    }
}