@charset "UTF-8";
.dkp-milliarden-button {
  background: var(--dkp-button-bg, rgba(0, 0, 0, 0.06));
  color: var(--dkp-button-text, var(--dkp-text, #222));
  border: 1px solid var(--dkp-button-border, rgba(0, 0, 0, 0.12));
  border-radius: 6px;
  padding: 6px 14px;
  font-size: 0.95rem;
  font-weight: 600;
  cursor: pointer;
  text-decoration: none;
}
.dkp-milliarden-button:hover {
  background: var(--dkp-button-bg-hover, rgba(0, 0, 0, 0.1));
}
.dkp-milliarden-submit {
  background: var(--dkp-accent, #c10000);
  color: var(--dkp-surface, #fff);
  border-color: transparent;
  padding: 8px 16px;
  box-shadow: 0 6px 16px rgba(193, 0, 0, 0.25);
}
.dkp-milliarden-submit:hover {
  background: var(--dkp-accent-hover, #a60000);
}
.dkp-milliarden-submit:focus-visible {
  outline: 3px solid rgba(193, 0, 0, 0.25);
  outline-offset: 2px;
}
.leaflet-control-attribution {
  font-size: 11px;
  opacity: 0.75;
  padding: 0 4px;
  background: rgba(255, 255, 255, 0.8);
  /*
   * Diese Änderung belassen, sie ist nach einem Autor von Leaflet ausdrücklich erlaubt.
   * @link https://github.com/Leaflet/Leaflet/issues/9298#issuecomment-2010880325
   */
}
.leaflet-control-attribution .leaflet-attribution-flag {
  display: none !important;
}
.leaflet-control-attribution .dkp-map-support {
  white-space: nowrap;
}
.leaflet-control-attribution a {
  color: inherit;
  text-decoration: none;
}
.leaflet-control-attribution a:hover {
  text-decoration: underline;
}
.wbdm_action .et_post_meta_wrapper img {
  width: 100%;
  height: 100%;
  aspect-ratio: 4/3;
  object-fit: cover;
  display: block;
  border-radius: 10px;
  overflow: hidden;
  background: #f2f2f2;
}
.dkp-action-detail-main {
  --dkp-accent: var(--wp--preset--color--primary, #c10000);
  --dkp-surface: var(--wp--preset--color--base, #fff);
  --dkp-text: var(--wp--preset--color--contrast, #222);
  --dkp-muted: color-mix(in srgb, var(--dkp-text, #222) 55%, transparent);
  max-width: 960px;
  margin: 0 auto;
}
.dkp-action-detail {
  display: grid;
  gap: 16px;
}
.dkp-action-detail__header {
  display: grid;
  gap: 8px;
}
.dkp-action-detail__title {
  margin: 0;
  font-size: clamp(1.6rem, 3vw, 2.2rem);
  font-weight: 700;
  letter-spacing: -0.01em;
}
.dkp-action-detail__meta {
  list-style: none !important;
  display: flex;
  flex-wrap: wrap;
  gap: 8px;
  padding: 0;
  margin: 0;
}
.dkp-action-detail__meta li {
  padding: 4px 10px;
  border-radius: 999px;
  background: color-mix(in srgb, var(--dkp-text, #222) 6%, #fff);
  color: var(--dkp-muted, #666);
  font-size: 0.9rem;
}
.dkp-action-detail__image {
  border-radius: 12px;
  overflow: hidden;
  background: #f2f2f2;
  aspect-ratio: 4/3;
}
.dkp-action-detail__image img {
  width: 100%;
  height: 100%;
  object-fit: cover;
  display: block;
}
.dkp-action-detail__abstract {
  background: color-mix(in srgb, var(--dkp-text, #222) 6%, #fff);
  border: 1px solid color-mix(in srgb, var(--dkp-text, #222) 14%, #fff);
  border-radius: 10px;
  padding: 12px 14px;
  font-weight: 600;
  color: var(--dkp-text, #222);
}
.dkp-action-detail__abstract p {
  margin: 0;
}
.dkp-action-detail__map .dkp-milliarden-map-wrap {
  display: block;
}
.dkp-action-detail__map .dkp-milliarden-map {
  height: clamp(180px, 26vh, 260px);
  max-height: 280px;
  border-radius: 12px;
  box-shadow: none;
}
.dkp-action-detail__map .leaflet-control-container {
  display: block;
}
.dkp-action-detail__map .leaflet-control-zoom, .dkp-action-detail__map .dkp-milliarden-map-toggle {
  display: none;
}
.dkp-action-detail__content {
  color: var(--dkp-text, #222);
  line-height: 1.6;
}
.dkp-action-detail__content p {
  margin: 0 0 12px;
}
.dkp-action-detail__organizer {
  display: flex;
  align-items: flex-start;
  gap: 10px;
}
.dkp-action-detail__organizer-name {
  font-weight: 600;
}
.dkp-action-detail__organizer-logo {
  width: 100px;
  max-height: 140px;
  object-fit: contain;
}
.dkp-action-detail__organizer a {
  color: inherit;
  text-decoration: none;
}
.dkp-action-detail__organizer a:hover {
  text-decoration: underline;
}
.dkp-action-detail__gallery {
  display: grid;
  grid-template-columns: repeat(auto-fit, minmax(160px, 1fr));
  gap: 10px;
}
.dkp-action-detail__gallery-item {
  border-radius: 10px;
  overflow: hidden;
  background: #f2f2f2;
}
.dkp-action-detail__gallery-item img {
  width: 100%;
  height: 100%;
  aspect-ratio: 4/3;
  object-fit: cover;
  display: block;
}