:root {
  --cy-primary: #0077be;
  --cy-primary-light: #4da3d9;
  --cy-secondary: #f5a623;
  --cy-accent-gold: #d4af37;
  --cy-accent-copper: #b87333;
  --cy-mediterranean: #006994;
  --cy-olive: #808000;
  --cy-white: #ffffff;
  --cy-dark: #0d0d1a;
}

/* Greek Typography Adjustments */
body {
  font-family: 'Inter', 'Noto Sans', 'Roboto', system-ui, -apple-system, sans-serif;
  letter-spacing: 0.01em;
}

/* Header Cyprus Styling */
.haupt-header {
  background: linear-gradient(135deg, #151522 0%, #1a1a35 100%);
  border-bottom: 2px solid var(--cy-primary);
}

.registrieren-taste {
  background: linear-gradient(180deg, var(--cy-secondary) 0%, #e09500 50%, #c78500 100%);
  box-shadow: 0 4px 20px rgba(245, 166, 35, 0.4);
}

.registrieren-taste:hover {
  background: linear-gradient(180deg, #ffc04d 0%, var(--cy-secondary) 50%, #e09500 100%);
  box-shadow: 0 6px 24px rgba(245, 166, 35, 0.5);
}

/* Cyprus Banner Styling */
.banner-willkommen {
  background: linear-gradient(135deg, #0a1628 0%, #0d2847 40%, #1a4a6e 100%);
  border: 1px solid rgba(0, 119, 190, 0.3);
}

.banner-cashback {
  background: linear-gradient(135deg, #0a1628 0%, #0d2847 40%, #1a4a6e 100%);
  border: 1px solid rgba(0, 119, 190, 0.3);
}

.banner-gluck {
  background: linear-gradient(135deg, #1a0a28 0%, #3a1a5a 40%, #5a2a7a 100%);
  border: 1px solid rgba(168, 85, 247, 0.3);
}

.banner-titel {
  background: linear-gradient(135deg, #ffd700, var(--cy-secondary));
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
  background-clip: text;
}

/* Cyprus-themed Categories */
.kategorie.aktiv {
  background: linear-gradient(135deg, var(--cy-secondary) 0%, #e09500 100%);
  box-shadow: 0 4px 16px rgba(245, 166, 35, 0.4);
}

/* Game Cards Cyprus Enhancement */
.spiel-karte:hover .spiel-titel {
  color: var(--cy-secondary);
}

.spiel-taste {
  background: linear-gradient(135deg, var(--cy-secondary), #e09500);
  box-shadow: 0 4px 20px rgba(245, 166, 35, 0.4);
}

.spiel-taste:hover {
  box-shadow: 0 6px 24px rgba(245, 166, 35, 0.6);
}

/* Cyprus Section Headers */
.sektion-titel .hervorheben {
  background: linear-gradient(135deg, var(--cy-secondary) 0%, #ffd700 100%);
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
  background-clip: text;
}

/* Cyprus Feature Cards */
.funktion-karte {
  background: linear-gradient(135deg, #0d1a2d 0%, #1a2d47 100%);
  border: 1px solid rgba(0, 119, 190, 0.2);
}

.funktion-karte::before {
  background: linear-gradient(90deg, transparent, var(--cy-primary), transparent);
}

.funktion-karte:hover {
  border-color: rgba(0, 119, 190, 0.4);
  box-shadow: 0 20px 40px rgba(0, 119, 190, 0.15);
}

/* Cyprus CTA Buttons */
.cta-taste {
  background: linear-gradient(180deg, var(--cy-secondary) 0%, #e09500 50%, #c78500 100%);
  box-shadow: 0 8px 30px rgba(245, 166, 35, 0.4);
}

.cta-taste:hover {
  box-shadow: 0 12px 40px rgba(245, 166, 35, 0.5);
}

/* Cyprus Steps Section */
.schritt-karte {
  background: linear-gradient(135deg, #0d1a2d 0%, #1a2d47 100%);
  border: 1px solid rgba(0, 119, 190, 0.2);
}

.schritt-karte.hervorgehoben {
  background: linear-gradient(135deg, #1a0a2d 0%, #2d1a47 100%);
  border-color: rgba(245, 166, 35, 0.4);
  box-shadow: 0 0 40px rgba(245, 166, 35, 0.15);
}

.schritt-abzeichen {
  background: linear-gradient(135deg, var(--cy-secondary), #ffd700);
}

.schritt-nummer {
  background: rgba(0, 119, 190, 0.2);
  border: 2px solid var(--cy-primary);
  color: var(--cy-primary);
}

.verbinder-pfeil {
  color: var(--cy-primary);
}

.verbinder-linie {
  background: linear-gradient(90deg, rgba(0, 119, 190, 0.2), var(--cy-primary), rgba(0, 119, 190, 0.2));
}

.schritt-taste {
  background: var(--cy-primary);
}

.schritt-taste:hover {
  background: var(--cy-primary-light);
  box-shadow: 0 8px 20px rgba(0, 119, 190, 0.4);
}

.schritt-taste-gold {
  background: linear-gradient(180deg, var(--cy-secondary) 0%, #e09500 50%, #c78500 100%);
  box-shadow: 0 4px 20px rgba(245, 166, 35, 0.3);
}

/* Cyprus Bonus Cards */
.bonus-karte {
  background: linear-gradient(135deg, #0d1a2d 0%, #1a2d47 100%);
  border: 1px solid rgba(0, 119, 190, 0.2);
}

.bonus-willkommen::before { 
  background: linear-gradient(90deg, var(--cy-secondary), #ffd700); 
}

.bonus-cashback::before { 
  background: linear-gradient(90deg, #22c55e, #10b981); 
}

.bonus-reload::before { 
  background: linear-gradient(90deg, #f97316, #fb923c); 
}

.bonus-freispiele::before { 
  background: linear-gradient(90deg, var(--cy-primary), var(--cy-primary-light)); 
}

.bonus-vip::before { 
  background: linear-gradient(90deg, var(--cy-accent-gold), var(--cy-secondary), var(--cy-accent-gold)); 
}

.bonus-turniere::before { 
  background: linear-gradient(90deg, var(--cy-primary), #60a5fa); 
}

.bonus-extra {
  color: var(--cy-secondary);
}

.bonus-taste {
  background: linear-gradient(180deg, var(--cy-secondary) 0%, #e09500 50%, #c78500 100%);
  box-shadow: 0 4px 15px rgba(245, 166, 35, 0.3);
}

/* Cyprus Provider Section */
.anbieter-karte {
  background: linear-gradient(135deg, #0d1a2d 0%, #1a2d47 100%);
  border: 1px solid rgba(0, 119, 190, 0.2);
}

.anbieter-karte:hover {
  border-color: rgba(245, 166, 35, 0.4);
  box-shadow: 0 12px 30px rgba(0, 119, 190, 0.2);
}

.anbieter-text {
  background: linear-gradient(135deg, #0d1a2d 0%, #152035 100%);
  border: 1px solid rgba(0, 119, 190, 0.2);
}

.anbieter-text h3 {
  color: var(--cy-secondary);
}

/* Cyprus Winners Section */
.gewinner-sektion {
  background: linear-gradient(180deg, #0d0d1a 0%, #0a1a2d 50%, #0d0d1a 100%);
}

.statistik-karte {
  background: linear-gradient(135deg, #0d1a2d 0%, #1a2d47 100%);
  border: 1px solid rgba(0, 119, 190, 0.2);
}

.statistik-karte:hover {
  border-color: rgba(245, 166, 35, 0.4);
}

.statistik-wert {
  color: var(--cy-secondary);
}

.gewinner-text {
  background: linear-gradient(135deg, #0d1a2d 0%, #152035 100%);
  border: 1px solid rgba(0, 119, 190, 0.2);
}

.gewinner-text h3 {
  color: var(--cy-secondary);
}

/* Cyprus Payment Section */
.zahlungs-kategorie {
  background: linear-gradient(135deg, #0d1a2d 0%, #1a2d47 100%);
  border: 1px solid rgba(0, 119, 190, 0.2);
}

.zahlungs-kategorie:hover {
  border-color: rgba(245, 166, 35, 0.4);
  box-shadow: 0 10px 30px rgba(0, 119, 190, 0.2);
}

.zahlungs-kategorie-abzeichen {
  background: linear-gradient(135deg, var(--cy-primary), var(--cy-primary-light));
}

/* Cyprus About Section */
.uber-intro {
  background: linear-gradient(135deg, #0d1a2d 0%, #1a2d47 100%);
  border: 1px solid rgba(0, 119, 190, 0.2);
}

.uber-intro h3 {
  color: var(--cy-secondary);
}

.uber-funktion {
  background: linear-gradient(135deg, #0d1a2d 0%, #1a2d47 100%);
  border: 1px solid rgba(0, 119, 190, 0.2);
}

.uber-funktion:hover {
  border-color: rgba(245, 166, 35, 0.4);
}

.uber-funktion-symbol {
  background: linear-gradient(135deg, #1a2d47, #2a3d57);
}

.uber-statistiken-karte {
  background: linear-gradient(135deg, #0d1a2d 0%, #1a2d47 100%);
  border: 1px solid rgba(0, 119, 190, 0.2);
}

.uber-statistiken-karte h4 {
  color: var(--cy-secondary);
}

.uber-lizenzen {
  background: linear-gradient(135deg, #0d1a2d 0%, #1a2d47 100%);
  border: 1px solid rgba(0, 119, 190, 0.2);
}

/* Cyprus Responsible Gaming Section */
.werkzeug-karte {
  background: linear-gradient(135deg, #0d1a2d 0%, #1a2d47 100%);
  border: 1px solid rgba(0, 119, 190, 0.2);
}

.werkzeug-karte:hover {
  border-color: rgba(34, 197, 94, 0.4);
}

.zeichen-liste {
  background: linear-gradient(135deg, #0d1a2d 0%, #1a2d47 100%);
  border: 1px solid rgba(0, 119, 190, 0.2);
}

.hilfe-organisation {
  background: linear-gradient(135deg, #0d1a2d 0%, #1a2d47 100%);
  border: 1px solid rgba(0, 119, 190, 0.2);
}

.hilfe-organisation:hover {
  border-color: var(--cy-primary);
}

.hilfe-organisation-name {
  color: var(--cy-primary);
}

/* Cyprus Security Section */
.sicherheit-punkt {
  background: linear-gradient(135deg, #0d1a2d 0%, #1a2d47 100%);
  border: 1px solid rgba(0, 119, 190, 0.2);
}

.sicherheit-punkt:hover {
  border-color: rgba(245, 166, 35, 0.4);
  box-shadow: 0 10px 30px rgba(245, 166, 35, 0.15);
}

.sicherheit-punkt-symbol {
  background: linear-gradient(135deg, rgba(0, 119, 190, 0.2), rgba(245, 166, 35, 0.1));
  border: 1px solid rgba(0, 119, 190, 0.3);
}

.sicherheit-punkt-inhalt h3 {
  color: var(--cy-secondary);
}

.sicherheit-punkt-inhalt ul li::before {
  color: var(--cy-primary);
}

.sicherheit-punkt-inhalt strong {
  color: var(--cy-secondary);
}

.sicherheit-zertifikate {
  background: linear-gradient(135deg, #0d1a2d 0%, #1a2d47 100%);
  border: 1px solid rgba(0, 119, 190, 0.2);
}

.zertifikat-karte {
  background: linear-gradient(135deg, #0a1528 0%, #152035 100%);
  border: 1px solid rgba(0, 119, 190, 0.15);
}

.zertifikat-karte:hover {
  border-color: rgba(34, 197, 94, 0.4);
  box-shadow: 0 8px 24px rgba(34, 197, 94, 0.15);
}

/* Cyprus Jackpots Section */
.jackpots-sektion {
  background: linear-gradient(180deg, #0d0d1a 0%, #0a1a2d 50%, #0d0d1a 100%);
}

.jackpot-info {
  background: linear-gradient(135deg, #0d1a2d 0%, #1a2d47 100%);
  border: 1px solid rgba(245, 166, 35, 0.3);
}

.jackpot-info h3 {
  color: var(--cy-secondary);
}

.jackpot-spiel-karte {
  background: linear-gradient(135deg, #0d1a2d 0%, #1a2d47 100%);
  border: 2px solid rgba(245, 166, 35, 0.25);
}

.jackpot-spiel-karte:hover {
  border-color: rgba(245, 166, 35, 0.5);
  box-shadow: 0 12px 40px rgba(245, 166, 35, 0.2);
}

.jackpot-spiel-info h4 {
  color: var(--cy-secondary);
}

.jackpot-betrag {
  color: var(--cy-secondary);
  text-shadow: 0 0 20px rgba(245, 166, 35, 0.4);
}

.fortschritt-fullung {
  background: linear-gradient(90deg, var(--cy-primary), var(--cy-secondary));
}

.jackpot-tipps {
  background: linear-gradient(135deg, #0d1a2d 0%, #1a2d47 100%);
  border: 1px solid rgba(0, 119, 190, 0.2);
}

.tipp-nummer {
  background: linear-gradient(135deg, var(--cy-secondary), #ffd700);
  color: var(--cy-dark);
}

.jackpot-gewinner {
  background: linear-gradient(135deg, #0d1a2d 0%, #1a2d47 100%);
  border: 1px solid rgba(245, 166, 35, 0.3);
}

.jackpot-gewinner h3 {
  color: var(--cy-secondary);
}

.gewinner-element {
  background: linear-gradient(135deg, #0a1528 0%, #152035 100%);
  border: 1px solid rgba(245, 166, 35, 0.2);
}

.gewinner-element:hover {
  border-color: rgba(245, 166, 35, 0.5);
}

.gewinner-betrag {
  color: var(--cy-secondary);
  text-shadow: 0 0 10px rgba(245, 166, 35, 0.3);
}

/* Cyprus Mobile Section */
.mobil-sektion {
  background: linear-gradient(180deg, #0d0d1a 0%, #0a1a2d 50%, #0d0d1a 100%);
}

.mobil-funktion-karte {
  background: linear-gradient(135deg, #0d1a2d 0%, #1a2d47 100%);
  border: 1px solid rgba(0, 119, 190, 0.2);
}

.mobil-funktion-karte:hover {
  border-color: rgba(245, 166, 35, 0.4);
  box-shadow: 0 20px 40px rgba(0, 119, 190, 0.2);
}

.mobil-text {
  background: linear-gradient(135deg, #0d1a2d 0%, #152035 100%);
  border: 1px solid rgba(0, 119, 190, 0.2);
}

.mobil-text h3 {
  color: var(--cy-secondary);
}

/* Cyprus FAQ Section */
.faq-sektion {
  background: linear-gradient(180deg, #0d0d1a 0%, #0a1a2d 50%, #0d0d1a 100%);
}

.faq-element {
  background: linear-gradient(135deg, #0d1a2d 0%, #1a2d47 100%);
  border: 1px solid rgba(0, 119, 190, 0.2);
}

.faq-element:hover {
  border-color: rgba(0, 119, 190, 0.4);
}

.faq-symbol {
  color: var(--cy-primary);
}

/* Cyprus Footer Styling */
.footer-haupt {
  background: linear-gradient(180deg, #0a1528 0%, #06101c 100%);
  border-top: 2px solid var(--cy-primary);
}

.logo-text {
  background: linear-gradient(135deg, var(--cy-secondary) 0%, #ffd700 100%);
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
  background-clip: text;
}

.sozial-link {
  background: linear-gradient(135deg, #0d1a2d 0%, #1a2d47 100%);
  border: 1px solid rgba(0, 119, 190, 0.2);
}

.sozial-link:hover {
  border-color: rgba(245, 166, 35, 0.4);
}

.footer-uberschrift::after {
  background: linear-gradient(90deg, var(--cy-secondary), transparent);
}

.footer-links a:hover {
  color: var(--cy-secondary);
}

.zahlungs-symbol:hover {
  border-color: rgba(245, 166, 35, 0.4);
  color: var(--cy-secondary);
}

.footer-lizenzen {
  background: #040a14;
  border-top: 1px solid rgba(0, 119, 190, 0.2);
}

.lizenz-abzeichen {
  background: linear-gradient(135deg, #0d1a2d 0%, #1a2d47 100%);
  border: 1px solid rgba(0, 119, 190, 0.2);
}

.footer-unten {
  background: #020610;
}

.footer-unten-links a:hover {
  color: var(--cy-secondary);
}

/* Hot Games Cyprus Styling */
.heisse-spiele-titel {
  color: var(--cy-white);
}

.heisses-spiel-karte {
  background: linear-gradient(135deg, #0d1a2d 0%, #1a2d47 100%);
  border: 1px solid rgba(0, 119, 190, 0.2);
}

.heisses-spiel-karte:hover {
  background: linear-gradient(135deg, #152035 0%, #1f3555 100%);
  box-shadow: 0 8px 24px rgba(0, 119, 190, 0.3);
}

.heisses-spiel-karte:hover .heisses-spiel-spielen {
  background: linear-gradient(135deg, var(--cy-secondary), #ffd700);
}

/* Live Casino Cyprus Styling */
.live-casino-titel {
  color: var(--cy-white);
}

.live-abzeichen {
  background: #dc2626;
  box-shadow: 0 2px 8px rgba(220, 38, 38, 0.5);
}

/* Cyprus Sidebar */
.seitenleiste {
  background: linear-gradient(180deg, #0a1528 0%, #0d1a2d 100%);
  border-right: 1px solid rgba(0, 119, 190, 0.2);
}

.seitenleiste-symbol {
  background: linear-gradient(135deg, #1a2d47 0%, #2a3d57 100%);
  border: 1px solid rgba(0, 119, 190, 0.2);
}

.seitenleiste-symbol:hover {
  background: linear-gradient(135deg, #2a3d57 0%, #3a4d67 100%);
  border-color: rgba(245, 166, 35, 0.3);
}

.benachrichtigungs-abzeichen {
  background: var(--cy-secondary);
  color: var(--cy-dark);
  box-shadow: 0 0 12px rgba(245, 166, 35, 0.8);
}

/* Extended Sidebar Cyprus */
.seitenleiste-erweitert {
  background: #0a1528;
  border-right: 1px solid rgba(0, 119, 190, 0.2);
}

.menu-element-gross {
  background: linear-gradient(135deg, #0d1a2d 0%, #1a2d47 100%);
  border: 1px solid rgba(0, 119, 190, 0.2);
}

.menu-element-gross:hover {
  background: linear-gradient(135deg, #152035 0%, #1f3555 100%);
}

.menu-element-halb {
  background: linear-gradient(135deg, #0d1a2d 0%, #1a2d47 100%);
  border: 1px solid rgba(0, 119, 190, 0.2);
}

.menu-element-halb:hover {
  background: linear-gradient(135deg, #152035 0%, #1f3555 100%);
}

.menu-element-erweiterbar {
  background: #0d1a2d;
  border: 1px solid rgba(0, 119, 190, 0.2);
}

.menu-element-erweiterbar:hover {
  background: #152035;
}

.menu-element-erweiterbar .pfeil {
  color: var(--cy-primary);
}

.menu-unten-taste {
  background: #0d1a2d;
  border: 1px solid rgba(0, 119, 190, 0.2);
}

.menu-unten-taste:hover {
  background: #152035;
}

.menu-unten-taste.download {
  background: linear-gradient(135deg, var(--cy-primary), var(--cy-primary-light));
}

/* Cyprus Scrollbar Styling */
::-webkit-scrollbar {
  width: 8px;
}

::-webkit-scrollbar-track {
  background: #0a1528;
}

::-webkit-scrollbar-thumb {
  background: linear-gradient(180deg, var(--cy-primary) 0%, var(--cy-primary-light) 100%);
  border-radius: 4px;
}

::-webkit-scrollbar-thumb:hover {
  background: linear-gradient(180deg, var(--cy-primary-light) 0%, var(--cy-primary) 100%);
}

/* Cyprus Animation Overrides */
@keyframes pulse-pfeil {
  0%, 100% { 
    opacity: 0.5; 
    transform: translateX(0);
    color: var(--cy-primary);
  }
  50% { 
    opacity: 1; 
    transform: translateX(5px);
    color: var(--cy-secondary);
  }
}

/* Cyprus Responsive Adjustments */
@media (max-width: 900px) {
  .banner-willkommen,
  .banner-cashback {
    background: linear-gradient(180deg, #0a1628 0%, #1a4a6e 100%);
  }
}

@media (max-width: 640px) {
  .haupt-header {
    border-bottom-width: 1px;
  }
  
  .registrieren-taste {
    padding: 10px 20px;
    font-size: 13px;
  }
}

/* Cyprus Print Styles */
@media print {
  .haupt-header,
  .seitenleiste,
  .seitenleiste-erweitert {
    display: none;
  }
  
  body {
    background: white;
    color: black;
  }
}