/*
Theme Name: Haus Kluin Modern
Theme URI: https://www.haus-kluin.de/
Author: WSW / Haus Kluin
Description: Individuelles responsives Theme für Haus Kluin mit Wohnungsübersicht.
Version: 1.3.0
Requires at least: 6.0
Requires PHP: 7.4
Text Domain: haus-kluin
*/
:root{--ink:#19343b;--sea:#116e7a;--gold:#c7a46b;--mist:#eef5f5;--paper:#fff;--muted:#60777b}*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;font:17px/1.65 -apple-system,BlinkMacSystemFont,'Segoe UI',sans-serif;color:var(--ink);background:#f8faf9}a{color:var(--sea);text-decoration:none}a:hover{text-decoration:underline}img{max-width:100%;height:auto}h1,h2,h3{font-family:Georgia,'Times New Roman',serif;line-height:1.18}h1{font-size:clamp(2.6rem,6vw,5rem);margin:.2em 0}h2{font-size:clamp(2rem,4vw,3rem);margin:.2em 0 .5em}h3{font-size:1.5rem;margin:.3em 0}.wrap{max-width:1160px;margin:auto;padding:0 24px}.site-header{background:#fff;position:sticky;top:0;z-index:99;box-shadow:0 2px 15px #15353c12}.nav-bar{display:flex;align-items:center;justify-content:space-between;gap:25px;min-height:84px}.brand{font:bold 1.5rem Georgia,serif;letter-spacing:.02em;color:var(--ink)}.brand span{color:var(--sea)}.site-header nav ul{display:flex;list-style:none;margin:0;padding:0;gap:22px;align-items:center}.site-header nav li{position:relative}.site-header nav a{color:var(--ink);font-weight:600}.site-header nav ul ul{display:none;position:absolute;top:100%;left:0;background:#fff;padding:15px 20px;min-width:170px;box-shadow:0 10px 28px #142c3826;flex-direction:column;gap:8px}.site-header nav li:hover>ul,.site-header nav li:focus-within>ul{display:flex}.menu-toggle{display:none;border:1px solid #c6d9db;padding:9px 15px;background:#fff;border-radius:8px;font-weight:bold}.hero{min-height:550px;display:flex;align-items:center;background:linear-gradient(100deg,#102e36e9,#183c3a9e),linear-gradient(130deg,#1d6975,#8da7a3);color:#fff;background-position:center;background-size:cover}.hero .wrap{width:100%;padding-top:90px;padding-bottom:95px}.eyebrow{letter-spacing:.2em;text-transform:uppercase;font-size:.77rem;font-weight:800;color:var(--gold)}.hero p{max-width:620px;font-size:1.25rem}.btn{display:inline-block;padding:13px 22px;border-radius:5px;background:var(--gold);color:#172b30;font-weight:700;border:0;cursor:pointer}.btn.secondary{background:var(--sea);color:white}.btn:hover{text-decoration:none;filter:brightness(.95)}.section{padding:76px 0}.section.alt{background:var(--mist)}.section-intro{max-width:720px;color:var(--muted)}.apartment-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:25px;margin-top:35px}.apartment-card{background:#fff;border-radius:11px;overflow:hidden;box-shadow:0 12px 36px #17394512;display:flex;flex-direction:column}.apartment-card .card-image{height:215px;background:linear-gradient(140deg,#88aeb4,#e5d8c3);display:flex;align-items:center;justify-content:center;color:#274e54;font-weight:600}.apartment-card .card-image img{width:100%;height:100%;object-fit:cover}.apartment-card .inside{padding:25px;display:flex;flex-direction:column;flex:1}.muted{color:var(--muted)}.pills{display:flex;flex-wrap:wrap;gap:8px;margin:15px 0}.pill{background:#e7f2f1;color:#24535a;border-radius:30px;font-size:.81rem;font-weight:700;padding:5px 12px}.apartment-card .inside .btn{margin-top:auto;align-self:flex-start}.features{display:grid;grid-template-columns:repeat(3,1fr);gap:20px;margin-top:30px}.feature{padding:26px;border-left:3px solid var(--gold);background:#fff;border-radius:4px}.split{display:grid;grid-template-columns:1fr 1fr;gap:45px;align-items:center}.statement{background:#14515e;color:#fff;padding:38px;border-radius:10px}.statement strong{color:#f2d4a7}.site-footer{background:#18343b;color:#d8e4e5;padding:55px 0 20px}.site-footer a{color:#fff}.footer-grid{display:grid;grid-template-columns:2fr 1fr 1fr;gap:35px}.legal{border-top:1px solid #ffffff30;margin-top:30px;padding-top:15px;font-size:.85rem}.page-title{background:var(--mist);padding:55px 0}.content{padding:55px 0;max-width:980px}.detail-hero{background:#ecf4f2;padding:50px 0}.gallery{display:grid;grid-template-columns:repeat(3,1fr);gap:12px;margin-top:26px}.gallery img{width:100%;aspect-ratio:4/3;object-fit:cover;border-radius:8px}.detail-grid{display:grid;grid-template-columns:2fr 1fr;gap:48px;padding:55px 0}.booking-box{border:1px solid #d5e5e5;padding:26px;background:#fff;border-radius:10px;align-self:start}.placeholder{padding:50px;background:#d9e6e4;text-align:center;border-radius:10px;color:#536b6e}.wp-block-image img{border-radius:8px}@media(max-width:800px){.menu-toggle{display:block}.site-header nav{display:none;position:absolute;left:0;right:0;top:84px;background:#fff;padding:20px 24px;box-shadow:0 15px 22px #1233}.site-header nav.open{display:block}.site-header nav ul{flex-direction:column;align-items:flex-start}.site-header nav ul ul{display:flex;position:static;box-shadow:none;padding:5px 15px}.apartment-grid{grid-template-columns:repeat(2,1fr)}.split,.detail-grid{grid-template-columns:1fr}.features{grid-template-columns:1fr}}@media(max-width:550px){.apartment-grid,.footer-grid,.gallery{grid-template-columns:1fr}.hero{min-height:470px}.section{padding:50px 0}}

/* V-Office booking calendar layout: full width for the verified integrated units. */
.single-kluin_wohnung .detail-grid{grid-template-columns:minmax(0,1fr)}
.single-kluin_wohnung .booking-box{width:100%;min-width:0}
.single-kluin_wohnung .kluin-booking-live{max-width:100%;overflow-x:auto;min-height:220px}

/* Originalfoto ohne farbigen Filter; Lesbarkeit durch Textschatten */
body.home .hero h1,body.home .hero h2,body.home .hero p,body.home .hero .eyebrow{text-shadow:0 2px 9px rgba(0,0,0,.8),0 1px 3px rgba(0,0,0,.65)}