.container.katalog{max-width:1280px}.katalog-kopf{margin-bottom:10px}.katalog-kopf p.einleitung,.startkopf p.einleitung{color:#444;max-width:62ch}.katalog-kopf p.zurueck{margin:0 0 4px;font-size:.9rem}.sr-only{clip:rect(0 0 0 0);white-space:nowrap;width:1px;height:1px;position:absolute;overflow:hidden}.startkopf{align-items:flex-start;gap:16px;margin-bottom:16px;display:flex}.startkopf .logo{flex:none;margin-top:12px}.startkopf h1{margin:0 0 4px}.suchkasten{background:var(--blau-transp2,#00357226);border-radius:12px;margin:0 0 8px;padding:14px 16px}.suchkasten label{color:var(--blau,#003572);margin-bottom:6px;font-weight:600;display:block}.suchzeile{flex-wrap:wrap;gap:8px;display:flex}.suchzeile input[type=search]{min-width:10rem;font:inherit;border:1px solid #bbb;border-radius:8px;flex:16rem;padding:9px 12px;font-size:1.05rem}.suchzeile button{font:inherit;background:var(--blau,#003572);color:#fff;cursor:pointer;border:none;border-radius:8px;padding:9px 20px;font-size:1.05rem}.suchhinweis{color:#555;margin:8px 0 0;font-size:.85rem}.vorteile{grid-template-columns:repeat(auto-fit,minmax(min(100%,12rem),1fr));gap:4px 18px;margin:12px 0 0;padding:0;list-style:none;display:grid}.vorteile li{border-left:solid 3px var(--pink,#f53d9b);flex-direction:column;padding-left:14px;font-size:.88rem;line-height:1.35;display:flex}.vorteile strong{color:var(--blau,#003572)}.vorteile span{color:#666}.beispiel{grid-template-columns:minmax(0,1.45fr) minmax(0,1fr);align-items:start;gap:22px;margin-top:6px;display:grid}.beispiel-bild{border:solid 1px var(--blau,#003572);border-radius:10px;line-height:0;display:block;overflow:hidden;box-shadow:0 2px 8px #0035721f}.beispiel-bild img{width:100%;height:auto;display:block}.beispiel-text h3{color:var(--blau,#003572);margin:0 0 6px;font-size:1.15rem}.beispiel-text h3 a{text-decoration:none}.beispiel-text h3 a:hover,.beispiel-text h3 a:focus-visible{text-decoration:underline}.beispiel-text p{color:#444;margin:0 0 6px}.beispiel-text p.klassen{color:#777;font-size:.85rem}.beispiel-text p.hinweis{color:#666;font-size:.88rem}.beispiel-qr{align-items:center;gap:10px;margin-top:12px;display:flex}.beispiel-qr svg{flex:none;width:104px;height:104px;display:block}.beispiel-qr p{color:#777;margin:0;font-size:.85rem}@media (width<=720px){.beispiel{grid-template-columns:1fr;gap:14px}}.filter{z-index:5;border-bottom:solid 1px var(--blau,#003572);background:#fff;flex-wrap:wrap;align-items:center;gap:8px;margin-bottom:10px;padding:10px 0;display:flex;position:sticky;top:0}.filter label.feldname{color:#555;margin-right:4px;font-size:smaller}.filter input[type=search]{min-width:10rem;font:inherit;border:1px solid #bbb;border-radius:8px;flex:12rem;padding:6px 10px;font-size:1rem}.klassenknopf{font:inherit;border:solid 1px var(--blau,#003572);color:var(--blau,#003572);cursor:pointer;background:#fff;border-radius:999px;padding:5px 11px;font-size:.95rem}.klassenknopf[aria-pressed=true]{background:var(--blau,#003572);color:#fff}.klassenknopf:focus-visible,.filter input:focus-visible,.suchzeile input:focus-visible,.suchzeile button:focus-visible,.alle-im-block:focus-visible,.exportleiste button:focus-visible,.auswahlbox:focus-visible{outline:3px solid var(--pink,#f53d9b);outline-offset:2px}.block{border-top:1px solid #e2e2e2;margin:28px 0 0;padding-top:14px}.blockkopf{flex-wrap:wrap;justify-content:space-between;align-items:baseline;gap:10px;margin:0 0 4px;display:flex}.blockkopf h2{color:var(--pink,#f53d9b);margin:0;font-size:1.35rem}.alle-im-block{font:inherit;color:var(--blau,#003572);cursor:pointer;background:0 0;border:none;padding:2px 4px;font-size:.85rem;text-decoration:underline}.block>p.blockbeschreibung{color:#333;max-width:68ch;margin:0 0 10px}.karten{grid-template-columns:repeat(auto-fill,minmax(min(100%,18rem),1fr));gap:10px;margin:0;padding:0;list-style:none;display:grid}.karte{border:1px solid #ddd;border-left:solid 4px var(--blau,#003572);background:#fff;border-radius:8px;margin:0;padding:9px 12px}.karte.tafelbild{border-left-color:var(--pink,#f53d9b)}.abschnitt{margin-top:12px}.abschnitt h3{color:#555;margin:0 0 6px;font-size:1rem;font-weight:600}.kartenkopf{align-items:flex-start;gap:8px;display:flex}.auswahlbox{width:1.15rem;height:1.15rem;accent-color:var(--blau,#003572);cursor:pointer;flex:none;margin:.15rem 0 0}.karte a{font-weight:600;text-decoration:none}.karte a:hover,.karte a:focus-visible{text-decoration:underline}.karte.thema .kartenkopf a{font-size:1.08rem}.karte p{color:#555;margin:3px 0 0;font-size:.92rem}.karte .klassen{color:#777;margin-top:5px;font-size:.8rem}.startuebung{background:var(--gruen-transp,#55c93e26);border-radius:8px;align-items:center;gap:12px;margin:10px 0;padding:8px 12px;display:flex}.startuebung svg{flex:none;width:92px;height:92px}.startuebung .text{font-size:.92rem}.exportleiste{z-index:6;background:var(--blau,#003572);color:#fff;border-radius:12px 12px 0 0;flex-wrap:wrap;align-items:center;gap:8px;margin:22px -12px 0;padding:10px 12px;display:flex;position:sticky;bottom:0}.exportleiste[hidden]{display:none}.exportleiste #anzahl{font-size:.95rem}.exportleiste button{font:inherit;color:var(--blau,#003572);cursor:pointer;background:#fff;border:1px solid #fff;border-radius:999px;padding:6px 12px;font-size:.95rem}.exportleiste #auswahlLeeren{color:#fff;background:0 0}.exportleiste .andere-themen{opacity:.85;margin-right:auto;font-size:.85rem}.exportleiste #rueckmeldung{flex-basis:100%;font-size:.85rem}.is-hidden{display:none}.leer{color:#777;margin:16px 0;font-style:italic}@media print{.filter,.exportleiste,.auswahlbox,.alle-im-block,.suchkasten,.vorteile,#footer{display:none}.karte{break-inside:avoid;border-left-width:1px}}.katalog-kopf .logo,.startkopf .logo{width:clamp(150px,22vw,220px);height:auto;margin:0 0 10px;display:block}@media (width>=780px){.startkopf{align-items:center;gap:clamp(24px,4vw,48px)}.katalog-kopf .logo{float:left;margin:0 clamp(24px,4vw,48px) 10px 0}}.karten.galerie{grid-template-columns:repeat(auto-fill,minmax(min(100%,20rem),1fr))}.tafelbild-bild{aspect-ratio:4/3;background:#fff;border-radius:4px 8px 0 0;margin:-9px -12px 8px;display:block;overflow:hidden}.karten.galerie .karte{background:#f5f5f5}.tafelbild-bild img{object-fit:contain;box-sizing:border-box;width:100%;height:100%;padding:8px;display:block}.tafelbild-bild .kein-bild{color:#999;justify-content:center;align-items:center;height:100%;font-size:.85rem;font-style:italic;display:flex}.karten.galerie .karte p{font-size:.9rem}.karte.tafelbild.extern{border-left-color:var(--gruen,#55c93e)}.karte .extern-hinweis{background:var(--gruen-transp,#55c93e26);color:#3a7a2c;border-radius:999px;margin:4px 0 0;padding:1px 8px;font-size:.75rem;display:inline-block}.stichpunkte{color:#555;margin:6px 0 0;padding-left:1.1em;font-size:.86rem}.stichpunkte li{margin-bottom:2px}.karte.regel{border-left-color:var(--lila,#a8326f)}.bilderreihe{background:#fff;border-radius:4px 8px 0 0;gap:6px;margin:-9px -12px 8px;padding:10px;display:flex;overflow-x:auto}.bilderreihe img{object-fit:contain;flex:none;width:auto;max-width:40%;height:84px}.bilderreihe.hoch{justify-content:center}.bilderreihe.hoch img{max-width:100%;height:170px}.bilderreihe.leer{justify-content:center;align-items:center;height:104px}.karte.download .kartenkopf .titel,.karte.extern .kartenkopf .titel{color:var(--blau,#003572);font-weight:600}.karte.download{border-left-color:var(--gruen,#55c93e)}.download-zeile{flex-wrap:wrap;align-items:center;gap:10px;margin-top:10px;display:flex}.download-knopf{background:var(--blau,#003572);color:#fff;border-radius:999px;padding:7px 16px;font-size:.95rem;text-decoration:none;display:inline-block}.download-knopf:hover,.download-knopf:focus-visible{background:var(--lila,#a8326f);color:#fff;text-decoration:none}.dateiinfo{color:#777;font-size:.8rem}.katalog-kopf,.startkopf{flex-wrap:wrap;align-items:center;gap:clamp(16px,4vw,48px);display:flex}.katalog-kopf .logo,.startkopf .logo{flex:none;width:clamp(150px,22vw,220px);height:auto;margin:0}.katalog-kopf>div,.startkopf>div{flex:20rem;min-width:0}.katalog-kopf>h1,.katalog-kopf>p{flex:100%;min-width:0;margin-top:0}.katalog-kopf h1,.startkopf h1{color:var(--blau,#003572);margin-bottom:6px}.katalog-kopf p.einleitung{max-width:80ch}.karte.tafelbild.animation{border-left-color:var(--gelb,#f5e356)}.karte .animation-hinweis{color:#7a6a10;background:#f5e35659;border-radius:999px;margin:4px 0 0;padding:1px 8px;font-size:.75rem;display:inline-block}