/* page styles from the Claude Design prototype (landing) */
html[data-nav] #intro{display:none !important}
:root{--font-sans:sans-serif}
html{scroll-behavior:smooth;scroll-padding-top:84px}
html,body,#dc-root,.sc-host{height:auto !important;min-height:100%}
html,body{overflow-x:clip;max-width:100%;overscroll-behavior-x:none;touch-action:pan-y pinch-zoom}
main,footer,section{overflow-x:clip;max-width:100vw}
@media (max-width:820px){[data-hero]{height:auto !important;min-height:100svh !important;padding-top:72px !important}[data-hero-stage]{flex:1 0 46vh !important}[data-hero-row]{grid-template-columns:1fr !important}[data-hero-bl],[data-hero-br]{max-width:none !important;width:100% !important}[data-hero-word]{font-size:min(19vw,16vh) !important}}
@media (min-width:821px) and (max-width:1180px){[data-hero-bl]{max-width:none !important}[data-hero-br]{width:36vw !important}[data-hero-word]{font-size:min(15vw,20vh) !important}}
@media (min-width:821px) and (max-height:720px){[data-hero-br]{width:clamp(320px,38vw,520px) !important}[data-hero-br] p{font-size:14px !important}[data-hero] h1{font-size:clamp(26px,2.2vw,40px) !important}}
@media (max-width:640px){
main section{text-align:center}
main h1,main h2,main h3{text-align:center !important;text-wrap:balance;overflow-wrap:break-word}
main h2{font-size:min(38px,9vw) !important;line-height:1.05 !important}
main h3{font-size:min(28px,7.4vw) !important;line-height:1.08 !important}
main section [style*="flex-direction: column"]{align-items:center}
main section p{margin-left:auto !important;margin-right:auto !important;text-align:center !important}
main section:not(#start) > div{padding-top:72px !important;padding-bottom:72px !important}
main article,main [style*="border-radius: 32px"]{border-radius:24px !important}
main [style*="padding: 32px"],main [style*="padding: 28px"]{padding:24px 20px !important}
main article > div:first-child{flex-direction:column-reverse !important;align-items:center !important;gap:14px !important}
main article > div:first-child > *{max-width:100%}
main [style*="grid-template-columns: 40px 1fr"]{grid-template-columns:1fr !important;justify-items:center;gap:10px !important}
main [style*="grid-template-columns: 40px 1fr"] > span:empty{display:none}
main [style*="justify-content: space-between"]:not(article > div){justify-content:center !important;text-align:center}
main section [style*="gap: 14px"][style*="display: flex"]:not([style*="flex-direction"]){text-align:left;justify-content:flex-start}
main form,main form *,main table,main table *,#fragen [style*="flex-direction: column"] > div{text-align:left !important}
#fragen [style*="flex-direction: column"]{align-items:stretch}
main form [style*="flex-direction: column"],#kontakt label{align-items:stretch !important}
main a[href^="tel"],main a[href^="mailto"],#kontakt [style*="border-top"]{align-items:center}
[data-hero-row]{gap:20px !important}
[data-hero-bl],[data-hero-br]{align-items:center !important;text-align:center}
[data-cta] x-import,[data-cta] > a,[data-cta] > div{max-width:100%}
}
@media (min-width:641px) and (max-width:1080px){
main section:not(#start) > div{padding-top:96px !important;padding-bottom:96px !important}
main h2{font-size:clamp(40px,6.4vw,64px) !important}
main h3{font-size:clamp(24px,3.6vw,36px) !important}
main article,main [style*="border-radius: 32px"]{border-radius:28px !important}
main article > div:first-child{flex-wrap:wrap}
}
@media (max-width:640px){[data-cta]{display:flex !important;flex-direction:column !important;align-items:center !important;justify-content:center !important;text-align:center;width:100%;justify-self:stretch !important;margin-left:auto;margin-right:auto}[data-cta-wrap]{justify-self:stretch !important;max-width:none !important}}
body{margin:0;background:#1C1C1C;color:#1C1C1C;font-family:sans-serif;-webkit-font-smoothing:antialiased}
a{color:inherit;text-decoration:none;transition:color .3s}
a:hover{color:#7A7A7A}
input,select,textarea{font-family:inherit}
input::placeholder,textarea::placeholder{color:#A8A8A8}
@media (max-width:820px){[data-stack-card] > div:nth-child(2){grid-template-columns:1fr !important}[data-stack-card] > div:nth-child(2) > div:last-child{order:-1}}
@media (max-height:700px) and (min-width:821px){[data-stack-card] [data-cta] > span{display:none}[data-stack-card] h3{font-size:clamp(26px,2.4vw,38px) !important}[data-stack-card] div[style*="flex-wrap: wrap;gap: 6px"] > span,[data-stack-card] div[style*="flex-wrap:wrap;gap:6px"] > span{font-size:13px !important;padding:7px 9px !important}}
[data-lang-link]{transition:translate .55s cubic-bezier(.23,1,.32,1),background-color .5s cubic-bezier(.23,1,.32,1),box-shadow .65s cubic-bezier(.23,1,.32,1);position:relative;overflow:hidden}
[data-lang-link] svg,[data-lang-link] i,[data-lang-link] x-import{transition:transform 1.1s cubic-bezier(.23,1,.32,1);display:inline-flex}
[data-lang-link] > span{display:inline-block;transition:transform .55s cubic-bezier(.23,1,.32,1),letter-spacing .55s cubic-bezier(.23,1,.32,1)}
[data-lang-link]:hover{translate:0 -3px;box-shadow:0 18px 40px -20px rgba(20,20,20,.28)}
[data-lang-link]:hover svg,[data-lang-link]:hover i,[data-lang-link]:hover x-import{transform:rotate(360deg)}
[data-lang-link]:hover > span:first-of-type{letter-spacing:.08em}
[data-lang-link]:active{translate:0 -1px;transition-duration:.15s}
@media (max-width:820px){
main [style*="overflow-x: auto"]{align-self:stretch !important;width:100% !important;max-width:100% !important;-webkit-overflow-scrolling:touch}
[data-stack-card]{top:calc(72px + var(--i,0) * 10px) !important;border-radius:24px !important}
[data-stack-card] > div:nth-child(2){height:auto !important;min-height:0 !important;max-height:calc(100svh - 88px);grid-template-rows:clamp(150px,24svh,220px) auto !important;padding:10px !important;gap:0 !important}
[data-stack-card] > div:nth-child(2) > div:first-child{padding:20px 12px 14px !important;gap:16px !important;align-items:stretch !important;text-align:left !important}
[data-stack-card] > div:nth-child(2) > div:first-child *{text-align:left !important}
[data-stack-card] > div:nth-child(2) > div:first-child [style*="flex-direction: column"]{align-items:flex-start !important}
[data-stack-card] > div:nth-child(2) > div:first-child > div:first-child{flex-direction:row !important;justify-content:space-between !important;align-items:center !important}
[data-stack-card] h3{font-size:clamp(26px,7.4vw,32px) !important;line-height:1.1 !important}
[data-stack-card] p{font-size:15px !important;line-height:1.45 !important;margin:0 !important}
[data-stack-card] div[style*="flex-wrap: wrap"][style*="gap: 6px"]{justify-content:flex-start !important}
[data-stack-card] div[style*="flex-wrap: wrap"][style*="gap: 6px"] > span{font-size:12.5px !important;padding:7px 9px !important}
[data-stack-card] [data-cta]{flex-direction:column !important;align-items:stretch !important;gap:10px !important}
[data-stack-card] [data-cta] > span{display:none}
[data-stack-card] [data-cta] a,[data-stack-card] [data-cta] button{width:100% !important;justify-content:center}
[data-stack-card] > div:nth-child(2) > div:last-child{border-radius:16px !important}
}
@media (max-width:1080px){[data-about-intro]{grid-column:1 / -1 !important}[data-about-quote]{grid-column:1 / span 5 !important}[data-about-photo]{grid-column:6 / -1 !important}[data-about-wide]{grid-column:1 / span 7 !important}[data-about-why]{grid-column:8 / -1 !important}}
@media (max-width:700px){[data-about-intro],[data-about-quote],[data-about-photo],[data-about-wide],[data-about-why]{grid-column:1 / -1 !important}[data-about-photo]{order:2}[data-about-quote]{order:3;align-items:center !important}[data-about-why]{align-items:stretch !important}[data-about-why] [style*="justify-content: space-between"]{justify-content:space-between !important;text-align:left}}
/* typography rhythm: mono headings need air; sans body less tight */
h1,h2,h3,h4{letter-spacing:-0.01em !important}
h1,h2{line-height:1.14 !important}
h3,h4{line-height:1.2 !important}
[data-hero-word]{letter-spacing:-0.02em !important;line-height:1 !important}
p,li,label,td,th,span,a,button{letter-spacing:-0.005em !important}
p{line-height:1.45 !important}
[data-fill]{line-height:1.3 !important}
@media (max-width:640px){main h2{line-height:1.16 !important}main h3{line-height:1.2 !important}}
#team [data-about-why] h2{font-size:clamp(26px,3.2vw,40px) !important;line-height:1.14 !important}
#team [data-about-intro] h2{font-size:clamp(30px,4.6vw,60px) !important}
@media (max-width:820px){
[data-stack-card]{position:relative !important;top:auto !important;transform:none !important}
[data-stack-card] > div:nth-child(2){max-height:none !important}
[data-stack-card] [data-stack-veil]{display:none}
#abrechnung [style*="border-radius: 32px"]{text-align:left !important;align-items:stretch !important}
#abrechnung [style*="border-radius: 32px"] *{text-align:left !important}
#abrechnung [style*="border-radius: 32px"] [style*="flex-direction: column"]{align-items:flex-start !important}
#abrechnung [style*="border-radius: 32px"] > div:first-child{justify-content:space-between !important;align-items:baseline !important}
}
#start{-webkit-touch-callout:none;-webkit-user-select:none;user-select:none;-webkit-tap-highlight-color:transparent}