/**
 * Oberfläche von NK Tickets im Frontend.
 *
 * THESE: Der Kunde schreibt in der schlechtesten Minute seines Tages. Diese
 * Seiten sind Werkzeug, kein Auftritt – sie gewinnen durch Ruhe, klare
 * Zeilenordnung und Präzision, nicht durch Schmuck.
 * WELT: Die Welt des NK-Themes, übernommen statt nachgebaut: Quicksand für
 * Fließtext, Rubik für Überschriften, Markenblau #2C5282, weiße Karte auf
 * #F6F8FB, 6-px-Radien an Feldern, 12 px an Karten, Fokusring als 3-px-Hof in
 * Markenhelligkeit. Maßgeblich ist das Kontaktformular unter /kontakt/:
 * erste Zeile zweispaltig, jede weitere einspaltig.
 * FORM: Eine Karte trägt das Formular. Darüber steht, was nach dem Absenden
 * passiert – die Frage, die jeder Anrufer als erstes stellt.
 *
 * Farben und Schriften kommen aus dem Theme. Die Rückfallwerte greifen nur,
 * wenn das Theme die Variablen nicht setzt – dann steht das Plugin für sich.
 */

.nkt {
	--nkt-marke: var( --brand, #2C5282 );
	--nkt-marke-dunkel: var( --brand-2, #1E3A5F );
	--nkt-marke-blass: var( --brand-light, #EDF2F8 );
	--nkt-marke-fahl: var( --brand-pale, #E3EBF4 );
	--nkt-text: var( --ink, #0F1A2E );
	--nkt-text-2: var( --ink-2, #243047 );
	--nkt-text-leise: var( --ink-mute, #5B6678 );
	--nkt-flaeche: var( --bg-soft, #F6F8FB );
	--nkt-linie: var( --bg-line, #DEE5EE );
	--nkt-gut: var( --success, #1F8744 );
	--nkt-gut-flaeche: #F0F8F3;
	--nkt-gut-linie: #B7DCC4;
	--nkt-gut-text: #14522B;
	--nkt-fehler: #A32318;
	--nkt-fehler-flaeche: #FDF2F1;
	--nkt-fehler-linie: #E3B7B2;
	--nkt-warte-flaeche: #FDF4EA;
	--nkt-warte-linie: #E8C9A4;
	--nkt-warte-text: #7A4310;
	--nkt-radius: var( --radius, 6px );
	--nkt-radius-gross: var( --radius-lg, 12px );
	--nkt-schatten: var( --shadow-sm, 0 2px 8px rgba( 15, 30, 54, .04 ) );
	--nkt-breite: 46rem;

	color: var( --nkt-text );
	font-family: inherit;
}

.nkt *,
.nkt *::before,
.nkt *::after {
	box-sizing: border-box;
}

.nkt h1,
.nkt h2,
.nkt h3 {
	font-family: 'Rubik', var( --font-head, inherit ), sans-serif;
	font-weight: 700;
	letter-spacing: -0.015em;
	line-height: 1.2;
}

.nkt-support {
	max-width: var( --nkt-breite );
}

/* Ablauf-Zeile: was nach dem Absenden passiert ------------------------- */

.nkt-ablauf {
	display: grid;
	gap: 18px;
	grid-template-columns: repeat( 3, 1fr );
	list-style: none;
	margin: 0 0 28px 0;
	padding: 0;
}

/* Am Rechner steht das Zeichen über dem Text. Läge es daneben, müsste die
   Verbindungslinie durch die Schrift laufen. */
.nkt-ablauf__schritt {
	padding-top: 40px;
	position: relative;
}

/* Die Linie gehört zum Schritt, nicht zur Leiste: So endet sie am letzten
   Zeichen und läuft nicht ins Leere. Die 18 px greifen in den Spaltenabstand
   und treffen genau den linken Rand des nächsten Zeichens. */
.nkt-ablauf__schritt::after {
	background: var( --nkt-linie );
	content: '';
	height: 1px;
	left: 36px;
	position: absolute;
	right: -18px;
	top: 13px;
}

.nkt-ablauf__schritt:last-child::after {
	content: none;
}

.nkt-ablauf__zeichen {
	align-items: center;
	background: #fff;
	border: 1px solid var( --nkt-linie );
	border-radius: 50%;
	color: var( --nkt-marke );
	display: flex;
	height: 28px;
	justify-content: center;
	left: 0;
	position: absolute;
	top: 0;
	width: 28px;
}

.nkt-ablauf__zeichen svg {
	height: 15px;
	width: 15px;
}

.nkt-ablauf__text {
	color: var( --nkt-text-leise );
	font-size: 0.88rem;
	line-height: 1.5;
	margin: 0;
}

/* Am Handy kippt die Leiste: Zeichen links, Text rechts, Linie senkrecht
   zwischen den Zeichen. Untereinander gestapelt wäre die Fläche doppelt so
   hoch, ohne mehr zu sagen. */
@media ( max-width: 700px ) {
	.nkt-ablauf {
		gap: 14px;
		grid-template-columns: 1fr;
	}

	.nkt-ablauf__schritt {
		padding: 4px 0 4px 40px;
	}

	.nkt-ablauf__schritt::after {
		bottom: -18px;
		height: auto;
		left: 13px;
		right: auto;
		top: 32px;
		width: 1px;
	}
}

/* Karte ---------------------------------------------------------------- */

.nkt-karte {
	background: #fff;
	border: 1px solid var( --nkt-linie );
	border-radius: var( --nkt-radius-gross );
	box-shadow: var( --nkt-schatten );
	padding: clamp( 22px, 3vw, 34px );
}

/* Formular ------------------------------------------------------------- */

.nkt-formular {
	margin: 0;
}

/* Zeilenordnung wie im Kontaktformular unter /kontakt/: die Namenszeile
   zweispaltig, alles Weitere einspaltig. Die Zweispaltigkeit hängt bewusst an
   einer eigenen Klasse und nicht an der Stellung im Formular – sonst erbt sie
   jedes andere Formular, das zufällig mit einer Zeile beginnt, und das
   Nachrichtenfeld der Antwortseite wäre nur halb so breit. */
.nkt-reihe {
	display: grid;
	gap: 16px;
	grid-template-columns: 1fr;
	margin-bottom: 18px;
}

.nkt-reihe--zwei {
	grid-template-columns: 1fr 1fr;
}

@media ( max-width: 600px ) {
	.nkt-reihe--zwei {
		grid-template-columns: 1fr;
	}
}

.nkt-feld {
	display: flex;
	flex-direction: column;
	min-width: 0;
}

.nkt-feld__beschriftung {
	color: var( --nkt-text-2 );
	font-size: 0.82rem;
	font-weight: 600;
	line-height: 1.4;
	margin-bottom: 8px;
}

.nkt-feld__pflicht {
	color: var( --nkt-fehler );
	margin-left: 2px;
}

.nkt-feld__hinweis {
	color: var( --nkt-text-leise );
	font-size: 0.82rem;
	line-height: 1.5;
	margin: 7px 0 0 0;
}

.nkt-feld__eingabe,
.nkt-feld__auswahl,
.nkt-feld__bereich {
	background: var( --nkt-flaeche );
	border: 1px solid var( --nkt-linie );
	border-radius: var( --nkt-radius );
	color: var( --nkt-text );
	font: inherit;
	font-size: 0.94rem;
	min-width: 0;
	padding: 12px 14px;
	transition: background-color 0.2s ease-out, border-color 0.2s ease-out, box-shadow 0.2s ease-out;
	width: 100%;
}

.nkt-feld__eingabe::placeholder,
.nkt-feld__bereich::placeholder {
	color: var( --nkt-text-leise );
}

.nkt-feld__auswahl {
	appearance: none;
	background-image: url( "data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='14' height='14' viewBox='0 0 24 24' fill='none' stroke='%235B6678' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='m6 9 6 6 6-6'/%3E%3C/svg%3E" );
	background-position: right 14px center;
	background-repeat: no-repeat;
	padding-right: 40px;
}

.nkt-feld__bereich {
	min-height: 9.5rem;
	resize: vertical;
}

.nkt-feld__eingabe:focus,
.nkt-feld__auswahl:focus,
.nkt-feld__bereich:focus {
	background: #fff;
	border-color: var( --nkt-marke );
	box-shadow: 0 0 0 3px var( --nkt-marke-blass );
	outline: none;
}

.nkt-feld__eingabe:focus-visible,
.nkt-feld__auswahl:focus-visible,
.nkt-feld__bereich:focus-visible,
.nkt-knopf:focus-visible,
.nkt-feld__haken input:focus-visible,
.nkt a:focus-visible,
.nkt-meldung:focus-visible {
	outline: 2px solid var( --nkt-marke );
	outline-offset: 2px;
}

.nkt-legende {
	color: var( --nkt-text-leise );
	font-size: 0.82rem;
	line-height: 1.5;
	margin: 0 0 20px 0;
}

.nkt-feld--fehlerhaft .nkt-feld__eingabe,
.nkt-feld--fehlerhaft .nkt-feld__auswahl,
.nkt-feld--fehlerhaft .nkt-feld__bereich,
.nkt-feld--fehlerhaft .nkt-ablage {
	background: var( --nkt-fehler-flaeche );
	border-color: var( --nkt-fehler-linie );
}

.nkt-feld--fehlerhaft .nkt-feld__eingabe:focus,
.nkt-feld--fehlerhaft .nkt-feld__auswahl:focus,
.nkt-feld--fehlerhaft .nkt-feld__bereich:focus {
	box-shadow: 0 0 0 3px #F7DEDB;
	border-color: var( --nkt-fehler );
}

.nkt-feld__fehler {
	align-items: baseline;
	color: var( --nkt-fehler );
	display: flex;
	font-size: 0.82rem;
	gap: 6px;
	line-height: 1.5;
	margin: 7px 0 0 0;
}

.nkt-feld__fehler svg {
	flex: none;
	height: 13px;
	position: relative;
	top: 2px;
	width: 13px;
}

/* Einwilligung --------------------------------------------------------- */

.nkt-feld__haken {
	align-items: start;
	color: var( --nkt-text-leise );
	display: grid;
	gap: 10px;
	grid-template-columns: auto 1fr;
	font-size: 0.86rem;
	line-height: 1.6;
}

.nkt-feld__haken input {
	accent-color: var( --nkt-marke );
	margin-top: 3px;
	width: 1.05rem;
	height: 1.05rem;
}

.nkt-feld__haken a {
	color: var( --nkt-marke );
	font-weight: 600;
}

/* Dateiablage ---------------------------------------------------------- */

.nkt-ablage {
	background: var( --nkt-flaeche );
	border: 1px dashed var( --nkt-linie );
	border-radius: var( --nkt-radius );
	cursor: pointer;
	display: flex;
	align-items: center;
	gap: 13px;
	padding: 16px 18px;
	position: relative;
	transition: background-color 0.2s ease-out, border-color 0.2s ease-out;
}

.nkt-ablage:hover,
.nkt-ablage--bereit {
	background: var( --nkt-marke-blass );
	border-color: var( --nkt-marke );
}

.nkt-ablage:focus-within {
	border-color: var( --nkt-marke );
	box-shadow: 0 0 0 3px var( --nkt-marke-blass );
}

/* Das echte Feld bleibt bedienbar und mit der Tastatur erreichbar, liegt
   aber unsichtbar über der Fläche. */
.nkt-ablage input[ type='file' ] {
	cursor: pointer;
	height: 100%;
	left: 0;
	opacity: 0;
	position: absolute;
	top: 0;
	width: 100%;
}

.nkt-ablage__zeichen {
	align-items: center;
	background: #fff;
	border: 1px solid var( --nkt-linie );
	border-radius: var( --nkt-radius );
	color: var( --nkt-marke );
	display: flex;
	flex: none;
	height: 34px;
	justify-content: center;
	width: 34px;
}

.nkt-ablage__zeichen svg {
	height: 17px;
	width: 17px;
}

.nkt-ablage__text {
	color: var( --nkt-text-2 );
	font-size: 0.9rem;
	font-weight: 600;
	line-height: 1.4;
}

.nkt-ablage__text span {
	color: var( --nkt-text-leise );
	display: block;
	font-size: 0.82rem;
	font-weight: 400;
	margin-top: 3px;
}

.nkt-dateien {
	display: grid;
	gap: 8px;
	list-style: none;
	margin: 10px 0 0 0;
	padding: 0;
}

.nkt-dateien:empty {
	display: none;
}

.nkt-dateien li {
	align-items: center;
	background: #fff;
	border: 1px solid var( --nkt-linie );
	border-radius: var( --nkt-radius );
	display: flex;
	gap: 10px;
	padding: 8px 10px;
}

.nkt-dateien svg {
	color: var( --nkt-marke );
	flex: none;
	height: 16px;
	width: 16px;
}

.nkt-dateien__name {
	flex: 1;
	font-size: 0.86rem;
	min-width: 0;
	overflow: hidden;
	text-overflow: ellipsis;
	white-space: nowrap;
}

.nkt-dateien__groesse {
	color: var( --nkt-text-leise );
	flex: none;
	font-size: 0.8rem;
}

.nkt-dateien__weg {
	background: none;
	border: 0;
	border-radius: 4px;
	color: var( --nkt-text-leise );
	cursor: pointer;
	flex: none;
	font: inherit;
	line-height: 0;
	padding: 4px;
}

.nkt-dateien__weg:hover {
	background: var( --nkt-fehler-flaeche );
	color: var( --nkt-fehler );
}

.nkt-dateien__weg svg {
	color: currentColor;
	height: 14px;
	width: 14px;
}

/* Meldungen ------------------------------------------------------------ */

.nkt-meldung {
	border: 1px solid var( --nkt-linie );
	border-radius: var( --nkt-radius-gross );
	background: var( --nkt-flaeche );
	line-height: 1.6;
	padding: 16px 18px;
}

.nkt-meldung p {
	margin: 0 0 8px 0;
}

.nkt-meldung p:last-child {
	margin-bottom: 0;
}

.nkt-meldung__titel {
	font-size: 1.05rem;
	line-height: 1.35;
	margin: 0 0 8px 0;
}

.nkt-meldung--fehler {
	background: var( --nkt-fehler-flaeche );
	border-color: var( --nkt-fehler-linie );
	color: #7A1A12;
}

.nkt-meldung--gut {
	background: var( --nkt-gut-flaeche );
	border-color: var( --nkt-gut-linie );
	color: var( --nkt-gut-text );
}

/* Sammelmeldung über dem Formular */
.nkt-sammelfehler {
	align-items: start;
	display: grid;
	gap: 13px;
	grid-template-columns: auto 1fr;
	margin-bottom: 22px;
}

.nkt-sammelfehler__zeichen {
	color: var( --nkt-fehler );
	flex: none;
	line-height: 0;
	padding-top: 2px;
}

.nkt-sammelfehler__zeichen svg {
	height: 20px;
	width: 20px;
}

.nkt-fehlerliste {
	margin: 8px 0 0 0;
	padding-left: 1.1rem;
}

.nkt-fehlerliste li {
	margin-bottom: 4px;
}

.nkt-fehlerliste li:last-child {
	margin-bottom: 0;
}

.nkt-fehlerliste a {
	color: inherit;
}

/* Bestätigung ---------------------------------------------------------- */

.nkt-quittung {
	align-items: start;
	animation: nkt-auf 0.45s cubic-bezier( 0.16, 1, 0.3, 1 ) both;
	display: grid;
	gap: 16px;
	grid-template-columns: auto 1fr;
	margin-bottom: 34px;
}

@keyframes nkt-auf {
	from {
		transform: translateY( 8px );
	}

	to {
		transform: translateY( 0 );
	}
}

.nkt-quittung__zeichen {
	align-items: center;
	background: #fff;
	border: 1px solid var( --nkt-gut-linie );
	border-radius: 50%;
	color: var( --nkt-gut );
	display: flex;
	flex: none;
	height: 38px;
	justify-content: center;
	width: 38px;
}

.nkt-quittung__zeichen svg {
	height: 19px;
	width: 19px;
}

.nkt-quittung__titel {
	font-size: 1.2rem;
	margin: 5px 0 10px 0;
}

.nkt-nummer {
	background: #fff;
	border: 1px solid var( --nkt-gut-linie );
	border-radius: var( --nkt-radius );
	display: inline-block;
	font-family: ui-monospace, 'SF Mono', 'Cascadia Mono', Menlo, Consolas, monospace;
	font-size: 1.02rem;
	font-weight: 600;
	letter-spacing: 0.04em;
	margin: 2px 0 4px 0;
	padding: 7px 13px;
}

.nkt-nachtrag {
	background: var( --nkt-flaeche );
	border: 1px solid var( --nkt-linie );
	border-radius: var( --nkt-radius-gross );
	color: var( --nkt-text-leise );
	display: grid;
	font-size: 0.9rem;
	gap: 13px;
	grid-template-columns: auto 1fr;
	line-height: 1.6;
	padding: 18px 20px;
}

.nkt-nachtrag__zeichen {
	color: var( --nkt-text-leise );
	flex: none;
	line-height: 0;
	padding-top: 2px;
}

.nkt-nachtrag__zeichen svg {
	height: 17px;
	width: 17px;
}

.nkt-nachtrag p {
	margin: 0;
}

.nkt-nachtrag strong {
	color: var( --nkt-text );
	white-space: nowrap;
}

/* Knöpfe --------------------------------------------------------------- */

.nkt-knopf {
	align-items: center;
	background: var( --nkt-marke );
	border: 1px solid var( --nkt-marke );
	border-radius: var( --nkt-radius );
	color: #fff;
	cursor: pointer;
	display: inline-flex;
	font: inherit;
	font-size: 0.95rem;
	font-weight: 700;
	gap: 9px;
	justify-content: center;
	padding: 13px 26px;
	text-decoration: none;
	transition: background-color 0.18s ease-out, border-color 0.18s ease-out;
}

.nkt-knopf svg {
	height: 16px;
	width: 16px;
}

.nkt-knopf:hover {
	background: var( --nkt-marke-dunkel );
	border-color: var( --nkt-marke-dunkel );
	color: #fff;
}

.nkt-knopf--leise {
	background: #fff;
	color: var( --nkt-marke );
}

.nkt-knopf--leise:hover {
	background: var( --nkt-marke-blass );
	color: var( --nkt-marke-dunkel );
}

.nkt-absenden {
	align-items: center;
	border-top: 1px solid var( --nkt-linie );
	display: flex;
	flex-wrap: wrap;
	gap: 12px 18px;
	margin-top: 24px;
	padding-top: 22px;
}

.nkt-absenden__hinweis {
	color: var( --nkt-text-leise );
	font-size: 0.82rem;
	line-height: 1.5;
	margin: 0;
}

/* Ticketseite ---------------------------------------------------------- */

/* Die Bühne. Die Token-Seite hängt NICHT im Inhaltscontainer des Themes –
   sie wird direkt zwischen get_header() und get_footer() ausgegeben. Ohne
   eigene Zentrierung und eigenes Polster klebt sie am linken Fensterrand
   unter dem Kopfband (so live gesehen am 24.08.2026). Deshalb trägt die
   Seite ihren Rahmen selbst; auf der Formular-Seite (Shortcode im Theme-
   Container) greift diese Regel bewusst nicht – dort gilt .nkt-support. */
.nkt-ticket {
	margin: clamp( 30px, 5vw, 56px ) auto clamp( 56px, 9vw, 96px );
	max-width: calc( var( --nkt-breite ) + 2 * clamp( 18px, 4vw, 28px ) );
	padding: 0 clamp( 18px, 4vw, 28px );
}

.nkt-kopf {
	border-bottom: 1px solid var( --nkt-linie );
	display: flex;
	flex-wrap: wrap;
	gap: 12px 20px;
	justify-content: space-between;
	align-items: flex-start;
	padding-bottom: 20px;
	margin-bottom: 14px;
}

.nkt-kopf__nummer {
	background: var( --nkt-flaeche );
	border: 1px solid var( --nkt-linie );
	border-radius: 999px;
	color: var( --nkt-text-2 );
	display: inline-block;
	font-family: ui-monospace, 'SF Mono', 'Cascadia Mono', Menlo, Consolas, monospace;
	font-size: 0.8rem;
	letter-spacing: 0.04em;
	padding: 4px 12px;
}

.nkt-kopf__betreff {
	font-size: clamp( 1.45rem, 3.4vw, 1.8rem );
	line-height: 1.22;
	margin: 10px 0 0 0;
	overflow-wrap: anywhere;
}

.nkt-einleitung {
	color: var( --nkt-text-leise );
	font-size: 0.9rem;
	line-height: 1.6;
	margin: 0 0 26px 0;
	max-width: 70ch;
}

.nkt-status {
	border: 1px solid var( --nkt-linie );
	border-radius: 999px;
	background: var( --nkt-flaeche );
	display: inline-flex;
	align-items: center;
	gap: 7px;
	font-size: 0.82rem;
	font-weight: 700;
	padding: 6px 14px;
	white-space: nowrap;
}

.nkt-status::before {
	background: currentColor;
	border-radius: 50%;
	content: '';
	height: 6px;
	width: 6px;
}

.nkt-status--neu,
.nkt-status--offen {
	background: var( --nkt-marke-blass );
	border-color: #C6D6E8;
	color: var( --nkt-marke-dunkel );
}

.nkt-status--wartet_kunde {
	background: var( --nkt-warte-flaeche );
	border-color: var( --nkt-warte-linie );
	color: var( --nkt-warte-text );
}

.nkt-status--geloest,
.nkt-status--geschlossen {
	background: var( --nkt-gut-flaeche );
	border-color: var( --nkt-gut-linie );
	color: var( --nkt-gut-text );
}

.nkt-abschnitt {
	color: var( --nkt-text );
	font-size: 1.02rem;
	font-weight: 700;
	letter-spacing: -0.01em;
	line-height: 1.35;
	margin: 0 0 14px 0;
	text-transform: none;
}

/* Verlauf als Schiene mit Punkten. Kein farbiger Rahmen an der Karte – die
   Zuordnung trägt die Schiene, nicht der Kartenrand. */
.nkt-verlauf {
	border-left: 1px solid var( --nkt-linie );
	display: grid;
	gap: 16px;
	list-style: none;
	margin: 0 0 32px 0;
	padding: 2px 0 2px 26px;
}

.nkt-eintrag {
	background: #fff;
	border: 1px solid var( --nkt-linie );
	border-radius: var( --nkt-radius-gross );
	box-shadow: var( --nkt-schatten );
	padding: 16px 18px;
	position: relative;
}

.nkt-eintrag::before {
	background: #fff;
	border: 1px solid var( --nkt-linie );
	border-radius: 50%;
	content: '';
	height: 9px;
	left: -31px;
	position: absolute;
	top: 20px;
	width: 9px;
}

.nkt-eintrag--team {
	background: var( --nkt-marke-blass );
	border-color: var( --nkt-marke-fahl );
}

.nkt-eintrag--team::before {
	background: var( --nkt-marke );
	border-color: var( --nkt-marke );
}

.nkt-eintrag__kopf {
	align-items: baseline;
	display: flex;
	flex-wrap: wrap;
	gap: 4px 12px;
	justify-content: space-between;
	color: var( --nkt-text-leise );
	font-size: 0.82rem;
	margin-bottom: 9px;
}

.nkt-eintrag__wer {
	font-weight: 700;
	color: var( --nkt-text );
	font-size: 0.9rem;
}

.nkt-eintrag__text {
	line-height: 1.65;
	margin: 0;
	overflow-wrap: anywhere;
}

.nkt-anhaenge {
	display: flex;
	flex-wrap: wrap;
	gap: 8px;
	list-style: none;
	margin: 14px 0 0 0;
	padding: 0;
}

.nkt-anhang {
	align-items: center;
	background: #fff;
	border: 1px solid var( --nkt-linie );
	border-radius: var( --nkt-radius );
	color: var( --nkt-text );
	display: inline-flex;
	font-size: 0.86rem;
	gap: 8px;
	padding: 7px 12px;
	text-decoration: none;
	transition: border-color 0.18s ease-out, background-color 0.18s ease-out;
}

.nkt-anhang svg {
	color: var( --nkt-marke );
	flex: none;
	height: 15px;
	width: 15px;
}

.nkt-anhang:hover {
	background: var( --nkt-marke-blass );
	border-color: var( --nkt-marke );
}

.nkt-anhang__groesse {
	color: var( --nkt-text-leise );
	font-size: 0.8rem;
}

@media ( prefers-reduced-motion: reduce ) {
	.nkt-knopf,
	.nkt-ablage,
	.nkt-anhang,
	.nkt-feld__eingabe,
	.nkt-feld__auswahl,
	.nkt-feld__bereich {
		transition: none;
	}

	.nkt-quittung {
		animation: none;
	}
}

/* Gestaltete Team-Antworten (0.10.0) auf der Kunden-Ticketseite. */
.nkt-eintrag__text--gestaltet img{max-width:100%;height:auto;border-radius:8px;display:block;margin:8px 0}
.nkt-eintrag__text--gestaltet p{margin:0 0 12px}
.nkt-eintrag__text--gestaltet ul,.nkt-eintrag__text--gestaltet ol{margin:0 0 12px 22px}
.nkt-eintrag__text--gestaltet blockquote{margin:0 0 12px;padding:10px 14px;background:rgba(0,0,0,.03);border-left:3px solid rgba(0,0,0,.12)}
.nkt-eintrag__text--gestaltet pre{margin:0 0 12px;padding:12px 14px;background:rgba(0,0,0,.04);border-radius:8px;overflow:auto}