/* Cinematic gallery direction: navy space, champagne gold and tactile game worlds. */
:root{--scene:#06121c;--scene-ink:#edf0ed;--scene-muted:#bac8cf;--scene-line:#cba45f42}
body{background:var(--scene)}h1,h2,.hero-copy h1{font-weight:400;letter-spacing:-.045em}h3{font-weight:500}h1 em,h2 em{font-weight:400}.kicker,.section-number,.nav a,.btn,.ft-h{font-family:ui-monospace,SFMono-Regular,Consolas,monospace;letter-spacing:.07em}.kicker{font-size:13px}.btn{border-radius:2px;box-shadow:none;padding:18px 25px;font-size:14px;font-weight:400}.btn--gold{background:#cba45f;color:#09131d}.btn--gold:hover{background:#e3c58f;box-shadow:0 0 30px #cba45f20}.btn--ghost{background:#0b1a2499;border-color:#d9d5c180}.btn--ghost:hover{background:#cba45f15}.txtlink{border-radius:2px;box-shadow:none}.hdr{background:#06111be8;backdrop-filter:blur(18px);border-bottom:1px solid #b9b6a52b}.nav a{font-size:13px;font-weight:400}.nav .btn{border-radius:2px;background:#cba45f15}.brand-name{font-weight:500}.motion-progress{height:2px;position:fixed;top:83px;left:0;width:100%;z-index:100;transform-origin:left;transform:scaleX(var(--page-progress,0));background:linear-gradient(90deg,#a78042,#edd7ac);pointer-events:none}
.strategy-hero{min-height:900px;min-height:max(900px,100svh);padding:170px 0 105px;display:flex;align-items:center;position:relative;background:#06121c;overflow:hidden;isolation:isolate}.strategy-hero::before{display:none}.scene-art{position:absolute;inset:-4%;z-index:-3;overflow:hidden;pointer-events:none;will-change:transform;transform:translate3d(var(--scene-x,0px),var(--scene-y,0px),0) scale(1.04)}.scene-art img{width:100%;height:100%;object-fit:cover;object-position:center;display:block}.strategy-hero::after{content:'';position:absolute;inset:0;z-index:-1;background:linear-gradient(90deg,#05111df2 0%,#06121cb8 34%,#06121c10 70%),linear-gradient(0deg,#06121c 0%,transparent 25%,transparent 78%,#06121c55);pointer-events:none}.hero-grid{display:block;width:100%;z-index:1}.hero-copy{max-width:740px}.hero-copy .kicker{border:0;border-radius:0;background:none;padding:0;font-size:13px;letter-spacing:.13em;display:flex;align-items:center;gap:16px}.hero-copy .kicker::before{content:'';height:1px;width:44px;background:var(--gold);flex-shrink:0}.hero-copy h1{font-size:clamp(62px,6.7vw,96px);line-height:1.03;font-weight:400;letter-spacing:-.048em;margin:33px 0 27px}.hero-line{display:block;width:fit-content;position:relative}.hero-copy h1 .g{font-size:inherit;font-weight:400;font-style:normal;color:#e7c887;background:none;position:relative;display:inline-block}.hero-copy h1 .g::after{content:'';position:absolute;left:0;bottom:-9px;width:42%;height:1px;background:linear-gradient(90deg,#e7c887,transparent);transform-origin:left}.hero-copy .lead{max-width:565px;font-size:17px;line-height:1.7;color:#cbd5dc;margin-top:37px}.hero-cta{margin-top:29px;gap:15px}.hero-cta .btn{padding:17px 23px;font-weight:400}.hero-trust{font-size:13px!important;max-width:570px;margin-top:24px;color:#b7c6cf!important}.scene-caption{position:absolute;right:max(32px,calc((100vw - 1180px)/2));bottom:40px;text-align:right;max-width:230px;color:#c9d1cf;font:12px/1.6 ui-monospace,monospace;letter-spacing:.08em}.scene-caption span{display:block;color:var(--gold-light);margin-bottom:7px}.scroll-cue{position:absolute;left:max(32px,calc((100vw - 1180px)/2));bottom:32px;display:flex;align-items:center;gap:14px;color:#b5c3cb;font:12px/1.5 ui-monospace,monospace;letter-spacing:.1em}.scroll-cue i{display:block;position:relative;width:1px;height:40px;background:#cba45f44;overflow:hidden}.scroll-cue i::after{content:'';position:absolute;inset:0;background:var(--gold);transform:translateY(-100%)}.scene-dust{position:absolute;inset:0;pointer-events:none;z-index:-2;background-image:radial-gradient(circle at 72% 25%,#e7c887aa 0 1px,transparent 2px),radial-gradient(circle at 85% 53%,#e7c88788 0 1px,transparent 2px),radial-gradient(circle at 52% 67%,#e7c88788 0 1px,transparent 2px),radial-gradient(circle at 62% 17%,#e7c88777 0 1px,transparent 2px),radial-gradient(circle at 89% 78%,#e7c88755 0 1px,transparent 2px)}
#ueber-mich{background:radial-gradient(ellipse at 15% 40%,#142d3e,#07141f 65%);color:#f0f1ed;border-top:1px solid #2c3f4b;border-bottom:1px solid #2c3f4b}.about-grid{grid-template-columns:.85fr 1.15fr;gap:80px;align-items:center}.about-grid figure{background:#071522;border:0;box-shadow:none;border-radius:2px;overflow:hidden;position:relative}.about-grid figure::after{content:'';position:absolute;inset:0;pointer-events:none;background:linear-gradient(0deg,#07141f88,transparent 30%);border:1px solid #cba45f33}.about-grid img{max-height:640px;object-position:center 25%;filter:saturate(.85);transition:transform 1s}.about-grid h2{font-size:clamp(38px,4vw,58px);font-weight:400;line-height:1.12}.about-grid p{color:#c2ced5}.about-grid .kicker{color:var(--gold-light)}.about-grid .txtlink{color:var(--gold-light);border-color:#cba45f77}.about-grid .txtlink:hover{background:#cba45f16}
.motion-control{position:fixed;right:20px;bottom:20px;z-index:85;display:flex;align-items:center;gap:9px;padding:11px 14px;border:1px solid #cba45f66;border-radius:2px;background:#07141ff2;color:#dfd4bc;font:12px/1.4 ui-monospace,monospace;cursor:pointer;backdrop-filter:blur(10px)}.motion-control[hidden]{display:none}.motion-control:hover{border-color:#e7c887}.motion-icon{width:12px;height:12px;display:block;border-left:2px solid currentColor;border-right:2px solid currentColor}.motion-control[aria-pressed=true] .motion-icon{width:0;height:0;border:6px solid transparent;border-left:9px solid currentColor;border-right:0}.motion-control:focus-visible{outline:2px solid var(--gold-light);outline-offset:4px}
@media(min-width:1600px){.strategy-hero{min-height:980px}.hero-copy{max-width:850px}.hero-copy h1{font-size:108px}}
@media(max-width:1100px){.strategy-hero{min-height:900px}.hero-copy{max-width:690px}.hero-copy h1{font-size:76px}.hero-copy .lead{max-width:520px}.scene-art img{object-position:60% center}.about-grid{gap:44px}}
@media(max-width:767px){.strategy-hero{padding:135px 0 90px;min-height:1050px;align-items:start}.hero-copy{max-width:none}.hero-copy h1{font-size:clamp(43px,8.8vw,66px);margin-top:27px;line-height:1.07}.hero-copy .kicker{font-size:12px;gap:12px;line-height:1.6}.hero-copy .kicker::before{width:24px}.hero-copy .lead{font-size:16px;max-width:95%;margin-top:30px}.hero-cta{flex-direction:row;flex-wrap:wrap}.hero-cta .btn{font-size:13px;padding:16px 20px}.hero-trust{max-width:88%;font-size:13px!important}.scene-art{inset:0;transform:none}.scene-art img{object-position:72% bottom;object-fit:cover}.strategy-hero::after{background:linear-gradient(180deg,#06121ce8 0%,#06121cca 45%,#06121c44 69%,#06121c22 82%,#06121c 100%)}.scene-caption{bottom:35px;right:22px;font-size:11px;max-width:190px}.scroll-cue{left:22px;bottom:32px;font-size:11px}.about-grid{grid-template-columns:1fr;gap:35px}.about-grid figure{max-width:440px;width:100%;margin:auto}.about-grid img{max-height:550px}.about-grid h2{font-size:38px}.motion-control{font-size:11px;padding:10px;right:12px;bottom:12px}}
@media(max-width:400px){.hero-copy h1{font-size:40px}.hero-cta{flex-direction:column;align-items:stretch}.hero-cta .btn{width:100%}.strategy-hero{min-height:1100px}.hero-copy .lead{max-width:100%}.scene-caption{max-width:145px}}
.motion-on .scene-art.is-active img{animation:scene-breathe 20s ease-in-out infinite alternate}.motion-on .scene-dust{animation:dust-drift 13s ease-in-out infinite alternate}.motion-on .scroll-cue i::after{animation:scroll-signal 2.8s ease-in-out infinite}.motion-on .hero-line{animation:hero-enter 1.1s cubic-bezier(.2,.7,.2,1) both}.motion-on .hero-line:nth-child(2){animation-delay:.12s}.motion-on .hero-copy h1 .g{animation:hero-enter 1.2s .24s both}.motion-on .hero-copy h1 .g::after{animation:line-enter 1.4s .55s both}.motion-on [data-reveal]{transition:opacity .9s var(--reveal-delay,0ms),translate .9s cubic-bezier(.2,.7,.2,1) var(--reveal-delay,0ms)}.motion-on [data-reveal]:not(.is-visible){opacity:0;translate:0 32px}.motion-on [data-reveal].is-visible{opacity:1;translate:0 0}.motion-on .tilt-surface{transform:perspective(1200px) rotateX(var(--tilt-x,0deg)) rotateY(var(--tilt-y,0deg));transition:transform .35s ease,border-color .3s,opacity .9s,translate .9s}.motion-on .tilt-surface:hover{border-color:#cba45faa}.motion-on .tilt-surface::after{content:'';position:absolute;inset:0;border-radius:inherit;background:radial-gradient(350px circle at var(--glow-x,50%) var(--glow-y,50%),#e7c88712,transparent);opacity:0;transition:opacity .5s;pointer-events:none}.motion-on .tilt-surface:hover::after{opacity:1}.motion-on .about-grid figure:hover img{transform:scale(1.035)}.motion-suspended *,.motion-suspended *::after{animation-play-state:paused!important}
@keyframes scene-breathe{from{transform:scale(1)}to{transform:scale(1.055) translate3d(-.5%,.3%,0)}}@keyframes dust-drift{from{translate:0 0;opacity:.3}to{translate:-16px -26px;opacity:.85}}@keyframes scroll-signal{0%{transform:translateY(-100%)}65%,100%{transform:translateY(100%)}}@keyframes hero-enter{from{opacity:0;translate:0 25px;filter:blur(5px)}to{opacity:1;translate:0 0;filter:blur(0)}}@keyframes line-enter{from{transform:scaleX(0)}to{transform:scaleX(1)}}
@media(hover:none){.motion-on .tilt-surface{transform:none}.motion-on .scene-art{transform:none}}
/* The remaining page is a sequence of quiet galleries and a second rendered world. */
.sec{padding:112px 0}.section-intro h2,.project-grid h2,.quiz-layout h2,.faq-section h2{font-size:clamp(36px,4.2vw,60px);font-weight:400;line-height:1.12}.section-intro{max-width:880px}.section-intro p{max-width:66ch}.section-intro .kicker{margin-bottom:3px}.occasion-grid{gap:0;border-top:1px solid var(--scene-line);border-bottom:1px solid var(--scene-line)}.occasion{position:relative;border:0;border-right:1px solid var(--scene-line);border-radius:0;background:linear-gradient(160deg,#142c3944,transparent);box-shadow:none;padding:38px 34px}.occasion:last-child{border-right:0}.occasion:hover{transform:none}.occasion-icon{border:0;border-radius:0;background:none;width:40px;height:40px;margin-bottom:28px;justify-content:start}.occasion-icon svg{width:33px;height:33px;stroke-width:1.2}.occasion h3{font-size:28px;font-weight:400;line-height:1.22}.occasion .section-number{font-size:12px}.occasion p{color:#b8c9d1}.occasion .section-number::after{content:'';display:block;width:30px;height:1px;background:var(--gold);margin-top:17px;transition:width .6s}.motion-on .occasion:hover .section-number::after{width:85px}#anlaesse{background:linear-gradient(#06121c,#0a1b27)}#anlaesse .section-note{margin-top:38px;font-size:16px}
#projekte{background:#07151f}.project-grid{grid-template-columns:.85fr 1.15fr;gap:68px}.project-grid figure{position:relative;padding:0;border:0;border-radius:2px;background:transparent;box-shadow:none}.project-grid img{border-radius:2px;aspect-ratio:1.12}.project-grid figcaption{padding:0;font-size:13px;margin-top:18px}.project-grid h3{font-size:23px;font-weight:400;line-height:1.3}.project-grid .role-note{font-size:15px!important}.project-grid .caption{font-size:13px!important}
#ablauf{position:relative;isolation:isolate;overflow:hidden;background:#06121c;padding:105px 0 265px;min-height:1100px;border-top:1px solid var(--scene-line)}#ablauf .scene-art{z-index:-3;inset:-5%}#ablauf .scene-art img{object-position:center bottom}#ablauf::before{content:'';position:absolute;inset:0;z-index:-1;pointer-events:none;background:linear-gradient(180deg,#06121cf0,#06121cba 40%,#06121c70 66%,#06121c08 89%,#06121c)}#ablauf .container{position:relative}.process-grid{max-width:875px;grid-template-columns:1fr 1fr;gap:36px 55px;position:relative;margin-top:55px}.process-grid::before{content:'';position:absolute;left:0;right:0;top:-25px;height:1px;background:#cba45f44}.process-grid::after{content:'';position:absolute;left:0;right:0;top:-25px;height:1px;transform-origin:left;transform:scaleX(var(--journey-progress,.1));background:#e7c887;box-shadow:0 0 12px #cba45f44}.process-grid li{display:grid;grid-template-columns:40px 1fr;column-gap:18px;border:0;padding:0}.process-grid .section-number{grid-row:1/3;border:0;background:none;font:400 26px/1 ui-monospace,monospace;align-items:start;padding-top:7px;width:auto;height:auto;justify-content:start}.process-grid h3{font-size:24px;line-height:1.3;margin:0 0 12px;font-weight:400}.process-grid p{font-size:16px;color:#c7d3da;grid-column:2;text-shadow:0 2px 14px #06121c}.scene-footnote{position:absolute;left:max(32px,calc((100vw - 1180px)/2));bottom:36px;color:#c7d3da;font:12px/1.5 ui-monospace,monospace;letter-spacing:.12em}
.packages-section{background:#07151f}.package-grid{gap:24px}.package{border-radius:2px;border-color:#61707477;box-shadow:none;background:linear-gradient(160deg,#18313d70,#0b1d2a 65%)}.package:nth-child(2){box-shadow:none;border-color:#cba45f99}.package-top{background:none;min-height:185px;border-bottom:1px solid #cba45f33}.package-top h3{font-size:40px;font-weight:400;letter-spacing:-.03em}.package-top .section-number{font-size:12px;border-radius:2px;border:0;padding:0}.package-body .btn{font-size:13px;letter-spacing:0}.package-body li::before{content:'·';font-size:22px;top:-4px}.package-body li{border-color:#cba45f22}.concept-note{border-radius:2px;background:#0a1d2a;border-color:#cba45f33;border-left-color:#cba45f88}.concept-note h3{font-weight:400}.package-subtitle{font-size:15px}
#quiz{background:radial-gradient(ellipse at 75% 45%,#21415266,transparent 60%),#081722}.quiz-card{border-radius:2px;background:#08141ddd;box-shadow:none;border-color:#cba45f55}.quiz-card legend{font-weight:400}.quiz-option{border-radius:2px;background:#12263388}.quiz-card h3{font-weight:400}.quiz-card progress{border-radius:0;height:2px}.faq-list details,.faq-list details:last-child{border-radius:2px;background:transparent;border-color:#cba45f33}.faq-list summary{font-weight:400}.faq-section{background:#06131d}.contact-grid h2{font-weight:400;font-size:clamp(38px,4.4vw,62px)}#connect{position:relative;isolation:isolate;background:#091b29;overflow:hidden}#connect::before{content:'';position:absolute;inset:0;z-index:-1;background:linear-gradient(90deg,#07141fe6,#07141feb),url('assets/cinematic-game-world.webp') center/cover no-repeat}.contact-grid .form{border-radius:2px;box-shadow:none;background:#081621ee;border-color:#cba45f44}.field input,.field select,.field textarea{border-radius:2px;background:#112635;border-color:#53646f}.ft{padding-bottom:75px}.ft-bottom{color:#b9c8ce}.post-hero h1,.page-hero h1,.legal h1{font-weight:400}.bcard{box-shadow:none;border-radius:2px}
@media(max-width:1100px){.project-grid{gap:40px}.occasion{padding:28px}.occasion h3{font-size:25px}.package-grid{gap:18px}.package-top{min-height:0}.scene-art img{object-position:65% center}}
@media(max-width:900px){.occasion-grid{border:0;gap:0}.occasion{border-right:0;border-top:1px solid var(--scene-line);display:grid;grid-template-columns:40px 1fr;column-gap:24px}.occasion:last-child{border-bottom:1px solid var(--scene-line)}.occasion-icon{margin-top:0}.occasion .section-number::after{display:none}.occasion h3{margin:14px 0}.project-grid{grid-template-columns:1fr 1fr}.process-grid{max-width:100%;gap:32px}#ablauf{padding-bottom:250px;min-height:1150px}.hero-copy h1{font-size:clamp(56px,8.5vw,74px)}.contact-grid h2{max-width:650px}}
@media(max-width:767px){.sec{padding:72px 0}.hero-copy h1{font-size:clamp(40px,8.7vw,62px)}.section-intro h2,.project-grid h2,.quiz-layout h2,.faq-section h2{font-size:36px;line-height:1.16}.project-grid{grid-template-columns:1fr}.project-grid figure{max-width:none}.project-grid img{aspect-ratio:1.1}.process-grid{grid-template-columns:1fr;gap:30px;margin-top:45px;max-width:550px}.process-grid li{column-gap:14px}.process-grid h3{font-size:23px}.process-grid p{font-size:16px}.process-grid .section-number{font-size:24px}#ablauf{padding:78px 0 260px;min-height:0}#ablauf .scene-art img{object-position:68% bottom}#ablauf::before{background:linear-gradient(180deg,#06121cf2,#06121cd4 47%,#06121c9c 72%,#06121c22 89%,#06121c)}.scene-footnote{left:22px;bottom:30px;font-size:11px}.package-top h3{font-size:38px}.contact-grid h2{font-size:38px}.about-grid h2{font-size:38px}.occasion{padding:28px 8px}.occasion h3{font-size:26px}.package-body .btn{font-size:14px}.package-grid{gap:25px}}
@media(max-width:400px){.hero-copy h1{font-size:clamp(34px,10vw,40px)}.hero-copy .kicker{font-size:11px}.section-intro h2,.project-grid h2,.quiz-layout h2,.faq-section h2{font-size:32px}.contact-grid h2,.about-grid h2{font-size:34px}.occasion{grid-template-columns:32px 1fr;column-gap:17px}.occasion-icon svg{width:28px}.occasion h3{font-size:24px}.process-grid li{grid-template-columns:31px 1fr;gap:0 12px}.process-grid h3{font-size:22px}}
/* Keep the motion control clear of the decorative hero caption. */
.scene-caption{bottom:88px}
@media(max-width:767px){.scene-caption{display:none}}
/* Editorial offer collection: pearl, midnight and champagne. */
#pakete{background:#e5dfd3;color:#172d38;border-top:1px solid #c8bcaa;border-bottom:1px solid #c8bcaa;padding:112px 0 90px}
#pakete .section-intro{max-width:none;display:grid;grid-template-columns:1.1fr .9fr;gap:0 65px;align-items:end;margin-bottom:56px}
#pakete .section-intro .kicker{grid-column:1/-1;color:#765928;margin-bottom:22px}
#pakete .section-intro h2{max-width:600px;margin:0;font-size:clamp(38px,4.3vw,60px);line-height:1.1}
#pakete .section-intro p{color:#445761;font-size:17px;margin:0 0 4px;max-width:43ch}
#pakete .package-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:26px;align-items:stretch}
#pakete .package{--pkg-title:#16313d;--pkg-copy:#445762;--pkg-line:#b1a58b70;--pkg-accent:#806231;position:relative;display:flex;flex-direction:column;border:1px solid #b7ac95;border-radius:3px;background:#f7f4ec;box-shadow:0 18px 38px -26px #1b2b3866;overflow:hidden;color:var(--pkg-title);isolation:isolate}
#pakete .package::before{content:'';position:absolute;inset:7px;border:1px solid var(--pkg-line);z-index:-1;pointer-events:none}
#pakete .package:nth-child(2){--pkg-title:#f2e6d0;--pkg-copy:#c2cdd0;--pkg-line:#c9ab724a;--pkg-accent:#e2c693;background:radial-gradient(ellipse at 90% 0,#26404a55,transparent 60%),#0b202c;border-color:#9d8557;box-shadow:0 24px 46px -24px #13283488}
#pakete .package:nth-child(3){--pkg-title:#2b302b;--pkg-copy:#514f42;--pkg-line:#8f77426b;--pkg-accent:#66501f;background:linear-gradient(115deg,#e8d9b8,#d9c499 80%,#e1cea8);border-color:#a38b58}
#pakete .package-top{position:relative;min-height:270px;padding:39px 32px 29px;background:none;border:0;color:var(--pkg-title)}
#pakete .package-top::after{content:'';position:absolute;left:32px;right:32px;bottom:0;height:1px;background:var(--pkg-line)}
#pakete .package-top .section-number{font:400 12px/1.6 ui-monospace,monospace;letter-spacing:.1em;color:var(--pkg-accent);padding:0;border:0;border-radius:0;display:flex;align-items:center;gap:14px;white-space:normal}
#pakete .package-top .section-number::before{content:'';width:25px;height:1px;background:var(--pkg-accent);flex-shrink:0}
#pakete .package-top h3{font-family:'Cormorant Garamond',Georgia,serif;font-size:56px;line-height:1.03;font-weight:500;letter-spacing:-.025em;color:var(--pkg-title);margin:44px 0 14px}
#pakete .package:nth-child(2) .package-top h3{font-style:italic}
#pakete .package-subtitle{font:400 15px/1.55 var(--fb);letter-spacing:.02em;color:var(--pkg-copy);max-width:25ch;margin:0}
#pakete .package-body{padding:27px 32px 35px;display:flex;flex-direction:column;flex:1;min-width:0}
#pakete .package-body .package-who{font-size:17px;line-height:1.5;font-weight:600;color:var(--pkg-title);min-height:77px;margin:0 0 18px}
#pakete .package-body>p:not(.package-who){color:var(--pkg-copy);font-size:16px;line-height:1.6;min-height:154px;margin:0 0 25px}
#pakete .package-body ul{list-style:none;padding:0;margin:0 0 32px}
#pakete .package-body li{padding:0 0 15px 20px;margin:0 0 14px;border-bottom:1px solid var(--pkg-line);font-size:16px;line-height:1.6;color:var(--pkg-copy)}
#pakete .package-body li:last-child{border-bottom:0;margin:0;padding-bottom:0;color:var(--pkg-title)}
#pakete .package-body li::before{content:'·';color:var(--pkg-accent);font-size:24px;line-height:1;left:0;top:0}
#pakete .package-body .btn{margin-top:auto;align-self:stretch;padding:18px 12px;border-radius:2px;box-shadow:none;background:transparent;border:1px solid #887044;color:var(--pkg-title);font:400 13px/1.4 ui-monospace,monospace;letter-spacing:.025em;text-align:center}
#pakete .package:nth-child(2) .btn{background:#d3b578;border-color:#d3b578;color:#102531}
#pakete .package:nth-child(3) .btn{background:#182c35;border-color:#182c35;color:#f0e4c9}
#pakete .package-body .btn:hover{background:#253f4b;border-color:#253f4b;color:#fff4da}
#pakete .package:nth-child(2) .btn:hover{background:#ebd6ae;border-color:#ebd6ae;color:#102531}
#pakete .section-note{color:#46555a;font-size:15px;max-width:100ch;margin-top:35px;line-height:1.65}
#pakete .section-note a{color:#755625}
#pakete .concept-note{grid-template-columns:.8fr 1.45fr 1fr;background:transparent;border:0;border-top:1px solid #b9ac91;border-bottom:1px solid #b9ac91;border-radius:0;padding:32px 0;margin-top:35px;gap:32px}
#pakete .concept-note h3{font-family:'Cormorant Garamond',Georgia,serif;color:#243b44;font-size:34px;line-height:1.05;font-weight:500}
#pakete .concept-note p{color:#47575f;font-size:15px;line-height:1.65}
@media(max-width:1150px){#pakete .package-grid{gap:20px}#pakete .package-top{padding:34px 26px 27px;min-height:255px}#pakete .package-top::after{left:26px;right:26px}#pakete .package-body{padding:25px 26px 31px}#pakete .package-top h3{font-size:48px}#pakete .section-intro{gap:0 38px}#pakete .package-body>p:not(.package-who){min-height:180px}}
@media(max-width:1024px){#pakete .package-grid{grid-template-columns:1fr;gap:30px}#pakete .package{display:grid;grid-template-columns:.7fr 1.3fr}#pakete .package-top{min-height:0;padding:36px 30px;border-right:1px solid var(--pkg-line)}#pakete .package-top::after{display:none}#pakete .package-top h3{font-size:58px;margin-top:46px}#pakete .package-body{padding:35px}#pakete .package-body .package-who,#pakete .package-body>p:not(.package-who){min-height:0}#pakete .package-body .package-who{margin-bottom:16px}#pakete .package-body>p:not(.package-who){margin-bottom:27px}#pakete .concept-note{grid-template-columns:1fr 1fr}#pakete .concept-note h3{grid-column:1/-1;margin:0}#pakete .section-intro{grid-template-columns:1fr;gap:22px}#pakete .section-intro .kicker{margin:0}#pakete .section-intro p{max-width:65ch}}
@media(max-width:650px){#pakete{padding:74px 0 65px}#pakete .section-intro{margin-bottom:36px}#pakete .section-intro h2{font-size:38px}#pakete .section-intro p{font-size:16px}#pakete .package{display:flex}#pakete .package-top{padding:35px 30px 27px;border-right:0}#pakete .package-top::after{display:block;left:30px;right:30px}#pakete .package-top h3{font-size:57px;margin-top:34px}#pakete .package-body{padding:27px 30px 34px}#pakete .package-body .package-who{font-size:17px}#pakete .package-body .btn{font-size:13px}#pakete .concept-note{grid-template-columns:1fr;gap:20px}#pakete .concept-note h3{font-size:33px}}
@media(max-width:380px){#pakete .package-top,#pakete .package-body{padding-left:25px;padding-right:25px}#pakete .package-top h3{font-size:49px}#pakete .package-body .btn{font-size:12px}#pakete .section-intro h2{font-size:34px}}
/* Section rhythm: light editorial, saturated blue, cinematic dark, warm collection. */
#anlaesse{background:#f2efe7;color:#183440;border-top:1px solid #d7ccb9;border-bottom:1px solid #d7ccb9;padding:98px 0}
#anlaesse .section-intro{display:grid;grid-template-columns:1.15fr .85fr;gap:0 65px;max-width:none;align-items:end;margin-bottom:49px}
#anlaesse .section-intro .kicker{grid-column:1/-1;color:#79602f;margin:0 0 23px}
#anlaesse .section-intro h2{margin:0;font-size:clamp(36px,3.8vw,54px);line-height:1.12}
#anlaesse .section-intro p{margin:0 0 3px;color:#4a5c63;font-size:17px;max-width:40ch}
#anlaesse .occasion-grid{border-color:#baad92}
#anlaesse .occasion{background:transparent;border-color:#c6baa3;padding:33px 31px}
#anlaesse .occasion h3{color:#173440;font-size:28px}
#anlaesse .occasion p{color:#4b5e67}
#anlaesse .occasion-icon,#anlaesse .section-number{color:#80602d}
#anlaesse .section-number::after{background:#80602d}
#anlaesse .section-note{color:#4b5e67;border-color:#a8884c;max-width:92ch}
#anlaesse .section-note strong{color:#193541}
#projekte{background:linear-gradient(110deg,#17394c,#123044);border-bottom:1px solid #54708055;padding:112px 0}
#projekte .project-grid h2{color:#f5f0e6}
#projekte .project-grid p{color:#d0dce1}
#projekte .project-grid figure{box-shadow:0 25px 48px -30px #030c16aa}
#quiz{background:linear-gradient(125deg,#294b5d,#17384d);border-top:1px solid #52728466;border-bottom:1px solid #52728466}
#quiz .quiz-layout>div>p{color:#d3dfe4}
#quiz .quiz-card{background:#0b202e;border-color:#9c8b67;box-shadow:0 24px 60px -28px #04111dbb}
#quiz .quiz-option{background:#142d3d;border-color:#577080}
#quiz .quiz-option:has(input:checked){background:#cba45f18;border-color:#e1c891}
#quiz .quiz-layout h2{color:#f6f0e3}
#faq{background:#edf0ed;color:#18313e;border-top:1px solid #cdd5d2;border-bottom:1px solid #cdd5d2;padding:102px 0}
#faq .kicker{color:#7d6030}
#faq .section-intro h2{color:#17323e}
#faq .faq-list details,#faq .faq-list details:last-child{border:0;border-bottom:1px solid #b9c4c2;border-radius:0;background:transparent;margin:0}
#faq .faq-list details:first-child{border-top:1px solid #b9c4c2}
#faq .faq-list summary{padding:24px 0;color:#193642;font-size:19px;font-weight:400}
#faq .faq-list summary::marker{color:#806334}
#faq .faq-list details[open] summary{color:#735522}
#faq .faq-list p{padding:0 0 25px;color:#425861;line-height:1.7}
#faq .faq-list details[open]{border-color:#a48b5b}
#connect{border-top:0;padding-top:115px}
@media(max-width:1100px){#anlaesse .section-intro{gap:0 36px}#anlaesse .occasion{padding:30px 24px}}
@media(max-width:900px){#anlaesse .section-intro{grid-template-columns:1fr;gap:22px}#anlaesse .section-intro .kicker{margin:0}#anlaesse .section-intro p{max-width:68ch}#anlaesse .occasion{border-top-color:#c6baa3;padding:30px 12px}#anlaesse .occasion:last-child{border-bottom-color:#c6baa3}#anlaesse .occasion h3{font-size:28px}}
@media(max-width:767px){#anlaesse,#projekte,#faq,#connect{padding:72px 0}#anlaesse .section-intro{margin-bottom:32px}#anlaesse .section-intro h2{font-size:36px}#anlaesse .section-intro p{font-size:16px}#anlaesse .occasion h3{font-size:26px}#faq .faq-list summary{padding:22px 0;font-size:18px}#anlaesse .section-note{margin-top:30px}}
@media(max-width:400px){#anlaesse .section-intro h2{font-size:32px}#anlaesse .occasion h3{font-size:24px}}
/* Consolidated surface palette and corrected hero spacing. */
:root{--brand-dark:#06121c;--brand-light:#faf9f5;--portrait-surface:#131313;--paper:var(--brand-light);--mist:var(--brand-light);--navy:var(--brand-dark);--navy-deep:var(--brand-dark);--navy-mid:var(--brand-dark);--navy-soft:var(--brand-dark)}
body,.hdr,.ft,.mnav{background:var(--brand-dark)}
#top,#projekte,#ablauf,#quiz{background:var(--brand-dark)}
#anlaesse,#pakete,#faq,#connect{background:var(--brand-light)}
#projekte,#quiz{border-color:#cba45f33}
#faq{border-color:#c6baa3}
#connect::before{display:none}
#quiz .quiz-card,#quiz .quiz-option,.contact-grid .form,.field input,.field select,.field textarea,.field select option{background:var(--brand-dark)}
#quiz .quiz-option:has(input:checked){background:#cba45f12;border-color:var(--gold-light)}
#pakete{border-color:#c6baa3}
#pakete .package{background:var(--brand-light);--pkg-title:#16313d;--pkg-copy:#445762;--pkg-line:#a78c5670;--pkg-accent:#806231}
#pakete .package:nth-child(2){background:var(--brand-dark);--pkg-title:#f2efe7;--pkg-copy:#c2cdd0;--pkg-line:#c9ab724a;--pkg-accent:#e2c693}
#pakete .package:nth-child(3){background:var(--brand-light);--pkg-title:#16313d;--pkg-copy:#445762;--pkg-line:#a78c5670;--pkg-accent:#806231}
#pakete .package:nth-child(3) .package-top{background:var(--brand-dark);--pkg-title:#f2efe7;--pkg-copy:#c2cdd0;--pkg-line:#c9ab724a;--pkg-accent:#e2c693}
#pakete .package:nth-child(3) .btn{background:var(--brand-dark);border-color:var(--brand-dark);color:var(--brand-light)}
#pakete .package-body .btn:hover{background:var(--brand-dark);border-color:var(--brand-dark);color:var(--brand-light)}
#pakete .package:nth-child(2) .btn:hover{background:#e7c887;border-color:#e7c887;color:var(--brand-dark)}
#ueber-mich{background:var(--portrait-surface);border-color:#ffffff15}
#ueber-mich .about-grid figure{background:var(--portrait-surface);border:1px solid #cba45f;box-shadow:none;border-radius:2px 56px 2px 56px}
#ueber-mich .about-grid figure::after{display:none}
#ueber-mich .about-grid img{filter:none;mask-image:linear-gradient(90deg,transparent,#000 3%,#000 97%,transparent)}
#ueber-mich .about-grid p{color:#c9c9c9}
.hero-copy h1{margin-bottom:0}
.hero-copy h1 .g::after{content:none;display:none}
.hero-divider{height:1px;width:200px;max-width:42%;margin:28px 0;background:linear-gradient(90deg,#e7c887,transparent);transform-origin:left}
.hero-copy .lead{margin-top:0}
.motion-on .hero-divider{animation:line-enter 1.4s .55s both}
.scene-caption{max-width:none;width:max-content;max-inline-size:calc(100% - 44px);text-align:right;bottom:88px;line-height:1.6}
.scene-caption span{white-space:nowrap;display:block;margin-bottom:9px;letter-spacing:.08em}
@media(max-width:767px){.hero-divider{margin:24px 0;width:170px}.hero-copy .lead{margin-top:0}.scene-caption{display:none}}

/* Light contact finale and a restrained gold portrait frame. */
#connect{color:var(--brand-dark);color-scheme:only light}
#connect .kicker{color:#7d6030}
#connect h2,#connect .contact-person strong{color:var(--brand-dark)}
#connect .contact-grid>div>p,#connect .contact-person p{color:#42545e}
#connect .contact-person{border-color:#a78c5670}
#connect .contact-person a{color:#735522}
#connect .contact-person a:hover{color:var(--brand-dark)}
#connect .form{background:var(--brand-light);border:1px solid #a78c5680}
#connect .field label{color:var(--brand-dark)}
#connect .field input,#connect .field select,#connect .field textarea,#connect .field select option{background:var(--brand-light);color:var(--brand-dark);border-color:#8a918e}
#connect .field input::placeholder,#connect .field textarea::placeholder{color:#596870}
#connect .field input:focus,#connect .field select:focus,#connect .field textarea:focus{border-color:#806231;box-shadow:0 0 0 3px #80623120}
#connect .form-note,#connect #contact-status{color:#42545e}
#connect .form-note a{color:#735522}
/* Modular packages: shared foundation, three distinct editions. */
#pakete .package-common{display:grid;grid-template-columns:.7fr 1.3fr;gap:48px;border-top:1px solid #a78c5680;border-bottom:1px solid #a78c5680;padding:32px 0;margin-bottom:38px}
#pakete .package-common h3,#pakete .options-heading h3{font:500 clamp(29px,3vw,39px)/1.12 'Cormorant Garamond',Georgia,serif;color:var(--brand-dark);margin:15px 0 0}
#pakete .package-common ul{display:grid;grid-template-columns:1fr 1fr;gap:18px 30px;list-style:none;margin:0;padding:0}
#pakete .package-common li{position:relative;padding-left:18px;color:#42545e;font-size:16px;line-height:1.55}
#pakete .package-common li::before{content:'+';position:absolute;left:0;color:#806231}
#pakete .package-top{min-height:230px}
#pakete .package-top h3{margin-top:30px}
#pakete .package-body .package-who{min-height:78px;font-weight:400;margin-bottom:24px}
#pakete .package-body>p.package-base-label{min-height:0;font-size:12px;line-height:1.6;letter-spacing:.04em;text-transform:uppercase;color:var(--pkg-accent);margin-bottom:10px}
#pakete .package-differences{margin:0 0 30px}
#pakete .package-differences>div{padding:18px 0;border-bottom:1px solid var(--pkg-line)}
#pakete .package-differences dt{font-size:13px;color:var(--pkg-copy);line-height:1.5;margin-bottom:6px}
#pakete .package-differences dd{margin:0;font-size:16px;line-height:1.6;color:var(--pkg-title)}
#pakete .package-differences strong{font:500 34px/1 'Cormorant Garamond',Georgia,serif;vertical-align:baseline;color:var(--pkg-accent);margin-right:5px}
#pakete .package:first-child{border-top:1px solid #b7ac95}
#pakete .package:nth-child(2){border:1px solid #cba45f;border-radius:3px}
#pakete .package:nth-child(3) .package-top{border-top:3px solid #cba45f}
#pakete .package-options{margin-top:55px;padding-top:38px;border-top:1px solid #a78c5680}
#pakete .options-heading{margin-bottom:28px}
#pakete .options-heading p{font-size:16px;color:#42545e;margin:16px 0 0}
#pakete .options-list{list-style:none;display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:0 32px;padding:0;margin:0}
#pakete .options-list li{padding:16px 0;border-bottom:1px solid #a78c5640;font-size:16px;line-height:1.5;color:var(--brand-dark)}
@media(max-width:1024px){#pakete .package-top{min-height:0}#pakete .package-body .package-who{min-height:0}#pakete .package-common{grid-template-columns:1fr;gap:24px}#pakete .options-list{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media(max-width:650px){#pakete .package-common ul,#pakete .options-list{grid-template-columns:1fr}#pakete .package-common{gap:26px;padding:28px 0}#pakete .package-options{margin-top:38px}#pakete .package-top{min-height:0}#pakete .package-common h3 br{display:none}}
#pakete .package-common .kicker,#pakete .options-heading .kicker{color:#765928}
/* Aligned collection: ivory, midnight, charcoal and gold. */
#pakete .package:nth-child(3){--pkg-title:#f2efe7;--pkg-copy:#d0ccc4;--pkg-line:#cba45f66;--pkg-accent:#e5c582;background:radial-gradient(ellipse at 100% 0,#cba45f12,transparent 55%),#131313;border:1px solid #cba45f;border-radius:3px;box-shadow:0 24px 40px -20px #13131380,0 0 0 3px #cba45f18}
#pakete .package:nth-child(3)::before{inset:8px;border-color:#cba45f6b}
#pakete .package:nth-child(3) .package-top{--pkg-title:#e5c582;--pkg-copy:#d0ccc4;--pkg-line:#cba45f66;--pkg-accent:#e5c582;background:transparent;border-top:0}
#pakete .package:nth-child(3) .package-top h3{color:#e5c582;font-weight:600;letter-spacing:-.035em}
#pakete .package:nth-child(3) .section-number{letter-spacing:.13em}
#pakete .package:nth-child(3) .btn{background:linear-gradient(115deg,#b99450,#ecd294 50%,#cba45f);border-color:#e5c582;color:#131313;font-weight:600}
#pakete .package:nth-child(3) .btn:hover{background:#ecd294;border-color:#ecd294;color:#131313}


#ueber-mich .about-grid h2{font-size:clamp(32px,3vw,44px);font-weight:600;line-height:1.18}
/* A blue Blueprint surface and more legible section kickers. */
#pakete .package:first-child{background:#133a5a;--pkg-title:#faf9f5;--pkg-copy:#d2dce3;--pkg-accent:#e5c582;--pkg-line:#cba45f66}
body .kicker,body .hero-copy .kicker{font-size:17px;font-weight:700;line-height:1.5;letter-spacing:.09em}
@media(max-width:767px){body .kicker,body .hero-copy .kicker{font-size:15px;line-height:1.6;letter-spacing:.075em}}

/* Gold sculptures on ivory: occasions as a coherent three-card collection. */
#anlaesse .occasion-grid{gap:26px;border:0;align-items:stretch}
#anlaesse .occasion{display:flex;flex-direction:column;padding:0;border:1px solid #cba45f44;background:var(--brand-dark);overflow:hidden;box-shadow:0 16px 35px -25px #06121c66}
#anlaesse .occasion-art{background:#faf9f5;overflow:hidden}
#anlaesse .occasion-art img{display:block;width:100%;height:auto;aspect-ratio:1.18;object-fit:contain;transition:transform .7s ease}
.motion-on #anlaesse .occasion:hover .occasion-art img{transform:scale(1.035)}
#anlaesse .occasion-copy{padding:29px 30px 32px;display:flex;flex-direction:column;flex:1}
#anlaesse .occasion .section-number{color:#e5c582;font:600 13px/1.7 var(--fb,sans-serif);letter-spacing:.13em}
#anlaesse .occasion .section-number::after{display:none}
#anlaesse .occasion h3{color:#faf9f5;font-size:32px;line-height:1.12;margin:17px 0 20px}
#anlaesse .occasion p{color:#bdcbd3;font-size:16px;line-height:1.75;margin:0 0 28px}
#anlaesse .occasion-link{align-self:flex-start;margin-top:auto;padding:13px 17px;border:1px solid #cba45f;color:#e5c582;font-size:12px;letter-spacing:.06em;text-decoration:none;display:flex;gap:20px;align-items:center;min-height:46px}
#anlaesse .occasion-link:hover{background:#cba45f17}
#anlaesse .occasion-link:focus-visible{outline:2px solid #e5c582;outline-offset:5px}
@media(max-width:1000px){#anlaesse .occasion-copy{padding:24px 22px}#anlaesse .occasion h3{font-size:28px}}
@media(max-width:760px){#anlaesse .occasion-grid{grid-template-columns:1fr;gap:28px}#anlaesse .occasion-art img{aspect-ratio:1.4}#anlaesse .occasion-copy{padding:27px}#anlaesse .occasion h3{font-size:32px}}
@media(prefers-reduced-motion:reduce){#anlaesse .occasion-art img{transition:none}}