/* ========================================
   PsychCast mit Jan – Custom CSS
   Stand: April 2026 (bereinigt)
   ======================================== */
/* === 1. Schriften === */
.site-title,
.site-title a,
.site-description {
	display: none !important;
}

h1, h2, h3, h4, h5, h6,
.entry-title,
.entry-title a,
.page-title,
.widget-title,
.wp-block-heading {
	font-family: 'Rajdhani', sans-serif !important;
}

h1.wp-block-heading {
	line-height: 1.2;
}

.main-navigation,
.main-navigation a,
.menu-item a,
nav a {
	font-family: 'Rajdhani', sans-serif !important;
	font-weight: 600;
	font-size: 20px !important;
	letter-spacing: .04em;
	text-transform: none !important;
}

/* === 2. Farben & Links === */
a {
	color: #4BB3F9;
}

a:hover {
	color: #2a9de8;
}

/* === 3. Buttons === */
/* Content-Buttons: PsychCast-Blau */
.wp-block-button__link,
.wp-element-button {
	background-color: #4BB3F9 !important;
	border-color: #4BB3F9 !important;
	color: #ffffff !important;
	font-family: 'Rajdhani', sans-serif !important;
	font-weight: 700;
	border-radius: 8px !important;
	padding: 14px 28px !important;
}

.wp-block-button__link:hover {
	background-color: #2196F3 !important;
	border-color: #2196F3 !important;
}

.wp-block-buttons {
	margin-top: 24px !important;
	margin-bottom: 8px !important;
}

/* Suche & Formulare: Akzent-Rot */
.search-submit,
input[type="submit"] {
	background-color: #F40808 !important;
	border-color: #F40808 !important;
	color: #ffffff !important;
	font-family: 'Rajdhani', sans-serif !important;
	font-weight: 700;
	border-radius: 8px !important;
}

/* === 4. Layout === */
.site-content {
	max-width: 1080px !important;
	margin-left: auto !important;
	margin-right: auto !important;
}

.content-area {
	width: 100% !important;
	max-width: 1000px !important;
	margin: 0 auto !important;
	float: none !important;
}

body.page .site-content {
	padding-left: 20px !important;
}

/* Sidebar: Flexbox auf Desktop (Blog/Archiv) */
@media (min-width: 1000px) {
	.site-content {
		display: flex !important;
		flex-wrap: nowrap !important;
		overflow: hidden !important;
	}
	
	.content-area {
		flex: 1 1 0 !important;
		min-width: 0 !important;
		overflow: hidden !important;
	}
	
	.site-main {
		margin-right: 0 !important;
		width: auto !important;
	}
	
	.widget-area {
		flex: 0 0 250px !important;
		width: 250px !important;
		float: none !important;
		margin-left: 20px !important;
	}
}

/* Seiten: Sidebar ausblenden, volle Breite */
body.page .widget-area {
	display: none !important;
}

body.page .content-area {
	width: 100% !important;
	max-width: 100% !important;
	flex: 1 1 100% !important;
}

/* === 5. Navigation: Hover-Effekte === */
.main-navigation a,
.main-navigation .menu-item a {
	position: relative;
	transition: color .3s ease !important;
}

/* Der Hover-Unterstrich liegt bewusst auf ::before.
   Das Theme setzt auf .nav-menu ul li a:after den FontAwesome-Pfeil
   fuer Untermenues. Solange der Unterstrich denselben ::after absolut
   positionierte, rutschten diese Pfeile unter die Menueleiste und
   standen sichtbar auf dem Bannerbild (behoben August 2026). */
.main-navigation .nav-menu > ul > li > a::before {
	content: '';
	position: absolute;
	bottom: -2px;
	left: 50%;
	width: 0;
	height: 2px;
	background: #4BB3F9;
	transition: width .3s ease, left .3s ease;
}

.main-navigation .nav-menu > ul > li > a:hover::before,
.main-navigation .nav-menu > ul > li.current-menu-item > a::before {
	width: 100%;
	left: 0;
}

/* In der obersten Menueebene brauchen wir keinen Pfeil. */
.main-navigation .nav-menu > ul > li > a::after {
	content: none;
}

/* Ebene 2 und 3 des Menues stehen leichter als die Hauptleiste.
   Abschnitt 1 setzt font-weight 600 auf jeden Menue-Link; hier
   holen wir die Untermenues auf Medium zurueck. */
.main-navigation .nav-menu ul ul a,
.main-navigation .nav-menu ul ul .menu-item a {
	font-weight: 500;
}

.main-navigation a:hover {
	color: #4BB3F9 !important;
}

.main-navigation a:hover,
.main-navigation .current-menu-item > a {
	border-radius: 8px !important;
}

/* === 6. Header === */
.site-header {
	background-position: 75% center !important;
}

@media (max-width: 768px) {
	.site-header {
		background-position: 36% 50% !important;
	}
	
	.entry-content h1.wp-block-heading {
		font-size: 36px !important;
		line-height: 1.2 !important;
	}
}

/* === 7. Kacheln (Startseite & Unterseiten) === */
.wp-block-group.has-very-light-gray-background-color.has-background {
	padding: 14px 16px !important;
	min-height: 0 !important;
	background-color: #e8f2fa !important;
	border: 5px solid #fff !important;
	border-left: 15px solid #4BB3F9 !important;
	border-radius: 6px !important;
	box-shadow: 2px 4px 6px rgba(0,0,0,0.08), 6px 12px 24px rgba(0,0,0,0.12), 0 0 0 1px rgba(0,0,0,0.05) !important;
	transition: all .2s ease !important;
	position: relative !important;
	cursor: pointer !important;
}

.wp-block-group.has-very-light-gray-background-color.has-background:hover,
.wp-block-group.has-very-light-gray-background-color.has-background:active {
	transform: translateY(-3px) !important;
	border-color: #4BB3F9 !important;
	box-shadow: 0 12px 24px rgba(75,179,249,0.2), 0 24px 48px rgba(0,0,0,0.14), 0 0 0 1px rgba(75,179,249,0.15) !important;
}

body .entry-content .wp-block-group.has-very-light-gray-background-color h3.wp-block-heading {
	font-size: 17px !important;
	font-weight: 600 !important;
	margin-bottom: 4px !important;
	margin-top: 0 !important;
	color: #2c3e50 !important;
}

.wp-block-group.has-very-light-gray-background-color .wp-block-paragraph {
	font-size: 19.5px !important;
	line-height: 1.6 !important;
	margin-bottom: 5px !important;
	color: #444 !important;
}

.wp-block-group.has-very-light-gray-background-color .wp-block-paragraph:last-child {
	margin-bottom: 0 !important;
}

.wp-block-group.has-very-light-gray-background-color a {
	color: #4BB3F9 !important;
	font-weight: 600 !important;
	text-decoration: none !important;
	font-family: 'Rajdhani', sans-serif !important;
	letter-spacing: .03em !important;
}

.wp-block-group.has-very-light-gray-background-color a:hover {
	color: #F40808 !important;
}

/* Kacheln komplett klickbar */
.wp-block-group.has-very-light-gray-background-color .wp-block-paragraph:last-child a::after {
	content: '' !important;
	position: absolute !important;
	top: 0 !important;
	left: 0 !important;
	right: 0 !important;
	bottom: 0 !important;
	z-index: 1 !important;
}

/* Kacheln-Abstand zwischen Reihen */
.entry-content .wp-block-columns + .wp-block-columns {
	margin-top: 20px !important;
}

/* Kacheln am Handy einspaltig */
@media (max-width: 768px) {
	.page-id-218057 .entry-content .wp-block-columns {
		flex-direction: column !important;
	}
	
	.page-id-218057 .entry-content .wp-block-column {
		flex-basis: 100% !important;
		width: 100% !important;
	}
}

/* === 8. Bilder: 3D-Rahmen & Hover === */
.wp-block-image img,
.entry-content figure.wp-block-image img,
.entry-content .wp-block-image img,
.widget_media_image img,
.widget_media_gallery img {
	border: 5px solid #ffffff;
	border-radius: 10px;
	box-shadow: 2px 4px 6px rgba(0,0,0,0.08), 6px 12px 24px rgba(0,0,0,0.12), 0 0 0 1px rgba(0,0,0,0.05);
	transform: none;
	transition: transform .35s ease, box-shadow .35s ease, border-color .35s ease;
	display: block;
}

.wp-block-image img:hover,
.entry-content figure.wp-block-image img:hover,
.entry-content .wp-block-image img:hover,
.widget_media_image img:hover,
.widget_media_gallery img:hover {
	transform: translateY(-6px) scale(1.02);
	box-shadow: 0 12px 24px rgba(75,179,249,0.20), 0 24px 48px rgba(0,0,0,0.14), 0 0 0 1px rgba(75,179,249,0.15);
	border-color: #4BB3F9;
}

/* Bilder: zentriert, kein Float */
.entry-content .wp-block-image,
.entry-content .alignright,
.entry-content .alignleft {
	float: none !important;
	margin-left: auto !important;
	margin-right: auto !important;
	display: block !important;
	text-align: center !important;
	max-width: 100% !important;
}

.entry-content .alignright img,
.entry-content .alignleft img {
	max-width: 100% !important;
	height: auto !important;
}

.entry-content figure {
	text-align: center !important;
}

.entry-content figure img {
	margin-left: auto !important;
	margin-right: auto !important;
}

body.page .entry-content figure {
	text-align: center !important;
}

body.page .entry-content figure img {
	margin-left: auto !important;
	margin-right: auto !important;
}

/* Links in Bildern als Block */
.wp-block-image > a,
.wp-block-image > figure > a {
	display: block !important;
}

/* Bildgrößen NUR im Blog (body.single): volle Spaltenbreite. Statische Seiten (body.page) unberührt. */
body.single .entry-content .wp-block-image img,
body.single .entry-content figure.aligncenter img,
body.single .entry-content figure.alignright img,
body.single .entry-content figure.alignleft img,
body.single .entry-content .wp-block-image.aligncenter img {
	max-width: 100% !important;
	width: 100% !important;
	height: auto !important;
}

@media (max-width: 768px) {
	.entry-content .wp-block-image img,
							.entry-content figure.aligncenter img,
							.entry-content figure.alignright img,
							.entry-content figure.alignleft img,
							.entry-content .wp-block-image.aligncenter img {
		max-width: 100% !important;
	}
}

/* Seiten: Bilder 75% Desktop */
body.page .entry-content figure.aligncenter:not(.is-resized) img {
	width: 75% !important;
	height: auto !important;
}

@media (max-width: 767px) {
	body.page .entry-content figure.aligncenter:not(.is-resized) img {
		width: 100% !important;
	}
}

/* Abstand unter Bildern */
.entry-content .wp-block-image,
.entry-content figure.wp-block-image {
	margin-bottom: 30px !important;
}

/* === 9. Sidebar-Widgets === */
.widget_custom_html img {
	border: 5px solid #fff;
	border-radius: 10px;
	box-shadow: 2px 4px 6px rgba(0,0,0,0.08), 6px 12px 24px rgba(0,0,0,0.12), 0 0 0 1px rgba(0,0,0,0.05);
	transform: none;
	transition: transform .35s ease, box-shadow .35s ease, border-color .35s ease;
	display: block;
	margin: 0 auto 12px;
	width: 175px !important;
	height: auto;
}

.widget_custom_html img:hover {
	transform: translateY(-6px) scale(1.02);
	box-shadow: 0 12px 24px rgba(75,179,249,0.20), 0 24px 48px rgba(0,0,0,0.14), 0 0 0 1px rgba(75,179,249,0.15);
	border-color: #4BB3F9;
}

.widget_custom_html .textwidget {
	text-align: center;
}

/* Suchformular in Sidebar */
.widget_custom_html .search-form {
	display: flex !important;
	flex-direction: column !important;
	gap: 6px !important;
	position: relative !important;
}

.widget_custom_html .search-form label {
	display: block !important;
	width: 100% !important;
	position: relative !important;
}

.widget_custom_html .search-field {
	width: 100% !important;
	box-sizing: border-box !important;
	display: block !important;
	position: relative !important;
}

.widget_custom_html .search-submit {
	width: 100% !important;
	display: block !important;
	position: relative !important;
}

/* === 10. Spalten-Layout === */
/* Unterseiten (nicht Startseite): einspaltig */
body.page:not(.page-id-218057) .entry-content .wp-block-columns {
	flex-direction: column !important;
}

body.page:not(.page-id-218057) .entry-content .wp-block-column {
	flex-basis: 100% !important;
	width: 100% !important;
}

/* Media-Text-Blöcke einspaltig auf Unterseiten */
body.page:not(.page-id-218057) .entry-content .wp-block-media-text {
	grid-template-columns: 1fr !important;
}

body.page:not(.page-id-218057) .entry-content .wp-block-media-text .wp-block-media-text__media,
body.page:not(.page-id-218057) .entry-content .wp-block-media-text .wp-block-media-text__content {
	grid-column: 1 !important;
}

/* Desktop: 2 Spalten nebeneinander */
@media (min-width: 768px) {
	body.page .site-content .entry-content .wp-block-columns {
		flex-direction: row !important;
		flex-wrap: wrap !important;
		gap: 6px !important;
	}
	
	body.page .site-content .entry-content .wp-block-columns > .wp-block-column {
		flex-basis: calc(50% - 3px) !important;
		flex-grow: 0 !important;
		min-width: 0 !important;
		max-width: calc(50% - 3px) !important;
	}
}

/* Mobile: einspaltig */
@media (max-width: 767px) {
	body.page .site-content .entry-content .wp-block-columns {
		flex-direction: column !important;
		gap: 10px !important;
	}
	
	body.page .site-content .entry-content .wp-block-columns > .wp-block-column {
		flex-basis: 100% !important;
		max-width: 100% !important;
	}
}

/* === 11. Trennlinien === */
.entry-content hr,
.entry-content .wp-block-separator {
	margin-top: 40px !important;
	margin-bottom: 40px !important;
}

/* === 12. Footer === */
.site-footer {
	background: #1a1a2e !important;
	color: #e0e0e0 !important;
	padding: 40px 0 30px !important;
	text-align: center;
}

.site-footer a {
	color: #4BB3F9 !important;
	text-decoration: none !important;
	transition: color .3s ease, opacity .3s ease !important;
}

.site-footer a:hover {
	color: #fff !important;
	opacity: .9;
}

.footer-social-links {
	display: flex;
	justify-content: center;
	gap: 24px;
	margin-bottom: 16px;
	font-size: 15px;
}

.footer-social-links a {
	padding: 6px 12px;
	border: 1px solid rgba(75,179,249,0.3);
	border-radius: 6px;
	transition: all .3s ease !important;
}

.footer-social-links a:hover {
	border: 1px solid #4BB3F9 !important;
	background: rgba(75,179,249,0.1);
}

/* === 13. Blockquotes / Testimonials === */
.wp-block-quote {
	position: relative !important;
	background: #f0f7fd !important;
	border-left: 4px solid #4BB3F9 !important;
	border-radius: 0 12px 12px 0 !important;
	padding: 32px 32px 24px 56px !important;
	margin: 24px 0 !important;
	box-shadow: 0 2px 8px rgba(75,179,249,0.08) !important;
}

.wp-block-quote::before {
	content: "\201E" !important;
	position: absolute !important;
	top: 12px !important;
	left: 14px !important;
	font-size: 56px !important;
	line-height: 1 !important;
	color: #4BB3F9 !important;
	font-family: Georgia, serif !important;
	opacity: .6 !important;
}

.wp-block-quote p {
	font-size: 18px !important;
	line-height: 1.6 !important;
	color: #333 !important;
	font-style: italic !important;
	margin-bottom: 8px !important;
}

.wp-block-quote cite {
	display: block !important;
	font-size: 15px !important;
	color: #4BB3F9 !important;
	font-style: normal !important;
	font-weight: 600 !important;
	margin-top: 8px !important;
	font-family: Rajdhani, sans-serif !important;
}

@media (max-width: 480px) {
	.wp-block-quote {
		padding: 24px 20px 20px 44px !important;
	}
	
	.wp-block-quote::before {
		font-size: 44px !important;
		left: 10px !important;
		top: 8px !important;
	}
	
	.wp-block-quote p {
		font-size: 16px !important;
	}
}

/* === 14. Timeline (Berufliche Laufbahn) === */
.timeline-section .wp-block-paragraph {
	padding-left: 20px !important;
	border-left: 3px solid #4BB3F9 !important;
	margin-bottom: 8px !important;
	font-size: 17px !important;
	line-height: 1.6 !important;
	color: #444 !important;
}

.timeline-section .wp-block-paragraph strong {
	color: #2c3e50 !important;
	font-family: Rajdhani, sans-serif !important;
	font-size: 19px !important;
}

/* === 15. "Gefaellt mir" ausblenden === */
.sharedaddy,
.sd-like-enabled,
.likes-widget-placeholder,
div[class*="like"],
.wpl-likebox,
iframe[src*="like"] {
	display: none !important;
}

/* === 17. Videokurse: Kacheln groesser === */
.page-id-249769 .entry-content .wp-block-column .wp-block-image img {
	max-width: 90% !important;
	height: auto !important;
}

.page-id-249769 .entry-content .wp-block-column .wp-block-image {
	display: flex !important;
	justify-content: center !important;
}

/* Sticky Navigation Menu */
.site-top {
	position: fixed;
	top: 32px;
/* unterhalb der WP Admin-Bar */
	left: 0;
	right: 0;
	z-index: 9999;
	background: #2c3e50;
}

/* Platzhalter damit der Content nicht hinter dem fixierten Menü verschwindet */
.site-header {
	margin-top: 100px;
}

/* Für ausgeloggte Besucher: Admin-Bar fehlt, also top: 0 */
body:not(.admin-bar) .site-top {
	top: 0;
}

body:not(.admin-bar) .site-header {
	margin-top: 100px;
}

/* === 7. MOBILE HEADER FIX ===
   Auf Mobile wird das panoramische Header-Bild (1599x219px) 
   durch HTML-Text auf blauem Hintergrund ersetzt,
   da das Bild bei kleinen Viewports stark beschnitten wird.
   Stand: April 2026
   =============================== */
@media (max-width: 768px) {
	.site-header {
		background-image: none !important;
		min-height: auto !important;
	}
	
	.site-header .site-branding {
		padding: 22px 20px !important;
	}
	
	.site-header .site-title,
	  .site-header .site-title a,
	  .site-header .site-description {
		display: block !important;
	}
	
	.site-header .site-title {
		font-size: 32px !important;
		margin: 0 !important;
		line-height: 1.2 !important;
		text-transform: none !important;
		letter-spacing: normal !important;
	}
	
	.site-header .site-title a {
		color: #ffffff !important;
		font-style: normal !important;
		font-weight: bold !important;
		text-decoration: none !important;
		text-transform: none !important;
		letter-spacing: normal !important;
		text-shadow: 1px 1px 3px rgba(0,0,0,0.3) !important;
	}
	
	.site-header .site-description {
		color: #CA281F !important;
		font-size: 16px !important;
		font-weight: bold !important;
		font-style: italic !important;
		margin-top: 4px !important;
		line-height: 1.3 !important;
		text-transform: none !important;
		letter-spacing: normal !important;
	}
}

/* Tablet: Header-Bild bleibt, aber bessere Zentrierung */
@media (min-width: 769px) and (max-width: 1024px) {
	.site-header {
		background-position: center center !important;
	}
}

/* H-Hierarchie-Fix (Mai 2026): Über wp_head wird ein anonymer style-Block
   injiziert mit `h2 { font-size: 24px !important }`. Quelle nicht im
   Customizer/Widgets/Templates auffindbar. Wir neutralisieren die Regel
   minimal — alles andere bleibt Theme-Default (h3 = 31.2px). */
.entry-title { font-size: 46.8px !important; line-height: 1.2 !important; }
.entry-content h2 { font-size: 39px !important; }

/* === PSYCHIATRIE-NACH-THEMEN: Aufklappmenue zweispaltig (Aug 2026) === */
.nav-menu .menu-item-251043 > ul.sub-menu,
.nav-menu .menu-item-251043 > ul.sub-menu > li > ul.sub-menu {
	display: grid;
	grid-template-columns: 200px 200px;
	width: 400px;
	align-content: start;
}

.nav-menu .menu-item-251043 > ul.sub-menu > li {
	position: static;
}

.nav-menu .menu-item-251043 > ul.sub-menu > li:hover > ul.sub-menu,
.nav-menu .menu-item-251043 > ul.sub-menu > li.focus > ul.sub-menu {
	left: 400px;
	top: 0;
}

@media (max-width: 900px) {
	.nav-menu .menu-item-251043 > ul.sub-menu,
	.nav-menu .menu-item-251043 > ul.sub-menu > li > ul.sub-menu {
		display: block;
		width: auto;
	}
	.nav-menu .menu-item-251043 > ul.sub-menu > li {
		position: relative;
	}
}

/* === PSYCHIATRIE-NACH-THEMEN: Menue jetzt einzeilig, Kopfabstand angepasst (Aug 2026) === */
.site-header { margin-top: 82px; }
body:not(.admin-bar) .site-header { margin-top: 50px; }

/* === PSYCHIATRIE-NACH-THEMEN: Handy-Menue scrollbar machen (Aug 2026) ===
   .site-top ist position:fixed. Ohne max-height/overflow laesst sich das
   aufgeklappte Menue auf dem Handy nicht scrollen. */
@media only screen and (max-width: 767px) {
	.site-top {
		max-height: 100vh;
		max-height: 100dvh;
		overflow-y: auto;
		-webkit-overflow-scrolling: touch;
		overscroll-behavior: contain;
	}
}

/* === PSYCHIATRIE-NACH-THEMEN: Handy-Untermenues einklappbar (Aug 2026) ===
   Der Umschalt-Button wird per Code-Snippet "Handy-Menue einklappbar" erzeugt. */
.pc-toggle { display: none; }

@media only screen and (max-width: 767px) {
	.nav-menu li.menu-item-has-children { position: relative; }

	.pc-toggle {
		display: block;
		position: absolute;
		top: 0;
		right: 0;
		width: 64px;
		height: 52px;
		padding: 0;
		margin: 0;
		border: 0;
		background: transparent;
		color: rgba(255, 255, 255, 0.75);
		font-size: 20px;
		line-height: 52px;
		cursor: pointer;
		z-index: 3;
	}

	.pc-toggle span { display: inline-block; transition: transform 0.15s ease; }
	.pc-collapsed > .pc-toggle span { transform: rotate(-90deg); }

	.nav-menu li.pc-collapsed > ul.sub-menu { display: none !important; }
}

/* === PSYCHIATRIE-NACH-THEMEN: Verzoegerung beim Wechsel der dritten Ebene (Aug 2026) ===
   Das Aufklappmenue ist zweispaltig. Auf dem Weg von einem Eintrag der linken
   Spalte zu seinen Unterpunkten faehrt die Maus zwangslaeufig ueber die rechte
   Spalte. Die Verzoegerung sorgt dafuer, dass das offene Untermenue dabei
   stehen bleibt und nicht sofort umschaltet. */
.nav-menu .menu-item-251043 > ul.sub-menu > li > ul.sub-menu {
	transition: left 0s 0.4s;
}

/* === Bannerbild mittig beschneiden statt links (Aug 2026) ===
   Das Bannerbild ist 1599 x 219 px und damit breiter als der Inhaltsbereich.
   Deine Regel oben schneidet mit "75% center" links das P von PsychCast ab.
   Nur oberhalb von 1024 px, damit die Handy- und Tablet-Einstellungen bleiben. */
@media only screen and (min-width: 1025px) {
	.site-header { background-position: center center !important; }
}


/* === Sicherheitsnetz gegen verwaiste Umschalt-Buttons (Aug 2026) ===
   Die .pc-toggle-Buttons werden per Snippet nur fuers Handy erzeugt. Falls
   doch einmal einer im Dokument stehen bleibt, darf er auf groesseren
   Bildschirmen weder sichtbar sein noch etwas ueberlagern. */
@media only screen and (min-width: 768px) {
	.pc-toggle {
		display: none !important;
		position: static !important;
		visibility: hidden !important;
		width: 0 !important;
		height: 0 !important;
		overflow: hidden !important;
	}
}


/* === Kachel-Layout: Cover links schmal, Text rechts =====================
   Kursseiten (Psychopharmaka, Facharztpruefung) und Buecherseite.
   Ueberschreibt die weiter oben stehende 50/50-Regel fuer diese Seiten. */
@media (min-width: 768px) {

	body.page.page-id-251510 .site-content .entry-content .wp-block-columns.are-vertically-aligned-center > .wp-block-column:first-child,
	body.page.page-id-250436 .site-content .entry-content .wp-block-columns.are-vertically-aligned-center > .wp-block-column:first-child {
		flex: 0 0 36% !important;
		max-width: 36% !important;
		padding-right: 0 !important;
	}

	body.page.page-id-249770 .site-content .entry-content .wp-block-columns.are-vertically-aligned-center > .wp-block-column:first-child {
		flex: 0 0 30% !important;
		max-width: 30% !important;
		padding-right: 0 !important;
	}

	body.page.page-id-251510 .site-content .entry-content .wp-block-columns.are-vertically-aligned-center > .wp-block-column:last-child,
	body.page.page-id-250436 .site-content .entry-content .wp-block-columns.are-vertically-aligned-center > .wp-block-column:last-child,
	body.page.page-id-249770 .site-content .entry-content .wp-block-columns.are-vertically-aligned-center > .wp-block-column:last-child {
		flex: 1 1 0% !important;
		max-width: none !important;
	}

	body.page.page-id-251510 .site-content .entry-content .wp-block-columns.are-vertically-aligned-center,
	body.page.page-id-250436 .site-content .entry-content .wp-block-columns.are-vertically-aligned-center,
	body.page.page-id-249770 .site-content .entry-content .wp-block-columns.are-vertically-aligned-center {
		gap: 2.5rem !important;
	}
}

/* Gestapelte Ansicht auf schmalen Bildschirmen: kein Innenabstand am Cover */
@media (max-width: 767px) {
	body.page.page-id-251510 .entry-content .wp-block-column,
	body.page.page-id-250436 .entry-content .wp-block-column,
	body.page.page-id-249770 .entry-content .wp-block-column {
		padding-right: 0 !important;
	}
}


/* === 18. Footer: WordPress.com-Hinweis ausblenden ===
   Die frühere Regel zielte auf .site-info — dieses Theme nennt den Bereich .site-credit,
   deshalb war sie wirkungslos. */
.site-footer .site-credit {
	display: none !important;
}


/* === 19. Hauptmenue: passt in eine Zeile ===
   Safari rendert Rajdhani etwas breiter als Chrome; mit 20px Schrift und
   20px Innenabstand kippte der letzte Punkt in die zweite Zeile.
   Nur die oberste Ebene — das Aufklappmenue bleibt unveraendert. */
@media (min-width: 768px) {
	.nav-menu > ul > li > a {
		font-size: 19px !important;
		letter-spacing: 0.02em !important;
		padding: 0 14px !important;
	}
}

/* === 20. Affiliate-Hinweis ===
   Dezenter Kennzeichnungssatz bei Amazon-Links. Kleiner, grau, kursiv,
   mit leichtem Abstand nach oben, damit er als Fußnote lesbar ist. */
.affiliate-hinweis {
	font-size: 0.85em !important;
	line-height: 1.5 !important;
	color: #6b7280 !important;
	margin-top: -0.4em !important;
}

/* === 21. Startseite: Dreier-Kacheln, Autoritaetszeile, Social-Zeile ===
   Die globale 50-Prozent-Regel fuer .wp-block-column wird hier gezielt
   fuer die beiden Dreierreihen der Startseite ausgehebelt. */
@media (min-width: 768px) {
	body.page-id-218057 .site-content .entry-content .startseite-drei > .wp-block-column {
		flex: 0 0 calc(33.333% - 1.1rem) !important;
		max-width: calc(33.333% - 1.1rem) !important;
		padding-right: 0 !important;
		display: flex !important;
	}
	body.page-id-218057 .site-content .entry-content .startseite-drei > .wp-block-column > .wp-block-group {
		width: 100%;
	}
	body.page-id-218057 .site-content .entry-content .startseite-drei {
		gap: 1.6rem !important;
		margin-bottom: 1.6rem !important;
		align-items: stretch !important;
	}
	body.page-id-218057 .site-content .entry-content .startseite-intro > .wp-block-column:last-child {
		padding-right: 0 !important;
	}
}
@media (max-width: 767px) {
	body.page-id-218057 .site-content .entry-content .startseite-drei > .wp-block-column {
		padding-right: 0 !important;
		margin-bottom: 1rem;
	}
}
.autoritaetszeile {
	font-size: 0.9em !important;
	line-height: 1.6 !important;
	color: #4b5563 !important;
}
.social-zeile {
	font-size: 0.9em !important;
	color: #6b7280 !important;
	margin-top: 2rem !important;
}

/* === 22. Hauptmenue: zuverlaessiges Aufklappen ===
   Zwei Ursachen fuer abreissende Hover-Menues:
   a) die Menuepunkte sind inline-block und durch Zeilenumbrueche im HTML
      durch 5-6 px breite Luecken getrennt - dort schliesst das Untermenue.
   b) das Untermenue verschwindet zu schnell, sobald der Zeiger
      den Menuepunkt verlaesst. */
@media (min-width: 768px) {
	div.nav-menu > ul.menu {
		display: flex !important;
		flex-wrap: nowrap;
		align-items: center;
	}
	div.nav-menu > ul.menu > li {
		flex: 0 0 auto;
	}
	.nav-menu ul.sub-menu {
		transition: left 0s 0.7s !important;
	}
	.nav-menu li:hover > ul.sub-menu,
	.nav-menu li:focus-within > ul.sub-menu {
		transition: left 0s 0s !important;
	}
}

/* === 23. Dritte Menueebene: Weg dorthin freihalten ===
   Die zweite Ebene von "Psychiatrie nach Themen" ist ein zweispaltiges
   Raster. Das Untermenue eines Eintrags der LINKEN Spalte oeffnet rechts
   neben dem ganzen Panel - der Weg dorthin fuehrt zwangslaeufig ueber die
   RECHTE Spalte. Ohne Gegenmassnahme reisst dabei sofort ein anderes
   Untermenue auf und verdeckt das Ziel.
   Loesung: In der DOM-Reihenfolge sind ungerade Eintraege die linke,
   gerade die rechte Spalte. Die linke Spalte oeffnet fast sofort (0,15 s),
   die rechte erst nach bewusstem Verweilen (0,7 s). Alle Untermenues der
   dritten Ebene schliessen mit 1 s Nachlauf, die zweite Ebene mit 0,7 s -
   zum Hinueberfahren offen. Die zweite Ebene selbst bleibt sofort. */
@media (min-width: 768px) {
	.nav-menu ul.sub-menu ul.sub-menu {
		transition: left 0s 1s !important;
	}
	div.nav-menu > ul.menu > li > ul.sub-menu > li:nth-of-type(odd):hover > ul.sub-menu,
	div.nav-menu > ul.menu > li > ul.sub-menu > li:nth-of-type(odd):focus-within > ul.sub-menu {
		transition: left 0s 0.15s !important;
	}
	div.nav-menu > ul.menu > li > ul.sub-menu > li:nth-of-type(even):hover > ul.sub-menu,
	div.nav-menu > ul.menu > li > ul.sub-menu > li:nth-of-type(even):focus-within > ul.sub-menu {
		transition: left 0s 0.7s !important;
	}
}