@charset "UTF-8";
html,
body {
  height: 100%; }

body {
  min-height: 100vh;
  display: flex;
  flex-direction: column;
  background: #f5f5f5; }

.info-bar {
  font-size: 0.85rem; }

.seitennavigation {
  margin-top: 20px;
  margin-left: 6px;
  margin-right: 6px; }

.event-header {
  margin-bottom: 20px; }

.event-header .box {
  min-height: 250px; }

/* Gemeinsame Box-Optik */
.box {
  background: #fff;
  border: 1px solid #ddd;
  border-radius: 6px;
  padding: 15px;
  height: 100%; }

/* Content unten */
.event-content .content-box {
  background: #fff;
  border: 1px solid #ddd;
  border-radius: 6px;
  padding: 25px; }

/* Bild immer gleich groß. */
.event-image {
  height: 100%; }

.image-box {
  height: 100%;
  display: flex;
  align-items: center;
  justify-content: center;
  overflow: hidden; }

.event-map-box {
  width: 100%;
  height: 100%;
  min-height: 250px;
  border-radius: 6px;
  overflow: hidden; }

.leaflet-attribution-flag {
  display: none !important; }

.event-card {
  transition: transform 0.2s ease, box-shadow 0.2s ease; }

.event-card:hover {
  transform: translateY(-4px);
  box-shadow: 0 8px 20px rgba(0, 0, 0, 0.15); }

.event-img {
  width: 90px;
  height: 90px;
  object-fit: cover; }

.placeholder {
  width: 90px;
  height: 90px;
  background: #f8f9fa;
  border: 1px solid #e9ecef; }

.content {
  padding: 20px; }

.content-inner {
  background: #fff;
  padding: 20px;
  border-radius: 4px;
  border: 1px solid #ddd;
  box-shadow: 0 1px 3px rgba(0, 0, 0, 0.08); }

.richtext-content img {
  max-width: 100%;
  height: auto; }

.avatar-group {
  display: flex; }

.avatar-wrapper-still {
  margin-left: -10px;
  transition: transform 0.2s ease;
  z-index: 1; }

.avatar-wrapper {
  margin-left: -10px;
  transition: transform 0.2s ease;
  z-index: 1; }

.avatar-wrapper-still:first-child {
  margin-left: 0; }

.avatar-wrapper:hover {
  transform: translateY(-3px);
  z-index: 10; }

.avatar-sm {
  width: 42px;
  height: 42px;
  object-fit: cover; }

.geo-field .olMap {
  width: 100%;
  height: 320px; }

.geo-field textarea {
  max-width: 380px;
  height: 40px;
  font-family: monospace; }

.footer {
  border-top: 1px solid #ddd;
  margin-top: 20px; }

img.captcha {
  margin-bottom: 0.5rem;
  border: 1px solid #ccc; }

input.captchaanswerinput {
  width: 200px; }