/*
Theme Name: Patrik Kasuba Child
Template: hello-elementor
Version: 1.0.0
*/

:root {
  --color-primary: #5C1F8A;
  --color-secondary: #FFFFFF;
  --color-accent: #7B2FBE;
  --color-dark: #1A1A2E;
  --color-light: #F8F8F8;
  --color-text: #333333;
}

/* Hero Schwarzweiß-Filter */
.hero-bw { filter: grayscale(100%); }

/* Outline Button weiß */
.btn-outline-white {
  border: 2px solid #fff;
  color: #fff;
  background: transparent;
  padding: 12px 32px;
  font-weight: 600;
  letter-spacing: 1px;
  text-transform: uppercase;
  transition: all 0.3s ease;
}
.btn-outline-white:hover {
  background: #fff;
  color: var(--color-dark);
}

/* Kachel Hover-Effekt */
.tile-overlay {
  position: relative;
  overflow: hidden;
}
.tile-overlay img {
  transition: transform 0.4s ease;
}
.tile-overlay:hover img {
  transform: scale(1.05);
}
.tile-overlay .tile-text {
  position: absolute;
  bottom: 0;
  left: 0;
  right: 0;
  background: linear-gradient(transparent, rgba(26,26,46,0.85));
  color: #fff;
  padding: 20px;
  font-weight: 700;
  font-size: 1.1rem;
}

/* Responsive */
@media (max-width: 768px) {
  .tile-grid { grid-template-columns: 1fr; }
}