:root{
    --cream:#EFEAE0; --cream-2:#E7E1D5;
    --ink:#1C1814; --ink-soft:#5C5548;
    --line:#CFC6B6; --ox:#8E0000; --ox-deep:#6B0000;
    --maxw:1120px;
  }
  *{box-sizing:border-box;margin:0;padding:0}
  html{scroll-behavior:smooth}
  @media (prefers-reduced-motion:reduce){html{scroll-behavior:auto}}
  body{font-family:'Roboto',system-ui,sans-serif;background:var(--cream);color:var(--ink);line-height:1.58;-webkit-font-smoothing:antialiased}
  a{color:inherit;text-decoration:none}
  .wrap{max-width:var(--maxw);margin:0 auto;padding:0 28px}

  .ph{color:var(--ox);border-bottom:1px dotted var(--ox)}
  .ph::before{content:"«"} .ph::after{content:"»"}

  /* hexagon eyebrow marker — echoes the portrait frame */
  .eyebrow{font-family:'Roboto Mono',monospace;font-size:12px;letter-spacing:.18em;text-transform:uppercase;color:var(--ink-soft);display:flex;align-items:center;gap:11px}
  .eyebrow .no{color:var(--ox);font-weight:500}
  .eyebrow::before{content:"";width:12px;height:13px;background:var(--ox);flex:0 0 auto;clip-path:polygon(25% 4%,75% 4%,100% 50%,75% 96%,25% 96%,0 50%)}

  header.nav{position:sticky;top:0;z-index:50;background:rgba(239,234,224,.9);backdrop-filter:blur(8px);border-bottom:1px solid var(--line)}
  .nav-inner{display:flex;align-items:center;justify-content:space-between;height:62px}
  .brand{font-weight:900;letter-spacing:-.01em;font-size:17px}
  .brand .dot{color:var(--ox)}
  nav.links{display:flex;gap:24px;font-family:'Roboto Mono',monospace;font-size:12.5px;letter-spacing:.05em}
  nav.links a{color:var(--ink-soft);padding:4px 0;border-bottom:2px solid transparent;transition:color .2s,border-color .2s}
  nav.links a:hover,nav.links a:focus-visible{color:var(--ink);border-color:var(--ox)}
  .nav-cta{font-family:'Roboto Mono',monospace;font-size:12.5px;color:var(--ox);font-weight:500}
  .burger{display:none;background:none;border:0;cursor:pointer;font-family:'Roboto Mono',monospace;color:var(--ink)}

  section{padding:100px 0}
  .sec-head{margin-bottom:44px}
  h2.title{font-size:clamp(26px,3.4vw,40px);font-weight:900;letter-spacing:-.02em;line-height:1.05;margin-top:14px}
  .hr{height:1px;background:var(--line);max-width:var(--maxw);margin:0 auto}

  /* 01 hero */
  .hero{padding:104px 0 92px}
  .hero-grid{display:grid;grid-template-columns:1.5fr 1fr;gap:48px;align-items:center}
  .hero h1{font-size:clamp(40px,6.2vw,72px);font-weight:900;line-height:1.0;letter-spacing:-.03em;margin:22px 0 24px}
  .hero h1 .u{color:var(--ox)}
  .hero p.lead{font-size:clamp(17px,1.55vw,20px);max-width:46ch;font-weight:300}
  .hero p.lead b{font-weight:500}
  .hero-meta{margin-top:36px;display:flex;flex-wrap:wrap;gap:14px 30px;font-family:'Roboto Mono',monospace;font-size:12.5px;color:var(--ink-soft)}
  .hero-meta span{display:flex;align-items:center;gap:9px}
  .hero-meta span::before{content:"";width:6px;height:6px;background:var(--ox);border-radius:50%}
  .portrait img{width:100%;height:auto;display:block}

  /* 02 praxis — grounded figures, no boxes */
  .figs{display:grid;grid-template-columns:repeat(3,1fr);gap:0}
  .fig{padding:6px 30px 6px 0;border-left:1px solid var(--line);padding-left:28px}
  .fig:first-child{border-left:0;padding-left:0}
  .fig .num{font-size:clamp(40px,5vw,60px);font-weight:900;letter-spacing:-.03em;color:var(--ox);line-height:1}
  .fig .lbl{margin-top:14px;font-size:15px;color:var(--ink-soft);font-weight:300;max-width:22ch}

  /* 03 haltung + resilienz-bogen */
  .stance-grid{display:grid;grid-template-columns:1fr 1.35fr;gap:52px;align-items:start}
  .stance-body{font-size:clamp(21px,2.4vw,30px);font-weight:300;line-height:1.32;max-width:18ch;letter-spacing:-.01em}
  .stance-body b{font-weight:700;color:var(--ox)}
  .stance-list{display:grid;gap:0}
  .stance-list .row{display:grid;grid-template-columns:96px 1fr;gap:18px;padding:20px 0;border-top:1px solid var(--line)}
  .stance-list .row:first-child{border-top:0;padding-top:0}
  .stance-list .k{font-family:'Roboto Mono',monospace;font-size:12px;color:var(--ox);letter-spacing:.06em;padding-top:3px}
  .stance-list .v{font-size:16px;font-weight:300} .stance-list .v b{font-weight:500}

  /* resilienz-modell: facetten (das ganze) + bogen (über die zeit) */
  .model{margin-top:62px}
  .model-cap{font-family:'Roboto Mono',monospace;font-size:12px;color:var(--ink-soft);letter-spacing:.06em;margin-bottom:30px;display:flex;align-items:center;gap:11px}
  .model-cap::before{content:"";width:12px;height:13px;background:var(--ox);flex:0 0 auto;clip-path:polygon(25% 4%,75% 4%,100% 50%,75% 96%,25% 96%,0 50%)}
  .facets{display:grid;grid-template-columns:repeat(5,1fr);gap:16px;margin-bottom:48px}
  .hexchip{text-align:center}
  .hexchip .hx{width:44px;height:49px;margin:0 auto;background:var(--cream-2);border:1.5px solid var(--line);clip-path:polygon(25% 4%,75% 4%,100% 50%,75% 96%,25% 96%,0 50%);transition:background .2s,border-color .2s;display:flex;align-items:center;justify-content:center}
  .hexchip .hx span{font-family:'Roboto Mono',monospace;font-size:11px;color:var(--ink-soft)}
  .hexchip:hover .hx{background:var(--ox);border-color:var(--ox)}
  .hexchip:hover .hx span{color:var(--cream)}
  .hexchip .fl{margin-top:14px;font-size:13.5px;font-weight:500;line-height:1.28}
  .arc{margin-top:0}
  .arc-cap{font-family:'Roboto Mono',monospace;font-size:12px;color:var(--ink-soft);letter-spacing:.04em;margin-bottom:22px}
  .arc-line{display:grid;grid-template-columns:repeat(4,1fr);align-items:center;position:relative}
  .arc-line::before{content:"";position:absolute;left:6%;right:6%;top:9px;height:1px;background:var(--line)}
  .arc-node{position:relative;text-align:center}
  .arc-node .dot{width:18px;height:19px;margin:0 auto;background:var(--cream);border:1.5px solid var(--line);clip-path:polygon(25% 4%,75% 4%,100% 50%,75% 96%,25% 96%,0 50%)}
  .arc-node.crisis .dot{background:var(--ox);border-color:var(--ox)}
  .arc-node .t{margin-top:14px;font-family:'Roboto Mono',monospace;font-size:12.5px;letter-spacing:.08em;text-transform:uppercase;color:var(--ink-soft)}
  .arc-node.crisis .t{color:var(--ox);font-weight:500}

  /* 04 bühne */
  .gig{display:grid;grid-template-columns:126px 1fr auto;gap:22px;align-items:baseline;padding:26px 0;border-top:1px solid var(--line)}
  .gig:first-child{border-top:0}
  .gig .date{font-family:'Roboto Mono',monospace;font-size:13px;color:var(--ox)}
  .gig .t{font-weight:700;font-size:18px;letter-spacing:-.01em}
  .gig .t span{display:block;font-weight:300;font-size:14.5px;color:var(--ink-soft);margin-top:4px}
  .gig .place{font-family:'Roboto Mono',monospace;font-size:12px;color:var(--ink-soft);text-align:right;line-height:1.5}

  /* 05 welten */
  .worlds{display:grid;grid-template-columns:repeat(4,1fr);gap:16px}
  .world{padding:24px 0 24px 20px;border-left:2px solid var(--line);min-height:170px;display:flex;flex-direction:column;justify-content:space-between;transition:border-color .2s,transform .2s}
  .world:hover{border-color:var(--ox);transform:translateX(3px)}
  .world .wname{font-weight:900;font-size:18px;letter-spacing:-.01em}
  .world .wdesc{font-size:13.5px;color:var(--ink-soft);font-weight:300;margin-top:9px}
  .world .wlink{font-family:'Roboto Mono',monospace;font-size:11.5px;color:var(--ox);letter-spacing:.05em;margin-top:18px}

  /* 06 vita */
  .vita-intro{font-weight:300;font-size:16.5px;max-width:60ch;margin-bottom:44px}
  .vita-intro b{font-weight:500}
  .vita-split{display:grid;grid-template-columns:1.1fr 1fr;gap:52px;align-items:start}
  .col-label{font-family:'Roboto Mono',monospace;font-size:12px;letter-spacing:.1em;text-transform:uppercase;color:var(--ink-soft);display:flex;align-items:center;gap:10px;margin-bottom:22px}
  .col-label::before{content:"";width:11px;height:12px;background:var(--ox);flex:0 0 auto;clip-path:polygon(25% 4%,75% 4%,100% 50%,75% 96%,25% 96%,0 50%)}
  .tl{display:grid;grid-template-columns:104px 1fr;gap:20px;padding:18px 0;border-top:1px solid var(--line)}
  .tl:first-child{border-top:0}
  .tl .yr{font-family:'Roboto Mono',monospace;font-size:13px;color:var(--ox)}
  .tl .ev{font-size:15px} .tl .ev b{font-weight:700}
  .pnote{border-left:2px solid var(--ox);background:var(--cream-2);padding:26px 26px 22px}
  .pnote p{font-size:19px;font-weight:300;line-height:1.45;letter-spacing:-.01em;min-height:3.4em}
  .pnote-meta{margin-top:18px;font-family:'Roboto Mono',monospace;font-size:11px;letter-spacing:.08em;text-transform:uppercase;color:var(--ink-soft)}

  /* 07 kontakt */
  .contact-grid{display:grid;grid-template-columns:1.2fr 1fr;gap:52px;align-items:end}
  .contact h2{font-size:clamp(30px,5vw,54px);font-weight:900;letter-spacing:-.02em;line-height:1.02}
  .contact .claim{color:var(--ox)}
  .clist{display:grid;gap:14px}
  .clist a,.clist span.line{display:flex;justify-content:space-between;border-bottom:1px solid var(--line);padding-bottom:11px;font-family:'Roboto Mono',monospace;font-size:14px}
  .clist .val{color:var(--ink-soft)}
  .clist a:hover .val{color:var(--ox)}

  footer{padding:32px 0;background:var(--ink);color:#CFC6B6;margin-top:100px}
  .foot-inner{display:flex;justify-content:space-between;align-items:center;font-family:'Roboto Mono',monospace;font-size:12px;letter-spacing:.04em}
  footer a:hover{color:#fff}

  .rv{opacity:0;transform:translateY(16px);transition:opacity .6s ease,transform .6s ease}
  .rv.in{opacity:1;transform:none}
  @media (prefers-reduced-motion:reduce){.rv{opacity:1;transform:none;transition:none}}

  @media (max-width:860px){
    nav.links,.nav-cta{display:none} .burger{display:block}
    .hero-grid,.stance-grid,.vita-split,.contact-grid{grid-template-columns:1fr;gap:34px}
    .figs{grid-template-columns:1fr;gap:26px} .fig{border-left:0;padding-left:0}
    .worlds{grid-template-columns:1fr 1fr}
    .facets{grid-template-columns:repeat(3,1fr);gap:16px 10px}
    .gig{grid-template-columns:1fr;gap:6px} .gig .place{text-align:left}
    .arc-line{grid-template-columns:repeat(2,1fr);gap:26px 0} .arc-line::before{display:none}
    section{padding:66px 0} .hero{padding:64px 0 56px} footer{margin-top:66px}
  }

/* ============================================================
   Anpassungen 2026-07-14
   1) Stationen: gefüllte Inhalte ohne Platzhalter-Guillemets
   2) Kontakt: Icons (inline SVG, keine externe Font/CDN — DSGVO)
   3) Externe Links: Pfeil schräg oben rechts
   ============================================================ */

/* --- 1) Wesentliche Stationen: « » weg, normale Textfarbe --- */
.timeline .ph,
.tl .ph{
  color:inherit;
  border-bottom:0;
}
.timeline .ph::before,.timeline .ph::after,
.tl .ph::before,.tl .ph::after{content:none}
/* Jahreszahl behält den Akzent */
.tl .yr .ph{color:var(--ox)}

/* --- 2) Kontaktliste: Icons + Pfeil --- */
.clist a,
.clist span.line{
  align-items:center;
  gap:14px;
  transition:border-color .2s;
}
.clist a:hover{border-bottom-color:var(--ox)}

/* Label-Spalte trägt das Icon */
.clist a > span:first-child,
.clist span.line > span:first-child{
  display:inline-flex;
  align-items:center;
  gap:11px;
}

/* Icon-Grundform: SVG als Maske -> nimmt die Textfarbe an */
.clist a > span:first-child::before,
.clist span.line > span:first-child::before{
  content:"";
  width:15px;height:15px;
  flex:0 0 auto;
  background-color:var(--ox);
  -webkit-mask-repeat:no-repeat;mask-repeat:no-repeat;
  -webkit-mask-position:center;mask-position:center;
  -webkit-mask-size:contain;mask-size:contain;
}

/* LinkedIn */
.clist a:nth-of-type(1) > span:first-child::before{
  -webkit-mask-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 448 512'%3E%3Cpath d='M100.28 448H7.4V148.9h92.88zM53.79 108.1C24.09 108.1 0 83.5 0 53.8a53.79 53.79 0 0 1 107.58 0c0 29.7-24.1 54.3-53.79 54.3zM447.9 448h-92.68V302.4c0-34.7-.7-79.2-48.29-79.2-48.29 0-55.69 37.7-55.69 76.7V448h-92.78V148.9h89.08v40.8h1.3c12.4-23.5 42.69-48.3 87.88-48.3 94 0 111.28 61.9 111.28 142.3V448z'/%3E%3C/svg%3E");
          mask-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 448 512'%3E%3Cpath d='M100.28 448H7.4V148.9h92.88zM53.79 108.1C24.09 108.1 0 83.5 0 53.8a53.79 53.79 0 0 1 107.58 0c0 29.7-24.1 54.3-53.79 54.3zM447.9 448h-92.68V302.4c0-34.7-.7-79.2-48.29-79.2-48.29 0-55.69 37.7-55.69 76.7V448h-92.78V148.9h89.08v40.8h1.3c12.4-23.5 42.69-48.3 87.88-48.3 94 0 111.28 61.9 111.28 142.3V448z'/%3E%3C/svg%3E");
}
/* E-Mail (envelope) */
.clist a:nth-of-type(2) > span:first-child::before{
  -webkit-mask-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 512 512'%3E%3Cpath d='M48 64C21.5 64 0 85.5 0 112c0 15.1 7.1 29.3 19.2 38.4L236.8 313.6c11.4 8.5 27 8.5 38.4 0L492.8 150.4c12.1-9.1 19.2-23.3 19.2-38.4 0-26.5-21.5-48-48-48H48zM0 176V384c0 35.3 28.7 64 64 64H448c35.3 0 64-28.7 64-64V176L294.4 339.2c-22.8 17.1-54 17.1-76.8 0L0 176z'/%3E%3C/svg%3E");
          mask-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 512 512'%3E%3Cpath d='M48 64C21.5 64 0 85.5 0 112c0 15.1 7.1 29.3 19.2 38.4L236.8 313.6c11.4 8.5 27 8.5 38.4 0L492.8 150.4c12.1-9.1 19.2-23.3 19.2-38.4 0-26.5-21.5-48-48-48H48zM0 176V384c0 35.3 28.7 64 64 64H448c35.3 0 64-28.7 64-64V176L294.4 339.2c-22.8 17.1-54 17.1-76.8 0L0 176z'/%3E%3C/svg%3E");
}
/* Region (map pin) */
.clist span.line > span:first-child::before{
  -webkit-mask-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 384 512'%3E%3Cpath d='M215.7 499.2C267 435 384 279.4 384 192 384 86 298 0 192 0S0 86 0 192c0 87.4 117 243 168.3 307.2 12.3 15.3 35.1 15.3 47.4 0zM192 128a64 64 0 1 1 0 128 64 64 0 1 1 0-128z'/%3E%3C/svg%3E");
          mask-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 384 512'%3E%3Cpath d='M215.7 499.2C267 435 384 279.4 384 192 384 86 298 0 192 0S0 86 0 192c0 87.4 117 243 168.3 307.2 12.3 15.3 35.1 15.3 47.4 0zM192 128a64 64 0 1 1 0 128 64 64 0 1 1 0-128z'/%3E%3C/svg%3E");
}
/* Impressum (Waage) */
.clist a:nth-of-type(3) > span:first-child::before{
  -webkit-mask-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 640 512'%3E%3Cpath d='M384 32H512c17.7 0 32 14.3 32 32s-14.3 32-32 32H398.4c-5.2 25.8-22.9 47.1-46.4 57.3V448H544c17.7 0 32 14.3 32 32s-14.3 32-32 32H320 96c-17.7 0-32-14.3-32-32s14.3-32 32-32H288V153.3c-23.5-10.3-41.2-31.6-46.4-57.3H128c-17.7 0-32-14.3-32-32s14.3-32 32-32H256c14.6-19.4 37.8-32 64-32s49.4 12.6 64 32zM128 224L64 352H192L128 224zM19.2 383.8c-1.5-3.4-2.4-7.2-2.4-11.2 0-2.1 .2-4.1 .7-6.1l72-144c5.4-10.8 16.5-17.7 28.6-17.7s23.2 6.8 28.6 17.7l72 144c.4 2 .7 4 .7 6.1 0 4-.8 7.8-2.4 11.2C202.4 428.6 168.1 448 128 448s-74.4-19.4-108.8-64.2zM512 224L448 352H576L512 224zm-108.8 159.8c-1.5-3.4-2.4-7.2-2.4-11.2 0-2.1 .2-4.1 .7-6.1l72-144c5.4-10.8 16.5-17.7 28.6-17.7s23.2 6.8 28.6 17.7l72 144c.4 2 .7 4 .7 6.1 0 4-.8 7.8-2.4 11.2C586.4 428.6 552.1 448 512 448s-74.4-19.4-108.8-64.2z'/%3E%3C/svg%3E");
          mask-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 640 512'%3E%3Cpath d='M384 32H512c17.7 0 32 14.3 32 32s-14.3 32-32 32H398.4c-5.2 25.8-22.9 47.1-46.4 57.3V448H544c17.7 0 32 14.3 32 32s-14.3 32-32 32H320 96c-17.7 0-32-14.3-32-32s14.3-32 32-32H288V153.3c-23.5-10.3-41.2-31.6-46.4-57.3H128c-17.7 0-32-14.3-32-32s14.3-32 32-32H256c14.6-19.4 37.8-32 64-32s49.4 12.6 64 32zM128 224L64 352H192L128 224zM19.2 383.8c-1.5-3.4-2.4-7.2-2.4-11.2 0-2.1 .2-4.1 .7-6.1l72-144c5.4-10.8 16.5-17.7 28.6-17.7s23.2 6.8 28.6 17.7l72 144c.4 2 .7 4 .7 6.1 0 4-.8 7.8-2.4 11.2C202.4 428.6 168.1 448 128 448s-74.4-19.4-108.8-64.2zM512 224L448 352H576L512 224zm-108.8 159.8c-1.5-3.4-2.4-7.2-2.4-11.2 0-2.1 .2-4.1 .7-6.1l72-144c5.4-10.8 16.5-17.7 28.6-17.7s23.2 6.8 28.6 17.7l72 144c.4 2 .7 4 .7 6.1 0 4-.8 7.8-2.4 11.2C586.4 428.6 552.1 448 512 448s-74.4-19.4-108.8-64.2z'/%3E%3C/svg%3E");
}
/* Datenschutz (Schild) */
.clist a:nth-of-type(4) > span:first-child::before{
  -webkit-mask-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 512 512'%3E%3Cpath d='M256 0c4.6 0 9.2 1 13.4 2.9L457.7 82.8c22 9.3 38.4 31 38.3 57.2-.5 99.2-41.3 280.7-213.6 363.2-16.7 8-36.1 8-52.8 0C57.3 420.7 16.5 239.2 16 140c-.1-26.2 16.3-47.9 38.3-57.2L242.7 2.9C246.8 1 251.4 0 256 0z'/%3E%3C/svg%3E");
          mask-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 512 512'%3E%3Cpath d='M256 0c4.6 0 9.2 1 13.4 2.9L457.7 82.8c22 9.3 38.4 31 38.3 57.2-.5 99.2-41.3 280.7-213.6 363.2-16.7 8-36.1 8-52.8 0C57.3 420.7 16.5 239.2 16 140c-.1-26.2 16.3-47.9 38.3-57.2L242.7 2.9C246.8 1 251.4 0 256 0z'/%3E%3C/svg%3E");
}

/* --- 3) Externer-Link-Pfeil: schräg oben rechts --- */
.clist a .val{
  display:inline-flex;
  align-items:center;
  gap:9px;
}
.clist a .val::after{
  content:"";
  width:11px;height:11px;
  flex:0 0 auto;
  background-color:var(--ink-soft);
  transition:background-color .2s,transform .2s;
  -webkit-mask-repeat:no-repeat;mask-repeat:no-repeat;
  -webkit-mask-position:center;mask-position:center;
  -webkit-mask-size:contain;mask-size:contain;
  /* Pfeil nach schräg oben rechts */
  -webkit-mask-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23000' stroke-width='2.5' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M7 17 17 7'/%3E%3Cpath d='M8 7h9v9'/%3E%3C/svg%3E");
          mask-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23000' stroke-width='2.5' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M7 17 17 7'/%3E%3Cpath d='M8 7h9v9'/%3E%3C/svg%3E");
}
.clist a:hover .val::after{
  background-color:var(--ox);
  transform:translate(2px,-2px);
}
@media (prefers-reduced-motion:reduce){
  .clist a:hover .val::after{transform:none}
}