html {
    position: relative;
    min-height: 100%;
    font-size:18px;
}

@media (max-width: 575px) {
    body {
        margin-bottom: var(--footer-height-mobile);
        font-weight:300;
        font-family: var(--schriftarten);
    }

}

@media (min-width: 576px) {
    body {
        margin-bottom: var(--footer-height-mobile);
        font-weight:300;
        font-family: var(--schriftarten);
    }

}
@media (min-width: 768px) {
    body {
        margin-bottom: var(--footer-height);
        font-weight:300;
        font-family: var(--schriftarten);
    }

}
@media (min-width: 992px) {
    body {
        margin-bottom: var(--footer-height);
        font-weight:300;
        font-family: var(--schriftarten);
    }

}
@media (min-width: 1200px) {
    body {
        margin-bottom: var(--footer-height);
        font-weight:300;
        font-family: var(--schriftarten);
    }

}
@media (min-width: 1400px) {
    body {
        margin-bottom: var(--footer-height);
        font-weight:300;
        font-family: var(--schriftarten);
    }
}

h5,h4,h3,h2,h1{
    color:var(--acf_kpnoe_color-primary);
    outline-offset: 0.15rem;
}

.form-control:focus, .form-check-input:focus, .form-select:focus{
    outline-color:black;
    outline-width: 2px;
    outline-style: solid;
    outline-offset:2px;
    -webkit-box-shadow: none;
    box-shadow: none;
    border-color:var(--bs-border-color);
}

.btn:focus, .btn:active:focus, .btn-link.nav-link:focus {
    outline-color:black;
    outline-width: 2px;
    outline-style: solid;
    outline-offset:2px;
    -webkit-box-shadow: none;
    box-shadow: none;
}
.btn-no-box-shadow:focus, .btn-no-box-shadow:active, .btn-no-box-shadow:active:focus{
    box-shadow:none;
}

a{
    color:black;
}
a:hover{
    color:var(--acf_kpnoe_color-primary);
}

.btn{
    font-weight:300;
}

.btn:focus, .btn:active:focus, .btn-link.nav-link:focus {
    box-shadow: 0 0 0 0.1rem white, 0 0 0 0.25rem #258cfb;
    outline-color: black;
}

.nav-link{
    font-size:1.2rem;
    font-weight: 300;
    outline-color: black;
}

.nav-link:focus-visible{
    box-shadow: none;
    outline: -webkit-focus-ring-color auto 1px;
}

.nav-link.active{
    color:white;
    background-color:var(--acf_kpnoe_color-primary);
}

.nav-link-side{
    font-size:1.2rem;
    font-weight: 300;
    outline-color: black;
    color:var(--acf_kpnoe_color-primary);
    text-decoration: none;
    width:100%;
    display:block;
    padding:0.5rem 0 0.5rem 0.5rem;
}

.nav-link-side.active{
    color:white;
    background-color:var(--acf_kpnoe_color-primary);
}

.dropdown-item{
    font-size:1rem;
    font-weight: 300;
    outline-color: black;
    color:var(--acf_kpnoe_color-primary);
}

.dropdown-item:active{
    background-color: var(--acf_kpnoe_color-primary);
    color:white;
}

.dropdown-item:focus{
    background-color: var(--acf_kpnoe_color-primary);
    color:white;
}

.dropdown-item:hover{
    background-color: var(--acf_kpnoe_color-primary);
    color:white;
}

.btn-primary {
    background-color: var(--color-primary-button-bg) !important;
    border-color: var(--color-primary-button-bg) !important;
    color: var(--color-primary-button-text);
}


/*.btn-primary:disabled {
    background-color: var(--acf_kpnoe_color-secondary) !important;
    border-color: var(--acf_kpnoe_color-secondary) !important;
    color: var(--color-primary-button-text) !important;
}*/

.btn-primary:hover {
    filter: brightness(90%);
    color: var(--color-primary-button-text) !important;
}

.btn-outline-primary {
    color: var(--color-primary-outline-button-bg) !important;
    border-color: var(--color-primary-outline-button-bg) !important;
    background-color:white;
}

.btn-outline-primary:hover {
    color: white !important;
    border-color: var(--color-primary-outline-button-bg) !important;
    background-color:var(--color-primary-outline-button-bg) !important;
}

.btn-check:checked + .btn{
    background-color:var(--color-primary-button-bg) !important;
    color:white !important;
}

.btn-check-green:checked + .btn{
    background-color:#198754 !important;
    color:white !important;
}

.btn-check-yellow:checked + .btn{
    background-color:#ffc107 !important;
    color:white !important;
}

.btn-check-red:checked + .btn{
    background-color:#dc3545 !important;
    color:white !important;
}

.notizen-border-I{
    border-color:#198754 !important;
}

.notizen-border-W{
    border-color:#ffc107 !important;
}

.notizen-border-K{
    border-color:#dc3545 !important;
}

.notizen-color-I{
    color:#198754 !important;
}

.notizen-color-W{
    color:#ffc107 !important;
}

.notizen-color-K{
    color:#dc3545 !important;
}

.notizen-bg-color-I{
    background-color:#198754 !important;
}

.notizen-bg-color-W{
    background-color:#ffc107 !important;
}

.notizen-bg-color-K{
    background-color:#dc3545 !important;
}

.btn-maroon {
    background-color: maroon !important;
    border-color: maroon !important;
    color: white;
}

.btn-maroon:disabled {
    background-color: maroon !important;
    border-color: maroon !important;
    color: white !important;
}

.btn-maroon:hover {
    background-color: #660000 !important;
    border-color: #660000 !important;
    color: white;
}

.form-check-input:checked {
    background-color: var(--acf_kpnoe_color-primary) !important;
    border-color: var(--acf_kpnoe_color-primary) !important;
}

.modal-title {
    color:var(--acf_kpnoe_color-primary) !important;
}

.form-sm label {
    font-size: 0.875rem;
    margin-bottom: 0.25rem;
}

.form-sm input[type=text] {

}

.form-label-sm {
    font-size:0.875rem;
    margin-bottom:0.25rem;
}
/*
.form-check-input-sm {
    font-size:0.875rem;
}*/

.btn-close-sm {
    height:14px;
    max-height:14px;
    width:14px;
    max-width:14px;
}

.form-select-xs {
    font-size:0.75rem;
    padding:2px 30px 2px 3px;
}

.form-control-xs {
    font-size: 0.75rem;
    padding: 2px 5px 2px 3px;
}

.text-sm{
    font-size:0.875rem;
}

.container {
    max-width:1600px;
}

.offcanvas{
    background-color:whitesmoke;
}

.offcanvas table, .offcanvas tr, .offcanvas th, .offcanvas td {
    background-color: whitesmoke;
    border-color: darkgray;
}

.tooltip-inner {
    background-color: var(--acf_kpnoe_color-secondary) !important;
    color: #ffffff;
    max-width: 400px;
    border: 2px solid var(--acf_kpnoe_color-primary) !important;
}

.tooltip.show {
    opacity: 1;
}

.bs-tooltip-top .arrow::before, .bs-tooltip-auto[x-placement^="top"] .arrow::before {
    border-top-color: var(--acf_kpnoe_color-secondary) !important;
}

.bs-tooltip-right .arrow::before, .bs-tooltip-auto[x-placement^="right"] .arrow::before {
    border-right-color: var(--acf_kpnoe_color-secondary) !important;
}


.bs-tooltip-bottom .arrow::before, .bs-tooltip-auto[x-placement^="bottom"] .arrow::before {
    border-bottom-color: var(--acf_kpnoe_color-secondary) !important;
}


.bs-tooltip-left .arrow::before, .bs-tooltip-auto[x-placement^="left"] .arrow::before {
    border-left-color: var(--acf_kpnoe_color-secondary) !important;
}

.card{
    border-color:var(--acf_kpnoe_color-primary);
    padding-bottom: 0.5rem;
}

.alert-hell{
    color:black;
    border-color: var(--acf_kpnoe_color-primary);
    background-color: var(--acf_kpnoe_color-tertiary);
}

@media (max-width: 575px) {
    .login-card{
        margin-left:1rem;
        margin-right:1rem;
    }
    .register-card{
        margin-left:1rem;
        margin-right:1rem;
    }

    .border-md-end {
        border-right: none !important;
    }

    .border-lg-end {
        border-right: none !important;
    }

    .nav-link-resize{
        font-size:1rem;
    }
    
    .text-xs-nowrap{
        white-space: nowrap !important;
    }

}

@media (min-width: 576px) {
    .w-sm-50 {
        width:50% !important;
    }
    .w-sm-60 {
        width:60% !important;
    }
    .w-sm-75 {
        width:75% !important;
    }
    .login-card{
        margin-left:1rem;
        margin-right:1rem;
    }
    .register-card{
        margin-left:1rem;
        margin-right:1rem;
    }

    .border-md-end {
        border-right: none !important;
    }

    .border-lg-end {
        border-right: none !important;
    }

    .modal-dsys-1000{
        min-width:500px !important;
    }
    .modal-dsys-responsive{
        min-width:90% !important;
    }
    .offcanvas-dsys-responsive{
        width:90% !important;
    }

    .nav-link-resize{
        font-size:1rem;
    }
    
    .text-sm-nowrap{
        white-space: nowrap !important;
    }

}
@media (min-width: 768px) {
    .w-md-50 {
        width:50% !important;
    }
    .w-md-60 {
        width:60% !important;
    }
    .w-md-75 {
        width:75% !important;
    }

    .login-card{
        max-width:75%;
        margin-top:70px;
        margin-left:auto;
        margin-right:auto;
    }
    .register-card{
        margin-left:1rem;
        margin-right:1rem;
    }

    .border-md-end {
        border-right: var(--bs-border-width) var(--bs-border-style) var(--bs-border-color) !important;
    }

    .border-lg-end {
        border-right: none !important;
    }

    .modal-dsys-1000{
        min-width:700px !important;
    }
    .modal-dsys-responsive{
        min-width:90% !important;
    }
    .offcanvas-dsys-responsive{
        width:90% !important;
    }

    .nav-link-resize{
        font-size:1rem;
    }
    
    .text-md-nowrap{
        white-space: nowrap !important;
    }

}
@media (min-width: 992px) {
    .w-lg-50 {
        width:50% !important;
    }
    .w-lg-60 {
        width:60% !important;
    }
    .w-lg-75 {
        width:75% !important;
    }

    .login-card{
        max-width:75%;
        margin-top:70px;
        margin-left:auto;
        margin-right:auto;
    }
    .register-card{
        max-width:90%;
        margin-top:40px;
        margin-left:auto;
        margin-right:auto;
    }

    .border-md-end {
        border-right: var(--bs-border-width) var(--bs-border-style) var(--bs-border-color) !important;
    }
    .border-lg-end {
        border-right: var(--bs-border-width) var(--bs-border-style) var(--bs-border-color) !important;
    }
    .border-lg-bottom-0 {
        border-bottom: none !important;
    }

    .modal-dsys-1000{
        min-width:950px !important;
    }
    .modal-dsys-responsive{
        min-width:70% !important;
    }
    .offcanvas-dsys-responsive{
        width:50% !important;
    }

    .nav-link-resize{
        font-size:1rem;
    }
    
    .text-lg-nowrap{
        white-space: nowrap !important;
    }
}
@media (min-width: 1200px) {
    .w-xl-50 {
        width:50% !important;
    }
    .w-xl-60 {
        width:60% !important;
    }
    .w-xl-75 {
        width:75% !important;
    }

    .login-card{
        max-width:660px;
        margin-top:70px;
        margin-left:auto;
        margin-right:auto;
    }
    .register-card{
        max-width:90%;
        margin-top:40px;
        margin-left:auto;
        margin-right:auto;
    }

    .border-md-end {
        border-right: var(--bs-border-width) var(--bs-border-style) var(--bs-border-color) !important;
    }
    .border-lg-end {
        border-right: var(--bs-border-width) var(--bs-border-style) var(--bs-border-color) !important;
    }
    .border-lg-bottom-0 {
        border-bottom: none !important;
    }

    .modal-dsys-1000{
        min-width:1000px !important;
    }
    .modal-dsys-responsive{
        min-width:600px !important;
    }
    .offcanvas-dsys-responsive{
        width:40% !important;
    }

    .nav-link-resize{
        font-size:1rem;
    }
    
    .text-xl-nowrap{
        white-space: nowrap !important;
    }

}
@media (min-width: 1400px) {
    .w-xxl-50 {
        width:50% !important;
    }
    .w-xxl-60 {
        width:60% !important;
    }
    .w-xxl-75 {
        width:75% !important;
    }

    .login-card{
        max-width:660px;
        margin-top:70px;
        margin-left:auto;
        margin-right:auto;
    }
    .register-card{
        max-width:1200px;
        margin-top:40px;
        margin-left:auto;
        margin-right:auto;
    }

    .border-md-end {
        border-right: var(--bs-border-width) var(--bs-border-style) var(--bs-border-color) !important;
    }
    .border-lg-end {
        border-right: var(--bs-border-width) var(--bs-border-style) var(--bs-border-color) !important;
    }
    .border-lg-bottom-0 {
        border-bottom: none !important;
    }

    .modal-dsys-1000{
        min-width:1000px !important;
    }
    .modal-dsys-responsive{
        min-width:600px !important;
    }
    .offcanvas-dsys-responsive{
        width:40% !important;
    }

    .nav-link-resize{
        font-size:1.2rem;
    }
    
    .text-xxl-nowrap{
        white-space: nowrap !important;
    }

}