/* Scoped history and community tab presentation. */
/* Independent lecture artwork; no changes to the personal About tab. */
body:has(#inhalt > #vortraege.active) {
  background-image: linear-gradient(rgba(4, 6, 9, .35), rgba(4, 6, 9, .55)), url("../assets/vortraege-hintergrund-v1.webp");
  background-position: center; background-size: cover; background-repeat: no-repeat; background-attachment: fixed;
}
#inhalt > #vortraege {
  --about-orange: #92b9db; --about-orange-bright: #c3d8ea; --about-gold: #e7c66e;
  --about-gold-soft: rgba(200, 180, 110, .15); --about-line: rgba(150, 184, 214, .4);
}
#inhalt > #vortraege .vortraege-banner {
  background: linear-gradient(90deg, rgba(4, 6, 9, .82), rgba(4, 6, 9, .22)), url("../assets/vortraege-hauptbanner-v1.webp") center / cover no-repeat !important;
}
#inhalt > #vortraege .vortraege-banner :is(.tagline, blockquote) { color: #f6e4b5; text-shadow: 0 2px 8px #000; }
#inhalt > #vortraege .vortraege-banner blockquote { max-width: 36ch; }
#inhalt > #vortraege .vortraege-banner::before,
#inhalt > #vortraege .vortraege-banner::after { display: none; }
#inhalt > #vortraege > .vortraege-edge {
  background: linear-gradient(0deg, rgba(4, 6, 9, .86), transparent 80%), #05070a url("../assets/vortraege-abschluss-v1.webp") center / contain no-repeat !important;
  border-color: rgba(150, 184, 214, .6);
}
#inhalt > #vortraege .vortraege-edge p { color: #f6e4b5; text-shadow: 0 2px 8px #000; }
#inhalt > #vortraege .event-card { border-color: rgba(150, 184, 214, .4); background: rgba(7, 10, 18, .94); }
#inhalt > #vortraege .event-meta span { border-color: rgba(150, 184, 214, .4); background: rgba(50, 75, 100, .15); color: #c3d8ea; }
#inhalt > #vortraege :is(.event-intro, .event-group-title) { border-color: #92b9db; }
#inhalt > #vortraege .media-action-link { --button-effect-color: #92b9db; }
:root[data-theme="light"] body:has(#inhalt > #vortraege.active) {
  background-image: linear-gradient(rgba(248, 244, 232, .7), rgba(248, 244, 232, .8)), url("../assets/vortraege-hintergrund-v1.webp");
}
:root[data-theme="light"] #inhalt > #vortraege .event-card { background: rgba(255, 251, 240, .96); }
:root[data-theme="light"] #inhalt > #vortraege .event-meta span { color: #35526b; }
@media (max-width: 720px) { body:has(#inhalt > #vortraege.active) { background-attachment: scroll; } }
#experiment-sternfreunde .sternfreunde-facts {
  display: grid; grid-template-columns: repeat(3, minmax(0, 1fr));
  gap: 18px; margin: 24px 0;
}
#experiment-sternfreunde .sternfreunde-facts div { border-top: 1px solid rgba(216, 183, 109, .35); padding-top: 12px; }
#experiment-sternfreunde .sternfreunde-facts dt { font-size: clamp(1.3rem, 2.5vw, 2rem); font-weight: 800; color: #f6e4b5; }
#experiment-sternfreunde .sternfreunde-facts dd { margin: 6px 0 0; line-height: 1.5; }
:root[data-theme="light"] #experiment-sternfreunde .sternfreunde-facts dt { color: #705015; }
@media (max-width: 640px) { #experiment-sternfreunde .sternfreunde-facts { grid-template-columns: 1fr; } }
:is(#history, #experiment-sternfreunde) { overflow-wrap: anywhere; }
:is(#history, #experiment-sternfreunde) header { margin-bottom: 24px; }
#experiment-sternfreunde .media-channel-grid { grid-template-columns: minmax(0, 1fr); }
#experiment-sternfreunde .media-card p + p { margin-top: 12px; }
#sternfreunde-quellen { margin-top: 30px; }
#history .website-history ol { list-style: none; padding: 0; margin: 24px 0 0; }
#history .website-history li { padding: 20px 0; border-top: 1px solid rgba(200, 163, 77, .3); }
#history .website-history strong { display: block; margin-bottom: 8px; color: var(--gold, #e7c66e); }
#history .website-history span { display: block; line-height: 1.65; }
#history .website-history a { color: var(--gold, #e7c66e); text-decoration: underline; text-underline-offset: 3px; }
#history .website-history a:focus-visible { outline: 2px solid currentColor; outline-offset: 3px; }
body:has(#inhalt > #history.active) {
  background: linear-gradient(rgba(4, 6, 9, .3), rgba(4, 6, 9, .5)), #05070a url("../assets/history-hintergrund-v1.webp") center / cover no-repeat fixed;
}
#inhalt > #history > .panel.intro {
  box-sizing: border-box; width: var(--site-main-banner-reference-width); max-width: 100%; margin: 24px auto;
  background: rgba(7, 9, 13, .94); border-color: rgba(216, 183, 109, .35);
}
#inhalt > #history .history-banner {
  background: linear-gradient(90deg, rgba(4, 6, 9, .8), transparent), url("../assets/history-hauptbanner-v1.webp") center / cover no-repeat !important;
}
#inhalt > #history .history-banner :is(.tagline, blockquote) { color: #f6e4b5; text-shadow: 0 2px 8px #000; }
#inhalt > #history .history-banner blockquote { max-width: 34ch; font-size: clamp(1.2rem, 2vw, 1.65rem); line-height: 1.3; }
#inhalt > #history > .history-edge {
  background: linear-gradient(0deg, rgba(4, 6, 9, .85), transparent 80%), #05070a url("../assets/history-abschluss-v1.webp") center / contain no-repeat !important;
  border-color: rgba(216, 183, 109, .6);
}
#inhalt > #history .history-edge p { color: #f6e4b5; text-shadow: 0 2px 8px #000; }
:root[data-theme="light"] body:has(#inhalt > #history.active) {
  background-image: linear-gradient(rgba(248, 244, 232, .66), rgba(248, 244, 232, .78)), url("../assets/history-hintergrund-v1.webp");
}
:root[data-theme="light"] #inhalt > #history > .panel.intro { background: rgba(255, 251, 240, .96); }
@media (max-width: 720px) { body:has(#inhalt > #history.active) { background-attachment: scroll; } }
:root[data-theme="light"] #history .website-history :is(strong, a) { color: #705015; }
@media (max-width: 640px) {
  #experiment-sternfreunde .media-channel-grid { grid-template-columns: 1fr; }
}
/* Sternfreunde adopts the shared banner geometry; artwork stays local. */
body:has(#inhalt > #experimente.active #experiment-sternfreunde.active) {
  background-color: #05070a;
  background-image: linear-gradient(rgba(4, 6, 9, .24), rgba(4, 6, 9, .48)), url("../assets/sternfreunde-nachthimmel-v1.webp");
  background-position: center, center;
  background-size: cover, cover;
  background-repeat: no-repeat;
  background-attachment: fixed;
}
:root[data-theme="light"] body:has(#inhalt > #experimente.active #experiment-sternfreunde.active) {
  background-image: linear-gradient(rgba(248, 244, 232, .66), rgba(248, 244, 232, .78)), url("../assets/sternfreunde-nachthimmel-v1.webp");
}
@media (max-width: 720px) {
  body:has(#inhalt > #experimente.active #experiment-sternfreunde.active) { background-attachment: scroll; }
}
#inhalt > #experimente .experiment-content-shell:has(#experiment-sternfreunde.active) {
  background: transparent; border-color: transparent; box-shadow: none;
  backdrop-filter: none; -webkit-backdrop-filter: none;
}
#inhalt > #experimente #experiment-sternfreunde {
  --site-main-banner-line: rgba(216, 183, 109, .65);
  --site-main-banner-inner-light: rgba(216, 183, 109, .08);
  --site-main-banner-outer-light: rgba(216, 183, 109, .09);
  position: relative; isolation: isolate;
  background: transparent;
  border-radius: 22px;
}
#inhalt > #experimente #experiment-sternfreunde > :is(header, .media-channel-grid, [aria-labelledby="sternfreunde-community-title"], #sternfreunde-quellen) {
  box-sizing: border-box; width: var(--site-main-banner-reference-width);
  max-width: 100%; margin: 24px auto;
}
#inhalt > #experimente #experiment-sternfreunde > header,
#inhalt > #experimente #experiment-sternfreunde #sternfreunde-quellen {
  padding: clamp(18px, 3vw, 28px); border: 1px solid rgba(216, 183, 109, .25);
  border-radius: 18px; background: rgba(7, 9, 13, .9); color: #d4cfc2;
}
#inhalt > #experimente #experiment-sternfreunde .sternfreunde-banner {
  background: linear-gradient(90deg, rgba(4, 6, 9, .82), rgba(4, 6, 9, .35) 55%, rgba(4, 6, 9, .04)), url("../assets/sternfreunde-hauptbanner-v1.webp") center / cover no-repeat !important;
}
#inhalt > #experimente #experiment-sternfreunde .sternfreunde-banner :is(.tagline, blockquote) {
  color: #f6e4b5; text-shadow: 0 2px 8px #000;
}
#inhalt > #experimente #experiment-sternfreunde .sternfreunde-banner blockquote {
  max-width: 32ch; font-size: clamp(1.2rem, 2vw, 1.65rem); line-height: 1.3;
}
#inhalt > #experimente #experiment-sternfreunde .media-card {
  background: rgba(9, 12, 17, .94); border-color: rgba(216, 183, 109, .35);
}
#inhalt > #experimente #experiment-sternfreunde .media-card::before { display: none; }
#inhalt > #experimente #experiment-sternfreunde :is(h2, h3, .media-label) { color: #f6e4b5; }
#inhalt > #experimente #experiment-sternfreunde .media-card p { color: #d4cfc2; }
#inhalt > #experimente #experiment-sternfreunde > .sternfreunde-edge {
  background: linear-gradient(0deg, rgba(4, 6, 9, .88), transparent 80%), #05070a url("../assets/sternfreunde-abschluss-v1.webp") center / contain no-repeat !important;
  border-color: rgba(216, 183, 109, .6);
}
#inhalt > #experimente #experiment-sternfreunde .sternfreunde-edge p { color: #f6e4b5; text-shadow: 0 2px 8px #000; }
:root[data-theme="light"] #inhalt > #experimente #experiment-sternfreunde > :is(header, #sternfreunde-quellen),
:root[data-theme="light"] #inhalt > #experimente #experiment-sternfreunde .media-card {
  background: rgba(255, 251, 240, .96); color: #4d4536;
}
:root[data-theme="light"] #inhalt > #experimente #experiment-sternfreunde :is(h2, h3, .media-label) { color: #705015; }
:root[data-theme="light"] #inhalt > #experimente #experiment-sternfreunde .media-card p { color: #4d4536; }

/* Astropeiler: shared banner dimensions, three independent local artworks. */
body:has(#inhalt > #experimente.active #experiment-astropeiler.active) {
  background: linear-gradient(rgba(4, 6, 9, .3), rgba(4, 6, 9, .5)), #05070a url("../assets/astropeiler-hintergrund-v1.webp") center / cover no-repeat fixed;
}
#inhalt > #experimente .experiment-content-shell:has(#experiment-astropeiler.active) {
  background: transparent; border-color: transparent; box-shadow: none;
  backdrop-filter: none; -webkit-backdrop-filter: none;
}
#inhalt > #experimente #experiment-astropeiler { overflow-wrap: anywhere; }
#inhalt > #experimente #experiment-astropeiler > :is(header, section, .astropeiler-source-link) {
  box-sizing: border-box; width: var(--site-main-banner-reference-width); max-width: 100%; margin: 24px auto;
}
#inhalt > #experimente #experiment-astropeiler > header,
#inhalt > #experimente #experiment-astropeiler .question-item,
#inhalt > #experimente #experiment-astropeiler .fact {
  padding: clamp(18px, 3vw, 28px); border: 1px solid rgba(216, 183, 109, .35);
  border-radius: 18px; background: rgba(7, 9, 13, .94); color: #d4cfc2; min-width: 0;
}
#inhalt > #experimente #experiment-astropeiler .facts-grid { display: grid; grid-template-columns: repeat(4, minmax(0, 1fr)); gap: 16px; }
#inhalt > #experimente #experiment-astropeiler .question-list { display: grid; grid-template-columns: minmax(0, 1fr); gap: 18px; align-items: start; }
#inhalt > #experimente #experiment-astropeiler :is(h2, h3) { color: #f6e4b5; }
#inhalt > #experimente #experiment-astropeiler :is(header, .fact, .question-item) p { color: #d4cfc2; }
#inhalt > #experimente #experiment-astropeiler .astropeiler-banner {
  background: linear-gradient(90deg, rgba(4, 6, 9, .85), rgba(4, 6, 9, .35) 55%, transparent), url("../assets/astropeiler-hauptbanner-stockert-v2.webp") center / cover no-repeat !important;
}
#inhalt > #experimente #experiment-astropeiler .astropeiler-banner :is(.tagline, blockquote) { color: #f6e4b5; text-shadow: 0 2px 8px #000; }
#inhalt > #experimente #experiment-astropeiler .astropeiler-banner blockquote { max-width: 30ch; font-size: clamp(1.2rem, 2vw, 1.65rem); line-height: 1.3; }
#inhalt > #experimente #experiment-astropeiler > .astropeiler-edge {
  background: linear-gradient(0deg, rgba(4, 6, 9, .85), transparent 80%), #05070a url("../assets/astropeiler-abschluss-stockert-v2.webp") center / contain no-repeat !important;
  border-color: rgba(216, 183, 109, .6);
}
#inhalt > #experimente #experiment-astropeiler .astropeiler-edge p { color: #f6e4b5; text-shadow: 0 2px 8px #000; }
:root[data-theme="light"] body:has(#inhalt > #experimente.active #experiment-astropeiler.active) {
  background-image: linear-gradient(rgba(248, 244, 232, .66), rgba(248, 244, 232, .78)), url("../assets/astropeiler-hintergrund-v1.webp");
}
:root[data-theme="light"] #inhalt > #experimente #experiment-astropeiler :is(header, .fact, .question-item) { background: rgba(255, 251, 240, .96); color: #4d4536; }
:root[data-theme="light"] #inhalt > #experimente #experiment-astropeiler :is(h2, h3) { color: #705015; }
:root[data-theme="light"] #inhalt > #experimente #experiment-astropeiler :is(header, .fact, .question-item) p { color: #4d4536; }
@media (max-width: 900px) { #inhalt > #experimente #experiment-astropeiler .facts-grid { grid-template-columns: repeat(2, minmax(0, 1fr)); } }
@media (max-width: 720px) {
  body:has(#inhalt > #experimente.active #experiment-astropeiler.active) { background-attachment: scroll; }
  #inhalt > #experimente #experiment-astropeiler :is(.facts-grid, .question-list) { grid-template-columns: 1fr; }
  #inhalt > #experimente #experiment-astropeiler .astropeiler-banner { background-position: center, right center !important; }
}