/* Xpert-Timer Works - Grünes Design-Override */
:root {
  --xt-primary: #86BD34;
  --xt-primary-hover: #76AD24;
  --xt-secondary: #C7CD00;
  --xt-accent: #86BD34;
  --xt-accent-hover: #76AD24;
  --xt-dark: #222;
  --xt-gray: #f5f7f8;
  --xt-border: #e2e6e8;
  --xt-text: #333;
  --xt-muted: #666;
  --xt-white: #fff;
}

/* Override button colors for green theme */
.btn-primary-green {
  background: var(--xt-primary);
  color: var(--xt-white);
}

.btn-primary-green:hover {
  background: var(--xt-primary-hover);
}

.btn-secondary-green {
  background: var(--xt-white);
  color: var(--xt-primary);
  border: 2px solid var(--xt-primary);
}

.btn-secondary-green:hover {
  background: var(--xt-primary);
  color: var(--xt-white);
}

/* Green card highlights */
.card-highlight-green {
  border-top: 5px solid var(--xt-primary);
}

.check-list.green li::before {
  color: var(--xt-primary);
}

/* Hero background tint for works */
.hero-works {
  background: linear-gradient(135deg, #f2f8e8 0%, #ecf1e2 100%);
}

.hero-card-wrapper {
  position: relative;
}

.hero-card-deco {
  position: absolute;
  inset: -1.5rem;
  background-color: var(--xt-border,0.15);
  border-radius: 3rem;
  transform: rotate(-2.5deg);
  z-index: 0;
}

.hero-card-works {
  position: relative;
  z-index: 1;
      background: var(--xt-white);
      border-radius: 18px;
      padding: 32px;      
      border: 1px solid var(--xt-border);
    }

.hero-card-works ul {
      padding-left: 20px;
      margin-bottom: 28px;
    }

.hero-card-works li {
      margin-bottom: 10px; 
}