/* SPOT IT MEDIA. Lokal, ohne Bibliotheken oder externe Fonts. */
:root{--ink:#182536;--blue:#7e93b5;--blue-dark:#4a6385;--cream:#fcf8dd;--paper:#fff;--soft:#f2f4f7;--line:#d8dee5;--muted:#546172;--max:1216px;--radius:6px;--font:-apple-system,BlinkMacSystemFont,"Segoe UI",Arial,sans-serif}
*{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:110px}body{margin:0;background:var(--paper);color:var(--ink);font:400 1rem/1.65 var(--font);-webkit-font-smoothing:antialiased}a{color:inherit;text-decoration:none}button,input,select,textarea{font:inherit}button,a,input,select,textarea{-webkit-tap-highlight-color:transparent}a,button{touch-action:manipulation}button{cursor:pointer}img{max-width:100%;display:block}p,h1,h2,h3{margin-top:0}p{margin-bottom:1.2rem}h1,h2,h3{font-weight:650;line-height:1.08;letter-spacing:-.055em}h2{font-size:clamp(2.1rem,4.1vw,3.45rem);margin-bottom:1.5rem}h3{letter-spacing:-.03em;font-size:1.2rem}::selection{background:var(--cream);color:var(--ink)}:focus-visible{outline:3px solid var(--blue-dark);outline-offset:5px}.container{max-width:calc(var(--max) + 96px);padding-inline:48px;margin-inline:auto}.section{padding-block:100px}.eyebrow{font-size:.78rem;text-transform:uppercase;letter-spacing:.12em;font-weight:650;margin-bottom:26px;line-height:1.5}.small-line{width:28px;height:2px;display:inline-block;background:var(--blue-dark);vertical-align:middle;margin-right:10px}.button{display:inline-flex;align-items:center;justify-content:space-between;gap:24px;min-height:54px;padding:15px 24px;background:var(--ink);color:#fff;border:1px solid var(--ink);border-radius:var(--radius);font-weight:600;font-size:.94rem;line-height:1.4;transition:background .18s,transform .18s}.button:hover{background:var(--blue-dark);border-color:var(--blue-dark);transform:translateY(-2px)}.button span[aria-hidden]{font-size:1.4rem;line-height:1}.button-small{min-height:46px;padding:12px 18px;font-size:.875rem;gap:16px}.text-link{display:inline-flex;gap:15px;align-items:center;font-weight:600;min-height:44px;font-size:.95rem}.text-link:hover{text-decoration:underline;text-underline-offset:5px}.skip-link{position:fixed;top:-100px;left:20px;z-index:20;padding:12px 20px;background:var(--cream)}.skip-link:focus{top:10px}.site-header{position:sticky;top:0;z-index:10;background:rgba(255,255,255,.98);border-bottom:1px solid var(--line)}.header-inner{height:98px;display:flex;align-items:center;justify-content:space-between;gap:36px}.brand{display:block;width:145px;flex:none}.brand img{width:100%;height:auto;aspect-ratio:2513/1049}.site-header nav{display:flex;align-items:center;gap:30px;font-size:.875rem;font-weight:550}.site-header nav>a:not(.button){padding-block:10px}.site-header nav>a:not(.button):hover{color:var(--blue-dark)}.menu-toggle{display:none}.hero{display:grid;grid-template-columns:1.14fr 1fr;gap:64px;padding-block:80px 76px;align-items:center}.hero .eyebrow{margin-bottom:25px}h1{font-size:clamp(3.25rem,5.5vw,4.8rem);line-height:1.015;margin-bottom:27px;letter-spacing:-.06em}h1>span{color:var(--blue-dark)}.hero-lead{font-size:1.2rem;font-weight:600;margin-bottom:12px}.hero-description{max-width:480px;color:var(--muted);line-height:1.75;font-size:1.025rem}.hero-actions{display:flex;gap:26px;align-items:center;margin-top:29px;flex-wrap:wrap}.hero-note{font-size:.8rem;color:var(--muted);margin:18px 0 0}.hero-visual{background:transparent;align-self:stretch;min-height:540px;padding:24px;display:flex;flex-direction:column;justify-content:space-between;overflow:hidden;border-radius:4px}.visual-topline{display:flex;justify-content:space-between;gap:10px;font-size:.65rem;letter-spacing:.12em;font-weight:600}.brand-statement{position:relative;margin:40px -2px 34px 1px;min-height:300px;display:flex;flex-direction:column;justify-content:center;padding:38px 26px;background:#7086a8;border-radius:80px 8px 80px 8px;color:var(--cream);font-size:clamp(1.8rem,3.05vw,2.7rem);font-weight:650;line-height:1.18;letter-spacing:-.045em}.brand-statement>span{z-index:1}.statement-dot{position:absolute;right:29px;bottom:29px;background:var(--cream);width:17px;height:17px;border-radius:50%}.visual-bottom{display:flex;align-items:flex-end;justify-content:space-between;font-size:.875rem;line-height:1.5}.large-arrow{font-weight:300;font-size:3rem;line-height:1}.location-strip{border-block:1px solid var(--line)}.location-strip>.container{display:flex;align-items:center;gap:30px;justify-content:space-between;min-height:82px;font-size:.8rem}.location-strip>.container>span{font-weight:600}.location-strip p{margin:0;color:var(--muted)}.location-strip p>span{padding-inline:18px;color:#8493a5}.location-strip a{white-space:nowrap;font-weight:600}.location-strip a span{margin-left:12px}.about{display:grid;grid-template-columns:1fr 1fr;gap:90px}.about-copy{padding-top:1px;color:var(--muted)}.about-copy .intro-text{font-size:1.35rem;line-height:1.5;color:var(--ink);letter-spacing:-.025em}.about-copy .text-link{color:var(--ink)}.services{background:var(--soft)}.section-heading{display:flex;justify-content:space-between;align-items:flex-end;gap:70px;margin-bottom:45px}.section-heading h2{margin-bottom:0}.section-heading>p{max-width:350px;color:var(--muted);margin:0 0 4px}.service-list{border-top:1px solid #bdc7d3}.service-row{display:grid;grid-template-columns:35px 1fr 1.5fr 42px;gap:27px;padding:31px 0;align-items:start;border-bottom:1px solid #bdc7d3;transition:padding .2s,background .2s}.service-row:hover{padding-inline:14px;background:#e7ecf2}.service-number{font-size:.8rem;padding-top:4px;color:var(--blue-dark)}.service-row h3{font-size:1.65rem;margin:2px 0 0}.service-row p{line-height:1.65;color:var(--muted);margin-bottom:11px}.service-tags{font-size:.78rem;display:block;color:var(--blue-dark);font-weight:550}.row-arrow{border:1px solid #a9b6c6;width:40px;height:40px;display:flex;align-items:center;justify-content:center;border-radius:50%;font-size:1.3rem}.services-note{margin:26px 0 0;font-size:.875rem;color:var(--muted)}.why-section{background:var(--ink);color:#fff}.why-grid{display:grid;grid-template-columns:1fr 1fr;gap:90px}.why-intro .eyebrow{color:#b8c6d9}.why-intro h2{color:var(--cream)}.experience{margin-top:85px}.experience-year{display:block;font-size:clamp(5rem,9vw,8rem);font-weight:600;line-height:1;letter-spacing:-.065em;color:var(--blue)}.experience p{font-size:.9rem;color:#c4cddb;margin:18px 0 0}.reasons>div{display:flex;gap:23px;border-bottom:1px solid #3b4757;padding:23px 0}.reasons>div:first-child{padding-top:0}.reasons>div>span{color:var(--blue);font-size:1.5rem;line-height:1.2}.reasons h3{margin:0 0 9px;font-size:1.18rem;letter-spacing:-.025em}.reasons p{color:#c4cddb;font-size:.95rem;margin:0;line-height:1.65}.regions{display:grid;grid-template-columns:1fr 1fr;gap:90px}.regions>div>p:not(.eyebrow){max-width:400px;color:var(--muted)}.region-list>div{display:flex;gap:30px;padding:24px 0;border-bottom:1px solid var(--line)}.region-list>div:first-child{padding-top:0}.region-list>div>span{font-size:.8rem;color:var(--blue-dark)}.region-list h3{font-size:1.5rem;margin-bottom:9px}.region-list p{color:var(--muted);margin:0}.process-section{background:var(--cream)}.process{list-style:none;padding:0;margin:60px 0 0;display:grid;grid-template-columns:repeat(4,1fr);gap:30px}.process li>div{border-top:1px solid #bfc0ad;padding-top:19px;display:flex;justify-content:space-between;margin-bottom:36px;font-size:.85rem}.process li>div>span:last-child{font-size:1.5rem;line-height:1}.process h3{font-size:1.14rem;margin-bottom:12px;letter-spacing:-.025em}.process p{font-size:.93rem;color:var(--muted);line-height:1.7;margin:0}.contact{display:grid;grid-template-columns:.9fr 1.1fr;gap:100px;align-items:start}.contact h2{font-size:clamp(3rem,5.5vw,4.75rem);line-height:1.05}.contact-lead{font-size:1.12rem;color:var(--muted);margin-bottom:38px}.contact-person{display:flex;align-items:center;gap:16px;margin-bottom:28px}.person-mark{width:53px;height:53px;border-radius:50%;display:grid;place-items:center;background:var(--soft);color:var(--blue-dark);font-size:1rem;font-weight:600}.contact-person strong,.contact-person>div>span{display:block}.contact-person strong{font-size:.95rem}.contact-person>div>span{font-size:.8rem;color:var(--muted)}.contact-links{max-width:315px;display:grid;gap:2px}.contact-links a{display:flex;align-items:center;justify-content:space-between;gap:12px;min-height:45px;font-size:.98rem}.contact-links a:last-child{color:var(--blue-dark);font-weight:550;margin-top:8px}.contact-links a:hover{text-decoration:underline}.form-intro{display:flex;justify-content:space-between;gap:15px;font-weight:600;margin-bottom:27px}.form-intro>span{font-size:.75rem;font-weight:400;color:var(--muted);padding-top:3px}.form-grid{display:grid;grid-template-columns:1fr 1fr;gap:0 20px}.field{margin-bottom:22px;min-width:0}.field label{display:block;font-weight:550;font-size:.875rem;margin-bottom:8px}.field label>span{font-weight:400;color:var(--muted)}input,textarea,select{width:100%;border:1px solid #b6c1ce;border-radius:4px;min-height:49px;background:#fff;padding:11px 13px;color:var(--ink);font-size:1rem}textarea{resize:vertical;line-height:1.55;min-height:136px}textarea::placeholder{color:#627080;opacity:1}select{padding-right:28px}input:focus,textarea:focus,select:focus{border-color:var(--blue-dark);outline:2px solid var(--blue);outline-offset:2px}.privacy-note{font-size:.8rem;line-height:1.7;color:var(--muted);margin:2px 0 23px}.privacy-note a{text-decoration:underline;text-underline-offset:3px}.submit-button{width:100%;min-height:56px}.submit-button:disabled{opacity:.65;cursor:wait;transform:none}.honeypot{position:absolute;left:-9999px;width:1px;height:1px;overflow:hidden}#form-status{font-size:.9rem;margin:16px 0 0}#form-status:empty{display:none}#form-status[data-state="error"]{color:#942c2c;background:#fff1f0;padding:14px;border-left:3px solid #942c2c}#form-status[data-state="success"]{color:#20523e;background:#eef6f1;padding:14px;border-left:3px solid #20523e}.site-footer{background:var(--soft);padding-block:55px 25px}.footer-main{display:grid;grid-template-columns:1.3fr 1fr 1fr;gap:50px;padding-bottom:47px;font-size:.875rem}.footer-main p{color:var(--muted);margin:10px 0 0}.footer-brand{width:160px}.footer-main .footer-claim{color:var(--ink);font-size:.95rem;margin-top:18px}.footer-main strong{font-size:.8rem;letter-spacing:.05em}.footer-contacts{display:grid;align-content:start;gap:8px}.footer-contacts a:hover{text-decoration:underline}.footer-bottom{display:flex;justify-content:space-between;gap:25px;border-top:1px solid var(--line);padding-top:24px;font-size:.78rem;color:var(--muted)}.footer-bottom>div{display:flex;gap:30px}.footer-bottom a{padding-block:7px}.mobile-cta{display:none}.legal{max-width:850px;padding-block:65px 90px;min-height:70vh}.legal h1{font-size:3.2rem;margin-bottom:35px}.legal h2{font-size:1.5rem;margin-top:36px;letter-spacing:-.025em}.legal h3{font-size:1.15rem}.legal p,.legal li{color:var(--muted)}.legal a{text-decoration:underline;text-underline-offset:3px}.legal-notice{padding:18px;border-left:3px solid var(--blue-dark);background:var(--soft);font-size:.95rem}
@media(min-width:1450px){.hero{padding-block:95px}.hero-visual{min-height:565px}}
@media(max-width:1100px){.container{padding-inline:32px}.hero{gap:35px}.hero-actions{gap:16px}.site-header nav{gap:20px}.contact{gap:50px}.about,.why-grid,.regions{gap:55px}.location-strip p>span{padding-inline:10px}.brand-statement{padding-inline:21px}.service-row{gap:20px;grid-template-columns:28px 1fr 1.35fr 40px}}
@media(max-width:800px){html{scroll-padding-top:95px}.container{padding-inline:24px}.header-inner{height:80px}.brand{width:126px}.menu-toggle{display:flex;align-items:center;gap:12px;border:1px solid var(--line);background:#fff;padding:10px 13px;border-radius:4px;font-size:.875rem;color:var(--ink);min-height:44px}.menu-icon{width:18px;height:10px;border-top:2px solid currentColor;border-bottom:2px solid currentColor}.site-header nav{display:flex;flex-wrap:wrap;padding:16px 24px;border-top:1px solid var(--line);background:#fff;gap:16px;position:absolute;top:80px;left:0;right:0}.js .site-header nav{display:none}.js .site-header nav.is-open{display:grid;grid-template-columns:1fr}.site-header nav .button{justify-content:center}.hero{padding-block:64px 48px;grid-template-columns:1fr;gap:38px}.hero-copy{max-width:590px}h1{font-size:clamp(3.3rem,8.8vw,4.6rem)}.hero-description{max-width:525px}.hero-visual{min-height:340px;padding:22px}.brand-statement{margin:25px auto;min-height:185px;width:100%;max-width:550px;font-size:2.25rem;padding:24px 38px;border-radius:65px 7px 65px 7px}.brand-statement>span:not(.statement-dot){display:block}.visual-bottom{font-size:.8rem}.visual-bottom br{display:none}.large-arrow{font-size:2.5rem}.location-strip>.container{flex-wrap:wrap;gap:8px 20px;padding-block:20px}.location-strip>.container>span{width:100%}.location-strip p{flex:1}.location-strip a{display:none}.section{padding-block:70px}.about,.why-grid,.regions{grid-template-columns:1fr;gap:30px}.about-copy{max-width:600px}.section-heading{align-items:start;gap:30px}.section-heading>p{max-width:280px}.service-row{grid-template-columns:23px 1fr 40px;gap:16px;padding-block:28px}.service-row h3{font-size:1.5rem;grid-column:2}.service-row>div{grid-column:2;grid-row:2}.service-row .row-arrow{grid-column:3;grid-row:1}.why-grid{gap:42px}.experience{margin-top:30px;display:flex;gap:28px;align-items:center}.experience-year{font-size:5.5rem}.experience p{margin:0}.reasons>div{padding-block:22px}.process{grid-template-columns:repeat(2,1fr);gap:38px;margin-top:42px}.process li>div{margin-bottom:22px}.contact{grid-template-columns:1fr;gap:45px}.contact-copy{max-width:600px}.contact h2 br{display:none}.contact-lead{margin-bottom:25px}.contact-links{max-width:350px}.contact form{max-width:650px;width:100%}.footer-main{grid-template-columns:1fr 1fr;gap:32px}.footer-main>div:first-child{grid-column:1/-1}.footer-bottom{flex-direction:column;gap:12px}}
@media(max-width:500px){body{padding-bottom:78px}.container{padding-inline:21px}.hero{padding-top:45px;gap:31px}.hero .eyebrow{font-size:.7rem;margin-bottom:22px}.hero h1{font-size:clamp(2.65rem,10.8vw,3.45rem);margin-bottom:24px}.hero-lead{font-size:1.12rem}.hero-description{font-size:1rem}.hero-actions{align-items:stretch;gap:6px;flex-direction:column}.hero-actions .button{justify-content:space-between}.hero-actions .text-link{align-self:center;min-height:48px}.hero-note{font-size:.75rem;margin-top:9px;max-width:280px}.hero-visual{min-height:320px;padding:18px}.visual-topline{font-size:.6rem}.brand-statement{min-height:181px;padding:26px;font-size:1.95rem}.statement-dot{height:13px;width:13px;right:24px;bottom:22px}.visual-bottom{font-size:.74rem}.visual-bottom br{display:block}.location-strip p{font-size:.75rem;line-height:2}.location-strip p>span{padding-inline:6px}.section{padding-block:56px}.eyebrow{font-size:.72rem;margin-bottom:22px}h2{font-size:2.15rem;line-height:1.1}.about{gap:15px}.about-copy .intro-text{font-size:1.2rem}.section-heading{display:block;margin-bottom:32px}.section-heading>p{margin-top:22px;max-width:none}.service-row{gap:12px;grid-template-columns:20px 1fr 34px}.service-row h3{font-size:1.32rem}.service-row p{font-size:.95rem}.service-tags{font-size:.74rem}.row-arrow{width:34px;height:34px}.service-row:hover{padding-inline:4px}.experience{gap:22px}.experience-year{font-size:4.8rem}.experience p{font-size:.8rem}.region-list h3{font-size:1.35rem}.region-list p{font-size:.95rem}.process{gap:32px 24px}.process h3{font-size:1.05rem;line-height:1.25}.process p{font-size:.875rem}.contact{gap:33px}.contact h2{font-size:3rem}.contact h2 br{display:block}.form-intro{font-size:.93rem;flex-wrap:wrap;gap:4px}.form-grid{grid-template-columns:1fr}.field{margin-bottom:20px}.contact-links a{font-size:.95rem}.footer-main{grid-template-columns:1fr;gap:28px;padding-bottom:28px}.footer-main>div:first-child{grid-column:auto}.footer-bottom>div{gap:24px;flex-wrap:wrap}.mobile-cta{display:flex;position:fixed;bottom:12px;left:16px;right:16px;z-index:8;min-height:52px;box-shadow:0 5px 20px #18253625}.mobile-cta.is-hidden{display:none}.legal h1{font-size:2.6rem;overflow-wrap:anywhere}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,*::before,*::after{transition:none!important;animation:none!important}}
@media print{.site-header,.mobile-cta,.hero-visual,.menu-toggle{display:none}.section{padding-block:25px}.container{padding-inline:0}body{padding:0}.hero,.about,.contact,.why-grid,.regions{display:block}.why-section{background:#fff;color:#000}.why-intro h2,.reasons p{color:#000}a{color:#000}.site-footer{background:#fff}}

/* Robust bei sehr schmaler Ansicht und vergrößerter Schrift. */
.hero-copy,.about-copy,.contact-copy{min-width:0}h1,h2,h3{overflow-wrap:break-word}.service-row h3{hyphens:auto}.legal .header-inner{flex-wrap:wrap}

/* Werbeangebote im bestehenden Farbsystem. */
.offer-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:22px}.offer-card{min-width:0;background:var(--paper);border:1px solid var(--line);border-radius:var(--radius);padding:28px;display:flex;flex-direction:column}.offer-card:nth-child(2){border:2px solid var(--blue-dark);padding:27px}.offer-badge{align-self:flex-start;background:var(--cream);color:var(--ink);font-size:.73rem;font-weight:650;padding:5px 10px;border-radius:3px}.offer-card h3{font-size:1.5rem}.offer-price{font-size:2.8rem;line-height:1.15;font-weight:650;letter-spacing:-.04em}.offer-price span,.extra-price span{display:block;font-size:.8rem;font-weight:400;letter-spacing:0;margin-top:7px;color:var(--muted)}.offer-card>p:not(.offer-price):not(.offer-badge),.offer-card li{font-size:.94rem}.offer-card ul{padding-left:20px;margin:0 0 28px}.offer-card li{margin-bottom:10px}.offer-card .button{margin-top:auto}.extra-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:32px}.extra-card{border-top:1px solid var(--line);padding-top:25px;display:flex;flex-direction:column;align-items:flex-start}.extra-card .button{margin-top:auto}.extra-price{font-size:1.9rem;font-weight:600}.agency-note{border-top:1px solid var(--line);padding-top:30px;padding-bottom:15px}.agency-note p{max-width:800px;color:var(--muted);font-size:.95rem}.hero-actions{gap:12px 22px}.hero-actions #whatsapp-hero{font-size:.85rem}@media(max-width:950px){.offer-grid{grid-template-columns:1fr}.offer-card{padding:25px}.offer-card:nth-child(2){padding:24px}.site-header nav{gap:14px;font-size:.8rem}}@media(max-width:600px){.extra-grid{grid-template-columns:1fr;gap:38px}.hero{padding-top:30px}.hero-actions{margin-top:20px}.offer-price{font-size:2.5rem}.agency-note{padding-top:26px}}

/* Präziser Feinschliff: vorhandenes Design und Grundraster beibehalten. */
.hero-visual{justify-content:center}.hero-visual .brand-statement{margin:0;align-items:center;text-align:center;min-height:300px}.hero-visual .brand-statement>span:not(.statement-dot){width:100%}.hero-visual .visual-bottom:empty{display:none}
.offer-price,.extra-price{font-size:2.5rem;line-height:1.15;font-weight:650;letter-spacing:-.04em;white-space:nowrap}.price-net{font-size:1rem;font-weight:500;letter-spacing:0}.offer-price>span,.extra-price>span{display:block;margin-top:8px;font-size:.8rem;font-style:italic;font-weight:400;letter-spacing:0;white-space:normal;color:var(--muted)}.offer-notes{line-height:1.7}.offer-card sup{font-size:.75em;margin-left:2px}
.exchange-note{font-size:1rem;line-height:1.65;border-left:3px solid var(--blue);padding:18px 22px;background:var(--soft);margin-top:32px}.exchange-note strong{font-size:1.1rem}.exchange-note .text-link{display:flex;width:fit-content;margin-top:8px}
.reasons>div>.reason-dot{flex:0 0 10px;font-size:1.1rem;line-height:1.35}.coverage-list{padding-left:18px;margin:0;color:var(--muted);font-size:.95rem;line-height:1.6}.coverage-list li+li{margin-top:4px}.region-list .coverage-note{margin-top:14px;font-size:.875rem}.region-list>div>div{min-width:0}
@media(max-width:800px){.hero-visual .brand-statement{min-height:220px}}
@media(max-width:500px){.hero-visual .brand-statement{min-height:200px}.offer-card{padding:21px}.offer-card:nth-child(2){padding:20px}.offer-card h3{margin-bottom:16px}.offer-card li{margin-bottom:7px;line-height:1.55}.offer-card ul{margin-bottom:22px}.offer-price,.extra-price{font-size:2.25rem}.exchange-note{padding:16px 18px}}

/* Finale Größenkorrektur des zentrierten Hero-Statements. */
.hero-visual .brand-statement{font-size:clamp(2.46rem,4.1vw,3.69rem)}
@media(max-width:800px){.hero-visual .brand-statement{font-size:2.98rem}}
@media(max-width:500px){.hero-visual .brand-statement{font-size:clamp(2.4rem,10.3vw,2.63rem)}}

@media(max-width:360px){.hero-visual .brand-statement{padding-inline:14px}}