/* === Fonts (MUSS Zeile 1 sein) === */
/* === Grundlayout === */
body,
.PDF_pageOuter
{
	background:#fff;
	color:#2b2b2b;
	font-family:'Inter', -apple-system, BlinkMacSystemFont, sans-serif;
	font-size:16px;
	line-height:1.6;
	-webkit-font-smoothing:antialiased;
}

.PDF_pageInner
{
	max-width:900px;
	margin:0 auto;
	padding:40px 24px;
}

/* === Jede Frage als Karte === */
.PDF_question
{
	border:2px solid #FFE7D8;
	border-radius:3px;
	background:#fff;
	padding:32px 40px;
	margin-bottom:28px;
}

/* Fehler-Karte: identisch zur normalen Karte (Rahmen + Padding + Abstand) */
.PDF_questionErr
{
	border:2px solid #FFE7D8;
	border-radius:3px;
	padding:32px 40px;
	margin-bottom:28px;
}

.PDF_questionDivide
{
	display:none;
}

/* === Große Trend-/Zonentitel: Fraunces, Indigo, fett === */
.qTitle,
.PDF_pageInner h1,
.PDF_pageInner h2,
.PDF_pageInner h3
{
	font-family:'Fraunces', Georgia, serif;
	font-weight:700;
	color:#3F46E6;
	line-height:1.25;
	letter-spacing:-.01em;
}

.qTitle
{
	font-size:1.5em;
	margin-bottom:.5em;
}

/* === Fragetitel (.qText, z.B. "How do you assess..."): Inter, fett, Indigo === */
.qText
{
	font-family:'Inter', sans-serif;
	font-weight:700;
	color:#3F46E6;
}

/* === Beschreibung / Note === */
.qNote
{
	font-family:'Inter', sans-serif;
	font-style:italic;
	font-size:.98em;
	color:#4a4a4a;
	line-height:1.6;
}

/* === Pflichtfeld-Stern rot === */
.required,
abbr[title="required"]
{
	color:#FF403D;
	text-decoration:none;
}

/* === Fehlermeldung: schlicht, klar der Karte darunter zugeordnet === */
.PDF_err
{
	font-family:'Inter', sans-serif;
	font-weight:600;
	font-size:.92em;
	color:#FF403D;
	margin-top:28px;
	margin-bottom:8px;
	padding-left:24px;
	position:relative;
}

.PDF_err::before
{
	content:"⚠";
	position:absolute;
	left:0;
	top:0;
}

/* === Antwort-Optionen === */
.PDF_QT400 label,
.PDF_QT400 li label
{
	font-family:'Inter', sans-serif;
	font-weight:600;
	color:#3a3a3a;
}

/* === Matrix / Likert === */
.PDF_QT1200 table
{
	width:100%;
	border-collapse:collapse;
	margin-top:8px;
}

.PDF_QT1200 th
{
	font-family:'Inter', sans-serif;
	font-weight:600;
	font-size:.92em;
	color:#6b6b6b;
	text-align:center;
	padding:10px 8px;
	vertical-align:bottom;
}

.PDF_QT1200 td:first-child,
.PDF_QT1200 th:first-child
{
	text-align:left;
	font-weight:600;
	color:#2b2b2b;
	padding-left:12px;
}

.PDF_QT1200 td
{
	text-align:center;
	padding:14px 8px;
}

.PDF_QT1200 tbody tr:nth-child(even) td
{
	background:#efefef;
}

/* === Auswahl-Kreise / Checkboxen im Indigo === */
input[type="radio"],
input[type="checkbox"]
{
	accent-color:#3F46E6;
}

/* === Eingabefelder === */
input[type="text"],
textarea,
select,
.survey-email,
.survey-url
{
	font-family:'Inter', sans-serif;
	font-size:1em;
	color:#2b2b2b;
	background:#fff;
	border:1px solid #cfcfcf;
	border-radius:4px;
	padding:10px 12px;
	box-sizing:border-box;
}

input[type="text"]:focus,
textarea:focus,
select:focus
{
	outline:none;
	border-color:#3F46E6;
	box-shadow:0 0 0 3px rgba(63, 70, 230, 0.15);
}

/* === Buttons === */
button,
input[type="submit"]
{
	font-family:'Inter', sans-serif;
	font-weight:600;
	background:#3F46E6;
	color:#fff;
	border:none;
	border-radius:4px;
	padding:12px 24px;
	cursor:pointer;
}

button:hover,
input[type="submit"]:hover
{
	background:#2E34C4;
}

/* === Pagination: Back-Link ans Indigo, Abstand zum Button === */
.PDF_pagination .previous-page
{
	margin-right:20px;
	color:#3F46E6;
	text-decoration:none;
	font-weight:600;
}

.PDF_pagination .previous-page:hover
{
	text-decoration:underline;
}

/* === Fortschrittszeile ("Page 2 of 6") === */
.PDF_progress
{
	font-family:'Inter', sans-serif;
	font-size:.95em;
	font-weight:600;
	color:#6b6b6b;
	text-align:center;
	margin-top:16px;
}