/*.wp-block-tabs.mgznkr-tabs-switch,
.mgznkr-tabs-switch .wp-block-tabs {*/

  .wp-block-tabs.mgznkr-tabs-switch {

--mgznkr-tabs-switch-border-width: 0.12em;
--mgznkr-tabs-switch-width: 1.6em;
--mgznkr-tabs-switch-height: 0.86em;
--mgznkr-tabs-switch-dot-size: 0.5em;

/* base styles */

background: #f2f2f2;
padding-left: 20px;
padding-right: 20px;
padding-bottom: 20px;

.wp-block-tab-list {
  color: #000;
  font-size: 3.2rem;
}

section {
  padding: unset;
}



  .wp-block-tab-panels {
    margin-top: 0;
  }

  .wp-block-tab-list {
    gap: calc(var(--mgznkr-tabs-switch-width) + 1em) !important;
    display: flex;
  justify-content: center;
  align-items: stretch;
  width: 100%;
  }

  .wp-block-tab-list button {
    position: relative;
    flex: 1 1 0!important;
    background: none;
    font-size: inherit;
  }
  .wp-block-tab-list button:focus {
    text-decoration: none;
  }
   .wp-block-tab-list button:nth-child(1) {
    text-align: right;
    padding-right: 0!important;
  }
   .wp-block-tab-list button:nth-child(2) {
    text-align: left;
    padding-left: 0!important;
  }
  .wp-block-tab-list button::before {
    border: none !important;
  }

  .wp-block-tab-list button[aria-selected="false"] {
    filter: grayscale(100%);
    opacity: 0.5;
  }

  /* Oval */
  .wp-block-tab-list button:nth-child(1)::after {
    content: '';
    position: absolute;

    box-sizing: border-box;
    width: var(--mgznkr-tabs-switch-width);
    height: var(--mgznkr-tabs-switch-height);

    border: var(--mgznkr-tabs-switch-border-width) solid currentColor;
    border-radius: 100px;

    left: calc(100% + 0.5em);
    top: 50%;
    transform: translateY(-50%);
  }

  /* Kreis */
  .wp-block-tab-list button:nth-child(2)::after {
    content: '';
    position: absolute;

    box-sizing: border-box;
    width: var(--mgznkr-tabs-switch-dot-size);
    height: var(--mgznkr-tabs-switch-dot-size);

    background: currentColor;
    border-radius: 50%;

    top: 50%;
    left: calc(
      -0.5em
      - var(--mgznkr-tabs-switch-width)
      + var(--mgznkr-tabs-switch-border-width) + 1px
  
    );

    transform: translateY(-50%);
    transition: left 0.2s ease;
  }


  /* Unsichtbare Klickfläche über dem gesamten Oval */
.wp-block-tab-list button:nth-child(2)::before {
  content: '';
  position: absolute;

  box-sizing: border-box;
  width: var(--mgznkr-tabs-switch-width);
  height: var(--mgznkr-tabs-switch-height);

  top: 50%;
  left: calc(-0.5em - var(--mgznkr-tabs-switch-width));

  transform: translateY(-50%);
  background: transparent;
  border: none !important;
  border-radius: 100px;

  z-index: 2;
  cursor: pointer;
}


  /* Kreis rechts */
  .wp-block-tab-list button:nth-child(2)[aria-selected="true"]::after {
    left: calc(
      -0.5em
      - var(--mgznkr-tabs-switch-dot-size)
      - var(--mgznkr-tabs-switch-border-width) - 1px
    );
    pointer-events: none;
  }
  .wp-block-tab-list button:nth-child(1)[aria-selected="true"]::after {
    pointer-events: none;
  }

}