
/* RVE 3.4.0 RESPONSIVE FIX (does not touch mobile wizard) */

@media (max-width:1200px){
.rve-container{width:92%;max-width:1100px;}
}

@media (max-width:1024px){
table{display:block;width:100%;overflow-x:auto;}
}

@media (max-width:768px){

.site-header .menu,
.main-navigation ul{
flex-wrap:wrap;
gap:12px;
}

.rve-container{
width:94%;
max-width:680px;
}

.ratgeber-table table{
display:block;
overflow-x:auto;
white-space:nowrap;
}

.ratgeber-table th,
.ratgeber-table td{
min-width:140px;
}

}

@media (max-width:480px){

h1{font-size:28px;line-height:1.2;}
h2{font-size:24px;}
h3{font-size:20px;}

.rve-container{
width:95%;
}

}



/* RVE 3.4.2 responsive hotfix — site pages only */
img,
svg,
iframe{
  max-width:100%;
  height:auto;
}

@media (max-width: 900px){
  .hero-grid,
  .hero-inner,
  .split,
  .rve-article-grid,
  .faq-grid,
  .guide-grid,
  .cta-grid,
  .route-grid,
  .benefits-grid,
  .cards-grid{
    grid-template-columns:1fr !important;
    flex-direction:column !important;
  }

  .hero-grid{
    gap:24px !important;
    padding:32px 0 24px !important;
  }

  .homepage .hero-content h1,
  .hero-content h1,
  .page-template-front-page h1,
  .front-page h1{
    font-size:42px !important;
    line-height:1.08 !important;
    letter-spacing:-0.03em !important;
    overflow-wrap:anywhere;
    word-break:break-word;
  }
}

@media (max-width: 768px){

  body:not(.page-template-page-umzugsplan-mobile):not(.page-template-page-umzugsplan) .rve-header{
    position:relative;
  }

  body:not(.page-template-page-umzugsplan-mobile):not(.page-template-page-umzugsplan) .header-inner{
    flex-direction:column !important;
    align-items:flex-start !important;
    gap:14px !important;
    padding:14px 0 !important;
  }

  body:not(.page-template-page-umzugsplan-mobile):not(.page-template-page-umzugsplan) .brand{
    width:100% !important;
    align-items:flex-start !important;
  }

  body:not(.page-template-page-umzugsplan-mobile):not(.page-template-page-umzugsplan) .brand-text strong{
    font-size:18px !important;
    line-height:1.15 !important;
  }

  body:not(.page-template-page-umzugsplan-mobile):not(.page-template-page-umzugsplan) .brand-text small{
    font-size:13px !important;
    line-height:1.35 !important;
  }

  body:not(.page-template-page-umzugsplan-mobile):not(.page-template-page-umzugsplan) .nav{
    width:100% !important;
    overflow-x:auto;
    -webkit-overflow-scrolling:touch;
  }

  body:not(.page-template-page-umzugsplan-mobile):not(.page-template-page-umzugsplan) .nav .menu{
    display:flex !important;
    flex-wrap:nowrap !important;
    gap:10px !important;
    min-width:max-content;
    padding-bottom:4px;
  }

  body:not(.page-template-page-umzugsplan-mobile):not(.page-template-page-umzugsplan) .nav .menu > li > a{
    white-space:nowrap;
    font-size:15px !important;
  }

  .container,
  .rve-container{
    width:min(100% - 28px, 1180px) !important;
  }

  .homepage .hero-content h1,
  .hero-content h1,
  .page-template-front-page h1,
  .front-page h1{
    font-size:34px !important;
    line-height:1.12 !important;
  }

  .hero-actions{
    display:flex !important;
    flex-direction:column !important;
    align-items:stretch !important;
    gap:14px !important;
  }

  .hero-actions .btn-primary,
  .hero-actions .btn-large{
    width:100% !important;
    justify-content:center;
  }

  .hero-trust{
    display:block !important;
    font-size:15px !important;
    line-height:1.6 !important;
    white-space:normal !important;
  }

  .hero-trust strong{
    display:inline !important;
  }

  .hero-preview,
  .uk-card--premium,
  .card.uk-card,
  .hero-preview-card{
    width:100% !important;
  }

  .hp-kpi{
    flex-direction:column !important;
    align-items:flex-start !important;
    gap:6px !important;
  }

  .hp-kpi__value{
    text-align:left !important;
  }

  .hp-status{
    align-items:flex-start !important;
  }

  .trust-strip{
    flex-direction:column !important;
    align-items:flex-start !important;
    gap:10px !important;
  }

  .trust-strip > *{
    width:100%;
  }

  .footer-grid,
  .site-footer .container,
  .footer-columns{
    grid-template-columns:1fr !important;
    flex-direction:column !important;
  }

  .article,
  .content,
  .entry-content,
  .rve-content,
  .wp-block-group{
    overflow-wrap:anywhere;
  }

  .entry-content table,
  .content table,
  .wp-block-table table,
  .rve-content table,
  .article table,
  .ratgeber table,
  .ratgeber-content table{
    display:block !important;
    width:100% !important;
    overflow-x:auto !important;
    -webkit-overflow-scrolling:touch;
    white-space:nowrap;
  }

  .entry-content th,
  .entry-content td,
  .content th,
  .content td,
  .wp-block-table th,
  .wp-block-table td,
  .ratgeber table th,
  .ratgeber table td{
    min-width:140px;
  }
}

@media (max-width: 480px){
  .container,
  .rve-container{
    width:min(100% - 20px, 1180px) !important;
  }

  .homepage .hero-content h1,
  .hero-content h1,
  .page-template-front-page h1,
  .front-page h1{
    font-size:30px !important;
    line-height:1.12 !important;
  }

  .hero-sub,
  .hero-content p{
    font-size:18px !important;
    line-height:1.55 !important;
  }

  .btn-primary,
  .btn-secondary,
  .button,
  .wp-block-button__link{
    width:100%;
    justify-content:center;
  }
}



/* RVE 3.4.3 REAL RESPONSIVE FIX
   Loaded last via functions.php.
   Site pages only. Mobile wizard untouched. */

@media (max-width: 768px){

  body:not(.page-template-page-umzugsplan-mobile):not(.page-template-page-umzugsplan) .rve-header{
    position: relative !important;
  }

  body:not(.page-template-page-umzugsplan-mobile):not(.page-template-page-umzugsplan) .rve-header .header-inner{
    display:flex !important;
    flex-direction:column !important;
    align-items:flex-start !important;
    justify-content:flex-start !important;
    gap:14px !important;
    padding:14px 0 !important;
  }

  body:not(.page-template-page-umzugsplan-mobile):not(.page-template-page-umzugsplan) .rve-header .brand{
    width:100% !important;
    display:flex !important;
    align-items:flex-start !important;
    gap:12px !important;
    text-decoration:none;
  }

  body:not(.page-template-page-umzugsplan-mobile):not(.page-template-page-umzugsplan) .rve-header .brand-badge{
    flex:0 0 auto;
  }

  body:not(.page-template-page-umzugsplan-mobile):not(.page-template-page-umzugsplan) .rve-header .brand-text{
    min-width:0;
  }

  body:not(.page-template-page-umzugsplan-mobile):not(.page-template-page-umzugsplan) .rve-header .brand-text strong{
    display:block !important;
    font-size:18px !important;
    line-height:1.15 !important;
  }

  body:not(.page-template-page-umzugsplan-mobile):not(.page-template-page-umzugsplan) .rve-header .brand-text small{
    display:block !important;
    font-size:13px !important;
    line-height:1.35 !important;
    white-space:normal !important;
  }

  body:not(.page-template-page-umzugsplan-mobile):not(.page-template-page-umzugsplan) .rve-header .nav{
    width:100% !important;
    overflow-x:auto !important;
    -webkit-overflow-scrolling:touch;
  }

  body:not(.page-template-page-umzugsplan-mobile):not(.page-template-page-umzugsplan) .rve-header .menu{
    display:flex !important;
    flex-wrap:nowrap !important;
    align-items:center !important;
    gap:12px !important;
    min-width:max-content !important;
    padding:0 0 4px 0 !important;
    margin:0 !important;
  }

  body:not(.page-template-page-umzugsplan-mobile):not(.page-template-page-umzugsplan) .rve-header .menu li{
    flex:0 0 auto !important;
  }

  body:not(.page-template-page-umzugsplan-mobile):not(.page-template-page-umzugsplan) .rve-header .menu a{
    display:block !important;
    white-space:nowrap !important;
    font-size:15px !important;
    line-height:1.2 !important;
  }

  body:not(.page-template-page-umzugsplan-mobile):not(.page-template-page-umzugsplan) .container,
  body:not(.page-template-page-umzugsplan-mobile):not(.page-template-page-umzugsplan) .rve-container{
    width:min(100% - 24px, 1180px) !important;
    max-width:100% !important;
    padding-left:0 !important;
    padding-right:0 !important;
  }

  .homepage .hero-grid,
  .hero-grid{
    display:grid !important;
    grid-template-columns:1fr !important;
    gap:24px !important;
    padding:28px 0 22px !important;
  }

  .homepage .hero-content,
  .homepage .uk-hero-card,
  .homepage .hero-preview-card{
    width:100% !important;
    max-width:100% !important;
  }

  .homepage .hero-content h1,
  .hero-content h1{
    font-size:32px !important;
    line-height:1.1 !important;
    letter-spacing:-0.03em !important;
    margin:0 0 14px !important;
    overflow-wrap:anywhere !important;
    word-break:break-word !important;
  }

  .homepage .hero-sub,
  .homepage .hero-content p{
    font-size:18px !important;
    line-height:1.55 !important;
    margin:0 0 14px !important;
  }

  .homepage .hero-actions{
    display:flex !important;
    flex-direction:column !important;
    align-items:stretch !important;
    gap:12px !important;
    width:100% !important;
  }

  .homepage .hero-actions .btn-primary,
  .homepage .hero-actions .btn-large{
    width:100% !important;
    text-align:center !important;
    justify-content:center !important;
  }

  .homepage .hero-trust,
  .homepage .hero-proof,
  .homepage .section-cta__note{
    display:block !important;
    width:100% !important;
    font-size:15px !important;
    line-height:1.55 !important;
    white-space:normal !important;
    text-align:left !important;
  }

  .homepage .hero-trust strong,
  .homepage .hero-proof strong,
  .homepage .section-cta__note strong{
    display:inline !important;
  }

  .homepage .hero-preview,
  .homepage .card.uk-card,
  .homepage .uk-card--premium,
  .homepage .hero-preview-card{
    width:100% !important;
    max-width:100% !important;
  }

  .homepage .hp-kpi{
    display:flex !important;
    flex-direction:column !important;
    align-items:flex-start !important;
    gap:6px !important;
  }

  .homepage .hp-status{
    display:flex !important;
    align-items:flex-start !important;
    gap:10px !important;
  }

  .trust-strip{
    display:flex !important;
    flex-direction:column !important;
    align-items:flex-start !important;
    gap:10px !important;
  }

  .trust-strip > *{
    width:100% !important;
  }

  .entry-content table,
  .content table,
  .wp-block-table table,
  .rve-content table,
  .article table,
  .ratgeber table,
  .ratgeber-content table{
    display:block !important;
    width:100% !important;
    overflow-x:auto !important;
    -webkit-overflow-scrolling:touch !important;
    white-space:nowrap !important;
  }

  .entry-content th,
  .entry-content td,
  .content th,
  .content td,
  .wp-block-table th,
  .wp-block-table td,
  .ratgeber table th,
  .ratgeber table td{
    min-width:140px !important;
  }

  .site-footer .container,
  .footer-grid,
  .footer-columns{
    display:grid !important;
    grid-template-columns:1fr !important;
    gap:18px !important;
  }
}

@media (max-width: 480px){
  .homepage .hero-content h1,
  .hero-content h1{
    font-size:28px !important;
    line-height:1.12 !important;
  }

  .homepage .hero-sub,
  .homepage .hero-content p{
    font-size:16px !important;
  }

  .homepage .hero-actions .btn-primary,
  .homepage .hero-actions .btn-large,
  .btn-primary,
  .btn-secondary,
  .button,
  .wp-block-button__link{
    width:100% !important;
    justify-content:center !important;
  }
}



/* RVE 3.4.5 — real responsive pass for site pages only */

html, body{
  max-width:100%;
  overflow-x:hidden;
}

img, svg, iframe{
  max-width:100%;
  height:auto;
}

@media (max-width: 900px){
  .container,
  .rve-container{
    width:calc(100% - 24px) !important;
    max-width:none !important;
    margin-left:auto !important;
    margin-right:auto !important;
    padding-left:0 !important;
    padding-right:0 !important;
  }

  .hero-grid,
  .hero-inner,
  .split,
  .faq-shell,
  .faq-grid,
  .route-grid,
  .benefits-grid,
  .cards-grid,
  .kb-grid,
  .footer-grid,
  .footer-columns,
  .section-cta{
    display:grid !important;
    grid-template-columns:1fr !important;
    gap:18px !important;
  }

  .faq-actions,
  .hero-actions{
    display:flex !important;
    flex-direction:column !important;
    align-items:stretch !important;
    gap:12px !important;
  }

  .faq-actions a,
  .hero-actions a,
  .section-cta a{
    width:100% !important;
    justify-content:center !important;
    text-align:center !important;
  }

  .faq-searchbar{
    display:grid !important;
    grid-template-columns:1fr auto !important;
    gap:10px !important;
    width:100% !important;
  }

  .faq-links{
    display:grid !important;
    grid-template-columns:1fr !important;
    gap:10px !important;
  }

  .homepage h1,
  .hero-content h1,
  .hero-h1{
    font-size:34px !important;
    line-height:1.12 !important;
    letter-spacing:-0.03em !important;
    overflow-wrap:anywhere !important;
    word-break:break-word !important;
  }

  .hero-sub,
  .hero-p,
  .homepage .hero-content p{
    font-size:18px !important;
    line-height:1.55 !important;
  }

  .hero-trust{
    display:grid !important;
    grid-template-columns:1fr !important;
    gap:8px !important;
    white-space:normal !important;
    line-height:1.5 !important;
    font-size:15px !important;
  }

  .trust-strip{
    display:grid !important;
    grid-template-columns:1fr !important;
    gap:10px !important;
  }

  .uk-hero-card,
  .hero-preview-card,
  .card.uk-card{
    width:100% !important;
    max-width:100% !important;
  }

  .hp-kpi,
  .hp-status{
    grid-template-columns:1fr !important;
  }
}

@media (max-width: 768px){
  body:not(.page-template-page-umzugsplan-mobile):not(.page-template-page-umzugsplan) .rve-header{
    position:relative !important;
    top:auto !important;
  }

  body:not(.page-template-page-umzugsplan-mobile):not(.page-template-page-umzugsplan) .rve-header .header-inner{
    display:grid !important;
    grid-template-columns:1fr !important;
    gap:12px !important;
    align-items:start !important;
    padding:14px 0 !important;
  }

  body:not(.page-template-page-umzugsplan-mobile):not(.page-template-page-umzugsplan) .rve-header .brand{
    display:grid !important;
    grid-template-columns:44px 1fr !important;
    gap:12px !important;
    align-items:start !important;
    width:100% !important;
  }

  body:not(.page-template-page-umzugsplan-mobile):not(.page-template-page-umzugsplan) .rve-header .brand-text strong{
    font-size:16px !important;
    line-height:1.15 !important;
  }

  body:not(.page-template-page-umzugsplan-mobile):not(.page-template-page-umzugsplan) .rve-header .brand-text small{
    font-size:12px !important;
    line-height:1.35 !important;
    white-space:normal !important;
  }

  body:not(.page-template-page-umzugsplan-mobile):not(.page-template-page-umzugsplan) .rve-header .nav{
    width:100% !important;
    overflow-x:auto !important;
    -webkit-overflow-scrolling:touch !important;
    padding-bottom:4px !important;
  }

  body:not(.page-template-page-umzugsplan-mobile):not(.page-template-page-umzugsplan) .rve-header .menu{
    display:flex !important;
    flex-wrap:nowrap !important;
    min-width:max-content !important;
    gap:10px !important;
    padding:0 !important;
    margin:0 !important;
  }

  body:not(.page-template-page-umzugsplan-mobile):not(.page-template-page-umzugsplan) .rve-header .menu li{
    flex:0 0 auto !important;
  }

  body:not(.page-template-page-umzugsplan-mobile):not(.page-template-page-umzugsplan) .rve-header .menu a{
    white-space:nowrap !important;
    font-size:14px !important;
  }

  .entry-content table,
  .content table,
  .wp-block-table table,
  .rve-content table,
  .article table,
  .ratgeber table,
  .ratgeber-content table,
  .faq-table table{
    display:block !important;
    width:100% !important;
    overflow-x:auto !important;
    -webkit-overflow-scrolling:touch !important;
    white-space:nowrap !important;
  }

  .entry-content th,
  .entry-content td,
  .content th,
  .content td,
  .wp-block-table th,
  .wp-block-table td,
  .ratgeber table th,
  .ratgeber table td,
  .faq-table table th,
  .faq-table table td{
    min-width:140px !important;
  }

  .rve-faq details{
    width:100% !important;
  }
}

@media (max-width: 480px){
  .container,
  .rve-container{
    width:calc(100% - 16px) !important;
  }

  .homepage h1,
  .hero-content h1,
  .hero-h1{
    font-size:28px !important;
    line-height:1.12 !important;
  }

  .hero-sub,
  .hero-p,
  .homepage .hero-content p{
    font-size:16px !important;
  }

  .brand-badge{
    width:40px !important;
    height:28px !important;
    font-size:11px !important;
  }

  .faq-bullets{
    display:grid !important;
    grid-template-columns:1fr !important;
    gap:8px !important;
  }
}


/* RVE 3.4.6 mobile hamburger header */
@media (max-width: 900px){
  body:not(.page-template-page-umzugsplan-mobile):not(.page-template-page-umzugsplan) .rve-header{
    position:sticky !important;
    top:0 !important;
    z-index:80 !important;
    background:rgba(255,255,255,.96) !important;
    backdrop-filter:saturate(180%) blur(14px) !important;
  }

  body:not(.page-template-page-umzugsplan-mobile):not(.page-template-page-umzugsplan) .rve-header .header-inner{
    display:grid !important;
    grid-template-columns:1fr auto !important;
    align-items:center !important;
    gap:12px !important;
    padding:14px 0 !important;
  }

  body:not(.page-template-page-umzugsplan-mobile):not(.page-template-page-umzugsplan) .rve-header .brand{
    min-width:0 !important;
    display:grid !important;
    grid-template-columns:44px 1fr !important;
    gap:12px !important;
    align-items:center !important;
  }

  body:not(.page-template-page-umzugsplan-mobile):not(.page-template-page-umzugsplan) .rve-header .brand-text strong{
    font-size:16px !important;
    line-height:1.1 !important;
  }

  body:not(.page-template-page-umzugsplan-mobile):not(.page-template-page-umzugsplan) .rve-header .brand-text small{
    font-size:12px !important;
    line-height:1.3 !important;
    white-space:normal !important;
  }

  body:not(.page-template-page-umzugsplan-mobile):not(.page-template-page-umzugsplan) .rve-header .rve-menu-toggle{
    display:flex !important;
    justify-self:end !important;
  }

  body:not(.page-template-page-umzugsplan-mobile):not(.page-template-page-umzugsplan) .rve-header .nav{
    display:none !important;
    grid-column:1 / -1 !important;
    width:100% !important;
    overflow:visible !important;
    padding:0 !important;
    margin:0 !important;
  }

  body:not(.page-template-page-umzugsplan-mobile):not(.page-template-page-umzugsplan) .rve-header.is-open .nav{
    display:block !important;
  }

  body:not(.page-template-page-umzugsplan-mobile):not(.page-template-page-umzugsplan) .rve-header .menu{
    display:flex !important;
    flex-direction:column !important;
    align-items:stretch !important;
    gap:8px !important;
    min-width:0 !important;
    width:100% !important;
    padding:12px 0 4px !important;
    margin:0 !important;
  }

  body:not(.page-template-page-umzugsplan-mobile):not(.page-template-page-umzugsplan) .rve-header .menu li{
    width:100% !important;
  }

  body:not(.page-template-page-umzugsplan-mobile):not(.page-template-page-umzugsplan) .rve-header .menu a{
    display:block !important;
    width:100% !important;
    white-space:normal !important;
    font-size:15px !important;
    line-height:1.25 !important;
    padding:12px 14px !important;
    border-radius:14px !important;
    background:#fff !important;
    border:1px solid rgba(15,23,42,.08) !important;
    text-decoration:none !important;
  }

  body:not(.page-template-page-umzugsplan-mobile):not(.page-template-page-umzugsplan) .rve-header .menu > li:last-child > a{
    background:linear-gradient(135deg,#4A3AFF 0%, #45B3FF 100%) !important;
    color:#fff !important;
    border-color:transparent !important;
    box-shadow:0 10px 24px rgba(59,78,255,.22) !important;
  }
}



/* RVE 3.4.7 – ratgeber/content table responsiveness */
@media (max-width: 900px){
  .entry-content figure.wp-block-table,
  .content figure.wp-block-table,
  .rve-content figure.wp-block-table,
  .article figure.wp-block-table,
  .ratgeber figure.wp-block-table,
  .ratgeber-content figure.wp-block-table,
  .entry-content .table-wrap,
  .content .table-wrap,
  .rve-content .table-wrap,
  .article .table-wrap,
  .ratgeber .table-wrap,
  .ratgeber-content .table-wrap{
    display:block !important;
    width:100% !important;
    overflow-x:auto !important;
    -webkit-overflow-scrolling:touch !important;
    margin:0 0 20px !important;
  }

  .entry-content table,
  .content table,
  .rve-content table,
  .article table,
  .ratgeber table,
  .ratgeber-content table,
  .entry-content .wp-block-table table,
  .content .wp-block-table table,
  .rve-content .wp-block-table table,
  .article .wp-block-table table,
  .ratgeber .wp-block-table table,
  .ratgeber-content .wp-block-table table{
    display:table !important;
    width:max-content !important;
    min-width:100% !important;
    max-width:none !important;
    overflow:visible !important;
    white-space:nowrap !important;
    border-collapse:collapse !important;
  }

  .entry-content table th,
  .entry-content table td,
  .content table th,
  .content table td,
  .rve-content table th,
  .rve-content table td,
  .article table th,
  .article table td,
  .ratgeber table th,
  .ratgeber table td,
  .ratgeber-content table th,
  .ratgeber-content table td{
    min-width:140px !important;
    white-space:nowrap !important;
  }

  .entry-content table th:first-child,
  .entry-content table td:first-child,
  .content table th:first-child,
  .content table td:first-child,
  .rve-content table th:first-child,
  .rve-content table td:first-child,
  .article table th:first-child,
  .article table td:first-child,
  .ratgeber table th:first-child,
  .ratgeber table td:first-child,
  .ratgeber-content table th:first-child,
  .ratgeber-content table td:first-child{
    min-width:180px !important;
  }
}

@media (max-width: 480px){
  .entry-content table th,
  .entry-content table td,
  .content table th,
  .content table td,
  .rve-content table th,
  .rve-content table td,
  .article table th,
  .article table td,
  .ratgeber table th,
  .ratgeber table td,
  .ratgeber-content table th,
  .ratgeber-content table td{
    min-width:130px !important;
    font-size:14px !important;
  }
}



/* RVE 3.4.8 – FAQ/global mobile overflow fix */
@media (max-width: 900px){
  .faq-hero,
  .faq-shell,
  .faq-card,
  .faq-panel,
  .faq-search,
  .faq-searchbar,
  .faq-actions,
  .faq-cta,
  .faq-intro,
  .faq-content,
  .faq-list,
  .faq-grid,
  .faq-wrap,
  .faq-page,
  .faq-layout{
    width:100% !important;
    max-width:100% !important;
    min-width:0 !important;
    box-sizing:border-box !important;
  }

  .faq-hero,
  .faq-card,
  .faq-panel,
  .faq-search,
  .faq-cta,
  .faq-intro,
  .faq-content{
    overflow:hidden !important;
  }

  .faq-shell,
  .faq-grid,
  .faq-layout{
    display:grid !important;
    grid-template-columns:1fr !important;
    gap:16px !important;
  }

  .faq-hero,
  .faq-card,
  .faq-panel{
    padding:24px 20px !important;
    border-radius:28px !important;
  }

  .faq-hero h1,
  .faq-card h1,
  .faq-panel h1,
  .faq-page h1{
    font-size:28px !important;
    line-height:1.08 !important;
    letter-spacing:-0.03em !important;
    overflow-wrap:anywhere !important;
    word-break:break-word !important;
    margin-bottom:14px !important;
  }

  .faq-hero p,
  .faq-card p,
  .faq-panel p,
  .faq-page p{
    font-size:16px !important;
    line-height:1.55 !important;
    overflow-wrap:anywhere !important;
    word-break:break-word !important;
  }

  .faq-badges,
  .faq-trust,
  .faq-points,
  .faq-bullets{
    display:grid !important;
    grid-template-columns:1fr !important;
    gap:10px !important;
    width:100% !important;
  }

  .faq-badges > *,
  .faq-trust > *,
  .faq-points > *,
  .faq-bullets > *{
    width:100% !important;
    min-width:0 !important;
  }

  .faq-actions{
    display:flex !important;
    flex-direction:column !important;
    align-items:stretch !important;
    gap:12px !important;
    width:100% !important;
  }

  .faq-actions .btn-primary,
  .faq-actions .btn-secondary,
  .faq-actions .button,
  .faq-actions a{
    display:flex !important;
    width:100% !important;
    max-width:100% !important;
    justify-content:center !important;
    text-align:center !important;
    box-sizing:border-box !important;
    white-space:normal !important;
  }

  .faq-searchbar{
    display:grid !important;
    grid-template-columns:1fr !important;
    gap:10px !important;
    width:100% !important;
  }

  .faq-searchbar input,
  .faq-searchbar button,
  .faq-searchbar .button,
  .faq-searchbar a{
    width:100% !important;
    max-width:100% !important;
    box-sizing:border-box !important;
  }

  .faq-links,
  .faq-list{
    display:grid !important;
    grid-template-columns:1fr !important;
    gap:12px !important;
    width:100% !important;
  }

  .faq-links > *,
  .faq-list > *,
  .faq-item,
  .faq-accordion,
  .faq-question,
  .faq-answer{
    width:100% !important;
    max-width:100% !important;
    min-width:0 !important;
    box-sizing:border-box !important;
  }

  .faq-question,
  .faq-item summary,
  .faq-item button{
    white-space:normal !important;
    overflow-wrap:anywhere !important;
    word-break:break-word !important;
  }
}

@media (max-width: 480px){
  .faq-hero,
  .faq-card,
  .faq-panel{
    padding:20px 16px !important;
    border-radius:24px !important;
  }

  .faq-hero h1,
  .faq-card h1,
  .faq-panel h1,
  .faq-page h1{
    font-size:24px !important;
  }

  .faq-actions .btn-primary,
  .faq-actions .btn-secondary,
  .faq-actions .button,
  .faq-actions a{
    min-height:52px !important;
    padding:14px 16px !important;
  }
}

/* ============================================================
RVE THEME PATCH – MOBILE TABLE RESPONSIVENESS FIX
Version: 3.4.9
Date: 2026

Reason for patch
----------------
Some content sections (Kosten, Transport, Ratgeber tables)
were breaking mobile layouts. The cause was earlier responsive
rules in global.css forcing tables to exceed the viewport:

  white-space: nowrap
  min-width: 140px
  width: max-content

These rules were originally added to allow horizontal scrolling,
but on several pages they caused sections to overflow the screen.

Important constraints
---------------------
• Theme is production-ready – we DO NOT modify templates.
• We DO NOT modify calculator/mobile-tool CSS.
• We DO NOT touch container/grid layout rules.
• Patch must affect ONLY content tables.

Solution
--------
Override the aggressive table rules only on known content pages
and only for tables using `.uk-cost-table`.

This restores normal wrapping behaviour on mobile and allows
controlled horizontal scrolling where needed.

Scope
-----
Applied ONLY on these page templates:

- umzugskosten
- umzug-nach-uk
- umzugsvolumen
- zoll
- ratgeber
- leben-in-grossbritannien
- staedte

Calculator pages remain untouched.

============================================================ */


@media (max-width: 900px){

  /* ---------- TABLE WRAPPER FIX ---------- */

  body.page-template-page-umzugskosten-grossbritannien .uk-cost-table,
  body.page-template-page-umzug-nach-uk .uk-cost-table,
  body.page-template-page-umzugsvolumen-berechnen .uk-cost-table,
  body.page-template-page-zoll-umzug-grossbritannien .uk-cost-table,
  body.post-type-archive-ratgeber .uk-cost-table,
  body.single-ratgeber .uk-cost-table,
  body.page-template-page-ratgeber .uk-cost-table,
  body.page-template-page-leben-in-grossbritannien .uk-cost-table,
  body.page-template-page-staedte .uk-cost-table{

    display:block !important;
    width:100% !important;
    max-width:100% !important;

    /* allow scroll INSIDE the table instead of breaking the page */
    overflow-x:auto !important;
    -webkit-overflow-scrolling:touch !important;

    /* override earlier nowrap rules */
    white-space:normal !important;

    table-layout:auto !important;
  }


  /* ---------- TABLE CELL WRAPPING FIX ---------- */

  body.page-template-page-umzugskosten-grossbritannien .uk-cost-table th,
  body.page-template-page-umzugskosten-grossbritannien .uk-cost-table td,

  body.page-template-page-umzug-nach-uk .uk-cost-table th,
  body.page-template-page-umzug-nach-uk .uk-cost-table td,

  body.page-template-page-umzugsvolumen-berechnen .uk-cost-table th,
  body.page-template-page-umzugsvolumen-berechnen .uk-cost-table td,

  body.page-template-page-zoll-umzug-grossbritannien .uk-cost-table th,
  body.page-template-page-zoll-umzug-grossbritannien .uk-cost-table td,

  body.post-type-archive-ratgeber .uk-cost-table th,
  body.post-type-archive-ratgeber .uk-cost-table td,

  body.single-ratgeber .uk-cost-table th,
  body.single-ratgeber .uk-cost-table td,

  body.page-template-page-ratgeber .uk-cost-table th,
  body.page-template-page-ratgeber .uk-cost-table td,

  body.page-template-page-leben-in-grossbritannien .uk-cost-table th,
  body.page-template-page-leben-in-grossbritannien .uk-cost-table td,

  body.page-template-page-staedte .uk-cost-table th,
  body.page-template-page-staedte .uk-cost-table td{

    /* remove forced column width */
    min-width:0 !important;

    /* allow text wrapping inside cells */
    white-space:normal !important;

    word-break:break-word !important;
    overflow-wrap:anywhere !important;
  }

}
