body{background: linear-gradient(0deg, rgba(255,255,255,1) 0%, rgba(255,255,255,1) 14%, rgba(255,255,255,1) 14%, rgba(246,246,246,1) 100%); background: var(--bodyBG);} .text > b{font-weight: bold;} .text > i {font-style:italic;} .text {display:block;} div.ui-dialog .text.SA1 {} #title1{position:absolute; top: 24px; right:64px; height:14px; padding:0px; text-align:right; font-size: 10px; line-height:14px; color:rgba(69, 21, 68, 1);color: var(--brandColor); text-transform:uppercase;text-transform: var(--textTranform);z-index: 15;} #title2{display: var(--clientLogoVisibility); position:absolute; height:var(--clientLogoHeight); width:var(--clientLogoWidth); padding-top: 24px;padding-left:24px; font-size: 10px; line-height:14px; color:rgba(254,254,254,0); color: var(--clientLogo-fontColor); text-transform:uppercase;text-transform: var(--textTranform);background-image:var(--headerLogo); z-index: 15; box-sizing: border-box; } #title3{display: none;} #breadcrumb1 { overflow: hidden; text-overflow: ellipsis; white-space:nowrap; position:absolute; top: 42px;left:23px;left:var(--breadcrumbLeft);right:auto;right:var(--breadcrumbRight);height:35px; padding:0px; visibility:visible; z-index: 50;overflow: visible;} #breadcrumb1 ul { list-style-type: none; padding: 0; margin: 0; visibility:visible;} #breadcrumb1 ul::before { display:none; } #breadcrumb1 ul li { list-style-type: none; padding: 0; margin: 0; visibility:visible; text-align:left; cursor: default;} #breadcrumb1 ul li::before { content: ''; margin-left: 0px; float: left; clear: both;} #breadcrumb1 ul li + li {display:none;} /* navigation slide out */ .navigation-wrapper { position: absolute; height: 50px; bottom: 0px; width: 100%; z-index: 2;} .navigation-wrapper:hover .navigationContainer { transform: translateY(0) translateZ(0); transition-delay: 0s; } .navigation-wrapper.fixed .navigationContainer { transform: translateX(0) translateY(0) translateZ(0); transition-delay: 0s; } .navigation-wrapper.fixed:hover .navigationContainer { transform: translateX(0) translateY(0) translateZ(0); transition-delay: 0s; } .navigationContainer { background-color: rgba(255, 255, 255, 1.0); background-color: var(--FW-navContainer-BG); position: relative; width: 100%; transform: translateY(0%) translateY(50px) translateZ(0); transition: transform 0.5s ease-out; transition-delay: 2s; height: 50px; z-index:999; } .navigationContainer::before { content: ""; position: absolute; background-position: -864px -158px; width: 27px; height: 17px; top: -17px; left: calc(50% - 12px); background-color: rgba(255, 255, 255, 1.0); background-color: var(--FW-navButtons); border: none; border-radius: 6px 6px 0 0; box-shadow: 0px -1px 4px rgba(0,0,0,0.15); outline: none; z-index:2; } .navigationContainer::before:hover { background-position: -864px -199px; } .navigationContainer.fixed::before { display:none; } .navigationContainer #fw-pin { background-position: -359px -1380px; position: absolute; top: -22px; right: 0px; width: 26px; height: 22px; background-color: rgba(255, 255, 255, 1.0); background-color: var(--FW-navButtons); border-top-left-radius: 6px; box-shadow: 0px -1px 4px rgba(0,0,0,0.15); z-index:2;} .navigationContainer #fw-pin:hover { background-position: -359px -1451px; background-color: rgba(218, 236, 248, 1); background-color: var(--FW-navButtons-hover); cursor: pointer; } .navigationContainer.fixed #fw-pin { background-position: -390px -1380px; } .navigationContainer.fixed #fw-pin:hover { background-position: -390px -1451px; background-color: rgba(218, 236, 248, 1); background-color: var(--FW-navButtons-hover); cursor: pointer; } /* pop menue */ #fw-menueshow1 { position: absolute; display: -ms-flexbox; display: -webkit-flex; display: flex; -webkit-flex-direction: row; -ms-flex-direction: row; flex-direction: row; -webkit-flex-wrap: nowrap; -ms-flex-wrap: nowrap; flex-wrap: nowrap; -webkit-justify-content: center; -ms-flex-pack: center; justify-content: center; -webkit-align-content: space-around; -ms-flex-line-pack: distribute; align-content: space-around; -webkit-align-items: center; -ms-flex-align: center; align-items: center; left:15px;bottom: 10px; width: 35px; height: 35px; background-color: rgba(255, 255, 255, 1.0);background-color: var(--FW-navButtons); border-radius: 35px;border-radius: var(--FW-navButtons-radius); z-index: 2; } #fw-menueshow1::before { content: ''; background-position: -933px -827px; width:36px; height: 36px; -webkit-order: 0; -ms-flex-order: 0; order: 0; -webkit-flex: 0 1 auto; -ms-flex: 0 1 auto; flex: 0 1 auto; -webkit-align-self: auto; -ms-flex-item-align: auto; align-self: auto;} #fw-menueshow1:hover{ background-color: rgba(218, 236, 248, 1); background-color: var(--FW-navButtons-hover); cursor: pointer; } #fw-menueshow1::before:hover {background-position: -933px -827px; cursor: pointer;} #fw-menueshow1.displayed { background-color: rgba(255, 255, 255, 1); } #fw-menueshow1.displayed::before {background-position: -933px -827px; cursor: pointer;} #fw-menueshow1.displayed:hover { background-color: rgba(218, 236, 248, 1); background-color: var(--FW-navButtons-hover); } #fw-menueshow1.displayed:hover::before {background-position: -933px -827px; cursor: pointer;} #fw-menueshow1.inactive { background-color: rgba(255, 255, 255, 0.5); background-color: var(--FW-navButtons-inactive); cursor: no-drop;} #fw-menueshow1.inactive:hover::before {background-position: -933px -827px; opacity: 0.5; cursor: no-drop;} /* Help Content */ #fw-globalmenueshow1 { position: absolute; display: -ms-flexbox; display: -webkit-flex; display: flex; -webkit-flex-direction: row; -ms-flex-direction: row; flex-direction: row; -webkit-flex-wrap: nowrap; -ms-flex-wrap: nowrap; flex-wrap: nowrap; -webkit-justify-content: center; -ms-flex-pack: center; justify-content: center; -webkit-align-content: space-around; -ms-flex-line-pack: distribute; align-content: space-around; -webkit-align-items: center; -ms-flex-align: center; align-items: center; left:60px;bottom: 10px; width: 35px; height: 35px; background-color: rgba(255, 255, 255, 1.0); background-color: var(--FW-navButtons); border-radius: 35px;border-radius: var(--FW-navButtons-radius); z-index: 2;} #fw-globalmenueshow1::before { content: ''; background-position: -276px -1372px; width:35px; height: 35px; -webkit-order: 0; -ms-flex-order: 0; order: 0; -webkit-flex: 0 1 auto; -ms-flex: 0 1 auto; flex: 0 1 auto; -webkit-align-self: auto; -ms-flex-item-align: auto; align-self: auto;} #fw-globalmenueshow1:hover{ background-color: rgba(218, 236, 248, 1); background-color: var(--FW-navButtons-hover); cursor: pointer; } #fw-globalmenueshow1:hover::before {background-position: -276px -1443px; cursor: pointer;} #fw-globalmenueshow1.displayed{ background-color: rgba(255, 255, 255, 1.0); background-color: var(--FW-navButtons); } #fw-globalmenueshow1.displayed::before{background-position: -276px -1443px; cursor: pointer;} #fw-globalmenueshow1.displayed:hover{ background-color: rgba(218, 236, 248, 1); background-color: var(--FW-navButtons-hover); } #fw-globalmenueshow1.displayed:hover::before{background-position: -276px -1443px; cursor: pointer;} #fw-globalmenueshow1.selected{ background-color: rgba(218, 236, 248, 1); background-color: var(--FW-navButtons-hover); } #fw-globalmenueshow1.selected::before{background-position: -276px -1443px; cursor: pointer;} #fw-globalmenueshow1.selected:hover{ background-color: rgba(218, 236, 248, 1); background-color: var(--FW-navButtons-hover); } #fw-globalmenueshow1.selected:hover::before {background-position: -276px -1443px; cursor: pointer;} #fw-globalmenueshow1.inactive{ background-color: rgba(255, 255, 255, 0.5); background-color: var(--FW-navButtons-inactive); cursor: no-drop;} #fw-globalmenueshow1.inactive:hover::before {background-position:-276px -1443px; opacity: 0.5; cursor: no-drop;} /*#fw-globalmenueshow2 #fw-globalmenueshow3 */ /* Audio text show hide */ #fw-audiostextshow { position: absolute; display: -ms-flexbox; display: -webkit-flex; display: flex; -webkit-flex-direction: row; -ms-flex-direction: row; flex-direction: row; -webkit-flex-wrap: nowrap; -ms-flex-wrap: nowrap; flex-wrap: nowrap; -webkit-justify-content: center; -ms-flex-pack: center; justify-content: center; -webkit-align-content: space-around; -ms-flex-line-pack: distribute; align-content: space-around; -webkit-align-items: center; -ms-flex-align: center; align-items: center; left:728px;bottom: 10px; width: 35px; height: 35px;background-color: rgba(255, 255, 255, 1.0); background-color: var(--FW-navButtons); border-radius: 35px;border-radius: var(--FW-navButtons-radius); z-index: 2; } #fw-audiostextshow::before { content: ''; background-position: -547px -1583px; width:35px; height: 35px; -webkit-order: 0; -ms-flex-order: 0; order: 0; -webkit-flex: 0 1 auto; -ms-flex: 0 1 auto; flex: 0 1 auto; -webkit-align-self: auto; -ms-flex-item-align: auto; align-self: auto;} #fw-audiostextshow.over{ background-color: rgba(218, 236, 248, 1); background-color: var(--FW-navButtons-hover); cursor: pointer; } #fw-audiostextshow.over::before {background-position: -547px -1647px; cursor: pointer;} #fw-audiostextshow.inactive, #fw-audiostextshow.inactive.over { background-color: rgba(214, 214, 214, 0 ); cursor: no-drop; } #fw-audiostextshow.inactive::before, #fw-audiostextshow.inactive.over::before { background-position:-547px -1710px; opacity: 0.5; cursor: no-drop;} #fw-audiostextshow.displayed{ background-color: rgba(255, 255, 255, 1.0); background-color: var(--FW-navButtons); } #fw-audiostextshow.displayed::before{background-position: -547px -1371px; } #fw-audiostextshow.displayed.over{ background-color: rgba(218, 236, 248, 1); background-color: var(--FW-navButtons-hover); cursor: pointer;} #fw-audiostextshow.displayed.over::before{background-position: -547px -1442px; cursor: pointer;} #fw-audiostextshow.displayed.inactive, #fw-audiostextshow.displayed.inactive.over { background-color: rgba(255, 255, 255, 1); cursor: no-drop;} #fw-audiostextshow.displayed.inactive::before, #fw-audiostextshow.displayed.inactive.over::before {background-position: -547px -1511px; opacity: 0.5; cursor: no-drop;} /* Audio mute on off */ #fw-audioactive { position: absolute; display: -ms-flexbox; display: -webkit-flex; display: flex; -webkit-flex-direction: row; -ms-flex-direction: row; flex-direction: row; -webkit-flex-wrap: nowrap; -ms-flex-wrap: nowrap; flex-wrap: nowrap; -webkit-justify-content: center; -ms-flex-pack: center; justify-content: center; -webkit-align-content: space-around; -ms-flex-line-pack: distribute; align-content: space-around; -webkit-align-items: center; -ms-flex-align: center; align-items: center; left:771px;bottom: 10px; width: 35px; height: 35px;background-color: rgba(255, 255, 255, 1.0); background-color: var(--FW-navButtons); border-radius: 35px;border-radius: var(--FW-navButtons-radius); z-index: 2; } #fw-audioactive::before { content: ''; background-position: -455px -1371px; width:35px; height: 35px; -webkit-order: 0; -ms-flex-order: 0; order: 0; -webkit-flex: 0 1 auto; -ms-flex: 0 1 auto; flex: 0 1 auto; -webkit-align-self: auto; -ms-flex-item-align: auto; align-self: auto;} #fw-audioactive:hover{ background-color: rgba(218, 236, 248, 1); background-color: var(--FW-navButtons-hover); cursor: pointer; } #fw-audioactive.over::before {background-position: -455px -1442px; cursor: pointer;} #fw-audioactive.inactive, #fw-audioactive.inactive.over { background-color: rgba(255, 255, 255, 0.5); background-color: var(--FW-navButtons-inactive); cursor: no-drop;} #fw-audioactive.inactive::before, #fw-audioactive.inactive.over::before { background-position:-455px -1511px; opacity: 0.5; cursor: no-drop;} #fw-audioactive.active { background-color: rgba(255, 255, 255, 1.0); background-color: var(--FW-navButtons); } #fw-audioactive.active::before {background-position: -455px -1371px;} #fw-audioactive.active.over { background-color: rgba(218, 236, 248, 1); background-color: var(--FW-navButtons-hover); cursor: pointer;} #fw-audioactive.active.over::before { background-position: -455px -1442px; cursor: pointer;} #fw-audioactive.active.inactive, #fw-audioactive.active.inactive.over { background-color: rgba(255, 255, 255, 0.5); background-color: var(--FW-navButtons-inactive); cursor: no-drop; } #fw-audioactive.active.inactive::before, #fw-audiostextshow.active.inactive.over::before { background-position:-455px -1511px; opacity: 0.5; cursor: no-drop;} #fw-audioactive.muted { background-color: rgba(255, 255, 255, 1.0); background-color: var(--FW-navButtons); } #fw-audioactive.muted::before {background-position: -455px -1583px;} #fw-audioactive.muted.over { background-color: rgba(218, 236, 248, 1); background-color: var(--FW-navButtons-hover); cursor: pointer;} #fw-audioactive.muted.over::before { background-position: -455px -1647px; cursor: pointer;} #fw-audioactive.muted.inactive, #fw-audioactive.muted.inactive.over { background-color: rgba(255, 255, 255, 0.5); background-color: var(--FW-navButtons-inactive); cursor: no-drop; } #fw-audioactive.muted.inactive::before, #fw-audioactive.muted.inactive.over::before { background-position:-455px -1511px; opacity: 0.5;cursor: no-drop;} #fw-audiostopp,#fw-audioplayreload,#fw-audiominus,#fw-audioplus,#fw-audiovolumebar { display:none !important; } /* Audio paused */ #fw-audioplaypause { position: absolute; display: -ms-flexbox; display: -webkit-flex; display: flex; -webkit-flex-direction: row; -ms-flex-direction: row; flex-direction: row; -webkit-flex-wrap: nowrap; -ms-flex-wrap: nowrap; flex-wrap: nowrap; -webkit-justify-content: center; -ms-flex-pack: center; justify-content: center; -webkit-align-content: space-around; -ms-flex-line-pack: distribute; align-content: space-around; -webkit-align-items: center; -ms-flex-align: center; align-items: center; left:495px;bottom: 10px; width: 35px; height: 35px; background-color: rgba(255, 255, 255, 1.0); background-color: var(--FW-navButtons); border-radius: 35px;border-radius: var(--FW-navButtons-radius); z-index: 2; } #fw-audioplaypause::before { content: ''; background-position: -271.5px -824px; width:35px; height: 35px; -webkit-order: 0; -ms-flex-order: 0; order: 0; -webkit-flex: 0 1 auto; -ms-flex: 0 1 auto; flex: 0 1 auto; -webkit-align-self: auto; -ms-flex-item-align: auto; align-self: auto;} #fw-audioplaypause:hover{ background-color: rgba(218, 236, 248, 1); background-color: var(--FW-navButtons-hover); cursor: pointer; } #fw-audioplaypause:hover::before {background-position: -271.5px -913px; cursor: pointer;} #fw-audioplaypause.inactive, #fw-audioplaypause.inactive:hover { background-color: rgba(255, 255, 255, 0.5); background-color: var(--FW-navButtons-inactive); cursor: default; } #fw-audioplaypause.inactive::before, #fw-audioplaypause.inactive:hover::before {background-position: -271.5px -984px; opacity:0.5; cursor: default; } /* Audio play */ #fw-audioplaypause.paused::before { background-position: -354px -825px; } #fw-audioplaypause.paused::before:hover { background-position: -354px -915px; cursor: default; } #fw-audioplaypause.paused.inactive::before, #fw-audioplaypause.inactive:hover::before {background-position: -354px -984px; opacity:0.5; cursor: default; } /* Audio reload */ #fw-audioplaypause.reload::before { background-position: -539px -826px; } #fw-audioplaypause.reload::before:hover { background-position: -539px -915px; cursor: pointer; } #fw-audioplaypause.reload.inactive, #fw-audioplaypause.reload.inactive:hover { background-color: rgba(255, 255, 255, 0);cursor: default; } #fw-audioplaypause.reload.inactive::before, #fw-audioplaypause.inactive:hover::before {background-position: -539px -984px;opacity:0.5; cursor: default;} /* Page reload button extra*/ #fw-reload { position: absolute; display: -ms-flexbox; display: -webkit-flex; display: flex; -webkit-flex-direction: row; -ms-flex-direction: row; flex-direction: row; -webkit-flex-wrap: nowrap; -ms-flex-wrap: nowrap; flex-wrap: nowrap; -webkit-justify-content: center; -ms-flex-pack: center; justify-content: center; -webkit-align-content: space-around; -ms-flex-line-pack: distribute; align-content: space-around; -webkit-align-items: center; -ms-flex-align: center; align-items: center; left:58px;bottom: 10px; width: 35px; height: 35px; background-color: rgba(255, 255, 255, 1.0); background-color: var(--FW-navButtons); border-radius: 35px;border-radius: var(--FW-navButtons-radius); z-index: 2; } #fw-reload::before { content: ''; background-position: -539px -826px; width:35px; height: 35px; -webkit-order: 0; -ms-flex-order: 0; order: 0; -webkit-flex: 0 1 auto; -ms-flex: 0 1 auto; flex: 0 1 auto; -webkit-align-self: auto; -ms-flex-item-align: auto; align-self: auto;} #fw-reload.over{ background-color: rgba(218, 236, 248, 1); background-color: var(--FW-navButtons-hover); cursor: pointer; } #fw-reload.over::before { background-position: -539px -915px; cursor: pointer; } #fw-reload.inactive, #fw-reload.inactive:hover { background-color: rgba(255, 255, 255, 0);cursor: default; } #fw-reload.inactive::before, #fw-audioplaypause.inactive.over::before {background-position: -539px -984px; opacity:0; cursor: default;} /* wenn slideout deaktiv in settingsAsset, hier Hintergrundfarbe einstellen */ #fw-nextback { position: absolute; background-color: rgba(255, 255, 255, 1.0); background-color: var(--FW-navContainer-BG); height: 50px; bottom: 0px; width: 100%; z-index: 1; } #fw-drag,#fw-nextbackdrag { display: none!important; } /* STEP BACK Button */ #fw-back { position: absolute; display: -ms-flexbox; display: -webkit-flex; display: flex; -webkit-flex-direction: row; -ms-flex-direction: row; flex-direction: row; -webkit-flex-wrap: nowrap; -ms-flex-wrap: nowrap; flex-wrap: nowrap; -webkit-justify-content: center; -ms-flex-pack: center; justify-content: center; -webkit-align-content: space-around; -ms-flex-line-pack: distribute; align-content: space-around; -webkit-align-items: center; -ms-flex-align: center; align-items: center; left:448px;bottom: 10px; width: 35px; height: 35px; background-color: rgba(255, 255, 255, 1.0); background-color: var(--FW-navButtons); border-radius: 35px;border-radius: var(--FW-navButtons-radius); z-index: 2; } #fw-back::before { content: ''; background-position: -707px -825px; width:35px; height: 35px; -webkit-order: 0; -ms-flex-order: 0; order: 0; -webkit-flex: 0 1 auto; -ms-flex: 0 1 auto; flex: 0 1 auto; -webkit-align-self: auto; -ms-flex-item-align: auto; align-self: auto;} #fw-back:hover { background-color: rgba(218, 236, 248, 1); background-color: var(--FW-navButtons-hover); cursor: pointer; } #fw-back:hover::before { background-position: -707px -914px; cursor: pointer;} #fw-back.inactive, #fw-back.inactive:hover { background-color: rgba(255, 255, 255, 0 ); cursor: no-drop; } #fw-back.inactive::before, #fw-back.inactive:hover::before { background-position: -707px -984px; opacity:0; cursor: no-drop;} #fw-back.menu { width:50px; } #fw-back.menu::before { content: ''; background-position: -617px -825px; width:50px; } #fw-back.menu:hover::before { background-position: -617px -914px; cursor: pointer;} #fw-back.menu.inactive::before, #fw-back.menu.inactive:hover::before { background-position: -617px -984px; opacity:0; cursor: no-drop;} /* SPEP NEXT Button */ #fw-next { position: absolute; display: -ms-flexbox; display: -webkit-flex; display: flex; -webkit-flex-direction: row; -ms-flex-direction: row; flex-direction: row; -webkit-flex-wrap: nowrap; -ms-flex-wrap: nowrap; flex-wrap: nowrap; -webkit-justify-content: center; -ms-flex-pack: center; justify-content: center; -webkit-align-content: space-around; -ms-flex-line-pack: distribute; align-content: space-around; -webkit-align-items: center; -ms-flex-align: center; align-items: center; left: 542px;bottom: 10px; width: 35px; height: 35px; background-color: rgba(255, 255, 255, 1.0); background-color: var(--FW-navButtons); border-radius: 35px;border-radius: var(--FW-navButtons-radius); z-index: 2; } #fw-next::before { content: ''; background-position: -792px -825px; width:35px; height: 35px; -webkit-order: 0; -ms-flex-order: 0; order: 0; -webkit-flex: 0 1 auto; -ms-flex: 0 1 auto; flex: 0 1 auto; -webkit-align-self: auto; -ms-flex-item-align: auto; align-self: auto;} #fw-next:hover { background-color: rgba(218, 236, 248, 1); background-color: var(--FW-navButtons-hover); cursor: pointer; } #fw-next:hover::before { background-position: -792px -914px; cursor: pointer;} #fw-next.inactive, #fw-next.inactive:hover { background-color: rgba(255, 255, 255, 0 ); cursor: no-drop; } #fw-next.inactive::before, #fw-next.inactive:hover::before { background-position: -792px -984px; opacity:0; cursor: no-drop;} #fw-next.menu { width:50px; } #fw-next.menu::before { content: ''; background-position: -872px -825px; width:50px; } #fw-next.menu:hover::before { background-position: -872px -914px; cursor: pointer;} #fw-next.menu.inactive::before, #fw-next.menu.inactive:hover::before { background-position: -872px -984px; opacity:0; cursor: no-drop;} /* PAGE BACK Button */ #fw-pageBack { position: absolute; display: block; left:-5px; top: 377px; width: 60px; height: 46px; background-color: rgba(236, 236, 236, 1); background-color: var(--FW-PageNavigation-BG); border-radius: 0 40px 40px 0; border-radius: var(--FW-PageNavigation-Back-radius); z-index: 2; } #fw-nextback #fw-pageBack {top:-245px;} #fw-pageBack::before { content: ''; background-position: -652px -1060px; width:35px; height: 35px; position: absolute; margin: 5.5px 0 0 12.5px;} #fw-pageBack:hover { background-color: rgba(218, 236, 248, 1); background-color: var(--FW-PageNavigation-BG-hover); cursor: pointer; transform: translate(5px,0); } #fw-pageBack:hover::before {background-position: -652px -1145px; cursor: pointer; } #fw-pageBack.active:hover { background-color: rgba(218, 236, 248, 1); background-color: var(--FW-PageNavigation-BG-hover); cursor: pointer; } #fw-pageBack.active:hover::before {background-position: -652px -1145px; cursor: pointer; } #fw-pageBack.inactive { background-color: rgba(255, 255, 255, 0.5); background-color: var(--FW-navButtons-inactive); cursor: no-drop;} #fw-pageBack.inactive:hover { background-color: rgba(255, 255, 255, 0.5); background-color: var(--FW-navButtons-inactive); cursor: no-drop; transform: translate(0,0);} #fw-pageBack.inactive::before, #fw-pageBack.inactive:hover::before {background-position: -652px -1145px; opacity:0.1; cursor: no-drop; } #fw-pageBack.menu::before { background-position: -547px -1060px; width:35px; height: 35px; } #fw-pageBack.menu:hover::before { background-position: -547px -1145px; cursor: pointer; } #fw-pageBack.menu.active:hover { background-position: -547px -1145px; } #fw-pageBack.menu.inactive::before, #fw-pageBack.menu.inactive:hover::before { background-position: -547px -1145px; } /* PAGE NEXT button */ #fw-pageNext { position: absolute; display: block; right: -5px; top: 377px; width: 60px; height: 46px; background-color: rgba(236, 236, 236, 1); background-color: var(--FW-PageNavigation-BG); border-radius: 40px 0 0 40px;border-radius: var(--FW-PageNavigation-Next-radius); z-index: 2; } #fw-nextback #fw-pageNext {top: -245px;} #fw-pageNext::before { content: ''; background-position: -883px -1060px; width:35px; height: 35px; position: absolute; margin: 5.5px 0 0 12.5px;} #fw-pageNext:hover { background-color: rgba(218, 236, 248, 1); background-color: var(--FW-PageNavigation-BG-hover); cursor: pointer; transform: translate(-5px,0); } #fw-pageNext:hover::before { background-position: -883px -1145px; cursor: pointer; } #fw-pageNext.active:hover { background-color: rgba(218, 236, 248, 1); background-color: var(--FW-PageNavigation-BG-hover); cursor: pointer; } #fw-pageNext.active:hover::before { background-position: -883px -1145px; cursor: pointer; } #fw-pageNext.inactive { background-color: rgba(255, 255, 255, 0.5); background-color: var(--FW-navButtons-inactive); cursor: no-drop;} #fw-pageNext.inactive:hover { background-color: rgba(255, 255, 255, 0.5); background-color: var(--FW-navButtons-inactive); cursor: no-drop; transform: translate(0,0);} #fw-pageNext.inactive::before, #fw-pageNext.inactive:hover::before {background-position: -883px -1145px; opacity:0.1; cursor: no-drop;} #fw-pageNext.menu::before { background-position: -973px -1060px; width:35px; height: 35px; } #fw-pageNext.menu:hover::before { background-position: -973px -1145px; cursor: pointer; } #fw-pageNext.menu.active:hover { background-position: -973px -1145px; } #fw-pageNext.menu.inactive::before, #fw-pageNext.menu.inactive:hover::before { background-position: -973px -1145px; } /* page Buttons Container */ #pageButtons { display: none } #pageButtons .ct {} #pageButtons ul {} /* Zustand base */ #pageButtons li { list-style: none; } #pageButtons li.lict {}#pageButtons li .ct {}#pageButtons li.over{}#pageButtons li.active{}#pageButtons li.inactive{}#pageButtons li .state {} /* Zustand 1*/ #pageButtons li.visited1 {}#pageButtons li.visited1.over{}#pageButtons li.visited1.active{}#pageButtons li.visited1.inactive{}#pageButtons li.visited1 .state {} /* Zustand 2*/ #pageButtons li.visited2 {}#pageButtons li.visited2.over{}#pageButtons li.visited2.active{}#pageButtons li.visited2.inactive{}#pageButtons li.visited2 .state {} /* Zustand 3 abgeschlossen falsch*/ #pageButtons li.visited3 {}#pageButtons li.visited3.over{}#pageButtons li.visited3.active{}#pageButtons li.visited3.inactive{}#pageButtons li.visited3 .state {} /* Zustand 4 abgeschlossen richtig*/ #pageButtons li.visited4 {}#pageButtons li.visited4.over{}#pageButtons li.visited4.active{}#pageButtons li.visited4.inactive{}#pageButtons li.visited4 .state {} #pageCounter{ position: absolute;top: 69px;right: 64px;height: 20px;z-index: 160;} #progressBar { position: absolute; top: 86px; right: 24px; height: 8px; width: 175px; color: rgba(20, 20, 20 , 1); color: var(--progressBars); padding: 0px; box-sizing: border-box; background-color: rgba(214, 214, 214, 1); border: none; border-radius: 2px;appearance: auto; } progress::-webkit-progress-bar { background-color: rgba(20, 20, 20 , 1); background-color: var(--progressBars); border-radius: 2px;} progress::-webkit-progress-value { background: rgba(20, 20, 20 , 1); background-color: var(--progressBars); border-radius: 2px;} progress::-moz-progress-bar { background: rgba(20, 20, 20 , 1); background-color: var(--progressBars); border-radius: 2px; }#audioText {position: absolute; margin:0; padding:4px 24px 16px; left: 0px; bottom: 50px; width: 100%; max-height: 250px; min-height: 0px; background-color: rgba(255,255,255,0.95);background-color: var(--FW-audioText-BG); border-radius: 12px 12px 0 0; box-shadow: 0px -1px 4px rgba(0,0,0,0.05); text-align: center; box-sizing:border-box; overflow:hidden; z-index:1;} #audioText .content {display: inline-block; position:relative; top:0; padding:0; min-height:0px; text-align: left; margin-left: auto; overflow: auto;} #audioText .close {position: absolute; top: 0; right: 0;}#audioStatusBar { position: absolute; left:0px; bottom: 50px; width:1024px; height:5px;background-color: rgba(0, 0, 0, 0.14);z-index: 999; } #audioStatus { position: absolute; left:0px; top:0px; z-index: 10; height:5px; width:1024px; } #audioStatusLine { height:5px; width: 0px; background-color: rgba(20, 20, 20 , 1); background-color:var(--progressBars); } #audioStatusLineHandle { display: none; position: absolute; top: 0px; left: 300px; width:16px; height:16px;float:right;margin:-3px -3px 0 0; }#pageFrameDiv { position: absolute; background: rgba(255,255,255,1); background: linear-gradient(180deg, rgba(255,255,255,1) 0%, rgba(255,255,255,1) 14%, rgba(255,255,255,1) 14%, rgba(245,245,245,1) 100%); background: var(--programmeBG); /*background-image: url('../images/bg.jpg');*/ background-repeat: no-repeat; background-size:1024px 672px; border:1px solid rgba(236,236,236,1); padding:0; width:1024px; height:672px; left:50%; top:50%; MARGIN-LEFT: -512px; MARGIN-TOP: -336px; overflow: hidden; } /* iframe for page content */ #pageFrame { position: absolute; width:1024px; height:672px; left:50%; top:50%; MARGIN-LEFT: -512px; MARGIN-TOP: -336px; border: none; overflow: hidden; background-color:rgba(0,0,0,0); } /* iframe for page content pageChangeAnimation */ #pageFrameOld { position: absolute; width:1024px; height:672px; left:50%; top:50%; MARGIN-LEFT: -512px; MARGIN-TOP: -336px; border: none; overflow: hidden; background-color:rgba(0,0,0,0); } #pageFrameOverlay { position: absolute; width:1024px; height:672px; left:50%; top:50%; MARGIN-LEFT: -512px; MARGIN-TOP: -336px; border: none; overflow: hidden; background-color:rgba(0,0,0,0); } iframe html, iframe html body { background-color:rgba(0,0,0,0); } #testWorkingTimePanel{position: absolute; left: 190px; bottom: 15px; width: 94px; height: 20px; font-size: 11px; color: #fff;} #pdf-inline{ width: 940px !important; margin: 0 -45px -45px -45px; } div[title] {color:#f00;} #fw-logo { position:absolute; top:0; left:0; height: 97px; width: 500px;} #fw-logo img { display:none; display:var(--clientLogoVisibility); height: 97px; } .fw_close_small { } .fw_close_small {width: 24px; height: 24px; background-position: -48px -61px; } .fw_close_small:hover { cursor: pointer; background-position: -48px -100px; } .fw_close_big { } .fw_close_big { width: 24px; height: 24px; background-position: -48px -61px; } .fw_close_big:hover { background-position: -48px -100px; cursor: pointer; } #reviewPanel-wrapper { position: absolute; box-sizing: border-box; top: 15%; height: 250px; width: 40px; overflow: hidden; transition: all 2s; overflow: visible; } #reviewPanel { display: table; position: absolute; top: 0; right: 5px; width: 300px; box-sizing: border-box; padding: 18px 10px 18px 30px; border-radius: 0 18px 18px 0; background-color: rgba(227, 227, 227, 1); color: #000; font-size: 13.5px; box-shadow: 0px 1px 6px 2px rgba(0, 0, 0, 0.28); } #reviewPanel-wrapper:hover { width: 300px; transition-delay: 0s; } .reviewPanelContent { display: table-cell; vertical-align: middle; color: #000; position: relative; padding: 0 38px 0 0; width: 95%; } .reviewPanelContent::after { content: ''; position: absolute; height: 18px; width: 18px; border-left: 1px solid #999; border-top: 1px solid #999; transform: rotate(-45deg); top: calc(50% - 8px); right: 5px; } #reviewPanelTitle { display: table-cell; position: relative; vertical-align: middle; min-width: 0; max-width: 25px; color: #000; } #reviewPanelTitle span { margin: 0; padding-top: 2px; text-align: center; position: relative; color: #000; writing-mode: tb-rl; writing-mode: sideways-lr; pointer-events: none; } #reviewPanel #answerHighlight { display: table; padding: 0 0 12px 0; color: #000; border-bottom: 1px solid #ccc; } #reviewPanel #answerHighlight span { display: table-cell; color: #000; vertical-align: middle; } #reviewPanel .answerHighlightSwitch { text-align: right; } #reviewPanel #textArea { display: tabel; padding: 38px 0 0 0; color: #000; width: 98%; } #reviewPanel #textArea textarea { resize: none; width: 100%; height: 70px; outline: none; border: 1px solid #000; margin-bottom: 6px; box-shadow: inset 0px 0px 8px 0px rgba(0, 0, 0, 0.2); } #reviewPanel #textArea textarea:focus, #reviewPanel #textArea textarea:active {outline: none;} #reviewPanel #textArea button { background-color: rgba(69, 21, 68, 1);background-color: var(--primaryColor); padding: 6px 18px 8px 18px; text-align: center; border: none; border-radius: 22px;border-radius: var(--hotspotsContent-BIGradius); outline: none; color: #fff; width: 102%; } #reviewPanel #textArea button:hover, #reviewPanel #nextPageFast:hover { background-color: rgba(255, 11, 55, 1);background-color: var(--secondaryColor);} #reviewPanel .switch { position: relative; display: inline-block; width: 36px; height: 22px; } #reviewPanel #nextPageFast { background-color: rgba(69, 21, 68, 1);background-color: var(--primaryColor); padding: 6px 18px 8px 18px; text-align: center; border: none; border-radius: 22px;border-radius: var(--hotspotsContent-BIGradius); outline: none; color: #fff; margin: 12px auto 0 auto; display: block; } #reviewPanel .switch input {opacity: 0; width: 0; height: 0;} #reviewPanel .slider {position: absolute;cursor: pointer;top: 0;left: 0; right: 0; bottom: 0; background-color: #ccc; -webkit-transition: .4s; transition: .4s;} #reviewPanel .slider:before { position: absolute; content: ""; height: 18px; width: 18px; left: 2px; bottom: 2px; background-color: white; -webkit-transition: .4s; transition: .4s;} #reviewPanel input:checked + .slider {background-color: rgba(69, 21, 68, 1);background-color: var(--primaryColor);} #reviewPanel input:focus + .slider {} #reviewPanel input:checked + .slider:before {transform: translateX(14px);} #reviewPanel .slider.round {border-radius: 34px;} #reviewPanel .slider.round:before { border-radius: 50%;}/***** BTN Exit Dialog OK *****/ .EXITOK { display: inline-block; vertical-align: text-bottom; background-color: #339900; background-color: var(--correctColor); border-radius: 0; min-width:150px; padding-left: 8px; padding-right: 8px;} .EXITOK::before { content: ''; display: block; margin: 7px auto 4px auto; background-position: -800px -684px; width: 77px;height: 20px; } .EXITOK:hover { background-color: hsl(100, 50%, 60%); background-color: var(--correctColor-hover); cursor: pointer; } .EXITOK::before:hover { background-position: -800px -724px; cursor: pointer; } .EXITOK.inactive { background: rgba(227, 227, 227, 1); background: var(--inactiveColor); cursor: no-drop; } .EXITOK.inactive::before:hover { background-position: -800px -764px; cursor: no-drop; } .EXITOK:lang(cs)::before { width: 86px; } .EXITOK:lang(da)::before { width: 59px; } .EXITOK:lang(en)::before { width: 57px; } .EXITOK:lang(es)::before { width: 74px; } .EXITOK:lang(fr)::before { width: 92px; } .EXITOK:lang(hu)::before { width: 105px; } .EXITOK:lang(it)::before { width: 63px; } .EXITOK:lang(ja)::before { width: 98px; } .EXITOK:lang(ko)::before { width: 122px; } .EXITOK:lang(nl)::before { width: 79px; } .EXITOK:lang(no)::before { width: 67px; } .EXITOK:lang(pl)::before { width: 86px; } .EXITOK:lang(pt-br)::before { width: 60px; } .EXITOK:lang(ro)::before { width: 89px; } .EXITOK:lang(ru)::before { width: 69px; } .EXITOK:lang(sk)::before { width: 86px; } .EXITOK:lang(sr)::before { width: 67px; } .EXITOK:lang(sv)::before { width: 70px; } .EXITOK:lang(tr)::before { width: 101px; } .EXITOK:lang(lv)::before { width: 53px; } .EXITOK:lang(zh-cn)::before { width: 77px; } .EXITOK:lang(et)::before { width: 62px; } /***** BTN Exit Dialog Abbrechen Cancel *****/ .CANCEL { display: inline-block; vertical-align: text-bottom; background-color:rgba(69, 21, 68, 1);background-color:var(--primaryColor); border-radius: 0; min-width:150px; padding-left: 8px; padding-right: 8px;} .CANCEL::before { content: ''; display: block; margin: 7px auto 4px auto; background-position: -0px -554px; width: 74px;height: 20px; } .CANCEL:hover { background-color: rgba(255, 11, 55, 1); background-color: var(--secondaryColor); cursor: pointer; } .CANCEL::before:hover { background-position: -0px -594px; cursor: pointer;} .CANCEL.inactive { background: rgba(227, 227, 227, 1); background: var(--inactiveColor); cursor: no-drop; } .CANCEL.inactive::before:hover { background-position: -0px -634px; cursor: no-drop; } .CANCEL:lang(cs)::before { width: 54px; } .CANCEL:lang(en)::before, .CANCEL:lang(da)::before, .CANCEL:lang(sv)::before { width: 46px; } .CANCEL:lang(es)::before { width: 78px; } .CANCEL:lang(fr)::before, .CANCEL:lang(ro)::before { width: 54px; } .CANCEL:lang(hu)::before { width: 60px; } .CANCEL:lang(it)::before { width: 52px; } .CANCEL:lang(ja)::before { width: 55px; } .CANCEL:lang(pl)::before { width: 56px; } .CANCEL:lang(ko)::before, .CANCEL:lang(zh-cn)::before { width: 32px; } .CANCEL:lang(nl)::before { width: 70px; } .CANCEL:lang(no)::before { width: 46px; } .CANCEL:lang(pt-br)::before { width: 61px; } .CANCEL:lang(ru)::before { width: 55px; } .CANCEL:lang(sk)::before { width: 42px; } .CANCEL:lang(et)::before { width: 92px; } .CANCEL:lang(lv)::before { width: 45px; } .CANCEL:lang(sr)::before, .CANCEL:lang(tr)::before { width: 48px; } /***** BTN Bookmark Dialog zum Lesezeichen springen - go to bookmark *****/ .BOOKMARKYES { display: inline-block; vertical-align: text-bottom; background-color: #339900; background-color: var(--correctColor); border-radius: 0; min-width:150px; padding-left: 8px; padding-right: 8px;} .BOOKMARKYES::before { content: ''; display: block; margin: 7px auto 4px auto; background-position: -390px -554px; width: 81px;height: 20px; } .BOOKMARKYES:hover { background-color: hsl(100, 50%, 60%); background-color: var(--correctColor-hover); cursor: pointer; } .BOOKMARKYES::before:hover { background-position: -390px -594px; cursor: pointer;} .BOOKMARKYES.inactive { background: rgba(227, 227, 227, 1); background: var(--inactiveColor); cursor: no-drop; } .BOOKMARKYES.inactive::before:hover { background-position: -390px -634px; cursor: no-drop; } .BOOKMARKYES:lang(cs)::before { width:51px; } .BOOKMARKYES:lang(da)::before { width:74px; } .BOOKMARKYES:lang(en)::before { width:69px; } .BOOKMARKYES:lang(es)::before { width:108px; } .BOOKMARKYES:lang(fr)::before { width: 43px; } .BOOKMARKYES:lang(hu)::before { width:71px; } .BOOKMARKYES:lang(it)::before { width:71px; } .BOOKMARKYES:lang(ja)::before { width:63px; } .BOOKMARKYES:lang(ko)::before { width:44px; } .BOOKMARKYES:lang(nl)::before { width:70px; } .BOOKMARKYES:lang(no)::before { width:70px; } .BOOKMARKYES:lang(pl)::before { width:60px; } .BOOKMARKYES:lang(pt-br)::before { width:67px; } .BOOKMARKYES:lang(ro)::before { width:115px; } .BOOKMARKYES:lang(ru)::before { width:65px; } .BOOKMARKYES:lang(sk)::before { width:52px; } .BOOKMARKYES:lang(sr)::before { width:125px; } .BOOKMARKYES:lang(sv)::before { width:70px; } .BOOKMARKYES:lang(tr)::before { width:48px; } .BOOKMARKYES:lang(zh-cn)::before { width:32px; } /***** BTN Bookmark Dialog zum Lesezeichen springen - go to bookmark *****/ .BOOKMARKNO { display: inline-block; vertical-align: text-bottom; background-color:rgba(69, 21, 68, 1);background-color:var(--primaryColor); border-radius: 0; min-width:150px; padding-left: 8px; padding-right: 8px;} .BOOKMARKNO::before { content: ''; display: block; margin: 7px auto 4px auto; background-position: -390px -684px; width: 42px;height: 20px; } .BOOKMARKNO:hover { background-color: rgba(255, 11, 55, 1); background-color: var(--secondaryColor); cursor: pointer; } .BOOKMARKNO::before:hover { background-position: -390px -724px; cursor: pointer;} .BOOKMARKNO.inactive { background: rgba(227, 227, 227, 1); background: var(--inactiveColor); cursor: no-drop; } .BOOKMARKNO.inactive::before:hover { background-position: -390px -764px; cursor: no-drop; } .BOOKMARKNO:lang(cs)::before { width: 55px; } .BOOKMARKNO:lang(da)::before { width: 42px; } .BOOKMARKNO:lang(en)::before { width: 61px; } .BOOKMARKNO:lang(es)::before { width: 41px; } .BOOKMARKNO:lang(fr)::before { width: 41px; } .BOOKMARKNO:lang(hu)::before { width: 42px; } .BOOKMARKNO:lang(it)::before { width: 42px; } .BOOKMARKNO:lang(ja)::before { width: 42px; } .BOOKMARKNO:lang(ko)::before { width: 32px; } .BOOKMARKNO:lang(nl)::before { width: 42px; } .BOOKMARKNO:lang(no)::before { width: 52px; } .BOOKMARKNO:lang(pl)::before { width: 42px; } .BOOKMARKNO:lang(pt-br)::before { width: 42px; } .BOOKMARKNO:lang(ro)::before { width: 44px; } .BOOKMARKNO:lang(ru)::before { width: 44px; } .BOOKMARKNO:lang(sk)::before { width: 52px; } .BOOKMARKNO:lang(sr)::before { width: 36px; } .BOOKMARKNO:lang(sv)::before { width: 40px; } .BOOKMARKNO:lang(tr)::before { width: 42px; } .BOOKMARKNO:lang(zh-cn)::before { width: 32px; } .BOOKMARKNO:lang(et)::before { width: 56px; } .BOOKMARKNO:lang(lv)::before { width: 56px; } /***** LINK Bookmark Dialog Lesezeichen loeschen - delete bookmark *****/ .BOOKMARKRESET { display: block !important;padding: 7px;position: relative;min-width: 0;max-width: fit-content;margin: 45px auto 0 auto;color: rgba(255, 255, 255, 0.9) !important; font-size: 12px !important; } .BOOKMARKRESET:hover { color: rgba(255, 255, 255, 0.8) !important; } /***** BTN Unit Bookmark Dialog zum Kapitellesezeichen springen - go to unit bookmark *****/ .UNITBOOKMARKYES { display: inline-block; vertical-align: text-bottom; background-color: #339900; background-color: var(--correctColor); border-radius: 0; min-width:200px; padding-left: 8px; padding-right: 8px;} .UNITBOOKMARKYES::before { content: ''; display: block; margin: 7px auto 4px auto; background-position: -390px -294px; width: 89px;height: 20px; } .UNITBOOKMARKYES:hover { background-color: hsl(100, 50%, 60%); background-color: var(--correctColor-hover);cursor: pointer; } .UNITBOOKMARKYES::before:hover { background-position: -390px -334px; cursor: pointer;} .UNITBOOKMARKYES.inactive { background: rgba(227, 227, 227, 1); background: var(--inactiveColor); cursor: no-drop;} .UNITBOOKMARKYES.inactive::before:hover { background-position: -390px -374px; cursor: no-drop;} .UNITBOOKMARKYES:lang(cs)::before { width:108px; } .UNITBOOKMARKYES:lang(da)::before { width:70px; } .UNITBOOKMARKYES:lang(en)::before { width:91px; } .UNITBOOKMARKYES:lang(es)::before { width:84px; } .UNITBOOKMARKYES:lang(fr)::before { width: 98px; } .UNITBOOKMARKYES:lang(hu)::before { width:102px; } .UNITBOOKMARKYES:lang(it)::before { width:81px; } .UNITBOOKMARKYES:lang(ja)::before { width:89px; } .UNITBOOKMARKYES:lang(ko)::before { width:122px; } .UNITBOOKMARKYES:lang(nl)::before { width:86px; } .UNITBOOKMARKYES:lang(no)::before { width:70px; } .UNITBOOKMARKYES:lang(pl)::before { width:99px; } .UNITBOOKMARKYES:lang(pt-br)::before { width:98px; } .UNITBOOKMARKYES:lang(ro)::before { width:100px; } .UNITBOOKMARKYES:lang(ru)::before { width:109px; } .UNITBOOKMARKYES:lang(sk)::before { width:109px; } .UNITBOOKMARKYES:lang(sr)::before { width:77px; } .UNITBOOKMARKYES:lang(sv)::before { width:71px; } .UNITBOOKMARKYES:lang(tr)::before { width:100px; } .UNITBOOKMARKYES:lang(et)::before { width:64px; } .UNITBOOKMARKYES:lang(lv)::before { width:80px; } .UNITBOOKMARKYES:lang(zh-cn)::before { width:76px; } /***** BTN Unit Bookmark Dialog zum Kapitellesezeichen springen - go to unit bookmark *****/ .UNITBOOKMARKNO { display: inline-block; vertical-align: text-bottom; background-color:rgba(69, 21, 68, 1);background-color:var(--primaryColor); border-radius: 0; min-width:200px; padding-left: 8px; padding-right: 8px;} .UNITBOOKMARKNO::before { content: ''; display: block; margin: 7px auto 4px auto; background-position: -0px -294px; width: 130px;height: 20px; } .UNITBOOKMARKNO:hover { background-color: rgba(255, 11, 55, 1); background-color: var(--secondaryColor); cursor: pointer; } .UNITBOOKMARKNO::before:hover { background-position: -0px -334px; cursor: pointer;} .UNITBOOKMARKNO.inactive { background: rgba(227, 227, 227, 1); background: var(--inactiveColor); cursor: no-drop; } .UNITBOOKMARKNO.inactive::before:hover { background-position: -0px -374px; cursor: no-drop; } .UNITBOOKMARKNO:lang(cs)::before { width: 103px; } .UNITBOOKMARKNO:lang(da)::before { width: 104px; } .UNITBOOKMARKNO:lang(en)::before { width: 76px; } .UNITBOOKMARKNO:lang(es)::before { width: 140px; } .UNITBOOKMARKNO:lang(fr)::before { width: 130px; } .UNITBOOKMARKNO:lang(hu)::before { width: 118px; } .UNITBOOKMARKNO:lang(it)::before { width: 97px; } .UNITBOOKMARKNO:lang(ja)::before { width: 133px; } .UNITBOOKMARKNO:lang(ko)::before { width: 179px; } .UNITBOOKMARKNO:lang(nl)::before { width: 157px; } .UNITBOOKMARKNO:lang(no)::before { width: 111px; } .UNITBOOKMARKNO:lang(pl)::before { width: 147px; } .UNITBOOKMARKNO:lang(pt-br)::before { width: 107px; } .UNITBOOKMARKNO:lang(ro)::before { width: 101px; } .UNITBOOKMARKNO:lang(ru)::before { width: 137px; } .UNITBOOKMARKNO:lang(sk)::before { width: 110px; } .UNITBOOKMARKNO:lang(sr)::before { width: 118px; } .UNITBOOKMARKNO:lang(sv)::before { width: 124px; } .UNITBOOKMARKNO:lang(tr)::before { width: 139px; } .UNITBOOKMARKNO:lang(et)::before { width: 96px; } .UNITBOOKMARKNO:lang(lv)::before { width: 96px; } .UNITBOOKMARKNO:lang(zh-cn)::before { width: 91px; } /***** BTN Audio Mute Yes Dialog zum Programmstart *****/ .AUDIOSILENTYES{ display: inline-block; vertical-align: text-bottom; background-color: #339900; background-color: var(--correctColor); border-radius: 0; min-width:200px; padding-left: 8px; padding-right: 8px;} .AUDIOSILENTYES::before { content: ''; display: block; margin: 7px auto 4px auto; background-position: -800px -1369px; width: 135px;height: 20px; } .AUDIOSILENTYES:hover { background-color: hsl(100, 50%, 60%); background-color: var(--correctColor-hover); cursor: pointer; } .AUDIOSILENTYES::before:hover { background-position: -800px -1409px; cursor: pointer;} .AUDIOSILENTYES.inactive { background: rgba(227, 227, 227, 1); background: var(--inactiveColor); cursor: no-drop;} .AUDIOSILENTYES.inactive::before:hover { background-position: -800px -1449px; cursor: no-drop;} .AUDIOSILENTYES:lang(cs)::before { width: 148px; } .AUDIOSILENTYES:lang(da)::before { width: 113px; } .AUDIOSILENTYES:lang(en)::before { width: 203px; } .AUDIOSILENTYES:lang(es)::before { width: 131px; } .AUDIOSILENTYES:lang(fr)::before { width: 184px; } .AUDIOSILENTYES:lang(hu)::before { width: 166px; } .AUDIOSILENTYES:lang(it)::before { width: 142px; } .AUDIOSILENTYES:lang(ja)::before { width: 153px; } .AUDIOSILENTYES:lang(ko)::before { width: 153px; } .AUDIOSILENTYES:lang(nl)::before { width: 160px; } .AUDIOSILENTYES:lang(no)::before { width: 113px; } .AUDIOSILENTYES:lang(pl)::before { width: 172px; } .AUDIOSILENTYES:lang(pt-br)::before { width: 153px; } .AUDIOSILENTYES:lang(ro)::before { width: 147px; } .AUDIOSILENTYES:lang(ru)::before { width: 120px; } .AUDIOSILENTYES:lang(sk)::before { width: 148px; } .AUDIOSILENTYES:lang(sr)::before { width: 146px; } .AUDIOSILENTYES:lang(sv)::before { width: 119px; } .AUDIOSILENTYES:lang(tr)::before { width: 176px; } .AUDIOSILENTYES:lang(et)::before { width: 185px; } .AUDIOSILENTYES:lang(lv)::before { width: 162px; } .AUDIOSILENTYES:lang(zh-cn)::before { width: 107px; } /***** BTN Audio Mute No Dialog zum Programmstart *****/ .AUDIOSILENTNO{ display: inline-block; vertical-align: text-bottom; background-color:rgba(69, 21, 68, 1);background-color:var(--primaryColor); border-radius: 0; min-width:200px; padding-left: 8px; padding-right: 8px;} .AUDIOSILENTNO::before { content: ''; display: block; margin: 7px auto 4px auto; background-position: -800px -1523px; width: 140px;height: 20px; } .AUDIOSILENTNO:hover { background-color: rgba(255, 11, 55, 1); background-color: var(--secondaryColor); cursor: pointer; } .AUDIOSILENTNO::before:hover { background-position: -800px -1563px; cursor: pointer;} .AUDIOSILENTNO.inactive { background: rgba(227, 227, 227, 1); background: var(--inactiveColor); cursor: no-drop; } .AUDIOSILENTNO.inactive::before:hover { background-position: -800px -1603px; cursor: no-drop; } .AUDIOSILENTNO:lang(cs)::before { width: 145px; } .AUDIOSILENTNO:lang(da)::before { width: 118px; } .AUDIOSILENTNO:lang(en)::before { width: 210px; } .AUDIOSILENTNO:lang(es)::before { width: 144px; } .AUDIOSILENTNO:lang(fr)::before { width: 189px; } .AUDIOSILENTNO:lang(hu)::before { width: 147px; } .AUDIOSILENTNO:lang(it)::before { width: 137px; } .AUDIOSILENTNO:lang(ja)::before { width: 163px; } .AUDIOSILENTNO:lang(ko)::before { width: 197px; } .AUDIOSILENTNO:lang(nl)::before { width: 155px; } .AUDIOSILENTNO:lang(no)::before { width: 118px; } .AUDIOSILENTNO:lang(pl)::before { width: 170px; } .AUDIOSILENTNO:lang(pt-br)::before { width: 156px; } .AUDIOSILENTNO:lang(ro)::before { width: 158px; } .AUDIOSILENTNO:lang(ru)::before { width: 123px; } .AUDIOSILENTNO:lang(sk)::before { width: 149px; } .AUDIOSILENTNO:lang(sr)::before { width: 151px; } .AUDIOSILENTNO:lang(sv)::before { width: 128px; } .AUDIOSILENTNO:lang(tr)::before { width: 141px; } .AUDIOSILENTNO:lang(zh-cn)::before { width: 120px; } .AUDIOSILENTNO:lang(et)::before { width: 192px; } .AUDIOSILENTNO:lang(lv)::before { width: 169px; } /***** BTN dialog commentar *****/ .CFBSHOW { position: absolute;top: 50%;left: 50%;margin-left: 512px; margin-top: 296px; background-color:rgba(69, 21, 68, 1);background-color:var(--primaryColor); border-radius: 0; } .CFBSHOW::before { content: ''; display: block; margin: 7px 10px 4px 10px; background-position: -670px -155px; width: 28px;height: 25px; } .CFBSHOW:hover { background-color: rgba(255, 11, 55, 1); background-color: var(--secondaryColor); cursor: pointer; } .CFBSHOW::before:hover { background-position: -670px -195px; cursor: pointer;} .CFBSHOW.inactive { background: rgba(227, 227, 227, 1); background: var(--inactiveColor); cursor: no-drop; } .CFBSHOW.inactive::before:hover { background-position: -670px -235px; cursor: no-drop; } /***** BTN send commentar *****/ .CFBSEND { display: inline-block; vertical-align: text-bottom; background-color:rgba(69, 21, 68, 1);background-color:var(--primaryColor); border-radius: 0; } .CFBSEND::before { content: ''; display: block; margin: 7px 10px 4px 10px; background-position: -670px -155px; width: 28px;height: 25px; } .CFBSEND:hover { background-color: rgba(255, 11, 55, 1); background-color: var(--secondaryColor); cursor: pointer; } .CFBSEND::before:hover { background-position: -670px -195px; cursor: pointer;} .CFBSEND.inactive { background: rgba(227, 227, 227, 1); background: var(--inactiveColor); cursor: no-drop; } .CFBSEND.inactive::before:hover { background-position: -670px -235px; cursor: no-drop; } /***** text field commentar *****/ .CFBINPUT {height:100px; width:225px;padding:0px 2px 0 2px; background-color:rgba(69, 21, 68, 1);background-color:var(--primaryColor);} /***** BTN ? *****/ .SETCOMPLETED { display: inline-block; vertical-align: text-bottom; background-color:rgba(69, 21, 68, 1);background-color:var(--primaryColor);border-radius: 0; } .SETCOMPLETED::before { content: ''; display: block; margin: 7px 10px 4px 10px; background-position: -800px -1366px; width: 0px;height: 0px; } .SETCOMPLETED:hover { background-color: rgba(255, 11, 55, 1); background-color: var(--secondaryColor); cursor: pointer; } .SETCOMPLETED::before:hover { background-position: -800px -1366px; cursor: pointer;} .SETCOMPLETED.inactive { background: rgba(227, 227, 227, 1); background: var(--inactiveColor); cursor: no-drop; } .SETCOMPLETED.inactive::before:hover { background-position: -800px -1366px; cursor: no-drop; } /***** BTN ? *****/ .SETINCOMPLETE { display: inline-block; vertical-align: text-bottom; background-color:rgba(69, 21, 68, 1);background-color:var(--primaryColor); border-radius: 0; } .SETINCOMPLETE::before { content: ''; display: block; margin: 7px 10px 4px 10px; background-position: -800px -1366px; width: 0px;height: 0px; } .SETINCOMPLETE:hover { background-color: rgba(255, 11, 55, 1); background-color: var(--secondaryColor); cursor: pointer; } .SETINCOMPLETE::before:hover { background-position: -800px -1366px; cursor: pointer;} .SETINCOMPLETE.inactive { background: rgba(227, 227, 227, 1); background: var(--inactiveColor); cursor: no-drop; } .SETINCOMPLETE.inactive::before:hover { background-position: -800px -1366px; cursor: no-drop; } /* short mini tooltip dialog for audio on/off notification */ #AudioNotification { /* #AudioNotification */ display:none; top: 50% !important; left: 50% !important; margin-left: -160px; margin-top: -70px; position:absolute; padding: 42px 56px; width:320px; overflow:hidden; background-color: rgba(43, 43, 43, 1); border: 1px solid rgba(43, 43, 43, 1); box-shadow: 2px 2px 2px rgba(0,0,0,0.15); box-sizing:border-box; z-index: 5555; } /* audio player as element*/ #player { position: absolute;border: 1px dotted lightgray;} /*global function window */ .popup {position: absolute; display: none; z-index: 1000; overflow: auto; -webkit-overflow-scrolling: touch;} /*global function window - Inhalt */ .popup iframe {margin: 0; padding: 0; border: none; background: rgba(255, 255, 255, 1.0); text-align: left;overflow-y:hidden;overflow-x:hidden; width:100%;height: 540px !important;} /* GLOSSAR */ #glossaryMenu ul { list-style-type: none; padding: 0px; margin: 4px;} #glossaryMenu li { float: left; padding: 2px 4px 2px 0px;} #glossaryMenu li.active a{ font-weight: bold;} #glossaryMenu li.inactive { text-decoration: none;} #glossaryContent {clear: both; margin-top: 40px; width: 430px;} #glossaryContent .item { margin-top: 14px;} #glossaryContent .item > .title { margin-bottom: 10px; font-size: 14px; color:#425462; font-weight: bold;} #glossaryContent .item > .ct { text-align: justify;} #glossaryContent .item > .toTop { clear: both; display: block; padding-top: 5px;}/*#EIMPRESSUM,#EDISCLAIMER,#EHELP,*/ /***** BTN Abbrechen Cancel*****/ #EFINISH { position: absolute; right: 20px; bottom: 10px; background-color:rgba(69, 21, 68, 1);background-color:var(--primaryColor); border-radius: 0; } #EFINISH::before { content: ''; display: block; margin: 7px 10px 4px 10px; background-position: -0px -554px; width: 74px;height: 21px; } #EFINISH:hover { background-color: rgba(255, 11, 55, 1);background-color: var(--secondaryColor); cursor: pointer; } #EFINISH::before:hover { background-position: -0px -594px; cursor: pointer;} #EFINISH.inactive { background: rgba(227, 227, 227, 1); background: var(--inactiveColor); cursor: no-drop; } #EFINISH.inactive::before:hover { background-position: -0px -634px; cursor: no-drop;} #EFINISH:lang(cs)::before { width: 54px; } #EFINISH:lang(en)::before, #EFINISH:lang(da)::before, #EFINISH:lang(no)::before, #EFINISH:lang(sv)::before { width: 46px; } #EFINISH:lang(es)::before { width: 78px; } #EFINISH:lang(fr)::before, #EFINISH:lang(ro)::before { width: 54px; } #EFINISH:lang(hu)::before { width: 80px; } #EFINISH:lang(it)::before { width: 52px; } #EFINISH:lang(ja)::before, #EFINISH:lang(pl)::before { width: 56px; } #EFINISH:lang(ko)::before,#EFINISH:lang(ja)::before { width: 32px; } #EFINISH:lang(nl)::before { width: 70px; } #EFINISH:lang(pt-br)::before { width: 61px; } #EFINISH:lang(ru)::before { width: 55px; } #EFINISH:lang(sk)::before { width: 42px; } #EFINISH:lang(sr)::before, #EFINISH:lang(tr)::before { width: 48px; } #EFINISH:lang(zh-cn)::before { width: 32px; } /***** BTN Ergebnisse Results*****/ #RFINISH {position: absolute; display: -ms-flexbox; display: -webkit-flex; display: flex; -webkit-flex-direction: row; -ms-flex-direction: row; flex-direction: row; -webkit-flex-wrap: nowrap; -ms-flex-wrap: nowrap; flex-wrap: nowrap; -webkit-justify-content: center; -ms-flex-pack: center; justify-content: center; -webkit-align-content: space-around; -ms-flex-line-pack: distribute; align-content: space-around; -webkit-align-items: center; -ms-flex-align: center; align-items: center; right: -5px; top: 377px; width: 60px; height: 46px; background-color: rgba(236, 236, 236, 1); background-color: var(--FW-PageNavigation-BG); border-radius: 40px 0 0 40px; z-index: 999; } #RFINISH::before { content: ''; background-position: -883px -1060px; width: 35px; height: 35px; -webkit-order: 0; -ms-flex-order: 0; order: 0; -webkit-flex: 0 1 auto; -ms-flex: 0 1 auto; flex: 0 1 auto; -webkit-align-self: auto; -ms-flex-item-align: auto; align-self: auto; } #RFINISH:hover { background-color: rgba(218, 236, 248, 1); background-color: var(--FW-PageNavigation-BG-hover); cursor: pointer; transform: translate(-5px,0); } #RFINISH::before:hover { background-position: -883px -1145px; cursor: pointer;} #RFINISH.inactive { background-color: rgba(255, 255, 255, 0.5); background-color: var(--FW-navButtons-inactive); cursor: no-drop; } #RFINISH.inactive:hover { background-color: rgba(255, 255, 255, 0.5); background-color: var(--FW-navButtons-inactive); cursor: no-drop; transform: translate(0,0);} #RFINISH.inactive::before, #RFINISH.inactive:hover::before {background-position: -883px -1145px; opacity:0.1; cursor: no-drop;} /***** BTN exit the programm *****/ #EEXIT { position: absolute; display: -ms-flexbox; display: -webkit-flex; display: flex; -webkit-flex-direction: row; -ms-flex-direction: row; flex-direction: row; -webkit-flex-wrap: nowrap; -ms-flex-wrap: nowrap; flex-wrap: nowrap; -webkit-justify-content: center; -ms-flex-pack: center; justify-content: center; -webkit-align-content: space-around; -ms-flex-line-pack: distribute; align-content: space-around; -webkit-align-items: center; -ms-flex-align: center; align-items: center; right: 15px; top:12px; width: 37px; height: 37px; background-color: rgba(255, 255, 255, 1); background-color: var(--FW-navButtons); border-radius: 35px;border-radius: var(--FW-navButtons-radius); } #EEXIT:before { content: ''; background-position: -91.7px -56.2px; width:35px; height: 35px; vertical-align: middle; -webkit-order: 0; -ms-flex-order: 0; order: 0; -webkit-flex: 0 1 auto; -ms-flex: 0 1 auto; flex: 0 1 auto; -webkit-align-self: auto; -ms-flex-item-align: auto; align-self: auto;} #EEXIT:hover { background-color: rgba(218, 236, 248, 1); background-color: var(--FW-navButtons-hover); cursor: pointer;} #EEXIT::before:hover {background-position: -91.7px -102.2px; cursor: pointer;} #EEXIT.inactive { background-color: rgba(198, 235, 249, 0 ); cursor: no-drop; } #EEXIT.inactive::before:hover { background-position: -91.7px -126.2px; cursor: no-drop; } /***** BTN Beenden Exit *****/ #REXIT { position: absolute; right: 20px; bottom:10px;background-color:rgba(69, 21, 68, 1);background-color:var(--primaryColor); border-radius: 0; z-index:999; } #REXIT::before { content: ''; display: block; margin: 7px 10px 4px 10px; background-position: -0px -684px; width: 61px;height: 21px; } #REXIT:hover { background-color: rgba(255, 11, 55, 1); background-color: var(--secondaryColor); cursor: pointer; } #REXIT::before:hover { background-position: -0px -724px; cursor: pointer;} #REXIT.inactive { background: rgba(227, 227, 227, 1); background: var(--inactiveColor); cursor: no-drop;} #REXIT.inactive::before:hover { background-position: -0px -764px; cursor: no-drop; } #REXIT:lang(cs)::before { width: 53px; } #REXIT:lang(da)::before { width: 41px; } #REXIT:lang(en)::before { width: 28px; } #REXIT:lang(es)::before { width: 56px; } #REXIT:lang(fr)::before { width: 50px; } #REXIT:lang(hu)::before { width: 63px; } #REXIT:lang(it)::before { width: 29px; } #REXIT:lang(ja)::before { width: 33px; } #REXIT:lang(ko)::before { width: 32px; } #REXIT:lang(nl)::before { width: 61px; } #REXIT:lang(no)::before { width: 46px; } #REXIT:lang(pl)::before { width: 56px; } #REXIT:lang(pt-br)::before { width: 28px; } #REXIT:lang(ro)::before { width: 65px; } #REXIT:lang(ru)::before { width: 47px; } #REXIT:lang(sk)::before { width: 54px; } #REXIT:lang(sr)::before { width: 42px; } #REXIT:lang(sv)::before { width: 50px; } #REXIT:lang(tr)::before { width: 65px; } #REXIT:lang(zh-cn)::before { width: 32px; } /***** BTN exit the programm 2 *****/ #META { position: absolute; display: -ms-flexbox; display: -webkit-flex; display: flex; -webkit-flex-direction: row; -ms-flex-direction: row; flex-direction: row; -webkit-flex-wrap: nowrap; -ms-flex-wrap: nowrap; flex-wrap: nowrap; -webkit-justify-content: center; -ms-flex-pack: center; justify-content: center; -webkit-align-content: space-around; -ms-flex-line-pack: distribute; align-content: space-around; -webkit-align-items: center; -ms-flex-align: center; align-items: center; right: 15px; top:12px; width: 35px; height: 35px; background-color: rgba(255, 255, 255, 1); background-color: var(--FW-navButtons); border-radius: 35px;border-radius: var(--FW-navButtons-radius); } #META:before { content: ''; background-position: -91px -56px; width:35px; height: 35px; vertical-align: middle; -webkit-order: 0; -ms-flex-order: 0; order: 0; -webkit-flex: 0 1 auto; -ms-flex: 0 1 auto; flex: 0 1 auto; -webkit-align-self: auto; -ms-flex-item-align: auto; align-self: auto;} #META:hover { background-color: rgba(218, 236, 248, 1); background-color: var(--FW-navButtons-hover); cursor: pointer;} #META::before:hover {background-position: -91px -102px; cursor: pointer;} #META.inactive { background-color: rgba(198, 235, 249, 0 ); cursor: no-drop; } #META.inactive::before:hover { background-position: -91px -126px; cursor: no-drop; }.rateUrselfMainContainer{float:left;width:100%;} .rateUrselfTextContainer{width:50%;float:left;font-weight:bold;} .rateUrselfText{width:90%; margin-top:5px; resize:none; height:150px; /*readonly;*/} .rateUrselfButtonContainer{float:right;margin-top:20px;margin-right:23px;} .buttonText{float:left;} .rateUrselfButtons{float:right;}/* MENU 1 */ #menu1 { display : none ; position: absolute; width:310px; left: 0px; bottom: 51px; text-align: left; overflow-y: hidden; overflow-x: hidden; padding: 0px; border-radius: 0px; background-color: rgba(239, 239 ,239, 1); border-right: 1px solid rgba(203, 203 ,203, 1); border-top: 1px solid rgba(203, 203 ,203, 1); z-index: 9999;} #menu1-header {display: none; width: 0px; height: 0px; padding: 0px 0px 0px 0px; line-height: 0px; font-size: 0px; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; background-color:transparent;} #menu1 .close { position: absolute; right: 5px; top: 5px; border: none;} #menu1 .prev { background-position: -0px -0px; width: 0px; height: 0px; padding: 0px;} #menu1 .prev.over{ background-position: -0px -0px;} #menu1 .prev.inactive{ background-position: -0px -0px;} #menu1 .next { background-position: -0px -0px; width: 0px; height:0px; padding: 0px;} #menu1 .next.over { background-position: -0px -0px;} #menu1 .next.inactive { background-position: -0px -0px;} #menu1-footer { display: none;} #menu1 .scrollcontainer { overflow-y: auto; overflow-x: hidden; padding:0; margin:45px 20px 20px 26px; background-color:transparent; min-height:0px; max-height: 555px;} #menu1 .sub-menu scrollcontent {} #menu1 ul { margin:0; padding:0; } #menu1 ul li {cursor: pointer; list-style:none; position:relative; margin:0; padding:0; float:left; width:100%;} #menu1 ul li ul { margin:0; padding:0; } #menu1 ul li ul li {cursor: pointer;list-style:none; position:relative; margin:0; padding:0; float:left;width:100%;} #menu1 ul li ul li ul{margin:0; padding: 0;} #menu1 ul li ul li ul li {cursor: pointer; list-style:none; position:relative; margin:0; padding:0; float:left; width:100%;} .itemState { display:none;position: absolute; width: 16px; height: 14px; top: 6px; right: 14px;} .state { position: absolute; width: 13px; height: 17px; top: 9px; right: 0px; background-position: -433px -277px;}#menu1 li.l1 { } #menu1 li.l1 a.l1a { display: block; padding: 9px 22px 10px 0px; margin: 0px; font-size: 14px; line-height: 16px; color: #373737; text-decoration:none; border-top: 1px solid rgba(203, 203 ,203, 1); } #menu1 li.l1:first-child a.l1a { border-top: none; } #menu1 li.l1 a.l1a:hover { color:rgba(69, 21, 68, 1);color: var(--primaryColor); } #menu1 li.l1 a.l1a.active { color:rgba(69, 21, 68, 1);color: var(--primaryColor); } #menu1 li.l1 a.l1a.active:hover { color:rgba(69, 21, 68, 1);color: var(--primaryColor); } #menu1 li.l1 a.l1a.open { color:rgba(69, 21, 68, 1);color: var(--primaryColor); } #menu1 li.l1:first-child a.l1a.open { } #menu1 li.l1 a.l1a.open:hover { color:rgba(69, 21, 68, 1);color: var(--primaryColor); } #menu1 li.l1 a.l1a.inactive { color: #fff; } /*nichts*/ #menu1 li.l1.visited0 div.state { background-position: -433px -277px; } /*status angefangen*/ #menu1 li.l1.visited1 div.state { background-position: -433px -257px;} /*status bearbeitet*/ #menu1 li.l1.visited2 div.state { background-position: -433px -257px; } /*status nicht erfolgreich*/ #menu1 li.l1.visited3 div.state { background-position: -433px -257px;} /*erfolgreich*/ #menu1 li.l1.visited4 div.state { background-position: -433px -237px; }#menu1 li.l2 { } #menu1 li.l2 a.l2a { display: block; padding: 9px 22px 10px 10px; margin: 0px; font-size: 14px; line-height: 16px; color: #373737; text-decoration:none; border: none; } #menu1 li.l2 a.l2a:hover { color:rgba(69, 21, 68, 1);color: var(--primaryColor); } #menu1 li.l2 a.l2a.active { color:rgba(69, 21, 68, 1);color: var(--primaryColor); } #menu1 li.l2 a.l2a.active:hover { color:rgba(69, 21, 68, 1);color: var(--primaryColor); } #menu1 li.l2 a.l2a.open { color:rgba(69, 21, 68, 1);color: var(--primaryColor); } #menu1 li.l2 a.l2a.open:hover { color:rgba(69, 21, 68, 1);color: var(--primaryColor); } #menu1 li.l2 a.l2a.inactive { color: #fff; } /*nichts*/ #menu1 li.l2.visited0 div.state { background-position: -433px -277px; } /*status angefangen*/ #menu1 li.l2.visited1 div.state { background-position: -433px -257px;} /*status bearbeitet*/ #menu1 li.l2.visited2 div.state { background-position: -433px -257px; } /*status nicht erfolgreich*/ #menu1 li.l2.visited3 div.state { background-position: -433px -257px;} /*erfolgreich*/ #menu1 li.l2.visited4 div.state { background-position: -433px -237px; }#menu1 li.l3 { } #menu1 li.l3 a.l3a { display: block; padding: 9px 22px 10px 20px; margin: 0px; font-size: 12px; line-height: 14px; color: #373737; text-decoration:none; border: none; } #menu1 li.l3 a.l3a:hover { color:rgba(69, 21, 68, 1);color: var(--primaryColor); } #menu1 li.l3 a.l3a.active { color:rgba(69, 21, 68, 1);color: var(--primaryColor); } #menu1 li.l3 a.l3a.active:hover { color:rgba(69, 21, 68, 1);color: var(--primaryColor); } #menu1 li.l3 a.l3a.open { color:rgba(69, 21, 68, 1);color: var(--primaryColor); } #menu1 li.l3 a.l3a.open:hover { color:rgba(69, 21, 68, 1);color: var(--primaryColor); } #menu1 li.l3 a.l3a.inactive { color: #fff; } /*nichts*/ #menu1 li.l3.visited0 div.state { background-position: -433px -277px; } /*status angefangen*/ #menu1 li.l3.visited1 div.state { background-position: -433px -257px;} /*status bearbeitet*/ #menu1 li.l3.visited2 div.state { background-position: -433px -257px; } /*status nicht erfolgreich*/ #menu1 li.l3.visited3 div.state { background-position: -433px -257px;} /*erfolgreich*/ #menu1 li.l3.visited4 div.state { background-position: -433px -237px; }/* MENU 2 */ #menu2 { display:none; position: absolute; text-align: left; z-index: 999; overflow-y: hidden; overflow-x: hidden; padding: 0px; margin: 0 16px; border-radius: 0px; border: none;} #menu2-header { display:none; background-position: -0px -730px; width: 0px; height: 25px; width: 218px; padding: 0px; line-height: 0px; font-size: 0px; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; background-color:transparent;} #menu2 .close { display:none; position: absolute; right: 0px; top: 0px; border: none;} #menu2 .prev { background-position: -966px -0px; width: 43px; height: 20px; padding: 0px;} #menu2 .prev.over{ background-position: -966px -0px;} #menu2 .prev.inactive{ background-position: -0px -730px;} #menu2 .next { background-position: -966px -89px; width: 43px; height:20px; padding: 0px;} #menu2 .next.over { background-position: -966px -89px;} #menu2 .next.inactive { background-position: -0px -730px;} #menu2-footer { display: none;} #menu2 .scrollcontainer { overflow-y: auto; overflow-x: hidden; background-color:transparent;max-height: 360px;min-height:10px;} #menu2 .sub-menu scrollcontent {} #menu2 ul { margin:0; padding:0; } #menu2 ul li {cursor: pointer; list-style:none; position:relative; margin:0; padding:0; float:left; width:100%} #menu2 ul li ul { margin:0; padding:0; } #menu2 ul li ul li {cursor: pointer;list-style:none; position:relative; margin:0; padding:0; float:left;width:100%} #menu2 ul li ul li ul{margin:0; padding: 0;} #menu2 ul li ul li ul li {cursor: pointer; list-style:none; position:relative; margin:0; padding:0; float:left; width:100%} .itemState { display:none;position: absolute; width: 16px; height: 14px; top: 6px; right: 14px;} .state { position: absolute; width: 13px; height: 17px; top: 8px; right: 8px; background-position: -433px -277px;}#menu2 li.l1 {} #menu2 li.l1 a.l1a {display: block; background-color:transparent;padding: 5px 5px 5px 0px; margin: 0px; font-size: 13px; line-height: 15px; color: #5f6973; text-decoration:none;border-bottom: 1px solid #373737; } #menu2 li.l1 a.l1a:hover { color:rgba(69, 21, 68, 1);color: var(--primaryColor); } #menu2 li.l1 a.l1a.active { background-color:transparent; color:rgba(69, 21, 68, 1);color: var(--primaryColor); font-weight:bold; border-bottom: 1px solid #373737; } #menu2 li.l1 a.l1a.active:hover { color:rgba(69, 21, 68, 1);color: var(--primaryColor); font-weight:bold; } #menu2 li.l1 a.l1a.open { background-color:transparent; color:rgba(69, 21, 68, 1);color: var(--primaryColor); border-bottom: 1px solid #373737; } #menu2 li.l1 a.l1a.open:hover { background-color:transparent; color:rgba(69, 21, 68, 1);color: var(--primaryColor); } #menu2 li.l1 a.l1a.inactive { background-color:transparent; color: #686868;border-bottom: 1px solid #373737; } /*status angefangen*/ #menu2 li.l1.visited1 > div.state { background-position: -433px -257px;} /*status bearbeitet*/ #menu2 li.l1.visited2 > div.state { background-position: -433px -257px; } /*status nicht erfolgreich*/ #menu2 li.l1.visited3 > div.state { background-position: -433px -257px;} /*erfolgreich*/ #menu2 li.l1.visited4 > div.state { background-position: -433px -237px; } #menu2 li.l2 a.l2a {background-position: -418px -642px;display: block;background-color:transparent; padding: 5px 5px 5px 35px; margin: 0px; border-bottom: none; font-size: 13px;line-height: 15px; color: #373737; text-decoration:none; float:left;} #menu2 li.l2 a.l2a:hover { color:rgba(69, 21, 68, 1);color: var(--primaryColor); } #menu2 li.l2 a.l2a.active { background-color:transparent; color:rgba(69, 21, 68, 1);color: var(--primaryColor); } #menu2 li.l2 a.l2a.active:hover { color:rgba(69, 21, 68, 1);color: var(--primaryColor); font-weight:bold; } #menu2 li.l2 a.l2a.open { background-color:transparent; color:rgba(69, 21, 68, 1);color: var(--primaryColor); } #menu2 li.l2 a.l2a.open:hover { background-color:transparent; color:rgba(69, 21, 68, 1);color: var(--primaryColor); } #menu2 li.l2 a.l2a.inactive { background-color:transparent; color: #686868;} /*status angefangen*/ #menu2 li.l2.visited1 > div.state { background-position: -433px -257px;} /*status bearbeitet*/ #menu2 li.l2.visited2 > div.state { background-position: -433px -257px; } /*status nicht erfolgreich*/ #menu2 li.l2.visited3 > div.state { background-position: -433px -257px;} /*erfolgreich*/ #menu2 li.l2.visited4 > div.state { background-position: -433px -237px; } #menu2 li.l3 a.l3a { display: block;background-color:transparent; padding: 5px 5px 5px 45px; margin: 0px; border-bottom: none; font-size: 13px;line-height: 15px; color: #696868; text-decoration:none; float:left;} #menu2 li.l3 a.l3a:hover { color:rgba(69, 21, 68, 1);color: var(--primaryColor); } #menu2 li.l3 a.l3a.active { background-color:transparent; color:rgba(69, 21, 68, 1);color: var(--primaryColor); } #menu2 li.l3 a.l3a.active:hover { color:rgba(69, 21, 68, 1);color: var(--primaryColor); font-weight:bold; } #menu2 li.l3 a.l3a.open { background-color:transparent; color:rgba(69, 21, 68, 1);color: var(--primaryColor); } #menu2 li.l3 a.l3a.open:hover { background-color:transparent; color:rgba(69, 21, 68, 1);color: var(--primaryColor); } #menu2 li.l3 a.l3a.inactive { background-color:transparent; color: #686868; } #menu2 li.l3.visited1 div.state { background-position: -433px -257px;} #menu2 li.l3.visited2 div.state { background-position: -433px -257px; } #menu2 li.l3.visited3 div.state { background-position: -433px -257px;} #menu2 li.l3.visited4 div.state { background-position: -433px -237px; }#menu2 li.l4 a.l4a { display: block;background-color:transparent; padding: 5px 5px 5px 45px; margin: 0px; border-bottom: none; font-size: 12px;line-height: 14px; color: #999999; text-decoration:none; float:left;} #menu2 li.l4 a.l4a:hover { color:rgba(69, 21, 68, 1);color: var(--primaryColor); } #menu2 li.l4 a.l4a.active { background-color:transparent; color:rgba(69, 21, 68, 1);color: var(--primaryColor); } #menu2 li.l4 a.l4a.active:hover { color:rgba(69, 21, 68, 1);color: var(--primaryColor); font-weight:bold; } #menu2 li.l4 a.l4a.open { background-color:transparent; color:rgba(69, 21, 68, 1);color: var(--primaryColor); } #menu2 li.l4 a.l4a.open:hover { background-color:transparent; color:rgba(69, 21, 68, 1);color: var(--primaryColor); } #menu2 li.l4 a.l4a.inactive { background-color:transparent; color: #686868; } #menu2 li.l4.visited1 div.state { background-position: -433px -257px;} #menu2 li.l4.visited2 div.state { background-position: -433px -257px; } #menu2 li.l4.visited3 div.state { background-position: -433px -257px;} #menu2 li.l4.visited4 div.state { background-position: -433px -237px; }/* MENU GM1 */ #menuGM1 { display: none!important; visibility: hidden; position : absolute;width : 343px;left : 88px; top : 190px;text-align : left;z-index : 999;overflow-y : hidden;overflow-x : hidden;padding : 0;border-radius : 0;background-color : #f1f1f1;border : #d3d7da solid 1px; box-shadow: 0px 0px 5px #8c8c8c;} #menuGM1 .title {display : none !important ;} #menuGM1 .scrollcontainer {overflow-y : auto;overflow-x : hidden;padding : 0;background-color : transparent;max-height : 468px;min-height : 10px; } #menuGM1 ul { margin: 0; padding: 0; } #menuGM1 li { cursor: pointer; position: relative; list-style-type: none; display: block; padding: 9px 22px 10px 36px;margin: 0px; font-size: 14px; line-height: 16px; color: #373737; text-decoration:none; border-top: 1px solid #dcdee0;} #menuGM1 li .itemText { width:100%;} #menuGM1 li.over{ color:rgba(69, 21, 68, 1);color: var(--primaryColor); } #menuGM1 li:first-child { border-top:none; } #menuGM1 li.hidden { display: none!important;} #menuGM1 li.active .itemText{ color:rgba(69, 21, 68, 1);color: var(--primaryColor); } #menuGM1 li.active.over .itemText{ color:rgba(69, 21, 68, 1);color: var(--primaryColor); } #menuGM1 li.open .itemText{ color:rgba(69, 21, 68, 1);color: var(--primaryColor); } #menuGM1 li.open.over .itemText{ color:rgba(69, 21, 68, 1);color: var(--primaryColor); } #menuGM1 li.inactive .itemText{ color:rgba(69, 21, 68, 1);color: var(--primaryColor); } #menuGM1 li .itemState { display:none; position: absolute; width: 16px; height: 14px; top: 6px; right: 14px;} #menuGM1 li .state { display:none; position: absolute; width: 9px; height: 20px; top: 3px; right: 5px; background-position: -433px -97px;} #menuGM1 li.visited1 .state { display:none; background-position: -14px -57px;} #menuGM1 li.visited2 .state { display:none; background-position: -14px -77px;} #menuGM1 #menuGM1-footer { display: none;} /*info window siehe UI*/ #menuGM1 li.typ1 {background-position: -30px -2060px; } #menuGM1 li.typ1.over { color:rgba(69, 21, 68, 1);color: var(--primaryColor); } /*info hilfe*/ #menuGM1 li.typ2 {background-position: -30px -2130px; } #menuGM1 li.typ2.over { color:rgba(69, 21, 68, 1);color: var(--primaryColor); } /*info info*/ #menuGM1 li.typ3 {background-position: -30px -1989px; } #menuGM1 li.typ3.over { color:rgba(69, 21, 68, 1);color: var(--primaryColor); } /*info support*/ #menuGM1 li.typ4 {background-position: -30px -2203px; } #menuGM1 li.typ4.over { color:rgba(69, 21, 68, 1);color: var(--primaryColor); } /*info glossar*/ #menuGM1 li.typ5 { background-position: -30px -1905px; } #menuGM1 li.typ5.over { color:rgba(69, 21, 68, 1);color: var(--primaryColor); } /*info sonstige*/ #menuGM1 li.typ6 { background-position: -27px -1836px; } #menuGM1 li.typ6.over { color:rgba(69, 21, 68, 1);color: var(--primaryColor); } /* MENU Help in Start pages */ #menuGM2 { display: none!important; visibility: hidden; position: absolute; width: 214px; max-height: 472px; left: 97px; top:60px; z-index: 1001; overflow-y: auto; overflow-x: hidden; } #menuGM2 .title { color: #a15fbe;} #menuGM2 ul { margin: 0px 7px 0px 7px; width: 200px;background: rgb(255,255,255); padding: 0px; border-radius: 0px; border: none; box-shadow: 0px 7px 10px #8a8a8a;} #menuGM2 li { cursor: pointer; background-position: -114px -800px; width: 160px;color: #222222; position: relative; list-style-type: none; padding: 5px 5px 10px 35px; margin: 0px; border-top: 0px none #a15fbe;background-repeat: no-repeat; } /*info typ1: open new window*/ #menuGM2 li.typ1 { cursor: pointer; background-position: -114px -489px; } /*info typ2: Help*/ #menuGM2 li.typ2 { cursor: pointer; background-position: -114px -560px; } /*info typ3: additional information*/ #menuGM2 li.typ3 { cursor: pointer; background-position: -114px -419px; } /*info typ3: Support*/ #menuGM2 li.typ4 { cursor: pointer; background-position: -114px -531px; } #menuGM2 li.over{ background-color: #d2d2d2;} #menuGM2 li:last-child {} #menuGM2 li.hidden { display: none!important;} #menuGM2 li.active .itemText{ color: #00039f; } #menuGM2 li.active.over .itemText{ color: #222222; } #menuGM2 li.open .itemText{ color: #00039f; } #menuGM2 li.open.over .itemText{ color: #222222;} #menuGM2 li.inactive .itemText{ color: #cccccc; } #menuGM2 li .itemState { position: absolute; width: 16px; height: 14px; top: 6px; right: 14px;} #menuGM2 li .state { position: absolute; width: 9px; height: 20px;top: 3px; right: 5px; background-position: -27px -97px;} #menuGM2 li.visited1 .state { background-position: -27px -57px;} #menuGM2 li.visited2 .state { background-position: -27px -77px;} /* MENU GM3 print*/ #menuGM3 { display: none !important; position: absolute; width: 180px; height:70px; left: 15px; top:13px; z-index: 1001; overflow-y: hidden; overflow-x: hidden; } #menuGM3 .title { color: transparent;} #menuGM3 ul { margin: 0; width:180px; padding: 0px;} #menuGM3 li { cursor: pointer;background-color: rgba(255, 255, 255, 0);background-image: url("../images/1by1.gif"); width: 180px; height:70px;font-size:0px; color:transparent; } #menuGM3 li.over{background-color: rgba(255, 255, 255, 0); background-image: url("../images/1by1.gif"); font-size:0px; color:transparent;} /*info print*/ #menuGM3 li.typ1 {} :root { --hcustom: 672; --wcustom:1024; --vhcustom: 672; } .innerErrorAlert { transform: translate(-500px,-250px); transform-origin: left top; } .ui-widget-overlay { width: 100vw !important; height: 100vh !important; background-color: rgba(255, 255, 255, 0.6)!important; -webkit-backdrop-filter: blur(3px) !important; backdrop-filter: blur(3px)!important;} @media (min-height: 0px) and (max-height: 318.99px) { :root { --vhcustom: 310;}} @media (min-height: 319px) and (max-height: 328.99px) { :root { --vhcustom: 320;}} @media (min-height: 329px) and (max-height: 338.99px) { :root { --vhcustom: 330;}} @media (min-height: 339px) and (max-height: 358.99px) { :root { --vhcustom: 340;}} @media (min-height: 359px) and (max-height: 368.99px) { :root { --vhcustom: 360;}} @media (min-height: 369px) and (max-height: 373.99px) { :root { --vhcustom: 370;}} @media (min-height: 374px) and (max-height: 378.99px) { :root { --vhcustom: 375;}} @media (min-height: 379px) and (max-height: 388.99px) { :root { --vhcustom: 380;}} @media (min-height: 389px) and (max-height: 398.99px) { :root { --vhcustom: 390;}} @media (min-height: 399px) and (max-height: 408.99px) { :root { --vhcustom: 400;}} @media (min-height: 409px) and (max-height: 418.99px) { :root { --vhcustom: 410;}} @media (min-height: 419px) and (max-height: 428.99px) { :root { --vhcustom: 420;}} @media (min-height: 429px) and (max-height: 438.99px) { :root { --vhcustom: 430;}} @media (min-height: 439px) and (max-height: 448.99px) { :root { --vhcustom: 440;}} @media (min-height: 449px) and (max-height: 458.99px) { :root { --vhcustom: 450;}} @media (min-height: 459px) and (max-height: 468.99px) { :root { --vhcustom: 460;}} @media (min-height: 469px) and (max-height: 478.99px) { :root { --vhcustom: 470;}} @media (min-height: 479px) and (max-height: 488.99px) { :root { --vhcustom: 480;}} @media (min-height: 489px) and (max-height: 498.99px) { :root { --vhcustom: 490;}} @media (min-height: 499px) and (max-height: 508.99px) { :root { --vhcustom: 500;}} @media (min-height: 509px) and (max-height: 518.99px) { :root { --vhcustom: 510;}} @media (min-height: 519px) and (max-height: 528.99px) { :root { --vhcustom: 520;}} @media (min-height: 529px) and (max-height: 538.99px) { :root { --vhcustom: 530;}} @media (min-height: 539px) and (max-height: 548.99px) { :root { --vhcustom: 540;}} @media (min-height: 549px) and (max-height: 558.99px) { :root { --vhcustom: 550;}} @media (min-height: 559px) and (max-height: 568.99px) { :root { --vhcustom: 560;}} @media (min-height: 569px) and (max-height: 578.99px) { :root { --vhcustom: 570;}} @media (min-height: 579px) and (max-height: 588.99px) { :root { --vhcustom: 580;}} @media (min-height: 589px) and (max-height: 598.99px) { :root { --vhcustom: 590;}} @media (min-height: 599px) and (max-height: 608.99px) { :root { --vhcustom: 600;}} @media (min-height: 609px) and (max-height: 618.99px) { :root { --vhcustom: 610;}} @media (min-height: 619px) and (max-height: 628.99px) { :root { --vhcustom: 620;}} @media (min-height: 629px) and (max-height: 638.99px) { :root { --vhcustom: 630;}} @media (min-height: 639px) and (max-height: 670.99px) { :root { --vhcustom: 640;}} @media (orientation: landscape) { #pageFrameDiv { -o-transform: scale(calc(var(--vhcustom) / var(--hcustom))); -moz-transform: scale(calc(var(--vhcustom) / var(--hcustom))); -webkit-transform: scale(calc(var(--vhcustom) / var(--hcustom))); transform: scale(calc(var(--vhcustom) / var(--hcustom)));}} @media (min-height: 671px) and (max-height: 739.99px) { :root { --vhcustom: 671; } #pageFrameDiv { -o-transform: scale(1.0); -moz-transform: scale(1.0); -webkit-transform: scale(1.0); transform: scale(1.0); } } @media (min-height: 740px) and (max-height: 839.99px) { :root { --vhcustom: 740; } #pageFrameDiv { -o-transform: scale(1.0); -moz-transform: scale(1.0); -webkit-transform: scale(1.0); transform: scale(1.0); } } @media (min-height: 840px) and (max-height: 1050.99px) { :root { --vhcustom: 840; } #pageFrameDiv{ -o-transform: scale(calc(var(--vhcustom) / var(--hcustom) - 0)); -moz-transform: scale(calc(var(--vhcustom) / var(--hcustom) - 0)); -webkit-transform: scale(calc(var(--vhcustom) / var(--hcustom) - 0)); transform: scale(calc(var(--vhcustom) / var(--hcustom) - 0));}} @media (min-height: 1051px) { :root { --vhcustom: 840; } #pageFrameDiv { -o-transform: scale(calc(var(--vhcustom) / var(--hcustom) - 0)); -moz-transform: scale(calc(var(--vhcustom) / var(--hcustom) - 0)); -webkit-transform: scale(calc(var(--vhcustom) / var(--hcustom) - 0)); transform: scale(calc(var(--vhcustom) / var(--hcustom) - 0));}} @media (orientation: landscape) and (hover: none) and (pointer: coarse) { body { background:#fff; } .navigationContainer { transform: translateY(0%) translateY(0px) translateZ(0); transition: none; transition-delay: unset; } .navigationContainer::before { display:none } #fw-pin { display:none; } /*@supports (-webkit-overflow-scrolling: touch) {*/ #pageFrameDiv { -o-transform: scale(calc(var(--vhcustom) / var(--hcustom) - 0.07)); -moz-transform: scale(calc(var(--vhcustom) / var(--hcustom) - 0.07)); -webkit-transform: scale(calc(var(--vhcustom) / var(--hcustom) - 0.07)); transform: scale(calc(var(--vhcustom) / var(--hcustom) - 0.07)); } /*}*/} .tabBody{ display:none; } .tabHead{ width:100px; border-style:solid; border-color:red; float:left; margin-left: 5px; } #qs_modeTabBodyContainer{ background-color: #a4d0f7; border: 1px solid yellow; z-index: 99999; position: absolute; top: 50px; display:none; } .qs_mode{ display:none; position:absolute; background-color:#A4D0F7; z-index:99999; border:1px solid yellow; }