:root{--hauptleiste_hoehe: 60px;--nebenleiste_hoehe: 8px;--statusleiste_hoehe: 35px;--zwischenraum: 15px;--seiten_hintergrund_farbe: #f0f0f0;--tasten_aussen_abstand: 5px;--inhalt_max_breite: 1200px;--aussenseite_hintergrund_farbe: #d0d0d0;--kastenschatten_normal: 0 3px 6px rgba(0,0,0,0.6)}html{height:100%}body{font-family:Arial, sans-serif;margin:0;padding:0;background-color:#f0f0f0;color:#333;overflow:hidden;height:100%}body.untermenu{--nebenleiste_hoehe: calc(60px + 5px)}*{box-sizing:border-box}.schaltflaeche{background-color:#484848;color:#fff;padding:0 15px;font-size:16px;border:1px solid #555;cursor:pointer;height:45px;display:flex;align-items:center;justify-content:center;border-radius:5px;box-shadow:0 3px 6px rgba(0,0,0,0.6);text-decoration:none}.schaltflaeche:hover{background-color:#555;border-color:#666;box-shadow:0 4px 8px rgba(0,0,0,0.8)}.schaltflaeche-hervorhebung{background-color:#de000a !important;border:1px solid #de111b !important}.schaltflaeche-hervorhebung:hover{background-color:red !important;border-color:#f11 !important}.text-mittig{text-align:center !important}#hauptleiste{position:fixed;top:0;left:0;width:100%;height:60px;background-color:#333;display:flex;justify-content:space-between;align-items:center;padding:0 10px;z-index:990;transform:translateZ(0)}#hauptleiste .listenfeld:last-child{margin-right:5px}#nebenleiste{position:fixed;top:60px;left:0;width:100%;height:var(--nebenleiste_hoehe);background-color:#393939;display:flex;align-items:center;padding:0 10px;z-index:980;box-shadow:0 3px 6px rgba(0,0,0,0.6);border-bottom-left-radius:8px;border-bottom-right-radius:8px;transform:translateZ(0)}#nebenleiste>*{visibility:hidden;opacity:0}body.untermenu #nebenleiste>*{visibility:visible;opacity:1}.listenfeld{position:relative;display:inline-block}.listenfeld-inhalt{display:block;position:absolute;background-color:#444;min-width:160px;box-shadow:0 3px 6px rgba(0,0,0,0.6);z-index:9999;border-radius:5px;overflow:hidden;max-height:0;opacity:0;border:1px solid #555;padding:8px;top:45px;left:50%;transform:translateX(-50%)}.listenfeld-inhalt a{color:#fff;text-decoration:none;border:1px solid #555;border-radius:5px;box-shadow:0 3px 6px rgba(0,0,0,0.6);background-color:#484848}.listenfeld-inhalt a:hover{background-color:#555;border-color:#666;box-shadow:0 4px 8px rgba(0,0,0,0.8)}.listenfeld-inhalt>*:not(:first-child){margin-top:8px}.listenfeld-inhalt.einblenden{max-height:calc(100vh - var(--hauptleiste_hoehe) * 2 - 20px);opacity:1}.hauptmenue-listenfeld{flex-grow:1;margin-right:10px;margin-left:5px}.hauptmenue-listenfeld .schaltflaeche{width:100%;justify-content:center}.untermenue-listenfeld{width:100%;margin-left:5px;margin-right:5px}.untermenue-listenfeld .schaltflaeche{width:100%;justify-content:center}#profil-listenfeld{left:auto;transform:none;right:0}.symbol_burger{width:25px;height:20px;display:flex;flex-direction:column;justify-content:space-around;align-items:center}.symbol_burger span{display:block;width:100%;height:3px;background-color:#fff;border-radius:2px}.listenfeld-status-text{color:#ccc;padding:12px 16px;display:block;font-weight:bold;cursor:default;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;background-color:#de000a;color:#fff;text-align:center}.steuerung-status-text{background-color:#de000a;color:#fff;height:45px;display:flex;align-items:center;justify-content:center;padding:0 15px;font-weight:bold;cursor:default;white-space:nowrap}.trenner-horizontal{height:1px;background-color:#555}.trenner-vertikal{width:1px;height:45px;background-color:#555;margin:0;display:none}.flex-menue-elemente{display:none}.hauptleiste-flex-elemente{flex-grow:0;margin-left:auto;margin-right:auto}.nebenleiste-flex-elemente{width:auto;margin-left:auto;margin-right:auto}.burger-platzhalter{margin-left:5px;visibility:hidden}#statusleiste{position:fixed;top:calc(60px + var(--nebenleiste_hoehe));left:50%;transform:translateX(-50%);background-color:#393939;color:white;padding:0;border-bottom-left-radius:36px;border-bottom-right-radius:36px;box-shadow:0 3px 6px rgba(0,0,0,0.6);z-index:975;white-space:nowrap;text-align:center;min-width:200px;max-width:80%;box-sizing:border-box;height:35px;display:flex;align-items:flex-start;justify-content:flex-start;transition:top 0.3s ease-out;user-select:none;pointer-events:none}#statusleiste.statusleiste-ausblenden{top:calc(var(--hauptleiste_hoehe) + var(--nebenleiste_hoehe) - var(--statusleiste_hoehe) - 10px) !important}#statusleiste #status-text{background-color:#de000a;color:white;padding:0 15px;border-top-left-radius:0;border-top-right-radius:0;border-bottom-left-radius:32px;border-bottom-right-radius:32px;font-weight:normal;height:calc(35px - 5px);display:flex;align-items:center;justify-content:center;flex-grow:1;margin-left:5px;margin-right:5px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.popup-nachricht{position:fixed;left:50%;top:200px;width:max-content;max-width:90vw;transform:translateX(-50%);height:0;padding:0;box-shadow:0 3px 6px rgba(0,0,0,0.6);z-index:1000;color:#ffffff;border-style:solid;border-width:1px;opacity:0;visibility:hidden;pointer-events:none;text-align:center;user-select:none;cursor:pointer;display:flex;align-items:flex-start}.popup-nachricht.nachricht-anzeigen{transform:translateX(-50%);height:auto;padding:15px 20px 15px 15px;opacity:1;visibility:visible;pointer-events:auto;transition:visibility 0s linear 0s}.popup-nachricht #popup-symbol{width:30px;min-width:30px;height:30px;flex-shrink:0;background-color:white;border-radius:50%;display:flex;align-items:center;justify-content:center;margin-right:15px;font-weight:normal;font-size:1.2em;line-height:1}.popup-nachricht #popup-text{padding:4px 0px;text-align:left;flex-grow:1;line-height:1.4;min-width:0;width:100%;overflow-wrap:break-word}.success{background-image:linear-gradient(to bottom, #4CAF50, #388E3C);background-color:#388e3c}.success #popup-symbol{color:#388e3c}.error{background-image:linear-gradient(to bottom, #F44336, #D32F2F);background-color:#d32f2f}.error #popup-symbol{color:#d32f2f}.info{background-image:linear-gradient(to bottom, #2196F3, #1976D2);background-color:#1976d2}.info #popup-symbol{color:#1976d2}.warning{background-image:linear-gradient(to bottom, #FF9800, #F57C00);background-color:#f57c00}.warning #popup-symbol{color:#f57c00}.flex-menue-elemente{display:none}@media (min-width: 768px){body{max-width:1200px;margin:0 auto;box-shadow:0 3px 6px rgba(0,0,0,0.6);border-radius:8px;background-color:#d0d0d0}.listenfeld.hauptmenue-listenfeld,.listenfeld.untermenue-listenfeld{display:none}.flex-menue-elemente{display:flex;gap:10px;align-items:center}.trenner-vertikal{display:block}#hauptleiste,#nebenleiste{width:100%;max-width:1200px;left:50%;transform:translateX(-50%);padding-left:10px;padding-right:10px}#hauptleiste#nebenleiste,#nebenleiste#nebenleiste{gap:10px}#statusleiste{left:50%;transform:translateX(-50%);max-width:80%;width:auto}.hauptleiste-flex-elemente{flex-grow:0;margin-left:auto;margin-right:auto}.nebenleiste-flex-elemente{width:auto;margin-left:auto;margin-right:auto}.burger-platzhalter{width:57px;margin-left:5px;height:45px;visibility:hidden}.popup-nachricht{width:auto;max-width:450px}}#inhalt{margin-top:calc(var(--hauptleiste_hoehe) + var(--nebenleiste_hoehe) - 8px);height:calc(100% - var(--hauptleiste_hoehe) - var(--nebenleiste_hoehe));overflow-y:auto;padding-top:calc(35px + 15px + 16px);padding-left:10px;padding-right:10px;padding-bottom:50vh;background-color:#f0f0f0}#inhalt input{text-align:center}#inhalt textarea{text-align:left}.inhalt-raster{max-width:1200px;margin:0 auto 30px auto;padding:0 16px;display:flex;flex-direction:column;gap:15px}.inhalt-raster>.inhalt-kachel{background-color:#fff;border:1px solid #ddd;border-radius:8px;padding:20px;box-shadow:0 2px 4px rgba(0,0,0,0.05);width:100%;flex-shrink:0;min-height:auto}.kachel-titel{font-size:1.4rem;color:#333;margin-top:0;margin-bottom:20px;border-bottom:1px solid #ddd;padding-bottom:10px}.kachel-bereich{padding:20px;line-height:1.5;color:#333;border:1px solid #ddd;border-radius:4px;margin-top:10px;background-color:#fefefe}.kachel-bereich:first-of-type{margin-top:0}.kachel-bereich .bereich-titel{font-size:1rem;font-weight:bold;color:#de000a;margin-top:-10px;margin-bottom:15px}.kachel-bereich form{display:flex;flex-direction:column;gap:15px;padding:0}.kachel-bereich input:not([type="checkbox"]):not([type="radio"]):not([type="range"]):not([type="file"]),.kachel-bereich textarea,.kachel-bereich select{padding:10px 12px;border:1px solid #ccc;border-radius:4px;font-size:1rem;width:100%;transition:border-color 0.3s, box-shadow 0.3s;background-color:#ffffff}.kachel-bereich input:not([type="checkbox"]):not([type="radio"]):not([type="range"]):not([type="file"])[readonly],.kachel-bereich textarea[readonly],.kachel-bereich select[readonly]{background-color:#f7f7f7 !important;cursor:default;border-color:#e0e0e0}.kachel-bereich input:not([type="checkbox"]):not([type="radio"]):not([type="range"]):not([type="file"]):focus:not([type="checkbox"]):not([type="radio"]):not([type="range"]):not([readonly]):not([type="file"]),.kachel-bereich textarea:focus:not([type="checkbox"]):not([type="radio"]):not([type="range"]):not([readonly]):not([type="file"]),.kachel-bereich select:focus:not([type="checkbox"]):not([type="radio"]):not([type="range"]):not([readonly]):not([type="file"]){border-color:#de000a;outline:none;box-shadow:0 0 0 2px rgba(222,0,10,0.2)}textarea:focus,select:focus{border-color:#de000a;outline:none;box-shadow:0 0 0 2px rgba(222,0,10,0.2)}.gruppe-vertikal.auswahl-container{position:relative}.gruppe-vertikal.auswahl-container select{appearance:none;-webkit-appearance:none;-moz-appearance:none;padding-right:35px}.gruppe-vertikal.auswahl-container::after{content:'';position:absolute;top:50%;right:15px;margin-top:10px;width:0;height:0;border-left:5px solid transparent;border-right:5px solid transparent;border-top:5px solid #666;pointer-events:none}.gruppe-vertikal{display:flex;flex-direction:column;margin-bottom:10px}.gruppe-vertikal:last-child{margin-bottom:0}.gruppe-vertikal label:nth-child(1){font-weight:bold;color:#555;margin-bottom:5px;font-size:0.95rem}.gruppen-nebeneinander{display:flex;flex-direction:row;gap:15px;align-items:flex-start}.gruppen-nebeneinander>.gruppe-vertikal{flex:1}.gruppe-horizontal{display:flex;justify-content:space-between;align-items:center;cursor:default;padding:8px 0;margin-bottom:10px;gap:15px}.gruppe-horizontal:last-child{margin-bottom:0}.gruppe-horizontal.formularende{margin-top:15px;justify-content:flex-end}.wechselschalter-beschriftung{font-weight:normal !important;color:#333 !important;margin-bottom:0 !important;flex-grow:1}.wechselschalter{position:relative;display:inline-block;width:50px;height:24px;flex-shrink:0}.wechselschalter input{opacity:0;width:0;height:0}.wechselschalter input:checked+.schieber{background-color:#de000a}.wechselschalter input:checked+.schieber:before{transform:translateX(26px)}.schieber{position:absolute;cursor:pointer;top:0;left:0;right:0;bottom:0;background-color:#ccc;transition:.4s;border-radius:24px}.schieber::before{content:"";position:absolute;height:16px;width:16px;left:4px;bottom:4px;background-color:white;transition:.4s;border-radius:50%}.verstecktes-input{width:0.1px;height:0.1px;opacity:0;overflow:hidden;position:absolute;z-index:-1}.vorschaukachel{display:flex;justify-content:center;align-items:center;flex:1;min-height:125px;background-color:#f0f0f0;border:2px dashed #aaa;cursor:pointer;margin-top:5px;text-align:center;color:#555;font-size:14px;position:relative;overflow:hidden;padding:5px;border-radius:5px;transition:border-color 0.3s, box-shadow 0.3s, opacity 0.3s}.vorschaukachel:hover{border-color:#de000a;box-shadow:0 0 0 2px rgba(222,0,10,0.2)}.vorschaukachel img{width:100%;height:100%;object-fit:cover;position:absolute;top:0;left:0;opacity:0;transition:opacity 0.3s}.vorschaukachel>span{display:block;width:100%;transition:opacity 0.3s;z-index:10;opacity:1}#loading-spinner{display:flex;margin-top:20px;font-weight:bold;text-align:center;line-height:20px;color:#333}.css-spinner{display:inline-block;width:20px;height:20px;border:4px solid #f3f3f3;border-top:4px solid #de000a;border-radius:50%;animation:spin 1s linear infinite;vertical-align:middle;margin-right:10px}@keyframes spin{0%{transform:rotate(0deg)}100%{transform:rotate(360deg)}}@media (min-width: 768px){.inhalt-raster{flex-direction:row;flex-wrap:wrap;align-items:flex-start;padding:0 20px;justify-content:flex-start}.inhalt-raster>.inhalt-kachel{flex:0 0 calc(33.333% - (var(--zwischenraum) * 2 / 3));max-width:calc(33.333% - (var(--zwischenraum) * 2 / 3))}.inhalt-raster>.inhalt-kachel.kachel-breite-eins-zu-eins{flex:0 0 100%;max-width:100%}.inhalt-raster>.inhalt-kachel.kachel-breite-zwei-drittel{flex:0 0 calc(66.666% - (var(--zwischenraum) / 3 * 2));max-width:calc(66.666% - (var(--zwischenraum) / 3 * 2))}.inhalt-raster>.inhalt-kachel.kachel-breite-ein-drittel{flex:0 0 calc(33.333% - (var(--zwischenraum) * 2 / 3));max-width:calc(33.333% - (var(--zwischenraum) * 2 / 3))}.inhalt-raster:has(>.inhalt-kachel:only-child:not(.kachel-breite-eins-zu-eins)){justify-content:center}.inhalt-raster:has(>.inhalt-kachel:nth-child(2):nth-last-child(1):not(.kachel-breite-eins-zu-eins):not(.kachel-breite-eins-zu-eins~*)){justify-content:center}.gruppen-nebeneinander{flex-direction:row}}