/* Stadtsuche auf Gewerk-Hubseiten */
.fb-stadtsuche { margin: 0 0 1.5rem; max-width: 32rem; }
.fb-stadtsuche label { display: block; font-weight: 600; margin-bottom: .4rem; color: #17211c; }
.fb-stadtsuche input {
  width: 100%; box-sizing: border-box; font: inherit; font-size: 16px;
  padding: .8rem 1rem .8rem 2.6rem; border: 1.5px solid #c4dcd0; border-radius: 999px; background: #fff
    url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='18' height='18' viewBox='0 0 24 24' fill='none' stroke='%2314663f' stroke-width='2.4' stroke-linecap='round'%3E%3Ccircle cx='11' cy='11' r='7'/%3E%3Cpath d='m20 20-3.5-3.5'/%3E%3C/svg%3E")
    no-repeat 1rem center;
  color: #17211c; outline: none;
}
.fb-stadtsuche input:focus { border-color: #14663f; box-shadow: 0 0 0 3px rgba(20, 102, 63, .15); }
.fb-stadtsuche-leer { margin: .75rem 0 0; color: #5a6b62; }
.fb-stadtsuche-leer a { color: #14663f; font-weight: 600; }

/* "Zur Seite" klar als Link erkennbar */
.stadt-pfeil { text-decoration: underline; text-underline-offset: 3px; }
.stadt-pfeil::after { content: " \2192"; display: inline-block; text-decoration: none; margin-left: .15em; transition: transform .15s; }
.stadt-karte:hover .stadt-pfeil::after, .stadt-karte:focus .stadt-pfeil::after { transform: translateX(3px); }
