/* Kolvig Erhverv — erhvervsmæglere for restauranter.
   What this company actually sells is a document, so the site is set like
   one. White paper, black ink, mono for anything that is data, and the
   photography is the only colour anywhere on the page. No cards, no tinted
   panels, no accent colour, no type on top of photos. Every listing is a
   catalogue entry with its case number hanging in the margin. */
:root{
  --paper:#FFFFFF; --ink:#0D0D0D; --mid:#6C6C6C; --faint:#9C9C9C;
  --rule:#DCDCDC; --wash:#F3F3F1; --stage:#131313;
  --sans:'Schibsted Grotesk',system-ui,-apple-system,sans-serif;
  --mono:'IBM Plex Mono',ui-monospace,SFMono-Regular,monospace;
  --pad:clamp(20px,5vw,72px);
  --idx:168px;
}
*{margin:0;padding:0;box-sizing:border-box}
html{-webkit-text-size-adjust:100%}
/* No tabular-nums anywhere: in this face the tnum set puts the period and
   comma on a digit-width advance, which wrecks Danish thousands separators
   (1.295.000) and every full stop in the prose. */
body{background:var(--paper);color:var(--ink);font-family:var(--sans);
  font-size:17px;line-height:1.5;-webkit-font-smoothing:antialiased}
img{display:block;max-width:100%}
a{color:inherit}
button,input,select,textarea{font:inherit;color:inherit}
h1,h2,h3,h4{font-weight:600;letter-spacing:-.03em;line-height:1.04}

/* ── chrome ─────────────────────────────────────── */
.top{position:sticky;top:0;z-index:40;display:flex;align-items:center;
  justify-content:space-between;gap:24px;padding:18px var(--pad);
  background:var(--paper);border-bottom:1px solid var(--ink)}
.mark{display:flex;align-items:center;gap:11px;text-decoration:none;
  font-size:17px;font-weight:600;letter-spacing:-.015em}
.mark svg{width:23px;height:23px;flex:none}
.mark em{font-style:normal;font-weight:400;color:var(--mid)}
.top nav{display:flex;gap:clamp(16px,2.4vw,32px);font-family:var(--mono);
  font-size:11px;letter-spacing:.11em;text-transform:uppercase}
.top nav a{text-decoration:none;color:var(--mid);padding:12px 0 3px;
  border-bottom:2px solid transparent}
.top nav a.on{color:var(--ink);border-color:var(--ink)}

.bund{border-top:1px solid var(--ink);margin-top:clamp(70px,10vw,130px);
  padding:30px var(--pad) 46px;display:grid;grid-template-columns:var(--idx) minmax(0,1fr);
  gap:14px 40px}
.bund b{font-size:16px;font-weight:600;letter-spacing:-.015em}
.bund span{display:block;font-family:var(--mono);font-size:11.5px;color:var(--mid);
  letter-spacing:.02em;margin-top:6px;line-height:1.9}
.bund .note{grid-column:2;font-family:var(--mono);font-size:10.5px;color:var(--faint);
  max-width:78ch;line-height:1.9;letter-spacing:.02em}

/* ── shared bits ────────────────────────────────── */
.knap{display:inline-flex;align-items:center;justify-content:center;
  background:var(--ink);color:#fff;text-decoration:none;font-weight:500;
  font-size:14px;padding:14px 24px;border:1px solid var(--ink);border-radius:0;
  cursor:pointer;font-family:var(--mono);letter-spacing:.09em;text-transform:uppercase}
.knap:hover{background:#fff;color:var(--ink)}
.link{font-family:var(--mono);font-size:11px;letter-spacing:.11em;text-transform:uppercase;
  text-decoration:none;border-bottom:1px solid var(--ink);padding-bottom:3px}
.pris{font-weight:600;letter-spacing:-.03em;white-space:nowrap}

/* ── masthead ───────────────────────────────────── */
.mast{padding:clamp(46px,7vw,104px) var(--pad) clamp(34px,4.6vw,56px);
  display:grid;grid-template-columns:var(--idx) minmax(0,1fr);gap:20px 40px}
.mast .kv{font-family:var(--mono);font-size:11px;letter-spacing:.11em;
  text-transform:uppercase;color:var(--faint);line-height:1.9}
.mast h1{font-size:clamp(33px,5.6vw,72px);max-width:17ch}
.mast p{color:var(--mid);font-size:19px;line-height:1.55;max-width:58ch;margin-top:22px}

/* ── filter ─────────────────────────────────────── */
.filter{position:sticky;top:60px;z-index:30;background:var(--paper);
  border-top:1px solid var(--ink);border-bottom:1px solid var(--ink);
  padding:0 var(--pad)}
.filter__in{display:flex;flex-wrap:wrap;align-items:end;gap:0}
.filter label{display:flex;flex-direction:column;gap:6px;flex:1 1 170px;
  padding:14px 22px 14px 0;border-right:1px solid var(--rule);margin-right:22px}
.filter span{font-family:var(--mono);font-size:10px;letter-spacing:.11em;
  text-transform:uppercase;color:var(--faint)}
.filter select,.filter input{background:transparent;border:0;padding:0;
  font-size:16px;font-weight:500;outline:none;border-radius:0;width:100%}
.filter input::placeholder{color:var(--rule)}
.tael{flex:0 0 auto;margin-left:auto;font-family:var(--mono);font-size:11px;
  letter-spacing:.11em;text-transform:uppercase;color:var(--mid);padding:14px 0 14px 22px}

/* ── the catalogue entry ────────────────────────── */
.liste{padding:0 var(--pad)}
.post{display:grid;grid-template-columns:var(--idx) minmax(0,1fr);
  gap:22px 40px;padding:clamp(34px,4.4vw,64px) 0;border-bottom:1px solid var(--rule)}
.post__idx .nr{display:block;font-family:var(--mono);font-size:21px;font-weight:500;
  letter-spacing:.01em}
.post__idx .meta{display:block;font-family:var(--mono);font-size:10.5px;
  letter-spacing:.09em;text-transform:uppercase;color:var(--mid);
  margin-top:12px;line-height:2}
.post__foto{position:relative;display:block;aspect-ratio:3/2;overflow:hidden;
  background:var(--wash);text-decoration:none}
.post--stor .post__foto{aspect-ratio:2/1}
.post__foto img{width:100%;height:100%;object-fit:cover;
  transition:transform .7s cubic-bezier(.2,.7,.3,1)}
.post__foto:hover img{transform:scale(1.025)}
.stamp{position:absolute;top:0;left:0;background:var(--ink);color:#fff;
  font-family:var(--mono);font-size:10px;letter-spacing:.14em;text-transform:uppercase;
  padding:9px 13px}
.stamp--mrk{background:var(--paper);color:var(--ink);
  box-shadow:inset 0 0 0 1px var(--ink)}
.post__h{display:flex;justify-content:space-between;align-items:baseline;
  gap:20px 36px;margin-top:26px;flex-wrap:wrap}
.post__h h2{font-size:clamp(24px,2.7vw,35px);max-width:23ch}
.post__h h2 a{text-decoration:none}
.post--stor .post__h h2{font-size:clamp(28px,3.6vw,48px)}
.post__h .pris{font-size:clamp(23px,2.5vw,32px)}
.post--stor .post__h .pris{font-size:clamp(26px,3.2vw,42px)}
.lead{color:var(--mid);font-size:16.5px;line-height:1.62;max-width:66ch;margin-top:14px}
.post .link{margin-top:22px;display:inline-block}

/* the figures, read across instead of stacked in a rail */
.spec{display:flex;flex-wrap:wrap;border-top:1px solid var(--ink);
  margin-top:26px;padding-top:15px}
.spec>div{padding:0 24px;border-right:1px solid var(--rule);margin:5px 0}
.spec>div:first-child{padding-left:0}
.spec>div:last-child{border-right:0;padding-right:0}
.spec dt{font-family:var(--mono);font-size:9.5px;letter-spacing:.12em;
  text-transform:uppercase;color:var(--faint)}
.spec dd{font-size:19px;font-weight:500;margin-top:6px;letter-spacing:-.01em}

/* diskret salg — the seller's name and address stay off the public pages */
.diskret{position:absolute;inset:0;background:var(--wash);display:flex;
  flex-direction:column;align-items:center;justify-content:center;gap:9px;
  text-align:center;padding:24px;box-shadow:inset 0 0 0 1px var(--rule)}
.diskret svg{width:22px;height:22px;stroke:var(--ink);fill:none;stroke-width:1.4;
  stroke-linecap:round}
.diskret b{font-family:var(--mono);font-size:11px;letter-spacing:.16em;
  text-transform:uppercase;font-weight:500}
.diskret i{font-style:normal;font-family:var(--mono);font-size:10px;color:var(--mid);
  max-width:30ch;line-height:1.8;letter-spacing:.02em}
.post--solgt .post__foto img{filter:grayscale(1);opacity:.62}

/* ── sagsside ───────────────────────────────────── */
.fuld{aspect-ratio:21/9;overflow:hidden;background:var(--wash)}
.fuld img{width:100%;height:100%;object-fit:cover}
.sagside--solgt .fuld img,.sagside--solgt .par img{filter:grayscale(1);opacity:.7}
.wrap{padding:0 var(--pad)}
.hoved{display:grid;grid-template-columns:var(--idx) minmax(0,1fr);gap:22px 40px;
  padding:clamp(34px,4.6vw,64px) 0 clamp(24px,3vw,38px);border-bottom:1px solid var(--ink)}
.hoved h1{font-size:clamp(30px,4.6vw,62px);max-width:19ch}
.hoved .pris{font-size:clamp(26px,3.2vw,42px);margin-top:20px;display:block}
.hoved .baand{font-family:var(--mono);font-size:11px;letter-spacing:.1em;
  text-transform:uppercase;color:var(--mid);margin-top:22px;line-height:1.9;max-width:60ch}

.krop{display:grid;grid-template-columns:var(--idx) minmax(0,1fr);gap:22px 40px;
  padding:clamp(34px,4.4vw,60px) 0 0}
.h-mono{font-family:var(--mono);font-size:10.5px;letter-spacing:.12em;
  text-transform:uppercase;color:var(--faint);font-weight:400}
.brød p{font-size:19px;line-height:1.68;color:var(--ink);max-width:62ch;margin-bottom:20px}
.brød p:last-child{margin-bottom:0}

.tabel{border-top:1px solid var(--ink)}
.tr{display:flex;justify-content:space-between;align-items:baseline;gap:20px;
  padding:13px 0;border-bottom:1px solid var(--rule)}
.tr dt{font-family:var(--mono);font-size:10.5px;letter-spacing:.11em;
  text-transform:uppercase;color:var(--mid)}
.tr dd{font-size:18px;font-weight:500;text-align:right}
.tr--stor{padding:16px 0 18px}
.tr--stor dd{font-size:clamp(24px,2.6vw,32px);font-weight:600;letter-spacing:-.03em}
.noter{font-family:var(--mono);font-size:10.5px;color:var(--faint);line-height:1.9;
  letter-spacing:.02em;margin-top:16px;max-width:58ch}

.par{display:grid;grid-template-columns:1fr 1fr;gap:10px;margin-top:clamp(30px,4vw,52px)}
.par figure{aspect-ratio:4/3;overflow:hidden;background:var(--wash)}
.par img{width:100%;height:100%;object-fit:cover}

.maegler{display:grid;grid-template-columns:var(--idx) minmax(0,1fr);gap:22px 40px;
  padding:clamp(34px,4.4vw,58px) 0 0}
.maegler b{display:block;font-size:22px;font-weight:600;letter-spacing:-.025em}
.maegler span{display:block;font-family:var(--mono);font-size:11.5px;color:var(--mid);
  letter-spacing:.02em;line-height:2;margin-top:6px}

/* the order block — a band, not a card in a sidebar */
.ordre{background:var(--ink);color:#fff;margin-top:clamp(46px,6vw,86px);
  padding:clamp(32px,4.6vw,64px) var(--pad);
  display:grid;grid-template-columns:minmax(0,1fr) minmax(320px,470px);
  gap:34px clamp(40px,6vw,90px);align-items:start}
.ordre h2{font-size:clamp(26px,3.2vw,40px);max-width:16ch}
.ordre p{color:rgba(255,255,255,.62);font-size:16px;line-height:1.66;
  max-width:50ch;margin-top:16px}
.ordre form{display:flex;flex-direction:column;gap:0}
.ordre input[type=text],.ordre input[name],.ordre input[type=email]{
  background:transparent;border:0;border-bottom:1px solid rgba(255,255,255,.28);
  padding:15px 0;font-size:17px;outline:none;color:#fff}
.ordre input::placeholder{color:rgba(255,255,255,.4)}
.ordre input:focus{border-color:#fff}
.tjek{display:flex;gap:11px;align-items:flex-start;font-family:var(--mono);
  font-size:10.5px;color:rgba(255,255,255,.6);line-height:1.85;margin:20px 0 22px;
  letter-spacing:.02em}
.tjek input{width:15px;height:15px;accent-color:#fff;flex:none;margin-top:3px}
.ordre .knap{background:#fff;color:var(--ink);border-color:#fff;align-self:start}
.ordre .knap:hover{background:transparent;color:#fff}
.klar{border-top:1px solid rgba(255,255,255,.28);padding-top:22px}
.klar b{display:block;font-size:21px;font-weight:600;letter-spacing:-.025em}
.klar p{margin-top:10px}
.klar a{display:inline-block;margin-top:18px;font-family:var(--mono);font-size:11px;
  letter-spacing:.11em;text-transform:uppercase;border-bottom:1px solid #fff;
  padding-bottom:3px;text-decoration:none}

/* ── empty state ────────────────────────────────── */
.intet{padding:clamp(50px,7vw,96px) 0;max-width:52ch}
.intet h2{font-size:clamp(26px,3.2vw,40px)}
.intet p{color:var(--mid);font-size:17px;line-height:1.65;margin:16px 0 26px}
.tomt{padding:clamp(60px,10vw,130px) var(--pad);max-width:56ch}
.tomt h1{font-size:clamp(30px,4.4vw,56px)}
.tomt p{color:var(--mid);margin:18px 0 30px;font-size:18px;line-height:1.6}

/* ── administration: a dark workbench, sheets on top ── */
.p-admin{background:var(--stage);color:#fff}
.p-admin .top{background:var(--stage);border-bottom-color:rgba(255,255,255,.16)}
.p-admin .top nav a{color:rgba(255,255,255,.55)}
.p-admin .top nav a.on{color:#fff;border-color:#fff}
.p-admin .mark svg rect{fill:#fff}
.p-admin .mark svg path{stroke:#131313}
.p-admin .mark em{color:rgba(255,255,255,.55)}
.p-admin .bund{border-top-color:rgba(255,255,255,.16)}
.p-admin .bund span{color:rgba(255,255,255,.5)}
.p-admin .bund .note{color:rgba(255,255,255,.34)}

.admin{padding:clamp(34px,4.6vw,64px) var(--pad) 0}
.admin__hoved{display:grid;grid-template-columns:minmax(0,1fr) auto;gap:22px 40px;
  align-items:end;padding-bottom:26px;border-bottom:1px solid rgba(255,255,255,.16)}
.admin__hoved h1{font-size:clamp(28px,3.8vw,50px);max-width:16ch}
.admin__hoved .kv{font-family:var(--mono);font-size:10.5px;letter-spacing:.12em;
  text-transform:uppercase;color:rgba(255,255,255,.45);margin-bottom:16px}
.vaelg{display:flex;flex-direction:column;gap:8px}
.vaelg span{font-family:var(--mono);font-size:10px;letter-spacing:.12em;
  text-transform:uppercase;color:rgba(255,255,255,.45)}
.vaelg select{background:transparent;color:#fff;border:1px solid rgba(255,255,255,.3);
  padding:12px 14px;font-size:15px;min-width:min(360px,72vw);border-radius:0}
.vaelg select option{background:#131313}

.vaerktoej{display:flex;flex-wrap:wrap;gap:16px 30px;align-items:center;
  justify-content:space-between;padding:18px 0;border-bottom:1px solid rgba(255,255,255,.16)}
.vaerktoej p{font-family:var(--mono);font-size:10.5px;line-height:1.9;letter-spacing:.02em;
  color:rgba(255,255,255,.5);max-width:74ch}
.knap--rolig{background:transparent;color:#fff;border-color:rgba(255,255,255,.4);flex:none}
.knap--rolig:hover{background:#fff;color:var(--ink)}

.admin__grid{display:grid;grid-template-columns:minmax(280px,340px) minmax(0,1fr);
  gap:clamp(26px,3.4vw,52px);margin-top:clamp(26px,3.4vw,44px);align-items:start}
.form{display:flex;flex-direction:column}
.felt{display:grid;grid-template-columns:1fr auto;gap:7px 14px;align-items:center;
  padding:15px 0;border-bottom:1px solid rgba(255,255,255,.14)}
.felt>label:not(.vis){font-family:var(--mono);font-size:9.5px;letter-spacing:.12em;
  text-transform:uppercase;color:rgba(255,255,255,.45);grid-column:1;grid-row:1}
.felt--d{background:rgba(255,255,255,.05);padding:16px;margin-bottom:6px;
  border-bottom:0}
.felt--d .hint{grid-column:1/-1;font-family:var(--mono);font-size:10px;line-height:1.85;
  color:rgba(255,255,255,.45);letter-spacing:.02em}
.felt input,.felt textarea{grid-column:1/-1;background:transparent;
  border:1px solid rgba(255,255,255,.22);padding:11px 12px;font-size:15px;
  outline:none;width:100%;color:#fff;border-radius:0}
.felt input:focus,.felt textarea:focus{border-color:#fff}
.felt textarea{min-height:104px;line-height:1.6;resize:vertical;font-family:var(--sans)}
.vis{grid-column:2;grid-row:1;display:flex;align-items:center;gap:8px;
  font-family:var(--mono);font-size:9.5px;letter-spacing:.1em;text-transform:uppercase;
  color:rgba(255,255,255,.45);cursor:pointer}
.vis input{width:0;height:0;position:absolute;opacity:0}
.vis i{width:30px;height:16px;background:rgba(255,255,255,.18);position:relative;
  transition:background .18s;flex:none}
.vis i::after{content:"";position:absolute;top:2px;left:2px;width:12px;height:12px;
  background:#fff;transition:transform .18s}
.vis input:checked + i{background:#fff}
.vis input:checked + i::after{transform:translateX(14px);background:#131313}

/* the three outputs, as sheets lying on the bench */
.spejl{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:18px;
  position:sticky;top:82px}
.spejl__k h4{font-family:var(--mono);font-size:9.5px;letter-spacing:.13em;
  text-transform:uppercase;color:rgba(255,255,255,.45);margin-bottom:11px;font-weight:400}
.ramme{position:relative;overflow:hidden;background:#fff;color:var(--ink);
  height:400px;box-shadow:0 22px 44px rgba(0,0,0,.5)}
/* the sheet continues past the frame, so it fades instead of being chopped */
.ramme::after{content:"";position:absolute;left:0;right:0;bottom:0;height:52px;
  background:linear-gradient(180deg,rgba(255,255,255,0),#fff);pointer-events:none}
.ramme>.zoom{position:absolute;top:0;left:0;width:430px;transform-origin:top left;
  padding:16px}
@keyframes ny{0%,58%{background:#EDEDE7}100%{background:transparent}}
.lr--ny,.spec--ny{animation:ny 1.4s ease-out}
.spejl .knap{width:100%;margin-top:12px;font-size:10.5px;padding:12px 14px}

/* what a sheet contains */
.mini .nr{display:block;font-family:var(--mono);font-size:13px;font-weight:500}
.mini .meta{display:block;font-family:var(--mono);font-size:9px;letter-spacing:.09em;
  text-transform:uppercase;color:var(--mid);margin-top:5px;line-height:1.8}
.mini img,.mini .plade{width:100%;height:140px;object-fit:cover;background:var(--wash);
  margin-top:12px}
.mini .plade{display:flex;align-items:center;justify-content:center;
  font-family:var(--mono);font-size:9px;letter-spacing:.14em;text-transform:uppercase;
  box-shadow:inset 0 0 0 1px var(--rule)}
.mini h5{font-size:20px;font-weight:600;letter-spacing:-.028em;line-height:1.1;margin:14px 0 6px}
.mini .p{font-size:20px;font-weight:600;letter-spacing:-.03em}
.mini .lead{font-size:12.5px;line-height:1.55;margin-top:8px;color:var(--mid)}
.mini .spec{margin-top:14px;padding-top:10px}
.mini .spec>div{padding:0 12px;margin:3px 0}
.mini .spec dd{font-size:13px;margin-top:3px}
.mini .spec dt{font-size:8px}
.mini .tabel{margin-top:14px}
.mini .tr{padding:7px 0}
.mini .tr dt{font-size:8.5px}
.mini .tr dd{font-size:12.5px}
.mini .tr--stor dd{font-size:20px}
.ark{background:#fff}
.ark .top2{font-family:var(--mono);font-size:8px;letter-spacing:.18em;text-transform:uppercase}
.ark .top2 i{font-style:normal;display:block;color:var(--mid);margin-top:3px}
.ark h5{font-size:17px;font-weight:600;letter-spacing:-.025em;line-height:1.14;margin:16px 0 5px}
.ark .meta{font-family:var(--mono);font-size:8.5px;color:var(--mid);letter-spacing:.05em}
.ark img{width:100%;height:96px;object-fit:cover;margin-top:14px;background:var(--wash)}
.ark .tabel{margin-top:14px}
.ark .tr{padding:6px 0}
.ark .tr dt{font-size:8px}
.ark .tr dd{font-size:11.5px}
.ark .tr--stor dd{font-size:17px}
.ark .fod{font-family:var(--mono);font-size:7.5px;color:var(--faint);line-height:1.9;
  margin-top:14px;border-top:1px solid var(--rule);padding-top:9px}

.stats{display:grid;grid-template-columns:repeat(auto-fit,minmax(190px,1fr));
  gap:1px;margin-top:clamp(28px,3.4vw,46px);background:rgba(255,255,255,.16);
  border:1px solid rgba(255,255,255,.16)}
.tal{background:var(--stage);padding:20px 22px}
.tal span{display:block;font-family:var(--mono);font-size:9.5px;letter-spacing:.12em;
  text-transform:uppercase;color:rgba(255,255,255,.45)}
.tal b{display:block;font-size:42px;font-weight:600;letter-spacing:-.04em;
  line-height:1.05;margin-top:10px}
.tal small{display:block;font-family:var(--mono);font-size:10px;
  color:rgba(255,255,255,.45);margin-top:8px;line-height:1.7}

.anmod{margin-top:clamp(26px,3.4vw,44px)}
.anmod h3,.apirad h3{font-family:var(--mono);font-size:10px;letter-spacing:.13em;
  text-transform:uppercase;color:rgba(255,255,255,.45);font-weight:400;margin-bottom:14px}
.leadtabel{width:100%;border-collapse:collapse;border:1px solid rgba(255,255,255,.16)}
.leadtabel th{text-align:left;font-family:var(--mono);font-size:9.5px;letter-spacing:.11em;
  text-transform:uppercase;color:rgba(255,255,255,.42);font-weight:400;padding:12px 16px;
  border-bottom:1px solid rgba(255,255,255,.16)}
.leadtabel td{padding:14px 16px;font-size:15px;color:rgba(255,255,255,.8);
  border-bottom:1px solid rgba(255,255,255,.1)}
.leadtabel tr:last-child td{border-bottom:0}
.leadtabel td:first-child{color:#fff;font-weight:500}
.leadtabel td:last-child{text-align:right;white-space:nowrap;font-family:var(--mono);
  font-size:11px;color:rgba(255,255,255,.45)}
.ingen{border:1px dashed rgba(255,255,255,.22);padding:22px;font-family:var(--mono);
  font-size:11px;line-height:1.9;color:rgba(255,255,255,.45);letter-spacing:.02em}
.apirad{display:flex;flex-wrap:wrap;gap:18px 40px;align-items:center;
  justify-content:space-between;border-top:1px solid rgba(255,255,255,.16);
  margin-top:clamp(28px,3.4vw,46px);padding-top:22px}
.apirad h4{font-size:22px;font-weight:600;letter-spacing:-.025em}
.apirad p{font-family:var(--mono);font-size:10.5px;line-height:1.9;letter-spacing:.02em;
  color:rgba(255,255,255,.5);max-width:64ch;margin-top:8px}
.apirad .link{border-color:#fff}

/* ── responsive ─────────────────────────────────── */
@media (max-width:1100px){
  :root{--idx:128px}
  .admin__grid{grid-template-columns:1fr}
  .spejl{position:static}
}
@media (max-width:860px){
  :root{--idx:0px}
  .top{padding:13px var(--pad)}
  .mark{font-size:15px;gap:8px;white-space:nowrap}
  .top nav{gap:14px;font-size:10px;letter-spacing:.08em;white-space:nowrap}
  .filter{top:51px}
  .filter label{flex:1 1 42%;padding-right:16px;margin-right:16px}
  .filter label:nth-child(2n){border-right:0;margin-right:0;padding-right:0}
  .tael{flex:1 1 100%;text-align:right;padding-top:0;padding-bottom:14px}
  /* on a phone the first listing photo has to be reachable, so the
     masthead gives up height instead of taking it */
  .mast{padding-top:32px;padding-bottom:26px}
  .mast h1{font-size:clamp(31px,8.6vw,44px)}
  .mast p{font-size:16.5px;margin-top:16px}
  .mast,.post,.hoved,.krop,.maegler,.bund{grid-template-columns:1fr}
  .bund .note{grid-column:1}
  .post__idx{display:flex;gap:16px;align-items:baseline}
  .post__idx .meta{margin-top:0;line-height:1.6}
  .post__foto,.post--stor .post__foto{aspect-ratio:4/3}
  .fuld{aspect-ratio:4/3}
  .post__h{margin-top:20px}
  .spec>div{padding:0 16px;margin:6px 0}
  .ordre{grid-template-columns:1fr}
  .par{grid-template-columns:1fr}
  .admin__hoved{grid-template-columns:1fr}
  .vaelg select{min-width:0;width:100%}
  .admin__grid{display:flex;flex-direction:column}
  .spejl{order:-1;display:flex;overflow-x:auto;gap:14px;scroll-snap-type:x mandatory;
    -webkit-overflow-scrolling:touch;padding-bottom:10px}
  .spejl__k{flex:0 0 86%;scroll-snap-align:start}
  .ramme{height:360px}
  .vaerktoej,.apirad{flex-direction:column;align-items:flex-start}
}
@media (max-width:560px){
  .spec>div:nth-child(n+4){display:none}
  .leadtabel th:nth-child(3),.leadtabel td:nth-child(3){display:none}
}
@media (max-width:430px){
  .mark em{display:none}
  .top nav{gap:10px;font-size:9.5px;letter-spacing:.06em}
  .top nav a{padding-top:13px}
}
@media (prefers-reduced-motion:reduce){*{animation:none!important;transition:none!important}}