*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:#fbfaf7;color:#24352f;font:17px/1.7 system-ui,-apple-system,Segoe UI,sans-serif}h1,h2,h3,p{margin-top:0}h1,h2,h3{line-height:1.15}h1{font-size:clamp(2.8rem,6vw,5.7rem);letter-spacing:-.05em}h2{font-size:clamp(2rem,4vw,3.6rem);letter-spacing:-.035em}h3{font-size:1.35rem}em{font-family:Georgia,serif;font-weight:400}a{color:inherit}img{display:block;width:100%;height:100%;object-fit:cover}.container{width:min(1180px,calc(100% - 48px));margin:auto}.section{padding:95px 0}.section-soft{background:#f1f2eb}.eyebrow{text-transform:uppercase;letter-spacing:.19em;font-size:.75rem;font-weight:700;color:#b28d5d}.site-header{height:88px;padding:0 max(24px,calc((100vw - 1180px)/2));display:flex;align-items:center;justify-content:space-between;background:#fff;position:sticky;top:0;z-index:20;box-shadow:0 2px 20px #1d382712}.brand{display:flex;gap:12px;align-items:center;text-decoration:none;line-height:1.15}.brand-mark{background:#214c42;color:#fff;font:30px Georgia;padding:12px 17px}.brand strong{display:block;letter-spacing:.14em;font-size:.9rem}.brand small{display:block;color:#7c8a83;margin-top:4px;font-size:.75rem}.nav{display:flex;align-items:center;gap:29px}.nav a{text-decoration:none;font-size:.9rem}.nav a:hover,.arrow-link:hover{color:#ac8650}.nav-cta,.button{background:#234a3f;color:#fff!important;padding:15px 24px;text-decoration:none;display:inline-flex;align-items:center;justify-content:center;gap:12px;border:0;cursor:pointer;font-weight:600}.button-light{background:#fff;color:#234a3f!important}.button-dark{background:#234a3f}.button-full{width:100%}.menu-toggle{display:none}.skip-link{position:absolute;left:-9999px}.skip-link:focus{left:10px;top:10px;z-index:100;background:white}.hero{height:min(790px,85vh);min-height:580px;position:relative;background:#263f3a;color:white}.hero-image,.hero-fallback,.hero-shade{position:absolute;inset:0}.hero-fallback{background:#31544a;z-index:-1}.hero-shade{background:linear-gradient(90deg,rgba(10,28,27,.78),rgba(12,32,30,.12))}.hero-content{position:relative;z-index:2;padding-top:clamp(100px,14vh,170px)}.hero-content h1{max-width:860px}.hero-copy{max-width:620px;font-size:1.15rem}.hero-actions{display:flex;gap:26px;align-items:center;flex-wrap:wrap;margin-top:35px}.text-link-light{color:white}.hero-caption{position:absolute;bottom:30px;right:5%;z-index:2;font-size:.8rem}.intro{display:grid;grid-template-columns:1fr 2fr;gap:60px}.intro-copy{max-width:770px}.intro-label{display:flex;gap:15px;align-items:flex-start;text-transform:uppercase;letter-spacing:.13em;font-size:.8rem}.line{width:30px;height:1px;background:#a78559;margin-top:13px}.arrow-link{text-decoration:none;border-bottom:1px solid #a6b4ac;padding-bottom:8px;font-weight:600}.feature-band,.price-cta,.contact-strip{background:#244a40;color:white;padding:70px 0}.feature-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:45px}.feature-number{color:#d6bb8f;font-size:.8rem}.section-heading{display:flex;justify-content:space-between;align-items:end;gap:25px;margin-bottom:35px}.image-grid{display:grid;grid-template-columns:1.35fr 1fr;grid-template-rows:230px 230px;gap:20px}.image-card{position:relative;margin:0;overflow:hidden;background:#d5d9d2}.image-card-large{grid-row:span 2}.image-card img{transition:transform .4s}.image-card:hover img{transform:scale(1.04)}.image-card figcaption{position:absolute;bottom:20px;left:20px;background:#ffffffec;padding:9px 17px}.image-fallback{display:none}.price-cta-inner{display:flex;justify-content:space-between;align-items:center;gap:30px}.price-box{min-width:260px}.price-box span,.price-box strong{display:block}.price-box strong{font-size:2.5rem;margin-bottom:20px}.page-hero{background:#23483f;color:white;padding:100px 0 85px}.page-hero p{max-width:670px}.page-hero-lake{background:linear-gradient(90deg,#183b37e8,#183b3755),url('../images/see.jpg') center/cover}.property-layout,.contact-layout{display:grid;grid-template-columns:minmax(0,1.5fr) minmax(290px,1fr);gap:70px}.wide-photo{height:480px;margin-bottom:35px}.details-aside,.form-card{padding:35px;background:#f0f2ec;align-self:start}.aside-price{font-size:2.7rem;font-weight:700}.muted,.small-note,.form-note{color:#67776f;font-size:.85rem}.facts div{display:flex;justify-content:space-between;border-bottom:1px solid #cdd6ce;padding:10px 0;gap:15px}.facts dd{margin:0;text-align:right;font-weight:600}.mini-gallery,.tips-grid,.gallery-more{display:grid;grid-template-columns:repeat(3,1fr);gap:20px}.split-section>div:first-child{margin-bottom:30px}.mini-photo{height:250px;position:relative}.mini-photo span{position:absolute;bottom:0;left:0;background:white;padding:8px 16px}.gallery-more{margin-top:22px}.gallery-more figure{margin:0;background:white}.gallery-more img{height:240px}.gallery-more figcaption{padding:12px 16px}.location-intro{display:grid;grid-template-columns:1fr 1fr;gap:60px}.map-section{padding-bottom:80px}.map-heading{display:flex;justify-content:space-between;align-items:center;gap:25px}.map-frame{height:430px;background:#e6eae3}.map-frame iframe{width:100%;height:100%;border:0}.map-consent{display:flex;flex-direction:column;align-items:center;justify-content:center;text-align:center;padding:30px}.tip-card{background:white}.tip-photo{height:240px;position:relative}.tip-photo span{position:absolute;top:15px;left:15px;background:white;padding:5px 12px}.tip-body{padding:25px}.contact-strip-inner{display:flex;justify-content:space-between;align-items:center;gap:25px}.contact-detail{display:flex;gap:15px;margin:20px 0}.contact-detail strong,.contact-detail small{display:block}.contact-price{margin-top:30px}.contact-price strong{font-size:2rem;display:block}label{display:block;font-weight:600;margin:14px 0 6px}input,select,textarea{width:100%;font:inherit;border:1px solid #cbd4cc;background:white;padding:12px;border-radius:0}textarea{resize:vertical}.form-consent{display:flex;gap:12px;align-items:flex-start;margin:18px 0}.form-consent input{width:auto;margin-top:9px}.form-consent label{font-weight:400;margin:0}.hp-field{position:absolute;left:-9999px}.legal-content{padding:70px 0;max-width:850px}.site-footer{background:#162f2a;color:#f1f4ee;padding:45px 0}.footer-top,.footer-bottom{display:flex;justify-content:space-between;gap:25px;align-items:center}.footer-bottom{border-top:1px solid #456159;padding-top:25px;margin-top:35px;font-size:.85rem}.footer-bottom div{display:flex;gap:25px}.brand-footer .brand-mark{background:#d0b58a;color:#193b32}.brand-footer small{color:#c3cec8}@media(max-width:800px){.site-header{height:75px}.menu-toggle{display:block;border:1px solid #b6c4ba;background:white;padding:10px 16px}.nav{display:none;position:absolute;top:75px;left:0;right:0;background:white;padding:25px;flex-direction:column;align-items:stretch;box-shadow:0 15px 20px #0002}.nav.open{display:flex}.section{padding:65px 0}.intro,.property-layout,.contact-layout,.location-intro{grid-template-columns:1fr;gap:25px}.feature-grid,.mini-gallery,.tips-grid,.gallery-more{grid-template-columns:1fr 1fr}.price-cta-inner,.contact-strip-inner{align-items:flex-start;flex-direction:column}.hero{min-height:620px}.hero-content{padding-top:100px}.wide-photo{height:320px}}@media(max-width:550px){.container{width:calc(100% - 36px)}.brand strong{font-size:.72rem}.brand small{font-size:.65rem}.brand-mark{font-size:22px;padding:10px 13px}.hero{min-height:650px}.hero-caption{display:none}.image-grid{grid-template-columns:1fr;grid-template-rows:300px 220px 220px}.image-card-large{grid-row:auto}.feature-grid,.mini-gallery,.tips-grid,.gallery-more{grid-template-columns:1fr}.section-heading,.map-heading,.footer-top,.footer-bottom{align-items:flex-start;flex-direction:column}.gallery-more img{height:260px}.page-hero{padding:75px 0}.form-card,.details-aside{padding:22px}}
/* Detailgalerie: vollständige Bilder statt Ausschnitt */
.mini-photo {height:auto; min-height:0; background:#e8ebe5; display:flex; flex-direction:column;}
.mini-photo img {width:100%;height:250px;object-fit:contain;}
.mini-photo span {position:static;display:block;background:#fff;padding:8px 16px;}
.gallery-more figure {display:flex;flex-direction:column;background:#fff;}
.gallery-more img {width:100%;height:260px;object-fit:contain;background:#e8ebe5;}
@media(max-width:550px){.mini-photo img,.gallery-more img{height:auto;max-height:none;object-fit:contain;}}

/* Bild-Lupe mit Originalauflösung */
.zoomable-image{cursor:zoom-in;outline-offset:4px}.zoomable-image:focus-visible{outline:3px solid #c6a66b}.photo-lightbox[hidden]{display:none}.photo-lightbox{position:fixed;inset:0;z-index:9999;background:rgba(10,22,20,.97);color:white;display:flex;flex-direction:column}.lightbox-toolbar{display:flex;justify-content:space-between;align-items:center;gap:12px;padding:12px 18px;z-index:1;background:#142a25}.lightbox-title{font-size:1rem}.lightbox-actions{display:flex;gap:8px}.lightbox-actions button{background:#fff;color:#162f2a;border:0;border-radius:5px;padding:9px 13px;font-size:17px;cursor:pointer}.lightbox-stage{flex:1;min-height:0;overflow:hidden;display:flex;align-items:center;justify-content:center;cursor:grab;touch-action:none}.lightbox-stage:active{cursor:grabbing}.lightbox-stage img{max-width:95%;max-height:95%;object-fit:contain;user-select:none;transform-origin:center;will-change:transform;pointer-events:none}.lightbox-hint{text-align:center;padding:10px 15px;font-size:13px;color:#d2d9d5}@media(max-width:600px){.lightbox-toolbar{flex-wrap:wrap}.lightbox-title{width:100%}.lightbox-actions button{padding:8px 11px}.lightbox-hint{font-size:11px}}

/* Zoom-Foto unabhängig von globalen Bildmaßen korrekt einpassen */
#lightbox-photo{width:auto;height:auto;max-width:95%;max-height:95%;object-fit:contain;}

/* Nur Hintergrundbild des bestehenden Immobilien-Kopfbalkens */
.page-hero-garden{background:linear-gradient(90deg,rgba(24,59,55,.90),rgba(24,59,55,.32)),url('../images/bungalow-bluehender-garten.png') center 48%/cover;}

/* Verlinkte Bildkacheln: bestehende Darstellung beibehalten */
.image-card-link{display:block;position:relative;width:100%;height:100%;color:inherit;text-decoration:none}
.image-card-link:focus-visible{outline:3px solid #d0b58a;outline-offset:-3px}
.image-card-link:hover figcaption,.image-card-link:focus-visible figcaption{text-decoration:underline}

/* Startseite: Seefoto sichtbar unter dem Textverlauf */
.hero-image{z-index:0;object-fit:cover}.hero-fallback{display:none}.hero-shade{z-index:1}