/* Kontor, Runde 3. Gemeinsame Vorgaben und sechs Vertrauenskompositionen. */
.concept.kontor-variant{--hero-height:780px;--hero-gutter:8vw}
.concept.kontor-variant .site-header{inset:0 var(--hero-gutter) auto;gap:34px;min-height:110px}
.concept.kontor-variant .brand{margin-right:auto}.header-contact{font-size:12px;text-decoration:none}
.concept.kontor-variant .menu-button{min-width:49px;width:49px;min-height:44px;padding:0;margin-left:16px}
.concept.kontor-variant .wb-burger{width:41px;height:19px;justify-content:flex-start;gap:6.4px}
.wb-burger i{width:33px;height:2px;flex-shrink:0}.wb-burger i:nth-child(2){transform:translateX(8px)}
.concept.kontor-variant .image-hero{display:flex;align-items:center;min-height:var(--hero-height);height:var(--hero-height);max-height:none;padding:138px var(--hero-gutter) 125px}
.concept.kontor-variant .image-hero::before{background:rgba(26,26,26,.53)}
.hero-slides{position:absolute;inset:0;z-index:-2;pointer-events:none;overflow:hidden}
.concept.kontor-variant .hero-backdrop{z-index:0;opacity:0;transition:opacity .8s ease-in-out;object-position:center 55%}
.concept.kontor-variant .hero-backdrop.active{opacity:1}
.concept.kontor-variant .hero-layout{display:block;width:100%;max-width:1440px;text-align:left;margin:0 auto}
.concept.kontor-variant .hero-main{width:min(100%,720px)}
.concept.kontor-variant .image-hero h1{font-size:52px;line-height:1.1;font-weight:500;letter-spacing:-.055em;text-align:left;max-width:none;margin:0;text-wrap:nowrap}
.concept.kontor-variant .hero-search{max-width:none;margin:32px 0 0;width:100%}
.concept.kontor-variant .image-hero .ai-form>.sr-only{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0,0,0,0);margin:-1px;padding:0;white-space:nowrap}
.concept.kontor-variant .image-hero .search-entry{padding:0;gap:0;border:0;min-height:46px;height:46px;border-radius:50px}
.concept.kontor-variant .search-entry input{height:46px;padding:10px 22px;font-size:14px;line-height:normal;outline-offset:4px}
.concept.kontor-variant .image-hero .search-submit{flex:0 0 38px;width:38px;height:38px;min-height:38px;margin:4px;border-radius:50%}
.search-submit svg{width:20px;height:20px;fill:none;stroke:currentColor;stroke-width:1.3;stroke-linecap:round;stroke-linejoin:round}
.concept.kontor-variant .search-meta{display:flex;justify-content:space-between;align-items:center;gap:15px}
.concept.kontor-variant .image-hero .ai-note{font-size:10px;margin:0;color:#fff}
.concept.kontor-variant .image-hero .valuation-shortcut{display:flex;align-items:center;font-size:10px;min-height:44px;margin:0;border:0;text-decoration:none}
.concept.kontor-variant .valuation{background:#fff}
.trust-group{display:flex;align-items:center;gap:38px;margin-top:38px;width:max-content;max-width:100%}
.trust-unit{display:grid;grid-template-columns:auto auto;column-gap:12px;row-gap:5px;align-items:center;text-decoration:none;color:inherit}
.trust-brand{font-size:11px;line-height:1.5;font-weight:500;grid-column:1/-1;letter-spacing:0}
.trust-score{font-size:18px;line-height:1.2;letter-spacing:-.025em;font-weight:500;white-space:nowrap}
.trust-score span{font-size:11px;font-weight:400;letter-spacing:0}
.rating-stars{position:relative;display:inline-block;width:85px;height:16px;color:inherit}
.rating-stars>span{position:absolute;inset:0;display:flex;width:85px;gap:2px}.rating-stars svg{flex:0 0 15px;width:15px;height:15px;stroke:currentColor;stroke-width:1;fill:none}.rating-stars .stars-fill{clip-path:inset(0 2% 0 0)}.stars-fill svg{fill:currentColor}
.google-trust .trust-score{font-size:13px}.google-trust .trust-score span{font-size:10px}
.trust-unit:focus-visible,.slide-controls button:focus-visible{outline:2px solid currentColor;outline-offset:5px}.trustlocal-trust:hover .trust-brand{text-decoration:underline;text-underline-offset:4px}
.slide-footer{position:absolute;left:var(--hero-gutter);right:var(--hero-gutter);bottom:15px;display:flex;justify-content:space-between;align-items:center;gap:20px;font-size:9px;letter-spacing:.05em}
.slide-controls{display:flex;align-items:center;gap:0}.slide-controls button{display:flex;align-items:center;justify-content:center;min-height:44px;width:30px;padding:0;background:none;border:0;color:#fff}.slide-dot span{width:6px;height:6px;background:transparent;border:1px solid white;border-radius:50%}.slide-dot[aria-pressed=true] span{background:white}.slide-controls .slide-pause{margin-left:10px;width:32px;font-size:14px}
/* 02: kompakte zweizeilige Signatur. */
.concept.v2 .hero-layout{max-width:920px}.concept.v2 .hero-main{width:680px;max-width:100%}
.v2 .trust-group{display:grid;grid-template-columns:auto auto;justify-content:start;gap:16px 28px;margin-top:23px}.v2 .google-trust{grid-column:1/-1;display:flex;gap:12px}.v2 .trustlocal-trust,.v2 .year-trust{display:flex;gap:10px}.v2 .trust-score{font-size:12px}.v2 .year-trust .trust-brand{display:none}
/* 03: offene vertikale Spalte rechts. */
.concept.v3 .hero-layout{display:grid;grid-template-columns:minmax(0,720px) auto;gap:7%;align-items:center}.v3 .trust-group{display:flex;flex-direction:column;align-items:flex-start;gap:25px;margin:0;border-left:1px solid rgba(255,255,255,.4);padding-left:30px}.v3 .trust-unit{row-gap:8px}
/* 04: untere Bildkante. */
.concept.v4 .image-hero{padding-bottom:200px}.v4 .image-hero>.trust-group{position:absolute;left:var(--hero-gutter);right:var(--hero-gutter);bottom:91px;margin:0;width:auto;justify-content:space-between;border-top:1px solid rgba(255,255,255,.45);padding-top:22px}.v4 .trust-unit{min-width:150px}
/* 05: weißer Übergang. */
.concept.v5{--hero-height:700px}.v5 .trust-band{padding:0 var(--hero-gutter);background:#fff;color:#1a1a1a}.v5 .trust-band>.trust-group{display:flex;width:100%;justify-content:space-between;margin:0;padding:30px 0;border-bottom:1px solid var(--line)}.v5 .trust-unit{min-width:150px}
/* 06: große Google-Note mit zwei kleinen Nachbarn. */
.v6 .trust-group{display:grid;grid-template-columns:190px 210px;grid-template-rows:1fr 1fr;gap:10px 30px;margin-top:27px}.v6 .google-trust{grid-column:1;grid-row:1/3;grid-template-columns:auto 1fr;column-gap:16px;border-right:1px solid rgba(255,255,255,.45);padding-right:27px}.v6 .google-trust .trust-brand{grid-column:2;grid-row:1}.v6 .google-trust .rating-stars{grid-column:2;grid-row:2;width:75px}.v6 .rating-stars>span{width:75px}.v6 .rating-stars svg{flex-basis:13px;width:13px;height:13px}.v6 .google-trust .trust-score{grid-column:1;grid-row:1/3;font-size:36px;font-weight:300}.v6 .google-trust .trust-score span{display:none}.v6 .trustlocal-trust,.v6 .year-trust{display:flex;justify-content:space-between;gap:12px}.v6 .trust-score{font-size:13px}
/* Dunkles rechtes Menü, Proportion und versetztes Symbol aus wb-test. */
.wb-menu{position:fixed;inset:0 0 0 auto;margin:0;width:clamp(300px,26vw,430px);max-width:100%;height:100svh;max-height:100svh;padding:36px 42px;background:rgba(26,26,26,.97);color:white;border:0;overflow-y:auto}
.wb-menu::backdrop{background:rgba(26,26,26,.18)}.wb-menu .menu-top{justify-content:flex-end;margin:0 0 64px}.wb-menu .menu-top img{display:none}.wb-menu .menu-close{color:white;width:44px;justify-content:center}.wb-menu #menu-title{font-size:10px;margin-bottom:22px}.wb-menu nav a{font-size:16px;font-weight:400;letter-spacing:0;border:0;min-height:56px;padding:12px 0}.wb-menu nav a:last-child{border:0}.wb-menu .fine{color:white;font-size:10px}.wb-menu .menu-phone{font-size:12px}.wb-menu nav a:hover{text-decoration:underline;text-underline-offset:6px}
@media(max-width:1050px) and (min-width:761px){.concept.kontor-variant{--hero-gutter:6vw}.concept.v3 .hero-layout{grid-template-columns:minmax(0,1fr) 155px;gap:30px}.v3 .trust-group{padding-left:20px}.concept.v3 .image-hero h1{font-size:43px}.concept.kontor-variant .site-header{gap:22px}}
@media(max-width:760px){
.concept.kontor-variant{--hero-gutter:22px;--hero-height:720px}
.concept.kontor-variant .site-header{min-height:92px;gap:0}.header-contact{display:none}.concept.kontor-variant .menu-button{margin-left:0}
.concept.kontor-variant .image-hero{padding:140px var(--hero-gutter) 125px;min-height:var(--hero-height);height:var(--hero-height)}
.concept.kontor-variant .hero-layout{display:block;max-width:none;text-align:left}.concept.kontor-variant .hero-main{width:100%}
.concept.kontor-variant .image-hero h1{font-size:32px;line-height:1.12;letter-spacing:-.045em;font-weight:500;margin:0;text-align:left}
.concept.kontor-variant .hero-search{margin-top:28px}
.concept.kontor-variant .image-hero .search-entry{height:52px;min-height:52px}.concept.kontor-variant .search-entry input{height:52px;padding:10px 16px;font-size:16px}.concept.kontor-variant .search-entry input::placeholder{font-size:13px;letter-spacing:-.025em}
.concept.kontor-variant .image-hero .search-submit{width:44px;height:44px;min-height:44px;flex-basis:44px;margin:4px}
.concept.kontor-variant .image-hero .ai-note,.concept.kontor-variant .image-hero .valuation-shortcut{font-size:9px}
.trust-group{gap:24px;justify-content:space-between;width:100%;margin-top:27px}.trust-unit{display:flex;flex-direction:column;align-items:flex-start;gap:5px}.trust-brand{font-size:10px}.trust-score{font-size:14px}.trust-score span{font-size:9px}.google-trust .trust-score{font-size:11px}.rating-stars{width:75px;height:14px}.rating-stars>span{width:75px}.rating-stars svg{width:13px;height:13px;flex-basis:13px}
.v2 .trust-group{width:auto;margin-top:23px;gap:16px 22px}.v2 .google-trust,.v2 .trustlocal-trust,.v2 .year-trust{flex-direction:row;align-items:center}.v2 .trustlocal-trust .trust-brand{font-size:10px}
.concept.v3 .image-hero{padding-top:130px}.v3 .trust-group{display:grid;grid-template-columns:1fr;gap:14px;border:0;padding:0;margin-top:25px;width:100%}.v3 .trust-unit{display:flex;flex-direction:row;justify-content:space-between;align-items:center;padding-bottom:12px;border-bottom:1px solid rgba(255,255,255,.25)}.v3 .google-trust .trust-brand{margin-right:auto}.v3 .google-trust .rating-stars{margin-right:9px}
.concept.v4 .image-hero{padding-bottom:220px}.v4 .image-hero>.trust-group{bottom:95px;padding-top:20px;gap:20px}.v4 .trust-unit{min-width:0}
.concept.v5{--hero-height:650px}.v5 .trust-band>.trust-group{padding:25px 0;align-items:flex-start;gap:22px}.v5 .trust-unit{min-width:0}
.v6 .trust-group{grid-template-columns:155px minmax(0,1fr);gap:12px 19px;margin-top:28px}.v6 .google-trust{display:grid;padding-right:20px;gap:10px}.v6 .google-trust .trust-score{font-size:32px}.v6 .trustlocal-trust,.v6 .year-trust{display:flex;flex-direction:column;align-items:flex-start;gap:4px}.v6 .trust-score{font-size:12px}
.wb-menu{width:100%;padding:25px 28px}.wb-menu .menu-top{margin-bottom:50px}.wb-menu nav a{min-height:62px;font-size:21px}
}
@media(max-width:360px){.concept.kontor-variant{--hero-gutter:18px}.concept.kontor-variant .image-hero h1{font-size:28px}.concept.kontor-variant .search-entry input{padding-left:12px;padding-right:6px}.concept.kontor-variant .search-entry input::placeholder{font-size:11.5px}.trust-group{gap:14px}.trust-score{font-size:13px}.trust-brand{font-size:9px}.v6 .trust-group{grid-template-columns:145px minmax(0,1fr);gap:12px 16px}.v6 .google-trust{padding-right:15px}.v6 .google-trust .trust-score{font-size:29px}}
@media(prefers-reduced-motion:reduce){.concept.kontor-variant .hero-backdrop{transition:none}}
@media(max-width:760px){.v1 .trust-group,.v4 .trust-group{align-items:flex-start}}

/* Accessible pause control shares the hero's existing image navigation. */
.variant-hero .slide-controls .slide-pause{width:32px;height:32px;border:1px solid rgba(255,255,255,.7);border-radius:50%;background:transparent;color:#fff;display:inline-grid;place-items:center;margin-left:8px;padding:0;font-size:17px;line-height:1;cursor:pointer}
.variant-hero .slide-controls .slide-pause:focus-visible{outline:2px solid white;outline-offset:4px}

.variant-hero .wb-ai-caption{position:absolute;z-index:20;bottom:24px;left:clamp(20px,4vw,64px);transform:none;margin:0;padding:6px 10px;border-radius:6px;background:rgba(26,26,26,.65);color:#fff;font-size:12px!important;line-height:1.4;max-width:calc(100% - 40px);white-space:nowrap;pointer-events:none}
.variant-hero .wb-ai-caption[hidden]{display:none!important}