:root{
  --blue:#1d4fd8;--blue-dark:#12308f;--blue-deep:#0c1f5c;--yellow:#ffd23f;--yellow-dark:#e6b800;
  --ink:#14213d;--white:#fff;--soft:#eef3ff;--radius:18px;
}
*{box-sizing:border-box}
html{scroll-behavior:smooth}
body{margin:0;font-family:system-ui,-apple-system,"Segoe UI",sans-serif;color:var(--ink);background:var(--white);line-height:1.6;font-size:17px}
img{max-width:100%;height:auto;display:block}
a{color:inherit}
.wrap{max-width:1080px;margin:0 auto;padding:0 20px}

/* Kopfzeile */
.top{position:sticky;top:0;z-index:20;background:rgba(18,48,143,.96);backdrop-filter:blur(6px)}
.top .wrap{display:flex;align-items:center;justify-content:space-between;height:60px;gap:16px}
.logo{font-weight:900;color:var(--yellow);text-decoration:none;font-size:19px;letter-spacing:.5px;white-space:nowrap}
.logo span{color:#8fc3ff}
.nav{display:flex;gap:20px}
.nav a{color:#fff;text-decoration:none;font-weight:700;font-size:15px;opacity:.9}
.nav a:hover{opacity:1;color:var(--yellow)}
@media (max-width:760px){.nav{display:none}}

/* Hero */
.hero{background:radial-gradient(ellipse at 70% 40%,#3a74ff 0%,var(--blue) 45%,var(--blue-dark) 100%);color:#fff;overflow:hidden;position:relative}
.hero .wrap{display:grid;grid-template-columns:1.1fr .9fr;gap:40px;align-items:center;padding-top:56px;padding-bottom:64px}
.kicker{display:inline-block;background:var(--yellow);color:var(--ink);font-weight:900;padding:4px 14px;border-radius:999px;font-size:14px;letter-spacing:.5px;transform:rotate(-2deg)}
.hero h1{font-weight:900;font-size:clamp(44px,7vw,84px);line-height:.95;margin:18px 0 10px;color:var(--yellow);text-shadow:0 4px 0 var(--blue-deep)}
.hero h1 .poor{color:#9fd0ff}
.hero .claim{font-size:clamp(20px,2.4vw,26px);font-weight:700;margin:18px 0 6px}
.hero .claim b{color:var(--yellow)}
.hero p.lead{font-size:18px;max-width:34em;opacity:.95}
.btns{display:flex;flex-wrap:wrap;gap:12px;margin-top:26px}
.btn{display:inline-block;font-weight:900;text-decoration:none;padding:14px 24px;border-radius:999px;font-size:16px}
.btn.yellow{background:var(--yellow);color:var(--ink);box-shadow:0 4px 0 var(--yellow-dark)}
.btn.ghost{border:2px solid #fff;color:#fff}
.btn.soon{background:#fff;color:var(--blue-dark);cursor:default;box-shadow:0 4px 0 #c9d6ff}
.cover{max-width:380px;margin-left:auto;border-radius:6px;box-shadow:0 30px 60px rgba(0,0,0,.45);transform:rotate(3deg)}
@media (max-width:860px){.hero .wrap{grid-template-columns:1fr;text-align:center}.cover{margin:10px auto 0;max-width:280px}.btns{justify-content:center}.hero p.lead{margin:0 auto}}

/* Abschnitte */
section{padding:72px 0}
section.alt{background:var(--soft)}
section.dark{background:var(--blue-dark);color:#fff}
h2{font-weight:900;font-size:clamp(30px,4vw,44px);line-height:1.1;margin:0 0 18px}
h2 .hl{background:var(--yellow);color:var(--ink);padding:0 10px;border-radius:6px;box-decoration-break:clone;-webkit-box-decoration-break:clone}
.dark h2 .hl{color:var(--ink)}
.intro{font-size:19px;max-width:44em}
.grid2{display:grid;grid-template-columns:1fr 1fr;gap:40px;align-items:center}
@media (max-width:800px){.grid2{grid-template-columns:1fr}}
.sketch{background:#fff;border-radius:var(--radius);padding:14px;box-shadow:0 10px 30px rgba(18,48,143,.15)}

/* Six Seven */
.ss{display:grid;grid-template-columns:1fr 1fr;gap:24px;margin-top:30px}
.ss .card{background:rgba(255,255,255,.08);border:2px solid rgba(255,255,255,.18);border-radius:var(--radius);padding:26px}
.ss .num{font-size:72px;font-weight:900;color:var(--yellow);line-height:1}
.ss h3{margin:6px 0 8px;font-size:22px}
.ss p{margin:0;opacity:.92}
@media (max-width:700px){.ss{grid-template-columns:1fr}}

/* Liste */
.checks{list-style:none;padding:0;margin:20px 0 0}
.checks li{padding-left:36px;position:relative;margin:10px 0;font-size:18px}
.checks li:before{content:"✓";position:absolute;left:0;top:-1px;width:26px;height:26px;border-radius:50%;background:var(--yellow);color:var(--ink);font-weight:900;display:grid;place-items:center;font-size:15px}

/* Videos */
.videos{display:grid;grid-template-columns:repeat(auto-fill,minmax(280px,1fr));gap:22px;margin-top:28px}
.vid{border-radius:var(--radius);overflow:hidden;background:var(--blue-deep);color:#fff;aspect-ratio:16/9;display:grid;place-items:center;text-align:center;padding:18px;position:relative}
.vid button{all:unset;cursor:pointer;display:grid;place-items:center;inset:0;position:absolute;padding:18px}
.vid .play{width:64px;height:64px;border-radius:50%;background:var(--yellow);color:var(--ink);display:grid;place-items:center;font-size:26px;margin:0 auto 10px}
.vid small{display:block;opacity:.75;font-size:12px;margin-top:6px}
.vid iframe{position:absolute;inset:0;width:100%;height:100%;border:0}
.placeholder{opacity:.9}

/* Downloads */
.dl{display:grid;grid-template-columns:1fr 1fr;gap:24px;margin-top:28px}
.dl a{display:flex;gap:18px;align-items:center;background:#fff;border-radius:var(--radius);padding:20px;text-decoration:none;box-shadow:0 8px 24px rgba(18,48,143,.12);border:2px solid transparent}
.dl a:hover{border-color:var(--yellow)}
.dl img{width:90px;height:110px;object-fit:cover;border-radius:8px;border:1px solid #dde4f5}
.dl b{font-size:19px;display:block}
.dl span{font-size:15px;opacity:.75}
@media (max-width:700px){.dl{grid-template-columns:1fr}}

/* Shop */
.shop{text-align:center}
.badge{display:inline-block;margin-top:10px;background:var(--yellow);color:var(--ink);font-weight:900;padding:8px 18px;border-radius:999px}

/* Kontakt + Fuß */
.contact a{color:var(--yellow);font-weight:900;font-size:22px;text-decoration:none}
footer{background:var(--blue-deep);color:#c9d6ff;padding:30px 0;font-size:14px}
footer .wrap{display:flex;flex-wrap:wrap;justify-content:space-between;gap:12px}
footer a{color:#fff;text-decoration:none;margin-left:18px}
footer a:first-child{margin-left:0}

/* Rechtsseiten */
.legal{padding:50px 0 70px}
.legal h1{font-weight:900;font-size:38px;margin:0 0 20px;color:var(--blue-dark)}
.legal h2{font-size:22px;margin:30px 0 8px}
.legal p,.legal li{max-width:46em}
.todo{background:#fff4c2;border-left:4px solid var(--yellow-dark);padding:2px 6px}

/* WEBELITE PREMIUM V1.1 */
:root{--blue:#2054df;--blue-dark:#162f85;--blue-deep:#0b1c50;--yellow:#ffcf32;--ink:#172341;--soft:#f0f4ff;--radius:20px}
body{-webkit-font-smoothing:antialiased}
.wrap{max-width:1160px;padding-inline:clamp(20px,4vw,48px)}
.top{background:rgba(12,30,82,.96);border-bottom:1px solid rgba(255,255,255,.13);box-shadow:0 5px 24px rgba(7,24,71,.12)}
.top .wrap{height:70px}.logo{font-size:17px;letter-spacing:.06em}.nav{gap:clamp(12px,1.6vw,24px)}.nav a{font-size:13px}
.nav a:focus-visible,.btn:focus-visible,.dl a:focus-visible,.menu-toggle:focus-visible{outline:3px solid var(--yellow);outline-offset:4px}
.hero{background:radial-gradient(circle at 73% 35%,#4380ff 0%,#2259e5 38%,#132e86 75%,#0d225f 100%)}
.hero .wrap{gap:clamp(35px,6vw,90px);padding-top:clamp(60px,8vw,105px);padding-bottom:clamp(70px,8vw,110px)}
.hero h1{font-size:clamp(48px,6.3vw,86px);letter-spacing:-.045em;line-height:.98;margin-top:24px;text-shadow:0 5px 0 rgba(7,24,71,.5)}
.hero .claim{margin-top:26px;font-size:clamp(21px,2.3vw,28px);line-height:1.35}.hero p.lead{line-height:1.7;color:#eaf0ff}
.cover{max-width:390px;box-shadow:0 38px 72px rgba(2,13,52,.43);transition:transform .3s}.cover:hover{transform:rotate(1deg) translateY(-5px)}
.btn{transition:transform .2s,background .2s}.btn:hover{transform:translateY(-3px)}.btn.ghost:hover{background:rgba(255,255,255,.12)}
section{padding:clamp(68px,8vw,108px) 0;scroll-margin-top:70px}h2{letter-spacing:-.035em;line-height:1.16}.intro{line-height:1.75}
.grid2{gap:clamp(35px,6vw,85px)}.sketch{padding:13px;border:1px solid #e7ecf7;box-shadow:0 18px 42px rgba(18,48,143,.11)}.sketch img{border-radius:11px}
.dark{background:linear-gradient(135deg,#18368f,#10266f)}.ss .card{padding:clamp(24px,3vw,36px);background:rgba(255,255,255,.085);border:1px solid rgba(255,255,255,.2);box-shadow:0 15px 40px rgba(0,0,0,.08)}
.vid{background:linear-gradient(135deg,#243f91,#11245e);box-shadow:0 12px 28px rgba(17,40,105,.15)}.vid .play{box-shadow:0 8px 20px rgba(0,0,0,.2)}
.dl a{box-shadow:0 12px 30px rgba(18,48,143,.09);transition:transform .2s,box-shadow .2s}.dl a:hover{transform:translateY(-4px);box-shadow:0 18px 36px rgba(18,48,143,.14)}
.contact a{color:var(--blue-dark);overflow-wrap:anywhere}footer{border-top:3px solid var(--yellow)}
.menu-toggle{display:none;border:1px solid rgba(255,255,255,.45);background:transparent;color:#fff;border-radius:11px;padding:9px 13px;font:700 14px Lato,sans-serif;cursor:pointer}
@media(max-width:860px){.top .wrap{height:64px}.menu-toggle{display:block}.nav{display:none;position:absolute;top:64px;left:0;right:0;padding:12px 20px 20px;background:#10266f;box-shadow:0 18px 30px rgba(0,0,0,.22);flex-direction:column;gap:0}.nav.is-open{display:flex}.nav a{display:block;padding:13px 8px;font-size:16px;border-bottom:1px solid rgba(255,255,255,.12)}.hero .wrap{grid-template-columns:1fr;text-align:center;padding-top:62px;padding-bottom:72px}.cover{margin:18px auto 0;max-width:min(310px,70vw)}.btns{justify-content:center}.hero p.lead{margin-inline:auto}}
@media(max-width:600px){body{font-size:16px}.wrap{padding-inline:22px}.logo{font-size:13px;letter-spacing:.03em}.hero h1{font-size:clamp(43px,11vw,68px)}.hero .claim{font-size:21px}.hero p.lead{font-size:16px}.kicker{font-size:11px}h2{font-size:clamp(29px,8vw,38px)}.intro{font-size:17px}.checks li{font-size:16px}.ss{gap:14px}.ss .num{font-size:60px}.videos{grid-template-columns:1fr}.dl{gap:15px}.dl a{padding:14px;gap:14px}.dl img{width:72px;height:90px}.dl b{font-size:16px}.dl span{font-size:13px}footer .wrap{gap:18px}footer a{margin-left:0;margin-right:18px}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,*::before,*::after{transition:none!important;animation:none!important}}

/* WEBELITE 1.2 — verified source-level refinements */
:root{color-scheme:light}
body{overflow-wrap:break-word}
.top .wrap{position:relative}
section.dark{background:linear-gradient(135deg,#18368f,#10266f)}
.vid button:focus-visible,.logo:focus-visible,.nav a:focus-visible,.contact a:focus-visible,footer a:focus-visible{outline:3px solid #ffcf32;outline-offset:4px}
.vid button{width:100%;height:100%;box-sizing:border-box}
.vid button:hover .play{transform:scale(1.08)}
.vid .play{transition:transform .2s}
.sketch img{width:100%;height:auto}
.dl a{min-width:0}
.dl a div{min-width:0}
@media(max-width:860px){
  .nav{z-index:30}
  .nav:not(.is-open){display:none}
}
@media(max-width:380px){
  .hero h1{font-size:clamp(36px,10.6vw,44px)}
  .kicker{font-size:10px}
  .btn{font-size:14px;padding:12px 17px}
  .logo{font-size:12px}
}
@media(prefers-reduced-motion:reduce){.vid .play{transition:none}}

/* WEBELITE V1.5 — Uppy & Downy */
.mascots-section{background:linear-gradient(180deg,#fff 0%,#edf3ff 100%);overflow:hidden}
.mascots-heading{max-width:760px;margin:0 auto 36px;text-align:center}
.mascots-eyebrow{display:inline-block;font-size:12px;font-weight:900;letter-spacing:.12em;color:#f9e8a5;margin-bottom:14px;text-shadow:0 1px 2px rgba(0,0,0,.25)}
.mascots-heading .intro{margin-inline:auto}
.mascots-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:24px}
.mascot-card{display:grid;grid-template-columns:minmax(125px,43%) 1fr;align-items:center;gap:18px;padding:24px;border:1px solid #dbe5f6;border-radius:24px;background:#fff;box-shadow:0 16px 38px rgba(15,39,105,.1);min-width:0}
.mascot-card img{width:100%;height:auto;object-fit:contain;mix-blend-mode:multiply;animation:mascotFloat 4s ease-in-out infinite}
.mascot-down img{animation-delay:-2s}
.mascot-copy{min-width:0}.mascot-copy h3{font-size:clamp(21px,2.2vw,29px);line-height:1.16;margin:9px 0 13px;color:#172341}
.mascot-copy p{font-size:clamp(15px,1.35vw,17px);line-height:1.6;margin:0;color:#35445e}
.mascot-label{font-size:11px;font-weight:900;letter-spacing:.07em;color:#23703d}
.mascot-down .mascot-label{color:#ad3434}
.mascots-tip{margin-top:25px;padding:23px 27px;background:#173582;color:#fff;border-radius:18px;font-size:clamp(15px,1.5vw,18px);line-height:1.6}
.mascots-tip strong{color:#ffdb53}.mascots-disclaimer{font-size:13px;text-align:center;color:#53627a;margin:14px 0 0}
@keyframes mascotFloat{0%,100%{transform:translateY(0) rotate(-1deg)}50%{transform:translateY(-10px) rotate(1deg)}}
@media(max-width:1050px){.mascot-card{grid-template-columns:1fr;text-align:center}.mascot-card img{max-width:240px;margin:auto}}
@media(max-width:650px){.mascots-grid{grid-template-columns:1fr;gap:18px}.mascot-card{grid-template-columns:35% 1fr;gap:12px;padding:15px;border-radius:19px;text-align:left}.mascot-card img{max-width:100%}.mascot-copy h3{font-size:20px}.mascot-copy p{font-size:14px;line-height:1.48}.mascot-label{font-size:9px}.mascots-tip{padding:18px}}
@media(max-width:360px){.mascot-card{grid-template-columns:1fr;text-align:center}.mascot-card img{max-width:180px}}
@media(prefers-reduced-motion:reduce){.mascot-card img{animation:none}}

/* WEBELITE 1.8 – Uppy & Downy Charaktervorstellung / Börsenwissen */
.mascots-showcase{max-width:760px;margin:32px auto 38px;text-align:center}
.mascots-showcase img{display:block;width:min(100%,580px);height:auto;margin:0 auto;border-radius:22px;box-shadow:0 18px 46px rgba(14,38,104,.16)}
.mascots-showcase figcaption{margin:14px auto 0;font-size:14px;line-height:1.6;color:#425372}
.boersenwissen{margin-top:38px;padding:clamp(20px,3.5vw,36px);background:#fff;border:1px solid #e2e9f6;border-radius:22px;box-shadow:0 14px 40px rgba(12,40,108,.08)}
.boersenwissen-head{display:flex;justify-content:space-between;align-items:center;gap:20px;flex-wrap:wrap}
.boersenwissen h3{font-size:clamp(24px,3vw,34px);line-height:1.2;margin:7px 0 0;color:#172341}
.wissen-next{appearance:none;border:0;border-radius:100px;background:#ffcf32;color:#172341;font:700 15px Lato,Arial,sans-serif;padding:13px 21px;cursor:pointer;min-height:44px}
.wissen-next:hover{background:#ffdf65}
.wissen-next:focus-visible{outline:3px solid #173582;outline-offset:3px}
.wissen-panel{display:grid;grid-template-columns:140px 1fr;gap:24px;align-items:center;margin-top:20px;background:#f0f4ff;border-radius:17px;padding:22px}
.wissen-panel img{width:100%;height:auto;mix-blend-mode:multiply}
.wissen-label{font-size:12px;font-weight:900;letter-spacing:.07em;color:#173582;margin:0 0 9px}
.wissen-text{font-size:clamp(17px,2vw,22px);line-height:1.5;font-weight:700;color:#172341;margin:0}
.wissen-count{font-size:13px;color:#53627a;margin:12px 0 0}
@media(max-width:600px){.mascots-showcase{margin:24px auto 30px}.mascots-showcase img{width:100%;border-radius:16px}.boersenwissen-head{display:block}.wissen-next{margin-top:16px;width:100%}.wissen-panel{grid-template-columns:86px 1fr;gap:12px;padding:14px}.wissen-text{font-size:16px}.wissen-label{font-size:10px}}
@media(max-width:350px){.wissen-panel{grid-template-columns:1fr;text-align:center}.wissen-panel img{max-width:120px;margin:auto}}

/* V122 homepage TOP 5 */
.home-top-tools{padding:66px 0;background:radial-gradient(circle at 20% 0,#1252aa,#08163e 75%);color:#fff}.home-top-tools h2{color:#fff;margin:10px 0}.home-top-tools p{color:#c4e9ff}.top-tools-header{display:flex;justify-content:space-between;gap:20px;align-items:center;margin-bottom:28px}.tools-all{color:#ffdc47;font-weight:800}.top-tools-grid{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:14px}.top-tool{display:flex;flex-direction:column;align-items:center;text-align:center;gap:8px;background:linear-gradient(145deg,#1156ae,#071c55);border:1px solid #39a9ff;border-radius:18px;padding:14px 12px 18px;text-decoration:none;color:white;box-shadow:0 12px 30px #0003;transition:transform .2s}.top-tool:hover{transform:translateY(-4px)}.top-tool img{width:100%;max-width:160px;height:125px;object-fit:contain}.top-tool strong{display:block;font-size:17px;color:#fff;line-height:1.3}.top-tool small{display:block;color:#c6e9ff;margin:8px 0;line-height:1.35}.top-tool em{display:block;background:#ffd23f;border-radius:10px;color:#071b49;font-style:normal;font-weight:850;padding:10px 5px;font-size:14px}@media(max-width:1000px){.top-tools-grid{grid-template-columns:repeat(3,1fr)}}@media(max-width:650px){.top-tools-header{display:block}.top-tools-grid{grid-template-columns:repeat(2,1fr)}.top-tool img{height:100px}}@media(max-width:390px){.top-tools-grid{grid-template-columns:1fr}}
/* V128: Freigestellte, sanft animierte Originalfiguren */
.mascot-card img,.wissen-panel img,.market-side-head img {mix-blend-mode:normal!important;background:transparent!important;object-fit:contain;will-change:transform;transform-origin:center bottom;}
.mascot-up img,.market-side:first-child .market-side-head img {animation:rkpkUppyFloat 3.8s ease-in-out infinite!important;}
.mascot-down img,.market-side:nth-child(2) .market-side-head img {animation:rkpkDownySway 4.4s ease-in-out infinite!important;}
.wissen-panel img {animation:rkpkUppyFloat 4s ease-in-out infinite;}
@keyframes rkpkUppyFloat {0%,100%{transform:translateY(0) rotate(-2deg)}50%{transform:translateY(-9px) rotate(2deg)}}
@keyframes rkpkDownySway {0%,100%{transform:translateY(0) rotate(2deg)}50%{transform:translateY(5px) rotate(-3deg)}}
@media(prefers-reduced-motion:reduce){.mascot-card img,.wissen-panel img,.market-side-head img{animation:none!important;will-change:auto!important}}

/* V129: Six Seven cards stay side by side on phones */
#regel .ss{grid-template-columns:repeat(2,minmax(0,1fr));gap:14px;align-items:stretch}
#regel .ss .card{min-width:0;padding:clamp(13px,2.6vw,22px);border-radius:20px;display:flex;flex-direction:column}
#regel .ss .num{font-size:clamp(42px,8vw,62px);line-height:1;font-weight:900}
#regel .ss h3{font-size:clamp(16px,3.8vw,21px);line-height:1.2;margin:12px 0 8px;overflow-wrap:anywhere}
#regel .ss p{font-size:clamp(13px,3.1vw,16px);line-height:1.48;overflow-wrap:break-word}
@media(max-width:360px){#regel .ss{gap:9px}#regel .ss .card{padding:11px}#regel .ss p{font-size:12px}}

/* V130: Eltern und Grosseltern – warmes Familienmotiv und kompakte Nutzenkacheln */
#eltern{background:radial-gradient(ellipse at 35% 0%,#2152ae 0%,#123482 60%,#081b51 100%);color:#fff;overflow:hidden}
#eltern .parents-wrap{max-width:1080px}
#eltern .parents-visual{overflow:hidden;border-radius:26px;border:1px solid rgba(99,186,255,.48);box-shadow:0 16px 50px rgba(0,0,0,.24);margin-bottom:32px;background:#0b2865}
#eltern .parents-visual img{width:100%;aspect-ratio:1024/533;object-fit:cover;animation:parentsDrift 9s ease-in-out infinite alternate}
#eltern .parents-content{max-width:940px;margin:auto}
#eltern h2{font-size:clamp(32px,5vw,58px);margin-bottom:20px}
#eltern p{color:#e4edff;font-size:clamp(16px,2.1vw,20px);line-height:1.65}
#eltern .intro{max-width:850px}
#eltern .parents-benefits{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));border:1px solid #3185ed;background:rgba(3,21,66,.55);border-radius:20px;margin:30px 0 12px;padding:18px 8px}
#eltern .parents-benefits>div{min-width:0;text-align:center;display:flex;flex-direction:column;gap:8px;align-items:center;justify-content:center;padding:8px 10px;border-right:1px solid #2c6dc4}
#eltern .parents-benefits>div:last-child{border-right:0}
#eltern .parents-benefits span{color:#ffd23f;font-size:30px;font-weight:900;line-height:1}
#eltern .parents-benefits b{font-size:clamp(12px,1.8vw,16px);line-height:1.3;color:white}
#eltern .parents-note{padding:17px 22px;background:rgba(4,23,72,.7);border:1px solid #3185ed;border-radius:18px;font-size:clamp(14px,1.8vw,17px)}
@keyframes parentsDrift{from{transform:scale(1)}to{transform:scale(1.035)}}
@media(max-width:600px){#eltern{padding:42px 0}#eltern .parents-visual{border-radius:17px;margin-bottom:26px}#eltern .parents-benefits{grid-template-columns:repeat(2,minmax(0,1fr));padding:8px}#eltern .parents-benefits>div:nth-child(2){border-right:0}#eltern .parents-benefits>div:nth-child(-n+2){border-bottom:1px solid #2c6dc4}#eltern .parents-benefits>div{padding:14px 6px}#eltern .parents-note{padding:14px}}
@media(prefers-reduced-motion:reduce){#eltern .parents-visual img{animation:none!important}}

/* WEBELITE V136: Börsenspiel */
.game136{padding:65px 0;background:linear-gradient(145deg,#061b49,#124a9b);color:white}.game136-panel{max-width:1050px;margin:auto}.game136 h2{font-size:clamp(1.8rem,4vw,3rem);margin:.5rem 0}.game136-kicker{color:#ffda4a;font-weight:800;letter-spacing:.06em}.game136-disclaimer{font-size:.9rem;opacity:.92}.game136-stats{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:12px;margin:25px 0}.game136-stats>div,.game136-stock{background:#fff;color:#102950;border-radius:16px;padding:17px}.game136-stats small{display:block;color:#465775}.game136-stats strong{display:block;font-size:1.3rem;margin-top:6px}.game136-market{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:14px}.game136-stock h3{margin:0 0 8px;color:#112e60}.game136-stock p{margin:5px 0}.game136-stock .game136-price{font-size:1.5rem;font-weight:800}.game136-stock .game136-trade{display:flex;gap:8px;margin-top:12px}.game136 button{border:0;border-radius:10px;padding:11px 14px;font-weight:800;cursor:pointer;background:#ffd84d;color:#082351}.game136-stock button{flex:1}.game136-stock button:disabled{opacity:.4;cursor:not-allowed}.game136-stock .game136-sell{background:#dbe9ff}.game136-actions{display:flex;gap:12px;flex-wrap:wrap;margin-top:20px}.game136 .game136-reset{background:#e7edff}.game136 #game136-message{min-height:1.5em;font-weight:700}@media(max-width:720px){.game136-stats{grid-template-columns:repeat(2,minmax(0,1fr))}.game136-market{grid-template-columns:1fr}.game136{padding:42px 0}}

/* V177: high contrast eyebrow on the blue learning panel */
.boersenwissen .mascots-eyebrow{color:#fff1ac!important;opacity:1!important;text-shadow:0 1px 2px #102e64!important;letter-spacing:.08em!important;line-height:1.5!important}