html,body,div#root{height:100%;margin:0;align-items:center}:root{background-color:#fff8dc}.Container{height:100%;display:flex;flex-direction:column}.Header{background-color:green;height:60px;text-align:center;font-size:36px;padding:20px;display:flex;flex-direction:column;justify-content:center}.Middle{background:linear-gradient(135deg,rgba(0,0,0,1) 0%,rgba(41,41,53,1) 50%,rgba(0,0,0,1) 100%);flex:1;position:relative;text-align:center;font-size:36px;display:flex;flex-direction:column;justify-content:center}.Footer{background-color:red;height:60px;text-align:center;font-size:36px;padding:20px;display:flex;flex-direction:column;justify-content:center}.LayerAllgemein{position:absolute;height:100%;width:100%;overflow:hidden}.LayerUmlaufbahnen{z-index:1}.LayerSonne{z-index:5}.LayerMerkur{z-index:10}.LayerVenus{z-index:11}.LayerErde{z-index:12}.LayerMars{z-index:13}.LayerKuffner{z-index:14}.LayerJupiter{z-index:15}.LayerSaturn{z-index:16}.LayerUranus{z-index:17}.LayerNeptun{z-index:18}.LayerPluto{z-index:19}.LayerDatum{z-index:30;background-color:#a1a1a1;position:fixed;bottom:20px;left:20px;border-radius:10px;text-align:center;font-size:3vw;padding:10px;font-family:Inter,system-ui,Avenir,Helvetica,Arial,sans-serif;line-height:1.5;font-weight:400;color-scheme:light dark;color:#242424;font-synthesis:none;text-rendering:optimizeLegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;-webkit-text-size-adjust:100%}.infoIcon{color:#f5f5f5}.LayerInfoButton{z-index:91;cursor:pointer;position:fixed;top:20px;right:20px;border-radius:10px;text-align:center;font-size:56px;font-family:Inter,system-ui,Avenir,Helvetica,Arial,sans-serif;line-height:1.5;font-weight:400;color-scheme:light dark;color:#242424;font-synthesis:none;text-rendering:optimizeLegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;-webkit-text-size-adjust:100%}.LayerInfo{z-index:92;background-color:#a1a1a1;cursor:pointer;opacity:.9;position:fixed;top:50%;left:50%;transform:translate(-50%,-50%);border-radius:10px;text-align:center;font-size:1vw;padding:20px;font-family:Inter,system-ui,Avenir,Helvetica,Arial,sans-serif;line-height:1.5;font-weight:400;color-scheme:light dark;color:#242424;font-synthesis:none;text-rendering:optimizeLegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;-webkit-text-size-adjust:100%}.FontInfoLayerHead{font-size:2vw;font-weight:700}.FontInfoLayerMain{font-size:2vw}.FontInfoLayerKlein{font-size:1vw}.FontInfoLayerClose{font-size:1vw;font-weight:700}.LayerCopyright{z-index:90;opacity:0}img{height:100%;width:100%;object-fit:contain}@media only screen and (max-width: 600px){.LayerDatum{font-size:6vw}.FontInfoLayerHead,.FontInfoLayerMain{font-size:4vw}.FontInfoLayerKlein,.FontInfoLayerClose{font-size:2vw}}@keyframes spinUmlaufbahnen{0%{transform:rotate(0)}to{transform:rotate(-360deg)}}@media (prefers-reduced-motion: no-preference){.ImgUmlaufbahnen{animation:spinUmlaufbahnen infinite 120s linear}}@keyframes spinSonne{0%{transform:rotate(0) scale(1);opacity:1}50%{transform:rotate(180deg) scale(1.1);opacity:.8}to{transform:rotate(360deg) scale(1);opacity:1}}@media (prefers-reduced-motion: no-preference){.ImgSonne{animation:spinSonne infinite 360s linear}}@keyframes spinMerkur{0%{transform:rotate(0)}to{transform:rotate(var(--rotationMerkur))}}@media (prefers-reduced-motion: no-preference){.ImgMerkur{animation:spinMerkur forwards 1s linear}}@keyframes spinVenus{0%{transform:rotate(0)}to{transform:rotate(var(--rotationVenus))}}@media (prefers-reduced-motion: no-preference){.ImgVenus{animation:spinVenus forwards 1s linear}}@keyframes spinErde{0%{transform:rotate(0)}to{transform:rotate(var(--rotationErde))}}@media (prefers-reduced-motion: no-preference){.ImgErde{animation:spinErde forwards 1s linear}}@keyframes spinMars{0%{transform:rotate(0)}to{transform:rotate(var(--rotationMars))}}@media (prefers-reduced-motion: no-preference){.ImgMars{animation:spinMars forwards 1s linear}}@keyframes spinKuffner{0%{transform:rotate(0)}to{transform:rotate(var(--rotationKuffner))}}@media (prefers-reduced-motion: no-preference){.ImgKuffner{animation:spinKuffner forwards 1s linear}}@keyframes spinJupiter{0%{transform:rotate(0)}to{transform:rotate(var(--rotationJupiter))}}@media (prefers-reduced-motion: no-preference){.ImgJupiter{animation:spinJupiter forwards 1s linear}}@keyframes spinSaturn{0%{transform:rotate(0)}to{transform:rotate(var(--rotationSaturn))}}@media (prefers-reduced-motion: no-preference){.ImgSaturn{animation:spinSaturn forwards 1s linear}}@keyframes spinUranus{0%{transform:rotate(0)}to{transform:rotate(var(--rotationUranus))}}@media (prefers-reduced-motion: no-preference){.ImgUranus{animation:spinUranus forwards 1s linear}}@keyframes spinNeptun{0%{transform:rotate(0)}to{transform:rotate(var(--rotationNeptun))}}@media (prefers-reduced-motion: no-preference){.ImgNeptun{animation:spinNeptun forwards 1s linear}}@keyframes spinPluto{0%{transform:rotate(0)}to{transform:rotate(var(--rotationPluto))}}@media (prefers-reduced-motion: no-preference){.ImgPluto{animation:spinPluto forwards 1s linear}}