/* Grundformen der Werkzeugfelder, nur auf dieser Seite geladen */
[data-werkzeug] [hidden] { display: none !important; }
[data-werkzeug] .sm-feld textarea { font: inherit; font-size: 1rem; padding: .7rem .85rem; border-radius: 10px; border: 1.5px solid var(--sm-linie-2); background: var(--sm-grund); color: var(--sm-tinte); resize: vertical; width: 100%; box-sizing: border-box; }
[data-werkzeug] .sm-feld textarea:focus { border-color: var(--sm-marke); outline: none; box-shadow: 0 0 0 4px color-mix(in srgb, var(--sm-akzent) 22%, transparent); }
[data-werkzeug] .sm-feld input[type="checkbox"], [data-werkzeug] .sm-feld input[type="radio"] { padding: 0; width: 1.1rem; height: 1.1rem; margin: 0 .4rem 0 0; vertical-align: middle; }
[data-werkzeug] .sm-feld input[type="file"] { padding: .55rem; }
[data-werkzeug] .sm-feld label:has(input[type="checkbox"]) { font-weight: 600; }
.sm-w-code { display: block; font-family: var(--sm-mono); font-size: .86rem; line-height: 1.55; padding: .9rem 1rem; margin: .4rem 0 .9rem; background: var(--sm-flaeche-2); color: var(--sm-tinte); border: 1px solid var(--sm-linie); border-radius: var(--sm-radius-klein); white-space: pre; overflow-x: auto; min-height: 3.2rem; box-sizing: border-box; width: 100%; }
.sm-w-code code { font: inherit; background: none; padding: 0; }
.sm-w-ausgabe-titel, .sm-main .prose .sm-w-ausgabe-titel { font-size: 1.05rem; margin: 1.2rem 0 .2rem; }
.sm-w-og-karten { display: grid; grid-template-columns: repeat(auto-fit, minmax(280px, 1fr)); gap: 1rem; margin: 0 0 1rem; }
.sm-w-og-karte { background: var(--sm-flaeche); border: 1px solid var(--sm-linie-2); border-radius: var(--sm-radius-klein); overflow: hidden; font-family: Arial, Helvetica, sans-serif; min-width: 0; }
.sm-w-og-kopf, .sm-main .prose .sm-w-og-kopf { margin: 0; padding: .45rem .8rem; font-size: .8rem; font-weight: 700; color: var(--sm-tinte-2); background: var(--sm-flaeche-2); border-bottom: 1px solid var(--sm-linie); }
.sm-w-og-bild { position: relative; aspect-ratio: 1200 / 630; background: var(--sm-flaeche-3); display: flex; align-items: center; justify-content: center; overflow: hidden; }
.sm-w-og-bild img { display: none; width: 100%; height: 100%; object-fit: cover; }
.sm-w-og-bild--da img { display: block; }
.sm-w-og-bild--da .sm-w-og-bildleer { display: none; }
.sm-w-og-bildleer { font-size: .85rem; color: var(--sm-tinte-3); }
.sm-w-og-inhalt { padding: .7rem .85rem .85rem; }
.sm-w-og-inhalt p, .sm-main .prose .sm-w-og-inhalt p { margin: 0; }
.sm-w-og-host, .sm-main .prose .sm-w-og-host { font-size: .72rem; letter-spacing: .03em; color: var(--sm-tinte-3); overflow-wrap: anywhere; }
.sm-w-og-titel, .sm-main .prose .sm-w-og-titel { font-size: 1rem; font-weight: 700; line-height: 1.3; color: var(--sm-tinte); margin-top: .2rem; display: -webkit-box; -webkit-line-clamp: 2; -webkit-box-orient: vertical; overflow: hidden; overflow-wrap: anywhere; }
.sm-w-og-text, .sm-main .prose .sm-w-og-text { font-size: .86rem; line-height: 1.4; color: var(--sm-tinte-2); margin-top: .2rem; display: -webkit-box; -webkit-line-clamp: 2; -webkit-box-orient: vertical; overflow: hidden; overflow-wrap: anywhere; }
.sm-w-og-leer { opacity: .6; }
.sm-w-og-karte--x { border-radius: 16px; }