/* ═════════════════════════════════════════════════════ */ /* VERSION 26.3.21 /* ═════════════════════════════════════════════════════ */ /* BRIGELS - Zusätzliche Styles für die Brigels-Seiten. /* Bei Angabe von im /* verwendenden html-Dokument werden zudem /* Einstellungen von common.css modifiziert. /* ═════════════════════════════════════════════════════ */ :root { --sgt-text-color: #222; --shadow: rgba(0,0,0,0.55); --accent: #e6e6e6; } /* Grundfarbe für Text auf Brigels-Seiten */ .brigels body { color: var(--sgt-text-color); } /* main von globalen Styles entkoppeln und Inhalt zentrieren */ .brigels main { background: none; margin: 0; padding: 0 1em; display: flex; flex-direction: column; justify-content: flex-start; align-items: stretch; margin-top: var(--main-offset, 35px); height: calc(100vh - var(--main-offset, 35px)); overflow-y: auto; } /* Überschriften und Standardtexte auf Brigels-Seiten weiß */ .brigels main h1, .brigels main h2, .brigels main h3, .brigels main h4 { color: var(--sgt-text-color); font-weight: 600; } /* Überschriften und Standardtexte auf Brigels-Seiten weiß */ .brigels main p, .brigels main div, .brigels main span { color: var(--sgt-text-color); } /* Links in Brigels-Bereichen weiß, ohne Unterstreichung */ .brigels main a { color: var(--sgt-text-color); text-decoration: none; } /* Hintergrund-Video ohne Unschärfe und ohne Filter */ .brigels .sgt-bg-video { filter: none !important; } .brigels .sgt-overlay { display: none !important; } /* Brigels: Buttons besser lesbar vor hellem Video */ .brigels .sgt-button { background: rgba(255,255,255,0.25) !important; border-color: rgba(0,0,0,0.4) !important; font-weight: 400 !important; } .brigels .sgt-button:hover { background: rgba(255,255,255,0.6) !important; border-color: rgba(0,0,0,0.6) !important; } /* ═════════════════════════════════════════════════════ */ /* Startseite - Titelblock /* ═════════════════════════════════════════════════════ */ /* Zentrierter Inhalt auf der Startseite */ .sgt-center-box { text-align: center; width: 100%; } /* Überschriften etwas größer und mit Abstand */ .sgt-pagetitle { font-size: 2rem; margin-bottom: 0.2rem; } /* Untertitel */ .sgt-subtitle { font-size: 1.3rem; margin-bottom: 0.2rem; } /* Unter-Untertitel */ .sgt-subsubtitle { font-size: 1.2rem; margin-bottom: 1.4rem; } /* ═════════════════════════════════════════════════════ */ /* MOBILE-OPTIMIERUNG /* ═════════════════════════════════════════════════════ */ @media (max-width: 600px) { .sgt-pagetitle { font-size: 1.8rem; } .sgt-subtitle { font-size: 1.2rem; margin-bottom: 1.2rem; } } /* Brigels-Fotos-Section soll immer volle Breite nutzen */ #fotos .sgt-photo-grid { max-width: 100%; padding: 20px 10px; gap: 10px; }