/* GANTRY5 DEVELOPMENT MODE ENABLED.
 *
 * WARNING: This file is automatically generated by Gantry5. Any modifications to this file will be lost!
 *
 * For more information on modifying CSS, please read:
 *
 * http://docs.gantry.org/gantry5/configure/styles
 * http://docs.gantry.org/gantry5/tutorials/adding-a-custom-style-sheet
 */

@charset "UTF-8";
/* ==========================================================================
   MKALVANIA WEBSITE RELAUNCH
   Gantry 5 / Helium

   Zieldatei:
   /templates/g5_helium/custom/scss/custom.scss

   Stand: 2026-09-06
   Fassung: v13.4a – Joomla-Kategorieblog als Mkalvania-Kartenraster

   Diese Datei ersetzt die bisherige custom.scss vollständig.

   Gantry-Zuordnung:
   - Base Outline -> Page Settings -> Body Classes:
       mkalvania-site
   - Base Outline -> Navigation -> CSS Classes:
       mkv-header
   - Branding Custom HTML Particle -> Block -> CSS Classes:
       mkv-nav-brand-particle
   - Homepage Outline -> Header -> CSS Classes:
       mkv-hero
   - Hero Custom HTML Particle -> Block -> CSS Classes:
       mkv-hero__content
   - Base Outline -> Footer -> CSS Classes:
       mkv-footer

   WICHTIG:
   - Alle finalisierten globalen Design-Assets sind aktiv referenziert.
   - Vorschau- und Kategoriebilder werden direkt in Joomla/Gantry eingebunden.
   - Niemals Gantrys kompilierte CSS-Dateien direkt bearbeiten.

   ÄNDERUNGEN v13.0:
   - Neues Styling für Joomla-Kategorieblogs im Outline „Mkalvania – Übersicht“.
   - Features-Section mkv-category-section erhält die dunkle Mkalvania-Textur statt Helium-Weiß.
   - Page-Content-Block mkv-category-content wird auf die zentrale Inhaltsachse begrenzt.
   - Joomla-Blogeinträge werden als responsive Pergamentkarten im 3/2/1-Spaltenraster dargestellt.
   - Einleitungsbilder werden verbindlich im 8:5-Format beschnitten.
   - Standard-Metadaten werden im Kartenraster defensiv ausgeblendet.
   - Weiterlesen-Links werden als Mkalvania-Buttons gestaltet und am Kartenfuß ausgerichtet.
   - Bestehende Inhaltsseiten-, Breadcrumb- und Hero-Regeln aus v12.9 bleiben unverändert.

   ÄNDERUNGEN v12.9:
   - Breadcrumb-Leiste deutlich kompakter gestaltet.
   - Cormorant Garamond wird für Breadcrumbs und alle enthaltenen Joomla-/Bootstrap-Elemente
     ausdrücklich erzwungen, damit keine Helium-/Bootstrap-Schrift mehr durchschlägt.
   - Standard-Margins und -Paddings von platform-content, moduletable, nav und breadcrumb
     innerhalb der Breadcrumb-Section neutralisiert.
   - Vertikale Innenabstände der Breadcrumb-Leiste auf eine kompakte Navigationshöhe reduziert.
   - Bestehender Pergament-Inhaltsbereich und alle Regeln aus v12.8 bleiben erhalten.

   ÄNDERUNGEN v12.8:
   - Eigenes Styling für das Outline „Mkalvania – Inhaltsseite“ ergänzt.
   - Features-Section mit der Klasse mkv-content-section wird zur warmen Pergament-Inhaltsfläche.
   - Joomla-Beitragstitel und Standard-Metadaten werden innerhalb dieses Inhaltsseiten-Outlines
     defensiv ausgeblendet, da der Seitentitel bereits im Hero steht.
   - Kompakter Breadcrumb-Bereich über mkv-content-breadcrumbs-section ergänzt.
   - Joomla-Breadcrumbs sowie die vorhandene Klasse .mkv-breadcrumb werden in der
     Mkalvania-Typografie und Farbwelt vereinheitlicht.
   - Responsive Innenabstände für Artikel und Breadcrumbs ergänzt.
   - Bestehende Regeln aus v12.7 bleiben unverändert erhalten.

   ÄNDERUNGEN v12.7:
   - Ursache des abgeschnittenen Übersichts-Heros anhand der Browser-DOM-Messung identifiziert:
     #g-header hatte einen berechneten margin-top von -152px.
   - Für #g-header.mkv-page-hero-section wird margin-top deshalb explizit auf 0 !important gesetzt.
   - Keine weiteren Positions-/Flex-Korrekturen nötig; der eigentliche Hero-Inhalt war bereits korrekt.
   - Intro, Utility und Kartenlayout aus v12.6 bleiben unverändert erhalten.

   ÄNDERUNGEN v12.6:
   - Übersichts-Hero gegen verbleibendes Abschneiden des Titels gehärtet.
   - Gantry-Wrapper im Übersicht-Header werden auf normalen Dokumentfluss zurückgesetzt.
   - Header-Overflow auf visible gesetzt; Hero-Innenabstand wird direkt auf die tatsächliche
     Gantry-.g-content-Ebene angewandt.
   - Hero-Titel und Unterzeile bleiben statisch positioniert und vollständig sichtbar.
   - Neuer Utility-Section-Stil mkv-overview-features-section ersetzt Heliums blaugrauen
     Standardhintergrund durch die dunkle Mkalvania-Farbwelt.
   - Teaserbereich erhält konsistente Maximalbreite und responsive Innenabstände.
   - Intro-Abstand leicht nachjustiert.
   - Bestehende Regeln aus v12.5 bleiben als Baseline erhalten.

   ÄNDERUNGEN v12.5:
   - Übersichtsseiten-Hero auf das bereits bewährte Prinzip des Startseiten-Heros zurückgeführt:
     normaler Dokumentfluss statt verschachtelter Flex-/Mindesthöhen-Konstruktion.
   - Hero-Inhalt erhält eine stabile linke Inhaltsachse und expliziten oberen/unteren Innenabstand.
   - H1 wird ausdrücklich statisch positioniert; dadurch kein Abschneiden an der oberen Trennlinie.
   - Intro-Section wird vollständig von Helium-Standardabständen befreit und deutlich kompakter.
   - Intro-Text liegt auf derselben 1280-px-Inhaltsachse wie die übrigen Mkalvania-Inhalte.
   - Bestehende Karten-/2-Spalten-Regeln bleiben unverändert erhalten.

   ÄNDERUNGEN v12.4:
   - Übersichtsseiten-Hero robust auf der Gantry-Blockebene vertikal zentriert.
   - Hero-Innenabstand auf den Gantry-.g-content-Block verlagert.
   - Neue Intro-Section-Klasse mkv-overview-intro-section.
   - Intro-Bereich erhält dunklen Mkalvania-Hintergrund statt Helium-Weiß.
   - Intro-Typografie und responsive Abstände ergänzt.
   - 2-Spalten-Regel für .mkv-teaser-grid--2 ist jetzt tatsächlich im Stylesheet enthalten.
   - Bestehende Regeln aus v12.3 bleiben erhalten.

   ÄNDERUNGEN v12.3:
   - 2-Spalten-Variante für Übersichts-Teaser ergänzt: .mkv-teaser-grid--2.
   - Auf Desktop/Tablet zwei gleich breite Spalten, auf Smartphones unter 768 px eine Spalte.
   - Bestehende v12.2-Regeln für den kompakten Inhalts-Hero bleiben unverändert erhalten.

   ÄNDERUNGEN v12.2:
   - Neues wiederverwendbares Gantry-Outline „Mkalvania – Übersicht“ wird gestalterisch unterstützt.
   - Neuer kompakter Inhalts-Hero über die Section-Klasse mkv-page-hero-section.
   - Hero-Modulblock mkv-page-hero sowie Inhaltsklasse mkv-page-hero__content ergänzt.
   - Hintergrund: /images/site/header/mkalvania-content-hero.avif.
   - Desktop-Höhe 340 px, mobile Höhe 270 px.
   - Goldene Cinzel-Seitenüberschrift, Cormorant-Garamond-Unterzeile und dezente Goldkante.
   - Bestehende Regeln aus v12.1 bleiben unverändert erhalten.

   ÄNDERUNGEN v12.1:
   - Helium-Vererbung von Lato 700 auf den strukturellen Ebenen der Hauptnavigation
     (.g-main-nav, .g-toplevel und direkte Menü-LI) gezielt auf Cinzel 600 überschrieben.
   - Kein universelles Schrift-Override, damit Icon-Fonts wie FontAwesome unberührt bleiben.

   ÄNDERUNGEN v12:
   - Cinzel und Cormorant Garamond werden ausschließlich als lokale WOFF2-Webfonts eingebunden.
   - Keine Verbindung zu Google Fonts oder anderen externen Font-CDNs erforderlich.
   - Cinzel ist die Display-/Markenschrift für Überschriften, Wortmarke, Claim, Navigation und CTA-Buttons.
   - Cormorant Garamond ist die Standardschrift für Fließtext, Breadcrumbs und Formulare.
   - Die Fontpfade liegen verbindlich unter /templates/g5_helium/custom/fonts/.
   - Bestehende Layout-, Hero-, Responsive- und Asset-Regeln aus v11 bleiben erhalten.

   FORTGEFÜHRTE ÄNDERUNGEN v11:
   - Die Absatzschrift im Desktop-Hero wird ab 768 px fest auf 1.2rem gesetzt.
   - Dadurch wird der kritische Zeilenumbruch bei ca. 1224 px verhindert, der den Hero-Textblock
     zuvor abrupt von zwei auf drei Zeilen vergrößerte.
   - Mobile Typografie und alle übrigen Regeln bleiben unverändert.

   FORTGEFÜHRTE ÄNDERUNGEN v10:
   - Die absolute Desktop-Zentrierung aus v9 wurde vollständig entfernt.
   - Der Hero-Inhalt bleibt auf Desktop im normalen Dokumentfluss.
   - Der obere Innenabstand wird explizit mit clamp(2.5rem, 5vh, 4rem) gesetzt;
     dadurch bleibt der Abstand bei unterschiedlichen Browserbreiten stabil und entspricht
     der als korrekt bewerteten schmaleren Ansicht.
   - Horizontale Position, maximale Textbreite, Hero-Höhe und mobile Darstellung bleiben erhalten.

   FORTGEFÜHRTE ÄNDERUNGEN v9:
   - Die Gantry-DOM-Struktur des Hero ist im Stylesheet dokumentiert und verifiziert.

   FORTGEFÜHRTE ÄNDERUNGEN v6:
   - Footer nach Entfernung der Helium-Standard-Particles deutlich kompakter gesetzt.

   FORTGEFÜHRTE ÄNDERUNGEN v5:
   - #g-page-surround gegen weißen Seitenabschluss abgesichert.
   - Mobile Hero-Ausrichtung am unteren Rand erhalten.
   - Maximale Desktop-Hero-Titelgröße leicht reduziert.
   ========================================================================== */
/* ==========================================================================
   0. LOKALE WEBFONTS

   Verbindliche Ablage:
   /templates/g5_helium/custom/fonts/cinzel/
   /templates/g5_helium/custom/fonts/cormorant-garamond/

   Es werden ausschließlich lokale WOFF2-Dateien geladen.
   Keine @import-Regel und keine Verbindung zu Google Fonts / externen Font-CDNs.
   ========================================================================== */
/* Cinzel – Display, Marke, Navigation */
@font-face {
  font-family: "Cinzel";
  src: url('../fonts/cinzel/cinzel-regular.woff2') format("woff2");
  font-style: normal;
  font-weight: 400;
  font-display: swap;
}
@font-face {
  font-family: "Cinzel";
  src: url('../fonts/cinzel/cinzel-medium.woff2') format("woff2");
  font-style: normal;
  font-weight: 500;
  font-display: swap;
}
@font-face {
  font-family: "Cinzel";
  src: url('../fonts/cinzel/cinzel-semibold.woff2') format("woff2");
  font-style: normal;
  font-weight: 600;
  font-display: swap;
}
/* Cormorant Garamond – Fließtext */
@font-face {
  font-family: "Cormorant Garamond";
  src: url('../fonts/cormorant-garamond/cormorant-garamond-regular.woff2') format("woff2");
  font-style: normal;
  font-weight: 400;
  font-display: swap;
}
@font-face {
  font-family: "Cormorant Garamond";
  src: url('../fonts/cormorant-garamond/cormorant-garamond-medium.woff2') format("woff2");
  font-style: normal;
  font-weight: 500;
  font-display: swap;
}
@font-face {
  font-family: "Cormorant Garamond";
  src: url('../fonts/cormorant-garamond/cormorant-garamond-semibold.woff2') format("woff2");
  font-style: normal;
  font-weight: 600;
  font-display: swap;
}
@font-face {
  font-family: "Cormorant Garamond";
  src: url('../fonts/cormorant-garamond/cormorant-garamond-italic.woff2') format("woff2");
  font-style: italic;
  font-weight: 400;
  font-display: swap;
}
/* ==========================================================================
   1. DESIGNVARIABLEN
   ========================================================================== */
:root {
  --mkv-font-display: "Cinzel", Georgia, "Times New Roman", serif;
  --mkv-font-body: "Cormorant Garamond", Georgia, "Times New Roman", serif;
  --mkv-red: #781517;
  --mkv-black: #0D0B0A;
  --mkv-anthracite: #1A1816;
  --mkv-gold: #B79A5B;
  --mkv-gold-light: #D3BB7C;
  --mkv-bronze: #756039;
  --mkv-parchment: #E6DFC6;
  --mkv-brown: #2B1E14;
  --mkv-forest: #1E2A1E;
  --mkv-night: #0F1626;
  --mkv-stone: #2F3236;
  --mkv-content-max: 1280px;
  --mkv-radius: 3px;
  --mkv-border: 1px solid rgba(183, 154, 91, 0.62);
  --mkv-border-soft: 1px solid rgba(183, 154, 91, 0.35);
  --mkv-shadow: 0 12px 32px rgba(0, 0, 0, 0.22);
}
/* ==========================================================================
   2. GLOBALER SEITENRAHMEN
   ========================================================================== */
html, body {
  min-height: 100%;
}
body.mkalvania-site #g-page-surround {
  min-height: 100vh;
  background-color: var(--mkv-black) !important;
}
body.mkalvania-site, .mkalvania-site {
  background-color: var(--mkv-black);
  color: var(--mkv-parchment);
  font-family: var(--mkv-font-body);
  font-size: 1rem;
  line-height: 1.7;
}
body.mkalvania-site {
  background-image: linear-gradient(rgba(13, 11, 10, 0.92), rgba(13, 11, 10, 0.92)), url('../../../../images/site/backgrounds/mkalvania-background-dark-texture.avif');
  background-repeat: repeat;
  background-size: auto, 1024px 1024px;
}
/* ==========================================================================
   3. TYPOGRAFIE
   ========================================================================== */
.mkalvania-site h1, .mkalvania-site h2, .mkalvania-site h3, .mkalvania-site h4, .mkalvania-site h5, .mkalvania-site h6 {
  margin-top: 0;
  color: var(--mkv-gold-light);
  font-family: var(--mkv-font-display);
  font-weight: 600;
  letter-spacing: 0.02em;
}
.mkalvania-site h1 {
  line-height: 1.08;
}
.mkalvania-site h2, .mkalvania-site h3 {
  line-height: 1.2;
}
.mkalvania-site p, .mkalvania-site li {
  color: inherit;
}
.mkalvania-site strong, .mkalvania-site b {
  font-weight: 600;
}
.mkalvania-site em, .mkalvania-site i {
  font-style: italic;
}
.mkalvania-site a {
  color: var(--mkv-gold-light);
  text-decoration-color: rgba(211, 187, 124, 0.55);
  text-underline-offset: 0.16em;
  transition: color 160ms ease, text-decoration-color 160ms ease;
}
.mkalvania-site a:hover {
  color: #ffffff;
  text-decoration-color: var(--mkv-gold-light);
}
/* ==========================================================================
   4. ALLGEMEINE INHALTSBREITE
   ========================================================================== */
.mkv-container {
  width: min(calc(100% - 2rem), var(--mkv-content-max));
  margin-inline: auto;
}
/* ==========================================================================
   5. GANTRY-HELIUM NAVIGATION – GRUNDRAHMEN

   Base Outline -> Navigation -> CSS Classes:
   mkv-header
   ========================================================================== */
body.mkalvania-site #g-navigation.mkv-header, .mkalvania-site #g-navigation.mkv-header {
  position: relative;
  z-index: 50;
  min-height: 86px;
  color: var(--mkv-parchment);
  background: var(--mkv-black) !important;
  background-color: var(--mkv-black) !important;
  background-image: none !important;
  border-bottom: 1px solid rgba(183, 154, 91, 0.62);
  box-shadow: 0 8px 28px rgba(0, 0, 0, 0.22);
  overflow: visible;
}
/*
   Helium darf innerhalb der Navigation keine eigene weiße Fläche
   auf Container, Grid, Blocks oder Menülisten legen.
*/
.mkalvania-site #g-navigation.mkv-header > .g-container, .mkalvania-site #g-navigation.mkv-header .g-container, .mkalvania-site #g-navigation.mkv-header .g-grid, .mkalvania-site #g-navigation.mkv-header .g-block, .mkalvania-site #g-navigation.mkv-header .g-content, .mkalvania-site #g-navigation.mkv-header .g-main-nav, .mkalvania-site #g-navigation.mkv-header .g-toplevel {
  background-color: transparent !important;
  background-image: none !important;
}
.mkalvania-site #g-navigation.mkv-header .g-grid {
  align-items: center;
}
.mkalvania-site #g-navigation.mkv-header .g-block {
  min-width: 0;
}
.mkalvania-site #g-navigation.mkv-header a {
  color: var(--mkv-parchment);
}
.mkalvania-site #g-navigation.mkv-header a:hover, .mkalvania-site #g-navigation.mkv-header .active > a {
  color: var(--mkv-gold-light);
}
/* ==========================================================================
   6. MKALVANIA-NAVIGATIONSBRANDING

   Custom-HTML-Particle:

   <a class="mkv-nav-brand" href="/" aria-label="Mkalvania – Startseite">
       <img
           src="/images/site/logo/mkalvania-brand-emblem.png"
           alt=""
           class="mkv-nav-brand__emblem"
           aria-hidden="true"
       >
       <span class="mkv-nav-brand__text">
           <strong>Mkalvania</strong>
           <span>Ein Reich zwischen Nebel und Mythos</span>
       </span>
   </a>

   Particle -> Block -> CSS Classes:
   mkv-nav-brand-particle
   ========================================================================== */
/* Gantry-Block des Branding-Particles */
.mkalvania-site #g-navigation .mkv-nav-brand-particle {
  display: flex !important;
  align-items: center !important;
  min-width: 320px;
  overflow: visible !important;
}
.mkalvania-site #g-navigation .mkv-nav-brand-particle > .g-content, .mkalvania-site #g-navigation .mkv-nav-brand-particle .g-content {
  width: 100%;
  margin: 0 !important;
  padding: 0.45rem 0.75rem !important;
  overflow: visible !important;
}
/* Inneres Branding */
.mkalvania-site #g-navigation .mkv-nav-brand {
  display: inline-flex !important;
  align-items: center !important;
  gap: 0.85rem;
  width: auto !important;
  min-width: 0;
  min-height: 68px;
  color: var(--mkv-parchment) !important;
  text-decoration: none !important;
  overflow: visible;
  transition: opacity 160ms ease, color 160ms ease;
}
.mkalvania-site #g-navigation .mkv-nav-brand:hover {
  color: var(--mkv-gold-light) !important;
  opacity: 0.96;
}
/*
   ENTSCHEIDENDER FIX:
   Helium darf das transparente 1254×1254-Masterbild nicht auf die
   komplette Blockbreite skalieren.
*/
.mkalvania-site #g-navigation img.mkv-nav-brand__emblem, .mkalvania-site #g-navigation .mkv-nav-brand__emblem {
  display: block !important;
  width: 60px !important;
  height: 60px !important;
  min-width: 60px !important;
  max-width: 60px !important;
  min-height: 60px !important;
  max-height: 60px !important;
  flex: 0 0 60px !important;
  margin: 0 !important;
  padding: 0 !important;
  object-fit: contain !important;
  position: static !important;
}
/* Wortmarke + Unterzeile */
.mkalvania-site #g-navigation .mkv-nav-brand__text {
  display: flex !important;
  flex-direction: column;
  justify-content: center;
  min-width: 220px;
  line-height: 1.08;
}
.mkalvania-site #g-navigation .mkv-nav-brand__text strong {
  display: block;
  margin: 0;
  color: var(--mkv-gold-light);
  font-family: var(--mkv-font-display);
  font-size: 1.65rem;
  font-weight: 600;
  letter-spacing: 0.025em;
  line-height: 1;
  white-space: nowrap !important;
}
.mkalvania-site #g-navigation .mkv-nav-brand__text > span {
  display: block;
  margin-top: 0.3rem;
  color: rgba(230, 223, 198, 0.76);
  font-family: var(--mkv-font-display);
  font-size: 0.72rem;
  font-weight: 400;
  letter-spacing: 0.06em;
  line-height: 1.2;
  white-space: nowrap !important;
}
/* ==========================================================================
   7. GANTRY-HAUPTMENÜ
   ========================================================================== */
.mkalvania-site #g-navigation.mkv-header .g-main-nav {
  width: 100%;
  font-family: var(--mkv-font-display);
  font-weight: 600;
}
/*
 * Helium setzt auf NAV/UL/LI standardmäßig Lato 700. Obwohl der eigentliche
 * Menülink bereits Cinzel verwendet, kann der Browser dadurch Lato weiterhin
 * als benutzten Font laden. Deshalb wird die Mkalvania-Displayschrift auch
 * explizit auf die drei strukturellen Menüebenen gesetzt.
 */
.mkalvania-site #g-navigation.mkv-header .g-main-nav .g-toplevel, .mkalvania-site #g-navigation.mkv-header .g-main-nav .g-toplevel > li {
  font-family: var(--mkv-font-display);
  font-weight: 600;
}
.mkalvania-site #g-navigation.mkv-header .g-main-nav .g-toplevel {
  margin: 0 !important;
  padding: 0 !important;
  background: transparent !important;
}
@media (min-width: 768px) {
  .mkalvania-site #g-navigation.mkv-header .g-main-nav .g-toplevel {
    display: flex !important;
    align-items: center;
    justify-content: center;
    min-height: 72px;
  }
}
.mkalvania-site #g-navigation.mkv-header .g-main-nav .g-toplevel > li > .g-menu-item-container {
  color: var(--mkv-parchment);
  font-family: var(--mkv-font-display);
  font-weight: 600;
  letter-spacing: 0.015em;
  transition: color 160ms ease, background-color 160ms ease;
}
.mkalvania-site #g-navigation.mkv-header .g-main-nav .g-toplevel > li:hover > .g-menu-item-container, .mkalvania-site #g-navigation.mkv-header .g-main-nav .g-toplevel > li.active > .g-menu-item-container {
  color: var(--mkv-gold-light);
}
/* Goldener Marker des aktiven Menüpunkts */
.mkalvania-site #g-navigation.mkv-header .g-main-nav .g-toplevel > li.active {
  position: relative;
}
.mkalvania-site #g-navigation.mkv-header .g-main-nav .g-toplevel > li.active::after {
  content: "";
  position: absolute;
  left: 1rem;
  right: 1rem;
  bottom: 0.2rem;
  height: 1px;
  background: linear-gradient(90deg, transparent, var(--mkv-gold), transparent);
}
/* ==========================================================================
   8. HELIUM-HEADER-OVERLAY VOLLSTÄNDIG ENTFERNEN
   ========================================================================== */
.mkalvania-site #g-header::before {
  content: none !important;
  display: none !important;
  background: none !important;
  background-image: none !important;
  opacity: 0 !important;
}
.mkalvania-site #g-header {
  background-color: var(--mkv-black) !important;
  background-image: none !important;
}
/* ==========================================================================
   9. STARTSEITEN-HERO – DESKTOP

   Homepage Outline -> Header -> CSS Classes:
   mkv-hero
   ========================================================================== */
.mkalvania-site #g-header.mkv-hero {
  position: relative;
  min-height: clamp(560px, 72vh, 780px);
  display: grid;
  align-items: center;
  overflow: hidden;
  background: radial-gradient(circle at 78% 35%, rgba(183, 154, 91, 0.16), transparent 38%), linear-gradient(110deg, #0D0B0A 0%, #1A1816 52%, #2B1E14 100%) !important;
  background-repeat: no-repeat !important;
  background-size: cover !important;
}
.mkalvania-site #g-header.mkv-hero {
  background: linear-gradient(90deg, rgba(13, 11, 10, 0.92) 0%, rgba(13, 11, 10, 0.72) 38%, rgba(13, 11, 10, 0.2) 72%, rgba(13, 11, 10, 0.08) 100%), url('../../../../images/site/header/mkalvania-startseite-hero.avif') center / cover no-repeat !important;
}
/* Tatsächlich verifizierte Gantry-DOM-Struktur:
   #g-header.mkv-hero
     > .g-container
       > .g-grid
         > .g-block.mkv-hero__content
           > .g-content.g-particle

   In v10 bleibt der Inhalt bewusst im normalen Dokumentfluss.
   Der gewünschte Abstand zur Hero-Oberkante wird über einen definierten
   Desktop-Innenabstand erzeugt statt über absolute Zentrierung. */
.mkalvania-site #g-header.mkv-hero > .g-container {
  width: 100%;
}
/* Hero-Block in der verifizierten DOM-Struktur */
.mkalvania-site #g-header .g-block.mkv-hero__content {
  width: 100% !important;
  max-width: none !important;
  flex: 0 0 100% !important;
  margin: 0 !important;
  text-align: left !important;
}
.mkalvania-site #g-header .g-block.mkv-hero__content > .g-content {
  width: min(92%, 680px) !important;
  max-width: 680px !important;
  margin-left: max(1rem, calc((100vw - var(--mkv-content-max)) / 2)) !important;
  margin-right: auto !important;
  padding: clamp(2rem, 5vw, 5rem) 0 !important;
  text-align: left !important;
}
/* v10 – Desktop: stabiler Hero-Abstand im normalen Dokumentfluss.
   Die absolute Positionierung aus v9 wird vollständig aufgehoben.
   Der obere Abstand orientiert sich bewusst an der schmaleren Ansicht,
   die visuell bereits als korrekt bewertet wurde. */
@media (min-width: 768px) {
  .mkalvania-site #g-header.mkv-hero > .g-container > .g-grid > .g-block.mkv-hero__content > .g-content {
    position: static !important;
    top: auto !important;
    left: auto !important;
    transform: none !important;
    z-index: auto;
    width: min(92%, 680px) !important;
    max-width: 680px !important;
    margin-left: max(1rem, calc((100vw - var(--mkv-content-max)) / 2)) !important;
    margin-right: auto !important;
    padding: clamp(2.5rem, 5vh, 4rem) 0 3rem !important;
    box-sizing: border-box;
    text-align: left !important;
  }
}
/* Falls die Klasse direkt auf einem inneren HTML-Element sitzt */
.mkalvania-site #g-header .g-content > .mkv-hero__content, .mkalvania-site #g-header .mkv-hero__content:not(.g-block) {
  width: min(92%, 680px) !important;
  max-width: 680px !important;
  margin-left: max(1rem, calc((100vw - var(--mkv-content-max)) / 2)) !important;
  margin-right: auto !important;
  padding: clamp(2rem, 5vw, 5rem) 0 !important;
  text-align: left !important;
}
/* Inhalt innerhalb beider Varianten */
.mkalvania-site #g-header .mkv-hero__content h1, .mkalvania-site #g-header .g-block.mkv-hero__content > .g-content h1 {
  margin: 0 0 1rem;
  color: var(--mkv-gold-light);
  font-size: clamp(2.6rem, 4.8vw, 4.4rem);
  line-height: 1.02;
  text-align: left !important;
  text-shadow: 0 2px 16px rgba(0, 0, 0, 0.52);
}
.mkalvania-site #g-header .mkv-hero__content p, .mkalvania-site #g-header .g-block.mkv-hero__content > .g-content p {
  max-width: 58ch;
  margin-left: 0 !important;
  margin-right: auto !important;
  font-size: clamp(1.05rem, 1.6vw, 1.25rem);
  text-align: left !important;
}
/* v11 – Desktop: feste Absatzschrift verhindert den Zeilenumbruch-Sprung
   bei ca. 1224 px Viewportbreite. */
@media (min-width: 768px) {
  .mkalvania-site #g-header .mkv-hero__content p, .mkalvania-site #g-header .g-block.mkv-hero__content > .g-content p {
    font-size: 1.2rem;
  }
}
/* ==========================================================================
   11. CTA-BUTTONS
   ========================================================================== */
.mkv-button {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  min-height: 44px;
  padding: 0.72rem 1.25rem;
  border: 1px solid var(--mkv-gold);
  border-radius: var(--mkv-radius);
  background: var(--mkv-red);
  color: #ffffff !important;
  font-family: var(--mkv-font-display);
  font-weight: 600;
  line-height: 1.2;
  text-decoration: none !important;
  cursor: pointer;
  transition: background-color 160ms ease, border-color 160ms ease, color 160ms ease, transform 160ms ease;
}
.mkv-button:hover {
  background: #8B1B1E;
  border-color: var(--mkv-gold-light);
  color: #ffffff !important;
  transform: translateY(-1px);
}
.mkv-button--secondary {
  background: rgba(13, 11, 10, 0.55);
  color: var(--mkv-gold-light) !important;
}
.mkv-button--secondary:hover {
  background: rgba(43, 30, 20, 0.82);
  color: #ffffff !important;
}
.mkv-hero__content .mkv-button + .mkv-button, .g-block.mkv-hero__content .mkv-button + .mkv-button {
  margin-left: 0.4rem;
}
/* ==========================================================================
   12. TEASER-RASTER
   ========================================================================== */
.mkv-teaser-grid {
  display: grid;
  grid-template-columns: repeat(4, minmax(0, 1fr));
  gap: clamp(1rem, 2vw, 1.5rem);
}
.mkv-teaser-card {
  position: relative;
  overflow: hidden;
  background: rgba(26, 24, 22, 0.96);
  border: var(--mkv-border);
  border-radius: var(--mkv-radius);
  box-shadow: var(--mkv-shadow);
}
.mkv-teaser-card img {
  display: block;
  width: 100%;
  aspect-ratio: 1.6;
  object-fit: cover;
}
.mkv-teaser-card__body {
  padding: 1.1rem 1.2rem 1.3rem;
}
.mkv-teaser-card__body > :last-child {
  margin-bottom: 0;
}
/* ==========================================================================
   13. PERGAMENTMODULE
   ========================================================================== */
.mkv-parchment {
  padding: clamp(1.5rem, 3vw, 2.5rem);
  color: var(--mkv-brown);
  background-color: var(--mkv-parchment);
  border: 1px solid rgba(117, 96, 57, 0.52);
  border-radius: var(--mkv-radius);
}
.mkv-parchment h1, .mkv-parchment h2, .mkv-parchment h3, .mkv-parchment h4 {
  color: var(--mkv-red);
}
.mkv-parchment {
  background-image: url('../../../../images/site/backgrounds/mkalvania-background-parchment-texture.avif');
  background-repeat: repeat;
  background-size: 1024px 1024px;
}
/* ==========================================================================
   14. ABSCHNITTSÜBERSCHRIFTEN
   ========================================================================== */
.mkv-section-title {
  position: relative;
  font-family: var(--mkv-font-display);
  margin-bottom: 1.6rem;
  text-align: center;
}
.mkv-section-title::after {
  content: "";
  display: block;
  width: min(520px, 82%);
  height: 1px;
  margin: 0.8rem auto 0;
  background: linear-gradient(90deg, transparent 0%, var(--mkv-bronze) 18%, var(--mkv-gold-light) 50%, var(--mkv-bronze) 82%, transparent 100%);
}
.mkv-section-title::after {
  width: min(520px, 82%);
  height: 32px;
  background: url('../../../../images/site/decorative/mkalvania-decor-divider.svg') center / contain no-repeat;
}
/* ==========================================================================
   15. INHALTSSEITE / SIDEBAR
   ========================================================================== */
.mkv-content-layout {
  display: grid;
  grid-template-columns: minmax(0, 3fr) minmax(260px, 1fr);
  gap: clamp(1.5rem, 3vw, 2.6rem);
  align-items: start;
}
.mkv-sidebar {
  padding: 1.25rem;
  background: rgba(26, 24, 22, 0.88);
  border: var(--mkv-border);
  border-radius: var(--mkv-radius);
}
.mkv-sidebar > * + * {
  margin-top: 1.25rem;
}
/* ==========================================================================
   16. ARTIKEL-METADATEN
   ========================================================================== */
.mkv-meta {
  display: grid;
  gap: 0.7rem;
}
.mkv-meta__item {
  display: flex;
  align-items: center;
  gap: 0.65rem;
  color: var(--mkv-parchment);
}
.mkv-meta__item .mkv-icon {
  color: var(--mkv-gold);
}
/* ==========================================================================
   17. ZITATRAHMEN
   ========================================================================== */
.mkv-quote {
  position: relative;
  margin-block: 2rem;
  padding: clamp(2.2rem, 4vw, 3.4rem) clamp(1.8rem, 4vw, 3.5rem);
  color: var(--mkv-parchment);
  background: rgba(13, 11, 10, 0.3);
}
.mkv-quote::before {
  content: "";
  position: absolute;
  inset: 0;
  pointer-events: none;
  background: url('../../../../images/site/decorative/mkalvania-decor-quote-frame.svg') center / 100% 100% no-repeat;
}
/* ==========================================================================
   18. KARTENMODUL
   ========================================================================== */
.mkv-map {
  position: relative;
  width: 100%;
}
.mkv-map > img {
  display: block;
  width: 100%;
  height: auto;
}
.mkv-map::after {
  content: "";
  position: absolute;
  inset: 0;
  pointer-events: none;
  background: url('../../../../images/site/decorative/mkalvania-map-frame.svg') center / 100% 100% no-repeat;
}
/* ==========================================================================
   19. WASSERZEICHEN
   ========================================================================== */
.mkv-watermark {
  position: relative;
  isolation: isolate;
  overflow: hidden;
}
.mkv-watermark::before {
  content: "";
  position: absolute;
  inset: 5%;
  z-index: -1;
  pointer-events: none;
  background: url('../../../../images/site/decorative/mkalvania-brand-watermark.svg') center / min(58%, 520px) auto no-repeat;
}
/* ==========================================================================
   20. FOOTER

   Base Outline -> Footer -> CSS Classes:
   mkv-footer
   ========================================================================== */
.mkalvania-site #g-footer.mkv-footer {
  position: relative;
  min-height: 120px;
  padding-top: 4.25rem;
  padding-bottom: 1rem;
  color: var(--mkv-parchment);
  background: var(--mkv-black) !important;
  background-image: none !important;
  border-top: 1px solid rgba(183, 154, 91, 0.45);
}
.mkalvania-site #g-footer.mkv-footer::before {
  content: "";
  position: absolute;
  top: 0.75rem;
  left: 50%;
  width: min(92%, 1100px);
  height: 70px;
  transform: translateX(-50%);
  pointer-events: none;
  background: url('../../../../images/site/decorative/mkalvania-footer-ornament.svg') center / contain no-repeat;
}
.mkv-footer-emblem {
  display: block;
  width: min(420px, 82%);
  height: auto;
  margin: 1rem auto;
}
/* ==========================================================================
   21. GENERISCHE ICON-MASKEN
   ========================================================================== */
.mkv-icon {
  display: inline-block;
  width: 1.15em;
  height: 1.15em;
  flex: 0 0 auto;
  background-color: currentColor;
  mask-repeat: no-repeat;
  mask-position: center;
  mask-size: contain;
  -webkit-mask-repeat: no-repeat;
  -webkit-mask-position: center;
  -webkit-mask-size: contain;
}
/* Hauptbereiche */
.mkv-icon--chroniken {
  mask-image: url('../../../../images/site/icons/mkalvania-icon-chroniken.svg');
  -webkit-mask-image: url('../../../../images/site/icons/mkalvania-icon-chroniken.svg');
}
.mkv-icon--welt {
  mask-image: url('../../../../images/site/icons/mkalvania-icon-welt.svg');
  -webkit-mask-image: url('../../../../images/site/icons/mkalvania-icon-welt.svg');
}
.mkv-icon--bewohner {
  mask-image: url('../../../../images/site/icons/mkalvania-icon-bewohner.svg');
  -webkit-mask-image: url('../../../../images/site/icons/mkalvania-icon-bewohner.svg');
}
.mkv-icon--geschichten {
  mask-image: url('../../../../images/site/icons/mkalvania-icon-geschichten.svg');
  -webkit-mask-image: url('../../../../images/site/icons/mkalvania-icon-geschichten.svg');
}
.mkv-icon--events {
  mask-image: url('../../../../images/site/icons/mkalvania-icon-events.svg');
  -webkit-mask-image: url('../../../../images/site/icons/mkalvania-icon-events.svg');
}
.mkv-icon--bibliothek {
  mask-image: url('../../../../images/site/icons/mkalvania-icon-bibliothek.svg');
  -webkit-mask-image: url('../../../../images/site/icons/mkalvania-icon-bibliothek.svg');
}
.mkv-icon--orte {
  mask-image: url('../../../../images/site/icons/mkalvania-icon-orte.svg');
  -webkit-mask-image: url('../../../../images/site/icons/mkalvania-icon-orte.svg');
}
/* Meta */
.mkv-icon--meta-kategorie {
  mask-image: url('../../../../images/site/icons/mkalvania-icon-meta-kategorie.svg');
  -webkit-mask-image: url('../../../../images/site/icons/mkalvania-icon-meta-kategorie.svg');
}
.mkv-icon--meta-datum {
  mask-image: url('../../../../images/site/icons/mkalvania-icon-meta-datum.svg');
  -webkit-mask-image: url('../../../../images/site/icons/mkalvania-icon-meta-datum.svg');
}
.mkv-icon--meta-autor {
  mask-image: url('../../../../images/site/icons/mkalvania-icon-meta-autor.svg');
  -webkit-mask-image: url('../../../../images/site/icons/mkalvania-icon-meta-autor.svg');
}
.mkv-icon--meta-lesedauer {
  mask-image: url('../../../../images/site/icons/mkalvania-icon-meta-lesedauer.svg');
  -webkit-mask-image: url('../../../../images/site/icons/mkalvania-icon-meta-lesedauer.svg');
}
.mkv-icon--meta-region {
  mask-image: url('../../../../images/site/icons/mkalvania-icon-meta-region.svg');
  -webkit-mask-image: url('../../../../images/site/icons/mkalvania-icon-meta-region.svg');
}
/* Utility */
.mkv-icon--search {
  mask-image: url('../../../../images/site/icons/mkalvania-icon-search.svg');
  -webkit-mask-image: url('../../../../images/site/icons/mkalvania-icon-search.svg');
}
.mkv-icon--arrow-right {
  mask-image: url('../../../../images/site/icons/mkalvania-icon-arrow-right.svg');
  -webkit-mask-image: url('../../../../images/site/icons/mkalvania-icon-arrow-right.svg');
}
.mkv-icon--article-marker {
  mask-image: url('../../../../images/site/icons/mkalvania-icon-article-marker.svg');
  -webkit-mask-image: url('../../../../images/site/icons/mkalvania-icon-article-marker.svg');
}
/* Social */
.mkv-icon--discord {
  mask-image: url('../../../../images/site/icons/mkalvania-icon-social-discord.svg');
  -webkit-mask-image: url('../../../../images/site/icons/mkalvania-icon-social-discord.svg');
}
.mkv-icon--instagram {
  mask-image: url('../../../../images/site/icons/mkalvania-icon-social-instagram.svg');
  -webkit-mask-image: url('../../../../images/site/icons/mkalvania-icon-social-instagram.svg');
}
.mkv-icon--youtube {
  mask-image: url('../../../../images/site/icons/mkalvania-icon-social-youtube.svg');
  -webkit-mask-image: url('../../../../images/site/icons/mkalvania-icon-social-youtube.svg');
}
.mkv-icon--flickr {
  mask-image: url('../../../../images/site/icons/mkalvania-icon-social-flickr.svg');
  -webkit-mask-image: url('../../../../images/site/icons/mkalvania-icon-social-flickr.svg');
}
/* ==========================================================================
   22. BREADCRUMBS
   ========================================================================== */
.mkv-breadcrumb {
  padding-block: 0.65rem;
  border-bottom: var(--mkv-border-soft);
  color: rgba(230, 223, 198, 0.78);
  font-family: var(--mkv-font-body);
  font-size: 0.9rem;
}
.mkv-breadcrumb a {
  color: var(--mkv-gold);
}
/* ==========================================================================
   23. FORMULARE
   ========================================================================== */
.mkalvania-site input[type="text"], .mkalvania-site input[type="search"], .mkalvania-site input[type="email"], .mkalvania-site textarea, .mkalvania-site select {
  width: 100%;
  min-height: 42px;
  font-family: var(--mkv-font-body);
  padding: 0.65rem 0.75rem;
  color: var(--mkv-parchment);
  background: rgba(13, 11, 10, 0.72);
  border: 1px solid rgba(183, 154, 91, 0.45);
  border-radius: var(--mkv-radius);
}
.mkalvania-site textarea {
  min-height: 120px;
  resize: vertical;
}
/* ==========================================================================
   24. BARRIEREFREIHEIT
   ========================================================================== */
.mkalvania-site a:focus-visible, .mkalvania-site button:focus-visible, .mkalvania-site input:focus-visible, .mkalvania-site select:focus-visible, .mkalvania-site textarea:focus-visible {
  outline: 2px solid var(--mkv-gold-light);
  outline-offset: 3px;
}
/* ==========================================================================
   25. BILDER
   ========================================================================== */
.mkalvania-site img {
  max-width: 100%;
  height: auto;
}
.mkv-image-frame {
  padding: 3px;
  background: rgba(13, 11, 10, 0.72);
  border: var(--mkv-border);
  border-radius: var(--mkv-radius);
}
/* ==========================================================================
   26. TABLET
   ========================================================================== */
@media (max-width: 1100px) {
  .mkalvania-site #g-navigation .mkv-nav-brand-particle {
    min-width: 270px;
  }
  .mkalvania-site #g-navigation img.mkv-nav-brand__emblem, .mkalvania-site #g-navigation .mkv-nav-brand__emblem {
    width: 52px !important;
    height: 52px !important;
    min-width: 52px !important;
    max-width: 52px !important;
    min-height: 52px !important;
    max-height: 52px !important;
    flex-basis: 52px !important;
  }
  .mkalvania-site #g-navigation .mkv-nav-brand__text {
    min-width: 185px;
  }
  .mkalvania-site #g-navigation .mkv-nav-brand__text strong {
    font-size: 1.42rem;
  }
  .mkalvania-site #g-navigation .mkv-nav-brand__text > span {
    font-size: 0.66rem;
    letter-spacing: 0.04em;
  }
  .mkv-teaser-grid {
    grid-template-columns: repeat(2, minmax(0, 1fr));
  }
}
/* ==========================================================================
   27. INHALTSSEITEN UNTER 900 PX
   ========================================================================== */
@media (max-width: 900px) {
  .mkv-content-layout {
    grid-template-columns: 1fr;
  }
  .mkv-sidebar {
    margin-top: 0.5rem;
  }
}
/* ==========================================================================
   28. SMARTPHONE / MOBILE HERO
   ========================================================================== */
@media (max-width: 767px) {
  /* Navigation / Branding */
  /* Hero */
  /* Teaser / Footer */
  .mkalvania-site #g-navigation.mkv-header {
    min-height: 68px;
  }
  .mkalvania-site #g-navigation .mkv-nav-brand-particle {
    min-width: 0;
    width: auto;
  }
  .mkalvania-site #g-navigation .mkv-nav-brand-particle > .g-content, .mkalvania-site #g-navigation .mkv-nav-brand-particle .g-content {
    padding: 0.3rem 0.45rem !important;
  }
  .mkalvania-site #g-navigation .mkv-nav-brand {
    min-height: 52px;
    gap: 0.55rem;
  }
  .mkalvania-site #g-navigation img.mkv-nav-brand__emblem, .mkalvania-site #g-navigation .mkv-nav-brand__emblem {
    width: 44px !important;
    height: 44px !important;
    min-width: 44px !important;
    max-width: 44px !important;
    min-height: 44px !important;
    max-height: 44px !important;
    flex-basis: 44px !important;
  }
  .mkalvania-site #g-navigation .mkv-nav-brand__text {
    min-width: 0;
  }
  .mkalvania-site #g-navigation .mkv-nav-brand__text strong {
    font-size: 1.3rem;
  }
  .mkalvania-site #g-navigation .mkv-nav-brand__text > span {
    display: none;
  }
  .mkalvania-site #g-header.mkv-hero {
    min-height: min(820px, 88svh);
    align-items: end;
    background: linear-gradient(0deg, rgba(13, 11, 10, 0.94) 0%, rgba(13, 11, 10, 0.68) 38%, rgba(13, 11, 10, 0.2) 70%, rgba(13, 11, 10, 0.08) 100%), url('../../../../images/site/header/mkalvania-startseite-hero-mobile.avif') center / cover no-repeat !important;
  }
  .mkalvania-site #g-header.mkv-hero > .g-grid, .mkalvania-site #g-header.mkv-hero > .g-container > .g-grid {
    align-items: flex-end;
  }
  .mkalvania-site #g-header .g-block.mkv-hero__content > .g-content, .mkalvania-site #g-header .g-content > .mkv-hero__content, .mkalvania-site #g-header .mkv-hero__content:not(.g-block) {
    width: auto !important;
    max-width: none !important;
    margin: 0 !important;
    padding: 2rem 1.1rem 2.5rem !important;
  }
  .mkalvania-site #g-header .mkv-hero__content h1, .mkalvania-site #g-header .g-block.mkv-hero__content > .g-content h1 {
    font-size: clamp(2.25rem, 12vw, 4rem);
  }
  .mkv-hero__content .mkv-button + .mkv-button, .g-block.mkv-hero__content .mkv-button + .mkv-button {
    margin-left: 0;
    margin-top: 0.5rem;
  }
  .mkv-teaser-grid {
    grid-template-columns: 1fr;
  }
  .mkv-section-title::after {
    width: 78%;
  }
  .mkalvania-site #g-footer.mkv-footer::before {
    width: 88%;
    height: 52px;
  }
}
/* ==========================================================================
   29. SEHR KLEINE DISPLAYS
   ========================================================================== */
@media (max-width: 420px) {
  .mkalvania-site #g-navigation img.mkv-nav-brand__emblem, .mkalvania-site #g-navigation .mkv-nav-brand__emblem {
    width: 40px !important;
    height: 40px !important;
    min-width: 40px !important;
    max-width: 40px !important;
    min-height: 40px !important;
    max-height: 40px !important;
    flex-basis: 40px !important;
  }
  .mkalvania-site #g-navigation .mkv-nav-brand__text strong {
    font-size: 1.18rem;
  }
  .mkv-button {
    width: 100%;
  }
  .mkv-parchment, .mkv-sidebar {
    padding: 1rem;
  }
  .mkv-quote {
    padding: 2rem 1.25rem;
  }
}
/* ==========================================================================
   30. REDUZIERTE BEWEGUNG
   ========================================================================== */
@media (prefers-reduced-motion: reduce) {
  .mkalvania-site *, .mkalvania-site *::before, .mkalvania-site *::after {
    scroll-behavior: auto !important;
    transition-duration: 0.01ms !important;
    animation-duration: 0.01ms !important;
    animation-iteration-count: 1 !important;
  }
}
/* ==========================================================================
   31. DRUCK
   ========================================================================== */
@media print {
  .mkalvania-site #g-footer.mkv-footer::before, .mkv-watermark::before, .mkv-map::after, .mkv-quote::before {
    display: none !important;
  }
  .mkalvania-site {
    color: #111111;
    background: #ffffff;
  }
  .mkalvania-site a {
    color: #111111;
  }
}
/* ==========================================================================
   32. ÜBERSICHTSSEITEN – KOMPAKTER INHALTS-HERO
   ========================================================================== */
/*
 * Gantry-Zuordnung für das Outline „Mkalvania – Übersicht“:
 *
 * Header Section -> CSS Classes:
 *   mkv-page-hero-section
 *
 * Module Position „mkv-overview-hero“ -> Block -> CSS Classes:
 *   mkv-page-hero
 *
 * Modulinhalt:
 *   <div class="mkv-page-hero__content">
 *       <h1>Seitentitel</h1>
 *       <p>Unterzeile</p>
 *   </div>
 *
 * v12.5:
 * Der Inhalt bleibt bewusst im normalen Dokumentfluss. Das entspricht dem
 * bereits bewährten Verhalten des Startseiten-Heros und verhindert, dass
 * Überschriften durch verschachtelte Gantry-Höhen/Flexboxen abgeschnitten werden.
 */
.mkalvania-site #g-header.mkv-page-hero-section {
  position: relative;
  overflow: hidden;
  min-height: 270px;
  background: linear-gradient(90deg, rgba(12, 9, 8, 0.84) 0%, rgba(12, 9, 8, 0.6) 43%, rgba(12, 9, 8, 0.24) 74%, rgba(12, 9, 8, 0.1) 100%), url('../../../../images/site/header/mkalvania-content-hero.avif') center center / cover no-repeat !important;
}
.mkalvania-site #g-header.mkv-page-hero-section > .g-container {
  width: 100%;
}
/* Gantry-Block auf volle Breite setzen, ohne eigene Mindesthöhe/Flex-Zentrierung */
.mkalvania-site #g-header.mkv-page-hero-section .g-block.mkv-page-hero {
  width: 100% !important;
  max-width: none !important;
  flex: 0 0 100% !important;
  margin: 0 !important;
  min-height: 0 !important;
  text-align: left !important;
}
/*
 * Stabile Inhaltsachse analog zum Startseiten-Hero.
 * Keine display:flex-Regel und keine verschachtelte min-height.
 */
.mkalvania-site #g-header.mkv-page-hero-section .g-block.mkv-page-hero > .g-content {
  display: block !important;
  position: static !important;
  top: auto !important;
  left: auto !important;
  transform: none !important;
  width: min(calc(100% - 2rem), 760px) !important;
  max-width: 760px !important;
  margin-left: max(1rem, calc((100vw - var(--mkv-content-max)) / 2)) !important;
  margin-right: auto !important;
  padding: 3rem 0 3.25rem !important;
  min-height: 0 !important;
  box-sizing: border-box;
  text-align: left !important;
}
/* Joomla/Gantry-Wrapper innerhalb der Module Position */
.mkalvania-site #g-header.mkv-page-hero-section .g-block.mkv-page-hero > .g-content > * {
  width: 100%;
  max-width: 100%;
}
/* Eigentlicher Modulinhalt */
.mkalvania-site .mkv-page-hero__content {
  position: static !important;
  transform: none !important;
  width: 100%;
  max-width: 760px;
  margin: 0;
  padding: 0;
  overflow: visible;
  text-align: left;
}
/* Seitentitel */
.mkalvania-site #g-header.mkv-page-hero-section .mkv-page-hero h1, .mkalvania-site .mkv-page-hero__content h1 {
  position: static !important;
  top: auto !important;
  left: auto !important;
  transform: none !important;
  margin: 0 0 0.8rem !important;
  padding: 0 !important;
  font-family: var(--mkv-font-display);
  font-size: clamp(2.2rem, 3.2vw, 3.4rem);
  font-weight: 600;
  line-height: 1.08;
  color: #d6b46a;
  text-align: left !important;
  text-shadow: 0 2px 5px rgba(0, 0, 0, 0.75), 0 0 18px rgba(0, 0, 0, 0.35);
}
/* Unterzeile */
.mkalvania-site #g-header.mkv-page-hero-section .mkv-page-hero p, .mkalvania-site .mkv-page-hero__content p {
  margin: 0 !important;
  padding: 0 !important;
  max-width: 650px;
  font-family: var(--mkv-font-body);
  font-size: 1.2rem;
  font-weight: 400;
  line-height: 1.5;
  color: rgba(255, 248, 235, 0.94);
  text-align: left !important;
  text-shadow: 0 1px 4px rgba(0, 0, 0, 0.8);
}
/* Dezente Goldkante zum folgenden Inhaltsbereich */
.mkalvania-site #g-header.mkv-page-hero-section::after {
  content: "";
  position: absolute;
  left: 0;
  right: 0;
  bottom: 0;
  height: 1px;
  background: linear-gradient(90deg, transparent, rgba(190, 151, 78, 0.75), transparent);
}
/* ==========================================================================
   32A. ÜBERSICHTSSEITEN – KOMPAKTER INTRO-BEREICH
   ========================================================================== */
/*
 * Intro Section -> CSS Classes:
 *   mkv-overview-intro-section
 *
 * Module Position „mkv-overview-intro“ -> Block -> CSS Classes:
 *   mkv-overview-intro
 */
.mkalvania-site #g-intro.mkv-overview-intro-section {
  min-height: 0 !important;
  margin: 0 !important;
  padding: 0 !important;
  color: var(--mkv-parchment);
  background: linear-gradient(rgba(13, 11, 10, 0.94), rgba(13, 11, 10, 0.94)), url('../../../../images/site/backgrounds/mkalvania-background-dark-texture.avif') center / 1024px 1024px repeat !important;
  border-bottom: 1px solid rgba(183, 154, 91, 0.2);
}
/* Helium-/Gantry-Höhen und Abstände in diesem Abschnitt neutralisieren */
.mkalvania-site #g-intro.mkv-overview-intro-section > .g-container, .mkalvania-site #g-intro.mkv-overview-intro-section > .g-container > .g-grid, .mkalvania-site #g-intro.mkv-overview-intro-section .g-block.mkv-overview-intro {
  min-height: 0 !important;
  margin-top: 0 !important;
  margin-bottom: 0 !important;
  padding-top: 0 !important;
  padding-bottom: 0 !important;
}
.mkalvania-site #g-intro.mkv-overview-intro-section .g-block.mkv-overview-intro > .g-content {
  width: min(calc(100% - 2rem), var(--mkv-content-max)) !important;
  max-width: var(--mkv-content-max) !important;
  margin: 0 auto !important;
  padding: 1.55rem 0 1.75rem !important;
  min-height: 0 !important;
  box-sizing: border-box;
}
/* Fallback, falls Gantry die Block-Klasse anders verschachtelt */
.mkalvania-site #g-intro.mkv-overview-intro-section .g-content {
  min-height: 0 !important;
}
.mkalvania-site #g-intro.mkv-overview-intro-section .mkv-overview-intro__content {
  width: 100%;
  max-width: 1120px;
  margin: 0;
  padding: 0;
  text-align: left;
}
.mkalvania-site #g-intro.mkv-overview-intro-section .mkv-overview-intro__content p {
  margin: 0 0 0.75rem;
  color: rgba(230, 223, 198, 0.9);
}
.mkalvania-site #g-intro.mkv-overview-intro-section .mkv-overview-intro__content p:last-child {
  margin-bottom: 0;
}
.mkalvania-site #g-intro.mkv-overview-intro-section .mkv-lead {
  font-size: clamp(1.12rem, 1.35vw, 1.28rem);
  line-height: 1.55;
  color: var(--mkv-gold-light);
}
/* Smartphone */
@media only all and (max-width: 767px) {
  .mkalvania-site #g-header.mkv-page-hero-section {
    min-height: 0;
    background-position: center center !important;
  }
  .mkalvania-site #g-header.mkv-page-hero-section .g-block.mkv-page-hero > .g-content {
    width: calc(100% - 2rem) !important;
    margin-left: 1rem !important;
    margin-right: 1rem !important;
    padding: 2.25rem 0 2.5rem !important;
  }
  .mkalvania-site #g-header.mkv-page-hero-section .mkv-page-hero h1, .mkalvania-site .mkv-page-hero__content h1 {
    font-size: clamp(1.9rem, 9vw, 2.7rem);
  }
  .mkalvania-site #g-header.mkv-page-hero-section .mkv-page-hero p, .mkalvania-site .mkv-page-hero__content p {
    font-size: 1.05rem;
    line-height: 1.45;
  }
  .mkalvania-site #g-intro.mkv-overview-intro-section .g-block.mkv-overview-intro > .g-content {
    width: calc(100% - 2rem) !important;
    padding: 1.3rem 0 1.45rem !important;
  }
  .mkalvania-site #g-intro.mkv-overview-intro-section .mkv-lead {
    font-size: 1.1rem;
  }
}
/* ==========================================================================
   33. ÜBERSICHTSSEITEN – 2-SPALTEN-TEASER
   ========================================================================== */
.mkalvania-site .mkv-teaser-grid--2 {
  grid-template-columns: repeat(2, minmax(0, 1fr));
}
@media only all and (max-width: 767px) {
  .mkalvania-site .mkv-teaser-grid--2 {
    grid-template-columns: 1fr;
  }
}
/* ==========================================================================
   34. v12.6 – ÜBERSICHTSSEITEN: HERO-CLIP-FIX + UTILITY-FARBWELT
   ========================================================================== */
/*
 * Der reale Gantry-DOM kann zusätzliche Wrapper um die Module Position erzeugen.
 * Deshalb werden im Übersicht-Header alle relevanten Wrapper ausdrücklich in
 * den normalen Dokumentfluss zurückgesetzt. Die älteren Regeln bleiben bestehen,
 * diese spätere Sektion hat bewusst Vorrang.
 */
.mkalvania-site #g-header.mkv-page-hero-section {
  min-height: 0 !important;
  overflow: visible !important;
}
.mkalvania-site #g-header.mkv-page-hero-section > .g-container, .mkalvania-site #g-header.mkv-page-hero-section > .g-container > .g-grid, .mkalvania-site #g-header.mkv-page-hero-section .g-block, .mkalvania-site #g-header.mkv-page-hero-section .g-content {
  position: static !important;
  top: auto !important;
  right: auto !important;
  bottom: auto !important;
  left: auto !important;
  transform: none !important;
  min-height: 0 !important;
  height: auto !important;
}
.mkalvania-site #g-header.mkv-page-hero-section > .g-container {
  width: 100% !important;
  max-width: none !important;
}
.mkalvania-site #g-header.mkv-page-hero-section > .g-container > .g-grid {
  display: block !important;
  width: 100% !important;
  margin: 0 !important;
}
/* Im Übersicht-Header existiert nur unsere Hero-Position.
   Deshalb kann die tatsächliche Gantry-.g-content-Ebene direkt gesetzt werden. */
.mkalvania-site #g-header.mkv-page-hero-section .g-content {
  display: block !important;
  width: 100% !important;
  max-width: none !important;
  margin: 0 !important;
  padding: 2.75rem max(1.25rem, calc((100vw - var(--mkv-content-max)) / 2)) 3rem !important;
  box-sizing: border-box;
  overflow: visible !important;
  text-align: left !important;
}
.mkalvania-site #g-header.mkv-page-hero-section .mkv-page-hero__content {
  display: block !important;
  position: static !important;
  transform: none !important;
  width: min(100%, 760px) !important;
  max-width: 760px !important;
  margin: 0 !important;
  padding: 0 !important;
  overflow: visible !important;
}
.mkalvania-site #g-header.mkv-page-hero-section .mkv-page-hero__content h1 {
  display: block !important;
  position: static !important;
  transform: none !important;
  margin: 0 0 0.8rem !important;
  padding: 0 !important;
  overflow: visible !important;
}
.mkalvania-site #g-header.mkv-page-hero-section .mkv-page-hero__content p {
  display: block !important;
  position: static !important;
  margin: 0 !important;
  padding: 0 !important;
  overflow: visible !important;
}
/* ==========================================================================
   34A. v12.6 – INTRO FEINABSTIMMUNG
   ========================================================================== */
.mkalvania-site #g-intro.mkv-overview-intro-section .g-block.mkv-overview-intro > .g-content {
  padding: 1.75rem 0 1.9rem !important;
}
/* ==========================================================================
   34B. v12.6 – ÜBERSICHTS-TEASER / UTILITY
   ========================================================================== */
/*
 * Im Outline „Mkalvania – Übersicht“ dem Abschnitt Utility die CSS-Klasse
 * mkv-overview-features-section geben.
 *
 * Module Position:
 *   mkv-overview-features
 *
 * Block CSS Class:
 *   mkv-overview-features
 */
.mkalvania-site #g-utility.mkv-overview-features-section {
  margin: 0 !important;
  padding: 0 !important;
  color: var(--mkv-parchment);
  background: linear-gradient(rgba(24, 20, 17, 0.96), rgba(24, 20, 17, 0.96)), url('../../../../images/site/backgrounds/mkalvania-background-dark-texture.avif') center / 1024px 1024px repeat !important;
  border-bottom: 1px solid rgba(183, 154, 91, 0.18);
}
.mkalvania-site #g-utility.mkv-overview-features-section > .g-container, .mkalvania-site #g-utility.mkv-overview-features-section > .g-container > .g-grid, .mkalvania-site #g-utility.mkv-overview-features-section .g-block.mkv-overview-features {
  min-height: 0 !important;
  margin-top: 0 !important;
  margin-bottom: 0 !important;
}
.mkalvania-site #g-utility.mkv-overview-features-section .g-block.mkv-overview-features > .g-content {
  width: min(calc(100% - 2rem), var(--mkv-content-max)) !important;
  max-width: var(--mkv-content-max) !important;
  margin: 0 auto !important;
  padding: 2.75rem 0 3.25rem !important;
  box-sizing: border-box;
}
.mkalvania-site #g-utility.mkv-overview-features-section .mkv-overview-links {
  width: 100%;
  max-width: 100%;
  margin: 0 auto;
  padding: 0;
}
.mkalvania-site #g-utility.mkv-overview-features-section .mkv-section-title {
  margin-top: 0;
}
/* Smartphone */
@media only all and (max-width: 767px) {
  .mkalvania-site #g-header.mkv-page-hero-section .g-content {
    padding: 2rem 1.25rem 2.25rem !important;
  }
  .mkalvania-site #g-intro.mkv-overview-intro-section .g-block.mkv-overview-intro > .g-content {
    padding: 1.4rem 0 1.55rem !important;
  }
  .mkalvania-site #g-utility.mkv-overview-features-section .g-block.mkv-overview-features > .g-content {
    width: calc(100% - 2rem) !important;
    padding: 2.1rem 0 2.5rem !important;
  }
}
/* ==========================================================================
   35. v12.7 – ÜBERSICHTS-HERO: NEGATIVEN HELIUM-MARGIN AUFHEBEN
   ========================================================================== */
/*
 * Browser-Messung am 05.09.2026:
 *
 * #g-header.mkv-page-hero-section
 *   top:        -28px
 *   height:     216px
 *   margin-top: -152px
 *
 * Die inneren Gantry-Wrapper und der Hero-Inhalt lagen korrekt im normalen
 * Dokumentfluss. Ursache des Abschneidens war ausschließlich der negative
 * obere Außenabstand des Header-Abschnitts selbst.
 */
.mkalvania-site #g-header.mkv-page-hero-section {
  margin-top: 0 !important;
}
/* ==========================================================================
   36. v12.8 – INHALTSSEITEN: BREADCRUMBS + PERGAMENT-INHALT
   ========================================================================== */
/*
 * Outline „Mkalvania – Inhaltsseite“
 *
 * Header Section: mkv-page-hero-section
 * Header Position: mkv-content-hero
 * Header Block: mkv-page-hero
 *
 * Intro Section: mkv-content-breadcrumbs-section
 * Intro Position: mkv-content-breadcrumbs
 *
 * Features Section: mkv-content-section
 * Features: Page Content
 */
/* 36A. BREADCRUMBS */
.mkalvania-site #g-intro.mkv-content-breadcrumbs-section {
  min-height: 0 !important;
  margin: 0 !important;
  padding: 0 !important;
  color: rgba(230, 223, 198, 0.78);
  background: linear-gradient(rgba(13, 11, 10, 0.97), rgba(13, 11, 10, 0.97)), url('../../../../images/site/backgrounds/mkalvania-background-dark-texture.avif') center / 1024px 1024px repeat !important;
  border-top: 1px solid rgba(183, 154, 91, 0.18);
  border-bottom: 1px solid rgba(183, 154, 91, 0.28);
}
.mkalvania-site #g-intro.mkv-content-breadcrumbs-section > .g-container, .mkalvania-site #g-intro.mkv-content-breadcrumbs-section > .g-container > .g-grid, .mkalvania-site #g-intro.mkv-content-breadcrumbs-section .g-block {
  min-height: 0 !important;
  margin-top: 0 !important;
  margin-bottom: 0 !important;
}
.mkalvania-site #g-intro.mkv-content-breadcrumbs-section .g-content {
  width: min(calc(100% - 2rem), var(--mkv-content-max)) !important;
  max-width: var(--mkv-content-max) !important;
  margin: 0 auto !important;
  padding: 0.72rem 0 !important;
  min-height: 0 !important;
  box-sizing: border-box;
}
.mkalvania-site #g-intro.mkv-content-breadcrumbs-section .breadcrumb, .mkalvania-site #g-intro.mkv-content-breadcrumbs-section .mod-breadcrumbs, .mkalvania-site #g-intro.mkv-content-breadcrumbs-section .mkv-breadcrumb {
  margin: 0 !important;
  padding: 0 !important;
  border: 0 !important;
  background: transparent !important;
  color: rgba(230, 223, 198, 0.72);
  font-family: var(--mkv-font-body);
  font-size: 0.92rem;
  line-height: 1.4;
}
.mkalvania-site #g-intro.mkv-content-breadcrumbs-section a {
  color: var(--mkv-gold);
  text-decoration: none;
}
.mkalvania-site #g-intro.mkv-content-breadcrumbs-section a:hover, .mkalvania-site #g-intro.mkv-content-breadcrumbs-section a:focus {
  color: var(--mkv-gold-light);
  text-decoration: underline;
}
/* 36B. PERGAMENT-INHALTSFLÄCHE */
.mkalvania-site #g-features.mkv-content-section {
  min-height: 0 !important;
  margin: 0 !important;
  padding: 0 !important;
  color: var(--mkv-brown);
  background-color: var(--mkv-parchment) !important;
  background-image: linear-gradient(rgba(230, 223, 198, 0.9), rgba(230, 223, 198, 0.9)), url('../../../../images/site/backgrounds/mkalvania-background-parchment-texture.avif') !important;
  background-repeat: repeat !important;
  background-size: auto, 1024px 1024px !important;
  border-bottom: 1px solid rgba(117, 96, 57, 0.42);
}
.mkalvania-site #g-features.mkv-content-section > .g-container, .mkalvania-site #g-features.mkv-content-section > .g-container > .g-grid {
  min-height: 0 !important;
}
.mkalvania-site #g-features.mkv-content-section .g-content {
  width: min(calc(100% - 2rem), var(--mkv-content-max)) !important;
  max-width: var(--mkv-content-max) !important;
  margin: 0 auto !important;
  padding: clamp(2.4rem, 4vw, 4.5rem) 0 !important;
  box-sizing: border-box;
}
.mkalvania-site #g-features.mkv-content-section .item-page, .mkalvania-site #g-features.mkv-content-section article {
  width: 100%;
  max-width: 1040px;
  margin-left: auto;
  margin-right: auto;
  color: var(--mkv-brown);
  font-family: var(--mkv-font-body);
  font-size: 1.08rem;
  line-height: 1.72;
}
/* Der Titel steht bereits im Hero. Diese Regeln sichern die Joomla-Optionen ab. */
.mkalvania-site #g-features.mkv-content-section .page-header, .mkalvania-site #g-features.mkv-content-section .article-info, .mkalvania-site #g-features.mkv-content-section .article-info-term, .mkalvania-site #g-features.mkv-content-section .icons {
  display: none !important;
}
.mkalvania-site #g-features.mkv-content-section h1, .mkalvania-site #g-features.mkv-content-section h2, .mkalvania-site #g-features.mkv-content-section h3, .mkalvania-site #g-features.mkv-content-section h4, .mkalvania-site #g-features.mkv-content-section h5, .mkalvania-site #g-features.mkv-content-section h6 {
  color: var(--mkv-red);
}
.mkalvania-site #g-features.mkv-content-section h2 {
  margin-top: 2.2rem;
}
.mkalvania-site #g-features.mkv-content-section p {
  color: var(--mkv-brown);
}
.mkalvania-site #g-features.mkv-content-section a {
  color: var(--mkv-red);
}
.mkalvania-site #g-features.mkv-content-section a:hover, .mkalvania-site #g-features.mkv-content-section a:focus {
  color: var(--mkv-red-dark);
}
.mkalvania-site #g-features.mkv-content-section .mkv-lead {
  margin-top: 0;
  font-size: clamp(1.18rem, 1.45vw, 1.34rem);
  font-weight: 500;
  line-height: 1.62;
  color: #4b3428;
}
/* 36C. SMARTPHONE */
@media only all and (max-width: 767px) {
  .mkalvania-site #g-intro.mkv-content-breadcrumbs-section .g-content {
    width: calc(100% - 2rem) !important;
    padding: 0.62rem 0 !important;
  }
  .mkalvania-site #g-intro.mkv-content-breadcrumbs-section .breadcrumb, .mkalvania-site #g-intro.mkv-content-breadcrumbs-section .mod-breadcrumbs, .mkalvania-site #g-intro.mkv-content-breadcrumbs-section .mkv-breadcrumb {
    font-size: 0.86rem;
  }
  .mkalvania-site #g-features.mkv-content-section .g-content {
    width: calc(100% - 2rem) !important;
    padding: 2rem 0 2.6rem !important;
  }
  .mkalvania-site #g-features.mkv-content-section .item-page, .mkalvania-site #g-features.mkv-content-section article {
    font-size: 1.02rem;
    line-height: 1.66;
  }
  .mkalvania-site #g-features.mkv-content-section .mkv-lead {
    font-size: 1.12rem;
  }
}
/* ==========================================================================
   37. v12.9 – BREADCRUMBS: TYPOGRAFIE + KOMPAKTE HÖHE
   ========================================================================== */
/*
 * Ziel:
 * - Cormorant Garamond statt Helium-/Bootstrap-Sans-Serif
 * - keine zusätzlichen Modul-/Listenabstände
 * - kompakte Leiste zwischen Hero und Pergament-Inhalt
 */
.mkalvania-site #g-intro.mkv-content-breadcrumbs-section {
  min-height: 0 !important;
  height: auto !important;
}
.mkalvania-site #g-intro.mkv-content-breadcrumbs-section > .g-container, .mkalvania-site #g-intro.mkv-content-breadcrumbs-section > .g-container > .g-grid, .mkalvania-site #g-intro.mkv-content-breadcrumbs-section .g-block, .mkalvania-site #g-intro.mkv-content-breadcrumbs-section .g-content, .mkalvania-site #g-intro.mkv-content-breadcrumbs-section .platform-content, .mkalvania-site #g-intro.mkv-content-breadcrumbs-section .moduletable, .mkalvania-site #g-intro.mkv-content-breadcrumbs-section nav, .mkalvania-site #g-intro.mkv-content-breadcrumbs-section ol, .mkalvania-site #g-intro.mkv-content-breadcrumbs-section ul {
  min-height: 0 !important;
  height: auto !important;
  margin-top: 0 !important;
  margin-bottom: 0 !important;
}
.mkalvania-site #g-intro.mkv-content-breadcrumbs-section .g-content {
  padding: 0.34rem 0 0.38rem !important;
}
/* Joomla-/Bootstrap-Standardabstände innerhalb des Moduls vollständig entfernen */
.mkalvania-site #g-intro.mkv-content-breadcrumbs-section .platform-content, .mkalvania-site #g-intro.mkv-content-breadcrumbs-section .moduletable, .mkalvania-site #g-intro.mkv-content-breadcrumbs-section nav, .mkalvania-site #g-intro.mkv-content-breadcrumbs-section .breadcrumb, .mkalvania-site #g-intro.mkv-content-breadcrumbs-section .mod-breadcrumbs {
  padding-top: 0 !important;
  padding-bottom: 0 !important;
  margin-top: 0 !important;
  margin-bottom: 0 !important;
}
/*
 * Schrift auf dem gesamten Breadcrumb-Baum setzen, weil Joomla/Bootstrap
 * einzelne LI/SPAN/A-Elemente mit eigener Font-Angabe versehen kann.
 */
.mkalvania-site #g-intro.mkv-content-breadcrumbs-section .breadcrumb, .mkalvania-site #g-intro.mkv-content-breadcrumbs-section .breadcrumb *, .mkalvania-site #g-intro.mkv-content-breadcrumbs-section .mod-breadcrumbs, .mkalvania-site #g-intro.mkv-content-breadcrumbs-section .mod-breadcrumbs *, .mkalvania-site #g-intro.mkv-content-breadcrumbs-section .mkv-breadcrumb, .mkalvania-site #g-intro.mkv-content-breadcrumbs-section .mkv-breadcrumb * {
  font-family: var(--mkv-font-body) !important;
  font-weight: 400 !important;
  font-size: 0.92rem !important;
  line-height: 1.2 !important;
  letter-spacing: 0 !important;
  text-transform: none !important;
}
/* "Aktuelle Seite:" etwas ruhiger als die Links */
.mkalvania-site #g-intro.mkv-content-breadcrumbs-section .mod-breadcrumbs__here {
  color: rgba(230, 223, 198, 0.72) !important;
}
/* Breadcrumb-Elemente in einer kompakten Zeile halten */
.mkalvania-site #g-intro.mkv-content-breadcrumbs-section .breadcrumb {
  display: flex !important;
  align-items: center !important;
  flex-wrap: wrap !important;
  gap: 0 !important;
}
/* Smartphone */
@media only all and (max-width: 767px) {
  .mkalvania-site #g-intro.mkv-content-breadcrumbs-section .g-content {
    padding: 0.3rem 0 0.34rem !important;
  }
  .mkalvania-site #g-intro.mkv-content-breadcrumbs-section .breadcrumb, .mkalvania-site #g-intro.mkv-content-breadcrumbs-section .breadcrumb *, .mkalvania-site #g-intro.mkv-content-breadcrumbs-section .mod-breadcrumbs, .mkalvania-site #g-intro.mkv-content-breadcrumbs-section .mod-breadcrumbs *, .mkalvania-site #g-intro.mkv-content-breadcrumbs-section .mkv-breadcrumb, .mkalvania-site #g-intro.mkv-content-breadcrumbs-section .mkv-breadcrumb * {
    font-size: 0.86rem !important;
    line-height: 1.2 !important;
  }
}
/* ==========================================================================
   38. v13.0 – JOOMLA-KATEGORIEBLOG / ORTSKARTEN
   ========================================================================== */
/*
 * Gantry-Zuordnung im Outline „Mkalvania – Übersicht“:
 *
 * Features Section -> CSS Classes:
 *   mkv-category-section
 *
 * Features -> Page Content -> Block -> CSS Classes:
 *   mkv-category-content
 *
 * Die Section bleibt bei leeren Custom Pages praktisch höhenlos, kann aber
 * Kategorieblogs wie „Orte“ vollständig in der Mkalvania-Farbwelt darstellen.
 */
.mkalvania-site #g-features.mkv-category-section {
  min-height: 0 !important;
  margin: 0 !important;
  padding: 0 !important;
  color: var(--mkv-parchment);
  background: linear-gradient(rgba(13, 11, 10, 0.96), rgba(13, 11, 10, 0.96)), url('../../../../images/site/backgrounds/mkalvania-background-dark-texture.avif') center / 1024px 1024px repeat !important;
  border-bottom: 1px solid rgba(183, 154, 91, 0.2);
}
.mkalvania-site #g-features.mkv-category-section > .g-container, .mkalvania-site #g-features.mkv-category-section > .g-container > .g-grid, .mkalvania-site #g-features.mkv-category-section .g-block.mkv-category-content {
  min-height: 0 !important;
  margin-top: 0 !important;
  margin-bottom: 0 !important;
}
.mkalvania-site #g-features.mkv-category-section .g-block.mkv-category-content > .g-content {
  width: min(calc(100% - 2rem), var(--mkv-content-max)) !important;
  max-width: var(--mkv-content-max) !important;
  margin: 0 auto !important;
  padding: clamp(2.6rem, 4vw, 4rem) 0 clamp(3rem, 5vw, 4.75rem) !important;
  box-sizing: border-box;
}
/* Joomla-Kategorieblog auf volle verfügbare Breite setzen. */
.mkalvania-site #g-features.mkv-category-section .g-block.mkv-category-content .blog {
  width: 100%;
  max-width: none;
  margin: 0;
  padding: 0;
  color: var(--mkv-parchment);
  font-family: var(--mkv-font-body);
}
/* Das eigene Intro-Modul übernimmt die Einführung; Joomla-Beschreibung bleibt aus. */
.mkalvania-site #g-features.mkv-category-section .g-block.mkv-category-content .category-desc {
  display: none !important;
}
/* Standard-Joomla-Hinweise bei leeren Kategorien in die Farbwelt integrieren. */
.mkalvania-site #g-features.mkv-category-section .g-block.mkv-category-content .alert {
  margin: 0;
  color: var(--mkv-parchment);
  background: rgba(26, 24, 22, 0.96);
  border: 1px solid rgba(183, 154, 91, 0.42);
  border-radius: var(--mkv-radius);
  font-family: var(--mkv-font-body);
}
/* 3-spaltiges Kartenraster. Joomla-Spaltenklassen werden bewusst überschrieben. */
.mkalvania-site #g-features.mkv-category-section .g-block.mkv-category-content .blog-items {
  display: grid !important;
  grid-template-columns: repeat(3, minmax(0, 1fr)) !important;
  gap: clamp(1.25rem, 2.2vw, 1.8rem) !important;
  width: 100% !important;
  margin: 0 !important;
  padding: 0 !important;
}
/* Falls Joomla zusätzliche Zeilenwrapper ausgibt, sollen diese das Grid nicht stören. */
.mkalvania-site #g-features.mkv-category-section .g-block.mkv-category-content .items-row {
  display: contents !important;
}
.mkalvania-site #g-features.mkv-category-section .g-block.mkv-category-content .blog-item {
  display: flex !important;
  flex-direction: column !important;
  min-width: 0;
  height: 100%;
  margin: 0 !important;
  padding: 0 !important;
  overflow: hidden;
  color: var(--mkv-brown);
  background-color: var(--mkv-parchment);
  background-image: linear-gradient(rgba(230, 223, 198, 0.93), rgba(230, 223, 198, 0.93)), url('../../../../images/site/backgrounds/mkalvania-background-parchment-texture.avif');
  background-repeat: repeat;
  background-size: auto, 1024px 1024px;
  border: 1px solid rgba(183, 154, 91, 0.72);
  border-radius: var(--mkv-radius);
  box-shadow: var(--mkv-shadow);
}
/* Einige Joomla-Ausgaben legen den eigentlichen Inhalt in .item-content. */
.mkalvania-site #g-features.mkv-category-section .g-block.mkv-category-content .blog-item .item-content {
  display: flex;
  flex-direction: column;
  flex: 1 1 auto;
  min-width: 0;
  padding: 1.2rem 1.25rem 1.35rem;
}
/* Einleitungsbild als echte Kartenkopf-Grafik. */
.mkalvania-site #g-features.mkv-category-section .g-block.mkv-category-content .blog-item .item-image {
  float: none !important;
  width: 100% !important;
  margin: 0 !important;
  padding: 0 !important;
}
.mkalvania-site #g-features.mkv-category-section .g-block.mkv-category-content .blog-item .item-image a {
  display: block;
  width: 100%;
}
.mkalvania-site #g-features.mkv-category-section .g-block.mkv-category-content .blog-item .item-image img {
  display: block;
  width: 100% !important;
  max-width: none !important;
  aspect-ratio: 1.6;
  object-fit: cover;
  margin: 0 !important;
  border: 0 !important;
}
/* Titel */
.mkalvania-site #g-features.mkv-category-section .g-block.mkv-category-content .blog-item .page-header {
  display: block !important;
  margin: 0 0 0.8rem !important;
  padding: 0 !important;
  border: 0 !important;
}
.mkalvania-site #g-features.mkv-category-section .g-block.mkv-category-content .blog-item .page-header h2, .mkalvania-site #g-features.mkv-category-section .g-block.mkv-category-content .blog-item .page-header h3, .mkalvania-site #g-features.mkv-category-section .g-block.mkv-category-content .blog-item h2, .mkalvania-site #g-features.mkv-category-section .g-block.mkv-category-content .blog-item h3 {
  margin: 0 !important;
  padding: 0 !important;
  color: var(--mkv-red);
  font-family: var(--mkv-font-display);
  font-size: clamp(1.35rem, 1.7vw, 1.75rem);
  font-weight: 600;
  line-height: 1.18;
}
.mkalvania-site #g-features.mkv-category-section .g-block.mkv-category-content .blog-item h2 a, .mkalvania-site #g-features.mkv-category-section .g-block.mkv-category-content .blog-item h3 a {
  color: var(--mkv-red) !important;
  text-decoration: none !important;
}
.mkalvania-site #g-features.mkv-category-section .g-block.mkv-category-content .blog-item h2 a:hover, .mkalvania-site #g-features.mkv-category-section .g-block.mkv-category-content .blog-item h2 a:focus, .mkalvania-site #g-features.mkv-category-section .g-block.mkv-category-content .blog-item h3 a:hover, .mkalvania-site #g-features.mkv-category-section .g-block.mkv-category-content .blog-item h3 a:focus {
  color: var(--mkv-red-dark) !important;
}
/* Metadaten sollen auf Übersichtskarten nicht erscheinen; Joomla-Optionen bleiben primär. */
.mkalvania-site #g-features.mkv-category-section .g-block.mkv-category-content .blog-item .article-info, .mkalvania-site #g-features.mkv-category-section .g-block.mkv-category-content .blog-item .article-info-term, .mkalvania-site #g-features.mkv-category-section .g-block.mkv-category-content .blog-item .icons {
  display: none !important;
}
/* Teasertext */
.mkalvania-site #g-features.mkv-category-section .g-block.mkv-category-content .blog-item p {
  color: var(--mkv-brown);
  font-family: var(--mkv-font-body);
  font-size: 1.06rem;
  line-height: 1.58;
}
.mkalvania-site #g-features.mkv-category-section .g-block.mkv-category-content .blog-item .mkv-lead {
  margin-top: 0;
  font-size: 1.1rem;
  font-weight: 500;
  line-height: 1.55;
}
/* Weiterlesen am unteren Kartenrand als Mkalvania-CTA. */
.mkalvania-site #g-features.mkv-category-section .g-block.mkv-category-content .blog-item .readmore {
  margin-top: auto !important;
  margin-bottom: 0 !important;
  padding-top: 0.5rem;
}
.mkalvania-site #g-features.mkv-category-section .g-block.mkv-category-content .blog-item .readmore a, .mkalvania-site #g-features.mkv-category-section .g-block.mkv-category-content .blog-item .btn.readmore, .mkalvania-site #g-features.mkv-category-section .g-block.mkv-category-content .blog-item .readmore .btn {
  display: inline-flex !important;
  align-items: center;
  justify-content: center;
  min-height: 42px;
  padding: 0.66rem 1.05rem !important;
  border: 1px solid var(--mkv-gold) !important;
  border-radius: var(--mkv-radius) !important;
  background: var(--mkv-red) !important;
  color: #ffffff !important;
  font-family: var(--mkv-font-display) !important;
  font-size: 0.94rem !important;
  font-weight: 600 !important;
  line-height: 1.2 !important;
  text-decoration: none !important;
  text-transform: none !important;
  box-shadow: none !important;
}
.mkalvania-site #g-features.mkv-category-section .g-block.mkv-category-content .blog-item .readmore a:hover, .mkalvania-site #g-features.mkv-category-section .g-block.mkv-category-content .blog-item .readmore a:focus, .mkalvania-site #g-features.mkv-category-section .g-block.mkv-category-content .blog-item .readmore .btn:hover, .mkalvania-site #g-features.mkv-category-section .g-block.mkv-category-content .blog-item .readmore .btn:focus {
  background: #8B1B1E !important;
  border-color: var(--mkv-gold-light) !important;
  color: #ffffff !important;
}
/* Pagination */
.mkalvania-site #g-features.mkv-category-section .g-block.mkv-category-content .pagination {
  margin-top: 2.25rem;
  margin-bottom: 0;
  font-family: var(--mkv-font-body);
}
/* Tablet: 2 Karten */
@media only all and (min-width: 768px) and (max-width: 1023px) {
  .mkalvania-site #g-features.mkv-category-section .g-block.mkv-category-content .blog-items {
    grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
  }
}
/* Smartphone: 1 Karte */
@media only all and (max-width: 767px) {
  .mkalvania-site #g-features.mkv-category-section .g-block.mkv-category-content > .g-content {
    width: calc(100% - 2rem) !important;
    padding: 2rem 0 2.75rem !important;
  }
  .mkalvania-site #g-features.mkv-category-section .g-block.mkv-category-content .blog-items {
    grid-template-columns: 1fr !important;
    gap: 1.25rem !important;
  }
  .mkalvania-site #g-features.mkv-category-section .g-block.mkv-category-content .blog-item .item-content {
    padding: 1.05rem 1.1rem 1.2rem;
  }
}
/* ==========================================================================
   v13.1 – NACHBARN: UNTERKATEGORIEN ALS KARTENRASTER
   ========================================================================== */
/*
 * Scope: nur der Menüpunkt „Nachbarn“.
 * Voraussetzung in Joomla: Menüpunkt → Seitenanzeige → Seitenklasse
 *     mkv-page--neighbors
 *
 * Die Kategorie- und Unterkategorieausgabe bleibt Joomla-Core; hier wird nur
 * die Standardliste visuell als Mkalvania-Kartenraster interpretiert.
 */
body.mkalvania-site.mkv-page--neighbors #g-features.mkv-category-section .cat-children, body.mkalvania-site.mkv-page--neighbors #g-features.mkv-category-section .com-content-category-blog__children {
  display: grid !important;
  grid-template-columns: repeat(3, minmax(0, 1fr));
  gap: 1.4rem;
  width: 100%;
  margin: 0 !important;
  padding: 0 !important;
}
/* Einzelne Nachbar-Kategorie als ruhige Pergamentkarte. */
body.mkalvania-site.mkv-page--neighbors #g-features.mkv-category-section .cat-children > div, body.mkalvania-site.mkv-page--neighbors #g-features.mkv-category-section .com-content-category-blog__children > div {
  position: relative;
  min-width: 0;
  margin: 0 !important;
  padding: 1.35rem 1.4rem 1.45rem !important;
  border: 1px solid rgba(191, 157, 84, 0.62);
  border-radius: var(--mkv-radius);
  background-color: var(--mkv-parchment);
  background-image: linear-gradient(rgba(230, 223, 198, 0.92), rgba(230, 223, 198, 0.92)), url('../../../../images/site/backgrounds/mkalvania-background-parchment-texture.avif');
  background-repeat: repeat;
  background-size: auto, 1024px 1024px;
  box-shadow: 0 12px 26px rgba(0, 0, 0, 0.22);
  transition: transform 160ms ease, border-color 160ms ease, box-shadow 160ms ease;
}
body.mkalvania-site.mkv-page--neighbors #g-features.mkv-category-section .cat-children > div:hover, body.mkalvania-site.mkv-page--neighbors #g-features.mkv-category-section .com-content-category-blog__children > div:hover {
  transform: translateY(-2px);
  border-color: var(--mkv-gold);
  box-shadow: 0 16px 32px rgba(0, 0, 0, 0.28);
}
/* Titel */
body.mkalvania-site.mkv-page--neighbors #g-features.mkv-category-section .cat-children h3, body.mkalvania-site.mkv-page--neighbors #g-features.mkv-category-section .cat-children h4, body.mkalvania-site.mkv-page--neighbors #g-features.mkv-category-section .com-content-category-blog__children h3, body.mkalvania-site.mkv-page--neighbors #g-features.mkv-category-section .com-content-category-blog__children h4 {
  margin: 0 0 0.72rem !important;
  padding: 0 !important;
  color: var(--mkv-red);
  font-family: var(--mkv-font-display);
  font-size: clamp(1.25rem, 1.45vw, 1.6rem);
  font-weight: 600;
  line-height: 1.2;
}
body.mkalvania-site.mkv-page--neighbors #g-features.mkv-category-section .cat-children h3 a, body.mkalvania-site.mkv-page--neighbors #g-features.mkv-category-section .cat-children h4 a, body.mkalvania-site.mkv-page--neighbors #g-features.mkv-category-section .com-content-category-blog__children h3 a, body.mkalvania-site.mkv-page--neighbors #g-features.mkv-category-section .com-content-category-blog__children h4 a {
  color: var(--mkv-red) !important;
  text-decoration: none !important;
}
body.mkalvania-site.mkv-page--neighbors #g-features.mkv-category-section .cat-children h3 a:hover, body.mkalvania-site.mkv-page--neighbors #g-features.mkv-category-section .cat-children h3 a:focus, body.mkalvania-site.mkv-page--neighbors #g-features.mkv-category-section .cat-children h4 a:hover, body.mkalvania-site.mkv-page--neighbors #g-features.mkv-category-section .cat-children h4 a:focus, body.mkalvania-site.mkv-page--neighbors #g-features.mkv-category-section .com-content-category-blog__children h3 a:hover, body.mkalvania-site.mkv-page--neighbors #g-features.mkv-category-section .com-content-category-blog__children h3 a:focus, body.mkalvania-site.mkv-page--neighbors #g-features.mkv-category-section .com-content-category-blog__children h4 a:hover, body.mkalvania-site.mkv-page--neighbors #g-features.mkv-category-section .com-content-category-blog__children h4 a:focus {
  color: var(--mkv-red-dark) !important;
}
/* Kategoriebeschreibung */
body.mkalvania-site.mkv-page--neighbors #g-features.mkv-category-section .cat-children .category-desc, body.mkalvania-site.mkv-page--neighbors #g-features.mkv-category-section .cat-children .com-content-category-blog__description, body.mkalvania-site.mkv-page--neighbors #g-features.mkv-category-section .com-content-category-blog__children .category-desc, body.mkalvania-site.mkv-page--neighbors #g-features.mkv-category-section .com-content-category-blog__children .com-content-category-blog__description {
  margin: 0 !important;
  color: var(--mkv-brown);
  font-family: var(--mkv-font-body);
  font-size: 1.02rem;
  line-height: 1.55;
}
body.mkalvania-site.mkv-page--neighbors #g-features.mkv-category-section .cat-children .category-desc p, body.mkalvania-site.mkv-page--neighbors #g-features.mkv-category-section .cat-children .com-content-category-blog__description p, body.mkalvania-site.mkv-page--neighbors #g-features.mkv-category-section .com-content-category-blog__children .category-desc p, body.mkalvania-site.mkv-page--neighbors #g-features.mkv-category-section .com-content-category-blog__children .com-content-category-blog__description p {
  margin: 0 !important;
  color: inherit;
}
/* Joomla-Beitragszähler/Badges sind in der visuellen Länderliste entbehrlich. */
body.mkalvania-site.mkv-page--neighbors #g-features.mkv-category-section .cat-children .badge, body.mkalvania-site.mkv-page--neighbors #g-features.mkv-category-section .com-content-category-blog__children .badge {
  display: none !important;
}
/* Tablet */
@media only all and (min-width: 768px) and (max-width: 1099px) {
  body.mkalvania-site.mkv-page--neighbors #g-features.mkv-category-section .cat-children, body.mkalvania-site.mkv-page--neighbors #g-features.mkv-category-section .com-content-category-blog__children {
    grid-template-columns: repeat(2, minmax(0, 1fr));
  }
}
/* Smartphone */
@media only all and (max-width: 767px) {
  body.mkalvania-site.mkv-page--neighbors #g-features.mkv-category-section .cat-children, body.mkalvania-site.mkv-page--neighbors #g-features.mkv-category-section .com-content-category-blog__children {
    grid-template-columns: 1fr;
    gap: 1rem;
  }
  body.mkalvania-site.mkv-page--neighbors #g-features.mkv-category-section .cat-children > div, body.mkalvania-site.mkv-page--neighbors #g-features.mkv-category-section .com-content-category-blog__children > div {
    padding: 1.15rem 1.15rem 1.25rem !important;
  }
}
/* ==========================================================================
   v13.2/v13.4 – BEWOHNER & GESCHICHTEN: UNTERKATEGORIEN ALS KARTENRASTER
   ========================================================================== */
/*
 * Scope: die Menüpunkte „Bewohner“ und „Geschichten“.
 * Voraussetzung in Joomla: Menüpunkt → Seitenanzeige → Seitenklasse
 *     Bewohner: mkv-page--residents
 *     Geschichten: mkv-page--stories
 *
 * Die Unterkategorien von Bewohner und Geschichten bleiben Joomla-Core-Ausgabe und werden
 * lediglich als gleichwertige Mkalvania-Übersichtskarten gestaltet.
 */
body.mkalvania-site.mkv-page--residents #g-features.mkv-category-section .cat-children, body.mkalvania-site.mkv-page--stories #g-features.mkv-category-section .cat-children, body.mkalvania-site.mkv-page--residents #g-features.mkv-category-section .com-content-category-blog__children, body.mkalvania-site.mkv-page--stories #g-features.mkv-category-section .com-content-category-blog__children {
  display: grid !important;
  grid-template-columns: repeat(3, minmax(0, 1fr));
  gap: 1.4rem;
  width: 100%;
  margin: 0 !important;
  padding: 0 !important;
}
body.mkalvania-site.mkv-page--residents #g-features.mkv-category-section .cat-children > div, body.mkalvania-site.mkv-page--stories #g-features.mkv-category-section .cat-children > div, body.mkalvania-site.mkv-page--residents #g-features.mkv-category-section .com-content-category-blog__children > div, body.mkalvania-site.mkv-page--stories #g-features.mkv-category-section .com-content-category-blog__children > div {
  position: relative;
  min-width: 0;
  margin: 0 !important;
  padding: 1.5rem 1.5rem 1.6rem !important;
  border: 1px solid rgba(191, 157, 84, 0.62);
  border-radius: var(--mkv-radius);
  background-color: var(--mkv-parchment);
  background-image: linear-gradient(rgba(230, 223, 198, 0.92), rgba(230, 223, 198, 0.92)), url('../../../../images/site/backgrounds/mkalvania-background-parchment-texture.avif');
  background-repeat: repeat;
  background-size: auto, 1024px 1024px;
  box-shadow: 0 12px 26px rgba(0, 0, 0, 0.22);
  transition: transform 160ms ease, border-color 160ms ease, box-shadow 160ms ease;
}
body.mkalvania-site.mkv-page--residents #g-features.mkv-category-section .cat-children > div:hover, body.mkalvania-site.mkv-page--stories #g-features.mkv-category-section .cat-children > div:hover, body.mkalvania-site.mkv-page--residents #g-features.mkv-category-section .com-content-category-blog__children > div:hover, body.mkalvania-site.mkv-page--stories #g-features.mkv-category-section .com-content-category-blog__children > div:hover {
  transform: translateY(-2px);
  border-color: var(--mkv-gold);
  box-shadow: 0 16px 32px rgba(0, 0, 0, 0.28);
}
/* Titel */
body.mkalvania-site.mkv-page--residents #g-features.mkv-category-section .cat-children h3, body.mkalvania-site.mkv-page--stories #g-features.mkv-category-section .cat-children h3, body.mkalvania-site.mkv-page--residents #g-features.mkv-category-section .cat-children h4, body.mkalvania-site.mkv-page--stories #g-features.mkv-category-section .cat-children h4, body.mkalvania-site.mkv-page--residents #g-features.mkv-category-section .com-content-category-blog__children h3, body.mkalvania-site.mkv-page--stories #g-features.mkv-category-section .com-content-category-blog__children h3, body.mkalvania-site.mkv-page--residents #g-features.mkv-category-section .com-content-category-blog__children h4, body.mkalvania-site.mkv-page--stories #g-features.mkv-category-section .com-content-category-blog__children h4 {
  margin: 0 0 0.75rem !important;
  padding: 0 !important;
  color: var(--mkv-red);
  font-family: var(--mkv-font-display);
  font-size: clamp(1.2rem, 1.4vw, 1.55rem);
  font-weight: 600;
  line-height: 1.2;
}
body.mkalvania-site.mkv-page--residents #g-features.mkv-category-section .cat-children h3 a, body.mkalvania-site.mkv-page--stories #g-features.mkv-category-section .cat-children h3 a, body.mkalvania-site.mkv-page--residents #g-features.mkv-category-section .cat-children h4 a, body.mkalvania-site.mkv-page--stories #g-features.mkv-category-section .cat-children h4 a, body.mkalvania-site.mkv-page--residents #g-features.mkv-category-section .com-content-category-blog__children h3 a, body.mkalvania-site.mkv-page--stories #g-features.mkv-category-section .com-content-category-blog__children h3 a, body.mkalvania-site.mkv-page--residents #g-features.mkv-category-section .com-content-category-blog__children h4 a, body.mkalvania-site.mkv-page--stories #g-features.mkv-category-section .com-content-category-blog__children h4 a {
  color: var(--mkv-red) !important;
  text-decoration: none !important;
}
body.mkalvania-site.mkv-page--residents #g-features.mkv-category-section .cat-children h3 a:hover, body.mkalvania-site.mkv-page--stories #g-features.mkv-category-section .cat-children h3 a:hover, body.mkalvania-site.mkv-page--residents #g-features.mkv-category-section .cat-children h3 a:focus, body.mkalvania-site.mkv-page--stories #g-features.mkv-category-section .cat-children h3 a:focus, body.mkalvania-site.mkv-page--residents #g-features.mkv-category-section .cat-children h4 a:hover, body.mkalvania-site.mkv-page--stories #g-features.mkv-category-section .cat-children h4 a:hover, body.mkalvania-site.mkv-page--residents #g-features.mkv-category-section .cat-children h4 a:focus, body.mkalvania-site.mkv-page--stories #g-features.mkv-category-section .cat-children h4 a:focus, body.mkalvania-site.mkv-page--residents #g-features.mkv-category-section .com-content-category-blog__children h3 a:hover, body.mkalvania-site.mkv-page--stories #g-features.mkv-category-section .com-content-category-blog__children h3 a:hover, body.mkalvania-site.mkv-page--residents #g-features.mkv-category-section .com-content-category-blog__children h3 a:focus, body.mkalvania-site.mkv-page--stories #g-features.mkv-category-section .com-content-category-blog__children h3 a:focus, body.mkalvania-site.mkv-page--residents #g-features.mkv-category-section .com-content-category-blog__children h4 a:hover, body.mkalvania-site.mkv-page--stories #g-features.mkv-category-section .com-content-category-blog__children h4 a:hover, body.mkalvania-site.mkv-page--residents #g-features.mkv-category-section .com-content-category-blog__children h4 a:focus, body.mkalvania-site.mkv-page--stories #g-features.mkv-category-section .com-content-category-blog__children h4 a:focus {
  color: var(--mkv-red-dark) !important;
}
/* Kategoriebeschreibung */
body.mkalvania-site.mkv-page--residents #g-features.mkv-category-section .cat-children .category-desc, body.mkalvania-site.mkv-page--stories #g-features.mkv-category-section .cat-children .category-desc, body.mkalvania-site.mkv-page--residents #g-features.mkv-category-section .cat-children .com-content-category-blog__description, body.mkalvania-site.mkv-page--stories #g-features.mkv-category-section .cat-children .com-content-category-blog__description, body.mkalvania-site.mkv-page--residents #g-features.mkv-category-section .com-content-category-blog__children .category-desc, body.mkalvania-site.mkv-page--stories #g-features.mkv-category-section .com-content-category-blog__children .category-desc, body.mkalvania-site.mkv-page--residents #g-features.mkv-category-section .com-content-category-blog__children .com-content-category-blog__description, body.mkalvania-site.mkv-page--stories #g-features.mkv-category-section .com-content-category-blog__children .com-content-category-blog__description {
  margin: 0 !important;
  color: var(--mkv-brown);
  font-family: var(--mkv-font-body);
  font-size: 1.02rem;
  line-height: 1.55;
}
body.mkalvania-site.mkv-page--residents #g-features.mkv-category-section .cat-children .category-desc p, body.mkalvania-site.mkv-page--stories #g-features.mkv-category-section .cat-children .category-desc p, body.mkalvania-site.mkv-page--residents #g-features.mkv-category-section .cat-children .com-content-category-blog__description p, body.mkalvania-site.mkv-page--stories #g-features.mkv-category-section .cat-children .com-content-category-blog__description p, body.mkalvania-site.mkv-page--residents #g-features.mkv-category-section .com-content-category-blog__children .category-desc p, body.mkalvania-site.mkv-page--stories #g-features.mkv-category-section .com-content-category-blog__children .category-desc p, body.mkalvania-site.mkv-page--residents #g-features.mkv-category-section .com-content-category-blog__children .com-content-category-blog__description p, body.mkalvania-site.mkv-page--stories #g-features.mkv-category-section .com-content-category-blog__children .com-content-category-blog__description p {
  margin: 0 !important;
  color: inherit;
}
/* Joomla-Zähler/Badges sind in dieser Übersicht nicht erforderlich. */
body.mkalvania-site.mkv-page--residents #g-features.mkv-category-section .cat-children .badge, body.mkalvania-site.mkv-page--stories #g-features.mkv-category-section .cat-children .badge, body.mkalvania-site.mkv-page--residents #g-features.mkv-category-section .com-content-category-blog__children .badge, body.mkalvania-site.mkv-page--stories #g-features.mkv-category-section .com-content-category-blog__children .badge {
  display: none !important;
}
/* Tablet: 2 Karten */
@media only all and (min-width: 768px) and (max-width: 1099px) {
  body.mkalvania-site.mkv-page--residents #g-features.mkv-category-section .cat-children, body.mkalvania-site.mkv-page--stories #g-features.mkv-category-section .cat-children, body.mkalvania-site.mkv-page--residents #g-features.mkv-category-section .com-content-category-blog__children, body.mkalvania-site.mkv-page--stories #g-features.mkv-category-section .com-content-category-blog__children {
    grid-template-columns: repeat(2, minmax(0, 1fr));
  }
}
/* Smartphone: 1 Karte */
@media only all and (max-width: 767px) {
  body.mkalvania-site.mkv-page--residents #g-features.mkv-category-section .cat-children, body.mkalvania-site.mkv-page--stories #g-features.mkv-category-section .cat-children, body.mkalvania-site.mkv-page--residents #g-features.mkv-category-section .com-content-category-blog__children, body.mkalvania-site.mkv-page--stories #g-features.mkv-category-section .com-content-category-blog__children {
    grid-template-columns: 1fr;
    gap: 1rem;
  }
  body.mkalvania-site.mkv-page--residents #g-features.mkv-category-section .cat-children > div, body.mkalvania-site.mkv-page--stories #g-features.mkv-category-section .cat-children > div, body.mkalvania-site.mkv-page--residents #g-features.mkv-category-section .com-content-category-blog__children > div, body.mkalvania-site.mkv-page--stories #g-features.mkv-category-section .com-content-category-blog__children > div {
    padding: 1.2rem 1.2rem 1.3rem !important;
  }
}
/* ==========================================================================
   ENDE
   ========================================================================== */
/* ==========================================================================
   v13.3/v13.4 – BEWOHNER & GESCHICHTEN: KATEGORIEBILDER ALS VOLLFLÄCHIGE KARTENKÖPFE
   ========================================================================== */
/*
 * Voraussetzung: angepasster Joomla-Override blog_children.php mit
 * .mkv-subcategory-card, __image, __img und __body.
 * Scope gilt für die Menüpunkte Bewohner und Geschichten.
 */
body.mkalvania-site.mkv-page--residents #g-features.mkv-category-section .mkv-subcategory-card, body.mkalvania-site.mkv-page--stories #g-features.mkv-category-section .mkv-subcategory-card {
  overflow: hidden;
  padding: 0 !important;
}
body.mkalvania-site.mkv-page--residents #g-features.mkv-category-section .mkv-subcategory-card__image, body.mkalvania-site.mkv-page--stories #g-features.mkv-category-section .mkv-subcategory-card__image {
  display: block;
  width: 100%;
  aspect-ratio: 1.6;
  overflow: hidden;
  border-bottom: 1px solid rgba(191, 157, 84, 0.62);
  background: var(--mkv-dark);
  text-decoration: none !important;
}
body.mkalvania-site.mkv-page--residents #g-features.mkv-category-section .mkv-subcategory-card__img, body.mkalvania-site.mkv-page--stories #g-features.mkv-category-section .mkv-subcategory-card__img {
  display: block;
  width: 100%;
  height: 100%;
  object-fit: cover;
  object-position: center;
  transition: transform 220ms ease, filter 220ms ease;
}
body.mkalvania-site.mkv-page--residents #g-features.mkv-category-section .mkv-subcategory-card:hover .mkv-subcategory-card__img, body.mkalvania-site.mkv-page--stories #g-features.mkv-category-section .mkv-subcategory-card:hover .mkv-subcategory-card__img, body.mkalvania-site.mkv-page--residents #g-features.mkv-category-section .mkv-subcategory-card:focus-within .mkv-subcategory-card__img, body.mkalvania-site.mkv-page--stories #g-features.mkv-category-section .mkv-subcategory-card:focus-within .mkv-subcategory-card__img {
  transform: scale(1.018);
  filter: brightness(1.03);
}
body.mkalvania-site.mkv-page--residents #g-features.mkv-category-section .mkv-subcategory-card__body, body.mkalvania-site.mkv-page--stories #g-features.mkv-category-section .mkv-subcategory-card__body {
  padding: 1.2rem 1.35rem 1.35rem;
}
body.mkalvania-site.mkv-page--residents #g-features.mkv-category-section .mkv-subcategory-card__body h3, body.mkalvania-site.mkv-page--stories #g-features.mkv-category-section .mkv-subcategory-card__body h3, body.mkalvania-site.mkv-page--residents #g-features.mkv-category-section .mkv-subcategory-card__body h4, body.mkalvania-site.mkv-page--stories #g-features.mkv-category-section .mkv-subcategory-card__body h4 {
  margin: 0 0 0.6rem !important;
  padding: 0 !important;
  text-align: center;
}
body.mkalvania-site.mkv-page--residents #g-features.mkv-category-section .mkv-subcategory-card__body h3 a, body.mkalvania-site.mkv-page--stories #g-features.mkv-category-section .mkv-subcategory-card__body h3 a, body.mkalvania-site.mkv-page--residents #g-features.mkv-category-section .mkv-subcategory-card__body h4 a, body.mkalvania-site.mkv-page--stories #g-features.mkv-category-section .mkv-subcategory-card__body h4 a {
  display: block;
  text-align: center;
}
body.mkalvania-site.mkv-page--residents #g-features.mkv-category-section .mkv-subcategory-card__body .category-desc, body.mkalvania-site.mkv-page--stories #g-features.mkv-category-section .mkv-subcategory-card__body .category-desc, body.mkalvania-site.mkv-page--residents #g-features.mkv-category-section .mkv-subcategory-card__body .com-content-category-blog__description, body.mkalvania-site.mkv-page--stories #g-features.mkv-category-section .mkv-subcategory-card__body .com-content-category-blog__description {
  margin: 0 !important;
  padding: 0 !important;
  color: var(--mkv-brown);
  font-family: var(--mkv-font-body);
  font-size: 1rem;
  line-height: 1.5;
}
body.mkalvania-site.mkv-page--residents #g-features.mkv-category-section .mkv-subcategory-card__body .category-desc p, body.mkalvania-site.mkv-page--stories #g-features.mkv-category-section .mkv-subcategory-card__body .category-desc p, body.mkalvania-site.mkv-page--residents #g-features.mkv-category-section .mkv-subcategory-card__body .com-content-category-blog__description p, body.mkalvania-site.mkv-page--stories #g-features.mkv-category-section .mkv-subcategory-card__body .com-content-category-blog__description p {
  margin: 0 !important;
}
/* Tastaturfokus auf Bild- und Titellink klar sichtbar halten. */
body.mkalvania-site.mkv-page--residents #g-features.mkv-category-section .mkv-subcategory-card__image:focus-visible, body.mkalvania-site.mkv-page--stories #g-features.mkv-category-section .mkv-subcategory-card__image:focus-visible, body.mkalvania-site.mkv-page--residents #g-features.mkv-category-section .mkv-subcategory-card__body h3 a:focus-visible, body.mkalvania-site.mkv-page--stories #g-features.mkv-category-section .mkv-subcategory-card__body h3 a:focus-visible, body.mkalvania-site.mkv-page--residents #g-features.mkv-category-section .mkv-subcategory-card__body h4 a:focus-visible, body.mkalvania-site.mkv-page--stories #g-features.mkv-category-section .mkv-subcategory-card__body h4 a:focus-visible {
  outline: 2px solid var(--mkv-gold-light);
  outline-offset: -2px;
}
@media only all and (max-width: 767px) {
  body.mkalvania-site.mkv-page--residents #g-features.mkv-category-section .mkv-subcategory-card, body.mkalvania-site.mkv-page--stories #g-features.mkv-category-section .mkv-subcategory-card {
    padding: 0 !important;
  }
  body.mkalvania-site.mkv-page--residents #g-features.mkv-category-section .mkv-subcategory-card__body, body.mkalvania-site.mkv-page--stories #g-features.mkv-category-section .mkv-subcategory-card__body {
    padding: 1.05rem 1.1rem 1.2rem;
  }
}
/* ==========================================================================
   ENDE v13.4
   ========================================================================== */
/*# sourceMappingURL=custom_14.css.map */