/*
 * Filename: style.css
 * Description: Haupt-CSS-Datei für das Express Küchen Inspirator-Projekt.
 *              Enthält grundlegende Stile für das Layout und die Benutzeroberfläche.
 *
 * Version: 1.0.3
 * Author: d&d medien GmbH
 * Date: 27/01/2026
 * License: Proprietary
 * Copyright: © 2026 d&d medien GmbH. Alle Rechte vorbehalten.
 *
 * Changelog:
 * - 1.0.3: Fullscreen UI.
 * - 1.0.0: Initiale Version mit Basis-Stilen für das Projekt.
 *
 * Dependencies:
 * - Keine direkten Abhängigkeiten, wird jedoch von der HTML-Datei eingebunden.
 *
 * Notes:
 * - Änderungen an dieser Datei können das gesamte Layout beeinflussen.
 * - Bitte testen Sie Änderungen gründlich, bevor Sie sie live schalten.
 */
body{margin:0 auto}.visualizer{font:18px Arial,Verdana,Geneva,sans-serif;text-align:left;position:relative;max-width:1978px;padding-bottom:40px}.visualizer div,.visualizer h1,.visualizer h2,.visualizer h3,.visualizer h4,.visualizer h5,.visualizer h6,.visualizer li,.visualizer ol,.visualizer p,.visualizer ul{margin:0;padding:0}.visualizer a{text-decoration:none}.visualizer ol,.visualizer ul{list-style:none}.visualizer .dialogues{position:absolute;top:0;z-index:400;width:100%}.visualizer .dialogues h3{text-align:center;margin-bottom:20px;font-weight:400;font-size:26px;text-transform:uppercase}.visualizer .dialogues .dialogue{position:absolute;top:0;left:5%;width:90%;padding-top:30px;padding-bottom:50px;opacity:0;max-height:0;overflow:hidden;transition:max-height .5s ease,opacity .5s ease}.visualizer .dialogue.hide-dg{display:none}.visualizer .dialogue.hide-dg.active-dg{opacity:1;display:block}.visualizer .dialogues ul.options{float:left;width:100%}.visualizer .dialogues ul.options li{float:left;margin-right:20px;margin-bottom:20px;position:relative}.visualizer .dialogues ul.options li.first{margin-left:60px}.visualizer .dialogues ul.options li a{display:block;width:100px;height:100px;position:relative;background-size:cover;background-position:center}.visualizer .dialogues ul.options li a label{position:absolute;left:0;font-size:14px;top:105px}.visualizer .dialogues ul.options li a.active+span{width:116px;height:135px;position:absolute;top:-8px;left:-8px;display:block}.visualizer .close-bt{position:absolute;right:0;bottom:0;width:50px;height:50px;z-index:9000}.visualizer .clear{clear:both}.visualizer #main-menu-foot{position:absolute;z-index:200;height:42px;width:100%;left:0;float:left;bottom:0}.visualizer #main-menu-foot li{display:block;height:42px;position:relative;float:left}.visualizer #main-menu-foot li.last{float:right}.visualizer #main-menu-foot li a{display:block;height:42px;padding-right:20px;padding-left:20px;min-width:80px;line-height:40px}.visualizer #main-menu-foot li.last a{padding-right:10px;padding-left:10px}.visualizer #main-menu-foot li a.version-button span{white-space:nowrap}.visualizer #main-menu-foot li a.version-button span.label{font-size:18px;font-style:italic;padding-top:5px;padding-bottom:5px;display:none}.visualizer #stage-wrap{display:flex;gap:16px;align-items:flex-start}.visualizer #cv{width:100%;height:auto;background:#fff}.visualizer #main-menu-foot .fullscreen-button a{min-width:unset}.visualizer .icon-fullscreen svg{width:22px;height:22px;vertical-align:middle;display:inline-block}.visualizer.is-fullscreen{position:fixed;top:0;left:0;width:100vw;height:100vh;z-index:99999;background:#e4e4e4;overflow:hidden}.visualizer.is-fullscreen #stage-wrap{height:100%;display:flex;align-items:center;justify-content:center;overflow:hidden;padding-top:42px;box-sizing:border-box}.visualizer.is-fullscreen #cv{width:100%;height:auto;display:block;max-height:none}.visualizer.is-fullscreen #main-menu-foot{position:absolute;top:0;left:0;width:100%;height:fit-content}.visualizer.is-fullscreen #main-menu-foot li{border-bottom:0}.visualizer.is-fullscreen #main-menu-foot{pointer-events:auto!important}.visualizer.is-fullscreen #main-menu-foot,.visualizer.is-fullscreen #main-menu-foot *{-webkit-app-region:no-drag;pointer-events:auto!important}.visualizer #main-menu .menu-head{display:none}.visualizer.is-fullscreen #main-menu .menu-head{display:block}.visualizer.is-fullscreen #main-menu{display:block;position:fixed;background-color:gray;top:50px;left:50px}.visualizer.is-fullscreen #main-menu .menu-head{padding:6px 10px}.visualizer.is-fullscreen #main-menu .menu-head span{width:20px;height:20px;display:inline-block;position:absolute;right:0;top:0;padding:8px;cursor:grab}.visualizer.is-fullscreen #main-menu-foot{position:relative}.visualizer.is-fullscreen #main-menu-foot li{float:none}.visualizer.is-fullscreen #main-menu-foot li.last a{padding:0 20px}.visualizer.is-fullscreen #main-menu-foot li.last.fullscreen-button{position:fixed;top:50px;right:50px;margin:0;border:none}