:root{--ink:#141922;--muted:#5f6670;--accent:#e3262e;--active:#474747;--line:#e7ded1;--sidebar:#f5efe6;--active-beige:#e9dfd1}
*{box-sizing:border-box}html{font-family:Arial,Helvetica,sans-serif;color:var(--ink);background:#fff}body{margin:0}a{color:inherit}.shell{max-width:1280px;min-height:100vh;margin:0 auto;padding:42px 34px 54px;display:grid;grid-template-columns:300px minmax(0,1fr);gap:72px;background:linear-gradient(90deg,var(--sidebar) 0,var(--sidebar) 334px,#fff 334px,#fff 100%)}.sidebar{background:var(--sidebar);align-self:stretch}.portrait{width:100%;aspect-ratio:3/4;object-fit:cover;object-position:center 34%;display:block}.name{font-size:27px;font-weight:700;margin:23px 4px 13px}.redline{width:70px;height:3px;background:var(--accent);margin:0 4px 34px}.nav{display:flex;flex-direction:column;gap:2px}.nav a{padding:12px 16px;text-decoration:none;font-size:18px}.nav a:hover{background:var(--active);color:#fff}.nav a.active{background:var(--active-beige);color:var(--ink);border-left:3px solid var(--accent);padding-left:13px}.content{padding-top:18px;max-width:820px}.content h1{font-size:42px;line-height:1.08;margin:0 0 20px}.content .heading-line{width:72px;height:3px;background:var(--accent);margin:0 0 54px}.content p,.content li{font-size:18px;line-height:1.58;color:#222}.content p{margin:0 0 22px}.content h2{font-size:21px;margin:34px 0 8px}.content h3{font-size:18px;margin:26px 0 6px}.content a{color:#d71920}.intro{font-size:21px!important}.timeline{border-left:2px solid var(--line);padding-left:24px}.timeline h3{margin-top:25px}.footer{margin-top:54px;padding-top:18px;border-top:1px solid var(--line);font-size:13px;color:var(--muted)}
@media(max-width:800px){.shell{display:block;padding:22px 20px 38px;background:linear-gradient(180deg,var(--sidebar) 0,var(--sidebar) 690px,#fff 690px,#fff 100%)}.sidebar{max-width:360px;margin:0 auto 48px}.content{padding-top:0}.content h1{font-size:34px}.content .heading-line{margin-bottom:34px}.nav a{font-size:17px}.content p,.content li{font-size:17px}.portrait{aspect-ratio:4/5}}

.story-separator{margin:58px 0 0;border-top:1px solid var(--line)}.story-title{font-size:30px!important;margin:42px 0 28px!important}.content .story-title+ p{margin-top:0}

.story-heading{display:flex;align-items:baseline;justify-content:space-between;gap:24px;flex-wrap:wrap}.story-heading .story-title{margin-bottom:12px!important}.language-switch{font-size:15px;color:var(--muted);white-space:nowrap;margin-bottom:22px}.language-switch a{color:#d71920;text-decoration:none}.language-switch a:hover{text-decoration:underline}.language-switch .sep{margin:0 8px;color:#aaa}.tr-title{margin-top:0!important}
@media(max-width:800px){.story-heading{display:block}.language-switch{margin-top:0;margin-bottom:26px}}

/* Matomo consent, matches beige design */
.consent-box{position:fixed;z-index:1000;bottom:18px;left:50%;transform:translateX(-50%);width:min(570px,calc(100% - 30px));padding:21px 24px;background:#f5efe6;border:1px solid #d9cdbd;border-radius:10px;box-shadow:0 8px 32px #0002;color:#141922}.consent-title{font-weight:700;font-size:19px}.consent-box p{font-size:15px;line-height:1.5;margin:10px 0 16px}.consent-actions{display:flex;gap:10px;justify-content:flex-end;flex-wrap:wrap}.consent-actions button{border:1px solid #474747;border-radius:5px;padding:10px 18px;font:inherit;cursor:pointer;background:transparent;color:#141922}.consent-actions .consent-yes{background:#474747;color:#fff}.consent-settings{border:0;background:none;color:inherit;text-decoration:underline;cursor:pointer;font:inherit;padding:0}


html[data-theme="dark"]{
  --ink:#f5f5f2;--muted:#b5b5b5;--accent:#a48c74;
  --active:#353535;--line:#424242;--sidebar:#202020;--active-beige:#303030;
  background:#141414;color:#f5f5f2;color-scheme:dark;
}
html[data-theme="dark"] .shell{background:linear-gradient(90deg,#202020 0,#202020 334px,#141414 334px,#141414 100%)}
html[data-theme="dark"] .content p,
html[data-theme="dark"] .content li{color:#d2d2d2}
html[data-theme="dark"] .content a,
html[data-theme="dark"] .language-switch a{color:#d8b99d}
html[data-theme="dark"] .nav a.active{color:#f5f5f2}
html[data-theme="dark"] .nav a:hover{background:#353535;color:#fff}
html[data-theme="dark"] .consent-box{background:#242424;border-color:#494949;color:#f5f5f2;box-shadow:0 8px 32px #0007}
html[data-theme="dark"] .consent-actions button{border-color:#aaa;color:#f5f5f2}
html[data-theme="dark"] .consent-actions .consent-yes{background:#a48c74;border-color:#a48c74;color:#141414}
.theme-toggle{display:inline-flex;align-items:center;justify-content:center;gap:8px;
  padding:8px 11px;margin:20px 4px 0;border:1px solid var(--line);
  border-radius:5px;background:transparent;color:var(--ink);font:inherit;font-size:13px;
  cursor:pointer;transition:background .15s ease}
.theme-toggle:hover{background:var(--active-beige)}
.theme-toggle:focus-visible{outline:2px solid var(--accent);outline-offset:3px}
@media(max-width:800px){
 html[data-theme="dark"] .shell{background:linear-gradient(180deg,#202020 0,#202020 690px,#141414 690px,#141414 100%)}
}

.theme-toggle{display:flex;align-items:center;gap:10px;width:auto;margin:20px 4px 0;padding:6px 2px;
 border:0;background:transparent!important;color:var(--ink);font-size:13px;cursor:pointer}
.theme-toggle::before{content:"";width:46px;height:25px;flex:none;border-radius:25px;
 background:#737373;border:1px solid #888;box-shadow:inset 0 1px 2px #0003;
 transition:background .18s ease}
.theme-toggle::after{content:"";position:absolute;width:19px;height:19px;border-radius:50%;
 background:#fff;transform:translate(4px,0);box-shadow:0 1px 3px #0005;transition:transform .18s ease}
.theme-toggle{position:relative}
html[data-theme="dark"] .theme-toggle::before{background:#a48c74;border-color:#a48c74}
html[data-theme="dark"] .theme-toggle::after{background:#1b1b1b;transform:translate(23px,0)}
.theme-toggle:focus-visible{outline:2px solid var(--accent);outline-offset:3px}



.page-contact .portrait{width:100%;height:auto;aspect-ratio:3/4;object-fit:cover;object-position:center 34%}
@media(max-width:800px){.page-contact .portrait{aspect-ratio:4/5}}
.theme-toggle{position:relative;display:inline-flex;align-items:center;min-height:34px;
  margin:20px 4px 0;padding:4px 2px 4px 66px;gap:0;white-space:nowrap;line-height:1.3;
  background:transparent;border:0;text-align:left;box-sizing:border-box}
.theme-toggle::before{position:absolute;left:2px;top:50%;transform:translateY(-50%);
  width:46px;height:25px;box-sizing:border-box}
.theme-toggle::after{position:absolute;left:5px;top:50%;transform:translateY(-50%);
  width:19px;height:19px;box-sizing:border-box}
html[data-theme="dark"] .theme-toggle::after{left:25px;transform:translateY(-50%)}

.sidebar .portrait, body.page-contact .sidebar .portrait {
  display:block; width:300px; max-width:100%; height:400px; aspect-ratio:3/4;
  object-fit:cover; object-position:center 34%; flex-shrink:0;
}
.theme-control{display:flex;flex-direction:column;align-items:flex-start;gap:10px;margin:22px 4px 0;}
.theme-control .theme-label{font-size:13px;line-height:1.5;color:var(--ink);white-space:normal;}
.theme-control .theme-toggle{position:relative;display:block;width:48px;height:27px;min-height:27px;
 margin:0;padding:0;border:0;border-radius:30px;background:#737373!important;
 box-shadow:inset 0 1px 2px #0003;cursor:pointer;font-size:0;line-height:0;overflow:hidden;}
.theme-control .theme-toggle::before{display:none!important;content:none!important;}
.theme-control .theme-toggle::after{content:"";display:block;position:absolute;left:4px;top:4px;
 width:19px;height:19px;border-radius:50%;background:#fff;transform:none!important;
 box-shadow:0 1px 3px #0005;transition:left .18s ease;}
html[data-theme="dark"] .theme-control .theme-toggle{background:#a48c74!important;}
html[data-theme="dark"] .theme-control .theme-toggle::after{left:25px;background:#1b1b1b;}
@media(max-width:800px){.sidebar .portrait,body.page-contact .sidebar .portrait{width:100%;height:auto;aspect-ratio:4/5;}}

.sidebar .theme-control{display:grid!important;grid-template-columns:48px!important;grid-template-rows:auto 27px!important;align-items:start!important;justify-items:start!important;row-gap:14px!important;width:max-content!important;margin:24px 4px 0!important;}
.sidebar .theme-control .theme-label{display:block!important;grid-column:1!important;grid-row:1!important;position:static!important;margin:0!important;padding:0!important;width:max-content!important;white-space:nowrap!important;}
.sidebar .theme-control button.theme-toggle{display:block!important;grid-column:1!important;grid-row:2!important;position:relative!important;margin:0!important;float:none!important;clear:both!important;}

/* Personal reflections and video player */
.perspective-article{max-width:820px}
.perspective-kicker{font-size:12px!important;letter-spacing:.075em;color:#a48c74!important;font-weight:700;margin-bottom:10px!important}
.perspective-article h2{font-size:28px;line-height:1.2;margin:0 0 22px}
.video-stage{position:relative;aspect-ratio:16/9;width:100%;background:#090909;overflow:hidden;border-radius:7px;margin-top:26px}
.video-poster,.video-stage iframe{position:absolute;inset:0;width:100%;height:100%;border:0}
.video-poster>img{width:100%;height:100%;object-fit:cover;display:block}
.video-shade{position:absolute;inset:0;background:linear-gradient(180deg,#0003,#0008)}
.video-choices{position:absolute;inset:0;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:14px;color:#fff;text-align:center;padding:15px}
.video-play-icon{background:#a48c74;color:#171717;border-radius:50%;height:52px;width:52px;display:grid;place-items:center;padding-left:3px;font-size:23px}
.video-choice-title{font-size:19px;font-weight:700;text-shadow:0 1px 5px #000}
.video-choice-buttons{display:flex;justify-content:center;flex-wrap:wrap;gap:12px}
.video-choice{background:#a48c74;border:1px solid #a48c74;color:#161616;border-radius:5px;padding:11px 19px;cursor:pointer;font:600 15px Arial,Helvetica,sans-serif}
.video-choice-alt{background:#242424e8;color:#f6f6f6;border-color:#b2a18f}
.video-choice:hover,.video-choice:focus-visible{outline:2px solid #f2e5d8;outline-offset:2px}
.video-privacy{font-size:13px!important;color:var(--muted)!important;margin:11px 0 0!important;line-height:1.5!important}
.video-switch{margin-top:14px;font-size:14px;color:var(--ink)}
.video-switch[hidden]{display:none}
.video-switch button{margin-left:8px;background:transparent;border:1px solid var(--line);color:var(--ink);border-radius:4px;padding:7px 10px;cursor:pointer}
.video-switch button[aria-pressed="true"]{background:#a48c74;color:#171717;border-color:#a48c74}
@media(max-width:520px){.video-choices{gap:8px}.video-play-icon{height:38px;width:38px;font-size:17px}.video-choice-title{font-size:15px}.video-choice{padding:9px 12px;font-size:13px}.video-choice-buttons{gap:8px}}

/* V33: Bilingual personal essay */
.article-languages{display:flex;gap:9px;align-items:center;margin:-22px 0 32px}
.article-languages a{font-size:15px;text-decoration:none;padding:9px 17px;border:1px solid #a48c74;border-radius:4px;color:var(--ink)}
.article-languages a.selected{background:#a48c74;color:#171717;font-weight:700}
.article-languages a:hover,.article-languages a:focus-visible{outline:2px solid #a48c74;outline-offset:2px}
.personal-essay{max-width:770px}
.personal-essay p{margin-bottom:23px;line-height:1.76}
.personal-essay p.essay-emphasis{font-weight:400}
.essay-back{margin-top:36px!important}
.essay-teaser{margin-top:56px;padding-top:26px;border-top:1px solid var(--line)}
.essay-teaser h2{margin-top:0}
.essay-teaser-link{display:inline-block;padding:10px 0;font-weight:700}

/* Essay labels: understated, body text without bold emphasis */
.essay-type-label{font-size:13px!important;letter-spacing:.035em;color:var(--muted)!important;margin:-25px 0 32px!important}
.personal-essay p,.personal-essay p.essay-emphasis{font-weight:400}

/* V35: consistent heading sizes for both entries */
.page-perspectives .perspective-article h2,.page-perspectives .essay-teaser h2{font-size:28px;line-height:1.2;}
.page-perspectives .essay-teaser{margin-top:0;padding-top:0;border-top:0;margin-bottom:52px;}
.page-perspectives .perspective-article{border-top:1px solid var(--line);padding-top:26px;}

.page-perspectives .essay-teaser-followup{margin-top:0;padding-top:26px;border-top:1px solid var(--line);margin-bottom:52px;}
.page-perspectives .essay-teaser-followup + .perspective-article{border-top:1px solid var(--line);}

/* V43: verlinkte Essay-Ueberschriften in der Uebersicht */
.essay-heading-link{color:inherit;text-decoration:none;}
.essay-heading-link:hover,.essay-heading-link:focus-visible{text-decoration:underline;text-underline-offset:3px;}

/* V45: Gliederung Gedanken und Prinzipien */
.page-perspectives .perspective-section-title{font-size:19px;letter-spacing:.035em;font-weight:600;color:var(--muted);margin:42px 0 24px;padding-bottom:13px;border-bottom:1px solid var(--line)}
.page-perspectives .perspective-section-title + .essay-teaser{margin-top:0}
.page-perspectives .perspective-section-title + .perspective-article{border-top:0;padding-top:0}

/* V46: nested essay navigation in left sidebar */
.nav-submenu{display:flex;flex-direction:column;gap:0;margin:0 0 10px 14px;padding:3px 0 4px 12px;border-left:1px solid var(--line)}
.nav-subheading{font-size:13px;font-weight:700;letter-spacing:.045em;color:var(--muted);padding:12px 10px 5px}
.nav .nav-submenu a.nav-subitem{display:block;padding:7px 10px;font-size:14px;line-height:1.38;overflow-wrap:anywhere;border-radius:3px}
.nav .nav-submenu a.nav-subitem.current{background:var(--active-beige);border-left:2px solid var(--accent);padding-left:8px;font-weight:600}
@media(max-width:800px){.nav .nav-submenu a.nav-subitem{font-size:14px}}

/* Compact overview: titles are the links; no redundant read-more rows. */
.page-perspectives .essay-teaser{margin-bottom:27px;}
.page-perspectives .essay-teaser-followup{padding-top:18px;margin-bottom:27px;}
.page-perspectives .essay-teaser p{margin-bottom:0;}

.home-language-switch{margin-top:8px;margin-bottom:30px;}

/* V49: preview cards */
.video-poster-extra .video-preview-backdrop{position:absolute;inset:0;background:radial-gradient(ellipse at 68% 30%,#5d5149 0%,#262322 42%,#111 90%)}
.video-poster-extra .video-shade{background:linear-gradient(145deg,#0002,#0008)}
.video-poster-extra .video-choice-title{max-width:90%;font-size:clamp(20px,3vw,29px)}
.video-external-link{font-size:14px;margin:9px 0 0}

/* V50: Motivation video in the same format as other principles */
.video-stage-extra iframe{width:100%;height:100%;border:0;display:block}