.navbar {
    --bs-navbar-brand-font-size: 2rem;
}
body {
    font-family: "Inter", sans-serif;
}
a {
    text-decoration: underline;
}
.element-header,
.navbar-brand-text {
    font-family: "Bebas Neue", sans-serif;
    text-transform: uppercase;
    letter-spacing: 0.1em;
}

.frame-layout-hero .frame-backgroundimage-container:after,
.carousel-item-type-image .carousel-backgroundimage-container:after {
    content: "";
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background: rgba(0, 0, 0, 0.3);
}
.navbar-mainnavigation .navbar-brand-image,
.navbar-mainnavigation .navbar-brand-text {
    transform: translateX(-50%);
    left: 50%;
    position: absolute;
}
@media (min-width: 768px) {
    .frame-layout-hero .frame-group-container:has(.frame-group-inner) {
        min-height: 400px !important;
    }
}
figure {
    position: relative;
    display: inline-block;
    float: left;
    width: 100%;
    height: auto;
    margin: 0;
}
.video-shariff-preview-text {
    font-size: 80%;
    line-height: 20px;
    color: #000;
}
@media screen and (min-width: 800px) {
    .video-shariff-preview-text {
        width: 80%;
    }
}