:root{--company-toc-selected-background:darkgray;--company-toc-selected-color:black;--sb-list-entry-selected-border:1px solid white;--sb-ul-styletype:circle}.sb-component .toc{flex-flow:wrap;justify-content:center;margin-bottom:2rem;display:flex}.sb-component .toc.sticky{position:fixed;top:170px}.sb-component .toc>.toc-entry{border:var(--sb-toc-entry-border);margin:var(--sb-toc-entry-margin);border-radius:var(--sb-toc-entry-border-radius);padding:var(--sb-toc-entry-padding);font-size:var(--sb-toc-entry-font-size)}body.mobile .sb-component .toc>.toc-entry{width:var(--sb-toc-entry-width-mobile)}.sb-component .toc>.toc-entry.selected{color:var(--company-toc-selected-color);background-color:var(--company-toc-selected-background)}.sb-component ul{list-style-type:var(--sb-ul-styletype);margin-left:3rem;padding-top:1rem;padding-bottom:1rem}.sb-component ul li{margin-bottom:.5rem}.sb-list{flex-direction:column;justify-content:center;align-items:center;display:flex;position:relative;overflow-y:auto}.sb-list .sb-list-entry{border:1px solid #0000;flex-direction:column;place-content:center;align-items:center;margin:0 auto;padding:15px;display:flex}.sb-list .sb-list-entry.selected{border:--sb-list-entry-selected-border}.sb-list .sb-list-entry .label{text-align:center;color:var(--main-color-primary);margin-bottom:1rem;font-size:120%}.sb-list .sb-list-entry .label .sb-list-entry-title{text-decoration:underline}.sb-list .sb-list-entry .value{align-self:center;max-width:50rem}.sb-list .sb-list-entry .value .indented{padding-left:2rem}.sb-list .sb-list-entry .value .indented>:not(:first-child){padding-top:.75rem}.sb-address{flex-direction:row;align-items:center;display:flex}.sb-address .zip:before{content:"";display:block}.sb-address .zip:after{content:"";margin-right:.25rem;display:inline-block}.ausbildungsliste.sb-component .education{--hr-margin-horizontal:3%;--hr-padding-vertical:25pt;align-items:center;width:100%;margin-left:auto;margin-right:auto;display:flex;position:relative}.ausbildungsliste.sb-component .education:not(:last-child):after{content:" ";width:calc(100% - 2 * var(--hr-margin-horizontal));border-bottom:var(--border-like-hr-black);min-height:1px;margin-left:var(--hr-margin-horizontal);display:block;position:absolute;bottom:0}.ausbildungsliste.sb-component .education>.entry{align-items:center;max-width:600px;margin-top:2rem}.ausbildungsliste.sb-component .education>.entry .year-from:after{content:" — "}.ausbildungsliste.sb-component .education>.entry .year-to:after{content:": "}.ausbildungsliste.sb-component .education .label{flex-basis:33%;padding-left:20pt;padding-right:20pt}.ausbildungsliste.sb-component .education .value{flex-direction:column;flex-basis:66%;margin-bottom:10pt;display:flex}.ausbildungsliste.sb-component .education .value .education-type{margin-bottom:10pt;font-weight:900}.sb-iframe{--margin-left:1rem;--margin-right:1rem;--margin-top:1rem;--margin-bottom:1rem}:root{--lebenslauf-background-color:whitesmoke;--lebenslauf-background-color-alternate:#d3d3d32b}html.lebenslauf{background-color:var(--lebenslauf-background-color);width:100vw;height:100vh;overflow:visible}html.lebenslauf body.lebenslauf{width:100%}html.lebenslauf body.lebenslauf,html.lebenslauf body.lebenslauf *{font-family:var(--font-family);overflow:visible}html.lebenslauf body.lebenslauf .content{flex-direction:column;display:flex}html.lebenslauf body.lebenslauf .content .pg-content.about-me{text-align:justify;font-size:90%;line-height:20pt}html.lebenslauf body.lebenslauf .icon-text{box-sizing:border-box;line-height:var(--icon-size);scroll-behavior:smooth;outline-style:none;flex-direction:row;place-content:start;align-items:center;margin:0;padding:0}html.lebenslauf body.lebenslauf .icon-text .link-text{justify-content:center;align-items:center}html.lebenslauf body.lebenslauf .institute,html.lebenslauf body.lebenslauf .institute *{display:unset}@page:first{size:a4;margin-left:0;margin-top:0}body.lebenslauf{--lebenslauf-color-primary:#35629c;--lebenslauf-color-secondary:#eeede8;height:100%;min-height:29.7cm}body.lebenslauf>#app{z-index:1}body.lebenslauf>*{--border-like-hr-black:1px solid var(--lebenslauf-color-primary);--image-background:linear-gradient(to right, var(--lebenslauf-color-secondary), white, var(--lebenslauf-color-secondary));--width-sidebar:33%}body.lebenslauf,body.lebenslauf #react-root{box-sizing:border-box;border:0;width:21cm;margin:0}body.lebenslauf a{color:unset;text-decoration:none}body.lebenslauf div.page,body.lebenslauf div.lebenslauf-grid{box-sizing:border-box;page-break-before:auto;page-break-after:auto;page-break-inside:avoid;border:0;width:800px;margin:0}body.lebenslauf div.page .pg-content,body.lebenslauf div.lebenslauf-grid .pg-content{page-break-inside:avoid}body.lebenslauf div.page{min-height:1131px}body.lebenslauf ul{margin-block:0;margin-inline:0;padding-inline-start:20px;list-style-type:none}body.lebenslauf ul li:before{content:"•";color:var(--lebenslauf-color-primary);width:1em;margin-left:-1em;font-weight:700;display:inline-block}body.lebenslauf ul li>div{display:unset}body.lebenslauf .pg-title{text-transform:uppercase;background-color:var(--lebenslauf-color-primary);color:#fff;text-align:center;margin-bottom:15pt;padding-top:10pt;padding-bottom:10pt;font-size:18pt}body.lebenslauf .pg-title:not(:first-child){padding-top:8pt}body.lebenslauf .pg-content{--margin:20pt;font-size:12pt;line-height:24pt}body.lebenslauf .pg-content:not(:last-child):after{content:" ";border:var(--border-like-hr-black);margin-left:30px;margin-right:50px;margin-top:var(--margin);margin-bottom:var(--margin);display:block}body.lebenslauf .alternate{background-color:var(--lebenslauf-background-color-alternate)}body.lebenslauf .page.title{min-height:29.7cm;position:relative}body.lebenslauf .page.title.about-me{text-align:justify;font-style:oblique}body.lebenslauf .page.title .pg-title{background-color:unset;padding-top:unset;padding-bottom:unset;color:unset;text-align:unset}body.lebenslauf .page.title>div.header{position:relative}body.lebenslauf .page.title>div.header>div.background{z-index:-1;width:100%;position:absolute;top:0}body.lebenslauf .page.title>div.header>div.background :first-child{background-color:var(--lebenslauf-color-primary);height:125pt}body.lebenslauf .page.title>div.header>div.background :nth-child(2){background-color:var(--lebenslauf-color-secondary);height:55pt}body.lebenslauf .page.title>div.header>div.content{flex-flow:wrap;align-content:baseline;max-width:550px;margin-left:20pt;display:flex}body.lebenslauf .page.title>div.header>div.content svg{padding-right:10px}body.lebenslauf .page.title>div.header>div.content>div:not(.title):not(.name){text-wrap:nowrap;flex:40%;height:40px;padding-top:3px;display:flex}body.lebenslauf .page.title>div.header>div.content>div.name,body.lebenslauf .page.title>div.header>div.content>div.title{color:#fff;border:0 solid #0000;flex:100%}body.lebenslauf .page.title>div.header>div.content>div.name{height:70pt;padding-top:50pt;font-size:28pt}body.lebenslauf .page.title>div.header>div.content>div.title{height:55pt;margin-top:-1px;padding-top:20pt;font-size:20pt}body.lebenslauf .page.title>div.header>.image{background-image:var(--image-background);height:150pt;position:absolute;top:30pt;right:20pt}body.lebenslauf .page.title>div.sidebar{width:var(--width-sidebar);background-color:var(--lebenslauf-color-secondary);height:650pt;position:absolute;bottom:0;left:0}body.lebenslauf .page.title>div.sidebar>div.content{padding-top:15pt;padding-left:20pt;padding-right:20pt}body.lebenslauf .page.title>div.sidebar>div.content .pg-content .institute{font-weight:900}body.lebenslauf .page.title>div.sidebar>div.content .pg-content p{margin:0;padding:0}body.lebenslauf .page.title>div.sidebar>div.content .stars{flex-direction:row;padding-top:12px;padding-left:25px;display:flex}body.lebenslauf .page.title>div.sidebar>div.content .stars>div{background-color:var(--lebenslauf-color-primary);border:0 solid #0000;border-radius:5px;width:10px;height:10px;margin-left:10px}body.lebenslauf .page.title>div.main-content{left:calc(var(--width-sidebar) + 5%);width:calc(90% - var(--width-sidebar));height:650pt;position:absolute;bottom:0}body.lebenslauf .page.title>div.main-content>div.content{padding-top:15pt;padding-left:20pt;padding-right:20pt}body.lebenslauf .page.title>div.main-content>div.content .pg-content li{text-wrap:nowrap}body.lebenslauf .page.title>div.main-content>div.content .pg-content .position{width:100%;font-weight:900}body.lebenslauf .page.title>div.main-content>div.content .pg-content .company{font-size:80%}body.lebenslauf .page.title>div.main-content>div.content .pg-content .company:before{content:" ("}body.lebenslauf .page.title>div.main-content>div.content .pg-content .company:after{content:")"}body.lebenslauf .page.title>div.main-content>div.content .pg-content p{margin:0;padding:0}body.lebenslauf .lebenslauf-grid.center .pg-content{text-align:center}body.lebenslauf .lebenslauf-grid>.pg-content>div{--hr-margin-horizontal:3%;--hr-padding-vertical:5pt;flex-flow:column wrap;display:flex;position:relative}body.lebenslauf .lebenslauf-grid>.pg-content>div>div{flex-flow:wrap;display:flex}body.lebenslauf .lebenslauf-grid>.pg-content>div>div:not(:first-child){padding-top:var(--hr-padding-vertical)}body.lebenslauf .lebenslauf-grid>.pg-content>div>div .label{flex-basis:33%;padding-left:20pt;padding-right:20pt}body.lebenslauf .lebenslauf-grid>.pg-content>div>div .value{padding-bottom:var(--hr-padding-vertical);flex-direction:column;flex-basis:66%;line-height:15pt;display:flex}body.lebenslauf .lebenslauf-grid>.pg-content>div>div .value.smarthome-value p{flex-wrap:wrap;padding-top:.5rem;display:flex}body.lebenslauf .lebenslauf-grid>.pg-content>div>div .value.smarthome-value p i:not(:last-child):after{content:","}body.lebenslauf .lebenslauf-grid>.pg-content>div.workshop-list .education{width:100%;margin-bottom:1rem}body.lebenslauf .lebenslauf-grid>.pg-content>div.workshop-list .education ul>li{margin-top:.5rem}body.lebenslauf .lebenslauf-grid>.pg-content>div.experiences .experience{width:100%;height:6.6rem}body.lebenslauf .jobliste .company .label.experience-timespan{font-size:8pt}body.lebenslauf .jobliste .company .label.experience-company{text-transform:uppercase;font-weight:500}body.lebenslauf .jobliste .company .value .experience-job{margin-bottom:10pt;font-weight:900}body.lebenslauf .hobbies>.pg-content>.hobbies-list>.hobby .value{flex-flow:wrap}body.lebenslauf .nuetzliches-list .nuetzliches{width:100%;margin-bottom:1rem}body.lebenslauf .nuetzliches-list .nuetzliches .label{text-align:left}.storyblok-page .page-content{flex-direction:row;display:flex}.sb-sprachenliste{flex-grow:0;max-width:30rem;margin-bottom:3rem}.sb-technologieliste{max-width:90vw}.sb-technologieliste .tagcloud{flex-flow:wrap;margin-top:2rem;transform:scale(.75)}.sb-technologieliste .tagcloud>li.tag{align-self:center}.sb-unterrichtseinheit .ue-title{font-size:140%;font-weight:900}.sb-unterrichtseinheit .ue-institute{font-style:italic}.sb-unterrichtseinheit .ue-details{margin:.5rem}.sb-unterrichtsliste{max-width:90vw}:root{--level-padding:0rem}.module-budget{--table-row-background:silver;--table-row-background-alternate:darkgray;--border-table:1px solid #297059;width:100%}.module-budget .money{font-style:italic}.module-budget .money.negative{color:red}.module-budget .money.positive{color:green}.module-budget .global-buttons{flex-direction:row;justify-content:space-evenly;display:flex}.module-budget .global-buttons .group{display:"flex";justify-content:"center"}.module-budget .global-buttons button{margin:.5rem;padding:.5rem}.module-budget table{border:var(--border-table);border-collapse:collapse;width:100%}.module-budget table tfoot{border-top:var(--border-table)}.module-budget table tbody>tr:nth-child(2n){background-color:var(--table-row-background)}.module-budget table tbody>tr:nth-child(odd){background-color:var(--table-row-background-alternate)}.module-budget table th{color:#000;background-color:#d3d3d3}.module-budget table td,.module-budget table th{border-right:var(--border-table);padding-right:.5rem}.module-budget table .current-year{opacity:.4}.module-budget table .category{border-top:var(--border-table)}.module-budget table .category[data-level="1"]{--level-padding:1rem}.module-budget table .category[data-level="2"]{--level-padding:2rem}.module-budget table .category[data-level="3"]{--level-padding:3rem}.module-budget table .category .bookings{flex-direction:column;margin:1rem;display:flex}.module-budget table .category .bookings .booking-date{text-align:center}.module-budget table .category .bookings .booking-amount{text-align:right;padding-right:1rem}.module-budget table .category .bookings .booking-reference,.module-budget table .category .bookings .booking-title,.module-budget table .category .bookings .booking-iban{text-align:left;padding-top:.25rem;padding-left:.5rem}.module-budget table .category .category-label{padding-left:var(--level-padding);text-align:left}.module-budget table .category .category-label.header{background-color:red}.module-budget table .category .category-total{text-align:right}.module-budget table .category .category-total.total-total{font-weight:bolder}.module-budget table .category .category-total.header{background-color:red}.module-budget table .category .bookings{background-color:#015673}.module-budget table .category .bookings>table{border:1px solid purple}.module-budget dialog.add-constraint:modal{z-index:99999;background-color:#fffffff2;flex-direction:column;max-height:calc(100vh - 2rem);margin:auto;display:flex;position:fixed;top:10%;bottom:10%}.module-budget dialog.add-constraint:modal>*{flex-direction:column;max-height:100%;margin:1rem;padding:1rem;display:flex;position:relative;overflow:scroll}.module-budget dialog.add-constraint:modal .select-category{border:1px solid #000;margin:.25rem;padding:.25rem}.module-budget dialog.add-constraint:modal pre{font:"30%"}:root{--constants-color-white:white;--constants-color-black:black;--constants-color-dark-gray:#000000e6;--constants-color-light-gray:#0006;--primary-color:#71f65d;--font-family:monospace;--menu-transition-time:.4s;--text-color-disabled:silver;--image-rainbow1:linear-gradient(45deg, magenta, rebeccapurple, dodgerblue, green);--image-rainbow2:linear-gradient(217deg, #f00c, #f000 70.71%), linear-gradient(127deg, #0f0c, #0f00 70.71%), linear-gradient(336deg, #00fc, #00f0 70.71%);--default-light-box-shadow:2px 2px 8px 4px #0006;--default-light-text-color:#000000b3;--default-light-bg-color:var(--constants-color-white);--default-dark-text-color:silver;--default-dark-bg-color:black;--default-dark-box-shadow:2px 2px 8px 4px #ffffff4d;--visiomedia-selector-border-radius:10px}html.light>body{--text-color:var(--default-light-text-color);--text-color-disabled:silver;--bg-color:var(--default-light-bg-color);--logo-fill-color:var(--primary-color);--shadow-color:silver;--footer-border:1px solid silver;--table-border:1px solid silver;--ui-input-border:1px solid darkgray;--ui-labeledelement-bg-color:lightgray;--ui-toggler-slider-before-bg-color:red;--ui-toggler-slider-bg-color:green;--ui-toggler-slider-checked-bg-color:cyan;--dialog-bg-color:#0003;--dialog-backdrop-background:#000c;--dialog-backdrop-opacity:.5;--iconpicker-picker-header-bg-color:red;--menu-bg-color:transparent;--menu-text-color:var(--default-light-text-color);--menu-hover-bg-color:#00000040;--menu-hover-text-color:#000;--menu-selected-bg-color:#ffffff4d;--menu-selected-text-color:#000;--menu-selected-hover-bg-color:#0009;--menu-selected-hover-text-color:#ffffffb3;--menu-submenu-bg-color:#ffffffe3;--menu-submenu-border:1px solid #00000026;--tabs-title-active-bg-color:var(--primary-color);--clock-bg-color:#ffe6fa;--clock-opacity:.9;--leaflet-tile-opacity:.7;--leaflet-district-fill:lightgreen;--leaflet-district-border:lightblue;--leaflet-district-fillopacity:.2;--leaflet-district-fillopacity-hover:.6;--leaflet-district-opacity:.4;--leaflet-district-color:#0000ffa4;--leaflet-marker-bg-hover:#00000020;--leaflet-marker-border-hover:1px solid #00000040;--leaflet-marker-border-radius-hover:16px;--leaflet-marker-boxshadow-hover:var(--default-light-box-shadow);--leaflet-tooltip-color-bg:#fffc;--leaflet-tooltip-bg-hover:#50e150f2;--leaflet-tooltip-border:1px solid #fffc;--leaflet-tooltip-border-radius:10px;--leaflet-tooltip-color-text:#0009;--leaflet-tooltip-boxshadow:var(--default-light-box-shadow);--tagcloud-highlight-textcolor:green;--tagcloud-highlight-bg-color:#00000059;--tictactoe-bg-activeplayer:magenta;--tictactoe-border-inner:1px solid gray;--tictactoe-border-outer:1px solid black;--visiomedia-selector-border:1px solid transparent;--visiomedia-selector-color:black;--visiomedia-selector-bg-color:#d3d3d340;--visiomedia-selector-selected-border:1px solid black;--visiomedia-selector-selected-color:black;--visiomedia-selector-selected-bg-color:silver;--visiomedia-sum-border:1px solid silver;--visiomedia-sum-end-border:3px solid silver}html.dark>body{--text-color:silver;--text-color-disabled:silver;--bg-color:black;--logo-fill-color:var(--text-color);--shadow-color:#333;--footer-border:1px solid silver;--table-border:1px solid silver;--ui-input-border:1px solid silver;--ui-labeledelement-bg-color:transparent;--ui-toggler-slider-before-bg-color:red;--ui-toggler-slider-bg-color:green;--ui-toggler-slider-checked-bg-color:cyan;--dialog-bg-color:#000c;--dialog-backdrop-background:#000c;--dialog-backdrop-opacity:.95;--iconpicker-picker-header-bg-color:red;--menu-bg-color:transparent;--menu-text-color:var(--default-dark-text-color);--menu-hover-text-color:#fff6;--menu-hover-bg-color:#ff000040;--menu-selected-text-color:#fffc;--menu-selected-bg-color:#ffffff4d;--menu-selected-hover-text-color:#00f;--menu-selected-hover-bg-color:#ffffff4d;--menu-submenu-bg-color:#000000b3;--menu-submenu-border:1px solid #ffffff26;--clock-bg-color:darkgray;--clock-opacity:.75;--leaflet-tile-opacity:.7;--leaflet-district-fill-color:#f0d1b1;--leaflet-district-color:#0000ffa4;--leaflet-district-fill-opacity:.1;--leaflet-district-fill-opacity-hover:.35;--leaflet-district-opacity:.5;--leaflet-district-border:red;--leaflet-marker-bg-hover:#00000020;--leaflet-marker-border-hover:1px solid #00000040;--leaflet-marker-border-radius-hover:16px;--leaflet-marker-boxshadow-hover:var(--default-dark-box-shadow);--leaflet-tooltip-color-bg:#fffc;--leaflet-tooltip-bg-hover:#50e150f2;--leaflet-tooltip-border:1px solid #fffc;--leaflet-tooltip-border-radius:10px;--leaflet-tooltip-color-text:#0009;--leaflet-tooltip-boxshadow:var(--default-dark-box-shadow);--tagcloud-highlight-textcolor:green;--tagcloud-highlight-bg-color:#00000059;--tictactoe-bg-activeplayer:#ffffff47;--tictactoe-border-inner:1px solid gray;--tictactoe-border-outer:1px solid lightgray;--visiomedia-selector-border:1px solid white;--visiomedia-selector-color:white;--visiomedia-selector-bg-color:rgba(white, .15);--visiomedia-selector-selected-border:1px solid red;--visiomedia-selector-selected-color:black;--visiomedia-selector-selected-bg-color:silver;--visiomedia-sum-border:1px solid silver;--visiomedia-sum-end-border:3px solid silver}body>*{--color-hr:var(--text-color);color:var(--text-color);background-color:var(--bg-color)}body nav[role=navigation]{box-shadow:0px 0px 11px 6px var(--shadow-color)}body .leaflet-container{--bg-color:transparent;background-color:#0000}:root{font-synthesis:none;text-rendering:optimizelegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;--font-family:-apple-system, BlinkMacSystemFont, "Segoe UI", "Roboto", "Oxygen", "Ubuntu", "Cantarell", "Fira Sans", "Droid Sans", "Helvetica Neue", sans-serif;--transition-time:.7s}body,body *{font-family:var(--font-family);box-sizing:border-box;scroll-behavior:smooth;outline-style:none;place-content:start;margin:0;padding:0}body:focus,body :focus{outline-style:none}a{flex-direction:row;place-content:center;text-decoration:none}a,a:visited,a:link,a:hover,a:active{color:var(--text-color)}a.disabled,a:visited.disabled,a:link.disabled,a:hover.disabled,a:active.disabled{color:var(--text-color-disabled);pointer-events:none}body>*{color:var(--text-color)}code{white-space:pre-line;--font-family:source-code-pro, Menlo, Monaco, Consolas, "Courier New", monospace}:root{--footer-shadow:0px 0px 11px 6px var(--shadow-color)}footer{border-top:var(--footer-border);box-shadow:var(--footer-shadow);flex:0 0 1.5rem;align-items:center;display:flex}footer>*{text-align:center;flex:1 0 auto}footer>.fa-adjust{flex-grow:0;flex-basis:3rem}h1,h2,h3,h4,h5,h6{color:var(--header-textcolor)}h1{text-align:center;width:100%;font-size:200%}h2{align-self:center;padding-bottom:1.5rem;font-size:160%}h3{font-size:135%}h4{font-size:115%}body.classic>#app>header{flex-direction:column;flex-grow:0}html:not(.dialog-open) body.classic>#app>header:hover,html:not(.dialog-open) body.classic>#app>header:focus-within{z-index:100}body.classic>#app>header .top-line{justify-content:space-around;max-height:7rem;display:flex}body.classic>#app>header .top-line>.image{flex:0 5rem;max-width:5rem}body.classic>#app>header .top-line>.image .logo>svg{max-height:7rem;fill:var(--logo-fill-color)}body.classic>#app>header .top-line>.title{flex-grow:1;align-self:center;font-size:150%}body.classic>#app>header .top-line>.clock{min-width:5rem}html{scroll-behavior:smooth;overflow-x:hidden}img{object-fit:contain;object-position:center center;max-width:100%;max-height:100%}.picture{flex-direction:column;max-height:100%;display:flex}:root{--ui-input-bg-color:transparent;--ui-input-border:1px solid black;--ui-input-border-radius:.25rem;--ui-input-padding:.25rem 0}input{color:var(--text-color);border:var(--ui-input-border);border-radius:var(--ui-input-border-radius);background:var(--ui-input-bg-color);padding:var(--ui-input-padding)}input[type=password]{--font-family:Verdana;letter-spacing:.15em}svg{max-width:100%;max-height:100%}nav[role=navigation]{--font-family:monospace}nav[role=navigation]>.darkmode-toggler{flex:0 auto;align-content:center;margin-right:.5rem}.hidden,.hide{display:none}.address,.pre{white-space:pre-line}.text-center{text-align:center}.nobr{white-space:nowrap}.button-list{flex-direction:row;flex:1;width:100%;max-height:4rem;display:flex}.button-list>.button{flex:1 0 auto}.storyblok-page{flex-direction:column;width:100%;height:100%;display:flex;overflow-y:auto}body.classic{background-color:var(--bg-color);color:var(--text-color);flex-direction:column;place-items:center;width:100vw;min-width:320px;height:100vh;min-height:100vh;margin:0;display:flex}body.classic .main-content,body.classic .main-content>.centered,body.classic .top-line h1{opacity:0;animation:fadeIn ease-in var(--transition-time);animation-fill-mode:forwards}body.classic>*{max-width:100vw;overflow-x:scroll}body.classic>#app{grid-template:"header""main"1fr"footer"/1fr;min-height:100vh;max-height:100vh;display:grid}body.classic>#app .scrollable{scroll-behavior:smooth;overflow:auto}body.classic>#app>header{grid-area:header}body.classic>#app>.main-content{flex:1;grid-area:main;width:100vw;padding:15px 5px 10px;display:flex}body.classic>#app>.main-content>.centered{flex-direction:column;flex:1 0 auto;place-content:center;align-items:center;width:100%;max-width:100vw;height:100%;margin:auto;display:flex}body.classic>#app>footer{flex:0 0 3rem;grid-area:footer;display:flex}body.classic>#app>footer>*{flex:1 0 auto;display:flex}body.classic>#app>footer>.darkmode-toggler{flex:none}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}