/* Shared mobile overrides for all pages */

:root {
  --figma-mobile-bg: #eaeaea;
  --figma-accent: #f28e00;
  --figma-divider: #aeaeae;
}

@media (max-width: 991.98px) {
  .header__top-bar {
    display: none !important;
  }

  .tgmenu__wrap {
    padding-top: 10px;
    padding-bottom: 10px;
  }
}

@media (max-width: 991.98px) {
  body {
    background: var(--figma-mobile-bg);
    overflow-x: hidden;
  }

  main {
    max-width: 402px;
    margin: 0 auto;
    background: var(--figma-mobile-bg);
  }

  .container,
  .custom-container {
    max-width: 402px;
    padding-left: 30px !important;
    padding-right: 30px !important;
  }

  .scroll__top,
  #usercentrics-button,
  .usercentrics-button,
  #uc-privacy-chip,
  .privacy-chip-wrapper,
  .switcher__tab,
  .header__top-right .switch-mode,
  .header__top-right .theme-switch,
  .header__top-right .toggle-switch {
    display: none !important;
  }

  /* Header */
  header {
    position: sticky;
    top: 0;
    z-index: 1200;
    background: var(--figma-mobile-bg);
  }

  .header__top {
    display: block !important;
    background: var(--figma-mobile-bg);
    border-bottom: 1px solid #c9c9c9;
    padding-top: 0 !important;
    padding-bottom: 0 !important;
  }

  .header__top .container {
    padding-left: 30px !important;
    padding-right: 30px !important;
  }

  .header__top .row {
    min-height: 52px;
    align-items: center !important;
  }

  .header__top .social-links,
  .header__top-right,
  .header__top-search,
  .header__top-menu,
  .header__top-bar-right,
  #header-fixed-height {
    display: none !important;
  }

  .header__top .header__top-logo {
    display: block !important;
    text-align: left !important;
    transform: none;
  }

  .header__top .header__top-logo img {
    max-width: 230px !important;
    height: auto !important;
    display: block;
    margin: 0;
  }

  #sticky-header {
    display: block !important;
    position: relative;
    z-index: 1001;
    background: transparent;
  }

  #sticky-header .container {
    padding-left: 30px !important;
    padding-right: 30px !important;
  }

  
  .header__top .container {
    transform: translateX(5px);
  }

  .header__top .header__top-logo img {
    transform: translateY(5px);
  }

  #sticky-header .container {
    transform: none !important;
  }

  #sticky-header .tgmenu__wrap {
    border: 0 !important;
    background: transparent;
    margin: 0 auto;
    padding: 0 !important;
    height: 0;
    min-height: 0;
    position: relative;
  }

  #sticky-header .tgmenu__nav,
  #sticky-header .tgmenu__action,
  #sticky-header .tgmenu__navbar-wrap {
    display: none !important;
  }

  #sticky-header .mobile-nav-toggler {
    display: flex !important;
    align-items: center;
    position: absolute;
    right: 20px;
    top: -55px;
    font-size: 28px;
    line-height: 1;
    color: var(--figma-accent);
    margin: 0;
    padding: 0;
    height: 52px;
    z-index: 2005;
    pointer-events: auto !important;
  }

  /* Hide header hamburger while mobile menu drawer is open */
  .mobile-menu-visible #sticky-header .mobile-nav-toggler,
  .mobile-menu-visible .tg-header__area .mobile-nav-toggler {
    opacity: 0 !important;
    visibility: hidden !important;
    pointer-events: none !important;
  }

  .slider__area.fix {
    margin-top: 0 !important;
    padding-top: 16px;
    background: var(--figma-mobile-bg);
  }

  .slider__area .row {
    margin-left: 0;
    margin-right: 0;
  }

  .slider__area .row > [class*="col-"] {
    padding-left: 0;
    padding-right: 0;
    flex: 0 0 100%;
    max-width: 100%;
  }

  /* Sections, cards, text/meta */
  .section__title-wrap {
    margin: 0 auto 14px !important;
    border-bottom: 1px solid var(--figma-divider);
    padding-bottom: 0;
    min-height: 43px;
    display: flex;
    align-items: center;
  }

  .section__title-wrap .row > .col-sm-6:nth-child(2) {
    display: none;
  }

  .section__main-title {
    font-size: 16px;
    line-height: 23px;
    font-weight: 800;
    margin-bottom: 0;
    text-transform: uppercase;
  }

  /* Remove decorative moving gray lines / wave ornaments globally on mobile */
  .section__title-wrap,
  .section__title,
  .section__sub-title,
  .section__main-title,
  .title {
    background-image: none !important;
    animation: none !important;
  }

  .section__title-wrap::before,
  .section__title-wrap::after,
  .section__title::before,
  .section__title::after,
  .section__sub-title::before,
  .section__sub-title::after,
  .section__main-title::before,
  .section__main-title::after,
  .title::before,
  .title::after {
    content: none !important;
    display: none !important;
    background: none !important;
    animation: none !important;
  }

  /* Extra hard kill for theme decorative lines/waves */
  .section__title-wrap [class*="shape"],
  .section__title-wrap [class*="line"],
  .section__title-wrap [class*="decor"],
  .section-title-shape,
  .section-title-line,
  .title-shape,
  .title-line,
  .title-decor {
    display: none !important;
    opacity: 0 !important;
    visibility: hidden !important;
    width: 0 !important;
    height: 0 !important;
    margin: 0 !important;
    padding: 0 !important;
  }

  /* Keep names/titles in one line on mobile */
  .section__sub-title,
  .section__main-title,
  .tgbanner__post .title,
  .trending__post .title,
  .stories-post__item .title,
  .side-post .title,
  .tgbanner__post .title a,
  .trending__post .title a,
  .stories-post__item .title a,
  .side-post .title a,
  .featured__content .title,
  .featured__content .title a,
  .tgbanner__content-meta li,
  .tgbanner__content-meta li a {
    white-space: nowrap !important;
    overflow: hidden !important;
    text-overflow: ellipsis !important;
    display: block !important;
  }

  .section__hover-line,
  .stories-post-area,
  .tgbanner__area,
  .newsletter-style-two {
    padding-top: 20px !important;
    padding-bottom: 18px !important;
  }

  .articl__post-item,
  .side-post,
  .trending__post,
  .stories-post__item,
  .tgbanner__post,
  .featured__post,
  .video__post-item.side-post {
    width: 100% !important;
    max-width: 343px !important;
    margin: 0 auto 14px !important;
    background: transparent;
    border: 0;
    box-shadow: none;
    min-height: 0 !important;
    height: auto !important;
    display: block !important;
    float: none !important;
  }

  .articl__post-item img,
  .side-post img,
  .trending__post img,
  .stories-post__item img,
  .featured__thumb img,
  .video__post-thumb img,
  .tgbanner__thumb img,
  .tgbanner__post img {
    width: 100% !important;
    height: auto !important;
    object-fit: cover !important;
    object-position: top center !important;
    display: block !important;
    margin-left: auto !important;
    margin-right: auto !important;
  }

  .trending__post-thumb,
  .stories-post__thumb,
  .featured__thumb,
  .video__post-thumb,
  .tgbanner__thumb,
  .blog-details-thumb,
  .advertisement__image,
  figure,
  .wp-block-image {
    text-align: center !important;
  }

  .trending__post-thumb > a,
  .stories-post__thumb > a,
  .featured__thumb > a,
  .video__post-thumb > a,
  .tgbanner__thumb > a,
  figure > a {
    display: block !important;
    width: 100% !important;
    margin-left: auto !important;
    margin-right: auto !important;
  }

  .tgbanner__grid,
  .tgbanner__side-post {
    display: block !important;
  }

  .tgbanner__area .tgbanner__thumb,
  .tgbanner__thumb,
  .trending__post-thumb,
  .stories-post__thumb,
  .featured__thumb,
  .video__post-thumb {
    width: 100% !important;
    max-width: 343px !important;
    margin-left: auto !important;
    margin-right: auto !important;
    min-height: 0 !important;
    height: auto !important;
    margin-bottom: 6px !important;
  }

  .tgbanner__post.small-post .tgbanner__content,
  .trending__post-content,
  .stories-post__content,
  .video__post-content,
  .featured__content,
  .tgbanner__content {
    width: 100%;
    margin-top: 0 !important;
    padding: 0 !important;
    min-height: 0 !important;
    overflow: visible !important;
    clear: both !important;
  }

  .featured__thumb {
    margin-bottom: 10px !important;
    margin-right: 0 !important;
  }

  .video__post-item.side-post {
    padding-bottom: 16px !important;
  }

  /* Many templates use inline flex rows; force stack on mobile inside content sections */
  .section__hover-line [style*="display:flex"],
  .stories-post-area [style*="display:flex"],
  .tgbanner__area [style*="display:flex"],
  .featured-post-area [style*="display:flex"],
  .video-post-area [style*="display:flex"],
  .popular__post-area [style*="display:flex"] {
    display: flex !important;
    flex-direction: column !important;
    align-items: center !important;
    justify-content: flex-start !important;
    gap: 10px !important;
  }

  .section__hover-line [style*="display:flex"] > *,
  .stories-post-area [style*="display:flex"] > *,
  .tgbanner__area [style*="display:flex"] > *,
  .featured-post-area [style*="display:flex"] > *,
  .video-post-area [style*="display:flex"] > *,
  .popular__post-area [style*="display:flex"] > * {
    width: 100% !important;
    max-width: 343px !important;
    margin-left: auto !important;
    margin-right: auto !important;
  }

  /* Bootstrap row/col-auto grids (e.g. de/magazin/magazin-ausgaben.php) */
  .stories-post-area .row.gx-3.gy-4,
  .stories-post-area .row.gx-3.gy-4.align-items-start {
    justify-content: center !important;
  }

  .stories-post-area .row.gx-3.gy-4 > .col-auto,
  .stories-post-area .row.gx-3.gy-4.align-items-start > .col-auto {
    flex: 0 0 100% !important;
    max-width: 343px !important;
    margin-left: auto !important;
    margin-right: auto !important;
    text-align: center !important;
  }

  .stories-post-area .row.gx-3.gy-4 > .col-auto img,
  .stories-post-area .row.gx-3.gy-4.align-items-start > .col-auto img {
    display: block !important;
    width: 100% !important;
    max-width: 343px !important;
    height: auto !important;
    margin-left: auto !important;
    margin-right: auto !important;
  }

  .tgbanner__content-meta {
    margin: 2px 0 4px !important;
  }

  .tgbanner__content-meta li .by,
  .tgbanner__content-meta li:not(.category),
  .tgbanner__content-meta li:not(.category) a {
    color: #1f1f1f !important;
    opacity: 1 !important;
    visibility: visible !important;
  }

  .tgbanner__content-meta li::after {
    background: #d7d7d7 !important;
    opacity: 1 !important;
  }

  .tgbanner__post .title,
  .trending__post .title,
  .stories-post__item .title,
  .side-post .title,
  .tgbanner__post .title a,
  .trending__post .title a,
  .stories-post__item .title a,
  .side-post .title a {
    color: #000 !important;
    opacity: 1 !important;
    visibility: visible !important;
    display: block !important;
    overflow: hidden !important;
    white-space: nowrap !important;
    text-overflow: ellipsis !important;
    margin: 0 !important;
  }

  .tgbanner__content p,
  .trending__post-content p,
  .stories-post__content p,
  .video__post-content p,
  .post__excerpt,
  .post-excerpt,
  .entry-excerpt {
    display: block !important;
    opacity: 1 !important;
    visibility: visible !important;
    max-height: none !important;
    color: #222 !important;
  }

  .lexikon-inline-links {
    display: flex !important;
    flex-wrap: nowrap !important;
    align-items: baseline;
    gap: 8px;
    white-space: nowrap !important;
    line-height: 1.15;
  }

  .lexikon-inline-links a {
    display: inline !important;
    margin: 0 !important;
    padding: 0 !important;
    white-space: nowrap !important;
  }

  /* Footer */
  .footer-area.blue-bg {
    margin: 8px 0 0 !important;
    background: #1f3568 !important;
    border-radius: 0 !important;
  }

  .footer-area .footer__top-wrap,
  .footer-area .footer__logo {
    display: none !important;
    padding: 0 !important;
  }

  .footer-area .container {
    max-width: 402px !important;
    padding-left: 30px !important;
    padding-right: 30px !important;
  }

  .footer-area .footer__logo-wrap {
    padding: 35px 0 !important;
    min-height: 0;
    border-top: 0 !important;
    border-bottom: 0 !important;
    display: flex;
    align-items: center;
    justify-content: center;
  }

  .footer-area .footer__logo-wrap .row {
    margin: 0 !important;
    display: flex !important;
    align-items: center !important;
    justify-content: center !important;
    width: 100%;
  }

  .footer-area .footer__logo-wrap [class*="col-"] {
    width: 100% !important;
    max-width: 100% !important;
    padding-left: 0 !important;
    padding-right: 0 !important;
  }

  .footer-area .copyright__menu {
    width: 100%;
    display: flex;
    align-items: center;
    justify-content: center;
  }

  .footer-area .copyright__menu ul {
    display: grid !important;
    grid-template-columns: repeat(4, minmax(0, 1fr));
    align-items: center !important;
    justify-items: center !important;
    gap: 0 !important;
    margin: 0 !important;
    padding: 0 !important;
    width: 100%;
  }

  .footer-area .copyright__menu ul li {
    margin: 0 !important;
    width: 100%;
    text-align: center;
  }

  .footer-area .copyright__menu ul li a {
    font-size: 14px !important;
    font-weight: 800 !important;
    letter-spacing: 0;
    color: #ffffff !important;
    white-space: nowrap;
    display: inline-flex;
    width: 100%;
    line-height: 1;
    justify-content: center;
    align-items: center;
    min-height: 20px;
    text-align: center;
    transform: translateY(-12px);
  }

  .footer-area .footer__copyright {
    display: none !important;
    padding: 0 !important;
  }

  /* Audio overview pages: keep covers centered with consistent width */
  .stories-post-area .row > [class*="col-"].text-center > a > img.img-fluid {
    display: block !important;
    width: 100% !important;
    max-width: 343px !important;
    height: auto !important;
    margin-left: auto !important;
    margin-right: auto !important;
  }

  /* Webinar-TV custom grid (de/mitgliederbereich/webinar-tv*.php) */
  #video-container.grid-view,
  .grid-view {
    grid-template-columns: 1fr !important;
    gap: 12px !important;
    justify-content: center !important;
  }

  .top-controls {
    flex-wrap: wrap !important;
    gap: 10px !important;
  }

  .video-count-container {
    width: 100% !important;
  }

  body.webinar-tv-page .video-count-container {
    display: flex !important;
    align-items: center !important;
    gap: 10px !important;
  }

  body.webinar-tv-page .video-count-container .video-count {
    display: none !important;
  }

  .video-card,
  .grid-view .video-card {
    width: 100% !important;
    max-width: 343px !important;
    height: auto !important;
    max-height: none !important;
    margin: 0 auto 12px !important;
    overflow: hidden !important;
  }

  .grid-view .trending__post-thumb {
    height: auto !important;
    min-height: 0 !important;
  }

  .grid-view .trending__post-thumb img {
    width: 100% !important;
    height: auto !important;
    object-fit: cover !important;
  }

  .grid-view .trending__post-content {
    height: auto !important;
    min-height: 0 !important;
    margin-top: 0 !important;
    padding: 8px 10px 12px !important;
    text-align: left !important;
  }

  .grid-view .trending__post-content .title,
  .grid-view .trending__post-content .title a {
    font-size: 16px !important;
    line-height: 1.25 !important;
    white-space: nowrap !important;
    overflow: hidden !important;
    text-overflow: ellipsis !important;
    display: block !important;
  }

  /* Club overview pages: allow wrapped titles and block flow */
  body.club-overview-page .section__title-wrap {
    display: block !important;
    min-height: 0 !important;
    margin-bottom: 24px !important;
  }

  body.club-overview-page .section__title-wrap > .row {
    margin-bottom: 12px !important;
  }

  body.club-overview-page .section__sub-title,
  body.club-overview-page .section__main-title {
    white-space: normal !important;
    overflow: visible !important;
    text-overflow: clip !important;
  }

  /* club-uebersicht mobile: center all heading blocks */
  body.club-overview-page .section__title,
  body.club-overview-page .section__title-wrap .section__title,
  body.club-overview-page .section__title-wrap .section__sub-title,
  body.club-overview-page .section__title-wrap .section__main-title,
  body.club-overview-page .stories-post-area.section__hover-line > .container > h3.section__main-title,
  body.club-overview-page .stories-post-area.section__hover-line > .container > .section__title .section__main-title,
  body.club-overview-page .stories-post-area.section__hover-line > .container > .section__title-wrap .section__sub-title,
  body.club-overview-page .stories-post-area.section__hover-line > .container > .section__title-wrap .section__main-title {
    display: block !important;
    width: 100% !important;
    text-align: center !important;
  }

  body.club-overview-page .trending__post-content {
    text-align: left !important;
  }

  body.club-overview-page [style*="max-width:none"] {
    max-width: 100% !important;
  }

  /* Mitgliederbereich overview mobile layout */
  body.mitgliederbereich-page .stories-post-area {
    padding-top: 18px !important;
  }

  body.mitgliederbereich-page .section__title-wrap {
    margin-bottom: 12px !important;
  }

  body.mitgliederbereich-page .stories-post-area .row > [class*="col-"] {
    flex: 0 0 100% !important;
    max-width: 343px !important;
    margin-left: auto !important;
    margin-right: auto !important;
  }

  /* Keep first header block (Uebersicht / Mitglieder-Bereich) untouched,
     center all following heading blocks */
  body.mitgliederbereich-page .stories-post-area .section__title-wrap:not(:first-of-type) .section__title,
  body.mitgliederbereich-page .stories-post-area .section__title-wrap:not(:first-of-type) .section__sub-title,
  body.mitgliederbereich-page .stories-post-area .section__title-wrap:not(:first-of-type) .section__main-title,
  body.mitgliederbereich-page .stories-post-area > .container > .section__title:not(:first-of-type),
  body.mitgliederbereich-page .stories-post-area > .container > .section__title:not(:first-of-type) .section__sub-title,
  body.mitgliederbereich-page .stories-post-area > .container > .section__title:not(:first-of-type) .section__main-title {
    text-align: center !important;
  }

  body.mitgliederbereich-page .stories-small-post__item,
  body.mitgliederbereich-page .trending__post.stories-small-post__item {
    width: 100% !important;
    max-width: 343px !important;
    margin: 0 auto 14px !important;
    background: transparent !important;
    box-shadow: none !important;
  }

  body.mitgliederbereich-page .trending__post-thumb {
    width: 100% !important;
    max-width: 343px !important;
    margin: 0 auto 8px !important;
  }

  body.mitgliederbereich-page .trending__post-thumb img {
    display: block !important;
    width: 100% !important;
    max-width: 343px !important;
    height: auto !important;
    margin-left: auto !important;
    margin-right: auto !important;
  }

  body.mitgliederbereich-page .trending__post-content {
    padding: 0 !important;
    text-align: center !important;
  }

  body.mitgliederbereich-page .trending__post-content .title,
  body.mitgliederbereich-page .trending__post-content .title a {
    display: block !important;
    color: #f28e00 !important;
    font-size: 16px !important;
    line-height: 1.2 !important;
    font-weight: 800 !important;
    white-space: normal !important;
    overflow: visible !important;
    text-overflow: clip !important;
    margin: 0 !important;
  }

  /* Disable ellipsis on this page: wrap long headings/text normally */
  body.mitgliederbereich-page .title,
  body.mitgliederbereich-page .title a,
  body.mitgliederbereich-page .section__main-title,
  body.mitgliederbereich-page .section__sub-title,
  body.mitgliederbereich-page .tgbanner__content-meta li,
  body.mitgliederbereich-page .tgbanner__content-meta li a {
    white-space: normal !important;
    overflow: visible !important;
    text-overflow: clip !important;
  }

  body.mitgliederbereich-page .addWish {
    display: none !important;
  }

  /* Article detail pages: one-line meta row + less top gap below header */
  .blog-details-area,
  .blog-details-area.pt-80 {
    padding-top: 16px !important;
  }

  .blog-details-wrap .tgbanner__content-meta.list-wrap {
    display: flex !important;
    flex-wrap: wrap !important;
    align-items: center !important;
    gap: 8px !important;
    white-space: normal !important;
    overflow: visible !important;
    margin-bottom: 10px !important;
  }

  .blog-details-wrap .tgbanner__content-meta.list-wrap li,
  .blog-details-wrap .tgbanner__content-meta.list-wrap li a {
    display: inline-flex !important;
    width: auto !important;
    max-width: none !important;
    white-space: normal !important;
    overflow: visible !important;
    text-overflow: clip !important;
  }

  /* Hard override for Safari/mobile: wrap blog-details meta without truncation */
  .blog-details-wrap .tgbanner__content-meta.list-wrap {
    display: flex !important;
    flex-wrap: wrap !important;
    white-space: normal !important;
    overflow: visible !important;
  }

  .blog-details-wrap .tgbanner__content-meta.list-wrap li,
  .blog-details-wrap .tgbanner__content-meta.list-wrap li a,
  .blog-details-wrap .tgbanner__content-meta.list-wrap li .by {
    display: inline-flex !important;
    width: auto !important;
    max-width: none !important;
    white-space: normal !important;
    overflow: visible !important;
    text-overflow: clip !important;
  }

  /* Webinar-TV detail pages (de/mitgliederbereich/webinar-tv/*): match mobile reference */
  .blog-details-wrap:has(.tgbanner__content-meta a[href*="/de/mitgliederbereich/webinar-tv.php"]) .tgbanner__content-meta.list-wrap {
    display: flex !important;
    flex-wrap: wrap !important;
    align-items: center !important;
    gap: 8px !important;
    white-space: normal !important;
    overflow: visible !important;
    margin-bottom: 10px !important;
  }

  .blog-details-wrap:has(.tgbanner__content-meta a[href*="/de/mitgliederbereich/webinar-tv.php"]) .tgbanner__content-meta.list-wrap li,
  .blog-details-wrap:has(.tgbanner__content-meta a[href*="/de/mitgliederbereich/webinar-tv.php"]) .tgbanner__content-meta.list-wrap li a {
    display: inline-flex !important;
    white-space: normal !important;
    width: auto !important;
    max-width: none !important;
    overflow: visible !important;
    text-overflow: clip !important;
  }

  .blog-details-wrap:has(.tgbanner__content-meta a[href*="/de/mitgliederbereich/webinar-tv.php"]) > .title,
  .blog-details-wrap:has(.tgbanner__content-meta a[href*="/de/mitgliederbereich/webinar-tv.php"]) .blog-details-content > .title {
    text-align: center !important;
    font-size: 28px !important;
    line-height: 1.2 !important;
    margin: 0 0 14px !important;
    white-space: normal !important;
    letter-spacing: 0 !important;
  }

  .blog-details-wrap:has(.tgbanner__content-meta a[href*="/de/mitgliederbereich/webinar-tv.php"]) .blog-details-content {
    display: flex !important;
    flex-direction: column !important;
  }

  .blog-details-wrap:has(.tgbanner__content-meta a[href*="/de/mitgliederbereich/webinar-tv.php"]) .blog-details-content > .title {
    order: 1;
  }

  .blog-details-wrap:has(.tgbanner__content-meta a[href*="/de/mitgliederbereich/webinar-tv.php"]) .blog-details-content > div[style*="padding:56.25%"] {
    order: 2;
    margin: 0 0 14px !important;
  }

  .blog-details-wrap:has(.tgbanner__content-meta a[href*="/de/mitgliederbereich/webinar-tv.php"]) .blog-details-content > p {
    order: 3;
  }

  .blog-details-wrap:has(.tgbanner__content-meta a[href*="/de/mitgliederbereich/webinar-tv.php"]) .blog-details-thumb,
  .blog-details-wrap:has(.tgbanner__content-meta a[href*="/de/mitgliederbereich/webinar-tv.php"]) iframe,
  .blog-details-wrap:has(.tgbanner__content-meta a[href*="/de/mitgliederbereich/webinar-tv.php"]) .blog-details-content > img {
    width: 100% !important;
    max-width: 343px !important;
    margin-left: auto !important;
    margin-right: auto !important;
  }

  .blog-details-wrap:has(.tgbanner__content-meta a[href*="/de/mitgliederbereich/webinar-tv.php"]) .blog-details-content p {
    font-size: 15px !important;
    line-height: 1.45 !important;
    color: #2f2f2f !important;
    margin-bottom: 14px !important;
  }

  .blog-details-wrap:has(.tgbanner__content-meta a[href*="/de/mitgliederbereich/webinar-tv.php"]) .blog-details-bottom {
    border-top: 1px solid #c9c9c9 !important;
    border-bottom: 1px solid #c9c9c9 !important;
    margin-top: 16px !important;
    padding-top: 12px !important;
    padding-bottom: 12px !important;
    margin-bottom: 0 !important;
  }

  .blog-details-wrap:has(.tgbanner__content-meta a[href*="/de/mitgliederbereich/webinar-tv.php"]) .blog-details-tags ul {
    display: flex !important;
    flex-wrap: wrap !important;
    gap: 10px !important;
    justify-content: center !important;
    margin: 0 !important;
    padding: 0 !important;
  }

  .blog-details-wrap:has(.tgbanner__content-meta a[href*="/de/mitgliederbereich/webinar-tv.php"]) .blog-details-tags ul li a {
    background: #fff !important;
    color: #f28e00 !important;
    border: 1px solid #efefef !important;
    border-radius: 0 !important;
    font-size: 15px !important;
    line-height: 1 !important;
    font-weight: 800 !important;
    padding: 14px 20px !important;
    min-height: 48px !important;
    display: inline-flex !important;
    align-items: center !important;
    justify-content: center !important;
    text-transform: uppercase !important;
  }

  .blog-details-area:has(.blog-details-wrap .tgbanner__content-meta a[href*="/de/mitgliederbereich/webinar-tv.php"]) {
    padding-bottom: 24px !important;
  }

  /* de/mitgliederbereich/ein-neues-leben-mit-nlp.php */
  body.ein-neues-leben-page .stories-post-area {
    padding-top: 18px !important;
  }

  body.ein-neues-leben-page .section__title-wrap {
    margin-bottom: 14px !important;
  }

  body.ein-neues-leben-page .section__title .section__sub-title,
  body.ein-neues-leben-page .section__title .section__main-title {
    text-align: center !important;
    white-space: normal !important;
    overflow: visible !important;
    text-overflow: clip !important;
  }

  /* Intro block is inline-flex with 50/50 columns in HTML -> stack on mobile */
  body.ein-neues-leben-page .stories-post-area .container > div[style*="display: flex"] {
    display: flex !important;
    flex-direction: column !important;
    align-items: center !important;
    gap: 12px !important;
    margin-bottom: 20px !important;
  }

  body.ein-neues-leben-page .stories-post-area .container > div[style*="display: flex"] > div[style*="width: 50%"] {
    width: 100% !important;
    max-width: 343px !important;
    padding-right: 0 !important;
  }

  body.ein-neues-leben-page .stories-post-area .container > div[style*="display: flex"] img {
    width: 100% !important;
    max-width: 343px !important;
    height: auto !important;
    display: block !important;
    margin: 0 auto !important;
  }

  body.ein-neues-leben-page .stories-post-area .container > div[style*="display: flex"] h2 {
    font-size: 28px !important;
    line-height: 1.2 !important;
    margin-bottom: 12px !important;
    text-align: center !important;
  }

  body.ein-neues-leben-page .stories-post-area .container > div[style*="display: flex"] p {
    font-size: 16px !important;
    line-height: 1.45 !important;
    margin-bottom: 12px !important;
  }

  /* Keep intro order on mobile: title -> image -> text */
  body.ein-neues-leben-page .stories-post-area .container > div[style*="display: flex"] > div:first-child,
  body.ein-neues-leben-page .stories-post-area .container > div[style*="display:flex"] > div:first-child {
    display: contents !important;
  }

  body.ein-neues-leben-page .stories-post-area .container > div[style*="display: flex"] h2,
  body.ein-neues-leben-page .stories-post-area .container > div[style*="display:flex"] h2 {
    order: 1;
  }

  body.ein-neues-leben-page .stories-post-area .container > div[style*="display: flex"] > div:last-child,
  body.ein-neues-leben-page .stories-post-area .container > div[style*="display:flex"] > div:last-child {
    order: 2;
  }

  body.ein-neues-leben-page .stories-post-area .container > div[style*="display: flex"] p,
  body.ein-neues-leben-page .stories-post-area .container > div[style*="display:flex"] p {
    order: 3;
    width: 100%;
    max-width: 343px;
  }

  body.ein-neues-leben-page .stories-post-area .row.row-gutters-40 > [class*="col-"] {
    flex: 0 0 100% !important;
    max-width: 343px !important;
    margin-left: auto !important;
    margin-right: auto !important;
  }

  body.ein-neues-leben-page .trending__post.stories-small-post__item {
    width: 100% !important;
    max-width: 343px !important;
    margin: 0 auto 14px !important;
    background: transparent !important;
    box-shadow: none !important;
  }

  body.ein-neues-leben-page .trending__post-thumb {
    width: 100% !important;
    max-width: 343px !important;
    margin: 0 auto 8px !important;
    height: auto !important;
  }

  body.ein-neues-leben-page .trending__post-content {
    padding: 0 !important;
    text-align: left !important;
    height: auto !important;
    min-height: 0 !important;
    margin-top: 0 !important;
  }

  body.ein-neues-leben-page .trending__post-content .title,
  body.ein-neues-leben-page .trending__post-content .title a {
    font-size: 18px !important;
    line-height: 1.25 !important;
    white-space: normal !important;
    overflow: visible !important;
    text-overflow: clip !important;
    margin: 0 !important;
  }

  /* Same intro order/layout for coaching-kongress + acht-schluessel pages */
  body.coaching-kongress-page .stories-post-area,
  body.acht-schluessel-page .stories-post-area {
    padding-top: 18px !important;
  }

  body.coaching-kongress-page .stories-post-area .container > div[style*="display: flex"],
  body.coaching-kongress-page .stories-post-area .container > div[style*="display:flex"],
  body.acht-schluessel-page .stories-post-area .container > div[style*="display: flex"],
  body.acht-schluessel-page .stories-post-area .container > div[style*="display:flex"] {
    display: flex !important;
    flex-direction: column !important;
    align-items: center !important;
    gap: 12px !important;
    margin-bottom: 20px !important;
  }

  body.coaching-kongress-page .stories-post-area .container > div[style*="display: flex"] > div[style*="width: 50%"],
  body.coaching-kongress-page .stories-post-area .container > div[style*="display:flex"] > div[style*="width: 50%"],
  body.acht-schluessel-page .stories-post-area .container > div[style*="display: flex"] > div[style*="width: 50%"],
  body.acht-schluessel-page .stories-post-area .container > div[style*="display:flex"] > div[style*="width: 50%"] {
    width: 100% !important;
    max-width: 343px !important;
    padding-right: 0 !important;
  }

  body.coaching-kongress-page .stories-post-area .container > div[style*="display: flex"] > div:first-child,
  body.coaching-kongress-page .stories-post-area .container > div[style*="display:flex"] > div:first-child,
  body.acht-schluessel-page .stories-post-area .container > div[style*="display: flex"] > div:first-child,
  body.acht-schluessel-page .stories-post-area .container > div[style*="display:flex"] > div:first-child {
    display: contents !important;
  }

  body.coaching-kongress-page .stories-post-area .container > div[style*="display: flex"] h2,
  body.coaching-kongress-page .stories-post-area .container > div[style*="display:flex"] h2,
  body.acht-schluessel-page .stories-post-area .container > div[style*="display: flex"] h2,
  body.acht-schluessel-page .stories-post-area .container > div[style*="display:flex"] h2 {
    order: 1;
  }

  body.coaching-kongress-page .stories-post-area .container > div[style*="display: flex"] > div:last-child,
  body.coaching-kongress-page .stories-post-area .container > div[style*="display:flex"] > div:last-child,
  body.acht-schluessel-page .stories-post-area .container > div[style*="display: flex"] > div:last-child,
  body.acht-schluessel-page .stories-post-area .container > div[style*="display:flex"] > div:last-child {
    order: 2;
  }

  body.coaching-kongress-page .stories-post-area .container > div[style*="display: flex"] p,
  body.coaching-kongress-page .stories-post-area .container > div[style*="display:flex"] p,
  body.acht-schluessel-page .stories-post-area .container > div[style*="display: flex"] p,
  body.acht-schluessel-page .stories-post-area .container > div[style*="display:flex"] p {
    order: 3;
    width: 100%;
    max-width: 343px;
  }

  body.coaching-kongress-page .stories-post-area .container > div[style*="display: flex"] img,
  body.coaching-kongress-page .stories-post-area .container > div[style*="display:flex"] img,
  body.acht-schluessel-page .stories-post-area .container > div[style*="display: flex"] img,
  body.acht-schluessel-page .stories-post-area .container > div[style*="display:flex"] img {
    width: 100% !important;
    max-width: 343px !important;
    height: auto !important;
    display: block !important;
    margin: 0 auto !important;
  }

  /* Video cards: title above video + no ellipsis */
  body.ein-neues-leben-page .row.row-gutters-40 .trending__post.stories-small-post__item,
  body.coaching-kongress-page .row.row-gutters-40 .trending__post.stories-small-post__item,
  body.acht-schluessel-page .row.row-gutters-40 .trending__post.stories-small-post__item {
    display: flex !important;
    flex-direction: column !important;
  }

  body.ein-neues-leben-page .row.row-gutters-40 .trending__post-content,
  body.coaching-kongress-page .row.row-gutters-40 .trending__post-content,
  body.acht-schluessel-page .row.row-gutters-40 .trending__post-content {
    order: 1;
    margin-bottom: 8px !important;
  }

  body.ein-neues-leben-page .row.row-gutters-40 .trending__post-thumb,
  body.coaching-kongress-page .row.row-gutters-40 .trending__post-thumb,
  body.acht-schluessel-page .row.row-gutters-40 .trending__post-thumb {
    order: 2;
  }

  body.ein-neues-leben-page .row.row-gutters-40 .trending__post-content .title,
  body.ein-neues-leben-page .row.row-gutters-40 .trending__post-content .title a,
  body.coaching-kongress-page .row.row-gutters-40 .trending__post-content .title,
  body.coaching-kongress-page .row.row-gutters-40 .trending__post-content .title a,
  body.acht-schluessel-page .row.row-gutters-40 .trending__post-content .title,
  body.acht-schluessel-page .row.row-gutters-40 .trending__post-content .title a {
    white-space: normal !important;
    overflow: visible !important;
    text-overflow: clip !important;
    display: block !important;
    line-height: 1.25 !important;
  }

  /* mitgliederbereich: center headings consistently across detail pages */
  body.mitgliederbereich-page .section__main-title,
  body.mitgliederbereich-page .section__sub-title,
  body.ein-neues-leben-page .section__main-title,
  body.ein-neues-leben-page .section__sub-title,
  body.coaching-kongress-page .section__main-title,
  body.coaching-kongress-page .section__sub-title,
  body.acht-schluessel-page .section__main-title,
  body.acht-schluessel-page .section__sub-title,
  body.video-24h-page .section__main-title,
  body.video-24h-page .section__sub-title {
    text-align: center !important;
    margin-left: auto !important;
    margin-right: auto !important;
  }

  /* 24h-video: intro and cards like other members pages */
  body.video-24h-page .stories-post-area .container > div[style*="display: flex"],
  body.video-24h-page .stories-post-area .container > div[style*="display:flex"] {
    display: flex !important;
    flex-direction: column !important;
    align-items: center !important;
    gap: 14px !important;
    margin-bottom: 28px !important;
  }

  body.video-24h-page .stories-post-area .container > div[style*="display: flex"] > div[style*="width: 50%"],
  body.video-24h-page .stories-post-area .container > div[style*="display:flex"] > div[style*="width: 50%"] {
    width: 100% !important;
    max-width: 343px !important;
    padding-right: 0 !important;
    justify-content: center !important;
  }

  body.video-24h-page .stories-post-area .container > div[style*="display: flex"] video,
  body.video-24h-page .stories-post-area .container > div[style*="display:flex"] video {
    width: 100% !important;
    max-width: 343px !important;
    height: auto !important;
    display: block !important;
    margin: 0 auto !important;
  }

  body.video-24h-page .stories-post-area .container > div[style*="display: flex"] p,
  body.video-24h-page .stories-post-area .container > div[style*="display:flex"] p {
    width: 100% !important;
    max-width: 343px !important;
    margin: 0 auto !important;
    text-align: left !important;
  }

  body.video-24h-page .trending__post.stories-small-post__item {
    display: flex !important;
    flex-direction: column !important;
  }

  body.video-24h-page .trending__post-content {
    order: 1 !important;
    margin-bottom: 8px !important;
    text-align: center !important;
  }

  body.video-24h-page .trending__post-thumb {
    order: 2 !important;
  }

  body.video-24h-page .trending__post-content .title,
  body.video-24h-page .trending__post-content .title a {
    display: block !important;
    white-space: normal !important;
    overflow: visible !important;
    text-overflow: clip !important;
    overflow-wrap: anywhere !important;
    word-break: break-word !important;
    line-height: 1.25 !important;
    text-align: center !important;
  }

  /* Common heading alignment for members detail pages */
  body.coaching-kongress-page .section__title,
  body.coaching-kongress-page .section__main-title,
  body.coaching-kongress-page .section__sub-title,
  body.coaching-kongress-page .stories-post-area .title,
  body.coaching-kongress-page .stories-post-area .title a,
  body.acht-schluessel-page .section__title,
  body.acht-schluessel-page .section__main-title,
  body.acht-schluessel-page .section__sub-title,
  body.acht-schluessel-page .stories-post-area .title,
  body.acht-schluessel-page .stories-post-area .title a {
    text-align: center !important;
    margin-left: auto !important;
    margin-right: auto !important;
  }
}

@media (max-width: 991.98px) {
  /* Force-disable decorative wave/line ornaments across common section headers */
  .section__title-wrap::before,
  .section__title-wrap::after,
  .section__hover-line .section__title-wrap::before,
  .section__hover-line .section__title-wrap::after,
  .section__hover-line:hover .section__title-wrap::before,
  .section__hover-line:hover .section__title-wrap::after,
  [tg-theme=dark] .section__title-wrap::before,
  [tg-theme=dark] .section__title-wrap::after,
  .tgbanner__trending-title::after,
  .widget-title::after,
  .latest__post-bottom::before,
  .latest__post-item::before,
  .rc__post-item::after,
  .handpicked__item.small-post::after,
  .tgbanner__area-three .trending__post::after,
  .tgbanner__trending-post-list > li::after {
    content: none !important;
    display: none !important;
    background: none !important;
    background-image: none !important;
    animation: none !important;
    -webkit-animation: none !important;
    width: 0 !important;
    height: 0 !important;
    margin: 0 !important;
    opacity: 0 !important;
  }

  /* ein-neues-leben: force card order/title wrapping across template variants */
  body.ein-neues-leben-page .trending__post.stories-small-post__item {
    display: flex !important;
    flex-direction: column !important;
  }

  body.ein-neues-leben-page .trending__post-content {
    order: 1 !important;
    margin-bottom: 8px !important;
  }

  body.ein-neues-leben-page .trending__post-thumb {
    order: 2 !important;
  }

  body.ein-neues-leben-page .trending__post-content .title,
  body.ein-neues-leben-page .trending__post-content .title a {
    display: block !important;
    white-space: normal !important;
    overflow: visible !important;
    text-overflow: clip !important;
    overflow-wrap: anywhere !important;
    word-break: break-word !important;
    line-height: 1.25 !important;
  }
}

@media (max-width: 480px) {
  .container,
  .custom-container {
    padding-left: 30px !important;
    padding-right: 30px !important;
  }
}

@media (max-width: 991.98px) {
  /* /de/print.php */
  body.print-page .section__main-title,
  body.print-page .section__sub-title {
    text-align: center !important;
    white-space: normal !important;
    overflow: visible !important;
    text-overflow: clip !important;
    overflow-wrap: anywhere !important;
    word-break: break-word !important;
  }

  body.print-page .stories-post-area .container > div[style*="display:flex"],
  body.print-page .stories-post-area .container > div[style*="display: flex"] {
    display: flex !important;
    flex-direction: column !important;
    align-items: center !important;
    gap: 12px !important;
    margin-bottom: 26px !important;
  }

  body.print-page .stories-post-area .container > div[style*="display:flex"] > div,
  body.print-page .stories-post-area .container > div[style*="display: flex"] > div {
    width: 100% !important;
    max-width: 343px !important;
    padding-right: 0 !important;
    margin: 0 auto !important;
  }

  body.print-page .stories-post-area .container > div[style*="display:flex"] > div:first-child,
  body.print-page .stories-post-area .container > div[style*="display: flex"] > div:first-child {
    order: 1 !important;
    display: flex !important;
    justify-content: center !important;
  }

  body.print-page .stories-post-area .container > div[style*="display:flex"] > div:last-child,
  body.print-page .stories-post-area .container > div[style*="display: flex"] > div:last-child {
    order: 2 !important;
  }

  body.print-page .stories-post-area img {
    display: block !important;
    width: 100% !important;
    max-width: 343px !important;
    height: auto !important;
    margin: 0 auto !important;
  }

  body.print-page .trending__post-content,
  body.print-page .trending__post-content p,
  body.print-page p,
  body.print-page li,
  body.print-page a {
    white-space: normal !important;
    overflow: visible !important;
    text-overflow: clip !important;
    overflow-wrap: anywhere !important;
    word-break: break-word !important;
  }
}

@media (max-width: 991.98px) {
  /* Final override: center all headings on coaching-kongress + acht-schluessel pages */
  body.coaching-kongress-page .section__title-wrap .col-sm-6,
  body.acht-schluessel-page .section__title-wrap .col-sm-6 {
    flex: 0 0 100% !important;
    max-width: 100% !important;
  }

  body.coaching-kongress-page .section__title,
  body.coaching-kongress-page .section__main-title,
  body.coaching-kongress-page .section__sub-title,
  body.coaching-kongress-page .stories-post-area h1,
  body.coaching-kongress-page .stories-post-area h2,
  body.coaching-kongress-page .stories-post-area h3,
  body.coaching-kongress-page .stories-post-area h4,
  body.coaching-kongress-page .stories-post-area .title,
  body.coaching-kongress-page .stories-post-area .title a,
  body.acht-schluessel-page .section__title,
  body.acht-schluessel-page .section__main-title,
  body.acht-schluessel-page .section__sub-title,
  body.acht-schluessel-page .stories-post-area h1,
  body.acht-schluessel-page .stories-post-area h2,
  body.acht-schluessel-page .stories-post-area h3,
  body.acht-schluessel-page .stories-post-area h4,
  body.acht-schluessel-page .stories-post-area .title,
  body.acht-schluessel-page .stories-post-area .title a {
    text-align: center !important;
    margin-left: auto !important;
    margin-right: auto !important;
  }
}

@media (max-width: 991.98px) {
  /* /de/mitgliederbereich/audio.php + /de/mitgliederbereich/extras.php */
  body.audio-page .stories-post-area .row > [class*="col-"],
  body.extras-page .stories-post-area .row > [class*="col-"] {
    display: flex !important;
    flex-direction: column !important;
    align-items: center !important;
    justify-content: flex-start !important;
  }

  body.audio-page .stories-post-area .trending__post-content,
  body.extras-page .stories-post-area h4.title {
    order: 1 !important;
    margin: 0 0 10px !important;
    text-align: center !important;
    width: 100% !important;
  }

  body.audio-page .stories-post-area > .container > .row > [class*="col-"] > a,
  body.extras-page .stories-post-area > .container > .row > [class*="col-"] > a {
    order: 2 !important;
    display: block !important;
    width: 100% !important;
    text-align: center !important;
  }

  body.audio-page .stories-post-area img,
  body.extras-page .stories-post-area img {
    display: block !important;
    width: 100% !important;
    max-width: 343px !important;
    height: auto !important;
    margin: 0 auto !important;
  }

  body.audio-page .stories-post-area .title,
  body.audio-page .stories-post-area .title a,
  body.extras-page .stories-post-area .title,
  body.extras-page .stories-post-area .title a {
    text-align: center !important;
    white-space: normal !important;
    overflow: visible !important;
    text-overflow: clip !important;
    overflow-wrap: anywhere !important;
    word-break: break-word !important;
    display: block !important;
  }

  /* Final touch: center titles above videos on ein-neues-leben page */
  body.ein-neues-leben-page .row.row-gutters-40 .trending__post-content,
  body.ein-neues-leben-page .row.row-gutters-40 .trending__post-content .title,
  body.ein-neues-leben-page .row.row-gutters-40 .trending__post-content .title a {
    text-align: center !important;
  }
}