blockquote{margin:var(--gap-m)}@media screen and (min-width: 80rem){blockquote{margin-left:auto;margin-right:auto;max-width:50rem}}h1,h2,h3,p,pre,ul,ol,dl,.post-list,:any-link.post-card>h2{margin:var(--gap-m)}@media screen and (min-width: 80rem){h1,h2,h3,p,pre,ul,ol,dl,.post-list,:any-link.post-card>h2{margin-left:auto;margin-right:auto;max-width:60rem}}body{margin:0;color:#212121;background:#fff}h1{margin-top:var(--gap-2xl);margin-bottom:var(--gap-l);font-size:var(--text-2xl);line-height:var(--scale-s);text-align:center;overflow-wrap:anywhere}h2{margin-top:var(--gap-l);margin-bottom:var(--gap-l);font-size:var(--text-xl);line-height:var(--scale-s);overflow-wrap:anywhere}h2:after{content:"";display:block;width:8ch;height:.3ex;margin-top:.2ex;border-radius:.3ex;background-color:#484d6d}[data-coderdojo] h2:after{background-color:#55433c}:any-link.post-card>h2,h3{font-size:var(--text-l);line-height:var(--scale-s);overflow-wrap:anywhere}li{margin:var(--gap-s) 0}dt{margin:var(--gap-m) 0;font-weight:var(--weight-emph);color:#484d6d}[data-coderdojo] dt{color:#55433c}dd{margin:var(--gap-m) 0 var(--gap-m) var(--gap-l)}em{background-color:#caf4ef;padding:0 .5ch}[data-coderdojo] em{background-color:#fef0ec}:any-link,a[href]{color:#212121;transition:color .1s cubic-bezier(0.56, 0.03, 0.35, 0.9)}:any-link:hover,a[href]:hover{color:#484d6d}[data-coderdojo] :any-link:hover,[data-coderdojo] a[href]:hover{color:#55433c}blockquote{padding-left:var(--gap-s);padding-right:var(--gap-s);border-top:.5em solid #fef0ec;border-bottom:.5em solid #fef0ec}blockquote>p:only-child>a:only-child>img:only-child{display:block;max-width:100%;max-height:max(20em,80vh);margin:0 auto}.cta-link{display:block;margin:0 auto;padding:0 var(--gap-m);max-width:50rem;text-align:center;text-decoration:none;line-height:var(--scale-l);border:1px solid #212121;transition:font .1s cubic-bezier(0.56, 0.03, 0.35, 0.9),border-color .1s cubic-bezier(0.56, 0.03, 0.35, 0.9),color .1s cubic-bezier(0.56, 0.03, 0.35, 0.9)}.cta-link:hover{border-color:#484d6d;font-weight:var(--weight-emph)}[data-coderdojo] .cta-link:hover{border-color:#55433c}ul.link-grid{display:grid;grid-template-columns:1fr;gap:var(--gap-xl) var(--gap-m);justify-items:center;align-items:center;padding:0;list-style:none}@media screen and (min-width: 80rem){ul.link-grid{grid-template-columns:repeat(3, 1fr)}}ul.link-grid>li>a{display:inline-block;padding:var(--gap-m);text-align:center;text-decoration:none;color:#707070;transition:color .1s cubic-bezier(0.56, 0.03, 0.35, 0.9),box-shadow .1s cubic-bezier(0.56, 0.03, 0.35, 0.9)}ul.link-grid>li>a>img{display:block;margin:0 auto var(--gap-s) auto;max-width:20ch;max-height:5em}ul.link-grid>li>a:hover{box-shadow:.1rem .4rem .4rem rgba(29, 29, 29, 0.1),.25rem 1rem 1rem rgba(29, 29, 29, 0.1)}.post-list{display:flex;flex-direction:column;align-items:stretch;margin-top:var(--gap-2xl);margin-bottom:var(--gap-2xl)}@media screen and (min-width: 80rem){.post-list{display:grid;grid-template-columns:1fr 1fr;gap:var(--gap-m);justify-content:stretch}}:any-link.post-card{display:block;padding-top:var(--gap-m);padding-bottom:var(--gap-m);text-decoration:none;transition:background-color .1s cubic-bezier(0.56, 0.03, 0.35, 0.9),color .1s cubic-bezier(0.56, 0.03, 0.35, 0.9),box-shadow .1s cubic-bezier(0.56, 0.03, 0.35, 0.9)}@media screen and (min-width: 80rem){:any-link.post-card{padding-left:var(--gap-m);padding-right:var(--gap-m)}}:any-link.post-card:hover{box-shadow:.1rem .4rem .4rem rgba(29, 29, 29, 0.1),.25rem 1rem 1rem rgba(29, 29, 29, 0.1);background-color:#ffffa4;color:#484d6d}[data-coderdojo] :any-link.post-card:hover{background-color:#dbffa4}:any-link.post-card.external{color:#55433c}:any-link.post-card.external>time{color:#866152}:any-link.post-card.external:hover{background-color:#caf4ef}:any-link.post-card>:first-child{margin-top:0}:any-link.post-card>:last-child{margin-top:0}:any-link.post-card>h2,:any-link.post-card>p{margin-left:0;margin-right:0}:any-link.post-card>h2::after{display:none}:any-link.post-card>h2>img{display:inline-block;max-width:4em;max-height:1em}:any-link.post-card>h2+time{margin-top:calc(-1*var(--gap-m))}:any-link.post-card>time{display:block;color:#707070}:any-link.post-card>time+p{margin-top:var(--gap-s)}.post-metadata{text-align:center;color:#484d6d}[data-coderdojo] .post-metadata{color:#55433c}.post-metadata>img{display:block;margin:0 auto var(--gap-s) auto;max-height:6rem}.site-logo{margin:0 var(--gap-l);text-transform:lowercase;white-space:nowrap}.site-logo>.angestoepselt-logo{height:1em;vertical-align:middle;transition:stroke .1s cubic-bezier(0.56, 0.03, 0.35, 0.9);fill:none;stroke-linecap:round;stroke-linejoin:round;stroke-width:4px;stroke:currentColor;stroke-miterlimit:10}.site-logo>.angestoepselt-logo .plug{fill:#4edcca}.site-logo>.angestoepselt-logo+span{display:inline-block}.site-logo:hover>.angestoepselt-logo{stroke:currentColor}.site-logo:hover>.angestoepselt-logo .plug{fill:#ff0;transition:fill 0.21s cubic-bezier(0.45, 0.16, 0.38, 0.7)}.site-logo:hover>.angestoepselt-logo{animation:angestoepselt-logo-hover .7s cubic-bezier(0.45, 0.16, 0.38, 0.7) forwards}.site-logo:hover>.angestoepselt-logo+span{transform-origin:100% 50%;transition:transform 0.49s cubic-bezier(0.45, 0.16, 0.38, 0.7) 0.21s;transform:scale(1.1)}@keyframes angestoepselt-logo-hover{0%{transform:none}30%{transform:translateX(0.6rem)}100%{transform:translateX(-0.4rem)}}.site-navigation.horizontal>ul{display:flex;margin-bottom:0}.site-navigation.horizontal a{display:inline-block;padding:0 var(--gap-m);line-height:var(--scale-xl)}.site-navigation>ul{margin:0;padding:0;list-style:none}.site-navigation>ul>li{margin:0}.site-navigation :any-link{display:block;padding:var(--gap-xs);font-weight:var(--weight-emph);text-align:center;text-decoration:underline dotted currentColor;text-transform:lowercase}.site-navigation :any-link:hover,.site-navigation :any-link:focus-visible{text-decoration:underline}.site-mobile-navigation{cursor:pointer}.site-mobile-navigation>summary{display:block;padding:0 var(--gap-m);line-height:var(--scale-xl)}.site-mobile-navigation[open]{flex-basis:100%}.site-mobile-navigation[open]>summary{color:#484d6d}.site-mobile-navigation+.site-navigation{display:none}.site-mobile-navigation>.site-navigation::before{content:"";display:block;margin:0 auto;width:calc(100% - 2*var(--gap-m));height:1px;background-color:#d6d6d6}@media screen and (min-width: 80rem){.site-mobile-navigation{display:none}.site-mobile-navigation+.site-navigation{display:block}}.site-header{display:flex;flex-wrap:wrap;align-items:center;position:relative;z-index:10;background-color:#fff;box-shadow:0 .5rem 1rem rgba(0,0,0,.15)}.site-header>.site-logo{flex-grow:1;margin:0;font-size:var(--text-l);text-decoration:none;padding:0 var(--gap-m);line-height:var(--scale-xl)}@media screen and (min-width: 80rem){.site-footer{display:flex;flex-wrap:wrap;justify-content:space-between;gap:var(--gap-m)}.site-footer .site-navigation a{text-align:right}}.page-section{padding-top:var(--gap-l);padding-bottom:var(--gap-l)}@media screen and (min-width: 80rem){.page-section{padding:var(--gap-l)}}.page-section.inverse{color:#fff;background-color:#484d6d}[data-coderdojo] .page-section.inverse{background-color:#55433c}.page-section.inverse h2:after{background-color:#fff}.page-section.inverse :any-link,.page-section.inverse a[href]{color:#d6d6d6}.page-section.inverse :any-link:hover,.page-section.inverse a[href]:hover{color:#af0}.page-section.inverse .cta-link{border-color:#d6d6d6}.page-section.inverse .cta-link:hover{border-color:#af0}.page-section.footer{background-color:#4edcca}[data-coderdojo] .page-section.footer{background-color:#f9f9f9}main:not(.expand)+.page-section.footer{margin-top:var(--gap-2xl)}.page-banner{display:flex;flex-direction:column;justify-content:space-around;position:relative;min-height:60vh;background-color:#484d6d}[data-coderdojo] .page-banner{background-color:#55433c}.page-banner>.background{position:absolute;top:0;right:0;bottom:0;left:0;overflow:hidden}.page-banner>.background img{width:100%;height:100%;object-fit:cover}.page-banner>.content{display:flex;flex-direction:column;align-items:flex-start;position:relative}.page-banner>.content>div{display:inline-block;padding:var(--gap-s) var(--gap-m);font-size:var(--text-l);background-color:#e8d823}[data-coderdojo] .page-banner>.content>div{background-color:#55433c;color:#fff}.page-banner>.content>div>p:first-child{margin-top:0}.page-banner>.content>div>p:last-child{margin-bottom:0}.page-banner>.content>div>p{margin-left:0;margin-right:0}.page-banner>.content>.title{padding:0 var(--gap-m);line-height:var(--scale-xl);font-size:var(--text-2xl);font-weight:var(--weight-emph);background-color:#4edcca}[data-coderdojo] .page-banner>.content>.title{background-color:#f45520}@media screen and (min-width: 80rem){.page-banner>.content{padding:var(--gap-m) max(var(--gap-l),15vw)}}.inline-callout,.page-callout{background-color:#ffffa4;color:#484d6d}.page-callout{padding:var(--gap-m)}.inline-callout{display:inline-block;font-style:normal;padding:var(--gap-s) var(--gap-m)}@layer reset{:root{--system-fonts: Avenir, Montserrat, Corbel, "URW Gothic", source-sans-pro, "Source Sans 3", Ubuntu, Roboto, Noto, system-ui, sans-serif;--monospace-system-fonts: ui-monospace, "Source Code Pro", "Ubuntu Mono", "Cascadia Code", Menlo, Consolas, Monaco, "Andale Mono", "Liberation Mono", "Lucida Console", monospace;font-synthesis:none;text-rendering:optimizeLegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;color-scheme:light dark}*,*::before,*::after{box-sizing:border-box}html{font-size:100%;hanging-punctuation:first last;orphans:3}body{margin:0}input,button,textarea,select{font:inherit;color:inherit}@media(prefers-reduced-data: reduce){:root{--font-override: var(--system-fonts);--monospace-font-override: var(--monospace-system-fonts)}}@media(prefers-reduced-motion){:root{--timing-override: 0;--timing-state-override: paused}}}@font-face{font-family:"Comfortaa";font-style:normal;font-weight:300;font-display:swap;src:url("/assets/fonts/Comfortaa-Light.ttf") format("truetype")}@font-face{font-family:"Comfortaa";font-style:normal;font-weight:400;font-display:swap;src:url("/assets/fonts/Comfortaa-Regular.ttf") format("truetype")}@font-face{font-family:"Comfortaa";font-style:normal;font-weight:500;font-display:swap;src:url("/assets/fonts/Comfortaa-Medium.ttf") format("truetype")}@font-face{font-family:"Comfortaa";font-style:normal;font-weight:600;font-display:swap;src:url("/assets/fonts/Comfortaa-Semi-bold.ttf") format("truetype")}@font-face{font-family:"Comfortaa";font-style:normal;font-weight:700;font-display:swap;src:url("/assets/fonts/Comfortaa-Bold.ttf") format("truetype")}@font-face{font-family:"Comfortaa Variable";font-style:normal;font-display:swap;src:url("/assets/fonts/Comfortaa-VariableFont_wght.ttf") format("truetype")}:root{--text-m: clamp(0.8rem, 0.5714285714vw + 0.6571428571rem, 1rem);--text-l: clamp(1rem, 0.8571428571vw + 0.7857142857rem, 1.3rem);--text-xl: clamp(1.25rem, 1.2571428571vw + 0.9357142857rem, 1.69rem);--text-2xl: clamp(1.5625rem, 1.8128571429vw + 1.1092857143rem, 2.197rem);--scale-s: 1.2;--scale-m: 1.5;--scale-l: 2.25;--scale-xl: 2.55;--gap-xs: clamp(0.6144rem, 0.1952834385vw + 0.5655791404rem, 0.6827492035rem);--gap-s: clamp(0.768rem, 0.3416398986vw + 0.6825900254rem, 0.8875739645rem);--gap-m: clamp(1.2rem, 0.8571428571vw + 0.9857142857rem, 1.5rem);--gap-l: clamp(1.875rem, 1.8857142857vw + 1.4035714286rem, 2.535rem);--gap-xl: clamp(2.34375rem, 2.7192857143vw + 1.6639285714rem, 3.2955rem);--gap-2xl: clamp(3.662109375rem, 5.4493875vw + 2.2997625rem, 5.569395rem);--weight-normal: 400;--weight-emph: 600}html{font-size:125%;font-family:var(--font-override, Comfortaa, var(--system-fonts));font-weight:var(--weight-normal)}@supports(font-variation-settings: normal){html{font-family:var(--font-override, "Comfortaa Variable", var(--system-fonts))}}body{font-size:var(--text-m);line-height:var(--scale-m)}/*# sourceMappingURL=base.css.map */