@import url("https://fonts.googleapis.com/css2?family=Funnel+Sans:ital,wght@0,300..800;1,300..800&display=swap");

:root {
  --red-color: #f1262c;
  --blue-color: #103279;
  --yellow-color: #f3b910;
}

/* Общие настройки */
header,
header * {
  box-sizing: border-box;
}

html {
  scroll-behavior: smooth;
}

* {
  font-family: "Funnel Sans", sans-serif;
}

body {
  margin: 0;
  padding: 0;
  font-family: "Funnel Sans", sans-serif;
}

/* Основной контейнер */
header {
  height: 483px;
  position: relative;
  overflow: hidden;
}

.UKF-logo {
  width: 236px;
  aspect-ratio: 236 / 302.69;
  height: auto;
  margin-top: 160px;
  margin-left: 110px;
  background-image: url("src/assets/UKF_long 1.svg");
  background-repeat: no-repeat;
  background-size: contain;
  background-position: center;
  transition: background-image 0.3s ease;
}

/* Навигационная панель */
.nav-bar {
  display: flex;
  flex-direction: row;
  gap: 102.08px;
  align-items: center;
  justify-content: flex-start;
  position: absolute;
  left: 449.8px;
  top: 104.17px;
}

/* Секция выбора языка */
.language-selector {
  display: flex;
  flex-direction: row;
  align-items: center;
  justify-content: space-between;
  flex-shrink: 0;
  width: 197.92px;
  position: relative;
}

/* Языки */
.lang {
  text-align: left;
  font-size: 33.333px;
  position: relative;
}

.lang.no {
  color: #f1262c;
  font-family: "Funnel Sans", sans-serif;
  font-weight: 600;
  font-style: italic;
  text-decoration: underline;
}

.lang.eng,
.lang.ukr {
  color: #103279;
  font-family: "Funnel Sans", sans-serif;
  font-weight: 400;
}








.page-membership {
  height: auto; /* или оставить фиксированную высоту, но убрать overflow: hidden */
  overflow: visible;
}
.events-section {
  width: auto;
  height: 600px;
  margin-left: 504px;

}
.events-footer {
  width: 220px;
  padding: 20.83px;
  display: flex;
  flex-direction: column;
  gap: 20.83px;
  align-items: flex-start;
  justify-content: flex-start;
  margin-left: 780px;
}
.show-more {
  display: flex;
  flex-direction: row;
  gap: 8.33px;
  align-items: center;
  justify-content: flex-start;
  align-self: stretch;
  flex-shrink: 0;
  position: relative;
  cursor: pointer;
  transition: all 0.3s ease;
  text-decoration: none;

  &:hover {
    transform: translateX(-10px); /* move slightly to the left */
  }
}
.show-more-text {
  color: #f1262c;
  text-align: left;
  font-family: "Funnel Sans", sans-serif;
  font-size: 50px;
  font-weight: 600;
  position: relative;
}
.show-more-icon {
  flex-shrink: 0;
  width: 59.375px;
  height: 59.375px;
  position: relative;
  overflow: visible;
}
.events-list-wrapper {
  padding: 20.83px;
  display: flex;
  flex-direction: column;
  gap: 20.83px;
  align-items: flex-start;
  justify-content: flex-start;
  width: 1197.92px;
  margin-top: 87px;
  height: 400px;
}
.frame-14 {
  display: flex;
  flex-direction: column;
  gap: 39.58px;
  align-items: flex-start;
  justify-content: flex-start;
  align-self: stretch;
  flex-shrink: 0;
  position: relative;
}
.frame-7 {
  flex-shrink: 0;
  width: 1156.25px;
  height: 188.54px;
  position: relative;
  display: flex;
}
.frame-5 {
  display: flex;
  flex-direction: column;
  gap: 11.33px;
  align-items: flex-start;
  justify-content: flex-start;
  margin-top: 15.63px;
  width: 222px;
}
._13-03-2026 {
  color: #f1262c;
  text-align: left;
  font-family: "Funnel Sans", sans-serif;
  font-size: 43px;
  line-height: 63.11%;
  letter-spacing: -0.07em;
  font-weight: 600;
  position: relative;
}
.stathelle {
  color: #f1262c;
  text-align: left;
  font-family: "Funnel Sans", sans-serif;
  font-size: 43px;
  line-height: 63.11%;
  letter-spacing: -0.07em;
  font-weight: 600;
  position: relative;
}
.polygon-1 {
  width: 6.31%;
  height: 55.8%;
  right: 70.81%;
  margin-left: 65px;
  margin-right: 52px;
  overflow: visible;
}
.frame-6 {
  display: flex;
  flex-direction: column;
  gap: 27.08px;
  align-items: flex-start;
  justify-content: flex-start;
  left: 389.58px;
  top: 11.46px;
}
.lag-din-egen-motanka-dukke {
  color: #f1262c;
  text-align: left;
  font-family: "Funnel Sans", sans-serif;
  font-size: 50px;
  line-height: 63.11%;
  font-weight: 600;
  text-decoration: underline;
  position: relative;
  align-self: stretch;
}
.motanka-er-en-tradisjonell-tekstildukke-laget-uten-s-m-kun-ved-snurring-og-knyting-denne-eldgamle-h-ndverkstradisjonen-finnes {
  color: #f1262c;
  text-align: left;
  font-family: "Funnel Sans", sans-serif;
  font-size: 31px;
  font-weight: 400;
  position: relative;
  width: 766.67px;
}
.frame-13 {
  display: flex;
  flex-direction: column;
  gap: 54.17px;
  align-items: flex-start;
  justify-content: flex-start;
  flex-shrink: 0;
  width: 883.33px;
  position: relative;
}
.frame-8, .frame-9 {
  flex-shrink: 0;
  width: auto;
  height: auto;
  position: relative;
  display: flex;
}
.frame-52 {
  display: flex;
  flex-direction: column;
  gap: 11.33px;
  align-items: flex-start;
  justify-content: flex-start;
  margin-top: 13.54px;
  width: auto;
}
._28-02-2026 {
  color: #103279;
  text-align: left;
  font-family: "Funnel Sans", sans-serif;
  font-size: 43px;
  line-height: 63.11%;
  letter-spacing: -0.07em;
  font-weight: 600;
  position: relative;
}
.oslo {
  color: #103279;
  text-align: left;
  font-family: "Funnel Sans", sans-serif;
  font-size: 43px;
  line-height: 63.11%;
  letter-spacing: -0.07em;
  font-weight: 600;
  position: relative;
}
.polygon-12, .polygon-13 {
  width: 105.21px;
  height: auto;
  overflow: visible;
  margin-left: 87px;
  margin-right: 36px;
}
.frame-62, .frame-63 {
  display: flex;
  flex-direction: column;
  gap: 27.08px;
  align-items: flex-start;
  justify-content: flex-start;
  left: 389.58px;
  top: 9.38px;
  width: 550px;
}
.blokktrykk-og-broderi {
  color: #103279;
  text-align: left;
  font-family: "Funnel Sans", sans-serif;
  font-size: 50px;
  font-weight: 600;
  text-decoration: underline;
  position: relative;
  align-self: stretch;
  width: 100%;
}
._27-04-2026 {
  color: #f3b910;
  text-align: left;
  font-family: "Funnel Sans", sans-serif;
  font-size: 43px;
  line-height: 63.11%;
  letter-spacing: -0.07em;
  font-weight: 600;
  position: relative;
}
.oslo2 {
  color: #f3b910;
  text-align: left;
  font-family: "Funnel Sans", sans-serif;
  font-size: 43px;
  line-height: 63.11%;
  letter-spacing: -0.07em;
  font-weight: 600;
  position: relative;
}
.akvarellverksted {
  color: #f3b910;
  text-align: left;
  font-family: "Funnel Sans", sans-serif;
  font-size: 50px;
  line-height: 63.11%;
  font-weight: 600;
  text-decoration: underline;
  position: relative;
  align-self: stretch;
}
.events-title {
  color: #f1262c;
  text-align: left;
  font-family: "Funnel Sans", sans-serif;
  font-size: 95px;
  line-height: 63.11%;
  letter-spacing: -0.01em;
  font-weight: 600;
  margin-left: 20.83px;
  top: 0px;
  width: 900px;
}
.membership-section {
  margin-top: 100px;
  width: auto;
  height: 840px;
}
.membership-howto {
  width: 1047.92px;
  height: 606.25px;
  margin-left: 756.05px;
  margin-top: 166.42px;
}
.membership-description {
  display: flex;
  flex-direction: column;
  gap: 0px;
  align-items: flex-start;
  justify-content: flex-start;
  width: 847.92px;
  margin-left: 200px;
  margin-top: 51px;
}
.membership-text {
  color: #103279;
  text-align: left;
  font-family: "Funnel Sans", sans-serif;
  font-size: 41.75px;
  line-height: 147.56%;
  font-weight: 400;
  position: relative;
  align-self: stretch;
}
.membership-email {
  color: #f3b910;
  font-family: "Funnel Sans", sans-serif;
  font-size: 41.75px;
  text-decoration: none; /* убираем стандартное подчёркивание ссылки */
  cursor: pointer;
}

.line {
  text-decoration: underline;
}

.dog {
  margin: 0 -10px;
}

/* 🚫 Запрет выделения */
.no-select {
  user-select: none;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
}
.membership-note {
  color: #103279;
  text-align: left;
  font-family: "Funnel Sans", sans-serif;
  font-size: 41.75px;
  line-height: 145.89%;
  font-weight: 400;
  position: relative;
  align-self: stretch;
}
.membership-title {
  color: #f1262c;
  text-align: left;
  font-family: "Funnel Sans", sans-serif;
  font-size: 95px;
  line-height: 63.11%;
  letter-spacing: -0.01em;
  font-weight: 600;
  left: 0px;
  top: 0px;
  width: 676.67px;
}
.hero-section {
  height: 363px;
}
.hero-content {
  width: 968.75px;
  height: 120.83px;
  display: flex;
  margin-left: 800px;
  margin-top: -100px;
  transition: all 0.3s ease;

  &:hover {
    transform: translateX(-10px); /* move slightly to the left */
  }
}
.hero-description {
  color: #f1262c;
  text-align: left;
  font-family: "Funnel Sans", sans-serif;
  font-size: 49px;
  line-height: 122.35%;
  font-weight: 600;
  text-decoration: underline;
  right: 3.01%;
  left: 0%;
  width: 96.99%;
  height: 100.97%;
}
.hero-accent {
  width: 59.375px;
  height: 59.375px;
  margin-left: -190px;
  margin-top: 20px;
  overflow: visible;
}














.membership-fee {
  position: absolute;
  left: 0px;       /* x = 0 */
  top: 914px;     /* y = -104 */
  width: 937px;    /* ширина контейнера */
  height: 1312px;  /* высота контейнера */
  pointer-events: none; /* блок не мешает кликам */
}

.membership-fee-icon {
  width: 100%;
  height: 100%;
  display: block;
}

.membership-fee-text {
  position: absolute;
  top: 605px;     /* y позиции текста в холдере */
  left: 178.97px; /* x позиции текста в холдере */
  width: 625px;    /* ширина текста */
  font-family: "Funnel Sans", sans-serif;
  font-size: 49.96px;
  color: #ffffff;
  font-weight: 500;
  margin: 0;
}

.membership-fee-text .highlight {
  font-weight: 500;
}

.membership-fee-text .amount {
  letter-spacing: -5%;
}









.event-card {
  cursor: pointer;
  display: flex;
  flex-direction: column;
  gap: 20px;
  margin-bottom: 39.58px;
}

/* ROW */
.event-row {
  display: flex;
  align-items: flex-start;
}

/* DATE */
.event-date {
  width: auto;
  display: flex;
  flex-direction: column;
  font-family: "Funnel Sans", sans-serif;
  font-size: 43.45px;
  letter-spacing: -0.07em;
  font-weight: 600;
  line-height: 85%;
}

/* --- EVENT DATE --- */
.event-date.red,
.event-date.red * {
  color: #f1262c;
}

.event-date.blue,
.event-date.blue * {
  color: #103279;
}

.event-date.yellow,
.event-date.yellow * {
  color: #F3B910;
}

/* --- EVENT TITLE --- */
.event-card.red .event-title,
.event-card.red .event-title * {
  color: #f1262c;
}

.event-card.blue .event-title,
.event-card.blue .event-title * {
  color: #103279;
}

.event-card.yellow .event-title,
.event-card.yellow .event-title * {
  color: #F3B910;
}

/* --- EVENT DESCRIPTION --- */
.event-card.red .event-description,
.event-card.red .event-description * {
  color: #f1262c;
}

.event-card.blue .event-description,
.event-card.blue .event-description * {
  color: #103279;
}

.event-card.yellow .event-description,
.event-card.yellow .event-description * {
  color: #F3B910;
}


/* POLYGON */
.event-polygon {
  width: 85px;
  height: auto;
  margin: 0 90px;
  flex-shrink: 0;
  transition: transform 0.4s ease;
}

.event-card.is-open .event-polygon {
  transform: rotate(90deg);
}

/* CONTENT */
.event-content {
  display: flex;
  flex-direction: column;
  gap: 10px;
  width: 766px;
}

/* TITLE */
.event-title {
  font-family: "Funnel Sans", sans-serif;
  font-size: 50.14px;
  font-weight: 600;
  text-decoration: underline;
}

/* BODY - скрываем/открываем через max-height */
.event-body {
  overflow: hidden;
  max-height: 0;
  transition: max-height 0.4s ease;
}

/* BODY когда открыта карточка */
.event-card.is-open .event-body {
  max-height: 500px; /* достаточно для текста */
}

/* DESCRIPTION */
.event-description {
  font-family: "Funnel Sans", sans-serif;
  font-size: 31.37px;
  font-weight: 400;
  line-height: normal;
  color: inherit;
}



















.testimonials-section {
  height: 1000px;
  position: relative;
}
.testimonials-list {
  background: #f2e3dc;
  width: 100%;
  height: 1143px;
  position: absolute;
  left: 0px;
  top: 58px;
  overflow: hidden;
}
.testimonials-icon {
  position: absolute;
  inset: 0;
  z-index: 0;
}
.testimonial-card, .testimonial-card2 {
  z-index: 1;
}

.testimonial-card {
  display: flex;
  flex-direction: column;
  gap: 56px;
  align-items: flex-start;
  justify-content: flex-start;
  position: absolute;
  left: 381px;
  top: 329px;
}
.testimonial-text {
  color: #f1262c;
  text-align: left;
  font-family: "Funnel Sans", sans-serif;
  font-size: 51.36px;
  line-height: 113.46%;
  letter-spacing: -0.01em;
  font-weight: 600;
  position: relative;
  width: 490px;
}
.testimonial-author {
  color: #f1262c;
  text-align: left;
  font-family: "Funnel Sans", sans-serif;
  font-size: 50.58px;
  line-height: 122.35%;
  font-weight: 600;
  font-style: italic;
  position: relative;
}
.testimonial-card2 {
  display: flex;
  flex-direction: column;
  gap: 56px;
  align-items: flex-start;
  justify-content: flex-start;
  width: 707px;
  position: absolute;
  left: 1150px;
  top: 128px;
}
.testimonial-text2 {
  color: #103279;
  text-align: left;
  font-family: "Funnel Sans", sans-serif;
  font-size: 48.95px;
  line-height: 119.85%;
  letter-spacing: -0.01em;
  font-weight: 700;
  position: relative;
  width: 594px;
}
.testimonial-author2 {
  color: #103279;
  text-align: left;
  font-family: "Funnel Sans", sans-serif;
  font-size: 48.95px;
  line-height: 122.35%;
  font-weight: 800;
  font-style: italic;
  position: relative;
  align-self: stretch;
}
.testimonials-navigation {
  display: flex;
  flex-direction: row;
  align-items: center;
  justify-content: space-between;
  width: 1830px;
  height: auto;
  position: absolute;
  left: 50%;
  translate: -50%;
  top: 632.08px;
  overflow: visible;
}
.testimonials-title {
  color: #f2e3dc;
  text-align: left;
  font-family: "Funnel Sans", sans-serif;
  font-size: 94px;
  line-height: 60px;
  font-weight: 600;
  margin-left: 218.55px;
}
.scroll-testimonials-list,
.scroll-testimonials-list * {
  box-sizing: border-box;
}
.scroll-testimonials-list {
  display: flex;
  flex-direction: row;
  align-items: center;
  justify-content: space-between;
  position: relative;
  width: 1830px;
  z-index: 2;
  margin: auto;
  margin-top: 500px;
}
.polygon-arrow-left {
  flex-shrink: 0;
  width: 60px;
  height: 69px;
  position: relative;
  overflow: visible;
}
.polygon-arrow-right {
  flex-shrink: 0;
  width: 60px;
  height: 69px;
  position: relative;
  overflow: visible;
}
.testimonial-text, .testimonial-text2,
.testimonial-author, .testimonial-author2 {
    transition: opacity 0.5s ease;
}
.fade-out {
    opacity: 0;
}
.fade-in {
    opacity: 1;
}

.testimonial-card, .testimonial-card2 {
  flex-shrink: 0;
  transition: transform 0.5s ease, opacity 0.5s ease;
  opacity: 1;
}

.fade-out {
  opacity: 0;
}

.fade-in {
  opacity: 1;
}














.samarbeidspartner-section,
.samarbeidspartner-section * {
  box-sizing: border-box;
}

.samarbeidspartner-section {
  height: 500.66px;
  position: relative;
  margin-top: -115px;
}

.samarbeidspartner-title {
  color: #cfcfcf;
  text-align: left;
  font-family: "Funnel Sans", sans-serif;
  font-size: 75.5px;
  line-height: 122.35%;
  font-weight: 600;
  position: absolute;
  left: 231px;
  top: 0px;
  margin-top: 15px;
}

.samarbeidspartner-carousel-container {
  background: #cfcfcf;
  width: 100%;
  height: 427px;
  left: 0;
  top: 73.66px;
  overflow: hidden;
  position: relative;
}

@keyframes scroll {
    0% {
        transform: translateX(0);
    }
    100% {
        transform: translateX(calc(-50% - 20px));
    }
}

.samarbeidspartner-carousel .slick-slide {
    display: flex;
    align-items: center;
    justify-content: center;
}

.samarbeidspartner-carousel {
  display: flex;
  animation: scroll 60s linear infinite;
  width: max-content;
  flex-direction: row;
  gap: 87px;
  align-items: center;
  justify-content: flex-start;
  height: 295.81px;
  margin-top: 50px;
}

.samarbeidspartner-carousel {
  display: flex;
  flex-direction: row;
  align-items: center; /* вертикальное центрирование */
  justify-content: center; /* горизонтальное центрирование всей карусели */
  overflow: hidden;    /* скрываем лишнее */
}

.slick-track {
  gap: 87px;           /* расстояние между логотипами */
}

.carousel-item {
  flex-shrink: 0;       /* логотип не сжимается */
  width: auto;          /* ширина под контент */
  height: 435px;        /* фиксируем только высоту, чтобы все логотипы были выровнены */
  display: flex;
  align-items: center;
  justify-content: center;
  margin-right: 60px;
}

.samarbeidspartner-carousel-container:hover .samarbeidspartner-carousel {
    animation-play-state: paused;
}

.carousel-item img {
  object-fit: contain;  /* логотип не искажается */
}

.carousel-item:hover {
    opacity: 0.8;
}

















.contact-section {
  margin-top: -73px;
  height: 190px;
  position: relative;
  cursor: default;
}
.contact-content {
  background: #f1262c;
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  justify-content: space-between;
  width: 100%;
  height: 142px;
  
  overflow: hidden;
}
.contact-links {
  display: flex;
  flex-direction: row;
  align-items: center;
  justify-content: space-between;
  flex-shrink: 0;
  width: 1565px;
  position: relative;
  margin: auto;
  cursor: pointer;
}
.contact-link-icon {
  flex-shrink: 0;
  width: 21px;
  height: 25px;
  position: relative;
  overflow: visible;
}
.contact-link {
  display: flex;
  flex-direction: row;
  gap: 22px;
  align-items: center;
  justify-content: flex-start;
  flex-shrink: 0;
  position: relative;
  transition: all 0.3s ease;

  &:hover {
    transform: translateX(-10px); /* move slightly to the left */
  }
}
.contact-link-name {
  color: #ffffff;
  text-align: left;
  font-family: "Funnel Sans", sans-serif;
  font-size: 33.38px;
  line-height: 122.35%;
  font-weight: 300;
  position: relative;
}
.contact-email {
  color: #ffffff;
  text-align: left;
  font-family: "Funnel Sans", sans-serif;
  font-size: 33.07px;
  line-height: 145.89%;
  font-weight: 400;
  text-decoration: none; /* убираем стандартное подчёркивание ссылки */
  cursor: pointer;
  position: relative;
}

/* подчёркиваем только текст */
.contact-email .line {
  text-decoration: underline;
}

/* оформление @ */
.contact-email .dog {
  margin: 0 -8px; /* можно подрегулировать */
}

/* 🚫 запрет выделения */
.no-select {
  user-select: none;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
}
.contact-title {
  color: #f1262c;
  text-align: left;
  font-family: "Funnel Sans", sans-serif;
  font-size: 75.5px;
  line-height: 45px;
  font-weight: 600;
  margin-left: 378px;
}










.about-section {
  background: #f3b910;
  padding: 40px 0px 34px;
  display: flex;
  flex-direction: column;
  gap: 10px;
  align-items: flex-start;
  justify-content: flex-start;
  height: 425px;
  position: relative;
  overflow: hidden;
  margin-top: -5px;
  cursor: default;
}
.about-container {
  display: flex;
  flex-direction: row;
  gap: 136px;
  align-items: center;
  justify-content: flex-start;
  align-self: stretch;
  flex-shrink: 0;
  position: relative;
  width: 1560px;
  margin: auto;
}
.about-content {
  display: flex;
  flex-direction: row;
  align-items: center;
  justify-content: space-between;
  flex-shrink: 0;
  width: 1271px;
  position: relative;
}
.about-description {
  color: #103279;
  text-align: left;
  font-family: "Funnel Sans", sans-serif;
  font-size: 30.84px;
  line-height: 154.29%;
  font-weight: 400;
  position: relative;
  width: 553px;
}

.ua-kunstforening-gmail-com {
  color: #ffffff;
  text-align: center;
  font-family: "FunnelSans-Regular", sans-serif;
  font-size: 33.07399368286133px;
  line-height: 145.89%;
  font-weight: 400;
  text-decoration: underline;
  position: relative;
  align-self: stretch;
}

.about-details {
  display: flex;
  flex-direction: column;
  gap: 16px;
  align-items: center;
  justify-content: flex-start;
  flex-shrink: 0;
  position: relative;
}
.about-details-content {
  color: #ffffff;
  text-align: center;
  font-family: "Funnel Sans", sans-serif;
  font-size: 33.01500701904297px;
  font-weight: 500;
  position: relative;
  align-self: stretch;
}
.kontonummer {
  color: #ffffff;
  text-align: center;
  font-family: "Funnel Sans", sans-serif;
  font-size: 33.01500701904297px;
  font-weight: 400;
  position: relative;
  align-self: stretch;
}
.about-details-text {
  color: #ffffff;
  text-align: left;
  font-family: "Funnel Sans", sans-serif;
  font-size: 30.84px;
  line-height: 138.8%;
  letter-spacing: 0.03em;
  font-weight: 400;
  position: relative;
  align-self: stretch;
}
.about-logo {
  flex-shrink: 0;
  width: 150.31px;
  height: 336px;
  position: relative;
  overflow: hidden;
}
.about-logo-image {
  margin-top: 40px;
  width: 100%;
  height: 100%;
  display: block;
}


.lang { font-size: 26.67px; }            /* 33.333 × 0.8 */

.show-more-text { font-size: 40px; }      /* 50 × 0.8 */

._13-03-2026 { font-size: 34.4px; }       /* 43 × 0.8 */
.stathelle { font-size: 34.4px; }

.lag-din-egen-motanka-dukke { font-size: 40px; }
.motanka-er-en-tradisjonell-tekstildukke-laget-uten-s-m-kun-ved-snurring-og-knyting-denne-eldgamle-h-ndverkstradisjonen-finnes {
  font-size: 24.8px;                      /* 31 × 0.8 */
}

._28-02-2026 { font-size: 34.4px; }
.oslo { font-size: 34.4px; }

.blokktrykk-og-broderi { font-size: 40px; }

._27-04-2026 { font-size: 34.4px; }
.oslo2 { font-size: 34.4px; }

.akvarellverksted { font-size: 40px; }

.events-title { font-size: 76px; }        /* 95 × 0.8 */

.membership-text { font-size: 33.4px; }   /* 41.75 × 0.8 */
.membership-email { font-size: 33.4px; }
.membership-note { font-size: 33.4px; }


.membership-fee-text { font-size: 39.97px; } /* 49.96 × 0.8 */

.hero-description { font-size: 39.2px; }  /* 49 × 0.8 */

.event-date { font-size: 34.76px; }       /* 43.45 × 0.8 */
.event-title { font-size: 40.11px; }      /* 50.14 × 0.8 */
.event-description { font-size: 25.1px; } /* 31.37 × 0.8 */

.testimonial-text { font-size: 41.09px; }     /* 51.36 × 0.8 */
.testimonial-author { font-size: 40.46px; }   /* 50.58 × 0.8 */

.testimonial-text2 { font-size: 39.16px; }    /* 48.95 × 0.8 */
.testimonial-author2 { font-size: 39.16px; }

.testimonials-title { font-size: 75.2px; }    /* 94 × 0.8 */

.samarbeidspartner-title { font-size: 60.4px; } /* 75.5 × 0.8 */

.contact-link-name { font-size: 26.7px; }   /* 33.38 × 0.8 */
.contact-email { font-size: 26.46px; }      /* 33.07 × 0.8 */
.contact-title { font-size: 60.4px; }       /* 75.5 × 0.8 */

.about-description { font-size: 24.67px; }  /* 30.84 × 0.8 */

.kontonummer { font-size: 26.89px; }        /* 33.61 × 0.8 */
.about-details-text { font-size: 24.67px; } /* 30.84 × 0.8 */


.scroll-animate {
  opacity: 1;
  transform: translateX(-500px);
  transition: all 0.8s ease-out;
}

.scroll-animate.show {
  opacity: 1;
  transform: translateY(0);
}

.nav-item.active {
  font-weight: 800;
  /* text-decoration: underline; */
  color: #000; /* или нужный цвет */
}