/* Entwurf 3: eigenständige Gestaltung. Alle Ressourcen werden lokal geladen. */
.design-motion{--m-ink:#242523;--m-muted:#62645f;--m-paper:#fafaf7;--m-line:#dfdfd8;--m-red:#b1322e;--m-bright:#da4d46;background:var(--m-paper);color:var(--m-ink);font-family:Roboto,Arial,sans-serif;font-size:18px;line-height:1.6;padding-left:0;padding-top:0;overflow-x:clip}
.design-motion *{box-sizing:border-box}.design-motion [hidden]{display:none!important}.design-motion h1,.design-motion h2,.design-motion h3,.design-motion p,.design-motion figure{margin:0}.design-motion h1,.design-motion h2,.design-motion h3{color:inherit}.design-motion a{color:inherit}.design-motion button,.design-motion select,.design-motion input{font:inherit}.design-motion button{cursor:pointer}.design-motion button:disabled{cursor:default}.design-motion :focus-visible{outline:3px solid var(--m-red);outline-offset:5px}.design-motion img{display:block;max-width:100%}.design-motion picture{display:block}.design-motion svg{flex-shrink:0}.design-motion section[id]{scroll-margin-top:110px}.design-motion .m-wrap{width:min(1280px,calc(100% - 112px));margin-inline:auto}.design-motion .m-section{padding-block:120px}.design-motion .kicker{font-size:16px;font-weight:500;line-height:1.5;letter-spacing:.015em;display:block}.design-motion h2{font-size:clamp(38px,4.5vw,66px);line-height:1.06;letter-spacing:-.055em;font-weight:500}.design-motion h2>span{color:var(--m-muted)}.design-motion .status-dot{display:inline-block;width:8px;height:8px;background:var(--m-bright);border-radius:50%;flex-shrink:0}.design-motion .m-button{min-height:52px;display:inline-flex;align-items:center;justify-content:center;padding:14px 25px;background:var(--m-red);border:1px solid var(--m-red);border-radius:8px;color:white;text-decoration:none;font-size:16px;font-weight:500;line-height:1.4;transition:background .18s,transform .18s;gap:10px}.design-motion .m-button:hover{background:#8e2622;transform:translateY(-2px)}.design-motion .outline-button{background:transparent;border-color:var(--m-line);color:var(--m-ink)}.design-motion .outline-button:hover{background:#eeeee8}.design-motion .text-control{background:transparent;border:0;min-height:44px;padding:8px 12px;font-size:16px;color:inherit;text-decoration:underline;text-underline-offset:5px}.design-motion .text-control:disabled{color:#777;opacity:.55;text-decoration:none}
/* Header, Randregister und gemeinsame Unterseiten */
.m-header{position:fixed;top:18px;left:50%;transform:translateX(-50%);width:min(1304px,calc(100% - 64px));height:86px;padding:12px 24px;z-index:60;display:flex;align-items:center;justify-content:space-between;gap:24px;border:1px solid rgba(100,100,90,.16);border-radius:14px;background:rgba(250,250,247,.88);backdrop-filter:blur(18px);-webkit-backdrop-filter:blur(18px);box-shadow:0 4px 20px #24252304;transition:height .2s,top .2s}.m-header.is-scrolled{height:74px;top:12px}.m-brand{display:block;flex-shrink:0}.m-brand img{width:126px;height:54px;object-fit:contain}.m-nav{display:flex;gap:32px;margin-left:auto}.m-nav a{font-size:16px;text-decoration:none;min-height:44px;display:flex;align-items:center}.m-nav a:hover{color:var(--m-red)}.m-header-actions{display:flex;align-items:center;gap:12px}.m-phone{font-size:16px;font-weight:500;text-decoration:none;white-space:nowrap;border:1px solid var(--m-line);border-radius:7px;padding:11px 16px}.m-menu{display:none;border:1px solid var(--m-line);background:transparent;border-radius:6px;padding:8px 12px;min-height:44px;font-size:16px}.design-motion .design-switcher{z-index:90}.motion-subpage main{padding-top:130px}.motion-subpage .site-header{display:none}.motion-subpage .breadcrumb{margin-top:0}.motion-subpage .back-to-top,.motion-subpage .mobile-contactbar{display:none}.motion-subpage .m-footer{margin-top:40px}.design-motion .section-lead{display:flex;align-items:flex-end;justify-content:space-between;gap:32px;margin-bottom:44px}.design-motion .section-lead .kicker{margin-bottom:22px}.design-motion .section-lead>p{max-width:330px;color:var(--m-muted);font-size:18px}
/* Sticky-Hero mit drei Szenen. Die Scrollposition wird nicht abgefangen. */
.hero-scene{height:245svh;min-height:1700px;position:relative}.hero-sticky{position:sticky;top:0;height:100svh;min-height:700px;overflow:hidden;perspective:1500px;background-color:var(--m-paper);background-image:radial-gradient(#acb1a744 .9px,transparent .9px);background-size:28px 28px}.hero-sticky.canvas-ready{background-image:none}#dot-field{position:absolute;inset:0;width:100%;height:100%;pointer-events:none}.hero-copy{position:absolute;top:19.5%;left:50%;width:min(950px,calc(100% - 48px));transform:translateX(-50%);text-align:center;z-index:2;will-change:opacity,transform}.hero-kicker{display:flex!important;align-items:center;justify-content:center;gap:10px;margin-bottom:23px}.hero-copy h1{font-size:clamp(60px,8.9vw,128px);font-weight:500;letter-spacing:-.065em;line-height:.99}.hero-copy h1>span{color:var(--m-muted)}.hero-copy p{width:min(520px,100%);margin:23px auto 24px;font-size:18px;color:#555a52;line-height:1.6}.hero-window{position:absolute;left:50%;top:62%;width:min(1060px,calc(100% - 112px));height:min(65svh,610px);min-height:420px;border:1px solid #d6d6cd;border-radius:15px;background:var(--m-paper);box-shadow:0 28px 70px #20251c24;transform:translateX(-50%) translateY(140px) rotateX(12deg) rotateZ(-6deg) scale(.84);will-change:transform,top;z-index:3;transform-origin:50% 60%}.window-bar{height:48px;padding:0 18px;display:flex;align-items:center;justify-content:space-between;gap:14px;color:#4f534b;font-size:16px;border-bottom:1px solid #ddd}.window-lights{display:flex;gap:6px}.window-lights i{height:8px;width:8px;background:#d1d2c9;border-radius:50%}.window-lights i:first-child{background:var(--m-bright)}.window-local{color:var(--m-muted)}.scene-images{height:calc(100% - 48px);position:relative;border-radius:0 0 14px 14px;overflow:hidden}.hero-slide{position:absolute;inset:0;opacity:0;transition:opacity .55s;pointer-events:none}.hero-slide.is-active{opacity:1}.hero-slide picture,.hero-slide img{height:100%;width:100%;object-fit:cover}.hero-slide[data-hero-slide="0"] img{object-position:50% 42%}.hero-slide[data-hero-slide="1"] img{object-position:50% 46%}.scene-caption{position:absolute;left:24px;bottom:24px;background:rgba(250,250,247,.94);padding:18px 22px;border:1px solid #ffffff73;border-radius:10px;backdrop-filter:blur(16px);max-width:calc(100% - 48px);color:var(--m-ink)}.scene-caption strong{font-size:26px;line-height:1.2;display:block;letter-spacing:-.03em;font-weight:500}.scene-caption>span{font-size:16px;display:block;margin-top:5px;color:var(--m-muted)}.scene-tabs{position:absolute;bottom:32px;left:50%;transform:translateX(-50%);display:flex;gap:25px;width:min(480px,calc(100% - 48px));z-index:6;opacity:0;pointer-events:none}.scene-tabs.is-visible{pointer-events:auto}.scene-tabs button{background:transparent;border:0;flex:1;min-height:44px;text-align:left;font-size:16px;color:#565c51;padding:5px 0}.scene-tabs button>span{display:block;background:#cfd2c7;height:3px;margin-top:10px;overflow:hidden;border-radius:4px}.scene-tabs button[aria-pressed="true"]{color:var(--m-red)}.scene-tabs button[aria-pressed="true"]>span{background:var(--m-red)}.hero-scroll-hint{position:absolute;bottom:120px;right:36px;font-size:16px;color:var(--m-muted);writing-mode:vertical-rl}
/* Eine Auswahl wandert um echte Textzeilen. */
.editor-section{padding-block:140px 160px;display:grid;grid-template-columns:1fr 2fr;gap:10%;align-items:center}.editor-intro .kicker{margin-bottom:22px}.editor-intro>p{max-width:300px;color:var(--m-muted)}.editor-canvas{position:relative;padding:20px 0 55px}.editor-canvas h2{font-size:clamp(32px,4.25vw,60px);line-height:1.3;letter-spacing:-.055em;font-weight:500}.editor-canvas h2 span{display:block;color:var(--m-ink);white-space:nowrap}
/* Leistungen: native horizontale Scrollfläche plus Tabs und Drag. */
.m-services{background:#eeeee8;border-block:1px solid var(--m-line)}.service-controls{display:flex;align-items:center;justify-content:space-between;margin-bottom:24px;gap:12px}.service-tabs{display:flex;gap:22px}.service-tabs button{border:0;border-bottom:2px solid transparent;background:transparent;padding:12px 0;min-height:48px;font-size:16px;color:var(--m-muted)}.service-tabs button[aria-pressed="true"]{color:var(--m-red);border-color:var(--m-red)}.carousel-nav{display:flex;gap:12px}.services-track{display:flex;gap:20px;overflow-x:auto;scroll-snap-type:x mandatory;scrollbar-width:none;overscroll-behavior-x:contain;padding:2px 1px 12px;cursor:grab;touch-action:pan-x pan-y}.services-track::-webkit-scrollbar{display:none}.services-track.is-dragging{cursor:grabbing;scroll-snap-type:none;user-select:none}.motion-service-card{flex:0 0 58%;min-width:340px;background:var(--m-paper);border:1px solid #dcddd4;border-radius:16px;overflow:hidden;scroll-snap-align:start;display:flex;flex-direction:column}.service-card-copy{padding:25px 30px 30px;position:relative;display:flex;flex-direction:column;align-items:flex-start;flex:1}.service-symbol{position:absolute;right:24px;top:25px;color:var(--m-muted)}.service-card-copy h3{font-size:28px;font-weight:500;line-height:1.2;letter-spacing:-.035em;padding-right:26px}.service-card-copy p{font-size:18px;color:var(--m-muted);margin-top:14px;margin-bottom:24px;line-height:1.65}.service-card-copy>a{font-size:16px;text-underline-offset:5px;margin-top:auto;min-height:44px;display:flex;align-items:center}.interaction-note{font-size:16px;color:var(--m-muted);margin-top:14px!important}.tap{position:absolute;width:65px;height:65px;border:9px solid #9baab2;border-left:0;border-bottom:0;top:0;left:30px;border-radius:0 20px 0 0}.design-motion .light-button{background:#f5f5ed;border-color:#f5f5ed;color:#272b28}.design-motion .light-button:hover{background:#ddd}
/* Fotostapel als Ordner. Keine erfundenen Referenzprojekte. */
.folder-section{text-align:center}.folder-section .section-lead{text-align:left}.folder-stage{height:470px;position:relative;margin-top:50px;max-width:960px;margin-inline:auto;perspective:1200px;touch-action:pan-y}.folder-back{position:absolute;left:50%;bottom:45px;transform:translateX(-50%);width:430px;height:280px;border:1px solid #c7c5b8;background:#d5d3c5;border-radius:0 18px 18px 18px}.folder-back:before{content:"";position:absolute;width:150px;height:30px;left:-1px;top:-30px;border:1px solid #c7c5b8;border-bottom:0;border-radius:14px 18px 0 0;background:inherit}.folder-back>span{display:block;text-align:left;padding:24px;color:#68695c;font-size:16px}.project-stack{position:absolute;inset:0;pointer-events:none}.project-card{pointer-events:auto;position:absolute;bottom:75px;left:50%;width:220px;height:300px;padding:8px 8px 14px;background:#fff;border:1px solid #e4e4db;border-radius:12px;text-align:left;transform:translateX(-50%) translate(var(--card-x,0px),var(--card-y,0px)) rotate(var(--card-r,0deg)) scale(var(--card-scale,.85));transition:transform .65s cubic-bezier(.2,.75,.2,1),box-shadow .2s;box-shadow:0 12px 35px #25271d20;z-index:var(--card-z,1)}.project-card picture{height:215px;overflow:hidden;border-radius:7px}.project-card img{width:100%;height:100%;object-fit:cover;pointer-events:none}.project-card>span{display:block;padding:9px 6px 0}.project-card strong{font-size:18px;font-weight:500;display:block;line-height:1.3}.project-card>span>span{font-size:16px;color:var(--m-muted);display:block;line-height:1.4;margin-top:3px}.project-card[aria-pressed="true"]{box-shadow:0 18px 42px #25271d30}.folder-front{position:absolute;left:50%;bottom:20px;width:452px;height:200px;transform:translateX(-50%);transform-origin:bottom;background:#e0dfd2;border:1px solid #c7c5b8;border-radius:16px;box-shadow:0 20px 50px #4d4c3520;z-index:10;display:flex;flex-direction:column;justify-content:flex-end;text-align:left;padding:28px 32px;transition:height .6s,transform .6s,background .2s}.folder-front:hover{background:#e9e8db}.folder-front>span:first-child{font-size:26px;font-weight:500;letter-spacing:-.03em}.folder-count{font-size:16px;color:#6b6d5d}.folder-stage.is-open .folder-front{height:100px;transform:translateX(-50%) rotateX(-14deg);z-index:10}.folder-controls{display:flex;justify-content:center;align-items:center;gap:25px;margin:8px auto 28px}.folder-controls p{font-size:16px;min-width:240px;color:var(--m-muted)}
/* Großes Foto wird zur mehrspaltigen Galerie. */
.gallery-section{background:#e9e9e1;padding-top:100px;overflow:clip}.gallery-heading{margin-bottom:40px}.gallery-heading .kicker{margin-bottom:20px}.gallery-scroll{height:180svh;min-height:1100px}.gallery-sticky{position:sticky;top:0;height:100svh;min-height:650px;overflow:hidden;display:flex;align-items:center}.gallery-columns{display:grid;grid-template-columns:1fr 1.35fr 1fr;gap:22px;width:min(1340px,calc(100% - 64px));margin:auto;align-items:start}.gallery-column{display:flex;flex-direction:column;gap:22px;will-change:transform}.gallery-column picture{overflow:hidden;border-radius:12px;height:380px}.gallery-column img{width:100%;height:100%;object-fit:cover}.column-left{transform:translateY(var(--gallery-left,70px));opacity:var(--gallery-opacity,0)}.column-right{transform:translateY(var(--gallery-right,-100px));opacity:var(--gallery-opacity,0)}.column-center{transform:translateY(var(--gallery-center,160px))}.gallery-feature{transform:scale(var(--gallery-scale,2.6));transform-origin:50% 50%;z-index:3;position:relative;will-change:transform}.gallery-feature picture{height:360px}.column-center>picture{height:300px}.marquee-section{padding:28px 0;border-bottom:1px solid var(--m-line);overflow:hidden;background:var(--m-paper)}.marquee-track{width:max-content;display:flex;animation:marquee 38s linear infinite}.marquee-track>div{display:flex;align-items:center;gap:40px;padding-right:40px}.marquee-track span{font-size:clamp(26px,3vw,44px);font-weight:400;letter-spacing:-.04em}.marquee-track i{width:7px;height:7px;background:var(--m-bright);border-radius:50%}@keyframes marquee{to{transform:translateX(-50%)}}
/* Geschichten und echter Firmenfilm im nativen Dialog. */
.voices-layout{display:grid;grid-template-columns:1fr 1fr;align-items:center;gap:90px}.voices-layout .kicker{margin-bottom:22px}.voice-stage{margin-top:38px;min-height:270px}.voice-slide{animation:voice-in .5s ease both}.voice-slide blockquote,.voice-statement{font-size:26px;line-height:1.45;letter-spacing:-.025em;margin:0;color:var(--m-ink)}.voice-slide>p:last-child{margin-top:25px;font-size:16px}.voice-slide strong{display:block;font-weight:500}.voice-slide>p>span{display:block;color:var(--m-muted)}.voice-controls{display:flex;gap:8px;flex-wrap:wrap}.voice-controls button{font-size:16px;min-height:44px;padding:7px 13px;border:1px solid var(--m-line);border-radius:30px;background:transparent;color:var(--m-muted)}.voice-controls button[aria-pressed="true"]{border-color:var(--m-ink);color:var(--m-ink)}@keyframes voice-in{from{opacity:0;transform:translateY(15px)}to{opacity:1;transform:translateY(0)}}.film-launch{position:relative;overflow:hidden;border-radius:14px;border:0;padding:0;background:#e0e0d7;height:530px;text-align:left;color:var(--m-ink)}.film-launch>img{height:100%;width:100%;object-fit:cover;transition:transform .7s}.film-launch:hover>img{transform:scale(1.04)}.film-play{position:absolute;left:50%;top:45%;transform:translate(-50%,-50%);width:76px;height:76px;border-radius:50%;display:grid;place-items:center;background:#fafaf7d9;backdrop-filter:blur(16px);border:1px solid #fff8}.film-play svg{width:30px;height:30px}.film-label{position:absolute;bottom:20px;left:20px;right:20px;padding:20px;background:#fafaf7ed;backdrop-filter:blur(16px);border-radius:9px;font-size:23px;line-height:1.3}.film-label>span{display:block;font-size:16px;color:var(--m-muted);margin-top:8px}.film-dialog{width:min(1000px,calc(100% - 32px));max-height:90svh;overflow:auto;padding:24px;background:var(--m-paper);border:1px solid #bbb;border-radius:15px;color:var(--m-ink)}.film-dialog::backdrop{background:#1b211ce6;backdrop-filter:blur(8px)}.film-dialog-top{display:flex;align-items:center;justify-content:space-between;gap:20px;margin-bottom:18px}.film-dialog h2{font-size:26px}.film-dialog-top button{min-height:44px;padding:8px 14px;font-size:16px;background:transparent;border:1px solid var(--m-line);border-radius:6px}.film-dialog video{width:100%;height:auto;border-radius:8px;display:block}.film-dialog>p{font-size:16px;margin-top:14px}
/* Wunschkalender. Keine erfundenen belegten oder freien Termine. */
.contact-section{background:#f0f0e9;border-top:1px solid var(--m-line)}.contact-planner-layout{display:grid;grid-template-columns:1fr 1fr;gap:110px;align-items:center}.planner-copy .kicker{margin-bottom:24px}.planner-copy h2{font-size:clamp(52px,6vw,86px)}.planner-copy>p{margin:26px 0 30px;color:var(--m-muted);max-width:380px}.contact-big-phone{font-size:32px;font-weight:500;letter-spacing:-.03em;text-decoration:none;display:block;line-height:1.4}.contact-mail{font-size:18px;text-underline-offset:4px;display:inline-block;margin-top:10px}.planner-copy address{font-style:normal;color:var(--m-muted);margin-top:25px;font-size:18px}.planner-copy>.m-button{margin-top:30px}.request-planner{background:#fff;border:1px solid #dadbd0;border-radius:16px;box-shadow:0 22px 60px #4d4c3510;overflow:hidden;transform:perspective(1000px) rotateY(-5deg) rotateX(3deg);transition:transform .65s}.request-planner:hover,.request-planner:focus-within{transform:perspective(1000px) rotateY(0) rotateX(0)}.planner-heading{display:flex;align-items:center;gap:9px;border-bottom:1px solid var(--m-line);padding:22px 26px;font-size:16px}.planner-heading strong{font-weight:500}.planner-heading>span:last-child{margin-left:auto;color:var(--m-muted)}.planner-body{padding:24px 26px}.planner-body>label{font-size:16px;display:block;margin-bottom:6px}.planner-body select{width:100%;height:48px;border:1px solid #d6d8ce;background:#f9faf6;border-radius:7px;padding:5px 12px;font-size:16px;color:var(--m-ink)}.calendar-top{display:flex;align-items:center;justify-content:space-between;gap:8px;margin-top:24px;margin-bottom:16px;font-size:16px}.calendar-top strong{font-weight:500;text-align:center}.calendar-top button{font-size:16px;min-height:44px;background:transparent;border:0;padding:4px 7px;color:var(--m-muted)}.calendar-weekdays,.calendar-days{display:grid;grid-template-columns:repeat(7,minmax(0,1fr));gap:3px}.calendar-weekdays{margin-bottom:5px;font-size:16px;color:var(--m-muted);text-align:center}.calendar-days button{height:44px;min-width:0;border:1px solid transparent;background:transparent;border-radius:7px;font-size:16px;padding:0;color:var(--m-ink)}.calendar-days button:hover{background:#f0f0e9}.calendar-days button[aria-disabled="true"]{color:#999b91;background:#f9f9f5}.calendar-days button.is-today{border-color:#c3c8b8}.calendar-days button[aria-pressed="true"]{background:var(--m-red);color:#fff}.calendar-days .is-shaking{animation:shake .35s ease}.calendar-status{font-size:16px;margin-top:16px!important;min-height:26px}.calendar-confirm{width:100%;margin-top:10px}.calendar-confirm:disabled{background:#e9eae3;border-color:#e9eae3;color:#686c60;transform:none}.calendar-note{font-size:16px;line-height:1.6;color:var(--m-muted);margin-top:18px!important}.calendar-ticket{padding:42px 30px;text-align:center;animation:ticket-in .6s cubic-bezier(.2,.8,.2,1);min-height:590px;display:flex;flex-direction:column;align-items:center;justify-content:center;background:radial-gradient(circle at 0 68%,#efefe7 0 10px,transparent 11px),radial-gradient(circle at 100% 68%,#efefe7 0 10px,transparent 11px)}.ticket-icon{width:70px;height:70px;border-radius:50%;background:#eff2e9;display:grid;place-items:center;color:#5c714a;margin-bottom:24px}.calendar-ticket h3{font-size:34px;font-weight:500;line-height:1.2;letter-spacing:-.035em;margin:15px 0}.calendar-ticket p{font-size:16px;color:var(--m-muted);margin-bottom:24px}.calendar-ticket>p:first-of-type{font-size:20px;color:var(--m-ink)}.calendar-ticket .text-control{margin-top:15px}@keyframes shake{25%,75%{transform:translateX(-5px)}50%{transform:translateX(5px)}}@keyframes ticket-in{from{opacity:0;transform:translateY(25px) rotateX(-10deg)}to{opacity:1;transform:none}}
/* Kleiner Helfer mit echten, fokussierbaren Kontakthandlungen. */
.little-helper{position:fixed;bottom:22px;right:25px;z-index:65}.helper-button{position:relative;width:68px;height:76px;background:transparent;border:0;padding:0;filter:drop-shadow(0 5px 8px #0002);transform-origin:50% 100%}.helper-body{display:block;width:58px;height:63px;border-radius:21px 21px 19px 19px;background:var(--m-bright);position:absolute;bottom:0;left:2px;border:1px solid #b1322e}.helper-body:before{content:"";position:absolute;left:23px;top:-11px;width:10px;height:12px;background:var(--m-red);border-radius:3px 3px 0 0}.helper-eyes{position:absolute;top:15px;left:10px;display:flex;gap:4px}.helper-eyes>i{width:16px;height:20px;background:#fffef7;border-radius:50%;display:grid;place-items:center}.helper-eyes b{display:block;width:6px;height:8px;background:#292d26;border-radius:50%;transform:translate(var(--eye-x,0px),var(--eye-y,0px))}.helper-smile{position:absolute;width:13px;height:7px;border-bottom:2px solid #772d27;border-radius:50%;top:40px;left:22px}.helper-arm{position:absolute;right:0;bottom:19px;width:10px;height:27px;border-radius:10px;background:var(--m-bright);transform-origin:50% 100%;transform:rotate(30deg);animation:wave 6s ease infinite}
/* Footerlogo wird aus dem gelieferten Original gesampelt. */
.m-footer{background:#252a26;color:#f4f5ed;padding:90px 0 22px}.footer-top{display:flex;justify-content:space-between;gap:50px}.m-footer .kicker{color:#bdc5b6;margin-bottom:20px}.m-footer h2{font-size:clamp(46px,6vw,78px)}.footer-call{font-size:24px;display:inline-block;margin-top:25px;text-decoration:none}.footer-columns{display:flex;gap:90px;padding-top:10px;font-size:16px}.footer-columns address{font-style:normal;display:flex;flex-direction:column;gap:4px;color:#c8cfc1}.footer-columns address strong{color:#fff;font-weight:500;margin-bottom:9px}.footer-columns address a{margin-top:15px;text-underline-offset:4px}.footer-columns nav{display:flex;flex-direction:column;gap:10px}.footer-columns nav a{text-decoration:none;min-height:32px}.footer-particle-logo{position:relative;height:clamp(200px,28vw,370px);width:100%;margin:65px auto 40px}.footer-particle-logo img{width:100%;height:100%;object-fit:contain}.footer-particle-logo canvas{position:absolute;inset:0;width:100%;height:100%}.footer-particle-logo.canvas-ready img{opacity:0}.footer-bottom-line{border-top:1px solid #4c5549;padding-top:22px;display:flex;justify-content:space-between;align-items:center;gap:20px;font-size:16px;color:#c3cbbd}.footer-bottom-line nav{display:flex;gap:24px}.footer-bottom-line a{text-decoration:none;min-height:44px;display:flex;align-items:center}
/* Bewegung bleibt abschaltbar; alle Inhalte funktionieren auch ohne Effekte. */
.motion-paused *,.motion-paused *:before,.motion-paused *:after{animation-play-state:paused!important}.motion-paused .hero-window,.motion-paused .hero-copy,.motion-paused .gallery-feature,.motion-paused .gallery-column{will-change:auto}.design-motion.motion-paused .project-card,.design-motion.motion-paused .hero-slide,.design-motion.motion-paused .voice-slide{transition:none;animation:none}
@media(min-width:1700px){.hero-copy{top:18%}.hero-window{top:67%}}
@media(max-width:1100px){.design-motion .m-wrap{width:calc(100% - 72px)}.m-header{width:calc(100% - 40px)}.m-nav{gap:22px}.hero-copy h1{font-size:9.3vw}.hero-window{width:calc(100% - 100px)}.voices-layout{gap:45px}.contact-planner-layout{gap:60px}.footer-columns{gap:40px}.editor-section{gap:7%;grid-template-columns:.8fr 1.7fr}.motion-service-card{flex-basis:65%}}
@media(max-width:760px){.design-motion .m-wrap{width:calc(100% - 40px)}.design-motion .m-section{padding-block:75px}.m-header{height:76px;top:10px;width:calc(100% - 24px);padding:10px 15px;gap:10px;border-radius:11px}.m-header.is-scrolled{height:68px;top:8px}.m-brand img{width:100px;height:43px}.m-nav{display:none;position:absolute;top:calc(100% + 8px);left:0;right:0;padding:15px 20px;flex-direction:column;gap:2px;background:#fafaf7;border:1px solid var(--m-line);border-radius:11px;box-shadow:0 15px 30px #24252315}.m-nav.is-open{display:flex}.m-header-actions{gap:4px}.m-menu{display:block}.m-phone{padding:8px 10px;font-size:16px}.hero-scene{height:220svh;min-height:1400px}.hero-sticky{min-height:650px}.hero-copy{top:20%;width:calc(100% - 38px)}.hero-kicker{font-size:16px!important;max-width:290px;margin-inline:auto;margin-bottom:22px;line-height:1.5}.hero-copy h1{font-size:clamp(44px,9.7vw,70px);line-height:1.04}.hero-copy p{max-width:360px;margin-top:21px;font-size:18px;padding-inline:4px}.hero-copy .m-button{margin-top:0}.hero-window{width:calc(100% - 42px);height:53svh;min-height:340px;top:70%;border-radius:11px;transform:translateX(-50%) translateY(70px) rotateX(10deg) rotateZ(-5deg) scale(.92)}.window-bar{height:42px;padding:0 12px;font-size:16px;gap:8px}.window-local{display:none}.window-lights{gap:4px}.window-lights i{width:6px;height:6px}.scene-images{height:calc(100% - 42px);border-radius:0 0 10px 10px}.hero-slide[data-hero-slide="0"] img{object-position:59% 40%}.scene-caption{bottom:15px;left:15px;max-width:calc(100% - 30px);padding:14px 15px}.scene-caption strong{font-size:22px}.scene-caption>span{font-size:16px;max-width:250px}.scene-tabs{gap:14px;bottom:26px}.scene-tabs button{font-size:16px}.hero-scroll-hint{display:none}.editor-section{padding-block:80px 90px;grid-template-columns:1fr;gap:30px}.editor-intro{display:flex;gap:24px;flex-direction:column}.editor-intro .kicker{margin-bottom:0}.editor-intro p{max-width:400px}.editor-canvas{margin:0 8px 0 12px;padding-top:18px}.design-motion .section-lead{display:block;margin-bottom:30px}.design-motion .section-lead>p{margin-top:24px}.design-motion h2{font-size:clamp(36px,8vw,52px);letter-spacing:-.05em}.design-motion .section-lead .kicker{margin-bottom:20px}.service-controls{align-items:flex-start;gap:10px;flex-direction:column}.service-tabs{gap:23px;width:100%;justify-content:space-between}.service-tabs button{font-size:16px}.carousel-nav{align-self:flex-end;gap:6px}.carousel-nav .text-control{padding:4px 8px}.motion-service-card{flex-basis:89%;min-width:0}.services-track{gap:14px}.service-card-copy{padding:23px 22px}.service-card-copy h3{font-size:27px}.folder-stage{height:400px;margin-top:35px}.folder-back{width:min(280px,85%);height:230px;bottom:38px}.folder-back:before{height:25px;top:-25px;width:110px}.folder-back>span{padding:18px}.folder-front{width:min(300px,90%);height:160px;padding:24px;bottom:18px}.folder-front>span:first-child{font-size:23px}.folder-front .folder-count{font-size:16px;line-height:1.4;margin-top:5px}.folder-stage.is-open .folder-front{height:100px}.project-card{width:174px;height:260px;bottom:75px}.project-card picture{height:177px}.project-card strong{font-size:16px}.project-card>span>span{font-size:16px}.folder-controls{gap:4px;flex-wrap:wrap;justify-content:space-between;margin-bottom:25px}.folder-controls p{order:-1;flex-basis:100%;min-width:0;margin-bottom:10px}.folder-controls button{font-size:16px;padding:8px 0}.gallery-section{padding-top:65px}.gallery-heading{margin-bottom:25px}.gallery-heading h2{max-width:320px}.gallery-scroll{height:145svh;min-height:950px}.gallery-sticky{min-height:600px}.gallery-columns{width:calc(100% - 24px);grid-template-columns:1fr 1.3fr 1fr;gap:10px}.gallery-column{gap:10px}.gallery-column picture{height:270px;border-radius:7px}.gallery-feature picture{height:230px}.column-center>picture{height:230px}.marquee-section{padding:22px 0}.marquee-track>div{gap:24px;padding-right:24px}.marquee-track span{font-size:30px}.voices-layout{grid-template-columns:1fr;gap:40px}.voice-stage{min-height:290px;margin-top:30px}.voice-slide blockquote,.voice-statement{font-size:25px}.film-launch{height:370px}.film-label{font-size:22px}.contact-planner-layout{grid-template-columns:1fr;gap:50px}.planner-copy h2{font-size:60px}.planner-copy>p{max-width:400px}.request-planner{transform:perspective(1000px) rotateY(-3deg)}.planner-heading{padding:19px;font-size:16px;gap:7px}.planner-heading>span:last-child{font-size:16px}.planner-body{padding:20px}.calendar-top{gap:5px}.calendar-top button{padding:3px;font-size:16px}.calendar-days button{height:44px}.calendar-ticket{padding-inline:24px}.m-footer{padding-top:65px}.footer-top{display:block}.footer-columns{margin-top:40px;padding-top:0;gap:35px;justify-content:space-between;flex-wrap:wrap}.footer-call{font-size:27px}.footer-particle-logo{height:170px;margin:45px auto 25px}.footer-bottom-line{align-items:flex-start;flex-direction:column;gap:10px;padding-right:50px}.footer-bottom-line>span:nth-child(2){display:none}.footer-bottom-line nav{gap:23px}.little-helper{bottom:14px;right:14px}.helper-button{transform:scale(.88);transform-origin:100% 100%}.film-dialog{padding:15px}.film-dialog h2{font-size:22px;line-height:1.2}.film-dialog-top{gap:10px}.film-dialog-top button{padding:6px 9px}.motion-subpage main{padding-top:108px}}
@media(max-width:380px){.m-header{padding-inline:10px}.m-brand img{width:86px}.m-phone{padding-inline:6px;font-size:16px;border:0}.m-header-actions{gap:0}.m-menu{padding-inline:8px}.hero-copy h1{font-size:44px}.hero-copy{top:18%}.hero-copy p{font-size:18px;line-height:1.5}.hero-kicker{max-width:260px}.hero-window{top:74%}.scene-tabs{gap:9px;width:calc(100% - 40px)}.scene-tabs button{font-size:16px}.planner-body{padding:16px}.planner-heading{padding:16px;flex-wrap:wrap}.planner-heading>span:last-child{flex-basis:100%;margin-left:17px}.calendar-top{flex-wrap:wrap}.calendar-top strong{order:-1;width:100%;margin-bottom:7px}.calendar-weekdays,.calendar-days{gap:0}.service-tabs{gap:14px}.service-tabs button{font-size:16px}.folder-controls button{font-size:16px}}
@media(prefers-reduced-motion:reduce){.design-motion *,.design-motion *:before,.design-motion *:after{animation:none!important;transition:none!important;scroll-behavior:auto!important}.hero-scene{height:auto;min-height:0}.hero-sticky{position:relative;height:auto;min-height:0;padding:145px 0 60px;overflow:visible}.hero-copy{position:relative;top:auto;left:auto;transform:none!important;opacity:1!important;margin-inline:auto}.hero-window{position:relative;top:auto!important;left:auto;transform:none!important;margin:45px auto 0;height:450px;min-height:350px}.scene-tabs{position:relative;bottom:auto;left:auto;transform:none;margin:25px auto 0;opacity:1!important;pointer-events:auto}.hero-scroll-hint{display:none}.gallery-scroll{height:auto;min-height:0;padding-bottom:45px}.gallery-sticky{position:relative;height:auto;min-height:0}.gallery-column{transform:none!important;opacity:1!important}.gallery-feature{transform:none!important}.little-helper .helper-button{animation:none}.marquee-track{animation:none}.marquee-track>div:first-child{display:none}.marquee-track>div{flex-wrap:wrap;width:100vw;padding-inline:20px;gap:15px}.marquee-track span{font-size:24px}}

/* Ohne JavaScript bleiben Navigation und Fotografien zugänglich. */
@media(max-width:760px){html:not(.motion-ready) .m-nav{position:static;display:flex;flex-direction:row;flex-wrap:wrap;border:0;padding:0;box-shadow:none}html:not(.motion-ready) .m-header{position:relative;left:auto;transform:none;flex-wrap:wrap;height:auto;margin:12px auto}html:not(.motion-ready) .m-menu{display:none}}
.motion-paused .hero-scene{height:auto;min-height:0}.motion-paused .hero-sticky{position:relative;height:auto;min-height:0;padding:145px 0 60px}.motion-paused .hero-copy{position:relative;top:auto;left:auto;transform:none!important;opacity:1!important;visibility:visible!important;margin-inline:auto}.motion-paused .hero-window{position:relative;top:auto!important;left:auto;transform:none!important;margin:45px auto 0;height:450px;min-height:350px}.motion-paused .scene-tabs{position:relative;bottom:auto;left:auto;transform:none;margin:25px auto 0;opacity:1!important;pointer-events:auto}.motion-paused .hero-scroll-hint{display:none}.motion-paused .gallery-scroll{height:auto;min-height:0;padding-bottom:45px}.motion-paused .gallery-sticky{position:relative;height:auto;min-height:0}.motion-paused .gallery-column{transform:none!important;opacity:1!important}.motion-paused .gallery-feature{transform:none!important}.motion-paused .hero-sticky{overflow:visible}.film-is-open{overflow:hidden}.footer-motion-toggle{border:1px solid #67725f;background:transparent;color:#e4e9db;padding:9px 14px;min-height:44px;font-size:16px;border-radius:6px;margin-top:20px;margin-bottom:20px}

@media(max-width:760px){.folder-stage{overflow:clip}.m-header-actions{flex-shrink:0}}

/* Überarbeitung nach Rückmeldung: Bilder und Funktionen verständlich zeigen. */
.hero-window{display:grid;grid-template-rows:48px minmax(0,1fr) 64px;overflow:hidden}
.scene-images{height:auto;min-height:0;border-radius:0}
.hero-slide picture,.hero-slide img{width:100%;height:100%;object-fit:cover;object-position:50% 0}
.hero-slide[data-hero-slide="0"] img,.hero-slide[data-hero-slide="1"] img,.hero-slide[data-hero-slide="2"] img{object-position:50% 0}
/* Das Hochformat bekommt einen eigenen Bildbereich, damit der ganze Kopf Platz hat. */
.hero-slide[data-hero-slide="1"]{background:#e5e9df}
.hero-slide[data-hero-slide="1"] picture{position:absolute;left:48%;top:0;width:52%;height:100%;overflow:hidden}
.hero-slide[data-hero-slide="1"] .scene-caption{left:0;bottom:0;top:0;width:48%;max-width:none;border:0;border-radius:0;background:#eef0e7;backdrop-filter:none;padding:32px;display:flex;flex-direction:column;justify-content:center}
.hero-slide[data-hero-slide="1"] .scene-caption strong{font-size:clamp(26px,3vw,38px);line-height:1.12}
.hero-slide[data-hero-slide="1"] .scene-caption>span{margin-top:18px;max-width:260px;line-height:1.65}
.hero-services{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));height:64px;background:#fff;border-top:1px solid #d9ddd1}
.hero-services a{display:flex;align-items:center;justify-content:center;gap:10px;min-width:0;min-height:44px;font-size:16px;font-weight:500;text-align:center;text-decoration:none;color:#242523;padding:6px 8px}
.hero-services a+a{border-left:1px solid #d9ddd1}.hero-services svg{color:#242523}.hero-services a:hover,.hero-services a:focus-visible{background:#eef0e7;color:#8e2622}.hero-services a:hover svg{color:#8e2622}
.service-card-copy{padding:34px;min-height:360px}.service-card-copy h3{font-size:32px;padding-right:48px}.service-symbol{top:31px;right:28px;width:46px;height:46px;border-radius:50%;background:#eceee5;display:grid;place-items:center;color:#33392d}.service-symbol svg{width:26px;height:26px}
.motion-service-facts{display:flex;flex-direction:column;gap:6px;margin:0 0 24px;padding-left:20px;font-size:18px;line-height:1.6;color:#4d5347}.service-card-copy>p{margin-bottom:20px}.service-card-copy>a{font-weight:500;color:#8e2622}
.editor-canvas{padding-bottom:0}.editor-canvas h2 span{white-space:normal}
.process-section{background:#272b28;color:#f8f8f2}.process-section .kicker{color:#c7d0bf}.process-section .section-lead{align-items:center}.process-section .section-lead h2{font-size:clamp(36px,4vw,56px)}.process-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:40px;margin-top:60px}.process-grid article{border-top:1px solid #6f7c65;padding-top:24px}.process-grid h3{font-size:26px;font-weight:500;letter-spacing:-.025em;line-height:1.25;margin-bottom:17px}.process-grid p{font-size:18px;color:#d1d8c9;line-height:1.7}
.project-card img,.gallery-column img{object-position:50% 0}
/* Drei echte Kontaktaktionen mit Text und hohem Kontrast. */
.motion-contactbar{position:fixed;z-index:70;bottom:16px;left:50%;transform:translateX(-50%);display:grid;grid-template-columns:repeat(3,minmax(0,1fr));width:min(510px,calc(100% - 180px));padding:6px;background:#fff;border:1px solid #b7bcae;border-radius:12px;box-shadow:0 8px 30px #17200f26}
.motion-contactbar a{display:flex;align-items:center;justify-content:center;gap:10px;min-height:48px;padding:8px 14px;border-radius:7px;font-size:16px;line-height:1.3;text-decoration:none;font-weight:500;color:#242523;background:#fff}.motion-contactbar a:hover{background:#edf0e5;color:#242523}.motion-contactbar .contactbar-primary{background:#b1322e;color:#fff}.motion-contactbar .contactbar-primary:hover{background:#8e2622;color:#fff}.motion-contactbar svg{width:22px;height:22px;stroke-width:2}
.m-footer{padding-bottom:125px}.footer-bottom-line{padding-right:90px}
/* Der Helfer ist ein beschrifteter Link nach oben und blinkt oder hüpft nicht. */
.little-helper{right:20px;bottom:100px}.helper-button{display:flex;flex-direction:column;align-items:center;gap:6px;width:84px;height:96px;text-decoration:none;filter:none;transform:none}.helper-body{position:relative;left:auto;bottom:auto;flex-shrink:0;border-color:#8e2622}.helper-arm{right:7px;top:27px;bottom:auto;animation:none;transform:rotate(30deg)}.helper-label{display:block;background:#fff;color:#242523;border:1px solid #c9cdbf;border-radius:5px;font-size:16px;font-weight:500;line-height:1.25;padding:4px 6px;white-space:nowrap}.helper-button:hover .helper-label{border-color:#8e2622;color:#8e2622}.helper-button:hover .helper-body{background:#c53b35}
@media(max-width:1000px){.hero-slide[data-hero-slide="1"] .scene-caption{padding:24px}.process-grid{gap:26px}.service-card-copy{padding:28px}}
@media(max-width:760px){
 .hero-window{grid-template-rows:42px minmax(0,1fr) 64px;height:60svh;min-height:410px}
 .scene-images{height:auto}.hero-slide[data-hero-slide="0"] img,.hero-slide[data-hero-slide="1"] img,.hero-slide[data-hero-slide="2"] img{object-position:50% 0}
 .hero-slide[data-hero-slide="1"] picture{left:0;width:100%}.hero-slide[data-hero-slide="1"] .scene-caption{left:14px;right:14px;top:auto;bottom:14px;width:auto;max-width:calc(100% - 28px);padding:12px 14px;background:#fafaf7f5;border:1px solid #fff8;border-radius:8px}
 .hero-slide[data-hero-slide="1"] .scene-caption strong{font-size:22px;line-height:1.2}.hero-slide[data-hero-slide="1"] .scene-caption>span{margin-top:5px;line-height:1.45;max-width:none}
 .scene-caption{left:14px;bottom:14px;padding:12px 14px}.hero-services a{gap:5px;padding:5px 3px;font-size:16px;line-height:1.2}.hero-services svg{width:20px;height:20px}.hero-services a:last-child span{max-width:75px}
 .service-card-copy{min-height:400px;padding:26px 24px}.service-card-copy h3{font-size:28px}.service-symbol{right:20px;top:22px;width:40px;height:40px}.motion-service-facts{font-size:18px}.editor-canvas{padding-bottom:0}
 .process-section .section-lead h2{font-size:38px}.process-section .section-lead .m-button{margin-top:25px}.process-grid{grid-template-columns:1fr;gap:28px;margin-top:35px}.process-grid h3{font-size:25px;margin-bottom:12px}
 .motion-contactbar{bottom:0;left:0;transform:none;width:100%;padding:7px 10px calc(7px + env(safe-area-inset-bottom));border-radius:0;border:0;border-top:1px solid #b7bcae;box-shadow:0 -5px 24px #17200f14}.motion-contactbar a{min-height:52px;padding:6px 8px;gap:7px}.motion-contactbar svg{width:20px;height:20px}
 .little-helper{bottom:calc(82px + env(safe-area-inset-bottom));right:11px}.helper-button{height:92px;width:78px;transform:none}.helper-body{width:58px;height:63px}.helper-label{font-size:16px}.helper-arm{right:5px}
 .footer-bottom-line{padding-right:86px}.m-footer{padding-bottom:125px}
}
@media(max-width:380px){.motion-contactbar a{font-size:16px;padding:6px 4px;gap:5px}.motion-contactbar svg{width:18px;height:18px}.hero-services a{flex-direction:column;gap:3px;padding:4px 2px}.hero-services svg{width:18px;height:18px}.hero-services a:last-child span{max-width:none;font-size:16px}.hero-window{min-height:410px}.service-card-copy h3{font-size:26px}.service-card-copy{padding:24px 20px}.process-section .section-lead h2{font-size:34px}.helper-button{width:78px}}

.scene-tabs{bottom:110px}@media(max-width:760px){.scene-tabs{bottom:100px}}