/* * Simple Background CSS * Verwendung: Setze die CSS-Variable --bg-url mit deiner Bild-URL * Beispiel: */ :root { --bg-url: url('https://images.unsplash.com/photo-1506905925346-21bda4d32df4?ixlib=rb-4.0.3&auto=format&fit=crop&w=2000&q=80'); } * { margin: 0; padding: 0; box-sizing: border-box; } html, body { height: 100%; } body { background-image: var(--bg-url); background-size: cover; background-position: center center; background-repeat: no-repeat; background-attachment: fixed; /* iOS Safari Fix */ min-height: 100vh; min-height: -webkit-fill-available; } /* iOS Safari - Background bleibt beim Scrollen sichtbar */ @supports (-webkit-touch-callout: none) { body { background-attachment: scroll; } body::before { content: ''; position: fixed; top: 0; left: 0; width: 100%; height: 100%; background-image: var(--bg-url); background-size: cover; background-position: center center; background-repeat: no-repeat; z-index: -1; } }