/* Kork: faelles stil for alle sider. Moerk oliven, kalkhvid, ingen accentfarve. */
:root{
    --oliven:#2C3320;
    --kalk:#F0EFE6;
    --streg:rgba(240,239,230,.28);
    --dæmpet:rgba(240,239,230,.74);
    color-scheme:dark;
  }
  *{box-sizing:border-box;margin:0;padding:0}
  html{scrollbar-color:var(--kalk) var(--oliven);-webkit-text-size-adjust:100%}
  body{
    background:var(--oliven);
    color:var(--kalk);
    font:400 17px/1.55 "Work Sans",system-ui,sans-serif;
    accent-color:var(--kalk);
  }
  ::selection{background:var(--kalk);color:var(--oliven)}
  img{display:block;width:100%;height:auto}
  a{color:inherit;text-decoration-thickness:1px;text-underline-offset:.22em}
  :focus-visible{outline:2px solid var(--kalk);outline-offset:4px}
  h1,h2,.tider{text-wrap:balance}
  h1,h2{font-weight:400}

  .ramme{max-width:1200px;margin-inline:auto;padding-left:16px;padding-right:16px}
  @media (min-width:900px){.ramme{padding-left:32px;padding-right:32px}}

  /* Apport-bånd */
  .baand{
    border-bottom:1px solid var(--streg);
    padding:8px 0;
    font-size:14px;
    line-height:1.45;
    color:var(--dæmpet);
  }

  /* Toplinje: adresse og telefon */
  .top{
    display:flex;justify-content:space-between;align-items:center;gap:16px;
    padding:16px 0;
    font-size:15px;
  }
  .top a{display:inline-flex;align-items:center;min-height:44px;font-weight:500;text-decoration:none}
  .top a:hover{text-decoration:underline}

  /* Hero: tiderne er heroen */
  .hero{padding-top:32px;padding-bottom:48px}
  .hero-ord{display:grid;gap:32px}
  .navn{font:400 2.5rem/1 Gloock,serif;letter-spacing:.02em}
  .hero h1{font-size:17px;font-weight:500;margin-top:16px}
  .hero-ord p{max-width:34ch;margin-top:8px;color:var(--dæmpet)}
  .tider{
    font:400 clamp(3rem,19vw,10rem)/.98 Gloock,serif;
    text-align:right;
    letter-spacing:-.01em;
  }
  .tider span{display:block;white-space:nowrap}
  @media (min-width:1100px){
    .hero{padding-top:48px;padding-bottom:64px}
    .hero-ord{grid-template-columns:minmax(16rem,1fr) auto;align-items:end;gap:48px}
  }

  .hero-foto{display:grid;gap:24px;margin-top:48px}
  .knap{
    display:inline-flex;align-items:center;justify-content:center;
    min-height:48px;padding:12px 24px;
    border:1px solid var(--kalk);
    font-weight:500;font-size:17px;line-height:1.2;
    text-decoration:none;
    transition:background-color .15s ease-out,color .15s ease-out;
  }
  .knap:hover{background:var(--kalk);color:var(--oliven)}
  .hero-side{display:grid;gap:16px;align-content:end}
  .hero-side small{font-size:15px;color:var(--dæmpet)}
  @media (min-width:900px){
    .hero-foto{grid-template-columns:1fr minmax(16rem,20rem);gap:48px;margin-top:64px}
  }

  section{padding-top:48px;padding-bottom:48px}
  @media (min-width:900px){section{padding-top:80px;padding-bottom:80px}}
  section + section:not(.mad):not(.rummet):not(.bar){border-top:1px solid var(--streg)}
  h2{font:400 2rem/1.15 Gloock,serif;margin-bottom:32px}
  @media (min-width:900px){h2{font-size:2.5rem}}

  /* På glas */
  .glas ul{list-style:none;max-width:44rem}
  .glas li{
    display:flex;flex-wrap:wrap;align-items:baseline;gap:4px 16px;
    padding:16px 0;
    border-top:1px solid var(--streg);
  }
  .glas li:last-child{border-bottom:1px solid var(--streg)}
  .glas b{font-weight:500}
  .glas i{font-style:normal;color:var(--dæmpet)}
  .glas span{margin-left:auto;white-space:nowrap}
  .glas p{margin-top:24px;max-width:44rem;color:var(--dæmpet)}

  .glaspar{display:grid;grid-template-columns:1fr 1fr;gap:16px;margin-top:40px;max-width:44rem}
  .glaspar figure{margin:0}
  .glaspar img{width:100%;aspect-ratio:1/1;object-fit:cover}
  .glaspar figcaption{margin-top:16px;font-size:15px;color:var(--dæmpet);line-height:1.5}
  .mad{padding-top:0}
  .madliste{list-style:none;max-width:44rem}
  .madliste li{display:grid;grid-template-columns:96px 1fr;gap:24px;align-items:center;padding:16px 0;border-top:1px solid var(--streg)}
  .madliste li:last-child{border-bottom:1px solid var(--streg)}
  .madliste img{width:96px;height:96px;object-fit:cover}
  .madliste div{display:flex;flex-wrap:wrap;align-items:baseline;gap:8px 16px}
  .madliste b{font-weight:500}
  .madliste span{margin-left:auto;white-space:nowrap}
  .madliste small{display:block;width:100%;font-size:15px;color:var(--dæmpet);line-height:1.5}
  .madnote{margin-top:24px;max-width:44rem;color:var(--dæmpet)}
  .rummet{padding-top:0}
  .rumpar{display:grid;gap:32px}
  .rumpar figure{margin:0}
  .rumpar img{width:100%;aspect-ratio:3/2;object-fit:cover}
  .rumpar figcaption{margin-top:16px;font-size:16px;color:var(--dæmpet);line-height:1.5;max-width:40ch}
  .korkbil{margin:32px 0 0}
  .korkbil img{width:100%;max-width:320px;aspect-ratio:1/1;object-fit:cover}
  .korkbil figcaption{margin-top:16px;font-size:15px;color:var(--dæmpet);max-width:36ch}
  @media (min-width:900px){
    .rumpar{grid-template-columns:1fr 1fr;gap:48px}
    .glaspar{gap:32px}
  }

  /* To fotos */
  .par{display:grid;gap:48px}
  .par figcaption{margin-top:16px;max-width:36ch}
  @media (min-width:900px){
    .par{grid-template-columns:3fr 2fr;gap:64px;align-items:end}
  }

  /* Baren i fuld bredde */
  .bar{padding-top:0;padding-bottom:48px}
  .bar figure{margin:0}
  .bar .ramme{padding-top:32px;padding-bottom:0}
  .bar p{max-width:44rem;font-size:19px;line-height:1.5}
  .bar .knap{margin-top:24px}
  @media (min-width:900px){
    .bar{padding-top:0;padding-bottom:80px}
    .bar .ramme{padding-top:48px;padding-bottom:0}
    .bar p{font-size:22px}
  }

  /* Anmeldelser */
  .ord{padding-top:48px;padding-bottom:48px}
  .ord-plads{
    border:1px solid var(--streg);
    padding:32px 24px;
    max-width:44rem;
    color:var(--dæmpet);
  }
  @media (min-width:900px){.ord{padding-top:80px;padding-bottom:80px} .ord-plads{padding:48px 40px}}

  /* Adresse og fod */
  .adresse{display:grid;gap:32px}
  .adresse dl{display:grid;gap:8px}
  .adresse dt{color:var(--dæmpet);font-size:15px}
  .adresse dd{margin-bottom:16px}
  .adresse address{font-style:normal}
  @media (min-width:900px){.adresse{grid-template-columns:repeat(3,1fr);gap:48px}}

  footer{
    border-top:1px solid var(--streg);
    padding:24px 0 32px;
    font-size:14px;line-height:1.5;
    color:var(--dæmpet);
  }
  footer .ramme{display:grid;gap:8px}
  @media (min-width:900px){footer .ramme{grid-template-columns:1fr auto;align-items:baseline}}

  @media (prefers-reduced-motion:reduce){
    *{transition:none !important}
  }

/* ---- faelles chrome paa alle sider ---- */
.spring-ind{position:fixed;top:-120px;left:0;z-index:20;background:var(--kalk);color:var(--oliven);padding:14px 24px;min-height:48px;display:inline-flex;align-items:center;font-weight:500;text-decoration:none}
.spring-ind:focus,.spring-ind:focus-visible{top:0}

.top .navnlink{font:400 1.375rem/1 Gloock,serif;letter-spacing:.06em;text-decoration:none;min-height:44px;display:inline-flex;align-items:center}

/* sidenav: kalkhvide ord med en tynd streg under det aktive */
.sidenav{border-bottom:1px solid var(--streg)}
.sidenav ul{list-style:none;display:flex;flex-wrap:wrap;gap:0 28px}
.sidenav a{display:inline-flex;align-items:center;min-height:48px;font-size:15px;font-weight:500;letter-spacing:.06em;text-transform:uppercase;text-decoration:none;color:var(--dæmpet);border-bottom:1px solid transparent;margin-bottom:-1px}
.sidenav a:hover{color:var(--kalk)}
.sidenav a[aria-current="page"]{color:var(--kalk);border-bottom-color:var(--kalk)}

/* sidehoved paa undersider */
.sidenavn{padding-top:40px;padding-bottom:0}
.sidenavn h1{font:400 clamp(2.5rem,8vw,5.5rem)/1 Gloock,serif;letter-spacing:-.01em;text-wrap:balance;max-width:16ch}
.sidenavn p{margin-top:24px;max-width:44ch;color:var(--dæmpet);font-size:19px}
@media (min-width:900px){.sidenavn{padding-top:64px}}

/* et bredt foto */
.bredbil{padding-top:32px;padding-bottom:0}
.bredbil figure{margin:0}
.bredbil img{width:100%;aspect-ratio:3/2;object-fit:cover}
@media (min-width:900px){.bredbil img{aspect-ratio:21/9}.bredbil{padding-top:48px}}
.bredbil figcaption{margin-top:16px;font-size:16px;color:var(--dæmpet);max-width:48ch}

/* tekstafsnit med mellemrubrikker */
.afsnit h3{font:400 1.5rem/1.2 Gloock,serif;margin-top:32px;margin-bottom:8px}
.afsnit h3:first-child{margin-top:0}
.afsnit p{max-width:60ch}
.afsnit p + p{margin-top:16px}

/* spoergsmaal */
.sp dl{max-width:64ch;border-top:1px solid var(--streg)}
.sp dt{font:400 1.375rem/1.25 Gloock,serif;padding-top:24px}
.sp dd{margin-top:8px;padding-bottom:24px;border-bottom:1px solid var(--streg);color:var(--dæmpet)}

/* videre */
.videre ul{list-style:none;border-top:1px solid var(--streg);display:grid;gap:0}
.videre li{border-bottom:1px solid var(--streg);min-width:0}
.videre a{display:block;padding-top:24px;padding-bottom:24px;text-decoration:none}
.videre b{display:block;font:400 1.75rem/1.1 Gloock,serif}
.videre a:hover b{text-decoration:underline;text-underline-offset:.15em}
.videre span{display:block;margin-top:4px;font-size:16px;color:var(--dæmpet)}
@media (min-width:900px){.videre ul{grid-template-columns:1fr 1fr;column-gap:48px}}