@font-face{ font-family:'MyriadPro-Regular'; src:url('fonts/MyriadPro-Regular.eot'); src:url('fonts/MyriadPro-Regular.woff') format('woff'), url('fonts/MyriadPro-Regular.ttf') format('truetype'), url('fonts/MyriadPro-Regular.svg') format('svg'); font-weight:400; font-style:normal; }
@font-face{ font-family:'NettoOT-Bold'; src:url('fonts/NettoOT-Bold.eot'); src:url('fonts/NettoOT-Bold.woff') format('woff'), url('fonts/NettoOT-Bold.ttf') format('truetype'), url('fonts/NettoOT-Bold.svg') format('svg'); font-weight:400; font-style:normal; }
@font-face{ font-family:'NettoOT-Light'; src:url('fonts/NettoOT-Light.eot'); src:url('fonts/NettoOT-Light.woff') format('woff'), url('fonts/NettoOT-Light.ttf') format('truetype'), url('fonts/NettoOT-Light.svg') format('svg'); font-weight:400; font-style:normal; }
html { -webkit-text-size-adjust:100%; background-color:#EEEEEE; }
body, td, p { color:#606060; font-family:"MyriadPro-Regular",Sans-Serif,Arial,Verdana; font-size:12.8px; }
body { padding:0; margin:0 auto; background-color:#464646; max-width:2560px; }
img { border:0px; }
div { position:relative; display:block; }
warn { color:#FF0000; }
a { color:#017840; text-decoration:none; cursor:pointer; }
a:link, a:visited { color:#017840; text-decoration:none; }
a:hover { color:#33BB33; text-decoration:none; }
#header { display:table; background-color:#FFFFFF; height:60px; box-sizing:border-box; width:100%; }
#header-inner { display:table-cell; min-height:58px; width:50%; }
#header-svg-menu-wrapper { float:left; display:none; padding:0 22px 2px 2px; margin-top:6px; }
#header-svg-menu-wrapper svg { display:block; cursor:pointer; width:36px; height:38px; padding:0 0 0 12px; }
#header-svg-menu-wrapper svg path { stroke:#666666; stroke-width:5; stroke-linecap:round; }
#svg-menu-wrapper { float:left; margin:16px 0 32px 2px; }
#svg-menu-wrapper svg { display:block; cursor:pointer; width:36px; height:38px; padding:0 0 0 12px; }
#svg-menu-wrapper svg path { stroke:#FFFFFF; stroke-width:2; stroke-linecap:round; }
#header-logo-wrapper { float:left; cursor:pointer; max-height:60px; overflow:hidden; padding:4px 0 0 10px; }
#header-logo-wrapper svg { height:50px; width:300px; }
#header-logo-text-mobile1, #header-logo-text-mobile2 { display:none; }
#header-logo-wrapper g path, #header-logo-wrapper svg text { fill:#017840; font-family:Sans-Serif; font-size:20px; }
#header-link-wrapper a { float:right; color:#606060; text-decoration:underline; clear:both; margin-top:2px; }
#header-link-wrapper { float:right; margin:18px 4px 1px 0; }
#header-account-info-wrapper div { font-size:14px; float:right; text-align:right; margin:16px 16px 0 0; }
#header-account-info-wrapper a { float:right; text-decoration:underline; }
#header-login-wrapper { position:absolute; top:-4px; right:0; box-sizing:border-box; margin:16px 4px 4px 8px; }
#header-login-wrapper a { font-size:14.8px; }
#header-login-wrapper div { display:table-cell; font-size:14px!important; vertical-align:middle; line-height:18px; }
#header-login-wrapper div:nth-child(1) { color:#017840; font-size:16px; text-align:right; padding:2px 10px 0 6px; }
#header-login-wrapper div:nth-child(2) { cursor:pointer; width:24px; }
#header-login-wrapper .svg-ico { width:28px; }
#header-login-wrapper div svg { width:24px; height:24px; }
.svg-ico-bill { width:22px; height:22px; padding:2px; }
.svg-ico-kd, .svg-ico-kd-fill { float:left; width:28px; height:28px; }
.svg-ico-kd path { stroke:#00B42E!important; stroke-width:3.2; }
.svg-ico-kd-fill path { fill: #00B42E!important; stroke:#00B42E!important; }
.svg-ico, .svg-ico-gray, .svg-ico-white { width:26px; height:26px; }
.svg-ico-gray svg path, .svg-ico-gray svg circle, .svg-ico-gray svg line, .svg-ico-gray svg polyline { stroke:#707173!important; }
.svg-ico-white svg path, .svg-ico-white svg circle, .svg-ico-white svg line, .svg-ico-white svg polyline { stroke:#FFFFFF!important; }
#banner { width:100%; height:auto; overflow:hidden; }
#banner-img, #banner-img-mobile { width:100%; height:auto; }
#banner-img-mobile { display:none; }
#banner-service-text { left:4%; position:absolute; bottom:10.8vw; }
#banner-service-text div { display:block; margin-bottom:0.8vw; width:100%; }
#banner-service-text div span { font-family:NettoOT-Bold; color:#FFFFFF; background-color:#018E3C; border-radius:0.4vw; padding:0.32vw; }
#banner-service-text div:nth-child(1) span { font-size:2.8vw; }
#banner-service-text div:nth-child(2) span { font-size:1.6vw; }
/*IE-Bug-Fix*/ 
@media screen and (-ms-high-contrast:active), (-ms-high-contrast:none) { #banner-service-text div span { line-height:0; padding:0.32vw 0.32vw 0 0.32vw; } #banner-service-text div span::after { content:''; display:inline-block; height:2.4vw; line-height:2vw; } }
#content { width:100%; float:left; }
#content-middle { display:table; min-height:0px; width:100%; margin:0; padding:0; }
#content-form { display:table-cell; width:auto; padding:0; margin:0; vertical-align:top; background-color:#F2F2F2; }
form { position:relative; background-color:transparent; padding:0!important; }
#content-form-inner { position:relative; top:-6.6vw; width:92%; margin-left:4%; box-sizing:border-box; }
#content-middle-row { display:table-row; }
#content-bottom { float:left; width:100%; margin:0; padding:32px 0 16px 0; background-color:#FFFFFF; border-top:2px solid #F8F8F8; }
#content-bottom-wrapper { margin-left:6%; }
#content-bottom-wrapper table { float:left; width:18%; min-width:120px; margin:0 2% 0 2%; }
#content-bottom-wrappertable:first-child { margin-left:8%; }
#content-bottom-wrapper table td { text-align:center; color:#4D4D4D; }
#content-bottom-wrapper table tr:nth-child(2) td { font-family:"NettoOT-Bold"; font-size:18px; }
#content-bottom-wrapper table tr:nth-child(3) td { font-size:10px; }
.m-box-headline { max-width:640px; margin:0 auto 28px auto; font-family:"NettoOT-Bold"; font-size:26px; color:#FFFFFF; }
.m-box-content { border:1px solid #FFFFFF; margin:12px auto 0 auto; padding:12px; max-width:640px; }
.m-box { float:left; width:100%; padding:32px 32px 40px 32px; background:linear-gradient(120deg,#00B42E 0,#017840 100%); box-sizing:border-box; }
.m-box table td { font-family:"MyriadPro-Regular"!important; font-size:14px; color:#FFFFFF; }
.table-listing { margin:0; border-collapse:collapse; border-spacing:0; }
.table-listing td:first-child:before { font-family:Arial; padding-right:12px; font-weight:lighter; font-size:22px; color:#FFFFFF; content:"\2713"; }
#footer { float:left; width:100%; background-color:#E4E4E4; text-align:center; line-height:16px; padding:12px 0 8px 0; font-size:16px; color:#8F8F8F; clear:both; margin:0; box-sizing:border-box; }
#footer a { color:#6F6F6F; }
#footer div { margin-top:2px; font-size:10px; color:#8F8F8F; font-family:sans-serif; }
#menu, .menu-collapsed, .menu-expanded { display:table-cell; z-index:0; background-color:#464646; border:none; width:240px; box-sizing:border-box; transition:all 0.6s ease-in-out; overflow:hidden; }
#menu-responsive { z-index:2000; display:none; transition:left ease-in-out 0.8s; left:-246px; width:244px; padding-bottom:12px; position:absolute; background-color:#464646; height:100vh; }
#menu-responsive #menu-icon { width:244px; border-radius:0; padding:6px 0; cursor:pointer; background-color:#464646; }
#menu-responsive .menu-icon-close { float:right; height:16px; margin-top:2px; }
#menu-responsive .menu-icon-close svg { width:16px; height:16px; }
#menu-responsive .menu-icon-close svg path { fill:#FFFFFF; }
#menu-responsive a, #menu-responsive div { float:left; }
.mnu-entry-top { float:left; font-family:NettoOT-Bold,Arial; letter-spacing:0.06em; width:100%; font-size:14.8px; color:#FFFFFF; max-height:36px; height:36px; line-height:26px; overflow:hidden; padding:4px 0 6px 12px; margin:8px 0 8px 0; box-sizing:border-box; cursor:pointer; }
.mnu-entry-top div:first-child { float:left; display:inline-block; padding:0 4px 0 2px; box-sizing:border-box; }
.mnu-entry-top div:nth-child(2) { float:left; display:inline-block; box-sizing:border-box; margin-left:4px; padding:4px 0 0 4px; display:none; }
.mnu-entry-top-ico-collapsed, .mnu-entry-top-ico-expanded { float:left; width:20px; height:20px; margin-left:8px; padding-top:2px; font-size:16px; font-weight:bold; transition:all 0.2s linear; }
.mnu-entry-top-ico-expanded { transform:rotate(90deg); margin-top:10px; }
.mnu-entry-top div svg, .menu-expanded .mnu-entry-top div svg { width:28px; height:28px; }
.mnu-entry-top div svg path, .mnu-entry-top div svg circle, .mnu-entry-top div svg line, .mnu-entry-top div svg polyline, .mnu-entry-top div svg rect { fill:#FFFFFF; stroke:#FFFFFF!important; }
.mnu-entry-sub { float:left; height:auto; width:100%; box-sizing:border-box; font-family:"NettoOT-Light",Arial; font-size:14.8px; margin:0; padding:0 0 0 52px; overflow:hidden; max-height:0; transition:max-height 0.6s ease-in-out; display:none; }
.mnu-entry-sub a { display:block; width:100%; color:#FFFFFF!important; margin-bottom:2px; }
.mnu-entry-sub a:hover { text-decoration:underline; }
.mnu-entry-top-selected, .mnu-entry-top:hover { background-color:#363636; }
.mnu-entry-sub-selected { color:#017840!important; text-decoration:underline!important; }
.menu-collapsed { width:68px!important; }
.menu-collapsed .mnu-entry-top div svg { width:32px; height:32px; }
.menu-collapsed .mnu-entry-top div:nth-child(2) { display:none; }
.menu-collapsed .mnu-entry-sub { display:none; }
.menu-expanded .mnu-entry-top div:nth-child(2), #menu-responsive .mnu-entry-top div:nth-child(2) { display:inline-block; }
.menu-expanded .mnu-entry-sub, #menu-responsive .mnu-entry-sub { display:inline-block; }
hl { background-color:#FFBB33; }
.service-headline { float:left; clear:both; width:100%; height:32px; font-family:"NettoOT-Bold"; font-size:24px; color:#4D4D4D; margin-top:8px; }
.service-description-detail { width:100%; column-width:50%; -moz-column-width:50%; column-count:2; -moz-column-count:2; border-bottom:2px solid #F6F6F6; padding:2.8% 4% 2.8% 4%; color:#4D4D4D; font-size:14px; box-sizing:border-box; }
.service-description-mobile { display:none; clear:both; }
.txt-email, .txt-pw, .txt-gpnr, .txt-name, .txt-search { box-sizing:border-box!important; padding-right:44px!important; }
.txt-email { background:url("../img/icon_login_mail_gray.svg") no-repeat 98%; }
.txt-email:focus { background:url("../img/icon_login_mail_green.svg") no-repeat 98%; }
.txt-pw { background:url("../img/icon_login_lock_gray.svg") no-repeat 97.6%; }
.txt-pw:focus { background:url("../img/icon_login_lock_green.svg") no-repeat 97.6%; }
.txt-gpnr { background:url("../img/icon_login_person_gray.svg") no-repeat 98%; }
.txt-gpnr:focus { background:url("../img/icon_login_person_green.svg") no-repeat 98%; }
.txt-name { background:url("../img/icon_login_person_gray.svg") no-repeat 98%; }
.txt-name:focus { background:url("../img/icon_login_person_green.svg") no-repeat 98%; }
.txt-search { background:url("../img/icon_search_gray.svg") no-repeat 98%; }
.txt-search:focus { background:url("../img/icon_search_green.svg") no-repeat 98%; }
.service-box-green .txt-collapsible-search { color:#FFFFFF!important; border-color:#80B882!important;background-color:transparent!important; background:url("../img/icon_search_green_light.svg") no-repeat 6px!important; }
.service-box-green .button-collapsible-clear { color:#80B882!important; }
.txt-collapsible-search { z-index:10000!important; background-color:#FFFFFF!important; box-sizing:border-box; border-color:#D0D0D0!important; border-radius:32px!important; border-right:none!important; border-top-right-radius:0!important; border-bottom-right-radius:0!important; position:absolute; right:-2.6%; top:2px!important; width:0; height:32px!important; transition: width ease-in-out 0.4s; background:url("../img/icon_search_gray.svg") no-repeat 6px; padding-left:36px!important; max-width:280px; }
.txt-collapsible-search-focused { width:50%; }
.button-collapsible-clear { z-index:20000!important; display:none; cursor:pointer; color:#BFBFBF; position:absolute; top:6px; right:-8px; z-index:2; font-family:sans-serif; width:14px; height:22px; font-size:1.6vw; line-height:22px; text-align:right; }
.k-green { color:#017840; }
.login-register { float:left; width:250px; color:#A0A0A0; padding:8px 0 0 0; margin:0; text-align:left; }
.service-table-description, .service-description { display:block; float:none; clear:both; color:#4D4D4D; font-size:12px; padding-top:16px; }
.service-table-description { padding-left:0px; font-size:11px; }
.service-table, .service-table-anlagen, .overview-table { width:100%; }
.service-table input[type=text], .service-table input[type=password], .service-table select, .overview-table select { width:100%; max-width:440px; box-sizing:border-box; -moz-box-sizing:border-box; -webkit-box-sizing:border-box; height:32px; }
.service-table td, .service-table-anlagen td { vertical-align:middle; font-family:Sans-Serif!important; }
.service-table tr th, .service-table-anlagen tr th, .overview-table tr th, .block-headline { text-align:left; font-family:"NettoOT-Bold"; font-size:16px; font-weight:normal; color:#017840; padding:20px 0 0 0; text-transform:uppercase; }
.service-table tr th .button-info { text-transform:none!important; }
.service-table tr:nth-child(2) td, .service-table-anlagen tr:nth-child(2) td { padding-top:8px; }
.service-table tr td:first-child, .service-table-anlagen tr td:first-child { width:160px; min-width:80px; max-width:160px; vertical-align:middle; font-size:14px; }
.service-table tr td:nth-child(2), .service-table-anlagen tr td:nth-child(2) { width:auto; font-size:12px; color:#000; padding-bottom:6px; vertical-align:middle; }
.service-table-anlagen tr td:nth-child(2) { padding-bottom:0!important; }
.service-caption, .service-caption-mobile { color:#606060!important; font-size:14px; }
.service-caption { padding-right:8px; }
.service-caption-mobile { display:none; margin:0 0 2px 2px; font-size:12px; }
.overview-table th, .overview-table td { width:100%; }
.overview-table tr td { font-size:14px; text-align:justify; }
.overview-table td a { text-decoration:underline; }
.overview-table th a { color:#00B42E!important; }
.overview-table .button { float:right; width:100px!important; max-width:100px!important; min-width:100px!important; min-height:16px!important; height:26px!important; line-height:12px; text-decoration:none; border-color:#00B42E; color:#00B42E!important; margin-top:4px; }
.service-separator, .overview-separator { display:block; clear:both; width:100%; height:1px; background-color:#D0D0D0; margin:16px 0 4px 0; }
.overview-separator { margin:6px 0 12px 0; } 
.green-arrow:after, .gray-arrow:after, .dark-arrow:after { display:inline; content:'\27A0  '; font-weight:bold; }
.green-arrow:after { color:#00B42E; }
.gray-arrow:after { color:#A0A0A0; }
.dark-arrow:after { color:#4D4D4D; }
.infocontent { float:left; width:100%; margin:0 7px 0 6px; padding:11px; background-color:#FFFFFF; font-size:100%; border-bottom:solid 1px #D4D4D4; color:#A0A0A0; background-color:transparent; }
.infocontent img { display:block; margin-left:auto; margin-right:auto; margin-bottom:10px; clear:both; }
.infocontent-table { border-spacing:0;border-collapse:collapse; }
.infocontent-table td { font-size:11px; color:#A0A0A0; }
.clearing { float:left; height:0; font-size:0; line-height:0; clear:both; }
.agb { text-decoration:underline!important; padding:0 2px 0 2px; }
.asterisk { color:#FF0000; padding-left:2px; font-weight:bold; }
.asterisk:before { content:"\2A"; }
.mandatory { float:right; font-family:"MyriadPro-Regular",Sans-Serif,Arial; font-size:9px; color:#A4A4A4; clear:both; padding-top:4px; }
.mandatory span {margin-right:2px; color:#FF0000; font-size:12px; }
.mandatory span:before { content:"\2A"; }
#main { left:0; transition:left ease-in-out 0.8s; margin:0 auto 0 auto; }
#main-disabled { z-index:1000; display:none; top:0; left:0; width:100%; height:100%; margin:0 auto 0 auto; background-color:#D4D4D4; filter:alpha(opacity=28); opacity:0.6; position:fixed; }
.no-link { text-decoration:none!important; cursor:default!important; color:#008F4B!important; }
.no-link:hover, .no-link:visited, .no-link:link { color:#008F4B!important; }
input[type=text], input[type=tel], input[type=password], select, .input-login, textarea { border:2px solid #D0D0D0; font-family:Sans-Serif; font-size:14px; height:34px; float:left; padding:1px 6px 1px 6px; border-radius:4px; resize:none; background-color:transparent; outline:none; }
input:-webkit-autofill,input:-webkit-autofill:hover,input:-webkit-autofill:focus,input:-webkit-autofill:active {-webkit-transition:color 9999s ease-out, background-color 9999s ease-out; -webkit-transition-delay:9999s; }
input[type=text]:focus, input[type=tel]:focus, input[type=password]:focus, select:focus, textarea:focus, .input-login:focus { border:2px solid #00B42E; outline:none; }
input[disabled], select[disabled], textarea[disabled], .input-login[disabled] { background-color:#F8F8F8; color:#A0A0A0; }
input[type=text]::-ms-clear, input[type=tel]::-ms-clear { display:none; }
select { -webkit-appearance:none; -moz-appearance:none; appearance:none; background-image:url('../img/icon_arrow_down.svg'); background-repeat:no-repeat; background-position:right center; padding-right:20px; }
select::-ms-expand { display:none; }
select, textarea { border-radius:4px!important; }
.service-address select, .service-table select { border-radius:32px; height:32px!important; box-sizing:border-box; -moz-box-sizing:border-box; -webkit-box-sizing:border-box; }
.service-address input { height:32px!important; box-sizing:border-box; -moz-box-sizing:border-box; -webkit-box-sizing:border-box; }
.service-address .errormessage { margin-left:174px; width:100%; }
.service-address #ddLand, .service-address #txtStr { max-width:440px; }
.service-address #txtPLZ { width:82px; }
.service-address #txtOrt, .service-address #ddOrt { max-width:352px; }
.service-address #txtHausNr { max-width:88px; }
.service-address #txtStiege, .service-address #txtTur { max-width:66px; }
.service-table #ddAnrede, .service-table #ddTitel { width:160px; }
#tblVertragskonto select { padding-right:20px; border-width:1px; border-color:#666666; }
#tblVertragskonto select:focus { border-width:1px; }
#tblVertragskonto .service-caption-mobile { margin-left:0; }
#tblVertragskonto tr td:last-child { padding-left:4px; vertical-align:bottom; padding-bottom:8px; }
#tblVertragskonto td { font-size:14px; }
.rounded-breadcrumb table td { font-family:"NettoOT-Bold",Arial; font-weight:normal; }
.captcha { border:1px solid #BBBBBB!important; float:left; margin:0px 8px 0px 0px; }
.password-strength-bar { font-family:Sans-Serif!important; width:100%!important; box-sizing:border-box; margin-top:36px; max-width:440px!important; }
.errormessage, .errormessage-iban { clear:both; display:block; background:url(../img/icon_error_small.svg) no-repeat 2px; padding:4px 0 4px 25px; min-height:12px; font-size:11px; color:#FF0000; }
.errormessage-iban { margin-top:30px; }
.iban-box { margin-top:34px; }
.infomessage, .infomessage-iban { clear:both; display:block; background-image:url(../img/icon_warning_small.svg); background-repeat:no-repeat; background-position:left center; padding:2px 0 0 20px; font-size:11px; color:#000; }
.panel input[type=radio], .panel input[type=checkbox] {	display:none; }
.radio, .radio_red, .checkbox, .checkbox_red { padding-top:8px!important; display:block!important; }
.panel label { display:inline-block; cursor:pointer; position:relative; padding-left:25px; margin-right:15px; font-size:12px; padding-top:4px; }
.panel label:before { content:""; display:inline-block; width:14px; height:14px; margin-right:10px;	position:absolute; left:0; bottom:1px; background-color:transparent; border:solid 2px #A0A0A0; border-radius:4px; }
.radio label:before { border-radius:8px } .radio_red label:before { border-radius:8px; border-color:#FF0000; }
.checkbox label:before, .checkbox_red label:before { top:0; }
.checkbox_red label:before { border-color:#FF0000; }
.radio-float { float:left; }
.radio-float label:before { border-radius:8px; }
.panel input[type=radio]:checked + label:before { background:url(../img/icon_radio.svg) no-repeat -3px -3px; border:solid 2px #1ABC52; }
.panel input[type=checkbox]:checked + label:before { background:url(../img/icon_check.svg) no-repeat 0 0; border:solid 2px #1ABC52; }
.autocomplete_completion_listelement { cursor:pointer; padding-left:0px!important; margin:4px 0 0 0!important; background-color:inherit!important; border-style:solid!important; border-width:2px!important; border-color:#01B24B!important; color:#000!important; text-align:left; list-style-type:none; overflow:visible!important; height:auto!important; z-index:1000; }
.autocomplete_highlighted_listitem { background-color:#01B24B; color:#FFFFFF; padding:1px; font-size:14px; }
.autocomplete_listitem { background-color:#FFFFFF; color:#000; padding:1px; font-family:Sans-Serif; font-size:14px; }
.calendar .ajax__calendar_container { font-family:Sans-Serif!important; background-color:#FFFFFF; border:solid 2px #01B24B; z-index:10000; border-radius:12px; box-shadow:2px 2px 2px rgba(64,64,64,0.2); }
.calendar .ajax__calendar_header { color:#01B24B; font-size:12px; padding-bottom:2px; }
.calendar td, .calendar th, .calendar td:nth-child(2) { font-family:Arial!important; font-size:12px!important; min-width:inherit!important; width:auto!important; padding:1px!important; color:#666666!important; }
.calendar .ajax__calendar_title { width:120px; margin:auto; z-index:1000; color:#666666; }
.calendar .ajax__calendar_prev { z-index:1000; }
.calendar .ajax__calendar_next { z-index:1000; }
.calendar .ajax__calendar_active .ajax__calendar_day, .calendar .ajax__calendar_active .ajax__calendar_month, .calendar .ajax__calendar_active .ajax__calendar_year { background-color:#44D48E; color:#FFFFFF; font-weight:bold; border:none; }
.calendar .ajax__calendar_today { color:#666666; font-weight:bold; }
.calendar .ajax__calendar_body { border-top:solid 1px #D0D0D0; border-bottom:solid 1px #D0D0D0; }
.calendar .ajax__calendar_hover { background-color:#01B24B; color:#FFFFFF; }
.calendar .ajax__calendar_dayname { color:#666666; font-weight:bold; }
.calendar .ajax__calendar_day {	color:#666666; }
.calendar .ajax__calendar_other .calendar .ajax__calendar_day,.calendar .ajax__calendar_other .calendar .ajax__calendar_year { color:#666666; }
.button-logout svg path { fill:#606060; }
.button-info { position:relative; float:left; width:24px; height:24px; color:transparent; padding-left:6px; background:url('../img/icon_info.svg') no-repeat 0 -1px; border:none; cursor:pointer; }
.button-info span { color:#000; display:none; }
.button-info:hover span { font-weight:normal!important; text-align:left; position:absolute; display:block; top:20px; left:-248px; padding:10px; min-width:220px; max-width:220px; min-height:44px; background-color:#FFFFFF; border:solid 2px #00B42E; box-shadow:2px 2px 2px rgba(68,68,68,0.4); border-radius:4px; border-top-right-radius:0px; z-index:1000; }
.button-info:hover span div { position:absolute; top:-4px; left:239px; background-color:#00B42E; padding:0; width:12px; height:2px; z-index:1000; transform:rotate(-30deg); -ms-transform:rotate(-30deg); -webkit-transform:rotate(-30deg); -moz-box-shadow:0px 4px 4px rgba(68,68,68,0.4);-webkit-box-shadow:0px 4px 4px rgba(68,68,68,0.4); box-shadow:0px 4px 4px rgba(68,68,68,0.4); border-top-right-radius:2px; border-bottom-right-radius:2px; }
.button, .button-standard, .button-forward, .button-back, .button-delete, .button-order, .button-ok, .button-change, .button-upload, .button-service-error, .button-details { box-sizing:border-box; min-height:16px; display:block; min-width:88px!important; width:120px; padding:4px 0 2px 0; height:36px; border:2px solid #017840; border-radius:4px; color:#017840!important; line-height:30px; text-align:center; transition:color 0.36s, background-color 0.36s, border-color 0.36s; font-family:"MyriadPro-Regular",Sans-Serif,Arial,Verdana; font-size: 12.8px;}
.button { min-height:16px; }
.button-upload { width:180px; height:34px; }
.button-service-error { width:100%; min-width:200px; max-width:240px; color:#FFFFFF!important; border-color:#FFFFFF!important; }
.button-order, .button-ok, .button-delete { transition:opacity 0.36s; float:right; padding:4px!important; color:#FFFFFF!important; font-size:14px; border:none; }
.button-details { margin:0 auto 0 auto; padding:2px!important; line-height:30px!important; font-size:12.8px; height:4px!important; border-width:1px; font-weight:normal; width:64%; min-width:140px!important; max-width:200px!important; box-sizing:border-box; }
.button-order:after, .button-delete:after, .button-details:after { display:inline-block; margin:0px!important; padding:0!important; height:26px; width:26px; float:right; }
.button-order:after, .button-delete:after { content:url("../img/icon_button_arrow.svg"); }
.button-details:after { content:url("../img/icon_button_arrow_green.svg"); }
.button-order, .button-ok { background:linear-gradient(120deg,#FD8A42 0,#F66A10 100%); }
.button-delete { background:linear-gradient(120deg,#FF4444 0,#FF0000 100%); }
.button-forward, .button-back, .button-change { transition:none; color:#00B42E!important; padding:4px!important; line-height:28px!important; font-size:16px; border:none; height:28px!important; text-decoration:underline!important; }
.button-forward, .button-back { width:88px; }
.button-change { font-size:12px; float:right; padding-right:0!important; text-align:right; }
.button-forward:after { display:inline-block; content:url("../img/icon_button_forward.svg"); margin:0 0 0 8px!important; padding:0!important; height:28px; width:28px; float:right; }
.button-back:before { display:inline-block; content:url("../img/icon_button_back.svg"); margin:0 8px 0 0!important; padding:0!important; height:28px; width:28px; float:left; }
.button-change:before { display:inline-block; content:url("../img/icon_button_change.svg"); margin:2px 0 0 56px!important; padding:0!important; height:16px; width:16px; float:left; }
.button-forward:hover, .button-back:hover, .button-change:hover { color:#00B42E!important; }
.button-back { float:left; text-align:left; }
.button-forward { float:right; text-align:right; }
.button-change-simple { font-size:12.8px; font-family:Sans-Serif,Arial!important; font-weight:bold; height:16px; line-height:16px; margin:0; text-decoration:underline!important; width:auto!important; }
.button-change-simple div { float:right; margin:2px 0 0 6px; text-align:left; }
.button-change-simple div:nth-child(1) { margin-right:8px; }
.button-change-simple div:nth-child(2) { margin-left:0!important; margin-right:2px; }
.button:hover, .button-standard:hover, .button-upload:hover, .button-details:hover { color:#FFFFFF!important; background-color:#017840; }
.button-service-error:hover { background-color:#FF0000; }
.button-order:hover, .button-delete:hover, .button-ok:hover { opacity:0.76; }
.button-disabled { pointer-events:none; cursor:default; text-decoration:none!important; }
.button-disabled:before, .button-disabled:after { content:''!important; }
.no-data { width:100%; padding:4%; background-color:#F0F0F0; min-height:80px; box-sizing:border-box; color:#363636; }
.no-data div { display:table-row; }
.no-data div div { vertical-align:middle; display:table-cell; padding-right:24px; line-height:22px; vertical-align:top; }
.no-data div div:last-child span:first-child { font-size:16px; font-family:"NettoOT-Bold"; }
.no-data div div:last-child span:last-child { font-size:12px; }
.no-data img { width:44px; height:44px; }
.service-error, .service-maintenance, .service-warning { width:100%; margin:0; padding:4% 6% 4% 6%; background-color:#B90612; min-height:220px; box-sizing:border-box; color:#FFFFFF; border-radius:14px; }
.service-error img, .service-maintenance img, .service-warning img { width:48px; height:48px; }
.service-error div:first-child, .service-maintenance div:first-child, .service-warning div:first-child { font-family:"NettoOT-Bold"; font-size:22px; display:table-row; }
.service-error div:first-child div, .service-maintenance div:first-child div, .service-warning div:first-child div { display:table-cell; vertical-align:middle; padding:0 8px 22px 0; }
.service-error div:last-child, .service-maintenance div:last-child, .service-warning div:last-child { width:100%; display:block; font-size:14px; }
.service-error a { color:#FFFFFF!important; }
.service-maintenance, .service-warning { color:#363636; background-color:#FECE2F; }
.service-warning a { color:#363636!important; border-color:#363636!important; }
.service-maintenance-preannouncement { width:100%; min-height:32px; background-color:#FECE2F; color:#363636; box-sizing:border-box; padding:12px; margin-top:2px; }
.service-maintenance-preannouncement div:first-child { font-family:"NettoOT-Bold"; font-size:16px; }
.bull:before { font-family:verdana; content:"\2022\20"; font-size:14px; }
.bull { color:#008F4B; }
.service-box, .service-box-green { margin:0 4% 20px 0; width:96%; background-color:#FFFFFF; border-radius:14px; box-sizing:border-box; border:solid 1px rgba(68,68,68,0.18); box-shadow:2px 2px 2px rgba(68,68,68,0.18); }
.service-box { padding: 1% 0 0 0; max-width:1280px; }
.service-box-green { padding-bottom:1.4%; background:linear-gradient(140deg,#01953C 0,#017840 100%); background-color:#017840; border:none; border-top:1px solid #01953C; color:#FFFFFF; }
.service-box-headline { font-size:1.8vw; line-height:1.6vw; font-family:NettoOT-Bold; color:#017840; margin:1% 2.4% 0 2.4%; padding-top:1.6%; min-height:30px; }
.service-box-green .service-box-headline { font-size:1.6vw; padding-top:1%; }
.service-box-sub-headline { clear:both; font-size:0.8vw; line-height:1.2vw; color:#A0A0A0; }
.service-box-green .service-box-headline { color:#FFFFFF; text-align:center; }
.grid-cell100, .grid-cell75, .grid-cell70, .grid-cell65, .grid-cell60, .grid-cell50, .grid-cell40, .grid-cell35, .grid-cell30, .grid-cell25 { display:table-cell; vertical-align:top; }
.grid-cell100 { width:100%; } .grid-cell75 { width:75%; } .grid-cell70 { width:70%; } .grid-cell65 { width:65%; } .grid-cell60 { width:60%; } 
.grid-cell50 { width:50%; } .grid-cell40 { width:40%; } .grid-cell35 { width:35%; } .grid-cell30 { width:30%; } .grid-cell25 { width:25%; }
.grid { display:table; width:100%; }
.page-navigation { clear:both; width:100%; height:40px; font-family:"NettoOT-Light"; font-size:14px; border-top:2px solid #E8E8E8; padding:2px; box-sizing:border-box; }
.page-navigation select { float:left; height:20px!important; font-size:10px!important; border-width:1px!important; border-color:#D0D0D0!important; margin:8px 0 0 12px; }
.page-navigation .page-selection, .page-navigation .page-selection-mobile { float:right; font-size:14.8px; line-height:34px; }
.page-navigation .page-selection div, .page-navigation .page-selection-mobile div { float:left; cursor:pointer; padding:10px 6px 12px 6px; box-sizing:border-box; }
.page-navigation .page-selection div:before, .page-navigation .page-selection-mobile div:before { box-sizing:border-box; line-height:16px; text-align:center; color:#FFFFFF; background-color:#C0C0C0; color:#FFFFFF; display:block; width:16px; height:16px; border-radius:100%; }
.page-navigation .page-selection div:last-child, .page-navigation .page-selection-mobile div:last-child { float:right; margin-left:8px; }
.page-navigation .page-selection div:first-child:before, .page-navigation .page-selection-mobile div:first-child:before { content:"<"; }
.page-navigation .page-selection div:last-child:before, .page-navigation .page-selection-mobile div:last-child:before { content:">"; }
.page-navigation .page-selection a, .page-navigation .page-selection-mobile a { box-sizing:border-box; padding:2px; float:left; display:block; text-align:center; min-width:16px!important; color:#A0A0A0; }
.page-navigation-selected { color:#363636!important; }
.page-navigation-disabled:before { opacity:0.32; cursor:not-allowed; }
.page-selection-mobile { display:none; }
.popup-background { background-color:gray; filter:alpha(opacity=60); opacity:0.6; }
.popup { overflow-y:auto; height:auto; max-height:96%!important; max-width:800px; min-width:520px; padding:24px 20px 20px 20px; box-sizing:border-box; border-radius:14px; border:solid 1px rgba(68,68,68,0.18); box-shadow:2px 2px 2px rgba(68,68,68,0.18); font-size:12.8px; background-color:#FFFFFF; }
.popup-button-close { position:absolute; right:12px; top:12px; z-index:100000; background-color:#FFFFFF; font-size:24px; }
.button-box-dual { display:table; width:100%; box-sizing:border-box; margin-top:6px; border-spacing:0; border-collapse:collapse; }
.button-box-dual div { display:table-cell; width:50%; box-sizing:border-box; }
.button-box-dual div:first-child { padding-right:4px; }
.button-box-dual div:last-child { padding-left:4px; }
.button-box-dual div a { width:100%; }
.sort-cn { display:table-cell; padding-right:2px; }
.sort-icon { display:table-cell; padding-left:2px; }
  
@media (min-width:2048px) {
    #banner-service-text div:nth-child(1) span { font-size:56px; }
    #banner-service-text div:nth-child(2) span { font-size:34px; }
    #banner-service-text { bottom:240px!important; }
    #banner-service-text div span { border-radius:8px; padding:8px; }
    #banner-service-text div { margin-bottom:18px; }
    #content-form-inner { top:-164px; } 
    .service-box-headline { font-size:32px; margin-top:4px; line-height:24px; } 
    .service-box-green .service-box-headline { font-size:32px; padding-top:16px; }
    .button-collapsible-clear { font-size:32px; }
    .service-box-sub-headline { font-size:16px; line-height:24px; } }
@media (max-width:1000px) { #menu { width:180px; } .mnu-entry-top { font-size:12.8px; } .mnu-entry-sub { font-size:12px; } 
                           .page-selection { display:none; } .page-selection-mobile { display:block; } 
                           .service-box-headline { font-size:2.4vw; line-height:2.4vw; } .service-box-sub-headline { line-height:0.8vw; }
                           .button-collapsible-clear { font-size:2.4vw; }
                           .txt-collapsible-search { height:26px!important; } }
@media (max-width:778px) { .page-navigation .page-stats { display:none; } .popup { max-width:96%; min-width:96%; }
    #header-login-wrapper div { font-size:12px!important; }
    .mnu-entry-top { font-size:16px; } .mnu-entry-sub { font-size:16px; } 
    #banner-img-mobile { display:inherit; }
    #banner-img { display:none; }
    #header-logo-text { display:none; }
    #header-inner { width:200px; }
    #menu { display:none; }
    #header-svg-menu-wrapper { display:block; padding:0; }
    #menu-responsive { display:block; } 
    #menu-icon { display:block; cursor:pointer; }
    #content-form-inner { top:-32vw; width:92%; margin-left:4%; box-sizing:border-box; }
    #banner-service-text { left:4%!important; position:absolute!important; bottom:40vw!important; }
    #banner-service-text div:nth-child(1) span { font-size:5.8vw!important; }
    #banner-service-text div:nth-child(2) span { font-size:3.2vw!important; }
    #svg-menu-wrapper { display:none; }
    #header-logo-wrapper svg { width:250px; }
    .service-box, .service-box-green { width:100%; min-height:100px; }
    .grid, .grid-cell75, .grid-cell70, .grid-cell65, .grid-cell60, .grid-cell50, .grid-cell40, .grid-cell35, .grid-cell30, .grid-cell25 { display:block; width:100%; }
    .service-box-headline { font-size:4vw; line-height:18px; padding-top:16px }
    .button-collapsible-clear { top:4.6px; font-size:4vw; }
    .service-box-green .service-box-headline { font-size:6vw; }
    .service-box-sub-headline { line-height:2.8vw; }
    .txt-collapsible-search { height:28px!important; padding-right:30px!important; }
    .page-navigation .page-selection a { margin-right:0!important; }
    .service-box-sub-headline { font-size:10px; }
    .service-caption { display:none; }
    .service-caption-mobile { display:block; }
}
@media (max-width:478px) { #header-login-wrapper div { font-size:10px!important; } 
                          .button-box-dual { display:block; }
                          .button-box-dual div { display:inline-block; width:100%; }
                          .button-box-dual div:first-child, .button-box-dual div:last-child { padding:0; }
}
@media (max-width:320px) { .service-box-headline { font-size:12.8px; } }