/* #2a2c2a: Dunkel - nav_content_vp // bis 06.05.2019: #3e3c5a = midnightblue #a1a0b2: Mittel - main_div, body #e9ecef: Hell //#e1e2e1 #ebeaee: Heller - nav_reiter #f4f7fc: Leicht - erfassung_box, erg_ff_bg //#f2f3f2 #f9f9f9: ganz leicht #991f30: rot #2b7bc5: Mittelblau #3b99fc: Link-Blau (Apple) (vorher: #3179c3, #3766a5, #2613b4) #f7fc3b: gelb #005668: grün (Navigator -> alt) */ @font-face { font-family:myFontLight; src:url(font/SourceSansPro-Light.ttf); } @font-face { font-family:myFontRegular; src:url(font/SourceSansPro-Regular.ttf); } @font-face { font-family:myFontMedium; src:url(font/SourceSansPro-Regular.ttf); } @font-face { font-family:myFontSemibold; src:url(font/SourceSansPro-Semibold.ttf); } @font-face { font-family:myFontBold; src:url(font/SourceSansPro-Bold.ttf); } @font-face { font-family:myFontLightNew; src:url(font/montserrat/Montserrat-Light.ttf); } @font-face { font-family:myFontRegularNew; src:url(font/montserrat/Montserrat-Regular.ttf); } @font-face { font-family:myFontMediumNew; src:url(font/montserrat/Montserrat-Medium.ttf); } @font-face { font-family:myFontSemiboldNew; src:url(font/montserrat/Montserrat-SemiBold.ttf); } @font-face { font-family:myFontBoldNew; src:url(font/montserrat/Montserrat-Bold.ttf); } @font-face { font-family:myFontBlackNew; src:url(font/montserrat/Montserrat-Black.ttf); } /* wegen bootstrap.css:*/ * { -webkit-box-sizing:inherit; -moz-box-sizing:inherit; box-sizing:inherit; } *:before, *:after { -webkit-box-sizing:inherit; -moz-box-sizing:inherit; box-sizing:inherit; } label { font-weight:inherit; } html { /* unter html wegen folgender rem-Angaben */ font-size:16px; scroll-behavior: smooth; } body { /*JW background:url(screen/body.png) repeat-x #f5f5f5; background:url(screen/svg/body.svg) repeat-x 0px 151px, none, #f5f5f5; background-size:345px; background-size:600px; background-attachment:fixed; color:#08080f;*/ /* wegen bootstrap.css:*/ font-family:myFontRegular,Helvetica,Verdana,Tahoma,Trebuchet MS,Arial,sans-serif; font-size:16px; line-height:inherit; background:#f4f7fc; color:#666f7c; margin:0px; padding:0px; text-align:left; cursor:default; } body.tmplLink { font-family: myFontMediumNew; } #head-wrap { width:100%; /*height:76px;*/ } /* Gitter */ #poly-wrap { width:100%; z-index:10001; min-height:65px; min-width: 875px; overflow:hidden; } #poly-wrap2 { width:100%; height:90px; } #xpoly-wrap canvas { position:absolute; top:0; z-index:1; } #poly-wrap.poly-linksenden { font-family: 'myFontRegularNew'; position: relative; min-height: 270px; padding-top: 20px; padding-bottom: 70px; z-index: 1; box-shadow: rgba(157, 164, 178, 0.8) 0 8px 15px !important; & .poly-linksenden-title { font-family: myFontMediumNew; margin-top: 20px; margin-left: 2px; margin-bottom: 30px; font-size: 1.65rem; line-height: 1.65rem; } & .poly-linksenden-content { min-height: 180px; margin-top: 10px; margin-left: 4px; line-height: 1.35rem; b { font-style: normal; font-family: 'myFontSemiboldNew'; font-size: .825rem; } } } #head_psp { position:absolute; top:0px; left:5px; width:min-content; /*180px*/ height:min-content; /*78px*/ z-index:10020; } #head_psp div div { background:transparent; background:linear-gradient(45deg, transparent 0%, transparent 54%, #ffffff 120%) !important; } .proglogo { /*border-radius:4px;*/ /*box-shadow:0 0 2px 1px #fff;*/ } /* #head_psp_logo { float:left; width:38px; height:38px; border-radius:4px; box-shadow:2px 2px 6px #666; } #head_psp_logo .psp { margin-left:5px; margin-top:2px; margin-bottom:3px; font-size:0.85rem; font-style:italic; font-weight:bold; } #head_psp_logo .psp_points { float:right; margin-right:6px; font-size:0.20rem; color:#991f30; } #head_psp_logo i { margin-left:1px; } #head_psp_logo i.n1 { opacity:0.25; filter:alpha(opacity=25); } #head_psp_logo i.n2 { opacity:0.50; filter:alpha(opacity=50); } #head_psp_logo i.n3 { opacity:0.75; filter:alpha(opacity=75); } #head_psp_logo i.n4 { opacity:1.00; filter:alpha(opacity=100); } */ /* #head_psp #prog_caption { float:left; margin-left:0px; margin-top:-7px; } #head_psp #prog_name { font-size:1.40rem; white-space:nowrap; float: right; margin-left: 10px; margin-top: 7px; } */ #head_psp #prog_slogan { position:absolute; bottom:0px; font-size:0.85rem; white-space:nowrap; /*margin-left:20px;*/ /*margin-top:-3px; margin-left:1px;*/ } #head_psp a { color:inherit; } /************** Flex ****************/ .flex { display:flex; flex-flow:row wrap; align-items:stretch; /*display:-ms-flexbox; -ms-flex-direction:row; -ms-flex-wrap:wrap;*/ } .flex1 { flex:1; } .flex2 { flex:2; } .flex3 { flex:3; } .flex4 { flex:4; } .flex5 { flex:5; } .flex6 { flex:6; } .flex8 { flex:8; } .flex9 { flex:9; } .flex10 { flex:10; } .flex12 { flex:12; } .flex15 { flex:15; } .flex16 { flex:16; } input, .SumoSelect, #einst_layout_inputs .overview, #einst_layout_inputs .tbl_noborder, table thead tr th { font-family:myFontMedium; } /*************** Input ***************/ input { font-size:0.85rem; } ::selection { background:#3399FF; color:#fff; } ::-moz-selection { background:#3399FF; color:#fff; } ::-moz-focus-inner { border:0px; padding:0px; } input:focus, select:focus, textarea:focus, button:focus { outline:none; } input[type=password], input[type=text], input[type=tel], input[type=email], select, textarea { border:1px solid #aeb4b9; display:inline; border-radius:2px; min-height:17px; padding:0.5px 1px 1px 1px; line-height:16px; background:#ffffff; } input[type=password] { font-family: Verdana !important; letter-spacing: 2px; } input[type=password]::placeholder { font-family: myFontRegularNew !important; letter-spacing: 0px; } input:not([type=button]) { margin:0px; line-height:17px; } input::-moz-focus-inner { border:0; padding:0; margin:0; } input[type=button], input[type=submit] { cursor:pointer; border-radius:4px; } input[type=button][disabled], input[type=submit][disabled] { box-shadow:none !important; cursor:not-allowed; } input:not([type=checkbox]):not([type=radio]), select, textarea {-webkit-appearance:none; -moz-appearance:none;} input:not([type=checkbox]):not([type=radio]):not([type=button]):not([id=linktosend]):focus { box-shadow: 0px 1px 1px #3b99fc; border-bottom: 1px solid #3b99fc; } .lgn_box input { box-shadow: none !important; } input::placeholder, textarea::placeholder { color:#a6a8af; } textarea { font-family: myFontRegular,Helvetica,Verdana,Tahoma,Trebuchet MS,Arial,sans-serif; overflow-x: hidden; } textarea[disabled] { background:#efefef; color:#c1c1c1; cursor:inherit; } input[type=password][disabled] { background:#efefef; padding:0 1px; font-style:italic; color:#474e53; cursor:inherit; } input[type=text][disabled], input[type=tel][disabled] { background:#efefef; color:#aaaaaa; cursor:inherit; } input[type=button][disabled] { cursor:not-allowed; color:#a6a8b5 !important; font-style:italic; background:#f2f2f2; } input[type=checkbox], input[type=radio] { cursor:pointer; margin:2px; } input[type=checkbox][disabled], input[type=radio][disabled] { cursor:default; } .kachel_box { background:#e9ecef; /*border-radius:4px;*/ padding:10px; } .txtcut { white-space: nowrap; overflow: hidden; text-overflow: ellipsis; } .nowrap { white-space:nowrap; } /* #formular_farbe .clrpkr { margin: 10px 0 30px 25px; } */ #einst_layout_inputs { float:left; } #einst_layout_inputs input { background:none; } #einst_layout_inputs .overview { float:left; width:505px; font-size:0.72rem; background:#ffffff; color:#000000; /*margin-top:5px;*/ } #einst_layout_inputs .tbl_noborder { font-size:0.72rem; background:#ffffff; } #einst_layout_inputs .tbl_noborder tbody tr.h22 { height:22px !important; } #einst_layout_inputs .tbl_noborder tbody tr td.border { border:1px solid #bbbbdd; padding:3px; } /*************** Label ***************/ label { vertical-align:middle; display:inline-block; margin-bottom:2px; } .lbl_img_text { position:relative; vertical-align:top; top:-1px } .lbl_img { position:relative; top: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; } /*************** Checkbox / Radio stylen ***************/ label input[type=checkbox]:not([class=standard]), label input[type=radio]:not([class=standard]) { display:none; } label input[type=checkbox]:not([class=standard]) + span, label input[type=radio]:not([class=standard]) + span { background:url(screen/chk0.png) no-repeat; /*klappt nicht sauber mit IE: background:url(screen/svg/chk0.svg) no-repeat, none;*/ background-size:14px 14px; background-position:0 center; padding-left:18px !important; } label input[type=checkbox]:not([class=standard]):checked + span, label input[type=radio]:not([class=standard]):checked + span { background:url(screen/chk1.png) no-repeat; /*klappt nicht sauber mit IE: background:url(screen/svg/chk1.svg) no-repeat, none;*/ background-size:14px 14px; background-position:0 center; padding-left:18px !important; } /*************** h - Styles ***************/ h1, h2, h3, h4, h5, h6 { padding:0px; margin:0px; /*color:#2a2c2a;*/} h1 { font-size:1.30rem; letter-spacing:1px; margin-bottom:12px; } h2 { font-size:1.15rem; letter-spacing:1px; margin-bottom:8px; } h3 { font-size:1.00rem; letter-spacing:1px; margin-bottom:6px; } h4 { font-size:0.93rem; margin-bottom:4px; } h5 { font-family:myFontMedium; font-size:0.72rem; margin-bottom:3px; } h6 { font-family:myFontMedium; font-size:0.57rem; margin-bottom:2px; } .border-spacing2 { border-spacing:0 0.6em; } /*************** Table ***************/ table { background:#e9ecef; margin:0px; width:100%; empty-cells:show; font-size:0.93rem; border:none; border-collapse:separate; border-spacing:0 1px; } table thead tr th { background:none; font-weight:normal; height:18px; vertical-align:middle; margin:0; padding:0 4px; text-align:left; } table thead tr th a { text-decoration:underline; } table td, table th { position:relative; border:0; vertical-align:middle; } table thead tr th.valign_il { vertical-align:initial !important; } table thead tr { height:21px; } table>tbody>tr { background:#ffffff; cursor:default; } table.valign_t>tbody>tr>td { vertical-align:top !important; } table td .info_button, table th .info_button { margin:-7px 0 0 5px; top:50%; z-index:1; } table th .info_button { margin-top:-9px; } table tbody tr td { padding:0 4px; } table tbody tr td span.bap_warning { color:#be0a26 !important; } table.tablesorter thead tr th { cursor:pointer; } table.no_bg {background:none !important; } table.no_bg>tbody>tr { background:none !important; color:unset !important; } /*************** Others ***************/ a { text-decoration:none !important; color:#3b99fc; } a.disabledbg, a[disabled] { cursor:not-allowed !important; pointer-events:none !important; background:#eee !important; color:#a5a5a5 !important; } img, a {border:none; outline:none;} a i { vertical-align: middle; } .disablediv { opacity:30%; cursor:not-allowed !important; pointer-events:none !important; } hr { /*-moz-border-bottom-colors:none; -moz-border-left-colors:none; -moz-border-right-colors:none; -moz-border-top-colors:none; border-color:#eeeeee -moz-use-text-color -moz-use-text-color; border-image:none; border-right:0 none; border-width:1px 0 0;*/ border-style:solid none none; color:#cccccc; background:#e9ecef; height:1px; margin-bottom:20px; margin-top:20px; } ol.ol_circle { list-style-type:circle; padding-left:20px; line-height:22px; } b { font-weight:bold; } /*************** Hauptcontainer ***************/ #main_div { position:relative; margin:auto; } /*.mainext #nav_content_vp { height:2px; } .mainext #main { margin-top:30px; }*/ /********* jQuery Dialog *********/ .ui-front { z-index:10005; } .ui-dialog { padding:0px; } .ui-dialog .ui-dialog-title { margin:.5px 0; } .ui-dialog-content { background:#ffffff !important; } .ui-dialog-content table { background:#e9ecef; /*border-radius:4px;*/ } /*.ui-dialog-content table tbody tr { background:#f4f7fc; }*/ .ui-selectmenu-menu .ui-menu .ui-selectmenu-optgroup, .ui-widget-header, .ui-priority-primary, .ui-widget-content .ui-priority-primary, .ui-widget-header .ui-priority-primary, .ui-datepicker th { font-weight:normal; font-family:myFontSemibold; } .ui-widget-content { background:#ffffff; border:none; color: #666f7c; } .ui-widget-content a { color:#3b99fc; } .ui-datepicker { z-index: 10010 !important; } .nodaycal .ui-datepicker-calendar { display: none !important; } .ui-widget input, .ui-widget select, .ui-widget textarea, .ui-widget button { font-family:inherit; font-size:inherit; } .ui-dialog input, form#formular_speichern textarea { margin:0; } .ui-dialog .ui-dialog-buttonpane .ui-dialog-buttonset { text-align:right; float:none; } .ui-dialog .ui-dialog-buttonpane .ui-dialog-buttonset button.ui-state-focus, .ui-dialog .ui-dialog-buttonpane .ui-dialog-buttonset button.ui-state-hover { background:#3b99fc; color:#ffffff; border:1px solid #3b99fc; } .ui-dialog .ui-dialog-buttonpane .ui-dialog-buttonset button:not(:disabled).ui-disabled { cursor:not-allowed; pointer-events:none; background:#f4f7fc !important; color:#cccccc !important } .ui-dialog #div_sichtbar { margin-top: 10px; } .ui-dialog #div_sichtbar > div { position: relative; /*width: 130px;*/ } .ui-dialog #div_sichtbar > div i.fa-share-nodes { color: #58585a; margin: 0px 20px 0 5px; vertical-align: middle; } .ui-dialog #formular_speichern .SumoSelect > p > span { padding: 5px 3px; } .ui-dialog #save_window_vermittler_id { width: 407px; } .ui-dialog #save_window_sichtbar_fuer { width: 597px; } .ui-dialog #formular_speichern .inf_save { float: right; margin-top: 9px; margin-right: 15px; } /********* dialog monthpicker *********/ #mtz-monthpicker { border: 1px solid #a4a8ad; } /********* fine-uploader *********/ .qq-upload-button { margin:-10px; /*float:right;*/ box-shadow:none; } .qq-upload-list li { font-size:inherit; } .qq-btn { box-shadow:none; } .qq-total-progress-bar { height:8px; } /* =============================================================================================================================================================================== -------------------------------------------------------------------->>> :allgemeine Klassen: <<<------------------------------------------------------------------------------- =============================================================================================================================================================================== */ /*************** Positions ***************/ .float_l { float:left; } .float_r { float:right; } .pos_rel { position:relative; } .pos_abs { position:absolute; } .pos_absi { position:absolute !important; } .pos_fix { position:fixed; } .pos_fixi { position:fixed !important; } /*************** Colors ***************/ .color_std { color:#58585a; } .color_white { color:#fff; } .color_whitei { color:#fff !important; } .color_psplila { color:#991f30; } /*#702490*/ .color_pspblue { color:#2a2c2a; } .color_green { color:#09cc1b; } .color_red { color:#c40c23; } .color_red_deep { color:#991f30 !important; } /*#a92200*/ .color_red_danger { color:#be0a26 !important; } .color_blue { color:#6699ff; } .color_blue_light { color:#5970b5; } .color_blue_link { color:#3b99fc; } .color_blue_linki { color:#3b99fc !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 !important; } .color_grey_light { color:#e9ecef; } /*e4e4e4*/ .color_grey_blue { color:#4f6e8f; } .color_grey_mood { color:#7f8191; } .color_grey_disable { color:#929292 !important; } .color_gb { color:#6d758e !important; } .color_black { color:#000; } .color_blacki { color:#000 !important; } .color_black_light { color:#353535; } .color_black_light2 { color:#606060; } .color_black_light3 { color:#999999; } .color_erg_blue { color:#7695b3; } .color_nav_green { color:#55a9a7; } .color_nav_green2 { color:#00828a; } .color_diff_red { color:#be0a26; } /*#c4102a*/ .color_diff_green { color:#39ba44; } .color_diff_blue { color:#6498d7; } .color_orange { color:#ee9900; } /*#fe9a1f*/ .color_lock { color:#c2b3b3; } .color_lila { color:#cc00cc; } .color_yellow { color:yellow; } .color_hpc { color:#cdba5f; } .color_transparent { color:transparent; } .bg_std { background:#f5f5f5 !important; } .bg_deleted { background:#e2d3dd !important; } .bg_list_grey { background:#f6f6f6; } .bg_ref { background:#f2f3f5; } .bg_white { background:#ffffff !important; } .bg_danger { background:#be0a26 !important; } .bg_red_dark { background:#40030c !important; } .bg_red { background:#c40c23 !important; } .bg_red_light { background:#e0bbbb !important; } .bg_green_dark { background:#374937 !important; } .bg_green { background:#09cc1b !important; } .bg_green_light { background:#aae0aa; } .bg_grey { background:#e9ecef !important; } .bg_grey_light { background:#f4f7fc !important; } .bg_black { background:#000000 !important; } .bg_black_light1{ background:#222222 !important; } .bg_black_light2{ background:#444444 !important; } .bg_black_light3{ background:#999999 !important; } .bg_orange { background:#ee9900 !important; } .bg_orange_dirt { background:#dbc8b3 !important; } .bg_yellow_light{ background:#ffffaa !important; } .bg_blue2_light { background:#8888dd !important; } .bg_lila_light { background:#ff66ee !important; } .bg_psplila { background:#991f30; color:#ffffff; } .bg_pspred { background:#991f30 !important; color:#ffffff !important; } .bg_pspblue { background:#2a2c2a !important; } .bg_blue_link { background:#3b99fc !important; color:#ffffff !important; } .bg_refRow { background: #9ec2ec !important; } .bg_none { background:none !important; } .bap_voll { background:#e9ecef; } /*#cce5ff;*/ .bap_neu { background:#cce5ff; /*color#3b99fc; color:#ffffff;*/ } .bap_teil { background:#ffffaa; } /*#aae0aa*/ .bap_fehlt { background:#e0bbbb; } .bap_none { background:#ffffff; } .bap_closed { background:#999999; } .grayscale { filter: grayscale(100%); opacity: 0.35; cursor: default !important; } .headline_liz { font-size:16px; font-weight:bold; padding:4px; background:#6d758e; color:#fff; margin:30px 0px 20px; } /*************** Margins ***************/ .top-2 { top:-2px; } .top-10 { top:-10px !important; } .no_margin { margin:0px !important } .m10 { margin:10px; } .m12 { margin:12px; } .m20 { margin:20px; } .mt-1 { margin-top:-1px } .mt-2 { margin-top:-2px } .mt-3 { margin-top:-3px } .mt-5 { margin-top:-5px } .mt-8 { margin-top:-8px } .mt-12 { margin-top:-12px } .mt-15 { margin-top:-15px } .mt-17 { margin-top:-17px } .mt0 { margin-top:0px !important } .mt1 { margin-top:1px } .mt2 { margin-top:2px !important } .mt3 { margin-top:3px } .mt4 { margin-top:4px } .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 } .mt30 { margin-top:30px } .mt40 { margin-top:40px } .mt45 { margin-top:45px } .mt50 { margin-top:50px } .mt80 { margin-top:80px } .mt100 { margin-top:100px } .mt130 { margin-top:130px } .mt150 { margin-top:150px } .ml-8 { margin-left:-8px } .ml0 { margin-left:0px !important } .ml1 { margin-left:1px } .ml3 { margin-left:3px } .ml3i { margin-left:3px !important } .ml4 { margin-left:4px } .ml5 { margin-left:5px !important } .ml6 { margin-left:6px } .ml7 { margin-left:7px } .ml8 { margin-left:8px } .ml10 { margin-left:10px !important } .ml12 { margin-left:12px } .ml15 { margin-left:15px } .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 } .ml55 { margin-left:55px } .ml60 { margin-left:60px } .ml65 { margin-left:65px } .ml70 { margin-left:70px } .ml75 { margin-left:75px } .ml80 { margin-left:80px } .ml85 { margin-left:85px } .ml100 { margin-left:100px } .ml145 { margin-left:145px } .ml160 { margin-left:160px } .ml160i { margin-left:160px !important } .ml180 { margin-left:180px } .ml236 { margin-left:236px } .ml290 { margin-left:290px } .mr0 { margin-right:0px !important } .mr2 { margin-right:2px } .mr3 { margin-right:3px } .mr5 { margin-right:5px } .mr7 { margin-right:7px } .mr8 { margin-right:8px } .mr10 { margin-right:10px !important } .mr15 { margin-right:15px } .mr20 { margin-right:20px !important } .mr25 { margin-right:25px } .mr30 { margin-right:30px !important } .mr40 { margin-right:40px } .mr50 { margin-right:50px } .mr60 { margin-right:60px } .mr70 { margin-right:70px } .mr80 { margin-right:80px } .mr100 { margin-right:100px } .mr110 { margin-right:110px } .mb3 { margin-bottom:3px } .mb5 { margin-bottom:5px } .mb10 { margin-bottom:10px !important } .mb20 { margin-bottom:20px } .mb30 { margin-bottom:30px !important } .mb40 { margin-bottom:40px } .mb60 { margin-bottom:60px !important } .mlr10 { margin-left:10px; margin-right: 10px; } /*************** Paddings ***************/ .no_padding { padding:0px !important; } .padding1 { padding:1px } .padding2 { padding:2px } .padding3 { padding:3px } .padding5 { padding:5px !important; } .padding10 { padding:10px !important; } .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 !important; } .pl22 { padding-left:22px } .pl30 { padding-left:30px } .pl50 { padding-left:50px } .pr3 { padding-right:3px } .pr4 { padding-right:4px } .pr5 { padding-right:5px } .pr30 { padding-right:30px } .pr10 { padding-right:10px !important } .plr5 { padding:0px 5px; } .plr5i { padding:0px 5px !important; } .pt1 { padding-top:1px !important } .pt2 { padding-top:2px } .pt3 { padding-top:3px } .pt5 { padding-top:5px } .pt10 { padding-top:10px } .pt20 { padding-top:20px } .pt30 { padding-top:30px } .pt45 { padding-top:45px } .pt55 { padding-top:55px } .pt80 { padding-top:80px } .pb5 { padding-bottom:5px } .pb10 { padding-bottom:10px } .pb15 { padding-bottom:15px !important } .pb30 { padding-bottom:30px } .ptb1 { padding:1px 0px; } .ptb2 { padding:2px 0px; } .ptb3 { padding:3px 0px; } .ptb5 { padding:5px 0px; } .p10-20 { padding:10px 20px !important; } .p5-10 { padding:5px 10px !important; } /*************** Width ***************/ .w100prozi { width:100% !important } .w100p { width:100% } .w99p { width:99% } .w90p { width:90% } .w80p { width:80% } .w49p { width:49% } .w0 { width:0px } .w10 { width:10px } .w18 { width:18px } .w21 { width:21px } .w25 { width:25px } .w30 { width:30px } .w35 { width:35px } .w35i { width:35px !important} .w45 { width:45px } .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 } .w105 { width:105px !important } .w110 { width:110px } .w115 { width:115px } .w120 { width:120px } .w125 { width:125px } .w130 { width:130px } .w140 { width:140px } .w145 { width:145px } .w145i { width:145px !important } .w160 { width:160px } .w175 { width:175px } .w185 { width:185px } .w210 { width:210px; } .w230 { width:230px; } .w245 { width:245px; } .w250 { width:250px; } .w260 { width:260px; } .w275 { width:275px; } .w283 { width:283px; } .w290 { width:290px; } .w300 { width:300px } .w323 { width:323px !important; } .w330 { width:330px } .w345 { width:345px } .w380 { width:380px } .w400 { width:400px; } .w405 { width:405px; } .w424 { width:424px; } .w435 { width:435px; } .w450 { width:450px; } .w550i { width:550px !important; } .w568 { width:568px; } .w574 { width:574px; } .w625 { width:625px; } .w688 { width:688px; } .w830 { width:830px; } .minwidth100{ min-width:100px; } .minwidth270{ min-width:270px; } .minwidth460 { min-width:460px; } .minwidth550 { min-width:550px; } /*************** Left/Right/Bottom/Top ***************/ .top2 { top:2px } .top5 { top:5px !important } .top15 { top:15px !important } .top20 { top:20px } .top100 { top:100px } .left-10 { left:-10px; } .right0 { right:0px; } .right3 { right:3px; } .right5 { right:5px; } .right12i { right:12px !important; } .right55 { right:55px; } .right10 { right:10px; } .right-25 { right:-25px; } .right-30 { right:-30px; } .b0 { bottom:0px; } /*************** Height ***************/ .h100p { height:100%; } .h0i { height:0px !important } .h2 { height:2px } .h13 { height:13px } .h14 { height:14px !important } .h15 { height:15px !important } .h16 { height:16px !important } .h17 { height:17px !important } .h18 { height:18px !important } .h19 { height:19px } .h20 { height:20px !important } .h22 { height:22px !important } .h25 { height:25px } .h30 { height:30px } .h35 { height:35px } .h35i { height:35px !important } .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 } .h92 { height:92px } .h105 { height:105px } .h130 { height:130px } .h135 { height:135px } .h140 { height:140px } .h175 { height:175px } .h210 { height:210px } .minheight60 { min-height:60px; } .minheight300 { min-height:300px; } /*************** Line-Height ***************/ .lh3 { line-height:3px; } .lh11 { line-height:11px } .lh12 { line-height:12px } .lh16 { line-height:16px } .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 } .lh40 { line-height:40px } /*************** 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; } .bs022i { box-shadow:0px 2px 2px #abadb0 !important; } /*************** Button ***************/ .btn_dis { background:#bdbdbd !important; color:#989898; font-style:italic; cursor:default; } .btn, .btn_warning { background:#2a2c2a; font-family:myFontMedium; font-size:0.79rem !important; height:21px; color:#f1f2f3; cursor:pointer; border:none; border-radius:2px; } .btn_warning { background:#991f30 !important; color:#ffffff !important; padding:0 4px; } .formbutton, .formbutton_shadow, .formbutton_funkleiste { font-family:myFontMedium; font-size:0.79rem !important; height:21px; color:#f1f2f3; cursor:pointer; border-radius:4px; background:#2a2c2a; } .formbutton_shadow { box-shadow:0 1px 1px #1f3666; } .formbutton:hover, .formbutton_shadow:hover, .formbutton_funkleiste:hover { background:#71a3d2; } .formbutton_grey, .formbutton_grey2, .formbutton_link, .formbutton_aqua { position:relative; border-radius:4px; background:#dee0e4; color:#2a2a2a; cursor:pointer; font-size:0.85rem; padding:6px 16px; border: none; } .frmbtn, .erfassung_box_head a.formbutton_link, .funcinpts_r a.formbutton_link { padding: 3px 6px; } .formbutton_grey2 { background: none; } .formbutton_link, .formbutton_link i { background: none; color:#3b99fc !important; } .formbutton_link.color_esign, .formbutton_link.color_esign i { background:none; color:#ee9900 !important; } .formbutton_link.bg_esign, .formbutton_link.bg_esign i { background:#ee9900 !important; color:#ffffff !important; } .formbutton_grey.navtop { padding:2px 9px; } .formbutton_aqua, .formbutton_grey.color_aqua { background: #225d9c; color: #fff; border: none; } .formbutton_grey:hover, .formbutton_grey2:hover, .formbutton_link:not(.menu_vp_load):hover, .formbutton_link:not(.menu_vp_load):hover i, .formbutton_aqua:hover, .formbutton_grey.color_aqua:hover { background:#2a5fba !important; color:#ffffff !important; } .formbutton_psp { position:relative; border-radius:4px; background:#1b277f !important; color:#fff !important; cursor:pointer; font-size:0.85rem; padding:2px 5px; } .formbutton_psp:hover { background:#3b99fc !important; color:#ffffff !important; } .formlink_std { color:#3b99fc !important; text-decoration:none !important; } .formlink_std:hover { text-decoration:underline !important; font-weight:bold; } .link_std { color:#3b99fc !important; cursor:pointer !important; } a.link_button_grey, a.link_button_grey_disabled { position:relative; font-family:myFontMedium; font-size:0.79rem; color:#4c4c4c; cursor:pointer; padding:1px 5px; line-height:22px; height:18px; border:1px solid #e0e0e0; border-radius:2px; box-shadow:0px 1px 1px #777; background:#c5c6c6; } a.link_button_grey:hover { background:#f2f2f2; color:#b5b5b5 !important; } a.link_button_grey_disabled { cursor:default; color:#a6a8b5 !important; font-style:italic; background:#f2f2f2; } a.clr { color:#6a81c6; } .ui-formbutton { position:relative; font-size:0.93rem !important; height:30px; color:#3081CC; cursor:pointer; padding:3px 5px 6px 5px; border:1px solid #e0e0e0; border-radius:2px; box-shadow:0px 1px 1px #777; background:#c5c6c6; } .ui-formbutton:hover { background:#f2f2f2; } .button_refresh { background:url(screen/refresh.png) no-repeat 0px 1px; background:url(screen/svg/refresh.svg) no-repeat 0px 1px, none; padding-left:22px; width:85px; height:18px; white-space:nowrap; text-align:left; line-height:17px; font-size:0.79rem; } .btn_shine { background:#2a2c2a !important; color:#ffffff !important; } .btn_psp { -moz-user-select:none; border-radius:5px; cursor:pointer; display:inline-block; font-size:1.00rem; line-height:1.42857; margin-bottom:0; padding:4px 12px; text-align:center; vertical-align:middle; white-space:nowrap; /*background:#2a2c2a;*/ background: #225d9c; color:#fff; border:none; /*1px solid #2a2c2a;*/ } .btn_psp:hover { background:#3b99fc; } .btn_kr { position:absolute; right:15px; top:-50px; } .badge { position: absolute; /*top: -8px; right: -9px; padding: 0px 5px;*/ border-radius: 50%; background: red; color: white; font-size:9px; width:12px; height:12px; margin:-6px 0 0 1px; } /*************** Textbox ***************/ .formfield_20 { width:20px; } .formfield_25 { width:25px; } .formfield_30 { width:30px; } .formfield_30h { width:30px; height:18px; } .formfield_35 { width:35px; } .formfield_40 { width:40px; } .formfield_45 { width:45px; } .formfield_45_nav { width:45px; font-family:myFontMedium; font-size:0.79rem; } .formfield_55 { width:55px; } .formfield_65 { width:65px; } .formfield_70 { width:70px; } .formfield_75 { width:75px; } .formfield_80 { width:80px; } .formfield_95 { width:95px; } .formfield_100 { width:100px; } .formfield_110 { width:110px; } .formfield_120 { width:120px; } .formfield_125_nav { width:125px; font-family:myFontMedium; font-size:0.79rem; } .formfield_135 { width:135px; } .formfield_145 { width:145px; } .formfield_150 { width:150px; } .formfield_175 { width:175px; } .formfield_180 { width:180px; } .formfield_190 { width:190px; } .formfield_193 { width:193px; } .formfield_200 { width:200px; } .formfield_210 { width:210px; } .formfield_215 { width:215px; } .formfield_250 { width:250px; } .formfield_300 { width:300px; } .formfield_410 { width:410px; } .formfield_420 { width:420px; } .formfield_440 { width:440px; } .formfield_537 { width:537px; } .inptd, .inptdt, .inptt { text-align:center; width:70px; } .inptdt { width:100px; } span.lble, span.lbleur, span.lblej, span.lblem, span.lblet, span.lblp, span.lblpj, span.lblstern { position: relative; } span.lble input, span.lblej input, span.lblem input, span.lblet input, span.lbleur input, span.lblp input, span.lblpj input, span.lblstern input { text-align: right; } span.lble input { padding-right: 12px; } span.lbleur input { padding-right: 29px; } span.lblej input { padding-right: 41px; } span.lblem input { padding-right: 51px; } span.lblet input { padding-right: 37px; } span.lblp input { padding-right: 17px; } span.lblpj input { padding-right: 47px; } span.lblstern input { padding-right: 12px; } span.lble::after, span.lbleur::after, span.lblej::after, span.lblem::after, span.lblet::after, span.lblp::after, span.lblp::after, span.lblpj::after, span.lblstern::after { content:'\20AC/Jahr'; position: absolute; right: 1px; top: -1px; background: #eee; padding: 1px 2px; border-bottom-right-radius: 1px; border-top-right-radius: 1px; cursor: text; } span.lblem::after { content: '\20AC/Monat'; } span.lblet::after { content: '\20AC/Tag'; } span.lble::after { content: '\20AC'; } span.lbleur::after { content: 'EUR'; } span.lblp::after { content: '%'; } span.lblpj::after { content: '%/Jahr'; } span.lblstern::after { content: '*'; } #content_feinselektion #div_sb_head > span::after, #content_feinselektion #div_pflegetg_head span.lbleur::after { color: #aaa; } /* #content #formular_prognose span.lble::after, #content #formular_prognose span.lbleur::after, #content #formular_prognose span.lblej::after, #content #formular_prognose span.lblem::after, #content #formular_prognose span.lblet::after, #content #formular_prognose span.lblp::after, #content #formular_prognose span.lblp::after, #content #formular_prognose span.lblpj::after */ #formular_erfsetting span[class^="lbl"]::after { font-size: 12px; top: 0px; } #content #flex_nav_container span.lble::after { top: -1px; padding-bottom: 2px; padding-top: 2px; } /*************** Textarea ***************/ .textarea_250 { width:250px; } .textarea_403 { width:403px; } .textarea_537 { width:537px; } /*************** Combobox ***************/ .formcombo, .formcombo_20, .formcombo_40, .formcombo_45, .formcombo_60, .formcombo_110, .formcombo_130, .formcombo_35 { width:35px; } .formcombo_40 { width:40px; } .formcombo_45 { width:45px; } .formcombo_50 { width:50px; } .formcombo_60 { width:60px; } .formcombo_70 { width:70px !important; } .formcombo_110 { width:110px !important; } .formcombo_125 { width:125px; } .formcombo_130 { width:130px; } .formcombo_140 { width:140px; } .formcombo_150 { width:150px; } .formcombo_155 { width:155px; } .formcombo_180 { width:180px; } .formcombo_200 { width:200px !important; } .formcombo_225 { width:225px; } .formcombo_240 { width:240px !important; } .formcombo_250 { width:250px !important; } /*************** Radio ***************/ .radio_mt0 { margin-top:2px !important } /*************** Table ***************/ table.tbl_onlyBody thead tr { height:10px; } table.tbl_onlyBody thead th { font-family:myFontMedium; font-size:0.57rem } table.tbl_onlyBody tbody td:first-child { padding-left:10px } table.tbl_printbox thead tr { height:10px; } table.tbl_printbox thead th { font-family:myFontMedium; font-size:0.57rem } /*table.tbl_printbox tbody tr { background: inherit; }*/ table.tbl_printbox tbody td:first-child { padding-left:10px; } table.tbl_printbox tbody td { padding:6px; /*border-bottom: 1px solid #fff;*/ } table.tbl_otherprintbox thead tr { height:10px; } table.tbl_otherprintbox thead th { font-family:myFontMedium; font-size:0.57rem } /*table.tbl_otherprintbox tbody tr { background: inherit; }*/ table.tbl_otherprintbox tbody td { border-bottom: 1px solid #fff; vertical-align:top; } table.tbl_otherprintbox tbody td:first-child { padding-left:10px; width:35px; } table.tbl_otherprintbox tbody td:nth-child(2) { width:20px; } table.tbl_otherprintbox .text_div { margin-right:20px; } /*table.tbl_otherprintbox tbody td { vertical-align:top; }*/ #content #formular_vvg table.tbl_otherprintbox { border-spacing: 0; } #content #formular_vvg table.tbl_otherprintbox tbody tr td { border-bottom: 1px solid #f4f7fc; } table.tbl_webinar thead th { vertical-align:middle; } table.tbl_webinar thead th:nth-child(3) { text-align:center; } table.tbl_webinar tbody tr { height:50px; } table.tbl_webinar tbody td:first-child { padding-left:5px; } table.tbl_webinar tbody td:nth-child(2) { font-size:1.00rem; } table.tbl_webinar tbody td:last-child { padding-right:10px; } table.tbl_std thead th:first-child, table.tbl_stdh40 thead th:first-child { padding-left:10px !important } table.tbl_std tbody td:first-child, table.tbl_stdh40 tbody td:first-child { padding-left:10px } /*table.tbl_stdh40 tbody td { height: 40px; }*/ table.tbl_customer thead tr th, table.tbl_customer tbody tr { cursor:pointer } table.tbl_customer thead tr th:empty { cursor:default !important; } table.tbl_customer tbody tr { height:40px } table.tbl_bprotokoll tbody tr td { padding:10px 0px; } table.tbl_bprotokoll tbody tr td:first-child { border:none; width:225px; } table.tbl_noborder tbody tr { height:10px; background:none; } table.tbl_noborder tbody tr td, table.tbl_noborderh40 tbody tr td { border:none; } table.tbl_noborderh40 tbody tr { height:32px; } table.tbl_ergliste thead tr th { padding:8px 2px 12px; } table.tbl_ergliste thead tr th a { color:#3e476b; } /*table.tbl_ergliste tbody tr { height:92px; }*/ /*table.tbl_ergliste tbody tr.selectedOne { background:#e9ecef; }*/ table.tbl_ergliste tbody tr.selectedOne { background:#e1e4e7; /*#e9ecef;/ /* unschöne Verläufe im safari background:-moz-linear-gradient(left, #e9ecef, #fff 90%); background:-webkit-gradient(linear, left center, right center, from(#e9ecef), to(#fff)); background:-webkit-linear-gradient(left, #e9ecef, color-stop(0.9, #fff)); background:-o-linear-gradient(left, #e9ecef, #fff 90%); background:-ms-linear-gradient(left, #e9ecef, #fff 90%); -ms-filter:"progid:DXImageTransform.Microsoft.gradient(GradientType=0, startColorStr='#e9ecef', EndColorStr='#fff')"; filter:progid:DXImageTransform.Microsoft.gradient(GradientType=0, startColorstr='#e9ecef', endColorstr='#fff'); */ } /* table.tbl_ergliste tbody tr.selectedOne { background:#f4f7fc; background:-moz-linear-gradient(top, #e9ecef, #fff 90%); background:-webkit-gradient(linear, center top, center bottom, from(#f4f7fc), to(#e9ecef)); background:-webkit-linear-gradient(top, #e9ecef, color-stop(0.9, #fff)); background:-o-linear-gradient(top, #e9ecef, #fff 90%); background:-ms-linear-gradient(top, #e9ecef, #fff 90%); -ms-filter:"progid:DXImageTransform.Microsoft.gradient(GradientType=0, startColorStr='#e9ecef', EndColorStr='#fff')"; filter:progid:DXImageTransform.Microsoft.gradient(GradientType=0, startColorstr='#e9ecef', endColorstr='#fff'); } */ /*table.tbl_ergliste tbody tr.selectedTwo { background:#f4f7fc; }*/ table.tbl_ergliste tbody tr.selectedTwo { background:#f4f7fc; /* unschöne Verläufe im safari background:-moz-linear-gradient(left, #f4f7fc, #fff 90%); background:-webkit-gradient(linear, left center, right center, from(#f4f7fc), to(#fff)); background:-webkit-linear-gradient(left, #f4f7fc, color-stop(0.9, #fff)); background:-o-linear-gradient(left, #f4f7fc, #fff 90%); background:-ms-linear-gradient(left, #f4f7fc, #fff 90%); -ms-filter:"progid:DXImageTransform.Microsoft.gradient(GradientType=0, startColorStr='#f4f7fc', EndColorStr='#fff')"; filter:progid:DXImageTransform.Microsoft.gradient(GradientType=0, startColorstr='#f4f7fc', endColorstr='#fff'); */ } table.tbl_ergliste tbody tr td label, table.tbl_ergliste thead tr th label { cursor:pointer; } table.tbl_ergliste tbody tr td .logo_pos { position:absolute; right:30px; width:100px; text-align:center; } table.tbl_ergliste tbody tr td .div_makler { position:absolute; right:130px; width:20px; text-align:center; margin-top:4px; } table.tbl_ergliste tbody tr td .numbers { font-weight:bold; } /*table.tbl_ergliste tbody tr td .numbers .fa-star { position:absolute; left:0px; top:-7px; font-size:1.80rem; color:#d8b970; z-index:2; }*/ table.tbl_lv_beitraege { border-spacing:0; } table.tbl_lv_beitraege tbody tr { height:35px; } table.tbl_lv_beitraege tbody tr td.tbl_lv_border { border-bottom:1px solid #f2f3f2; } table.tbl_themen { margin-bottom:25px; table-layout:fixed; font-family:myFontMedium; font-size:0.72rem; } table.tbl_themen tr th:nth-child(2), table.tbl_themen tr td:nth-child(2) { cursor:pointer; } table.tbl_themen thead tr th { font-family:myFontSemibold; font-size:0.85rem; line-height:18px; padding-left:0px; } table.tbl_themen thead th:first-child { padding-left:3px !important } table.tbl_themen tbody tr { height:23px } table.tbl_themen tbody tr td { word-break:break-word; } table.tbl_navigator { table-layout:fixed; width:100%; } table.tbl_navigator thead tr th, table.tbl_nav_general thead tr th, table.tbl_nav_general_pl0 thead tr th, table.tbl_erg_general thead tr th { position:relative; height:18px; margin:0; /*vertical-align:top; padding:4px 4px 3px;*/ } table.tbl_navigator thead tr th .searcher_div input { width:65px !important; } table.tbl_nav_general tbody tr td .lock, table.tbl_nav_general_pl0 tbody tr td .lock { background:url(screen/lock.png) no-repeat; background:url(screen/svg/lock.svg) no-repeat; background-size:10px; background-position-y:2px; padding-left:10px; margin-left:6px; } /*table.tbl_nav_general_pl0 tbody tr td .lock { padding-left:5px; }*/ table.tbl_navigator colgroup col:nth-child(2) { width:35%; } table.tbl_navigator colgroup col:nth-child(3) { width:50%; } table.tbl_navigator colgroup col:nth-child(4) { width:15%; } /*table.tbl_navigator tbody tr td:nth-child(3) { line-height:15px; }*/ table.tbl_navigator tbody tr td div { display: inline; } table.tbl_navigator tbody tr td.txtcut { color: #3b99fc; } table.tbl_navigator tbody tr td:nth-child(3) input { text-align:right; vertical-align:middle; display:inline-block; } table.tbl_navigator tbody tr td:nth-child(3) label { margin-bottom:-2px; } table.tbl_navigator tbody tr td:nth-child(4) { /*padding:2px 0px;*/ padding-left:4px; } table.tbl_navigator thead th:last-child { padding-right:10px } table.tbl_navigator tbody tr td:last-child { padding-right:7px; /*border-right:3px solid #f4f7fc;*/ } table.tbl_navigator input { font-family:myFontMedium; font-size:0.72rem; } table.tbl_navigator input[type=checkbox] { cursor:pointer; } table.tbl_navigator.tblschlank tbody tr td { height: 0px !important; } table.tbl_nav_general thead tr, table.tbl_nav_general_pl0 thead tr, table.tbl_erg_general thead tr { height:22px; } table.tbl_nav_general thead tr th, table.tbl_nav_general_pl0 thead tr th, table.tbl_erg_general thead tr th { padding:2px 0px 2px 2px; } table.tbl_nav_general thead th:last-child, table.tbl_nav_general_pl0 thead th:last-child, table.tbl_erg_general thead th:last-child { padding-right:5px } table.tbl_nav_general thead th:first-child, table.tbl_erg_general thead th:first-child { padding-left:5px } table.tbl_nav_general tbody tr td:last-child, table.tbl_nav_general_pl0 tbody tr td:last-child, table.tbl_erg_general tbody tr td:last-child { padding-right:5px; } table.tbl_nav_general tbody tr td:first-child, table.tbl_erg_general tbody tr td:first-child, table.tbl_noborderh40 tr td:first-child { padding-left:8px; } table.tbl_erg_general thead tr th.th_pl50 { padding-left:50px; } table.tbl_navigator tbody tr td:first-child label { margin-left:2px; } table.tbl_fo td { vertical-align:top; padding:4px 4px; } table tbody tr.whiteRow { background:#ffffff; } table tbody tr.greyRow { background:#f8f8f8; } table tbody tr.deletedRow { background:#d0cace !important; color:#000000 !important; } table tbody tr.deletedRow td a { color:#000000 !important; } table tbody tr.deletedRow td .lock { background:url(screen/lock.png) no-repeat; background:url(screen/svg/lock.svg) no-repeat; background-size:10px; background-position-y:2px; padding-left:10px; margin-left:6px; } table tbody tr.bisexRow { background:#e2d3dd !important; } table tbody tr.pkvRow { color:#000000 !important; } table tbody tr.pkvRow td { border-top:1px solid #a1a0b2; } table tbody tr.pkvRow td a { color:#000000 !important; } table tbody tr.refRow { background:#cee2f9 !important; color:#000000 !important; } table tbody tr.preratingRow { background: #ecf9ce !important; color:#000000 !important; } table th.t_h1>div>a, table th.t_h1>a { color:white; } table th.t_h1_hell { background:#ebebf7; } table.ui-table { border:1px solid #e3e3e3; font-family:myFontMedium; font-size:0.79rem } table.ui-table thead th { color:#4d5479; height:18px; padding:4px; background:#e3e3e3; } table.ui-table tbody tr td { vertical-align:middle; border-bottom:none; color:#898989; } table.ui-table .alternateRow { background:#edeff1; } table .a_line td { background:#fff; } table .c_line td { background:#f4f7fc; color:#2a2a2a; } table .bar_line td, #formular_bkz div.bar_line { position:relative; text-align:left; padding:5px 15px !important; font-size:1.00rem !important; letter-spacing:1px; background:#e9ecef; } #formular_bkz div.bar_line { color:#2a2c2a; margin-bottom:3px; } table .d_line td { /*background:#d6d6d6;*/ color:#b5b5b5; font-style:italic; } /*table .d2_line td { background:#d6d6d6; color:#8f8f8f; }*/ table tbody tr.blue_light_line td { background:#c1dcfc; } table .blue_line td /*, table.head_blue_light thead tr th*/ { color:#fff; border:none; background:#2b7bc5; } /* table tbody tr.del_line td { background:#e2d3dd; color:#705770; } table tbody tr.del_line td a { color:#705770 !important; } table tbody tr.del_line td .lock { background:url(screen/lock.png) no-repeat; background:url(screen/svg/lock.svg) no-repeat; background-size:10px; background-position-y:2px; padding-left:10px; margin-left:6px; padding-bottom:4px; } table tbody tr.del_line td .color_blue_link { color:grey; } table .selectedRef td { background:#cee2f9; } */ /*table.tbl_nav_simpleipop thead tr, table.tbl_erg_simpleipop thead tr { height:5px; } table.tbl_nav_simpleipop thead tr th, table.tbl_erg_simpleipop thead tr th { height:5px; background:none; border:none; color:#55a9a7; } table.tbl_nav_simpleipop tbody tr td, table.tbl_erg_simpleipop tbody tr td { height:5px; font-family:myFontMedium; font-size:0.72rem; color:#fff; border:1px solid #4c5866 !important; border-radius:3px; }*/ table thead tr th.th_c { text-align:center !important } table thead tr th.th_r { text-align:right !important } table tbody tr td.noborder { border:0px !important } /*************** Textlabel ***************/ .f_size8 { font-size:0.57rem } /*font-family:myFontMedium;*/ .f_size9 { font-size:0.65rem } /*font-family:myFontMedium;*/ .f_size10 { font-size:0.72rem !important } /*font-family:myFontMedium;*/ .f_size11 { font-size:0.79rem } /*font-family:myFontMedium;*/ .f_size12 { font-size:0.85rem } .f_size12i { font-size:0.85rem !important } .f_size13 { font-size:0.93rem } .f_size14 { font-size:1.00rem } .f_size15 { font-size:1.07rem } .f_size16 { font-size:1.15rem } .f_size18 { font-size:1.30rem } .f_size18i { font-size:1.30rem !important } .f_size20 { font-size:1.45rem !important } .f_size22 { font-size:1.60rem } .f_size24 { font-size:1.85rem } .f_size30 { font-size:2.15rem } .f_size45 { font-size:3.20rem } .f_size80p { font-size:80% } .f_bold { font-weight:bold; /*font-family:myFontSemibold;*/ } .tc { text-align:center; } .tl { text-align:left; } .tr { text-align:right !important; } .tj { text-align:justify; } .tu { text-decoration:underline; } .tui { text-decoration:underline !important; } .tlt { text-decoration:line-through; } .valign_t { vertical-align:top; } .valign_m { vertical-align:middle !important; } .valign_b { vertical-align:bottom; } .lbl_disabled { color:grey; cursor:default } .display_ib { display:inline-block; } .display_blk { display:block !important; } .display_none, .dn_temp, .clremafterloading { display:none !important; } .loadingblock { width: 101%; height: 100%; position: absolute; background: #fff; z-index: 99999; top: 0px; left: 0px; border-radius: 4px; overflow: hidden; } fade { position: absolute; bottom: 0px; display: block; width: 100%; height: 55%; background-image: linear-gradient(to bottom, rgba(255, 255, 255, 0), rgba(255, 255, 255, 0.9) 70%); } /*************** Fileupload ***************/ .upload_file { position:relative; width:25px; margin:9px 0 0 5px; } .upload_file input.file { position:relative; } #file_upload { position: relative; } #csv_upload { width: 192px; height: 31px; } .upload_filename { width: 180px; padding: 4px 2px; font-size: .88rem; border: 1px solid #aeb4b9; border-top-left-radius: 2px; border-bottom-left-radius: 2px; } .upload_file { margin-left: 0px; top: -31px; width: 192px; height: 20px; } .upload_file input.file { position: absolute; left: -125px; width: 307px; top: -3px; height: 24px; text-align:right; opacity:0; -moz-opacity:0; filter:alpha(opacity=0); z-index:2; margin:0px; cursor:pointer; } .upload_file a.fakefile { position:absolute; background: none; top: 1px; right: 4px; width: 18px; height: 18px; color: #909090; } #formular_eigen .upload_file, #formular_logo .upload_file, #formular_logo_anschreiben .upload_file { top: 4px; width: 25px; } #formular_eigen .upload_file { top: 2px; } #formular_eigen .upload_file a.fakefile { font-size: 1.2rem; width: 20px; top: 0px; } #formular_logo .upload_file, #formular_logo_anschreiben .upload_file { width: 35px; height: 25px; } #formular_logo .upload_file a.fakefile, #formular_logo_anschreiben .upload_file a.fakefile { font-size: 1.4rem; width: 29px; } /*************** Carousel ***************/ .carousel { width:860px; /* Total width of visible columns + border widths */ background:#eee; overflow:hidden; } .carousel-inner { width:1500px; /* Total width of all columns in sliding-window + border widths */ overflow:hidden; } /*************** Linien/Bars ***************/ .navi_section_line { background:#a1a0b2 !important; color:#ffffff !important; height:30px; font-family:myFontSemibold; font-size:1.00rem; } .bar { position:relative; text-align:center; padding:5px 0px; min-height:19px; /*box-shadow:0px 1px 2px #8c8c8c;*/ background:#e9ecef; } .save_section_head { font-size:0.85rem; font-weight:bold; min-height:15px; padding:4px; } /*************** Lists ***************/ .ol_std { margin:0px; margin-top:5px; padding:0px; padding-left:20px; list-style-type:decimal; } .ol_std li { margin-bottom:5px; } /*************** rotating ***************/ @-webkit-keyframes rotating /* Safari and Chrome */ { from { -webkit-transform: rotate(0deg); -o-transform: rotate(0deg); transform: rotate(0deg); } to { -webkit-transform: rotate(360deg); -o-transform: rotate(360deg); transform: rotate(360deg); } } @keyframes rotating { from { -ms-transform: rotate(0deg); -moz-transform: rotate(0deg); -webkit-transform: rotate(0deg); -o-transform: rotate(0deg); transform: rotate(0deg); } to { -ms-transform: rotate(360deg); -moz-transform: rotate(360deg); -webkit-transform: rotate(360deg); -o-transform: rotate(360deg); transform: rotate(360deg); } } .rotating { -webkit-animation: rotating 2s linear infinite; -moz-animation: rotating 2s linear infinite; -ms-animation: rotating 2s linear infinite; -o-animation: rotating 2s linear infinite; animation: rotating 2s linear infinite; } /*************** Others ***************/ .noscroll {overflow:auto;} .clearer { width:0; height:0; clear:both; } .hidden { display:none; } .valign_inherit { vertical-align:inherit !important; } .visible_none { visibility:hidden } .of_hid { overflow:hidden; } .border0 { border:none !important; } .border_r_light { border-right:1px solid #dce1e5; } .border_b_light { border-bottom:1px solid #dce1e5; } .border_black { border:1px solid #000; } .border_top_mkm { border-top:1px solid #999da2 !important; } .border_top_mkm_grey { border-top:1px solid #525252 !important; } .border_top_mkm_white { border-top:1px solid #ffffff !important; } .dropShadow10 { box-shadow:0px 0px 10px rgba(0, 0, 0, 0.3); } .mkm_div { float:left; width:160px; padding:3px; } .text_l { text-align:left; } .text_c { text-align:center; } .text_r { text-align:right; } .mpointer { cursor:pointer !important; } .mnone { cursor:default !important; } .mopenhand { cursor:url(screen/openhand.cur), auto !important; } .mhelp { cursor:help; } .sticky { position: sticky; } .sticky73 { position: sticky; top: 73px; } .trenner { background:url(screen/trenner.png) no-repeat; height:2px; width:850px; margin:2px 0px; } /*.table_pic { background:url(screen/tabelle.png) no-repeat; width:15px; height:18px; border:0; cursor:pointer; background:url(screen/svg/tabelle.svg) no-repeat, none; }*/ .resetapnr { background:url(screen/resetapnr.jpg) no-repeat; width:300px; height:260px; border:0; margin:0 0 10px 40px; } .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; margin-left:10px; } .blinking1 { animation: blinker .5s linear 1; } @keyframes blinker { 50% { opacity: 0; } } /****************************************************************** fontawesome: Korrektur seltsame line-heigt 0.05em ******************************************************************/ .fa-lg { line-height:0.75em; } i.fa-question-circle { cursor:help; margin-left:8px; color:#3b99fc; font-size:0.85rem; display:inline; } span.fa-stack.question { cursor:help; margin-left:8px; font-size:0.48rem; color:#000000; } span.fa-stack.question i.fa-question { font-size:0.57rem; } span.fa-stack.info { cursor:help; margin-left:8px; font-size:0.48rem; } span.fa-stack.info i.fa-circle { color:#313231; } span.fa-stack.info i.fa-info { color:#ffffff; font-size:0.65rem; } span.fa-stack.esign { margin-right:8px; margin-top: 3px; font-size:0.55rem; } span.fa-stack.esign { color:#ee9900; } span.fa-stack.esign i.fa-pen { color:#ffffff; } span.fa-stack.esign.esignicon1 { color:#999999 !important; } span.fa-stack.esign.esignicon3 { color:#09cc1b !important; } span.fa-stack.esign.esignicon3 i.fa-pen { color:#000000; } span.fa-stack.esign.esignicon5, span.fa-stack.esign.esigniconC { color:#09cc1b !important; } span.fa-stack.esign.smit i.fa-pen { color:#000000; } label.esignicon i { cursor:copy !important; } i.fa-file-pdf { color:#b84545; margin-left:2px; margin-right:8px; } i.fa-globe { color: #004a93; margin-left: 0px; margin-right: 6px; } i.fa-compress { color:#cea558; } i.fa-pen-nib { color:#f5a500; } i.fa-calendar-alt { cursor:pointer; margin:3px; } /*i.fa-user-plus { color:#3b99fc; }*/ .bounce { display: inline-block; position: relative; -moz-animation: bounce 2s ease infinite; -o-animation: bounce 2s ease infinite; -webkit-animation: bounce 2s ease infinite; animation: bounce 2s ease infinite; } @-webkit-keyframes bounce { 70% { transform:translateY(0%); } 80% { transform:translateY(-15%); } 90% { transform:translateY(0%); } 95% { transform:translateY(-7%); } 97% { transform:translateY(0%); } 99% { transform:translateY(-3%); } 100% { transform:translateY(0); } } @-moz-keyframes bounce { 70% { transform:translateY(0%); } 80% { transform:translateY(-15%); } 90% { transform:translateY(0%); } 95% { transform:translateY(-7%); } 97% { transform:translateY(0%); } 99% { transform:translateY(-3%); } 100% { transform:translateY(0); } } @-o-keyframes bounce { 70% { transform:translateY(0%); } 80% { transform:translateY(-15%); } 90% { transform:translateY(0%); } 95% { transform:translateY(-7%); } 97% { transform:translateY(0%); } 99% { transform:translateY(-3%); } 100% { transform:translateY(0); } } @-ms-keyframes bounce { 70% { transform:translateY(0%); } 80% { transform:translateY(-15%); } 90% { transform:translateY(0%); } 95% { transform:translateY(-7%); } 97% { transform:translateY(0%); } 99% { transform:translateY(-3%); } 100% { transform:translateY(0); } } @keyframes bounce { 70% { transform:translateY(0%); } 80% { transform:translateY(-15%); } 90% { transform:translateY(0%); } 95% { transform:translateY(-7%); } 97% { transform:translateY(0%); } 99% { transform:translateY(-3%); } 100% { transform:translateY(0); } } .ds_docbox_body span.fa-stack.esign { margin-right:5px; margin-top: 3px; } .ds_docbox_body i.fa-file-pdf { margin-top: 4px; margin-left: 6px; } .bopt_icon { font-size:1.50rem; font-weight:bold; } .bopt_icon:after { content:"\0000A7"; } /*.archiv_icon { background:url(screen/archiv.png) no-repeat; background:url(screen/svg/archiv.svg) no-repeat, none; width:20px; height:20px;}*/ .fav_15, .favtxt { background:url(screen/fav_15.png) no-repeat; background:url(screen/svg/favorite.svg) no-repeat, none; background-size:20px; width:20px; height:20px; } .favtxt { padding-left:25px; line-height:19px; } .ff_top, #content .ff_top_lvtop, #content .lv_ff_top_txt, .ff_okay, #content .ff_okay_lvtop, #content .lv_ff_okay_txt, .ff_flop, #content .ff_flop_lvtop, #content .lv_ff_flop_txt, .ff_top_half, .ff_okay_half { width:15px; height:15px; position:relative; } .ff_top, #content .ff_top_lvtop, #content .lv_ff_top_txt { background:url(screen/ff_top.png) no-repeat; background:url(screen/svg/ff_top.svg) no-repeat, none; } .ff_okay, #content .ff_okay_lvtop, #content .lv_ff_okay_txt { background:url(screen/ff_okay.png) no-repeat; background:url(screen/svg/ff_okay.svg) no-repeat, none; } .ff_flop, #content .ff_flop_lvtop, #content .lv_ff_flop_txt { background:url(screen/ff_flop.png) no-repeat; background:url(screen/svg/ff_flop.svg) no-repeat, none; } .ff_top_half { background:url(screen/ff_top_half.png) no-repeat; background:url(screen/svg/ff_top_half.svg) no-repeat; } .ff_okay_half { background:url(screen/ff_okay_half.png) no-repeat; background:url(screen/svg/ff_okay_half.svg) no-repeat; } #content .ff_top_lvtop, #content .ff_okay_lvtop, #content .ff_flop_lvtop { padding-left:20px; /*margin:7px 0 0 15px;*/ line-height:17px; } .showdatepicker { position:absolute; top:30px; z-Index:9999 } .searcher_xbutton { font-size: 1rem; color: #999; position:absolute; right:1px; top:2px; cursor:pointer } .save_button { font-size: 1rem; color: #09cc1b; position:absolute; right:20px; top:2px; cursor:pointer } .xbutton { background:url(screen/x-button.png) no-repeat; background:url(screen/svg/x-button.svg) no-repeat, none; background-size:12px; width:12px; height:12px; cursor:pointer } .xbutton:hover { background:url(screen/x-button_grey.png) no-repeat; background:url(screen/svg/x-button_grey.svg) no-repeat, none; background-size:12px; width:12px; height:12px; cursor:pointer } .div_gew { position: relative; padding: 2px 10px 2px 3px; color: #818181; font-size: .75rem; margin-top: 0px; float: right; } .div_gew > div { display: inline-block; } .div_gew > div[id^=gew_pic] { position: absolute; left: -16px; margin-top: 1px; display: none; color: #0099ff; font-size: .9rem; cursor: pointer; } .div_gew .lv_gew_btn { float: inherit; font-size: .8rem; margin-left: 8px; margin-top:3px; width:inherit; height:inherit; cursor: pointer; } #showGewichtungDialog .div_gew { padding-right: 0px; } #showGewichtungDialog .div_gew .lv_gew_btn { font-size: .95rem; margin-top: -3px; padding: 5px 0px; } .chk_0 { background:url(screen/chk0.png) no-repeat; background:url(screen/svg/chk0.svg) no-repeat, none; } .chk_1 { background:url(screen/chk1.png) no-repeat; background:url(screen/svg/chk1.svg) no-repeat, none; } .chk_2 { background:url(screen/chk2.png) no-repeat; background:url(screen/svg/chk2.svg) no-repeat, none; } .chk_3 { background:url(screen/chk3.png) no-repeat; background:url(screen/svg/chk3.svg) no-repeat, none; } .chk_0,.chk_1,.chk_2,.chk_3 { background-size:14px; background-position:0 center; padding-left:18px !important; } .radio2tab_box_section { position:relative; color:#9599ac; font-size:1.15rem; height:22px; padding:3px 0 1px 3px; margin:0; & label[disabled] { color:#8a929c; } & input[type=radio]:not([class=standard]) + span, & label input[type=radio]:not([class=standard]):checked + span { background: none; padding: 5px !important; } & label input[type=radio]:not([class=standard]):checked + span { border-bottom: 1px solid #3e476b; color: #3e476b; } & input[type="checkbox"] { margin-left:0 !important; } } .bew_fein_box { position: absolute; bottom: 7px; left: 50%; width: 140px; margin-left: -83px; } .bew_fein_box > div { font-family:myFontMedium; font-size:0.72rem; display:inline-block; width:130px; text-align:left; } /*.bew_fein_box > div > div { clear:both; height:25px; }*/ .bew_fein_box > div > div > div { display:inline-block; } .bew_fein_box > div > div > div:first-child { line-height:18px; } .bew_fein_box > div > div > div:nth-child(2) { float:right; margin-top:-7px; } .fein_tocenterleft { left:50%; margin-left:-77px; } .bew_fein_tocenter { left:50%; margin-left:-38px; } .bew_tocenterright { left:50%; margin-left:0px; } .bew_siegel { /*border:1px solid #f4f7fc;*/ box-shadow: 0px 0px 8px 1px #969ba5; margin:10px; background:#fff; width:54px; } .bew_siegel_top, .bew_siegel_bottom { /*font-family:myFontMedium;*/ font-size:0.65rem; text-align:center; padding-bottom:2px; } .bew_siegel_top { margin-bottom:6px; background:#2a2c2a; color:#fff; } .bew_siegel_bottom { /*margin-top:1px; background:#f4f7fc;*/ } /* .bew_siegel { border:1px solid #f4f7fc; margin:10px; background:#fff; } .bew_siegel_top, .bew_siegel_bottom { font-family:myFontMedium; font-size:0.65rem; text-align:center; padding-bottom:1px; } .bew_siegel_top { margin-bottom:3px; background:#2a2c2a; color:#fff; } .bew_siegel_bottom { margin-top:1px; background:#f4f7fc; } */ .sum_bewertung, .sum_bewertung_small, .sum_bewertung_small_single, .sum_filter { position:absolute; border:1px solid #fbf2fe; border-radius:3px; padding:3px; font-family:myFontMedium; font-size:0.65rem; color:grey; width:70px; cursor:default; /*background:#ebeaee;*/ } .sum_bewertung { height:35px; box-shadow:0 1px 3px rgba(103, 108, 113, 0.8); } .sum_bewertung_small, .sum_bewertung_small_single { margin-left:-37px; left:50%; top:10px; border: 1px solid #dce1e5; height:13px; line-height:12px; z-index:1; padding:1px 0px 1px 5px; width:75px; color:#773B55; border-radius: 0px; } .sum_bewertung_small { position:relative; } .sum_filter { border:1px solid #fbf2fe; padding:4px 0 0 0; height:37px; box-shadow:0 1px 3px rgba(103, 108, 113, 0.8); background:#f1f3f0; } .sum_ref_diff { position:absolute; background:#f0f0f0; margin-left:-28px; left:50%; /*border-bottom-left-radius:3px; border-bottom-right-radius:3px;*/ top:6px; width:63px; font-family:myFontMedium; font-size:0.72rem; color:#8f8f8f; z-index:0; text-align:center; } .sum_ref_diff_title_anz { float:left; width:18px; text-align:right; font-weight:bold; margin-right:10px; } .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_pl { color:#3b99fc; }*/ .star_bew_none { color:#e9ecef; } .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:#9599ac; font-size:0.79rem; } .bew_siegel .star_point { font-size:1.15rem; } .star_pointdiff_referenz, .star_pointdiff_neutral { color:#3b99fc !important; } .star_pointdiff_positiv { color:#5ccc66 !important; font-family:myFontMedium; font-size:0.72rem; } .star_pointdiff_negativ { color:#991f30 !important; font-family:myFontMedium; font-size:0.72rem; } .ratinga, .ratingaa, .ratingaaa, .ratingatop { position:absolute; right:5px; width:28px; height:24px; top: 50%; margin-top: -12px; } .ratth { position:absolute; top:0px; right:5px; cursor:help; } .ratinga, .leg_ra { background:url(screen/ratinga.png) no-repeat; background:url(screen/svg/ratinga.svg) no-repeat, none; } .ratingaa, .leg_raa { background:url(screen/ratingaa.png) no-repeat; background:url(screen/svg/ratingaa.svg) no-repeat, none; } .ratingaaa, .leg_raaa { background:url(screen/ratingaaa.png) no-repeat; background:url(screen/svg/ratingaaa.svg) no-repeat, none; } .ratingatop, .leg_rtop { background:url(screen/ratingatop.png) no-repeat; background:url(screen/svg/ratingatop.svg) no-repeat, none; } .leg_ra, .leg_raa, .leg_raaa, .leg_rtop { position:relative; width:28px; height:28px; padding-left:30px; line-height:26px; font-family:myFontMedium; font-size:0.72rem; } .twovps, .twovps_grey, .twovps_like, .twovps_grey_like { background:url(screen/twovps.png) no-repeat; background:url(screen/svg/twovps.svg) no-repeat, none; background-position:0px 0px; width:73px; height:16px; text-align:right; line-height:13px; color:#a0a0a0; } .twovps { background-position:13px 13px; height:30px; font-family:myFontMedium; font-size:0.72rem; color:#0ca319; } .twovps_grey { width:50px; } .twovps_grey, .twovps_grey_like { background:url(screen/twovps_grey.png) no-repeat; background:url(screen/svg/twovps_grey.svg) no-repeat, none; } .twovps_like, .twovps_grey_like { width:35px; } .psp_like { background:url(screen/psp_like.png) no-repeat; background:url(screen/svg/psp_like.svg) no-repeat, none; background-size:125px 23px; width:125px; height:22px; cursor:pointer; } #usrresp { position: fixed; left: 50%; -ms-transform: translateX(-50%); transform: translateX(-50%); z-index:2147483640; color: #fff; font-size: .9rem; max-width: 500px; } #usrresp > i { position: absolute; top: 3px; right: 3px; cursor: pointer; font-weight: var(--fa-style, 500); } #usrresp > div { padding: 15px 20px; padding-left: 35px; } #usrresp .respok { background: #039f4c; } #usrresp .respnotok { background: #bb1111; } #usrresp > div > i { position: absolute; top: 50%; transform: translateY(-50%); left: 10px; font-size: 1.2rem; } #wait_blende, .lv_loader_blende, .pspDialog-blende { position:fixed; display:block; background:#000000; float:left; height:200%; top:0px; left:0px; width:200%; z-index:10002 !important; opacity:0.25; filter:alpha(opacity=25); } #wait_info { position:fixed; top:50%; left:50%; margin-top:-40px; margin-left:-180px; width:410px; height:60px; z-index:2147483641; background:#ffffff; color:#000000; border:1px solid rgb(200, 200, 200); box-shadow:0px 0px 10px black; } #wait_icon, .loadericon { float:left; height:60px; width:60px; margin-right:15px; z-index:2147483642; display:block; background:url(screen/svg/loader_doublering.svg) no-repeat; background-size: contain; } #wait_text { position: absolute; top: 50%; -ms-transform: translateY(-50%); transform: translateY(-50%); left: 75px; } .pspDialog { position:fixed; background:#ffffff; color:#666f7c; height: 100%; width: 100%; max-width: 860px; top:0; right:-1000px; transition: 1s; overflow: auto; box-shadow: -2px 2px 6px #e0dfdf; border-left: 1px solid #ebebeb; z-index:10005; } .pspDialog .pspDialog-title { position: sticky; top: 0; background: #f2f2f2; padding-left: 18px; font-size: 1.052rem; line-height: 28px; min-height: 30px; z-index: 5; } .pspDialog .btnclose { position: absolute; padding: 2px 8px 0px 10px; right: 0px; top: 0px; color:#000; cursor: pointer; z-index: 1; } .pspDialog .btnclose:hover { background: #d8dbdf; } .pspDialog .btnclose span { font-size: .75rem; } .pspDialog .btnclose span i { font-size: .8rem; vertical-align: middle; height: 12px; margin-left: 2px; } .pspDialog .pspDialog-container { position: relative; padding: 0px 15px 20px 15px; z-index: 1; } .pspDialog .pspDialog-container .pspDialog-controller { position: sticky; height: 25px; padding: 20px 5px 5px 0px; margin: 0px; background: #fff; border-bottom: 1px solid #ddd; top: 31px; z-index: 1; } .pspDialog .pspDialog-container .pspDialog-controller > span.cntrl-btns { float: left; } .pspDialog .pspDialog-container .pspDialog-controller > span.cntrl-other { float: right; & > span, & > a { vertical-align: middle; } } .pspDialog .pspDialog-container .pspDialog-controller input[type=checkbox] ~ span { font-size: .8rem; } .pspDialog .pspDialog-container .pspDialog-controller a { padding: 7px 14px; } .pspDialog .pspDialog-container .pspDialog-controller a i { margin-top: -3px; margin-right: 6px; font-size: .75rem; } #dialog_mailaccount, #dialog_anschreiben { z-index: 10020 !important; } #dialog_anschreiben textarea { resize: none; } .closex { background:url(screen/x-button3.png) no-repeat; width:21px; height:21px; position:absolute; top:5px; right:5px; cursor:pointer; } .wwdiv { font-size:1.00rem; text-align:center; background:#3f659a; position:relative; top:10px; border-radius:10px; padding:3px 20px; cursor:default; } .wwdiv:hover { background:#243a59; } .wwdiv > a { color:#e6e6e6; } .lv_loader_blende { position:relative; background:#fbf7ff; z-index:0; display:block; height:300px; width:100%; opacity:1; filter:alpha(opacity=100);} .lv_loader_content { position:absolute; z-index:1; text-align:center; color:#754c8c; background:none; top:40%; left:50%; margin-left:-180px; } .tbl_head_sort_first_asc, .tbl_head_sort_second_asc, .tbl_head_sort_first_desc, .tbl_head_sort_second_desc { color:#a1b0c1; font-family:myFontMedium; font-size:0.93rem; margin-top:-3px; text-align:center; } .op25 { opacity:0.25; filter:alpha(opacity=25); } .opacity_on { opacity:0.50; filter:alpha(opacity=50); } .opacity_off { opacity:1; filter:alpha(opacity=100); } .psp_bsp1 { background:url(screen/psp_bsp1.png) no-repeat; height:200px; width:300px; position:relative; margin:5px 0 15px 155px;} .psp_bsp2 { background:url(screen/psp_bsp2.png) no-repeat; height:105px; width:150px; position:absolute; bottom:0px; right:15px;} .admin_opt select { width:200px; } .admin_opt .admin_krdiv_ges { position: absolute; right:6px; width:160px; top: 70px; font-family:myFontMedium; font-size:0.72rem; background:#eee; padding:10px; padding-bottom:20px; color:#640461; } .admin_opt .admin_krdiv_ges .toptxt { background:url(screen/fav_15.png) no-repeat; background:url(screen/svg/favorite.svg) no-repeat, none; background-size:15px; width:15px; height:22px; padding-left:18px; line-height:14px; width:145px; float:right; } .admin_opt .admin_krdiv_ges .info_button { top:8px; right:10px; } .admin_opt .admin_krdiv_ges select { width:55px; } .switchon, .switchon_txt { background:url(screen/switch_on.png) no-repeat; background:url(screen/svg/switch_on.svg) no-repeat; position:absolute; top:5px; right:5px; width:43px; height:17px; z-index:1; cursor:pointer; } .switchoff, .switchoff_txt { background:url(screen/switch_off.png) no-repeat; background:url(screen/svg/switch_off.svg) no-repeat; position:absolute; top:5px; right:5px; width:43px; height:17px; z-index:2; cursor:pointer; } .switchon_txt, .switchoff_txt { background:url(screen/switch_on.png) no-repeat 75px 0px; background:url(screen/svg/switch_on.svg) no-repeat 75px 0px; position:absolute; width:120px; height:17px; z-index:1; cursor:pointer; text-align:left; padding-left:5px; } .switchoff_txt { background:url(screen/switch_off.png) no-repeat 75px 0px; background:url(screen/svg/switch_off.svg) no-repeat 75px 0px; } .stop-scrolling { height:100%; overflow:hidden; } .hook { background:url(screen/check.png) no-repeat; background:url(screen/svg/check.svg) no-repeat, none; width:18px; height:18px; background-size:18px; } table tr td.hover, table tr th.hover { background:#e9ecef !important; color:#000 !important; } #content .toupload { position:relative; width:400px; box-shadow:0px 1px 3px #c3c3c3; /*border-radius:4px;*/ } .tmp_lnk { float:right; font-family:myFontMedium; font-size:0.72rem; margin:-40px 0 30px; } .tmp_lnk .formbutton_grey { font-size:0.72rem !important; } #sendlinkDialog { & .ui-dialog-title { font-family: myFontSemiBold; margin-left: 10px; font-size: 1.15rem; margin-bottom: 20px; margin-top: 10px; } & .ui-dialog-buttonset { position: relative; margin-left: 18px; margin-right: 7px; & .btnttl { position: absolute; left: 0; top: -9px; width: 154px; text-align: left; font-size: .725rem; color: #a2aec1; letter-spacing: 1px; z-index: 0; } & #ls_dellink:hover { background: #7F0000 !important; } & #ls_dellink, & #ls_linksave { float: left; z-index: 1; } } & .ls_dialog { & .sl-header { margin-top: 10px; margin-left: 10px; margin-bottom: 20px; height: 30px; & a { color: #2a2a2a; } & > div:first-child { display: inline-block; } & > .sl-selvp { float: right; margin-top: -10px; margin-right: 16px; text-align: right; & .SumoSelect > .optWrapper { width: 103%; } } } & .sl-content { margin: 5px 10px -5px 10px; & input { text-align: right; padding-right: 5px; } & > .sl-std { margin-bottom: 10px; margin-left: 0; & .sl-gueltig { position: relative; margin-bottom: 5px; padding: 5px 0 10px 10px; background: #f3f5f7; border-radius: 4px; & > span { font-size: 1rem; color: #363c47; } & > span:first-child { display: block; margin-bottom: 8px; } & .showlinkstat { position: absolute; top: 10px; right: 12px; } } } & > .sl-details { margin: 5px 0 5px 0; & > .sl-dispcntrl { padding: 5px 0 10px 10px; background: #f3f5f7; border-radius: 4px; } & .sl-encode { padding-bottom: 5px; border-bottom: 1px solid #d9dcdf; } & .sl-opts { & > span { font-size: 1rem; color: #363c47; & > span { font-size: .85rem; } } & > i { font-size: .85rem; } & .sl-opts-txt { margin-top: 8px; display: flex; & > div { flex-basis: min-content; } & > div:nth-child(2) { margin: 0 20px; } & label { white-space: nowrap; } } & .sl-opts-view { position: relative; margin-top: 8px; width: 115px; & > label > span { background: none !important; padding-left: 0 !important; } & > label > span > span:last-child { position: absolute; right: -78px; width: 80px; visibility: hidden; } & > label input[type=radio]:not([class=standard]):checked + span { cursor: default; & > span:first-child { background: #131729 !important; color: #ffffff; cursor: default; } & > span:last-child { visibility: visible; } } & > label:nth-child(2) { margin: 0 5px; } } } } } & .sl-footer { display: flex; justify-content: space-between; align-items: center; width: 602px; margin-left: 11px; margin-top: 5px; padding-top: 5px; font-size: .825rem; & > div:last-child { align-self: start; margin-left: auto; text-align: right; } } } } .crcl_hint, .tipcontent .crcl_hint { position: absolute; left: -2px; font-size: .3rem; margin-top: 5px; color: #ee9900; } .tipcontent .crcl_hint { left: 3px; margin-top: 8px; font-size: .4rem; } /* =============================================================================================================================================================================== ----------------------------------------------------------------------->>> :festgelegte IDs: <<<-------------------------------------------------------------------------------- =============================================================================================================================================================================== */ #info_label { float:right; padding-right:5px; font-family:myFontMedium; font-size:0.80rem; padding-top:3px; } #infobox{ position:absolute; text-align:left; background:#ecf5fe; padding:15px; z-index:2000; left:-2000px; box-shadow:0px 0px 10px #000; } #scrollup, #scrollup_popup { z-index:10010; cursor:pointer; display:none; opacity: .6; } #scrollup i, #scrollup_popup i { color:#991f30; font-size:1.07rem; margin-bottom:7px; } #scrollup { right:2px; } #scrollup_popup { right:50px; } /* =============================================================================================================================================================================== ----------------------------------------------------------------------->>> :pspDialog: <<<-------------------------------------------------------------------------------- =============================================================================================================================================================================== */ /***** ausgangskorb_email *****/ .pspDialog #formular_email #bcc, .pspDialog #formular_email #an, .pspDialog #formular_email #betreff { width: 87%; padding: 3px; margin-top: 5px; border: none; background: #fafafa; } .pspDialog #formular_email #bcc:focus, .pspDialog #formular_email #an:focus, .pspDialog #formular_email #betreff:focus { background: #fff; } .pspDialog #mailheader { position: relative; background: #dee0e4; padding: 10px 5px 10px 11px; } .pspDialog #mailheader > div > div:first-child { font-size: .8rem; display: inline-block; width: 40px; color: #1f1f1f; text-align: right; height: 20px; vertical-align: middle; } .pspDialog #mailheader .fromissue { position: absolute; left: 260px; top: 7px; padding: 5px 15px; border: none; background: #c10000; color: #fff; } .pspDialog #mailheader .CaptionCont { padding: 5px; } .pspDialog #mailanhang_box { padding: 10px 0px; margin: 15px 0px; } .pspDialog #mailanhang_box > div:not(:first-child) { margin-left: 3px; } .pspDialog #mailanhang_title { background: #dee0e4; padding: 4px 0px 2px 6px; } .pspDialog #mailanhang a { color:#acacac; font-family:myFontMedium; font-size:0.72rem; float:left; padding:5px; white-space:nowrap; margin:5px 3px 0 0; border-radius:6px;} .pspDialog #mailanhang a.mail_anhang { background:#ecedf1; color:#6389b1; } .pspDialog #mailanhang a.mail_anhang:hover { background:#dae9f7; } .pspDialog .mail_warn1, #content .mail_warn2 { margin:5px 0; } .pspDialog .mail_warn1 { font-family:myFontMedium; font-size:0.8rem; color:#991f30; } .pspDialog .mail_warn2 { font-family:myFontMedium; font-size:0.8rem; color:#999; margin-left: 7px !important; } .pspDialog .sign_anschr { float: right; font-size: .75rem; margin-right: 3px; } .pspDialog .sign_anschr > a:last-child { margin-left: 15px; } .pspDialog .sign_anschr > div i { margin-top: -2px; } .pspDialog #formular_email i.fa-file-pdf { margin-top: -3px; margin-right: 4px; } .pspDialog .mailsent { position:relative; width:200px; font-size:1.00rem; text-align:center; margin-left:300px; margin-top:100px; } .pspDialog .mailok { background:url(screen/check3.png) no-repeat; width:200px; height:200px; border:none; } .pspDialog .mailno { background:url(screen/x-button3.png) no-repeat; width:22px; height:22px; border:none; margin-left:80px; } /***** Dialog Standard *****/ .pspDialog .dlg_divheader { background: #e9ecef; font-size: .75rem; padding: 4px; margin-bottom: 5px; } .pspDialog .dlg_divcontent { margin-left: 5px; } /***** erfSetting *****/ #erfSettingsDialog { width: 420px !important; } .pspDialog #formular_erfsetting { font-size: .85rem; } /***** dlgArchive *****/ #dlgArchiv { width: 600px !important; } .pspDialog #formular_archiv { font-size: .85rem; } .pspDialog #formular_archiv .ttl_sect td { background: #eee; border-bottom: 0px !important; } .pspDialog #formular_archiv .erzgdat { font-size: .75rem; } /***** dlgLThemen *****/ .pspDialog .themen_input { float: left; margin-top:-18px; margin-right: 5px; } .pspDialog .themen_input > span { font-size: .75rem; } .pspDialog .themen_input select#cmb_themen { width:180px; } .pspDialog .themen_input p.SelectBox { padding: 5px 2px; } .pspDialog .themen_input ~ .cntrl-btns { margin-top: -4px; } .pspDialog .div_themen { display: inline-block; width: 266px; vertical-align: top; } .pspDialog .div_themen:nth-child(1), .pspDialog .div_themen:nth-child(2), .pspDialog .div_themen:nth-child(4), .pspDialog .div_themen:nth-child(5) { margin-right: 5px; } .pspDialog #div_save { position: absolute; z-index: 1; background: #fff; padding: 5px 0px; top: 1px; width: 650px; } .pspDialog #div_save > span { font-size: .75rem; line-height: 9px; } /***** dlgGewichtung *****/ #showGewichtungDialog { width: 400px !important; } table.dlgtblgewichtung > tbody > tr { height: 22px; } /***** dlgKündigungsschreiben *****/ #showKuendigungDialog input, #showKuendigungDialog .SumoSelect > p > span { font-size: 1rem; padding: 4px; } .pspDialog #gesellschaftsadresse, .pspDialog #kundenadresse, .pspDialog #text { width: 98%; height: 100px; resize: none; padding: 4px; font-size: 1rem; } .pspDialog #text { height: 400px; } .pspDialog #ges_id { width: 300px; } .pspDialog #kuendigungsart { width: 230px; } .pspDialog #bestaetigungneu { width: 200px; } .pspDialog #betreff, .pspDialog #text { width: 98%; } .pspDialog .dlg_versdaten > div, .pspDialog .dlg_verskuend > div { display: inline-block; margin-right: 25px; vertical-align: top; } .pspDialog .dlg_verskuend > div { margin-right: 100px; } .pspDialog .dlg_versdaten input { width: 200px; } /***** Ergebnis-Merkmale kompakt/ausführlich *****/ #ergLVDialog #content { padding: 0 0 30px 0; } /*#ergLVDialog #content > div:first-child { background: #fff; }*/ #speichernDialog .ui-dialog-buttonpane { opacity: 0; } /* =============================================================================================================================================================================== ----------------------------------------------------------------------->>> :Header - Bereich: <<<-------------------------------------------------------------------------------- =============================================================================================================================================================================== */ #nav_top { position:relative; min-height:25px; line-height:31px; padding:0; margin:auto; } #nav_top i.fa { font-size:1.7em; padding-right:0;} #nav_top .nav_top_lm { float:right; font-size:0.72rem; margin-left:10px; /*white-space:nowrap;*/ position: relative; } #nav_top .cnt_page { position: absolute; left: 221px; font-size: 22px; top:14px; line-height: 24px; } #nav_top .cnt_page .cnt_caption { display: inline-block; font-size: 1.375rem; } #nav_top .cnt_page .cnt_nav { display: inline-block; font-size: .7rem; } #nav_top .cnt_page .cnt_nav i { cursor: pointer; font-size: .9rem; border-radius: 50%; } #nav_top .cnt_page .cnt_nav i:first-child { margin-right: 3px; } #nav_top .cnt_page .cnt_nav i.nav_disabled { color: rgb(238 238 238 / 44%); cursor: default; } #nav_top .cnt_page .cnt_nav i:not(.nav_disabled):hover { box-shadow: 0 0 4px #fff; } #nav_top .cnt_page .cnt_kunde { font-size: 12px; margin-left: 2px; cursor: pointer; } #nav_top .cnt_page .kunde_tt { font-size: 10px; } #nav_top .nav_top_mm { float:right; font-size:0.72rem; height: 71px; } #nav_top .nav_top_lm a:last-child, #nav_top .nav_top_mm a:last-child { border-right: 1px solid #fff; } #nav_top .nav_top_rm { float:right; font-size:0.72rem; } #nav_top .nav_top_rm #nav_usermenu { float: right; cursor: pointer; border-left: 1px solid #999; padding-left: 10px; } #nav_top .nav_top_rm #nav_usermenu > div { display: inline-block; } #nav_top .nav_top_rm #nav_usermenu .berater_text { vertical-align: super; text-align: right; font-size: 12px; line-height: 11px; height: 30px; margin-right: 5px; margin-top:-10px; } #nav_top .nav_top_rm #nav_usermenu .berater_pic { position: relative; width: 35px; height: 36px; } #nav_top .nav_top_rm #nav_usermenu .berater_pic i { position: absolute; top: 2px; font-size: 3em; z-index:10020; } #nav_top .nav_top_rm #nav_usermenu .berater_pic img { position:absolute; top:0px; width:38px; height:38px; z-index:10020; object-fit: cover; border-radius: 50%; } .nav_usermenu_drpdwn { display: none; position: absolute; width: 140px; background: #484f68; z-index: 10002; box-shadow: 0 -1px 4px rgb(126 142 177 / 12%); } .nav_usermenu_drpdwn > * { display: block; color: #e4e4e4 !important; } .nav_usermenu_drpdwn a { padding: 10px 15px !important; } .nav_usermenu_drpdwn a:last-child { background: #eee !important; color: #000 !important; } .nav_usermenu_drpdwn a:hover { background: #eee; color: #3260ab !important; } .nav_usermenu_drpdwn hr { margin: 0px; height: 0px; color: #fff; } #nav_top .psplogo { background:url(screen/psp_corner.png) no-repeat; background:url(screen/svg/psp_corner.svg) no-repeat, none; background-size:50px; z-Index:3; width:50px; height:50px; left:-4px; top:-4px; position:absolute; cursor:pointer; } #nav_top .start { background:url(screen/start.png) no-repeat; background:url(screen/svg/start.svg) no-repeat, none; background-size:14px; background-position:0px 1px; float:left; padding-left:17px; margin-right:31px; width:30px; height:16px; line-height:19px; white-space:nowrap; text-align:left; } #nav_top a { color:inherit; padding:0; padding-top: 6px; white-space:nowrap; border-radius:0; } #nav_top a.esign { margin-left:80px; font-size:1.00rem; } #nav_top .nav_top_aktiv { padding-bottom: 1px; margin-right: 0px !important; /*border: none !important;*/ color:#ffffff; text-decoration:underline !important; } /*#nav_top .nav_top_aktiv .nav_top_item { border-bottom:1px solid #ffffff; }*/ #nav_top .nav_top_item { text-align:center; margin:8px 5px; min-width:40px; padding:0 5px; position: relative; } /*************** Banner - Bereich ***************/ #head_leiste { position:relative; height:0px; } #head_leiste.headdemo { height: 35px; background: #3399ff; text-align: center; cursor: pointer; font-size: 1.2em; line-height: 33px; transition: all 0.25s ease-in; } #head_leiste.headdemo:hover { background: #f3f7fc; color: #3399ff; } #head_leiste_webinar { background:url(screen/banner_webinar.jpg) no-repeat; background-size:100%; background-position-y:-455px; position:relative; height:257px; } #head_leiste_liz { background:url(screen/banner_liz.jpg) no-repeat; background-size:100%; position:relative; height:257px; } /*************** Container ohne Head ***************/ #main { text-align:left; margin:0 auto; padding:0; top:0px; } /*************** Container Progress ***************/ #progress { margin-left:155px; font-family:myFontMedium; font-size:0.72rem; height:0px; color:#bdbec9; padding-top:2px; } #progress .prog_aktiv, #progress .prog_aktiv_navigator { color:#000 !important; border-bottom:1px solid #527dc2; padding-right:3px; line-height:12px; } #progress .prog_aktiv_navigator { border-color:#4ec0cf; } #progress .prog_arrow, #progress .prog_arrow_navigator, #progress .prog_arrow_grey { background:url(screen/pfeil_progress.png) no-repeat; background:url(screen/svg/pfeil_progress.svg) no-repeat, none; float:left; height:13px; width:6px; margin:0px 4px 0px 1px; } #progress .prog_arrow_navigator { background:url(screen/pfeil_progress_navi.png) no-repeat; background:url(screen/svg/pfeil_progress_navi.svg) no-repeat, none; } #progress .prog_arrow_grey { background:url(screen/pfeil_progress_grey.png) no-repeat; background:url(screen/svg/pfeil_progress_grey.svg) no-repeat, none; } /*************** Container nach #main ***************/ #content_space { position:relative; } /*************** Container vom Inhaltsbereich ***************/ #content_center { position: relative; margin-top:-90px; float:left; background:#ffffff; color:#2a2a2a; z-index: 10000; padding-top: 10px; box-shadow: 0 0px 4px rgb(126 142 177 / 12%); border-radius:5px; min-Width: 840px !important; } .erfmask #content_center { background:none; box-shadow:none; padding:0px; } #content_center .testresolution { /*color: red;*/ position:absolute; right:10px; bottom:-20px; } #content { position: relative; } #content .usrinfhead { position: relative; top: -19px; font-size: .75rem; color: #b72f2f; padding: 2px 5px; left: 11px; border-left: 3px solid #b72f2f; margin-right: 17px; margin-bottom: 3px; } /* =============================================================================================================================================================================== -------------------------------------------------------------------->>> :nav_content_vp / nav_reiter: <<<---------------------------------------------------------------------- =============================================================================================================================================================================== */ #nav_content_vp .esignsystem_switch { position: absolute; left: 50%; margin-left: -75px; } #nav_content_vp .esignsystem_switch label:first-child { margin-right: 30px; } #nav_content_vp .esignsystem_switch label > span { position: relative; } #nav_wrap_vp { position:relative; /*background: #29304e; color: #d1daf0;*/ z-index:9999; min-height:36px; line-height:36px; width: 100%; border-bottom:1px solid #ddd; } .erfmask #nav_wrap_vp { margin-bottom: 3px; } #nav_content_vp, #nav_content_vp2 { margin: auto; } #nav_content_vp2 { height:2px; } #nav_content_vp #nav_reiter2 { width:10px !important; } #nav_content_vp #nav_vp { float:left; /*margin-top:4px;*/ margin-right:10px; margin-left: 5px; font-size:1.00rem; } .tmplLink #nav_content_vp #nav_vp { margin-left: -6px; } #nav_content_vp .funcinpts_l { float:left; /*margin-top:4px;*/ } #nav_content_vp .funcinpts_r { float:right; margin-right:5px; text-align:right; } #nav_content_vp select#kunde_vermittler_id2 { width:180px; } #nav_content_vp .kunde_vermittler_div { font-size:0.79rem; } #nav_content_vp .kunde_vermittler_div .SumoSelect { color:#000000; } #nav_content_vp .kunde_vermittler_div .SumoSelect > .SelectBox {padding:4px 4px 3px; } .kundeauswahl_head { position: relative; margin: 0 0 0 10px; } .kundeauswahl_head .btn_bar { height: 35px; } .kundeauswahl_head .btn_bar .lblall { margin-bottom: 0px; font-size: .8rem; margin-right: 5px; } .kundeauswahl_head .chkbxn { position: relative; float: right; font-size: 0.85rem; line-height: 40px; & .batch_top { top: 9px; right: -4px; padding: 0; height: 8px; min-width: 8px; } } .kundeauswahl_head .chkbxn:last-child { margin-right: 20px; } .kunde_searcher_div { position:relative; /*height:21px;*/ } .kunde_searcher_div input[type=text] { height:20px; font-family:myFontMedium; font-size:0.85rem; padding: 3px 1px 4px 1px; border-bottom-right-radius: 0px; border-top-right-radius: 0px; border-right: 0px; } .kunde_searcher_div .clgo, .kunde_searcher_div .cllastsaved { border-bottom-left-radius: 0px; border-top-left-radius: 0px; } .kunde_searcher_div .clgo { margin-left: -3px; } .kunde_searcher_formfield { margin-left:5px; width:225px; /*border:none !important; box-shadow:none !important;*/ } .kunde_searcher_div .searcher_xbutton { background:url(screen/x-button.png) 2px 1px no-repeat, #fff; background:url(screen/svg/x-button.svg) 2px 1px no-repeat, #fff; background-size:14px; width:16px; height:18px; position:absolute; left:208px; bottom:-3px; cursor:pointer } .searcher_div { position:relative; margin-left:0; } .searcher_div input { border:1px solid #c8d2da; padding-left:2px; width:95px; } .searcher_div .actinpt { background:#ffffff; color:#234c5e; } .searcher_text { color:grey; font-style:italic; } /* .searcher_xbutton { background:url(screen/x-button.png) no-repeat; background:url(screen/svg/x-button.svg) no-repeat, none; background-size:14px; width:14px; height:14px; position:absolute; right:4px; bottom:2px; cursor:pointer } .save_button { background:url(screen/ff_top.png) no-repeat; background:url(screen/svg/ff_top.svg) no-repeat, none; background-size:14px; width:14px; height:14px; position:absolute; right:20px; top:2px; cursor:pointer } */ .xbutton { background:url(screen/x-button.png) no-repeat; background:url(screen/svg/x-button.svg) no-repeat, none; background-size:12px; width:12px; height:12px; cursor:pointer } .xbutton:hover { background:url(screen/x-button_grey.png) no-repeat; background:url(screen/svg/x-button_grey.svg) no-repeat, none; background-size:12px; width:12px; height:12px; cursor:pointer } #seekerlist { margin:0 0 20px 4px; min-height:23px; } #seekerlist input { padding: 4px 10px; margin-right: 2px; } #tbl_angebote .anz_kunde { position: absolute; left: 1px; top: -7px; width: 80px; font-size: .75rem; } #nav_content_vp .bew_gew_div { float:left; border:1px solid #d0d0d0; border-radius:2px; margin-right:10px; } #nav_content_vp .bew_div { width:70px; height:20px; box-shadow:none; padding:0px 3px; } #nav_content_vp .bew_icon_act, #nav_content_vp .bew_icon_dact, #nav_content_vp .bew_icon_acthalf { padding-left:15px; height:16px; white-space:nowrap; text-align:left; line-height:19px; } #nav_content_vp .bew_icon_act { background:url(screen/bew_act.png) no-repeat; background:url(screen/svg/bew_act.svg) no-repeat, none; background-position:0px 3px; background-size:13px; } #nav_content_vp .bew_icon_dact { background:url(screen/bew_dact.png) no-repeat; background:url(screen/svg/bew_dact.svg) no-repeat, none; background-position:0px 3px; background-size:13px; } #nav_content_vp .bew_icon_acthalf { background:url(screen/bew_acthalf.png) no-repeat; background:url(screen/svg/bew_acthalf.svg) no-repeat, none; background-position:0px 3px; background-size:13px; } #nav_content_vp .nav_vp_ergebnis { float:right;padding-top:2px;width:185px } #nav_content_vp .margin_r30 { margin-right:30px } #nav_content_vp #nav_vp .menu_vp, #nav_content_vp #nav_vp .menu_vp_aktiv, #nav_content_vp #nav_vp .menu_vp_inaktiv, #nav_content_vp #nav_vp .menu_vp_load { position:relative; margin-right:8px; display:inline; } #nav_content_vp #nav_vp .menu_vp { color:inherit; cursor:pointer; } #nav_content_vp #nav_vp .menu_vp_aktiv { padding:2px 10px; border-radius:4px; background:#991f30; color:#ffffff; cursor: default; } #nav_content_vp #nav_vp .menu_vp_inaktiv { color:#b8b8b8; cursor:not-allowed; } #nav_content_vp #nav_vp .menu_vp_load { padding:2px 6px; color:#ababab !important; cursor:default; position: relative; } #nav_content_vp #nav_vp .menu_vp_load i { color:#ababab !important; } #nav_content_vp #nav_vp .menu_vp i, #nav_content_vp #nav_vp .menu_vp_aktiv i, #nav_content_vp #nav_vp .menu_vp_load i { font-size: 12px; margin-right: 5px; } #nav_content_vp #nav_vp .logo_span { position:absolute; top:45px; font-family:myFontMedium; font-size:0.79rem } #nav_content_vp #nav_vp .logo_img { position:relative; top:11px; padding-right:10px } #nav_content_vp #nav_vp.drucktab > div { margin-right: 12px; } #nav_content_vp #nav_vp.drucktab > div > i { font-size: 1rem; margin-right: 2px; } #nav_content_vp .vpcalctxt { position:absolute; width:380px; top:-10px; z-index:2; left: 15px; font-family:myFontMedium; font-size:0.62rem; text-align:center; line-height:11px; color:#991f30; } #nav_content_vp a > i, #content .erfassung_box_head a > i { margin-right: 3px; margin-top: -3px; } #nav-wrap { min-height:29px; line-height:24px; padding-top:5px; padding-bottom:0px; width:100%; z-index:10000; background: #ffffff; /*color: #d1daf0;*/ } #nav_reiter { position:relative; margin:auto; text-decoration:none; text-transform:initial; font-size:1.00rem; /*font-size:0.93rem; font-weight:bold;*/ z-index:1; } #nav_wrap_vp #nav_reiter2 { width:15px; } #nav_reiter a.menu { padding:3px 10px; color:inherit; border-radius:4px; position:relative; top:0px; } #nav_reiter a.menu_aktiv, #nav_reiter a.menu_aktiv_navi { background:#991f30; color:#ffffff; margin:0px 5px; padding:3px 10px; border-radius:4px; } #nav_reiter a.menu_inaktiv { color:#cdd4e0; padding:3px 10px 2px 10px; cursor:default; font-style:italic; } #nav_reiter a.menu:hover, a.boxtab:hover { background:#ebeaee; color:#000000; } .batch_top, .batch_vp, .batch_dok { background:red; color:#fff; height:12px; border-radius:50%; position:absolute; right:0px; top:-4px; padding:2px; font-size:.75rem; line-height:11px; /*font-weight:bold;*/ min-width:13px; text-align:center; } /*#nav_top .batch_top { right:27px; }*/ .batch_vp { left:14px; padding:0px; height:5px; min-width:5px; top:2px; right:auto; } .batch_dok { position:inherit; height:6px; min-width: 6px; margin:-4px 0 0 3px; } /* =============================================================================================================================================================================== ----------------------------------------------------------------------->>> :nav_left: <<<-------------------------------------------------------------------------------------- =============================================================================================================================================================================== */ #nav_left { background:#f4f7fc; float:left; position:relative; width:200px; margin:0 20px 0 0; border-radius:0px; display: block; z-index: 10001; } #nav_left .bdleft { margin-top:40px; } #nav_left .bdleft .headline { background:none; position:sticky; top:0; z-index:10000; } #nav_left #ff_anz_tarife { font-weight:normal; font-size:0.72rem; margin-left:25px; background:#21ab26; color:#ffffff; border-radius:6px; padding:2px 4px; } #nav_left #ff_undo { /*position:absolute; right:8px; bottom:6px;*/ display:none; } #nav_left .bestellen_banner { height:33px; margin-top:30px; margin-left:-3px; z-index:10; cursor:pointer; width:135px; } #nav_left .mnleft { margin-top:-145px; padding:0px; /*font-weight:bold;*/ /*background:#ffffff; color:#000000;*/ border-radius:0px; box-shadow: 0 0px 4px rgb(126 142 177 / 12%); } #nav_left .mnleft2 { padding-bottom:10px; padding-top:10px; background:#fff; border-radius:4px; } #nav_left .mnleft2 .closenavmini { position: absolute; right:12px; top: 5px; cursor: pointer; z-index: 1; display: none; } #nav_left .mnleft2 .compusr_logo_div { position:relative; height:85px; /*text-align:center;*/ display:flex; align-items:center; justify-content:center; margin-bottom:10px; margin-right:12px; } #nav_left .mnleft2 .compusr_logo_div .compusr_logo { z-index:10020; cursor:pointer; /*position:absolute; left:50%; top:10px; padding:0px; background:#6140c1;*/ } #nav_left .mnleft2 .compusr_logo_div .compusr_logo img { max-height:75px; max-width:150px; } #nav_left .mnleft2 .compusr_name { /*text-align:center;*/ margin-left:45px; cursor:pointer; font-size:0.85rem; width:120px; } /* #nav_left .mnleft div[class^="nl_"] { position:relative; cursor:pointer; z-index:1; margin:5px 0px; padding:4px 8px; height:initial; font-size:1.07rem; text-transform:uppercase; padding-left:20px; } #nav_left .mnleft div[class^="nl_"] i { margin-right:10px; } #nav_left .mnleft div[class^="nl_dact_"]:hover { background:#ebeaee; color:#000000; } #nav_left .mnleft div[class^="nl_dsbld_"] { color:#afafaf; } */ #nav_left .mnleft div.menu { position:relative; cursor:pointer; z-index:1; height:initial; font-size:1.07rem; /*color: #3e476b;*/ } #nav_left .mnleft div.menu_0 { margin:15px 0 0 14px; padding:4px 8px; font-size:1.07rem; text-transform:uppercase; /*padding-left:10px;*/ font-weight:bold; } #nav_left .mnleft div.menu_0 span { margin-right: -12px; padding: 2px 13px; } #nav_left .mnleft div.menu_0 i { /*margin-right:10px;*/ font-size:0.85rem; } #nav_left .mnleft div.menu_1 { padding:2px 0 2px 45px; font-size:0.93rem; } #nav_left .mnleft div.menu_1 i { margin-right:8px; font-size:0.85rem; } #nav_left .mnleft div.menu_inaktiv { color:#cdd4e0; cursor:not-allowed !important; pointer-events:none !important; font-style:italic; } #nav_left .mnleft div.menu_aktiv, #nav_left .mnleft div.menu_aktiv_navi { background:#f0f1f3; /*border-radius: 4px; padding-left: 30px; margin-left: 10px; margin-right: 15px;*/ } #nav_left .div_bopt { margin:5px 0 10px 50px; font-size:0.85rem; } #nav_left .mnleft_trenner { background:#ffffff; margin:15px 0; padding:1px; } #nav_left #info_bopt { position:absolute; right:15px; z-index:10; } #nav_left #form_feinfilter select[id=ptwarte], #nav_left #form_feinfilter select[id=bfreistufe] { width:40px; } #nav_left_toggle { left:0px; top:33px; display:none; padding:25px 0; } #nav_left_mini { display: none; position: fixed; width:35px; height: 100%; margin:0; top:0px; left: 0px; border-radius: 0 4px 0 0; background: #fff; padding-top: 8px; margin-top: 13px; box-shadow: 0 1px 2px rgb(126 142 177); z-index: 10001; } #nav_left_mini .minilogo { /*background:url(screen/psponline_logo_black.png) no-repeat; background-size: 30px;*/ width: 30px; height: 30px; margin-left: 3px; cursor: pointer; border-bottom: 1px solid #d9dce9; padding-bottom: 12px; } #nav_left_mini .minimenu { margin-top: 60px; } #nav_left_mini .minimenu i { display: block; font-size: 18px; margin-bottom: 50px; margin-left: 8px; cursor: pointer; } #nav_left_mini .minimenu i.minifeinsel { margin-top: 100px; } /*#nav_left_mini .minimenu i:hover { color: #000; }*/ /*************** Login ***************/ #nav_left #login_box_top { height:25px; padding:4px 0 0 10px; margin:-23px 4px 0 4px; /*border-radius:4px 4px 0 0;*/ line-height:22px; font-weight:bold; } #nav_left #login_box { background:#e9ecef; /*border-radius:4px;*/ padding:15px 0px 20px 20px; } #nav_left #login_box form > div { height:45px; } /*#nav_left #login_box form > a { font-family:myFontMedium; font-size:0.72rem; }*/ #nav_left #login_box input { width:150px; } #nav_left #login_box input[type=submit] { font-size:1.00rem; font-weight:bold; padding:6px !important; } #nav_left .login_pic { background:url(screen/login_user_pic.png) no-repeat; position:relative; top:-1px; width:120px; height:23px; white-space:nowrap; text-align:left; line-height:23px; padding-left:26px; } #nav_left .login_aktiv { background:#3b99fc !important; color:#ffffff !important; /*height:25px !important; padding:4px 0 0 5px !important;*/ } #nav_left .login_deaktiv { background:#d20000 !important; color:#ffffff !important; /*border-top:1px solid #c9afaf !important; border-bottom:1px solid #c9afaf !important; height:25px !important; padding:4px 0 0 5px !important; box-shadow:0 1px 2px #980202 !important;*/ } #nav_left #login_login { background:#3b99fc; color:#ffffff; border:none; width:104px !important; } #nav_left #login_login:hover { background:#2a2c2a; } .ui-dialog #pwform > div { position:relative; margin-left:10px; } .ui-dialog #pwform > div > span { line-height:14px; } .ui-dialog #pwform > div .inpterror { position:absolute; top:75px; right:10px; color:red; font-family:myFontMedium; font-size:0.85rem; text-align:center; line-height:18px; } .ui-dialog #pwform > div > div { height:35px; } .ui-dialog #pwform > div > div label { width:85px; font-family:myFontMedium; font-size:0.85rem; } .ui-dialog #pwform > div > div input { font-size:1.00rem; padding:3px 0 2px 3px; width:120px; } /*.ui-dialog #pwformsent { margin-left:95px; height:100px; } .ui-dialog #pwformsent span { font-size:1.15rem; line-height:40px; }*/ .ui-dialog #pwformsent .mailsent { background:url(screen/mail3.png) no-repeat; background:url(screen/svg/mail3.svg) no-repeat, none; background-size:50px; width:50px; height:50px; margin-left:150px; } /*************** Bewertung / Ergebnisfilter ***************/ #nav_left .headline { position:relative; background:#e9ecef; /*height:20px;*/ font-family:myFontMedium; font-size:0.93rem; font-weight:bold; padding:8px 0px 5px 5px; /*border-radius:4px 4px 0 0;*/ } #nav_left .sectionline { position:relative; font-size:0.85rem; font-weight:bold; margin:15px 0 3px 0; padding:10px 2px 0px; /*border-top:1px solid #2a2c2a;*/ } #nav_left .sectionline_all { margin-top:-28px; padding-bottom:30px; font-size:1.25rem; position:relative; z-index:10000; } #nav_left .erg_ff_bg { width:100%; /*padding-bottom:3px;*/ background:rgb(0 0 0 / 2%); border-radius:5px; } #nav_left .erg_ff_bg .sectionbody { border-radius:4px; /*background:#e9ecef; color:#000000;*/ padding-left:4px; margin-bottom:3px; } #nav_left .erg_ff_bg .sectionbody > div > div { padding-top: 4px; padding-bottom: 4px; } #nav_left #content_feinselektion { /*background:#ffffff; color:#000000;*/ padding:1px 0px; font-family:myFontMedium; font-size:0.85rem; /*border-radius:4px;*/ min-height:24px; } #nav_left #content_feinselektion input { font-family:myFontMedium; font-size:0.79rem; } #nav_left #content_feinselektion input[type=checkbox] { margin-left:0px; } #nav_left #content_feinselektion input[type=tel] { border:1px solid #dcdcde; box-shadow:none; color:#000000; } #nav_left #content_feinselektion input[type=tel].ff_aktiv:not(:focus), #nav_left #content_feinselektion select.ff_aktiv + .SelectBox { background:#3b99fc !important; color:#ffffff !important; } #nav_left .lvgldis .erg_ff_bg .sectionbody { color: #9d9d9d !important; } #nav_left .lvgldis label input[type=checkbox]:not([class=standard]):not(:checked) + span, #nav_left .lvgldis label input[type=radio]:not([class=standard]):not(:checked) + span { display: none; } #nav_left .lvgldis label input[type=checkbox]:not([class=standard]):checked + span, #nav_left .lvgldis label input[type=radio]:not([class=standard]):checked + span { background: none; position: relative; } #nav_left .lvgldis label input[type=checkbox]:not([class=standard]):checked + span::before, #nav_left .lvgldis label input[type=radio]:not([class=standard]):checked + span::before { font-family: var(--fa-style-family, "Font Awesome 6 Pro"); font-weight: var(--fa-style, 500); content: '\f00c'; position: absolute; left: 2px; top: 2px; } #nav_left .lvgldis label input[type=checkbox][disabled] + span, #nav_left .lvgldis label input[type=radio][disabled] + span { font-style: inherit; color: inherit; } #nav_left #content_feinselektion.lvgldis input[type=tel].ff_aktiv:not(:focus), #nav_left #content_feinselektion.lvgldis select.ff_aktiv + .SelectBox { background: none !important; color: #495d83 !important; } #nav_left .lvgldis .SelectBox { padding: 0px; padding-left: 1px; } #nav_left .lvgldis .SumoSelect { width: 35px !important; } #nav_left .lvgldis .SumoSelect > .CaptionCont > span { padding: 0px; text-overflow: inherit; overflow: inherit; } #nav_left .lvgldis .SumoSelect.disabled > .CaptionCont, #nav_left .lvgldis .SumoSelect.disabled > .CaptionCont > label { cursor: default !important; text-align: center; } #nav_left .lvgldis .SumoSelect > .CaptionCont > label { display: none; } #nav_left .lvgldis #nav_left #content_feinselektion input[type=tel].ff_aktiv:not(:focus), #nav_left .lvgldis #nav_left #content_feinselektion select.ff_aktiv + .SelectBox { background: #ffffff !important; color: #769abd !important; } #nav_left .reset_section { position:absolute; /*right:-5px; top:2px;*/ right:2px; top:12px; } #nav_left .reset_sector { background:url(screen/undo_zweig.png) no-repeat; background:url(screen/svg/undo_arrow.svg) no-repeat, none; background-size:12px; width:12px; height:12px; position:absolute; right:0px; top:3px; cursor:pointer; } #nav_left .bereich, #nav_left .bereich_aktiv { position:relative; padding:2px 0 2px 4px; vertical-align:middle; } #nav_left .bereich_content { padding-left:4px } #nav_left .sect_trenner { position:relative; border-top:1px solid #f4f7fc; margin-top:5px; padding-top:5px; } #nav_left .sect_color { color:#98A5B4; } /* =============================================================================================================================================================================== --------------------------------------------------------------------------->>> :nav_erf_bottom: <<<----------------------------------------------------------------------------------- =============================================================================================================================================================================== */ #nav_erf_bottom { float:right; width:390px; margin-top:-35px; text-align:right; } #nav_erf_bottom a#nerfb_gotoerg { margin-left: 20px; } #nav_erf_bottom a.nav_disabled { color: #bcc3d1; cursor: default; } /* =============================================================================================================================================================================== --------------------------------------------------------------------------->>> :Content: <<<----------------------------------------------------------------------------------- =============================================================================================================================================================================== */ #content #file_upload .upl_esign { margin-top:5px; } #content #file_upload .upl_esign label span { vertical-align:bottom; } #content { min-height:376px; /*550px;*/ padding:20px 4px 30px 4px; } .erfmask #content { padding: 0px 0px 30px 0px !important; } #content .error { color:#c80000; } #content .input_div, .input_eigenedok_div { position:relative; width:100px; height:20px; border:1px solid #e0e0e0; color:#2613b4; background:#fff; } #content .input_eigenedok_div { width:215px; margin:10px 0 5px 0; } #content .input_formfield, .eigenedok_formfield { border:none !important; box-shadow:none !important; } #content .eigenedok_formfield { width:195px; } #content .advice_text { color:grey; font-style:italic; } #content .box_minus { color:#3b99fc; cursor:pointer; } #content #webinar_vorschlaege { margin-top:50px; } #content #webinar_old { display:none; } #content #webinar_termine .newwebinar { color:#2a2c2a; } #content #webinar_termine div.info_button, #content #webinar_vorschlaege div.info_button, #content #webinar_old div.info_button { position:relative; margin:0px;} #content #content_header { font-size:2.15rem; /*1.60rem;*/ margin:-10px 0 20px; /*color:#1b287e;*/ } #content #content_header i { color:#991f30; margin:0 10px; } #content .dashboard_box { /*background:#666f7c; color: #fff; margin:20px;*/ padding:20px 20px 40px; /*border-radius:4px;*/ text-align:center; } #content .dashboard_box span { margin-left:16px; font-size:2em; font-weight:bold; } #content .dashboard_box a { margin-top:40px; } #content .dashboard_box .esignnewstitle { color: red; font-size: 2rem; } #content .dash_offers > div { position: relative; display: inline-block; width: 33%; text-align: center; } #content .dash_offers > div > span:first-child { font-size: 3.5rem; } #content .dash_offers > div > span:last-child { font-size: 1rem; /*color: #29304e;*/ } #content .dash_offers > div a { padding: 0px 10px; } #content .chart_box { margin:20px; background:#ffffff; /*border-radius:4px;*/ padding:10px; box-shadow:1px 1px 6px #c5c5c5; text-align:center; } /* ========================================================================================================================================================================================= ---------------------------------------------------------------------->>> :diverse Seiten: <<<--------------------------------------------------------------------------------------- ========================================================================================================================================================================================= */ #content .inf_server { float:left; background:url(screen/newserver.jpg) no-repeat; background-size:300px 265px; width:300px; height:265px; border-radius:60px; } #content .inf_servertxt { margin-top:20px; } #content .inf_newstext { font-size:1.15rem; text-align:justify; line-height:23px; margin:10px; } #content .bannkr { background:url(screen/bann_kr.png) no-repeat; background:url(screen/svg/bann_kr.svg) no-repeat; height:120px; width:120px; position:absolute; top:-7px; right:-9px; } #content .exclam { background:url(screen/exclam.png) no-repeat; background:url(screen/svg/exclam.svg) no-repeat, none; height:14px; width:20px; padding-right:25px; } #content .restrict>div { padding:10px; border-top:1px solid #e0e0e0; } #content .inf_headline { font-size:2.85rem; color:#2a2c2a; } #content .inf_headline2 { font-size:2.15rem; color:#2a2c2a; } #content .inf_headline3 { font-size:1.45rem; color:#2a2c2a; } #content .inf_headline4 { font-size:1.25rem; color:#2a2c2a; } #content .info_bar_div { padding:0 20px 0 0; text-align:justify } #content .inf_sync, #content .inf_alter, #content .inf_ergebnis, #content .inf_formulare, #content .inf_hand, #content .inf_leistungsvergleich, #content .inf_navigator, #content .inf_vvg { line-height:16px; padding-left:45px; height:36px; font-size:0.84rem; display:table-cell; vertical-align:middle; } #content .inf_sync { background:url(screen/inf_sync.png) no-repeat; } #content .inf_alter { background:url(screen/inf_alter.png) no-repeat; } #content .inf_ergebnis { background:url(screen/inf_ergebnis.png) no-repeat; } #content .inf_formulare { background:url(screen/inf_formulare.png) no-repeat 2px 3px; } #content .inf_hand { background:url(screen/inf_hand.png) no-repeat; } #content .inf_leistungsvergleich { background:url(screen/inf_leistungsvergleich.png) no-repeat; } #content .inf_navigator { background:url(screen/inf_navigator.png) no-repeat 0 -2px; } #content .inf_vvg { background:url(screen/inf_vvg.png) no-repeat; } #content .inf_orderbox { position:relative; width:820px; margin:20px 0 10px 0; } #content .inf_orderbox .inf_hlouter { position:absolute; height:100%; left:0px; width:300px; margin:0 0 10px 20px; } #content .inf_orderbox .inf_hlouter .inf_hlinner, #content .inf_orderbox .inf_otherouter .inf_outer .inf_otherinner { background:#f9f9f9; border:1px solid #c6c6c6; /*border-radius:4px;*/ line-height:1.42857; height:100%; cursor:default; } #content .inf_orderbox .inf_otherouter { float:right; } #content .inf_orderbox .inf_otherouter .inf_outer { margin-left:20px; } #content .inf_orderbox .inf_otherouter .inf_outer .inf_otherinner { background:#fff; border:1px solid #ddd; padding:10px; width:400px; padding:10px 35px 0px 40px; } #content .inf_orderbox .caption { color:#333333; padding:9px; } #content .inf_orderbox .inf_hlouter .caption { padding:60px 35px 0px 40px; } #content .inf_orderbox .caption font { color:#000000; font-size:1.00rem; } #content .inf_highl_box { background:#fff; border:1px solid #ddd; /*border-radius:4px;*/ line-height:1.42857; padding:10px; height:310px; text-align:justify; } #content .inf_hlinner:hover, #content .inf_orderbox .inf_otherouter .inf_outer .inf_otherinner:hover, #content .inf_highl_box:hover { box-shadow:0 0 8px rgba(50, 50, 55, 0.7); position:relative; z-index:1; } #content .inf_orderbox .info_order_hl { position:relative; background:url(screen/psp_order_hl.png) no-repeat; background:url(screen/svg/psp_order_hl.svg) no-repeat, none; width:36px; height:36px; } #content .inf_orderbox .info_order_zl { position:relative; background:url(screen/psp_order_zl.png) no-repeat; background:url(screen/svg/psp_order_zl.svg) no-repeat, none; width:36px; height:36px; } #content .inf_orderbox .info_order_nl { position:relative; background:url(screen/psp_order_nl.png) no-repeat; background:url(screen/svg/psp_order_nl.svg) no-repeat, none; width:36px; height:36px; } #content .inf_orderbox .info_order_hl, #content .inf_orderbox .info_order_zl, #content .inf_orderbox .info_order_nl { text-align:right; width:122px; line-height:35px; font-size:1.45rem; font-family:myFontSemibold; } #content .info_sendtobox { position:relative; background:url(screen/psp_sendtobox.png) no-repeat; width:547px; height:157px; margin-left:40px; opacity:0.9; } #content .itemTitle a { font-family:myFontSemibold; color:#014876 !important; text-decoration:none } #content .itemTitle a:hover{ text-decoration:underline } #content .itemDate{ font-family:myFontMedium; font-size:0.79rem; color:#aaaaaa; } #content .rssDiv { width:350px; float:left; padding-right:50px; } #content .rssDiv2 { width:350px; } #content .start_zitat_text { position:absolute; top:80px; left:40px; padding:3px; width:350px; text-align:justify; color:#7b7b80; } #content .start_zitat_txt { color:#768a96; text-shadow:0px 1px 0px #fff; } #content .start_autor_txt { font-family:myFontSemiBold; font-size:0.72rem; } #content .start_section_line { background:#adb8c6; color:#fff; height:25px; position:relative; top:0px; line-height:24px; padding-left:10px; font-family:myFontSemibold; box-shadow:0px 2px 3px #c1ccd9; border:1px solid #f0f0f0; } #content .start_check { background:url(screen/check.png) no-repeat; background:url(screen/svg/check.svg) no-repeat; width:25px; height:26px; margin-right:55px; } #content .start_btnline { text-align: center; margin: 0 0 40px; } #content .start_btnline span { white-space: nowrap; line-height: 45px; } #content .start_btnline a { width:150px; padding:20px 0; } #content .signin { float:right; background:url(screen/sign.png) no-repeat; background:url(screen/svg/sign.svg) no-repeat, none; background-position-x:7px; width:32px; height:26px; cursor:pointer; line-height:65px; font-family:myFontMedium; font-size:0.57rem; color:#662D91; } #content .invitein, .sentmail { float:right; background:url(screen/mail2.png) no-repeat; background:url(screen/svg/mail2.svg) no-repeat, none; background-position-x:5px; width:32px; height:26px; cursor:pointer; line-height:65px; font-family:myFontMedium; font-size:0.57rem; color:#662D91; } .sentmail { line-height:0px; background-position-x:0px; background-size:20px; width:21px; height:21px; float:right; } .custopen_export, .docdown { background:url(screen/excel.png) no-repeat; background:url(screen/svg/excel.svg) no-repeat, none; background-position-y:2px; float:left; height:25px; color:#3b99fc !important; white-space:nowrap; text-align:left; font-family:myFontMedium; font-size:0.85rem; padding-left:25px; width:120px; margin-left:20px; } .docdown { background:url(screen/download.png) no-repeat; background:url(screen/svg/download.svg) no-repeat, none; height:33px; padding-left:38px; } .webinar_status { float:left; background:#f7f7f7; border:1px solid #eee; font-size:1.15rem; width:285px; height:55px; padding:8px 8px 0 8px; text-align:center; } .mail_buttons { position:relative; float:right; margin-right:30px; border:1px solid #ddd; padding:10px 15px 0 15px; height:55px; } .mail_buttons .anz_reg, .mail_buttons .anz_like { position:absolute; right:15px; bottom:3px; } .mail_buttons .anz_like { left:15px; } .start_delusr { color:#7f8191; text-decoration:line-through; font-style:italic } .showgewtxt, .liztxt { position:absolute; bottom:8px; left:15px; font-family:myFontMedium; font-size:0.72rem; color:#991f30; } .lstngNav { position:relative; font-family:myFontMedium; font-size:0.72rem; margin:-20px -4px 0px -4px; padding: 10px 2px 4px 0; height: 30px; } .tmplLink .lstngNav { margin-right: -6px; } .lstngNav .lv_box_langkurz { float:right; } .lstngNav .lv_box_langkurz #leistungstext_kurz, .lstngNav .lv_box_langkurz #leistungstext_lang, .lstngNav #knz_schlank_0, .lstngNav #knz_schlank_1 { padding:2px 9px; } .lstngNav .lv_box_langkurz .lt_aktiv { background:#3b99fc !important; color:#ffffff; cursor:auto; } .lstngNav .lv_box_unterschiede { vertical-align: top; } .lstngNav .lv_box_unterschiede > div { display: inline-block; vertical-align: top; } .lstngNav .lv_box_unterschiede > div:first-child { margin-right: 40px; } .lstngNav .lv_box_bewertung { margin-left:10px; margin-right:40px; } .lstngNav .lv_box_rating { display: inline-block; } .lstngNav .lv_box_spalten { float:right; width: 95px; } .lstngNav .lv_box_spalten .spalten_spinner { float:left; cursor:pointer; color: #919191; } .lstngNav .lv_box_spalten .spalten_spinner, .lstngNav .lv_box_spalten #column_counter { padding: 5px 3px 2px 1px; font-size: .7rem; border-radius: 0px; height:14px; position:relative; } .lstngNav .lv_box_spalten .spalten_spinner, .lstngNav .lv_box_spalten #column_counter { margin-top: -2px; } .lstngNav .lv_box_spalten .spalten_spinner:first-child { padding: 5px 1px 2px 3px; } .lstngNav .lv_box_spalten #column_counter { font-size:0.85rem; float:left; padding: 1px 3px 4px; border:1px solid #dee0e4; } .lstngNav .lv_box_spalten .monitor_1 { background:#3b99fc; color:#ffffff; } .lstngNav .lv_box_spalten .monitor_2 { color:#ddd; cursor:default; } .lstngNav .lv_box_spalten #fullscreen { line-height: 18px; padding-top: 2px; padding-bottom: 2px; } .lstngNav .lv_box_spalten #fullscreen i.fa-compress { color: #fff !important; } .lstngNav .lv_box_unterschiede, .lstngNav .lv_box_bewertung { display: inline-block; } .lstngNav .lv_box_langkurz > a { line-height: 18px; padding-top: 2px; padding-bottom: 2px; } /* =============================================================================================================================================================================== ---------------------------------------------------------------------->>> :Infopool: <<<--------------------------------------------------------------------------------------- =============================================================================================================================================================================== */ #content .infpl_head { margin-bottom:30px; } #content .infpl_head span { font-size:0.85rem; } #content .infpl_head > .SumoSelect { top:3px; } #content .infpl_head > div { display:inline-block; white-space:nowrap; /*padding-right:10px;*/} #content .infpl_head select#selgekurz, #content .infpl_head select#gesellschaft_id { width:180px; } #content .infpl_head select#selkennzahl_id { width:222px; } #content .infpl_head select#seljahr { width:160px; } #content #TblBKZ.tbl_bkzsort tr { height:24px; } #content #TblBKZ.tbl_bkzsort thead tr th { cursor:pointer; } #content #TblBKZ.tbl_bkzsort thead tr th:first-child, #content #TblBKZ.tbl_bkz thead tr th:first-child { text-align:left; } #content #TblBKZ.tbl_bkzsort thead tr th:not(:first-child), #content #TblBKZ.tbl_bkz thead tr th:not(:first-child) { text-align:right; } #content #TblBKZ.tbl_bkzsort tbody tr td:first-child, #content #TblBKZ.tbl_bkz tbody tr td:first-child { position:relative; text-align:left; } #content #TblBKZ.tbl_bkzsort tbody tr td:not(:first-child), #content #TblBKZ.tbl_bkz tbody tr td:not(:first-child) { text-align:right; } #content #TblBKZ.tbl_bkz tbody tr.c_line td { color: #a3adb6; font-size: 0.8rem;} #content .bar_inf_ges { display: flex; justify-content: space-between; margin-bottom: 25px; & .sumo_pkv_gkv { font-size: 1rem; } & button { padding: 12px; font-size: 1rem; margin-top: 1px; } } #content .divinfges_P, #content .divinfges_G { display: none; } #content #formular_infoges .gsl_address { padding: 15px 0; } #content #formular_infoges .gsl_addressK { padding: 5px 0; } #content table.tbl_doks { width:100%; border:none; } #content table.tbl_doks thead tr th:first-child { padding: 2px 5px; /*font-size: .8rem;*/ } table.tbl_doks>tbody>tr>td { float:none; clear:both; padding:2px 5px; } table#tbl_updateinfo>tbody>tr>td { padding:10px; } table#tbl_updateinfo td { vertical-align:top; } table#tbl_updateinfo { border-spacing:0; } #content table#tbl_updateinfo>tbody>tr>td:first-child { width:160px; } #content table#tbl_updateinfo>tbody>tr>td>table>tbody>tr>td:first-child { width:150px; color:#3b99fc; font-weight:bold; } #content .margin_l { margin-left:23px } /* =============================================================================================================================================================================== --------------------------------------------------------------------->>> :Einstellungen: <<<----------------------------------------------------------------------------------- =============================================================================================================================================================================== */ #content .einst_prof { margin-bottom: 40px; margin-left: 10px; } #content .einst_prof > div { font-size: .85rem; } #content .einst_prof > div ul { margin-top: 0px; } #content .einst_prof #profile { width: 330px; border-top-right-radius: 0px; border-bottom-right-radius: 0px; border-right: 0px; padding: 2px 3px; color: #3e476b; /*#29304e;*/ } #content .einst_prof .formbutton_grey { border-top-left-radius: 0px; border-bottom-left-radius: 0px; } #content .einst_ges_btn { float: right; height: 45px; } #content .einst_ges_txt { font-size: .8rem; margin-bottom: 20px; margin-left: 10px; } #content .einst_ges_txt .favtxt { background-size: 15px; line-height: initial; padding-left: 20px; } #content .einst_lay_card, .einst_anbindung { padding:0 12px; } #content .einst_lay_card form { position: relative; } #content .opt_psp { position:absolute; left:4px; top:0px; font-size:1.00rem; } #content .opt_psp label { padding:18px 8px; cursor:pointer; } #content .opt_psp label span { color:#969696; } #content .opt_psp label :checked + span { color:#0058ae; } .einst_liz_my { position:relative; margin-top:55px; border:1px solid #f0f0f0; /*background:#fff;*/ } .einst_liz_my > div { padding:20px; } .einst_liz_my .thnx { background:url(screen/check3.png) no-repeat; background-size:33px; position:absolute; width:415px; height:50px; right:20px; padding-left:40px; top:15px; color:#0cbc16; z-index:1; line-height:35px; font-size:1.30rem; } .einst_liz_my .thnx div { float:right; margin-right:5px; font-size:1.00rem; color:#8AAd8c; line-height:7px; } .einst_liz_pic { position:absolute; left:70px; top:117px; z-Index:1; border:20px solid #bab8b8; /*border-radius:3px;*/ } .einst_liz_my .divblur { position: absolute; background: #000; z-index: 1; width: 100%; height: 100%; left: 0px; top: 0px; opacity: 0.55; } #content .einst_liz_vpasswort { position:relative; font-size:1.00rem; line-height:24px; background:#f0f0f0; padding-top:20px; } #content .einst_liz_pw_save { position:absolute; background:#f4f7fc; left: 0px; bottom:0px; height: 70px; padding-top: 20px; width: 100%; box-shadow: 0px -1px 3px rgb(126 142 177); z-index: 2; } #content .einst_liz_pw_field { text-align:center; width:140px; margin-right: 30px; } #content .einst_liz_sepa_div, #content .einst_liz_nosepa_div { border-top:1px solid #ddd; border-bottom:1px solid #ddd; padding:10px 0; margin-right:40px; } #content .einst_liz_sepa_div div { display:inline-block; } #content .einst_liz_sepa_div div:first-child { line-height:19px; } #content .einst_liz_sepa_div div:first-child div { color:#999999; width:55px; } #content .einst_liz_sepa_div .sepainf { margin-left:50px; vertical-align:top; line-height:14px; font-family:myFontMedium; font-size:0.72rem; } #content .einst_liz_sepa_div .sepainf span { font-size:1.00rem; line-height:20px; } #content .einst_liz_nosepa_div { font-family:myFontSemibold; padding:30px 0; } #content #tblliz #btnshowdel { margin: 10px; color: #991f30; padding: 5px 10px; } #content #tblliz #btnshowdel:hover { color: #fff; } #content .liz_support { background: #e9ecef; color:#2a2a2a; padding-top: 20px; margin-top: 25px; position: relative; } #content .liz_support > div:not(.suppic) { position: relative; display: block; } #content .support_txt { /*font-size: 18px;*/ width: 513px; margin-left: 55px; } #content .support_txt p { font-size: 40px; color: #1b287e; } #content .support_kontakt { margin-top: 60px; margin-left: 55px; } #content .support_kontakt > div { display: inline-block; width: 200px; min-height: 200px; vertical-align: top; } #content .support_kontakt > div:nth-child(2) { margin: 0 50px; } #content .support_kontakt > div > span { font-size: 24px; color: #1b287e; } #content .suppic { background:url(../images/support_pic.jpeg) no-repeat; background-size:300px; position:absolute; right: 20px; top: 50px; width: 300px; height: 300px; } #content .einst_anbindung .vcard_head { font-size:1.45rem; } #content .einst_anbindung form div input[type=text] { font-size:1.00rem; padding:2px 3px; width:315px; margin-right:10px; } #content .einst_anbindung .doksbtn { margin:3px 0 5px 0; } #content .einst_anbindung .doksbtn a { margin-right:30px; } #content .einst_anbindung form .sectwrz > a input[type=button] { padding:10px 30px; height:auto; font-family:myFontMedium; font-size:0.85rem; color:#407cb9; } #content .inf_kontakt .support_head { margin-left: 60px; margin-top: 60px; } #content .inf_kontakt .complogo { position: relative; height: 165px; } #content .inf_kontakt .complogo > a { background:url(screen/psp_logo.png) no-repeat; background-size:80px; width: 80px; height: 100px; position: absolute; } /*#content .inf_kontakt .complogo ~ div { font-size: 18px; }*/ #content .inf_kontakt .suppic { background-size: 230px; right: auto; left: 510px; top: 128px; width: 230px; height: 230px; } .liz_invoice > a { position:relative; display:block; padding:8px 3px 8px 30px; margin-left:15px; width:210px; font-family:myFontMedium; font-size:0.85rem; color:#48518d !important; } .liz_invoice > a:before { content:"icon"; text-indent:-9999em; position:absolute; background:url(screen/download.png) no-repeat; background:url(screen/svg/download.svg) no-repeat, none; width:13px; background-size:13px; left:11px; top:8px; } .liz_invoice > a:hover { background:#48518d; color:#fff !important; border-radius:4px; } .liz_invoice > div { font-family:myFontSemiBold; font-size:1.00rem; margin-top:10px; } #content #formular_layoutmodus { position:relative; height:150px; } #content #formular_layoutmodus .layoutpeek0,#content #formular_layoutmodus .layoutpeek1 { background:url(screen/psp_layout.jpg), no-repeat; background-size:400px; width:400px; height:200px; position:absolute; right:130px; top:-25px; } #content #formular_layoutmodus .layoutpeek1 { background:url(screen/pspoff_layout.jpg), no-repeat; background-size:400px; } #content #einst_kundenrechner_layout .divth { margin-top:30px; width:80%; } #content #einst_kundenrechner_layout table.erg_tbl { width:80% !important; } #content #einst_kundenrechner_layout table.erg_tbl thead tr { height:30px; } #content #einst_kundenrechner_layout table.erg_tbl thead tr th { vertical-align:bottom; } #content #einst_kundenrechner_layout table.erg_tbl thead tr th.active { position:relative; } #content #einst_kundenrechner_layout table.erg_tbl thead tr th.active div { background:url(screen/chk_fav_1.png) no-repeat; background:url(screen/svg/chk_fav_1.svg) no-repeat, none; position:absolute; left:50%; width:20px; height:20px; margin-left:-8px; top:0px; } #content #einst_kundenrechner_layout table.erg_tbl tbody tr { height:40px; } #content #einst_kundenrechner_layout .btn_beratung { padding:3px 5px; color:#003e89; cursor:default; font-family:myFontMedium; font-size:0.72rem; text-align:center; width:47px; height:22px; display:inline-block; vertical-align:middle; max-width:50px; overflow:hidden; line-height:11px; } #content #einst_kundenrechner_layout .btncolor { position:absolute; right:-100px; top:5px; } #content #einst_kundenrechner_layout #beratungeigen { position:absolute; right:-125px; top:11px; text-align:left; } #content #einst_kundenrechner_layout #beratungeigen input { float:left; } #content #einst_kundenrechner_layout #beratungeigen span span { color:#a5a5a5; font-family:myFontMedium; font-size:0.72rem; } #content #einst_kundenrechner_layout .switchon { position:relative; top:0px; } #content #einst_kundenrechner_layout .admin_krdiv { position:relative; font-size:1.00rem; background:#eee; padding:5px 10px; color:#640461; } #content #einst_kundenrechner_layout .admin_krdiv label { font-family:myFontMedium; font-size:0.72rem; margin:5px 0 0 10px; } #content #einst_kundenrechner_layout .admin_krdiv #beratung { right:0px; } #content #einst_kundenrechner_layout .divberatung { float:right; margin:30px 30px 0 0; } #content #einst_kundenrechner_layout .divberatung .inklber { position:relative; margin-top:30px; background:#eee; height:37px; padding:3px; } #content #einst_kundenrechner_layout #beratungtxt { width:55px; font-family:myFontMedium; font-size:0.72rem; resize:none; text-align:center; overflow:hidden; line-height:11px; padding:3px 0px; } #content .einst_lay_card #formular_vm select { width:250px; } #content .vcard #einst_liz_text { position: absolute; right: 50px; top: 30px; } #content .vcard #einst_liz_text > div { display: inline-block; } #content .vcard .info_box { min-width: 600px; } #content .vcard .vcard_head .inf_headline3 { line-height:35px; } #content .vcard table tbody tr.bghover:hover, #content .vcard table tbody tr.bg_deleted:hover { -webkit-transition:all 0.7s ease-in-out; /* Safari and Chrome */ -moz-transition:all 0.7s ease; /* Firefox */ -o-transition:all 0.7s ease; /* IE 9 */ -ms-transition:all 0.7s ease; /* Opera */ transition:all 0.7s ease; background:#eee; } #content .vcard table tbody tr.bg_deleted:hover { background:#d96b6b; color:#000; } #content .vcard table thead th:nth-child(2), #content .vcard table tbody td:nth-child(2) { padding-left:10px; } #content .vcard .offldiv table thead th:nth-child(2) { padding-left:12px; } #content .vcard .offldiv table tbody td:nth-child(2) { padding-left:10px; } #content .vcard .offldiv table tbody td:nth-child(2) { position:relative; width:65px; } #content .vcard .offldiv table tbody td:nth-child(2) > div { position:relative; font-family:myFontSemibold; background:#dbe0e6; cursor:pointer; line-height:18px; padding:0px 2px 2px 4px; color:#4a82cf; border-radius:3px; width:50px; } #content .vcard .offldiv table tbody td:nth-child(2) > div:not([class=chngapnr]):hover { background:#4581bf; color:#fff; } #content .vcard .offldiv table tbody td:nth-child(2) > div:not([class=chngapnr]):after { position:absolute; content:url('screen/refresh.png'); width:26px; height:26px; right:-3px; top:2px; } #content .vcard .offldiv table tbody td:nth-child(2) > div[class=chngapnr] { width:77px; height:32px; cursor:default; display: flex; padding-top: 3px; } #content .vcard .offldiv table tbody td:nth-child(2) > div[class=chngapnr] { width:77px; height:32px; cursor:default; display: flex; padding-top: 3px; } #content .vcard .offldiv table tbody td:nth-child(3) > b { font-size:1.00rem; } #content .vcard .offldiv table thead th:nth-child(2) > .info_button { right:30px !important; } #content .vcard .offldiv .chngapnr { position:absolute !important; top:5px; left:5px; } #content .vcard .offldiv .chngapnr input { width:28px; padding:0 2px; color:#991f30; height:22px; } #content .vcard .offldiv .apsave, #content .vcard .offldiv .apesc { background:url(screen/check.png) no-repeat; background:url(screen/svg/check.svg) no-repeat, none; background-size:21px; background-position:1px; width:22px; height:21px; cursor:pointer; display:inline-block; } #content .vcard .offldiv .apesc { background:url(screen/x-button3.png) no-repeat; background-size:17px; background-position-y: 2px; width:20px; height:19px; } #content .vcard .offldiv .apold { position:absolute; font-family:myFontMedium; font-size:0.65rem; left:31px; bottom:-4px; cursor:help; color: #2a2a2a; } #content .vcard .offldiv .apsave, #content .vcard .offldiv .apesc { background:url(screen/check.png) no-repeat; background:url(screen/svg/check.svg) no-repeat, none; background-size:21px; background-position:1px; width:22px; height:21px; cursor:pointer; display:inline-block; } #content .vcard .offldiv .apesc { background:url(screen/x-button3.png) no-repeat; background-size:17px; background-position-y: 2px; width:20px; height:19px; } #content .vcard .offldiv .apold { position:absolute; font-family:myFontMedium; font-size:0.65rem; left:31px; bottom:-4px; cursor:help; color: #2a2a2a; } /*#content .vcard table#tblliz { margin-top:30px; }*/ table#tblliz .gueltigbis { padding:0 3px 0 2px; width:61px; text-align:right; } table#tblliz .gueltigbis[disabled] { background:none; border:1px solid #dcdcdc; color:#900000; } table#tblliz .lizbezdel, table#tblliz .lizbez { display:inline; } table#tblliz .lizbezdel span, table#tblliz .lizbez span { font-weight:bold; } table#tblliz tbody tr.lizedit { background:#e9ecef; } table#tblliz tbody tr.lizedit .lizbez, table#tblliz tbody tr.lizedit .lizbezdel { position:relative; text-decoration:underline; cursor:pointer; color:#3b99fc; } table#tblliz .lizbezdel { text-decoration:line-through; } table#tblliz .lizesc { float:right; margin-right:3px; margin-top:2px; cursor:pointer; color:#3b99fc; } #content .einst_edit { padding:1px 2px 1px 5px; float:right; font-size:0.93rem; } #content .vcard .btn_kr { right:20px; top:-15px; font-family:myFontMedium; font-size:0.72rem; } .ui-widget { font-family:myFontRegular; font-size:0.85rem; } .ui-dialog #formular_vm input:not([type=checkbox]) { padding:1px 1px 1px 2px !important; } .ui-dialog #formular_vm .sepa_div { position:relative; margin-top:30px; } .ui-dialog #formular_vm .sepa_div .sepa { background:url(screen/sepa.png) no-repeat; background-size:100px; width:100px; height:38px; position:absolute; right:10px; top:10px; } .ui-dialog #formular_vm .sepa_div .sepa_chk { margin:20px 0; } .ui-dialog #formular_vm .sepa_div .sepa_chk input { margin-top:35px; } .ui-dialog #formular_vm .sepa_div .sepa_chk span { font-family:myFontMedium; font-size:0.72rem; margin-left:5px; width:400px; } .ui-dialog #formular_vm .sepa_div .sepa_chk span b:first-child { font-family:myFontMedium; font-size:0.85rem; } .ui-dialog #formular_vm .sepa_div .sepa_inf { font-family:myFontMedium; font-size:0.72rem; margin-top:15px; } .ui-dialog #formular_vm .sepa_div > div { position:relative; margin-bottom:5px; } .ui-dialog #formular_vm .sepa_div > div:first-child { border-top:1px solid #aaa; padding-top:15px; margin-bottom:10px; font-size:1.30rem; } .ui-dialog #formular_vm .sepa_div > div.ibanerr:after { content:"Fehler in der IBAN"; text-indent:-150px; position:absolute; top:58px; color:#c73131; } .ui-dialog #formular_vm .sepa_div > div.ibanerr span { color:#be0a26; } .ui-dialog #formular_vm .sepa_div > div.ibanerr input { border:1px solid #c73131; } .ui-dialog #formular_vm .sepadsbld span { color:#7f8191 !important; } .ui-dialog #formular_vm .sepadsbld input { border:1px solid #aeb4b9 !important; } .ui-dialog #formular_vm .sepadsbld > div.ibanerr:after { display:none; } .ui-dialog .confmail, .ui-dialog .confinserted { position:relative; font-size:1.00rem; padding-left:30px; } .ui-dialog .confmail span, .ui-dialog .confinserted span { color:#991f30; font-family:myFontMedium; font-size:0.85rem; } .ui-dialog .confinserted span { font-size:1.30rem; } .ui-dialog .confmail:before { content:"icon"; text-indent:-999em; background:url(screen/mail2.png) no-repeat; width:26px; height:26px; position:absolute; left:0px; top:1px; } .ui-dialog .esign_descript { background:#f4f7fc !important; padding:10px; margin-bottom:20px; /*height: 60px;*/ } .ui-dialog .esign_descript #sessionname { width: 99%; } .ui-dialog .esign_descript .esign_sys { font-size: .9em; margin-top: 5px; text-align: right; margin-right: 5px; } .ui-dialog .esign_descript .esign_sys label:first-child { margin-right: 15px; } .ui-dialog .esign_descript .esign_sys i { font-size: .7rem; } .ui-dialog .esign_descript .esign_sys input[type=radio]:not([id=esign_sys_n]):checked + span { position: relative; color: red; } .ui-dialog .esign_descript .esign_sys input[type=radio]:not([id=esign_sys_n]):checked + span::after { content: '(nur noch bis zum 31.01.2023 verfügbar)'; position: absolute; bottom: -14px; left: -102px; color: red; font-size: .7rem; white-space: nowrap; text-align: left; } /* =============================================================================================================================================================================== ----------------------------------------------------------------------->>> :Info: <<<------------------------------------------------------------------------------------- =============================================================================================================================================================================== */ #content .info_box { background:#ffffff; color:#2a2a2a; padding:20px; box-shadow:1px 1px 3px #c5c5c5; } /*#content .info_box span { font-size:24px; color:#1529ad; }*/ /*#content .info_box u { font-size:24px; }*/ #content .info_price { float:right; color:#c40c23; margin-top:-5px; font-weight:normal; } #content .ordernow { position: absolute; right: 20px; top: 17px; } #content .ordernow > span { margin-right: 20px; font-style: italic; } #wpbody #content { min-height: 600px; } #wpbody .wpheader { /*position: fixed; z-index: 99;*/ position: sticky; z-index: 10100; background: #fff; height: 109px; top: 0px; width: 100%; box-shadow: 0px 12px 10px 0 rgb(0 0 0 / 15%); } #wpbody .wpheader .psplogo { background:url(screen/psp_logo.png) no-repeat; width: 76px; height: 96px; background-size: 76px; position: absolute; left: 115px; top: 7px; } #wpbody .wpheader .wpmenu { position: absolute; left: 357px; top: 3px; font-size: 18px; } #wpbody .wpheader .wpmenu ul li, #wpbody .wpheader .wpmenu_r ul li { position: relative; list-style: none; display: inline-block; margin-left: 7px; width: 100px; text-align: center; } #wpbody .wpheader .wpmenu ul li:hover { border-bottom: 1px solid #1b277f; } #wpbody .wpheader .wpmenu ul li a, #wpbody .wpheader .wpmenu_r ul li a { color: #3b3b3b; line-height: 50px; } #wpbody .wpheader .wpmenu_r { position: absolute; right: 5px; top: 22px; font-size: 14px; } #wpbody .wpheader .wpmenu_r ul { display: inline; } #wpbody .wpheader .wpmenu_r ul li { margin-left: 0px; width: 150px; } #wpbody .wpheader .wpmenu_r ul li:hover { border-bottom: 1px solid #ffea1f; } #wpbody .wpheader .wpmenu_r .psploginbtn { background: #ffea1f; padding: 3px 10px; border-radius: 4px; cursor: pointer; color: #000; } #wpbody .wpheader .wpmenu_r .psploginbtn:hover { background: #1a277f; color: #fff; } #wpbody .wpfooter { position:relative; height: 380px; width: 100%; margin-top: 50px; background: #1a277f; color: #fff; font-size: 16px; } #wpbody .wpfooter a { color: #fff !important; } #wpbody .wpfooter a:hover { color: #ffea1f !important; } #wpbody .wpfooter > div { position: relative; margin-left: 20px; padding-top: 30px; } #wpbody .wpfooter .wpf_psp > div:last-child > div { display: inline-block; } #wpbody .wpfooter .wpf_psp > div:nth-child(2) > div { display: inline-block; vertical-align: top; height: 180px; } #wpbody .wpfooter .wpf_psp > div:nth-child(2) > div:first-child { width: 90px; } #wpbody .wpfooter .wpf_psp > div:nth-child(2) > div:last-child { width: 320px; } #wpbody .wpfooter .wpf_start a, #wpbody .wpfooter .wpf_recht a { line-height: 30px; } #wpbody .wpfooter .wpf_start > div:not(:first-child), #wpbody .wpfooter .wpf_recht > div:not(:first-child), #wpbody .wpfooter .wpf_kontakt > div:not(:first-child) { margin-left: 5px; } #wpbody .wpfooter .wpf_kontakt > div:nth-child(2) span, #wpbody .wpfooter .wpf_kontakt > div:nth-child(3), #wpbody .wpfooter .wpf_kontakt > div:nth-child(4) { line-height: 30px; } #wpbody .wpfooter .wpf_kontakt > div:nth-child(2) > div { display: inline-block; vertical-align: top; } #wpbody .wpfooter > div > div { display: inline-block; vertical-align: top; } #wpbody .wpfooter > div > div { margin-right: 80px; } #wpbody .wpfooter > div > div:last-child { margin-right: 0px; } #wpbody .wpfooter > div > div > div:first-child, #wpbody .wpfooter .wpf_psp > div:nth-child(3) { font-size: 18px; margin-bottom: 20px; } #wpbody .wpfooter > div:last-child { text-align: center; } #wpbody { background: #fff !important; } #content .esign_ttl { position: absolute; width: 97%; top: 52px; padding: 3px 10px; font-size: .75rem; background: #c30000; color: #fff; font-weight: bold; } #content .esign_ttl b { font-size: .92rem; } #content .esignold_marker { position: absolute; height: 100%; width: 8px; background: #c30000; left: 0px; top: 0px; } #content .esign_status { border:1px solid #999; border-radius:2px; padding:5px; font-size:0.79rem; text-align:center; width:85px; } #content #box_esign tbody tr td.estatus { font-size: 1.3rem; color: #858585; } #content #box_esign .dokline { position: relative; padding-bottom: 5px; } #content #box_esign .dokline > span { font-family: myFontMedium; font-size: 0.79rem; color: #343434; white-space: nowrap; } #content #box_esign .dokline > div { position: absolute; right: 5px; top: 8px; } #content #box_esign .hintarchiv { text-align: right; font-size: .8rem; } /* =============================================================================================================================================================================== ----------------------------------------------------------------------->>> :Erfassung: <<<------------------------------------------------------------------------------------- =============================================================================================================================================================================== */ #erf_labels { font-family:myFontSemibold; } #erf_labels_ang { color:#a3a3a3; } #content .erfassung_angebot, #content .erfassung_box { background:#fff; float:left; width:99%; margin-left:5px; display:inline-block; vertical-align:top; font-family:myFontMedium; font-size:0.79rem; } .erfmask .erfassung_angebot, .erfmask .erfassung_box { margin-left: 0px !important; width: 100% !important; border-radius: 4px; padding-top: 10px; padding-bottom: 10px; } .erfmask .erfassung_angebot { box-shadow: 0 0px 4px rgb(126 142 177 / 12%); } #content .erfassung_angebot input[type=radio] { vertical-align:middle; } #content .erfassung_box { min-height:85px; margin-bottom:40px; } .erfmask .erfassung_box { box-shadow: 0 0px 4px rgb(126 142 177 / 12%); margin-bottom: 25px !important; } #content .erfassung_box_head { position:relative; height:38px; padding:2px 13px; font-size:1.15rem; border-bottom: 1px solid #e7eaf0; white-space:nowrap; } .erfmask .erfassung_box_head * { color: #3e476b; /*!important;*/ } .erfmask .erfassung_box_head .erfbh_vpdaten { font-size: 12px; margin-left: 37px; } .erfmask .erfassung_box_head .erfbh_link { position: absolute; top: 2px; } .erfmask .erfassung_box_head > div.float_r a { display: inline-block; } #content .erfinfnogeb, #content .erginfnogeb, #content .navinfnogeb { position: absolute; bottom: 0px; font-size: .8rem; color: #919191; display: none; height: 1rem; } #content .erginfnogeb { top: 42px; left: 380px; } #content .navinfnogeb { top: 42px; left: 17px; } #content .navgebdat, #content .erfgebdat { color: #959595; font-size: .75rem; margin-left: 2px; line-height: 20px; } #content .erfgebdat { margin-left: 0px; } #content .erfassung_angebot_div { float:right; margin:0px 10px 5px 0px; } #content .erfassung_angebot_div select { width:200px; } #content .erfassung_box_content { padding:10px; position:relative; /*border-radius:4px;*/ } .erfmask .erfassung_box_content { color: #9599ac; } #content .erfassung_box_content select { width:140px; } /*#content .erfassung_box_content select[id^="zielgruppe_"] { width:165px; }*/ #content .erfassung_box_content select[id^="berufsstatus_"] { width:160px; } #content .erfassung_box_content select[id^="arzttyp_"] { width:190px; } #content .erfassung_box_content select[id^="sbfuer_P_"] { width:110px; } #content .erfassung_box_content select[id^="beihilftyp_"], #content .erfassung_box_content select[id^="kvalt_bundesland_"] { width:193px; } #content .erfassung_box_content select[id*="kinder_"] { width:50px; } #content .erfassung_box_content select[id^="knz_sbart_"], #content .erfassung_box_content select[id^="knz_bett_"] { width:180px; } #content .erfassung_box_content select[id^="ktkarenz"] { width:45px; } #content .erfassung_angebot .erfassung_box_content { background:#e9ecef; } .erfmask .erfassung_angebot .erfassung_box_content { background: none !important; } #content .erfassung_box_trenner { margin-top:10px; padding-top:10px } #content .erfassung_box_section, .ui-dialog .cntASZ > div > div:first-child { position:relative; font-size:1.15rem; height:22px; padding:3px 0 1px 3px; margin:0px; } #content .erfassung_box_section label[disabled] { color:#8a929c; } #content .erfassung_box_section input[type="checkbox"] { margin-left:0px !important; } #content .erf_noneed_text { color: #aaa; font-size: 14px; text-align:center; padding-top:10px } #content .lnk_horoskop, #content .lnk_horoskop_nav { /*text-decoration:underline;*/ font-family:myFontMedium; font-size:0.72rem; line-height:20px; margin-left:3px; color:#939393; cursor:pointer } #content .lnk_horoskop_nav { font-family:myFontMedium; font-size:0.72rem;} #content .vp_counter { float:left; width:18px; margin-top:2px; } #content .lbl_radio { margin:2px; position:absolute; top:2px } #content .erf_str_div { float:left; width:185px } #content .erf_plz_div { float:left; width:75px } #content .erf_ort_div { float:left; width:165px } #content .erf_telfax_div { float:left; width:110px } #content .erf_mobil_div { float:left; } #content .erf_email_div { float:left; width:425px } #content .erf_iban_div { float:left; position:relative; height:52px; width:220px; } #content .erf_bic_div { float:left; } #content .erf_iban_div #bank { position:absolute; color:#adacac; bottom:-10px; width:362px; text-overflow:ellipsis; overflow:hidden; white-space:nowrap; font-family:myFontMedium; font-size:0.85rem; border:1px solid #c2c8ce; padding:2px 5px; border-top:none; } #content .erf_iban_div span { color:#991f30; } #content .erf_zhinweis { color: #aaa; font-size: 14px; text-align:center; padding-top:10px } /*#content .add_vp_div { float:left; margin-left:19px; margin-top:4px; }*/ /*************** Erfassung - Beruf ***************/ #content .erf_beruf_bhtyp_div { float:left; width:360px; margin-right:10px; } #content .erf_beruf_bhtyp_div div[class*=sumo_beihilftyp_] + span, #content .erf_beruf_bhtyp_div div[class*=sumo_bkinder_] + span { top:14px; right:-28px; } #content .erf_beruf_bhtyp_div .erfassung_box_content2 > div { display:inline-block; } #content .erf_beruf_bhtyp_div .bvprel { margin-top:10px; line-height:17px; display:block; } #content .erf_beruf_bhsatz_div { position:relative; float:left; width:360px } /*455px*/ #content .erf_beruf_bhsatz_div select[id^="proz_bsatzamb_"] { width:60px; } #content .erf_beruf_kunde { background:url(screen/pfeil_kreis.png) no-repeat; background:url(screen/svg/pfeil_kreis.svg) no-repeat, none; position:relative; top:1px; left:5px; display:inline-block; width:16px; height:16px; background-size:16px; cursor:pointer; -webkit-transform:rotate(90deg); -moz-transform:rotate(90deg); -o-transform:rotate(90deg); -ms-transform:rotate(90deg); transform:rotate(90deg); } #content .erf_beruf_kunde span { position:relative; top:-3px; } #content .erf_beruf_2013_div { border:1px solid #855757; padding:7px 17px; margin-top:5px; } /*************** Erfassung - Tarifvorgaben ***************/ #content .abstand_div { height:73px } #content .alleTarife { float:right; padding-right:5px; padding-top:3px; cursor:pointer; font-family:myFontMedium; font-size:0.79rem; } #content .guenstigster { margin:10px 0px 0px 0px; font-family:myFontMedium; font-size:0.72rem; } #content .guenstigster .info_button { margin-top:-3px; } /*#content .erf_beruf_bhsatz_div,*/ .erf_tv_stat_kht_div, .erf_tv_zahn_pflz_div, .erf_tv_pvn_kurtg_div, .erf_dkv_sb, .erf_dkv_g_eink { position:relative; float:left; margin-left:11px } #content .erf_tv_box_content, #content .erfassung_box_content2 { padding:10px 2px 10px 10px; background:#e9ecef; /*border-radius:4px;*/ /*background:#fff !important;*/ /*border:1px solid #e9ecef;*/ /*min-height:72px;*/ /*margin-bottom:15px;*/ } .erfmask .erf_tv_box_content, .erfmask .erfassung_box_content2 { background: none !important; } #content .erf_tv_amb_kt_div { float:left; width:220px; } #content .erf_tv_amb_sb { padding:3px 0 0 16px; margin-top: 3px; } #content .erf_tv_stat_kht_div { width:200px; } #content .erf_tv_zahn_pflz_div { width:190px; } #content .erf_tv_zahn_abst { float:left; width:70px;} #content .erf_tv_pvn_kurtg_div { width:160px; } #content .invisibleZahn { float:left; width:200px; height:20px } #content .invisibleKt { float:left; width:200px; height:20px } #content .erf_tv_pflz_demenz_div { margin-top:12px } #content .erf_tv_pflz_demenz_div input { margin-bottom:5px; } #content .erf_tv_ktrechner_div { margin-left:5px; width:243px } /*#content .erfassung_box_content label[id*="max2"] { margin-left:12px; }*/ .ui-dialog .ktrechnerdiv { padding:10px; font-family:myFontMedium; font-size:0.85rem; } .ui-dialog .ktrechnerdiv .info_button { left:-10px; top:2px; } /*************** Erfassung - Tarifvorgaben20 ***************/ #content .erfassung_box_content div[class^="erf_tv_saeule_"] { position:relative; float:left; width:250px; margin:8px; /*border:1px solid #e9ecef;*/ } #content .erfassung_box_content div[class^="erf_tv_saeule_"] .erf_tv_box_content { min-height:112px; /*background:#fff !important;*/ /*border-top:1px solid #e9ecef;*/ border-left:1px solid #bbb; /*border-right:1px solid #e7eaf0;*/ border-bottom:1px solid #bbb; } #content .erfassung_box_content div[class^="erf_tv_saeule_"] .erfassung_box_content2 { border-bottom:1px solid #bbb; margin-bottom:12px; border-radius:0; } #content .erfassung_box_content div[class^="erf_tv_saeule_"] .abstand_divneu { height:52px; width: 211px; } #content .erfassung_box_content div[class^="erf_tv_saeule_"] .alleTarifeneu { font-size:0.79rem; margin-top:8px; padding-top:8px; border-top:1px solid #fff; } #content .erfassung_box_content div.saeule_kopf { width:100%; height:5px; background:#e9ecef; display:none;} #content .erfassung_box_content .lastdiv { border-bottom: none !important; } /*************** Erfassung - Filter/Einstellungen ***************/ /*#content .erf_fe_beg_div { float:left; position:absolute; left:368px; }*/ #content .erf_fe_geb { float:left; line-height:17px; } #content .erf_fe_chk_text { font-size:0.72rem; } #content .erf_fe_chk_amb { float:left; width:35px; } #content .erf_fe_chk_stat { float:left; width:32px; } /*************** Erfassung - Prognose ***************/ /*#content .erf_prog_rente { padding-top:19px }*/ #content .erfassung_box_content2.erf_prog_inptbox input:not([type=button]) { margin: 2px 0px !important; } /*************** Erfassung - dKV ***************/ #content .diverfdkv .erfassung_box_content2 { margin-top: 10px; } #content .erf_dkv_sb { margin-top:5px; line-height:25px } #content .erf_dkv_pgo { margin-left: 10px; margin-top: 5px; font-size: 16px; } #content .erf_dkv_radio label input[type=radio]:not([class=standard]) + span, #content .erf_dkv_radio label input[type=radio]:not([class=standard]):checked + span { background: none; padding: 5px !important; } #content .erf_dkv_radio label input[type=radio]:not([class=standard]):checked + span { border-bottom: 1px solid #3e476b; color: #3e476b; } #content .erfdkv_selbstmit label input[type=radio]:not([class=standard]):checked + span { border-bottom: 1px solid #3e476b; } /*#content .erf_dkv_pgo label input[type=radio]:not([class=standard]) + span, #content .erf_dkv_pgo label input[type=radio]:not([class=standard]):checked + span { font-size: 16px; } */ #content .diverfdkv .erfdkv_selbstmit { margin-left: 65px; } #content .erfdkv_selbstmit_sub { margin-left: 66px; margin-top: 10px; } #content .divpkvsect .erfdkv_selbstmit_sub { margin-left: 0px; } #content .erfdkv_selbstmit_sub > div, #content .erfdkv_selbstmit_sub > div > div { display: inline-block; } #content .erfdkv_selbstmit_sub > div:first-child{ margin-right: 50px; margin-bottom: 40px; border-right: 1px solid #bbb; padding-left: 15px; padding-right: 30px; height: 160px; } #content .erfdkv_selbstmit_sub > div:last-child { vertical-align: top; width: 370px; height: 160px; } #content .erfdkv_selbstmit_sub > div:last-child > div:first-child { width: 240px; } #content .diverfdkv .lblmitvers { position: relative; height: 50px; } #content .diverfdkv .lblmitvers > div { position: absolute; left: 168px; top: 15px; font-size: 16px; } #content .diverfdkv .diverfov { margin-left: 157px; margin-top: 25px; } #content .erf_dkv_p_text { float:left; } #content .erf_dkv_beitragcalc { padding-top:20px; width:450px } /* =============================================================================================================================================================================== ------------------------------------------------------------------------->>> :Ergebnis: <<<------------------------------------------------------------------------------------ =============================================================================================================================================================================== */ #content .erg_hinweis { color: #aaa; font-size: 20px; text-align:center; padding-top:10px } #content .erg_tvgl_noHit { display:none; font-size:1.15rem; font-family:myFontSemibold; padding-top:20px; margin-left:15px; } #content .erg_tvgl_vpinfo { float:left; font-family:myFontMedium; font-size:1.15rem; margin-bottom:10px; margin-left:1px; } #content #erg_tvgl_box_anz_tarife { float:right; margin-right:5px; font-family:myFontMedium; font-size:1.15rem; } #content #erg_tvgl_anz_tarife_afterfilter { color:#288937; font-family:myFontMedium; font-size:0.72rem; cursor:help; } #content .erg_tvgl_gotolv { background:url(screen/info_std.png) no-repeat; background:url(screen/svg/info_std.svg) no-repeat, none; width:16px; height:16px; cursor:pointer; } #content .erg_anz_sel_tarife { font-family:myFontMedium; font-size:0.79rem; } #content .leg_important { font-weight:bold; /*color:#000;*/ /*position:relative; padding:2px 0 2px 10px;*/ } #content .leg_important span { font-size:1.15rem; /*position:absolute; top:-2px; left:0px;*/ } #content #ergtables table input[type=checkbox] { display:none; } #content #ergtables table input[type=checkbox] + label { color:#666; } /*#content #ergtables table input[type=checkbox] + label.selTwo { color:#2a2c2a; }*/ #content #ergtables table input[type=checkbox] + label.selOne { color:#991f30; } #content #ergtables table input[type=checkbox] + label.chkall { color:#ffffff; } #content #ergtables table input[type=checkbox] + label.link { color:#ffffff; } #content #ergtables table input[type=checkbox] + label.linkdark { color:#3e476b; } #content #ergtables .gesname { font-family: myFontSemibold; } #content #ergtables .tarifname { color: #7f8191; } #content #ergtables table .am { float:left; width:45%; min-height:1px; text-align:center; } #content #ergtables table .st { float:left; width:15%; min-height:1px; text-align:center; } #content #ergtables table .za { float:left; width:40%; min-height:1px; text-align:center; } #content #ergtables table thead tr th .hvr span:hover { text-decoration: underline !important; } #content #ergtables table thead#offTblErgebnisHead { position:static; background:#e9ecef; } #content .erg_refresh_button { background:url(screen/chkb4.png) no-repeat; background:url(screen/svg/chkb4.svg) no-repeat, none; width:18px; height:18px; display:none; cursor:pointer; } #content .erg_legende { float:right; text-align:left; color:grey; margin-top:50px; margin-right:10px; } #content .erg_legende b { font-size:1.00rem; } #content .erg_legende > div { font-family:myFontMedium; font-size:0.72rem; } #content .ergebnis_fav { background:url(screen/fav_20_trans.png) no-repeat; background:url(screen/svg/favorite.svg) no-repeat, none; background-size:27px; width:27px; height:27px; } #content .ergebnis_derzeitige { background:url(screen/pfeil_derzeitig.png) no-repeat; background:url(screen/svg/pfeil_derzeitig.svg) no-repeat, none; background-position:4px 5px; width:28px; height:40px; color:#fff; line-height:24px; top:3px; } #content .erg_einzel1 { float:left; width:45px; font-family:myFontMedium; font-size:0.72rem; text-align:right; } #content .erg_einzel2 { float:left; color:grey; width:20px; font-family:myFontMedium; font-size:0.72rem } #content .pos_rel_pos { position:relative;height:22px; } #content .pos_rel_gesell { position:relative;height:22px; } /*width:130px }*/ #content .pos_rel_merkmal { position:relative;height:22px; } /*width:50px }*/ #content .pos_rel_bew { position:relative;height:22px; } /*width:45px }*/ #content .pos_rel_filter { position:relative;height:22px; } /*width:30px }*/ #content .pos_rel_einzel { position:relative;height:22px; } /*width:90px }*/ #content .pos_rel_gesamt { position:relative;float:right;height:22px; } /*width:50px }*/ /*************** Ergebnis - Angebot ***************/ #content .vpleiste { position: relative; text-align: right; height: 46px; /*margin-right: 10px;*/ } #content .vpleiste > div { display: inline-block; } #content .vpleiste > div:first-child { position: absolute; left: 4px; top: 8px; text-align: left; } #content .vpleiste > div:first-child > span { font-size: .75rem; margin-left: 33px; } #content .vpleiste .geslogo { position: relative; top: 5px; right: 8px; } #content .vpleiste .SumoSelect { color: #6e6ebf; margin-top: 17px; } #content .vpleiste .SumoSelect .SelectBox { background: #e9ecef; } #content .vpleiste .SumoSelect .SelectBox span { padding-top: 3px; padding-bottom: 3px; padding-left: 3px; } /* =============================================================================================================================================================================== ------------------------------------------------------------------------->>> :Navigator: <<<----------------------------------------------------------------------------------- =============================================================================================================================================================================== */ #content .navigator_main_box { position:relative; padding:5px 10px; margin-bottom: 30px; min-height:120px; font-family:myFontMedium; font-size:0.85rem; background:#e9ecef; color:#2a2a2a; border-top:1px solid #e9ecef; border-bottom:1px solid #e9ecef; } #content .navigator_main_box .butboptact { background:#9ccecf; padding:5px; border:1px solid #fff; font-size:1.00rem; margin-left:10px; width:220px; } #content .navigator_angebot_fuer_box { float:right; padding:0px 10px 8px 10px; font-size:0.72rem; } #content .navigator_angebot_fuer_box select { width:200px; } .navigator_main_box select#zielgruppe, .navigator_main_box select#berufsstatus, .navigator_main_box select#beihilftyp { width:150px;} .navigator_main_box select#arzttyp { width:150px;} .navigator_main_box select#proz_bsatzamb { width:70px;} #content .navi_refresh, #content .navi_refresh_lv, #content .navi_refresh_lv_grey { background:url(screen/refresh.png) no-repeat; background:url(screen/svg/refresh.svg) no-repeat, none; background-position:0px 1px; padding-left:22px; width:85px; height:18px; white-space:nowrap; text-align:left; line-height:18px; } /*#content .navi_arztnormaltarif { position:absolute; top:65px; font-family:myFontMedium; font-size:0.79rem; left:5px; }*/ /*#content .navi_add_ges_div { position:relative; font-family:myFontMedium; font-size:0.85rem; height:21px; line-height:21px; padding:2px 5px; cursor:pointer; border-radius:2px; box-shadow:0px 0px 1px #777; background:#2a2c2a; color:#ffffff; ) }*/ #content .navi_refresh_div { float:right; width:96px; margin:5px 18px 0px 0px; height:12px } #content .navi_ges_text { font-family:myFontSemibold; font-size:0.79rem; color:grey } #content .navi_ges2_div { float:left; width:425px; margin-left:3px } #content .navi_ges3_div { float:left; width:283px; margin-right:3px; font-family:myFontMedium; font-size:0.72rem; } #content .navi_ges3_div table tbody tr { font-family:myFontMedium; font-size:0.72rem; } #content .navi_newges { /*position:absolute; bottom:12px;*/ /*margin-right:355px;*/ width:496px; } #content .navi_newges .SumoSelect { width:122px; } #content .navi_newges .SumoSelect > .CaptionCont > label { background:#ffffff; margin:0px; /*border-radius:9px;*/ } #content .navi_newges .SumoSelect > .CaptionCont > span.placeholder { color:#ffffff; font-style:normal; height:21px; line-height:21px; } #content .navi_newges .SumoSelect > p { border-radius:2px; font-size:0.85rem; padding:0px 5px; background:#2a2c2a !important; border:1px solid #aeb4b9; } #content .navigator_main_box #navselges + p.CaptionCont { padding: 2px 0px 2px 5px; } #content .scarea_ref, #content .scarea_ref_fix { position:absolute; left:6px !important; top:6px !important; color:#6498d7; } #content .erg_ref { height:18px; width:18px; } #content .scarea_ref label :checked + span { color:#6498d7; font-family:myFontSemiBold; font-size:0.79rem; } #content .scnavi_ref, #content .scarea_ref, #content .scnavi_derzeit { position:absolute; left:4px; top:2px; font-family:myFontSemiBold; font-size:0.72rem; cursor:help; } #content .scnavi_derzeit { top:29px; left:33%; color:#89abb8; } #content .scroll_fh_ref { position:absolute; background:#cee2f9; height:12px; bottom:4px; width:180px; left:50%; margin-left:-80px; color:#6498d7; font-family:myFontSemiBold; font-size:0.65rem; cursor:default; } #content .scnavi_ges_remove, #content .scarea_ges_remove, #content .scarea_ges_remove_bopt { border:none; position:absolute; cursor:pointer !important; } #content .scnavi_ges_remove { right:3px; top:3px; } #content .scarea_ges_remove { right: 10px; top: 7px; font-size: .8rem; } #content .scarea_ges_remove_bopt { right:14px; top:10px; } #content .scnavi_move, #content .scarea_move, #content .scarea_move_act, #content .scnavi_move_opt { font-family:myFontMedium; font-size:0.72rem; cursor:url(screen/openhand.cur), auto; text-align:center; white-space:nowrap; } #content .scnavi_move_opt, #content .scarea_move_opt, #content .scnavi_move { cursor:default; } #content .scarea_move_opt { background:none; height:0px; } #content .scnavi_move_pic, #content .scnavi_move_pic_act, #content .scnavi_move_pic_bopt, #content .scarea_move, #content .scarea_move_act, #content .scnavi_move_pic_opt { background:url(screen/doc_move.png) no-repeat; background:url(screen/svg/doc_move.svg) no-repeat, none; background-position:0px 0px; color:#fff; width:51px; height:15px; margin:0px auto; line-height:14px; } #content .scarea_move_act, #content .scnavi_move_pic_act { background:url(screen/doc_move_act.png) no-repeat; background:url(screen/svg/doc_move_act.svg) no-repeat, none; background-position:0px 0px; } #content .scnavi_move_pic_bopt { background:url(screen/doc_move_bopt.png) no-repeat; background:url(screen/svg/doc_move_bopt.svg) no-repeat, none; } #content .scnavi_move_pic_opt { background:none; } #content .scnavi_move_active, #content .scarea_move_active { color:#8db5c4; border:2px solid #8db5c4 !important; box-shadow:1px 2px 10px rgba(141, 181, 196, 0.9) !important; } #content .scarea_move_active { background:#fbffff; } #content .scarea_print { position:absolute; cursor:pointer; right: 20px; top: 6px; } #content .scrollfixed_head { position:fixed; margin:auto; top:72px; height: 50px; z-Index:12; display:none; overflow:hidden; background:#f4f7fc; } #content .scrollfixed_head .scrollableArea { z-Index:11; top: 3px; } #content .scroll_fh_ges { position:relative; float:left; text-align:center; } #content .scroll_fh_ges_verlauf { position:absolute; color:#fff; left:350px; margin-top:5px; } #content .scroll_fh_tarif { margin-top:5px; font-family:myFontMedium; font-size:0.72rem; color:#7d8895; } #content .scrollnavi, #content .scrollnavi_nav, #content .startup { position:fixed; margin:auto; bottom:0px; padding:6px 0px; z-Index:9998; /*border-top-left-radius:4px; border-top-right-radius:4px;*/ background:#e9ecef; color:#2a2a2a; opacity:0.96; margin-left: -3px; } #content .startup div { float:right; color:#ffffff; font-size:1.15rem; line-height:44px; } #content .startup input { float:right; line-height:0px; font-size:1.00rem !important; padding:15px 35px; margin:5px 100px 0 30px; } #content .scrollnavi_left, #content .scrollnavi_right, #content .scrollnavi_left_dis, #content .scrollnavi_right_dis { min-width:10px; height:40px; cursor:pointer; margin-top:0px; } #content .scrollArea_left, #content .scrollArea_right, #content .scrollArea_left_dis, #content .scrollArea_right_dis { position:absolute; width:17px; height:40px; cursor:pointer; margin-top:-1px; z-Index:3; opacity:.6; top:69px; } #content .scrollnavi_left { background:url(screen/scroll_left.png) no-repeat; background:url(screen/svg/scroll_left.svg) no-repeat, none; } #content .scrollArea_left { background:url(screen/scroll_left_area.png) no-repeat #fff; background:url(screen/svg/scroll_left_area.svg) no-repeat #fff; } #content .scrollnavi_right { background:url(screen/scroll_right.png) no-repeat; background:url(screen/svg/scroll_right.svg) no-repeat, none; } #content .scrollArea_right { background:url(screen/scroll_right_area.png) no-repeat #fff; background:url(screen/svg/scroll_right_area.svg) no-repeat #fff; } #content .scrollnavi_left_dis { display:none; } #content .scrollArea_left_dis { display:none; } #content .scrollnavi_right_dis { display:none; } #content .scrollArea_right_dis { display:none; } #content .scrollArea_left, #content .scrollArea_left_dis { left:-3px; } #content .scrollArea_right, #content .scrollArea_right_dis { right:-5px; } #content .scrollArea_right:hover, #content .scrollArea_left:hover { opacity:1 } #content .scrollArea_right_dis:hover, #content .scrollArea_left_dis:hover { opacity:.6 !important; } #content .scrollnavi_plus { background:url(screen/scroll_plus.png) no-repeat; background:url(screen/svg/scroll_plus.svg) no-repeat, none; width:16px; height:16px; margin-left:1px; cursor:default; } #content .scrollnavi_ges { position:relative; display:flex; float:left; } #content .scrollnavi_middle { position:relative; height:40px; margin:0 5px 0 2px; display:flex; align-items:center; } #content .scrollnavi_middle_std, #content .scrollnavi_middle_aktiv, .scrollnavi_middle_ref { position:relative; float:left; /*width:94px;*/ width:92px; border-radius:3px; padding:1px 3px; margin-left:3px; height:40px; display:block; overflow:hidden; } #content .scrollnavi_middle_std { color:#bbb; z-Index:11; border:1px solid #bbb; height:38px; } #content .scrollnavi_middle_aktiv { border:none; z-Index:12; color:#375466; background:#ffffff; } #content .scrollnavi_middle_ref { border:none; z-Index:13; color: #6e9bcf; } #content .scrollTitle { position: relative; text-align:center; font-size:1.00rem; padding:5px 0; background:#e9ecef; color:#2a2a2a; } #content .scrollTitle .boptstep1, #content .scrollTitle .boptstep1ext { position:absolute; top:-38px; left:50%; margin-left:-135px; font-size:1.00rem; color:#ffffff; } #content .scrollTitle .boptstep1ext { margin-left:-170px; } #content .scrollTitle .boptstep2 { position:absolute; padding-left:20px; top:-38px; left:15px; white-space:nowrap; font-size:1.00rem; color:#ffffff; } /* SumoSelect Leistungsvergleich */ #content div[class^='div_xy_tarif_'] select { width:150px; } /* SumoSelect Navigator */ #content .navi_newges select { width:225px; } #content .scrollTitle select { width:141px; } #content .title_ref { background:#cee2f9; } #content .scrollnavi_selgestext { margin:auto 0 auto 20px; font-size:0.85rem; line-height:14px; order:1; /*padding-top:10px; letter-spacing:1px;*/ } #content .scrollnavi_selgestext .formbutton_grey { padding:0 5px !important; } #content .excl { background:url(screen/excl.png) no-repeat; width:21px; height:20px; } .ui-dialog .cntASZ { background:#e9ecef; /*border-radius:4px;*/ padding:10px; } .ui-dialog .cntASZ > div { display:inline-block; } .ui-dialog .cntZ > div > div { display:inline-block; } .ui-dialog .cntASZ > div input { font-size:1.00rem; padding:3px; text-align:right; } .ui-dialog .cntASZ > div { width:145px; vertical-align:top; } .ui-dialog .cntASZ > div > div:first-child { padding-left:10px; display:block; margin-left:0px !important; margin-bottom:10px; } .ui-dialog .cntASZ > div:first-child > div:first-child span { font-family:myFontMedium; font-size:0.85rem; } .ui-dialog .cntASZ > div:first-child input { width:40px; } .ui-dialog .cntASZ > div:first-child > div { margin-left:6px; } .ui-dialog .cntASZ > div:first-child + div { margin:0px 25px; width:240px; } .ui-dialog .cntASZ > div:first-child + div > div:first-child + div { padding-left:3px; } .ui-dialog .cntASZ > div:first-child + div select { width:235px; } .ui-dialog .cntASZ > div:first-child + div + div input { width:27px; } .ui-dialog .cntASZ > div:first-child + div + div > div { margin-left:10px; } .ui-dialog .cntASZ > div:first-child + div + div > div:first-child + div > div:first-child + div { margin:0 10px 10px 10px; } .ui-dialog .cntASZ + div { position:absolute; bottom:10px; margin-left:10px; } /* mini-Navigator*/ .mininav form { height: 85px; clear:both; } .mininav #suchtext { width: 99%; border: none; border-bottom: 1px solid #afafaf; border-radius: 0; margin-bottom: 3px; } /* =============================================================================================================================================================================== -------------------------------------------------------------------->>> :Leistungsvergleich/Historie: <<<------------------------------------------------------------------------------- =============================================================================================================================================================================== */ #content .choose_ges { position:relative; float:left; left:50%; margin-left:-91px; margin-top:3px; display:inline-block; text-align:left; cursor:default; /*border:1px solid #e4e4e4; border-radius:6px;*/ width:180px; } #content .choose_ges select { background:#e9ecef; width:142px; border:none; color:#3b99fc; cursor:pointer; margin:0 4px 2px 3px; font-family:myFontMedium; font-size:0.72rem; } #content .choose_ges select optgroup option:checked { text-align: center; } #content .lv_kurztext { padding:0px 0px 15px 20px; line-height:15px; font-size:0.85rem; } #content .div_xy label>span { padding-top:1px; padding-bottom:1px; } #content .xy_remove, #content .xy_undo { background:url(screen/x-button2.png) no-repeat; background:url(screen/svg/x-button2.svg) no-repeat, none; position:absolute; width:10px; height:10px; top:0px; left:-3px; cursor:pointer; } #content .xy_undo { background:url(screen/undo_zweig.png) no-repeat; background:url(screen/svg/undo_arrow.svg) no-repeat, none; background-size:12px; width:12px; height:12px; } #content .xy_deleted_txt { text-decoration:line-through; color:#a2a2a2; } #content .lv_leistungen .sections > div:not([class=lv_detail_bew_txtline]) .lv_detail_txtline { border-top: 1px solid #dce1e5; } #content .lv_leistungen { font-family:myFontMedium; padding-bottom: 30px; } #content .lv_leistungen .ltcollapse { font-size: .75rem; color: #818181; } #content .lv_leistungen .ltcollapse .lv_thema .float_r { margin-top: -3px; } #content .lv_leistungen .modediff .lv_thema .float_r .lv_tarifdetails, #content .lv_leistungen .modediff .lv_thema .float_r .div_gew { color: #c9c9c9; } #content .lv_leistungen .modediff .lv_thema .float_r .lv_tarifdetails { border-left: 1px solid #d1d1d1; } #content .lv_leistungen .modediff .lv_thema { background: #f5f6f7; color: #cbd2d9; } #content .lv_leistungen .modediff .lv_thema .clapthema { margin-left: 15px; cursor: default !important; } #content .lv_leistungen .modediff .lv_thema .clapthema i.fa, #content .lv_leistungen .modediff .lv_detail_txtline { display: none; } #content .lv_bereiche, #content .lv_bereich, #content .lv_bereiche_popup, #content .lv_betraege, #content .nav_bereiche { position:relative; z-index:2; /*background:#e9ecef; color:#2a2a2a;*/ } #content .lv_bereich, #content .lv_bereiche, #content .lv_bereiche_popup { background: #ffffff; } #content .lv_bereiche, #content .lv_bereiche_popup, #content .lv_betraege { height:30px; margin:20px 0; padding-right: 5px; } #content .lv_betraege { margin-bottom:5px; height:20px; margin-top:3px; background: none;; } #content .nav_bereiche { background: none; overflow:hidden; font-family:myFontMedium; font-size:0.79rem; padding: 4px; } #content #bereiche_fh.nav_bereiche { margin-top:0px; overflow:hidden; /*border-bottom-left-radius:4px; border-bottom-right-radius:4px;*/ } #content .nav_bereiche #fullsect { font-family:myFontMedium; font-size:0.72rem; float:left; margin-left:10px; margin-top:5px; cursor:pointer; } #content .nav_bereiche #fullsect:hover { text-decoration:underline; } #content .lv_bereich, #content .lv_bereich_aktiv, #content .nav_bereich, #content .nav_bereich_aktiv, #content .nav_bereich_fh_aktiv, #content .nav_bereich_fh { float:left; padding:6px 8px; border-right:1px solid #e1e2e3; cursor:pointer; } #content .lv_bereiche, #content .lv_bereiche_popup { font-family:myFontMedium; font-size:0.85rem; height: 29px; border-bottom:5px solid #e9ecef; } #content .lv_bereiche { position:sticky; top: 122px; margin-top: 30px; margin-bottom: 0px; } #content .nav_bereich, #content .nav_bereich_aktiv, #content .nav_bereich_fh_aktiv, #content .nav_bereich_fh { height:24px; line-height:24px; padding:0px 6px; } #content .nav_bereich { color: #9d9d9d; } #content .nav_bereich:hover, #content .nav_bereich_aktiv, #content .nav_bereich_fh:hover, #content .nav_bereich_fh_aktiv, #content .lv_bereich_aktiv { background:#e9ecef; color:#2a2a2a; } #content .nav_boptline { background:#2a2c2a; height:35px; } #content .lv_bereich:hover { cursor:pointer; } #content .lv_bereich_aktiv, #content .nav_bereich_aktiv, #content .nav_bereich_fh_aktiv { cursor:default; } #content .lv_detail_txtline, #content .lv_detail_bew_txtline, #content .lv_kurztexte, #content .lv_doks { position:relative; overflow:hidden; } #content .lv_detail_bew_txtline { height: 40px; } #content .lv_detail_bew_txtline .lv_detail_head { padding-right: 1px; } #content .lv_detail_txtline .lv_leistung { margin-bottom: 25px; } #content .lv_detail_head { position:relative; float:left; height: 30px; /*background: #e9ecef;*/ padding-top: 10px; } #content .lv_detail_head .star_point { color: #a8acaf; } #content .lv_thema, #content .lv_skthema, #content .lv_thema_popup, #content .nav_bereich_shaft, #content .nav_bereich_shaft_aktiv { position:relative; padding:4px; /*margin:15px 0 0;*/ background:#e9ecef; color:#2a2a2a; } #content .lv_thema { margin-top: 2px; } #content .lv_skthema { margin-top:2px; } #content .lv_thema > div:first-child, #content .lv_skthema > div:first-child { position:relative; display: inline-block; } #content .lv_thema .clapthema { cursor: pointer; } #content .nav_bereich_shaft, #content .nav_bereich_shaft_aktiv { padding:3px 10px; font-size: .85rem; color: #9d9d9d; } #content .scrollableArea { position:relative; display:flex; width:20000px !important; } #content #flex_container { position:relative; } #content #flex_container, #content #flex_nav_container { z-index:2; } #content #flex_nav_container table td { height:33px; } #content #flex_container .lv_div_actualise { text-align:right; margin:20px 5px; } /*#content #flex_container #btn_actualise { padding:10px 20px; display:none; }*/ #content .scrollContent { position:relative; float:left; } #content #LeistungenScrollable { width:100%; overflow-x: hidden; } #content .lv_leistung, #content .lv_kurztexte table.lv_leistungkurz, #content .nav_tarife { float:left; } #content .lv_kurztexte { margin: 20px 0px; } #content .lv_kurztexte table.lv_leistungkurz tbody tr:first-child td { padding-top: 10px; } #content table.lv_leistungkurz { border-spacing:0; } #content .lv_kurztexte_header, #content .show_lv_doks { background:#e9ecef; padding:2px; padding-left:5px; } #content .lv_kurztexte_header { border-bottom: 1px solid #dce1e5; } #content .show_lv_doks { margin-top: 10px; color:#3b99fc; cursor:pointer; } #content .lv_doks { position: relative; margin-bottom: 50px; border-top: 1px solid #dce1e5; } #content .lv_doks .scrollContent { padding-top: 10px; } #content .lv_doks .scrollContent > div { margin-left: 10px; font-size: .79rem } #content .lv_doks .scrollContent > div > div { line-height: 18px; } #content .lv_doks .scrollContent > div > div a { color: #617f9f !important; display: inline-flex; } #content .lv_doks .scrollContent > div > div a i { line-height: 16px; font-size: .75rem; } #content .lv_doks .scrollContent > div > div a:hover { text-decoration: underline !important; } #content .lv_leistungstext { position:relative; padding:0px 10px 0px 15px; word-wrap:break-word; font-size:0.93rem; margin-top: 7px; } #content .lv_leistungstext_details { margin:8px 0; border-top:1px solid #b9b9b9; padding-top:10px; text-align:left; display: none; } #content .lv_leistungstext_popup { padding:0px 10px 0px 15px; } #content .lv_fil_bew_div { position:relative; height:20px; width:160px; } #content .lv_bew { position:absolute; left:0px; min-width:90px; color:#773b55; font-family:myFontMedium; font-size:0.65rem; } #content .lv_fil { position:absolute; right:0px; color:grey; font-family:myFontMedium; font-size:0.65rem; } #content .lv_ff_top_txt, #content .lv_ff_okay_txt, #content .lv_ff_flop_txt { float:left; padding-left:17px; width:30px; height:15px; white-space:nowrap; text-align:left; line-height:15px; } #content .lv_ff_top_txt { background:url(screen/ff_top.png) no-repeat; background:url(screen/svg/ff_top.svg) no-repeat, none; color:#288937; } #content .lv_ff_okay_txt { background:url(screen/ff_okay.png) no-repeat; background:url(screen/svg/ff_okay.svg) no-repeat, none; color:#eba42a; } #content .lv_ff_flop_txt { background:url(screen/ff_flop.png) no-repeat; background:url(screen/svg/ff_flop.svg) no-repeat, none; color:#bf2025; } #content .lv_aufklappbar { float:right; margin-left:5px; margin-right:20px; font-family:myFontMedium; font-size:0.79rem; cursor:help; } #content .lv_aufklappbar { margin-top: 7px; cursor: pointer; margin-right: 0px; } #content .lv_kurz_popup { position:relative; left:50%; margin-left:-200px; width:400px; } #content .lv_tarifdetails { float:right; padding-left:12px; height:18px; white-space:nowrap; text-align:left; cursor:pointer; margin-top:2px; margin-right:20px; font-size:0.75rem; width:47px; border-left:1px solid #a5a5a5; color:#818181; } #content .lv_tarifdetails i.fa { vertical-align: middle; } #content .verl_logo { text-align:center } #content .verl_fixedtitle_logo { position:absolute; top:0px; left:50%; margin-left:-100px; text-align:center } #content .verl_moredetails { float:right; /*right:5px;*/ top:-5px; } #content .bh_cube { height:11px; width:11px; } #content .cnt_sk .lv_leistungstext { text-align:center; } #content .lv_sktop, #content .lv_skmiddle, #content .lv_skflop, #content .lv_aftersktop, #content .lv_afterskmiddle, #content .lv_afterskflop { background:url(screen/sk1.png) no-repeat; background:url(screen/svg/sk1.svg) no-repeat, none; background-size:16px; width:17px; height:17px; display:inline-block; margin-top:3px; cursor:pointer; } #content .lv_sktop + br + span, #content .lv_skmiddle + br + span, #content .lv_skflop + br + span, #content .lv_aftersktop + br + span, #content .lv_afterskmiddle + br + span, #content .lv_afterskflop + br + span { cursor:pointer; } #content .lv_skmiddle, #content .lv_afterskmiddle { background:url(screen/sk0.png) no-repeat; background:url(screen/svg/sk0.svg) no-repeat, none; background-size:16px; } #content .lv_skflop, #content .lv_afterskflop { background:url(screen/sk2.png) no-repeat; background:url(screen/svg/sk2.svg) no-repeat, none; background-size:14px; } #content .lv_aftersktop:after, #content .lv_afterskmiddle:after, #content .lv_afterskflop:after { content:"(!)"; position:absolute; margin-left:12px; } #content .lv_u_sktop, #content .lv_u_skmiddle, #content .lv_u_skflop { background:#09cc1b; height:2px; border-radius:2px; } #content .lv_u_skmiddle { background:#dd9007; } #content .lv_u_skflop { background:#c40c23; } #content table.lv_ptmntlleist { position:relative; width:180px; left:50%; margin-left:-90px; } #content table.lv_ptmntlleist tbody tr td:first-child, #content table.lv_ptmntlleist tbody tr:first-child td { font-weight:bold; } #content table.lv_ptmntlleist tbody tr td { border:none; } #content table.lv_ptmntlleist tbody tr:last-child td { border-bottom:none; } /* =============================================================================================================================================================================== ------------------------------------------------------------------------>>> :Drucken/Senden: <<<------------------------------------------------------------------------------- =============================================================================================================================================================================== */ #content .dbr { border-right: 3px solid #e9ecef; padding-right: 10px; } #content .ds_docbox, #content .ds_docbox_arv, #content .archiv_box, #content .allg_wrzbrgr, #content .allg_eks { position:relative; margin-bottom:20px; /*background:#e9ecef;*/ /*border:1px solid #dee0e4; box-shadow:0px 2px 3px rgba(0, 0, 0, 0.3); background:#dee0e4; background:-moz-linear-gradient(top, #dee0e4, #ebebeb 90%); background:-webkit-gradient(linear, center top, center bottom, from(#dee0e4), to(#ebebeb)); background:-webkit-linear-gradient(top, #dee0e4, color-stop(0.9, #ebebeb)); background:-o-linear-gradient(top, #dee0e4, #ebebeb 90%); background:-ms-linear-gradient(top, #dee0e4, #ebebeb 90%); -ms-filter:"progid:DXImageTransform.Microsoft.gradient(GradientType=0, startColorStr='#dee0e4', EndColorStr='#ebebeb')"; filter:progid:DXImageTransform.Microsoft.gradient(GradientType=0, startColorstr='#dee0e4', endColorstr='#ebebeb');*/ } #content .ds_docbox, #content .ds_docbox_arv, #content .archiv_box { float:left; display:inline-block; width:100%; min-height:520px; } #box_ausgangskorb.ds_docbox { border-right: none; } #box_ausgangskorb .btnbar1, #box_ausgangskorb .btnbar2 { display: inline-block; height: 45px; } #box_ausgangskorb .btnbar1 { height: 38px; /*margin-left: 5px;*/ } #box_ausgangskorb .akorbempty { margin-left: 0px !important; margin-top: 3px; } #content .ds_docbox .ovrly_head, #content .ds_docbox_arv .ovrly_head, #content .archiv_box .ovrly_head { position:relative; height:20px; z-index:1; background:#dee0e4; } #content .ds_docbox .ovrly_shdw, #content .ds_docbox_arv .ovrly_shdw, #content .archiv_box .ovrly_shdw, #content .ds_docbox .ovrly_shdwbtm, #content .ds_docbox_arv .ovrly_shdwbtm, #content .archiv_box .ovrly_shdwbtm { position:absolute; background:#dfe1e4; border-radius:20%; width:99%; height:20px; box-shadow:0px 3px 6px #b9b9b9; left:2px; top:0px; z-Index:0; display:none; } #content .ds_docbox .ovrly_shdwbtm, #content .ds_docbox_arv .ovrly_shdwbtm, #content .archiv_box .ovrly_shdwbtm { background:#f4f7fc; box-shadow:0px -3px 6px #b9b9b9; bottom:0px; height:33px; top:initial; } #content .archiv_box .ovrly_head, #content .archiv_box .ovrly_shdw { height:30px; } #content .archiv_box .ovrly_shdwbtm { height:24px; } #content .ds_docbox form, #content .ds_docbox_arv form, #content .archiv_box form { position:relative; } /* #content .ds_docbox .ds_bar .formbutton_grey, #content #druck_eigen .ds_bar .formbutton_grey, #content .ds_docbox .btnbar1 .formbutton_grey, #content .ds_docbox .btnbar2 .formbutton_grey { background: none; } */ #content .ds_docbox_arv { display:none; } #content .archiv_box { width:700px; margin:10px 0 0 70px; } #content .ds_docboxhead, #content .goto_main { background:#eee; height:27px; font-family:myFontMedium; font-size:0.85rem; margin-bottom: 12px; } #content .goto_main { background: none; border-bottom: 1px solid #e9ecef; font-size: 1.1rem; } #content .archiv_head { color:#788398; font-size:1.15rem; padding-left:30px; line-height:27px; background:url(screen/archiv.png) no-repeat 5px 2px #dee0e4; background:url(screen/svg/archiv.svg) no-repeat 5px 2px #dee0e4; } #content .ds_docbox_body { position:relative; min-height:451px; } #content .ds_docbox_body a { color: inherit; } #content .ds_docbox_body a:hover { text-decoration: underline !important; } #content .ds_docbox_body table.tbl_otherprintbox tbody tr td { padding: 0px 3px; border-bottom: 0px; } #content .ds_docbox_body table.tbl_otherprintbox tbody td:first-child { width: 20px; padding-left: 5px; } #content .ds_docbox_foot { position:relative; height:30px; z-index:1; padding-top:14px; } #content .ds_docbox_section { background:initial; height:20px; } #content .ds_docbox_section span { font-size: .8rem; } #content #druck_vvg .vvgheader { position: relative; margin-left: 5px; font-size: .85rem; height: 40px; margin-top: 2px; } #content #druck_vvg .vvgheader .compressdiv { float: right; margin-right: 20px; margin-top: 5px; font-size: .75rem; z-index: 1; } #content #druck_vvg .vvgheader .dsvvgwd, #content #druck_vvg .vvgheader .vpboxdsvvgwd { position:absolute; right: 0px; top: -38px; } #content #formular_vvg .ds_docbox_section { background: #eaeaea; } #content #formular_vvg tr.ds_docbox_section td { padding: 3px 10px; font-size: 16px; } #content #formular_vvg .divvvghint { margin-top: 20px; color:red; } #content #druck_eigen { position: relative; } #content .ds_bar { margin-top: 3px; margin-bottom:24px; height: 46px; } #content .ds_adddoks { height: 37px; } #content .ds_docbox_vvg_ges { position: relative; height:40px; padding-left:9px; } #content .ds_docbox_vvg_ges select { width:370px; } #content input[type=radio] { margin-top:3px; } /*#content .allg_wrzbrgr, #content .allg_eks { width:400px; }*/ #content .allg_wrzbrgr .wrzlinks { margin-top:20px; line-height:22px; } #content .allg_wrzbrgr .wrzlinks a:hover { text-decoration:underline !important; } #content .allg_wrzbrgr input[type=text] { width:48px; text-align:right; padding-right:3px; color:#9e9e9e; } #content .allg_wrzbrgr .formbutton_grey { margin-top:15px; font-size:1.15rem !important; font-family:myFontSemibold; padding:5px; width:97%; height:35px; } #content .allg_wrzbrgr .sectblock2 { padding:15px 0px 20px 35px; } #content .allg_eks .sectblock2 { padding:15px 20px 20px 20px; text-align:justify; } #content .allg_wrzbrgr .sectblock2 > div, #content .allg_eks .sectblock2 > div { display:inline-block; } #content .allg_wrzbrgr .sectblock2 > div:first-child, #content .allg_eks .sectblock2 > div:first-child { margin-right:30px; } #content .allg_wrzbrgr .sectblock2 > div:first-child input, #content .allg_eks .sectblock2 > div:first-child input { width:52px; } #content .ds_erzg_datum { font-family:myFontMedium; font-size:0.79rem; color:#9599ac; white-space:nowrap; } #content .ds_no_docs, #content .ds_no_eigendoks { position:static; margin-top:220px; font-size:1.00rem; text-align:center; /*color:#a1a0b2;*/ } #content .ds_no_eigendoks { position:absolute; margin-left:40px; } #content .ds_zip { background:url(screen/zip_15x15.png) no-repeat; background:url(screen/svg/zip_15x15.svg) no-repeat, none; background-position:center right; padding-right:20px; padding-top:2px; border:none; } #content .ds_anschreiben, #content .ds_dokumentation { float:left; height:20px; line-height: 20px; cursor:pointer; font-family:myFontMedium; font-size:0.72rem; color:#3b99fc; padding-left:22px; border:none; } #content .doc_rename { position:absolute; right: 0px; top: 10px; cursor:pointer; width: 14px; height: 17px; } #content .doc_rename i { font-size: .75rem; padding-left: 5px; margin-top: -3px; } #content .doc_rename i.fa-light:hover { font-weight: 500; } #content .ds_docbox_body .vvgwsdiv { display: inline; margin-left: 30px; font-weight: normal; font-size: 14px; } #content .vmedit, #content .vmedit2 { position:absolute; cursor:pointer; right:12px; top:15px; width:80px; font-size:0.85rem; z-index:1; } #content .vmedit2 { left:270px; top:18px; } .btn_backtomvp { /*background:#991f30; color:#ffffff; */ font-style:italic; /*border-bottom:2px dotted #fff;*/ background:#991f30 !important; color:#ffffff !important; } #content .goto_ausgangskorb, #content .goto_archiv, #content .noarchiv { padding: 5px; float: left; } #content .goto_link { padding-top: 5px; padding-left: 5px; } #content .goto_archiv, #content .noarchiv { float: right; cursor: pointer; } #content .goto_archiv i, #content .noarchiv i { font-size: 1rem; } #content .noarchiv { cursor: default; color: #eee; } #form_mail #mail_password { margin-bottom:3px; } #content .bp_textarea_big, #content .bp_textarea_small, #content .bp_textarea_std { width: 98%; height: 150px; overflow: auto; } #content .bp_textarea_big { height: 300px; } #content .bp_textarea_small { height: 80px; } #content .navwarning { position:relative; bottom:0px; width:99.5%; height:67px; text-align:center; border:1px solid #a1a0b2; color:#a1a0b2; font-family:myFontMedium; font-size:0.85rem; } #content .navwarning > div { background:#a1a0b2; color:#ffffff; font-size:1.30rem; margin-bottom:3px; letter-spacing:3px; } #vplist hr { margin:5px 5px 10px 5px; border-color:#b2bccf; } #content .doksbtn { position:relative; padding:3px; } #content .doksbtn a { color:#4f6f98; font-family:myFontMedium; font-size:0.72rem; display:inline-block; padding:15px 10px; white-space:nowrap; border:1px solid #c0cbda; border-radius:6px;} #content .doksbtn a > span { background:url(screen/pdf_15x15.png) no-repeat; background:url(screen/svg/pdf_15x15.svg) no-repeat, none; width:100%; height:15px; padding-left:21px; display:inline-block; line-height:18px; } #content .doksbtn a:hover { background:#4584c0; color:#ffffff; } .secthead { position:relative; border-bottom:2px solid #6b6969; width:95%; margin-top:3px; } .sectopener, .sectopener2 { /*background:url(screen/pfeil_kreis.png) no-repeat; background:url(screen/svg/pfeil_kreis.svg) no-repeat, none; background-size:24px;*/ width:24px; height:24px; position:absolute; right:-26px; bottom:-14px; cursor:pointer; -moz-transition:625ms ease-in-out; -webkit-transition:625ms ease-in-out; -ms-transition:625ms ease-in-out; -o-transition:625ms ease-in-out; transition:625ms ease-in-out; } .secthead2 { position:relative; } .secttitle2 { position:relative; background:#e9ecef; cursor:pointer; padding:12px 0 10px 35px; color:#252525; font-family:myFontMedium; font-size:1.00rem; } .secttitle2 .sectopener2 { background-size:20px; width:20px; height:20px; left:8px; top:50%; margin-top:-10px; } .secttitle2 span { display:inline-block; vertical-align:middle; } .sectblock, .sectblock2 { display:none; padding:15px 1px 20px 5px; } #content .antr_bef { width: 285px; } #content .antr_bef > label { vertical-align: text-bottom; } #content .antr_bef > label > span > span { color:#9599ac; font-size: .75rem; } #content .divselvp, #content .divselvp_vb { display: inline-block; height: 35px; margin-top: 5px; margin-left: 11px; } #content .divselvp_vb { height: 30px; margin-top: 5px; margin-right: 15px; margin-left: 0px; } #content .divselvp > span { font-size: .75rem; vertical-align: text-top; } #content .divselvp > div, #content .divselvp_vb > div { margin-left: 3px; } #content .divselvp #selvp { width: 350px; } #content .divselvp_vb #selvp_vb { width: 350px; } #content #formular_anschreiben { width: 97%; max-width: 1000px; margin-left: 10px; } #content #formular_anschreiben .anschr_title .anschr_controler { display: inline-block; margin-left: 30px; } #content #formular_anschreiben .anschr_title .anschr_controler #uebernehmen { margin-right: 5px; } #content #formular_anschreiben .anschr_title table thead tr th { padding: 5px; } #content #formular_anschreiben .anschr_title table tbody tr t { padding: 3px 4px; } #content #formular_anschreiben .anschr_msgsave { display: none; } #content #formular_anschreiben .anschr_msgsave #reset { display: none; } /* =============================================================================================================================================================================== ----------------------------------------------------------------------->>> :Footer: <<<---------------------------------------------------------------------------------------- =============================================================================================================================================================================== */ #foth_menu { height:80px; margin:50px 0 0 0; font-family:myFontMedium; font-size:0.85rem; min-width: 800px; } #foth_menu .flex1 { margin-left:220px; min-height:42px; } #foth_menu .flex2 { text-align:right; } #foth_menu a { color:inherit; } #foth_menu .myvast_logo, #foth_menu .os_logo, #foth_menu .psp_logo, #foth_menu .fso_logo, #foth_menu .eks_logo { width:60px; height:36px; float:left; cursor:pointer; margin:20px 0 0 92px; padding:10px 0 0 40px; white-space:nowrap; text-align:left; opacity:.75 } #foth_menu .myvast_logo:hover, #foth_menu .os_logo:hover, #foth_menu .psp_logo:hover, #foth_menu .fso_logo:hover, #foth_menu .eks_logo:hover { opacity:1 } #foth_menu .myvast_logo { background:url(screen/myvast_sw.png) no-repeat; background:url(screen/svg/myvast_sw.svg) no-repeat, none; } #foth_menu .myvast_logo:hover { background:url(screen/myvast.png) no-repeat; background:url(screen/svg/myvast.svg) no-repeat, none; } #foth_menu .os_logo { background:url(screen/os_sw.png) no-repeat; background:url(screen/svg/os_sw.svg) no-repeat, none; } #foth_menu .os_logo:hover { background:url(screen/os.png) no-repeat; background:url(screen/svg/os.svg) no-repeat, none; } #foth_menu .psp_logo { background:url(screen/psp_off_sw.png) no-repeat; background:url(screen/svg/psp_off_sw.svg) no-repeat, none; } #foth_menu .psp_logo:hover { background:url(screen/psp_off.png) no-repeat; background:url(screen/svg/psp_off.svg) no-repeat, none; } #foth_menu .fso_logo { background:url(screen/fso_sw.png) no-repeat; background:url(screen/svg/fso_sw.svg) no-repeat, none; } #foth_menu .fso_logo:hover { background:url(screen/fso.png) no-repeat; background:url(screen/svg/fso.svg) no-repeat, none; } #foth_menu .eks_logo { background:url(screen/eks_sw.png) no-repeat; background:url(screen/svg/eks_sw.svg) no-repeat, none; } #foth_menu .eks_logo:hover { background:url(screen/eks.png) no-repeat; background:url(screen/svg/eks.svg) no-repeat, none; } .tmplLink #foth_menu { margin-top: 12px; } /* ========================================================================================================================================================================================= -------------------------------------------------------------------->>> :Allgemein: <<<---------------------------------------------------------------------------------- ========================================================================================================================================================================================= */ #content .cntdg { position: relative; min-width: 35px; display: inline-block; font-size: .72rem; margin-right: 5px; } #content .cntdg > span { font-size: .72rem; } .rt180 { -ms-transform: rotate(180deg); -moz-transform: rotate(180deg); -webkit-transform: rotate(180deg); -o-transform: rotate(180deg); transform: rotate(180deg); } /* ========================================================================================================================================================================================= -------------------------------------------------------------->>> :Manipulation der SumoSelectBox: <<<------------------------------------------------------------------------------ ========================================================================================================================================================================================= */ .SumoSelect { text-align:left; font-size:0.85rem; color:#000000; } .SumoSelect > .CaptionCont { border:1px solid #aeb4b9; } .SumoSelect > .CaptionCont, .SumoSelect > .CaptionCont > span, .SumoSelect > .CaptionCont > label { cursor:pointer; } .SumoSelect.disabled > .CaptionCont, .SumoSelect.disabled > .CaptionCont > span, .SumoSelect.disabled > .CaptionCont > label { cursor:not-allowed; } .SumoSelect > .SelectBox { padding:2px 2px 1px 2px; } .SumoSelect .select-all { box-shadow:0 1px 10px #d6d6d6; padding-top:0px; height:auto !important; } .SumoSelect .select-all > label { padding-top: 3px; color: #4d4d4d; } .SumoSelect.open > .optWrapper { display:initial; top:0px; border:1px solid #c1c1c1; box-shadow:0px 3px 6px rgba(0, 0, 0, 0.22); visibility:visible; opacity:1; /*max-height:250px;*/ } .SumoSelect.open > .optWrapper.up { top: auto; margin-bottom: -20px; } .SumoSelect > .optWrapper > .options { font-size:0.85rem; max-height:600px; } .SumoSelect > .optWrapper > .options li span { cursor:pointer; } .SumoSelect > .optWrapper > .options li label { margin-bottom:0px; vertical-align:inherit; min-height:12px; } .SumoSelect > .optWrapper > .options li.opt { cursor:pointer; } .SumoSelect > .optWrapper > .options li ul li.opt { padding-left: 6px !important; } .SumoSelect > .optWrapper > .options li.group > label { font-family:myFontSemibold; } .SumoSelect > .optWrapper.multiple > .options li.opt.selected span i { background-color:rgb(28, 163, 228); } .SumoSelect > .optWrapper > .options li.opt.selected { background-color:#eaebef; color:#2a2a2a; } .SumoSelect > .optWrapper > .options li.opt.selected > label { cursor:default; } .SumoSelect > .optWrapper > .options li.opt.selected { cursor:default; } .SumoSelect > .optWrapper.multiple > .options li.opt.selected, .SumoSelect > .optWrapper.multiple > .options li.opt.selected > label { cursor:pointer; } .SumoSelect .select-all.selected > span i { background-color:rgb(31, 136, 226); } .SumoSelect .select-all.partial > span i{ background-color:#ccc !important; } .SumoSelect > .CaptionCont > span { padding-right:13px; line-height:1; padding-bottom:1px; } .SumoSelect > .CaptionCont > label { width:18px; } .SumoSelect.open .search-txt { color:#0e70c3; } .SumoSelect .no-match { color:#b1b1b1; font-style:italic; } .sumoStopScroll{ height:100%; overflow:hidden; } #content .erfassung_box_content .SumoSelect > .optWrapper > .options li.group { margin-top:20px; } #content .erfassung_box_content .SumoSelect > .optWrapper > .options li.group > label { background:#eceeef; box-shadow:0 2px 3px #d2d2d2; padding:4px 0px 4px 3px; } .ui-dialog .cntASZ .SumoSelect > .CaptionCont { font-size:1.00rem; padding:4px 0 4px 6px; } #linkdialog { right: 338px !important; top: 120px !important; left: inherit !important; } #linkdialog #linktosend { width: 360px; } #linkdialog .divlinktosend { position: relative; width: 364px; margin: 5px 0px 20px 0px; } #linkdialog .divlinktosend input:first-child { position: absolute; left: 0px; } #linkdialog .divlinktosend input:last-child { position: absolute; right: 0px; } .sumo_save_window_vermittler_id.open > .optWrapper, .sumo_save_window_vermittler_id.open > .optWrapper > ul { max-height: 240px; } .sumo_save_window_sichtbar_fuer.open > .optWrapper, .sumo_save_window_sichtbar_fuer.open > .optWrapper > ul { max-height: 175px; } /* ========================================================================================================================================================================================= ------------------------------------------------------------------>>> :jQuery-Dialog-Manipulationen: <<<-------------------------------------------------------------------------------- ========================================================================================================================================================================================= */ .ui-dialog { border-radius: 10px; box-shadow: 0px 0px 7px #818181; padding-bottom: 10px; } .ui-dialog-titlebar { background:#fff; } .ui-dialog textarea#from_pn { width:532px; height:82px; } .ui-dialog .ui-dialog-buttonset .hint { float:left; margin:5px 0 0 10px; font-weight:bold; font-size:0.72rem; color:#991f30; text-align:left;} .ui-dialog .ui-dialog-buttonset .ui-button { border-radius:4px; background:#f4f7fc; color:#2a2c2a; } .ui-dialog .ui-dialog-buttonset .ui-button:not(:disabled):hover, .ui-dialog .ui-dialog-buttonset .ui-button.ui-state-focus:hover { background:#3b99fc !important; color:#ffffff !important; } .ui-dialog .ui-dialog-buttonset .ui-button.ui-state-focus { background:#373937; color:#ffffff; border:1px solid #dddddd !important; } .ui-dialog .ui-dialog-buttonset .ui-button-text-only .ui-button-text { padding: .6em 1em; } .ui-dialog .ui-dialog-buttonpane button { margin-right: .2em; } .ui-dialog div.bydemo { font-size:1.00rem; } .ui-dialog div.bydemo a { font-family:myFontSemibold; color:#3b99fc; } .ui-dialog #formular_vm { position:relative; padding:0 20px 0 25px; } .ui-dialog #formular_vm .apnrdiv { position:relative; float:right; margin-right:20px; } .ui-dialog #formular_vm .apnrdiv input[name=vm_apnr] { width:85px; font-size:1.00rem; letter-spacing:2px; text-align:center; font-weight:bold; padding-top:0px !important; } .ui-dialog .offlmode .offlpic { background:url(screen/pspoff_layout.jpg) no-repeat; background-size:400px; width:400px; height:200px; margin:20px 0 20px 0; } .ui-dialog .offlmode .onlpic { background:url(screen/psp_layout.jpg) no-repeat; background-size:400px; width:400px; height:200px; margin:10px 0 30px 0; } .ui-dialog .offlmode span:last-child { font-size:1.00rem; } .ui-dialog .dialogesigntxt { color:#ee9900; /*line-height: 18px;*/ margin-left: 40px; } .ui-dialog .dialogesigntxt i { margin-top: -3px; } .ui-widget-header { border:none; } /* ========================================================================================================================================================================================= ---------------------------------------------------------------->>> :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: 1.3rem; font-weight: bold; margin-bottom: 5px; } .ui-tooltip .tipcontent { font-size: 1rem; overflow-y: auto; max-height: 582px; } .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; } /* Toolip-Submenu */ .tt_menu_icon { border-radius:4px; background:#dee0e4; color:#2a2a2a; cursor:pointer; font-size:0.85rem; padding:2px 9px; } .tt_menu_icon.nobutton { background:transparent; color:#2a2a2a; cursor:pointer; font-size:0.70rem; } .tt_menu_icon i.fa-file-pdf { /*color:inherit;*/ margin-left:inherit; margin-right:inherit; } .tt_menu_item { cursor:pointer; padding:0 5px; color:#3b99fc; } .tt_menu_item:hover { background:#e9ecef !important; } /* =============================================================================================================================================================================== ----------------------------------------------------------------------->>> :Ladebalken: <<<-------------------------------------------------------------------------------------- =============================================================================================================================================================================== */ .constr_loader { padding:10px; } .constr_loader #warningGradientOuterBarG { margin-top:10px; box-shadow:0px 3px 6px #926C98; height:6px; width:350px; border-radius:10px; overflow:hidden; background-color:#f4c8fc; } .constr_loader .warningGradientBarLineG{ background-color:#ffffff; float:left; width:35px; height:300px; margin-right:60px; margin-top:-70px; -moz-transform:rotate(30deg); -webkit-transform:rotate(30deg); -ms-transform:rotate(30deg); -o-transform:rotate(30deg); transform:rotate(30deg); } .constr_loader .warningGradientAnimationG{ width:500px; -moz-animation-name:warningGradientAnimationG; -moz-animation-duration:1s; -moz-animation-iteration-count:infinite; -moz-animation-timing-function:linear; -webkit-animation-name:warningGradientAnimationG; -webkit-animation-duration:1s; -webkit-animation-iteration-count:infinite; -webkit-animation-timing-function:linear; -ms-animation-name:warningGradientAnimationG; -ms-animation-duration:1s; -ms-animation-iteration-count:infinite; -ms-animation-timing-function:linear; -o-animation-name:warningGradientAnimationG; -o-animation-duration:1s; -o-animation-iteration-count:infinite; -o-animation-timing-function:linear; animation-name:warningGradientAnimationG; animation-duration:1s; animation-iteration-count:infinite; animation-timing-function:linear; } .constr_loader #warningGradientFrontBarG{ } @-moz-keyframes warningGradientAnimationG{ 0%{ margin-left:-95px; } 100%{ margin-left:0px; } } @-webkit-keyframes warningGradientAnimationG{ 0%{ margin-left:-95px; } 100%{ margin-left:0px; } } @-ms-keyframes warningGradientAnimationG{ 0%{ margin-left:-95px; } 100%{ margin-left:0px; } } @-o-keyframes warningGradientAnimationG{ 0%{ margin-left:-95px; } 100%{ margin-left:0px; } } @keyframes warningGradientAnimationG{ 0%{ margin-left:-95px; } 100%{ margin-left:0px; } } /* =============================================================================================================================================================================== ----------------------------------------------------------------------->>> :Ladevorgang: <<<-------------------------------------------------------------------------------------- =============================================================================================================================================================================== */ /*** Bar ***/ .load-bar { position:relative; width:100%; height:2px; background-color:#b12c94; } .lbar { content:""; display:inline; position:absolute; width:0; height:100%; left:50%; text-align:center; } .lbar:nth-child(1) { background-color:#3892e3; animation:loading 3s linear infinite; } .lbar:nth-child(2) { background-color:#808080; animation:loading 3s linear 1s infinite; } .lbar:nth-child(3) { background-color:#b12c94; animation:loading 3s linear 2s infinite; } /*** Bar2 ***/ .load-bar2 { position:relative; width:100%; height:2px; background-color:#90c5fd; } .lbar2 { content:""; display:inline; position:absolute; width:0; height:100%; left:0; background-color:#0f7fe5; animation:loading2 1s linear 1s infinite; } @keyframes loading { from {left:50%; width:0; z-index:100;} 33.3333% {left:0; width:100%; z-index:10;} to {left:0; width:100%;} } @keyframes loading2 { from {left:0; width:0; z-index:100;} to {left:0; width:100%;} } /*** Dotblinking ***/ @keyframes blinky { /** * At the start of the animation the dot * has an opacity of .2 */ 0% { opacity:.2; } /** * At 20% the dot is fully visible and * then fades out slowly */ 20% { opacity:1; } /** * Until it reaches an opacity of .2 and * the animation can start again */ 100% { opacity:.2; } } .dotblink { position:relative; } .dotblink > span { position:absolute; left:50%; top:5px; margin-left:-12px; } .dotblink > span span { background:url(screen/bew_act.png) no-repeat; background-size:6px; padding-left:9px; animation-name:blinky; animation-duration:1.4s; animation-iteration-count:infinite; } .dotblink > span span:nth-child(2) { animation-delay:.2s; } .dotblink > span span:nth-child(3) { animation-delay:.4s; } .ccldr { content:"icon"; text-indent:-9999em; position:absolute; background:url(screen/svg/loader_doublering.svg) no-repeat, none; width: 20px; background-size: 20px; height: 20px; display:none; } #content .lv_thema .lldr:after, #content .lv_skthema .lldr:after { content:"lädt..."; position:absolute; right: -34px; top: 3px; color: #afafaf; font-size: .75rem; font-style: italic; } /* =============================================================================================================================================================================== ----------------------------------------------------------------------->>> :iOS Checkbox Style: <<<---------------------------------------------------------------------------- =============================================================================================================================================================================== */ .ioscontainer, .ioscontainer > div { display: inline-block; vertical-align: middle; } .ioscontainer label { line-height: 22px; clear: both; } .ios-checkbox-wrap { display: inline-block; margin-right: 3px; } .ios-ui-select { background: #dddddd; border: none; height: 21px; background: #dddddd; -webkit-border-radius: 18px; border-radius: 18px; width: 35px; -webkit-transition: all 0.3s ease-in-out; -moz-transition: all 0.3s ease-in-out; -ms-transition: all 0.3s ease-in-out; -o-transition: all 0.3s ease-in-out; transition: all 0.3s ease-in-out; -webkit-box-shadow: none; box-shadow: none; cursor: pointer; position: relative; display: inline-block; } .ios-ui-select.checked { -webkit-box-shadow: inset 0 0 0 36px #3b99fc; box-shadow: inset 0 0 0 36px #3b99fc; } .ios-ui-select.checked .inner { left: 17px; } .ios-ui-select .inner { width: 15px; height: 15px; position: absolute; top: 3px; left: 3px; -webkit-border-radius: 100%; border-radius: 100%; background: white; -webkit-transition: all 350ms cubic-bezier(0, 0.89, 0.44, 1); -moz-transition: all 350ms cubic-bezier(0, 0.89, 0.44, 1); -o-transition: all 350ms cubic-bezier(0, 0.89, 0.44, 1); transition: all 350ms cubic-bezier(0, 0.89, 0.44, 1); -webkit-box-shadow: 0 1px 2px 0 rgba(0, 0, 0, 0.2), 0 3px 4px 0 rgba(0, 0, 0, 0.1); box-shadow: 0 1px 2px 0 rgba(0, 0, 0, 0.2), 0 3px 4px 0 rgba(0, 0, 0, 0.1); } /* =============================================================================================================================================================================== ---------------------------------------------------------------------->>> :Textline Placeholder: <<<--------------------------------------------------------------------------- =============================================================================================================================================================================== */ .skloading { margin-bottom: 20px; } .stitle { margin-bottom: 55px; } .skloading-wrapper { background: #fff; border: 1px solid; border-color: #ecedef #eff1fb #dcdde1; border-radius: 4px; -webkit-border-radius: 4px; margin: 10px 15px; } .swtitle { border: none; } .skloading-wrapper-inner { height: 130px; padding: 15px; position: relative; } .swititle { height: 10px !important; } .skloading-wrapper-body div { -webkit-animation-duration: 1s; -webkit-animation-fill-mode: forwards; -webkit-animation-iteration-count: infinite; -webkit-animation-name: placeholderskloading; -webkit-animation-timing-function: linear; background: #d6dde5 linear-gradient(to right, #d6dde5 0%, #d6dde5 20%, #e6ebf0 40%, #d6dde5 100%) no-repeat; background-size: 800px 104px; height: 104px; position: relative; } .skloading-wrapper-body { -webkit-animation-name: skloadingAnimate; background-image: linear-gradient(135deg, red 0%, orange 15%, yellow 30%, green 45%, blue 60%,indigo 75%, violet 80%, red 100%); background-repeat: repeat; background-size: 50% auto; } .skloading-wrapper-body div { position: absolute; right: 15px; left: 15px; top: 15px; } div.skloading-title { top: 10px; left: 0; height: 20px; width: 100%; } div.skloading-author { top: 20px; height: 13px; width: 40%; } div.skloading-label { top: 41px; height: 10px; width: 50%; } div.skloading-content-1, div.skloading-content-2, div.skloading-content-3 { left: 15px; right: 15px; height: 12px; } div.skloading-content-1 { top: 85px; width: 90%; } div.skloading-content-2 { top: 105px; width: 90%; } div.skloading-content-3 { top: 125px; width: 87%; } @-webkit-keyframes placeholderskloading { 0% { background-position: -468px 0; } 100% { background-position: 468px 0; } } @-webkit-keyframes skloadingAnimate { from { background-position: top left; } to { background-position: top right; } } .loadingtxt span.lstopp:after { -webkit-animation: auto !important; animation: auto !important; } /* =============================================================================================================================================================================== ----------------------------------------------------------------------->>> :Bestellvorgang: <<<-------------------------------------------------------------------------------- =============================================================================================================================================================================== */ .tmplBody, .tmplBodyInt { font-family: myFontMediumNew,Helvetica,Verdana,Tahoma,Trebuchet MS,Arial,sans-serif; background: #121628 !important;; min-height: 100%; min-width: 100%; } .tmplBodyInt { font-family: Helvetica,Verdana,Tahoma,Trebuchet MS,Arial,sans-serif; } .tmplBody b { font-weight: inherit; font-family: myFontBoldNew; } .tmplBody .ui-widget { font-family: myFontMediumNew; } .tmplBody .verifybox .bb_title { font-family:myFontLightNew; color:#161b2f; font-size: 1.685rem; position:relative; border-bottom: 1px solid #161b2f; clear: both; padding-bottom: 3px; margin-bottom: 10px; } .tmplLoginBG { position: absolute; width: 100%; height: 100%; object-fit: cover; } .tmplHeader, .tmplHeaderLiz { position: relative; height: 80px; background: #121628; /*rgba(26,31,53,0.6);*/ color: #fff; font-size: 1.4rem; } .tmplHeaderLiz { background: #161b2f; } .tmplHeaderContent { margin: 0 auto; padding-top: 7px; width: 60%; max-width: 1280px; } .tmplHeaderContentLiz { margin: 0 auto; padding-top: 7px; } .tmplLogo { background: url(screen/pspsoftware_white_100.svg) no-repeat; background-size: 60px; background-position-y: center; width: 60px; height: 60px; display: inline-block; } .tmplSlogan { margin-left: 100px; height: 60px; display: inline-block; vertical-align: top; line-height: 60px; } .tmplSlogan > div { font-family:myFontRegularNew; display: inline-block; } .tmplSlogan > div:first-child { margin-right: 5px; } .tmplSlogan > div:last-child { white-space: nowrap; } .sectdark, .sectmiddle, .sectmiddlelite, .sectlite { position: relative; padding: 6em 0; } .sectdark .sect_box, .sectmiddle .sect_box, .sectmiddlelite .sect_box, .sectlite .sect_box { position: relative; width: 60%; max-width: 1280px; margin: 0 auto; } .sectdark, .sectmiddle, .sectmiddlelite { color: #d0d0d4; } .sectmiddle { background: #414553; } .sectmiddlelite { background: #71737e; } .sectlite { background: #d0d0d4; color: #121628; } .sectdark h2, .sectmiddle h2, .sectmiddle h3, .sectlite h2 { font-family: myFontLightNew; font-size: 2rem; color: #c7b55e; font-weight: inherit; } .sectmiddle h3 { font-size: 1.6rem; } .sectlite h2 { color: #121628; } .sectmiddle hr { height: .1px; } .tmplBody { min-width: 500px; } .tmplBody div:not(.ui-dialog) input[type=text], .tmplBody div:not(.ui-dialog)input[type=tel], .tmplBody div:not(.ui-dialog) input[type=email], .tmplBody div:not(.ui-dialog) input[type=password] { font-family:myFontRegularNew; font-size: 24px; border: none; border-bottom: 1px solid #b1b1b1; color:#121628; } .tmplBody div:not(.ui-dialog) input[type=text]:focus, .tmplBody div:not(.ui-dialog) input[type=tel]:focus, .tmplBody div:not(.ui-dialog) input[type=email]:focus, .tmplBody div:not(.ui-dialog) input[type=password]:focus { border-bottom: 1px solid #121628 !important; box-shadow: none !important; } .tmplBody div:not(.ui-dialog) input, .tmplBody div:not(.ui-dialog) button, .tmplBody div:not(.ui-dialog) .SumoSelect, .tmplBody div:not(.ui-dialog) .ui-widget { font-family: myFontRegularNew; } .tmplBody .ui-tooltip .tipcontent { font-size: .825rem; } .tmplBody a { color: #5a95ab !important; } /* :pspoffline download: */ .divinfdownl { font-size: 1.25rem; } .divinfdownl a { color: #5a95ab !important; } .divinfdownl .infhead { font-family: myfontLightNew; font-size: 2.2rem; padding-top: 3em; padding-bottom: 1.5em; } .divinfdownl .infcontVoll { padding: 1.5em 0; } .divinfdownl .infcontUpd { padding-top: 2.5em; padding-bottom: 6em; } .divinfdownl .infcontUpd .sect_box { font-size: 1rem; } .divinfdownl .infttl { border-bottom: 1px solid #c7b55e; } .divinfdownl .infcontent { margin-left: 20px; font-family: myFontRegularNew; } .divinfdownl .inffaq .info_faqcontent { text-align: justify; } .divinfdownl .inffaq .info_faqcontent > p { font-size: 2.4rem; font-family: myFontBoldNew; } .divinfdownl .inffaq .info_faqcontent > div:not(:nth-child(2)) { margin-top: 70px; } .divinfdownl .inffaq .info_faqcontent > div > p { font-family: myFontSemiboldNew; font-size: 1.6rem; margin-bottom: 0px; } /* :Login Page: */ .grecaptcha-badge { bottom: 35px !important; z-index: 2147483647; } .lgn_box, .lgn_box_top { width: 400px; background: #f9fafb; z-index: 2; position: absolute; left: 50%; top: 50%; transform: translate(-50%,-50%); padding: 20px 40px 60px 40px; box-shadow: 0 0 5px rgb(0 0 0 / 20%); overflow: hidden; } .masktest { overflow: hidden; padding: 10px 40px; } .lgn_box a { color: #67a8c1 !important; } .lgn_box .avv_approved, .lgn_box .avv_error { color: #09cc1b; font-size: 5.5rem; font-weight: var(--fa-style, 100) !important; margin-bottom: 35px; margin-top: -30px; } .lgn_box .avv_error { color: #991f30; margin-top: 60px; } .lgn_box_top { height: 0px; /*padding: 5px 50px;*/ padding-top: 25px; margin-top: -285px; color: #202020; } .lgn_box_top i::before { position: absolute; left: 49px; top: 17px; color: #00b01d; } .lgn_box_inner { position: relative; width: 100%; height: 100%; } .lgn_box_inner .lsnoaccess { text-align: center; & div:first-child { font-family: myFontMediumNew; font-size: 1.25rem; padding-top: 35px; } & div:last-child { margin-top: 40px; font-size: 1rem; } } .lgn_box_inner input[type="text"], .lgn_box_inner input[type="password"], .lgn_box_inner input[type="email"] { background: none; border: none; border-bottom: 1px solid #aeb4b9; border-radius: 0px; font-size: 1.125rem; padding: 3px 0px; width: 378px; padding-left: 22px; } .lgn_box_inner .boxcontent input:-webkit-autofill, input:-webkit-autofill:hover, input:-webkit-autofill:focus, input:-webkit-autofill:active { transition: background-color 5000s ease-in-out 0s; } .lgn_box_inner input[type="text"][disabled] { color: #919191; font-weight: bold; background: none; border-bottom: 1px solid #adadad; cursor: not-allowed; } .lgn_box_inner .getcredtxt1 { margin: 30px 0px; color: #222; font-size: 20px; font-weight: bold; } .lgn_box_inner .setpwtxt1, .lgn_box_inner .testmodetxt1 { margin: 15px 0px; color: #222; font-size: 20px; font-weight: bold; } .lgn_box_inner .divtitle { margin: 25px 0px; margin-bottom: 50px; color: #222; font-size: 27px; padding-left:5px; } .lgn_box_inner .divtitle .expsess { padding-top: 60px; text-align: center; } .lgn_box_inner .divtitle .expsess input[type="button"] { position: relative; top: inherit; right: inherit; padding: 6px 12px; margin-top: 6px; } .lgn_box_inner .boxheader { height:40px; margin-bottom:40px; } .lgn_box_inner .boxheader div.psp_logo { background:url(screen/psp_logo.png) no-repeat; width:43px; height:53px; background-size:42px; float:left; } .lgn_box_inner .boxheader div.psp_slogan { margin-left:30px; font-size:17px; float:left; color:#1b277f; } .lgn_box_inner .boxcontent > div > div { position:relative; margin-bottom:30px; } .lgn_box_inner .boxcontent > div > div > span { position: absolute; font-size: .75rem; color: #2f2f2f; left: 23px; top: -13px; } .lgn_box_inner .boxcontent > div > div i, .lgn_box_inner .boxcontent > div > div i.iusrpw { position:absolute; left:0px; top:5px; color:#121628; } .lgn_box_inner .boxcontent > div > div i.iusrpw { left:93%; } .lgn_box_inner .boxcontent > div > div:nth-child(3) i.fa-check, .lgn_box_inner .boxcontent > div > div:nth-child(4) i.fa-check { color:green; } .lgn_pspInfo { font-size: 1rem; text-align: left; } .lgn_pspInfo i::before { font-size:30px; color:#1b277f; } .lgn_pspInfo span { font-size:18px; } .lgn_box_inner .usrmsgcontent, .usrmsg { margin-top:80px; text-align:center; font-size:14px; } .usrmsg { font-size:16px; padding-top: 7em; padding-bottom: 10em; background: #d0d0d4; color: #121628; & span { font-family: myFontSemiboldNew; font-size: 2rem; font-style: italic; } & i.fa { font-size: 2rem; } & i.fa-arrow-right { margin: 0 15px; } & i.fa-envelope-circle-check, & i.fa-plane-departure { font-size: 3rem; } & i.fa-plane-departure { color: #c3ae4b; } & i.fa-unlock { font-size: 2.6rem; color: #c3ae4b; } & ul { display: inline-block; margin-top: 5px; & li { text-align: left; } } } .lgn_box_inner .usrmsgcontent span { font-size:18px; } .lgn_box_inner .usrmsgcontent .lizsentinf { text-align:left; } .lgn_box_inner .usrmsgcontent i::before { font-size:35px; color:#eeb300; } .lgn_box_inner .usrmsgcontent i.fa-check::before, .lgn_pspInfo i.fa-check::before { color:#00b01d; } .lgn_box_inner .usrmsgcontent i.fa-paper-plane::before { color:#1b277f; } .lgn_box_inner .boxfooter { position:relative; height:80px; } .lgn_box_inner input[type="button"] { position:absolute; right:0px; top:15px; width:105px; padding:12px; font-size: .825rem; border-radius:5px; border:0px; background:#121628; color:#fff; z-index:1; } .lgn_box_inner input[type="button"]:disabled { background: #6d6f7a; } .lgn_box_inner .boxfooter .pwdinf, .bestellbox .box_login .pwdinf { position:absolute; top:-20px; font-size:11px; left:4px; color:#1b277f; & ul { list-style-type: none; padding-left: 0px; line-height: 19px; } & ul li i { vertical-align: middle; margin-right: 5px; } & ul li i.fa-check { color: green; } } .bestellbox .box_login .pwdinf { top: 50px; color: #4b4b4b; & ul li i.fa { margin-top: -3px; } } .lgn_box_inner .boxfooter a.backtologin { position: absolute; right: 0px; bottom: -13px; font-size: 12px; } .lgn_box_inner .boxbottom { display:flex; align-items:stretch; position:absolute; bottom:0px; width:100%; font-size:12px; color:#737373;} .lgn_box_inner .boxbottom_back { position:absolute; bottom:0px; right:0px; } .lgn_box_inner .boxbottom_text { color: #000; width:400px; height: 90px; font-size: .72rem; } .lgn_footer, .lgn_footer2, .lgn_footerliz { position:fixed; bottom:8px; right:20px; font-size: .85rem; z-index:3; } .lgn_footerliz { right: 0px; padding: 3px 15px; z-index: 10000; } .lgn_footer a { color:#fff !important; } .lgn_footer2, .lgn_footerliz { bottom:0px; width:100%; padding-top:3px; text-align:right; background:#f2f3f2; opacity:0.95; border-top:1px solid #e1e2e1; height: 19px; } .lgn_footer a, .lgn_footer2 a, .lgn_footerliz a { margin:0px 8px; } .tmpfooter { font-family: myFontRegularNew; background: #121628; color: #d0d0d4; font-size: .875rem; padding: 10em 0; } .tmpfooter a { position: relative; color: #d0d0d4 !important; } .tmpfooter a:hover { color: #fff !important; } .tmpfooter > div { width: 60%; margin: 0 auto; position: relative; } .tmpfooter > div > div { display: inline-block; vertical-align: top; line-height: 22px; } .tmpfooter > div > div:not(:first-child) a::before { content: "."; position: absolute; left: -8px; top: -7px; font-size: 1.1rem; } .tmpfooter > div > div:nth-child(2) { margin: 0px 15%; } .tmpfooter > div > div > div { text-transform: uppercase; font-weight: bold; margin-bottom: 15px; } .tmpfooter > div > div:not(:first-child) > div { margin-left: -7px; } .lgn_box_inner .boxcontent input.lgn_errorinput, .lgn_box_inner .boxcontent input.lgn_errorinput + span { border-bottom:1px solid red !important; } .boxfooter .divdsgvo span.lgn_errorrtxt { color: #db052b; } .lgn_box.masktest .divtitle span { font-size: .9rem; } .lgn_box.masktest .boxcontent { padding-top: 20px; width: 900px; } .lgn_box.masktest .boxcontent .step1, .lgn_box.masktest .boxcontent .step2 { opacity: 1; transition: all .75s ease; display: inline-block; vertical-align: top; } .lgn_box.masktest .boxcontent .step2 { opacity: 0; } .lgn_box.masktest .boxcontent .step1.fo, .lgn_box.masktest .boxcontent .step2.fi { transform: translateX(-100%); opacity: 0; } .lgn_box.masktest .boxcontent .step2.fi { opacity: 1; } .lgn_box.masktest .boxcontent .step2 .back2step1 { font-size: .75rem; line-height: 66px; } .lgn_box.masktest .boxcontent .lgninf_reg { position: absolute; right: 15px; top: 0px; height: 23px; color: #9799a5; } .lgn_box.masktest .boxcontent .lgninf_reg i { color: #9799a5; } .lgn_box.masktest .boxcontent .lgninf_reg i:hover { color: #1b277f; } .lgn_box.masktest .boxcontent .divdsgvo, .lgn_box.masktest .boxcontent .txtVM { font-size:0.75rem; width:400px; } .lgn_box.masktest .boxcontent .divdsgvo { margin-bottom:40px; } .lgn_box.masktest .boxcontent .divdsgvo span { display:inline-block; text-align:justify; } .lgn_box.masktest .boxcontent .divdsgvo label input[type=checkbox]:not([class=standard]) + span, .lgn_box.masktest .boxcontent .divdsgvo label input[type=checkbox]:not([class=standard]):checked + span { background-position:0 2px; } .lgn_box.masktest .boxcontent .txtVM { color: #656565; } .lgn_box.masktest .boxcontent input[type="button"] { position: inherit; float:right; } .lgn_box.masktest .boxbottom { position: inherit; font-size: .75rem; margin-left: 5px; margin-top: -12px; display: block; text-align: right; } .maskpw .boxbottom_text { margin-top: -90px; } .maskpw .lgn_box_inner input[type="button"] { top: 40px; } /* :Bestellvorgang: */ .tmplBody .usercostoverview { position: fixed; top: -1000px; width: 100%; z-index: 999; background: rgba(26,31,53,0.9); color: #fff; height: 70px; box-shadow: 0px 0px 6px #4a4a4a; } .tmplBody .usercostoverview > div { margin: 0 auto; position: relative; width: 60%; line-height: 70px; white-space: nowrap; max-width: 1260px; } .tmplBody .usercostoverview .uco_ico { margin-right: 20px; color: #cdba5f; font-size: 1.2rem; } .tmplBody .usercostoverview .uco_sum { color: #cdba5f; font-size: 1.2rem; } .tmplBody .usercostoverview .uco_wt { font-size: .72rem; } .tmplBody .usercostoverview .uco_rabatt { position: absolute; bottom: -19px; font-size: .725rem; margin-left: 43px; color: #cdba5f; } .bestellbox { position: relative; min-height: 480px; width: 100%; display: inline-block; z-index: 1; } .bestellbox .btn_psp { background: #121628 !important; color:#ffffff !important; border: none; } .bestellbox .bb_header { position: relative; } .bestellbox .bb_header a.btn_psp { position: absolute; right: 15px; top: 0px; background: #373937 !important; color:#ffffff !important; } .bestellbox .bb_title { font-family:myFontLightNew; color:#cdba5f; font-size: 1.685rem; position:relative; border-bottom: 1px solid #cdba5f; clear: both; padding-bottom: 3px; } .bestellbox .bb_title.nltxt > div { display: inline-block; } .bestellbox .bb_title.nltxt > div:last-child { font-family: myFontRegularNew; font-size: 1rem; } .bestellbox .rabatt_ttl { position: absolute; top: -33px; left: 42%; margin-left: -214px; background: #2d3141; white-space: nowrap; padding: 20px; color: #fff; border: 2px solid #cdba5a; font-family: myFontLightNew; } .bestellbox .moreLiz_txt { position: absolute; bottom: -90px; left: 2%; font-size: 1.225rem; font-family: myFontLightNew; } .bestellbox .clnorab { display: none; } .bestellbox .bb_title span:not(.clnorab) { font-size: 16px; } .bestellbox .bb_title .prodinfo { margin-left: 10px; font-size: 20px; color: inherit; } .bestellbox .bb_title i { margin-top: -5px; } .bestellbox .sectlite .bb_title { color: #161b2f; border-bottom: 1px solid #161b2f; } .bestellbox .sectlite .bb_title_nl { display: none; } .bestellbox .bb_content { padding: 25px 0px 15px 20px; position: relative; min-height: 118px; } .bestellbox .inputerr { border: 1px solid #da062c !important; color:#da062c !important; } .bestellbox label input[type=checkbox]:not([class=standard]) + span.inputerr, .bestellbox label input[type=radio]:not([class=standard]) + span.inputerr { border: 0px !important; } .bestellbox a { color: #5a95ab !important; } .bestellbox label input[type=checkbox]:not([class=standard]):checked + span, .bestellbox label input[type=radio]:not([class=standard]):checked + span { background:url(screen/chk1_dark.png) no-repeat !important; background-size: 15px !important; background-position-y: 2px !important; } .bestellbox label input[name*="anrede_id"]:not([class=standard]):checked + span { background-position-y: 3px !important; } .bestellbox label input[name*="anrede_id"] + span { font-size: 1.1rem; } .bestellbox input[type=text][disabled], .bestellbox input[type=tel][disabled] { color:#aaaaaa !important; cursor: inherit !important;} .bestellbox .sectlite label { color: #666771; } .bestellbox .divpspesign label > span { color:#ee9900; } .bestellbox input[type=text], .bestellbox input[type=tel], .bestellbox input[type=email], .bestellbox input[type=password] { width: 60%; padding: 8px; } .bestellbox input[type=radio]:checked + span { font-weight: bold; } .bestellbox .box_order input[type=checkbox]:checked + span { color: #141e69; } .bestellbox input[id^="pspusr_apnr"] { font-family: myFontBoldNew !important; font-size: 1rem; letter-spacing: 3px; text-align: center; width: 100px !important; } .bestellbox input[id="geburtsdatum"], .bestellbox input[id="plz"] { width: 130px; } .bestellbox input[id="geburtsdatum"]::placeholder { font-size: 1rem; } .bestellbox input[id="ort"] { width: 606px; } .bestellbox .besttl { font-family: myfontLightNew; font-size: 2.2rem; padding-top: 3em; padding-bottom: 0.5em; } .bestellbox .codebox { padding: 0em; } .bestellbox .txtbtnbox { position: absolute; height: 60px; width: 227px; line-height: 33px; color: #d0d0d4; font-size: 1rem; right: 0px; top: 0px; } .bestellbox .txtbtnbox div { display: inline; position: relative; } .bestellbox .txtbtnbox #pspcode { margin: 0px; height: 27px; border-radius: 2px 0px 0px 2px; font-size: 18px; padding: 0px; text-align: center; font-weight: bold; position: absolute; left: 7px; width: 98px !important; color: #161b2f; background: #d0d0d4; } .bestellbox .txtbtnbox .btn_psp { height: 29px; border: none; padding: 0px 6px; margin: 0px; border-radius: 0px 2px 2px 0px; position: absolute; left: 107px; width: 48px; color: #d0d0d4 !important; font-size: .825rem;; } .bestellbox .txtbtnbox input:disabled { border: none; color: #808080 !important; height: 29px !important; } .bestellbox .txtbtnbox button:disabled { cursor: default; background: #37810e !important; color: #fff !important; } .bestellbox .txtbtnbox span { font-family: myFontRegularNew; font-size: .725rem; line-height: 13px; } .bestellbox #pspprod_detail { position: relative; color: #cdba5f; width: 55%; left: -20px; top: -25px; } .bestellbox .box_prod { padding-top: 0em; } .bestellbox .box_prodopt { padding-top: 1em; } .bestellbox .box_prod .bb_title a { color: #cdba5f !important; } .bestellbox .box_order { padding: 3em 0; font-family: myFontRegularNew; } .bestellbox .chkbox label input[type=checkbox]:not([class=standard]) + span, .bestellbox .chkbox label input[type=radio]:not([class=standard]) + span { background:url(screen/chkb0_1.png) no-repeat !important; background-size: 18px !important; background-position-y: 5px !important; padding-left: 26px !important; font-family: myFontRegularNew; white-space: nowrap; } .bestellbox .chkbox .box_opt label input[type=checkbox]:not([class=standard]) + span, .bestellbox .chkbox .box_opt label input[type=radio]:not([class=standard]) + span { background-position-y: 2px !important; } .bestellbox .chkbox label input[type=checkbox]:not([class=standard]):checked + span , .bestellbox .chkbox label input[type=radio]:not([class=standard]):checked + span { background:url(screen/check_green_circle.png) no-repeat !important; background-size: 22px !important; background-position-y: 2px !important; font-weight: inherit !important; padding-left: 29px !important; } .bestellbox .chkbox .box_opt label input[type=checkbox]:not([class=standard]):checked + span , .bestellbox .chkbox .box_opt label input[type=radio]:not([class=standard]):checked + span { background-position-y: 1px !important; } .bestellbox .chkbox .prodline > div { position: relative; display: inline-block; vertical-align: middle; } .bestellbox .chkbox .prodline > div:first-child { width: 138px; text-align: right; font-size: 1.25rem; } .bestellbox .chkbox .prodline > div:first-child > label > span > span { color: #fff; font-size: 1.425rem; } .bestellbox .chkbox .prodline > div:first-child > label > span > span > span { font-size: .72rem; } .bestellbox .chkbox .prodline > div:nth-child(2) { margin: 0 25px; } .bestellbox .chkbox .prodline .prod1, .bestellbox .chkbox .prodline .prod2 { background:url(screen/svg/pspoffline.svg) no-repeat 50% #eee; background-size: 60px; height:60px; width: 60px; border: 1px solid #d0d0d4; } .bestellbox .chkbox .prodline .prod2 { background:url(screen/svg/psponline.svg) no-repeat 50% #eee; background-size: 60px; } .bestellbox .chkbox .prodline > div:last-child { width: 69%; } .bestellbox .chkbox .prodline > div:last-child span { font-size: 1.225rem; } .bestellbox .chkbox .offhint { margin-top: 10px; font-size: .875rem; color: #cdba5f; font-family: myFontRegularNew; } .bestellbox .chkbox .offhint a { white-space: nowrap; } .bestellbox .prodprice1, .bestellbox .prodprice2 { display: none; } .bestellbox .box_prod .bb_content > div:first-child { margin-bottom: 50px; } .bestellbox .box_opt .bb_title { color: #fff !important; border-bottom: 1px solid #fff; } .bestellbox .box_opt .bb_content > div { display: block; } .bestellbox .box_opt .prodline .prodesign { background:url(screen/esign4.png) no-repeat 50%; background-size: 60px; height:60px; width: 60px; border: none; } .bestellbox .box_prtnr { padding-bottom: 0em; } .bestellbox .box_prtnr .bb_content > div, .bestellbox .box_prtnrnl .box_pspuser > div, .bestellbox .box_prtnrnl2 > div, .bestellbox .cntsepa1 > div:not(:last-child), .bestellbox .box_abwrech > div { margin-bottom: 4px; width: 1260px; } .bestellbox .cntsepa1 > div:not(:last-child), .bestellbox .box_abwrech > div { width: 1226px; } .bestellbox .box_prtnr .bb_content > div:first-child { margin-bottom: 30px; } .bestellbox .box_prtnr .bb_content > div:last-child { margin-top: 30px; } .bestellbox .box_prtnr .bb_content > span:last-child { display: block; max-width: 580px; color: #666771; & span { color: #121628; font-family: myFontSemiboldNew; } } .bestellbox .box_prtnr .infpflicht { position: absolute; top: -80px; left: 0px; font-size: .775rem; } .bestellbox .div_abwrech { margin-top: 25px; } .bestellbox .box_abwrech { margin-left: 20px; } .bestellbox .pspnewusr { position: relative; margin-top: 35px; width: 100%; } .bestellbox .pspnewusr:not(:first-child) { margin-top: 100px; } .bestellbox .box_pspuser { position: relative; } .bestellbox .box_pspuser [name=pspusr_anrede_id1]:disabled ~ p { background: #efefef; border: 1px solid #aeb4b9; } .bestellbox .box_pspuser > div { margin-bottom: 8px; } .bestellbox .box_pspuser > div:last-child { font-family: myFontRegularNew; } .bestellbox .divpspusropt { position: absolute; left: 606px; top: 2px; width: 210px !important; } .bestellbox .pspnewusr .divpspusropt { margin-left: 20px; } .bestellbox .divpspusropt > div { display: block; } .bestellbox .divpspusropt [id=pspusr_admin1]:disabled ~ span { color: gray; } .bestellbox .pspnewusr .divttusr { width: 100%; } .bestellbox .pspnewusr .divpspusropt { position: absolute; top: 26px; } .bestellbox .pspnewusr .divusrbtn { position: absolute; left: 748px; top: 1px; } .bestellbox .pspnewusr .divusrbtn .btn_psp { background: #393d4b !important; padding: 7px 10px 0px 10px; } .bestellbox .box_nl { position: relative; } .bestellbox .box_addpspuser { position: relative; width: 100%; margin-bottom: 50px; } .bestellbox .box_nl .divadduserlabel { position: relative; padding: 16px 0px; font-size: 1.125rem; margin-left: -18px; } .bestellbox .box_nl .divadduserlabel > i { font-size: 3rem; position: absolute; left: 0px; top: 40%; transform: translateY(-50%); } .bestellbox .box_nl .divadduserlabel > div { margin-left: 77px; } .bestellbox .box_nl .divadduserlabel > div > span:first-child { font-size: 1.7rem; } .bestellbox .box_nl .divadduserlabel ul { margin-top: 0px; font-size: 1rem; } .bestellbox .box_nl .divadduserlabel .rabatttxt { position: relative; margin-left: 0px; } .bestellbox .divuseradd .btn_psp { color: #cdba5f !important; padding: 15px; margin-left: 20px; } .bestellbox .box_sepa { padding-bottom: 0em; } .bestellbox .cntsepa { color: #666771; } .bestellbox .cntsepa .cntsepa1, .bestellbox .cntsepa .cntsepa2 > div { margin-left: 20px; } .bestellbox .cntsepa1 .cntsepainf { margin-top: 15px; } .bestellbox .cntsepa .cntsepa1, .bestellbox .cntsepa .cntsepa2 > div { margin-top: 5px; } .bestellbox .cntsepa .cntsepa2 { margin-top: 40px; } .bestellbox .row { position: relative; min-height: 123px; width: 100%; } .bestellbox .column { position: absolute; z-index: 1; } .bestellbox .column:nth-child(1) { left: 0px; width: 160px; } .bestellbox .column:nth-child(2) { left: 50%; transform: translateX(-50%); width: 180px; } .bestellbox .column:nth-child(3) { right: 10px; width: 90px; text-align:right; } .bestellbox .row:first-child .column:not(:first-child) { top: 7px; } .bestellbox .row .gesLiz { margin-left: 46px; } .bestellbox .row .gesLiz, .bestellbox .row .gesPreis { font-size: 1.2rem; } .bestellbox .row .gesProd { font-size: 32px; } .bestellbox .row .gesProddetail { font-size: 12px; width: 210px; } .bestellbox .sondertxt { color: #cdba5f; width: 300px; font-size: 10px; margin-top: 10px; } .bestellbox .row:first-of-type .column:nth-child(2) div:first-of-type, .bestellbox .row:first-of-type .column:nth-child(3) div:first-of-type { font-size: 18px; } .bestellbox .row .gesEsign, .bestellbox .row .gesZuschlag, .bestellbox .row .gesRabatt, .bestellbox .row .gesNetto2 { display: none; } .bestellbox .row .gesTXT, .bestellbox .row .gesPrice { min-height: 125px; top: 0px; } .bestellbox .row .gesTXT { position: relative; } .bestellbox .row .gesBrutto { position: absolute; z-index:1; font-size: 1.15rem; width: 205px; left: 0px; bottom: -15px; color: #fff; } .bestellbox .row .gesPrice .gesBrutto { width: 130px; right: 0px; left: auto; color: #fff; } .bestellbox .divpricebg { position: absolute; left: 0px; height: 35px; width: 100%; background: #313543; z-index: 0; bottom: -5px; } .bestellbox .divorder { position:relative; padding-top: 70px; margin-left: 20px; clear: both; text-align: right; } .bestellbox .divorder > div { display: inline-block; margin-right: 150px; } .bestellbox .divorder .btn_psp { font-size: 2rem; letter-spacing: 1px; padding: 5px 30px; position: absolute; right: 3px; top: 20px; background: #018f01 !important; } .bestellbox .divorder #pspprod_order_error { position: absolute; font-size: 1rem; top: 85px; right: -146px; border: 0px !important; } .bestellbox .bb_agb { text-align: justify; padding-right: 10px; } .bestellbox .bb_agb > span { font-family: myFontMediumNew; font-size: 1.013rem; } .bestellbox .bb_agb label > span { display: block; background-position-y: 2px !important; } .bestellbox .verifybox, .tmplBody .verifybox { padding-bottom: 10em; & .bb_title > i { font-size: 2.05rem; color: #018f01; } & .divcode { margin-top: 10px; & input { font-size: 1.85rem; font-family: myFontSemibold; letter-spacing: 8px; width: 210px; padding-left: 20px; } & div { font-size: .825rem; margin-top: 5px; color: #6d6d6d; } } & .btnsverify { margin-top: 45px; & .loadericon { width: 30px; height: 30px; left: 207px; bottom: 18px; } & .btn_psp { font-size: 1.225rem; background: #018f01 !important; } & .btn_psp:first-child { background: #b5b6b9 !important; color: #6d6d6d !important; margin-right: 5px; } } } .bestellbox .divorder #pspprod_order:disabled, .bestellbox .verifybox .btnsverify .btn_psp:disabled, .tmplBody .verifybox .btnsverify .btn_psp:disabled { background:#6d6f7a !important; color: #3d3d3d !important; cursor:default !important; } .bestellbox .verifybox .verifytimer, .tmplBody .verifybox .verifytimer { font-family: myFontSemiboldNew; display: inline-block; width: 40px; } .bestellbox .firstloginbox { position: absolute; left: 50%; margin-left: -114px; top: -80px; } .bestellbox .firstloginbox span { font-size: 20px; } .bestellbox .firstloginbox .setpw { background: #dedede; width: 188px; padding: 25px; box-shadow: 1px 0 9px rgb(134 134 134 / 33%); } .bestellbox .firstloginbox .setpw .pwinfo { font-size: 11px; margin-left: 5px; color: #848484; } .bestellbox .firstloginbox .setpw input { width: 183px; } .bestellbox .box_login { padding: 8em 0; } .bestellbox .box_login .bb_title > i.fa-badge-check { color: #018f01; } .bestellbox .box_login .bb_title > i.fa-ban { color: #991f30; } .bestellbox .box_login .pwmasktitle > span { font-size: 1.4rem; } .bestellbox .box_login input[type=text], .bestellbox .box_login input[type=password] { width: 100%; max-width: 360px; } .bestellbox .box_login input[type=text][disabled] { background: none; color: inherit !important; } .bestellbox .box_login button { width: 100%; max-width: 360px; padding: 10px 9px; } .bestellbox .box_login .pwmask { max-width: 335px; & > div { position: relative; margin-bottom: 10px; } & .fa-eye { position: absolute; bottom: 9px; right: -12px; } } #passerr { position: fixed; top: 38% !important; & .passtxt { font-size: 1rem; & span { font-size: 1.25rem; font-family: myFontMediumNew; } } } .page_header { position: relative; margin-bottom: 10px; margin-top:-10px; /*margin-right: 10px;*/ height: 20px; } .page_header_content { position: absolute; right: 0px; } .loadericon { float: unset; margin-right: unset; width: 40px; height: 40px; position: absolute; right: 75px; bottom: 0px; } /* :Webservice: */ .wsbox > .sectlite { padding-top: 1em; } .wsbox > div:nth-child(2) { padding-top: 6em; } .wsbox input[type="button"], .wsbox input[type="submit"], .wsbox a.abtn { color: #fff !important; padding:10px 25px; background:#5a95ab !important; border:none; border-radius:4px; cursor:pointer; } .wsbox input[type=text], .wsbox input[type=tel], .wsbox input[type=email], .wsbox input[type=password] { font-size: 0.85rem; } .wsbox table, .wsbox table>tbody>tr { background: none; } .wsbox #ws_token { width: 540px; } .wsbox .formbutton_aqua { color: #fff !important; } .wsbox .wstitle { position: relative; } .wsbox .wstitle .btndemo { position: absolute; right: 0px; top: 10px; } .wsbox .divdemobtn { text-align: right; margin-top: 15px; margin-bottom: 30px; } .wsbox .new_line, .wsbox .new_line2 { color: #fff; padding:4px 5px; background: #71737e; } .wsbox .new_line2 { color: #c7b55e; background: #414553; } .wsbox .box2_small { border:none; padding:0px; max-width:800px; } .wsbox .box2title { position:relative; /*border-bottom: 1px solid #121628;*/ margin-bottom: 5px; } .wsbox .wsticketinf { color: #225d9c; } /* :Info_bap: */ .divinfbap .sectdark { padding-bottom: 3em; } .divinfbaptbl, .divinfttl { padding: 0px 10px; background: #d0d0d4; } .divinfbaptbl { padding-top: 40px; } .divinfbaptbl, .divinfbaptbl2 { min-width: 900px; } .divinfbaptbl2 .sectlite { padding-top: 0em; } .sectlite .sect_box table, .sectlite .sect_box table { color: #e9e9f1; background: #71737e; } .sectlite .sect_box table thead th, .divinfbaptbl2 .sectlite .sect_box table thead th { font-size: 1.2rem; padding: 15px 5px; color: #fff; } .sectlite .sect_box table tr, .divinfbaptbl2 .sectlite .sect_box table tr { background: #414553; } .sectlite .sect_box table>tbody>tr>td>table>tbody>tr>td:first-child, .divinfbaptbl2 .sectlite .sect_box table>tbody>tr>td>table>tbody>tr>td:first-child { width: 150px; color: #c7b55e; } .divinfbaptbl .bap_neu, .divinfbaptbl2 .bap_neu, .divinfbaptbl .sectlite .sect_box table tr.bap_neu, .divinfbaptbl2 .sectlite .sect_box table tr.bap_neu { background: #121628; } .divinfbaptbl .bap_teil, .divinfbaptbl2 .bap_teil, .divinfbaptbl .sectlite .sect_box table tr.bap_teil, .divinfbaptbl2 .sectlite .sect_box table tr.bap_teil { background: #70727d; } .divinfttl { color: #2c3247; font-size: 1.45rem; padding: 0px 10px; padding-top: 40px; } .divinfttl span { font-family: myFontSemiboldNew; } /* :Lizenzportal extern: */ .tmplLizlogo, .tmplLiz .sect_box { width: 80%; max-width: inherit; } .tmplLiz #tblliz { color: #414553; } .tmplLiz #tblliz tbody td:nth-child(2) > div { position:relative; font-family:myFontSemibold; background:#dbe0e6; cursor:pointer; line-height:18px; padding:0px 2px 2px 4px; color:#4a82cf; border-radius:3px; width:53px; } .tmplLiz #tblliz tbody td:nth-child(2) > div:not([class=chngapnr]):hover { background:#4581bf; color:#fff; } .tmplLiz #tblliz tbody td:nth-child(2) > div:not([class=chngapnr])::after { position:absolute; content:url('screen/refresh.png'); width:26px; height:26px; right:-3px; top:2px; } .tmplLiz #tblliz tbody td:nth-child(2) > div[class=chngapnr] { width:77px; height:33px; cursor:default; display: flex; padding-top: 3px; } .tmplLiz #tblliz thead th:nth-child(2) > .info_button { right:30px !important; } .tmplLiz .chngapnr { position:absolute !important; top:5px; left:5px; display: flex; } .tmplLiz .chngapnr input { width:28px; padding:0 2px; color:#991f30; height:22px; font-size: .725rem; } .tmplLiz .apsave, .tmplLiz .apesc { background:url(screen/check.png) no-repeat; background:url(screen/svg/check.svg) no-repeat, none; background-size:20px; background-position: 2px 1px; width:22px; height:21px; cursor:pointer; display:inline-block; } .tmplLiz .apesc { background:url(screen/x-button3.png) no-repeat; background-size:17px; background-position:1px 3px; width:20px; height:21px; margin-left: 0px; } .tmplLiz .apold { position:absolute; font-family:myFontMedium; font-size:0.715rem; left:31px; bottom:-4px; cursor:help; color: #414553; } /* =============================================================================================================================================================================== ----------------------------------------------------------------------->>> :Cookie Banner: <<<--------------------------------------------------------------------------------- =============================================================================================================================================================================== */ .cc-link { font-weight: bold; text-decoration: underline !important; padding: 0px; } .cc-window { font-size: 14px; line-height: 1.3em; z-index: 99999; } .cc-floating.cc-theme-edgeless .cc-message { margin: 1em; color: #cfcfcf;} /* ----------------------------------------------------------------------------------------*/ /* media queries */ /* @media (max-device-width:480px) and (orientation:landscape) { @media (min-width:768px) @media (min-width:992px) @media (min-width:1200px) */ /* ----------------------------------------------------------------------------------------*/ @media (min-width:1080px) { /*ipad hat 1080x704*/ #nav_top, #main_div, .tmplHeaderContentLiz { width:1062px; /*1090px;*/ } .lgn_banner { max-width:890px; } #content_center { width:842px; /*870px;*/ /* 1090 - 220 */ } #content .scrollnavi, #content .scrollnavi_nav, #content .startup, #content .scrollfixed_head { width:840px; /*862px;*/ /* 1090 - 220 - 12 */ } #content .erfassung_box_content div[class^="erf_tv_saeule_"] { width:250px; } #content .erfassung_box_content .erf_tv_trenn3 { display:block !important; } #content .erfassung_box_content .erf_tv_trenn4 { display:none !important; } #content #ergtables table thead#offTblErgebnisHead { position:sticky; top:70px; z-index:10000; } } @media (min-width:1437px) { #nav_top, #main_div, .lgn_banner, .tmplHeaderContentLiz { width:1390px !important; /* 1090 + 300 */ } .lgn_banner { max-width:1190px; } #content_center { width:1170px; /*width:unset; float:unset; margin-left:217px;*/ /* 1090 + 300 - 220 */ } #content .scrollnavi, #content .scrollnavi_nav, #content .startup, #content .scrollfixed_head { width:1168px; /* 1090 + 300 - 220 - 12 */ } #content .erfassung_box_content div[class^="erf_tv_saeule_"] { width:264px; } #content .erfassung_box_content .erf_tv_trenn3 { display:none !important; } #content .erfassung_box_content .erf_tv_trenn4 { display:block !important; } #content .erf_tv_amb_kt_div, #content .erf_tv_stat_kht_div, #content .erf_tv_zahn_pflz_div, #content .erf_tv_pvn_kurtg_div { width:24%; } #content .divselvp_vb .SumoSelect .optWrapper { width: 505px; } .tmplBody .usercostoverview > div { width: 56.5%; } } @media (max-width:1436px) { #content .liz_support .suppic { display: none; } /* #content .erfassung_angebot .SumoSelect, #content .erfassung_angebot .SumoSelect .CaptionCont.SelectBox { width:138px !important; } #content .erfassung_angebot .txt_gesundheitsangaben { display:none; } */ #content .divselvp_vb .SumoSelect .optWrapper { width: 375px; } #content .divselvp #selvp { width: 315px; } #content .divselvp .SumoSelect { width: 310px !important; } #content #druck_vvg .vvgheader .vpboxdsvvgwd { right: 6px; top: -65px; } .sectdark .sect_box, .sectmiddle .sect_box, .sectmiddlelite .sect_box, .sectlite .sect_box, .tmplHeaderContent { width: 80%; } .tmplLiz .sectmiddle .sect_box, .tmplLizlogo { width: 98%; } .tmpfooter > div > div:nth-child(2) { margin: 0px 14%; } .tmplBody .usercostoverview > div { width: 75%; } } /* @media (max-width:1736px) { #content #box_ausgangskorb .btnbar2 { margin-left: 54px; } } */ @media (min-width:1737px) { #nav_top, #main_div, .lgn_banner, .tmplHeaderContentLiz { width:1690px !important; /* 1090 + 600 */ } .lgn_banner { max-width:1490px; } #content_center { width:1470px; /*width:unset; float:unset; margin-left:217px;*/ /* 1090 + 600 - 220 */ } #content .scrollnavi, #content .scrollnavi_nav, #content .startup, #content .scrollfixed_head { width:1468px; /* 1090 + 600 - 220 - 12 */ } #content .erfassung_box_content div[class^="erf_tv_saeule_"] { width:218px; } #content .erfassung_box_content .erf_tv_trenn3 { display:none !important; } #content .erfassung_box_content .erf_tv_trenn4 { display:none !important; } #content .erfassung_box_content .divkt { padding-left: 0px !important; } #content .liz_support .suppic { right: 170px; } #content .divselvp_vb .SumoSelect .optWrapper { width: 655px; } } .slide-in { animation: slide-in 0.5s forwards; } @media (max-width:1079px) { /*1107px, ipad hat 1080x704*/ .ui-tooltip { max-width: 300px; } #nav_top, #nav_reiter, #nav_content_vp, #main_div, .tmplHeaderContent { width:99%; } #nav_reiter2 { width:0; } body:not([class=tmplLink]) #content_space { margin-left: 36px; } #content_center { width:100%; } #content .scrollfixed_head { top:0; } #content .scrollnavi, #content .scrollnavi_nav, #content .startup { left:0; margin-left:41px; width: 100% !important; } .tmplLink { #content .scrollnavi, #content .scrollnavi_nav, #content .startup { margin-left:0; } } #content .lv_bereiche { top:50px; } #foth_menu { margin-left: 38px; } #foth_menu .flex1 { margin-left:10px !important; } #nav_top .cnt_page .cnt_caption, #nav_top .cnt_page .cnt_kunde { position: absolute; left: -120px; font-size: .9rem; top: -2px; width: 145px; } #nav_top .cnt_page .cnt_kunde { font-size: .75rem; top: 20px; } #nav_top .cnt_page .cnt_nav { position: absolute; width: 55px; left: -180px; } #nav_top .cnt_page .cnt_nav i { font-size: 1.4rem; } #nav_top .cnt_page .noarrow { left: -180px; font-size: 1rem; } #nav-wrap { position:relative; margin-top:60px; } #nav_left { display: none; position: absolute; left: -41px; top: -139px; height: calc(100% + 220px); min-height: 690px; padding-top: 25px; box-shadow: 3px -1px 10px rgb(126 142 177); transform: translateX(-100%); } @keyframes slide-in { 100% { transform: translateX(0%); } } #nav_left .mnleft { margin-top: 0px; } #nav_left .mnleft2 .closenavmini { display: block; } #nav_left .bdleft { box-shadow: 6px 0px 4px -4px rgb(126 142 177) } #nav_left_mini { display: block; } .tmplLogo { position: absolute; left: 3%; } .tmplHeader .tmplSlogan { position: absolute; left: 16%; margin-top: 10px; margin-left: 20px; line-height: inherit; } .tmplHeader .tmplSlogan > div { display: block; } .tmplHeader .tmplSlogan > div:first-child { font-size: 1rem; } .tmplHeader .tmplSlogan > div:last-child { font-size: 1.2rem; } .sectdark .sect_box, .sectmiddle .sect_box, .sectmiddlelite .sect_box, .sectlite .sect_box, .tmplHeaderContent { width: 90%; } .tmpfooter > div { width: 80%; } .tmplBody .usercostoverview > div { width: 86%; } .bestellbox .chkbox .prodline > div:last-child { width: 66%; } } @media (max-width:900px) { .sectdark .sect_box, .sectmiddle .sect_box, .sectmiddlelite .sect_box, .sectlite .sect_box { width: 99%; } .tmpfooter > div { width: 90%; } .tmpfooter > div > div:nth-child(2) { margin: 0px 6%; } .bestellbox .box_prtnr .bb_content > div, .bestellbox .box_prtnrnl .box_pspuser > div, .bestellbox .box_prtnrnl2 > div, .bestellbox .cntsepa1 > div:not(:last-child), .bestellbox .box_abwrech > div { width: 890px; } .bestellbox .cntsepa1 > div:not(:last-child), .bestellbox .box_abwrech > div { width: 857px; } .bestellbox input[id="ort"] { width: 384px; } .bestellbox .pspnewusr .divusrbtn { left: 534px; } .bestellbox .divpspusropt { left: 388px; } .bestellbox .divorder .btn_psp { margin-right: 7px; } .bestellbox .chkbox .prodline > div:last-child { width: 50%; } .bestellbox .txtbtnbox { right: 20px; } } @media (max-width:640px) { .bestellbox .column:nth-child(2) { left: 300px; } .bestellbox .row .gesBrutto { left: -38px; font-size: 1rem; } .bestellbox .row .gesTXT { font-size: .875rem; height: 152px; line-height: 19px; } .bestellbox .row .gesTXT, .bestellbox .row .gesPrice { min-height: 151px; } .bestellbox .box_prtnr .bb_content > div, .bestellbox .box_prtnrnl .box_pspuser > div, .bestellbox .box_prtnrnl2 > div, .bestellbox .cntsepa1 > div:not(:last-child), .bestellbox .box_abwrech > div { width: 720px; } .bestellbox .cntsepa1 > div:not(:last-child), .bestellbox .box_abwrech > div { width: 686px; } .bestellbox input[id="ort"] { width: 281px; } .bestellbox .bb_title.nltxt > div:last-child { display: block; } .bestellbox .pspnewusr .divusrbtn { left: 425px; } .bestellbox .divpspusropt { left: 285px; } .bestellbox .rabatt_ttl { left: 7%; margin-left: unset; } .bestellbox .chkbox .prodline > div:last-child { width: 95%; margin-top: 10px; } } @media (max-width:600px) { #head_psp #prog_slogan { display:none; } .tmplBody .divinfdownl .infhead { font-size: 1.8rem; } .grecaptcha-badge { bottom: inherit !important; top: 9px !important; } .tmpfooter { padding: 8em 3em; } .tmpfooter > div > div:nth-child(2) { margin: 0px; } .tmpfooter > div > div { display: block; margin-bottom: 20px !important; } .tmpfooter > div > div > div { margin-bottom: 0px; } } @media (max-width:540px) { #content .bestellbox .box_nl .usercostoverview { position: fixed; top: 0px; left: 0px; background: #e8e9ec; right: 0px; bottom: 0px; height: 35px; z-index: 1000; margin: 0px; text-align: center; box-shadow: 0px 5px 10px rgb(126 142 177 / 50%); } .tmplSlogan > div:last-child { font-size: 1rem; } /*Maske: Login*/ .lgn_box, .lgn_box_top { position: relative; left: inherit; top: inherit; transform: none; padding-bottom: 65px; width: 85%; } .lgn_box_inner { width: 99%; } .lgn_box_inner input[type="text"], .lgn_box_inner input[type="password"], .lgn_box_inner input[type="email"] { width: 94%; } .lgn_box .boxfooter, .lgn_box .boxbottom { } .lgn_footer { position: relative; text-align: right; margin-top: 15px; bottom: inherit; right: inherit; } } @media (max-width:500px) { /*Maske: Testzugang*/ .masktest { height: 735px; } .masktest .lgn_box_inner .boxbottom_back { bottom: 25px; } .masktest .testmode { top: 173px !important; } .masktest .lgn_box_inner .boxbottom_text { line-height: 24px !important; } /*Maske: Neues Passwort*/ .maskpw .signin { top: 0px !important; } .maskpw .divtitle { font-size: 24px !important; } .bestellbox #pspprod_detail { width: 45%; } } @media (max-width:480px) { #nav_left .mnleft div[class^="nl_"] { font-size:0.79rem; } #nav_left .mnleft_trenner { margin:0; } } @media (max-width:400px) { }