/* Öffentliche Präsentation. Alle Regeln bleiben innerhalb von .public-site. */
.public-site{
  --p-bg:#08110e;--p-surface:#10211a;--p-text:#f6f5ed;--p-muted:#b4bfb7;--p-gold:#e6ca83;--p-line:rgba(221,231,217,.16);
  --p-display:"Barlow Condensed","Arial Narrow",sans-serif;
  min-height:100vh;min-height:100svh;background:var(--p-bg);color:var(--p-text);font-family:"Segoe UI",Arial,sans-serif;font-size:16px;line-height:1.6;
  background-image:radial-gradient(ellipse 55% 16% at 85% 2%,rgba(28,68,44,.2),transparent),radial-gradient(ellipse 50% 25% at 0 75%,rgba(25,63,40,.13),transparent)
}
.public-site :is(h1,h2,h3){filter:none;text-shadow:none;color:var(--p-text);font-family:var(--p-display);font-weight:700;letter-spacing:-.02em;line-height:1.02;overflow-wrap:break-word;text-wrap:balance}
.public-site a{touch-action:manipulation}
.public-site a:focus-visible,.public-site button:focus-visible{outline:2px solid var(--p-gold);outline-offset:5px}
.public-site .public-main{max-width:1504px;display:block;margin:0 auto;padding:24px 32px 0;min-width:0}
.public-site .public-main>.p-home,.public-site .public-main>.p-page{width:100%;max-width:none;margin-inline:0}
.public-site :is(.public-main,.p-heading,.p-page-heading h1):focus{outline:none}
.p-skip{position:fixed;z-index:150;top:10px;left:16px;transform:translateY(-160%);padding:12px 20px;background:var(--p-gold);color:#0c1711;border-radius:5px}
.p-skip:focus{transform:none}
.public-site .da-head--public{position:sticky;top:0;z-index:80;border-bottom:1px solid var(--p-line);background:rgba(8,17,14,.94);box-shadow:none;backdrop-filter:blur(16px);-webkit-backdrop-filter:blur(16px)}
.public-site .da-head--public .da-head-bar{min-height:84px;max-width:1504px;padding:12px 32px;gap:24px}
.public-site .da-head--public .da-brand{gap:11px;color:var(--p-text)}
.public-site .da-head--public .da-brand-name{background:none;color:var(--p-text);font-size:1.05rem;letter-spacing:.07em;-webkit-text-fill-color:currentColor;filter:none}
.public-site .da-head--public .da-brand img{filter:none}
.public-site .da-head--public .da-group{gap:12px}
.public-site .da-head--public .da-link{font:500 .85rem/1.2 "Segoe UI",Arial,sans-serif;color:var(--p-muted);border-radius:0;padding:0 7px;min-height:44px}
.public-site .da-head--public .da-link:hover,.public-site .da-head--public .da-link[aria-current=page]{color:var(--p-text);background:none}
.public-site .da-head--public .da-link[aria-current=page]::after{height:1px;bottom:4px;left:7px;right:7px;background:var(--p-gold)}
.public-site .da-head--public .da-cta{background:var(--p-gold);color:#102016;font:600 .85rem/1.2 "Segoe UI",Arial,sans-serif;letter-spacing:0;text-transform:none;min-height:46px;border:1px solid var(--p-gold);border-radius:6px;padding:0 22px;box-shadow:none}
.public-site .da-head--public .da-menu-btn{font:500 .85rem "Segoe UI",Arial,sans-serif;color:var(--p-text);border:1px solid var(--p-line);border-radius:5px}
.p-home{min-width:0}
.p-hero{position:relative;isolation:isolate;min-height:690px;display:flex;align-items:center;border-radius:12px;overflow:hidden;background:#07110c}
.p-hero-art{position:absolute;z-index:-2;inset:0;overflow:hidden}
.p-hero-art img{width:100%;height:100%;object-fit:cover;object-position:78% 54%;display:block}
.p-hero.has-media::before{content:"";position:absolute;z-index:-1;inset:0;pointer-events:none;background:linear-gradient(90deg,rgba(5,15,10,.94) 0%,rgba(5,15,10,.85) 30%,rgba(5,15,10,.35) 56%,rgba(5,15,10,.03) 84%),linear-gradient(0deg,rgba(5,15,10,.75),transparent 27%)}
.p-hero-copy{width:60%;max-width:740px;padding:64px clamp(32px,5vw,72px) 100px;position:relative;z-index:1}
.p-eyebrow{font:600 .68rem/1.5 "Segoe UI",Arial,sans-serif;letter-spacing:.18em;text-transform:uppercase;color:var(--p-gold);margin:0 0 22px;display:flex;align-items:center;gap:12px}
.p-eyebrow-line{width:32px;height:1px;background:currentColor}
.public-site h1.p-heading{font-size:clamp(76px,8.4vw,132px);line-height:.93;letter-spacing:-.027em;margin:0 0 30px;background:none;color:var(--p-text);text-transform:none}
.p-heading>span{display:block}
.public-site .p-gold{color:var(--p-gold)}
.public-site h1.p-heading-custom{font-size:clamp(54px,6.6vw,110px);line-height:1;overflow-wrap:anywhere}
.p-intro{font-size:1rem;line-height:1.75;color:#d0d9d0;max-width:43ch;margin:0}
.p-actions{display:flex;flex-wrap:wrap;align-items:center;gap:14px;margin-top:30px}
.p-button{display:inline-flex;align-items:center;justify-content:center;gap:28px;padding:0 22px;min-height:52px;border-radius:5px;font:600 .86rem/1.3 "Segoe UI",Arial,sans-serif;text-decoration:none;transition:background .18s ease,color .18s ease,transform .18s ease;border:1px solid transparent;max-width:100%;text-align:center}
.p-button span{font-size:1.2rem}
.p-button-gold{background:var(--p-gold);color:#102016;border-color:var(--p-gold)}
.p-button-gold:hover{background:#f3daa3;color:#102016;transform:translateY(-2px)}
.p-button-quiet{color:var(--p-text);border-color:rgba(232,238,227,.35);background:rgba(9,22,14,.2)}
.p-button-quiet:hover{background:rgba(232,238,227,.08)}
.p-hero-foot{position:absolute;left:clamp(32px,5vw,72px);right:clamp(32px,5vw,72px);bottom:27px;display:flex;justify-content:space-between;gap:18px;color:#aab9ac;font-size:.66rem;letter-spacing:.04em}
.p-hero-foot>a{color:var(--p-text);display:flex;gap:12px;align-items:center;text-decoration:none;min-height:44px;margin-block:-12px}
.p-hero-foot>a>span{font-size:1.2rem;color:var(--p-gold)}
.p-motion{position:absolute;z-index:2;top:24px;right:24px;border:1px solid rgba(221,231,217,.2);border-radius:30px;min-height:44px;display:inline-flex;gap:9px;align-items:center;padding:0 13px;background:rgba(6,17,10,.68);color:#e0e7df;cursor:pointer;font:500 .68rem "Segoe UI",Arial,sans-serif}
.p-motion[hidden]{display:none}
.p-motion>span:first-child{font-size:.8rem;line-height:1}
.p-game-strip{display:flex;justify-content:center;align-items:center;flex-wrap:wrap;gap:16px 28px;padding:29px 16px;border-bottom:1px solid var(--p-line);font:500 .66rem "Segoe UI",Arial,sans-serif;letter-spacing:.16em;text-transform:uppercase;color:var(--p-muted)}
.p-game-strip i{height:3px;width:3px;border-radius:100%;background:var(--p-gold);opacity:.8}
.p-story-intro{padding:100px 20px 80px;text-align:center;scroll-margin-top:100px}
.p-story-intro .p-eyebrow{justify-content:center;margin-bottom:22px}
.public-site :is(.p-story-intro,.p-discover,.p-closing) h2{font-size:clamp(42px,5vw,74px);margin:0;letter-spacing:-.025em}
.public-site h2 em{font-style:normal;color:var(--p-gold)}
.p-story-intro>p:last-child{font-size:.95rem;line-height:1.8;color:var(--p-muted);margin:24px auto 0}
.p-story{position:relative;margin:0 40px}
.p-story-stage{display:none}
.p-story-frame,.p-story-mobile{margin:0;position:relative;overflow:hidden;border-radius:8px;background:#102017}
.p-story-frame img,.p-story-mobile img{display:block;width:100%;height:100%;object-fit:cover}
.p-story-mobile{aspect-ratio:3/2;margin-bottom:32px}
.p-chapter{min-width:0;padding:0 0 64px}
.p-chapter-copy{padding:20px 4px;max-width:580px;margin:auto}
.p-chapter-number{display:flex;align-items:center;gap:16px;font-size:.64rem;text-transform:uppercase;letter-spacing:.15em;color:var(--p-muted);margin:0 0 30px}
.p-chapter-number>span{color:var(--p-gold);font-family:var(--p-display);font-size:1.75rem;letter-spacing:.03em}
.public-site .p-chapter h2{font-size:clamp(40px,4.3vw,66px);max-width:15ch;margin:0 0 28px}
.public-site .p-chapter .site-p{font:400 .95rem/1.85 "Segoe UI",Arial,sans-serif;color:var(--p-muted);margin:0 0 20px;max-width:46ch}
.public-site .p-chapter .site-list{list-style:none;margin:0;padding:0;gap:0;font:400 .9rem/1.7 "Segoe UI",Arial,sans-serif;color:#d8dfd6}
.public-site .p-chapter .site-list li{border-bottom:1px solid var(--p-line);padding:16px 0 16px 25px;position:relative}
.public-site .p-chapter .site-list li::before{content:"↗";position:absolute;left:0;top:16px;color:var(--p-gold);font-size:1rem}
.p-text-link{display:inline-flex;gap:22px;align-items:center;min-height:48px;color:var(--p-gold);text-decoration:none;font-size:.85rem;font-weight:600;line-height:1.5;border-bottom:1px solid rgba(230,202,131,.4);margin-top:18px}
.p-text-link:hover{color:#ffebbd;border-color:#ffebbd}
.p-playground{margin:60px 40px 0;padding:76px 0 90px;border-top:1px solid var(--p-line);border-bottom:1px solid var(--p-line);display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:8%;align-items:center}
.p-playground-copy{max-width:480px}
.public-site .p-playground h2{font-size:clamp(48px,5.2vw,80px);margin:0 0 28px}
.p-playground-copy>p:not(.p-eyebrow){color:var(--p-muted);font-size:.95rem;line-height:1.85}
.p-playground-copy>p.p-small-note{font-size:.76rem;line-height:1.7;color:#b4c3b7}
.p-demo{background:linear-gradient(150deg,#172b23,#0c1b15);border:1px solid rgba(164,196,166,.22);border-radius:14px;padding:26px;box-shadow:0 22px 60px rgba(0,0,0,.25);min-width:0;position:relative}
.p-demo::before{content:"";position:absolute;left:20%;right:20%;top:-1px;height:1px;background:linear-gradient(90deg,transparent,var(--p-gold),transparent)}
.p-demo-head{display:flex;align-items:center;justify-content:space-between;gap:10px;font-size:.65rem;color:#cfdbcf}
.p-demo-head>span:first-child{display:flex;gap:8px;align-items:center}
.p-demo-head i{width:6px;height:6px;background:#a1d89d;border-radius:50%}
.p-demo-tag{font-size:.58rem;letter-spacing:.07em;white-space:nowrap;color:#adc1af;border:1px solid rgba(164,196,166,.2);border-radius:4px;padding:4px 7px}
.p-demo-darts{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:10px;margin:24px 0}
.p-demo-darts>div{padding:16px 8px 12px;border:1px solid rgba(164,196,166,.18);border-radius:8px;display:grid;gap:6px;justify-items:center;background:rgba(255,255,255,.025)}
.p-demo-darts span{font-size:.58rem;letter-spacing:.11em;text-transform:uppercase;color:#aebfb0}
.p-demo-darts b{font-family:var(--p-display);font-size:2.35rem;font-weight:600;line-height:1.1;color:var(--p-text);font-variant-numeric:tabular-nums}
.p-demo-result{display:flex;align-items:center;justify-content:space-between;gap:8px;padding:4px 10px 22px;border-bottom:1px solid rgba(164,196,166,.18)}
.p-demo-result>div{display:grid;gap:0}
.p-demo-result>div:last-child{text-align:right}
.p-demo-result div>span{font-size:.6rem;text-transform:uppercase;letter-spacing:.12em;color:#aebfb0}
.p-demo-result strong{font-family:var(--p-display);font-size:5rem;font-weight:600;line-height:1.1;font-variant-numeric:tabular-nums}
.p-demo-result-arrow{font-size:1.6rem;font-weight:300;color:#839b87}
.p-demo-controls[hidden]{display:none}
.p-demo-keys{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:7px;margin-top:20px}
.p-demo-keys button{font:600 .85rem "Segoe UI",Arial,sans-serif;min-height:44px;background:#1e3429;border:1px solid #3b5243;border-radius:5px;color:#edf3e8;cursor:pointer;transition:background .15s ease,transform .15s ease;touch-action:manipulation}
.p-demo-keys button:not(:disabled):hover{background:#354d36;border-color:var(--p-gold);transform:translateY(-1px)}
.p-demo-keys button:disabled{color:#91a392;background:#16271d;cursor:default}
.p-demo-footer{display:flex;flex-wrap:wrap;justify-content:space-between;align-items:center;gap:6px 12px;margin-top:12px}
.p-demo-footer p{font-size:.62rem;color:#b6c6b9;margin:0}
.p-demo-footer button{background:none;border:0;padding:8px 0;min-height:44px;color:var(--p-gold);font:500 .68rem "Segoe UI",Arial,sans-serif;cursor:pointer;display:flex;gap:8px;align-items:center;text-align:left}
.p-home-editorial{margin:70px 40px}
.p-discover{padding:90px 0;margin:0 40px;display:grid;grid-template-columns:minmax(0,.8fr) minmax(0,1fr);gap:10%;align-items:start}
.p-discover-links{border-top:1px solid var(--p-line)}
.p-discover-links>a{display:flex;justify-content:space-between;gap:20px;align-items:center;padding:22px 4px;border-bottom:1px solid var(--p-line);text-decoration:none;color:var(--p-text);transition:padding .2s ease}
.p-discover-links>a:hover{padding-left:12px;color:var(--p-gold)}
.p-discover-links>a>span:first-child{display:grid;gap:5px}
.p-discover-links small{color:var(--p-muted);font-size:.67rem}
.p-discover-links b{font:600 1.9rem/1.1 var(--p-display)}
.p-discover-arrow{font-size:1.5rem;color:var(--p-gold)}
.p-closing{position:relative;isolation:isolate;overflow:hidden;min-height:440px;border:1px solid var(--p-line);border-radius:10px;background:#0a1d12;display:flex;align-items:center;margin-bottom:30px}
.p-closing-art{position:absolute;inset:0;z-index:-2}
.p-closing-art img{width:100%;height:100%;object-fit:cover;object-position:80% 55%;display:block}
.p-closing::before{content:"";position:absolute;inset:0;z-index:-1;background:linear-gradient(90deg,#07140cf5 0%,#07140ce8 25%,#07140c90 50%,#07140c12 100%)}
.p-closing-copy{padding:60px clamp(32px,5vw,72px);max-width:680px}
.public-site .p-closing h2{font-size:clamp(44px,4.6vw,68px);max-width:14ch}
.public-site .p-closing .site-p{font:400 .9rem/1.8 "Segoe UI",Arial,sans-serif;color:#c1cec0;margin:24px 0;max-width:41ch}
.p-page-hero{position:relative;isolation:isolate;min-height:380px;display:flex;align-items:center;overflow:hidden;background:#0a1b12;border-radius:10px;margin-bottom:50px}
.p-page-art{position:absolute;inset:0;z-index:-2;overflow:hidden}
.p-page-art img{display:block;width:100%;height:100%;object-fit:cover;object-position:75% 45%}
.p-page-hero.has-media::before{content:"";position:absolute;inset:0;z-index:-1;background:linear-gradient(90deg,#07110af2 0%,#07110ae8 30%,#07110a80 60%,#07110a11)}
.p-page-heading{padding:46px clamp(28px,5vw,72px);max-width:65%}
.p-breadcrumb{display:flex;gap:10px;align-items:center;flex-wrap:wrap;font-size:.66rem;letter-spacing:.05em;color:var(--p-muted);margin-bottom:32px}
.p-breadcrumb a{color:var(--p-gold);text-decoration:none}
.public-site .p-page-heading h1{font-size:clamp(56px,7.2vw,96px);margin:0 0 24px;line-height:1.01}
.p-page .p-cms{max-width:1184px;margin:0 auto;display:grid;gap:50px}
.public-site .p-cms .site-block{padding:34px 0;background:none;box-shadow:none;border:0;border-radius:0;outline:0;border-top:1px solid var(--p-line);gap:20px;text-align:left}
.public-site .p-cms .site-h{font-family:var(--p-display);font-size:clamp(32px,3.4vw,48px);line-height:1.08;color:var(--p-text);margin:0;letter-spacing:-.01em;max-width:26ch}
.public-site .p-cms .site-p{font:400 .95rem/1.85 "Segoe UI",Arial,sans-serif;color:var(--p-muted);max-width:72ch}
.public-site .p-cms .site-list{font:400 .95rem/1.8 "Segoe UI",Arial,sans-serif;color:var(--p-muted);padding-left:1.3em;gap:12px}
.public-site .p-cms .site-split{column-gap:7%;align-items:center}
.public-site .p-cms .site-img{border:1px solid var(--p-line);border-radius:8px;box-shadow:none}
.public-site .p-cms .site-btn{background:var(--p-gold);color:#102016;font:600 .86rem "Segoe UI",Arial,sans-serif;letter-spacing:0;text-transform:none;border-radius:5px;padding:0 24px;text-decoration:none;min-height:50px}
.public-site .p-cms .site-cta{padding:36px 24px;background:linear-gradient(140deg,#142a1e,#0d1b14);border:1px solid var(--p-line);border-radius:10px;text-align:center;justify-items:center}
.public-site .p-cms .site-cta .site-p{margin-inline:auto}
.public-site .p-cms .site-cta .site-h{max-width:none}
.public-site .p-cms .dp{font-family:"Segoe UI",Arial,sans-serif}
.public-site .p-cms .dp :is(h2,h3){font-size:.82rem;letter-spacing:.08em;line-height:1.3}
.public-site .p-cms .dp .dp-rank-letter{font-family:"Segoe UI",Arial,sans-serif}
.p-page-legal{max-width:1100px;margin:auto}
.p-page-legal .p-page-hero{min-height:300px}
.p-page-legal .p-page-heading{max-width:80%}
.public-site .p-page-legal h1{font-size:clamp(42px,6.5vw,72px);overflow-wrap:anywhere}
.p-page-legal .p-cms{max-width:840px}
.public-site .p-page-legal .site-h{font-size:2rem;font-weight:600}
.public-site .p-page-legal .site-p{font-size:1rem;line-height:1.85;color:#cbd5cc}
.p-footer{max-width:1440px;margin:65px auto 0;padding:48px 40px max(28px,env(safe-area-inset-bottom));border-top:1px solid var(--p-line);display:grid;grid-template-columns:1fr auto;gap:28px;color:var(--p-muted)}
.p-footer-brand>a{display:inline-flex;gap:10px;align-items:center;color:var(--p-text);text-decoration:none;min-height:44px;font:600 1.1rem var(--display);letter-spacing:.05em}
.p-footer-brand img{display:block}
.p-footer-brand p{font-size:.74rem;line-height:1.7;margin:14px 0 0;color:#9aaa9e}
.p-footer-legal{display:flex;flex-wrap:wrap;align-items:start;gap:10px 24px}
.p-footer-legal a{display:flex;align-items:center;min-height:44px;color:var(--p-muted);font-size:.73rem;text-decoration:none}
.p-footer-legal a:hover{color:var(--p-gold)}
.p-footer-note{grid-column:1/-1;padding-top:24px;margin:0;border-top:1px solid var(--p-line);font-size:.6rem;letter-spacing:.08em;text-transform:uppercase;color:#a9b7aa}
@media(min-width:1024px){
  .p-story.is-story-ready{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:8%;align-items:start}
  .p-story.is-story-ready .p-story-stage{display:block;position:sticky;top:112px;height:min(660px,calc(100svh - 144px));min-height:380px;border:1px solid var(--p-line);border-radius:9px;overflow:hidden}
  .p-story.is-story-ready .p-story-frame{position:absolute;inset:0;opacity:0;visibility:hidden;border-radius:0;transition:opacity 1s ease,visibility 1s;will-change:auto}
  .p-story.is-story-ready .p-story-frame.is-current{opacity:1;visibility:visible}
  .p-story.is-story-ready .p-story-frame::after{content:"";position:absolute;inset:0;background:linear-gradient(0deg,rgba(3,13,7,.78),transparent 27%)}
  .p-story.is-story-ready .p-story-mobile{display:none}
  .p-story.is-story-ready .p-chapter{min-height:76svh;display:flex;align-items:center;padding:40px 0}
  .p-story.is-story-ready .p-chapter:last-child{min-height:70svh}
  .p-story.is-story-ready .p-chapter-copy{width:100%;padding:36px 8px 36px 0}
  .p-stage-caption{position:absolute;bottom:27px;left:28px;right:28px;display:flex;align-items:center;gap:16px;z-index:2;font-size:.67rem;color:#dce4d9}
  .p-stage-caption>[data-public-scene-number]{font:600 2rem var(--p-display);color:var(--p-gold)}
  .p-stage-dots{display:flex;gap:7px;margin-left:auto}
  .p-stage-dots>span{display:block;height:3px;width:20px;background:#91a28d7a;transition:background .5s}
  .p-stage-dots>.is-current{background:var(--p-gold)}
  .p-image-corner{position:absolute;right:18px;top:18px;border-top:1px solid #e6ca8366;border-right:1px solid #e6ca8366;width:40px;height:40px}
}
@media(min-width:1600px){.p-hero{min-height:760px}.p-hero-copy{width:58%}.p-hero-art img{object-position:75% 58%}}
@media(max-width:1100px) and (min-width:1024px){.public-site .da-head--public .da-head-bar{gap:12px}.public-site .da-head--public .da-group{gap:3px}.public-site .da-head--public .da-menu{gap:10px}.public-site .da-head--public .da-cta{padding:0 16px}}
@media(max-width:1023.98px){
  .public-site .public-main{padding:20px 24px 0}
  .public-site .da-head--public .da-head-bar{min-height:76px;padding:10px 24px;justify-content:space-between;position:relative;flex-wrap:nowrap}
  .public-site .da-head--public .da-menu-btn{display:inline-flex}
  .public-site .da-head--public .da-menu{display:none;position:absolute;left:0;right:0;top:100%;padding:20px 24px 24px;background:#0b1911;border-bottom:1px solid var(--p-line);box-shadow:0 22px 30px #0005;margin:0;z-index:81;max-height:calc(100svh - 76px);overflow-y:auto}
  .public-site .da-head--public .da-menu.is-open{display:flex;flex-direction:column;align-items:stretch;gap:14px}
  .public-site .da-head--public .da-group{display:flex;flex-direction:column;align-items:stretch;gap:3px;border:0;padding:0}
  .public-site .da-head--public .da-link{padding:12px 8px;font-size:1rem;min-height:48px;justify-content:flex-start}
  .public-site .da-head--public .da-link[aria-current=page]::after{bottom:5px;right:auto;width:22px}
  .public-site .da-head--public .da-cta{justify-content:center;min-height:48px}
  .p-hero{min-height:650px}
  .p-hero-copy{width:72%;padding:48px 36px 100px}
  .public-site h1.p-heading{font-size:clamp(76px,11vw,112px)}
  .p-hero-foot{left:36px;right:36px}
  .p-hero-art img{object-position:73% 50%}
  .p-hero.has-media::before{background:linear-gradient(90deg,#05100bf2,#05100bb0 44%,#05100b11),linear-gradient(0deg,#05100bf0,transparent 55%)}
  .p-story,.p-playground,.p-home-editorial,.p-discover{margin-inline:12px}
  .p-story-intro{padding:78px 12px 56px}
  .p-chapter{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:32px;align-items:center;padding-bottom:60px}
  .p-story-mobile{margin:0;aspect-ratio:4/5}
  .p-chapter-copy{padding:20px 0}
  .public-site .p-chapter h2{font-size:46px}
  .p-chapter-number{margin-bottom:20px;gap:8px}
  .p-playground{padding:60px 0;gap:5%}
  .public-site .p-playground h2{font-size:60px}
  .p-demo{padding:20px}
  .p-demo-head{flex-wrap:wrap}
  .p-demo-darts{gap:6px;margin-top:20px}
  .p-demo-darts>div{padding-inline:4px}
  .p-demo-result strong{font-size:4.5rem}
  .p-discover{padding:65px 0;gap:6%}
  .p-closing-copy{padding:50px 36px;max-width:70%}
  .p-page-heading{padding:42px 36px;max-width:75%}
  .p-page-hero{min-height:350px}
  .p-footer{margin-top:48px;padding-inline:36px;gap:28px}
  .p-footer-legal{flex-direction:column;gap:0}
}
@media(max-width:639.98px){
  .public-site .public-main{padding:12px 12px 0}
  .public-site .da-head--public .da-head-bar{min-height:70px;padding:9px 20px}
  .public-site .da-head--public .da-brand-name{font-size:.94rem}
  .public-site .da-head--public .da-brand img{width:30px;height:30px}
  .public-site .da-head--public .da-menu-btn{padding:0 12px;min-height:44px;font-size:.75rem}
  .p-hero{min-height:0;display:block;border-radius:8px}
  .p-hero-art{bottom:auto;height:430px}
  .p-hero-art img{object-position:83% 49%}
  .p-hero.has-media::before{background:linear-gradient(0deg,#07110c 0%,#07110c 20%,#07110cc0 46%,#07110c05 78%),linear-gradient(90deg,#07110c80,#07110c00)}
  .p-hero-copy{width:100%;max-width:none;padding:194px 24px 30px}
  .p-hero:not(.has-media) .p-hero-copy{padding-top:48px}
  .p-eyebrow{font-size:.59rem;letter-spacing:.14em;margin-bottom:19px;gap:9px}
  .p-eyebrow-line{width:22px}
  .public-site h1.p-heading{font-size:clamp(57px,16.8vw,92px);line-height:.94;margin-bottom:24px}
  .public-site h1.p-heading-custom{font-size:clamp(45px,13vw,72px)}
  .p-intro{font-size:.95rem;line-height:1.8;max-width:40ch;color:#c9d5ca}
  .p-actions{gap:10px;margin-top:24px}
  .p-button{font-size:.76rem;gap:18px;min-height:50px;padding:0 18px}
  .p-button-quiet{border-color:#bfccb24d}
  .p-hero-foot{position:relative;bottom:auto;left:auto;right:auto;margin:0 24px;padding:21px 0;border-top:1px solid var(--p-line);font-size:.57rem;align-items:center;gap:8px}
  .p-hero-foot>a{gap:8px;min-height:44px}
  .p-hero-foot>span{max-width:13ch}
  .p-motion{top:16px;right:16px;font-size:.65rem;min-height:44px;background:rgba(6,17,10,.8)}
  .p-game-strip{gap:11px 16px;padding:22px 8px;font-size:.53rem;letter-spacing:.11em;line-height:1.5}
  .p-game-strip i{width:2px;height:2px}
  .p-story-intro{padding:62px 16px 42px;scroll-margin-top:88px}
  .public-site :is(.p-story-intro,.p-discover,.p-closing) h2{font-size:42px;line-height:1.05}
  .p-story-intro .p-eyebrow{font-size:.54rem;letter-spacing:.12em;margin-bottom:18px}
  .p-story-intro>p:last-child{font-size:.93rem;line-height:1.85;margin-top:20px}
  .p-desktop-break{display:none}
  .p-story{margin:0 12px}
  .p-chapter{display:block;padding-bottom:42px}
  .p-story-mobile{aspect-ratio:6/5;border-radius:7px;margin-bottom:26px}
  .p-chapter-copy{padding:0 4px}
  .p-chapter-number{font-size:.57rem;margin:0 0 18px;gap:12px}
  .p-chapter-number>span{font-size:1.45rem}
  .public-site .p-chapter h2{font-size:43px;max-width:15ch;margin-bottom:20px}
  .public-site .p-chapter .site-p{font-size:.95rem;line-height:1.85;margin-bottom:16px}
  .public-site .p-chapter .site-list{font-size:.93rem;line-height:1.75}
  .public-site .p-chapter .site-list li{padding-block:13px}
  .p-playground{grid-template-columns:minmax(0,1fr);margin:0 16px;padding:40px 0 48px;gap:30px}
  .public-site .p-playground h2{font-size:55px;margin-bottom:22px}
  .p-playground-copy>p:not(.p-eyebrow){font-size:.95rem}
  .p-playground-copy>p.p-small-note{font-size:.7rem}
  .p-text-link{font-size:.77rem;margin-top:8px}
  .p-demo{padding:21px 18px;border-radius:10px}
  .p-demo-head{flex-wrap:nowrap;font-size:.58rem;gap:6px}
  .p-demo-tag{font-size:.51rem;padding:3px 5px}
  .p-demo-darts{gap:8px;margin:22px 0}
  .p-demo-darts b{font-size:2.15rem}
  .p-demo-result{padding:0 4px 20px}
  .p-demo-result strong{font-size:4.7rem}
  .p-demo-result div>span{font-size:.54rem}
  .p-demo-keys button{min-height:46px;font-size:.77rem}
  .p-demo-footer{gap:2px 8px;align-items:center}
  .p-demo-footer p{font-size:.6rem}
  .p-demo-footer button{font-size:.64rem}
  .p-home-editorial{margin:40px 16px}
  .p-discover{display:block;margin:0 16px;padding:46px 0}
  .p-discover-links{margin-top:32px}
  .p-discover-links>a{padding-block:21px}
  .p-discover-links b{font-size:1.9rem}
  .p-discover-links small{font-size:.62rem}
  .p-closing{min-height:0;display:block;border-radius:7px}
  .p-closing-art{bottom:auto;height:290px}
  .p-closing-art img{object-position:80% 40%}
  .p-closing::before{background:linear-gradient(0deg,#0a1d12 0%,#0a1d12 27%,#0a1d12d0 49%,#0a1d1200 90%)}
  .p-closing-copy{max-width:none;padding:210px 26px 34px}
  .public-site .p-closing h2{font-size:49px;max-width:14ch}
  .public-site .p-closing .site-p{font-size:.95rem;margin-block:20px}
  .p-closing .p-button{min-width:160px}
  .p-page-hero{display:block;min-height:0;margin-bottom:24px;border-radius:7px}
  .p-page-art{bottom:auto;height:260px}
  .p-page-art img{object-position:78% 40%}
  .p-page-hero.has-media::before{background:linear-gradient(0deg,#0a1b12 0%,#0a1b12e8 35%,#0a1b1240 80%,#0a1b1200)}
  .p-page-heading{max-width:none;padding:180px 26px 30px}
  .p-page-hero:not(.has-media) .p-page-heading{padding-top:36px}
  .p-breadcrumb{font-size:.61rem;margin-bottom:22px;gap:8px}
  .public-site .p-page-heading h1{font-size:clamp(44px,13vw,68px);margin-bottom:22px}
  .p-page-legal .p-page-heading{max-width:none}
  .public-site .p-page-legal h1{font-size:clamp(28px,8.4vw,48px)}
  .p-page .p-cms{padding:0 16px;gap:22px}
  .public-site .p-cms .site-block{padding-top:28px;padding-bottom:12px;gap:18px}
  .public-site .p-cms .site-h{font-size:34px;line-height:1.12}
  .public-site .p-cms .site-p,.public-site .p-cms .site-list{font-size:.95rem;line-height:1.85}
  .public-site .p-page-legal .site-p{font-size:1rem}
  .public-site .p-cms .site-split{grid-template-columns:minmax(0,1fr);gap:25px}
  .public-site .p-cms .site-split.right .site-img{order:0}
  .public-site .p-cms .site-cta{padding:28px 20px}
  .public-site .p-cms .dp{padding:12px;border-radius:8px}
  .public-site .p-page-legal .site-h{font-size:1.8rem}
  .p-footer{margin-top:40px;padding:34px 28px max(24px,env(safe-area-inset-bottom));grid-template-columns:minmax(0,1fr);gap:22px}
  .p-footer-brand>a{font-size:1rem}
  .p-footer-brand p{font-size:.69rem}
  .p-footer-legal{flex-direction:row;gap:0 16px;align-items:center}
  .p-footer-legal a{font-size:.66rem}
  .p-footer-note{padding-top:20px;font-size:.55rem}
}
@media(max-width:359px){.p-hero-copy{padding-inline:18px}.p-hero-foot{margin-inline:18px}.p-actions{gap:8px}.p-button{padding-inline:13px;gap:12px;font-size:.72rem}.p-game-strip{gap:10px}.p-demo{padding-inline:12px}.public-site .p-chapter h2{font-size:39px}}
@keyframes public-image-drift{from{transform:scale(1.015) translate3d(0,0,0)}to{transform:scale(1.065) translate3d(-.65%,-.4%,0)}}
@media(prefers-reduced-motion:no-preference){
  .public-site[data-public-motion="on"] [data-public-ambient][data-in-view="true"] :is(.p-hero-art,.p-closing-art,.p-page-art,.p-story-mobile)>img,
  .public-site[data-public-motion="on"] .p-story-stage[data-in-view="true"] .p-story-frame.is-current>img{animation:public-image-drift 18s ease-in-out infinite alternate}
  .public-site[data-public-motion="on"] [data-public-reveal]{transition:opacity .7s ease,transform .7s cubic-bezier(.2,.65,.3,1)}
  .public-site[data-public-motion="on"] [data-public-reveal].is-reveal-pending{opacity:0;transform:translate3d(0,16px,0)}
}
.public-site.is-document-hidden [data-public-ambient] img{animation-play-state:paused!important}
.public-site[data-public-motion="off"] :is(img,[data-public-reveal],.p-story-frame,.p-stage-dots>span){animation:none!important;transition:none!important;transform:none!important}
.public-site .p-page-legal [data-public-reveal]{opacity:1!important;transform:none!important;transition:none!important}
@media(prefers-reduced-motion:reduce){
  .public-site :is(img,[data-public-reveal],.p-story-frame,.p-stage-dots>span,.p-button,.p-discover-links>a){animation:none!important;transition:none!important;transform:none!important;opacity:1}
  .public-site .p-story-frame:not(.is-current){opacity:0}
  .public-site .p-motion{display:none}
}
@media print{.public-site{background:white;color:#111}.public-site :is(h1,h2,h3,.site-p){color:#111!important}.public-site :is(.da-head,.p-motion,.p-demo-controls,.p-footer){display:none}.p-story-stage{display:none!important}.p-story-mobile{display:block!important}.p-chapter{min-height:0!important}.p-hero-copy,.p-page-heading{width:100%;max-width:none;padding:30px}.p-hero{min-height:0}.p-hero-art{display:none}.public-site [data-public-reveal]{opacity:1!important;transform:none!important}}

/* Bildgeschichte: Alle acht Originalmotive bleiben erhalten. Die drei
   zusätzlichen Perspektiven werden erst in der Nähe des Sichtbereichs geladen. */
.public-site .p-picture{display:block;position:relative;isolation:isolate;width:100%;height:100%;aspect-ratio:3/2;overflow:hidden;background:#0a1b12}
.public-site .p-picture>img,.public-site .p-picture-story>img{display:block;width:100%;height:100%;object-fit:cover}
.public-site .p-picture>img{position:absolute;inset:0}
.public-site .p-picture-story{position:absolute;inset:0;z-index:1;opacity:0;pointer-events:none}
.public-site .p-picture-story>img{object-position:60% 50%}
.public-site .p-picture-light{position:absolute;z-index:2;inset:-20%;pointer-events:none;opacity:0;background:linear-gradient(115deg,transparent 35%,rgba(239,208,136,.09) 48%,transparent 60%);transform:translateX(-65%)}
.public-site :is(.p-hero-art,.p-page-art,.p-closing-art)>.p-picture{aspect-ratio:auto}
.public-site .site-img>.p-picture{height:auto}
.public-site .p-perspectives{margin:0 40px 84px;padding-bottom:68px;border-bottom:1px solid var(--p-line)}
.p-perspectives-heading{display:flex;align-items:end;justify-content:space-between;gap:24px;margin-bottom:36px}
.public-site .p-perspectives h2{font-size:clamp(38px,4.2vw,62px);margin:0;line-height:1.07}
.p-perspectives .p-eyebrow{margin-bottom:16px}
.public-site .p-motion-inline{position:static;flex-shrink:0;align-self:flex-start;margin-top:5px;min-height:44px}
.p-perspective-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:22px}
.p-perspective{min-width:0;overflow:hidden;border:1px solid var(--p-line);border-radius:9px;background:linear-gradient(155deg,#12251b,#0d1b15)}
.p-perspective figure{margin:0;aspect-ratio:4/3;overflow:hidden;border-bottom:1px solid var(--p-line)}
.p-perspective-copy{padding:23px 24px 27px}
.p-perspective-role{display:flex;align-items:center;gap:12px;font-size:.62rem;letter-spacing:.14em;text-transform:uppercase;color:var(--p-gold);margin:0 0 16px}
.p-perspective-role>span{font:600 1.6rem/1 var(--p-display)}
.public-site .p-perspective h3{font-size:clamp(27px,2.7vw,37px);line-height:1.09;margin:0 0 16px}
.p-perspective-copy>p:last-child{color:var(--p-muted);font-size:.82rem;line-height:1.8;margin:0}
.p-perspective:nth-child(2) .p-picture{--picture-delay:2s}
.p-perspective:nth-child(3) .p-picture{--picture-delay:4s}
@keyframes public-picture-crossfade{0%,18%,100%{opacity:0}34%,74%{opacity:1}90%{opacity:0}}
@keyframes public-picture-light{0%,12%{opacity:0;transform:translateX(-65%)}40%{opacity:1}72%,100%{opacity:0;transform:translateX(65%)}}
@media(prefers-reduced-motion:no-preference){
  .public-site[data-public-motion] .p-picture-animated>img,.public-site[data-public-motion] .p-picture-animated .p-picture-story>img{animation:public-image-drift 18s ease-in-out infinite alternate paused}
  .public-site[data-public-motion] .p-picture.is-picture-ready>.p-picture-story{animation:public-picture-crossfade 22s ease-in-out var(--picture-delay,0s) infinite paused}
  .public-site[data-public-motion] .p-picture-animated>.p-picture-light{animation:public-picture-light 14s ease-in-out infinite paused}
  .public-site[data-public-motion="on"] .p-picture[data-in-view="true"]:is(.p-picture-animated,.is-picture-ready)>:is(img,.p-picture-story,.p-picture-light),
  .public-site[data-public-motion="on"] .p-picture[data-in-view="true"] .p-picture-story>img{animation-play-state:running}
}
.public-site.is-document-hidden .p-picture :is(img,.p-picture-story,.p-picture-light),
.public-site .p-story-frame:not(.is-current) .p-picture :is(img,.p-picture-story,.p-picture-light){animation-play-state:paused!important}
@media(min-width:640px) and (max-width:1023.98px){
  .public-site .p-perspectives{margin-inline:12px;margin-bottom:52px;padding-bottom:48px}
  .p-perspective-grid{grid-template-columns:minmax(0,1fr);gap:20px}
  .p-perspective{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr)}
  .p-perspective figure{aspect-ratio:auto;min-height:245px;border-bottom:0;border-right:1px solid var(--p-line)}
  .p-perspective-copy{align-self:center;padding:26px}
  .p-perspectives-heading{align-items:start;gap:18px}
  .public-site .p-perspectives h2{font-size:46px}
  .public-site .p-perspective h3{font-size:35px}
}
@media(max-width:639.98px){
  .public-site .p-perspectives{margin:0 12px 44px;padding-bottom:40px}
  .p-perspectives-heading{display:block;margin-bottom:26px}
  .public-site .p-perspectives h2{font-size:40px}
  .public-site .p-motion-inline{display:inline-flex;margin-top:22px}
  .public-site .p-motion-inline[hidden]{display:none}
  .p-perspective-grid{grid-template-columns:minmax(0,1fr);gap:24px}
  .p-perspective figure{aspect-ratio:6/5}
  .p-perspective-copy{padding:22px 23px 26px}
  .public-site .p-perspective h3{font-size:35px;max-width:20ch}
  .p-perspective-copy>p:last-child{font-size:.93rem}
  .public-site .p-hero-art .p-picture-story>img{object-position:65% 46%}
}
@media(prefers-reduced-motion:reduce){
  .public-site .p-picture :is(img,.p-picture-story,.p-picture-light){animation:none!important;transition:none!important;transform:none!important}
  .public-site .p-picture :is(.p-picture-story,.p-picture-light){display:none!important}
}
@media print{.public-site .p-picture :is(.p-picture-story,.p-picture-light){display:none!important}.p-perspective-grid{display:block}.p-perspective{break-inside:avoid;margin-bottom:20px}.public-site .p-picture img{animation:none!important}}

/* Anmeldung: eigene, ruhige Bildfläche; die bestehenden Anmeldeabläufe bleiben erhalten. */
.public-site .p-login{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1.04fr);width:100%;max-width:1200px;margin:22px auto 38px;border:1px solid rgba(202,219,200,.2);border-radius:14px;overflow:hidden;background:#102019;box-shadow:0 24px 70px #00000024;isolation:isolate}
.p-login-visual{position:relative;isolation:isolate;min-width:0;display:flex;align-items:end;background:#07160e;min-height:620px}
.p-login-image{position:absolute;inset:0;z-index:-2;overflow:hidden}
.p-login-image img{display:block;width:100%;height:100%;object-fit:cover;object-position:76% 43%}
.p-login-visual::after{content:"";position:absolute;inset:0;z-index:-1;pointer-events:none;background:linear-gradient(0deg,rgba(4,18,10,.98),rgba(4,18,10,.77) 25%,rgba(4,18,10,0) 68%)}
.p-login-story{padding:44px clamp(28px,3.6vw,52px);position:relative;max-width:100%}
.public-site .p-login-kicker{display:flex;align-items:center;gap:11px;font:600 .64rem/1.5 "Segoe UI",Arial,sans-serif;letter-spacing:.17em;text-transform:uppercase;color:var(--p-gold);margin:0 0 19px}
.p-login-kicker::before{content:"";height:1px;width:24px;flex:none;background:currentColor}
.public-site .p-login-story h2{font-size:clamp(48px,5.5vw,72px);line-height:.98;font-weight:600;letter-spacing:-.015em;margin:0 0 23px;text-wrap:initial}
.p-login-story h2 span{color:var(--p-gold)}
.p-login-story>p:last-child{font-size:.84rem;line-height:1.8;color:#c4d0c4;margin:0}
.p-login-image-corner{position:absolute;top:26px;left:26px;width:36px;height:36px;border-top:1px solid #e6ca8355;border-left:1px solid #e6ca8355;pointer-events:none}
.p-login-content{padding:clamp(32px,4.1vw,58px);min-width:0;background:radial-gradient(ellipse at 100% 0,#28432a33,transparent 64%),#102019}
.public-site .p-login-heading h1{font-size:clamp(46px,4.8vw,64px);font-weight:600;line-height:1.03;margin:0 0 16px;text-align:left;letter-spacing:-.015em}
.public-site .p-login-heading h1:focus{outline:none}
.public-site .p-login-heading>p:last-child{color:var(--p-muted);font:400 .87rem/1.85 "Segoe UI",Arial,sans-serif;margin:0;max-width:42ch}
.public-site .p-login-form{display:grid;gap:21px;margin-top:30px;min-width:0}
.p-login-field{display:grid;gap:8px;min-width:0}
.public-site .p-login-field>label{display:block;color:#dbe4d9;font:500 .78rem/1.5 "Segoe UI",Arial,sans-serif;letter-spacing:.015em;text-transform:none}
.p-login-input{position:relative;min-width:0}
.p-login-input>svg{position:absolute;top:18px;left:16px;width:20px;height:20px;color:#9ab09c;pointer-events:none}
.public-site .p-login-input>input{display:block;appearance:none;-webkit-appearance:none;width:100%;min-width:0;height:56px;min-height:56px;box-sizing:border-box;padding:13px 16px 13px 48px;background:#09180f;color:#f4f5ec;border:1px solid #3d5142;border-radius:7px;font:400 16px/1.5 "Segoe UI",Arial,sans-serif;letter-spacing:0;box-shadow:inset 0 1px 2px #00000018;color-scheme:dark;outline-offset:3px;scroll-margin-block:100px;transition:border-color .15s ease,box-shadow .15s ease}
.public-site .p-login-input>input:hover{border-color:#63785c}
.public-site .p-login-input>input:focus-visible{border-color:var(--p-gold);outline:2px solid #e6ca8380;outline-offset:2px;box-shadow:0 0 0 4px #e6ca8310}
.public-site .p-login-input>input.invalid{border-color:#ed9c8f}
.p-login-input:focus-within>svg{color:var(--p-gold)}
.public-site .p-login-input>input:-webkit-autofill{-webkit-text-fill-color:#f4f5ec;caret-color:#f4f5ec;box-shadow:0 0 0 100px #15291a inset}
.p-login-field>div:last-child:empty{display:none}
.public-site .p-login-form .validation-message{color:#ffb5a7;font:400 .76rem/1.6 "Segoe UI",Arial,sans-serif;letter-spacing:0;text-transform:none}
.public-site label.p-login-remember{display:flex;align-items:center;gap:11px;min-height:44px;padding:2px 0;margin:-3px 0 -4px;color:#c9d7c9;font:400 .78rem/1.5 "Segoe UI",Arial,sans-serif;letter-spacing:0;text-transform:none;cursor:pointer;touch-action:manipulation}
.public-site .p-login-remember input{appearance:auto;-webkit-appearance:auto;flex:none;width:20px;height:20px;min-width:20px;margin:0;accent-color:var(--p-gold);cursor:pointer;color-scheme:dark}
.public-site button.p-login-submit{display:flex;align-items:center;justify-content:space-between;gap:20px;width:100%;min-height:54px;padding:14px 21px;background:var(--p-gold);border:1px solid var(--p-gold);border-radius:7px;color:#142117;font:600 .88rem/1.4 "Segoe UI",Arial,sans-serif;letter-spacing:0;text-transform:none;box-shadow:none;filter:none;cursor:pointer;touch-action:manipulation;transition:background .15s ease,border-color .15s ease}
.public-site button.p-login-submit:hover{background:#f2dba4;border-color:#f2dba4}
.public-site .p-login-submit>span{font-size:1.3rem;font-weight:400;line-height:1}
.public-site .p-login-error{padding:12px 14px;margin:0;background:#46282066;color:#ffd0c4;border:1px solid #a86b5955;border-radius:7px;font:400 .82rem/1.7 "Segoe UI",Arial,sans-serif}
.p-login-invite{display:flex;align-items:start;gap:14px;border-top:1px solid var(--p-line);padding-top:25px;margin-top:30px}
.p-login-invite>svg{flex:none;width:21px;height:21px;color:var(--p-gold);margin-top:2px}
.public-site .p-login-invite h2{font:600 .8rem/1.5 "Segoe UI",Arial,sans-serif;letter-spacing:0;margin:0 0 7px;color:#e8ede3}
.public-site .p-login-invite p{font:400 .75rem/1.8 "Segoe UI",Arial,sans-serif;color:var(--p-muted);margin:0;max-width:43ch}
.p-login-invite strong{font-weight:500;color:#dbe4d5;white-space:normal}
@media(min-width:640px) and (max-width:1023.98px){
  .public-site .p-login{grid-template-columns:minmax(0,.85fr) minmax(0,1fr);margin-top:12px}
  .p-login-content{padding:36px 28px}
  .p-login-visual{min-height:600px}
  .p-login-story{padding:34px 26px}
  .public-site .p-login-story h2{font-size:52px}
  .p-login-story>p:last-child{font-size:.78rem}
  .p-login-break{display:none}
}
@media(max-width:639.98px){
  .public-site .p-login{grid-template-columns:minmax(0,1fr);margin:0 auto 12px;border-radius:9px}
  .p-login-visual{min-height:190px;align-items:center}
  .p-login-image img{object-position:82% 53%}
  .p-login-visual::after{background:linear-gradient(90deg,#06170fdb 0%,#06170f9c 36%,#06170f12 76%),linear-gradient(0deg,#10201950,transparent 60%)}
  .p-login-story{padding:27px 26px;width:100%}
  .p-login-story .p-login-kicker{font-size:.54rem;letter-spacing:.12em;margin-bottom:14px}
  .public-site .p-login-story h2{font-size:46px;line-height:.97;margin:0}
  .p-login-story>p:last-child{display:none}
  .p-login-image-corner{display:none}
  .p-login-content{padding:29px 26px 30px}
  .public-site .p-login-heading>.p-login-kicker{font-size:.57rem;letter-spacing:.13em;margin-bottom:14px}
  .public-site .p-login-heading h1{font-size:45px;margin-bottom:13px}
  .public-site .p-login-heading>p:last-child{font-size:.86rem;line-height:1.8}
  .p-login-break{display:none}
  .public-site .p-login-form{margin-top:25px;gap:19px}
  .public-site .p-login-field>label{font-size:.8rem}
  .public-site label.p-login-remember{font-size:.8rem}
  .p-login-invite{margin-top:26px;padding-top:22px;gap:11px}
  .public-site .p-login-invite p{font-size:.77rem}
}
@media(max-width:359.98px){.p-login-story{padding-inline:21px}.p-login-content{padding-inline:21px}.public-site .p-login-story h2{font-size:42px}}
@media(prefers-reduced-motion:reduce){.public-site .p-login :is(input,button){transition:none!important}}
/* Öffentliche Mitteilungen: native Dialoge, echte Texte und bedienbare Buttons. */
html.da-announcement-open{overflow:hidden}
dialog.da-announcement{box-sizing:border-box;color:#f9faf7;background:#03170e;border:1px solid #dfbd72;border-radius:26px;padding:0;width:min(680px,calc(100vw - 32px));max-width:none;max-height:calc(100vh - 32px);max-height:calc(100dvh - 32px);margin:auto;overflow:auto;overscroll-behavior:contain;box-shadow:0 0 0 4px #dec17c12,0 30px 100px #000b;font-family:Barlow,system-ui,sans-serif;scrollbar-width:thin;scrollbar-color:#8e7640 #071b12}
dialog.da-announcement:not([open]){display:none}
dialog.da-announcement::backdrop{background:#000b;backdrop-filter:blur(9px);-webkit-backdrop-filter:blur(9px)}
.da-announcement-card{position:relative;isolation:isolate;overflow:hidden;background:radial-gradient(ellipse at 50% 23%,#1d553528,transparent 58%),linear-gradient(135deg,#0b302140,#021109 65%)}
.da-announcement-close{position:absolute;z-index:2;top:16px;right:16px;width:48px;height:48px;min-height:48px;display:grid;place-items:center;border:1px solid #e6c58070;border-radius:50%;background:#03170ee8;color:#f0cf86;font:36px/1 system-ui;cursor:pointer;padding:0}
.da-announcement-brand{display:flex;justify-content:center;gap:0;padding:27px 65px 20px;font:800 italic clamp(27px,6vw,42px)/1.1 'Barlow Condensed',system-ui,sans-serif;letter-spacing:.03em;text-shadow:0 3px 20px #000}
.da-announcement-brand span:first-child,.da-announcement h2 .da-brand-word>span:first-child{color:#fff}
.da-announcement-brand span:last-child,.da-announcement h2 .da-brand-word>span:last-child{color:#e9c67d}
.da-announcement-art{margin:0;position:relative;height:clamp(130px,23vh,235px);overflow:hidden;background:#03170e}
.da-announcement-art::after{content:"";position:absolute;inset:0;background:linear-gradient(0deg,#04160d,transparent 50%,#04160d15)}
.da-announcement-art img{width:100%;height:100%;object-fit:cover;object-position:center 46%;display:block}
.da-announcement-art.is-custom{height:auto;padding:0 20px 20px}.da-announcement-art.is-custom img{height:auto;object-fit:contain;border-radius:12px}.da-announcement-art.is-custom::after{display:none}
.da-announcement-copy{text-align:center;padding:0 clamp(20px,5vw,52px) 28px;position:relative}
.da-announcement-kicker{color:#e9c67d;font-size:12px;font-weight:650;text-transform:uppercase;letter-spacing:.2em;margin:5px 0 14px}
.da-announcement h2{margin:0 auto 19px;max-width:19ch;font:600 clamp(31px,6.5vw,51px)/1.05 'Barlow Condensed',system-ui,sans-serif;color:#fff;letter-spacing:-.01em;overflow-wrap:anywhere;text-wrap:balance}
.da-announcement-text{white-space:pre-line;font-size:clamp(16px,2.8vw,18px);line-height:1.6;color:#dee7df;margin:0 auto 24px;max-width:48ch;overflow-wrap:anywhere}
.da-announcement-benefits{display:flex;justify-content:center;margin:4px 0 25px;color:#d7c594;font-size:11px;text-transform:uppercase;letter-spacing:.07em;gap:0}
.da-announcement-benefits span{padding:4px 13px;border-right:1px solid #b89c5850}.da-announcement-benefits span:last-child{border:0}
.da-announcement-action{box-sizing:border-box;display:flex;align-items:center;justify-content:center;gap:24px;min-height:52px;width:min(100%,390px);margin:0 auto;padding:13px 23px;border:1px solid #e9c67d;border-radius:50px;background:linear-gradient(120deg,#1b482c,#072419);box-shadow:inset 0 0 0 2px #e9c67d18,0 0 24px #87c78410;color:#f4d691;text-decoration:none;font:650 17px/1.4 system-ui,sans-serif;cursor:pointer;overflow-wrap:anywhere}
.da-announcement-action:hover{background:#1c4c30;color:#fff}.da-announcement-action span{font-size:23px;font-weight:400}
.da-announcement-secondary{display:block;min-height:44px;margin:8px auto 0;padding:8px 18px;background:none;border:0;color:#c2cfbf;text-decoration:underline;font:14px system-ui;cursor:pointer}
.da-announcement button:focus-visible,.da-announcement a:focus-visible{outline:3px solid #fff;outline-offset:4px}
.da-announcement-preview{font:12px/1.5 system-ui;color:#a8b4a7;margin:16px 0 0}
@media(max-width:480px){dialog.da-announcement{width:calc(100vw - 20px);max-height:calc(100dvh - 20px);border-radius:22px}.da-announcement-brand{padding:24px 60px 17px}.da-announcement-close{top:12px;right:12px;width:44px;height:44px;min-height:44px;font-size:32px}.da-announcement-copy{padding-bottom:22px}.da-announcement-benefits{font-size:9px;margin-bottom:20px}.da-announcement-benefits span{padding:3px 9px}.da-announcement-text{margin-bottom:20px}}
@media(max-height:500px) and (min-width:600px){dialog.da-announcement{width:min(950px,calc(100vw - 28px))}.da-announcement-card{display:grid;grid-template-columns:40% 1fr}.da-announcement-brand{position:absolute;z-index:1;top:15px;left:10px;width:calc(40% - 20px);padding:0;font-size:28px}.da-announcement-art{height:auto;min-height:310px;grid-row:1}.da-announcement-art::after{background:linear-gradient(90deg,transparent,#04160d)}.da-announcement-copy{padding:30px 50px 24px 20px}.da-announcement h2{font-size:33px}.da-announcement-benefits{display:none}}

/* Neues Original-Emblem neben dem unveränderten weißen/goldenen Schriftzug. */
.da-announcement-brand{align-items:center}
.da-announcement-brand>img{width:42px;height:42px;object-fit:contain;flex:none;margin-right:10px}
.da-announcement-brand span:nth-of-type(1){color:#fff}
.da-announcement-brand span:nth-of-type(2){color:#e9c67d}
@media(max-width:380px){.da-announcement-brand>img{width:30px;height:30px;margin-right:7px}}
@media(max-height:500px) and (min-width:600px){.da-announcement-brand>img{width:30px;height:30px;margin-right:7px}}
