/* === innovaphone Buttons ===
   Zentrales Button-Stylesheet; wird von allen Sections eingebunden,
   die eine CTA rendern (Content Switch, Content Button, …).
   Klassen: .ip-btn (Standard weiss/orange), .ip-btn--invers (orange/weiss),
   Groessen: .ip-btn--big, .ip-btn--mega; .ip-btn--blind = disabled.
*/

/* Standard: weiss, 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: gefuellt 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, weiss */
.ip-btn--invers {
  color:#fff;
  background:#f59b10;
  border-color:#f59b10;
}
.ip-btn--invers:hover {
  color:#f59b10;
  background:#fff;
}

/* Inno-Gruen: gefuellt, im Hover invertiert */
.ip-btn--green {
  color:#fff;
  background:#006068;
  border-color:#006068;
}
.ip-btn--green:hover {
  color:#006068;
  background:#fff;
  border-color:#006068;
}

/* Groessen */
.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 (weiss)?
   aktuell: Active = standard (weiss) */
.ip-btn--content.ip-btn--active{
  color:#f59b10;
  background:#fff;
}

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