/*
Theme Name: Versicherung 2026
Description: Glassmorphism-Theme fuer versicherung-2026.de
Version: 1.0
Text Domain: v2026
*/
:root{--navy:#1A2B4C;--teal:#2E8B78;--white:#fff;--ink:#16223d;--r:24px;--shadow:0 20px 50px rgba(26,43,76,.22)}
*{box-sizing:border-box}
body{margin:0;font-family:Roboto,"Segoe UI",system-ui,sans-serif;color:var(--ink);background:#f6f9fb;line-height:1.6}
a{color:var(--teal)}img{max-width:100%;height:auto}
.wrap{max-width:1180px;margin:0 auto;padding:0 20px}
/* Header */
.site-header{position:absolute;top:0;left:0;right:0;z-index:10;display:flex;align-items:center;justify-content:space-between;padding:18px 40px}
.site-header .logo img{height:54px;width:auto;display:block;border-radius:0 0 40px 0;background:#fff}
.nav{display:flex;align-items:center;gap:26px;list-style:none;margin:0;padding:0}
.nav a{color:#fff;text-decoration:none;font-weight:500}
.nav .btn-white{background:#fff;color:var(--navy);padding:10px 20px;border-radius:20px 20px 20px 6px;box-shadow:var(--shadow)}
.inner-page .site-header{position:relative;background:var(--navy)}
/* Hero */
.hero{position:relative;background:linear-gradient(135deg,var(--navy) 45%,var(--teal));color:#fff;padding:150px 0 120px;overflow:hidden}
.hero:after{content:"";position:absolute;left:0;right:0;bottom:-1px;height:90px;background:#f6f9fb;border-radius:60% 40% 0 0/100% 100% 0 0}
.hero .wrap{display:grid;grid-template-columns:1.1fr .9fr;gap:40px;align-items:center}
.hero h1{font-size:clamp(2.2rem,5vw,3.6rem);line-height:1.1;margin:0 0 12px}
.hero h1 span{color:#a9d6cb;display:block}
.cta{display:inline-block;background:var(--teal);color:#fff;padding:15px 30px;border-radius:30px;text-decoration:none;font-weight:600;box-shadow:var(--shadow);margin-top:20px}
.cta:hover{filter:brightness(1.1)}
.bubble{position:relative}
.bubble img{border-radius:48% 52% 45% 55%/55% 45% 55% 45%;box-shadow:0 0 0 10px rgba(255,255,255,.12),var(--shadow);width:100%;max-width:440px;display:block;margin:auto}
.badge{position:absolute;left:0;bottom:8%;background:#fff;color:var(--navy);padding:10px 16px;border-radius:16px;font-weight:600;font-size:.9rem;box-shadow:var(--shadow)}
/* Kacheln */
.tiles{margin-top:-70px;position:relative;z-index:3;display:grid;grid-template-columns:repeat(3,1fr);gap:24px}
.glass{background:rgba(255,255,255,.55);backdrop-filter:blur(16px);-webkit-backdrop-filter:blur(16px);border:1px solid rgba(255,255,255,.7);border-radius:var(--r);box-shadow:var(--shadow)}
.tile{display:block;padding:34px 28px;text-decoration:none;color:var(--navy);font-size:1.35rem;font-weight:700;transition:transform .25s;background:linear-gradient(135deg,rgba(26,43,76,.78),rgba(46,139,120,.72));color:#fff}
.tile small{display:block;font-weight:400;font-size:.9rem;margin-top:8px;opacity:.9}
.tile:hover{transform:translateY(-8px)}
/* Steps */
.steps{padding:80px 0}
.steps h2,.section h2{color:var(--navy);font-size:2rem}
.steps ol{list-style:none;padding:0;display:grid;grid-template-columns:repeat(3,1fr);gap:24px;position:relative}
.steps ol:before{content:"";position:absolute;top:30px;left:8%;right:8%;border-top:3px dashed var(--teal);opacity:.5}
.steps li{position:relative;text-align:center;padding:0 10px}
.steps .n{display:inline-grid;place-items:center;width:62px;height:62px;border-radius:50%;background:#e3f2ee;color:var(--teal);font-weight:800;font-size:1.4rem;margin-bottom:12px;position:relative}
/* Inhalt / Tabellen */
.section{padding:40px 0}.page-body{padding:50px 0 80px}
.page-body h1{color:var(--navy)}
.cmp{width:100%;border-collapse:separate;border-spacing:0;overflow:hidden;border-radius:var(--r);box-shadow:var(--shadow);background:#fff}
.cmp th{background:var(--navy);color:#fff;text-align:left;padding:14px 16px}
.cmp td{padding:14px 16px;border-top:1px solid #e6edf1}
.cmp .go{display:inline-block;background:var(--teal);color:#fff;padding:9px 18px;border-radius:20px;text-decoration:none;white-space:nowrap}
.ad-note{font-size:.8rem;color:#5c6b7a;margin:8px 0 24px}
.ad-tag{font-size:.7rem;background:#eef3f6;color:#5c6b7a;border-radius:6px;padding:2px 6px;margin-left:6px}
.site-footer{background:var(--navy);color:#cfd9e6;padding:50px 0 30px}
.site-footer a{color:#cfd9e6}
.site-footer img{height:46px;background:#fff;border-radius:10px}
.site-footer .legal{font-size:.8rem;margin-top:24px;opacity:.8}
@media(max-width:800px){.hero .wrap,.tiles,.steps ol{grid-template-columns:1fr}.site-header{padding:14px 16px;flex-wrap:wrap;gap:10px}.nav{gap:12px;flex-wrap:wrap;font-size:.9rem}.hero{padding-top:200px}.steps ol:before{display:none}}