/* Entwurf B: ruhige Gestaltung für einen persönlichen Handwerksbetrieb.
   Nach draft.css laden; Film- und Wasseranimationen besitzen eigene Regeln. */
.draft-b{--ink:#243c30;--paper:#f7f5ef;--line:#d6dbcf;--muted:#697368;--forest:#243f32;background:var(--paper);color:var(--ink);font-family:"Segoe UI",Arial,sans-serif;-webkit-font-smoothing:antialiased}
.draft-b .draft-switch{background:#e9ece4;color:#536051;min-height:29px;padding:5px 4.5%;font-size:10px;gap:20px}
.draft-b .draft-switch span{color:inherit;font-size:10px}
.draft-b .draft-switch a{border:0;padding:3px 0;border-radius:0}
.draft-b .draft-switch a:last-child{border-bottom:1px solid #74826c}
.draft-b header{height:92px;padding:0 5%;background:var(--paper);gap:30px}
.draft-b .brand{font-size:12px;letter-spacing:1.2px;gap:14px}
.draft-b .brandmark{font-size:34px;font-weight:650;letter-spacing:-2.5px}
.draft-b .brandmark i{display:none}
.draft-b .brand small{font-size:7px;letter-spacing:1.7px;font-weight:500}
.draft-b nav{gap:32px;font-size:13px}
.draft-b nav a{padding:10px 0}
.draft-b .button{border-radius:2px;background:var(--forest);padding:16px 22px;font-size:13px;font-weight:550;gap:24px;min-height:48px}
.draft-b .button.small{padding:13px 18px;font-size:12px;min-height:44px}
.draft-b .button span{font-size:17px}
.draft-b .button:hover{background:#34513e}
.draft-b .hero{height:clamp(660px,82svh,880px);min-height:660px;padding:0;background:#3d5440;color:#fff}
.draft-b .scene,.draft-b .scene img{height:100%;width:100%}
.draft-b .scene img{position:absolute;inset:0;object-fit:cover;object-position:center;filter:none}
.draft-b .scene-shade{background:linear-gradient(90deg,rgba(12,31,19,.58),rgba(12,31,19,.2) 52%,rgba(12,31,19,0) 85%),linear-gradient(0deg,rgba(12,31,19,.35),transparent 50%)}
.draft-b .hero-copy{position:absolute;left:7%;right:7%;top:auto;bottom:114px;max-width:830px;text-align:left;padding:0}
.draft-b .hero-copy .eyebrow{margin:0 0 25px;color:#f5f7eb;font-size:10px;letter-spacing:1.8px;font-weight:550}
.draft-b .hero-copy h1{font-family:Georgia,"Times New Roman",serif;font-size:clamp(56px,6.4vw,92px);font-weight:400;letter-spacing:-3.1px;line-height:1.05;margin:0 0 24px;text-wrap:balance;text-shadow:0 2px 22px #10251b18}
.draft-b .hero-copy .hero-intro{font-size:16px;color:#f2f3e9;line-height:1.65;margin:0;max-width:470px}
.draft-b .hero-services{display:none}
.draft-b .hero-actions{justify-content:flex-start;gap:24px;margin-top:30px;display:flex;align-items:center}
.draft-b .hero-actions .button{background:#f5f3e8;color:#253d2e;padding:16px 22px}
.draft-b .hero-actions .button:hover{background:#fff}
.draft-b .hero-actions>span{font-size:11px;color:#eef1e5;max-width:165px;line-height:1.65}
.draft-b .hero-bottom{left:7%;right:7%;bottom:28px;gap:22px;color:#fff;justify-content:flex-end}
.draft-b .hero-bottom button{font-size:16px}
.draft-b .hero-bottom button span{font-size:10px;font-weight:400;letter-spacing:.1px}
.draft-b .hero-bottom>a{border:1px solid #ffffff60;color:white;border-radius:50%;width:37px;height:37px;display:grid;place-items:center;padding:0;font-size:18px}
.draft-b .draft-note{left:7%;right:auto;bottom:13px;color:#fff;font-size:8px;letter-spacing:.1px;opacity:.8;max-width:58%}
.draft-b .ribbon{display:none}
.draft-b .section{padding:100px 7%;scroll-margin-top:25px}
.draft-b .eyebrow{font-size:10px;font-weight:550;letter-spacing:1.6px;line-height:1.8}
.draft-b h2{font-family:Georgia,"Times New Roman",serif;font-size:clamp(38px,4.2vw,61px);font-weight:400;letter-spacing:-1.8px;line-height:1.13;margin:22px 0 44px;text-wrap:balance}
.draft-b h2 em{font-family:inherit;font-weight:400;font-style:italic;color:#5e7457}
.draft-b .section-top>p:last-child{font-size:13px;line-height:1.8;color:var(--muted);margin:0}
.draft-b .services{padding-top:93px;padding-bottom:95px}
.draft-b .service-grid{display:grid;grid-template-columns:1fr 1fr;gap:0 64px}
.draft-b .service-grid article,.draft-b .service-grid article:first-child,.draft-b .service-grid article:nth-child(3){display:grid;grid-template-columns:35px 1fr;column-gap:15px;align-content:start;padding:30px 0 27px;border:0;border-top:1px solid var(--line);position:relative}
.draft-b .service-grid .icon{display:none}
.draft-b .service-grid .number{grid-column:1;grid-row:1;float:none;font-size:11px;color:#73806b;margin-top:7px}
.draft-b .service-grid h3{grid-column:2;font-size:24px;letter-spacing:-.65px;line-height:1.25;font-weight:500;margin:0 0 13px}
.draft-b .service-grid h3 br{display:none}
.draft-b .service-grid p{grid-column:2;font-size:14px;line-height:1.8;color:var(--muted);min-height:0;max-width:390px;margin:0}
.draft-b .service-grid a{grid-column:2;justify-content:flex-start;align-items:center;gap:15px;border:0;padding:20px 0 0;font-size:12px;line-height:1.6}
.draft-b .service-grid a span{font-size:17px}
.draft-b .service-grid a:hover{color:#6a8055}
.draft-b .team{background:#e9ece3;grid-template-columns:.85fr 1fr;gap:11%;padding-top:92px;padding-bottom:92px}
.draft-b .team-art{height:auto;min-height:360px;display:flex;align-items:center;background:none;color:var(--ink);padding:28px 0;border-top:1px solid #b7c2ae;border-bottom:1px solid #b7c2ae;overflow:visible}
.draft-b .team-art:after,.draft-b .team-art .circle{display:none}
.draft-b .team-art>span{font-family:Georgia,"Times New Roman",serif;font-weight:400;font-size:clamp(40px,4vw,58px);line-height:1.18;letter-spacing:-1.7px;margin:0}
.draft-b .team-art>span em{font-family:inherit;font-style:italic;font-weight:400;color:#657b56}
.draft-b .team-copy h2{font-size:44px;margin:20px 0 25px}
.draft-b .team-copy>p:not(.eyebrow){font-size:14px;line-height:1.85;color:#586650}
.draft-b .values{gap:10px;border-top:1px solid #c4ceba;padding-top:22px;font-size:12px;line-height:1.6;margin-top:24px}
.draft-b .region>div:first-of-type{gap:50px;align-items:center}
.draft-b .region>div>p{max-width:350px;font-size:15px;line-height:1.9;color:var(--muted)}
.draft-b .region h2{margin-bottom:20px}
.draft-b .places{gap:35px;margin-top:42px}
.draft-b .places span{font-size:10px;letter-spacing:1.3px;padding:21px 0;border-color:var(--line)}
.draft-b .places b{font-weight:400;color:#6c8060;font-size:15px}
.draft-b .contact{background:var(--forest);text-align:left;padding-top:85px;padding-bottom:85px}
.draft-b .contact .eyebrow{color:#d1dbc8}
.draft-b .contact h2{font-size:clamp(40px,4.5vw,65px);margin:25px 0}
.draft-b .contact h2 em{color:#d3dec7}
.draft-b .contact>p:not(.eyebrow){max-width:580px;margin:0 0 30px;font-size:14px;line-height:1.9;color:#d8dfd1}
.draft-b .button.light{background:#f4f2e8;color:#243e2f}
.draft-b .button.light:hover{background:#fff}
.draft-b .contact-note{font-size:10px;color:#c6d1bf;line-height:1.7;margin-top:15px}
.draft-b footer{padding:40px 7%;gap:25px}
.draft-b footer p{color:var(--muted);font-size:12px}
.draft-b footer button{font-size:11px}
.draft-b footer>small{font-size:9px;color:#727c6b;border-color:var(--line)}
@media(min-width:1600px){.draft-b .section{padding-left:max(7%,calc((100vw - 1380px)/2));padding-right:max(7%,calc((100vw - 1380px)/2))}}
@media(max-width:900px){.draft-b header{gap:20px;height:82px}.draft-b nav{gap:20px;font-size:12px}.draft-b .hero{min-height:650px;height:76svh}.draft-b .hero-copy{bottom:105px}.draft-b .hero-copy h1{font-size:66px}.draft-b .section{padding:75px 6%}.draft-b .service-grid{gap:0 35px}.draft-b .service-grid h3{font-size:21px}.draft-b .team{gap:7%;grid-template-columns:.8fr 1fr}.draft-b .team-copy h2{font-size:36px}.draft-b .team-art>span{font-size:42px}}
@media(max-width:620px){.draft-b .draft-switch{padding:5px 5%;gap:17px;justify-content:flex-end;min-height:28px}.draft-b .draft-switch span{display:block;margin-right:auto;font-size:9px}.draft-b .draft-switch a{font-size:9px}.draft-b header{height:77px;padding:0 5%;gap:14px}.draft-b .brand{font-size:10px;gap:10px;letter-spacing:.7px}.draft-b .brandmark{font-size:29px}.draft-b .brand small{font-size:6px;letter-spacing:1.1px}.draft-b nav{display:none}.draft-b .button.small{font-size:10px;padding:11px 12px;gap:13px}.draft-b .hero{height:calc(100svh - 105px);min-height:590px;max-height:820px;padding:0}.draft-b .scene img{height:100%;width:100%;object-fit:cover;object-position:59% center}.draft-b .scene-shade{background:linear-gradient(0deg,rgba(12,31,19,.68),rgba(12,31,19,.18) 75%,rgba(12,31,19,.04))}.draft-b .hero-copy{left:7%;right:7%;top:auto;bottom:108px;max-width:none;padding:0}.draft-b .hero-copy .eyebrow{margin:0 0 21px;font-size:8px;letter-spacing:1.3px}.draft-b .hero-copy h1{font-size:clamp(44px,11.4vw,65px);letter-spacing:-1.7px;line-height:1.08;margin:0 0 21px}.draft-b .hero-copy .hero-intro{font-size:14px;max-width:290px;line-height:1.7;margin:0}.draft-b .hero-actions{display:block;margin-top:24px}.draft-b .hero-actions .button{padding:14px 17px;min-height:47px;font-size:12px}.draft-b .hero-actions>span{max-width:none;margin-top:13px;font-size:9px;line-height:1.5}.draft-b .hero-bottom{bottom:32px;gap:16px}.draft-b .hero-bottom button span{font-size:9px}.draft-b .draft-note{bottom:11px;max-width:84%;font-size:7px}.draft-b .section{padding:61px 7%}.draft-b h2{font-size:39px;letter-spacing:-1.5px;margin:20px 0 33px}.draft-b .section-top>p:last-child{display:none}.draft-b .service-grid{grid-template-columns:1fr;gap:0}.draft-b .service-grid article,.draft-b .service-grid article:first-child,.draft-b .service-grid article:nth-child(3){padding:25px 0;grid-template-columns:25px 1fr;gap:0 13px}.draft-b .service-grid h3{font-size:23px}.draft-b .service-grid p{font-size:13px;line-height:1.85;min-height:0}.draft-b .service-grid a{font-size:11px;padding-top:17px}.draft-b .team{grid-template-columns:1fr;gap:35px}.draft-b .team-art{min-height:0;padding:29px 0}.draft-b .team-art>span{font-size:39px;line-height:1.13}.draft-b .team-copy h2{font-size:38px}.draft-b .team-copy>p:not(.eyebrow){font-size:13px}.draft-b .region>div:first-of-type{display:block}.draft-b .region>div>p{font-size:14px;max-width:none}.draft-b .places{display:block;margin-top:28px}.draft-b .places span{padding:17px 0;font-size:9px}.draft-b .contact h2{font-size:39px}.draft-b .contact>p:not(.eyebrow){font-size:13px}.draft-b .contact-note{font-size:9px}.draft-b footer{padding:33px 7%;gap:22px}.draft-b footer p{margin:0;font-size:11px}.draft-b footer>small{line-height:1.8;font-size:8px}}

/* Four core services are visible immediately, including on narrow screens. */
.draft-b .hero{height:auto;min-height:680px;max-height:none;padding:64px 7% 116px;display:flex;align-items:center}
.draft-b .hero-copy{position:relative;inset:auto;width:100%;max-width:900px;padding:0}
.draft-b .hero-copy h1{font-size:clamp(38px,4.8vw,68px);letter-spacing:-1.8px;line-height:1.08;margin:0 0 22px}
.draft-b .hero-copy .hero-intro{max-width:650px;font-size:16px}
.draft-b .hero-services{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px;margin:24px 0 0;max-width:680px;background:none;border:0;backdrop-filter:none}
.draft-b .hero-services>a,.draft-b .hero-services>a:first-child,.draft-b .hero-services>a:nth-child(odd){display:flex;flex-direction:row;align-items:center;justify-content:space-between;gap:12px;min-height:58px;padding:14px 17px;border:1px solid #ffffff65;border-radius:3px;background:#173d2ce8;color:#fff;font-size:15px;font-weight:550;line-height:1.4}
.draft-b .hero-services b{margin:0;font-size:20px}
.draft-b .hero-services>a:hover{background:#345a3e}
.draft-b .hero-services>a:focus-visible{outline:3px solid #fff;outline-offset:3px}
.draft-b .service-grid article{scroll-margin-top:30px}
@media(max-width:620px){.draft-b .hero{padding:38px 7% 105px;min-height:650px}.draft-b .hero-copy h1{font-size:clamp(32px,8.5vw,48px);letter-spacing:-1px}.draft-b .hero-copy .eyebrow{margin:0 0 18px}.draft-b .hero-copy .hero-intro{font-size:14px}.draft-b .hero-services{gap:8px;margin-top:20px}.draft-b .hero-services>a,.draft-b .hero-services>a:first-child,.draft-b .hero-services>a:nth-child(odd){padding:12px 10px;gap:6px;font-size:12px;min-height:64px;overflow-wrap:anywhere}.draft-b .hero-services b{font-size:16px}.draft-b .hero-actions{margin-top:22px}}