:root{font-size:16px}*{margin:0;padding:0;border:0;box-sizing:border-box;line-height:1em}html{scroll-behavior:smooth}body{font-family:'Inter',sans-serif;font-size:1rem}@media (prefers-color-scheme:dark){body{background:#3c3c3c;color:#d4d4d4}}a{text-decoration:none}.entry p{line-height:1.66em}@media (min-width:768px){.entry p{line-height:1.84em}}@media (min-width:1024px){.entry p{line-height:2em}}@media (min-width:1180px){.entry p,.entry ul{max-width:800px}}.entry li{line-height:1.66em}.container{position:relative;display:block;width:100%;max-width:1100px;margin:0 auto;padding:0 15px}@media (min-width:768px){.container{padding:0 20px}}@media (min-width:1024px){.container{padding:0 30px}}@media (min-width:1180px){section.content.alternate .container{padding:0 30px 0 calc(1100px - 830px)}}li::marker{color:orangered}#topbar{position:fixed;z-index:2;display:grid;grid-template-columns:1fr 1fr;width:100%;min-height:80px;background-color:orangered}@media (min-width:1024px){#topbar{display:flex}}#topbar #branding{display:flex;justify-content:flex-start;align-items:center}#topbar #branding img{height:40px}img#topbar-logo-mini{width:48px;margin-left:16px}img#topbar-logo-maxi{display:none;margin-left:24px}@media (min-width:1280px){img#topbar-logo-mini{display:none}img#topbar-logo-maxi{display:inline}}#topbar #toggle{display:flex;justify-content:flex-end;cursor:pointer}@media (min-width:1024px){#topbar #toggle{display:none}}#topbar .material-symbols-outlined{font-size:36px;color:#fff;margin:22px}#topbar nav{display:none}@media (min-width:1024px){#topbar nav{display:flex;justify-content:flex-end;align-items:center;width:100%;margin-right:32px}}#topbar nav.open{grid-column:1 / span 2;display:flex;flex-direction:column;width:100%;padding:16px 32px;background-color:#333;box-shadow:0 0 50px rgb(0 0 0 / .25)}#topbar nav a{padding:1em 0;font-size:.85rem;color:#fff}@media (min-width:768px){#topbar nav a{font-size:1rem}}@media (min-width:1024px){#topbar nav a{margin-left:1.5em}}@media (min-width:1024px) and (pointer:fine){#topbar nav a{background-image:linear-gradient(to right,white,white);background-repeat:no-repeat;background-size:0 1px;background-position:0 85%;transition:background 500ms ease-in}#topbar nav a:hover{background-size:100% 1px}}@media (min-width:1180px){#topbar nav a{margin-left:2em}}#hero.landing{position:relative;display:flex;flex-direction:column;justify-content:center;align-items:center;width:100%;height:100vh;background-color:#333;background-image:url(/wp-content/themes/infotronic/img/hero_bg-small.jpg);background-repeat:no-repeat;background-size:cover;background-position:center}@media (min-width:768px){#hero.landing{background-image:url(/wp-content/themes/infotronic/img/hero_bg-large.jpg)}}#hero.landing::before{content:"";display:block;position:absolute;width:100%;height:100%;top:0;background-color:rgb(0 0 0 / .33)}#hero.landing img{position:relative;width:75px;height:75px}#hero.landing h1{position:relative;display:block;margin:1em 0 .5em;font-size:2.5rem;font-weight:200;color:#fff;text-align:center}@media (min-width:1024px){#hero.landing h1{font-size:2.75rem}}@media (min-width:1180px){#hero.landing h1{font-size:3.5rem}}#hero.landing span{position:relative;display:block;width:100%;font-size:1.5rem;font-weight:400;color:#fff;text-align:center}section.content{display:block;width:100%;padding:50px 0}@media (min-width:768px){section.content{padding:75px 0}}@media (min-width:1180px){section.content{padding:100px 0}}@media (min-width:1920px){section.content{padding:150px 0}}section.content.alternate{background-color:rgb(255 70 0 / .05)}@media (prefers-color-scheme:dark){section.content.alternate{background-color:rgb(255 70 0 / .25)}}section.content h2{margin:.25em 0 1em;padding:20px 0 0 40px;font-size:2.25rem;font-weight:200;background-image:url(/wp-content/themes/infotronic/img/title_decor.svg);background-repeat:no-repeat;background-position:top left}@media (min-width:1024px){section.content h2{margin-bottom:1.5em}}@media (min-width:1180px){section.content h2{font-size:2.25rem}}@media (min-width:1180px){section.content h2{font-size:3rem}}@media (prefers-color-scheme:dark){section.content h2{color:#fff}}section.content .order{display:none}@media (min-width:1180px){section.content .order{position:absolute;display:inline;top:0;right:0;font-family:'Roboto',sans-serif;font-size:10rem;font-weight:100;letter-spacing:-.05em;color:#000;opacity:.2}section.content .order::first-letter{opacity:.5}section.content.alternate .order{right:auto;left:0;color:orangered}}@media (prefers-color-scheme:dark){section.content .order{opacity:1}}section.content .entry{margin:0 15px}section.content ul{margin:2.5em 0;padding-left:25px}section.content ul li{margin:1em 0}section#web-design a{display:inline-block;margin-bottom:1em;padding:1em 1.5em;border:1px solid orangered;border-radius:3px;background-color:orangered;color:#fff;line-height:1.25em;text-align:center;box-shadow:0 1px 1px rgb(0 0 0 / .5);transition:background 500ms ease-in}section#web-design a:hover{background:red}section#contact{background-color:#444}@media (prefers-color-scheme:dark){section#contact{background-color:#222}}section#contact h2{padding:0;color:#fff;text-align:center;background-image:none}section#contact #contact-details{display:grid}@media (min-width:768px){section#contact #contact-details{grid-template-columns:1fr 1fr}}section#contact .person{padding:2em 0}section#contact .person:first-of-type{border-bottom:1px solid rgb(255 255 255 / .25)}@media (min-width:768px){section#contact .person:first-of-type{border-bottom:0;border-right:1px solid rgb(255 255 255 / .25)}}section#contact .person div{padding:5px 0}section#contact .title{display:block;margin-bottom:1.5em;font-size:.85rem;font-weight:600;color:#fff;line-height:1.25em;text-align:center}@media (min-width:1920px){section#contact .title{font-size:1rem}}section#contact .telephone a{display:block;font-size:2.125rem;font-weight:200;color:orangered;text-align:center}@media (min-width:1024px){section#contact .telephone a{font-size:2.5rem}}@media (min-width:1920px){section#contact .telephone a{font-size:3.5rem}}section#contact .email{display:flex;width:100%;justify-content:center}section#contact .email a{display:inline-block;font-weight:200;line-height:1.33em;color:#fff;background-image:linear-gradient(to right,white,white);background-repeat:no-repeat;background-size:0 1px;background-position:0 100%;transition:background 500ms ease-in}@media (min-width:1920px){section#contact .email a{font-size:1.5rem;margin-top:.5em}}section#contact .email a:hover{background-size:100% 1px}footer{padding:3em 1em 2em;background-color:orangered;color:#fff}@media (min-width:1024px){footer{padding:1em 0}footer #company-info{display:flex;align-items:center;min-width:100%}}footer a{color:#fff}footer img{display:block;margin:0 auto;width:183px;height:30px}@media (min-width:1024px){footer img{margin:0}}footer ul{display:flex;flex-direction:column;margin:1em 0;list-style-type:none}@media (min-width:1024px){footer ul{flex-direction:row;justify-content:flex-end;flex-wrap:wrap;width:100%}}footer li{width:100%;margin:.5em 0;text-align:center}@media (min-width:1024px){footer li{width:auto;padding-left:2em;font-size:.75rem}}@media (min-width:1180px){footer li{font-size:.75rem}}#cookie-notice{display:none;flex-direction:column;align-items:center;position:fixed;right:1em;bottom:1em;left:1em;z-index:999;max-width:800px;margin:0 auto;padding:1em;font-size:.85rem;background:#fff;border:1px solid lightgrey;border-radius:.25em;box-shadow:0 0 10px #000}#cookie-notice span{color:grey;line-height:1.25em;text-align:center}.cookie-notice-close{margin:1em 0 0 1em;padding:.75em 1.5em;color:#fff;text-decoration:none;background:orangered;border-radius:.125em}@media (min-width:460px){#cookie-notice span{text-align:left}.cookie-notice-close{margin:0 0 0 2em}#cookie-notice{flex-direction:row;justify-content:space-between;padding-left:1.5em}}@media (prefers-color-scheme:dark){#cookie-notice{background:#3a3a3a}#cookie-notice span{color:lightgrey}}