:root{
	    --rot:#E00019; --rot-2:#B20C18;
	    --gruen:#28a745; --gruen-2:#249945;
	    --rahmen:#dddddd;
	    --blau:#1d77d1; --blau-2:#0f64b7;
	    --home-bg:#f5f6f5;
	    --home-surface:var(--ea-surface, #ffffff);
	    --home-soft:var(--ea-surface-soft, #f8faf8);
	    --home-border:var(--ea-border, rgba(17,24,39,.10));
	    --home-shadow:var(--ea-card-shadow, 0 2px 8px rgba(17,24,39,.055));
	    --home-shadow-hover:var(--ea-card-shadow-hover, 0 10px 24px rgba(17,24,39,.11));
	    --home-radius:var(--ea-card-radius, 12px);

	    --section-max-w:1100px;
	    --side-gap:clamp(14px,4vw,20px);

    /* Fluid Type Scale */
    --step--1: clamp(.86rem, .2vw + .82rem, .95rem);
    --step-0:  clamp(1.00rem, .6vw + .90rem, 1.05rem);
    --step-1:  clamp(1.15rem, .9vw + 1.00rem, 1.25rem);
    --step-2:  clamp(1.35rem, 1.4vw + 1.05rem, 1.55rem);
    --step-3:  clamp(1.60rem, 2.0vw + 1.10rem, 1.90rem);
  }

  html{ -webkit-text-size-adjust:100%; }
	  body{
	    font-family: Arial, Helvetica, sans-serif;
	    font-size:var(--step-0);
	    line-height:1.55;
	    color:#222; background:var(--home-bg); margin:0;
	  }
  h1{ font-size:var(--step-3); line-height:1.2; margin:0; text-wrap:balance; }
  h2{ font-size:var(--step-2); line-height:1.25; margin:0; text-wrap:balance; }
  h3{ font-size:var(--step-1); line-height:1.3; margin:0 0 .5rem; }
  p, li{ font-size:var(--step-0); }
  small{ font-size:var(--step--1); }

  :is(.section-title-container.kurzberichte,
      .artikel-section,
      .title-container,
      .termine-wrap,
      .section-title-container.info-section,
      .section-background,
      .footer-updates-wrap){
    max-width:var(--section-max-w);
    margin-left:auto; margin-right:auto;
    padding-left:var(--side-gap); padding-right:var(--side-gap);
  }

/* Lightbox beginnt unterhalb des fixen Headers */
.lightbox{
  display:none; position:fixed;
  left:0; right:0; bottom:0; top:var(--header-offset, 80px);
  background:rgba(0,0,0,.8);
  justify-content:center; align-items:center; z-index:1000;
}
.lightbox img{ max-width:90%; max-height:90%; border-radius:8px; }
.lightbox:target{ display:flex; }
.close-lightbox{ position:absolute; top:20px; right:20px; color:#fff; font-size:1.8rem; text-decoration:none; }

/* Overlay beginnt unterhalb des fixen Headers */
.popup-overlay{
  display:none; position:fixed;
  left:0; right:0; bottom:0; top:var(--header-offset, 80px);
  background:rgba(0,0,0,.5);
  z-index:1000;
}
.popup-overlay.show{ display:block; }
.artikel-popup{
  display:none; position:fixed; left:50%;
  top:calc(var(--header-offset, 80px) + 12px);
  bottom:12px;
  transform:translateX(-50%) scale(.98);
  padding:1rem; border:1px solid #ccc; background:#fff; z-index:1001;
  width:min(90%, 650px); box-shadow:0 10px 30px rgba(0,0,0,.25);
  border-radius:14px; opacity:0; transition:all .25s ease;
  max-height:calc(100vh - var(--header-offset, 80px) - 24px);
  overflow:auto;
}
.artikel-popup.show{ display:block; opacity:1; transform:translateX(-50%) scale(1); }
  .close-btn{ float:right; cursor:pointer; font-size:1.6rem; font-weight:bold; color:#d65076; line-height:1; }
  .popup-content img{ width:100%; height:auto; border-radius:10px; margin-bottom:.9rem; }
  .popup-content h2{ margin:0 0 .4rem; color:#333; }
  .popup-content p{ color:#555; line-height:1.6; }

	  .welcome-container{
	    box-sizing:border-box;
	    max-width:var(--section-max-w);
	    margin:.65rem auto 1.05rem;
	    padding:clamp(14px,2.1vw,22px) var(--side-gap) clamp(12px,2vw,18px);
	    color:#222;
	    text-align:left;
	    position:relative;
	    overflow:hidden;
	    background:linear-gradient(180deg,#fff,#fbfdfb);
	    border:1px solid rgba(17,24,39,.08);
	    border-radius:var(--home-radius);
	    box-shadow:var(--home-shadow);
	  }
	  .welcome-container::before{
	    content:"";
	    position:absolute; left:var(--side-gap); right:var(--side-gap); bottom:0; height:2px;
	    border-radius:999px;
	    background:linear-gradient(90deg,rgba(47,85,54,.22),rgba(224,0,25,.16),transparent);
	  }
	  .welcome-container p{ margin:.35rem 0; }
	  .home-intro{
	    display:block;
	    margin:0 0 .8rem;
	  }
	  .home-kicker{
	    font-size:clamp(1.38rem,2.3vw,2rem);
	    line-height:1.12;
	    margin:0;
	    letter-spacing:0;
	  }
	  .home-subline{
	    display:block;
	    margin:.3rem 0 0;
	    color:#475569;
	    font-size:var(--step-0);
	    font-weight:700;
	  }
	  .home-lead{
	    max-width:46rem;
	    color:#374151;
	    font-size:var(--step-0);
	    line-height:1.55;
	  }
	  .home-quicklinks{
	    display:flex;
	    flex-wrap:wrap;
	    gap:.2rem .62rem;
	    justify-content:flex-start;
	    align-items:center;
	    margin:0;
	    font-size:11px;
	    line-height:1.35;
	    color:#758878;
	  }
	  .home-quicklinks::before{content:"Direkt zu:";font-weight:500;color:#7d9081}
	  .home-quicklinks a{
	    display:inline;
	    color:#4f7657;
	    background:transparent;
	    border:0;
	    border-bottom:1px solid rgba(79,118,87,.2);
	    border-radius:0;
	    padding:0 0 .08rem;
	    font-size:11px;
	    font-weight:500;
	    text-decoration:none;
	    box-shadow:none;
	    transition:border-color .18s ease,color .18s ease;
	  }
	  .home-quicklinks a::after{content:none}
	  .home-quicklinks a:hover,
	  .home-quicklinks a:focus-visible{
	    color:#2f5536;
	    border-color:rgba(47,85,54,.45);
	  }
	  .brand-red{ color:var(--rot); }
	  .brand-black{ color:#111827; }

	  .section-title-container.kurzberichte,
	  .title-container,
	  .section-title-container.info-section{
	    border-radius:var(--home-radius); padding:1rem 1rem; position:relative; overflow:hidden;
	    box-shadow:0 2px 4px rgba(0,0,0,.08); text-align:left; color:#fff;
	  }

	  .term-hint{
	    margin:.35rem 0 0; font-size:var(--step--1); opacity:.95;
	    color:#fff; text-wrap:balance;
	  }
	  .term-switch{
	    margin:.7rem 0 0; display:flex; gap:.8rem; flex-wrap:wrap; justify-content:flex-start;
	  }
	  .term-btn{
	    appearance:none; cursor:pointer; font-weight:800; line-height:1.1;
	    display:inline-flex; align-items:center; gap:.55rem;
	    padding:.48rem .8rem; border-radius:999px;
	    border:1px solid #d7dde5; background:#fff; color:#475569;
	    box-shadow:0 1px 2px rgba(0,0,0,.05);
	    font-size:var(--step--1);
	    transition:transform .08s ease, box-shadow .2s ease, background .2s ease, border-color .2s ease, color .2s ease;
	  }
	  .term-btn:hover{ transform:translateY(-1px); box-shadow:0 3px 10px rgba(0,0,0,.10); border-color:#c7d0dc; color:#111827; }
	  .term-btn:active{ transform:translateY(0); }
	  .term-btn[aria-pressed="true"]{
	    background:#fff8f9; color:var(--rot); border-color:#f0c2c8;
	    box-shadow:0 1px 2px rgba(0,0,0,.05);
	  }
  .term-btn .icon{
    width:1.05em; height:1.05em; display:inline-block; flex:0 0 auto;
    stroke:currentColor; fill:currentColor;
  }

  .section-title-container.kurzberichte + .artikel-section{ margin-top:.6rem; }
  .title-container + .termine-wrap{ margin-top:.6rem; }

.artikel-section{
  padding:1rem; background:#fff; box-shadow:var(--home-shadow);
  margin:1rem auto; border-radius:8px;
  border:1px solid rgba(0,0,0,.08);
}
	  .artikel-card-container{
	    display:grid; grid-template-columns:repeat(auto-fit, minmax(260px,1fr));
	    gap:.85rem; padding:.75rem 0 1rem;
	  }
	  .card-artikel{
	    position:relative; background:#fff; border:1px solid var(--home-border); border-radius:var(--home-radius);
	    width:auto; box-shadow:var(--home-shadow);
	    display:flex; min-height:100%;
	    transition:box-shadow .2s, transform .2s; cursor:pointer; overflow:hidden;
	  }
	  .card-artikel:hover{ box-shadow:var(--home-shadow-hover); transform:translateY(-2px); }
	  .card-artikel .card-body{
	    display:flex; flex-direction:column; align-items:center;
	    width:100%; padding:.85rem; text-align:center; position:relative;
	  }
	  .card-artikel .card-body img{
	    width:100%; height:clamp(180px, 26vw, 230px);
	    object-fit:contain; border-radius:var(--home-radius); margin-bottom:.65rem;
	    background:#f8fafc;
	  }
	  .card-news .card-body img.img-portrait{ height:clamp(240px, 34vw, 320px); }
	  .card-news .card-body img.img-landscape{ height:clamp(175px, 24vw, 225px); }
	  .card-artikel .card-body h2{
	    font-size:var(--step-1); color:#b20c18; margin:.25rem 0 .35rem;
	    line-height:1.25;
	  }
	  .card-artikel .card-body p{ color:#555; font-size:var(--step-0); margin:.35rem 0; }
		  .card-artikel small{ color:#667085; font-weight:700; }

		  .card-ea .card-body{ justify-content:center; }
		  .card-ea .card-body h2{ color:#111827; }
	  .cta-primary{
	    display:inline-block; margin-top:auto;
	    color:#4f5f55; font-weight:800; text-decoration:none;
	    border-bottom:2px solid rgba(79,95,85,.2);
	    padding:.15rem .02rem; position:relative; z-index:3; font-size:var(--step--1);
	  }
	  .cta-primary:hover,.cta-primary:focus{ color:var(--rot); border-bottom-color:rgba(224,0,25,.28); }
	  .more-link{
	    position:relative; z-index:3;
	    color:#4f5f55; font-weight:700; text-decoration:none;
	    font-size:var(--step--1);
	  }
	  .more-link:hover, .more-link:focus{ color:#2f5536; text-decoration:underline; text-underline-offset:2px; }
  .stretched-link{
    position:absolute; inset:0; z-index:2; display:block; text-indent:-9999px;
    background:transparent; border:0; cursor:pointer;
  }

  .term-view{ display:none; }
  .term-view.is-active{ display:block; }

  .card-container{
    display:grid; grid-template-columns:repeat(auto-fit, minmax(320px,1fr));
    gap:1rem; padding:.2rem 0 1.2rem; justify-content:center;
  }
	  .card{
	    position:relative; background:#fff; border:1px solid var(--home-border); border-radius:var(--home-radius);
	    width:auto; box-shadow:var(--home-shadow); transition:.2s; overflow:hidden;
	  }
	  .card:hover{ box-shadow:var(--home-shadow-hover); transform:translateY(-2px); }
  .card-body{ padding:.75rem; font-size:var(--step-0); }
  .card-body p{ margin:.4rem 0; }
  .event-title{ margin:.45rem 0 .35rem; font-size:var(--step-1); line-height:1.25; color:#111827; }
  .event-date-actions{ display:flex; gap:.35rem; flex-wrap:wrap; }
  .event-calendar-line{
    margin-top:.2rem;
    color:#555;
  }
  .event-calendar-line a{
    color:#555;
    font-weight:700;
    text-decoration:none;
  }
  .event-calendar-line a:hover,
  .event-calendar-line a:focus{
    color:var(--rot);
    text-decoration:underline;
    text-underline-offset:2px;
  }

  .btn-cal{
    --c:#7a8593;
    display:inline-flex; align-items:center; gap:.4rem;
    padding:.15rem .4rem;
    border-radius:999px;
    border:1px solid color-mix(in srgb, var(--c), white 75%);
    background:transparent;
    color:var(--c);
    font:600 12px/1.2 system-ui, -apple-system, Segoe UI, Roboto, Arial, sans-serif;
    text-decoration:none;
    box-shadow:none;
    transition:background .15s ease, border-color .15s ease, color .15s ease, transform .08s ease;
  }

  .btn-cal:hover{
    color:color-mix(in srgb, var(--c), black 8%);
    background:color-mix(in srgb, var(--c), white 92%);
    border-color:color-mix(in srgb, var(--c), white 65%);
    transform:translateY(-1px);
  }
  .btn-cal:active{ transform:none; }
  .btn-cal:focus-visible{ outline:2px solid color-mix(in srgb, var(--c), white 60%); outline-offset:2px; }

  .btn-cal.tiny{ padding:.2rem .5rem; font-weight:600; font-size:12px; }

  .event-dates{ margin:.65rem 0 .25rem; padding:0; list-style:none; }
  .event-dates li{ margin:.55rem 0; display:block; padding:.5rem 0; border-top:1px solid #edf0f2; }
  .event-date-label{ display:block; font-weight:800; color:#333; margin-bottom:.3rem; font-size:var(--step-0); }
  .event-date-actions{ display:flex; gap:.5rem; flex-wrap:wrap; }

	  .list-panel{
	    background:#fff; border:1px solid var(--home-border); border-radius:var(--home-radius);
	    box-shadow:var(--home-shadow); overflow:hidden;
	  }
  .list-panel-header{
    padding:.65rem .85rem; border-bottom:1px solid #eee; background:#fafafa;
  }
  .list-panel-header h3{ margin:0; font-size:var(--step-1); line-height:1.25; text-wrap:balance; }
  .list-panel iframe{ width:100%; height:72vh; border:0; display:block; }

  .section-title-container.kurzberichte{ background:linear-gradient(180deg, var(--gruen), var(--gruen-2)); }
.bar-hint{
  margin:.35rem 0 0; font-size:var(--step--1);
  color: rgba(255,255,255,.92); text-wrap: balance;
}
.inline-archive{ opacity:.95; }

.archive-link{
  color: inherit; font-weight: 700;
  text-decoration: underline; text-underline-offset: 2px;
  text-decoration-color: rgba(255,255,255,.45);
  transition: text-decoration-color .15s ease;
}
.archive-link:hover, .archive-link:focus-visible{ text-decoration-color: currentColor; }
.archive-link::after{ content:"›"; margin-left:.25em; opacity:.7; }

  .section-title-container.info-section{ margin-top:1.2rem; }
	  .section-background{
	    background:#fff; padding:1.2rem; margin:1rem auto; border-radius:var(--home-radius);
	    box-shadow:var(--home-shadow);
	  }
  .section-container{ display:grid; grid-template-columns:repeat(auto-fit, minmax(340px,1fr)); gap:1rem; }
  .section-background iframe{ width:100%; height: clamp(220px, 34vw, 300px); border:0; border-radius:8px; }

  @media (max-width:800px){ .section-container{ grid-template-columns:1fr; } }
   
  /* Media Query für Mobile angepasst: Wir erlauben nun den flexiblen Umgang durch JS */
	  @media (max-width:600px){
	    .term-switch{ gap:.5rem; }
	    .term-btn{ flex:1 1 auto; }
	    .list-panel-header h3{ font-size:var(--step-0); line-height:1.3; }
	    .list-panel iframe{ height:75vh; }
	  }
@media (max-width:520px){
  .next-terms__item a{
    grid-template-columns:auto auto minmax(0, 1fr);
    grid-template-areas:none;
    gap:.45rem;
	      padding:.3rem .45rem;
	    }
	    /* WICHTIG: nowrap erzwingen, damit das JS den Überlauf messen kann */
  .next-terms__titleTxt{ white-space:nowrap; overflow:hidden; text-overflow:ellipsis; } 
}

	@media (max-width:760px){
	  .home-intro{ display:block; }
	  .home-meta-row{
	    align-items:flex-start;
	    flex-direction:column;
	    gap:.25rem;
	  }
	  .site-updates-inline{ align-self:flex-end; }
	}
   
  /* === Elegantere, integrierte Abschnitts-Header ======================= */
  .section-title-container.kurzberichte { --accent: var(--gruen); }
  .title-container                      { --accent: var(--rot);   }
  .section-title-container.info-section { --accent: var(--blau);  }

	  .section-title-container.kurzberichte,
	  .title-container,
	  .section-title-container.info-section{
	    position:relative;
	    background:transparent; color:#1f2937;
	    border:0;
	    border-radius:0;
	    box-shadow:none;
	    padding:clamp(10px,1.5vw,18px) var(--side-gap) clamp(12px,1.6vw,20px);
	    margin-top:1.25rem; margin-bottom:.45rem;
	  }

  .section-title-container.kurzberichte::before,
  .title-container::before,
  .section-title-container.info-section::before{
	    content:"";
	    position:absolute; left:var(--side-gap); right:var(--side-gap); bottom:0; top:auto; height:2px;
	    border-radius:999px;
	    background:linear-gradient(90deg,rgba(47,85,54,.24),rgba(47,85,54,.08),transparent);
	  }

  .section-title-container.kurzberichte::after,
  .title-container::after,
  .section-title-container.info-section::after{ display:none; }

  .section-title-container.kurzberichte h1,
  .title-container h1,
	  .section-title-container.info-section h1{
	    color:#111827; font-weight:800; letter-spacing:0; margin:0;
	  }

  .bar-hint, .term-hint{ color:#475569; opacity:1; }

/* Header „grün“ → Artikelblock: nahtlos */
.section-title-container.kurzberichte{
  margin-bottom:.5rem;
}
.section-title-container.kurzberichte + .artikel-section{
  margin-top:0;
}

/* Header „rot“ → Termine-Wrapper: nahtlos */
.title-container{
  margin-bottom:.5rem;
}
.title-container + .termine-wrap{ margin-top:0; }

/* Header „blau“ → Info-Section: nahtlos */
.section-title-container.info-section{
  margin-bottom:0; border-bottom-left-radius:0; border-bottom-right-radius:0;
}
.section-title-container.info-section + .section-background{
  margin-top:0; border-top-left-radius:0; border-top-right-radius:0; border-top:0;
}

  .bar-actions .bar-btn{
    border-color: rgba(0,0,0,.08); color:#0f5132; background:#fff;
    box-shadow:0 1px 2px rgba(0,0,0,.05);
  }
	  .bar-actions .bar-btn:hover{ transform:none; box-shadow:0 2px 6px rgba(0,0,0,.08); }
	  .home-social-strip{
	    max-width:var(--section-max-w);
	    margin:.75rem auto 1.2rem;
	    padding:0 var(--side-gap);
	  }
	  .home-social-strip .social-compact-card{
	    padding:.9rem 1rem;
	    border-radius:var(--home-radius);
	    box-shadow:var(--home-shadow);
	    border:1px solid rgba(17,24,39,.08);
	    background:linear-gradient(180deg,#fff,#fbfdfb);
	  }
	  .home-social-strip .social-bundle{align-items:center}
	  .home-social-strip .social-mini-title{color:#111827}
	  .home-social-strip .social-mini-title::before{
	    content:"";display:inline-block;width:.55rem;height:.55rem;margin-right:.45rem;
	    border-radius:999px;background:var(--gruen);box-shadow:0 0 0 4px rgba(40,167,69,.12);
	    vertical-align:.08em;
	  }
		  .home-social-strip .social-mini-title{ font-size:1rem; }
		  .home-social-strip .social-mini-desc{ font-size:var(--step--1); }
		  .home-social-strip .facebook-card{
		    margin-top:.65rem;
		    padding:.75rem;
		  }
		  .home-social-strip .fb-page{
		    display:block;
		    max-width:100%;
		  }
   
/* === Next Terms (Welcome) === */
.next-terms{ margin:.7rem 0 .2rem; text-align:left; }
.next-terms__title{
  display:block; margin:0 0 .35rem;
  font:900 12px/1.25 system-ui,-apple-system,Segoe UI,Roboto,Arial,sans-serif;
  color:#2f5536; text-transform:uppercase; letter-spacing:.04em;
}
.next-terms__list{
  list-style:none; padding:0; margin:0;
  display:grid; gap:5px;
}
		.next-terms__item{ min-width:0; }
		.next-terms__item a{
		  display:grid; grid-template-columns:auto auto minmax(0, 1fr); align-items:center;
		  gap:.5rem;
		  background:#fff; border:1px solid #e5e7eb; border-radius:var(--home-radius);
		  padding:.32rem .5rem;
		  color:#111827; text-decoration:none;
		  min-width:0;
		  box-shadow:0 1px 3px rgba(17,24,39,.04);
		  overflow: hidden; /* Wichtig für Marquee Container */
		}
.next-terms__item a:hover{ background:#f9fafb; border-color:#dbe2ea; }
.next-terms__date{
  font-weight:800; font-size:12px; color:#111827; white-space:nowrap;
}
.next-terms__time{
  font-weight:700; font-size:12px; color:#667085; white-space:nowrap;
}

/* Der vollständige Titel bleibt im Link zugänglich; optisch wird er einzeilig gekürzt. */
.next-terms__titleTxt{
  font-weight:700; font-size:13px; 
  min-width:0;
  white-space: nowrap; 
  overflow: hidden; 
  text-overflow:ellipsis;
  display:block;
}

.next-terms__dg-badge{
  display:inline-flex; align-items:center; justify-content:center;
  height:18px; min-width:28px; padding:0 6px; margin-right:.35rem;
  border-radius:999px; font:900 11px/1 system-ui,-apple-system,Segoe UI,Roboto,Arial,sans-serif;
  color:#fff; background:#28a745;
  box-shadow:inset 0 -1px 0 rgba(0,0,0,.12);
  vertical-align: middle;
}
.next-terms__item.is-dg a{ border-color:#cde7d6; background:linear-gradient(180deg,#f3faf5,#f9fffb); }
.next-terms__item.is-dg .next-terms__date{ color:#126a2e; }

@media (max-width:760px){
  .next-terms__list{ grid-template-columns:1fr; }
}
   
.inline-archive{ opacity:.95; }
.archive-link{
  color: inherit; font-weight:600;
  text-decoration: underline; text-underline-offset: 2px;
  text-decoration-color: color-mix(in srgb, currentColor 40%, transparent);
  transition: color .15s ease, text-decoration-color .15s ease;
}
.archive-link:hover, .archive-link:focus-visible{ color: var(--ea-green, #126a2e); text-decoration-color: currentColor; }

/* ROT: Header mit Termine-Wrapper verschmelzen */
.title-container{
  margin-bottom:0 !important; border-bottom-left-radius:0; border-bottom-right-radius:0; border-bottom:0;
}
	.title-container + .termine-wrap{
	  background:#fff; border:1px solid var(--home-border); border-top:0;
	  border-bottom-left-radius:var(--home-radius); border-bottom-right-radius:var(--home-radius);
	  box-shadow:var(--home-shadow);
	  padding:clamp(16px,1.6vw,24px);
	}

/* BLAU: Header mit Video-Sektion verschmelzen */
.section-title-container.info-section{
  margin-bottom:0 !important; border-bottom-left-radius:0; border-bottom-right-radius:0;
}
	.section-title-container.info-section + .section-background{
	  margin-top:0 !important;
	  background:#fff; border:1px solid var(--home-border); border-top:0;
	  border-bottom-left-radius:var(--home-radius); border-bottom-right-radius:var(--home-radius);
	  box-shadow:var(--home-shadow);
	  padding:clamp(16px,1.6vw,24px);
	}

/* === Flyer-Preview im Welcome-Bereich === */
.flyer-preview-box {
  display: none; position: absolute; top: 100%; left: 10px;
  width: 180px; background: #fff; padding: 6px;
  border-radius: 8px; box-shadow: 0 4px 15px rgba(0,0,0,0.3);
  z-index: 999; text-align: center; pointer-events: none;
}
.flyer-preview-box img { width: 100%; height: auto; border-radius: 4px; display: block; }
.icon-img { display: inline-block; margin-left: 6px; font-size: 14px; color: #E00019; vertical-align: middle; }
.next-terms__item a { position: relative; }
.next-terms__item a:hover .flyer-preview-box { display: block; animation: fadeIn 0.2s ease; }
@keyframes fadeIn { from { opacity:0; transform:translateY(-5px); } to { opacity:1; transform:translateY(0); } }

/* === Wichtige Info / Special Event Design === */
.special-info-box {
  margin: 1rem 0 0.8rem; padding: 1.2rem 1rem;
  background: linear-gradient(135deg, #fffdfa 0%, #fff0f1 100%);
  border: 1px solid #f2d0d5; border-radius: var(--home-radius);
  text-align: center; position: relative;
  box-shadow: 0 4px 12px rgba(224, 0, 25, 0.08);
}
.special-info-box::before {
  content: ""; position: absolute; top: 0; left: 16px; right: 16px; height: 3px;
  background: linear-gradient(90deg, var(--gruen), var(--rot));
  border-radius: 0 0 4px 4px; opacity: 0.6;
}
.special-info-title {
  display: block; font-family: Georgia, "Times New Roman", serif;
  font-size: 1.3rem; color: var(--rot); font-weight: bold;
  margin-bottom: 0.4rem; line-height: 1.2;
}
.special-info-text {
  font-size: 1.05rem; color: #4b5563;
  width: 100%; max-width: 600px; margin: 0 auto;
  text-align: center; padding: 0 10px; box-sizing: border-box;
  line-height: 1.5;
}
.special-info-icon {
  display: inline-block; filter: drop-shadow(0 2px 2px rgba(0,0,0,0.1));
  font-style: normal;
}

/* NEU: Update-Protokoll - Ultra Kompakt */
		.site-updates-inline {
		    text-align: right;
		    margin: 0;
		    padding: 0;
		    border-top: none;
		    line-height: 1;
	}

	.site-updates-inline summary {
		    font-size: 10px;
		    color: #b0b0b0;
	    cursor: pointer;
	    list-style: none;
		    font-weight: normal;
	    letter-spacing: 0.02em;
		    transition: color 0.2s;
	    display: inline-block;
		    padding: 2px 5px;
	}

	.site-updates-inline summary:hover {
		    color: #E00019;
		    text-decoration: underline;
	}

.site-updates-inline summary::-webkit-details-marker { display: none; }

/* Liste schwebt absolut über dem Inhalt (nach OBEN aufklappend) */
.site-updates-inline[open] .fu-list {
    position: absolute;
    bottom: 100%;       /* Nach OBEN aufklappen */
    right: 0;
    margin-bottom: 5px;
    z-index: 999;
	    box-shadow: var(--home-shadow-hover);
	}

.site-updates-inline .fu-list {
    text-align: left;
    background: #fff;
	    border: 1px solid var(--home-border);
	    padding: .65rem;
	    border-radius: var(--home-radius);
	    margin: 0;
	    width: min(90vw, 360px);
	}
	.site-updates-inline li {
	    font-size: 11px;
	    color: #444;
	    border-bottom: 1px solid #f5f5f5;
	    padding: 4px 0;
	}
	.site-updates-inline li:last-child { border: 0; }
		.home-meta-row{
		  display:flex;
		  justify-content:space-between;
		  align-items:center;
		  gap:.75rem;
		  margin:.48rem 0 0;
		}
		.updates-shell{ position:relative; width:auto; margin-left:auto; }
	.updates-note{
	  font-size:11px; margin:0 0 6px 0; padding-bottom:6px;
	  border-bottom:1px solid #eee; color:#666; line-height:1.35;
	}
	.updates-list{ list-style:none; padding:0; margin:0; }
	.fu-date{ color:var(--rot); font-weight:800; }
	.empty-state{ text-align:center; color:#667085; }
	.event-media{
	  display:block;
	  margin-bottom:.75rem;
	}
	.event-media img{ width:100%; max-width:100%; height:auto; border-radius:var(--home-radius); display:block; }
	.event-meta{ margin-top:8px; color:#444; }
	.video-card,
	.facebook-card{
	  background:linear-gradient(180deg,#fff,#fbfcfb);
	  border:1px solid rgba(17,24,39,.09);
	  border-radius:var(--home-radius);
	  box-shadow:var(--home-shadow);
	  padding:clamp(12px,1.5vw,18px);
	  position:relative;
	  overflow:hidden;
	}
	.video-card::before,
	.facebook-card::before{
	  content:"";
	  position:absolute;left:0;right:0;top:0;height:3px;
	  background:linear-gradient(90deg,var(--gruen),rgba(224,0,25,.55),transparent);
	}
	.video-card h3,
	.facebook-card h3{
	  color:#111827;
	  margin-bottom:.65rem;
	}
	.video-card iframe{
	  aspect-ratio:16/9;
	  height:auto;
	  background:#f3f5f3;
	  box-shadow:0 1px 4px rgba(17,24,39,.08);
	}
	.video-card p,
	.facebook-card p{
	  color:#4b5563;
	}
	.source-note{
	  font-size:12px;
	  color:#667085;
	  text-align:center;
	}
	.facebook-card{
	  border-color:rgba(15,100,183,.16);
	}
	.facebook-card p{ font-size:14px; color:#333; }