/* —— Trempeck Mockup Styles (final) —— */
:root{
  --tp-primary:#2E7D79;   /* Wasserblau */
  --tp-accent:#1B5E20;    /* Ammerland-Grün */
  --tp-muted:#F3F4F6;
  --tp-dark:#111827;
}

/* Grundtypografie */
h1,h2,h3{ line-height:1.25; margin:0 0 .6em }
h2{ color:var(--tp-accent) }
.wp-site-blocks{ scroll-behavior:smooth; }
.wp-block-group.section{ padding:2.5rem 0 }

/* Hero / Cover */
.wp-block-cover{ min-height:60vh }
.wp-block-cover .wp-block-heading,
.wp-block-cover p,
.wp-block-cover .wp-block-buttons{ text-shadow:0 2px 16px rgba(0,0,0,.25) }

/* Buttons */
.wp-block-button__link{
  border-radius:8px;
  padding:.75rem 1.1rem;
  font-weight:600;
}
.has-primary-background-color{ background-color:var(--tp-primary)!important }
.wp-block-button.is-style-outline .wp-block-button__link{
  border:2px solid var(--tp-primary);
  color:var(--tp-primary);
}

/* Karten (Query Loop) */
.is-style-card{
  border:1px solid rgba(0,0,0,.06);
  border-radius:14px;
  box-shadow:0 8px 24px rgba(17,24,39,.06);
  background:#fff;
  padding:1rem;
}
.is-style-card img{ border-radius:12px }
.wp-block-query.is-layout-grid{ gap:1.5rem }

/* Breiten */
.alignwide{ max-width:1100px; margin-left:auto; margin-right:auto }
.alignfull{ width:100% }

/* Zitat */
.tp-quote{ background:var(--tp-muted); padding:1.5rem 0 }
.tp-quote blockquote{ text-align:center; font-style:italic }

/* Footer */
.footer-muted{ opacity:.8 }

/* Mobile Navigation Overlay */
.wp-block-navigation__responsive-container.is-menu-open{
  backdrop-filter:saturate(180%) blur(6px);
}
/* Header padding + max width */
.header-inner { max-width: var(--wp--style--layout--wide-size); margin: 0 auto; }
.header-inner .wp-block-navigation{ gap:16px }

/* Footer: center the credits and keep links inline */
.footer-links p{ margin:0 .5rem }
.footer-links a{ text-decoration:none }
.footer-muted{ text-align:center }