:root{font-family:Inter,ui-sans-serif,system-ui,-apple-system,'Segoe UI',sans-serif;color:#192127;background:#fff;font-synthesis:none}*{box-sizing:border-box}body{margin:0}a{color:inherit;text-decoration:none}button,input,textarea{font:inherit}button,.button{border:0;border-radius:9px;background:#153d37;color:white;padding:12px 18px;cursor:pointer;display:inline-block;font-weight:650}button:hover,.button:hover{background:#256b60}a:focus-visible,button:focus-visible,input:focus-visible,textarea:focus-visible{outline:3px solid #e89b3c;outline-offset:3px}.skip{position:absolute;left:-9999px;top:5px;background:white;padding:12px;z-index:20}.skip:focus{left:5px}.eyebrow{text-transform:uppercase;letter-spacing:.16em;font-size:.75rem;font-weight:750}.publichead{display:flex;align-items:center;justify-content:space-between;padding:26px clamp(20px,5vw,90px);gap:30px;max-width:1700px;margin:auto}.publicbrand{font-size:1.6rem;font-weight:850;letter-spacing:-.06em}.dot{color:#e66b43}.publichead nav{display:flex;flex-wrap:wrap;gap:24px;font-size:.9rem}.contactlink{border:1px solid #222;padding:12px 20px;border-radius:30px;font-size:.9rem}.agencyhero{position:relative;overflow:hidden;min-height:650px;background:#e8ece8;display:grid;grid-template-columns:1.2fr .8fr;padding:clamp(28px,6vw,100px);align-items:center}.heroinner{position:relative;z-index:2}.agencyhero h1{font-size:clamp(3.8rem,8vw,9rem);letter-spacing:-.075em;line-height:.98;max-width:1000px;margin:35px 0 60px}.herobottom{display:flex;align-items:end;gap:50px;max-width:650px}.herobottom p{font-size:clamp(1rem,1.7vw,1.35rem);line-height:1.6;max-width:450px}.roundarrow{display:grid;place-items:center;border:1px solid #222;border-radius:50%;min-width:62px;height:62px;font-size:2rem}.heroart{height:420px;position:relative}.orb{position:absolute;display:block;border-radius:50%;filter:blur(1px)}.orb1{background:#ed7756;width:290px;height:290px;right:20%;top:4%;box-shadow:inset -30px -40px 70px #a83b38}.orb2{background:#b3c5aa;width:230px;height:230px;right:0;bottom:0;box-shadow:inset -30px -40px 60px #5b8470}.orb3{background:#f3c57a;width:120px;height:120px;left:12%;bottom:14%}.agencysection{display:grid;grid-template-columns:1fr 2fr;gap:30px;padding:clamp(60px,9vw,140px) clamp(24px,6vw,110px);max-width:1600px;margin:auto}.sectionnum{font-size:.8rem;text-transform:uppercase;letter-spacing:.12em;font-weight:750}.agencysection h2,.darksection h2{font-size:clamp(2.7rem,6vw,6.5rem);line-height:1.05;letter-spacing:-.065em;margin:0 0 35px}.lead{font-size:clamp(1.1rem,2vw,1.6rem);line-height:1.55;max-width:650px}.servicerows{margin-top:55px;border-top:1px solid #aab0ad}.servicerows>div{display:grid;grid-template-columns:55px 1fr 30px;gap:15px;align-items:center;border-bottom:1px solid #aab0ad;padding:26px 0}.servicerows strong{font-size:clamp(1.3rem,2.5vw,2.4rem);letter-spacing:-.04em}.darksection{background:#192622;color:#fff;padding:clamp(60px,9vw,150px) clamp(24px,7vw,120px)}.darksection h2{max-width:950px;margin:45px 0}.darksection>p:last-child{font-size:1.35rem;max-width:620px;line-height:1.6}.biglink{display:inline-block;font-size:clamp(1.5rem,3vw,3rem);border-bottom:2px solid;padding-bottom:12px}.publicfooter{background:#e9ede9;padding:60px clamp(24px,6vw,110px);display:grid;grid-template-columns:2fr 1fr;gap:30px}.publicfooter strong{font-size:2rem}.publicfooter p{max-width:450px}.publicfooter a{display:block;margin-bottom:12px}.publicfooter small{grid-column:1/-1}.public main>.panel,.public main>.intro,.public main>.cards,.public main>h1,.public main>form{margin:40px auto;max-width:1080px;padding:20px}.public .cards{display:grid;grid-template-columns:repeat(auto-fit,minmax(240px,1fr));gap:20px}.public .cards article{background:#f3f5f3;padding:25px;border-radius:14px}.app{display:grid;grid-template-columns:255px minmax(0,1fr);min-height:100vh}.sidebar{background:#132b2b;color:#dbe6e3;padding:26px 16px;display:flex;flex-direction:column}.adminbrand{display:flex;align-items:center;gap:12px;padding:10px 10px 35px;font-weight:800;font-size:1.08rem}.adminbrand small{display:block;font-size:.7rem;color:#9eb4af;font-weight:500;margin-top:4px}.brandmark{display:grid;place-items:center;background:#d4efdd;color:#163b30;border-radius:12px;width:39px;height:39px;font-size:1.7rem}.sidebar nav{display:grid;gap:5px}.navitem{padding:12px 15px;border-radius:9px;color:#c5d5d0;font-size:.93rem}.navitem:hover,.navitem.current{background:#28514b;color:white}.sidefoot{margin-top:auto;padding:20px 12px;color:#9eb4af;font-size:.75rem}.workspace{min-width:0;background:#f5f7f6}.adminhead{height:73px;border-bottom:1px solid #e4e9e6;background:white;display:flex;align-items:center;justify-content:space-between;padding:0 clamp(20px,3vw,50px);font-size:.88rem}.adminhead a{color:#276358}.adminmain{max-width:1300px;margin:0 auto;padding:clamp(22px,4vw,55px)}.adminmain h1{font-size:clamp(2rem,4vw,3rem);letter-spacing:-.055em;margin:0 0 24px}.adminmain h2{font-size:1.25rem;letter-spacing:-.025em}.adminmain .cards{display:grid;grid-template-columns:repeat(auto-fit,minmax(210px,1fr));gap:18px}.adminmain .cards article,.panel{background:white;border:1px solid #e4e9e6;border-radius:14px;padding:25px;margin-bottom:18px;box-shadow:0 3px 15px #14251b08}.adminmain .cards article p{font-size:2.4rem;font-weight:750;margin:12px 0}.adminmain .cards a{color:#216557}.adminmain .panel p{line-height:1.65}.adminmain .panel article{padding:12px 0}form{max-width:920px}form label{display:block;font-size:.9rem;font-weight:650;margin:16px 0}input:not([type=checkbox]),textarea{display:block;width:100%;border:1px solid #cbd6d1;background:white;color:#182520;border-radius:8px;padding:12px;margin-top:7px}textarea{min-height:115px;resize:vertical}.check{display:flex;gap:10px;align-items:center}.check input{width:18px;height:18px}.error{color:#b32c2c}.content{line-height:1.8}.content h1{font-size:clamp(2rem,5vw,4rem)}@media(max-width:850px){.app{grid-template-columns:1fr}.sidebar{padding:12px}.adminbrand{padding:8px}.sidebar nav{display:flex;overflow:auto;gap:5px}.navitem{white-space:nowrap}.sidefoot{display:none}.publichead{flex-wrap:wrap}.publichead nav{order:3;width:100%;gap:14px}.agencyhero{grid-template-columns:1fr;min-height:500px}.agencyhero h1{font-size:clamp(3.3rem,11vw,6rem)}.heroart{position:absolute;opacity:.22;right:-80px;width:350px;top:110px}.agencysection{grid-template-columns:1fr}.publicfooter{grid-template-columns:1fr}}@media(prefers-reduced-motion:reduce){*,*::before,*::after{scroll-behavior:auto!important;animation:none!important;transition:none!important}}
/* Free Edition 0.3: visual block editor and lightweight public sections */
button,.button{background:var(--accent,#153d37)}.agencyhero{background:var(--surface,#e8ece8)}.buildergrid{display:grid;grid-template-columns:230px minmax(0,1fr);gap:20px;align-items:start}.buildertools{position:sticky;top:20px}.buildertools button{display:block;width:100%;margin:8px 0;text-align:left}.buildertools p{font-size:.85rem;line-height:1.6}.buildercardhead{display:flex;align-items:center;gap:8px;flex-wrap:wrap}.buildercardhead strong{margin-right:auto}.buildercardhead button{padding:6px 10px;font-size:.8rem}.buildercard label{margin-top:14px}.buildercard select{display:block;width:100%;padding:12px;border:1px solid #cbd6d1;border-radius:8px;background:white}.dwblock{padding:clamp(45px,8vw,120px) clamp(22px,8vw,130px)}.dwblock h1{font-size:clamp(3rem,8vw,8rem);line-height:1.04;letter-spacing:-.06em;max-width:1100px}.dwblock h2{font-size:clamp(2rem,5vw,5rem);letter-spacing:-.055em;line-height:1.08}.dwblock p{font-size:clamp(1.1rem,1.8vw,1.45rem);line-height:1.7;max-width:800px;white-space:normal}.dwhero{min-height:520px;display:flex;align-items:center}.dwcolumns{display:grid;grid-template-columns:1fr 1fr;gap:35px}.tone-light{background:white;color:#172421}.tone-dark{background:#172b29;color:white}.tone-accent{background:var(--surface,#e8ece8);color:#172421}@media(max-width:900px){.buildergrid,.dwcolumns{grid-template-columns:1fr}.buildertools{position:static}}@media(prefers-reduced-motion:reduce){.dwblock{scroll-behavior:auto}}

/* Agenturvorlage: leichte, zugängliche Darstellung ohne externe Fonts */
.public .dwhero{min-height:75vh;display:flex;align-items:center;padding:clamp(4rem,10vw,10rem) clamp(1.5rem,8vw,9rem);background:#112d2b;color:#fff}
.public .dwhero h1{font-size:clamp(3.2rem,8vw,8rem);line-height:1.02;letter-spacing:-.065em;max-width:1100px}
.public .dwhero p{font-size:clamp(1.1rem,2vw,1.65rem);max-width:700px}
.public .dwtext,.public .dwcolumns,.public .dwcta{padding:clamp(4rem,8vw,9rem) clamp(1.5rem,8vw,9rem)}
.public .dwtext h2,.public .dwcolumns h2,.public .dwcta h2{font-size:clamp(2.2rem,5vw,5rem);line-height:1.08;letter-spacing:-.04em}
.public .dwcolumns{display:grid;grid-template-columns:1fr 1fr;gap:clamp(2rem,6vw,8rem)}
.public .dwblock.tone-dark{background:#112d2b;color:#fff}.public .dwblock.tone-accent{background:#dcece5;color:#142d29}
.public .dwblock.tone-light{background:#f7f8f5;color:#142d29}
@media(max-width:720px){.public .dwcolumns{grid-template-columns:1fr}.public .dwhero{min-height:65vh}}
@media(prefers-reduced-motion:reduce){.public .dwblock *{animation:none!important;transition:none!important}}

/* 0.4.0: responsive layout and theme controls */
.public{font-size:var(--body-size,16px);color:var(--text-color,#192127);background:var(--page-background,#fff)}
.publichead{max-width:var(--page-width,1320px)}
.public .dwblock>div,.public .dwblock>h2,.public .dwblock>p{max-width:var(--page-width,1320px)}
.public .dwhero h1,.agencyhero h1{font-size:clamp(2.6rem,6.2vw,6.6rem);overflow-wrap:anywhere;hyphens:auto;line-height:1.04;margin:0 0 1.5rem}
.public .dwhero{min-height:480px;padding-block:clamp(3rem,7vw,7rem)}
.public .dwblock{overflow-wrap:anywhere}
.public .dwtext,.public .dwcolumns,.public .dwcta{padding-block:clamp(3rem,6vw,6rem)}
.public .dwblock h2{font-size:clamp(2rem,4.4vw,4.5rem);overflow-wrap:anywhere}
.public .dwblock .button,.public .contactlink{border-radius:var(--radius,12px)}
.design-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(min(100%,310px),1fr));gap:16px;align-items:start}
.design-grid .panel{margin:0}.design-grid input[type=color]{width:100%;height:48px;padding:4px;cursor:pointer}
.button-secondary{background:#e6eeeb;color:#153d37}.notice{background:#e7f3eb;padding:12px;border-radius:10px}
@media(max-width:650px){.public .dwhero h1{font-size:clamp(2.5rem,10vw,4.5rem)}.public .dwhero{min-height:350px}.adminmain{padding:18px}.design-grid{grid-template-columns:1fr}}

/* 0.4.1: konfigurierbare Gestaltung ohne Editor-Last im Frontend */
.public .agencyhero h1{font-size:clamp(2.6rem,7vw,var(--hero-size));overflow-wrap:anywhere;line-height:1.05}
.public .agencysection{padding-top:var(--section-space);padding-bottom:var(--section-space)}
.publichead nav{display:flex;flex-wrap:wrap;gap:clamp(.5rem,1.5vw,1.5rem)}
.publicfooter p{white-space:normal;overflow-wrap:anywhere}
@media(max-width:760px){.public .agencyhero h1{font-size:clamp(2.5rem,10vw,5rem)}.public .agencysection{padding-top:clamp(32px,8vw,var(--section-space));padding-bottom:clamp(32px,8vw,var(--section-space))}}

/* Media library */
.media-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(210px,1fr));gap:16px;margin-top:24px}.media-grid article{min-width:0}.media-grid img{display:block;width:100%;height:150px;object-fit:cover;border-radius:8px}.media-grid input{width:100%;font-size:12px}