:root{--farve-baggrund:#fbfaf3;--farve-sidehoved:var(--farve-baggrund);--farve-overflade:#fff;--farve-tekst:#1f1d1a;--farve-tekst-svag:#625d55;--farve-kant:#e4e0d8;--farve-accent:#8a4b14;--farve-accent-tekst:#fff;--farve-accent-lys:#f5ece2;--farve-fokus:#1a5fb4;--skrift-broedtekst:system-ui, -apple-system, "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif;--skrift-overskrift:Georgia, "Times New Roman", serif;--skrift-vaegt-normal:400;--skrift-vaegt-fed:700;--str-lille:.875rem;--str-normal:1.0625rem;--str-stor:1.25rem;--str-h2:clamp(1.35rem, 1.2rem + .6vw, 1.6rem);--str-h1:clamp(1.9rem, 1.5rem + 1.8vw, 2.75rem);--linjehoejde:1.6;--linjehoejde-overskrift:1.2;--afstand-1:.25rem;--afstand-2:.5rem;--afstand-3:1rem;--afstand-4:1.5rem;--afstand-5:2.5rem;--afstand-6:4rem;--hjoerne-lille:4px;--hjoerne-mellem:8px;--hjoerne-stor:16px;--hjoerne-rund:999px;--logo-hoejde:3.5rem;--logo-hoejde-stor:4.5rem;--bredde-indhold:46rem;--bredde-side:64rem;--kant:1px solid var(--farve-kant);--skygge:0 1px 2px #0000000d, 0 2px 8px #0000000a}*,:before,:after{box-sizing:border-box}html{-webkit-text-size-adjust:100%;text-size-adjust:100%}body{background:var(--farve-baggrund);color:var(--farve-tekst);font-family:var(--skrift-broedtekst);font-size:var(--str-normal);line-height:var(--linjehoejde);flex-direction:column;min-height:100vh;margin:0;display:flex}main{flex:1}h1,h2,h3{font-family:var(--skrift-overskrift);line-height:var(--linjehoejde-overskrift);margin:0 0 var(--afstand-3)}h1{font-size:var(--str-h1)}h2{font-size:var(--str-h2);margin-top:var(--afstand-5)}h3{font-size:var(--str-stor)}p{margin:0 0 var(--afstand-3)}a{color:var(--farve-accent);text-underline-offset:.15em}:focus-visible{outline:3px solid var(--farve-fokus);outline-offset:2px}img{max-width:100%;height:auto}.skjult{clip-path:inset(50%);white-space:nowrap;width:1px;height:1px;position:absolute;overflow:hidden}.spring-til-indhold{left:var(--afstand-3);background:var(--farve-overflade);padding:var(--afstand-2) var(--afstand-3);border-radius:var(--hjoerne-mellem);z-index:10;position:absolute;top:-100px}.spring-til-indhold:focus{top:var(--afstand-2)}.indhold{max-width:var(--bredde-indhold);padding:var(--afstand-4) var(--afstand-3) var(--afstand-6);margin-inline:auto}.sidehoved,.sidefod{padding:var(--afstand-3)}.sidehoved__indre,.sidefod__indre{max-width:var(--bredde-side);justify-content:space-between;align-items:center;gap:var(--afstand-2) var(--afstand-4);flex-wrap:wrap;margin-inline:auto;display:flex}.sidehoved{border-bottom:var(--kant);background:var(--farve-sidehoved)}.logo{line-height:0;display:block}.logo img{height:var(--logo-hoejde);width:auto;display:block}@media (width>=40rem){.logo img{height:var(--logo-hoejde-stor)}}.menu{gap:var(--afstand-4);margin:0;padding:0;list-style:none;display:flex}.menu a{color:var(--farve-tekst);text-decoration:none}.menu a:hover,.menu a[aria-current=page]{text-decoration:underline}.sidefod{border-top:var(--kant);color:var(--farve-tekst-svag);font-size:var(--str-lille)}.sidefod p{margin:0}.intro{font-size:var(--str-stor);color:var(--farve-tekst-svag)}.opskriftsliste{margin:var(--afstand-4) 0 0;gap:var(--afstand-3);padding:0;list-style:none;display:grid}.opskriftskort{background:var(--farve-overflade);border:var(--kant);border-radius:var(--hjoerne-stor);padding:var(--afstand-4);box-shadow:var(--skygge);position:relative}.opskriftskort h2{margin:0 0 var(--afstand-2);font-size:var(--str-stor)}.opskriftskort a{color:var(--farve-tekst);text-decoration:none}.opskriftskort a:after{content:"";border-radius:var(--hjoerne-stor);position:absolute;inset:0}.opskriftskort:hover{border-color:var(--farve-accent)}.opskriftskort p{margin:0 0 var(--afstand-2);color:var(--farve-tekst-svag)}.tags{gap:var(--afstand-2);flex-wrap:wrap;margin:0;padding:0;list-style:none;display:flex}.tag{background:var(--farve-accent-lys);color:var(--farve-tekst);font-size:var(--str-lille);padding:var(--afstand-1) var(--afstand-2);border-radius:var(--hjoerne-rund)}.fakta{gap:var(--afstand-2) var(--afstand-4);margin:0 0 var(--afstand-3);color:var(--farve-tekst-svag);font-size:var(--str-lille);flex-wrap:wrap;display:flex}.fakta div{gap:var(--afstand-1);display:flex}.fakta dt:after{content:":"}.fakta dd{color:var(--farve-tekst);margin:0}.opskrift__beskrivelse{font-size:var(--str-stor);color:var(--farve-tekst-svag)}.boks{background:var(--farve-overflade);border:var(--kant);border-radius:var(--hjoerne-stor);padding:var(--afstand-4);margin-top:var(--afstand-4)}.boks>h2:first-child{margin-top:0}.ingredienser__top{justify-content:space-between;align-items:center;gap:var(--afstand-3);margin-bottom:var(--afstand-3);flex-wrap:wrap;display:flex}.ingredienser__top h2{margin:0}.ingredienser h3{margin:var(--afstand-4) 0 var(--afstand-2)}.ingredienser ul{margin:0;padding:0;list-style:none}.ingredienser li{padding:var(--afstand-2) 0;border-bottom:var(--kant)}.ingredienser li:last-child{border-bottom:0}.ingrediens__maengde{font-weight:var(--skrift-vaegt-fed)}.ingrediens__note{color:var(--farve-tekst-svag)}.portioner{align-items:center;gap:var(--afstand-2);display:inline-flex}.portioner__tal{text-align:center;min-width:7.5em;font-weight:var(--skrift-vaegt-fed)}.portioner button{width:2.75rem;height:2.75rem;font-size:var(--str-stor);border-radius:var(--hjoerne-rund);background:var(--farve-accent);color:var(--farve-accent-tekst);cursor:pointer;border:0;line-height:1}.portioner button:disabled{opacity:.35;cursor:default}.portioner__knap[hidden]{display:none}.trin{counter-reset:trin;margin:0;padding:0;list-style:none}.trin li{counter-increment:trin;padding-left:calc(2rem + var(--afstand-3));margin-bottom:var(--afstand-4);position:relative}.trin li:before{content:counter(trin);border-radius:var(--hjoerne-rund);background:var(--farve-accent);width:2rem;height:2rem;color:var(--farve-accent-tekst);font-weight:var(--skrift-vaegt-fed);font-size:var(--str-lille);place-items:center;display:grid;position:absolute;top:0;left:0}.trin__titel,.trin__maengde{font-weight:var(--skrift-vaegt-fed)}.tekstside h2:first-of-type{margin-top:var(--afstand-5)}