/* Freyheit – Coaching for Business. Statische Fassung, ein CSS, selbst gehostete Fonts. */
@font-face{font-family:"Source Sans 3";src:url(../fonts/source-sans-3.woff2) format("woff2");font-weight:200 900;font-style:normal;font-display:swap}
@font-face{font-family:"Source Serif 4";src:url(../fonts/source-serif-4.woff2) format("woff2");font-weight:200 900;font-style:normal;font-display:swap}
:root{--brown:#6b4020;--brown-d:#4d2d15;--blue:#4a78c4;--sky:#eef3fa;--sand:#f7f3ee;--ink:#262626;--muted:#6a6a6a;--line:#e3ddd5;--max:68rem;--gap:4rem}
*,*::before,*::after{box-sizing:border-box}
html{-webkit-text-size-adjust:100%}
body{margin:0;font:1.0625rem/1.75 "Source Sans 3",system-ui,-apple-system,"Segoe UI",sans-serif;color:var(--ink);background:#fff}
img{max-width:100%;height:auto;display:block}
a{color:var(--blue);text-underline-offset:.15em}
a:hover{color:var(--brown)}
:focus-visible{outline:3px solid var(--blue);outline-offset:2px}
.wrap{width:min(100% - 2.5rem,var(--max));margin-inline:auto}
.skip{position:absolute;left:-999px;top:0;background:#fff;padding:.5rem 1rem;z-index:20}
.skip:focus{left:0}
h1,h2,h3{font-family:"Source Serif 4",Georgia,serif;font-weight:500;line-height:1.25;color:var(--brown-d)}
h1{font-size:clamp(1.75rem,4.5vw,2.5rem);margin:0 0 2rem;line-height:1.3}
h2{font-size:1.4rem;margin:3rem 0 1.1rem}
/* Header */
.site-header{border-bottom:1px solid var(--line);background:#fff;position:sticky;top:0;z-index:10}
.bar{display:flex;flex-wrap:wrap;align-items:center;justify-content:space-between;gap:.5rem;padding:.85rem 0}
.logo img{width:134px;height:auto}
.menu-btn{font:inherit;font-weight:600;color:var(--brown-d);background:var(--sand);border:1px solid var(--line);border-radius:.4rem;padding:.5rem 1rem;cursor:pointer}
#nav{width:100%;display:none}
#nav.open{display:block}
#nav ul{list-style:none;margin:0;padding:.25rem 0 .5rem}
#nav a{display:block;padding:.65rem .25rem;color:var(--ink);text-decoration:none;border-top:1px solid var(--line);font-weight:600}
#nav a:hover{color:var(--brown)}
#nav a[aria-current]{color:var(--brown);box-shadow:inset 3px 0 0 var(--brown);padding-left:.75rem}
/* Slider & Startseite */
.slider{position:relative;width:min(100% - 2.5rem,var(--max));aspect-ratio:940/420;margin:0 auto;overflow:hidden;background:var(--sand)}
.slides{list-style:none;margin:0;padding:0;height:100%}
.slide{position:absolute;inset:0;opacity:0;visibility:hidden;transition:opacity 1.1s ease,visibility 0s 1.1s}
.slide.is-active{opacity:1;visibility:visible;transition:opacity 1.1s ease}
.slide img,.slide picture{width:100%;height:100%;object-fit:cover}
.dots{display:flex;justify-content:center;gap:.2rem;margin:.6rem 0 0}
.dots button{width:1.75rem;height:1.75rem;padding:0;border:0;background:none;cursor:pointer;position:relative}
.dots button::before{content:"";position:absolute;inset:.5rem;border-radius:50%;background:var(--line);border:1px solid #b9ada0}
.dots button[aria-current=true]::before{background:var(--brown);border-color:var(--brown)}
.home-h1{font-size:clamp(1.5rem,4vw,2.25rem);text-align:center;margin:4rem auto 3.5rem;max-width:40rem;line-height:1.35}
.cards{display:grid;gap:2.5rem;margin:0 auto var(--gap);max-width:46rem}
.card{background:var(--sand);border-top:4px solid var(--brown);padding:2rem 1.75rem 1.75rem;border-radius:0 0 .4rem .4rem}
.card h2{margin-top:0;font-size:1.3rem}
.card p,.card ul{margin:0 0 1.15rem}
.card > :last-child{margin-bottom:0}
.card ul{padding-left:1.2rem}
.card li{margin-bottom:.5rem}
/* Inhalt */
.page{padding:4rem 0 5rem}
.entry{max-width:68ch}
.entry-hero img{width:100%;max-width:31rem;border-radius:.4rem;margin:0 0 2.5rem}
.entry-after{margin:3rem 0 0}
.entry-after img{margin:0}
.entry p,.entry ul,.entry ol{margin:0 0 1.5rem}
.entry li{margin-bottom:.6rem}
.entry-wide{max-width:none}
.entry-wide>*{max-width:68ch}
.video{position:relative;aspect-ratio:952/494;width:100%;max-width:68ch;margin:2.5rem 0 0;background:transparent;border-radius:.4rem;overflow:hidden}
.video video{display:block;width:100%;height:100%;background:transparent;object-fit:contain}
.entry strong{color:var(--brown-d)}
.entry h2{border-top:1px solid var(--line);padding-top:2rem;margin-top:3.5rem}
.lead{font-size:1.15rem}
.side{margin-top:4rem}
.side img{width:100%;max-width:20rem;height:16rem;object-fit:cover;object-position:center 25%;border-radius:.4rem}
.side-portrait img{height:auto;max-width:17.75rem;object-position:center}
.side-portrait p{margin:1rem 0 0;font-size:.97rem}
.btn{display:inline-block;background:var(--brown);color:#fff;padding:.7rem 1.4rem;border-radius:.4rem;text-decoration:none;font-weight:600}
.btn:hover{background:var(--brown-d);color:#fff}
/* Footer */
.site-footer{background:var(--sand);border-top:4px solid var(--brown);padding:4rem 0 2rem;font-size:.97rem;margin-top:0}
.cols{display:grid;gap:2.5rem}
.site-footer h2{font-size:1.05rem;margin:0 0 .85rem;letter-spacing:.02em}
.site-footer ul{list-style:none;margin:0;padding:0}
.site-footer li{margin-bottom:.55rem}
.site-footer blockquote{margin:0}
.site-footer blockquote p{margin:0 0 .4rem;font-style:italic}
.site-footer blockquote footer{text-align:right;color:var(--muted)}
.credit{margin:3rem auto 0;color:var(--muted);font-size:.85rem}
@media (min-width:48rem){
  .cols{grid-template-columns:1.1fr 1fr 1.2fr;gap:3.5rem}
}
@media (min-width:60rem){
 .bar{flex-wrap:nowrap}
 .logo img{width:179px}
 .menu-btn{display:none}
 #nav{display:block;width:auto}
 #nav ul{display:flex;gap:.25rem;padding:0}
 #nav a{border:0;padding:.5rem .8rem;border-radius:.3rem;position:relative}
 #nav a[aria-current]{box-shadow:none;padding-left:.8rem;background:var(--sand)}
 #nav a:hover{background:var(--sand)}
 .page.has-side{display:grid;grid-template-columns:minmax(0,68ch) 18.75rem;gap:6rem;justify-content:space-between;align-items:start}
 .side{margin-top:0;position:sticky;top:7rem}
 .side img{max-width:none;height:31rem}
 .side-portrait img{height:auto;max-width:100%}
}
@media (prefers-reduced-motion:reduce){.slide,.slide.is-active{transition:none}}
@media (prefers-reduced-motion:no-preference){html{scroll-behavior:smooth}}
@media print{.site-header,.site-footer,.side,.slider{display:none}}
@media (min-width:64rem){:root{--gap:7rem}.page{padding:7rem 0 8rem}.home-h1{margin:6rem auto 5rem}.cards{gap:3.5rem}.card{padding:2.5rem 2.5rem 2.25rem}.site-footer{padding:5rem 0 2.5rem}}
@media (max-width:40rem){.page{padding:4rem 0 4.5rem}.home-h1{margin:4rem auto 3rem}}

@media (min-width:60rem){.slider{width:calc(min(100% - 2.5rem,var(--max)) - .8rem);margin-left:calc((100% - min(100% - 2.5rem,var(--max))) / 2);margin-right:auto}}

.video-play{position:absolute;inset:0;margin:auto;width:4.5rem;height:4.5rem;border:0;border-radius:50%;background:var(--brown);color:#fff;display:grid;place-items:center;cursor:pointer;box-shadow:0 .4rem 1.5rem rgba(0,0,0,.25);transition:transform .2s,background .2s}
.video-play svg{width:2rem;height:2rem;fill:currentColor;margin-left:.2rem}
.video-play:hover,.video-play:focus-visible{background:var(--brown-d);transform:scale(1.06)}
.video.is-playing .video-play{display:none}