/* Premium Illustration Styling */

/* Hero Illustrations - Large with Gradient Background */
.premium-hero img[src*="illu_"] {
  width: 220px !important;
  height: 220px !important;
  padding: 3rem;
  background: linear-gradient(135deg, rgba(255, 136, 0, 0.15) 0%, rgba(255, 102, 0, 0.25) 100%);
  border-radius: 50%;
  box-shadow: 
    0 20px 60px rgba(255, 136, 0, 0.3),
    0 0 80px rgba(255, 136, 0, 0.2),
    inset 0 0 40px rgba(255, 255, 255, 0.1);
  backdrop-filter: blur(10px);
  border: 2px solid rgba(255, 136, 0, 0.3);
  animation: float 6s ease-in-out infinite, glow 3s ease-in-out infinite alternate;
  transition: all 0.5s ease;
}

.premium-hero img[src*="illu_"]:hover {
  transform: scale(1.05) translateY(-10px);
  box-shadow: 
    0 30px 80px rgba(255, 136, 0, 0.4),
    0 0 100px rgba(255, 136, 0, 0.3);
}

/* Section Illustrations - Medium with Card Background */
.premium-section img[src*="illu_"],
.service-card img[src*="illu_"],
.glass-card img[src*="illu_"] {
  width: 100px !important;
  height: 100px !important;
  padding: 1.5rem;
  background: linear-gradient(135deg, #ffffff 0%, #f8f9fa 100%);
  border-radius: 24px;
  box-shadow: 
    0 10px 30px rgba(0, 0, 0, 0.1),
    inset 0 -2px 10px rgba(255, 136, 0, 0.1);
  border: 1px solid rgba(255, 136, 0, 0.2);
  transition: all 0.4s ease;
}

.premium-section img[src*="illu_"]:hover,
.service-card img[src*="illu_"]:hover,
.glass-card img[src*="illu_"]:hover {
  transform: scale(1.1) rotate(5deg);
  box-shadow: 
    0 15px 40px rgba(255, 136, 0, 0.25),
    inset 0 -2px 10px rgba(255, 136, 0, 0.2);
}

/* Process Step Icons - Smaller with Orange Accent */
.process-step img[src*="illu_"] {
  width: 70px !important;
  height: 70px !important;
  padding: 1rem;
  background: rgba(255, 136, 0, 0.1);
  border-radius: 16px;
  border: 2px solid rgba(255, 136, 0, 0.3);
  transition: all 0.3s ease;
}

.process-step:hover img[src*="illu_"] {
  background: rgba(255, 136, 0, 0.2);
  transform: scale(1.1);
}

/* Glow Animation */
@keyframes glow {
  0% {
    box-shadow: 
      0 20px 60px rgba(255, 136, 0, 0.3),
      0 0 80px rgba(255, 136, 0, 0.2),
      inset 0 0 40px rgba(255, 255, 255, 0.1);
  }
  100% {
    box-shadow: 
      0 25px 70px rgba(255, 136, 0, 0.4),
      0 0 100px rgba(255, 136, 0, 0.3),
      inset 0 0 50px rgba(255, 255, 255, 0.15);
  }
}

/* Float Animation Enhancement */
@keyframes float {
  0%, 100% {
    transform: translateY(0px);
  }
  50% {
    transform: translateY(-20px);
  }
}

/* Dark Section Illustrations - Inverted Colors */
.premium-section-dark img[src*="illu_"] {
  background: linear-gradient(135deg, rgba(255, 136, 0, 0.2) 0%, rgba(255, 102, 0, 0.3) 100%);
  border: 2px solid rgba(255, 136, 0, 0.4);
  box-shadow: 
    0 15px 40px rgba(255, 136, 0, 0.3),
    inset 0 0 30px rgba(255, 255, 255, 0.1);
}

/* Responsive Sizing */
@media (max-width: 768px) {
  .premium-hero img[src*="illu_"] {
    width: 150px !important;
    height: 150px !important;
    padding: 2rem;
  }
  
  .premium-section img[src*="illu_"],
  .service-card img[src*="illu_"],
  .glass-card img[src*="illu_"] {
    width: 80px !important;
    height: 80px !important;
    padding: 1.25rem;
  }
  
  .process-step img[src*="illu_"] {
    width: 60px !important;
    height: 60px !important;
    padding: 0.875rem;
  }
}

/* Special: Rene Wanzlik Photo - No Illustration Styling */
img[src*="rene-wanzlik"] {
  background: none !important;
  padding: 0 !important;
  border: none !important;
  box-shadow: 0 20px 60px rgba(0, 0, 0, 0.15) !important;
  animation: none !important;
}

/* Logo - No Illustration Styling */
img[src*="logo"] {
  background: none !important;
  padding: 0 !important;
  border: none !important;
  box-shadow: none !important;
  animation: none !important;
  filter: none !important;
}