/* CSS Document */
.w3-theme-l5 {color:#000 !important; background-color:#f1f8ff !important}
.w3-theme-l4 {color:#000 !important; background-color:#cfe9ff !important}
.w3-theme-l3 {color:#000 !important; background-color:#9fd2ff !important}
.w3-theme-l2 {color:#000 !important; background-color:#6fbcff !important}
.w3-theme-l1 {color:#fff !important; background-color:#3fa6ff !important}
.w3-theme-d1 {color:#fff !important; background-color:#0082f3 !important}
.w3-theme-d2 {color:#fff !important; background-color:#0073d8 !important}
.w3-theme-d3 {color:#fff !important; background-color:#0065bd !important}
.w3-theme-d4 {color:#fff !important; background-color:#003049 !important} // #0056a2
.w3-theme-d5 {color:#fff !important; background-color:#004887 !important}

.w3-theme-light {color:#000 !important; background-color:#f1f8ff !important}
.w3-theme-dark {color:#fff !important; background-color:#004887 !important}
.w3-theme-action {color:#fff !important; background-color:#004887 !important}

.w3-theme {color:#fff !important; background-color:#ffffff !important} //Menüleiste
.w3-text-theme {color:#003049 !important}  // class-Blau: #0d8fff
.w3-border-theme {border-color:#003049 !important}

.w3-hover-theme:hover {color:#fff !important; background-color:#003049 !important}
.w3-hover-text-theme:hover {color:#003049 !important}
.w3-hover-border-theme:hover {border-color:#003049 !important}

.w3-hover-menu:hover {color:#fff !important; background-color:#004887 !important}
.muha-text-blue,.muha-hover-text-blue:hover{color:#003049!important}
.muha-text-darkblue,.muha-hover-text-darkblue:hover{color:#004887!important}
.muha-bold{font-weight:bold !important;}

.muha-card{box-shadow:0 4px 10px 0 rgba(0,0,0,0.5),0 4px 20px 0 rgba(0,0,0,0.5)}

.note {
	width:100%;
	box-sizing:border-box;	
	display:block;
	max-width:100%;
	padding:15px;
  }
  
//.logo-width{width:70%;} 

.muha-padding-1{padding-left:50px; padding-right:50px;}

.pad-right{padding-right:20px;}
.muha-half{float:left;width:100%}

@media (max-width:1690px){.logo-width{width:60%;} }
@media (max-width:1485px){.logo-width{width:50%;} }

/*
@media (max-width:1242px) {.muha-hide-1{display:none!important}}
@media (min-width:1243px) {.muha-hide-2{display:none!important}.w3-col.muha5{width:41.66666%}.w3-col.muha7{width:58.33333%}}
*/
@media (max-width:1062px) {.muha-hide-1{display:none!important}}
@media (min-width:1063px) {.muha-hide-2{display:none!important}.w3-col.muha5{width:41.66666%}.w3-col.muha7{width:58.33333%}}
@media (min-width:922px) {.w3-col.muha3{width:33.33333%}.muha-half{width:49.99999%}  }   
@media (max-width:922px) {.pad-right{padding-right:0px;}}            
@media (max-width:785px) {.muha-hide-3{display:none!important}.muha-padding-1{padding-left:15px; padding-right:15px;}}
@media (min-width:786px) {.muha-hide-4{display:none!important}}
@media (max-width:475px) {.muha-hide-5{display:none!important}}
@media (max-width:555px) {.muha-hide-6{display:none!important}}



body, html {
    height: 100%;
    line-height: 1.8;
}

.w3-bar .w3-button {
    padding: 16px;
}

.image-container {
    position: relative;
    width: 100%;
}
.image-container img {
    width: 100%;
}
.overlay {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background-color: rgba(0, 0, 0, 0.6); /* Schwarze Farbe mit 50% Deckkraft */
}
    
.kreuzweise {
    //width: 50px;
    //height: 50px;
    background: linear-gradient(135deg, white 50%, #003049 50%);
}

.w3-emkaFarbe,.w3-hover-emkaFarbe:hover{color:#003049!important;background-color:#fff!important}