:root {
    --bulma-body-font-size: 20px;
    --bulma-text-strong: currentColor;

    --bulma-primary-h: 5deg;
    --bulma-primary-s: 80%;
    --bulma-primary-l: 40%;

    --bulma-warning-h: 50deg;
    --bulma-warning-s: 100%;
    --bulma-warning-l: 55%;

    --bulma-link-text: var(--bulma-primary-on-scheme);
}

.navbar-burger {
    --bulma-navbar-burger-color: currentColor;
}

.navbar-menu.is-active {
    min-height: 100vh;
}

.navbar {
    position: absolute;
    width: 100%;
}

html:not(.is-clipped) .navbar {
    background-color: transparent;
}

.title {
    --bulma-title-weight: var(--bulma-weight-bold);
    --bulma-title-size: clamp(2rem, 10vw, 5rem);
}

.subtitle {
    --bulma-subtitle-size: clamp(1.25rem, 6vw, 2rem);
}

.content {
    --bulma-content-heading-weight: var(--bulma-weight-semibold);
}

.hero .title, .hero .subtitle {
    text-shadow: 0 0 20px rgba(0,0,0,0.75);
}

.hero-body {
    --bulma-hero-body-padding: 5rem 1.5rem 3rem;
}

body.index .hero {
    background-image: url('../img/P1130032.jpg');
}

body.mitspielende .hero {
    background-image: url('../img/P1130037.jpg');
}

body.konzerte .hero {
    background-image: url('../img/DSC07596.jpg');
}

body.kontakt .hero {
    background-image: url('../img/DSC07596.jpg');
}

body .hero {
    background-repeat: no-repeat;
    background-position: center;
    background-size: cover;
    position: relative;
}

body .hero * {
    position: relative;
    z-index: 1;
}

body .hero::after {
    content: "";
    position: absolute;
    top: 0;
    bottom: 0;
    left: 0;
    right: 0;
    background-color: var(--bulma-dark);
    opacity: 0.8;
    z-index: 0;
}

a:hover {
    text-decoration: underline;
    text-underline-offset: 3px;
}


.column .card {
    height: 100%;
}

@media screen and (max-width: 1023px) {
    .navbar.is-fixed-top .navbar-menu, .navbar.is-fixed-top-touch .navbar-menu {
        height: calc(100vh - var(--bulma-navbar-height));
    }
}


.image img {
    object-fit: cover;
}