@import url('https://fonts.googleapis.com/css2?family=Fraunces:opsz,wght@9..144,300..900&family=IBM+Plex+Sans:wght@400;500;600;700&family=IBM+Plex+Mono:wght@400;500&display=swap');
:root {
--transparent: transparent;
--grey: grey;
--lightgrey: lightgrey;
--lightgrey1: #efefef;
--lightgrey2: #e6e6e6;
--lightgrey3: #696969;
--lightergrey: #dedede;
--darkgrey: #585858;
--whitesmoke: whitesmoke;
--black: #383838;
--lightergrey: #dedede;
--light-darkgrey: #d8d8d8;
--grey1: #bbbbbb;
--grey-green: #effff1;
--grey2: #ebebeb;
--default-white: white;
--default-darkwhite: #f3f3f3;
--sw-info-color: #3490dc;
--layout-row-shaddow-color-light: rgba(0,0,0,0.1);
--layout-row-shaddow-color-dark: rgba(0,0,0,0.2);
--calendar-selection-background-color: white;
--theme-heading-color: black;
--theme-heading1-color: black;
--theme-heading2-color: black;
--theme-heading3-color: black;
--theme-font-color: #331919;
--theme-body-font-color: #424242;
--theme-color-lighten-10: hsl(var(--theme-color),40%);
--theme-color-lighten-20: hsl(var(--theme-color),30%);
--theme-color-darken-10: hsl(var(--theme-color),60%);
--theme-color-darken-20: hsl(var(--theme-color),70%);
--donate-wizard-button-next-color: #585858;
--theme-color: hsl(38deg 55% 74%);
--theme-color-contrast: black;
--default-black: var(--black);
--default-grey: var(--grey);
--navbar-background-color: var(--theme-nav-backgroundcolor);
--navbar-collapsed-background-color: var(--whitesmoke);
--navbar-font-color: var(--theme-nav-color);
--navbar-collapsed-font-color: var(--default-black);
--page-title-border-color: var(--theme-color);
--footer-background-color: var(--theme-color);
--footer-font-color: var(--theme-color-contrast);
--cta-events-date-border-color: var(--theme-color);
}

/* ============================================================
   BAKKLANDET TEGLVERK — portalcustom.css
   Alt scopet under body.forside2 med mindre klassen er unik nok
   (rene btvh-*-hjelpeklasser), eller gjelder globalt på tvers av
   sider (footer, artikkelliste-siden).
   ============================================================ */


/* ============================================================
   ROOT TOKENS
   ============================================================ */
:root{
  --tegl:#A8492E;
  --tegl-dark:#7A3420;
  --kull:#1C1815;
  --kalk:#F2EDE4;
  --kalk-warm:#EAE2D4;
  --leire:#6B4630;
  --mortel:#A79C8E;
  --display:'Fraunces', serif;
  --body-font:'IBM Plex Sans', sans-serif;
  --mono:'IBM Plex Mono', monospace;

  /* fluid spacing — px-basert (StyreWeb overstyrer 1rem = 10px,
     så dette regnes bevisst i px/vw, ikke rem) */
  --sp-2xs: clamp(12px, 10.9px + 0.35vw, 16px);
  --sp-xs:  clamp(16px, 13.8px + 0.6vw, 24px);
  --sp-sm:  clamp(24px, 19.2px + 1.2vw, 36px);
  --sp-md:  clamp(36px, 27.2px + 2.2vw, 56px);
  --sp-lg:  clamp(48px, 30.4px + 4.4vw, 96px);
  --sp-xl:  clamp(64px, 35.2px + 7.5vw, 144px);
}


/* ============================================================
   GJENBRUKBARE KOMPONENTER
   (knapper, "se alle"-bånd, seksjonsoverskrifter, base for
   .datalist-card — brukt på tvers av flere seksjoner)
   ============================================================ */

/* Base default for alle dataliste-kort — arver bakgrunn fra sin
   forelder med mindre en seksjon overstyrer eksplisitt (fakta,
   historie og sponsorer gjør alle det med høyere spesifisitet) */
.datalist-card{
  background:inherit;
}

/* ---------- Knapper ---------- */
.btvh-btn{
  font-family:var(--mono) !important;
  font-size:13px !important;
  letter-spacing:0.05em;
  text-transform:uppercase;
  padding:15px 26px;
  border-radius:2px;
  display:inline-block;
  transition:all .15s ease;
}
.btvh-btn--primary{background:var(--tegl) !important; color:var(--kalk) !important;}
.btvh-btn--primary:hover{background:#C2542F !important;}
.btvh-btn--ghost{border:1px solid rgba(242,237,228,0.5); color:var(--kalk) !important;}
.btvh-btn--ghost:hover{border-color:var(--kalk); background:rgba(242,237,228,0.08);}

.btvh-btn--outline{
  border:1px solid var(--tegl);
  color:var(--tegl-dark) !important;
  background:transparent;
}
.btvh-btn--outline:hover{
  background:var(--tegl);
  color:var(--kalk) !important;
}

.btvh-btn--outline-light{
  border:1px solid var(--mortel);
  color:var(--kalk) !important;
  background:transparent !important;
}
body.forside2 .btvh-btn--outline-light:hover{
  background:var(--tegl) !important;
  border-color:var(--tegl) !important;
  color:var(--kalk) !important;
}

/* ---------- "Se alle"-bånd ---------- */
.btvh-see-all{
  text-align:center;
  padding:var(--sp-xs) 0 var(--sp-md);
  background:none;
}
body.forside2 .btvh-see-all--dark{
  background:var(--tegl-dark) !important;
  padding:var(--sp-xs) 0 var(--sp-md) !important;
}

/* ---------- Seksjonsoverskrift (statisk htmlbox) ----------
   base = 1280px (artikler). Modifiers: --narrow (historie,
   640px + venstre padding), --center (sponsorer, 560px sentrert
   med ingress-avsnitt). Husk å legge riktig modifier-klasse på
   selve htmlbox-en i CMS. */
body.forside2 .btvh-sec-head{
  max-width:1280px;
  margin:0 auto var(--sp-md);
  padding:var(--sp-xl) var(--sp-xs) 0;
}
body.forside2 .btvh-sec-head h2,
body.forside2 .btvh-sec-head p{
  max-width:60ch;
}
body.forside2 .btvh-sec-head .btvh-eyebrow-dark{
  font-family:var(--mono) !important;
  font-size:12px !important;
  letter-spacing:0.14em;
  text-transform:uppercase;
  color:var(--tegl-dark) !important;
}
body.forside2 .btvh-sec-head h2{
  font-family:var(--display) !important;
  font-optical-sizing:auto;
  font-weight:560 !important;
  font-size:clamp(28px, 3.4vw, 42px) !important;
  line-height:1.08 !important;
  color:var(--kull) !important;
  margin:10px 0 0 !important;
}

/* Modifier: historie */
body.forside2 .btvh-sec-head--narrow{
  max-width:640px !important;
  padding-left:15px !important;
}

/* Modifier: sponsorer */
body.forside2 .btvh-sec-head--center{
  text-align:center;
  max-width:560px !important;
  margin:0 auto var(--sp-md);
  padding:var(--sp-lg) var(--sp-xs) 0;
}
body.forside2 .btvh-sec-head--center p{
  font-family:var(--body-font) !important;
  font-size:15px !important;
  line-height:1.6 !important;
  color:var(--leire) !important;
  margin:14px 0 0 !important;
}


/* ============================================================
   FOOTER-SITE
   ============================================================ */

.footer-site__copyright {
    font-size: clamp(1.1rem, 2vw, 1.5rem);
    color: var(--kull);
    font-family: 'IBM Plex Sans';
}


/* ============================================================
   HERO
   ============================================================ */
body.forside2 section:has(.btvh-hero){
  overflow:hidden;
}

.btvh-hero{
  position:relative;
  overflow:hidden;
  width:100vw;
  margin-left:calc(50% - 50vw);
  margin-right:calc(50% - 50vw);
  min-height:75vh;
  display:flex;
  align-items:flex-end;
  color:var(--kalk) !important;
}

/* Bilde — eget lag så det kan animeres uavhengig av gradienten */
.btvh-hero::before{
    content: "";
    position: absolute;
    inset: 0;
    background: url(https://i.styreweb.com/v1/photoalbum/12351994/13559086933_fd3a98631d_o.jpeg);
    transform: scale(1.08);
    animation: btvh-kenburns 9s cubic-bezier(.25, .1, .25, 1) forwards;
    z-index: 0;
    filter: brightness(1.05);
    background-size: cover;
    background-position: 35% 50%;
}

/* Gradient-overlay — statisk, ligger over bildet */
.btvh-hero::after{
  content:"Foto: Byantikvaren";
  position:absolute; inset:0;
  background: 
linear-gradient(0deg, rgb(28 24 21 / 76%) 0%, rgba(28, 24, 21, 0.55) 25%, rgb(89 54 28 / 19%) 32%);
  z-index:1;
}

.btvh-hero__inner{
  position:relative;
  z-index:2;
  max-width:1120px;
  margin:0 auto;
  padding:var(--sp-xl) var(--sp-xs) var(--sp-lg);
}

.btvh-hero .btvh-eyebrow{
  font-family:var(--mono) !important;
  font-size:16px !important;
  letter-spacing:0.14em;
  text-transform:uppercase;
  color:#ffe9db !important:
}

.btvh-hero h1{
  font-family:var(--display) !important;
  font-optical-sizing:auto;
  font-variation-settings:'SOFT' 0,'WONK' 1;
  font-weight:560;
  font-size:clamp(36px, 6vw, 76px) !important;
  line-height:1.03 !important;
  max-width:15ch;
  margin:14px 0 22px;
  color:var(--kalk) !important;
}

.btvh-hero p{
  font-family:var(--body-font);
  font-size:17px !important;
  line-height:1.6 !important;
  max-width:52ch;
  color:#E6DCCF !important;
  margin-bottom:34px;
text-shadow: 0px 3px 2px black;
}

.btvh-hero__ctas{
  display:flex;
  gap:14px;
  flex-wrap:wrap;
}

/* ---------- Animasjon: bilde (Ken Burns) ---------- */
@keyframes btvh-kenburns{
  to{ transform:scale(1); }
}

/* ---------- Animasjon: tekst (subtil, kobles til Ken Burns) ---------- */
.btvh-anim{
  opacity:0;
  transform:translateY(12px);
  filter:blur(5px);
  animation:btvh-fade-up .9s cubic-bezier(.19,.75,.22,1) forwards;
}
.btvh-anim--1{animation-delay:.25s;}
.btvh-anim--2{animation-delay:.42s;}
.btvh-anim--3{animation-delay:.58s;}
.btvh-anim--4{animation-delay:.74s;}

@keyframes btvh-fade-up{
  to{ opacity:1; transform:translateY(0); filter:blur(0); }
}


/* ============================================================
   NAVBAR
   ============================================================ */
body.forside2{
  --navbar-background-color: var(--kalk) !important;
  --navbar-font-color: var(--leire) !important;
  --navbar-height: 76px !important;
  --navbar-dropdown-menu-background-color: var(--kalk-warm) !important;
  --navbar-collapsed-font-color: var(--kull) !important;
}

body.forside2 .navbar{
  border-bottom:1px solid var(--mortel);
}

body.forside2 .navbar__body{
  gap:2rem;
}

body.forside2 .navbar__body a{
  font-family:var(--body-font) !important;
  font-size:14px !important;
  font-weight:500 !important;
  transition:color .15s ease;
}
body.forside2 .navbar__body a:hover{
  color:var(--tegl) !important;
}

body.forside2 .dropdown__menu a:hover{
  background:var(--kalk-warm) !important;
  color:var(--tegl) !important;
}

/* Logo/brand-tekst hvis den er ren tekst og ikke bilde */
body.forside2 .navbar__logo,
body.forside2 .navbar-brand{
  font-family:var(--mono) !important;
  letter-spacing:0.06em;
  text-transform:uppercase;
  color:var(--kull) !important;
  max-height:5.5rem;
}


/* ============================================================
   FAKTASTRIPE (Dataliste\Card-3col)
   Bekreftet markup: .widget.btvh_fakta > section > .grid__sm--3
   > .datalist-card > .datalist-card__body > h2.datalist-card__heading
   + .datalist-card__content
   ============================================================ */
body.forside2 .layout__row:has(.btvh_fakta){
  border-top:3px solid var(--tegl-dark);
  border-bottom:2px solid var(--kalk-warm);
  background:var(--kalk);
  padding-block:var(--sp-sm);
}

body.forside2 .btvh_fakta .grid__sm--3{
  display:grid !important;
  grid-template-columns:repeat(3, 1fr) !important;
  gap:0 !important;
  margin-top:0 !important;
  max-width:1280px;
  margin-inline:auto;
}

body.forside2 .btvh_fakta .datalist-card{
  text-align:center !important;
  min-height:0 !important;
  height:auto !important;
  border-radius:0;
  border:0 !important;
  padding:1rem 0 !important;
  border-left:1px solid var(--kalk-warm) !important;
  margin-bottom:0;
}
body.forside2 .btvh_fakta .datalist-card:hover{
  transform:none;
}
body.forside2 .btvh_fakta .datalist-card:first-child{
  border-left:none !important;
}

body.forside2 .btvh_fakta .datalist-card__header{
  display:none !important;
}

body.forside2 .btvh_fakta .datalist-card__heading{
  font-family:var(--display) !important;
  font-weight:600 !important;
  font-size:28px !important;
  color:var(--tegl-dark) !important;
  margin:0 !important;
  padding:0;
}

body.forside2 .btvh_fakta .datalist-card__content{
  font-family:var(--body-font) !important;
  font-size:13px !important;
  color:var(--tegl-dark) !important;
  max-width:26ch;
  margin:8px auto 0 !important;
  padding:0;
}
body.forside2 .btvh_fakta .datalist-card__content > div{
  margin-bottom:0 !important;
}

body.forside2 .btvh_fakta .datalist-card__footer{
  display:none !important;
}


/* ============================================================
   HISTORIEN / TIDSLINJE (Dataliste\Card)
   Antatt wrapper-klasse: .btvh_historie
   ============================================================ */
body.forside2 .layout__row:has(.btvh_historie){
  background:var(--kalk-warm);
}

body.forside2 .btvh_historie{
  display:grid;
  place-content:center;
  background:var(--kalk-warm);
}

body.forside2 .btvh_historie .datalist-card__content br{
  display:none !important;
}

body.forside2 .btvh_historie [class*="grid__sm--"]{
  display:block !important;
  position:relative;
  margin-block:var(--sp-sm) var(--sp-md) !important;
  padding-left:32px;
  max-width:640px;
}

/* Den loddrette linja */
body.forside2 .btvh_historie [class*="grid__sm--"]::before{
  content:"";
  position:absolute;
  left:7px; top:6px; bottom:6px;
  width:2px;
  background:var(--tegl);
}

body.forside2 .btvh_historie .datalist-card{
  position:relative !important;
  padding:0 0 var(--sp-sm) var(--sp-xs) !important;
  border:none !important;
  background:none !important;
  aspect-ratio:unset;
}
body.forside2 .btvh_historie .datalist-card:last-child{
  padding-bottom:0 !important;
}

/* Prikken på linja per rad */
body.forside2 .btvh_historie .datalist-card::before{
  content:"";
  position:absolute;
  left:-33px; top:3px;
  width:12px; height:12px;
  border-radius:50%;
  background:var(--tegl);
  border:3px solid var(--kalk-warm);
}

body.forside2 .btvh_historie .datalist-card__header{
  display:none;
}

/* Årstall */
body.forside2 .btvh_historie .datalist-card__heading{
  font-family:var(--mono) !important;
  font-size:20px !important;
  font-weight:600;
  letter-spacing:0.04em;
  color:var(--tegl-dark) !important;
  margin:0 0 4px !important;
  text-align:left;
  padding:0;
}

/* Beskrivelse */
body.forside2 .btvh_historie .datalist-card__content{
  font-family:var(--body-font) !important;
  font-size:14.5px !important;
  line-height:1.6 !important;
  color:var(--leire) !important;
  text-align:left !important;
  padding:0;
  margin-bottom:15px;
}

/* Fet tekst i innholdsfeltet = tittel-behandling */
body.forside2 .btvh_historie .datalist-card__content strong,
body.forside2 .btvh_historie .datalist-card__content b{
  font-family:var(--display) !important;
  font-weight:560 !important;
  font-size:19px !important;
  color:var(--kull) !important;
  display:block;
  margin-bottom:0px;
}

body.forside2 .btvh_historie .datalist-card__footer{
  display:none;
}


/* ============================================================
   SPONSORER (Dataliste\Card)
   Bekreftet markup: div.widget.btvh_spons > section.btvh_spons
   > .grid__sm--4 > .datalist-card > .datalist-card__body
   > .datalist-card__header (img) + h2.datalist-card__heading
   + .datalist-card__content + .datalist-card__footer
   ============================================================ */

.layout__row:has(.btvh_spons){
  background:var(--kalk-warm) !important;
}

/* Boks-egenskaper KUN på section — unngår dobling siden
   div.widget og section deler samme klassenavn */
body.forside2 section.btvh_spons{
  padding:var(--sp-sm) 0 var(--sp-lg) !important;
  background:var(--kalk-warm) !important;
}

body.forside2 .btvh_spons .grid__sm--4{
  display:grid !important;
  grid-template-columns:repeat(4, minmax(0, 1fr)) !important;
  gap:var(--sp-sm) !important;
  align-items:stretch !important;
  margin-top:0 !important;
  max-width:1280px;
  margin-inline:auto;
  padding-inline:15px;
}

body.forside2 .btvh_spons .datalist-card{
  aspect-ratio:2/1;
  min-width:0 !important;
  margin-bottom:0;
  background:var(--kalk) !important;
  border:none;
  display:flex !important;
  flex-direction:column !important;
  justify-content:center !important;
  transition:border-color .15s ease, transform .15s ease;
}
body.forside2 .btvh_spons .datalist-card:hover{
  border-color:var(--tegl) !important;
  transform:translateY(-3px);
}

body.forside2 .btvh_spons .datalist-card__header{
  width:100%;
  min-width:0 !important;
}
body.forside2 .btvh_spons .datalist-card__image{
  max-width:164px;
  max-height:120px;
  width:auto !important;
  height:auto !important;
  object-fit:contain;
  margin:0 auto;
  display:block;
  filter:grayscale(1) contrast(0.9);
  opacity:0.75;
  transition:filter .2s ease, opacity .2s ease;
}
body.forside2 .btvh_spons .datalist-card:hover .datalist-card__image{
  filter:grayscale(0);
  opacity:1;
}

/* Skjul overskrift visuelt, behold for skjermlesere (bildene
   mangler alt-tekst, så h2 er eneste tilgjengelige firmanavn) */
body.forside2 .btvh_spons .datalist-card__heading{
  position:absolute; width:1px; height:1px; padding:0; margin:-1px;
  overflow:hidden; clip:rect(0,0,0,0); white-space:nowrap; border:0;
}
body.forside2 .btvh_spons .datalist-card__content,
body.forside2 .btvh_spons .datalist-card__footer{
  display:none !important;
}


/* ============================================================
   ARTIKLER (Articles\ListIntro-3-col) — forsiden
   Bekreftet markup: div.widget.btvh__artikler > section.btvh__artikler
   > .grid__lg--3 > article.article-card > a > img.article-card__image
   + .article-card__content > .article-card__body-text
   (h3.article-card__heading, p.article-card__text) + a.article-card__read-more
   KUN section.btvh__artikler får boks-egenskaper — div.widget deler
   klassenavn med section, unngår dobbel padding.
   ============================================================ */

body.forside2 section.btvh__artikler{
  padding:0 0 var(--sp-sm) 0 !important;
  background:none;
}

body.forside2 .btvh__artikler .grid__lg--3{
  display:grid !important;
  grid-template-columns:repeat(3, 1fr) !important;
  gap:var(--sp-sm) !important;
  margin-top:0 !important;
  max-width:1280px;
  padding-inline:15px;
  margin-inline:auto;
}

body.forside2 .article-card{
  position:relative !important;
  cursor:pointer;
  background:var(--kalk-warm) !important;
  border:1px solid var(--mortel) !important;
  display:flex !important;
  flex-direction:column !important;
  overflow:hidden;
  transition:transform .15s ease, border-color .15s ease;
}
body.forside2 .article-card:hover{
  transform:translateY(-4px);
  border-color:var(--tegl) !important;
}

body.forside2 .article-card__image{
  float:none !important;
  width:100% !important;
  height:260px !important;
  object-fit:cover !important;
  display:block !important;
  margin:0 !important;
  border-radius:0;
}

/* Nullstiller indre padding — .article-card__content har allerede
   padding, unngår dobbelt innrykk rundt tittel/tekst */
body.forside2 .article-card__body-text{
  padding:0 !important;
}

body.forside2 .article-card__content{
  padding:var(--sp-sm) !important;
  display:flex !important;
  flex-direction:column !important;
  flex:1 !important;
  background-color:var(--kalk) !important;
}

body.forside2 .article-card__heading{
  font-family:var(--display) !important;
  font-weight:560 !important;
  font-size:23px !important;
  line-height:1.25 !important;
  color:var(--kull) !important;
  margin:0 0 8px !important;
}

body.forside2 .article-card__text{
  font-family:var(--body-font) !important;
  font-size:14px !important;
  line-height:1.55 !important;
  color:var(--leire) !important;
  margin:0 !important;
  flex:1 !important;
}

body.forside2 .article-card__read-more{
  position:relative !important;
  display:inline-flex !important;
  align-items:center !important;
  gap:6px !important;
  font-family:var(--mono) !important;
  font-size:12px !important;
  text-transform:uppercase !important;
  letter-spacing:0.06em !important;
  color:var(--tegl-dark) !important;
  align-self:flex-start !important;
  padding-left:0;
  padding-top:2.2rem;
}
body.forside2 .article-card__read-more:hover{
  color:var(--tegl) !important;
}

/* Strekker klikkflaten til "Les mer" over hele kortet */
body.forside2 .article-card__read-more::before{
  content:"";
  position:absolute;
  inset:0;
  z-index:1;
}
/* Pil som glir til høyre ved hover på hele kortet */
body.forside2 .article-card__read-more::after{
  content:"→";
  display:inline-block;
  transition:transform .15s ease;
}
body.forside2 .article-card:hover .article-card__read-more::after{
  transform:translateX(4px);
}


/* ============================================================
   BLI MEDLEM (Datalist\Datalist)
   Bekreftet markup: div.widget.btvh__bli-medlem > section.btvh__bli-medlem
   > .image-list > .image-list__container > .image-list__content-container
   > .image-list__content (h1.image-list__heading + tekst-div + knapper)
   OBS: klassenavnet "btvh__bli-medlem" gjenbrukes på selve knappen —
   kombinert selektor a.image-list__button.btvh__bli-medlem for å
   ikke treffe seksjon og knapp med samme regel.
   ============================================================ */

body.forside2 .btvh__bli-medlem .image-list__container{
  display:block !important;
  grid-template-columns:none !important;
  background-color:transparent !important;
  margin:0 !important;
  box-shadow:none !important;
}

body.forside2 section.btvh__bli-medlem{
  background:var(--tegl) !important;
  text-align:center;
  padding:var(--sp-md) var(--sp-xs) !important;
}

body.forside2 .btvh__bli-medlem .image-list__content{
  max-width:640px;
  margin:0 auto;
  letter-spacing:normal;
}

body.forside2 .image-list__heading::before{
  content:"Bli med";
  display:block;
  font-family:var(--mono) !important;
  font-size:12px !important;
  letter-spacing:0.14em;
  text-transform:uppercase;
  color:#F3D9C8 !important;
  margin-bottom:12px;
}

body.forside2 .image-list__heading{
  font-family:var(--display) !important;
  font-weight:560 !important;
  font-size:clamp(28px, 4vw, 46px) !important;
  line-height:1.1 !important;
  color:var(--kalk) !important;
  margin:0 0 18px !important;
}

body.forside2 .btvh__bli-medlem .image-list__content > div:not([class]){
  font-family:var(--body-font) !important;
  font-size:16px !important;
  line-height:1.6 !important;
  color:#F5E4D8 !important;
  margin-bottom:30px !important;
}

body.forside2 .btvh__bli-medlem .image-list__content > div:has(a.image-list__button){
  display:flex;
  gap:14px;
  letter-spacing:normal;
  justify-content:center;
}

body.forside2 a.image-list__button{
  font-family:var(--mono) !important;
  font-size:13px !important;
  letter-spacing:0.05em;
  text-transform:uppercase;
  padding:15px 26px !important;
  border-radius:2px;
  display:inline-block;
  margin:0 7px;
  transition:all .15s ease;
}
body.forside2 a.image-list__button.btvh__bli-medlem{
  background:var(--kull) !important;
  color:var(--kalk) !important;
  margin:0;
}
body.forside2 a.image-list__button.btvh__bli-medlem:hover{
  background:#000 !important;
}
body.forside2 a.image-list__button.btvh__kontakt-styret{
  border:1px solid rgba(242,237,228,0.6) !important;
  color:var(--kalk) !important;
  background:transparent !important;
}
body.forside2 a.image-list__button.btvh__kontakt-styret:hover{
  border-color:var(--kalk) !important;
  background:rgba(242,237,228,0.08) !important;
}


/* ============================================================
   AKTIVITETSKALENDER (CalendarFrontpage)
   Bekreftet markup: section.cta-events > .cta-events__grid >
   .cta-events__event-description (h1 + p) + ul.grid__md--2
   > li > a.cta-events__event > .cta-events__date (span.cta-events__number
   + span) + .cta-events__location (h3 + span)
   Ingen delt klassenavn widget/section her — ingen dobbel-padding-fare.
   ============================================================ */

body.forside2 section.cta-events{
  background:var(--tegl-dark) !important;
  padding:var(--sp-lg) var(--sp-xs) var(--sp-xs) !important;
  margin:0;
}

body.forside2 .cta-events__grid{
  max-width:1120px;
  margin:0 auto;
  display:grid !important;
  grid-template-columns:300px 1fr !important;
  gap:var(--sp-lg) !important;
  align-items:start !important;
}

/* Eyebrow — generert, ikke fra CMS-felt */
body.forside2 .cta-events__event-description-heading::before{
  content:"Kalender";
  display:block;
  font-family:var(--mono) !important;
  font-size:12px !important;
  letter-spacing:0.14em;
  text-transform:uppercase;
  color:#D6A98E !important;
  margin-bottom:12px;
}
body.forside2 .cta-events__event-description-heading{
  font-family:var(--display) !important;
  font-weight:560 !important;
  font-size:clamp(24px, 2.6vw, 32px) !important;
  line-height:1.15 !important;
  color:var(--kalk) !important;
  margin:0 0 10px !important;
}
body.forside2 .cta-events__event-description p{
  font-family:var(--body-font) !important;
  font-style:normal !important;
  font-size:14.5px !important;
  color:#C9BEB0 !important;
  margin:0 !important;
}
body.forside2 .cta-events__event-description p i{
  font-style:normal !important;
}

body.forside2 .cta-events__grid ul{
  display:flex !important;
  flex-wrap:wrap !important;
  gap:var(--sp-sm) !important;
  margin:0 !important;
  padding:0 !important;
  list-style:none !important;
}

body.forside2 .cta-events__grid li{
  margin:0 !important;
  width:auto !important;
  flex:0 1 320px !important;
}

body.forside2 a.cta-events__event{
  display:flex !important;
  align-items:center !important;
  gap:16px;
  min-width:0;
  width:100% !important;
  background:var(--kalk-warm) !important;
  border:1px solid var(--mortel);
  padding:var(--sp-xs) !important;
  cursor:default;
}

body.forside2 .cta-events__date{
  background:var(--tegl) !important;
  color:var(--kalk) !important;
  min-width:60px;
  text-align:center;
  padding:10px 6px !important;
  flex-shrink:0;
  display:flex !important;
  flex-direction:column !important;
  line-height:1 !important;
  border-right:0;
}
body.forside2 .cta-events__number{
  font-family:var(--display) !important;
  font-weight:600 !important;
  font-size:24px !important;
  display:block !important;
}
body.forside2 .cta-events__date span:last-child{
  font-family:var(--mono) !important;
  font-size:11px !important;
  letter-spacing:0.08em;
  text-transform:uppercase;
  opacity:0.85;
}

body.forside2 .cta-events__location-heading{
  font-family:var(--display) !important;
  font-weight:560 !important;
  font-size:17px !important;
  color:var(--kull) !important;
  margin:0 0 4px !important;
}
body.forside2 .cta-events__location span{
  font-family:var(--mono) !important;
  font-size:12px !important;
  color:var(--tegl-dark) !important;
}


/* ============================================================
   FOOTER (global — ikke scopet til body.forside2, footeren
   ligger trolig på alle sider, ikke bare forsiden)
   ============================================================ */
section:has(.org-footer){
  margin-top:0 !important;
}

.org-footer{
  padding-block:var(--sp-md);
  background-color:var(--tegl);
  color:var(--kalk);
  font-family:'IBM Plex Sans';
}


/* ============================================================
   ARTIKKELLISTE (/artikler) — Articles\ListPlain + ListCategory
   Bekreftet markup: .btvh__article-list (body-klasse) >
   .grid__sm--2 > article.article-card > a[aria-hidden] (bilde)
   + .article-card__content > .article-card__body-text
   > a (h3.article-card__heading + p.article-card__small-text)
   + p (ukvalifisert, ingresstekst) + a.article-card__read-more
   Sidebar: section.article-list-category > h3 + ul > li > a
   Egen side, egen body-klasse — ingen body.forside2-prefiks nødvendig.
   ============================================================ */

.btvh__article-list{
  background:var(--kalk) !important;
}

.btvh__article-list .grid__sm--2{
  display:grid !important;
  grid-template-columns:repeat(2, 1fr) !important;
  gap:var(--sp-sm) !important;
}

.btvh__article-list .article-card{
  background:var(--kalk-warm) !important;
  border:1px solid var(--mortel) !important;
  display:flex !important;
  flex-direction:column !important;
  overflow:hidden;
  transition:transform .15s ease, border-color .15s ease;
}
.btvh__article-list .article-card:hover{
  transform:translateY(-4px);
  border-color:var(--tegl) !important;
}

.btvh__article-list .article-card__image{
  width:100% !important;
  height:220px !important;
  object-fit:cover !important;
  display:block !important;
  margin:0 !important;
}

.btvh__article-list .article-card__content{
  padding:var(--sp-sm) !important;
  display:flex !important;
  flex-direction:column !important;
  flex:1 !important;
}

.btvh__article-list .article-card__body-text > a{
  color:inherit !important;
  text-decoration:none !important;
}

.btvh__article-list .article-card__heading{
  font-family:var(--display) !important;
  font-weight:560 !important;
  font-size:22px !important;
  line-height:1.25 !important;
  color:var(--kull) !important;
  margin:0 0 6px !important;
}

.btvh__article-list .article-card__small-text{
  font-family:var(--mono) !important;
  font-size:11px !important;
  letter-spacing:0.04em;
  color:var(--tegl-dark) !important;
  line-height:1.5 !important;
  margin:0 0 12px !important;
}

.btvh__article-list .article-card__body-text > p{
  font-family:var(--body-font) !important;
  font-size:14px !important;
  line-height:1.55 !important;
  color:var(--leire) !important;
  margin:0 !important;
  flex:1 !important;
}

.btvh__article-list .article-card{
  position:relative !important;
  cursor:pointer;
}

.btvh__article-list .article-card__read-more{
  position:relative !important;
  display:inline-flex !important;
  align-items:center !important;
  gap:6px !important;
  margin-top:14px !important;
  font-family:var(--mono) !important;
  font-size:12px !important;
  text-transform:uppercase !important;
  letter-spacing:0.06em !important;
  color:var(--tegl-dark) !important;
  align-self:flex-start !important;
}
.btvh__article-list .article-card__read-more:hover{
  color:var(--tegl) !important;
}

/* Strekker klikkflaten til "Les mer" over hele kortet */
.btvh__article-list .article-card__read-more::before{
  content:"";
  position:absolute;
  inset:0;
  z-index:1;
}
/* Pil som glir til høyre ved hover på hele kortet */
.btvh__article-list .article-card__read-more::after{
  content:"→";
  display:inline-block;
  transition:transform .15s ease;
}
.btvh__article-list .article-card:hover .article-card__read-more::after{
  transform:translateX(4px);
}

/* ---------- Kategori-sidebar (desktop) ---------- */
.btvh__article-list .article-list-category__heading{
  font-family:var(--mono) !important;
  font-size:12px !important;
  letter-spacing:0.1em;
  text-transform:uppercase;
  color:var(--tegl-dark) !important;
  margin:0 0 14px !important;
}
.btvh__article-list .article-list-category ul{
  list-style:none !important;
  margin:0 !important;
  padding:0 !important;
}
.btvh__article-list .article-list-category__item{
  display:block;
  font-family:var(--body-font) !important;
  font-size:14px !important;
  color:var(--leire) !important;
  padding:8px 0 !important;
  border-bottom:1px solid var(--mortel);
}
.btvh__article-list .article-list-category__item:hover{
  color:var(--tegl) !important;
}

/* ---------- Kategorivelger (mobil) ---------- */
.btvh__article-list .article-list-category__select-label{
  font-family:var(--mono) !important;
  font-size:11px !important;
  letter-spacing:0.08em;
  text-transform:uppercase;
  color:var(--tegl-dark) !important;
}
.btvh__article-list .article-list-category__select{
  font-family:var(--body-font) !important;
  font-size:14px !important;
  padding:10px 12px !important;
  border:1px solid var(--mortel) !important;
  background:var(--kalk-warm) !important;
  color:var(--kull) !important;
  border-radius:2px;
}


/* ============================================================
   SCROLL-ANIMASJONER (reveal on scroll)
   Krever btvh-scroll-animasjoner.js i portalcustom.js. Alt her er
   scopet under html.btvh-js-anim — en klasse scriptet selv setter
   når det faktisk kjører. Kjører ikke scriptet (feilet, blokkert,
   prefers-reduced-motion), forblir alt i sin vanlige synlige
   tilstand — ingen egen reduced-motion-override nødvendig her.
   ============================================================ */

/* ---------- Fakta-stripe: tall teller opp ---------- */
html.btvh-js-anim body.forside2 .btvh_fakta .datalist-card{
  opacity:0;
  transform:translateY(14px);
  transition:opacity .6s ease, transform .6s ease;
}
html.btvh-js-anim body.forside2 .btvh_fakta .datalist-card.is-visible{
  opacity:1;
  transform:translateY(0);
}
html.btvh-js-anim body.forside2 .btvh_fakta .datalist-card:nth-child(1){transition-delay:0s;}
html.btvh-js-anim body.forside2 .btvh_fakta .datalist-card:nth-child(2){transition-delay:.12s;}
html.btvh-js-anim body.forside2 .btvh_fakta .datalist-card:nth-child(3){transition-delay:.24s;}


html.btvh-js-anim body.forside2 .btvh_historie .datalist-card{
  opacity:0;
  transform:translateX(-10px);
  transition:opacity .6s ease, transform .6s ease;
}
html.btvh-js-anim body.forside2 .btvh_historie .datalist-card.is-visible{
  opacity:1;
  transform:translateX(0);
}
html.btvh-js-anim body.forside2 .btvh_historie .datalist-card::before{
  transform:scale(0);
  transition:transform .4s cubic-bezier(.34,1.56,.64,1);
}
html.btvh-js-anim body.forside2 .btvh_historie .datalist-card.is-visible::before{
  transform:scale(1);
}
html.btvh-js-anim body.forside2 .btvh_historie .datalist-card:nth-child(1),
html.btvh-js-anim body.forside2 .btvh_historie .datalist-card:nth-child(1)::before{transition-delay:0s;}
html.btvh-js-anim body.forside2 .btvh_historie .datalist-card:nth-child(2),
html.btvh-js-anim body.forside2 .btvh_historie .datalist-card:nth-child(2)::before{transition-delay:.1s;}
html.btvh-js-anim body.forside2 .btvh_historie .datalist-card:nth-child(3),
html.btvh-js-anim body.forside2 .btvh_historie .datalist-card:nth-child(3)::before{transition-delay:.2s;}
html.btvh-js-anim body.forside2 .btvh_historie .datalist-card:nth-child(4),
html.btvh-js-anim body.forside2 .btvh_historie .datalist-card:nth-child(4)::before{transition-delay:.3s;}
html.btvh-js-anim body.forside2 .btvh_historie .datalist-card:nth-child(5),
html.btvh-js-anim body.forside2 .btvh_historie .datalist-card:nth-child(5)::before{transition-delay:.4s;}
html.btvh-js-anim body.forside2 .btvh_historie .datalist-card:nth-child(6),
html.btvh-js-anim body.forside2 .btvh_historie .datalist-card:nth-child(6)::before{transition-delay:.5s;}

/* ---------- Sponsorer: kort vokser inn ---------- */
html.btvh-js-anim body.forside2 .btvh_spons .datalist-card{
  opacity:0;
  transform:scale(.92);
  transition:opacity .55s ease, transform .55s cubic-bezier(.22,.61,.36,1);
}
html.btvh-js-anim body.forside2 .btvh_spons .datalist-card.is-visible{
  opacity:1;
  transform:scale(1);
}
html.btvh-js-anim body.forside2 .btvh_spons .datalist-card:nth-child(1){transition-delay:0s;}
html.btvh-js-anim body.forside2 .btvh_spons .datalist-card:nth-child(2){transition-delay:.08s;}
html.btvh-js-anim body.forside2 .btvh_spons .datalist-card:nth-child(3){transition-delay:.16s;}
html.btvh-js-anim body.forside2 .btvh_spons .datalist-card:nth-child(4){transition-delay:.24s;}
html.btvh-js-anim body.forside2 .btvh_spons .datalist-card:nth-child(5){transition-delay:.32s;}
html.btvh-js-anim body.forside2 .btvh_spons .datalist-card:nth-child(6){transition-delay:.4s;}
html.btvh-js-anim body.forside2 .btvh_spons .datalist-card:nth-child(7){transition-delay:.48s;}
html.btvh-js-anim body.forside2 .btvh_spons .datalist-card:nth-child(8){transition-delay:.56s;}

/* ---------- Artikler: forskjøvet fade-up ----------
   Ukvalifisert .article-card treffer bevisst BÅDE forsidens
   .btvh__artikler OG /artikler sin .btvh__article-list — samme
   fine animasjon på begge, siden begge bruker samme kort-klasse. */
html.btvh-js-anim .article-card{
  opacity:0;
  transform:translateY(20px);
  transition:opacity .6s ease, transform .6s ease;
}
html.btvh-js-anim .article-card.is-visible{
  opacity:1;
  transform:translateY(0);
}

/* ---------- Kalender: glir inn fra venstre ---------- */
html.btvh-js-anim body.forside2 .cta-events__grid li{
  opacity:0;
  transform:translateX(-16px);
  transition:opacity .5s ease, transform .5s ease;
}
html.btvh-js-anim body.forside2 .cta-events__grid li.is-visible{
  opacity:1;
  transform:translateX(0);
}
html.btvh-js-anim body.forside2 .cta-events__grid li:nth-child(1){transition-delay:0s;}
html.btvh-js-anim body.forside2 .cta-events__grid li:nth-child(2){transition-delay:.1s;}
html.btvh-js-anim body.forside2 .cta-events__grid li:nth-child(3){transition-delay:.2s;}
html.btvh-js-anim body.forside2 .cta-events__grid li:nth-child(4){transition-delay:.3s;}


/* ============================================================
   MEDIA QUERIES — samlet, i samme rekkefølge som seksjonene over
   ============================================================ */

/* ---------- Hero ---------- */
@media (prefers-reduced-motion: reduce){
  .btvh-hero::before{animation:none; transform:scale(1);}
  .btvh-anim{animation:none; opacity:1; transform:none; filter:none;}
}
@media (max-width:600px){
  .btvh-hero{min-height:72vh;}
}

/* ---------- Faktastripe ---------- */
@media (max-width:700px){
  body.forside2 .btvh_fakta .grid__sm--3{ grid-template-columns:1fr !important; }
  body.forside2 .btvh_fakta .datalist-card{
    border-left:none !important;
    border-top:1px solid rgb(197 186 165 / 14%) !important;
  }
  body.forside2 .btvh_fakta .datalist-card:first-child{ border-top:none !important; }
}

/* ---------- Historien / tidslinje ---------- */
@media (max-width:480px){
  body.forside2 .btvh_historie [class*="grid__sm--"]{ max-width:355px; }
  body.forside2 .btvh_historie .datalist-card{ padding:0 !important; }
}

/* ---------- Sponsorer ---------- */
@media (max-width:820px){
  body.forside2 .btvh_spons .grid__sm--4{
    grid-template-columns:repeat(2, minmax(0, 1fr)) !important;
  }
}
@media (max-width:480px){
  body.forside2 .btvh_spons .grid__sm--4{
    grid-template-columns:minmax(0, 1fr) !important;
  }
}

/* ---------- Artikler (forsiden) ---------- */
@media (max-width:900px){
  body.forside2 .btvh__artikler .grid__lg--3{ grid-template-columns:repeat(2, 1fr) !important; }
}
@media (max-width:620px){
  body.forside2 .btvh__artikler .grid__lg--3{ grid-template-columns:1fr !important; }
}

/* ---------- Bli medlem ---------- */
@media (max-width:480px){
  body.forside2 .btvh__bli-medlem .image-list__content > div:has(a.image-list__button){
    flex-direction:column;
    align-items:stretch;
    gap:10px;
    text-align:left;
  }
  body.forside2 a.image-list__button{
    margin:0 !important;
    text-align:center;
  }
}

/* ---------- Aktivitetskalender ---------- */
@media (max-width:780px){
  body.forside2 .cta-events__grid{
    grid-template-columns:1fr !important;
  }
  body.forside2 .cta-events__grid ul{
    justify-content:center;
  }
}

/* ---------- Artikkelliste (/artikler) ---------- */
@media (max-width:820px){
  .btvh__article-list .grid__sm--2{ grid-template-columns:1fr !important; }
}