

/* V235 – aus Desktop-CSS verschobene responsive Regeln */
@media(max-width:1100px){
    .rc-livestream-grid{
        grid-template-columns:1fr!important;
    }
    .rc-livestream-right{
        display:none;
    }
}

@media(max-width:760px){
    .rc-livestream-hero{
        padding:18px 16px;
        border-radius:22px;
        margin:0 0 14px;
    }
    .rc-livestream-hero h1{
        font-size:28px;
        line-height:1.08;
    }
    .rc-livestream-hero p{
        font-size:15px;
    }
    .rc-livestream-keywords{
        gap:7px;
    }
    .rc-livestream-keywords span{
        min-height:30px;
        font-size:12px;
    }
    .rc-livestream-panel{
        padding:16px;
        border-radius:22px;
        margin-bottom:14px;
    }
    .rc-livestream-next-list,
    .rc-livestream-course-grid{
        grid-template-columns:1fr;
    }
    .rc-livestream-feature-link{
        grid-template-columns:1fr;
    }
    .rc-livestream-feature-link a{
        justify-self:start;
    }
    .rc-livestream-course-card{
        min-height:0;
    }
}

@media(max-width:760px){
    .rc-livestream-split,
    .rc-livestream-location{
        grid-template-columns:1fr;
    }
    .rc-livestream-date-card{
        border-radius:16px;
        padding:12px 13px;
    }
    .rc-livestream-location iframe{
        min-height:220px;
    }
}

@media(max-width:760px){
  .rc-livestream-page .rc-shell{
    overflow-x:hidden !important;
  }
  .rc-livestream-main{
    width:100% !important;
    min-width:0 !important;
  }
  .rc-livestream-hero,
  .rc-livestream-panel{
    width:100% !important;
    max-width:100% !important;
    box-sizing:border-box !important;
    overflow:hidden !important;
  }
  .rc-livestream-hero h1{
    font-size:31px !important;
    line-height:1.08 !important;
    letter-spacing:-.035em !important;
  }
  .rc-livestream-hero p,
  .rc-livestream-panel p{
    font-size:17px !important;
    line-height:1.45 !important;
  }
  .rc-livestream-section-head h2,
  .rc-livestream-copy-panel h2{
    font-size:28px !important;
    line-height:1.08 !important;
    letter-spacing:-.03em !important;
  }
  .rc-livestream-next-list{
    display:grid !important;
    grid-template-columns:1fr !important;
    gap:12px !important;
  }
  .rc-livestream-next-list a,
  .rc-livestream-feature-link{
    display:flex !important;
    flex-direction:column !important;
    align-items:flex-start !important;
    justify-content:flex-start !important;
    gap:6px !important;
    min-width:0 !important;
    width:100% !important;
    padding:16px !important;
    border-radius:20px !important;
    box-sizing:border-box !important;
    overflow:hidden !important;
  }
  .rc-livestream-next-list strong,
  .rc-livestream-feature-link strong{
    width:100% !important;
    max-width:100% !important;
    min-width:0 !important;
    font-size:22px !important;
    line-height:1.12 !important;
    overflow-wrap:break-word !important;
    hyphens:auto !important;
  }
  .rc-livestream-next-list span,
  .rc-livestream-feature-link span{
    width:100% !important;
    max-width:100% !important;
    margin:0 !important;
    font-size:16px !important;
    line-height:1.32 !important;
    overflow-wrap:break-word !important;
  }
  .rc-livestream-course-grid{
    display:grid !important;
    grid-template-columns:1fr !important;
    gap:14px !important;
  }
  .rc-livestream-course-card{
    min-height:0 !important;
    padding:18px !important;
    border-radius:22px !important;
    overflow:hidden !important;
  }
  .rc-livestream-course-card h3{
    font-size:26px !important;
    line-height:1.1 !important;
  }
  .rc-livestream-course-card p{
    font-size:18px !important;
    line-height:1.42 !important;
  }
  .rc-livestream-course-card a,
  .rc-livestream-feature-link a{
    min-height:44px !important;
    padding:0 18px !important;
    font-size:16px !important;
    white-space:normal !important;
  }
}

@media (max-width:760px){
  body .rc-livestream-page,
  body .rc-livestream-page *{
    box-sizing:border-box;
  }

  body .rc-livestream-page .rc-shell{
    overflow-x:hidden !important;
  }

  body .rc-livestream-main{
    width:100% !important;
    min-width:0 !important;
  }

  body .rc-livestream-hero,
  body .rc-livestream-panel,
  body .rc-livestream-copy-panel{
    width:100% !important;
    max-width:100% !important;
    padding:16px !important;
    border-radius:16px !important;
    overflow:hidden !important;
  }

  body .rc-livestream-hero > span,
  body .rc-livestream-section-head > span,
  body .rc-livestream-course-card > span{
    font-size:10.5px !important;
    line-height:1.1 !important;
    padding:5px 8px !important;
    border-radius:9px !important;
    letter-spacing:.04em !important;
  }

  body .rc-livestream-hero h1{
    font-size:25px !important;
    line-height:1.08 !important;
    letter-spacing:-.025em !important;
    margin:8px 0 8px !important;
  }

  body .rc-livestream-section-head h2,
  body .rc-livestream-copy-panel h2{
    font-size:23px !important;
    line-height:1.1 !important;
    letter-spacing:-.02em !important;
    margin:8px 0 12px !important;
  }

  body .rc-livestream-hero p,
  body .rc-livestream-panel p,
  body .rc-livestream-copy-panel p,
  body .rc-livestream-course-card p{
    font-size:14px !important;
    line-height:1.42 !important;
  }

  body .rc-livestream-next-list{
    display:grid !important;
    grid-template-columns:1fr !important;
    gap:9px !important;
  }

  body .rc-livestream-next-list a,
  body .rc-livestream-feature-link{
    display:grid !important;
    grid-template-columns:1fr !important;
    gap:4px !important;
    width:100% !important;
    padding:12px !important;
    border-radius:14px !important;
    min-height:0 !important;
  }

  body .rc-livestream-next-list strong,
  body .rc-livestream-feature-link strong{
    font-size:17px !important;
    line-height:1.18 !important;
    white-space:normal !important;
    overflow-wrap:anywhere !important;
  }

  body .rc-livestream-next-list span,
  body .rc-livestream-feature-link span{
    font-size:13px !important;
    line-height:1.28 !important;
    white-space:normal !important;
    overflow-wrap:anywhere !important;
  }

  body .rc-livestream-course-grid{
    grid-template-columns:1fr !important;
    gap:12px !important;
  }

  body .rc-livestream-course-card{
    padding:14px !important;
    border-radius:16px !important;
    min-height:0 !important;
    overflow:hidden !important;
  }

  body .rc-livestream-course-card h3{
    font-size:22px !important;
    line-height:1.12 !important;
    letter-spacing:-.02em !important;
    margin:8px 0 8px !important;
  }

  body .rc-livestream-course-card a,
  body .rc-livestream-feature-link a,
  body .rc-livestream-location a{
    min-height:38px !important;
    padding:8px 13px !important;
    border-radius:13px !important;
    font-size:14px !important;
    line-height:1.2 !important;
    white-space:normal !important;
  }

  body .rc-livestream-split,
  body .rc-livestream-location{
    grid-template-columns:1fr !important;
    gap:12px !important;
  }

  body .rc-livestream-date-card,
  body .rc-livestream-location > div{
    padding:12px !important;
    border-radius:14px !important;
  }

  body .rc-livestream-date-card strong,
  body .rc-livestream-location strong{
    font-size:17px !important;
    line-height:1.15 !important;
  }

  body .rc-livestream-date-card em,
  body .rc-livestream-location p{
    font-size:13.5px !important;
    line-height:1.35 !important;
  }
}

/* V235 – Mobile/Desktop-Trennung: kompakter mobiler Standard
   Desktop bleibt in der jeweiligen bereich.css; diese Regeln greifen nur mobil. */
@media (max-width: 760px) {
  body[class^="rc-"] {
    --ts-mobile-card-radius: 16px;
    --ts-mobile-soft-radius: 12px;
    --ts-mobile-pill-radius: 10px;
    --ts-mobile-pad: 14px;
    --ts-mobile-gap: 10px;
  }

  body[class^="rc-"] .rc-main,
  body[class^="rc-"] main {
    max-width: 100% !important;
    overflow-x: hidden !important;
  }

  body[class^="rc-"] h1,
  body[class^="rc-"] .rc-main h1,
  body[class^="rc-"] main h1 {
    font-size: clamp(24px, 7vw, 29px) !important;
    line-height: 1.08 !important;
    letter-spacing: -0.025em !important;
    margin-top: 6px !important;
    margin-bottom: 8px !important;
  }

  body[class^="rc-"] h2,
  body[class^="rc-"] .rc-main h2,
  body[class^="rc-"] main h2 {
    font-size: clamp(20px, 5.8vw, 24px) !important;
    line-height: 1.12 !important;
    letter-spacing: -0.018em !important;
    margin-top: 6px !important;
    margin-bottom: 8px !important;
  }

  body[class^="rc-"] h3,
  body[class^="rc-"] .rc-main h3,
  body[class^="rc-"] main h3 {
    font-size: clamp(17px, 4.8vw, 20px) !important;
    line-height: 1.16 !important;
    margin-top: 4px !important;
    margin-bottom: 6px !important;
  }

  body[class^="rc-"] p,
  body[class^="rc-"] li,
  body[class^="rc-"] .rc-main p,
  body[class^="rc-"] main p {
    font-size: 14px !important;
    line-height: 1.45 !important;
  }

  body[class^="rc-"] .rc-kicker,
  body[class^="rc-"] [class*="badge"],
  body[class^="rc-"] [class*="Badge"],
  body[class^="rc-"] [class*="tag"],
  body[class^="rc-"] [class*="Tag"],
  body[class^="rc-"] [class*="pill"],
  body[class^="rc-"] [class*="Pill"],
  body[class^="rc-"] [class*="category"],
  body[class^="rc-"] [class*="Category"] {
    border-radius: var(--ts-mobile-pill-radius) !important;
    padding: 4px 8px !important;
    font-size: 10.5px !important;
    line-height: 1.15 !important;
  }

  body[class^="rc-"] a[class*="btn"],
  body[class^="rc-"] button[class*="btn"],
  body[class^="rc-"] .rc-button,
  body[class^="rc-"] .rc-btn,
  body[class^="rc-"] .rc-main a.button,
  body[class^="rc-"] main a.button,
  body[class^="rc-"] input[type="submit"],
  body[class^="rc-"] button[type="submit"] {
    border-radius: 12px !important;
    padding: 9px 12px !important;
    font-size: 13px !important;
    line-height: 1.2 !important;
    min-height: 0 !important;
  }

  body[class^="rc-"] .rc-card,
  body[class^="rc-"] .rc-box,
  body[class^="rc-"] .rc-panel,
  body[class^="rc-"] .rc-sidebar-box,
  body[class^="rc-"] [class*="-card"],
  body[class^="rc-"] [class*="-box"],
  body[class^="rc-"] [class*="-panel"] {
    border-radius: var(--ts-mobile-card-radius) !important;
  }

  body[class^="rc-"] [class*="hero"] {
    border-radius: 18px !important;
    padding: 16px !important;
  }
}

@media (max-width: 760px) {
  body.rc-livestream-page .rc-page-grid,
  body.rc-livestream-page .rc-livestream-grid { display:block!important; grid-template-columns:1fr!important; width:100%!important; max-width:100%!important; }
  body.rc-livestream-page .rc-portal-sidebar-left { display:none!important; }
  body.rc-livestream-page .rc-livestream-main { width:100%!important; max-width:100%!important; min-width:0!important; padding:0 10px!important; box-sizing:border-box!important; overflow-x:hidden!important; }
  body.rc-livestream-page .rc-livestream-hero { padding:16px!important; border-radius:16px!important; margin:10px 0 12px!important; }
  body.rc-livestream-page .rc-livestream-hero span,
  body.rc-livestream-page .rc-livestream-section-head span,
  body.rc-livestream-page .rc-livestream-track-badge { border-radius:10px!important; padding:4px 8px!important; font-size:10.5px!important; }
  body.rc-livestream-page .rc-livestream-hero h1 { font-size:27px!important; line-height:1.08!important; letter-spacing:-.025em!important; }
  body.rc-livestream-page .rc-livestream-hero p { font-size:14px!important; line-height:1.45!important; }
  body.rc-livestream-page .rc-livestream-panel { padding:14px!important; border-radius:16px!important; margin:10px 0 14px!important; }
  body.rc-livestream-page .rc-livestream-section-head h2 { font-size:23px!important; line-height:1.12!important; }
  body.rc-livestream-page .rc-livestream-next-list,
  body.rc-livestream-page .rc-livestream-track-grid,
  body.rc-livestream-page .rc-livestream-date-list { grid-template-columns:1fr!important; gap:10px!important; }
  body.rc-livestream-page .rc-livestream-next-card,
  body.rc-livestream-page .rc-livestream-track-card,
  body.rc-livestream-page .rc-livestream-date-card { padding:13px!important; border-radius:15px!important; min-width:0!important; width:100%!important; box-sizing:border-box!important; }
  body.rc-livestream-page .rc-livestream-track-card h3,
  body.rc-livestream-page .rc-livestream-track-card strong { font-size:21px!important; line-height:1.12!important; letter-spacing:-.015em!important; }
  body.rc-livestream-page .rc-livestream-track-card p,
  body.rc-livestream-page .rc-livestream-date-card em { font-size:14px!important; line-height:1.42!important; }
  body.rc-livestream-page .rc-livestream-track-card a,
  body.rc-livestream-page .rc-livestream-date-card b { display:inline-flex!important; width:auto!important; border-radius:12px!important; padding:9px 12px!important; font-size:13px!important; }
}

/* V240: Livestream mobil textlich und optisch entlasten */
@media (max-width:760px){
  body.rc-livestream-page .rc-livestream-hero,
  body.rc-livestream-page .rc-livestream-panel{
    padding:15px!important;
    border-radius:16px!important;
    margin:10px 0 14px!important;
  }
  body.rc-livestream-page .rc-livestream-hero h1{
    font-size:25px!important;
    line-height:1.08!important;
    margin:8px 0!important;
  }
  body.rc-livestream-page .rc-livestream-hero p,
  body.rc-livestream-page .rc-livestream-panel p{
    font-size:14px!important;
    line-height:1.42!important;
  }
  body.rc-livestream-page .rc-livestream-section-head h2{
    font-size:22px!important;
    line-height:1.12!important;
    margin:6px 0 10px!important;
  }
  body.rc-livestream-page .rc-livestream-course-card{
    padding:14px!important;
    border-radius:15px!important;
  }
  body.rc-livestream-page .rc-livestream-course-card h3{
    font-size:20px!important;
    line-height:1.14!important;
    margin:4px 0 7px!important;
  }
  body.rc-livestream-page .rc-livestream-course-card p{
    font-size:13.5px!important;
    line-height:1.38!important;
    margin:0 0 9px!important;
  }
  body.rc-livestream-page .rc-livestream-course-card a{
    min-height:34px!important;
    padding:0 12px!important;
    border-radius:10px!important;
    font-size:13px!important;
  }
  body.rc-livestream-page .rc-livestream-next-list a{
    padding:12px!important;
    border-radius:13px!important;
  }
  body.rc-livestream-page .rc-livestream-next-list strong{
    font-size:17px!important;
  }
  body.rc-livestream-page .rc-livestream-next-list span{
    font-size:13px!important;
  }
}
