body .content .aftersales .aftersalesbox .ma_liste .mitarbeiter .aufgaben {
    display: none !important;
}

body .content .aftersales .aftersalesbox .ma_liste .mitarbeiter.first_ma {
    max-width: 100% !important;
    width: 100% !important;
}

body .content .aftersales .aftersalesbox .ma_liste .mitarbeiter.first_ma .bild {
    width: 45%;
    float: left;
    padding-right: 15px;
}

body .content .aftersales .aftersalesbox .ma_liste .mitarbeiter.first_ma .daten {
    width: 45%;
    float: left;
}

body .content .aftersales .aftersalesbox .ma_liste .mitarbeiter.first_ma .daten h2,
body .content .aftersales .aftersalesbox .ma_liste .mitarbeiter.first_ma .daten h3.bigger,
body .content .aftersales .aftersalesbox .ma_liste .mitarbeiter.first_ma .daten h4.bigger,
body .content .aftersales .aftersalesbox .ma_liste .mitarbeiter.first_ma .daten ul.katlist li>a.bigger,
ul.katlist body .content .aftersales .aftersalesbox .ma_liste .mitarbeiter.first_ma .daten li>a.bigger,
body .content .aftersales .aftersalesbox .ma_liste .mitarbeiter.first_ma .daten ul.katlist li ul li a.bigger,
ul.katlist li ul li body .content .aftersales .aftersalesbox .ma_liste .mitarbeiter.first_ma .daten a.bigger,
body .content .aftersales .aftersalesbox .ma_liste .mitarbeiter.first_ma .daten ul.katlist .blaettern li>.bigger.leer,
ul.katlist .blaettern body .content .aftersales .aftersalesbox .ma_liste .mitarbeiter.first_ma .daten li>.bigger.leer,
body .content .aftersales .aftersalesbox .ma_liste .mitarbeiter.first_ma .daten .blaettern ul.katlist li>.bigger.leer,
.blaettern ul.katlist body .content .aftersales .aftersalesbox .ma_liste .mitarbeiter.first_ma .daten li>.bigger.leer,
body .content .aftersales .aftersalesbox .ma_liste .mitarbeiter.first_ma .daten ul.katlist li ul li .blaettern .bigger.leer,
ul.katlist li ul li .blaettern body .content .aftersales .aftersalesbox .ma_liste .mitarbeiter.first_ma .daten .bigger.leer,
body .content .aftersales .aftersalesbox .ma_liste .mitarbeiter.first_ma .daten .blaettern ul.katlist li ul li .bigger.leer,
.blaettern ul.katlist li ul li body .content .aftersales .aftersalesbox .ma_liste .mitarbeiter.first_ma .daten .bigger.leer {
    font-size: 1.6rem !important;
    margin: 12px 0 7px 0 !important;
}

body .content .aftersales .aftersalesbox .ma_liste .mitarbeiter.first_ma .daten p {
    margin: 15px 0 10px 0px;
    color: #333333;
    font-size: 1.1em;
}

body .content .aftersales .aftersalesbox .ma_liste .mitarbeiter.first_ma .daten .sprachen img {
    margin-right: 3px;
}

body .content .aftersales .aftersalesbox span.as_pfeil {
    width: 78%;
    float: left;
    height: 100px;
    border-right: 4px solid #cccccc;
    border-bottom: 4px solid #cccccc;
}

body .content .aftersales .aftersalesbox span.as_pfeil:before {
    content: " ";
    position: absolute;
    left: 10px;
    bottom: -31px;
    width: 65px;
    height: 65px;
    background: url("../pics/arrows_aftersale.png") no-repeat -150px -65px;
}

body .content .aftersales .aftersalesbox span.as_pfeil.firstc {
    position: absolute;
    bottom: 40px;
    left: 7%;
    width: 86%;
    border-right: none;
    height: 48px;
    padding-top: 20px;
    text-align: center;
    color: gray;
    font-size: 0.8em;
}

body .content .aftersales .aftersalesbox span.as_pfeil.firstc:before {
    bottom: -35px;
    left: -20px;
}

.included.b_bottom {
    border-bottom: 1px solid #DDDDDD;
}

body.newsletter .hline {
    margin-bottom: 0px !important;
}

body.newsletter .topline {
    display: none !important;
}

body.newsletter .nl_head {
    float: left;
    width: 100%;
    background: #f2f2f2;
    font-size: 1.4rem;
    font-weight: 600;
    padding: 10px 0 5px 0;
    color: #b3b3b3;
}

body.newsletter .main_content .blaettern {
    display: none;
}

body.newsletter .main_content .nl_trenner {
    background: #f2f2f2;
    padding: 10px 10px;
    margin-top: 20px;
    margin-bottom: 10px;
}

body.newsletter .main_content .nl_trenner h2,
body.newsletter .main_content .nl_trenner h3.bigger,
body.newsletter .main_content .nl_trenner h4.bigger,
body.newsletter .main_content .nl_trenner ul.katlist li>a.bigger,
ul.katlist body.newsletter .main_content .nl_trenner li>a.bigger,
body.newsletter .main_content .nl_trenner ul.katlist li ul li a.bigger,
ul.katlist li ul li body.newsletter .main_content .nl_trenner a.bigger,
body.newsletter .main_content .nl_trenner ul.katlist .blaettern li>.bigger.leer,
ul.katlist .blaettern body.newsletter .main_content .nl_trenner li>.bigger.leer,
body.newsletter .main_content .nl_trenner .blaettern ul.katlist li>.bigger.leer,
.blaettern ul.katlist body.newsletter .main_content .nl_trenner li>.bigger.leer,
body.newsletter .main_content .nl_trenner ul.katlist li ul li .blaettern .bigger.leer,
ul.katlist li ul li .blaettern body.newsletter .main_content .nl_trenner .bigger.leer,
body.newsletter .main_content .nl_trenner .blaettern ul.katlist li ul li .bigger.leer,
.blaettern ul.katlist li ul li body.newsletter .main_content .nl_trenner .bigger.leer {
    color: #004c80 !important;
    margin: 0 !important;
    font-size: 18px !important;
}

body.newsletter .navcol {
    padding: 0;
}

body.newsletter .navcol .nl_nav {
    width: 100%;
    float: left;
    background: #f2f2f2;
}

body.newsletter .navcol .nl_nav .head {
    padding: 10px 10px 0 10px;
    font-weight: 600;
    color: #b3b3b3;
}

body.newsletter .navcol .nl_nav .navbody h2,
body.newsletter .navcol .nl_nav .navbody h3.bigger,
body.newsletter .navcol .nl_nav .navbody h4.bigger,
body.newsletter .navcol .nl_nav .navbody ul.katlist li>a.bigger,
ul.katlist body.newsletter .navcol .nl_nav .navbody li>a.bigger,
body.newsletter .navcol .nl_nav .navbody ul.katlist li ul li a.bigger,
ul.katlist li ul li body.newsletter .navcol .nl_nav .navbody a.bigger,
body.newsletter .navcol .nl_nav .navbody ul.katlist .blaettern li>.bigger.leer,
ul.katlist .blaettern body.newsletter .navcol .nl_nav .navbody li>.bigger.leer,
body.newsletter .navcol .nl_nav .navbody .blaettern ul.katlist li>.bigger.leer,
.blaettern ul.katlist body.newsletter .navcol .nl_nav .navbody li>.bigger.leer,
body.newsletter .navcol .nl_nav .navbody ul.katlist li ul li .blaettern .bigger.leer,
ul.katlist li ul li .blaettern body.newsletter .navcol .nl_nav .navbody .bigger.leer,
body.newsletter .navcol .nl_nav .navbody .blaettern ul.katlist li ul li .bigger.leer,
.blaettern ul.katlist li ul li body.newsletter .navcol .nl_nav .navbody .bigger.leer {
    border-bottom: 2px solid #d9d9d9;
    font-size: 1rem !important;
    padding: 5px 0 5px 0;
    margin: 10px 10px 10px 10px;
}

body.newsletter .navcol .nl_nav .navbody p.nl_link {
    margin-bottom: 0;
    padding: 5px 0 5px 10px;
}

body.newsletter .navcol .nl_nav .navbody p.nl_link.active {
    background: #FFFFFF;
}

body.newsletter .navcol .nl_nav .navbody p.nl_link.active a,
body.newsletter .navcol .nl_nav .navbody p.nl_link.active .blaettern .leer,
.blaettern body.newsletter .navcol .nl_nav .navbody p.nl_link.active .leer {
    color: #333333 !important;
    text-decoration: none !important;
}

body.newsletter .navcol .nl_nav .navbody p.nl_link a,
body.newsletter .navcol .nl_nav .navbody p.nl_link .blaettern .leer,
.blaettern body.newsletter .navcol .nl_nav .navbody p.nl_link .leer {
    font-size: 0.8rem;
    line-height: 1.4;
}

body.newsletter .navcol .nl_nav .navbody p.nl_link a:hover,
body.newsletter .navcol .nl_nav .navbody p.nl_link .blaettern .leer:hover,
.blaettern body.newsletter .navcol .nl_nav .navbody p.nl_link .leer:hover {
    text-decoration: underline;
}

@media only screen and (max-width: 1024px) {
    body.newsletter .navcol .nl_nav {
        margin: 1px 0 0 0;
        padding: 10px 10px;
    }
}

@media only screen and (min-width: 1025px) {
    body.newsletter .navcol .nl_nav {
        position: fixed;
        left: 0;
        top: 0;
        width: 17%;
        height: 100%;
        overflow: auto;
    }
}

@media only screen and (min-width: 1025px) and (min-width: 1600px) {
    body.newsletter .navcol .nl_nav {
        width: 22%;
    }
}


body.newsletter .lang_switch_nl {
    display: none;
    position: absolute;
    z-index: 110;
    line-height: 38px;
    bottom: -45px;
    right: 20px;
}

body.newsletter .lang_switch_nl>div {
    float: left;
    padding: 0px 3px;
}

body.newsletter .lang_switch_nl>div.current {
    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=40)";
    filter: alpha(opacity=40);
    filter: Alpha(opacity=40);
    opacity: 0.4;
    moz-opacity: 0.4;
    background: transparent;
}

body.newsletter .lang_switch_nl>div a:hover,
body.newsletter .lang_switch_nl>div .blaettern .leer:hover,
.blaettern body.newsletter .lang_switch_nl>div .leer:hover {
    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=70)";
    filter: alpha(opacity=70);
    filter: Alpha(opacity=70);
    opacity: 0.7;
    moz-opacity: 0.7;
}



/* -------- Quickplan Teilnahmebed. (Parnerbereich) ------------ */
.teilnahmebed {
    height: auto;
    max-height: 100%;
    overflow: auto;
    border-top: 30px solid #8AADE0;
    padding-top: 0;
    max-width: 80%;
    left: 10%;
}

@media (max-width: 1400px) {
    .teilnahmebed {
        max-width: 90%;
        left: 5%;
    }
}

@media (max-width: 1050px) {
    .teilnahmebed {
        max-width: 100%;
        left: 0%;
    }
}

.teilnahmebed .row {
    margin: 0 auto;
    max-width: 83.75rem;
    width: 100%;
}

.teilnahmebed .row .lines {
    padding: 20px;
}

.teilnahmebed .row .lines .line {
    position: relative;
    width: 100%;
    float: left;
    font-size: 14px;
    padding: 5px 0px;
}

.teilnahmebed .row .lines .line .deckel {
    position: absolute;
    width: 100%;
    background: #fafafa;
    left: 0;
    top: 0;
    height: 100%;
    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=70)";
    filter: alpha(opacity=70);
    filter: Alpha(opacity=70);
    opacity: 0.7;
    moz-opacity: 0.7;
}

.teilnahmebed .row .lines .line p {
    margin: 20px 0;
}

@media (max-width: 500px) {
    .teilnahmebed .row .lines .line#line_interesse {
        height: 95px;
    }
}

@media (min-width: 600px) {
    .teilnahmebed .row .lines .line.einzug {
        width: 90%;
        margin-left: 20px;
    }
}

.teilnahmebed .row .lines .line span {
    position: relative;
    z-index: 10;
}

.teilnahmebed .row .lines a.checkbutt,
.teilnahmebed .row .lines .blaettern .checkbutt.leer,
.blaettern .teilnahmebed .row .lines .checkbutt.leer {
    position: absolute;
    left: 0;
    top: 0;
    font-size: 16px;
    font-weight: 600;
    padding: 10px 0 10px 50px;
    text-decoration: none !important;
}

.teilnahmebed .row .lines a.checkbutt.underline,
.teilnahmebed .row .lines .blaettern .checkbutt.underline.leer,
.blaettern .teilnahmebed .row .lines .checkbutt.underline.leer {
    text-decoration: underline !important;
    padding: 3px 0 10px 60px;
}

.teilnahmebed .row .lines .check {
    float: left;
    width: 30px;
    height: 30px;
    margin: -4px 10px 5px 10px;
    background-image: url(../pics/haken.png);
    background-position: 0 0;
    background-color: #f2f2f2;
    border: 2px solid #cccccc;
    -webkit-border-radius: 15px 15px 15px 15px;
    -moz-border-radius: 15px 15px 15px 15px;
    border-radius: 15px 15px 15px 15px;
}

.teilnahmebed .row .lines .check.on {
    background-position: -32px -3px;
}

.teilnahmebed .footer {
    width: 100%;
    float: left;
    background: #8AADE0;
    padding: 20px;
    margin-top: 30px;
    font-size: 12px;
    color: #FFF;
}

/* QP Status Mein Quickplan */
.qp_status button {
    margin: 20px 0 0 0 !important;
}

.qp_status .header {
    float: left;
    width: 100%;
    background: #8aade0;
    padding: 10px 10px 7px 10px;
    border: 2px solid #8aade0;
    -webkit-border-radius: 5px 5px 0 0;
    -moz-border-radius: 5px 5px 0 0;
    border-radius: 5px 5px 0 0;
}

.qp_status .header h3,
.qp_status .header h4.bigger,
.qp_status .header ul.katlist li>a,
ul.katlist .qp_status .header li>a,
.qp_status .header ul.katlist li ul li a.bigger,
ul.katlist li ul li .qp_status .header a.bigger,
.qp_status .header ul.katlist .blaettern li>.leer,
ul.katlist .blaettern .qp_status .header li>.leer,
.qp_status .header .blaettern ul.katlist li>.leer,
.blaettern ul.katlist .qp_status .header li>.leer,
.qp_status .header ul.katlist li ul li .blaettern .bigger.leer,
ul.katlist li ul li .blaettern .qp_status .header .bigger.leer,
.qp_status .header .blaettern ul.katlist li ul li .bigger.leer,
.blaettern ul.katlist li ul li .qp_status .header .bigger.leer {
    color: #FFFFFF;
    margin: 4px 0 11px 0px;
    float: left;
}

.qp_status .lines {
    float: left;
    width: 100%;
    padding: 20px 10px;
    margin-bottom: 20px;
    border: 2px solid #8AADE0;
    -webkit-border-radius: 0 0 5px 5px;
    -moz-border-radius: 0 0 5px 5px;
    border-radius: 0 0 5px 5px;
}

.qp_status .lines .line {
    float: left;
    width: 100%;
    padding: 5px 0 5px 30px;
    background-color: #FFFFFF;
    font-size: 14px;
    background-image: url(../pics/haken.png);
    line-height: 16px;
    background-repeat: no-repeat;
    background-position: -30px -5px;
}

.qp_status .lines .line.gruen {
    color: #32b026;
    background-position: -30px -5px;
}

.qp_status .lines .line.rot {
    color: #f63c3c;
    background-position: -37px -86px;
}

.qp_status.anlagenvorg {
    margin-top: 20px;
}

.qp_status.anlagenvorg .header {
    padding: 10px 10px 3px 10px;
    -webkit-border-radius: 5px 5px 5px 5px;
    -moz-border-radius: 5px 5px 5px 5px;
    border-radius: 5px 5px 5px 5px;
}

.qp_status.anlagenvorg .header.openend {
    -webkit-border-radius: 5px 5px 0 0;
    -moz-border-radius: 5px 5px 0 0;
    border-radius: 5px 5px 0 0;
}

.qp_status.anlagenvorg .footer {
    float: left;
    width: 100%;
    background: #8aade0;
    padding: 10px 10px;
    border: 2px solid #8aade0;
    -webkit-border-radius: 0 0 5px 5px;
    -moz-border-radius: 0 0 5px 5px;
    border-radius: 0 0 5px 5px;
}

.qp_status.anlagenvorg .footer .button.smallest,
.qp_status.anlagenvorg .footer .paketauswahl a.smallest.paketbutt,
.paketauswahl .qp_status.anlagenvorg .footer a.smallest.paketbutt,
.qp_status.anlagenvorg .footer .paketauswahl .blaettern .smallest.paketbutt.leer,
.paketauswahl .blaettern .qp_status.anlagenvorg .footer .smallest.paketbutt.leer,
.qp_status.anlagenvorg .footer .blaettern .paketauswahl .smallest.paketbutt.leer,
.blaettern .paketauswahl .qp_status.anlagenvorg .footer .smallest.paketbutt.leer {
    margin-top: 10px;
    font-weight: 300;
}

.qp_status.anlagenvorg .lines {
    padding: 10px 10px;
    margin-bottom: 0px;
    -webkit-border-radius: 0 0 0 0;
    -moz-border-radius: 0 0 0 0;
    border-radius: 0 0 0 0;
}

select.smaller {
    background-color: #f2f2f2;
    font-size: 0.8rem;
    padding: 0.3rem 0.5rem;
    height: 2rem;
}

.anlagenvorg {
    max-width: 670px;
    margin: 0 auto;
}

.anlagenvorg select.smaller {
    background-color: #f7f7f7;
    font-size: 0.84rem;
    padding: 0.2rem 0.5rem;
}

/* -------- Quickplan include (Parnerbereich) ------------ */
.minicolors-theme-default .minicolors-input {
    width: 105px !important;
    padding-left: 35px !important;
}

.minicolors-theme-default .minicolors-swatch {
    border-color: #FFF;
    top: 3px !important;
    left: 2px !important;
    height: 28px !important;
    width: 28px !important;
    cursor: pointer;
}

a.refresh,
.blaettern .refresh.leer {
    position: relative;
    display: inline-block;
    left: -2px;
    top: 2px;
    width: 34px;
    height: 32px;
    text-decoration: none !important;
    background: #d9d9d9;
    color: #b3b3b3 !important;
}

a.refresh:hover,
.blaettern .refresh.leer:hover {
    color: gray !important;
}

a.refresh:before,
.blaettern .refresh.leer:before {
    content: "\f021";
    font-family: "FontAwesome";
    padding-left: 7px;
    font-size: 21px;
    line-height: 32px;
}

.codeboxen {
    clear: both;
    padding: 20px 0 0 0;
}

.codeboxen .codebox {
    font-family: Arial, Helvetica, sans-serif;
    padding-bottom: 5px;
    margin-bottom: 20px;
}

.codeboxen .codebox p {
    font-size: 0.8rem !important;
}

.codeboxen .codebox textarea {
    background: #e0e0e0;
    border-top: none !important;
    min-height: 56px;
    font-size: 0.8rem;
    color: #26861d;
}

.codeboxen .codebox #qp_logowahl {
    width: 141px !important;
}

.clearfix:before,
#calctool .linkbox:before,
.clearfix:after,
#calctool .linkbox:after {
    content: " ";
    display: table;
}

.clearfix:after,
#calctool .linkbox:after {
    clear: both;
}

.clearfix,
#calctool .linkbox {
    *zoom: 1;
}

input[type=text][readonly],
input[type=text].readonly {
    background: transparent;
    border-color: transparent;
    -webkit-box-shadow: none !important;
    -moz-box-shadow: none !important;
    box-shadow: none !important;
}

input#nur_ausgabe {
    position: absolute;
    right: 0.5rem;
    top: 0;
    background: #ccf3c8;
}

::-webkit-input-placeholder {
    color: #888888 !important;
}

:-moz-placeholder {
    color: #888888 !important;
}

::-moz-placeholder {
    color: #888888 !important;
}

:-ms-input-placeholder {
    color: #888888 !important;
}

::placeholder {
    color: #888888 !important;
}

:focus::-webkit-input-placeholder {
    color: transparent !important;
}

:focus:-moz-placeholder {
    color: transparent !important;
}

:focus::-moz-placeholder {
    color: transparent !important;
}

:focus:-ms-input-placeholder {
    color: transparent !important;
}

:focus::placeholder {
    color: transparent !important;
}

.tright {
    text-align: right;
}

.tright input {
    text-align: right;
}

.tleft {
    text-align: left;
}

.tcenter {
    text-align: center;
}

.tcenter input {
    text-align: center;
}

.blass {
    color: gray;
}

.pflicht:not(.pflichtbox),
.Feld_rot,
.pflichtbox:after {
    border: 1px solid #FF7E00 !important;
    background: #ffe193 !important;
}

.nomargin {
    margin: 0 !important;
}

.row.red div,
.row.red input {
    color: #f63c3c !important;
}

.columns.checkbox {
    width: 25px;
    padding-right: 0;
    z-index: 10;
}

@media only screen and (min-width: 1051px) {
    .h2_shift {
        padding-top: 59px;
    }
}

@media only screen and (max-width: 1050px) {
    .fmobile {
        float: left !important;
        left: auto !important;
        right: auto !important;
        width: auto !important;
    }

    .fmobile.nopleftmobile {
        padding-left: 0 !important;
    }

    .fmobile input {
        max-width: 85px !important;
    }

    .fmobile input.size0 {
        max-width: 30px !important;
    }

    .leftonmobile {
        text-align: left !important;
    }

    input.mleft {
        text-align: left;
    }

    input.mleft.readonly {
        padding-left: 0;
        padding-right: 0;
    }

    .mhalf {
        width: 50%;
        float: left;
    }

    .mhalf .columns {
        padding-left: 0 !important;
        padding-right: 0 !important;
    }

    .mhalf .columns.nopleft {
        padding-left: 5px !important;
    }

    .mhalf .columns.darkgreen input.readonly {
        padding-left: 0px !important;
        padding-right: 0px !important;
    }

    .mhalf .columns.small-7 {
        width: 41.66667%;
    }

    .mhalf .columns.small-5 {
        width: 58.33333%;
    }
}

input.size1 {
    text-align: right;
    float: left;
    max-width: 80px;
}

a.toggle.blocked,
.blaettern .toggle.blocked.leer,
a.toggle.blocked:hover {
    cursor: default;
    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=40)";
    filter: alpha(opacity=40);
    filter: Alpha(opacity=40);
    opacity: 0.4;
    moz-opacity: 0.4;
    text-decoration: underline !important;
}

.abs_right {
    float: right;
}

@mediaonly screen and (min-width:1051px) {
    .abs_right {
        position: absolute;
        right: 0;
    }
}

.darkgreen {
    color: #0e9700;
}

.darkgreen input[type=text][readonly],
.darkgreen input[type=text].readonly {
    color: #0e9700;
}

body:not(:has(discount-entry), :has(quick-shop), :has(quick-calc), :has(quick-plan), :has(qp-start), :has(project-administration), :has(quickplan-weiche), :has(wkb-rechner), :has(ertrags-rechner)) {
    .bigger {
        font-size: 1.05rem;
        font-weight: 400 !important;
    }
}

.bigger input,
.bigger .label {
    font-weight: 400 !important;
}

.bigger input[type=text] {
    font-size: 1.15rem !important;
    margin-top: 1px !important;
}

.biggest {
    font-size: 1.2rem;
    font-weight: 400 !important;
}

.biggest input,
.biggest .label {
    font-weight: 400 !important;
}

.biggest input[type=text] {
    font-size: 1.2rem !important;
    margin-top: 2px !important;
}

.biggest .helpicon {
    top: -6px !important;
}

.biggest .smaller {
    font-size: 0.95rem;
}

.standort_einstr {
    padding-bottom: 10px;
}

.empf {
    float: right;
    font-size: 0.8em;
    color: #999999;
}

.empf .iconbox {
    display: inline-block;
    position: relative;
    width: 30px;
}

.empf .iconbox .modulicon {
    position: absolute;
    background: #004c80;
    border: 1px solid #FFFFFF;
    left: 5px;
    top: -12px;
    width: 25px;
    height: 14px;
}

.empf .iconbox .modulicon.senkr {
    top: -17px;
    width: 14px;
    height: 25px;
}


a.button.yellow.vop,
.blaettern .button.yellow.vop.leer,
.paketauswahl a.yellow.vop.paketbutt,
.paketauswahl .blaettern .yellow.vop.leer.paketbutt,
.blaettern .paketauswahl .yellow.vop.leer.paketbutt {
    border: 2px solid #38c52b;
    margin-top: -4px;
}

.greybox_alt.greenbox.darker,
.prospektbestellung .greenbox.darker.legend,
.prospektbestellung .greenbox.darker.eintrag,
.codeboxen .greenbox.darker.codebox {
    background: #b8efb3;
}

.greybox_alt.greenbox.darker:not(.ptop),
.prospektbestellung .greenbox.darker.legend:not(.ptop),
.prospektbestellung .greenbox.darker.eintrag:not(.ptop),
.codeboxen .greenbox.darker.codebox:not(.ptop) {
    border: none !important;
}

.greybox_alt.greenbox.darker.ptop,
.prospektbestellung .greenbox.darker.ptop.legend,
.prospektbestellung .greenbox.darker.ptop.eintrag,
.codeboxen .greenbox.darker.ptop.codebox {
    padding-top: 7px;
}

.greybox_alt.greenbox.darker.pbottom,
.prospektbestellung .greenbox.darker.pbottom.legend,
.prospektbestellung .greenbox.darker.pbottom.eintrag,
.codeboxen .greenbox.darker.pbottom.codebox {
    padding-bottom: 12px;
}

.greybox_alt.ptop,
.prospektbestellung .ptop.legend,
.prospektbestellung .ptop.eintrag,
.codeboxen .ptop.codebox {
    padding-top: 7px;
}

.sp_data {
    padding: 10px 20px 10px 20px !important;
}

.sp_data>.row {
    max-width: 300px !important;
}

.sp_data>.row>.columns {
    padding-top: 0 !important;
    padding-bottom: 2px !important;
}

#loaderdeckel,
.loaderdeckel,
#dialog,
#dialog_adresse,
.mks_sperre,
.mks_deckel,
#warnung_layer {
    z-index: 100;
    position: absolute;
    left: 0;
    top: 0px;
    width: 100%;
    height: 100%;
    background: rgba(0, 0, 0, 0.4);
}

#loaderdeckel.hell,
.loaderdeckel.hell,
.hell#dialog,
.hell#dialog_adresse,
.hell.mks_sperre,
.hell.mks_deckel,
#warnung_layer.hell {
    background: rgba(255, 255, 255, 0.5);
}

#loaderdeckel.full,
.loaderdeckel.full,
.full#dialog,
.full#dialog_adresse,
.full.mks_sperre,
.full.mks_deckel,
#warnung_layer.full {
    background: #e6e6e6;
    position: fixed;
    z-index: 10000;
}

#loaderdeckel.full .loaderbox,
.loaderdeckel.full .loaderbox,
.full#dialog .loaderbox,
.full#dialog_adresse .loaderbox,
.full.mks_sperre .loaderbox,
.full.mks_deckel .loaderbox,
#warnung_layer.full .loaderbox {
    margin-top: -4em;
}

#loaderdeckel.full .loaderbox .loader,
.loaderdeckel.full .loaderbox .loader,
.full#dialog .loaderbox .loader,
.full#dialog_adresse .loaderbox .loader,
.full.mks_sperre .loaderbox .loader,
.full.mks_deckel .loaderbox .loader,
#warnung_layer.full .loaderbox .loader {
    border-left: 0.8em solid #1b3454;
}

#warnung_layer {
    position: fixed;
    z-index: 10000;
    overflow: auto;
}

#warnung_layer span {
    display: block;
    text-align: center;
    background: white;
    max-width: 700px;
    margin: 100px auto;
    padding: 40px 50px 20px 50px;
}

#warnung_layer span.yellow {
    background: #ffc42d;
    padding-top: 20px;
    max-width: 800px;
    text-align: left;
}

#warnung_layer span.yellow p,
#warnung_layer span.yellow li {
    color: #000000;
}

#warnung_layer span.yellow li {
    padding-bottom: 7px;
}

#warnung_layer span.yellow .button,
#warnung_layer span.yellow .paketauswahl a.paketbutt,
.paketauswahl #warnung_layer span.yellow a.paketbutt,
#warnung_layer span.yellow .paketauswahl .blaettern .paketbutt.leer,
.paketauswahl .blaettern #warnung_layer span.yellow .paketbutt.leer,
#warnung_layer span.yellow .blaettern .paketauswahl .paketbutt.leer,
.blaettern .paketauswahl #warnung_layer span.yellow .paketbutt.leer {
    border: 1px solid #c68e00;
    -webkit-box-shadow: 1px 1px 3px rgba(0, 0, 0, 0.18) !important;
    -moz-box-shadow: 1px 1px 3px rgba(0, 0, 0, 0.18) !important;
    box-shadow: 1px 1px 3px rgba(0, 0, 0, 0.18) !important;
}

#warnung_layer span.yellow img {
    width: 443px;
    float: right;
    margin: 0 0 10px 10px;
}

#warnung_layer span.yellow em {
    font-size: 0.9em;
}

.loaderbox {
    position: relative;
    overflow: hidden;
    top: 50%;
    margin-top: -2em;
    text-align: center;
}

.loaderbox .loaderlogo {
    width: 200px;
}

.loader,
.loader:after {
    border-radius: 50%;
    width: 6em;
    height: 6em;
}

.loader {
    margin: auto;
    font-size: 10px;
    position: relative;
    text-indent: -9999em;
    border: 0.8em solid #FFFFFF;
    border-left: 0.8em solid #5386df;
    -webkit-transform: translateZ(0);
    -ms-transform: translateZ(0);
    transform: translateZ(0);
    -webkit-animation: load8 1.1s infinite linear;
    animation: load8 1.1s infinite linear;
}

@-webkit-keyframes load8 {
    0% {
        -webkit-transform: rotate(0deg);
        transform: rotate(0deg);
    }

    100% {
        -webkit-transform: rotate(360deg);
        transform: rotate(360deg);
    }
}

@keyframes load8 {
    0% {
        -webkit-transform: rotate(0deg);
        transform: rotate(0deg);
    }

    100% {
        -webkit-transform: rotate(360deg);
        transform: rotate(360deg);
    }
}

.bigbox {
    padding: 20px 40px;
}

.bigbox .label {
    font-size: 1.2em;
    font-weight: 400;
}

.greenbox.head.empty {
    min-height: 20px !important;
    background: #FFFFFF !important;
}

.greenbox.head.empty h2,
.greenbox.head.empty h3.bigger,
.greenbox.head.empty h4.bigger,
.greenbox.head.empty ul.katlist li>a.bigger,
ul.katlist .greenbox.head.empty li>a.bigger,
.greenbox.head.empty ul.katlist li ul li a.bigger,
ul.katlist li ul li .greenbox.head.empty a.bigger,
.greenbox.head.empty ul.katlist .blaettern li>.bigger.leer,
ul.katlist .blaettern .greenbox.head.empty li>.bigger.leer,
.greenbox.head.empty .blaettern ul.katlist li>.bigger.leer,
.blaettern ul.katlist .greenbox.head.empty li>.bigger.leer,
.greenbox.head.empty ul.katlist li ul li .blaettern .bigger.leer,
ul.katlist li ul li .blaettern .greenbox.head.empty .bigger.leer,
.greenbox.head.empty .blaettern ul.katlist li ul li .bigger.leer,
.blaettern ul.katlist li ul li .greenbox.head.empty .bigger.leer {
    display: none;
}

.margin_s_top {
    margin-top: 25px;
    margin-bottom: -10px;
    float: left;
    width: 100%;
}

.margin_s_bottom {
    margin-bottom: -10px;
    float: left;
    width: 100%;
}

@media only screen and (max-width: 340px) {
    p img {
        width: 100% !important;
        margin: 0 0 15px 0 !important;
    }
}

.blassgruen {
    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=50)";
    filter: alpha(opacity=50);
    filter: Alpha(opacity=50);
    opacity: 0.5;
    moz-opacity: 0.5;
}

.autarkie {
    padding: 0 0.5rem;
    min-width: 420px;
}

.autarkie>.row>.columns.darker {
    background: #d4f5d1;
}

.autarkie>.row>.columns.darker.empty {
    padding: 7px 0 5px 0;
}

.autarkie>.row>.columns.hidden {
    display: none;
}

.autarkie.autarkie_label {
    border-top: 0;
    font-size: 0.9em;
    background: #c8f2c4;
}

.autarkie.autarkie_label>.row>.columns {
    padding-top: 5px !important;
    padding-bottom: 5px !important;
}

.autarkie.autarkie_label>.row>.columns.darker {
    background: #b8efb3;
}

.autarkie.head {
    min-height: 40px;
}

.autarkie.head>.row>.columns {
    height: 40px;
}

.autarkie.head>.row>.columns span {
    padding: 0.25rem 0.3rem 0.1rem 0.1rem;
}

.autarkie.head>.row>.columns.float {
    padding-top: 2px !important;
    padding-bottom: 2px !important;
}

.autarkie.head>.row>.columns.darker {
    background: #b8efb3;
}

.autarkie.head>.row>.columns.darker.empty {
    padding: 0;
}

.autarkie.head input#nur_ausgabe {
    position: relative;
    right: auto;
    background: #b8efb3;
}

.autarkie .row {
    position: relative;
    z-index: 1;
}

.autarkie .row .float input[type=text] {
    float: right;
    width: 58px;
}

.autarkie .row .float input[type=text].readonly {
    padding: 0;
}

.autarkie .row .float span {
    float: right;
    padding: 0.4rem 0.5rem 0.4rem 0.1rem;
}

.autarkie:not(.no_after) .t_quote {
    display: inline;
}

.autarkie:not(.no_after) .t_autarkie {
    display: none;
}

.autarkie.no_after .t_quote {
    display: none;
}

.autarkie.no_after .t_autarkie {
    display: inline;
}

.autarkie #autarkie_emobil,
.autarkie #autarkie_wp {
    font-size: 1.1em !important;
}

.sp_red {
    color: #f63c3c !important;
    font-weight: 400;
}

.ui-tooltip {
    max-width: 800px !important;
    cursor: pointer;
    -webkit-box-shadow: 1px 1px 3px rgba(0, 0, 0, 0.18) !important;
    -moz-box-shadow: 1px 1px 3px rgba(0, 0, 0, 0.18) !important;
    box-shadow: 1px 1px 3px rgba(0, 0, 0, 0.18) !important;
    padding: 8px;
}

.ui-tooltip.ui-widget-content.ui-corner-all {
    border: 2px solid #ddd;
    background: #fff;
    color: #333;
    font-family: Arial, Helvetica, sans-serif;
    font-size: 1em;
    -webkit-border-radius: 3px 3px 3px 3px;
    -moz-border-radius: 3px 3px 3px 3px;
    border-radius: 3px 3px 3px 3px;
}

.ui-tooltip p {
    text-transform: none !important;
    max-width: 350px;
    font-family: sans-serif !important;
    font-size: 0.9rem !important;
}

.ui-tooltip p.tt_head {
    margin: 5px 10px 10px 0 !important;
    font-size: 1.2em !important;
    color: #ff8400 !important;
    color: black !important;
    font-weight: bold !important;
}

.ui-tooltip p.tt_head.red {
    color: #f63c3c;
}

.ui-tooltip li {
    font-size: 0.8em;
    line-height: 1.2em;
    padding: 2px 0;
    max-width: 310px;
}

.ui-tooltip table {
    font-size: 12px;
    margin-bottom: 10px;
}

.ui-tooltip table td {
    padding-right: 10px;
}

.table_tt td {
    line-height: 1.1;
    padding: 2px;
    vertical-align: top;
}

.tt_static {
    position: relative;
    background: #fafafa;
    background: #fafafa;
    padding: 10px;
    margin: 10px 0;
}

.tt_static.tt_border {
    border: 5px solid #e6e6e6;
}

.tt_static_close {
    position: absolute;
    color: gray !important;
    right: 10px;
    top: 5px;
    font-size: 24px;
    line-height: 24px;
}

.tt_static_close:hover {
    color: #cccccc !important;
}

.weiterbutts {
    padding: 10px 0 70px 0;
}

.weiterbutts.left {
    float: left !important;
}

.weiterbutts.left a.button.yellow.pdf,
.weiterbutts.left .blaettern .button.yellow.pdf.leer,
.blaettern .weiterbutts.left .button.yellow.pdf.leer,
.weiterbutts.left .paketauswahl a.yellow.pdf.paketbutt,
.paketauswahl .weiterbutts.left a.yellow.pdf.paketbutt,
.weiterbutts.left .paketauswahl .blaettern .yellow.pdf.leer.paketbutt,
.paketauswahl .blaettern .weiterbutts.left .yellow.pdf.leer.paketbutt,
.weiterbutts.left .blaettern .paketauswahl .yellow.pdf.leer.paketbutt,
.blaettern .paketauswahl .weiterbutts.left .yellow.pdf.leer.paketbutt {
    background-position: 8px 14px, 0 0;
    margin-right: 10px;
}

.weiterbutts.left a.button.yellow.pdf,
.weiterbutts.left .blaettern .button.yellow.pdf.leer,
.blaettern .weiterbutts.left .button.yellow.pdf.leer,
.weiterbutts.left .paketauswahl a.yellow.pdf.paketbutt,
.paketauswahl .weiterbutts.left a.yellow.pdf.paketbutt,
.weiterbutts.left .paketauswahl .blaettern .yellow.pdf.leer.paketbutt,
.paketauswahl .blaettern .weiterbutts.left .yellow.pdf.leer.paketbutt,
.weiterbutts.left .blaettern .paketauswahl .yellow.pdf.leer.paketbutt,
.blaettern .paketauswahl .weiterbutts.left .yellow.pdf.leer.paketbutt {
    background-position: 8px 14px, 0 0;
    margin-right: 10px;
}

.weiterbutts .floatbox {
    display: inline-block;
    float: right;
    font-size: 14px;
    padding: 11px 10px;
    text-align: center;
}

@media only screen and (max-width: 640px) {
    .weiterbutts .floatbox {
        width: 100%;
    }
}

.weiterbutts a:not(.center),
.weiterbutts .blaettern .leer:not(.center),
.blaettern .weiterbutts .leer:not(.center) {
    float: right !important;
}

.weiterbutts a.center,
.weiterbutts .blaettern .center.leer,
.blaettern .weiterbutts .center.leer {
    margin: 0 auto;
}

.weiterbutts .pfeilnavi_hinweis {
    float: left;
}

@media only screen and (max-width: 1050px) {
    .weiterbutts .pfeilnavi_hinweis {
        width: 100%;
        margin-bottom: 20px;
    }
}

.weiterbutts .newline {
    width: 100%;
    float: left;
    padding-bottom: 5px;
}

.hinweis_demo {
    display: block;
    width: 100%;
    background: #ff9903;
    color: #FFFFFF;
    padding: 5px 0 3px 0px;
    font-size: 12px;
    text-align: center;
    text-transform: uppercase;
}

.hinweis_demo a:hover,
.hinweis_demo .blaettern .leer:hover,
.blaettern .hinweis_demo .leer:hover {
    color: #ffc775 !important;
}

.helpicon {
    z-index: 10;
    text-decoration: none !important;
    position: absolute;
    right: 0;
    top: -4px;
}

.helpicon:before {
    content: "\f128";
    font-family: "FontAwesome";
    font-size: 17px;
    padding: 1px 5px;
    font-weight: normal !important;
    background: #34acff;
    color: #FFFFFF;
    -webkit-border-radius: 0 0 4px 4px;
    -moz-border-radius: 0 0 4px 4px;
    border-radius: 0 0 4px 4px;
}

.helpicon.red:before {
    content: "\f12a";
    padding: 1px 7px;
    background: #f63c3c;
}

.helpicon.shiftleft {
    right: 22px !important;
}

.helpicon.lower {
    top: 5px !important;
}

.helpicon.leftcorner {
    padding: 0;
    right: auto;
    left: 0px;
    top: -3px;
    width: 100px;
    height: 40px;
}

.helpicon.leftcorner.shift4 {
    left: -4px;
    top: -7px;
}

.helpicon.leftcorner:before {
    color: #FFFFFF;
    background: transparent;
    font-size: 14px;
    padding: 2px 4px 0 3px;
}

.greybox_alt>.helpicon,
.prospektbestellung .legend>.helpicon,
.prospektbestellung .eintrag>.helpicon,
.codeboxen .codebox>.helpicon {
    top: -3px;
}

.greybox_alt>.helpicon:before,
.prospektbestellung .legend>.helpicon:before,
.prospektbestellung .eintrag>.helpicon:before,
.codeboxen .codebox>.helpicon:before {
    -webkit-border-radius: 0 0 0 4px;
    -moz-border-radius: 0 0 0 4px;
    border-radius: 0 0 0 4px;
}

.greybox_alt>.helpicon.right,
.prospektbestellung .legend>.helpicon.right,
.prospektbestellung .eintrag>.helpicon.right,
.codeboxen .codebox>.helpicon.right {
    right: -19px !important;
}

.greybox_alt>.helpicon.right:before,
.prospektbestellung .legend>.helpicon.right:before,
.prospektbestellung .eintrag>.helpicon.right:before,
.codeboxen .codebox>.helpicon.right:before {
    -webkit-border-radius: 0 4px 4px 0;
    -moz-border-radius: 0 4px 4px 0;
    border-radius: 0 4px 4px 0;
    padding: 1px 6px 1px 4px !important;
}

/* .collapse:not(div.bright) .helpicon {
    right: -8px;
  } */

.bg_grey {
    background: #e6e6e6;
    padding-bottom: 0 !important;
}

.greybox_alt.bbottom_white,
.prospektbestellung .bbottom_white.legend,
.prospektbestellung .bbottom_white.eintrag,
.codeboxen .bbottom_white.codebox {
    border-bottom: 1px solid #FFFFFF !important;
}

.box_reload {
    position: relative;
}

#neuladen {
    z-index: 100;
    display: block;
    position: absolute;
    left: -10000px;
    top: 0px;
    width: 100%;
    height: 100%;
    background: rgba(0, 0, 0, 0.5);
}

#neuladen .neuladen_maske_o {
    z-index: 2;
    position: absolute;
    display: block;
    height: 49px;
    width: 100%;
    background: #f63c3c;
    text-align: right;
    padding: 7px 10px;
}

#neuladen.neu {
    height: 156px;
}

#neuladen.neu .neuladen_maske_o {
    height: 55px;
    padding: 10px 10px;
}

.funktionsbuttons {
    width: calc(100% - 10px);
    margin-top: 20px;
    border-top: 2px solid #DDDDDD;
}

.funktionsbuttons a.button,
.funktionsbuttons .blaettern .button.leer,
.blaettern .funktionsbuttons .button.leer,
.funktionsbuttons .paketauswahl a.paketbutt,
.paketauswahl .funktionsbuttons a.paketbutt,
.funktionsbuttons .paketauswahl .blaettern .leer.paketbutt,
.paketauswahl .blaettern .funktionsbuttons .leer.paketbutt,
.funktionsbuttons .blaettern .paketauswahl .leer.paketbutt,
.blaettern .paketauswahl .funktionsbuttons .leer.paketbutt {
    -webkit-border-radius: 0 0 0 0;
    -moz-border-radius: 0 0 0 0;
    border-radius: 0 0 0 0;
}

@media only screen and (min-width: 640px) {

    .funktionsbuttons .button,
    .funktionsbuttons .paketauswahl a.paketbutt,
    .paketauswahl .funktionsbuttons a.paketbutt,
    .funktionsbuttons .paketauswahl .blaettern .paketbutt.leer,
    .paketauswahl .blaettern .funktionsbuttons .paketbutt.leer,
    .funktionsbuttons .blaettern .paketauswahl .paketbutt.leer,
    .blaettern .paketauswahl .funktionsbuttons .paketbutt.leer {
        margin-right: 2px;
    }
}

a.button.yellow.load,
.blaettern .button.yellow.load.leer,
.paketauswahl a.yellow.load.paketbutt,
.paketauswahl .blaettern .yellow.load.leer.paketbutt,
.blaettern .paketauswahl .yellow.load.leer.paketbutt {
    background-image: url("../include/quickplan_flaechen/pics/load.png"), linear-gradient(#ffc42d, #ffbe19);
    background-repeat: no-repeat, repeat;
    background-position: 10px 9px, 0 0;
    padding-left: 35px;
}

a.button.yellow.pdf,
.blaettern .button.yellow.pdf.leer,
.paketauswahl a.yellow.pdf.paketbutt,
.paketauswahl .blaettern .yellow.pdf.leer.paketbutt,
.blaettern .paketauswahl .yellow.pdf.leer.paketbutt {
    background-image: url("../include/quickplan_flaechen/pics/pdf_noshadow.png"), linear-gradient(#ffc42d, #ffbe19);
    background-repeat: no-repeat, repeat;
    background-position: 8px 11px, 0 0;
    padding-left: 54px;
}

a.button.yellow.pdf.thin,
.blaettern .button.yellow.pdf.thin.leer,
.paketauswahl a.yellow.pdf.thin.paketbutt,
.paketauswahl .blaettern .yellow.pdf.thin.leer.paketbutt,
.blaettern .paketauswahl .yellow.pdf.thin.leer.paketbutt {
    background-position: 8px 8px, 0 0;
}

@media only screen and (max-width: 1050px) and (min-width: 481px) {
    .medium-6.xsmallbreak {
        width: 50% !important;
    }
}

@media only screen and (min-width: 1051px) {
    body:not(:has(discount-entry), :has(quick-shop), :has(quick-calc), :has(quick-plan), :has(qp-start), :has(project-administration), :has(quickplan-weiche), :has(wkb-rechner), :has(ertrags-rechner)) .bottom {
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-orient: horizontal;
        -webkit-box-direction: normal;
        -ms-flex-direction: row;
        flex-direction: row;
        -webkit-box-align: end;
        -ms-flex-align: end;
        align-items: flex-end;
    }
}

/* 
  .ani_frame {
    width: 100%;
    border: 1px solid #DDDDDD;
    margin: 2px 0 2px 0;
    padding: 10px 0 20px 0;
    position: relative;
  }
  
  .ani_frame.googleframe {
    padding: 2px;
  }
  
  .ani_frame .ani_headline {
    position: absolute;
    z-index: 10;
    left: 10px;
    top: 8px;
    font-size: 0.95rem;
    font-family: sans-serif;
    font-weight: 600;
  } */

.animation {
    position: relative;
    width: 300px;
    height: 230px;
    margin: 0 auto;
    overflow: hidden;
}

@media only screen and (max-width: 340px) {
    .animation {
        margin-left: -15px;
    }
}

.animation img {
    max-width: none;
}

.animation #tabs1,
.animation .tab_neigung {
    position: absolute;
    width: 300px;
    height: 230px;
    background: none;
}

.animation #tabs1,
.animation .tab_neigung {
    z-index: 10;
}

.animation #tabs2,
.animation .tab_ausr {
    z-index: 9;
}

.animation .ui-widget-content {
    border: none;
}

.animation .ui-tabs .ui-tabs-panel {
    padding: 0;
}

.slider {
    margin: 12px 0 0 0;
    height: 12px !important;
    border: 1px solid #ccc;
    background: #FFF;
    border-radius: 0 !important;
}

.slider a,
.slider .blaettern .leer,
.blaettern .slider .leer {
    border: 1px solid #FFFFFF !important;
    border-radius: 0 !important;
    background: gray !important;
    height: 12px;
    width: 12px;
    margin-top: 0px;
}

.slider#slider_sp_evo a,
.slider#slider_sp_evo .blaettern .leer,
.blaettern .slider#slider_sp_evo .leer {
    margin-top: 1px;
}

.slidermark {
    position: absolute;
    height: 26px;
    top: -8px;
    left: 50%;
    margin-left: -1px;
    width: 2px;
    background: #ff8400;
}

.bigger .input_pre {
    float: right;
    padding: 4px 0px;
    font-size: 1.15rem !important;
}

.bigger input.nopadding {
    float: right;
    width: 20px;
    padding-left: 0 !important;
    padding-right: 0 !important;
}

.row div.nopadding {
    padding-left: 0 !important;
    padding-right: 0 !important;
}

.row div.nopaddingtop {
    padding-top: 0 !important;
}

.row div.nopaddingbottom {
    padding-bottom: 0 !important;
}

.row div.nopaddingleft {
    padding-left: 0 !important;
}

.row div.nopaddingright {
    padding-right: 0 !important;
}

@media only screen and (max-width: 1050px) {
    .row div.nopaddingright {
        padding-left: 0 !important;
    }
}

.pleft20 {
    padding-left: 20px;
}

.row div.lesspadding {
    padding-top: 5px !important;
    padding-left: 5px !important;
    padding-right: 5px !important;
}

.row div.lesspadding2 {
    padding-left: 10px !important;
    padding-right: 17px !important;
}

.row.checkboxframe {
    margin: 0 !important;
}

.row.checkboxframe .label {
    padding-top: 7px !important;
    padding-bottom: 7px !important;
}

.row.checkboxframe:not(.pflicht) {
    margin: 1px !important;
}

.columns.checkboxframe {
    min-width: 31px;
}

.columns.checkboxframe:not(.pflicht) {
    border: 1px solid #f2f2f2;
}

.lastenprofil .inner .weiterbutts a.button,
.lastenprofil .inner .weiterbutts .blaettern .button.leer,
.blaettern .lastenprofil .inner .weiterbutts .button.leer,
.lastenprofil .inner .weiterbutts .paketauswahl a.paketbutt,
.paketauswahl .lastenprofil .inner .weiterbutts a.paketbutt,
.lastenprofil .inner .weiterbutts .paketauswahl .blaettern .leer.paketbutt,
.paketauswahl .blaettern .lastenprofil .inner .weiterbutts .leer.paketbutt,
.lastenprofil .inner .weiterbutts .blaettern .paketauswahl .leer.paketbutt,
.blaettern .paketauswahl .lastenprofil .inner .weiterbutts .leer.paketbutt {
    width: 50%;
    display: block;
}

.output_green {
    width: 50px;
    display: inline-block;
    text-align: center;
    font-weight: bold;
    color: #0e9700;
}

.hinweis_phasen {
    margin: 0 -12px 5px -12px;
    padding: 4px;
    background: #ffc42d;
    text-align: center;
}

.hinweis_phasen:before {
    content: "\f175";
    font-family: "FontAwesome";
    padding: 0 20px;
    font-size: 13px;
}

.hinweis_phasen:after {
    content: "\f175";
    font-family: "FontAwesome";
    padding: 0 20px;
    font-size: 13px;
}


/* ####### TABS WKB  ############################################################# */

.main_content .tabs li {
    margin-top: 6px;
    padding: 0 1px 0 1px;
    border-top: 1px solid #fff;
    border-left: 1px solid #fff;
    border-right: 1px solid #fff;
    float: right;
}

.main_content .tabs li:first-child {
    border-right: none !important;
    padding-right: 0 !important;
}

.main_content .tabs li.active {
    background: #5386df;
    margin-top: 0px;
    padding: 3px 0 3px 2px;
    border-top: 1px solid #5386df;
    border-left: 1px solid #5386df;
    border-right: 1px solid #5386df;
}

.main_content .tabs li.active a,
.main_content .tabs li.active .blaettern .leer,
.blaettern .main_content .tabs li.active .leer {
    background: #5386df;
    text-decoration: none !important;
    color: #FFFFFF !important;
}

.main_content .tabs li a,
.main_content .tabs li .blaettern .leer,
.blaettern .main_content .tabs li .leer {
    font-size: 12px;
    padding: 7px 8px 7px 5px;
}

#content .tabs-content {
    margin-bottom: 0;
    position: relative;
    clear: both;
}

#content .tabs-content>.content {
    padding-top: 0.625rem;
    padding-bottom: 10px !important;
    border-top: 3px solid #999999;
}

#content .tabs-content>.content.blueline {
    border-top: 3px solid #5386df;
    padding-bottom: 0;
}

#content .tabs-content>.content.bluelinebottom {
    border-bottom: 3px solid #5386df;
    margin-bottom: 10px;
}

.balance {
    position: relative;
    float: right;
    width: 93px;
    height: 13px;
    margin: 3px 0 0 7px;
    background: #FFFFFF;
    border: 1px solid #DDD;
}

.balance .balance_center {
    position: absolute;
    top: -1px;
    left: 45px;
    background: #aaa;
    height: 13px;
    width: 1px;
}

.balance .balance_marker {
    position: absolute;
    top: 1px;
    background: #999999;
    background: #ff8400;
    height: 9px;
    width: 5px;
}