[lang="de-DE"] .banner-bottom-content {
    max-height: 294px;
    overflow-y: auto;
    max-width: 530px;
    padding-right: 0;
}
[lang="de-DE"] .banner-bottom-image h1,
[lang="de-DE"] .banner-bottom-image p { 
    max-width: 580px;
    font-size: 22px;
    line-height: 32px;
    margin-bottom: 8px;
}

/* ============= max-width:1200px ==========*/
@media only screen and (max-width: 1200px) { 
    [lang="de-DE"] .banner-bottom-image h1,
    [lang="de-DE"] .banner-bottom-image p {
        font-size: 16px;
        line-height: 24px;
        max-width: 100%;
    }
    [lang="de-DE"] .banner-bottom-content {
        max-height: 188px;
        max-width: 100%;
    }
}
/* ============= max-width:767px ==========*/
@media only screen and (max-width: 767px) { 
    [lang="de-DE"] .page-template-club-listing .site-content, 
    [lang="de-DE"] .page-template-events .site-content, 
    [lang="de-DE"] .page-template-things-to-do .site-content, 
    [lang="de-DE"] .single-court .site-content {
        margin-top: 110px;
    }
    [lang="de-DE"] .banner-bottom-content {
      padding-right: 8px;
      max-height: 100%;
    }
}
/* ============= max-width:575px ==========*/
@media only screen and (max-width: 575px) {  
    [lang="de-DE"] .banner-bottom-image {
        padding: 12px;
    }
    [lang="de-DE"] .banner-btn-wrapper .header-city {
        padding: 9px 10px;
    }
    [lang="de-DE"] .banner-btn-wrapper {
        gap: 8px;
    }
    [lang="de-DE"] .solid-btn, 
    [lang="de-DE"] .border-btn, 
    [lang="de-DE"] .white-border-btn {
        font-size: 14px;
        line-height: 22px;
        padding: 9px 12px;
    }
}