/*Eingabe mit Overlay

/* ── CSS Custom Properties ───────────────────────────────── */
:root {
  --c-ink:         #1e1a16;
  --c-earth:       #3d2b1f;
  --c-rust:        #a83228;
  --c-rust-light:  #c94a3f;
  --c-rust-muted:  #d4756d;
  --c-gold:        #c8922a;
  --c-gold-light:  #e8b84b;
  --c-linen:       #f7f3ee;
  --c-cream:       #fefcf8;
  --c-parchment:   #ede8df;
  --c-muted:       #7a6e65;
  --c-subtle:      #b8afa6;
  --c-navy:        #1a2e4a;
  --c-navy-light:  #243d5e;
  --c-submenu:     #eef1f6;

  --font-display: 'Lora', Georgia, serif;
  --font-body:    'Source Sans 3', Segoe UI, sans-serif;
  --font-mono:    'JetBrains Mono', 'Consolas', monospace;

  --radius:     6px;
  --radius-sm:  3px;
  --radius-lg:  10px;
  --shadow-sm:  0 1px 3px rgba(62,30,15,0.08);
  --shadow-md:  0 3px 10px rgba(62,30,15,0.12);
  --trans:      0.18s ease;
  --menu-h:     24px;
}


/* Cursor für die gesamte Seite auf Standard setzen */
* { cursor: default;}
/* Nur bei tatsächlichen Eingabefeldern den Text-Cursor erlauben */
input, textarea, [contenteditable="true"] { cursor: text;}
/* Für klickbare Elemente */
a, button, [onclick], label {  cursor: pointer;}
table, tr, td, th {  cursor: default;
/*    user-select: none; /* verhindert auch ungewollte Textmarkierung */
}

body {caret-color: transparent;}
td {caret-color: transparent;}
input, textarea { caret-color: auto;}


/* ── Suchfeld mit Lupe und Tooltip ───────────────────── */
.search-wrapper {
  position: relative;
  display: inline-flex;
  align-items: center;
}

.search-wrapper svg {
  position: absolute;
  left: 9px;
  width: 16px;
  height: 16px;
  color: #888;
  pointer-events: none;
}

.search-wrapper input[type="search"] {
  padding-left: 32px;
}

.search-wrapper .tooltip {
  visibility: hidden;
  opacity: 0;
  position: absolute;
  bottom: calc(100% + 8px);
  left: 0;
  transform: none;
  background: #fff;
  border: 1px solid #ccc;
  border-radius: 6px;
  padding: 8px 12px;
  width: max-content;
  max-width: 90vw;
  font-size: 13px;
  color: #555;
  line-height: 1.5;
  transition: opacity 0.15s;
  pointer-events: none;
  white-space: normal;
  z-index: 99;
}

.search-wrapper:hover .tooltip,
.search-wrapper:focus-within .tooltip {
  visibility: visible;
  opacity: 1;
  opacity: 1;
}

input[type="button"][value="go"] {
  padding: 3px 12px;
  background: var(--c-rust);
  color: #fff;
  border: none;
  border-radius: 20px;
  cursor: pointer;
  font-family: var(--font-body);
  font-size: 9px;
  font-weight: 700;
  letter-spacing: 0.04em;
  text-transform: uppercase;
  transition: background var(--trans), transform var(--trans);
  box-shadow: 0 1px 3px rgba(168,50,40,0.3);
}

input[type="button"][value="go"]:hover { background: var(--c-rust-light); transform: translateY(-1px);}

.submenu a {text-decoration: none}
.submenu a:hover {text-decoration: none background: var(--c-rust-light); transform: translateY(-1px);}


.menufolklore {border-collapse: collapse; border-color:white;border}
.menufolklore tr{height:14pt;border:1;border-color:white}
.menufolklore td {padding-left:5pt;padding-right:5pt;padding-top:0pt;padding-bottom:0pt;border-left:0;border-right:0pt;border-top:0;border-bottom:0;border-color:white;border-style:solid; vertical-align: middle;white-space: nowrap;}
.menufolklore td:hover { background: rgba(255,255,255,0.06);background-color:red;}
.menufolklore a {font-size: 11px;font-weight: 500;letter-spacing: 0.08em;color: white;text-decoration: none;transition: color var(--trans); white-space: nowrap;}
.material-table { width: 100%; border-collapse: collapse; font-size: 9pt;}
.material-table td { padding: 2px 2px; vertical-align: middle;}
.material-table tbody tr:hover td { background: #f4f7fb;}
.like-btn { cursor: pointer; font-size: 17px; display: inline-block;  transition: transform 0.15s; user-select: none;}
.like-btn:hover { transform: scale(1.3); }