/* Color Theme Css */
/* magically generated on 25.11.2025 - 00:21 */
/* W3PRO.CSS 4.15 Base-Tags */
.w3-border {border-color:hsl(240,50%,40%)}
.w3-border-top {border-color:hsl(240,50%,40%) transparent transparent transparent}
.w3-border-left {border-color:transparent  transparent transparent hsl(240,50%,40%)}
.w3-border-right {border-color:transparent hsl(240,50%,40%) transparent transparent}
.w3-border-bottom {border-color:transparent transparent hsl(240,50%,40%) transparent}
.w3-topbar {border-color:hsl(240,50%,40%) transparent transparent transparent}
.w3-leftbar {border-color:transparent transparent transparent hsl(240,50%,40%)}
.w3-rightbar {border-color:transparent hsl(240,50%,40%) transparent transparent}
.w3-button-theme:hover {color:hsl(0,0%,100%) !important; background-color:hsl(240,50%,40%) !important}

/* CSS-Tags generated from Background-Picture */
body {background-color: hsl(240,50%,40%)}
.w3-background-img, .w3-banner-img {background-image: url(https://www.stephan-frank.de/item/desktop)}
@media only screen and (max-width:600px) {.w3-background-img, .w3-banner-img {background-image: url(https://www.stephan-frank.de/item/mobil)}}
@media only screen and (min-width:601px) and (max-device-width:774px) {.w3-background-img, .w3-banner-img {background-image: url(https://www.stephan-frank.de/item/desktop)}}
.w3-theme-l5 {color:hsl(0,0%,0%) !important; background-color:hsl(240,50%,96%) !important}
.w3-theme-l4 {color:hsl(0,0%,0%) !important; background-color:hsl(240,50%,88%) !important}
.w3-theme-l3 {color:hsl(0,0%,0%) !important; background-color:hsl(240,50%,76%) !important}
.w3-theme-l2 {color:hsl(0,0%,0%) !important; background-color:hsl(240,50%,64%) !important}
.w3-theme-l1 {color:hsl(0,0%,100%) !important; background-color:hsl(240,50%,52%) !important}
.w3-theme-d1 {color:hsl(0,0%,100%) !important; background-color:hsl(240,50%,36%) !important}
.w3-theme-d2 {color:hsl(0,0%,100%) !important; background-color:hsl(240,50%,32%) !important}
.w3-theme-d3 {color:hsl(0,0%,100%) !important; background-color:hsl(240,50%,28%) !important}
.w3-theme-d4 {color:hsl(0,0%,100%) !important; background-color:hsl(240,50%,24%) !important}
.w3-theme-d5 {color:hsl(0,0%,100%) !important; background-color:hsl(240,50%,20%) !important}

.w3-theme-light {color:hsl(0,0%,0%) !important; background-color:hsl(240,50%,96%) !important}
.w3-theme-dark {color:hsl(0,0%,100%) !important; background-color:hsl(240,50%,20%) !important}
.w3-theme-action {color:hsl(240,50%,20%) !important}

.w3-theme {color:hsl(0,0%,100%) !important; background-color:hsl(240,50%,40%) !important}
.w3-text-theme {color:hsl(240,50%,20%) !important}
.w3-border-theme {border-color:hsl(240,50%,20%) !important}

.w3-hover-theme:hover {color:hsl(0,0%,100%) !important; background-color:hsl(240,50%,40%) !important}
.w3-hover-text-theme:hover {color:hsl(240,50%,40%) !important}
.w3-border-theme:hover {border-color:hsl(240,50%,40%) !important}
body::-webkit-scrollbar-track{box-shadow: inset 0 0 5px hsl(240,50%,76%) !important}
body::-webkit-scrollbar-thumb{background: hsl(240,50%,52%) !important}
body::-webkit-scrollbar-thumb:hover{background: hsl(240,50%,36%) !important}