/*
Theme Name: Ausbildung mit System
Theme URI: https://www.ausbildung-mit-system.de/
Author: Jürgen Muthig
Description: Individuelles Theme im Wolken-Design für private Fachbeiträge zu Berufsausbildung, dualem Studium und Ausbildungsmarketing.
Version: 1.0.1
Requires at least: 6.4
Requires PHP: 8.0
Text Domain: ams
*/


    :root{
      --navy:#173f61;--navy2:#285f86;--blue:#4e9bc8;--sky:#8fcbee;--sky2:#bae2f7;
      --cloud:#e8f7ff;--cloud2:#f4fbff;--paper:#fcfeff;--white:#fff;--text:#315d7d;
      --muted:#4d738c;--line:#d6eaf6;--blue-text:#2b6f9a;--gold:#f0ca84;--danger:#a84e66;
      --shadow:0 18px 55px rgba(35,91,130,.11);--soft-shadow:0 9px 30px rgba(35,91,130,.065);
      --radius:1.45rem;--radius-lg:2.2rem;--max:74rem;--header:4.5rem;
      --ease:220ms cubic-bezier(.2,.7,.2,1)
    }
    *,*::before,*::after{box-sizing:border-box}
    html{scroll-behavior:smooth;scroll-padding-top:calc(var(--header) + 1rem);overflow-x:hidden}
    body{margin:0;overflow-x:hidden;color:var(--text);background:var(--paper);font:1rem/1.67 Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif;text-rendering:optimizeLegibility}
    a{color:inherit} button,input{font:inherit} img,svg{max-width:100%;display:block}
    h1,h2,h3,h4,p,li,a,span,strong{overflow-wrap:break-word;hyphens:auto}
    h1,h2,h3,h4{hyphens:manual}
    h1,h2,h3,h4{margin-top:0;color:var(--navy);line-height:1.08;letter-spacing:-.035em}
    h1{max-width:17ch;margin-bottom:1.25rem;font-size:clamp(2.2rem,4.5vw,3.7rem)}
    h2{max-width:19ch;margin-bottom:1.2rem;font-size:clamp(1.85rem,3.6vw,3rem)}
    h3{margin-bottom:.7rem;font-size:clamp(1.25rem,2vw,1.72rem)}
    p{margin-top:0;margin-bottom:1rem}.container{width:min(calc(100% - 2rem),var(--max));margin-inline:auto;min-width:0}.section{position:relative;padding:clamp(4.5rem,10vw,8rem) 0}
    .cloud-section{background:radial-gradient(ellipse at 8% 5%,rgba(186,226,247,.74),transparent 24rem),radial-gradient(ellipse at 40% 0,rgba(232,247,255,.96),transparent 30rem),radial-gradient(ellipse at 90% 12%,rgba(199,232,249,.62),transparent 24rem),linear-gradient(180deg,#eef9ff 0,#f9fdff 70%,#fff 100%)}
    .cloud-section-alt{background:radial-gradient(ellipse at 85% 5%,rgba(186,226,247,.64),transparent 24rem),radial-gradient(ellipse at 25% 16%,rgba(232,247,255,.95),transparent 28rem),linear-gradient(180deg,#f3fbff,#e8f7ff 58%,#f9fdff)}
    .eyebrow{display:inline-flex;align-items:center;gap:.65rem;margin-bottom:1rem;color:var(--blue-text);font-size:.78rem;font-weight:850;letter-spacing:.12em;text-transform:uppercase}.eyebrow::before{width:2.1rem;height:2px;background:currentColor;content:""}
    .lead{max-width:44rem;color:#557b96;font-size:clamp(1.12rem,2vw,1.4rem)}
    .skip{position:fixed;z-index:9999;top:.7rem;left:.7rem;padding:.7rem 1rem;color:#fff;background:var(--navy);border-radius:.7rem;transform:translateY(-160%)}.skip:focus{transform:none}
    .site-header{position:sticky;z-index:1000;top:0;min-height:var(--header);background:rgba(252,254,255,.89);border-bottom:1px solid rgba(214,234,246,.8);backdrop-filter:blur(16px)}
    .nav{min-height:var(--header);display:flex;align-items:center;justify-content:space-between;gap:1rem}.brand{display:inline-flex;align-items:center;gap:.75rem;color:var(--navy);font-weight:850;text-decoration:none}.brand-mark{width:2.35rem;aspect-ratio:1;display:grid;place-items:center;color:#fff;background:linear-gradient(145deg,var(--navy2),var(--sky));border-radius:50%;font-family:Georgia,serif}.nav-links{display:flex;align-items:center;gap:clamp(.65rem,1.7vw,1.3rem);margin:0;padding:0;list-style:none}.nav-links a{color:#4d728d;font-size:.88rem;font-weight:760;text-decoration:none}.nav-links a:hover{color:var(--blue-text)}.nav-toggle{display:none;width:2.8rem;height:2.8rem;color:var(--navy);background:#fff;border:1px solid var(--line);border-radius:50%;cursor:pointer}
    .hero{min-height:calc(100svh - var(--header));display:grid;align-items:center;overflow:hidden;background:radial-gradient(ellipse at 7% 3%,rgba(177,221,247,.78),transparent 25rem),radial-gradient(ellipse at 35% 7%,rgba(230,247,255,.99),transparent 29rem),radial-gradient(ellipse at 87% 4%,rgba(193,229,249,.7),transparent 25rem),linear-gradient(180deg,#f6fcff,#fff)}
    .hero-grid{display:grid;grid-template-columns:minmax(0,1.08fr) minmax(19rem,.92fr);align-items:center;gap:clamp(2.2rem,7vw,5.5rem);padding:clamp(3.7rem,8vw,6.8rem) 0}.accent{display:block;color:var(--blue-text);font-family:Georgia,serif;font-weight:500;font-style:italic}.buttons{display:flex;flex-wrap:wrap;gap:.75rem;margin-top:1.8rem}.button{min-height:3rem;display:inline-flex;align-items:center;justify-content:center;padding:.75rem 1.2rem;border:1px solid transparent;border-radius:999px;font-weight:850;text-decoration:none;transition:transform var(--ease),box-shadow var(--ease)}.button:hover{transform:translateY(-2px)}.primary{color:#fff;background:linear-gradient(135deg,var(--blue),var(--sky));box-shadow:0 12px 28px rgba(78,155,200,.25)}.secondary{background:rgba(255,255,255,.8);border-color:var(--line)}
    .hero-tags{display:flex;flex-wrap:wrap;gap:.5rem;margin-top:1.8rem}.hero-tags span{padding:.43rem .68rem;background:rgba(255,255,255,.77);border:1px solid var(--line);border-radius:999px;font-size:.8rem;font-weight:750}
    .hero-art{position:relative;width:100%;max-width:33rem;min-height:30rem;margin:auto}.orbit{position:absolute;inset:8%;border:1px solid rgba(78,155,200,.23);border-radius:50%}.system-card{position:absolute;padding:1rem;text-align:center;background:rgba(255,255,255,.86);border:1px solid rgba(255,255,255,.95);border-radius:1.25rem;box-shadow:var(--shadow);backdrop-filter:blur(10px)}.system-card strong{display:block;color:var(--navy)}.system-card small{display:block;color:var(--muted)}.center-card{inset:30% 21%;display:grid;place-items:center;background:linear-gradient(145deg,var(--blue),var(--sky))}.center-card strong,.center-card small{color:#fff}.c1{top:3%;left:2%;width:9.3rem}.c2{top:7%;right:0;width:9.3rem}.c3{right:4%;bottom:0;width:9.8rem}.c4{left:0;bottom:9%;width:9rem}
    .ticker{padding:1.05rem;color:#fff;background:linear-gradient(90deg,var(--navy),var(--blue),var(--navy));text-align:center;font-weight:820;word-spacing:.7rem}
    .about{max-width:56rem}.quote{margin:2rem 0;padding:1.5rem 1.65rem;color:var(--navy);background:rgba(244,251,255,.89);border-left:6px solid var(--sky);border-radius:0 1.15rem 1.15rem 0;font:clamp(1.35rem,3vw,2rem)/1.35 Georgia,serif;box-shadow:var(--soft-shadow)}.facts,.topic-grid,.theses-grid,.posts,.publication-grid{display:grid;gap:1rem}.facts{grid-template-columns:repeat(2,minmax(0,1fr));margin-top:1.8rem}.fact,.topic,.thesis,.post,.publication{min-width:0;padding:clamp(1.25rem,3vw,1.7rem);background:rgba(255,255,255,.88);border:1px solid var(--line);border-radius:var(--radius);box-shadow:var(--soft-shadow)}.fact strong{display:block;color:var(--navy);margin-bottom:.2rem}.fact span,.topic p,.thesis p,.post p,.publication p{color:var(--muted)}
    .section-head{display:flex;align-items:end;justify-content:space-between;gap:2rem;margin-bottom:2.6rem}.section-head p{max-width:28rem;color:var(--muted)}.topic-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.topic{min-height:17rem;display:flex;flex-direction:column;justify-content:space-between}.num{color:var(--blue-text);font:1.25rem Georgia,serif}.tags{display:flex;flex-wrap:wrap;gap:.45rem;margin:1.3rem 0 0;padding:0;list-style:none}.tags li{padding:.36rem .58rem;background:var(--cloud);border-radius:999px;font-size:.76rem;font-weight:750}
    .theses-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.thesis{min-height:19rem;background:linear-gradient(145deg,rgba(255,255,255,.92),rgba(232,247,255,.9))}.thesis-no{width:2.35rem;height:2.35rem;display:grid;place-items:center;margin-bottom:2rem;color:#fff;background:linear-gradient(145deg,var(--blue),var(--sky));border-radius:50%;font-size:.8rem;font-weight:850}
    .model-grid{display:grid;grid-template-columns:minmax(0,.9fr) minmax(19rem,1.1fr);align-items:center;gap:clamp(2.5rem,7vw,5.5rem)}.points{display:grid;gap:.75rem;margin-top:1.7rem}.point{display:grid;grid-template-columns:2.3rem minmax(0,1fr);gap:.75rem;padding:1rem;background:rgba(255,255,255,.75);border:1px solid rgba(78,155,200,.2);border-radius:1.1rem;box-shadow:var(--soft-shadow)}.point-icon{width:2.1rem;height:2.1rem;display:grid;place-items:center;color:#fff;background:linear-gradient(145deg,var(--blue),var(--sky));border-radius:50%;font-weight:900}.point strong{display:block;color:var(--navy)}.point span{color:var(--muted);font-size:.9rem}
    .network{position:relative;width:100%;max-width:32rem;min-height:29rem;margin:auto}.ring{position:absolute;inset:9%;border:1px solid rgba(78,155,200,.3);border-radius:50%}.ring::before,.ring::after{position:absolute;border:1px solid rgba(78,155,200,.2);border-radius:50%;content:""}.ring::before{inset:15%}.ring::after{inset:30%}.node{position:absolute;width:7rem;aspect-ratio:1;display:grid;place-items:center;padding:.55rem;text-align:center;background:rgba(255,255,255,.9);border:1px solid rgba(78,155,200,.23);border-radius:50%;box-shadow:0 13px 30px rgba(35,91,130,.13)}.node strong{color:var(--navy);font-size:.76rem}.node-center{top:50%;left:50%;width:9rem;transform:translate(-50%,-50%);background:linear-gradient(145deg,var(--blue),var(--sky))}.node-center strong{color:#fff;font-size:.92rem}.n1{top:0;left:39%}.n2{top:25%;right:0}.n3{right:12%;bottom:0}.n4{left:12%;bottom:0}.n5{top:25%;left:0}
    .filters{display:flex;flex-wrap:wrap;gap:.5rem;margin-bottom:1.5rem}.filter{padding:.55rem .9rem;color:var(--text);background:rgba(255,255,255,.9);border:1px solid var(--line);border-radius:999px;font-weight:820;cursor:pointer}.filter.active{color:#fff;background:var(--blue)}.posts{grid-template-columns:repeat(3,minmax(0,1fr))}.post{min-height:19rem;display:flex;flex-direction:column}.kicker,.publication-type{color:var(--blue-text);font-size:.75rem;font-weight:850;letter-spacing:.08em;text-transform:uppercase}.post a{margin-top:auto;color:var(--blue-text);font-weight:850;text-decoration:none}.post[hidden]{display:none}
    .publication-grid{grid-template-columns:repeat(3,minmax(0,1fr))}.publication{min-height:19rem;display:flex;flex-direction:column}.status{margin-top:auto;padding-top:1rem;color:var(--muted);font-size:.82rem;font-weight:750}
    .exchange-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:1rem}.feature{min-width:0;min-height:29rem;display:flex;flex-direction:column;justify-content:space-between;padding:clamp(1.5rem,4vw,2.8rem);background:rgba(255,255,255,.82);border:1px solid var(--line);border-radius:var(--radius-lg);box-shadow:var(--soft-shadow)}.feature ul{padding-left:1.2rem}.feature li{margin:.55rem 0}.feature-dark{color:#fff;background:radial-gradient(circle at 85% 10%,rgba(143,203,238,.58),transparent 17rem),linear-gradient(145deg,var(--navy2),var(--navy))}.feature-dark h3{color:#fff;font-size:clamp(2rem,4vw,3.4rem)}.feature-light h3{font-size:clamp(2rem,4vw,3.4rem)}
    .contact{padding:clamp(2rem,6vw,4rem);color:#fff;background:radial-gradient(circle at 85% 10%,rgba(143,203,238,.58),transparent 17rem),linear-gradient(145deg,var(--navy2),var(--navy));border-radius:var(--radius-lg);box-shadow:var(--shadow)}.contact h2{color:#fff}.contact .lead{color:#e7f7ff}.contact-grid{display:grid;grid-template-columns:1.1fr .9fr;gap:2.5rem;align-items:end}.contact-links{display:grid;gap:.7rem}.contact-links a{padding:1rem;background:rgba(255,255,255,.1);border:1px solid rgba(255,255,255,.2);border-radius:1rem;font-weight:800;text-decoration:none}
    footer{padding:1.8rem 0;color:var(--muted)}.footer{display:flex;align-items:center;justify-content:space-between;gap:1.2rem;flex-wrap:wrap}.footer button{padding:0;color:inherit;background:none;border:0;text-decoration:underline;cursor:pointer}
    dialog{width:min(calc(100% - 1.5rem),48rem);max-height:85svh;padding:0;border:0;border-radius:1.35rem;box-shadow:var(--shadow)}dialog::backdrop{background:rgba(23,63,97,.6);backdrop-filter:blur(5px)}.dialog-head{position:sticky;top:0;display:flex;align-items:center;justify-content:space-between;padding:1.1rem 1.3rem;background:#fff;border-bottom:1px solid var(--line)}.dialog-head h2{margin:0;font-size:1.5rem}.close{width:2.4rem;height:2.4rem;background:#fff;border:1px solid var(--line);border-radius:50%;cursor:pointer}.dialog-body{padding:1.3rem;overflow:auto}.warning{padding:1rem;background:var(--cloud);border-radius:.9rem}.placeholder{color:var(--danger);font-weight:800}.reveal{opacity:0;transform:translateY(20px);transition:.7s ease}
    .no-js .reveal{opacity:1;transform:none;transition:none}
    @media(scripting:none){.reveal{opacity:1;transform:none;transition:none}}.reveal.visible{opacity:1;transform:none}
    @media(max-width:64rem){.hero-grid,.model-grid,.contact-grid{grid-template-columns:1fr}.hero-art,.network{max-width:35rem}.posts,.publication-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}
    .kennzahlen{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:1.4rem;margin:2.2rem 0 0;padding:1.5rem 0 0;border-top:1px solid var(--line)}
    .kennzahlen div{margin:0}
    .kennzahlen dt{font-size:1.75rem;font-weight:700;color:var(--navy);letter-spacing:-.02em;line-height:1.1}
    .kennzahlen dd{margin:.3rem 0 0;font-size:.87rem;color:var(--muted);line-height:1.4}
    @media(max-width:34rem){.kennzahlen{grid-template-columns:1fr;gap:.85rem;margin-top:1.8rem}
      .kennzahlen div{display:grid;grid-template-columns:5.6rem 1fr;align-items:baseline;gap:.75rem}
      .kennzahlen dt{font-size:1.35rem;white-space:nowrap}.kennzahlen dd{margin:0;font-size:.85rem}}
    .hero-side{align-self:center;display:grid;gap:1.15rem;max-width:30rem}
    .hero-side p{margin:0;color:var(--text)}
    .hero-side .side-note{color:var(--muted);font-size:.95rem}
    .fill{background:#fdf1e3;color:#8a5a1f;padding:.05em .35em;border-radius:.3rem;font-style:italic}
    @media(max-width:50rem){:root{--header:4rem}.nav-toggle{display:block}.nav-links{position:fixed;top:var(--header);right:0;left:0;display:grid;gap:0;padding:.7rem 1rem;background:rgba(252,254,255,.99);border-bottom:1px solid var(--line);opacity:0;pointer-events:none;transform:translateY(-10px);transition:var(--ease)}.nav-links.open{opacity:1;pointer-events:auto;transform:none}.nav-links a{display:block;padding:.8rem .3rem}.section{padding:4rem 0}.hero-grid{padding:3rem 0;gap:1.5rem}.section-head{display:block}.topic-grid,.facts,.theses-grid,.posts,.publication-grid,.exchange-grid{grid-template-columns:1fr}.topic,.thesis,.post,.publication,.feature{min-height:auto}.hero-art{min-height:23rem}.system-card{padding:.7rem}.system-card strong{font-size:.85rem}.system-card small{font-size:.69rem}.center-card{inset:29% 20%}.c1,.c2,.c3,.c4{width:7.7rem}.network{min-height:25rem}.node{width:5.5rem}.node-center{width:7.5rem}.node strong{font-size:.65rem}.contact{padding:1.6rem}}
    @media(max-width:28rem){.container{width:min(calc(100% - 1.2rem),var(--max))}h1{font-size:clamp(1.75rem,7.6vw,2.4rem)}h2{font-size:clamp(1.95rem,10vw,3rem)}.buttons{display:grid}.button{width:100%}.hero-art{min-height:19rem}.c1,.c3{display:none}.center-card{inset:25% 9%}.c2,.c4{width:7rem}.network{min-height:22rem;transform:scale(.84);transform-origin:center}.footer{align-items:flex-start;flex-direction:column}.dialog-head,.dialog-body{padding-left:1rem;padding-right:1rem}}
    


    @media(max-width:50rem){
      .hero-art,.network{position:static;min-height:0;height:auto;display:grid;
        grid-template-columns:repeat(2,minmax(0,1fr));gap:.6rem;max-width:26rem;margin-inline:auto}
      .hero-art .orbit,.hero-art .ring,.network .orbit,.network .ring{display:none}
      .hero-art .system-card,.network .node{position:static;inset:auto;width:auto;aspect-ratio:auto;
        border-radius:.9rem;padding:.9rem .7rem;box-shadow:var(--soft-shadow);transform:none}
      .hero-art .system-card strong,.network .node strong{font-size:.85rem}
      .hero-art .center-card,.network .node-center{grid-column:1 / -1;order:-1;width:auto;transform:none}
      .hero-art .center-card strong,.network .node-center strong{font-size:1rem}
    }
    @media(max-width:28rem){
      .hero-art,.network{grid-template-columns:1fr}
    }
        @media(prefers-reduced-motion:reduce){*{scroll-behavior:auto!important;transition:none!important}.reveal{opacity:1;transform:none}}
  

/* --- Ergänzungen für WordPress-Auszeichnung (Menü, Beitragsliste, Bild) --- */
.nav-links{list-style:none}
.nav-links .current-menu-item > a{color:var(--blue-text)}
.menu-toggle{display:none}
@media(max-width:56rem){
  .menu-toggle{display:inline-flex;align-items:center;justify-content:center;width:2.6rem;height:2.6rem;
    border-radius:50%;border:1px solid var(--line);background:#fff;cursor:pointer}
  .nav-links{display:none}
  .nav-links.open{display:grid;position:fixed;top:var(--header,4.4rem);left:0;right:0;padding:1rem 1.2rem;
    background:rgba(252,254,255,.99);border-bottom:1px solid var(--line);gap:.9rem;z-index:40}
}
.post-thumb{display:block;border-radius:1rem;overflow:hidden;margin-bottom:1.1rem;aspect-ratio:16/9}
.post-thumb img{width:100%;height:100%;object-fit:cover;display:block}
.article .featured{width:100%;border-radius:1rem;margin:0 0 2rem}
.pagination{display:flex;gap:.6rem;justify-content:center;margin:3rem 0 0}
.pagination a,.pagination span{padding:.5rem 1rem;border-radius:999px;border:1px solid var(--line);
  color:var(--blue-text);text-decoration:none;font-size:.92rem}
.pagination .current{background:var(--navy);color:#fff;border-color:var(--navy)}
.entry-content > *{max-width:100%}
.screen-reader-text{position:absolute;left:-9999px}

/* Business-Design: helles Grau, flach, ein Akzent. Überschreibt das Wolkendesign. */
:root{
  --bg:#eceef1;--surface:#f7f8fa;--surface2:#2b3036;--line:#cfd4da;
  --text:#2b3036;--head:#16191d;--muted:#555d67;--accent:#2d6585;--accent-strong:#1f4d6a;
  --navy:#16191d;--navy2:#2b3036;--blue:#2d6585;--sky:#2d6585;--sky2:#cfd4da;
  --cloud:#f7f8fa;--cloud2:#eceef1;--paper:#eceef1;--white:#f7f8fa;
  --blue-text:#2d6585;--shadow:none;--soft-shadow:none;
  --radius:.35rem;--radius-lg:.5rem
}
html{color-scheme:light}
body{color:var(--text);background:var(--bg);font-family:"Segoe UI","Helvetica Neue",Arial,system-ui,sans-serif;font-size:1.0625rem;line-height:1.7}
h1,h2,h3,h4{color:var(--head);font-family:Georgia,"Times New Roman",serif;font-weight:500;letter-spacing:-.015em;line-height:1.18}
h1{max-width:18ch;font-size:clamp(2.3rem,4.6vw,3.6rem)}
h2{max-width:24ch;font-size:clamp(1.7rem,3vw,2.35rem)}
h3{font-size:clamp(1.15rem,1.7vw,1.4rem)}
.accent{display:inline;color:inherit;font:inherit}
.cloud-section,.cloud-section-alt,.hero{background:var(--bg)}
.cloud-section-alt{background:#e2e5e9;border-block:1px solid var(--line)}
.eyebrow{color:var(--accent);font-weight:600;letter-spacing:.04em;text-transform:none;font-size:.9rem}
.eyebrow::before{width:1.4rem;height:1px}
.lead{color:var(--text)}
.site-header{background:rgba(236,238,241,.96);border-bottom:1px solid var(--line);backdrop-filter:none}
.brand{color:var(--head)}
.brand-mark{background:none;border:1px solid var(--accent);color:var(--accent);border-radius:.3rem;font-family:Georgia,serif}
.nav-links a{color:var(--text)}.nav-links a:hover,.nav-links a:focus-visible{color:var(--accent-strong)}
.nav-toggle{color:var(--head);background:none;border:1px solid var(--line)}
.button{border-radius:.3rem;box-shadow:none;font-weight:600}
.button.primary{color:#fff;background:#2b3036;border:1px solid #2b3036}
.button.primary:hover{background:var(--accent-strong);border-color:var(--accent-strong)}
.button.secondary{color:var(--head);background:transparent;border:1px solid var(--line)}
.button.secondary:hover{border-color:var(--accent)}
a:focus-visible,button:focus-visible{outline:2px solid var(--accent);outline-offset:3px}
.hero-tags{display:none}
.kennzahlen{border-top:1px solid var(--line)}
.kennzahlen dt{font-family:Georgia,serif;font-weight:500;color:var(--head);font-size:2rem}
.kennzahlen dd{color:var(--muted)}
.hero-side p{color:var(--text)}.hero-side .side-note{color:var(--muted)}
.quote{margin:0;padding:0 0 0 1.2rem;color:var(--head);background:none;border:0;border-left:2px solid var(--accent);border-radius:0;box-shadow:none;font:clamp(1.3rem,2.4vw,1.7rem)/1.4 Georgia,serif}
.ticker{color:var(--muted);background:var(--surface);border-block:1px solid var(--line);font-weight:500;font-size:.92rem;word-spacing:0;letter-spacing:.01em}
.num,.thesis-no{display:none}
.topic,.thesis,.post,.publication,.feature,.point,.system-card,.node{background:var(--surface);border:1px solid var(--line);border-radius:var(--radius);box-shadow:none;color:var(--text)}
.cloud-section-alt .topic,.cloud-section-alt .point{background:var(--surface)}
.topic{min-height:0;gap:1.2rem}
.topic h3,.post h3,.publication h3,.point strong,.node strong{color:var(--head)}
.tags{gap:.4rem}.tags li{color:var(--muted);background:transparent;border:1px solid var(--line);border-radius:.25rem;font-weight:500;font-size:.8rem}
.section-head p,.status,.point span,.node span{color:var(--muted)}
.point-icon{color:var(--accent);background:transparent;border:1px solid var(--line);border-radius:.3rem;font-family:Georgia,serif}
.ring,.orbit{border-color:var(--line)}.ring::before,.ring::after{border-color:var(--line)}
.node{box-shadow:none}.node-center{background:#2b3036;border-color:#2b3036}.node-center strong{color:#fff}
.kicker{color:var(--accent);background:none;border:0;padding:0;letter-spacing:.02em;text-transform:none;font-weight:600}
.post,.publication{transition:border-color var(--ease)}
.post:hover,.publication:hover{border-color:var(--accent)}
.post a,.publication a{color:var(--accent-strong)}
.filter{color:var(--text);background:transparent;border:1px solid var(--line);border-radius:.3rem}.filter.active{color:#fff;background:var(--accent);border-color:var(--accent)}
.contact{color:#e6e9ed;background:var(--surface2);border:1px solid var(--line);border-radius:var(--radius-lg);box-shadow:none}
.contact h2{color:#fff}.contact .lead{color:#e6e9ed}.contact .eyebrow{color:#a9cbe0}
.contact-links a{color:#fff;background:transparent;border:1px solid #4a525b;border-radius:.3rem}.contact-links a:hover{border-color:#a9cbe0}
footer{color:var(--muted);border-top:1px solid var(--line)}
dialog{color:var(--text);background:var(--surface);border:1px solid var(--line);border-radius:var(--radius)}.dialog-head{background:var(--surface);border-color:var(--line)}
.fill{background:#fdf1e3;color:#7a4e14}
.reveal{transition-duration:300ms}
/* Beiträge und Rechtsseiten */
.article,.legal{color:var(--text)}
.article h1,.article h2,.legal h1,.legal h2,.legal h3{color:var(--head)}
.article p,.article li,.legal p,.legal li{color:var(--text)}
.article .meta,.article .lead{color:var(--muted)}
.article .back,.weiter a,.article a,.legal a{color:var(--accent-strong)}
.pull{color:var(--head);background:none;border-left:2px solid var(--accent);border-radius:0;box-shadow:none;font-family:Georgia,serif}
.weiter{border-top:1px solid var(--line)}.weiter span{color:var(--muted)}
.article .ende{color:var(--muted);border-top:1px solid var(--line)}
@media(max-width:34rem){.kennzahlen div{grid-template-columns:7.2rem 1fr}.kennzahlen dt{font-size:1.5rem}}