/* Phone homepage only. Keep this entire sheet behind the same media boundary
   as its link so desktop layout is unaffected even when bundled later. */
@media (max-width: 767px) {
  /* rothler 10.09.2026 (Enes): Header-Regeln entfernt, die Startseite nutzt den normalen Shop-Header. */

  .rh4 { font-size:14px; }
  .rh4 .rh4-wrap { width:calc(100% - 40px); }
  .rh4 .rh4-section { padding-block:36px !important; }
  .rh4 h2 { font-size:28px !important; line-height:1.15 !important; letter-spacing:-.9px !important; text-wrap:balance; }
  .rh4 .rh4-kicker { font-size:10px; letter-spacing:1px; line-height:1.5; margin-bottom:10px; }
  .rh4-heading { margin-bottom:22px; }
  .rh4-heading__note { font-size:13px; line-height:1.6; margin-top:12px !important; }
  .rh4 .rh4-link { min-height:44px; padding-block:8px; font-size:13px; }
  .rh4-heading > .rh4-link { margin-top:10px; }
  .rh4 section[id], .rh4 [id$="-title"] { scroll-margin-top:80px; }

  /* The phone has its own compact introduction; desktop hero is unchanged. */
  .rh4-hero { display:none !important; }
  .rh4 .rh4-mobile-intro { display:block !important; padding:0 0 16px; background:#fff; }
  .rh4-mobile-intro__scene { position:relative; aspect-ratio:4 / 5; background:#ece8e1; }
  .rh4-mobile-intro__picture, .rh4-mobile-intro__picture img { display:block; width:100%; height:100%; }
  .rh4-mobile-intro__picture { position:absolute; inset:0; }
  .rh4-mobile-intro__picture img { object-fit:cover; }
  .rh4 .rh4-mobile-intro__copy { position:relative; padding-top:clamp(22px,6vw,32px); }
  .rh4-mobile-intro__eyebrow { font-size:10px; font-weight:600; letter-spacing:1.1px; text-transform:uppercase; color:var(--r-blue); margin-bottom:10px !important; }
  .rh4 #rh4-mobile-title { font-size:clamp(32px,9.2vw,44px) !important; line-height:1.06 !important; letter-spacing:-1.8px !important; font-weight:500 !important; color:var(--r-ink) !important; margin:0 !important; }
  .rh4 #rh4-mobile-title > span { color:var(--r-blue); }
  .rh4-mobile-intro__paths { display:grid; grid-template-columns:repeat(2,minmax(0,1fr)); margin-top:0; border-bottom:1px solid #e1e7eb; }
  .rh4-mobile-intro__paths > a { display:flex; justify-content:space-between; align-items:center; gap:8px; min-height:72px; padding:12px 0; }
  .rh4-mobile-intro__paths strong { display:block; font-size:14px; line-height:1.4; font-weight:600; color:var(--r-ink); }
  .rh4-mobile-intro__paths small { display:block; margin-top:3px; font-size:10px; line-height:1.5; color:#647580; }
  .rh4-mobile-intro__paths svg { width:18px; height:18px; color:var(--r-blue); }
  .rh4-mobile-intro__paths > a:first-child { padding-right:14px; }
  .rh4-mobile-intro__paths > a + a { padding-left:14px; border-left:1px solid #e1e7eb; }
  .rh4-mobile-intro__paths small { max-width:125px; }
  .rh4-mobile-intro__paths > a:hover strong { color:var(--r-blue); }
  .rh4-mobile-intro__rating { display:flex; align-items:center; flex-wrap:wrap; gap:7px; justify-content:center; margin-top:14px; font-size:10px; color:#647580; }
  .rh4-mobile-intro__rating > span:first-child { color:var(--r-blue); font-size:12px; letter-spacing:1px; }
  .rh4-mobile-intro__rating strong { color:var(--r-ink); font-size:11px; }

  .rh4-trust { background:#f5f8fa; }
  .rh4-trust ul { grid-template-columns:1fr 1fr; padding-block:20px; gap:18px 12px; }
  .rh4-trust li { font-size:11px; line-height:1.5; gap:9px; align-items:center; }
  .rh4-trust svg { width:21px; height:21px; }
  .rh4-trust small { font-size:10px; line-height:1.5; }

  /* Two readable category columns with a clear, generous tap area. */
  .rh4 .rh4-filters { display:none !important; }
  .rh4-categories .rh4-kicker { display:none; }
  .rh4 #rt-categories-title { font-size:25px !important; text-wrap:initial; }
  .rh4 .rh4-category[hidden] { display:grid !important; }
  .rh4-category-grid { grid-template-columns:repeat(2,minmax(0,1fr)); gap:10px; }
  .rh4-category { display:grid; grid-template-columns:48px minmax(0,1fr); align-items:center; gap:10px; min-height:76px; padding:10px; border:1px solid #e1e8ed; border-radius:6px; background:#fff; }
  .rh4-category__image { width:48px; border-radius:3px; }
  .rh4-category img { width:48px; height:48px; aspect-ratio:1; object-fit:contain; }
  .rh4-category__name { display:block; margin:0; text-align:left; font-size:12.5px; line-height:1.4; overflow-wrap:normal; }
  .rh4-category__name svg { display:none; }

  .rh4-products { background:#f2f6f8; }
  .rh4-product-grid { grid-template-columns:repeat(2,minmax(0,1fr)); gap:12px; }
  .rh4-product > a { border-radius:6px; box-shadow:none; }
  .rh4-product__image { width:100%; height:auto; aspect-ratio:1; padding:8px; }
  .rh4-product__image img { min-height:0; object-fit:contain !important; }
  .rh4-product__badge { top:12px; left:12px; font-size:8px; padding:3px 5px; }
  .rh4-product__info { padding:12px 12px 0; }
  .rh4-product__brand { font-size:9px; letter-spacing:1px; margin-bottom:8px; }
  .rh4 .rh4-product h3 { height:60px; font-size:13px !important; line-height:20px !important; letter-spacing:-.1px !important; margin-bottom:16px; }
  .rh4-product__price { font-size:22px; line-height:1.2; }
  .rh4-product__tax { font-size:10px; line-height:15px; min-height:30px; margin-top:7px; }
  .rh4-product__cta { min-height:44px; margin-top:12px; padding:12px 0; font-size:11px; line-height:1.4; gap:4px; }
  .rh4-product__cta svg { width:14px; height:14px; }

  .rh4-config__grid { grid-template-columns:minmax(0,1fr); gap:26px; padding-block:32px; }
  .rh4 .rh4-config h2 { font-size:36px !important; line-height:1.12 !important; letter-spacing:-1.2px !important; text-wrap:initial; }
  .rh4-config__copy > p:not(.rh4-kicker) { font-size:14px; line-height:1.7; margin-top:16px; }
  .rh4-config__steps { display:grid; grid-template-columns:repeat(3,minmax(0,1fr)); gap:12px; margin-block:24px !important; }
  .rh4-config__steps li { border-top:1px solid #ffffff55; padding-top:12px; font-size:11px; line-height:1.5; }
  .rh4-config__steps li > span { font-size:11px; margin-bottom:8px; }
  .rh4-config__copy > .rh4-button { width:100%; min-height:48px; font-size:13px; }
  .rh4-config__visual { min-height:0; display:block; border-radius:5px; background:#fff; }
  .rh4-config__visual > img { position:static; display:block; width:100%; height:auto; aspect-ratio:3 / 2; object-fit:contain; }
  .rh4-config__caption { position:static; inset:auto; padding:14px 16px; font-size:12px; background:#fff; }

  /* No percentage-height image in an auto-sized grid: Safari otherwise lets
     the image cover the following text row. Each card owns two flex columns. */
  .rh4-stories { display:grid; grid-template-columns:minmax(0,1fr); gap:16px; }
  .rh4-story { display:flex; flex-direction:row; min-width:0; min-height:206px; border:1px solid #e4e8e9; border-radius:6px; overflow:hidden; background:#f4f3ef; }
  .rh4-story > img { position:static; flex:0 0 42%; width:42%; min-width:0; max-width:42%; height:auto; aspect-ratio:auto; object-fit:cover; align-self:stretch; }
  .rh4-story > div { position:static; flex:1 1 0; min-width:0; padding:20px 16px; background:#f4f3ef; justify-content:center; }
  .rh4-story .rh4-kicker { min-height:0; font-size:8px; line-height:1.6; letter-spacing:.7px; margin-bottom:12px; }
  .rh4 .rh4-story h3 { font-size:23px !important; line-height:1.18 !important; letter-spacing:-.7px !important; }
  .rh4-story > div > span { min-height:36px; font-size:11px; line-height:1.5; margin-top:16px; gap:6px; }
  .rh4-story svg { width:15px; height:15px; }

  .rh4 .rh4-journal { padding-top:0 !important; }
  .rh4-journal-grid { grid-template-columns:minmax(0,1fr); gap:20px; }
  .rh4-article { display:grid; grid-template-columns:88px minmax(0,1fr); grid-template-rows:auto 1fr; column-gap:16px; row-gap:6px; padding-bottom:20px; min-width:0; align-items:start; }
  .rh4-article > img { position:static; grid-column:1; grid-row:1 / span 2; width:88px; height:88px; aspect-ratio:1; object-fit:contain; background:#f1f4f6; border-radius:4px; }
  .rh4-article__label { grid-column:2; grid-row:1; margin:0; font-size:9px; line-height:1.5; letter-spacing:.5px; }
  .rh4 .rh4-article h3 { grid-column:2; grid-row:2; font-size:15px !important; line-height:1.5 !important; letter-spacing:-.2px !important; }
  .rh4-article:not(:has(> img)) { grid-template-columns:minmax(0,1fr); }
  .rh4-article:not(:has(> img)) > :is(h3,.rh4-article__label) { grid-column:1; }

  .rh4-service__grid { grid-template-columns:minmax(0,1fr); gap:28px; }
  .rh4-service__copy > p:not(.rh4-kicker) { font-size:14px; line-height:1.7; }
  .rh4 .rh4-service__phone { min-height:44px; font-size:25px; margin-top:20px; }
  .rh4-service__copy > span { font-size:12px; margin-bottom:12px; }
  .rh4-faq summary { min-height:60px; padding-block:18px; font-size:14px; line-height:1.5; }
  .rh4-faq p { font-size:13px; line-height:1.75; }

  body[data-page="18"] #footer.rt-footer .rt-footer__in { width:calc(100% - 40px); }
  body[data-page="18"] #footer.rt-footer .rt-footer__main { gap:26px; padding-block:28px; }
  body[data-page="18"] #footer.rt-footer .rt-footer__brand { grid-template-columns:minmax(0,1fr); gap:0; }
  body[data-page="18"] #footer.rt-footer .rt-footer__brand > * { grid-column:1; grid-row:auto; }
  body[data-page="18"] #footer.rt-footer .rt-footer__logo img { width:142px; }
  body[data-page="18"] #footer.rt-footer .rt-footer__tag { margin:12px 0 16px; font-size:13px; }
  body[data-page="18"] #footer.rt-footer .rt-footer__phone { font-size:23px; min-height:36px; }
  body[data-page="18"] #footer.rt-footer .rt-footer__hours { font-size:12px; margin-bottom:4px; }
  body[data-page="18"] #footer.rt-footer .rt-footer__contact-link { font-size:13px; min-height:44px; }
  body[data-page="18"] #footer.rt-footer .rt-footer__address { font-size:12px; margin-top:10px; }
  body[data-page="18"] #footer.rt-footer .rt-footer__nav { gap:28px 20px; }
  body[data-page="18"] #footer.rt-footer .rt-footer__group h2 { font-size:14px !important; margin-bottom:10px; }
  body[data-page="18"] #footer.rt-footer .rt-footer__links { gap:0; }
  body[data-page="18"] #footer.rt-footer .rt-footer__links a { font-size:13px; padding-block:7px; min-height:32px; }
  body[data-page="18"] #footer.rt-footer .rt-footer__pay-in { gap:22px; padding-block:22px; }
  body[data-page="18"] #footer.rt-footer .rt-footer__paygroups { width:100%; gap:22px; }
  body[data-page="18"] #footer.rt-footer .rt-footer__pay-lbl { font-size:11px; }
  body[data-page="18"] #footer.rt-footer .rt-footer__social a { width:40px; height:40px; font-size:16px; }
  body[data-page="18"] #footer.rt-footer .rt-footer__legal-nav { gap:0 18px; }
  body[data-page="18"] #footer.rt-footer .rt-footer__legal-nav a { padding-block:8px; font-size:11px; }
  body[data-page="18"] #footer.rt-footer .rt-footer__widerruf { min-height:44px; font-size:12px; }
  body[data-page="18"] #footer.rt-footer .rt-footer__copy { font-size:11px; }
  body[data-page="18"] #footer.rt-footer .rt-footer__vat { font-size:10px; line-height:1.7; }
}

@media (max-width:359px) {
  .rh4 .rh4-wrap { width:calc(100% - 32px); }
  .rh4-category { grid-template-columns:40px minmax(0,1fr); gap:8px; padding:8px; }
  .rh4-category__image, .rh4-category img { width:40px; height:40px; }
  .rh4-category__name { font-size:11.5px; }
  .rh4-product-grid { gap:10px; }
  .rh4-product__info { padding-inline:10px; }
  .rh4-product__cta { font-size:10px; }
  .rh4 .rh4-story h3 { font-size:21px !important; }
  .rh4-story > div { padding:18px 12px; }
  .rh4-article { grid-template-columns:76px minmax(0,1fr); column-gap:12px; }
  .rh4-article > img { width:76px; height:76px; }
}