/* ============================================================
   Einzelansicht Aktivität (/aktivitaet/...)
   Ruhige Karte auf Muster-Hintergrund, alles auf EINER Breite.
   Styling für alle Gutenberg-Standardblöcke.
   Schriften kommen aus dem Theme (Roboto / Roboto Slab) mit Fallbacks.
   ============================================================ */
.foev-akt-page{
	--fg:#228541; --fgd:#2b632f; --fgdeep:#1d3f25; --faccent:#398740;
	--ftint:#e4f0e8; --fink:#1f2b24; --fmut:#5c6b61; --fline:#e7e2d8; --fwhite:#fff;
	--fslab:"Roboto Slab",Georgia,serif;
	--fsans:"Roboto",-apple-system,BlinkMacSystemFont,"Segoe UI",Arial,sans-serif;
	--flow:1.6rem;      /* Standardabstand zwischen Blöcken   */
	--flow-lg:2.6rem;   /* vor Überschriften / großen Blöcken */
	--card:860px;
	--pad:clamp(1.5rem,4.5vw,3.75rem);
	--fs-lead:16px;

	width:100vw;max-width:100vw;margin-left:calc(50% - 50vw);
	background-color:#fbf8f2;
	background-image:var(--foev-pattern);
	background-size:460px;background-position:center top;
	padding:clamp(2rem,5vw,4.5rem) 1.5rem;
	font-family:var(--fsans);box-sizing:border-box;
}
.foev-akt-page *{box-sizing:border-box}

/* ---- Karte ---- */
.foev-akt-card{
	max-width:var(--card);margin-inline:auto;background:var(--fwhite);
	border-radius:24px;padding:var(--pad);
	box-shadow:0 0 0 1.5px rgba(57,135,64,.30), 0 24px 60px rgba(31,43,36,.10);
	color:var(--fink);
}

/* ---- Zurück-Link ---- */
.foev-akt-back{display:inline-flex;align-items:center;gap:.4em;font-weight:600;color:var(--fgd);font-size:.95rem;text-decoration:none}
.foev-akt-back .foev-akt-arrow{display:inline-block;transform:rotate(180deg)}
.foev-akt-back:hover .foev-akt-arrow{transform:rotate(180deg) translateX(3px);transition:transform .15s ease}

/* ---- Kopf ---- */
.foev-akt-head{text-align:center;margin-top:var(--flow-lg)}
.foev-akt-meta{display:flex;align-items:center;justify-content:center;gap:.8em;flex-wrap:wrap;margin-bottom:1.1rem}
.foev-akt-tag{display:inline-flex;background:var(--ftint);color:var(--fgd);font-weight:600;
	font-size:.74rem;letter-spacing:.06em;text-transform:uppercase;padding:.4em .9em;border-radius:999px}
.foev-akt-date{color:var(--fmut);font-size:.92rem;font-weight:500}
.foev-akt-title{font-family:var(--fslab);font-weight:700;line-height:1.2;
	font-size:clamp(2rem,4vw,3rem);color:var(--fink);max-width:20ch;margin:0 auto}
.foev-akt-rule{width:56px;height:3px;background:var(--faccent);border-radius:3px;margin:1.3rem auto}

/* ---- Beitragsbild ---- */
.foev-akt-figure{margin:var(--flow-lg) 0 0}
.foev-akt-figure img{width:100%;height:auto;border-radius:14px;display:block}

/* ============================================================
   INHALT · Gutenberg-Standardblöcke
   ============================================================ */
.foev-akt-content{font-size:1.12rem;line-height:1.78;color:#2c382f}

/* --- Erscheinungsbild (unabhängig von der Verschachtelung) --- */
.foev-akt-content h1,.foev-akt-content h2,.foev-akt-content h3,.foev-akt-content h4,.foev-akt-content h5,.foev-akt-content h6{
	font-family:var(--fslab);font-weight:700;color:var(--fink);line-height:1.25}
.foev-akt-content h1{font-size:1.9rem}
.foev-akt-content h2{font-size:1.6rem}
.foev-akt-content h3{font-size:1.3rem}
.foev-akt-content h4{font-size:1.12rem}
.foev-akt-content p{color:#2c382f}
.foev-akt-content strong{font-weight:700}
.foev-akt-content a{color:var(--fgd);border-bottom:1.5px solid var(--ftint);text-decoration:none;font-size:inherit}
.foev-akt-content a:hover{border-color:var(--fg)}

/* --- Abstände: oberste Ebene --- */
.foev-akt-content > *{margin-top:var(--flow)}
.foev-akt-content > *:first-child{margin-top:0}
.foev-akt-content > h1,.foev-akt-content > h2,.foev-akt-content > h3,.foev-akt-content > h4,
.foev-akt-content > figure,.foev-akt-content > .wp-block-cover,.foev-akt-content > .wp-block-media-text,
.foev-akt-content > .wp-block-embed,.foev-akt-content > .wp-block-group,.foev-akt-content > .wp-block-columns,
.foev-akt-content > .wp-block-buttons,.foev-akt-content > .wp-block-details,.foev-akt-content > .wp-block-pullquote,
.foev-akt-content > .wp-block-social-links{margin-top:var(--flow-lg)}

/* --- Abstände: verschachtelt --- */
.foev-akt-content .wp-block-group > * + *,
.foev-akt-content .wp-block-column > * + *,
.foev-akt-content .wp-block-media-text__content > * + *,
.foev-akt-content .wp-block-cover__inner-container > * + *,
.foev-akt-content .wp-block-details > * + *{margin-top:var(--flow)}

/* Erster Absatz als ruhiger Lead */
.foev-akt-content > p:first-of-type{font-size:var(--fs-lead);color:var(--fink)}

/* --- Listen --- */
.foev-akt-content ul,.foev-akt-content ol{padding-left:1.3em}
.foev-akt-content li{margin-top:.5em}
.foev-akt-content ul li::marker{color:var(--fg)}
.foev-akt-content ol li::marker{color:var(--fgd);font-weight:700}

/* --- Zitat --- */
.foev-akt-content .wp-block-quote,.foev-akt-content blockquote{
	border-left:4px solid var(--fg);padding:.2em 0 .2em 1.3em;margin-block:var(--flow-lg);
	font-family:var(--fslab);font-weight:500;font-size:1.35rem;line-height:1.45;color:var(--fink);font-style:normal}
.foev-akt-content .wp-block-quote p,.foev-akt-content blockquote p{color:var(--fink);margin:0}
.foev-akt-content .wp-block-quote cite,.foev-akt-content blockquote cite{
	display:block;margin-top:.5em;font-family:var(--fsans);font-size:.9rem;color:var(--fmut);font-weight:600;font-style:normal}

/* --- Pullquote --- */
.foev-akt-content .wp-block-pullquote{border-top:3px solid var(--fg);border-bottom:3px solid var(--fg);
	padding:1.6rem 0;text-align:center;color:var(--fink)}
.foev-akt-content .wp-block-pullquote blockquote{border:0;margin:0;padding:0}
.foev-akt-content .wp-block-pullquote p{font-family:var(--fslab);font-weight:600;font-size:1.5rem;line-height:1.35;color:var(--fink);margin:0}

/* --- Trenner --- */
.foev-akt-content hr,.foev-akt-content .wp-block-separator{
	border:0;height:1px;background:var(--fline);margin-block:var(--flow-lg);opacity:1}

/* --- Bilder & Bildunterschriften --- */
.foev-akt-content figure{margin:0}
.foev-akt-content img{max-width:100%;height:auto;border-radius:12px;display:block}
.foev-akt-content .wp-block-image img{width:100%}
.foev-akt-content figcaption,.foev-akt-content .wp-element-caption{
	margin-top:.7em;font-size:.88rem;color:var(--fmut);text-align:center}

/* --- Galerie (eigenes Grid, unabhängig vom Core-CSS) --- */
.foev-akt-content .wp-block-gallery.has-nested-images{display:grid;grid-template-columns:repeat(3,1fr);gap:10px}
.foev-akt-content .wp-block-gallery.columns-1{grid-template-columns:1fr}
.foev-akt-content .wp-block-gallery.columns-2{grid-template-columns:repeat(2,1fr)}
.foev-akt-content .wp-block-gallery.columns-4{grid-template-columns:repeat(4,1fr)}
.foev-akt-content .wp-block-gallery.columns-5{grid-template-columns:repeat(5,1fr)}
.foev-akt-content .wp-block-gallery.columns-6{grid-template-columns:repeat(6,1fr)}
.foev-akt-content .wp-block-gallery.has-nested-images .wp-block-image{margin:0;width:auto}
.foev-akt-content .wp-block-gallery.is-cropped .wp-block-image img{width:100%;height:100%;object-fit:cover;aspect-ratio:1}
.foev-akt-content .wp-block-gallery .wp-block-image img{border-radius:10px}
.foev-akt-content .wp-block-gallery figcaption{color:var(--fmut)}
/* Core-Regel (width:calc) überschreiben, damit die Bilder ihre Grid-Zelle füllen. */
@media(min-width:600px){
	.foev-akt-content .wp-block-gallery.has-nested-images figure.wp-block-image:not(#individual-image),
	.foev-akt-content .wp-block-gallery.has-nested-images.columns-2 figure.wp-block-image:not(#individual-image),
	.foev-akt-content .wp-block-gallery.has-nested-images.columns-3 figure.wp-block-image:not(#individual-image),
	.foev-akt-content .wp-block-gallery.has-nested-images.columns-4 figure.wp-block-image:not(#individual-image),
	.foev-akt-content .wp-block-gallery.has-nested-images.columns-5 figure.wp-block-image:not(#individual-image),
	.foev-akt-content .wp-block-gallery.has-nested-images.columns-6 figure.wp-block-image:not(#individual-image){width:100%}
}
@media(max-width:640px){.foev-akt-content .wp-block-gallery.has-nested-images{grid-template-columns:repeat(2,1fr)}}

/* --- Cover --- */
.foev-akt-content .wp-block-cover{border-radius:14px;overflow:hidden;color:#fff}
.foev-akt-content .wp-block-cover .wp-block-heading,
.foev-akt-content .wp-block-cover p{color:#fff}

/* --- Media & Text --- */
.foev-akt-content .wp-block-media-text{gap:clamp(1rem,3vw,2rem);align-items:center}
.foev-akt-content .wp-block-media-text__media img{border-radius:12px}

/* --- Buttons --- */
.foev-akt-content .wp-block-buttons{display:flex;gap:.75rem;flex-wrap:wrap}
.foev-akt-content .wp-block-button__link,.foev-akt-content .wp-element-button{
	background:var(--fg);color:#fff;border-radius:8px;padding:.7em 1.5em;font-weight:600;
	text-decoration:none;display:inline-block;border:0;line-height:1.3}
.foev-akt-content .wp-block-button__link:hover,.foev-akt-content .wp-element-button:hover{background:var(--fgd);color:#fff}
.foev-akt-content .wp-block-button.is-style-outline .wp-block-button__link{
	background:transparent;color:var(--fgd);border:1.5px solid var(--fg)}
.foev-akt-content .wp-block-button.is-style-outline .wp-block-button__link:hover{background:var(--ftint);color:var(--fgd)}

/* --- Spalten --- */
.foev-akt-content .wp-block-columns{display:flex;gap:1.5rem;flex-wrap:wrap}
.foev-akt-content .wp-block-column{flex:1;min-width:200px}

/* --- Tabelle --- */
.foev-akt-content .wp-block-table{overflow-x:auto}
.foev-akt-content table{width:100%;border-collapse:collapse;font-size:1rem}
.foev-akt-content th,.foev-akt-content td{border:1px solid var(--fline);padding:.6em .9em;text-align:left}
.foev-akt-content th{background:var(--ftint);color:var(--fgd)}
.foev-akt-content .wp-block-table figcaption{color:var(--fmut)}

/* --- Code / Vorformatiert / Vers --- */
.foev-akt-content .wp-block-code{background:#f4f1ea;padding:1rem 1.2rem;border-radius:10px;overflow:auto}
.foev-akt-content .wp-block-code code{font-family:ui-monospace,Menlo,Consolas,monospace;font-size:.95rem;background:none;padding:0;color:#2c382f}
.foev-akt-content .wp-block-preformatted{background:#f4f1ea;padding:1rem 1.2rem;border-radius:10px;overflow:auto;
	font-family:ui-monospace,Menlo,Consolas,monospace;font-size:.95rem;white-space:pre-wrap}
.foev-akt-content .wp-block-verse{font-family:var(--fsans);white-space:pre-wrap;color:#2c382f;font-style:italic;padding:0;background:none}
.foev-akt-content :not(pre) > code{background:#f1ede5;padding:.15em .4em;border-radius:5px;font-size:.92em}

/* --- Group --- */
.foev-akt-content .wp-block-group.has-background{padding:clamp(1.25rem,3vw,2rem);border-radius:14px}

/* --- Details (aufklappbar) --- */
.foev-akt-content .wp-block-details{border:1px solid var(--fline);border-radius:12px;padding:1rem 1.3rem;background:#faf8f3}
.foev-akt-content .wp-block-details summary{cursor:pointer;font-family:var(--fslab);font-weight:700;color:var(--fink)}
.foev-akt-content .wp-block-details[open] summary{margin-bottom:.75rem}

/* --- Einbettungen (YouTube etc.) --- */
.foev-akt-content .wp-block-embed__wrapper{border-radius:12px;overflow:hidden}
.foev-akt-content .wp-embed-aspect-16-9 .wp-block-embed__wrapper{position:relative;padding-top:56.25%}
.foev-akt-content .wp-embed-aspect-16-9 .wp-block-embed__wrapper iframe{position:absolute;inset:0;width:100%;height:100%;border:0}

/* --- Social Links --- */
.foev-akt-content .wp-block-social-links{display:flex;gap:.5rem;flex-wrap:wrap;list-style:none;padding-left:0}
.foev-akt-content .wp-block-social-links li{margin:0}
.foev-akt-content .wp-block-social-links li::marker{content:""}

/* --- Ausrichtungen bewusst auf Kartenbreite begrenzen (ruhig, eine Breite) --- */
.foev-akt-content .alignwide,.foev-akt-content .alignfull{max-width:100%;margin-left:0;margin-right:0;width:100%}
.foev-akt-content .aligncenter{margin-inline:auto}

/* ---- Vor / Zurück ---- */
.foev-akt-pager{margin-top:var(--flow-lg);padding-top:var(--flow);border-top:1px solid var(--fline);
	display:grid;grid-template-columns:1fr 1fr;gap:1rem}
.foev-akt-pager a{display:flex;flex-direction:column;gap:.25em;padding:1rem 1.2rem;border-radius:12px;
	background:#faf8f3;text-decoration:none;transition:background .15s ease}
.foev-akt-pager a:hover{background:var(--ftint)}
.foev-akt-pager small{color:var(--fmut);font-size:.76rem;font-weight:600;letter-spacing:.05em;text-transform:uppercase}
.foev-akt-pager strong{font-family:var(--fslab);font-size:1rem;color:var(--fink)}
.foev-akt-pager .next{text-align:right}
@media(max-width:600px){
	.foev-akt-pager{grid-template-columns:1fr}
	.foev-akt-pager .next{text-align:left}
}