/* ============================================================
   KONTAKT (sec-dark mit Foto-Hintergrund)
============================================================ */
#kontakt {
	position: relative;

  background-image: url('../img/leistungen-bg.jpg');
	/*display:none;*/
}

#kontakt::after {
  content: '';
  position: absolute;
  bottom: 0; left: 0; right: 0;
  height: 4px;
  background: linear-gradient(90deg, var(--red), var(--yellow));
  z-index: 3;
}

.kontakt-card {
  padding: 1.75rem;
  height: 100%;
}

.kontakt-card .k-icon {
  font-size: 1.7rem;
  color: var(--yellow);
  margin-bottom: 0.9rem;
}

.kontakt-card h4 {
  font-size: 0.78rem;
  letter-spacing: 0.12em;
  text-transform: uppercase;
  color: rgba(255,255,255,0.5);
  margin-bottom: 0.5rem;
}

.kontakt-card p,
.kontakt-card a {
  font-size: 0.97rem;
  color: #fff;
  margin: 0;
  text-decoration: none;
}
.kontakt-card a:hover { color: var(--yellow); }

/* Anschrift-Kachel: ganze Kachel klickbar zu Google Maps */
.kontakt-card.kontakt-map {
  cursor: pointer;
  transition: background 0.2s;
  border-radius: 2px;
}
.kontakt-card.kontakt-map:hover {
  background: rgba(255,255,255,0.06);
}

/* ============================================================
   SPAMBOTSCHUTZ-REVEAL
   Inhalt erscheint per Hover/Touch direkt anstelle des Platzhalter-
   textes, gleiche Schrift wie der finale Wert (kein Button-Look,
   nur Textaustausch).
============================================================ */
.reveal-trigger {
  display: inline-block;
  font-size: 0.97rem;
  color: rgba(255,255,255,0.5);
  cursor: pointer;
  border: none;
  background: none;
  padding: 0;
  font-family: 'Open Sans', sans-serif;
}

.reveal-trigger:hover,
.reveal-trigger:focus {
  color: rgba(255,255,255,0.5);
  outline: none;
}

.contact-value {
  display: none;
  font-size: 0.97rem;
}
.contact-value.visible {
  display: inline-block;
}
.contact-value a { color: #fff; }
.contact-value a:hover { color: var(--yellow); }