/* V4 refinement: the approved light layout, consistent type and brand red. */
body.v4 :is(h1,h2,h3,h4,h5,h6){text-transform:uppercase!important}
body.v4 :is(h1,h2,h3,h4,h5,h6) :is(.accent-serif,.red,.muted){color:#c8102e}
body.v4 .journey-restored{background:#171615}
body.v4 .journey-restored h2 .accent-serif,
body.v4 .scene-caption .mini-label,
body.v4 .scene-purpose strong,
body.v4 .asset-row>span:first-child,
body.v4 .website-flow-grid>article>span{color:#c8102e}
body.v4 .contact h2 .accent-serif{color:inherit}
body.v4 .web-transformation{background:#171615}
body.v4 .web-transformation .accent-serif,
body.v4 .bath-demo-caption>div>span{color:#c8102e}
body.v4 .bath-demo-caption h3,
body.v4 .social-showcase h3{font-family:'Hammer Anton',Impact,sans-serif!important;font-weight:400!important}
body.v4 .journey-current .eyebrow{color:#c8102e}
body.v4 .journey-controls button[aria-pressed=true]{border-bottom-color:#c8102e}
body.v4 .journey-ambient>span:nth-child(2){border-color:#c8102e3d}
/* Restore V1's open composition on red statements and closing contact sections. */
body.v4 .statement{padding:90px 0 92px;color:#fff;background:#c8102e}
body.v4 .statement-inner>.eyebrow{display:block;margin:0 0 32px;font-size:12px;font-weight:700;letter-spacing:.09em;line-height:1.65}
body.v4 .statement h2{max-width:1140px;margin:0;font-size:clamp(44px,4.8vw,68px)!important;line-height:1.2!important;letter-spacing:.01em!important;text-wrap:initial}
body.v4 .statement h2 em{color:inherit;font-style:normal}
body.v4 .statement .statement-bottom{display:grid;grid-template-columns:78px minmax(0,690px);align-items:start;gap:40px;max-width:808px;margin-top:48px}
body.v4 .statement .statement-bottom .big-asterisk{font-family:Arial,sans-serif;font-size:96px;font-weight:400;line-height:1;display:block;margin-top:3px}
body.v4 .statement .statement-bottom p{font-size:18px;line-height:1.8;font-weight:400;letter-spacing:0;max-width:none;margin:0}
body.v4 .statement .statement-copy p+p{margin-top:18px}
body.v4 .contact{padding:104px 0;background:#c8102e;color:#fff}
body.v4 .contact-grid{grid-template-columns:minmax(0,1.1fr) minmax(0,1fr);gap:clamp(60px,8vw,112px);align-items:start}
body.v4 .contact h2{font-size:clamp(42px,4.3vw,62px)!important;line-height:1.2!important;letter-spacing:.01em!important;text-wrap:initial}
body.v4 .contact-grid>div>.eyebrow{display:block;margin-bottom:28px;font-size:12px;line-height:1.65}
body.v4 .contact-grid>div>p{font-size:18px;line-height:1.8;margin-top:28px;max-width:490px}
body.v4 .contact-action{padding-top:8px}
body.v4 .contact-people{margin-top:34px;line-height:1.75}
body.v4 .contact-people strong{color:#fff}
@media(min-width:721px) and (max-width:1000px){
 body.v4 .statement{padding:76px 0}
 body.v4 .statement .statement-bottom{gap:32px;grid-template-columns:65px minmax(0,1fr)}
 body.v4 .statement .statement-bottom .big-asterisk{font-size:80px}
 body.v4 .contact-grid{gap:48px}
 body.v4 .contact-grid>div>p{font-size:17px}
}
@media(max-width:720px){
 body.v4 .statement{padding:64px 0 68px}
 body.v4 .statement-inner>.eyebrow{font-size:11px;margin-bottom:27px;max-width:330px}
 body.v4 .statement h2{font-size:clamp(31px,8.5vw,44px)!important;line-height:1.22!important;letter-spacing:.008em!important}
 body.v4 .statement h2 br{display:block}
 body.v4 .statement .statement-bottom{grid-template-columns:36px minmax(0,1fr);gap:18px;margin-top:35px}
 body.v4 .statement .statement-bottom .big-asterisk{font-size:47px;margin-top:1px}
 body.v4 .statement .statement-bottom p{font-size:16px;line-height:1.8}
 body.v4 .statement .statement-copy p+p{margin-top:18px}
 body.v4 .contact{padding:68px 0}
 body.v4 .contact-grid{display:block}
 body.v4 .contact h2{font-size:clamp(34px,9.5vw,44px)!important;line-height:1.2!important}
 body.v4 .contact-grid>div>.eyebrow{font-size:11px;margin-bottom:24px}
 body.v4 .contact-grid>div>p{font-size:16px;line-height:1.8;margin-top:25px}
 body.v4 .contact-action{margin-top:42px;padding-top:32px}
 body.v4 .contact-people{margin-top:27px}
}
/* The websites inside the illustrations keep their own identity. */
body.v4 :is(.web-preview,.bath-scenes,.journey-window) :is(h1,h2,h3,h4){text-transform:none!important}
body.v4 .recruit-recognition .section-label{display:flex;justify-content:space-between;gap:20px;border-bottom:1px solid var(--line);padding-bottom:18px;margin-bottom:42px;font-size:11px;font-weight:800;letter-spacing:.09em;line-height:1.6}
body.v4 .recruit-recognition .section-label>span:first-child{color:var(--red)}
body.v4 .recruit-recognition .section-label>span:last-child{color:var(--muted)}
.recognition-layout{display:grid;grid-template-columns:1.05fr 1fr;gap:80px;align-items:start}
body.v4 .recognition-layout h2{font-size:clamp(46px,4.8vw,66px)!important;line-height:1.13!important;text-wrap:initial}
body.v4 .recognition-layout h2 em{color:var(--red)}
.recognition-copy p{font-size:17px;line-height:1.85;margin:0 0 23px;color:#625b55}
.recognition-copy strong{color:var(--ink);font-weight:700}
.recognition-copy .recognition-turn{position:relative;padding-right:48px;color:var(--ink);margin:29px 0 0;font-size:18px;line-height:1.7}
.recognition-turn>span{position:absolute;right:0;bottom:0;font-size:40px;line-height:1;color:var(--red)}
.ulland-note{display:grid;grid-template-columns:76px 1fr 235px;gap:26px;align-items:center;border-top:1px solid var(--line);margin-top:44px;padding:32px 0}
.ulland-note>img{width:76px;height:82px;object-fit:cover;object-position:50% 35%;border-radius:7px}
.ulland-note blockquote{font-size:17px;line-height:1.75;margin:0;max-width:630px}
.ulland-note cite{display:block;font-size:12px;font-style:normal;color:#746c65;margin-top:10px}
.ulland-note>p{border-left:1px solid var(--line);padding-left:30px;margin:0}
.ulland-note>p>strong{display:block;font-size:20px;line-height:1.4}
.ulland-note>p>span{display:block;font-size:12px;line-height:1.7;color:#746c65;margin-top:9px}
.doubt-block{padding:34px;background:#eeebe5;border:1px solid #e0d9d1;border-radius:20px}
.doubt-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:35px}
.doubt-grid>article{display:flex;flex-direction:column;align-items:start;min-width:0}
.doubt-grid .micro{font-size:10px;line-height:1.7;letter-spacing:.04em;font-weight:800;color:var(--red)}
body.v4 .doubt-grid h3{font-size:29px;line-height:1.2;margin:18px 0 15px}
.doubt-grid article>p{font-size:15px;line-height:1.85;color:#625b55;margin:0 0 23px}
.evidence-link{display:flex;gap:15px;width:100%;align-items:center;margin-top:auto;border-top:1px solid #d4cbc2;padding-top:17px;font-size:12px;line-height:1.6;font-weight:700}
.evidence-link>span{margin-left:auto;color:var(--red);font-size:18px}
.ownership-detail{width:100%;margin-top:auto;border-top:1px solid #d4cbc2;padding-top:17px}
.ownership-detail>summary,.case-proof>summary{list-style:none;display:flex;align-items:center;justify-content:space-between;gap:16px;cursor:pointer;font-size:12px;font-weight:700;line-height:1.6}
.ownership-detail>summary::-webkit-details-marker,.case-proof>summary::-webkit-details-marker{display:none}
.ownership-detail>summary>span,.case-proof>summary>span{color:var(--red);font-size:21px;line-height:1;transition:transform .2s}
.ownership-detail[open]>summary>span,.case-proof[open]>summary>span{transform:rotate(45deg)}
.ownership-detail>div p{font-size:14px;line-height:1.8;color:#625b55;margin:17px 0 0}
.recruit-journey{border-top:1px solid var(--line)}
body.v4 .recruit-journey .row-heading>p{max-width:415px}
.candidate-steps{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:40px;margin:40px 0 30px}
.candidate-steps article{border-top:2px solid var(--red);padding-top:20px}
.candidate-steps article>span{font-size:10px;font-weight:800;color:var(--red);letter-spacing:.09em}
body.v4 .candidate-steps h3{font-size:31px;line-height:1.2;margin:21px 0 17px}
.candidate-steps p{font-size:16px;line-height:1.85;color:#625b55}
.case-proof{border-top:1px solid var(--line);margin-top:23px;padding-top:19px}
.case-proof p{font-size:14px!important;line-height:1.7!important;margin:17px 0!important}
.case-proof a{display:inline-block;font-size:13px;font-weight:700;text-decoration:underline;text-underline-offset:4px}
@media(max-width:1000px){
 .recognition-layout{gap:40px;grid-template-columns:1fr 1fr}
 .ulland-note{grid-template-columns:70px 1fr 185px;gap:21px}
 .ulland-note>p{padding-left:20px}
 .doubt-block{padding:26px}.doubt-grid{gap:25px}
 body.v4 .doubt-grid h3{font-size:25px}
}
@media(max-width:720px){
 body.v4 .recruit-recognition .section-label{font-size:9px;margin-bottom:28px;gap:12px}
 .recognition-layout{grid-template-columns:1fr;gap:28px}
 body.v4 .recognition-layout h2{font-size:clamp(34px,10.5vw,50px)!important;line-height:1.14!important}
 .recognition-copy p{font-size:16px;line-height:1.8;margin-bottom:20px}
 .recognition-copy .recognition-turn{font-size:17px;margin-top:24px}
 .ulland-note{grid-template-columns:64px 1fr;gap:19px;margin-top:31px;padding:27px 0}
 .ulland-note>img{width:64px;height:76px;align-self:start}
 .ulland-note blockquote{font-size:15px;line-height:1.8}
 .ulland-note cite{font-size:11px}
 .ulland-note>p{grid-column:2;border:0;padding:0;display:flex;flex-wrap:wrap;gap:12px 25px;align-items:center}
 .ulland-note>p>strong{font-size:18px}
 .ulland-note>p>span{font-size:11px;margin:0}
 .doubt-block{padding:25px 22px;border-radius:14px}
 .doubt-grid{grid-template-columns:1fr;gap:29px}
 .doubt-grid>article+article{border-top:1px solid #d4cbc2;padding-top:26px}
 body.v4 .doubt-grid h3{font-size:28px;margin-top:14px}
 .doubt-grid .micro{font-size:9px}
 .doubt-grid article>p{font-size:15px}
 .candidate-steps{grid-template-columns:1fr;gap:28px;margin-top:30px}
 body.v4 .candidate-steps h3{font-size:28px;margin:16px 0 13px}
 .candidate-steps p{font-size:15px}
 body.v4 .production h2 .accent-serif{font-size:.92em}
}

/* V4: Journey-Grafiken – Instagram-Beitrag, Haubrich-Webseite, realistischere Google-Suche. */
body.v4 .journey-restored .journey-screen{height:566px}
body.v4 .journey-restored .preview-content{padding:0;overflow:hidden}
body.v4 .journey-restored .preview-content svg{width:1em;height:1em;display:block}

/* 01 Instagram */
body.v4 .ig-post{width:min(100%,412px);margin:0 auto;background:#fff;gap:0}
body.v4 .ig-app-bar{display:flex;align-items:center;justify-content:space-between;padding:11px 14px 9px;border-bottom:1px solid #efefef;flex:none}
body.v4 .ig-wordmark{font-family:'Instrument Serif',Georgia,serif;font-size:21px;line-height:1;letter-spacing:-.2px;background:linear-gradient(72deg,#f9ce34,#ee2a7b 46%,#6228d7);-webkit-background-clip:text;background-clip:text;color:transparent}
body.v4 .ig-app-icons{display:flex;gap:13px;font-size:17px;color:#262626}
body.v4 .ig-post-head{display:flex;align-items:center;gap:9px;padding:9px 13px;flex:none}
body.v4 .ig-avatar{width:32px;height:32px;flex:none;border-radius:50%;display:flex;align-items:center;justify-content:center;font-size:15px;font-weight:600;color:#262626;background:#fff;box-shadow:0 0 0 2px #fff,0 0 0 4px #ee2a7b}
body.v4 .ig-post-head .preview-top{margin:0;flex:1;min-width:0}
body.v4 .ig-post-head .preview-top b{font-size:13px!important;letter-spacing:0!important;line-height:1.2;color:#262626}
body.v4 .ig-post-head .preview-top>span{display:block;font-size:8px!important;letter-spacing:.06em;color:#737373;margin-top:2px}
body.v4 .ig-follow{font-size:11px;font-weight:600;color:#0095f6;flex:none}
body.v4 .ig-menu{font-size:12px;color:#262626;letter-spacing:1px;flex:none}
body.v4 .ig-post>img{flex:none!important;width:100%;height:300px!important;min-height:0!important;margin:0!important;border-radius:0!important;object-fit:cover;object-position:50% 55%}
body.v4 .ig-dots{display:flex;justify-content:center;gap:4px;padding:8px 0 2px;flex:none}
body.v4 .ig-dots span{width:5px;height:5px;border-radius:50%;background:#dbdbdb}
body.v4 .ig-dots span.is-active{background:#0095f6}
body.v4 .ig-actions{display:flex;align-items:center;gap:16px;padding:4px 13px 2px;margin:0!important;font-size:21px!important;color:#262626;flex:none}
body.v4 .ig-count{display:inline-flex;align-items:center;gap:6px}
body.v4 .ig-count b{font-size:11px;font-weight:600;line-height:1}
body.v4 .ig-liked{color:#ed4956}
body.v4 .ig-save{margin-left:auto;font-size:20px}
body.v4 .ig-likes{display:block;padding:6px 13px 0;font-size:11px;line-height:1.4;color:#262626;flex:none}
body.v4 .ig-likes b{font-weight:600}
body.v4 .ig-post h3{padding:0 13px;margin:8px 0 0!important;font-size:23px!important;line-height:1.1!important;flex:none}
body.v4 .ig-post>p{padding:0 13px;margin:6px 0 0!important;font-size:11.5px!important;line-height:1.55!important;color:#3c3c3c!important}
body.v4 .ig-user{font-weight:700;color:#262626;margin-right:5px}
body.v4 .ig-comments{display:block;padding:6px 13px 0;font-size:11px;color:#8e8e8e;flex:none}
body.v4 .ig-post .preview-cta{margin:9px 0 0 13px!important;font-size:9px!important}
body.v4 .ig-time{display:block;padding:8px 13px 11px;font-size:8px;letter-spacing:.08em;color:#a8a8a8;flex:none}

/* 02 Webseite: Haubrich Baddesign */
body.v4 .journey-site{padding:0!important}
body.v4 .site-mini-nav{display:flex;align-items:center;justify-content:space-between;gap:14px;padding:14px 22px;border-bottom:1px solid #e6e0d7;flex:none}
body.v4 .site-mini-nav b{font-family:'Hammer Anton',Impact,sans-serif;font-weight:400;font-size:19px;letter-spacing:.02em;text-transform:uppercase;color:#262321;display:inline-flex;align-items:baseline;gap:1px}
body.v4 .site-mini-nav b span{color:#c8102e}
body.v4 .site-mini-nav b small{font-family:var(--font,inherit);font-size:8px;letter-spacing:.22em;margin-left:7px;color:#8b8177}
body.v4 .site-mini-nav>div{display:flex;gap:14px;font-size:9px;letter-spacing:.12em;text-transform:uppercase;color:#6c655f}
body.v4 .journey-site .preview-eyebrow{margin:22px 22px 0!important;font-size:9px!important}
body.v4 .journey-site h3{padding:0 22px;margin-top:12px!important;font-size:40px!important}
body.v4 .journey-site .preview-cta{margin:16px 0 0 22px!important}
body.v4 .journey-site>img{flex:1!important;width:calc(100% - 44px);margin:18px 22px 0!important;min-height:150px!important;border-radius:4px!important;object-fit:cover;object-position:50% 55%}
body.v4 .journey-site .preview-note{margin:10px 22px 16px!important}

/* 03 Google */
body.v4 .g-serp{padding:0!important;background:#fff;font-family:arial,sans-serif}
body.v4 .g-serp .google-word{margin:20px 0 14px!important;font-size:30px}
body.v4 .g-serp .search-example{margin:0 22px;border-color:#dfe1e5;border-radius:24px;background:#fff;box-shadow:0 1px 6px #20212412;flex:none}
body.v4 .g-serp .search-example>span:first-child{font-size:16px;color:#9aa0a6}
body.v4 .g-input-icons{display:flex;align-items:center;gap:11px;margin-left:auto;font-size:17px}
body.v4 .g-serp .search-query{font-size:13px;color:#202124;font-family:arial,sans-serif}
body.v4 .g-tabs{display:flex;gap:17px;padding:11px 22px 0;font-size:10px;color:#5f6368;border-bottom:1px solid #ebebeb;flex:none}
body.v4 .g-tabs span{padding-bottom:8px;border-bottom:2px solid transparent}
body.v4 .g-tabs span.is-active{color:#1a73e8;border-bottom-color:#1a73e8}
body.v4 .g-stats{display:block;padding:8px 22px 0;font-size:8.5px;color:#70757a;flex:none}
body.v4 .g-serp .google-kicker{margin:14px 22px 0!important;color:#c8102e}
body.v4 .g-serp h3{padding:0 22px;margin-top:8px!important;font-size:23px!important;line-height:1.14!important}
body.v4 .g-serp .search-result{margin:10px 22px 0;padding:12px 0;gap:10px;border-bottom:1px solid #ebebeb;align-items:flex-start}
body.v4 .g-serp .search-result>div{min-width:0}
body.v4 .g-url{display:block;font-size:9px;color:#202124;line-height:1.4}
body.v4 .g-url i{font-style:normal;color:#5f6368;margin:0 4px}
body.v4 .g-serp .search-result b{font-family:arial,sans-serif;font-size:14px;font-weight:400;color:#1a0dab;line-height:1.35;margin-top:1px}
body.v4 .g-serp .search-result div>span{font-size:10px;color:#4d5156;line-height:1.6}
body.v4 .g-rating{display:flex!important;align-items:center;gap:5px;font-size:9px!important;color:#70757a!important;margin-top:2px}
body.v4 .g-rating i{font-style:normal}
body.v4 .g-score{font-weight:700;color:#4d5156}
body.v4 .g-stars{color:#fbbc04;letter-spacing:1px}
body.v4 .g-serp .search-proof{font-size:8.5px!important;color:#70757a!important}
body.v4 .g-serp .search-initial{width:26px;height:26px;height:26px;font-size:11px;background:#f1f3f4;color:#5f6368;margin-top:2px}
body.v4 .g-serp .featured .search-initial{background:#fce8ec;color:#c8102e}
body.v4 .g-serp .search-question{margin:14px 22px 0!important;font-size:17px!important}
body.v4 .g-serp .preview-note{margin:10px 22px 14px!important}
@media(max-width:720px){
 body.v4 .journey-restored .journey-screen{height:auto;min-height:0}
 body.v4 .ig-post>img{height:230px!important}
 body.v4 .journey-site h3{font-size:31px!important}
 body.v4 .journey-site>img{flex:none!important;height:150px}
 body.v4 .g-serp h3{font-size:20px!important}
}
body.v4 .ig-post-head .preview-top{display:block!important}
body.v4 .ig-post>img{height:246px!important}
body.v4 .ig-post h3{margin-top:6px!important;font-size:21px!important}
body.v4 .ig-post>p{margin-top:5px!important}
body.v4 .ig-likes{padding-top:5px}
body.v4 .ig-comments{padding-top:5px}
body.v4 .ig-time{padding:6px 13px 10px}
@media(max-width:720px){body.v4 .ig-post>img{height:230px!important}}
body.v4 .ig-post>img{height:226px!important}
body.v4 .ig-wordmark{background:none;-webkit-background-clip:border-box;background-clip:border-box;color:#262626;font-size:22px}
body.v4 .ig-avatar{box-shadow:0 0 0 2px #fff,0 0 0 3.5px #ee2a7b}

/* --- V4 Rechtstexte (Impressum, Datenschutz, AGB) --- */
body.v4 .legal-page{max-width:900px}
body.v4 .legal-page h1{margin-bottom:6px}
body.v4 .legal-page .eyebrow{color:#c8102e}
body.v4 .legal-page .legal-lead{font-size:19px;line-height:1.65;color:#3f4239;max-width:720px}
body.v4 .legal-page .legal-stand{font-size:12px;letter-spacing:1.3px;font-weight:700;color:#7b7f74;margin-top:22px}
body.v4 .legal-page .legal-source{font-size:13px;color:#7b7f74;margin-top:34px}
body.v4 .legal-toc{margin-top:38px;padding:26px 30px;border:1px solid #e2ded6;border-radius:14px;background:#fff}
body.v4 .legal-toc .eyebrow{margin-bottom:14px}
body.v4 .legal-toc ol{margin:0;padding-left:22px;columns:2;column-gap:36px}
body.v4 .legal-toc li{font-size:15px;line-height:1.75;break-inside:avoid}
body.v4 .legal-toc-par{list-style:none;padding-left:0}
body.v4 .legal-toc a{text-decoration:none;font-weight:600}
body.v4 .legal-toc a:hover{text-decoration:underline;text-underline-offset:3px}
body.v4 .legal-block{border-top:1px solid #e2ded6;margin-top:46px;padding-top:26px;scroll-margin-top:120px}
body.v4 .legal-block .legal-num{display:block;font-size:12px;letter-spacing:1.4px;font-weight:800;color:#c8102e;margin-bottom:10px}
body.v4 .legal-block h2{font-size:clamp(24px,2.6vw,34px);letter-spacing:-1px;line-height:1.15;text-transform:uppercase;margin-top:0}
body.v4 .legal-block h3{font-family:var(--display);font-size:18px;font-weight:700;letter-spacing:-.2px;margin-top:28px;text-transform:uppercase}
body.v4 .legal-block h4{font-family:var(--display);font-size:15px;font-weight:700;margin-top:22px;color:#3f4239}
body.v4 .legal-page p{color:#4c5045;font-size:16px;line-height:1.75}
body.v4 .legal-page ul{margin:14px 0 0;padding-left:20px;color:#4c5045;font-size:16px;line-height:1.8}
body.v4 .legal-data{margin:26px 0 0;display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:1px;background:#e2ded6;border:1px solid #e2ded6;border-radius:14px;overflow:hidden}
body.v4 .legal-data>div{background:#fff;padding:18px 22px}
body.v4 .legal-data dt{font-size:11px;letter-spacing:1.2px;font-weight:800;color:#7b7f74;text-transform:uppercase}
body.v4 .legal-data dd{margin:6px 0 0;font-size:16px;line-height:1.6;color:#26291f;font-weight:600}
body.v4 .legal-intro{background:#fff;border:1px solid #e2ded6;border-radius:16px;padding:30px 32px;margin-top:44px}
body.v4 .legal-page .footer-bottom a,body.v4 .footer-bottom a{text-decoration:none}
@media(max-width:720px){
 body.v4 .legal-toc ol{columns:1}
 body.v4 .legal-toc{padding:20px 22px}
 body.v4 .legal-data{grid-template-columns:1fr}
 body.v4 .legal-page .legal-lead{font-size:17px}
 body.v4 .legal-intro{padding:22px 20px}
}
body.v4 nav.legal-toc{display:block}
body.v4 .legal-data>div:last-child:nth-child(odd){grid-column:1/-1}
@media(max-width:720px){body.v4 .legal-page h1{font-size:31px;letter-spacing:-.6px;hyphens:auto}}

/* --- V4 Fußzeile: weiße Wortmarke, Buch-Teaser --- */
/* Footer-Hintergrund: Anthrazit statt Grün (Markenfarben) */
body.v4 .site-footer{background:#1e1f21;color:#e6e6e4}
body.v4 .site-footer .footer-top{border-bottom-color:#3a3c3f}
body.v4 .site-footer .footer-bottom{border-top-color:#3a3c3f}
body.v4 .site-footer .footer-claims>span{color:#8a8d91}
body.v4 .site-footer .footer-claims>span.is-active{color:#fff}
body.v4 .footer-book{border-color:#3a3c3f;background:#26272a}
body.v4 .footer-book:hover{border-color:#c8102e;background:#2b2c2f}
body.v4 .footer-book small{color:#b3b5b8}
body.v4 .footer-up{color:#b3b5b8}
body.v4 .footer-col a{color:#d8d9da}
body.v4 .footer-meta{color:#9a9c9f}
body.v4 .footer-copy,body.v4 .footer-legal a{color:#b3b5b8}
body.v4 .footer-note{color:#87898c}
body.v4 .site-footer .brand{color:#fff}
body.v4 .site-footer .brand span{color:#c8102e}
body.v4 .footer-bottom{flex-wrap:wrap;align-items:center;gap:18px}
body.v4 .footer-bottom a:hover{color:#fff;text-decoration:underline;text-underline-offset:3px}
body.v4 .footer-book{display:flex;align-items:center;gap:14px;margin-top:20px;padding:12px 16px;border:1px solid #3a3c3f;border-radius:12px;background:#26272a;transition:border-color .2s,background .2s}
body.v4 .footer-book:hover{border-color:#c8102e;background:#2b2c2f}
body.v4 .footer-book img{width:62px;height:62px;flex:0 0 62px;object-fit:contain;border-radius:6px}
body.v4 .footer-book span{display:flex;flex-direction:column;gap:3px}
body.v4 .footer-book b{font-family:var(--display);font-size:16px;letter-spacing:-.3px;color:#fff;text-transform:uppercase}
body.v4 .footer-book small{font-size:12px;line-height:1.5;color:#b3b5b8}
body.v4 .footer-book i{margin-left:auto;font-style:normal;color:#c8102e;font-size:18px}

/* --- V4 Buchseite --- */
body.v4 .buch-hero{padding-top:56px}
body.v4 .buch-hero>.eyebrow{color:#c8102e;margin-bottom:18px}
body.v4 .buch-hero-grid{display:grid;grid-template-columns:1.05fr .95fr;gap:56px;align-items:center}
body.v4 .buch-hero h1{font-size:clamp(52px,7vw,104px);line-height:.95;letter-spacing:-3px;text-transform:uppercase;margin:0}
body.v4 .buch-lead{font-size:21px;line-height:1.55;margin-top:26px;max-width:520px;color:#3f4239}
body.v4 .buch-sub{font-size:17px;line-height:1.75;color:#5b6053;margin-top:16px;max-width:640px}
body.v4 .buch-actions{margin-top:30px}
body.v4 .buch-price{font-size:13px;letter-spacing:1.2px;font-weight:700;color:#7b7f74;margin-top:16px}
body.v4 .buch-cover{margin:0}
body.v4 .buch-cover img{width:100%;height:auto;object-fit:contain;filter:drop-shadow(0 22px 44px rgba(38,41,31,.18))}
body.v4 .buch-cover figcaption{margin-top:14px;font-size:11px;letter-spacing:1.4px;font-weight:800;color:#7b7f74;text-align:center}
body.v4 .buch-facts{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:1px;background:#e2ded6;border:1px solid #e2ded6;border-radius:14px;overflow:hidden;margin-top:56px}
body.v4 .buch-facts>div{background:#fff;padding:24px 26px}
body.v4 .buch-facts strong{display:block;font-family:var(--display);font-size:38px;line-height:1;letter-spacing:-1.5px;color:#c8102e}
body.v4 .buch-facts span{display:block;margin-top:10px;font-size:14px;line-height:1.6;color:#5b6053}
body.v4 .buch-widmung,body.v4 .buch-inhalt,body.v4 .buch-spreads,body.v4 .buch-autoren,body.v4 .buch-hoerbuch,body.v4 .buch-bestellen,body.v4 .buch-faq{padding-top:82px}
body.v4 .buch-hero .eyebrow,body.v4 .buch-widmung .eyebrow,body.v4 .buch-inhalt>.eyebrow,body.v4 .buch-spreads>.eyebrow,body.v4 .buch-autoren>.eyebrow,body.v4 .buch-hoerbuch>.eyebrow,body.v4 .buch-bestellen>.eyebrow,body.v4 .buch-faq>.eyebrow{color:#c8102e;margin-bottom:16px}
body.v4 .buch-quote{margin:36px 0 0;padding:34px 38px;background:#fff;border:1px solid #e2ded6;border-left:4px solid #c8102e;border-radius:14px}
body.v4 .buch-quote p{font-size:17px;line-height:1.8;color:#3f4239}
body.v4 .buch-quote footer{margin-top:22px;font-size:12px;letter-spacing:1.3px;font-weight:800;color:#7b7f74;text-transform:uppercase}
body.v4 .buch-note{margin-top:28px;font-size:18px;line-height:1.65;color:#3f4239}
body.v4 .buch-cards{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:22px;margin-top:38px}
body.v4 .buch-cards article{background:#fff;border:1px solid #e2ded6;border-radius:16px;padding:28px 26px}
body.v4 .buch-num{font-family:var(--display);font-size:26px;color:#c8102e;display:block;letter-spacing:-1px}
body.v4 .buch-cards .eyebrow{color:#7b7f74;margin:10px 0 12px}
body.v4 .buch-cards h3{font-family:var(--display);font-size:22px;line-height:1.2;letter-spacing:-.6px;text-transform:uppercase}
body.v4 .buch-cards p{margin-top:14px;font-size:15px;line-height:1.7;color:#5b6053}
body.v4 .buch-cards details{margin-top:18px;border-top:1px solid #e2ded6;padding-top:14px}
body.v4 .buch-cards summary{cursor:pointer;font-size:13px;font-weight:700;letter-spacing:.4px;color:#c8102e}
body.v4 .buch-cards ul{margin:14px 0 0;padding-left:18px;font-size:14px;line-height:1.8;color:#5b6053}
body.v4 .buch-spread-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:20px;margin-top:34px}
body.v4 .buch-spread-grid figure{margin:0}
body.v4 .buch-spread-grid img{width:100%;height:auto;border:1px solid #e2ded6;border-radius:12px;background:#fff}
body.v4 .buch-spread-grid figcaption{margin-top:10px;font-size:11px;letter-spacing:1.3px;font-weight:800;color:#7b7f74}
body.v4 .buch-autoren-grid{display:grid;grid-template-columns:1.2fr .8fr;gap:36px;margin-top:30px;align-items:start}
body.v4 .buch-autoren-text p{font-size:17px;line-height:1.8;color:#4c5045}
body.v4 .buch-portraits{display:flex;gap:20px;margin-top:26px}
body.v4 .buch-portraits figure{margin:0}
body.v4 .buch-portraits img{width:130px;height:160px;object-fit:cover;border-radius:12px}
body.v4 .buch-portraits figcaption{margin-top:10px;font-size:13px;font-weight:700}
body.v4 .buch-tuev{background:#fff;border:1px solid #e2ded6;border-radius:16px;padding:26px 28px}
body.v4 .buch-tuev img{width:110px;height:auto;object-fit:contain}
body.v4 .buch-tuev p{margin-top:14px;font-size:15px;line-height:1.7;color:#5b6053}
body.v4 .buch-hoerprobe{margin-top:30px;background:#26291f;color:#f2efe8;border-radius:16px;padding:30px 32px;max-width:720px}
body.v4 .buch-hoerprobe .eyebrow{color:#ff5f76}
body.v4 .buch-hoerprobe h3{font-family:var(--display);font-size:28px;text-transform:uppercase;letter-spacing:-.8px;margin-top:12px}
body.v4 .buch-hoerprobe p{color:#cdcabf;font-size:15px;line-height:1.7;margin-top:12px}
body.v4 .buch-hoerprobe a{color:#fff;display:inline-block;margin-top:16px}
body.v4 .buch-preis{display:grid;gap:1px;background:#e2ded6;border:1px solid #e2ded6;border-radius:14px;overflow:hidden;margin:32px 0 0;max-width:640px}
body.v4 .buch-preis>div{background:#fff;display:flex;justify-content:space-between;gap:20px;padding:16px 22px}
body.v4 .buch-preis dt{font-size:15px;color:#4c5045}
body.v4 .buch-preis dd{margin:0;font-weight:800;font-size:15px}
body.v4 .buch-preis-total{background:#26291f!important}
body.v4 .buch-preis-total dt{color:#f2efe8;font-weight:700}
body.v4 .buch-preis-total dd{color:#fff;font-size:19px}
body.v4 .buch-warum{margin-top:22px;max-width:640px}
body.v4 .buch-warum summary{cursor:pointer;font-weight:700;color:#c8102e;font-size:15px}
body.v4 .buch-warum p{font-size:15px;line-height:1.75;color:#5b6053;margin-top:12px}
body.v4 .buch-cta{margin-top:38px;background:#fff;border:1px solid #e2ded6;border-top:4px solid #c8102e;border-radius:16px;padding:32px 34px;max-width:720px}
body.v4 .buch-cta .eyebrow{color:#c8102e}
body.v4 .buch-cta h3{font-family:var(--display);font-size:30px;text-transform:uppercase;letter-spacing:-1px;margin-top:12px}
body.v4 .buch-cta p{font-size:15px;line-height:1.7;color:#5b6053;margin-top:12px}
body.v4 .buch-cta .button{margin-top:20px}
body.v4 .buch-formhinweis{font-size:13px;color:#7b7f74}
body.v4 .buch-faq-list{margin-top:28px;border-top:1px solid #e2ded6;max-width:820px}
body.v4 .buch-faq-list details{border-bottom:1px solid #e2ded6;padding:18px 0}
body.v4 .buch-faq-list summary{cursor:pointer;font-family:var(--display);font-size:18px;letter-spacing:-.3px}
body.v4 .buch-faq-list p{margin-top:12px;font-size:15px;line-height:1.75;color:#5b6053}
body.v4 .buch-faq{padding-bottom:90px}
@media(max-width:900px){
 body.v4 .buch-hero-grid,body.v4 .buch-autoren-grid{grid-template-columns:1fr;gap:32px}
 body.v4 .buch-facts,body.v4 .buch-cards,body.v4 .buch-spread-grid{grid-template-columns:1fr}
 body.v4 .buch-hero h1{font-size:44px;letter-spacing:-1.6px}
 body.v4 .buch-quote,body.v4 .buch-cta,body.v4 .buch-hoerprobe{padding:22px 20px}
 body.v4 .buch-widmung,body.v4 .buch-inhalt,body.v4 .buch-spreads,body.v4 .buch-autoren,body.v4 .buch-hoerbuch,body.v4 .buch-bestellen,body.v4 .buch-faq{padding-top:58px}
}
body.v4 .footer-bottom{justify-content:flex-start;gap:24px}
body.v4 .footer-bottom>span:first-child{margin-right:auto}
body.v4 .footer-book b{font-size:14px;letter-spacing:0}
body.v4 .footer-book img{width:54px;height:54px;flex:0 0 54px}

/* --- V4 Fußzeile: Aufbau nach hammerleute.de --- */
body.v4 .site-footer .wrap{max-width:1180px}
body.v4 .site-footer .footer-top{display:flex;align-items:center;gap:34px;padding-bottom:22px;border-bottom:1px solid #3a3c3f}
body.v4 .site-footer .footer-top .brand{font-size:26px;color:#fff}
body.v4 .footer-claims{display:flex;gap:26px;flex-wrap:wrap}
body.v4 .footer-claims b{font-family:var(--display);font-size:24px;letter-spacing:-.6px;text-transform:uppercase;color:#8a8d91;font-weight:400}
body.v4 .footer-claims b.is-strong{color:#fff}
body.v4 .footer-up{margin-left:auto;color:#b3b5b8;font-size:20px;text-decoration:none}
body.v4 .footer-up:hover{color:#fff}
body.v4 .site-footer .footer-columns{display:grid;grid-template-columns:1.25fr 1fr 1fr;gap:40px;padding:38px 0 34px}
body.v4 .footer-col{display:flex;flex-direction:column;gap:9px;align-items:flex-start}
body.v4 .footer-col h3{font-family:var(--display);font-size:14px;letter-spacing:.6px;text-transform:uppercase;color:#fff;margin:0 0 6px}
body.v4 .footer-col a{color:#d8d9da;text-decoration:none;font-size:15px}
body.v4 .footer-col a:hover{color:#fff}
body.v4 .footer-col .footer-phone{font-family:var(--display);font-size:24px;letter-spacing:-.4px;color:#fff}
body.v4 .footer-col .footer-phone:hover{color:#c8102e}
body.v4 .footer-meta{font-size:13px;color:#9a9c9f}
body.v4 .footer-col .footer-book{margin-top:14px;align-self:stretch}
body.v4 .site-footer .footer-bottom{display:flex;flex-wrap:wrap;align-items:center;gap:18px;padding-top:20px;border-top:1px solid #3a3c3f}
body.v4 .footer-copy{font-size:13px;color:#b3b5b8}
body.v4 .footer-legal{display:flex;gap:22px;margin-left:auto}
body.v4 .footer-legal a{font-size:13px;color:#b3b5b8;text-decoration:none}
body.v4 .footer-legal a:hover{color:#fff;text-decoration:underline;text-underline-offset:3px}
body.v4 .footer-note{flex:1 0 100%;margin:0;font-size:12px;line-height:1.65;color:#87898c;max-width:960px}
@media(max-width:900px){
 body.v4 .site-footer .footer-top{flex-wrap:wrap;gap:16px}
 body.v4 .footer-claims{gap:14px}
 body.v4 .footer-claims b{font-size:18px}
 body.v4 .site-footer .footer-columns{grid-template-columns:1fr;gap:30px;padding:28px 0}
 body.v4 .footer-legal{margin-left:0;flex-wrap:wrap}
}

/* --- V4 Kontaktseite (/kontakt), Inhalt übernommen von hammerleute.de/kontakt --- */
body.v4 .contact-page{padding:70px 0 10px}
body.v4 .contact-page-intro{max-width:820px}
body.v4 .contact-page .eyebrow{color:#c8102e}
body.v4 .contact-page h1{font-size:clamp(38px,5vw,62px);line-height:1.02;letter-spacing:-2px;text-transform:uppercase;margin:14px 0 0}
body.v4 .contact-page-lead{font-size:19px;line-height:1.65;color:#3f4239;margin-top:18px;max-width:680px}
body.v4 .contact-page-grid{display:grid;grid-template-columns:1fr 1.1fr;gap:34px;margin-top:44px;align-items:start}
body.v4 .contact-topic-card{background:#fff;border:1px solid #e2ded6;border-top:4px solid #c8102e;border-radius:16px;padding:28px 30px}
body.v4 .contact-topics{display:flex;flex-wrap:wrap;gap:10px;margin-top:16px}
body.v4 .contact-topic{font-family:var(--display);font-size:14px;letter-spacing:.4px;text-transform:uppercase;background:#f4f2ed;color:#3f4239;border:1px solid #e2ded6;border-radius:999px;padding:10px 16px;cursor:pointer}
body.v4 .contact-topic:hover{border-color:#c8102e;color:#c8102e}
body.v4 .contact-topic.is-active{background:#c8102e;border-color:#c8102e;color:#fff}
body.v4 .contact-topic-note{font-size:15px;line-height:1.75;color:#5b6053;margin-top:18px}
body.v4 .contact-channels{display:flex;flex-direction:column;gap:18px}
body.v4 .contact-channel{background:#fff;border:1px solid #e2ded6;border-radius:16px;padding:22px 26px}
body.v4 .contact-channel-num{display:block;font-size:12px;letter-spacing:1.4px;font-weight:800;color:#c8102e;margin-bottom:10px}
body.v4 .contact-channel .phone-link{font-family:var(--display);font-size:clamp(24px,2.6vw,32px);letter-spacing:-.8px;color:#26291f;text-decoration:none;display:inline-block}
body.v4 .contact-channel .phone-link:hover{color:#c8102e}
body.v4 .contact-channel p{font-size:14px;line-height:1.7;color:#7b7f74;margin-top:10px}
body.v4 .contact-page-hint{margin-top:34px;font-size:15px;line-height:1.75;color:#5b6053;max-width:760px}
body.v4 .contact-page-hint a{color:#c8102e}
body.v4 .contact-people-row{display:flex;flex-wrap:wrap;gap:30px;margin-top:34px;padding-top:26px;border-top:1px solid #e2ded6}
body.v4 .contact-person{display:flex;align-items:center;gap:14px}
body.v4 .contact-person img{width:62px;height:62px;border-radius:50%;object-fit:cover}
body.v4 .contact-person b{display:block;font-size:16px}
body.v4 .contact-person span{display:block;font-size:13px;color:#7b7f74}
body.v4 .contact-page-about{padding:70px 0 90px}
body.v4 .contact-page-about>*{max-width:820px}
body.v4 .contact-page-about .eyebrow{color:#c8102e}
body.v4 .contact-page-about h2{font-size:clamp(28px,3.4vw,44px);line-height:1.08;letter-spacing:-1.4px;text-transform:uppercase;margin:14px 0 0}
body.v4 .contact-page-about p{font-size:16px;line-height:1.78;color:#4c5045;margin-top:18px}
body.v4 .contact-page-about .button{margin-top:26px}
@media(max-width:900px){
 body.v4 .contact-page{padding-top:48px}
 body.v4 .contact-page-grid{grid-template-columns:1fr;gap:22px;margin-top:32px}
 body.v4 .contact-topic-card,body.v4 .contact-channel{padding:22px 20px}
 body.v4 .contact-page-about{padding:52px 0 70px}
}

/* --- V4 Über-uns-Seite (/ueber-uns), Inhalt übernommen von hammerleute.de/ueber-uns --- */
body.v4 .about-page{padding:70px 0 10px}
body.v4 .about-page .eyebrow,body.v4 .about-page-roots .eyebrow,body.v4 .about-page-goal .eyebrow,body.v4 .about-page-cta .eyebrow{color:#c8102e}
body.v4 .about-page-intro{max-width:860px}
body.v4 .about-page h1{font-size:clamp(38px,5vw,64px);line-height:1.02;letter-spacing:-2px;text-transform:uppercase;margin:14px 0 0}
body.v4 .about-page-lead{font-size:20px;line-height:1.6;color:#26291f;margin-top:20px;font-weight:600}
body.v4 .about-page-intro p{font-size:16px;line-height:1.78;color:#4c5045;margin-top:14px;max-width:700px}
body.v4 .about-page-intro .button{margin-top:26px}
body.v4 .about-page-figure{margin:44px 0 0}
body.v4 .about-page-figure img{width:100%;height:auto;border-radius:18px;display:block;object-fit:cover;max-height:520px}
body.v4 .about-page-figure figcaption{font-size:14px;color:#7b7f74;margin-top:12px}
body.v4 .about-page-people{display:flex;flex-wrap:wrap;align-items:center;gap:30px;margin-top:30px;padding-top:26px;border-top:1px solid #e2ded6}
body.v4 .about-page-badge{display:flex;align-items:center;gap:14px;text-decoration:none;color:#26291f;background:#fff;border:1px solid #e2ded6;border-radius:14px;padding:12px 18px;margin-left:auto}
body.v4 .about-page-badge img{width:52px;height:52px;object-fit:contain}
body.v4 .about-page-badge b{display:block;font-size:15px}
body.v4 .about-page-badge small{display:block;font-size:13px;color:#7b7f74}
body.v4 .about-page-badge:hover{border-color:#c8102e}
body.v4 .about-page-roots{padding:74px 0 0;display:grid;grid-template-columns:1fr 1.15fr;gap:40px;align-items:start}
body.v4 .about-page-roots h2,body.v4 .about-page-goal h2,body.v4 .about-page-steps h2,body.v4 .about-page-cta h2{font-size:clamp(28px,3.6vw,46px);line-height:1.06;letter-spacing:-1.4px;text-transform:uppercase;margin:14px 0 0}
body.v4 .about-page-roots-body p{font-size:16px;line-height:1.8;color:#4c5045;margin:0 0 18px}
body.v4 .about-page-roots-body .button{margin-top:8px}
body.v4 .about-page-goal{padding:74px 0 0}
body.v4 .about-page-goal>*{max-width:860px}
body.v4 .about-page-goal p{font-size:16px;line-height:1.8;color:#4c5045;margin-top:18px}
body.v4 .about-page-goal .large-copy{font-size:20px;line-height:1.6;color:#26291f}
body.v4 .about-page-goal-strong{font-weight:700;color:#26291f;border-left:4px solid #c8102e;padding-left:18px;margin-top:26px}
body.v4 .about-page-steps{padding:74px 0 0}
body.v4 .about-page-steps-head{max-width:820px}
body.v4 .about-page-steps-head p{font-size:16px;line-height:1.78;color:#4c5045;margin-top:16px}
body.v4 .about-page-steps-list{display:grid;grid-template-columns:repeat(3,1fr);gap:20px;margin:34px 0 26px}
body.v4 .about-page-steps-list article{background:#fff;border:1px solid #e2ded6;border-top:4px solid #c8102e;border-radius:16px;padding:24px 26px}
body.v4 .about-page-steps-list span{display:block;font-size:12px;letter-spacing:1.4px;font-weight:800;color:#c8102e;margin-bottom:10px}
body.v4 .about-page-steps-list h3{font-family:var(--display);font-size:20px;letter-spacing:-.4px;text-transform:uppercase;margin:0 0 10px}
body.v4 .about-page-steps-list p{font-size:15px;line-height:1.75;color:#5b6053;margin:0}
body.v4 .about-page-cta{padding:74px 0 92px}
body.v4 .about-page-cta>*{max-width:860px}
body.v4 .about-page-cta p{font-size:16px;line-height:1.8;color:#4c5045;margin-top:18px}
body.v4 .about-page-cta-row{display:flex;flex-wrap:wrap;align-items:center;gap:22px;margin-top:28px}
body.v4 .about-page-cta-row .phone-link{font-family:var(--display);font-size:26px;letter-spacing:-.6px;color:#26291f;text-decoration:none}
body.v4 .about-page-cta-row .phone-link:hover{color:#c8102e}
body.v4 .about-page-cta-note{font-size:14px;color:#7b7f74}
@media(max-width:900px){
 body.v4 .about-page{padding-top:48px}
 body.v4 .about-page-roots{grid-template-columns:1fr;gap:22px;padding-top:52px}
 body.v4 .about-page-goal,body.v4 .about-page-steps{padding-top:52px}
 body.v4 .about-page-cta{padding:52px 0 70px}
 body.v4 .about-page-steps-list{grid-template-columns:1fr}
 body.v4 .about-page-badge{margin-left:0}
 body.v4 .about-page-figure img{max-height:300px}
}

/* Header: TÜV-Siegel neben der Wortmarke */
body.v4 .site-header .header-tuv{display:inline-flex;align-items:center;justify-content:center;margin-left:.75rem;margin-right:auto;line-height:0;flex:0 0 auto;background:#fff;border-radius:10px;padding:3px;box-shadow:0 2px 10px #0000001f}
body.v4 .site-header .header-tuv img{width:46px;height:46px;border-radius:8px;object-fit:contain;background:transparent}
@media (max-width:640px){body.v4 .site-header .header-tuv{margin-left:.5rem;padding:2px;border-radius:8px}body.v4 .site-header .header-tuv img{width:36px;height:36px;border-radius:6px}}

/* Google-Vorschau: realistischere Suchergebnisdarstellung */
body.v4 .g-serp .google-word{font-weight:400;letter-spacing:-1.5px;font-size:34px}
body.v4 .g-serp .google-word span:nth-child(3){color:#f9ab00}
body.v4 .g-serp .g-tabs{gap:14px;overflow:hidden}
body.v4 .g-serp .g-tabs span{white-space:nowrap}
body.v4 .g-serp .search-result{display:block;border-bottom:0;margin:14px 22px 0;padding:0}
body.v4 .g-serp .search-result+.search-result{margin-top:20px;border-top:1px solid #ebebeb;padding-top:16px}
body.v4 .g-serp .g-head{display:flex;align-items:center;gap:9px}
body.v4 .g-serp .g-head .search-initial{width:22px;height:22px;font-size:10px;margin:0;border:1px solid #ecedef;background:#fff;color:#5f6368}
body.v4 .g-serp .featured .g-head .search-initial{background:#fce8ec;color:#c8102e;border-color:#f6d3da}
body.v4 .g-serp .g-site{display:flex;flex-direction:column;min-width:0}
body.v4 .g-serp .g-site-name{font-size:10px;color:#202124;line-height:1.35;font-family:arial,sans-serif}
body.v4 .g-serp .g-site .g-url{font-size:9px;color:#4d5156;line-height:1.35;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
body.v4 .g-serp .g-kebab{margin-left:auto;color:#5f6368;font-size:12px;line-height:1}
body.v4 .g-serp .search-result b.g-title{display:block;font-family:arial,sans-serif;font-weight:400;font-size:15px;line-height:1.3;color:#1a0dab;margin:5px 0 2px}
body.v4 .g-serp .g-snippet{display:block;font-size:10px;line-height:1.62;color:#4d5156;font-family:arial,sans-serif}
body.v4 .g-serp .g-snippet .g-date{font-style:normal;color:#70757a}
body.v4 .g-serp .g-snippet em{font-style:normal;font-weight:700;color:#4d5156}
body.v4 .g-serp .g-stars{color:#febd00;letter-spacing:.5px}
body.v4 .g-serp .g-sitelinks{display:flex!important;gap:12px;margin-top:5px}
body.v4 .g-serp .g-sitelinks i{font-style:normal;font-size:9.5px;color:#1a0dab;text-decoration:underline;text-decoration-color:#c7d0f5}

/* Fußzeile: Dreierzeile wie im Hero, animiert und etwas kleiner */
body.v4 .site-footer .footer-claims{display:flex;gap:22px;flex-wrap:nowrap;min-width:0}
body.v4 .site-footer .footer-claims>span{font-family:var(--heading);font-weight:400;font-size:19px;line-height:1.2;letter-spacing:0;text-transform:uppercase;white-space:nowrap;color:#8a8d91;transition:color .4s ease}
body.v4 .site-footer .footer-claims>span.is-active{color:#fff}
@media (max-width:900px){body.v4 .site-footer .footer-claims{flex-wrap:wrap;gap:12px}body.v4 .site-footer .footer-claims>span{font-size:15px}}
@media (prefers-reduced-motion:reduce){body.v4 .site-footer .footer-claims>span{transition:none;color:#fff}}

/* Kontakt-CTA: kleine Porträts neben den Ansprechpartnern */
body.v4 .contact-people{display:flex;align-items:center;gap:14px}
body.v4 .contact-people-photos{display:inline-flex;flex:0 0 auto}
body.v4 .contact-people-photos img{width:42px;height:42px;border-radius:50%;object-fit:cover;object-position:50% 30%;border:2px solid #fff;box-shadow:0 2px 8px #0000001f}
body.v4 .contact-people-photos img+img{margin-left:-12px}
body.v4 .contact-people-text{display:block;min-width:0}
@media (max-width:640px){body.v4 .contact-people-photos img{width:36px;height:36px}}

/* Blog (11.09.2026) – Übersicht und Artikelseiten, isolierte Regeln */
body.v4 .blog-hero{padding:clamp(3rem,7vw,6rem) 0 1.5rem}
body.v4 .blog-hero h1{max-width:22ch}
body.v4 .blog-lead{max-width:60ch;font-size:1.05rem;line-height:1.7}
body.v4 .blog-cats{display:flex;flex-wrap:wrap;gap:.5rem;margin:1.75rem 0 0;padding:0;list-style:none}
body.v4 .blog-cats li{margin:0}
body.v4 .blog-cats a,body.v4 .blog-cat{display:inline-block;border:1px solid #0000001f;border-radius:999px;padding:.35rem .85rem;font-size:.8rem;letter-spacing:.04em;text-transform:uppercase;text-decoration:none;color:#111}
body.v4 .blog-cats a[aria-current="true"]{background:#c8102e;border-color:#c8102e;color:#fff}
body.v4 .blog-list{display:grid;gap:1.25rem;grid-template-columns:repeat(auto-fit,minmax(280px,1fr));margin:2rem 0 0;padding:0;list-style:none}
body.v4 .blog-card{background:#fff;border:1px solid #0000001a;border-radius:16px;padding:1.5rem;display:flex;flex-direction:column;gap:.65rem}
body.v4 .blog-card h2{font-size:clamp(1.15rem,2.2vw,1.5rem);margin:0;line-height:1.15}
body.v4 .blog-card h2 a{color:#111;text-decoration:none}
body.v4 .blog-card h2 a:hover{color:#c8102e}
body.v4 .blog-card p{margin:0;line-height:1.65}
body.v4 .blog-card .blog-cat{align-self:flex-start;color:#c8102e;border-color:#c8102e33}
body.v4 .blog-card .text-link{margin-top:auto}
body.v4 .blog-empty{margin:1.5rem 0 0;font-size:.95rem;color:#4a4a4a;max-width:60ch}
body.v4 .blog-article{padding:clamp(2.5rem,6vw,5rem) 0}
body.v4 .blog-article-inner{max-width:720px;margin-inline:auto}
body.v4 .blog-breadcrumb{font-size:.85rem;margin:0 0 1rem}
body.v4 .blog-breadcrumb a{color:#c8102e}
body.v4 .blog-article h1{font-size:clamp(1.9rem,4.6vw,3rem);line-height:1.05;margin:.4rem 0 1.5rem}
body.v4 .blog-article h2{font-size:clamp(1.35rem,3vw,2rem);line-height:1.1;margin:2.75rem 0 .85rem}
body.v4 .blog-article h3{font-size:clamp(1.05rem,2.2vw,1.3rem);margin:1.75rem 0 .5rem}
body.v4 .blog-article p{line-height:1.75;margin:0 0 1.15rem;font-size:1.02rem}
body.v4 .blog-article a{color:#c8102e}
body.v4 .blog-article ul{line-height:1.75;padding-left:1.2rem}
body.v4 .blog-table-wrap{overflow-x:auto;margin:1.5rem 0 1.75rem;-webkit-overflow-scrolling:touch}
body.v4 .blog-article table{border-collapse:collapse;width:100%;min-width:420px;font-size:.95rem}
body.v4 .blog-article th,body.v4 .blog-article td{text-align:left;padding:.7rem .8rem;border-bottom:1px solid #0000001a;vertical-align:top;line-height:1.55}
body.v4 .blog-article th{font-size:.78rem;letter-spacing:.05em;text-transform:uppercase;background:#f6f6f6}
body.v4 .blog-faq{margin-top:2.5rem}
body.v4 .blog-cta{margin:3rem 0 0;padding:1.75rem;border:1px solid #0000001a;border-left:4px solid #c8102e;border-radius:14px;background:#fff}
body.v4 .blog-cta h2{margin-top:0}
body.v4 .blog-note{font-size:.85rem;color:#4a4a4a;margin-top:2.5rem}
@media (max-width:640px){body.v4 .blog-article p{font-size:1rem}body.v4 .blog-card{padding:1.25rem}}

/* Vertrauenszeile: vierter Eintrag (Projekte seit 2017) */
.trust-inner{grid-template-columns:1.1fr 1.05fr .85fr .6fr}
.trust-count strong{color:#c8102e}
@media(max-width:1200px){.trust-inner{grid-template-columns:1.1fr 1fr .85fr .55fr}}
@media(max-width:1050px){.trust-inner{grid-template-columns:1fr 1fr}}
@media(max-width:720px){.trust-count{width:100%;order:2}}

/* Blog-Redesign (11.09.2026) – conversionorientierte Übersicht und Artikelseiten */
body.v4 .blog-hero{padding:clamp(3rem,7vw,5.5rem) 0 2rem;border-bottom:4px solid #c8102e}
body.v4 .blog-hero h1{color:#c8102e;max-width:20ch}
body.v4 .blog-cats a,body.v4 .blog-cat{border-radius:0;font-weight:700;border:2px solid #0000001f}
body.v4 .blog-cats a{transition:border-color .2s,color .2s}
body.v4 .blog-cats a:hover{border-color:#c8102e;color:#c8102e}
body.v4 .blog-list{grid-template-columns:repeat(auto-fit,minmax(320px,1fr));gap:1.75rem;margin-top:2.5rem}
body.v4 .blog-card{border-radius:0;border:0;padding:0;overflow:hidden;box-shadow:0 18px 40px #0000001a;transition:transform .25s,box-shadow .25s}
body.v4 .blog-card:hover{transform:translateY(-4px);box-shadow:0 24px 55px #00000024}
body.v4 .blog-card-media{position:relative;aspect-ratio:16/9;background:#eae6df;overflow:hidden}
body.v4 .blog-card-media img{width:100%;height:100%;object-fit:cover;transition:transform .5s}
body.v4 .blog-card:hover .blog-card-media img{transform:scale(1.05)}
body.v4 .blog-card-media .blog-cat{position:absolute;top:14px;left:14px;background:#c8102e;color:#fff;border-color:#c8102e;font-size:.68rem;padding:.3rem .7rem}
body.v4 .blog-card-body{padding:1.6rem 1.6rem 1.75rem;display:flex;flex-direction:column;gap:.7rem;flex:1}
body.v4 .blog-card-body h2{font-size:clamp(1.25rem,2.3vw,1.6rem)}
body.v4 .blog-card-meta{font-size:.78rem;letter-spacing:.05em;text-transform:uppercase;color:#6a6a6a}
body.v4 .blog-book-card{display:flex;flex-direction:column;gap:1rem;align-items:flex-start;background:#141414;color:#fff;border:4px solid #c8102e;padding:1.9rem}
body.v4 .blog-book-card img{width:118px;height:auto;box-shadow:0 14px 30px #00000073}
body.v4 .blog-book-card .eyebrow{color:#c8102e}
body.v4 .blog-book-card h2{font-size:clamp(1.5rem,2.6vw,2rem);margin:0;color:#fff;line-height:1.05}
body.v4 .blog-book-card p{margin:0;color:#c9c9c9;line-height:1.6}
body.v4 .blog-book-card .button{width:100%;text-align:center}
body.v4 .blog-book-card small{color:#8f8f8f;font-size:.75rem;letter-spacing:.04em;text-transform:uppercase}
body.v4 .blog-strip{margin:2.75rem 0 0;background:#fff;border-left:8px solid #c8102e;box-shadow:0 14px 34px #00000014;padding:1.75rem}
body.v4 .blog-strip h2{margin:0 0 .5rem;font-size:clamp(1.25rem,2.4vw,1.7rem)}
body.v4 .blog-strip p{margin:0 0 1.1rem;max-width:60ch;line-height:1.65}
body.v4 .blog-actions{display:flex;flex-wrap:wrap;gap:.75rem}
body.v4 .blog-actions .button{flex:1 1 240px;text-align:center}
body.v4 .button-whatsapp{background:#25d366;border-color:#25d366;color:#0b2a16}
body.v4 .button-whatsapp:hover{filter:brightness(1.06)}
body.v4 .blog-article-lead{font-size:1.18rem;font-weight:600;line-height:1.6}
body.v4 .blog-article h2{color:#111;padding-left:.9rem;border-left:8px solid #c8102e}
body.v4 .blog-article thead th{background:#c8102e;color:#fff;border-bottom:0}
body.v4 .blog-article table{border:2px solid #0000001a}
body.v4 .blog-article tbody tr:nth-child(even){background:#faf9f7}
body.v4 .blog-toc{background:#fff;border:1px solid #0000001a;border-top:4px solid #c8102e;padding:1.25rem 1.5rem;margin:0 0 2rem}
body.v4 .blog-toc h2{font-size:.85rem;letter-spacing:.06em;text-transform:uppercase;margin:0 0 .6rem;border:0;padding:0;color:#6a6a6a}
body.v4 .blog-toc ol{margin:0;padding-left:1.1rem;line-height:1.7;font-size:.95rem}
body.v4 .blog-inline-cta{margin:2.5rem 0;background:#fff;border-left:8px solid #c8102e;box-shadow:0 14px 34px #00000014;padding:1.6rem}
body.v4 .blog-inline-cta h2{margin:0 0 .4rem;border:0;padding:0;font-size:clamp(1.2rem,2.3vw,1.6rem)}
body.v4 .blog-inline-cta p{margin:0 0 1.1rem}
body.v4 .blog-book-inline{margin:2.75rem 0;background:#141414;color:#fff;padding:1.9rem;display:flex;gap:1.6rem;align-items:center;flex-wrap:wrap;border:4px solid #c8102e}
body.v4 .blog-book-inline img{width:130px;height:auto;flex:0 0 auto;box-shadow:0 14px 30px #00000073}
body.v4 .blog-book-inline .blog-book-text{flex:1 1 280px;min-width:0}
body.v4 .blog-book-inline h2{margin:.2rem 0 .6rem;border:0;padding:0;color:#fff;font-size:clamp(1.4rem,2.6vw,2rem)}
body.v4 .blog-book-inline p{color:#c9c9c9;margin:0 0 1.1rem}
body.v4 .blog-book-inline .eyebrow{color:#c8102e}
body.v4 .blog-author{margin:2.5rem 0 0;display:flex;gap:1rem;align-items:center;background:#fff;border:1px solid #0000001a;padding:1.25rem}
body.v4 .blog-author .contact-people-photos img{width:52px;height:52px}
body.v4 .blog-author b{display:block}
body.v4 .blog-author span{font-size:.9rem;color:#4a4a4a;line-height:1.55}
body.v4 .blog-cta{border-radius:0;border-left-width:8px;box-shadow:0 14px 34px #00000014}
@media (max-width:640px){body.v4 .blog-book-inline{gap:1.1rem}body.v4 .blog-book-inline img{width:96px}body.v4 .blog-actions .button{flex:1 1 100%}}
body.v4 .blog-book-card{justify-content:center}
body.v4 .blog-article .blog-toc{display:block}
body.v4 .blog-article .blog-toc h2{font-family:Manrope,system-ui,sans-serif;font-size:.8rem;letter-spacing:.08em;text-transform:uppercase;font-weight:700;color:#6a6a6a;margin:0 0 .6rem;border:0;padding:0;display:block;line-height:1.3}
body.v4 .blog-article .blog-inline-cta h2,body.v4 .blog-book-inline h2{border:0;padding:0}
body.v4 .blog-book-inline .button,body.v4 .blog-book-card .button{color:#fff;background:#c8102e;border-color:#c8102e}
body.v4 .blog-book-inline .button:hover,body.v4 .blog-book-card .button:hover{background:#a50d26;border-color:#a50d26;color:#fff}
body.v4 .blog-toc .blog-toc-title{font-size:.8rem;letter-spacing:.08em;text-transform:uppercase;font-weight:700;color:#6a6a6a;margin:0 0 .6rem;line-height:1.3}
body.v4 .blog-actions .button{color:#fff;background:#c8102e;border-color:#c8102e}
body.v4 .blog-actions .button:hover{color:#fff;background:#a50d26;border-color:#a50d26}
body.v4 .blog-actions .button-whatsapp{background:#25d366;border-color:#25d366;color:#0b2a16}
body.v4 .blog-actions .button-whatsapp:hover{background:#1fbb59;border-color:#1fbb59;color:#0b2a16}

/* ===== Buchseite: Gestaltung nach hammerleute.de/buch (11.09.2026) ===== */
body.v4.buch-doc{background:#0d0d0d;color:#f2efe8}
body.v4.buch-doc .site-header{background:#0d0d0d;border-bottom:1px solid #ffffff1a}
body.v4.buch-doc .site-header .brand{color:#fff}
body.v4.buch-doc .site-header nav a{color:#e6e2da}
body.v4.buch-doc .site-header nav a:hover{color:#c8102e}
body.v4.buch-doc .site-header nav a.button{color:#fff}
body.v4.buch-doc .menu-button{color:#fff}
body.v4.buch-doc main{background:#0d0d0d}
body.v4.buch-doc h1,body.v4.buch-doc h2,body.v4.buch-doc h3{color:#fff}
body.v4.buch-doc .eyebrow{color:#b9b3a8;letter-spacing:.14em;font-size:.72rem;text-transform:uppercase;font-weight:700}
body.v4.buch-doc h1 em,body.v4.buch-doc h2 em,body.v4.buch-doc .buch-signature{font-family:"Playfair Display",Georgia,serif;font-style:italic;font-weight:400;text-transform:none;letter-spacing:-.01em}
body.v4.buch-doc h1 em{color:#c8102e}
body.v4.buch-doc h2 em{color:#f2efe8;display:inline-block}
body.v4.buch-doc .buch-sub,body.v4.buch-doc .buch-lead,body.v4.buch-doc p{color:#cdc8bf}
body.v4.buch-doc .buch-lead{color:#f2efe8}
body.v4.buch-doc .buch-hero{padding:clamp(2.5rem,5vw,4.5rem) 0 0}
body.v4.buch-doc .buch-hero-grid{grid-template-columns:1fr 1fr;gap:48px;align-items:start}
body.v4.buch-doc .buch-hero h1{font-size:clamp(56px,7.4vw,108px);line-height:.92}
body.v4.buch-doc .buch-hero .eyebrow a{color:#b9b3a8;text-decoration:underline}
body.v4.buch-doc .buch-cover-card{background:#f2efe8;border-radius:26px;padding:26px 28px 22px;color:#1a1a1a}
body.v4.buch-doc .buch-cover-card .eyebrow{color:#6d675e;max-width:22ch}
body.v4.buch-doc .buch-cover-head{display:flex;justify-content:space-between;gap:14px;align-items:flex-start}
body.v4.buch-doc .buch-chip{background:#c8102e;color:#fff;border-radius:999px;padding:.45rem .9rem;font-size:.68rem;letter-spacing:.14em;font-weight:800;white-space:nowrap}
body.v4.buch-doc .buch-cover{margin:18px 0 0}
body.v4.buch-doc .buch-cover img{filter:drop-shadow(0 26px 46px rgba(0,0,0,.28))}
body.v4.buch-doc .buch-cover-foot{margin-top:18px;padding-top:16px;border-top:1px solid #0000001f;display:flex;justify-content:space-between;gap:18px;font-size:.95rem;line-height:1.5;color:#3a352e}
body.v4.buch-doc .buch-cover-claim{color:#c8102e;font-weight:700;text-align:right}
body.v4.buch-doc .buch-hoerbuch-note{display:flex;align-items:center;gap:16px;margin:26px 0 0;padding-left:clamp(0px,3vw,52%)}
body.v4.buch-doc .buch-plus{color:#c8102e;font-size:1.6rem;line-height:1}
body.v4.buch-doc .buch-hoerbuch-note p{margin:0;flex:1;color:#e6e2da;line-height:1.6}
body.v4.buch-doc .buch-mini-button{background:#1c1c1c;border:1px solid #ffffff26;border-radius:999px;padding:.6rem 1.1rem;color:#fff;font-size:.85rem;font-weight:700;white-space:nowrap}
body.v4.buch-doc .buch-mini-button:hover{border-color:#c8102e;color:#fff}
body.v4.buch-doc .buch-facts{margin-top:46px;background:transparent;border:0;border-top:1px solid #ffffff1f;border-bottom:1px solid #ffffff1f;border-radius:0;gap:0}
body.v4.buch-doc .buch-facts>div{background:transparent;display:flex;align-items:center;gap:18px;padding:26px 30px;border-left:1px solid #ffffff14}
body.v4.buch-doc .buch-facts>div:first-child{border-left:0;padding-left:0}
body.v4.buch-doc .buch-facts strong{color:#fff;font-size:clamp(38px,4.6vw,56px);margin:0}
body.v4.buch-doc .buch-facts span{margin:0;color:#bdb8ae;font-size:.95rem}
body.v4.buch-doc .buch-panel{background:#f2efe8;color:#1f1c17;border-radius:30px;margin:clamp(3rem,6vw,5rem) clamp(.75rem,2vw,1.25rem);padding:clamp(2.5rem,5vw,4.5rem) 0}
body.v4.buch-doc .buch-panel h2,body.v4.buch-doc .buch-panel h3{color:#161310}
body.v4.buch-doc .buch-panel h2 em{color:#c8102e}
body.v4.buch-doc .buch-panel p,body.v4.buch-doc .buch-panel .buch-sub{color:#413c34}
body.v4.buch-doc .buch-panel .eyebrow{color:#6d675e}
body.v4.buch-doc .buch-split{display:grid;grid-template-columns:1fr 1fr;gap:clamp(2rem,5vw,4rem);align-items:start}
body.v4.buch-doc .buch-split-head{align-items:end;margin-bottom:2.25rem}
body.v4.buch-doc .buch-widmung h2,body.v4.buch-doc .buch-inhalt h2,body.v4.buch-doc .buch-spreads h2,body.v4.buch-doc .buch-autoren h2,body.v4.buch-doc .buch-hoerbuch h2,body.v4.buch-doc .buch-bestellen h2,body.v4.buch-doc .buch-faq h2{font-size:clamp(34px,4.4vw,62px);line-height:1;letter-spacing:-1.5px;margin:14px 0 18px}
body.v4.buch-doc .buch-signature{font-size:clamp(28px,3vw,40px);margin:2.5rem 0 .35rem;color:#161310}
body.v4.buch-doc .buch-quote{background:transparent;border:0;border-top:1px solid #00000021;border-radius:0;padding:1.25rem 0 0;margin:0}
body.v4.buch-doc .buch-quote p{font-size:1.02rem;line-height:1.75;margin:0 0 1rem}
body.v4.buch-doc .buch-quote-lead{font-size:1.35rem!important;font-weight:600;color:#161310!important}
body.v4.buch-doc .buch-quote-accent{font-family:"Playfair Display",Georgia,serif;font-style:italic;font-size:1.6rem!important;line-height:1.2;color:#c8102e!important;margin:1.4rem 0 1rem}
body.v4.buch-doc .buch-quote footer{margin-top:1.75rem;padding-top:1.25rem;border-top:1px solid #00000021;display:flex;justify-content:space-between;gap:18px;align-items:center;text-transform:none;letter-spacing:0;font-size:1rem;color:#413c34;font-weight:400}
body.v4.buch-doc .buch-quote footer strong{color:#161310}
body.v4.buch-doc .buch-kicker{display:flex;justify-content:space-between;gap:18px;padding-bottom:1rem;border-bottom:1px solid #ffffff1f}
body.v4.buch-doc .buch-kicker .eyebrow:first-child{color:#c8102e}
body.v4.buch-doc .buch-inhalt,body.v4.buch-doc .buch-autoren,body.v4.buch-doc .buch-hoerbuch,body.v4.buch-doc .buch-faq{padding:clamp(3rem,6vw,5rem) 0}
body.v4.buch-doc .buch-rows{display:block;margin:0}
body.v4.buch-doc .buch-rows article{display:grid;grid-template-columns:56px 1fr 360px;gap:clamp(1rem,3vw,2.5rem);align-items:start;background:transparent;border:0;border-top:1px solid #ffffff1f;border-radius:0;padding:2rem 0}
body.v4.buch-doc .buch-rows .buch-num{color:#c8102e;font-family:var(--display);font-size:1.1rem;letter-spacing:.06em}
body.v4.buch-doc .buch-rows h3{font-size:clamp(20px,2.2vw,28px);line-height:1.1;margin:.5rem 0 .8rem}
body.v4.buch-doc .buch-rows p{margin:0;line-height:1.7}
body.v4.buch-doc .buch-rows details{margin:0;border:1px solid #ffffff26;border-radius:8px;background:#161616;padding:0}
body.v4.buch-doc .buch-rows summary{list-style:none;padding:1rem 1.1rem;display:flex;justify-content:space-between;color:#e6e2da;font-weight:600;font-size:.95rem;letter-spacing:0}
body.v4.buch-doc .buch-rows summary::-webkit-details-marker{display:none}
body.v4.buch-doc .buch-rows summary::after{content:"+";color:#c8102e;font-size:1.1rem}
body.v4.buch-doc .buch-rows details[open] summary::after{content:"–"}
body.v4.buch-doc .buch-rows details ul{margin:0;padding:0 1.1rem 1.1rem 2rem;color:#bdb8ae}
body.v4.buch-doc .buch-rows details ul b{color:#fff}
body.v4.buch-doc .buch-rows-foot{display:flex;justify-content:space-between;align-items:center;gap:24px;border-top:1px solid #ffffff1f;padding-top:2rem;flex-wrap:wrap}
body.v4.buch-doc .buch-rows-foot p{margin:0;color:#e6e2da;line-height:1.6}
body.v4.buch-doc .buch-rows-foot strong{color:#fff}
body.v4.buch-doc .buch-spread-grid{gap:24px;margin-top:1rem}
body.v4.buch-doc .buch-spread-grid img{border:1px solid #00000014;border-radius:14px;box-shadow:0 18px 34px #00000017}
body.v4.buch-doc .buch-spread-grid figcaption{color:#6d675e}
body.v4.buch-doc .buch-autoren-grid{grid-template-columns:.85fr 1.15fr;gap:clamp(2rem,5vw,4rem);align-items:center}
body.v4.buch-doc .buch-portraits{margin:0;gap:0;position:relative;align-items:flex-start}
body.v4.buch-doc .buch-portraits figure:first-child{margin-top:0}
body.v4.buch-doc .buch-portraits figure:last-child{margin-top:54px;margin-left:-26px}
body.v4.buch-doc .buch-portraits img{width:clamp(150px,17vw,230px);height:auto;aspect-ratio:4/5;border-radius:14px;box-shadow:0 22px 44px #00000073}
body.v4.buch-doc .buch-portraits figcaption{color:#bdb8ae;font-weight:400;font-size:.9rem}
body.v4.buch-doc .buch-autoren-text p{color:#cdc8bf;font-size:1.02rem;line-height:1.75}
body.v4.buch-doc .buch-tuev{display:flex;gap:18px;align-items:flex-start;background:transparent;border:0;border-top:1px solid #ffffff1f;border-radius:0;margin-top:1.75rem;padding:1.5rem 0 0}
body.v4.buch-doc .buch-tuev img{width:76px;flex:0 0 76px}
body.v4.buch-doc .buch-tuev p{margin:0;color:#cdc8bf;line-height:1.65}
body.v4.buch-doc .buch-tuev strong{color:#fff}
body.v4.buch-doc .buch-hoerprobe{background:#161616;border:1px solid #ffffff1a;border-radius:20px;max-width:none;padding:clamp(1.6rem,3vw,2.2rem)}
body.v4.buch-doc .buch-hoerprobe .eyebrow{color:#b9b3a8}
body.v4.buch-doc .buch-wave{display:flex;align-items:center;justify-content:center;gap:5px;height:76px;margin:1.5rem 0}
body.v4.buch-doc .buch-wave i{width:5px;border-radius:3px;background:#c8102e;animation:buchwave 1.1s ease-in-out infinite alternate}
body.v4.buch-doc .buch-wave i:nth-child(odd){height:64%;animation-delay:.15s}
body.v4.buch-doc .buch-wave i:nth-child(even){height:100%}
body.v4.buch-doc .buch-wave i:nth-child(3n){height:44%;animation-delay:.3s}
@keyframes buchwave{from{transform:scaleY(.55)}to{transform:scaleY(1)}}
@media (prefers-reduced-motion:reduce){body.v4.buch-doc .buch-wave i{animation:none}}
body.v4.buch-doc .buch-preis{background:transparent;border:0;border-radius:0;max-width:none;margin-top:1.75rem}
body.v4.buch-doc .buch-preis>div{background:transparent;border-bottom:1px solid #0000001f;padding:.95rem 0}
body.v4.buch-doc .buch-preis dt{color:#413c34}
body.v4.buch-doc .buch-preis dd{color:#161310}
body.v4.buch-doc .buch-preis-total{background:transparent!important;border-bottom:0!important;align-items:center}
body.v4.buch-doc .buch-preis-total dt{font-weight:700;color:#161310}
body.v4.buch-doc .buch-preis-total dd{font-family:var(--display);font-size:clamp(32px,4vw,48px);color:#c8102e;letter-spacing:-1px}
body.v4.buch-doc .buch-warum{border-top:1px solid #0000001f;padding-top:1.25rem;margin-top:.5rem}
body.v4.buch-doc .buch-warum summary{cursor:pointer;font-weight:700;color:#161310;list-style:none;display:flex;justify-content:space-between}
body.v4.buch-doc .buch-warum summary::-webkit-details-marker{display:none}
body.v4.buch-doc .buch-warum summary::after{content:"–";color:#c8102e}
body.v4.buch-doc .buch-warum p{margin-top:1rem;line-height:1.75}
body.v4.buch-doc .buch-warum-note{color:#6d675e!important;font-size:.9rem}
body.v4.buch-doc .buch-cta{background:#fff;border:1px solid #00000014;border-radius:22px;padding:clamp(1.6rem,3vw,2.2rem);box-shadow:0 22px 44px #00000012}
body.v4.buch-doc .buch-cta h3{font-size:clamp(24px,2.6vw,32px);margin:.6rem 0 .8rem}
body.v4.buch-doc .buch-cta .button{width:100%;text-align:center;margin-top:1.25rem;color:#fff}
body.v4.buch-doc .buch-formhinweis{margin-top:1rem;font-size:.9rem;color:#6d675e!important}
body.v4.buch-doc .buch-faq-list details{border-top:1px solid #ffffff1f;padding:1.1rem 0}
body.v4.buch-doc .buch-faq-list summary{list-style:none;display:flex;justify-content:space-between;gap:16px;cursor:pointer;color:#fff;font-weight:600}
body.v4.buch-doc .buch-faq-list summary::-webkit-details-marker{display:none}
body.v4.buch-doc .buch-faq-list summary::after{content:"+";color:#c8102e}
body.v4.buch-doc .buch-faq-list details[open] summary::after{content:"–"}
body.v4.buch-doc .buch-faq-list p{margin-top:.9rem;line-height:1.75}
body.v4.buch-doc .legal-source{margin-top:2.5rem;font-size:.8rem;color:#8d877d!important}
body.v4.buch-doc .site-footer{margin-top:0}
body.v4.buch-doc .text-link{color:#fff}
body.v4.buch-doc .buch-panel .text-link{color:#161310}
@media (max-width:900px){
body.v4.buch-doc .buch-hero-grid,body.v4.buch-doc .buch-split,body.v4.buch-doc .buch-autoren-grid{grid-template-columns:1fr}
body.v4.buch-doc .buch-facts{grid-template-columns:1fr}
body.v4.buch-doc .buch-facts>div{border-left:0;border-top:1px solid #ffffff14;padding:20px 0}
body.v4.buch-doc .buch-facts>div:first-child{border-top:0}
body.v4.buch-doc .buch-rows article{grid-template-columns:1fr;gap:1rem}
body.v4.buch-doc .buch-hoerbuch-note{padding-left:0;flex-wrap:wrap}
body.v4.buch-doc .buch-spread-grid{grid-template-columns:1fr}
body.v4.buch-doc .buch-quote footer{flex-direction:column;align-items:flex-start}
body.v4.buch-doc .buch-portraits figure:last-child{margin-top:20px;margin-left:-18px}
}
body.v4.buch-doc h1 em{font-family:var(--display);font-style:normal;text-transform:uppercase;letter-spacing:-3px;color:#c8102e}
body.v4.buch-doc h2 em,body.v4.buch-doc .buch-signature,body.v4.buch-doc .buch-quote-accent{font-family:"Playfair Display",Georgia,serif!important;font-style:italic!important;font-weight:400!important;text-transform:none!important;letter-spacing:-.01em!important}
body.v4.buch-doc h1 em{font-family:var(--display)!important;font-style:normal!important;text-transform:uppercase!important}
/* Website-Check CTA (Referenz hammerleute.de/websites) — scoped */
section.webseiten-check{background:#c8102e;color:#fff;padding-block:53px 60px;overflow:hidden}
section.webseiten-check .check-meta{display:flex;justify-content:space-between;gap:30px;font-size:14px;letter-spacing:.09em;text-transform:uppercase;line-height:1.5}
section.webseiten-check .check-layout{display:grid;grid-template-columns:1fr .95fr;gap:70px;margin-top:30px;align-items:start}
section.webseiten-check h2{font-family:var(--display);font-weight:400;text-transform:uppercase;letter-spacing:-.02em;font-size:clamp(42px,5vw,76px);line-height:1.02;margin:0 0 23px;color:#fff}
section.webseiten-check .check-intro>p{font-size:16px;line-height:1.7;max-width:480px;color:#fff}
section.webseiten-check .check-outcomes{list-style:none;margin:25px 0 30px;padding:0}
section.webseiten-check .check-outcomes li{display:flex;gap:15px;font-size:17px;padding:11px 0;border-bottom:1px solid #ffffff55;align-items:baseline}
section.webseiten-check .check-outcomes li span{font-size:14px;font-weight:600}
section.webseiten-check .check-person{display:flex;gap:17px;align-items:center}
section.webseiten-check .check-person img{width:54px;height:68px;object-fit:cover;object-position:50% 25%}
section.webseiten-check .check-person p{font-size:17px;line-height:1.7;margin:0}
section.webseiten-check .check-person strong{display:block;font-weight:650}
section.webseiten-check .check-person span{display:block;font-size:14px;max-width:270px}
section.webseiten-check .check-box{background:#eeece7;color:#242323;padding:30px;box-shadow:8px 8px 0 #16161620}
section.webseiten-check .check-box-label{font-size:14px;letter-spacing:.08em;margin:0;color:#5a5651}
section.webseiten-check .check-modes{display:grid;grid-template-columns:1fr 1fr;border-bottom:1px solid #adaaa7;margin-top:20px;gap:7px}
section.webseiten-check .check-modes button{border:0;background:none;padding:12px 8px 14px;font-size:16px;font-family:inherit;border-bottom:2px solid transparent;color:#645f5b;cursor:pointer}
section.webseiten-check .check-modes button[aria-pressed="true"]{border-color:#c8102e;color:#191919;font-weight:650}
section.webseiten-check .check-panel{padding-top:24px}
section.webseiten-check .check-panel h3{font-family:var(--display);font-weight:400;text-transform:uppercase;letter-spacing:-.02em;font-size:30px;line-height:1.05;margin:0;color:#242323}
section.webseiten-check .check-panel>p{font-size:17px;line-height:1.75;margin:16px 0 0;color:#504e4c}
section.webseiten-check .check-button{display:flex;width:100%;max-width:none;font-size:16px;margin-top:26px;gap:13px;padding:18px 17px;text-align:left;line-height:1.6;justify-content:space-between;align-items:center;background:#161616;color:#fff;text-decoration:none;font-weight:650}
section.webseiten-check .check-button:hover{background:#000}
section.webseiten-check .check-note{font-size:14px;line-height:1.65;color:#625d5a;margin:11px 0 0}
section.webseiten-check .check-note a{color:inherit;text-decoration:underline;text-underline-offset:3px}
section.webseiten-check .check-phone{display:flex;flex-wrap:wrap;gap:8px 18px;justify-content:space-between;align-items:center;margin-top:24px;padding-top:19px;border-top:1px solid #bfbdba;font-size:14px}
section.webseiten-check .check-phone a{font-size:14px;font-weight:600;color:#242323;text-decoration:underline;text-underline-offset:5px}
@media(max-width:1200px){section.webseiten-check .check-layout{gap:40px}section.webseiten-check .check-box{padding:26px}}
@media(max-width:900px){section.webseiten-check{padding-block:35px 42px}section.webseiten-check .check-layout{grid-template-columns:1fr;gap:29px;margin-top:25px}section.webseiten-check h2{font-size:11.6vw;margin-bottom:22px}section.webseiten-check .check-intro>p{font-size:16px}section.webseiten-check .check-outcomes{margin-block:20px 24px}section.webseiten-check .check-meta span:last-child{display:none}}
/* Einheitliche Inhaltsbreite (Nutzerauftrag 11.09.2026): Seite wirkt zu breit,
   Hero-Text und Bild zu weit auseinander; Footer war auf 1180px schmaler als der Rest. */
body.v4 .wrap{max-width:1240px}
body.v4 .site-footer .wrap{max-width:1240px}
@media(min-width:1500px){body.v4.v3 .hero-grid,body.v4.v3 .web-hero-grid,body.v4.v3 .recruit-grid{gap:56px}}

/* Blog-Ausbau (11.09.2026): Kartenkopf ohne Bild und Zitatblock in Artikeln. */
body.v4 .blog-card-head{padding:18px 20px 0}
body.v4 .blog-card-head .blog-cat{background:#c8102e;color:#fff;border-color:#c8102e;font-size:.68rem;padding:.3rem .7rem}
body.v4 .blog-article-inner blockquote.blog-quote{margin:1.4rem 0;padding:1.1rem 1.3rem;border-left:4px solid #c8102e;background:#f6f4f0;border-radius:0 12px 12px 0}
body.v4 .blog-article-inner blockquote.blog-quote p{margin:0;font-style:italic;color:#2a2a2a}
body.v4 .blog-article-inner ol li,body.v4 .blog-article-inner ul li{margin-bottom:.5rem}

/* ==== Footer-Optimierung + feste Kontaktleiste (Nutzerauftrag 11.09.2026) ==== */
body.v4 .site-footer .footer-columns{grid-template-columns:1.05fr .8fr 1.15fr;gap:46px;align-items:start}
body.v4 .site-footer .footer-col h3{font-family:var(--display);font-weight:400;text-transform:uppercase;letter-spacing:.01em;font-size:1.25rem;line-height:1.1;color:#fff;margin:0 0 16px}
body.v4 .site-footer .footer-col h3.footer-h3-second{margin-top:26px}
body.v4 .site-footer .footer-col>a{font-size:1.02rem;text-transform:uppercase;letter-spacing:.03em;font-weight:600;padding:7px 0;border-bottom:1px solid #ffffff1f;text-decoration:none;display:block;color:#f4f2ef}
body.v4 .site-footer .footer-col>a:hover{color:#fff;border-bottom-color:#c8102e}
body.v4 .site-footer .footer-col>a.footer-book,body.v4 .site-footer .footer-col>a.footer-acc-all{text-transform:none;letter-spacing:0}

/* Kontaktblock hervorheben */
body.v4 .footer-contact-card{background:#ffffff0d;border:1px solid #ffffff24;border-left:4px solid #c8102e;padding:20px 20px 18px;display:flex;flex-direction:column;gap:11px}
body.v4 .footer-contact-label{font-size:.74rem;letter-spacing:.14em;text-transform:uppercase;color:#ffffffa6}
body.v4 .site-footer .footer-contact-card a{border:0;padding:0;text-transform:none;letter-spacing:0}
body.v4 .site-footer a.footer-phone{font-family:var(--display);font-weight:400;font-size:clamp(1.8rem,3.1vw,2.35rem);line-height:1;color:#fff;text-decoration:none}
body.v4 .site-footer a.footer-phone:hover{color:#c8102e}
body.v4 .site-footer a.footer-contact-wa{display:inline-flex;align-items:center;justify-content:center;gap:9px;background:#c8102e;color:#fff;font-weight:700;padding:13px 18px;font-size:1rem;text-align:center}
body.v4 .site-footer a.footer-contact-wa:hover{background:#a50d26}
body.v4 .site-footer a.footer-contact-mail{font-size:1rem;color:#f4f2ef;text-decoration:underline;text-decoration-color:#c8102e;text-underline-offset:4px}
body.v4 .footer-contact-people{display:flex;align-items:center;gap:10px;font-size:.95rem;color:#fff}
body.v4 .footer-contact-people img{width:38px;height:38px;border-radius:50%;object-fit:cover;object-position:50% 22%;border:2px solid #c8102e}
body.v4 .footer-contact-people img+img{margin-left:-16px}
body.v4 .footer-contact-people b{font-weight:650}
body.v4 .footer-contact-card .footer-meta{font-size:.85rem;color:#ffffffa6}

/* Aufklappbare Blog-Themen */
body.v4 .footer-acc{border-bottom:1px solid #ffffff1f}
body.v4 .footer-acc>summary{list-style:none;cursor:pointer;display:flex;justify-content:space-between;align-items:center;gap:14px;padding:11px 0;font-size:1.02rem;font-weight:600;text-transform:uppercase;letter-spacing:.03em;color:#f4f2ef}
body.v4 .footer-acc>summary::-webkit-details-marker{display:none}
body.v4 .footer-acc>summary:hover{color:#fff}
body.v4 .footer-acc>summary i{font-style:normal;color:#c8102e;font-size:1.3rem;line-height:1}
body.v4 .footer-acc[open]>summary i{transform:rotate(45deg)}
body.v4 .footer-acc-body{display:flex;flex-direction:column;padding:2px 0 12px}
body.v4 .site-footer .footer-acc-body a{font-size:.95rem;text-transform:none;letter-spacing:0;font-weight:500;color:#ffffffc4;border:0;padding:6px 0 6px 14px;position:relative}
body.v4 .site-footer .footer-acc-body a::before{content:"";position:absolute;left:0;top:14px;width:6px;height:1px;background:#c8102e}
body.v4 .site-footer .footer-acc-body a:hover{color:#fff}
body.v4 .site-footer a.footer-acc-all{margin-top:14px;border:0;color:#fff;font-weight:650;text-decoration:underline;text-decoration-color:#c8102e;text-underline-offset:5px}
body.v4 .site-footer .footer-legal a{text-decoration:underline;text-decoration-color:#c8102e;text-underline-offset:4px}

/* Feste Kontaktleiste */
body.v4 .cta-bar{position:fixed;z-index:60;left:0;right:0;bottom:0;display:flex;gap:1px;background:#161616e0;backdrop-filter:blur(6px);border-top:2px solid #c8102e;box-shadow:0 -8px 24px #0000002e}
body.v4 .cta-bar-item{flex:1;display:flex;align-items:center;justify-content:center;gap:11px;padding:13px 12px;color:#fff;text-decoration:none;font-family:var(--body,inherit)}
body.v4 .cta-bar-item svg{width:22px;height:22px;fill:currentColor;flex:0 0 auto}
body.v4 .cta-bar-text{display:flex;flex-direction:column;line-height:1.15}
body.v4 .cta-bar-text b{font-size:.98rem;font-weight:700;text-transform:uppercase;letter-spacing:.04em}
body.v4 .cta-bar-text small{font-size:.78rem;opacity:.8}
body.v4 .cta-bar-wa{background:#25d366}
body.v4 .cta-bar-wa:hover{background:#1eb85a}
body.v4 .cta-bar-call{background:#161616}
body.v4 .cta-bar-call:hover{background:#000}
body.v4 .cta-bar-call svg{fill:#fff}
body.v4 .cta-bar-wa svg{fill:#fff}
body.v4 .site-footer{padding-bottom:96px}
@media(min-width:901px){
  body.v4 .cta-bar{left:auto;right:24px;bottom:24px;flex-direction:column;gap:10px;background:none;border:0;box-shadow:none;backdrop-filter:none}
  body.v4 .cta-bar-item{border-radius:999px;background:#161616;box-shadow:0 8px 22px #00000038;padding:12px 16px;max-width:60px;overflow:hidden;transition:max-width .25s ease}
  body.v4 .cta-bar-item:hover,body.v4 .cta-bar-item:focus-visible{max-width:260px}
  body.v4 .cta-bar-text{white-space:nowrap}
  body.v4 .site-footer{padding-bottom:40px}
}
@media(max-width:900px){
  body.v4 .site-footer .footer-columns{grid-template-columns:1fr;gap:32px}
  body.v4 .cta-bar-text small{display:none}
}

/* Blogkarten: Überschriften kleiner (Nutzerhinweis 11.09.2026) */
body.v4 .blog-card-body h2,body.v4 .blog-card h2{font-size:clamp(1.05rem,3.4vw,1.35rem);line-height:1.15}

/* Hauptmenü: größer, Großbuchstaben, roter Unterstrich */
body.v4 .site-header nav>a:not(.button){font-size:.95rem;text-transform:uppercase;letter-spacing:.05em;font-weight:650;padding-bottom:4px;border-bottom:2px solid transparent}
body.v4 .site-header nav>a:not(.button):hover,body.v4 .site-header nav>a:not(.button)[aria-current="page"]{border-bottom-color:#c8102e;color:#111}
body.v4 .site-header .menu-button{font-size:.95rem;text-transform:uppercase;letter-spacing:.05em;font-weight:700}
@media(max-width:1100px){body.v4 .site-header nav>a:not(.button){font-size:.9rem;letter-spacing:.03em}}
@media(max-width:900px){body.v4 .site-header nav>a:not(.button){font-size:1.05rem;border-bottom:1px solid #1111111f;padding:11px 0}}
body.v4 .site-footer .footer-col{min-width:0}
body.v4 .site-footer .footer-col a,body.v4 .footer-acc>summary{overflow-wrap:anywhere}
body.v4 .site-footer a.footer-book{display:flex;align-items:center;gap:14px;border-bottom:0;padding:14px;margin-top:22px}
body.v4 .site-footer a.footer-book img{width:56px;height:56px;flex:0 0 auto;object-fit:contain}
@media(min-width:901px){
  body.v4 .cta-bar-item{max-width:56px}
  body.v4 .cta-bar .cta-bar-text{opacity:0;transition:opacity .2s ease}
  body.v4 .cta-bar-item:hover .cta-bar-text,body.v4 .cta-bar-item:focus-visible .cta-bar-text{opacity:1}
  body.v4 .cta-bar-item.cta-bar-wa{background:#25d366}
  body.v4 .cta-bar-item.cta-bar-wa:hover{background:#1eb85a}
}
@media(max-width:900px){
  body.v4 .site-footer .wrap>.footer-columns{display:flex;flex-direction:column;gap:30px}
  body.v4 .site-footer .wrap>.footer-columns>.footer-col{width:100%}
  body.v4 .site-footer a.footer-book{overflow-wrap:normal}
  body.v4 .site-footer a.footer-book span{min-width:0;overflow-wrap:normal}
}
@media(min-width:901px){body.v4 .site-footer .footer-bottom{padding-right:96px}}
@media(min-width:901px){
  body.v4 .cta-bar-item{flex:0 0 auto;max-width:none;width:76px;height:76px;padding:0;justify-content:center;overflow:visible;transition:transform .2s ease,background .2s ease;box-shadow:0 12px 32px #00000059;border:3px solid #fff}
  body.v4 .cta-bar-item:hover{transform:scale(1.08)}
  body.v4 .cta-bar .cta-bar-text{display:none}
  body.v4 .cta-bar-item svg{width:36px;height:36px}
  body.v4 .cta-bar-item.cta-bar-wa{animation:ctaPulse 2.6s ease-in-out infinite}
}
@keyframes ctaPulse{0%,100%{box-shadow:0 12px 32px #00000059,0 0 0 0 #25d36680}50%{box-shadow:0 12px 32px #00000059,0 0 0 14px #25d36600}}

/* Haubrich-Referenz: aktueller blauer Auftritt (statt grün) – nur Farben, Animationen unverändert */
body.v4 .bath-mini-nav{background:#f3f2ec;border-bottom:1px solid #d8dee3}
body.v4 .bath-mini-nav b,body.v4 .bath-mini-nav button{color:#111b24}
body.v4 .bath-mini-nav b>span{color:#063d75}
body.v4 .bath-mini-nav small{border-left-color:#afbcc7;color:#435360}
body.v4 .bath-mini-nav a{color:#063d75;border-bottom-color:#063d75}
body.v4 .bath-scenes{background:#f3f2ec}
body.v4 .bath-scene{color:#111b24}
body.v4 .bath-new-home:after{background:linear-gradient(90deg,#111b24b3,transparent 80%)}
body.v4 .bath-new-home h3 em{color:#e2e8e9}
body.v4 .bath-new-home button{border-color:#ffffff99;background:#111b2455;color:#fff}
body.v4 .bath-renovation,body.v4 .bath-detail-scene{background:#efeee6}
body.v4 .bath-kicker{color:#063d75}
body.v4 .bath-reno-copy h3,body.v4 .bath-details-copy h3{color:#111b24}
body.v4 .bath-reno-copy h3 em,body.v4 .bath-details-copy h3 em{color:#063d75}
body.v4 .bath-description,body.v4 .bath-details-copy>p{color:#435360}
body.v4 .bath-stage-label>span{color:#063d75}
body.v4 .bath-reno-copy label{color:#435360}
body.v4 #bath-range::-webkit-slider-runnable-track{background:linear-gradient(90deg,#063d75 var(--bath-progress,0%),#d8dee3 var(--bath-progress,0%))}
body.v4 #bath-range::-webkit-slider-thumb{background:#063d75;border-color:#efeee6;box-shadow:0 0 0 1px #063d75}
body.v4 #bath-range::-moz-range-track{background:#d8dee3}
body.v4 #bath-range::-moz-range-progress{background:#063d75}
body.v4 #bath-range::-moz-range-thumb{background:#063d75;border-color:#efeee6}
body.v4 .bath-range-ends{color:#435360}
body.v4 .bath-next,body.v4 .bath-play{color:#111b24;border-bottom-color:#063d75}
body.v4 .bath-disclosure{color:#6d7c88}
body.v4 .bath-images,body.v4 .bath-detail-picture{background:#111b24}
body.v4 .bath-photo-tag{background:#111b24;color:#f3f2ec;border-color:#afbcc766}
body.v4 .bath-detail-info{border-top-color:#d8dee3}
body.v4 .bath-detail-info>span{color:#063d75}
body.v4 .bath-detail-info h4{color:#111b24}
body.v4 .bath-detail-info p{color:#435360}
body.v4 .bath-detail-cta{color:#063d75;border-bottom-color:#063d75}
body.v4 .bath-hotspot{background:#f3f2eccc;color:#063d75;border-color:#ffffffaa}
body.v4 .bath-hotspot[aria-expanded=true]{background:#063d75;color:#fff}
body.v4 .about-copy .brand-line,body.v4 .about-page-roots-body .brand-line{font-family:'Hammer Anton',Impact,sans-serif;font-weight:400;text-transform:uppercase;color:#c8102e;font-size:clamp(21px,2.4vw,32px);line-height:1.08;letter-spacing:.005em;margin:22px 0 0;max-width:22ch;overflow-wrap:break-word}
body.v4 .about-page-roots-body .brand-line{margin:20px 0 22px}
@media(max-width:420px){body.v4 .about-copy .brand-line,body.v4 .about-page-roots-body .brand-line{font-size:20px}}

/* Über-uns: kleine Zwischenüberschriften in den Wurzeln */
body.v4 .about-page-roots-sub{font-family:var(--display);font-weight:400;text-transform:uppercase;letter-spacing:.01em;font-size:1.05rem;line-height:1.2;color:#161310;margin:26px 0 10px}
body.v4 .about-page-roots-sub:first-child{margin-top:0}

/* === V4 Über-uns: lebhaftere Bildgestaltung (scoped) === */
body.v4 .au-hero-media{margin:26px 0 6px}
body.v4 .au-hero-media .about-page-figure{margin:0}
body.v4 .au-hero-media img{width:100%;height:auto;display:block;object-fit:cover;aspect-ratio:16/9;border-radius:18px;box-shadow:0 22px 46px -28px rgba(0,0,0,.45)}
body.v4 .au-hero-media figcaption{margin-top:10px;font-size:.86rem;line-height:1.45;color:#5b5b5f}
body.v4 .au-hero-media .au-hero-main{position:relative}
body.v4 .au-hero-media .au-hero-main::after{content:"";position:absolute;left:0;top:0;width:6px;height:64px;background:#c8102e;border-radius:6px}

body.v4 .au-vita{display:grid;grid-template-columns:1fr;gap:52px;margin:30px 0 12px}
body.v4 .au-vita-card{background:none;border:0;box-shadow:none;border-radius:0;display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:34px;align-items:center}
body.v4 .au-vita-card figure{margin:0}
body.v4 .au-vita-card figure img{width:100%;height:auto;display:block;aspect-ratio:3/2;object-fit:cover;object-position:center 25%;border-radius:18px;box-shadow:0 22px 46px -30px rgba(0,0,0,.42)}
body.v4 .au-vita-card:nth-child(even) figure{order:2}
body.v4 .au-vita-text{padding:0;max-width:56ch}
body.v4 .au-vita-text .about-page-roots-sub{margin:0 0 10px}
body.v4 .au-vita-text .about-page-roots-sub::after{content:"";display:block;width:44px;height:4px;background:#c8102e;border-radius:4px;margin-top:10px}
body.v4 .au-vita-text p{margin:0 0 14px}
body.v4 .au-vita-text p:last-child{margin-bottom:0}
body.v4 .au-vita-close{max-width:760px}

/* Vor-Ort-Bilder im Abschnitt "Wir kommen zu dir." */
body.v4 .au-visit-media{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:24px;margin:24px 0 34px}
body.v4 .au-visit-media figure{margin:0}
body.v4 .au-visit-media img{width:100%;height:auto;display:block;aspect-ratio:3/2;object-fit:cover;border-radius:18px;box-shadow:0 22px 46px -30px rgba(0,0,0,.42)}
body.v4 .au-visit-media .au-visit-marleen img{object-position:center 30%}
body.v4 .au-visit-media .au-visit-andreas img{object-position:center 40%}
body.v4 .au-visit-media figcaption{margin-top:10px;font-size:.86rem;line-height:1.45;color:#5b5b5f}

@media (max-width:900px){
  body.v4 .au-vita{gap:34px}
  body.v4 .au-vita-card{grid-template-columns:1fr;gap:16px}
  body.v4 .au-vita-card:nth-child(even) figure{order:0}
  body.v4 .au-visit-media{grid-template-columns:1fr;gap:20px;margin:20px 0 28px}
}
@media (max-width:520px){
  body.v4 .au-hero-media img{aspect-ratio:4/3}
  body.v4 .au-vita-text{max-width:none}
}
body.v4 .about-page-roots .au-vita{grid-column:1 / -1}

/* --- Korrektur 11.09.2026: Gruppenfoto vollständig, Kontaktporträt Andreas, Menü-Unterstreichung, Vita-Abschluss --- */
/* Gemeinsames Einstiegsfoto in natürlichem Seitenverhältnis, kein Beschnitt */
body.v4 .au-hero-media .about-page-figure{overflow:visible}
body.v4 .au-hero-media img,
body.v4 .au-hero-media .about-page-figure img{width:100%;height:auto;max-height:none;aspect-ratio:auto;object-fit:contain;object-position:center}
@media(max-width:900px){
  body.v4 .au-hero-media img,
  body.v4 .au-hero-media .about-page-figure img{aspect-ratio:auto;max-height:none}
}

/* Rundes Kontaktporträt Andreas: Gesicht inkl. Haare vollständig im Kreis */
body.v4 .contact-person img[src$="/assets/andreas.webp"]{object-position:50% 3%}

/* Genau EINE rote Markierung in der Hauptnavigation, keine zweite graue Linie */
body.v4 .site-header nav>a:not(.button),
body.v4 .site-header nav>a:not(.button):hover,
body.v4 .site-header nav>a:not(.button):active,
body.v4 .site-header nav>a:not(.button):focus,
body.v4 .site-header nav>a:not(.button):focus-visible,
body.v4 .site-header nav>a:not(.button)[aria-current="page"]{text-decoration:none;text-underline-offset:auto}
body.v4 .site-header nav>a:not(.button):focus-visible{outline:3px solid #c8102e;outline-offset:3px;border-bottom-color:#c8102e}

/* Vita-Abschluss: volle Textbreite statt schmaler linker Spalte */
body.v4 .about-page-roots .au-vita-close{grid-column:1 / -1;max-width:860px;margin-top:6px}
body.v4 .about-page-roots .au-vita-close .brand-line{max-width:34ch;font-size:clamp(22px,2.6vw,34px)}
@media(max-width:560px){
  body.v4 .about-page-roots .au-vita-close .brand-line{max-width:20ch;font-size:20px}
}



/* Header-Inhalt bündig mit .wrap (max-width 1240px, gleiche Seitenabstände) */
body.v4 .site-header{padding-left:max(56px,calc((100% - 1240px) / 2));padding-right:max(56px,calc((100% - 1240px) / 2))}
body.v4 .site-header .brand{min-width:0}
body.v4 .site-header .menu-button{padding-left:0;padding-right:0}
@media(max-width:1200px){
  body.v4 .site-header{padding-left:36px;padding-right:36px}
  body.v4 .site-header nav.open{padding-left:36px;padding-right:36px}
}
@media(max-width:720px){
  body.v4 .site-header{padding-left:20px;padding-right:20px;gap:12px}
  body.v4 .site-header nav.open{padding-left:20px;padding-right:20px}
}

/* Video-Dialog: der Link "Video in einem neuen Tab oeffnen" ist jetzt ein
   <button>, weil sein Ziel erst beim Oeffnen eines Videos bekannt ist
   (Lighthouse: nicht crawlbarer Link ohne href). Optik unveraendert. */
body.v4 .video-dialog .video-external{
  -webkit-appearance:none;appearance:none;background:none;border:0;
  padding:0;color:inherit;font:inherit;font-size:11px;line-height:inherit;
  letter-spacing:inherit;text-align:left;cursor:pointer;
  text-decoration:underline;text-underline-offset:3px;
}
@media(max-width:720px){
  body.v4 .video-dialog .video-external{font-size:10px}
}

/* Hauptmenue (Auftrag 11.09.2026): kuerzere Labels, kleinere Schrift, alle
   Eintraege einzeilig; Containerbreite und Kanten bleiben unveraendert.
   TUEV-Siegel direkt neben der Wortmarke (~8px sichtbarer Abstand). */
body.v4 .site-header{gap:8px}
body.v4 .site-header .header-tuv{margin-left:0}
body.v4 .site-header nav{gap:20px;flex-wrap:nowrap}
body.v4 .site-header nav>a{white-space:nowrap}
body.v4 .site-header nav>a:not(.button){font-size:.875rem;letter-spacing:.04em}
@media(max-width:1280px){body.v4 .site-header nav{gap:18px}}
@media(max-width:1100px){
  body.v4 .site-header nav{gap:18px}
  body.v4 .site-header nav>a:not(.button){font-size:.875rem;letter-spacing:.03em}
}
@media(max-width:900px){
  body.v4 .site-header nav{gap:0;flex-wrap:wrap}
  body.v4 .site-header nav>a{white-space:normal}
  body.v4 .site-header nav>a:not(.button){font-size:1.05rem;letter-spacing:.05em}
}