/*
Theme Name: WEHA Architektur & Raum
Description: Individueller WEHA-Relaunch. Bestehende Inhalte und URLs bleiben erhalten.
Version: 1.0.3
Author: WEHA Immobilien
Text Domain: weha-relaunch
*/

:root{--red:#b71e31;--ink:#252526;--muted:#686866;--paper:#f5f4f0;--line:#dcdcd6;--max:1280px}*{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:160px}body{margin:0;color:var(--ink);background:white;font-family:Arial,Helvetica,sans-serif;line-height:1.6}a{color:inherit;text-decoration:none}button{font:inherit;color:inherit;cursor:pointer}button,a{touch-action:manipulation}button:focus-visible,a:focus-visible,summary:focus-visible{outline:3px solid #d08b28;outline-offset:5px}.skip{position:absolute;left:-9999px}.skip:focus{left:10px;top:90px;background:white;padding:10px;z-index:99}.preview{background:#252526;color:white;min-height:58px;display:flex;align-items:center;justify-content:space-between;gap:16px;padding:10px 4%;font-size:12px;position:sticky;top:0;z-index:60}.preview>span{letter-spacing:1px}.switch{display:flex;border:1px solid #626263;border-radius:5px;padding:3px;gap:3px}.switch button{background:none;color:#ddd;border:0;padding:7px 15px;border-radius:3px;line-height:1.3}.switch button[aria-pressed=true]{background:white;color:#252526}.plan-toggle{border:0;border-bottom:1px solid #777;background:none;color:white;font-size:12px;padding:4px 0}.wrap{width:min(90%,var(--max));margin:auto}.site-header{height:104px;background:white;position:sticky;top:58px;z-index:50;border-bottom:1px solid var(--line)}.header-inner{height:100%;display:flex;align-items:center;justify-content:space-between;gap:30px}.brand img{display:block;width:205px;height:auto}.nav{display:flex;align-items:center;gap:32px;font-size:14px}.nav a:hover{color:var(--red)}.nav .contact-link{border:1px solid var(--ink);padding:12px 22px}.menu{display:none;background:none;border:1px solid var(--line);padding:9px 13px}.eyebrow{font-size:12px;letter-spacing:2.2px;text-transform:uppercase;font-weight:bold;margin:0 0 24px}.red{color:var(--red)}h1,h2,h3,p{margin-top:0}h1{font-size:clamp(45px,5vw,74px);line-height:1.06;letter-spacing:-3.5px;font-weight:500;margin-bottom:27px}h1 em{font-style:normal;color:var(--red)}h2{font-weight:500;font-size:clamp(34px,3.5vw,52px);line-height:1.12;letter-spacing:-2px;margin-bottom:25px}h3{font-size:24px;line-height:1.2;font-weight:500;letter-spacing:-.5px}p{font-size:16px}.lead{font-size:18px;line-height:1.65;max-width:490px;color:var(--muted)}.btn{display:inline-flex;gap:24px;align-items:center;background:var(--red);color:white;padding:16px 24px;border:1px solid var(--red);font-size:14px}.btn:hover{background:#97162a}.btn.outline{background:transparent;color:var(--ink);border-color:var(--ink)}.actions{display:flex;flex-wrap:wrap;gap:15px;margin-top:32px}.hero{background:var(--paper)}.hero-grid{display:grid;grid-template-columns:47% 53%;min-height:640px}.hero-copy{padding:70px 45px 65px 0;align-self:center}.hero-visual{position:relative;min-height:640px}.hero-visual>img{width:100%;height:100%;object-fit:cover;position:absolute;inset:0;object-position:55% center}.hero-caption{position:absolute;bottom:0;right:0;left:0;color:white;background:linear-gradient(transparent,#000a);padding:70px 25px 22px;display:flex;align-items:end;justify-content:space-between;font-size:13px}.hero-caption strong{font-size:21px;font-weight:500}.hero-caption a{border-bottom:1px solid #ccc}.hero-number{position:absolute;right:22px;top:23px;padding:7px 12px;background:#fffe;font-size:11px;letter-spacing:1px}.region{padding:23px 0;border-bottom:1px solid var(--line);font-size:13px;display:flex;justify-content:space-between;gap:20px}.region span:last-child{color:var(--muted)}.section{padding:100px 0}.section-head{display:flex;align-items:end;justify-content:space-between;gap:35px;margin-bottom:45px}.section-head h2{margin-bottom:0}.section-head>p{max-width:380px;color:var(--muted);margin:0}.services{display:grid;grid-template-columns:repeat(3,1fr);gap:0;border-top:1px solid var(--line)}.service{padding:30px 35px 10px 0}.service+.service{padding-left:35px;border-left:1px solid var(--line)}.service .n{font-size:12px;color:var(--red);margin-bottom:35px;display:block}.service p{color:var(--muted);max-width:330px}.text-link{font-size:14px;border-bottom:1px solid;padding-bottom:5px}.references{background:var(--paper)}.filters{display:flex;gap:8px;flex-wrap:wrap;margin:0 0 30px}.filters button{border:1px solid #ccc;background:transparent;padding:8px 16px;font-size:13px}.filters button[aria-pressed=true]{background:var(--ink);color:white;border-color:var(--ink)}.projects{display:grid;grid-template-columns:repeat(3,1fr);gap:37px 25px}.project{display:block;text-align:left;border:0;background:transparent;padding:0}.pic{position:relative;aspect-ratio:1.42;overflow:hidden;background:#ddd}.pic img{height:100%;width:100%;object-fit:cover;transition:transform .35s}.project:hover .pic img{transform:scale(1.035)}.pic span{position:absolute;left:15px;top:15px;background:#fffffff0;font-size:11px;padding:5px 10px}.pic b{position:absolute;bottom:13px;right:13px;color:white;background:var(--red);border-radius:50%;height:34px;width:34px;display:grid;place-items:center;font-weight:normal}.project h3{margin:19px 0 5px}.project p{color:var(--muted);font-size:14px;margin:0}.project .project-address{font-size:12px;margin-top:6px}.project[hidden]{display:none}.team{display:grid;grid-template-columns:1fr 1fr;gap:80px;align-items:center}.team-photo{position:relative}.team-photo img{display:block;width:100%;max-width:100%;height:auto;aspect-ratio:1024 / 751;object-fit:contain}.team-label{padding:18px 23px;background:var(--paper);font-size:14px}.team p{color:var(--muted)}.team .eyebrow{color:var(--red)}.steps{border-top:1px solid var(--line);padding-top:32px;display:grid;grid-template-columns:repeat(4,1fr);gap:25px}.step b{font-size:12px;color:var(--red)}.step h3{font-size:20px;margin:22px 0 12px}.step p{color:var(--muted);font-size:14px}.faq{display:grid;grid-template-columns:.8fr 1.2fr;gap:80px}.faq details{border-bottom:1px solid var(--line);padding:18px 0}.faq summary{cursor:pointer;font-size:18px;list-style:none;display:flex;justify-content:space-between;gap:20px}.faq summary:after{content:'+';color:var(--red)}.faq details[open] summary:after{content:'−'}.faq details p{margin:17px 35px 0 0;color:var(--muted);font-size:15px}.contact{background:var(--ink);color:white;padding:80px 0}.contact-inner{display:grid;grid-template-columns:1.2fr 1fr;gap:70px;align-items:center}.contact h2{font-size:48px}.contact p{color:#c6c6c3}.contact-links{display:grid;gap:18px;font-size:23px}.contact-links a{border-bottom:1px solid #555;padding-bottom:14px;display:flex;justify-content:space-between}.contact-links a:hover{color:#ffb7c0}.contact-address{font-size:14px;color:#bbb}.footer{padding:32px 0}.footer-inner{display:flex;justify-content:space-between;gap:25px;font-size:12px;color:var(--muted)}.footer-links{display:flex;gap:20px}.top{position:fixed;bottom:22px;right:22px;background:white;border:1px solid #bbb;box-shadow:0 3px 20px #0001;width:43px;height:43px;display:grid;place-items:center;z-index:40}.b-only{display:none}body.architecture{--paper:#efede7;--ink:#252625;--red:#ab2538}.architecture .hero{background:#232724;color:white}.architecture .hero-grid{position:relative;min-height:720px;display:block;width:100%;max-width:none}.architecture .hero-copy{position:relative;padding:100px 0 100px 7%;width:70%;z-index:2}.architecture h1{font-family:Georgia,'Times New Roman',serif;font-size:clamp(50px,5.8vw,88px);letter-spacing:-3px;line-height:1.05}.architecture h1 em{color:#f7ece5}.architecture .hero .lead{color:#e2e4df;max-width:430px}.architecture .hero .eyebrow{color:#f2dbd4}.architecture .hero-visual{position:absolute;inset:0;min-height:0}.architecture .hero-visual:after{content:'';position:absolute;inset:0;background:linear-gradient(90deg,#18221cdd 0%,#14201988 45%,#17201905 85%)}.architecture .hero-visual>img{object-position:center 52%}.architecture .hero-caption{z-index:3;padding:30px 6%;background:transparent;left:52%}.architecture .hero-number{display:none}.architecture .hero .btn.outline{color:white;border-color:#ccc}.architecture .region{background:var(--paper);width:100%;padding:26px 6%}.architecture h2{font-family:Georgia,'Times New Roman',serif;letter-spacing:-1.8px}.architecture .projects{grid-template-columns:repeat(2,1fr);gap:55px 35px}.architecture .pic{aspect-ratio:1.65}.architecture .project:nth-child(even){margin-top:65px}.architecture .references{background:#fff}.architecture .service h3{font-family:Georgia,serif;font-size:28px}.architecture .team-section{background:var(--paper)}.architecture .team{grid-template-columns:1.05fr 1fr;gap:100px}.architecture .team-photo img{height:auto;aspect-ratio:1024 / 751;object-fit:contain}.architecture .team-label{background:white}.architecture .a-only{display:none}.architecture .b-only{display:inline}.plan{background:#faf9f5;border-bottom:1px solid #d6d4cc;padding:45px 0}.plan[hidden]{display:none}.plan h2{font-size:32px}.plan-grid{display:grid;grid-template-columns:1fr 1fr;gap:40px}.plan h3{font-size:20px}.plan li,.plan p{font-size:14px}.plan li{margin-bottom:8px}.status{padding:12px 16px;background:#fff0d7;color:#614719;border-left:3px solid #bc902b;font-size:14px}.plan a{text-decoration:underline}.close-plan{float:right;border:1px solid #aaa;background:white;padding:6px 12px}.modal{border:0;padding:0;width:min(850px,92vw);max-height:90vh;box-shadow:0 20px 90px #0006}.modal::backdrop{background:#000b}.modal img{width:100%;max-height:52vh;object-fit:cover;display:block}.modal-body{padding:28px 35px}.modal-body p{margin-bottom:8px;color:var(--muted)}.close-modal{position:absolute;right:15px;top:15px;background:white;border:0;font-size:24px;width:42px;height:42px;border-radius:50%}.modal h2{font-size:34px;margin-bottom:15px}.note{font-size:12px;color:var(--muted);margin-top:32px}.count{font-size:13px;color:var(--muted)}
@media(min-width:1500px){.hero-grid{min-height:700px}.hero-visual{min-height:700px}}@media(max-width:1000px){.nav{gap:18px}.brand img{width:165px}.hero-copy{padding-right:25px}h1{letter-spacing:-2.5px}.hero-grid,.hero-visual{min-height:590px}.team,.faq{gap:40px}.architecture .team{gap:40px}.section{padding:75px 0}.projects{grid-template-columns:repeat(2,1fr)}.preview>span{display:none}}@media(max-width:700px){html{scroll-padding-top:138px}.preview{padding:8px 4%;min-height:60px;gap:8px}.switch button{font-size:11px;padding:8px}.plan-toggle{max-width:85px;font-size:10px;line-height:1.3}.site-header{height:78px;top:60px}.brand img{width:155px}.menu{display:block}.nav{display:none;position:absolute;top:78px;left:0;right:0;background:white;padding:25px;box-shadow:0 12px 15px #0002}.nav.open{display:grid;gap:18px}.hero-grid{display:flex;flex-direction:column;min-height:0}.hero-copy{padding:42px 0 38px}.hero h1{font-size:47px;letter-spacing:-2.5px}.hero .lead{font-size:16px}.hero-visual{min-height:340px;margin:0 -5.55%}.hero .eyebrow{font-size:10px;letter-spacing:1.5px}.actions{gap:10px;margin-top:25px}.btn{font-size:12px;padding:13px 16px;gap:15px}.hero-caption{padding:50px 20px 20px}.region{font-size:11px;flex-direction:column;gap:5px;padding:20px 0}.section{padding:58px 0}.section-head{display:block;margin-bottom:30px}.section-head>p{margin-top:20px;font-size:15px}h2{font-size:35px;letter-spacing:-1.3px}.services{display:block}.service,.service+.service{border-left:0;padding:25px 0 20px;border-bottom:1px solid var(--line)}.service .n{margin-bottom:18px}.projects{grid-template-columns:1fr;gap:30px}.project h3{font-size:24px}.pic{aspect-ratio:1.5}.team,.faq,.contact-inner{grid-template-columns:1fr;gap:35px}.steps{grid-template-columns:1fr 1fr;gap:30px}.contact{padding:55px 0}.contact h2{font-size:35px}.contact-links{font-size:18px;gap:12px}.footer-inner{display:block}.footer-links{margin-top:15px}.architecture .hero-grid{min-height:650px}.architecture .hero-copy{width:100%;padding:60px 7% 140px}.architecture .hero h1{font-size:56px;letter-spacing:-2px}.architecture .hero-visual{margin:0}.architecture .hero-visual:after{background:linear-gradient(90deg,#17211ddc,#17211d50)}.architecture .hero-caption{left:0;right:0;padding:25px 7%;bottom:0}.architecture .hero-visual>img{object-position:60%}.architecture .projects{grid-template-columns:1fr;gap:32px}.architecture .project:nth-child(even){margin-top:0}.architecture .team{grid-template-columns:1fr;gap:30px}.plan-grid{grid-template-columns:1fr;gap:20px}.plan{padding:28px 0}.plan h2{font-size:26px}.modal-body{padding:25px}.eyebrow{margin-bottom:18px}.faq summary{font-size:16px}.top{width:36px;height:36px;bottom:14px;right:14px}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}.pic img{transition:none}}

/* Production layout, without the design selection bar. */
html{scroll-padding-top:110px}.site-header{top:0}.admin-bar .site-header{top:32px}.preview,.plan{display:none}.content-page{max-width:960px;min-height:50vh}.content-page img{max-width:100%;height:auto}.content-page table{max-width:100%;border-collapse:collapse}.content-page td{padding:12px;vertical-align:top}.content-page a{text-decoration:underline}.content-page input,.content-page textarea{max-width:100%;padding:12px;border:1px solid #aaa;font:inherit}.content-page label{display:block;margin:12px 0}.project-entry .text-link{display:inline-block;margin-top:12px}.architecture .project-entry:nth-child(even){margin-top:65px}.architecture .project-entry .project{margin-top:0}.footer-links{flex-wrap:wrap}.project-address{overflow-wrap:anywhere}
@media(max-width:782px){.admin-bar .site-header{top:46px}}@media(max-width:700px){html{scroll-padding-top:85px}.architecture .project-entry:nth-child(even){margin-top:0}.content-page table,.content-page tbody,.content-page tr,.content-page td{display:block;width:100%}.contact-links{overflow-wrap:anywhere}}

/* Dedicated pages retain the same natural image proportions as the homepage. */
main>.section h1{font-size:clamp(36px,5vw,64px);line-height:1.12;margin:0 0 24px;letter-spacing:-1.5px}.content-page{overflow-wrap:anywhere}