.text-xs{
    font-size:0.8rem;
}

.kp-logo{
    content: var(--acf_kpnoe_logo);
}

.kp-link{
    text-decoration: none;
    padding:4px 4px 12px 4px !important;
}

.kp-link:hover{
    cursor:pointer;
/*    background-color: var(--acf_kpnoe_color-tertiary);
    color:black !important; */
    border-width:3px !important;
    padding:2px 2px 10px 2px !important;
}

/*.kp-link:hover, .kp-link:focus{
    background-color: var(--acf_kpnoe_color-tertiary);
    color:black !important;
}*/

/*.kp-link:hover .btn, .kp-link:focus .btn{
    display:block !important;
}*/

.kp-link-active{
   background-color: var(--acf_kpnoe_color-tertiary);
    color:black !important; 
    border-width:3px !important;
    padding:2px 2px 10px 2px !important;
}

.kl-noe-logo{
    content: url('../bilder/Kulturland_NOe_trans.svg');
}

.btn-outline-primary:active{
    background-color: var(--acf_kpnoe_color-secondary) !important;
    color:white !important;   
}

.bg-guest{
    background-color: var(--color-bg-guest);
}

.bg-app{
    background-color: var(--color-bg-app);
}

.bg-nav{
    background-color: var(--color-bg-nav);
}

.div-kp-icon{
    padding-left:2rem;
    padding-right:0.5rem;
    padding-bottom:0.5rem;
    border:2px solid transparent;
}

.div-kp-icon:hover, .div-kp-icon > label:hover, .div-kp-icon > input:hover{
    cursor: pointer;
}

.div-kp-icon-selected{
    border:2px solid var(--acf_kpnoe_color-primary);
    border-radius: var(--bs-border-radius);
}

.chk-kp-icon:checked{
    border-color:black !important;
    background-color: lightgray !important;
}

.color-hell {
    color: var(--acf_kpnoe_color-secondary) !important;
}

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

.color-hinweis {
    color: var(--color-hinweis) !important;
}

.bg-color-hell {
    background-color: var(--acf_kpnoe_color-secondary) !important;
}

.bg-color-sehr-hell {
    background-color: var(--acf_kpnoe_color-tertiary) !important;
}

.bg-color-dunkel {
    background-color: var(--acf_kpnoe_color-primary) !important;
}

.bg-color-hinweis {
    background-color: var(--color-hinweis) !important;
}

.bg-color-noe-gelb {
    background-color: var(--color-noe-gelb) !important;
}


.border-dunkel {
    border-color: var(--acf_kpnoe_color-primary) !important;
}

.border-hell {
    border-color: var(--acf_kpnoe_color-secondary) !important;
}

.border-hinweis {
    border-color: var(--color-hinweis) !important;
}

.btn-hinweis {
    background-color: var(--color-hinweis) !important;
    border-color: var(--color-hinweis) !important;
    color:white !important;
}

.btn-hinweis:disabled {
    background-color: var(--color-hinweis-hell) !important;
    border-color: var(--color-hinweis-hell) !important;
    color: white !important;
}

.btn-hinweis:hover {
    background-color: var(--color-hinweis-dunkel) !important;
    border-color: var(--color-hinweis-dunkel) !important;
    color: white;
}

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

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

.fake-link:hover{
    text-decoration: underline;
    color:var(--acf_kpnoe_color-secondary);
    cursor: pointer;
}

.sterne-bewertung{
    padding-left:0.25rem;
    padding-right:0.25rem;
    margin-left:0;
    margin-right:0.25rem;
    color:var(--acf_kpnoe_color-primary);
    border:none;
    background-color: white;
}

.table-fix-head {
    overflow: auto;
}

.table-fix-head thead th {
    position: sticky;
    top: 0;
    z-index: 1;
}

/*Vollständigkeit prüfen*/
label.missing, button.missing{
    color:red !important;
    border-color:red !important;
}
input.missing{
   border-color:red !important; 
}

select.missing{
   border-color:red !important; 
}

.btn-xs{
    padding-left: 0.4rem !important;
    padding-right:0.4rem !important;
    padding-top:0.1rem !important;
    padding-bottom: 0.1rem !important;
    font-size:0.75rem !important;
    border-radius:0.2rem !important;
}

.btn-table{
    padding-left: 0.4rem !important;
    padding-right:0.4rem !important;
    padding-top:0rem !important;
    padding-bottom: 0rem !important;
    font-size:0.7rem !important;
    border-radius:0.1rem !important;
}

/*Eigene Tabellen*/
.table-dsys-xs {
    padding: 0px !important;
    margin: 0px !important;
    background-color: inherit !important;
    border: none !important;
    font-size:0.75rem;
    border-collapse: separate; /* Don't collapse */
    border-spacing: 0;
}
    .table-dsys-xs th {
        padding: 0 5px 2px 5px;
        margin: 0px !important;
       border-top:1px solid var(--acf_kpnoe_color-primary);
       border-bottom:1px solid var(--acf_kpnoe_color-primary);
       border-right:1px solid var(--acf_kpnoe_color-primary);
       color:black;
    }
    
    .table-dsys-xs tr th:first-child {
       border-left:1px solid var(--acf_kpnoe_color-primary);
    }

    .table-dsys-xs tr {
        padding: 0 5px 2px 5px;
        margin: 0px !important;
        background-color: inherit !important;
        border: none !important;
    }

    .table-dsys-xs tr.tr-selected{
    background-color:gainsboro !important;
    border: 1px solid black !important;
}
    
    .table-dsys-xs td {
        padding: 4px 5px 2px 5px;
        margin: 0px !important;
        background-color: inherit !important;
        border: none !important;
    }
    
    .table-dsys-xs td.td-button {
        padding: 2px 5px 2px 5px;
    }

.table-dsys-xs-bordered td {
    border-bottom: 1px solid var(--acf_kpnoe_color-primary) !important;
    border-right: 1px solid var(--acf_kpnoe_color-primary) !important;
    border-top: none !important;
}

.table-dsys-xs-bordered tr td:first-child {
    border-left: 1px solid var(--acf_kpnoe_color-primary) !important;
}

.table-dsys-xs-bordered tr:last-child td {
    border-bottom: none !important;
}



    .table-fix-head {
        overflow: auto;
    }

    .table-fix-head thead th {
        position: sticky;
        top: 0;
        z-index: 1;
    }
    
.table-dsys-hover tr:hover td {
    cursor: pointer;
    background-color:#f1f1f1;
}

.table-dsys-hover-dark tr:hover td {
    cursor: pointer;
    background-color: lightgray;
}

/*Navbar*/

#navbarBasis{
    font-size: 1.1rem;
}

.navbar-nav .dropdown-menu{
    border-width:2px;
    border-color:var(--acf_kpnoe_color-secondary);
}

.bg-hover-override:hover{
    background-color: #f8f9fa !important;
}

.dropdown-toggle-right::after {
    transform: rotate(270deg);
}

/*Skiplinks für Nav*/
#skiplinks a{
    position:absolute;
    left:-6000px;
    top:-6000px;
    overflow:hidden;
    display:inline;
}

#skiplinks a:focus, #skiplinks a:active{
    position:absolute;
    left:5px;
    top:5px;
    display:block;
    z-index: 6000;
    background-color:var(--color-grau);
    border-width: 3px;
    border-color:var(--acf_kpnoe_color-primary);
    padding:0.25rem 0.5rem;
    color:var(--acf_kpnoe_color-primary);
    text-decoration: none;
}

/*Geschachtelte Dropdowns*/
@media all and (min-width: 992px) {
    .dropdown-menu li {
        position: relative;
    }

    .nav-item .submenu {
        display: none;
        position: absolute;
        left: 100%;
        top: -7px;
    }

    .nav-item .submenu-left {
        right: 100%;
        left: auto;
    }

    .dropdown-menu > li:hover {
        background-color: #f1f1f1
    }

    .dropdown-menu > li:hover > .submenu {
        display: block;
    }
}

.divQR{
    max-height:200px;
    max-width:200px;
}

.divQR > svg{
    height:200px !important;
    width:200px !important;
}

/* ============ desktop view .end// ============ */

/* ============ small devices ============ */
@media (max-width: 991px) {
    .dropdown-menu .dropdown-menu {
        margin-left: 0.7rem;
        margin-right: 0.7rem;
        margin-bottom: .5rem;
    }
}

/*-----Footer-----*/

.footer {
    position: absolute;
    bottom: 0;
    width: 100%;
    white-space: nowrap;
    line-height: var(--footer-line-height);
    background-color:var(--footer-bg-color);
    color:var(--footer-text-color);
}

.footer a:hover{
    text-decoration: underline !important;
    color:var(--footer-text-color) !important;
}

/*-----Nummernfelder Rauf Runter-----*/
/* Chrome, Safari, Edge, Opera */
input::-webkit-outer-spin-button,
input::-webkit-inner-spin-button {
  -webkit-appearance: none;
  margin: 0;
}

/* Firefox */
input[type=number] {
  -moz-appearance: textfield;
}

/*START ---- Sonstige eigene Klassen*/
.hover-pointer:hover{
    cursor: pointer;
}
/*ENDE ---- Sonstige eigene Klassen*/