.group-table {
    width: 100%;
    table-layout: fixed;
    border-collapse: collapse;
  }

  .group-table .col-pl  { width: 40px; }
  .group-table .col-sp  { width: 40px; }
  .group-table .col-t   { width: 40px; }
  .group-table .col-td  { width: 40px; }
  .group-table .col-pkt { width: 48px; }

  .group-table .team-cell-inner {
    display: block;
    width: 100%;
    overflow: hidden;
    white-space: nowrap;
    text-overflow: ellipsis;
  }
  
.ticker{
  position: fixed;
  top: 80px;
  left: 0;
  width: 100%;
  background:#b9ffd3;
  color:#333;
  overflow:hidden;
  z-index:40;
}

.ticker-track{
  display:flex;
  white-space:nowrap;
  animation:tickerMove 20s linear infinite;
}

.ticker-text{
  padding-right: 5px;
  font-weight:700;
  white-space:nowrap;
}

@keyframes tickerMove{
  from { transform: translateX(0); }
  to   { transform: translateX(-50%); }
}

    .fade-in {
      animation: fadeIn 0.8s ease-out forwards;
      opacity: 0;
    }
    .slide-up {
      animation: slideUp 0.8s ease-out forwards;
      opacity: 0;
      transform: translateY(30px);
    }
    .delay-1 { animation-delay: 0.2s; }
    .delay-2 { animation-delay: 0.4s; }
    .delay-3 { animation-delay: 0.6s; }
    .delay-4 { animation-delay: 0.8s; }

    @keyframes fadeIn {
      to { opacity: 1; }
    }
    @keyframes slideUp {
      to {
        opacity: 1;
        transform: translateY(0);
      }
    }



  .klaro .cm-btn-success {
  padding: 0.5rem 1.5rem !important;
  background-color: #16a34a !important; /* Grün */
  border-radius: 0.75rem !important;
}

.klaro .cm-btn-danger {
  padding: 0.5rem 1.5rem !important;
  border-radius: 0.75rem !important;
}

.klaro .cm-modal {
  border-radius: 1.5rem !important;
  box-shadow: 0 20px 40px rgba(0,0,0,0.2);
}

.klaro .cm-header {
  font-weight: 600;
  font-size: 1.25rem;
}

.klaro .cm-powered-by {
  display: none !important;
}
.klaro .cm-modal {
  background-color: rgb(17 24 39 / var(--tw-bg-opacity, 1)) !important;
}