/* Rechtsseiten akcoaching.at — bewusst ohne externe Schriften/Skripte:
   beim Aufruf fließen keine Daten an Dritte. Palette = Makro-Rechner. */
:root{
  --ground:#0B0A0A;
  --panel:#141211;
  --panel-2:#1C1918;
  --line:#2D2726;
  --line-soft:#221E1D;
  --text:#F3EEEC;
  --muted:#9B908C;
  --muted-2:#6E6562;
  --red:#E5352B;
  --red-hot:#FF4A3D;
  --mono:ui-monospace,SFMono-Regular,Menlo,Consolas,monospace;
  --sans:-apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,Helvetica,Arial,sans-serif;
  color-scheme:dark;
}
*{box-sizing:border-box}

body{
  margin:0;
  background:var(--ground);
  color:var(--text);
  font-family:var(--sans);
  font-size:16.5px;
  line-height:1.65;
  -webkit-font-smoothing:antialiased;
  overflow-x:hidden;
}

.skip{
  position:absolute;left:-9999px;
  background:var(--red);color:#fff;padding:10px 16px;border-radius:3px;z-index:10;
}
.skip:focus{left:16px;top:16px}

.wrap{max-width:820px;margin:0 auto;padding-inline:20px}

/* ---------- Kopf ---------- */
.top{border-bottom:1px solid var(--line)}
.top .wrap{
  display:flex;align-items:center;justify-content:space-between;
  gap:12px;flex-wrap:wrap;padding-block:20px;
}
.brandmark{
  display:inline-flex;align-items:center;gap:10px;
  font-family:var(--mono);
  font-size:11px;letter-spacing:.18em;text-transform:uppercase;
  color:var(--muted);text-decoration:none;
}
.brandmark i{width:22px;height:3px;background:var(--red);display:block;flex:none}
.brandmark:hover{color:var(--text)}
.back{
  font-family:var(--mono);font-size:11px;letter-spacing:.14em;text-transform:uppercase;
  color:var(--muted-2);text-decoration:none;
}
.back:hover{color:var(--red)}

/* ---------- Dokument ---------- */
main{padding-block:44px 64px}

h1{
  font-family:var(--sans);
  font-weight:800;
  font-size:clamp(28px,6.4vw,44px);
  line-height:1.08;
  letter-spacing:-.02em;
  text-transform:uppercase;
  margin:0 0 10px;
  text-wrap:balance;
  overflow-wrap:break-word;
}
.stand{
  font-family:var(--mono);
  font-size:11px;letter-spacing:.14em;text-transform:uppercase;
  color:var(--muted-2);
  margin:0 0 38px;padding-bottom:22px;
  border-bottom:1px solid var(--line);
}

h2{
  font-size:19px;font-weight:700;letter-spacing:-.01em;
  margin:44px 0 12px;padding-top:4px;
  overflow-wrap:break-word;
}
h2::before{
  content:"";display:block;width:26px;height:3px;
  background:var(--red);margin-bottom:14px;
}
h3{
  font-size:16px;font-weight:600;color:var(--text);
  margin:30px 0 8px;
  overflow-wrap:break-word;
}
p{margin:0 0 14px;color:#D9D1CE}
ul{margin:0 0 18px;padding-left:0;list-style:none}
li{
  position:relative;padding-left:20px;margin-bottom:8px;color:#D9D1CE;
}
li::before{
  content:"";position:absolute;left:0;top:10px;
  width:6px;height:6px;background:var(--red);border-radius:1px;
}
a{color:var(--red-hot);text-decoration:underline;text-underline-offset:2px;overflow-wrap:anywhere}
a:hover{color:#fff}
strong,b{color:#fff;font-weight:600}

/* Hinweis-Box */
.box{
  background:var(--panel);
  border:1px solid var(--line);
  border-left:3px solid var(--red);
  border-radius:3px;
  padding:18px 20px;
  margin:26px 0;
}
.box p:last-child{margin-bottom:0}
.box h3{margin-top:0}

/* ---------- Footer ---------- */
.site-footer{border-top:1px solid var(--line-soft);padding-block:26px 34px}
.site-footer .wrap{
  display:flex;justify-content:space-between;gap:14px;flex-wrap:wrap;
  font-family:var(--mono);font-size:11px;letter-spacing:.08em;
  color:var(--muted-2);
}
.site-footer a{color:var(--muted);text-decoration:none}
.site-footer a:hover{color:var(--red-hot)}
.site-footer nav{display:flex;gap:6px 14px;flex-wrap:wrap}

@media (max-width:520px){
  body{font-size:16px}
  main{padding-block:32px 48px}
}
@media print{
  body{background:#fff;color:#000}
  .top,.site-footer,.skip{display:none}
  a{color:#000}
  h2::before{background:#000}
}