/* Morgenwelt Rocks – Layout- & Button-Anpassungen (Overrides) */

/* Hinweis: Logo und Navigation werden vollständig vom Theme-CSS
   (template-style.css) gesteuert – dort ist das Logo bereits mittig
   zwischen den Navigationsblöcken positioniert. */

/* ------------------------------------------------------------------
   Buttons – einheitliche Darstellung + Hover-Effekt
------------------------------------------------------------------- */
.button,
a.button,
.send-button {
  display: inline-block;
  background-color: #ec002a;
  color: #fff !important;
  border: 1px solid #ec002a;
  border-radius: 4px;
  font-weight: 600;
  letter-spacing: 0.02em;
  text-align: center;
  vertical-align: middle;
  cursor: pointer;
  padding: 0.65rem 1.4rem;
  transition: background-color 0.2s ease, border-color 0.2s ease,
              box-shadow 0.2s ease, transform 0.2s ease;
}
.button:hover,
a.button:hover,
.send-button:hover {
  background-color: #c30024;
  border-color: #c30024;
  box-shadow: 0 6px 16px rgba(236, 0, 42, 0.35);
  transform: translateY(-1px);
}
.button:active,
a.button:active,
.send-button:active {
  transform: translateY(0);
  box-shadow: none;
}

/* Links mit Button-Charakter ("weiter ...") */
a.text-more-info {
  display: inline-block;
  transition: color 0.2s ease, letter-spacing 0.2s ease;
}
a.text-more-info:hover {
  letter-spacing: 0.03em;
  text-decoration: underline;
}

/* SVG-Buttons (anfrage.svg etc.) */
a[href] img.img-anfrage,
a img.full-img.right {
  transition: transform 0.25s ease, opacity 0.25s ease, filter 0.25s ease;
}
a[href]:hover img.img-anfrage,
a[href]:hover img.full-img.right {
  transform: scale(1.04);
  opacity: 0.92;
  filter: brightness(1.05);
}