/*
 * Profil, ganz unten: „Für Inhaber von …“ (inc/schaufenster.php,
 * wir_platz_profil_fuer_betrieb). Zwei getrennte Kästen: Aushang fürs
 * Schaufenster und Siegel für die eigene Website.
 */
.wir-fb-raster { display: grid; gap: var(--wp--custom--box--abstand); }
@media (min-width: 900px) {
	.wir-fb-raster { grid-template-columns: repeat(2, minmax(0, 1fr)); align-items: stretch; } /* beide Kästen gleich hoch (Chris 04.10.2026) */
}
.wir-fb h3 { display: flex; align-items: center; gap: .6rem; margin: 0 0 .7rem; font-size: var(--wp--preset--font-size--titel-3); }
.wir-fb h3 .wir-symbol { width: 24px; height: 24px; flex: none; color: var(--wp--preset--color--primaer); }
.wir-fb p { max-width: 60ch; }
.wir-fb__knopf { display: flex; flex-wrap: wrap; align-items: center; gap: .5rem 1rem; margin: 1.1rem 0 0; }
.wir-fb__knopf button.wir-knopf { cursor: pointer; font: inherit; font-weight: 600; }
.wir-fb__meldung { color: var(--wp--preset--color--primaer-dunkel); font-weight: 600; }
.wir-fb__vorschau { padding: 1.1rem; margin: 1rem 0 0; background: var(--wp--preset--color--grund); border-radius: var(--wp--custom--radius--klein); }

.wir-fb__mehr { margin: 0; }
.wir-fb__mehr[open] { flex-basis: 100%; order: 3; } /* aufgeklappt: Anleitung über die volle Breite unter dem Knopf */
.wir-fb__mehr summary { cursor: pointer; min-height: var(--wp--custom--ziel, 48px); display: flex; align-items: center; color: var(--wp--preset--color--primaer); text-decoration: underline; text-underline-offset: .18em; }
.wir-fb__mehr summary:hover { color: var(--wp--preset--color--primaer-dunkel); }
.wir-fb__mehr textarea {
	width: 100%; box-sizing: border-box; margin: .4rem 0 .8rem; padding: .7rem .8rem;
	font-family: ui-monospace, "SF Mono", Menlo, Consolas, monospace; font-size: var(--wp--preset--font-size--klein); line-height: 1.45; font-variant-ligatures: none;
	color: var(--wp--preset--color--text); background: var(--wp--preset--color--flaeche);
	border: 1.5px solid var(--wp--preset--color--linie-stark); border-radius: var(--wp--custom--radius--feld); resize: vertical;
}
.wir-fb__mehr ol { margin: 0 0 .8rem; padding-left: 1.3em; }
.wir-fb__mehr li + li { margin-top: .35rem; }

/* Kompakt: Zusatzinformation am Ende des Profils, kein eigener Auftritt
   (Chris, 03.10.2026: „geil und cool, aber ein bisschen weniger groß“). */
.wir-abschnitt--fuer-betrieb { padding-block: clamp(2rem, 4vw, 3rem); }
.wir-abschnitt--fuer-betrieb .wir-kopfzeile { margin-bottom: 1.1rem; }
.wir-abschnitt--fuer-betrieb .wir-kopfzeile h2 { font-size: var(--wp--preset--font-size--titel-mittel); max-width: none; }
.wir-abschnitt--fuer-betrieb .wir-kopfzeile__text { font-size: var(--wp--preset--font-size--meta); margin-top: .3rem; }
.wir-fb.wir-box { padding: var(--wp--custom--box--innen); font-size: var(--wp--preset--font-size--meta); }
.wir-fb h3 { margin-bottom: .8rem; } /* nie enger als .wir-box h2 (Chris 04.10.2026) */
.wir-fb h3 .wir-symbol { width: 20px; height: 20px; }
.wir-fb p { margin-block: 0; line-height: 1.5; }
.wir-fb .wir-fb__knopf { margin-top: .8rem; }
.wir-fb__vorschau { padding: .7rem; margin-top: .8rem; }

/* Gleiche Höhe: Kasten als Spalte, die Knopfzeile sitzt immer unten (Chris 04.10.2026) */
.wir-fb.wir-box { display: flex; flex-direction: column; }
.wir-fb .wir-fb__knopf { margin-top: auto; padding-top: .9rem; }
.wir-fb__knopf .wir-fb__mehr summary { min-height: var(--wp--custom--ziel, 48px); }
.wir-fb__meldung:empty { display: none; }

/* Aushang: Text links, Mini-Plakat rechts – dieselben Teile wie der echte Aushang (inc/schaufenster.php) */
.wir-fb__inhalt { display: grid; grid-template-columns: minmax(0, 1fr) auto; gap: 1.2rem; align-items: start; }
.wir-fb__plakat {
	display: flex; flex-direction: column; align-items: center; gap: .15rem; width: 128px; aspect-ratio: 210 / 297; box-sizing: border-box;
	padding: .7rem .55rem .6rem; background: var(--wp--preset--color--flaeche); color: var(--wp--preset--color--wald); text-align: center; text-decoration: none;
	border: 1px solid var(--wp--preset--color--linie); border-radius: 4px; box-shadow: 0 10px 22px -14px rgba(10, 45, 26, .45);
	transform: rotate(2deg);
}
.wir-fb__plakat img { width: 40px; height: 40px; }
.wir-fb__plakat-zeile { font-size: 8px; line-height: 1.2; margin-top: .2rem; } /* schrift-ok: groesse Miniatur */ /* slop-ok: winzige-schrift Abbildung eines A4-Plakats, aria-hidden, kein Lesetext */
.wir-fb__plakat strong { font-size: 8.5px; line-height: 1.2; } /* schrift-ok: groesse Miniatur */ /* slop-ok: winzige-schrift Abbildung, aria-hidden */
.wir-fb__qr { width: 54px; margin-top: auto; }
.wir-fb__qr svg { display: block; width: 100%; height: auto; }
.wir-fb__plakat-name { font-size: 8px; font-weight: 700; line-height: 1.2; max-width: 100%; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; } /* schrift-ok: groesse Miniatur */ /* slop-ok: winzige-schrift Abbildung, aria-hidden */
@media (max-width: 480px) { .wir-fb__plakat { width: 96px; } .wir-fb__qr { width: 42px; } }
@media