@font-face { font-family:"DM Serif Display"; src:url("/assets/dm-serif-display-normal.woff2") format("woff2"); font-style:normal; font-weight:400; font-display:swap; }
@font-face { font-family:"DM Serif Display"; src:url("/assets/dm-serif-display-italic.woff2") format("woff2"); font-style:italic; font-weight:400; font-display:swap; }
@font-face { font-family:"Manrope"; src:url("/assets/manrope.woff2") format("woff2"); font-style:normal; font-weight:400 800; font-display:swap; }
:root { --cream:#f4f1e9; --green:#23372f; --plum:#382641; --terra:#c2845d; --ink:#1d2923; --line:rgba(35,55,47,.21); }
* { box-sizing:border-box; } html { scroll-behavior:smooth; } body { margin:0; background:var(--cream); color:var(--ink); font-family:"Manrope",sans-serif; -webkit-font-smoothing:antialiased; } a { color:inherit; text-decoration:none; } a:focus-visible { outline:3px solid #d6a16f; outline-offset:4px; }
.skip { position:fixed; z-index:10; top:.7rem; left:.7rem; padding:.7rem 1rem; background:#fff; color:var(--green); font-weight:800; transform:translateY(-150%); } .skip:focus { transform:translateY(0); }
.top { height:5rem; display:flex; justify-content:space-between; align-items:center; gap:2rem; padding:0 4.7vw; background:var(--green); color:var(--cream); border-bottom:1px solid rgba(244,241,233,.16); } .brand { display:inline-flex; align-items:center; gap:.58rem; flex:0 0 auto; color:var(--cream); } .brand-mark { display:grid; place-items:center; width:2.35rem; height:2.35rem; border:1px solid rgba(244,241,233,.42); overflow:hidden; } .brand-mark img { display:block; width:92%; height:92%; object-fit:contain; } .brand-type { display:grid; align-content:center; gap:.18rem; line-height:1; } .brand-name { display:block; font:400 1.28rem/1 "DM Serif Display",serif; letter-spacing:-.02em; white-space:nowrap; } .brand-culinature { position:relative; display:block; margin-top:0; padding-left:1.52rem; color:#d9aa7b; font-size:.44rem; font-weight:800; letter-spacing:.21em; text-transform:uppercase; } .brand-culinature::before { content:""; position:absolute; left:0; top:50%; width:1.06rem; height:1px; background:#d9aa7b; } .nav { display:flex; align-items:center; gap:clamp(.85rem,2.35vw,2.3rem); color:#f6efe5; font-size:.67rem; font-weight:800; letter-spacing:.13em; text-transform:uppercase; white-space:nowrap; } .nav a:hover { color:#d8af81; } .nav .nav-booking { color:#edbf91; }
.hero { position:relative; min-height:34rem; display:flex; align-items:end; padding:clamp(4rem,8vw,7rem) 8vw; color:var(--cream); background:linear-gradient(90deg,rgba(23,40,33,.96),rgba(23,40,33,.68) 52%,rgba(23,40,33,.14)), url("/assets/benedikt-faust-hero-editorial.jpg") center/cover; } .hero-inner { max-width:55rem; } .kicker { margin:0 0 1.25rem; color:#e5bc96; font-size:.63rem; font-weight:800; letter-spacing:.15em; text-transform:uppercase; } h1,h2,h3,p { margin-top:0; } h1 { max-width:50rem; margin-bottom:1.4rem; font:400 clamp(3.6rem,7vw,7.7rem)/.9 "DM Serif Display",serif; letter-spacing:-.055em; } h1 em { color:#e2af82; } .hero p:last-child { max-width:39rem; margin-bottom:0; color:rgba(244,241,233,.89); font-size:1.02rem; line-height:1.75; }
.main { max-width:82rem; margin:auto; padding:clamp(4.6rem,9vw,8.5rem) 8vw; } .lead { display:grid; grid-template-columns:minmax(16rem,.7fr) minmax(18rem,1fr); gap:clamp(2rem,9vw,9rem); margin-bottom:clamp(4rem,7vw,6.4rem); } .lead h2 { margin:0; color:var(--green); font:400 clamp(2.8rem,4.8vw,5.5rem)/.9 "DM Serif Display",serif; letter-spacing:-.047em; } .lead p { max-width:37rem; margin:0; color:#405047; font-size:1rem; line-height:1.8; }
.content-grid { display:grid; grid-template-columns:repeat(2,minmax(0,1fr)); border-top:1px solid var(--line); } .content-card { padding:1.75rem clamp(1rem,3.5vw,3.8rem) 1.9rem 0; border-bottom:1px solid var(--line); } .content-card:nth-child(even) { padding-left:clamp(1rem,3.5vw,3.8rem); border-left:1px solid var(--line); } .content-card h3 { margin:0 0 .65rem; color:var(--green); font:400 clamp(1.55rem,2.5vw,2.2rem)/1 "DM Serif Display",serif; letter-spacing:-.035em; } .content-card p { max-width:31rem; margin:0; color:#405047; font-size:.85rem; line-height:1.7; }
.proof { margin:clamp(4rem,8vw,7rem) 0 0; padding:1.6rem 0 1.8rem; border-top:1px solid var(--line); border-bottom:1px solid var(--line); } .proof-label { margin:0 0 1rem; color:#934b35; font-size:.61rem; font-weight:800; letter-spacing:.14em; } .proof p:not(.proof-label) { max-width:60rem; margin-bottom:1.35rem; color:var(--green); font:400 clamp(1.55rem,2.5vw,2.25rem)/1.2 "DM Serif Display",serif; letter-spacing:-.03em; } .tags { display:flex; flex-wrap:wrap; gap:.45rem; } .tags span { padding:.4rem .55rem; border:1px solid var(--line); color:#526057; font-size:.57rem; font-weight:800; letter-spacing:.07em; text-transform:uppercase; }
.steps { margin:clamp(4rem,8vw,7rem) 0 0; padding:clamp(3rem,5vw,5rem); background:var(--green); color:var(--cream); } .steps .kicker { color:#e5bc96; } .steps h2 { max-width:40rem; margin-bottom:2.8rem; font:400 clamp(2.8rem,4.5vw,5rem)/.9 "DM Serif Display",serif; letter-spacing:-.045em; } .step-grid { display:grid; grid-template-columns:repeat(3,1fr); border-top:1px solid rgba(244,241,233,.35); } .step-grid div { padding:1.35rem 1.1rem 0; border-right:1px solid rgba(244,241,233,.35); } .step-grid div:first-child { padding-left:0; } .step-grid div:last-child { border-right:0; } .step-grid span { color:#e5bc96; font-size:.61rem; font-weight:800; letter-spacing:.1em; } .step-grid h3 { margin:.65rem 0 .48rem; font:400 1.55rem/1 "DM Serif Display",serif; } .step-grid p { margin:0; color:rgba(244,241,233,.8); font-size:.79rem; line-height:1.66; }
.cta { margin:clamp(4rem,8vw,7rem) 0 0; padding:clamp(3rem,6vw,6rem) 4vw; background:var(--plum); color:var(--cream); text-align:center; } .cta h2 { margin-bottom:1rem; font:400 clamp(3rem,5vw,5.8rem)/.9 "DM Serif Display",serif; letter-spacing:-.05em; } .cta p { max-width:39rem; margin:0 auto 1.7rem; color:rgba(255,250,240,.85); font-size:.92rem; line-height:1.7; } .button { display:inline-flex; align-items:center; justify-content:center; min-height:3.15rem; padding:.75rem 1.05rem; background:#dfad7d; color:#1d2923; font-size:.68rem; font-weight:800; letter-spacing:.11em; text-transform:uppercase; transition:transform 180ms cubic-bezier(.23,1,.32,1),background-color 180ms cubic-bezier(.23,1,.32,1); } .button:hover { background:#f1c49b; transform:translateY(-3px); } .button:active { transform:scale(.97); }
.footer { display:flex; justify-content:space-between; gap:1rem; padding:1.4rem 5vw; background:#1c2b24; color:#d9d7cc; font-size:.56rem; font-weight:800; letter-spacing:.1em; text-transform:uppercase; } .footer div:last-child { display:flex; gap:1.2rem; } .footer a:hover { color:#e0a475; }
@media(max-width:780px) { .top { height:auto; min-height:7rem; align-items:center; gap:.62rem .8rem; padding:.72rem 1.15rem .58rem; flex-direction:row; flex-wrap:wrap; } .brand-name { font-size:1.12rem; } .brand-culinature { font-size:.38rem; } .nav { order:2; width:100%; justify-content:flex-start; flex-wrap:wrap; column-gap:.85rem; row-gap:.7rem; padding-top:.55rem; border-top:1px solid rgba(244,241,233,.16); font-size:.67rem; letter-spacing:.13em; overflow:visible; } .nav a { font-size:.54rem; letter-spacing:.08em; } .hero { min-height:32rem; padding:4rem 1.4rem; } h1 { font-size:clamp(3.4rem,15vw,5.3rem); } .main { padding:4.7rem 1.3rem; } .lead,.content-grid { grid-template-columns:1fr; gap:1.4rem; } .content-card,.content-card:nth-child(even) { padding:1.35rem 0; border-left:0; } .steps { padding:3.2rem 1.3rem; } .step-grid { grid-template-columns:1fr; } .step-grid div,.step-grid div:first-child { padding:1.2rem 0; border-right:0; border-bottom:1px solid rgba(244,241,233,.35); } .step-grid div:last-child { border-bottom:0; } .cta { padding:4rem 1.2rem; } .footer { align-items:center; flex-direction:column; text-align:center; } }

@media (min-width:781px) and (max-width:1080px) { .top { gap:.8rem; padding-inline:2.7vw; } .nav { gap:.8rem; font-size:.58rem; letter-spacing:.09em; } }

/* Identisch zum Startseiten-Header: geteilte Vorschau und Tablet bleiben
   einzeilig; die zweizeilige Navigation ist nur für kleine Mobilgeräte. */
@media (min-width:620px) and (max-width:780px) { .top { height:5rem; min-height:5rem; align-items:center; gap:.45rem; padding:.72rem 2.7vw; flex-direction:row; flex-wrap:nowrap; } .top .brand { flex:0 0 auto; } .nav { order:0; width:auto; margin-left:auto; justify-content:flex-start; flex-wrap:nowrap; column-gap:.55rem; row-gap:0; padding-top:0; border-top:0; overflow:visible; font-size:.67rem; letter-spacing:.13em; } .nav a { font-size:.54rem; letter-spacing:.075em; } }
@media(prefers-reduced-motion:reduce) { html { scroll-behavior:auto; } * { transition-duration:.01ms !important; } }

/* Individuelle Editorial-Parcours für die drei Buchungsthemen. */
.hero-inner { position:relative; padding-bottom:2.25rem; }
.hero-inner::after { content:""; position:absolute; bottom:0; left:0; width:min(17rem,72vw); height:1.25rem; background:url("data:image/svg+xml,%3Csvg viewBox='0 0 370 30' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M2 21C43 1 71 29 106 15C140 2 163 17 195 12C228 7 251 28 284 13C309 2 333 8 368 4' fill='none' stroke='%23e5bc96' stroke-width='1.5' stroke-linecap='round'/%3E%3C/svg%3E") left center/100% 100% no-repeat; }
.event-page .hero { min-height:37rem; background-position:center 62%; }
.event-page .content-grid { grid-template-columns:.74fr 1.26fr; }
.event-page .content-card:nth-child(1), .event-page .content-card:nth-child(4) { background:rgba(208,213,201,.5); }
.event-page .content-card:nth-child(even) { padding-left:clamp(1rem,3.5vw,3.8rem); }
.event-page .proof { display:grid; grid-template-columns:minmax(9rem,.42fr) 1fr; column-gap:clamp(2rem,6vw,7rem); }
.event-page .proof-label { grid-row:1 / span 2; }
.event-page .proof p:not(.proof-label) { grid-column:2; }
.event-page .tags { grid-column:2; }
.event-page .cta { background:#8f3627; }

.private-page .hero { min-height:35rem; background:#253a30; overflow:hidden; }
.private-page .hero::after { content:"PRIVATE DINING"; position:absolute; right:-.06em; bottom:-.26em; color:rgba(244,241,233,.07); font:400 clamp(5rem,15vw,15rem)/.8 "DM Serif Display",serif; letter-spacing:-.08em; white-space:nowrap; }
.private-page .hero-inner { z-index:1; max-width:48rem; }
.private-page .lead { grid-template-columns:1fr minmax(15rem,.72fr); }
.private-page .content-grid { grid-template-columns:1fr; border-bottom:1px solid var(--line); }
.private-page .content-card, .private-page .content-card:nth-child(even) { display:grid; grid-template-columns:minmax(10rem,.48fr) 1fr; gap:2rem; padding:1.35rem 0; border-left:0; }
.private-page .content-card h3 { margin:0; }
.private-page .content-card p { max-width:35rem; }
.private-page .proof { padding:clamp(2rem,5vw,4rem); background:#e7e0d3; border:0; }
.private-page .cta { background:#23372f; }

.stage-page .hero { min-height:38rem; background:linear-gradient(135deg,#7d3025 0%,#a54c36 52%,#23372f 100%); }
.stage-page .hero::after { content:"ON\A STAGE"; white-space:pre; position:absolute; right:7vw; top:50%; transform:translateY(-50%); color:rgba(244,241,233,.15); font:400 clamp(5rem,13vw,13rem)/.72 "DM Serif Display",serif; letter-spacing:-.07em; text-align:right; }
.stage-page .hero-inner { z-index:1; max-width:43rem; }
.stage-page .lead { grid-template-columns:minmax(18rem,1.2fr) minmax(14rem,.55fr); }
.stage-page .content-grid { grid-template-columns:1fr; }
.stage-page .content-card, .stage-page .content-card:nth-child(even) { display:grid; grid-template-columns:minmax(11rem,.48fr) 1fr; gap:2rem; padding:1.4rem 0; border-left:0; }
.stage-page .content-card:nth-child(odd) { padding-left:clamp(1rem,9vw,8rem); }
.stage-page .content-card h3 { margin:0; }
.stage-page .proof { position:relative; margin-left:clamp(0rem,7vw,6rem); padding:2.1rem; background:#23372f; border:0; }
.stage-page .proof-label { color:#e5bc96; }
.stage-page .proof p:not(.proof-label) { color:#f4f1e9; }
.stage-page .tags span { border-color:rgba(244,241,233,.35); color:#f4f1e9; }
.stage-page .steps { margin-right:clamp(0rem,7vw,6rem); background:#e7e0d3; color:var(--green); }
.stage-page .steps .kicker, .stage-page .step-grid span { color:#934b35; }
.stage-page .step-grid { border-color:var(--line); }
.stage-page .step-grid div { border-color:var(--line); }
.stage-page .step-grid h3 { color:var(--green); }
.stage-page .step-grid p { color:#405047; }
.stage-page .cta { background:#23372f; }

@media(max-width:720px) { .event-page .content-grid { grid-template-columns:1fr; } .event-page .proof { display:block; } .event-page .proof-label { margin-bottom:1rem; } .event-page .content-card:nth-child(1), .event-page .content-card:nth-child(4) { background:transparent; } .private-page .hero::after, .stage-page .hero::after { right:.2rem; bottom:.25rem; top:auto; transform:none; font-size:clamp(4.4rem,22vw,7rem); } .private-page .content-card, .private-page .content-card:nth-child(even), .stage-page .content-card, .stage-page .content-card:nth-child(even) { display:block; padding:1.35rem 0; } .stage-page .content-card:nth-child(odd) { padding-left:0; } .stage-page .proof, .stage-page .steps { margin-left:0; margin-right:0; } }

/* Direkte, statische Buchungsanfrage – ohne Datenübermittlung außerhalb des E-Mail-Programms. */
.inquiry-page .top { position:relative; }
.inquiry-hero { position:relative; overflow:hidden; padding:clamp(4rem,8vw,8rem) 8vw clamp(4rem,7vw,7rem); background:#23372f; color:var(--cream); }
.inquiry-hero::after { content:"ANFRAGE"; position:absolute; right:-.06em; bottom:-.28em; color:rgba(244,241,233,.06); font:400 clamp(7rem,18vw,18rem)/.75 "DM Serif Display",serif; letter-spacing:-.09em; }
.inquiry-hero-inner { position:relative; z-index:1; width:min(48rem,100%); }
.inquiry-hero h1 { max-width:44rem; margin-bottom:1.35rem; }
.inquiry-hero p:not(.kicker) { max-width:39rem; margin:0; color:rgba(244,241,233,.85); font-size:1rem; line-height:1.75; }
.inquiry-main { display:grid; grid-template-columns:minmax(13rem,.55fr) minmax(20rem,1.15fr); gap:clamp(2.5rem,8vw,9rem); max-width:82rem; margin:auto; padding:clamp(4.5rem,8vw,8rem) 8vw; }
.inquiry-aside { align-self:start; }
.inquiry-aside h2 { color:var(--green); font:400 clamp(2.5rem,4.2vw,4.6rem)/.92 "DM Serif Display",serif; letter-spacing:-.045em; }
.inquiry-aside p { max-width:22rem; color:#405047; font-size:.9rem; line-height:1.75; }
.inquiry-aside-note { margin-top:1.7rem !important; padding-top:1.1rem; border-top:1px solid var(--line); color:#8f3627 !important; font-size:.64rem !important; font-weight:800; letter-spacing:.08em; text-transform:uppercase; }
.inquiry-form { padding:clamp(1.4rem,3vw,2.7rem); background:#e5dfd2; border-top:3px solid #8f3627; }
.form-intro { margin:0 0 1.7rem; color:#4b574f; font-size:.82rem; line-height:1.65; }
.form-grid { display:grid; grid-template-columns:1fr 1fr; gap:1rem 1.15rem; }
.form-field { display:grid; gap:.48rem; }
.form-field--wide { grid-column:1 / -1; }
.form-field label { color:#23372f; font-size:.61rem; font-weight:800; letter-spacing:.1em; text-transform:uppercase; }
.form-field input, .form-field select, .form-field textarea { width:100%; padding:.75rem .78rem; border:1px solid rgba(35,55,47,.28); border-radius:0; background:#f8f5ed; color:#1d2923; font:500 .86rem/1.4 "Manrope",sans-serif; }
.form-field textarea { min-height:8.4rem; resize:vertical; }
.form-field input:focus, .form-field select:focus, .form-field textarea:focus { outline:2px solid #8f3627; outline-offset:2px; }
.form-privacy { margin:1.2rem 0 1.3rem; color:#536057; font-size:.72rem; line-height:1.65; }
.form-privacy a { color:#8f3627; font-weight:800; text-decoration:underline; text-underline-offset:.2rem; }
.form-actions { display:flex; flex-wrap:wrap; gap:.75rem; }
.button-copy { border:1px solid #405047; background:transparent; color:#23372f; }
.button-copy:hover { border-color:#8f3627; background:rgba(143,54,39,.08); }
.form-status { min-height:1.4rem; margin:1rem 0 0; color:#405047; font-size:.74rem; line-height:1.55; }
.inquiry-fallback { margin:1.3rem 0 0; color:#536057; font-size:.74rem; line-height:1.65; }
.inquiry-fallback a, .email-copy-link { color:#8f3627; font-weight:800; text-decoration:underline; text-underline-offset:.2rem; }
.email-copy-link { display:inline; padding:0; border:0; background:transparent; cursor:pointer; font:inherit; }
@media(max-width:720px) { .inquiry-hero { padding:4.2rem 1.35rem; } .inquiry-hero::after { font-size:clamp(5.5rem,26vw,8rem); right:-.08em; } .inquiry-main { grid-template-columns:1fr; gap:2.7rem; padding:4.7rem 1.3rem; } .form-grid { grid-template-columns:1fr; } .form-field--wide { grid-column:auto; } .inquiry-form { padding:1.25rem; } }

/* Erfahrung, Referenzen und FAQ: eigenständige, indexierbare Vertrauensseite. */
.experience-page .hero { min-height:31rem; align-items:center; padding:clamp(3rem,6vw,5rem) 8vw; background:linear-gradient(100deg,rgba(23,40,33,.97),rgba(23,40,33,.78) 50%,rgba(23,40,33,.2)),url("/assets/benedikt-faust-hero-editorial.jpg") center/cover; }
.experience-page .hero-inner { max-width:52rem; }
.experience-page .hero p:last-child { max-width:42rem; }
.experience-page .main { max-width:88rem; }
.experience-intro { display:grid; grid-template-columns:minmax(15rem,.6fr) minmax(24rem,1.25fr); gap:clamp(2.5rem,9vw,10rem); padding-bottom:clamp(4rem,7vw,7rem); border-bottom:1px solid var(--line); }
.experience-intro h2 { margin:0; color:var(--green); font:400 clamp(3rem,5.2vw,6rem)/.88 "DM Serif Display",serif; letter-spacing:-.055em; }
.experience-intro p { max-width:43rem; color:#405047; font-size:1rem; line-height:1.85; }
.experience-intro p:last-child { margin-bottom:0; }
.experience-roles { display:grid; grid-template-columns:repeat(3,minmax(0,1fr)); margin-top:clamp(3.5rem,7vw,6.5rem); border-top:1px solid var(--line); }
.experience-role { padding:1.55rem clamp(1rem,3vw,3rem) 1.8rem 0; border-bottom:1px solid var(--line); }
.experience-role + .experience-role { padding-left:clamp(1rem,3vw,3rem); border-left:1px solid var(--line); }
.experience-role span { color:#934b35; font-size:.61rem; font-weight:800; letter-spacing:.13em; }
.experience-role h3 { margin:.75rem 0 .6rem; color:var(--green); font:400 clamp(1.6rem,2.4vw,2.2rem)/1 "DM Serif Display",serif; letter-spacing:-.035em; }
.experience-role p { margin:0; color:#405047; font-size:.84rem; line-height:1.72; }
.reference-atelier { display:grid; grid-template-columns:minmax(14rem,.52fr) minmax(25rem,1.3fr); gap:clamp(2.5rem,8vw,9rem); margin-top:clamp(4.5rem,9vw,8.5rem); padding:clamp(3rem,6vw,6rem); background:#e7e0d3; }
.reference-atelier h2 { margin:0; color:var(--green); font:400 clamp(2.65rem,4.6vw,5.4rem)/.9 "DM Serif Display",serif; letter-spacing:-.05em; }
.reference-groups { display:grid; gap:2.1rem; }
.reference-group { padding-bottom:1.55rem; border-bottom:1px solid var(--line); }
.reference-group:last-child { padding-bottom:0; border-bottom:0; }
.reference-group h3 { margin:0 0 .65rem; color:#934b35; font-size:.62rem; font-weight:800; letter-spacing:.14em; text-transform:uppercase; }
.reference-group p { margin:0; color:#405047; font-size:.9rem; line-height:1.75; }
.reference-note { margin:.9rem 0 0; color:#5a655e; font-size:.71rem; line-height:1.6; }
.faq-section { margin-top:clamp(5rem,9vw,9rem); }
.faq-heading { display:grid; grid-template-columns:minmax(15rem,.55fr) minmax(25rem,1.3fr); gap:clamp(2.5rem,9vw,10rem); margin-bottom:2rem; }
.faq-heading h2 { margin:0; color:var(--green); font:400 clamp(3rem,5vw,5.7rem)/.9 "DM Serif Display",serif; letter-spacing:-.055em; }
.faq-heading p { max-width:38rem; margin:0; color:#405047; font-size:.98rem; line-height:1.8; }
.faq-list { border-top:1px solid var(--line); }
.faq-list details { border-bottom:1px solid var(--line); }
.faq-list summary { position:relative; padding:1.3rem 3rem 1.35rem 0; color:var(--green); cursor:pointer; font:400 clamp(1.35rem,2.1vw,2rem)/1.15 "DM Serif Display",serif; letter-spacing:-.025em; list-style:none; }
.faq-list summary::-webkit-details-marker { display:none; }
.faq-list summary::after { content:"+"; position:absolute; right:.35rem; top:50%; color:#934b35; font:400 2rem/1 "Manrope",sans-serif; transform:translateY(-55%); transition:transform 180ms cubic-bezier(.23,1,.32,1); }
.faq-list details[open] summary::after { transform:translateY(-55%) rotate(45deg); }
.faq-answer { max-width:50rem; padding:0 0 1.45rem; color:#405047; font-size:.89rem; line-height:1.8; }
.faq-cta { margin-top:clamp(4rem,7vw,6.5rem); padding:clamp(2.5rem,6vw,5rem); background:#23372f; color:var(--cream); }
.faq-cta p.kicker { margin-bottom:.8rem; }
.faq-cta h2 { max-width:47rem; margin-bottom:1rem; font:400 clamp(2.7rem,4.5vw,5.2rem)/.9 "DM Serif Display",serif; letter-spacing:-.05em; }
.faq-cta p:not(.kicker) { max-width:42rem; margin-bottom:1.65rem; color:rgba(244,241,233,.85); font-size:.94rem; line-height:1.75; }
.project-page .inquiry-hero { background:#382641; }
.project-page .inquiry-hero::after { content:"KONZEPT"; color:rgba(244,241,233,.065); }
.project-page .inquiry-aside-note { color:#8f3627 !important; }
@media(max-width:720px){.experience-page .hero{min-height:28rem;padding:3.1rem 1.4rem}.experience-intro,.reference-atelier,.faq-heading{grid-template-columns:1fr;gap:1.6rem}.experience-roles{grid-template-columns:1fr}.experience-role,.experience-role + .experience-role{padding:1.35rem 0;border-left:0}.reference-atelier{padding:2.6rem 1.3rem}.faq-list summary{padding:1.1rem 2.3rem 1.15rem 0}.faq-answer{font-size:.85rem}.faq-cta{padding:3rem 1.3rem}}