@font-face{font-family:'Manrope';font-style:normal;font-weight:400;font-display:swap;src:url(/assets/fonts/Manrope-normal-400-latin-ext.woff2) format('woff2');unicode-range:U+0100-02BA, U+02BD-02C5, U+02C7-02CC, U+02CE-02D7, U+02DD-02FF, U+0304, U+0308, U+0329, U+1D00-1DBF, U+1E00-1E9F, U+1EF2-1EFF, U+2020, U+20A0-20AB, U+20AD-20C4, U+2113, U+2C60-2C7F, U+A720-A7FF}
@font-face{font-family:'Manrope';font-style:normal;font-weight:400;font-display:swap;src:url(/assets/fonts/Manrope-normal-400-latin.woff2) format('woff2');unicode-range:U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+0304, U+0308, U+0329, U+2000-206F, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD}
@font-face{font-family:'Manrope';font-style:normal;font-weight:500;font-display:swap;src:url(/assets/fonts/Manrope-normal-500-latin-ext.woff2) format('woff2');unicode-range:U+0100-02BA, U+02BD-02C5, U+02C7-02CC, U+02CE-02D7, U+02DD-02FF, U+0304, U+0308, U+0329, U+1D00-1DBF, U+1E00-1E9F, U+1EF2-1EFF, U+2020, U+20A0-20AB, U+20AD-20C4, U+2113, U+2C60-2C7F, U+A720-A7FF}
@font-face{font-family:'Manrope';font-style:normal;font-weight:500;font-display:swap;src:url(/assets/fonts/Manrope-normal-500-latin.woff2) format('woff2');unicode-range:U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+0304, U+0308, U+0329, U+2000-206F, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD}
@font-face{font-family:'Manrope';font-style:normal;font-weight:600;font-display:swap;src:url(/assets/fonts/Manrope-normal-600-latin-ext.woff2) format('woff2');unicode-range:U+0100-02BA, U+02BD-02C5, U+02C7-02CC, U+02CE-02D7, U+02DD-02FF, U+0304, U+0308, U+0329, U+1D00-1DBF, U+1E00-1E9F, U+1EF2-1EFF, U+2020, U+20A0-20AB, U+20AD-20C4, U+2113, U+2C60-2C7F, U+A720-A7FF}
@font-face{font-family:'Manrope';font-style:normal;font-weight:600;font-display:swap;src:url(/assets/fonts/Manrope-normal-600-latin.woff2) format('woff2');unicode-range:U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+0304, U+0308, U+0329, U+2000-206F, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD}
@font-face{font-family:'Playfair Display';font-style:italic;font-weight:400;font-display:swap;src:url(/assets/fonts/PlayfairDisplay-italic-400-latin-ext.woff2) format('woff2');unicode-range:U+0100-02BA, U+02BD-02C5, U+02C7-02CC, U+02CE-02D7, U+02DD-02FF, U+0304, U+0308, U+0329, U+1D00-1DBF, U+1E00-1E9F, U+1EF2-1EFF, U+2020, U+20A0-20AB, U+20AD-20C4, U+2113, U+2C60-2C7F, U+A720-A7FF}
@font-face{font-family:'Playfair Display';font-style:italic;font-weight:400;font-display:swap;src:url(/assets/fonts/PlayfairDisplay-italic-400-latin.woff2) format('woff2');unicode-range:U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+0304, U+0308, U+0329, U+2000-206F, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD}
@font-face{font-family:'Playfair Display';font-style:normal;font-weight:400;font-display:swap;src:url(/assets/fonts/PlayfairDisplay-normal-400-latin-ext.woff2) format('woff2');unicode-range:U+0100-02BA, U+02BD-02C5, U+02C7-02CC, U+02CE-02D7, U+02DD-02FF, U+0304, U+0308, U+0329, U+1D00-1DBF, U+1E00-1E9F, U+1EF2-1EFF, U+2020, U+20A0-20AB, U+20AD-20C4, U+2113, U+2C60-2C7F, U+A720-A7FF}
@font-face{font-family:'Playfair Display';font-style:normal;font-weight:400;font-display:swap;src:url(/assets/fonts/PlayfairDisplay-normal-400-latin.woff2) format('woff2');unicode-range:U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+0304, U+0308, U+0329, U+2000-206F, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD}
@font-face{font-family:'Playfair Display';font-style:normal;font-weight:500;font-display:swap;src:url(/assets/fonts/PlayfairDisplay-normal-500-latin-ext.woff2) format('woff2');unicode-range:U+0100-02BA, U+02BD-02C5, U+02C7-02CC, U+02CE-02D7, U+02DD-02FF, U+0304, U+0308, U+0329, U+1D00-1DBF, U+1E00-1E9F, U+1EF2-1EFF, U+2020, U+20A0-20AB, U+20AD-20C4, U+2113, U+2C60-2C7F, U+A720-A7FF}
@font-face{font-family:'Playfair Display';font-style:normal;font-weight:500;font-display:swap;src:url(/assets/fonts/PlayfairDisplay-normal-500-latin.woff2) format('woff2');unicode-range:U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+0304, U+0308, U+0329, U+2000-206F, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD}


:root{--paper:#f3eee5;--card:#fcf9f2;--ink:#332b25;--muted:#74695e;--line:#d4c8b8;--accent:#915b3d;--dark:#29221d;--serif:'Playfair Display',Georgia,serif;--sans:'Manrope',Arial,sans-serif}
*,*::before,*::after{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:24px}body{margin:0;background:var(--paper);color:var(--ink);font:14px/1.75 var(--sans);-webkit-font-smoothing:antialiased;overflow-wrap:break-word}h1,h2,h3,p,figure,blockquote{margin:0}h1,h2,h3,.wordmark{font-family:var(--serif);font-weight:400}h1,h2,h3{line-height:1.1;letter-spacing:-.045em}h2{font-size:clamp(38px,4.5vw,64px)}h3{font-size:32px}em{font-weight:400}a{color:inherit;text-decoration:none}a:hover{color:var(--accent)}button,input,select{font:inherit;color:inherit}a,select,input,summary{touch-action:manipulation}a:focus-visible,input:focus-visible,select:focus-visible,summary:focus-visible{outline:2px solid var(--accent);outline-offset:5px}img{display:block;width:100%;height:100%;object-fit:cover}img,svg,select{max-width:100%}section,article,figure,.wrap,.search>*{min-width:0}.wrap{width:min(1240px,calc(100% - 96px));margin-inline:auto}.eyebrow{display:block;font-size:13px;font-weight:500;letter-spacing:.18em;text-transform:uppercase}.muted{color:var(--muted)}.skip{position:absolute;left:-9999px}.skip:focus{left:20px;top:20px;padding:12px;background:var(--card);z-index:40}.header-shell{background:var(--dark);color:#f5e9d6}.header{min-height:100px;display:flex;align-items:center;justify-content:space-between;gap:28px;border-bottom:1px solid #ffffff24}.wordmark{font-size:27px;line-height:1.1;letter-spacing:-.045em}.wordmark small{display:block;margin-top:10px;font:13px/1.7 var(--sans);letter-spacing:.16em;text-transform:uppercase}.header nav{display:flex;gap:30px;font-size:13px}.header nav a:hover{color:#dfbc8d}.hero{position:relative;isolation:isolate;background:var(--dark);color:#f9f0e1}.hero-image{position:absolute;inset:0 0 0 auto;width:53%;z-index:-2}.hero::after{content:'';position:absolute;inset:0;z-index:-1;background:linear-gradient(90deg,#29221d 36%,#29221d99 58%,#29221d00 82%)}.hero-copy{padding:66px 0 76px;max-width:760px}.hero-copy .eyebrow{margin-bottom:30px}.hero h1{font-size:clamp(64px,7.2vw,104px);line-height:1.06}.hero h1 em{color:#e5c99f}.hero-copy p{margin-top:30px;max-width:34ch;font-size:14px;color:#e5d6c2}.issue{display:block;font-size:13px;letter-spacing:.18em;margin-top:34px;color:#d4bb98}.hero-note{display:block;padding:13px 48px;text-align:right;background:var(--dark);color:#d4c4af;font-size:13px}
/* The band owns all exterior spacing; no margins can collapse into it. */
.search-band{display:flow-root;padding-block:56px;background:var(--card)}.suchkasten{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr) auto;align-items:center;gap:32px;width:min(1050px,calc(100% - 96px));margin:0 auto;padding:30px 34px;border:1px solid var(--line);border-top:2px solid #ad875c;background:var(--paper)}.search-intro{font:26px/1.25 var(--serif);letter-spacing:-.025em}.search label{display:block;font-size:13px;text-transform:uppercase;letter-spacing:.1em}.search select{width:100%;min-width:0;border:0;border-bottom:1px solid var(--line);border-radius:0;padding:10px 0;background:transparent;font-size:13px}.button{display:inline-flex;justify-content:center;align-items:center;gap:22px;padding:17px 22px;background:var(--ink);color:var(--card);font-size:13px;text-align:center}.button:hover{background:var(--accent);color:white}.trust{display:flex;justify-content:space-between;gap:20px;padding-block:24px;border-bottom:1px solid var(--line);font-size:13px;color:var(--muted)}.trust strong{color:var(--ink);font-weight:500}.section{padding-block:96px}.section-heading{display:flex;justify-content:space-between;align-items:start;gap:40px;margin-bottom:54px}.section-heading .eyebrow{margin-bottom:20px}.section-heading h2{max-width:18ch}.section-heading>p{max-width:31ch;font-size:13px;color:var(--muted);padding-top:30px}.cards{display:grid;grid-template-columns:minmax(0,1.15fr) minmax(0,1fr);gap:40px 72px;align-items:start}.studio{border-top:1px solid var(--ink)}.studio:nth-child(even){margin-top:88px}.card-art{height:116px;display:flex;align-items:center;justify-content:space-between;gap:20px}.art-label{font:italic 70px/1 var(--serif);letter-spacing:-.07em;color:#9d7757;font-variant-numeric:lining-nums}.art-brand{font:italic 22px/1.3 var(--serif);text-align:right;max-width:65%}.card-content{padding-bottom:24px}.location{font-size:13px;letter-spacing:.13em;text-transform:uppercase;color:var(--muted);margin-bottom:13px}.studio h3{font-size:35px}.portrait-quote{font:italic 27px/1.45 var(--serif);margin:27px 0;padding-left:23px;border-left:1px solid var(--accent);letter-spacing:-.02em}.portrait-quote small{display:block;font:13px/1.6 var(--sans);letter-spacing:.06em;color:var(--muted);margin-top:15px}.description,.swatches{display:none}.brands{display:flex;flex-wrap:wrap;gap:10px 20px;border-block:1px solid var(--line);padding-block:17px;font:20px/1.3 var(--serif)}.showroom{font-size:13px;color:var(--accent);margin-top:16px}.services{list-style:none;padding:0;margin:21px 0;font-size:13px;display:grid;gap:6px}.services li::before{content:'—';margin-right:10px;color:var(--accent)}.source{border-top:1px solid var(--line);padding-top:13px;font-size:13px;color:var(--muted)}.source summary{cursor:pointer}.source p{padding-top:12px}.card-actions{display:flex;justify-content:space-between;align-items:center;gap:18px;flex-wrap:wrap;margin-top:20px;font-size:13px}.card-actions>a{border-bottom:1px solid var(--line)}.compare-label{display:flex;align-items:center;gap:9px;cursor:pointer;min-height:36px}.compare-label input{margin:0;width:17px;height:17px;accent-color:var(--accent);flex-shrink:0}.all-note{font-size:13px;color:var(--muted);border-top:1px solid var(--line);padding-top:22px;margin-top:38px}.method{padding-block:82px;background:var(--dark);color:#f1e7d8}.method-head{display:grid;grid-template-columns:1.15fr 1fr;gap:80px;align-items:end}.method .eyebrow{color:#cfb898;margin-bottom:20px}.method h2{color:#e5c99f}.method-head p,.method-grid p{font-size:13px;color:#d2c4b2;max-width:45ch}.method-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:45px;margin-top:54px;border-top:1px solid #ffffff30;padding-top:30px;counter-reset:steps}.method-grid>div::before{counter-increment:steps;content:'0' counter(steps);display:block;font:italic 64px/1 var(--serif);color:#c4a17a;margin-bottom:28px}.method-grid h3{font-size:27px;margin-bottom:18px}.method-grid .eyebrow{font-size:13px}.regions-layout{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1.35fr);gap:60px;align-items:center}.region-copy h2{margin:20px 0 26px}.region-copy>p{font-size:13px;color:var(--muted);max-width:36ch}.stats{display:flex;flex-wrap:wrap;gap:35px;border-top:1px solid var(--line);padding-top:22px;margin-top:30px}.stats strong{font:64px/1.2 var(--serif);display:block}.stats span{font-size:13px}.map{background:#e9e1d4;padding:18px}.map svg{display:block;width:100%;height:auto}.map .orbit{fill:none;stroke:var(--line)}.map .route{fill:none;stroke:var(--accent);stroke-opacity:.3;stroke-dasharray:3 6}.map text{font:13px var(--sans);fill:var(--ink)}.map .center{fill:var(--dark)}.map .center-text{fill:#fff5e5}.map .map-number{font:35px var(--serif)}.map .dot{fill:var(--accent)}.map figcaption{font-size:13px;color:var(--muted);text-align:center;padding-top:8px}.guides{border-top:1px solid var(--line)}.guide-grid{display:grid;grid-template-columns:1.15fr 1fr 1fr;gap:28px;align-items:start}.guide{background:#e7dfd2;padding:18px 18px 26px}.guide:nth-child(2){margin-top:48px;background:#dedfce}.guide:nth-child(3){margin-top:96px;background:#e6d5c5}.guide figure{margin-bottom:25px}.guide figure img{aspect-ratio:4/5;height:auto}.guide figcaption{font-size:13px;color:var(--muted);padding-top:8px}.guide .eyebrow{color:var(--accent);margin-bottom:16px}.guide h3{font-size:29px;line-height:1.16}.guide p{font-size:13px;color:var(--muted);margin-top:16px}.comparison{padding-top:0}.comparison summary{font:30px/1.3 var(--serif);padding-bottom:20px;border-bottom:1px solid var(--line);cursor:pointer}.compare-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(min(100%,260px),1fr));gap:24px;margin-top:25px}.compare-item{display:none;padding:24px;border:1px solid var(--line)}.compare-item h3{font-size:26px;margin-block:14px}.compare-item p{font-size:13px}.compare-empty{font-size:13px;margin-top:20px;color:var(--muted)}.comparebar[hidden]{display:none!important}.comparebar{position:fixed;bottom:20px;left:50%;transform:translateX(-50%);width:min(660px,calc(100% - 32px));padding:15px 18px 15px 26px;z-index:20;background:var(--dark);color:#f7eddf;box-shadow:0 8px 40px #211b1840;display:flex;justify-content:space-between;align-items:center;gap:18px}.comparebar p{font-size:13px}.comparebar small{font-size:13px;color:#cbbda9}.comparebar .button{background:#ede1ce;color:var(--dark);flex-shrink:0}.footer{border-top:1px solid var(--line);padding-top:40px;display:flex;justify-content:space-between;gap:40px}.footer nav{display:grid;grid-template-columns:auto auto;gap:10px 30px;font-size:13px}.footer-bottom{display:flex;justify-content:space-between;gap:20px;padding:30px 0 48px;font-size:13px;color:var(--muted)}







@media(max-width:1050px){.wrap{width:calc(100% - 64px)}.suchkasten{width:calc(100% - 64px);gap:20px;padding:25px}.header nav{gap:18px}.cards{gap:34px 40px}.hero h1{font-size:76px}.method-head{gap:40px}.regions-layout{gap:32px}.guide-grid{gap:18px}.guide h3{font-size:25px}}
@media(max-width:650px){.wrap{width:calc(100% - 40px)}.header{min-height:84px;gap:12px}.wordmark{font-size:22px}.wordmark small{font-size:13px;letter-spacing:.1em}.header nav a{display:none}.header nav a:first-child{display:block;max-width:65px;text-align:right;font-size:13px}.header nav{flex-shrink:0}.hero-image{width:100%;opacity:.55}.hero::after{background:linear-gradient(90deg,#29221df0,#29221d40)}.hero-copy{padding:45px 0 52px}.hero h1{font-size:clamp(43px,12.5vw,72px)}.hero-copy .eyebrow{font-size:13px;margin-bottom:24px}.hero-copy p{font-size:13px;max-width:29ch}.issue{font-size:13px}.hero-note{padding:12px 20px;text-align:left;font-size:13px}.search-band{padding-block:32px}.suchkasten{width:calc(100% - 40px);margin:0 auto;padding:24px;grid-template-columns:minmax(0,1fr);gap:20px}.search-intro{font-size:25px}.search .button{width:100%}.trust{flex-direction:column;align-items:center;gap:6px;padding-block:22px}.section{padding-block:64px}.section-heading{display:block;margin-bottom:36px}.section-heading h2,h2{font-size:40px}.section-heading>p{padding-top:22px;max-width:35ch}.cards{grid-template-columns:minmax(0,1fr);gap:32px}.studio:nth-child(even){margin-top:0}.card-art{height:96px}.art-label{font-size:59px}.studio h3{font-size:31px}.portrait-quote{font-size:25px;padding-left:18px}.method{padding-block:58px}.method-head,.method-grid,.regions-layout{grid-template-columns:minmax(0,1fr);gap:30px}.method-grid{margin-top:34px}.method-grid>div{border-bottom:1px solid #ffffff20;padding-bottom:25px}.method-grid>div::before{font-size:54px;margin-bottom:18px}.method-grid p{max-width:100%}.stats strong{font-size:58px}.map{padding:8px}.guide-grid{grid-template-columns:minmax(0,1fr);gap:28px}.guide:nth-child(n){margin-top:0}.guide figure img{aspect-ratio:4/3}.guide h3{font-size:31px}.comparison{padding-top:0}.comparison summary{font-size:27px}.comparebar{padding:12px;gap:10px;bottom:12px}.comparebar p{font-size:13px}.comparebar small{display:none}.comparebar .button{font-size:13px;padding:12px;gap:10px}.footer{display:block}.footer nav{margin-top:28px;grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:12px 22px}.footer-bottom{flex-direction:column;gap:8px}.photo-spread{grid-template-columns:minmax(0,1fr)!important}.photo-spread img{height:310px!important}.photo-spread figure:nth-child(2){padding-top:0!important}.photo-spread figcaption{padding-inline:20px!important}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}}


[hidden]{display:none!important}button{cursor:pointer;border:0}button:focus-visible{outline:2px solid var(--accent);outline-offset:5px}.button{border:0}.sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip-path:inset(50%);white-space:nowrap}.has-comparison{padding-bottom:100px}.page-heading{margin-bottom:52px;max-width:1000px}.page-heading .eyebrow{margin-bottom:24px}.page-heading h1{font-size:clamp(42px,6.5vw,86px)}.page-heading>p{max-width:78ch;margin-top:28px;color:var(--muted)}.method-link{margin-top:32px;font-size:13px}.text-link{display:inline-block;margin-top:24px;border-bottom:1px solid var(--accent)}.comparison>p{margin-top:26px}.filters{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:24px;padding:28px;background:var(--card);border:1px solid var(--line)}.filters label{display:block;font-size:13px}.filters select{width:100%;min-width:0;border:0;border-bottom:1px solid var(--line);background:transparent;padding:12px 0}.filters .compare-label{display:flex}.text-button{padding:10px 0;background:transparent;text-decoration:underline;font-size:13px;text-align:left}.text-button:hover{color:var(--accent)}#result-count{margin:24px 0 40px;color:var(--muted)}#no-results{padding:28px;border:1px solid var(--line)}#filters~.cards .studio:nth-child(even){margin-top:0}#filters~.cards .studio.offset{margin-top:88px}.region-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:28px}.region-tile{padding:28px 0;border-top:1px solid var(--ink)}.region-tile h2{font-size:30px;line-height:1.25;margin:18px 0}.region-tile p{color:var(--muted)}.breadcrumbs{display:flex;flex-wrap:wrap;gap:8px;font-size:13px;color:var(--muted);margin-bottom:40px}.profile-intro{display:grid;grid-template-columns:minmax(0,1fr) auto;gap:40px;align-items:start;max-width:1050px;margin-bottom:44px}.lead{font:28px/1.5 var(--serif)}.small{font-size:13px;margin-top:18px}.facts{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:0 52px;margin:0 0 60px}.facts>div{padding:20px 0;border-top:1px solid var(--line)}.facts dt{font-size:13px;letter-spacing:.1em;text-transform:uppercase;color:var(--muted)}.facts dd{margin:10px 0 0;overflow-wrap:anywhere}.facts a,.evidence a,.correction a,.prose p a:not(.button){text-decoration:underline;text-underline-offset:4px}.profile-extras{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:40px;border-top:1px solid var(--ink);padding-top:32px;margin-bottom:70px}.profile-extras h2{font-size:32px;margin-bottom:24px}.evidence{margin:18px 0;border-left:1px solid var(--accent);padding-left:20px}.evidence p{font:21px/1.55 var(--serif)}.evidence footer{margin-top:16px;font-size:13px;color:var(--muted)}.proof-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:32px 52px;margin-top:40px}.proof{border-top:1px solid var(--line);padding-top:24px}.proof h3{font-size:26px;letter-spacing:-.025em}.proof>.muted{margin-top:16px}#belege>p{margin-top:24px}.correction{margin-top:28px}.notice{padding:16px;border:1px solid var(--line);margin-bottom:28px}.prose{max-width:1000px}.prose>h2{font-size:32px;margin:44px 0 20px}.prose>p{margin:20px 0;max-width:80ch}.prose li{margin:12px 0;overflow-wrap:anywhere}.prose .page-heading{max-width:none}#comparison-table{overflow-x:auto;margin-top:32px}table{border-collapse:collapse;width:100%;table-layout:fixed;font-size:13px}caption{text-align:left;margin-bottom:20px;color:var(--muted)}th,td{border-bottom:1px solid var(--line);padding:20px 12px;text-align:left;vertical-align:top;overflow-wrap:anywhere}thead th{font:22px/1.35 var(--serif);background:var(--card)}thead th .text-button{display:block;font-family:var(--sans)}tbody th{font-weight:500;width:23%}.comparison-actions{display:flex;flex-wrap:wrap;gap:24px;align-items:center;margin-top:32px}
@media(max-width:850px){.region-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.profile-extras{grid-template-columns:1fr}.filters{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media(max-width:650px){.page-heading{margin-bottom:36px}.page-heading h1{font-size:43px}.filters{grid-template-columns:minmax(0,1fr);padding:22px}.region-grid,.facts,.proof-grid,.profile-intro{grid-template-columns:minmax(0,1fr)}.profile-intro{gap:16px}.lead{font-size:25px}.profile-extras{gap:28px}.proof-grid{gap:28px}#filters~.cards .studio.offset{margin-top:0}.prose>h2{font-size:30px}table{font-size:13px}th,td{padding:14px 5px}thead th{font-size:14px}thead th .text-button{font-size:13px}.region-tile h2{font-size:29px}.comparison h2{font-size:38px}}

/* V2: search-first layout, eight-pixel spacing and quiet, useful cards. */
body{font-size:15px}small{font-size:13px}input,select,button{min-height:44px}input[type=checkbox]{min-height:0}.header nav{font-size:13px}.wordmark small{letter-spacing:.06em;font-size:13px}.header{gap:24px}.hero-v2{padding-bottom:32px}.hero-v2 .hero-copy{max-width:880px;padding:32px 0 24px}.hero-v2 .hero-copy .eyebrow{margin-bottom:16px}.hero-v2 h1{font-size:clamp(40px,4vw,56px);line-height:1.12}.hero-v2 .hero-copy p{max-width:62ch;margin-top:16px;font-size:15px}.hero-v2 .hero-image{width:48%;opacity:.65}.hero-v2::after{background:linear-gradient(90deg,#29221d 20%,#29221dcc 55%,#29221d55)}.location-search.suchkasten{width:100%;margin:0;padding:24px;grid-template-columns:minmax(0,1fr) 120px auto;gap:16px 24px;color:var(--ink);background:var(--card);border:1px solid var(--line);border-top:2px solid var(--accent)}.location-search label{font-size:13px;letter-spacing:0;text-transform:none}.location-search input,.location-search select{width:100%;border:0;border-bottom:1px solid var(--line);border-radius:0;padding:8px 0;background:transparent;font-size:16px;min-height:48px}.location-search .button{align-self:end;min-height:48px;font-size:14px;padding:12px 24px}.location-tools{grid-column:1/-1;display:flex;align-items:center;flex-wrap:wrap;gap:8px 24px;font-size:13px}.location-tools .text-button{padding:0;font-size:13px;min-height:32px}.location-search #search-message{grid-column:1/-1;font-size:13px;color:var(--accent);margin:0;max-width:none}.location-search #search-message:empty{display:none}.hero-needs{display:flex;flex-wrap:wrap;gap:8px;margin-top:24px;max-width:1100px}.chip{display:inline-flex;align-items:center;gap:8px;border:1px solid var(--line);border-radius:3px;padding:8px 12px;font-size:13px;line-height:1.5;max-width:100%}.chip span{font-variant-numeric:tabular-nums}.hero-needs .chip{border-color:#ffffff45;color:#f5e9d6;background:#29221d90}.chip:hover,a.need-tile:hover{border-color:var(--accent);background:#915b3d0a}.hero-needs .chip:hover{background:#ffffff14;color:#fff}.need-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:24px}.need-tile,.need-status{padding:24px;background:var(--card);border:1px solid var(--line)}.need-tile{display:flex;flex-direction:column;align-items:flex-start;gap:16px;transition:background .18s,border-color .18s}.need-tile h3,.need-status h3{font-size:25px;line-height:1.2;letter-spacing:-.025em}.need-tile p{font-size:14px;line-height:1.7;color:var(--muted)}.need-tile>span{margin-top:auto;padding-top:8px;font-size:13px;color:var(--accent)}.line-icon{width:24px;height:24px;flex-shrink:0;color:var(--accent)}.need-status h3{margin:16px 0 8px}.need-status>p{font-size:13px}.need-status.unproven{background:transparent;color:var(--muted)}.need-status.unproven svg{color:var(--muted)}.need-status details{margin-top:16px}.need-status .evidence{padding-left:12px}.need-status .evidence p{font-size:17px}.listing{padding-top:40px}.listing .page-heading{margin-bottom:24px}.listing .page-heading h1{font-size:48px}.listing .page-heading .eyebrow{margin-bottom:16px}.listing .page-heading>p{margin-top:16px}.filters{margin-top:24px;gap:24px;padding:24px}.filters fieldset{grid-column:1/-1;border:0;padding:0;margin:0;min-width:0}.filters legend{font:26px/1.3 var(--serif);margin-bottom:8px}.filters fieldset>p{font-size:13px;color:var(--muted);margin-bottom:16px}.filter-chips{display:flex;flex-wrap:wrap;gap:8px}.filters label.chip{display:inline-flex;cursor:pointer}.chip input{accent-color:var(--accent);width:16px;height:16px;margin:0;flex-shrink:0}.chip:has(input:checked){background:#e9dece;border-color:var(--accent)}.chip:has(input:focus-visible){outline:2px solid var(--accent);outline-offset:3px}.result-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:24px;margin-top:32px;align-items:stretch}.result-card{display:flex;flex-direction:column;gap:24px;padding:24px;border:1px solid var(--line);background:var(--card);min-width:0;transition:border-color .18s}.result-card:hover{border-color:#a88970}.result-card h3{font-size:27px;line-height:1.2;letter-spacing:-.025em}.result-card .location{letter-spacing:.02em;text-transform:none;font-size:13px;margin-bottom:8px}.distance{margin-top:8px;color:var(--accent);font-size:14px;font-weight:600}.brand-chips{display:flex;flex-wrap:wrap;gap:8px}.brand-chips .chip{font-family:var(--serif);font-size:17px}.badges{display:grid;gap:8px}.badge{display:flex;align-items:center;gap:8px;font-size:13px;line-height:1.5}.badge .line-icon{width:20px;height:20px}.result-card .card-actions{margin-top:auto;padding-top:16px;border-top:1px solid var(--line);font-size:13px;gap:8px}.card-source{font-size:13px;color:var(--muted)}.card-source a{text-decoration:underline}#result-count{margin:24px 0 0}#no-results{margin-top:24px;background:var(--card)}#no-results h2{font-size:30px}#no-results p{margin:16px 0}#no-results button{margin-right:16px}.profile-actions{display:flex;flex-wrap:wrap;align-items:center;gap:16px;margin-bottom:40px}.profile-actions .button{font-size:14px}.secondary{background:transparent;border:1px solid var(--ink);color:var(--ink)}.profile .page-heading{margin-bottom:24px}.profile .page-heading h1{font-size:clamp(36px,5vw,64px)}.profile-overview{display:grid;grid-template-columns:minmax(0,1.5fr) minmax(0,1fr);gap:48px;align-items:start}.profile-overview .facts{grid-template-columns:1fr;margin-bottom:24px}.local-map{width:100%;max-width:480px;margin-inline:auto}.local-map svg{aspect-ratio:1}.local-map figcaption{font-size:13px;line-height:1.6}.profile-block{margin-block:64px}.profile-block>h2{font-size:40px;margin-bottom:24px}.profile-block>p{margin-bottom:24px}.profile-block .need-grid{margin-top:24px}.profile-extras{margin-top:48px;margin-bottom:48px}.profile-extras h2{font-size:30px}.profile-extras:empty{display:none}.appointment{padding:32px;background:#e9e1d4}.appointment ul{padding-left:24px;margin-bottom:0}.appointment li{margin:16px 0}.proof-grid{gap:16px 32px}.proof summary,details summary{cursor:pointer;font-size:14px}.proof{padding:16px 0}.brand-overview{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:48px;align-items:start}.brand-overview h2{font-size:36px}.region-counts{padding-left:24px;columns:2}.region-counts li{break-inside:avoid;margin-bottom:8px}.region-grid{margin-top:32px}.all-note{font-size:13px}.evidence footer{font-size:13px}.comparebar p,.comparebar small{font-size:13px}.comparebar .button{font-size:13px}.trust{font-size:13px}.section-heading>p,.method-head p,.method-grid p{font-size:15px}.location{font-size:13px}.card-actions{font-size:13px}.footer-bottom{font-size:13px}a:focus-visible,button:focus-visible,input:focus-visible,select:focus-visible,summary:focus-visible{outline:2px solid #b47d52;outline-offset:4px}
@media(max-width:1050px){.result-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.need-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.hero-v2 h1{font-size:48px}.location-search.suchkasten{grid-template-columns:minmax(0,1fr) 104px auto;gap:16px}.profile-overview{gap:24px}}
@media(max-width:650px){.header{min-height:88px}.header nav a:first-child{font-size:13px;max-width:72px}.wordmark{font-size:21px}.wordmark small{font-size:13px;letter-spacing:0}.hero-v2 .hero-copy{padding:24px 0 16px}.hero-v2 .hero-copy .eyebrow{font-size:13px;margin-bottom:8px;letter-spacing:.08em}.hero-v2 h1{font-size:36px;line-height:1.12;max-width:340px}.hero-v2 .hero-copy p{font-size:14px;line-height:1.6;margin-top:16px;max-width:36ch}.hero-v2 .hero-image{width:100%;opacity:.3}.location-search.suchkasten{padding:16px;grid-template-columns:minmax(0,1fr) 88px;gap:16px}.location-search .button{grid-column:1/-1;width:100%;min-height:48px}.location-tools{gap:0;align-items:flex-start;flex-direction:column}.location-tools span{line-height:1.5}.location-tools .text-button{min-height:36px}.hero-needs{margin-top:16px;flex-wrap:nowrap;overflow-x:auto;padding:4px 0 8px}.hero-needs .chip{white-space:nowrap;flex-shrink:0}.hero-v2{padding-bottom:16px}.need-grid{gap:16px}.need-tile,.need-status{padding:16px}.need-tile h3,.need-status h3{font-size:23px}.need-tile p{font-size:13px}.result-grid{grid-template-columns:minmax(0,1fr);gap:16px}.result-card{padding:24px}.filters{padding:16px;gap:16px}.listing .page-heading h1{font-size:36px}.listing{padding-top:32px}.profile-overview,.brand-overview{grid-template-columns:minmax(0,1fr);gap:32px}.profile-block{margin-block:48px}.profile-block>h2{font-size:34px}.profile-block .need-grid{grid-template-columns:1fr}.profile-overview .local-map{max-width:320px}.appointment{padding:24px}.region-counts{columns:1}.profile-actions{gap:8px}.profile-actions .compare-label{padding:8px}.profile-extras{gap:32px}.comparison-actions{gap:16px}table{min-width:620px;font-size:13px}thead th .text-button{font-size:13px}.comparebar p,.comparebar .button{font-size:13px}.hero-v2 .hero-copy .eyebrow{font-size:13px}.footer nav{font-size:13px}.portrait-quote small{font-size:13px}}
@media(prefers-reduced-motion:reduce){.need-tile,.result-card{transition:none}}

/* ===== V3: Werkzeug-Klarheit (Referenz Thumbtack/Houzz), m1-Charakter bleibt ===== */

/* Typografie: Manrope für Bedienung und Fließtext, Playfair nur für große Überschriften */
body{font:15px/1.65 var(--sans)}
.result-card h3,.need-tile h3,.region-tile h2,.related h3,.filters legend,.filter-head h2{font-family:var(--sans);letter-spacing:-.01em}
.location,.row-meta,.card-source,.small,.all-note,.result-head,.breadcrumbs,.trust,.badge,.chip,.compare-label,.logo-note{font-size:13px}
.page-heading p,.prose p,.lead{font-size:16px}
.page-heading h1{font-size:clamp(34px,4.2vw,56px);line-height:1.08;letter-spacing:-.03em;margin:10px 0 0}
.page-heading p{margin:14px 0 0;max-width:62ch;color:var(--muted)}
.page-heading{margin-bottom:0}
.breadcrumbs{color:var(--muted);margin-bottom:18px}
.breadcrumbs a{color:inherit;border-bottom:1px solid transparent}.breadcrumbs a:hover{border-color:currentColor}

/* Suchkasten: eigener, symmetrischer Abstand; Nachbarn ohne Außenabstand */
.suchkasten{margin-block:32px!important}
.suchkasten + *{margin-top:0!important}
.hero-v2 .hero-copy{padding-bottom:0!important;margin-bottom:0!important}
.hero-v2 .hero-copy p{margin-bottom:0!important}
.hero-v2 .suchkasten{margin-block:28px!important}
.hero-v2 .hero-needs{margin-top:0!important;padding-top:0!important;padding-bottom:40px}
@media(max-width:650px){.suchkasten{margin-block:24px!important}.hero-v2 .suchkasten{margin-block:20px!important}}

/* Startseite: helleres, klares Bild – Abdunklung nur hinter dem Text */
.hero-v2 .hero-image{opacity:1!important;filter:none!important}
.hero-v2::after{background:linear-gradient(90deg,#29221d 0%,#29221de6 38%,#29221d80 58%,#29221d00 80%)!important}
@media(max-width:650px){.hero-v2::after{background:linear-gradient(180deg,#29221dd9 0%,#29221dcc 60%,#29221df2 100%)!important}}
/* Bedarfs-Chips umbrechen statt seitlich abgeschnitten */
.hero-needs{display:flex!important;flex-wrap:wrap!important;gap:8px!important;overflow:visible!important}
.hero-needs .chip{white-space:nowrap}
@media(max-width:650px){.hero-needs .chip{font-size:12.5px;padding:7px 10px}}

/* Chips einheitlich */
.chip{display:inline-flex;align-items:center;gap:8px;padding:8px 14px;border:1px solid var(--line);border-radius:999px;background:var(--card);color:var(--ink);line-height:1.2}
.chip span{color:var(--muted);font-variant-numeric:tabular-nums}
a.chip:hover{border-color:var(--accent);color:var(--accent)}
.hero-v2 .chip{background:#ffffff14;border-color:#ffffff40;color:#f7eddf}
.hero-v2 .chip span{color:#d8c6ad}
.hero-v2 a.chip:hover{background:#ffffff26;color:#fff}

/* Ergebnis-Layout: Filter links, Liste rechts */
.results-layout{display:grid;grid-template-columns:270px minmax(0,1fr);gap:40px;align-items:start}
.filter-panel{position:sticky;top:20px}
.filter-toggle,.filter-head{display:none}
.filters{display:grid;gap:22px;padding:24px;background:var(--card);border:1px solid var(--line);border-radius:14px;margin:0!important}
.filters fieldset{border:0;padding:0;margin:0}
.filters legend{font-size:15px;font-weight:600;margin-bottom:6px}
.filters fieldset p{font-size:13px;color:var(--muted);margin:0 0 10px}
.filters label{font-size:13px;font-weight:600;display:block;margin-bottom:6px}
.filters select{width:100%;padding:10px 12px;border:1px solid var(--line);border-radius:10px;background:#fff;font-size:14px}
.filter-chips{display:flex;flex-direction:column;gap:6px}
.filter-chips .chip{justify-content:space-between;width:100%;border-radius:10px;font-weight:500;margin:0;cursor:pointer}
.filter-chips .chip input{accent-color:var(--accent);margin-right:6px}
.filter-chips .chip:has(input:checked){border-color:var(--accent);background:#f6ece2}
#result-count{font-size:14px;font-weight:600;margin:0 0 12px}

/* Ergebniszeile */
.result-grid{display:flex!important;flex-direction:column;gap:14px;grid-template-columns:none!important}
.result-card{display:grid!important;grid-template-columns:132px minmax(0,1fr) auto;gap:22px;align-items:start;padding:20px;background:var(--card);border:1px solid var(--line);border-radius:14px;transition:border-color .15s,box-shadow .15s}
.result-card:hover{border-color:#c9b49c;box-shadow:0 8px 28px #3a2f2812}
.result-card.beyond{display:none!important}
.row-main{min-width:0;display:grid;gap:8px}
.row-main .location{margin:0;color:var(--muted);letter-spacing:.02em;text-transform:none}
.result-card h3{font-size:20px;font-weight:600;line-height:1.25;margin:0}
.result-card h3 a:hover{color:var(--accent)}
.result-card .distance{margin:0;font-size:13px;font-weight:600;color:var(--accent)}
.row-desc{margin:0;font-size:14.5px;color:#4b4038;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}
.result-card .badges{display:flex;flex-wrap:wrap;gap:6px 14px}
.badge{display:inline-flex;align-items:center;gap:6px;color:#3d5a3a}
.badge .line-icon{width:16px;height:16px;flex:none}
.result-card .brand-chips{display:flex;flex-wrap:wrap;gap:6px}
.result-card .brand-chips .chip{padding:4px 10px;font-size:12.5px;font-family:var(--serif)}
.row-meta{margin:0;color:var(--muted)}
.row-actions{display:grid;gap:10px;justify-items:stretch;min-width:160px}
.row-actions .button{justify-content:center;border-radius:10px}
.row-actions .compare-label{justify-content:center}
.more-wrap{text-align:center;margin:24px 0 0}
#show-more{border-radius:10px}

/* Logos */
.logo-tile{display:grid;place-items:center;width:132px;height:84px;padding:12px;border-radius:12px;background:#fff;border:1px solid var(--line);overflow:hidden}
.logo-tile img{width:100%;height:100%;object-fit:contain}
.logo-tile.dark{background:var(--dark);border-color:var(--dark)}
.logo-tile.mono{background:#efe5d8;border-color:#e3d6c5;font:500 30px/1 var(--serif);color:#8a5f42;letter-spacing:-.02em}
.logo-tile.big{width:200px;height:120px;padding:16px}
.logo-tile.big.mono{font-size:44px}
.row-logo{display:block}
.profile-head{display:flex;gap:28px;align-items:center}
.profile-head .page-heading{margin:0}
.logo-note{color:var(--muted);margin:8px 0 0}

/* Verwandtes unter Listen */
.related{display:grid;gap:26px;margin-top:48px;padding-top:32px;border-top:1px solid var(--line)}
.related h3{font-size:16px;font-weight:600;margin:0 0 12px}
.chip-row{display:flex;flex-wrap:wrap;gap:8px}
.link-columns{columns:3 180px;list-style:none;padding:0;margin:0;font-size:14px;line-height:2}
.link-columns a:hover{color:var(--accent)}
.result-head{color:var(--muted);margin:0 0 14px}

/* Mobil: gestapelte Zeilen, Filter als Schublade */
@media(max-width:900px){
  .results-layout{grid-template-columns:minmax(0,1fr);gap:0}
  .filter-panel{position:static}
  .filter-toggle{display:inline-flex;margin:0 0 14px;border-radius:10px}
  .filter-panel .filters{position:fixed;inset:auto 0 0 0;max-height:85vh;overflow:auto;z-index:50;border-radius:18px 18px 0 0;transform:translateY(105%);transition:transform .25s ease;box-shadow:0 -20px 60px #0000002e}
  .filter-panel.open .filters{transform:none}
  .filter-head{display:flex;justify-content:space-between;align-items:center}
  .filter-head h2{font-size:18px;margin:0}
  body.drawer-open{overflow:hidden}
}
@media(max-width:650px){
  .result-card{grid-template-columns:76px minmax(0,1fr);gap:14px;padding:16px}
  .result-card .logo-tile{width:76px;height:56px;padding:8px;border-radius:10px}
  .result-card .logo-tile.mono{font-size:20px}
  .row-actions{grid-column:1/-1;grid-template-columns:1fr auto;align-items:center;min-width:0}
  .result-card h3{font-size:18px}
  .profile-head{flex-direction:column;align-items:flex-start;gap:16px}
  .logo-tile.big{width:150px;height:90px}
  .link-columns{columns:2 140px}
}
@media(prefers-reduced-motion:reduce){.filter-panel .filters{transition:none}}
.filter-toggle{padding:10px 18px!important;min-height:0;font-size:14px}
.logo-note{margin:8px 0 20px!important}

/* ===== Schritt C: Steckbrief „Warum dieses Studio“ ===== */
.row-facts{list-style:none;margin:2px 0 0;padding:0;display:flex;flex-wrap:wrap;gap:6px}
.row-facts li{padding:5px 11px;border-radius:8px;background:#efe5d8;color:#5a3f2c;font-size:13px;font-weight:600}
.row-context{margin:0;font-size:13px;color:var(--accent);font-weight:600}
.why .why-quote{margin:18px 0 22px;padding:20px 24px;background:var(--card);border-left:3px solid var(--accent);border-radius:0 12px 12px 0}
.why .why-quote blockquote{margin:0;font:italic 22px/1.45 var(--serif);color:var(--ink)}
.why .why-quote figcaption{margin-top:10px;font-size:13px;color:var(--muted)}
.why-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(190px,1fr));gap:12px;margin:8px 0 18px}
.why-tile{display:grid;gap:4px;align-content:start;padding:16px 18px;background:var(--card);border:1px solid var(--line);border-radius:12px}
.why-label{font-size:12px;letter-spacing:.06em;text-transform:uppercase;color:var(--muted)}
.why-tile strong{font:500 26px/1.15 var(--serif);color:var(--ink)}
.why-tile .small{font-size:13px;color:var(--muted)}
.fact-proof summary{cursor:pointer;font-size:13px;color:var(--accent);margin-top:6px}
.fact-proof blockquote{margin:8px 0 4px;font-size:14px;font-style:italic;color:#4b4038}
.why-spez h3{font-size:16px;font-weight:600;margin:6px 0 8px}
.why-spez ul{margin:0;padding-left:18px;font-size:15px;display:grid;gap:4px}
.why-context{list-style:none;padding:0;margin:14px 0 0;display:grid;gap:6px}
.why-context li{font-weight:600;color:var(--accent);font-size:15px}
.why-context li::before{content:'◆';margin-right:8px;font-size:10px;vertical-align:2px}
.niveau-table{border-collapse:collapse;margin:12px 0 18px;width:100%;font-size:15px}
.niveau-table th{text-align:left;padding:10px 16px 10px 0;vertical-align:top;white-space:nowrap}
.niveau-table td{padding:10px 0;border-bottom:1px solid var(--line)}
.filter-hint{margin:6px 0 0;font-size:12.5px}.filter-hint a{color:var(--accent)}
@media(max-width:650px){.why .why-quote blockquote{font-size:18px}.why-tile strong{font-size:22px}}
.niveau-table{table-layout:fixed}.niveau-table td{overflow-wrap:anywhere}
@media(max-width:650px){.niveau-table th{width:34%;white-space:normal;padding-right:10px}}
.niveau-list{margin:12px 0 18px;display:grid;gap:0}
.niveau-list div{display:grid;grid-template-columns:150px minmax(0,1fr);gap:16px;padding:12px 0;border-bottom:1px solid var(--line)}
.niveau-list dt{font-weight:600}.niveau-list dd{margin:0}
@media(max-width:650px){.niveau-list div{grid-template-columns:minmax(0,1fr);gap:4px}}

/* ===== Schritt D: Studio-Finder ===== */
.finder-form{display:grid;gap:22px;margin-top:28px}
.finder-step{border:1px solid var(--line);border-radius:16px;background:var(--card);padding:22px 24px;margin:0}
.finder-step legend{font:600 18px/1.3 var(--sans);padding:0 6px;display:flex;align-items:center;gap:10px}
.finder-step legend span{display:grid;place-items:center;width:28px;height:28px;border-radius:50%;background:var(--dark);color:#f7eddf;font-size:14px}
.finder-where{display:grid;grid-template-columns:minmax(0,1fr) 140px auto;gap:8px 14px;align-items:end}
.finder-where label{font-size:13px;font-weight:600;grid-row:1}
.finder-where input,.finder-where select{grid-row:2;padding:12px 14px;border:1px solid var(--line);border-radius:10px;background:#fff;font-size:15px}
.finder-where button{grid-row:2;white-space:nowrap}
.picks{display:grid;grid-template-columns:repeat(auto-fill,minmax(210px,1fr));gap:10px;margin-top:6px}
.pick{position:relative;cursor:pointer}
.pick input{position:absolute;opacity:0;pointer-events:none}
.pick span{display:grid;gap:3px;height:100%;padding:14px 16px;border:1px solid var(--line);border-radius:12px;background:#fff;transition:border-color .15s,background .15s}
.pick strong{font-size:15px;font-weight:600}.pick small{font-size:13px;color:var(--muted)}
.pick input:checked+span{border-color:var(--accent);background:#f6ece2;box-shadow:inset 0 0 0 1px var(--accent)}
.pick input:focus-visible+span{outline:2px solid var(--accent);outline-offset:2px}
.finder-go{justify-self:start;border-radius:12px;padding:16px 26px;font-size:16px}
.finder-results{margin-top:40px}
.finder-results h2{font-size:clamp(28px,3vw,40px)}
.finder-top{display:grid;gap:14px;margin-top:16px}
.finder-card{position:relative;display:grid;grid-template-columns:132px minmax(0,1fr);gap:22px;padding:22px;background:var(--card);border:1px solid var(--line);border-radius:16px}
.finder-card>div{display:grid;gap:8px;justify-items:start}
.finder-card h3{font:600 21px/1.25 var(--sans);margin:0}
.finder-rank{position:absolute;top:-12px;left:-12px;display:grid;place-items:center;width:34px;height:34px;border-radius:50%;background:var(--accent);color:#fff;font-weight:700}
.fit-score{margin:0;font-weight:700;color:#3d5a3a}
.fit-yes{list-style:none;margin:0;padding:0;display:grid;gap:4px}
.fit-yes li::before{content:'✓';color:#3d5a3a;font-weight:700;margin-right:8px}
.fit-open{margin:0;font-size:13px;color:var(--muted)}
.finder-card .button{border-radius:10px;margin-top:4px}
.finder-more{padding-left:18px;line-height:2}
.finder-method{margin-top:28px}
.hero-finder{margin:0 0 14px}.hero-finder a{color:#f1d9b5;border-bottom:1px solid #f1d9b566;font-weight:600}
@media(max-width:650px){.finder-where{grid-template-columns:minmax(0,1fr)}.finder-where label,.finder-where input,.finder-where select,.finder-where button{grid-row:auto}.finder-card{grid-template-columns:minmax(0,1fr)}.finder-card .logo-tile{width:96px;height:62px}.finder-rank{left:-8px}}
.hero-finder a{display:inline-block;line-height:1.4}
@media(min-width:651px){.hero-v2 .suchkasten{margin-bottom:27px!important}}
.finder-card .logo-tile,.result-card .logo-tile{align-self:start;flex:none}.logo-tile img{object-fit:contain!important;max-height:100%;max-width:100%}
.logo-tile{display:flex!important;align-items:center;justify-content:center}.logo-tile img{width:auto!important;height:auto!important;max-width:100%!important;max-height:100%!important;min-width:0;min-height:0}
/* ===== Schritt E: Einblicke (Video/Fotos mit Erlaubnis) ===== */
.media-video{margin:14px 0 0}.media-video video{width:100%;max-height:70vh;border-radius:14px;background:#000}
.media-photos{display:grid;grid-template-columns:repeat(auto-fill,minmax(240px,1fr));gap:12px;margin-top:14px}
.media-photos img{width:100%;height:220px;object-fit:cover;border-radius:12px}
.media figcaption{font-size:13px;color:var(--muted);margin-top:6px}
.video-badge{color:var(--accent);font-weight:700}

/* ===== Grundregeln gegen Überlauf & zerrissene Wörter (Tobi 03.11.: „Text darf nie über die Kästen hinauslaufen“) ===== */
/* 1) Silbentrennung statt Zerreißen, überall wo Text in Kästen steht */
h1,h2,h3,h4,p,li,dd,dt,label,legend,blockquote,figcaption,strong,.chip,.badge,.pick span,.why-tile,.need-tile,.region-tile,.result-card,.finder-card{overflow-wrap:break-word;hyphens:auto;-webkit-hyphens:auto}
/* 2) Raster-/Flex-Kinder dürfen schrumpfen statt überzulaufen */
.why-grid>*,.need-grid>*,.region-grid>*,.picks>*,.result-card>*,.finder-card>*,.profile-overview>*,.results-layout>*,.filters>*,.facts>*{min-width:0}
.why-tile,.need-tile,.region-tile{min-width:0;overflow:hidden}
.why-tile{grid-template-columns:minmax(0,1fr)}
.why-tile strong{font-size:clamp(20px,1.9vw,26px)}
.fact-proof blockquote{overflow-wrap:anywhere}
/* 3) Seitenleiste: Filterfelder immer untereinander, volle Breite */
.filter-panel .filters{display:grid!important;grid-template-columns:minmax(0,1fr)!important}
.filter-panel .filters>*{grid-column:1/-1!important;width:100%}
.filter-chips .chip{text-align:left;justify-content:space-between}
.filter-chips .chip>span:last-child{flex:none}
.filters .text-button{white-space:normal;text-align:left;justify-self:start}
/* 4) Kachel-Raster responsiv ohne Mindestbreiten-Überlauf */
.need-grid{grid-template-columns:repeat(auto-fill,minmax(min(100%,220px),1fr))!important}
.region-grid{grid-template-columns:repeat(auto-fill,minmax(min(100%,200px),1fr))!important}
.filter-chips .chip{justify-content:flex-start!important;gap:10px}
.filter-chips .chip>span:last-child{margin-left:auto;padding-left:8px}
.results>#result-count{margin:2px 0 14px}
.why-grid{grid-template-columns:repeat(auto-fit,minmax(min(100%,220px),1fr))!important}
h1,h2,h3,h4,p,li,dd,dt,label,legend,blockquote,figcaption,strong,.chip,.badge,.pick span,.why-tile,.need-tile,.region-tile,.result-card,.finder-card{hyphenate-limit-chars:10 4 4;-webkit-hyphenate-limit-before:4;-webkit-hyphenate-limit-after:4}
/* Finder v2: Fehler, Briefing, Teilen */
.finder-error{margin:0;padding:12px 16px;border-radius:10px;background:#fbeae5;color:#7a2e1a;font-weight:600}
.finder-go:disabled{opacity:.55;cursor:wait}
.finder-results h2:focus{outline:none}
.finder-briefing{margin-top:34px;padding:24px;border:1px solid var(--line);border-radius:16px;background:var(--card)}
.finder-briefing h2{font-size:clamp(24px,2.6vw,32px)}
.briefing-text{white-space:pre-wrap;overflow-wrap:anywhere;font:14px/1.6 var(--sans);background:#fff;border:1px solid var(--line);border-radius:10px;padding:16px;margin:14px 0}
.briefing-contacts p{margin:6px 0;font-size:14.5px}
.finder-share{margin-top:18px}
@media print{.header-shell,footer,.finder-form,.finder-results,.comparebar,.finder-method,.breadcrumbs,.page-heading{display:none!important}.finder-briefing{border:0;padding:0}}
.not-proven{margin:14px 0 0;padding:12px 16px;border-radius:10px;background:#efe8dd;color:#5c5047;font-size:14.5px}
.not-proven a{color:var(--accent);font-weight:600}
.about-head{display:flex;gap:28px;align-items:center;margin:8px 0 26px}
.about-head img{width:200px;height:250px;object-fit:cover;border-radius:16px;flex:none}
@media(max-width:650px){.about-head{flex-direction:column;align-items:flex-start}.about-head img{width:160px;height:200px}}
/* Profil-Formular */
.profil-form{display:grid;gap:20px;margin-top:20px}
.profil-form fieldset{border:1px solid var(--line);border-radius:14px;padding:20px 22px;margin:0;display:grid;gap:8px;background:var(--card)}
.profil-form legend{font-weight:600;padding:0 6px}
.profil-form label{font-size:14px;font-weight:600}
.profil-form input:not([type=checkbox]):not([type=file]),.profil-form select,.profil-form textarea{width:100%;padding:11px 13px;border:1px solid var(--line);border-radius:10px;background:#fff;font:15px var(--sans)}
.profil-form .two{display:grid;grid-template-columns:repeat(auto-fit,minmax(min(100%,240px),1fr));gap:12px}
.profil-form .check{display:flex;gap:10px;align-items:flex-start;font-weight:400;font-size:14px;line-height:1.5}
.profil-form .check input{margin-top:4px;flex:none;accent-color:var(--accent)}
.profil-form .req{font-weight:600}
.hp{position:absolute;left:-9999px;width:1px;height:1px;overflow:hidden}
.foto-liste{display:grid;gap:10px}
.foto-zeile{display:grid;grid-template-columns:110px minmax(0,1fr) auto;gap:14px;align-items:start;padding:10px;border:1px solid var(--line);border-radius:10px;background:#fff}
.foto-zeile img{width:110px;height:80px;object-fit:cover;border-radius:8px}
.foto-zeile label{display:grid;gap:4px;font-size:13px}
.profil-status{margin:0;padding:12px 16px;border-radius:10px;font-weight:600}
.profil-status.ok{background:#e8f1e4;color:#2f4d2b}.profil-status.fehler{background:#fbeae5;color:#7a2e1a}
@media(max-width:650px){.foto-zeile{grid-template-columns:minmax(0,1fr)}}
.google-rating{margin:0 0 12px;font-size:15px}.google-rating strong{color:#8a5f00}
.claim-box{display:flex;gap:18px;align-items:center;justify-content:space-between;flex-wrap:wrap;margin:16px 0 26px;padding:16px 20px;border:1px dashed #c9a88a;border-radius:14px;background:#fbf4ec}
.claim-box p{margin:0;font-size:15px;max-width:62ch}.claim-box .button{border-radius:10px;flex:none}

/* ===== Schritt 1 (03.11.): Liste ohne Fotos aufwerten — Kontrast, Logo, eine starke Hauptaktion ===== */
:root{--cta:#b4532a;--cta-hover:#933f1c;--white:#ffffff}
.listing,.section{--card:#ffffff}
.result-card{background:var(--white)!important;border:1px solid #e4d9cb!important;border-radius:16px!important;box-shadow:0 1px 2px #2a221d0d,0 8px 24px #2a221d0a;grid-template-columns:184px minmax(0,1fr) 190px!important;gap:24px!important;padding:22px!important}
.result-card:hover{border-color:#d2b79c!important;box-shadow:0 2px 4px #2a221d14,0 14px 34px #2a221d14!important;transform:translateY(-1px)}
.result-card .logo-tile{width:184px!important;height:122px!important;padding:16px!important;border-radius:12px!important;background:#faf7f2;border-color:#ece3d6}
.result-card .logo-tile.dark{background:var(--dark)}
.result-card .logo-tile.mono{background:linear-gradient(135deg,#f3e7d8,#e8d6c0);font-size:40px;color:#8a5536}
.row-top{display:flex;flex-wrap:wrap;align-items:center;gap:8px 12px}
.row-top .location{display:inline-flex;align-items:center;gap:5px;margin:0;font-size:13.5px;color:var(--muted)}
.row-top .distance{margin:0;padding:3px 10px;border-radius:999px;background:#f6e6da;color:var(--cta);font-weight:700;font-size:13px}
.result-card h3{font-size:22px!important;font-weight:700!important;letter-spacing:-.015em;margin:2px 0 0!important}
.result-card h3 a{color:var(--ink)}.result-card h3 a:hover{color:var(--cta)}
.row-brands{margin:0;font:500 15px/1.4 var(--serif);color:#5a4637;letter-spacing:.01em}
.row-facts{margin:2px 0 0!important}
.row-facts li{background:#f4ece2!important;color:#4d3a2c!important;font-weight:600;border-radius:999px!important;padding:5px 12px!important}
.row-proof{list-style:none;margin:0;padding:0;display:flex;flex-wrap:wrap;gap:4px 16px;font-size:14px;color:#3d5a3a}
.row-proof li{display:inline-flex;align-items:center;gap:6px}
.row-proof .line-icon{width:16px;height:16px}
.row-desc{font-size:14.5px!important;color:#5c4f45!important}
.row-meta{font-size:12.5px!important;color:#9a8d80!important}
.row-actions{display:flex!important;flex-direction:column;gap:10px!important;align-self:center}
.button.primary{background:var(--cta)!important;border-color:var(--cta)!important;color:#fff!important;font-weight:600;border-radius:10px;padding:13px 18px;justify-content:center}
.button.primary:hover{background:var(--cta-hover)!important}
.row-call{display:inline-flex;align-items:center;justify-content:center;gap:7px;padding:11px 16px;border:1px solid #d9c9b7;border-radius:10px;color:var(--ink);font-weight:600;font-size:14px;background:#fff}
.row-call:hover{border-color:var(--cta);color:var(--cta)}
.row-actions .compare-label{justify-content:center;font-size:13px;color:var(--muted)}
.finder-card .button,.finder-go,.profile-actions .button:first-child{background:var(--cta);border-color:var(--cta);color:#fff}
/* Kennzahlen-Leiste */
.kpi-bar{display:grid;grid-template-columns:repeat(auto-fit,minmax(min(100%,150px),1fr));margin:24px 0 0;background:var(--dark);border-radius:16px;overflow:hidden}
.kpi-bar div{padding:18px 20px;border-right:1px solid #ffffff1a}
.kpi-bar div:last-child{border-right:0}
.kpi-bar dt{font:600 30px/1.1 var(--serif);color:#f1d9b5}
.kpi-bar dd{margin:4px 0 0;font-size:13px;color:#d7c6b1}
@media(max-width:900px){.result-card{grid-template-columns:150px minmax(0,1fr)!important}.result-card .logo-tile{width:150px!important;height:100px!important}.row-actions{grid-column:1/-1;flex-direction:row!important;flex-wrap:wrap}.row-actions>*{flex:1 1 140px}}
@media(max-width:650px){.result-card{grid-template-columns:88px minmax(0,1fr)!important;gap:14px!important;padding:16px!important}.result-card .logo-tile{width:88px!important;height:64px!important;padding:8px!important}.result-card .logo-tile.mono{font-size:24px}.result-card h3{font-size:19px!important}.kpi-bar dt{font-size:24px}.kpi-bar div{padding:14px 16px;border-right:0;border-bottom:1px solid #ffffff1a}}
@media(max-width:650px){.kpi-bar{grid-template-columns:repeat(3,minmax(0,1fr))!important;margin-top:16px;border-radius:12px}.kpi-bar div{padding:10px 12px!important;border-bottom:0!important;border-right:1px solid #ffffff1a!important}.kpi-bar dt{font-size:20px!important}.kpi-bar dd{font-size:11.5px;line-height:1.3}}
.relationship-notice{margin:6px 0 16px;padding:10px 14px;border-left:3px solid #c9b49c;background:#faf6f0;font-size:14px;color:#4f4339}.relationship-notice a{color:var(--accent);white-space:nowrap}

/* ===== Schritt 2 Listenkopf (04.11.2026): erste Karte ohne Scrollen sichtbar. Prüfung: tools/fold_check.py ===== */
.header{min-height:76px!important}
.wordmark small{margin-top:4px!important}
.kompakt.section{padding-top:22px!important}
.kompakt .breadcrumbs{margin-bottom:8px}
.kompakt .page-heading h1{font-size:clamp(26px,2.6vw,38px);line-height:1.12;margin:0}
/* Kennzahlen als eine schmale Leiste, alle 5 sichtbar */
.kompakt .kpi-bar{display:flex!important;flex-wrap:wrap;align-items:baseline;gap:4px 0;margin:14px 0 0!important;padding:11px 8px;border-radius:12px!important}
.kompakt .kpi-bar div{display:flex;align-items:baseline;gap:6px;padding:0 16px!important;border-right:1px solid #ffffff26!important;border-bottom:0!important}
.kompakt .kpi-bar div:last-child{border-right:0!important}
.kompakt .kpi-bar dt{font:600 19px/1.2 var(--serif)!important}
.kompakt .kpi-bar dd{margin:0!important;font-size:13px!important;line-height:1.3}
/* Suche einzeilig, Beschriftung nur für Screenreader (Platzhalter + „25 km“ erklären sich) */
.kompakt .suchkasten{margin-block:16px!important;padding:14px 18px!important;gap:6px 16px!important;grid-template-columns:minmax(0,1fr) 120px auto!important}
.kompakt .suchkasten label{position:absolute!important;width:1px;height:1px;overflow:hidden;clip:rect(0 0 0 0);white-space:nowrap}
.kompakt .suchkasten input,.kompakt .suchkasten select{min-height:44px!important;padding:6px 0!important}
.kompakt .suchkasten .button{min-height:44px!important;align-self:center}
.kompakt .location-tools{gap:2px 16px!important;flex-direction:row!important;align-items:center!important;flex-wrap:wrap;font-size:12.5px;color:var(--muted)}
.kompakt .location-tools .text-button{min-height:28px!important;font-size:13px}
.kompakt .result-head{margin:0 0 12px;font-size:13px}
.kompakt .result-head a,.region-summary a{color:var(--accent)}
.kompakt #result-count{margin-bottom:6px}
.region-summary{margin:32px 0 0;padding:20px 22px;border:1px solid var(--line);border-radius:14px;background:#fbf8f3}
.region-summary h2{font:600 20px/1.3 var(--sans);margin:0 0 6px}
.region-summary p{margin:0;max-width:75ch}.region-summary p+p{margin-top:8px}
/* Karte: Hauptaktion steht im DOM direkt nach dem Namen; am Desktop rechts daneben */
.result-card{position:relative;grid-template-columns:184px minmax(0,1fr)!important;padding-right:236px!important}
.result-card .row-actions{position:absolute;right:22px;top:50%;transform:translateY(-50%);width:190px;min-width:0}
@media(max-width:900px){
  .result-card{grid-template-columns:150px minmax(0,1fr)!important;padding-right:22px!important}
  .result-card .row-actions{position:static;transform:none;width:auto;flex-direction:row!important;flex-wrap:wrap;margin:2px 0 4px}
}
@media(max-width:650px){
  .header{min-height:64px!important}
  .wordmark small{margin-top:2px!important;font-size:11.5px!important}
  .kompakt.section{padding-top:14px!important}
  .kompakt .page-heading h1{font-size:26px}
  .kompakt .kpi-bar{margin-top:10px!important;padding:8px 4px;border-radius:10px!important}
  .kompakt .kpi-bar{gap:2px 14px;padding:8px 12px}
  .kompakt .kpi-bar div{padding:0!important;gap:4px;border-right:0!important}
  .kompakt .kpi-bar dt{font-size:16px!important}
  .kompakt .kpi-bar dd{font-size:12px!important}
  .kompakt .suchkasten{margin-block:12px!important;padding:10px 12px!important;grid-template-columns:minmax(0,1fr) 92px!important;gap:4px 12px!important}
  .kompakt .suchkasten .button{grid-column:1/-1;min-height:44px!important}
  .kompakt .location-tools span{font-size:12px}
  .result-card{grid-template-columns:88px minmax(0,1fr)!important;padding:14px!important}
  .result-card .logo-tile{width:88px!important;height:60px!important}
  .result-card .row-actions{display:grid!important;grid-template-columns:minmax(0,1fr) 44px;gap:8px!important}
  .result-card .row-actions .button.primary{min-height:44px;padding:10px 12px}
  .result-card .row-call{position:relative;width:44px;height:44px;padding:0}
  .result-card .row-call span{position:absolute;left:0;top:0;width:1px;height:1px;overflow:hidden;clip:rect(0 0 0 0);white-space:nowrap}
  .result-card .row-actions .compare-label{grid-column:1/-1;justify-content:flex-start}
}

/* ===== Startseite „Warm Editorial“ (04.11.2026, /awwwards) =====
   Ein Wow-Element (Bedarfs-Register mit Bildvorschau), wechselnder Rhythmus, Bewegung nur als Zugabe. */
:root{--ease-out:cubic-bezier(.16,1,.3,1);--kupfer:#b4532a;--creme:#f1d9b5}

/* Hero: ohne Chip-Wolke, ruhiger Abschluss */
.hero-v2 .hero-finder{padding-bottom:56px}
.hero-v2 .hero-finder a{color:var(--creme);border-bottom:1px solid #f1d9b566;padding-bottom:3px;transition:border-color .25s var(--ease-out)}
.hero-v2 .hero-finder a:hover{border-color:var(--creme)}

/* Zahlenleiste */
.beweis{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:0;margin-top:0;padding:36px 0 34px;border-bottom:1px solid #33291f1a}
.beweis>div{padding:0 28px;border-left:1px solid #33291f1a;display:flex;flex-direction:column;gap:6px}
.beweis>div:first-child{padding-left:0;border-left:0}
.beweis strong{font:400 clamp(34px,3.4vw,48px)/1 var(--serif);letter-spacing:-.03em;color:var(--ink)}
.beweis .beweis-wort{font-style:italic;color:var(--accent);font-size:clamp(26px,2.4vw,34px);line-height:1.15}
.beweis span{font-size:13.5px;color:var(--muted);line-height:1.45}
.beweis a{color:var(--accent);border-bottom:1px solid currentColor}

/* Register „Wonach suchen Sie?“ */
.register{padding-block:112px 72px}
.register-kopf{display:grid;grid-template-columns:minmax(0,1.2fr) minmax(0,1fr);gap:24px 64px;align-items:end;margin-bottom:48px}
.register-kopf .eyebrow{grid-column:1/-1}
.register-kopf h2{font-size:clamp(44px,5.6vw,84px);line-height:.95;letter-spacing:-.04em}
.register-kopf h2 em{color:var(--accent)}
.register-kopf p{max-width:44ch;color:var(--muted);font-size:16px;line-height:1.6}
.register-body{display:grid;grid-template-columns:minmax(0,1fr) minmax(280px,380px);gap:56px;align-items:start}
.reg-liste{list-style:none;margin:0;padding:0;border-bottom:1px solid #33291f26;counter-reset:none}
.reg-liste li{border-top:1px solid #33291f26}
.reg-row{display:grid;grid-template-columns:44px minmax(0,1fr) minmax(0,1.15fr) 112px;gap:8px 24px;align-items:baseline;padding:22px 4px;color:var(--ink);text-decoration:none;position:relative}
.reg-row::before{content:"";position:absolute;inset:0;background:#fff;opacity:0;transition:opacity .4s var(--ease-out);z-index:-1;border-radius:4px}
.reg-liste li{position:relative;z-index:0}
.reg-nr{font:italic 400 17px/1 var(--serif);color:var(--accent)}
.reg-titel{font:400 clamp(22px,2.1vw,30px)/1.15 var(--serif);letter-spacing:-.02em;transition:transform .5s var(--ease-out),color .3s}
.reg-text{font-size:14px;line-height:1.55;color:var(--muted)}
.reg-zahl{font-size:13px;color:var(--muted);white-space:nowrap;display:inline-flex;gap:6px;align-items:baseline;justify-self:end}
.reg-zahl strong{font:600 18px/1 var(--sans);color:var(--ink)}
.reg-zahl span{display:inline-block;transition:transform .4s var(--ease-out);color:var(--accent)}
.reg-row:hover::before,.reg-row:focus-visible::before{opacity:.55}
.reg-row:hover .reg-titel,.reg-row:focus-visible .reg-titel{transform:translateX(10px);color:var(--accent)}
.reg-row:hover .reg-zahl span,.reg-row:focus-visible .reg-zahl span{transform:translateX(5px)}
.reg-bild{position:sticky;top:96px;margin:0}
.reg-bild img{display:block;width:100%;aspect-ratio:4/5;object-fit:cover;border-radius:3px;transition:opacity .35s var(--ease-out),transform 1.2s var(--ease-out)}
.reg-bild img.wechsel{opacity:0;transform:scale(1.03)}
.reg-bild figcaption{margin-top:10px;font-size:12px;color:var(--muted)}
.register-fuss{margin-top:28px;font-size:14px;color:var(--muted)}
.register-fuss a{color:var(--accent)}

/* In drei Schritten */
.vorgehen{padding-block:24px 112px}
.vorgehen-kopf{margin-bottom:36px}
.vorgehen-kopf h2{font-size:clamp(36px,4vw,60px);line-height:1;letter-spacing:-.035em}
.vorgehen-kopf h2 em{color:var(--accent)}
.vorgehen-grid{display:grid;grid-template-columns:1.35fr 1fr 1fr;gap:16px}
.vg-kachel{display:flex;flex-direction:column;gap:12px;min-height:260px;padding:30px;border:1px solid #33291f1f;border-radius:6px;background:#fbf8f3;color:var(--ink);text-decoration:none;transition:transform .5s var(--ease-out),box-shadow .5s var(--ease-out),border-color .3s}
.vg-kachel:hover{transform:translateY(-4px);box-shadow:0 18px 40px #2a221d14;border-color:#c9b49c}
.vg-gross{background:var(--dark);color:#f5e9d6;border-color:var(--dark)}
.vg-gross:hover{border-color:var(--dark)}
.vg-nr{font:italic 400 34px/1 var(--serif);color:var(--accent)}
.vg-gross .vg-nr{color:var(--creme)}
.vg-kachel h3{font:400 clamp(22px,2vw,28px)/1.15 var(--serif);letter-spacing:-.02em}
.vg-kachel p{font-size:14.5px;line-height:1.6;color:var(--muted)}
.vg-gross p{color:#d7c6b1}
.vg-link{margin-top:auto;font-weight:600;font-size:14px;color:var(--accent)}
.vg-gross .vg-link{color:var(--creme)}

/* Studios aus der Region: Desktop Raster, Handy waagerechte Leiste */
.leiste{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:16px;margin-top:8px}
.leiste-karte{display:flex;flex-direction:column;gap:8px;padding:22px;background:#fff;border:1px solid #e4d9cb;border-radius:12px;transition:transform .5s var(--ease-out),box-shadow .5s var(--ease-out)}
.leiste-karte:hover{transform:translateY(-3px);box-shadow:0 14px 34px #2a221d12}
.leiste-logo .logo-tile{width:120px;height:72px;padding:10px;border-radius:8px;background:#faf7f2;border:1px solid #ece3d6;display:flex;align-items:center;justify-content:center}
.leiste-logo .logo-tile.dark{background:var(--dark)}
.leiste-logo .logo-tile.mono{background:linear-gradient(135deg,#f3e7d8,#e8d6c0);font:400 28px/1 var(--serif);color:#8a5536}
.leiste-logo .logo-tile img{max-width:100%;max-height:100%;object-fit:contain}
.leiste-karte .location{margin:6px 0 0;font-size:12.5px;color:var(--muted);letter-spacing:.02em}
.leiste-karte h3{font:700 19px/1.25 var(--sans);letter-spacing:-.01em}
.leiste-karte h3 a{color:var(--ink)}.leiste-karte h3 a:hover{color:var(--kupfer)}
.leiste-fakten{list-style:none;margin:2px 0 0;padding:0;display:flex;flex-wrap:wrap;gap:6px}
.leiste-fakten li{padding:4px 10px;border-radius:999px;background:#f4ece2;color:#4d3a2c;font-size:12.5px;font-weight:600}
.leiste-meta{margin:0;font-size:12px;color:#9a8d80}
.leiste-aktion{margin-top:auto;padding-top:10px;display:flex;justify-content:space-between;align-items:center;gap:12px;border-top:1px solid #efe6da}
.leiste-aktion>a{font-weight:600;font-size:14px;color:var(--kupfer)}
.leiste-aktion .compare-label{font-size:13px;color:var(--muted)}

/* Absender */
.absender{display:grid;grid-template-columns:120px minmax(0,1fr);gap:32px;align-items:center;padding-block:72px 96px;border-top:1px solid #33291f1a}
.absender img{width:120px;height:150px;object-fit:cover;border-radius:3px;filter:saturate(.85)}
.absender-text{font:400 clamp(22px,2.2vw,30px)/1.3 var(--serif);letter-spacing:-.02em;max-width:34ch;margin:8px 0 12px}
.absender-name{font-size:14px;color:var(--muted)}
.absender-name a{color:var(--accent)}

@media(max-width:1050px){
  .beweis{grid-template-columns:repeat(2,minmax(0,1fr));row-gap:24px}
  .beweis>div:nth-child(3){padding-left:0;border-left:0}
  .register-body{grid-template-columns:minmax(0,1fr) 260px;gap:32px}
  .reg-row{grid-template-columns:36px minmax(0,1fr) 104px}
  .reg-text{grid-column:2/3}
  .reg-zahl{grid-row:1;grid-column:3}
  .vorgehen-grid{grid-template-columns:1fr 1fr}.vg-gross{grid-column:1/-1}
  .leiste{grid-template-columns:repeat(2,minmax(0,1fr))}
}
@media(max-width:650px){
  .hero-v2 .hero-finder{padding-bottom:36px}
  .beweis{padding:26px 0;gap:20px 16px}
  .beweis>div{padding:0 0 0 14px}
  .beweis>div:nth-child(odd){padding-left:0;border-left:0}
  .beweis strong{font-size:32px}.beweis .beweis-wort{font-size:24px}
  .register{padding-block:72px 48px}
  .register-kopf{grid-template-columns:1fr;margin-bottom:28px}
  .register-kopf h2{font-size:46px}
  .register-body{grid-template-columns:1fr}
  .reg-bild{display:none}
  .reg-row{grid-template-columns:30px minmax(0,1fr) auto;padding:18px 2px;gap:4px 12px}
  .reg-titel{font-size:21px}
  .reg-text{font-size:13.5px}
  .vorgehen{padding-block:8px 72px}
  .vorgehen-grid{grid-template-columns:1fr}
  .vg-kachel{min-height:0;padding:24px}
  /* Leiste: waagerecht wischen, Nachbarkarte angeschnitten als Hinweis */
  .leiste{display:flex;overflow-x:auto;scroll-snap-type:x mandatory;gap:12px;margin-inline:-20px;padding:4px 20px 14px;scrollbar-width:none}
  .leiste::-webkit-scrollbar{display:none}
  .leiste-karte{flex:0 0 82%;scroll-snap-align:start}
  .absender{grid-template-columns:84px minmax(0,1fr);gap:18px;padding-block:56px 72px}
  .absender img{width:84px;height:105px}
  .absender-text{font-size:21px}
}

/* Bewegung: nur wer sie nicht abgeschaltet hat; ohne Unterstützung bleibt alles sofort sichtbar */
@media(prefers-reduced-motion:no-preference){
  @keyframes kv-auf{from{opacity:0;translate:0 22px}to{opacity:1;translate:0 0}}
  @keyframes kv-zoom{from{transform:scale(1.07)}to{transform:scale(1)}}
  .hero-v2 .hero-image{animation:kv-zoom 2.4s var(--ease-out) both}
  .hero-v2 .hero-copy>*,.hero-v2 .suchkasten,.hero-v2 .hero-finder{animation:kv-auf .9s var(--ease-out) both}
  .hero-v2 .hero-copy>*:nth-child(2){animation-delay:.08s}
  .hero-v2 .hero-copy>*:nth-child(3){animation-delay:.16s}
  .hero-v2 .suchkasten{animation-delay:.26s}
  .hero-v2 .hero-finder{animation-delay:.36s}
  @supports (animation-timeline:view()){
    .reg-liste li,.vg-kachel,.leiste-karte,.beweis>div,.absender>*{animation:kv-auf linear both;animation-timeline:view();animation-range:entry 0% entry 30%}
  }
}
@media print{.reg-liste li,.vg-kachel,.leiste-karte,.beweis>div,.absender>*{animation:none!important;opacity:1!important;translate:none!important}.reg-bild{display:none}}
.absender-text,.register-kopf h2,.vorgehen-kopf h2,.reg-titel,.vg-kachel h3,.beweis strong{hyphens:manual;-webkit-hyphens:manual}
.absender-name a,.register-fuss a,.vg-link,.leiste-aktion>a{white-space:nowrap}
.absender{grid-template-columns:minmax(0,1fr)!important}

/* ===== Premium-Durchgang über alle Seiten (04.11.2026, /awwwards) =====
   Eine Linie: kursive Kupfer-Betonung in Überschriften, ein Knopf-System, ruhige Textseiten mit Inhaltsverzeichnis,
   dunkler Seitenabschluss, weiche Seitenübergänge. Liste/Regionen bleiben dicht (Faltlinie, tools/fold_check.py). */
:root{--ease-out:cubic-bezier(.16,1,.3,1);--kupfer:#b4532a;--kupfer-dunkel:#9c4622;--creme:#f1d9b5}

/* Seitenübergänge (nur wer Bewegung zulässt; Browser ohne Unterstützung laden normal) */
@media(prefers-reduced-motion:no-preference){
  @view-transition{navigation:auto}
  ::view-transition-old(root){animation:.22s var(--ease-out) both kv-raus}
  ::view-transition-new(root){animation:.38s var(--ease-out) both kv-rein}
  @keyframes kv-raus{to{opacity:0}}
  @keyframes kv-rein{from{opacity:0;translate:0 8px}}
}
::selection{background:#f1d9b5;color:#2a221d}
:focus-visible{outline:2px solid var(--kupfer);outline-offset:3px;border-radius:4px}

/* Überschriften: kursiver Teil in Kupfer, Überzeile ruhig */
.page-heading h1 em,.prose h1 em{font-style:italic;color:var(--accent)}
.page-heading .eyebrow{color:var(--accent);letter-spacing:.14em}
.page-heading h1{letter-spacing:-.035em}

/* Ein Knopf-System: primär = Kupfer, sonst ruhiger Rahmen; überall gleiche Rundung */
.button{border-radius:10px;transition:background-color .25s var(--ease-out),color .25s,border-color .25s,transform .25s var(--ease-out)}
.button.primary,.profile-actions .button.primary{background:var(--kupfer)!important;color:#fff!important;border:1px solid var(--kupfer)!important}
.button.primary:hover{background:var(--kupfer-dunkel)!important;border-color:var(--kupfer-dunkel)!important}
.prose .button:not(.primary),.profile-actions .button:not(.primary),.claim-box .button,.comparison-actions .button{background:#fff!important;color:var(--ink)!important;border:1px solid #d9c9b7!important}
.prose .button:not(.primary):hover,.profile-actions .button:not(.primary):hover,.claim-box .button:hover,.comparison-actions .button:hover{border-color:var(--kupfer)!important;color:var(--kupfer)!important}
.button:active{transform:translateY(1px)}

/* Textseiten: linksbündig im Raster, angenehme Zeilenlänge, Inhaltsverzeichnis ab 4 Abschnitten */
.prose.artikel{max-width:none}
.artikel .page-heading{max-width:900px;margin-bottom:28px}
.artikel .page-heading h1{font-size:clamp(40px,5vw,72px);line-height:.98}
.artikel-text{max-width:720px}
.artikel-text>p,.artikel-text li{font-size:16.5px;line-height:1.7}
.artikel-text h2{font-size:clamp(26px,2.4vw,34px);margin:48px 0 14px;scroll-margin-top:24px}
.artikel-text h2:first-child{margin-top:8px}
.artikel-text a:not(.button){color:var(--accent);text-decoration:underline;text-decoration-thickness:1px;text-underline-offset:3px}
.artikel-grid{display:grid;grid-template-columns:220px minmax(0,1fr);gap:64px;align-items:start}
.toc{position:sticky;top:24px;padding-top:6px;border-top:1px solid var(--line)}
.toc p{margin:12px 0 10px;font-size:12px;font-weight:700;letter-spacing:.12em;text-transform:uppercase;color:var(--muted)}
.toc ol{list-style:none;margin:0;padding:0;display:grid;gap:2px}
.toc li{margin:0!important}
.toc a{display:block;padding:6px 0 6px 12px;border-left:2px solid transparent;font-size:14px;line-height:1.35;color:var(--muted);transition:color .2s,border-color .2s}
.toc a:hover,.toc a:focus-visible{color:var(--ink);border-left-color:var(--kupfer)}
@media(max-width:900px){
  .artikel-grid{grid-template-columns:1fr;gap:16px}
  .toc{position:static;border:1px solid #e4d9cb;border-radius:12px;padding:4px 16px 12px;background:#fbf8f3}
  .toc ol{grid-template-columns:repeat(2,minmax(0,1fr));column-gap:16px}
}
@media(max-width:650px){.toc ol{grid-template-columns:1fr}.artikel .page-heading h1{font-size:38px}}

/* /bedarf/: Register wie auf der Startseite */
.register-seite{padding-block:8px 24px}

/* 404 */
.nf-links{list-style:none;margin:24px 0 0;padding:0;display:flex;flex-wrap:wrap;gap:10px}
.nf-links li{margin:0!important}
.nf-links a{display:inline-block;padding:10px 16px;border:1px solid #d9c9b7;border-radius:999px;background:#fff;color:var(--ink)!important;text-decoration:none!important;font-weight:600;font-size:14px}
.nf-links a:hover{border-color:var(--kupfer);color:var(--kupfer)!important}
.artikel .suchkasten{margin-block:16px!important}

/* Kacheln/Raster: ruhige Bewegung beim Überfahren (Regionen, Marken) */
.region-tile,.brand-tile,.region-grid a{transition:transform .4s var(--ease-out),color .25s}
.region-grid a:hover{color:var(--accent)}

/* Profil: Aktionsreihe und Ist-das-Ihr-Studio-Kasten in der gemeinsamen Linie */
.profile-actions{gap:10px!important}
.profile-actions .button{min-height:46px;padding:11px 20px!important}
.claim-box{border-radius:14px!important}

/* Dunkler Seitenabschluss (voll breit, obwohl der Fuß im Raster sitzt) */
footer.wrap{position:relative;margin-top:72px;color:#d7c6b1;background:var(--dark);box-shadow:0 0 0 100vmax var(--dark);clip-path:inset(0 -100vmax)}
footer .footer{border-top:0!important;padding-top:56px!important}
footer .wordmark{color:#f5e9d6}
footer .wordmark small{color:#b9a58c}
footer nav a{color:#e9dccb!important}
footer nav a:hover{color:var(--creme)!important}
footer .footer-bottom{color:#a8957f!important;border-top:1px solid #ffffff1a;margin-top:40px;padding-top:24px!important}

/* Profil: Karte als kleine Lage-Kachel statt großer Fläche */
@media(min-width:901px){.profile-overview{grid-template-columns:minmax(0,1fr) 280px!important;gap:48px!important}}
.profile-overview .local-map{border-radius:14px;overflow:hidden}
/* Profil: „Fragen für Ihren Termin“ als dunkler Akzent mit dem Weg zum Angebots-Check */
.profile-block.appointment{background:var(--dark)!important;color:#e9dccb;border-radius:18px;padding:clamp(24px,3vw,40px)!important;border:0!important}
.appointment h2{color:#f5e9d6}
.appointment p,.appointment li{color:#d7c6b1}
.appointment li::marker{color:var(--creme)}
.ac-profil-link{margin-top:20px!important;padding-top:18px;border-top:1px solid #ffffff1f}
.ac-profil-link a{display:inline-flex;margin-left:6px;padding:10px 16px;border-radius:10px;background:var(--kupfer);color:#fff!important;font-weight:600;text-decoration:none!important}
.ac-profil-link a:hover{background:var(--kupfer-dunkel)}
/* Suchkasten in Textseiten (404) behält den dunklen Suchknopf */
.prose .suchkasten .button{background:var(--ink)!important;color:#fff!important;border:0!important}
.prose .suchkasten .button:hover{background:var(--accent)!important}
.ac-profil-link a{margin:10px 0 0!important}

/* Funktion 2: Montage & Kundendienst (Profil) */
.montage-blatt{border-top:1px solid var(--ink);padding-top:32px}
.mb-liste{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:0 48px;margin:8px 0 24px}
.mb-zeile{padding:20px 0;border-top:1px solid var(--line);min-width:0}
.mb-zeile dt{font-size:13px;letter-spacing:.1em;text-transform:uppercase;color:var(--muted)}
.mb-zeile dd{margin:10px 0 0;min-width:0}
.mb-zeile strong{font:400 22px/1.3 var(--serif);letter-spacing:-.02em}
.mb-laut{display:inline-block;font-size:13px;color:var(--accent)}
.mb-zeile blockquote{margin-top:12px;padding-left:16px;border-left:1px solid var(--accent);font:italic 17px/1.55 var(--serif);overflow-wrap:break-word}
.mb-zeile .small{margin-top:8px;color:var(--muted)}
.mb-zeile .small a{text-decoration:underline;text-underline-offset:3px}
.montage-blatt h3{font-size:26px;margin:32px 0 8px}
.mb-fragen{padding-left:22px;margin:0 0 24px;max-width:78ch}
.mb-fragen li{margin:12px 0}
@media(max-width:650px){.mb-liste{grid-template-columns:minmax(0,1fr)}.mb-zeile strong{font-size:20px}.montage-blatt h3{font-size:23px}}
.mb-auskunft{margin:12px 0 0}.mb-studio{margin-top:6px;padding-left:16px;border-left:1px solid var(--ink);font:italic 17px/1.55 var(--serif);overflow-wrap:break-word}

/* Ratgeber */
.ratgeber .artikel-text{max-width:72ch;font-size:17px;line-height:1.75}
.ratgeber .artikel-text>p,.ratgeber .artikel-text li{font-size:17px}
.ratgeber .artikel-text h2{scroll-margin-top:24px;font-size:clamp(28px,3vw,38px);line-height:1.15;margin:56px 0 16px}
.ratgeber .artikel-text h3{scroll-margin-top:24px;font:600 19px/1.35 var(--sans);letter-spacing:0;margin:28px 0 8px}
.ratgeber .artikel-text a{text-decoration:underline;text-underline-offset:3px}
.rg-meta{font-size:14px;color:var(--muted);margin:0 0 18px}
.rg-meta a{color:var(--ink)}
.rg-bild{margin:0 0 28px}
.rg-bild img{width:100%;height:auto;aspect-ratio:3/2;object-fit:cover;border-radius:14px}
.rg-bild figcaption{font-size:12.5px;color:var(--muted);margin-top:6px}
.rg-kurz{margin:0 0 32px;padding:20px 22px;background:#fbf4ea;border-left:4px solid var(--accent);border-radius:0 12px 12px 0;font-size:17px;line-height:1.65}
.rg-tabelle{margin:20px 0 8px;overflow-x:auto;-webkit-overflow-scrolling:touch;border:1px solid var(--line);border-radius:12px;background:var(--card)}
.rg-tabelle table{min-width:0;width:100%;table-layout:auto;font-size:15px}
.rg-tabelle caption{caption-side:top;padding:14px 16px 0;font-size:13.5px;color:var(--muted);text-align:left}
.rg-tabelle th{font:600 13.5px/1.35 var(--sans);background:#f4ece0;text-align:left}
.rg-tabelle th,.rg-tabelle td{padding:12px 16px;vertical-align:top;overflow-wrap:break-word}
.rg-tabelle tbody th{width:auto}
.rg-tabelle .rg-zahl{text-align:right;font-variant-numeric:tabular-nums;white-space:nowrap}
.rg-daten td:first-child{min-width:170px}
.rg-ort{font-size:13px;color:var(--muted)}
.rg-hinweis{font-size:14px!important;color:var(--muted)}
.rg-transparenz,.rg-faktencheck{font-size:14px!important;color:var(--muted);border-top:1px solid var(--line);padding-top:16px;margin-top:40px}
.rg-faktencheck{border:0;padding-top:0;margin-top:8px}
.rg-cta{margin:28px 0;padding:20px 22px;background:var(--dark);color:#f3e8d8;border-radius:14px}
.rg-cta a{color:#f1d9b5}
.rg-liste{list-style:none;padding:0;margin:28px 0 0;display:grid;gap:16px}
.rg-karte a{display:block;padding:24px;background:var(--card);border:1px solid var(--line);border-radius:14px;text-decoration:none!important;transition:border-color .2s}
.rg-karte a:hover{border-color:var(--accent)}
.rg-karte h2{font-size:clamp(24px,2.4vw,30px)!important;margin:8px 0 8px!important}
.rg-karte p{color:var(--muted);margin:0 0 12px}
.rg-k-meta{font-size:13px;color:var(--muted)}
.rg-k-link{font-weight:600;color:var(--accent)}
@media(max-width:650px){.ratgeber .artikel-text,.ratgeber .artikel-text>p,.ratgeber .artikel-text li{font-size:16px}.rg-tabelle{overflow:visible}.rg-tabelle table,.rg-tabelle tbody,.rg-tabelle tr,.rg-tabelle td{display:block;width:100%}.rg-tabelle thead{position:absolute;width:1px;height:1px;overflow:hidden;clip-path:inset(50%)}.rg-tabelle caption{display:block;padding:12px 14px 4px}.rg-tabelle tr{padding:10px 14px;border-top:1px solid var(--line)}.rg-tabelle td{padding:4px 0;border:0;text-align:left!important;white-space:normal!important}.rg-tabelle td[data-label]::before{content:attr(data-label);display:block;font-size:12px;font-weight:700;letter-spacing:.06em;text-transform:uppercase;color:var(--muted)}.rg-daten td:first-child{min-width:0}}
.artikel-grid>*,.ratgeber .artikel-text{min-width:0}.rg-tabelle{max-width:100%}
.rg-alle{margin:12px 0 0}.rg-alle>summary{cursor:pointer;font-weight:600;color:var(--accent);padding:10px 0}