/* ============================================================
   Weinhold About Page – Styles
   ============================================================ */

:root {
	--wap-teal:        #00897b;
	--wap-teal-light:  #4db6ac;
	--wap-teal-dark:   #00695c;
	--wap-bg:          #ffffff;
	--wap-surface:     #f5f7f7;
	--wap-border:      #e0e0e0;
	--wap-text:        #1a1a1a;
	--wap-text-muted:  #5f6368;
	--wap-radius:      10px;
	--wap-shadow:      0 2px 12px rgba(0, 137, 123, 0.10);
}

/* ── WordPress Page Title (wp-block-post-title) ──────── */
.wp-block-post-title {
	display: none !important;
}

/* ── Wrapper ─────────────────────────────────────────── */
.weinhold-about-wrapper {
	max-width: 900px;
	margin: 0 auto;
	font-family: inherit;
	color: var(--wap-text);
}

/* ── Lang Toggle ─────────────────────────────────────── */
.weinhold-lang-toggle {
	display: inline-flex;
	gap: 0;
	margin-bottom: 28px;
	border-radius: var(--wap-radius);
	overflow: hidden;
	border: 1px solid var(--wap-border);
	box-shadow: var(--wap-shadow);
}

.weinhold-lang-toggle button {
	background: var(--wap-bg);
	border: none;
	padding: 8px 22px;
	font-size: 0.9rem;
	font-weight: 500;
	cursor: pointer;
	color: var(--wap-text-muted);
	transition: background 0.18s, color 0.18s;
}

.weinhold-lang-toggle button:hover {
	background: var(--wap-surface);
	color: var(--wap-teal);
}

.weinhold-lang-toggle button.active {
	background: var(--wap-teal);
	color: #fff;
}

/* ── Content Blocks ──────────────────────────────────── */
.weinhold-about-de,
.weinhold-about-en {
	animation: wap-fadein 0.22s ease;
}

@keyframes wap-fadein {
	from { opacity: 0; transform: translateY(6px); }
	to   { opacity: 1; transform: translateY(0); }
}

/* ── Style: default ──────────────────────────────────── */
.weinhold-about-style-default .weinhold-about-de h1,
.weinhold-about-style-default .weinhold-about-en h1 {
	font-size: 2.2rem;
	font-weight: 700;
	margin-bottom: 0.3em;
	color: var(--wap-teal-dark);
}

.weinhold-about-style-default .weinhold-about-de h2,
.weinhold-about-style-default .weinhold-about-en h2 {
	font-size: 1.3rem;
	color: var(--wap-teal);
	margin-top: 1.6em;
	margin-bottom: 0.5em;
}

.weinhold-about-style-default .weinhold-about-de p,
.weinhold-about-style-default .weinhold-about-en p {
	line-height: 1.7;
	color: var(--wap-text);
	margin-bottom: 1em;
}

.weinhold-about-style-default .weinhold-about-de ul,
.weinhold-about-style-default .weinhold-about-en ul {
	padding-left: 1.4em;
	line-height: 1.8;
}

.weinhold-about-style-default .weinhold-about-de ul li::marker,
.weinhold-about-style-default .weinhold-about-en ul li::marker {
	color: var(--wap-teal);
}

/* ── Responsive ──────────────────────────────────────── */
@media (max-width: 600px) {
	.weinhold-lang-toggle button {
		padding: 8px 14px;
		font-size: 0.85rem;
	}

	.weinhold-about-style-default .weinhold-about-de h1,
	.weinhold-about-style-default .weinhold-about-en h1 {
		font-size: 1.6rem;
	}
}