.berater { max-width: 1080px; }
.berater-label { color: var(--grau); font-weight: 600; }
.berater > h1 { margin: .5rem 0 1rem; }
.berater > .einleitung { max-width: 720px; margin-bottom: 1.5rem; }
.berater section > h2 { margin-bottom: .75rem; }
.berater-filter { margin: 1rem 0; }
.berater-probe { padding: 1rem 1.25rem; background: #f1ede2; border-left: 4px solid #876b36; }
.berater-einstieg { margin: 2rem 0; }
.berater section { margin: 2rem 0; }
.berater-filter { display: grid; grid-template-columns: 1fr 1fr; gap: 1.5rem; }
.berater-modelle { list-style: none; padding: 0; display: grid; grid-template-columns: repeat(3, minmax(0, 1fr)); gap: 1.5rem; }
.berater-karte { padding: 1.25rem; border: 1px solid #d7dce0; border-radius: .5rem; background: #fff; }
.berater-karte img { display: block; width: 100%; height: 220px; object-fit: contain; margin-bottom: 1rem; }
.berater-karte .knopf { width: 100%; margin-top: 1rem; }
.berater-antwort { padding: 1.5rem; background: #f4f6f7; margin: 1.5rem 0; }
.berater-zusammenfassung { margin-top: 1.5rem; }
.berater .feld select, .berater .feld textarea { width: 100%; max-width: 100%; }
.berater textarea { resize: vertical; }
.berater .aktion { flex-wrap: wrap; }
.berater .knopf { white-space: normal; }
.berater-chat { padding: 1.5rem; border: 1px solid #d7dce0; border-radius: .5rem; margin-top: 2rem; }
.berater-chat h2 { margin-bottom: .75rem; }
.berater-chat-verlauf { overflow-wrap: anywhere; }
#berater-chat-verlauf p { padding: 1rem; background: #f4f6f7; white-space: pre-wrap; overflow-wrap: anywhere; }
@media (max-width: 650px) {
  .berater-filter, .berater-modelle { grid-template-columns: 1fr; }
  .berater-einstieg .knopf { width: 100%; }
  .berater-karte img { height: 200px; }
}