@font-face {
    font-family: "Brandon";
    src: url("fonts/BrandonTextKelagWeb-Regular.woff2") format("woff2"), url("fonts/BrandonTextKelagWeb-Regular.woff") format("woff");
    font-display: swap;
    font-weight: normal;
}

@font-face {
    font-family: "Brandon";
    src: url("fonts/BrandonTextKelagWeb-Bold.woff2") format("woff2"), url("fonts/BrandonTextKelagWeb-Bold.woff") format("woff");
    font-display: swap;
    font-weight: bold;
}

@font-face {
    font-family: "Brandon";
    src: url("fonts/BrandonTextKelagWeb-Light.woff2") format("woff2"), url("fonts/BrandonTextKelagWeb-Light.woff") format("woff");
    font-display: swap;
    font-weight: 200;
}

:root { --max-box-width:1520px;
        --k-green:#03933D;
        --k-signal:#FDC300;
        --k-error:#E74C3C;
        --k-lightgray:#F0F0F0; 
        --k-copy:#363636; 
        --k-default-box-shadow:0 0.1rem 0.22rem 0 rgba(0,0,0,0.08); }

h1, h2, h3, .footer .header { margin:0; text-transform:uppercase; font-family:"Brandon",sans-serif; font-weight:bold; }

h1 { font-size:2.22rem; line-height:2.66rem; color:var(--k-green); }
h2 { font-size:1.76rem; line-height:1.88rem; color:var(--k-green); }
h3 { font-size:1.28rem; line-height:1.44rem; color:var(--k-copy); }

html { -webkit-text-size-adjust:100%; background-color:#EEEEEE; }
body, td, p { font-family:"Brandon",Sans-Serif,Arial,Verdana; font-size:1rem; font-size:100%; }
body { padding:0; margin:0 auto; background-color:#464646; max-width:2560px; }
img { border:0px; }
div { position:relative; display:block; }
warn { color:#FF0000; }
a { text-decoration:none; cursor:pointer; color:var(--k-green); }

#header-navigation { line-height:1rem; height:2rem; background-color:var(--k-green); padding:0 4% 0 0; }
#header-navigation a { font-family:"Brandon"; font-weight:bold; font-size:1rem; text-transform:uppercase; color:#FFFFFF!important; margin-left:2rem; }
#header-navigation div, #header-inner { left:0; width:100%; height:32px; margin:0 auto 0 auto; }
#header-navigation div { text-align:right; padding:6px 0 0 0; }
#header { display:table; background-color:#FFFFFF; height:4.4rem; box-sizing:border-box; width:100%; }
#header-inner { display:table-cell; min-height:64px; width:50%; }
#header-svg-menu-wrapper { float:left; display:none; padding:0 22px 2px 2px; }
#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:var(--k-green); stroke-width:4; 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:#666666; stroke-width:2.6; stroke-linecap:round; }
#header-logo-wrapper { float:left; cursor:pointer; max-height:4rem; overflow:hidden; padding:4px 0 0 10px; }
#header-logo-wrapper svg { height:4rem; width:300px; }
#header-logo-text-mobile1, #header-logo-text-mobile2 { display:none; }
#header-logo-wrapper g path, #header-logo-wrapper svg text { fill:var(--k-green); font-family:"Brandon"; font-size:1.66rem; font-weight:normal; }
#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 { display:table; position:absolute; right:0; top:1rem; max-width:50%; }
#header-login-wrapper .icon, #header-login-wrapper .login, #header-login-wrapper .admin { display:table-cell; line-height:1rem; vertical-align:top; }
#header-login-wrapper .icon { padding-right:0.4rem; }
#header-login-wrapper .icon svg path { fill:var(--k-green); }
#header-login-wrapper .icon svg { width:2rem; height:2.2rem; }
#header-login-wrapper .admin { color:var(--k-green); font-weight:bold; text-transform:uppercase; font-size:0.6rem; line-height:0.6rem; }
#header-login-wrapper .login { padding:0 1rem 0 1rem; cursor:pointer; }
#header-login-wrapper .name, #header-login-wrapper .gpnr { width:100%; text-transform:uppercase; color:var(--k-green)!important; }
#header-login-wrapper .name { font-weight:bold;  }
#header-login-wrapper .name div { float:left; padding:0 1rem 0.24rem 0; }
#header-login-wrapper .name div:nth-child(2) { float:left; background:url("../img/icon_dropdown_arrow.svg") no-repeat; background-size:100%; height:1rem; }
#header-login-wrapper .gpnr { font-weight:normal; }
#header-login-wrapper .dropdown-menu { display:none; position:absolute; z-index:10000; box-sizing:border-box;
                                       right:0; top:3.6rem; width:22rem; background-color:#FFFFFF; box-shadow:var(--k-default-box-shadow); padding:6% 6% 4% 6%; }
#header-login-wrapper .dropdown-menu .header { width:100%; height:2rem; cursor:pointer; }
#header-login-wrapper .dropdown-menu .header .close { display:inline-block; float:right; font-size:2rem; line-height:1rem; }
#header-login-wrapper .dropdown-menu .account { padding:4% 6% 4% 6%; background-color:var(--k-lightgray); border-bottom:0.44rem solid var(--k-signal)!important; }
#header-login-wrapper .dropdown-menu .account .name, #header-login-wrapper .dropdown-menu .account .gpnr, #header-login-wrapper .dropdown-menu .account a { color:var(--k-copy)!important; }
#header-login-wrapper .dropdown-menu .account a { display:block; margin-top:0.4rem; }
#header-login-wrapper .dropdown-menu .logout, #header-login-wrapper .dropdown-menu .switch-account { width:100%!important; height:2.8rem; }
#header-login-wrapper .dropdown-menu .logout div, #header-login-wrapper .dropdown-menu .switch-account div { display:table-cell; vertical-align:top; padding:4% 6% 4% 8%; white-space:nowrap; }

#header-login-wrapper .dropdown-menu .logout .icon, #header-login-wrapper .dropdown-menu .switch-account .icon { width:2.2rem; height:2.2rem; background-size:100%; }
#header-login-wrapper .dropdown-menu .logout .icon { background:url("../img/icon_dropdown_logout.svg") no-repeat; }
#header-login-wrapper .dropdown-menu .switch-account .icon { background:url("../img/icon_dropdown_switch.svg") no-repeat; }

#header-login-wrapper .dropdown-menu a { text-decoration:underline; }
#header-login-wrapper .dropdown-menu .logout a, #header-login-wrapper .dropdown-menu .switch-account a { font-size:1.2rem; }

.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:Brandon; 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:var(--k-lightgray); }
form { position:relative; background-color:transparent; padding:0!important; }
#content-form-inner, #content-preannouncement { position:relative; top:0!important; width:100%; padding:2.6% 4% 0 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:"Brandon"; font-size:18px; }
#content-bottom-wrapper table tr:nth-child(3) td { font-size:10px; }

#footer { float:left; width:100%; background-color:#FFFFFF; clear:both; margin:0; box-sizing:border-box; min-height:14rem; padding:1% 4% 1% 4%; }
#footer a { color:var(--k-copy); text-decoration:underline; }
#footer p { color:#666666; margin:1.8rem 0 0.4rem 0!important; }
#footer-inner { margin:auto; max-width:var(--max-box-width); }
#footer .logo, #footer .impressum { display:table-cell; vertical-align:top; }
#footer .logo { width:8%; min-width:4.4rem; }
#footer .impressum { padding-top:0.4rem; padding-left:2%; }
#footer .header { width:100%; display:table; }
#footer .header div { display:table-cell; vertical-align:top; font-size:1.2rem; line-height:1.2rem; text-transform:uppercase; color:var(--k-green); font-weight:bold; }
#footer .header .button { float:right; max-width:10rem; }
#footer small { font-size:0.6rem; color:#888888; position:absolute; bottom:0; left:2%; }
#footer .button { min-width:16rem!important; font-size:1rem!important; height:2.36rem!important; line-height:2.36rem!important; }
#footer .spacer { margin:0 1rem 0 1rem; text-align:center; font-weight:bold; }
#footer .spacer:after { content:'|'; }

#menu, .menu-collapsed, .menu-expanded { display:table-cell; z-index:1; background-color:#FFFFFF; border:none; width:18rem; max-width:18rem; box-sizing:border-box; transition:all 0.6s ease-in-out;
                                         overflow:hidden; border-top:0.16rem solid var(--k-lightgray); display:none!important; }
#menu, #menu-responsive { box-shadow:0 0.2rem 0.2rem 0.06rem rgba(0,0,0,0.08); }

#menu-responsive { z-index:2000; display:none; transition:left ease-in-out 0.8s; left:-246px; width:244px; height:1400px; position:absolute; background-color:#FFFFFF; }
#menu-responsive #menu-icon { width:244px; cursor:pointer; background-color:#FFFFFF; }
#menu-responsive .menu-icon-close { float:right; height:1rem; margin-top:0.4rem; }
#menu-responsive .menu-icon-close svg { width:1rem; height:1rem; }
#menu-responsive .menu-icon-close svg path { fill:var(--k-copy); }

.mnu-entry-top { float:left; font-family:"Brandon",sans-serif; letter-spacing:0.06em; width:100%; font-size:1rem; font-weight:bold;
                 letter-spacing:0.02em; text-transform:uppercase; color:var(--k-copy); height:3.2rem; line-height:2rem; 
                 overflow:hidden; padding:0.6rem 0 0.6rem 0.8rem; margin:0.6rem 0 0.6rem 0; box-sizing:border-box; cursor:pointer; }
#menu-responsive .mnu-entry-top { padding:0.4rem 0 0.4rem 1.2rem; height:2.8rem; }

.mnu-entry-top div:first-child, .mnu-entry-top div:nth-child(2) { float:left; box-sizing:border-box; }
.mnu-entry-top div:nth-child(2) { float:left; margin:0 0 0 1.2rem; display:none; box-sizing:border-box; }
.mnu-entry-top-ico-collapsed, .mnu-entry-top-ico-expanded { float:right; width:1.6rem; height:1.6rem; margin-right:0.8rem; 
                                                            font-size:1.6rem; line-height:1.6rem; font-weight:normal; transition:all 0.2s linear; 
                                                            background:url("../img/icon_menu_arrow.svg") no-repeat; background-size:100%; }
.mnu-entry-top-ico-expanded { transform:rotate(90deg); margin-top:0.6rem; }
.mnu-entry-top div svg, .menu-expanded .mnu-entry-top div svg { width:2rem; height:2rem; }
.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:var(--k-copy); stroke:var(--k-copy); }
.mnu-entry-top-selected div svg path, .mnu-entry-top-selected div svg circle, .mnu-entry-top-selected div svg line, .mnu-entry-top-selected div svg polyline, .mnu-entry-top-selected div svg rect, 
.mnu-entry-top:hover div svg path, .mnu-entry-top:hover div svg circle, .mnu-entry-top:hover div svg line, .mnu-entry-top:hover div svg polyline, .mnu-entry-top:hover div svg rect { fill:#FFFFFF; stroke:#FFFFFF!important; }
.mnu-entry-top-selected .mnu-entry-top-ico-collapsed, .mnu-entry-top-selected .mnu-entry-top-ico-expanded,
.mnu-entry-top:hover .mnu-entry-top-ico-collapsed, .mnu-entry-top:hover .mnu-entry-top-ico-expanded { background:url("../img/icon_menu_arrow_selected.svg") no-repeat!important; }
.mnu-entry-sub { float:left; height:auto; width:100%; box-sizing:border-box; margin:0; padding:0 0 0 2.4rem; 
                 overflow:hidden; max-height:0; transition:max-height 0.6s ease-in-out; display:none; background-color:#FFFFFF; }
.mnu-entry-sub a { display:block; width:100%; height:3.2rem; line-height:3.2rem!important; padding-left:1.66rem; 
                   color:var(--k-copy)!important; font-family:"Brandon",sans-serif; font-weight:normal; box-sizing:border-box;
                   border-left:0.44rem solid transparent; }
#menu-responsive .mnu-entry-sub a { height:2.8rem; line-height:2.8rem!important; }
.mnu-entry-top-selected, .mnu-entry-top:hover { background-color:var(--k-green); color:#FFFFFF; }
.mnu-entry-sub a:hover { text-decoration:underline; }
.mnu-entry-sub-selected { background-color:var(--k-lightgray); border-left:0.44rem solid var(--k-signal)!important; font-weight:bold!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-collapsed .mnu-entry-top-ico-collapsed, .menu-collapsed .mnu-entry-top-ico-expanded { 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:"Brandon"; 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%; }
.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:var(--k-green); }
.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%; max-width:692px; }
.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:"Brandon"; font-weight:normal; }
.service-table tr th, .service-table-anlagen tr th, .overview-table tr th, .block-headline { text-align:left; font-family:"Brandon"; font-size:16px; font-weight:normal; color:var(--k-green); 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-table-dual { width:100%; }
.service-table-dual td { width:50%; padding-right:4%; padding-top:1rem; vertical-align:top; }
.service-table-dual th { text-align:left; }
.service-table-dual .caption { display:inline-block; width:100%; font-family:"Brandon"; font-weight:normal; }
.service-table-dual .caption div { float:left; }
.service-table-dual .caption div:nth-child(1) { padding-right:0.6rem; }
.service-table-dual input[type=text], .service-table-dual input[type=password], .service-table-dual select { width:100%; box-sizing:border-box; }
.service-table-dual #lblPWS { display:block; height:0; width:100%!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 { display:block; clear:both; width:100%; height:1px; background-color:#E0E0E0; margin:.8rem 0 .8rem 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:#666666; padding-left:2px; font-weight:bold; }
.asterisk:before { content:"\2A"; }
.mandatory { float:right; font-family:"Brandon",Sans-Serif,Arial; font-size:9px; color:#A4A4A4; clear:both; padding-top:4px; }
.mandatory span {margin-right:2px; color:#666666; 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:0.1rem solid #B8B8B8; box-sizing:border-box; font-family:Sans-Serif; font-size:1rem; height:2.4rem; float:left; padding:1px 6px 1px 6px; 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:0.1rem solid var(--k-green); 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; }
.captcha { border:1px solid #BBBBBB!important; float:left; margin:0px 8px 0px 0px; }
.password-strength-bar { font-family:Sans-Serif!important; width:99%!important; box-sizing:border-box; margin-top:44px; }
.errormessage, .errormessage-iban { display:inline-block; width:100%; padding:0; min-height:1rem; font-size:0.8rem; color:var(--k-error); font-weight:normal; }
.errormessage-iban { margin-top:30px; }
.iban-box { margin-top:34px; }
.infomessage, .infomessage-iban { clear:both; display:block; background-repeat:no-repeat; background-position:left center; padding:2px 0 0 0; font-size:11px; color:#000; }

.radio { margin:0.2rem 0 0.2rem 0; }
.panel input[type=radio], .panel input[type=checkbox] {	display:none; }
.panel label { display:block; cursor:pointer; position:relative; padding-left:1.8rem; padding-right:0; padding-top:0; margin-right:1rem; font-size:1rem; font-weight:normal; line-height:1.2rem; }
.panel label:before { content:""; display:inline-block; width:1rem!important; height:1rem; margin-right:1rem!important; position:absolute; left:0; bottom:1px; background-color:transparent; border:solid 0.1rem #A8A8A8; }
.radio-float label:before, .radio_red label:before { border-radius:100%; }
.radio label:before { border-radius:100%; } 
.checkbox label:before, .checkbox_red label:before { top:0; }
.checkbox_red label:before, .radio_red label:before { border-color:var(--k-error); display:block!important; }
.radio-float { float:left; }
.panel input[type=radio]:checked + label:before { background:url(../img/icon_radio.svg) no-repeat 0 0; border:solid 0.1rem #A8A8A8; }
.panel input[type=checkbox]:checked + label:before { background:url(../img/icon_check.svg) no-repeat 0 0; border:solid 0.1rem #A8A8A8; }
.panel input[type=checkbox]:disabled + label:before, .panel input[type=radio]:disabled + label:before { opacity:0.4!important; cursor:not-allowed; }
.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:#63C3D1!important; color:#000!important; text-align:left; list-style-type:none; overflow:visible!important; height:auto!important; z-index:1000; }
/*.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_highlighted_listitem { background-color:#007A82; 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 1px #4D4D4D; z-index:10000; box-shadow:var(--k-default-box-shadow); }
.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 { white-space:nowrap; color:#FFFFFF!important; text-decoration:none!important; font-family:"Brandon",Sans-Serif; font-size:1.12rem; line-height:2.8rem; font-weight:bold; text-transform:uppercase; background-color:var(--k-green); box-sizing:border-box; display:block; min-width:1rem!important; width:100%; height:2.8rem; min-height:1rem; border:none; text-align:center; transition:opacity 0.36s; }
.button-upload { display:block; box-sizing:border-box; padding:0.6rem 0.4rem 1.6rem 0.4rem; text-align:center; border:0.1rem dashed var(--k-green); color:var(--k-green)!important; text-transform:uppercase; height:2.8rem; min-height:1rem; }
.button:hover, .button-upload:hover { opacity:0.8; }
.button-link { color:var(--k-copy); text-decoration:underline; white-space:nowrap; }

.button-info { position:relative; float:left; width:20px; height:20px; 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:18px; padding:10px; min-width:220px; max-width:220px; min-height:44px; background-color:#FFFFFF; border:solid 1px var(--k-green); box-shadow:0 0.1rem 0.16rem 0 rgba(0,0,0,0.08); z-index:1000; }



/*.button-logout svg path { fill:#606060; }
.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 #03933D; border-radius:4px; color:#03933D!important; line-height:30px; text-align:center; transition:color 0.36s, background-color 0.36s, border-color 0.36s; font-family:"Brandon",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:#03933D; }
.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; }*/
.table-listing { margin:0; border-collapse:collapse; border-spacing:0; }
.table-listing td:first-child:before { font-family:"Brandon"; padding-right:12px; font-weight:lighter; font-size:2rem; color:#FFFFFF; content:"\2713"; }
.no-data { width:100%; padding:4%; background-color:var(--k-lightgray); min-height:80px; box-sizing:border-box; color:var(--k-copy); }
.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:"Brandon"; }
.no-data div div:last-child span:last-child { font-size:12px; }
.no-data img { width:44px; height:44px; }

.service-error, .service-warning { width:100%; margin:0; padding:4% 6% 4% 6%; background-color:#B90612; min-height:220px; box-sizing:border-box; color:#FFFFFF; }
.service-error img, .service-warning img { width:48px; height:48px; }
.service-error div:first-child, .service-warning div:first-child { display:table-row; text-transform:uppercase; font-weight:bold; }
.service-error 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-warning div:last-child { width:100%; display:block; font-size:1.4rem; }

.service-error a { color:#FFFFFF!important; }
.service-maintenance, .service-warning { color:#363636; background-color:#FECE2F; }
.service-warning a { color:#363636!important; }


.bull:before { font-family:verdana; content:"\2022\20"; font-size:2rem; }
.bull { color:#008F4B; }

.service-box, .service-panel, .service-box-maintenance { margin:auto; max-width:var(--max-box-width); background-color:#FFFFFF; box-sizing:border-box; box-shadow:var(--k-default-box-shadow); padding:2.8% 4% 2.8% 4%; font-size:1.28rem; line-height:1.6rem; }
.service-box .header { font-family:"Brandon"; font-weight:bold; margin:0 0 2rem 0; text-transform:uppercase; color:var(--k-green); font-size:2.4rem; line-height:2.4rem; }
.service-panel { padding:0!important; }
.service-panel .caption { font-family:"Brandon"; font-weight:bold; width:100%; height:2.4rem; line-height:2.4rem; background-color:var(--k-green); color:#FFFFFF; padding:0 1rem 0 1rem; box-sizing:border-box; }

.service-box-maintenance { z-index:20000!important; width:100%; border-left:1.2rem solid var(--k-signal); background-color:var(--k-lightgray); margin-bottom:1rem; padding:1.4rem 1rem 1rem 1rem!important; }
.service-box-maintenance .header { display:block; width:100%; font-size:2rem; font-weight:bold; text-transform:uppercase; margin-bottom:0.6rem; }
.service-box-maintenance .message { display:block; width:100%; font-size:1.2rem; font-weight:normal; clear:both; }
.service-box-maintenance img { width:100%; }
.service-box-maintenance-inner { display:table; width:100%; }
.service-box-maintenance-inner div { display:table-cell; text-align:left!important; vertical-align:top; color:var(--k-copy); box-sizing:border-box; }
.service-box-maintenance-inner div:first-child { width:10%; padding-right:1rem; }

#content-preannouncement .service-box-maintenance { padding:0.6rem 1rem 0.6rem 1rem!important; }
#content-preannouncement .service-box-maintenance .header { font-size:1.32rem; margin-bottom:0; }
#content-preannouncement .service-box-maintenance-inner div:first-child { 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:1%; box-sizing:border-box;
         box-shadow:var(--k-default-box-shadow); 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; vertical-align:middle; }
.button-box-dual div:first-child { padding-right:0.6rem; }
.button-box-dual div:last-child { padding-left:0.6rem; }
.button-box-dual div a { width:100%; }

.lnk-extender{ white-space:nowrap; color:var(--k-copy); font-size:1rem; }
.extender{ float:left; padding-left:1.88rem; height:auto; max-height:0; overflow:hidden; transition:max-height 2s ease-in-out; font-size:1rem; }

@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, #content-preannouncement { top:0; } 
    .button-collapsible-clear { font-size:32px; } 
}
/*@media (max-width:1366px) { 
    html { font-size:66%; }
}*/
@media (max-width:1279px) { 
    h1 { font-size:1.6rem!important; line-height:1.8rem!important; }
    h2 { font-size:1.2rem!important; line-height:1.4rem!important; }
    h3, .service-box-dual .box2 .detail { font-size:1rem!important; line-height:1.2rem!important; }
    .service-box-dual .box2 .header { font-size:1.2rem!important; line-height:1.4rem!important; }
    /*.service-box-dual .box1 .detail, .service-box .detail { font-size:0.88rem!important; line-height:1.28rem!important; }
    .service-box-green .service-address table td:nth-child(1) { font-size:0.8rem; }*/ 
}
@media (max-width:768px) {
    /*.service-box-dual .box1 .detail, .service-box .detail { font-size:1rem!important; line-height:1.36rem!important; }
    .service-box-green .service-address table td:nth-child(1) { font-size:1rem; }*/
    .page-navigation .page-stats { display:none; } .popup { max-width:96%; min-width:96%; }
    #header-navigation { display:none; }
    #header-login-wrapper { top:0.4rem; right:0; }
    #header-login-wrapper .icon svg { width:1.6rem; height:1.6rem; }
    #header-login-wrapper .admin { font-size:0.48rem; }
    #header-login-wrapper .name, #header-login-wrapper .gpnr { font-size:0.8rem; line-height:0.8rem; }
    #header-login-wrapper .dropdown-menu { top:2.8rem; }
    #banner-img-mobile { display:inherit; }
    #banner-img { 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; }
    #svg-menu-wrapper { display:none; }
    #content-form-inner, #content-preannouncement { top:0; width:100%; margin-left:0; 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; }
    .service-box { padding:1rem; }
    .service-box-dual .box1 .detail, .service-box-dual .box2 .detail { padding:0.6rem!important; }
    .service-box-green { padding:0!important; }
    .service-box-white {
        padding: 0 !important;
    }
    #header, #header-logo-wrapper, #header-inner { min-height:44px; max-height:44px; height:44px; }
    #header-logo-wrapper svg { height:38px; width:240px; }
    .button-collapsible-clear { top:4.6px; font-size:4vw; }
    .txt-collapsible-search { height:28px!important; padding-right:30px!important; }
    .page-navigation .page-selection a { margin-right:0!important; }
    #footer .header { display:block; }
    #footer .header div:nth-child(1), #footer .header div:nth-child(2) { display:block; float:left; width:100%!important; }
    #footer .header div:nth-child(1) { padding:0.6rem 0 1.2rem 0; }
    #footer .header div:nth-child(2) { padding:0 0 2rem 0; }
    #footer .button { float:none!important; margin:auto; }
    #footer .impressum, #footer small { display:block; text-align:center; width:100%; }
    #footer .logo { display:none; }
    .service-table-dual, .service-table-dual td { display:block; width:100%; padding:0; }
    .service-table-dual .caption { padding-top:1.2rem; }
    .lnk-extender{ display:block; clear:both; width:100%; padding-left:1.8rem!important; font-size:0.6rem; }
    .button-info:hover span { left:-100px; top:24px; }
    .service-box-maintenance-inner div:first-child { display:none; }
    .service-box-maintenance .header { font-size:1.2rem;  }
    .service-box-maintenance .message { font-size:0.8rem; }
}
@media (max-width:480px) { 
    #header-login-wrapper .icon { display:none; }
    .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.4rem 0 0 0; }
    #footer .spacer { margin:0 0.4rem 0 0.4rem; }
    #footer .break { display:block; clear:both; }
    #footer .break:after { content:''; }
}

.checkVerf label{
    display: inline
}

#btCheck
{
    margin-left:auto;
    margin-right:auto;
    margin-top:2rem;
}