#wrapper{
/* CG20231020 funktioniert so nicht, weil das nomic-image-Verzeichnis nicht über securityBox zugreifbar ist -> erstmal komplett entfernt -> bei Gelegenheit (zusammen mit Hagen) richtig machen!
background: url('../../../images/background_freepick1.jpg'); */
    background-size:cover;
}

img#navbarImg {
    min-height: 60px;
    min-width: 200px;
    max-height: 10vh;
}
/*IV20240605_Anpassung für min-height, da sonst Logo in Navbar zu sehr gestaucht wird*/
@media (max-width: 992px) {
    img#navbarImg {
        min-height: unset;
    }
}

.hyphens{
    -moz-hyphens: auto !important;
    -o-hyphens: auto !important;
    -webkit-hyphens: auto !important;
    -ms-hyphens: auto !important;
    hyphens: auto !important;
}

@media (min-width: 1200px){
    .navbar-expand-xl .navbar-nav {
        flex-flow: wrap;
    }
}



@media ( max-width :400px) {
    ol, ul,dl{
        padding:0px;
    }

}



/* veraltet ab hier??? */



#offcanvasMenu_depr {

    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    content: '';
    background: #30A5BF/*#2f89fc*/;

    /* Gradient background */
    /*background: -moz-linear-gradient(-45deg, #2f89fc 0%, #5effc9 100%);
    background: -webkit-gradient(left top, right bottom, color-stop(0%, #2f89fc), color-stop(100%, #5effc9));
    background: -webkit-linear-gradient(-45deg, #2f89fc 0%, #5effc9 100%);
    background: -o-linear-gradient(-45deg, #2f89fc 0%, #5effc9 100%);
    background: -ms-linear-gradient(-45deg, #2f89fc 0%, #5effc9 100%);
    background: -webkit-linear-gradient(315deg, #2f89fc 0%, #5effc9 100%);
    background: -o-linear-gradient(315deg, #2f89fc 0%, #5effc9 100%);
    background: linear-gradient(135deg, #2f89fc 0%, #5effc9 100%);
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#2f89fc', endColorstr='#5effc9', GradientType=1 );*/
}

#menubackground_depr {

    background: #30A5BF/*#2f89fc*/;
    flex: 0 0 300px;

    /* Gradient background */
    /*background: -moz-linear-gradient(-45deg, #2f89fc 0%, #5effc9 100%);
    background: -webkit-gradient(left top, right bottom, color-stop(0%, #2f89fc), color-stop(100%, #5effc9));
    background: -webkit-linear-gradient(-45deg, #2f89fc 0%, #5effc9 100%);
    background: -o-linear-gradient(-45deg, #2f89fc 0%, #5effc9 100%);
    background: -ms-linear-gradient(-45deg, #2f89fc 0%, #5effc9 100%);
    background: -webkit-linear-gradient(315deg, #2f89fc 0%, #5effc9 100%);
    background: -o-linear-gradient(315deg, #2f89fc 0%, #5effc9 100%);
    background: linear-gradient(135deg, #2f89fc 0%, #5effc9 100%);
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#2f89fc', endColorstr='#5effc9', GradientType=1 );*/
}
.menubackground_depr {
    background: #30A5BF/*#2f89fc*/;
}

body_depr{

}
/* OffCanvas sidbar nav-link hover */
/*
.nav-pills .nav-link{
    border: 1px solid transparent;
}
.nav-pills .nav-link:hover{
    border: 1px solid #FFFFFF;
}
.activated{
    background-color: #F2BE22 !important;
}
*/

/* OffCanvas sidbar circle icons */
/*
.roundbutton {
    width: 100px;
    height: 100px;
    max-width: 100px;
    max-height: 100px;
    border-radius: 50%;
    border: 5px solid rgba(255,255,255,0.5);
}
.roundbutton :hover{
    width: 100px;
    height: 100px;
    max-width: 100px;
    max-height: 100px;
    border-radius: 50%;
    border: 5px solid rgba(255,255,255,1);
}
*/
/* footer css  */
/*
.grey-grad {
    background: #185359;
    opacity: .7;
*/
    /* Gradient background */
    /*background: -moz-linear-gradient(-45deg, #2c2a2a 0%, #8b8c8c 100%);
    background: -webkit-gradient(left top, right bottom, color-stop(0%, #2c2a2a), color-stop(100%, #8b8c8c));
    background: -webkit-linear-gradient(-45deg, #2c2a2a 0%, #8b8c8c 100%);
    background: -o-linear-gradient(-45deg, #2c2a2a 0%, #8b8c8c 100%);
    background: -ms-linear-gradient(-45deg, #2c2a2a 0%, #8b8c8c 100%);
    background: -webkit-linear-gradient(315deg, #2c2a2a 0%, #8b8c8c 100%);
    background: -o-linear-gradient(315deg, #2c2a2a 0%, #8b8c8c 100%);
    background: linear-gradient(135deg, #2c2a2a 0%, #8b8c8c 100%);
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#2f89fc', endColorstr='#5effc9', GradientType=1 );
      */

/*}*/
/* footer link hover */
/*
.footer-basic ul a {
    color:inherit;
    opacity:0.8;
}
.footer-basic ul a:hover {
    opacity:1;
}
*/
/**
 * CG20230315 aus C2-Layout übernommene Details (#wdMsg & .loadingAnimationBs)
 */

/* patPortal-Nachrichtenbereich */
div#wdMsg {
    display: none;
    /* CG20190409 fixierte Positionierung */
    position: fixed;
    z-index: 1000;
    left: 20px;
    right: 20px;
    top: 20px;
    padding: 20px;
    /* CG20190409 runde Ecken */
    -webkit-border-radius: 10px;
    -moz-border-radius: 10px;
    border-radius: 10px;
    /* CG20190409 Schatten: https://www.cssmatic.com/box-shadow */
    -webkit-box-shadow: 10px 10px 5px 0 rgba(0, 0, 0, 0.5);
    -moz-box-shadow: 10px 10px 5px 0 rgba(0, 0, 0, 0.5);
    box-shadow: 10px 10px 5px 0 rgba(0, 0, 0, 0.5);
}

div#wdMsg button#closeMsg {
    float: right;
}

/*
div#wdMsg[msgTyp="ok"] {
    !* CG20200826 wegen securityBox-Einschränkungen der Einfach- und Einheitlichkeit halber auf fa-Icon umgestellt.
        padding-left: 75px;
        background: url(../../../images/GreenCheck.gif) no-repeat 20px 10px #dcf795;
    *!
    color: #336600;
    background-color: #dcf795;
}

div#wdMsg[msgTyp="ok"]::before {
    font-family: 'Font Awesome 6 Pro';
    font-weight: 100;
    font-size: 2em;
    padding-right:0.5em;
    content: "\f05d";
}

div#wdMsg[msgTyp="error"] {
    !* CG20200826 wegen securityBox-Einschränkungen der Einfach- und Einheitlichkeit halber auf fa-Icon umgestellt.
        padding-left: 75px;
        background: url(../../../images/delete.png) no-repeat 20px 25px #ffbc95;
    *!
    color: #663300;
    background-color: #ffbc95;
}

div#wdMsg[msgTyp="error"]::before {
    font-family: 'Font Awesome 6 Pro';
    font-weight: 100;
    font-size: 2em;
    padding-right:0.5em;
    content: "\f05c";
}
*/

/* Loading Animation Bootstrap, CG20210730 von portal.css übernommen... */
.loadingAnimationBs {
    display:    none;
    position:   fixed;
    z-index:    1000;
    top:        50%;
    left:       50%;
    width:      3em;
    height:     3em;
}

/* Anytime the body has the loading class, our
   loadingAnimation element will be visible */
body.loading .loadingAnimationBs {
    display: block;
}

/**
 * CG20230315 Anpassungen für dynamische Startseite bei patPortal-redisign-Umbau
 */

/* CG20230322 auswählbare Schriftgrößen (fontsizeSelection) nun per CSS-Klassen (um-)definierbar */
html.normalFont {
    font-size: initial;
}

html.bigFont {
    font-size: 22px;
}

html.hugeFont {
    font-size: 32px;
}

/* wird dynamisch eingeblendet */
#tileContentContainer > .tile {
/*    display:none;*/
    /* CG20230829 hier keine d-flex-Bootstrap-Klasse verwendet, weil deren !important-Flag das dynamische ein-/ausblenden per jQuery verhindert. Im Style-Attribut sind diese Elemente mit display:none initial alle versteckt: https://stackoverflow.com/questions/47514692/bootstrap-4-list-items-that-have-d-flex-class-do-not-respond-to-hide */
    display: flex;
}

/* CG20230822 Navbar "springen" verhindern und aktiven Eintrag markieren */
#wrapper .navbar-nav > li.nav-item > a:hover{
    border:1px solid #404040;
    border-radius: 5px;
}

#wrapper .navbar-nav > li.nav-item > a{
    border:1px solid transparent;
    border-radius: 5px;

}

#wrapper .navbar-nav > li.nav-item > .nav-link.activated{
    /* CG20231013 von white auf black geändert, um ausgewählten Menüpunkt auf weißen Hintergrund sehen zu können */
    color:black;
}

.breadcrumb-item + .breadcrumb-item::before {
    float: left;
    padding-right: 0.5rem;
    color: #404040;
    content: "\f054";
    font-family: 'Font Awesome 6 Pro', serif;
    font-size: 0.9em;
    margin-top: 2px;
}

/** CG20240402 analog zu .hideInternal in portal.css zum Ausblenden von Inhalten im öffentlichen Bereich */
body.splash .hideExternal {
    display: none;
}