@charset "utf-8";
/* CSS Document */

/* Klassen für aktiven Content */
.fenster_main{ position:fixed; border:0px solid; background-color:var(--bs-primary); color:#F00; overflow:auto; padding:0px 0px 0px 0px; box-sizing:content-box; }
.fenster_titel { color:#FFF; width:90%; line-height:33px; padding:0px; vertical-align:middle; text-align:center; font-size:14px; white-space:nowrap; box-sizing:content-box; }
.fenster_content {  border:1px solid #707070; background-color:#FFF; color:#333; padding:3px; clear:both; overflow-y:scroll; overflow-x:auto; box-sizing:content-box; }

.fenster_but { transition:all 0.3s ease-in-out; float:right; border:0px solid; width:24px; padding-left:8px; padding-right:8px; fill:#000; height:29px; padding-top:4px; cursor:pointer; margin-left:2px; box-sizing:content-box; }
.fenster_but:hover { background-color:#07679d; fill:#FFF; }

.fenster_but_close { transition:all 0.3s ease-in-out; float:right; border:0px solid; width:24px; padding-left:8px; padding-right:8px; fill:#FFF; background-color:#900; height:29px; padding-top:4px; cursor:pointer; margin-left:2px; box-sizing:content-box; }
.fenster_but_close:hover { background-color:#F00; }

.fenster_but_refresh { transition:all 0.3s ease-in-out; float:left; border:0px solid; width:18px; padding-left:4px; padding-right:4px; fill:#000; height:26px; padding-top:7px; cursor:pointer; margin-right:2px; box-sizing:content-box; }
.fenster_but_refresh:hover { background-color:#07679d; fill:#FFF; }

/* Klassen für inaktiven Content */
.fenster_main_inaktiv{ position:fixed; border:1px solid #707070; background-color:#a6a6a6; color:#F00; overflow:auto; padding:0px 0px 0px 0px; box-sizing:content-box; }
.fenster_titel_inaktiv { color:#FFF; width:90%; line-height:33px; vertical-align:middle; text-align:center; font-size:14px; white-space:nowrap; box-sizing:content-box; }
.fenster_content_inaktiv { border:1px solid #707070; background-color:#FFF; color:#333; padding:3px; clear:both; overflow-y:scroll; overflow-x:auto; box-sizing:content-box; }


/* Klassen für das Größer und kleiner ziehen */
.fenster_move { position:fixed; overflow:auto; padding:0px 0px 0px 0px; box-sizing:content-box; }

.fenster_move_t { cursor:n-resize; background-color:#707070; height:2px; box-sizing:content-box; }
.fenster_move_tr { cursor:ne-resize; background-color:#707070; height:2px; width:2px; box-sizing:content-box; }
.fenster_move_tl { cursor:nw-resize; background-color:#707070; height:2px; width:2px; box-sizing:content-box; }

.fenster_move_l { cursor:w-resize; background-color:#707070; width:2px; box-sizing:content-box; }
.fenster_move_r { cursor:e-resize; background-color:#707070; width:2px; box-sizing:content-box; }

.fenster_move_b { cursor:s-resize; background-color:#707070; height:2px; box-sizing:content-box; }
.fenster_move_br { cursor:se-resize; background-color:#707070; height:2px; width:2px; box-sizing:content-box; }
.fenster_move_bl { cursor:sw-resize; background-color:#707070; height:2px; width:2px; box-sizing:content-box; }

.fenster_move_br_big_see { cursor:se-resize; background-color:#707070; height:20px; width:20px; position:absolute; right:0px; bottom:0px; border:0px solid #707070; box-sizing:content-box; }
.fenster_move_br_big_hide { cursor:se-resize; background-color:#707070; height:20px; width:20px; position:absolute; right:0px; bottom:0px; border:1px solid #707070; border-radius:10px 0px 0px 0px; box-sizing:content-box; }


/*Taskleisten Klassen */
.taskleiste { width:100%; position:fixed; left:0px; bottom:0px; background-color: var(--bs-primary); box-shadow: 0px 0px 5px #333; height:30px; z-index:999999999; display:flex; justify-content: flex-start; flex-wrap: nowrap; align-items: center; }
a.taskleiste_button { padding:3px 5px; width:150px; max-width:150px; white-space:nowrap; overflow:hidden; text-decoration:none; font-size:0.75rem; margin-left:5px; border: 1px solid transparent; border-radius: 0.2rem; text-overflow:ellipsis; }

/*Taskleiste aktive klasse */
a.taskleiste_aktiv { color: #FFF; background-color: #535353; }
a.taskleiste_aktiv:hover { background-color:var(--bs-secondary); }

/*Taskleiste aktive klasse */
a.taskleiste_inaktiv { color:#FFF; background-color:#a6a6a6; }
a.taskleiste_inaktiv:hover { background-color:#b8b8b8; }



/*Menüleisten Klassen */
.menuleiste { width:100%; position:fixed; left:0px; padding-left:5px; top:0px; height:40px; background-color: var(--bs-primary); z-index:999999999; display:block; overflow:hidden; box-shadow: 0px 0px 5px #333; }

/*Menüleisten Topmenü */
button.menu_top { color: #FFF; float:left; padding:0px 5px; text-decoration:none; font-size: 0.85rem; line-height:40px; height:40px; width:150px; text-align:center; background-color:transparent; border:0px solid; cursor:pointer; white-space: nowrap; }
button.menu_top:hover { background-color:#535353; }
.menu_top_platzhalter { height:16px; float:left; margin:12px 0px 12px 0px; width:2px; background-color:#FFF; }

button.menu_sub { color: #FFF; font-size: 0.8rem; padding:3px 10px; display:block; width:100%; text-align:left; background-color:var(--bs-primary); border:0px solid; cursor:pointer; }
button.menu_sub:hover { background-color:#535353; }

.menu_sub_kasten { float:left; position:fixed; left:0px; top:0px; z-index:999999999; display:none; visibility:hidden; background-color:var(--bs-primary); box-shadow: 0px 0px 5px #333; }
.menu_sub_trenner_kasten { color: #FFF; font-size: 0.8rem; display: block; width:100%; }
.menu_sub_trenner { color: #FFF; height:1px; display:block; background-color:#FFF; width:100%; }
.menu_sub_inhalt { color: #FFF; font-size: 0.6rem; padding: 3px 10px 3px 0px; text-align:right; background-color:var(--bs-primary); display: block; width:100%; }

.menu_pic_middle_top { height:24px; padding-right:5px; padding-left:5px; padding-top:6px; padding-bottom:6px; float:left; fill:#FFF; }
.menu_pic_left_top { height:24px; padding-right:0px; padding-top:6px; padding-bottom:6px; float:left; fill:#FFF; }
.menu_pic_right_top { height:24px; padding-left:10px; padding-top:6px; padding-bottom:6px; float:right; fill:#FFF; }

.menu_pic_middle { height:10px; padding-right:5px; padding-left:5px; padding-top:6px; float:left; fill:#FFF; }
.menu_pic_left { height:10px; padding-right:10px; padding-top:6px; float:left; fill:#FFF; }
.menu_pic_right { height:10px; padding-left:10px; padding-top:6px; float:right; fill:#FFF; }

.menu_pic_text { }
.menu_pic_text_left { margin-left:10px; }
.menu_pic_text_right { margin-right:10px; }

/*Logout Button rechts oben */
a.logout:link{ fill:#FFF; text-decoration:none; height:39px; line-height: 39px; box-sizing:border-box; padding-left:25px; padding-right:25px; display:block;float:right; text-align:center; background-color:var(--bs-danger); font-size: 1.5rem;  }
a.logout:visited{ fill:#FFF; text-decoration:none; height:39px; line-height: 39px; box-sizing:border-box; padding-left:25px; padding-right:25px; display:block; float:right; text-align:center; background-color:var(--bs-danger); font-size: 1.5rem; }
a.logout:active { fill:#FFF; text-decoration:none; height:39px; line-height: 39px; box-sizing:border-box; padding-left:25px; padding-right:25px; display:block; float:right; text-align:center; background-color:var(--bs-danger); font-size: 1.5rem; }
a.logout:hover { fill:#08537d; text-decoration:none; height:39px; line-height: 39px; box-sizing:border-box; padding-left:25px; padding-right:25px; display:block; float:right; text-align:center; background-color:#EE3333; font-size: 1.5rem; }

a.logout > svg { transition:all 0.3s ease-in-out; }
a.logout:hover > svg { transform:scale(1.3, 1.3); }