.c-kundenberater__container {
  --color-primary: #ffdd00;
  --color-secondary: #052e69;
  --color-white: #fff;
  --color-warm-grey: #FFFAE6;

  background-color: var(--color-primary);

  .o-switcher {
    gap: 0;
  }
}

.c-kundenberater__title {
  margin-block-end: 2rem;
}

.c-kundenberater__advisors,
.c-kundenberater__select {
  padding: 2rem;
}

.c-kundenberater__advisors {
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='227' height='204' viewBox='0 0 227 204'%3E%3Cg fill='none' fill-rule='evenodd' stroke='%23FFF' stroke-width='4' transform='translate(1.012 4.007)'%3E%3Cpath d='M67.0467,140.7048 C61.0897,146.2418 58.7007,155.0168 61.6827,163.1288 C65.6467,173.9108 77.6017,179.4388 88.3837,175.4748 C95.3537,172.9118 100.1277,167.0108 101.5627,160.2458'/%3E%3Cline x1='127.57' x2='134.547' y1='145.993' y2='160.319'/%3E%3Cpath d='M162.0475,93.3604 C162.9725,103.8034 160.4135,113.8294 154.6895,124.2834 C146.5945,139.0684 175.9735,151.9064 144.8505,167.4254 C107.9245,185.8394 121.0495,152.5434 101.2805,150.3234 C82.1635,148.1764 71.2545,136.8714 62.0885,118.4894 C50.0525,94.3524 58.4455,65.3634 80.6925,51.1784'/%3E%3Cpath d='M136.5,193.1849 C140.017,200.2369 148.968,196.1539 157.161,192.1129 C165.354,188.0719 173.117,184.7329 169.305,177.0879 C167.695,173.8599 160.28,158.9889 160.28,158.9889 C157.005,162.5939 150.853,165.6509 144.677,168.8459 C138.782,171.8959 132.899,175.1379 128.073,176.2849 C128.073,176.2849 134.562,189.2979 136.5,193.1849 Z'/%3E%3Cline x1='135.168' x2='165.196' y1='186.778' y2='171.804'/%3E%3Cpath d='M81.5543 71.5349C79.1883 75.1809 71.7383 87.6849 74.8773 102.7259 78.8713 121.8589 93.7163 133.7399 108.6533 133.6049 112.4033 133.5709 117.1493 132.1459 120.7023 134.4569 123.5673 136.3199 125.3343 140.7049 125.3343 140.7049M158.7174 31.7123C167.3224 44.5063 163.9264 61.8543 151.1324 70.4593 138.3374 79.0643 120.9904 75.6673 112.3854 62.8733 103.7804 50.0793 107.1764 32.7323 119.9704 24.1273 132.7654 15.5223 150.1124 18.9183 158.7174 31.7123Z'/%3E%3Cpath d='M164.9169 8.592C164.9169 8.592 159.5829 15.324 165.6949 23.905 172.8519 33.954 181.4049 29.847 181.4049 29.847L183.7899 47.259C183.7899 47.259 173.8719 46.006 171.2739 58.303 169.1299 68.449 178.1279 73.639 178.1279 73.639L167.9049 85.493C167.9049 85.493 161.5499 77.038 150.3669 82.016 139.5639 86.825 140.1879 97.588 140.1879 97.588L124.8289 95.567C124.8289 95.567 127.9659 86.039 116.7709 81.259 107.7109 77.391 99.8719 82.413 99.8719 82.413L90.9309 69.23C90.9309 69.23 98.6749 65.302 97.0819 54.702 95.3899 43.435 86.4399 42.277 86.4399 42.277L89.9159 26.683C89.9159 26.683 100.3529 32.567 108.4349 23.254 115.0989 15.576 107.6269 7.454 107.6269 7.454 107.6269 7.454 116.2499 2.622 120.3019 0 120.3019 0 123.0189 10.309 134.0589 10.496 146.1129 10.7 149.2609.253 149.2609.253L164.9169 8.592ZM109.0522 164.9933C107.2322 165.7603 105.2992 167.3643 103.7762 170.5343 100.4292 177.4983 106.0232 182.8473 106.0232 182.8473L96.5262 189.6183C96.5262 189.6183 93.4232 182.3743 84.4482 183.9983 75.7782 185.5673 74.3252 193.4683 74.3252 193.4683L63.5672 189.2873C63.5672 189.2873 67.5232 182.9463 60.2662 177.5063 54.3932 173.1033 47.8312 175.3513 47.8312 175.3513L43.6922 164.2273C43.6922 164.2273 49.9922 162.7543 50.7152 154.8013 51.4832 146.3463 45.2112 143.9253 45.2112 143.9253L50.4852 133.2533C50.4852 133.2533 53.3572 135.9453 57.4822 136.1993 59.3462 136.3143 61.4652 135.9323 63.6902 134.5783'/%3E%3Cline x1='178.813' x2='192.03' y1='127.975' y2='160.532'/%3E%3Cline x1='189.59' x2='222.41' y1='116.889' y2='129.437'/%3E%3Cline x1='190.689' x2='224.93' y1='100.754' y2='92.871'/%3E%3Cline x1='41.607' x2='18.325' y1='74.336' y2='48.02'/%3E%3Cline x1='35.125' y1='88.372' y2='87.44'/%3E%3Cline x1='39.449' x2='9.772' y1='103.955' y2='122.767'/%3E%3C/g%3E%3C/svg%3E");
  background-size: 80% auto;
  background-repeat: no-repeat;
  background-position: center;
}

.c-kundenberater__advisors {
  aspect-ratio: 1/1;
}

.c-kundenberater__advisors:has(h3){
  background-color: var(--color-warm-grey);
  background-image: none;
}

.c-kundenberater__advisors {
  .dot-pulse {
    display: none;
  }
}
.c-kundenberater__advisors:has(.is-loading) {  
  display: grid;
  place-items: center;
  height: 100%;
  width: 100%;
  
  > * {
    grid-column: 1;
    grid-row: 1;
  }
  
  .dot-pulse {
    display: block;
  }
}

.c-kundenberater__select {
  label {
    display: block;
    font-size: 1.125rem;
    font-weight: 700;
    margin-block-end: 0.5em;
  }
}

.choices__inner {
  border: 1px solid var(--color-secondary);  
}

.choices[data-type*=select-one]::after {  
  border-color: var(--color-secondary) transparent transparent;
  border-width: 7px;
}

.choices__list.choices__list--single {
  font-size: 1.125rem;
  
  .choices__item {
    padding-block: 0;  
  }
}

.choices__placeholder {
  color: var(--color-secondary);
  opacity: 0.75;
}

:is(.choices__item, #here#to#increase#specificity) {
  font-size: 1rem;
  padding-block: 0.25em;  

  &.is-highlighted {
    background-color: var(--color-secondary);
    color: var(--color-white);
  }
}

.c-kundenberater__advisor-entry {
  font-weight: bold;

  .c-kundenberater__name {
    color: #052e69;
    display: block;
    font-family: "Titillium Web", sans-serif;
    font-size: calc(1.7894736842rem * 0.8731611227);
    font-weight: 700;
    letter-spacing: 0.035em;
    line-height: 1.2;
    margin-block-end: 0;
    text-transform: uppercase;    
  }
  
  .c-kundenberater__position {
    margin-block-end: 0.5em;
  }

  .c-kundenberater__availability {
    align-items: center;
    display: flex;
    gap: 0.5em;
    margin-block-start: 0.5em;

    &:before {
      content: "";
      background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='18' height='18' viewBox='0 0 18 18'%3E%3Cg fill='none' fill-rule='evenodd' transform='translate(1 1)'%3E%3Cpath fill='%230A2C68' d='M16.393,8.197 C16.393,12.724 12.723,16.394 8.196,16.394 C3.67,16.394 0,12.724 0,8.197 C0,3.67 3.67,0 8.196,0 C12.723,0 16.393,3.67 16.393,8.197'/%3E%3Cpath fill='%23FFF' d='M10.7468,8.7784 L10.0328,9.4854 C9.4218,10.0914 9.4168,11.0794 10.0238,11.6904 C10.6298,12.3024 11.6168,12.3064 12.2288,11.7004 L12.9418,10.9934 L10.7468,8.7784 Z'/%3E%3Cpath fill='%23FFF' d='M10.5278,10.7078 C9.5668,11.6598 8.0558,11.0408 6.7498,9.7228 C5.4438,8.4048 4.8378,6.8878 5.7978,5.9358 L5.1008,5.2318 C3.8558,6.4648 4.2188,8.8478 5.9098,10.5548 C7.6008,12.2608 9.9808,12.6448 11.2258,11.4118 L10.5278,10.7078 Z'/%3E%3Cpath fill='%23FFF' d='M5.4941,3.4783 L4.7801,4.1853 C4.1691,4.7913 4.1641,5.7793 4.7711,6.3903 C5.3771,7.0023 6.3641,7.0063 6.9761,6.4003 L7.6891,5.6933 L5.4941,3.4783 Z'/%3E%3C/g%3E%3C/svg%3E");
      display: inline-block;
      width: 1.125rem;
      height: 1.125rem;
      background-size: contain;
      background-repeat: no-repeat;
    }
  }

  .c-kundenberater__additional_information {
    background-color: var(--color-primary);
    line-height: 1.2;
    margin-block-start: 0.5em;
    padding: 0.5em;
  }

  & + & {
    border-top: 1px solid var(--color-secondary);
    margin-block-start: 1rem;
    padding-block-start: 1rem;
  }
}


.dot-pulse {
  position: relative;
  left: -9999px;
  width: 10px;
  height: 10px;
  border-radius: 5px;
  background-color: var(--color-secondary);
  color: var(--color-secondary);
  box-shadow: 9999px 0 0 -5px;
  animation: dot-pulse 1.5s infinite linear;
  animation-delay: 0.25s;
}
.dot-pulse::before, .dot-pulse::after {
  content: "";
  display: inline-block;
  position: absolute;
  top: 0;
  width: 10px;
  height: 10px;
  border-radius: 5px;
  background-color: var(--color-secondary);
  color: var(--color-secondary);
}
.dot-pulse::before {
  box-shadow: 9984px 0 0 -5px;
  animation: dot-pulse-before 1.5s infinite linear;
  animation-delay: 0s;
}
.dot-pulse::after {
  box-shadow: 10014px 0 0 -5px;
  animation: dot-pulse-after 1.5s infinite linear;
  animation-delay: 0.5s;
}

@keyframes dot-pulse-before {
  0% {
    box-shadow: 9984px 0 0 -5px;
  }
  30% {
    box-shadow: 9984px 0 0 2px;
  }
  60%, 100% {
    box-shadow: 9984px 0 0 -5px;
  }
}
@keyframes dot-pulse {
  0% {
    box-shadow: 9999px 0 0 -5px;
  }
  30% {
    box-shadow: 9999px 0 0 2px;
  }
  60%, 100% {
    box-shadow: 9999px 0 0 -5px;
  }
}
@keyframes dot-pulse-after {
  0% {
    box-shadow: 10014px 0 0 -5px;
  }
  30% {
    box-shadow: 10014px 0 0 2px;
  }
  60%, 100% {
    box-shadow: 10014px 0 0 -5px;
  }
}