:root{--bg:#111315;--bg-2:#17191c;--bg-3:#1d2024;--surface:#15181b;--surface-soft:#191c20;--text:#f3f4f6;--muted:#b5bbc3;--muted-2:#8b929c;--line:rgba(255,255,255,.08);--line-soft:rgba(255,255,255,.05);--accent:#8fb3ff;--accent-strong:#c6d7ff;--shadow:none;--content:980px;--wide:1440px;}
*{box-sizing:border-box;}
html{scroll-behavior:auto;}
body{margin:0;font-family:system-ui,"Segoe UI",sans-serif;background:radial-gradient(circle at top center, rgba(255,255,255,.03), transparent 30%),linear-gradient(180deg,var(--bg) 0%, #121417 100%);color:var(--text);line-height:1.72;text-rendering:optimizeLegibility;}
img{display:block;max-width:100%;height:auto;border-radius:18px;}
a{color:inherit;text-decoration:none;}
.container{width:min(var(--content), calc(100% - 40px));margin:0 auto;}
.container-wide{width:min(var(--wide), calc(100% - 40px));margin:0 auto;}
.site-header{background:transparent;}
.logo-band{width:100%;background:#0e1012;border-bottom:1px solid var(--line);}
.logo-box{width:100%;min-height:92px;margin:0;padding:26px 0;background:transparent;color:var(--text);font-weight:700;display:flex;align-items:center;letter-spacing:.01em;}
.nav-band{width:100%;background:#131519;border-bottom:1px solid var(--line);}
.top-nav{display:flex;flex-wrap:wrap;gap:22px;padding:16px 0;align-items:center;}
.nav-button{position:relative;display:inline-flex;align-items:center;justify-content:center;min-height:auto;padding:0 0 6px;border-radius:0;background:transparent;color:var(--muted);border:none;font-weight:600;font-size:.98rem;letter-spacing:.01em;transition:color .18s ease;}
.nav-button::after{content:"";position:absolute;left:0;bottom:0;width:100%;height:1px;background:transparent;transition:background .18s ease, transform .18s ease;transform:scaleX(.35);transform-origin:center;}
.nav-button:hover,.nav-button:focus-visible{color:var(--text);}
.nav-button:hover::after,.nav-button:focus-visible::after{background:var(--accent);transform:scaleX(1);}
.download-button{display:inline-flex;align-items:center;justify-content:center;padding:10px 100px;border-radius:99px;background:#056a1a;color:#fff;font-weight:700;border:1px solid rgba(255,255,255,.08);transition:background .18s ease, transform .18s ease;}
.download-button:hover,.download-button:focus-visible{background:#15803d;transform:translateY(-1px);}
main.container{padding-top:36px;}
.section{padding:42px 0 24px;}
.section + .section{border-top:1px solid var(--line-soft);}
.hero{padding-top:22px;}
h1,h2,h3,h4{margin:0 0 16px;line-height:1.12;letter-spacing:-.03em;color:#fff;}
h1{font-size:clamp(2.4rem, 4vw, 4.2rem);margin-bottom:18px;}
h2{font-size:clamp(1.65rem, 2.7vw, 2.45rem);margin-top:6px;}
h3{font-size:clamp(1.18rem, 1.7vw, 1.42rem);margin-top:30px;color:#f7f7f8;}
h4{font-size:1.03rem;margin-top:18px;}
p{margin:0 0 16px;color:var(--muted);max-width:72ch;}
strong{color:var(--text);font-weight:700;}
.intro{font-size:1.14rem;line-height:1.78;color:#c7ccd4;max-width:64ch;margin-bottom:22px;}
ul{margin:0 0 18px 20px;padding:0;color:var(--muted);max-width:74ch;}
li{margin-bottom:10px;}
.image-block{margin:24px 0 8px;}
.image-block img{width:100%;background:transparent;border:none;box-shadow:none;}
.small-image{max-width:220px;}
.section:nth-of-type(odd) .image-block:not(.small-image){margin-top:26px;}
.table-wrap{overflow-x:auto;margin-top:18px;background:transparent;border:none;border-radius:0;box-shadow:none;}
table{width:100%;min-width:920px;border-collapse:separate;border-spacing:0;background:transparent;color:var(--text);font-size:.97rem;}
thead th{position:sticky;top:0;background:#171a1e;color:#f5f6f8;font-weight:700;font-size:.9rem;letter-spacing:.01em;}
th,td{padding:14px 14px;text-align:left;vertical-align:top;border-bottom:1px solid rgba(255,255,255,.07);}
tbody tr{background:transparent;}
tbody tr:nth-child(even){background:rgba(255,255,255,.015);}
tbody tr:hover{background:rgba(255,255,255,.03);}
.author-box-wrapper{padding:26px 0 8px;background:transparent;border:none;border-radius:0;box-shadow:none;color:var(--muted);}
.author-box{display:flex;gap:1rem;align-items:flex-start;padding:1rem;margin-block:2rem 0;border:1px solid #e5e7eb;border-radius:10px;background:var(--bg-2);box-shadow:0 1px 1px rgba(0,0,0,.02);}
.author-avatar{border-radius:50%;flex:0 0 auto;aspect-ratio:1/1;object-fit:cover;}
.author-content{display:flex;flex-direction:column;gap:.5rem;}
.author-name{font-size:1.15rem;line-height:1.3;margin:0;font-weight:bold;}
.author-role{font-weight:400;color:var(--text);font-size:1.15rem;}
.author-bio{margin:.25rem 0 0;color:var(--text);}
.author-meta{display:flex;gap:.75rem;list-style:none;padding:0;margin:.25rem 0 0;}
.author-meta a{color:var(--text);text-decoration:underline;border-bottom:1px solid transparent;}
.author-meta a:hover{color:#222;}
.site-footer{margin-top:26px;}
.footer-band{width:100%;background:#0e1012;border-top:1px solid var(--line);}
.footer-inner{min-height:88px;display:flex;align-items:center;color:var(--muted);}
#vergleich,#zielgruppen,#vorteile,#fazit{padding-top:50px;}
#zielgruppen ul,#vorteile ul,#fazit ul{margin-bottom:20px;}
.hero .image-block,#funktionen .image-block,.section .image-block{max-width:100%;}
.hero .image-block img{border-radius:22px;}
@media (max-width: 900px){.container,.container-wide{width:min(100%, calc(100% - 28px));}.top-nav{gap:16px;}.small-image{max-width:100%;}table{min-width:820px;}}
@media (max-width: 640px){main.container{padding-top:24px;}.section{padding:32px 0 18px;}.logo-box{min-height:76px;padding:22px 0;}.top-nav{gap:14px;padding:14px 0;}.nav-button{font-size:.95rem;}h1{max-width:none;}}
p,ul{max-width:none;}
.info-grid{display:grid;grid-template-columns:repeat(3, minmax(0, 1fr));gap:18px;margin-top:18px;}
.info-card,.tone-card{border-radius:18px;padding:22px 22px 18px;border:1px solid rgba(255,255,255,.08);}
.info-card{background:linear-gradient(180deg, rgba(255,255,255,.04), rgba(255,255,255,.02));}
.info-card h3,.tone-card h3{margin-top:0;margin-bottom:12px;}
.pros-cons-grid{display:grid;grid-template-columns:repeat(2, minmax(0, 1fr));gap:20px;margin-top:18px;}
.tone-card-positive{background:linear-gradient(180deg, rgba(143,179,255,.10), rgba(143,179,255,.04));}
.tone-card-neutral{background:linear-gradient(180deg, rgba(255,255,255,.05), rgba(255,255,255,.025));}
.tone-card ul,.info-card p{margin-bottom:0;}
@media (max-width: 900px){.info-grid{grid-template-columns:1fr;}.pros-cons-grid{grid-template-columns:1fr;}}