@import url('');
:root{--bg:#0c1217;--panel:#151c22;--line:#2d3439;--orange:#ed5924;--white:#f7f6f3;--muted:#b8bfc2;--ink:#14191e}*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:var(--bg);color:var(--white);font:16px/1.6 system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif}a{color:inherit}a:focus-visible,summary:focus-visible{outline:3px solid #ffb28d;outline-offset:4px}.shell{width:min(1260px,calc(100% - 88px));margin:auto}.skip{position:absolute;top:-60px;left:15px;z-index:30;background:#fff;color:#111;padding:8px}.skip:focus{top:12px}.site-header{position:absolute;z-index:10;left:0;right:0;top:0;background:linear-gradient(180deg,rgba(8,13,17,.8),rgba(8,13,17,.05));}.head-inner{height:83px;display:flex;align-items:center;justify-content:space-between;gap:30px}.brand{text-decoration:none;display:flex;align-items:center;gap:12px;font-weight:700;white-space:nowrap;font-size:1.08rem;letter-spacing:-.03em}.brand strong{font-weight:800}.brand-icon{display:grid;place-items:center;color:var(--orange);font-size:28px;transform:rotate(-17deg)}.desktop-nav{display:flex;gap:34px}.desktop-nav a{font-size:.85rem;text-decoration:none;color:#f4f3f1}.desktop-nav a:hover,.desktop-nav a[aria-current=page]{color:#ff8a60}.btn{display:inline-flex;align-items:center;justify-content:center;gap:18px;text-decoration:none;background:var(--orange);color:white;font-weight:700;padding:14px 21px;border:1px solid var(--orange);border-radius:6px;font-size:.88rem;transition:background .15s}.btn:hover{background:#cf4414}.btn-small{padding:10px 22px}.btn-ghost{background:rgba(8,13,17,.3);border-color:#9ca0a2}.btn-ghost:hover{background:#202a31}.mobile-menu{display:none}.dark-hero{min-height:585px;position:relative;overflow:hidden;background:#0c1217}.hero-photo{position:absolute;inset:0;background-image:linear-gradient(90deg,#0a1117 0%,rgba(10,17,23,.98) 22%,rgba(10,17,23,.76) 46%,rgba(10,17,23,.24) 73%,rgba(10,17,23,.78) 100%),linear-gradient(0deg,#0c1217 0%,transparent 35%),url('assets/stadt-abend.jpg');background-size:cover;background-position:center 40%;filter:saturate(.95)}.hero-content{position:relative;display:grid;grid-template-columns:1fr 280px;gap:55px;padding-top:145px;padding-bottom:72px;align-items:center}.eyebrow{font-size:.72rem;font-weight:800;letter-spacing:.24em;color:var(--orange);text-transform:uppercase}.hero-text h1{font-size:clamp(3.2rem,5vw,5.5rem);line-height:1.06;letter-spacing:-.058em;margin:16px 0 17px;font-weight:820}.hero-text h1 em,.quiet-section h2 em{font-style:normal;color:var(--orange)}.hero-tagline{font-size:clamp(1.25rem,1.8vw,1.75rem);line-height:1.35;margin:0 0 18px}.hero-desc{max-width:590px;color:#e0e3e3;font-size:1.02rem;line-height:1.65;margin:0 0 26px}.hero-actions{display:flex;gap:14px;flex-wrap:wrap}.hero-side{background:rgba(8,12,16,.7);backdrop-filter:blur(10px);border:1px solid #ffffff22;border-radius:10px;overflow:hidden}.hero-side a{display:flex;align-items:center;gap:18px;padding:17px 20px;border-bottom:1px solid #ffffff22;text-decoration:none}.hero-side a:last-child{border:0}.hero-side a:hover{background:#ffffff12}.hero-side a>span{color:var(--orange);font-size:2rem;width:35px;line-height:1}.hero-side strong,.hero-side small{display:block}.hero-side strong{font-size:.95rem}.hero-side small{color:#c3c6c8;font-size:.79rem;margin-top:2px}.benefit-strip{background:#15191d;border-top:1px solid #ffffff18;border-bottom:1px solid #ffffff18}.benefit-grid{display:grid;grid-template-columns:repeat(6,1fr);padding:24px 0}.benefit{min-height:122px;display:flex;flex-direction:column;align-items:center;text-align:center;justify-content:center;padding:10px 15px;border-right:1px solid #ffffff22;text-decoration:none;gap:6px}.benefit:last-child{border:0}.benefit:hover{background:#ffffff08}.line-icon{font-size:2rem;line-height:1;color:var(--orange);font-weight:400}.benefit strong{font-size:.85rem;line-height:1.3}.benefit small{color:#bfc2c5;font-size:.75rem;line-height:1.35}.steps-section{background:#f7f6f3;color:#171b1d;padding:60px 0 55px}.steps-intro{display:flex;align-items:end;justify-content:space-between;gap:35px;margin-bottom:26px}.steps-intro h2{font-size:clamp(2rem,3vw,3.1rem);line-height:1.13;letter-spacing:-.04em;margin:8px 0 0}.steps-intro>p{max-width:410px;color:#5c6266}.steps-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:16px}.step{display:flex;align-items:flex-start;gap:17px;background:#fff;border:1px solid #e8e7e4;border-radius:10px;padding:22px;text-decoration:none;box-shadow:0 8px 24px #11111108}.step:hover{border-color:#e88e70}.step-number{background:#fbe6dd;color:#a9370f;border-radius:50%;width:44px;height:44px;display:grid;place-items:center;flex:none;font-weight:700}.step strong,.step small{display:block}.step strong{font-size:1.03rem}.step small{color:#5b6165;font-size:.83rem;line-height:1.45;margin-top:5px}.step-arrow{margin-left:auto;color:var(--orange)}.industries{display:grid;grid-template-columns:repeat(3,1fr);min-height:275px}.industry{position:relative;background-position:center;background-size:cover;text-decoration:none;display:flex;align-items:end;padding:32px 42px;isolation:isolate}.industry:before{content:"";position:absolute;inset:0;z-index:-1;background:linear-gradient(0deg,rgba(3,8,12,.95),rgba(3,8,12,.35))}.industry:hover:before{background:linear-gradient(0deg,rgba(3,8,12,.98),rgba(3,8,12,.15))}.handwerk{background-image:url('assets/handwerk.jpg')}.gastro{background-image:url('assets/gastronomie.jpg')}.kommunen{background-image:url('assets/stadt-detail.jpg')}.industry h3{font-size:1.5rem;margin:10px 0 2px}.industry p{font-size:.91rem;max-width:270px;margin:0 0 17px}.outline-link{display:inline-block;border:1px solid #d56a42;padding:8px 15px;border-radius:5px;font-size:.8rem}.quiet-section{display:grid;grid-template-columns:1fr 1fr;gap:80px;padding-top:80px;padding-bottom:80px}.quiet-section h2{font-size:clamp(2.2rem,3.5vw,3.8rem);line-height:1.12;letter-spacing:-.045em;margin:10px 0}.quiet-section>div:last-child{align-self:center;color:#c2c8ca;max-width:470px}.text-link{color:#ff885e;text-decoration:none;font-weight:700}.closing-strip{background:#191f23;padding:26px 0;border-top:1px solid #ffffff20}.closing-inner{display:flex;align-items:center;justify-content:space-between;gap:25px}.closing-inner strong,.closing-inner span{display:block}.closing-inner span{font-size:.87rem;color:#bfc6c9;margin-top:3px}.site-footer{background:#080d11;border-top:1px solid #ffffff16;padding:48px 0 25px}.footer-grid{display:flex;justify-content:space-between;gap:50px}.footer-grid p{color:#aab2b6;font-size:.88rem}.footer-grid a{color:#e6e8e9}.footer-links{display:grid;grid-template-columns:repeat(3,max-content);column-gap:30px;row-gap:7px}.footer-links a{text-decoration:none;font-size:.83rem;color:#bac0c3}.footer-links a:hover{color:var(--orange)}.footer-bottom{display:flex;justify-content:space-between;border-top:1px solid #ffffff18;margin-top:40px;padding-top:18px;color:#9da5a9;font-size:.76rem}
/* Inner pages: preserve content but restyle consistently */
.interior-main{padding-top:100px;min-height:65vh}.interior-main .subhero{padding-top:58px;padding-bottom:60px}.interior-main .subhero h1{font-size:clamp(2.7rem,5vw,4.6rem);line-height:1.12;letter-spacing:-.05em;max-width:950px;margin:10px 0 16px}.interior-main .subhero p:not(.eyebrow){max-width:730px;color:#cbd1d4;font-size:1.1rem}.interior-main .section{padding-top:60px;padding-bottom:60px}.interior-main .section-tight{padding-top:20px;padding-bottom:55px}.interior-main h2{font-size:clamp(1.7rem,2.8vw,2.8rem);letter-spacing:-.035em;line-height:1.2}.interior-main h3{font-size:1.15rem}.interior-main .section-heading{margin-bottom:26px}.interior-main .section-heading p{color:#bdc3c7}.interior-main .tiles{display:grid;gap:16px}.interior-main .tiles.four{grid-template-columns:repeat(4,1fr)}.interior-main .tiles.three{grid-template-columns:repeat(3,1fr)}.interior-main .tiles.two{grid-template-columns:repeat(2,1fr)}.interior-main .tile,.interior-main .approach-card,.interior-main .case-card{background:#172027;border:1px solid #303a40;border-radius:12px;padding:26px;min-width:0}.interior-main .tile p,.interior-main .approach-card p{color:#bfc6c9}.interior-main .tile-icon{color:var(--orange);font-size:1.8rem}.interior-main .inline-link{color:#ff956d;text-decoration:none;font-weight:650}.interior-main .alt{background:#161e24}.interior-main .editorial-grid{display:grid;grid-template-columns:1fr 1fr;gap:60px;align-items:center}.interior-main .editorial-figure{min-height:290px;background:#263038;border-radius:12px;padding:30px}.interior-main .editorial-copy p{color:#c6ced0}.interior-main .cta-wrap{padding-top:45px;padding-bottom:70px}.interior-main .cta-panel{display:flex;justify-content:space-between;align-items:center;gap:25px;background:#1c262c;border:1px solid #35414a;padding:35px;border-radius:14px}.interior-main .cta-panel p{color:#bfc6c9}.interior-main .legal-content{padding-bottom:70px;max-width:900px}.interior-main .legal-content p{color:#d0d5d7}.interior-main .contact-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:30px}.interior-main .contact-grid a{color:#ff9268}.interior-main details{background:#172027;border:1px solid #303a40;border-radius:10px;padding:14px 20px;margin:12px 0}.interior-main summary{cursor:pointer;font-weight:700;color:#ff8a60}.interior-main .case-detail{padding:28px 0;border-bottom:1px solid #ffffff22}.interior-main .case-detail h2{font-size:clamp(1.6rem,2.7vw,2.5rem)}.interior-main .facts{display:grid;grid-template-columns:repeat(2,1fr);gap:16px}.interior-main .fact{padding:22px;background:#202a31;border-radius:8px}.interior-main .fact p{color:#c2c9cc}.interior-main .grid{display:grid;grid-template-columns:repeat(3,1fr);gap:16px}.interior-main .card{background:#182229;border:1px solid #303a40;border-radius:12px;padding:25px}.interior-main .card a{color:#ff8a60}.interior-main .eyebrow{color:var(--orange)}.interior-main a:not(.btn){overflow-wrap:anywhere}
@media(max-width:1000px){.desktop-nav{gap:15px}.hero-content{grid-template-columns:1fr 230px;gap:25px}.benefit-grid{grid-template-columns:repeat(3,1fr)}.benefit:nth-child(3){border-right:0}.industries{grid-template-columns:1fr 1fr}.industry:last-child{grid-column:span 2}.interior-main .tiles.four{grid-template-columns:repeat(2,1fr)}}
@media(max-width:760px){.shell{width:min(100% - 36px,1260px)}.head-inner{height:70px}.desktop-nav,.header-action{display:none}.mobile-menu{display:block;position:relative}.mobile-menu summary{cursor:pointer;list-style:none;border:1px solid #ffffff50;border-radius:5px;padding:7px 13px;font-size:.9rem}.mobile-menu nav{position:absolute;right:0;top:42px;min-width:215px;background:#111a20;border:1px solid #344049;border-radius:8px;padding:12px;display:grid;gap:0;box-shadow:0 12px 30px #0009}.mobile-menu nav a{padding:9px;text-decoration:none;border-bottom:1px solid #ffffff16}.hero-content{grid-template-columns:1fr;padding-top:125px;padding-bottom:50px}.hero-text h1{font-size:clamp(2.8rem,9vw,4.5rem)}.hero-side{display:grid;grid-template-columns:1fr 1fr}.hero-side a{padding:12px;gap:8px}.hero-side a>span{font-size:1.5rem;width:25px}.benefit-grid{grid-template-columns:repeat(2,1fr)}.benefit:nth-child(3){border-right:1px solid #ffffff22}.benefit:nth-child(2n){border-right:0}.steps-intro{display:block}.steps-grid{grid-template-columns:1fr}.industries{grid-template-columns:1fr}.industry,.industry:last-child{grid-column:auto;min-height:240px}.quiet-section{grid-template-columns:1fr;gap:10px;padding-top:50px;padding-bottom:50px}.closing-inner,.footer-grid,.footer-bottom{flex-direction:column;align-items:flex-start}.footer-links{grid-template-columns:repeat(2,max-content)}.interior-main .tiles.three,.interior-main .tiles.four,.interior-main .tiles.two,.interior-main .editorial-grid,.interior-main .contact-grid,.interior-main .facts,.interior-main .grid{grid-template-columns:1fr}.interior-main .cta-panel{display:block}.interior-main .cta-panel .btn{margin-top:16px}.interior-main .subhero{padding-top:35px;padding-bottom:30px}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}.btn{transition:none}}

/* Verbindliche Design-2-Ergaenzung: Kiepenkerl-Markengeschichte */
.kiepen-story{background:#151b20;color:#f6f5f2;border-top:1px solid #ffffff17;border-bottom:1px solid #ffffff17}
.kiepen-story-inner{display:grid;grid-template-columns:minmax(210px,.75fr) minmax(0,1.7fr);gap:clamp(35px,7vw,110px);align-items:center;padding-top:clamp(55px,7vw,100px);padding-bottom:clamp(55px,7vw,100px)}
.kiepen-story-mark{min-height:260px;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:22px;border:1px solid #ffffff24;background:radial-gradient(circle at 50% 42%,#394048 0%,#242a30 42%,#171b20 78%);border-radius:8px;text-align:center}
.kiepen-story-glyph{font-size:clamp(6rem,13vw,11rem);font-weight:800;line-height:1;letter-spacing:-.12em;color:#f28c38;font-family:Georgia,serif}.kiepen-story-glyph span{font-family:Arial,sans-serif;font-size:.22em;vertical-align:top;letter-spacing:0;margin-left:.12em}
.kiepen-story-mark small{font-size:.65rem;letter-spacing:.18em;color:#c5c8cb;padding:0 20px}
.kiepen-story-copy h2{font-size:clamp(2rem,4vw,3.8rem);line-height:1.1;margin:12px 0 24px;color:#fff}.kiepen-story-copy h2 em{color:#f28c38;font-style:normal}
.kiepen-story-copy p:not(.eyebrow){max-width:650px;color:#cbd0d3;line-height:1.75;margin:0 0 15px}
.kiepen-story-copy .kiepen-story-line{color:#fff!important;font-weight:700;font-size:1.08rem;margin:20px 0!important}
.kiepen-story-copy .text-link{display:inline-block;margin-top:10px;color:#f6a05a}
.kiepen-story-about{scroll-margin-top:85px}
@media(max-width:760px){.kiepen-story-inner{grid-template-columns:1fr;gap:25px}.kiepen-story-mark{min-height:185px}.kiepen-story-glyph{font-size:6rem}}
/* Technische Korrektur 28.10.2026: fehlende Regeln der Unterseiten, Kontrast, mobile Schriftgroessen (Design 2 unveraendert) */
:root{--orange-strong:#c2410c;--orange-strong-hover:#a9370f}
.btn{background:var(--orange-strong);border-color:var(--orange-strong)}.btn:hover{background:var(--orange-strong-hover)}
.btn-ghost{background:rgba(8,13,17,.3);border-color:#9ca0a2}.btn-ghost:hover{background:#202a31}
.steps-section .eyebrow,.steps-section .step-arrow{color:#b93d0b}
.dash{display:inline-block;width:26px;height:2px;background:var(--orange);vertical-align:middle;margin-right:10px}
.interior-main .lead{max-width:730px;color:#cbd1d4;font-size:1.1rem}
.interior-main .split{display:grid;grid-template-columns:minmax(0,1.35fr) minmax(0,1fr);gap:56px;align-items:start;padding-top:60px;padding-bottom:60px}
.interior-main .split p{color:#c6ced0}
.interior-main .note-panel,.interior-main .quote-panel,.interior-main .contact-panel{background:#172027;border:1px solid #303a40;border-radius:12px;padding:30px;min-width:0}
.interior-main .note-panel h2,.interior-main .note-panel h3{margin-top:0}
.interior-main .note-panel li,.interior-main .note-panel p{color:#c6ced0}
.interior-main .note-panel li{margin:6px 0}
.interior-main .quote-panel span{display:block;font-size:4.5rem;line-height:.7;color:var(--orange);font-family:Georgia,serif}
.interior-main .quote-panel p{font-size:1.35rem;line-height:1.4;font-weight:700;color:#fff;margin:10px 0 0}
.interior-main .contact-panel h2{margin-top:8px}
.interior-main .contact-panel p{color:#c6ced0}
.interior-main .contact-icon{font-size:2rem;color:var(--orange);line-height:1}
.interior-main .mail-large{display:block;font-size:clamp(1.3rem,3vw,1.9rem);font-weight:800;color:#ff9268;text-decoration:none;margin:12px 0 22px}
.interior-main .contact-panel small{display:block;color:#aab2b6;margin-top:14px;font-size:.88rem}
.interior-main .timeline{display:grid;gap:14px;max-width:900px}
.interior-main .timeline-item{display:grid;grid-template-columns:48px minmax(0,1fr);gap:20px;align-items:start;background:#172027;border:1px solid #303a40;border-radius:12px;padding:22px 26px}
.interior-main .timeline-item>span{width:44px;height:44px;border-radius:50%;background:#2b1b13;color:#ff9a72;display:grid;place-items:center;font-weight:800}
.interior-main .timeline-item h2{font-size:1.3rem;margin:6px 0 6px}
.interior-main .timeline-item p{color:#bfc6c9;margin:0}
.interior-main .faq-list{max-width:900px}
.interior-main details p{color:#c6ced0}
.interior-main .warning{background:#2b1b13;border:1px solid #7a3a1f;color:#ffd2bd;padding:14px 18px;border-radius:8px;margin-top:28px}
.interior-main .portrait-placeholder{min-height:300px;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:12px;background:radial-gradient(circle at 50% 42%,#394048 0%,#242a30 45%,#171b20 80%);border:1px dashed #ffffff33;border-radius:12px;text-align:center;padding:20px}
.interior-main .portrait-placeholder span{font-size:4rem;font-weight:800;letter-spacing:-.05em;color:var(--orange)}
.interior-main .portrait-placeholder small{color:#aab2b6}
.interior-main .approach-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:16px;align-items:start}
.interior-main .approach-card{scroll-margin-top:24px}
.interior-main .approach-top{display:flex;justify-content:space-between;align-items:center;color:var(--orange);font-weight:800}
.interior-main .approach-card h2{font-size:1.45rem;margin:12px 0 6px}
.interior-main .approach-details h3{font-size:1rem;margin:16px 0 4px}
.interior-main .approach-details p{color:#c6ced0;margin:0}
.interior-main .example-note{display:inline-block;font-size:.75rem;font-weight:700;letter-spacing:.12em;text-transform:uppercase;color:#ffb28d;border:1px solid #7a3a1f;padding:3px 8px;border-radius:4px;margin-top:10px}
.interior-main .disclaimer{color:#aab2b6;font-size:.88rem;margin-top:24px}
@media(max-width:760px){.interior-main .split,.interior-main .approach-grid{grid-template-columns:1fr;gap:24px}.interior-main .timeline-item{padding:18px;gap:14px}.benefit small,.hero-side small,.step small,.footer-links a,.footer-bottom,.footer-grid p,.desktop-nav a,.outline-link,.interior-main .example-note{font-size:.875rem}.eyebrow{font-size:.8rem}}
.interior-main .contact-grid a.btn,.interior-main .card a.btn{color:#fff}
@media(max-width:760px){.interior-main .subhero h1{font-size:clamp(2.1rem,9.5vw,2.7rem);overflow-wrap:break-word;hyphens:auto}.benefit strong,.hero-side strong{font-size:.9rem}.kiepen-story-mark small{font-size:.8rem}.hero-side small,.step small{font-size:.875rem}}
/* Beispiel-Karten (Prototypen), erzeugt von _werkzeug/beispiele_einbauen.py */
.interior-main .example-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(300px,1fr));gap:16px;align-items:stretch}
.interior-main .example-card{display:flex;flex-direction:column;background:#172027;border:1px solid #303a40;border-radius:12px;padding:26px;min-width:0;scroll-margin-top:24px}
.interior-main .example-media{display:block;width:calc(100% + 52px);margin:-26px -26px 20px;border-radius:12px 12px 0 0;aspect-ratio:16/9;object-fit:cover;background:#0c1217}
.interior-main .example-meta{display:flex;flex-wrap:wrap;align-items:center;gap:8px 12px;font-size:.8rem;color:#bfc6c9}
.interior-main .example-badge{font-weight:700;letter-spacing:.08em;text-transform:uppercase;color:#ffb28d;border:1px solid #7a3a1f;padding:3px 8px;border-radius:4px}
.interior-main .example-card h3{font-size:1.25rem;line-height:1.3;margin:14px 0 8px}
.interior-main .example-card p{color:#c6ced0;margin:0 0 12px}
.interior-main .example-card ul{margin:0 0 16px;padding-left:20px;color:#c6ced0}
.interior-main .example-card li{margin:5px 0}
.interior-main .example-card li::marker{color:var(--orange)}
.interior-main .example-foot{margin-top:auto!important;padding-top:12px;border-top:1px solid #ffffff18;font-size:.85rem;color:#aab2b6!important}
.interior-main .example-more{margin-top:20px}
@media(max-width:760px){.interior-main .example-grid{grid-template-columns:1fr}.interior-main .example-meta{font-size:.875rem}}