/* Forlaget Uldahl. Farver og skrifter står øverst. */
/* Layoutidé: mørk, rolig åbning med logoets højdekurver som gennemgående streg. Lyse papirflader, tynde guldlinjer, luft. */
:root{--navy:#1C2330;--blaek:#222937;--skov:#0D1F16;--kul:#0F0E0C;--guld:#B08A52;--guld-lys:#C9A86A;--guld-tekst:#80612F;--sten:#B7ACA2;--papir:#E7DFD9;--papir-lys:#F4F0EC;--hvid:#FBF9F7}
body{margin:0;background:#FBF9F7;color:#222937;font-family:"Lora",Georgia,serif}
a{color:#1C2330}a:hover{color:#80612F}
.kurve{fill:none;stroke-dasharray:2600;stroke-dashoffset:0;animation:tegn 3.2s cubic-bezier(.4,0,.2,1) both}
.kurve:nth-child(2){animation-delay:.12s}.kurve:nth-child(3){animation-delay:.24s}.kurve:nth-child(4){animation-delay:.36s}.kurve:nth-child(5){animation-delay:.48s}.kurve:nth-child(6){animation-delay:.6s}.kurve:nth-child(7){animation-delay:.72s}.kurve:nth-child(8){animation-delay:.84s}.kurve:nth-child(9){animation-delay:.96s}
@keyframes tegn{from{stroke-dashoffset:2600}to{stroke-dashoffset:0}}
.zoom{animation:zoom 26s ease-in-out infinite alternate}
@keyframes zoom{from{transform:scale(1)}to{transform:scale(1.05)}}
.ind{animation:ind 1.1s cubic-bezier(.2,.7,.2,1) both}
.ind2{animation:ind 1.1s .15s cubic-bezier(.2,.7,.2,1) both}
.ind3{animation:ind 1.1s .3s cubic-bezier(.2,.7,.2,1) both}
@keyframes ind{from{transform:translateY(14px)}to{transform:translateY(0)}}
.menu a{position:relative;text-decoration:none;color:#222937}
.menu a:not(.knap)::after{content:"";position:absolute;left:0;bottom:-6px;width:0;height:1px;background:#B08A52;transition:width .35s cubic-bezier(.4,0,.2,1)}
.menu a:not(.knap):hover::after{width:100%}
.knap{transition:background .3s,color .3s,border-color .3s}
.skift .fra{transition:opacity .3s}.skift:hover .fra{opacity:1}.skift:hover{border-color:#B08A52}
.knap-lys:hover{background:#F4F0EC;color:#1C2330}
.knap-guld:hover{background:#C9A86A;border-color:#C9A86A;color:#0F0E0C}
.spalte{transition:transform .45s cubic-bezier(.2,.7,.2,1)}
.spalte:hover{transform:translateY(-6px)}
.spalte .ikon{transition:transform .5s cubic-bezier(.2,.7,.2,1)}.spalte:hover .ikon{transform:translateY(-3px)}
.spalte .streg{transition:width .5s cubic-bezier(.2,.7,.2,1)}
.spalte:hover .streg{width:100%}
.ramme img{transition:transform 1.2s cubic-bezier(.2,.7,.2,1)}
.ramme:hover img{transform:scale(1.03)}
.fane{transition:color .3s,border-color .3s,background .3s}
.fane:hover{border-color:#C9A86A}
.sol{transition:transform 1.1s cubic-bezier(.4,0,.2,1)}
.dagslys{transition:width 1.1s cubic-bezier(.4,0,.2,1)}
.plads{transition:transform .5s cubic-bezier(.2,.7,.2,1)}
.plads:hover{transform:translateY(-4px)}
.blad{transform-box:fill-box;transform-origin:center;animation:fald 8s linear infinite both}
.blad-stor{animation-name:faldstor}
@keyframes fald{0%{transform:translate(0,-10px) rotate(0);opacity:0}12%{opacity:1}85%{opacity:1}100%{transform:translate(-26px,190px) rotate(220deg);opacity:0}}
@keyframes faldstor{0%{transform:translate(0,-20px) rotate(0);opacity:0}12%{opacity:1}85%{opacity:1}100%{transform:translate(-50px,330px) rotate(220deg);opacity:0}}
.damp{opacity:0;animation:damp 3.6s ease-in-out infinite}
@keyframes damp{0%{opacity:0;transform:translateY(4px)}35%{opacity:.85}100%{opacity:0;transform:translateY(-14px)}}
.skud{opacity:0;animation:skud 5s ease-in infinite}
@keyframes skud{0%,42%{opacity:0;transform:translate(0,0)}48%{opacity:1}70%,100%{opacity:0;transform:translate(-130px,53px)}}
.stjerner circle{animation:blink 3.4s ease-in-out infinite alternate}.stjerner circle:nth-child(2){animation-delay:1.1s}.stjerner circle:nth-child(3){animation-delay:2s}.stjerner circle:nth-child(4){animation-delay:.6s}.stjerner circle:nth-child(5){animation-delay:2.6s}
@keyframes blink{from{opacity:.35}to{opacity:1}}
:focus-visible{outline:2px solid #B08A52;outline-offset:3px}
@media (prefers-reduced-motion:reduce){.kurve,.zoom,.ind,.ind2,.ind3,.blad,.damp,.skud,.stjerner circle{animation:none}.sol,.dagslys,.spalte,.spalte .ikon,.plads,.ramme img{transition:none}}

html{scroll-behavior:smooth;-webkit-text-size-adjust:100%}
img{max-width:100%}
svg[preserveAspectRatio="none"] path{vector-effect:non-scaling-stroke}
.fane[aria-pressed="true"]{background:#C9A86A!important;border-color:#C9A86A!important;color:#0F0E0C!important}
.kform{width:100%;box-sizing:border-box;background:#FBF9F7;color:#222937;text-align:left;padding:36px clamp(20px,4vw,44px);margin-top:14px}
.kform h3{margin:0 0 22px;font-family:'Cormorant Garamond',Georgia,serif;font-weight:500;font-size:28px;color:#1C2330}
.kform .raekke{display:flex;flex-wrap:wrap;gap:0 20px}
.kform .felt{flex:1 1 220px;min-width:0;margin-bottom:18px}
.kform label{display:block;font-family:'Inter',sans-serif;font-size:12px;letter-spacing:.14em;text-transform:uppercase;color:#1C2330;margin-bottom:8px}
.kform input,.kform textarea{width:100%;box-sizing:border-box;padding:14px 16px;border:1px solid rgba(128,97,47,.55);background:#fff;font-family:'Inter',sans-serif;font-size:16px;color:#222937;border-radius:0}
.kform textarea{min-height:150px;resize:vertical}
.kform button{min-height:50px;padding:0 34px;cursor:pointer;background:#1C2330;border:1px solid #1C2330;color:#F4F0EC;font-family:'Inter',sans-serif;font-size:12.5px;letter-spacing:.16em;text-transform:uppercase;font-weight:600}
.kform button[disabled]{opacity:.6;cursor:default}
.kform .honning{position:absolute;left:-9999px;width:1px;height:1px;opacity:0}
.kform .status{margin:18px 0 0;padding:14px 16px;border:1px solid #B08A52;background:#F4F0EC;font-size:16px}
.kform .status[hidden]{display:none}
.kform .man{margin:22px 0 0;font-size:15.5px;color:#4A5163}