@font-face{
  font-display:swap;
  font-family:'Barlow';
  font-style:normal;
  font-weight:400;
  src:url('https://tv.dlrg.de/fileadmin/groups/19270000/WS_26/fonts/barlow-v13-latin-regular.woff2') format('woff2');
}
@font-face{
  font-display:swap;
  font-family:'Barlow';
  font-style:normal;
  font-weight:500;
  src:url('https://tv.dlrg.de/fileadmin/groups/19270000/WS_26/fonts/barlow-v13-latin-500.woff2') format('woff2');
}
@font-face{
  font-display:swap;
  font-family:'Barlow';
  font-style:normal;
  font-weight:600;
  src:url('https://tv.dlrg.de/fileadmin/groups/19270000/WS_26/fonts/barlow-v13-latin-600.woff2') format('woff2');
}
@font-face{
  font-display:swap;
  font-family:'Barlow';
  font-style:normal;
  font-weight:700;
  src:url('https://tv.dlrg.de/fileadmin/groups/19270000/WS_26/fonts/barlow-v13-latin-700.woff2') format('woff2');
}
@font-face{
  font-display:swap;
  font-family:'Barlow Condensed';
  font-style:normal;
  font-weight:400;
  src:url('https://tv.dlrg.de/fileadmin/groups/19270000/WS_26/fonts/barlow-condensed-v13-latin-regular.woff2') format('woff2');
}
@font-face{
  font-display:swap;
  font-family:'Barlow Condensed';
  font-style:normal;
  font-weight:700;
  src:url('https://tv.dlrg.de/fileadmin/groups/19270000/WS_26/fonts/barlow-condensed-v13-latin-700.woff2') format('woff2');
}
@font-face{
  font-display:swap;
  font-family:'Barlow Condensed';
  font-style:normal;
  font-weight:800;
  src:url('https://tv.dlrg.de/fileadmin/groups/19270000/WS_26/fonts/barlow-condensed-v13-latin-800.woff2') format('woff2');
}

/* ===========================================================
   DLRG CHEMNITZ — STARTSEITE v6
   CD/CI: Rot HKS 14 #e30613 | Gelb HKS 3 #ffed00
          Grau HKS 88 #575756 | Anthrazit Akzent #1a1a1a
   Schrift: Barlow Condensed (Display) + Barlow (Body)
            (Univers-/Arial-nahe, web-safe Alternativen)
   =========================================================== */
.dlrgcm-home{
  --dlrgcm-r:#e30613;
  --dlrgcm-r-d:#b5040f;
  --dlrgcm-y:#ffed00;
  --dlrgcm-grau:#575756;
  --dlrgcm-dark:#1a1a1a;
  --dlrgcm-text:#3a3a39;
  --dlrgcm-mute:#7a7a78;
  --dlrgcm-line:#e8e6e1;
  --dlrgcm-bg:#fafaf8;
  --dlrgcm-w:#ffffff;
  --dlrgcm-display:'Barlow Condensed',Arial Narrow,Arial,sans-serif;
  --dlrgcm-body:'Barlow',Arial,sans-serif;
  font-family:var(--dlrgcm-body);
  color:var(--dlrgcm-text);
  line-height:1.55;
  font-size:16px;
}
.dlrgcm-home *,
.dlrgcm-home *::before,
.dlrgcm-home *::after{
  box-sizing:border-box;
  margin:0;
  padding:0;
}
.dlrgcm-home img{display:block;max-width:100%}
.dlrgcm-home a{color:inherit;text-decoration:none}
.dlrgcm-home button{font-family:inherit;cursor:pointer;border:none;background:none}
.dlrgcm-home ul{list-style:none}

/* ============ DLRG-Bauchbinde (wiederkehrendes CD-Element) ============ */
.dlrgcm-bauchbinde{
  display:flex;
  align-items:center;
  background:var(--dlrgcm-r);
  height:34px;
  position:relative;
  padding:0 14px;
}
.dlrgcm-bauchbinde-url{
  font-family:var(--dlrgcm-display);
  font-size:.85rem;
  font-weight:700;
  letter-spacing:.05em;
  color:var(--dlrgcm-y);
  text-transform:lowercase;
}
.dlrgcm-bauchbinde-mark{
  margin-left:auto;
  font-family:var(--dlrgcm-display);
  font-size:1.4rem;
  font-weight:800;
  letter-spacing:.04em;
  color:var(--dlrgcm-y);
  line-height:1;
  padding:0 .25rem;
  border:2px solid var(--dlrgcm-y);
}

/* ============ 1. SLIDER ============ */
.dlrgcm-slider{
  position:relative;
  height:clamp(260px,38vw,420px);
  overflow:hidden;
  background:var(--dlrgcm-dark);
}
.dlrgcm-slide{
  position:absolute;
  inset:0;
  opacity:0;
  visibility:hidden;
  transition:opacity .9s ease,visibility .9s;
}
.dlrgcm-slide.is-active{
  opacity:1;
  visibility:visible;
}
.dlrgcm-slide img{
  width:100%;
  height:100%;
  object-fit:cover;
}
.dlrgcm-slide-grad{
  position:absolute;
  inset:0;
  background:linear-gradient(90deg,
    rgba(15,15,15,.78) 0%,
    rgba(15,15,15,.45) 45%,
    rgba(15,15,15,.1) 75%,
    transparent 100%);
}
.dlrgcm-slide-content{
  position:absolute;
  inset:0;
  padding:0 32px 0;
  display:flex;
  flex-direction:column;
  justify-content:center;
  max-width:620px;
  z-index:2;
}
@media(max-width:680px){.dlrgcm-slide-content{padding:0 20px;max-width:90%}}
.dlrgcm-slide-tag{
  display:inline-flex;
  align-items:center;
  gap:.6rem;
  font-family:var(--dlrgcm-display);
  font-size:.72rem;
  font-weight:700;
  letter-spacing:.22em;
  text-transform:uppercase;
  color:var(--dlrgcm-y);
  margin-bottom:1rem;
  align-self:flex-start;
}
.dlrgcm-slide-tag::before{
  content:'';
  display:block;
  width:24px;height:2px;
  background:var(--dlrgcm-y);
}
.dlrgcm-slide h2{
  font-family:var(--dlrgcm-display);
  font-size:clamp(1.7rem,4.2vw,3rem);
  font-weight:800;
  line-height:1.05;
  color:var(--dlrgcm-w);
  letter-spacing:-.005em;
  margin-bottom:.7rem;
}
.dlrgcm-slide h2 em{
  font-style:normal;
  background:var(--dlrgcm-r);
  padding:0 .3em;
}
.dlrgcm-slide p{
  font-size:1rem;
  color:rgba(255,255,255,.88);
  line-height:1.5;
  margin-bottom:1.3rem;
  max-width:480px;
}.dlrgcm-slide-cta{
  display:inline-flex;
  align-items:center;
  gap:.6rem;
  background:var(--dlrgcm-w);
  color:var(--dlrgcm-r) !important;
  font-family:var(--dlrgcm-display);
  font-size:.95rem;
  font-weight:700;
  letter-spacing:.06em;
  text-transform:uppercase;
  padding:.75rem 1.3rem;
  align-self:flex-start;
  transition:background .15s,color .15s,transform .15s;
}
.dlrgcm-slide-cta:hover{
  background:var(--dlrgcm-y);
  color:var(--dlrgcm-dark);
  transform:translateX(3px);
}
.dlrgcm-slide-cta::after{content:'→'}

/* Slider-Controls */
.dlrgcm-slider-nav{
  position:absolute;
  bottom:0;left:0;right:0;
  display:flex;
  align-items:center;
  z-index:5;
  background:rgba(15,15,15,.55);
  backdrop-filter:blur(6px);
}
.dlrgcm-slider-dots{
  display:flex;
  gap:0;
  flex:1;
}
.dlrgcm-dot{
  flex:1;
  background:none;
  padding:14px 8px 12px;
  text-align:left;
  display:flex;
  align-items:center;
  gap:.7rem;
  font-family:var(--dlrgcm-display);
  font-size:.7rem;
  font-weight:700;
  letter-spacing:.12em;
  text-transform:uppercase;
  color:rgba(255,255,255,.55);
  border-top:3px solid transparent;
  transition:color .2s,border-color .2s,background .2s;
  position:relative;
}
.dlrgcm-dot:hover{color:var(--dlrgcm-w);background:rgba(255,255,255,.05)}
.dlrgcm-dot.is-active{
  color:var(--dlrgcm-w);
  border-top-color:var(--dlrgcm-y);
}
.dlrgcm-dot-num{
  font-size:.85rem;
  color:var(--dlrgcm-r);
  font-weight:800;
}
.dlrgcm-dot.is-active .dlrgcm-dot-num{color:var(--dlrgcm-y)}
.dlrgcm-dot-progress{
  position:absolute;
  top:-3px;left:0;
  height:3px;
  background:var(--dlrgcm-y);
  width:0;
}
.dlrgcm-dot.is-active .dlrgcm-dot-progress{
  animation:dlrgcm-progress 6s linear forwards;
}
@keyframes dlrgcm-progress{
  from{width:0}to{width:100%}
}
.dlrgcm-slider-controls{
  display:flex;
  border-left:1px solid rgba(255,255,255,.15);
}
.dlrgcm-slider-btn{
  width:42px;height:42px;
  display:flex;
  align-items:center;
  justify-content:center;
  color:rgba(255,255,255,.7);
  transition:color .15s,background .15s;
}
.dlrgcm-slider-btn:hover{color:var(--dlrgcm-y);background:rgba(255,255,255,.05)}
.dlrgcm-slider-btn svg{width:18px;height:18px;fill:currentColor}

@media(max-width:680px){
  .dlrgcm-dot{padding:12px 6px 10px;font-size:.65rem;letter-spacing:.08em}
  .dlrgcm-dot-num{font-size:.75rem}
  .dlrgcm-dot-label{display:none}
  .dlrgcm-slider-btn{width:36px;height:36px}
}

/* ============ Wrapper Padding ============ */
.dlrgcm-w-pad{padding:0 32px}
@media(max-width:680px){.dlrgcm-w-pad{padding:0 20px}}

/* ============ 2. HEADLINE / EINFÜHRUNG ============ */
.dlrgcm-header{
  padding:3rem 32px 2.5rem;
  border-bottom:1px solid var(--dlrgcm-line);
}
@media(max-width:680px){.dlrgcm-header{padding:2.25rem 20px 2rem}}

.dlrgcm-kicker{
  display:inline-flex;
  align-items:center;
  gap:.6rem;
  font-family:var(--dlrgcm-display);
  font-size:.78rem;
  font-weight:700;
  letter-spacing:.22em;
  text-transform:uppercase;
  color:var(--dlrgcm-r);
  margin-bottom:1.4rem;
}
.dlrgcm-kicker::before{
  content:'';
  display:block;
  width:32px;height:2px;
  background:var(--dlrgcm-r);
}

.dlrgcm-headline{
  font-family:var(--dlrgcm-display);
  font-size:clamp(2rem,5vw,3.4rem);
  font-weight:800;
  line-height:1.05;
  letter-spacing:-.01em;
  color:var(--dlrgcm-dark);
  max-width:880px;
  margin-bottom:1.3rem;
}
.dlrgcm-headline em{
  font-style:normal;
  position:relative;
  display:inline-block;
}
.dlrgcm-headline em::after{
  content:'';
  position:absolute;
  left:-.05em;right:-.05em;bottom:.05em;
  height:.42em;
  background:var(--dlrgcm-y);
  z-index:-1;
}

.dlrgcm-lead{
  font-size:1.1rem;
  line-height:1.6;
  color:var(--dlrgcm-grau);
  max-width:680px;
}
.dlrgcm-lead strong{color:var(--dlrgcm-dark);font-weight:600}

/* ============ 3. PRIMARY: Foto + Action-Card ============ */
.dlrgcm-primary{
  display:grid;
  grid-template-columns:1.7fr 1fr;
  gap:0;
  margin-top:0;
}
@media(max-width:780px){.dlrgcm-primary{grid-template-columns:1fr}}

.dlrgcm-primary-img{
  position:relative;
  aspect-ratio:16/10;
  overflow:hidden;
  background:#222;
  display:block;
}
.dlrgcm-primary-img img{
  width:100%;height:100%;
  object-fit:cover;
  transition:transform 8s ease;
}
.dlrgcm-primary-img:hover img{transform:scale(1.04)}
.dlrgcm-primary-img-meta{
  position:absolute;
  bottom:0;left:0;
  background:var(--dlrgcm-r);
  padding:.5rem .9rem;
  font-family:var(--dlrgcm-display);
  font-size:.72rem;
  font-weight:700;
  letter-spacing:.15em;
  text-transform:uppercase;
  color:var(--dlrgcm-y);
}

.dlrgcm-action{
  background:var(--dlrgcm-dark);
  color:var(--dlrgcm-w);
  padding:2.5rem 2rem;
  display:flex;
  flex-direction:column;
  justify-content:center;
}
.dlrgcm-action-eyebrow{
  font-family:var(--dlrgcm-display);
  font-size:.72rem;
  font-weight:700;
  letter-spacing:.22em;
  text-transform:uppercase;
  color:var(--dlrgcm-y);
  margin-bottom:1rem;
}
.dlrgcm-action h2{
  font-family:var(--dlrgcm-display);
  font-size:1.7rem;
  font-weight:800;
  line-height:1.1;
  color:var(--dlrgcm-w);
  margin-bottom:.7rem;
}
.dlrgcm-action p{
  font-size:.95rem;
  line-height:1.55;
  color:rgba(255,255,255,.7);
  margin-bottom:1.5rem;
}

/* === BUTTON: Rot mit Weiß-Hover (Hover-Fix) === */
.dlrgcm-action-cta{
  display:inline-flex;
  align-items:center;
  justify-content:space-between;
  background:var(--dlrgcm-r);
  color:var(--dlrgcm-w);
  font-family:var(--dlrgcm-display);
  font-size:1rem;
  font-weight:700;
  letter-spacing:.05em;
  text-transform:uppercase;
  padding:.95rem 1.4rem;
  width:100%;
  max-width:280px;
  border:2px solid var(--dlrgcm-r);
  transition:background .15s,color .15s,border-color .15s,transform .15s;
}
.dlrgcm-action-cta:hover,
.dlrgcm-action-cta:focus-visible{
  background:var(--dlrgcm-y);
  color:var(--dlrgcm-dark);
  border-color:var(--dlrgcm-y);
  transform:translateX(3px);
}
.dlrgcm-action-cta::after{
  content:'→';
  font-family:var(--dlrgcm-body);
  font-weight:400;
  margin-left:1rem;
}
.dlrgcm-action-sub{
  margin-top:1.2rem;
  font-size:.83rem;
  color:rgba(255,255,255,.55);
}
.dlrgcm-action-sub a{
  color:var(--dlrgcm-y);
  text-decoration:underline;
  text-underline-offset:3px;
}
.dlrgcm-action-sub a:hover{color:var(--dlrgcm-w)}

/* ============ 4. THREE WAYS — horizontale Bänder ============ */
.dlrgcm-ways{
  margin-top:5rem;
}
.dlrgcm-section-head{
  padding:0 32px;
  margin-bottom:1.5rem;
  display:flex;
  align-items:flex-end;
  justify-content:space-between;
  gap:1.5rem;
  flex-wrap:wrap;
}
@media(max-width:680px){.dlrgcm-section-head{padding:0 20px}}

.dlrgcm-section-head h2{
  font-family:var(--dlrgcm-display);
  font-size:clamp(1.6rem,3.2vw,2.2rem);
  font-weight:800;
  line-height:1.05;
  color:var(--dlrgcm-dark);
  letter-spacing:-.005em;
}
.dlrgcm-section-meta{
  font-family:var(--dlrgcm-display);
  font-size:.78rem;
  font-weight:700;
  letter-spacing:.18em;
  text-transform:uppercase;
  color:var(--dlrgcm-mute);
}

.dlrgcm-ways-list{
  border-top:3px solid var(--dlrgcm-r);
}
.dlrgcm-way{
  display:grid;
  grid-template-columns:140px 1fr 360px auto;
  gap:2rem;
  align-items:center;
  padding:1.75rem 32px;
  border-bottom:1px solid var(--dlrgcm-line);
  transition:background .2s;
  position:relative;
}
@media(max-width:780px){
  .dlrgcm-way{
    grid-template-columns:1fr;
    gap:1rem;
    padding:1.5rem 20px;
  }
}
.dlrgcm-way:hover{background:var(--dlrgcm-bg)}
.dlrgcm-way::before{
  content:'';
  position:absolute;
  left:0;top:0;bottom:0;
  width:0;
  background:var(--dlrgcm-r);
  transition:width .2s ease;
}
.dlrgcm-way:hover::before{width:5px}

.dlrgcm-way-img{
  position:relative;
  aspect-ratio:1/1;
  overflow:hidden;
  background:#222;
}
@media(max-width:780px){.dlrgcm-way-img{aspect-ratio:16/9}}
.dlrgcm-way-img img{
  width:100%;height:100%;
  object-fit:cover;
}

.dlrgcm-way-text .dlrgcm-way-target{
  font-family:var(--dlrgcm-display);
  font-size:.72rem;
  font-weight:700;
  letter-spacing:.18em;
  text-transform:uppercase;
  color:var(--dlrgcm-r);
  margin-bottom:.4rem;
}
.dlrgcm-way-text h3{
  font-family:var(--dlrgcm-display);
  font-size:1.5rem;
  font-weight:800;
  line-height:1.1;
  color:var(--dlrgcm-dark);
  margin-bottom:.4rem;
}
.dlrgcm-way-text p{
  font-size:.92rem;
  color:var(--dlrgcm-grau);
  line-height:1.5;
}

.dlrgcm-way-detail{
  font-size:.88rem;
  color:var(--dlrgcm-text);
  line-height:1.5;
  border-left:2px solid var(--dlrgcm-r);
  padding-left:1rem;
}
@media(max-width:780px){.dlrgcm-way-detail{display:none}}
.dlrgcm-way-detail strong{
  display:block;
  font-family:var(--dlrgcm-display);
  font-size:.7rem;
  font-weight:700;
  letter-spacing:.15em;
  text-transform:uppercase;
  color:var(--dlrgcm-mute);
  margin-bottom:.25rem;
}

.dlrgcm-way-arrow{
  font-family:var(--dlrgcm-display);
  font-size:.85rem;
  font-weight:700;
  letter-spacing:.1em;
  text-transform:uppercase;
  color:var(--dlrgcm-dark);
  white-space:nowrap;
  border-bottom:2px solid var(--dlrgcm-r);
  padding-bottom:.2rem;
  align-self:center;
  transition:color .15s;
}
.dlrgcm-way:hover .dlrgcm-way-arrow{color:var(--dlrgcm-r)}
.dlrgcm-way-arrow::after{content:' →'}

/* ============ 5. STAT + ÜBER UNS ============ */
.dlrgcm-about{
  margin-top:5rem;
  padding:0 32px;
  display:grid;
  grid-template-columns:1fr 1.3fr;
  gap:3rem;
  align-items:start;
}
@media(max-width:780px){
  .dlrgcm-about{grid-template-columns:1fr;gap:1.5rem;padding:0 20px}
}

.dlrgcm-stat{
  border-top:6px solid var(--dlrgcm-r);
  padding-top:1rem;
  position:relative;
}
.dlrgcm-stat::before{
  content:'';
  position:absolute;
  top:-6px;left:0;
  width:30%;height:6px;
  background:var(--dlrgcm-y);
}
.dlrgcm-stat-num{
  font-family:var(--dlrgcm-display);
  font-size:clamp(4rem,9vw,6.5rem);
  font-weight:800;
  line-height:.9;
  color:var(--dlrgcm-dark);
  letter-spacing:-.02em;
}
.dlrgcm-stat-num sup{
  font-size:.4em;
  font-weight:700;
  vertical-align:super;
  color:var(--dlrgcm-r);
}
.dlrgcm-stat-label{
  font-family:var(--dlrgcm-display);
  font-size:1.05rem;
  font-weight:700;
  letter-spacing:.05em;
  color:var(--dlrgcm-text);
  margin-top:.4rem;
  text-transform:uppercase;
}
.dlrgcm-stat-sub{
  font-size:.92rem;
  color:var(--dlrgcm-grau);
  margin-top:.6rem;
  line-height:1.5;
  max-width:280px;
}

.dlrgcm-about-text .dlrgcm-kicker{margin-bottom:1rem}
.dlrgcm-about-text h2{
  font-family:var(--dlrgcm-display);
  font-size:clamp(1.6rem,3.2vw,2.2rem);
  font-weight:800;
  line-height:1.1;
  color:var(--dlrgcm-dark);
  margin-bottom:1rem;
  letter-spacing:-.005em;
}
.dlrgcm-about-text p{
  font-size:1rem;
  color:var(--dlrgcm-text);
  line-height:1.65;
  margin-bottom:1rem;
}
.dlrgcm-about-text p strong{font-weight:600;color:var(--dlrgcm-dark)}

.dlrgcm-about-meta{
  display:flex;
  gap:2rem;
  flex-wrap:wrap;
  margin-top:1.5rem;
  padding-top:1.25rem;
  border-top:1px solid var(--dlrgcm-line);
}
.dlrgcm-about-meta-item{font-size:.85rem}
.dlrgcm-about-meta-item span{
  display:block;
  font-family:var(--dlrgcm-display);
  font-size:.7rem;
  font-weight:700;
  letter-spacing:.18em;
  text-transform:uppercase;
  color:var(--dlrgcm-mute);
  margin-bottom:.2rem;
}
.dlrgcm-about-meta-item strong{
  font-family:var(--dlrgcm-display);
  font-size:1.1rem;
  font-weight:700;
  color:var(--dlrgcm-dark);
}

.dlrgcm-about-link{
  display:inline-flex;
  align-items:center;
  margin-top:1.5rem;
  font-family:var(--dlrgcm-display);
  font-size:.9rem;
  font-weight:700;
  letter-spacing:.08em;
  text-transform:uppercase;
  color:var(--dlrgcm-r);
}
.dlrgcm-about-link::after{
  content:'→';
  margin-left:.5rem;
  transition:transform .15s;
}
.dlrgcm-about-link:hover::after{transform:translateX(4px)}

/* ============ 6. EINSATZ-BANNER ============ */
.dlrgcm-event{
  margin-top:5rem;
  position:relative;
  overflow:hidden;
}
.dlrgcm-event-img{
  position:relative;
  height:340px;
}
@media(max-width:780px){.dlrgcm-event-img{height:280px}}
.dlrgcm-event-img img{
  width:100%;height:100%;
  object-fit:cover;
}
.dlrgcm-event-img::after{
  content:'';
  position:absolute;inset:0;
  background:linear-gradient(90deg,rgba(15,15,15,.85) 0%,rgba(15,15,15,.4) 60%,transparent 100%);
}
.dlrgcm-event-content{
  position:absolute;
  top:0;left:0;
  height:100%;
  display:flex;
  flex-direction:column;
  justify-content:center;
  padding:0 32px;
  max-width:560px;
  z-index:1;
}
@media(max-width:680px){.dlrgcm-event-content{padding:0 20px;max-width:90%}}
.dlrgcm-event-eyebrow{
  font-family:var(--dlrgcm-display);
  font-size:.72rem;
  font-weight:700;
  letter-spacing:.22em;
  text-transform:uppercase;
  color:var(--dlrgcm-y);
  margin-bottom:.8rem;
}
.dlrgcm-event h2{
  font-family:var(--dlrgcm-display);
  font-size:clamp(1.6rem,3.5vw,2.4rem);
  font-weight:800;
  line-height:1.05;
  color:var(--dlrgcm-w);
  margin-bottom:.7rem;
}
.dlrgcm-event p{
  font-size:.95rem;
  line-height:1.55;
  color:rgba(255,255,255,.85);
  margin-bottom:1.4rem;
  max-width:440px;
}
.dlrgcm-event-cta{
  display:inline-flex;
  align-items:center;
  gap:.6rem;
  background:var(--dlrgcm-w);
  color:var(--dlrgcm-r);
  font-family:var(--dlrgcm-display);
  font-size:.95rem;
  font-weight:700;
  letter-spacing:.06em;
  text-transform:uppercase;
  padding:.85rem 1.4rem;
  align-self:flex-start;
  border:2px solid var(--dlrgcm-w);
  transition:background .15s,color .15s,border-color .15s;
}
.dlrgcm-event-cta:hover,
.dlrgcm-event-cta:focus-visible{
  background:var(--dlrgcm-y);
  color:var(--dlrgcm-dark);
  border-color:var(--dlrgcm-y);
}
.dlrgcm-event-cta::after{content:'→'}

/* ============ 7. KURSE & SEMINARE (Plugin) ============ */
.dlrgcm-courses{
  margin-top:5rem;
  padding:0 32px;
}
@media(max-width:680px){.dlrgcm-courses{padding:0 20px}}

.dlrgcm-courses-head{
  display:flex;
  align-items:flex-end;
  justify-content:space-between;
  gap:1rem;
  flex-wrap:wrap;
  border-bottom:3px solid var(--dlrgcm-r);
  padding-bottom:.8rem;
  margin-bottom:1.5rem;
}
.dlrgcm-courses-head-l h2{
  font-family:var(--dlrgcm-display);
  font-size:clamp(1.5rem,3vw,2rem);
  font-weight:800;
  line-height:1.05;
  color:var(--dlrgcm-dark);
}
.dlrgcm-courses-head-l p{
  font-size:.88rem;
  color:var(--dlrgcm-grau);
  margin-top:.3rem;
}
.dlrgcm-courses-head-r{
  display:flex;
  align-items:center;
  gap:1.5rem;
  flex-wrap:wrap;
}
.dlrgcm-courses-link{
  font-family:var(--dlrgcm-display);
  font-size:.85rem;
  font-weight:700;
  letter-spacing:.08em;
  text-transform:uppercase;
  color:var(--dlrgcm-r);
  white-space:nowrap;
}
.dlrgcm-courses-link::after{content:' →'}
.dlrgcm-courses-link:hover{color:var(--dlrgcm-r-d)}

/* Plugin-Wrapper */
.dlrgcm-plugin{font-family:var(--dlrgcm-body)}
.dlrgcm-plugin table,
.dlrgcm-plugin .tx-dlrgseminare table{
  width:100% !important;
  border-collapse:collapse !important;
  font-family:var(--dlrgcm-body) !important;
  font-size:.92rem !important;
}
.dlrgcm-plugin thead tr,
.dlrgcm-plugin th,
.dlrgcm-plugin .tx-dlrgseminare th{
  background:var(--dlrgcm-bg) !important;
  color:var(--dlrgcm-grau) !important;
  font-family:var(--dlrgcm-display) !important;
  font-weight:700 !important;
  font-size:.74rem !important;
  letter-spacing:.12em !important;
  text-transform:uppercase !important;
  text-align:left !important;
  padding:.7rem .9rem !important;
  border:none !important;
  border-bottom:1px solid var(--dlrgcm-line) !important;
}
.dlrgcm-plugin td,
.dlrgcm-plugin .tx-dlrgseminare td{
  padding:.85rem .9rem !important;
  border-bottom:1px solid var(--dlrgcm-line) !important;
  border-left:none !important;
  border-right:none !important;
  border-top:none !important;
  color:var(--dlrgcm-text) !important;
  vertical-align:middle !important;
}
.dlrgcm-plugin tbody tr:hover td{background:var(--dlrgcm-bg) !important}
.dlrgcm-plugin a{
  color:var(--dlrgcm-r) !important;
  text-decoration:none !important;
  font-weight:600 !important;
  border-bottom:1px solid transparent !important;
  transition:border-color .15s !important;
}
.dlrgcm-plugin a:hover{border-bottom-color:var(--dlrgcm-r) !important}
.dlrgcm-plugin [class*="available"]{
  background:#e8f5e9 !important;
  color:#2e7d32 !important;
  padding:3px 9px !important;
  font-size:.74rem !important;
  font-weight:600 !important;
  display:inline-block;
  letter-spacing:.02em !important;
}
.dlrgcm-plugin [class*="full"],
.dlrgcm-plugin [class*="booked"]{
  background:#fdecec !important;
  color:var(--dlrgcm-r) !important;
  padding:3px 9px !important;
  font-size:.74rem !important;
  font-weight:600 !important;
  display:inline-block;
  letter-spacing:.02em !important;
}
.dlrgcm-plugin .pagination{margin-top:1rem !important}
.dlrgcm-plugin .pagination a,
.dlrgcm-plugin .pagination span{
  display:inline-block !important;
  padding:.32rem .65rem !important;
  margin:0 2px !important;
  font-size:.85rem !important;
  color:var(--dlrgcm-text) !important;
  border:1px solid var(--dlrgcm-line) !important;
}
.dlrgcm-plugin .pagination .active,
.dlrgcm-plugin .pagination .current{
  background:var(--dlrgcm-r) !important;
  color:var(--dlrgcm-w) !important;
  border-color:var(--dlrgcm-r) !important;
}

/* ============ 8. NEWS-BAR ============ */
.dlrgcm-newsbar{
  margin-top:3rem;
  padding:1.5rem 32px;
  border-top:1px solid var(--dlrgcm-line);
  border-bottom:1px solid var(--dlrgcm-line);
  display:flex;
  align-items:center;
  justify-content:space-between;
  gap:1rem;
  flex-wrap:wrap;
  font-size:.9rem;
  color:var(--dlrgcm-grau);
}
@media(max-width:680px){.dlrgcm-newsbar{padding:1.25rem 20px}}
.dlrgcm-newsbar strong{
  color:var(--dlrgcm-dark);
  font-weight:700;
  font-family:var(--dlrgcm-display);
  text-transform:uppercase;
  letter-spacing:.1em;
  font-size:.78rem;
}
.dlrgcm-newsbar a{
  color:var(--dlrgcm-r);
  font-family:var(--dlrgcm-display);
  font-weight:700;
  letter-spacing:.08em;
  text-transform:uppercase;
  font-size:.78rem;
}
.dlrgcm-newsbar a::after{content:' →'}
.dlrgcm-newsbar a:hover{color:var(--dlrgcm-r-d)}

/* ============ 9. JOIN ============ */
.dlrgcm-join{
  margin-top:0;
  background:var(--dlrgcm-r);
  color:var(--dlrgcm-w);
  padding:3rem 32px;
  position:relative;
  overflow:hidden;
}
.dlrgcm-join::before{
  content:'';
  position:absolute;
  top:0;right:0;
  width:240px;height:6px;
  background:var(--dlrgcm-y);
}
@media(max-width:680px){.dlrgcm-join{padding:2.25rem 20px}}

.dlrgcm-join-grid{
  display:grid;
  grid-template-columns:1fr auto;
  gap:2rem;
  align-items:center;
  max-width:980px;
}
@media(max-width:680px){.dlrgcm-join-grid{grid-template-columns:1fr}}

.dlrgcm-join .dlrgcm-kicker{
  color:var(--dlrgcm-y);
  margin-bottom:.85rem;
}
.dlrgcm-join .dlrgcm-kicker::before{background:var(--dlrgcm-y)}
.dlrgcm-join h2{
  font-family:var(--dlrgcm-display);
  font-size:clamp(1.6rem,3.5vw,2.3rem);
  font-weight:800;
  line-height:1.1;
  color:var(--dlrgcm-w);
  margin-bottom:.7rem;
}
.dlrgcm-join h2 em{
  font-style:normal;
  color:var(--dlrgcm-y);
}
.dlrgcm-join p{
  font-size:1rem;
  color:rgba(255,255,255,.92);
  line-height:1.55;
  max-width:520px;
}
.dlrgcm-join-cta{
  display:inline-flex;
  align-items:center;
  background:var(--dlrgcm-y);
  color:var(--dlrgcm-dark);
  font-family:var(--dlrgcm-display);
  font-size:1rem;
  font-weight:800;
  letter-spacing:.06em;
  text-transform:uppercase;
  padding:.95rem 1.6rem;
  white-space:nowrap;
  border:2px solid var(--dlrgcm-y);
  transition:background .15s,color .15s,border-color .15s,transform .15s;
}
.dlrgcm-join-cta:hover,
.dlrgcm-join-cta:focus-visible{
  background:var(--dlrgcm-w);
  color:var(--dlrgcm-r);
  border-color:var(--dlrgcm-w);
  transform:translateX(3px);
}
.dlrgcm-join-cta::after{
  content:'→';
  margin-left:.7rem;
  font-family:var(--dlrgcm-body);
  font-weight:400;
}

/* ============ FOOTER-Bauchbinde (CD-Element) ============ */
.dlrgcm-footer-binde{
  margin-top:0;
}

/* ============ Accessibility ============ */
.dlrgcm-sr-only{
  position:absolute;width:1px;height:1px;
  padding:0;margin:-1px;overflow:hidden;
  clip:rect(0,0,0,0);white-space:nowrap;border:0;
}
.dlrgcm-home a:focus-visible,
.dlrgcm-home button:focus-visible{
  outline:3px solid var(--dlrgcm-y);
  outline-offset:2px;
}
  .dlrgcm-home a.dlrgcm-slide-cta{
  color:var(--dlrgcm-r);
}
.dlrgcm-home a.dlrgcm-slide-cta:hover{
  color:var(--dlrgcm-dark);
}
@media (max-width: 680px) {
  .dlrgcm-slider {
    height: clamp(420px, 90vw, 560px);
  }
  .dlrgcm-slide-content {
    padding: 1.5rem 20px;
    justify-content: flex-start;
    padding-top: 2rem;
  }
  .dlrgcm-slide-tag {
    margin-top: 1rem;
    margin-bottom: 1.2rem;
  }
  .dlrgcm-slide h2 {
    font-size: 1.5rem;
    margin-bottom: .9rem;
  }
  .dlrgcm-slide p {
    margin-bottom: 1.2rem;
  }
}