/* ==========================================================================
   mozilo CMS – Basisklassen
   - Syntaxelemente (Text, Listen, Tabellen)
   - Menüs
   - Sonstige CMS-Elemente (Highlight, Deadlink, Suche)
   ========================================================================== */

/* 1. Linkspezifische Klassen
   Hinweis: .link, .mail, .page, .category, .file sind alles <a>-Elemente
   und nutzen die allgemeinen a-Styles aus style.css.
   Hier sind sie bewusst nur als "Marker-Klassen" aufgeführt. */

.link,
.mail,
.page,
.category,
.file {
  /* erben alle Eigenschaften von a{} aus style.css */
}

/* 2. Textausrichtung / Ausrichtungsklassen */

.alignleft   { text-align: left; }
.aligncenter { text-align: center; }
.alignright  { text-align: right; }
.alignjustify{ text-align: justify; }

/* 3. Hervorhebungen & Inline-Formatierung */

.highlight{
  padding: .1em .2em;
  background: #ff3b3b;
  color: #fff;
  border-radius: .25em;
}

/* Textformatierungen (Editor-Ausgaben) */
.contentbold         { font-weight: 700; }
.contentitalic       { font-style: italic; }
.contentunderlined   { text-decoration: underline; }
.contentstrikethrough{ text-decoration: line-through; }
.fontsize            { font-size: 1.125em; }

/* 4. Listen (mozilo erzeugt ul/ol mit Klassen) */

.unorderedlist,
.orderedlist{
  margin: 1em 0 1em 1.5em;
}

.unorderedlist .listitem,
.orderedlist .listitem{
  margin: .25em 0;
}

/* 5. Horizontale Linie (Editor-Element „----“) */

.horizontalrule{
  border: none;
  border-top: .111em #444 solid;
  max-width: 100%;
  margin: .75rem 0;
}

/* 6. Tabellenbausteine */

table.contenttable{
  width: 100%;
  border: .059em solid #d1d5db;
  border-collapse: collapse;
  border-radius: var(--radius);
  overflow: hidden;
  background: #fff;
  box-shadow: 0 1px 3px rgba(0,0,0,.05);
}

th.contenttable{
  border: .059em solid #d1d5db;
  background: linear-gradient(to bottom, #f3f4f6, #e5e7eb);
  text-align: left;
  padding: .5rem;
  font-weight: 600;
}

td.contenttable1,
td.contenttable2,
.contenttablecell{
  border: .059em solid #e5e7eb;
  text-align: center;
  padding: .5rem;
}

td.contenttable1{ background: #ffffff; }
td.contenttable2{ background: #f9fafb; }

/* 7. Menüs (mozilo generiert UL/LI/A-Struktur mit diesen Klassen)
   Hauptmenü (mainmenu / menu / menuactive)
   Detailmenü & Submenü kannst du bei Bedarf ergänzen.
*/

/* Hauptmenü-Liste */
.mainmenu{
  margin: 0;
  padding: .4rem 0;
  display: flex;
  flex-wrap: wrap;
  gap: .35rem;
  justify-content: center;
}

/* Einzelne Menü-Einträge */
.mainmenu-item{
  list-style: none;
}

/* Menülinks (Hauptmenü + aktive Seite) */
.mainmenu-item a,
a.menu,
a.menuactive{
  font-size: .95rem;    /* Basisgröße für Smartphones, Upgrades in style.css per MQ */
  padding: .5rem .9rem;
  border-radius: 999px;
  color: #fff;
  text-decoration: none;
  font-weight: 500;
  transition: background .2s ease;
}

/* Hover-Zustand für Menülinks */
.mainmenu-item a:hover,
a.menu:hover{
  background: rgba(255,255,255,.12);
}

/* Aktiver Menüpunkt */
a.menuactive{
  background: rgba(255,255,255,.22);
  font-weight: 600;
}

/* 8. Fehler / Status (mozilo Deadlinks) */

.deadlink{
  color:#b91c1c;
  text-decoration: underline wavy;
}

/* 9. Such-/Sitemap-Elemente (Platzhalter – bei Bedarf konkret stylen) */

.searchform{}
.searchtextfield{}
.searchbutton{}

#sitemap{}

.result-list-header{}
.searchmap{}
.result-list{}