/* ===== Probe: nächste Phase ===== */
.ph-bar{position:fixed;left:50%;top:16px;transform:translateX(-50%);z-index:120;width:min(560px,calc(100% - 32px));display:flex;align-items:center;gap:14px;padding:12px 14px 12px 12px;border-radius:18px;background:#0d0b1fee;border:1px solid #ff5b2e66;box-shadow:0 18px 50px #000a;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);color:#f5f3ef;font:600 17px/1.3 'Cabin Condensed',system-ui,sans-serif}
.ph-bar img{width:58px;height:58px;flex:none;animation:phwip 3s ease-in-out infinite;transform-origin:50% 85%}
@keyframes phwip{0%,100%{transform:rotate(-4deg)}50%{transform:rotate(4deg)}}
.ph-bar p{margin:0;flex:1}
.ph-bar small{display:block;font-weight:400;font-size:13px;color:#a9a6a0}
.ph-go{flex:none;min-height:44px;padding:0 18px;border:0;border-radius:999px;background:#ff5b2e;color:#0b0b0c;font:700 16px 'Cabin Condensed',sans-serif;cursor:pointer}
.ph-again{position:fixed;left:16px;bottom:16px;z-index:120;min-height:44px;padding:0 16px;border-radius:999px;border:1px solid #1B2A4A33;background:#F5F3EEee;color:#1B2A4A;font:600 14px 'Source Sans 3',system-ui,sans-serif;cursor:pointer;display:none}
html.neu .ph-again{display:block}
html.neu .ph-bar{display:none}
@media (prefers-reduced-motion:reduce){.ph-bar img{animation:none}}
::view-transition-old(root),::view-transition-new(root){animation:none;mix-blend-mode:normal}
::view-transition-new(root){z-index:2}

/* ===== Der neue Look ===== */
html.neu{--bg:#F5F3EE;--ink:#1B2A4A;--muted:#5C6577;--line:#1B2A4A1f;--card:#ffffff;--a1:#B4471A;--a2:#1B2A4A;scroll-behavior:smooth}
html.neu body{background:#F5F3EE;color:#1B2A4A;font:18px/1.65 'Source Sans 3',system-ui,sans-serif}
html.neu .nebula,html.neu #space,html.neu .oneworld,html.neu .marquee,html.neu .scroll,html.neu .hero::after{display:none!important}
html.neu h1,html.neu h2,html.neu .claim,html.neu .cta h2{font-family:'Source Serif 4',Georgia,serif!important;font-weight:600;text-shadow:none!important;letter-spacing:-.3px;color:#1B2A4A}
html.neu h2{font-size:clamp(28px,4.6vw,44px);line-height:1.12}
html.neu h2 em{color:#B4471A;font-style:italic;text-shadow:none!important}
html.neu .kicker{font:600 12px 'Source Sans 3',sans-serif!important;letter-spacing:4px;color:#B4471A}
html.neu .kicker::after{content:"";display:block;width:36px;height:1px;background:#B4471A;margin:10px auto 0}
html.neu .wrap:not(.center) .kicker::after{margin-left:0}
html.neu section{border-top:1px solid #1B2A4A1f;padding:96px 0}
html.neu .lead{color:#2c3a58}
html.neu .fine,html.neu .roles,html.neu .sub,html.neu .card span,html.neu .tile small{color:#5C6577}
html.neu .hero{background:none;min-height:auto;padding:110px 16px 80px}
html.neu .title,html.neu .hat{filter:none!important}
html.neu .ci-logo img{filter:none}
html.neu .hat{width:min(220px,50vw)}
html.neu .claim{font-size:clamp(24px,4vw,34px);font-weight:500}
html.neu .claim span:nth-child(2){color:#B4471A}
html.neu .quote2{color:#5C6577;font-family:'Source Serif 4',serif;font-style:italic}
html.neu .dc span{color:#1B2A4A}
html.neu .btn{background:#1B2A4A;color:#F5F3EE;box-shadow:none!important;transform:none!important;font:600 16px 'Source Sans 3',sans-serif;letter-spacing:.5px;border-radius:2px;padding:14px 28px}
html.neu .btn:hover{background:#B4471A}
html.neu .card,html.neu .drow{backdrop-filter:none;-webkit-backdrop-filter:none}
html.neu .card{background:#fff;border:1px solid #1B2A4A1f;border-radius:2px;box-shadow:none!important;transform:none!important}
html.neu .card b,html.neu .drow b,html.neu .tile .amt{font-family:'Source Serif 4',serif;color:#1B2A4A}
html.neu .card .n{color:#B4471A}
html.neu .drow{border-bottom:1px solid #1B2A4A1f}
html.neu .tiles{background:#1B2A4A1f;border-color:#1B2A4A1f;border-radius:2px}
html.neu .tile{background:#fff;backdrop-filter:none}
html.neu .tile::before{display:none}
html.neu .tile.hi .amt{color:#B4471A}
html.neu .band .wrap{background:#1B2A4A;border:0;border-radius:2px;box-shadow:none;backdrop-filter:none}
html.neu .band h2,html.neu .band .lead,html.neu .band b{color:#F5F3EE}
html.neu .band .lead{color:#dfe3ec}
html.neu .band h2 em{color:#f0a37f}
html.neu .band .safe{color:#c9cfdb;border-color:#ffffff26}
html.neu .gewerke i{border-color:#1B2A4A33;color:#1B2A4A}
html.neu .gewerke i:nth-child(5n+1){border-color:#B4471A;color:#B4471A}
html.neu .photo{border-color:#B4471A}
html.neu footer{border-top:1px solid #1B2A4A1f}
html.neu footer a,html.neu footer .zitat{color:#1B2A4A}
html.neu footer img{filter:invert(.85) sepia(.2)}
html.neu footer .social a{border-color:#1B2A4A33}
html.neu .lang,html.neu .music,html.neu .say{background:#fff;color:#1B2A4A;border-color:#1B2A4A33;box-shadow:none;backdrop-filter:none}
html.neu .sublinks a{color:#5C6577;border-color:#1B2A4A40}
html.neu .hm-btn{filter:none}
html.neu .reveal{opacity:1;transform:none}
html.neu .sway,html.neu .marquee div,html.neu .dc span{animation:none!important}
html.neu body *{text-shadow:none!important}
html.neu .dc span{background:none!important;-webkit-text-fill-color:#1B2A4A;color:#1B2A4A;filter:none!important}
html.neu .btn,html.neu .btn *{font-family:'Source Sans 3',system-ui,sans-serif!important;color:#F5F3EE!important;-webkit-text-fill-color:#F5F3EE!important;filter:none!important;background-image:none!important;font-size:16px!important;letter-spacing:.06em!important;text-transform:none}
html.neu .drow b,html.neu .card b{font-family:'Source Serif 4',Georgia,serif!important;font-variant:normal;font-weight:600;font-size:20px;color:#1B2A4A}
html.neu .me2 img{box-shadow:none!important;border-radius:2px;filter:none!important;border:1px solid #1B2A4A1f}
html.neu .me2 figcaption{color:#5C6577}
html.neu footer img{filter:none!important}
html.neu .tiles{background:#1B2A4A1f}
html.neu .tiles::after{content:"";background:#F5F3EE}
html.neu .pill{border-color:#1B2A4A33;background:#fff;color:#1B2A4A;font-family:'Source Sans 3',sans-serif}
html.neu .hutsprich{background:#1B2A4A;font-family:'Source Sans 3',sans-serif}
html.neu .ci-strich{background:#B4471A;filter:none;height:3px;width:min(260px,60vw);transform:none}

/* ===== v5: neuer Inhalt ===== */
.nur-neu{display:none!important}
html.neu .nur-neu{display:revert!important}
html.neu div.nur-neu{display:block!important}
html.neu .nur-alt{display:none!important}
/* alte Abschnitte im neuen Look ausblenden */
html.neu #geschichte,html.neu #abteilung,html.neu #agenturen,html.neu #tabula-rasa,html.neu #von-ueberall,html.neu #belege,html.neu #nikolay,html.neu #nikolay+section,html.neu .claim,html.neu .sub,html.neu .quote2,html.neu .hutsprich{display:none!important}
html.neu .kern{font-family:'Source Serif 4',Georgia,serif;font-size:clamp(22px,3.6vw,32px);line-height:1.3;max-width:760px;margin:18px auto 26px;color:#1B2A4A;text-align:center}
html.neu .btn2{background:transparent!important;border:1px solid #1B2A4A;margin-left:8px}
html.neu .btn2,html.neu .btn2 *{color:#1B2A4A!important;-webkit-text-fill-color:#1B2A4A!important}
html.neu .btn2:hover{background:#1B2A4A!important}
html.neu .btn2:hover,html.neu .btn2:hover *{color:#F5F3EE!important;-webkit-text-fill-color:#F5F3EE!important}
html.neu .appgrid{display:grid;grid-template-columns:repeat(auto-fit,minmax(300px,1fr));gap:1px;background:#1B2A4A1f;border:1px solid #1B2A4A1f;margin-top:28px}
html.neu .appk{display:flex;gap:16px;align-items:flex-start;background:#fff;padding:22px 20px}
html.neu .appk img{width:64px;height:64px;flex:none;border-radius:14px}
html.neu .appk b{font-family:'Source Serif 4',Georgia,serif;font-size:22px;font-weight:600;color:#1B2A4A;margin-right:8px}
html.neu .appk .fine{display:block;margin:6px 0 8px;font-size:16px;line-height:1.5}
html.neu .appk .preis{display:block;font-weight:600;color:#1B2A4A;font-size:15px}
html.neu .appk a{display:inline-block;margin-top:8px;color:#B4471A;font-weight:600;font-size:15px;text-decoration:underline;text-underline-offset:3px}
html.neu .st{display:inline-block;font:600 11px 'Source Sans 3',sans-serif;letter-spacing:.12em;text-transform:uppercase;padding:2px 8px;border:1px solid currentColor;vertical-align:4px}
html.neu .st-fertig{color:#2f6b4f}
html.neu .st-arbeit{color:#B4471A}
html.neu #kurse .price a{color:#B4471A;font-weight:600}
html.neu #einrichtungen .btn{background:#F5F3EE!important;margin-top:18px}
html.neu #einrichtungen .btn,html.neu #einrichtungen .btn *{color:#1B2A4A!important;-webkit-text-fill-color:#1B2A4A!important}
html.neu #apps>.wrap,html.neu #kurse>.wrap,html.neu #partner>.wrap,html.neu #anfangen>.wrap,html.neu #laeuft>.wrap{text-align:center}
html.neu #apps .lead,html.neu #kurse .lead,html.neu #partner .lead{margin-left:auto;margin-right:auto}
html.neu .appgrid,html.neu #kurse .dept,html.neu #partner .dept,html.neu #anfangen .tiles,html.neu #laeuft .grid{text-align:left}
html.neu #partner .btn{margin-top:22px}
html.neu #anfangen .tiles{grid-template-columns:repeat(auto-fit,minmax(220px,1fr))}
@media (max-width:520px){html.neu .btn2{margin:10px 0 0}html.neu .appk{padding:18px 14px}}
/* Schrift-Schalter */
.ph-font{position:fixed;right:16px;top:16px;z-index:121;min-height:40px;padding:0 14px;border-radius:999px;border:1px solid #1B2A4A33;background:#F5F3EEee;color:#1B2A4A;font:600 13px 'Source Sans 3',system-ui,sans-serif;cursor:pointer;display:none}
html.neu .ph-font{display:block}
html.neu.schrift-b h1,html.neu.schrift-b h2,html.neu.schrift-b .kern,html.neu.schrift-b .appk b,html.neu.schrift-b .card b,html.neu.schrift-b .drow b,html.neu.schrift-b .tile .amt,html.neu.schrift-b .tile b,html.neu.schrift-b .quote2{font-family:'Cormorant Garamond',Georgia,serif!important;font-weight:600;letter-spacing:0}
html.neu.schrift-b h2{font-size:clamp(32px,5.2vw,52px)}
html.neu.schrift-b .kern{font-size:clamp(26px,4vw,38px);font-weight:500}
html.neu.schrift-b .appk b{font-size:25px}
html.neu #geschenkt .lead{margin-left:auto;margin-right:auto}
html.neu #geschenkt .btn{margin-top:18px}
html.neu .btn,html.neu .btn .ch,html.neu .btn::after{animation:none!important;transform:none!important}
html.neu .btn{-webkit-text-stroke:0!important;padding:14px 28px!important;border-radius:2px!important}
html.neu .btn::after{display:none!important}
.ph-font{top:auto;bottom:16px;right:16px}
html.neu #apps .kicker::after,html.neu #kurse .kicker::after,html.neu #partner .kicker::after,html.neu #anfangen .kicker::after,html.neu #laeuft .kicker::after{margin-left:auto;margin-right:auto}
/* v7: kleine Pillen oben links neben EN, verdecken keinen Text */
html.neu .ph-again,html.neu .ph-font{position:fixed;top:14px;bottom:auto;right:auto;min-height:30px;height:30px;padding:0 10px;font:600 12px/30px 'Source Sans 3',system-ui,sans-serif;border-radius:999px;border:1px solid #1B2A4A26;background:#F5F3EEe6;color:#1B2A4A;box-shadow:none;opacity:.85;z-index:61}
html.neu .ph-again{left:66px}
html.neu .ph-font{left:166px}
@media (max-width:600px){html.neu .ph-again,html.neu .ph-font{top:12px}html.neu .ph-again{left:64px}html.neu .ph-font{left:158px}}
html.neu .ph-again:hover,html.neu .ph-font:hover{opacity:1}
html.neu #geschenkt{padding-bottom:48px}
html.neu #geschenkt .btn{margin-bottom:0}
html.neu .motto{font-family:'Source Serif 4',Georgia,serif;font-size:clamp(22px,3.4vw,30px);line-height:1.3;color:#1B2A4A;margin:6px auto 18px}
html.neu .motto small{display:block;font-family:'Source Sans 3',sans-serif;font-size:15px;color:#5C6577;margin-top:6px}
html.neu.schrift-b .motto{font-family:'Cormorant Garamond',Georgia,serif;font-size:clamp(26px,4vw,36px)}
/* Musik-Knopf im neuen Look: kleine Pille oben, neben den anderen */
html.neu .music{display:flex!important;position:fixed;top:14px;bottom:auto;right:auto;left:236px;height:30px;min-height:30px;padding:0 10px;gap:6px;font:600 12px/30px 'Source Sans 3',system-ui,sans-serif;border-radius:999px;border:1px solid #1B2A4A26;background:#F5F3EEe6;color:#1B2A4A;opacity:.85;z-index:61}
html.neu .music .bars{transform:scale(.7)}
@media (max-width:600px){html.neu .music{top:12px;left:236px;padding:0 8px}}
.mh-credit{font-size:11px;color:#5C6577;text-align:center;margin:14px auto 0;padding:0 16px;opacity:.85}
@media (max-width:420px){html.neu .music{top:48px;left:64px}}
/* Kurse mit Kaufknopf, Festpreise im neuen Look */
html.neu #festpreis-alt{display:none!important}
html.neu #festpreis{display:block!important}
html.neu #kurse .price{display:flex;flex-direction:column;align-items:flex-end;gap:8px}
html.neu #kurse .price .kauf{display:inline-block;padding:8px 16px;background:#1B2A4A;color:#F5F3EE!important;-webkit-text-fill-color:#F5F3EE;font:600 14px 'Source Sans 3',sans-serif;text-decoration:none;border-radius:2px;white-space:nowrap}
html.neu #kurse .price .kauf:hover{background:#B4471A}
@media (max-width:680px){html.neu #kurse .price{align-items:flex-start}}
html.neu #festpreis .kicker::after{margin-left:auto;margin-right:auto}
/* Audit 04.11.: Kontrast, Fokus, Bewegung */
html.neu #einrichtungen .kicker{color:#f0a37f}
html.neu #einrichtungen .kicker::after{background:#f0a37f}
.mh-credit,html.neu .mh-credit{color:#5C6577;opacity:1}
html.neu footer .fine,html.neu footer small{color:#5C6577}
html.neu .me2 figcaption,html.neu .me2 figcaption span{color:#5C6577}
.reveal:focus-within{opacity:1!important;transform:none!important}
@media (prefers-reduced-motion:reduce){html.neu{scroll-behavior:auto}}
html.neu .fp-anker{display:block!important;height:0;overflow:hidden}
html.neu .me2 figcaption span{opacity:1}
/* Vier Festpreis-Angebote */
html.neu #festpreis .tiles.fp4{grid-template-columns:repeat(auto-fit,minmax(240px,1fr))}
html.neu #festpreis .fp4 .tile{display:flex;flex-direction:column;gap:8px}
html.neu #festpreis .fp4 .tile small{flex:1}
html.neu #festpreis .fp4 .kauf{align-self:flex-start;margin-top:6px;padding:8px 16px;background:#1B2A4A;color:#F5F3EE!important;-webkit-text-fill-color:#F5F3EE;font:600 14px 'Source Sans 3',sans-serif;text-decoration:none;border-radius:2px}
html.neu #festpreis .fp4 .kauf:hover{background:#B4471A}
html.neu #festpreis .kicker::after{margin-left:auto;margin-right:auto}