@import url('https://fonts.googleapis.com/css2?family=Fira+Sans:ital,wght@0,100;0,200;0,300;0,400;0,500;0,600;0,700;0,800;0,900;1,100;1,200;1,300;1,400;1,500;1,600;1,700;1,800;1,900&display=swap');


.tinymcewysiwyg strong {
    font-family: "Fira Sans",sans-serif;
    font-weight: 400;
    font-size: 1.5rem;
    line-height: 125%;
    margin-bottom: 18px;
    display: block
}

.contact p {
    margin-bottom: 18px
}

.navLang li {
    border-bottom: 1px solid transparent!important
}

.navLang li.selected,.navLang li:hover {
    border-bottom: 1px solid #1b24a5!important
}

@media (min-width: 744px) {
    .navMain .level1 {
        display:flex;
        align-items: center
    }
}

.accordionTitle {
    align-items: center
}

.accordionTitle a {
    display: grid;
    grid-template-columns: 39px auto
}

.accordionTitle a img {
    margin: 0
}

.longtextcontent p {
    margin-bottom: 16px
}

.datenschutz h2,.datenschutz h3,.datenschutz h4 {
    text-transform: uppercase;
    line-height: 125%;
    font-size: 12px!important;
    font-family: "Fira Sans",sans-serif;
    margin-bottom: 0;
    margin-top: 14px;
    font-weight: 400
}

.navSelectArtistLink {
    width: auto!important;
    flex-basis: 16.66667%;
    margin-right: 0!important;
    overflow: hidden
}

.avatar {
    vertical-align: middle;
    width: 100;
    border-radius: 50%;
}

.artistGallery {
    display: grid;
    width: 100%;
    gap: 20px;
    grid-template-columns: 1fr 1fr;
    margin-bottom: 20px
}

@media (min-width: 640px) {
    .artistGallery {
        grid-template-columns:1fr 1fr 1fr 1fr;
        padding-left: 20px
    }
}

.artistGallery .artistGalleryHidden,.artistGallery .artistGalleryHiddenSwitch {
    grid-template-columns: 1fr 1fr;
    grid-column: 1/span 2
}

@media (min-width: 640px) {
    .artistGallery .artistGalleryHidden,.artistGallery .artistGalleryHiddenSwitch {
        margin-left:0;
        grid-column: 1/span 4;
        grid-template-columns: 1fr 1fr 1fr 1fr
    }
}

.artistGalleryHidden {
    display: grid;
    gap: 20px;
    width: 100%;
    grid-template-columns: 1fr 1fr
}

@media (min-width: 640px) {
    .artistGalleryHidden {
        margin-left:0;
        grid-template-columns: 1fr 1fr 1fr 1fr
    }
}

.artistGallery .artistThumbnail {
    float: none;
    margin: 0;
    width: auto
}

.artistGallery .artistThumbnail img {
    height: calc(50vw - 30px)
}

@media (min-width: 640px) {
    .artistGallery .artistThumbnail img {
        width:140px;
        height: 140px;
        -o-object-fit: cover;
        object-fit: cover
    }
}

.artistGalleryHidden .artistThumbnail img {
    height: calc(50vw - 30px);
    -o-object-fit: cover;
    object-fit: cover
}

@media (min-width: 640px) {
    .artistGalleryHidden .artistThumbnail img {
        width:140px;
        height: 140px;
        -o-object-fit: cover;
        object-fit: cover
    }
}

@media (min-width: 980px) {
    .artistItem .wrapper {
        display:grid;
        grid-template-columns: 300px 1fr
    }
}

.artistDetails {
    float: none;
    width: auto
}

.navSelectArtistNew {
    display: grid;
    grid-template-columns: 1fr 1fr 1fr;
    gap: 0 40px
}

@media (min-width: 768px) {
    .navSelectArtistNew {
        grid-template-columns:1fr 1fr 1fr 1fr 1fr 1fr;
        gap: 0 20px
    }
}

.navSelectArtistNew .navSelectArtistImageContainer {
    background-size: cover;
    border-radius: 50%;
    overflow: hidden
}

.navSelectArtistNew .navSelectArtistImageContainer img {
    opacity: 0
}

.instafeed {
    display: grid;
    width: 100%;
    gap: 20px;
    grid-template-columns: 1fr 1fr
}

.instafeed img {
    max-width: 100%;
    width: 100%;
    -o-object-fit: cover;
    object-fit: cover;
    aspect-ratio: 1/1;
    height: calc(50vw - 30px)
}

@media (min-width: 960px) {
    .instafeed {
        grid-template-columns:220px 220px 220px 220px
    }

    .instafeed img {
        height: 220px
    }
}

.slideshowContainer {
    margin-top: 0
}

.newsitem {
    gap: 10px
}

@media (min-width: 768px) {
    .newsitem {
        display:grid;
        grid-template-columns: 440px 1fr
    }
}

.newsitem img {
    max-width: 100%;
    margin-bottom: 20px
}

.newsitem p {
    margin-bottom: 14px;
    word-break: break-word
}

.impressum h3 {
    font-size: .75rem;
    line-height: 125%;
    font-weight: 400;
    font-family: "Fira Sans",sans-serif;
    margin-top: 14px;
    margin-bottom: 0
}

.merch {
    display: grid;
    grid-template-columns: 1fr 1fr;
    gap: 40px
}

@media (min-width: 768px) {
    .merch {
        grid-template-columns:1fr 1fr 1fr
    }
}

.merch img {
    max-width: 100%;
    -o-object-fit: cover;
    object-fit: cover;
    width: 100%;
    max-height: 400px;
    aspect-ratio: 1/1
}

.merch-info {
    display: flex;
    justify-content: space-between
}