/* =================== TM 24h Support – Global CSS (v5) =================== */
/* Backcolor + Top-Gap Fix */
html, body { background:#dfefff !important; margin:0 !important; padding:0 !important; min-height:100%; }
:root { --wp--style--root--padding-top:0px !important; --wp--style--root--padding-bottom:0px !important; }
.wp-site-blocks { padding-top:0 !important; padding-bottom:0 !important; background:transparent !important; }
.site, #page, header, .site-header, .entry-header, .page-header {
  background:transparent !important; margin:0 !important; padding:0 !important; border:0 !important;
  min-height:0 !important; height:auto !important;
}
#wpadminbar{ position:fixed; }
body.admin-bar{ padding-top:32px !important; }

.tm-bg{ background:#dfefff; padding-top:1px; }
.tm-bg > *:first-child{ margin-top:0 !important; }

/* =================== Dropdown Menü =================== */
.tm-dd-wrap { text-align:center; margin:8px 0 14px; }
.tm-dd { display:inline-block; }

/* Trigger (Seiten): groß, fett, rot – OHNE unser pseudo-Pfeil */
.tm-dd summary, .tm-dd button, .tm-dd .tm-dd-toggle, .tm-dd [role="button"] {
  all: unset;
  display: inline-flex;
  align-items: center;
  gap: 6px;
  font-size: 26px;
  font-weight: 800;
  color: #d60000;
  cursor: pointer;
  background: transparent !important;
  border: 0 !important;
  padding: 0 !important;
  border-radius: 0 !important;
}

/* Entferne ALLE Pseudo-Marker vollständig (damit nicht 2 Pfeile erscheinen) */
.tm-dd summary::-webkit-details-marker{ display:none !important; }
.tm-dd summary::marker{ content:none !important; }
.tm-dd summary::before{ content:none !important; }  /* unser alter Pfeil AUS */

/* Style für vorhandenen, vom Shortcode gelieferten Pfeil (z.B. <span class="caret">▼</span>) */
.tm-dd summary .caret,
.tm-dd summary .chevron,
.tm-dd summary .arrow,
.tm-dd summary .icon,
.tm-dd summary span:first-child {
  display:inline-block;
  font-size:18px;
  line-height:1;
  color:#000;         /* Pfeil schwarz */
  transform: translateY(-1px);
  margin-right:0;     /* da wir gap:6px nutzen */
}

/* Panel/Liste */
.tm-dd-panel { margin:10px auto 0; max-width:780px; background:transparent !important; border:0 !important; box-shadow:none !important; }
.tm-dd-list { list-style:none; margin:0; padding:0; }
.tm-dd-list li { border-top:1px solid #d7dee7; }
.tm-dd-list li:first-child { border-top:0; }
.tm-dd-list a { display:block; padding:10px 12px; text-decoration:none; color:#000000; font-weight:600; text-align:center; }
.tm-dd-list a:hover { text-decoration:underline; }

/* =================== Einheitliche Box-Farben =================== */
.tm-card, .tm-hinweis, .tm-kontakt-outer {
  border:2px solid #d60000;
  border-radius:10px;
  padding:12px;
  background:#e8f3ff; /* einheitliches Hellblau */
}
.tm-kontakt-outer{ border-radius:12px; padding:16px; }

/* Kontakt-Inneres ohne weiteren Rahmen */
.tm-kontakt{ display:flex; gap:16px; align-items:center; flex-wrap:wrap; border:0 !important; background:transparent !important; }
.tm-kontakt > * { border:0 !important; background:transparent !important; }

.tm-btn{ display:inline-block; background:#d60000; color:#fff; border-radius:10px; padding:10px 16px; text-decoration:none; }
.tm-btn:hover{ opacity:.92; }