:root{ font-optical-sizing:none; font-variation-settings:'opsz' 16; font-synthesis:none; --font-orf-universal:"ORF Universal", -apple-system, BlinkMacSystemFont, Arial, Roboto, sans-serif; --font-orf-universal-condensed:"ORF Universal Condensed", "Avenir Next Condensed", "Arial Narrow", "Roboto Condensed", sans-serif-condensed, "ORF Fallback Roboto Condensed"; --font-orf-universal-sc:"ORF Universal SC", "ORF Fallback SC", sans-serif; --font-orf-universal-logo:ORF Universal Logo,var(--font-orf-universal) } @font-face {font-family:ORF Fallback; font-stretch:normal; src:local(Avenir Next),local(Arial),local(Roboto)} @font-face {font-family:ORF Fallback; font-stretch:condensed; src:local(Avenir Next Condensed),local(Arial Narrow),local(Roboto Condensed)} @font-face {font-family:ORF Fallback Condensed; font-stretch:condensed; src:local(ArialNarrow); src:local(Avenir Next Condensed),local(ArialNarrow),local(Roboto Condensed)} @font-face {font-family:ORF Fallback Roboto Condensed; font-stretch:condensed; src:local(Roboto)} @font-face {font-family:ORF Fallback SC; src:local(Avenir Next),local(Arial),local(Roboto); size-adjust:85%} @font-face {font-family:'ORF Universal'; font-weight:300 700; font-stretch:75% 140%; src:local("?"), url("../images/fonts/ORFUniversalVF_W_WghtWdthOpsz.woff2") format("woff2-variations")} @font-face {font-family:'ORF Universal Condensed'; font-weight:300 700; font-stretch:75%; src:local("?"), url("../images/fonts/ORFUniversalVF_W_WghtWdthOpsz.woff2") format("woff2-variations")} @font-face {font-family:'ORF Universal'; font-weight:300 700; font-stretch:75% 140%; font-style:italic; src:local("?"),url("../images/fonts/ORFUniversalVF_Italic_W_WghtWdthOpsz.woff2") format("woff2-variations")} @font-face {font-family:'ORF Universal SC'; font-weight:300 700; src:local("?"), url("../images/fonts/ORFUniversalSCVF_W_WghtOpsz.woff2") format("woff2-variations")} @font-face {font-family:'ORF Universal Logo'; font-weight:500; src:local("?"), url("../images/fonts/ORFUniversalLogo_W_Md.woff2") format("woff2")} * {font-family:"ORF Universal",-apple-system,BlinkMacSystemFont,Arial,Roboto,sans-serif; font-feature-settings:"liga", "kern"; font-size:16px; color:#000000; line-height:24px; margin:0;} body {background-color:#ffffff; padding:0;} body.popup {padding:10px;} a, img {border-style:none; text-decoration:none;} a {color:#e01f26; font-weight:bold;} a:hover {text-decoration:underline;} a, span {font-size:1.0em;} h1, .titel {font-size:20px; line-height:22px; margin-bottom:5px;} h2, .untertitel {font-size:16px; line-height:18px; margin-bottom:4px;} h3, .content {font-size:12px;} h3 {margin:0; margin-bottom:2px;} h2.login {margin-bottom:12px;} h1.maintitle {margin-top:0; margin-bottom:8px;} h2.subtitle {font-size:12px; margin-top:0; margin-bottom:8px; font-weight:normal; text-transform:uppercase; letter-spacing:1px;} div {margin:0; padding:0; display:block;} p {margin-top:10px; margin-bottom:10px;} label {vertical-align:middle;} ol, ul, li {margin:0; padding:0;} ul, ol, form {margin-top:4px; margin-bottom:0px;} form {margin-top:8px;} ul {margin-left:15px;} ol {margin-left:20px;} ul ul, ul.sitemap1 {margin-left:15px;} ul ul {margin-top:1px; margin-bottom:1px;} ol ol {margin-top:1px; margin-bottom:1px;} #top {position:absolute; top:5px; left:5px; width:920px; height:40px; background-color:#efefef; border-style:solid; border-color:silver; border-width:1px;} #menu {position:absolute; top:55px; left:5px; width:255px; background-color:#efefef; border-style:solid; border-color:silver; border-width:1px;} #editblock {border-color:silver;} body.content {margin:0px; padding:0px; background-color:#A5C443; background-image:url(../images/page/bg.jpg); background-attachment:fixed;} body.drittanbieter {border-top-right-radius: 50px/*3%*/; border: 2px solid rgb(146, 195, 18);/*-webkit-box-shadow: inset 0px 0px 0px 2px rgba(146,195,18,1);-moz-box-shadow: inset 0px 0px 0px 2px rgba(146,195,18,1);box-shadow: inset 0px 0px 0px 2px rgba(146,195,18,1);*/} body.content .sichereverbindung {display:none;} body.drittanbieter .sichereverbindung {display:block; height:121px; width:121px; background-image:url(../images/page/kundenportal/sichereverbindung.png); background-repeat:no-repeat; background-size:contain; position:absolute; right:50px; top:50px;} #openidheader {width:100%; margin:0px; padding:0px; height:80px; background-color:#fff;} #mastercontainer {width:calc(100% - 50px); max-width:1450px; margin:25px; margin-top:10px;} #header {width:calc(100% - 80px); margin:0px; padding:0px; background-color:rgba(255,255,255,0.6); padding-left:40px; padding-right:40px;/* margin-bottom:10px;*/} #contentcontainer {width:100%; margin:0px; padding:0px; background-color:transparent; padding-left:0px; padding-right:0px; padding-bottom:20px;} #content {width:calc(75% - 90px); float:left; padding-left:40px; padding-right:40px; margin-right:10px; background-color:#fff; padding-top:40px; padding-bottom:40px; box-shadow: 0 0 1px 1px rgba(166,166,166,0.4);} .drittanbieter #content {width:calc(100% - 80px); float:none; padding-left:40px; padding-right:40px; margin-right:0px; background-color:transparent; padding-top:40px; padding-bottom:40px; box-shadow:none;} #seitennav {width:calc(25% - 80px); padding:40px; background-color:#fff; float:left; box-shadow: 0 0 1px 1px rgba(166,166,166,0.4);} #seitennav a {width:100%; display:block; padding-top:20px; padding-bottom:20px; font-size:16px; color:#6eb22d;font-family:"ORF Universal",-apple-system,BlinkMacSystemFont,Arial,Roboto,sans-serif;;font-weight:400;} #seitennav a img {/*float:left;*/display:table-cell; padding-right:15px; padding-bottom:20px; vertical-align:middle; width:65px; height:auto;} #nav {width:100%; height:40px; background-color:#88BA14; margin-bottom:10px; display:block;} .subnavitem {padding-right:25px; padding-left:25px; float:left;} .subnavitem a {white-space:nowrap; font-family:"ORF Universal Condensed","Avenir Next Condensed","Arial Narrow","Roboto Condensed",sans-serif-condensed,"ORF Fallback Roboto Condensed"; font-weight:400; letter-spacing:1px; display:block; width:100%;} .subnavitem * {color:#fff !important;} .nav_right {float:right; margin-right:40px; font-size: 16px; font-weight: 400; line-height: 40px; font-family:"ORF Universal SC","ORF Fallback SC",sans-serif; color:#fff !important;} .nav_right.active {font-weight:bold;} .kundencontainer {width:100%;} .kundencontainer_head {width:calc(100% - 40px); padding-left:40px; font-size:20px;font-family:"ORF Universal Condensed","Avenir Next Condensed","Arial Narrow","Roboto Condensed",sans-serif-condensed,"ORF Fallback Roboto Condensed";font-weight:400; color:#93c213; line-height:30px; border-bottom:1px solid #93c213; background-repeat:no-repeat; background-position:left center; cursor:pointer;} .containeropen {background-image:url(../images/page/kundenportal/arrow_top.png);} .containerclose {background-image:url(../images/page/kundenportal/arrow_bottom.png);} .kundencontainer_inhalt {width:100%; padding-top:30px; padding-bottom:50px;} .kundencontainer_labels {width:100%;} .kundencontainer_anmeldung {width:100%; margin-top:10px;} .kundencontainer_anmeldung div {float:left; height:50px; vertical-align:middle; cursor:pointer;} .kundencontainer_anmeldung div img {padding-top:10px; width:30px; height:auto;} .kundencontainer_anmeldung div span {font-size:18px;font-family:"ORF Universal Condensed","Avenir Next Condensed","Arial Narrow","Roboto Condensed",sans-serif-condensed,"ORF Fallback Roboto Condensed";font-weight:400; line-height:18px; display:block; margin-top:16px;} .kundencontainer_anmeldung div:nth-child(1) span {font-size:18px;font-family:"ORF Universal Condensed","Avenir Next Condensed","Arial Narrow","Roboto Condensed",sans-serif-condensed,"ORF Fallback Roboto Condensed";font-weight:400; line-height:18px; display:block; padding-top:8px; padding-bottom:8px; margin-top:8px; width:34px; text-align:center; background-color:#fff; border-radius:60px;} .kundencontainer_labels div {float:left;} .kundencontainer_labels div span {font-size:14px;font-family:"ORF Universal Condensed","Avenir Next Condensed","Arial Narrow","Roboto Condensed",sans-serif-condensed,"ORF Fallback Roboto Condensed";font-weight:400; } .kundencontainer_labels_top div span {font-size:14px;font-family:"ORF Universal Condensed","Avenir Next Condensed","Arial Narrow","Roboto Condensed",sans-serif-condensed,"ORF Fallback Roboto Condensed";font-weight:400; } .kundencontainer_anmeldung div:nth-child(1), .kundencontainer_labels div:nth-child(1) {width:calc(15% - 40px); padding-left:40px;} .kundencontainer_anmeldung div:nth-child(2), .kundencontainer_labels div:nth-child(2) {width:16%;} .kundencontainer_anmeldung div:nth-child(3), .kundencontainer_labels div:nth-child(3) {width:9%;} .kundencontainer_anmeldung div:nth-child(4), .kundencontainer_labels div:nth-child(4) {width:15%;} .kundencontainer_anmeldung div:nth-child(5), .kundencontainer_labels div:nth-child(5) {width:15%;} .kundencontainer_anmeldung div:nth-child(6), .kundencontainer_labels div:nth-child(6) {width:17%;} .kundencontainer_anmeldung div:nth-child(7), .kundencontainer_labels div:nth-child(7) {width:calc(13% - 25px); padding-right:25px;} .kundencontainer_anmeldung div:nth-child(7) span {font-size:12px; white-space: nowrap; overflow:hidden;text-overflow: ellipsis;} .kundencontainer_anmeldung div:nth-child(1) {background-image:url(../images/page/kundenportal/arrow_bottom_white.png); background-repeat:no-repeat; background-position:10px center;} .kundencontainer_labels_top div {padding-left:36%; padding-right:34%; width:30%;} .kundencontainer_options {width:90%; padding-left:10%; height:50px; margin-bottom:20px; vertical-align:middle;background: #d7ddce;background: -moz-linear-gradient(top, #d7ddce 0%, #f4f9e7 20%, #f4f9e7 100%);background: -webkit-linear-gradient(top, #d7ddce 0%,#f4f9e7 20%,#f4f9e7 100%);background: linear-gradient(to bottom, #d7ddce 0%,#f4f9e7 20%,#f4f9e7 100%);filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#d7ddce', endColorstr='#f4f9e7',GradientType=0 );} .kundencontainer_options span {display:block; padding-top:16px; font-size:14px;} .kundencontainer_options span span {display:inline-block; padding-top:0px; } .kundencontainer_options a {font-size:14px;font-family:"ORF Universal Condensed","Avenir Next Condensed","Arial Narrow","Roboto Condensed",sans-serif-condensed,"ORF Fallback Roboto Condensed";font-weight:400; line-height:18px; color:#87ba30;} .color1 {background-color:#FFF3A0;} .color1:hover {background-color:#FFEA5C;} .color2 {background-color:#92C312;} .color2:hover {background-color:#7FAA0F;} .color3 {background-color:#e9f3d0;} .color3:hover {background-color:#d3e7a0;} .color4 {background-color:#f1f1f1;} .color4:hover {background-color:#e3e3e3;} .color4 * {color:#c4c4c4 !important;} .color5 {background-color:#e01f26;} .color5:hover {background-color:#d32824;} .contract_process.D09 {color:#FFA500; font-weight:bold;} .contract_process.D38, .contract_process.D38N {color:#e01f26; font-weight:bold;} .contract_process.K09A {color:orange; font-weight:bold;} img[align=middle] {width:100%; height:auto;} img[align=right] {width:15%; height:auto; padding-bottom:20px; padding-top:10px; padding-left:20px; max-width:90px;} img[align=left] {width:15%; height:auto; padding-bottom:20px; padding-top:10px; padding-right:20px; max-width:90px;} .loading_icon {text-align:center;} .loading_icon img {width:100px; height: auto} /* xxxxxxxxxxxxxxxxxxx MOBILEMENUE START xxxxxxxxxxxxxxxxxxxxxxxxxxx */ #mobilemenu {overflow:auto;} #mobilemenu * {margin:0px; padding:0px; list-style-type:none; list-style-image:none;} #mobilemenu ul li ul {display:none;} #mobilemenu ul li ul li ul {display:none;} #mobilemenu li {display:block;} #mobilemenu li span {position:relative;} #mobilemenu .navspace {display:inline-block; width:30px; height:30px; margin-right:10px; position:absolute; right:10px;} #mobilemenu .navclick {cursor:pointer;} #mobilemenu #navmore {background-image:url(../images/page/plus_black.png);} #mobilemenu #navless {background-image:url(../images/page/minus_black.png);} #mobilemenu ul li ul li #navmore {background-image:url(../images/page/plus_black.png);} #mobilemenu ul li ul li #navless {background-image:url(../images/page/minus_black.png);} #mobilemenu ul li span {display:block; padding-left:10px; padding-top:5px; padding-bottom:5px; font-size:16px; text-transform:uppercase; border-bottom:1px solid #fff;} #mobilemenu ul li span a {color:#000;} #mobilemenu ul li ul li span {display:block; padding-left:10px; padding-top:5px; padding-bottom:5px; font-size:12px; text-transform:none; border-bottom:1px solid #fff; background-image:none; background-color:#E8F3F9;} #mobilemenu ul li ul li span a {color:#000;} #mobilemenu ul li ul li ul li a {display:block; padding-left:10px; padding-top:5px; padding-bottom:5px; font-size:10px; color:#000; text-transform:none; border-top:1px solid #eee; background-image:none; background-color:#fff;} #hiddennav, #navbutton {display:none;} /* xxxxxxxxxxxxxxxxxxx MOBILEMENUE END xxxxxxxxxxxxxxxxxxxxxxxxxxx */ li.activemenu, li.normalmenu {white-space:nowrap; overflow:hidden;} li.activemenu {} div.menupadding {margin:0; padding:0; padding-left:5px;} ul.menusubpagelist {list-style-type:none; list-style-image:none; margin:0; padding-left:20px; white-space:nowrap; overflow:hidden; background-color:#ffffff;} ul.submenu, ul.mainmenu, ul.submenu3 {list-style-type:none; list-style-image:none; margin:0; padding:0;} li.activesubmenulayer3 * {font-size:13px !important;} li.normalsubmenulayer3 * {font-size:13px !important;} li.mainitem, h2.mainmenu, li.trenner {display:inline;} a.activemenu {color:#e01f26; font-size:16px; font-weight:400; line-height:40px; text-decoration:underline; font-family:"ORF Universal SC","ORF Fallback SC",sans-serif;} a.normalmenu {color:#e01f26; font-size:16px; font-weight:400; line-height:40px; font-family:"ORF Universal SC","ORF Fallback SC",sans-serif;} a.activemenu:hover, a.normalmenu:hover {} a.activemainmenu {color:red; font-weight:400; text-transform:none; vertical-align:middle; font-family:"ORF Universal SC","ORF Fallback SC",sans-serif;} a.normalmainmenu {color:black; font-weight:400; text-transform:none; vertical-align:middle; font-family:"ORF Universal SC","ORF Fallback SC",sans-serif;} a.activemainmenu:hover, a.normalmainmenu:hover {color:red;} a.activesubmenu3 {color:#e01f26; font-size:16px; font-weight:400; line-height:30px; text-decoration:underline;} a.normalsubmenu3 {color:#e01f26; font-size:16px; font-weight:400; line-height:34px;} a.activesubmenu3:hover, a.normalsubmenu3:hover {} .myinput, input.text, textarea.text, select {border-style:solid; border-width:1px; border-color:silver; margin-top:1px; margin-bottom:1px;} .login_input {border-style:solid; border-width:1px; border-color:silver; margin-top:1px; margin-bottom:1px;} input.loginsubmit {margin-top:10px; margin-bottom:10px;} .login_checkbox {vertical-align:middle;} .login_submit_area {padding-top:5px;} select {background-color:#ffffff;} .galeriethumb {margin-right:5px; margin-bottom:5px;} .captcha {border:solid silver 1px; width:120px;} img.captcha {margin-top:8px; margin-bottom:1px;} input.captcha {margin-bottom:2px;} #mobilenavcontainer {display:none;} .portalform {margin-bottom:0px;} .portalform > div {margin-bottom:15px; float:left; width:45%; min-height:50px; padding-right:5%;} .portalform label {font-size:11px; color:#666; display:block; line-height:16px;} .portalform label>* {font-size:inherit !important;} .portalform label.error {color:red;} .portalform input {display:inline-block; font-size:18px; width:calc(94% - 14px); padding:5px; border:2px solid #8DBE0D; color:#666;} .portalform textarea {display:inline-block; font-size:18px; width:calc(94% - 14px); padding:5px; border:2px solid #8DBE0D; color:#666;} .portalform .selectcontainer {display:block; width:calc(94% - 4px); border:2px solid #8DBE0D; background-image:url(../images/page/kundenportal/dropdown_bg.jpg); background-repeat:no-repeat; background-position:right center; overflow:hidden; padding-top:5px; padding-bottom:3px;} .portalform select {font-size:18px; width:calc(100% + 18px); color:#666; background:transparent; border:none; padding-right:45px;} .submitbuttoncontainer {margin:0px; padding:0px !important; border:none; color:#8DBE0D; background-color:transparent; text-align:right; width:45% !important; margin-left:50%; padding-top:0px !important/*30px*/;} .portalform input[type=submit], .portalform input[type=button] {width:auto; margin-right:6%; font-size:18px; color:#fff; background-color:#8DBE0D; cursor:pointer;} .portalform input[type=submit]:hover, .portalform input[type=button]:hover {background-color:#7FAA0F; text-decoration:none; border-color:#7FAA0F; } .portalform input[type=checkbox] {width:20px; height:20px; margin:0px; padding:0px; border:2px solid #8DBE0D;} .portalform input[type=radio] {width:20px; height:20px; margin:0px; padding:0px; border:2px solid #8DBE0D; margin-right:10px;} .portalform .field_container {} .portalform .field_container.Agb label, .portalform .field_container.Dse label {color:#000; font-weight:bold;font-size:16px; } .portalform .field_container.Testabos {padding-top:30px;} .portalform .field_container .optionscontainer .optioncontainer {padding-top:20px;} .portalform .field_container .optionscontainer .optioncontainer input {display:inline-block; vertical-align:top;} .portalform .field_container .optionscontainer .optioncontainer label {display:inline-block; vertical-align:top; font-size:inherit !important; cursor:pointer;} .infobutton {display:inline-block; width:6%; height:auto; cursor:pointer; max-width:24px;} .backbuttoncontainer {display:block; position:relative;} .backbutton {position:absolute; top:-55px; color:#8DBE0D; background-color:transparent; font-size:18px; font-weight:normal; line-height:18px; border:none;cursor:pointer;} .backbutton:hover {color:#7FAA0F;} .statusbox {position:relative; margin-top:0px/*30px*/ !important; margin-bottom:30px !important; width:100% !important;} .statusbox .backbutton {margin-top:0px; margin-right:0px; top: 0px;} .statusbox img {max-width:100%; height:auto;} .field_spacer {/*test begin*/ /*border: 1px dashed red;*/ /*test end*/ position:relative; margin-top:0px !important; margin-bottom:0px !important; width:100% !important; clear:both; min-height: 15px !important;} .input_info.info_Agb, .input_info.info_Dse {margin-left:10px; display:inline !important; } .input_info.info_Agb *, .input_info.info_Dse * {display:inline !important; } .devtype-img {background-image: url(../images/page/kundenportal/sc.png);display: block; width: 39px; height: 39px; margin-top: 5px !important; background-size:contain;} .devtype-img.sc {background-image: url(../images/page/kundenportal/sc.png);} .devtype-img.stb {background-image: url(../images/page/kundenportal/stb.png);} .devtype-img.cam {background-image: url(../images/page/kundenportal/cam.png);} .devtype-img.profcam {background-image: url(../images/page/kundenportal/profcam.png);} .steps_horizontal {display:block; padding-bottom:60px/*40px*/; } .drittanbieter .steps_horizontal {display:none !important;} .steps_horizontal * {font-size:18px/*20px*/; line-height:18px/*20px*/; color:#7d7d7d; text-align:center; } .steps_horizontal div {width:20%/*calc(25% - 20px)*/; padding-top:10px; padding-bottom:10px; /*padding-left:20px;*/ float:left; background-color:#b6b6b6; background-position:left center; background-repeat:no-repeat;} .steps_vertical {display:none;} .drittanbieter .steps_vertical {display:block !important;} .steps_vertical * {font-size:20px; line-height:20px; color:#7d7d7d;} .steps_vertical div {width:calc(100% - 20px); padding-top:10px; padding-bottom:10px; padding-left:20px; background-color:#b6b6b6; margin-bottom:10px;} .h_step2 {background-image: url(../images/page/kundenportal/stepshadow.png);} .h_step3 {background-image: url(../images/page/kundenportal/stepshadow.png);} .h_step4 {background-image: url(../images/page/kundenportal/stepshadow.png);} .h_step5 {background-image: url(../images/page/kundenportal/stepshadow.png);} .sactive {color:#fff !important; background-color:#92c312 !important;} .sactive b {color:#fff !important;} #footer_outer {width:100%;margin:0px; padding:0px; background-color:#000; margin-bottom:0px;} #footer_inner {padding:15px; padding-top:23px; padding-bottom:24px;} .footerspalte1 {display:inline-block; width:45%; margin:0px; padding:0px;font-family:"ORF Universal",-apple-system,BlinkMacSystemFont,Arial,Roboto,sans-serif; font-size:16px; color:#fff; font-weight:normal;} .footerspalte2 {display:inline-block; width:25%; margin:0px; padding:0px;font-family:"ORF Universal",-apple-system,BlinkMacSystemFont,Arial,Roboto,sans-serif; font-size:16px; color:#fff; font-weight:normal;} .footerspalte4 {display:inline-block; width:10%; margin:0px; padding:0px;font-family:"ORF Universal",-apple-system,BlinkMacSystemFont,Arial,Roboto,sans-serif; font-size:16px; color:#fff; font-weight:normal;} .footerspalte3 {display:inline-block; width:20%; margin:0px; padding:0px; text-align:right;font-family:"ORF Universal",-apple-system,BlinkMacSystemFont,Arial,Roboto,sans-serif; font-size:16px; color:#fff; font-weight:normal;} .hiddenlabel {display:none !important;} .klappcontainer {width:100%;} .klapptitle {width:90%; color:#000; font-size:16px; padding-top:8px; padding-bottom:8px; margin-bottom:8px; cursor:pointer; border-bottom:1px solid #DFDFDF; font-weight:bold; padding-right:10%; background-image:url(../images/page/klapp_arrow.png); background-position:right center; background-repeat:no-repeat;} /*#contentcontainer_inner*/.klappcontent {width:100%; display:none;} .klappfooter {width:90%; text-align:right; color:#e01f26; font-size:16px; font-weight:bold; padding-top:8px; padding-bottom:8px; padding-right:10%; background-image:url(../images/page/klapp_arrow_close.png); background-position:right center; background-repeat:no-repeat; margin-top:20px; margin-bottom:10px; cursor:pointer; border-bottom:1px solid #DFDFDF;} .error {color:red;} .readonly input {border-color:#9E9E9E;} .readonly .selectcontainer {border-color:#9E9E9E; background-color:#DADADA; background-image: url(../images/page/kundenportal/dropdown_bg_grey.png);} .checkbox {width:95% !important;} .checkbox label {font-size:14px;} select::-ms-expand {display: none;} .Testabos_EX01_label {border: 0px none !important; font-size:0px; border-radius:0px !important; padding:0px !important; background: transparent url("../images/page/kundenportal/simplihintergrund_0.jpg") no-repeat scroll left top !important; display: inline-block; width: 100% !important; max-width:900px; height:250px !important/*auto*/; margin: 0px; text-align: left; cursor: pointer;background-size: contain !important;} .Testabos_EX01_label .ui-icon {display:none; } .Testabos_EX01_label .ui-checkboxradio-label {padding:0px !important; } .Testabos_EX01_label .ui-checkboxradio-label img {pointer-events:none; width:100%; height:auto; opacity:0;} .Testabos_EX01_label.ui-state-active {background: transparent url("../images/page/kundenportal/simplihintergrund_1.jpg") no-repeat scroll left top !important;background-size: contain !important;} #iframeheader {background-color:rgb(239, 242, 206); width:100%; margin-bottom:0px; -webkit-border-top-right-radius: 10px; -moz-border-radius-topright: 10px; border-top-right-radius: 10px;} #iframelogo img {width:200px; height:auto;} .input_info.info_Testabos {padding-top:15px;} .input_info.info_Testabos_bottom {padding-top:15px;} #m006_return_container .statusbox {max-height: 200px; overflow-y: scroll; } .m006_return_item, .m006_return_item .status, .m006_return_item .status * {color:#8DBE0D; font-weight:bold;} .cl_cookie_privacy_layer {display:none !important;} @media only screen and (max-width:1440px){ #seitennav a img {height:30px; width:auto; padding-right:5px;} #seitennav a {font-size:14px;} .kundencontainer_anmeldung div span {font-size:16px;} #content {width:calc(70% - 90px);} #seitennav {width:calc(30% - 80px);} body.drittanbieter .sichereverbindung {display:block; height:121px; width:121px; background-image:url(../images/page/kundenportal/sichereverbindung.png); background-repeat:no-repeat; background-size:contain; position:relative; right:0px; top:0px; float:right; margin-left:15px; margin-bottom:15px;} .steps_horizontal * {font-size:1.1vw;} } @media only screen and (max-width:1000px){ #content {width:calc(100% - 20px); padding:10px; float:none; margin:0%;} #seitennav {display:none;} .kundencontainer_anmeldung div span {font-size:14px;} .kundencontainer_options {width:calc(100% - 20px); height:auto; padding-left:10px; padding-right:10px; padding-bottom:10px; margin-bottom:0px;} .kundencontainer_options span {display:block; padding-top:16px; font-size:14px !important;} .kundencontainer_options a {font-size:14px !important;line-height:16px; padding-top:16px;} #mobilenavcontainer {position:fixed; width:90%; height:calc(100vh); overflow:auto; z-index:20; top:0px; right:0px;} #mobilenav {width:calc(100% - 20px); padding:10px; background-color:rgba(255,255,255,0.95); -webkit-box-shadow: -5px 5px 5px 0px rgba(0,0,0,0.34);-moz-box-shadow: -5px 5px 5px 0px rgba(0,0,0,0.34);box-shadow: -5px 5px 5px 0px rgba(0,0,0,0.34); border-left:2px solid #A5C443;} #mobilenav a {width:100%; display:block; padding-top:10px; padding-bottom:10px; font-size:14px; color:#6eb22d;font-family:"ORF Universal",-apple-system,BlinkMacSystemFont,Arial,Roboto,sans-serif;;font-weight:400;} #mobilenav a img {vertical-align:middle; padding-right:10px; width:65px; height:auto;} /* New Navbutton */ #navbutton {background-color: #92C312;width: 50px;height: 50px;position: fixed;right: 0;top: 0; display:block; z-index:30;} .navbutton-line {position: absolute;background-color: #ffffff;height: 5px;width: 30px;border-radius: 2.5px;transition: all 0.5s;transform-origin: 50% 50%;} .navbutton-line:nth-child(1) {left: 10px;top: 12.5px;} .navbutton-line:nth-child(2) {left: 10px;top: 22.5px;} .navbutton-line:nth-child(3) {left: 10px;top: 32.5px;} .steps_horizontal {display:none;} .steps_vertical {display:block;} } @media only screen and (max-width:860px){ #header {width:calc(100% - 20px); padding-left:10px; padding-right:10px;} #contentcontainer {width:100%;; padding-left:00px; padding-right:00px; padding-bottom:20px;} #mastercontainer {width:calc(100% - 20px); margin:10px; margin-top:10px;} .kundencontainer_options span {display:block; padding-top:16px; font-size:14px !important; padding-bottom:14px;} .kundencontainer_options span span {display:none;} .kundencontainer_options a {font-size:16px !important;line-height:16px; padding-top:16px; display:block;} .kundencontainer_options a::before {content: "- ";} .portalform > div {width:100%;} .portalform input {width:calc(94% - 14px); margin-right:0%;} .portalform .selectcontainer {width:calc(94% - 4px); margin-right:0%;} .portalform input[type=submit] {} } @media only screen and (max-width:540px){ .kundencontainer_labels {display:none;} .kundencontainer_anmeldung div {width:50% !important; height:auto;} .kundencontainer_anmeldung div img {width:20px !important; height:auto !important; margin:0px !important; padding:0px !important;} .kundencontainer_anmeldung div span {font-size:18px; margin-top:0px; margin-bottom:5px; padding-left:10px;} .kundencontainer_anmeldung div:nth-child(1) span {padding-left:0px !important;} .kundencontainer_anmeldung div:nth-child(3) span {padding-left:0px !important; margin-left:5px; margin-bottom:5px;} .kundencontainer_anmeldung div:nth-child(3) span:nth-child(1) {padding-left:10px !important;} .kundencontainer_anmeldung div:nth-child(3) {height:auto;} .meinkundenportal img {height:100px !important;} .logo img {height:100px !important;} .devtype-img {width: 25px; height: 25px;} .footerspalte1 {width:50%;} .footerspalte2 {width:50%; text-align:right;} .footerspalte3 {width:100%; margin-top:20px;} body.drittanbieter .sichereverbindung {display:block; height:80px; width:80px; background-image:url(../images/page/kundenportal/sichereverbindung.png); background-repeat:no-repeat; background-size:contain; position:relative; right:0px; top:0px; float:none; margin-left:-30px; margin-bottom:10px; margin-right:10px; margin-top:-30px;} .hiddenlabel {display:block !important; font-size:10px !important; color:#000 !important; font-weight:bold; margin:0px !important;} .kundencontainer_anmeldung div img {padding-top:0px !important; margin-bottom:10px !important; padding-left:10px;} .submitbuttoncontainer {text-align:left; width:100% !important; margin-left:0%;} .backbuttoncontainer {padding-bottom:40px;} .backbutton {top:0px;} #iframelogo img {width:120px;} .nav_right {float:none; margin-left:10px; margin-right:10px; } }