/* ================================================
   privacy.css — Styles für Datenschutz / Impressum
   Gemeinsam genutzt von /de/, /cs/, /en/
   Voraussetzung: /css/style.css ist eingebunden
   ================================================ */

/* Zusätzliche CSS-Variable für Hinweis-Markierungen */
:root {
  --hint: #e8b84b;
}

/* Layout-Overrides für Unterseiten (body padding statt volle Seite) */
body { line-height: 1.7; padding: 2rem }

.container { max-width: 900px; margin: 0 auto; background: var(--dark); padding: 3rem; border: 1px solid var(--border) }

.header { display: flex; justify-content: space-between; align-items: center; margin-bottom: 2rem; flex-wrap: wrap; gap: 1rem }

.back { color: var(--alu-m); font-size: .85rem; text-transform: uppercase; letter-spacing: .1em; text-decoration: none }
.back:hover { color: var(--sky) }

/* Typografie-Overrides für Unterseiten */
h1 { font-family: 'Barlow Condensed', sans-serif; font-size: 2.5rem; font-weight: 900; text-transform: uppercase; color: var(--silver); margin-bottom: .5rem }

.date { font-size: .85rem; color: var(--alu-d); margin-bottom: 2rem }

h2 { font-family: 'Barlow Condensed', sans-serif; font-size: 1.5rem; font-weight: 700; text-transform: uppercase; color: var(--sky); margin: 2rem 0 1rem; padding-top: 1.5rem; border-top: 1px solid var(--border) }
h2:first-of-type { margin-top: 0; padding-top: 0; border-top: none }

h3 { font-family: 'Barlow Condensed', sans-serif; font-size: 1.1rem; font-weight: 700; color: var(--alu-l); margin: 1.5rem 0 .8rem }

p { margin-bottom: 1rem; color: var(--alu-m); font-size: .95rem }
strong { color: var(--alu-l) }
a { color: var(--sky); text-decoration: none }
a:hover { text-decoration: underline }

ul { margin: 1rem 0 1rem 1.5rem }
li { margin-bottom: .5rem; color: var(--alu-m) }

/* Verantwortlicher-Box (Datenschutz) */
.company { background: rgba(77,163,217,.05); padding: 1.5rem; border-left: 3px solid var(--sky); margin: 1.5rem 0 }

/* Info-Box (Impressum) */
.info-box { background: rgba(77,163,217,.05); padding: 1.5rem; border-left: 3px solid var(--sky); margin: 1.5rem 0 }
.info-box p { margin-bottom: .5rem }

/* Platzhalter-Markierung */
.placeholder { background: rgba(200,168,75,.15); color: #c8a84b; padding: .2rem .5rem; font-family: 'Courier New', monospace; font-size: .88rem }

/* NEU-Markierung für ergänzte Abschnitte */
.added { background: rgba(232,184,75,.06); border-left: 3px solid var(--hint); padding: 1rem 1.5rem; margin: 1rem 0; position: relative }
.added::before { content: "NEU"; position: absolute; top: .5rem; right: .75rem; font-family: 'Barlow Condensed', sans-serif; font-size: .65rem; font-weight: 700; letter-spacing: .12em; color: var(--hint); border: 1px solid rgba(232,184,75,.3); padding: .1rem .45rem; text-transform: uppercase }

/* Responsive */
@media (max-width: 768px) {
  body { padding: 1rem }
  .container { padding: 1.5rem }
  h1 { font-size: 1.8rem }
  .header { flex-direction: column; align-items: flex-start }
}