/* Phase 4, Fassung 2: vorhandenes großes Headerbild, Suche im Bild,
   Burger-Navigation auf Desktop und Mobil als verbindliche Basis. */
.concept .site-shell{position:relative;max-width:none;margin:0}
.concept .site-header{position:absolute;inset:0 var(--gutter) auto;margin:0;min-height:110px;border:0;color:#fff;z-index:10;gap:38px}
.concept .brand img{width:206px;height:auto}
.concept .header-call{display:block;border:0;color:#fff;font-size:12px}
.concept .menu-button{display:flex;align-items:center;justify-content:center;gap:20px;min-width:90px;min-height:48px;padding:10px 0;border:0;color:#fff;background:none}
.concept .menu-label{font-size:12px;font-weight:400}
.burger{display:flex;width:28px;height:22px;flex-direction:column;justify-content:space-between}
.burger i{display:block;width:100%;height:1px;background:currentColor}
.concept .image-hero{display:block;position:relative;isolation:isolate;margin:0;padding:150px var(--gutter) 70px;min-height:860px;border:0;color:#fff;background:#1a1a1a;overflow:hidden}
.image-hero .hero-backdrop{position:absolute;inset:0;width:100%;height:100%;max-width:none;object-fit:cover;object-position:center 55%;z-index:-2}
.image-hero::before{content:"";position:absolute;inset:0;background:rgba(26,26,26,.53);z-index:-1;pointer-events:none}
.concept .hero-layout{position:relative;max-width:1300px;margin:0 auto;min-width:0}
.concept .hero-message{min-width:0}
.concept .image-hero h1{color:#fff;font-size:64px;line-height:1.08;font-weight:300;letter-spacing:-.055em;max-width:23ch;margin:22px 0;text-wrap:balance}
.concept .image-hero .eyebrow{font-size:10px;line-height:1.7;letter-spacing:.16em;margin:0;color:#fff}
.concept .image-hero .intro-text{font-size:15px;line-height:1.75;max-width:67ch;color:#fff}
.concept .hero-search{width:100%;min-width:0}
.concept .image-hero .search-area{margin:0}
.concept .image-hero .ai-form label{font-size:13px;font-weight:500;margin-bottom:13px}
.concept .image-hero .search-entry{display:flex;flex-wrap:nowrap;align-items:center;background:#fff;color:#1a1a1a;border:1px solid #fff;border-radius:40px;padding:6px;gap:8px;min-height:62px}
.concept .search-entry input{border:0;outline-offset:0;background:transparent;color:#1a1a1a;font:inherit;font-size:14px;min-width:0;width:100%;height:48px;padding:10px 18px;border-radius:28px}
.search-entry input::placeholder{color:#53514c;opacity:1}
.concept .image-hero .search-submit{align-self:center;display:flex;align-items:center;justify-content:center;flex:0 0 48px;width:48px;height:48px;min-height:48px;margin:0;padding:0;border:0;border-radius:50%;background:#1a1a1a;color:#fff}
.concept .image-hero .search-submit>span:last-child{font-size:27px;line-height:1;font-weight:300}
.concept .image-hero .ai-note{color:#fff;font-size:10px;line-height:1.65;max-width:none;margin-top:12px}
.concept .image-hero .valuation-shortcut{color:#fff;border-color:rgba(255,255,255,.75);font-size:12px;margin-top:8px;min-height:44px}
.concept .image-hero .trust{color:#fff;margin:0;font-size:10px;gap:15px}
.concept .image-hero .trust strong{font-size:12px}
.concept .hero-caption{position:absolute;left:var(--gutter);bottom:26px;font-size:9px;letter-spacing:.09em;color:#fff}
.hero-signature{display:flex;align-items:center;gap:20px}
.hero-signature img{width:74px;height:90px;object-fit:cover;object-position:50% 38%;border:1px solid rgba(255,255,255,.6)}
.hero-signature p{font-size:11px;line-height:1.7}
.hero-signature strong{display:block;font-weight:500;font-size:14px}.hero-signature span{display:block}
.hero-signature a{display:block;margin-top:9px;font-size:10px;min-height:30px}
/* 01: ruhige Mitte, vertraute Gewichtung. */
.c1 .image-hero{padding-top:174px}
.c1 .hero-layout{display:flex;flex-direction:column;align-items:center;text-align:center}
.c1 .hero-message{max-width:840px}.c1 .hero-message h1{margin:20px auto 24px}
.c1 .hero-message .intro-text{margin:0 auto;max-width:66ch}
.c1 .hero-search{max-width:760px;margin-top:34px}.c1 .hero-trust{margin-top:30px}
/* 02: weite, linksbündige Typografie. */
.c2 .image-hero{padding-top:164px}
.c2 .image-hero h1{font-size:80px;line-height:1.02;max-width:23ch;margin:24px 0}
.c2 .hero-search{max-width:790px;margin-top:32px}
.c2 .hero-trust{position:absolute;right:0;bottom:10px}
.c2 .image-hero .intro-text{max-width:79ch}
/* 03: offenes Raster und direkter Kartenübergang. */
.c3 .image-hero{padding-top:230px;min-height:810px}
.c3 .hero-layout{display:grid;grid-template-columns:1.05fr 1fr;gap:34px 8%;align-items:end}
.c3 .image-hero h1{font-size:52px;font-weight:500;max-width:19ch}
.c3 .hero-message{grid-column:1;grid-row:1}.c3 .hero-search{grid-column:2;grid-row:1;margin-bottom:2px}
.c3 .hero-trust{grid-column:2;grid-row:2}
.c3 .hero-regions{grid-column:1/-1;display:flex;gap:35px;border-top:1px solid rgba(255,255,255,.65);padding-top:22px;margin-top:65px;font-size:12px;max-width:none}
/* 04: persönliche Signatur, die Stadt bleibt bildbestimmend. */
.c4 .image-hero{padding-top:170px;min-height:880px}
.c4 .hero-layout{display:grid;grid-template-columns:1.65fr .85fr;gap:0 7%;align-items:end}
.c4 .hero-message{grid-column:1}.c4 .image-hero h1{font-size:60px;max-width:22ch}
.c4 .hero-search{grid-column:1;margin-top:30px}.c4 .hero-trust{grid-column:1;margin-top:28px}
.c4 .hero-signature{grid-column:2;grid-row:2;align-self:end;flex-direction:column;align-items:flex-start;border-left:1px solid rgba(255,255,255,.6);padding:25px 0 10px 28px}
.c4 .hero-signature img{width:84px;height:104px}
/* 05: freier Bildraum oberhalb des kompakten Einstiegs. */
.c5 .image-hero{padding-top:300px;min-height:900px}
.c5 .hero-layout{max-width:880px;display:flex;flex-direction:column;align-items:center;text-align:center}
.c5 .image-hero h1{font-size:54px;max-width:25ch;margin:18px auto 22px}
.c5 .image-hero .intro-text{max-width:72ch;margin:auto}
.c5 .hero-search{max-width:780px;margin-top:28px}.c5 .hero-trust{margin-top:26px}
/* 06: Kapitel und Suchzeile in einem architektonischen Raster. */
.c6 .image-hero{padding-top:170px;min-height:860px}
.c6 .hero-layout{display:grid;grid-template-columns:105px 1.7fr 1fr;column-gap:35px;row-gap:32px}
.c6 .hero-chapter{grid-column:1;grid-row:1;font-size:92px;line-height:1;font-weight:300;letter-spacing:-.07em;border-top:1px solid #fff;padding-top:26px}
.c6 .hero-message{grid-column:2/-1;grid-row:1;border-top:1px solid rgba(255,255,255,.7);padding-top:30px}
.c6 .image-hero h1{font-size:56px;line-height:1.08;font-weight:500;max-width:23ch;margin:20px 0}
.c6 .hero-search{grid-column:2;grid-row:2}.c6 .hero-trust{grid-column:3;grid-row:2;align-self:center;border-left:1px solid rgba(255,255,255,.6);padding-left:30px}
.c6 .image-hero .trust{display:block}.c6 .image-hero .stars{display:block;margin-bottom:12px}
/* Dieselbe Burger-Navigation auf allen Geräten. Native Dialog-Tastaturführung. */
.navigation-dialog{padding:35px 46px 42px;max-width:720px;width:calc(100% - 32px);border:0;background:#fff;color:#1a1a1a;max-height:calc(100svh - 32px)}
.menu-top{display:flex;justify-content:space-between;align-items:center;gap:25px;margin-bottom:45px}.menu-top img{width:185px;height:auto}
.menu-close{display:flex;align-items:center;gap:20px;min-height:48px;border:0;background:none;font-size:12px;padding:10px 0}.menu-close span{font-size:29px;font-weight:300}
.navigation-dialog #menu-title{font-size:10px;margin-bottom:18px}.navigation-dialog nav a{display:flex;align-items:center;gap:24px;min-height:69px;padding:14px 0;font-size:25px;font-weight:300;text-decoration:none;border-top:1px solid var(--line);letter-spacing:-.03em}.navigation-dialog nav a:last-child{border-bottom:1px solid var(--line)}
.navigation-dialog nav a span{font-size:10px;font-weight:500;letter-spacing:0}.menu-phone{display:inline-flex;min-height:48px;align-items:center;font-size:16px;margin-top:26px}.navigation-dialog .fine{margin-top:5px}
@media(max-width:1150px) and (min-width:761px){.c2 .hero-trust{position:static;margin-top:25px}.c4 .hero-layout{grid-template-columns:1.7fr .7fr;gap:0 5%}.c4 .hero-signature{padding-left:20px}.c6 .hero-layout{grid-template-columns:70px 1.6fr 1fr;column-gap:25px}.c6 .hero-chapter{font-size:70px}.c6 .hero-trust{padding-left:20px}.c3 .hero-layout{gap:30px 5%}.concept .image-hero h1{font-size:54px}.c2 .image-hero h1{font-size:68px}.c6 .image-hero h1{font-size:50px}}
@media(max-width:760px){
.concept .site-header{min-height:92px;gap:18px}.concept .brand img{width:157px}.concept .header-call{display:none}.concept .menu-button{min-width:75px;gap:13px}.concept .menu-label{font-size:10px}.burger{width:25px;height:19px}
.concept .image-hero{display:block;min-height:780px;padding:135px var(--gutter) 65px;isolation:isolate}
.image-hero .hero-backdrop{object-position:65% center}.image-hero::before{background:rgba(26,26,26,.54)}
.concept .hero-layout{display:flex;flex-direction:column;align-items:stretch;gap:0;text-align:left;max-width:none}
.concept .image-hero .eyebrow{font-size:9px;line-height:1.7;letter-spacing:.11em;max-width:36ch}
.concept .image-hero h1{font-size:34px;font-weight:300;line-height:1.12;max-width:none;letter-spacing:-.045em;margin:19px 0 22px;text-wrap:balance}
.concept .image-hero .intro-text{font-size:12px;line-height:1.75;max-width:none;margin:0}
.concept .hero-message{max-width:none}.concept .hero-search{max-width:none;margin-top:28px}
.concept .image-hero .ai-form label{font-size:12px;margin-bottom:12px}.concept .image-hero .search-entry{padding:5px;gap:0;min-height:58px}.concept .search-entry input{height:44px;font-size:16px;padding:10px 13px;line-height:1.5}.concept .image-hero .search-submit{flex-basis:44px;width:44px;height:44px;min-height:44px}.concept .image-hero .ai-note{font-size:9px;line-height:1.7;margin-top:12px}.concept .image-hero .valuation-shortcut{font-size:10px;margin-top:10px;min-height:44px}.concept .hero-trust{position:static;margin-top:25px;padding:0;border:0}.concept .image-hero .trust{display:flex;gap:12px;font-size:9px}.concept .image-hero .trust strong{font-size:11px}.concept .image-hero .stars{display:inline-block;margin:0;font-size:14px}.concept .hero-caption{bottom:22px;font-size:8px}
.c1 .hero-layout,.c5 .hero-layout{text-align:center;align-items:center}.c1 .hero-message .eyebrow,.c5 .hero-message .eyebrow{margin:auto}.c1 .hero-trust,.c5 .hero-trust{align-self:center}
.c2 .image-hero h1{font-size:36px;line-height:1.08}.c2 .image-hero{padding-top:128px}
.c3 .image-hero{padding-top:130px;min-height:840px}.c3 .image-hero h1{font-size:32px;font-weight:500}.c3 .hero-regions{display:grid;grid-template-columns:1fr 1fr;gap:8px 20px;max-width:none;margin-top:30px;padding-top:19px;font-size:10px;align-self:stretch}
.c4 .image-hero{padding-top:124px;min-height:890px}.c4 .hero-signature{flex-direction:row;align-items:center;gap:15px;padding:22px 0 0;margin-top:26px;border-left:0;border-top:1px solid rgba(255,255,255,.6);width:100%}.c4 .hero-signature img{width:48px;height:59px}.hero-signature strong{font-size:12px}.hero-signature p{font-size:9px}.hero-signature a{margin-top:2px;min-height:32px;display:flex;align-items:center;font-size:9px}
.c5 .image-hero{padding-top:196px;min-height:845px}.c5 .hero-search{margin-top:25px}
.c6 .image-hero{padding-top:126px;min-height:810px}.c6 .hero-chapter{font-size:32px;line-height:1;padding:0 0 13px;border-top:0;border-bottom:1px solid rgba(255,255,255,.65);margin-bottom:19px;align-self:stretch;letter-spacing:-.05em}.c6 .hero-message{border:0;padding:0}.c6 .image-hero h1{font-size:32px;font-weight:500}
.navigation-dialog{padding:22px}.menu-top{margin-bottom:32px;gap:15px}.menu-top img{width:140px}.menu-close{font-size:10px;gap:10px}.navigation-dialog nav a{font-size:21px;gap:13px;min-height:67px;overflow-wrap:anywhere}.navigation-dialog nav a span{flex-shrink:0}.menu-phone{font-size:15px}
}
@media(max-width:360px){.concept .brand img{width:140px}.concept .image-hero{padding-top:122px;min-height:810px}.concept .image-hero h1{font-size:30px}.c2 .image-hero h1{font-size:32px}.c3 .image-hero h1,.c6 .image-hero h1{font-size:29px}.concept .image-hero .intro-text{font-size:11px}.c4 .image-hero{min-height:900px}.c5 .image-hero{padding-top:172px;min-height:850px}.navigation-dialog nav a{font-size:19px}.menu-top img{width:125px}}