/* Campus im Look „Version 4 / Magazin“ (25.10.2026) – lädt NACH campus-v2.css.
   Flache Farbblöcke statt dicker Schatten, feine Linien, Schreibmaschinen-Labels, blaue Beschriftungen.
   Zurück zu Version 2: diese Datei im <head> entfernen. */
:root { --rule: #d8d3c8; --mono: ui-monospace, 'SFMono-Regular', Consolas, monospace; --bg: #f6f4ef; --yellow: #ffd83a; }
body { background: var(--bg); }

/* keine harten Schatten, keine dicken Rahmen mehr */
.tile, .mod, .topic, .pillar, .step, .faq details, .final-in, .dash-hero-in, .code-field,
.float-card, .float-chip, .note, .weg, .tipp-bubble, .rg-tool, .kk-stack {
  box-shadow: none !important; border: 0 !important; border-radius: 0 !important;
}
.tile, .mod, .topic, .pillar, .step, .weg, .tipp-bubble { background: #fff !important; }
.laptop-screen, .phone, .phone-xs, .mod-art-light img { box-shadow: 0 24px 50px -24px rgba(11,21,48,.45) !important; border: 0 !important; }
.mod:hover, .topics-dash a.topic:hover { transform: translateY(-4px) !important; box-shadow: none !important; }
.mod:active, .topics-dash a.topic:active { transform: scale(.98) !important; box-shadow: none !important; }

/* Kopf & Linien */
.top { border-bottom: 1px solid var(--rule) !important; }
.section-alt { border-block: 1px solid var(--rule) !important; }
.foot { border-top: 1px solid var(--rule) !important; }

/* Buttons: flach, eckig, Pfeil */
.btn { border: 0 !important; border-radius: 4px !important; box-shadow: none !important; }
.btn:active { transform: scale(.97) !important; }
.btn-ghost { background: transparent !important; border: 1.5px solid var(--ink) !important; }
.code-field { background: #fff !important; border: 1.5px solid var(--ink) !important; border-radius: 4px !important; }

/* Schreibmaschinen-Labels statt bunter Pillen */
.kicker, .eyebrow { font-family: var(--mono) !important; font-weight: 500 !important; letter-spacing: .14em !important; text-transform: uppercase; font-size: .74rem !important; color: var(--ink-2) !important; }
.tag { background: transparent !important; border: 0 !important; color: var(--blue) !important; font-family: var(--mono) !important; font-weight: 500 !important; letter-spacing: .12em; text-transform: uppercase; padding: 0 !important; font-size: .72rem !important; }
.brand-pill { background: var(--blue) !important; color: #fff !important; border: 0 !important; border-radius: 3px !important; font-family: var(--mono); letter-spacing: .1em; }
.code-chip { border: 1.5px solid var(--ink) !important; border-radius: 4px !important; font-family: var(--mono); }
.badge, .hero-badge { border: 0 !important; background: transparent !important; padding-left: 0 !important; font-family: var(--mono); letter-spacing: .12em; text-transform: uppercase; font-size: .72rem; }

/* Textmarker → gelber Block hinter dem Wort (wie im Magazin) */
.grad { background: var(--yellow) !important; padding: 0 .12em !important; }

/* Bild-Kacheln: blaue Beschriftung oben links wie Comic-Panels */
.mod-art { border-bottom: 0 !important; }
.mod-body .tag { display: block; margin-bottom: 6px; }
.tile-wd, .traeger-hero { border: 0 !important; box-shadow: none !important; border-radius: 0 !important; }

/* Dashboard */
.ticket { transform: none !important; border: 0 !important; border-radius: 0 !important; box-shadow: none !important; }
.ticket::before, .ticket::after { display: none !important; }
.ticket-top, .ticket-foot { border-color: rgba(255,255,255,.35) !important; border-style: solid !important; border-width: 1px 0 0 !important; }
.ticket-top { border-width: 0 0 1px !important; font-family: var(--mono); }
.weg { border-top: 2px solid var(--ink) !important; background: transparent !important; }
.weg li { border-right: 1px solid var(--rule) !important; background: transparent; }
.weg-a:hover { background: #fff !important; }
.weg-n { font-family: var(--display) !important; font-size: 2.6rem !important; letter-spacing: -.04em; }
.tipp-bubble { border-left: 4px solid var(--blue) !important; }
.tipp-bubble small { font-family: var(--mono) !important; font-size: .72rem !important; letter-spacing: .14em; text-transform: uppercase; color: var(--blue) !important; }
.topic-logo { border: 0 !important; border-radius: 4px !important; }
.topic-bar { height: 3px !important; }
.step-n { font-family: var(--display) !important; font-size: 2.4rem !important; }
.rg-tool { background: #fff !important; border: 1px solid var(--rule) !important; }
.rg-tool.is-right { background: var(--yellow) !important; border-color: var(--yellow) !important; }