*,*::before,*::after{box-sizing:border-box}body,h1,h2,h3,h4,h5,h6,p,figure,blockquote,dl,dd{margin:0}img,picture{max-width:100%;display:block}input,button,textarea,select{font:inherit}ul,ol{margin:0;padding:0}:root{color-scheme:light dark;--content-max-width:clamp(1200px, calc(90vw + 4rem), 1600px);--content-padding-inline:min(2.5rem, 4vw);--bg-color:#ececec;--text-color:#222;--clr-accent:#00B0E6;--clr-neutral-400:#657c84;--basic-font-size:100%;--lh-base:1.5;--fw-base:400;--ff-base:Roboto, Inter, 'Helvetica Neue', 'Arial Nova', 'Nimbus Sans', Arial, system-ui, sans-serif;--ff-italic:Georgia, 'Iowan Old Style', 'Palatino Linotype', 'URW Palladio L', P052, serif;--max-text-width:90ch;--letter-spacing-invers .02em;--word-spacing-invers:.08em;--link-underline-thickness:.16em !important;--fs-sm:clamp(calc(.8 * var(--basic-font-size)), 0.16vi + calc(.76 * var(--basic-font-size)), calc(.88 * var(--basic-font-size)));--fs-base:clamp(var(--basic-font-size), 0.34vi + calc(.92 * var(--basic-font-size)), calc(1.25 * var(--basic-font-size)));--fs-md:clamp(calc(1.22 * var(--basic-font-size)), 0.61vi + calc(1.11 * var(--basic-font-size)), calc(1.4 * var(--basic-font-size)));--fs-lg:clamp(calc(1.56 * var(--basic-font-size)), 1.02vi + calc(1.32 * var(--basic-font-size)), calc(1.9 * var(--basic-font-size)));--fs-xl:clamp(calc(1.95 * var(--basic-font-size)), 1.61vi + calc(1.57 * var(--basic-font-size)), calc(2.79 * var(--basic-font-size)));--fs-xxl:clamp(calc(2.44 * var(--basic-font-size)), 2.46vi + calc(1.86 * var(--basic-font-size)), calc(3.71 * var(--basic-font-size)));--fs-xxxl:clamp(calc(3.05 * var(--basic-font-size)), 3.67vi + calc(2.19 * var(--basic-font-size)), calc(4.95 * var(--basic-font-size)))}@keyframes fadeIn{0%{opacity:0}100%{opacity:1}}main{animation:500ms fadeIn}.imgdiv{animation:1000ms fadeIn}body{height:100%;min-height:100vh;min-height:100dvh;text-rendering:optimizeSpeed;font-size:var(--fs-base);line-height:var(--lh-base);font-family:var(--ff-base);background-color:#fff;color:var(--text-color);display:flex;flex-direction:column;scroll-behavior:smooth}main{flex:1;padding-block:calc(10rem + 2vw);background-color:var(--bg-color)}.container{width:90%;max-width:1400px;margin-inline:auto}@media (max-width:1080px) and (orientation:landscape){.container{width:85%}}.top-nav{padding-block:.3rem 1rem;background-color:#fff}.top-nav{backdrop-filter:blur(10px)}.top-nav{width:100%;transition:opacity 0.5s ease,transform 0.5s ease;opacity:1;transform:translateY(0);position:fixed;top:0;left:0;z-index:1000}.top-nav.is-visible{opacity:1;transform:translateY(0)}.top-nav.is-visible.is-floating{box-shadow:0 20px 40px rgb(0 0 0 / .15)}.top-nav.is-hidden{opacity:0;transform:translateY(-100%);pointer-events:none}.top-nav .container{display:grid;grid-template-columns:max-content 1fr;align-items:end}.site-branding{transform:translateX(-21px)}.subtitle{margin-top:.3rem;font-size:1.2rem;font-weight:400}.menu-list{margin-left:auto}.menu-list .menu-item{list-style-type:none;text-align:right;margin-left:calc(.5rem + .5vw);font-weight:500;letter-spacing:.03em}.menu-list .menu-item a{text-decoration:none;border-bottom:2px solid #fff0;transition:all .3s ease-in-out}@media (min-width:768px){#menu-hauptmenue .menu-item{display:inline}}#menu-hauptmenue :is(.menu-item a:hover,.current-menu-item a){color:var(--clr-text);border-bottom-color:var(--clr-text)}p{margin-bottom:1rem;max-width:var(--max-text-width)}p.lead{font-weight:500;font-size:var(--fs-base);line-height:1.4;margin-bottom:2rem;max-width:calc(var(--max-text-width) - 20%)}i,em{font-family:var(--ff-italic)}h1{font-size:var(--fs-lg);font-weight:400;margin-bottom:calc(1rem + 2vw)}h2{font-size:var(--fs-md);font-weight:400;margin-bottom:calc(.3rem + .3vw)}h3{margin-bottom:.5rem}h3>a{text-decoration:none;color:inherit}.backline{display:flex;align-items:flex-end;gap:.4rem}.backline::after{content:"";flex-grow:1;height:2px;background-color:#222;margin-bottom:7px}:is(ol,ul,p,br)+:where(h2,h3){margin-top:2rem}.bulletlist{max-width:var(--max-text-width);list-style-type:square}.bulletlist li{margin-left:2.8rem;margin-bottom:.3rem}.bulletlist li::marker{color:var(--clr-accent);font-size:1.4rem}.custom-counter{counter-reset:section;list-style:none;padding-left:1.5em;max-width:var(--max-text-width)}.custom-counter>li{counter-increment:section;position:relative;margin-bottom:3rem}.custom-counter>li::before{content:counter(section) ". ";position:absolute;left:-1.5em;font-size:var(--fs-base);font-weight:600}.custom-counter ol{counter-reset:subsection;list-style:none;padding-left:2.6em}.custom-counter ol>li{counter-increment:subsection;position:relative;margin-bottom:1.5rem}.custom-counter ol>li:first-child{margin-top:.5rem}.custom-counter ol>li::before{content:counter(section) "." counter(subsection) " ";position:absolute;left:-2.6em}a{color:inherit;color:var(--clr-accent)}.back-to-top{position:fixed;right:10px;bottom:10px;width:40px;height:40px;background:var(--clr-accent);display:flex;align-items:center;justify-content:center;text-decoration:none;opacity:0;visibility:hidden;pointer-events:none;transition:opacity 0.3s ease,visibility 0.3s ease,background-color 0.3s ease,bottom 0.1s linear;z-index:1000;border-radius:4px;padding-top:6px}.back-to-top.is-visible{opacity:1;visibility:visible;pointer-events:auto}.back-to-top__icon{display:block;width:12px;height:12px;border-top:2px solid #000;border-left:2px solid #000;transform:rotate(45deg);transition:border-color 0.3s ease}.back-to-top:hover{background:#000}.back-to-top:hover .back-to-top__icon{border-color:#fff}.back-to-top:focus-visible{outline:2px solid #000;outline-offset:3px}.tabs [role="tablist"]{display:flex;gap:20px}.tabs button{background:none;border:none;padding:0;cursor:pointer;font:inherit;position:relative;margin-bottom:2rem;text-align:left;font-size:1.2rem!important;color:var(--clr-accent)!important;text-transform:uppercase!important;letter-spacing:.05em!important}.tabs [role="tab"][aria-selected="true"]{font-weight:700;color:var(--text-color)!important}.tabs [role="tab"][aria-selected="true"]::after{content:"";position:absolute;left:0;bottom:-2px;width:100%;height:2px;background:#000}#post-list{display:grid;column-gap:calc(1rem + 2vw);row-gap:calc(2rem + 2vw)}@media (min-width:768px){#post-list{grid-template-columns:1fr 1fr}}.imgdiv{margin-bottom:calc(.5rem + .5vw)}.imgdiv img{aspect-ratio:3 / 2;overflow:hidden;object-fit:cover;width:100%;object-position:top;border:1px solid silver;box-shadow:5px 5px 20px rgb(0 0 0 / .2);transition:all 0.5s ease-in-out}.imgdiv img:hover{scale:1.04;rotate:-1deg;filter:brightness(1.05);box-shadow:10px 10px 25px rgb(0 0 0 / .3)}.case-title{line-height:1.4;font-weight:400;font-size:var(--fs-base)}.case-cat{font-size:var(--fs-sm);color:var(--clr-neutral-400)}footer{margin-top:auto;background-color:#222;color:#fff;padding-block:3rem}footer a{color:#fff}footer a:hover,.current-menu-item a{color:var(--clr-accent)}.site-info{display:grid;grid-template-columns:1fr max-content;border-top:1px solid #666;padding-top:1rem;margin-top:1rem;font-size:.9rem;color:#999}.site-info a{color:#999}#menu-footer-meta .menu-item{display:inline;padding-left:calc(.3rem + .3vw);margin-inline:0}#menu-footer-meta .menu-item:not(:nth-of-type(3)){border-right:1px solid gray;padding-right:calc(.3rem + .3vw)}