/* =========================================================
   PAGEFIND CUSTOM DESIGN
   ========================================================= */

:root{
  --pagefind-ui-primary:#ffffff;
  --pagefind-ui-text:rgba(255,255,255,0.82);
  --pagefind-ui-background:#111827;
  --pagefind-ui-border:rgba(255,255,255,0.08);
  --pagefind-ui-tag:#38bdf8;
}

/* Suchbereich */

.pagefind-ui{
  color:rgba(255,255,255,0.82);
}

/* Suchfeld */

.pagefind-ui__search-input{
  background:rgba(206, 195, 195, 0.04) !important;
  border:1px solid rgba(255,255,255,0.08) !important;
  color:#e6e9f0  !important;
  border-radius:18px !important;
  padding:16px 18px !important;
}

.pagefind-ui__search-input::placeholder{
  color:rgba(17,24,39,0.45);
}

/* Ergebnisbox */

.pagefind-ui__result{
  background:rgba(255,255,255,0.04);
  border:1px solid rgba(255,255,255,0.08);
  border-radius:22px;
  padding:22px;
  margin-bottom:18px;
}

/* TITEL */

.pagefind-ui .pagefind-ui__result-link,
.pagefind-ui a.pagefind-ui__result-link,
.pagefind-ui__result-title .pagefind-ui__result-link{
  color:#ffffff !important;
  opacity:1 !important;
  text-decoration:none !important;
  font-weight:600 !important;
}

/* Hover */

.pagefind-ui .pagefind-ui__result-link:hover{
  color:#7dd3fc !important;
  text-decoration:underline !important;}

/* Beschreibung */

.pagefind-ui__result-excerpt{
  color:rgba(255,255,255,0.72);
}

/* Buttons */

.pagefind-ui__button{
  border-radius:14px !important;
}