/* Gemeinsame Gestaltung für Web-Gens. Die eigenständigen Demo-Marken
   verwenden bewusst ihre eigenen Layouts und Farben. */
:root{--section-space:clamp(48px,6vw,80px);--heading-section:clamp(1.9rem,3.4vw,3rem);--heading-feature:clamp(1.5rem,2.4vw,2rem);--surface-radius:6px;--soft-shadow:0 12px 36px rgba(29,42,38,.06)}
body.site-2026{width:100%;max-width:none;margin-inline:0;box-shadow:none}
.site-2026 main{min-width:0}
.site-2026 section{border-bottom-color:var(--line)}
.site-2026 h2.display{font-weight:750;text-transform:none;letter-spacing:-.04em;line-height:1.08}
.site-2026 .sec-head{align-items:end;padding-block:var(--section-space) 32px;border-bottom:0;gap:24px 40px}
.site-2026 .sec-head>.mono{font-family:"Instrument Sans",sans-serif;text-transform:none;letter-spacing:0;font-size:.9rem;max-width:34ch;font-weight:400;text-wrap:pretty}
.site-2026 .section-kicker{font-size:.66rem;letter-spacing:.09em;line-height:1.7}
.site-2026 .reveal{opacity:1;transform:none;transition:none}
.site-2026 .blink-heart,.site-2026 .badge:not(.busy)::before{animation:none}
.site-2026 .btn{border-radius:3px}
.site-2026 .crumbs{font-size:.65rem;letter-spacing:.06em;padding-block:16px;border-bottom-color:var(--line)}
.site-2026 .panel,.site-2026 .pricebox,.site-2026 .gallery-window{box-shadow:var(--soft-shadow);border-color:var(--line);border-radius:var(--surface-radius)}
.site-2026 .foot-grid{gap:40px;padding-block:64px 48px}
.site-2026 .foot-logo{font-size:1.35rem;letter-spacing:0}
.site-2026 .foot-head{letter-spacing:.08em}

/* Leistungen: eine kurze Einleitung, ein anschauliches Motiv, ein nächster Schritt. */
.service-intro{display:grid;grid-template-columns:minmax(0,1.1fr) minmax(0,.9fr);gap:clamp(40px,6vw,96px);align-items:center;padding:64px var(--gutter)}
.service-intro-copy{min-width:0}
.service-intro-copy>.section-kicker{margin-bottom:24px}
.service-intro h1.display{font-size:clamp(2.5rem,4.4vw,4.25rem);font-weight:800;line-height:1.06;letter-spacing:-.045em;text-transform:none;max-width:17ch;text-wrap:balance}
.service-intro h1 span{color:var(--signal)}
.service-intro-lead{max-width:44ch;font-size:1.08rem;line-height:1.8;color:#3a463f;margin:28px 0 32px;text-wrap:pretty}
.service-intro-price{display:block;max-width:46ch;margin-top:20px;text-decoration:none;line-height:1.6}
.service-intro-price strong{font-size:.94rem;font-weight:600}
.service-intro-price>span{display:block;font-size:.82rem;color:var(--moss);margin-top:5px}
.service-intro-price:hover strong{color:var(--signal);text-decoration:underline;text-underline-offset:4px}
.service-intro-visual{min-width:0}
.service-design{display:block;text-decoration:none}
.service-visual-label{display:block;font-size:.59rem;color:var(--moss);margin-bottom:16px;letter-spacing:.08em}
.service-design-window{border:1px solid var(--ink);border-radius:6px;overflow:hidden;background:var(--card);box-shadow:var(--soft-shadow)}
.service-design-window img{display:block;width:100%;height:auto}
.service-design-caption{display:flex;justify-content:space-between;align-items:center;gap:16px;font-size:.83rem;line-height:1.5;margin-top:20px}
.service-design-caption>span{font-size:1.2rem;color:var(--signal)}
.service-design:hover .service-design-caption{text-decoration:underline;text-underline-offset:4px}
.service-board{padding:clamp(24px,3vw,44px);border:1px solid var(--line);border-radius:6px;background:var(--card);box-shadow:var(--soft-shadow)}
.service-board-kicker{display:block;color:var(--moss);font-size:.61rem;letter-spacing:.08em;line-height:1.8}
.service-board p{font-size:.9rem;line-height:1.8;color:#3a463f}
.service-board-number{display:flex;align-items:center;gap:24px;font:800 clamp(5rem,9vw,8rem)/1 Archivo,sans-serif;letter-spacing:-.07em;padding-block:32px 24px}
.service-board-number>span{font:400 .95rem/1.6 "Instrument Sans",sans-serif;letter-spacing:0;color:var(--moss)}
.service-board-list{list-style:none;margin-top:28px}
.service-board-list li{display:flex;justify-content:space-between;align-items:baseline;gap:20px;padding:14px 0;border-top:1px solid var(--line);font-size:.86rem;line-height:1.6}
.service-board-list li>span{flex:none;color:var(--signal);font-family:"IBM Plex Mono",monospace;font-size:.7rem}
.hosting-network{display:flex;align-items:center;flex-direction:column;text-align:center;padding-block:32px}
.hosting-network>span:not(.network-connector){font-size:.95rem}
.hosting-network strong{display:block;width:100%;padding:22px;border:1px solid var(--ink);font:800 1.6rem/1.2 Archivo,sans-serif;background:var(--ink);color:var(--paper);border-radius:3px}
.hosting-network small{display:block;font:400 .8rem/1.6 "Instrument Sans",sans-serif;margin-top:7px}
.network-connector{color:var(--signal);font-size:1.35rem;padding-block:8px;line-height:1.5}
.service-board-tags{display:flex;justify-content:center;gap:8px;border-top:1px solid var(--line);padding-top:24px}
.service-board-tags>span{border:1px solid var(--line);border-radius:30px;padding:6px 15px;font-size:.75rem}
.service-board-symbol{font:400 5.5rem/1 Archivo,sans-serif;color:var(--signal);padding-block:24px}
.service-board-steps{list-style:none;margin-bottom:24px}
.service-board-steps li{display:flex;align-items:baseline;gap:20px;border-top:1px solid var(--line);padding:15px 0}
.service-board-steps li>span{font:400 .7rem/1.6 "IBM Plex Mono",monospace;color:var(--signal)}
.service-board-steps strong{font-weight:600;font-size:1.1rem}
.speed-visual{display:flex;gap:7px;align-items:end;position:relative;height:116px;padding-block:24px 0}
.speed-visual>i{display:block;width:16%;height:40%;background:var(--ink);border-radius:3px 3px 0 0}
.speed-visual>i:nth-child(2){height:65%;opacity:.55}.speed-visual>i:nth-child(3){height:95%;opacity:.2}
.speed-visual>span{margin-left:auto;font:400 5.5rem/1 Archivo,sans-serif;color:var(--signal)}
.service-board-speed>p{border-top:1px solid var(--line);padding-top:20px;margin-top:4px}
.support-message{display:flex;align-items:center;gap:20px;margin:36px 0 28px}
.support-message>span{display:grid;place-items:center;width:58px;height:58px;flex:none;border:1px solid var(--signal);border-radius:50%;color:var(--signal);font:500 2rem/1 Archivo,sans-serif}
.support-message>strong{font:650 clamp(1.4rem,2.5vw,2rem)/1.15 Archivo,sans-serif;letter-spacing:-.03em}
.service-board-link{display:flex;justify-content:space-between;gap:20px;margin-top:32px;padding-top:20px;border-top:1px solid var(--line);font-size:.86rem;text-underline-offset:4px}
.page-route{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));padding:0 var(--gutter);border-bottom:1px solid var(--line);background:var(--card)}
.page-route>a{display:flex;align-items:center;gap:14px;min-height:76px;padding:20px 24px;text-decoration:none;font-size:.83rem;line-height:1.5;border-right:1px solid var(--line)}
.page-route>a:first-child{padding-left:0}.page-route>a:last-child{border-right:0;padding-right:0}
.page-route>a>span:first-child{color:var(--signal);font:400 .63rem/1.5 "IBM Plex Mono",monospace}
.page-route>a>span:last-child{margin-left:auto;color:var(--moss)}
.page-route>a:hover{color:var(--signal)}

/* Über mich: das persönliche Porträt und eine kurze, konkrete Zusammenarbeit. */
.about-studio{display:grid;grid-template-columns:minmax(0,1.45fr) minmax(0,1fr);gap:clamp(40px,4vw,64px);padding:var(--section-space) var(--gutter)}
.about-person{display:grid;grid-template-columns:minmax(0,1fr);grid-template-areas:"copy" "portrait";gap:32px;justify-items:center;align-self:start}
.about-copy{grid-area:copy;min-width:0;width:100%;max-width:58ch}
.about-copy h2{font-size:var(--heading-section);margin-bottom:24px;max-width:none}
.about-copy p{font-size:.98rem;line-height:1.85;color:#3a463f;max-width:none}
.about-copy p+p{margin-top:16px}
.about-studio .portrait{grid-area:portrait;margin:0;width:100%;justify-self:center;max-width:240px}
.about-studio .portrait .stage::before{box-shadow:var(--soft-shadow);background:var(--card);border-radius:4px}
.about-studio .portrait figcaption{font-size:.66rem;letter-spacing:0;line-height:1.6;white-space:normal;text-transform:none;justify-content:center;text-align:center}
#ueber.about-studio .together{display:block;padding:0 0 0 36px;border-left:1px solid var(--line);background:none}
#ueber.about-studio .together-note{padding:0;max-width:none;border:0;background:transparent;box-shadow:none}
#ueber.about-studio .together-kicker{color:var(--moss);margin-bottom:20px}
#ueber.about-studio .together h3{font-size:clamp(1.45rem,2.4vw,1.9rem);max-width:17ch;line-height:1.12}
.studio-steps{list-style:none;margin-top:28px}
.studio-steps li{display:grid;grid-template-columns:24px minmax(0,1fr);gap:12px;padding:16px 0;border-top:1px solid var(--line)}
.studio-steps li>span{color:var(--signal);font:400 .65rem/1.8 "IBM Plex Mono",monospace}
.studio-steps h4{font-size:.93rem;line-height:1.4;font-weight:600;margin-bottom:6px}
.studio-steps p{font-size:.84rem;line-height:1.75;color:#3a463f}
.studio-contact{display:flex;justify-content:space-between;gap:20px;font-weight:600;font-size:.86rem;text-underline-offset:5px;margin-top:12px}
.studio-contact:hover{color:var(--signal)}
.studio-note{font-size:.78rem;color:var(--moss);margin-top:8px}

/* Angebot, Details und Fragen: erst den Überblick, dann die Vertiefung. */
.site-2026 .home-offers .offer-grid{padding:0 var(--gutter) 48px;gap:20px}
.site-2026 .home-offers .offer-card{border:1px solid var(--line);border-radius:6px;background:var(--card);padding:28px 24px}
.site-2026 .home-offers .website-offer{border-top:3px solid var(--signal);padding-top:26px}
.site-2026 .home-offers .offer-card h3{font-size:1.45rem;line-height:1.2;letter-spacing:-.025em;font-weight:700}
.site-2026 .home-offers .offer-top .mono{font-size:.6rem;letter-spacing:.08em}
.site-2026 .home-offers .price{font-size:clamp(2.5rem,3.8vw,3.5rem);letter-spacing:-.05em}
.site-2026 .home-offers .price>span{letter-spacing:0}
.site-2026 .home-offers .price .price-period{display:block;margin:8px 0 0}
.site-2026 .home-offers .offer-card .btn{width:100%;justify-content:space-between;padding-inline:18px}
.site-2026 .home-offers .offer-detail{margin-top:18px;font-size:.79rem;text-underline-offset:4px}
.site-2026 .reference-discount{border-top:1px solid var(--line);padding-block:56px;background:var(--paper)}
.site-2026 .discount-number{font-size:clamp(4rem,6vw,5.25rem)}
.site-2026 .discount-kicker{color:var(--signal)}
.site-2026 .home-offers .offer-bottom{border-color:var(--line)}
.site-2026 .home-offers .offer-help{padding-block:32px}
.site-2026 .incl,.site-2026 .sym{margin:0 var(--gutter) 48px;gap:20px;background:transparent}
.site-2026 .incl-item,.site-2026 .sym-item{padding:28px;border:1px solid var(--line);border-radius:6px;background:var(--card)}
.site-2026 .incl-item h3,.site-2026 .sym-item h3{font-size:1.1rem;line-height:1.4;margin-bottom:12px}
.site-2026 .incl-item p,.site-2026 .sym-item p{font-size:.94rem;line-height:1.8;hyphens:none}
.site-2026 .incl-item .mono,.site-2026 .sym-item .mono{font-size:.63rem;margin-bottom:18px}
.site-2026 .steps{padding:0 var(--gutter) 56px;gap:32px}
.site-2026 .steps.website-process{grid-template-columns:repeat(2,minmax(0,1fr))}
.site-2026 .step{padding:24px 0 0;border-right:0;border-top:1px solid var(--line)}
.site-2026 .step h3{font-size:1.15rem;line-height:1.3}
.site-2026 .pricebox-wrap{background:transparent;padding-block:8px 64px}
.site-2026 .pricebox-head{padding:28px;border-bottom-color:var(--line);gap:16px}
.site-2026 .pricebox .big{font-size:clamp(2.75rem,5vw,4rem);letter-spacing:-.055em}
.site-2026 .pricebox ul{padding:12px 28px 24px}
.site-2026 .pricebox li{font-size:.91rem;line-height:1.7;padding-block:11px}
.site-2026 .pricebox .btn{margin:0 28px 28px}
.site-2026 .price-reference-note{border-color:var(--line);border-top:3px solid var(--signal);border-radius:6px;padding:28px}
.site-2026 .price-reference-note>.mono{color:var(--signal)}
.site-2026 .duo-main{border-right-color:var(--line)}
.site-2026 .duo-side,.site-2026 .hero-panel{background:var(--card)}
.site-2026 .prose{max-width:76ch;line-height:1.85}
.site-2026 .prose p{hyphens:none}
.site-2026 section#faq{display:grid;grid-template-columns:minmax(0,.65fr) minmax(0,1.35fr);gap:64px;padding:var(--section-space) var(--gutter)}
.site-2026 #faq>.sec-head{display:block;padding:0;border:0;align-self:start}
.site-2026 #faq>.sec-head h2{margin-bottom:20px}
.site-2026 #faq>.sec-head .mono{display:block;text-align:left;max-width:24ch}
.site-2026 .faq-list{border-top:1px solid var(--line)}
.site-2026 .faq-list summary{padding:24px 0;font-size:1rem;line-height:1.6}
.site-2026 .faq-list summary:hover{background:transparent;color:var(--signal)}
.site-2026 .faq-list .faq-a{padding:0 36px 24px 0;max-width:68ch;font-size:.94rem;line-height:1.85}
.site-2026 .faq-list details[open]{padding-bottom:0}
.site-2026 #fehler .sym{grid-template-columns:minmax(0,1fr);gap:0;border-top:1px solid var(--line)}
.support-topic{border-bottom:1px solid var(--line);scroll-margin-top:96px}
.support-topic>summary{display:grid;grid-template-columns:180px minmax(0,1fr) 24px;align-items:center;gap:24px;padding:24px 0;list-style:none;cursor:pointer}
.support-topic>summary::-webkit-details-marker{display:none}
.support-topic>summary>.mono{font-size:.63rem;color:var(--moss);letter-spacing:.06em}
.support-topic h3{font-size:1.06rem;line-height:1.6;font-weight:600}
.support-topic-toggle{font-size:1.4rem;color:var(--signal)}
.support-topic[open] .support-topic-toggle{font-size:0}.support-topic[open] .support-topic-toggle::after{content:"−";font-size:1.4rem}
.support-topic>summary:hover h3{color:var(--signal)}
.support-topic-answer{padding:0 48px 28px 204px;font-size:.96rem;line-height:1.85;color:#3a463f;max-width:94ch}
.support-topic-answer>a{display:inline-block;margin-top:18px;font-size:.84rem;color:var(--ink);text-underline-offset:4px}

/* Beispiele und echte Projekte bekommen Luft und klar getrennte Aufgaben. */
.site-2026 .website-gallery .sec-head{border-bottom:0;padding-bottom:24px}
.site-2026 .gallery-intro{padding-top:0}
.site-2026 .gallery-intro>p{font-size:1rem;max-width:67ch}
.site-2026 .gallery-intro>span{font-size:.8rem;margin-top:10px}
.site-2026 .gallery-picker{gap:8px;padding-block:28px 32px}
.site-2026 .gallery-picker>button{padding:10px 17px;font-size:.79rem}
.site-2026 .gallery-layout{grid-template-columns:minmax(0,1.55fr) minmax(280px,.85fr);gap:48px;padding-bottom:32px}
.site-2026 .gallery-window-bar{padding:12px 15px}
.site-2026 .gallery-window-footer{padding:14px 16px}
.site-2026 .gallery-details{padding-top:20px}
.site-2026 .gallery-detail>h3{font-size:clamp(2rem,3vw,2.75rem);margin-top:14px}
.site-2026 .gallery-style{font-size:.9rem;margin-block:12px 20px}
.site-2026 .gallery-description{font-size:.96rem;line-height:1.8}
.gallery-notes{border-top:1px solid var(--line);border-bottom:1px solid var(--line);margin:24px 0}
.gallery-notes>summary{display:flex;justify-content:space-between;gap:20px;cursor:pointer;list-style:none;font-size:.84rem;font-weight:600;padding:16px 0}
.gallery-notes>summary::-webkit-details-marker{display:none}
.gallery-notes>summary::after{content:"+";color:var(--signal);font-size:1.1rem;font-weight:400}
.gallery-notes[open]>summary::after{content:"−"}
.gallery-notes dl{padding:0 0 16px}.gallery-notes dl>div+div{margin-top:16px}
.gallery-notes dt{font-size:.82rem;font-weight:600;margin-bottom:4px}.gallery-notes dd{font-size:.82rem;line-height:1.8;color:#3a463f}
.site-2026 .gallery-detail>.tags{margin-bottom:24px}
.site-2026 .tag{font-size:.6rem;padding:6px 9px;letter-spacing:.04em}
.site-2026 .project-case-layout{padding:0 var(--gutter) 64px;gap:56px;grid-template-columns:minmax(0,1.1fr) minmax(0,.9fr)}
.site-2026 .project-case-visual{padding:24px 24px 60px 0;border:0;background:transparent}
.site-2026 .project-desktop{border-color:var(--line);box-shadow:var(--soft-shadow);border-radius:6px;overflow:hidden;margin-right:12px}
.site-2026 .project-phone{bottom:40px;right:0;box-shadow:var(--soft-shadow)}
.site-2026 .project-case-copy{padding:24px 0 0}
.site-2026 .home-check-section{padding:var(--section-space) var(--gutter);background:var(--card);gap:24px 64px}
.site-2026 .home-check-section .panel{background:var(--paper)}
.site-2026 .home-check-section .check-intro h2{font-family:Archivo,sans-serif;font-size:var(--heading-section);font-weight:750;letter-spacing:-.04em;line-height:1.1;text-transform:none}
.site-2026 .contact-copy{border-right-color:var(--line)}

/* Die Übersicht zeigt die Entwürfe direkt, statt nur darüber zu sprechen. */
.site-catalog .gallery-catalog-intro{padding:64px var(--gutter);border-color:var(--line)}
.site-catalog .gallery-catalog-intro h1{font-size:clamp(2.5rem,5vw,4.5rem);text-transform:none;line-height:1.07;letter-spacing:-.045em}
.site-catalog .gallery-catalog-intro p{max-width:58ch;font-size:1.03rem;line-height:1.85}
.site-catalog .catalog-list{gap:48px 32px;padding:0 var(--gutter) 72px}
.site-catalog .catalog-list>article{border:0;padding:0;min-width:0}
.catalog-preview{display:block!important;margin:0 0 24px!important;border:1px solid var(--line);border-radius:6px;overflow:hidden;background:var(--card);box-shadow:var(--soft-shadow)}
.catalog-preview img{display:block;width:100%;height:auto;aspect-ratio:1000/850;object-fit:cover;object-position:top}
.site-catalog .catalog-list h2{font-size:2rem;letter-spacing:-.035em;margin:10px 0 12px;line-height:1.2}
.site-catalog .catalog-list p{font-size:.94rem;line-height:1.8;max-width:58ch}
.site-catalog .catalog-list .section-kicker{font-size:.62rem}
.site-catalog .catalog-list>article>a:last-child{margin-top:18px;font-size:.85rem;text-underline-offset:5px}

/* Lange Informationen bleiben lesbar, ohne die ursprünglichen Inhalte zu ändern. */
.site-document main,.site-questionnaire main,.site-error main{max-width:980px;padding:64px var(--gutter) 80px}
.site-document h1,.site-questionnaire h1,.site-error h1{font-weight:800;font-size:clamp(2.4rem,5vw,4rem);text-transform:none;letter-spacing:-.045em;line-height:1.08;margin:20px 0 32px}
.site-document h2{font-size:1.35rem;line-height:1.4;margin-top:40px;scroll-margin-top:96px}
.site-document p,.site-document li{font-size:1rem;line-height:1.9}
.site-document .box,.site-error .box{border-color:var(--line);border-radius:6px;box-shadow:var(--soft-shadow);padding:28px}
.document-index{border:1px solid var(--line);border-radius:6px;background:var(--card);margin-bottom:32px}
.document-index summary{padding:18px 24px;font-weight:600;cursor:pointer;font-size:.9rem}
.document-index nav{display:flex;flex-direction:column;padding:0 24px 20px;gap:12px}
.document-index a{font-size:.87rem;line-height:1.6;text-underline-offset:4px}
.document-index a:hover{color:var(--signal)}
.site-questionnaire .intro{line-height:1.85;max-width:65ch}
.site-questionnaire .frage{border-color:var(--line);border-radius:6px}

@media(min-width:1051px){.site-2026 .home-offers .offer-grid>.offer-card{grid-row:span 6}.site-2026 .home-offers .offer-grid .btn{justify-self:stretch}}
@media(max-width:1200px){
  .about-studio{grid-template-columns:minmax(0,1fr);gap:40px}
  .about-copy h2{max-width:none}.about-copy p{max-width:58ch}
  #ueber.about-studio .together{padding:32px 0 0;border-left:0;border-top:1px solid var(--line)}
  #ueber.about-studio .together h3{max-width:none}
  .studio-steps{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:24px}
  .studio-contact{max-width:360px}
}
@media(max-width:1050px){
  .service-intro{gap:40px;padding-block:48px;grid-template-columns:minmax(0,1.15fr) minmax(0,.85fr)}
  .service-intro h1.display{font-size:clamp(2.3rem,4.5vw,3.1rem)}
  .service-intro-lead{font-size:1rem;margin-block:24px}
  .page-route>a{padding:18px 16px;gap:10px;font-size:.78rem}
  .site-2026 .home-offers .website-offer{grid-column:1/-1}
  .site-2026 .home-offers .offer-card{padding-inline:28px}
  .site-2026 .home-offers .website-offer .offer-intro>p{max-width:60ch}
  .site-2026 .gallery-layout{gap:32px;grid-template-columns:minmax(0,1.2fr) minmax(260px,.8fr)}
  .site-2026 section#faq{gap:40px;grid-template-columns:minmax(0,.65fr) minmax(0,1.35fr)}
  .site-2026 .sym{grid-template-columns:repeat(2,minmax(0,1fr))}
  .site-2026 .project-case-layout{gap:36px}
}
@media(max-width:820px){
  .service-intro{grid-template-columns:minmax(0,1fr);gap:40px}
  .service-intro h1.display{font-size:clamp(2.5rem,6.5vw,3.5rem);max-width:21ch}
  .service-intro-lead{max-width:50ch}
  .service-intro-visual{max-width:560px;width:100%;margin-inline:auto}
  .service-board{padding:32px}
  .page-route{grid-template-columns:repeat(2,minmax(0,1fr))}
  .page-route>a{min-height:64px;padding:16px 0;border-bottom:1px solid var(--line)}
  .page-route>a:nth-child(odd){padding-right:24px}.page-route>a:nth-child(even){border-right:0;padding-left:24px}
  .page-route>a:nth-last-child(-n+2){border-bottom:0}
  .site-2026 .sec-head{align-items:start;padding-bottom:24px}
  .site-2026 .sec-head>.mono{text-align:left;max-width:none}
  .site-2026 section#faq{grid-template-columns:minmax(0,1fr);gap:28px}
  .site-2026 #faq>.sec-head h2{margin-bottom:12px}
  .site-2026 #faq>.sec-head .mono{max-width:none}
  .site-2026 .gallery-layout,.site-2026 .project-case-layout{grid-template-columns:minmax(0,1fr)}
  .site-2026 .gallery-details{padding-top:0}
  .site-2026 .gallery-description{max-width:65ch}
  .site-2026 .project-case-visual{padding-bottom:40px}
  .site-2026 .project-case-copy{padding-top:0}
  .site-2026 .home-check-section{gap:28px}
  .site-2026 .home-check-section .check-intro h2{font-size:var(--heading-section)}
  .site-2026 .steps{gap:24px}
}
@media(max-width:760px){
  .about-person{grid-template-columns:minmax(0,1fr);grid-template-areas:"copy" "portrait";gap:32px}
  .about-studio .portrait{justify-self:center}
}
@media(max-width:600px){
  .site-2026 .sec-head{padding-top:48px;gap:12px}
  .service-intro{padding-block:40px}
  .service-intro h1.display{font-size:clamp(2.2rem,8vw,3rem);line-height:1.08}
  .service-intro-copy>.section-kicker{margin-bottom:20px;font-size:.61rem}
  .service-intro-copy>.btn{display:flex;width:100%;justify-content:space-between}
  .service-intro-price{margin-top:20px}
  .service-intro-price>span{font-size:.8rem}
  .service-board{padding:24px}
  .service-board-number{font-size:6rem}
  .service-board-kicker{font-size:.59rem}
  .service-board-steps strong{font-size:1rem}
  .page-route>a{font-size:.74rem;gap:8px}
  .page-route>a:nth-child(odd){padding-right:14px}.page-route>a:nth-child(even){padding-left:14px}
  .about-person{grid-template-columns:minmax(0,1fr);gap:32px}
  .about-studio .portrait{max-width:240px;justify-self:center}
  .about-copy p{font-size:.96rem}
  .about-copy h2{margin-bottom:20px}
  .studio-steps{grid-template-columns:minmax(0,1fr);gap:0;margin-top:24px}
  .studio-steps li{grid-template-columns:28px minmax(0,1fr);padding:18px 0}
  .studio-steps p{font-size:.9rem}
  .studio-steps h4{font-size:1rem}
  #ueber.about-studio .together h3{font-size:1.6rem}
  .site-2026 .home-offers .offer-grid{gap:20px;padding-bottom:40px}
  .site-2026 .home-offers .offer-card{padding:28px 20px}
  .site-2026 .home-offers .website-offer{padding-top:26px}
  .site-2026 .home-offers .offer-card:last-child{border-bottom:1px solid var(--line)}
  .site-2026 .home-offers .offer-card .btn{padding-inline:16px;font-size:.87rem}
  .site-2026 .home-offers .price{font-size:3.25rem}
  .site-2026 .reference-discount{padding-block:48px}
  .site-2026 .incl,.site-2026 .sym,.site-2026 .steps,.site-2026 .steps.website-process{grid-template-columns:minmax(0,1fr)}
  .site-2026 .incl,.site-2026 .sym{gap:16px;margin-bottom:40px}
  .site-2026 .incl-item,.site-2026 .sym-item{padding:24px}
  .site-2026 .pricebox-head{padding:24px}
  .site-2026 .pricebox ul{padding-inline:24px}
  .site-2026 .pricebox .big{font-size:2.85rem}
  .site-2026 .pricebox .btn{margin-inline:24px}
  .site-2026 .price-reference-note{padding:24px}
  .site-2026 .faq-list summary{font-size:.98rem;padding-block:20px}
  .site-2026 .faq-list .faq-a{padding-right:0}
  .support-topic>summary{grid-template-columns:minmax(0,1fr) 24px;gap:8px 16px;padding-block:20px}
  .support-topic>summary>.mono{grid-column:1}.support-topic h3{grid-column:1;font-size:1rem}
  .support-topic-toggle{grid-column:2;grid-row:1/3}
  .support-topic-answer{padding:0 0 24px}
  .site-2026 .gallery-detail>.tags{gap:7px}
  .site-2026 .project-case-layout{padding-bottom:48px;gap:24px}
  .site-2026 .project-case-visual{padding-right:12px}
  .site-catalog .gallery-catalog-intro{padding-block:48px}
  .site-catalog .catalog-list{grid-template-columns:minmax(0,1fr);gap:40px;padding-bottom:48px}
  .site-document main,.site-questionnaire main,.site-error main{padding-block:40px 56px}
  .site-2026 .foot-grid{padding-block:48px 40px;gap:32px}
}
@media(prefers-reduced-motion:reduce){.site-2026 *, .site-2026 *::before,.site-2026 *::after{scroll-behavior:auto!important;animation:none!important;transition:none!important}}