/* Skrifter ligger på egen server (ingen opslag hos Google). Caladea og Carlito, SIL Open Font License. */
@font-face{font-family:'Caladea';font-style:italic;font-weight:400;font-display:swap;src:url(fonts/caladea-400-italic.woff2) format('woff2');unicode-range:U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+0304, U+0308, U+0329, U+2000-206F, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD}
@font-face{font-family:'Caladea';font-style:normal;font-weight:400;font-display:swap;src:url(fonts/caladea-400.woff2) format('woff2');unicode-range:U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+0304, U+0308, U+0329, U+2000-206F, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD}
@font-face{font-family:'Caladea';font-style:normal;font-weight:700;font-display:swap;src:url(fonts/caladea-700.woff2) format('woff2');unicode-range:U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+0304, U+0308, U+0329, U+2000-206F, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD}
@font-face{font-family:'Carlito';font-style:italic;font-weight:400;font-display:swap;src:url(fonts/carlito-400-italic.woff2) format('woff2');unicode-range:U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+0304, U+0308, U+0329, U+2000-206F, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD}
@font-face{font-family:'Carlito';font-style:normal;font-weight:400;font-display:swap;src:url(fonts/carlito-400.woff2) format('woff2');unicode-range:U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+0304, U+0308, U+0329, U+2000-206F, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD}
@font-face{font-family:'Carlito';font-style:normal;font-weight:700;font-display:swap;src:url(fonts/carlito-700.woff2) format('woff2');unicode-range:U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+0304, U+0308, U+0329, U+2000-206F, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD}

/* Seniorbofællesskab Over Hornbæk
   Drivhusbuerne fra atriumgården er sidens eneste ornament. Stor brødtekst (19px) — siden er skrevet til seniorer. */
/* Farver og skrift: Warwyck-paletten (warwyck_PALETTE_preview_v1.pdf) — navy, guld, cremehvid.
   Lys: Ivory-grund, Midnight tekst, Champagne/Brass som guld. Mørk: Midnight-grund som PDF'ens side 2. */
:root{
  --tegl:#FAF7F0;        /* Ivory — sidens grund */
  --flade:#F4EFE3;       /* Parchment — tonede sektioner */
  --ramme:#1C2E4A;       /* Midnight — tekst og overskrifter */
  --daemp:#4A5A6B;       /* Slate — sekundær tekst */
  --eng:#2B4468;         /* Sapphire — links */
  --eg:#B89968;          /* Champagne — guldstreger og markeringer */
  --guld:#7B653E;        /* mørk Brass — guld som TEKST (kontrast ≥4,5:1 på creme; 12/10). Guld som streg/pynt = --eg */
  --streg:#E4DCCB;       /* fuge mellem Parchment og Gilt */
  --kort:#F5ECD9;        /* Honey — kort og bokse */
  --navy:#1C2E4A;        /* Midnight — mørke bånd */
  --navytekst:#FAF7F0;
  --papir:#ffffff;       /* bag tegninger — altid hvid */
  --display:"Caladea", "Cambria", "Georgia", serif;
  --body:"Carlito", "Calibri", "Lato", "Segoe UI", system-ui, sans-serif;
  --data:"Carlito", "Calibri", "Lato", "Segoe UI", system-ui, sans-serif;
  color-scheme: light;
}
@media (prefers-color-scheme: dark){:root:not([data-theme="light"]){
  --tegl:#1C2E4A; --flade:#2B4468; --ramme:#FAF7F0; --daemp:#8296B0; --eng:#D4BA88; --eg:#B89968; --guld:#D4BA88; --streg:#3E5A80; --kort:#2B4468; --navy:#14223A; --navytekst:#FAF7F0; --papir:#FAF7F0; color-scheme:dark;}}
:root[data-theme="dark"]{
  --tegl:#1C2E4A; --flade:#2B4468; --ramme:#FAF7F0; --daemp:#8296B0; --eng:#D4BA88; --eg:#B89968; --guld:#D4BA88; --streg:#3E5A80; --kort:#2B4468; --navy:#14223A; --navytekst:#FAF7F0; --papir:#FAF7F0; color-scheme:dark;}

*{box-sizing:border-box}
body{background:var(--tegl);color:var(--ramme);font-family:var(--body);font-size:19px;line-height:1.6;margin:0;border-top:6px solid var(--eg)}
.wrap{max-width:1180px;margin:0 auto;padding-inline:clamp(16px,4vw,40px)}
h1,h2,h3{font-family:var(--display);font-weight:400;color:var(--ramme);text-wrap:balance;line-height:1.15;margin:0}
h1{font-size:clamp(2.2rem,5.2vw,3.8rem)}
h2{font-size:clamp(1.6rem,3.2vw,2.4rem)}
h3{font-size:1.3rem}
p{margin:0;max-width:62ch}
a{color:var(--eng)}
a:focus-visible,button:focus-visible{outline:3px solid var(--eng);outline-offset:3px}
img,video{display:block;max-width:100%;height:auto}
video{width:100%;background:var(--flade)}
.label{font-family:var(--data);font-size:.8rem;font-weight:700;letter-spacing:.22em;text-transform:uppercase;color:var(--guld)}

/* udkastbånd */
.udkast{background:var(--navy);font-size:.85rem;color:#D4BA88;letter-spacing:.04em}
.udkast .wrap{padding-block:8px}

/* top og navigation */
header.top{padding-block:18px;display:flex;gap:14px 24px;align-items:center;justify-content:space-between;flex-wrap:wrap;border-bottom:1px solid var(--streg)}
header.top .navn{font-family:var(--display);font-size:1.15rem;color:var(--ramme);text-decoration:none}
nav ul{list-style:none;display:flex;flex-wrap:wrap;gap:6px 20px;margin:0;padding:0;font-size:.98rem}
nav a{color:var(--ramme);text-decoration:none;border-bottom:2px solid transparent;padding-bottom:2px}
nav a:hover{border-color:var(--streg)}
nav a[aria-current="page"]{border-color:var(--eg)}

/* sidehoved for undersider */
.sidehoved{display:grid;gap:14px;padding-block:clamp(32px,5vw,64px) clamp(24px,4vw,40px);max-width:820px}
.sidehoved .ingress{font-size:1.2rem;color:var(--daemp)}

/* forsidens hero */
.hero{display:grid;gap:clamp(20px,3vw,36px);padding-block:clamp(24px,4vw,44px) clamp(40px,6vw,72px)}
.hero-tekst{display:grid;gap:18px;max-width:820px}
.hero .ingress{font-size:1.2rem;color:var(--daemp)}
.fakta{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));border-top:1px solid var(--streg);border-bottom:1px solid var(--streg)}
.fakta div{padding:18px 16px 18px 0;display:grid;gap:2px}
.fakta div+div{padding-left:16px;border-left:1px solid var(--streg)}
.fakta b{font-family:var(--display);font-weight:700;color:var(--guld);font-size:clamp(1.5rem,3vw,2.1rem);line-height:1.1}
.fakta span{font-size:.95rem;color:var(--daemp)}
@media (max-width:720px){.fakta{grid-template-columns:repeat(2,minmax(0,1fr))}.fakta div:nth-child(3){border-left:0;padding-left:0}.fakta div:nth-child(n+3){border-top:1px solid var(--streg)}}

section{padding-block:clamp(44px,6vw,88px)}
section+section{border-top:1px solid var(--streg)}
section.tonet{background:var(--flade)}
.sektionshoved{display:grid;gap:12px;margin-bottom:clamp(22px,3.5vw,36px);max-width:760px}

.to{display:grid;grid-template-columns:minmax(0,1.05fr) minmax(0,1fr);gap:clamp(24px,4vw,56px);align-items:start}
.to.vendt{grid-template-columns:minmax(0,1fr) minmax(0,1.05fr)}
@media (max-width:860px){.to,.to.vendt{grid-template-columns:minmax(0,1fr)}}
.tekst{display:grid;gap:16px;min-width:0}
figure{margin:0;min-width:0}
figcaption{font-size:.88rem;color:var(--daemp);margin-top:8px}
.bred{margin-top:clamp(28px,4vw,48px)}

/* tegninger på papir */
.tegning{background:var(--papir);border:1px solid var(--streg);padding:clamp(8px,1.5vw,16px)}

/* billedrække */
.raekke{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:clamp(14px,2vw,24px)}
.raekke.tre{grid-template-columns:repeat(3,minmax(0,1fr))}
.raekke.lige img{aspect-ratio:4/5;object-fit:cover;width:100%}
@media (max-width:760px){.raekke,.raekke.tre{grid-template-columns:minmax(0,1fr)}}

/* drivhusbuer */
.buer{height:46px;margin-bottom:24px;opacity:.55;
  background:radial-gradient(circle at 50% 100%, transparent 21px, var(--eg) 22px, var(--eg) 23px, transparent 24px) 0 0/48px 46px repeat-x}

.liste{list-style:none;margin:0;padding:0;display:grid;gap:10px}
.liste li{padding-left:22px;position:relative}
.liste li::before{content:"";position:absolute;left:0;top:.72em;width:10px;height:2px;background:var(--eg)}

/* rum og arealer */
.arealer{display:grid;grid-template-columns:minmax(0,1fr) auto;gap:0 24px;margin:0}
.arealer dt{font-size:.98rem;padding-block:9px;border-bottom:1px solid var(--streg)}
.arealer dd{margin:0;font-family:var(--data);font-weight:700;color:var(--guld);font-size:.98rem;padding-block:9px;border-bottom:1px solid var(--streg);text-align:right;font-variant-numeric:tabular-nums}
.toarealer{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:clamp(20px,4vw,48px)}
@media (max-width:640px){.toarealer{grid-template-columns:minmax(0,1fr)}}
.note{font-size:.9rem;color:var(--daemp);margin-top:12px}

/* tidslinje */
.tid{list-style:none;margin:0;padding:0}
.tid li{display:grid;grid-template-columns:10rem minmax(0,1fr);gap:20px;padding-block:16px;border-top:1px solid var(--streg)}
.tid li:last-child{border-bottom:1px solid var(--streg)}
.tid time{font-family:var(--data);font-size:.92rem;font-weight:700;letter-spacing:.06em;color:var(--guld);padding-top:3px}
@media (max-width:560px){.tid li{grid-template-columns:minmax(0,1fr);gap:4px}}

/* forsidens indgange til undersiderne */
.indgange{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:clamp(18px,3vw,32px)}
@media (max-width:760px){.indgange{grid-template-columns:minmax(0,1fr)}}
.indgang{display:grid;gap:12px;text-decoration:none;color:var(--ramme)}
.indgang img{aspect-ratio:16/9;object-fit:cover;width:100%;transition:filter .3s}
.indgang:hover img{filter:brightness(1.04) saturate(1.08)}
.indgang h3{display:flex;justify-content:space-between;gap:12px}
.indgang h3::after{content:"→";font-family:var(--body);color:var(--eg)}
.indgang p{color:var(--daemp)}

/* partnere */
.partnere{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));border-top:1px solid var(--streg)}
.partnere div{padding:18px 18px 18px 0;border-bottom:1px solid var(--streg);display:grid;gap:4px}
.partnere b{font-weight:700}
.partnere span{font-size:.95rem;color:var(--daemp)}
@media (max-width:760px){.partnere{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media (max-width:460px){.partnere{grid-template-columns:minmax(0,1fr)}}

/* presseomtale */
.presse{list-style:none;margin:0;padding:0}
.presse li{display:grid;grid-template-columns:8.5rem minmax(0,1fr);gap:20px;padding-block:16px;border-top:1px solid var(--streg)}
.presse li:last-child{border-bottom:1px solid var(--streg)}
.presse time{font-family:var(--data);font-size:.9rem;color:var(--daemp);padding-top:3px}
.presse a{font-family:var(--display);font-size:1.15rem;color:var(--ramme);text-decoration-color:var(--streg)}
.presse a:hover{text-decoration-color:var(--eg)}
.presse p{color:var(--daemp);margin-top:4px}
@media (max-width:560px){.presse li{grid-template-columns:minmax(0,1fr);gap:4px}}

/* kontakt */
.boks{background:var(--navy);color:var(--navytekst);border-left:6px solid var(--eg);padding:clamp(20px,3vw,32px);display:grid;gap:12px;max-width:640px}
.boks h2{color:var(--navytekst)}
.boks .label{color:#D4BA88}
.boks a{color:#D4BA88;font-weight:700;text-underline-offset:3px}
.boks a:focus-visible{outline-color:#D4BA88}
/* knap og kort (Find vej) */
.knap{display:inline-block;background:var(--navy);color:var(--navytekst);border:0;border-left:4px solid var(--eg);padding:10px 18px;font:inherit;font-weight:700;text-decoration:none;cursor:pointer}
.knap:hover{filter:brightness(1.15)}
.kort{aspect-ratio:4/3;max-width:100%;background:var(--kort);border:1px solid var(--streg);display:grid;place-content:center;justify-items:center;gap:14px;padding:20px;text-align:center}
.kort p{color:var(--daemp);font-size:.95rem}
.kort.vist{padding:0;display:block}
.kort iframe{width:100%;height:100%;border:0;display:block}
.pladsholder{font-family:var(--data);font-size:.95rem;background:#2B4468;color:#D4BA88;padding:2px 8px}

/* næste side */
.videre{display:flex;justify-content:space-between;gap:16px;flex-wrap:wrap;padding-block:28px}
.videre a{font-family:var(--display);font-size:1.15rem;text-decoration:none}

footer{padding-block:32px;font-size:.88rem;color:var(--daemp);border-top:1px solid var(--streg)}

/* Ledige lejligheder: to bygninger side om side, etage-lister og verdenshjørner */
.bygninger{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:clamp(24px,4vw,56px)}
@media (max-width:980px){.bygninger{grid-template-columns:minmax(0,1fr)}}
.bygning{display:grid;gap:16px;align-content:start;padding:0 clamp(12px,1.8vw,22px) clamp(14px,2vw,24px);background:var(--flade);border:1px solid var(--streg);min-width:0}
.bygning .bygnavn{font-family:var(--display);font-weight:400;font-size:clamp(1.4rem,2.4vw,1.9rem);margin:0 calc(-1*clamp(12px,1.8vw,22px));padding:12px clamp(12px,1.8vw,22px);background:#1C2E4A;color:#FAF7F0;border-bottom:4px solid #B89968}
.etage{display:grid;gap:10px;min-width:0}
.etage h3{font-family:var(--body);font-weight:700;font-size:1.45rem;line-height:1.2;margin:0;padding:8px 14px;background:#F5ECD9;color:#1C2E4A;border-left:6px solid #1C2E4A}
.liste-hoejre .etage h3{text-align:right;border-left:0;border-right:6px solid #1C2E4A}
.etageplan{display:grid;grid-template-columns:auto minmax(0,1fr);gap:12px;align-items:start}
.liste-hoejre .etageplan{grid-template-columns:minmax(0,1fr) auto}
.liste-hoejre .lejl-liste{order:2}
@media (max-width:600px){.etageplan,.liste-hoejre .etageplan{grid-template-columns:minmax(0,1fr)}.liste-hoejre .lejl-liste{order:0}.liste-hoejre .etage h3{text-align:left}}
.lejl-liste{border-collapse:collapse;font-size:.95rem;font-variant-numeric:tabular-nums}
.lejl-liste th{font-size:.72rem;letter-spacing:.12em;text-transform:uppercase;color:var(--guld);text-align:left;padding:0 10px 4px 0;border-bottom:1px solid var(--streg)}
.lejl-liste td{padding:3px 10px 3px 0;border-bottom:1px solid var(--streg);white-space:nowrap}
.lejl-liste td:first-child{font-weight:700}
.lejl-liste td:last-child{text-align:right}
.etageplan .tegning{position:relative;padding:26px}
.vh{position:absolute;width:20px;height:20px;border-radius:50%;background:#1C2E4A;color:#FAF7F0;font-size:.7rem;font-weight:700;display:grid;place-items:center;line-height:1;font-family:var(--body)}
.vh-n{left:3px;top:50%;transform:translateY(-50%);background:#B89968;color:#1C2E4A}
.vh-s{right:3px;top:50%;transform:translateY(-50%)}
.vh-o{top:3px;left:50%;transform:translateX(-50%)}
.vh-v{bottom:3px;left:50%;transform:translateX(-50%)}
.wrap.ekstra-bred{max-width:1680px}