/* ============================================================
   Erfahrung trifft KI. - pages.css
   Styles fuer Unterseiten: Datenschutz, Impressum, Danke, Fehler
   Stand: April 2026
   ============================================================ */

/* ── 29.09.2026: Kopf und Fuss kommen aus main.css — wie auf allen anderen
   Seiten. includes/header.php laedt nur EIN Stilblatt ($page_css); ohne
   diesen Import fehlten hier alle Regeln fuer .nav-inner, .nav-links,
   .nav-cta und die Sozialleiste (Navigation untereinander). @import muss
   vor allen anderen Regeln stehen. ── */
@import url('main.css');

/* ── Local Font: Open Sans (Variable) ── */
@font-face {
  font-family: 'Open Sans';
  font-style: normal;
  font-weight: 300 800;
  font-stretch: 100%;
  font-display: swap;
  src: url(../fonts/open-sans-latin-ext.woff2) format('woff2');
  unicode-range: U+0100-02BA, U+02BD-02C5, U+02C7-02CC, U+02CE-02D7, U+02DD-02FF, U+0304, U+0308, U+0329, U+1D00-1DBF, U+1E00-1E9F, U+1EF2-1EFF, U+2020, U+20A0-20AB, U+20AD-20C0, U+2113, U+2C60-2C7F, U+A720-A7FF;
}
@font-face {
  font-family: 'Open Sans';
  font-style: normal;
  font-weight: 300 800;
  font-stretch: 100%;
  font-display: swap;
  src: url(../fonts/open-sans-latin.woff2) format('woff2');
  unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+0304, U+0308, U+0329, U+2000-206F, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
}

/* ── Reset ── */
*{margin:0;padding:0;box-sizing:border-box;}

/* ── Content Pages (Datenschutz, Impressum) ── */
body.page-content{font-family:"Open Sans",sans-serif;background:#f4f5f7;color:#1a1a1a;}
body.page-content .content{max-width:800px;margin:0 auto;padding:60px 20px;}
body.page-content .content h1{font-size:32px;font-weight:800;color:#DC6428;margin-bottom:8px;}
body.page-content .content .sub{font-size:13px;color:#666;margin-bottom:40px;padding-bottom:20px;border-bottom:3px solid #DC6428;}
body.page-content .content h2{font-size:16px;font-weight:700;color:#2E3338;margin:28px 0 8px;}
body.page-content .content p{font-size:14px;color:#444;line-height:1.7;margin-bottom:8px;}
body.page-content .content ul{padding-left:20px;margin-bottom:8px;}
body.page-content .content li{font-size:14px;color:#444;line-height:1.7;}
body.page-content .content a{color:#DC6428;}

/* ── Danke- und Fehlerseite: Kopf und Fuss ueber die volle Breite (29.09.2026) ── */
body.page-danke > nav,body.page-fehler > nav{align-self:stretch;text-align:left;margin-bottom:40px;}
body.page-danke > footer,body.page-fehler > footer{align-self:stretch;margin-top:auto;}
body.page-danke > nav + *,body.page-fehler > nav + *{margin-top:auto;}
body.page-danke > .btn,body.page-fehler > .btn{margin-bottom:40px;}
body.page-danke > :not(nav):not(footer):not(script),body.page-fehler > :not(nav):not(footer):not(script){max-width:calc(100% - 40px);}

/* ── Danke Page ── */
body.page-danke{font-family:"Open Sans",sans-serif;background:#14253e;color:#fff;min-height:100vh;display:flex;flex-direction:column;align-items:center;justify-content:flex-start;text-align:center;padding:0;}
body.page-danke > img{width:80px;height:80px;margin-bottom:24px;}
body.page-danke h1{font-size:28px;font-weight:800;color:#F0C83C;letter-spacing:2px;margin-bottom:8px;}
body.page-danke .check{font-size:60px;margin-bottom:20px;}
body.page-danke p{font-size:15px;color:#d0d8e0;line-height:1.7;max-width:480px;margin:0 auto 8px;}
body.page-danke .quote{font-size:16px;font-style:italic;color:#DC6428;margin:24px auto;border-left:3px solid #DC6428;padding-left:16px;text-align:left;max-width:400px;}
body.page-danke .btn{display:inline-block;margin-top:32px;background:#DC6428;color:white;padding:12px 28px;border-radius:4px;text-decoration:none;font-size:13px;font-weight:700;letter-spacing:1px;text-transform:uppercase;}
body.page-danke .btn:hover{background:#c45520;}

/* ── Fehler Page ── */
body.page-fehler{font-family:"Open Sans",sans-serif;background:#14253e;color:#fff;min-height:100vh;display:flex;flex-direction:column;align-items:center;justify-content:flex-start;text-align:center;padding:0;}
body.page-fehler > img{width:80px;height:80px;margin-bottom:24px;}
body.page-fehler h1{font-size:28px;font-weight:800;color:#E74C3C;letter-spacing:2px;margin-bottom:8px;}
body.page-fehler .icon{font-size:60px;margin-bottom:20px;}
body.page-fehler p{font-size:15px;color:#d0d8e0;line-height:1.7;max-width:480px;margin:0 auto 8px;}
body.page-fehler .fehler-box{background:rgba(231,76,60,0.1);border:1px solid #E74C3C;border-radius:6px;padding:12px 20px;margin:16px auto;max-width:400px;font-size:13px;color:#E74C3C;}
body.page-fehler .kontakt{margin-top:20px;font-size:14px;color:#aab0ba;}
body.page-fehler .kontakt a{color:#DC6428;text-decoration:none;}
body.page-fehler .btn{display:inline-block;margin-top:24px;background:#DC6428;color:white;padding:12px 28px;border-radius:4px;text-decoration:none;font-size:13px;font-weight:700;letter-spacing:1px;text-transform:uppercase;}
body.page-fehler .btn:hover{background:#c45520;}

/* ── Rechtstexte aus eRecht24 (27.09.2026) ─────────────────────────────
   Wirkt NUR auf <div class="content rechtstext"> in impressum.php und
   datenschutz.php, also nur, wenn der Text aus eRecht24 kommt. Der
   bisherige Text und alle anderen Seiten bleiben unberuehrt.
   eRecht24 liefert h1 bis h4 und schreibt Schriftgroessen inline
   (h1 2rem, h2 1.5rem). Die Groessen werden deshalb mit !important auf
   die Stufen von lorich.de gezogen; die Abstaende, die eRecht24 selbst
   mit !important setzt, bleiben so, wie eRecht24 sie liefert. */
body.page-content .rechtstext{overflow-wrap:anywhere;word-wrap:break-word;}
body.page-content .rechtstext h1{font-size:32px !important;line-height:1.25;margin-bottom:24px;padding-bottom:20px;border-bottom:3px solid #DC6428;}
body.page-content .rechtstext h2{font-size:20px !important;font-weight:800;color:#2E3338;line-height:1.35;margin:34px 0 10px;}
body.page-content .rechtstext h3{font-size:16px !important;font-weight:700;color:#2E3338;line-height:1.4;margin:24px 0 8px;}
body.page-content .rechtstext h4{font-size:14px !important;font-weight:700;color:#DC6428;line-height:1.4;margin:18px 0 6px;}
body.page-content .rechtstext h5,body.page-content .rechtstext h6{font-size:14px !important;font-weight:700;color:#2E3338;margin:14px 0 4px;}
body.page-content .rechtstext ol{padding-left:20px;margin-bottom:8px;}
body.page-content .rechtstext ol li{font-size:14px;color:#444;line-height:1.7;}
body.page-content .rechtstext strong{color:#2E3338;}
body.page-content .rechtstext table{border-collapse:collapse;max-width:100%;font-size:14px;margin:8px 0;}
body.page-content .rechtstext td,body.page-content .rechtstext th{border:1px solid #d8dce2;padding:6px 8px;vertical-align:top;}
@media(max-width:600px){
  body.page-content .rechtstext h1{font-size:26px !important;}
  body.page-content .rechtstext h2{font-size:18px !important;}
}