@font-face {
  font-family: 'Brown';
  src: url('https://netbank.sparekassen.dk/-/media/riseflemloesesparekasse/fonts/Brown-Light.ttf') format('truetype');
  font-style: normal;
  font-weight: 300;
  font-display: swap;
}

@font-face {
  font-family: 'Brown';
  src: url('https://netbank.sparekassen.dk/-/media/riseflemloesesparekasse/fonts/Brown-Bold.ttf') format('truetype');
  font-style: normal;
  font-weight: 700;
  font-display: swap;
}

:root {
  --primary-haiti-blue: #140A37;
  --primary-haiti-blue-80: #4C4664;
  --primary-haiti-blue-60: #7D788E;
  --primary-haiti-blue-40: #D1D0D9;
  --primary-haiti-blue-20: #D6D4DB;
  --primary-paris-green: #55C896;
  --primary-paris-green-80: #7AD2AB;
  --primary-paris-green-60: #9EDEC1;
  --primary-paris-green-40: #BFE8D6;
  --primary-paris-green-20: #E0F4EB;
  --secondary-natural-gray: #8C8282;
  --secondary-natural-grey-80: #A49D9D;
  --secondary-natural-grey-60: #BBB6B6;
  --secondary-natural-grey-40: #D3CFCF;
  --secondary-natural-grey-20: #E9E7E7;
  --secondary-pastel-grey: #D2D2C3;
  --secondary-pastel-grey-80: #DBDBCF;
  --secondary-pastel-grey-60: #E4E4DB;
  --secondary-pastel-grey-40: #EEEEE7;
  --secondary-pastel-grey-20: #F6F6F3;
  --secondary-dune-grey: #323232;
  --secondary-dune-grey-80: #616161;
  --secondary-dune-grey-60: #8B8B8B;
  --secondary-dune-grey-40: #B4B4B4;
  --secondary-dune-grey-20: #DADADA;
  --secondary-astra-yellow: #FAEBAF;
  --secondary-astra-yellow-80: #FBEFBF;
  --secondary-astra-yellow-60: #FCF3CF;
  --secondary-astra-yellow-40: #FDF7E0;
  --secondary-astra-yellow-20: #FEFBEF;
  --secondary-seafoam-green: #78F5B4;
  --secondary-seafoam-green-80: #95F7C4;
  --secondary-seafoam-green-60: #B0F9D3;
  --secondary-seafoam-green-40: #CBFBE1;
  --secondary-seafoam-green-20: #E6FDF0;
  --secondary-bittersweet-red: #F06E64;
  --secondary-bittersweet-red-80: #F38D85;
  --secondary-bittersweet-red-60: #F6ABA6;
  --secondary-bittersweet-red-40: #F9C8C5;
  --secondary-bittersweet-red-20: #FCE4E2;
  --external-seashell-grey: #F1F1ED;
  --external-desert-grey: #F9F7F5;
  --svg-logo: url('data:image/svg+xml,%3Csvg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 1918.75 225.2"%3E%3Cdefs%3E%3Cstyle%3E .cls-1%7Bfill:%23140a37%7D %3C/style%3E%3C/defs%3E%3Cpath d="M1897.88 132.78a20.09 20.09 0 1 1 0 40.17 20.09 20.09 0 0 1 0-40.17ZM31 98.73v71.17H0V9.19h58.55c16.53 0 27.09 4.58 35.12 11.93a45 45 0 0 1 0 65.67A41.43 41.43 0 0 1 77.6 96.2l60.15 73.7H99.41L42.24 98.73Zm25.71-27.56c8.95 0 12.86-1.83 15.61-4.82a18.72 18.72 0 0 0 0-24.56c-2.75-3-6.66-5.06-15.61-5.06H31v34.44ZM176 0c10.79 0 19.52 8.27 19.52 19.06s-8.7 19.05-19.52 19.05-19.51-8.26-19.51-19S165.24 0 176 0Zm15 169.9h-29.89V58.55H191ZM240.31 135.92c7.58 6.89 19.29 11 30.54 11 8 0 14.23-3.9 14.23-9.41 0-16.76-53.95-10.79-53.95-46.61 0-21.35 20.66-34.67 42.7-34.67 14.47 0 30.31 5.51 37.66 11.25l-14 21.58c-5.74-4.13-13.32-7.58-21.35-7.58-8.27 0-15.16 3.22-15.16 9 0 14.46 54 8.72 54 47.3 0 21.35-20.89 34.43-44.31 34.43a77 77 0 0 1-44.77-14.92ZM448.77 152.22c-10.8 12.86-28.47 20-45.69 20-33.29 0-58.32-23-58.32-57.85 0-31 21.12-58.09 54.19-58.09 30.76 0 52.57 25.94 52.57 56.94a49 49 0 0 1-.69 8.5h-77.14c1.61 15.61 14.23 26.4 30.08 26.4 12.62 0 22.73-7.12 28-12.86ZM421 99.87c-.92-9.87-9.88-19.51-22-19.51-12.4 0-22.51 9.41-23.88 19.51ZM562.39 127c9.18 10.11 23.19 17.68 37.88 17.68 13.78 0 23.42-8.49 23.42-20.2 0-20.66-29.85-23.19-51.43-35.82-12.63-7.34-22.73-18.36-22.73-36.5 0-28.7 26.41-45.23 53-45.23 16.3 0 31.45 3.9 46.61 15.15L633.1 45c-6.42-6-17.22-10.56-27.78-10.56-11.71 0-24.79 5.05-24.79 17.45 0 25.94 74.15 17.91 74.15 72.09 0 28.47-25.48 48.21-54.41 48.21-21.58 0-41.55-8.95-58.08-24.1ZM690.26 58.55H719v9a51 51 0 0 1 32.6-11.25c30.31 0 54.64 25.25 54.64 58.09a59.63 59.63 0 0 1-14 39c-9.88 11.48-25.72 18.82-42.25 18.82a46.91 46.91 0 0 1-29.84-10.1V225h-29.89Zm29.85 72.32A32.6 32.6 0 0 0 747 144.64c16.76 0 29.39-12.85 29.39-30.3 0-16.07-11.26-30.54-28.7-30.54a34.21 34.21 0 0 0-27.55 13.78ZM950 169.9h-28.7v-9a46.56 46.56 0 0 1-31 11.25c-16.53 0-32.14-7.34-42-18.82a59.76 59.76 0 0 1-14.24-39c0-32.84 24.34-58.09 54.65-58.09a51 51 0 0 1 32.6 11.25v-9H950Zm-29.89-72.32a34.22 34.22 0 0 0-27.55-13.78c-17.45 0-28.7 14.47-28.7 30.54 0 17.45 12.63 30.3 29.39 30.3a32.62 32.62 0 0 0 26.86-13.77ZM1063.59 85c-2.07-.69-6.43-1.15-10.8-1.15-13.08 0-23.41 9.41-27.09 16.07v70h-29.84V58.55h28.7V69.8c6.65-8.27 18.82-13.55 32.37-13.55a60.66 60.66 0 0 1 10.1.92ZM1188.8 152.22c-10.79 12.86-28.47 20-45.68 20-33.29 0-58.32-23-58.32-57.85 0-31 21.12-58.09 54.18-58.09 30.77 0 52.58 25.94 52.58 56.94a49 49 0 0 1-.69 8.5h-77.14c1.61 15.61 14.23 26.4 30.08 26.4 12.62 0 22.72-7.12 28-12.86ZM1161 99.87c-.91-9.87-9.87-19.51-22-19.51-12.4 0-22.5 9.41-23.87 19.51ZM1284.07 108.6l61.3 61.3h-40.18l-47.07-48.21v48.21h-29.84V6.89h29.84v87.7l38.35-36h42ZM1473.34 169.9h-28.7v-9a46.54 46.54 0 0 1-31 11.25c-16.53 0-32.14-7.34-42-18.82a59.76 59.76 0 0 1-14.24-39c0-32.84 24.34-58.09 54.65-58.09a51 51 0 0 1 32.6 11.25v-9h28.7Zm-29.85-72.32a34.22 34.22 0 0 0-27.55-13.78c-17.45 0-28.7 14.47-28.7 30.54 0 17.45 12.63 30.3 29.39 30.3a32.62 32.62 0 0 0 26.86-13.77ZM1522.68 135.92c7.58 6.89 19.29 11 30.54 11 8 0 14.23-3.9 14.23-9.41 0-16.76-54-10.79-54-46.61 0-21.35 20.66-34.67 42.7-34.67 14.47 0 30.31 5.51 37.66 11.25l-14 21.58c-5.74-4.13-13.32-7.58-21.35-7.58-8.27 0-15.16 3.22-15.16 9 0 14.46 54 8.72 54 47.3 0 21.35-20.89 34.43-44.31 34.43a77 77 0 0 1-44.77-14.92ZM1638.61 135.92c7.58 6.89 19.29 11 30.54 11 8 0 14.23-3.9 14.23-9.41 0-16.76-54-10.79-54-46.61 0-21.35 20.66-34.67 42.7-34.67 14.47 0 30.31 5.51 37.66 11.25l-14 21.58c-5.74-4.13-13.31-7.58-21.35-7.58-8.26 0-15.15 3.22-15.15 9 0 14.46 54 8.72 54 47.3 0 21.35-20.89 34.43-44.31 34.43a77 77 0 0 1-44.77-14.92ZM1847.07 152.22c-10.79 12.86-28.47 20-45.69 20-33.29 0-58.32-23-58.32-57.85 0-31 21.13-58.09 54.19-58.09 30.76 0 52.57 25.94 52.57 56.94a49 49 0 0 1-.69 8.5H1772c1.61 15.61 14.24 26.4 30.08 26.4 12.63 0 22.73-7.12 28-12.86Zm-27.78-52.35c-.92-9.87-9.87-19.51-22-19.51-12.4 0-22.5 9.41-23.88 19.51Z" class="cls-1"/%3E%3C/svg%3E');
}

* {
  font-family: 'Brown', Helvetica, sans-serif !important;
}

body {
  font-size: 16px;
  line-height: 1.5;
}

button {
  font-size: 1rem;
  line-height: 1.5;
  font-weight: bold;
}

/*
h1, .h1 {
  font-size: 2.5rem;
  line-height: 3.125rem;
  font-weight: bold;

  @media (min-width: 768px) {
    font-size: 3.125rem;
    line-height: 3.75rem;
  }

  @media (min-width: 1280px) {
    font-size: 5rem;
    line-height: 5.625rem;
  }
}

h2, .h2 {
  font-size: 1.875rem;
  line-height: 2.5rem;
  font-weight: bold;

  @media (min-width: 768px) {
    font-size: 2.5rem;
    line-height: 3.125rem;
  }

  @media (min-width: 1280px) {
    font-size: 3.75rem;
    line-height: 4.375rem;
  }
}
*/

/*
h3, .h3 {
  font-size: 1.5rem;
  line-height: 2rem;
  font-weight: bold;

  @media (min-width: 768px) {
    font-size: 2rem;
    line-height: 2.5rem;
  }

  @media (min-width: 1280px) {
    font-size: 3rem;
    line-height: 3.5rem;
  }
}

h3, .h3 {
  font-size: 1.25rem;
  line-height: 1.75rem;
  font-weight: bold;

  @media (min-width: 768px) {
    font-size: 1.5rem;
    line-height: 2rem;
  }

  @media (min-width: 1280px) {
    font-size: 2.25rem;
    line-height: 2.75rem;
  }
}
*/

#main-container {
  /* Header */
  .header-static {
    --header-shadow: 0 3px 6px 0 rgba(0, 0, 0, 0.1);
    
    

    @media (max-width: 768px) {
      top: 0;
      z-index: 100;
      position: sticky;
    }

    .main-nav {
      min-height: auto;

      .nav-action-buttons-list {
        li, .nav-action-buttons-list__item {
          &:nth-child(1) {
            .nav-icon-btn.action-btn {
              .icon {
                fill: var(--primary-paris-green);
              }
            }
          }

          &:nth-child(2) {
            .nav-icon-btn.action-btn {
              background: var(--primary-haiti-blue-80);
              color: white;
            }

            .nav-action-overlay-wrap {
              .nav-action-overlay {
                background: var(--primary-haiti-blue-80);
              }
            }
          }
          
          &:nth-child(3) {
            .nav-icon-btn.action-btn {
              background: var(--primary-haiti-blue);
              color: white;
            }
          }

          &:nth-child(4) {
            .nav-icon-btn.action-btn--menu {
              background: var(--primary-haiti-blue);
              color: white;

              &.nav-icon-btn--isToggled {
                background: #333;
              }
            }
          }
        }
      }

      /* Small Navigation */
      .main-nav-small {
        min-height: fit-content !important;
        box-shadow: var(--header-shadow);
        /*background-color: var(--primary-haiti-blue);*/
        background: white;
        
        .main-nav-small__topbar {
          .main-nav-small__topbar-logo {
            margin: 0;
            transition: opacity 0.3s;

            a {
              max-width: 288px;
              padding: 0 16px;
              
              img {
                content: var(--svg-logo);
                width: 100%;
                height: auto;
                object-fit: contain;
              }
            }
          }
        }

        &.main-nav-small--isOpen {
          .main-nav-small__topbar-logo {
            opacity: 0;
          }
        }
        
        .main-nav-small__breadcrumb {
          display: none;
        }

        .main-nav-small__actions-toggle {
          top: 0;
          bottom: auto;
          background-color: transparent;

          .main-nav-small__actions {
            .nav-action-buttons-list {
              li, nav-action-buttons-list__item {
                &:nth-child(2) {
                  .nav-icon-btn.action-btn {
                    background: var(--external-desert-grey);
                    color: unset;

                    .icon {
                      fill: var(--primary-paris-green);
                    }
                  }

                  .nav-action-overlay-wrap {
                    .nav-action-overlay {
                      top: 64px;
                      bottom: 0;
                      background: var(--external-desert-grey);
                    }
                  }
                }
      
                &:nth-child(3) {
                  .nav-icon-btn.action-btn {
                    background: var(--primary-haiti-blue-80);
                    color: white;
                  }
      
                  .nav-action-overlay-wrap {
                    .nav-action-overlay {
                      top: 64px;
                      bottom: 0;
                      background: var(--primary-haiti-blue-80);
                    }
                  }
                }
                
                &:nth-child(4) {
                  .nav-icon-btn.action-btn {
                    background: var(--primary-haiti-blue);
                    color: white;
                  }
                }
      
                &:first-child {
                  .nav-icon-btn.action-btn--menu {
                    background: var(--primary-haiti-blue);
                    color: white;
      
                    &.nav-icon-btn--isToggled {
                      background: #333;
                    }
                  }
                }
              }
            }
          }
        }

        .main-nav-small-menu {
          top: 64px;
          background-color: var(--external-desert-grey);
          color: var(--primary-haiti-blue);

          .main-nav-small-menu__inner {
            padding-top: 32px;

            .nav-expand-list {
              .nav-expand-list__item {
                .nav-expand-list__link {
                  .nav-expand-list__item-indicator {
                    padding-left: 26px;
                    
                    .icon {
                      fill: var(--primary-paris-green);
                    }
                  }
                }
              }
            }

            .main-nav-small__secondary {
              .nav-expand-list {
                .nav-expand-dropdown__item {
                  .nav-expand-dropdown {
                    .nav-expand-dropdown__link {
                      .nav-expand-dropdown__item-indicator {
                        padding-left: 26px;
                        
                        .icon {
                          fill: var(--primary-paris-green);
                        }
                      }
                    }
                  }
                }
              }
            }
          }
        }
      }

      /* Medium Navigation */
      .main-nav-medium {
        .main-nav-medium__inner {
          box-shadow: var(--header-shadow);

          .nav-secondary-bar {
            .nav-breadcrumb {
              .breadcrumb__inner {
                height: auto;

                .breadcrumb-list {
                  height: auto;
                  display: none;
                  
                  .breadcrumb-list__item {
                    .breadcrumb-list__item-link {
                      .breadcrumb-title {

                      }
                    }
                  }
                }
              }
            }

            .nav-secondary-menu {
              .nav-secondary-menu__list {
                .nav-secondary-menu__list-item {
                  .nav-secondary-menu__link {
                    /*font-weight: bold;*/
                  }
                }
              }
            }
          }

          .main-nav-medium__bar {
            padding: 0;

            .main-nav-medium__logo {
              margin: 0;

              a {
                padding: 0 16px;
                display: inline-flex;
                place-items: center;
                /*background-color: var(--primary-haiti-blue);*/

                img {
                  top: unset;
                  width: 100%;
                  max-width: 288px;
                  transform: unset;
                  object-fit: contain;
                  content: var(--svg-logo);
                }
              }
            }
          }

          .main-nav-medium__actions-buttons-list {
            li {
              &.nav-action-buttons-list__item {

              }
            }
          }
        }

        .main-nav-medium__overlay {
          background-color: var(--external-desert-grey);
          color: var(--primary-haiti-blue);

          .main-nav-medium__overlay-inner {
            border-right: unset;
            
            .nav-expand-list {
              .nav-expand-list__item {
                .nav-expand-list__link {
                  .nav-expand-list__item-indicator {
                    padding-left: 26px;

                    .icon {
                      fill: var(--primary-paris-green);
                    }
                  }
                }
              }
            }
          }
        }
      }
      
      /* Large Navigation */
      .main-nav-large {
        .nav-secondary-bar {
          .nav-breadcrumb {
            .breadcrumb__inner {
              height: auto;
              
              .breadcrumb-list {
                height: auto;
                display: none;
                
                .breadcrumb-list__item {
                  .breadcrumb-list__item-link {
                    .breadcrumb-title {

                    }
                  }
                }
              }
            }
          }

          .nav-secondary-menu {
            .nav-secondary-menu__list {
              .nav-secondary-menu__list-item {
                .nav-secondary-menu__link {
                  /*font-weight: bold;*/
                }
              }
            }
          }
        }

        .main-nav-large__bar {
          box-shadow: var(--header-shadow);

          .main-nav-large__overlay {
            box-shadow: var(--header-shadow);
          }

          /*
          &.navigation-sticky {
            box-shadow: var(--header-shadow);

            .main-nav-large__overlay {
              box-shadow: var(--header-shadow);
            }
          }
          */

          .main-nav-large__logo {
            margin: 0;
            position: relative;
            container-type: inline-block;

            a {
              display: flex;
              place-items: center;
              /*background-color: var(--primary-haiti-blue);*/
              padding: 0 clamp(16px, 1vw, 32px);

              img {
                top: unset;
                width: 100%;
                min-width: 288px;
                transform: unset;
                object-fit: contain;
                content: var(--svg-logo);
              }
            }
          }

          &:has(.main-nav-large__scroll-indicator::before) {
            .main-nav-large__logo::after {
              top: 0;
              right: 0;
              bottom: 0;
              width: 10px;
              z-index: 200;
              content: '';
              display: block;
              position: absolute;
              translate: 100%;
              pointer-events: none;
              background: rgba(0, 0, 0, 0);
              background: linear-gradient(to right, rgba(0, 0, 0, 0.2), rgba(0, 0, 0, 0));
            }
          }
          
          .main-nav-large__primary {
            display: flex;
            container-type: inline-size;

            ul {
              margin: 0 auto;
              /*padding: 0 32px;*/
              gap: 2cqi;
              display: flex;
              /*justify-content: space-evenly;*/

              li:first-child {
                .nav-primary-link {
                  /*padding-left: 32px;*/
                }
              }

              li:last-child {
                .nav-primary-link {
                  /*padding-right: 32px;*/
                }
              }
            }
          }

          .main-nav-large__actions-buttons-list {
            li {
              &.nav-action-buttons-list__item {

              }
            }
          }

          .main-nav-large__overlay {
            .main-nav-large__overlay-inner {
              background-color: var(--external-desert-grey);
              color: var(--primary-haiti-blue);
              border: unset;

              div {
                border-right: unset;

                .nav-expand-list {
                  .nav-expand-list__item {
                    .nav-expand-list__link {
                      .nav-expand-list__item-indicator {
                        padding-left: 26px;
                        
                        .icon {
                          fill: var(--primary-paris-green);
                        }
                      }
                    }
                  }
                }
              }
            }
          }
        }
      }
    }
  }

  /* Main */
  #main-content {
    padding-top: 16px;
    
    .frame {
      &.hero-module-b {
        display: grid;
        margin: 0 auto;
        max-width: 853px;
        object-fit: contain;

        @media (min-width: 1024px) {
          max-width: 1362px;
        }
        
        .frame__cell {
          width: 100%;
          display: grid;
          padding: 0 16px;
          grid-column-gap: 16px;

          @media (min-width: 1024px) {
            grid-template-rows: subgrid;
            grid-template-columns: minmax(37%, 1fr) auto;
          }

          @media (min-width: 1280px) {
            grid-template-columns: 1fr auto;
          }

          .frame__cell-item {
            @media (min-width: 1024px) {
              max-height: 580px;
            }

            &.hero-module-b__image {
              order: -1;

              @media (min-width: 1024px) {
                order: 2;
              }

              div {
                aspect-ratio: 1 / 1;

                @media (min-width: 640px) {
                  aspect-ratio: 16 / 9;
                }

                @media (min-width: 1024px) {
                  aspect-ratio: unset;
                }

                img {
                  object-position: top;
                }
              }
            }
  
            &.hero-module-b__content {
              width: 100%;
              height: auto;
              min-height: auto;
              color: var(--text-color);
              background: var(--external-seashell-grey);

              .hero-module-b__content-frame {
                width: 100%;
                height: auto;
                max-width: 100%;

                .hero-module-b__title {
                  @media (min-width: 1670px) {
                    font-size: 4.5rem;
                    line-height: 5rem;
                  }
                }
  
                .btn {
                  margin-top: 1rem;
                }
              }
            }
          }
        }
      }

      &.latest-news-list {
        .frame__cell {
          padding: 0 16px;

          .frame__cell-item {
            .latest-news-list__wrapper {
              display: grid;
              gap: 32px 16px;
              /*grid-template-columns: repeat(auto-fill, minmax(280px, 1fr));*/
              grid-template-columns: repeat(1, 1fr);

              @media (min-width: 640px) {
                grid-template-columns: repeat(2, 1fr);
              }

              @media (min-width: 1024px) {
                grid-template-columns: repeat(4, 1fr);
              }

              .latest-news-list__item {
                margin: 0;
                min-width: auto;
                flex-basis: unset;
                background: var(--external-seashell-grey);
                
                a {
                  .latest-news-list__image-container {
                    margin: 0;
                    
                    .latest-news-list__image {
                      aspect-ratio: 1 / 1;
                      object-fit: cover;
                    }
                  }

                  .latest-news-list__text {
                    padding: 0 16px;
                    .latest-news-list__text-category {

                    }
                  }

                  &.latest-news-list__link {
                    padding: 0 16px 16px 8px;
                    .icon {
                      fill: var(--primary-paris-green);
                    }
                  }
                }
              }

              & + .latest-news-list__bottom {
                margin-top: 32px;
              }
            }
          }
        }
      }
    }
  }

  /* Footer */
  footer {
    .footer-module {
      .frame__cell {
        .footer-contact-area {
          .footer-contact-area-content {
            .footer-contact-area__social {
              .a-social-link {
                width: 45px;
                height: 45px;
              }
            }
          }
        }
      }
    }
  }
}

.button--color-default,
.btn.btn--default.btn--primary {
  width: 100% !important;
  height: auto !important;
  max-width: 320px;
  padding: 12px 24px;
  font-size: 1rem !important;
  font-weight: bold !important;
  background-color: var(--primary-paris-green);
  border-radius: 5px !important;
  transition: filter .3s;

  &:hover {
    background-color: var(--primary-paris-green);
    filter: brightness(0.9);
  }
}

.nav-overlay--1 span svg {
  fill: var(--primary-paris-green);
}

.nav-expand-list__item.isOpen, 
.nav-expand-dropdown.isOpen {
  background-color: unset;
  padding: 0;
  margin: 0;
}

/*
h1, .h1 {
  font-size: 2.5rem;
  line-height: 3.125rem;

  @media (min-width: 768px) {
    font-size: 3.125rem;
    line-height: 3.75rem;
  }

  @media (min-width: 1280px) {
    font-size: 5rem;
    line-height: 5.625rem;
  }
}

h2, .h2 {
  font-size: 1.875rem;
  line-height: 2.5rem;

  @media (min-width: 768px) {
    font-size: 2.5rem;
    line-height: 3.125rem;
  }

  @media (min-width: 1280px) {
    font-size: 3.75rem;
    line-height: 4.375rem;
  }
}
*/

@media (min-width: 640px) {}

@media (min-width: 768px) {}

@media (min-width: 1024px) {}

@media (min-width: 1280px) {}