/* =================================================== NEXTHIT BUTTONS - FAQ STYLE (ROT, RUND, GLOW) ALLE BUTTONS wie der "JETZT ANFRAGE STELLEN" Button Stand: 23.12.2025 =================================================== */ /* UNIVERSELLER BUTTON STYLE - GILT FUER ALLE */ .neon-button, .neon-button-large, .cta-button, .btn, .button, .back-button, .youtube-btn, .spotify-btn, .submit-btn, .contact-btn, .order-btn, .package-btn, a.back-button, button:not(.nh-burger):not(.faq-question):not(.nh-share-btn):not(.share-btn), [class*="neon-button"], [class*="-btn"]:not(.nh-share-btn):not(.share-btn), .packages a, .package-card a, .cta-section a, .contact-info a[href^="mailto"], form button[type="submit"], input[type="submit"] { display: inline-flex !important; align-items: center !important; justify-content: center !important; gap: 10px !important; padding: 18px 40px !important; font-size: 1.1rem !important; font-weight: 700 !important; font-family: 'Orbitron', sans-serif !important; text-transform: uppercase !important; letter-spacing: 2px !important; text-decoration: none !important; color: #fff !important; background: #E63946 !important; border: 2px solid #E63946 !important; border-radius: 50px !important; box-shadow: 0 0 20px rgba(230, 57, 70, 0.5), 0 0 40px rgba(230, 57, 70, 0.3), 0 0 60px rgba(230, 57, 70, 0.1) !important; cursor: pointer !important; transition: all 0.3s ease !important; margin: 10px 0 !important; overflow: visible !important; box-sizing: border-box !important; } /* HOVER-EFFEKT - FUER ALLE BUTTONS */ .neon-button:hover, .neon-button-large:hover, .cta-button:hover, .btn:hover, .button:hover, .back-button:hover, .youtube-btn:hover, .spotify-btn:hover, .submit-btn:hover, .contact-btn:hover, .order-btn:hover, .package-btn:hover, a.back-button:hover, button:not(.nh-burger):not(.faq-question):not(.nh-share-btn):not(.share-btn):hover, [class*="neon-button"]:hover, [class*="-btn"]:not(.nh-share-btn):not(.share-btn):hover, .packages a:hover, .package-card a:hover, .cta-section a:hover, .contact-info a[href^="mailto"]:hover, form button[type="submit"]:hover, input[type="submit"]:hover { background: transparent !important; color: #E63946 !important; box-shadow: 0 0 30px rgba(230, 57, 70, 0.6), 0 0 50px rgba(230, 57, 70, 0.4), 0 0 70px rgba(230, 57, 70, 0.2) !important; transform: scale(1.02) !important; } /* GROSSE BUTTONS (FAQ-Style) */ .neon-button-large { padding: 20px 50px !important; font-size: 1.25rem !important; } /* ZURUECK ZUR STARTSEITE BUTTON - EXPLIZIT */ .back-button, a.back-button, .legal-content .back-button, .legal-content a.back-button { display: inline-flex !important; align-items: center !important; justify-content: center !important; gap: 10px !important; padding: 18px 40px !important; font-size: 1.1rem !important; font-weight: 700 !important; font-family: 'Orbitron', sans-serif !important; text-transform: uppercase !important; letter-spacing: 2px !important; text-decoration: none !important; color: #fff !important; background: #E63946 !important; border: 2px solid #E63946 !important; border-radius: 50px !important; box-shadow: 0 0 20px rgba(230, 57, 70, 0.5), 0 0 40px rgba(230, 57, 70, 0.3), 0 0 60px rgba(230, 57, 70, 0.1) !important; cursor: pointer !important; transition: all 0.3s ease !important; margin: 20px 0 !important; } .back-button:hover, a.back-button:hover, .legal-content .back-button:hover, .legal-content a.back-button:hover { background: transparent !important; color: #E63946 !important; box-shadow: 0 0 30px rgba(230, 57, 70, 0.6), 0 0 50px rgba(230, 57, 70, 0.4), 0 0 70px rgba(230, 57, 70, 0.2) !important; transform: scale(1.02) !important; } /* YOUTUBE ABONNIEREN BUTTON */ .youtube-btn, a.youtube-btn { display: inline-flex !important; align-items: center !important; justify-content: center !important; gap: 12px !important; padding: 18px 40px !important; background: #E63946 !important; color: #fff !important; text-decoration: none !important; border-radius: 50px !important; border: 2px solid #E63946 !important; font-size: 1.2rem !important; font-weight: 700 !important; font-family: 'Orbitron', sans-serif !important; text-transform: uppercase !important; letter-spacing: 2px !important; box-shadow: 0 0 20px rgba(230, 57, 70, 0.5), 0 0 40px rgba(230, 57, 70, 0.3), 0 0 60px rgba(230, 57, 70, 0.1) !important; transition: all 0.3s ease !important; } .youtube-btn:hover, a.youtube-btn:hover { background: transparent !important; color: #E63946 !important; box-shadow: 0 0 30px rgba(230, 57, 70, 0.6), 0 0 50px rgba(230, 57, 70, 0.4), 0 0 70px rgba(230, 57, 70, 0.2) !important; transform: scale(1.02) !important; } /* COOKIE BUTTONS */ .cookie-accept { background: #E63946 !important; border: 2px solid #E63946 !important; border-radius: 50px !important; padding: 12px 30px !important; color: #fff !important; font-family: 'Orbitron', sans-serif !important; text-transform: uppercase !important; letter-spacing: 1px !important; } .cookie-decline { background: transparent !important; border: 2px solid #E63946 !important; border-radius: 50px !important; padding: 12px 30px !important; color: #E63946 !important; font-family: 'Orbitron', sans-serif !important; text-transform: uppercase !important; letter-spacing: 1px !important; } /* SHARE BUTTONS - DEZENT UND PROFESSIONELL */ .nh-share-btn, .share-button, .share-btn { width: 22px !important; height: 22px !important; min-width: 22px !important; min-height: 22px !important; padding: 0 !important; background: transparent !important; border: none !important; border-radius: 4px !important; box-shadow: none !important; display: inline-flex !important; align-items: center !important; justify-content: center !important; } .nh-share-btn svg, .nh-share-bar button svg, .share-button svg, .share-btn svg { width: 14px !important; height: 14px !important; fill: #888 !important; } .nh-share-btn svg path, .nh-share-bar button svg path { fill: #888 !important; } .nh-share-btn:hover, .share-button:hover, .share-btn:hover { background: transparent !important; box-shadow: none !important; transform: none !important; } .nh-share-btn:hover svg, .share-button:hover svg, .share-btn:hover svg { fill: #fff !important; } /* BURGER MENU - KEINE AENDERUNG */ .nh-burger { background: transparent !important; border: none !important; box-shadow: none !important; padding: 5px !important; } /* FAQ QUESTION - KEINE AENDERUNG */ .faq-question { background: rgba(255,255,255,0.03) !important; border: 1px solid rgba(230, 57, 70, 0.2) !important; border-radius: 10px !important; box-shadow: none !important; text-transform: none !important; letter-spacing: normal !important; font-family: 'Rajdhani', sans-serif !important; } /* SVG ICONS IN BUTTONS */ .neon-button svg, .neon-button-large svg, .back-button svg, .youtube-btn svg, .cta-button svg, [class*="btn"] svg { width: 24px !important; height: 24px !important; fill: currentColor !important; } /* KEINE PSEUDO-ELEMENTE */ .neon-button::before, .neon-button::after, .neon-button-large::before, .neon-button-large::after, .back-button::before, .back-button::after, .youtube-btn::before, .youtube-btn::after, [class*="btn"]::before, [class*="btn"]::after { display: none !important; content: none !important; } /* MOBILE RESPONSIVE */ @media (max-width: 768px) { .neon-button, .neon-button-large, .cta-button, .btn, .button, .back-button, .youtube-btn, .spotify-btn, [class*="neon-button"], [class*="-btn"]:not(.nh-share-btn):not(.share-btn), .packages a, .package-card a { padding: 14px 28px !important; font-size: 0.95rem !important; letter-spacing: 1px !important; width: auto !important; max-width: 100% !important; } .neon-button-large { padding: 16px 32px !important; font-size: 1rem !important; } }