/* Stimme24: Sprecher. Studio. KI. Bestehende Farben und Typografie. */
.s24-skip{position:fixed;top:-100px;left:16px;z-index:2000;padding:12px 18px;background:#fff;color:var(--petrol);font-weight:600}.s24-skip:focus{top:12px}
body.s24-home main{display:block}
body.s24-home .hero{padding-top:48px}body.s24-home .hero-inner{align-items:center}body.s24-home .hero-left{padding-bottom:48px}
body.s24-home .hero-h1{font-size:clamp(38px,4vw,56px);margin-bottom:20px}body.s24-home .hero-h1-sub{font-size:inherit;font-weight:300}body.s24-home .hero-eyebrow{margin-bottom:18px;letter-spacing:.12em}
.s24-mobile-portrait{display:none}.s24-hero-position{font-size:18px;line-height:1.55;font-weight:600;color:var(--ink);margin:0 0 14px}
body.s24-home .hero-lead{font-size:15px;line-height:1.75;margin-bottom:20px}body.s24-home .hero-actions{margin:0 0 20px;gap:12px}body.s24-home .hero-actions a{font-size:12px}
.s24-hero-contact{margin:0 0 12px;display:flex;align-items:center;flex-wrap:wrap;gap:6px 14px;color:var(--body)}.s24-hero-contact span{font-size:13px}.s24-hero-contact a{font-size:19px;color:var(--petrol);font-weight:600;white-space:nowrap;font-variant-numeric:tabular-nums}
.s24-updated{font-size:12px;line-height:1.7;color:#536772;margin:0}
.s24-trust{background:#08212f;color:#c8dbe4}.s24-trust-inner{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:20px;padding-top:28px;padding-bottom:28px}.s24-trust-inner>*{font-size:12px;line-height:1.6}.s24-trust strong{display:block;color:#fff;font-size:19px;font-weight:600;letter-spacing:-.025em}.s24-trust a{color:inherit}.s24-trust a:hover{text-decoration:none;text-underline-offset:4px}
.s24-clients-early{padding:32px 0;border-bottom:1px solid var(--rule)}.s24-clients-early>.wrap{display:flex;align-items:center;gap:36px}.s24-clients-early p{font-size:12px;line-height:1.6;color:var(--body);max-width:150px;margin:0;flex-shrink:0}.s24-client-strip{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));align-items:center;gap:36px;flex:1}
.s24-client-logo{display:block;object-fit:contain;width:140px;height:42px;max-width:100%;opacity:1;filter:none;margin:0 auto}
body.s24-home .df-showreel{scroll-margin-top:72px;padding:64px 0!important}body.s24-home .df-showreel>.wrap{grid-template-columns:minmax(0,1.4fr) minmax(0,.8fr);grid-template-rows:auto auto 1fr;gap:32px 48px}body.s24-home .df-showreel .sh-title{font-size:32px}
.yt-lazy:focus-visible{outline:3px solid var(--petrol);outline-offset:5px}
.s24-eyebrow{font-size:11px;font-weight:700;letter-spacing:.12em;line-height:1.6;text-transform:uppercase;color:var(--petrol);margin:0 0 16px}
.s24-text-link{display:inline-block;font-size:14px;font-weight:600;line-height:1.6;color:var(--petrol);text-decoration:none;text-underline-offset:4px}
.s24-studio,.s24-ways,.s24-ai,.s24-services,.s24-clients,.s24-testimonials,.s24-faq{padding:96px 0}
.s24-studio{background:var(--tint-1,#eef5f7)}
.s24-section-intro{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:64px;align-items:center;margin-bottom:48px}
.s24-section-intro>p,.s24-ai-layout>div>p:not(.s24-eyebrow){font-size:16px;line-height:1.7;color:var(--body);margin:0 0 18px}.s24-section-intro>p{margin:0}
.s24-studio h2,.s24-ai h2{font-size:clamp(28px,3vw,40px);font-weight:700;letter-spacing:-.035em;line-height:1.2;color:var(--ink);margin:0 0 20px}.s24-section-intro h2{margin-bottom:0}
.s24-studio-gallery{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:32px;align-items:start}.s24-studio-gallery figure{margin:0;min-width:0}.s24-studio-gallery img{display:block;width:100%;height:auto;aspect-ratio:20/13;object-fit:cover;border-radius:6px}.s24-studio-gallery figcaption{font-size:12px;line-height:1.6;color:var(--body);margin-top:10px}
.s24-studio-benefits{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:32px;list-style:none;margin:40px 0 32px;padding:0}.s24-studio-benefits li{font-size:14px;line-height:1.7;color:var(--body)}.s24-studio-benefits strong{display:block;font-weight:600;font-size:16px;color:var(--ink);margin-bottom:6px}
.s24-ways .sh{margin-bottom:40px}
.s24-way-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:32px}.s24-way-grid article{display:flex;flex-direction:column;align-items:flex-start;border:1px solid var(--rule);border-radius:6px;padding:36px 28px}.s24-way-grid article:first-child{border-top:3px solid var(--petrol);padding-top:34px}.s24-way-label{text-transform:uppercase;letter-spacing:.1em;font-size:11px;font-weight:700;color:var(--petrol);margin-bottom:14px}.s24-way-grid h3{font-size:22px;line-height:1.3;color:var(--ink);letter-spacing:-.025em;margin:0 0 16px}.s24-way-grid p{font-size:15px;line-height:1.8;color:var(--body);margin:0 0 24px}.s24-way-grid a{margin-top:auto;font-size:12px;padding:10px 14px;min-height:44px;box-sizing:border-box}
.s24-advice{font-size:15px;line-height:1.7;color:var(--body);margin:32px 0 0}
.s24-ai{background:var(--tint-1,#eef5f7);scroll-margin-top:72px}.s24-ai-layout{display:grid;grid-template-columns:minmax(0,1.25fr) minmax(0,.85fr);gap:72px;align-items:center}
.s24-workflow{margin:0;padding:36px;background:#fff;border:1px solid #cbdde5;border-radius:8px;text-align:center;color:var(--ink)}.s24-workflow figcaption{font-size:13px;font-weight:600;color:var(--petrol);margin:0 0 24px}.s24-flow-source,.s24-flow-target{padding:16px 12px;background:#edf4f7;border-radius:4px;font-size:14px;font-weight:600;line-height:1.5}.s24-flow-arrow{display:block;color:var(--petrol);font-size:22px;line-height:1;padding:10px}.s24-flow-options{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px}.s24-flow-options>span{padding:16px 8px;border:1px solid #cbdde5;border-radius:4px;font-size:13px;line-height:1.5;font-weight:600}.s24-workflow small{display:block;font-size:12px;line-height:1.6;color:var(--body);font-weight:400;margin-top:5px}.s24-workflow p{font-size:12px;line-height:1.7;color:var(--body);margin:18px 0 0}
.s24-services h2,.s24-clients h2,.s24-testimonials h2,.s24-faq h2{font-size:30px;line-height:1.25;letter-spacing:-.025em;color:var(--ink);margin:0 0 40px}
.s24-service-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:36px;border-top:1px solid var(--rule);padding-top:32px}.s24-service-grid h3{font-size:17px;line-height:1.5;color:var(--ink);margin:0 0 12px}.s24-service-grid p{font-size:14px;line-height:1.7;color:var(--body);margin:0}.s24-service-grid p+p{margin-top:12px}.s24-service-grid a{color:var(--petrol);text-decoration:none;text-underline-offset:3px}.s24-services-links{display:flex;gap:24px;flex-wrap:wrap;margin:32px 0 0}
.s24-clients{padding-top:24px}.s24-logo-grid{display:grid;grid-template-columns:repeat(6,minmax(0,1fr));gap:48px 32px;align-items:center}.s24-logo-grid .s24-client-logo{height:48px;width:140px}
body.s24-home .about-img{min-height:420px}body.s24-home .about-body{padding:64px}body.s24-home .about-h{font-size:clamp(27px,2.6vw,36px);line-height:1.2}body.s24-home .about-p{font-size:15px;line-height:1.7}
.s24-quote-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:32px}.s24-quote{display:flex;flex-direction:column;margin:0;padding:32px;background:var(--tint-1,#eef5f7);border-top:3px solid var(--petrol);border-radius:4px}.s24-quote blockquote{margin:0 0 24px;font-size:15px;line-height:1.8;color:var(--body)}.s24-quote figcaption{margin-top:auto}.s24-quote figcaption strong{display:block;font-size:14px;color:var(--ink)}.s24-quote figcaption span{display:block;font-size:12px;line-height:1.7;color:var(--body);margin-top:4px}
body.s24-home #spot-briefing{padding:72px 0!important;background:var(--tint-1,#eef5f7)!important;scroll-margin-top:72px}body.s24-home #spot-briefing>.wrap{display:block}body.s24-home #spot-briefing .sh{margin:0}body.s24-home #spot-briefing .sh-title{font-size:28px;max-width:none}body.s24-home #spot-briefing .sh-sub{font-size:15px;margin-bottom:0;max-width:780px}.s24-production-links{margin:16px 0 24px}
.s24-briefing{border:1px solid #cbdde5;border-radius:6px;background:#fff}.s24-briefing>summary{padding:18px 24px;cursor:pointer;font-size:15px;font-weight:600;color:var(--petrol);line-height:1.6}body.s24-home #spot-briefing .spot-karte{max-width:none!important;border:0;border-top:1px solid var(--rule);box-shadow:none;padding:24px}
.s24-faq{background:#fff;padding-block:80px}.s24-faq-list{max-width:900px}.s24-faq-item{border-top:1px solid #ced9df;scroll-margin-top:80px}.s24-faq-item:last-child{border-bottom:1px solid #ced9df}.s24-faq-item summary{cursor:pointer;position:relative;font-weight:600;color:var(--ink);font-size:16px;line-height:1.5;padding:18px 28px 18px 0;list-style:none}.s24-faq-item summary::-webkit-details-marker{display:none}.s24-faq-item summary::after{content:'+';position:absolute;right:4px;top:16px;font-size:22px;color:var(--petrol)}.s24-faq-item[open] summary::after{content:'−'}.s24-faq-item summary:focus-visible,.s24-briefing summary:focus-visible{outline:2px solid var(--petrol);outline-offset:4px}.s24-faq-item p{margin:0;padding:0 28px 20px 0;font-size:15px;line-height:1.8;color:var(--body);max-width:760px}.s24-faq-item a{color:var(--petrol);text-decoration:none;text-underline-offset:3px}
body.s24-home #kontakt{padding:96px 0!important;scroll-margin-top:72px}.s24-billing{margin:0 0 16px;font-size:12px;line-height:1.7;color:var(--petrol)}.s24-billing a{color:inherit;text-decoration:none;text-underline-offset:3px}
/* Homepage: keyboard feedback, form legibility and footer contrast. */
body.s24-home :is(a,button,summary):focus-visible{outline:3px solid var(--petrol);outline-offset:4px}
body.s24-home :is(footer,.about-body,.s24-trust) a:focus-visible{outline-color:#9dd8eb}
body.s24-home :is(.hp-kontakt-form,.spot-karte) :is(input,textarea,select){font-size:16px;line-height:1.5;border-radius:4px}
body.s24-home :is(.hp-kontakt-form,.spot-karte) :is(input,textarea,select):focus-visible{outline:2px solid var(--petrol);outline-offset:2px}
body.s24-home button.btn-cta{border:0;font-family:inherit;cursor:pointer}
body.s24-home #spot-briefing .spot-karte{border-radius:0 0 5px 5px}
body.s24-home footer :is(.f-tagline,.f-contact a,.f-col a,.footer-copy,.footer-bottom a){color:#bacbd4}
body.s24-home .f-col-label{color:#9fc3d1;font-size:11px;letter-spacing:.12em}
body.s24-home footer a:hover{color:#fff}
body.s24-home .footer-bottom{display:flex;flex-wrap:wrap;justify-content:space-between;gap:16px 24px}
body.s24-home .footer-bottom-links{flex-wrap:wrap;gap:12px 20px}
body.s24-home .footer-copy{white-space:normal}
/* Match action sizes and keep secondary navigation comfortably readable. */
body.s24-home :is(.btn-cta,.btn-soft,.about-cta,.btn-send){min-height:44px}
body.s24-home .f-col a{display:inline-block;line-height:1.5;padding-block:3px}
body.s24-home .f-col li{margin-bottom:6px}
body.s24-home .footer-bottom-links a{display:inline-flex;align-items:center;min-height:28px}
@media(max-width:1024px){
.s24-studio,.s24-ways,.s24-ai,.s24-services,.s24-testimonials{padding-block:80px}
.s24-section-intro,.s24-ai-layout{gap:40px}.s24-client-strip{gap:24px}.s24-way-grid{gap:24px}.s24-way-grid article{padding:32px 20px}.s24-way-grid article:first-child{padding-top:30px}.s24-way-grid h3{font-size:20px}.s24-service-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.s24-logo-grid{grid-template-columns:repeat(4,minmax(0,1fr))}body.s24-home .about-body{padding:48px 36px}
}
@media(max-width:768px){
body.s24-home .hero{padding-top:28px}body.s24-home .hero-left{padding-bottom:40px}body.s24-home .hero-h1{font-size:clamp(34px,8.5vw,48px);margin-bottom:16px}body.s24-home .hero-eyebrow{font-size:11px;margin:0;max-width:220px}.s24-identity{display:flex;align-items:center;gap:14px;margin-bottom:18px}.s24-mobile-portrait{display:block;width:56px;height:56px;object-fit:cover;object-position:top;border-radius:50%;background:#e6f0f4;flex:none}.s24-hero-position{font-size:16px}body.s24-home .hero-actions{flex-direction:row;align-items:stretch}body.s24-home .hero-actions a{font-size:11px;padding:12px 14px}.s24-hero-contact{gap:3px 12px}.s24-hero-contact a{font-size:18px}
.s24-trust-inner{grid-template-columns:repeat(2,minmax(0,1fr));gap:12px 20px;padding-top:20px;padding-bottom:20px}.s24-trust strong{font-size:17px}.s24-trust-inner>*{font-size:11px}.s24-clients-early{padding:24px 0}.s24-clients-early>.wrap{display:block}.s24-clients-early p{max-width:none;text-align:center;margin-bottom:12px;font-size:11px}.s24-client-strip{gap:14px}.s24-client-strip .s24-client-logo{height:24px}
.s24-studio,.s24-ways,.s24-ai,.s24-services,.s24-testimonials{padding:64px 0}.s24-section-intro,.s24-ai-layout{grid-template-columns:minmax(0,1fr);gap:32px}.s24-studio-gallery{grid-template-columns:minmax(0,1fr);gap:32px}.s24-studio-benefits{grid-template-columns:minmax(0,1fr);gap:24px;margin-block:32px}.s24-studio-benefits li{border-top:1px solid #cbdde5;padding-top:14px}.s24-way-grid,.s24-quote-grid{grid-template-columns:minmax(0,1fr)}.s24-way-grid article{padding:32px 24px}.s24-way-grid article:first-child{padding-top:30px}.s24-way-grid h3{font-size:22px}
.s24-services h2,.s24-clients h2,.s24-testimonials h2,.s24-faq h2{font-size:26px}.s24-service-grid{gap:36px 24px}.s24-logo-grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:24px}.s24-logo-grid .s24-client-logo{height:36px}.s24-clients{padding-bottom:64px}.s24-workflow{padding:28px 20px}body.s24-home .about-body{padding:48px 24px}body.s24-home .about-img{min-height:280px}
body.s24-home #spot-briefing .spot-karte{padding:20px 16px}.s24-briefing>summary{padding:16px;font-size:14px}.s24-faq{padding:64px 0}body.s24-home #spot-briefing{padding-block:64px!important}.s24-faq-item summary{font-size:15px}body.s24-home #kontakt{padding:64px 0!important}
}
@media(max-width:768px){body.s24-home .df-showreel .wrap > :is(.fade-up,.prose),body.s24-home .df-showreel .wrap > .fade-up:has(.yt-lazy),body.s24-home .df-showreel .wrap > .fade-up:last-child{grid-column:1;grid-row:auto}body.s24-home .df-showreel>.wrap{grid-template-columns:minmax(0,1fr);grid-template-rows:none;gap:32px}body.s24-home .df-showreel{padding:48px 0!important}body.s24-home .df-showreel .sh-title{font-size:28px}}

@media(max-width:480px){.s24-service-grid{grid-template-columns:minmax(0,1fr);gap:36px}body.s24-home .hp-kontakt-form{padding:24px}}

@media(min-width:769px){
.s24-way-grid article{display:grid;grid-template-rows:subgrid;grid-row:span 4;row-gap:0;align-items:start}
.s24-way-grid a{align-self:end;justify-self:start;margin-top:0}
}
@media(min-width:600px) and (max-width:1024px){
body.s24-home .footer-cols{display:grid;grid-template-columns:1.1fr 1.35fr .8fr;gap:32px 24px}
body.s24-home .footer-cols>div:first-child{grid-column:1/-1}
}