/* Ferienwohnung & Bungalow Jähnel — statische, responsive Website */
:root{--pine:#244b3e;--pine-deep:#19372e;--fern:#708b6c;--mint:#eff3eb;--cream:#fbfaf6;--paper:#fffefa;--sand:#f0e7d7;--gold:#cfad77;--ink:#21372d;--muted:#617267;--line:#e3e5dc;--radius:22px;--shadow:0 18px 55px rgba(34,57,42,.09);--max:1180px}
*,*::before,*::after{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:var(--cream);color:var(--ink);font-family:Arial,Helvetica,sans-serif;font-size:16px;line-height:1.65;-webkit-font-smoothing:antialiased}body.nav-open,body.lightbox-open{overflow:hidden}a{color:inherit;text-decoration:none}a:hover{color:var(--pine)}img{max-width:100%;display:block}button,input,select,textarea{font:inherit}button{cursor:pointer}h1,h2,h3,p{margin-top:0}h1,h2,h3,.serif{font-family:Georgia,'Times New Roman',serif;font-weight:normal;line-height:1.14;letter-spacing:-.033em}h1{font-size:clamp(3.15rem,6.1vw,5.65rem)}h2{font-size:clamp(2.35rem,4vw,3.85rem)}h3{font-size:clamp(1.43rem,2.3vw,1.95rem)}p{color:#58685c}::selection{background:#dce9c6;color:var(--pine-deep)}.container{width:min(calc(100% - 48px),var(--max));margin-inline:auto}.section{padding:105px 0}.section-sm{padding:77px 0}.section-head{display:flex;align-items:end;justify-content:space-between;gap:30px;margin-bottom:37px}.section-head h2{max-width:800px;margin-bottom:0}.section-head p{max-width:390px;margin-bottom:4px}.eyebrow{font-size:.76rem!important;letter-spacing:.22em!important;text-transform:uppercase;font-weight:700!important;line-height:1.45!important;color:var(--fern)!important;margin-bottom:19px}.lead{font-size:1.12rem;line-height:1.75}.subtle{color:var(--muted)}.text-link{color:var(--pine);font-size:.91rem;font-weight:700;border-bottom:1px solid var(--pine);padding-bottom:3px;white-space:nowrap}.text-link:hover{border-color:transparent}.button{border:1px solid var(--pine);background:var(--pine);color:#fff;min-height:52px;padding:13px 25px;display:inline-flex;align-items:center;gap:13px;justify-content:center;border-radius:6px;font-size:.88rem;font-weight:700;letter-spacing:.012em;transition:transform .22s,background .22s,border-color .22s,box-shadow .22s}.button:hover{background:#355e4d;border-color:#355e4d;transform:translateY(-2px);box-shadow:0 11px 24px #224b3830;color:#fff}.button-outline{background:transparent;color:var(--pine)}.button-outline:hover{color:#fff}.button-light{background:#fff;border-color:#fff;color:var(--pine)}.button-light:hover{background:#edf2e9;border-color:#edf2e9;color:var(--pine)}.button-arrow{font-size:1.17rem;line-height:1}.button-link{background:none;border:0;color:var(--pine);font-weight:700;padding:8px 0}.link-underline{border-bottom:1px solid currentColor}.pill{display:inline-flex;align-items:center;gap:8px;background:#f7f5ee;color:var(--pine);padding:7px 12px;border-radius:30px;font-size:.75rem;font-weight:700;letter-spacing:.04em}.chip{display:inline-flex;align-items:center;gap:8px;border:1px solid #dbe2d7;padding:10px 15px;border-radius:40px;color:#456250;font-size:.83rem;white-space:nowrap}.chip-dot{width:7px;height:7px;border-radius:50%;background:#8fa97e}.skip-link{position:absolute;left:12px;top:-100px;z-index:500;background:white;padding:12px}.skip-link:focus{top:12px}
/* Site navigation */
.site-header{position:relative;z-index:100;background:rgba(251,250,246,.97);border-bottom:1px solid #edf0e8}.header-inner{height:96px;display:flex;align-items:center;gap:26px;justify-content:space-between}.brand{display:flex;align-items:center;gap:13px;flex-shrink:0}.brand-symbol{position:relative;width:39px;height:42px}.brand-symbol::before{content:'';position:absolute;inset:2px 4px 2px 2px;border:2px solid var(--pine);border-radius:55% 55% 43% 43%;transform:rotate(-14deg)}.brand-symbol::after{content:'';position:absolute;left:18px;top:5px;height:34px;border-left:2px solid var(--pine);transform:rotate(-14deg)}.brand-leaf{position:absolute;width:15px;height:10px;background:#89a083;border-radius:14px 0 14px 0;z-index:1;transform:rotate(-36deg)}.brand-leaf.one{left:5px;top:10px}.brand-leaf.two{left:19px;top:21px;transform:rotate(138deg)}.brand-name{font-family:Georgia,serif;font-size:1.74rem;letter-spacing:-.065em;line-height:1}.brand-sub{display:block;text-transform:uppercase;font-size:.54rem;letter-spacing:.22em;font-weight:700;color:#748476;margin-top:7px}.desktop-nav{display:flex;align-items:center;gap:31px;margin-left:auto}.desktop-nav>a{font-size:.83rem;font-weight:700;color:#506255;white-space:nowrap;position:relative}.desktop-nav>a:after{content:'';height:1.5px;background:var(--pine);position:absolute;bottom:-9px;left:0;right:100%;transition:right .2s}.desktop-nav>a:hover:after,.desktop-nav>a.active:after{right:0}.desktop-nav>a.active{color:var(--pine)}.header-cta{margin-left:12px;min-height:45px;padding:11px 17px}.mobile-toggle{display:none;align-items:center;justify-content:center;flex-direction:column;gap:5px;width:43px;height:43px;border:1px solid var(--line);border-radius:6px;background:transparent}.mobile-toggle span{display:block;width:20px;height:2px;background:var(--pine);transition:transform .2s,opacity .2s}.mobile-nav{display:none}
/* Home hero */
.hero{position:relative;overflow:hidden;padding:70px 0 88px;background:linear-gradient(125deg,#f7f4eb 0%,#fbfaf6 55%,#eef2e9 100%)}.hero::after{content:'';position:absolute;width:560px;height:560px;border-radius:50%;background:#e6e7d5;top:-330px;left:-230px;opacity:.35;pointer-events:none}.hero-grid{display:grid;grid-template-columns:.89fr 1.11fr;gap:60px;align-items:center}.hero-copy{position:relative;z-index:2;padding:18px 0}.hero-copy h1{margin-bottom:23px}.hero-copy h1 em{font-style:italic;color:#819879;font-weight:normal}.hero-copy .lead{max-width:480px;margin-bottom:29px}.hero-actions{display:flex;gap:12px;flex-wrap:wrap}.hero-chips{display:flex;gap:12px;flex-wrap:wrap;margin-top:39px}.hero-media{position:relative;padding:20px 22px 24px 0}.hero-media::before{content:'';position:absolute;right:-22px;top:-8px;width:78%;height:93%;background:#dce4d5;border-radius:180px 160px 24px 24px}.hero-media::after{content:"Künstlerische Illustration";position:absolute;right:36px;bottom:42px;background:#fffcf0ed;color:#31533f;border-radius:20px;padding:5px 10px;font-size:.67rem;letter-spacing:.04em;z-index:2}.hero-photo{position:relative;width:100%;height:500px;object-fit:cover;object-position:60% center;border-radius:200px 180px 16px 16px;box-shadow:var(--shadow)}.float-note{position:absolute;left:-40px;bottom:45px;z-index:4;width:250px;background:#fffefa;padding:22px 23px;border-radius:6px;box-shadow:0 12px 45px rgba(23,44,32,.14)}.float-note .star{color:#c99d53;font-size:1.25rem}.float-note strong{font-family:Georgia,serif;font-size:1.32rem;font-weight:normal;line-height:1.2;display:block;margin:6px 0 5px}.float-note small{color:#768577;font-size:.77rem}.hero-bottom{border-bottom:1px solid var(--line);background:var(--paper)}.hero-bottom .container{display:grid;grid-template-columns:repeat(3,1fr)}.hero-stat{padding:27px 38px;border-right:1px solid var(--line);display:flex;align-items:center;gap:17px}.hero-stat:first-child{padding-left:0}.hero-stat:last-child{border-right:0}.stat-mark{font-family:Georgia,serif;font-size:2.15rem;color:#839b7b;line-height:1}.hero-stat strong{font-size:.89rem;display:block;line-height:1.45}.hero-stat small{display:block;font-size:.78rem;color:#889487;line-height:1.4}
/* Listing cards */
.stay-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:26px}.stay-card{background:#fff;border:1px solid #e9ece6;border-radius:15px;overflow:hidden;box-shadow:0 4px 25px rgba(42,65,48,.035);transition:transform .3s,box-shadow .3s}.stay-card:hover{transform:translateY(-6px);box-shadow:var(--shadow)}.stay-card .image-wrap{overflow:hidden;position:relative}.stay-card .image-wrap img{width:100%;height:310px;object-fit:cover;transition:transform .7s}.stay-card:hover .image-wrap img{transform:scale(1.045)}.stay-card .image-badge{position:absolute;top:20px;left:22px;background:#fffefa;color:var(--pine);padding:7px 14px;border-radius:30px;font-size:.72rem;font-weight:700;letter-spacing:.06em}.stay-content{padding:30px 32px 32px}.stay-content .eyebrow{margin-bottom:9px}.stay-content h3{margin-bottom:13px;font-size:2.2rem}.stay-content p{margin-bottom:23px}.stay-content .stay-meta{display:flex;gap:15px;flex-wrap:wrap;border-top:1px solid var(--line);padding-top:18px;justify-content:space-between;align-items:center}.stay-meta span{color:#6a7c6c;font-size:.82rem}.stay-meta a{color:var(--pine);font-size:.85rem;font-weight:700}.stay-meta a:hover{text-decoration:underline}
/* Feature strip */
.feature-band{background:var(--mint)}.feature-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:36px}.feature{display:flex;align-items:flex-start;gap:18px}.feature-icon{height:57px;width:57px;display:grid;place-items:center;flex-shrink:0;border:1px solid #cbdbc9;background:#fffefa;border-radius:50%;font-size:1.4rem;color:var(--pine)}.feature h3{font-family:Arial,Helvetica,sans-serif;font-size:1.02rem;letter-spacing:0;font-weight:700;margin:4px 0 7px}.feature p{font-size:.89rem;margin:0}
/* Story section */
.story-grid{display:grid;grid-template-columns:1.06fr .94fr;gap:84px;align-items:center}.story-grid.reverse{grid-template-columns:.94fr 1.06fr}.story-grid.reverse .story-visual{order:2}.story-visual{position:relative}.story-visual img{height:540px;width:100%;object-fit:cover;border-radius:150px 12px 12px 12px}.story-visual.portrait img{object-position:center}.image-caption{position:absolute;bottom:-23px;right:-17px;background:#fffefa;border-radius:6px;padding:18px 20px;box-shadow:var(--shadow);font-size:.82rem;color:#516553}.story-copy h2{margin-bottom:25px}.story-copy .lead{margin-bottom:20px}.story-copy p:not(.eyebrow){margin-bottom:19px}.story-copy .button{margin-top:14px}.check-list{list-style:none;margin:25px 0 25px;padding:0;display:grid;gap:13px}.check-list li{position:relative;padding-left:30px;color:#526557;font-size:.94rem}.check-list li::before{content:'✓';position:absolute;top:0;left:0;color:var(--pine);font-weight:bold}.highlight-note{margin-top:26px;border-left:3px solid #8ea786;padding:14px 20px;background:#f4f6ef;font-size:.86rem;color:#55705e}
/* Gallery */
.gallery-grid{display:grid;grid-template-columns:1.25fr .85fr .85fr;gap:17px}.gallery-button{padding:0;border:0;background:#dbe2d8;position:relative;overflow:hidden;border-radius:12px;min-width:0;display:block;width:100%;text-align:left}.gallery-button img{width:100%;height:287px;object-fit:cover;transition:transform .5s}.gallery-button:hover img{transform:scale(1.05)}.gallery-button::after{content:'';position:absolute;inset:50% 0 0;background:linear-gradient(transparent,rgba(14,37,25,.5));pointer-events:none}.gallery-button span{position:absolute;bottom:17px;left:20px;color:white;font-size:.86rem;font-weight:700;z-index:1}.gallery-button:focus-visible{outline:3px solid var(--gold);outline-offset:2px}.gallery-hint{color:#849185;font-size:.79rem;margin:15px 0 0}
/* Location */
.location{background:#244b3e;color:#fff;overflow:hidden}.location-grid{display:grid;grid-template-columns:.9fr 1.1fr;gap:75px;align-items:center}.location .eyebrow{color:#c9d9bc!important}.location h2{color:#fff;margin-bottom:23px}.location p{color:#d5e0d4}.location-places{display:grid;grid-template-columns:repeat(2,1fr);gap:14px;margin-top:35px}.place{padding:18px 18px;border:1px solid #668274;border-radius:7px;display:flex;align-items:center;justify-content:space-between;gap:12px}.place strong{display:block;font-size:.88rem}.place small{display:block;color:#c5d3c4;font-size:.75rem}.place .place-arrow{font-size:1.1rem;color:#d0dbbd}.location-image{position:relative}.location-image img{width:100%;height:505px;object-fit:cover;border-radius:230px 230px 14px 14px}.location-image .place-floating{position:absolute;bottom:28px;left:-30px;background:var(--cream);padding:20px 24px;border-radius:6px;color:var(--pine);max-width:250px;box-shadow:0 12px 35px #172a213c}.place-floating strong{font-family:Georgia,serif;font-size:1.35rem;font-weight:normal;line-height:1.3}.place-floating small{display:block;font-size:.73rem;margin-top:6px;color:#718573}
/* CTA */
.cta-area{background:#f0e8d9}.cta-box{position:relative;padding:61px 76px;border-radius:14px;background:#f5efe3;display:flex;justify-content:space-between;align-items:center;gap:30px;overflow:hidden}.cta-box:before{content:'';width:380px;height:380px;position:absolute;border:1px solid #ddd2be;border-radius:50%;top:-250px;right:70px}.cta-box h2{font-size:clamp(2.25rem,3.2vw,3.25rem);margin-bottom:16px}.cta-box p{margin-bottom:0;max-width:570px}.cta-actions{display:flex;flex-direction:column;align-items:stretch;gap:11px;flex-shrink:0}.cta-actions .button{min-width:196px}
/* Footer */
.site-footer{background:#162f27;color:#eef4ed;padding:67px 0 24px}.footer-grid{display:grid;grid-template-columns:1.2fr .65fr .72fr .85fr;gap:40px;padding-bottom:53px}.site-footer .brand{color:#fff;margin-bottom:22px}.site-footer .brand-symbol::before,.site-footer .brand-symbol::after{border-color:#c0d2be}.site-footer .brand-sub{color:#bbcbbb}.site-footer .brand-leaf{background:#b6cfaa}.site-footer p{font-size:.88rem;color:#b8cabc;max-width:310px}.site-footer h4{text-transform:uppercase;font-size:.72rem;letter-spacing:.15em;font-weight:700;margin:4px 0 23px;color:#d8e3d7}.site-footer a:not(.brand){display:block;font-size:.87rem;color:#b8cabc;margin:0 0 11px}.site-footer a:hover{color:#fff}.footer-base{border-top:1px solid #345247;display:flex;gap:20px;justify-content:space-between;padding-top:23px;font-size:.73rem;color:#9eb4a1}.footer-base span:last-child{text-align:right}
/* Inner pages */
.page-hero{background:linear-gradient(115deg,#f4f2e8,#edf3ec);padding:74px 0 86px}.page-hero-grid{display:grid;grid-template-columns:.9fr 1.1fr;gap:62px;align-items:center}.breadcrumb{font-size:.76rem;color:#7c8c80;margin-bottom:30px}.breadcrumb a{border-bottom:1px solid transparent}.breadcrumb a:hover{border-color:currentColor}.breadcrumb span{margin:0 9px;color:#b3c3b0}.page-hero h1{margin-bottom:23px}.page-hero .lead{max-width:520px;margin-bottom:24px}.page-hero .page-actions{display:flex;flex-wrap:wrap;gap:12px;margin-top:31px}.page-hero-art{position:relative}.page-hero-art img{height:465px;width:100%;object-fit:cover;border-radius:150px 12px 12px 12px;box-shadow:var(--shadow)}.page-hero-art:after{content:'Neu illustriert';position:absolute;right:19px;bottom:19px;background:#fffcf0ed;border-radius:50px;color:var(--pine);font-size:.7rem;letter-spacing:.04em;padding:7px 12px}.quick-facts{display:flex;gap:10px;flex-wrap:wrap;margin-top:28px}.fact{background:#fff;border:1px solid #e4e9dc;border-radius:6px;padding:8px 14px;font-size:.8rem;color:#4a6551}.two-col{display:grid;grid-template-columns:1.1fr .9fr;gap:65px;align-items:start}.copy-block h2{margin:0 0 24px}.copy-block p{margin-bottom:20px}.detail-card{background:#fff;padding:38px;border:1px solid var(--line);border-radius:13px;box-shadow:0 11px 42px #203c2710}.detail-card h3{margin-bottom:20px}.detail-list{list-style:none;padding:0;margin:0}.detail-list li{padding:14px 0;display:flex;justify-content:space-between;gap:16px;border-bottom:1px solid #e9eee8;font-size:.91rem}.detail-list li:last-child{border-bottom:0}.detail-list .detail-key{font-weight:700;color:var(--pine)}.detail-list .detail-val{color:#697a6b;text-align:right}.amenity-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:17px}.amenity{border:1px solid var(--line);background:#fffefa;padding:28px;border-radius:11px}.amenity .amenity-symbol{display:flex;align-items:center;justify-content:center;width:46px;height:46px;background:#eef3e8;color:var(--pine);border-radius:50%;font-size:1.3rem;margin-bottom:18px}.amenity h3{font-family:Arial,Helvetica,sans-serif;font-size:.99rem;font-weight:700;letter-spacing:0;margin-bottom:10px}.amenity p{font-size:.86rem;margin-bottom:0}.notice{background:#eaf2e9;border-left:3px solid #87a383;padding:19px 23px;border-radius:0 7px 7px 0;font-size:.88rem;color:#516e58}.qa{max-width:800px;margin-inline:auto}.qa details{border-bottom:1px solid var(--line);padding:18px 3px}.qa summary{font-size:1rem;font-weight:700;color:var(--pine);cursor:pointer;list-style:none;display:flex;justify-content:space-between;align-items:center;gap:20px}.qa summary::-webkit-details-marker{display:none}.qa summary:after{content:'+';font-family:Georgia,serif;font-size:1.5rem;font-weight:normal}.qa details[open] summary:after{content:'−'}.qa details p{margin:15px 0 5px;font-size:.92rem}
/* Contact page */
.contact-layout{display:grid;grid-template-columns:.75fr 1.25fr;gap:60px;align-items:start}.contact-info h2{margin-bottom:24px}.contact-panel{background:#f0f4ed;padding:26px;border-radius:11px;margin-top:31px}.contact-line{padding:14px 0;border-bottom:1px solid #d9e2d5}.contact-line:last-child{border:0}.contact-line span{font-size:.7rem;letter-spacing:.13em;text-transform:uppercase;color:#77907c;display:block;font-weight:700;margin-bottom:5px}.contact-line a{font-size:1.05rem;font-weight:700;color:var(--pine)}.contact-line p{margin-bottom:0;font-size:.95rem;color:var(--pine)}.form-card{background:#fff;box-shadow:var(--shadow);border-radius:14px;border:1px solid var(--line);padding:42px}.form-card h3{margin-bottom:13px}.form-card>p{font-size:.9rem;margin-bottom:25px}.form-grid{display:grid;grid-template-columns:1fr 1fr;gap:18px}.form-group{display:flex;flex-direction:column;gap:7px;margin-bottom:18px}.form-grid .form-group{margin:0}.form-group.full{grid-column:1/-1}.form-group label{font-size:.79rem;font-weight:700;color:#4a6352}.form-group input,.form-group select,.form-group textarea,.result-textarea{display:block;width:100%;border:1px solid #d8e2d7;background:#fefefd;border-radius:6px;padding:12px 13px;color:#284233;outline:none;min-height:48px;font-size:.91rem}.form-group input:focus,.form-group select:focus,.form-group textarea:focus,.result-textarea:focus{border-color:#577d62;box-shadow:0 0 0 3px #789f822b}.form-group textarea{min-height:130px;resize:vertical}.form-foot{margin-top:24px;display:flex;align-items:center;gap:18px;flex-wrap:wrap}.form-foot small{color:#7a8b7e;line-height:1.5;flex:1}.form-alert{display:none;margin-top:20px;background:#f2f6ef;border:1px solid #ccdecc;border-radius:8px;padding:20px}.form-alert.visible{display:block}.form-alert h4{font-size:.97rem;margin:0 0 7px;color:#30533a}.form-alert p{font-size:.85rem;margin-bottom:15px}.result-textarea{min-height:240px;resize:vertical;font-size:.8rem;line-height:1.5;margin-bottom:12px}.copy-status{font-size:.8rem;color:#386c47;margin-left:12px}.map-panel{overflow:hidden;position:relative;background:#e9efe4;border-radius:13px;min-height:330px;border:1px solid var(--line);display:grid;grid-template-columns:1.15fr .85fr;align-items:stretch}.map-panel .map-visual{height:100%;min-height:350px;background:url("data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHZpZXdCb3g9IjAgMCAxMjAwIDgwMCIgcm9sZT0iaW1nIiBhcmlhLWxhYmVsbGVkYnk9InRpdGxlIj48dGl0bGUgaWQ9InRpdGxlIj5HZXplaWNobmV0ZSBMYW5kc2NoYWZ0IG1pdCBIYXZlbGxhbmRrYW5hbCwgQsOkdW1lbiB1bmQgV2FuZGVyd2VnPC90aXRsZT4KPGRlZnM+PGxpbmVhckdyYWRpZW50IGlkPSJza3kiIHgyPSIwIiB5Mj0iMSI+PHN0b3Agc3RvcC1jb2xvcj0iI2MyZGVkZiIvPjxzdG9wIG9mZnNldD0iMSIgc3RvcC1jb2xvcj0iI2Y2ZTRjMyIvPjwvbGluZWFyR3JhZGllbnQ+PGxpbmVhckdyYWRpZW50IGlkPSJ3YXRlciIgeDI9IjAiIHkyPSIxIj48c3RvcCBzdG9wLWNvbG9yPSIjNzlhYmIwIi8+PHN0b3Agb2Zmc2V0PSIxIiBzdG9wLWNvbG9yPSIjNWQ4ZDk3Ii8+PC9saW5lYXJHcmFkaWVudD48L2RlZnM+PHJlY3Qgd2lkdGg9IjEyMDAiIGhlaWdodD0iODAwIiBmaWxsPSJ1cmwoI3NreSkiLz48Y2lyY2xlIGN4PSI5MzAiIGN5PSIxNjAiIHI9IjcxIiBmaWxsPSIjZjhkOGEwIi8+PGcgZmlsbD0iI2Y5ZmFmMCIgb3BhY2l0eT0iLjY1Ij48ZWxsaXBzZSBjeD0iMjQ1IiBjeT0iMTU2IiByeD0iMTI4IiByeT0iMjQiLz48ZWxsaXBzZSBjeD0iNzAwIiBjeT0iMTE1IiByeD0iMTA5IiByeT0iMTkiLz48L2c+CjxwYXRoIGQ9Ik0wIDQ0OFEyMDUgMzQ3IDQwMCA0MjdUNzgwIDQwNlQxMjAwIDQyOVY4MDBIMCIgZmlsbD0iI2E4Yjk5NSIvPjxwYXRoIGQ9Ik0wIDUwMVExNjAgNDU5IDM2NCA1MDZUNzU3IDQ3MFQxMjAwIDQ4MlY4MDBIMCIgZmlsbD0iIzgzYTM4MyIvPgo8cGF0aCBkPSJNMCA1NTZRMjM0IDQ5OSA0ODUgNTQ4VDEyMDAgNTE2VjgwMEgwIiBmaWxsPSIjNWQ4NzZkIi8+CjxwYXRoIGQ9Ik0wIDU5MlEzMDcgNDk4IDU5NCA1NzZUMTIwMCA1NDFWODAwSDAiIGZpbGw9InVybCgjd2F0ZXIpIi8+PHBhdGggZD0iTTAgNjc1UTMwNCA1NzUgNjIzIDY2MVQxMjAwIDYxMyIgZmlsbD0ibm9uZSIgc3Ryb2tlPSIjYzZkZmQzIiBzdHJva2Utd2lkdGg9IjgiIG9wYWNpdHk9Ii42NSIvPjxwYXRoIGQ9Ik0yMDAgNjMwcTI5NS02MCA1NDYtMTAiIGZpbGw9Im5vbmUiIHN0cm9rZT0iI2I5ZDdkMyIgc3Ryb2tlLXdpZHRoPSI1IiBvcGFjaXR5PSIuNSIvPgo8cGF0aCBkPSJNMCA2MjVRMTM1IDYwOCAyOTggNjU5VDUxNSA4MDBIMCIgZmlsbD0iIzllYWE3OSIvPjxwYXRoIGQ9Ik0xMjAwIDU4MFExMDAzIDU5NCA5MDggNjY3VDgwNyA4MDBoMzkzIiBmaWxsPSIjOWViMDgxIi8+PHBhdGggZD0iTTAgNzA0UTE2OSA2NjYgMzU3IDcyOUw0NzEgODAwSDAiIGZpbGw9IiNkMmMzOTQiLz48ZyBzdHJva2U9IiNjMGFmODgiIHN0cm9rZS13aWR0aD0iNSIgb3BhY2l0eT0iLjgiPjxwYXRoIGQ9Ik0wIDc1NnExNDEtMzQgMjkyLTNtLTI5MiAwcTE2NS00MCAzNDUtMTEiLz48L2c+CjxnIGZpbGw9IiM0MDZjNTYiPjxwYXRoIGQ9Im02NSA1MDYgNzgtMzExIDc5IDMxMXptMTI0IDkgNTYtMjM3IDY4IDIzN3ptODAwLTEyIDg2LTMwMSA4MiAzMDF6bS03NCAxMCA1MS0yMzEgNzIgMjMxeiIvPjwvZz48ZyBmaWxsPSIjNTg4MDY0Ij48cGF0aCBkPSJtMjg1IDUxNCA0OS0xNjkgNDYgMTY5em01NDctMTAgNTYtMTgzIDUyIDE4M3oiLz48L2c+CjxnIHN0cm9rZT0iIzU0N2Q1ZiIgc3Ryb2tlLXdpZHRoPSI3IiBmaWxsPSJub25lIj48cGF0aCBkPSJNNTYgNzQxcS0xMi02Mi0zMy03NG02MSA2NnExNS02NCAyNy04M00xMDY4IDc1NnEtNS02NC0zMy05MW0zNCA2N3EyOC02MSAzOC03MCIvPjwvZz48ZyBmaWxsPSIjZGZjMDdmIj48Y2lyY2xlIGN4PSIzMCIgY3k9IjY4MSIgcj0iMTAiLz48Y2lyY2xlIGN4PSIxMDQyIiBjeT0iNjgzIiByPSIxMSIvPjxjaXJjbGUgY3g9IjExMTEiIGN5PSI2OTYiIHI9IjEwIi8+PC9nPjxnIGZpbGw9IiNmMmRlZDEiPjxjaXJjbGUgY3g9Ijg1IiBjeT0iNjY3IiByPSI5Ii8+PGNpcmNsZSBjeD0iMTE3MSIgY3k9IjY2NSIgcj0iMTEiLz48L2c+Cjwvc3ZnPgo=") center/cover}.map-info{padding:55px 40px;display:flex;flex-direction:column;align-items:flex-start;justify-content:center}.map-info h3{margin-bottom:12px}.map-info p{font-size:.92rem}.map-info .button{margin-top:12px}
/* Lightbox */
.lightbox{position:fixed;inset:0;z-index:900;display:none;align-items:center;justify-content:center;padding:32px;background:rgba(12,30,20,.94)}.lightbox.open{display:flex}.lightbox-dialog{max-width:1000px;max-height:100%;width:100%;display:flex;flex-direction:column;align-items:center}.lightbox-photo{width:100%;max-height:calc(100vh - 156px);object-fit:contain;border-radius:7px}.lightbox-caption{color:#d9e7d9;margin:12px 60px 0;font-size:.85rem;text-align:center}.lightbox-close,.lightbox-prev,.lightbox-next{position:absolute;background:#ffffffdb;color:#254b3e;border:0;width:46px;height:46px;border-radius:50%;font-size:1.3rem;display:grid;place-items:center}.lightbox-close{top:20px;right:24px}.lightbox-prev{left:20px;top:50%}.lightbox-next{right:20px;top:50%}.lightbox :focus-visible{outline:3px solid #e3d09d;outline-offset:2px}
/* Small utility */
.center{text-align:center}.center .eyebrow{margin-bottom:15px}.center h2{margin-bottom:20px}.intro{text-align:center;max-width:730px;margin:0 auto 44px}.muted-bg{background:#f4f5f0}.separator{height:1px;background:var(--line)}.top-spacing{margin-top:32px}.visually-hidden{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}
@media(max-width:1080px){.desktop-nav{gap:17px}.header-cta{margin-left:0}.hero-grid{gap:37px}.hero-photo{height:470px}.float-note{left:-23px}.story-grid,.story-grid.reverse{gap:50px}.footer-grid{gap:23px}}
@media(max-width:850px){.header-inner{height:82px}.desktop-nav,.header-cta{display:none}.mobile-toggle{display:flex;margin-left:auto}.mobile-nav{position:absolute;top:82px;left:0;right:0;background:#fffdf8;border-bottom:1px solid var(--line);padding:12px 24px 24px;box-shadow:0 20px 40px #1c352022;display:none;flex-direction:column;gap:0}.mobile-nav.open{display:flex}.mobile-nav a{padding:13px 0;font-weight:700;font-size:.93rem;border-bottom:1px solid #edf0e8}.mobile-nav .button{margin-top:19px;color:#fff}.hero{padding-top:48px}.hero-grid,.page-hero-grid{grid-template-columns:1fr;gap:30px}.hero-copy{padding:0}.hero-copy h1{max-width:750px}.hero-copy .lead{max-width:650px}.hero-media{max-width:720px;margin:auto;width:100%;padding-left:20px}.hero-media::before{right:0}.hero-photo{height:480px}.float-note{left:-6px}.hero-stat{padding:25px 18px}.story-grid,.story-grid.reverse,.location-grid,.two-col,.contact-layout{grid-template-columns:1fr;gap:44px}.story-grid.reverse .story-visual{order:0}.story-visual img{height:470px}.location-image img{height:430px}.footer-grid{grid-template-columns:1.2fr 1fr;row-gap:40px}.page-hero-art img{height:425px}.page-hero{padding:45px 0 65px}.amenity-grid{grid-template-columns:repeat(2,1fr)}.gallery-grid{grid-template-columns:1fr 1fr}.gallery-grid .gallery-button:first-child{grid-column:1/-1}.gallery-grid .gallery-button:first-child img{height:340px}.cta-box{padding:46px;display:block}.cta-actions{flex-direction:row;margin-top:26px}.map-panel{grid-template-columns:1fr 1fr}}
@media(max-width:590px){.container{width:min(calc(100% - 34px),var(--max))}.section{padding:66px 0}.section-sm{padding:53px 0}.section-head{display:block}.section-head p{margin-top:17px}.hero{padding:40px 0 60px}.hero-copy h1{font-size:3.15rem}.hero-copy .lead{font-size:1.01rem}.hero-chips{margin-top:26px}.hero-media{padding-left:0;padding-right:15px}.hero-photo{height:350px;border-radius:130px 130px 12px 12px}.float-note{left:-1px;bottom:-5px;width:207px;padding:14px 16px}.float-note strong{font-size:1.06rem}.float-note .star{font-size:1rem}.hero-bottom .container{grid-template-columns:1fr}.hero-stat,.hero-stat:first-child{border-right:0;border-bottom:1px solid var(--line);padding:16px 3px;gap:16px}.hero-stat:last-child{border:0}.stat-mark{font-size:1.7rem}.stay-grid,.feature-grid,.amenity-grid,.gallery-grid{grid-template-columns:1fr}.stay-card .image-wrap img{height:240px}.stay-content{padding:25px}.stay-content h3{font-size:1.85rem}.stay-meta{gap:10px}.feature-grid{gap:25px}.story-visual img{height:375px;border-top-left-radius:115px}.image-caption{right:0;bottom:-16px}.location-image img{height:360px}.location-image .place-floating{left:8px;bottom:12px;padding:14px}.location-places{gap:10px}.place{padding:13px}.cta-box{padding:32px 25px}.cta-box h2{font-size:2.23rem}.cta-actions{flex-direction:column}.footer-grid{grid-template-columns:1fr 1fr;gap:35px 23px}.footer-grid>div:first-child{grid-column:1/-1}.footer-base{display:block}.footer-base span:last-child{display:block;margin-top:8px;text-align:left}.page-hero-art img{height:320px;border-top-left-radius:100px}.page-hero h1{font-size:3.05rem}.quick-facts{gap:8px}.fact{padding:7px 10px}.detail-card{padding:25px}.gallery-grid .gallery-button:first-child{grid-column:auto}.gallery-button img,.gallery-grid .gallery-button:first-child img{height:245px}.contact-layout{gap:36px}.form-card{padding:26px 21px}.form-grid{grid-template-columns:1fr}.form-group.full{grid-column:auto}.map-panel{grid-template-columns:1fr}.map-panel .map-visual{min-height:250px}.map-info{padding:26px}.lightbox-prev,.lightbox-next{width:35px;height:35px}.lightbox-prev{left:8px}.lightbox-next{right:8px}.lightbox{padding:18px}.lightbox-close{right:10px;top:10px}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,*::before,*::after{animation-duration:.01ms!important;transition-duration:.01ms!important}}


/* ===== Designvorschlag: Umsetzung des ursprünglichen visuellen Konzepts ===== */
:root{--pine:#3f5e42;--pine-deep:#172e21;--fern:#476b48;--cream:#fbfaf5;--paper:#fffcf8;--max:1240px}
.site-header{background:#fffcf8;border-bottom:1px solid #e6e4d9}
.header-inner{height:74px;gap:20px}
.concept-brand{gap:10px;min-width:280px}
.concept-brand-tree{width:82px;height:54px;color:#3b5d42;flex-shrink:0}
.concept-brand .brand-name{font-size:1.51rem;letter-spacing:-.055em;line-height:1.02}
.concept-brand .concept-brand-second{display:block}
.concept-brand .brand-sub{font-size:.55rem;letter-spacing:.12em;margin-top:3px}
.desktop-nav{gap:26px}
.desktop-nav>a{font-family:Georgia,'Times New Roman',serif;font-size:.99rem;font-weight:400;color:#282e27}
.desktop-nav>a.active{font-weight:700}
.header-cta{font-family:Georgia,'Times New Roman',serif;font-size:.98rem;padding:10px 17px;min-height:44px;margin-left:5px}
.button{font-family:Georgia,'Times New Roman',serif;font-weight:600;font-size:1rem}
/* Full-bleed illustrated hero matches concept mockup */
.concept-hero{position:relative;isolation:isolate;min-height:465px;overflow:hidden;background:#d9e8e0;display:flex;align-items:center}
.concept-hero-bg{position:absolute;inset:0;height:100%;width:100%;object-fit:cover;object-position:56% 47%;z-index:-2}
.concept-hero-shade{position:absolute;inset:0;z-index:-1;background:linear-gradient(90deg,rgba(244,248,239,.91) 0%,rgba(244,248,239,.81) 19%,rgba(243,248,239,.57) 36%,rgba(244,249,242,.13) 63%,transparent 100%)}
.concept-hero-content{padding-top:64px;padding-bottom:70px}
.concept-hero .eyebrow{color:#3b5e40!important;letter-spacing:.27em!important;margin-bottom:13px}
.concept-hero h1{font-size:clamp(3.5rem,5.25vw,5.75rem);line-height:1.05;font-weight:400;letter-spacing:-.055em;margin:0 0 20px;color:#1d3123;max-width:700px;text-shadow:0 1px 8px #ecf1e93a}
.concept-hero h1 span{display:inline}
.concept-lead{color:#263a2b;max-width:474px;font-size:1.13rem;line-height:1.5;margin:0 0 20px;font-family:Georgia,'Times New Roman',serif;text-shadow:0 1px 4px #fffcf8a1}
.concept-hero-button{font-size:1.03rem;min-height:51px;box-shadow:0 6px 16px #18322216}
.concept-image-label{position:absolute;right:15px;bottom:13px;background:#fffcf8e8;padding:3px 10px;border-radius:20px;font-size:.63rem;color:#3d6646}
/* Four-feature strip */
.concept-benefits{background:#fffcf8;border-bottom:1px solid #f1eee6}
.concept-benefit-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:18px;align-items:center;min-height:132px}
.concept-benefit{display:flex;align-items:center;gap:16px;min-width:0}
.concept-benefit-icon{display:grid;place-items:center;background:#eeeee6;width:74px;height:74px;flex:0 0 74px;border-radius:50%}
.concept-benefit-icon svg{width:41px;height:41px;fill:none;stroke:#1e3528;stroke-width:2;stroke-linecap:round;stroke-linejoin:round}
.concept-benefit strong{display:block;font-size:1.03rem;color:#283329;font-family:Georgia,'Times New Roman',serif;line-height:1.35;font-weight:600}
.concept-benefit p{font-size:.88rem;line-height:1.4;color:#60655e;margin:4px 0 0}
/* Image/text pairing shown in visual mockup */
.concept-apartment{padding:70px 0 86px;background:#fffefa}
.concept-apartment-grid{display:grid;grid-template-columns:1.075fr .925fr;gap:44px;align-items:center}
.concept-apartment-media img{width:100%;height:370px;object-fit:cover;border-radius:15px}
.concept-apartment-copy .eyebrow{margin-bottom:12px}
.concept-apartment-copy h2{font-size:clamp(2.15rem,3.05vw,3.6rem);letter-spacing:-.035em;margin-bottom:20px;line-height:1.16}
.concept-apartment-copy p:not(.eyebrow){font-family:Georgia,'Times New Roman',serif;color:#494d48;font-size:1.08rem;line-height:1.58;margin-bottom:14px}
.concept-apartment-copy .button{margin-top:8px;min-height:46px;padding:9px 21px}
.concept-bungalow-section{padding:70px 0}
.concept-bungalow-grid{grid-template-columns:.925fr 1.075fr}
.concept-bungalow-grid .concept-apartment-media img{height:365px;background:#eef3e9}
/* Secondary pages keep usable elements and match the visual language */
.section{scroll-margin-top:90px}
.story-visual img{border-radius:15px}
@media(max-width:1250px){.desktop-nav{gap:16px}.concept-brand{min-width:235px}.concept-brand-tree{width:62px}.concept-brand .brand-name{font-size:1.42rem}.concept-benefit-icon{width:60px;height:60px;flex-basis:60px}.concept-benefit{gap:10px}.concept-benefit strong{font-size:.92rem}.concept-benefit p{font-size:.8rem}}
@media(max-width:850px){.header-inner{height:82px}.concept-brand{min-width:0}.concept-benefit-grid{grid-template-columns:repeat(2,minmax(0,1fr));padding-top:21px;padding-bottom:21px;gap:23px}.concept-hero{min-height:520px}.concept-hero-content{padding-top:70px;padding-bottom:85px}.concept-hero-shade{background:linear-gradient(90deg,#edf5e9ed 0%,#edf5e9bd 46%,#edf5e950 100%)}.concept-apartment-grid,.concept-bungalow-grid{grid-template-columns:1fr;gap:34px}.concept-bungalow-grid .concept-apartment-copy{order:2}.concept-bungalow-grid .concept-apartment-media{order:1}.concept-apartment-media img{height:auto;aspect-ratio:1.7/1;object-fit:cover}.concept-apartment-copy h2{font-size:clamp(2.2rem,5vw,3.3rem)}.concept-apartment{padding:65px 0}}
@media(max-width:590px){.concept-brand-tree{width:51px;height:44px}.concept-brand .brand-name{font-size:1.19rem}.concept-brand .brand-sub{font-size:.44rem}.concept-hero{min-height:555px;align-items:flex-start}.concept-hero-content{padding-top:57px;padding-bottom:65px}.concept-hero h1{font-size:clamp(2.6rem,11.7vw,4.3rem)}.concept-lead{font-size:1rem;max-width:340px;line-height:1.55}.concept-hero-bg{object-position:61% center}.concept-hero-shade{background:linear-gradient(180deg,#edf6eeed 0%,#edf6eef2 30%,#f4f9f1bb 62%,#f4f9f118 100%)}.concept-image-label{font-size:.55rem}.concept-benefit-grid{grid-template-columns:1fr 1fr;column-gap:15px;row-gap:25px}.concept-benefit{display:block;text-align:center}.concept-benefit-icon{margin:0 auto 10px;width:58px;height:58px}.concept-benefit-icon svg{width:33px;height:33px}.concept-benefit strong{font-size:.95rem}.concept-benefit p{font-size:.76rem}.concept-apartment-media img,.concept-bungalow-grid .concept-apartment-media img{height:auto;aspect-ratio:1.38/1}.concept-apartment-copy h2{font-size:2.3rem}.concept-apartment-copy p:not(.eyebrow){font-size:1rem}}


/* Revision: contact-only section, inclusive positioning and identical menu motion */
html{scroll-behavior:auto}
.site-header{position:sticky;top:0;z-index:100;backdrop-filter:blur(10px)}
.concept-brand{min-width:266px}
.concept-brand .brand-name{font-size:1.42rem}
.concept-brand .concept-brand-second{font-size:1.22rem;letter-spacing:-.045em;white-space:nowrap}
.concept-hero h1{max-width:800px;font-size:clamp(3rem,4.75vw,4.9rem)}
.concept-hero h1 span{font-size:.91em;letter-spacing:-.048em}
.concept-lead{max-width:490px}
#inhalt,#unterkuenfte,#bungalow,#umgebung,#kontakt,#rechtliches{scroll-margin-top:112px}
.contact-section{background:linear-gradient(145deg,#f4f7f1,#fffefa 61%);border-top:1px solid #e0e7db}
.contact-head{align-items:end;margin-bottom:33px}
.contact-head h2{max-width:740px}
.contact-head p:not(.eyebrow){max-width:440px;color:var(--muted)}
.contact-cards{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:20px}
.contact-card{background:#fffefa;border:1px solid #e2e9de;box-shadow:0 8px 25px #214d3d0a;border-radius:18px;padding:30px;min-height:245px;display:flex;flex-direction:column;align-items:flex-start}
.contact-card-icon{width:44px;height:44px;border-radius:50%;display:grid;place-items:center;background:#e9f0e5;color:#345942;font-size:1.42rem;margin-bottom:23px}
.contact-card .contact-card-label{color:#728473;text-transform:uppercase;letter-spacing:.15em;font-size:.72rem;font-weight:700;margin-bottom:8px}
.contact-card-number{font-family:Georgia,'Times New Roman',serif;color:#233e30;font-size:clamp(1.35rem,2vw,1.8rem);line-height:1.22;white-space:nowrap}
.contact-card-number:hover{color:#5d855e;text-decoration:underline}
.contact-card p:last-child{margin-top:14px;margin-bottom:0;font-size:.88rem}
.contact-card address{font-style:normal;color:#233e30;font-size:1.05rem;line-height:1.65}
.contact-map-link{margin-top:auto;padding-top:13px;font-size:.88rem;font-weight:700;color:#376443}
.contact-map-link:hover{text-decoration:underline}
.desktop-nav a.active{color:var(--pine)}
.mobile-nav a.active{color:var(--pine);background:#eef3eb}
@media(max-width:1080px){.concept-brand{min-width:240px}.concept-brand .brand-name{font-size:1.26rem}.concept-brand .concept-brand-second{font-size:1.09rem}.contact-card{padding:23px}.contact-card-number{font-size:1.45rem}}
@media(max-width:850px){.site-header{backdrop-filter:none}.contact-cards{grid-template-columns:repeat(2,minmax(0,1fr))}.contact-card-address{grid-column:1/-1;min-height:auto}.concept-hero h1{font-size:clamp(2.65rem,6.2vw,4.5rem)}}
@media(max-width:590px){.concept-brand .brand-name{font-size:1.15rem}.concept-brand .concept-brand-second{font-size:.99rem}.concept-hero h1{font-size:clamp(2.45rem,10.5vw,3.15rem)}.concept-hero h1 span{font-size:.86em;letter-spacing:-.055em}.concept-hero .eyebrow{font-size:.64rem!important}.concept-lead{max-width:345px}.contact-cards{grid-template-columns:1fr}.contact-card-address{grid-column:auto}.contact-card{min-height:auto;padding:24px}.contact-card-number{font-size:1.52rem}.contact-head{margin-bottom:25px}}

/* Neue Originalfoto-Illustrationen: natürliche Bildausschnitte statt starker Vergrößerung. */
.concept-apartment-media img {object-position:center center}
.concept-bungalow-grid .concept-apartment-media img {object-position:center 52%}
.story-visual img {object-position:center 48%}
.gallery-button img {object-position:center 50%}
/* Das Hauptmenü hat genau einen Kontakt-Eintrag. */
.desktop-nav {margin-left:auto}
@media (max-width:590px) {
  .concept-apartment-media img,.concept-bungalow-grid .concept-apartment-media img {
    aspect-ratio:4/3;object-fit:cover;
  }
}


/* Finale Fassung: kompakter rechtlicher Bereich ohne doppelte Titel. */
.legal-section {background:#f5f6ef; border-top:1px solid #e0e7db; padding:58px 0 58px; scroll-margin-top:96px;}
.legal-container {max-width:1080px;}
.legal-heading {margin:0 0 28px;}
.legal-heading .eyebrow {margin-bottom:8px;}
.legal-heading h2 {font-size:clamp(2rem,3.3vw,3rem); margin:0; color:#21372d;}
.legal-grid {display:grid;grid-template-columns:0.86fr 1.14fr;gap:20px;align-items:stretch;}
.legal-panel {padding:28px 30px;background:#fffefa;border:1px solid #e3e7de;border-radius:14px;}
.legal-panel h3 {font-size:1.48rem;margin-bottom:17px;}
.legal-panel p {font-size:.91rem;line-height:1.65;margin-bottom:13px;}
.legal-panel p:last-child {margin-bottom:0;}
.legal-panel a {color:#2f5b3e;text-decoration:underline;text-underline-offset:3px;}
.legal-footnote {font-size:.81rem;line-height:1.6;color:#667368;max-width:900px;margin:18px 0 0;}
@media(max-width:680px){.legal-section{padding:44px 0}.legal-grid{grid-template-columns:1fr;gap:13px}.legal-panel{padding:23px}.legal-heading h2{font-size:2.15rem}}