/* Larger editorial cards frame the original animated scene. */
html{scroll-behavior:smooth;scroll-padding-top:110px}.s{padding-left:6vw;padding-right:6vw}.t{width:min(100%,640px);max-width:640px;padding:44px;border:1px solid #ffffffa6;border-radius:28px;background:rgba(255,255,255,.95);box-shadow:0 18px 70px #1717170d;backdrop-filter:blur(18px)}.t h2{font-size:clamp(40px,4.6vw,76px);line-height:1.02;letter-spacing:-.045em}.t p{font-size:clamp(18px,1.45vw,23px);line-height:1.65;margin-top:22px}.card-kicker{display:block;font:700 12px/1.5 "DM Sans",Arial,sans-serif;letter-spacing:1.8px;color:#62625b;margin-bottom:22px}.hero{padding-top:17vh}.hero .t{width:100%;max-width:1100px;border:0;box-shadow:none;padding:20px;background:none;backdrop-filter:none}.hero h1{font-size:clamp(100px,20vw,270px)}.hero .hero-label{font-size:13px;font-weight:700;letter-spacing:2.5px;margin:0 0 12px}.hero .t>p:not(.hero-label){max-width:640px;margin:24px auto 0}.hero .explore{margin-top:28px}.explore span{margin-left:26px}body:has(#home) .go{font-size:17px;padding:16px 26px;margin-top:28px;min-height:58px;display:inline-flex;align-items:center;justify-content:center;border-radius:12px}.tools-section .t{max-width:1220px;width:100%;padding:56px}.tools-section .t>p{max-width:700px;margin:22px auto 0}.tools-section .chips{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:12px;margin-top:36px;text-align:left}body:has(#home) .chips a{display:flex;align-items:center;justify-content:space-between;gap:12px;min-height:66px;padding:17px 20px;font-size:17px;border-radius:12px;background:#fafaf7}.chips a::after{content:'↗︎';font-size:20px;color:#74746c}.tools-section{min-height:125vh;padding-top:100px;padding-bottom:100px}body:has(#home) .logo{font-size:38px}body:has(#home) header{min-height:96px}body:has(#home) #mb{padding:15px 24px;font-size:16px;border-radius:12px}.dots{right:24px;gap:16px}.dots button{width:13px;height:13px}
@media(min-width:1700px){.t{max-width:760px;width:760px;padding:56px}.t p{font-size:25px}.tools-section .t{max-width:1380px}.card-kicker{font-size:14px}}
@media(max-width:1050px){.t{max-width:540px;padding:32px}.t h2{font-size:50px}.tools-section .t{padding:36px}.tools-section .chips{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media(max-width:600px){html{scroll-padding-top:90px}.s{padding-left:20px;padding-right:20px}.t{max-width:100%;padding:28px;border-radius:22px}.t h2{font-size:40px}.t p{font-size:17px;margin-top:16px}.card-kicker{font-size:11px;margin-bottom:16px}.hero{padding-top:19vh}.hero .t{padding:0}.hero h1{font-size:28vw}.hero .hero-label{font-size:11px}.hero .t>p:not(.hero-label){font-size:18px}.tools-section{padding-top:70px;padding-bottom:70px}.tools-section .t{padding:26px 20px}.tools-section .chips{grid-template-columns:1fr;gap:8px;margin-top:26px}body:has(#home) .chips a{font-size:16px;min-height:54px;padding:13px 16px}body:has(#home) .logo{font-size:31px}body:has(#home) header{min-height:80px;padding:14px 20px}body:has(#home) #mb{font-size:14px;padding:12px 16px;min-height:46px}.dots{right:6px;gap:12px}.dots button{width:9px;height:9px}body:has(#home) .go{font-size:16px;min-height:54px;padding:13px 20px}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}.t{will-change:auto}}
/* Handy: Tool-Kacheln immer zu zweit nebeneinander, Text bricht um statt abgeschnitten zu werden */
@media(max-width:600px){
.tools-section .t{padding:22px 14px}
.tools-section .chips{grid-template-columns:repeat(2,minmax(0,1fr));gap:8px}
body:has(#home) .chips a{min-height:58px;padding:10px 10px;gap:6px;font-size:15px;line-height:1.2;align-items:center;justify-content:flex-start;overflow:visible}
.chips a::after{display:none}
.chips .chip-l{gap:8px;min-width:0;flex:1 1 auto;align-items:center}
.chips .ico{flex:0 0 auto}
.chips .ico .ico-svg{width:20px;height:20px}
.chips .nm{min-width:0;white-space:normal;overflow:visible;text-overflow:clip;overflow-wrap:anywhere;hyphens:auto;-webkit-hyphens:auto}
/* Header-Schrift = Schrift der Tool-Kacheln (DM Sans, fett) */
body:has(#home) .logo,.logo{font-family:"DM Sans",system-ui,sans-serif!important;font-weight:700!important;letter-spacing:-.02em}
#mb,body:has(#home) #mb{font-family:"DM Sans",system-ui,sans-serif!important;font-weight:700!important;font-size:15px!important}
}

.tools-section .chips{gap:18px}
@media(max-width:600px){.tools-section .chips{gap:14px}}

/* Mobil: Menü-Knopf größer */
@media(max-width:780px){html body #mb,html body:has(#home) #mb{font-size:20px!important;font-weight:800!important;line-height:1.15!important;min-height:48px!important;padding:10px 20px!important;border-radius:12px!important}html body header,body:has(#home) header{min-height:62px!important;padding:8px 14px!important}html body .logo{font-size:30px!important}}
/* Mobil: Kopfzeile in Schrift und Transparenz wie Desktop */
@media(max-width:780px){html body #mb,html body:has(#home) #mb{font-family:"Bricolage Grotesque",Georgia,sans-serif!important;font-weight:800!important}html body .logo,html body:has(#home) .logo{font-family:"Bricolage Grotesque",Georgia,sans-serif!important;font-weight:800!important;letter-spacing:-.04em!important}html body header,html body:has(#home) header{background:rgba(255,255,255,.55)!important;-webkit-backdrop-filter:blur(16px) saturate(1.5)!important;backdrop-filter:blur(16px) saturate(1.5)!important}}