html,body{--desp-background-color:#0d1527;--desp-background-color-transparent:#0d1527bb;--desp-font-color:#fff;--desp-hover-color:#7a7a7a;--desp-purple-color:#ef2b89;--desp-violet-color:#7b34db;--desp-frame-grey-color:#b7b7b7;--desp-darkgrey-color:#3c3c3c;--desp-frame-hover-color:#1e2637;--desp-frame-background-color:#0d1527bb;--desp-font-size:16px;--desp-frame-font-size:16px;--header-username-max-width:200px;--header-height:64px;--header-eu-logo-width:160px;--header-eu-logo-height:36px;--header-service-logo-width:64px;--header-service-logo-height:36px;--header-icon-height:24px;--header-user-icon-height:18px;--header-padding:20px;--link-padding:16px;--footer-height:64px;--footer-logo-height:40px;margin:0;padding:0}@font-face{font-family:Roboto-Regular;src:local(Roboto-Regular),url(./Roboto/Roboto-Regular.ttf)format("truetype")}@font-face{font-family:Roboto-Bold;src:local(Roboto-Bold),url(/assets/Roboto-Bold-BKtbn9Wi.ttf)format("truetype")}#desp-header-container{width:100vw;max-width:100vw;height:var(--header-height);max-height:var(--header-height);background-color:var(--desp-background-color);color:var(--desp-font-color);font-family:Roboto-Bold,sans-serif;font-size:var(--desp-font-size);z-index:99;flex-direction:row;justify-content:center;align-items:center;margin:0;padding:0;display:flex}#desp-header-inner-container{max-width:1600px;height:100%;margin:0 var(--header-padding);flex-direction:row;flex-grow:1;justify-content:space-between;align-items:center;padding:0;display:flex}#left-container{justify-content:flex-start;align-items:center;gap:var(--header-padding);flex-direction:row;height:100%;margin:0;padding:0;display:flex}#eu-flag-de{max-width:var(--header-eu-logo-width);max-height:var(--header-eu-logo-height);width:var(--header-eu-logo-width);height:var(--header-eu-logo-height);display:block}#service-logo{max-width:var(--header-service-logo-width);max-height:var(--header-service-logo-height);width:var(--header-service-logo-width);height:var(--header-service-logo-height);display:block}#central-container{max-width:800px;height:100%;padding:0 calc(var(--header-padding) * 2);flex-direction:row;flex-grow:1;justify-content:space-between;align-items:center;margin:0;display:flex}.header-link{color:var(--desp-font-color);text-decoration:none;transition:color .25s ease-in-out}.header-link:hover{color:var(--desp-hover-color)}.header-link.current-link,.header-link.visited{color:var(--desp-purple-color)}#right-container{justify-content:flex-end;align-items:center;gap:var(--header-padding);flex-direction:row;height:100%;display:flex}#info-container,#user-container{flex-direction:row;justify-content:center;align-items:center;height:100%;display:flex;position:relative}#info-button{flex-direction:row;justify-content:center;align-items:center;margin:0;padding:0;display:flex}#info-icon{width:var(--header-icon-height);height:var(--header-icon-height);transition:color .25s ease-in-out}#info-container:hover #info-icon{color:var(--desp-hover-color)}#info-frame,#user-frame{opacity:0;top:var(--header-height);background-color:var(--desp-frame-background-color);font-size:var(--desp-frame-font-size);z-index:1;flex-direction:column;gap:0;margin:0;padding:0;display:none;position:absolute}#info-frame{width:160px;left:calc(var(--header-padding) * -1)}#user-frame{width:200px;left:0}.frame-link{padding:var(--link-padding);cursor:pointer;text-decoration:none;transition:color .25s ease-in-out}.frame-link:link,.frame-link:visited{color:var(--desp-frame-grey-color)}.frame-link:hover{background-color:var(--desp-frame-hover-color);color:var(--desp-hover-color)}#info-container hr,#user-container hr{color:var(--desp-darkgrey-color);margin:0 3px}#login-div{padding:0 calc(var(--header-padding) * 2);border-radius:calc(var(--header-eu-logo-height) / 2);height:var(--header-eu-logo-height);background:linear-gradient(90deg, var(--desp-purple-color) 0%, var(--desp-purple-color) 40%, var(--desp-violet-color) 60%, var(--desp-violet-color) 100%);cursor:pointer;background-size:400% 100%;flex-direction:row;justify-content:center;align-items:center;animation:.25s ease-in-out forwards violet-to-mix;display:flex}#login-div:hover{animation:.25s ease-in-out forwards mix-to-violet}.login-a{justify-content:center;align-items:center;gap:var(--header-padding);flex-direction:row;text-decoration:none;display:flex}.login-icon{width:var(--header-user-icon-height);height:var(--header-user-icon-height);color:var(--desp-font-color);margin:0;padding:0}.login-text{max-width:var(--header-username-max-width);font-size:var(--desp-font-size);color:var(--desp-font-color);white-space:nowrap;text-overflow:ellipsis;margin:0;padding:0;overflow:hidden}.not-logged{display:none}.logged{display:flex}#menu-icon-container{flex-direction:row;justify-content:center;align-items:center;display:flex}#menu-icon{width:var(--header-logo-height);height:var(--header-logo-height);transition:color .25s ease-in-out}#menu-icon:hover{color:var(--desp-hover-color)}@keyframes mix-to-violet{0%{background-position:50%}to{background-position:100%}}@keyframes violet-to-mix{0%{background-position:100%}to{background-position:50%}}#dropdown-menu-container{width:100%;height:calc(100dvh - var(--header-height));font-family:Roboto-Bold,sans-serif;font-size:var(--desp-font-size);z-index:999;flex-direction:column;align-items:center;padding:0;display:none;top:0}.dropdown-link{background-color:var(--desp-background-color);border-top:1px solid #000;border-bottom:1px solid #000;flex-direction:row;flex-grow:1;justify-content:center;align-items:center;width:100%;display:flex}.dropdown-link a{color:var(--desp-font-color);text-decoration:none;transition:color .25s ease-in-out}.dropdown-link a:hover{color:var(--desp-hover-color)}@media only screen and (width<=1024px){#central-container{display:none}}@media only screen and (width>=1025px){#central-container{display:flex}#menu-icon-container,#dropdown-menu-container{display:none}}@media only screen and (width<=1280px){.login-text{display:none}#login-div{padding:0 9px}#info-frame,#user-frame{left:auto;right:-20px}}@media only screen and (width>=1281px){.login-text.logged,.login-text.not-logged{display:flex}}:root{--header-logo-width:120px;--header-logo-height:40px}#footer-container{box-sizing:border-box;width:100vw;height:var(--footer-height);max-height:var(--header-height);background-color:var(--desp-background-color);color:var(--desp-font-color);font-family:Roboto-Bold,sans-serif;font-size:var(--desp-font-size);border-top:solid 2px var(--desp-violet-color);z-index:99;flex-direction:row;justify-content:center;align-items:center;margin:0;padding:0;display:flex;position:fixed;bottom:0}#footer-inner-container{max-width:1600px;height:100%;margin:0 var(--header-padding);flex-direction:row;flex-grow:1;justify-content:space-between;align-items:center;padding:0;display:flex}#footer-left-container{flex-direction:row;justify-content:center;align-items:center;display:flex}#footer-desp-logo{max-width:var(--header-logo-width);max-height:var(--header-logo-height);width:var(--header-logo-width);height:var(--header-logo-height);display:block}#footer-central-container{flex-direction:row;justify-content:center;align-items:center;display:flex}.footer-logo{max-width:var(--footer-logo-width);max-height:var(--footer-logo-height);width:auto;height:auto}#footer-right-container{flex-direction:row;justify-content:center;align-items:center;display:flex}#footer-menu-icon{width:var(--header-logo-height);height:var(--header-logo-height);transition:color .25s ease-in-out}#footer-menu-icon:hover{color:var(--desp-hover-color)}#footer-menu{right:0;bottom:var(--footer-height);background-color:var(--desp-frame-background-color);width:240px;font-size:var(--desp-frame-font-size);flex-direction:column;gap:0;margin:0;padding:0;display:none;position:absolute}#footer-menu hr{color:var(--desp-darkgrey-color);margin:0 3px}.footer-frame-link{cursor:pointer;flex-direction:column;justify-content:center;align-items:center;width:100%;padding:0;text-decoration:none;transition:color .25s ease-in-out;display:flex}.footer-frame-link:hover{background-color:var(--desp-frame-hover-color)}.mobile-footer-logo{max-width:var(--footer-logo-width);max-height:var(--footer-logo-height);width:auto;height:auto}.mobile-link{display:block}@media only screen and (width<=1024px){#footer-central-container{display:none}}@media only screen and (width>=1025px){.mobile-link{display:none}}
