:root { --ink:#1c2523; --muted:#64716b; --line:#dce3dd; --paper:#f7f7f2; --sage:#dfe8dc; --accent:#ba3d2e; --dark:#20332d; }
* { box-sizing:border-box; } html { scroll-behavior:smooth; } body { margin:0; background:var(--paper); color:var(--ink); font-family:"DM Sans",Arial,sans-serif; line-height:1.55; } a { color:inherit; text-underline-offset:4px; } .site-header, main, footer { max-width:1240px; margin:auto; padding-left:42px; padding-right:42px; } .site-header { min-height:86px; display:flex; justify-content:space-between; align-items:center; border-bottom:1px solid var(--line); } .brand { font-size:1.16rem; font-weight:700; letter-spacing:-.04em; text-decoration:none; } .brand span { color:var(--accent); } nav { display:flex; gap:28px; font-size:.92rem; } nav a { text-decoration:none; } nav a:hover, .publication a:hover, .about a:hover { color:var(--accent); } .hero { max-width:920px; padding:136px 0 122px; } .eyebrow { margin:0 0 16px; color:var(--accent); font-size:.75rem; letter-spacing:.12em; font-weight:700; text-transform:uppercase; } h1,h2,h3 { letter-spacing:-.04em; line-height:1.02; } h1,h2 { font-family:Newsreader,Georgia,serif; font-weight:600; } h1 { margin:0; font-size:clamp(3.5rem,8vw,6.75rem); } .intro { max-width:620px; margin:32px 0; color:#46514d; font-size:1.16rem; } .button { display:inline-flex; gap:24px; align-items:center; padding:14px 19px; background:var(--ink); color:white; text-decoration:none; font-size:.9rem; font-weight:600; } .button:hover { background:var(--accent); } .statement { margin:0 -42px; padding:50px 42px; background:var(--sage); display:grid; grid-template-columns:1.35fr 1fr; gap:70px; align-items:center; } .statement p { max-width:580px; font-family:Newsreader,Georgia,serif; font-size:1.75rem; line-height:1.13; margin:0; } .statement ul { display:grid; grid-template-columns:1fr 1fr; list-style:none; padding:0; margin:0; font-size:.9rem; } .statement li { border-bottom:1px solid #b9cbbb; padding:10px 0; } .publications { padding:120px 0; } .section-heading { display:flex; justify-content:space-between; align-items:end; padding-bottom:30px; border-bottom:1px solid var(--ink); } .section-heading h2 { margin:0; font-size:clamp(2.7rem,5vw,4.3rem); } .publication-grid { display:grid; grid-template-columns:1fr 1fr; } .publication { display:grid; grid-template-columns:190px 1fr; gap:28px; padding:38px 22px 38px 0; border-bottom:1px solid var(--line); min-height:310px; } .publication:nth-child(even) { padding-left:28px; border-left:1px solid var(--line); } .publication.featured { grid-column:span 2; grid-template-columns:300px 1fr; min-height:390px; } .cover { width:100%; aspect-ratio:.72; padding:18px; display:flex; align-items:end; color:white; font-family:Newsreader,Georgia,serif; font-size:1.55rem; font-weight:600; line-height:.95; } .cover-burnout { background:linear-gradient(145deg,#8e352f 0%,#d07752 55%,#f2d99f 100%); } .cover-price { background:linear-gradient(145deg,#36304e,#7775aa 60%,#c7cae6); } .cover-leadership { background:linear-gradient(145deg,#193c37,#397467 62%,#a5c9a8); } .cover-diagnosis { background:linear-gradient(145deg,#b04a36,#e4b26a); } .cover-context { background:linear-gradient(145deg,#343638,#89918b); } .number { font-size:.73rem; color:var(--muted); font-weight:700; letter-spacing:.1em; margin:0 0 17px; } h3 { font-size:1.44rem; margin:0 0 12px; } .publication-content > p:not(.number) { color:var(--muted); font-size:.91rem; margin:0 0 18px; } .publication a, .about a { font-size:.87rem; font-weight:700; } .about { margin:0 -42px; padding:110px max(42px,calc((100vw - 1156px)/2)); background:var(--dark); color:#f6f6ee; } .about h2 { max-width:750px; margin:0 0 24px; font-size:clamp(2.6rem,5vw,4.6rem); } .about > p:not(.eyebrow) { max-width:580px; color:#c8d4cb; } .about a { color:#fff; } footer { display:flex; min-height:118px; align-items:center; gap:30px; font-size:.78rem; color:var(--muted); } footer p { flex:1; } footer a:not(.brand) { color:inherit; }
@media (max-width:760px) { .site-header,main,footer { padding-left:22px; padding-right:22px; } .site-header { min-height:72px; } nav { gap:14px; font-size:.78rem; } .nav-link { display:none; } .hero { padding:90px 0 75px; } .statement { margin:0 -22px; padding:38px 22px; display:block; } .statement p { margin-bottom:25px; font-size:1.5rem; } .publications { padding:75px 0; } .publication-grid { display:block; } .publication,.publication.featured { grid-template-columns:105px 1fr; gap:18px; min-height:0; padding:28px 0; } .publication:nth-child(even) { padding-left:0; border-left:0; } .cover { width:105px; padding:10px; font-size:1rem; } .about { margin:0 -22px; padding:76px 22px; } footer { min-height:100px; flex-wrap:wrap; gap:8px 22px; padding-top:22px; padding-bottom:22px; } footer p { flex-basis:100%; margin:0; } }

/* Einheitliche Größe und Ausrichtung der Publikationsgrafiken. */
.publication { align-items:start; }
.publication.featured { order:-1; grid-template-columns:190px 1fr; min-height:310px; }
.cover { width:190px; }
@media (max-width:760px) { .cover { width:105px; } }

/* Alle Publikationen in einer durchgehenden vertikalen Liste. */
.publication-grid { grid-template-columns:1fr; }
.publication.featured { grid-column:auto; }
.publication:nth-child(even) { padding-left:0; border-left:0; }
.publication-content > a + a { margin-left:20px; }
.hero .eyebrow { font-size:1.05rem; }
.section-heading h2 { margin-left:0; }
.about { margin-left:-42px; margin-right:-42px; padding:110px 42px; }
@media (max-width:760px) { .about { margin-left:-22px; margin-right:-22px; padding:76px 22px; } }
.legal-page { max-width:760px; padding:96px 0; }
.legal-page h1 { margin:0 0 38px; font-size:clamp(3.5rem,8vw,6.75rem); }
.legal-page h2 { margin:70px 0 24px; font-size:2.6rem; }
.legal-page h3 { margin:38px 0 12px; font-family:"DM Sans",Arial,sans-serif; font-size:1.1rem; letter-spacing:0; }
.legal-page p { max-width:720px; margin:0 0 18px; }
@media (max-width:760px) { .legal-page { padding:66px 0; } }