/* Shared internal-page banner composition from the Figma desktop boards.
 * 62px title + 24px gap + 24px subtitle, centred in the banner.
 */
/* Homepage: both phrases belong to the same Forum heading, without a subtitle gap. */
body.home #pxl-page .rama-hero-master-title .heading-title {
    font-family:Forum,serif !important;
    font-size:56px !important;
    font-weight:400 !important;
    font-style:normal;
    line-height:62px !important;
    letter-spacing:.03em !important;
    text-transform:uppercase !important;
    text-align:center;
    color:#fff !important;
    margin:0 !important;
}
body.home #pxl-page .rama-hero-master-title .rama-hero-line { margin:0; padding:0; }
@media(max-width:1199px) {
    body.home #pxl-page .rama-hero-master-title .rama-hero-line { white-space:normal; }
}
@media(max-width:767px) {
    body.home #pxl-page .rama-hero-master-title .heading-title {
        font-size:32px !important;
        line-height:35px !important;
    }
}

body[class] #pxl-page .rama-banner > .elementor-container > .elementor-column > .elementor-widget-wrap {
    display:flex;
    flex-direction:column;
    flex-wrap:nowrap;
    justify-content:center;
    align-items:center;
    gap:24px;
    height:100%;
    box-sizing:border-box;
    padding:0 !important;
}
body[class] #pxl-page .rama-banner :is(.rama-banner-title,.rama-banner-subtitle) {
    width:100%;
    margin:0 !important;
    padding:0 24px !important;
    transform:none !important;
}
body[class] #pxl-page .rama-banner :is(.rama-banner-title,.rama-banner-subtitle) > .elementor-widget-container {
    margin:0 !important;
    padding:0 !important;
}
body[class] #pxl-page .rama-banner .rama-banner-title .heading-title {
    font-family:Forum,serif !important;
    font-size:56px !important;
    font-weight:400 !important;
    font-style:normal;
    line-height:62px !important;
    letter-spacing:.03em !important;
    text-transform:uppercase !important;
    text-align:center;
    color:#fff !important;
    width:fit-content;
    max-width:100%;
    margin:0 auto !important;
}
body[class] #pxl-page .rama-banner .rama-banner-subtitle { display:block !important; }
body[class] #pxl-page .rama-banner .rama-banner-subtitle .pxl-text-editor {
    font-family:Inter,sans-serif !important;
    font-size:18px !important;
    font-weight:400 !important;
    font-style:normal;
    line-height:24px !important;
    letter-spacing:.05em !important;
    text-transform:none !important;
    text-align:center;
    color:#fff !important;
    width:fit-content;
    max-width:100%;
    margin:0 auto !important;
}
body[class] #pxl-page .rama-banner .rama-banner-subtitle.rama-banner-subtitle-empty { display:none !important; }
body[class] #pxl-page .rama-banner > .elementor-container > .elementor-column > .elementor-widget-wrap:has(> .rama-banner-subtitle-empty) {
    padding-bottom:48px !important;
}
@media(max-width:767px) {
    body[class] #pxl-page .rama-banner .rama-banner-title { padding:0 16px !important; }
    body[class] #pxl-page .rama-banner .rama-banner-title .heading-title {
        font-size:40px !important;
        line-height:44px !important;
    }
}
@media(max-width:359px) {
    html[lang^=de] body[class] #pxl-page .rama-banner .rama-banner-title .heading-title {
        font-size:32px !important;
        line-height:36px !important;
        overflow-wrap:normal;
        hyphens:none;
    }
}