/*
 Theme Name:   MiCaDi Newspaper Child
 Description:  Child-Theme fuer Newspaper. Stellt sicher, dass Toolset-Content-Templates
               (kinderlied, lied, kartendesign, momente) korrekt ueber the_content()
               gerendert werden, wie es das Parent-Theme fuer single.php vorsieht.
 Author:       Michael Koschinski
 Author URI:   https://micadi.de
 Template:     Newspaper
 Version:      1.19.0
 License:      GNU General Public License v2 or later
 License URI:  http://www.gnu.org/licenses/gpl-2.0.html
 Text Domain:  micadi-newspaper-child
*/

/* ============================================================
   MiCaDi Redesign 2026-09 – Schriften
   Das Theme Panel deklariert die Custom Fonts mit format("woff")
   und ohne Gewichtsbereich. Beide Dateien sind Variable Fonts.
   Diese Deklaration ergaenzt den korrekten Gewichtsbereich,
   damit 600/700 echt und nicht kuenstlich fett gerendert werden.
   ============================================================ */

@font-face {
	font-family: "Fredoka";
	src: url("fonts/fredoka-v17-latin.woff2") format("woff2");
	font-weight: 400 700;
	font-style: normal;
	font-display: swap;
}

@font-face {
	font-family: "Nunito";
	src: url("fonts/nunito-v32-latin.woff2") format("woff2");
	font-weight: 200 1000;
	font-style: normal;
	font-display: swap;
}


.micadi-section {
	max-width: 1140px;
	margin: 0 auto;
	padding: 48px 20px;
}

.micadi-section-head {
	text-align: center;
	max-width: 700px;
	margin: 0 auto 32px;
}

.micadi-section-head h2 {
	margin-bottom: 10px;
}

.micadi-section-foot {
	text-align: center;
	margin-top: 28px;
}

.micadi-hero {
	text-align: center;
	max-width: 760px;
	margin: 0 auto;
	padding: 56px 20px 40px;
}

.micadi-eyebrow {
	text-transform: uppercase;
	letter-spacing: .04em;
	font-size: .85em;
	color: #888;
	margin-bottom: 14px;
}

.micadi-hero h1 {
	font-size: 2.4em;
	line-height: 1.2;
	margin-bottom: 18px;
}

.micadi-cta-row {
	margin: 26px 0 16px;
}

.micadi-cta-row .button {
	margin: 0 8px 10px;
}

.button-whatsapp {
	background: #25D366;
	color: #fff !important;
}

.micadi-price-hint {
	font-size: .9em;
	color: #666;
}

.micadi-pricing-grid,
.micadi-steps {
	display: flex;
	flex-wrap: wrap;
	gap: 24px;
	justify-content: center;
	margin: 0 0 20px;
}

.micadi-price-card,
.micadi-step {
	flex: 1 1 280px;
	max-width: 340px;
	background: #f8f8f8;
	border-radius: 6px;
	padding: 24px;
}

.micadi-price-card h3,
.micadi-step h3 {
	margin-top: 0;
	margin-bottom: 10px;
}

.micadi-price-card ul {
	margin: 0;
	padding-left: 18px;
}

.micadi-step {
	text-align: center;
}

.micadi-final-cta {
	text-align: center;
	background: #f2f2f2;
	padding: 48px 20px;
	margin: 0;
}

.micadi-final-cta h2 {
	margin-bottom: 18px;
}

@media (max-width: 767px) {
	.micadi-hero h1 {
		font-size: 1.7em;
	}
}

/* ============================================================
   MiCaDi Redesign 2026-09 – Header
   Leere Top-Bar-Zeile ausblenden (Theme Panel > Header > Top Bar
   ist auf "hide_top_bar" gestellt, der Container bleibt aber
   als leere Flaeche stehen) und den Menuepunkt
   "Eigenes Lied anfragen" als Pillen-Button darstellen.
   ============================================================ */

.td-header-wrap .td-header-top-menu-full {
	display: none;
}

/* Der Anfrage-Button sitzt rechts im Header und nimmt keinen Platz
   im Menuefluss ein. Newspaper begrenzt den Menuecontainer fest auf
   die Breite neben dem Logo; im Fluss wuerde der Button umbrechen. */
.td-header-style-8 .td-header-menu-wrap .td-header-row {
	position: relative;
}

.td-header-menu-wrap .sf-menu > li.micadi-menu-cta {
	position: absolute;
	right: 0;
	top: 50%;
	transform: translateY(-50%);
	margin: 0;
	float: none;
}

/* Menuepunkte im Header enger und etwas kleiner stellen und das
   Logo auf Header-Hoehe begrenzen, damit Menue und Anfrage-Button
   zusammen in eine Zeile passen (auch bei 1440 px Fensterbreite). */
.td-header-menu-wrap .sf-menu > li > a {
	padding-left: 10px;
	padding-right: 10px;
	font-size: 13px;
}

.td-header-style-8 .td-header-sp-logo img,
.td-header-style-8 .td-header-sp-logo a img {
	max-height: 52px;
	width: auto;
	height: auto;
}

.td-header-style-8 .td-header-sp-logo {
	display: flex;
	align-items: center;
}

/* Lupe im Header ausblenden: Die Namenssuche sitzt prominent im Hero
   der Startseite und auf der Namensuebersicht, eine zweite Suche im
   Header waere doppelt und nimmt dem Anfrage-Button den Platz. */
.td-header-style-8 .td-header-menu-social,
.td-header-style-8 #td-header-search-button,
.td-header-style-8 .td-search-btns-wrap {
	display: none;
}

.td-header-menu-wrap .sf-menu > li.micadi-menu-cta > a {
	background-color: #0f2e44;
	color: #fbf3e1;
	border-radius: 999px;
	padding: 7px 15px;
	line-height: 1.3;
	font-size: 12px;
	font-weight: 800;
	letter-spacing: 0;
	white-space: nowrap;
}

.td-header-menu-wrap .sf-menu > li.micadi-menu-cta > a:hover,
.td-header-menu-wrap .sf-menu > li.micadi-menu-cta.sfHover > a {
	background-color: #1b5c6b;
	color: #fbf3e1;
}

.td-header-menu-wrap .sf-menu > li.micadi-menu-cta > a:after {
	display: none;
}

/* ============================================================
   MiCaDi Redesign 2026-09 – Startseite
   Die Abschnitte sind td-composer-Zeilen; ihre Gestaltung haengt
   an der jeweiligen el_class, damit die Zeilen im Composer
   bearbeitbar bleiben und hier nur das Aussehen definiert wird.
   ============================================================ */

/* --- Hero: Namenshimmel, Frage, Namenssuche --- */
.micadi-hero {
	position: relative;
	background-color: #0f2e44;
	background-image: url("images/hero-namenshimmel.jpg");
	background-size: cover;
	background-position: center 40%;
	background-repeat: no-repeat;
	min-height: 440px;
	display: flex;
	align-items: center;
	margin-bottom: 0;
}

.micadi-hero:before {
	content: "";
	position: absolute;
	top: 0;
	right: 0;
	bottom: 0;
	left: 0;
	background: linear-gradient(90deg, rgba(15,46,68,.88) 0%, rgba(15,46,68,.62) 52%, rgba(15,46,68,.12) 100%);
}

.micadi-hero > .td-pb-row,
.micadi-hero .vc_column,
.micadi-hero .wpb_wrapper,
.micadi-hero .td_block_wrap {
	position: relative;
	z-index: 2;
}

.micadi-hero-inner {
	max-width: 620px;
	padding: 54px 0;
}

.micadi-hero-kicker {
	font-weight: 800;
	font-size: .8rem;
	letter-spacing: .14em;
	text-transform: uppercase;
	color: #e9bc55;
	margin: 0 0 10px;
}

.micadi-hero-title {
	font-family: "Fredoka", sans-serif;
	font-weight: 600;
	font-size: 3rem;
	line-height: 1.05;
	color: #fbf3e1;
	margin: 0 0 12px;
}

.micadi-hero-lead {
	color: #e8e1ce;
	font-size: 1.05rem;
	max-width: 44ch;
	margin: 0 0 22px;
}

.micadi-hero-search {
	display: flex;
	align-items: center;
	background: #fff;
	border-radius: 999px;
	padding: 6px 6px 6px 20px;
	max-width: 520px;
	box-shadow: 0 12px 30px rgba(0,0,0,.25);
}

.micadi-hero-search input[type="search"] {
	flex: 1 1 auto;
	min-width: 0;
	border: 0;
	background: transparent;
	font-size: 1rem;
	color: #1b2b36;
	outline: none;
	box-shadow: none;
	height: auto;
	margin: 0;
	padding: 0;
}

.micadi-hero-search button {
	flex: 0 0 auto;
	background: #e9bc55;
	color: #0f2e44;
	border: 0;
	border-radius: 999px;
	padding: 11px 20px;
	font-weight: 800;
	font-size: .95rem;
	cursor: pointer;
	line-height: 1.2;
}

.micadi-hero-search button:hover {
	background: #f2c96f;
}

.micadi-hero-chips {
	display: flex;
	flex-wrap: wrap;
	gap: 8px;
	margin: 14px 0 0;
}

.micadi-hero-chips a {
	background: rgba(251,243,225,.14);
	border: 1px solid rgba(251,243,225,.35);
	color: #fbf3e1;
	padding: 5px 12px;
	border-radius: 999px;
	font-size: .85rem;
	font-weight: 700;
	text-decoration: none;
}

.micadi-hero-chips a:hover {
	background: rgba(251,243,225,.26);
	color: #fff;
}

.micadi-hero-chips .micadi-chip-more {
	background: none;
	border-style: dashed;
}

/* --- Stimmungskacheln --- */
.micadi-moods {
	padding: 8px 0 4px;
}

.micadi-moods-grid {
	display: grid;
	grid-template-columns: repeat(5, 1fr);
	gap: 14px;
}

.micadi-mood {
	border-radius: 14px;
	padding: 18px 16px;
	min-height: 112px;
	display: flex;
	flex-direction: column;
	justify-content: flex-end;
	text-decoration: none;
	color: #0f2e44;
}

.micadi-mood:hover {
	color: #0f2e44;
	filter: brightness(1.03);
}

.micadi-mood b {
	font-family: "Fredoka", sans-serif;
	font-weight: 600;
	font-size: 1.15rem;
	display: block;
}

.micadi-mood span {
	font-size: .8rem;
	opacity: .75;
}

.micadi-mood--froehlich { background: linear-gradient(160deg, #fbefc9, #f5de93); }
.micadi-mood--sanft     { background: linear-gradient(160deg, #ddeaf3, #b9d3e6); }
.micadi-mood--mut       { background: linear-gradient(160deg, #fbe1d1, #f6c4a6); }
.micadi-mood--abenteuer { background: linear-gradient(160deg, #d8efec, #a9dbd6); }
.micadi-mood--geborgen  { background: linear-gradient(160deg, #f8dedd, #f0bebc); }

/* --- Verkaufs-Band: der einzige verkaufende Block der Startseite --- */
.micadi-sales {
	background: #fbf3e1;
	border-top: 1px solid #eadfc6;
	border-bottom: 1px solid #eadfc6;
	padding: 34px 0;
	margin: 34px 0;
}

/* --- Persoenliche Songs: eigenes nachtblaues Band --- */
.micadi-adults {
	background: #0f2e44;
	padding: 34px 0 40px;
	margin: 0 0 34px;
}

.micadi-adults .td-module-title a,
.micadi-adults .td-module-title,
.micadi-adults .tdb-title-text,
.micadi-adults .td-block-title,
.micadi-adults .td-block-title a,
.micadi-adults .td_module_wrap .td-module-meta-info a {
	color: #fbf3e1;
}

.micadi-adults .td-module-title a:hover {
	color: #e9bc55;
}

/* --- Transparenz-Dreiklang --- */
.micadi-trust {
	margin-bottom: 40px;
}

.micadi-trust-item h3 {
	font-family: "Fredoka", sans-serif;
	font-weight: 600;
	font-size: 1.15rem;
	color: #0f2e44;
	margin: 0 0 6px;
}

.micadi-trust-item p {
	color: #54646e;
	font-size: .95rem;
	margin: 0;
}

/* --- Zeilenbreite und Cover-Raster ---
   td-composer erzeugt sein Block- und Zeilen-CSS beim Speichern im
   visuellen Editor und legt es als Post-Meta ab. Zeilen, die per
   Shortcode angelegt wurden, erben dabei die Breite der Vorlagenzeile
   (760 px) und die Modulbreite des Ursprungsblocks. Beides wird hier
   auf das Konzept-Layout gesetzt: Zeilen ueber die volle Inhaltsbreite,
   Cover als Raster mit fuenf beziehungsweise drei Spalten. */
.micadi-hero,
.micadi-covers,
.micadi-moods,
.micadi-sales,
.micadi-adults,
.micadi-trust {
	width: 100%;
	max-width: none;
}

.micadi-hero {
	text-align: left;
}

.micadi-covers .td_block_inner {
	display: grid !important;
	grid-template-columns: repeat(5, 1fr);
	gap: 20px;
}

.micadi-adults .td_block_inner {
	display: grid !important;
	grid-template-columns: repeat(3, 1fr);
	gap: 20px;
}

/* !important ist hier noetig: td-composer schreibt die Modulbreite als
   Inline-Style-Tag in den Block selbst, das nach diesem Stylesheet
   geladen wird und bei gleicher Spezifitaet gewinnen wuerde. */
.micadi-covers .td_module_flex,
.micadi-adults .td_module_flex {
	width: auto !important;
	float: none !important;
	margin: 0 !important;
	padding: 0 !important;
}

.micadi-covers .td-module-container,
.micadi-adults .td-module-container {
	display: block;
}

/* --- Cover-Reihen: quadratische Bilder mit weicher Kante --- */
.micadi-covers .td-image-wrap,
.micadi-adults .td-image-wrap {
	border-radius: 14px;
	overflow: hidden;
	display: block;
}

.micadi-covers .td-module-title {
	font-size: 1.05rem;
	line-height: 1.25;
}

@media (max-width: 1018px) {
	.micadi-moods-grid { grid-template-columns: repeat(3, 1fr); }
	.micadi-hero-title { font-size: 2.4rem; }
	.micadi-covers .td_block_inner { grid-template-columns: repeat(3, 1fr); }
}

@media (max-width: 767px) {
	.micadi-hero {
		min-height: 0;
		background-position: center center;
	}
	.micadi-hero:before {
		background: linear-gradient(180deg, rgba(15,46,68,.78) 0%, rgba(15,46,68,.9) 100%);
	}
	.micadi-hero-inner { padding: 36px 0; max-width: 100%; }
	.micadi-hero-title { font-size: 2.1rem; }
	.micadi-hero-search { max-width: 100%; padding-left: 16px; }
	.micadi-hero-search button { padding: 10px 14px; font-size: .9rem; }
	.micadi-moods-grid { grid-template-columns: repeat(2, 1fr); }
	.micadi-covers .td_block_inner { grid-template-columns: repeat(2, 1fr); gap: 14px; }
	.micadi-adults .td_block_inner { grid-template-columns: 1fr; gap: 14px; }
	.micadi-sales, .micadi-adults { padding-left: 0; padding-right: 0; }
	.micadi-trust .vc_column { width: 100%; }
}

/* --- Stimmungspillen auf den Covern ---
   Newspaper gibt die Taxonomie "stimmung" als .td-post-category aus.
   Die Faerbung haengt am Ziel-Link, damit sie ohne zusaetzliche
   Klassen im Markup und auch in kuenftigen Bloecken greift. */
.td-post-category[href*="froehlich-verspielt"] { background-color: #e9bc55; color: #5c4200; }
.td-post-category[href*="beruhigend-sanft"]    { background-color: #6fa8c9; color: #10344b; }
.td-post-category[href*="mutmachend-stark"]    { background-color: #f2a97e; color: #6b2f10; }
.td-post-category[href*="abenteuerlustig"]     { background-color: #3fa39c; color: #08312e; }
.td-post-category[href*="liebevoll-geborgen"]  { background-color: #e8a3a0; color: #5e1f1d; }

.micadi-covers .td-post-category,
.micadi-adults .td-post-category {
	font-weight: 800;
	letter-spacing: .02em;
	border-radius: 999px;
	padding: 3px 10px;
}

.td-post-category[href*="froehlich-verspielt"]:hover,
.td-post-category[href*="beruhigend-sanft"]:hover,
.td-post-category[href*="mutmachend-stark"]:hover,
.td-post-category[href*="abenteuerlustig"]:hover,
.td-post-category[href*="liebevoll-geborgen"]:hover {
	filter: brightness(1.08);
}

/* Altersgruppen-Label im nachtblauen Band lesbar halten */
.micadi-adults .td-post-category {
	background-color: rgba(251,243,225,.16);
	color: #fbf3e1;
}

/* --- Weiterlesen-Knoepfe entfernen ---
   Die Cover verlinken selbst auf das Lied; ein zusaetzlicher Knopf
   pro Kachel widerspricht dem ruhigen Aufbau des Konzepts. */
.micadi-covers .td-read-more,
.micadi-adults .td-read-more,
.micadi-covers a.td-read-more-link,
.micadi-adults a.td-read-more-link {
	display: none;
}

/* --- Cover-Kacheln --- */
.micadi-covers .td-module-title,
.micadi-adults .td-module-title {
	font-size: 1rem;
	line-height: 1.3;
	margin: 10px 0 6px;
}

.micadi-covers .td-module-meta-info,
.micadi-adults .td-module-meta-info {
	padding-bottom: 0;
	border: 0;
}

/* --- Durchgehender cremefarbener Seitengrund ---
   Newspaper legt den Inhaltsbereich fest auf Weiss; dafuer gibt es keine
   Theme-Panel-Option. Damit die weissen Karten und Cover auf dem
   cremefarbenen Grund stehen (Konzept Abschnitt 2), wird der
   Inhalts-Wrapper transparent gestellt. */
body .td-main-content-wrap,
body .td-page-wrap,
body .td-container-wrap,
body .td-post-content,
body #td-outer-wrap {
	background-color: transparent;
}

/* ============================================================
   MiCaDi Redesign 2026-09 – Anlass-Landingpages
   Ein Satz Klassen fuer alle Anlass-Seiten (Geburtstag, Hochzeit,
   Jahrestag, Ruhestand, Kinderlied personalisiert). Die Seiten selbst
   bestehen aus td-composer-Zeilen mit el_class; hier steht nur das
   Aussehen, damit alle fuenf Seiten gleich wirken und an einer
   Stelle gepflegt werden.
   ============================================================ */

.micadi-lp-hero {
	background: linear-gradient(135deg, #0f2e44 0%, #1b5c6b 100%);
	padding: 56px 0 52px;
	margin-bottom: 40px;
	width: 100%;
	max-width: none;
}

.micadi-lp-hero-inner { max-width: 720px; }

.micadi-lp-kicker {
	font-weight: 800;
	font-size: .8rem;
	letter-spacing: .14em;
	text-transform: uppercase;
	color: #e9bc55;
	margin: 0 0 12px;
}

.micadi-lp-title {
	font-family: "Fredoka", sans-serif;
	font-weight: 600;
	font-size: 2.8rem;
	line-height: 1.08;
	color: #fbf3e1;
	margin: 0 0 16px;
}

.micadi-lp-lead {
	color: #e8e1ce;
	font-size: 1.08rem;
	line-height: 1.6;
	max-width: 58ch;
	margin: 0 0 26px;
}

.micadi-lp-buttons { display: flex; flex-wrap: wrap; gap: 12px; margin: 0 0 18px; }

.micadi-btn-primary,
.micadi-btn-ghost {
	display: inline-block;
	padding: 13px 22px;
	border-radius: 999px;
	font-weight: 800;
	font-size: .95rem;
	text-decoration: none;
}
.micadi-btn-primary { background: #e9bc55; color: #0f2e44; }
.micadi-btn-primary:hover { background: #f2c96f; color: #0f2e44; }
.micadi-btn-ghost { border: 2px solid rgba(251,243,225,.6); color: #fbf3e1; }
.micadi-btn-ghost:hover { border-color: #fbf3e1; color: #fff; }

.micadi-lp-facts { color: #c9d3d9; font-size: .88rem; margin: 0; }
.micadi-lp-facts a { color: #e9bc55; }

.micadi-lp-block { margin-bottom: 8px; }
.micadi-lp-cols { margin-bottom: 38px; }
.micadi-lp-probe { margin-bottom: 38px; }

.micadi-lp-h2 {
	font-family: "Fredoka", sans-serif;
	font-weight: 600;
	font-size: 1.9rem;
	line-height: 1.2;
	color: #0f2e44;
	margin: 0 0 10px;
}

.micadi-lp-sub {
	color: #54646e;
	font-size: 1rem;
	line-height: 1.6;
	max-width: 62ch;
	margin: 0 0 10px;
}

.micadi-lp-band {
	background: #fbf3e1;
	border-top: 1px solid #eadfc6;
	border-bottom: 1px solid #eadfc6;
	padding: 34px 0;
	margin: 0 0 40px;
	width: 100%;
	max-width: none;
}

.micadi-lp-list {
	list-style: none;
	padding: 0;
	margin: 14px 0 0;
	display: grid;
	grid-template-columns: repeat(2, 1fr);
	gap: 10px 28px;
	max-width: 760px;
}
.micadi-lp-list li {
	position: relative;
	padding-left: 26px;
	color: #54646e;
	font-size: .95rem;
}
.micadi-lp-list li:before {
	content: "";
	position: absolute;
	left: 0;
	top: .55em;
	width: 11px;
	height: 11px;
	border-radius: 50%;
	background: #e9bc55;
}

.micadi-lp-cta { margin-bottom: 10px; }
.micadi-lp-mailline { color: #54646e; font-size: .9rem; }

@media (max-width: 767px) {
	.micadi-lp-hero { padding: 36px 0 34px; }
	.micadi-lp-title { font-size: 1.9rem; }
	.micadi-lp-h2 { font-size: 1.45rem; }
	.micadi-lp-list { grid-template-columns: 1fr; }
	.micadi-lp-buttons { flex-direction: column; align-items: flex-start; }
}

/* ============================================================
   MiCaDi Redesign 2026-09 – Tarifkarten
   Drei Preiskarten auf der Tarifseite. Struktur steht als
   Textblock in der Seite, Aussehen hier.
   ============================================================ */

.micadi-tarif-grid {
	display: grid;
	grid-template-columns: repeat(3, 1fr);
	gap: 22px;
	align-items: start;
	margin: 6px 0 40px;
}

.micadi-tarif {
	background: #fff;
	border: 1px solid #eadfc6;
	border-radius: 16px;
	padding: 26px 24px;
}

.micadi-tarif--top {
	border: 2px solid #e9bc55;
	box-shadow: 0 10px 30px rgba(15,46,68,.08);
}

.micadi-tarif-badge {
	display: inline-block;
	background: #fbf3e1;
	color: #7a5a00;
	font-size: .72rem;
	font-weight: 800;
	letter-spacing: .06em;
	text-transform: uppercase;
	padding: 4px 12px;
	border-radius: 999px;
	margin: 0 0 10px;
}

.micadi-tarif-name {
	font-family: "Fredoka", sans-serif;
	font-weight: 600;
	font-size: 1.25rem;
	color: #0f2e44;
	margin: 0 0 2px;
}

.micadi-tarif-preis {
	font-family: "Fredoka", sans-serif;
	font-weight: 600;
	font-size: 2.1rem;
	color: #1b5c6b;
	margin: 0 0 16px;
}

.micadi-tarif-list {
	list-style: none;
	margin: 0;
	padding: 16px 0 0;
	border-top: 1px solid #eadfc6;
}

.micadi-tarif-list li {
	position: relative;
	padding: 5px 0 5px 22px;
	font-size: .92rem;
	line-height: 1.5;
	color: #54646e;
}

.micadi-tarif-list li:before {
	content: "";
	position: absolute;
	left: 0;
	top: .95em;
	width: 9px;
	height: 9px;
	border-radius: 50%;
	background: #e9bc55;
}

@media (max-width: 1018px) {
	.micadi-tarif-grid { grid-template-columns: 1fr; max-width: 520px; }
}

/* ============================================================
   MiCaDi Redesign 2026-09 – Taxonomie-Archive
   Gilt fuer die Archive von Stimmungen, Altersgruppen und Anlaessen.
   Newspaper stellt dort zwei Beitraege nebeneinander; die quadratischen
   Cover kommen als Vierer-Raster deutlich besser zur Geltung.
   Die Ueberschrift steht in der Child-Vorlage taxonomy.php.
   ============================================================ */

.tax-stimmung .td-ss-main-content,
.tax-altersgruppe .td-ss-main-content,
.tax-anlass .td-ss-main-content {
	display: grid;
	grid-template-columns: repeat(4, 1fr);
	gap: 26px 22px;
	align-items: start;
}

.tax-stimmung .micadi-archiv-header,
.tax-altersgruppe .micadi-archiv-header,
.tax-anlass .micadi-archiv-header,
.tax-stimmung .page-nav,
.tax-altersgruppe .page-nav,
.tax-anlass .page-nav {
	grid-column: 1 / -1;
}

/* Die Zeilen des Themes aufloesen, damit alle Module Rasterfelder werden.
   Die Clearfix-Pseudoelemente der Zeilen wuerden dabei selbst zu Rasterfeldern
   und Luecken reissen, deshalb werden sie abgeschaltet. */
.tax-stimmung .td-block-row,
.tax-altersgruppe .td-block-row,
.tax-anlass .td-block-row {
	display: contents;
}

.tax-stimmung .td-block-row:before,
.tax-stimmung .td-block-row:after,
.tax-altersgruppe .td-block-row:before,
.tax-altersgruppe .td-block-row:after,
.tax-anlass .td-block-row:before,
.tax-anlass .td-block-row:after {
	display: none;
}

.tax-stimmung .td-block-span6,
.tax-altersgruppe .td-block-span6,
.tax-anlass .td-block-span6,
.tax-stimmung .td-block-span4,
.tax-altersgruppe .td-block-span4,
.tax-anlass .td-block-span4 {
	width: auto;
	float: none;
	padding: 0;
	margin: 0;
}

.tax-stimmung .td_module_wrap,
.tax-altersgruppe .td_module_wrap,
.tax-anlass .td_module_wrap {
	padding: 0;
	margin: 0;
	border: 0;
}

.tax-stimmung .td-module-thumb img,
.tax-altersgruppe .td-module-thumb img,
.tax-anlass .td-module-thumb img {
	width: 100%;
	height: auto;
	aspect-ratio: 1 / 1;
	object-fit: cover;
	border-radius: 14px;
	display: block;
}

.tax-stimmung .td-module-title,
.tax-altersgruppe .td-module-title,
.tax-anlass .td-module-title {
	font-size: 1rem;
	line-height: 1.3;
	margin: 10px 0 4px;
}

.micadi-archiv-header {
	margin: 34px 0 10px;
}

/* Autor, Datum und Kommentarzaehler ausblenden. Im Theme Panel ist das
   fuer Module bereits abgeschaltet, auf den Taxonomie-Archiven greift die
   Einstellung nicht. */
.tax-stimmung .td-module-meta-info,
.tax-altersgruppe .td-module-meta-info,
.tax-anlass .td-module-meta-info {
	display: none;
}

.micadi-archiv-text {
	color: #54646e;
	font-size: 1rem;
	line-height: 1.6;
	max-width: 62ch;
	margin-top: 6px;
}

@media (max-width: 1018px) {
	.tax-stimmung .td-ss-main-content,
	.tax-altersgruppe .td-ss-main-content,
	.tax-anlass .td-ss-main-content { grid-template-columns: repeat(3, 1fr); }
}

@media (max-width: 767px) {
	.tax-stimmung .td-ss-main-content,
	.tax-altersgruppe .td-ss-main-content,
	.tax-anlass .td-ss-main-content { grid-template-columns: repeat(2, 1fr); gap: 16px 14px; }
}

/* ============================================================
   MiCaDi Redesign 2026-09 – Fragen und Antworten
   Aufklappbare Eintraege auf der FAQ-Seite. Reines HTML mit
   <details>, kein JavaScript.
   ============================================================ */

.micadi-faq {
	max-width: 820px;
	margin: 4px 0 10px;
}

.micadi-faq-item {
	background: #fff;
	border: 1px solid #eadfc6;
	border-radius: 12px;
	padding: 14px 18px;
	margin-bottom: 10px;
}

.micadi-faq-item summary {
	cursor: pointer;
	font-family: "Fredoka", sans-serif;
	font-weight: 600;
	font-size: 1.08rem;
	color: #0f2e44;
	list-style: none;
	position: relative;
	padding-right: 28px;
}

.micadi-faq-item summary::-webkit-details-marker { display: none; }

.micadi-faq-item summary:after {
	content: "+";
	position: absolute;
	right: 4px;
	top: -2px;
	font-size: 1.5rem;
	line-height: 1;
	color: #1b5c6b;
	font-weight: 400;
}

.micadi-faq-item[open] summary:after { content: "\2013"; }

.micadi-faq-text {
	color: #54646e;
	font-size: .97rem;
	line-height: 1.65;
	margin-top: 10px;
	max-width: 68ch;
}