/*
Theme Name: Postflex 2026 Theme
Template: Impreza
Version: 1.0
Author:	drkn
*/

/*Add your own styles here:*/

h1, h2 {
	text-wrap:balance;
}

#page-content p {
	hyphens:auto;
}

.w-nav-list .level_2 {
	border-radius:0.3rem;
}

/* ®-Zeichen global hochstellen und verkleinern */
sup.reg,
.w-text-value .reg,
.postflex-reg {
	font-size: 0.6em;
	vertical-align: super;
	line-height: 0;
}

.w-image .w-image-h img {
	width: 100%;
}

/* 4. Schriftgrößen harmonisieren (H4–H6, p) */
h4 {
	font-size: 1.25rem;
	line-height: 1.4;
}

h5 {
	font-size: 1.1rem;
	line-height: 1.4;
}

h6 {
	font-size: 1rem;
	line-height: 1.5;
}

.w-iconbox-text p,
.w-iconbox-title {
	font-size: 1rem;
	line-height: 1.5;
}

.w-iconbox.iconpos_top .w-iconbox-text {
	font-size: 0.95rem;
}

@media (max-width: 768px) {
	.w-iconbox-text p,
	.w-iconbox-title {
		font-size: 1rem;
	}
}


/** Helper Klassen */
.pf-shadow {
	border-radius: 1em;
	box-shadow: 3px 3px 0.4em 0 rgba(64, 156, 209, 0.58);
	border: 5px solid #FFF;
}

.pf-nowrap {
	white-space: nowrap;
}

.pf-wrap {
	overflow-wrap: break-word;
	word-break: break-word;
	hyphens: auto;
}

/** Icon box */
.pf-icon-box {
}
.pf-icon-box .vc_column-inner {
	background: #ffffff;
	padding: 0 !important;
}
.pf-icon-box .wpb_wrapper {
	height: 100%;
}
.pf-icon-box.w-iconbox {
	height: 100%;
	border-radius: 1em;
	background: var(--color-alt-content-bg-alt);
	padding: 2.5rem 1.5rem 2.5rem 1.5rem;
}


.pf-headline {
	font-family: var(--h3-font-family, inherit);
	font-weight: var(--h3-font-weight, inherit);
	font-size: var(--h3-font-size, inherit);
	font-style: var(--h3-font-style, inherit);
	line-height: var(--h3-line-height, 1.4);
	letter-spacing: var(--h3-letter-spacing, inherit);
	text-transform: var(--h3-text-transform, inherit);
	margin-bottom: var(--h3-margin-bottom, 1.5rem);
}

.w-image.pf-logo .w-image-h img {
	height: 100%;
	width: auto;
}

/*
 * Postflex – WPTB Table Design Override
 * Überschreibt die inline-Styles des WP Table Builder Plugins,
 * um die Tabelle ins Postflex-Farbschema (Hellblau / Navy / Weiß) zu bringen.
 *
 * Einbinden via Custom CSS im Customizer oder per wp_enqueue_style.
 */

/* ── Basis-Tabelle ── */
.wptb-table.wptb-no-header-border {
	border: none !important;
	border-collapse: separate !important;
	border-spacing: 0 !important;
	border-radius: 1em !important;
	overflow: hidden !important;
	box-shadow: 3px 3px 0.4em 0 rgba(64, 156, 209, 0.58) !important;
	font-family: inherit !important;
}

/* ── Header-Zeile (Row 0): Navy mit weißem Text ── */
.wptb-table tr.wptb-row:first-child td {
	background: #2B3D5C !important;
	padding: 14px 12px !important;
}

.wptb-table tr.wptb-row:first-child td .wptb-text-container p,
.wptb-table tr.wptb-row:first-child td .wptb-text-container strong {
}

/* ── Abwechselnde Zeilen: Grau → Hellblau / Weiß bleibt ── */

.wptb-style-isolation:not(#wptb-style-isolation):not(#wptb-style-isolation) table.wptb-table tr:nth-of-type(odd) {
	background-color: transparent !important;
}

.wptb-style-isolation:not(#wptb-style-isolation):not(#wptb-style-isolation) table.wptb-table tr th[colspan="4"],
.wptb-style-isolation:not(#wptb-style-isolation):not(#wptb-style-isolation) table.wptb-table tr td[colspan="4"] {
	border: 0 !important;
}
.wptb-table tr.wptb-row td[style*="background: #eeeeee"],
.wptb-table tr.wptb-row td[style*="background:#eeeeee"],
.wptb-table tr.wptb-row td[style*="background: rgb(238, 238, 238)"] {
	background: #DDEDF8 !important;
}

.wptb-table tr.wptb-row td[style*="background: #ffffff"],
.wptb-table tr.wptb-row td[style*="background:#ffffff"],
.wptb-table tr.wptb-row td[style*="background: rgb(255, 255, 255)"] {
	background: #ffffff !important;
}

/* ── Sektions-Überschriften (colspan=4 Zeilen) ── */
.wptb-table tr.wptb-row td[colspan="4"] {
	background-color: transparent !important;
}

.wptb-table tr.wptb-row td[colspan="4"] .wptb-text-container p,
.wptb-table tr.wptb-row td[colspan="4"] .wptb-text-container strong {
}

/* Leere Trennzeilen (colspan=4, kein Text) etwas schmaler */
.wptb-table tr.wptb-row td[colspan="4"] .wptb-cell-content:empty {
	padding: 4px 0 !important;
}

/* ── Zellen-Padding & Textfarben ── */
.wptb-table tr.wptb-row td {
	padding: 10px 14px !important;
	color: #1a1a1a !important;
	border-bottom: 1px solid rgba(64, 156, 209, 0.15) !important;
	font-size: 15px !important;
}

.wptb-table tr.wptb-row td .wptb-text-container p {
	color: #1a1a1a !important;
}

.wptb-table tr.wptb-row td .wptb-text-container strong {
	color: #1a1a1a !important;
}

/* Überschreibe Textfarbe in Header & Sektionszeilen nochmal (Spezifität) */
.wptb-table tr.wptb-row:first-child td .wptb-text-container p,
.wptb-table tr.wptb-row td[colspan="4"] .wptb-text-container p {
}

/* ── Erste Spalte (Labels) hervorheben ── */
.wptb-table tr.wptb-row td[data-col="0"] {
	font-weight: 500 !important;
}

/* ── Buttons: Grün → Postflex-Blau-Gradient ── */
.wptb-table .wptb-button {
	font-style: normal;
	text-transform: none;
	font-size: 13px;
	line-height: 1.2 !important;
	font-weight: 400;
	letter-spacing: 0em;
	padding: 0.8em 2em;
	transition-duration: 0.3s;
	border-radius: 25px !important;
	transition-timing-function: ease;
	--btn-height: calc(1.2em + 2 * 0.8em);
	background: #63A152;
	border-color: transparent;
	border-image: none;
	color: #ffffff !important;
	box-shadow: 1px 1px 1px 0px rgba(51, 51, 51, 0.60);
}

.wptb-table .wptb-button:hover {
	background: #71b35f !important;
	border-color: transparent;
	border-image: none;
	color: #ffffff !important;
}

.wptb-table .wptb-button p {
	color: #ffffff !important;
	font-weight: 600 !important;
	font-size: 15px !important;
}

/* ── Responsive: Auf kleinen Screens etwas kompakter ── */
@media (max-width: 768px) {
	.wptb-table tr.wptb-row td {
		padding: 8px 10px !important;
		font-size: 13px !important;
	}

	.wptb-table .wptb-button {
		padding: 8px 14px !important;
	}

	.wptb-table .wptb-button p {
		font-size: 13px !important;
	}
}


.smile_icon_list li .icon_description div.icon_description_text {
	font-size: var(--font-size) !important;
	line-height: var(--line-height) !important;
}