@font-face{font-family:'Atkinson Hyperlegible Mono';font-style:normal;font-weight:400;font-display:swap;src:url('/static/fonts/atkinson-hyperlegible-mono-latin-400-normal.woff2') format('woff2')}@font-face{font-family:'Atkinson Hyperlegible Mono';font-style:normal;font-weight:700;font-display:swap;src:url('/static/fonts/atkinson-hyperlegible-mono-latin-700-normal.woff2') format('woff2')}@font-face{font-family:'Atkinson Hyperlegible Mono';font-style:italic;font-weight:400;font-display:swap;src:url('/static/fonts/atkinson-hyperlegible-mono-latin-400-italic.woff2') format('woff2')}@font-face{font-family:'Atkinson Hyperlegible Mono';font-style:italic;font-weight:700;font-display:swap;src:url('/static/fonts/atkinson-hyperlegible-mono-latin-700-italic.woff2') format('woff2')}html{font-size:62.5%}body{margin:0;background:#f4f4f4;color:#222;font-family:'Atkinson Hyperlegible Mono','Courier New',monospace;font-size:1.6em;line-height:1.6}.container{box-sizing:border-box;margin:0 auto;max-width:960px;padding:0 20px;position:relative;width:100%}a{color:#5c8b59;text-decoration:none}a:hover{text-decoration:underline}header{background:#1d1f38;color:#f1f1f1;padding:4rem 0}.brand{align-items:center;display:flex;flex-direction:row}.logo{background:#eee;border:5px solid #eee;border-radius:50%;display:block;flex:0 0 90px;height:90px;overflow:hidden;width:90px}.logo img{height:100%;object-fit:cover;width:100%}.titles{display:flex;flex-direction:column;justify-content:center;line-height:1.35;margin-left:3rem}.title{font-size:3.6rem;font-weight:300;line-height:1.15;margin:0}.title a{color:#f1f1f1}.subtitle{color:#cfd5dd;font-size:1.55rem;margin-top:.75rem}.blog-menu{left:1.25rem;position:absolute;top:1.25rem;z-index:50}.blog-menu summary{align-items:center;background:#2d3642;border-radius:4px;cursor:pointer;display:flex;flex-direction:column;gap:5px;justify-content:center;list-style:none;padding:.75rem;width:24px}.blog-menu summary::-webkit-details-marker{display:none}.blog-menu summary span{background:#f1f1f1;border-radius:2px;display:block;height:2px;width:24px}.blog-menu-panel{background:#2d3642;border-radius:4px;box-shadow:0 2px 8px rgba(0,0,0,.35);display:flex;flex-direction:column;margin-top:.5rem;min-width:12rem;overflow:hidden}.blog-menu-panel a{color:#f1f1f1;padding:.75rem 1rem}.blog-menu-panel a:hover{background:#424f60;color:#fff;text-decoration:none}.pinned-strip{align-items:center;background:#fff;border-bottom:1px solid #d9d9d9;box-shadow:0 1px 3px rgba(0,0,0,.08);display:flex;flex-wrap:wrap;gap:.5rem 1.5rem;justify-content:center;padding:.65rem 1rem}.pinned-strip a{color:#2d3642;font-weight:600}.pinned-strip a:hover{color:#6a9c68}.main{margin-bottom:5em;min-height:50vh}.main:before{background:rgba(0,0,0,.05);bottom:50px;content:'';display:block;height:100%;left:50px;position:absolute;width:2px;z-index:1}.main:after{background:#ddd;border-radius:999px;bottom:32px;content:'';display:block;height:20px;left:41px;position:absolute;width:20px;z-index:10}.article-wrapper{display:flex;justify-content:flex-end;min-height:90px;padding-top:50px;position:relative}.bubble{align-items:center;background-color:#ccc;border:3px solid #fff;border-radius:50%;color:#fff;display:flex;height:45px;justify-content:center;left:25px;overflow:hidden;position:absolute;text-decoration:none;top:70px;transition:all .3s ease-in-out;width:45px;z-index:10}.bubble img{height:100%;object-fit:cover;width:100%}.bubble:hover{background-color:#5c8b59;color:#fff}.date-bubble{flex-direction:column;font:inherit;line-height:1;top:122px;background-color:#5c8b59}.date-bubble .day{font-size:19px;font-weight:700}.date-bubble .month{font-size:10px;letter-spacing:.06em;text-transform:uppercase}article{background:#fff;border-radius:4px;box-shadow:0 1px 3px rgba(0,0,0,.28);margin-right:62px;overflow:visible;position:relative;width:700px}article:before{border:11px solid transparent;border-right-color:#b8b8b8;content:'';display:block;left:-22px;position:absolute;top:49px}article:after{border:10px solid transparent;border-right-color:#fff;content:'';display:block;left:-20px;position:absolute;top:50px}article .content{padding:2em}article .content h1{font-size:1.75em;font-weight:300;line-height:1.2;margin:0 0 .25em}article .content h1 a{color:inherit}.meta{border-bottom:3px double #eee;color:#999;font-size:.825em;letter-spacing:1px;margin-bottom:4.5%;padding-bottom:2.5%;text-transform:uppercase}.e-content{text-align:justify;overflow-wrap:anywhere}.e-content img{display:block;max-width:100%;height:auto;margin:1.5rem auto}.e-content table{border-collapse:collapse;width:100%;margin:1.5rem 0;font-size:.92em;text-align:left}.e-content th,.e-content td{border:1px solid #ddd;padding:.5em .75em;vertical-align:top;overflow-wrap:break-word}.e-content thead th{background:#eef0ee;font-weight:700}.e-content tbody tr:nth-child(even){background:#fafafa}.e-content pre{max-width:100%;overflow-x:auto;background:#f6f6f6;padding:1em;border-radius:3px}.signature{border-top:1px solid #e0e0e0;color:#777;font-size:.9em;margin-top:2.5em;padding-top:1em;text-align:left}.signature p{margin:.4em 0}.signature a{color:#5c8b59}.e-content a{color:#5c8b59}.pagination{display:flex;justify-content:space-between;margin:4rem 0 1rem 100px;width:700px}.pagination-button{align-items:center;background:#ccc;border:3px solid #fff;border-radius:50%;box-sizing:border-box;color:#fff;display:flex;height:45px;justify-content:center;width:45px}.pagination-button.disabled{cursor:default;opacity:.35;pointer-events:none}.subscribe{background:#fff;border-radius:4px;box-shadow:0 1px 2px rgba(0,0,0,.2);box-sizing:border-box;margin:3rem 0 0 100px;padding:2rem;width:700px}.subscribe label,.subscribe h2{display:block;font:inherit;font-size:1.1rem;letter-spacing:1px;margin:0 0 .75rem;text-transform:uppercase}.subscribe-row{display:flex;gap:.75rem}.subscribe input{border:1px solid #bbb;flex:1;font:inherit;min-width:0;padding:.75rem}.subscribe button{background:#5c8b59;border:0;color:#fff;cursor:pointer;font:inherit;padding:.75rem 1rem}.blogfrei-footer{text-align:center;color:#666;padding:3rem 1rem 4rem}.custom-footer hr{border:0;border-top:1px solid #ddd;max-width:700px}@media(max-width:800px){header .container{padding:2.5rem 30px}.logo{flex-basis:72px;height:72px;width:72px}.titles{margin-left:1.5rem}.title{font-size:2.7rem}.subtitle{font-size:1.3rem}.bubble,.main:before,.main:after,article:before,article:after{display:none}.container{padding:0;width:100%}.article-wrapper{display:block;padding-top:14px}article{box-sizing:border-box;margin:14px;width:auto}.pagination{margin:2rem 14px 1rem;width:auto}.subscribe{margin:2rem 14px;width:auto}}