.header-glass { backdrop-filter: blur(60px); -webkit-backdrop-filter: blur(60px); } :root{ --gradient-black: linear-gradient(90deg, #2D313A 0%, #110E11 100%); } .bg-gradient-black{ background-image: var(--gradient-black) !important; background-color: transparent !important; } .btn-black-gradient { background: var(--gradient-black); } .btn-primary:hover{ background: #5F131D !important; } .btn-secondary:hover{ color:#C00025 !important; border-color:#C00025 !important; } :root{ --gradient-gold: linear-gradient(90deg, #ECD4A1 0%, #C38E20 100%); } .btn-gold-gradient { background: var(--gradient-gold); } .btn-hell:hover{ background: #FFFFFF !important; } .btn-dunkel-gradient{ border: 2px solid; border-image: var(--gradient-gold) 1; background: var(--gradient-gold); -webkit-background-clip: text; -webkit-text-fill-color: transparent; color: transparent; } .btn-dunkel:hover{ color:#FFFFFF !important; border-color:#FFFFFF !important; } :root{ --gradient-red: linear-gradient(90deg, #5F131D 0%, #190609 100%); } .bg-gradient-red{ background-image: var(--gradient-red) !important; background-color: transparent !important; } .text-gradient-black{ background: var(--gradient-black); -webkit-background-clip:text; -webkit-text-fill-color:transparent; background-clip:text; } .text-gradient-gold{ background: var(--gradient-gold); -webkit-background-clip:text; -webkit-text-fill-color:transparent; background-clip:text; } .text-gradient-red{ background-image: var(--gradient-red) !important; background-size: 100%; background-repeat: no-repeat; -webkit-background-clip: text; background-clip: text; -webkit-text-fill-color: transparent !important; color: transparent !important; display: inline-block; } :root{ --gradient-petrol: linear-gradient(90deg, #124A55 0%, #0B252A 100%); } .bg-gradient-petrol{ background-image: var(--gradient-petrol) !important; background-color: transparent !important; } .text-gradient-petrol{ background: var(--gradient-petrol); -webkit-background-clip:text; -webkit-text-fill-color:transparent; background-clip:text; } .text-link-arrow { display: inline-flex; align-items: center; gap: 0.35em; color: var(--text); transition: color 0.2s ease; } .text-link-arrow span { text-decoration: underline; text-underline-offset: 0.18em; } .text-link-arrow::after { content: "↗"; font-size: 0.9em; line-height: 1; } .text-link-arrow:hover { color: var(--navi-link-beim-hovern); } .brxe-nav-menu .no-wrap > a { white-space: nowrap; } .scroll-fade { opacity: 0; transform: translateY(24px); transition: opacity 0.5s ease, transform 0.5s ease; will-change: opacity, transform; } .scroll-fade.is-visible { opacity: 1; transform: translateY(0); } @media (prefers-reduced-motion: reduce) { .scroll-fade { opacity: 1; transform: none; transition: none; } } @media (max-width: 767px) { html, body { max-width: 100%; overflow-x: hidden; } h1, h2, h3, h4, h5, h6 { max-width: 100%; overflow-wrap: anywhere; word-break: auto-phrase; hyphens: auto; } }