/* ===================================
   GERSS-TECH — Legal Pages
   Shared styles for impressum.html and datenschutz.html
=================================== */

body { background-color: #23262d; color: rgba(255,255,255,0.75); }

.legal-page { padding: 140px 0 100px; min-height: 100vh; }
.legal-page .container { max-width: 860px; }

.legal-header-row { display: flex; justify-content: space-between; align-items: center; margin-bottom: 60px; }

.legal-lang-block { margin-bottom: 80px; }
.legal-lang-block.hidden { display: none; }

.legal-lang-toggle { display: flex; align-items: center; gap: 8px; margin-bottom: 48px; }
.legal-lang-btn { background: none; border: none; cursor: pointer; font-family: 'Montserrat', sans-serif; font-weight: 800; font-size: 0.72rem; letter-spacing: 0.14em; color: rgba(255,255,255,0.3); padding: 0; transition: color 0.2s; }
.legal-lang-btn.active { color: #fb5919; }
.legal-lang-btn:hover { color: #ffffff; }
.legal-lang-sep { color: rgba(255,255,255,0.15); font-size: 0.8rem; }

.legal-page h1 { font-family: 'Montserrat', sans-serif; font-weight: 800; font-size: 2rem; color: #ffffff; margin-bottom: 48px; }
.legal-page h2 { font-family: 'Montserrat', sans-serif; font-weight: 800; font-size: 0.95rem; letter-spacing: 0.08em; text-transform: uppercase; color: #ffffff; margin: 40px 0 12px; }
.legal-page h3 { font-family: 'Montserrat', sans-serif; font-weight: 700; font-size: 0.85rem; color: rgba(255,255,255,0.9); margin: 28px 0 8px; }
.legal-page p, .legal-page address, .legal-page li { font-family: 'Roboto', sans-serif; font-weight: 300; font-size: 0.95rem; line-height: 1.8; margin-bottom: 16px; font-style: normal; color: rgba(255,255,255,0.65); }
.legal-page ul { padding-left: 20px; margin-bottom: 16px; }
.legal-page a { color: #fb5919; text-decoration: none; }
.legal-page a:hover { color: #ffffff; }

.placeholder { background: rgba(251,89,25,0.15); border: 1px dashed rgba(251,89,25,0.4); border-radius: 4px; padding: 1px 6px; color: #fb5919; font-size: 0.85rem; }

.legal-back { display: inline-flex; align-items: center; gap: 8px; font-family: 'Montserrat', sans-serif; font-weight: 700; font-size: 0.75rem; letter-spacing: 0.12em; text-transform: uppercase; color: rgba(255,255,255,0.4); text-decoration: none; margin-bottom: 0; transition: color 0.2s; }
.legal-back:hover { color: #fb5919; }

.legal-timestamp { color: rgba(255,255,255,0.3); font-size: 0.8rem; margin-top: 40px; }

.legal-divider { border: none; border-top: 1px solid rgba(255,255,255,0.08); margin: 72px 0; }