.woerterbuch {
  font-size: 16px;
  margin: 20px;
  font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif;
}

.lupe {
  pointer: cursor;
}

.blau {
  color: #38418B;
  font-size: 20px;
  font-weight: bold;
  font-style: normal;
  text-decoration: none;
}

.umgebend {
  display: flex;
}

.innen {
  position: relative;
  width: 100%;
  margin: 5px;
}

td {
  padding: 5px;
  border: 1px solid lightgray;
}

.einfachbreit {
  width: 150px;
}

.doppeltbreit {
  width: 300px;
}

th {
  padding: 5px;
  border: 1px solid lightgray;
  width: 150px;
  font-weight: bold;
  background-color: #f5f5f5;
}

h2 {
  margin-top: 20px;
  margin-bottom: 5px;
  font-size: large;
}

li {
  font-size: normal;
}

.spalte0 {
  background-color: #f5f5f5;
}

.tagged {
  background-color: #34A835;
  color: white;
}

.phrasen {
  border: 0px dotted lightgray;
  border-radius: 4px;
  margin: 2px;
  padding-top: 0px;
  padding-bottom: 6px;
  text-indent: -15px;
  color: #34A835;
}

.phrasen2 {
  padding-left: 15px;
  margin-bottom: 4px;
}

.bedeutung {
  font-size: medium;
}

.keineaufzaehlung {
  display: block;
}

.sprachverwandte {
  font-style: italic;
  color: #38418B;
}

.querverweise {
  font-size: smaller;
  font-style: italic;
  color: darkred;
}

.lemma {
  font-weight: bold;
  margin-bottom: -5px;
}

h1.ergebnis {
  font-size: 1.7rem;
  margin-top: 20px;
  margin-left: 4px;
  color:#38418B;
}

h2.ergebnis {
  font-size: 1.5rem;
  margin-top: 20px;
  margin-left: 4px;
  color:#007bff;
}

h3.ergebnis {
  font-size: 1.3rem;
  margin-top: 20px;
  margin-left: 4px;
  color:#38418B;
}

.h3ergebnis {
  font-size: 1.3rem;
  margin-top: 20px;
  margin-left: 4px;
  color:#38418B;
}

.suchleiste {
  background-color: #38418B;
  margin-top: 10px;
  padding-top: 31px;
  height: 110px;
  text-align: center;
}

.suchleiste2 {
  margin-top: 10px;
  margin-bottom: 5px;
  padding-top: 31px;
  text-align: center;
}


input.ergebnis {
  padding: 5px;
  width: 40%;
  min-width: 200px;
  border: 1px solid #888888;
  border-top-left-radius: 4px;
  border-bottom-left-radius: 4px;
}

input.ergebnis:focus {
  outline: none;
}

input.ergebnis:hover {
  outline: none;
}

button.suchen {
  background-color: #888888;
  padding: 5px;
  margin-left: -31px;
  border: none;
  color: white;
  padding-left: 15px;
  padding-right: 15px;
  border: 1px solid #888888;
  border-top-right-radius: 4px;
  border-bottom-right-radius: 4px;
}

button.leeren {
  background-color: transparent;
  border: none;
  position: relative;
  left: -30px;
}

a:hover, a:visited, a:active, a:focus {
  outline: none;
  text-decoration: none !important;
}

.cbwb {
  color: white;
  margin-top: 0;
  padding-left: 5px;
  vertical-align: middle;
  padding-right: 5px;
}

.keinErgebnis {
  margin-left: 2px;
  color: rgb(33,37,41);
}

.iconbold {
  color: black;
  padding-left: 1px;
  cursor: pointer;
}

u {
  font-weight: normal;
  text-decoration: none;
  background-color: green;
  color: white;
  padding: 2px;
  border-radius: 2px;
}

button.blau {
  background-color: #38418B !important;
  border-color: #38418b !important;
}

img.werbung {
  margin-top: 20px;
}

/* Grauer Streifen zwischen Header und Suchleiste entfernen */
.elementor-location-header {
  margin-bottom: 0 !important;
}

.suchleiste {
  margin-top: 0 !important;
}

.suchleiste-optionen {
  display: inline-flex;
  align-items: center;
  justify-content: center;
}

.werbefrei-hinweis {
  color: rgba(255, 255, 255, 0.6);
  font-size: 14px;
  margin-left: 15px;
  padding-top: 2px;
}

.werbefrei-hinweis a {
  color: #ffffff !important;
  text-decoration: none !important;
  font-weight: bold;
}

.werbefrei-hinweis a:hover {
  text-decoration: underline !important;
}

/* ///////////////////
 * WordPress/Elementor-Isolation für Suchleiste
 * /////////////////// */

/* Input: hello-elementor reset.css setzt width:100%, border:#666, padding:.5rem 1rem */
.suchleiste input.ergebnis {
  width: 40%;
  min-width: 200px;
  padding: 5px;
  border: 1px solid #888888;
  border-top-left-radius: 4px;
  border-bottom-left-radius: 4px;
  border-top-right-radius: 0;
  border-bottom-right-radius: 0;
  background-color: white;
  color: #333;
  font-size: inherit;
  line-height: normal;
}

/* Suchen-Button: reset.css setzt transparent bg + #c36 Farbe */
.suchleiste button.suchen {
  background-color: #888888;
  padding: 5px 15px;
  margin-left: -31px;
  border: 1px solid #888888;
  border-top-right-radius: 4px;
  border-bottom-right-radius: 4px;
  border-top-left-radius: 0;
  border-bottom-left-radius: 0;
  color: white;
  font-size: inherit;
  line-height: normal;
  cursor: pointer;
  box-sizing: border-box;
}

/* Suchzeile: Flexbox statt fragiler Pixel-Offsets */
.suchleiste form.ergebnis {
  display: flex;
  flex-wrap: wrap;
  justify-content: center;
  align-items: stretch;
}

.suchleiste form.ergebnis > div {
  width: 100%;
}

.suchleiste button.suchen:hover {
  background-color: #777777;
  color: white;
}

/* Leeren-Button: innerhalb des Inputs als dezentes X */
.suchleiste button.leeren {
  background-color: transparent;
  border: none;
  color: #aaa;
  padding: 0 8px;
  margin-left: -34px;
  margin-right: 6px;
  cursor: pointer;
  font-size: 16px;
  line-height: 1;
}

.suchleiste button.leeren:hover {
  background-color: transparent;
  color: #555;
}

/* ///////////////////
 * WordPress/Elementor-Isolation für den Hauptteil
 * /////////////////// */

/* Links: Unterstreichung entfernen (wie alte Seite) */
.woerterbuch a {
  text-decoration: none;
}

/* Buttons: Bootstrap-Stil beibehalten, Elementor-Overrides neutralisieren */
.woerterbuch .btn {
  display: inline-block;
  padding: 6px 12px;
  font-size: 14px;
  font-weight: normal;
  line-height: 1.42857143;
  text-align: center;
  white-space: nowrap;
  vertical-align: middle;
  cursor: pointer;
  border: 1px solid transparent;
  border-radius: 4px;
  text-decoration: none;
}

.woerterbuch .btn.btn-primary.blau {
  background-color: #38418B !important;
  border-color: #38418b !important;
  color: white;
}

/* Container: Bootstrap-Zentrierung nachbilden (Bootstrap wird nicht geladen) */
.container {
  max-width: 1140px;
  margin-left: auto;
  margin-right: auto;
  padding-left: 15px;
  padding-right: 15px;
}

/* Links: reset.css setzt a-Farbe auf #c36 — hier auf Navigium-Blau */
.woerterbuch a.blau,
.woerterbuch a.blau:visited,
.woerterbuch a.blau:hover,
.woerterbuch a.blau:active {
  color: #38418B;
}

/* Zahnrad-SVG: erbt Farbe vom a.blau — currentColor muss blau sein */
.woerterbuch a.blau svg {
  fill: #38418B;
}

/* Überschriften: reset.css setzt font-weight:500 und eigene Sizes — auf alte Bootstrap-Werte */
.woerterbuch h1,
.woerterbuch h2,
.woerterbuch h3 {
  margin-block-start: 0;
  margin-block-end: 0;
  font-family: inherit;
  font-weight: 500;
  line-height: 1.1;
}

.woerterbuch h1.ergebnis {
  font-size: 1.7rem;
  margin-top: 20px;
  margin-bottom: 10px;
  color: #38418B;
}

.woerterbuch h3.ergebnis {
  font-size: 1.3rem;
  margin-top: 20px;
  margin-bottom: 10px;
  color: #38418B;
}

/* Flaggen: nicht italic, eigene Farbe behalten */
.woerterbuch .sprachverwandte span[style*="margin-right"] {
  font-style: normal;
}

/* Listen: WordPress-Layout-Resets entfernen */
.woerterbuch ol,
.woerterbuch ul,
.woerterbuch li {
  margin-block-start: 0;
  margin-block-end: 0;
}

/* Divs: WordPress margin-block-start reset */
.woerterbuch div {
  margin-block-start: 0;
  margin-block-end: 0;
}

/* Bilder: Elementor setzt border-radius:2rem auf alle img — für Banner und Wörterbuch zurücksetzen */
#woerterbuch img,
.woerterbuch img {
  border-radius: 0 !important;
}

/* Tabellen: reset.css Zebra-Streifen und Hover-Effekt deaktivieren */
.woerterbuch table tr,
.woerterbuch table tr:nth-child(odd),
.woerterbuch table tr:nth-child(even),
.woerterbuch table tr:hover {
  background-color: transparent !important;
}

.woerterbuch table tr td {
  background-color: transparent !important;
}

.woerterbuch table tr:hover td {
  background-color: transparent !important;
}

.woerterbuch table td.spalte0 {
  background-color: #f5f5f5 !important;
}

.woerterbuch table td.tagged,
.woerterbuch table tr:hover td.tagged {
  background-color: #34A835 !important;
  color: white !important;
}

.woerterbuch table td.markiert,
.woerterbuch table tr:hover td.markiert {
  background-color: #34A835 !important;
  color: white !important;
}

.woerterbuch table td.markiertrot,
.woerterbuch table tr:hover td.markiertrot {
  background-color: #B20D11 !important;
  color: white !important;
}

/* Collapse: Bootstrap-Ersatz (ohne bootstrap.min.js) */
.collapse {
  display: none;
}

.collapse.show {
  display: block;
}