@import url('https://fonts.googleapis.com/css2?family=Inter:wght@400;500;600;700;800&display=swap');
/* Pop-Poetry V7: eigenstaendiges Stylesheet, keine alten CSS-Imports */
:root{--blue:#174bb8;--deep:#123b92;--yellow:#ffe100;--ink:#25354b;--muted:#e4eaf4}
*,*::before,*::after{box-sizing:border-box}
html{font-size:16px}body{margin:0;background:white;color:var(--ink);font-family:Arial,Helvetica,sans-serif;font-size:16px;line-height:1.55}
#container{width:min(1240px,calc(100% - 40px));margin:0 auto;display:grid;grid-template-columns:minmax(0,1fr) 310px;column-gap:42px;align-items:start}
#header{grid-column:1/-1;width:100%;aspect-ratio:851/228;background:url('../img/2027/justkids_header_2027.png') center / 100% 100% no-repeat;margin:20px 0 22px}
#navigation{grid-column:1/-1;background:linear-gradient(180deg,#2358c6,#1745ad);border-radius:999px;margin:0 0 26px;padding:7px 9px;box-shadow:0 3px 10px #143b8915}
#slatenav,#slatenav ul{margin:0;padding:0}#slatenav ul{display:flex;justify-content:space-between;align-items:center;gap:3px;list-style:none}#slatenav li{min-width:0;flex:0 1 auto}
#slatenav a{display:flex;align-items:center;justify-content:center;gap:7px;padding:10px 12px;min-height:42px;color:white;text-decoration:none;font-size:14px;font-weight:700;white-space:nowrap;border-radius:999px;line-height:1.2;transition:background .15s}
#slatenav a:hover{background:#ffffff25}#slatenav a.current{background:var(--yellow);color:#153b86}#slatenav a.current:hover{background:#ffea42}
.nav-icon{width:17px;height:17px;flex:none}
#content{grid-column:1;min-width:0;font-size:16px;line-height:1.6}
#content h1{color:var(--blue);font-size:23px;line-height:1.35;letter-spacing:-.01em;margin:0 0 12px;font-weight:700;text-transform:none}
#content h2{color:var(--blue);font-size:20px;line-height:1.4;margin:28px 0 10px;text-transform:none}
#content h3{color:#174b9b;font-size:17px;margin:22px 0 8px;text-transform:none}
#content p{margin:0 0 16px}#content ul{padding-left:22px}#content li{margin:0 0 9px}
#content a{color:var(--blue);font-weight:650;text-decoration:none}#content a:hover{text-decoration:underline}
.accent-line{height:4px;width:235px;max-width:55%;background:var(--yellow);border-radius:5px;margin:12px 0 9px}
.theme-card{border:1px solid #dce7f7;border-left:5px solid var(--yellow);border-radius:10px;background:#f7faff;padding:18px 22px;margin:0 0 25px}
.theme-card-label{font-size:12px;letter-spacing:.11em;font-weight:800;color:var(--blue);margin:0 0 8px}.theme-card p{margin:0!important}.theme-card b{font-weight:500}
.download-action{margin:16px 0}#content a.download-button{display:inline-flex;align-items:center;background:var(--blue);color:#fff;padding:11px 19px;border-radius:999px;font-size:14px;font-weight:700;text-decoration:none}#content a.download-button:hover{background:var(--deep)}
#zitate{grid-column:2;grid-row:3;min-width:0;border:1px solid #e0e7f0;border-radius:12px;overflow:hidden;text-align:left;box-shadow:0 3px 12px #123b9210;padding:0 22px 22px;font-size:15px;line-height:1.5}
#zitate h1{background:var(--blue);color:#fff;margin:0 -22px 18px;padding:14px 22px;font-size:19px;line-height:1.35;text-transform:none}
#zitate h3{font-size:15px;color:#143c75;margin:18px 0 6px;text-transform:none}#zitate p{margin:0 0 10px;padding:0;line-height:1.6}#zitate a{color:#008f82;font-weight:700;text-decoration:none;overflow-wrap:anywhere}
#clearer{display:none}
#footer{grid-column:1/-1;border-top:1px solid #dce5f0;text-align:center;margin:40px 0 25px;padding:24px 10px 10px;font-size:13px;color:#43536a;line-height:1.6}
#footer b{color:var(--blue);font-size:15px}#footer .partner-logos{display:block;width:min(100%,850px);height:auto;margin:18px auto 0;border:1px solid #edf0f4;border-radius:8px;padding:8px}
@media(max-width:1050px){#container{grid-template-columns:minmax(0,1fr) 285px;column-gap:28px}#slatenav ul{flex-wrap:wrap;justify-content:center}#slatenav a{font-size:13px;padding:9px 11px}}
@media(max-width:730px){#container{width:calc(100% - 24px);grid-template-columns:minmax(0,1fr)}#header{margin:12px 0 15px}#navigation{margin-bottom:20px;border-radius:18px}#slatenav ul{gap:3px}#slatenav li{flex:1 1 auto}#slatenav a{font-size:12px;padding:8px;min-height:38px}#content{grid-column:1;font-size:15px}#content h1{font-size:21px}#content h2{font-size:18px}#zitate{grid-column:1;grid-row:auto;margin-top:26px}#footer{grid-column:1;margin-top:30px}}

/* Kontakt: einheitliche, lokale SVG-Symbole */
#zitate .contact-line{display:flex;align-items:flex-start;gap:10px;margin:9px 0;min-width:0;font-size:14px;line-height:1.45}
#zitate .contact-icon{display:inline-flex;flex:0 0 18px;margin-top:2px;color:#194ab8}
#zitate .contact-icon svg{width:18px;height:18px;fill:none;stroke:currentColor;stroke-width:1.8;stroke-linecap:round;stroke-linejoin:round}
#zitate .contact-line>span:last-child{min-width:0;overflow-wrap:anywhere}
#zitate .contact-line a{font-weight:600;color:#008f82}
#zitate .contact-line a[href^="tel:"]{color:#173c73}

/* Gesamtwebsite: scharfes Originalmotiv in nativer Aufloesung mit seitlicher Erweiterung */
#header{aspect-ratio:1240/227;background-image:url('../img/2027/justkids_header_2027_wide.png');background-size:100% 100%;background-position:center;}
@media(max-width:730px){#header{aspect-ratio:851/227;background-image:url('../img/2027/justkids_header_2027.png');background-size:100% 100%;}}

/* Originalbanner: proportional skaliert, ohne Verzerrung oder seitliche Anbauten */
#header{aspect-ratio:851/227;background-image:url('../img/2027/justkids_header_2027_proportional.png');background-size:contain;background-repeat:no-repeat;background-position:center;}
@media(max-width:730px){#header{aspect-ratio:851/227;background-image:url('../img/2027/justkids_header_2027_proportional.png');background-size:contain;}}
/* Gelbe Trennlinien, eng an nachfolgendem Inhalt */
#content .section-accent-rule{display:block;width:100%;height:3px;border:0;background:#ffe100;border-radius:3px;margin:13px 0 9px;}
#content hr{border:0;height:3px;background:#ffe100;border-radius:3px;margin:13px 0 9px;}
#content .section-accent-rule + p,#content hr + p{margin-top:0;}

/* Korrekturen November 2026: originalgetreuer Header, kurze geschwungene Akzente */
#header{aspect-ratio:1240/331;background-image:url('../img/2027/justkids_header_2027_optimiert.png');background-size:100% 100%;}
@media(max-width:730px){#header{aspect-ratio:851/227;background-image:url('../img/2027/justkids_header_2027.png');background-size:100% 100%;}}
#content .section-accent-rule,#content hr.section-accent-rule,#content hr{display:block;width:210px;max-width:52%;height:6px;border:0;margin:9px 0 11px;background:#ffe100;border-radius:70% 18% 65% 18% / 100% 100% 65% 65%;transform:skewX(-9deg);}
#content .section-accent-rule + ul,#content .section-accent-rule + p,#content .section-accent-rule + h2,#content hr + ul,#content hr + p,#content hr + h2{margin-top:0;}
#footer{line-height:1.8;padding-top:28px;}
#footer .footer-organisation{max-width:1100px;margin:14px auto 26px;font-size:14px;line-height:1.8;text-wrap:balance;}
#footer .partner-logos{margin-top:12px;}
#content table#sp,#content table.festival-results{width:100%;max-width:820px;border-collapse:collapse;border:1px solid #d7e1f0;margin:12px 0 20px;font-size:15px;table-layout:auto;}
#content table#sp td,#content table#sp th,#content table.festival-results td,#content table.festival-results th{border-bottom:1px solid #d7e1f0;padding:9px 12px;text-align:left;vertical-align:middle;}
#content table#sp tr:nth-child(even),#content table.festival-results tr:nth-child(even){background:#f1f5fd;}
#content table#sp th,#content table.festival-results th{background:#174bb8;color:white;font-weight:700;}
#content table#sp td:nth-child(4){font-weight:700;white-space:nowrap;}
#content a.info-button{display:inline-flex;align-items:center;gap:7px;padding:8px 15px;background:#174bb8;color:white;border-radius:999px;text-decoration:none;font-size:14px;font-weight:700;line-height:1.35;margin:5px 2px 8px 0;max-width:100%;overflow-wrap:anywhere;}
#content a.info-button:hover{background:#123b92;color:white;text-decoration:none;}
@media(max-width:600px){#content table#sp,#content table.festival-results{font-size:12px;}#content table#sp td,#content table#sp th{padding:7px 5px;}#footer .footer-organisation{font-size:13px;}}

/* Beitragskarten: Bilder ohne float, Text und Links bleiben erhalten */
#content .contribution-card{display:grid;grid-template-columns:minmax(0,1fr) minmax(150px,28%);gap:20px;align-items:start;border:1px solid #dce7f4;background:#fff;border-radius:12px;padding:20px;margin:12px 0 22px;box-shadow:0 2px 9px rgba(20,59,146,.045)}
#content .contribution-card__body{min-width:0}#content .contribution-card__body p{margin:0;line-height:1.65}#content .contribution-card__media{min-width:0}#content .contribution-card__media img{display:block;float:none!important;width:100%!important;max-width:100%;height:auto;margin:0!important;border-radius:8px;object-fit:cover}#content .contribution-card a.info-button{font-size:13px;white-space:normal;overflow-wrap:normal;padding:9px 15px;margin:14px 0 0}#content .contribution-card a.info-button::after{content:' ↗'}
@media(max-width:620px){#content .contribution-card{grid-template-columns:1fr;padding:15px;gap:14px}#content .contribution-card__media{grid-row:2}#content .contribution-card__media img{max-height:300px;object-fit:contain;object-position:left}}

/* Erweiterung ausschließlich auf Basis der freigegebenen Beitragskarten-Version */
#zitate{overflow:visible;padding-bottom:0;background:#fff}
#zitate .sidebar-partners{margin:22px -22px 0;padding:17px 16px 20px;border-top:1px solid #e7e2d4;background:#fffdf6;border-radius:0 0 12px 12px}
#zitate .sidebar-partners h2{font-size:17px;color:#133e88;background:#ffe100;border-radius:15px;display:inline-block;padding:5px 13px;margin:0 0 14px;line-height:1.35}
#zitate .partner-logo-grid{display:grid;grid-template-columns:1fr 1fr;align-items:center;gap:10px 12px}
#zitate .partner-logo-grid .partner-item{display:flex;align-items:center;justify-content:center;min-width:0;padding:7px 3px;border-bottom:1px solid #eee8d8;min-height:62px}
#zitate .partner-logo-grid .partner-item.wide{grid-column:1/-1}
#zitate .partner-logo-grid img{max-width:100%;width:auto;height:auto;max-height:76px;object-fit:contain}
#zitate .partner-logo-grid .partner-item.wide img{max-height:61px;max-width:90%}
#footer{margin-top:45px;border-top:4px solid #ffe100;background:#f7faff;border-radius:10px 10px 0 0;padding:25px 24px 20px;text-align:center}
#footer .footer-organisation{max-width:950px;margin:10px auto 0;line-height:1.75}
#footer .footer-signoff{font-weight:700;color:#174bb8;margin:14px 0 0;font-size:13px}
#content .breadcrumb{font-size:13px;color:#596982;line-height:1.45;margin:0 0 17px;display:flex;flex-wrap:wrap;gap:7px;align-items:center}
#content .breadcrumb a{font-size:13px;color:#174bb8;font-weight:500;text-decoration:none}
#content .breadcrumb a:hover{text-decoration:underline}
#content .breadcrumb .crumb-sep{color:#8491a5}
#content .contribution-card__body a.info-button{max-width:100%}
@media(max-width:730px){#zitate .sidebar-partners{margin-left:-22px;margin-right:-22px}}

/* Reparatur: bestehende Beitragskarten auf weiteren Seiten, ohne Spieltabellen anzufassen */
#content .contribution-card{grid-template-columns:minmax(0,1fr) minmax(145px,29%);clear:both}
#content .contribution-card:not(:has(.contribution-card__media)){display:block}
#content .contribution-card__body>h2,#content .contribution-card__body>h3,#content .contribution-card__body>h4{margin:0 0 10px;color:var(--blue);line-height:1.35}
#content .contribution-card__body>h2{font-size:19px}#content .contribution-card__body>h3{font-size:17px}
#content .contribution-card__body>br:first-child{display:none}
#content .contribution-card__body img{max-width:100%;height:auto}
#content .contribution-card__body a.info-button{max-width:100%;white-space:normal}
#content table:not(.contribution-card){max-width:100%;}
#content table#sp{display:table;overflow:visible}
#content table#sp th[id^=spth]{background:#5ab3f8;color:#121212;text-align:center}
#content table#sp td[id^=sptb]{text-align:center}
@media(max-width:620px){#content .contribution-card{grid-template-columns:1fr}#content table{font-size:13px}}

/* Wiederhergestellte historische Inhaltsklassen aus den Original-CSS-Dateien */
#content .textb{text-transform: uppercase; color:#000000; font-size: 16px;}
#content .textc{text-transform: uppercase; color:#6a9ed0; font-weight: bold; font-size: 16px;}
#content .textd{text-transform: uppercase; color:#000000; font-weight: bold; font-size: 16px;}
#content .text1{text-transform: uppercase; color:#ef435f; font-weight: bold; font-size: 16px;}
#content .text2{text-transform: uppercase; color:#ee2b78; font-weight: bold; font-size: 16px;}
#content .text3{text-transform: uppercase; color:#20c2e3; font-weight: bold; font-size: 16px;}
#content .text1a{text-transform: uppercase; color:#45aec0; font-weight: bold; font-size: 16px;}
#content .text2a{text-transform: uppercase; color:#f1852c; font-weight: bold; font-size: 16px;}
#content .text3a{text-transform: uppercase; color:#2ab5a5; font-weight: bold; font-size: 16px;}
#content .text4a{text-transform: uppercase; color:#de567c; font-weight: bold; font-size: 16px;}
#content .text1b{text-transform: uppercase; color:#3ab5a5; font-weight: bold; font-size: 16px;}
#content .text2b{text-transform: uppercase; color:#ec6668; font-weight: bold; font-size: 16px;}
#content .text3b{text-transform: uppercase; color:#4dbde1; font-weight: bold; font-size: 16px;}
#content .text4b{text-transform: uppercase; color:#624a98; font-weight: bold; font-size: 16px;}
#content .text1c{text-transform: uppercase; color:#0f6d7e; font-weight: bold; font-size: 16px;}
#content .text2c{text-transform: uppercase; color:#00a16c; font-weight: bold; font-size: 16px;}
#content .text3c{text-transform: uppercase; color:#f25843; font-weight: bold; font-size: 16px;}
#content .text1d{text-transform: uppercase; color:#f16523; font-weight: bold; font-size: 16px;}
#content .text2d{text-transform: uppercase; color:#3f9a6e; font-weight: bold; font-size: 16px;}
#content .text3d{text-transform: uppercase; color:#174ca1; font-weight: bold; font-size: 16px;}
#content .text2022a{text-transform: uppercase; color:#3b9d6f; font-weight: bold; font-size: 16px;}
#content .text2022b{text-transform: uppercase; color:#e2bb2c; font-weight: bold; font-size: 16px;}
#content .text2022c{text-transform: uppercase; color:#e94d0a; font-weight: bold; font-size: 16px;}
#content .text2022d{text-transform: uppercase; color:#fc9ae7; font-weight: bold; font-size: 16px;}

/* Programme: Inhaltskarten ohne Verlust historischer Tabellen und Layouts */
#content .program-card{margin:14px 0 22px;overflow:visible;}
#content .program-card .contribution-card__body{min-width:0;}
#content .program-card .contribution-card__body h2{margin:0 0 12px;color:#174bb8;font-size:19px;}
#content .program-card .contribution-card__body h3{margin:14px 0 8px;}
#content .program-card .contribution-card__body table{max-width:100%;width:auto;display:table;}
#content .program-card .contribution-card__body img{max-width:100%;height:auto;}
#content .program-card .contribution-card__media img{width:100%!important;max-width:100%;height:auto;float:none!important;margin:0!important;}
#content a.info-button{vertical-align:middle;max-width:100%;white-space:normal;overflow-wrap:anywhere;}
@media(max-width:700px){#content .program-card{display:block;}#content .program-card .contribution-card__media{margin-top:14px;max-width:320px;}#content .program-card table{display:block;overflow-x:auto;}}

/* Sidebar: zwei eigenstaendige, rundum abgerundete Karten */
#container .sidebar-stack{grid-column:2;grid-row:3;display:flex;flex-direction:column;gap:20px;min-width:0;align-self:start}
#container .sidebar-stack #zitate{grid-column:auto;grid-row:auto;width:100%;min-width:0;margin:0;padding:0 22px 24px;background:#fff;border:1px solid #e0e7f0;border-radius:20px;overflow:hidden;box-shadow:0 3px 12px #123b9210}
#container .sidebar-stack #zitate h1{border-radius:19px 19px 0 0}
#container .sidebar-stack .sidebar-partners{margin:0;padding:20px 18px 22px;border:1px solid #e0e7f0;border-radius:20px;background:#fffdf6;box-shadow:0 3px 12px #123b9210;overflow:hidden}
#container .sidebar-stack .sidebar-partners h2{font-size:17px;color:#133e88;background:#ffe100;border-radius:15px;display:inline-block;padding:5px 13px;margin:0 0 14px;line-height:1.35}
#container .sidebar-stack .partner-logo-grid{display:grid;grid-template-columns:1fr 1fr;align-items:center;gap:10px 12px}
#container .sidebar-stack .partner-logo-grid .partner-item{display:flex;align-items:center;justify-content:center;min-width:0;padding:7px 3px;border-bottom:1px solid #eee8d8;min-height:62px}
#container .sidebar-stack .partner-logo-grid .partner-item.wide{grid-column:1/-1}
#container .sidebar-stack .partner-logo-grid img{max-width:100%;width:auto;height:auto;max-height:76px;object-fit:contain}
#container .sidebar-stack .partner-logo-grid .partner-item.wide img{max-height:61px;max-width:90%}
@media(max-width:730px){#container .sidebar-stack{grid-column:1;grid-row:auto;margin-top:26px}#container .sidebar-stack #zitate{margin:0}}


/* Typografie 2027: einheitliches Inter-Schriftbild, ohne historische Sonderlayouts zu ueberschreiben */
html { font-size: 16px; }
body, button, input, select, textarea { font-family: 'Inter', Arial, Helvetica, sans-serif; }
body { font-size: 16px; line-height: 1.6; }
#content { font-size: 16px; line-height: 1.6; }
#content p, #content li { line-height: 1.6; }
#content h1 { font-size: 27px; line-height: 1.3; font-weight: 700; }
#content h2 { font-size: 21px; line-height: 1.35; font-weight: 700; }
#content h3 { font-size: 18px; line-height: 1.4; font-weight: 700; }
#slatenav a { font-size: 15px; font-weight: 600; }
#content a.info-button, #content a.download-button, #content .contribution-card a.info-button { font-size: 14px; font-weight: 600; line-height: 1.35; }
#content .contribution-card__body > h2 { font-size: 21px; }
#content .contribution-card__body > h3 { font-size: 18px; }
#zitate, #container .sidebar-stack #zitate { font-size: 15px; line-height: 1.5; }
#zitate .contact-line { font-size: 15px; line-height: 1.5; }
#footer { line-height: 1.6; }
@media(max-width:1050px) { #slatenav a { font-size: 14px; } }
@media(max-width:730px) {
  #content { font-size: 16px; }
  #content h1 { font-size: 23px; }
  #content h2, #content .contribution-card__body > h2 { font-size: 19px; }
  #slatenav a { font-size: 13px; }
}

/* November 2026: konsistente geschwungene Akzentlinien, auch auf der Startseite */
#content .accent-line,
#content .section-accent-rule,
#content hr.section-accent-rule,
#content hr:not([class]) {
  display:block;
  width:210px;
  max-width:52%;
  height:6px;
  border:0;
  background:#ffe100;
  border-radius:70% 18% 65% 18% / 100% 100% 65% 65%;
  transform:skewX(-9deg);
  margin:9px 0 11px;
}
#content .accent-line + p,
#content .accent-line + ul,
#content .accent-line + h2,
#content .accent-line + h3,
#content .accent-line + .theme-card { margin-top:0; }
/* Navigation: lesbarere Schrift und Icons; 6 Menüpunkte statt 7 */
#slatenav a { font-size:17px; font-weight:650; gap:9px; padding:11px 15px; min-height:48px; }
#slatenav .nav-icon { width:21px; height:21px; }
@media(max-width:1050px) { #slatenav a { font-size:15px; padding:10px 12px; } #slatenav .nav-icon { width:19px;height:19px; } }
@media(max-width:730px) { #slatenav a { font-size:14px; padding:9px 10px; min-height:42px; } #slatenav .nav-icon { width:18px;height:18px; } }