.accordion{margin:0;padding:0;border:2px solid hsl(0deg 0% 52%);border-radius:7px;width:20em}.accordion h3{margin:0;padding:0}.accordion:focus-within{border-color:var(--primaerfarbe)}.accordion:focus-within h3{background-color:hsl(0deg 0% 97%)}.accordion>*+*{border-top:1px solid hsl(0deg 0% 52%)}.j-accordion_trigger{background:none;color:hsl(0deg 0% 13%);display:block;font-size:1rem;font-weight:normal;margin:0;padding:1em 1.5em;position:relative;text-align:left;width:100%;outline:none}.j-accordion_trigger:focus, .j-accordion_trigger:hover{background:var(--primaerfarbe-focus)}.accordion-trigger:focus{outline:4px solid transparent}.accordion>*:first-child .j-accordion_trigger, .accordion>*:first-child{border-radius:5px 5px 0 0}.accordion>*:last-child .j-accordion_trigger, .accordion>*:last-child{border-radius:0 0 5px 5px}button{border-style:none}.accordion button::-moz-focus-inner{border:0}.accordion_title{display:block;pointer-events:none;border:transparent 2px solid;border-radius:5px;padding:0.25em;outline:none}.j-accordion_trigger:focus .accordion_title{border-color:var(--primaerfarbe)}.accordion_icon{border:solid currentColor;border-width:0 2px 2px 0;height:0.5rem;pointer-events:none;position:absolute;right:2em;top:50%;transform:translateY(-60%) rotate(45deg);width:0.5rem}.accordion-trigger:focus .accordion_icon, .accordion-trigger:hover .accordion_icon{border-color:var(--primaerfarbe)}.j-accordion_trigger[aria-expanded='true'] .accordion_icon{transform:translateY(-50%) rotate(-135deg)}.accordion_panel{margin:0;padding:1em 1.5em}.accordion_panel[hidden]{display:none}fieldset{border:0;margin:0;padding:0}input{border:1px solid hsl(0deg 0% 42%);border-radius:0.3em;display:block;font-size:inherit;padding:0.3em 0.5em}/** * Generelle App-Styles */ .hidden{display:none !important}html{height:100%;min-height:100%;margin:0;padding:0}body{height:calc(100% - var(--menu-height) * 2);margin:0;padding:0}div, section, nav{box-sizing:border-box}a{text-decoration:none}a:hover{color:var(--textfarbe)}a:visited{color:var(--textfarbe)}.w-screen{height:100%;margin:auto;padding:20px}.flex--vertical{display:flex;flex-direction:column}.align--center{align-items:center}.filters{height:0;width:0}#w-preloader{position:fixed;top:0;left:0;width:100%;height:100%;background:white;z-index:999}h1, h2, h3, h4{margin-bottom:10px;color:#00ccff;padding-bottom:10px}h1{font-size:var(--font-size-h1);border-bottom:1px solid #444}h2{font-size:var(--font-size-h2)}h3{font-size:var(--font-size-h3)}h4{font-size:var(--font-size-h4)}:root{--menu-height:50px;--menu-bottom-height:70px}#j-appmenu-burger{position:fixed;display:flex;top:0;left:0;width:100%;height:var(--menu-height);align-items:center;justify-content:flex-end;background-color:var(--background-color);border-bottom-left-radius:20px;border-bottom-right-radius:20px;box-shadow:0 4px 15px rgba(0, 204, 255, 1);z-index:1000}.start #j-appmenu-burger, .fraktion #j-appmenu-burger{display:none}#j-appmenu-burger_container{position:absolute;top:var(--menu-height);left:0;width:100vw;height:calc(100vh - var(--menu-height));background:white}#j-appmenu-burger_button{width:20px;height:20px;display:block;margin-right:20px;background-image:url("../assets/_icons/icons/burgermenu.svg");background-repeat:no-repeat;background-position:center;background-color:transparent;border:none}#j-appmenu-burger_button.close{background-image:url("../assets/_icons/icons/close-w.svg")}.game .w-screen{margin-top:var(--menu-height)}button, .button{background-color:var(--primaerfarbe);color:var(--text_auf_primaerfarbe);padding:10px 20px;border-radius:5px;border:none;cursor:pointer;font-size:16px;transition:background-color 0.3s ease;margin:5px}button:hover, a.button:hover{background-color:var(--primaerfarbe);color:var(--text_auf_primaerfarbe)}a.button:visited{background-color:var(--primaerfarbe);color:var(--text_auf_primaerfarbe)}.carousel__container{width:100%;display:flex;flex-direction:column;justify-content:space-around;align-items:center;max-width:600px;margin:20px;gap:20px}.carousel__innercontainer{display:flex;align-items:center;position:relative;justify-content:space-between;width:100%}.carousel__items{height:100%;position:relative;width:100%}.j-carousel__item{display:none;height:100%}.j-carousel__item.carousel__item-active{display:block}.j-carousel__previous-btn, .j-carousel__next-btn{background:none;height:40px}.j-carousel__previous-btn img, .j-carousel__next-btn img{height:100%}.j-carousel__previous-btn img{transform:rotate(180deg)}.carousel__avatar{height:100%;margin-left:-20px}.carousel__tab-container{display:flex;justify-content:space-between;align-items:center;width:100%}.j-carousel__tab{background:grey;width:15px;border-radius:50%;height:15px;box-sizing:border-box;margin:0;padding:0;box-shadow:0 4px 15px rgba(0, 204, 255, 1)}.j-carousel__tab.carousel__tab-active{background:black}:root{--textfarbe:#fff;--primaerfarbe:#00ccff;--text_auf_primaerfarbe:#1e1e1e;--background-color:#1e1e1e;--primaerfarbe-hover:#ffbbb3;--primaerfarbe-focus:#ffbbb3;--hintergrund-farbe:#fff;--secundaerfarbe:#9bd7d5;--font-size:16px;--font-size-h1:35px;--font-size-h2:29px;--font-size-h3:24px;--font-size-h4:19px;min-height:100%}.fraktion .j-carousel__item img{width:100%;height:100%;object-fit:cover}.fraktion .j-carousel__btn{position:absolute}.fraktion .j-carousel__previous-btn{left:10px}.fraktion .j-carousel__next-btn{right:10px}.fraktion .j-carousel__item.disabled img{-webkit-filter:grayscale(100%);filter:grayscale(100%)}#fraktionen_auswahl{max-width:400px;margin:0 auto;margin-bottom:40px}.gamemonitor{position:fixed;bottom:0;left:0;width:100%;height:auto;background-color:#1e1e1e;border-top-left-radius:20px;border-top-right-radius:20px;box-shadow:0 4px 15px rgba(0, 204, 255, 1);z-index:1000;color:#ffffff;font-family:Arial, sans-serif;overflow:hidden}.gamemonitor_header{display:flex;justify-content:flex-end;background-color:#2c2c2c;border-top-left-radius:20px;border-top-right-radius:20px}.gamemonitor_header .app-modal_close{background:none;border:none;cursor:pointer}.gamemonitor_header .app-modal_close img{width:20px;height:20px;filter:invert(1)}.gamemonitor_inner{padding:20px;overflow-y:auto}.star-system-info_title{font-size:24px;color:#00ccff;margin-bottom:10px}.star-system-info_content{font-size:16px;margin-bottom:20px;line-height:1.5}.tab__container{display:flex;justify-content:space-around;background-color:#2c2c2c;padding:10px;border-radius:10px;margin-bottom:20px}.tab{background-color:#444;color:#ffffff;padding:10px 20px;border-radius:5px;border:none;cursor:pointer;font-size:16px;transition:background-color 0.3s ease}.tab.active{background-color:#00ccff;color:#1e1e1e}.tab:hover{background-color:#008cbf}.tab__panel{display:block}.star-system-info_planets, .star-system-info_ships{display:flex;gap:20px;list-style:none;padding:0;margin:0;overflow-x:auto}.planet, .star-ship{text-align:center;cursor:pointer}.planet_image, .star-ship_image{display:block;margin:0 auto}.planet_image circle, .star-ship_image circle{stroke:#333;stroke-width:5}.star-system-info_ships{padding-top:10px}.gamemonitor-ships p{margin-bottom:10px}:root{--green-light:#c7e49c;--green:#8fc93a;--yellow-light:#ffdc83;--yellow:#ffba08;--orange-light:#f2b084;--orange:#e5630a}.w-info{text-align:center;position:fixed;left:0px;top:0px;width:90%;padding:14px;margin:5%;z-index:1000}/** * Alertlevels **/ .w-info.w-notice{background-color:var(--green-light);color:black;border-bottom:solid 5px var(--green)}.w-info.w-warning{background-color:var(--yellow-light);color:black;border-bottom:solid 5px var(--yellow)}.w-info.w-error{background-color:var(--orange-light);color:black;border-bottom:solid 5px var(--orange)}#j-appmenu-bottom{position:fixed;bottom:0;left:0;width:100%;height:70px;z-index:100;background-color:var(--background-color);display:block}.start #j-appmenu-bottom, .fraktion #j-appmenu-bottom{display:none}#j-appmenu-bottom div[role='menubar']{display:flex;justify-content:space-around;align-items:center;height:100%;width:100%;background-color:var(--background-color);border-top-left-radius:20px;border-top-right-radius:20px;box-shadow:0 -4px 15px rgba(0, 204, 255, 1)}#j-appmenu-bottom div[role='menubar']>div{margin:0;padding:0;height:100%}.j-appmenu-bottom_link div{justify-content:center;display:flex;align-content:center;flex-direction:column;height:100%}.overlay{opacity:0.5;background:black;height:100%;width:100%;position:fixed;left:0;top:0;z-index:99}.j-appmenu-bottom_link{color:var(--primaerfarbe);font-size:12pt;padding:10px;text-decoration:none;margin:0;height:100%;box-sizing:border-box;background:none;border:none}.j-appmenu-bottom_link:visited{color:var(--primaerfarbe)}.activemenu{color:var(--primaerfarbe)}.activemenu:visited{color:var(--primaerfarbe);text-decoration:none}.j-appmenu-bottom_link.activemenu{border-bottom:5px solid var(--primaerfarbe)}.j-appmenu-bottom_link img{display:block;align-self:center;max-width:40px;max-height:24px;margin-bottom:5px}.j-appmenu-bottom_second-menu ul{font-size:16pt}.j-appmenu-bottom_second-menu a{text-decoration:none;color:var(--textfarbe)}.j-appmenu-bottom_second-menu a:visited{color:var(--textfarbe)}.j-appmenu-bottom_second-menu a.activemenu{text-decoration:underline;color:var(--primaerfarbe)}.j-appmenu-bottom_second-menu{position:absolute;left:0;bottom:-300px;text-align:center;width:100%;transition:bottom 1s;z-index:-1;border-radius:20px 20px 0 0;box-shadow:0px -3px 6px 0px rgba(0, 0, 0, 0.16);padding-bottom:20px}.j-appmenu-bottom_second-menu ul{list-style:none;padding-left:0}.j-appmenu-bottom_second-menu li{margin-top:10px}.app-modal{background:white;width:90%;z-index:100;position:fixed;padding:10px;left:2.5%}.app-modal_close{height:40px;width:40px;background:transparent}body{font-family:Arial, sans-serif;background-color:var(--background-color);color:var(--textfarbe)}.universe{width:100%;height:100%;overflow:scroll;background-color:#222;padding:0px;margin:0px;margin-top:var(--menu-height);height:calc(100vh - var(--menu-height) - var(--menu-bottom-height));position:absolute}.game .w-screen{width:100%;height:100%;overflow:hidden;background-color:#222;padding:0px;margin:0px}.star-system, .start-ship, .starshiprouter, .routePoint{width:50px;height:50px;background-color:#444;border:1px solid #333;display:flex;align-items:center;justify-content:center;color:white;position:absolute;cursor:pointer}.starshiprouter{border:2px solid #ccb928;background-color:unset}.routePoint{border:2px solid #ccb9288d;background-color:unset}.universum_systems{background-image:linear-gradient(90deg, rgba(0, 0, 0, 0.2) 1px, transparent 1px), linear-gradient(180deg, rgba(0, 0, 0, 0.2) 1px, transparent 1px);background-size:50px 50px;width:100%;height:100%;display:block;position:absolute;margin:0px;padding:0px}.universum_systems .star-ship{position:absolute;z-index:100}.star-system.revealed{background-color:#000}.empty-system{color:gray}.star-ship_inner{width:100px}.starshiprouter_inner{font-size:20px;color:#ccb928}.routeLine{pointer-events:none}.star-ship_inner img{width:100%}.app-modal{position:fixed;top:50%;left:50%;transform:translate(-50%, -50%);width:80%;max-width:600px;background-color:#1e1e1e;border-radius:10px;box-shadow:0 4px 15px rgba(0, 204, 255, 1);z-index:1000;overflow:hidden;color:#ffffff}.app-modal_close{position:absolute;top:10px;right:10px;background:none;border:none;cursor:pointer;padding:0}.app-modal_close img{width:20px;height:20px;filter:invert(1)}.app-modal_wrapper{padding:20px;text-align:left}.app-modal_title{font-size:24px;margin-bottom:10px;color:#00ccff;border-bottom:1px solid #444;padding-bottom:10px}.app-modal_content{max-height:300px;overflow-y:auto;padding-right:10px}.app-modal_content ul{padding:0;margin:0;list-style:none}.news-item{padding:10px;margin-bottom:10px;background-color:#2c2c2c;border-radius:5px;box-shadow:0 2px 4px rgba(0, 0, 0, 0.2)}.news-item p{margin:0;font-size:16px;line-height:1.5}.news-item i{color:#00ccff}.app-modal_buttons{padding:15px 20px;background-color:#1e1e1e;text-align:right;border-top:1px solid #444}.app-modal_buttons button{background-color:#00ccff;color:#fff;padding:10px 20px;border:none;border-radius:5px;cursor:pointer;font-size:16px}.app-modal_buttons button:hover{background-color:#008cbf}[role='radiogroup']{padding:0;margin:0;list-style:none}[role='radiogroup']:focus{outline:none}[role='radio']{padding:4px 8px;border:0 solid transparent;border-radius:5px;display:inline-block;position:relative;cursor:default;outline:none;color:black}[role='radio']+[role='radio']{margin-left:1em}[role='radio']::before{position:relative;top:1px;content:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' height='14' width='14' style='forced-color-adjust:auto;'%3E%3Ccircle cx='7' cy='7' r='6' stroke='rgb(0, 90, 156)' stroke-width='2' fill-opacity='0' /%3E%3C/svg%3E")}[role='radio'][aria-checked='true']::before{position:relative;top:1px;content:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' height='14' width='14' style='forced-color-adjust:auto;'%3E%3Ccircle cx='7' cy='7' r='6' stroke='rgb(0, 90, 156)' stroke-width='2' fill-opacity='0' /%3E%3Ccircle cx='7' cy='7' r='3' fill='rgb(0, 90, 156)' stroke-opacity='0' /%3E%3C/svg%3E")}[role='radio'].focus, [role='radio']:hover{padding:2px 6px;border:2px solid #005a9c;background-color:#def;cursor:pointer}