@charset "UTF-8";
/* ============================================================
   actionplace – "Neuen actionplace anlegen" (Kleinanzeigen-Prinzip)
   1 Fotos  2 Angebot / Gesucht  3 Titel  4 Kategorie  5 Beschreibung
   Nur Markenfarben: Teal #3BB8C6, Navy #0D3183, Navy-Deep #081F54
   Einbindung in inc.metahead.php NACH css.actionplace_notices.css
   ============================================================ */

:root {
  --ap-teal: #3BB8C6;
  --ap-teal-soft: #EAF7F9;
  --ap-navy: #0D3183;
  --ap-navy-deep: #081F54;
  --ap-line: #E1E6EF;
  --ap-muted: #66728C;
  --ap-field-bg: #F7F8FB;
}


/* ---------- Allgemeine Feld-Bausteine ---------- */

.ap_field {
  margin: 0 0 22px 0;
}

.ap_field .input_text_search,
.ap_field textarea.input_text_search {
  width: 100% !important;
  box-sizing: border-box;
  margin: 0 !important;
}

.ap_field_label {
  display: block;
  margin: 0 0 10px 0;
  font-family: 'Inter', system-ui, sans-serif;
  font-weight: 600;
  font-size: 15px;
  color: var(--ap-navy-deep);
}

.ap_field_help {
  display: block;
  margin: 7px 2px 0;
  font-family: 'Inter', system-ui, sans-serif;
  font-size: 13px;
  line-height: 1.45;
  color: var(--ap-muted);
}


/* ---------- 1) FOTOS ---------- */

.ap_photo_area {
  display: flex;
  flex-direction: column;
  gap: 14px;
  margin-bottom: 8px;
}
.ap_photo_area > .ok_message { order: -2; }
.ap_photo_area > div:has(> .ap_upload_zone),
.ap_photo_area .ap_upload_zone { order: -1; }
.ap_photo_area > #channel_files { order: 1; }
.ap_photo_area > p.activity_sender_info_text { order: 2; }

/* show_upload_form() gibt die Zone in einem eigenen <div> aus */
.ap_upload_zone {
  position: relative;
}

#activity_content_images .ap_upload_tile,
#location_content_images .ap_upload_tile,
.ap_upload_tile {
  display: flex !important;
  align-items: center;
  justify-content: center;
  gap: 18px;
  box-sizing: border-box;
  width: 100% !important;
  min-height: 116px;
  margin: 0 !important;
  padding: 22px 20px !important;
  background: #fff !important;
  border: 1.5px dashed rgba(13, 49, 131, 0.35) !important;
  border-radius: 16px !important;
  color: var(--ap-navy-deep) !important;
  text-transform: none !important;
  letter-spacing: 0 !important;
  cursor: pointer;
  transition: background-color .15s ease, border-color .15s ease;
}
.ap_upload_tile:hover,
.ap_upload_tile:focus-visible {
  background: var(--ap-teal-soft) !important;
  border-color: var(--ap-teal) !important;
}

.ap_upload_icon {
  flex: 0 0 52px;
  width: 52px;
  height: 44px;
  background: no-repeat center / contain
    url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 52 44'%3E%3Cpath d='M17 7l3-4h12l3 4h7a5 5 0 0 1 5 5v19a5 5 0 0 1-5 5H10a5 5 0 0 1-5-5V12a5 5 0 0 1 5-5z' fill='none' stroke='%230D3183' stroke-width='2.6' stroke-linejoin='round'/%3E%3Ccircle cx='26' cy='21' r='7.5' fill='none' stroke='%230D3183' stroke-width='2.6'/%3E%3Ccircle cx='42' cy='34' r='9' fill='%233BB8C6'/%3E%3Cpath d='M42 29.5v9M37.5 34h9' stroke='%23fff' stroke-width='2.4' stroke-linecap='round'/%3E%3C/svg%3E");
}

.ap_upload_text {
  display: flex;
  flex-direction: column;
  gap: 4px;
  text-align: left;
}
.ap_upload_text strong {
  font-family: 'Quicksand', 'Inter', sans-serif;
  font-weight: 700;
  font-size: 20px;
  color: var(--ap-navy-deep);
}
.ap_upload_text small {
  font-family: 'Inter', system-ui, sans-serif;
  font-size: 13px;
  color: var(--ap-muted);
}

.ap_upload_busy {
  display: none;
  font-family: 'Inter', system-ui, sans-serif;
  font-weight: 500;
  font-size: 15px;
  color: var(--ap-navy);
}
.ap_upload_zone.is-uploading .ap_upload_icon,
.ap_upload_zone.is-uploading .ap_upload_text { display: none; }
.ap_upload_zone.is-uploading .ap_upload_busy { display: block; animation: ap_pulse 1.1s ease-in-out infinite; }
.ap_upload_zone.is-uploading .ap_upload_tile { pointer-events: none; border-style: solid !important; border-color: var(--ap-teal) !important; }

@keyframes ap_pulse { 0%, 100% { opacity: 1; } 50% { opacity: .45; } }

.ap_upload_zone .file_message_box {
  font-family: 'Inter', system-ui, sans-serif;
  font-size: 13px;
  color: var(--ap-muted);
}
.ap_upload_zone .file_message_box:empty { display: none; }


/* Mediathek-Bilder */

#channel_files.div_flex_channel_files_galerie {
  display: grid !important;
  grid-template-columns: repeat(auto-fill, minmax(112px, 1fr));
  gap: 10px;
  margin: 0;
  padding: 0;
}
#channel_files.div_flex_channel_files_galerie:not(:empty)::before {
  content: 'Oder aus Ihrer Mediathek w\00e4hlen';
  grid-column: 1 / -1;
  margin: 4px 0 2px;
  font-family: 'Inter', system-ui, sans-serif;
  font-weight: 600;
  font-size: 14px;
  color: var(--ap-navy-deep);
}

#channel_files .galerie_bild_container {
  position: relative !important;
  width: auto !important;
  height: auto !important;
  aspect-ratio: 1 / 1;
  margin: 0 !important;
  padding: 0 !important;
  background-size: cover !important;
  background-position: center !important;
  background-color: var(--ap-field-bg);
  border: 2px solid transparent !important;
  border-radius: 14px !important;
  box-shadow: 0 1px 3px rgba(8, 31, 84, .12) !important;
  overflow: hidden;
  transition: border-color .15s ease, box-shadow .15s ease;
}
#channel_files .galerie_bild_container:has(input[type='checkbox']:checked) {
  border-color: var(--ap-teal) !important;
  box-shadow: 0 0 0 3px rgba(59, 184, 198, .25) !important;
}

/* ganze Kachel ist klickbar (Label über die volle Fläche) */
#channel_files .galerie_bild_container_menue_flex,
#channel_files .galerie_bild_container_menue_flex > div {
  position: static !important;
  display: block !important;
  width: auto !important;
  padding: 0 !important;
  margin: 0 !important;
}
#channel_files .galerie_bild_container input[type='checkbox'] {
  position: absolute !important;
  opacity: 0 !important;
  width: 1px !important;
  height: 1px !important;
  pointer-events: none;
}
#channel_files .galerie_bild_container label {
  position: absolute !important;
  inset: 0;
  z-index: 1;
  margin: 0 !important;
  padding: 0 !important;
  cursor: pointer;
  background: none !important;
}
#channel_files .galerie_bild_container label span {
  position: absolute !important;
  top: 8px;
  left: 8px;
  width: 24px !important;
  height: 24px !important;
  margin: 0 !important;
  border-radius: 50% !important;
  border: 2px solid #fff !important;
  background: rgba(8, 31, 84, .35) !important;
  box-shadow: 0 1px 3px rgba(0, 0, 0, .25);
  box-sizing: border-box;
}
#channel_files .galerie_bild_container input[type='checkbox']:checked + label span {
  background: var(--ap-teal)
    url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath d='M6 12.5l4 4 8-9' fill='none' stroke='%23fff' stroke-width='2.8' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E")
    no-repeat center / 16px !important;
}

/* Löschen: kleines Papierkorb-Symbol statt Farbverlauf-Balken */
#channel_files .galerie_bild_container .button_delete {
  position: absolute !important;
  top: 7px;
  right: 7px;
  z-index: 2;
  width: 28px !important;
  height: 28px !important;
  min-width: 0 !important;
  margin: 0 !important;
  padding: 0 !important;
  border: 0 !important;
  border-radius: 50% !important;
  background: rgba(255, 255, 255, .94)
    url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%230D3183' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M4 7h16M9 7V4.8A.8.8 0 0 1 9.8 4h4.4a.8.8 0 0 1 .8.8V7M6.5 7l.9 12.2A1.5 1.5 0 0 0 8.9 20.6h6.2a1.5 1.5 0 0 0 1.5-1.4L17.5 7'/%3E%3C/svg%3E")
    no-repeat center / 16px !important;
  box-shadow: 0 1px 3px rgba(0, 0, 0, .2) !important;
  color: transparent !important;
  font-size: 0 !important;
  cursor: pointer;
}
#channel_files .galerie_bild_container .button_delete:hover {
  background-color: #fff !important;
}

/* Audio-Kacheln lesbar halten */
#channel_files .galerie_bild_container p {
  position: absolute;
  inset: auto 0 0 0;
  z-index: 2;
  margin: 0;
  padding: 6px;
  font-size: 11px !important;
  color: var(--ap-navy-deep);
}


/* ---------- 2) ANGEBOT / GESUCHT ---------- */

.ap_offer_switch {
  display: flex;
  gap: 10px;
  margin: 0 0 20px 0;
}
.ap_offer_option {
  position: relative;
  cursor: pointer;
}
.ap_offer_option input {
  position: absolute;
  opacity: 0;
  pointer-events: none;
}
.ap_offer_option span {
  display: inline-flex;
  align-items: center;
  gap: 10px;
  padding: 11px 18px 11px 14px;
  border: 1.5px solid var(--ap-line);
  border-radius: 999px;
  background: #fff;
  font-family: 'Inter', system-ui, sans-serif;
  font-weight: 500;
  font-size: 15px;
  color: var(--ap-navy-deep);
  transition: border-color .15s ease, background-color .15s ease;
}
.ap_offer_option span::before {
  content: '';
  width: 18px;
  height: 18px;
  border-radius: 50%;
  border: 2px solid #B9C2D3;
  box-sizing: border-box;
  background: #fff;
  transition: all .15s ease;
}
.ap_offer_option input:checked + span {
  border-color: var(--ap-teal);
  background: var(--ap-teal-soft);
}
.ap_offer_option input:checked + span::before {
  border: 5px solid var(--ap-navy);
}
.ap_offer_option input:focus-visible + span {
  outline: 2px solid var(--ap-teal);
  outline-offset: 2px;
}


/* ---------- 4) KATEGORIE ---------- */

.ap_cat_box {
  display: flex;
  flex-direction: column;
  gap: 10px;
  font-family: 'Inter', system-ui, sans-serif;
}

.ap_cat_hint {
  margin: 0;
  font-size: 13px;
  color: var(--ap-muted);
}

.ap_cat_chips {
  display: flex;
  flex-direction: column;
  gap: 8px;
  margin-top: 8px;
}
.ap_cat_chips:empty { display: none; }

.ap_cat_chip {
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  gap: 2px;
  width: 100%;
  padding: 12px 16px 12px 44px;
  border: 1.5px solid var(--ap-line);
  border-radius: 12px;
  background: #fff;
  text-align: left;
  cursor: pointer;
  position: relative;
  transition: border-color .15s ease, background-color .15s ease;
}
.ap_cat_chip::before {
  content: '';
  position: absolute;
  left: 15px;
  top: 50%;
  width: 18px;
  height: 18px;
  margin-top: -9px;
  border-radius: 50%;
  border: 2px solid #B9C2D3;
  box-sizing: border-box;
}
.ap_cat_chip:hover,
.ap_cat_chip:focus-visible {
  border-color: var(--ap-teal);
  background: var(--ap-teal-soft);
  outline: none;
}
.ap_cat_chip_main {
  font-weight: 600;
  font-size: 15px;
  color: var(--ap-navy-deep);
}
.ap_cat_chip_sub {
  font-size: 12.5px;
  color: var(--ap-muted);
}

.ap_cat_search_toggle {
  align-self: flex-start;
  display: inline-flex;
  align-items: center;
  gap: 8px;
  margin: 2px 0 0;
  padding: 6px 2px;
  border: 0;
  background: none;
  font-family: 'Inter', system-ui, sans-serif;
  font-weight: 600;
  font-size: 15px;
  color: var(--ap-navy);
  cursor: pointer;
}
.ap_cat_search_toggle::before {
  content: '';
  width: 18px;
  height: 18px;
  background: no-repeat center / contain
    url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%233BB8C6' stroke-width='2.4' stroke-linecap='round'%3E%3Ccircle cx='10.5' cy='10.5' r='6.5'/%3E%3Cpath d='M15.5 15.5 20 20'/%3E%3C/svg%3E");
}
.ap_cat_search_toggle:hover { text-decoration: underline; text-underline-offset: 3px; }

.ap_cat_search {
  display: flex;
  flex-direction: column;
  gap: 6px;
}
.ap_cat_search[hidden], .ap_cat_selected[hidden], .ap_cat_suggest[hidden], .ap_cat_search_toggle[hidden] { display: none !important; }

.ap_cat_search_input {
  width: 100%;
  box-sizing: border-box;
  padding: 13px 16px;
  border: 1.5px solid var(--ap-line);
  border-radius: 12px;
  background: var(--ap-field-bg);
  font: 15px 'Inter', system-ui, sans-serif;
  color: var(--ap-navy-deep);
}
.ap_cat_search_input:focus {
  outline: none;
  border-color: var(--ap-teal);
  background: #fff;
}

.ap_cat_results {
  display: flex;
  flex-direction: column;
  max-height: 300px;
  overflow-y: auto;
  border: 1px solid var(--ap-line);
  border-radius: 12px;
  background: #fff;
}
.ap_cat_results:empty { display: none; }
.ap_cat_result {
  padding: 12px 16px;
  border: 0;
  border-bottom: 1px solid #EEF1F6;
  background: none;
  text-align: left;
  font: 14.5px 'Inter', system-ui, sans-serif;
  color: var(--ap-navy-deep);
  cursor: pointer;
}
.ap_cat_result:last-child { border-bottom: 0; }
.ap_cat_result:hover,
.ap_cat_result:focus-visible { background: var(--ap-teal-soft); outline: none; }

.ap_cat_pill {
  display: flex;
  align-items: center;
  gap: 12px;
  padding: 12px 16px;
  border: 1.5px solid var(--ap-teal);
  border-radius: 12px;
  background: var(--ap-teal-soft);
}
.ap_cat_pill_check {
  flex: 0 0 22px;
  width: 22px;
  height: 22px;
  border-radius: 50%;
  background: var(--ap-navy)
    url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath d='M6 12.5l4 4 8-9' fill='none' stroke='%23fff' stroke-width='2.8' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E")
    no-repeat center / 14px;
}
.ap_cat_pill_text {
  flex: 1;
  font-weight: 600;
  font-size: 15px;
  color: var(--ap-navy-deep);
}
.ap_cat_pill_change {
  border: 0;
  background: none;
  font: 600 14px 'Inter', system-ui, sans-serif;
  color: var(--ap-navy);
  text-decoration: underline;
  text-underline-offset: 3px;
  cursor: pointer;
}


/* ---------- Mobil ---------- */

@media (max-width: 560px) {
  .ap_upload_tile { min-height: 100px; gap: 14px; padding: 18px 16px !important; }
  .ap_upload_text strong { font-size: 18px; }
  .ap_offer_switch { gap: 8px; }
  .ap_offer_option { flex: 1; }
  .ap_offer_option span { width: 100%; box-sizing: border-box; justify-content: flex-start; }
  #channel_files.div_flex_channel_files_galerie { grid-template-columns: repeat(3, 1fr); }
}


/* ---------- Ohne Schrittnummern: das Formular "fließt" ----------
   Keine "1 FOTOS / 2 WAS?"-Überschriften mehr. Die Felder erklären
   sich selbst; Wann/Wo/Reichweite/Button bekommen nur ein leises Label. */

.ap_section_anchor {
  height: 0;
  margin: 0;
}

.ap_section_label {
  display: block;
  margin: 34px 0 12px;
  font-family: 'Inter', system-ui, sans-serif;
  font-weight: 600;
  font-size: 15px;
  letter-spacing: 0;
  text-transform: none;
  color: var(--ap-navy-deep);
}
.ap_section_label small {
  margin-left: 6px;
  font-weight: 400;
  font-size: 13px;
  color: var(--ap-muted);
}
.ap_section_label + .activity_sender_info_text {
  margin-top: -6px;
  font-size: 13px;
  color: var(--ap-muted);
}

/* Abstand zwischen Fotos und Angebot/Gesucht */
.ap_photo_area + .ap_offer_switch,
#activity_content_images + .ap_offer_switch {
  margin-top: 26px;
}


/* ---------- Text-Bild gestalten + volle Mediathek ---------- */

.ap_upload_zone {
  display: flex;
  flex-direction: column;
  gap: 10px;
}

.ap_more_btn {
  display: flex;
  align-items: center;
  gap: 14px;
  width: 100%;
  padding: 14px 18px;
  border: 1.5px solid var(--ap-line);
  border-radius: 14px;
  background: #fff;
  text-align: left;
  cursor: pointer;
  transition: border-color .15s ease, background-color .15s ease;
}
.ap_more_btn:hover,
.ap_more_btn:focus-visible {
  border-color: var(--ap-teal);
  background: var(--ap-teal-soft);
  outline: none;
}
.ap_more_icon {
  flex: 0 0 36px;
  height: 36px;
  border-radius: 10px;
  background: var(--ap-teal-soft);
  display: flex;
  align-items: center;
  justify-content: center;
  font: 700 20px Georgia, 'Times New Roman', serif;
  color: var(--ap-navy);
}
.ap_more_text strong {
  font-family: 'Inter', system-ui, sans-serif;
  font-weight: 600;
  font-size: 15px;
  color: var(--ap-navy-deep);
}

/* Mediathek voll: Kacheln bleiben sichtbar, wirken aber ruhig/inaktiv */
.ap_upload_zone.is-full .ap_upload_tile,
.ap_more_btn.is-disabled {
  opacity: .55;
  cursor: default;
}
.ap_upload_zone.is-full .ap_upload_tile:hover { background: #fff !important; border-color: rgba(13,49,131,.35) !important; }
.ap_more_btn.is-disabled:hover { background: #fff; border-color: var(--ap-line); }

.ap_media_full_info {
  margin: 4px 0 0 !important;
  padding: 12px 14px;
  border-radius: 12px;
  background: #F3FAFB;
  border: 1px solid rgba(59,184,198,.35);
  font-family: 'Inter', system-ui, sans-serif;
  font-size: 14px !important;
  line-height: 1.5;
  color: #3E4C6A !important;
}
.ap_media_full_info a { color: var(--ap-navy); }
.ap_media_full_info.ap_flash { animation: ap_flash .9s ease; }
@keyframes ap_flash { 0%,100% { box-shadow: 0 0 0 0 rgba(59,184,198,0); } 30% { box-shadow: 0 0 0 4px rgba(59,184,198,.45); } }

.ap_upload_more {
  display: grid;
  grid-template-columns: 1fr 1fr;
  gap: 10px;
}
.ap_more_btn { padding: 14px 16px; }
.ap_scan_icon {
  background: var(--ap-teal-soft) no-repeat center / 22px
    url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%230D3183' stroke-width='2.2' stroke-linecap='round'%3E%3Cpath d='M4 8V5a1 1 0 0 1 1-1h3M16 4h3a1 1 0 0 1 1 1v3M20 16v3a1 1 0 0 1-1 1h-3M8 20H5a1 1 0 0 1-1-1v-3'/%3E%3Cpath d='M7 12h10'/%3E%3C/svg%3E");
}
@media (max-width: 400px) {
  .ap_upload_more { grid-template-columns: 1fr; }
}


/* ---------- Kopfzeile (eingeloggt): rechts nur "Logout" ---------- */
.ap_user_box { display: inline-flex; align-items: center; }
.ap_user_box a.ap_logout_link {
  display: inline-flex;
  align-items: center;
  min-height: 36px;
  padding: 6px 14px;
  border: 1px solid var(--ap-line);
  border-radius: 999px;
  background: #fff;
  font-family: 'Inter', system-ui, sans-serif;
  font-weight: 600;
  font-size: 14px;
  letter-spacing: 0;
  text-transform: none;
  text-decoration: none;
  color: var(--ap-navy) !important;
}
.ap_user_box a.ap_logout_link:hover { border-color: var(--ap-teal); background: var(--ap-teal-soft); }

/* ---------- "Mein Channel": ruhige, zentrierte Karte ---------- */
.ap_channel_card {
  padding: 28px 16px 12px;
  text-align: center;
}
.ap_channel_title {
  margin: 0 0 6px !important;
  font-family: 'Quicksand', 'Inter', sans-serif !important;
  font-weight: 700 !important;
  font-size: 26px !important;
  letter-spacing: .02em;
  color: var(--ap-teal) !important;
}
.ap_channel_name {
  display: block;
  margin: 0 0 10px;
  font-family: 'Inter', system-ui, sans-serif;
  font-weight: 600;
  font-size: 20px;
  color: var(--ap-navy-deep);
}
.ap_channel_card #content_credit_score,
.ap_channel_card #content_credit_score span { text-align: center; }


/* ============================================================
   ABSICHERUNG GEGEN ALTE PATCHES in css.actionplace_main.php
   Dort färbt ".main_content button:not(.button_login)" JEDEN Button
   mit !important als Verlaufs-Pille (volle Breite, weiße Schrift)
   und "button { opacity:.8 }" macht alle Buttons blass.
   Die neuen Bausteine bekommen hier ihre eigene Optik zurück.
   ============================================================ */

.main_content button.ap_more_btn,
.main_content button.ap_cat_chip,
.main_content button.ap_cat_search_toggle,
.main_content button.ap_cat_result,
.main_content button.ap_cat_pill_change,
.main_content button.ap_button_type_tile,
button.ap_more_btn, button.ap_cat_chip, button.ap_cat_search_toggle,
button.ap_cat_result, button.ap_cat_pill_change, button.ap_button_type_tile {
  opacity: 1 !important;
  transform: none !important;
  box-shadow: none !important;
  background-image: none !important;
  font-family: 'Inter', system-ui, sans-serif !important;
  text-align: left !important;
}

.main_content button.ap_more_btn, button.ap_more_btn {
  background: #fff !important; color: var(--ap-navy-deep) !important;
  border: 1.5px solid var(--ap-line) !important; border-radius: 14px !important;
  padding: 14px 16px !important; width: 100% !important;
}
.main_content button.ap_more_btn:hover, button.ap_more_btn:hover { background: var(--ap-teal-soft) !important; border-color: var(--ap-teal) !important; }
.main_content button.ap_more_btn.is-disabled, button.ap_more_btn.is-disabled { opacity: .55 !important; background: #fff !important; border-color: var(--ap-line) !important; }

.main_content button.ap_cat_chip, button.ap_cat_chip {
  background: #fff !important; color: var(--ap-navy-deep) !important;
  border: 1.5px solid var(--ap-line) !important; border-radius: 12px !important;
  padding: 12px 16px 12px 44px !important; width: 100% !important;
}
.main_content button.ap_cat_chip:hover, button.ap_cat_chip:hover { background: var(--ap-teal-soft) !important; border-color: var(--ap-teal) !important; }

.main_content button.ap_cat_search_toggle, button.ap_cat_search_toggle {
  background: none !important; color: var(--ap-navy) !important; border: 0 !important;
  border-radius: 0 !important; padding: 6px 2px !important; width: auto !important;
}
.main_content button.ap_cat_result, button.ap_cat_result {
  background: none !important; color: var(--ap-navy-deep) !important; border: 0 !important;
  border-bottom: 1px solid #EEF1F6 !important; border-radius: 0 !important;
  padding: 12px 16px !important; width: 100% !important; font-weight: 400 !important;
}
.main_content button.ap_cat_result:hover, button.ap_cat_result:hover { background: var(--ap-teal-soft) !important; }
.main_content button.ap_cat_pill_change, button.ap_cat_pill_change {
  background: none !important; color: var(--ap-navy) !important; border: 0 !important;
  border-radius: 0 !important; padding: 0 !important; width: auto !important;
  text-decoration: underline !important;
}
.main_content button.ap_button_type_tile, button.ap_button_type_tile {
  background: #fff !important; color: var(--ap-navy-deep) !important;
  border: 1.5px solid var(--ap-line) !important; border-radius: 12px !important;
  padding: 12px 6px !important; width: auto !important; text-align: center !important;
}
.main_content button.ap_button_type_tile.is-selected, button.ap_button_type_tile.is-selected { background: #E1F5EE !important; border-color: var(--ap-teal) !important; }

/* Editor & Scanner liegen außerhalb von .main_content, erben aber die
   alte globale Button-Regel (blass, volle Breite, Hintergrundbild) */
:where(#ap_ed, #ap_sc) button { opacity: 1; width: auto; background-image: none; border-color: transparent; }


/* ============================================================
   KOPFZEILE eingeloggt: eine ruhige Zeile – Menü links, Logout rechts
   ============================================================ */
.ap_hero_compact .ap_login_stack {
  flex-wrap: nowrap !important;
  align-items: center !important;
  justify-content: space-between !important;
}
.ap_hero_compact .flex_header_part_one {
  width: auto !important; margin: 0 !important; padding: 0 !important;
}
.ap_hero_compact .flex_header_part_two,
.ap_hero_compact .ap_login_card {
  width: auto !important; max-width: none !important; margin: 0 !important;
  padding: 0 !important; text-align: right !important; font-size: 1rem !important;
}
.ap_hero_compact .ap_login_card .ap_user_box a.ap_logout_link {
  border: 1px solid var(--ap-line) !important;
  border-left: 1px solid var(--ap-line) !important;
  margin-left: 0 !important;
  padding: 6px 14px !important;
  color: var(--ap-navy) !important;
  font-size: 14px !important;
  font-weight: 600 !important;
  text-decoration: none !important;
}

/* "Mein Channel" gegen ältere ID-Regeln (#search_window_001 h2 …) absichern */
#search_window_001 .ap_channel_title { font-size: 26px !important; text-align: center !important; }
#search_window_001 .ap_channel_title + .ap_channel_name {
  font-size: 20px !important; color: var(--ap-navy-deep) !important; text-align: center !important; margin-bottom: 10px !important;
}
#search_window_001 .ap_channel_card #content_credit_score span { text-align: center !important; }


/* ============================================================
   RECHTSLINKS (Kontakt · Datenschutz · Impressum · AGB)
   statt Fußzeile: im Menü (eingeloggt) bzw. unter dem Login (Gäste)
   ============================================================ */
.ap_legal_links {
  display: flex;
  flex-wrap: wrap;
  justify-content: center;
  gap: 4px 16px;
  font-family: 'Inter', system-ui, sans-serif;
  font-size: 12px;
}
.ap_legal_links a {
  color: #8895AC !important;
  text-decoration: none !important;
  font-weight: 400 !important;
  background: none !important;
  padding: 0 !important;
}
.ap_legal_links a:hover { color: var(--ap-navy) !important; text-decoration: underline !important; }

.ap_header_dropdown .ap_legal_links {
  margin-top: 14px;
  padding-top: 12px;
  border-top: 1px solid var(--ap-line);
}
.ap_header_dropdown.is-open { max-height: calc(100vh - 64px) !important; overflow-y: auto !important; }

.ap_legal_guest {
  flex-basis: 100%;
  width: 100%;
  margin-top: 18px;
}
.ap_legal_guest a { color: rgba(255,255,255,.7) !important; }
.ap_legal_guest a:hover { color: #fff !important; }
.ap_hero_compact .ap_legal_guest { display: none !important; }

/* Fußzeile nicht mehr anzeigen (falls noch irgendwo ausgegeben) */
.footer { display: none !important; }

/* Ohne Fußzeile verteilt "margin:auto" (alte CSS) den freien Platz über
   und unter Kopfzeile/Inhalt -> große Lücken. Kopf oben, Inhalt füllt den Rest. */
/* gilt nur eingeloggt; die Gäste-Startseite bleibt mittig ausgerichtet */
body:has(.ap_hero_compact) > .top_header { margin-top: 0 !important; margin-bottom: 0 !important; }
body:has(.ap_hero_compact) > .main_content { margin-top: 0 !important; margin-bottom: 0 !important; flex: 1 0 auto; }


/* Channel-Name ist jetzt der Seitentitel (ohne doppeltes "Mein Channel") */
.ap_channel_card .ap_channel_name,
#search_window_001 .ap_channel_card .ap_channel_name {
  font-family: 'Quicksand', 'Inter', sans-serif !important;
  font-weight: 700 !important;
  font-size: 26px !important;
  line-height: 1.25;
  color: var(--ap-navy-deep) !important;
  text-align: center !important;
  margin: 0 0 8px !important;
}

/* Hauptmenü direkt auf der Channel-Seite */
.ap_channel_menu {
  display: flex;
  flex-direction: column;
  gap: 10px;
  max-width: 480px;
  margin: 22px auto 8px;
  text-align: left;
}
.ap_channel_menu .content_link_menu { margin: 0 !important; }
#custom_sub_menue { padding-left: 0 !important; max-width: 480px; margin: 0 auto; }

/* ---------- Wann?: Beginn / Ende – je Datum + Uhrzeit, ohne Schnickschnack ---------- */
.ap_when { display: flex; flex-direction: column; gap: 6px; margin-bottom: 6px; }
.ap_when .ap_when_label {
  font-family: 'Inter', system-ui, sans-serif;
  font-size: 13px; font-weight: 500; color: var(--ap-muted);
  margin-top: 6px;
}
.ap_when .ap_when_row {
  display: grid;
  grid-template-columns: minmax(0, 1.5fr) minmax(0, 1fr);
  gap: 10px;
}
.ap_when .ap_when_row input[type="date"],
.ap_when .ap_when_row input[type="time"] {
  display: block !important;
  width: 100% !important;
  min-width: 0 !important;
  height: 52px !important;
  margin: 0 !important;
  padding: 0 14px !important;
  border: 1.5px solid var(--ap-line) !important;
  border-radius: 12px !important;
  background: var(--ap-field-bg) !important;
  color: var(--ap-navy-deep) !important;
  font-family: 'Inter', system-ui, sans-serif !important;
  font-size: 16px !important;
  opacity: 1 !important;
  -webkit-appearance: none;
  appearance: none;
  box-sizing: border-box !important;
}
.ap_when .ap_when_row input:focus { outline: none; border-color: var(--ap-teal) !important; background: #fff !important; }
.ap_when .ap_when_row input[readonly] { color: var(--ap-navy) !important; background: #EEF1F6 !important; }
/* iOS: Datumstext linksbündig statt zentriert */
.ap_when .ap_when_row input::-webkit-date-and-time-value { text-align: left; }


/* ============================================================
   KATEGORIE – schlicht & übersichtlich (Kundenwunsch)
   Vorschläge und Suchergebnisse sind dieselbe ruhige Liste:
   weiße Zeilen, feine Trennlinien, keine Farbflächen/Kreise.
   ============================================================ */
.ap_cat_chips,
.ap_cat_results {
  display: flex !important;
  flex-direction: column !important;
  gap: 0 !important;
  margin-top: 6px;
  border: 1px solid var(--ap-line) !important;
  border-radius: 12px !important;
  background: #fff !important;
  overflow: hidden;
}
.ap_cat_chips:empty, .ap_cat_results:empty { display: none !important; }

.main_content button.ap_cat_result,
button.ap_cat_result {
  display: block !important;
  width: 100% !important;
  margin: 0 !important;
  padding: 13px 16px !important;
  border: 0 !important;
  border-bottom: 1px solid #EEF1F6 !important;
  border-radius: 0 !important;
  background: #fff !important;
  color: var(--ap-navy-deep) !important;
  font-family: 'Inter', system-ui, sans-serif !important;
  font-size: 15px !important;
  font-weight: 400 !important;
  text-align: left !important;
  box-shadow: none !important;
  transform: none !important;
  opacity: 1 !important;
}
.main_content button.ap_cat_result:last-child, button.ap_cat_result:last-child { border-bottom: 0 !important; }
.main_content button.ap_cat_result:hover,
.main_content button.ap_cat_result:focus-visible,
button.ap_cat_result:hover, button.ap_cat_result:focus-visible {
  background: #F7F8FB !important;
  outline: none;
}

.ap_cat_hint { font-size: 13px; color: var(--ap-muted); margin: 0; }

/* Auswahl: ruhige Zeile mit feinem Haken, kein Farbfeld */
.ap_cat_pill {
  display: flex !important;
  align-items: center;
  gap: 10px;
  padding: 13px 16px !important;
  border: 1px solid var(--ap-line) !important;
  border-radius: 12px !important;
  background: #fff !important;
}
.ap_cat_pill_check {
  flex: 0 0 auto !important;
  width: auto !important; height: auto !important;
  background: none !important;
  color: var(--ap-navy) !important;
  font-size: 16px; font-weight: 600; line-height: 1;
}
.ap_cat_pill_text { font-weight: 500 !important; font-size: 15px !important; color: var(--ap-navy-deep) !important; }
.main_content button.ap_cat_pill_change, button.ap_cat_pill_change {
  color: var(--ap-muted) !important; font-weight: 400 !important; font-size: 14px !important;
}

/* Suchfeld ruhig */
.ap_cat_search_input { border-width: 1px !important; }
.ap_cat_search_input:focus { border-color: var(--ap-navy) !important; box-shadow: none !important; outline: none !important; }
.main_content button.ap_cat_search_toggle, button.ap_cat_search_toggle { font-weight: 500 !important; font-size: 14px !important; }


/* ============================================================
   BUTTON-AUSWAHL – schlichte Liste wie bei der Kategorie
   (statt Farbkacheln): Symbol + Name, Haken bei der Auswahl
   ============================================================ */
.ap_button_type_grid {
  display: flex !important;
  flex-direction: column !important;
  gap: 0 !important;
  margin: 8px 0 6px !important;
  border: 1px solid var(--ap-line) !important;
  border-radius: 12px !important;
  background: #fff !important;
  overflow: hidden;
  grid-template-columns: none !important;
}
.main_content button.ap_button_type_tile,
button.ap_button_type_tile {
  display: flex !important;
  flex-direction: row !important;
  align-items: center !important;
  gap: 12px !important;
  width: 100% !important;
  min-height: 48px;
  margin: 0 !important;
  padding: 12px 16px !important;
  border: 0 !important;
  border-bottom: 1px solid #EEF1F6 !important;
  border-radius: 0 !important;
  background: #fff !important;
  background-image: none !important;
  color: var(--ap-navy-deep) !important;
  text-align: left !important;
  box-shadow: none !important;
  transform: none !important;
  opacity: 1 !important;
}
.main_content button.ap_button_type_tile:last-child, button.ap_button_type_tile:last-child { border-bottom: 0 !important; }
.main_content button.ap_button_type_tile:hover, button.ap_button_type_tile:hover { background: #F7F8FB !important; }
.main_content button.ap_button_type_tile.is-selected, button.ap_button_type_tile.is-selected { background: #fff !important; }

.ap_button_type_tile .ap_button_type_icon {
  flex: 0 0 18px; width: 18px !important; height: 18px !important;
  color: #8895AC !important;
}
.ap_button_type_tile .ap_button_type_icon svg { width: 18px !important; height: 18px !important; }
.ap_button_type_tile .ap_button_type_label {
  flex: 1;
  font-family: 'Inter', system-ui, sans-serif !important;
  font-weight: 400 !important;
  font-size: 15px !important;
  letter-spacing: 0 !important;
  text-transform: none !important;
  color: var(--ap-navy-deep) !important;
}
.ap_button_type_tile .ap_button_type_check { visibility: hidden; color: var(--ap-navy); font-size: 16px; font-weight: 600; }
.ap_button_type_tile.is-selected .ap_button_type_check { visibility: visible; }
.ap_button_type_tile.is-selected .ap_button_type_label { font-weight: 500 !important; }
.ap_button_type_tile.is-selected .ap_button_type_icon { color: var(--ap-navy) !important; }

/* Hover der alten Patches (Schatten + Anheben) bei den neuen Listen/Knöpfen abschalten */
.main_content button:is(.ap_button_type_tile, .ap_cat_result, .ap_more_btn, .ap_cat_search_toggle, .ap_cat_pill_change):hover,
.main_content button:is(.ap_button_type_tile, .ap_cat_result, .ap_more_btn, .ap_cat_search_toggle, .ap_cat_pill_change):focus {
  box-shadow: none !important;
  transform: none !important;
}

/* Dateiname/Status-Text unter "Fotos hinzufügen" nicht anzeigen – die Kachel zeigt "Wird hochgeladen …" */
.ap_upload_zone .file_message_box { display: none !important; }


/* ============================================================
   REICHWEITE-REGLER: actionplace-Icon voll sichtbar
   Ursache des Abschneidens: die alte CSS formt den Keil per
   "clip-path" direkt am Regler – das schneidet auch den Griff
   (das Icon) ab. Jetzt: Regler ohne clip-path, der Keil wird
   als Hintergrundbild gezeichnet, der Griff hat genug Platz.
   ============================================================ */
.main_content input.slider_1,
input.slider_1 {
  -webkit-appearance: none !important;
  appearance: none !important;
  clip-path: none !important;
  display: block !important;
  width: 100% !important;
  height: 40px !important;
  margin: 8px 0 !important;
  padding: 0 !important;
  border: 0 !important;
  border-radius: 0 !important;
  opacity: 1 !important;
  background: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 100 16' preserveAspectRatio='none'%3E%3Cdefs%3E%3ClinearGradient id='g' x1='0' x2='1'%3E%3Cstop offset='0' stop-color='%233BB8C6' stop-opacity='.25'/%3E%3Cstop offset='1' stop-color='%230D3183' stop-opacity='.85'/%3E%3C/linearGradient%3E%3C/defs%3E%3Cpolygon points='0,7.2 100,0 100,16 0,8.8' fill='url(%23g)'/%3E%3C/svg%3E") no-repeat center / calc(100% - 30px) 14px !important;
  outline: none;
  overflow: visible !important;
}
.main_content input.slider_1::-webkit-slider-runnable-track,
input.slider_1::-webkit-slider-runnable-track {
  height: 40px !important;
  background: transparent !important;
  border: 0 !important;
}
.main_content input.slider_1::-webkit-slider-thumb,
input.slider_1::-webkit-slider-thumb {
  margin-top: 5px !important;          /* (40 - 30) / 2 → senkrecht mittig */
  width: 30px !important;
  height: 30px !important;
}
.main_content input.slider_1::-moz-range-track,
input.slider_1::-moz-range-track {
  height: 40px !important;
  background: transparent !important;
  border: 0 !important;
}
.slider_1 + span { margin-top: 0 !important; }


/* ============================================================
   STANDORT PRÜFEN (nach "weiter"): nur Karte + zwei klare Knöpfe
   ============================================================ */
.ap_review_title {
  margin: 0 0 4px !important;
  font-family: 'Quicksand', 'Inter', sans-serif !important;
  font-weight: 700 !important;
  font-size: 20px !important;
  color: var(--ap-navy-deep) !important;
}
.ap_review_hint {
  margin: 0 0 14px !important;
  font-family: 'Inter', system-ui, sans-serif !important;
  font-size: 14px !important;
  line-height: 1.5;
  color: var(--ap-muted) !important;
}
.ap_review_map { border-radius: 14px; overflow: hidden; }

.ap_review_actions {
  display: flex;
  flex-direction: column;
  gap: 10px;
  margin: 18px 0 8px;
}
.main_content button.ap_btn_primary, button.ap_btn_primary,
.main_content button.ap_btn_secondary, button.ap_btn_secondary {
  display: block !important;
  width: 100% !important;
  min-height: 52px;
  margin: 0 !important;
  padding: 14px 18px !important;
  border-radius: 999px !important;
  font-family: 'Inter', system-ui, sans-serif !important;
  font-size: 16px !important;
  font-weight: 600 !important;
  text-align: center !important;
  box-shadow: none !important;
  transform: none !important;
  opacity: 1 !important;
  cursor: pointer;
}
.main_content button.ap_btn_primary, button.ap_btn_primary {
  background: var(--ap-navy) !important;
  background-image: none !important;
  color: #fff !important;
  border: 0 !important;
}
.main_content button.ap_btn_primary:hover, button.ap_btn_primary:hover { background: var(--ap-navy-deep) !important; box-shadow: none !important; transform: none !important; }
.main_content button.ap_btn_secondary, button.ap_btn_secondary {
  background: #fff !important;
  background-image: none !important;
  color: var(--ap-navy) !important;
  border: 1px solid var(--ap-line) !important;
}
.main_content button.ap_btn_secondary:hover, button.ap_btn_secondary:hover { background: #F7F8FB !important; box-shadow: none !important; transform: none !important; }

/* Google-Karte: deren eigene Knöpfe nicht von der alten Button-Regel einfärben lassen */
.main_content .gm-style button {
  background: none !important;
  background-image: none !important;
  color: inherit !important;
  width: auto !important;
  padding: 0 !important;
  border-radius: 0 !important;
  border: 0 !important;
  box-shadow: none !important;
  transform: none !important;
  font-family: inherit !important;
  font-weight: inherit !important;
  opacity: 1 !important;
}


/* ============================================================
   MEINE ACTIONPLACES – ruhige Karten
   Kopf: Kategorie | Schalter · Titel · 3 Infozeilen · Textlinks
   ============================================================ */
.activity_list_detail_container.ap_ap_card {
  display: flex !important;
  flex-direction: column;
  gap: 10px;
  margin: 0 0 12px !important;
  padding: 16px 18px !important;
  background: #fff !important;
  border: 1px solid var(--ap-line) !important;
  border-radius: 14px !important;
  box-shadow: none !important;
  font-family: 'Inter', system-ui, sans-serif;
  text-align: left;
}
.ap_ap_card.is-ended { background: #FAFBFC !important; }
.ap_ap_card.is-ended .ap_card_title { color: var(--ap-muted) !important; }

.ap_card_top { display: flex; align-items: center; justify-content: space-between; gap: 12px; }
.ap_card_cat {
  font-size: 13px; font-weight: 500; color: var(--ap-muted);
  overflow: hidden; text-overflow: ellipsis; white-space: nowrap; min-width: 0;
}

/* Status-Schalter */
.ap_card_status { flex: 0 0 auto; display: flex; align-items: center; }
.ap_ap_card input.ap_switch_input { position: absolute !important; opacity: 0 !important; width: 1px !important; height: 1px !important; pointer-events: none; display: block !important; }
.ap_ap_card label.ap_switch {
  display: inline-flex !important; align-items: center; gap: 8px;
  margin: 0 !important; padding: 0 !important; border-radius: 0 !important;
  background: none !important; cursor: pointer;
  font-family: 'Inter', system-ui, sans-serif !important; font-weight: 500 !important; font-size: 13px !important;
  color: var(--ap-muted) !important; white-space: nowrap;
}
.ap_ap_card label.ap_switch i.ap_switch_track {
  position: relative; display: inline-block !important;
  width: 38px; height: 22px; margin: 0 !important; padding: 0 !important;
  border-radius: 999px !important; background: #D5DBE5 !important;
  transition: background-color .15s ease;
}
.ap_ap_card label.ap_switch i.ap_switch_track::after {
  content: ''; position: absolute; top: 3px; left: 3px;
  width: 16px; height: 16px; border-radius: 50%; background: #fff;
  box-shadow: 0 1px 2px rgba(0,0,0,.2); transition: left .15s ease;
}
.ap_ap_card input.ap_switch_input:checked + label.ap_switch i.ap_switch_track { background: var(--ap-teal) !important; }
.ap_ap_card input.ap_switch_input:checked + label.ap_switch i.ap_switch_track::after { left: 19px; }
.ap_ap_card input.ap_switch_input:checked + label.ap_switch { color: var(--ap-navy-deep) !important; }
.ap_ap_card label.ap_switch b.ap_switch_text { font-weight: inherit; }
.ap_status_text.is-ended { font-size: 13px; color: var(--ap-muted); }

/* Titel */
.ap_ap_card a.ap_card_title {
  display: block;
  font-family: 'Quicksand', 'Inter', sans-serif !important;
  font-weight: 700 !important;
  font-size: 18px !important;
  line-height: 1.3;
  color: var(--ap-navy-deep) !important;
  text-decoration: none !important;
}
.ap_ap_card a.ap_card_title:hover { text-decoration: underline !important; text-underline-offset: 3px; }

/* Infozeilen mit feinen Symbolen */
.ap_card_meta { list-style: none; margin: 0; padding: 0; display: flex; flex-direction: column; gap: 6px; }
.ap_card_meta li {
  display: flex; align-items: flex-start; gap: 10px;
  font-size: 14px; line-height: 1.45; color: #3E4C6A;
}
.ap_ic { flex: 0 0 16px; width: 16px; height: 16px; margin-top: 2px; background: no-repeat center / contain; opacity: .7; }
.ap_ic_cal { background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%230D3183' stroke-width='2' stroke-linecap='round'%3E%3Crect x='3' y='5' width='18' height='16' rx='2'/%3E%3Cpath d='M3 10h18M8 3v4M16 3v4'/%3E%3C/svg%3E"); }
.ap_ic_pin { background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%230D3183' stroke-width='2' stroke-linecap='round'%3E%3Cpath d='M20 10c0 6-8 12-8 12s-8-6-8-12a8 8 0 0 1 16 0Z'/%3E%3Ccircle cx='12' cy='10' r='3'/%3E%3C/svg%3E"); }
.ap_ic_eye { background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%230D3183' stroke-width='2' stroke-linecap='round'%3E%3Cpath d='M2 12s3.5-7 10-7 10 7 10 7-3.5 7-10 7S2 12 2 12Z'/%3E%3Ccircle cx='12' cy='12' r='3'/%3E%3C/svg%3E"); }

/* Aktionen: schlichte Textlinks, Löschen rechts */
.ap_card_actions {
  display: flex; align-items: center; justify-content: space-between; gap: 12px; flex-wrap: wrap;
  margin-top: 4px; padding-top: 12px; border-top: 1px solid #EEF1F6;
}
.ap_card_actions_main { display: flex; flex-wrap: wrap; gap: 6px 18px; }
.ap_ap_card a.ap_card_link {
  font-size: 14px !important; font-weight: 500 !important;
  color: var(--ap-navy) !important; text-decoration: none !important; background: none !important;
}
.ap_ap_card a.ap_card_link:hover { text-decoration: underline !important; text-underline-offset: 3px; }
.ap_ap_card a.ap_card_link_muted { color: var(--ap-muted) !important; font-weight: 400 !important; }
.ap_card_confirm { font-size: 14px; color: var(--ap-navy-deep); display: inline-flex; gap: 8px; align-items: center; }
.ap_ap_card a.ap_card_link_danger { color: #B42318 !important; }

/* ============================================================
   REICHWEITE – ruhige Live-Anzeige (kein Springen beim Ziehen)
   ============================================================ */
#ap_reichweite { min-height: 0 !important; }
.ap_reach_info { font-variant-numeric: tabular-nums; }
.ap_reach_val { color: #2a9aa7; font-variant-numeric: tabular-nums; }
.ap_reach_topup {
  display: block; margin: 6px auto 0; max-width: 32em;
  font-family: 'Inter', system-ui, sans-serif; font-size: 14px; line-height: 1.4;
  color: #0D3183 !important; text-decoration: underline; text-underline-offset: 3px;
}
.ap_reach_topup[hidden] { display: block !important; visibility: hidden; }
#ap_reach_cmp {
  min-height: 7.4em; /* Platz fuer 3-4 Zeilen, damit die Regler nicht wandern */
  display: flex !important; align-items: center !important;
  font-variant-numeric: tabular-nums;
  transition: none !important; animation: none !important;
}
input.slider_1 { touch-action: pan-y; }