@charset "UTF-8";
@import url('https://fonts.googleapis.com/css2?family=Inter:wght@400;500&family=Quicksand:wght@700&display=swap');

/* ============================================================
   actionplace – Hinweise & Fehlermeldungen
   Ersetzt die rote Fehlerschrift durch einen ruhigen Hinweis
   im Markendesign (nur Navy / Teal / Neutraltoene).
   Einbindung in inc.metahead.php NACH css.actionplace_redesign.php
   ============================================================ */

:root {
  --ap-teal: #3BB8C6;
  --ap-navy: #0D3183;
  --ap-navy-deep: #081F54;
  --ap-notice-bg: #F3FAFB;
  --ap-notice-border: rgba(59, 184, 198, 0.35);
  --ap-notice-text: #3E4C6A;
}

/* ---------- Neuer Hinweis-Baustein (show_notice() in cls.main.php) ---------- */

.ap_notice {
  display: flex;
  align-items: flex-start;
  gap: 14px;
  box-sizing: border-box;
  width: 100%;
  margin: 0 0 24px 0;
  padding: 16px 18px;
  background: var(--ap-notice-bg);
  border: 1px solid var(--ap-notice-border);
  border-left: 3px solid var(--ap-teal);
  border-radius: 12px;
  font-family: 'Inter', system-ui, -apple-system, sans-serif;
  text-align: left;
  animation: ap_notice_in 0.25s ease-out;
}

.ap_notice_icon {
  flex: 0 0 22px;
  width: 22px;
  height: 22px;
  margin-top: 1px;
  border-radius: 50%;
  background: var(--ap-navy);
}

/* gleiches "i" wie bei .error_message weiter unten */
.ap_notice_icon::before {
  content: 'i';
  display: block;
  color: #fff;
  font-family: Georgia, 'Times New Roman', serif;
  font-style: italic;
  font-weight: 700;
  font-size: 13px;
  line-height: 22px;
  text-align: center;
}

.ap_notice_body {
  display: flex;
  flex-direction: column;
  gap: 3px;
  min-width: 0;
}

.ap_notice_title {
  font-family: 'Quicksand', 'Inter', sans-serif;
  font-weight: 700;
  font-size: 1rem;
  line-height: 1.35;
  color: var(--ap-navy-deep);
}

.ap_notice_text {
  font-size: 0.92rem;
  line-height: 1.5;
  color: var(--ap-notice-text);
}

@keyframes ap_notice_in {
  from { opacity: 0; transform: translateY(-4px); }
  to   { opacity: 1; transform: translateY(0); }
}

@media (prefers-reduced-motion: reduce) {
  .ap_notice { animation: none; }
}


/* ---------- Bestehende Fehlermeldungen im ganzen Channel angleichen ---------- */

body .error_message,
body .login_message_error {
  display: block;
  box-sizing: border-box;
  margin: 0 0 20px 0;
  padding: 14px 16px 14px 48px;
  background: var(--ap-notice-bg);
  border: 1px solid var(--ap-notice-border);
  border-left: 3px solid var(--ap-teal);
  border-radius: 12px;
  font-family: 'Inter', system-ui, -apple-system, sans-serif;
  font-size: 0.92rem;
  font-weight: 400;
  line-height: 1.5;
  color: var(--ap-notice-text) !important;
  text-align: left;
  position: relative;
}

body .error_message::before,
body .login_message_error::before {
  content: 'i';
  position: absolute;
  left: 15px;
  top: 14px;
  width: 22px;
  height: 22px;
  border-radius: 50%;
  background: var(--ap-navy);
  color: #fff;
  font-family: Georgia, 'Times New Roman', serif;
  font-style: italic;
  font-weight: 700;
  font-size: 13px;
  line-height: 22px;
  text-align: center;
}

/* Leere Platzhalter-Spans (z.B. Formular ohne Meldung) nicht anzeigen */
body .error_message:empty,
body .login_message_error:empty {
  display: none !important;
}