/* Typography and palette observed on fof.dk, 21 October 2026.
   Source: /_next/static/css/3261a761b7858abb.css and b5d9a2df653eeec1.css.
   This is a site-derived implementation, not a substitute for a formal design manual. */
@font-face{font-family:Mabry;src:url(assets/mabry-regular.woff2) format('woff2');font-weight:400;font-style:normal;font-display:swap}
@font-face{font-family:Mabry;src:url(assets/mabry-italic.woff2) format('woff2');font-weight:400;font-style:italic;font-display:swap}
@font-face{font-family:Mabry;src:url(assets/mabry-medium.woff2) format('woff2');font-weight:500 600;font-style:normal;font-display:swap}
@font-face{font-family:Mabry;src:url(assets/mabry-bold.woff2) format('woff2');font-weight:700 900;font-style:normal;font-display:swap}
:root{--ink:#121212;--lime:#cfff95;--paper:#fff;--muted:#57695c;--line:#c4c3c1;--fof-blue:#1a5ede;--fof-violet:#dac3e4;--fof-coral:#f58f7d;--fof-yellow:#ffffa7;--fof-lightblue:#cae3f0;--fof-tomato:#f15546;--fof-terracotta:#c05e45;--fof-curry:#cfb169;--fof-bordeaux:#6e1423}
body{font-family:Mabry,Arial,sans-serif;font-size:17px;line-height:1.5;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}h1,h2,h3{letter-spacing:normal;font-weight:700}button,input{font-family:inherit}a,button{transition:background-color .2s,color .2s,transform .2s}button:focus-visible,a:focus-visible,input:focus-visible{outline-color:var(--fof-blue)}.wrap{max-width:1440px;width:calc(100% - 80px)}.site-header{height:84px;border:0;gap:25px}.brand{font-weight:700;font-size:37px;letter-spacing:-.055em}.brand>span{height:17px;width:17px;margin-left:4px}.header-search{background:#f3f3f3;height:40px;width:155px}.header-search:focus-within{outline-color:var(--fof-blue)}.header-search svg,.header-search img{width:24px;height:24px}.desktop-nav{font-size:16px;font-weight:700;gap:24px}.desktop-nav a{padding:10px 0}.desktop-nav a:after{height:2px;bottom:4px}.desktop-nav a:hover{color:var(--fof-blue)}.desktop-nav a:hover:after{background:var(--fof-blue)}.fof-arrow{display:inline-block;width:25px;height:25px;flex:none;vertical-align:middle;transform:rotate(-45deg);transition:transform .2s}.button{font-size:16px;font-weight:700;gap:24px;padding:13px 26px;border-radius:100px;background:var(--ink);line-height:1.4}.button:hover{background:var(--fof-blue)}.button .fof-arrow{transform:none}.text-link{font-weight:700;font-size:16px}.text-link:hover{color:var(--fof-blue)}.intro-band{margin-top:0;background:var(--lime)}.intro-grid{grid-template-columns:1.13fr 1fr;gap:55px;padding-block:44px 46px;align-items:center}.intro-copy h1{font-size:clamp(36px,3.3vw,52px);line-height:1.04;max-width:760px;text-wrap:balance}.intro-question{font-size:24px;font-weight:500;margin:25px 0 18px}.intro-copy>p,.intro-list{font-size:17px;line-height:1.5}.intro-list{margin-top:21px}.intro-list ul{padding-left:24px}.intro-list li::marker{font-size:.85em}.circle-composition{width:100%;aspect-ratio:1;position:relative;isolation:isolate}.colour-circle{display:block;position:absolute;aspect-ratio:1;border-radius:50%;pointer-events:none}.circle-blue{background:var(--fof-blue);width:38%;top:0;left:0;z-index:-1}.circle-yellow{background:var(--fof-yellow);width:18%;right:0;top:0;z-index:3}.circle-violet{background:var(--fof-violet);width:24%;bottom:0;right:4%;z-index:1}.hero-circle{width:79%;aspect-ratio:1;border-radius:50%;overflow:hidden;position:absolute;top:9%;right:0;z-index:1}.hero-circle img{object-position:55% center}.secondary-circle{width:38%;aspect-ratio:1;border-radius:50%;overflow:hidden;position:absolute;bottom:0;left:0;z-index:2}.circle-coral{background:var(--fof-coral);width:10%;left:43%;bottom:4%;z-index:3}.circle-link{position:absolute;width:13%;aspect-ratio:1;left:1%;top:43%;display:grid;place-items:center;border-radius:50%;background:var(--ink);color:white;z-index:3}.circle-link .fof-arrow{width:52%;height:52%;transform:rotate(45deg)}.circle-link:hover{background:var(--fof-blue)}.circle-link:hover .fof-arrow{transform:rotate(45deg) translateX(2px)}.tiles-section{padding-block:39px 45px}.tile-grid{gap:21px}.image-tile{aspect-ratio:1;min-height:285px;border-radius:0;background:var(--fof-lightblue);color:var(--ink);isolation:isolate;overflow:hidden}.tile-grid>.image-tile:nth-child(4n+2){background:var(--fof-violet)}.tile-grid>.image-tile:nth-child(4n+3){background:var(--fof-coral)}.tile-grid>.image-tile:nth-child(4n+4){background:var(--fof-yellow)}.tile-photo{display:block;position:absolute;aspect-ratio:1;border-radius:50%;overflow:hidden;width:56%;top:6%;left:8%;z-index:1}.tile-grid>.image-tile:nth-child(4n+2) .tile-photo{width:47%;left:auto;right:9%;top:10%}.tile-grid>.image-tile:nth-child(4n+3) .tile-photo{width:60%;left:9%;top:5%}.tile-grid>.image-tile:nth-child(4n+4) .tile-photo{width:52%;left:auto;right:9%;top:7%}.tile-photo img{transition:transform .4s}.image-tile:hover .tile-photo img{transform:scale(1.05)}.tile-disc{display:block;position:absolute;width:23%;aspect-ratio:1;border-radius:50%;right:7%;top:30%;background:var(--fof-blue);z-index:0}.tile-grid>.image-tile:nth-child(4n+2) .tile-disc{width:31%;left:5%;top:4%;background:var(--lime)}.tile-grid>.image-tile:nth-child(4n+3) .tile-disc{width:17%;right:6%;top:42%;background:var(--fof-yellow)}.tile-grid>.image-tile:nth-child(4n+4) .tile-disc{width:27%;left:7%;top:27%;background:var(--fof-coral)}.tile-copy{position:absolute;inset:auto 23px 22px;display:block;padding:0;text-align:left;letter-spacing:normal;font-size:25px;line-height:1.1}.tile-copy strong{font-size:clamp(23px,2vw,31px);font-weight:700}.tile-copy>span{display:flex;align-items:center;justify-content:space-between;font-size:17px;font-weight:500;margin-top:11px}.tile-copy .fof-arrow{width:28px;height:28px;transform:rotate(-45deg)}.image-tile:hover .tile-copy .fof-arrow{transform:rotate(-45deg) translateX(3px)}.site-footer{border-color:var(--line);padding-block:24px;font-size:12px}.footer-brand{font-weight:700;font-size:25px}.footer-brand>span{width:10px;height:10px}.site-footer>a:last-child>.fof-arrow{width:22px;height:22px}.subhero-grid{grid-template-columns:1.1fr 1fr;padding-block:48px;gap:75px}.subhero-grid h1{font-size:clamp(48px,4.8vw,72px);line-height:1;letter-spacing:normal}.subhero-image{aspect-ratio:1;width:90%;justify-self:center;border-radius:50%;overflow:visible;position:relative;isolation:isolate}.subhero-image>img{border-radius:50%;overflow:hidden}.subhero-image:before{content:'';position:absolute;aspect-ratio:1;width:33%;left:-11%;top:0;background:var(--fof-blue);border-radius:50%;z-index:-1}.subhero-image:after{content:'';position:absolute;aspect-ratio:1;width:20%;right:0;bottom:0;background:var(--fof-yellow);border-radius:50%;z-index:1}.subhero-text{font-size:20px;line-height:1.4}.eyebrow{letter-spacing:.06em;font-weight:700}.section-heading h2{font-size:44px}.info-grid h3{font-size:29px}.contact-box{border-radius:0;background:var(--fof-lightblue);position:relative;overflow:hidden}.contact-box:after{content:'';position:absolute;bottom:-26px;right:-26px;width:74px;height:74px;border-radius:50%;background:var(--fof-violet);pointer-events:none}.contact-box>*{position:relative;z-index:1}.program-hero{padding-block:43px;gap:75px}.program-hero h1{font-size:64px;line-height:1;letter-spacing:normal}.program-photo{aspect-ratio:1;width:87%;justify-self:center;border-radius:50%;position:relative;overflow:visible;isolation:isolate}.program-photo>img{border-radius:50%;overflow:hidden}.program-photo:before{content:'';position:absolute;width:33%;aspect-ratio:1;left:-12%;top:0;border-radius:50%;background:var(--fof-blue);z-index:-1}.program-photo:after{content:'';position:absolute;width:23%;aspect-ratio:1;right:-3%;bottom:0;border-radius:50%;background:var(--fof-coral);z-index:1}.program-tabs a{font-weight:500;border-width:2px;padding:10px 20px}.program-tabs .fof-arrow{width:22px;height:22px}.program-tabs a[aria-current]{background:var(--ink)}.program-tabs a:hover{background:var(--fof-yellow)}.back-link{font-weight:500}.back-link .fof-arrow{width:20px;height:20px;transform:rotate(180deg);margin-right:8px}.topic-list li:before{font-family:Mabry,Arial,sans-serif;font-size:25px;color:var(--ink)}.about-grid h2{font-size:48px}.three .image-tile{aspect-ratio:1.2;min-height:330px}.three .tile-photo{width:50%}.three .tile-grid>.image-tile:nth-child(2) .tile-photo{width:45%}.three .tile-copy strong{font-size:28px}.menu-toggle svg{width:30px;height:30px}
@media(min-width:1600px){.intro-grid{padding-block:54px}.intro-copy h1{font-size:54px}.intro-copy>p,.intro-list{font-size:19px}.intro-question{font-size:27px}.circle-composition{max-width:600px;justify-self:end}.desktop-nav{font-size:17px}}
@media(max-width:1150px){.wrap{width:calc(100% - 56px)}.site-header{gap:20px}.header-search{width:110px}.desktop-nav{font-size:14px;gap:20px}.brand{font-size:33px}.intro-grid{gap:35px;padding-block:37px}.intro-copy h1{font-size:37px}.intro-copy>p,.intro-list{font-size:16px;line-height:1.5}.intro-question{font-size:22px}.tile-grid{gap:16px}.image-tile{min-height:260px}.tile-copy{left:18px;right:18px;bottom:20px}.tile-copy strong{font-size:23px}.tile-copy>span{font-size:16px}.subhero-grid,.program-hero{gap:45px}.three .image-tile{min-height:285px}.three .tile-copy strong{font-size:25px}}
@media(max-width:900px){.header-search{margin-left:auto;width:155px}.desktop-nav{display:none}.intro-grid{gap:30px;grid-template-columns:1.1fr 1fr}.intro-copy h1{font-size:34px}.intro-copy>p,.intro-list{font-size:15px}.circle-composition{align-self:center}.tile-grid{grid-template-columns:repeat(2,1fr);gap:22px}.image-tile{aspect-ratio:1.16;min-height:285px}.tile-copy strong{font-size:28px}.tile-photo{width:50%}.tile-grid>.image-tile:nth-child(4n+3) .tile-photo{width:52%}.tile-grid>.image-tile:nth-child(4n+4) .tile-photo{width:49%}.tile-copy>span{font-size:18px}.subhero-grid h1{font-size:47px}.subhero-text{font-size:18px}.three .image-tile{aspect-ratio:auto;min-height:270px}.three .tile-copy strong{font-size:21px}.program-hero h1{font-size:48px}.about-grid h2{font-size:38px}}
@media(max-width:650px){.wrap{width:calc(100% - 40px)}.site-header{height:78px;gap:13px}.brand{font-size:32px}.brand>span{width:13px;height:13px}.header-search{width:112px;height:36px}.header-search svg,.header-search img{width:20px;height:20px}.menu-toggle{width:32px}.intro-grid{grid-template-columns:1fr;gap:31px;padding-block:32px 30px}.intro-copy h1{font-size:36px;line-height:1.05;text-wrap:initial;overflow-wrap:normal}.intro-question{font-size:23px;margin:24px 0 19px}.intro-copy>p,.intro-list{font-size:17px;line-height:1.5}.intro-list ul{padding-left:22px}.intro-list li{margin-top:2px}.circle-composition{width:100%;max-width:410px;justify-self:center}.circle-blue{width:36%}.circle-link{width:14%}.tiles-section{padding-block:25px 30px}.tile-grid{gap:15px}.image-tile{aspect-ratio:.75;min-height:235px}.tile-photo{width:69%;left:6%;top:7%}.tile-grid>.image-tile:nth-child(4n+2) .tile-photo{width:61%;right:6%;top:9%}.tile-grid>.image-tile:nth-child(4n+3) .tile-photo{width:72%;left:6%;top:5%}.tile-grid>.image-tile:nth-child(4n+4) .tile-photo{width:65%;right:6%;top:7%}.tile-disc{width:28%;right:6%;top:39%}.tile-grid>.image-tile:nth-child(4n+2) .tile-disc{width:35%;left:5%;top:5%}.tile-grid>.image-tile:nth-child(4n+3) .tile-disc{width:21%;right:6%;top:43%}.tile-grid>.image-tile:nth-child(4n+4) .tile-disc{width:29%;left:7%;top:32%}.tile-copy{inset:auto 13px 17px;font-size:19px}.tile-copy strong{font-size:19px;letter-spacing:-.02em}.tile-copy>span{font-size:15px;line-height:1.2;margin-top:9px;gap:5px}.tile-copy .fof-arrow{width:24px;height:24px}.site-footer{font-size:11px;padding-block:20px;gap:10px}.footer-brand{font-size:23px}.subhero-grid,.program-hero{grid-template-columns:1fr;gap:36px;padding-block:32px}.subhero-grid h1{font-size:49px;margin-block:18px 23px}.subhero-text{font-size:18px}.subhero-image,.program-photo{width:86%;aspect-ratio:1;justify-self:center;border-radius:50%}.subhero-image:before{width:30%;left:-10%}.section-heading h2{font-size:35px}.info-grid h3{font-size:28px}.three .image-tile{aspect-ratio:1.1;min-height:310px}.three .tile-copy{inset:auto 25px 24px}.three .tile-copy strong{font-size:27px}.three .tile-copy>span{font-size:18px}.three .tile-photo{width:54%;top:5%}.three>.image-tile:nth-child(2) .tile-photo{width:47%;top:8%}.three>.image-tile:nth-child(3) .tile-photo{width:57%;top:4%}.three .tile-disc{width:24%;top:31%}.about-grid h2{font-size:40px}.program-hero h1{font-size:51px}.program-tabs{gap:9px}.program-tabs a{font-size:14px;gap:12px;padding:8px 13px}.program-tabs .fof-arrow{width:19px;height:19px}.program-lead{font-size:23px}.contact-box{padding:26px}.topic-list li{font-size:16px}}
@media(max-width:370px){.wrap{width:calc(100% - 32px)}.header-search{width:95px}.brand{font-size:29px}.intro-copy h1{font-size:31px}.tile-grid{gap:10px}.image-tile{min-height:215px}.tile-copy{left:10px;right:10px}.tile-copy strong{font-size:17px}.tile-copy>span{font-size:14px}}

.topic-list li:before{content:'';display:block;flex:none;width:24px;height:24px;background:var(--ink);mask:url(assets/fof-arrow.svg) center/contain no-repeat;-webkit-mask:url(assets/fof-arrow.svg) center/contain no-repeat;transform:rotate(-45deg);align-self:flex-start;margin-top:1px}
.image-tile{width:100%;min-width:0}

/* Official FOF logo lockup in header and footer. */
.brand,.footer-brand{display:inline-flex;align-items:flex-end;gap:8px;flex-shrink:0;letter-spacing:normal;line-height:1}
.brand img,.footer-brand img{display:block;width:69px;height:40px;object-fit:contain}
.brand>.brand-wordmark,.footer-brand>.brand-wordmark{display:block;width:auto;height:auto;border-radius:0;background:none;margin:0 0 2px;font-size:18px;font-weight:700;line-height:1}
.footer-brand img{width:52px;height:30px}.footer-brand>.brand-wordmark{font-size:15px}
@media(max-width:650px){.brand{gap:6px}.brand img{width:55px;height:32px}.brand>.brand-wordmark{font-size:14px;margin-bottom:2px}}
@media(max-width:370px){.brand img{width:48px;height:28px}.brand>.brand-wordmark{font-size:13px}.site-header{gap:10px}}

/* FVU-Dansk beholder sin gule boks, når forsidens FVU-bokse står tre på række */
.tile-grid>.image-tile.tile-dansk{background:var(--fof-yellow)}
.tile-grid>.image-tile.tile-dansk .tile-photo{width:52%;left:auto;right:9%;top:7%}
.tile-grid>.image-tile.tile-dansk .tile-disc{width:27%;left:7%;right:auto;top:27%;background:var(--fof-coral)}
@media(max-width:650px){.tile-grid>.image-tile.tile-dansk .tile-photo{width:52%;right:6%;top:7%}.tile-grid>.image-tile.tile-dansk .tile-disc{width:29%;left:7%;top:32%}}
/* Valgside for FVU-Dansk: kun to store valg, intet andet indhold */
.choice-page{min-height:100vh;display:flex;flex-direction:column;background:var(--paper)}
.choice-page .site-header{justify-content:space-between}
.choice-main{flex:1;display:flex;align-items:center;padding-block:24px 56px}
.choice-grid{width:100%;display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:24px}
.choice-card{display:flex;flex-direction:column;gap:22px;min-height:380px;padding:40px;background:var(--lime);color:var(--ink);border:3px solid var(--ink);transition:background .2s}
.choice-card:nth-child(2){background:var(--fof-yellow)}
.choice-card:hover,.choice-card:focus-visible{background:var(--ink);color:var(--paper)}
.choice-number{display:grid;place-items:center;width:64px;height:64px;border-radius:50%;background:var(--fof-blue);color:var(--paper);font-size:30px;font-weight:700}
.choice-card strong{font-size:clamp(28px,3.4vw,46px);line-height:1.1;font-weight:700}
.choice-action{margin-top:auto;display:flex;align-items:center;gap:14px;font-size:22px;font-weight:500}
.choice-action .fof-arrow{width:30px;height:30px;transition:transform .2s}
.choice-card:hover .choice-action .fof-arrow{transform:translateX(5px)}
@media(max-width:650px){.choice-grid{grid-template-columns:1fr;gap:16px}.choice-card{min-height:0;padding:26px;gap:16px}.choice-number{width:48px;height:48px;font-size:22px}.choice-action{font-size:19px;margin-top:8px}}
/* Niveau-/sporknapperne sidder i det grønne område under beskrivelsen, så tekst og knapper ses samlet */
.program-hero .program-tabs{margin:30px 0 0}
.program-hero .program-tabs a:not([aria-current]){background:var(--paper)}
.program-hero .program-tabs a:hover{background:var(--fof-yellow);color:var(--ink)}
/* FOF-stjerner foran punkterne under "Det arbejder vi med" */
.topic-list li:before{width:22px;height:22px;background:url(assets/fof-star.svg) center/contain no-repeat;mask:none;-webkit-mask:none;transform:none}
.program-details{margin-top:24px;max-width:460px;font-size:17px;line-height:1.6;white-space:pre-line}
/* Tilmeldingsboksen: tre knapper (book, ring, mail) */
.contact-actions{display:flex;flex-wrap:wrap;gap:12px;margin-top:20px}
.contact-box .contact-actions .button{margin-top:0}
.button-outline{background:var(--paper);color:var(--ink);border:2px solid var(--ink)}
.button-outline:hover{background:var(--ink);color:var(--paper)}
/* Seniorskolen: samme billedopsætning som forsiden. Bredden er sat, så hovedbilledet (79 % af opsætningen) beholder sin størrelse */
.senior-hero>div:first-child{padding-bottom:12px}
.senior-hero .senior-stars+.button{margin-top:6px}
@media(min-width:651px){.senior-hero{padding-inline:clamp(20px,5vw,96px)}.circle-composition.senior-composition{width:96.2%;max-width:none;justify-self:end}}
@media(max-width:650px){.circle-composition.senior-composition{width:91.1%;max-width:none;justify-self:center}}
/* Seniorskolen: bordeaux baggrund i toppen; tekst, stjerner og knapper er lyse, så de kan læses på den mørke farve */
.intro-band.senior-band{background:var(--fof-bordeaux);color:var(--paper)}
.senior-band .senior-stars .star{color:var(--fof-yellow)}
.senior-band .button,.senior-band .circle-link{background:var(--paper);color:var(--ink)}
.senior-band .button:hover,.senior-band .circle-link:hover{background:var(--lime);color:var(--ink)}
.senior-band a:focus-visible{outline-color:var(--paper)}
/* Seniorskolen: bånd med udsagn fra skærmkant til skærmkant. Fvu.js rykker det én plads til venstre hvert 10. sekund */
.senior-statements{--visible:3;overflow:hidden;padding-block:44px 40px}
.senior-statements+.content-section{padding-top:0}
.statement-track{display:flex;transition:transform .8s ease}
.statement{flex:0 0 calc(100%/var(--visible));min-width:0;display:flex;align-items:center;justify-content:center;gap:20px;padding-inline:28px}
.statement img{width:120px;height:120px;flex:none;border-radius:50%}
.statement>div{max-width:320px}
.statement h2{font-size:22px;line-height:1.2;margin-bottom:6px}
.statement p{font-size:16px;line-height:1.4}
@media(max-width:1000px){.senior-statements{--visible:2}.statement{padding-inline:20px}}
@media(max-width:650px){.senior-statements{--visible:1;padding-block:32px 28px}.statement img{width:96px;height:96px}}
/* Seniorskolens kursusside: overskriften står højt i det grønne felt i stedet for centreret */
@media(min-width:651px){.senior-course-hero>div:first-child{align-self:start;padding-top:56px}}
.senior-course-info{margin-top:16px}
.trin-heading{font-size:28px;line-height:1.2;margin-bottom:22px}
@media(max-width:650px){.trin-heading{font-size:23px}}
.by-heading{margin-top:60px}
/* IT-kursussiden: de tre kurser og valg af by. Hele bykortet er klikbart og fører til byens tilmeldingsside */
.kursus-grid,.by-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:28px 24px}
.kursus-card{position:relative;overflow:hidden;padding:14px 14px 46px;border-radius:18px;background:var(--fof-lightblue)}
.kursus-card:nth-child(2){background:var(--fof-violet)}
.kursus-card:nth-child(3){background:var(--fof-coral)}
.kursus-card:after{content:'';position:absolute;bottom:-26px;right:-26px;width:74px;height:74px;border-radius:50%;background:var(--fof-yellow);pointer-events:none}
.kursus-card:nth-child(2):after{background:var(--lime)}
.kursus-card h3,.kursus-card p{position:relative;z-index:1;padding-inline:10px}
.kursus-card img,.by-photo img{height:auto;aspect-ratio:3/2}
.kursus-card img,.by-photo{border-radius:14px}
.kursus-card h3{font-size:22px;line-height:1.2;margin:18px 0 8px}
.kursus-card p{font-size:16px;line-height:1.5}
.by-card{display:flex;flex-direction:column;gap:12px}
.by-photo{display:block;overflow:hidden;isolation:isolate}
.by-photo img{transition:transform .4s}
.by-card:hover .by-photo img{transform:scale(1.04)}
.by-card .button{justify-content:space-between;gap:12px;padding-inline:20px;font-size:15px;text-align:left}
@media(max-width:900px){.kursus-grid{grid-template-columns:1fr}.by-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media(max-width:650px){.by-grid{grid-template-columns:1fr}}
/* IT-kursussiden: lille rundt billede nederst til venstre for hovedbilledet */
.program-photo-small{position:absolute;left:-9%;bottom:-3%;width:38%;aspect-ratio:1;border-radius:50%;overflow:hidden;z-index:2}
/* Seniorskolen og kursussiderne: de farvede bobler laver små, bløde hop; billederne står stille */
@keyframes bubble-hop{0%,70%,100%{transform:translateY(0)}80%{transform:translateY(-7px)}90%{transform:translateY(1px)}}
.senior-composition .colour-circle,.senior-course-hero .program-photo:before,.senior-course-hero .program-photo:after{animation:bubble-hop 4.5s ease-in-out infinite}
.senior-composition .circle-blue,.senior-course-hero .program-photo:before{animation-delay:-.4s}
.senior-composition .circle-yellow{animation-duration:4s;animation-delay:-1.3s}
.senior-composition .circle-violet{animation-duration:5.6s;animation-delay:-3.4s}
.senior-composition .circle-coral,.senior-course-hero .program-photo:after{animation-duration:3.8s;animation-delay:-2.7s}
@media(prefers-reduced-motion:reduce){.senior-composition .colour-circle,.senior-course-hero .program-photo:before,.senior-course-hero .program-photo:after{animation:none}}
/* Seniorskolen: samarbejdspartnere ruller langsomt fra højre mod venstre og holder pause, mens musen er over dem.
   Hver gruppe indeholder logoerne to gange, så båndet altid er bredere end skærmen; den anden gruppe er en kopi til den sømløse rulning */
.partners{padding-block:8px 64px}
.partners-heading{font-size:15px;font-weight:700;letter-spacing:.06em;text-transform:uppercase;margin-bottom:26px;text-align:center}
.partner-wheel{overflow:hidden;-webkit-mask-image:linear-gradient(90deg,transparent,#000 8%,#000 92%,transparent);mask-image:linear-gradient(90deg,transparent,#000 8%,#000 92%,transparent)}
.partner-track{display:flex;width:max-content;animation:partner-roll 40s linear infinite}
.partner-wheel:hover .partner-track{animation-play-state:paused}
.partner-group{display:flex;align-items:center;gap:80px;padding:0 40px;margin:0;list-style:none}
.partner-group img{width:auto;height:auto;max-height:64px;max-width:240px;display:block}
@keyframes partner-roll{to{transform:translateX(-50%)}}
@media(max-width:650px){.partners{padding-bottom:44px}.partner-group{gap:48px;padding:0 24px}.partner-group img{max-height:48px;max-width:180px}}
@media(prefers-reduced-motion:reduce){.partner-track{animation:none;width:auto}.partner-group{flex-wrap:wrap;justify-content:center;row-gap:28px}.partner-group[aria-hidden],.partner-group li:nth-child(n+5){display:none}.partner-wheel{-webkit-mask-image:none;mask-image:none}}
/* IT-kursussiden: farvede bobler midt i de hvide sidemargener, som langsomt kredser om sig selv; de ligger bag indholdet og kun på større skærme */
.side-bubbles-host{position:relative;isolation:isolate}
main:has(.side-bubbles){overflow-x:clip}
.side-bubbles{position:absolute;inset:0;z-index:-1;pointer-events:none}
.side-bubbles span{position:absolute;border-radius:50%;animation:side-orbit 18s linear infinite}
.side-bubbles span:nth-child(odd){left:calc(25% - 25vw - var(--s)/2)}
.side-bubbles span:nth-child(even){right:calc(25% - 25vw - var(--s)/2)}
.side-bubbles span:nth-child(1){--s:120px;top:12%;background:var(--lime)}
.side-bubbles span:nth-child(2){--s:150px;top:16%;background:var(--fof-yellow);animation-duration:24s;animation-direction:reverse}
.side-bubbles span:nth-child(3){--s:80px;top:38%;background:var(--fof-blue);animation-duration:15s}
.side-bubbles span:nth-child(4){--s:70px;top:31%;background:var(--fof-coral);animation-duration:20s;animation-direction:reverse}
.side-bubbles span:nth-child(5){--s:140px;top:66%;background:var(--fof-violet);animation-duration:22s;animation-direction:reverse}
.side-bubbles span:nth-child(6){--s:110px;top:78%;background:var(--fof-lightblue);animation-duration:17s}
.side-bubbles span{width:var(--s);height:var(--s)}
@keyframes side-orbit{from{transform:rotate(0) translateX(14px) rotate(0)}to{transform:rotate(360deg) translateX(14px) rotate(-360deg)}}
@media(max-width:900px){.side-bubbles{display:none}}
@media(prefers-reduced-motion:reduce){.side-bubbles span{animation:none}}
/* Byknapperne følger sidens farvespil: samme rækkefølge som kursuskasserne, og sort ved hover */
.by-card .button{color:var(--ink);background:var(--fof-lightblue)}
.by-card:nth-child(6n+2) .button{background:var(--fof-violet)}
.by-card:nth-child(6n+3) .button{background:var(--fof-coral)}
.by-card:nth-child(6n+4) .button{background:var(--fof-yellow)}
.by-card:nth-child(6n+5) .button{background:var(--lime)}
.by-card:nth-child(6n) .button{background:var(--fof-blue);color:var(--paper)}
.by-card:hover .button,.by-card:focus-visible .button{background:var(--ink);color:var(--paper)}
/* Om os: den lille boble i toppen er en ren farveboble i stedet for et billede og hopper som de andre */
.om-color-bubble{background:var(--lime);animation:bubble-hop 5s ease-in-out infinite;animation-delay:-2s}
@media(prefers-reduced-motion:reduce){.om-color-bubble{animation:none}}
/* Om os: faktakasser i sidens farver og luft mellem afsnittene */
.fakta-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:24px}
.fakta-card{position:relative;overflow:hidden;padding:28px 24px 40px;border-radius:18px;background:var(--fof-lightblue);display:flex;flex-direction:column;gap:10px}
.fakta-card:nth-child(2){background:var(--fof-violet)}
.fakta-card:nth-child(3){background:var(--fof-coral)}
.fakta-card:nth-child(4){background:var(--fof-yellow)}
.fakta-card strong{font-size:44px;line-height:1}
.fakta-card span{font-size:16px;line-height:1.4}
.om-steder,.om-seniorskolen{margin-top:72px}
.om-seniorskolen .button{margin-top:24px}
.om-kontakt{margin-top:72px}
.om-kontakt p+p{margin-top:8px}
@media(max-width:900px){.fakta-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.om-steder,.om-seniorskolen,.om-kontakt{margin-top:48px}}
@media(max-width:650px){.fakta-grid{grid-template-columns:1fr}}
/* Tredje kasse i tre-kolonne-gitteret: mindre billede, så det ikke dækker titlen */
@media(min-width:651px){.three>.image-tile:nth-child(3):not(.tile-dansk) .tile-photo{width:47%;top:7%}}
/* Seniorskolen: beskrivelsen står inde i kasserne under titlen */
.senior-tiles>.image-tile{aspect-ratio:auto;min-height:470px}
.tile-copy>.tile-text{display:block;margin-top:10px;max-width:92%;font-size:16px;font-weight:400;line-height:1.45}
@media(max-width:900px){.senior-tiles>.image-tile{min-height:430px}}
@media(max-width:650px){.senior-tiles>.image-tile{min-height:400px}.tile-copy>.tile-text{font-size:15px}}
/* FVU: tilmeldingsrække med tekst til venstre og tilmeldingsboksen til højre */
.signup-row{display:grid;grid-template-columns:1fr 1.3fr;gap:90px;align-items:start;margin-top:60px}
.signup-row[hidden]{display:none}
.signup-text h3{font-size:28px;margin:14px 0 14px}
.signup-text p:not(.eyebrow){font-size:16px;line-height:1.7;max-width:520px}
.signup-row .contact-box{margin-top:0}
@media(min-width:1221px){.contact-actions{flex-wrap:nowrap}.contact-actions .button{padding-inline:20px;gap:14px;white-space:nowrap}}
@media(max-width:1150px){.signup-row{gap:50px}}
@media(max-width:900px){.signup-row{grid-template-columns:1fr;gap:27px;margin-top:40px}}
.contact-actions+p{margin-top:22px}

/* Seniorskolen: tre små, rolige punkter med FOF-stjerne mellem teksten og knappen */
.senior-stars{list-style:none;padding:0;margin:4px 0 34px;display:grid;gap:9px}
.senior-stars li{display:flex;align-items:center;gap:10px;font-size:16px;line-height:1.3}
.senior-stars .star{width:16px;height:16px;flex:none;color:var(--fof-tomato)}/* Forsiden: FVU-sporene står med samme små røde FOF-stjerner som på Seniorskolen */
.intro-list ul.star-list{list-style:none;padding-left:0}
.star-list li{display:flex;align-items:flex-start;gap:10px}
.star-list .star{width:.95em;height:.95em;flex:none;margin-top:.27em;color:var(--fof-tomato)}/* Uden søgefelt skubbes menuknappen selv ud til højre */
.menu-toggle{margin-left:auto}

/* Skjulte menupunkter. Slet en linje for at aktivere punktet i headeren på alle sider. */
.desktop-nav a[href="index.html"],.mobile-nav a[href="index.html"]{display:none} /* Gratis voksenundervisning */
.desktop-nav a[href="erhverv.html"],.mobile-nav a[href="erhverv.html"]{display:none} /* Til erhverv */

/* Skjult: Erindringsglimt på Seniorskolen. Slet alt herfra og ned for at aktivere punkt og kasse igen; så vender kasserne også tilbage til tre på række */
.senior-stars .erindring,.senior-tiles a[href="senior-erindringsglimt.html"]{display:none}
/* IT og Engelsk er brede og flugter med første cirkel i båndet ovenfor; teksten står til venstre og billedet til højre */
.senior-statements+.content-section{width:100%;max-width:none}
.statement,.senior-statements+.content-section{padding-inline:28px}
.statement{justify-content:flex-start}
@media(max-width:1000px){.statement,.senior-statements+.content-section{padding-inline:20px}}
.senior-tiles .tile-copy>span:last-child{font-size:22px;font-weight:700}
.senior-tiles .tile-copy>span:last-child .fof-arrow{width:32px;height:32px}
@media(min-width:651px){
.tile-grid.three.senior-tiles{grid-template-columns:repeat(2,1fr)}
.tile-grid.senior-tiles>.image-tile{--foto:clamp(228px,22vw,320px);min-height:390px}
.tile-grid.senior-tiles>.image-tile .tile-copy{inset:36px auto 32px 32px;width:calc(96% - var(--foto) - 52px);display:flex;flex-direction:column;justify-content:flex-start;align-items:stretch;text-align:left}
.tile-grid.senior-tiles>.image-tile .tile-copy strong{font-size:clamp(22px,1.8vw,30px)}
.tile-grid.senior-tiles>.image-tile .tile-copy>span:last-child{margin-top:auto}
.tile-grid.senior-tiles>.image-tile:nth-child(n) .tile-photo{width:var(--foto);height:var(--foto);left:auto;right:4%;top:calc(50% - var(--foto)/2)}
.tile-grid.senior-tiles>.image-tile:nth-child(n) .tile-disc{width:calc(var(--foto)*.45);height:calc(var(--foto)*.45);left:auto;right:2%;top:calc(50% - var(--foto)/2 - 12px)}
}
@media(min-width:651px) and (max-width:1100px){.tile-grid.three.senior-tiles{grid-template-columns:1fr}}