:root{--bg-color:#f4f7f6;--panel-bg:#fff;--text-color:#333;--accent-color:#007bff;--accent-hover:#0056b3;--border-color:#e0e0e0;--danger-color:#dc3545;--danger-hover:#c82333;--header-bg:#2c3e50;--header-text:#fff;--font-family:"Segoe UI",Tahoma,Geneva,Verdana,sans-serif;--border-radius:8px}[data-theme=dark]{--bg-color:#1a1a1a;--panel-bg:#2d2d2d;--text-color:#f0f0f0;--accent-color:#4da3ff;--accent-hover:#73b9ff;--border-color:#444;--header-bg:#111;--header-text:#fff}*{box-sizing:border-box;margin:0;padding:0}body{font-family:var(--font-family);background-color:var(--bg-color);color:var(--text-color);height:100vh;display:flex;flex-direction:column;overflow:hidden}header{background-color:var(--header-bg);color:var(--header-text);padding:10px 20px;justify-content:space-between;box-shadow:0 2px 4px rgba(0,0,0,.1);z-index:1}.header-title-wrapper,header{display:flex;align-items:center}.header-title-wrapper{gap:15px}.header-logo{width:40px;height:40px;border-radius:50%;object-fit:cover;border:2px solid #fff}header h1{font-size:1.5rem;margin:0}nav a{color:var(--header-text);text-decoration:none;margin-left:15px;font-size:1.1rem;padding:5px 10px;border-radius:4px;transition:background-color .3s}nav a.active,nav a:hover{background-color:hsla(0,0%,100%,.2)}.btn-landing{background-color:var(--accent-color);color:#fff;border:none;padding:8px 15px;border-radius:var(--border-radius);cursor:pointer;text-decoration:none;font-size:1rem;margin-left:20px}.btn-landing:hover{background-color:var(--accent-hover)}.container{flex-direction:column;padding:10px;height:calc(100vh - 60px)}.container,.top-section{display:flex;flex:1;gap:10px}.top-section{min-height:0;transition:all .3s ease}.top-section.hidden{display:none}.top-left{flex:1;padding:15px;display:flex;flex-direction:column}.top-left,.top-right{background:var(--panel-bg);border-radius:var(--border-radius);box-shadow:0 2px 5px rgba(0,0,0,.05)}.top-right{flex:3;overflow:hidden}.bottom-section{display:flex;flex:1;gap:10px;min-height:0}.bottom-left,.bottom-right{flex:1;background:var(--panel-bg);border-radius:var(--border-radius);padding:15px;box-shadow:0 2px 5px rgba(0,0,0,.05);display:flex;flex-direction:column}h2{font-size:1.2rem;margin-bottom:10px;color:var(--text-color)}select{font-size:1.1rem;cursor:pointer;color:var(--text-color)}select,textarea{width:100%;padding:10px;border:1px solid var(--border-color);border-radius:var(--border-radius);background-color:var(--panel-bg)}textarea{flex:1;font-family:Courier New,Courier,monospace;font-size:1rem;resize:none;margin-bottom:10px;color:var(--text-color);background-color:#d3d3d3;color:#000}iframe{width:100%;height:100%;border:none}.button-group{display:flex;gap:10px;margin-top:10px}button{padding:10px 20px;font-size:1.1rem;border:none;border-radius:var(--border-radius);cursor:pointer;background-color:var(--accent-color);color:#fff;transition:background-color .3s}button:hover{background-color:var(--accent-hover)}button.btn-danger{background-color:var(--danger-color)}button.btn-danger:hover{background-color:var(--danger-hover)}.split-textarea{display:flex;flex-direction:column;flex:1;gap:10px}.console-output{flex:1;background:#1e1e1e;color:#0f0;font-family:Courier New,Courier,monospace;padding:10px;border-radius:var(--border-radius);overflow-y:auto;margin-top:10px;white-space:pre-wrap}.ausgeblendet{display:none!important}@media (max-width:900px){body{overflow-y:auto;height:auto}header{flex-direction:column;align-items:center;gap:15px;text-align:center}nav{display:flex;flex-wrap:wrap;justify-content:center;gap:10px}#btnThemeToggle,.btn-landing,nav a{margin-left:0!important;margin-right:0!important}.container{height:auto;overflow:visible}.bottom-section,.top-section{flex-direction:column;flex:none}.bottom-left,.bottom-right,.top-left,.top-right{min-height:400px}.split-textarea{flex-direction:column}}