/* =========================
   GLOBAL VARS (fallbacks)
   ========================= */
:root{
  --avu-font: inherit;

  --avu-portal-text: #de5918;
  --avu-portal-bg: transparent;
  --avu-portal-border: rgba(222,89,24,.35);
  --avu-portal-text-hover: #fff;
  --avu-portal-bg-hover: #de5918;
  --avu-portal-border-hover: #de5918;
  --avu-portal-radius: 999px;
  --avu-portal-bw: 1px;

  --avu-quote-text: #de5918;
  --avu-quote-bg: transparent;
  --avu-quote-border: rgba(222,89,24,.35);
  --avu-quote-text-hover: #fff;
  --avu-quote-bg-hover: #de5918;
  --avu-quote-border-hover: #de5918;
  --avu-quote-radius: 999px;
  --avu-quote-bw: 1px;
}

/* =========================
   CLICK FIX (Overlay/Layer)
   ========================= */
.avu-toplink, .avu-footerlink{
  position: relative;
  z-index: 9999;
}
.avu-toplink a, .avu-footerlink a{
  pointer-events: auto;
  position: relative;
  z-index: 10000;
}
.avu-toplink *{
  pointer-events: auto;
}

/* =========================
   TOP: Header-Top (displayNav1)
   ========================= */
.avu-toplink{
  display: inline-flex !important;
  align-items: center !important;
  flex-direction: row !important;
  gap: 10px;
  margin-left: 10px;
  white-space: nowrap !important;
}
.avu-toplink__inner{
  display: inline-flex !important;
  align-items: center !important;
  flex-direction: row !important;
  gap: 10px;
  flex-wrap: nowrap !important;
  white-space: nowrap !important;
}
.avu-toplink__inner > a{
  white-space: nowrap !important;
}

/* =========================
   FOOTER: viewport-mittig
   ========================= */
.avu-footerlink{
  width: 100vw;
  margin-left: calc(50% - 50vw);
  margin-top: 14px;
  margin-bottom: 6px;
  text-align: center;
  position: relative;
  z-index: 2;
  font-family: var(--avu-font);
  display: block;
  clear: both;
}
.avu-footerlink__inner{
  display: inline-flex;
  align-items: center;
  justify-content: center;
  gap: 10px;
  flex-wrap: wrap;
}

/* =========================
   BUTTON BASE
   ========================= */
a.avu-btn{
  display: inline-flex;
  align-items: center;
  justify-content: center;
  padding: 6px 12px;
  min-height: 32px;
  line-height: 1;
  text-decoration: none !important;
  font-weight: 700;
  transition: background .15s ease, color .15s ease, border-color .15s ease;
  font-family: var(--avu-font);
}
a.avu-btn:focus{ outline:none; }
a.avu-btn:focus-visible{
  outline: 2px solid currentColor;
  outline-offset: 2px;
}

/* PORTAL */
a.avu-btn--portal{
  color: var(--avu-portal-text) !important;
  background: var(--avu-portal-bg) !important;
  border: var(--avu-portal-bw) solid var(--avu-portal-border) !important;
  border-radius: var(--avu-portal-radius) !important;
}
a.avu-btn--portal:hover,
a.avu-btn--portal:focus{
  color: var(--avu-portal-text-hover) !important;
  background: var(--avu-portal-bg-hover) !important;
  border-color: var(--avu-portal-border-hover) !important;
}

/* QUOTE */
a.avu-btn--quote{
  color: var(--avu-quote-text) !important;
  background: var(--avu-quote-bg) !important;
  border: var(--avu-quote-bw) solid var(--avu-quote-border) !important;
  border-radius: var(--avu-quote-radius) !important;
}
a.avu-btn--quote:hover,
a.avu-btn--quote:focus{
  color: var(--avu-quote-text-hover) !important;
  background: var(--avu-quote-bg-hover) !important;
  border-color: var(--avu-quote-border-hover) !important;
}

/* =========================
   MENU: injected LI sitzt sauber rechts
   ========================= */
li.avu-menulink.avu-menulink--injected{
  display: inline-flex !important;
  align-items: center !important;
  margin-left: 12px;
  list-style: none;
}
li.avu-menulink.avu-menulink--injected > a.avu-btn{
  white-space: nowrap;
}
