@import url('siteicon.css');


.nc-selftest-card {
    max-width: 768px;
    width: 100%; 
    padding: 0px 0px 56px;
    margin: 0 auto;
}
.nc-selftest-header {
    text-align: left;
    padding: 50px 0px 32px 0px;
}
.nc-logo {
    height: 45px;
    margin-bottom: 32px;
}
.nc-label {
    font-size: 13px;
    line-height: 130%;
    font-weight: 600;
    letter-spacing: 1px;
    margin-bottom: 8px;
    color: #00D1D6;
    text-transform: uppercase;
}
.nc-selftest-header h2 {
    font-size: 1.5em;
    font-weight: 600;
    margin: 0 0 5px 0;
    line-height: 135%;
    max-width: 390px;
    width: 100%;
    padding:0px;
}
.nc-question {
    background: #fff;
    border-radius: 24px;
    margin: 16px 0px;
    padding: 24px;
    box-shadow: 0px 2px 16px 4px rgba(0, 0, 0, 0.04);
}
.nc-question:first-child{margin-top: 0px;}
.nc-question:last-child {margin-bottom: 0px;}
.nc-q-num {
    font-size: 13px;
    color: #00D1D6;
    font-weight: 500;
    line-height: 135%;
    margin-bottom: 8px;
}
.nc-q-label {
    font-size: 1.25em;
    font-weight: 600;
    margin-bottom: 16px;
    color: #190F23;
}
.nc-options {
    margin: 0 0 0 0;
    display: flex;
    flex-direction: column;
    gap: 16px;
}
.nc-option {
    background: #fff;
    border-radius: 12px;
    display: flex;
    align-items: center;
    gap: 8px;
    font-size: 1em;
    font-weight: 500;
    color: #000;
    padding: 12px 10px;
    line-height: 22px;
    margin-bottom: 0;
    cursor: pointer;
    border: 1px solid #E5E5E5;
    transition: background 0.18s, border 0.18s;
    user-select: none;
    background-position: right 10px center !important;
    background-repeat: no-repeat !important;
    background-size: 24px !important;
    position: relative;
}
.nc-option input[type=radio] {
    accent-color: #5635ed;
    width: 20px;
    height: 20px; opacity: 0;
    position: absolute;
}
.nc-option input[type=radio]:focus-visible {
    outline: 2px solid #7b60ee;
}
/* .nc-option input[type=radio]:checked + span {
    font-weight: 600;
    color: #5635ed;
} */
.nc-option:has(input[type=radio]:checked) {
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='24' height='25' viewBox='0 0 24 25' fill='none'%3E%3Cpath fill-rule='evenodd' clip-rule='evenodd' d='M12 21.8422C13.1819 21.8422 14.3522 21.6094 15.4442 21.1571C16.5361 20.7048 17.5282 20.0419 18.364 19.2061C19.1997 18.3704 19.8626 17.3782 20.3149 16.2863C20.7672 15.1944 21 14.0241 21 12.8422C21 11.6603 20.7672 10.4899 20.3149 9.39801C19.8626 8.30608 19.1997 7.31393 18.364 6.4782C17.5282 5.64247 16.5361 4.97954 15.4442 4.52725C14.3522 4.07495 13.1819 3.84216 12 3.84216C9.61305 3.84216 7.32387 4.79037 5.63604 6.4782C3.94821 8.16603 3 10.4552 3 12.8422C3 15.2291 3.94821 17.5183 5.63604 19.2061C7.32387 20.894 9.61305 21.8422 12 21.8422ZM11.768 16.4822L16.768 10.4822L15.232 9.20216L10.932 14.3612L8.707 12.1352L7.293 13.5492L10.293 16.5492L11.067 17.3232L11.768 16.4822Z' fill='%23ff6b00'/%3E%3C/svg%3E") !important;
       
       
        border: 1px solid #ff6b00;
        background: rgba(214, 113, 44, 0.1);
}
.nc-btn-next{
    width: calc(100% - 50px);
    margin: 32px 25px 0 25px;
    display : flex;
        align-items: center;
        justify-content: center;
    padding: 16px 0;
    font-size: 17px;
    line-height: 24px;
    font-weight: 600;
    color: #fff;
    background: #ff6b00;
    border: none;
    border-radius: 16px;
    box-shadow: 0 2px 8px 0 rgba(60,80,130,0.10);
    cursor: pointer;
    transition: background 0.17s, box-shadow 0.15s;
    letter-spacing: 0.02em;
}
.nc-btn-next span{font-size: 0px; width: 20px; height: 20px; margin-left: 8px; position: relative;}
.nc-btn-next span:before{content: "\e901";font-weight: 400; font-size: 16px; left: 0;
    line-height: 20px;font-family: 'siteicon' !important; position: absolute;}
.nc-btn-next:hover, .nc-btn-next:focus {
    background: #f46600;
    box-shadow: 0 4px 18px 0 rgba(40,40,130,0.13);
}
#nc-selftest-result {
    margin-bottom: 15px;
    max-width: 98vw;
    max-width: 768px;
    margin-left: auto;
    margin-right: auto;
    border-radius: 20px;
    font-size: 1.11em;
}
@media (max-width: 450px) {

    .nc-question {
        margin: 16px 0px 0px 0px;
    }
    .nc-selftest-header {
        padding: 35px 0px 32px 0px;
    }
}

/* Auswertung */

.nc-unis-list {
    display: flex;
    flex-direction: column;
    gap: 30px;
    margin: 35px 0 40px 0;
}
/* 
.nc-uni-card {
    position: relative;
    background: #fff;
    border-radius: 28px;
    box-shadow: 0 8px 38px 0 rgba(44, 52, 120, 0.13);
    overflow: hidden;
    max-width: 390px;
    margin-left: auto;
    margin-right: auto;
    padding-bottom: 20px;
    display: flex;
    flex-direction: column;
}

.nc-uni-badge {
    position: absolute;
    left: 20px;
    top: 18px;
    background: #e5fbe6;
    color: #26a054;
    font-size: 1.09em;
    font-weight: 700;
    border-radius: 18px;
    padding: 7px 19px 7px 12px;
    z-index: 3;
    box-shadow: 0 1px 6px 0 rgba(70,120,90,0.10);
    display: flex;
    align-items: center;
}

.nc-uni-thumb {
    width: 100%;
    height: 165px;
    background: #f3f4fa;
    overflow: hidden;
    margin-bottom: 0;
    position: relative;
}

.nc-uni-thumb img {
    width: 100%;
    height: 165px;
    object-fit: cover;
    display: block;
}

.nc-uni-content {
    padding: 35px 24px 16px 24px;
    display: flex;
    flex-direction: column;
    gap: 9px;
}

.nc-uni-ort {
    color: #8987a1;
    font-size: 1em;
    font-weight: 600;
    margin-bottom: 2px;
}

.nc-uni-title {
    font-size: 1.47em;
    font-weight: 800;
    color: #252241;
    margin-bottom: 8px;
    margin-top: 0;
}

.nc-uni-desc {
    font-size: 1.10em;
    color: #474578;
    margin-bottom: 17px;
    font-weight: 400;
}

.nc-uni-details {
    margin-top: 4px;
    margin-bottom: 10px;
}

.nc-uni-detail {
    display: flex;
    align-items: center;
    gap: 9px;
    font-size: 1.04em;
    margin-bottom: 8px;
    color: #44426a;
    font-weight: 500;
}

.nc-uni-icon {
    color: #ff6b00;
    width: 22px;
    height: 22px;
    display: inline-block;
    margin-right: 2px;
}

.nc-uni-detail-label {
    font-weight: 500;
    color: #aaa;
    margin-right: 3px;
    font-size: 0.99em;
}

.nc-uni-detail-value {
    font-weight: 700;
    color: #24224e;
    font-size: 1.03em;
} */

.nc-uni-btn {
    display: block;
    width: 100%;
    text-align: center;
    margin: 25px 0 0 0;
    background: #ff6b00;
    color: #fff;
    font-size: 1.15em;
    font-weight: 600;
    border-radius: 13px;
    padding: 15px 0;
    text-decoration: none;
    letter-spacing: 0.02em;
    transition: background 0.15s, box-shadow 0.15s;
    box-shadow: 0 2px 16px 0 rgba(44, 52, 120, 0.08);
}

.nc-uni-btn:hover, .nc-uni-btn:focus {
    background: #f46600;
}

@media (max-width: 480px) {
    .nc-unis-list, .nc-uni-card {
        max-width: 100vw;
        border-radius: 0;
        margin: 0;
    }
    .nc-uni-content {
        padding: 19px 6vw 14px 6vw;
    }
}
#nc-lead-form {
    background: #fff;
    border-radius: 24px;
    margin: 0px 0px;
    padding: 24px;
    box-shadow: 0px 2px 16px 4px rgba(0, 0, 0, 0.04);
}

#nc-lead-form .nc-lead-headline {
    color: #190F23;
    font-size: 20px;
    font-style: normal;
    font-weight: 600;
    line-height: 135%;
    margin-bottom: 16px;
}

#nc-lead-form input {
    background: #fff;
    border-radius: 8px;
    border: 1px solid #CCD3D5;
    padding: 16px 16px;
    line-height: 22px;
    color: #7E8E92;
    font-size: 15px;
    width: 100%;
    margin-bottom: 16px;
}

#nc-lead-form div:nth-child(2) {
    display: block !important;
}
#nc-lead-form div:nth-child(4){
    position: relative;
}
#nc-lead-form div:nth-child(4) select.nc-lead-input {
    border: none;
    position: absolute;
    top: 0;
    left: 0;
    background: #F5F6F6;
    padding: 12px;
    padding-right: 35px;
    height: 56px;
    border-right: 1px solid;
    width: auto !important;
    background: F5F6F6;
    border-radius: 8px 0px 0px 8px;
    border: 1px solid #CCD3D5;
        -webkit-appearance: none;
            -moz-appearance: none;
            appearance: none;
             background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16'%3e%3cpath fill='none' stroke='%23858585' stroke-linecap='round' stroke-linejoin='round' stroke-width='2' d='M2 5l6 6 6-6'/%3e%3c/svg%3e");
    background-repeat: no-repeat;
    background-position: right .75rem center;
    background-size: 16px 12px;
}

#nc-lead-form div:nth-child(4) input {
    padding-left: 115px;
}
#nc-lead-form div label{display: flex;}
#nc-lead-form .nc-btn-main {
    margin-top: 32px;
}

#nc-lead-form div label {
    display: flex;
    align-items: center;
    line-height: 24px;
    color: #637277;
}

#nc-lead-form div label input {
    width: 15px;
    height: 15px;
    margin: 0px;
    margin-right: 10px;
    padding:10px;
}
#nc-lead-form div label a{
color: #ff6b00;}

.nc-wait-card {
    background: #fff;
    border-radius: 24px;
    margin: 0px 0px;
    padding: 24px;
    box-shadow: 0px 2px 16px 4px rgba(0, 0, 0, 0.04);
    display: flex;
    align-items: center;
    justify-content: center;
    font-size: 20px;
    text-align: center;
    font-weight: 600;
    line-height: 135%;
    color: #190F23;
}
.nc-wait-card img {
    max-width: 166px;
    margin-bottom: 16px;
}

#nc-kosten-error-msg { 
color: rgb(218, 58, 58);
font-size: 1.1em;
text-align: center;
background-color: rgb(255, 232, 232);
padding: 20px 15px;
border-radius: 15px;
margin-top: 30px; }