#stimmen .sr-only {
    position: absolute;
    width: 1px;
    height: 1px;
    padding: 0;
    margin: -1px;
    overflow: hidden;
    clip: rect(0, 0, 0, 0);
    white-space: nowrap;
    border-width: 0
}
#stimmen .absolute {
    position: absolute
}
#stimmen .relative {
    position: relative
}
#stimmen .right-5 {
    right: 1.25rem
}
#stimmen .top-5 {
    top: 1.25rem
}
#stimmen .mx-auto {
    margin-left: auto;
    margin-right: auto
}
#stimmen .mb-2\.5 {
    margin-bottom: 0.625rem
}
#stimmen .ml-0\.5 {
    margin-left: 0.125rem
}
#stimmen .mt-2\.5 {
    margin-top: 0.625rem
}
#stimmen .mt-6 {
    margin-top: 1.5rem
}
#stimmen .mt-\[13px\] {
    margin-top: 13px
}
#stimmen .mt-\[22px\] {
    margin-top: 22px
}
#stimmen .mt-\[34px\] {
    margin-top: 34px
}
#stimmen .flex {
    display: flex
}
#stimmen .inline-flex {
    display: inline-flex
}
#stimmen .grid {
    display: grid
}
#stimmen .hidden {
    display: none
}
#stimmen .h-1 {
    height: 0.25rem
}
#stimmen .h-11 {
    height: 2.75rem
}
#stimmen .h-6 {
    height: 1.5rem
}
#stimmen .h-\[17px\] {
    height: 17px
}
#stimmen .h-\[21px\] {
    height: 21px
}
#stimmen .min-h-\[52px\] {
    min-height: 52px
}
#stimmen .w-11 {
    width: 2.75rem
}
#stimmen .w-6 {
    width: 1.5rem
}
#stimmen .w-\[17px\] {
    width: 17px
}
#stimmen .w-\[21px\] {
    width: 21px
}
#stimmen .w-\[26px\] {
    width: 26px
}
#stimmen .max-w-\[700px\] {
    max-width: 700px
}
#stimmen .shrink-0 {
    flex-shrink: 0
}
#stimmen .transform {
    transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))
}
#stimmen .cursor-pointer {
    cursor: pointer
}
#stimmen .place-items-center {
    place-items: center
}
#stimmen .items-center {
    align-items: center
}
#stimmen .justify-center {
    justify-content: center
}
#stimmen .gap-2 {
    gap: 0.5rem
}
#stimmen .gap-2\.5 {
    gap: 0.625rem
}
#stimmen .gap-3 {
    gap: 0.75rem
}
#stimmen .gap-\[7px\] {
    gap: 7px
}
#stimmen .text-balance {
    text-wrap: balance
}
#stimmen .rounded-\[22px\] {
    border-radius: 22px
}
#stimmen .rounded-full {
    border-radius: 9999px
}
#stimmen .border {
    border-width: 1px
}
#stimmen .border-white\/\[0\.16\] {
    border-color: rgb(255 255 255 / 0.16)
}
#stimmen .bg-\[\#F5F5F5\] {
    --tw-bg-opacity: 1;
    background-color: rgb(245 245 245 / var(--tw-bg-opacity, 1))
}
#stimmen .bg-brand {
    --tw-bg-opacity: 1;
    background-color: rgb(201 162 75 / var(--tw-bg-opacity, 1))
}
#stimmen .bg-white\/15 {
    background-color: rgb(255 255 255 / 0.15)
}
#stimmen .p-5 {
    padding: 1.25rem
}
#stimmen .px-\[26px\] {
    padding-left: 26px;
    padding-right: 26px
}
#stimmen .pr-9 {
    padding-right: 2.25rem
}
#stimmen .text-center {
    text-align: center
}
#stimmen .text-\[11px\] {
    font-size: 11px
}
#stimmen .text-\[12\.5px\] {
    font-size: 12.5px
}
#stimmen .text-\[15px\] {
    font-size: 15px
}
#stimmen .text-\[16\.5px\] {
    font-size: 16.5px
}
#stimmen .text-\[17px\] {
    font-size: 17px
}
#stimmen .text-\[19px\] {
    font-size: 19px
}
#stimmen .font-bold {
    font-weight: 700
}
#stimmen .font-medium {
    font-weight: 500
}
#stimmen .uppercase {
    text-transform: uppercase
}
#stimmen .leading-\[1\.45\] {
    line-height: 1.45
}
#stimmen .leading-tight {
    line-height: 1.25
}
#stimmen .tracking-\[-0\.005em\] {
    letter-spacing: -0.005em
}
#stimmen .tracking-\[-0\.01em\] {
    letter-spacing: -0.01em
}
#stimmen .tracking-\[0\.07em\] {
    letter-spacing: 0.07em
}
#stimmen .text-\[\#101014\] {
    --tw-text-opacity: 1;
    color: rgb(16 16 20 / var(--tw-text-opacity, 1))
}
#stimmen .text-\[\#16161b\] {
    --tw-text-opacity: 1;
    color: rgb(22 22 27 / var(--tw-text-opacity, 1))
}
#stimmen .text-\[\#6a6a72\] {
    --tw-text-opacity: 1;
    color: rgb(106 106 114 / var(--tw-text-opacity, 1))
}
#stimmen .text-\[\#E6E6EA\] {
    --tw-text-opacity: 1;
    color: rgb(230 230 234 / var(--tw-text-opacity, 1))
}
#stimmen .text-\[\#FBB300\] {
    --tw-text-opacity: 1;
    color: rgb(251 179 0 / var(--tw-text-opacity, 1))
}
#stimmen .text-text-muted {
    --tw-text-opacity: 1;
    color: rgb(139 139 149 / var(--tw-text-opacity, 1))
}
#stimmen .text-white {
    --tw-text-opacity: 1;
    color: rgb(255 255 255 / var(--tw-text-opacity, 1))
}
#stimmen .shadow-2xl {
    --tw-shadow: 0 25px 50px -12px rgb(0 0 0 / 0.25);
    --tw-shadow-colored: 0 25px 50px -12px var(--tw-shadow-color);
    box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow)
}
#stimmen .shadow-black\/60 {
    --tw-shadow-color: rgb(0 0 0 / 0.6);
    --tw-shadow: var(--tw-shadow-colored)
}
#stimmen .transition {
    transition-property: color, background-color, border-color, text-decoration-color, fill, stroke, opacity, box-shadow, transform, filter, backdrop-filter;
    transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
    transition-duration: 150ms
}
#stimmen .transition-colors {
    transition-property: color, background-color, border-color, text-decoration-color, fill, stroke;
    transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
    transition-duration: 150ms
}
#stimmen .hover\:border-brand\/70:hover {
    border-color: rgb(201 162 75 / 0.7)
}
#stimmen .hover\:bg-brand\/10:hover {
    background-color: rgb(201 162 75 / 0.1)
}
#stimmen .hover\:bg-white\/30:hover {
    background-color: rgb(255 255 255 / 0.3)
}
#stimmen .hover\:text-white:hover {
    --tw-text-opacity: 1;
    color: rgb(255 255 255 / var(--tw-text-opacity, 1))
}
@media (min-width: 640px) {
    #stimmen .sm\:mt-7 {
        margin-top: 1.75rem
    }
    #stimmen .sm\:text-\[12\.5px\] {
        font-size: 12.5px
    }
}
@media (min-width: 1024px) {
    #stimmen .lg\:right-8 {
        right: 2rem
    }
    #stimmen .lg\:top-\[30px\] {
        top: 30px
    }
    #stimmen .lg\:mt-\[46px\] {
        margin-top: 46px
    }
    #stimmen .lg\:h-\[23px\] {
        height: 23px
    }
    #stimmen .lg\:h-\[50px\] {
        height: 50px
    }
    #stimmen .lg\:w-\[23px\] {
        width: 23px
    }
    #stimmen .lg\:w-\[50px\] {
        width: 50px
    }
    #stimmen .lg\:p-\[30px\] {
        padding: 30px
    }
    #stimmen .lg\:px-8 {
        padding-left: 2rem;
        padding-right: 2rem
    }
    #stimmen .lg\:text-\[18\.5px\] {
        font-size: 18.5px
    }
    #stimmen .lg\:text-\[18px\] {
        font-size: 18px
    }
    #stimmen .lg\:text-\[21px\] {
        font-size: 21px
    }
    #stimmen .lg\:tracking-\[0\.1em\] {
        letter-spacing: 0.1em
    }
}

/* Alle Karten sind so hoch wie die längste (`stretch` ist hier Absicht): die
   Karte behält beim Durchwechseln immer dieselbe Größe, und darunter springt
   nichts. Kurze Bewertungen stehen dadurch in einer großen Fläche — so gewollt. */
#stimmen .t2g-stage {
  display: grid;
}
#stimmen .t2g-slide {
  grid-area: 1 / 1;
  z-index: 0;
  opacity: 0;
  transform: translateY(10px);
  pointer-events: none;
  transition:
    opacity 0.45s ease,
    transform 0.45s ease;
}
#stimmen .t2g-slide.is-on {
  z-index: 2;
  opacity: 1;
  transform: none;
  pointer-events: auto;
}
/* Die ausgehende Karte verschwindet sofort statt langsam: zwei weiße Karten,
   die sich gleichzeitig überblenden, zeigen kurz beide Texte übereinander. */
#stimmen .t2g-slide:not(.is-on) {
  transition: none;
}

@media (prefers-reduced-motion: reduce) {
  #stimmen .t2g-slide {
    transition: none;
  }
}