body{-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}code{font-family:source-code-pro,Menlo,Monaco,Consolas,Courier New,monospace}#root{width:100%}body{background-color:#fff;color:#445050;display:flex;flex-direction:column;margin:0;min-height:100vh;padding:0}h2{font-size:30px}h2,h3{color:#445050}a,h4{color:#b01826}b{color:#445050}a:link{text-decoration:none}.contentContainer{flex:1 1;margin:170px auto auto;width:80%}.mainContentWrapper{background-image:url(/static/media/sysmobil-netz-1-3.399dd69a7c09cc5085ce.png);background-repeat:no-repeat;background-size:100%;min-height:50vh;position:relative}.wrapper{display:flex;flex:1 1;flex-direction:column}.navContainer{width:100%}.headerContainer{background-color:initial;display:flex;justify-content:space-between;left:50%;padding-top:55px;position:fixed;transform:translateX(-50%);transition:background-color .1s ease;width:80%;z-index:99999999}.logoHeader{display:flex;max-width:200px;width:100%}.logoHeader img{margin-bottom:15px;margin-left:8px;max-width:200px;width:100%}.navigationHeader{display:flex;height:auto;justify-content:end;margin:0 auto;min-height:42px;width:100%}.headerContainer.scrolled{background-color:#fff;border-bottom:1px solid #445050}@media (max-width:1200px){.logoHeader{max-width:310px;width:40%}}@media (max-width:1000px){.headerContainer{flex-direction:column;width:100%}.logoHeader{max-width:310px;padding-left:17px;width:50%}}@media (max-width:800px){.headerContainer{flex-direction:column}.logoHeader{max-width:310px;width:50%}}@media (max-width:600px){.logoHeader,.logoHeader img{margin:0 auto;width:100%}}.referenzenContainer{margin-top:83px}.referenzenRow{display:flex;flex-direction:row;gap:5%;width:100%}.imgContainer{padding-top:8%}.referenzenleft,.referenzenmiddle,.referenzenright{align-content:baseline;color:#445050;display:block;width:30%}.referenzenleft img{display:block;height:auto;margin:auto;max-height:260px;max-width:200px;width:100%}.referenzenleft p{display:block;font-size:14px;margin:auto;padding-top:30px;text-align:center;width:75%}.referenzenmiddle img{display:block;height:auto;margin:auto;max-height:150px;max-width:180px;width:100%}.referenzenmiddle p{display:block;font-size:14px;margin:auto;padding-top:30px;text-align:center;width:75%}.referenzenright img{display:block;height:auto;margin:auto;max-height:180px;max-width:200px;width:100%}.referenzenright p{display:block;font-size:14px;margin:auto;padding-top:30px;text-align:center;width:75%}@media (max-width:600px){.referenzenRow{flex-direction:column}}@media (max-width:850px){.referenzenRow{flex-direction:column}.referenzenleft img,.referenzenmiddle img,.referenzenright img{width:auto}.referenzenleft,.referenzenmiddle,.referenzenright{align-content:baseline;color:#445050;display:block;margin-top:25px;width:100%}}.footer{background-color:var(--footer-bg);bottom:0;color:#b01826;display:flex;flex-direction:column;height:150px;margin:100px auto auto;padding-top:50px;width:80%}.footerElementWrapper{display:flex;gap:15%;margin:0 auto;width:90%}.footerElement{color:#b01826;display:flex;flex-direction:column;justify-content:center;width:25%}.footerLink{color:#b01826}.copyright{color:#000;margin:auto}.contentColumns{display:flex;flex-direction:row;gap:5%}.landingleft,.landingright{color:#445050;display:flex;flex-direction:column;width:50%}.landingleft p,.landingright p{font-size:18px;line-height:1.8}.landingleft,.landingright li{line-height:1.8}.marginHundred{margin-top:100px}.contentCentered{margin:auto}.landingright img{display:block;float:right;margin:auto;max-width:400px;width:85%}@media (max-width:1000px){.contentColumns{flex-direction:column}.landingleft,.landingright{width:100%}.landingright img{display:none}.headerContainer{width:100%}.logoHeader{max-width:310px;width:50%}.footer{width:100%}}@keyframes slideInLeft{0%{opacity:0;transform:translateX(-100%)}to{opacity:1;transform:translateX(0)}}.slideInLeft{animation:slideInLeft 2s ease-out}@keyframes slideInRight{0%{opacity:0;transform:translateX(100%)}to{opacity:1;transform:translateX(0)}}.slideInRight{animation:slideInRight 2s ease-out}.sloganContainerRowR{max-width:450px;padding-top:75px}.sloganContainerRowG,.sloganContainerRowR,.sloganContainerRowW{display:block;margin:0 auto;width:70%}.sloganWhite{background-color:#fff;color:#445050;font-size:25px;margin-left:33%;max-width:450px;padding:16px}.sloganRed,.sloganWhite{display:block;font-weight:700}.sloganRed{background-color:#b01826;color:#fff;font-size:30px;max-width:220px;padding:14px}.sloganGrey{background-color:#445050;color:#fff;display:block;font-size:18px;font-weight:700;margin-left:33%;max-width:450px;padding:16px}.externalMediaFrame{display:flex;justify-content:center;margin:auto;width:70%}.externalMediaFrame iframe{aspect-ratio:16/9;border:none;width:70%}.external-media{align-items:center;background-color:#445050;border:1px solid #ddd;border-radius:4px;color:#fff;display:flex;flex-direction:column;height:auto;justify-content:center;margin:auto;padding:2rem;text-align:center;width:50%}.external-media button{border:1px solid #b01826;color:#b01826;cursor:pointer;margin-top:1rem;padding:.75rem 1.5rem}.navigationsLeiste{align-items:center;display:flex;flex-grow:1;justify-content:space-between}.navLeft,.navRight{display:flex;list-style-type:none}.pgnav{padding-left:15px}.nav-link{background-color:initial;color:#878787;display:flex;font-size:19px;z-index:9999999}.right{margin-left:auto}.hideMobileNavText{border-right:1px solid #ffffff80;display:block;font-size:19px;padding:10px;text-align:center}@media (max-width:960px){.hideMobileNavText{display:none}}.nav-item{display:flex;margin:0 10px;z-index:9999999}.nav-link.active{background-color:initial;border-bottom:2px solid #b01826;color:#b01826;font-weight:700;z-index:22}.nav-link:hover{border-bottom:#b01826}.nav-item.active,.nav-item:focus{border-bottom:2px solid #b01826}.nav-item.active,.nav-item:focus,.nav-link:focus,.nav-link:hover{background-color:initial;color:#b01826}.nav-link:focus{border-bottom:2px solid #b01826}.navRight,.navbar-nav{flex-direction:row}.navRight{display:flex}.navRight.open{display:flex;flex-direction:column}@media (max-width:799px){.menuButton{background-color:initial;border:none;color:#b01826;display:block;float:right;font-size:25px;z-index:99999999}.navigationsLeiste{display:none}.navigationsLeiste.open{display:flex;width:100%}.navRight{width:100%}}@media (min-width:800px){.menuButton{display:none}.navigationsLeiste{display:flex}.pgnav{align-content:end;padding-left:0}}@media (min-width:951px){.navigationsLeiste{display:flex}}@media (max-width:799px){.pgnav{display:flex;justify-content:flex-end;width:100%}}@media (max-width:799px) and (min-width:601px){.navigationHeader{justify-content:center}}@media (max-width:600px){.headerContainer{align-items:center;flex-direction:column;padding-top:15px}.navigationHeader{justify-content:center;margin-bottom:40px;width:100%}.navRight,.navigationsLeiste{width:100%}.navRight{align-items:center;display:flex;flex-direction:column;margin:0;padding:0}.nav-item{text-align:center;width:100%}.nav-link{display:block;padding:10px 0;width:100%}}
/*# sourceMappingURL=main.6639b013.css.map*/