code[class*=language-],pre[class*=language-]{color:#000;background:0 0;font-family:Consolas,Monaco,'Andale Mono','Ubuntu Mono',monospace;text-align:left;white-space:pre;word-spacing:normal;word-break:normal;word-wrap:normal;line-height:1.8;-moz-tab-size:4;-o-tab-size:4;tab-size:4;-webkit-hyphens:none;-moz-hyphens:none;-ms-hyphens:none;hyphens:none;display:block;font-size:1.4rem}@media (min-width:768px){code[class*=language-],pre[class*=language-]{font-size:1.5rem}}pre[class*=language-]{padding:1em;overflow:auto;border-radius:0;border:6px solid #000;position:relative}:not(pre)>code[class*=language-],pre[class*=language-]{background:#fff;font-size:1.7rem;font-weight:700}:not(pre)>code[class*=language-]{padding:.1em;border-radius:0;white-space:normal}.token.cdata,.token.comment,.token.doctype,.token.prolog{color:#737373}.token.punctuation{color:#000}.token.constant,.token.deleted,.token.property,.token.symbol,.token.tag{color:#924a4a}.token.boolean,.token.number{color:#d72b2b}.token.attr-name,.token.builtin,.token.char,.token.inserted,.token.selector,.token.string{color:#924a4a}.language-css .token.string,.style .token.string,.token.entity,.token.operator,.token.url,.token.variable{color:#924a4a}.token.atrule,.token.attr-value,.token.function{color:#000}.token.keyword{color:#d72b2b}.token.important,.token.regex{color:gold}.token.bold,.token.important{font-weight:700}.token.italic{font-style:italic}.token.entity{cursor:help}@media screen and (-ms-high-contrast:active){code[class*=language-],pre[class*=language-]{color:windowText;background:window}:not(pre)>code[class*=language-],pre[class*=language-]{background:window}.token.important{background:highlight;color:window;font-weight:400}.token.atrule,.token.attr-value,.token.function,.token.keyword,.token.operator,.token.selector{font-weight:700}.token.attr-value,.token.comment,.token.doctype,.token.function,.token.keyword,.token.operator,.token.property,.token.string{color:highlight}.token.attr-value,.token.url{font-weight:400}}pre.language-css::before,pre.language-html::before{content:"HTML";position:absolute;top:0;right:0;background:#000;color:#fff;padding:.3rem .1rem .4rem .5rem;font-size:1.4rem;line-height:1}pre.language-css::before{content:"CSS"}
*{box-sizing:border-box}html{font-size:62.5%}body{font-size:1.6rem;font-family:sans-serif;line-height:1.6;margin:0 auto;background-color:#fff}@media (min-width:768px){body{font-size:1.9rem;line-height:1.8}}q{font-style:italic}.h1,h1{color:#d72b2b;margin-top:0;font-size:2.8rem;line-height:1.2;display:block;margin-bottom:.6em}.h1{color:#000}@media (min-width:768px){.h1,h1{font-size:3.5rem}}h2{margin:0 0 1.6rem;font-size:2.6rem}h3{margin:0 0 .5rem}h4{margin:0 0 .3rem}ol{padding-left:3rem}video{max-width:100%}@media (min-width:768px){ol{padding-left:4rem}}ol li{margin-bottom:1.6rem}.cp_embed_wrapper,.u-mb,blockquote,p,pre,table{margin:0 0 2.4rem}a:link{color:#d72b2b}a:visited{color:#a83636}a:hover{text-decoration:none}blockquote{font-size:2.1rem}blockquote::before{content:open-quote}blockquote::after{content:close-quote}.js-focus-visible :focus:not(.focus-visible){outline:0}.js-focus-visible .focus-visible{outline:5px solid #a83636}button{font-size:1.6rem;padding:1.3rem 1.7rem .9rem;border-radius:3px;border:3px solid #d72b2b;background:#000;color:#fff;font-family:inherit;font-weight:700;letter-spacing:1px}button:hover{background:#d72b2b;color:#000}code,kbd{background:rgba(0,0,0,.1);color:#000;padding:.2rem .3rem .3rem;border-radius:.2rem;display:inline-block;font-family:Consolas,Monaco,'Andale Mono','Ubuntu Mono',monospace;line-height:1;font-size:1.5rem}h2 code{font-size:.8em}kbd{background:#545454;color:#fff}blockquote{font-style:italic}label{font-weight:700}[type=email],[type=text]{width:100%;max-width:34rem;border:2px solid #000;font-size:1.8rem;display:block;padding:.7rem 1.2rem;border-radius:2px}img,video{max-width:100%;height:auto}video{width:100%}figure{margin:0}figcaption{line-height:1.4;font-style:italic;font-size:.95em}figure pre[class*=language-]{margin-bottom:.5rem}mark{background:0 0;font-style:italic}del,ins{border:1px solid;padding:0 .2em}del{background-color:rgba(255,0,0,.4);border-color:red;text-decoration-color:red}ins{background-color:rgba(0,128,0,.4);border-color:green;text-decoration:none}table{border:1px solid #000;text-align:left;border-collapse:collapse;width:100%}td,th{vertical-align:top;border:1px solid #000;padding:.5rem}caption{text-align:left}style[contenteditable]{border:1px solid #000;white-space:pre;font-family:monospace;padding:.5rem;display:block}.u-hidden{position:absolute;white-space:nowrap;width:1px;height:1px;overflow:hidden;border:0;padding:0;clip:rect(0 0 0 0);clip-path:inset(50%);margin:-1px}.u-list-reset{margin:0;padding:0;list-style:none}.u-df{display:flex}.u-gs{gap:1rem}.u-fww{flex-wrap:wrap}.site-header{padding-top:1.5rem;padding-bottom:3rem;position:relative}@media (min-width:768px){.site-header{padding-top:2rem;padding-bottom:2rem}}.site-intro{font-size:2rem;text-align:center;font-weight:700;line-height:1.5;max-width:36ch;margin-left:auto;margin-right:auto}@media (min-width:768px){.site-intro{margin-bottom:5.6rem}}@media (min-width:1024px){.site-intro{max-width:100%}}.nav{max-width:74rem;margin:0 auto}.nav__items{list-style:none;padding:0;margin:0;display:flex;justify-content:flex-end;flex-wrap:wrap}.nav__item{font-weight:700;display:flex;align-items:center;margin:0 1.6rem 3rem 0}.nav__item:last-child{flex-basis:100%;margin:0}.nav__link:link,.nav__link:visited{text-decoration:none}.nav__link.focus-visible,.nav__link:hover,.nav__link[aria-current=page]{color:#000}.nav__link[aria-current=page]{box-shadow:0 5px 0 0 #000}@media (min-width:410px){.nav__item{margin-left:.5rem}}@media (min-width:768px){.nav__item{margin-bottom:5rem}}@media (min-width:800px){.nav__item{margin-right:0;margin-left:2.5rem}}.site-twitter{display:inline-block}.site-twitter svg{fill:currentColor;height:33px;vertical-align:middle;padding-bottom:5px}.site-twitter:link,.site-twitter:visited{color:#000}.site-twitter:focus,.site-twitter:hover{color:#d72b2b}.site-logo-link{transform:translateX(-50%) rotate(360deg);position:relative;left:50%;display:inline-block}.site-logo{display:none}.site-logo__heaven{opacity:0;transition:all .3s;fill:#d72b2b}.site-logo__heaven g{fill:#216d99}@supports(display:grid){.site-logo{display:block}}.site-logo__666{transition:opacity .3s ease-in,fill .6s ease-in;fill:#d72b2b;opacity:0}.site--loaded .site-logo__666{opacity:1;fill:#000}.site--loaded .site-logo__1{transition-delay:.3s}.site--loaded .site-logo__2{transition-delay:.5s}.site--loaded .site-logo__3{transition-delay:.7s}.site--loaded .site-logo__4{transition-delay:.9s}.site--loaded .site-logo__5{transition-delay:1.3s}.site--loaded.heaven .site-logo__heaven{opacity:1}.site-logo polygon{fill:#d72b2b}.site-logo:hover polygon{fill:#000}@media (min-width:768px){.site-logo{height:27.4rem}}.site-content{padding:0 2rem;max-width:100rem;margin:0 auto;position:relative;display:block}@media (min-width:768px){.site-content{padding:1.9rem 13rem 0}}.preview{padding-bottom:4rem}.preview:not(:last-child){background:url(/assets/pentagramm.svg) center bottom no-repeat;background-size:auto;background-size:40px;margin-bottom:3.6rem;padding-bottom:7rem}.preview__header{margin-bottom:2.4rem}.preview__heading{margin-bottom:0;line-height:1.5}.site-footer{margin:6.8rem 2rem 2rem;max-width:74rem}@media (min-width:768px){.site-footer{margin-left:auto;margin-right:auto}}.nav-footer{padding:0;list-style:none;margin:0;display:flex}.nav-footer>*+*{margin-left:1rem}.section{margin-bottom:3.2rem}@media (min-width:768px){.section{margin-bottom:4.6rem}}.entry{position:relative}.entry-header{margin-bottom:2.4rem}.entry-heading{margin-bottom:0}.entry li::marker{content:"🔥\00a0";font-size:2.6rem}.pagination{display:flex;flex-wrap:wrap;justify-content:center}.pagination__item{margin-right:1.6rem}.pagination__link{min-width:5rem;height:5rem;border:3px solid #000;display:flex;justify-content:center;align-items:center;font-size:2rem;padding:0 1rem}.pagination__link:link,.pagination__link:visited{color:#d72b2b;text-decoration:none}.pagination__link[aria-current=page]{font-weight:700;color:#000}.pagination__link:hover{background:#000;color:#fff}.screenshot{height:100%;display:flex;justify-content:center;align-items:center}.screenshot body{width:100%;max-width:110rem}.screenshot .entry-header,.screenshot .section:not(.bad),.screenshot .section>p,.screenshot .topbanner,.screenshot footer,.screenshot h1,.screenshot h2,.screenshot header,.screenshot nav,pre.language-css::before,pre.language-html::before{display:none!important}.screenshot pre[class*=language-]{white-space:normal!important;max-height:550px;overflow:auto;margin:0}.screenshot .bad{margin-bottom:0}.screenshot .bad>:not(.language-html){display:none}.screenshot .site-content{padding:0;max-width:100%}.screenshot code{font-size:2.4rem}.readmore{font-size:2rem;font-weight:700;margin-top:2rem}.video{position:relative;padding-bottom:56.25%}.video iframe{position:absolute;left:0;top:0;width:100%;height:100%}.page-nav{border-top:1px solid #000;margin:0;padding:2.4rem 0 0;list-style:none;justify-content:space-between}.page-nav__item{flex:0 0 50%;line-height:1.3}.page-nav__item--next:first-child{margin-left:auto}.page-nav__link{display:block;font-weight:700;background:url(/assets/pentagramm.svg) top 8px left no-repeat;background-size:auto;background-size:40px;padding-top:7px;min-height:50px}.page-nav__link:hover{text-decoration:none}.page-nav__link--prev{padding-left:57px}.page-nav__link--next{margin-bottom:0;text-align:right;background-position:top 8px right;padding-right:57px}.page-nav__label{font-weight:400;font-size:1.7rem}@media (min-width:940px){.page-nav{display:flex}.page-nav__link{font-size:2rem;padding-top:4px}.page-nav__link--prev{padding-right:20px}.page-nav__link--next{padding-left:20px}}.code_wrapper{position:relative}.skip-link{position:absolute;top:8px;left:8px;background:#000;padding:1.5rem 2rem 1.2rem;border:5px solid #000;font-weight:700;line-height:1}.skip-link--inline{padding:.5rem;font-size:1.7rem;top:6px;transform:translateY(-100%);left:0}.skip-link:not(:focus){white-space:nowrap;width:1px;height:1px;overflow:hidden;border:0;padding:0;clip:rect(0 0 0 0);clip-path:inset(50%);margin:-1px}.skip-link:link,.skip-link:visited{color:#fff;text-decoration:none}.topbanner{background-color:#000;color:#fff;padding:1rem 0}.topbanner p{margin:0}.topbanner a:focus,.topbanner a:hover{text-decoration:underline}.topbanner .wrapper{padding:0 2rem;text-align:center}.wrapper{max-width:104rem;width:100%;margin:0 auto}.h-img-shadow{box-shadow:0 0 8px 1px rgba(0,0,0,.1)}.u-oa{overflow:auto}.acalendar{font-family:UnifrakturCook,sans-serif;list-style:none;display:grid;grid-template-columns:repeat(auto-fill,minmax(14rem,auto));padding:0;margin:0;gap:1rem;grid-auto-rows:20rem;background-size:90%;grid-auto-flow:dense}.beauty *{font-family:Lobster,UnifrakturCook,sans-serif!important}.acalendar__day{font-size:8rem;margin-bottom:0;cursor:default}.acalendar__day[data-day]{cursor:pointer}.acalendar__day div{border:2px solid #000;display:flex;height:100%}@media (prefers-reduced-motion:no-preference){.acalendar__day div{transform-style:preserve-3d;transition:transform .3s linear}}.acalendar__day--opened div,.acalendar__day[data-day]:focus-within div,.acalendar__day[data-day]:hover div{transform:rotateY(-180deg)}.acalendar__day a,.acalendar__day span{height:100%;display:flex;width:100%;flex-shrink:0;z-index:1;justify-content:center;align-items:center}.acalendar__day span{background:#000 url(/assets/pentagramm-red.svg) center center no-repeat;background-size:contain;color:#fff;padding:1rem;background-origin:content-box}.acalendar__day a{transform:translateZ(-1px) translateX(-100%) rotateY(180deg);background:linear-gradient(270deg,#eb1b1b,#620b0b);background:#fff;text-decoration:none;color:#000}.acalendar__day--opened a:hover{background:#eb1b1b;color:#fff}.acalendar__day:nth-child(3){order:1}.acalendar__day:nth-child(22){order:2}.acalendar__day:nth-child(17){order:3}.acalendar__day:nth-child(19){order:4}.acalendar__day:nth-child(6){order:5}.acalendar__day:nth-child(7){order:6}.acalendar__day:nth-child(5){order:7}.acalendar__day:nth-child(12){order:8}.acalendar__day:nth-child(24){order:9;grid-column:span 2}.acalendar__day:nth-child(9){order:10}.acalendar__day:nth-child(20){order:11}.acalendar__day:nth-child(23){order:12}.acalendar__day:nth-child(10){order:13}.acalendar__day:nth-child(8){order:14}.acalendar__day:nth-child(15){order:15}.acalendar__day:nth-child(4){order:16}.acalendar__day:nth-child(2){order:17}.acalendar__day:nth-child(11){order:18}.acalendar__day:nth-child(18){order:19}.acalendar__day:nth-child(14){order:20}.acalendar__day:nth-child(16){order:21}.acalendar__day:nth-child(21){order:22}.acalendar__day:nth-child(1){order:23}.acalendar__day:nth-child(13){order:24}.code-label{margin-bottom:0}.code-label+*{margin-top:0}[data-demo]{background:rgb(215 43 43 / .08);padding:3rem 1rem 1rem;position:relative;border:2px solid rgba(215,43,43,.1);margin-bottom:1em}[data-demo]::after{background-color:rgba(215,43,43,.1);content:attr(data-demo);color:#000;position:absolute;inset-block-start:0;inset-inline-end:0;padding:.6rem .5rem .4rem;font-weight:700;line-height:1;font-size:.9em}.advent2022.marquee-alternative{overflow:hidden;width:100%}.advent2022.marquee-alternative p{margin:0;width:fit-content}@keyframes marquee-right-to-left{from{transform:translateX(100vw)}to{transform:translateX(-100%)}}@media (prefers-reduced-motion:no-preference){.advent2022.marquee-alternative p{animation-name:marquee-right-to-left;animation-duration:20s;animation-iteration-count:infinite;animation-timing-function:linear}}.advent2022.marquee-alternative-2{overflow:hidden;width:100%}.advent2022.marquee-alternative-2 p{margin:0;width:fit-content}@keyframes marquee-right-to-left{from{transform:translateX(100vw)}to{transform:translateX(-100%)}}.advent2022.marquee-alternative-2:focus p,.advent2022.marquee-alternative-2:hover p{animation-play-state:paused}@media (prefers-reduced-motion:no-preference){.advent2022.marquee-alternative-2 p{animation-name:marquee-right-to-left;animation-duration:20s;animation-iteration-count:infinite;animation-timing-function:linear}}.advent2022.marquee-container-3{display:flex;align-items:center;border:3px solid #000;margin-bottom:2rem}.advent2022 .btn-marquee{cursor:pointer;color:#000;background-color:#fff;border:0;border-left:3px solid #000;border-radius:0;padding:1.1rem 1rem;box-shadow:0 .5rem .5rem -.125rem #0005}.advent2022 .btn-marquee:focus-visible,.advent2022 .btn-marquee:hover,.advent2022 .btn-marquee[aria-pressed=true]:hover{color:#fff;background-color:#000}.advent2022 .btn-marquee[aria-pressed=true]{box-shadow:0 .5rem .5rem -.125rem inset #0005}.advent2022 .marquee-alternative-3{overflow:hidden;width:100%}.advent2022 .marquee-content-3{margin:0;width:fit-content}@keyframes marquee-right-to-left{from{transform:translateX(100vw)}to{transform:translateX(-100%)}}@media (prefers-reduced-motion:no-preference){.advent2022 .marquee-alternative-3 p{animation:marquee-right-to-left 20s linear infinite}}.highlight{background:rgb(215 43 43 / .08);padding:1rem 1rem .5rem;line-height:1.5;font-size:2rem}