/* Gruppenzeile der Materialliste — der Oberbegriff einmal ueber seinen Eintraegen.
   Gestalt: Ulli, Kommentar 391422439391232; Bau: Darius.
   Groesse: Fliesstextgroesse fett (19,2 px am Rechner, 16 px am Telefon) — sie erbt
   die Groesse, damit sie am Telefon von selbst kleiner wird.
   Abstaende: 32 px ueber der Zeile, 8 px bis zur Linie, 16 px bis zum ersten Eintrag
   (am Telefon 24 / 8 / 12). Linie: 1 px grau, Breite der Gruppe. Einzug 0. */

.rm-materialgruppe {
	margin: 0;
}

.rm-materialgruppe-zeile {
	font-weight: 700;
	margin: 32px 0 0;
	padding: 0 0 8px;
	border-bottom: 1px solid rgba(0, 0, 0, .2);
}

.rm-materialgruppe-zeile + * {
	margin-top: 16px;
}

@media (max-width: 600px) {
	.rm-materialgruppe-zeile {
		margin-top: 24px;
		padding-bottom: 8px;
	}

	.rm-materialgruppe-zeile + * {
		margin-top: 12px;
	}
}

/* Der Materialpunkt traegt Kasten und Unterschrift gar nicht mehr.
   Wort der Auftraggeberin (12.10.2026): die Bilder sind illustrativ, sie hatten keine
   Bildunterschrift; der weisse Kasten mit Schatten gehoert dort nicht hin.
   Am 12.10.2026 aus dem HTML genommen (Aufgabe 391644750086145): die Klassen
   has-shadow und has-background-background-color am Spaltenblock und am Bild,
   dazu die Bildunterschrift. Die Anzeigeregeln, die beides still legten, sind damit
   gefallen — hier standen sie bis dahin. Kein Inhalt wurde angefasst. */

/* Hinweis auf den Werbe-Verweis — einmal unter der Liste, nicht je Knopf.
   Wortlaut: Redaktion (Kommentar 391428913299456), bleibt unveraendert.
   Form: Ulli (Kommentar 391638536224768, Entscheidung Rocky 391638810951680) — Stelle bleibt,
   jeder eigene Wert faellt weg: Groesse aus der Stufe small des Themes, Zeilenhoehe 1,6,
   Textfarbe ueber den Namen foreground, Abstand aus dem Blockabstand des Themes,
   Innenabstand 0, keine Linie.
   Folge, die dazugehoert: am Rechner aendert sich nichts Sichtbares, am Telefon wird der
   Hinweis 14,4 px — die kleinste Schrift der Seite, weil small die kleinste Stufe ist. */

.rm-material-hinweis {
	font-size: var(--wp--preset--font-size--small);
	line-height: 1.6;
	margin: var(--wp--style--block-gap, 1.5rem) 0 0;
	color: var(--wp--preset--color--foreground);
}

/* Der Verweis im Hinweis muss auch am Telefon mit dem Finger zu treffen sein (Abnahmepunkt 2
   der Aufgabe 391710328029186). Gemessen am 12.10.2026 an der Kopie: die blosse Wortflaeche
   ist 33 x 19 px. Die Polsterung oben und unten vergroessert die Trefferflaeche, ohne die
   Zeilenlage zu bewegen - an einem Textverweis bewegt Polsterung die Zeilenhoehe nicht.
   Der Abstand kommt aus dem Design, kein Pixelwert. */
.rm-material-hinweis a {
	padding-block: var(--wp--preset--spacing--40);
}

/* Der Materialverweis ist ein Verweis, keine Schaltflaeche. Links am Eintragsnamen ausgerichtet,
   Zeilenbox 50,56 px am Rechner und 44,8 px am Telefon (Form: Ulli).
   Farbe, Linie und Versatz sind HIER NICHT MEHR gesetzt: der Verweis folgt dem Standard des
   Themes — in Ruhe Primary #C70054 ohne Linie, beim Ueberfahren und Druecken Secondary #A20244.
   Die drei eigenen Angaben sind am 12.10.2026 gefallen (Auftraggeberin: die Standards des
   Theme-Designs gelten; Form: Ulli, Kommentar 391640010522624). */
.rm-material-verweis{margin:0;text-align:left}
.rm-material-verweis-link{display:inline-block;padding:8px 0;line-height:1.8}

/* Der Abstand der Materialzeile kommt aus dem Design, nicht aus einem eigenen Wert:
   statt der Innenabstands-Stufe --wp--preset--spacing--50 (im Design 1vw, am Telefon 3,9 px,
   also unsichtbar) traegt die Textspalte den Blockabstand des Themes
   (--wp--style--block-gap = 1.5rem = 24 px, Rueckfall derselbe Wert). Die Breiten der Spalten
   bleiben damit unveraendert 480 / 720. Zugleich stapelt die Zeile am Telefon
   (Klasse is-not-stacked-on-mobile im Baustein entfernt), Bild ueber Text.
   Aufgabe 391662768816128, Messung an der Kopie 12./13.10.2026, Pruefung Konrad 391704386797568. */
.rm-materialgruppe .wp-block-columns .wp-block-column:nth-child(2){padding:var(--wp--style--block-gap, 1.5rem)}

/* Telefon: sichtbarer Abstand zwischen Bild und Text (Klasse setzt der Erzeuger) */
@media (max-width: 781px) {
  .rm-materialgruppe .wp-block-columns .wp-block-column:nth-child(2) { padding: 1.5rem !important; }
}