@import "https://fonts.googleapis.com/css2?family=Caveat:wght@400;500;600;700&family=Montserrat:wght@300;400;500;600;700;800&display=swap";*,:before,:after{box-sizing:border-box;margin:0;padding:0}:root{--dark:#353a3d;--darker:#2a2e31;--slate:#557584;--slate-light:#6a8d9e;--blue:#40c4ff;--white:#fff;--off-white:#f9f9f9;--light-bg:#f5f5f5;--text-dark:#3c3f3f;--text-body:#5a5e5e;--text-light:#8a8e8e;--border-light:#e0e0e0}html{scroll-behavior:smooth}body{color:var(--text-dark);background:var(--white);-webkit-font-smoothing:antialiased;font-family:Montserrat,system-ui,-apple-system,sans-serif;line-height:1.7}.section-title{text-transform:uppercase;margin-bottom:1rem;font-size:clamp(1.3rem,3vw,1.8rem);font-weight:800;line-height:1.3}.section-title .accent{color:var(--blue)}.section-text{color:var(--text-body);max-width:600px;margin-bottom:2.5rem;font-size:.95rem}.container{width:100%;max-width:960px;margin:0 auto}.reveal{opacity:0;transition:opacity .6s,transform .6s;transform:translateY(24px)}.reveal.visible{opacity:1;transform:translateY(0)}.reveal-d1{transition-delay:.1s}.reveal-d2{transition-delay:.15s}.reveal-d3{transition-delay:.2s}.reveal-d4{transition-delay:.25s}.btn-pill{text-transform:uppercase;letter-spacing:.04em;background:var(--slate);color:var(--white);cursor:pointer;border:none;border-radius:50px;align-items:center;gap:.5rem;padding:.7rem 1.6rem;font-family:inherit;font-size:.8rem;font-weight:700;text-decoration:none;transition:background .2s,transform .15s;display:inline-flex}.btn-pill:hover{background:var(--slate-light);transform:translateY(-1px)}.btn-pill svg{stroke:currentColor;fill:none;stroke-width:2.5px;width:14px;height:14px}.nav{z-index:100;background:var(--white);border-bottom:1px solid var(--border-light);justify-content:space-between;align-items:center;height:72px;padding:0 3rem;display:flex;position:fixed;top:0;left:0;right:0}.nav-logo img{width:auto;height:40px;display:block}.nav-right{align-items:center;gap:2rem;display:flex}.nav-link{color:var(--text-light);font-size:.8rem;font-weight:500;text-decoration:none;transition:color .2s}.nav-link:hover{color:var(--text-dark)}.nav-cta{text-transform:uppercase;letter-spacing:.05em;background:var(--slate);color:var(--white);border-radius:50px;padding:.65rem 1.5rem;font-size:.78rem;font-weight:700;text-decoration:none;transition:background .2s,transform .15s}.nav-cta:hover{background:var(--slate-light);transform:translateY(-1px)}.hero{background:var(--white);align-items:center;min-height:100vh;padding:72px 3rem 0;display:flex;overflow:hidden}.hero-layout{grid-template-columns:1fr 1fr;align-items:center;gap:4rem;width:100%;max-width:1100px;margin:0 auto;display:grid}.hero-text{z-index:2;position:relative}.hero-logos{width:280px;height:160px;margin:0 auto 1.5rem;position:relative}.hero-logos img{object-fit:contain;position:absolute}.hero-logos .logo-arena{width:auto;height:52px;top:0;left:0}.hero-logos .logo-company{width:auto;height:64px;bottom:0;right:0}.hero-logos .logo-ampersand{color:var(--blue);opacity:.25;font-size:4.5rem;font-weight:700;line-height:1;position:absolute;top:50%;left:45%;transform:translate(-50%,-50%)}.hero-greeting{color:var(--slate);margin-bottom:.5rem;font-family:Caveat,cursive;font-size:clamp(1.8rem,4vw,2.4rem)}.hero h1{text-transform:uppercase;color:var(--text-dark);margin-bottom:1.2rem;font-size:clamp(1.5rem,3.5vw,2.2rem);font-weight:800;line-height:1.25}.hero h1 .accent{color:var(--blue)}.hero-subtext{color:var(--text-body);max-width:480px;margin-bottom:2rem;font-size:1rem;font-weight:400;line-height:1.7}.hero-cta{text-transform:uppercase;letter-spacing:.04em;background:var(--slate);color:var(--white);cursor:pointer;border:none;border-radius:50px;align-items:center;gap:.5rem;padding:.75rem 1.8rem;font-family:inherit;font-size:.82rem;font-weight:700;text-decoration:none;transition:background .2s,transform .15s;display:inline-flex}.hero-cta:hover{background:var(--slate-light);transform:translateY(-1px)}.hero-cta svg{stroke:currentColor;fill:none;stroke-width:2.5px;width:14px;height:14px}.hero-image{position:relative}.hero-image img{object-fit:cover;object-position:left center;aspect-ratio:3/4;border-radius:20px;width:100%;box-shadow:0 24px 60px #0000001f}.hero-image-label{background:linear-gradient(#0000 0%,#0006 45%,#000c 100%);border-radius:0 0 20px 20px;flex-direction:column;justify-content:flex-end;gap:.4rem;padding:1.8rem 2rem;display:flex;position:absolute;bottom:0;left:0;right:0}.hero-image-label-tag{text-transform:uppercase;letter-spacing:.04em;color:var(--white);font-size:clamp(1.1rem,2vw,1.4rem);font-weight:800;line-height:1.25}.hero-image-label-tag .label-accent{color:var(--blue)}.hero-image-label-sub{color:#fff9;letter-spacing:.03em;font-size:.78rem;font-weight:400}.warum{background:var(--light-bg);padding:5rem 3rem}.warum-intro{color:var(--text-body);max-width:560px;margin-bottom:2.5rem;font-size:.95rem}.reason-grid{grid-template-columns:repeat(3,1fr);gap:1.5rem;display:grid}.reason-card{background:var(--white);border:1px solid var(--border-light);border-radius:16px;padding:2rem 1.8rem;transition:transform .2s,box-shadow .2s;position:relative}.reason-card:hover{transform:translateY(-3px);box-shadow:0 12px 40px #0000000f}.reason-number{color:var(--blue);margin-bottom:.8rem;font-family:Caveat,cursive;font-size:2.2rem;font-weight:700;line-height:1}.reason-card h3{margin-bottom:.5rem;font-size:.92rem;font-weight:700;line-height:1.4}.reason-card p{color:var(--text-body);font-size:.85rem;line-height:1.7}.handnote-inline{color:var(--slate-light);margin-top:.8rem;font-family:Caveat,cursive;font-size:.95rem;display:block}.highlights{background:var(--off-white);padding:5rem 3rem}.highlights-grid{grid-template-columns:1fr 1fr;gap:1.2rem;margin-bottom:2rem;display:grid}.highlight-card-wrap{flex-direction:column;gap:.5rem;display:flex}.highlight-card{aspect-ratio:4/3;border-radius:12px;position:relative;overflow:hidden}.highlight-card img{object-fit:cover;width:100%;height:100%;display:block}.highlight-card .overlay{color:var(--white);background:linear-gradient(#0000 0%,#000c 100%);padding:1.2rem 1.5rem;position:absolute;bottom:0;left:0;right:0}.highlight-card .overlay h3{text-transform:uppercase;letter-spacing:.03em;margin-bottom:.2rem;font-size:.85rem;font-weight:700}.highlight-card .overlay p{color:#ffffffb3;font-size:.78rem}.highlights-footer{text-align:center;color:var(--text-body);margin-top:1.5rem;font-size:.9rem}.highlights-footer strong{color:var(--text-dark)}.highlights-more{text-align:center;margin-top:2rem}.highlights-more-hint{color:var(--text-light);margin-bottom:.8rem;font-family:Caveat,cursive;font-size:1.15rem}.angebote{background:var(--white);padding:5rem 3rem}.angebote-grid{grid-template-columns:1fr 1fr;gap:2rem;margin-top:2rem;display:grid}.angebot-card{background:var(--off-white);border:1px solid var(--border-light);border-radius:16px;flex-direction:column;padding:2.5rem 2rem;transition:transform .2s,box-shadow .2s;display:flex}.angebot-card:hover{transform:translateY(-3px);box-shadow:0 12px 40px #00000014}.angebot-badge{text-transform:uppercase;letter-spacing:.05em;color:var(--slate);background:#55758414;border-radius:50px;align-items:center;gap:.4rem;width:fit-content;margin-bottom:1.2rem;padding:.4rem .8rem;font-size:.7rem;font-weight:600;display:inline-flex}.angebot-card h3{text-transform:uppercase;margin-bottom:.6rem;font-size:1.1rem;font-weight:800}.angebot-card .subtitle{color:var(--text-body);margin-bottom:1.5rem;font-size:.85rem;line-height:1.6}.angebot-list{flex:1;margin-bottom:2rem;list-style:none}.angebot-list li{color:var(--text-body);border-bottom:1px solid var(--border-light);align-items:flex-start;gap:.6rem;padding:.5rem 0;font-size:.83rem;display:flex}.angebot-list li:last-child{border-bottom:none}.angebot-list li svg{width:16px;height:16px;color:var(--blue);flex-shrink:0;margin-top:2px}.cta-section{background:var(--slate);overflow:hidden}.cta-section .container{max-width:900px}.cta-layout{align-items:flex-end;display:flex}.cta-person{text-align:center;flex-shrink:0;width:220px;position:relative}.cta-person-img{z-index:1;object-fit:cover;object-position:top;border:3px solid #fff3;border-radius:50%;width:180px;height:180px;margin:0 auto;position:relative}.cta-person-info{z-index:1;padding:.6rem 0 1.5rem;position:relative}.cta-person-info strong{color:var(--white);font-size:.85rem;font-weight:600;display:block}.cta-person-info span{color:#fff9;font-size:.72rem}.cta-content{flex:1;padding:3.5rem 0 3.5rem 3rem}.cta-content .cta-greeting{color:#ffffffb3;margin-bottom:.8rem;font-family:Caveat,cursive;font-size:1.6rem}.cta-content h2{text-transform:uppercase;color:var(--white);margin-bottom:1rem;font-size:clamp(1.2rem,2.5vw,1.6rem);font-weight:800;line-height:1.3}.cta-content h2 .accent{color:var(--blue)}.cta-content p{color:#fff9;max-width:420px;margin-bottom:2rem;font-size:.9rem;font-weight:400;line-height:1.7}.btn-white{text-transform:uppercase;letter-spacing:.05em;background:var(--white);color:var(--dark);cursor:pointer;border:none;border-radius:50px;align-items:center;gap:.5rem;padding:.75rem 1.8rem;font-family:inherit;font-size:.82rem;font-weight:700;text-decoration:none;transition:transform .15s,box-shadow .2s;display:inline-flex}.btn-white:hover{transform:translateY(-1px);box-shadow:0 6px 20px #00000026}.btn-white svg{stroke:currentColor;fill:none;stroke-width:2.5px;stroke-linecap:round;stroke-linejoin:round;width:14px;height:14px}footer{background:var(--dark);border-top:1px solid #ffffff0f;justify-content:space-between;align-items:center;padding:1.5rem 3rem;display:flex}.footer-logo img{opacity:.4;width:auto;height:22px}.footer-links{align-items:center;gap:1.5rem;display:flex}.footer-links a{color:#ffffff40;font-size:.7rem;font-weight:400;text-decoration:none;transition:color .2s}.footer-links a:hover{color:#ffffff80}.footer-divider{background:#ffffff14;width:1px;height:10px}@media (width>=1200px){.hero-logos{width:340px;height:190px}.hero-logos .logo-arena{height:64px}.hero-logos .logo-company{height:80px}.hero-logos .logo-ampersand{font-size:5.5rem}}@media (width<=768px){.nav{padding:0 1.5rem}.nav-link{display:none}.hero{min-height:auto;padding:72px 1.5rem 2rem}.hero-layout{grid-template-columns:1fr;gap:2rem}.hero-image img{aspect-ratio:16/9;border-radius:12px}.hero-image-label{border-radius:0 0 12px 12px;padding:1.2rem}section,.warum,.highlights,.angebote{padding:3.5rem 1.5rem}.reason-grid,.highlights-grid,.angebote-grid{grid-template-columns:1fr}.cta-layout{text-align:center;flex-direction:column;align-items:center}.cta-person{width:180px}.cta-content{padding:2rem 1.5rem 3rem}.cta-content p{margin-left:auto;margin-right:auto}footer{text-align:center;flex-direction:column;gap:.8rem;padding:1.2rem 1.5rem}}@media (width<=480px){.hero h1,.hero-greeting{font-size:1.5rem}.nav{height:60px}.nav-logo img{height:32px}}