﻿.service-box-dual {
    margin: auto;
    max-width: var(--max-box-width);
    box-shadow: 0 0.1rem 0.22rem 0 rgba(0,0,0,0.08);
}

    .service-box-dual input, .service-box-dual .button {
        width: 100%;
    }

    .service-box-dual .box1, .service-box-dual .box2 {
        display: table-cell;
        background-color: #FFFFFF;
        box-sizing: border-box;
        line-height: 1.6rem;
        padding: 0;
    }

    .service-box-dual .box1 {
        min-width: 100px;
        width: 74%;
    }

    .service-box-dual .box2 {
        background-color: #00943C;
        border: none;
        color: #FFFFFF;
        min-width: 240px !important;
    }

        .service-box-dual .box1 .header, .service-box-dual .box2 .header {
            font-family: "Brandon";
            font-weight: bold;
            font-size: 1.6rem;
            line-height: 1.6rem;
            margin: 0;
            text-transform: uppercase;
            height: 4rem;
        }

    .service-box-dual .box1 .detail {
        padding: 8%;
        width: 100%;
        clear: both;
        box-sizing: border-box;
        font-size: 1.28rem;
    }

    .service-box-dual .box2 .header {
        color: #FFFFFF;
        font-size: 1.6rem;
        line-height: 2rem;
    }

    .service-box-dual .box2 .detail {
        padding: 6%;
        font-size: 1.2rem;
        font-weight: normal;
    }

.button {
    max-width: 280px;
}

.button-info, .button-info-reverse {
    background: url('../img/icon_info.svg') no-repeat 0 -1px !important;
}

    .button-info:hover span, .button-info-reverse:hover span {
        top: 18px;
        left: -242px;
        border: solid 1px #009032 !important;
        border-radius: 0 !important;
        box-shadow: 0 0.1rem 0.16rem 0 rgba(0,0,0,0.08) !important;
    }

        .button-info:hover span div, .button-info-reverse:hover span div {
            display: none;
        }

@media (max-width:778px) {
    .service-box-dual {
        width: 100%;
    }

    .service-box-dual .box1, .service-box-dual .box2 {
        width: 100% !important;
        display: block;
        padding: 2rem 1.4rem 2rem 1.4rem;
    }

    .service-box-dual .box2 {
        margin-top: 2rem;
    }

    .service-box-dual .box2 .detail {
        max-width: 100%;
    }
}

@media (max-width:478px) {
    .service-box-dual .box1 .header, .service-box-dual .box2 .header {
        font-size: 1.6rem;
    }
}

.service-box {
    min-height: 400px;
}
/*.service-box-headline-icon-wrapper { width:100%; padding-bottom:2%; }
.service-box-headline-icon-wrapper .svg-ico-green, .service-box-headline-icon-wrapper .svg-ico-download, .service-box-headline-icon-wrapper .svg-ico-provider { margin:0 auto; }*/
.svg-ico-green, .svg-ico-provider {
    width: 4rem !important;
    height: 4rem !important;
    min-width: 32px !important;
    min-height: 32px !important;
}

.svg-ico-download {
    width: 3rem !important;
    height: 3rem !important;
    min-width: 32px !important;
    min-height: 32px !important;
}

.svg-ico-green svg path, .svg-ico-green svg circle, .svg-ico-green svg line, .svg-ico-green svg polyline {
    stroke: #017840 !important;
}

.svg-ico-download path, .svg-ico-download svg circle, .svg-ico-download svg line, .svg-ico-download svg polyline {
    stroke: #017840 !important;
    stroke-width: 1 !important;
}

.svg-ico-provider path, .svg-ico-provider svg circle, .svg-ico-provider svg line, .svg-ico-provider svg polyline {
    stroke: #017840 !important;
    stroke-width: 2.4 !important;
}

.service-button-wrapper {
    width: 100%;
}

    .service-button-wrapper a {
        margin: auto !important;
    }

.main-headline, .small-headline {
    color: #363636 !important;
}

.small-headline {
    font-size: 1.2rem !important;
    line-height: 1.2rem !important;
}

.large-headline {
    font-size: 2.2rem !important;
    line-height: 2.2rem !important;
}

.button-service {
    box-sizing: border-box;
    min-height: 16px;
    display: block;
    width: 16rem;
    font-size: 1.08rem;
    line-height: 2.2rem;
    padding: 4px 0 2px 0;
    height: 2.8rem;
    border: 0.14em solid #017840;
    border-radius: 4px;
    color: #017840 !important;
    text-align: center;
    transition: color 0.36s, background-color 0.36s, border-color 0.36s;
    font-family: "Brandon",Sans-Serif,Arial,Verdana;
}

    .button-service:hover {
        opacity: 0.8;
    }

.service-box-content {
    width: 100%;
    padding: 2% 4% 2% 4%;
    font-family: "Brandon";
    text-align: left;
    box-sizing: border-box;
}

.service-box .service-box-content {
    font-family: "Brandon";
    color: #363636;
    font-size: 1.2rem;
    line-height: 1.4rem;
}

.service-box-green {
    padding: 4% !important;
}

    .service-box-green .service-box-content {
        font-size: 1.28rem;
        line-height: 1.28rem;
    }

.service-box-agb {
    font-size: 1rem;
    line-height: normal;
}
/*.service-box-green .service-address table { width:100%; }*/
.service-box-green .errormessage {
    color: #FFFFFF;
}

.service-box-green .table-dsgvo {
    width: 100%;
    border-collapse: collapse;
}

.service-box-green .agb {
    color: #FFFFFF !important;
    text-decoration: underline !important;
}

.service-box-green .checkbox_red label:before {
    border-color: var(--k-error) !important;
}

.service-box-green label:before {
    border-color: #FFFFFF !important;
}

.service-box-green .panel input[type=checkbox]:checked + label:before {
    background: url(../img/icon_check_white.svg) no-repeat 0 0;
}

.service-box-green .service-address table td:nth-child(1) {
    width: 20%;
    line-height: 3.2rem;
}

.service-box-green .service-address table td:nth-child(2) {
    width: 80%;
    padding: 1.2% 0 1.2% 0;
}
/*.service-box-green .service-address #txtOrt, .service-box-green .service-address #ddOrt, .service-box-green .service-address #txtStr { max-width:100%!important; }*/
.service-box-green input, .service-box-green select {
    background-color: var(--k-green) !important;
    color: #FFFFFF !important;
    border-color: #FFFFFF;
    width: 100% !important;
    font-weight: bold;
    height: 2.8rem !important;
    font-size: 1rem;
}

.service-box-green ::-webkit-input-placeholder {
    color: #8ACDA5;
}

.service-box-green ::-moz-placeholder {
    color: #8ACDA5;
}

.service-box-green :-ms-input-placeholder {
    color: #8ACDA5;
}

.service-box-green :-moz-placeholder {
    color: #8ACDA5;
}

.service-box-green select {
    background-image: url('../img/icon_arrow_down_white.svg') !important;
}

    .service-box-green input:focus, .service-box-green select:focus {
        border: 0.14rem solid #FFFFFF;
        outline: none;
    }

.service-box-green .service-caption { /*display:block!important;*/
    color: #FFFFFF !important;
    font-family: "Brandon";
    font-size: 1rem;
}

.service-box-green .service-caption-mobile {
    color: #FFFFFF !important;
}

.service-box-green .asterisk {
    color: #FFFFFF;
}

.service-box-green .button {
    font-size: 1rem;
    margin-top: 2rem;
    width: 100% !important;
    max-width: 100% !important;
    border-color: transparent !important;
    background-color: #F0F0F0;
    color: #363636 !important;
}

    .service-box-green .button:hover {
        opacity: 0.8;
    }


.service-box-white {
    padding: 4% !important;
}

    .service-box-white .service-box-content {
        font-size: 1.28rem;
        line-height: 1.28rem;
    }
    /*.service-box-white .service-address table { width:100%; }*/
    .service-box-white .errormessage {
        color: var(--k-error);
    }

    .service-box-white .table-dsgvo {
        width: 100%;
        border-collapse: collapse;
    }

    .service-box-white .agb {
        color: black !important;
        text-decoration: underline !important;
    }

    .service-box-white .checkbox_red label:before {
        border-color: var(--k-error) !important;
    }

    .service-box-white label:before {
        border-color: gray !important;
    }

    .service-box-white .panel input[type=checkbox]:checked + label:before {
        background: url(../img/icon_check.svg) no-repeat 0 0;
    }

    .service-box-white .service-address table td:nth-child(1) {
        width: 20%;
        line-height: 3.2rem;
    }

    .service-box-white .service-address table td:nth-child(2) {
        width: 80%;
        padding: 1.2% 0 1.2% 0;
    }
    /*.service-box-white .service-address #txtOrt, .service-box-white .service-address #ddOrt, .service-box-white .service-address #txtStr { max-width:100%!important; }*/
    .service-box-white input, .service-box-white select {
        background-color: white !important;
        color: black !important;
        border-color: gray;
        width: 100% !important;
        /*font-weight: bold;*/
        height: 2.8rem !important;
        font-size: 1rem;
    }

    .service-box-white ::-webkit-input-placeholder {
        color: gray;
    }

    .service-box-white ::-moz-placeholder {
        color: gray;
    }

    .service-box-white :-ms-input-placeholder {
        color: gray;
    }

    .service-box-white :-moz-placeholder {
        color: gray;
    }

    .service-box-white select {
        background-image: url('../img/icon_arrow_down.svg') !important;
    }

        .service-box-white input:focus, .service-box-white select:focus {
            border-width: 0.14rem;
            border-color: var(--k-green);
            outline: none;
        }

    .service-box-white .service-caption { /*display:block!important;*/
        color: black !important;
        font-family: "Brandon";
        font-size: 1rem;
    }

    .service-box-white .service-caption-mobile {
        color: black !important;
    }

    .service-box-white .asterisk {
        color: black;
    }


    .service-box-white .button {
        font-size: 1rem;
        margin-top: 2rem;
        width: 100% !important;
        max-width: 100% !important;
        border-color: transparent !important;
        background-color: var(--k-green);
        color: white !important;
    }

        .service-box-white .button.sendButton {
            font-size: 1rem;
            margin-top: 2rem;
            width: 50% !important;
            max-width: 100% !important;
            border-color: transparent !important;
            background-color: var(--k-green);
            color: white !important;
        }

        .service-box-white .button:hover {
            opacity: 0.8;
        }

.benefit-table {
    width: 100%;
    border-collapse: collapse;
    border-spacing: 0;
    margin: 2% 0 2% 0;
}

    .benefit-table td {
        padding: 1.4% 1% 1.4% 1%;
        line-height: 1.2rem;
        font-size: 1.2rem;
        box-sizing: border-box;
        font-family: "Brandon";
        font-weight: bold;
        text-align: left;
        border-bottom: 0.1rem solid var(--k-copy);
    }

        .benefit-table td:nth-child(1) {
            padding-left: 0;
        }

            .benefit-table td:nth-child(1):before {
                content: "L";
                transform: scale(-1, 1) rotate(-45deg);
                color: #FFFFFF;
                width: 2.6rem;
                height: 2.6rem;
                background-color: var(--k-green);
                box-sizing: border-box;
                display: flex;
                justify-content: center;
                align-items: center;
                border-radius: 100%;
                font-family: Brandon;
                font-size: 1.6rem;
            }

        .benefit-table td:nth-child(2) {
            padding-left: 2%;
        }

    .benefit-table tr:last-child td {
        border-bottom: none;
    }
 
@media (max-width:778px) {
    .service-box .service-box-content {
        text-align: left;
    }

    .benefit-table td {
        font-size: 1rem;
        line-height: 1rem;
    }
}

@media (max-width:478px) {
    .button-service {
        width: 88%;
    }
}

.ispRadioPanel span.radio {
    display: block !important;
}

.efhmphRadioPanel span.radio {
    display: block !important;
}

.kundenArtRadioPanel span.radio {
    display: block !important;
}

.greenNormal {
    color: var(--k-green);
    font-weight: bold;
}

.cbKundenart {
    display: block;
}

#DDAnzAnschl {
    font-size: 1.28rem;
    line-height: 1.6rem;
    font-family: "Brandon",Sans-Serif,Arial,Verdana !important;
}

#DDAnzAnschlContainer {
    width: 100%;
    border: 0.1rem solid #B8B8B8;
    box-sizing: border-box;
    clear: both;
    font-family: "Brandon", Sans-Serif;
    font-size: 1rem;
    line-height: 2.8rem;
    height: 2.8rem;
    float: left;
    padding: 1px 6px 1px 6px;
    resize: none;
    background-color: transparent;
    outline: none;
}

    #DDAnzAnschlContainer div {
        display: table-cell;
    }

        #DDAnzAnschlContainer div:nth-child(1) {
            width: 2rem;
            vertical-align: top;
            padding-top: 0.4rem;
        }

        #DDAnzAnschlContainer div:nth-child(2) {
            width: 100%;
        }

    #DDAnzAnschlContainer img {
        width: auto;
        height: 1.8rem;
    }

#DDAnzAnschl {
    border: none !important;
    z-index: 1000;
    font-weight: bold;
    min-width: 100%;
}

.DDAnzInfoMessage {
    margin-top: 2rem !important;
    border-left-style: solid;
    border-left-color: #FDC300;
    padding-left: 1rem;
}

#DDAnzAnschlContainer div:nth-child(2) span {
    width: auto;
    font-size: smaller;
    display: block !important;
}


#AnzISPCont .radio label {
    font-size: 1.28rem !important;
}

#PanelPrivFirm .radio label {
    font-size: 1.28rem !important;
}

#PanelEFHMPH .radio label {
    font-size: 1.28rem !important;
}

.ispRadioItemCont {
    line-height: 2.8rem;
    height: 2.8rem;
    width: 600px;
}

.kundenartRadioItemCont {
    line-height: 2.8rem;
    height: 2.8rem;
    width: 600px;
}

#PanelKundenArtBest .radio label {
    font-size: 1.28rem !important;
}

#PanelKundenArtInt .radio label {
    font-size: 1.28rem !important;
}


.ispRadioItemPrice {
    float: right;
    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;
    min-width: 8rem !important;
    height: 2.8rem;
    min-height: 1rem;
    border: none;
    text-align: center;
    padding-left: 0.5rem;
    padding-right: 0.5rem;
}

.radio.ispRadioItemCont label {
    height: 2rem;
}

span.ispRadioItemCont {
    display: flex;
    align-items: center;
}

.ispRadioItemDesc {
    display: inline-block;
    padding-top: 1rem;
}

span label {
}

/*sdaadas*/
.service-box-content .service-box-headline {
    text-align: left;
    margin: 1% 0 2% 0;
}

.service-box-headline .separator {
    padding-bottom: 1% !important;
}

.service-table th {
    text-transform: none !important;
    font-size: 1.2rem !important;
}

.green {
    color: var(--k-green);
    font-size: larger;
    font-weight: bold;
}

.gray {
    color: var(--k-copy);
}

.table-options {
    border-collapse: collapse;
    border-spacing: 0;
}

    .table-options td {
        padding-right: 2rem;
    }

        .table-options td span {
            float: left;
        }

#divDisclaimerAvailable {
    font-size: 0.8rem;
}

label {
    font-size: 1rem !important;
    line-height: 1rem !important;
    color: #363636;
    font-family: "Brandon";
}

/* Enhanced responsive styles for radio buttons */
.ispRadioItemCont {
    display: block;
    margin-bottom: 0.5rem;
    overflow: visible;
}

/* Update mobile responsive styles */
@media (max-width:778px) {
    .errormessage {
        margin-left: 0 !important;
    }

    .ispRadioItemCont {
        display: block; /* Stack vertically on mobile */
        margin-bottom: 2rem;
        padding-right: 0;
        width: auto;
        height: auto; /* Allow height to adjust */
    }

    .ispRadioItemDesc {
        display: block;
        margin-bottom: 0.2rem;
        padding-top: 0; /* Ensure no padding */
        line-height: 1.4rem; /* Better mobile line height */
        padding-top: 0.6rem; /* Ensure no padding */
    }

    .ispRadioItemPrice {
        display: inline-block;
        float: none;
        white-space: nowrap;
        margin-left: 1.5rem;
        font-weight: bold;
        background-color: var(--k-green); /* Keep background color on mobile */
        color: #FFFFFF !important; /* Keep white text on mobile */
        width: auto;
        min-height: 2rem;
        height: auto; /* Allow height to adjust */
        line-height: 1.4rem; /* Better mobile line height */
    }

    span.ispRadioItemCont {
        display: block; /* Stack vertically on mobile */
        height: auto; /* Allow height to adjust */
    }
}
@media (max-width:478px) {
    .table-options td {
        display: block;
        padding-right: 0;
    }

    .ispRadioItemCont {
        display: block;
        margin-bottom: 2rem;
        padding: 0;
        width: auto;
        height: auto; /* Allow height to adjust */
    }

        .ispRadioItemCont span {
            display: block;
            width: auto;
        }

    .ispRadioItemDesc {
        display: block;
        margin-bottom: 0.3rem;
        line-height: 1.2;

        padding-top: 0.6rem; /* Ensure no padding */
    }

    .ispRadioItemPrice {
        display: inline-block;
        float: none;
        white-space: nowrap;
        margin-left: 1.5rem;
        font-weight: bold;
        min-height: 2rem;
        background-color: var(--k-green); /* Keep background color */
        color: #FFFFFF !important; /* Keep white text */
        font-size: 1.1rem; /* Increased from 0.9rem to 1.1rem */
        height: 2.2rem; /* Fixed height for better centering */
        line-height: 2.2rem; /* Match height for vertical centering */
        text-align: center; /* Ensure horizontal centering */
        padding: 0 0.5rem; /* Horizontal padding only */
 
    }

    span.ispRadioItemCont {
        display: block;
        height: auto; /* Allow height to adjust */
    }
}

.service-box input, .service-box select {
    height: 2.2rem !important;
}
 /*xxxx*/

