/* EIC Gastro-Umfrage – gekapselt, damit das Theme nichts überschreibt */
.eic-umfrage{
  --eic-acc:#E0B341;
  --eic-acc-ink:#09090b;
  --eic-bg:#09090b;
  --eic-card:#131316;
  --eic-card2:#1A1A1F;
  --eic-line:#26262B;
  --eic-ink:#FAFAFA;
  --eic-muted:#A1A1AA;
  --eic-dim:#71717A;
  --eic-sans:-apple-system,BlinkMacSystemFont,"Segoe UI",Inter,Roboto,Helvetica,Arial,sans-serif;
  --eic-serif:Georgia,"Times New Roman",serif;

  font-family:var(--eic-sans);
  color:var(--eic-ink);
  background:var(--eic-bg);
  border:1px solid var(--eic-line);
  border-radius:18px;
  overflow:hidden;
  max-width:40rem;
  margin:0 auto;
  -webkit-font-smoothing:antialiased;
  line-height:1.5;
}
.eic-umfrage *{box-sizing:border-box;-webkit-tap-highlight-color:transparent}

/* Kopfzeile */
.eic-umfrage .eic-top{position:sticky;top:0;z-index:5;background:rgba(9,9,11,.94);
  -webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);border-bottom:1px solid var(--eic-line)}
.eic-umfrage .eic-top-in{display:flex;align-items:center;justify-content:space-between;padding:.8rem 1.25rem}
.eic-umfrage .eic-brand{font-size:.78rem;font-weight:600;letter-spacing:-.01em;color:var(--eic-ink)}
.eic-umfrage .eic-brand em{font-style:normal;color:var(--eic-dim);font-weight:400}
.eic-umfrage .eic-count{font-size:.75rem;color:var(--eic-dim);font-variant-numeric:tabular-nums}
.eic-umfrage .eic-count b{color:var(--eic-acc);font-weight:600}
.eic-umfrage .eic-bar{height:2px;background:var(--eic-line)}
.eic-umfrage .eic-bar span{display:block;height:100%;width:0;background:var(--eic-acc);
  transition:width .4s cubic-bezier(.4,0,.2,1)}

/* Inhalt */
.eic-umfrage .eic-body{padding:1.9rem 1.25rem 1rem;min-height:22rem}
.eic-umfrage .eic-eyebrow{display:inline-flex;align-items:center;gap:.5rem;font-size:.75rem;color:var(--eic-muted);
  background:var(--eic-card);border:1px solid var(--eic-line);border-radius:999px;padding:.4rem .85rem;margin:0 0 1.4rem}
.eic-umfrage .eic-eyebrow::before{content:"";width:.4rem;height:.4rem;border-radius:50%;background:var(--eic-acc)}
.eic-umfrage h2.eic-h1{font-size:2rem;line-height:1.08;letter-spacing:-.03em;font-weight:700;margin:0 0 1rem;color:var(--eic-ink)}
.eic-umfrage h2.eic-h1 i{font-family:var(--eic-serif);font-style:italic;font-weight:400;color:var(--eic-acc)}
.eic-umfrage h3.eic-q{font-size:1.5rem;line-height:1.2;letter-spacing:-.02em;font-weight:650;margin:0 0 .5rem;max-width:20ch;color:var(--eic-ink)}
.eic-umfrage .eic-hint{font-size:.9rem;color:var(--eic-muted);margin:0 0 1.4rem;max-width:40ch}
.eic-umfrage .eic-lede{font-size:1rem;line-height:1.65;color:var(--eic-muted);margin:0 0 1rem;max-width:44ch}
.eic-umfrage .eic-note{font-size:.78rem;color:var(--eic-dim);line-height:1.55;margin-top:1.75rem;max-width:40ch}

/* Zahlenreihe */
.eic-umfrage .eic-stats{display:flex;border:1px solid var(--eic-line);border-radius:14px;overflow:hidden;
  margin:1.6rem 0 0;background:var(--eic-card)}
.eic-umfrage .eic-stat{flex:1;padding:.95rem .85rem;border-right:1px solid var(--eic-line)}
.eic-umfrage .eic-stat:last-child{border-right:none}
.eic-umfrage .eic-stat b{display:block;font-size:1.3rem;font-weight:700;letter-spacing:-.02em;line-height:1}
.eic-umfrage .eic-stat span{display:block;font-size:.72rem;color:var(--eic-dim);margin-top:.4rem}

/* Optionen */
.eic-umfrage .eic-opts{display:flex;flex-direction:column;gap:.55rem}
.eic-umfrage .eic-opt{display:flex;align-items:center;gap:.85rem;width:100%;text-align:left;background:var(--eic-card);
  border:1px solid var(--eic-line);border-radius:12px;color:var(--eic-ink);font:inherit;font-size:1rem;line-height:1.35;
  padding:1rem 1.05rem;cursor:pointer;transition:border-color .15s,background .15s,transform .08s}
.eic-umfrage .eic-opt:hover{background:var(--eic-card2)}
.eic-umfrage .eic-opt:active{transform:scale(.99)}
.eic-umfrage .eic-opt:focus-visible{outline:2px solid var(--eic-acc);outline-offset:2px}
.eic-umfrage .eic-opt[aria-pressed="true"]{border-color:var(--eic-acc);background:var(--eic-card2)}
.eic-umfrage .eic-tick{flex:0 0 1.15rem;height:1.15rem;border:1.5px solid #3F3F46;border-radius:5px;position:relative;transition:all .15s}
.eic-umfrage .eic-single .eic-tick{border-radius:50%}
.eic-umfrage .eic-opt[aria-pressed="true"] .eic-tick{background:var(--eic-acc);border-color:var(--eic-acc)}
.eic-umfrage .eic-opt[aria-pressed="true"] .eic-tick::after{content:"";position:absolute;left:.33rem;top:.11rem;
  width:.26rem;height:.55rem;border:solid var(--eic-acc-ink);border-width:0 2px 2px 0;transform:rotate(42deg)}

/* Matrix */
.eic-umfrage .eic-row{padding:1.05rem 0;border-bottom:1px solid var(--eic-line)}
.eic-umfrage .eic-row:first-of-type{border-top:1px solid var(--eic-line)}
.eic-umfrage .eic-row-label{font-size:1rem;font-weight:600;letter-spacing:-.01em;margin:0 0 .7rem}
.eic-umfrage .eic-chips{display:flex;gap:.4rem;flex-wrap:wrap}
.eic-umfrage .eic-chip{background:var(--eic-card);border:1px solid var(--eic-line);border-radius:999px;color:var(--eic-muted);
  font:inherit;font-size:.875rem;padding:.5rem .9rem;cursor:pointer;transition:all .15s}
.eic-umfrage .eic-chip[aria-pressed="true"]{border-color:var(--eic-acc);color:var(--eic-acc-ink);background:var(--eic-acc);font-weight:600}
.eic-umfrage .eic-chip:focus-visible{outline:2px solid var(--eic-acc);outline-offset:2px}

/* Eingaben */
.eic-umfrage textarea,.eic-umfrage input[type=text]{width:100%;background:var(--eic-card);border:1px solid var(--eic-line);
  border-radius:12px;color:var(--eic-ink);font:inherit;font-size:1rem;padding:1rem 1.05rem;resize:vertical}
.eic-umfrage textarea::placeholder,.eic-umfrage input::placeholder{color:var(--eic-dim)}
.eic-umfrage textarea:focus,.eic-umfrage input:focus{outline:none;border-color:var(--eic-acc);background:var(--eic-card2)}
.eic-umfrage .eic-other{margin-top:.55rem}
.eic-umfrage .eic-hp{position:absolute;left:-9999px;width:1px;height:1px;opacity:0}

/* Fußleiste, klebt im Widget statt im Viewport */
.eic-umfrage .eic-foot{position:sticky;bottom:0;background:rgba(9,9,11,.95);
  -webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);
  border-top:1px solid var(--eic-line);padding:.85rem 1.25rem;display:flex;gap:.6rem;align-items:center}
.eic-umfrage .eic-go{flex:1;background:var(--eic-acc);border:none;border-radius:999px;color:var(--eic-acc-ink);font:inherit;
  font-weight:650;font-size:1rem;padding:1rem;cursor:pointer;transition:opacity .15s}
.eic-umfrage .eic-go:hover{opacity:.9}
.eic-umfrage .eic-go[disabled]{background:var(--eic-card);color:var(--eic-dim);border:1px solid var(--eic-line);cursor:not-allowed}
.eic-umfrage .eic-back{background:none;border:none;color:var(--eic-dim);font:inherit;font-size:.9rem;padding:1rem .5rem;cursor:pointer}
.eic-umfrage .eic-back:hover{color:var(--eic-muted)}

/* Live-Zähler Shortcode */
.eic-um-zaehler{font-size:.9rem;color:#A1A1AA;text-align:center}
.eic-um-zaehler b{color:#E0B341;font-size:1.15rem}

@media (prefers-reduced-motion:reduce){.eic-umfrage *{transition:none!important}}
@media (max-width:420px){
  .eic-umfrage{border-radius:14px}
  .eic-umfrage h2.eic-h1{font-size:1.75rem}
  .eic-umfrage h3.eic-q{font-size:1.3rem}
  .eic-umfrage .eic-body{padding:1.5rem 1rem 1rem}
  .eic-umfrage .eic-top-in,.eic-umfrage .eic-foot{padding-left:1rem;padding-right:1rem}
}

/* ------------------------------------------------------------------ */
/* Teaser für die Startseite                                          */
/* ------------------------------------------------------------------ */
.eic-teaser{
  --eic-acc:#E0B341;
  --eic-acc-ink:#09090b;
  --eic-line:#26262B;
  --eic-card:#131316;
  --eic-ink:#FAFAFA;
  --eic-muted:#A1A1AA;
  --eic-dim:#71717A;
  font-family:-apple-system,BlinkMacSystemFont,"Segoe UI",Inter,Roboto,Helvetica,Arial,sans-serif;
  background:linear-gradient(180deg,#131316 0%,#0C0C0E 100%);
  border:1px solid var(--eic-line);border-radius:18px;
  padding:2rem 1.75rem;max-width:42rem;margin:0 auto;color:var(--eic-ink);
  position:relative;overflow:hidden;-webkit-font-smoothing:antialiased;line-height:1.5;
}
.eic-teaser::before{content:"";position:absolute;top:0;left:0;right:0;height:2px;
  background:linear-gradient(90deg,var(--eic-acc),transparent 70%)}
.eic-teaser .eic-eyebrow{display:inline-flex;align-items:center;gap:.5rem;font-size:.75rem;
  color:var(--eic-muted);background:var(--eic-card);border:1px solid var(--eic-line);
  border-radius:999px;padding:.4rem .85rem;margin:0 0 1.1rem}
.eic-teaser .eic-eyebrow::before{content:"";width:.4rem;height:.4rem;border-radius:50%;background:var(--eic-acc)}
.eic-teaser .eic-teaser-h{font-size:1.75rem;line-height:1.12;letter-spacing:-.03em;font-weight:700;
  margin:0 0 .75rem;color:var(--eic-ink)}
.eic-teaser .eic-teaser-t{font-size:.98rem;line-height:1.65;color:var(--eic-muted);margin:0 0 1.6rem;max-width:46ch}
.eic-teaser .eic-teaser-a{display:flex;align-items:center;gap:1rem;flex-wrap:wrap;margin:0}
.eic-teaser .eic-teaser-btn{display:inline-block;background:var(--eic-acc);color:var(--eic-acc-ink);
  text-decoration:none;font-weight:650;font-size:1rem;padding:.9rem 1.75rem;border-radius:999px;
  transition:opacity .15s}
.eic-teaser .eic-teaser-btn:hover{opacity:.9;color:var(--eic-acc-ink)}
.eic-teaser .eic-teaser-n{font-size:.85rem;color:var(--eic-dim)}
.eic-teaser .eic-teaser-n b{color:var(--eic-acc)}
@media (max-width:420px){
  .eic-teaser{padding:1.6rem 1.25rem;border-radius:14px}
  .eic-teaser .eic-teaser-h{font-size:1.5rem}
  .eic-teaser .eic-teaser-btn{display:block;text-align:center}
  .eic-teaser .eic-teaser-a{gap:.75rem}
}
