:root {
    /*Link Color*/
    --bulma-link: #b98246;
    --bulma-link-text: #b98246;
    --bulma-link-h: 31deg;
    --bulma-link-s: 45%;
    --bulma-link-l: 50%;

    /*Typography*/
    --bulma-family-primary: mr-eaves-sans, sans-serif;
    --bulma-body-size: 1.1rem;
}

@media (prefers-color-scheme: dark) {
    :root {
        /* Update CSS variables */
        --bulma-link: #A3A64E;
        --bulma-link-text: #A3A64E;
        --bulma-link-h: 62deg;
        --bulma-link-s: 36%;
        --bulma-link-l: 48%;
    }
}

[data-theme=dark],
.theme-dark {
    /* Update CSS variables */
}
html {
    scroll-behavior: smooth;
}
body {
    text-decoration: none;
}
a {
    text-decoration: none;
}
a:hover {
    text-decoration: none;
}
h2 {
    margin-bottom: 4px;
}
.is-height-100p {
    height: 100%;
}
.isW100 {
    width: 100px;
    height: auto;
}

.isInFront {
    z-index: 100;
}



/*Title*/

.image-container {
    position: relative;
}

.title.overlay {
    position: absolute;
    top: 70%;
    left: 30%;
    transform: translate(-50%, -50%);
    z-index: 1;
}
@media (max-width: 768px) {
    .title.overlay {
        /*left: 10%;*/
        top: 70%;
    }
}

/*CV & Reviews & Concerts*/

.cv-content {
    overflow: hidden;
    max-height: 400px;
    transition: max-height 0.5s ease-out;
}
.reviews-content {
    overflow: hidden;
    max-height: 1200px;
    transition: max-height 0.5s ease-out;
}
.concert-content {
    overflow: hidden;
    max-height: 1400px;
    transition: max-height 0.5s ease-out;
}

.read-more {
    display: inline-block;
    margin-top: 10px;
    cursor: pointer;
}

.language-switcher {
    margin-bottom: 4px;
    user-select: none;
}

/*.concert-year-content { display: none; }*/
/*.concert-year-content.active { display: block; }*/

/*Adjusting all Cells to the same hight*/

.fixed-grid .cell {
    display: flex;
    flex-direction: column;
}

.fixed-grid .cell .box {
    flex: 1;
}

.fixed-grid .cell .content {
    flex: 1;
}

/*Künstlerfotos*/

.f-carousel__slide {
    width: 100%; /* Default width for mobile */
}
@media (min-width: 768px) {
    .f-carousel__slide {
        width: 33.333%; /* 3 images per view for tablets */
    }
}
@media (min-width: 1024px) {
    .f-carousel__slide {
        width: 25%; /* 4 images per view for wide */
    }
}
.f-carousel {
    --f-button-width: 38px;
    --f-button-height: 38px;

    --f-button-svg-width: 16px;
    --f-button-svg-height: 16px;
    --f-button-svg-stroke-width: 2.5;

    --f-button-color: rgb(71 85 105);
    --f-button-border-radius: 50%;

    --f-button-bg: rgba(255, 255, 255, 0.55);
    --f-button-hover-bg: #f9f9f9;
    --f-button-active-bg: #f0f0f0;
}
.f-carousel a img {
    padding: 2px;
}

@media (min-width: 768px) {
    #incanto-gallery .f-carousel__slide {
        width: 100%; /* 3 images per view for tablets */
    }
}
@media (min-width: 1024px) {
    #incanto-gallery .f-carousel__slide {
        width: 100%; /* 4 images per view for wide */
    }
}

/*CDs*/
.artists, .composer, .cd-title, .cd img {
    margin-bottom: 5px;
}
.streaming-links {
    display: flex;
    align-items: center;
    gap: 10px; /* Adjust spacing as needed */
    margin-top: 10px;
}
.streaming-links a {
    display: flex;
    align-items: center;
    text-decoration: none;
}
.streaming-links img {
    height: 24px; /* Adjust size as needed */
    width: auto;
    margin-right: 8px;
}
.track-list li {
    display: flex;
    align-items: center;
    margin-bottom: 10px;
    cursor: pointer;
}
.play-pause-icon {
    width: 10px;
    height: 10px;
    display: flex;
    align-items: center;
    justify-content: center;
    margin-right: 10px;
    cursor: pointer;
    font-size: smaller;
}
.audio-player {
    display: none; /* Hide the audio player */
}
.aligned-text-logo {
    display: flex;
    align-items: center;
    color: white;
    /*font-size: 2em;*/
}
.aligned-text-logo img {
    margin-left: 0.5em; /* Adjust the space between text and logo as needed */
    vertical-align: middle;
}

/*Sei-Solo*/
.phi-logo {
    float: left;
    width: 32px;
    height: 32px;
    margin-bottom: 30px;
}

@media (min-width: 1024px) {
    .phi-logo {
        float: right;
        width: 64px;
        height: 64px;
        margin-right: 20px;
    }
}

/*die schönsten Lieder*/

section#die-schoensten-lieder div.hero-body {
    background-image: url('../img/CDs/dieSchoenstenLieder/Die-Schoensten-Lieder.webp');
    background-size: cover;
    background-position: center;
    position: relative;
    width: 100%;
    padding-top: 58.33%;
}
#die-schoensten-lieder div.hero-body div.columns {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    display: flex;
    align-items: start;
    justify-content: center;
    color: white;
    text-align: center;
    padding-top: 60px;
}
.carus-buy {
    color: #0065cb;
}
.carus-buy img {
    width: 100px;
    margin-left: 10px;
}
@media (max-width: 768px) {
    section#die-schoensten-lieder div.hero-body {
        background-image: none;
        padding-top: 0;
    }
    #die-schoensten-lieder div.hero-body div.columns {
        position: relative;
        /*top: -80%;*/
        /*left: 0;*/
        /*width: 90%;*/
        /*height: 100%;*/
        /*margin-left: 5%;*/
        display: flex;
        align-items: center;
        justify-content: left;
        color: inherit;
        text-align: left;
        padding-top: 0;
    }
    #carus-link-schoenste-lieder {
        display: none;
    }
    .carus-buy img {
         width: 70px;
         margin-left: 10px;
     }
}
/*feather icons*/
.has-feather-icon {
    display: flex;
    align-items: center;
}

.has-feather-icon i {
    margin-right: 15px; /* Optional: Add some space between the icon and the text */
    margin-left: 15px; /* Optional: Add some space between the icon and the text */
}
.feather {
    width: 20px;
    height: 20px;
    stroke: currentColor;
    stroke-width: 2;
    stroke-linecap: round;
    stroke-linejoin: round;
    fill: none;
}

/*Programmvorschläge*/
.was-pre {
    font-family: mr-eaves-sans, sans-serif;
    font-size: 1rem;
    height: 600px;
    overflow: hidden;
    transition: height 0.3s ease;
    /*display: inline-block;*/
}
.programmvorschlaege {
    display: flex;
}
.vorschlag {
    width: 50%;
    padding: 1em;
    position: relative;
}
.vorschlag div.was-pre {
}
.show-more {
    cursor: pointer;
    display: inline-block;
}