
    :root { --pine:#314b4a; --moss:#66846f; --cream:#f7f4ee; --sand:#e7d7c5; --clay:#c88962; --ink:#26302f; --white:#fff; }
    * { box-sizing:border-box; }
    html { scroll-behavior:smooth; }
    body { margin:0; color:var(--ink); background:var(--cream); font-family:Arial, Helvetica, sans-serif; line-height:1.55; }
    a { color:inherit; }
    .skip { position:absolute; left:-999px; top:0; background:var(--white); padding:.8rem 1rem; z-index:20; }
    .skip:focus { left:1rem; top:1rem; }
    .container { width:min(1120px, calc(100% - 2.5rem)); margin:auto; }
    .site-header { position:absolute; inset:0 0 auto; z-index:5; color:var(--white); }
    .nav { min-height:88px; display:flex; align-items:center; justify-content:space-between; gap:1.5rem; }
    .brand { text-decoration:none; font-family:Georgia, serif; font-size:1.25rem; letter-spacing:0; font-weight:bold; }
    .brand small { display:block; font:600 .68rem Arial, sans-serif; letter-spacing:.08em; text-transform:uppercase; margin-top:-.2rem; }
    .nav-links { list-style:none; padding:0; margin:0; display:flex; align-items:center; gap:1.35rem; font-size:.92rem; }
    .nav-links a { text-decoration:none; }
    .nav-links a:hover { text-decoration:underline; text-underline-offset:.35rem; }
    .mobile-nav { display:none; }
    .nav-dropdown { position:relative; }
    .nav-dropdown summary { cursor:pointer; list-style:none; }
    .nav-dropdown summary::-webkit-details-marker { display:none; }
    .nav-dropdown summary::after { content:'+'; margin-left:.35rem; }
    .nav-dropdown[open] summary::after { content:'−'; }
    .nav-dropdown-menu { position:absolute; top:1.75rem; left:-1rem; min-width:260px; margin:0; padding:.65rem 0; list-style:none; background:var(--white); color:var(--ink); box-shadow:0 10px 25px rgba(20,39,38,.2); }
    .nav-dropdown-menu a { display:block; padding:.55rem 1rem; }
    .nav-dropdown-menu a:hover { background:var(--cream); text-decoration:none; }
    .button { display:inline-flex; align-items:center; justify-content:center; min-height:46px; border:1px solid transparent; padding:.7rem 1.05rem; background:var(--clay); color:var(--white); text-decoration:none; font-weight:700; }
    .button:hover { background:#b97651; }
    .button-light { background:var(--white); color:var(--pine); }
    .hero { position:relative; isolation:isolate; min-height:720px; display:grid; align-items:end; color:var(--white); background-color:var(--pine); } .hero-image { position:absolute; inset:0; width:100%; height:100%; object-fit:cover; object-position:center; z-index:-2; } .hero::before { content:""; position:absolute; inset:0; background:linear-gradient(90deg, rgba(20,39,38,.72), rgba(20,39,38,.16)); z-index:-1; pointer-events:none; }
    .hero-content { padding:10rem 0 7rem; max-width:760px; }
    .eyebrow { margin:0 0 .8rem; color:#f5dbbf; font-size:.82rem; font-weight:700; letter-spacing:.09em; text-transform:uppercase; }
    h1,h2,h3 { font-family:Georgia, 'Times New Roman', serif; line-height:1.12; letter-spacing:0; margin:0; }
    h1 { font-size:clamp(2.6rem, 6vw, 5.1rem); max-width:760px; }
    h2 { font-size:clamp(2rem, 3.5vw, 3.05rem); }
    h3 { font-size:1.55rem; }
    .hero p:not(.eyebrow) { font-size:1.14rem; max-width:590px; margin:1.5rem 0 2rem; }
    .section { padding:6rem 0; }
    .intro { display:grid; grid-template-columns:1fr 1.25fr; gap:5rem; align-items:center; }
    .intro-copy p { font-size:1.08rem; }
    .facts { display:grid; grid-template-columns:repeat(2,1fr); gap:1px; background:#d7cec1; border:1px solid #d7cec1; }
    .fact { padding:1.3rem; background:var(--white); }
    .fact strong { display:block; color:var(--pine); font:700 1.75rem Georgia,serif; }
    .reviews { background:var(--white); }
    .review-strip { display:flex; align-items:center; justify-content:space-between; gap:2rem; border-left:4px solid var(--clay); padding:1.5rem 0 1.5rem 1.6rem; }
    .review-strip strong { display:block; color:var(--pine); font:700 1.4rem Georgia,serif; }
    .feature { background:var(--pine); color:var(--white); }
    .feature-grid { display:grid; grid-template-columns:1fr 1.1fr; gap:4rem; align-items:center; }
    .feature-image { width:100%; min-height:420px; object-fit:cover; }
    .feature p { color:#e4e8e0; font-size:1.05rem; }
    .feature-list { margin:1.5rem 0 0; padding:0; list-style:none; columns:2; }
    .feature-list li { break-inside:avoid; margin:.55rem 0; }
    .feature-list li::before { content:'✓'; color:#f5dbbf; font-weight:700; margin-right:.55rem; }
    .apartments { background:#efe7da; }
    .section-heading { max-width:700px; margin-bottom:2.5rem; }
    .section-heading p { margin-bottom:0; }
    .apartment-grid { display:grid; grid-template-columns:repeat(2,1fr); gap:1.5rem; }
    .apartment { background:var(--white); }
    .apartment img { width:100%; height:280px; object-fit:cover; display:block; }
    .apartment-content { padding:1.75rem; }
    .apartment-content p { margin:.7rem 0 1.3rem; }
    .link-arrow { color:var(--pine); font-weight:700; text-decoration:none; }
    .link-arrow:hover { text-decoration:underline; text-underline-offset:.25rem; }
    .faq { background:var(--white); }
    .faq-list { display:grid; grid-template-columns:repeat(2,1fr); gap:1px; background:#d7cec1; border:1px solid #d7cec1; }
    .faq-list details { padding:1.35rem; background:var(--cream); }
    .faq-list summary { cursor:pointer; color:var(--pine); font:700 1.1rem Georgia,serif; }
    .faq-list p { margin:.9rem 0 0; }
    .guide { background:#efe7da; }
    .guide-grid { display:grid; grid-template-columns:repeat(3,1fr); gap:2rem; }
    .guide-grid h3 { color:var(--pine); }
    .guide-grid p { margin:.7rem 0 0; }
    .experiences { display:grid; grid-template-columns:1fr 1fr; }
    .experience { min-height:430px; padding:3.5rem; color:var(--white); display:flex; flex-direction:column; justify-content:end; background-size:cover; background-position:center; }
    .summer { background-image:linear-gradient(rgba(27,51,49,.24),rgba(27,51,49,.78)),url('https://hirschbeck.de/wp-content/uploads/2022/04/Boot-mieten-oder-Faehre-zu-den-Inseln-am-Chiemsee.jpg'); }
    .winter { background-image:linear-gradient(rgba(27,51,49,.24),rgba(27,51,49,.8)),url('https://hirschbeck.de/wp-content/uploads/2022/04/Skiurlaub-am-Wilden-Kaiser-Kitzbuehl.jpg'); }
    .experience p { max-width:470px; }
    .contact { background:var(--sand); }
    .contact-grid { display:grid; grid-template-columns:1.1fr .9fr; gap:5rem; align-items:start; }
    address { font-style:normal; margin:1.4rem 0; }
    .contact-card { border-left:3px solid var(--clay); padding:1.5rem 0 1.5rem 1.6rem; }
    .contact-form { display:grid; gap:1rem; }
    .contact-form label { display:grid; gap:.35rem; font-weight:700; }
    .contact-form input,.contact-form textarea { width:100%; border:1px solid #bda994; padding:.75rem; color:var(--ink); font:inherit; background:var(--white); }
    .contact-form textarea { min-height:140px; resize:vertical; }
    .form-status { display:none; margin-bottom:1rem; padding:1rem; background:#e6f3e8; color:var(--pine); }
    .direct-price-note { margin:1.4rem 0; padding:1rem 1.15rem; border-left:4px solid var(--clay); background:var(--white); color:var(--pine); }
    footer { padding:2rem 0; background:#243b3a; color:#dce6df; font-size:.88rem; }
    .footer-row { display:flex; justify-content:space-between; gap:1rem; flex-wrap:wrap; }
    @media (max-width:780px) { .nav { min-height:72px; position:relative; } .nav-links { display:none; } .mobile-nav { display:block; margin-left:auto; } .mobile-nav summary { cursor:pointer; list-style:none; border:1px solid rgba(255,255,255,.75); padding:.45rem .7rem; font-size:.92rem; font-weight:700; } .mobile-nav summary::-webkit-details-marker { display:none; } .mobile-nav summary::before { content:'☰'; margin-right:.45rem; } .mobile-nav ul { position:absolute; top:calc(100% + .5rem); right:0; z-index:10; width:min(300px, calc(100vw - 2.5rem)); margin:0; padding:.4rem 0; list-style:none; background:var(--white); color:var(--ink); box-shadow:0 10px 25px rgba(20,39,38,.25); } .mobile-nav a { display:block; padding:.7rem 1rem; text-decoration:none; } .mobile-nav a:hover { background:var(--cream); } .hero { min-height:620px; } .hero-content { padding:8rem 0 4.5rem; } .section { padding:4rem 0; } .intro,.feature-grid,.contact-grid { grid-template-columns:1fr; gap:2.5rem; } .feature-grid .feature-image { order:-1; min-height:280px; } .apartment-grid,.experiences,.faq-list,.guide-grid { grid-template-columns:1fr; } .feature-list { columns:1; } .review-strip { align-items:flex-start; flex-direction:column; gap:1rem; } .experience { min-height:380px; padding:2rem; } }
  

.legacy-page .site-header{position:relative;background:#314b4a}.legacy-page .nav-links{gap:.85rem;font-size:.85rem}.legacy-page main{padding:3rem 0 4rem}.legacy-page h1{font-size:clamp(2.1rem,5vw,3.5rem);max-width:900px;margin:0 0 2rem}.legacy-page h2{font-size:clamp(1.6rem,3vw,2.3rem);margin:2rem 0 1rem}.legacy-page h3{font-size:1.4rem;margin:1.5rem 0 .75rem}.content-block{margin:1.2rem 0}.legacy-content{max-width:100%;overflow-wrap:anywhere}.legacy-content p{max-width:85ch;line-height:1.7}.legacy-content img{max-width:100%;height:auto}.legacy-content a:not(.holidu-booking):not(.button){text-decoration:underline;text-underline-offset:3px}.legacy-content table{width:100%;border-collapse:collapse}.legacy-content th,.legacy-content td{padding:.7rem;border-bottom:1px solid #c7bba8;text-align:left}.legacy-content details{padding:1rem;border:1px solid #c7bba8;margin:.7rem 0}.legacy-content summary{font-weight:700;cursor:pointer}.legacy-content .static-contact-form,.legacy-content form{display:grid;gap:1rem;max-width:760px}.legacy-content label{display:block;font-weight:700}.legacy-content input:not([type=checkbox]):not([type=hidden]),.legacy-content textarea,.legacy-content select{width:100%;min-height:44px;padding:.65rem;font:inherit;border:1px solid #aaa}.legacy-content textarea{min-height:130px}.legacy-content button[type=submit]{background:#314b4a;color:white;padding:1rem;border:0;font:inherit;cursor:pointer}.legacy-content ul{line-height:1.8}.form-status{padding:1rem;margin:1rem 0}.form-status[hidden]{display:none}.legacy-content .elementor-price-list{list-style:none;padding:0}.legacy-content .elementor-price-list-header{display:flex;gap:1rem;justify-content:space-between;border-bottom:1px solid #c7bba8;padding:.75rem 0}.legacy-content .elementor-price-list-price{font-weight:bold}.legacy-page .mobile-nav ul{top:100%}.legacy-page .seo-section{padding:1rem 0}.legacy-content a{word-break:normal}@media(min-width:781px) and (max-width:1100px){.legacy-page .nav{flex-wrap:wrap;padding:1rem 0}.legacy-page .nav-links{flex-wrap:wrap}}
