/* === innovaphone Buttons === */

/* Standard: weiß, orange */
.ip-btn {
  display:inline-flex;
  align-items:center;
  justify-content:center;
  gap:8px;

  font: inherit;
  font-size:16px;
  line-height:1.1;
  padding:0.5em 1.1em;

  color:#f59b10;
  background:#fff;
  border:2px solid #f59b10;
  border-radius:15px;

  text-decoration:none;
  cursor:pointer;
  user-select:none;

  appearance:none;
  -webkit-appearance:none;

  transition: background-color .2s, color .2s, border-color .2s;
}

.ip-btn,
.ip-btn:hover,
.ip-btn:focus,
.ip-btn:active,
.ip-btn:visited{
  text-decoration: none;
}

/* Hover: gefüllt orange */
.ip-btn:hover {
  color:#fff;
  background:#f59b10;
  border-color:#f59b10;
}

/* Tastatur-Fokus */
.ip-btn:focus-visible {
  outline:2px solid #006067;
  outline-offset:2px;
}

/* Invers: orange, weiß */
.ip-btn--invers {
  color:#fff;
  background:#f59b10;
  border-color:#f59b10;
}
.ip-btn--invers:hover {
  color:#f59b10;
  background:#fff;
}

/* Größen */
.ip-btn--big { font-size:20px; }
.ip-btn--mega { font-size:38px; border-width:4px; }

/* Disabled / "blind" */
.ip-btn--blind,
.ip-btn:disabled,
.ip-btn[aria-disabled="true"]{
  color:#fff;
  background:#006067;
  border-color:#006067;
  border-radius:16px;
  pointer-events:none;
}

/* SectionSwitch */
.ip-btn--content{
  font-size:20px;
  border-radius:13px;
}
/* Active = invers (orange) oder standard (weiß)? —
   aktuell: Active = standard (weiß) */
.ip-btn--content.ip-btn--active{
  color:#f59b10;
  background:#fff;
}

/* Icons */
.ip-btn .btn-icon{
  display:inline-block;
  vertical-align:-0.125em;
}