.elementor-kit-6{--e-global-color-primary:#1F2428;--e-global-color-secondary:#2A2F34;--e-global-color-text:#E6E6E6;--e-global-color-accent:#6FA8DC;--e-global-typography-primary-font-family:"Playfair Display";--e-global-typography-primary-font-weight:600;--e-global-typography-primary-line-height:1.2lh;--e-global-typography-secondary-font-family:"Montserrat";--e-global-typography-secondary-font-weight:500;--e-global-typography-secondary-line-height:1.2lh;--e-global-typography-text-font-family:"Source Sans Pro";--e-global-typography-text-font-size:18px;--e-global-typography-text-font-weight:400;--e-global-typography-text-line-height:1.6lh;--e-global-typography-accent-font-family:"Roboto Mono";--e-global-typography-accent-font-weight:500;font-size:18px;line-height:1.6lh;}.elementor-kit-6 e-page-transition{background-color:#FFBC7D;}.elementor-kit-6 a{font-size:18px;line-height:1.8lh;}.elementor-kit-6 h1{font-size:42px;line-height:1.2lh;}.elementor-kit-6 h2{font-size:30px;line-height:1.2lh;}.elementor-kit-6 h3{font-size:22px;line-height:1.2lh;}.elementor-section.elementor-section-boxed > .elementor-container{max-width:1280px;}.e-con{--container-max-width:1280px;}.elementor-widget:not(:last-child){--kit-widget-spacing:0px;}.elementor-element{--widgets-spacing:0px 0px;--widgets-spacing-row:0px;--widgets-spacing-column:0px;}{}h1.entry-title{display:var(--page-title-display);}.site-header .site-branding{flex-direction:column;align-items:stretch;}.site-header{padding-inline-end:0px;padding-inline-start:0px;}.site-footer .site-branding{flex-direction:column;align-items:stretch;}@media(max-width:1024px){.elementor-section.elementor-section-boxed > .elementor-container{max-width:1024px;}.e-con{--container-max-width:1024px;}}@media(max-width:767px){.elementor-section.elementor-section-boxed > .elementor-container{max-width:767px;}.e-con{--container-max-width:767px;}}/* Start custom CSS *//*
 * NewsHeute24.de – Sticky Sidebar Fix
 * =====================================
 * Paste this CSS into:
 *   WordPress Admin → Elementor → Custom CSS
 *   OR
 *   Appearance → Customize → Additional CSS
 *
 * This makes the right sidebar on single post pages stick to the top
 * while scrolling, but STOP before it overlaps the footer.
 *
 * HOW IT WORKS:
 * The outer two-column row (.article-row) must be a flex container
 * with align-items: flex-start. The sidebar gets position:sticky + top offset.
 * Because the sidebar is only as tall as its content (align-self: flex-start),
 * it naturally stops when the article column ends — before the footer.
 */

/* ── The outer row that holds article + sidebar ── */
.elementor-element .sidebar-sticky {
    position: sticky !important;
    top: 96px !important;
    align-self: flex-start !important;
    /* Remove any Elementor-injected height stretching */
    height: auto !important;
    max-height: none !important;
    overflow: visible !important;
}

/* ── Ensure the parent flex row does NOT stretch children ── */
.elementor-element .sidebar-sticky {
    /* Overrides Elementor's default align-items: stretch on the parent */
    flex-shrink: 0;
}

/*
 * IMPORTANT: Also disable Elementor's own sticky JS for this element,
 * because it conflicts with CSS sticky when both are active.
 * The CSS sticky above is sufficient and more reliable.
 *
 * To disable Elementor sticky in the editor:
 *   Click the sidebar container → Advanced tab → Motion Effects
 *   → Set "Sticky" to "None"
 * Then the CSS below takes full control.
 *//* End custom CSS */