/* Für Institutionen – Premium (Teil 49), baut auf home.css auf */
.in-badge{cursor:default}
.in-badge:hover{transform:none;border-color:var(--hp-line)}
.in-hero::before{background:
 radial-gradient(640px 420px at 10% 15%,color-mix(in srgb,var(--p-primary) 10%,transparent),transparent 70%),
 radial-gradient(560px 460px at 90% 10%,color-mix(in srgb,var(--p-primary) 15%,transparent),transparent 70%)}
.in-dash{position:relative;border-radius:22px;background:var(--p-surface);border:1px solid var(--hp-line);box-shadow:0 50px 90px -40px rgba(15,23,42,.45),0 0 0 1px rgba(15,23,42,.03);padding:18px;transform:perspective(1400px) rotateY(-6deg) rotateX(2deg);max-width:540px;justify-self:end;width:100%}
.in-dash-top{display:flex;align-items:center;gap:6px;padding:2px 4px 14px;border-bottom:1px solid var(--hp-line);font-size:.8125rem;color:var(--p-text-muted)}
.in-dash-top b{margin-left:8px;color:var(--p-text)}
.in-dot{width:10px;height:10px;border-radius:50%;background:#e2e8f0}
.in-dot{background:var(--p-border)}
.in-dash-kpis{display:grid;grid-template-columns:repeat(3,1fr);gap:10px;margin:14px 0}
.in-dash-kpis div{padding:12px;border-radius:14px;background:var(--p-bg);border:1px solid var(--hp-line)}
.in-dash-kpis b{display:block;font-size:1.375rem;letter-spacing:-.02em}
.in-dash-kpis b small{font-size:.8125rem;color:var(--p-text-muted);font-weight:600}
.in-dash-kpis span{font-size:.75rem;color:var(--p-text-muted);font-weight:600}
.in-dash-list{display:flex;flex-direction:column}
.in-dash-row{display:flex;align-items:center;gap:12px;padding:10px 4px;border-top:1px solid var(--hp-line)}
.in-dash-row:first-child{border-top:0}
.in-dash-row img,.in-av{width:36px;height:36px;border-radius:50%;object-fit:cover;object-position:50% 25%;flex-shrink:0}
.in-av{display:grid;place-items:center;background:var(--c);color:#fff;font-size:.75rem;font-weight:800}
.in-dash-row div{flex:1;min-width:0}
.in-dash-row b{display:block;font-size:.875rem}
.in-dash-row small{display:block;font-size:.75rem;color:var(--p-text-muted)}
.in-pill{font-size:.6875rem;font-weight:800;padding:4px 9px;border-radius:999px;background:color-mix(in srgb,var(--p-text) 8%,transparent);color:var(--p-text-muted)}
.in-pill.ok{background:var(--p-primary-light);color:var(--p-primary-ink)}
.in-pill.new{background:var(--p-primary-light);color:var(--p-primary)}
[data-theme="dark"] .in-pill{color:var(--p-text-muted)}[data-theme="dark"] .in-pill.ok{color:var(--p-primary-ink)}[data-theme="dark"] .in-pill.new{color:var(--p-primary-ink)}
.in-comment{left:-48px;bottom:-34px;max-width:260px;animation-delay:-3s}
.in-comment p{margin:0;font-size:.8125rem;line-height:1.45}
.in-comment .hp-ai-tag{display:block;font-size:.6875rem;font-weight:800;letter-spacing:.06em;text-transform:uppercase;color:var(--p-primary-ink);margin-bottom:5px}
[data-theme="dark"] .in-comment .hp-ai-tag{color:color-mix(in srgb,var(--p-primary) 45%,white)}
.in-stats{margin-top:-24px}
.in-aud{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:16px}
.in-aud .hp-tile{min-height:0}
.in-aud .hp-ico{--ic:var(--p-primary);color:var(--ic);background:color-mix(in srgb,var(--ic) 12%,transparent)}
[data-theme="dark"] .in-aud .hp-ico{color:color-mix(in srgb,var(--ic) 60%,white)}
.in-how{background:linear-gradient(180deg,transparent,color-mix(in srgb,var(--p-primary) 4%,var(--p-bg)) 50%,transparent)}
.in-feat{display:grid;grid-template-columns:1fr 1fr;gap:16px}
.in-list{list-style:none;margin:16px 0 0;padding:0;display:flex;flex-direction:column;gap:14px}
.in-list li{display:flex;gap:12px;align-items:flex-start;font-size:.9688rem;line-height:1.5;color:var(--p-text-muted)}
.in-list li b{color:var(--p-text)}
.in-list svg{width:20px;height:20px;flex-shrink:0;margin-top:2px;color:var(--p-on-primary);background:var(--p-primary);border-radius:50%;padding:3px;stroke-width:3}
.in-trust{display:grid;grid-template-columns:minmax(0,.9fr) minmax(0,1.1fr);gap:48px;align-items:center;padding:44px;border-radius:28px;background:#0b1020;color:#fff}
.in-trust .hp-h2{color:#fff}
.in-trust .hp-sub{color:rgba(255,255,255,.78)}
.in-trust .hp-kicker{color:color-mix(in srgb,var(--p-primary) 40%,white)}
.in-trust-grid{list-style:none;margin:0;padding:0;display:grid;grid-template-columns:1fr 1fr;gap:14px}
.in-trust-grid li{padding:18px;border-radius:18px;background:rgba(255,255,255,.06);border:1px solid rgba(255,255,255,.1);display:flex;flex-direction:column;gap:4px}
.in-trust-grid svg{width:24px;height:24px;color:color-mix(in srgb,var(--p-primary) 40%,white);margin-bottom:6px}
.in-trust-grid b{font-size:1rem}
.in-trust-grid span{font-size:.8438rem;color:rgba(255,255,255,.72);line-height:1.5}
.in-cta-card .btn{background:#fff;color:#0b1020;border-color:#fff;justify-content:center;width:100%}
.in-form-grid{display:grid;grid-template-columns:minmax(0,.85fr) minmax(0,1.15fr);gap:56px;align-items:start}
.in-form-pitch{position:sticky;top:100px}
.hp .inst-form-shell{max-width:none;margin:0;border-radius:24px;padding:36px;box-shadow:0 40px 80px -48px rgba(15,23,42,.55);border-color:var(--hp-line)}
@media (max-width:1080px){
 .in-dash{justify-self:stretch;max-width:none;transform:none}
 .in-comment{left:auto;right:12px;bottom:-30px}
 .in-aud{grid-template-columns:repeat(2,minmax(0,1fr))}
 .in-trust,.in-form-grid{grid-template-columns:1fr;gap:28px}
 .in-form-pitch{position:static}
}
@media (max-width:720px){
 .in-aud,.in-feat,.in-trust-grid{grid-template-columns:1fr}
 .in-trust{padding:28px 20px;border-radius:22px}
 .in-dash-kpis b{font-size:1.125rem}
 .in-comment{display:none}
 .hp .inst-form-shell{padding:24px 18px}
 .in-stats{margin-top:0}
}
@media (prefers-reduced-motion:reduce){.in-dash{transform:none}}
.in-hero h1{font-size:clamp(2.375rem,1.5rem + 3vw,3.75rem)}
.in-comment{left:-36px;bottom:-64px}
.hp .inst-form .consent-row{display:grid;grid-template-columns:auto 1fr;gap:10px;align-items:start;margin:4px 0 18px}
.hp .inst-form .consent-row input{width:18px;height:18px;margin:2px 0 0;padding:0;accent-color:var(--p-primary)}
.hp .inst-form .consent-row span{font-weight:400;font-size:.875rem;color:var(--p-text-muted);margin:0;line-height:1.5}
@media (max-width:1080px){.in-comment{bottom:-40px}}
.in-hero h1{font-size:clamp(2rem,1.1rem + 2.7vw,3.375rem)}
.in-badge{white-space:normal;max-width:100%}
@media (max-width:420px){.in-hero h1{font-size:1.875rem}}
.in-comment{bottom:-100px}@media (max-width:1080px){.in-comment{bottom:-70px}}
.hp .in-cta-card .btn,[data-theme="dark"] .hp .in-cta-card .btn{color:#0b1020;background:#fff;border-color:#fff}