:root{--navy:#0b1e2d;--green:#365d40;--cream:#f5f2ed;--ink:#101f2a}*{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:90px}body{margin:0;color:var(--ink);font:16px/1.5 Arial,Helvetica,sans-serif}button,input,textarea{font:inherit}button,a{-webkit-tap-highlight-color:transparent}a{color:inherit;text-decoration:none}button{cursor:pointer}h1,h2{font-family:Georgia,'Times New Roman',serif;line-height:1.08}h2{font-size:34px;margin:0 0 18px}h3{line-height:1.25}header{height:110px;padding:14px 4%;display:flex;align-items:flex-start;justify-content:space-between;gap:24px;position:absolute;z-index:10;width:100%}.logo{width:135px;height:112px;object-fit:contain}nav{display:flex;gap:30px;padding-top:18px;font-size:14px;font-weight:700}nav a{padding-bottom:7px}nav a:hover,nav a.active{color:var(--green);border-bottom:2px solid var(--green)}.button{border:0;border-radius:3px;background:var(--green);color:white;display:inline-flex;gap:12px;align-items:center;justify-content:center;padding:15px 22px;font-weight:700;font-size:14px;box-shadow:0 1px 4px #0002}.button:hover{filter:brightness(1.15)}.navy{background:var(--navy)}.header-cta{margin-top:12px}.menu{display:none}.hero{min-height:560px;position:relative;background:#f4f3ef;overflow:hidden;display:flex;align-items:flex-end}.hero-photo{position:absolute;inset:0;background:linear-gradient(90deg,#f7f5f1 0%,#f7f5f1ed 25%,#f7f5f160 43%,transparent 58%),url('assets/titelbild.webp') right bottom/76% 93% no-repeat}.hero-content{position:relative;padding:185px 4% 38px;width:100%}.hero h1{font-size:clamp(36px,4.5vw,65px);margin:0 0 20px;letter-spacing:-1.7px}.hero h2{font:700 23px Arial;color:var(--green);margin-bottom:25px}.hero p{font-weight:600;font-size:18px;margin-bottom:26px}.benefits{padding:27px 4%;background:var(--cream);display:grid;grid-template-columns:repeat(5,1fr);gap:0;text-align:center}.benefits article{padding:0 23px;border-right:1px solid #dedad4}.benefits article:last-child{border:0}i{display:inline-flex;color:var(--green);font-style:normal}i svg{width:35px;height:35px;fill:none;stroke:currentColor;stroke-width:1.7;stroke-linecap:round;stroke-linejoin:round}.benefits i{color:#78818a}.benefits h3{font-size:15px;margin:9px 0}.benefits p{font-size:13px;margin:0}.section{padding:30px 5.5%}.about{display:grid;grid-template-columns:1fr 1fr;gap:8%;align-items:center;padding-top:12px;padding-bottom:12px}.about>div{padding:20px 15px}.line{display:block;width:48px;height:3px;background:#78977b;margin:0 0 18px}.about p{font-size:14px;margin:13px 0}.about img{width:100%;height:340px;object-fit:cover}.small{font-size:13px;padding:10px 17px}.services{background:var(--navy);color:white}.services h2{font-size:32px;display:flex;align-items:center;gap:55px}.services h2 .line{margin:0;background:#3f5c44}.service-grid{display:grid;grid-template-columns:repeat(6,1fr);gap:10px}.service-grid article{border:1px solid #51606a;border-radius:7px;text-align:center;padding:18px 12px;min-width:0}.service-grid i{color:#79915f}.service-grid h3{font-size:14px;margin:9px 0}.service-grid p{font-size:12px;color:#d2d9de;margin:0}.process{background:var(--cream);padding-top:24px;padding-bottom:28px}.process h2{font-size:28px;margin-bottom:12px}.steps{display:grid;grid-template-columns:repeat(5,1fr);gap:35px;text-align:center}.steps article{position:relative}.steps article:not(:last-child):after{content:'›';position:absolute;right:-25px;top:24px;color:#a6b5a7;font-size:40px}.steps article>div{display:flex;justify-content:center;align-items:center;gap:18px}.steps b{border-radius:50%;background:var(--green);color:white;width:26px;height:26px;line-height:26px;font-size:13px}.steps h3{font-size:13px;margin:12px 0 7px}.steps p{font-size:12px;margin:0 auto;max-width:170px}footer{background:var(--navy);color:#e2e7ea}.footer-grid{display:grid;grid-template-columns:1fr 1fr 1.15fr;gap:55px;padding:27px 5% 20px}footer h2{font-family:Georgia,serif;font-size:20px;display:flex;gap:25px;align-items:center}footer h2 .line{flex:1;margin:0;height:1px}footer p{font-size:13px}footer p i{vertical-align:middle;margin-right:9px}footer i svg{width:22px;height:22px}.footer-grid small{font-size:11px;color:#b8c5cc}input,textarea{display:block;width:100%;border:1px solid #c6cdd1;border-radius:2px;margin-bottom:7px;padding:9px 10px;background:#fff;color:var(--ink);font-size:13px}textarea{resize:vertical;min-height:85px}form .button{display:flex;margin:auto}.map{width:100%;height:180px;object-fit:cover;border:2px solid #cdd3ca;border-radius:4px}.footer-base{border-top:1px solid #496044;padding:12px 5%;display:flex;justify-content:space-between;font-size:11px}.footer-base button{color:#dbe2e7;border:0;background:none;font-size:11px;margin-left:25px}.sr{position:absolute;width:1px;height:1px;overflow:hidden;clip-path:inset(50%)}dialog{max-width:520px;border:0;border-radius:8px;padding:35px;color:var(--ink)}dialog::backdrop{background:#071521aa}.close{float:right;border:0;background:none;font-size:28px}:focus-visible{outline:3px solid #94b384;outline-offset:4px}[hidden]{display:none!important}
@media(min-width:1450px){body{max-width:1600px;margin:auto}header{max-width:1600px}.hero{min-height:660px}}
@media(max-width:1000px){header{gap:15px}nav{gap:17px;font-size:12px}.logo{width:110px}.header-cta{font-size:12px;padding:12px}.hero{min-height:500px}.hero h1{font-size:46px}.hero h2{font-size:19px}.hero p{font-size:16px}.benefits article{padding:0 12px}.service-grid{grid-template-columns:repeat(3,1fr)}.about{gap:4%}.about img{height:320px}.footer-grid{gap:25px}.steps{gap:22px}.steps article:not(:last-child):after{right:-17px}}
@media(max-width:650px){html{scroll-padding-top:75px}header{height:80px;align-items:center;padding:6px 5%;background:#f7f5f1f5;position:absolute}.logo{width:86px;height:70px}.menu{display:block;border:1px solid #c8cec8;background:transparent;color:var(--navy);font-size:25px;border-radius:3px;padding:2px 10px;margin-left:auto}.header-cta{display:none}nav{display:none;position:absolute;left:0;right:0;top:80px;padding:20px 6%;background:var(--cream);box-shadow:0 10px 14px #0002}nav.open{display:flex;flex-direction:column;gap:15px;font-size:16px}.hero{min-height:650px;align-items:flex-start}.hero-photo{background:linear-gradient(180deg,#f7f5f1 0%,#f7f5f1 35%,#f7f5f140 67%,transparent),url('assets/titelbild.webp') 70% bottom/auto 55% no-repeat}.hero-content{padding:115px 6% 0}.hero h1{font-size:clamp(32px,8.3vw,47px);letter-spacing:-1px;margin-bottom:15px}.hero h2{font-size:17px;margin-bottom:19px}.hero p{font-size:15px;margin-bottom:20px}.hero .button{font-size:12px;padding:13px}.benefits{grid-template-columns:repeat(2,1fr);gap:25px 0;padding:27px 5%}.benefits article:nth-child(even){border:0}.benefits article:last-child{grid-column:1/-1;max-width:240px;margin:auto}.benefits h3{font-size:14px}.benefits p{font-size:12px}.section{padding:28px 6%}.about{grid-template-columns:1fr;gap:20px}.about>div{padding:0}.about img{height:auto;aspect-ratio:1.55;object-fit:cover}.about h2{font-size:30px}.service-grid{grid-template-columns:repeat(2,1fr);gap:10px}.service-grid article{padding:19px 10px}.services h2{font-size:30px}.steps{grid-template-columns:1fr;text-align:left;gap:0}.steps article{padding:16px 0 16px 80px;min-height:95px;border-bottom:1px solid #dcded6}.steps article:last-child{border:0}.steps article>div{position:absolute;left:0;top:22px;gap:8px}.steps i svg{width:30px}.steps h3{font-size:15px;margin:4px 0 7px}.steps p{font-size:13px;max-width:none;margin:0}.steps article:not(:last-child):after{display:none}.process h2{font-size:26px}.footer-grid{grid-template-columns:1fr;padding:30px 6%;gap:28px}.footer-grid section:first-child p{font-size:14px}.map{height:200px}.footer-base{padding:14px 6%;gap:15px;flex-direction:column}.footer-base button{margin:0 25px 0 0}footer h2{font-size:22px}input,textarea{font-size:16px}.footer-grid small{font-size:12px}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}}

.address-map{display:flex;min-height:180px;flex-direction:column;align-items:center;justify-content:center;gap:6px;background:#f5f2ed;color:#0b1e2d;border:2px solid #cdd3ca;border-radius:4px;padding:18px;text-align:center}.address-map .map-link{font-size:12px;color:#365d40;text-decoration:underline;margin-top:6px}

.location-map{display:block;width:100%;height:210px;border:2px solid #cdd3ca;border-radius:4px;background:#f5f2ed}.map-external{display:inline-block;margin-top:8px;text-decoration:underline;font-size:12px}@media(max-width:650px){.location-map{height:260px}}

/* Originales Kautz-Logo in größerer Darstellung */
header>a:first-child{display:block;flex-shrink:0}
.logo{display:block;width:210px;height:140px;object-fit:contain}
@media(min-width:651px) and (max-width:1000px){.logo{width:170px;height:114px}header{gap:12px}nav{gap:14px}}
@media(min-width:651px) and (max-width:760px){nav{gap:10px;font-size:11px}.header-cta{padding:10px 8px;font-size:11px}.logo{width:150px;height:100px}}
@media(max-width:650px){header{height:110px}.logo{width:145px;height:97px}nav{top:110px}.hero-content{padding-top:145px}.hero{min-height:680px}html{scroll-padding-top:110px}}

/* Eigenständige Kopfzeile oberhalb des Titelbilds */
header{position:relative;height:auto;min-height:164px;width:100%;padding:12px 4%;align-items:center;background:#fff;border-bottom:1px solid #e2e6df;box-shadow:0 3px 14px #0b1e2d08;gap:22px}
header nav{padding-top:0;align-items:center;gap:12px}
header nav a{position:relative;display:inline-block;padding:11px 12px;border:0;border-radius:5px;white-space:nowrap;transition:color .2s ease,background-color .2s ease,transform .2s ease}
header nav a::after{content:'';position:absolute;bottom:5px;left:12px;right:12px;height:2px;background:var(--green);transform:scaleX(0);transform-origin:left;transition:transform .2s ease}
header nav a.active{color:var(--green);background:#f0f4ee;border:0}
header nav a.active::after{transform:scaleX(1)}
header nav a:focus-visible{color:var(--green);background:#edf3e9}
header nav a:focus-visible::after{transform:scaleX(1)}
.header-cta{margin-top:0;white-space:nowrap;transition:background-color .2s ease,transform .2s ease,box-shadow .2s ease}
.hero{min-height:440px}
.hero-content{padding-top:65px}
.hero-photo{background-size:auto,76% 100%}
html{scroll-padding-top:20px}
@media(hover:hover){header nav a:hover{color:var(--green);background:#edf3e9;border:0;transform:translateY(-2px)}header nav a:hover::after{transform:scaleX(1)}.header-cta:hover{background:var(--green);transform:translateY(-2px);box-shadow:0 5px 14px #0b1e2d24;filter:none}}
@media(min-width:1450px){.hero{min-height:520px}}
@media(min-width:651px) and (max-width:1100px){header{gap:14px;padding-left:3%;padding-right:3%}header nav{gap:3px}header nav a{padding:10px 8px}.header-cta{padding:12px 13px;font-size:12px}}
@media(min-width:651px) and (max-width:850px){header{min-height:138px;gap:9px}.logo{width:150px;height:100px}header nav{gap:0;font-size:12px}header nav a{padding:10px 6px}.header-cta{font-size:11px;padding:10px 8px}}
@media(max-width:760px){header{min-height:110px;padding:6px 5%;flex-wrap:wrap;gap:0 15px}.logo{width:145px;height:97px}.menu{display:block;order:2;margin-left:auto;border:1px solid #c8cec8;background:transparent;color:var(--navy);font-size:25px;border-radius:3px;padding:2px 10px}.header-cta{display:none}header nav{display:none;position:static;order:3;flex-basis:100%;width:100%;padding:10px 0 16px;box-shadow:none;background:#fff;font-size:15px;gap:5px;align-items:stretch}header nav.open{display:flex;flex-direction:column}header nav a{padding:12px 15px}header nav a::after{left:15px;right:auto;width:35px}.hero-content{padding-top:45px}}
@media(max-width:650px){.hero{min-height:590px}.hero-photo{background-size:auto,auto 55%}.hero-content{padding-top:35px}.hero h1{margin-top:0}}
@media(prefers-reduced-motion:reduce){header nav a,header nav a::after,.header-cta{transition:none}header nav a:hover,.header-cta:hover{transform:none}}

/* Nur Textanordnung; Bilddarstellung bleibt unverändert. */
.hero .hero-description{max-width:410px;width:42%;font-size:clamp(15px,1.45vw,18px);line-height:1.55;overflow-wrap:break-word}
.hero-description span{display:block}
@media(min-width:651px) and (max-width:1000px){.hero .hero-description{width:41%;font-size:15px}}
@media(max-width:650px){.hero .hero-description{width:100%;max-width:440px;font-size:15px}}

/* Anklickbare Leistung und Unterseite Mietverwaltung */
.service-grid .service-linked{padding:0;overflow:hidden}
.service-linked>a{display:flex;flex-direction:column;align-items:center;height:100%;padding:18px 12px;transition:background-color .2s ease}
.service-linked>a:focus-visible{outline-offset:-4px;background:#183448}
.service-more{display:block;margin-top:auto;padding-top:14px;color:#b9d1a0;font-size:12px;font-weight:700}
@media(hover:hover){.service-linked>a:hover{background:#183448}.service-linked>a:hover .service-more{text-decoration:underline}}
.rental-intro{padding:44px 6% 48px;background:var(--cream)}
.back-link{display:inline-block;font-size:14px;color:var(--green);margin-bottom:28px;text-decoration:underline;text-underline-offset:4px}
.rental-intro .eyebrow{font-size:13px;font-weight:700;color:var(--green);text-transform:uppercase;letter-spacing:1.5px;margin:0 0 12px}
.rental-intro h1{font-size:clamp(34px,4.2vw,58px);max-width:850px;margin:0 0 24px;letter-spacing:-.8px}
.rental-intro>p:last-child{max-width:900px;font-size:17px;line-height:1.8;margin:0}
.rental-details{padding:45px 6% 55px}
.rental-details>h2{max-width:850px;font-size:30px;line-height:1.3;margin-bottom:30px}
.rental-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:28px;margin-bottom:35px}
.rental-category{padding:27px 28px;background:#f8f9f6;border:1px solid #dce3d8;border-top:3px solid var(--green);border-radius:4px}
.rental-category h3{font-family:Georgia,serif;font-size:26px;margin:0 0 20px;color:var(--green)}
.rental-category ul{padding-left:21px;margin:0}
.rental-category li{padding-left:4px;margin-bottom:13px;line-height:1.7;overflow-wrap:break-word}
.rental-category li:last-child{margin-bottom:0}
.rental-category li::marker{color:var(--green)}
@media(max-width:760px){.rental-grid{grid-template-columns:1fr;gap:20px}.rental-intro{padding:28px 6% 34px}.rental-intro>p:last-child{font-size:16px}.rental-details{padding:32px 6% 40px}.rental-details>h2{font-size:25px}.rental-category{padding:23px 20px}.rental-category li{font-size:15px}}
@media(prefers-reduced-motion:reduce){.service-linked>a{transition:none}}

.service-introduction{max-width:900px;font-size:17px;line-height:1.8}.service-introduction p{margin:0 0 18px}.service-introduction p:last-child{margin-bottom:0}@media(max-width:760px){.service-introduction{font-size:16px}}

/* Neues Porträt: Gesicht im sichtbaren Bildausschnitt halten. */
.about img{object-position:50% 15%}

.privacy-page{max-width:980px;margin:auto;padding:35px 6% 60px;line-height:1.8;overflow-wrap:anywhere}.privacy-page h1{font-size:clamp(34px,5vw,52px);margin:0 0 25px}.privacy-page h2{font-size:25px;line-height:1.25;margin:34px 0 14px}.privacy-page a{color:var(--green);text-decoration:underline}.privacy-draft{padding:18px;background:#fff3d9;border-left:4px solid #b27f27}.footer-base a{font-size:11px;margin-left:25px;text-decoration:underline}@media(max-width:650px){.footer-base a{margin-left:0}}

@media(max-width:650px){.hero-photo{background-image:linear-gradient(180deg,#f7f5f1 0%,#f7f5f1 35%,#f7f5f140 67%,transparent),url('assets/titelbild-mobile.webp')}}
.seo-region{padding:36px 6%;background:#f5f2ed}.seo-region h2{font-size:30px;max-width:850px;line-height:1.2}.seo-region p{max-width:900px;line-height:1.75}.service-links{display:flex;flex-wrap:wrap;gap:12px;margin-top:20px}.faq{padding:36px 6%}.faq h2{font-size:30px}.faq details{max-width:980px;border-bottom:1px solid #dce3d8;padding:17px 0}.faq summary{font-weight:700;cursor:pointer}.faq details p{max-width:850px;line-height:1.75}.related-services{padding:25px 6%;background:var(--cream)}.related-services a{text-decoration:underline;text-underline-offset:3px;margin-right:24px;display:inline-block;padding:6px 0}

.hero .hero-tagline{font:700 23px Arial;color:var(--green);margin:0 0 25px}@media(max-width:1000px){.hero .hero-tagline{font-size:19px}}@media(max-width:650px){.hero .hero-tagline{font-size:17px;margin-bottom:19px}}