*{margin:0;padding:0;box-sizing:border-box}html{height:100%}body{background:linear-gradient(135deg, #f9a825, #d84315);color:#fff;justify-content:center;align-items:center;height:100%;overflow:hidden;display:flex;flex-direction:column;font-family:"Arial",sans-serif}section{flex:1;overflow:auto;width:100%}.index-container{font-family:"Comic Sans MS","Comic Sans",cursive;text-shadow:0px 4px 6px rgba(0,0,0,.3);text-align:center;height:100%;display:flex;justify-content:center;align-items:center;animation:fadeIn 2s ease-in-out}.blog-container{text-align:center}.index-container h1{font-size:4rem;margin-bottom:1rem}.index-container h2{font-size:1rem;margin-bottom:1rem}.index-container p{font-size:1.5rem;margin-bottom:2rem;transition:opacity 2s ease-in-out}@keyframes fadeIn{0%{opacity:0;transform:translateY(-20px)}100%{opacity:1;transform:translateY(0)}}.cmdprogram{display:none;position:fixed;top:50%;left:50%;transform:translate(-50%, -50%);background:#000;color:silver;box-shadow:0px 4px 6px rgba(0,0,0,.3);z-index:1000;width:800px;height:310px;max-width:100%;max-height:100%;overflow:auto;font-family:"Courier New",Courier,monospace;border:2px solid gray;border-top-color:#fff;border-left-color:#fff}.cmdprogram p,.cmdprogram h2,.cmdprogram h3,.cmdprogram h4{font-size:1rem;margin-bottom:0}.program{display:none;position:fixed;top:50%;left:50%;transform:translate(-50%, -50%);background:silver;color:#000;box-shadow:0px 4px 6px rgba(0,0,0,.3);z-index:1000;width:400px;max-height:100%;overflow:auto;border:2px solid gray;border-top-color:#fff;border-left-color:#fff}.program .program-content{padding:10px}.program .program-content input{width:100%;border:2px solid #fff;border-top:2px solid #000;border-left:2px solid #000;box-shadow:inset -1px -1px 0 #fff,inset 1px 1px 0 gray;padding:0px 5px;font-size:1em;margin-top:10px}.program .buttons{display:flex;justify-content:right;align-items:right;margin-top:10px}.program .program-content button{background:silver;color:#000;padding:3px 5px;border:2px solid #fff;border-right-color:#000;border-bottom-color:#000;font-family:"Arial",sans-serif;font-size:1rem;width:100px;cursor:pointer;margin:5px 5px}.program button:active{background:#e2e2e2;border:2px solid #fff;border-top-color:gray;border-left-color:gray}.program-header{display:flex;justify-content:space-between;align-items:center;background:navy;color:#fff;padding:5px;border-bottom:2px solid gray;border-top-left-radius:3px;border-top-right-radius:3px}.program-header .title{font-size:1rem;font-family:"Arial",sans-serif;font-weight:bold}.program-header .close-btn{background:silver;border:2px solid gray;font-size:.8rem;color:#000;cursor:pointer;width:20px;display:flex;justify-content:center;align-items:center;padding:0}.program-header .close-btn:active{border:2px solid #fff;border-top-color:gray;border-left-color:gray}.startmenu{display:none;position:fixed;bottom:52px;left:0;width:250px;background:silver;color:#000;z-index:1000;max-width:100%;max-height:50%;overflow:auto;font-family:"Arial",sans-serif;border:2px solid gray;border-top-color:#fff;border-left-color:#fff;padding:2px}.startmenu .banner{writing-mode:vertical-rl;transform:rotate(-180deg);text-orientation:mixed;background:gray;color:#fff;display:flex;font-size:2em;padding-top:10px}.startmenu .banner .leberkas{font-weight:bold}.startmenu .startmenu-content{width:100%}.startmenu .startmenu-content-top{border-bottom:2px solid gray}.startmenu .startmenu-content-bottom{border-top:2px solid #fff}.startmenu .startmenu-content p{font-size:1.5em;padding:10px 5px;cursor:default}.startmenu .startmenu-content p:hover,.startmenu .startmenu-content p:active{background:navy;color:#fff}footer{width:100%;text-align:center;background:silver;padding:5px 5px;border-top:2px solid #fff;border-left:2px solid #fff;border-right:2px solid gray;border-bottom:2px solid gray;display:flex;justify-content:space-between;align-items:center;box-shadow:inset 1px 1px 0 #fff,inset -1px -1px 0 gray}footer .start-button{background:silver;color:#000;border:2px solid gray;padding:8px 5px;font-family:"Arial",sans-serif;font-size:1.2rem;font-weight:bold;cursor:pointer;display:flex;align-items:center;justify-content:center;box-shadow:inset 1px 1px 0 #fff,inset -1px -1px 0 #000}footer .start-button:active{background:#e2e2e2;border:2px solid #fff;border-top-color:gray;border-left-color:gray}footer .start-button.active{background:#e2e2e2;border:2px solid #fff;border-top-color:gray;border-left-color:gray}footer .impressum-button{background:silver;color:#000;border:2px solid gray;padding:8px 10px;margin-left:10px;font-family:"Arial",sans-serif;font-size:1.2rem;font-weight:bold;cursor:pointer;display:flex;align-items:center;justify-content:center;box-shadow:inset 1px 1px 0 #fff,inset -1px -1px 0 #000}footer .impressum-button.active{background:#e2e2e2;border:2px solid #fff;border-top-color:gray;border-left-color:gray}footer .impressum-button:active{background:#e2e2e2;border:2px solid #fff;border-top-color:gray;border-left-color:gray}footer .clock{font-family:"Arial",sans-serif;font-size:1.5rem;color:#000;padding:5px 10px;border:2px solid gray;box-shadow:inset -1px -1px 0 #fff,inset 1px 1px 0 gray}footer .program-container{display:flex;justify-content:center;align-items:center;flex-direction:row}@media (max-width: 600px){.index-container h1{font-size:2rem}footer .start-button,footer .impressum-button{font-size:.8rem}footer .clock{font-size:1.2rem}footer .start-button img{width:15px}.cmdprogram{width:100%;height:auto}.program{width:100%;height:auto}.startmenu{bottom:47px}}