/* Fehler bei der Verkleinerung. Der Inhalt wird unverkleinert zurückgegeben.
(26,31): run-time error CSS1046: Expect comma, found '200'
(26,39): run-time error CSS1046: Expect comma, found '/'
(49,17): run-time error CSS1039: Token not allowed after unary operator: '-light'
(54,17): run-time error CSS1039: Token not allowed after unary operator: '-primary'
(62,22): run-time error CSS1039: Token not allowed after unary operator: '-primary'
(68,17): run-time error CSS1039: Token not allowed after unary operator: '-light'
(99,31): run-time error CSS1046: Expect comma, found '98'
(99,37): run-time error CSS1046: Expect comma, found '/'
 */
body {
    /*Hintergrundbild einbinden */
    background: url("../Images/Backgounds/public_transport_landscape.jpg") no-repeat center center fixed;
    -webkit-background-size: cover;
    -moz-background-size: cover;
    -o-background-size: cover;
    background-size: cover;
    padding: 0px;
    padding-bottom: 2rem;
    /*z-index: -1;*/

    
}

.container {
    /* width: 100%;
    min-width: 300px;*/
    /*width: auto !important;
    width: 300px;
*/
}

.myBrand {
    /*background-color: rgb(255 255 255 / 0.9);*/
    /*background: linear-gradient(-45deg, #23a6d5, #23d5ab);*/
    background-color: rgb(200 200 200 / 0.63);
    border-radius: 5px;
    padding: 3px;
    margin: 0px;
    height: 2.5rem;
}

.myProductName{
   color: cyan;
   font-weight: 500;
   /*font-size: 12px;*/
   font-style: italic;
}

.myNavbarItem .myNavbarIcon:hover {
    background-color: transparent !important;
}

.myNavbarItem .myNavbarIcon {
    margin: 10px;
}

.myNavbarIcon {
    color: var(--light);
    align-items: center;
}

.myNavbarIcon:hover {
    color: var(--primary) !important;
}

.nav-item {
    font-weight: 500;    
}

.nav-item:not(.myNavbarItem):hover {
    background: var(--primary);
    border-radius: 5px;
    color: rgb (255 255 255 /0.9);
}

.nav-link {
    color: var(--light) !important;
}


/* Move down content because we have a fixed navbar that is 50px tall */
/*body {
    
}
*/
/* Wrapping element */
/* Set some basic padding to keep content from hitting the edges */
.body-content {
    margin-top: 15px;
    margin-bottom: 15px;
    padding: 15px 15px 15px 15px !important;
    border-radius: 10px;
    /*Farbe anpassen für Hintergrundbild*/
    /*background-color: rgba(180,180,180,0.4);*/
    /*background-color: #23768190;*/
    /*background-color: rgba(0,0,0, 0.4);*/ /* Black w/opacity/see-through */
    /*background-color: rgb(255,255,224,0.5);*/

    /*background-color: rgb(108 98 98 / 0.63);
    backdrop-filter: blur(15px);*/


    /*background-color: rgb(255 255 255 / 0.63); wie Frostglas, aber passt nicht zu weißer Schrift*/
    /*background-color: rgb(150 150 150 / 0.63); heller, freundlicher*/
}

.backdrop-blur {
    background-color: rgb(108 98 98 / 0.63);
    /*box-shadow: inset 0 0 2000px rgba(255, 255, 255, .5);*/
    backdrop-filter: blur(15px);
    border-radius: 10px;
    padding: 15px;
}


h1, h2, h3, h4 {
    /*Farbe anpassen für Hintergrundbild*/
    color: rgba(255,255,255,0.9);
}

#MainContent_lb_letzteAktualisierung {
    /*Farbe anpassen für Hintergrundbild*/
    color: rgba(255,255,255,0.9);
    font-weight: 500;
}

.form-group h4 {
    color: black;
}



.dataTables_wrapper label,
.login label,
#lb_toggle_switch {
    /*Farbe anpassen für Hintergrundbild*/
    color: rgba(255,255,255,0.9);
}

.myLabel {
    color: rgba(255,255,255,0.9);
    font-weight: 500;
}

.impressum p {
    /*Farbe anpassen für Hintergrundbild*/
    color: rgba(255,255,255,0.9);
}

.impressum a {
    background-color: rgba(255,255,255,0.9);
    border-radius: 5px;
    padding-left: 0.5rem;
    padding-right: 0.5rem;
}

.impressum {
    /*Farbe anpassen für Hintergrundbild*/
    /*background-color: rgb(108 98 98 / 0.63);*/
    font-weight: 600;
    /*border-radius: 10px;*/
}

label {
    font-weight: 500;
}




/* Responsive: Portrait tablets and up */
@media screen and (min-width: 768px) {
    .jumbotron {
        margin-top: 20px;
    }

    .body-content {
        padding: 10px;
    }
}

@media screen and (min-width: 576px) {
    .jumbotron {
        margin-top: 10px;
    }

    .body-content {
        padding: 5px;
    }
}
/*
@media screen and (min-width: 400px) {
    .jumbotron {
        margin-top: 10px;
    }

    .body-content {
        margin: 0px !important;
    }
}*/

/* meine Definitionen*/
.valSummary,
.lb_error {
    background-color: lightcoral;
    font-weight: bold;
}

.mycheckbox input[type="checkbox"] {
    margin-left: 5px;
    margin-right: 5px;
}

.label {
    font: bold
}



.myPanel {
    border: solid 1px;
    border-radius: 5px;
    padding: 10px;
    background-color: lightyellow;
    margin-bottom: 1rem;
}

td {
    font-weight: 500;
}