/* Hellblau für NAV-Links: #b2d4f7 */

@import "bootstrap-icons/font/bootstrap-icons.css";

@keyframes erscheinen {
    0% {
        opacity: 0;
    }

    100% {
        opacity: 1;
    }
}

@keyframes erscheinen_mit_Verzögerung {
    0% {
        opacity: 0;
    }

    60% {
        opacity: 0;
    }

    100% {
        opacity: 1;
    }
}

@keyframes erscheinen_verschwinden {
    0% {
        opacity: 0;
    }

    30% {
        opacity: 1;
    }

    70% {
        opacity: 1;
    }

    100% {
        opacity: 0;
    }
}

@keyframes flieg_oben_rein {
    0% {
        transform: translate(0px, -100px);
    }

    50% {
        transform: translate(0px, 0px);
        color: white;
    }

    100% {
        color: rgba(255, 255, 255, 0.5);
    }
}

@keyframes flieg_oben_raus {
    0% {
        color: rgba(255, 255, 255, 0.5);
    }

    30% {
        color: white;
    }

    50% {
        transform: translate(0px, 0px);
    }

    100% {
        transform: translate(0px, -100px);
    }
}

h2,
h3,
h4,
h5,
h6 {
    font-weight: 400;
}

#hilfethema_anzeige * h3,
#hilfethema_anzeige * h4,
#hilfethema_anzeige * h5,
#hilfethema_anzeige * h6 {
    margin-bottom: 15px !important;
}

#grid_editor * h3,
#grid_editor * h4,
#grid_editor * h5,
#grid_editor * h6 {
    margin-bottom: 15px !important;
}








.hintergrund_body {
    /*background-image: linear-gradient(180deg, rgb(59, 68, 182) 0%, rgb(166, 189, 241) 50%, rgb(59, 68, 182) 100%);*/

    /*background-color: #7e848b;*/
    background-color: #bac3cc;

    /*background-color: weiß;*/
    background-size: cover;
    height: 100%;
    display: flex;
    align-items: center;
    overflow-y: hidden;
}

.bg_psb_2000_hilfe {
    background-color: #ffffff;
}

.bg_weiß {
    background-color: #ffffff;

}

.bg_dunkel {

    /*background-color: #7e848b;*/
    background-color: #bac3cc;

    -webkit-transition: background-color 600ms linear;
    -ms-transition: background-color 600ms linear;
    transition: background-color 600ms linear;
}

.body_main {
    padding-top: 54px;
    padding-bottom: 25px;
    /*background-color: #7e848b;*/
    background-color: #bac3cc;
    height: 100%;
    overflow-y: hidden;
}



@media (max-width: 1440px) {
    .body_main {
        padding-top: 45px;
    }
}

@media (max-width: 576px) {
    .body_main {
        background-color: white;
    }
}

#refreshing {
    position: absolute;
    left: 520px;
    top: 11px;
    z-index: 100000;
    opacity: 1;
}

@media (max-width: 1440px) {
    #refreshing {
        position: absolute;
        left: 440px;
        top: 7px;
        z-index: 100000;
        opacity: 1;
    }
}

.table_col_200 {
    max-width: 200px;
    word-wrap: break-word;
}

.table_col_300 {
    max-width: 300px;
    word-wrap: break-word;
}

.table_col_400 {
    max-width: 400px;
    word-wrap: break-word;
}

.table_col_1000 {
    max-width: 1000px;
    word-wrap: break-word;
}



.spalte_in_main_row {
    display: flex;
    flex-flow: column;
    height: 100%;
    overflow: auto;
}

.eye_inaktiv {
    color: #000;
    text-shadow: 0 1px 0 #fff;
    opacity: 0.5;
}

.eye_inaktiv:hover {
    color: #000;
    text-decoration: none;
    opacity: 0.75;
}

.eye_aktiv {
    color: #007bff;
    text-decoration: none;
    background-color: transparent;
}

.eye_aktiv:hover {
    color: #0056b3;
}

.app_startseite {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    width: 220px;
    height: 220px;
    margin: 20px;
    border-radius: 15px;
    font-size: 1.8em;
    font-weight: 500;
    /*box-shadow:  0px 0px 20px 6px rgba(147, 145, 145, 1);*/
    transition: transform 0.4s;
    cursor: pointer;
}

.app_startseite p {
    margin-bottom: 0px;
}

.app_startseite:hover {
    transform: scale(1.15);
}

.app_startseite_dunkel {
    color: black;
    background-color: white;
    box-shadow: 0px 0px 20px 6px rgba(0, 0, 0, 1);
}

.app_startseite_hell {
    color: white;
    background-color: #252525;
}

.app_startseite .sub_logo {
    height: 100px;
}

.meldung_suchtreffer_im_schlüssel {
    background-color: rgb(145, 255, 169);
    box-shadow: 0px 0px 6px 3px rgb(145, 255, 169);
    font-size: 0.9rem;
    font-weight: 600;
    white-space: nowrap;
    display: none;
}

.highlight {
    color: #474c50;
    background-color: rgb(145, 255, 169);
    box-shadow: 0px 0px 5px 2px rgb(145, 255, 169);
    font-weight: 600;
}

.link_img_hover {
    color: #b3dcff;
}

.link_img_default {
    color: #ffffff;
}


/* TEST -------------------------------------------------------- */


/* TEST -------------------------------------------------------- */


/* Lupe in Suchfeld -------------------------------------------------------- */

.has-search .form-control {
    padding-left: 2.2rem;
}

.has-search .form-control-feedback {
    position: absolute;
    z-index: 2;
    display: block;
    padding-left: 0.6rem;
    padding-top: 0.19rem;
}


/* Lupe in Suchfeld -------------------------------------------------------- */

.tooltip {
    z-index: 11070;
}

.scroll_aktiv {
    box-shadow: 0px 5px 5px -5px rgba(0, 0, 0, 0.3);
}


/*Vorschau im Editor*/

.desktop {
    width: 1900px;
    height: 1000px;
    border: 3px solid #363636;
    box-shadow: 0px 15px 25px #666;
}

.desktop_xs {
    width: 1280px;
    height: 660px;
    border: 3px solid #000000;
    box-shadow: 0px 15px 25px #666;
}

.diagnose {
    width: 800px;
    height: 600px;
    border: 3px solid #363636;
    box-shadow: 0px 15px 25px #666;
}

.phone {
    border: 40px solid #000000;
    border-width: 55px 7px;
    border-radius: 45px;
    overflow: hidden;
    box-shadow: 0px 6px 0 #252525, 0px 10px 20px #666;

}

.phone iframe {
    border: 0;
}


/*Vorschau im Editor*/

.error {
    padding-left: 10px;
    font-size: 0.9em;
    color: #d9534f;
    font-style: italic;
}

.book {
    /*Klasse für jstree_laden.php*/
    background-image: url(book-17.png) !important;
    background-size: 17px;
}

.searchlist_item:hover {
    background-color: #dae5f0;
}

.searchlist_item_active {
    background-color: #dae5f0;
}


/*Hellblau_alt #dae5f0 */


/*Hellblau_neu #cce5ff */


/*primary Hellblau*/

.shadow_verzeichnis_active {
    -moz-transition: all 0.4s ease;
    -webkit-transition: all 0.4s ease;
    transition: all 0.4s ease;
    box-shadow: 0px 0px 4px 3px #2c3646;
}


/*
.verzeichnis_not_active {
      background-color: rgb(246, 246, 246)!important; 
}
*/

.verzeichnis_name_active {
    -moz-transition: all 0.4s ease;
    -webkit-transition: all 0.4s ease;
    transition: all 0.4s ease;
    color: rgb(150, 255, 136) !important;

}

.verzeichnis_name_not_active {
    -moz-transition: all 0.4s ease;
    -webkit-transition: all 0.4s ease;
    transition: all 0.4s ease;
    color: rgb(202, 202, 202) !important;
}

.verzeichnis_name_neutral {
    -moz-transition: all 0.4s ease;
    -webkit-transition: all 0.4s ease;
    transition: all 0.4s ease;
    color: rgb(255, 255, 255) !important;
}

a.disabled_link {
    /* Make the disabled links grayish*/
    color: rgb(129, 129, 160);
    /* And disable the pointer events */
    pointer-events: none;
}

.x_datei_auswahl {
    cursor: pointer;
    max-height: 40px;
}

.x_datei_auswahl:hover {
    background: rgb(239, 246, 250);
}

.x_datei_selected {
    background: rgb(201, 228, 249) !important;
}

.ordner_auswahl {
    cursor: pointer;
}

.ordner_auswahl:hover {
    background: rgb(239, 246, 250);
}

.ordner_zurück {
    cursor: pointer;
}

.ordner_zurück:hover {
    background: rgb(239, 246, 250);
}

.zeige_log_fehlermeldung {
    font-weight: 600;
    cursor: pointer;

}

.log_erfolgreich {
    font-weight: 500;
    color: #28a745
}



.zoom_1 {
    transition: all 0.3s;
}

.zoom_1:hover {
    box-shadow: 0px 2px 17px -2px rgba(78, 78, 78, 0.554);
    z-index: +1;
    transform: scale(1.02);
}

.datei_auswahl {
    transition: transform 0.4s;
    max-height: 250px;
}


.datei_auswahl_bild {
    transition: transform 0.4s;
    max-height: 140px;
}

.datei_auswahl:hover {
    box-shadow: 0px 3px 17px 0px rgba(59, 59, 59, 0.75);
    z-index: +1;
    background-color: rgb(255, 255, 255);

    transform: scale(1.1);
    /* (150% zoom - Note: if the zoom is too large, it will go outside of the viewport) */
}

.datei_auswahl_pfad {
    cursor: pointer;
    color: black;
}

.datei_auswahl_video {
    max-height: 130px;
}

.datei_auswahl_explorer {
    background-color: white;
}

.datei_auswahl_explorer:hover {
    box-shadow: 0px 2px 5px 0px rgba(0, 0, 0, 0.45);
    z-index: +10;
    background-color: #dae5f0;
}

.datei_auswahl_explorer_selected {
    box-shadow: 0px 2px 5px 0px rgba(0, 0, 0, 0.45);
    z-index: +10;
    background-color: #dae5f0;
}

.datei_auswahl_explorer_zwischenraum {
    padding: 5px;
}

.jstree-default .jstree-wholerow-clicked {
    background: #dae5f0 !important;
}

.dropdown-item-passend-zu-jstree {
    padding-top: 2px;
    padding-bottom: 2px;
}

.dropdown-item-passend-zu-jstree:hover {
    background: #dae5f0;
}

.jstree-wholerow-hovered {
    background-color: #eaf0f5 !important;
}

.modal-xxl {
    max-width: 90% !important;
}

#cover {
    /*background: #222 url(img/Bild_2_klein.jpg) center center no-repeat;*/
    height: 100%;
    /*background-image: linear-gradient(180deg, #2a77dd 0%, rgb(166, 189, 241) 50%, rgb(42, 119, 221) 100%); */
    display: flex;
    align-items: center;
}

.hintergrundsbild {
    /*background: #222 url(img/Bild_2_klein.jpg) center center no-repeat;*/
    background: #222 url(img/Fotolia_78748132_xs.jpg) center center no-repeat;
    background-size: cover;
    background-repeat: repeat;
}

#cover-caption {
    width: 100%;
}

.fehler_text {
    color: rgb(255, 0, 81);
}

.fehler_text_light {
    color: rgb(255, 102, 0);
}

.erfolg_text {
    color: rgb(0, 170, 0);
}

.fenster_form-control {
    padding: 0.375rem 0.75rem;
    font-size: 1rem;
    font-weight: 400;
    line-height: 1.5;
    color: #495057;
    background-color: #fff;
    /*border: 1px solid #ced4da; */
    /*border: 1px solid #b4bbc2;*/
    /*border: 1px solid #fff;*/
    border-radius: 0.25rem;
    transition: border-color 0.15s ease-in-out, box-shadow 0.15s ease-in-out;
}

.presentation {
    cursor: pointer;
}


.bolder {
    font-weight: 600 !important;
}




.pulsate {
    animation: pulsate 1.5s ease-out;
    -webkit-animation: pulsate 1.5s ease-out;
    animation-iteration-count: infinite;
    -webkit-animation-iteration-count: infinite;
    opacity: 0.1;
    z-index: 5000;
}

.pulsate_fast {
    animation: pulsate 0.7s ease-out;
    -webkit-animation: pulsate 0.7s ease-out;
    animation-iteration-count: infinite;
    -webkit-animation-iteration-count: infinite;
    opacity: 0.1;
    z-index: 5000;
}

.pulsate_very_fast {
    animation: pulsate 0.5s ease-out;
    -webkit-animation: pulsate 0.5s ease-out;
    animation-iteration-count: infinite;
    -webkit-animation-iteration-count: infinite;
    opacity: 0.1;
    z-index: 5000;
}

@keyframes pulsate {
    0% {
        opacity: 0.1;
    }

    50% {
        opacity: 1;
    }

    100% {
        opacity: 0.1;
    }
}

.bg_pulsate {
    animation-name: color;
    animation-duration: 1.5s;
    animation-iteration-count: infinite;
}

@keyframes color {
    0% {
        background-color: #ffffff;
    }

    50% {
        background-color: #71fc6e;
    }

    100% {
        background-color: #ffffff;
    }
}

.login_bg {
    background-color: rgba(51, 51, 51, 0.6);
    box-shadow: 0px 0px 70px -10px rgba(255, 255, 255, 1);
    padding-top: 40px;
    padding-bottom: 40px;
}

.bs1 {
    box-shadow: 0px 0px 12px 7px rgba(255, 255, 255, 1);
    background-color: rgba(255, 255, 255, 1);
}

.erscheinen {
    animation: erscheinen 1s 1;
}

.erscheinen_1 {
    animation: erscheinen 1.5s 1;
}

.erscheinen_2 {
    animation: erscheinen 2s 1;
}

.erscheinen_3 {
    animation: erscheinen 3s 1;
}

.erscheinen_mit_Verzögerung_2 {
    animation: erscheinen_mit_Verzögerung 2s 1;
}

.blinken {
    animation: blink 1s linear infinite;
}

.blinken_sehr_schnell {
    animation: blink 0.3s linear infinite;
}

.browserwarnung_ie {
    position: absolute;
    top: 90px;
    right: 40px;
}

@keyframes blink {
    0% {
        opacity: 0.1;
    }

    50% {
        opacity: 1;
    }

    100% {
        opacity: 0.1;
    }
}

.erscheinen_verschwinden {
    opacity: 0;
    animation: erscheinen_verschwinden 2.4s 1;
    animation-fill-mode: backwards;
}

.kurze_meldung {
    opacity: 0;
    animation: erscheinen_verschwinden 2s 1;
    animation-fill-mode: backwards;
}

.transition_all_1s {
    transition-property: all;
    transition-duration: 1s;
    transition-timing-function: ease;
}

.transition_all_400ms {
    transition: all 0.4s ease-in-out;
}

.flieg_oben_rein {
    animation: flieg_oben_rein 0.7s 1;
    animation-fill-mode: backwards;
}

.flieg_oben_raus {
    animation: flieg_oben_raus 0.7s 1;
    animation-fill-mode: forwards;
}

.fenster_1 {
    background-color: rgba(255, 255, 255, 0.9);
    border-radius: 0.5rem;
    box-shadow: 0px 8px 15px 5px rgba(0, 0, 0, 0.79);
    margin-top: 60px;
}

.fenster_2 {
    background-color: rgba(255, 255, 255, 1);
    border-radius: 0.3rem;
    box-shadow: 0px 3px 7px 1px rgba(0, 0, 0, 0.4);
    margin-top: 30px;
}

.datenbank {
    margin-left: 3rem;
    margin-right: 3rem;
}

.bg-weiß {
    background-color: rgba(255, 255, 255, 1);
    border-radius: 4px;
}

.schrift-rot {
    color: #d9534f;
}

.schrift-gruen {
    color: #5cb85c;
}

.seitenabstand {
    margin-left: 2rem;
    margin-right: 2rem;
}



/* Spalte */
.password-wrapper {
    width: 100%;
}

/* NEU: nur dieser Container richtet das Auge aus */
.password-inner {
    position: relative;
}

/* Auge rechts im Feld, vertikal am Input ausgerichtet */
.password-inner .toggle-password {
    position: absolute;
    right: 10px;
    top: 50%;
    transform: translateY(-50%);
    border: 0;
    background: transparent;
    padding: 0;
    cursor: pointer;
    color: #6c757d;
}

.password-inner .toggle-password:hover {
    color: #000;
}

/* Platz im Input für Auge + Bootstrap-Validierungsicon */
.password-inner .form-control.with-toggle {
    padding-right: 3.25rem;
}

/* Validierungsicon ein Stück nach innen, damit es nicht mit dem Auge kollidiert */
.password-inner .form-control.with-toggle.is-valid,
.password-inner .form-control.with-toggle.is-invalid {
    background-position: right 2.25rem center;
    background-repeat: no-repeat;
}

/* Abstände für die Fehlermeldung */
.invalid-feedback {
    margin-top: .25rem;
}




.button_SuB_white:hover {
    background-color: white;
    color: black;
    border-color: #252525;
}

.button_SuB:hover {
    background-color: #252525;
    color: white;
    border-color: #252525;
}

#aktualisieren:hover img[src="img/icons8-aktualisieren-30.png"] {
    transform: rotate(780deg) scale(0.5, 0.5);
    transition: 5s;
}

.drehen:hover {
    transform: rotate(+720deg);
    transition: 1s;
}

.navbar-inverse .navbar-nav .nav-link:hover {
    color: rgba(255, 255, 255, 0.9);
}

.dropdown_nav_SuB {
    background-color: #252525;
    margin-top: 5px;
    animation: drop_down_SuB 0.9s 1;
    animation-timing-function: ease;

}

.dropdown_nav_SuB-item {
    color: rgba(255, 255, 255, 0.5);
}

.dropdown_nav_SuB-item:hover {
    color: rgba(255, 255, 255, 0.9);
    background: none;
}

#navbar_logo_sub {
    height: 35px;
    margin-top: 3px;
    margin-bottom: 3px;
}

#navbar_logo_sub_h35px {
    margin-top: 3px;
    margin-bottom: 3px;
}

.dropdown_sprachkürzel_list {
    height: 51px;
    padding-top: 5px;
}

.icon-höhe {
    height: 35px;
}

#msg_pdf {
    height: 280px;
}

.unselectable {
    /* For Opera and <= IE9, we need to add unselectable="on" attribute onto each element */
    -moz-user-select: none;
    /* These user-select properties are inheritable, used to prevent text selection */
    -webkit-user-select: none;
    -ms-user-select: none;
    /* From IE10 only */
    user-select: none;
    /* Not valid CSS yet, as of July 2012 */
    -webkit-user-drag: none;
    /* Prevents dragging of images/divs etc */
}

.login_abstand_links {
    margin-left: 100px !important;
}

.abstand-oben {
    margin-top: 70px;
}

.abstand-oben-unten {
    margin-top: 64px;
    padding-bottom: 97px;
}

.abstand-oben-unten-mobile {
    margin-top: 45px;
    padding-bottom: 70px;
}

.abstand-oben_db_editor {
    margin-top: 48px;
}

.abstand-links {
    padding-left: 0px;
}

.abstand-oben_hf {
    margin-top: 70px;
}

.img_auto_size {
    max-width: 100%;
    height: auto;
}

.disable_chrome_image_rendering {
    image-rendering: -webkit-optimize-contrast;
    /* Chrome (and eventually Safari) */
    image-rendering: optimize-contrast;
    /* CSS3 Proposed        */
}

.bg-light-blue {
    background-color: #f0f5fc;
}

.suchtreffer {
    color: #007bff !important;
    font-weight: 600;
}


/* menüX */

.menüXframe {
    position: relative;
    top: 0px;
    right: 0px;
    margin-left: 9px;
    width: 38px;
    height: 38px;
    display: block;
    background-color: #fff;
    background-clip: padding-box;
    border: 1px solid #ced4da;
    border-radius: 0.25rem;
    transition: border-color 0.15s ease-in-out, box-shadow 0.15s ease-in-out;
    z-index: 1001;
}

.menüXframe:hover {
    background-color: #dae5f0;
}

.menüX {
    width: 15px;
    height: 30px;
    position: relative;
    left: 11px;
    top: 3px;
    cursor: pointer;
    display: inline-block;
    z-index: 1000;
    background-color: rgba(255, 255, 255, 0);
}

.menüX span {
    background-color: #606060;
    position: absolute;
    border-radius: 2px;
    transition: 0.3s cubic-bezier(0.8, 0.5, 0.2, 1.4);
    width: 100%;
    height: 4px;
    transition-duration: 500ms;
}

.menüX span:nth-child(1) {
    transform: rotate(45deg) scale(1);
    top: 13px;
}

.menüX span:nth-child(2) {
    transform: rotate(-45deg) scale(1);
    top: 13px;
}

.menüX span:nth-child(3) {
    transform: scale(0.1);
    top: 13px;
}


/*--------------------------------------------------------------------------------------*/

.menü-H-frame {
    position: absolute;
    top: 83px;
    right: 2rem;
    width: 38px;
    height: 38px;
    display: none;
    background-color: #fff;
    background-clip: padding-box;
    border: 1px solid #ced4da;
    border-radius: 0.25rem;
    transition: border-color 0.15s ease-in-out, box-shadow 0.15s ease-in-out;
    z-index: 1001;
}

.menü-H-frame:hover {
    background-color: #dae5f0;
}

.menü-H {
    width: 30px;
    height: 30px;
    position: relative;
    left: 3px;
    top: 3px;
    cursor: pointer;
    display: inline-block;
    z-index: 1000;
    background-color: rgba(255, 255, 255, 0);
}

.menü-H span {
    background-color: #606060;
    position: absolute;
    border-radius: 2px;
    transition: 0.3s cubic-bezier(0.8, 0.5, 0.2, 1.4);
    width: 100%;
    height: 4px;
    transition-duration: 500ms;
}

.menü-H span:nth-child(1) {
    top: 5px;
    left: 0px;
}

.menü-H span:nth-child(2) {
    top: 21px;
    left: 0px;
}

.menü-H span:nth-child(3) {
    top: 13px;
    left: 0px;
}

.toast-header {
    background-color: #252525;
    color: white;
}

.nicht_verfügbar {
    text-decoration: line-through !important;
    color: rgb(119, 119, 119);
}

.nicht_verfügbar:hover {
    text-decoration: line-through !important;
    color: rgb(173, 173, 173);
}

/* Hide scrollbar for Chrome, Safari and Opera */
.no_scrollbar::-webkit-scrollbar {
    display: none;
}

/* Hide scrollbar for IE, Edge and Firefox */
.no_scrollbar {
    -ms-overflow-style: none;
    /* IE and Edge */
    scrollbar-width: none;
    /* Firefox */
}


#fußzeile {
    font-size: 80%;
    height: 25px;
    box-shadow: 0px 0px 5px 0px rgba(173, 173, 173, 1);
    padding-left: 16px;
    padding-right: 16px;
}

.navbar-dark {
    background-color: #252525 !important;

}

.dark-1 {
    background-color: #252525 !important;
}

.dark-2 {
    background-color: #555555 !important;
}

.menü-H-dunkel-frame {
    width: 38px;
    height: 36px;
    display: none;
    background-color: #252525;
    background-clip: padding-box;
    border: 1px solid #ced4da;
    border-radius: 0.25rem;
    transition: border-color 0.15s ease-in-out, box-shadow 0.15s ease-in-out;
    z-index: 1001;
}

.menü-H-dunkel-frame:hover {
    background-color: #dae5f0;
}

.menü-H-dunkel {
    width: 30px;
    height: 30px;
    position: relative;
    left: 3px;
    top: 3px;
    cursor: pointer;
    display: inline-block;
    z-index: 1000;
    background-color: rgba(255, 255, 255, 0);
}

.menü-H-dunkel span {
    background-color: white;
    position: absolute;
    border-radius: 2px;
    transition: 0.3s cubic-bezier(0.8, 0.5, 0.2, 1.4);
    width: 100%;
    height: 3px;
    transition-duration: 500ms;
}

.menü-H-dunkel span:nth-child(1) {
    top: 5px;
    left: 0px;
}

.menü-H-dunkel span:nth-child(2) {
    top: 21px;
    left: 0px;
}

.menü-H-dunkel span:nth-child(3) {
    top: 13px;
    left: 0px;
}

.hamburger-button-frame {
    position: fixed;
    width: 38px;
    height: 38px;
    background-color: #fff;
    background-clip: padding-box;
    border: 1px solid #ced4da;
    border-radius: 0.25rem;
    transition: border-color 0.15s ease-in-out, box-shadow 0.15s ease-in-out;
    z-index: 1001;
}

.hamburger-button-frame:hover {
    background-color: #dae5f0;
}

.zeile:hover {
    background-color: #f2faff;
}

#sprachkürzel {
    border: solid;
    border-color: white;
    border-width: 2px;
    border-radius: 5px;
    padding-top: 2px;
    padding-bottom: 3px;
    padding-left: 5px;
    padding-right: 6px;
    color: white;
}

#sprachkürzel_lokal {
    border: solid;
    border-color: rgb(68, 70, 83);
    border-width: 2px;
    border-radius: 5px;
    padding-top: 2px;
    padding-bottom: 2px;
    padding-left: 5px;
    padding-right: 6px;
    font-weight: bold;
    color: rgb(68, 70, 83);
    z-index: 1001;
}

.minimum-höhe {
    min-height: 87px;
}

.text_zum_icon {
    font-size: 100%;
    /*  display: none; */
}

#sichtbarer_inhalt {
    margin-top: 64px;
}

.modal_div_bilder_videos {
    height: 650px;
}

#login_default_user {
    background-color: rgb(231, 226, 226);
}

#login_default_user:hover {
    background-color: rgb(239, 251, 239);
}

.bs-tooltip-right {
    left: 5px !important;
}


.menü-H-frame_lokal {
    position: absolute;
    top: 28px;
    right: 6rem;
    width: 38px;
    height: 33px;
    display: none;
    background-color: #fff;
    background-clip: padding-box;
    border: 2px solid rgb(68, 70, 83);
    border-radius: 0.25rem;
    transition: border-color 0.15s ease-in-out, box-shadow 0.15s ease-in-out;
    z-index: 1001;
}

.menü-H-frame_lokal:hover {
    background-color: #dae5f0;
}

#fußzeile {
    font-size: 80%;
}

#cookie-meldung {
    position: absolute;
    left: 0px;
    bottom: 25px;
    padding-top: 5px;
    padding-bottom: 5px;
    width: 100%;
    background-color: rgba(54, 54, 54, 0.7);
    color: white;
    text-align: center;
    z-index: 900;
}


/* Tabellen-Styling für Hilfethemen */

.t1 p {
    margin-bottom: 0px;

}

.table p {
    margin-bottom: 0px !important;
}

.t1 td {
    padding-left: 10px;
    padding-right: 10px;
}

.t1 th {
    padding-left: 10px;
    padding-right: 10px;
}

.t1 tbody tr:hover {
    background-color: #f0f5fa;

}



.t2 td {
    padding-left: 10px;
    padding-right: 10px;
    padding-top: 3px;
    padding-bottom: 3px;
    border-color: #aaaaaa;
    text-align: center;
}

.t2 tbody tr:hover {
    background-color: #f0f5fa;

}


.t2 thead th {
    padding-left: 10px;
    padding-right: 10px;
    padding-top: 3px;
    padding-bottom: 3px;
    border-color: #aaaaaa;
    border-bottom: 1px solid #aaaaaa;
    font-weight: 600;
    background-color: #D9E4EE;



}

.table-sm th {
    padding-left: 10px;
    padding-right: 10px;
}

.table-sm td {
    padding-left: 10px;
    padding-right: 10px;
}


/* Tabellen-Styling für Hilfethemen */

.modal_inhalt {
    height: 500px;
}

.datei_icon {
    height: 40px;
}

.datei_icon_pdf {
    height: 30px !important;
}

.datei_icon_suche {
    height: 25px;
}

.datei_name {
    font-size: 0.9em;
}

.pfad_text {
    font-size: 0.8em;
    font-weight: bold;
    line-height: 2.3em;
    height: 30px;
}

.ausgabedatum {
    font-size: 0.8em;
    font-weight: bold;
    font-style: italic;
}

.icon_überschrift_ht {
    height: 18px;
}

.icon_ht_nav {
    height: 23px;
}

#startbildschirm_sub_logo {
    height: 180px;
}

.startbildschirm_schriftzug {
    font-size: 3.4em;
}

#startbildschirm_adresse {
    line-height: 120%;
    font-size: 0.9em;
}

#toast_wrapper {
    position: absolute;
    /*top: 137px;*/
    bottom: 55px;
    right: 33px;
    z-index: 0;
}

.toast {
    border: none;
}

.background_success {
    background-color: #d4edda;
}

.style_success {
    color: #155724;
    border-color: #c3e6cb;
    /*background-color: #d4edda;*/
}

.background_danger {
    background-color: #f8d7da;
}

.style_danger {
    color: #721c24;
    background-color: #f8d7da;
    border-color: #f5c6cb;
}

.background_warning {
    background-color: #fff3cd;
}

.style_warning {
    color: #856404;
    background-color: #fff3cd;
    border-color: #ffeeba;
}

.background_primary {
    background-color: #cce5ff;
    /*primary Hellblau*/
}

.style_primary {
    color: #004085;
    background-color: #cce5ff;
    /*primary Hellblau*/
    border-color: #b8daff;
}

.suchergebnisse_liste {
    font-size: 1em;
}

.quicklink_input_nav {
    height: 31px;
    margin-bottom: 1px;
    margin-top: 2px;
    width: 90px;
    cursor: text !important;
    border-width: 2px;
}

.quicklink_feld {
    width: 95px !important;
    font-weight: 700;
    font-size: 0.9rem;
}

.quicklink_status {
    height: 32px;
    min-width: 93px;
    margin-top: 1px;
    line-height: 190%;
}

#position_of_message_benutzerverwaltung {
    position: absolute;
    bottom: 42px;
    right: 30px;
    max-height: 50px;
}

@-moz-document url-prefix() {
    .quicklink_input_nav {
        margin-bottom: 0px;
        margin-top: 1px;
    }
}



@media (min-width: 1681px) {
    .suchergebnisse_liste {
        font-size: 1.1em;
    }
}

@media (max-width: 1680px) {
    .app_startseite {
        width: 180px;
        height: 180px;
        font-size: 1.5em;
    }

    .app_startseite .sub_logo {
        height: 80px;
    }

    .datei_name {
        font-size: 0.8em;
    }
}

@media (max-width: 1440px) {

    #position_of_message_benutzerverwaltung {
        position: absolute;
        top: 58px;
        right: 30px;
        max-height: 50px;
    }

    .quicklink_input_nav {
        height: 24px;
        width: 90px;
        cursor: text;
        border-width: 2px;
        margin-top: 4px;
    }

    .app_startseite {
        width: 150px;
        height: 150px;
        font-size: 1.3em;
    }

    .app_startseite .sub_logo {
        height: 70px;
    }

    #startbildschirm_sub_logo {
        height: 160px;
    }

    .startbildschirm_schriftzug {
        font-size: 3em;
    }

    #msg_pdf {
        height: 150px;
    }

    .icon_ht_nav {
        height: 23px;
    }

    #seitenmenü_editor {
        font-size: 85%;
        line-height: 1.3;
    }

    .browserwarnung_ie {
        position: absolute;
        top: 80px;
        right: 40px;
    }

    #seitenmenü_editor input {
        height: 23px;
    }

    #seitenmenü_editor small {
        font-size: 80%;
    }

    .minimum-höhe {
        min-height: 79px;
    }

    #seitenmenü_editor hr {
        margin-top: 8px;
        margin-bottom: 8px;
    }

    .icon-höhe {
        height: 25px;
    }

    #navbar_logo_sub {
        height: 27px;
        margin-top: 2px;
        padding-top: 0px;
        padding-bottom: 0px;
        margin-bottom: 2px;
    }

    #navbar_logo_sub_h35px {
        height: 27px;
        margin-top: 0px;
        padding-top: 0px;
        padding-bottom: 0px;
        margin-bottom: 2px;
    }

    #sichtbarer_inhalt {
        margin-top: 55px;
    }

    #sprachkürzel {
        padding-top: 0px;
        padding-bottom: 1px;
        padding-left: 3px;
        padding-right: 3px;
        font-size: 85%;
    }

    .dropdown_sprachkürzel_list {
        height: 43px;
        padding-top: 2px;
    }

    .abstand-oben {
        margin-top: 57px;
    }

    .abstand-oben-unten {
        margin-top: 55px;
        padding-bottom: 88px;
    }

    .abstand-oben_db_editor {
        margin-top: 37px;
    }

    .abstand-oben_hf {
        margin-top: 57px;
    }

    .modal_div_bilder_videos {
        height: 350px;
    }

    .menü-H-frame {
        top: 70px;
    }

    .modal_inhalt {
        height: 280px;
    }

    .datei_icon {
        height: 30px;
    }

    .datei_name {
        font-size: 0.7em;
    }
}

@media (max-width: 1200px) {
    .app_startseite {
        width: 180px;
        height: 180px;
        font-size: 1.5em;
    }

    .app_startseite .sub_logo {
        height: 70px;
    }

    .startseite_seitenspalte {
        display: none;
    }

    #toast_wrapper {
        display: none;
    }

    .seitenabstand {
        margin-left: 1rem;
        margin-right: 1rem;
    }

    #cookie-meldung {
        font-size: 90%;
    }
}

@media (min-width: 1200px) {
    .meldungsbox {
        margin-left: 6rem;
        margin-right: 6rem;
    }
}

@media (max-width: 991px) {
    .dropdown_nav_SuB {
        border-style: none;
    }

    .datenbank {
        margin-left: 0rem;
        margin-right: 0rem;
    }

    #fußzeile {
        font-size: 70%;
    }

    .login_bg {
        background-color: rgba(51, 51, 51, 0.55);
        padding-top: 20px;
        padding-bottom: 20px;
    }

    .textbox-links {
        padding-left: 1rem;
        padding-right: 1rem;
    }

    .textbox-rechts {
        padding-left: 1rem;
        padding-right: 1rem;
    }

    .datei_icon {
        height: 20px;
    }

    .browserwarnung_ie {
        font-size: 0.9em;
    }
}

@media (min-width: 992px) {
    .textbox-links {
        padding-left: 3rem;
    }

    .textbox-rechts {
        padding-right: 3rem;
    }
}

@media (max-width: 992px) {
    .textbox-links {
        padding-left: 3rem;
    }

    .textbox-rechts {
        padding-right: 3rem;
    }

    #navbar_SuB {
        font-size: 95%;
    }
}

@media (max-width: 1000px) {
    .app_startseite {
        width: 160px;
        height: 160px;
        font-size: 1.3em;
    }

    .app_startseite .sub_logo {
        height: 60px;
    }

    .form-control {
        font-size: 0.8em;
    }

    .button_SuB {
        font-size: 0.8em;
    }

    #startbildschirm_sub_logo {
        height: 110px;
    }

    .icon_wartung {
        height: 18px;
    }
}

@media (max-width: 768px) {
    .suchergebnisse_überschrift {
        font-size: 1.1em;
        margin-bottom: 0px;
        margin-top: 3px;
    }

    .suchergebnisse_close {
        display: none;
    }

    .app_startseite {
        width: 120px;
        height: 120px;
        font-size: 1em;
    }

    .app_startseite .sub_logo {
        height: 40px;
    }

    #startbildschirm_sub_logo {
        height: 100px;
    }

    .startbildschirm_schriftzug {
        font-size: 2.3em;
    }

    #startbildschirm_adresse {
        line-height: 120%;
        font-size: 0.7em;
    }

    .abstand-links {
        padding-left: 1rem;
    }

    .browserwarnung_ie {
        font-size: 0.8em;
    }

    .abstand-oben_hf {
        margin-top: 20px;
    }

    .abstand-unten_hf_lokal {
        margin-bottom: 35px;
    }

    .dropdown_nav_SuB {
        margin-top: 0px;
        padding-top: 5px;
        padding-bottom: 5px;
    }

    .text_zum_icon {
        margin-left: 10px;
    }

    .datei_icon {
        height: 15px;
    }

    .hintergrund_body {
        overflow-y: hidden;
    }
}

@media (max-width: 800px) and (max-height: 440px) {

    /*Diagnose-PC*/
    #startbildschirm_sub_logo {
        height: 60px;
    }

    .startbildschirm_schriftzug {
        font-size: 1.5em;
    }

    #startbildschirm_adresse {
        line-height: 100%;
        font-size: 0.6em;
    }
}

@media (max-width: 576px) {
    .hintergrund_body {
        background-color: white;
    }

    .modal-xxl {
        max-width: none !important;
    }

    .fenster_form-control {
        border: none;
    }

    .fenster_2 {
        border: none;
        box-shadow: none;
    }

    .bg_psb_2000_hilfe {
        background-color: white;
    }

    .navbar-dark {
        background-color: #454545 !important;
    }

    .dropdown_nav_SuB {
        background-color: #454545 !important;
    }

    .icon_ht_nav {
        height: 20px;
    }

    .pfad_text {
        font-size: 0.6em;
        line-height: 1em;
    }

    .datei_auswahl {
        max-height: 200px;
    }

    .datei_auswahl_bild {
        max-height: 70px;
    }

    .datei_auswahl_video {
        max-height: 120px;
    }

    #msg_pdf {
        height: 100px;
    }

    .datei_auswahl_explorer:hover {
        box-shadow: 0px 0px 0px 0px rgba(0, 0, 0, 0);
        z-index: +10;
        background-color: #fff;
    }

    .ausgabedatum {
        font-size: 0.6em;
        line-height: 1px;
    }

    .icon_überschrift_ht {
        height: 15px;
    }

    .link_new_in_german_db {
        display: none;
    }

    .fenster_1 {
        border-radius: 0rem;
    }

    .text_zum_icon {
        display: inline;
    }

    #modal-disclaimer {
        font-size: 0.7em;
    }

    #modal-disclaimerTitle {
        font-size: 1.2em;
    }

    #fußzeile {
        font-size: 50%;
        padding-left: 3px;
        padding-right: 3px;
    }

    #cookie-meldung {
        font-size: 80%;
    }

    .meldungsbox {
        padding-left: 0rem;
        padding-right: 0rem;
    }

    .seitenabstand {
        margin-left: 5px;
        margin-right: 5px;
    }

    .login_bg {
        background-color: rgba(51, 51, 51, 0.55);
        padding-top: 5px;
        padding-bottom: 5px;
        margin-top: 0px;
    }

    #psb-2000-hilfe-schriftzug {
        font-size: 2.1em;
    }
}

/*ImagePresentationCarousel */
.carousel-control-prev-icon {
    background-image: url("data:image/svg+xml;charset=utf8,%3Csvg xmlns='http://www.w3.org/2000/svg' fill='black' viewBox='0 0 8 8'%3E%3Cpath d='M5.25 0l-4 4 4 4 1.5-1.5-2.5-2.5 2.5-2.5-1.5-1.5z'/%3E%3C/svg%3E");
    width: 30px;
    height: 48px;
}

.carousel-control-next-icon {
    background-image: url("data:image/svg+xml;charset=utf8,%3Csvg xmlns='http://www.w3.org/2000/svg' fill='black' viewBox='0 0 8 8'%3E%3Cpath d='M2.75 0l-1.5 1.5 2.5 2.5-2.5 2.5 1.5 1.5 4-4-4-4z'/%3E%3C/svg%3E");
    width: 30px;
    height: 48px;
}

.carousel-indicators li {
    background-color: #000000 !important;
}

/* TEST */

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


    .cke_editable div,
    .cke_editable,
    .cke_editable .btn {
        font-size: 0.9vw !important;
    }

    .cke_editable .btn .icon {
        height: 1.1vw !important;
        width: 1.1vw !important;
    }

    .cke_editable .icon {
        height: 1.6vw !important;
        width: 1.6vw !important;
    }

    .cke_editable h1,
    .cke_editable h2,
    .cke_editable h3 {
        font-size: 1.6vw;
    }

    .cke_editable h4,
    .cke_editable h5,
    .cke_editable h6 {
        font-size: 1.4vw;
    }


    #grid_editor div,
    #grid_editor p,
    #grid_editor .btn {
        font-size: 0.9vw;
    }

    #grid_editor .btn .icon {
        height: 1.1vw !important;
        width: 1.1vw !important;
    }

    #grid_editor .icon {
        height: 1.6vw !important;
        width: 1.6vw !important;
    }

    #grid_editor h1,
    #grid_editor h2,
    #grid_editor h3 {
        font-size: 1.6vw;
    }

    #grid_editor h4,
    #grid_editor h5,
    #grid_editor h6 {
        font-size: 1.4vw;
    }

}




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

    #hilfethema_anzeige {
        display: block;
        justify-content: center;
    }

    #bereich_inhalt_hilfethema {
        max-width: none;

    }


    #filfethema_fenster,
    #spalte_hilfethema_anzeige div p {

        font-size: 0.8vw;
    }


    #bereich_inhalt_hilfethema div,
    #bereich_inhalt_hilfethema p {
        font-size: 0.8vw;
    }

    #bereich_inhalt_hilfethema .btn {
        font-size: 0.7vw;
    }

    #bereich_inhalt_hilfethema .btn .icon {
        height: 0.9vw !important;
        width: 0.9vw !important;
    }


    #bereich_inhalt_hilfethema .icon {
        height: 1.6vw !important;
        width: 1.6vw !important;
    }

    #bereich_inhalt_hilfethema h1,
    #bereich_inhalt_hilfethema h2,
    #bereich_inhalt_hilfethema h3 {
        font-size: 1.2vw;
    }


    #bereich_inhalt_hilfethema h4 {
        font-size: 1.1vw;
    }

    #bereich_inhalt_hilfethema h5,
    #bereich_inhalt_hilfethema h6 {
        font-size: 1.0vw;
    }


}




/* TEST */


.klickbar {
    font-weight: normal;
}

.klickbar:hover {
    font-weight: bold;
}

.links {
    border-color: #acb6bf;
    color: #252525;
    transition-delay: 0s, 0s;
    transition-duration: 0.4s, 0.4s;
    transition-property: border, background-color;
    transition-timing-function: ease, ease;
    -webkit-tap-highlight-color: rgba(0, 0, 0, 0);
    background-color: #acc4db;
    background-color: #c8d5e2;
    font-family: open_sansregular, sans-serif;
    font-size: 14px;
    font-weight: 500;
}

.links_safe {
    border-color: #acb6bf;
    border-radius: 5px;
    border-style: solid;
    border-width: 1px;
    border-image-outset: 0px;
    border-image-repeat: stretch;
    border-image-slice: 100%;
    border-image-source: none;
    border-image-width: 1;
    box-sizing: border-box;
    color: #252525;
    display: inline-block;
    font-family: open_sansregular, sans-serif;
    font-size: 14px;
    font-weight: 500;
    line-height: 32px;
    margin-bottom: 0px;
    max-width: 90%;
    padding-bottom: 0px;
    padding-left: 14.4px;
    padding-right: 14.4px;
    padding-top: 0px;
    position: relative;
    text-align: center;
    text-decoration: none;
    transition-delay: 0s, 0s;
    transition-duration: 0.4s, 0.4s;
    transition-property: border, background-color;
    transition-timing-function: ease, ease;
    -webkit-tap-highlight-color: rgba(0, 0, 0, 0);
    background-color: #acc4db;
    background-color: #c8d5e2;
}

.links:hover:enabled {

    color: white !important;
}

.links:hover:active {

    color: white !important;
}

.links-sm {
    height: 30px;
    display: flex;
    align-items: center;
    justify-content: center;
}



.like_link {
    background: url(bilder/zeigefinger_klein_.png);
    background-repeat: no-repeat;
    position: relative;
    height: 25px;
    display: block;
    margin-left: 20px;
    transition: all 0.5s ease;
}

.like_link:hover,
.like_link:active,
.like_link:focus {
    background: url(bilder/daumen_hoch_klein_.png);
    position: relative;
    height: 25px;
    background-repeat: no-repeat;
    display: block;
    margin-left: 20px;
}


/* Änderungen an Bootstrap 4 Klassen: */

ul {
    padding-left: 1rem;
}

@media (min-width: 768px) {
    ul {
        padding-left: 2rem;
    }
}

@media (min-width: 1200px) {
    ul {
        padding-left: 3rem;
    }
}

.form-control:focus {
    /* box-shadow: 0 0 0 0.2rem #d9e2fc; */

    box-shadow: 0 0 0 0.2rem #cbd7fbad;
}

.custom-select:focus {
    box-shadow: 0 0 0 0.2rem #cbd7fbad;
}

.changed.custom-control-label::before {
    background-color: #acc4db;
}

.changed.custom-checkbox .custom-control-input:checked~.custom-control-label::before {
    background-color: #252525;
    border-color: #252525;
}

.modal-header {
    padding-top: 10px;
    padding-bottom: 10px;
}

.modal-footer {
    padding-top: 10px;
    padding-bottom: 10px;
}

.changed.custom-switch .custom-control-label::before {
    border-color: #fff;
    background-color: #d0d9e3;
}

.changed.custom-switch .custom-control-label::after {
    background-color: #fff;
}

.changed.custom-control-input:checked~.custom-control-label::before {
    color: #fff;
    border-color: #477cb6;
    background-color: #477cb6;
}

.dark_bg.custom-control-label::before {
    /*border: #bdadad solid 1px;*/
    border: #ffffff solid 1px;
}

.custom-control-input:focus:not(:checked)~.dark_bg.custom-control-label::before {
    border-color: #ffffff !important;
    box-shadow: 0 0 0 0.2rem rgba(175, 214, 255, 0.25) !important;
}

.custom-control-input:focus:checked~.dark_bg.custom-control-label::before {
    box-shadow: 0 0 0 0.2rem rgba(175, 214, 255, 0.25) !important;
}

.changed.bg-dunkel.custom-control-input:checked~.custom-control-label::before {
    color: #fff;
    border-color: #fff;
    background-color: #477cb6;
}

.tooltip.bs-tooltip-auto[x-placement^=top] .arrow::before,
.tooltip.bs-tooltip-top .arrow::before {
    border-top-color: #202020;
}

.tooltip.bs-tooltip-auto[x-placement^=bottom] .arrow::before,
.tooltip.bs-tooltip-bottom .arrow::before {
    margin-bottom: -5px;
    border-bottom-color: #202020;
}

.tooltip-inner {
    font-size: 0.9rem;
    margin-top: 5px;
    color: #fff;
    text-align: center;
    border-radius: .25rem;
    background-color: #202020;
}

.btn-outline-light::placeholder {
    /* Chrome, Firefox, Opera, Safari 10.1+ */
    color: rgb(168, 168, 168) !important;
    opacity: 1 !important;
    /* Firefox */
}

.btn-outline-light:-ms-input-placeholder {
    /* Internet Explorer 10-11 */
    color: rgb(255, 255, 255);
}

.btn-outline-light::-ms-input-placeholder {
    /* Microsoft Edge */
    color: rgb(255, 255, 255);
}

.btn-outline-light:hover {
    background-color: #b2d4f7 !important;
    border-color: #b2d4f7 !important;
    color: rgb(49, 49, 49) !important;

}

.btn-outline-light:focus {
    background-color: #b2d4f7 !important;
    border-color: #b2d4f7 !important;
    color: rgb(49, 49, 49) !important;
    box-shadow: 0 0 0 .2rem rgba(255, 255, 255, 0.3);

}

.btn-outline-light:hover::placeholder {
    /* Chrome, Firefox, Opera, Safari 10.1+ */
    color: rgb(49, 49, 49) !important;
    opacity: 1 !important;

}

.btn-outline-light:focus::placeholder {
    /* Chrome, Firefox, Opera, Safari 10.1+ */
    color: rgb(49, 49, 49) !important;
    opacity: 1 !important;
    background-color: rgb(221, 221, 229);
}




/* Max Height Klassen*/
/*
// Extra small devices (portrait phones, less than 576px)
// No media query for `xs` since this is the default in Bootstrap

// Small devices (landscape phones, 576px and up)
@media (min-width: 576px) { ... }

// Medium devices (tablets, 768px and up)
@media (min-width: 768px) { ... }

// Large devices (desktops, 992px and up)
@media (min-width: 992px) { ... }

// Extra large devices (large desktops, 1200px and up)
@media (min-width: 1200px) { ... }
*/

/*
.mh-50px {
    max-height: 50px !important;
}

.mh-100px {
    max-height: 100px !important;
}

.mh-150px {
    max-height: 150px !important;
}

.mh-200px {
    max-height: 200px !important;
}

.mh-250px {
    max-height: 250px !important;
}

.mh-300px {
    max-height: 300px !important;
}

.mh-350px {
    max-height: 350px !important;
}

.mh-400px {
    max-height: 400px !important;
}





@media (min-width: 768px) {


    .mh-md-50px {
        max-height: 50px !important;
    }

    .mh-150px {
        max-height: 50px !important;
    }

    .mh-200px {
        max-height: 100px !important;
    }

    .mh-250px {
        max-height: 120px !important;
    }

    .mh-300px {
        max-height: 200px !important;
    }

    .mh-350px {
        max-height: 250px !important;
    }

    .mh-400px {
        max-height: 300px !important;
    }
}

@media (min-width: 992px) {


    .mh-150px {
        max-height: 100px !important;
    }

    .mh-200px {
        max-height: 100px !important;
    }

    .mh-250px {
        max-height: 150px !important;
    }

    .mh-300px {
        max-height: 200px !important;
    }

    .mh-350px {
        max-height: 250px !important;
    }

    .mh-400px {
        max-height: 300px !important;
    }
}

@media (min-width: 1200px) {

    .mh-md-50px {
        max-height: none !important;
    }

    .mh-xl-200px{
        max-height: 200px !important;
    }

    .mh-150px {
        max-height: 150px !important;
    }

    .mh-200px {
        max-height: 200px !important;
    }

    .mh-250px {
        max-height: 250px !important;
    }

    .mh-300px {
        max-height: 300px !important;
    }

    .mh-350px {
        max-height: 350px !important;
    }

    .mh-400px {
        max-height: 400px !important;
    }
}

*/



.mh-sm-50px {
    max-height: 50px !important;
}

.mh-sm-75px {
    max-height: 75px !important;
}

.mh-sm-100px {
    max-height: 100px !important;
}

.mh-sm-125px {
    max-height: 125px !important;
}

.mh-sm-150px {
    max-height: 150px !important;
}

.mh-sm-175px {
    max-height: 175px !important;
}

.mh-sm-200px {
    max-height: 200px !important;
}

.mh-sm-225px {
    max-height: 225px !important;
}

.mh-sm-250px {
    max-height: 250px !important;
}

.mh-sm-275px {
    max-height: 275px !important;
}

.mh-sm-300px {
    max-height: 300px !important;
}

.mh-sm-325px {
    max-height: 325px !important;
}

.mh-sm-350px {
    max-height: 350px !important;
}

.mh-sm-375px {
    max-height: 375px !important;
}

.mh-sm-400px {
    max-height: 400px !important;
}

.mh-sm-425px {
    max-height: 425px !important;
}

.mh-sm-450px {
    max-height: 450px !important;
}

.mh-sm-475px {
    max-height: 475px !important;
}

.mh-sm-500px {
    max-height: 500px !important;
}





@media (min-width: 768px) {

    .mh-sm-50px,
    .mh-sm-75px,
    .mh-sm-100px,
    .mh-sm-125px,
    .mh-sm-150px,
    .mh-sm-175px,
    .mh-sm-200px,
    .mh-sm-225px,
    .mh-sm-250px,
    .mh-sm-275px,
    .mh-sm-300px,
    .mh-sm-325px,
    .mh-sm-350px,
    .mh-sm-375px,
    .mh-sm-400px,
    .mh-sm-425px,
    .mh-sm-450px,
    .mh-sm-475px,
    .mh-sm-500px {
        max-height: none !important;
    }

    .mh-md-50px {
        max-height: 50px !important;
    }

    .mh-md-75px {
        max-height: 75px !important;
    }

    .mh-md-100px {
        max-height: 100px !important;
    }

    .mh-md-125px {
        max-height: 125px !important;
    }

    .mh-md-150px {
        max-height: 150px !important;
    }

    .mh-md-175px {
        max-height: 175px !important;
    }

    .mh-md-200px {
        max-height: 200px !important;
    }

    .mh-md-225px {
        max-height: 225px !important;
    }

    .mh-md-250px {
        max-height: 250px !important;
    }

    .mh-md-275px {
        max-height: 275px !important;
    }

    .mh-md-300px {
        max-height: 300px !important;
    }

    .mh-md-325px {
        max-height: 325px !important;
    }

    .mh-md-350px {
        max-height: 350px !important;
    }

    .mh-md-375px {
        max-height: 375px !important;
    }

    .mh-md-400px {
        max-height: 400px !important;
    }

    .mh-md-425px {
        max-height: 425px !important;
    }

    .mh-md-450px {
        max-height: 450px !important;
    }

    .mh-md-475px {
        max-height: 475px !important;
    }

    .mh-md-500px {
        max-height: 500px !important;
    }

}


@media (min-width: 1200px) {

    .mh-sm-50px,
    .mh-sm-75px,
    .mh-sm-100px,
    .mh-sm-125px,
    .mh-sm-150px,
    .mh-sm-175px,
    .mh-sm-200px,
    .mh-sm-225px,
    .mh-sm-250px,
    .mh-sm-275px,
    .mh-sm-300px,
    .mh-sm-325px,
    .mh-sm-350px,
    .mh-sm-375px,
    .mh-sm-400px,
    .mh-sm-425px,
    .mh-sm-450px,
    .mh-sm-475px,
    .mh-sm-500px {
        max-height: none !important;
    }

    .mh-md-50px,
    .mh-md-75px,
    .mh-md-100px,
    .mh-md-125px,
    .mh-md-150px,
    .mh-md-175px,
    .mh-md-200px,
    .mh-md-225px,
    .mh-md-250px,
    .mh-md-275px,
    .mh-md-300px,
    .mh-md-325px,
    .mh-md-350px,
    .mh-md-375px,
    .mh-md-400px,
    .mh-md-425px,
    .mh-md-450px,
    .mh-md-475px,
    .mh-md-500px {
        max-height: none !important;
    }

    .mh-xl-50px {
        max-height: 50px !important;
    }

    .mh-xl-75px {
        max-height: 75px !important;
    }

    .mh-xl-100px {
        max-height: 100px !important;
    }

    .mh-xl-125px {
        max-height: 125px !important;
    }

    .mh-xl-150px {
        max-height: 150px !important;
    }

    .mh-xl-175px {
        max-height: 175px !important;
    }

    .mh-xl-200px {
        max-height: 200px !important;
    }

    .mh-xl-225px {
        max-height: 225px !important;
    }

    .mh-xl-250px {
        max-height: 250px !important;
    }

    .mh-xl-275px {
        max-height: 275px !important;
    }

    .mh-xl-300px {
        max-height: 300px !important;
    }

    .mh-xl-325px {
        max-height: 325px !important;
    }

    .mh-xl-350px {
        max-height: 350px !important;
    }

    .mh-xl-375px {
        max-height: 375px !important;
    }

    .mh-xl-400px {
        max-height: 400px !important;
    }

    .mh-xl-425px {
        max-height: 425px !important;
    }

    .mh-xl-450px {
        max-height: 450px !important;
    }

    .mh-xl-475px {
        max-height: 475px !important;
    }

    .mh-xl-500px {
        max-height: 500px !important;
    }

    .mh-xl-525px {
        max-height: 525px !important;
    }

    .mh-xl-550px {
        max-height: 550px !important;
    }

    .mh-xl-575px {
        max-height: 575px !important;
    }

    .mh-xl-600px {
        max-height: 600px !important;
    }

    .mh-xl-625px {
        max-height: 625px !important;
    }

    .mh-xl-650px {
        max-height: 650px !important;
    }

    .mh-xl-675px {
        max-height: 675px !important;
    }

    .mh-xl-700px {
        max-height: 700px !important;
    }

}



.jstree-search {
    color: #007bff !important;
    font-weight: 600;

}



/* Hellblau für NAV-Links: #b2d4f7 */

/*------------------------------------*/