@font-face{font-family:'icomoon';src:url(../fonts/icomoon.eot?v=1);src:url(../fonts/icomoon.eot?v=1) format('embedded-opentype'),url(../fonts/icomoon.ttf?v=1) format('truetype'),url(../fonts/icomoon.woff?v=1) format('woff'),url(../fonts/icomoon.svg?v=1) format('svg');font-weight:normal;font-style:normal}*{font-family:"Roboto",sans-serif}html,body{height:100%;background-color:#eff0f3}.all{min-height:100vh;display:flex;flex-direction:column}header{display:flex;justify-content:space-between;background-color:#fff}header .logo img{height:3em;width:auto;margin:.5em 0 0 1em}header .usercontainer{display:flex;justify-content:center;align-items:center;border-left:1px solid #cdced7;margin-right:.5em;position:relative}header .usercontainer button{display:flex;gap:1em;border:0}header .usercontainer .avatar{display:flex;align-self:center;justify-content:center}header .usercontainer .avatar img{height:3em;border-radius:50%}header .actions{display:none}header .usercontainer .usertext{display:flex;flex-direction:column}header .usercontainer .usertext .name{font-weight:bold;font-size:1em;align-self:flex-start}header .usercontainer .usertext .email{font-size:.75em}header .topmenu{position:absolute;top:0;width:100%;padding-top:4em;display:none}header .topmenu ul{list-style:none;background-color:#fff;width:100%}header .topmenu li{width:100%}header .topmenu a{display:flex;flex-direction:column;padding:.25em .5em;width:100%;border:1px solid #cdced7;border-bottom:0;color:#000}header .topmenu a:hover{background-color:#f9f9fb}header .topmenu a:last-child{border-bottom:1px solid #cdced7}.content{display:flex;flex-direction:column;justify-content:center;align-items:center;color:#333;padding-top:3em}.content .textheadertabel{margin-bottom:2em}.content .textheader>*{margin-bottom:1em}.content .textcontainer{display:flex;background-color:#fff;flex-direction:column;justify-content:center;justify-content:flex-start;align-items:start;padding:1em 1.5em;border-radius:1em;width:35em}.content .textcontainer .imagecontent{display:flex;justify-content:center;align-items:center;gap:1em}.content .textcontainer a{border:1px solid #cdced7;width:100%;height:5em;display:flex;align-items:center;justify-content:space-between;gap:1em;padding:2em;margin-bottom:1em;color:#333}.content .textcontainer a::after{content:'';font-family:icomoon}.content .textcontainer a img{height:3em}.content .textcontainer a:hover{background-color:#f9f9fb}.content .textcontainer.loading{height:20em;display:flex;flex-direction:column;align-items:center;justify-content:center;border-radius:1em 1em 0 0;color:#333}.content .textcontainer.loading h3{margin-top:1em}.content .textfooter{border-top:1px solid #cdced7;border-radius:0 0 1em 1em;display:flex;justify-content:center;background-color:#f9f9fb;width:35em;padding:2em 0;color:#333;position:relative}.content .textcontainer img{max-height:10em;padding:.5em}.content .loadingbar{height:.5em;width:100%;overflow:hidden;position:absolute;bottom:0;border-radius:0 0 1em 1em}.content .loadingbar::before{content:'';position:absolute;width:20vw;left:-20vw;height:100%;background-color:#e37200;animation:loadinganimation 3s linear infinite;border-radius:1em}@keyframes loadinganimation{from{left:-20vw}to{left:150%}}@media only screen and (max-width:38em){.content .textcontainer{width:90%}.content .textcontainer.loading{width:90%}.content .textfooter{width:90%}}footer{height:100%;display:flex;justify-content:start;align-items:center;margin-top:auto;padding:2em 0;padding-left:2em;gap:1em;border-top:1px solid #b9bbc6;color:#b9bbc6}footer span:not(:last-child){border-right:2px solid #b9bbc6}footer span:not(:last-child){padding-right:1em}footer a{color:#b9bbc6}@media only screen and (max-width:35em){footer{flex-direction:column}footer span:not(:last-child){border-right:0}footer span{border-bottom:2px solid #b9bbc6}}