/* Hausverwaltung, 31.10.2026: visual alignment with the current Super Modern site. */
:root{--paper:#fff;--ink:#10243f;--blue:#384a9f;--pink:#ef416f;--mint:#66d5b5;--muted:#68758a;--line:#e4e7ed;--soft:#f5f6f8}
body,.header,.mobile-menu,.hero,.intro,.services,.digital,.change-section,.personal-section,.faq-section,dialog{background:#fff}
h1,h2,h3{font-weight:800;letter-spacing:-.055em;text-wrap:balance}h2{font-size:clamp(36px,3.8vw,56px);line-height:1.15}p{line-height:1.8}.section{padding-block:110px}.eyebrow{font-size:11px;letter-spacing:.12em}.hand{font-weight:700}.lead{line-height:1.8}
.header{height:108px;border-color:#f0f1f4}.nav{font-size:15px;color:#738096;gap:27px}.nav a:hover{color:var(--ink)}.header-inner{gap:30px}.button{background:var(--pink);border-color:var(--pink);font-weight:600;border-radius:9px;padding:20px 26px;min-height:59px}.button:hover{background:var(--ink);border-color:var(--ink)}.button.small{min-height:50px;font-size:12px;padding:16px 20px}.button.light{background:#fff;color:var(--ink);border-color:#fff}.button.light:hover{background:var(--pink);color:white;border-color:var(--pink)}.text-link{font-weight:600}.underline:after{height:.15em;bottom:.02em;background:#ef416f80;border-radius:0;rotate:-1deg}
.hero{padding-top:24px}.hero-grid{grid-template-columns:minmax(0,1.12fr) minmax(0,1fr);gap:48px;min-height:620px}.hero h1{font-size:clamp(44px,5.1vw,76px);font-weight:800;letter-spacing:-.062em;line-height:1.12}.hero-copy>.lead{font-size:20px;line-height:1.8;max-width:555px}.hero-hand{font-size:31px;margin-top:28px;margin-bottom:25px}.hero-copy .eyebrow{margin-bottom:30px}.hero-note{color:#7b8596;font-size:11px}.status-dot{background:var(--mint)}.hero-art{height:610px}.hero-picture{filter:brightness(1.1);border-radius:0;mix-blend-mode:multiply}.art-orbit{inset:14% 4% 11%;border:0;border-radius:0;background:#dde6fb;clip-path:polygon(9% 13%,35% 0,93% 8%,100% 31%,90% 76%,70% 100%,18% 91%,0 64%,5% 33%);rotate:-5deg;z-index:0}.art-orbit:after{inset:0;border:0;border-radius:0;background:repeating-linear-gradient(134deg,transparent 0 6px,#fff3 7px 13px)}.hero-spark{font-size:84px;right:0;top:5%}.paper-label{padding:15px 22px;font-size:27px;box-shadow:0 12px 35px #10243f0d}.paper-label:before{background:#bcebdde0}.hero-slider-controls{padding-bottom:15px;margin-bottom:28px}.hero-choice{font-size:12px}.hero-arrows button{border-color:#d9dfed}.proof-strip{padding-block:32px}.proof-strip>div{font-size:12px;color:#7b8596}.proof-strip b{font-weight:600}.hero .proof-strip{margin-top:38px}.stance-copy h2{font-size:clamp(42px,4.6vw,67px)}.stance-picture{filter:brightness(1.1);border-radius:0}.stance-disc{background:#dff5ef;clip-path:polygon(9% 13%,35% 0,93% 8%,100% 31%,90% 76%,70% 100%,18% 91%,0 64%,5% 33%);border-radius:0;inset:14% 4% 10%;rotate:4deg}
.page-guide{padding-block:33px;display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:30px;border-top:1px solid var(--line);border-bottom:1px solid var(--line);margin-top:32px}.page-guide a{display:flex;gap:14px;align-items:baseline;font-size:14px;line-height:1.5}.page-guide a>span{font-size:10px;color:#8995a8;font-weight:400}.page-guide a>strong{font-weight:500}.page-guide a:hover>strong{color:var(--pink)}.chapter-heading{display:flex;align-items:center;gap:14px}.chapter-heading:before{content:attr(data-chapter);display:grid;place-items:center;border:1px solid #dce1ec;border-radius:50%;width:35px;height:35px;font:500 11px var(--body);letter-spacing:0;flex-shrink:0}
.intro{padding-top:95px;padding-bottom:55px}.intro-grid{gap:110px}.intro-copy .hand{font-size:30px}.intro h2{line-height:1.16}.services{padding-top:45px;padding-bottom:110px}.section-heading{margin-bottom:58px;gap:70px}.section-heading>p{max-width:390px;font-size:18px}.service-columns{gap:48px}.service-column{padding-top:31px}.service-icon{width:66px;height:73px;position:relative;isolation:isolate;margin-bottom:29px}.service-icon:before{content:'';position:absolute;inset:10px 0 12px;background:#fae5ec;rotate:-3deg;z-index:-1}.service-column:nth-child(2) .service-icon:before{background:#dff5ef;rotate:3deg}.service-column:nth-child(3) .service-icon:before{background:#e0f2fc}.service-icon svg{width:54px;height:57px;stroke:var(--ink);rotate:0}.service-column h3{font-size:27px;line-height:1.25;max-width:330px}.service-column p{font-size:17px;line-height:1.85}.included-line{margin-top:49px}.service-types{margin-top:45px}.word-ribbon{background:var(--mint);padding-block:24px}.word-ribbon>div{font-weight:650}
.digital{padding-block:115px;background:var(--soft)}.digital-grid{gap:85px}.digital-copy .lead{font-size:22px}.app-decoration{background:#c7d8fb}.app-window{box-shadow:0 20px 50px #10243f0c;border-color:#e0e5ef;rotate:1.4deg}.app-initials{background:var(--soft)}.document-chip{background:#fff}.app-sticky{background:#fff;color:var(--blue)}
.calculator-section{background:var(--ink);padding-block:105px 75px}.calculator-heading{gap:100px;margin-bottom:65px}.calculator-heading h2{font-size:clamp(43px,4.35vw,63px)}.note-word{color:#ffb1c8}.receipt{background:#fff;box-shadow:7px 10px 0 #8295c12b,0 20px 45px #020d1c35}.receipt-total output{color:var(--blue)}.receipt-average{background:#f2f5fb}.receipt:after{background:#fff}.calculator-eyebrow{color:#b9c8e4}.receipt-actions .button{background:var(--pink);border-color:var(--pink)}.receipt-actions .button:hover{background:var(--ink);border-color:var(--ink)}
.extras{padding-block:76px 90px;background:var(--soft)}.extras .section-heading{align-items:center;margin-bottom:37px}.extras .section-heading h2{font-size:42px}.extras-list>div{padding-block:27px}.extras-list h3{font-size:22px}.extras-list strong{font-size:31px}.extra-no{color:#8896ac}.change-section{padding-block:115px}.change-art>img{filter:brightness(1.1)}.change-note{background:#fff}.change-grid{gap:80px}.change-grid h2{font-size:clamp(38px,3.8vw,55px)}.change-steps li{padding-block:22px}.change-steps p{font-size:15px}.personal-section{background:var(--soft);padding-block:90px}.personal-grid{gap:95px}.personal-picture img{border-radius:5px}.photo-label{background:#fff;box-shadow:0 12px 35px #10243f10}.personal-grid h2{font-size:clamp(36px,3.8vw,55px)}.faq-section{padding-block:110px}.faq-grid{gap:90px}.faq-grid h2{font-size:clamp(37px,3.6vw,51px)}.end-section{background:var(--ink);padding-block:90px}.end-section h2{font-weight:800}.end-section .underline:after{background:var(--pink)}.end-section .hand{color:#ff91b2}footer{background:var(--soft)}dialog{box-shadow:0 35px 100px #10243f40}.enquiry-estimate{background:#edf2fb}
@media(min-width:1600px){.hero-grid{min-height:670px}.hero-art{height:650px}}
@media(max-width:1100px){.hero-grid{gap:28px}.hero-art{height:510px}.hero h1{font-size:clamp(42px,5.1vw,66px)}.nav{font-size:13px;gap:20px}.page-guide{gap:21px}.page-guide a{font-size:13px;gap:10px}.intro-grid,.digital-grid,.personal-grid{gap:60px}.calculator-grid{gap:65px}.section-heading{gap:40px}.change-grid{gap:45px}}
@media(max-width:900px){.header{height:88px}.hero-grid{grid-template-columns:1.1fr 1fr;gap:25px;min-height:550px}.hero h1{font-size:45px}.hero-art{height:445px}.hero-copy>.lead{font-size:17px}.hero-hand{font-size:26px}.stance-copy h2{font-size:42px}.section{padding-block:85px}.services{padding-top:40px}.intro{padding-bottom:45px}.service-columns{gap:28px}.service-column h3{font-size:24px}.service-column p{font-size:16px}.page-guide{gap:17px}.page-guide a{display:block;font-size:12px}.page-guide a>span{display:block;margin-bottom:6px}.digital-grid{gap:35px}.calculator-section{padding-block:85px 60px}.calculator-grid{gap:35px}.calculator-heading{gap:45px}.extras .section-heading h2{font-size:37px}.personal-grid{gap:45px}.faq-grid{gap:40px}.hero .proof-strip{margin-top:30px}.chapter-heading:before{width:31px;height:31px}}
@media(max-width:700px){.header{height:80px}.hero{padding-top:15px}.hero-grid{grid-template-columns:minmax(0,1fr);gap:0;min-height:0}.hero h1{font-size:clamp(35px,8.8vw,56px)}.hero-copy .eyebrow{font-size:10px;margin-bottom:24px}.hero-copy>.lead{font-size:18px;line-height:1.8}.hero-hand{font-size:29px;margin-top:25px;margin-bottom:21px}.hero-art{height:auto;aspect-ratio:1.1;width:min(100%,490px);margin-top:24px}.hero-spark{font-size:67px}.paper-label{font-size:24px;padding:13px 20px}.hero .button{font-size:13px;padding:18px 22px;min-height:55px}.hero-slider-controls{margin-bottom:24px}.hero-choice{font-size:11px}.hero-arrows button{width:36px;height:36px}.stance-copy h2{font-size:clamp(36px,8.7vw,56px)}.stance-copy>.lead{font-size:18px}.proof-strip{padding-block:25px}.proof-strip>div{font-size:10px}.hero .proof-strip{margin-top:27px}.page-guide{grid-template-columns:1fr 1fr;gap:23px 25px;padding-block:27px;margin-top:0}.page-guide a{display:flex;gap:10px;font-size:12px}.page-guide a>span{margin:0}.section{padding-block:75px}h2{font-size:39px}.intro{padding-top:70px;padding-bottom:37px}.intro-grid{gap:34px}.intro-copy .lead{font-size:21px}.services{padding-top:34px;padding-bottom:78px}.section-heading{margin-bottom:36px}.section-heading>p{font-size:17px}.service-columns{gap:36px}.service-column{padding-top:29px;column-gap:19px}.service-icon{width:53px;height:68px;margin-top:3px}.service-icon:before{inset:7px 0 10px}.service-icon svg{width:46px;height:52px}.service-column h3{font-size:26px}.service-column p{font-size:16px;line-height:1.8}.included-line{margin-top:36px}.digital{padding-block:80px}.digital-grid{gap:45px}.digital-copy .lead{font-size:21px}.app-visual{margin:auto}.chapter-heading{gap:10px}.chapter-heading:before{width:29px;height:29px;font-size:10px}.calculator-section{padding-block:75px 50px}.calculator-heading h2{font-size:40px}.calculator-heading{gap:28px;margin-bottom:45px}.calculator-heading .lead{font-size:21px}.calculator-heading .eyebrow{font-size:9px}.extras{padding-block:65px}.extras .section-heading h2{font-size:36px}.extras-list h3{font-size:22px}.extras-list strong{font-size:29px}.change-section{padding-block:80px}.change-grid{gap:65px}.change-grid h2,.personal-grid h2{font-size:39px}.change-art{margin-bottom:25px}.personal-section{padding-block:75px}.personal-grid{gap:43px}.faq-section{padding-block:75px}.faq-grid{gap:35px}.faq-grid h2{font-size:39px}.end-section{padding-block:70px 60px}.mobile-cta{background:#fff}.mobile-cta button{background:var(--pink);border-color:var(--pink)}.mobile-menu{background:#fff}.receipt-actions .button{min-height:52px}footer{background:var(--soft)}}
@media(max-width:360px){.hero h1{font-size:32px}.hero-copy>.lead,.stance-copy>.lead{font-size:17px}.hero-hand{font-size:26px}.stance-copy h2{font-size:33px}.hero-choice{font-size:10px}.hero-choices{gap:9px}.hero-arrows button{width:31px;height:31px}.hero .button{font-size:12px;padding:17px 19px}.page-guide a{font-size:11px;gap:9px}h2,.change-grid h2,.personal-grid h2,.faq-grid h2{font-size:34px}.calculator-heading h2{font-size:34px}.extras .section-heading h2{font-size:33px}.chapter-heading{font-size:9px;letter-spacing:.08em}.chapter-heading:before{width:26px;height:26px}.proof-strip>div{font-size:9px}}
.underline{max-width:100%}.underline:after{left:0;right:2px}.hero-picture,.stance-picture{width:100%;max-width:100%;height:96%;border-radius:43% 47% 36% 46%}.hero-art figcaption{bottom:-8px}
/* Each identical half includes its trailing gap, so the -50% loop has no seam. */
.word-ribbon{--ribbon-gap:35px}.word-ribbon>.ribbon-track{gap:0;animation-duration:220s}.word-ribbon .ribbon-group{display:flex;align-items:center;flex:0 0 auto;min-width:100vw;justify-content:space-between;gap:var(--ribbon-gap);padding-inline-end:var(--ribbon-gap);white-space:nowrap}
@media(max-width:700px){.word-ribbon{--ribbon-gap:25px}}
/* A visible values chapter replaces the generic introduction and portrait. */
.values-section{background:#fff;padding-block:100px 65px}.values-grid{display:grid;grid-template-columns:minmax(0,1.06fr) minmax(0,1fr);align-items:center;gap:76px}.values-copy{min-width:0}.values-copy h2{font-size:clamp(37px,3.65vw,54px);line-height:1.15;margin-bottom:30px}.values-copy .lead{font-size:22px;line-height:1.75;margin-bottom:20px}.values-copy>p:not(.lead){font-size:18px;line-height:1.85}.values-copy .text-link{margin-top:20px;color:var(--ink)}.values-art{position:relative;isolation:isolate;min-width:0;padding-bottom:27px}.values-art>img{position:relative;width:106%;max-width:106%;height:auto;margin-left:-3%;z-index:1}.values-wash{position:absolute;inset:10% 2% 12%;background:#ffe5ee;clip-path:polygon(10% 11%,37% 0,94% 9%,100% 33%,88% 79%,66% 100%,16% 91%,0 63%,5% 32%);rotate:-4deg;z-index:0}.values-spark{position:absolute;right:0;top:3%;font-size:76px;color:var(--pink);line-height:1;z-index:2;rotate:8deg}.values-art figcaption{font:700 28px/1.2 var(--hand);color:var(--blue);rotate:-3deg;margin-top:-5px;padding-left:7%;position:relative;z-index:2}.values-art figcaption small{font:400 9px/1.5 var(--body);letter-spacing:.05em;text-transform:uppercase;display:block;color:#8090a2;margin-top:13px;rotate:3deg}.values-principles{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:45px;border-top:1px solid var(--line);margin-top:70px;padding-top:32px}.values-principles article{display:flex;gap:18px;align-items:flex-start}.values-principles article>span{color:var(--pink);font-size:26px;line-height:1.3}.values-principles h3{font-size:20px;line-height:1.3;margin-bottom:11px;letter-spacing:-.035em}.values-principles p{font-size:15px;line-height:1.7}.values-section+.page-guide{margin-top:0;margin-bottom:65px}.values-section~.services{padding-top:40px}
@media(max-width:1100px){.values-grid{gap:48px}.values-copy h2{font-size:43px}.values-copy .lead{font-size:20px}.values-copy>p:not(.lead){font-size:17px}.values-principles{gap:30px}.values-principles h3{font-size:19px}.values-principles article{gap:12px}}
@media(max-width:900px){.values-section{padding-block:80px 55px}.values-grid{gap:35px}.values-copy h2{font-size:37px}.values-copy .lead{font-size:18px}.values-copy>p:not(.lead){font-size:16px}.values-principles{gap:25px;margin-top:50px}.values-principles h3{font-size:18px}.values-principles p{font-size:14px}.values-art figcaption{font-size:25px}.values-spark{font-size:60px}.values-section+.page-guide{margin-bottom:45px}}
@media(max-width:700px){.values-section{padding-block:75px 48px}.values-grid{grid-template-columns:minmax(0,1fr);gap:37px}.values-copy{grid-row:1}.values-copy h2{font-size:39px;margin-bottom:27px}.values-copy .lead{font-size:21px;line-height:1.7}.values-copy>p:not(.lead){font-size:17px;line-height:1.8}.values-art{width:min(100%,500px);margin:auto;padding-bottom:20px}.values-art>img{width:100%;max-width:100%;margin:0}.values-art figcaption{font-size:28px;margin-top:0;padding-left:7%}.values-spark{right:1%;top:4%;font-size:62px}.values-principles{grid-template-columns:1fr;gap:22px;margin-top:35px;padding-top:28px}.values-principles article{gap:16px}.values-principles h3{font-size:22px;margin-bottom:7px}.values-principles p{font-size:15px}.values-section+.page-guide{margin-bottom:37px}.values-section~.services{padding-top:30px}}
@media(max-width:360px){.values-copy h2{font-size:34px}.values-copy .lead{font-size:20px}.values-copy>p:not(.lead){font-size:16px}.values-principles h3{font-size:21px}.values-art figcaption{font-size:25px}.values-spark{font-size:54px}}
@media print{.page-guide{display:none!important}.calculator-section{background:#fff;color:#111;padding:0}.receipt{background:#fff;box-shadow:none}.receipt-total output{color:#111}.receipt-average{background:#f5f5f5}}