/* ==========================================================================
   Robert Golda – Linktree: Custom Background Pattern
   Dieses Stylesheet lädt nach style.css und definiert das Hintergrundmuster.
   ========================================================================== */

.pattern-background {
    position: relative;
    background-color: #131415;
}

/* Fixiertes Hintergrundmuster: 
   - Nutzt 90deg für vertikale Linien (kein transform: rotate(90deg) nötig)
   - position: fixed verhindert jedes künstliche Überlaufen / Scroll-Abstände nach unten */
.pattern-background::before {
    content: "";
    position: fixed;
    inset: 0;
    width: 100vw;
    height: 100vh;
    background-color: #131415;
    opacity: 0.1;
    background-size: 20px 20px;
    background-image: repeating-linear-gradient(90deg, #B0892D, #B0892D 1px, #131415 1px, #131415);
    pointer-events: none;
    z-index: 0;
}

/* Stellt sicher, dass das Layout transparent ist und Inhalte klickbar bleiben */
.split-layout {
    position: relative;
    z-index: 1;
    background-color: transparent;
}