.color-main {
    color: var(--color-main) !important;
}
.bg-main {
    background-color: var(--color-main);
    color: var(--color-main-font);
    fill: var(--color-main-font); 
}
a {
    color: var(--color-main-font);
    text-decoration: underline;
    text-decoration-color: var(--color-btn);
    text-underline-offset: 0.2em;
    transition: color 0.25s ease, text-decoration 0.25s ease;
}
a:hover {
    color: var(--color-main-font-hover);
    text-decoration: none;
}

.bg-second {
    background-color: var(--color-main-alt);
    color: var(--color-main-alt-font);
    fill: var(--color-main-alt-font);
}

.bg-second a {
    color: var(--color-main-alt-font);
}
.bg-second a:hover {
    color: var(--color-main-alt-font-hover);
}

.site-footer:not(.copyright-text) {
    background-color: var(--color-footer);
    color: var(--color-footer-font);
    fill: var(--color-footer-font);
}
.site-footer a { 
    color: var(--color-footer-font);
}
.site-footer a:hover {
    color: var(--color-footer-font-hover);
}


/*Vis på stor og liten skjerm*/

@media (max-width: 991px) {
  .only-desktop {
    display: none !important;
  }
}
@media (min-width: 992px) {
  .only-mobile {
    display: none !important;
  }
}

/*Luft*/

.p-0{padding:0px;}
.p-15{padding:15px;}
.p-30{padding:30px;}
.p-45{padding:45px;}
.p-60{padding:60px;}
.p-75{padding:75px;}
.p-90{padding:90px;}

.py-0{padding-top:0px;padding-bottom:0px;}
.py-15{padding-top:15px;padding-bottom:15px;}
.py-30{padding-top:30px;padding-bottom:30px;}
.py-45{padding-top:45px;padding-bottom:45px;}
.py-60{padding-top:60px;padding-bottom:60px;}
.py-75{padding-top:75px;padding-bottom:75px;}
.py-90{padding-top:90px;padding-bottom:90px;}

.px-0{padding-left:0px;padding-right:0px;}
.px-15{padding-left:15px;padding-right:15px;}
.px-30{padding-left:30px;padding-right:30px;}
.px-45{padding-left:45px;padding-right:45px;}
.px-60{padding-left:60px;padding-right:60px;}
.px-75{padding-left:75px;padding-right:75px;}
.px-90{padding-left:90px;padding-right:90px;}

.pt-0{padding-top:0px;}
.pt-15{padding-top:15px;}
.pt-30{padding-top:30px;}
.pt-45{padding-top:45px;}
.pt-60{padding-top:60px;}
.pt-75{padding-top:75px;}
.pt-90{padding-top:90px;}

.pr-0{padding-right:0px;}
.pr-15{padding-right:15px;}
.pr-30{padding-right:30px;}
.pr-45{padding-right:45px;}
.pr-60{padding-right:60px;}
.pr-75{padding-right:75px;}
.pr-90{padding-right:90px;}

.pb-0{padding-bottom:0px;}
.pb-15{padding-bottom:15px;}
.pb-30{padding-bottom:30px;}
.pb-45{padding-bottom:45px;}
.pb-60{padding-bottom:60px;}
.pb-75{padding-bottom:75px;}
.pb-90{padding-bottom:90px;}

.pl-0{padding-left:0px;}
.pl-15{padding-left:15px;}
.pl-30{padding-left:30px;}
.pl-45{padding-left:45px;}
.pl-60{padding-left:60px;}
.pl-75{padding-left:75px;}
.pl-90{padding-left:90px;}

.m-0{margin:0px;}
.m-15{margin:15px;}
.m-30{margin:30px;}
.m-45{margin:45px;}
.m-60{margin:60px;}
.m-75{margin:75px;}
.m-90{margin:90px;}

.my-0{margin-top:0px;margin-bottom:0px;}
.my-15{margin-top:15px;margin-bottom:15px;}
.my-30{margin-top:30px;margin-bottom:30px;}
.my-45{margin-top:45px;margin-bottom:45px;}
.my-60{margin-top:60px;margin-bottom:60px;}
.my-75{margin-top:75px;margin-bottom:75px;}
.my-90{margin-top:90px;margin-bottom:90px;}

.mx-0{margin-left:0px;margin-right:0px;}
.mx-15{margin-left:15px;margin-right:15px;}
.mx-30{margin-left:30px;margin-right:30px;}
.mx-45{margin-left:45px;margin-right:45px;}
.mx-60{margin-left:60px;margin-right:60px;}
.mx-75{margin-left:75px;margin-right:75px;}
.mx-90{margin-left:90px;margin-right:90px;}

.mt-0{margin-top:0px;}
.mt-15{margin-top:15px;}
.mt-30{margin-top:30px;}
.mt-45{margin-top:45px;}
.mt-60{margin-top:60px;}
.mt-75{margin-top:75px;}
.mt-90{margin-top:90px;}

.mr-0{margin-right:0px;}
.mr-15{margin-right:15px;}
.mr-30{margin-right:30px;}
.mr-45{margin-right:45px;}
.mr-60{margin-right:60px;}
.mr-75{margin-right:75px;}
.mr-90{margin-right:90px;}

.mb-0{margin-bottom:0px;}
.mb-15{margin-bottom:15px;}
.mb-30{margin-bottom:30px;}
.mb-45{margin-bottom:45px;}
.mb-60{margin-bottom:60px;}
.mb-75{margin-bottom:75px;}
.mb-90{margin-bottom:90px;}

.ml-0{margin-left:0px;}
.ml-15{margin-left:15px;}
.ml-30{margin-left:30px;}
.ml-45{margin-left:45px;}
.ml-60{margin-left:60px;}
.ml-75{margin-left:75px;}
.ml-90{margin-left:90px;}


/*Images*/

.img-full {
    width: 100%;
    height: auto;
    max-width: 100%;
}

.img-15-10 {
    aspect-ratio: 15/10;
    object-fit: cover;
    width: 100%;
    max-width: 100%;
}

.img-cover {
    width: 100%;
    height: 100%;
    object-fit: cover;
}

@media only screen and (min-width: 992px) {

    .p-lg-0{padding:0px;}
    .p-lg-15{padding:15px;}
    .p-lg-30{padding:30px;}
    .p-lg-45{padding:45px;}
    .p-lg-60{padding:60px;}
    .p-lg-75{padding:75px;}
    .p-lg-90{padding:90px;}

    .py-lg-0{padding-top:0px;padding-bottom:0px;}
    .py-lg-15{padding-top:15px;padding-bottom:15px;}
    .py-lg-30{padding-top:30px;padding-bottom:30px;}
    .py-lg-45{padding-top:45px;padding-bottom:45px;}
    .py-lg-60{padding-top:60px;padding-bottom:60px;}
    .py-lg-75{padding-top:75px;padding-bottom:75px;}
    .py-lg-90{padding-top:90px;padding-bottom:90px;}

    .px-lg-0{padding-left:0px;padding-right:0px;}
    .px-lg-15{padding-left:15px;padding-right:15px;}
    .px-lg-30{padding-left:30px;padding-right:30px;}
    .px-lg-45{padding-left:45px;padding-right:45px;}
    .px-lg-60{padding-left:60px;padding-right:60px;}
    .px-lg-75{padding-left:75px;padding-right:75px;}
    .px-lg-90{padding-left:90px;padding-right:90px;}

    .pt-lg-0{padding-top:0px;}
    .pt-lg-15{padding-top:15px;}
    .pt-lg-30{padding-top:30px;}
    .pt-lg-45{padding-top:45px;}
    .pt-lg-60{padding-top:60px;}
    .pt-lg-75{padding-top:75px;}
    .pt-lg-90{padding-top:90px;}

    .pr-lg-0{padding-right:0px;}
    .pr-lg-15{padding-right:15px;}
    .pr-lg-30{padding-right:30px;}
    .pr-lg-45{padding-right:45px;}
    .pr-lg-60{padding-right:60px;}
    .pr-lg-75{padding-right:75px;}
    .pr-lg-90{padding-right:90px;}

    .pb-lg-0{padding-bottom:0px;}
    .pb-lg-15{padding-bottom:15px;}
    .pb-lg-30{padding-bottom:30px;}
    .pb-lg-45{padding-bottom:45px;}
    .pb-lg-60{padding-bottom:60px;}
    .pb-lg-75{padding-bottom:75px;}
    .pb-lg-90{padding-bottom:90px;}

    .pl-lg-0{padding-left:0px;}
    .pl-lg-15{padding-left:15px;}
    .pl-lg-30{padding-left:30px;}
    .pl-lg-45{padding-left:45px;}
    .pl-lg-60{padding-left:60px;}
    .pl-lg-75{padding-left:75px;}
    .pl-lg-90{padding-left:90px;}

    .m-lg-0{margin:0px;}
    .m-lg-15{margin:15px;}
    .m-lg-30{margin:30px;}
    .m-lg-45{margin:45px;}
    .m-lg-60{margin:60px;}
    .m-lg-75{margin:75px;}
    .m-lg-90{margin:90px;}

    .my-lg-0{margin-top:0px;margin-bottom:0px;}
    .my-lg-15{margin-top:15px;margin-bottom:15px;}
    .my-lg-30{margin-top:30px;margin-bottom:30px;}
    .my-lg-45{margin-top:45px;margin-bottom:45px;}
    .my-lg-60{margin-top:60px;margin-bottom:60px;}
    .my-lg-75{margin-top:75px;margin-bottom:75px;}
    .my-lg-90{margin-top:90px;margin-bottom:90px;}

    .mx-lg-0{margin-left:0px;margin-right:0px;}
    .mx-lg-15{margin-left:15px;margin-right:15px;}
    .mx-lg-30{margin-left:30px;margin-right:30px;}
    .mx-lg-45{margin-left:45px;margin-right:45px;}
    .mx-lg-60{margin-left:60px;margin-right:60px;}
    .mx-lg-75{margin-left:75px;margin-right:75px;}
    .mx-lg-90{margin-left:90px;margin-right:90px;}

    .mt-lg-0{margin-top:0px;}
    .mt-lg-15{margin-top:15px;}
    .mt-lg-30{margin-top:30px;}
    .mt-lg-45{margin-top:45px;}
    .mt-lg-60{margin-top:60px;}
    .mt-lg-75{margin-top:75px;}
    .mt-lg-90{margin-top:90px;}

    .mr-lg-0{margin-right:0px;}
    .mr-lg-15{margin-right:15px;}
    .mr-lg-30{margin-right:30px;}
    .mr-lg-45{margin-right:45px;}
    .mr-lg-60{margin-right:60px;}
    .mr-lg-75{margin-right:75px;}
    .mr-lg-90{margin-right:90px;}

    .mb-lg-0{margin-bottom:0px;}
    .mb-lg-15{margin-bottom:15px;}
    .mb-lg-30{margin-bottom:30px;}
    .mb-lg-45{margin-bottom:45px;}
    .mb-lg-60{margin-bottom:60px;}
    .mb-lg-75{margin-bottom:75px;}
    .mb-lg-90{margin-bottom:90px;}

    .ml-lg-0{margin-left:0px;}
    .ml-lg-15{margin-left:15px;}
    .ml-lg-30{margin-left:30px;}
    .ml-lg-45{margin-left:45px;}
    .ml-lg-60{margin-left:60px;}
    .ml-lg-75{margin-left:75px;}
    .ml-lg-90{margin-left:90px;}

    .img-lg-cover {
        width: 100%;
        max-width: none;
        height: 100%;
        object-fit: cover;
    }
}






/* Breakpoints (tilpass ved behov) */
:root {
  --bp-sm: 576px;
  --bp-md: 768px;
  --bp-lg: 992px;
  --bp-xl: 1200px;

  /* Bootstrap-ish gutter */
  --gutter-x: 15px;
  --gutter-y: 15px;
}


/* Row */
.row {
  display: grid;
  grid-template-columns: repeat(12, minmax(0, 1fr));
  column-gap: var(--gutter-x);
  row-gap: var(--gutter-y);
}

/* Standard kolonne: hvis du bare skriver .col → tar hele bredden */
.col {
  grid-column: 1 / -1;
}

/* ====== XS (default) spans ====== */
.col-1  { grid-column: span 1; }
.col-2  { grid-column: span 2; }
.col-3  { grid-column: span 3; }
.col-4  { grid-column: span 4; }
.col-5  { grid-column: span 5; }
.col-6  { grid-column: span 6; }
.col-7  { grid-column: span 7; }
.col-8  { grid-column: span 8; }
.col-9  { grid-column: span 9; }
.col-10 { grid-column: span 10; }
.col-11 { grid-column: span 11; }
.col-12 { grid-column: 1 / -1; }

/* ====== SM ====== */
@media (min-width: 576px) {
  .col-sm-1  { grid-column: span 1; }
  .col-sm-2  { grid-column: span 2; }
  .col-sm-3  { grid-column: span 3; }
  .col-sm-4  { grid-column: span 4; }
  .col-sm-5  { grid-column: span 5; }
  .col-sm-6  { grid-column: span 6; }
  .col-sm-7  { grid-column: span 7; }
  .col-sm-8  { grid-column: span 8; }
  .col-sm-9  { grid-column: span 9; }
  .col-sm-10 { grid-column: span 10; }
  .col-sm-11 { grid-column: span 11; }
  .col-sm-12 { grid-column: 1 / -1; }
}

/* ====== MD ====== */
@media (min-width: 768px) {
  .col-md-1  { grid-column: span 1; }
  .col-md-2  { grid-column: span 2; }
  .col-md-3  { grid-column: span 3; }
  .col-md-4  { grid-column: span 4; }
  .col-md-5  { grid-column: span 5; }
  .col-md-6  { grid-column: span 6; }
  .col-md-7  { grid-column: span 7; }
  .col-md-8  { grid-column: span 8; }
  .col-md-9  { grid-column: span 9; }
  .col-md-10 { grid-column: span 10; }
  .col-md-11 { grid-column: span 11; }
  .col-md-12 { grid-column: 1 / -1; }
}

/* ====== LG ====== */
@media (min-width: 992px) {
  .col-lg-1  { grid-column: span 1; }
  .col-lg-2  { grid-column: span 2; }
  .col-lg-3  { grid-column: span 3; }
  .col-lg-4  { grid-column: span 4; }
  .col-lg-5  { grid-column: span 5; }
  .col-lg-6  { grid-column: span 6; }
  .col-lg-7  { grid-column: span 7; }
  .col-lg-8  { grid-column: span 8; }
  .col-lg-9  { grid-column: span 9; }
  .col-lg-10 { grid-column: span 10; }
  .col-lg-11 { grid-column: span 11; }
  .col-lg-12 { grid-column: 1 / -1; }
}

/* ====== XL ====== */
@media (min-width: 1200px) {
  .col-xl-1  { grid-column: span 1; }
  .col-xl-2  { grid-column: span 2; }
  .col-xl-3  { grid-column: span 3; }
  .col-xl-4  { grid-column: span 4; }
  .col-xl-5  { grid-column: span 5; }
  .col-xl-6  { grid-column: span 6; }
  .col-xl-7  { grid-column: span 7; }
  .col-xl-8  { grid-column: span 8; }
  .col-xl-9  { grid-column: span 9; }
  .col-xl-10 { grid-column: span 10; }
  .col-xl-11 { grid-column: span 11; }
  .col-xl-12 { grid-column: 1 / -1; }
}


@media (min-width: 768px) {
.g-0  { --gutter-x: 0px;  --gutter-y: 0px; }
.g-1  { --gutter-x: 8px;  --gutter-y: 8px; }
.g-2  { --gutter-x: 16px; --gutter-y: 16px; }
.g-3  { --gutter-x: 24px; --gutter-y: 24px; }
.g-4  { --gutter-x: 32px; --gutter-y: 32px; }
.g-5  { --gutter-x: 48px; --gutter-y: 48px; }

.gx-0 { --gutter-x: 0px; }
.gx-1 { --gutter-x: 8px; }
.gx-2 { --gutter-x: 16px; }
.gx-3 { --gutter-x: 24px; }
.gx-4 { --gutter-x: 32px; }
.gx-5 { --gutter-x: 48px; }

.gy-0 { --gutter-y: 0px; }
.gy-1 { --gutter-y: 8px; }
.gy-2 { --gutter-y: 16px; }
.gy-3 { --gutter-y: 24px; }
.gy-4 { --gutter-y: 32px; }
.gy-5 { --gutter-y: 48px; }
}