*{
    transition: background-image .3s;
}

/* Desktop Apps */
#desktop-apps{height:100%;display:flex;flex-wrap:wrap;flex-direction:column;align-content:flex-start}
#desktop-apps button.desktop-app{width:100px;font-size:12px;display:flex;height:100px;justify-content:center;align-items:center;flex-direction:column;/*margin:10px;*/background-color:transparent;border:none;color:#FFF;transition:all .3s;border:1px solid transparent;position:relative; border-radius: 3px;}
#desktop-apps button.desktop-app .da-image img{height:50px;width:auto;max-width:50px}
#desktop-apps button.desktop-app .da-text{padding-top:10px;line-height:1.2}
#desktop-apps button.desktop-app:hover,#desktop-apps button.desktop-app:focus{background-color:rgba(255,255,255,0.15);border-color:rgba(255,255,255,0.35)}
#desktop-apps button.desktop-app:active,#desktop-apps button.desktop-app:focus{background-color:rgba(255,255,255,0.3)}
#desktop-apps button.desktop-app .desktop-app-badge{position:absolute;right:-1px;top:1px;font-size:14px;}

/* App Fenster */
.desktop-window,.ui-resizable.desktop-window{
    position:absolute;
    right:200px;
    top:100px;
    width:1000px;
    height:600px;
    border:1px solid rgba(255,255,255,0.32);
    overflow: hidden;
    opacity:1;
    box-shadow:0 0 10px rgba(0,0,0,0.3);
    transform-origin: 0 0;
}
.desktop-window:not(.ui-fullsize){
    border-radius: 15px;
}
.desktop-window.ui-fullsize{width:auto!important;height:auto!important;left:0!important;right:0!important;top:0!important;bottom:50px!important}
.desktop-window.ui-minimized{transform:scale(0)!important;top:100vh!important;left:0!important;transition:all .5s!important;opacity:0!important}
.desktop-window:not(.z-index100) iframe {pointer-events: none !important;}
.desktop-window .desktop-window-content{
    display:flex;
    flex-direction:row;
    /*background-color: var(--background-app-window-content);*/
    background-color: var(--bs-body-bg);
    height:calc(100% - 30px);
}
.desktop-window .desktop-window-content .desktop-window-content-sidebar{width:auto;background-color: var(--bs-body-bg/*--background-app-window-sidebar*/);user-select:none;}
.desktop-window .desktop-window-content .desktop-window-content-sidebar strong.desktop-window-content-sidebar-title{font-weight:500;font-size:10px;display:block;color:#858585;padding:10px 10px 5px}
.desktop-window .desktop-window-content .desktop-window-content-sidebar ul{margin:0;padding:0;list-style:none}
.desktop-window .desktop-window-content .desktop-window-content-sidebar ul li img{display:inline-block;width:25px;margin-right:6px}
.desktop-window .desktop-window-content .desktop-window-content-sidebar ul li button img,.desktop-window-content-sidebar ul li a img{width:18px}
.desktop-window .desktop-window-content .desktop-window-content-sidebar ul li button,.desktop-window-content-sidebar ul li a{/*color:#000;*/text-decoration:none;font-size:11px;display:flex;align-items:center;padding:7px 18px 7px 10px;white-space:nowrap;user-select:none;width:100%;background-color:transparent;border:none;cursor:pointer}
.desktop-window .desktop-window-content .desktop-window-content-sidebar ul li button:hover,
.desktop-window .desktop-window-content .desktop-window-content-sidebar ul li button.active,
.desktop-window .desktop-window-content .desktop-window-content-sidebar ul li a:hover,
.desktop-window .desktop-window-content .desktop-window-content-sidebar ul li a.active{background-color:#efefef}
.desktop-window .desktop-window-content .desktop-window-content-inner{width:100%;margin:0;/* padding-bottom:20px */}
.desktop-window .desktop-window-content .desktop-window-content-inner iframe{border:none}
.desktop-window .desktop-window-headbar {height:30px;background-color:var(--background-window-headbar);color:#FFF;display:flex;flex-direction:row;align-items:center;cursor:default;user-select:none}
.desktop-window .desktop-window-headbar .desktop-window-headbar-title{font-weight:400;padding-left:5px;font-size:14px;padding-bottom:2px;display:flex;flex-direction:row;align-items:center}
.desktop-window .desktop-window-headbar .desktop-window-headbar-title img{height:15px;margin-right:10px;margin-left:5px}
.desktop-window .desktop-window-headbar .desktop-window-headbar-functions{margin-left:auto;display:flex;flex-direction:initial;height:100%}
.desktop-window .desktop-window-headbar .desktop-window-headbar-functions button{background-color:transparent;border:none;transition:all .3s;color:#FFF;height:100%;width:35px;font-size:13px;cursor:pointer}
.desktop-window .desktop-window-headbar .desktop-window-headbar-functions button:hover{background-color:rgba(255,255,255,0.32)}
.desktop-window .desktop-window-headbar .desktop-window-headbar-functions button.btn-feature-close:hover{background-color:rgba(255,0,0,0.7)}

[data-bs-theme=dark] .desktop-window-content-sidebar .window-app:hover{
    background-color: #575757 !important;
}

.ui-resizable-handle {background-color: #ffffff;}

/* Taskbar */
#taskbar {height:var(--taskbar-height);background-color: var(--background-taskbar);display:flex;flex-direction:row;color:#FFF;align-items:center;user-select:none;z-index:1000;}

#taskbar button#windows-btn,
#taskbar button#infobar-btn{display:inline-block;height:100%;width:50px;background-color:transparent;border:none;color:#FFF;cursor:pointer;transition:all .3s;font-size:20px}
#taskbar button:hover{background-color:rgba(255,255,255,0.1)}

#taskbar .taskbar-windows-btn{position:relative;height:100%}


/* Windows Menü */
#taskbar .taskbar-windows-btn #taskbar-windows-menu{
    position:absolute;
    width:500px;
    background-color: var(--background-window-menu);
    bottom:100%;
    overflow:hidden;
    display:flex;
    flex-direction:column;
    display:none;
    border-radius:  0 15px 0 0;
}
#taskbar .taskbar-windows-btn #taskbar-windows-menu:before{content:"";position:absolute;left:0;bottom:0;right:0;box-shadow:0 -7px 12px #000;background-color:transparent;z-index:50;display:block;height:1px}
#taskbar .taskbar-windows-btn #taskbar-windows-menu .taskbar-windows-menu-icon-list{overflow:hidden;z-index:50;position:absolute;left:0;bottom:0}
#taskbar .taskbar-windows-btn #taskbar-windows-menu .taskbar-windows-menu-icon-list ul{margin:0;padding:0}
#taskbar .taskbar-windows-btn #taskbar-windows-menu .taskbar-windows-menu-icon-list ul li:active{background-color:rgba(255,255,255,0.23)}
#taskbar .taskbar-windows-btn #taskbar-windows-menu .taskbar-windows-menu-icon-list ul li button,
#taskbar .taskbar-windows-btn #taskbar-windows-menu .taskbar-windows-menu-icon-list ul li a{height:47px;display:flex;color:#FFF;text-decoration:none;align-items:center;transition:all .3s;background-color:transparent;border:none;cursor:pointer;padding:0}
#taskbar .taskbar-windows-btn #taskbar-windows-menu .taskbar-windows-menu-icon-list ul li button:hover,
#taskbar .taskbar-windows-btn #taskbar-windows-menu .taskbar-windows-menu-icon-list ul li a:hover{background-color:rgba(255,255,255,0.14)}
#taskbar .taskbar-windows-btn #taskbar-windows-menu .taskbar-windows-menu-icon-list ul li button:active,
#taskbar .taskbar-windows-btn #taskbar-windows-menu .taskbar-windows-menu-icon-list ul li a:active{transform:scale(.99);font-size:15px}
#taskbar .taskbar-windows-btn #taskbar-windows-menu .taskbar-windows-menu-icon-list ul li button span,
#taskbar .taskbar-windows-btn #taskbar-windows-menu .taskbar-windows-menu-icon-list ul li a span{margin-left:5px;display:none}
#taskbar .taskbar-windows-btn #taskbar-windows-menu .taskbar-windows-menu-icon-list ul li button i,
#taskbar .taskbar-windows-btn #taskbar-windows-menu .taskbar-windows-menu-icon-list ul li a i{width:50px;display:inline-block;text-align:center}

#taskbar .taskbar-windows-btn #taskbar-windows-menu .taskbar-windows-menu-app-list{margin-left:50px;display:flex;z-index:45;width:calc(100% - 50px);flex-direction:column;padding-top:15px;overflow:hidden}
#taskbar .taskbar-windows-btn #taskbar-windows-menu .taskbar-windows-menu-app-list ul li button img,.taskbar-windows-menu-app-list ul li a img{height:30px;display:inline-block;width:auto;max-width:30px;margin-right:10px;min-width:30px}
#taskbar .taskbar-windows-btn #taskbar-windows-menu .taskbar-windows-menu-app-list ul li button,.taskbar-windows-menu-app-list ul li a{display:flex;flex-direction:row;align-items:center;color:#FFF;text-decoration:none;width:100%;padding:.5rem;font-size:14px;transition:all .3s;background-color:transparent;border:none;cursor:pointer}
#taskbar .taskbar-windows-btn #taskbar-windows-menu .taskbar-windows-menu-app-list ul li{width:100%;display:block;transition:all .3s}
#taskbar .taskbar-windows-btn #taskbar-windows-menu .taskbar-windows-menu-app-list ul{margin:0;padding:13px 0 0;list-style:none;display:block;width:100%}
#taskbar .taskbar-windows-btn #taskbar-windows-menu .taskbar-windows-menu-app-list ul li:hover{background-color:rgba(255,255,255,0.14)}
#taskbar .taskbar-windows-btn #taskbar-windows-menu .taskbar-windows-menu-app-list strong{font-size:12px;text-transform:uppercase}
#taskbar .taskbar-windows-btn #taskbar-windows-menu .taskbar-windows-menu-app-list ul li:active{background-color:rgba(255,255,255,0.23)}
#taskbar .taskbar-windows-btn #taskbar-windows-menu .taskbar-windows-menu-app-list ul li button:active,.taskbar-windows-menu-app-list ul li a:active{transform:scale(.99);font-size:13px}

#taskbar .taskbar-windows-btn #taskbar-windows-menu .taskbar-windows-fav-app-list{margin-left:50px;display:flex;z-index:45;width:calc(100% - 50px);flex-direction:column;padding-top:15px;overflow:hidden}
#taskbar .taskbar-windows-btn #taskbar-windows-menu .taskbar-windows-fav-app-list ul li button img,.taskbar-windows-fav-app-list ul li a img{height:30px;display:inline-block;width:auto;max-width:30px;margin-right:10px;min-width:30px}
#taskbar .taskbar-windows-btn #taskbar-windows-menu .taskbar-windows-fav-app-list ul li button,.taskbar-windows-fav-app-list ul li a{display:flex;flex-direction:row;align-items:center;color:#FFF;text-decoration:none;width:100%;padding:.5rem;font-size:14px;transition:all .3s;background-color:transparent;border:none;cursor:pointer}
#taskbar .taskbar-windows-btn #taskbar-windows-menu .taskbar-windows-fav-app-list ul li{width:100%;display:block;transition:all .3s}
#taskbar .taskbar-windows-btn #taskbar-windows-menu .taskbar-windows-fav-app-list ul{margin:0;padding:13px 0 0;list-style:none;display:block;width:100%}
#taskbar .taskbar-windows-btn #taskbar-windows-menu .taskbar-windows-fav-app-list ul li:hover{background-color:rgba(255,255,255,0.14)}
#taskbar .taskbar-windows-btn #taskbar-windows-menu .taskbar-windows-fav-app-list strong{font-size:12px;text-transform:uppercase}
#taskbar .taskbar-windows-btn #taskbar-windows-menu .taskbar-windows-fav-app-list ul li:active{background-color:rgba(255,255,255,0.23)}
#taskbar .taskbar-windows-btn #taskbar-windows-menu .taskbar-windows-fav-app-list ul li button:active,.taskbar-windows-fav-app-list ul li a:active{transform:scale(.99);font-size:13px}


/* Taskbar App Iconliste */
#taskbar .taskbar-iconlist{display:flex;flex-direction:initial;height:100%}
#taskbar .taskbar-iconlist .taskbar-iconlist-icon{
    position:relative;
    display:inline-block;
    cursor:pointer;
    transition:all .3s;
    margin:0;
    text-align:center;
    padding:13px 15px;
    width:35px;
    -webkit-box-sizing: initial !important;
    -moz-box-sizing: initial !important;
    box-sizing:content-box !important;
}
#taskbar .taskbar-iconlist .taskbar-iconlist-icon:hover{background-color:rgba(255,255,255,0.15)}
#taskbar .taskbar-iconlist .taskbar-iconlist-icon:hover > .taskbar-iconlist-icon-close{position:absolute;z-index:10;cursor:pointer;right:0;left:auto;top:0;font-size:11px;transition:all .3s;display:inline-block;bottom:auto}
#taskbar .taskbar-iconlist .taskbar-iconlist-icon:active{background-color:rgba(255,255,255,0.3)}
#taskbar .taskbar-iconlist .taskbar-iconlist-icon > div{position:absolute;left:0;right:0;top:0;bottom:0}
#taskbar .taskbar-iconlist .taskbar-iconlist-icon > .taskbar-iconlist-icon-close{display:none}
#taskbar .taskbar-iconlist .taskbar-iconlist-icon > .taskbar-iconlist-icon-close:hover{color:red}
#taskbar .taskbar-iconlist .taskbar-iconlist-icon.tii-open{background-color:rgba(255,255,255,0)}
#taskbar .taskbar-iconlist .taskbar-iconlist-icon img{height:100%;max-width:50px;width:auto;display:inline-block}
#taskbar .taskbar-iconlist .taskbar-iconlist-icon:not(.tii-fixed):after{content:"";width:80%;height:2px;background-color:#a6e2ff;position:absolute;left:0;right:0;bottom:0;margin:0 auto;transition:all .3s}
#taskbar .taskbar-iconlist .taskbar-iconlist-icon:not(.tii-fixed):hover:after{width:100%}


/* Taskbar Infobar - Rechte Seite */
#taskbar .taskbar-infobar{display:flex;margin-left:auto;height:100%;font-size:12px}
#taskbar .taskbar-infobar .taskbar-infobar-copyright{display:flex;align-items:center;font-style:italic}
#taskbar .taskbar-infobar .taskbar-infobar-copyright a{color:#FFF;text-decoration:none}
#taskbar .taskbar-infobar .taskbar-infobar-copyright a:hover{text-decoration:underline}
#taskbar .taskbar-infobar .taskbar-infobar-messages{margin:0 1rem}
#taskbar .taskbar-infobar .taskbar-infobar-datetime{display:flex;padding-right:20px;word-break:break-all;flex-direction:column-reverse;align-items:center;margin:auto;font-size:12px;line-height:1.6}


/* Taskbar Fenster */
.taskbar-messages-window{position:fixed;right:0;top:0;bottom:var(--taskbar-height);width:379px;background-color: var(--background-taskbar-messages);display:none;user-select:none;z-index:500;}
.taskbar-messages-window .taskbar-messages-window-inner{position:absolute;right:0;top:0;bottom:var(--taskbar-height);width:100%;display:flex;flex-direction:column}
.taskbar-messages-window .taskbar-messages-window-inner .tmw-content{overflow-y:scroll;margin:15px;overflow-x:hidden;background-color:rgba(255,255,255,0.16)}
.taskbar-messages-window .taskbar-messages-window-inner .tmw-content .tmw-content-box{display:flex;flex-direction:row;font-size:13px;margin:10px 5px;color:#fff;font-weight:400;padding:11px;transition:all .3s}
.taskbar-messages-window .taskbar-messages-window-inner .tmw-content .tmw-content-box img{width:61px;height:auto;margin-right:10px}
.taskbar-messages-window .taskbar-messages-window-inner .tmw-content .tmw-content-box div span{display:inline-block;width:70px}
.taskbar-messages-window .taskbar-messages-window-inner .tmw-content .tmw-content-box:hover{cursor:pointer;background-color:rgba(255,255,255,0.18)}
.taskbar-messages-window .taskbar-messages-window-inner .tmw-bottom{padding:15px;display:flex;flex-direction:row}
.taskbar-messages-window .taskbar-messages-window-inner .tmw-bottom button.tmw-bottom-icon-box{background-color:transparent;color:#FFF;display:flex;flex-direction:column;border:1px solid rgba(255,255,255,0.35);padding:10px 15px;transition:all .3s;cursor:pointer}
.taskbar-messages-window .taskbar-messages-window-inner .tmw-bottom button.tmw-bottom-icon-box i{font-size:15px}
.taskbar-messages-window .taskbar-messages-window-inner .tmw-bottom button.tmw-bottom-icon-box span{padding-top:8px}
.taskbar-messages-window .taskbar-messages-window-inner .tmw-bottom button.tmw-bottom-icon-box:not(:first-child){margin-left:15px}
.taskbar-messages-window .taskbar-messages-window-inner .tmw-bottom button.tmw-bottom-icon-box:hover{border-color:rgba(255,255,255,0.66)}
.taskbar-messages-window .taskbar-messages-window-inner .tmw-bottom button.tmw-bottom-icon-box:active{background-color:rgba(255,255,255,0.25)}
.taskbar-messages-window .taskbar-messages-window-inner .tmw-head{padding-left:15px;padding-top:15px;font-size:20px;color:#FFF;font-weight:200}

/* GTA1 Iframe */
.gta-module{width:1600px;height:800px;position:absolute;top:0;left:0;right:0;margin:auto;background-color:#FFF;overflow:hidden;bottom:50px}
.gta-module .gta-module-headbar{display:flex;flex-direction:row;align-items:center;cursor:default;user-select:none;height:30px;background-color: rgba(0,125,195,.9);color:#FFF;}
.gta-module .gta-module-headbar .gta-module-headbar-title{font-weight:400;padding-left:5px;font-size:14px;padding-bottom:2px;display:flex;flex-direction:row;align-items:center}
.gta-module .gta-module-headbar img{height:15px;margin-right:10px;margin-left:5px}
.gta-module .gta-module-headbar .gta-module-functions{margin-left:auto;display:flex;flex-direction:initial;height:100%}
.gta-module .gta-module-headbar .gta-module-functions button{background-color:transparent;border:none;transition:all .3s;color:#FFF;height:100%;width:35px;font-size:13px;cursor:pointer}
.gta-module .gta-module-headbar .gta-module-functions button:hover{background-color:red}
.gta-module .gta-module-headbar .gta-module-functions button.btn-gta-module-close:hover{background-color:red}
.gta-module .gta-module-content{display:flex;height:100%;width:100%;overflow:hidden}
.gta-module .gta-module-content .gta-module-content-inner{display:flex;height:100%;width:100%;margin:auto;flex-direction:column;align-items:flex-start;position:relative;overflow:hidden}
.gta-module .gta-module-content .gta-module-content-inner iframe{position:absolute;top:0;right:0;bottom:0;left:0;border:none}
.square-badge {
    box-sizing: border-box;
    display: inline-block;
    font-family: 'Roboto', sans-serif;
    position: relative;
    top: -13px;
    transform: translateX(-70%);
    font-size: 9pt;
    border-radius: 4px;
    background: #da324c;
    color: #FFFFFF;
    font-size: 11px;
    padding: 4px 2px;
    min-width: 26px;
    line-height: 18px;
    margin-left: 5px;
    vertical-align: middle;
    text-align: center;
}
/* Gemeinsame Stile */
.disable-frame main::before {
    content: "";
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 50px;
    background-color: rgba(128, 128, 128, 0.5);
    z-index: 1;
    clip-path: var(--clip-path, inset(0 0 0 0));
    opacity: 0;
    transition: opacity 100ms linear;
}

/* Linke Hälfte sichtbar */
.disable-frame main.gray_left::before {
    opacity: 1;
    clip-path: inset(0 50% 0 0);
    transition: all 100ms linear;
}

/* Rechte Hälfte sichtbar */
.disable-frame main.gray_right::before {
    opacity: 1;
    clip-path: inset(0 0 0 50%);
    transition: all 100ms linear;
}

.disable-frame main.gray_left_top::before {
    opacity: 1;
    clip-path: inset(0 50% 50% 0);
    transition: all 100ms linear;
}

.disable-frame main.gray_left_bottom::before {
    opacity: 1;
    clip-path: inset(50% 50% 0 0);
    transition: all 100ms linear;
}

.disable-frame main.gray_right_top::before {
    opacity: 1;
    clip-path: inset(0 0 50% 50%);
    transition: all 100ms linear;
}

.disable-frame main.gray_right_bottom::before {
    opacity: 1;
    clip-path: inset(50% 0 0 50%);
    transition: all 100ms linear;
}

/* Voll sichtbar */
.disable-frame main.gray::before {
    opacity: 1;
    clip-path: inset(0 0 0 0);
    transition: all 100ms linear;
}

.opacity-0-before::before{
    opacity: 0 !important;
}
.transition-window{
    transition: all .3s !important;
}
object, iframe{
    transition: opacity .2s;
}
.invisible-object {
    visibility: hidden;
    position: absolute;
    width: 0;
    height: 0;
    overflow: hidden;
    opacity: 0;
}