@charset "UTF-8";
/*
Theme Name: Politikens Forlag
Theme URI: https://www.politikensforlag.dk/
Author: kodepine.dk
Author URI: https://kodepine.dk
Version: 1.0
*/
:root {
  --break-small: 620px;
  --break-medium: 768px;
  --break-large: 1024px;
  --break-xl: 1400px;
  --font-family-display: "Libre Bodoni", serif;
  --font-family-splash: "Roboto Condensed", serif;
  --font-family-content: "Roboto", serif;
  --clr-primary: hsl(0, 0%, 100%);
  --clr-primary-black: hsla(0, 0%, 0%, 0.999);
  --clr-primary-grey: hsla(0, 0%, 95%, 1);
  --clr-primary-01: hsla(157, 38%, 84%, 1);
  --clr-primary-02: hsla(357, 84.00%, 68.00%, 1);
  --clr-primary-03: hsla(358, 100%, 55.70%, 1);
  --fs-300: clamp(0.84rem, calc(0.91rem + 0.08vw), 0.98rem);
  --fs-400: clamp(1.13rem, calc(1.06rem + 0.33vw), 1.31rem);
  --fs-500: clamp(1.35rem, calc(1.21rem + 0.69vw), 1.75rem);
  --fs-600: clamp(1.62rem, calc(1.37rem + 1.24vw), 2.33rem);
  --fs-700: clamp(1.94rem, calc(1.54rem + 2.03vw), 3.11rem);
  --fs-800: clamp(2.33rem, calc(1.7rem + 3.15vw), 4.14rem);
  --fs-900: clamp(2.8rem, calc(1.85rem + 4.74vw), 5.52rem);
  --padding-inline: 1rem;
  --content-max-width: 920px;
  --breakout-max-width: 1000px;
  --breakout-size: calc((var(--breakout-max-width) - var(--content-max-width)) / 2);
  --border-radius: .2em;
  --link-color: var(--clr-primary-black);
  --swiper-navigation-size: 24px !important;
  --swiper-theme-color: white !important;
}

a,
a:visited,
a:hover,
a:active {
  color: var(--link-color);
  text-decoration: none;
}

html {
  /* color-scheme: var(--color-scheme); */
}

/* Usage Example */
body {
  font-family: var(--font-family-content);
  font-weight: 300;
  font-optical-sizing: auto;
  background-color: var(--clr-primary-grey);
}

h1,
h2,
h3,
h4,
.display {
  font-family: var(--font-family-display);
  font-optical-sizing: auto;
  text-transform: uppercase;
}

h1 {
  font-size: var(--fs-600);
  font-style: italic;
  /* Largest font size */
}
h1::after {
  content: "";
  display: block;
  margin-bottom: 0.5em;
}

h2 {
  font-size: var(--fs-500);
  text-transform: uppercase;
}

h3 {
  font-size: var(--fs-500);
}
h3:after {
  content: "";
  display: block;
  margin-bottom: 1em;
}

h4 {
  font-size: var(--fs-300);
}

p {
  font-size: var(--fs-300);
  /* Smaller font size for paragraphs */
  line-height: calc(var(--fs-300) * 1.5);
}

.font-splash-info {
  font-family: var(--font-family-splash);
  color: blue;
}
.font-splash-author {
  font-family: var(--font-family-splash);
  font-size: 1em;
  display: block;
  margin-bottom: 1rem;
}
@media (max-width: 620px) {
  .font-splash-author {
    margin-top: 1.5em;
  }
}
.font-splash-header {
  font-family: var(--font-family-splash);
  color: green;
}
.font-splash-paragraph {
  font-family: var(--font-family-content);
  color: orange;
}
.font-splash-category {
  font-family: var(--font-family-splash);
  font-size: 0.9em;
  display: block;
  margin-bottom: 1rem;
}
@media (max-width: 620px) {
  .font-splash-category {
    margin-top: 1em;
  }
}

.bg-color--transparent {
  background-color: transparent;
}

.bg-color--white {
  background-color: white;
  color: black;
}

.bg-color--01 {
  background-color: var(--clr-primary-01);
}

.bg-color--02 {
  background-color: var(--clr-primary-02);
  color: white;
}
.bg-color--02 .link-base {
  color: #ffffff;
}
.bg-color--02 .link-base:after {
  -webkit-filter: invert(100%) sepia(0%) saturate(0%) hue-rotate(0deg) brightness(100%) contrast(100%);
          filter: invert(100%) sepia(0%) saturate(0%) hue-rotate(0deg) brightness(100%) contrast(100%);
}

.bg-color--03 {
  background-color: var(--clr-primary-03);
  color: white;
}

.bg-color--04 {
  background-color: var(--clr-primary-grey);
}

.bg-gradient--01 {
  background: -webkit-gradient(linear, left top, left bottom, color-stop(50%, rgba(var(--color-1), var(--bg-opacity, 1))), to(rgba(var(--color-4), var(--bg-opacity, 0.6))));
  background: linear-gradient(to bottom, rgba(var(--color-1), var(--bg-opacity, 1)) 50%, rgba(var(--color-4), var(--bg-opacity, 0.6)) 100%);
}

.opacity-10 {
  --bg-opacity: 0.1;
}

.opacity-20 {
  --bg-opacity: 0.2;
}

.opacity-30 {
  --bg-opacity: 0.3;
}

.opacity-40 {
  --bg-opacity: 0.4;
}

.opacity-50 {
  --bg-opacity: 0.5;
}

.opacity-60 {
  --bg-opacity: 0.6;
}

.opacity-70 {
  --bg-opacity: 0.7;
}

.opacity-80 {
  --bg-opacity: 0.8;
}

.opacity-90 {
  --bg-opacity: 0.9;
}

.opacity-100 {
  --bg-opacity: 1;
}

/* Content Grid Layout */
.grid-template {
  display: -ms-grid;
  display: grid;
  -ms-grid-columns: [full-width-start] minmax(var(--padding-inline), 1fr) [breakout-start] minmax(0, var(--breakout-size)) [content-start] min(100% - var(--padding-inline) * 3, var(--content-max-width)) [content-end] minmax(0, var(--breakout-size)) [breakout-end] minmax(var(--padding-inline), 1fr) [full-width-end];
  grid-template-columns: [full-width-start] minmax(var(--padding-inline), 1fr) [breakout-start] minmax(0, var(--breakout-size)) [content-start] min(100% - var(--padding-inline) * 3, var(--content-max-width)) [content-end] minmax(0, var(--breakout-size)) [breakout-end] minmax(var(--padding-inline), 1fr) [full-width-end];
  /* Hide any overflow from the right side of the grid. */
}

.grid-base {
  display: -ms-grid;
  display: grid;
  -ms-grid-columns: subgrid;
  grid-template-columns: subgrid;
  /* Inherit columns from parent */
  grid-column: full-width-start/full-width-end;
}
.grid-base p {
  margin-bottom: 1em;
  display: block;
}
.grid-subgrid-breakout {
  display: -ms-grid;
  display: grid;
  -ms-grid-columns: subgrid;
  grid-template-columns: subgrid;
  /* Inherit columns from parent */
  grid-column: breakout-start/breakout-end;
}
.grid-subgrid {
  grid-column: content-start/content-end;
  overflow: hidden;
}
.grid-full-width {
  grid-column: full-width-start/full-width-end;
}
.grid-breakout {
  grid-column: breakout-start/breakout-end;
}
.grid-expand-right {
  grid-column: content-start/full-width-end;
}

.padding {
  padding: calc(var(--padding-inline) * 2.5);
}
@media (max-width: 1024px) {
  .padding {
    padding: calc(var(--padding-inline) * 2);
  }
}
@media (max-width: 768px) {
  .padding {
    padding: calc(var(--padding-inline) * 2.5);
  }
}
@media (max-width: 620px) {
  .padding {
    padding: var(--padding-inline);
  }
}
.padding-full-width-image {
  padding: var(--padding-inline);
  /* Remove padding if an image exists inside */
  /* Apply padding only when no <img> exists */
}
.padding-full-width-image:has(div img) {
  padding: 0;
}
.padding-full-width-image > div:not(:has(img)) {
  padding: var(--padding-inline);
}
.padding-sides-only {
  padding: 0 calc(var(--padding-inline) * 2.5);
}
.padding-top-0 {
  padding-top: 0;
}
.padding-bottom-0 {
  padding-bottom: 0;
}

.subgrid-split {
  /* If .reverse-order is applied, last child comes first on small screens */
}
.subgrid-split-2 {
  display: -ms-grid;
  display: grid;
  -ms-grid-columns: 1fr calc(var(--padding-inline) * 2) 1fr;
  grid-template-columns: repeat(2, 1fr);
  /* Two equal-width columns */
  -webkit-column-gap: calc(var(--padding-inline) * 2);
     -moz-column-gap: calc(var(--padding-inline) * 2);
          column-gap: calc(var(--padding-inline) * 2);
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  /* Default - No Order Change */
  /* On smaller screens, switch to a single column */
}
.subgrid-split-2 > div img {
  /* Ensures the image stretches */
  /* Ensures proper cropping */
}
.subgrid-split-2 > div.div-1 {
  -webkit-box-ordinal-group: 2;
      -ms-flex-order: 1;
          order: 1;
}
.subgrid-split-2 > div.div-2 {
  -webkit-box-ordinal-group: 3;
      -ms-flex-order: 2;
          order: 2;
  margin: 0 auto;
}
@media (max-width: 620px) {
  .subgrid-split-2 {
    -ms-grid-columns: 1fr;
    grid-template-columns: 1fr;
    border: 10px solid blue;
    /* Single column */
  }
}
.subgrid-split-2.reverse-order > div:first-child {
  -webkit-box-ordinal-group: 3;
      -ms-flex-order: 2;
          order: 2;
  /* Move first div below */
}
.subgrid-split-2.reverse-order > div:last-child {
  -webkit-box-ordinal-group: 2;
      -ms-flex-order: 1;
          order: 1;
  /* Move last div on top */
}
@media (max-width: 620px) {
  .subgrid-split-2.reverse-order-mobile-only > div:first-child {
    -webkit-box-ordinal-group: 3;
        -ms-flex-order: 2;
            order: 2;
    /* Move first div below */
  }
  .subgrid-split-2.reverse-order-mobile-only > div:last-child {
    -webkit-box-ordinal-group: 2;
        -ms-flex-order: 1;
            order: 1;
    /* Move last div on top */
  }
}
.subgrid-split-4 {
  display: -ms-grid;
  display: grid;
  -ms-grid-columns: 1fr var(--padding-inline) 1fr var(--padding-inline) 1fr var(--padding-inline) 1fr;
  grid-template-columns: repeat(4, 1fr);
  /* Four columns */
  -webkit-column-gap: var(--padding-inline);
     -moz-column-gap: var(--padding-inline);
          column-gap: var(--padding-inline);
  row-gap: var(--padding-inline);
  /* On tablets, reduce to 2 columns */
  /* On mobile, switch to a single column */
}
.subgrid-split-4 > a img {
  display: block;
  width: 100%;
  height: auto;
}
@media (max-width: 768px) {
  .subgrid-split-4 {
    -ms-grid-columns: (1fr)[2];
    grid-template-columns: repeat(2, 1fr);
  }
}
@media (max-width: 620px) {
  .subgrid-split-4 {
    -ms-grid-columns: 1fr;
    grid-template-columns: 1fr;
  }
}
.subgrid-bento {
  display: -ms-grid;
  display: grid;
  -ms-grid-columns: 1fr 1rem 1fr 1rem 1fr 1rem 1fr;
  grid-template-columns: repeat(4, 1fr);
  /* 4 faste kolonner */
  gap: 1rem;
  grid-auto-rows: auto;
  /* Lad højden styres af indholdet */
  grid-auto-flow: dense;
  /* Featured */
}
.subgrid-bento .item {
  background: #eee;
  position: relative;
  overflow: hidden;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  text-align: center;
  padding: 1rem;
}
.subgrid-bento .wide {
  -ms-grid-column-span: 2;
  grid-column: span 2;
  aspect-ratio: auto;
  height: auto;
  margin: auto;
  background-color: transparent;
}
.subgrid-bento .featured {
  -ms-grid-column-span: 2;
  grid-column: span 2;
  -ms-grid-row-span: 1;
  grid-row: span 1;
  background-color: #ddd;
}
.subgrid-bento .article-item h3 {
  font-size: 1rem;
  margin: 0 0 0.5rem;
}
.subgrid-bento .read-more {
  background: none;
  border: 1px solid red;
  padding: 0.25rem 0.5rem;
  font-size: 0.9rem;
  cursor: pointer;
}
.subgrid-bento .text-block p {
  margin: 0;
  font-size: 0.9rem;
  text-align: left;
}

.image-align-top {
  -webkit-box-align: start;
      -ms-flex-align: start;
          align-items: flex-start;
}

.link-base {
  font-family: var(--font-family-splash);
  font-size: 1em;
  text-decoration: none !important;
  color: var(--clr-primary-black);
}
.link-base::after {
  content: "";
  display: inline-block;
  width: 2em;
  height: 2em;
  margin-left: 0.5em;
  vertical-align: middle;
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 25 25'%3E%3Cpath style='fill:%23000000' d='m17.5 5.999-.707.707 5.293 5.293H1v1h21.086l-5.294 5.295.707.707L24 12.499l-6.5-6.5z' data-name='Right'/%3E%3C/svg%3E");
  background-repeat: no-repeat;
  background-size: contain;
}
.link-button {
  font-family: var(--font-family-splash);
  font-size: 1.1em;
  text-decoration: none;
  padding: 0.5rem 1rem;
  border-radius: 0.3rem;
  display: inline-block;
  color: white;
}
.link-button.navigation {
  background-color: var(--clr-primary-black);
  margin: 0 2em;
}
.link-button.navigation > a,
.link-button.navigation a:link,
.link-button.navigation a:visited {
  color: var(--clr-primary) !important;
  padding: 0 !important;
}
.link-button.wide {
  background-color: var(--clr-primary-black);
  color: var(--clr-primary);
  padding: 0.4rem 2rem;
}
.link-button.black {
  background-color: var(--clr-primary-black);
  color: var(--clr-primary);
}
.link-button.red {
  background-color: var(--clr-primary-02);
  color: var(--clr-primary);
}
.link-button.product {
  font-size: 0.8em;
  background-color: var(--clr-primary-black);
  color: var(--clr-primary);
}
.link-button.product:link {
  color: hsl(0, 0%, 100%);
}
.link-button.product:hover {
  background-color: #0056b3;
}
.link-button.small {
  font-family: var(--font-family-splash);
  font-size: 0.8em;
  text-decoration: none;
  display: inline-block;
  width: auto;
  background-color: var(--clr-primary-02);
}
p > .link-button {
  margin: 1em 0;
}

.bg-gradient {
  height: 400px;
}
.bg-gradient--01 {
  background: radial-gradient(circle at 30% 10%, var(--clr-primary-01) 10%, hsla(357, 84%, 68%, 0.496) 50%, transparent 80%), radial-gradient(circle at 80% 80%, var(--clr-primary-01) 25%, transparent 100%), radial-gradient(circle at 20% 80%, var(--clr-primary-03) 20%, transparent 100%);
}

.book-details dl {
  font-size: 0.8rem;
  display: -ms-grid;
  display: grid;
  -ms-grid-columns: auto 1fr;
  grid-template-columns: auto 1fr;
  margin: 0;
  padding: 0;
}
.book-details dl dt:nth-of-type(odd),
.book-details dl dd:nth-of-type(odd) {
  background-color: rgba(0, 0, 0, 0.062745098);
  padding: 1em 1.5em;
}
.book-details dl dt:nth-of-type(even),
.book-details dl dd:nth-of-type(even) {
  background-color: rgba(255, 255, 255, 0.8823529412);
  padding: 1em 1.5em;
}
.book-details dl dt {
  margin: 0;
}
.book-details dl dd {
  margin: 0;
  text-align: right;
}

audio {
  width: 100%;
  /* Fuld bredde */
  border-radius: 2px;
  /* Afrundede hjørner */
  background-color: #f5f5f5;
  /* Lys baggrund */
  margin-top: 0.5em;
  font-weight: bold;
}

figure {
  display: block;
  padding-bottom: 1em;
  font-size: 0.9em;
}

/* Indholdstyper */
.video-item .play-icon {
  width: 50px;
  height: 50px;
  background: rgba(255, 255, 255, 0.2);
  /* Hvid med 0.2 opacity */
  border: 2px solid white;
  border-radius: 50%;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  position: relative;
}

.video-item .play-icon::before {
  content: "";
  display: block;
  width: 0;
  height: 0;
  border-style: solid;
  border-width: 10px 0 10px 16px;
  border-color: transparent transparent transparent white;
  border-radius: 4px;
  position: absolute;
  left: 50%;
  top: 50%;
  -webkit-transform: translate(-40%, -50%);
          transform: translate(-40%, -50%);
  /* justér for optisk centrering */
}

/* Formatklasser */
.aspect-no-format {
  aspect-ratio: auto;
  background-color: #0056b3;
}

.aspect-16-9 {
  aspect-ratio: 16/9;
}

.aspect-1-2 {
  aspect-ratio: 1/2;
}

.aspect-3-4 {
  aspect-ratio: 3/4;
}

/* Slide-in starttilstand */
.site-header-container {
  position: relative;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  height: 4em;
  width: 100%;
  z-index: 1000;
}

.site-header {
  position: sticky;
  top: 0;
  z-index: 1000;
  -webkit-transition: -webkit-transform 0.3s ease;
  transition: -webkit-transform 0.3s ease;
  transition: transform 0.3s ease;
  transition: transform 0.3s ease, -webkit-transform 0.3s ease;
}
.site-header.header-hidden-while-scrolling-down {
  -webkit-transform: translateY(-100%);
          transform: translateY(-100%);
}
.site-header.header-show-on-scroll-up {
  -webkit-transform: translateY(0);
          transform: translateY(0);
}
.site-header-logo {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
}
.site-header-logo img {
  width: 120px !important;
  margin-top: 3px;
}
@media (min-width: 1030px) {
  .site-header-logo img {
    margin-left: 10px;
  }
}
@media (max-width: 620px) {
  .site-header-logo {
    -webkit-box-flex: 2;
        -ms-flex-positive: 2;
            flex-grow: 2;
  }
}
.site-header-search {
  margin-right: 1em;
}
.site-header-top-navigation {
  -webkit-box-flex: 1;
      -ms-flex-positive: 1;
          flex-grow: 1;
}
@media (max-width: 620px) {
  .site-header-top-navigation {
    display: none !important;
  }
}
.site-header-navigation .link-button.menu-item-hamburger-only {
  border: 0;
  padding: 1em;
  margin: 0;
  background-color: inherit;
}
.site-header-navigation .link-button.menu-item-hamburger-only > a {
  color: black !important;
}

.site-header-top-navigation {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  width: 100%;
}
.site-header-top-navigation .menu-top-navigation-container {
  width: 100%;
}
.site-header-top-navigation .menu-top-navigation-container > ul.menu {
  list-style: none;
  padding: 0;
  margin: 0;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
}
.site-header-top-navigation .menu-top-navigation-container > ul.menu > li {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
}
.site-header-top-navigation .menu-top-navigation-container > ul.menu > li > a {
  font-family: var(--font-family-splash);
  font-size: 1em;
  text-decoration: none;
  color: #000;
  padding: 0 1em;
}

.top-search {
  position: relative;
  font-size: 1.3em;
  width: 90%;
  height: 1.5em;
  margin: auto auto auto 1em;
  background: transparent;
  color: white;
  border: 0;
  font-weight: 300;
  cursor: pointer;
}
.top-search::before {
  content: "|";
  position: absolute;
  right: 0;
  top: 50%;
  -webkit-transform: translateY(-50%);
          transform: translateY(-50%);
  font-size: 1em;
  color: #eaf700;
  -webkit-animation: blink 0.8s infinite alternate;
          animation: blink 0.8s infinite alternate;
}
.top-search::-webkit-input-placeholder {
  color: rgba(var(--primary-text-color), 1);
  letter-spacing: 1px;
}
.top-search::-moz-placeholder {
  color: rgba(var(--primary-text-color), 1);
  letter-spacing: 1px;
}
.top-search:-ms-input-placeholder {
  color: rgba(var(--primary-text-color), 1);
  letter-spacing: 1px;
}
.top-search::-ms-input-placeholder {
  color: rgba(var(--primary-text-color), 1);
  letter-spacing: 1px;
}
.top-search::placeholder {
  color: rgba(var(--primary-text-color), 1);
  letter-spacing: 1px;
}
.top-search:focus {
  outline: none;
  -webkit-transition: all;
  transition: all;
}
.top-search:focus::before {
  display: none;
}

@-webkit-keyframes blink {
  0%, 100% {
    opacity: 1;
  }
  50% {
    opacity: 0;
  }
}

@keyframes blink {
  0%, 100% {
    opacity: 1;
  }
  50% {
    opacity: 0;
  }
}
.search-container {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  background-color: rgba(11, 111, 125, 0.01);
  cursor: pointer;
}
.search-container svg {
  width: 25px;
  height: 25px;
  fill: rgb(0, 0, 0);
  stroke: rgb(0, 0, 0);
  stroke-width: 20px;
}
.search-container path {
  fill: rgba(var(--primary-text-color-inv), 1);
}

.search-overlay {
  position: absolute;
  top: 100%;
  left: 0;
  right: 0;
  margin: 0 auto;
  width: min(100% - var(--padding-inline) * 2, var(--content-max-width));
  height: 0;
  background: #000;
  z-index: 1200;
  -webkit-transition: height 0.3s ease;
  transition: height 0.3s ease;
}
.search-overlay.open {
  height: 4em;
}
.search-overlay .search-field {
  padding: 1em;
  opacity: 0;
  visibility: hidden;
  -webkit-transition: opacity 0.2s ease, visibility 0s linear 0.2s;
  transition: opacity 0.2s ease, visibility 0s linear 0.2s;
}
.search-overlay .search-field input {
  width: 100%;
}
.search-overlay.open .search-field {
  opacity: 1;
  visibility: visible;
  -webkit-transition-delay: 0.35s;
          transition-delay: 0.35s;
}
.search-response {
  display: none;
  position: absolute;
  top: 5em;
  left: 0;
  right: 0;
  margin: 0 auto;
  max-height: 50vh;
  overflow-y: auto;
  -ms-scroll-chaining: none;
      overscroll-behavior: contain;
  -webkit-overflow-scrolling: touch;
  background: white;
  padding: 1em;
  z-index: 1201;
  -webkit-box-shadow: 0 6px 8px rgba(0, 0, 0, 0.15);
          box-shadow: 0 6px 8px rgba(0, 0, 0, 0.15);
}
.search-response.visible {
  display: block;
  -webkit-animation: fadeDown 0.25s ease;
          animation: fadeDown 0.25s ease;
}
.search-response ul {
  list-style: none;
  margin: 0;
  padding: 0;
}
.search-response ul li {
  margin-bottom: 1em;
}
.search-response ul li span:first-child {
  font-weight: bold;
}
.search-response ul li span {
  display: block;
}
.search-divider {
  border-top: 1px solid #ddd;
  margin: 2em 0;
}

@-webkit-keyframes fadeDown {
  from {
    opacity: 0;
    -webkit-transform: translateY(-5%);
            transform: translateY(-5%);
  }
  to {
    opacity: 1;
    -webkit-transform: translateY(0);
            transform: translateY(0);
  }
}

@keyframes fadeDown {
  from {
    opacity: 0;
    -webkit-transform: translateY(-5%);
            transform: translateY(-5%);
  }
  to {
    opacity: 1;
    -webkit-transform: translateY(0);
            transform: translateY(0);
  }
}
.button_container {
  position: relative;
  right: 0;
  height: 1.5rem;
  width: 1.6rem;
  cursor: pointer;
  z-index: 100;
  -webkit-transition: opacity 0.25s ease;
  transition: opacity 0.25s ease;
}
.button_container:hover {
  opacity: 0.7;
}
.button_container.active .top {
  -webkit-transform: translateY(12px) rotate(45deg);
          transform: translateY(12px) rotate(45deg);
  background: #000;
}
.button_container.active .middle {
  opacity: 0;
  background: #000;
}
.button_container.active .bottom {
  -webkit-transform: translateY(-6px) rotate(-45deg);
          transform: translateY(-6px) rotate(-45deg);
  background: #000;
}
.button_container span {
  background: black;
  border: none;
  height: 3px;
  width: 100%;
  position: absolute;
  border-radius: 5px;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  top: 0;
  left: 0;
  -webkit-transition: all 0.35s ease;
  transition: all 0.35s ease;
  cursor: pointer;
}
.button_container span:nth-of-type(2) {
  top: 9px;
}
.button_container span:nth-of-type(3) {
  top: 18px;
}

.overlay {
  position: absolute;
  top: 4em;
  right: 0;
  width: 20rem;
  height: 500px;
  background: rgba(255, 255, 255, 0.95);
  opacity: 0;
  -webkit-transform: translateY(-5%);
          transform: translateY(-5%);
  -webkit-transition: all 0.3s ease-in-out;
  transition: all 0.3s ease-in-out;
  pointer-events: none;
}
.overlay.open {
  opacity: 1;
  -webkit-transform: translateY(0);
          transform: translateY(0);
  pointer-events: auto;
}

.menu-item-hamburger-only a {
  color: orange;
}

.menu-items {
  list-style: none;
  padding: 1em 4em 2em 2em;
  margin: 0;
  position: relative;
  height: 100%;
  width: 100%;
}
.menu-items li {
  font-family: var(--font-family-splash);
  display: block;
  position: relative;
  opacity: 0;
  padding: 1em;
  -webkit-animation: fadeInRight 0.5s ease forwards;
          animation: fadeInRight 0.5s ease forwards;
  -webkit-animation-delay: calc(0.15s * var(--i));
          animation-delay: calc(0.15s * var(--i));
}
.menu-items li a,
.menu-items li a:link,
.menu-items li a:visited {
  text-decoration: none;
  color: #000;
}
.menu-items li:nth-child(1) {
  --i: 1;
}
.menu-items li:nth-child(2) {
  --i: 2;
}
.menu-items li:nth-child(3) {
  --i: 3;
}
.menu-items li:nth-child(4) {
  --i: 4;
}
.menu-items li:nth-child(5) {
  --i: 5;
}
.menu-items li:nth-child(6) {
  --i: 6;
}
.menu-items li:nth-child(7) {
  --i: 7;
}
.menu-items li:nth-child(8) {
  --i: 8;
}
.menu-items li:nth-child(9) {
  --i: 9;
}
.menu-items li:nth-child(10) {
  --i: 10;
}

@-webkit-keyframes fadeInRight {
  0% {
    opacity: 0;
    -webkit-transform: translateX(20%);
            transform: translateX(20%);
  }
  100% {
    opacity: 1;
    -webkit-transform: translateX(0);
            transform: translateX(0);
  }
}

@keyframes fadeInRight {
  0% {
    opacity: 0;
    -webkit-transform: translateX(20%);
            transform: translateX(20%);
  }
  100% {
    opacity: 1;
    -webkit-transform: translateX(0);
            transform: translateX(0);
  }
}
.search-group {
  margin: 1em 0;
}
.search-group ul {
  list-style: none;
  margin: 0;
  padding: 0;
}
.search-group li {
  padding: 0.5em;
  border-left: 4px solid transparent;
  margin-bottom: 0.25em;
}
.search-group li.match-title {
  border-color: green;
}
.search-group li.match-isbn {
  border-color: blue;
}
.search-group li.match-author {
  border-color: orange;
}
.search-group.products .results-grid, .search-group.authors .results-grid {
  display: -ms-grid;
  display: grid;
  grid-template-columns: repeat(auto-fill, minmax(140px, 1fr));
  gap: 1em;
  margin-top: 0.5em;
}
.search-group.products .results-grid .result-item a, .search-group.authors .results-grid .result-item a {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  text-decoration: none;
  color: inherit;
  background: #fff;
  height: 100%;
  -webkit-transition: -webkit-transform 0.15s ease;
  transition: -webkit-transform 0.15s ease;
  transition: transform 0.15s ease;
  transition: transform 0.15s ease, -webkit-transform 0.15s ease;
  /* skjul forfatter-billeder */
}
.search-group.products .results-grid .result-item a:hover, .search-group.authors .results-grid .result-item a:hover {
  -webkit-transform: translateY(-2px);
          transform: translateY(-2px);
}
.search-group.products .results-grid .result-item a .author-img, .search-group.authors .results-grid .result-item a .author-img {
  display: none;
}
.search-group.products .results-grid .result-item a img, .search-group.authors .results-grid .result-item a img {
  width: 100%;
  height: 200px;
  -o-object-fit: cover;
     object-fit: cover;
  margin-bottom: 0.5em;
  border-radius: 2px;
}
.search-group.products .results-grid .result-item a .meta, .search-group.authors .results-grid .result-item a .meta {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  -webkit-box-flex: 1;
      -ms-flex: 1;
          flex: 1;
  font-size: 0.9em;
  background-color: #f9f9f9;
  padding: 0.5em;
  min-height: 4em;
}
.search-group.products .results-grid .result-item a .meta .top, .search-group.authors .results-grid .result-item a .meta .top {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  gap: 0.25em;
  /* nyt felt til author-navne */
}
.search-group.products .results-grid .result-item a .meta .top strong, .search-group.authors .results-grid .result-item a .meta .top strong {
  font-weight: bold;
}
.search-group.products .results-grid .result-item a .meta .top .authors, .search-group.authors .results-grid .result-item a .meta .top .authors {
  margin-top: 0.25rem;
  font-style: italic;
  color: #555;
}
.search-group.products .results-grid .result-item a .meta .top .author-name, .search-group.authors .results-grid .result-item a .meta .top .author-name {
  display: inline-block;
  padding: 0.4em 0.8em;
  margin: 0.2em 0;
  background: #f0f0f0;
  border-radius: 999px;
  font-size: 0.9em;
  cursor: pointer;
  -webkit-transition: background 0.2s;
  transition: background 0.2s;
}
.search-group.products .results-grid .result-item a .meta .top .author-name:hover, .search-group.authors .results-grid .result-item a .meta .top .author-name:hover {
  background: #ddd;
}
.search-group.products .results-grid .result-item a .meta .bottom, .search-group.authors .results-grid .result-item a .meta .bottom {
  margin-top: auto;
}
.search-group.products .results-grid .result-item a .meta .bottom .isbn, .search-group.authors .results-grid .result-item a .meta .bottom .isbn {
  font-size: 0.8em;
  color: #999;
}

.inline-search {
  overflow: hidden;
  height: 3em;
  -webkit-transition: height 0.4s ease;
  transition: height 0.4s ease;
}
.inline-search-wrapper {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  background: #f4f4f4 !important;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  background: inherit;
}
.inline-search-input {
  -webkit-box-flex: 1;
      -ms-flex: 1;
          flex: 1;
  padding: 0.75em 1em;
  border: none;
  background: transparent;
  font-size: 1em;
}
.inline-search-input:focus {
  outline: none;
}
.inline-search-clear {
  -webkit-box-flex: 0;
      -ms-flex: 0 0 2em;
          flex: 0 0 2em;
  height: 2em;
  display: none;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  background: none;
  border: none;
  font-size: 1.2em;
  cursor: pointer;
  color: #666;
}
.inline-search-clear:hover {
  color: #000;
}
.inline-search-clear.visible {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
}
.inline-search-results {
  opacity: 0;
  -webkit-transition: opacity 0.3s ease;
  transition: opacity 0.3s ease;
}
.inline-search-results.visible {
  opacity: 1;
}
.inline-search-results-list {
  display: -ms-grid;
  display: grid;
  gap: 0.75em;
  padding: 0.5em 1em 1em;
}

.inline-skeleton {
  display: -ms-grid;
  display: grid;
  gap: 0.75em;
}
.inline-skeleton .skeleton-item {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  gap: 0.5em;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
}
.inline-skeleton .skeleton-item .skeleton-img {
  width: 50px;
  height: 75px;
  background: #ddd;
  border-radius: 2px;
  -ms-flex-negative: 0;
      flex-shrink: 0;
  -webkit-animation: pulse 1.2s infinite ease-in-out;
          animation: pulse 1.2s infinite ease-in-out;
}
.inline-skeleton .skeleton-item .skeleton-text {
  -webkit-box-flex: 1;
      -ms-flex: 1;
          flex: 1;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  gap: 0.4em;
}
.inline-skeleton .skeleton-item .skeleton-text span {
  height: 12px;
  background: #ddd;
  border-radius: 2px;
  -webkit-animation: pulse 1.2s infinite ease-in-out;
          animation: pulse 1.2s infinite ease-in-out;
}
.inline-skeleton .skeleton-item .skeleton-text span:first-child {
  width: 60%;
}
.inline-skeleton .skeleton-item .skeleton-text span:last-child {
  width: 40%;
}

@-webkit-keyframes pulse {
  0% {
    opacity: 1;
  }
  50% {
    opacity: 0.4;
  }
  100% {
    opacity: 1;
  }
}

@keyframes pulse {
  0% {
    opacity: 1;
  }
  50% {
    opacity: 0.4;
  }
  100% {
    opacity: 1;
  }
}
@-webkit-keyframes skeleton-loading {
  0% {
    background-color: #e0e0e0;
  }
  50% {
    background-color: #f0f0f0;
  }
  100% {
    background-color: #e0e0e0;
  }
}
@keyframes skeleton-loading {
  0% {
    background-color: #e0e0e0;
  }
  50% {
    background-color: #f0f0f0;
  }
  100% {
    background-color: #e0e0e0;
  }
}
/* Konfigurer slider-container */
.swiper-container {
  width: 100%;
  margin: 0 auto;
  -webkit-transition: height 0.5s ease;
  transition: height 0.5s ease;
  position: relative;
  min-height: 260px;
}
.swiper-container.loading::before {
  content: "Henter billeder...";
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background-color: rgb(255, 255, 255);
  color: rgb(0, 0, 0);
  z-index: 100;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  font-size: 1.5em;
  font-family: var(--font-family-splash);
  text-transform: uppercase;
  -webkit-transition: opacity 0.3s ease;
  transition: opacity 0.3s ease;
}
.swiper-container.loading::before {
  opacity: 1;
}
.swiper-container::before {
  opacity: 0;
  -webkit-transition: opacity 0.3s ease;
  transition: opacity 0.3s ease;
}
.swiper-container.loading .swiper-wrapper {
  visibility: hidden;
}
.swiper-container.loaded {
  opacity: 1;
}

.swiper-container-head {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
}

.swiper-wrapper {
  margin-left: 0;
}

.swiper-slide {
  position: relative;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  height: auto;
}

.swiper-slide img {
  width: 100%;
  height: auto;
  -o-object-fit: cover;
     object-fit: cover;
}

.swiper-button-container {
  width: 100px;
  height: 30px;
  display: block;
  background-color: red;
}

.swiper-button-prev,
.swiper-button-next {
  top: 30% !important;
  margin-top: 0 !important;
}

.swiper-pagination {
  position: relative !important;
  text-align: left !important;
  -webkit-transition: 0.3s opacity;
  transition: 0.3s opacity;
  -webkit-transform: translate3d(0, 0, 0);
          transform: translate3d(0, 0, 0);
  z-index: 10;
  margin-top: 2rem;
}
.swiper-pagination-bullet-active {
  background-color: black !important;
}

/* Product Styles */
.product-container {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  -webkit-box-align: start;
      -ms-flex-align: start;
          align-items: flex-start;
  overflow: hidden;
  margin-top: 2rem;
}
.product-image {
  min-height: 200px;
  overflow: hidden;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: end;
      -ms-flex-align: end;
          align-items: flex-end;
}
.product-image img {
  -o-object-fit: contain;
     object-fit: contain;
}
.product-info {
  font-family: var(--font-family-splash);
  font-weight: 100;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  height: 100px;
}
.product-author {
  font-size: 0.8em;
  margin-top: 0.5rem;
  margin-bottom: 0.5rem;
}
.product-title {
  font-size: 1em;
  line-height: 1.2em;
  padding-bottom: 1em;
  padding-right: 2em;
}

/* Grid-variant på desktop */
@media (min-width: 769px) {
  .swiper-container[data-variant=grid] {
    display: -ms-grid;
    display: grid;
    -ms-grid-columns: 1fr 1rem 1fr 1rem 1fr 1rem 1fr;
    grid-template-columns: repeat(4, 1fr);
    gap: 1rem;
  }
  .swiper-container[data-variant=grid] .swiper-wrapper {
    display: contents;
  }
  .swiper-container[data-variant=grid] .swiper-slide {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
    width: auto !important;
    margin-right: 0 !important;
  }
  .swiper-container[data-variant=grid] .swiper-button-next,
  .swiper-container[data-variant=grid] .swiper-button-prev,
  .swiper-container[data-variant=grid] .swiper-pagination {
    display: none !important;
  }
}

/* Cover-visning */
.cover-link {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  height: 100%;
  text-decoration: none;
}

.cover-img,
.cover-fallback {
  width: 100%;
  height: auto;
  max-height: 100%;
  -o-object-fit: contain;
     object-fit: contain;
  display: block;
}

.cover-author {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: left;
      -ms-flex-pack: left;
          justify-content: left;
  font-size: 0.85rem;
  color: rgba(0, 0, 0, 0.5);
  margin-top: 0.45rem;
  font-family: var(--font-family-splash);
}

.cover-title {
  font-family: var(--font-family-splash);
  margin-top: 0.5rem;
  min-height: 2.5em;
  font-size: 1rem;
  background: none;
  width: 100%;
}

.cover-wrapper {
  position: relative;
  width: 100%;
  aspect-ratio: 2/3;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: end;
      -ms-flex-align: end;
          align-items: flex-end;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
}
@supports not (aspect-ratio: 1) {
  .cover-wrapper::before {
    content: "";
    display: block;
    padding-top: 150%;
  }
}
.cover-wrapper > img, .cover-wrapper > .cover-fallback {
  position: relative;
  max-width: 100%;
  max-height: 100%;
  -o-object-fit: contain;
     object-fit: contain;
}

.cover-img {
  -webkit-transition: -webkit-filter 0.3s ease, -webkit-transform 0.3s ease;
  transition: -webkit-filter 0.3s ease, -webkit-transform 0.3s ease;
  transition: filter 0.3s ease, transform 0.3s ease;
  transition: filter 0.3s ease, transform 0.3s ease, -webkit-filter 0.3s ease, -webkit-transform 0.3s ease;
}

.cover-wrapper:hover .cover-img {
  /* let løft med skygge via filter */
  -webkit-filter: drop-shadow(0 4px 8px rgba(0, 0, 0, 0.4));
          filter: drop-shadow(0 4px 8px rgba(0, 0, 0, 0.4));
  -webkit-transform: translateY(-3px);
          transform: translateY(-3px);
  /* mindre løft, så det ikke klippes */
}

.cover-fallback {
  aspect-ratio: 3/4;
  background: #eee;
  color: #666;
  font-size: 0.8rem;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  text-align: center;
  padding: 0.5rem;
}

/* Konfigurer slider-container */
.swiper-container {
  width: 100%;
  margin: 0 auto;
  -webkit-transition: height 0.5s ease;
  transition: height 0.5s ease;
  position: relative;
  min-height: 260px;
}
.swiper-container.loading::before {
  content: "Henter billeder...";
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background-color: rgb(255, 255, 255);
  color: rgb(0, 0, 0);
  z-index: 100;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  font-size: 1.5em;
  font-family: var(--font-family-splash);
  text-transform: uppercase;
  -webkit-transition: opacity 0.3s ease;
  transition: opacity 0.3s ease;
}
.swiper-container.loading::before {
  opacity: 1;
}
.swiper-container::before {
  opacity: 0;
  -webkit-transition: opacity 0.3s ease;
  transition: opacity 0.3s ease;
}
.swiper-container.loading .swiper-wrapper {
  visibility: hidden;
}
.swiper-container.loaded {
  opacity: 1;
}

.swiper-container-head {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
}

.swiper-wrapper {
  margin-left: 0;
}

.swiper-slide {
  position: relative;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  height: auto;
}

.swiper-slide img {
  width: 100%;
  height: auto;
  -o-object-fit: cover;
     object-fit: cover;
}

.swiper-button-container {
  width: 100px;
  height: 30px;
  display: block;
  background-color: red;
}

.swiper-button-prev,
.swiper-button-next {
  top: 30% !important;
  margin-top: 0 !important;
}

.swiper-pagination {
  position: relative !important;
  text-align: left !important;
  -webkit-transition: 0.3s opacity;
  transition: 0.3s opacity;
  -webkit-transform: translate3d(0, 0, 0);
          transform: translate3d(0, 0, 0);
  z-index: 10;
  margin-top: 2rem;
}
.swiper-pagination-bullet-active {
  background-color: black !important;
}

/* Product Styles */
.product-container {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  -webkit-box-align: start;
      -ms-flex-align: start;
          align-items: flex-start;
  overflow: hidden;
  margin-top: 2rem;
}
.product-image {
  min-height: 200px;
  overflow: hidden;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: end;
      -ms-flex-align: end;
          align-items: flex-end;
}
.product-image img {
  -o-object-fit: contain;
     object-fit: contain;
}
.product-info {
  font-family: var(--font-family-splash);
  font-weight: 100;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  height: 100px;
}
.product-author {
  font-size: 0.8em;
  margin-top: 0.5rem;
  margin-bottom: 0.5rem;
}
.product-title {
  font-size: 1em;
  line-height: 1.2em;
  padding-bottom: 1em;
  padding-right: 2em;
}

/* Grid-variant på desktop */
@media (min-width: 769px) {
  .swiper-container[data-variant=grid] {
    display: -ms-grid;
    display: grid;
    -ms-grid-columns: 1fr 1rem 1fr 1rem 1fr 1rem 1fr;
    grid-template-columns: repeat(4, 1fr);
    gap: 1rem;
  }
  .swiper-container[data-variant=grid] .swiper-wrapper {
    display: contents;
  }
  .swiper-container[data-variant=grid] .swiper-slide {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
    width: auto !important;
    margin-right: 0 !important;
  }
  .swiper-container[data-variant=grid] .swiper-button-next,
  .swiper-container[data-variant=grid] .swiper-button-prev,
  .swiper-container[data-variant=grid] .swiper-pagination {
    display: none !important;
  }
}

/* Cover-visning */
.cover-link {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  height: 100%;
  text-decoration: none;
}

.cover-img,
.cover-fallback {
  width: 100%;
  height: auto;
  max-height: 100%;
  -o-object-fit: contain;
     object-fit: contain;
  display: block;
}

.cover-author {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: left;
      -ms-flex-pack: left;
          justify-content: left;
  font-size: 0.85rem;
  color: rgba(0, 0, 0, 0.5);
  margin-top: 0.45rem;
  font-family: var(--font-family-splash);
}

.cover-title {
  font-family: var(--font-family-splash);
  margin-top: 0.5rem;
  min-height: 2.5em;
  font-size: 1rem;
  background: none;
  width: 100%;
}

.cover-wrapper {
  position: relative;
  width: 100%;
  aspect-ratio: 2/3;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: end;
      -ms-flex-align: end;
          align-items: flex-end;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
}
@supports not (aspect-ratio: 1) {
  .cover-wrapper::before {
    content: "";
    display: block;
    padding-top: 150%;
  }
}
.cover-wrapper > img, .cover-wrapper > .cover-fallback {
  position: relative;
  max-width: 100%;
  max-height: 100%;
  -o-object-fit: contain;
     object-fit: contain;
}

.cover-img {
  -webkit-transition: -webkit-filter 0.3s ease, -webkit-transform 0.3s ease;
  transition: -webkit-filter 0.3s ease, -webkit-transform 0.3s ease;
  transition: filter 0.3s ease, transform 0.3s ease;
  transition: filter 0.3s ease, transform 0.3s ease, -webkit-filter 0.3s ease, -webkit-transform 0.3s ease;
}

.cover-wrapper:hover .cover-img {
  /* let løft med skygge via filter */
  -webkit-filter: drop-shadow(0 4px 8px rgba(0, 0, 0, 0.4));
          filter: drop-shadow(0 4px 8px rgba(0, 0, 0, 0.4));
  -webkit-transform: translateY(-3px);
          transform: translateY(-3px);
  /* mindre løft, så det ikke klippes */
}

.cover-fallback {
  aspect-ratio: 3/4;
  background: #eee;
  color: #666;
  font-size: 0.8rem;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  text-align: center;
  padding: 0.5rem;
}

/**
 * Swiper 12.0.2
 * Most modern mobile touch slider and framework with hardware accelerated transitions
 * https://swiperjs.com
 *
 * Copyright 2014-2025 Vladimir Kharlampidi
 *
 * Released under the MIT License
 *
 * Released on: September 18, 2025
 */
:root {
  --swiper-theme-color: #007aff;
  /*
  --swiper-preloader-color: var(--swiper-theme-color);
  --swiper-wrapper-transition-timing-function: initial;
  */
}

:host {
  position: relative;
  display: block;
  margin-left: auto;
  margin-right: auto;
  z-index: 1;
}

.swiper {
  margin-left: auto;
  margin-right: auto;
  position: relative;
  overflow: hidden;
  list-style: none;
  padding: 0;
  /* Fix of Webkit flickering */
  z-index: 1;
  display: block;
}

.swiper-vertical > .swiper-wrapper {
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
}

.swiper-wrapper {
  position: relative;
  width: 100%;
  height: 100%;
  z-index: 1;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-transition-property: -webkit-transform;
  transition-property: -webkit-transform;
  transition-property: transform;
  transition-property: transform, -webkit-transform;
  -webkit-transition-timing-function: var(--swiper-wrapper-transition-timing-function, initial);
          transition-timing-function: var(--swiper-wrapper-transition-timing-function, initial);
  -webkit-box-sizing: content-box;
          box-sizing: content-box;
}

.swiper-android .swiper-slide,
.swiper-ios .swiper-slide,
.swiper-wrapper {
  -webkit-transform: translate3d(0px, 0, 0);
          transform: translate3d(0px, 0, 0);
}

.swiper-horizontal {
  -ms-touch-action: pan-y;
      touch-action: pan-y;
}

.swiper-vertical {
  -ms-touch-action: pan-x;
      touch-action: pan-x;
}

.swiper-slide {
  -ms-flex-negative: 0;
      flex-shrink: 0;
  width: 100%;
  height: 100%;
  position: relative;
  -webkit-transition-property: -webkit-transform;
  transition-property: -webkit-transform;
  transition-property: transform;
  transition-property: transform, -webkit-transform;
  display: block;
}

.swiper-slide-invisible-blank {
  visibility: hidden;
}

/* Auto Height */
.swiper-autoheight,
.swiper-autoheight .swiper-slide {
  height: auto;
}

.swiper-autoheight .swiper-wrapper {
  -webkit-box-align: start;
      -ms-flex-align: start;
          align-items: flex-start;
  -webkit-transition-property: height, -webkit-transform;
  transition-property: height, -webkit-transform;
  transition-property: transform, height;
  transition-property: transform, height, -webkit-transform;
}

.swiper-backface-hidden .swiper-slide {
  -webkit-transform: translateZ(0);
          transform: translateZ(0);
  -webkit-backface-visibility: hidden;
          backface-visibility: hidden;
}

/* 3D Effects */
.swiper-3d.swiper-css-mode .swiper-wrapper {
  -webkit-perspective: 1200px;
          perspective: 1200px;
}

.swiper-3d .swiper-wrapper {
  -webkit-transform-style: preserve-3d;
          transform-style: preserve-3d;
}

.swiper-3d {
  -webkit-perspective: 1200px;
          perspective: 1200px;
}
.swiper-3d .swiper-slide,
.swiper-3d .swiper-cube-shadow {
  -webkit-transform-style: preserve-3d;
          transform-style: preserve-3d;
}

/* CSS Mode */
.swiper-css-mode > .swiper-wrapper {
  overflow: auto;
  scrollbar-width: none; /* For Firefox */
  -ms-overflow-style: none; /* For Internet Explorer and Edge */
}
.swiper-css-mode > .swiper-wrapper::-webkit-scrollbar {
  display: none;
}
.swiper-css-mode > .swiper-wrapper > .swiper-slide {
  scroll-snap-align: start start;
}
.swiper-css-mode.swiper-horizontal > .swiper-wrapper {
  -ms-scroll-snap-type: x mandatory;
      scroll-snap-type: x mandatory;
}
.swiper-css-mode.swiper-vertical > .swiper-wrapper {
  -ms-scroll-snap-type: y mandatory;
      scroll-snap-type: y mandatory;
}
.swiper-css-mode.swiper-free-mode > .swiper-wrapper {
  -ms-scroll-snap-type: none;
      scroll-snap-type: none;
}
.swiper-css-mode.swiper-free-mode > .swiper-wrapper > .swiper-slide {
  scroll-snap-align: none;
}
.swiper-css-mode.swiper-centered > .swiper-wrapper::before {
  content: "";
  -ms-flex-negative: 0;
      flex-shrink: 0;
  -webkit-box-ordinal-group: 10000;
      -ms-flex-order: 9999;
          order: 9999;
}
.swiper-css-mode.swiper-centered > .swiper-wrapper > .swiper-slide {
  scroll-snap-align: center center;
  scroll-snap-stop: always;
}
.swiper-css-mode.swiper-centered.swiper-horizontal > .swiper-wrapper > .swiper-slide:first-child {
  -webkit-margin-start: var(--swiper-centered-offset-before);
          margin-inline-start: var(--swiper-centered-offset-before);
}
.swiper-css-mode.swiper-centered.swiper-horizontal > .swiper-wrapper::before {
  height: 100%;
  min-height: 1px;
  width: var(--swiper-centered-offset-after);
}
.swiper-css-mode.swiper-centered.swiper-vertical > .swiper-wrapper > .swiper-slide:first-child {
  -webkit-margin-before: var(--swiper-centered-offset-before);
          margin-block-start: var(--swiper-centered-offset-before);
}
.swiper-css-mode.swiper-centered.swiper-vertical > .swiper-wrapper::before {
  width: 100%;
  min-width: 1px;
  height: var(--swiper-centered-offset-after);
}

.swiper-lazy-preloader {
  width: 42px;
  height: 42px;
  position: absolute;
  left: 50%;
  top: 50%;
  margin-left: -21px;
  margin-top: -21px;
  z-index: 10;
  -webkit-transform-origin: 50%;
          transform-origin: 50%;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  border: 4px solid var(--swiper-preloader-color, var(--swiper-theme-color));
  border-radius: 50%;
  border-top-color: transparent;
}

.swiper:not(.swiper-watch-progress) .swiper-lazy-preloader,
.swiper-watch-progress .swiper-slide-visible .swiper-lazy-preloader {
  -webkit-animation: swiper-preloader-spin 1s infinite linear;
          animation: swiper-preloader-spin 1s infinite linear;
}

.swiper-lazy-preloader-white {
  --swiper-preloader-color: #fff;
}

.swiper-lazy-preloader-black {
  --swiper-preloader-color: #000;
}

@-webkit-keyframes swiper-preloader-spin {
  0% {
    -webkit-transform: rotate(0deg);
            transform: rotate(0deg);
  }
  100% {
    -webkit-transform: rotate(360deg);
            transform: rotate(360deg);
  }
}

@keyframes swiper-preloader-spin {
  0% {
    -webkit-transform: rotate(0deg);
            transform: rotate(0deg);
  }
  100% {
    -webkit-transform: rotate(360deg);
            transform: rotate(360deg);
  }
}
:root {
  --swiper-navigation-size: 44px;
  /*
  --swiper-navigation-top-offset: 50%;
  --swiper-navigation-sides-offset: 4px;
  --swiper-navigation-color: var(--swiper-theme-color);
  */
}

.swiper-button-prev,
.swiper-button-next {
  position: absolute;
  width: var(--swiper-navigation-size);
  height: var(--swiper-navigation-size);
  z-index: 10;
  cursor: pointer;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  color: var(--swiper-navigation-color, var(--swiper-theme-color));
}
.swiper-button-prev.swiper-button-disabled,
.swiper-button-next.swiper-button-disabled {
  opacity: 0.35;
  cursor: auto;
  pointer-events: none;
}
.swiper-button-prev.swiper-button-hidden,
.swiper-button-next.swiper-button-hidden {
  opacity: 0;
  cursor: auto;
  pointer-events: none;
}
.swiper-navigation-disabled .swiper-button-prev,
.swiper-navigation-disabled .swiper-button-next {
  display: none !important;
}
.swiper-button-prev svg,
.swiper-button-next svg {
  width: 100%;
  height: 100%;
  -o-object-fit: contain;
     object-fit: contain;
  -webkit-transform-origin: center;
          transform-origin: center;
  fill: currentColor;
  pointer-events: none;
}

.swiper-button-lock {
  display: none;
}

.swiper-button-prev,
.swiper-button-next {
  top: var(--swiper-navigation-top-offset, 50%);
  margin-top: calc(0px - var(--swiper-navigation-size) / 2);
}

.swiper-button-prev {
  left: var(--swiper-navigation-sides-offset, 4px);
  right: auto;
}
.swiper-button-prev .swiper-navigation-icon {
  -webkit-transform: rotate(180deg);
          transform: rotate(180deg);
}

.swiper-button-next {
  right: var(--swiper-navigation-sides-offset, 4px);
  left: auto;
}

.swiper-horizontal .swiper-button-prev,
.swiper-horizontal .swiper-button-next,
.swiper-horizontal ~ .swiper-button-prev,
.swiper-horizontal ~ .swiper-button-next {
  top: var(--swiper-navigation-top-offset, 50%);
  margin-top: calc(0px - var(--swiper-navigation-size) / 2);
  margin-left: 0;
}
.swiper-horizontal .swiper-button-prev, .swiper-horizontal ~ .swiper-button-prev, .swiper-horizontal.swiper-rtl .swiper-button-next, .swiper-horizontal.swiper-rtl ~ .swiper-button-next {
  left: var(--swiper-navigation-sides-offset, 4px);
  right: auto;
}
.swiper-horizontal .swiper-button-next, .swiper-horizontal ~ .swiper-button-next, .swiper-horizontal.swiper-rtl .swiper-button-prev, .swiper-horizontal.swiper-rtl ~ .swiper-button-prev {
  right: var(--swiper-navigation-sides-offset, 4px);
  left: auto;
}
.swiper-horizontal .swiper-button-prev .swiper-navigation-icon, .swiper-horizontal ~ .swiper-button-prev .swiper-navigation-icon, .swiper-horizontal.swiper-rtl .swiper-button-next .swiper-navigation-icon, .swiper-horizontal.swiper-rtl ~ .swiper-button-next .swiper-navigation-icon {
  -webkit-transform: rotate(180deg);
          transform: rotate(180deg);
}
.swiper-horizontal.swiper-rtl .swiper-button-prev .swiper-navigation-icon, .swiper-horizontal.swiper-rtl ~ .swiper-button-prev .swiper-navigation-icon {
  -webkit-transform: rotate(0deg);
          transform: rotate(0deg);
}

:root {
  /*
  --swiper-pagination-color: var(--swiper-theme-color);
  --swiper-pagination-left: auto;
  --swiper-pagination-right: 8px;
  --swiper-pagination-bottom: 8px;
  --swiper-pagination-top: auto;
  --swiper-pagination-fraction-color: inherit;
  --swiper-pagination-progressbar-bg-color: rgba(0,0,0,0.25);
  --swiper-pagination-progressbar-size: 4px;
  --swiper-pagination-bullet-size: 8px;
  --swiper-pagination-bullet-width: 8px;
  --swiper-pagination-bullet-height: 8px;
  --swiper-pagination-bullet-border-radius: 50%;
  --swiper-pagination-bullet-inactive-color: #000;
  --swiper-pagination-bullet-inactive-opacity: 0.2;
  --swiper-pagination-bullet-opacity: 1;
  --swiper-pagination-bullet-horizontal-gap: 4px;
  --swiper-pagination-bullet-vertical-gap: 6px;
  */
}

.swiper-pagination {
  position: absolute;
  text-align: center;
  -webkit-transition: 300ms opacity;
  transition: 300ms opacity;
  -webkit-transform: translate3d(0, 0, 0);
          transform: translate3d(0, 0, 0);
  z-index: 10;
}
.swiper-pagination.swiper-pagination-hidden {
  opacity: 0;
}
.swiper-pagination-disabled > .swiper-pagination, .swiper-pagination.swiper-pagination-disabled {
  display: none !important;
}

/* Common Styles */
.swiper-pagination-fraction,
.swiper-pagination-custom,
.swiper-horizontal > .swiper-pagination-bullets,
.swiper-pagination-bullets.swiper-pagination-horizontal {
  bottom: var(--swiper-pagination-bottom, 8px);
  top: var(--swiper-pagination-top, auto);
  left: 0;
  width: 100%;
}

/* Bullets */
.swiper-pagination-bullets-dynamic {
  overflow: hidden;
  font-size: 0;
}
.swiper-pagination-bullets-dynamic .swiper-pagination-bullet {
  -webkit-transform: scale(0.33);
          transform: scale(0.33);
  position: relative;
}
.swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active {
  -webkit-transform: scale(1);
          transform: scale(1);
}
.swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active-main {
  -webkit-transform: scale(1);
          transform: scale(1);
}
.swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active-prev {
  -webkit-transform: scale(0.66);
          transform: scale(0.66);
}
.swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active-prev-prev {
  -webkit-transform: scale(0.33);
          transform: scale(0.33);
}
.swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active-next {
  -webkit-transform: scale(0.66);
          transform: scale(0.66);
}
.swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active-next-next {
  -webkit-transform: scale(0.33);
          transform: scale(0.33);
}

.swiper-pagination-bullet {
  width: var(--swiper-pagination-bullet-width, var(--swiper-pagination-bullet-size, 8px));
  height: var(--swiper-pagination-bullet-height, var(--swiper-pagination-bullet-size, 8px));
  display: inline-block;
  border-radius: var(--swiper-pagination-bullet-border-radius, 50%);
  background: var(--swiper-pagination-bullet-inactive-color, #000);
  opacity: var(--swiper-pagination-bullet-inactive-opacity, 0.2);
}
.swiper-pagination-clickable .swiper-pagination-bullet {
  cursor: pointer;
}
.swiper-pagination-bullet:only-child {
  display: none !important;
}

.swiper-pagination-bullet-active {
  opacity: var(--swiper-pagination-bullet-opacity, 1);
  background: var(--swiper-pagination-color, var(--swiper-theme-color));
}

.swiper-vertical > .swiper-pagination-bullets,
.swiper-pagination-vertical.swiper-pagination-bullets {
  right: var(--swiper-pagination-right, 8px);
  left: var(--swiper-pagination-left, auto);
  top: 50%;
  -webkit-transform: translate3d(0px, -50%, 0);
          transform: translate3d(0px, -50%, 0);
}
.swiper-vertical > .swiper-pagination-bullets .swiper-pagination-bullet,
.swiper-pagination-vertical.swiper-pagination-bullets .swiper-pagination-bullet {
  margin: var(--swiper-pagination-bullet-vertical-gap, 6px) 0;
  display: block;
}
.swiper-vertical > .swiper-pagination-bullets.swiper-pagination-bullets-dynamic,
.swiper-pagination-vertical.swiper-pagination-bullets.swiper-pagination-bullets-dynamic {
  top: 50%;
  -webkit-transform: translateY(-50%);
          transform: translateY(-50%);
  width: 8px;
}
.swiper-vertical > .swiper-pagination-bullets.swiper-pagination-bullets-dynamic .swiper-pagination-bullet,
.swiper-pagination-vertical.swiper-pagination-bullets.swiper-pagination-bullets-dynamic .swiper-pagination-bullet {
  display: inline-block;
  -webkit-transition: 200ms top, 200ms -webkit-transform;
  transition: 200ms top, 200ms -webkit-transform;
  transition: 200ms transform, 200ms top;
  transition: 200ms transform, 200ms top, 200ms -webkit-transform;
}

.swiper-horizontal > .swiper-pagination-bullets .swiper-pagination-bullet,
.swiper-pagination-horizontal.swiper-pagination-bullets .swiper-pagination-bullet {
  margin: 0 var(--swiper-pagination-bullet-horizontal-gap, 4px);
}
.swiper-horizontal > .swiper-pagination-bullets.swiper-pagination-bullets-dynamic,
.swiper-pagination-horizontal.swiper-pagination-bullets.swiper-pagination-bullets-dynamic {
  left: 50%;
  -webkit-transform: translateX(-50%);
          transform: translateX(-50%);
  white-space: nowrap;
}
.swiper-horizontal > .swiper-pagination-bullets.swiper-pagination-bullets-dynamic .swiper-pagination-bullet,
.swiper-pagination-horizontal.swiper-pagination-bullets.swiper-pagination-bullets-dynamic .swiper-pagination-bullet {
  -webkit-transition: 200ms left, 200ms -webkit-transform;
  transition: 200ms left, 200ms -webkit-transform;
  transition: 200ms transform, 200ms left;
  transition: 200ms transform, 200ms left, 200ms -webkit-transform;
}

.swiper-horizontal.swiper-rtl > .swiper-pagination-bullets-dynamic .swiper-pagination-bullet {
  -webkit-transition: 200ms right, 200ms -webkit-transform;
  transition: 200ms right, 200ms -webkit-transform;
  transition: 200ms transform, 200ms right;
  transition: 200ms transform, 200ms right, 200ms -webkit-transform;
}

.page {
  background-color: red;
}

.article > *:not(.swiper-container) {
  width: 60%;
  margin: 0 auto;
  /* Mindre SVG i editoren */
}
@media (max-width: 768px) {
  .article > *:not(.swiper-container) {
    width: 80%;
    margin: 0 auto;
  }
}
@media (max-width: 620px) {
  .article > *:not(.swiper-container) {
    width: 100%;
    margin: 0 auto;
  }
}
.article > *:not(.swiper-container).infobox {
  clear: both;
  margin: 2rem auto;
}
.article > *:not(.swiper-container).fancy-quote {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  gap: 1em;
  -webkit-box-align: start;
      -ms-flex-align: start;
          align-items: flex-start;
  font-style: italic;
  color: var(--clr-primary-02);
  margin: 1.5em auto;
  font-style: italic;
}
.article > *:not(.swiper-container).fancy-quote .quote-icon {
  padding: 1em;
  min-width: 100px;
  height: 100px;
}
.article > *:not(.swiper-container) .block-editor-block-list__block .fancy-quote .quote-icon {
  max-width: 40px;
  max-height: 40px;
  display: block;
  margin-bottom: 0.5em;
}
.article > *:not(.swiper-container).img-control-float-right, .article > *:not(.swiper-container).img-control-float-left {
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  max-width: 300px;
  max-height: 300px;
  width: 100%;
  height: auto;
  -o-object-fit: contain;
     object-fit: contain;
  display: block;
}
.article > *:not(.swiper-container).img-control-float-right {
  float: right;
  padding: 1rem 0 2rem 1rem;
}
.article > *:not(.swiper-container).img-control-float-left {
  float: left;
  padding: 1rem 2rem 1rem 0;
}

.custom-spacer-line {
  position: absolute;
  top: 40%;
  left: 0;
  right: 0;
  height: 1px;
  background-color: rgba(0, 0, 0, 0.3);
}

.custom-image-row {
  display: -ms-grid;
  display: grid;
  -ms-grid-columns: 1fr 2rem 1fr 2rem 1fr 2rem 1fr;
  grid-template-columns: repeat(4, 1fr);
  gap: 2rem;
  grid-column: full-width-start/full-width-end;
  margin-bottom: 2rem;
}
.custom-image-item {
  text-align: center;
}
.custom-image-item img {
  max-width: 100%;
  height: auto;
  margin-bottom: 0.5rem;
  display: block;
}
.custom-image-item .custom-image-text {
  font-size: 0.9rem;
}
@media (max-width: 900px) {
  .custom-image-row {
    -ms-grid-columns: (1fr)[2];
    grid-template-columns: repeat(2, 1fr);
  }
}
@media (max-width: 600px) {
  .custom-image-row {
    -ms-grid-columns: 1fr;
    grid-template-columns: 1fr;
  }
}

@-webkit-keyframes fadeIn {
  from {
    opacity: 0;
    -webkit-transform: translateY(10px);
            transform: translateY(10px);
  }
  to {
    opacity: 1;
    -webkit-transform: translateY(0);
            transform: translateY(0);
  }
}

@keyframes fadeIn {
  from {
    opacity: 0;
    -webkit-transform: translateY(10px);
            transform: translateY(10px);
  }
  to {
    opacity: 1;
    -webkit-transform: translateY(0);
            transform: translateY(0);
  }
}
.tabs-container {
  overflow: hidden;
  margin-top: 2rem;
}

.tabs-nav {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  border-bottom: 1px solid color-mix(in srgb, var(--clr-primary-black) 10%, transparent);
}
.tabs-nav > button {
  -webkit-box-flex: 1;
      -ms-flex: 1;
          flex: 1;
  padding: 15px 0;
  text-align: left;
  background: none;
  border: none;
  color: color-mix(in srgb, var(--clr-primary-black) 50%, transparent);
  cursor: pointer;
  -webkit-transition: all 0.3s ease-in-out;
  transition: all 0.3s ease-in-out;
  position: relative;
  outline: none;
  font-family: var(--font-family-splash);
}
.tabs-nav > button.active {
  color: var(--clr-primary-black);
}
.tabs-nav > button.active::after {
  content: "";
  position: absolute;
  bottom: -2px;
  left: 0%;
  width: 100%;
  height: 2px;
  background: color-mix(in srgb, var(--clr-primary-black) 100%, transparent);
  -webkit-transform: translateX(0%);
          transform: translateX(0%);
  border-radius: 2px;
}

.tab-panel {
  display: none;
}

.tab-panel.active {
  display: block;
}

.tabs-content {
  padding: 0rem 0 0 0;
  font-size: 0.8em;
}
.tabs-content hr {
  background-color: color-mix(in srgb, var(--clr-primary-black) 10%, transparent);
  height: 1px;
  border: 0;
}
.tabs-content div[x-show="activeTab === 1"],
.tabs-content div[x-show="activeTab === 2"],
.tabs-content div[x-show="activeTab === 3"],
.tabs-content div[x-show="activeTab === 4"] {
  display: block;
  -webkit-animation: fadeIn 0.4s ease-in-out;
          animation: fadeIn 0.4s ease-in-out;
}
.tabs-content h4 {
  margin-bottom: 10px;
  text-transform: none;
}
.tabs-content p {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  font-size: calc(var(--fs-300) - 0.2rem);
  padding: 0.5rem 1rem;
}
.tabs-content p span {
  font-weight: 400;
}
.tabs-content p:nth-of-type(odd) {
  background-color: color-mix(in srgb, var(--clr-primary-01) 20%, transparent);
}
.tabs-content a {
  display: inline-block;
  margin-bottom: 1.5rem;
}

.accordion-container {
  margin-top: 2rem;
}

.accordion-button {
  font-family: var(--font-family-splash);
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  width: 100%;
  background: none;
  border: none;
  cursor: pointer;
  color: color-mix(in srgb, var(--clr-primary-black) 60%, white);
  font-weight: 100;
  padding: 0.5rem 0;
  text-align: left;
}
.accordion-button .accordion-icon {
  display: inline-block;
  -webkit-transition: -webkit-transform 0.3s ease;
  transition: -webkit-transform 0.3s ease;
  transition: transform 0.3s ease;
  transition: transform 0.3s ease, -webkit-transform 0.3s ease;
  font-size: 1.4em;
  -webkit-transform-origin: center;
          transform-origin: center;
  font-family: var(--font-family-content);
}
.accordion-button .accordion-icon.open {
  -webkit-transform: rotate(45deg);
          transform: rotate(45deg);
}

.accordion-content {
  overflow: hidden;
  height: 0; /* Default closed */
  -webkit-transition: height 0.4s ease-in-out, opacity 0.3s ease-in-out;
  transition: height 0.4s ease-in-out, opacity 0.3s ease-in-out;
}
.accordion-content.open {
  opacity: 1;
}

.form {
  color: var(--primary-color);
  background-color: var(--secondary-color);
}

.site-header-container {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
}
.site-header-container .logo {
  -webkit-box-flex: 1;
      -ms-flex: 1;
          flex: 1;
  padding: 1em 0 0.5em 0;
}
.site-header-container .logo img {
  width: 200px;
}
@media screen and (max-width: 620px) {
  .site-header-container .logo img {
    width: 80px;
  }
}
.site-header-container .navigation {
  -webkit-box-flex: 4;
      -ms-flex: 4;
          flex: 4;
  font-size: 0.9em;
}
@media screen and (max-width: 620px) {
  .site-header-container .navigation {
    background-color: #efefef;
    position: absolute;
    z-index: 100000;
    top: 2em;
    left: 0;
    width: 100%;
    height: 100%;
    margin: 0;
    -webkit-transform: translateY(0);
            transform: translateY(0);
    -webkit-transition: all 0.3s ease;
    transition: all 0.3s ease;
    visibility: visible;
  }
  .site-header-container .navigation.hide {
    visibility: hidden;
    -webkit-transform: translateY(-100%);
            transform: translateY(-100%);
  }
}
.site-header-container .navigation ul {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: end;
      -ms-flex-pack: end;
          justify-content: flex-end;
  list-style: none;
}
@media screen and (max-width: 620px) {
  .site-header-container .navigation ul {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column;
  }
}
.site-header-container .navigation ul li {
  color: var(--text-color);
  border-right: 1px solid #ddd;
  padding-right: 0.5em;
  margin-right: 0.5em;
}
@media screen and (max-width: 620px) {
  .site-header-container .navigation ul li {
    border: 0;
    line-height: 2em;
    font-size: 1.5em;
  }
}
.site-header-container .navigation ul li:last-child {
  border-right: 0px solid #ddd;
  padding-right: 0;
  margin-right: 0;
}
.site-header-container .navigation ul li a {
  color: var(--text-color);
}
.site-header-container .navigation ul li.current-menu-item a, .site-header-container .navigation ul li.current-menu-item a:link, .site-header-container .navigation ul li.current-menu-item a:visited,
.site-header-container .navigation ul li.current-page-ancestor a, .site-header-container .navigation ul li.current-page-ancestor a:link, .site-header-container .navigation ul li.current-page-ancestor a:visited {
  color: var(--main-color) !important;
}

#menubutton {
  display: none;
}
@media screen and (max-width: 620px) {
  #menubutton {
    display: contents;
    display: inline-block;
    position: absolute;
    z-index: 1000000;
    top: 3em;
    right: 1em;
  }
}

.menubutton {
  position: relative;
  height: 27px;
  width: 27px;
  overflow: hidden;
  z-index: 1000001;
  -webkit-transition: opacity 0.25s ease;
  transition: opacity 0.25s ease;
}
.menubutton.active .top {
  -webkit-transform: translateY(12px) translateX(0) rotate(45deg);
          transform: translateY(12px) translateX(0) rotate(45deg);
  background: #000;
}
.menubutton.active .middle {
  opacity: 0;
  background: #000;
}
.menubutton.active .bottom {
  -webkit-transform: translateY(-6px) translateX(0) rotate(-45deg);
          transform: translateY(-6px) translateX(0) rotate(-45deg);
  background: #000;
}
.menubutton span {
  background: black;
  border: none;
  height: 3px;
  width: 100%;
  position: absolute;
  border-radius: 5px;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  top: 0;
  left: 0;
  -webkit-transition: all 0.35s ease;
  transition: all 0.35s ease;
  cursor: pointer;
}
.menubutton span:nth-of-type(2) {
  top: 9px;
}
.menubutton span:nth-of-type(3) {
  top: 18px;
}

.footer {
  font-size: 0.9em;
  line-height: 1.6em;
}
@media screen and (max-width: 768px) {
  .footer-logo {
    margin: auto;
  }
}
.footer-logo img {
  width: 120px;
}
@media screen and (max-width: 768px) {
  .footer-logo img {
    width: 160px;
    margin: 2em;
  }
}
@media screen and (max-width: 768px) {
  .footer-adress {
    margin: auto;
  }
}
.footer-adress span {
  display: block;
}
.footer-menu {
  text-align: right;
}
@media screen and (max-width: 768px) {
  .footer-menu {
    margin: auto;
    text-align: center;
  }
}
.footer-menu a,
.footer-menu a:link,
.footer-menu a:visited {
  display: block;
  text-decoration: none;
  color: black;
}
.footer-menu a.button {
  color: white;
  background-color: var(--clr-primary-03);
  border-radius: var(--border-radius);
  padding: 0.3em 0.8em;
  font-size: 90%;
  display: inline-block;
  margin-bottom: 1em;
}
.footer-after {
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  text-align: center;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  margin-bottom: 2em;
}
.footer-after--links {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  font-size: 0.8em;
}

.footer-social-media--icons {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
}
.footer-social-media--icons-container {
  border-top: 1px solid #ddd;
  border-bottom: 1px solid #ddd;
  padding: 1em;
  margin-bottom: 1em;
  width: 100%;
  display: inline-block;
}
.footer-social-media--icons-container > span {
  display: block;
  width: 100%;
  font-size: 0.8em;
  font-weight: bold;
  padding-bottom: 1em;
}
.footer-social-media--icons > a {
  margin: 0 0.5em;
}

.footer-facebook {
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' x='0px' y='0px' width='100' height='100' viewBox='0 0 48 48'%3E%3Cpath d='M 24 4 C 12.972066 4 4 12.972074 4 24 C 4 35.027926 12.972066 44 24 44 C 35.027934 44 44 35.027926 44 24 C 44 12.972074 35.027934 4 24 4 z M 24 7 C 33.406615 7 41 14.593391 41 24 C 41 32.380773 34.967178 39.306373 27 40.720703 L 27 29 L 30.625 29 C 31.129 29 31.555188 28.623047 31.617188 28.123047 L 31.992188 25.123047 C 32.028188 24.839047 31.938047 24.553891 31.748047 24.337891 C 31.559047 24.122891 31.287 24 31 24 L 27 24 L 27 20.5 C 27 19.397 27.897 18.5 29 18.5 L 31 18.5 C 31.552 18.5 32 18.053 32 17.5 L 32 14.125 C 32 13.607 31.604844 13.174906 31.089844 13.128906 C 31.030844 13.123906 29.619984 13 27.833984 13 C 23.426984 13 21 15.616187 21 20.367188 L 21 24 L 17 24 C 16.448 24 16 24.447 16 25 L 16 28 C 16 28.553 16.448 29 17 29 L 21 29 L 21 40.720703 C 13.032822 39.306373 7 32.380773 7 24 C 7 14.593391 14.593385 7 24 7 z'%3E%3C/path%3E%3C/svg%3E");
  background-size: contain;
  background-repeat: no-repeat;
  width: 30px;
  height: 30px;
  display: block;
}

.footer-instagram {
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' x='0px' y='0px' width='100' height='100' viewBox='0 0 48 48'%3E%3Cpath d='M 24 4 C 12.972066 4 4 12.972074 4 24 C 4 35.027926 12.972066 44 24 44 C 35.027934 44 44 35.027926 44 24 C 44 12.972074 35.027934 4 24 4 z M 24 7 C 33.406615 7 41 14.593391 41 24 C 41 32.380773 34.967178 39.306373 27 40.720703 L 27 29 L 30.625 29 C 31.129 29 31.555188 28.623047 31.617188 28.123047 L 31.992188 25.123047 C 32.028188 24.839047 31.938047 24.553891 31.748047 24.337891 C 31.559047 24.122891 31.287 24 31 24 L 27 24 L 27 20.5 C 27 19.397 27.897 18.5 29 18.5 L 31 18.5 C 31.552 18.5 32 18.053 32 17.5 L 32 14.125 C 32 13.607 31.604844 13.174906 31.089844 13.128906 C 31.030844 13.123906 29.619984 13 27.833984 13 C 23.426984 13 21 15.616187 21 20.367188 L 21 24 L 17 24 C 16.448 24 16 24.447 16 25 L 16 28 C 16 28.553 16.448 29 17 29 L 21 29 L 21 40.720703 C 13.032822 39.306373 7 32.380773 7 24 C 7 14.593391 14.593385 7 24 7 z'%3E%3C/path%3E%3C/svg%3E");
  background-size: contain;
  background-repeat: no-repeat;
  width: 30px;
  height: 30px;
  display: block;
}

.footer-x {
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' x='0px' y='0px' width='100' height='100' viewBox='0 0 48 48'%3E%3Cpath d='M 24 4 C 12.972066 4 4 12.972074 4 24 C 4 35.027926 12.972066 44 24 44 C 35.027934 44 44 35.027926 44 24 C 44 12.972074 35.027934 4 24 4 z M 24 7 C 33.406615 7 41 14.593391 41 24 C 41 32.380773 34.967178 39.306373 27 40.720703 L 27 29 L 30.625 29 C 31.129 29 31.555188 28.623047 31.617188 28.123047 L 31.992188 25.123047 C 32.028188 24.839047 31.938047 24.553891 31.748047 24.337891 C 31.559047 24.122891 31.287 24 31 24 L 27 24 L 27 20.5 C 27 19.397 27.897 18.5 29 18.5 L 31 18.5 C 31.552 18.5 32 18.053 32 17.5 L 32 14.125 C 32 13.607 31.604844 13.174906 31.089844 13.128906 C 31.030844 13.123906 29.619984 13 27.833984 13 C 23.426984 13 21 15.616187 21 20.367188 L 21 24 L 17 24 C 16.448 24 16 24.447 16 25 L 16 28 C 16 28.553 16.448 29 17 29 L 21 29 L 21 40.720703 C 13.032822 39.306373 7 32.380773 7 24 C 7 14.593391 14.593385 7 24 7 z'%3E%3C/path%3E%3C/svg%3E");
  background-size: contain;
  background-repeat: no-repeat;
  width: 30px;
  height: 30px;
  display: block;
}

/*! minireset.css v0.0.6 | MIT License | github.com/jgthms/minireset.css */
html, body, p, ol, ul, li, dl, dt, dd, blockquote, figure, fieldset, legend, textarea, pre, iframe, hr, h1, h2, h3, h4, h5, h6 {
  margin: 0;
  padding: 0;
}

h1, h2, h3, h4, h5, h6 {
  font-weight: normal;
}

ul {
  list-style: none;
}

button, input, select {
  margin: 0;
}

html {
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
}

*, *::before, *::after {
  -webkit-box-sizing: inherit;
          box-sizing: inherit;
}

video {
  height: auto;
  max-width: 100%;
}

iframe {
  border: 0;
}

table {
  border-collapse: collapse;
  border-spacing: 0;
}

td, th {
  padding: 0;
}