:root{--teal:#0f9999;--green:#96c34c;--yellow:#fbde1e;--ink:#333;--paper:#fff;--surface-muted:#f0f0f0;--border:#dfdfdf;--content-max:1280px;--gutter:60px;--rail:33%;--card-gap:24px;--card-min:280px;--z-raised:1;--z-nav:2;--z-rail:3;--z-skip:4}*,:before,:after{box-sizing:border-box}html{scroll-behavior:smooth;scrollbar-gutter:stable}body{background:var(--paper);color:var(--ink);font-family:var(--font-body);max-width:1920px;margin:0 auto;font-size:1.3rem;line-height:1.4}a{color:inherit;overflow-wrap:anywhere;font-weight:500;text-decoration:none}a:hover{color:var(--teal)}img{max-width:100%;height:auto;display:block}svg{display:block}h1,h2,h3,h4{font-family:var(--font-bold);margin:0 0 20px;line-height:1.1}h1{font-size:2em}h2{font-size:1.7em}h3{font-size:1.3em}h4{font-size:1em}p,ul,address{margin:0 0 18px}address{font-style:normal}:focus-visible{outline-offset:2px;outline:3px solid}.skip-link{background:var(--paper);color:var(--ink);z-index:var(--z-skip);padding:12px 20px;position:absolute;top:-100px;left:8px;box-shadow:0 2px 8px #0000004d}.skip-link:focus{top:8px}main:focus{outline:none}.site-header{justify-content:space-between;align-items:center;padding:34px 40px;display:flex}.brand{flex:0 0 clamp(165px,34vw,300px);order:2}.brand img{max-height:50px;margin-left:auto}.main-nav{order:1}.nav-toggle{color:inherit;cursor:pointer;background:0 0;border:0;width:44px;height:45px;padding:0;display:none;position:relative}.nav-icon{fill:currentColor;width:auto;height:45px;transition:opacity .2s;position:absolute;top:0;left:50%;transform:translate(-50%)}.icon-times,.nav-toggle[aria-expanded=true] .icon-bars{opacity:0}.nav-toggle[aria-expanded=true] .icon-times{opacity:1}.nav-list{margin:0;padding:0;list-style:none;display:flex}.nav-list a{white-space:nowrap;padding:12px 20px;font-size:1.1rem;display:block;transform:skew(15deg)}.nav-list li{transform:skew(-15deg)}.nav-list li+li,.news-filter button+button{margin-left:-1px}.nav-list a:hover{color:inherit}.nav-list li:hover{background:var(--green);color:var(--paper)}.nav-list .active{background:var(--teal);color:var(--paper)}.content{min-height:42vh}.white-box{background:color-mix(in srgb, var(--paper) 88%, transparent);max-width:var(--content-max);padding:48px var(--gutter);width:85%;margin:0 auto}.button,.button:hover{color:var(--paper)}.button{background:var(--green);margin-top:14px;padding:10px 27px;display:inline-block;transform:skew(-15deg)}.button>span{display:block;transform:skew(15deg)}.button:hover{background:var(--teal)}.site-footer{background:var(--green);color:var(--paper);margin-top:60px}.instagram-rail{background:var(--teal);color:var(--paper);z-index:var(--z-rail);border-radius:10px 0 0 10px;padding:20px 50px 20px 20px;font-size:70px;position:fixed;top:500px;right:0}.instagram-rail h2{margin:0 0 15px;font-size:30px;display:none}.instagram-rail a{display:block}.instagram-rail svg{fill:currentColor;width:1em;height:1em}.instagram-rail a:hover{color:var(--paper);opacity:.75}.footer-main{max-width:var(--content-max);padding:38px var(--gutter);justify-content:space-between;gap:45px;width:85%;margin:auto;display:flex}.footer-main>*{flex:1}.footer-main address{margin:0}.footer-logo{max-height:90px}.footer-links ul{gap:6px;margin:0;padding:0;list-style:none;display:grid}.credits{background:var(--paper);color:var(--ink);text-align:center;margin:0;padding:10px 15px;font-size:.8rem}.slider{position:relative;overflow:hidden}.slides{scroll-snap-type:x mandatory;scrollbar-width:none;display:flex;overflow-x:auto}.slides::-webkit-scrollbar{display:none}.slides:focus-visible{outline-offset:-3px}.slide{scroll-snap-align:start;scroll-snap-stop:always;flex:0 0 100%}.hero-slider .slide img{object-fit:cover;width:100%;height:min(600px,31.25vw);min-height:220px}.slider-controls{flex-wrap:wrap;justify-content:center;align-items:center;display:flex}.hero-slider .slider-controls{position:absolute;bottom:12px;left:50%;transform:translate(-50%)}.slider-dot,.slider-autoplay{cursor:pointer;background:0 0;border:0;place-items:center;width:24px;height:24px;padding:0;display:grid}.slider-dot:before{content:"";background:#000000ab;border-radius:50%;width:10px;height:10px;transition:background .2s}.slider-dot:hover:before{background:var(--green)}.slider-dot[aria-current=true]:before{background:var(--teal)}.slider-autoplay{color:var(--paper);opacity:0;background:#000000ab;border-radius:50%;margin-left:8px;transition:opacity .2s}.slider:hover .slider-autoplay,.slider:focus-within .slider-autoplay,.slider-autoplay[data-playing=false]{opacity:1}.autoplay-icon{fill:currentColor;grid-area:1/1;width:11px;height:11px}.slider-autoplay[data-playing=true] .icon-play,.slider-autoplay[data-playing=false] .icon-pause{display:none}.slider-arrow{color:var(--teal);cursor:pointer;background:0 0;border:0;padding:0 18px;font:3rem/1 Arial,sans-serif;position:absolute;top:50%;transform:translateY(-50%)}.slider-arrow:hover{color:var(--green)}.hero-slider .slider-arrow{color:var(--paper);text-shadow:0 1px 3px #555}.slider-previous{left:0}.slider-next{right:0}.welcome{text-align:center}.welcome p{text-align:left}.homepage-news{padding:60px 0}.teaser-about{background:linear-gradient(45deg, var(--teal) 0%, #5db368 33%, var(--green) 66%, var(--yellow) 100%);color:var(--paper)}.teaser-inner{max-width:var(--content-max);align-items:stretch;margin:auto;display:flex}.teaser-copy{padding:70px var(--gutter) 35px;width:56%}.teaser-image{align-items:flex-end;width:44%;margin:0;padding-right:70px;display:flex;position:relative}.teaser-image figcaption{background:var(--paper);color:var(--ink);z-index:var(--z-raised);padding:10px 15px;position:absolute;bottom:120px;left:-40px}.teaser-image img{object-fit:contain;max-height:530px}.about-header-image,.article-image,.news-image{background-position:top;background-size:cover;align-self:start}.about-header-image,.article-image{aspect-ratio:3/4;position:sticky;top:0}.news-image{height:300px}.article-layout{align-items:stretch;display:flex}.article-image{flex:0 0 var(--rail)}.article-content{padding-bottom:60px}.article-content a:not(.button){color:var(--teal);text-decoration:underline}.aboutmepage{align-items:stretch;display:flex}.about-header-image{flex:0 0 var(--rail)}.about-right{flex:1}.about-biography{background:var(--surface-muted);padding:40px var(--gutter)}.about-biography h1{margin-bottom:0}.about-biography h2{font-family:var(--font-body);font-size:1.5rem}.employment{padding:40px var(--gutter) 0}.employment>h2{border-bottom:1px solid var(--teal);text-align:center;margin-bottom:40px}.employment h3,.cv-section>h3{color:var(--green);margin-bottom:10px}.milestone-row{gap:var(--card-gap);grid-template-columns:repeat(auto-fill, minmax(min(var(--card-min), 100%), 1fr));margin:40px 0 70px;padding:0;list-style:none;display:grid}.milestone{border:1px solid var(--border);padding:15px 20px}.milestone span{font-family:var(--font-bold);margin-bottom:15px;display:block}.milestone p:last-child{margin-bottom:0}.milestone.current{background:var(--green);border-color:var(--green);color:var(--paper)}.current-roles{margin:0 0 20px}.employment .milestone-row:not(.current-roles){margin:10px 0 0}.cv{padding:100px var(--gutter) 40px}.cv-section{--card-min:320px}.cv-section>h3{margin:0 0 var(--card-gap)}.cv-section .milestone-row{margin:0}.cv-section+.cv-section{margin-top:60px}.feedback{background:var(--surface-muted);padding:55px 0 40px}.feedback-inner{max-width:var(--content-max);padding:0 var(--gutter);width:85%;margin:auto}.feedback h2{text-align:center}.feedback-slider{--quote-lines:7;max-width:58rem;margin:auto;padding:0 50px}.feedback-slider .slides{height:15em}.feedback-slider .slides:has(.quote-more[open]){height:auto}.feedback-slider .slide{flex-direction:column;justify-content:safe center;padding:2px 14px;display:flex;overflow:hidden auto}.testimonial{border-left:4px solid var(--green);flex-direction:column;margin:0;padding-left:24px;display:flex}.testimonial blockquote{quotes:"„" "“" "‚" "‘";margin:0}.testimonial blockquote[lang=en]{quotes:"“" "”" "‘" "’"}.testimonial blockquote p{line-clamp:var(--quote-lines);-webkit-line-clamp:var(--quote-lines);-webkit-box-orient:vertical;margin:0;display:-webkit-box;overflow:hidden}.testimonial blockquote p:before{content:open-quote}.testimonial blockquote p:after{content:close-quote}.quote-more[open]~blockquote p{line-clamp:none;-webkit-line-clamp:none;display:block;overflow:visible}.quote-more{order:1}.quote-more summary{color:var(--teal);cursor:pointer;margin-top:10px;font-size:.95em;text-decoration:underline;list-style:none;display:inline-block}.quote-more summary::-webkit-details-marker{display:none}.quote-more summary:hover{color:var(--green)}.quote-more .less-label,.quote-more[open] .more-label{display:none}.quote-more[open] .less-label{display:inline}[data-clamp-checked] .testimonial:not([data-clamped]) .quote-more{display:none}.testimonial figcaption{order:2;margin-top:12px;font-style:italic}.contact{max-width:680px}.contact a:not(.button){color:var(--teal);text-decoration:underline}.news-filter{flex-wrap:wrap;align-items:center;gap:5px 0;margin-bottom:15px;display:flex}.filter-label{margin-right:10px}.news-filter button{background:var(--paper);cursor:pointer;font:inherit;border:0;padding:10px 15px;transform:skew(-15deg)}.news-filter button span{align-items:center;gap:8px;display:flex;transform:skew(15deg)}.filter-icon{fill:currentColor;width:1em;height:1em}.news-filter button:hover{background:var(--green)}.news-filter button[aria-pressed=true]{background:var(--teal);color:var(--paper)}.news-list{gap:28px;display:grid}.news-card{grid-template-columns:2fr 3fr;display:grid;overflow:hidden}.news-card.reversed{grid-template-columns:3fr 2fr}.news-card:hover{background:color-mix(in srgb, var(--teal) 10%, transparent)}.news-card.reversed .news-image{order:2}.news-text{padding:75px 35px 35px;position:relative}.news-text :is(h2,h3){font-size:1.3em}.news-tags{color:var(--teal);margin-bottom:10px;font-size:.85rem;font-weight:600}.news-icons{gap:15px;font-size:35px;display:flex;position:absolute;top:15px;right:15px}.news-icons svg{fill:currentColor;width:1em;height:1em}.news-card.reversed .news-icons{left:15px;right:auto}.news-card[hidden]{display:none}@media (width<=1000px){body{font-size:1.1rem}.site-header{padding:37px 10%}.nav-toggle{display:block}.nav-list{background:var(--teal);opacity:0;pointer-events:none;visibility:hidden;min-width:230px;z-index:var(--z-nav);padding:8px 0;transition:opacity .25s,transform .25s,visibility .25s;display:block;position:absolute;top:100%;left:0;transform:translateY(-8px)}.main-nav{position:relative}.nav-toggle[aria-expanded=true]+.nav-list{opacity:1;pointer-events:auto;visibility:visible;transform:translateY(0)}.nav-list li,.nav-list a{transform:none}.nav-list a{color:var(--paper)}.nav-list .active{background:var(--green)}.white-box,.feedback-inner{width:100%}}@media (width<=720px){h1,h2,h3{font-size:1.5em}.site-header{min-height:105px}.brand img{max-height:55px}.white-box{padding:36px 8%}.feedback{padding:40px 0 30px}.feedback-inner{padding:0 8%}.feedback-slider{--quote-lines:6;padding:0}.feedback-slider .slides{height:17em}.feedback-slider .slide{padding:2px 4px}.testimonial{padding-left:16px}.article-layout,.footer-main,.aboutmepage{flex-direction:column}.about-header-image,.article-image{align-self:stretch;position:static}.about-header-image,.about-right{flex-basis:auto;width:100%}.about-biography,.employment,.cv{padding-left:10%;padding-right:10%}.teaser-inner{flex-direction:column}.teaser-copy,.teaser-image{width:100%;padding:10%}.teaser-image{justify-content:center;padding-top:0}.teaser-image figcaption{left:16%}.article-image{flex-basis:auto}.news-card,.news-card.reversed{border:1px solid var(--teal);grid-template-columns:1fr}.news-card.reversed .news-image{order:0}.news-image{height:220px}.news-text{padding:28px}.news-icons{margin-bottom:15px;font-size:20px;position:static}.footer-main{gap:22px;width:100%;padding:35px 8%}.hero-slider .slide img{height:40vw;min-height:150px}.slider-arrow{display:none}.instagram-rail{text-align:center;border-radius:0;padding:15px;font-size:50px;position:static}.instagram-rail h2{display:block}.instagram-rail svg{margin-inline:auto}}@media (prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,:before,:after{transition-duration:.01ms!important;animation-duration:.01ms!important;animation-iteration-count:1!important}}
