@import url('https://fonts.googleapis.com/css2?family=Karla:ital,wght@0,200..800;1,200..800&display=swap');

:root {
    --family-primary: 'Karla', sans-serif;
    --primary-color: #65C1B4;
    --accent-color: #B3E0D9;
    --text-color: #141F2F;
    --background-color: #FFFFFF;
}

* {
    margin: 0;
    padding: 0;
    box-sizing: border-box;
}

html {
    scroll-behavior: smooth;
}

html,
body {
    font: 400 18px/28px var(--family-primary);
    color: var(--text-color);
    background-color: var(--background-color);
}

iframe,
video,
img {
    width: 100%;
    height: 100%;
    object-fit: cover;
    object-position: center;
}

a {
    text-decoration: none;
}

a:focus,
a:hover {
    color: var(--primary-color);
}

.container {
    width: 100%;
    max-width: 1320px;
    margin: 0 auto;
    padding: 0 24px;
}

.primary_btn {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    gap: 10px;
    text-decoration: none;
    color: var(--text-color);
    font: 400 20px / 35px var(--family-primary);
    background-color: var(--primary-color);
    border: 1px solid var(--primary-color);
    padding: 3px 35px;
    border-radius: 100px;
    transition: all 0.3s ease;
    position: relative;
    overflow: hidden;
    z-index: 1;
    letter-spacing: -0.4px;
    cursor: pointer;
    text-align: center;
}

.primary_btn:hover {
    background-color: var(--background-color);
    color: var(--primary-color);
    border-color: var(--primary-color);
    transform: translateY(-2px);
    box-shadow: 0 4px 8px rgba(0, 0, 0, 0.1);
}

/* Site header */

.site-header {
    background-color: var(--background-color);
    padding: 0;
}

.site-header__inner {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 24px;
    padding: 27px 0 8px;
    border-bottom: 2px solid var(--text-color);
    position: relative;
}

.site-header__brand .custom-logo-link {
    display: inline-flex;
    align-items: center;
}

.site-header__brand .custom-logo {
    width: 100%;
    height: 100%;
    max-height: 66px;
    max-width: 190px;
    object-fit: contain;
}

.site-header__title {
    font: 600 20px/1.2 var(--family-primary);
    color: var(--text-color);
}

.site-header__actions {
    display: flex;
    align-items: center;
    gap: 20px;
    width: 50%;
    max-width: 175px;
    justify-content: space-between;
    padding-right: 15px;
    margin-top: -10px;
}

.deweer-lang-switcher__list {
    display: flex;
    align-items: center;
    gap: 7px;
    list-style: none;
    margin: 4px 0 0;
    padding: 0;
}

.deweer-lang-switcher__link {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    min-width: 29px;
    min-height: 29px;
    font: 400 14px/18px var(--family-primary);
    letter-spacing: 0.04em;
    color: var(--text-color);
    text-transform: uppercase;
}

.deweer-lang-switcher__item.is-active .deweer-lang-switcher__link {
    font-weight: 600;
    border: 1px solid var(--text-color);
    border-radius: 50%;
}

.deweer-lang-switcher__item:not(.is-active):not(.is-unavailable) .deweer-lang-switcher__link:hover,
.deweer-lang-switcher__item:not(.is-active):not(.is-unavailable) .deweer-lang-switcher__link:focus {
    color: var(--primary-color);
}

.deweer-lang-switcher__item.is-unavailable .deweer-lang-switcher__link {
    opacity: 0.45;
    cursor: default;
}

.deweer-lang-switcher__item:not(.is-active):not(.is-unavailable) .deweer-lang-switcher__link {
    cursor: pointer;
    text-decoration: none;
}

.site-header__toggle {
    display: flex;
    flex-direction: column;
    justify-content: center;
    gap: 6px;
    width: 44px;
    height: 44px;
    padding: 0;
    border: 0;
    background: transparent;
    cursor: pointer;
    border-radius: 0;
    transition: all 0.3s ease;
    box-shadow: none;
}

.site-header__toggle:hover {
    background-color: var(--primary-color);
}

.site-header__toggle-bar {
    display: block;
    width: 24px;
    height: 2px;
    margin: 0 auto;
    background-color: var(--text-color);
    transition: transform 0.2s ease, opacity 0.2s ease;
}

.site-header.is-nav-open .site-header__toggle-bar:nth-child(1) {
    transform: translateY(8px) rotate(45deg);
}

.site-header.is-nav-open .site-header__toggle-bar:nth-child(2) {
    opacity: 0;
}

.site-header.is-nav-open .site-header__toggle-bar:nth-child(3) {
    transform: translateY(-8px) rotate(-45deg);
}

.site-header__nav {
    background-color: var(--background-color);
    position: absolute;
    top: 102%;
    right: 0;
    width: 100%;
    z-index: 100;
    max-width: 400px;
}

.site-header__nav[hidden] {
    display: none;
}

.site-header__toggle:hover .site-header__toggle-bar {
    background-color: var(--background-color);
}

.site-header__menu {
    display: grid;
    grid-template-columns: repeat(2, 1fr);
    gap: 0 36px;
    list-style: none;
    margin: 0;
    padding: 6px 0 0;
}

.site-header__menu a {
    font: 400 15px / 30px var(--family-primary);
    color: var(--text-color);
    width: 100%;
    display: block;
    padding: 0px;
    border-bottom: 1px solid var(--text-color);
}

.site-header__menu a:hover,
.site-header__menu a:focus {
    color: var(--text-color);
    font-weight: 600;
}

/* Site footer */

.site-footer {
    background-color: var(--background-color);
    padding: 15px 0 3px;
}

.site-footer__main {
    border-bottom: 2px solid var(--text-color);
    position: relative;
    padding-bottom: 34px;
}

.site-footer__nav {
    display: block;
}

.site-footer__nav .site-footer__menu {
    display: grid;
    grid-template-columns: repeat(3, 1fr);
    gap: 0 44px;
    max-width: 448px;
    margin: 0 auto;
}

.site-footer__nav .site-footer__menu li {
    line-height: 18px;
}

.site-footer__menu {
    list-style: none;
    margin: 0;
    padding: 0;
}

.site-footer__menu a {
    font: 400 14px/18px var(--family-primary);
    color: var(--text-color);
}

.site-footer__menu a:hover,
.site-footer__menu a:focus {
    color: var(--primary-color);
}

.site-footer__social-list {
    display: flex;
    align-items: center;
    gap: 24px;
    list-style: none;
    margin: 0;
    padding: 0;
    position: absolute;
    top: 10px;
    right: 0;
}

.site-footer__social-link {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    color: var(--text-color);
}

.site-footer__social-link svg {
    width: 24px;
    height: 24px;
}

.site-footer__social-link:hover,
.site-footer__social-link:focus {
    color: var(--primary-color);
}

.site-footer__bottom {
    padding-top: 4px;
}

.site-footer__legal-menu {
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    justify-content: center;
    gap: 8px 32px;
    list-style: none;
    margin: 0;
    padding: 0;
}

.site-footer__legal-menu a {
    font: 400 12px/18px var(--family-primary);
    color: var(--text-color);
    text-align: center;
}

.site-footer__legal-menu a:hover,
.site-footer__legal-menu a:focus {
    color: var(--primary-color);
}

/* Home */

.home-section {
    width: 100%;
    height: 100vh;
    background-size: cover;
    background-repeat: no-repeat;
    background-position: center;
    display: flex;
    align-items: center;
    justify-content: center;
    background-color: var(--accent-color);
}

.home-section .container {
    max-width: calc(1071px + 24px * 2);
}

.home-section-items {
    display: flex;
    align-items: center;
    justify-content: space-between;
    flex-wrap: wrap;
    gap: 24px;
}

.home-section-item {
    max-width: 373px;
    width: calc(50% - 12px);
    display: flex;
    flex-direction: column;
    align-items: flex-end;
    gap: 22px;
}

.home-section-item-link {
    display: flex;
    align-items: center;
    justify-content: flex-end;
    gap: 12px;
    text-decoration: none;
    color: var(--text-color);
    font: 400 19px / 1 var(--family-primary);
    background-color: #ffffffb3;
    padding: 12px 86px 10px 30px;
    border-radius: 100px;
    transition: all 0.3s ease;
    position: relative;
}

.home-section-item-link .link-icon {
    width: 73px;
    height: 40px;
    border-radius: 100px;
    background-color: var(--background-color);
    display: flex;
    align-items: center;
    justify-content: center;
    padding: 7px;
    position: absolute;
    right: 0;
    top: 50%;
    transform: translateY(-50%);
}

.home-section-item-link .link-icon svg {
    transition: all 0.3s ease;
}

.home-section-item-link:hover {
    color: var(--text-color);
}

.home-section-item-link:hover .link-icon svg {
    transform: rotate(45deg);
}

@keyframes deweer-storage-icon-rotate {
    from {
        transform: rotate(0deg);
    }

    to {
        transform: rotate(360deg);
    }
}

.home-storage-section {
    padding: 15px 0 0;
    overflow: hidden;
}

.home-storage-section .home-section-content {
    display: flex;
    align-items: flex-start;
    justify-content: space-between;
    flex-wrap: wrap;
    gap: 24px;
}

.home-storage-section:not(.home-platform-section) .home-section-content h1 {
    font: 600 111px / 0.775 var(--family-primary);
    color: var(--text-color);
    letter-spacing: -1.5px;
    width: 70%;
}

.home-platform-section .home-section-content h1 {
    font: 600 65px / 1.15 var(--family-primary);
    color: var(--text-color);
    letter-spacing: -1.25px;
    text-transform: uppercase;
    width: 70%;
}

.home-storage-section .home-section-content .home-storage-section-icon {
    margin: 46px 33px -130px 0;
    position: relative;
    z-index: 2;
    width: 22%;
    height: auto;
    display: block;
    transform-origin: center;
    animation: deweer-storage-icon-rotate 24s linear infinite;
}

@media (prefers-reduced-motion: reduce) {
    .home-storage-section .home-section-content .home-storage-section-icon {
        animation: none;
    }
}

.drive-banner .drive-banner__mark .home-storage-section-icon,
.drive-banner .drive-banner__mark svg,
.over-storage-access .over-storage-access__circle .home-storage-section-icon,
.over-storage-access .over-storage-access__circle svg {
    transform-origin: center;
    animation: deweer-storage-icon-rotate 24s linear infinite;
}

@media (prefers-reduced-motion: reduce) {

    .drive-banner .drive-banner__mark .home-storage-section-icon,
    .drive-banner .drive-banner__mark svg,
    .over-storage-access .over-storage-access__circle .home-storage-section-icon,
    .over-storage-access .over-storage-access__circle svg {
        animation: none;
    }
}

.home-storage-section .home-storage-section-image {
    position: relative;
    overflow: hidden;
}

.home-storage-section .home-storage-section-image__slides {
    width: 100%;
    height: 79.3svh;
    overflow: hidden;
    position: relative;
}

.home-storage-section .home-storage-section-image__slide {
    position: absolute;
    inset: 0;
    opacity: 0;
    transition: opacity 0.45s ease;
}

.home-storage-section .home-storage-section-image__slide.is-active {
    opacity: 1;
    z-index: 1;
}

.home-storage-section .home-storage-section-image__slide img {
    width: 100%;
    height: 100%;
    object-fit: cover;
    object-position: center;
}

.container.home-storage-section-image__nav-container {
    position: absolute;
    top: 50%;
    z-index: 2;
    transform: translate(-50%, -50%);
    left: 50%;
    display: flex;
    justify-content: space-between;
    align-items: center;
}

.home-storage-section .home-storage-section-image__nav {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    width: 44px;
    height: 44px;
    padding: 0;
    border: 0;
    background: transparent;
    color: #fff;
    cursor: pointer;
    transition: opacity 0.2s ease;
    border-radius: 0%;
}

.home-storage-section .home-storage-section-image__nav svg {
    width: 36px;
    height: 36px;
}

.home-storage-section .home-storage-section-image__nav:hover,
.home-storage-section .home-storage-section-image__nav:focus {
    opacity: 0.75;
    color: #fff;
}

/* Beveiliging */

.hero-section {
    background-color: var(--background-color);
    padding: 48px 0 44px;
}

.hero-section .container {
    max-width: 1920px;
    padding: 0;
}

.hero-section .inner-container {
    display: flex;
    align-items: unset;
    justify-content: space-between;
    flex-wrap: wrap;
    gap: 0px;
}

.hero-section .left-image {
    width: 49.1%;
}

.hero-section .right-content {
    width: 50.9%;
    padding: 42px 36px 77px;
    position: relative;
    z-index: 1;
}

.hero-section .right-content h1 {
    font: 300 24px/35px var(--family-primary);
    color: var(--text-color);
    margin-bottom: 34px;
    text-transform: uppercase;
}

.hero-section .right-content .content-blocks {
    padding: 44px 44px 54px 145px;
    background-color: var(--background-color);
    margin-left: -145px;
    max-width: 763px;
}

.hero-section .right-content h3 {
    font: 600 35px/35px var(--family-primary);
    color: var(--text-color);
    margin-bottom: 17px;
    letter-spacing: -0.95px;
}

.hero-section .right-content .content-blocks p {
    font: 400 20px / 35px var(--family-primary);
    color: var(--text-color);
    letter-spacing: -0.4px;
    max-width: 546px;
    margin-bottom: 16px;
}

.hero-section .right-content .content-blocks p:has(+ .primary_btn),
.hero-section .right-content .content-blocks p:last-child {
    margin-bottom: 0;
}

.hero-section .right-content .content-blocks .primary_btn {
    margin-top: 31px;
    margin-left: -4px;
}

.security-details {
    padding: 44px 0;
    background-color: var(--background-color);
}

.security-details .security-details__grid {
    display: grid;
    grid-template-columns: repeat(2, 1fr);
    gap: 36px;
    padding-bottom: 30px;
    border-bottom: 1px solid var(--text-color);
    max-width: 1320px;
    margin: 0 auto;
}

.security-details .security-details__item {
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: flex-start;
    gap: 34px;
}

.security-details .security-details__item .security-details__icon {
    width: 151px;
    height: 151px;
    border-radius: 100px;
}

.security-details .security-details__item .security-details__icon img {
    width: 100%;
    height: 100%;
    object-fit: contain;
    object-position: center;
}

.security-details .security-details__item .security-details__text {
    font: 400 18px / 28px var(--family-primary);
    color: var(--text-color);
    letter-spacing: -0.54px;
}

.security-details .security-details__item .security-details__text p {
    margin-bottom: 16px;
}

.security-details .security-details__item .security-details__text p:last-child {
    margin-bottom: 0;
}

.security-levels {
    padding: 44px 0;
    background-color: var(--background-color);
}

.security-levels .security-levels__header {
    margin-top: -9px;
    margin-bottom: 40px;
}

.security-levels .security-levels__header h2 {
    font: 600 30px/35px var(--family-primary);
    color: var(--text-color);
    letter-spacing: -0.8px;
    text-align: center;
}

.security-levels .security-levels__grid {
    display: grid;
    grid-template-columns: repeat(3, 1fr);
    gap: 120px 36px;
    padding-top: 82px;
}

.security-levels .security-levels__card {
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: flex-start;
    gap: 21px;
    background-color: #F8F8FA;
    padding: 0 20px 36px;
}

.security-levels .security-levels__card .security-levels__badge {
    width: 95.81px;
    height: 110.63px;
    margin-top: -42px;
}

.security-levels .security-levels__card .security-levels__badge img {
    width: 100%;
    height: 100%;
    object-fit: contain;
    object-position: center;
}

.security-levels .security-levels__card .security-levels__list {
    list-style: none;
    padding: 0;
    margin: 0;
    font: 400 16px / 22px var(--family-primary);
    color: var(--text-color);
    letter-spacing: -0.2px;
    width: 100%;
}

.security-levels .security-levels__card .security-levels__list li {
    padding: 8px 0;
    border-top: 1px solid #EBEBEB;
}

.security-levels .security-levels__card .security-levels__list li:first-child {
    border-top: none;
    padding-top: 0;
}

.security-levels .security-levels__card .security-levels__cta {
    margin-top: auto;
}

.drive-banner {
    background-size: cover;
    background-position: center;
    background-repeat: no-repeat;
    padding: 26px 0 19px;
    position: relative;
}

.drive-banner .drive-banner__inner {
    display: flex;
    align-items: center;
    justify-content: space-between;
    flex-wrap: wrap;
    gap: 0px;
    max-width: 914px;
    margin: 0 auto;
}

.drive-banner .drive-banner__content {
    width: 58%;
    padding: 0px 0 0 40px;
    margin: -7px 0 0;
    z-index: 1;
}

.drive-banner .drive-banner__content h2 {
    font: 600 50px/1 var(--family-primary);
    color: var(--background-color);
    letter-spacing: -1.5px;
    margin-bottom: 15px;
}

.drive-banner .home-section-item-link {
    width: fit-content;
}

.drive-banner .drive-banner__mark {
    width: 32%;
    max-width: 280px;
}

.drive-banner .drive-banner__mark svg {
    width: 100%;
    height: 100%;
    object-fit: contain;
    object-position: center;
}

.background-gallery {
    padding: 67px 0 44px;
}

.background-gallery .background-gallery__frame {
    max-width: 934px;
    margin: 0 auto;
}

.background-gallery .background-gallery__figure {
    margin: 0;
}

.background-gallery .background-gallery__figure .background-gallery__image {
    display: block;
    width: 100%;
    aspect-ratio: 32 / 18;
    object-fit: cover;
    object-position: center;
}

.background-gallery .background-gallery__figure .background-gallery__caption {
    font: 400 16px / 35px var(--family-primary);
    color: var(--text-color);
    letter-spacing: -0.3px;
    text-align: center;
    padding: 5px 0;
}

.background-gallery .background-gallery__navigation {
    display: flex;
    justify-content: center;
    align-items: center;
    gap: 24px;
    margin-top: 27px;
}

.background-gallery .background-gallery__navigation .background-gallery__arrow {
    padding: 0;
    background-color: transparent;
    border: none;
    cursor: pointer;
    transition: opacity 0.2s ease;
    width: 31px;
    height: 31px;
    display: flex;
    justify-content: center;
    align-items: center;
}

.background-gallery .background-gallery__navigation .background-gallery__arrow:hover {
    background-color: transparent;
}

.background-gallery .background-gallery__navigation .background-gallery__arrow:hover svg circle {
    fill: #B3E0D9;
}

.background-gallery .background-gallery__navigation .background-gallery__arrow svg {
    width: 100%;
    height: 100%;
    object-fit: contain;
    object-position: center;
}

.background-gallery .background-gallery__navigation .background-gallery__pagination {
    width: fit-content;
}

.background-gallery .background-gallery__navigation .swiper-pagination-bullet {
    width: 10px;
    height: 10px;
    background-color: #EBEBEB;
    border-radius: 100%;
    opacity: 1;
    transition: opacity 0.2s ease;
    --swiper-pagination-bullet-horizontal-gap: 5px;
}

.background-gallery .background-gallery__navigation .swiper-pagination-bullet-active {
    background-color: #B3E0D9;
}

.story-split {
    padding: 40px 0;
}

.story-split .full-width-container {
    max-width: 1920px;
    margin: 0 auto;
    padding: 0;
}

.story-split__grid {
    display: grid;
    grid-template-columns: repeat(2, 1fr);
    gap: 36px;
}

.story-split__grid .story-split__col--text {
    max-width: 710px;
    padding: 0 5.7vw;
}

.story-split__grid.story-split__grid--text-left-image-right .story-split__col--text {
    padding: 18px 5.7vw 12px 4.75vw;
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
}

.story-split__grid .story-split__col--text .story-split__text {
    font: 400 18px / 28px var(--family-primary);
    color: var(--text-color);
    letter-spacing: -0.56px;
}

.story-split__grid .story-split__col--text .story-split__text h2 {
    font: 600 30px/35px var(--family-primary);
    color: var(--text-color);
    letter-spacing: -0.85px;
    margin-bottom: 46px;
}

.story-split__grid .story-split__col--text .story-split__text h3 {
    font: 600 24px/35px var(--family-primary);
    color: var(--text-color);
    letter-spacing: -0.62px;
    margin-bottom: 46px;
}

section.story-split.story-split--text-left .story-split__col--media {
    order: 2;
}

section.story-split.story-split--text-left .story-split__col--media .story-split__media {
    margin-left: auto;
}

section.story-split.story-split--text-left .story-split__col--text {
    order: 1;
    margin-left: auto;
}

section.story-split.story-split--text-right .story-split__col--media {
    order: 1;
}

section.story-split.story-split--text-right .story-split__col--text {
    order: 2;
    margin-left: unset;
    margin-right: auto;
}

.story-split__grid .story-split__col--text .story-split__text p {
    margin-bottom: 28px;
}

.story-split__grid .story-split__col--text .story-split__text p:last-child {
    margin-bottom: 0;
}

.story-split .story-split__container--boxed .story-split__grid .story-split__col--text {
    padding: 0;
}

.story-split .story-split__container--boxed .story-split__grid .story-split__col--text {
    margin-left: 0;
    margin-top: -3px;
    max-width: 545px;
}

.story-split .story-split__container--boxed figure.story-split__media {
    max-width: 509px;
}

.story-split__media {
    margin: 0;
    line-height: 0;
}

.story-split__image {
    display: block;
    width: 100%;
    height: auto;
    object-fit: cover;
    object-position: center;
}

.story-split-cta {
    padding: 84px 0;
}

.story-split-cta .story-split-cta__inner {
    text-align: center;
    font: 400 24px / 34px var(--family-primary);
    color: var(--primary-color);
    letter-spacing: -0.27px;
}

.story-split-cta .story-split-cta__inner p {
    margin-bottom: 32px;
}

.story-split-cta .story-split-cta__button {
    margin: 0 auto;
    display: flex;
    width: fit-content;
}

section.story-center {
    padding: 30px 0;
}

section.story-center.story-center--text-center .story-center__content {
    text-align: center;
}

section.story-center .story-center__content {
    max-width: 836px;
    margin: 0 auto;
}

section.story-center .story-center__content h3,
section.story-center .story-center__content .story-center__heading {
    font: 600 24px/28px var(--family-primary);
    color: var(--text-color);
    letter-spacing: -0.55px;
    margin-bottom: 35px;
}

section.story-center .story-center__content .story-center__text {
    font: 400 18px / 28px var(--family-primary);
    color: var(--text-color);
    letter-spacing: -0.55px;
}

section.story-center .story-center__content .story-center__text p {
    margin-bottom: 16px;
}

section.story-center .story-center__content .story-center__text p:last-child {
    margin-bottom: 0;
}

section.story-center .story-center__content .story-center__button {
    margin: 43px auto 0;
    display: flex;
    width: fit-content;
}


.story-quote {
    padding: 58px 0;
}

.story-quote .story-quote__inner {
    display: flex;
    align-items: center;
    justify-content: center;
    flex-direction: column;
    max-width: 620px;
    margin: 0 auto;
}

.story-quote .story-quote__mark {
    width: 90.35px;
    height: 92.15px;
    margin-bottom: 34px;
    flex-shrink: 0;
}

.story-quote .story-quote__mark .story-quote__icon {
    display: block;
    width: 100%;
    height: 100%;
    object-fit: contain;
    object-position: center;
}

.story-quote blockquote,
.story-quote blockquote.story-quote__text {
    font: 400 45px / 47px var(--family-primary);
    color: var(--text-color);
    letter-spacing: -0.55px;
    margin: 0;
    padding: 0;
    border: none;
    text-align: center;
}

.story-quote blockquote p {
    margin-bottom: 0;
}

.story-infoboxes {
    padding: 72px 0;
}

.story-infoboxes .story-infoboxes__grid {
    display: grid;
    grid-template-columns: repeat(2, 1fr);
    gap: 36px;
}

.story-infoboxes .story-infoboxes__grid .story-infobox {
    padding: 64px 73px 36px;
    background-color: #F5F7F7;
}

.story-infoboxes .story-infoboxes__grid .story-infobox h3 {
    font: 600 24px / 35px var(--family-primary);
    color: var(--text-color);
    letter-spacing: -0.61px;
    margin-bottom: 18px;
}

.story-infoboxes .story-infoboxes__grid .story-infobox .story-infobox__intro {
    font: 400 18px / 28px var(--family-primary);
    color: var(--text-color);
    letter-spacing: -0.35px;
    margin-bottom: 22px;
}

.story-infoboxes .story-infoboxes__grid .story-infobox .story-infobox__intro p {
    margin-bottom: 16px;
}

.story-infoboxes .story-infoboxes__grid .story-infobox .story-infobox__intro p:last-child {
    margin-bottom: 0;
}

.story-infoboxes .story-infoboxes__grid .story-infobox ul {
    margin: 0;
    padding: 0;
    font: 400 18px / 28px var(--family-primary);
    color: var(--text-color);
    letter-spacing: -0.35px;
    margin-bottom: 22px;
    list-style-position: inside;
    text-indent: 0px !important;
}

.story-infoboxes .story-infoboxes__grid .story-infobox ul li {
    margin-bottom: 10px;
}

.story-infoboxes .story-infoboxes__grid .story-infobox ul li ul {
    margin: 10px 0 0 15px;
    font-weight: 300;
}

.story-infoboxes .story-infoboxes__grid .story-infobox ul li ul li {
    margin-bottom: 0;
}

.story-infoboxes .story-infoboxes__grid .story-infobox .story-infobox__button {
    margin: 23px auto 0;
    display: flex;
    width: fit-content;
}

section.story-wide-image {
    padding: 0 0 80px;
}

section.story-wide-image .story-wide-image__figure {
    margin: 0;
    line-height: 0;
}

section.story-wide-image .story-wide-image__image {
    display: block;
    width: 100%;
    height: auto;
    max-width: 100%;
    object-fit: cover;
    object-position: center center;
}

.over-storage-intro {
    padding: 80px 0;
}

.over-storage-intro .over-storage-intro__grid {
    display: grid;
    grid-template-columns: repeat(2, 1fr);
    gap: 36px;
}

.over-storage-intro .over-storage-intro__grid .over-storage-intro__text {
    font: 400 18px / 28px var(--family-primary);
    color: var(--text-color);
    letter-spacing: -0.54px;
}

.over-storage-intro .over-storage-intro__grid .over-storage-intro__text p {
    margin-bottom: 29px;
}

.over-storage-intro .over-storage-intro__grid .over-storage-intro__text p:last-child {
    margin-bottom: 0;
}

.over-storage-intro__col.over-storage-intro__col--text {
    margin-top: 11px;
}

.over-storage-intro__col .over-storage-intro__quote-block {
    text-align: center;
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
}

.over-storage-intro__col .over-storage-intro__mark {
    width: 90.34px;
    height: 92.15px;
    margin-bottom: 13px;
    flex-shrink: 0;
}

.over-storage-intro__quote {
    font: 500 50px / 47px var(--family-primary);
    color: var(--text-color);
    letter-spacing: -0.55px;
    margin: 0;
    padding: 0;
    border: none;
    text-align: center;
}

.over-storage-intro__quote p {
    margin-bottom: 0;
}

.over-storage-advice {
    padding: 90px 0 20px;
}

.over-storage-advice .over-storage-advice__panel {
    background-color: #F5F7F7;
    padding: 64px 5.7vw 50px;
}

.over-storage-advice .over-storage-advice__icon-wrap {
    width: 151px;
    height: 151px;
    margin: -151px auto 0;
}

.over-storage-advice .over-storage-advice__grid {
    display: grid;
    grid-template-columns: repeat(2, 1fr);
    gap: 36px;
}

.over-storage-advice__heading-wrap h2 {
    font: 600 30px / 35px var(--family-primary);
    color: var(--text-color);
    letter-spacing: -0.8px;
    margin-bottom: 26px;
}

.over-storage-advice__text {
    font: 400 18px / 28px var(--family-primary);
    color: var(--text-color);
    letter-spacing: -0.55px;
    margin-bottom: 0;
}

.over-storage-advice__text p {
    margin-bottom: 16px;
}

.over-storage-advice__text p:last-child {
    margin-bottom: 0;
}

.over-storage-advice__col.over-storage-advice__col--right {
    max-width: 435px;
    margin-left: auto;
}

.over-storage-advice__col h3 {
    font: 600 24px / 35px var(--family-primary);
    color: var(--text-color);
    letter-spacing: -0.61px;
    margin-bottom: 13px;
}

.over-storage-access {
    padding: 0 0 100px;
    margin: -6px 0 0;
}

.over-storage-access__grid {
    display: grid;
    grid-template-columns: repeat(2, 1fr);
    gap: 36px;
}

.over-storage-access__grid .over-storage-access__col h3 {
    font: 600 30px / 35px var(--family-primary);
    color: var(--text-color);
    letter-spacing: -0.61px;
    margin-bottom: 28px;
    text-align: center;
}

.over-storage-access__grid .over-storage-access__icon-wrap {
    width: 151px;
    height: 151px;
    margin: 0 auto 20px;
}

.over-storage-access__grid .over-storage-access__text {
    font: 300 18px / 28px var(--family-primary);
    color: var(--text-color);
    letter-spacing: -0.57px;
    margin-bottom: 0;
}

.over-storage-access__grid .over-storage-access__text ul,
.over-storage-access__grid .over-storage-access__text p {
    margin-bottom: 10px;
}

.over-storage-access__grid .over-storage-access__text ul {
    margin-left: 0;
    list-style-position: inside;
}

.over-storage-access__grid .over-storage-access__text p:last-child,
.over-storage-access__grid .over-storage-access__text ul:last-child {
    margin-bottom: 0;
}

.over-storage-access__grid .over-storage-access__text+.over-storage-access__button {
    display: flex;
    width: fit-content;
    margin: 50px auto 0;
}

.over-storage-access__col.over-storage-access__col--mark {
    display: flex;
    align-items: flex-end;
    justify-content: flex-end;
    padding: 52px 43px;
}

.over-storage-access__col.over-storage-access__col--mark .over-storage-access__circle {
    display: flex;
    align-items: center;
    justify-content: center;
    background-color: #CFEAE5;
    padding: 60px;
    border-radius: 50%;
}

.over-storage-access__col.over-storage-access__col--mark .over-storage-access__circle svg {
    width: 100%;
    max-width: 280px;
    height: auto;
    display: block;
    object-fit: contain;
    object-position: center;
}

.over-storage-formulas {
    padding: 40px 0 0;
}

.over-storage-formulas__grid {
    display: grid;
    grid-template-columns: repeat(auto-fill, minmax(230px, 1fr));
    gap: 36px;
}

.over-storage-formulas__grid .over-storage-formulas__item h3 {
    font: 600 24px / 35px var(--family-primary);
    color: var(--text-color);
    letter-spacing: -0.61px;
    margin-bottom: 32px;
    min-height: 69px;
}

.over-storage-formulas__grid .over-storage-formulas__item .over-storage-formulas__text {
    font: 400 18px / 28px var(--family-primary);
    color: var(--text-color);
    letter-spacing: -0.55px;
    margin-bottom: 0;
}

.over-storage-formulas__grid .over-storage-formulas__item .over-storage-formulas__text p {
    margin-bottom: 28px;
}

.over-storage-formulas__grid .over-storage-formulas__item .over-storage-formulas__text p:last-child {
    margin-bottom: 0;
}

.over-storage-rates {
    padding: 96px 0;
    background-color: #F5F7F7;
}

.over-storage-rates .over-storage-rates__inner h2 {
    font: 600 30px / 35px var(--family-primary);
    color: var(--text-color);
    letter-spacing: -0.61px;
    margin-bottom: 30px;
}

.over-storage-rates .over-storage-rates__inner ul {
    margin: 0 0 0 12px;
    font: 400 18px / 28px var(--family-primary);
    color: var(--text-color);
    letter-spacing: -0.55px;
    margin-bottom: 0;
}

.over-storage-rates .over-storage-rates__inner ul li {
    margin-bottom: 7px;
}

.over-storage-pricing {
    padding: 110px 0 36px;
}

.over-storage-pricing .over-storage-pricing__grid {
    display: grid;
    grid-template-columns: repeat(2, 1fr);
    gap: 36px;
}

.over-storage-pricing__col h3 {
    font: 600 24px / 32px var(--family-primary);
    color: var(--text-color);
    letter-spacing: -0.69px;
    margin-bottom: 34px;
}

.over-storage-pricing__col ul {
    margin: 0;
    font: 300 18px / 28px var(--family-primary);
    color: var(--text-color);
    letter-spacing: -0.14px;
    margin-bottom: 0;
    list-style-position: inside;
}

.over-storage-pricing__col ul li ul {
    list-style: none;
}

.over-storage-pricing__col ul li ul li {
    margin-bottom: 0;
}

.over-storage-pricing__col ul li ul li::before {
    content: '–';
    display: inline-block;
    width: 1em;
    margin-left: 0;
}

.over-storage-pricing__col ul li {
    margin-bottom: 10px;
}

.over-storage-pricing__col .over-storage-pricing__button {
    margin-top: 40px;
}

.over-storage-terms {
    padding: 44px 0;
}

.over-storage-terms .over-storage-terms__block h3 {
    font: 600 20px / 28px var(--family-primary);
    color: var(--text-color);
    letter-spacing: -0.5px;
    margin-bottom: 22px;
    margin-top: 54px;
}

.over-storage-terms .over-storage-terms__block h3:first-child {
    margin-top: 0;
}

.over-storage-terms .over-storage-terms__block p {
    font: 300 18px / 26px var(--family-primary);
    color: var(--text-color);
    letter-spacing: -0.4px;
    margin-bottom: 14px;
}

.over-storage-terms .over-storage-terms__block ul {
    margin: 0;
    font: 300 18px / 27px var(--family-primary);
    color: var(--text-color);
    letter-spacing: -0.4px;
    margin-bottom: 0;
    list-style-position: inside;
}

.over-storage-terms .over-storage-terms__block ul li {
    margin-bottom: 12px;
}

/* Nu huren */

.nu-huren {
    padding: 50px 0 120px;
}

.nu-huren__layout {
    display: grid;
    grid-template-columns: repeat(2, 1fr);
    gap: 36px;
    align-items: start;
}

.nu-huren__layout > * {
    min-width: 0;
}

.nu-huren__aside h1 {
    margin: 0 0 14px;
    font: 600 40px / 35px var(--family-primary);
    color: var(--text-color);
    letter-spacing: -1px;
}

.nu-huren__subtitle {
    margin: 0 0 75px;
    font: 400 20px / 1.3 var(--family-primary);
    color: var(--text-color);
}

.nu-huren-map {
    margin: 0;
}

.nu-huren-map img {
    width: 100%;
    height: auto;
    display: block;
}

.nu-huren-search {
    margin-bottom: 28px;
}

.nu-huren-search__label {
    margin: 0 0 8px;
    font: 500 20px / 1.4 var(--family-primary);
    color: var(--text-color);
    letter-spacing: -0.25px;
}

.nu-huren-search__fields {
    display: grid;
    grid-template-columns: repeat(2, 1fr);
    gap: 13px 36px;
}

.nu-huren-search__fields input,
.nu-huren-search__fields select {
    width: 100%;
    padding: 5px 20px;
    border-radius: 100px;
    font: 400 16px / 1 var(--family-primary);
    color: #6B6B6B;
    background: var(--background-color);
    border: 1px solid var(--text-color);
    height: auto;
    box-shadow: none;
    appearance: none;
    -webkit-appearance: none;
    -moz-appearance: none;
}

.nu-huren-search__fields select {
    background-image: url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' width='16' height='16' viewBox='0 0 16 16'><path fill='%236B6B6B' d='M4 6l4 4 4-4'/></svg>");
    background-repeat: no-repeat;
    background-position: right 20px center;
    background-size: 16px;
}

.nu-huren-search__submit {
    padding: 7px 23px;
    border: 0;
    border-radius: 100px;
    background: var(--text-color);
    color: #fff;
    font: 400 16px / 1 var(--family-primary);
    cursor: pointer;
    height: auto;
    box-shadow: none;
    margin-left: auto;
    display: flex;
}

.nu-huren-table {
    width: 100%;
}

.nu-huren__main {
    min-width: 0;
}

.nu-huren-table__head,
.nu-huren-table__row {
    display: grid;
    grid-template-columns: minmax(0, 1.37fr) minmax(0, 0.96fr) minmax(0, 1.15fr) minmax(0, 0.9fr) minmax(0, 1.06fr) auto;
    gap: 16px;
    align-items: center;
    padding: 11px 0;
}

.nu-huren-table__row-cells {
    grid-column: 1 / 6;
    display: grid;
    grid-template-columns: minmax(0, 1.37fr) minmax(0, 0.96fr) minmax(0, 1.15fr) minmax(0, 0.9fr) minmax(0, 1.06fr);
    gap: 16px;
    align-items: center;
    width: 100%;
}

.nu-huren-table__head > span,
.nu-huren-table__row-cells > span {
    min-width: 0;
}

.nu-huren-table__row-cells > span {
    overflow-wrap: break-word;
}

.nu-huren-table__name {
    font-weight: 600;
    padding-left: 8px;
}

.nu-huren-table__head {
    font: 600 16px / 1.2 var(--family-primary);
    color: var(--text-color);
    border-bottom: 1px solid var(--text-color);
}

.nu-huren-accordion__item {
    border-bottom: 1px solid #e5e5e5;
    position: relative;
}

.nu-huren-table__row {
    font: 400 16px / 1.4 var(--family-primary);
    transition: background-color 0.2s ease;
    padding: 10px 0;
}

.nu-huren-table__row:hover,
.nu-huren-accordion__item.is-open > .nu-huren-table__row {
    background-color: #E7F3F3;
}

.nu-huren-accordion__item.is-open > .nu-huren-box-detail {
    display: block;
}

.nu-huren-accordion__item:not(.is-open) > .nu-huren-box-detail {
    display: none;
}

.nu-huren-table__rent-wrap {
    justify-self: start;
}

.nu-huren-table__rent {
    grid-column: 6;
    justify-self: start;
    padding: 3px 18px;
    font-size: 16px;
    line-height: 1.4;
    white-space: nowrap;
    color: var(--background-color);
    margin-left: 0;
    margin-right: 0;
    flex-shrink: 0;
    display: inline-flex;
}

.nu-huren-table__rent:hover {
    color: var(--text-color);
}

.nu-huren-pagination {
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 15px;
    margin-top: 46px;
    font: 400 16px / 1 var(--family-primary);
}

.nu-huren-pagination__btn {
    border: 0;
    background: transparent;
    font-size: 22px;
    cursor: pointer;
    color: var(--text-color);
    padding: 0;
    width: 24px;
    height: 24px;
    display: flex;
    align-items: center;
    justify-content: center;
}

.nu-huren-pagination__btn:hover {
    background: transparent;
}

.nu-huren-pagination__btn:disabled {
    opacity: 0.35;
    cursor: not-allowed;
}

.nu-huren-box-detail {
    margin: 0;
    padding: 42px 41px 25px;
    background: #f9fafa;
    position: absolute;
    top: 110%;
    left: 0;
    z-index: 2;
}

.nu-huren-box-detail__close {
    position: absolute;
    top: 15px;
    right: 10px;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    width: 24px;
    height: 24px;
    padding: 0;
    border: 0;
    background: transparent;
    cursor: pointer;
}

.nu-huren-box-detail__close svg {
    display: block;
    width: 20px;
    height: 20px;
}

.nu-huren-box-detail__header {
    display: grid;
    grid-template-columns: minmax(0, 1fr) minmax(0, 1fr);
    gap: 12px 48px;
    margin: 0 0 18px;
}

.nu-huren-box-detail__name {
    margin: 0 0 16px;
    font: 600 20px / 1.2 var(--family-primary);
    color: var(--text-color);
}

.nu-huren-box-detail__tagline {
    margin: 0;
    font: 400 15px / 18px var(--family-primary);
    color: var(--primary-color);
}

.nu-huren-box-detail__price {
    flex-shrink: 0;
    margin: 0;
    font: 600 20px / 1.2 var(--family-primary);
    color: var(--text-color);
    white-space: nowrap;
}

.nu-huren-box-detail__price span {
    font-weight: 400;
    font-size: 16px;
}

.nu-huren-box-detail__features {
    display: grid;
    grid-template-columns: minmax(0, 1fr) minmax(0, 1fr);
    gap: 12px 48px;
    margin: 0 0 28px;
}

.nu-huren-box-detail__features-col {
    display: flex;
    flex-direction: column;
    gap: 14px;
    margin: 0;
    padding: 0;
    list-style: none;
}

.nu-huren-box-detail__feature {
    display: flex;
    align-items: flex-start;
    gap: 12px;
    font: 400 15px / 1.45 var(--family-primary);
    color: var(--text-color);
}

.nu-huren-box-detail__feature-icon {
    display: inline-flex;
    flex-shrink: 0;
    align-items: center;
    justify-content: center;
    width: 24px;
    min-height: 24px;
}

.nu-huren-box-detail__feature-icon img {
    display: block;
    width: auto;
    max-width: 24px;
    height: auto;
    max-height: 25px;
}

.nu-huren-box-detail__feature-text {
    display: flex;
    flex-direction: column;
    gap: 2px;
    min-width: 0;
}

.nu-huren-box-detail__footer {
    display: flex;
    justify-content: flex-end;
}

.nu-huren-box-detail__rent {
    font-size: 16px;
    color: var(--background-color);
}

.nu-huren-box-detail__rent:hover {
    color: var(--text-color);
}

/* Responsive */

@media (max-width: 1300px) {

    .container {
        max-width: 1024px;
    }

    .site-header__inner {
        padding: 18px 0 6px;
    }

    .site-header__actions {
        padding: 0;
    }

    .home-section .container {
        max-width: 767px;
    }

    .home-section-item {
        max-width: 300px;
    }

    .home-section-item-link {
        padding: 10px 64px 7px 20px;
    }

    .home-section-item-link .link-icon {
        width: 58px;
        height: 34px;
    }

    .home-storage-section .home-section-content {
        padding-bottom: 10px;
    }

    .home-storage-section:not(.home-platform-section) .home-section-content h1 {
        font-size: 86px;
    }

    .home-platform-section .home-section-content h1 {
        font-size: 52px;
    }

    .home-storage-section .home-section-content .home-storage-section-icon {
        margin: 15px 0 -100px 0;
    }

    .hero-section .right-content .content-blocks {
        max-width: 652px;
    }

    .security-levels .security-levels__grid {
        gap: 80px 18px;
    }

    .background-gallery {
        padding: 56px 0 40px;
    }

    .background-gallery .background-gallery__frame {
        max-width: 820px;
    }

    section.story-wide-image {
        padding-bottom: 64px;
    }

    .story-infoboxes {
        padding: 56px 0;
    }

    .story-infoboxes .story-infoboxes__grid {
        gap: 28px;
    }

    .story-infoboxes .story-infoboxes__grid .story-infobox {
        padding: 48px 48px 32px;
    }

    .story-split {
        padding: 36px 0;
    }

    .story-split__grid {
        gap: 28px;
    }

    .story-split__grid .story-split__col--text {
        padding: 16px 4vw;
    }

    .story-split__grid.story-split__grid--text-left-image-right .story-split__col--text {
        padding: 16px 4vw 12px;
    }

    .story-split__grid .story-split__col--text .story-split__text h2 {
        margin-bottom: 36px;
    }

    .story-split__grid .story-split__col--text .story-split__text h3 {
        margin-bottom: 32px;
    }

    .story-split-cta {
        padding: 64px 0;
    }

    .story-split-cta .story-split-cta__inner {
        font-size: 22px;
        line-height: 32px;
    }

    section.story-center {
        padding: 28px 0;
    }

    section.story-center .story-center__content {
        max-width: 720px;
    }

    section.story-center .story-center__content h3,
    section.story-center .story-center__content .story-center__heading {
        margin-bottom: 28px;
    }

    section.story-center .story-center__content .story-center__button {
        margin-top: 36px;
    }

    .story-quote {
        padding: 48px 0;
    }

    .story-quote .story-quote__inner {
        max-width: 560px;
    }

    .story-quote .story-quote__mark {
        width: 80px;
        height: 82px;
        margin-bottom: 28px;
    }

    .story-quote blockquote,
    .story-quote blockquote.story-quote__text {
        font-size: 38px;
        line-height: 42px;
    }

    .over-storage-intro {
        padding: 64px 0;
    }

    .over-storage-intro .over-storage-intro__grid {
        gap: 28px;
    }

    .over-storage-intro__quote {
        font-size: 42px;
        line-height: 40px;
    }

    .over-storage-advice {
        padding: 72px 0 16px;
    }

    .over-storage-advice .over-storage-advice__panel {
        padding: 56px 4vw 44px;
    }

    .over-storage-access {
        padding-bottom: 80px;
    }

    .over-storage-access__col.over-storage-access__col--mark {
        padding: 40px 24px;
    }

    .over-storage-access__col.over-storage-access__col--mark .over-storage-access__circle {
        padding: 48px;
    }

    .over-storage-formulas__grid {
        gap: 48px 28px;
        grid-template-columns: repeat(auto-fill, minmax(310px, 1fr));
    }

    .over-storage-rates {
        padding: 72px 0;
    }

    .over-storage-pricing {
        padding: 88px 0 32px;
    }

    .over-storage-terms {
        padding: 36px 0;
    }

    .nu-huren {
        padding: 44px 0 96px;
    }

    .nu-huren__layout {
        gap: 28px;
    }

    .nu-huren__subtitle {
        margin-bottom: 48px;
    }

    .nu-huren-table__head,
    .nu-huren-table__row {
        gap: 12px;
    }
}

@media (max-width: 1024px) {

    .container {
        max-width: 991px;
    }

    .site-header__brand .custom-logo {
        max-height: 52px;
        max-width: 148px;
    }

    .site-header__actions {
        max-width: 120px;
        gap: 15px;
    }

    .home-storage-section:not(.home-platform-section) .home-section-content h1 {
        font-size: 70px;
    }

    .home-platform-section .home-section-content h1 {
        font-size: 44px;
    }

    .background-gallery {
        padding: 48px 0 36px;
    }

    .background-gallery .background-gallery__frame {
        max-width: 720px;
    }

    .background-gallery .background-gallery__navigation {
        margin-top: 24px;
    }

    .story-infoboxes {
        padding: 48px 0;
    }

    .story-infoboxes .story-infoboxes__grid .story-infobox {
        padding: 40px 36px 28px;
    }

    .story-split {
        padding: 32px 0;
    }

    .story-split__grid {
        gap: 24px;
    }

    .story-split__grid .story-split__col--text {
        padding: 12px 24px;
    }

    .story-split__grid.story-split__grid--text-left-image-right .story-split__col--text {
        padding: 12px 24px;
    }

    .story-split__grid .story-split__col--text .story-split__text h2 {
        font-size: 28px;
        line-height: 34px;
        margin-bottom: 28px;
    }

    .story-split__grid .story-split__col--text .story-split__text h3 {
        font-size: 22px;
        line-height: 28px;
        margin-bottom: 24px;
    }

    .story-split-cta {
        padding: 56px 0;
    }

    .story-split-cta .story-split-cta__inner {
        font-size: 20px;
        line-height: 30px;
    }

    section.story-center {
        padding: 24px 0;
    }

    section.story-center .story-center__content {
        max-width: 640px;
    }

    section.story-center .story-center__content h3,
    section.story-center .story-center__content .story-center__heading {
        font-size: 22px;
        line-height: 28px;
        margin-bottom: 24px;
    }

    section.story-center .story-center__content .story-center__button {
        margin-top: 32px;
    }

    .story-quote {
        padding: 40px 0;
    }

    .story-quote .story-quote__inner {
        max-width: 520px;
    }

    .story-quote .story-quote__mark {
        width: 72px;
        height: 74px;
        margin-bottom: 24px;
    }

    .story-quote blockquote,
    .story-quote blockquote.story-quote__text {
        font-size: 32px;
        line-height: 38px;
        letter-spacing: -0.45px;
    }

    .over-storage-intro {
        padding: 56px 0;
    }

    .over-storage-intro__quote {
        font-size: 36px;
        line-height: 36px;
    }

    .over-storage-advice .over-storage-advice__icon-wrap {
        width: 120px;
        height: 120px;
        margin-top: -120px;
    }

    .over-storage-advice__heading-wrap h2 {
        font-size: 26px;
        line-height: 32px;
    }

    .over-storage-access__grid .over-storage-access__icon-wrap {
        width: 120px;
        height: 120px;
    }

    .over-storage-access__col.over-storage-access__col--mark .over-storage-access__circle {
        padding: 40px;
        max-width: 320px;
    }

    .over-storage-formulas__grid .over-storage-formulas__item h3 {
        font-size: 22px;
        line-height: 30px;
        min-height: 0;
    }

    .over-storage-rates .over-storage-rates__inner h2 {
        font-size: 26px;
        line-height: 32px;
    }

    .over-storage-pricing__col h3 {
        font-size: 22px;
        line-height: 30px;
        margin-bottom: 28px;
    }

    .nu-huren {
        padding: 40px 0 80px;
    }

    .nu-huren__aside h1 {
        font-size: 36px;
        line-height: 32px;
    }

    .nu-huren__subtitle {
        margin-bottom: 36px;
        font-size: 18px;
    }

    .nu-huren__layout {
        gap: 28px;
    }

    .nu-huren-table__head,
    .nu-huren-table__row {
        gap: 10px;
        font-size: 15px;
    }

    .nu-huren-table__head {
        font-size: 15px;
    }

    .nu-huren-table__rent {
        padding: 3px 14px;
        font-size: 15px;
    }
}

@media (max-width: 991px) {

    .container {
        max-width: 767px;
        padding: 0 16px;
    }

    .site-header__inner {
        padding: 12px 0 6px;
    }

    .site-footer__main {
        gap: 28px;
    }

    .home-storage-section:not(.home-platform-section) .home-section-content h1 {
        font-size: 50px;
    }

    .home-platform-section .home-section-content h1 {
        font-size: 38px;
    }

    .home-storage-section .home-section-content .home-storage-section-icon {
        margin: 10px 0 -100px 0;
    }

    .hero-section .inner-container {
        flex-direction: column-reverse;
    }

    .hero-section .left-image {
        width: 100%;
    }

    .hero-section .right-content {
        width: 100%;
        max-width: 767px;
        margin: 0 auto;
        padding: 0 16px 44px;
    }

    .hero-section .right-content .content-blocks {
        padding: 0;
        margin-left: 0;
    }

    .hero-section .right-content h3 {
        font-size: 28px;
    }

    .hero-section .right-content h1 {
        font-size: 20px;
        margin-bottom: 16px;
    }

    .security-details .security-details__grid {
        gap: 24px;
    }

    .security-details .security-details__item {
        gap: 22px;
    }

    .security-details .security-details__item .security-details__icon {
        width: 100px;
        height: 100px;
    }

    .security-levels .security-levels__grid {
        grid-template-columns: repeat(2, 1fr);
    }

    section.story-wide-image {
        padding-bottom: 48px;
    }

    section.story-wide-image .story-wide-image__image {
        object-position: 42% center;
    }

    .background-gallery {
        padding: 40px 0 32px;
    }

    .background-gallery .background-gallery__frame {
        max-width: 100%;
    }

    .background-gallery .background-gallery__figure .background-gallery__image {
        aspect-ratio: 16 / 10;
    }

    .background-gallery .background-gallery__figure .background-gallery__caption {
        font-size: 15px;
        line-height: 28px;
    }

    .background-gallery .background-gallery__navigation {
        margin-top: 20px;
        gap: 20px;
    }

    .story-infoboxes {
        padding: 40px 0;
    }

    .story-infoboxes .story-infoboxes__grid {
        grid-template-columns: 1fr;
        gap: 24px;
    }

    .story-infoboxes .story-infoboxes__grid .story-infobox {
        padding: 36px 28px 28px;
    }

    .story-infoboxes .story-infoboxes__grid .story-infobox h3 {
        font-size: 22px;
        line-height: 30px;
    }

    .story-split {
        padding: 32px 0;
    }

    .story-split__grid {
        grid-template-columns: 1fr;
        gap: 24px;
    }

    .story-split__grid .story-split__col--text,
    .story-split__grid.story-split__grid--text-left-image-right .story-split__col--text {
        max-width: 100%;
        padding: 0 16px;
        margin: 0;
        align-items: flex-start;
        justify-content: flex-start;
    }

    section.story-split.story-split--text-left .story-split__col--text,
    section.story-split.story-split--text-right .story-split__col--text {
        order: 2;
        margin-left: 0;
        margin-right: 0;
    }

    section.story-split.story-split--text-left .story-split__col--media,
    section.story-split.story-split--text-right .story-split__col--media {
        order: 1;
        margin-left: 0;
    }

    section.story-split.story-split--text-left .story-split__col--media .story-split__media {
        margin-left: 0;
    }

    .story-split .story-split__container--boxed .story-split__grid .story-split__col--text {
        max-width: 100%;
        margin-top: 0;
        padding: 0;
    }

    .story-split .story-split__container--boxed figure.story-split__media {
        max-width: 100%;
    }

    .story-split__grid .story-split__col--text .story-split__text {
        font-size: 16px;
        line-height: 26px;
    }

    .story-split__grid .story-split__col--text .story-split__text h2 {
        font-size: 26px;
        line-height: 32px;
        margin-bottom: 24px;
    }

    .story-split__grid .story-split__col--text .story-split__text h3 {
        font-size: 22px;
        line-height: 28px;
        margin-bottom: 20px;
    }

    .story-split__grid .story-split__col--text .story-split__text p {
        margin-bottom: 16px;
    }

    .story-split__grid .story-split__col--text .story-split__text .primary_btn {
        margin-top: 8px;
    }

    .story-split-cta {
        padding: 48px 0;
    }

    .story-split-cta .story-split-cta__inner {
        font-size: 20px;
        line-height: 30px;
        padding: 0 8px;
    }

    .story-split-cta .story-split-cta__inner p {
        margin-bottom: 24px;
    }

    section.story-center {
        padding: 28px 0;
    }

    section.story-center .story-center__content {
        max-width: 100%;
    }

    section.story-center .story-center__content h3,
    section.story-center .story-center__content .story-center__heading {
        font-size: 20px;
        line-height: 26px;
        margin-bottom: 20px;
        letter-spacing: -0.4px;
    }

    section.story-center .story-center__content .story-center__text {
        font-size: 16px;
        line-height: 26px;
        letter-spacing: -0.35px;
    }

    section.story-center .story-center__content .story-center__text p {
        margin-bottom: 14px;
    }

    section.story-center .story-center__content .story-center__button {
        margin-top: 28px;
    }

    .story-quote {
        padding: 36px 0;
    }

    .story-quote .story-quote__inner {
        max-width: 100%;
        padding: 0 8px;
    }

    .story-quote .story-quote__mark {
        width: 64px;
        height: 66px;
        margin-bottom: 20px;
    }

    .story-quote blockquote,
    .story-quote blockquote.story-quote__text {
        font-size: 28px;
        line-height: 34px;
        letter-spacing: -0.35px;
    }

    .over-storage-intro {
        padding: 48px 0;
    }

    .over-storage-intro .over-storage-intro__grid {
        grid-template-columns: 1fr;
        gap: 32px;
    }

    .over-storage-intro__col.over-storage-intro__col--text {
        margin-top: 0;
    }

    .over-storage-intro__quote {
        font-size: 32px;
        line-height: 34px;
    }

    .over-storage-advice {
        padding: 64px 0 12px;
    }

    .over-storage-advice .over-storage-advice__panel {
        padding: 48px 24px 36px;
    }

    .over-storage-advice .over-storage-advice__grid {
        grid-template-columns: 1fr;
        gap: 24px;
    }

    .over-storage-advice__col.over-storage-advice__col--right {
        max-width: 100%;
        margin-left: 0;
    }

    .over-storage-access {
        padding-bottom: 64px;
        margin-top: 0;
    }

    .over-storage-access__grid {
        grid-template-columns: 1fr;
        gap: 32px;
    }

    .over-storage-access__col.over-storage-access__col--content {
        order: 2;
    }

    .over-storage-access__col.over-storage-access__col--mark {
        order: 1;
        justify-content: center;
        padding: 24px 16px 0;
    }

    .over-storage-formulas__grid {
        grid-template-columns: repeat(2, 1fr);
        gap: 24px;
    }

    .over-storage-pricing .over-storage-pricing__grid {
        grid-template-columns: 1fr;
        gap: 48px;
    }

    .nu-huren {
        padding: 36px 0 64px;
    }

    .nu-huren__layout {
        grid-template-columns: 1fr;
        gap: 40px;
    }

    .nu-huren__aside {
        order: -1;
    }

    .nu-huren__subtitle {
        margin-bottom: 24px;
        font-size: 18px;
    }

    .nu-huren-map {
        max-width: 420px;
    }

    .nu-huren__aside h1 {
        font-size: 36px;
        line-height: 1;
        margin-bottom: 10px;
    }

    .nu-huren-search {
        margin-bottom: 24px;
    }

    .nu-huren-search__label {
        font-size: 18px;
    }

    .nu-huren-table__head {
        display: none;
    }

    .nu-huren-table__row {
        grid-template-columns: 1fr 1fr;
        gap: 6px 16px;
        padding: 14px;
        font-size: 16px;
    }

    .nu-huren-table__row-cells {
        grid-column: 1 / -1;
        grid-template-columns: 1fr 1fr;
        gap: 6px 16px;
    }

    .nu-huren-table__name {
        grid-column: 1 / -1;
        padding-left: 0;
        font-size: 17px;
    }

    .nu-huren-table__rent {
        grid-column: 1 / -1;
        justify-self: start;
        margin-right: 0;
        margin-top: 6px;
    }

    .nu-huren-pagination {
        margin-top: 32px;
    }

    .nu-huren-box-detail {
        padding: 20px 20px 24px;
    }

    .nu-huren-box-detail__header {
        flex-direction: column;
        gap: 12px;
        margin-right: 28px;
    }

    .nu-huren-box-detail__price {
        text-align: left;
        white-space: normal;
    }

    .nu-huren-box-detail__features {
        grid-template-columns: 1fr;
        gap: 20px;
    }

    .nu-huren-box-detail__footer {
        justify-content: stretch;
    }

    .nu-huren-box-detail__rent {
        width: 100%;
        justify-content: center;
    }
}

@media (max-width: 767px) {

    .primary_btn {
        font-size: 16px;
        padding: 3px 20px;
        margin-left: 0;
    }

    .site-header__actions {
        max-width: 100px;
        gap: 10px;
    }

    .deweer-lang-switcher__link {
        min-width: 24px;
        min-height: 24px;
        font-size: 10px;
        line-height: 14px;
    }

    .deweer-lang-switcher__list {
        margin: 0;
    }

    .site-header__actions {
        margin-top: 0;
    }

    .site-header__toggle {
        gap: 6px;
        width: 32px;
        height: 32px;
    }

    .site-header__menu {
        gap: 0 16px;
    }

    .site-footer__nav .site-footer__menu {
        grid-template-columns: repeat(2, 1fr);
        gap: 0 28px;
        text-align: center;
    }

    .site-footer__social-list {
        position: unset;
        justify-content: center;
        padding-top: 20px;
    }

    .site-footer__main {
        padding-bottom: 20px;
    }

    .home-section-items {
        flex-direction: column;
        align-items: center;
        gap: 50px;
    }

    .home-section-item {
        max-width: 260px;
        width: 100%;
    }

    .home-section-item-link .link-icon svg {
        width: 32px;
        height: 18px;
    }

    .home-section-item-link {
        font-size: 16px;
        padding: 10px 64px 9px 20px;
    }

    .home-storage-section:not(.home-platform-section) .home-section-content h1 {
        font-size: 40px;
    }

    .home-platform-section .home-section-content h1 {
        font-size: 32px;
    }

    .home-storage-section .home-section-content .home-storage-section-icon {
        margin: 5px 0 -100px 0;
    }

    .home-storage-section .home-storage-section-image__slides {
        height: 50svh;
    }

    .home-storage-section .home-storage-section-image__slide img {
        object-position: 36% 50%;
    }

    .container.home-storage-section-image__nav-container {
        position: unset;
        transform: none;
        left: unset;
        display: flex;
        justify-content: center;
        gap: 16px;
        margin-top: 26px;
    }

    .home-storage-section .home-storage-section-image__nav {
        background-color: var(--accent-color);
    }

    /* Beveiliging (mobile) */
    .hero-section {
        padding: 28px 0 24px;
    }

    .hero-section .container {
        padding: 0;
    }

    .hero-section .right-content {
        padding: 0 16px 28px;
    }

    .hero-section .right-content h1 {
        line-height: 28px;
    }

    .hero-section .right-content h3 {
        font-size: 24px;
        line-height: 30px;
    }

    .hero-section .right-content .content-blocks p {
        font-size: 16px;
        line-height: 26px;
        max-width: none;
    }

    .hero-section .right-content .content-blocks .primary_btn {
        margin-top: 18px;
    }

    .background-gallery {
        padding: 32px 0 28px;
    }

    .background-gallery .background-gallery__figure .background-gallery__image {
        aspect-ratio: 16 / 10;
    }

    .background-gallery .background-gallery__figure .background-gallery__caption {
        font-size: 14px;
        line-height: 24px;
        padding: 4px 0;
    }

    .background-gallery .background-gallery__navigation {
        margin-top: 16px;
        gap: 16px;
    }

    .background-gallery .background-gallery__navigation .background-gallery__arrow {
        width: 28px;
        height: 28px;
    }

    .background-gallery .background-gallery__navigation .swiper-pagination-bullet {
        width: 8px;
        height: 8px;
        --swiper-pagination-bullet-horizontal-gap: 4px;
    }

    .security-details {
        padding: 28px 0;
    }

    .security-details .security-details__grid {
        grid-template-columns: 1fr;
        gap: 22px;
        padding-bottom: 22px;
    }

    .security-details .security-details__item {
        gap: 16px;
    }

    .security-details .security-details__item .security-details__icon {
        width: 88px;
        height: 88px;
    }

    .security-details .security-details__item .security-details__text {
        font-size: 16px;
        line-height: 26px;
    }

    .security-levels {
        padding: 28px 0;
    }

    .security-levels .security-levels__header {
        margin-bottom: 22px;
    }

    .security-levels .security-levels__header h2 {
        font-size: 22px;
        line-height: 28px;
    }

    .security-levels .security-levels__grid {
        grid-template-columns: 1fr;
        gap: 66px;
        padding-top: 66px;
    }

    .security-levels .security-levels__card {
        padding: 0 16px 28px;
    }

    .drive-banner {
        padding: 18px;
    }

    .drive-banner .drive-banner__inner {
        flex-direction: column;
        align-items: flex-start;
        gap: 16px;
    }

    .drive-banner .drive-banner__content {
        width: 100%;
        padding: 0;
        margin: 0;
    }

    .drive-banner .drive-banner__content h2 {
        font-size: 34px;
        line-height: 1.05;
        margin-bottom: 12px;
    }

    .drive-banner .drive-banner__mark {
        width: 100%;
        max-width: 100px;
        margin-left: auto;
        margin-right: auto;
        position: absolute;
        bottom: 0;
        right: 0;
        z-index: 0;
    }

    section.story-wide-image {
        padding-bottom: 32px;
    }

    section.story-wide-image .story-wide-image__container {
        padding-left: 16px;
        padding-right: 16px;
    }

    section.story-wide-image .story-wide-image__image {
        object-position: 38% center;
    }

    .story-infoboxes {
        padding: 28px 0;
    }

    .story-infoboxes .story-infoboxes__grid {
        gap: 20px;
    }

    .story-infoboxes .story-infoboxes__grid .story-infobox {
        padding: 28px 20px 24px;
    }

    .story-infoboxes .story-infoboxes__grid .story-infobox h3 {
        font-size: 20px;
        line-height: 28px;
        margin-bottom: 14px;
    }

    .story-infoboxes .story-infoboxes__grid .story-infobox .story-infobox__intro,
    .story-infoboxes .story-infoboxes__grid .story-infobox ul {
        font-size: 16px;
        line-height: 26px;
        margin-bottom: 18px;
    }

    .story-infoboxes .story-infoboxes__grid .story-infobox ul li {
        margin-bottom: 8px;
    }

    .story-infoboxes .story-infoboxes__grid .story-infobox ul li ul {
        margin: 8px 0 0 12px;
    }

    .story-infoboxes .story-infoboxes__grid .story-infobox .story-infobox__button {
        margin-top: 18px;
    }

    .story-split {
        padding: 28px 0;
    }

    .story-split__grid {
        gap: 20px;
    }

    .story-split__grid .story-split__col--text .story-split__text h2 {
        font-size: 24px;
        line-height: 30px;
        margin-bottom: 20px;
    }

    .story-split__grid .story-split__col--text .story-split__text h3 {
        font-size: 20px;
        line-height: 28px;
        margin-bottom: 16px;
    }

    .story-split__grid .story-split__col--text .story-split__text p {
        margin-bottom: 14px;
    }

    .story-split-cta {
        padding: 40px 0;
    }

    .story-split-cta .story-split-cta__inner {
        font-size: 18px;
        line-height: 28px;
        padding: 0;
    }

    .story-split-cta .story-split-cta__inner p {
        margin-bottom: 20px;
    }

    section.story-center {
        padding: 24px 0;
    }

    section.story-center .story-center__content h3,
    section.story-center .story-center__content .story-center__heading {
        font-size: 20px;
        line-height: 28px;
        margin-bottom: 16px;
    }

    section.story-center .story-center__content .story-center__text p {
        margin-bottom: 12px;
    }

    section.story-center .story-center__content .story-center__button {
        margin-top: 24px;
    }

    .story-quote {
        padding: 28px 0;
    }

    .story-quote .story-quote__inner {
        padding: 0;
    }

    .story-quote .story-quote__mark {
        width: 56px;
        height: 58px;
        margin-bottom: 18px;
    }

    .story-quote blockquote,
    .story-quote blockquote.story-quote__text {
        font-size: 24px;
        line-height: 30px;
        letter-spacing: -0.3px;
    }

    .over-storage-intro {
        padding: 40px 0;
    }

    .over-storage-intro .over-storage-intro__grid .over-storage-intro__text {
        font-size: 16px;
        line-height: 26px;
    }

    .over-storage-intro .over-storage-intro__grid .over-storage-intro__text p {
        margin-bottom: 20px;
    }

    .over-storage-intro__col .over-storage-intro__mark {
        width: 72px;
        height: 74px;
        margin-bottom: 10px;
    }

    .over-storage-intro__quote {
        font-size: 28px;
        line-height: 32px;
    }

    .over-storage-advice {
        padding: 56px 0 8px;
    }

    .over-storage-advice .over-storage-advice__icon-wrap {
        width: 100px;
        height: 100px;
        margin-top: -100px;
    }

    .over-storage-advice .over-storage-advice__panel {
        padding: 40px 20px 28px;
    }

    .over-storage-advice__heading-wrap h2 {
        font-size: 22px;
        line-height: 28px;
        margin-bottom: 20px;
    }

    .over-storage-advice__text {
        font-size: 16px;
        line-height: 26px;
    }

    .over-storage-advice__col h3 {
        font-size: 20px;
        line-height: 28px;
    }

    .over-storage-access {
        padding-bottom: 48px;
    }

    .over-storage-access__grid .over-storage-access__icon-wrap {
        width: 100px;
        height: 100px;
        margin-bottom: 16px;
    }

    .over-storage-access__grid .over-storage-access__col h3 {
        font-size: 24px;
        line-height: 30px;
        margin-bottom: 20px;
    }

    .over-storage-access__grid .over-storage-access__text {
        font-size: 16px;
        line-height: 26px;
    }

    .over-storage-access__grid .over-storage-access__text+.over-storage-access__button {
        margin-top: 32px;
    }

    .over-storage-access__col.over-storage-access__col--mark .over-storage-access__circle {
        padding: 32px;
        max-width: 260px;
        margin: 0 auto;
    }

    .over-storage-access__col.over-storage-access__col--mark .over-storage-access__circle svg {
        max-width: 200px;
    }

    .over-storage-formulas {
        padding-top: 32px;
    }

    .over-storage-formulas__grid {
        grid-template-columns: 1fr;
        gap: 32px;
    }

    .over-storage-formulas__grid .over-storage-formulas__item h3 {
        font-size: 20px;
        line-height: 28px;
        margin-bottom: 20px;
    }

    .over-storage-formulas__grid .over-storage-formulas__item .over-storage-formulas__text {
        font-size: 16px;
        line-height: 26px;
    }

    .over-storage-formulas__grid .over-storage-formulas__item .over-storage-formulas__text p {
        margin-bottom: 20px;
    }

    .over-storage-rates {
        padding: 48px 0;
    }

    .over-storage-rates .over-storage-rates__inner h2 {
        font-size: 22px;
        line-height: 28px;
        margin-bottom: 24px;
    }

    .over-storage-rates .over-storage-rates__inner ul {
        font-size: 16px;
        line-height: 26px;
    }

    .over-storage-pricing {
        padding: 48px 0 28px;
    }

    .over-storage-pricing .over-storage-pricing__grid {
        gap: 40px;
    }

    .over-storage-pricing__col h3 {
        font-size: 20px;
        line-height: 28px;
        margin-bottom: 20px;
    }

    .over-storage-pricing__col ul {
        font-size: 16px;
        line-height: 26px;
    }

    .over-storage-pricing__col .over-storage-pricing__button {
        margin-top: 28px;
    }

    .over-storage-terms {
        padding: 32px 0;
    }

    .over-storage-terms .over-storage-terms__block h3 {
        font-size: 18px;
        line-height: 26px;
        margin-bottom: 16px;
        margin-top: 40px;
    }

    .over-storage-terms .over-storage-terms__block p,
    .over-storage-terms .over-storage-terms__block ul {
        font-size: 16px;
        line-height: 24px;
    }

    .nu-huren {
        padding: 28px 0 48px;
    }

    .nu-huren__layout {
        gap: 32px;
    }

    .nu-huren__aside h1 {
        font-size: 32px;
    }

    .nu-huren__subtitle {
        margin-bottom: 20px;
        font-size: 16px;
    }

    .nu-huren-map {
        max-width: 100%;
    }

    .nu-huren-search__label {
        font-size: 16px;
    }

    .nu-huren-search__fields {
        grid-template-columns: 1fr;
        gap: 12px;
    }

    .nu-huren-search__fields input,
    .nu-huren-search__fields select {
        font-size: 15px;
        padding: 6px 16px;
    }

    .nu-huren-search__submit {
        padding: 8px 20px;
        font-size: 15px;
        margin-left: 0;
    }

    .nu-huren-table__row {
        font-size: 15px;
        padding: 12px;
    }

    .nu-huren-table__name {
        font-size: 16px;
    }

    .nu-huren-table__rent {
        font-size: 15px;
        padding: 4px 18px;
    }

    .nu-huren-pagination {
        margin-top: 28px;
        font-size: 15px;
        gap: 12px;
    }

    .nu-huren-box-detail {
        padding: 16px;
        border-radius: 8px;
    }

    .nu-huren-box-detail__name {
        font-size: 20px;
    }

    .nu-huren-box-detail__tagline {
        font-size: 16px;
    }

    .nu-huren-box-detail__feature {
        font-size: 14px;
    }

    .nu-huren-box-detail__close {
        top: 16px;
        right: 16px;
    }
}

@media (max-width: 480px) {
    .home-storage-section:not(.home-platform-section) .home-section-content h1 {
        font-size: 34px;
    }

    .home-platform-section .home-section-content h1 {
        font-size: 26px;
    }

    .home-storage-section .home-section-content .home-storage-section-icon {
        width: 21%;
    }

    section.story-wide-image {
        padding-bottom: 24px;
    }

    section.story-wide-image .story-wide-image__image {
        object-position: 35% center;
    }

    .story-infoboxes {
        padding: 24px 0;
    }

    .story-infoboxes .story-infoboxes__grid .story-infobox {
        padding: 24px 16px 20px;
    }

    .story-infoboxes .story-infoboxes__grid .story-infobox h3 {
        font-size: 18px;
        line-height: 26px;
    }

    .background-gallery {
        padding: 28px 0 24px;
    }

    .background-gallery .background-gallery__figure .background-gallery__image {
        aspect-ratio: 4 / 3;
    }

    .background-gallery .background-gallery__figure .background-gallery__caption {
        font-size: 13px;
        line-height: 22px;
    }

    .background-gallery .background-gallery__navigation {
        margin-top: 14px;
        gap: 12px;
    }

    .background-gallery .background-gallery__navigation .background-gallery__arrow {
        width: 26px;
        height: 26px;
    }

    .story-split {
        padding: 24px 0;
    }

    .story-split__grid {
        gap: 16px;
    }

    .story-split__grid .story-split__col--text .story-split__text h2 {
        font-size: 22px;
        line-height: 28px;
        margin-bottom: 16px;
    }

    .story-split__grid .story-split__col--text .story-split__text h3 {
        font-size: 18px;
        line-height: 26px;
        margin-bottom: 14px;
    }

    .story-split-cta {
        padding: 32px 0;
    }

    .story-split-cta .story-split-cta__inner {
        font-size: 16px;
        line-height: 24px;
    }

    .story-split-cta .story-split-cta__inner p {
        margin-bottom: 16px;
    }

    section.story-center {
        padding: 20px 0;
    }

    section.story-center .story-center__content h3,
    section.story-center .story-center__content .story-center__heading {
        font-size: 18px;
        line-height: 26px;
        margin-bottom: 14px;
    }

    section.story-center .story-center__content .story-center__button {
        margin-top: 20px;
    }

    .story-quote {
        padding: 24px 0;
    }

    .story-quote .story-quote__mark {
        width: 48px;
        height: 50px;
        margin-bottom: 14px;
    }

    .story-quote blockquote,
    .story-quote blockquote.story-quote__text {
        font-size: 20px;
        line-height: 26px;
        letter-spacing: -0.2px;
    }

    .over-storage-intro {
        padding: 32px 0;
    }

    .over-storage-intro__quote {
        font-size: 24px;
        line-height: 28px;
    }

    .over-storage-advice {
        padding: 48px 0 8px;
    }

    .over-storage-advice .over-storage-advice__icon-wrap {
        width: 88px;
        height: 88px;
        margin-top: -88px;
    }

    .over-storage-advice .over-storage-advice__panel {
        padding: 32px 16px 24px;
    }

    .over-storage-advice__heading-wrap h2 {
        font-size: 20px;
        line-height: 26px;
    }

    .over-storage-access__col.over-storage-access__col--mark .over-storage-access__circle {
        padding: 24px;
        max-width: 220px;
    }

    .over-storage-access__col.over-storage-access__col--mark .over-storage-access__circle svg {
        max-width: 160px;
    }

    .over-storage-formulas__grid {
        gap: 28px;
    }

    .over-storage-rates {
        padding: 40px 0;
    }

    .over-storage-pricing {
        padding: 40px 0 24px;
    }

    .over-storage-terms .over-storage-terms__block h3 {
        font-size: 17px;
        margin-top: 32px;
    }

    .nu-huren {
        padding: 24px 0 40px;
    }

    .nu-huren__aside h1 {
        font-size: 28px;
        line-height: 1.1;
    }

    .nu-huren-search__fields {
        gap: 10px;
    }

    .nu-huren-table__row {
        grid-template-columns: 1fr;
        gap: 4px;
    }

    .nu-huren-table__row-cells {
        grid-column: 1 / -1;
        grid-template-columns: 1fr;
        gap: 4px;
    }

    .nu-huren-table__row-cells > span:not(.nu-huren-table__name) {
        display: flex;
        justify-content: space-between;
        gap: 12px;
    }

    .nu-huren-table__row-cells > span:nth-child(2)::before {
        content: 'Size';
        font-weight: 600;
        flex-shrink: 0;
    }

    .nu-huren-table__row-cells > span:nth-child(3)::before {
        content: 'Dimension';
        font-weight: 600;
        flex-shrink: 0;
    }

    .nu-huren-table__row-cells > span:nth-child(4)::before {
        content: 'Comfort';
        font-weight: 600;
        flex-shrink: 0;
    }

    .nu-huren-table__row-cells > span:nth-child(5)::before {
        content: 'Price/month';
        font-weight: 600;
        flex-shrink: 0;
    }

    .nu-huren-pagination {
        margin-top: 24px;
    }
}




/* Contact page (Figma: 06 Deweer Storage - Contact) */

.contact-page {
    background-color: var(--background-color);
}

.contact-page__title {
    padding: 48px 0 32px;
}

.contact-page__title h1 {
    font: 500 35px/1.15 var(--family-primary);
    color: var(--text-color);
    letter-spacing: -0.7px;
    margin: 0;
}

.contact-page__main {
    padding: 0 0 64px;
}

.contact-page__grid {
    display: grid;
    grid-template-columns: minmax(0, 618px) minmax(0, 1fr);
    gap: 48px 145px;
    align-items: start;
}

.contact-page__form-panel {
    background-color: #f5f7f7;
    padding: 55px 73px 64px;
}

.contact-page__form-heading,
.contact-page__coords-heading {
    font: 500 30px/35px var(--family-primary);
    color: var(--text-color);
    letter-spacing: -0.6px;
    margin: 0 0 40px;
}

.contact-page__notice {
    font: 400 16px/24px var(--family-primary);
    margin: 0 0 24px;
    padding: 12px 16px;
    border-radius: 8px;
}

.contact-page__notice--success {
    background-color: #e8f6f3;
    color: var(--text-color);
}

.contact-page__notice--error {
    background-color: #fdecea;
    color: #8a1f17;
}

.contact-page__fields-row {
    display: grid;
    grid-template-columns: repeat(2, minmax(0, 1fr));
    gap: 26px 36px;
    margin-bottom: 26px;
}

.contact-page__field {
    margin: 0;
}

.contact-page__field--full {
    margin-bottom: 40px;
}

.wpcf7-spinner,
.contact-page__privacy br,
.contact-page__field br {
    display: none;
}

.contact-page__label {
    display: block;
    font: 400 15px/1 var(--family-primary);
    color: var(--text-color);
    margin-bottom: 10px;
}

.contact-page__input {
    display: block;
    width: 100%;
    font: 400 15px/1.4 var(--family-primary);
    color: var(--text-color);
    background-color: var(--background-color);
    border: 1px solid #f7f7f7;
    border-radius: 0;
    padding: 18px 16px;
    min-height: 55px;
    transition: border-color 0.2s ease;
}

.contact-page__input:focus {
    outline: none;
    border-color: var(--primary-color);
}

.contact-page__textarea {
    min-height: 253px;
    resize: vertical;
}

.contact-page__form-footer {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 24px;
    flex-wrap: wrap;
}

.contact-page__privacy {
    display: flex;
    align-items: flex-start;
    gap: 8px;
    margin: 0;
    font: 400 12px/1.4 var(--family-primary);
    color: #0c1a23;
}

.contact-page__privacy input {
    width: 25px;
    height: 25px;
    margin: 0;
    flex-shrink: 0;
    accent-color: var(--primary-color);
}

.contact-page__privacy a {
    text-decoration: underline;
    color: inherit;
}

.contact-page__privacy a:hover,
.contact-page__privacy a:focus {
    color: var(--primary-color);
}

.contact-page__submit {
    flex-shrink: 0;
    opacity: 0.7;
    min-width: 145px;
    padding-left: 32px;
    padding-right: 32px;
}

.contact-page__submit:hover {
    opacity: 1;
}

/* Contact Form 7 (contact page) */
.contact-page__form.wpcf7-deweer-contact .wpcf7-form > p {
    margin: 0;
}

.contact-page__form.wpcf7-deweer-contact .wpcf7-form-control-wrap {
    display: block;
}

.contact-page__form.wpcf7-deweer-contact input.wpcf7-form-control,
.contact-page__form.wpcf7-deweer-contact textarea.wpcf7-form-control {
    display: block;
    width: 100%;
    font: 400 15px/1.4 var(--family-primary);
    color: var(--text-color);
    background-color: var(--background-color);
    border: 1px solid #f7f7f7;
    border-radius: 0;
    padding: 18px 16px;
    min-height: 55px;
    box-sizing: border-box;
}

.contact-page__form.wpcf7-deweer-contact textarea.wpcf7-form-control {
    min-height: 253px;
    resize: vertical;
}

.contact-page__form.wpcf7-deweer-contact input.wpcf7-form-control:focus,
.contact-page__form.wpcf7-deweer-contact textarea.wpcf7-form-control:focus {
    outline: none;
    border-color: var(--primary-color);
}

.contact-page__form.wpcf7-deweer-contact .wpcf7-not-valid-tip {
    font: 400 13px/1.4 var(--family-primary);
    color: #8a1f17;
    margin-top: 6px;
}

.contact-page__form.wpcf7-deweer-contact .wpcf7-response-output {
    font: 400 16px/24px var(--family-primary);
    margin: 0 0 24px;
    padding: 12px 16px;
    border: 0;
    border-radius: 8px;
}

.contact-page__form.wpcf7-deweer-contact form.sent .wpcf7-response-output {
    background-color: #e8f6f3;
    color: var(--text-color);
}

.contact-page__form.wpcf7-deweer-contact form.invalid .wpcf7-response-output,
.contact-page__form.wpcf7-deweer-contact form.failed .wpcf7-response-output,
.contact-page__form.wpcf7-deweer-contact form.aborted .wpcf7-response-output {
    background-color: #fdecea;
    color: #8a1f17;
}

.contact-page__form.wpcf7-deweer-contact .wpcf7-spinner {
    margin-left: 12px;
}

.contact-page__form.wpcf7-deweer-contact .contact-page__privacy .wpcf7-list-item {
    margin: 0;
}

.contact-page__form.wpcf7-deweer-contact .contact-page__privacy .wpcf7-list-item-label {
    font: 400 12px/1.4 var(--family-primary);
    color: #0c1a23;
}

.contact-page__form.wpcf7-deweer-contact .contact-page__privacy input[type="checkbox"] {
    width: 25px;
    height: 25px;
    margin: 0 8px 0 0;
    flex-shrink: 0;
    accent-color: var(--primary-color);
}

.contact-page__form.wpcf7-deweer-contact .contact-page__privacy a {
    text-decoration: underline;
    color: inherit;
}

.contact-page__form.wpcf7-deweer-contact .wpcf7-submit.primary_btn.contact-page__submit {
    flex-shrink: 0;
    opacity: 0.7;
    min-width: 145px;
    padding-left: 32px;
    padding-right: 32px;
    border: 0;
    cursor: pointer;
}

.contact-page__form.wpcf7-deweer-contact .wpcf7-submit.primary_btn.contact-page__submit:hover {
    opacity: 1;
}

.contact-page__coords {
    padding-top: 55px;
}

.contact-page__coords-block {
    padding-bottom: 28px;
    margin-bottom: 28px;
    border-bottom: 1px solid #e8e8e8;
}

.contact-page__coords-block:last-child {
    padding-bottom: 0;
    margin-bottom: 0;
    border-bottom: none;
}

.contact-page__coords-line {
    font: 400 20px/35px var(--family-primary);
    color: var(--text-color);
    letter-spacing: -0.4px;
    margin: 0;
}

.contact-page__coords-line--strong {
    font-weight: 500;
}

.contact-page__coords-line a {
    color: inherit;
    text-decoration: underline;
    text-underline-offset: 2px;
}

.contact-page__coords-line a:hover,
.contact-page__coords-line a:focus {
    color: var(--primary-color);
}

.contact-page__map {
    padding: 0 0 64px;
}

.contact-page__map-frame {
    width: 100%;
    height: 401px;
    overflow: hidden;
    background-color: #f0f0f0;
}

.contact-page__map-frame iframe {
    display: block;
    width: 100%;
    height: 100%;
}

.contact-page__directions {
    padding: 0 0 96px;
}

.contact-page__directions-grid {
    display: grid;
    grid-template-columns: repeat(2, minmax(0, 1fr));
    gap: 48px 145px;
}

.contact-page__directions-col h2 {
    font: 500 30px/35px var(--family-primary);
    color: var(--text-color);
    letter-spacing: -0.6px;
    margin: 0 0 40px;
}

.contact-page__directions-col p {
    font: 300 18px/28px var(--family-primary);
    color: var(--text-color);
    letter-spacing: -0.36px;
    margin: 0 0 20px;
}

.contact-page__directions-col p:last-child {
    margin-bottom: 0;
}

@media (max-width: 1199px) {
    .contact-page__grid {
        grid-template-columns: 1fr;
        gap: 48px;
    }

    .contact-page__coords {
        padding-top: 0;
        max-width: 420px;
    }

    .contact-page__directions-grid {
        gap: 40px;
    }
}

@media (max-width: 767px) {
    .contact-page__title {
        padding: 32px 0 24px;
    }

    .contact-page__title h1 {
        font-size: 28px;
        line-height: 1.2;
    }

    .contact-page__form-panel {
        padding: 32px 24px 40px;
    }

    .contact-page__form-heading,
    .contact-page__coords-heading,
    .contact-page__directions-col h2 {
        font-size: 24px;
        margin-bottom: 24px;
    }

    .contact-page__fields-row {
        grid-template-columns: 1fr;
        gap: 20px;
        margin-bottom: 20px;
    }

    .contact-page__form-footer {
        flex-direction: column;
        align-items: stretch;
    }

    .contact-page__submit {
        width: 100%;
    }

    .contact-page__coords-line {
        font-size: 18px;
        line-height: 30px;
    }

    .contact-page__map-frame {
        height: 280px;
    }

    .contact-page__directions-grid {
        grid-template-columns: 1fr;
    }

    .contact-page__directions {
        padding-bottom: 64px;
    }
}

.otgs-development-site-front-end {
    display: none !important;
}