/* =====================================================================
   Mirco Schröder Hiking 2.0 – Content-Styles für Block-Inhalte
   Farben und Schriften kommen aus style.css. Wird dort etwas geändert,
   ändert es sich hier automatisch mit.
   ===================================================================== */

.msh{
  --gruen:  var(--ms-wald, #38503C);
  --gruen2: var(--ms-wald-2, #4A6650);
  --orange: var(--ms-heide, #8C6A8E);
  --hell:   var(--ms-nebel, #F2F3F0);
  --dunkel: var(--ms-dunkel, #1B1F19);
  --text:   var(--ms-moor, #22261F);
  --grau:   var(--ms-moor-60, #5C6358);
  --rand:   var(--ms-linie, #DCDED7);
  color:var(--text);font-size:17px;line-height:1.7;
  font-family:var(--ms-sans, -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif);}
.msh h1,.msh h2,.msh h3,.msh h4{font-family:var(--ms-serif, Georgia, serif);color:var(--text);line-height:1.2;font-weight:600;letter-spacing:-.01em;}
.msh h1{font-size:clamp(1.8em,4vw,2.6em);margin:.4em 0 .4em;}
.msh h2{font-size:1.6em;margin:1.6em 0 .5em;}
.msh h3{font-size:1.12em;margin:1.2em 0 .4em;}
.msh p{margin:0 0 1em;}
.msh a{color:var(--gruen);}
.msh figure{margin:0 0 1em;}
.msh .wp-element-caption,.msh figcaption{font-size:.8em;color:var(--grau);text-align:left;margin-top:6px;line-height:1.45;}

/* Kicker (kleine Überzeile) */
.msh p.msh-kicker{font-family:var(--ms-mono, ui-monospace, Menlo, monospace);font-size:.76em;font-weight:400;text-transform:uppercase;letter-spacing:.14em;
  color:var(--orange);margin:1.6em 0 .2em;}
.msh p.msh-breadcrumb{font-size:.85em;color:var(--grau);margin:14px 0 6px;}
.msh p.msh-breadcrumb a{color:var(--grau);text-decoration:none;}

/* Seiten-Hero (Bild-Block) */
.msh .msh-pagehero{margin:8px 0 4px;}
.msh .msh-pagehero img{width:100%;height:440px;object-fit:cover;border-radius:2px;}
.msh .msh-pagehero .wp-element-caption{text-align:right;}
@media(max-width:600px){.msh .msh-pagehero img{height:260px;}}

/* Tags / Merkmale als Listen-Chips */
.msh ul.msh-tags,.msh ul.msh-props{list-style:none;margin:10px 0 18px;padding:0;display:flex;flex-wrap:wrap;gap:9px;}
.msh ul.msh-tags li,.msh ul.msh-props li{background:var(--hell);border:1px solid var(--rand);border-radius:4px;
  padding:5px 14px;font-size:.85em;font-weight:700;color:var(--gruen);}
.msh ul.msh-props li{color:var(--text);font-weight:600;}
.msh ul.msh-props li::before{content:"✓ ";color:var(--gruen2);font-weight:800;}

/* GPX-Box (Gruppe mit Buttons) */
.msh .msh-gpxbox{background:#fff;border:2px solid var(--gruen2);border-radius:2px;padding:20px 24px;margin:24px 0;}
.msh .msh-gpxbox h3{margin:0 0 12px;}
.msh .msh-gpxbox .wp-block-buttons{gap:10px;}
.msh .msh-gpxbox .wp-block-button__link{background:var(--hell);border:1px solid var(--rand);color:var(--gruen);
  font-size:.86em;padding:9px 16px;border-radius:2px;}
.msh .msh-gpxbox .wp-block-button__link:hover{background:var(--gruen);color:#fff;}
.msh .msh-gpxbox p{font-size:.84em;color:var(--grau);margin:10px 0 0;}

/* Sprungnavigation */
.msh p.msh-jumpnav{background:var(--hell);border:1px solid var(--rand);border-radius:2px;
  padding:14px 20px;font-size:.9em;margin:22px 0;}
.msh p.msh-jumpnav a{display:inline-block;color:var(--text);text-decoration:none;font-weight:600;
  margin:2px 14px 2px 0;border-bottom:2px solid var(--gruen2);}
.msh p.msh-jumpnav a:hover{color:var(--gruen);}

/* Tourdaten-Tabelle */
.msh .msh-tourdaten{margin:16px 0 24px;}
.msh .msh-tourdaten table{border-collapse:collapse;width:100%;background:#f9faf6;border:1px solid var(--rand);
  border-radius:2px;overflow:hidden;}
.msh .msh-tourdaten td{border:none;border-bottom:1px solid var(--rand);padding:11px 16px;font-size:.95em;}
.msh .msh-tourdaten tr:last-child td{border-bottom:none;}
.msh .msh-tourdaten td:first-child{font-size:.72em;text-transform:uppercase;letter-spacing:.06em;
  color:var(--grau);font-weight:700;width:38%;}
.msh .msh-tourdaten td:last-child{font-weight:800;color:var(--gruen);}

/* Etappen-Tabelle */
.msh .msh-etappen{margin:18px 0;}
.msh .msh-etappen table{border-collapse:collapse;width:100%;font-size:.93em;}
.msh .msh-etappen th,.msh .msh-etappen thead td{text-align:left;font-size:.8em;text-transform:uppercase;
  letter-spacing:.07em;color:var(--grau);border:none;border-bottom:2px solid var(--gruen2);padding:10px 12px;}
.msh .msh-etappen td{border:none;border-bottom:1px solid var(--rand);padding:11px 12px;vertical-align:top;}
.msh .msh-etappen tbody tr:hover td{background:var(--hell);}
.msh .msh-etappen td:first-child{font-weight:800;color:var(--gruen);white-space:nowrap;}
.msh .msh-etappen a{font-weight:700;text-decoration:none;white-space:nowrap;}
.msh .msh-etappen a:hover{text-decoration:underline;}

/* Hinweis-/Variantenbox */
.msh .msh-hinweis{background:var(--hell);border-left:4px solid var(--orange);border-radius:0 8px 8px 0;
  padding:16px 22px;margin:24px 0;font-size:.95em;}
.msh .msh-hinweis p{margin:0 0 .5em;}
.msh .msh-hinweis p:last-child{margin:0;}

/* Galerie (Core-Gallery) */
.msh .wp-block-gallery{margin:16px 0;}
.msh .wp-block-gallery img{border-radius:2px;height:200px;width:100%;object-fit:cover;}
@media(max-width:600px){.msh .wp-block-gallery img{height:140px;}}

/* Karten-Raster (Spalten) */
.msh .msh-cards{gap:24px;margin:18px 0;}
.msh .msh-cards .wp-block-column{background:#fff;border:1px solid var(--rand);border-radius:2px;
  overflow:hidden;transition:.2s;}
.msh .msh-cards .wp-block-column:hover{box-shadow:0 10px 26px rgba(43,58,23,.14);}
.msh .msh-cards figure{margin:0;}
.msh .msh-cards img{width:100%;height:200px;object-fit:cover;border-radius:0;display:block;}
.msh .msh-cards h3{margin:14px 18px 6px;font-size:1.08em;}
.msh .msh-cards h3 a{text-decoration:none;}
.msh .msh-cards h3 a:hover{text-decoration:underline;}
.msh .msh-cards p{margin:0 18px 14px;font-size:.92em;color:var(--grau);}
.msh .msh-cards p.msh-meta{color:var(--gruen);font-weight:700;font-size:.82em;}

/* Regionen-Raster: wie Karten, größere Bilder */
.msh .msh-regionen{gap:24px;margin:18px 0;}
.msh .msh-regionen .wp-block-column{background:#fff;border:1px solid var(--rand);border-radius:2px;overflow:hidden;}
.msh .msh-regionen figure{margin:0;}
.msh .msh-regionen img{width:100%;height:280px;object-fit:cover;display:block;}
.msh .msh-regionen h3{margin:16px 20px 6px;font-size:1.3em;}
.msh .msh-regionen p{margin:0 20px 18px;font-size:.94em;color:var(--grau);}

/* Statistik-Leiste */
.msh .msh-stats{background:#fff;border:1px solid var(--rand);border-radius:2px;padding:22px 18px;
  margin:20px 0;box-shadow:0 6px 20px rgba(43,58,23,.07);gap:10px;}
.msh .msh-stats .wp-block-column{text-align:center;}
.msh .msh-stats h3{margin:0;font-size:1.5em;color:var(--gruen);}
.msh .msh-stats p{margin:2px 0 0;font-size:.8em;color:var(--grau);text-transform:uppercase;letter-spacing:.05em;}

/* Dunkler Feature-Kasten (Fernwanderweg-Teaser) */
.msh .msh-split{background:var(--dunkel);border-radius:2px;color:#eef0e6;padding:10px 26px;margin:26px 0;}
.msh .msh-split h2,.msh .msh-split h3{color:#fff;}
.msh .msh-split p{opacity:.9;}
.msh .msh-split p.msh-kicker{color:#ffb84d;opacity:1;}
.msh .msh-split img{border-radius:2px;height:100%;min-height:300px;object-fit:cover;}
.msh .msh-split figure{margin:16px 0;}
.msh .msh-split a:not(.wp-block-button__link){color:#ffb84d;}

/* Orange Saison-Banner */
.msh .msh-banner{background:linear-gradient(115deg,#d98200,var(--orange) 60%,#ffb347);border-radius:2px;
  color:#fff;padding:32px 36px;margin:26px 0;}
.msh .msh-banner h2,.msh .msh-banner h3{color:#fff;margin-top:0;}
.msh .msh-banner p{opacity:.96;}
.msh .msh-banner .wp-block-button__link{background:#fff;color:var(--orange);}

/* Grüner CTA-Kasten */
.msh .msh-cta{background:var(--gruen);border-radius:2px;color:#fff;padding:36px 36px;margin:30px 0;text-align:center;}
.msh .msh-cta h2,.msh .msh-cta h3{color:#fff;margin-top:0;}
.msh .msh-cta p{opacity:.92;max-width:38em;margin-left:auto;margin-right:auto;}
.msh .msh-cta .wp-block-buttons{justify-content:center;}
.msh .msh-cta .wp-block-button__link{background:#fff;color:var(--gruen);}
.msh .msh-cta a:not(.wp-block-button__link){color:#fff;}

/* Service-Boxen */
.msh .msh-service{gap:22px;margin:18px 0;}
.msh .msh-service .wp-block-column{background:var(--hell);border:1px solid var(--rand);border-radius:2px;
  padding:22px 26px;}
.msh .msh-service h3{margin-top:0;}
.msh .msh-service p{font-size:.92em;color:var(--grau);}

/* Adress-/Kontaktboxen */
.msh .msh-adressen{gap:22px;margin:18px 0;}
.msh .msh-adressen .wp-block-column{background:var(--hell);border:1px solid var(--rand);border-radius:2px;
  padding:22px 26px;font-size:.94em;}
.msh .msh-adressen h3{margin-top:0;}

/* Buttons im Content allgemein */
.msh .wp-block-button__link{border-radius:2px;font-weight:700;}

/* Kontaktformular (Contact Form 7) */
.msh .wpcf7 input[type=text],.msh .wpcf7 input[type=email],.msh .wpcf7 input[type=tel],.msh .wpcf7 textarea{
  width:100%;padding:12px 15px;border:1.5px solid var(--rand);border-radius:2px;font-size:1em;background:#fff;
  font-family:inherit;}
.msh .wpcf7 input:focus,.msh .wpcf7 textarea:focus{outline:none;border-color:var(--gruen2);}
.msh .wpcf7 input[type=submit]{background:var(--gruen);color:#fff;border:none;border-radius:2px;
  padding:13px 30px;font-weight:700;cursor:pointer;}
.msh .wpcf7 input[type=submit]:hover{background:var(--gruen2);}

/* Responsive Feinheiten */
@media(max-width:781px){
  .msh .msh-cards img,.msh .msh-regionen img{height:200px;}
}