:root{--primary:#E30613;--primary-text:#d00010;--accent:#111111;--ink:#141414;--ground:#f8f6f4; --panel:#fff;--soft:#5a606b;--line:#e6e4de;--logochip:transparent;--maxw:1140px; --sans:Inter,system-ui,-apple-system,"Segoe UI",Helvetica,Arial,sans-serif; --display:"Archivo",Inter,system-ui,Helvetica,Arial,sans-serif; --serif:var(--display)} @media (prefers-color-scheme:dark){:root:not([data-theme=light]){--ink:#e9e7e1;--ground:color-mix(in srgb,#E30613 8%,#0f1116);--panel:color-mix(in srgb,#E30613 5%,#171a21);--soft:#9aa1ad;--line:rgba(255,255,255,.09);--primary:#f4555e;--primary-text:#f4555e;--cta-bg:#E30613;--logochip:#fff}} :root[data-theme=dark]{--ink:#e9e7e1;--ground:color-mix(in srgb,#E30613 8%,#0f1116);--panel:color-mix(in srgb,#E30613 5%,#171a21);--soft:#9aa1ad;--line:rgba(255,255,255,.09);--primary:#f4555e;--primary-text:#f4555e;--cta-bg:#E30613;--logochip:#fff} :root[data-theme=light]{--ink:#141414;--ground:#f8f6f4;--panel:#fff;--soft:#5a606b;--line:#e6e4de;--logochip:transparent} *{box-sizing:border-box} [id]{scroll-margin-top:88px} @media (prefers-reduced-motion:no-preference){html{scroll-behavior:smooth}} body{margin:0;background:var(--ground);color:var(--ink);font-family:var(--sans);line-height:1.6; font-size:17px;-webkit-font-smoothing:antialiased} .wrap{max-width:var(--maxw);margin:0 auto;padding:0 clamp(16px,4vw,28px)} a{color:var(--primary-text,var(--primary));text-underline-offset:2px} h1,h2,h3{font-family:var(--serif);line-height:1.12;text-wrap:balance;letter-spacing:-.01em} h1{font-size:clamp(2rem, 1.3rem + 3.2vw, 3.4rem);margin:.1em 0 .25em;font-weight:800;letter-spacing:-.02em} body{overflow-wrap:break-word} @media(max-width:640px){h1,h2,h3,b{hyphens:auto}} h2{font-size:clamp(1.5rem, 1.1rem + 1.5vw, 2.1rem);margin:0 0 .4em;font-weight:700;letter-spacing:-.015em} h3{font-size:1.2rem;margin:0 0 .3em;font-weight:600;font-family:var(--display)} .eyebrow{text-transform:uppercase;letter-spacing:.15em;font-size:.72rem;font-weight:700;color:var(--primary-text,var(--primary))} header.nav{position:sticky;top:0;z-index:9;background:color-mix(in srgb,var(--ground) 88%,transparent); backdrop-filter:blur(8px);border-bottom:1px solid var(--line)} .nav .wrap{display:flex;align-items:center;justify-content:space-between;height:64px;gap:16px} .brandmark{display:flex;align-items:center;text-decoration:none;min-width:0} .brandmark img{height:42px;width:auto;max-width:56vw;object-fit:contain; background:var(--logochip);border-radius:9px;padding:4px 7px;box-sizing:content-box} .nav nav{display:flex;gap:20px;font-size:.92rem} .nav nav a{color:var(--soft);text-decoration:none} .nav nav a:hover{color:var(--ink)} @media(max-width:900px){ header.nav{background:var(--ground)} .nav .wrap{flex-wrap:wrap;row-gap:0;height:auto;padding-top:8px;padding-bottom:8px;gap:10px} html.gescrollt header.nav .wrap{height:auto} .brandmark{flex:1 1 auto} .brandmark img{max-width:min(48vw,200px);height:36px} .nav .wrap>.cta{flex:0 0 auto;padding:9px 13px;font-size:.9rem} .nav nav{order:3;width:100%;gap:8px;overflow-x:auto;scrollbar-width:none; margin-top:8px;padding:2px 0 4px;-webkit-overflow-scrolling:touch} .nav .wrap{position:relative} .nav .wrap::after{content:"";position:absolute;right:0;bottom:8px;width:44px;height:42px;pointer-events:none; background:linear-gradient(90deg,transparent,var(--ground))} .nav nav::-webkit-scrollbar{display:none} .nav nav a{white-space:nowrap;font-size:.85rem;font-weight:600;color:var(--ink); background:var(--panel);border:1px solid var(--line);border-radius:999px;padding:6px 12px} } .cta{display:inline-flex;align-items:center;gap:8px;background:var(--cta-bg,var(--primary));color:#fff; border-radius:10px;padding:11px 18px;font-weight:600;text-decoration:none;border:0;cursor:pointer} .cta.ghost{background:transparent;color:var(--primary-text,var(--primary));border:1.5px solid var(--primary)} .hero{padding:clamp(48px,7vw,104px) 0 clamp(32px,5vw,64px)} .hero .col{display:grid;grid-template-columns:1.15fr .85fr;gap:clamp(24px,4vw,56px);align-items:center} @media(max-width:820px){.hero .col{grid-template-columns:1fr}} .hero .sub{font-size:1.2rem;color:var(--soft);max-width:34ch;margin:.3em 0 1.4em} .hero-art{aspect-ratio:1;border-radius:20px;background: linear-gradient(135deg,var(--primary),color-mix(in srgb,var(--primary) 55%,var(--accent))); display:grid;place-items:center;color:#fff;position:relative;overflow:hidden;box-shadow:0 20px 60px -20px rgba(0,0,0,.35)} .hero-art .mono{font-family:var(--serif);font-size:clamp(3rem,8vw,6rem);font-weight:700;opacity:.92;text-align:center;padding:12px} .hero-art-logo{aspect-ratio:auto;background:#fff;border:1px solid var(--line); padding:clamp(20px,4vw,44px) clamp(18px,3.5vw,36px)} @media(max-width:820px){.hero .col > div:first-child{order:2}.hero .col > .hero-art{order:1}} .hero-logo{position:relative;width:min(100%,480px);margin:0 auto;isolation:isolate; container-type:inline-size} .hero-logo img{display:block;width:100%;height:auto} .hero-logo .ebene{position:absolute;left:0;top:0;width:100%} .hero-logo .ebene img{width:100%;height:auto} @media(prefers-reduced-motion:reduce){ html body .hero-logo.hero-logo.hero-logo,html body .hero-logo.hero-logo.hero-logo *, html:not(.hero-var-a) body .hero-logo.hero-logo.hero-logo,html:not(.hero-var-a) body .hero-logo.hero-logo.hero-logo *{ animation-duration:.001s!important;animation-delay:0s!important;animation-iteration-count:1!important; transition-duration:.001s!important;-webkit-mask-image:none!important;mask-image:none!important} } .hl-cologne::after{content:"";display:block;height:7.5cqi} .hl-cologne .slogan{position:absolute;left:0;top:100%;margin-top:.7cqi;width:100%; display:flex;justify-content:center;align-items:baseline;white-space:nowrap; font-family:Arial,Helvetica,sans-serif;font-weight:700;font-size:4.4cqi;color:#1b1b1b; line-height:1.1} .hl-cologne .slogan>*{flex:0 0 auto} .hl-cologne .m-slot{position:relative;display:inline-block;width:8.47cqi;height:3.15cqi; align-self:flex-end;margin:0 .1cqi .9cqi;overflow:visible} .hl-cologne .m-slot img{position:absolute;left:0;bottom:-.98cqi;width:100%;height:7.76cqi; object-fit:contain} .hl-cologne .s2 b{font-weight:700;opacity:0;animation:cgn-b .12s ease-out both} @keyframes cgn-b{0%{opacity:0}100%{opacity:1}} @keyframes cgn-stempel{0%{opacity:0;transform:scale(1.35) rotate(-2.5deg)} 55%{opacity:1;transform:scale(.97) rotate(.4deg)} 100%{opacity:1;transform:none}} @keyframes cgn-tipp1{0%{clip-path:inset(-10% 100% -10% 0)}100%{clip-path:inset(-10% -3% -10% 0)}} @property --cgp{syntax:'';inherits:false;initial-value:130%} .hl-cologne-a .vorzeichnung{opacity:.13;filter:grayscale(1)} .hl-cologne-a .e-1_wortmarke{ -webkit-mask-image:linear-gradient(100deg,#000 calc(var(--cgp) - 14%),transparent var(--cgp)); mask-image:linear-gradient(100deg,#000 calc(var(--cgp) - 14%),transparent var(--cgp)); animation:cgn-tinte 2.6s cubic-bezier(.45,.05,.4,.95) .4s both} @keyframes cgn-tinte{0%{--cgp:0%}100%{--cgp:130%}} .hl-cologne-a .e-2_insurance{animation:cgn-stempel .38s cubic-bezier(.2,1.25,.35,1) 3.15s both} .hl-cologne-a .s1{animation:cgn-tipp1 1.5s steps(24,end) 3.90s both} .hl-cologne-a .m-slot{transform-origin:50% 88%; animation:cgn-slot-zoom 2.8s cubic-bezier(.35,.1,.3,1) 5.60s both} @keyframes cgn-slot-zoom{0%{transform:scale(1)}22%{transform:scale(2.1)} 74%{transform:scale(2.1)}100%{transform:scale(1)}} .hl-cologne-a .dom-foto{animation:cgn-dom-auf .7s cubic-bezier(.2,.8,.3,1) 5.60s both, cgn-dom-zu 1.2s cubic-bezier(.45,.05,.45,1) 6.40s forwards} .hl-cologne-a .dom-m{animation:cgn-m-auf 1.2s cubic-bezier(.45,.05,.45,1) 6.40s both} @keyframes cgn-dom-auf{0%{opacity:0;transform:translateY(8%) scale(.85)}100%{opacity:1;transform:none}} @keyframes cgn-dom-zu{0%{opacity:1}100%{opacity:0}} @keyframes cgn-m-auf{0%{opacity:0;transform:scale(.96)}100%{opacity:1;transform:none}} .hl-cologne-a .s2 b:nth-child(1){animation-delay:7.70s} .hl-cologne-a .s2 b:nth-child(2){animation-delay:7.82s} .hl-cologne-a .s2 b:nth-child(3){animation-delay:7.94s} .hl-cologne-a .s2 b:nth-child(4){animation-delay:8.06s} .hl-cologne-a .s2 b:nth-child(5){animation-delay:8.18s} html:not(.hero-var-a) .hl-cologne-a .e-2_insurance,html:not(.hero-var-a) .hl-cologne-a .s1,html:not(.hero-var-a) .hl-cologne-a .s2 b{ animation:none!important;opacity:1;clip-path:none;transform:none} html:not(.hero-var-a) .hl-cologne-a .m-slot{animation:none!important;transform:none} html:not(.hero-var-a) .hl-cologne-a .dom-foto{display:none} html:not(.hero-var-a) .hl-cologne-a .dom-m{animation:cgn-m-auf 1s cubic-bezier(.45,.05,.45,1) 1.9s both} .hl-cologne::after{content:"";display:block;height:7.5cqi} .hl-cologne .slogan{position:absolute;left:0;top:100%;margin-top:.7cqi;width:100%; display:flex;justify-content:center;align-items:baseline;white-space:nowrap; font-family:Arial,Helvetica,sans-serif;font-weight:700;font-size:4.4cqi;color:#1b1b1b; line-height:1.1} .hl-cologne .slogan>*{flex:0 0 auto} .hl-cologne .m-slot{position:relative;display:inline-block;width:8.47cqi;height:3.15cqi; align-self:flex-end;margin:0 .1cqi .9cqi;overflow:visible} .hl-cologne .m-slot img{position:absolute;left:0;bottom:-.98cqi;width:100%;height:7.76cqi; object-fit:contain} .hl-cologne .s2 b{font-weight:700;opacity:0;animation:cgn-b .12s ease-out both} @keyframes cgn-b{0%{opacity:0}100%{opacity:1}} @keyframes cgn-stempel{0%{opacity:0;transform:scale(1.35) rotate(-2.5deg)} 55%{opacity:1;transform:scale(.97) rotate(.4deg)} 100%{opacity:1;transform:none}} @keyframes cgn-tipp1{0%{clip-path:inset(-10% 100% -10% 0)}100%{clip-path:inset(-10% -3% -10% 0)}} .hl-cologne-b .auftritt{position:absolute;left:0;top:-2cqi;width:100%;height:130%;pointer-events:none} .hl-cologne-b .auftritt img{position:absolute;left:42cqi;top:0;width:16cqi;height:auto} .hl-cologne-b .dom-gross{animation:cgnb-dom-auf .8s cubic-bezier(.2,.8,.3,1) 0.30s both, cgnb-weg 1.1s ease-in-out 1.60s forwards} .hl-cologne-b .m-flug{animation:cgnb-m-auf 1.1s ease-in-out 1.60s both, cgnb-flug .85s cubic-bezier(.5,.05,.35,1) 2.80s both, cgnb-m-weg .18s linear 3.55s forwards} @keyframes cgnb-dom-auf{0%{opacity:0;transform:translateY(10%) scale(.88)}100%{opacity:1;transform:none}} @keyframes cgnb-weg{0%{opacity:1}100%{opacity:0}} @keyframes cgnb-m-auf{0%{opacity:0}100%{opacity:1}} @keyframes cgnb-flug{0%{transform:none}100%{transform:translate(22.9cqi,12.9cqi) scale(.34)}} @keyframes cgnb-m-weg{0%{opacity:1}100%{opacity:0}} .hl-cologne-b .dom-foto{opacity:0} .hl-cologne-b .dom-m{animation:cgnb-slot-an .18s linear 3.55s both} @keyframes cgnb-slot-an{0%{opacity:0}100%{opacity:1}} .hl-cologne-b .e-1_wortmarke{animation:cgnb-fade .8s ease-out 3.00s both} .hl-cologne-b .e-2_insurance{animation:cgn-stempel .38s cubic-bezier(.2,1.25,.35,1) 3.50s both} @keyframes cgnb-fade{0%{opacity:0;transform:translateY(5px)}100%{opacity:1;transform:none}} .hl-cologne-b .s1{animation:cgn-tipp1 1.4s steps(24,end) 4.00s both} .hl-cologne-b .s2 b:nth-child(1){animation-delay:5.60s} .hl-cologne-b .s2 b:nth-child(2){animation-delay:5.72s} .hl-cologne-b .s2 b:nth-child(3){animation-delay:5.84s} .hl-cologne-b .s2 b:nth-child(4){animation-delay:5.96s} .hl-cologne-b .s2 b:nth-child(5){animation-delay:6.08s} .hl-cologne::after{content:"";display:block;height:7.5cqi} .hl-cologne .slogan{position:absolute;left:0;top:100%;margin-top:.7cqi;width:100%; display:flex;justify-content:center;align-items:baseline;white-space:nowrap; font-family:Arial,Helvetica,sans-serif;font-weight:700;font-size:4.4cqi;color:#1b1b1b; line-height:1.1} .hl-cologne .slogan>*{flex:0 0 auto} .hl-cologne .m-slot{position:relative;display:inline-block;width:8.47cqi;height:3.15cqi; align-self:flex-end;margin:0 .1cqi .9cqi;overflow:visible} .hl-cologne .m-slot img{position:absolute;left:0;bottom:-.98cqi;width:100%;height:7.76cqi; object-fit:contain} .hl-cologne .s2 b{font-weight:700;opacity:0;animation:cgn-b .12s ease-out both} @keyframes cgn-b{0%{opacity:0}100%{opacity:1}} @keyframes cgn-stempel{0%{opacity:0;transform:scale(1.35) rotate(-2.5deg)} 55%{opacity:1;transform:scale(.97) rotate(.4deg)} 100%{opacity:1;transform:none}} @keyframes cgn-tipp1{0%{clip-path:inset(-10% 100% -10% 0)}100%{clip-path:inset(-10% -3% -10% 0)}} .hl-cologne-c .e-1_wortmarke{animation:cgnc-setzen 1s ease-out .15s both} @keyframes cgnc-setzen{0%{opacity:0}100%{opacity:1}} .hl-cologne-c .glanz{position:absolute;left:0;top:0;width:100%;height:100%; pointer-events:none;overflow:hidden; -webkit-mask-image:url('data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAA8AAAACQCAMAAADwbvLDAAAAwFBMVEUAAADuAAD8AADsAAC3AADsAADsAADsAADsAADsAADVAAB/AAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAACdLTM7AAAAQHRSTlMA/QQuA8+wT2+PCAIAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAQlvllgAAE55JREFUeNrtXYmSo7gSpEs3/P//PhCXJEoXDdP2vsyY2OiZNjL2kqpUncPw5aAAAwAAAAAA/wTTIMwBMcAGA8BXCehB/xywIDAAfBd/6eTvD4HAAPBdBDYnfzX4CwAPOIWl//MvnMJycCeBDQgMALcxLay9kPltBa2goAHg1+Q9uDuSWLGT900Sy0Gc/HXgLwDcsYPSM4eEdTowiD9KOyPIcxgKGgA+mL1kXEjdkMXOLC+Q9M6B+3xXBQUNAN0Mmv8jrP4pwom3jsBQ0ADwK/rSzl6ltXNa84ZY2TdkNA32fAsxC2oAAHroK9YzqLaCjn81jrXCLxhIGgIFPeL/CAD00dcbX+0PucMW/vU/2iuB7fMGMlHQMMAA0E9fkQR8/Y90ORW/UGggoaAB4J7t2+irDBfoXf4h1dEv+IinoJBBoRgYAJrNL7lNF2divBT5l97JU44UNAqRAKDZ/BrvPFJiyOpWGmMbbF9X0CAwAPSYX1dUxRRV6r6RJhW+gQJ/AaCNv6v5XWwqVcqSXj0CR6XAFi4sAGhhzeR2k1rLjgwl7gsWUobBKqRRAkDLsXOPD4lhbKgMVi9GaUMFjVJ+AOjx+zb5jOTZLsM8TuBIQaMQCQBajr8HYcamC0b1mpNYhs10oKABoM5f22nwaA8lzYnKzxM4VNBwYQFAjb/ucPmOnZJbv+uDhoIGgGb+9rCR1EtpHHPRExQ0ADT33Tj4qzqaXO1XmVcVNEr5AaDV/nb5o3a31+MmEgoaAG41j+vKedoOwc+XCslAQaMZFgC0tq7pc0dtfZv1C1FgjVJ+AOgu++kM6K5Es68qaBQiAUBj3W0vFVftbZ4ncKCgJ/AXAJqsneods7Aa77kE4j0fNEr5AaApH/KGKfWmUsmHOQYFDQA3ppf0O6O8/H48DyvM4kAhEgA0DuAVNwhML1TbxwoaPmgAaGmrcSMaRMP4vA8rUtAIAgNAU7z1R5C8NcD36VOqhIIGgO7hQ7e4skw/edpIhgraEBQ0ALT0pRN0i8DGvFlJCAUNAE0C+mOq5kO/Gkr5AaCpa81tV5R8s5IQhUgA0NBV8oOGD0FBA0B3CPhz4q3hbaEQCQCaDPDn2LrwYP6naZSw/cDXhJA+p21NXFvxl9sbHhHga0JI79s62oaEE5W5EWZxdCjocPmbt0aHO25fqncZ6Zeh/gvp3oUADPA/cmEl6Rj0sIKO777rs8SsWYm0/GC0Y3JIKEDhFnruIHoXMBhofW5G9c9cWP55FtZpNUPbeexwtkg/qU5uXp7m5f3qblm+mUCePWSsvzNnhnUgMhnXOS7G34LxH1A7Q+1MDL8abUcwGLjjgn5VQS/PqLDhdqFM9gkPhUFbKb9f3oXLa9NIoOXS0ejwxs7F1HjZBubdRRwIvX7LVeG0ZEftNxB+NQpxb6CVVRGj3ntuKH24V47lnvBeBd25fCrkKdpYPPdUfvsIU0wC0cLdgmm8AeHi6wTOwcDQku0kfiIFTe/FYq78yjfviRR0Q6OezuUT6ocTiC+4bh/TQNzv5SDd9fL6V0rzepcLUX0FdI0le1dBLyTxbzSf8NInVVJVQdfOoFNh+donmn9tVIG/zALRuJfj93NTEtW2AVxugNs/kHsGdKYrvhdv3UjilprAcfUMVUTmFCnoaWihgFtk57y87tCw8xWs5S669aLaD7OaeEqcCa1bSPYGcAoGul1YL2VxrPZRi+MfxE8lchV2uK3a0LmVno6WN8382a2fNjP5xeyE5izhVNz1Vku5z2Sdfc9OddjSaf0/oOzy/tE5HAQGOusI+wImPfJ50ZZuyc3YI6eiojFluw96M33WJ2B4jDGDC/zZlLc6K5kvp2GmjjFMMdn2vPldndcA6/6kWzU0rcdmR9GMR3TRBW4p6FfOXZttsmFMNj55syJVNd7UZkNNfvm8KdtOrXr0eRnTlgdVVeCxgh7W3Cm90XDZRCIilloE0vpudksMCRuDwgID3Qr6jSDSZuQi/s4/i6Jwb1fQBwWi5SfR4gbeyqBdGCxeEktceU+Ldj0fJKZJ6oVx+03EyW15C7xtIMfmI0P7L1CABXQq6BeOwBvBXJJhGNmoq0oNGVBshrUtZIcxLyxcNtJstw0izb9UxYuj9gfL72n5GpVYwkHc/vSTD3WLn+jmQwuMUYxAWy/YV/0m+9TCNBqb9PCZCtklpQd518DDZXlVaxF0eJ1omvLn76qCXqzrwjsV52OJBi8a7QKA+FGM4C/QMc3slSjwHhq9kDA6paqyD1pW758mKvb4osIk8+v+EApZVVPQnr82eV38vWYk/GbI9UTE1YVhkAww9IwTfSMKvD/IltHIMYEp+9uCKtizyAxDsgqBD/5WLKyrZHHYpROYSXke9xjjqbi7Hyg0wA4+aOD+EVg/3tZZ5NIZo3dOCRydkKm6vK6o3KtCP/nLEbQyUC1am9ZNSqQfwNUKNJm9Lcxq1SRBYKB+BFYv+rCO1ELGnypLJjJUoK4UA8qm/SdnYMoNcuMypcN3V1SOvOk58WvebFIzTnE8V+ZvPjggTMFV8GABN6LAz/qwDjvKWzlVIrCrHwUPe1VdnotS2XyoJnQFO27rSVxc+iJ34yMw9wmOGzxvgII9DfwFbkSBn/WbnK3yWAtZiPM0lfKfy1NteXv1oJl8p56I/KKSB+1d2TrtiC1rc2qOmz9vgIJdS40IAQPdzXSezcM6DYobqOL+TkRm3E6WcvzVJRKKgrA41yeahoqCLvqg3ZLVzZ3wVVnWHN/NcWmYPuLQjgO4U0r4KIFPKyTYWoXCKIgWBX2+hiehzQuLk6Gsp5c6FLQgbiRjnMZBnMK3yfY0eyP0uZ2Bv0D36JKHo0gnQzXvw7HZep8WBX3SyNVImFLo1N5Mq5w+H7Ra3udK8iij2XEi3MR72/yKo5J4rqmC/xlonwj6ThQpoIHhOCjjKBLl4qyZUv5A5rKdZ0pO6POtDb+1mFI3j6gXh10E9CipdAC/7gFnuobeCxEnC/ML3HcTP07g84TK29Cil7jeDCsYJcFnWRV8WKftz8Vnddl6RgpaMW6uZNRywQtm1jzq0/y69e8AcCeK9JswcHwSDZ7hYhSUc/XGzbAySYiuGPmS+TBO8M6G575oVtB6/pRcDEsWXViniVdr+eJRPOw6mtACwCUT+rE8jnBh4mlif3Ku3nopf5io2LI8sbabPQFHl6qK99wQn2NmSllYQb6zG4Laf2VpwOkX+BsCL/0oTiqFw9J0Jg847+apKug5yVCVb5n4pq+pNGBLHILctJoPej4m1GqVuCRwHWw+ewsfbWiAegb+isBe09IZE7E/FZ0aHoFFckattZOtVjpwLasYacCEn2LzWcnicIZttzMUY0jhGxzsXUZIwPoCf0Zgv5DeDcg01eZyRw956oOuKegwyqoyCtpkPHPybJfDj0uLg0RUVtCKc4EnMSQqTnI92ItpZsCve7rf9kKvT2XQ3txVlkzSiQsKeipHoHgWZjtLhcwWVReWLbfaU7wHi4oxpGSQnB+eBPYCz1hgfTMD12vaM6kozEMymTOqintKZRIZh6nfTZxkMqqg3cZc9q/K/u3obM76oM+Vtbr2EbikQcs8vZdGsmAv8CCBb7a0W+1akNXrfmpOYlHIg64oaBlnQtWWD+27rA17iARuTUHzzTQjiSzSbl6xdwDsBZ4l8K1c6HUVwxrgnA/aZmkS2jhRq4JwVTMaLh+p28zZ3FR63caTlKdyvzuVuskiA0wo2QeeTeRgZhC0HoBPpkYHUMtamHBqiskVGmQypeSlJXNx3GL4itAAZ/rcDapZQfPvTnEdkszra4eKQeDhVMpbnYhXexcIaKoVGJdIWlPQ+QgR65oLFUCkbtlWtZF1Z/v0iI6BMEySRxhkRtdn4OmWWHcaqdE+FqGaBMXaIVHoRSPYQlr7U3VxO3bGbqRuM4dn3aGgWQNcXCGuk0DWJDD8Oo7kfhkIXk1OprNx7oyaT6SqKejYR+RqSSI2zoLWZepXUjASBc3fXrRC+goZ3QEMMPB0Sx11j79B1/a0FUZZqCoqKGjHtqsStRZewWdSoZsodn3zClp3KGjeABeTOOJKRBhg4Gk3dG9TrM3aBcZKllphXJ7yCwnCQp4qQ3ifW0DDpAzJ1frMRU1CiMolEuPEOOeK5/9Iw2NyGfBk37ly/Xz2ct8HRkSe3rBQfyy7oRgbJcrH1Oh+FX9PghfQ4d6gMiUSSpcVtC6Li2j3umahyHQiS3GgIwD0H4JVT2hyq9qPcxWplpoZFdQXEg25i6f6zLLT0GqSHR5mzz5XHMhQ9jBXY0gNDvRgYioA3MiG5vvfZLvC66ujSFQYRtMRSuGazaiKiTMVn3mQKkFEOf1r+RxmXSyikpUVEg1ORXlRm9gGHzXQaEXVzXqGcy5va7PJ5BWmOBSYPeAS1eI4QS/MfJ+eXBWvUEGC9lDpB03lHJPr5iXL/A7ls4GPC7jXGbrZjbX5ry5jf205L+Q8dddqfVjyR4pfsHZUZTK8xmKS1XLj1pSDwFRsNZlIZMN06nAtBF6nniJJGmg9x/6kBQ3UctnaiM0lZehVL7EszkQgVe4nN5JrbLh8HXZCNXmry51A4m52VRcWM7Q0yprJbZST/woxWhS42du9SbzROZqauqzMYSH1UKuWv5bCz7+2rsiRYztyfQdQf1skytNQankgpRwTojTtzeTa9UmHGBPwCxNcT9Kdn8bVEtqBhp6x3efvNevEjfpNXTjmp/DqYvHjOTNUUtnBNF2mwIhyH6DIhPOn73wKCw2XSohcIdXyCXEABn5xClZUZvDRCNVe2zglBM55qfTI9qMqFOPOf7NLXFmX2g/sy7ureS8lmHjVauKRxOU6Qap+j2EvEaLtT2iBuZ6Y28HEIssS6LLB+qe9LHh+yEZbMEMlAu8CWtfr8HXiG1v2jCUvxJXbXagMfxMCR7VI3jU2f5jySOK433ttGEScnOYHGE5J5Yhh9h+/SUA/A7/Lp/xRIpNL4IWvUdtrOvs9D8O40tsN1SKl0Je2vKm0i9neF8jsD6XlYwKHxRc+nG2jpUVFQYtqnePpRZaHKk68DXO1f8RguR5MFMoMgV+WNCzqeLym85E3W0ZvIrjacv1y1BzXX9phoro7bW44I+VMA+nfVPku6CSTkWgUL2+3gzlVP+N+6TbXxMa9MipJGvVWXetdEB0bnp+hkpxV9NlRZ23OschnjQwO4PfH4Pkh3dslSqLjURxoo292BFdSsMMlM5pcnCqRmHZ/1Wj0flkykYWYHJKsdzfil6adPUtqiDnc6k1VFOwZVV5mpa9Y3AWrWrkoHb19xevH8H4FJ8Ff4IFY0to0MXmRceqQ2FkSjtFYwDGOAhUVYnoTylljjPVvuhkmyuZCbwzUOQdc2j1Ii5U1Vq1u93D3YOPLZRcXI2PcvL8I37p9t6qXltDLa9aL/X3MuyaqGIDhd9O4UwoJj5lH5wNuZf6YJhMdvPlaaXPQlCwMfw+xwZdJLHUd7Un78oXZnGnzkR+ltVb7ST000K7SSi/XqE/w967MsH1djND5UfttLG88gr/Ac+fgDLQYynn4sat1n1s4uoJzjG+xF0jNwyXELe857PydUWF74D+g84d5WXZhRb9n22lx9jUdGBrUcXR/rwBQ9UWrBvou9oQ6ztN6PUsLu2jySp0r8TIgesek/tEFy1fujDj2bBfNyr89y4pajv+HRh4yk5m4GwF/gd8weLR1+tYHUF/O02rViN6x3Ved7E/is+ieorL7ixRWah3OSdQXLTvNo4xcWLLS6FJmRYxKTiAiYaXMMFhZqGfg9wwehCuKZzM1qDxij3qW7lyqrqxfBpkyG0t9d7iK6NM8BgZWUSWKnFHQ6xnAqlh7XDsWCM18rxLqGXgiJatEYSdaW0VQsopaL6W2S3WZAt6dra/u8oblo1NCaB7DZpKZPEYat2DaWGmksfj7nNvHHjFbwR5J7717AGii8BktSqfoUXut/7KKXrD4sXuaPC17iF0udSY7M1delm+snvWLr5cJGdxTqPrH39hCoiRrbeDKBWeSH3eP8WbA4xSenULLE6Y8tJ45Qp1GInltV6MtWaNAunzHiCFiFwnd37lCIArzWcrFXT77RVLjl4MBScDj9YWhatwpSN2rbI9yt3k5kr8qy093lpfHbfEn3H9iDYla9wMAuPWASbkbBpLyP/6YhWnQqMQF/ksP9v+FhfjnBhgAgFea28MAA8D3JpEqGGAA+N7O2OiFAQBfdwI2mPgJAP+BGedoZgMA33sCdhDQAPC1LmiuzysAAF9igCGgAeB7DTC6qQPAtyWTnUlYGhV9APB5LQqKpYxnFrQibtYLAAB/2iRo6aiZ7wVyhpAwzhMAPq9dvToaTpU9WEjBAoDPbVafmeN0CGgDBxYAfHKja2JneWrUIAHAx9co8FlWRwdMBJAAYPi4GgURz/KknIXG+RcAPn7YUzpO4WjzDv4CwCcS2CXTPonjL8ZpA8D3EXjc+Itx2gDwdRKadvtrB9hfABg+c9hi7MQ6CLx0jrflMeUAAHxUGGlvV0cLfdfpaFZCPgPAd5hgvZUmLedfPwTUEQYCAsBnp0IHDLZiHNZR4GqbtIiZRADwPQyeB4G7ddK4H+iJ6kEAGD4+G+s6TdsPSoX1BYCvKOif5wEHNth2D0oFAODvGCzXaccz5sJ+GjBNGwC+jMIU/gXaGQC+r7OdlBimDXw9/gc/K28Q/Blx+wAAAABJRU5ErkJggg==');mask-image:url('data:image/png;base64,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'); -webkit-mask-size:100% 100%;mask-size:100% 100%} .hl-cologne-c .glanz i{position:absolute;top:-20%;bottom:-20%;left:0;width:26%; background:linear-gradient(100deg,transparent,rgba(255,255,255,.65) 50%,transparent); transform:translateX(-200%) skewX(-10deg); animation:cgnc-glanz 1.6s cubic-bezier(.4,.15,.5,.9) .3s both, cgnc-glanz-idle 12s linear 6s infinite} @keyframes cgnc-glanz{0%{transform:translateX(-200%) skewX(-10deg)} 100%{transform:translateX(560%) skewX(-10deg)}} @keyframes cgnc-glanz-idle{0%{transform:translateX(-200%) skewX(-10deg)} 27%{transform:translateX(560%) skewX(-10deg)} 100%{transform:translateX(560%) skewX(-10deg)}} .hl-cologne-c .e-2_insurance{animation:cgnc-stempel-sanft .6s cubic-bezier(.25,1.1,.4,1) 1s both} @keyframes cgnc-stempel-sanft{0%{opacity:0;transform:scale(1.18)} 65%{opacity:1;transform:scale(.985)} 100%{opacity:1;transform:none}} .hl-cologne-c .slogan{animation:cgnc-slogan .7s cubic-bezier(.2,.75,.25,1) 1.5s both} @keyframes cgnc-slogan{0%{opacity:0;transform:translateY(5px)}100%{opacity:1;transform:none}} .hl-cologne-c .s2 b{opacity:1;animation:none} .hl-cologne-c .s1{animation:none;clip-path:none} .hl-cologne-c .m-slot{overflow:visible} .hl-cologne-c .fall{position:absolute;inset:0;display:block; animation:cgnc-fallen 2s cubic-bezier(.4,.1,.7,1) 2s both} @keyframes cgnc-fallen{0%{opacity:0;transform:translateY(-32cqi)} 7%{opacity:1} 100%{transform:translateY(0)}} .hl-cologne-c .pendel{position:absolute;inset:0;display:block; animation:cgnc-pendeln 2s ease-in-out 2s both} @keyframes cgnc-pendeln{0%{transform:translateX(15cqi)} 26%{transform:translateX(20cqi)} 52%{transform:translateX(7cqi)} 78%{transform:translateX(11cqi)} 100%{transform:translateX(0)}} .hl-cologne-c .dom-m{animation:cgnc-taumeln 2s ease-in-out 2s both, cgnc-tadaa .75s cubic-bezier(.3,1.6,.4,1) 4.05s both} @keyframes cgnc-taumeln{0%{transform:rotate(-25deg)} 26%{transform:rotate(20deg)} 52%{transform:rotate(-15deg)} 78%{transform:rotate(10deg)} 100%{transform:rotate(0)}} @keyframes cgnc-tadaa{0%{transform:scale(1);filter:none} 45%{transform:scale(1.28);filter:drop-shadow(0 0 8px rgba(227,6,19,.65))} 100%{transform:scale(1);filter:none}} .hl-cologne-c .s1,.hl-cologne-c .s2{animation:cgnc-pam .25s ease-out 7s} @keyframes cgnc-pam{0%{transform:translateY(0)}40%{transform:translateY(1.5px)}100%{transform:translateY(0)}} .hl-cologne-c .slogan{margin-top:-.8cqi} .hl-cologne-c::after{height:5.4cqi} .hl-cologne .schauer{display:none} .hl-cologne-d .schauer{display:block;position:absolute;left:0;top:-4cqi;width:100%;height:130%; pointer-events:none;overflow:visible} .hl-cologne-d .schauer .k{position:absolute;top:0;display:block; animation:kf-schauer var(--kd,2.8s) cubic-bezier(.4,.1,.7,1) var(--kv,4.4s) both} .hl-cologne-d .schauer .k img{width:100%;height:auto; animation:kf-blatt var(--kd,2.8s) ease-in-out var(--kv,4.4s) both} @keyframes kf-schauer{0%{opacity:0;transform:translateY(-26cqi)} 8%{opacity:.9} 78%{opacity:.9} 100%{opacity:0;transform:translateY(30cqi)}} @keyframes kf-blatt{0%{transform:translateX(0) rotate(-30deg)} 30%{transform:translateX(2.4cqi) rotate(22deg)} 60%{transform:translateX(-1.8cqi) rotate(-18deg)} 100%{transform:translateX(1.2cqi) rotate(12deg)}} .hl-cologne-d .schauer .k:nth-child(1){left:6cqi;width:2.6cqi;--kd:3s;--kv:4.4s} .hl-cologne-d .schauer .k:nth-child(2){left:20cqi;width:2cqi;--kd:2.5s;--kv:4.8s} .hl-cologne-d .schauer .k:nth-child(3){left:34cqi;width:3.2cqi;--kd:3.3s;--kv:4.55s} .hl-cologne-d .schauer .k:nth-child(4){left:52cqi;width:2.2cqi;--kd:2.7s;--kv:5s} .hl-cologne-d .schauer .k:nth-child(5){left:64cqi;width:2.9cqi;--kd:3.1s;--kv:4.45s} .hl-cologne-d .schauer .k:nth-child(6){left:82cqi;width:2.4cqi;--kd:2.6s;--kv:4.9s} .hl-cologne-d .schauer .k:nth-child(7){left:92cqi;width:2cqi;--kd:3.2s;--kv:4.65s} html:not(.hero-var-a) .hl-cologne-d .schauer .k{--kd:1.5s;--kv:1.2s} .proof{display:flex;flex-wrap:wrap;gap:10px 20px;font-size:.9rem;color:var(--soft);margin-top:14px} .proof b{color:var(--ink)} section{padding:clamp(40px,6vw,80px) 0} section.alt{background:var(--panel);border-top:1px solid var(--line);border-bottom:1px solid var(--line)} .local{border-left:4px solid var(--primary);padding:6px 0 6px 20px;font-size:1.15rem;color:var(--ink); max-width:60ch;margin:0 0 8px} .grid{display:grid;gap:16px;grid-template-columns:repeat(auto-fit,minmax(220px,1fr))} .card{background:var(--panel);border:1px solid var(--line);border-radius:14px;padding:20px;text-decoration:none;color:var(--ink); display:block;transition:transform .15s ease,box-shadow .15s ease} .card:hover{transform:translateY(-3px);box-shadow:0 14px 34px -18px rgba(0,0,0,.3)} .card .k{font-weight:600;font-size:1.05rem;margin-bottom:4px} .card small{color:var(--soft)} .napcard{display:grid;grid-template-columns:1fr auto;gap:20px;align-items:center;background:var(--panel); border:1px solid var(--line);border-radius:16px;padding:24px} @media(max-width:680px){.napcard{grid-template-columns:1fr}} .napcard address{font-style:normal;line-height:1.7} footer{background:var(--panel);border-top:1px solid var(--line);padding:40px 0;color:var(--soft);font-size:.9rem} footer a{color:var(--soft)} .skip{position:absolute;left:-999px}.skip:focus{left:8px;top:8px;background:var(--cta-bg,var(--primary));color:#fff;padding:8px 12px;border-radius:8px;z-index:99} :focus-visible{outline:3px solid var(--primary);outline-offset:2px} @media(prefers-reduced-motion:reduce){*{transition:none!important;animation:none!important}} footer .foot-grid{display:grid;gap:26px;grid-template-columns:repeat(auto-fit,minmax(200px,1fr)); margin-bottom:26px} footer .fcol-titel{margin:0 0 10px;font-size:.78rem;text-transform:uppercase;letter-spacing:.12em; color:var(--ink);font-family:var(--sans)} footer ul{list-style:none;margin:0;padding:0;display:grid;gap:7px;font-size:.9rem} footer ul a{text-decoration:none} footer ul a:hover{text-decoration:underline;color:var(--ink)} .foot-zeile{border-top:1px solid var(--line);padding-top:18px} #ew-banner{position:fixed;right:16px;bottom:16px;z-index:98;max-width:380px; background:var(--panel);border:1px solid var(--line);border-radius:16px; padding:18px 20px;box-shadow:0 18px 50px -12px rgba(0,0,0,.35);font-size:.9rem} #ew-banner h3{margin:0 0 6px;font-size:1rem;font-family:var(--sans)} #ew-banner p{margin:0 0 12px;color:var(--soft);line-height:1.55} #ew-details{display:grid;gap:6px;margin-bottom:12px} #ew-details[hidden]{display:none} #ew-details label{display:flex;gap:8px;align-items:center;color:var(--ink)} .ew-knoepfe{display:flex;gap:8px;flex-wrap:wrap} .ew-knoepfe button{font:inherit;font-size:.85rem;padding:8px 12px;border-radius:9px; border:1.5px solid var(--line);background:var(--ground);color:var(--ink);cursor:pointer} .ew-knoepfe button:hover{border-color:var(--primary)} @media(max-width:480px){#ew-banner{left:16px;right:16px;max-width:none}} .zusatz[hidden]{display:none} .zusatz-hinweis{background:color-mix(in srgb,var(--primary) 6%,var(--panel)); border-radius:10px;padding:10px 14px;font-size:.92rem;color:var(--soft)} .sparten-wahl{border:1px solid var(--line);border-radius:12px;padding:12px 16px;margin:0 0 14px} .sparten-wahl legend{font-size:.9rem;font-weight:600;padding:0 6px} .sparten-wahl label{display:inline-flex;align-items:center;gap:6px;margin:4px 14px 4px 0;font-size:.95rem} .turnstile-slot:empty{display:none} .k3kopf{display:flex;align-items:flex-end;gap:12px;margin-bottom:10px} .k3kopf .badge{width:78px;height:78px} .k3kopf .num{font-family:var(--serif);font-weight:700;font-size:2.5rem; line-height:.85;color:var(--primary-text,var(--primary))} .card .k .badge{width:34px;height:34px;flex:none} .pkopf-badge{display:block;width:56px;height:56px;margin:0 0 10px} .zw-badge{width:54px;height:54px;display:block;margin:0 auto 8px} .pflip{position:relative;display:block} .pflip2{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;opacity:0} @media (prefers-reduced-motion:no-preference){.pflip2{transition:opacity .35s ease}} .person:hover .pflip2,.person:focus-within .pflip2,.person:active .pflip2{opacity:1} .team-substanz{max-width:720px;color:var(--soft);font-size:.97rem;line-height:1.65;margin:26px 0 0;padding-top:18px;border-top:1px solid var(--line)} .auszeichnungen{margin:26px 0 0;padding-top:18px;border-top:1px solid var(--line)} .ausz-titel{font-size:.68rem;text-transform:uppercase;letter-spacing:.13em;color:var(--primary-text,var(--primary));font-weight:700;margin:0 0 12px} .ausz-reihe{display:flex;flex-wrap:wrap;gap:16px 22px;align-items:center} .ausz-siegel{margin:0;flex:0 1 300px;min-width:220px} .ausz-siegel img{display:block;width:100%;height:auto;border-radius:10px;background:#fff;border:1px solid var(--line)} .ausz-siegel figcaption{font-size:.78rem;color:var(--soft);margin-top:6px} .ausz-text{flex:1 1 260px;margin:0;font-size:.9rem;color:var(--soft);line-height:1.55} .ausz-text b{color:var(--ink)} .team-substanz p{margin:0 0 12px} .team-substanz p:last-child{margin-bottom:0} .team-substanz b{color:var(--ink)} .kzusagen{list-style:none;margin:12px 0;padding:0;display:grid;gap:10px} .kzusagen li{display:flex;gap:10px;align-items:flex-start;color:var(--soft); font-size:.93rem;line-height:1.55} .kzusagen li>div{min-width:0;overflow-wrap:anywhere;hyphens:auto} .kzusagen b{color:var(--ink)} .aw-kopf{display:flex;align-items:center;justify-content:space-between;gap:28px} .aw-kopf>div{min-width:0} .aw360{width:clamp(88px,9vw,124px);height:auto;flex:none;background:var(--logochip);border-radius:16px;padding:6px} @media(max-width:700px){.aw360{width:74px;align-self:flex-start;margin-top:6px}} .eyebrow.pill{display:inline-flex;align-items:center;gap:8px;border:1px solid var(--line); background:var(--panel);border-radius:999px;padding:6px 14px;margin-bottom:10px} em.acc{font-style:normal;color:var(--primary-text,var(--primary))} .lead{font-size:1.13rem;line-height:1.6;max-width:56ch;margin:.35em 0 1.2em} .lead b{color:var(--ink)}.lead span{color:var(--soft)} .ctas{display:flex;gap:12px;flex-wrap:wrap;margin-bottom:4px} .infobox{margin-top:18px;border:1px solid color-mix(in srgb,var(--primary) 30%,var(--line)); background:color-mix(in srgb,var(--primary) 6%,var(--panel));border-radius:12px; padding:12px 16px;font-size:.92rem;line-height:1.55;color:var(--soft);max-width:60ch} .infobox b{color:var(--ink)} .beweis{background:var(--panel);border:1px solid var(--line);border-radius:16px; padding:clamp(18px,3vw,30px);max-width:820px;margin-top:8px} .beweis ul{list-style:none;margin:0;padding:0;display:grid;gap:16px} .beweis li{display:flex;gap:12px;align-items:flex-start;line-height:1.55} .beweis li>div{min-width:0;overflow-wrap:anywhere;hyphens:auto} .beweis .chk{color:var(--primary-text,var(--primary));font-weight:700;font-size:1.05rem;line-height:1.4} .beweis b{color:var(--ink)}.beweis div{color:var(--soft)} .beweis-hinweis{margin:18px 0 0;padding-top:14px;border-top:1px solid var(--line); color:var(--soft);font-size:.9rem;font-style:italic} .grid3{display:grid;gap:16px;grid-template-columns:repeat(auto-fit,minmax(240px,1fr));margin-top:22px} .k3{background:var(--ground);border:1px solid var(--line);border-radius:14px;padding:22px; display:flex;flex-direction:column;gap:8px} .gewerbe{margin-top:24px;border:1px solid var(--line);border-left:4px solid var(--primary); border-radius:12px;padding:16px 20px;color:var(--soft);line-height:1.6;max-width:72ch; background:var(--ground)} .gewerbe b{color:var(--ink)} h3.gruppe{text-transform:uppercase;letter-spacing:.14em;font-size:.74rem;font-weight:700; color:var(--soft);margin:26px 0 12px} h3.gruppe+.gruppe-lead{margin:-6px 0 14px;max-width:64ch;color:var(--soft); font-size:.95rem;line-height:1.55} .card.still{cursor:default} .card.still:hover{transform:none;box-shadow:none} h3.gruppe:first-of-type{margin-top:22px} #zielwahl{position:fixed;inset:0;z-index:99;background:rgba(8,10,14,.72); backdrop-filter:blur(6px);display:grid;place-items:center;padding:20px} #zielwahl[hidden]{display:none} .zw-karte{position:relative;background:var(--panel);border:1px solid var(--line); border-radius:20px;padding:clamp(24px,4vw,40px);max-width:640px;width:100%; box-shadow:0 30px 80px -20px rgba(0,0,0,.55);text-align:center} .zw-karte img{height:40px;width:auto;margin-bottom:14px} .zw-karte .zw-frage{margin:.1em 0 .2em} .zw-sub{color:var(--soft);margin:0 0 20px} .zw-wahl{display:grid;grid-template-columns:1fr 1fr;gap:14px} @media(max-width:560px){.zw-wahl{grid-template-columns:1fr}} .zw-btn{font:inherit;text-align:left;text-decoration:none;cursor:pointer; background:var(--ground);border:1.5px solid var(--line);border-radius:14px; padding:18px;display:flex;flex-direction:column;gap:6px;color:var(--ink); transition:border-color .15s ease,transform .15s ease} .zw-btn:hover,.zw-btn:focus-visible{border-color:var(--primary);transform:translateY(-2px)} .zw-btn b{font-size:1.05rem} .zw-btn span{color:var(--soft);font-size:.9rem;line-height:1.5} .zw-zu{position:absolute;top:12px;right:14px;font:inherit;background:none;border:0; color:var(--soft);font-size:1.1rem;cursor:pointer;padding:6px} .k3 p{margin:0;color:var(--soft);line-height:1.6;flex:1} .kicker{text-transform:uppercase;letter-spacing:.12em;font-size:.68rem;font-weight:700; color:var(--primary-text,var(--primary));margin-top:6px} .staedte{color:var(--soft);max-width:60ch} #region{padding-top:clamp(26px,3.4vw,44px);padding-bottom:clamp(20px,2.6vw,34px)} section:has(+ #region){padding-bottom:clamp(28px,3.4vw,48px)} .ortgrid{display:grid;grid-template-columns:repeat(auto-fill,minmax(210px,1fr)); gap:10px;margin:20px 0 6px} .ortkarte{display:block;padding:12px 14px;border:1px solid var(--line);border-radius:12px; background:var(--panel);text-decoration:none;color:var(--ink); transition:border-color .16s,transform .16s} .ortkarte b{display:flex;align-items:center;gap:8px;font-size:.98rem} .ortkarte-svg{width:22px;height:22px;flex:none;color:var(--primary-text,var(--primary));opacity:.9} .ortkarte span{display:block;color:var(--soft);font-size:.86rem;line-height:1.45;margin-top:3px} .ortkarte:hover,.ortkarte:focus-visible{border-color:var(--primary);transform:translateY(-2px)} .ortkarte-bild{padding:0;overflow:hidden} .ortkarte-bild img{display:block;width:100%;aspect-ratio:16/10;object-fit:cover; background:color-mix(in srgb,var(--primary) 6%,var(--panel))} .ortkarte-bild b,.ortkarte-bild span{padding-inline:14px} .ortkarte-bild b{padding-top:11px} .ortkarte-bild span{padding-bottom:12px} .ortkarte-bild span{display:none} .ortkarte-bild .ortkarte-svg{display:none} .ortkarte-bild b{display:block;padding-bottom:12px;font-size:1rem} @media (prefers-reduced-motion:reduce){.ortkarte{transition:none}.ortkarte:hover{transform:none}} .kontakt-grid{display:grid;grid-template-columns:minmax(0,.9fr) minmax(0,1.1fr);gap:clamp(20px,4vw,44px); margin-top:20px;align-items:start} @media(max-width:1000px){.kontakt-grid{grid-template-columns:minmax(0,1fr)} .schritte{flex-direction:column;align-items:flex-start;gap:10px}} .kontakt-grid>*{min-width:0}.schritte span{min-width:0} .kontakt-karte{background:var(--panel);border:1px solid var(--line);border-radius:16px;padding:24px} .kontakt-karte .kh{font-family:var(--serif);font-size:1.35rem;margin:.2em 0 .4em} .kontakt-karte address{font-style:normal;line-height:1.8;color:var(--soft)} .kontakt-links{display:flex;flex-direction:column;gap:10px;margin-top:16px} #kform{display:grid;gap:14px} .frow{display:grid;grid-template-columns:1fr 1fr;gap:14px} @media(max-width:560px){.frow{grid-template-columns:1fr}} .ffield{display:grid;gap:5px} .ffield label{font-weight:600;font-size:.92rem} .ffield small{color:var(--soft)} .fehl,[aria-invalid="true"]{border-color:var(--primary)!important; box-shadow:0 0 0 3px color-mix(in srgb,var(--primary) 18%,transparent)} .ffield input,.ffield select,.ffield textarea{font:inherit;color:var(--ink); background:var(--panel);border:1px solid var(--line);border-radius:10px;padding:11px 12px;width:100%} .ffield textarea{resize:vertical} .hp{position:absolute;left:-9999px;height:0;width:0;opacity:0} .consent{display:flex;gap:10px;align-items:flex-start;font-size:.9rem;color:var(--soft);line-height:1.55} .consent input{margin-top:3px} #kform .cta{justify-self:start} .fnote{margin:0;color:var(--soft);font-size:.9rem} #kstatus{margin:0;font-weight:600;min-height:1.2em} #kstatus.ok{color:#1a7f37}#kstatus.err{color:#b3261e;font-weight:500} .vertiefung{margin:34px 0 6px;padding-top:14px;border-top:1px solid var(--line)} .vertiefung .eyebrow{display:block;margin-bottom:2px} .vertiefung h2{margin:1.4em 0 .4em}.vertiefung h3{margin:1.1em 0 .3em} .vertiefung p,.vertiefung li{line-height:1.75;color:var(--ink)} .vertiefung ul{padding-left:1.15em} .cta{transition:transform .18s ease,box-shadow .18s ease,background-color .18s ease} .cta:hover{transform:translateY(-2px); box-shadow:0 12px 26px -12px color-mix(in srgb,var(--primary) 60%,transparent)} .cta.ghost:hover{background:color-mix(in srgb,var(--primary) 9%,transparent)} .card:hover{border-color:color-mix(in srgb,var(--primary) 45%,var(--line))} .faq summary{position:relative;padding-right:32px;list-style:none} .faq summary::-webkit-details-marker{display:none} .faq summary::after{content:"+";position:absolute;right:4px;top:50%; transform:translateY(-50%);color:var(--primary-text,var(--primary));font-weight:700;font-size:1.25rem; transition:transform .2s ease} .faq[open] summary::after{transform:translateY(-50%) rotate(45deg)} .hero{position:relative} .hero::before{content:"";position:absolute;inset:0;pointer-events:none; background:radial-gradient(56% 72% at 78% 10%, color-mix(in srgb,var(--primary) 9%,transparent),transparent 70%)} .hero>.wrap{position:relative} .lead-nach{max-width:72ch;line-height:1.65;color:var(--soft);margin:-6px 0 20px} .lead-nach b{color:var(--ink)} .lp-beispiel{margin-top:34px;padding-top:26px;border-top:1px solid var(--line)} .lp-beispiel h3{font-size:clamp(1.2rem,2.2vw,1.5rem);margin:8px 0 10px;line-height:1.25} .lp-beispiel .lead{max-width:72ch} @media(prefers-reduced-motion:no-preference){ html.js .rv{opacity:0;transform:translateY(16px); transition:opacity .55s ease,transform .55s ease} html.js .rv.an{opacity:1;transform:none}} @media(prefers-reduced-motion:no-preference){ html.js #arbeitsweise .grid3 .k3.rv{opacity:.3;filter:blur(4px); transform:translateY(18px) scale(.985); transition:opacity .6s ease,filter .6s ease,transform .6s ease; transition-delay:calc(var(--zs-i,0) * .12s)} html.js #arbeitsweise .grid3 .k3.rv.an{opacity:1;filter:none;transform:none}} .team-grid{display:grid;gap:18px;grid-template-columns:repeat(auto-fit,minmax(230px,1fr)); margin-top:22px} .person{background:var(--panel);border:1px solid var(--line);border-radius:16px;padding:18px} .person img{width:100%;height:auto;aspect-ratio:1;object-fit:cover;border-radius:12px; margin-bottom:12px;display:block} .person b{display:block;font-size:1.05rem;margin-bottom:4px} .person span{display:block;color:var(--soft);font-size:.92rem;line-height:1.5} .bestandshinweis{margin:14px 0 0;font-size:.9rem;line-height:1.6;color:var(--soft); border-top:1px solid var(--line);padding-top:12px} .bestandshinweis b{color:var(--ink)} .schritte{display:flex;gap:16px;flex-wrap:wrap;margin:0 0 16px} .schritte span{display:inline-flex;align-items:center;gap:8px;font-size:.86rem;color:var(--soft)} .schritte b{display:inline-grid;place-items:center;width:22px;height:22px;border-radius:50%; background:color-mix(in srgb,var(--primary) 12%,var(--ground));color:var(--primary-text,var(--primary));font-size:.8rem} #mleiste{position:fixed;left:0;right:0;bottom:0;z-index:60;display:none;gap:1px; background:var(--line);border-top:1px solid var(--line); transform:translateY(102%);transition:transform .3s ease} #mleiste a{flex:1;display:grid;place-items:center;padding:13px 8px;font-weight:600; text-decoration:none;background:var(--panel);color:var(--primary-text,var(--primary));font-size:.95rem} #mleiste a.voll{background:var(--cta-bg,var(--primary));color:#fff} #mleiste.an{transform:none} @media(max-width:700px){#mleiste{display:flex} body.hat-mleiste #ew-banner{bottom:66px}} .wfilter{display:flex;gap:8px;flex-wrap:wrap;margin:14px 0 6px} .wfilter button{font:inherit;font-size:.85rem;padding:7px 13px;border-radius:999px; border:1.5px solid var(--line);background:var(--panel);color:var(--ink);cursor:pointer} .wfilter button small{color:var(--soft)} .wfilter button.an{background:var(--cta-bg,var(--primary));border-color:var(--cta-bg,var(--primary));color:#fff} .wfilter button.an small{color:rgba(255,255,255,.8)} .wdatum{color:var(--soft);font-size:.78rem;text-transform:uppercase;letter-spacing:.08em} .wmehr{color:var(--primary-text,var(--primary));font-weight:600;font-size:.9rem;margin-top:8px;display:block} .wkopf{display:flex;justify-content:space-between;align-items:flex-end;gap:20px;flex-wrap:wrap} .wgrid{display:grid;gap:16px;grid-template-columns:repeat(auto-fill,minmax(290px,1fr));margin-top:22px} .artikel{max-width:740px} .artikel h2{margin:1.5em 0 .4em}.artikel h3{margin:1.2em 0 .3em} .artikel p,.artikel li{line-height:1.75;color:var(--ink)} .artikel ul{padding-left:1.15em} .wsuche{margin:16px 0 4px;max-width:420px} .wsuche input{width:100%;font:inherit;padding:11px 15px;border-radius:999px; border:1.5px solid var(--line);background:var(--panel);color:var(--ink)} .wsuche input:focus{outline:2px solid var(--primary);outline-offset:1px} .wleer{margin:16px 0 0;color:var(--soft)} .stand{margin:26px 0 0;padding:12px 16px;border-radius:12px;font-size:.9rem;line-height:1.6; background:var(--panel);border:1px solid var(--line);color:var(--soft)} .stand b{color:var(--ink)} .visually-hidden{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0 0 0 0)} .wthumb{width:100%;height:150px;object-fit:cover;border-radius:12px;margin-bottom:10px;display:block} .kurz-gesagt{margin:0 0 26px;padding:18px 22px;border-radius:16px;border:1px solid var(--line);background:var(--panel)} .kurz-gesagt b{display:block;font-size:.72rem;font-weight:700;letter-spacing:.13em;text-transform:uppercase;color:var(--primary-text,var(--primary));margin-bottom:8px} .kurz-gesagt ul{margin:0;padding-left:1.2em;display:grid;gap:6px}.kurz-gesagt li{line-height:1.55} .ki-hinweis{font-size:.85rem;color:var(--soft);margin:10px 0 0;line-height:1.5} .ki-hinweis a{color:var(--primary-text,var(--primary))} .zwischenruf{margin:30px 0;padding:20px 22px;border-radius:16px;display:flex; gap:14px;align-items:center;flex-wrap:wrap; background:color-mix(in srgb,var(--primary) 6%,var(--panel)); border:1px solid color-mix(in srgb,var(--primary) 25%,var(--line))} .zwischenruf b{display:block} .zwischenruf span{flex:1 1 260px;color:var(--soft);line-height:1.5} .abild{margin:14px 0 20px} .abild img{width:100%;height:auto;display:block;border-radius:18px; box-shadow:0 22px 55px -24px color-mix(in srgb,var(--primary) 40%,rgba(0,0,0,.35))} .wtoc{margin:18px 0 26px;padding:16px 20px;border:1px solid var(--line); border-radius:14px;background:var(--panel)} .wtoc b{display:block;font-size:.72rem;font-weight:700;letter-spacing:.13em; text-transform:uppercase;color:var(--primary-text,var(--primary));margin-bottom:8px} .wtoc ol{margin:0;padding-left:1.3em;display:grid;gap:5px; counter-reset:none} .wtoc li{line-height:1.5;min-width:0;overflow-wrap:anywhere} .wtoc li::marker{color:var(--primary-text,var(--primary));font-weight:700} .wtoc a{color:var(--ink);text-decoration:none} .wtoc a:hover{color:var(--primary-text,var(--primary));text-decoration:underline;text-underline-offset:3px} .artikel h2[id]{scroll-margin-top:84px} h1{font-size:clamp(2.2rem, 1.4rem + 3.8vw, 4rem)} .eyebrow.pill{background:var(--primary);color:#fff;border:0} .eyebrow.pill,.eyebrow{letter-spacing:.17em} .hero{background:linear-gradient(180deg,color-mix(in srgb,var(--primary) 7%,var(--ground)),var(--ground) 70%)} .hero::before{display:none} .hero-art-logo{border-radius:30px;border:0;box-shadow:0 34px 80px -30px color-mix(in srgb,var(--primary) 55%,rgba(0,0,0,.4))} .infobox{background:color-mix(in srgb,var(--primary) 10%,var(--panel));border-width:0 0 0 4px} #check .beweis{background:var(--cta-bg,var(--primary));border:0;color:#fff} #check .beweis b{color:#fff} #check .beweis li div{color:#fff} #check .beweis .chk{color:#fff} #check .beweis a{color:#fff;text-decoration:underline;text-underline-offset:3px;text-decoration-color:rgba(255,255,255,.7)} #check .beweis a:hover{text-decoration-color:#fff} #check .beweis .chk.pikto{background:rgba(255,255,255,.16); box-shadow:inset 0 0 0 1px rgba(255,255,255,.22);color:#fff} #check .beweis .chk.pikto svg{color:#fff} #check .beweis-hinweis{color:#fff;border-top-color:rgba(255,255,255,.28)} .card,.k3{border-radius:20px} .card{background:color-mix(in srgb,var(--primary) 4%,var(--panel))} .k3 .ico{background:var(--primary);color:#fff} section.alt{background:color-mix(in srgb,var(--primary) 4%,var(--panel))} .kontakt-karte{background:color-mix(in srgb,var(--primary) 8%,var(--panel));border:0} footer{background:color-mix(in srgb,var(--primary) 6%,var(--panel))} .gewerbe{border-left-width:6px} .card .k{display:flex;align-items:center;gap:10px;min-width:0;overflow-wrap:anywhere;hyphens:auto}.card .k span{min-width:0;overflow-wrap:anywhere;hyphens:auto}.pikto{display:grid;place-items:center;width:30px;height:30px;flex:none;border-radius:9px;background:color-mix(in srgb,var(--primary) 12%,var(--ground));color:var(--primary)}.pikto svg{width:18px;height:18px}.card .pic{width:26px;height:26px;flex:none;color:var(--primary);opacity:.9}.card:hover .pic{opacity:1}.pkopf-pic{display:block;width:30px;height:30px;color:var(--primary);margin:0 0 8px}@media (prefers-reduced-motion:no-preference){.card .pic{transition:transform .25s cubic-bezier(.34,1.56,.64,1)}.card:hover .pic{transform:scale(1.12)}.card:hover .pic path,.card:hover .pic circle,.card:hover .pic rect,.card:hover .pic ellipse{stroke-dasharray:90;animation:iczeichnen .55s ease-out forwards}.pkopf-pic path,.pkopf-pic circle,.pkopf-pic rect,.pkopf-pic ellipse{stroke-dasharray:90;animation:iczeichnen .8s ease-out .15s backwards}@keyframes iczeichnen{from{stroke-dashoffset:90}to{stroke-dashoffset:0}}} .zg-schalter{display:inline-flex;align-items:center;align-self:center; border:1px solid var(--line);border-radius:999px;background:var(--panel); padding:2px;gap:2px;white-space:nowrap;line-height:1} .zg-schalter a{display:inline-flex;align-items:center;border-radius:999px; padding:6px 13px;font-size:.85rem;font-weight:600;color:var(--soft); text-decoration:none;transition:color .16s,background-color .16s} .zg-schalter a:hover{color:var(--primary-text,var(--primary))} .zg-schalter a[aria-current]{background:color-mix(in srgb,var(--primary) 8%,var(--ground)); color:var(--primary-text,var(--primary))} .zg-schalter .ndrop{position:relative;display:inline-flex;align-self:auto} .zg-schalter .drop{top:calc(100% + 4px)} @media(max-width:700px){.zg-schalter{order:-1;margin-right:2px}} .nav nav a,.nav .wrap>.cta{white-space:nowrap;hyphens:none;-webkit-hyphens:none} .nav nav.nav-gewerbe{gap:16px} .nav nav.nav-gewerbe>a,.nav nav.nav-gewerbe .ndrop>a{white-space:nowrap;font-size:.88rem} @media(max-width:1120px){.nav nav.nav-gewerbe{gap:12px}.nav nav.nav-gewerbe>a,.nav nav.nav-gewerbe .ndrop>a{font-size:.84rem}} .ndrop{position:relative;display:flex;align-items:center;align-self:stretch} .nav .wrap{position:relative} .ndrop-breit{position:static} .ndrop>a{display:inline-flex;align-items:center;gap:5px} .caret{width:11px;height:11px;flex:none;transition:transform .18s;opacity:.7} .ndrop:hover .caret,.ndrop.open .caret{transform:rotate(180deg)} .drop{position:absolute;top:100%;left:50%;transform:translateX(-50%) translateY(6px); background:var(--panel);border:1px solid var(--line);border-radius:16px; box-shadow:0 30px 70px -28px rgba(0,0,0,.45);padding:20px 24px;display:flex;gap:30px; width:max-content;max-width:min(94vw,780px); opacity:0;visibility:hidden;transition:opacity .16s,transform .16s,visibility .16s; z-index:30;flex-wrap:wrap;row-gap:10px} .ndrop:hover .drop,.ndrop:focus-within .drop,.ndrop.open .drop{ opacity:1;visibility:visible;transform:translateX(-50%) translateY(0)} .drop-breit{display:grid;grid-template-columns:repeat(auto-fit,minmax(230px,1fr));width:min(96vw,1200px);max-width:min(96vw,1200px); gap:20px 22px;max-height:calc(100vh - 76px);overflow-y:auto;overscroll-behavior:contain} @media(min-width:1024px){.drop-breit{grid-template-columns:repeat(4,minmax(0,1fr))}} .drop-breit .dcol{min-width:0} .drop-breit .dcol a{white-space:normal;align-items:flex-start;line-height:1.35;font-size:.9rem} .drop-breit .dcol a span{hyphens:manual;-webkit-hyphens:manual;overflow-wrap:anywhere;min-width:0} .drop-breit .dcol a .pic{margin-top:2px} .drop-breit .dfuss{grid-column:1/-1} .dcol{min-width:170px} .dcol b{display:block;font-size:.68rem;text-transform:uppercase;letter-spacing:.13em; color:var(--primary);margin-bottom:9px;font-weight:700} .drop a{display:flex;align-items:center;gap:9px;padding:5.5px 0;color:var(--ink); text-decoration:none;white-space:nowrap;font-size:.92rem} .drop a:hover{color:var(--primary)} .drop a:hover span{text-decoration:underline;text-underline-offset:3px} .drop .pic{width:17px;height:17px;flex:none;color:var(--primary);opacity:.85} .dfuss{flex-basis:100%;border-top:1px solid var(--line);padding-top:12px;margin-top:4px; display:flex;gap:22px;flex-wrap:wrap} .dfuss a{font-weight:600;color:var(--primary);font-size:.9rem} @media(max-width:1100px){ .ndrop{position:static} .drop{position:absolute;left:12px;right:12px;top:100%;transform:none;margin-top:10px; width:auto;max-width:none;max-height:min(60vh,520px);overflow:auto;gap:18px} .ndrop:hover .drop,.ndrop:focus-within .drop,.ndrop.open .drop{transform:none} .nav .wrap>.drop.open{opacity:1;visibility:visible;transform:none} .drop:not(.drop-breit) .dcol{flex:1 1 100%;columns:190px auto;column-gap:30px;min-width:0} .drop:not(.drop-breit) .dcol b{column-span:all} .drop:not(.drop-breit) .dcol a{break-inside:avoid} .zg-schalter .ndrop{position:static} .zg-schalter .drop{top:100%;left:12px;right:12px;transform:none} } @media(max-width:700px){ .ndrop{align-self:auto} .ndrop:hover .drop{opacity:0;visibility:hidden} .ndrop.open .drop,.ndrop:focus-within .drop{opacity:1;visibility:visible;transform:none} } :root{ --ease-out:cubic-bezier(0.16,1,0.3,1); --ease-soft:cubic-bezier(0.4,0,0.2,1); --ink-1:var(--ink); --ink-2:color-mix(in srgb,var(--ink) 78%,var(--ground)); --ink-3:color-mix(in srgb,var(--ink) 58%,var(--ground)); --ink-4:color-mix(in srgb,var(--ink) 38%,var(--ground)); --hairline:var(--line); } .scroll-progress{position:fixed;top:0;left:0;right:0;height:2px;z-index:120; background:transparent;pointer-events:none} .scroll-progress::before{content:"";display:block;height:100%;width:100%; transform:scaleX(var(--fortschritt,0));transform-origin:0 50%; background:linear-gradient(90deg,var(--primary),var(--accent)); transition:transform 120ms linear} .hat-motion .reveal-stagger > *{opacity:0;transform:translateY(14px); transition:opacity 700ms var(--ease-out),transform 700ms var(--ease-out)} .reveal-stagger.is-visible > *{opacity:1;transform:none} .reveal-stagger.is-visible > *:nth-child(1){transition-delay:0ms} .reveal-stagger.is-visible > *:nth-child(2){transition-delay:80ms} .reveal-stagger.is-visible > *:nth-child(3){transition-delay:160ms} .reveal-stagger.is-visible > *:nth-child(4){transition-delay:240ms} .reveal-stagger.is-visible > *:nth-child(5){transition-delay:320ms} .reveal-stagger.is-visible > *:nth-child(6){transition-delay:400ms} .reveal-stagger.is-visible > *:nth-child(7){transition-delay:480ms} .reveal-stagger.is-visible > *:nth-child(8){transition-delay:560ms} .reveal-stagger.is-visible > *:nth-child(n+9){transition-delay:640ms} @property --ring-winkel{syntax:"";initial-value:0deg;inherits:false} .card{position:relative;isolation:isolate} .card::before{ content:"";position:absolute;inset:-1px;padding:1.5px;border-radius:inherit; background:conic-gradient(from var(--ring-winkel),var(--primary),var(--accent),var(--primary)); -webkit-mask:linear-gradient(#000 0 0) content-box,linear-gradient(#000 0 0); mask:linear-gradient(#000 0 0) content-box,linear-gradient(#000 0 0); -webkit-mask-composite:xor;mask-composite:exclude; opacity:0;z-index:-1;pointer-events:none; transition:opacity 400ms var(--ease-out); animation:ringDreht 6s linear infinite paused} .card:hover::before,.card:focus-within::before{opacity:1;animation-play-state:running} @keyframes ringDreht{to{--ring-winkel:360deg}} @supports not (background:conic-gradient(from var(--ring-winkel),red,red)){ .card::before{display:none} } @media (hover:hover) and (pointer:fine){ .card.kippt,.fd-karte.kippt,.fd-kachel.kippt,.kachel.kippt,.fd-spalte.kippt, .bcb-frage.kippt,.bcb-zeile.kippt, .is-visible>.card.kippt,.is-visible>.fd-karte.kippt,.is-visible>.kachel.kippt{ transform:perspective(900px) rotateX(var(--kx,0deg)) rotateY(var(--ky,0deg)) translate3d(0,-4px,0); transition:transform .14s ease-out} .card.kippt-aus,.fd-karte.kippt-aus,.fd-kachel.kippt-aus,.kachel.kippt-aus, .fd-spalte.kippt-aus,.is-visible>.card.kippt-aus,.is-visible>.fd-karte.kippt-aus{ transition:transform .45s cubic-bezier(.16,1,.3,1)} .card.kippt::after,.fd-karte.kippt::after,.fd-kachel.kippt::after, .kachel.kippt::after,.fd-spalte.kippt::after,.bcb-frage.kippt::after, .bcb-zeile.kippt::after{ content:"";position:absolute;inset:0;border-radius:inherit;pointer-events:none; background:radial-gradient(220px circle at var(--zx,50%) var(--zy,50%), color-mix(in srgb,var(--primary) 13%,transparent),transparent 70%); z-index:0} .card,.fd-karte,.fd-kachel,.kachel,.fd-spalte,.bcb-frage,.bcb-zeile{position:relative} } @media (prefers-reduced-motion:reduce){ .card.kippt,.fd-karte.kippt,.fd-kachel.kippt,.kachel.kippt,.fd-spalte.kippt{ transform:none;transition:none} .card.kippt::after,.fd-karte.kippt::after,.fd-kachel.kippt::after, .kachel.kippt::after,.fd-spalte.kippt::after{display:none} } main{overflow-x:clip} @media (prefers-color-scheme:dark){ :root:not([data-theme=light]) .fd-endcta, :root:not([data-theme=light]) .pcta{ box-shadow:0 0 0 1px var(--line), 0 18px 60px -28px color-mix(in srgb,var(--primary) 55%,transparent)} :root:not([data-theme=light]) .fd-beweis{position:relative;isolation:isolate} :root:not([data-theme=light]) .fd-beweis::before{ content:"";position:absolute;inset:0 -10% auto -10%;height:70%;z-index:-1; background:radial-gradient(60% 100% at 50% 0%, color-mix(in srgb,var(--primary) 16%,transparent),transparent 70%); pointer-events:none} :root:not([data-theme=light]) .lokal-block{ box-shadow:0 24px 70px -34px color-mix(in srgb,var(--primary) 45%,transparent)} :root:not([data-theme=light]) .fd-grafik{ box-shadow:0 0 0 1px var(--line), 0 30px 96px -44px color-mix(in srgb,var(--primary) 30%,transparent)} } :root[data-theme=dark] .fd-endcta, :root[data-theme=dark] .pcta{ box-shadow:0 0 0 1px var(--line), 0 18px 60px -28px color-mix(in srgb,var(--primary) 55%,transparent)} :root[data-theme=dark] .fd-beweis{position:relative;isolation:isolate} :root[data-theme=dark] .fd-beweis::before{ content:"";position:absolute;inset:-30% -10% auto -10%;height:70%;z-index:-1; background:radial-gradient(60% 100% at 50% 0%, color-mix(in srgb,var(--primary) 16%,transparent),transparent 70%); pointer-events:none} :root[data-theme=dark] .lokal-block{ box-shadow:0 24px 70px -34px color-mix(in srgb,var(--primary) 45%,transparent)} :root[data-theme=dark] .fd-grafik{ box-shadow:0 0 0 1px var(--line), 0 30px 96px -44px color-mix(in srgb,var(--primary) 30%,transparent)} .faq{transition:translate .3s var(--ease-out), box-shadow .3s var(--ease-out),border-color .3s var(--ease-out)} @media (hover:hover) and (pointer:fine){ .faq:hover{translate:6px 0; box-shadow:0 14px 34px -22px color-mix(in srgb,var(--primary) 60%,transparent); border-color:color-mix(in srgb,var(--primary) 40%,var(--line))} } .faq[open]{translate:0 0; border-color:color-mix(in srgb,var(--primary) 45%,var(--line))} .faq[open] summary{color:var(--primary)} .faq[open] p{animation:faqAuf .32s var(--ease-out) both} @keyframes faqAuf{from{opacity:0;transform:translateY(-6px)}to{opacity:1;transform:none}} @media (prefers-reduced-motion:reduce){ .faq,.faq:hover,.faq[open]{translate:none;transition:none} .faq[open] p{animation:none} } .btn-primary,.zw-btn,.cta-primary,.cta:not(.ghost){position:relative;overflow:hidden} .btn-primary::after,.zw-btn::after,.cta-primary::after,.cta:not(.ghost)::after{ content:"";position:absolute;inset:0;pointer-events:none; background:linear-gradient(105deg,transparent 40%,rgba(255,255,255,.28) 50%,transparent 60%); transform:translateX(-120%);transition:transform 620ms var(--ease-out)} .btn-primary:hover::after,.zw-btn:hover::after,.cta-primary:hover::after, .cta:not(.ghost):hover::after{transform:translateX(120%)} @media (hover:hover) and (pointer:fine){ .cta:not(.ghost){transform:translate3d(var(--mx,0px),var(--my,0px),0); transition:transform 240ms var(--ease-out),box-shadow .18s ease,background-color .18s ease} .cta:not(.ghost):hover{transform:translate3d(var(--mx,0px),var(--my,0px),0) translateY(-2px)} } .k3kopf .num{ background:linear-gradient(90deg,var(--primary),var(--accent),var(--primary)); background-size:200% 100%; -webkit-background-clip:text;background-clip:text; -webkit-text-fill-color:transparent;color:transparent; animation:numShimmer 6s ease-in-out infinite} @keyframes numShimmer{0%,100%{background-position:0% 0%}50%{background-position:100% 0%}} .schritte b{position:relative} .schritte span:first-child b::before{content:"";position:absolute;inset:-5px;border-radius:50%; border:2px solid color-mix(in srgb,var(--primary) 26%,transparent); animation:stepRing 2.4s ease-out infinite;pointer-events:none} @keyframes stepRing{0%{transform:scale(.9);opacity:.8}100%{transform:scale(1.55);opacity:0}} .rm-diagramm{margin:22px 0;display:grid; grid-template-columns:minmax(0,175px) minmax(0,1fr) max-content; column-gap:12px;row-gap:9px;align-items:center;font-size:.87rem} .rm-diagramm-titel{font-size:.74rem;font-weight:700;letter-spacing:.13em; text-transform:uppercase;color:var(--primary);margin-bottom:3px;grid-column:1/-1} .rm-balken{display:contents} @media(max-width:520px){ .rm-diagramm{grid-template-columns:minmax(0,105px) minmax(0,1fr) max-content; font-size:.78rem} } .rm-balken > span:first-child{color:var(--ink-2);line-height:1.3;min-width:0} .rm-spur{position:relative;height:12px;border-radius:99px; background:color-mix(in srgb,var(--ink) 8%,transparent);min-width:0} .rm-fuellung{position:absolute;top:0;bottom:0;left:0;width:var(--breite,0%); border-radius:99px;background:linear-gradient(90deg,var(--primary),var(--accent)); transform-origin:left center; transition:transform 900ms var(--ease-out)} .hat-motion .rm-fuellung{transform:scaleX(0)} .hat-motion .is-visible .rm-fuellung, .hat-motion .rm-diagramm.is-visible .rm-fuellung{transform:scaleX(1)} .rm-wert{font-weight:700;color:var(--ink);font-variant-numeric:tabular-nums;white-space:nowrap} .rm-diagramm-quelle{font-size:.72rem;color:var(--ink-3);margin-top:4px;grid-column:1/-1} .rm-spanne{margin:22px 0;display:grid; grid-template-columns:minmax(0,175px) minmax(0,1fr) max-content; column-gap:12px;row-gap:9px;align-items:center;font-size:.87rem} @media(max-width:520px){ .rm-spanne{grid-template-columns:minmax(0,105px) minmax(0,1fr) max-content; font-size:.78rem} } .rm-band{position:absolute;top:0;bottom:0;left:var(--von,0%);width:var(--breite,10%); border-radius:99px;background:linear-gradient(90deg,var(--primary),var(--accent)); transform-origin:left center; transition:transform 900ms var(--ease-out)} .hat-motion .rm-band{transform:scaleX(0)} .hat-motion .is-visible .rm-band, .hat-motion .rm-spanne.is-visible .rm-band{transform:scaleX(1)} .rm-achse{grid-column:1/-1;display:flex;justify-content:space-between; font-size:.7rem;color:var(--ink-3);font-variant-numeric:tabular-nums; border-top:1px solid color-mix(in srgb,var(--ink) 12%,transparent); padding-top:5px;margin-top:2px} @media (prefers-reduced-motion:reduce){ .rm-fuellung,.hat-motion .rm-fuellung, .rm-band,.hat-motion .rm-band{transform:scaleX(1);transition:none} } @media (hover:hover) and (pointer:fine){ .hat-motion .card{transition:transform 320ms var(--ease-out), border-color .18s ease,box-shadow .18s ease} .hat-motion .card:hover,.hat-motion .card:focus-within{ transform:perspective(900px) rotateX(calc(var(--kipp-x,0)*1deg)) rotateY(calc(var(--kipp-y,0)*1deg)) translate3d(0,-3px,0)} .hat-motion .fd-karte,.hat-motion .fd-kachel,.hat-motion .fd-spalte{ transition:transform 320ms var(--ease-out), border-color .18s ease,box-shadow .18s ease} .hat-motion .fd-karte:hover,.hat-motion .fd-kachel:hover,.hat-motion .fd-spalte:hover, .hat-motion .fd-karte:focus-within,.hat-motion .fd-spalte:focus-within{ transform:perspective(900px) rotateX(calc(var(--kipp-x,0)*1deg)) rotateY(calc(var(--kipp-y,0)*1deg)) translate3d(0,-3px,0)} .hat-motion .bcb-frage,.hat-motion .bcb-zeile{ transition:transform 320ms var(--ease-out), border-color .18s ease,box-shadow .18s ease,opacity .25s ease} .hat-motion .bcb-frage:hover,.hat-motion .bcb-frage:focus-within, .hat-motion .bcb-zeile:hover{ transform:perspective(900px) rotateX(calc(var(--kipp-x,0)*1deg)) rotateY(calc(var(--kipp-y,0)*1deg)) translate3d(0,-3px,0)} } .hat-motion .reveal-stagger:not(.is-visible) > *{ transform:translate3d(0,14px,0) scale(.988)} .hero-szene > .hero-buehne > .wrap{transform:translate3d(0,var(--tiefe-y,0px),0)} .prose h2:not(.fd-h2)::before,.artikel h2:not(.fd-h2)::before{ content:"";display:block;width:46px;height:3px;border-radius:2px;margin:0 0 15px; background:linear-gradient(90deg,var(--primary), color-mix(in srgb,var(--primary) 15%,transparent))} .prose h2:not(.fd-h2)+p,.artikel h2:not(.fd-h2)+p{ font-size:1.03em;line-height:1.62} .rg-scrub{position:relative} .rg-sticky{position:sticky;top:0;height:100vh;overflow:hidden; display:flex;flex-direction:column;align-items:center;justify-content:center} .rg-kopf{position:relative;z-index:3;text-align:center;padding:0 20px; max-width:760px;margin:0 auto 18px} .rg-kopf .rg-titel{display:block;margin-top:8px;font-weight:800; font-size:clamp(26px,3.6vw,40px);letter-spacing:-.02em;line-height:1.12} .rg-scene{perspective:1400px;width:100%;height:clamp(268px,42vh,400px);position:relative} .rg-ring{position:absolute;inset:0;transform-style:preserve-3d;will-change:transform} .rg-ring .ortkarte span:not(.ortkarte-svg){display:none} .rg-ring .ortkarte img{flex:1 1 auto;min-height:0;width:100%;object-fit:cover; border-radius:inherit;border-end-start-radius:0;border-end-end-radius:0} .rg-ring .ortkarte b{padding:9px 12px 11px;font-size:.95rem} .rg-ring .ortkarte{position:absolute;left:50%;top:50%; --rg-hoch:clamp(176px,26vh,244px); width:var(--rg-breit,214px);height:var(--rg-hoch); margin:calc(var(--rg-hoch) / -2) 0 0 calc(var(--rg-breit,214px) / -2); display:flex;flex-direction:column;justify-content:flex-start;padding:0; overflow:hidden; backface-visibility:hidden;transition:border-color .3s var(--ease-out), box-shadow .3s var(--ease-out)} .rg-ring .ortkarte img{transition:opacity .3s var(--ease-out);opacity:.5} .rg-ring .ortkarte.vorn img{opacity:1} .rg-ring .ortkarte.vorn{ border-color:color-mix(in srgb,var(--primary) 45%,var(--line)); box-shadow:0 26px 60px -30px color-mix(in srgb,var(--primary) 55%,transparent)} .rg-schild{position:relative;z-index:3;text-align:center;margin-top:22px;min-height:52px} .rg-schild .rg-name{display:block;font-weight:700; font-size:clamp(20px,2.6vw,28px);letter-spacing:-.015em} .rg-schild .rg-zahl{display:block;margin-top:6px;font-size:12.5px;font-weight:700; letter-spacing:.14em;text-transform:uppercase;color:var(--primary)} .rg-wink{position:relative;z-index:3;margin-top:10px;font-size:12.5px; letter-spacing:.1em;text-transform:uppercase;opacity:.62} .ortgrid.rg-aus{display:none} @media (prefers-reduced-motion:reduce){ .rg-scrub{display:none} .ortgrid.rg-aus{display:grid} .hat-motion .reveal-stagger > *{opacity:1;transform:none;transition:none} .card::before{animation:none;transition:none} .btn-primary::after,.zw-btn::after,.cta-primary::after{display:none} .scroll-progress::before{transition:none} .k3kopf .num{animation:none;background:none; -webkit-text-fill-color:var(--primary);color:var(--primary)} .schritte span:first-child b::before{animation:none;opacity:0} .cta:not(.ghost){transform:none} .hat-motion .card:hover,.hat-motion .card:focus-within, .hat-motion .fd-karte:hover,.hat-motion .fd-kachel:hover, .hat-motion .fd-spalte:hover{transform:none} .hero-szene > .hero-buehne > .wrap{transform:none} } .hero-szene{position:relative;height:var(--szene-h,220vh);padding:0;margin:0} .hero-buehne{position:sticky;top:0;height:100vh;height:100svh;overflow:hidden; display:grid;align-items:center;isolation:isolate;background:#0b0c10} .hero-poster,.hero-canvas{position:absolute;inset:0;width:100%;height:100%; object-fit:cover;display:block;z-index:0} .hero-canvas{opacity:0;transition:opacity 600ms var(--ease-out)} .hero-szene.hat-frames .hero-canvas{opacity:1} .hero-schleier{position:absolute;inset:0;z-index:1;pointer-events:none; background:linear-gradient(100deg, color-mix(in srgb,#0b0c10 88%,transparent) 0%, color-mix(in srgb,#0b0c10 74%,transparent) 48%, color-mix(in srgb,var(--primary) 16%,transparent) 100%)} .hero-szene>.hero-buehne>.wrap{position:relative;z-index:2;width:100%; padding-top:clamp(72px,10vh,120px);padding-bottom:clamp(40px,6vh,72px)} @media (max-height:900px){ .hero-szene>.hero-buehne>.wrap{padding-top:clamp(40px,5.5vh,64px); padding-bottom:clamp(40px,6vh,64px)} .hero-szene h1{font-size:clamp(30px,3.4vw,42px);line-height:1.07;margin-bottom:8px} .hero-szene .lead{font-size:.98rem;line-height:1.48;margin-bottom:14px} .hero-szene .answer{font-size:.9rem;line-height:1.48;margin:4px 0 10px} .hero-szene .proof{margin-top:8px;font-size:.82rem} .hero-szene .infobox{margin-top:10px;font-size:.8rem;padding:9px 12px} .hero-szene .ctas{margin-bottom:0} } @media (max-height:800px){ .hero-szene h1{font-size:clamp(28px,3.1vw,38px)} .hero-szene .lead{font-size:.96rem} .hero-szene .proof{font-size:.8rem} .hero-szene .infobox{font-size:.78rem;padding:8px 11px;margin-top:10px} } @media (max-height:760px){ .hero-szene>.hero-buehne>.wrap{padding-top:clamp(28px,4vh,44px); padding-bottom:clamp(24px,4vh,40px)} .hero-szene h1{font-size:clamp(26px,2.9vw,34px);line-height:1.05;margin-bottom:6px} .hero-szene .lead{font-size:.92rem;line-height:1.42;margin-bottom:10px} .hero-szene .answer{font-size:.86rem;line-height:1.42;margin:2px 0 8px} .hero-szene .ctas{gap:8px} .hero-szene .proof{margin-top:6px;font-size:.78rem;gap:6px 14px} .hero-szene .infobox{margin-top:8px;font-size:.75rem;padding:7px 10px;line-height:1.4} .hero-szene .crumb{margin-bottom:4px;font-size:.8rem} .hero-szene .eyebrow.pill{margin-bottom:6px} } .hero-szene h1,.hero-szene .lead b{color:#fff} .hero-szene .lead span,.hero-szene .proof,.hero-szene .infobox,.hero-szene .answer{color:#e6e8ee} .hero-szene .proof b,.hero-szene .proof strong,.hero-szene .lead strong, .hero-szene .infobox strong{color:#fff} .hero-szene .infobox{background:rgba(255,255,255,.07); border-color:rgba(255,255,255,.16)} .hero-szene .infobox b{color:#fff} .hero-szene .eyebrow.pill{background:rgba(255,255,255,.1);border-color:rgba(255,255,255,.2);color:#fff} .hero-szene .crumb,.hero-szene .crumb a{color:#e6e8ee} .hero-szene:not(.hero-hell) .answer a,.hero-szene:not(.hero-hell) .lead a,.hero-szene:not(.hero-hell) .proof a{color:#fff;text-decoration:underline;text-underline-offset:3px;text-decoration-color:rgba(255,255,255,.6)} .kopf-szene .col{grid-template-columns:minmax(0,760px)} .kopf-szene.hero-rechts .col{grid-template-columns:minmax(0,640px);justify-content:end} .hero-szene .cta.ghost{color:#fff;border-color:rgba(255,255,255,.55)} .hero-szene .cta.ghost:hover{background:rgba(255,255,255,.12)} .hero-szene .hero-art-logo{background:rgba(255,255,255,.94); backdrop-filter:blur(10px);border-color:rgba(255,255,255,.35); box-shadow:0 30px 80px -24px rgba(0,0,0,.7)} .hero-szene.hero-hell .hero-schleier{background:linear-gradient(180deg,rgba(11,12,16,.30) 0%,rgba(11,12,16,.06) 30%,rgba(11,12,16,.04) 70%,rgba(11,12,16,.22) 100%)} .hero-szene.hero-hell .col>div:first-child{background:rgba(255,255,255,.88);backdrop-filter:blur(14px);-webkit-backdrop-filter:blur(14px); border:1px solid rgba(255,255,255,.65);border-radius:22px;padding:26px 30px;box-shadow:0 30px 80px -30px rgba(0,0,0,.45)} .hero-szene.hero-hell h1,.hero-szene.hero-hell .lead b,.hero-szene.hero-hell .lead strong,.hero-szene.hero-hell .proof b, .hero-szene.hero-hell .proof strong,.hero-szene.hero-hell .infobox b,.hero-szene.hero-hell .infobox strong{color:#14181f} .hero-szene.hero-hell .lead span,.hero-szene.hero-hell .proof,.hero-szene.hero-hell .infobox,.hero-szene.hero-hell .answer, .hero-szene.hero-hell .crumb,.hero-szene.hero-hell .crumb a{color:#4a5160} .hero-szene.hero-hell .infobox{background:rgba(0,0,0,.04);border-color:rgba(0,0,0,.12)} .hero-szene.hero-hell .eyebrow.pill{background:color-mix(in srgb,var(--primary) 10%,#fff);border-color:color-mix(in srgb,var(--primary) 32%,#fff);color:var(--primary-text,var(--primary))} .hero-szene.hero-hell .cta.ghost{color:#14181f;border-color:rgba(0,0,0,.35)} .hero-szene.hero-hell .cta.ghost:hover{background:rgba(0,0,0,.06)} .hero-szene.hero-hell .hero-weiter{text-shadow:0 1px 8px rgba(0,0,0,.7)} @media (max-height:900px){.hero-szene.hero-hell .col>div:first-child{padding:18px 22px;border-radius:18px}} @media (max-height:820px){.hero-szene.hero-hell .col>div:first-child{padding:14px 18px} .hero-szene.hero-hell .infobox{display:none} .hero-szene.hero-hell .ctas .cta{padding:10px 16px;font-size:.92rem} .hero-szene.hero-hell .proof{font-size:.76rem;margin-top:4px} .hero-szene.hero-hell .answer{font-size:.84rem;line-height:1.4;margin:2px 0 6px}} @media (max-width:820px){.hero-szene.hero-hell .col>div:first-child{padding:18px 18px;border-radius:18px}} .hero-szene.hero-logo-oben .col{align-items:start} .hero-szene.hero-logo-oben .col>div:first-child{align-self:center} .hero-szene.hero-logo-oben .hero-art-logo{align-self:start;margin-top:clamp(-150px,-14vh,-80px);width:min(100%,380px);justify-self:end} @media (max-width:820px){.hero-szene.hero-logo-oben .hero-art-logo{display:none} .hero-szene.hero-logo-oben .hero-poster{height:150%;top:-50%;object-position:72% 50%} .hero-szene.hero-logo-oben .col>div:first-child{margin-top:clamp(300px,54vh,440px)}} .hero-szene.hero-aufgehellt .hero-poster,.hero-szene.hero-aufgehellt .hero-canvas{filter:brightness(1.16) saturate(1.06)} .hero-weiter{position:absolute;left:50%;bottom:22px;transform:translateX(-50%); z-index:2;color:#fff;font-size:.72rem;letter-spacing:.16em;text-transform:uppercase; opacity:.7;transition:opacity 400ms var(--ease-out);pointer-events:none} .hero-szene.gescrollt .hero-weiter{opacity:0} header.nav .wrap{transition:transform 240ms var(--ease-out);transform-origin:50% 50%} @media(min-width:901px){html.gescrollt header.nav .wrap{transform:scale(.92)}} html.gescrollt header.nav{box-shadow:0 8px 28px -18px rgba(0,0,0,.35)} @supports (interpolate-size:allow-keywords){ .faq{interpolate-size:allow-keywords} .faq::details-content{block-size:0;overflow:clip; transition:block-size 320ms var(--ease-out),content-visibility 320ms allow-discrete} .faq[open]::details-content{block-size:auto} } #check h2::after{content:"";display:block;width:72px;height:3px;margin-top:12px; border-radius:2px;background:linear-gradient(90deg,var(--primary),var(--accent)); transform-origin:left center} @media (min-width:1080px){ #arbeitsweise .grid3{position:relative} #arbeitsweise .k3{position:relative;z-index:1} #arbeitsweise .grid3::before{content:"";position:absolute;z-index:0; left:24px;right:24px;top:61px;height:2px;border-radius:1px; background:linear-gradient(90deg,var(--primary),var(--accent)); transform-origin:left center} } @supports (animation-timeline:view()){ #check h2::after{animation:strichZeichnet linear both; animation-timeline:view();animation-range:entry 30% entry 100%} #arbeitsweise .grid3::before{animation:strichZeichnet linear both; animation-timeline:view();animation-range:entry 20% cover 45%} } @keyframes strichZeichnet{from{transform:scaleX(0)}to{transform:scaleX(1)}} @media (min-width:600px) and (max-width:820px) and (pointer:fine){ .hero-szene .hero-art{display:none} .hero-szene>.hero-buehne>.wrap{padding-top:clamp(56px,8vh,90px)} } .hero-abstimmung{position:fixed;left:0;right:0;bottom:0;z-index:9999;display:flex;flex-wrap:wrap;gap:6px;align-items:center; padding:10px 12px calc(10px + env(safe-area-inset-bottom));background:rgba(15,17,22,.94);color:#e9e7e1;font:600 14px/1.2 system-ui,sans-serif} .hero-abstimmung span{opacity:.7;margin-right:2px} .hero-abstimmung a{color:#fff;text-decoration:none;border:1px solid rgba(255,255,255,.35);border-radius:999px;padding:8px 12px;min-height:36px;display:inline-flex;align-items:center} .hero-abstimmung a.an{background:#E30613;border-color:#E30613} .hero-abstimmung em{flex-basis:100%;font-style:normal;font-weight:400;font-size:12px;opacity:.75} @media (max-width:599px),(pointer:coarse),(prefers-reduced-motion:reduce){ html:not(.hero-abstimmung-an) .hero-szene{height:auto} html:not(.hero-abstimmung-an) .hero-buehne{position:relative;height:auto;min-height:0;display:block} html:not(.hero-abstimmung-an) .hero-poster{position:absolute;height:100%} html:not(.hero-abstimmung-an) .hero-canvas,html:not(.hero-abstimmung-an) .hero-weiter{display:none} html:not(.hero-abstimmung-an) .hero-szene>.hero-buehne>.wrap{padding-top:clamp(56px,9vh,96px)} header.nav .wrap{transition:none} .faq::details-content{transition:none} #check h2::after,#arbeitsweise .grid3::before{animation:none;transform:none} } .badge-dunkel{display:none} @media (prefers-color-scheme:dark){ :root:not([data-theme=light]) .badge-hell{display:none} :root:not([data-theme=light]) .badge-dunkel{display:block} } :root[data-theme=dark] .badge-hell{display:none} :root[data-theme=dark] .badge-dunkel{display:block} :root[data-theme=light] .badge-hell{display:block} :root[data-theme=light] .badge-dunkel{display:none} html{hyphens:auto;-webkit-hyphens:auto;hyphenate-limit-chars:8 4 3} h1,h2,h3,.k3 h3{overflow-wrap:normal;word-break:normal} .fd-sk{overflow:hidden} .sk-strahl{list-style:none;margin:14px 0 6px;padding:0;display:flex;align-items:center;gap:0;position:relative} .sk-strahl::before{content:"";position:absolute;left:18px;right:18px;top:50%;height:2px;background:var(--line);transform:translateY(-50%)} .sk-punkt{flex:1;display:flex;justify-content:center;position:relative} .sk-punkt button{width:36px;height:36px;border-radius:999px;border:2px solid var(--line);background:var(--panel); color:var(--soft);font-weight:700;cursor:pointer;transition:transform .25s,background-color .25s,color .25s,border-color .25s} .sk-punkt.ist-aktiv button{background:var(--primary);border-color:var(--primary);color:#fff;transform:scale(1.15)} .sk-punkt.war-aktiv button{border-color:var(--primary);color:var(--primary-text,var(--primary))} .sk-bahn{display:flex;gap:16px;overflow-x:auto;scroll-snap-type:x mandatory;padding:14px 4px 10px;scrollbar-width:none;-webkit-overflow-scrolling:touch} .sk-bahn::-webkit-scrollbar{display:none} .sk-karte{flex:0 0 min(78%,420px);scroll-snap-align:start;border:1px solid var(--line);border-radius:16px;padding:20px 22px; background:var(--panel);transform:scale(.94) translateY(8px);opacity:.85;transition:transform .35s cubic-bezier(.2,.75,.25,1),opacity .35s} .sk-karte:not(.ist-aktiv) p{color:var(--ink)} .sk-karte.ist-aktiv{transform:none;opacity:1;box-shadow:0 18px 44px -28px rgba(0,0,0,.35)} .sk-marke{display:inline-grid;place-items:center;width:30px;height:30px;border-radius:999px;background:var(--primary);color:#fff;font-weight:700;font-size:.9rem;margin-bottom:10px} .sk-karte b{display:block;font-size:1.05rem;margin-bottom:6px} .sk-karte p{margin:0;color:var(--soft);line-height:1.6} .sk-stand{display:block;text-align:center;color:var(--soft);font-size:.9rem;margin-top:6px} .sk-hinweis{margin:8px 0 0;text-align:center;color:var(--soft);font-size:.8rem} .sk-gelenkt .sk-bahn{overflow-x:hidden;scroll-snap-type:none} .sk-gelenkt .sk-hinweis{display:none} .sk-gelenkt .sk-karte{transition:transform .25s,opacity .25s} .sk-gelenkt.sk-links .sk-bahn{-webkit-mask-image:linear-gradient(90deg,transparent 0,#000 72px,#000 100%);mask-image:linear-gradient(90deg,transparent 0,#000 72px,#000 100%)} .sk-karte.war-aktiv{opacity:0} @media(prefers-reduced-motion:reduce){.sk-karte{transform:none;opacity:1}.sk-punkt button{transition:none}} .depot-box .ctas{display:flex;gap:12px;flex-wrap:wrap;margin:18px 0 8px} .depot-box .k3 .card .k span{display:block;font-weight:400;color:var(--soft);font-size:.82rem} .depot-box .k3 .card p{margin:10px 0 0;color:var(--soft);line-height:1.6} .fd-ausblick{margin:30px 0 6px;padding:2px 18px 14px;border-radius:16px; border:1px solid color-mix(in srgb,var(--primary) 26%,var(--line)); background:color-mix(in srgb,var(--primary) 5%,var(--panel))} .fd-ausblick .fd-eyebrow{margin-top:20px} .fd-eyebrow{display:block;font-size:.78rem;font-weight:700;letter-spacing:.14em; text-transform:uppercase;color:var(--primary-text,var(--primary));margin:34px 0 6px} .fd-h2{margin:0 0 .35em} .fd-lead{margin:0 0 18px;line-height:1.6}.fd-lead b{color:var(--ink)}.fd-lead span{color:var(--soft)} .fd-kicker{display:block;font-size:.75rem;font-weight:700;letter-spacing:.12em; text-transform:uppercase;color:var(--primary-text,var(--primary));margin:26px 0 10px} .fd-beweis{display:grid;grid-template-columns:repeat(auto-fit,minmax(280px,1fr));gap:10px;margin:14px 0 18px} .fd-punkt{display:flex;gap:10px;align-items:flex-start;background:var(--panel); border:1px solid var(--line);border-radius:12px;padding:12px 14px} .fd-chk{color:var(--primary-text,var(--primary));font-weight:700;margin-top:1px} .fd-punkt>div{min-width:0} .fd-punkt b{display:block;line-height:1.4} .fd-punkt>div>span{display:block;color:var(--soft);font-size:.92rem;line-height:1.55;margin-top:2px} .fd-vgl-wrap{margin:6px 0 22px} .fd-motiv{margin:6px 0 18px} .fd-motiv img{display:block;width:100%;height:auto;border-radius:14px} .fd-motiv figcaption{color:var(--soft);font-size:.9rem;line-height:1.55;margin-top:9px;max-width:62ch} .fd-vgl{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:12px} @media(max-width:700px){.fd-vgl{grid-template-columns:minmax(0,1fr)}} .fd-spalte{border:1px solid var(--line);border-radius:14px;padding:16px 18px;background:var(--panel)} .fd-spalte.rechts{background:color-mix(in srgb,var(--primary) 6%,var(--panel)); border-color:color-mix(in srgb,var(--primary) 30%,var(--line))} .fd-spaltekopf{font-weight:700;margin-bottom:10px} .fd-spalte.rechts .fd-spaltekopf{color:var(--primary-text,var(--primary))} .fd-spalte ul{list-style:none;margin:0;padding:0;display:grid;gap:9px} .fd-spalte li{padding-left:0;line-height:1.5} .fd-spalte li b{display:block} .fd-spalte li span{display:block;color:var(--soft);font-size:.9rem;line-height:1.5} .fd-quelle{color:var(--soft);font-size:.85rem;line-height:1.55;margin:10px 0 0} .fd-flow{margin:26px 0 22px} .fd-flow h3{margin:2px 0 14px} .fd-flow-bahn{list-style:none;margin:0;padding:0 4px 12px;display:flex;gap:14px; overflow-x:auto;scroll-snap-type:x mandatory;overscroll-behavior-x:contain; scrollbar-width:thin} .fd-flow-karte{flex:0 0 clamp(240px,74vw,320px);scroll-snap-align:start; display:flex;flex-direction:column;background:var(--panel); border:1px solid var(--line);border-radius:16px;overflow:hidden} .fd-flow-karte img{display:block;width:100%;height:158px;object-fit:cover} .fd-flow-karte>div{padding:14px 16px 16px} .fd-flow-karte b{display:block;font-size:1rem;line-height:1.35;margin-bottom:6px} .fd-flow-karte span{display:block;color:var(--soft);font-size:.92rem;line-height:1.55} .fd-flow-hinweis{color:var(--soft);font-size:.85rem;margin:2px 0 0} @media(min-width:900px){.fd-flow-hinweis{display:none}} .fd-sprungmarken{display:flex;flex-wrap:wrap;gap:8px;margin:6px 0 22px; padding:14px 16px;border:1px solid var(--line);border-radius:14px; background:color-mix(in srgb,var(--primary) 4%,var(--panel))} .fd-sprungmarken b{flex:0 0 100%;font-size:.74rem;font-weight:700; letter-spacing:.11em;text-transform:uppercase;color:var(--soft);margin-bottom:2px} .fd-sprungmarken a{display:inline-block;border:1px solid var(--line); border-radius:999px;padding:6px 13px;font-size:.88rem;text-decoration:none; color:var(--ink);background:var(--panel)} .fd-sprungmarken a:hover{border-color:color-mix(in srgb,var(--primary) 45%,var(--line)); color:var(--primary-text,var(--primary))} .fachteil h3{scroll-margin-top:84px} .fachteil h3.fd-tr{padding-top:22px;border-top:1px solid var(--line);margin-top:26px} .fd-quellen{margin:26px 0 6px;padding-top:16px;border-top:1px solid var(--line)} .fd-quellen h3{font-size:.78rem;font-weight:700;letter-spacing:.09em; text-transform:uppercase;color:var(--soft);margin:0 0 10px} .fd-quellen ul{list-style:none;margin:0;padding:0;display:grid;gap:10px} .fd-quellen li{max-width:74ch} .fd-quellen li b{display:block;font-weight:600;font-size:.92rem;line-height:1.5} .fd-q-wo{display:block;color:var(--soft);font-size:.86rem;line-height:1.5} .fd-q-vorbehalt{display:block;color:var(--soft);font-size:.86rem;line-height:1.5; margin-top:3px;padding-left:11px;border-left:2px solid var(--line)} .fd-zahlen{display:grid;grid-template-columns:repeat(auto-fit,minmax(180px,1fr));gap:10px;margin:14px 0 4px} .fd-kachel{background:var(--panel);border:1px solid var(--line);border-radius:14px;padding:16px} .fd-wert{font-size:1.7rem;font-weight:800;letter-spacing:-.02em;color:var(--primary-text,var(--primary))} .fd-caps{display:block;font-size:.72rem;font-weight:700;letter-spacing:.11em; text-transform:uppercase;color:var(--ink);margin:4px 0 4px} .fd-kachel>span{color:var(--soft);font-size:.88rem;line-height:1.5;display:block} .fd-drei{display:grid;grid-template-columns:repeat(auto-fit,minmax(220px,1fr));gap:12px;margin:16px 0 8px} .fd-karte{background:var(--panel);border:1px solid var(--line);border-radius:14px;padding:18px;display:flex;flex-direction:column;gap:8px} .fd-ik{width:44px;height:44px;display:grid;place-items:center;font-size:1.35rem;border-radius:12px; background:color-mix(in srgb,var(--primary) 10%,var(--ground))} .fd-karte p{margin:0;color:var(--soft);font-size:.93rem;line-height:1.6;flex:1} .fd-karte .fd-caps{margin-top:6px;color:var(--primary-text,var(--primary))} .fd-sprung{display:flex;align-items:center;justify-content:space-between;gap:16px 24px; flex-wrap:wrap;margin:34px 0;padding:16px 0; border-top:1px solid var(--line);border-bottom:1px solid var(--line)} .fd-sprung p{margin:0;font-weight:600;line-height:1.5;max-width:56ch} .fd-sprungctas{display:flex;gap:10px;flex-wrap:wrap} .fd-sprungctas .cta{font-size:.92rem} @media(max-width:640px){.fd-sprung{gap:12px}.fd-sprungctas .cta{flex:1 1 auto;justify-content:center}} .fd-endcta{margin:30px 0 8px;border:1px solid color-mix(in srgb,var(--primary) 30%,var(--line)); background:color-mix(in srgb,var(--primary) 5%,var(--panel));border-radius:16px;padding:22px 24px} .fd-endcta .fd-eyebrow{margin-top:0} .fd-endkopf{line-height:1.55;margin-bottom:14px} .fd-endkopf b{display:block;font-size:1.12rem} .fd-endkopf span{color:var(--soft)} .fd-endctas{display:flex;gap:10px;flex-wrap:wrap;margin-bottom:12px} .fd-vertrauen{display:flex;gap:16px;flex-wrap:wrap;color:var(--soft);font-size:.86rem} .fd-vertrauen span{white-space:nowrap} @media(max-width:560px){.fd-vertrauen span{white-space:normal}} .fd-mehr{display:flex;justify-content:space-between;align-items:center;gap:12px; border:1px solid var(--line);border-radius:12px;background:var(--panel); padding:12px 16px;margin:12px 0;text-decoration:none;color:var(--ink)} .fd-mehr:hover{border-color:color-mix(in srgb,var(--primary) 45%,var(--line))} .fd-mehr span{font-weight:600;min-width:0;flex:1} .fd-mehr em{font-style:normal;color:var(--primary-text,var(--primary));font-weight:600;white-space:nowrap} .fd-chips{display:flex;flex-wrap:wrap;gap:8px;margin:12px 0 18px} .fd-chip{display:inline-block;border:1px solid var(--line);border-radius:999px; background:var(--panel);padding:7px 14px;font-size:.92rem;text-decoration:none;color:var(--ink)} a.fd-chip:hover{border-color:var(--primary);color:var(--primary-text,var(--primary))} .fd-chip.stumm{color:var(--soft)} .fd-tabwrap{overflow-x:auto;border:1px solid var(--line);border-radius:14px;background:var(--panel)} .fd-tab{width:100%;border-collapse:collapse;font-size:.93rem;min-width:560px} .fd-tab th,.fd-tab td{padding:11px 14px;text-align:left;vertical-align:top;line-height:1.5;border-top:1px solid var(--line)} .fd-tab thead th{border-top:0;font-size:.75rem;letter-spacing:.1em;text-transform:uppercase;color:var(--primary-text,var(--primary))} .fd-tab tbody th{font-weight:600;color:var(--ink);white-space:nowrap} .fd-tab td{color:var(--soft)} .fd-tab tbody tr:nth-child(odd) td,.fd-tab tbody tr:nth-child(odd) th{background:color-mix(in srgb,var(--primary) 3%,transparent)} .fd-tab th.hervor,.fd-tab td.hervor{background:color-mix(in srgb,var(--primary) 9%,transparent); border-left:3px solid var(--primary)} .fd-tab td.hervor{color:var(--ink);font-weight:500} .fd-tab tbody tr:nth-child(odd) td.hervor{background:color-mix(in srgb,var(--primary) 12%,transparent)} @media(max-width:700px){.fd-tab{min-width:640px}.fd-tab th,.fd-tab td{padding:10px 12px;font-size:.88rem}} .fd-band{display:grid;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:0;margin:16px 0 22px; border:1px solid color-mix(in srgb,var(--primary) 26%,var(--line));border-radius:16px;overflow:hidden; background:color-mix(in srgb,var(--primary) 5%,var(--panel))} .fd-band-zelle{padding:20px 22px;min-width:0;border-left:1px solid color-mix(in srgb,var(--primary) 18%,var(--line))} .fd-band-zelle:first-child{border-left:0} .fd-band-wert{font-size:2.2rem;font-weight:800;letter-spacing:-.03em;color:var(--primary-text,var(--primary));line-height:1.05} .fd-band-text{margin-top:6px;line-height:1.45;color:var(--ink)} .fd-band-quelle{margin-top:8px;font-size:.78rem;color:var(--soft);line-height:1.4} .fd-band-quelle a{color:var(--soft);text-decoration:underline;text-decoration-color:color-mix(in srgb,var(--primary) 50%,transparent)} @media(max-width:640px){.fd-band-zelle{border-left:0;border-top:1px solid color-mix(in srgb,var(--primary) 18%,var(--line))} .fd-band-zelle:first-child{border-top:0}.fd-band-wert{font-size:1.9rem}} .fd-grafik{margin:6px 0 22px;padding:2px 20px 16px;border:1px solid var(--line);border-radius:16px;background:var(--panel)} .fd-grafik .fd-kicker{margin-top:18px} .fd-balken{margin:12px 0} .fd-balken-kopf{display:flex;justify-content:space-between;gap:12px;align-items:baseline;margin-bottom:6px;min-width:0} .fd-balken-kopf b{font-weight:600;min-width:0} .fd-balken-kopf span{font-weight:800;color:var(--primary-text,var(--primary));white-space:nowrap;font-variant-numeric:tabular-nums} .fd-balken-spur{height:14px;border-radius:999px;background:color-mix(in srgb,var(--primary) 9%,var(--ground));overflow:hidden} .fd-balken-fuell{height:100%;border-radius:999px;background:var(--primary);position:relative; transform-origin:left center;transform:scaleX(0);animation:fd-wachsen .9s cubic-bezier(.2,.8,.2,1) forwards} .fd-balken-fuell i{position:absolute;right:3px;top:1px;font-style:normal;font-size:.68rem;font-weight:700;line-height:12px; color:#141414;background:rgba(255,255,255,.9);padding:0 6px;border-radius:999px} .fd-balken.em .fd-balken-fuell{background:color-mix(in srgb,var(--primary) 45%,var(--soft))} .fd-balken.netto .fd-balken-fuell{background:color-mix(in srgb,var(--ink) 80%,var(--primary))} .fd-balken small{display:block;color:var(--soft);font-size:.8rem;margin-top:4px;line-height:1.4} .fd-luecke-fazit{margin:16px 0 4px;padding:12px 14px;border-radius:12px;line-height:1.5; background:color-mix(in srgb,var(--primary) 8%,var(--panel));border-left:3px solid var(--primary)} .fd-luecke-fazit b{color:var(--primary-text,var(--primary))} @keyframes fd-wachsen{to{transform:scaleX(1)}} @media(prefers-reduced-motion:reduce){.fd-balken-fuell{animation:none;transform:none}} .fd-zs{list-style:none;margin:14px 0 0;padding:0;display:grid;grid-template-columns:repeat(auto-fit,minmax(180px,1fr));gap:14px;position:relative} .fd-zs::before{content:"";position:absolute;left:18px;right:18px;top:17px;height:2px; background:color-mix(in srgb,var(--primary) 30%,var(--line))} .fd-zs-schritt{position:relative;min-width:0;padding-top:2px} .fd-zs-marke{display:grid;place-items:center;width:34px;height:34px;border-radius:50%;background:var(--primary); color:#fff;font-weight:800;font-size:.9rem;position:relative;z-index:1; box-shadow:0 0 0 5px var(--panel)} .fd-zs-schritt b{display:block;margin:10px 0 4px;line-height:1.35} .fd-zs-schritt p{margin:0;color:var(--soft);font-size:.9rem;line-height:1.55} @media(prefers-reduced-motion:no-preference){ html.js .fd-zs-flow .fd-zs-schritt.rv{filter:blur(5px);opacity:.32; transform:translateY(14px) scale(.97); transition:filter .6s ease,opacity .6s ease,transform .6s ease; transition-delay:calc(var(--zs-i,0) * .1s)} html.js .fd-zs-flow .fd-zs-schritt.rv.an{filter:none;opacity:1;transform:none}} @media(max-width:640px){.fd-zs{grid-template-columns:1fr;gap:16px} .fd-zs::before{left:16px;right:auto;top:10px;bottom:10px;width:2px;height:auto} .fd-zs-schritt{display:grid;grid-template-columns:34px minmax(0,1fr);gap:0 12px} .fd-zs-schritt b{grid-column:2;margin-top:6px}.fd-zs-schritt p{grid-column:2}} .vertiefung h2{font-size:1.28rem;margin:1.7em 0 .4em} .vertiefung h3{font-size:1.06rem;margin:1.4em 0 .35em} .im-detail{border-top:1px solid var(--line,#e6e8ee);margin:6px 0 0} .im-detail:last-child{border-bottom:1px solid var(--line,#e6e8ee)} .im-detail>summary{cursor:pointer;list-style:none;display:flex;align-items:center;justify-content:space-between;gap:12px;padding:14px 0;font-weight:600;font-size:1.06rem;line-height:1.35;color:var(--ink,#1a1a1a)} .im-detail>summary::-webkit-details-marker{display:none} .im-detail-zahl{margin-left:auto;font-weight:600;font-size:.8rem;letter-spacing:.06em; text-transform:uppercase;color:var(--soft)} .im-detail .im-detail-inhalt>h3{font-size:1.02rem;margin:1.4em 0 .35em} .im-detail .im-detail-inhalt>h3:first-child{margin-top:.4em} .im-detail>summary::after{content:"";flex:none;width:10px;height:10px;border-right:2px solid var(--primary);border-bottom:2px solid var(--primary);transform:rotate(45deg);transition:transform .25s ease;margin-right:4px} .im-detail[open]>summary::after{transform:rotate(-135deg)} .im-detail>summary:hover{color:var(--primary-text,var(--primary))} .im-detail-inhalt{padding:0 0 16px} .im-detail-inhalt>:first-child{margin-top:0} .im-detail h3{font-size:1.02rem;margin:1.2em 0 .3em} .fd-svg{width:26px;height:26px;color:var(--primary-text,var(--primary))} @media (prefers-reduced-motion:no-preference){ .fd-punkt,.fd-karte,.fd-kachel,.fd-mehr,.fd-chip,.fd-spalte{ transition:transform .18s ease,border-color .18s ease,box-shadow .18s ease} .fd-punkt:hover,.fd-karte:hover,.fd-kachel:hover,.fd-spalte:hover{ transform:translateY(-3px); border-color:color-mix(in srgb,var(--primary) 45%,var(--line)); box-shadow:0 10px 22px -14px color-mix(in srgb,var(--primary) 45%,transparent)} .fd-ik{transition:transform .25s ease} .fd-karte:hover .fd-ik{transform:scale(1.12) rotate(-4deg)} .fd-wert{display:inline-block;transition:transform .2s ease} .fd-kachel:hover .fd-wert{transform:scale(1.08)} .fd-mehr em{display:inline-block;transition:transform .2s ease} .fd-mehr:hover{border-color:color-mix(in srgb,var(--primary) 55%,var(--line))} .fd-mehr:hover em{transform:translateX(4px)} a.fd-chip:hover{transform:translateY(-2px)} } .bi-hinweis{margin:26px 0 6px;padding:16px 18px;border-radius:14px;line-height:1.7; background:color-mix(in srgb,var(--primary) 5%,var(--panel)); border:1px dashed color-mix(in srgb,var(--primary) 40%,var(--line))} .bi-hinweis b{display:block;margin-bottom:4px} .bi-grid{display:grid;gap:14px;grid-template-columns:repeat(auto-fit,minmax(280px,1fr)); margin-top:20px} .bi-branche{background:var(--panel);border:1px solid var(--line);border-radius:14px; padding:16px 18px} .bi-branche b{display:block;margin-bottom:6px} .bi-branche span{line-height:1.9;font-size:.95rem} .bi-branche a.bi-ext{color:var(--soft)} .bi-branche a.bi-ext sup{font-size:.6em;margin-left:2px;color:var(--primary-text,var(--primary))} .faq{border:1px solid var(--line);border-radius:12px;padding:2px 16px;margin:10px 0;background:var(--panel)}.faq summary{cursor:pointer;font-weight:600;padding:12px 0}.faq p{margin:0 0 14px;color:var(--soft);line-height:1.6} .gbsp{border:1px solid var(--line);border-radius:16px;background:var(--panel);padding:22px;margin-top:18px} .gbsp-kopf{display:flex;flex-wrap:wrap;gap:10px;align-items:center;margin-bottom:6px} .gbsp-feld{border:1px solid var(--line);border-radius:999px;padding:5px 12px;font-size:.86rem;background:var(--bg)} .gbsp-feld b{font-weight:600} .gbsp-schritt{margin-top:22px} .gbsp-schritt>h3{margin:0 0 4px;font-size:.78rem;letter-spacing:.09em;text-transform:uppercase;color:var(--soft)} .gbsp-posten{display:grid;gap:12px;grid-template-columns:repeat(auto-fit,minmax(255px,1fr));margin-top:12px} .gbsp-karte{border:1px solid var(--line);border-radius:12px;padding:14px;background:var(--bg)} .gbsp-karte .kopf{display:flex;gap:9px;align-items:center;margin-bottom:7px} .gbsp-karte .kopf .gbsp-svg{width:26px;height:26px;flex:none;color:var(--primary-text,var(--primary));opacity:.9} .gbsp-karte .kopf b{font-size:.97rem} .gbsp-karte p{margin:0;color:var(--soft);font-size:.9rem;line-height:1.55} .gbsp-weiter{margin-top:20px;padding-left:0;list-style:none;counter-reset:gb} .gbsp-weiter li{counter-increment:gb;position:relative;padding-left:34px;margin:9px 0;color:var(--soft);line-height:1.55} .gbsp-weiter li::before{content:counter(gb);position:absolute;left:0;top:-1px;width:23px;height:23px; border-radius:999px;border:1px solid var(--line);display:grid;place-items:center;font-size:.78rem;color:var(--ink)} .gbsp-hinweis{margin-top:18px;padding-top:14px;border-top:1px solid var(--line);color:var(--soft);font-size:.87rem;line-height:1.55} @media(max-width:599px){.hero .col>div{display:flex;flex-direction:column} .hero .col>div>.eyebrow{order:-3}.hero .col>div>h1{order:-2}.hero .col>div>.ctas{order:-1;margin-bottom:14px}} .hero .answer{color:var(--soft);line-height:1.6;max-width:640px;margin:8px 0 18px;font-size:.98rem} .hero-szene .answer{color:#e6e8ee} .betriebe-liste{list-style:none;padding:0;margin:18px 0 8px;display:grid;gap:10px; grid-template-columns:repeat(auto-fit,minmax(240px,1fr))} .betriebe-liste li{border:1px solid var(--line);border-radius:12px;padding:12px 14px;background:var(--panel);line-height:1.5} .betriebe-liste li b{display:block} .betriebe-liste li span{color:var(--ink);font-weight:600} .betriebe-liste li small{display:block;color:var(--soft)} #betriebe .quelle{font-size:.8rem;color:var(--soft);margin:0 0 18px} .check-uebernommen{margin:0 0 10px;padding:9px 12px;border-radius:10px;font-size:.9rem;line-height:1.5; background:color-mix(in srgb,var(--primary) 8%,var(--panel));border:1px solid color-mix(in srgb,var(--primary) 30%,var(--line))} .st-karussell{overflow:hidden} .st-bahn{display:flex;gap:16px;overflow-x:auto;scroll-snap-type:x mandatory;padding:12px 4px 8px;scrollbar-width:none; -webkit-overflow-scrolling:touch;cursor:grab} .st-bahn::-webkit-scrollbar{display:none} .st-bahn.zieht{cursor:grabbing;scroll-snap-type:none} .st-karte{flex:0 0 min(84%,300px);scroll-snap-align:start;border:1px solid var(--line);border-radius:16px;background:var(--panel); overflow:hidden;display:flex;flex-direction:column} .st-bild{position:relative;display:block;aspect-ratio:16/9;overflow:hidden;color:#fff;text-decoration:none} .st-bild img{width:100%;height:100%;object-fit:cover;display:block;transition:transform .5s var(--ease-out,ease)} .st-karte:hover .st-bild img{transform:scale(1.04)} .st-name{position:absolute;left:12px;bottom:10px;font-weight:700;font-size:1.05rem;text-shadow:0 1px 8px rgba(0,0,0,.7)} .st-daten{margin:0;padding:12px 14px 6px;display:grid;gap:6px} .st-daten div{display:flex;justify-content:space-between;gap:10px;font-size:.88rem;line-height:1.35} .st-daten dt{color:var(--soft)}.st-daten dd{margin:0;font-weight:700;font-variant-numeric:tabular-nums} .st-link{display:block;padding:8px 14px 14px;font-size:.86rem;font-weight:600;color:var(--primary-text,var(--primary));text-decoration:none;margin-top:auto} .st-link:hover{text-decoration:underline} .st-steuer{display:flex;align-items:center;justify-content:center;gap:12px;margin-top:8px} .st-steuer>button{width:38px;height:38px;border-radius:999px;border:1px solid var(--line);background:var(--panel);color:var(--ink);cursor:pointer;font-size:1.05rem} .st-steuer>button:hover{border-color:var(--primary)} .st-punkte{display:flex;gap:2px;flex-wrap:wrap;justify-content:center;max-width:60%} .st-punkte button{width:24px;height:24px;border-radius:999px;border:0;padding:0;background:transparent;cursor:pointer;position:relative} .st-punkte button::before{content:"";position:absolute;inset:6px;border-radius:999px;background:var(--line);transition:transform .2s,background-color .2s} .st-punkte button.ist-aktiv::before{background:var(--primary);transform:scale(1.3)} @media(prefers-reduced-motion:reduce){.st-bild img{transition:none}}