/* Werkzeugkiste: Unterseite (Tabs) + Startseiten-Karte. Typografie lt. typografie.md */
.wk-h1,.wk-card h2{font-family:"PM Serif",Georgia,serif;font-weight:500;color:#eef3ff;font-size:clamp(30px,3.6vw,46px);line-height:1.06;letter-spacing:-.01em;margin:0 0 14px}
.wk-h1 em,.wk-card h2 em{font-family:"PM Serif",Georgia,serif;font-style:italic;font-weight:420;background:linear-gradient(95deg,#8eb0ff 0%,#5ee7ff 38%,#f6e2a6 72%,#e2b653 100%);-webkit-background-clip:text;background-clip:text;color:transparent;-webkit-text-fill-color:transparent}
.wk-head p:not(.ah-eyebrow),.wk-card .wk-sub{font-family:"AH Sans","PM Sans",Inter,system-ui,sans-serif;font-weight:400;color:#8d99b8;font-size:17px;line-height:1.55}
.wk-hero{padding-bottom:8px}
.wk-head{text-align:center;max-width:820px;margin:0 auto 28px}
.wk-tabs{display:grid;grid-template-columns:repeat(3,1fr);gap:12px;max-width:980px;margin:0 auto;position:sticky;top:70px;z-index:5}
.wk-tabs [role=tab]{display:flex;gap:12px;align-items:flex-start;text-align:left;padding:16px 18px;border-radius:18px;border:1px solid rgba(142,176,255,.18);background:linear-gradient(180deg,rgba(18,28,56,.92),rgba(8,13,28,.92));color:#eef3ff;cursor:pointer;font:inherit;min-height:44px;transition:border-color .2s,box-shadow .2s,transform .2s;backdrop-filter:blur(10px)}
.wk-tabs [role=tab] b{display:block;font-family:"PM Serif",Georgia,serif;font-weight:500;font-size:20px;color:#eef3ff}
.wk-tabs [role=tab] small{display:block;font-family:"AH Sans",Inter,sans-serif;font-weight:400;font-size:14px;color:#8d99b8;margin-top:3px;line-height:1.4}
.wk-tabs [role=tab]:hover{border-color:rgba(94,231,255,.45)}
.wk-tabs [role=tab][aria-selected=true]{border-color:rgba(94,231,255,.7);box-shadow:0 0 0 1px rgba(94,231,255,.35),0 18px 40px -18px rgba(77,126,240,.6)}
.wk-tabs [role=tab][aria-selected=true] small{color:#c7d1ea}
.wk-tabs [role=tab]:focus-visible{outline:2px solid #5ee7ff;outline-offset:3px}
.wk-ti{font-size:24px;line-height:1;flex:none;width:44px;height:44px;display:grid;place-items:center;border-radius:12px;background:rgba(77,126,240,.16)}
.wk-panel:focus-visible{outline:none}
.wk-panel .ah-rv{opacity:1!important;transform:none!important}
.wk-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(210px,1fr));gap:14px;margin-top:8px}
.wk-item{padding:20px;border-radius:18px;border:1px solid rgba(142,176,255,.16);background:linear-gradient(180deg,rgba(18,28,56,.7),rgba(8,13,28,.7))}
.wk-item>span{font-size:26px}
.wk-item h3{font-family:"PM Serif",Georgia,serif;font-weight:500;color:#eef3ff;font-size:19px;margin:10px 0 6px}
.wk-item p{font-family:"AH Sans",Inter,sans-serif;color:#8d99b8;font-size:15px;line-height:1.5;margin:0}
.wk-grid-4{grid-template-columns:repeat(auto-fill,minmax(230px,1fr))}
.wk-steps{list-style:none;padding:0;margin:22px 0 0;display:flex;flex-wrap:wrap;gap:10px}
.wk-steps li{display:flex;align-items:center;gap:8px;padding:9px 14px;border-radius:999px;border:1px solid rgba(142,176,255,.2);color:#c7d1ea;font-family:"AH Sans",Inter,sans-serif;font-size:14px}
.wk-steps b{width:22px;height:22px;border-radius:50%;display:grid;place-items:center;background:rgba(94,231,255,.16);color:#5ee7ff;font-size:12px}
@media (max-width:720px){.wk-tabs{grid-template-columns:repeat(3,1fr);gap:6px;top:62px}.wk-tabs [role=tab]{flex-direction:column;align-items:center;text-align:center;padding:10px 6px;gap:6px}.wk-tabs [role=tab] small{display:none}.wk-tabs [role=tab] b{font-size:16px}.wk-ti{width:36px;height:36px;font-size:20px}}
/* Startseiten-Karte v2 */
.ah-bento .ah-tile.wk-card{grid-column:1/-1;grid-row:auto}
.ah-tile.wk-card{--avi:210px;position:relative;isolation:isolate;overflow:hidden;padding:clamp(28px,4vw,52px);border-radius:28px;border:1px solid rgba(142,176,255,.22);background:linear-gradient(180deg,#0b1430 0%,#060a17 100%);box-shadow:inset 0 1px 0 rgba(255,255,255,.06),0 30px 80px -40px rgba(77,126,240,.55)}
.wk-card-bg{position:absolute;inset:0;z-index:-1;pointer-events:none;background:radial-gradient(60% 70% at 100% 0%,rgba(77,126,240,.28),transparent 65%),radial-gradient(40% 50% at 0% 100%,rgba(94,231,255,.10),transparent 70%),linear-gradient(rgba(142,176,255,.06) 1px,transparent 1px) 0 0/44px 44px,linear-gradient(90deg,rgba(142,176,255,.06) 1px,transparent 1px) 0 0/44px 44px;-webkit-mask-image:linear-gradient(180deg,#000,rgba(0,0,0,.35));mask-image:linear-gradient(180deg,#000,rgba(0,0,0,.35))}
.wk-card-text{max-width:640px;margin-bottom:clamp(26px,3.4vw,40px)}
.wk-card-text .ah-eyebrow{color:#5ee7ff;margin:0 0 14px}
.wk-card h2{font-size:clamp(34px,4.2vw,54px);margin:0 0 16px}
.wk-card .wk-sub{margin:0;font-size:clamp(16px,1.4vw,18.5px);color:#8d99b8}
.wk-tiles{list-style:none;padding:0;margin:0;display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:clamp(14px,1.8vw,22px)}
.wk-tiles li{position:relative;padding:26px 24px 22px;border-radius:22px;background:linear-gradient(160deg,rgba(255,255,255,.075),rgba(255,255,255,.02) 55%),rgba(12,22,48,.55);border:1px solid rgba(142,176,255,.24);box-shadow:0 0 0 1px rgba(94,231,255,.05),0 0 24px -8px rgba(94,231,255,.28),inset 0 1px 0 rgba(255,255,255,.08);-webkit-backdrop-filter:blur(14px) saturate(140%);backdrop-filter:blur(14px) saturate(140%);transition:transform .35s cubic-bezier(.2,.8,.2,1),box-shadow .35s,border-color .35s}
.wk-tiles li:hover{transform:translateY(-4px);border-color:rgba(94,231,255,.5);box-shadow:0 0 0 1px rgba(94,231,255,.18),0 0 34px -6px rgba(94,231,255,.42),0 22px 44px -22px rgba(77,126,240,.7),inset 0 1px 0 rgba(255,255,255,.1)}
.wk-badge{display:grid;place-items:center;width:60px;height:60px;border-radius:18px;font-size:30px;background:radial-gradient(circle at 30% 25%,rgba(142,176,255,.45),rgba(77,126,240,.14) 70%);border:1px solid rgba(142,176,255,.35);box-shadow:0 10px 24px -10px rgba(77,126,240,.8),inset 0 1px 0 rgba(255,255,255,.18);margin-bottom:18px}
.wk-label{font-family:"PM Serif",Georgia,serif;font-weight:500;color:#eef3ff;font-size:22px;line-height:1.15;margin:0 0 8px}
.wk-line{font-family:"AH Sans",Inter,sans-serif;font-weight:400;color:#8d99b8;font-size:15.5px;line-height:1.5;margin:0 0 16px}
.wk-fact{display:inline-block;margin:0;padding:6px 12px;border-radius:999px;font-family:"AH Sans",Inter,sans-serif;font-size:12.5px;font-weight:600;letter-spacing:.02em;color:#c7d1ea;background:rgba(94,231,255,.08);border:1px solid rgba(94,231,255,.22)}
.wk-foot{display:flex;justify-content:flex-end;align-items:flex-start;gap:6px;margin-top:clamp(10px,1.6vw,20px);margin-bottom:calc(-1 * clamp(28px,4vw,52px))}
.wk-card .wk-cta{margin-top:calc(var(--avi) * .44 - 26px);white-space:nowrap}
.wk-avi{margin:0;flex:none}
.wk-avi img{display:block;width:var(--avi);height:auto;filter:drop-shadow(0 20px 34px rgba(0,0,0,.5))}
@media (max-width:900px){.wk-tiles{grid-template-columns:1fr}.wk-tiles li{display:grid;grid-template-columns:56px 1fr;column-gap:16px;padding:20px}.wk-badge{grid-row:1/4;width:56px;height:56px;font-size:28px;margin:0}.wk-fact{justify-self:start}.wk-line{margin-bottom:12px}}
@media (max-width:560px){.ah-tile.wk-card{--avi:128px}.wk-foot{justify-content:space-between}.wk-card .wk-cta{padding-left:18px;padding-right:18px}}
.wk-card .wk-tiles .wk-label{font-family:"PM Serif",Georgia,serif;font-weight:500;color:#eef3ff;font-size:23px;line-height:1.15;margin:0 0 8px;letter-spacing:-.005em}
.wk-card .wk-card-text .ah-eyebrow{color:#5ee7ff}
.wk-card .wk-card-text .ah-eyebrow::before{background:#5ee7ff}
.wk-card .wk-tiles .wk-fact{white-space:nowrap;justify-self:start;width:auto}
@media (max-width:560px){.wk-card .wk-tiles .wk-fact{font-size:12px;padding:5px 10px}.wk-card .wk-tiles .wk-label{font-size:21px}.wk-tiles li{grid-template-columns:52px 1fr;column-gap:14px}.wk-badge{width:52px;height:52px;font-size:26px}}
.wk-card .wk-cta{margin-top:calc(var(--avi) * .44 - 48px)}
body.ah .wk-card .wk-card-text .ah-eyebrow{color:#5ee7ff!important}body.ah .wk-card .wk-card-text .ah-eyebrow::before{background:linear-gradient(90deg,transparent,#5ee7ff)!important}