/* =============================================================================================================================================================================== ---------------------------------------------------------------->>> :Voreinstellung der Elemente: <<<-------------------------------------------------------------------------- =============================================================================================================================================================================== */ *{ -webkit-font-smoothing:antialiased; -webkit-touch-callout: none; -webkit-user-select: none; -khtml-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none; } body { background:#ffffff; color:#58585a; font-size:16px; font-family:sans-serif,Trebuchet MS,Tahoma,Helvetica, Arial, Verdana; margin:0px; padding:0px; text-align:left; } a { text-decoration: none !important; color:#3179c3; } img, a { border:none; } input:focus, select:focus, textarea:focus, button:focus, img, a { outline: none; } ol.ol_circle { list-style-type:circle; padding-left:20px; line-height:22px; } table { width:100%; } label[tabindex]:focus, div[tabindex]:focus, button[tabindex]:focus { outline: none; box-shadow: 0 0 2px #7799D0; } .disabled, input[type="radio"][disabled], input[type="checkbox"][disabled], input[type="radio"].disabled, input[type="checkbox"].disabled, fieldset[disabled] input[type="radio"], fieldset[disabled] input[type="checkbox"] { cursor: not-allowed; pointer-events: none; filter: alpha(opacity=65); opacity: .65; -webkit-box-shadow: none; box-shadow: none; background-color: #fff !important; border-color: #ccc; color: #777 !important; } input[type=tel] { -webkit-user-select: text !important; -khtml-user-select: text !important; } select { cursor:pointer; } /*************** Label ***************/ label { vertical-align:middle; display:inline-block; margin-bottom:2px; } label input[type=checkbox], label input[type=checkbox] + span, label input[type=radio], label input[type=radio] + span { padding:0px; margin:0px; } label input[type=checkbox], label input[type=radio] { border:0px; cursor:pointer; vertical-align:middle; margin-right:2px; } label input[type=checkbox] + span, label input[type=radio] + span { cursor:pointer; vertical-align:middle; } label input[type=checkbox][disabled], label input[type=radio][disabled] { cursor:default; } label input[type=checkbox][disabled] + span, label input[type=radio][disabled] + span { display:inline; font-style:italic; color:#c2c5c8; cursor:default; } label :checked + span { color:#252932; } #beitrag:hover { color: #4A65BB !important; } /* =============================================================================================================================================================================== -------------------------------------------------------------------->>> :allgemeine Klassen: <<<------------------------------------------------------------------------------- =============================================================================================================================================================================== */ /*************** Positions ***************/ .float_l { float:left; } .float_r { float:right; } .pos_rel { position:relative; } .pos_abs { position:absolute; } .pos_fix { position:fixed; } .pos_fixi { position:fixed !important; } /*************** Colors ***************/ .color_std { color:#58585a } .color_white { color:#fff } .color_psplila { color:#702490 !important } .color_red_deep { color:#a92200 !important } .color_red_danger { color:#be0a26 !important } .color_blue_light { color:#5970b5 } .color_blue_link { color:#3179C3 !important } .color_blue_dark { color:#092f7e } .color_aqua { color:#3892e3 !important } .color_aqua_deep { color:#0087bc !important } .color_green_neon { color:#00a984 !important } .color_grey { color:grey } .color_grey_light { color:#a8a8a8; } .color_grey_mood { color:#7f8191 } .color_grey_disable { color:#929292 !important } .color_gb { color:#6d758e !important} .color_black { color:#000 } .color_black_light { color:#353535 } .color_black_light2 { color:#606060 } .color_black_light3 { color:#999999 } .color_overtxt { color:#0C3A6B; } .color_tt { color:#D3E7FF !important } .color_tt2 { color:#787D7F !important } .bg_whitei { background:#ffffff !important; } .bg_trtxt { background:#d4dce2; } .bg_danger { box-shadow: 0px 2px 4px #be0a26 inset,#be0a26 0 1px 1px !important; color:#9b0018 !important; border:1px solid #be0a26 !important; } /*************** Margins ***************/ .no_margin { margin:0px !important } .mt-1 { margin-top:-1px } .mt-2 { margin-top:-2px } .mt-3 { margin-top:-3px } .mt-5 { margin-top:-5px } .mt0 { margin-top:0px !important } .mt1 { margin-top:1px } .mt2 { margin-top:2px } .mt3 { margin-top:3px } .mt5 { margin-top:5px !important } .mt8 { margin-top:8px } .mt10 { margin-top:10px !important } .mt12 { margin-top:12px } .mt13 { margin-top:13px } .mt15 { margin-top:15px } .mt17 { margin-top:17px } .mt20 { margin-top:20px } .mt25 { margin-top:25px } .mt30 { margin-top:30px } .mt40 { margin-top:40px } .mt50 { margin-top:50px } .mt80 { margin-top:80px } .mt100 { margin-top:100px } .mt130 { margin-top:130px } .ml0 { margin-left:0px !important } .ml1 { margin-left:1px } .ml3 { margin-left:3px } .ml5 { margin-left:5px !important } .ml7 { margin-left:7px } .ml10 { margin-left:10px !important } .ml12 { margin-left:12px } .ml15 { margin-left:15px } .ml15i { margin-left:15px !important } .ml18 { margin-left:18px } .ml20 { margin-left:20px !important } .ml22 { margin-left:22px } .ml25 { margin-left:25px } .ml30 { margin-left:30px !important } .ml40 { margin-left:40px } .ml42 { margin-left:42px } .ml50 { margin-left:50px } .ml55i { margin-left:55px !important } .ml60i { margin-left:60px !important } .ml65 { margin-left:65px } .ml70 { margin-left:70px } .ml75 { margin-left:75px } .ml80 { margin-left:80px } .ml100 { margin-left:100px } .ml105i { margin-left:105px !important } .ml113i { margin-left:113px !important } .ml145 { margin-left:145px } .ml160 { margin-left:160px } .ml180 { margin-left:180px } .mr0 { margin-right:0px !important } .mr2 { margin-right:2px } .mr3 { margin-right:3px } .mr5 { margin-right:5px } .mr7 { margin-right:7px } .mr10 { margin-right:10px !important } .mr15 { margin-right:15px } .mr20 { margin-right:20px !important } .mr25 { margin-right:25px } .mr30 { margin-right:30px !important } .mr45 { margin-right:45px } .mr50 { margin-right:50px } .mr70 { margin-right:70px } .mb3 { margin-bottom:3px } .mb5 { margin-bottom:5px } .mb10 { margin-bottom:10px } .mb20 { margin-bottom:20px } .mb30 { margin-bottom:30px } .mb60 { margin-bottom:60px !important } /*************** Paddings ***************/ .no_padding { padding:0px } .padding2 { padding:2px } .padding3 { padding:3px } .padding5 { padding:5px } .padding10 { padding:10px } .pl3 { padding-left:3px } .pl5 { padding-left:5px !important } .pl10 { padding-left:10px !important } .pl15i { padding-left:15px !important } .pl18 { padding-left:18px } .pl20 { padding-left:20px } .pl22 { padding-left:22px } .pl30 { padding-left:30px } .pl50 { padding-left:50px } .pr3 { padding-right:3px } .pr4 { padding-right:4px } .pr5 { padding-right:5px } .pr5i { padding-right:5px !important } .pr20i { padding-right:20px !important } .pr30i { padding-right:30px !important } .pr10 { padding-right:10px !important } .pt1 { padding-top:1px !important } .pt3 { padding-top:3px } .pt5 { padding-top:5px } .pt10 { padding-top:10px } .pt20 { padding-top:20px } .pt30 { padding-top:30px } .pt55 { padding-top:55px } .pt80 { padding-top:80px } .pb2 { padding-bottom:2px } .pb5 { padding-bottom:5px } .pb10 { padding-bottom:10px } .pb30 { padding-bottom:30px } .ptb1 { padding:1px 0px; } .ptb2 { padding:2px 0px; } .ptb3 { padding:3px 0px; } .ptb5 { padding:5px 0px; } .ptb10 { padding:10px 0px !important; } /*************** Width ***************/ .w5 { width:5px } .w10 { width:10px } .w13 { width:13px } .w30 { width:30px } .w35 { width:35px } .w55 { width:55px } .w65 { width:65px !important } .w70 { width:70px } .w75 { width:75px !important } .w80 { width:80px } .w85 { width:85px } .w90 { width:90px } .w95 { width:95px } .w100 { width:100px } .w104 { width:104px } .w105 { width:105px !important } .w110 { width:110px } .w118 { width:118px } .w120 { width:120px } .w125 { width:125px } .w130 { width:130px } .w140 { width:140px } .w145 { width:145px } .w145i { width:145px !important } .w150 { width:150px } .w152 { width:152px } .w158 { width:158px } .w160 { width:160px } .w185 { width:185px } .w200 { width:200px; } .w215 { width:215px; } .w230 { width:230px; } .w245 { width:245px; } .w247 { width:247px; } .w283 { width:283px; } .w300 { width:300px } .w318 { width:318px } .w323 { width:323px !important; } .w330 { width:330px } .w337 { width:337px } .w345 { width:345px } .w406 { width:406px; } .w420 { width:420px; } .w435 { width:435px; } .w450 { width:450px; } .w568 { width:568px; } .w688 { width:688px; } .w830 { width:830px; } .w100p { width: 100%; } .minwidth100{ min-width:100px; } .minwidth460 { min-width:460px; } /*************** Left/Right/Bottom/Top ***************/ .top1i { top:1px !important } .top5 { top:5px !important } .top15 { top:15px !important } .top30 { top:30px } .top36 { top:36px !important } .top83 { top:83px !important } .top100 { top:100px } .top129 { top:129px !important } .top177 { top:177px !important } .top224 { top:224px !important } .left3i { left:3px !important; } .left-10 { left:-10px; } .right30 { right:30px } .right60 { right:60px } /*************** Height ***************/ .h13 { height:13px } .h14 { height:14px !important } .h15 { height:15px !important } .h17 { height:17px !important } .h18 { height:18px !important } .h20 { height:20px !important } .h22 { height:22px !important } .h25 { height:25px } .h35 { height:35px } .h40 { height:40px } .h45 { height:45px } .h51 { height:51px } .h55 { height:55px } .h60 { height:60px } .h65 { height:65px } .h70i { height:70px !important } .h80 { height:80px } .h130 { height:130px } .h135 { height:135px } .h140 { height:140px } /*************** Line-Height ***************/ .lh11 { line-height:11px } .lh12 { line-height:12px } .lh18 { line-height:18px } .lh20 { line-height:20px } .lh23 { line-height:23px } .lh24 { line-height:24px } .lh25 { line-height:25px } .lh26 { line-height:26px } .lh27 { line-height:27px } .lh28 { line-height:28px } .lh35 { line-height:35px } /*************** Letter-Spacing ***************/ .lsp1 { letter-spacing:1px } /*************** Border ***************/ .no_border { border:none !important } .no_radius { border-radius:0px !important } .border_blr { border-bottom-left-radius:6px; border-bottom-right-radius:6px; } .tr_bordert { border-top:30px solid #566073; } /*************** Textlabel ***************/ .f_size8 { font-size:8px } .f_size9 { font-size:9px } .f_size10 { font-size:10px !important } .f_size11 { font-size:11px } .f_size12 { font-size:12px } .f_size13 { font-size:13px } .f_size14 { font-size:14px } .f_size16 { font-size:16px } .f_size18 { font-size:18px } .f_size18i { font-size:18px !important } .f_size23 { font-size:23px } .f_size30 { font-size:30px } .f_bold { font-weight:bold; } .dc { margin: 0 auto; } .tc { text-align:center; } .tl { text-align:left; } .tj { text-align:justify; } .tu { text-decoration:underline !important; } .valign_t { vertical-align:top; } .valign_b { vertical-align:bottom; } .lbl_disabled { color:grey; cursor:default } .display_ib { display:inline-block; } .display_none { display:none !important } /*************** Others ***************/ .trenner, .cnt_tt .trenner { margin:2px 0px; border-bottom:1px solid #DBDBDB; } .cnt_tt .trenner { border-color:#bbb; margin:5px 0px; } .cnt_tt { color:#787D7F !important; width:300px; padding:10px; font-size:12px; } .infdiv { margin-top:2px; color:#787D7F; } .border_tt_top { border-top:1px solid #dbdbdb; } .noscroll {overflow:auto;} .clearer { width: 0; height: 0; clear: both; } .valign_inherit { vertical-align:inherit !important; } .visible_none { visibility:hidden } .opacity50 { opacity:0.50; filter:alpha(opacity=50); } .of_hid { overflow:hidden; } .text_r { text-align:right } .mstd { cursor:default !important; } .mpointer { cursor:pointer !important; } .mopenhand { cursor:url(screen/openhand.cur), auto !important; } .mhelp { cursor:help; } .icon_list { background:url(screen/tabelle.png) no-repeat; width:15px; height:18px; padding-left:18px; } .info_btn { background:url(screen/info_grey.png) no-repeat; background:url(screen/svg/info_grey.svg) no-repeat, none; background-size:20px; position:absolute; width:20px; height:20px; border:0; cursor:help; right:-35px; top:10px; } .info_button { background:url(screen/info_std.png) no-repeat; background:url(screen/svg/info_std.svg) no-repeat, none; position:absolute; width:16px; height:16px; border:0; cursor:help; } /*#content_div { min-width: 350px; }*/ /* 20.10.2023 ausgesternt auf Hinweis von Verticus / Michael König, unnötig da dynamisch, damit kann man auch kleinen seitlichen Rand machen wer will*/ #modal_container .chk0, #modal_container .chk1, #modal_container label input[type=checkbox] { background:url(screen/chk0.png) no-repeat; background:url(screen/svg/chk0.svg) no-repeat, none; background-size:14px; width:18px; height:18px; position:absolute; top:10px; left:15px; overflow:hidden; } #modal_container label input[type=checkbox] { position:relative; display:inline-block !important; top:0px; left:0px; } #modal_container .chk1, #modal_container label input[type=checkbox]:checked { background: url(screen/chk1.png) no-repeat; background: url(screen/svg/chk1.svg) no-repeat, none; background-size: 15px; } #modal_container label input[type=checkbox]:checked + span { font-size:14px; font-weight:bold; } #ERF_loader_div { position:absolute; left:50%; top:150px; margin-left:-120px; text-align:center; font-size:18px; } .gifloader, #loader_info { background:url(screen/svg/loader_doublering.svg) no-repeat; position:relative; width:210px; height:210px; border:0; } #ERF_main { margin:0 auto; max-width:600px; } .erf_steps { overflow:hidden; } .erf_steps ul { list-style:none outside none; margin:0px; padding:0px; width:800px; } .erf_steps ul li { display:block; float:left; position:relative; background:#ffffff; color:#677382; line-height:30px; padding:0 0px 0 38px; font-size:14px; border:1px solid #e2e2e2; border-left:none; cursor:default; width:140px; } .erf_steps ul li.active { background:#d9d9d9; color:#000; } .erf_steps ul li.done { background:#e1e1e1; background:-moz-linear-gradient(top, #f5f6f7, #e1e1e1); background:-webkit-gradient(linear, center top, center bottom, from(#f5f6f7), to(#e1e1e1)); background:-webkit-linear-gradient(top, #f5f6f7, #e1e1e1); background:-o-linear-gradient(top, #f5f6f7, #e1e1e1); background:-ms-linear-gradient(top, #f5f6f7, #e1e1e1); filter:progid:DXImageTransform.Microsoft.gradient(GradientType=0, startColorstr='#f5f6f7', endColorstr='#e1e1e1'); -ms-filter:"progid:DXImageTransform.Microsoft.gradient(GradientType=0, startColorstr='#f5f6f7', endColorstr='#e1e1e1')"; } .erf_steps ul li .wrapper, .erf_steps ul li.done .wrapper { position:absolute; left:16px; top:7px; background:#a3a3a3; width:15px; height:15px; text-align:center; color:#fff; font-size:12px; border-radius:3px; line-height:16px; } .erf_steps ul li.done .wrapper { background:#ffffff; color:#000; } .erf_steps ul li.active .wrapper { background:#353535; color:#ffffff; } .erf_steps ul li .wrapper_arrow { background: url(screen/pfeil5.png) no-repeat; position:absolute; width:28px; left:-18px; top:0px; z-index:1; } .erf_steps ul li .anzerg { font-size:10px; position:absolute; left:98px; top:1px; } #ERF_foot { position: relative; height:100px; background:none; overflow:hidden; border-top: 1px solid #d5d5d5;} #ERF_foot .gebtxt { margin-left:0px; height:17px; } #ERF_foot #geburtsdatum { font-size:20px; color:#5D5D5D; cursor:pointer; } /***** EKR 2.0 *****/ ::placeholder { /* Chrome, Firefox, Opera, Safari 10.1+ */ color: #b9b9b9; } :-ms-input-placeholder { /* Internet Explorer 10-11 */ color: #b9b9b9; } ::-ms-input-placeholder { /* Microsoft Edge */ color: #b9b9b9; } #ERF_buttons { position: relative; margin-top: 30px; margin-left: 30px; padding-bottom: 35px; } #ERF_buttons .persbox { border-bottom: 1px solid #848D93; margin-bottom: 25px; padding-bottom: 30px; min-height: 135px; } #ERF_buttons .sectzusatz .persbox { height: 70px; padding-bottom: 0; min-height: 0; } #ERF_buttons input[type="radio"], #ERF_buttons input[type="checkbox"] { display: none; } #ERF_buttons input[type="radio"] + label { background: none; font-size: 14px; border: 1px solid #d5d5d5; text-align: center; padding: 10px 0px; cursor: pointer; } #ERF_buttons input[type="radio"]:checked + label { background: #494e53; color: #fff; } input[type="tel"], .inptsave { font-size: 1.2rem !important; padding: 0px 4px; padding-left: 8px; width: 138px; height: 37px; color: #3e3e3e; border: 1px solid #d5d5d5; } .inptsave { width: 280px; } input[type="tel"]:focus, .inptsave:focus { border-color: #777; } #ERF_buttons .question, #ERF_buttons .question2 { color:#535353; font-size: 1.25rem; } .SumoSelect:hover > .CaptionCont { box-shadow: none !important; } #ERF_buttons .SumoSelect { position: initial; display: inline; } #ERF_buttons .SumoSelect > .optWrapper { border: 1px solid #d5d5d5; border-top: none; border-top-left-radius: 0px; border-top-right-radius: 0px; } #ERF_buttons .SumoSelect > .optWrapper > ul li.group > label { cursor: default; } #ERF_buttons .SumoSelect, #ERF_buttons .SumoSelect span, #ERF_buttons .SumoSelect label { font-size: 14px; cursor: pointer;} #ERF_buttons .SumoSelect > .CaptionCont { border: 1px solid #d5d5d5; } #ERF_buttons .SumoSelect > p > span { line-height: 27px; } #ERF_buttons .SumoSelect > .CaptionCont > span { color: #3e3e3e; } #ERF_buttons .SumoSelect > .CaptionCont > span.placeholder { color: #b9b9b9; font-style: inherit; } /* seltsames Floating-Verhalten beim Resizen der Berufsgruppe-Liste*/ #ERF_buttons .SumoSelect > .optWrapper.isFloating { position: absolute !important; top: initial !important; bottom: initial !important; width: initial !important; max-height: initial !important; } #ERF_buttons .SumoSelect > .optWrapper.isFloating > .options li.opt { padding-top:6px !important; padding-bottom:6px !important; } #ERF_buttons .persbox .box_berufsgruppe > div:nth-child(2), #ERF_buttons .box_beihilfe > div:first-child > div:nth-child(2), #ERF_buttons .box_beihilfe > div:nth-child(2) > div:nth-child(2) { width: 86%; max-width: 337px; } #ERF_buttons .persbox .box_berufsgruppe .SumoSelect > .optWrapper > .options { max-height: 490px; } #ERF_buttons .persbox .box_beihilfe .SumoSelect > .optWrapper > .options { max-height: 385px; } #ERF_buttons .lchkbox [type="radio"] + label { width: 155px; } /********************/ #ERF_buttons > .zahnplus { -webkit-transition: all 900ms ; /* Safari and Chrome */ -moz-transition: all 900ms ease; /* Firefox */ -o-transition: all 900ms ease; /* IE 9 */ -ms-transition: all 900ms ease; /* Opera */ transition: all 900ms ease; position:absolute; width:110px; top:29px; left:80px; padding:4px; background:#e1e3e5; font-size:12px; } #ERF_buttons > .zahnplusshow { -webkit-transition: all 900ms ; /* Safari and Chrome */ -moz-transition: all 900ms ease; /* Firefox */ -o-transition: all 900ms ease; /* IE 9 */ -ms-transition: all 900ms ease; /* Opera */ transition: all 900ms ease; left:-39px !important; box-shadow:3px 2px 3px rgba(0,0,0,.8); } #ERF_buttons > .zahnplus input[type=checkbox] { width:14px; height:26px; } #ERF_buttons > .zahnplus input[type=checkbox]:checked + span { font-weight:normal; font-size:12px; } #ERF_buttons > .zahnplus .info_btn { right:7px; top:10px; background-size:16px; } #ERF_buttons > div.btns { position:relative; width:285px; height:40px; color:#d5d5d5; border:1px solid #d7dce3; background:#fff; cursor:pointer; font-size:14px; text-align:left; padding-left:38px; line-height:37px; margin-left:77px; } /***** EKR 2.0 *****/ #ERF_buttons div.loption .sect_sb > div:nth-child(2) { width: 100%; max-width: 152px; } #ERF_buttons div.persbox > div > div, #ERF_buttons div.persbox .box_beihilfe > div > div, #ERF_buttons div.lchkbox > div, #ERF_buttons div.loption > div > div { position:relative; display:inline-block; vertical-align: top; } #ERF_buttons div.persbox > div, #ERF_buttons div.persbox .box_beihilfe > div, #ERF_buttons div.lchkbox, #ERF_buttons div.loption > div { position:relative; display:block; } #ERF_buttons div.persbox > div:not(.box_beihilfe) > div:nth-child(1), #ERF_buttons div.persbox .box_beihilfe > div > div:nth-child(1), #ERF_buttons div.loption > div > div:nth-child(1) { width: 180px; line-height: 36px; } #ERF_buttons .sectzusatz .pttable { width: 100%; height: 70px; font-size: 10px; } #ERF_buttons .sectzusatz .pttable > div:first-child > div { background: /*#03509d*/#494e53; color: white; } #ERF_buttons .sectzusatz .pttable > div:first-child > div, #ERF_buttons .sectzusatz .pttable > div:nth-child(2) > div, #ERF_buttons .sectzusatz .pttable > div:nth-child(3) > div { display: inline-block; width: 14%; max-width: 85px; text-align: right; padding: 5px 0px; font-size: 12px; } #ERF_buttons .sectzusatz .pttable > div:nth-child(3) > div { background: #f2f2f2; } #ERF_buttons .sectzusatz .pttable > div:first-child > div:first-child, #ERF_buttons .sectzusatz .pttable > div:nth-child(2) > div:first-child, #ERF_buttons .sectzusatz .pttable > div:nth-child(3) > div:first-child { width:25%; max-width:120px; padding-left: 5px; text-align: left; } #ERF_buttons .sectzusatz .pttable > div:first-child > div:last-child, #ERF_buttons .sectzusatz .pttable > div:nth-child(2) > div:last-child, #ERF_buttons .sectzusatz .pttable > div:nth-child(3) > div:last-child { padding-right: 5px; } #ERF_buttons div.persbox #berufsgruppe, #ERF_buttons div.persbox #beihilfetraeger { display: inline; width: 100%; } #ERF_buttons div.persbox > div:not(.box_beihilfe), #ERF_buttons div.persbox .box_beihilfe > div { margin-top: 10px; } #ERF_buttons div.persbox .geb_alter { font-size: 12px; margin-left: 10px; } #ERF_buttons div.persbox .bginftxt { position: relative; padding-top: 7px; font-size: 12px; height: 40px; text-align: justify; display: block; } #ERF_buttons div.persbox .bginftxt i { position: absolute; font-size: 22px; right: -36px; top: 8px; } #ERF_buttons .lchkbox ul li { line-height: 22px; opacity: 0.4; } #ERF_buttons .lchkbox input[type="radio"]:checked ~ div ul li { color: #141414; opacity: 1; } #ERF_buttons .lchkbox > .splt { margin-right: 19px; } #ERF_buttons .lchkbox ul { list-style-type: none; font-size: 12px; padding-left: 0px; } #ERF_buttons .lchkbox ul li i.fa { margin-right: 10px; } #ERF_buttons .lchkbox > div:nth-child(3) ul li:not(:first-child) i.fa { font-size: 11px; } #ERF_buttons .lchkbox ul i.fa-check-circle { color: green; } /********************/ #ERF_buttons > div.btns:hover { background:#E7EBF1 } #ERF_buttons > div.fixed { background:#f0f2f4 } #ERF_buttons > div.fixed:hover { background:#f0f2f4 } #ERF_buttons > div.btns:hover > .btn_pics { -webkit-transition: all 800ms ease ; /* Safari and Chrome */ -moz-transition: all 800ms ease; /* Firefox */ -o-transition: all 800ms ease; /* IE 9 */ -ms-transition: all 800ms ease; /* Opera */ transition: all 800ms ease; opacity:1 !important; filter:alpha(opacity=100) !important; } #ERF_buttons > div.btns.active { -webkit-transition: all 900ms ; /* Safari and Chrome */ -moz-transition: all 900ms ease; /* Firefox */ -o-transition: all 900ms ease; /* IE 9 */ -ms-transition: all 900ms ease; /* Opera */ transition: all 900ms ease; border-color:#fff; color:#235f7f; background:#f0f2f4; color:#1C83C7; } #ERF_buttons > div.btns.active > .btn_pics { opacity:1 !important; filter:alpha(opacity=100) !important; } #ERF_buttons .ZA_ze, #ERF_buttons .V_zahn { background:url(screen/za_ze.png) no-repeat; } #ERF_buttons .ZA_imp { background:url(screen/za_imp.png) no-repeat; } #ERF_buttons .ZA_inl { background:url(screen/za_inl.png) no-repeat; } #ERF_buttons .ZA_pzr { background:url(screen/za_pzr.png) no-repeat; } #ERF_buttons .ZA_kfo { background:url(screen/za_kfo.png) no-repeat; } #ERF_buttons .ST_bett2, #ERF_buttons .V_stat { background:url(screen/st_bett2.png) no-repeat; } #ERF_buttons .ST_bett { background:url(screen/st_bett.png) no-repeat; } #ERF_buttons .ST_goagoz { background:url(screen/st_goagoz.png) no-repeat; } #ERF_buttons .ST_kur { background:url(screen/st_kur.png) no-repeat; } #ERF_buttons .ST_alterruck { background:url(screen/st_alterruck.png) no-repeat; } #ERF_buttons .AE_vorsorge { background:url(screen/ae_vorsorge.png) no-repeat; } #ERF_buttons .AE_naturheil { background:url(screen/ae_natur.png) no-repeat; } #ERF_buttons .AE_heilpr { background:url(screen/ae_heilpr.png) no-repeat; } #ERF_buttons .AE_hilfsm { background:url(screen/ae_hilfs.png) no-repeat; } #ERF_buttons .AE_brille { background:url(screen/ae_brille.png) no-repeat; } #ERF_buttons .V_basis { background:url(screen/v_basis.png) no-repeat; } #ERF_buttons .V_amb { background:url(screen/v_amb.png) no-repeat; } #ERF_buttons .ZA_ze, #ERF_buttons .ZA_pzr, #ERF_buttons .ZA_kfo, #ERF_buttons .ZA_inl, #ERF_buttons .ZA_imp, #ERF_buttons .ST_bett2, #ERF_buttons .ST_bett, #ERF_buttons .ST_goagoz, #ERF_buttons .ST_kur, #ERF_buttons .ST_alterruck, #ERF_buttons .AE_vorsorge, #ERF_buttons .AE_naturheil, #ERF_buttons .AE_heilpr, #ERF_buttons .AE_hilfsm, #ERF_buttons .AE_brille, #ERF_buttons .V_stat, #ERF_buttons .V_zahn, #ERF_buttons .V_basis, #ERF_buttons .V_amb { position:absolute; width:30px; height:29px; border:0; background-size:35px; opacity:0.50; filter:alpha(opacity=50); top:0px; right:0px; background-position:3px 2px; padding:6px; background-color:#B2BFCF; } #ERF_buttons .ST_bett2, #ERF_buttons .V_basis { opacity:1; filter:alpha(opacity=100); } #ERF_buttons .ZA_imp { background-size:24px; width:30px; background-position:9px 4px; } #ERF_buttons .V_zahn { background-size:25px; background-position:8px 8px; } #ERF_buttons .smaller_bg { background-size:35px; width:80px !important; height:45px !important; background-position:40px 9px; } #ERF_buttons .smaller_btn { font-size:12px !important; width:115px !important; height:68px !important; margin-top:30px !important; } #ERF_buttons .ambsb, #ERF_buttons .beamtsatz, #ERF_buttons .ktsect { margin: 13px 0 0 79px; } #ERF_buttons .ktsect .bstatus label, #ERF_buttons .pginf > label { border:1px solid #ddd; padding:10px; background:#fff; cursor:pointer; } #ERF_buttons .ktsect .bstatus label.active, #ERF_buttons .pginf > label.active { background:#d1d6df !important; box-shadow:2px 2px 8px #b9b9b9 inset; } #ERF_buttons .ktsect .karenz input, #ERF_buttons .ktsect .karenz select { width:25px; padding:5px; font-size:14px; } #ERF_buttons .ktsect .karenz select { width:65px; margin-left:5px;} #ERF_buttons .ktsect .bstatus label:nth-child(1) { border-right:0px; } #ERF_buttons .pginf label:nth-child(1), #ERF_buttons .ktsect .bstatus label:nth-child(1) { border-top-left-radius:3px; border-bottom-left-radius:3px; } #ERF_buttons .pginf label:nth-child(2) { border-left:0px; border-right:0px; } #ERF_buttons .pginf label:nth-child(3), #ERF_buttons .ktsect .bstatus label:nth-child(2) { border-top-right-radius:3px; border-bottom-right-radius:3px; } #ERF_buttons .pginf { margin:15px 0 0 77px; } #ERF_buttons .pginf > div { position:relative; width:360px; } #ERF_buttons .pginf > div > span { float:right; color:#0e85c9; visibility:hidden; margin-right: 4px; } #ERF_buttons .pginf table { border-spacing:0px; width:100%; } #ERF_buttons .pginf table thead th { background:#f0f2f4; padding-right:2px; } #ERF_buttons .pginf table thead th, #ERF_buttons .pginf table tbody td { border-top: 1px solid #e6e6e6; text-align:right; width:13%; padding-top:2px; } #ERF_buttons .pginf table thead th:nth-child(1), #ERF_buttons .pginf table tbody td:nth-child(1) { font-weight:bold; text-align:left; padding-left:2px; width:29%; } #ERF_buttons .pginf table tbody tr { height:25px; } .topleistung { position:absolute; left:50%; margin-left:-10px; } #erg_tbl { position:relative; overflow:hidden; float:left; width:100%; } #erg_filter { float:left; } #erghead_div { position:relative; height:115px; } #erghead_div .titletxt { position:absolute; color:#9ba3b6; font-size:24px; top:13px; left:10px; line-height:25px; } #erghead_div .gkvtxt, #erghead_div .vorgabentxt { position:relative; background:none; color: #969ba5; padding: 10px; margin: 10px 10px 0px -1px; float: left; height: 70px; } #erghead_div .gkvtxt .divhead, #erghead_div .vorgabentxt .divhead { padding:5px 10px; height:14px; line-height:14px; font-size: 1rem; font-weight: bold; margin: -11px 80px 11px -11px; } #erghead_div .gkvtxt .divlogo { float:left; margin-top:-6px; margin-left: 4px; } #erghead_div .gkvtxt .divbeitrag { float:right; text-align:right; font-size:1.5rem; } #erghead_div .gkvtxt .divbeitrag .divonlybeitrag { display: flex; align-items: baseline; gap: .25rem; } #erghead_div .gkvtxt .divsatz { font-size: .75rem; } #erghead_div .vorgabentxt { font-size: 12px; float: right; margin-right: -1px; } #erghead_div .vorgabentxt #btn_chng { color: #494e53; cursor: pointer; font-size: .8rem; width:140px; } #erghead_div .gebtxt { position:absolute; right:0px; top:0px; font-size:12px; padding:5px; color:#9BA3B6; } .ff_top, .ff_okay, .ff_flop, .ff_top_half, .ff_okay_half { background:url(screen/ff_top.png) no-repeat; background:url(screen/svg/ff_top.svg) no-repeat, none; background-size:16px; background-position:2px 0px; width:18px; height:11px; position:relative; padding-top:7px; color:#8c8c8c; line-height:34px; color:#23ad27; margin-top: -18px; } .ie9 { filter:none; } .ff_top_half { background:url(screen/ff_top_half.png) no-repeat; background:url(screen/svg/ff_top_half.svg) no-repeat; background-size:16px; } .ff_okay { background:url(screen/ff_okay.png) no-repeat; background:url(screen/svg/ff_okay.svg) no-repeat; background-size:16px; } .ff_okay_half { background:url(screen/ff_okay_half.png) no-repeat; background:url(screen/svg/ff_okay_half.svg) no-repeat; background-size:16px; } .ff_flop { background:url(screen/ff_flop.png) no-repeat; background:url(screen/svg/ff_flop.svg) no-repeat; background-size:16px; } .ff_top_half, .ff_okay_half { -moz-transform: rotate(300deg); -ms-transform: rotate(300deg); -o-transform: rotate(300deg); -webkit-transform: rotate(300deg); filter: progid:DXImageTransform.Microsoft.Matrix(sizingMethod='auto expand', M11=0.5, M12=0.8660253882408142, M21=-0.8660253882408142, M22=0.5); /* IE6,IE7 */ -ms-filter: "progid:DXImageTransform.Microsoft.Matrix(SizingMethod='auto expand', M11=0.5, M12=0.8660253882408142, M21=-0.8660253882408142, M22=0.5)"; /* IE8 */ } .ff_tt, .ff_tt_half { position:absolute; left:1px; top:0px; background-size:11px !important; } .ff_tt_half { top:-3px !important; } .tt_grouphead { position:relative; padding:2px 0 2px 5px; background:#dfe2e5; color:#8e929d; margin-top: 10px; font-size: .75rem; } .btn_beratung, .btn_kt, #btn_calc, #btn_save { background: #30529d; color: #fff; border-radius: 2px; padding:5px 6px; cursor:pointer; font-size: .75rem; white-space:nowrap; text-align:center; } .btn_beratung { position: absolute; right: 15px; bottom: 19px; vertical-align:middle; overflow:hidden; font-size: .9rem; } .btn_kt { width:120px; } #btn_calc { position:absolute; right:40px; top:20px; width: 150px; padding:12px 0px; font-size: 1rem; } .th_rotate_imp, .th_rotate_in, .th_rotate_ze, .th_rotate_pzr, .th_rotate_kfo { position:absolute; top:-9px; left:9px; -moz-transform: rotate(300deg); -ms-transform: rotate(300deg); -o-transform: rotate(300deg); -webkit-transform: rotate(300deg); filter: progid:DXImageTransform.Microsoft.Matrix(sizingMethod='auto expand', M11=0.5, M12=0.8660253882408142, M21=-0.8660253882408142, M22=0.5); /* IE6,IE7 */ -ms-filter: "progid:DXImageTransform.Microsoft.Matrix(SizingMethod='auto expand', M11=0.5, M12=0.8660253882408142, M21=-0.8660253882408142, M22=0.5)"; /* IE8 */ } .th_rotate_ze { top:-15px; left:5px; } .th_rotate_pzr { top:-35px; left:-3px; } .th_rotate_kfo { top:-28px; left:7px; } .th_rotate_in { top:4px; left:14px; } .th_chkbox, .th_chkbox2, .th_chkbox_fixed { background:url(screen/chk_fav_0.png) no-repeat; background:url(screen/svg/chk_fav_0.svg) no-repeat; width:15px; height:15px; position:absolute; left:50%; margin-left:-8px; top:-5px; } .th_chkbox2 { background:url(screen/chk_fav_1.png) no-repeat; background:url(screen/svg/chk_fav_1.svg) no-repeat; } .th_chkbox_fixed { background:url(screen/check1.png) no-repeat; background-size:13px; } .th_others { position:absolute; top:5px; left:-18px; font-size:10px; letter-spacing:1px; line-height:9px; } .th_bewtxt { position:absolute; z-index:1; margin-left:5px; } .th_beitragtxt { position:absolute; width:240px; z-index:1; bottom:2px; left:20px; } table.erg_tbl { box-shadow:0 5px 12px #E7E9EA; cursor:default; margin-top:10px; } table.erg_tbl thead tr th { position:relative; color:#8e929d; font-size:12px; height:40px; font-weight:normal; vertical-align:bottom; } table.erg_tbl .tblbg { background:#dfe2e5; padding:6px 0px 2px 0px; height:14px; line-height:14px; font-size:12px; } table.erg_tbl thead tr.h0 th { height:8px !important; } table.erg_tbl thead tr th > .colsort { position:relative; z-index:1; cursor:pointer; } table.erg_tbl thead tr th > div > a { color:#ffffff; padding:3px 11px 13px 11px; } table.erg_tbl thead tr th > input, table.erg_tbl thead tr th > label { cursor:pointer; } table.erg_tbl thead tr th:nth-child(3) { text-align:left; } /*table.erg_tbl thead tr th:last-child { width:60px; }*/ table.erg_tbl thead tr th.th_sorted, table.erg_tbl tbody tr td.xtd_sorted { background:#f0f2f5; } table.erg_tbl thead tr th.th_sorted { border-bottom:none; color:#566073; } table.erg_tbl thead tr th.bl { border-left:1px solid #f5f5f5; } table.erg_tbl thead tr th.bt { border-top:1px solid #f5f5f5; } table.erg_tbl thead tr th.br { border-right:1px solid #f5f5f5; } table.erg_tbl thead tr th input { display:none; } table.erg_tbl tbody { background:#f9f9f9; } table.erg_tbl tbody tr { font-size:1px; } table.erg_tbl tbody tr.trhover { font-size: 1rem; background:#fff; } table.erg_tbl tbody tr.trhover.toplist { background:#fff; } table.erg_tbl tbody tr td { height:10px; position: relative; } table.erg_tbl tbody tr.trhover td { padding-top:10px; padding-bottom:10px; border-top:1px solid #e8e8e8; border-bottom:1px solid #e8e8e8; } table.erg_tbl tbody tr.trhover.toplist td { border-top:1px solid #d5d5d5; border-bottom:1px solid #d5d5d5; } table.erg_tbl tbody tr.trhover:hover { -webkit-transition: all 1s ease-in-out; /* Safari and Chrome */ -moz-transition: all 1s ease; /* Firefox */ -o-transition: all 1s ease; /* IE 9 */ -ms-transition: all 1s ease; /* Opera */ transition: all 1s ease; background:#e8e8e8 !important; } table.erg_tbl tbody tr.kurztxt{ background:#d4dce2; background:-moz-linear-gradient(top, #d4dce2, #ffffff); background:-webkit-gradient(linear, center top, center bottom, from(#d4dce2), to(#ffffff)); background:-webkit-linear-gradient(top, #d4dce2, #ffffff); background:-o-linear-gradient(top, #d4dce2, #ffffff); background:-ms-linear-gradient(top, #d4dce2, #ffffff); filter:progid:DXImageTransform.Microsoft.gradient(GradientType=0, startColorstr='#d4dce2', endColorstr='#ffffff'); -ms-filter:"progid:DXImageTransform.Microsoft.gradient(GradientType=0, startColorstr='#d4dce2', endColorstr='#ffffff')"; } table.erg_tbl tbody tr.trothers { height: 50px; vertical-align: bottom; font-weight: bold; font-size: 1rem; } table.erg_tbl tbody tr td:nth-child(1) { width:30px; } table.erg_tbl tbody tr td:nth-child(2) { min-width:20px; } table.erg_tbl tbody tr td:nth-child(3) { font-size:12px; font-weight:bold; color:#3a4253; min-width:147px; } table.erg_tbl .divbeitragcnt { min-height: 90px; } table.erg_tbl .divbeitrag { position: absolute; right: 15px; top: 14px; text-align:right; font-size: 1.5rem; color: #4d4d4d; } table.erg_tbl .divbeitrag .divonlybeitrag { display: flex; align-items: baseline; gap: .25rem; justify-content: end; } table.erg_tbl .divbeitrag .divsb { position: relative; font-size: .75rem; color:#969ba5; line-height: 19px; } .thinfsb { position: relative; padding-right: 30px !important; } .thinfsb .infsb { position: absolute; background:url(screen/info_grey.png) no-repeat, none; width: 14px; background-size: 14px; height: 14px; right: 13px; top: 5px; } .infobg, .divbewmin { position: absolute; bottom: 20px; right: -69px; font-size: .75rem; z-index: 1; } .infobg:after { content:"icon"; text-indent:-9999em; position:absolute; background:url(screen/pfeil_progress.png) no-repeat, none; -webkit-transform: rotate(90deg); -o-transform: rotate(90deg); transform: rotate(90deg); width: 12px; background-size: 12px; height: 12px; margin-left: 3px; margin-top: 1px; display: none; } .infobg { cursor: help !important; color: #015b9d; } .divbewmin { display: none; bottom: 50px; } .td_numb, .td_numbtopten .td_numb10 { font-size:40px !important; padding-left: 6px; color:#566073; /*position:absolute;*/ top:8px; left:-4px; opacity:.7; filter:alpha(opacity=70); } .td_numbtopten, .td_numb10 { font-size:24px !important; left:0px; top:20px; } .td_numb10 { left:-5px; } .divtarife { font-size:12px; font-weight:normal; color:#969ba5; margin-top:12px; } .erg_tbllegende { position:relative; padding:15px; text-align:center; color:#9D9D9D; font-size:12px; background:#f5f6f7; background:-moz-linear-gradient(top, #f5f6f7, #e3e4e5); background:-webkit-gradient(linear, center top, center bottom, from(#f5f6f7), to(#e3e4e5)); background:-webkit-linear-gradient(top, #f5f6f7, #e3e4e5); background:-o-linear-gradient(top, #f5f6f7, #e3e4e5); background:-ms-linear-gradient(top, #f5f6f7, #e3e4e5); filter:progid:DXImageTransform.Microsoft.gradient(GradientType=0, startColorstr='#f5f6f7', endColorstr='#e3e4e5'); -ms-filter:"progid:DXImageTransform.Microsoft.gradient(GradientType=0, startColorstr='#f5f6f7', endColorstr='#e3e4e5')"; } .div_wbm { width: 160px; } .div_logo { width: 75px; display: none; } .pfeil_beratung { background:url(screen/pfeil3.png) no-repeat; width:72px; height:51px; position:absolute; top:4px; right:26px; } .barometer { background:url(screen/barometer.png) no-repeat; width:70px; height:70px; position:absolute; top:3px; left:10px; } span.chkbtn, span.chkbtn1 { background:url(screen/chkb0_2.png) no-repeat; background:url(screen/svg/chkb0_2.svg) no-repeat; background-size:16px; width:16px; height:15px; padding-left:19px; } span.chkbtn1 { background:url(screen/chkb2.png) no-repeat; background:url(screen/svg/chkb2.svg) no-repeat; background-size:15px; } span.chkbtn input, span.chkbtn1 input { display:none; } #calendar_icon { background:url(screen/calendar.png) no-repeat; background:url(screen/svg/calendar.svg) no-repeat, none; width:20px; height:20px; cursor:pointer; border:0px; float:left; margin-left:3px } /* .star_bew_1, .star_bew_2, .star_bew_3 { float:left; height:11px; } .star_bew_1 { background:url(screen/bewertung1.png) repeat-x; background:url(screen/svg/bewertung1.svg) repeat-x, none; } .star_bew_2 { background:url(screen/bewertung2.png) repeat-x; background:url(screen/svg/bewertung2.svg) repeat-x, none; } .star_bew_3 { background:url(screen/bewertung3.png) repeat-x; background:url(screen/svg/bewertung3.svg) repeat-x, none; } .star_bew_1_neutral { background:url(screen/bewertung1_referenz.png) repeat-x; background:url(screen/svg/bewertung1_referenz.svg) repeat-x, none; } .star_bew_2_neutral { background:url(screen/bewertung2_referenz.png) repeat-x; background:url(screen/svg/bewertung2_referenz.svg) repeat-x, none; } .star_bew_3_neutral { background:url(screen/bewertung3_referenz.png) repeat-x; background:url(screen/svg/bewertung3_referenz.svg) repeat-x, none; } .star_bew_1_positiv { background:url(screen/bewertung1_positiv.png) repeat-x; background:url(screen/svg/bewertung1_positiv.svg) repeat-x, none; } .star_bew_2_positiv { background:url(screen/bewertung2_positiv.png) repeat-x; background:url(screen/svg/bewertung2_positiv.svg) repeat-x, none; } .star_bew_3_positiv { background:url(screen/bewertung3_positiv.png) repeat-x; background:url(screen/svg/bewertung3_positiv.svg) repeat-x, none; } .star_bew_1_negativ { background:url(screen/bewertung1_negativ.png) repeat-x; background:url(screen/svg/bewertung1_negativ.svg) repeat-x, none; } .star_bew_2_negativ { background:url(screen/bewertung2_negativ.png) repeat-x; background:url(screen/svg/bewertung2_negativ.svg) repeat-x, none; } .star_bew_3_negativ { background:url(screen/bewertung3_negativ.png) repeat-x; background:url(screen/svg/bewertung3_negativ.svg) repeat-x, none; } .star_point_neutral { color:#6498d7 !important; } .star_point_positiv, .star_point_negativ { color:#928f91 !important; } */ .bew_siegel { /*border:1px solid #f2f3f2;*/ box-shadow: 0px 0px 8px 1px #969ba5; margin:10px; background:#fff; width:54px; } .bew_siegel_top, .bew_siegel_bottom { font-size: .65rem; text-align:center; padding-bottom:2px; } .bew_siegel_top { margin-bottom:6px; background:#2a2c2a; color:#fff; } .bew_siegel_bottom { margin-top: 5px; } .star_bew { position:relative; min-width:50px; white-space:nowrap; font-size:0.55rem; color:#d8b970; /*f6b801*/ } .star_bew_referenz, .star_bew_neutral { color:#3b99fc !important; } .star_bew_positiv { color:#5ccc66 !important; } .star_bew_negativ { color:#991f30 !important; } .star_bew_none { color:#e1e2e1; } .star1 { position:absolute; left:0px; } .star2 { position:absolute; left:12px; } .star3 { position:absolute; left:24px; } .star4 { position:absolute; left:36px; } .star5 { position:absolute; left:48px; } .star_point { color:#666666; font-size:0.79rem; font-weight:bold; } .bew_siegel .star_point { font-size:1.15rem; } #wait_blende, .lv_loader_blende { position:fixed; background:#ffffff; float:left; height:1000%; top:0px; width:200%; z-index:2147483640; opacity:0.70; filter:alpha(opacity=70); } #loader_blende { position:absolute; z-index:19; top:0px; height:100%; width:100%; background:#fff; opacity:0.80; filter:alpha(opacity=80); } #loader_info { position:absolute; z-index:20; top: 300px; left: 50%; margin-left: -90px; } #modal_container { width:100%; top:0px; left:0px; color:#808080; overflow:hidden;background:#ffffff; } .erf_explain { color:#fdfdfd; opacity:.5; font-size:12px; opacity:.6; filter:alpha(opacity=60) } .save_header { background:#9ca7a8; padding:5px; padding-left:20px; color:#ffffff; } .thnx_screen { text-align:center; width:300px; height:265px; margin:auto; /*margin-left:80px;*/ margin-top:10px} .thnx { background:url(screen/check3.png) no-repeat; width:300px; height:180px; background-size:100px; background-position:center; } .tbl_head_sort_first, .tbl_head_sort_second { color:#74d6f1 !important } .tbl_head_sort_first_asc, .tbl_head_sort_second_asc { background:url(screen/pfeil_sortup.png) no-repeat; background:url(screen/svg/pfeil_sortup.svg) no-repeat, none; height:10px; position:absolute; top:15px; left:50% } .tbl_head_sort_first_desc, .tbl_head_sort_second_desc { background:url(screen/pfeil_sortdown.png) no-repeat; background:url(screen/svg/pfeil_sortdown.svg) no-repeat, none; height:10px; position:absolute; top:16px; left:50% } .tbl_head_sort_first_asc, .tbl_head_sort_second_asc, .tbl_head_sort_first_desc, .tbl_head_sort_second_desc { color:#76b9e1; font-size:8px; line-height:5px; padding-left:13px; } .opacity_off { opacity:1 !important; filter:alpha(opacity=100) !important; } .opacity_on { opacity:0.50; filter:alpha(opacity=50); } .opacity_on30 { opacity:0.30; filter:alpha(opacity=30); } .opacity70 { opacity:0.70; filter:alpha(opacity=70); } .ZA_savescreen .inptlbl { margin-left: 5px; color: #7f8191; font-size: .85rem; } .ZA_savescreen .clheader { color: #7f8191; border-bottom: 2px solid #838c9f; padding-bottom: 7px; margin-bottom: 10px; font-size: .75rem; } .ZA_savescreen .clheader > span { font-weight: bold; } .ZA_savescreen .clheader > div span:first-child { display: block; font-weight: bold; font-size: 1rem; } .ZA_savescreen .clanrede { position: relative; font-size: .9rem; color: #7f8191; margin-top: 20px; border: 1px solid #d5d5d5; padding: 10px; margin-bottom: 15px; } .ZA_savescreen .clanrede > div { position: absolute; height: 30px; border: 1px solid #ededed; left: 50%; margin-left: -1px; top: 3px; } .ZA_savescreen .clanrede label { margin-left: 52px; } .form_dis input { background:#E2E2E2 !important; color:#C0C0C0 !important; } .div_pp { margin-top:20px; } .div_pp label { font-size: .75rem; cursor:pointer; text-align: justify; width: 262px; margin-left: 6px; } .ui-widget-overlay { background:#000 !important; opacity:.5; filter:Alpha(Opacity=50); width:350%; } .ui-dialog .showinftxt { font-size: 13px; padding-top: 15px; } .ui-dialog-center { left:50% !important; margin-left:-150px !important; } .ui-dialog-titlebar { display: none; } .ui-dialog .ui-dialog-buttonpane { padding: .3em .3em .5em .4em; } .ui-dialog .ui-dialog-buttonpane button, .ui-dialog .ui-dialog-buttonpane button#btn_save { padding: 6px; font-size: .8rem; border-radius: 0px; } .no_pointer { cursor:default !important; } .nomatch { position:relative; left:20px; padding:50px 0px; font-size:14px; color:#7B7B7B; } .powered { position:absolute; bottom:3px; right:40px; font-size:8px; margin-left:-50px; } /* ========================================================================================================================================================================================= ---------------------------------------------------------------->>> :jQuery Tooltip-Manipulationen: <<<--------------------------------------------------------------------------------- ========================================================================================================================================================================================= */ .ui-helper-hidden-accessible { display: none !important; } .ui-tooltip { z-index: 100001; max-width: 600px; border: 1px solid #e2e2e2 !important; } .ui-tooltip.ui-widget-shadow { box-shadow: 0px 0px 20px #cdcdcd; } .ui-tooltip .ui-tooltip-content { padding: 3px; } .ui-tooltip .tipheader { font-size: 1rem; font-weight: bold; margin-bottom: 5px; } .ui-tooltip .tipheader span { font-size: .9rem; font-weight: normal; } .ui-tooltip .tipcontent { font-size:12px; max-height: 480px; overflow-y: auto; } .ui-tooltip .tipcontent .div_thema { color:#000; margin-bottom:3px; padding:2px 5px; float:left; font-weight: bold; font-size: .75rem; } .ui-tooltip .tipclose { position: absolute; right: 8px; top: 0px; font-size: .9rem; background: #fff; padding: 4px; cursor: pointer; } .arr_top .ui-tooltip-content::after, .arr_bottom .ui-tooltip-content::after, .arr_left .ui-tooltip-content::after, .arr_right .ui-tooltip-content::after { content: ''; position: absolute; border-style: solid; display: block; width: 0; } .ui-tooltip.arr_top { box-shadow: 0px -5px 15px #b1b1b1 } .arr_top .ui-tooltip-content::after { top: -10px; left: 50%; margin-left: -10px; border-color: #fff transparent; border-width: 0 10px 10px; } .ui-tooltip.arr_bottom { box-shadow: 5px 5px 15px #b1b1b1 } .arr_bottom .ui-tooltip-content::after { bottom: -10px; left: 50%; margin-left: -10px; border-color: #fff transparent; border-width: 10px 10px 0; } .ui-tooltip.arr_left { box-shadow: -6px 0px 15px #b1b1b1 } .arr_left .ui-tooltip-content::after { top: 50%; left: -10px; margin-top: -10px; border-color: transparent #fff; border-width: 10px 10px 10px 0; } .ui-tooltip.arr_right { box-shadow: 6px 0px 15px #b1b1b1 } .arr_right .ui-tooltip-content::after { top: 50%; right: -10px; margin-top: -10px; border-color: transparent #fff; border-width: 10px 0 10px 10px; } /* =============================================================================================================================================================================== ----------------------------------------------------------------------->>> :festgelegte IDs: <<<-------------------------------------------------------------------------------- =============================================================================================================================================================================== */ #scrollup, #scrollup_popup { position:fixed; background:url(screen/pfeil_gotop.png) no-repeat; background:url(screen/svg/pfeil_gotop.svg) no-repeat, none; width:50px; height:45px; z-index:3; cursor:pointer; display:none; } #scrollup { left:50%; margin-left:-410px; } #scrollup_popup { right:50px; } @media screen and (max-width:665px) { #erghead_div .gkvtxt { width: 110px; } #erghead_div .vorgabentxt { width: 275px; } #erghead_div .gkvtxt .divhead, #erghead_div .vorgabentxt .divhead { font-size: .75rem; white-space: nowrap; } #erghead_div .gkvtxt .divlogo { margin-top: -10px; margin-left: 0px; } .gkvtxt .divlogo div { width: 35px !important; height: 17px !important; background-size: 35px !important; } #erghead_div .gkvtxt .divbeitrag { font-size: 1rem; position: absolute; left: 24px; float: inherit; top: 29px; } #erghead_div .gkvtxt .divbeitrag .divsatz { width: 100px; } #erghead_div .vorgabentxt .divhead { margin-bottom: 0px; } } @media screen and (max-width:650px) { .barometer, .pfeil_beratung { display:none; } .thchk { display:none !important; } .ui-tooltip .tipcontent { max-height: 350px; overflow-y: auto; } .thbeitrag { width: 40% !important; } } @media screen and (max-width:584px) { .bew_siegel { display:none; } .divbewmin { display:block; } .divbewmin, .infobg { right: -24px; } table.erg_tbl .divbeitrag { font-size: 1.3rem; top: 22px; } .btn_beratung { font-size: .75rem; } } @media screen and (max-width:500px) { .div_wbm { display: none; } .div_logo { display: inline-block; } .divbewmin, .infobg { right: inherit; bottom: 50px; left: -63px; } .divbewmin { bottom: 70px; } }