/* Master */

html {
  scroll-behavior: smooth;
  scroll-padding-top: 4rem;
}
body {margin: 0;}

/* Structure -------------------------------- */
header {}
main {}
footer {}

/* Grid containers -------------------------- */

.grid-container.full /* 1920px */ {
  padding-left: 0;
  max-width: 100% !important;
}
.grid-container /* 1440px */ {
  padding: 0;
  max-width: 90rem !important;
}

/* Header ----------------------------------- */

.header-wrap {
  padding-left: var(--sp-x-large);
  padding-right: var(--sp-x-large);
  padding-top: var(--sp-large);
  padding-bottom: var(--sp-large);
}

/* Hero ------------------------------------- */

/* Frontpage */
.hero-frontpage .left-column-hero {
  position: relative;
  background-image: url("../images/s-letter-left2.svg");
  background-position: right center; /* Positions image to the right center */
  background-repeat: no-repeat; /* Prevents repetition */
}
.hero-frontpage .right-column-hero {
  position: relative;
}
  .hero-frontpage .right-column-hero .right-column-content {
    position: absolute;
    z-index: 99;
    width: 100%;
    height: 100%;
    left: 0;
    top: 0;
    background-image: url("../images/s-letter-right4.svg");
    background-position: left center; /* Positions image to the right center */
    background-repeat: no-repeat; /* Prevents repetition */
  }

.slider-wrapper {
    position: relative;
    width: 100%;
    height: 100%; /* set a fixed height or use JS to match tallest slide */
}

.slide {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    opacity: 0;
    transition: opacity 0.8s ease-in-out;
}

.slide.active {
    opacity: 1;
    z-index: 1;
}

.slide-inner {
    display: flex;
    flex-direction: column;
    justify-content: center; /* vertical centering */
    align-items: center;     /* horizontal centering */
    height: 100%;
    text-align: center;
    padding: 0 20px; /* optional side padding */
    padding: var(--sp-xx-large);
}

.bullets {
    position: relative;
    margin-top: 20px;
    display: flex;
    justify-content: center;
    gap: 10px;
}
.bullets .bullet {
    width: 12px;
    height: 12px;
    border-radius: 50%;
    background: #fff;
    cursor: pointer;
    opacity: 0.5;
    transition: opacity 0.3s;
}
.bullets .bullet.active {
    opacity: 1;
}



.left-column-hero .bullets {
    text-align: center;
    margin-top: 1rem;
}
.left-column-hero .bullet {
    display: inline-block;
    width: 12px;
    height: 12px;
    margin: 0 5px;
    border-radius: 50%;
    background: #ccc;
    cursor: pointer;
}
.left-column-hero .bullet.active {
    background: #fff; /* Highlight bullet for front-page */
}

/* Subpages */

.left-column-hero {}
.right-column-hero {}

.hero-content {
  padding-top: var(--sp-xx-large);
  padding-bottom: var(--sp-xx-large);
}
  .layout-content-hero-left {padding: var(--sp-large);}
  .layout-content-hero-right {}
    .hero-frontpage .layout-content-hero-left {padding: var(--sp-xx-large);}








/* Sections --------------------------------- */
.featured-content,
.teaser-content,
.promo-content {
  padding-left: var(--sp-large);
  padding-right: var(--sp-large);
} 

/* Color modes */
.bg-darkblue {background-color: var(--darkblue-100);}
.bg-seablue {background-color: var(--seablue-100);}
.bg-blue {background-color: var(--blue-100);}
.bg-lightblue {background-color: var(--lightblue-100);}
.bg-beige {background-color: var(--beige-100);}
.bg-red {background-color: var(--red-100);}
.bg-gray2 {background-color: var(--black-20);}
.bg-gray {background-color: var(--black-10);}
.bg-white {background-color: var(--black-00);}

/* Main content */
.main-content {
  padding-top: var(--sp-xx-large);
  padding-bottom: var(--sp-xx-large);
}

/* Teaser content */
.teaser-content {
  padding-top: var(--sp-xx-large);
  padding-bottom: calc(var(--sp-xx-large) - var(--sp-large));;
}
  .teaser-content .teaser-item-5050 {padding-bottom: calc(var(--sp-xx-large) - var(--sp-large));}
  .teaser-content .teaser-item-5050:nth-last-child(1) {
    margin-bottom: 0;
  }

/* Featured content */
.featured-content {
    padding-top: var(--sp-xx-large);
    padding-bottom: calc(var(--sp-xx-large) - var(--sp-large)); 
}
  .featured-content .featured-news-item {padding-bottom: calc(var(--sp-xx-large) - var(--sp-large));}
  .featured-content .featured-news-item:nth-last-child(1) {padding-bottom: 0;}

/* Testimonials content */


.testimonial-content-item  {
    padding-top: var(--sp-xx-large);
    padding-bottom: var(--sp-xx-large);
}

.testimonial-content-item .slider-wrapper {
    position: relative;
    width: 100%;
    min-height: 200px; /* fallback height */
}

.testimonial-content-item .slide {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    opacity: 0;
    transition: opacity 1s ease-in-out;
    pointer-events: none;
}

.testimonial-content-item .slide.active {
    opacity: 1;
    pointer-events: auto;
}

.testimonial-content-item .bullets {
    text-align: center;
    margin-top: 20px;
}

.testimonial-content-item .bullet {
    display: inline-block;
    width: 12px;
    height: 12px;
    border-radius: 50%;
    background: #ccc;
    margin: 0 5px;
    cursor: pointer;
    transition: background 0.3s;
}

.testimonial-content-item .bullet.active {
    background: #333;
}



/* Promo content */
.promo-content {
  padding-top: var(--sp-xx-large);
  padding-bottom: var(--sp-xx-large);
}
.layout-colored-box {}
  .bg-beige .layout-colored-box {background-color: var(--red-100);}
  .bg-lightblue .layout-colored-box {background-color: var(--blue-100);}

/* Archive list */
.archive-content {
  padding-top: 0;
  padding-bottom: calc(var(--sp-xx-large) - var(--sp-large));
}

/* Section components */

.left-column-main {}
.right-column-main {border-left: 1px solid var(--black-40);}

.layout-label-large,
.layout-label,
.layout-date {
  padding-right: var(--sp-large);
  padding-bottom: var(--sp-small);
}
  .layout-label-large {padding-left: 0;}
  .layout-label {padding-left: var(--sp-large);}

.layout-content-main {
  padding: var(--sp-large);
}

.layout-content-small {
  padding: var(--sp-medium);
}

.image {
  background-size: cover;
  background-position: center center;
}

.businessarea .teaser-content,
.coworkers .featured-content,
.news .featured-content {padding-top: 0;}


/* Modules ---------------------------------- */

/* Single news */
.news-item-25 {margin-bottom: var(--sp-large);}

/* Single coworker */
.cworker-item-25 {margin-bottom: var(--sp-large);}

/* Accordion */
.accordion {}
  .accordion-item {
    border-bottom: 1px solid var(--black-60);
    padding-bottom: var(--sp-small) !important;
  }
    .accordion-title {
      font-family: roboto, sans-serif;
      font-size: var(--fs-large);
      color: var(--black-100);
      display: block;
      width: 100%;
      border: 0px;
      border-bottom: 0px;
      padding-top: var(--sp-small) !important;
    }
      .accordion-title:hover {
        background: transparent;
        text-decoration: none;
        color: var(--red-100);
      }
      .accordion-title:active {
        background: transparent;
        text-decoration: none;
        color: var(--red-100);
      }
      .accordion-title:focus {
        background: transparent;
        text-decoration: none;
        color: var(--red-100);
      }
      :last-child:not(.is-active)>.accordion-title {border-bottom: 0px !important;}
        .accordion-title::before {margin-top: 0rem !important;}

    .accordion-content {
      border: 0px !important;
      padding: var(--sp-small) !important;
    }
      .accordion-content .layout-content div:nth-last-child(1) {
          padding-top: var(--sp-small) !important;
          padding-left: 0px !important;
          padding-right: 0px !important;
      }

/* Search */
.search-form {
  display: flex; 
  align-items: center;
}
.search-field {
  padding: 5px; 
  flex: 1;
  font-size: var(--fs-mini);
  height: var(--sp-large);
  width: calc(var(--sp-xx-large) * 2);
}
  .top-bar input {
    margin-right: 0;
    border-left: 1px solid var(--black-40) !important;
    border-top: 1px solid var(--black-40) !important;
    border-bottom: 1px solid var(--black-40) !important;
    border-top-left-radius: 3px;
    border-bottom-left-radius: 3px;
  }
  .search-field::-webkit-search-decoration,
  .search-field::-webkit-search-cancel-button,
  .search-field::-webkit-search-results-button,
  .search-field::-webkit-search-results-decoration {
      display: none;
  }

.search-submit {
  padding: 0.6rem 1.6rem; 
  margin-left: 0px;
  font-size: var(--fs-mini);
  background-color: var(--red-100);
  color: var(--black-00);
  cursor: pointer;
  height: var(--sp-large);
  border-top-right-radius: 3px;
  border-bottom-right-radius: 3px;
}

/* Search result */

.search-rusult-item {
  border-bottom: 1px solid var(--black-60);
  padding-top: var(--sp-small);
  margin-bottom: var(--sp-small);
}


/* Images ----------------------------------- */

img.header-logo {
  width: ;
  height auto;
}
img.footer-logo {
  width: 12.5rem;
  display: block;
  margin-left: auto;
  margin-right: auto;
}

/* Footer ----------------------------------- */

.footer {
  padding-top: calc(var(--sp-xx-large) - var(--sp-large));
  padding-bottom: calc(var(--sp-xx-large) - var(--sp-large));
  margin-top: 0 !important;
}
  .footer-level-1 {}
  .footer-level-2 {padding-top: calc(var(--sp-xx-large) - var(--sp-large));}
    .footer-column {padding: var(--sp-large);}




/* Media Queries - Large 1025px -> ---------- */
@media screen and (min-width: 64.063em) {


}

/* Media Queries - Medium 640px -> 1024px --- */
@media screen and (max-width: 64em) {

  .hero-frontpage .left-column-hero .left-column-content {
    position: absolute;
    z-index: 99;
    width: 100%;
    height: 100%;
    left: 0;
    top: 0;
    padding: var(--sp-x-large);
  }

  .layout-featured-news .news-item-25:nth-child(n+5) {
    display: none;
  }
  .footer-column:nth-child(3) {display: none;}
  .footer-column {border-bottom: 1px solid #263A54}


}
/* Media Queries - Small -> 640px ----------- */
@media screen and (max-width: 40em) {

  .hero-frontpage .left-column-hero {
    position: relative;
    background-image: none;
  }
  .hero-frontpage .left-column-hero .left-column-content {
    position: relative;
    padding: var(--sp-x-large);
  }
  .hero-frontpage .right-column-hero .right-column-content {
    position: relative;
    background-image: none;
  }
    .right-column-hero {
      padding-top: 0 !important;
      padding-bottom: var(--sp-large);
    }

  .main-content-item, 
  .teaser-content-item, 

  .featured-cworkers-item,

  .testimonial-content-item {
    padding-left: var(--sp-x-large);
    padding-right: var(--sp-x-large);
  }

  .left-column-hero {}
  .right-column-hero {
    padding-top: var(--sp-xx-large);
    padding-bottom: var(--sp-large);
  }
  .left-column-main {
    padding-bottom: var(--sp-xx-large);
    padding-left: 0;
    padding-right: 0;
  }
  .right-column-main {
    border-top: 1px solid var(--black-40);
    border-left: 0px;
    padding-top: var(--sp-xx-large);
    padding-left: 0;
    padding-right: 0;
  }

  .layout-featured-news .news-item-25:nth-child(n+4) {
    display: none;
  }

  .layout-label-large,
  .layout-label {
    padding-left: 0;
    padding-bottom: var(--sp-small);
  }

}