@font-face{font-family:Geist;src:url('fonts/geist.woff2') format('woff2');font-style:normal;font-weight:100 900;font-display:swap}
:root{--bg:#0d0b0a;--panel:#171310;--panel-2:#211913;--ink:#f7f1e8;--muted:#b8afa5;--accent:#ff4b16;--accent-soft:#ff965b;--line:rgba(255,255,255,.12);--max:1200px}
*{box-sizing:border-box}
html{scroll-behavior:smooth}
body{margin:0;background:var(--bg);color:var(--ink);font:400 16px/1.62 Geist,Inter,system-ui,-apple-system,'Segoe UI',sans-serif}
img{display:block;max-width:100%}
a{color:inherit;text-decoration:none}
button,input{font:inherit}
section[id]{scroll-margin-top:96px}
.shell{width:min(var(--max),calc(100% - 48px));margin-inline:auto}
.skip-link{position:absolute;left:-9999px;z-index:100;background:white;color:black;padding:12px}
.skip-link:focus{left:12px;top:12px}
.draft-ribbon{background:#ffb369;color:#22120b;text-align:center;font-size:.74rem;font-weight:800;letter-spacing:.08em;padding:5px 12px;text-transform:uppercase}
.site-header{position:sticky;top:0;z-index:40;background:rgba(13,11,10,.92);border-bottom:1px solid var(--line);backdrop-filter:blur(18px)}
.header-inner{height:80px;display:flex;align-items:center;gap:36px}
.wordmark{font-size:1.48rem;font-weight:800;letter-spacing:-.055em;white-space:nowrap}
.mark-corners{position:relative;display:inline-block;padding:8px 12px;border:1px solid var(--accent);border-radius:2px}
.wordmark{display:block;line-height:0}.wordmark img{width:210px;height:auto}.footer-logo{width:180px;height:auto}
@media(max-width:600px){.wordmark img{width:150px}}
.wordmark span span,.footer-brand span{font-weight:350}.wordmark b,.footer-brand b{color:var(--accent)}
.site-header nav{display:flex;gap:25px;margin-left:auto}
.site-header nav a{font-size:.88rem;color:var(--muted);font-weight:650;transition:color .2s}
.site-header nav a:hover,.site-header nav a:focus-visible{color:#fff}
.header-cta{border:1px solid rgba(255,75,22,.55);border-radius:999px;padding:10px 16px;color:#fff;font-weight:700;font-size:.85rem;white-space:nowrap}
.header-cta span{color:var(--accent-soft);margin-left:5px}
.header-cta:hover{background:rgba(255,75,22,.12)}
.hero{position:relative;overflow:hidden;padding:112px 0 30px;background:radial-gradient(circle at 78% 24%,rgba(242,78,29,.16),transparent 32%),radial-gradient(circle at 19% 100%,rgba(255,112,35,.08),transparent 31%)}
.hero-grid{display:grid;grid-template-columns:1.03fr .97fr;align-items:center;gap:60px;min-height:530px}
.hero-copy{position:relative;z-index:2}
.eyebrow{margin:0 0 15px;color:var(--accent-soft);font-size:.77rem;font-weight:850;letter-spacing:.15em;text-transform:uppercase}
.eyebrow-dot{display:inline-block;width:7px;height:7px;margin-right:7px;border-radius:50%;background:var(--accent)}
h1,h2,h3,p,figure{margin-top:0}
h1,h2,h3{letter-spacing:-.045em}
h1{max-width:730px;font-size:clamp(3.2rem,5.45vw,5.65rem);line-height:1.03;margin-bottom:25px;font-weight:800}
h1 em{font-style:normal;color:var(--accent)}
.hero-lead{max-width:600px;color:#d5c9bf;font-size:1.13rem;line-height:1.7}
.buttons{display:flex;flex-wrap:wrap;gap:12px;margin-top:30px}
.button{display:inline-flex;align-items:center;justify-content:center;gap:13px;min-height:52px;padding:12px 24px;border-radius:999px;font-weight:750;font-size:.94rem;transition:transform .18s,background .18s,border-color .18s}
.button:hover{transform:translateY(-2px)}
.button-primary{background:var(--accent);color:#fff;box-shadow:0 12px 34px rgba(255,75,22,.18)}
.button-primary:hover{background:#fa6537}
.button-secondary{border:1px solid rgba(255,255,255,.28);color:#fff;background:rgba(255,255,255,.02)}
.button-secondary:hover{border-color:var(--accent-soft);background:rgba(255,255,255,.05)}
.hero-note{margin:23px 0 0;color:#9e938a;font-size:.86rem}
.hero-art{position:relative;min-height:420px;display:grid;place-items:center}
.hero-glow{position:absolute;width:78%;aspect-ratio:1;border-radius:50%;background:rgba(255,75,22,.2);filter:blur(80px)}
.desktop-frame{position:absolute;left:0;right:0;top:12%;margin:0;border-radius:17px;background:#171310;box-shadow:0 35px 75px rgba(0,0,0,.48)}
.desktop-frame img{width:100%;height:auto;border-radius:17px}
.desktop-frame figcaption{position:absolute;left:14px;bottom:10px;padding:3px 7px;background:rgba(15,11,9,.72);border-radius:6px;color:#f7eee5;font-size:.7rem}
.phone-frame{position:absolute;width:20%;right:-1%;bottom:5%;margin:0;border:5px solid #29231f;border-radius:18px;background:#29231f;box-shadow:0 22px 44px rgba(0,0,0,.65);transform:rotate(4deg);overflow:hidden}
.phone-frame img{width:100%;height:auto;object-fit:cover;object-position:top;border-radius:12px}
.phone-frame figcaption{display:none}
.art-stamp{position:absolute;z-index:2;left:0;bottom:8px;display:grid;place-items:center;width:104px;height:104px;text-align:center;line-height:1.25;font-size:.8rem;font-weight:800;background:#ffdfb4;color:#442212;border-radius:50%;transform:rotate(-12deg);box-shadow:0 14px 34px rgba(0,0,0,.24)}
.paths{position:relative;z-index:2;display:grid;grid-template-columns:1fr 1fr;gap:16px;margin-top:60px}
.paths a{display:flex;align-items:center;gap:19px;padding:20px 23px;background:rgba(255,255,255,.045);border:1px solid var(--line);border-radius:16px;transition:background .2s,border-color .2s,transform .2s}
.paths a:hover{background:rgba(255,75,22,.09);border-color:rgba(255,75,22,.45);transform:translateY(-2px)}
.path-icon{width:45px;height:45px;flex:none;display:grid;place-items:center;background:rgba(255,75,22,.14);border-radius:11px;color:var(--accent-soft);font-size:1.45rem}
.paths small,.paths strong{display:block}.paths small{color:var(--muted);font-size:.78rem}.paths strong{line-height:1.25;font-size:1.05rem}.path-arrow{margin-left:auto;font-size:1.25rem;color:var(--accent-soft)}
.section{padding:106px 0}
.section-heading{max-width:750px;margin-bottom:42px}
.section-heading h2,.opening-intro h2,.change-section h2,.owner-section h2,.question-grid h2,.contact-box h2{font-size:clamp(2.25rem,4.2vw,4.15rem);line-height:1.07;margin-bottom:17px}
.section-heading>p:last-child{max-width:640px;color:var(--muted);font-size:1.07rem}
.business-grid{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:16px}
.business-card{min-width:0;overflow:hidden;background:var(--panel);border:1px solid var(--line);border-radius:20px;transition:transform .2s,border-color .2s}
.business-card:hover{transform:translateY(-5px);border-color:rgba(255,75,22,.45)}
.business-image{position:relative;aspect-ratio:3/4;overflow:hidden;background:#2a1b16}
.business-image:after{content:"";position:absolute;inset:auto 0 0;height:13%;background:linear-gradient(transparent,rgba(9,8,7,.44));pointer-events:none}
.business-image img{width:100%;height:100%;object-fit:cover;object-position:top center;transition:transform .35s}
.business-card:hover .business-image img{transform:scale(1.05)}
.business-number{position:absolute;z-index:1;right:12px;top:12px;display:grid;place-items:center;width:32px;height:32px;background:rgba(10,9,8,.85);border:1px solid rgba(255,255,255,.25);border-radius:8px;font-weight:800;font-size:.75rem}
.business-content{padding:21px 22px 23px}.business-content h3{font-size:1.55rem;margin-bottom:7px}.business-content p{min-height:78px;color:var(--muted);font-size:.95rem;line-height:1.55}.text-link{display:flex;align-items:center;justify-content:space-between;padding-top:16px;border-top:1px solid var(--line);font-weight:750;font-size:.82rem}.text-link b{font-size:1.12rem;color:var(--accent-soft)}
.section-warm{background:#15100d;border-top:1px solid rgba(255,255,255,.04);border-bottom:1px solid rgba(255,255,255,.04)}
.opening-intro{display:grid;grid-template-columns:1fr 1fr;gap:90px;margin-bottom:42px;align-items:end}.opening-intro>div:last-child{max-width:530px}.opening-intro p:not(.eyebrow){color:var(--muted);font-size:1.05rem}.opening-intro strong{display:block;color:#fff;font-size:1.19rem;line-height:1.4}
.journey{border:1px solid var(--line);border-radius:20px;overflow:hidden;background:#1d1713}
.journey-head,.journey-row{display:grid;grid-template-columns:1.04fr 1fr 1.26fr;gap:22px;align-items:center}
.journey-head{padding:14px 25px;background:#2b2019;color:#e5b194;font-size:.76rem;font-weight:800;text-transform:uppercase;letter-spacing:.07em}
.journey-row{padding:24px 25px;border-top:1px solid var(--line);color:#c7bcb2;font-size:.94rem;line-height:1.55}
.journey-row>span:first-child{display:flex;align-items:center;gap:14px;color:#fff}.step-num{color:var(--accent-soft);font-size:.78rem}.journey-row>span:last-child{color:#f3e1d5}
.opening-bottom{display:grid;grid-template-columns:1.12fr .88fr;gap:75px;align-items:center;margin-top:62px}.opening-bottom p{color:var(--muted);font-size:1.06rem}.opening-bottom h3{font-size:1.65rem;margin:30px 0 8px}.opening-visual{margin:0;text-align:center}.opening-visual img{width:100%;height:auto;filter:drop-shadow(0 20px 38px rgba(0,0,0,.3))}.opening-visual figcaption{padding:10px 4px 2px;color:var(--muted);font-size:.8rem}
.change-grid{display:grid;grid-template-columns:.85fr 1.15fr;align-items:center;gap:100px}.change-section p:not(.eyebrow){max-width:630px;color:var(--muted);font-size:1.07rem}.change-image{position:relative;display:grid;place-items:center;min-height:430px;background:radial-gradient(circle,rgba(255,75,22,.18),transparent 62%)}.change-image img{width:min(260px,75%);max-height:445px;object-fit:cover;object-position:top;border:8px solid #2a2420;border-radius:30px;box-shadow:0 25px 65px rgba(0,0,0,.5)}
.practice-section{background:#171310}.practice-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:18px}.practice-card{background:#211a16;border:1px solid var(--line);border-radius:20px;overflow:hidden}.practice-art{height:275px;display:grid;place-items:center;padding:18px;background:radial-gradient(circle at 50% 80%,rgba(255,75,22,.16),transparent 60%),#241c18;overflow:hidden}.practice-art img{height:100%;max-width:100%;object-fit:contain;border-radius:12px;box-shadow:0 12px 35px rgba(0,0,0,.35)}.practice-copy{padding:24px}.practice-copy span{color:var(--accent-soft);font-size:.77rem;font-weight:850;letter-spacing:.12em;text-transform:uppercase}.practice-copy h3{font-size:1.5rem;margin:9px 0}.practice-copy p{margin:0;color:var(--muted);font-size:.94rem}
.feature-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:16px}.feature-card{display:flex;flex-direction:column;min-height:270px;padding:25px;background:var(--panel);border:1px solid var(--line);border-radius:18px;transition:border-color .2s,transform .2s}.feature-card:hover{transform:translateY(-3px);border-color:var(--accent)}.feature-card>span{font-size:1.8rem;color:var(--accent-soft)}.feature-card h3{font-size:1.26rem;line-height:1.2;margin:20px 0 8px}.feature-card p{color:var(--muted);font-size:.9rem;line-height:1.55}.feature-card b{margin-top:auto;color:var(--accent-soft);font-size:.84rem}.feature-note{margin:20px 0 0;color:var(--muted);font-size:.85rem}
.owner-section{background:#171310}.owner-grid{display:grid;grid-template-columns:.74fr 1.26fr;gap:90px;align-items:center}.owner-photo{position:relative;overflow:hidden;border-radius:22px;background:#31231c}.owner-photo img{width:100%;height:570px;object-fit:cover;object-position:center 26%;filter:saturate(.88)}.owner-photo span{position:absolute;left:18px;right:18px;bottom:18px;padding:11px 16px;background:rgba(11,9,8,.83);border-radius:10px;font-weight:750;font-size:.9rem}.owner-grid>div:last-child>p:not(.eyebrow){color:var(--muted);font-size:1.06rem}.owner-steps{list-style:none;padding:0;margin:27px 0}.owner-steps li{display:flex;gap:17px;padding:15px 0;border-top:1px solid var(--line)}.owner-steps li>b{flex:none;display:grid;place-items:center;width:30px;height:30px;background:rgba(255,75,22,.18);color:var(--accent-soft);border-radius:50%;font-size:.82rem}.owner-steps strong{font-size:1.06rem}.owner-steps p{margin:2px 0 0;color:var(--muted);font-size:.93rem}.owner-note{font-size:.87rem!important;color:var(--accent-soft)!important}
.reference-placeholder{padding:24px 0;background:#281c15;border-top:1px dashed rgba(255,150,91,.35);border-bottom:1px dashed rgba(255,150,91,.35)}.reference-placeholder .shell{display:flex;align-items:center;gap:24px}.reference-placeholder span{flex:none;color:var(--accent-soft);font-size:.72rem;font-weight:850;letter-spacing:.1em;text-transform:uppercase}.reference-placeholder p{margin:0;color:#d4c1b4;font-size:.87rem}
.question-grid{display:grid;grid-template-columns:.82fr 1.18fr;gap:100px}.question-grid>div:first-child>p:not(.eyebrow){color:var(--muted)}.question-grid .button{margin-top:16px}.faq-list details{border-bottom:1px solid var(--line);padding:17px 0}.faq-list details:first-child{border-top:1px solid var(--line)}.faq-list summary{list-style:none;cursor:pointer;font-size:1.06rem;font-weight:750;display:flex;justify-content:space-between;gap:10px}.faq-list summary::-webkit-details-marker{display:none}.faq-list summary:after{content:'+';color:var(--accent-soft);font-size:1.4rem;line-height:1}.faq-list details[open] summary:after{content:'−'}.faq-list p{color:var(--muted);padding:8px 25px 0 0;margin:0}.faq-list p a{color:var(--accent-soft);text-decoration:underline}
.contact-section{padding-top:25px}.contact-box{display:grid;grid-template-columns:1.1fr .9fr;gap:60px;align-items:center;padding:55px;background:linear-gradient(120deg,#362118,#1c1512 72%);border:1px solid rgba(255,75,22,.32);border-radius:25px}.contact-box h2{margin-bottom:14px}.contact-box p:not(.eyebrow){max-width:540px;color:#d4bfb2}.contact-choices{display:flex;flex-wrap:wrap;gap:9px}.contact-choices a{padding:10px 15px;border:1px solid rgba(255,255,255,.24);border-radius:999px;background:rgba(255,255,255,.04);font-weight:750;font-size:.86rem}.contact-choices a:hover{background:var(--accent);border-color:var(--accent)}
.site-footer{padding:40px 0;border-top:1px solid var(--line)}.footer-inner{display:flex;justify-content:space-between;gap:20px}.footer-brand{font-weight:800;letter-spacing:-.05em;font-size:1.45rem}.footer-inner p{margin:4px 0 0;color:var(--muted);font-size:.86rem}.footer-inner>div:last-child{display:flex;gap:20px;align-items:center;color:var(--muted);font-size:.88rem}.footer-inner a:hover{color:#fff}
:focus-visible{outline:2px solid var(--accent-soft);outline-offset:3px}
@media(max-width:1100px){.site-header nav{display:none}.header-cta{margin-left:auto}.hero-grid{gap:35px}.hero-art{min-height:390px}.feature-grid{grid-template-columns:repeat(2,1fr)}.owner-grid{gap:45px}}
@media(max-width:800px){.shell{width:min(var(--max),calc(100% - 30px))}.hero{padding-top:70px}.hero-grid,.opening-intro,.opening-bottom,.change-grid,.owner-grid,.question-grid,.contact-box{grid-template-columns:1fr}.hero-grid{gap:5px}.hero-art{min-height:410px;max-width:620px;width:100%;margin:auto}.paths{margin-top:25px}.opening-intro,.opening-bottom,.change-grid,.owner-grid,.question-grid,.contact-box{gap:35px}.business-card,.business-card:nth-child(4),.business-card:nth-child(5){grid-column:span 3}.practice-grid{grid-template-columns:1fr 1fr}.journey-head,.journey-row{grid-template-columns:1fr 1fr 1.15fr;gap:14px}.owner-photo{max-width:440px}.owner-photo img{height:430px}}
@media(max-width:600px){.header-inner{height:65px}.wordmark{font-size:1.2rem}.mark-corners{padding:5px 9px}.header-cta{font-size:.72rem;padding:8px 10px}.hero{padding-top:54px}.hero h1{font-size:clamp(2.7rem,12vw,3.6rem)}.hero-lead{font-size:1.02rem}.hero-art{min-height:300px}.desktop-frame{left:3%;right:13%;top:9%;border-width:6px;border-bottom-width:19px;border-radius:12px}.desktop-frame figcaption{bottom:-17px;font-size:.57rem}.phone-frame{width:27%;border-width:4px;border-radius:15px;right:1%;bottom:10px}.phone-frame img{height:185px;border-radius:10px}.art-stamp{width:73px;height:73px;font-size:.59rem;bottom:5px}.paths,.practice-grid,.feature-grid{grid-template-columns:1fr}.paths a{padding:16px}.section{padding:75px 0}.section-heading{margin-bottom:27px}.business-grid{grid-template-columns:1fr;gap:13px}.business-card,.business-card:nth-child(4),.business-card:nth-child(5){grid-column:auto}.business-image{height:210px}.business-content p{min-height:0}.opening-intro{margin-bottom:28px}.journey{background:none;border:0;display:grid;gap:12px;overflow:visible}.journey-head{display:none}.journey-row{display:block;background:#231b16;border:1px solid var(--line);border-radius:15px;padding:20px}.journey-row>span{display:block;margin-top:12px}.journey-row>span:first-child{display:flex;margin-top:0}.journey-row>span:nth-child(2):before{content:'Das machst du';display:block;color:var(--accent-soft);font-weight:800;font-size:.72rem;letter-spacing:.07em;text-transform:uppercase;margin-bottom:2px}.journey-row>span:last-child:before{content:'Dabei hilft GastroCMS';display:block;color:var(--accent-soft);font-weight:800;font-size:.72rem;letter-spacing:.07em;text-transform:uppercase;margin-bottom:2px}.opening-visual{transform:none}.change-image{min-height:350px}.practice-art{height:235px}.owner-photo img{height:380px}.contact-box{padding:28px}.footer-inner,.footer-inner>div:last-child{flex-wrap:wrap}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}.button,.business-card,.business-image img,.paths a,.feature-card{transition:none}}
@media(max-width:1100px){.business-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media(max-width:800px){.business-card,.business-card:nth-child(4),.business-card:nth-child(5){grid-column:auto}}
@media(max-width:600px){.business-grid{grid-template-columns:1fr}.business-image{height:auto}}
@media(max-width:600px){.hero-art{min-height:290px}.desktop-frame{left:0;right:0;top:12%;border:0;border-radius:12px}.desktop-frame img{border-radius:12px}.phone-frame{width:20%;right:0;bottom:4%;border-width:4px;transform:rotate(4deg)}.phone-frame img{height:auto;border-radius:10px}}
@media(max-width:600px){.hero-grid{grid-template-columns:minmax(0,1fr)}.hero-copy,.hero-art{min-width:0;width:100%}.hero h1{font-size:clamp(1.75rem,7.5vw,2.2rem);hyphens:auto;overflow-wrap:anywhere}}

/* Einheitliche, ruhige Bild- und Icon-Darstellung im lokalen Entwurf. */
.practice-card:nth-child(2) .practice-art img{width:100%;height:100%;object-fit:contain}
.feature-card>svg{width:30px;height:30px;flex:none;color:var(--accent-soft)}
.owner-photo span{font-size:.77rem;padding:8px 11px}
.gc-brand{font-weight:700;color:#fff;white-space:nowrap}.gc-brand i{font-style:normal;color:var(--accent-soft)}
.reference-box{padding:28px 0;background:#281c15;border-top:1px solid rgba(255,150,91,.25);border-bottom:1px solid rgba(255,150,91,.25)}.reference-box .shell{display:flex;align-items:flex-start;gap:28px}.reference-box span{flex:none;padding-top:3px;color:var(--accent-soft);font-size:.72rem;font-weight:850;letter-spacing:.1em;text-transform:uppercase}.reference-box p{margin:0;max-width:820px;color:#e6d6ca;font-size:.97rem;line-height:1.6}.reference-box a{color:var(--accent-soft);font-weight:750;white-space:nowrap}.reference-box a:hover{text-decoration:underline}
@media(max-width:600px){.reference-box .shell{flex-direction:column;gap:10px}}

.legal{padding:70px 0 90px}.legal-text{max-width:820px}.legal-text h1{font-size:clamp(2rem,4vw,3rem);margin-bottom:24px}.legal-text h2{font-size:1.3rem;margin:34px 0 8px;letter-spacing:-.02em}.legal-text p{color:#d5c9bf;margin:0 0 14px}.legal-text a{color:var(--accent-soft);text-decoration:underline}