:root{--text-color:#222;--bg-color:#ececec;--primary-color:#007acc;--secondary-color:#39b385;--accent-color:#ffc107;--gradient-header:linear-gradient(120deg,var(--primary-color) 0%,var(--secondary-color) 100%);--gradient-cta:linear-gradient(90deg,var(--primary-color) 60%,var(--secondary-color) 100%);--font-main:'Open Sans','Roboto',sans-serif}body{margin:0;padding:0;font-family:var(--font-main);font-size:16px;line-height:1.5;background:var(--bg-color);color:var(--text-color)}header{background:var(--gradient-header);color:#fff;padding:4rem 2rem 3rem;border-bottom-left-radius:32px;border-bottom-right-radius:32px;box-shadow:0 4px 12px rgba(0,0,0,.06);text-align:center}header h1{font-size:2.5rem;margin-bottom:1rem;text-shadow:0 2px 8px rgba(0,0,0,.09)}header p{font-size:1.3rem;margin-bottom:2rem}.nav-icons{display:flex;justify-content:center;gap:1.2rem;margin-top:1rem}.nav-icons img,.theme-btn img{width:48px;height:48px;border-radius:50%;border:3px solid #fff;background:#fff;padding:7px;box-shadow:0 2px 8px rgba(0,0,0,.13);transition:transform .15s,border-color .15s}.nav-icons img:hover,.theme-btn img:hover{transform:scale(1.1) rotate(-3deg);border-color:var(--secondary-color)}.nav-icons a:focus img,.theme-btn:focus img,.cta:focus{outline:3px dashed var(--accent-color);outline-offset:4px}.theme-btn{background:none;border:none;cursor:pointer;padding:0;display:inline-flex;appearance:none}section{width:90%;max-width:1400px;margin:2.5rem auto;padding:2.2rem 1.5rem;background:#fff;border-radius:24px;box-shadow:0 2px 12px rgba(0,0,0,.06)}h2{color:var(--primary-color);font-size:2rem;margin-top:0}h3{color:var(--secondary-color);margin-top:2rem}.beispiel{background:linear-gradient(90deg,#fffbe6 60%,#ffe3e3 100%);padding:1.3rem 1.2rem;border-left:7px solid var(--accent-color);border-radius:14px;box-shadow:0 2px 10px rgba(255,193,7,.06)}dt{font-weight:700;color:var(--primary-color)}dd{color:#444}.cta{display:inline-block;padding:.8rem 1.6rem;background:var(--gradient-cta);color:#fff;border-radius:8px;font-size:1.1rem;text-decoration:none;text-align:center;transition:background .2s,transform .12s}.cta:hover,.cta:focus{background:linear-gradient(90deg,var(--secondary-color) 70%,var(--primary-color) 100%);transform:translateY(-3px) scale(1.04)}table{width:100%;border-collapse:separate;border-spacing:0;margin:1.4rem 0;background:#f7fbfd;border-radius:12px;box-shadow:0 1px 7px rgba(0,0,0,.04)}thead{background:var(--gradient-cta);color:#fff}th,td{padding:1.1rem;text-align:left}#back-to-top{position:fixed;bottom:2rem;right:2rem;display:none;z-index:100;background:var(--gradient-cta);color:#fff;border-radius:8px;padding:.8rem 1.6rem;text-decoration:none;font-size:1rem;transition:background .2s,transform .12s}#back-to-top:hover,#back-to-top:focus{background:linear-gradient(90deg,var(--secondary-color) 70%,var(--primary-color) 100%);transform:translateY(-3px) scale(1.04)}footer{background:linear-gradient(90deg,#e3edf7 60%,#b6e3d8 100%);text-align:center;padding:1.3rem;font-size:1rem;border-top-left-radius:24px;border-top-right-radius:24px;margin-top:3rem;color:#333}footer a{color:var(--primary-color);text-decoration:underline;font-weight:600;margin:0 .7rem}footer a:hover,footer a:focus{color:var(--secondary-color)}@media(max-width:700px){body{padding:0 10px}section{padding:1.2rem 1rem}header{padding:2.5rem .7rem 1.2rem}.preise{grid-template-columns:1fr}}[data-theme="dark"]{--text-color:#e0e0e0;--bg-color:#121212;--primary-color:#3399ff;--secondary-color:#66b2ff;--accent-color:#ffb347}[data-theme="dark"] body{background:var(--bg-color)}[data-theme="dark"] section{background:#1e1e1e;color:var(--text-color)}[data-theme="dark"] header,[data-theme="dark"] footer{background:#1a1a1a}[data-theme="dark"] .beispiel{background:#333;color:#f1f1f1;border-left-color:var(--accent-color)}[data-theme="dark"] .preisbox{background:#2a2a2a;color:var(--text-color);border:2px solid #444}[data-theme="dark"] dt,[data-theme="dark"] dd,[data-theme="dark"] h2,[data-theme="dark"] h3,[data-theme="dark"] li,[data-theme="dark"] p,[data-theme="dark"] table,[data-theme="dark"] td,[data-theme="dark"] th{color:var(--text-color)}[data-theme="dark"] table{background:#2a2a2a}[data-theme="dark"] thead{background:#444;color:#fff}