/* Extra Styles - Custom CSS */
/* Automatisch generiert am 23.10.2025 11:56:22 */

/* Individuelle CSS-Stile */
/* NAVBAR LINK-Farbe */
.uk-light .uk-navbar-nav > li > a {color: #fff;}


.aspect-ratio-16-9 {
  display: flow-root;
  position: relative;
}

.aspect-ratio-16-9::before {
  content: '';
  float: left;
  padding-bottom: 56.25%;
}
@media screen and (max-width: 1499px) {
  img.logo { height: 100px; position: absolute; left: 4%; top: 0px; z-index: 20}   
 }    
@media screen and (max-width: 960px) {
         img.logo { height: 80px; position: absolute; left: 4%; top: 0px; z-index: 20}   
}  
@media screen and (min-width: 1500px) {        
        img.logo { height: 130px; position: absolute; left: 4%; top: 0px; z-index: 20}
}   

/* ENDE - DEFAULTS */

/* Generierte Styles */

/* Helles Grün mit dunkler Schrift (card) */
.uk-card-helles-gruen-mit-dunkler-schrift {
    background-color: rgba(171, 233, 47, 0.57) !important;
    backdrop-filter: blur(3px) !important;
    -webkit-backdrop-filter: blur(3px) !important;
    color: #FFFFFF !important;
    border: 3px solid #006633 !important;
    border-radius: 20px !important;
}
.uk-card-helles-gruen-mit-dunkler-schrift h1, .uk-card-helles-gruen-mit-dunkler-schrift h2, .uk-card-helles-gruen-mit-dunkler-schrift h3, .uk-card-helles-gruen-mit-dunkler-schrift h4, .uk-card-helles-gruen-mit-dunkler-schrift h5, .uk-card-helles-gruen-mit-dunkler-schrift h6,
.uk-card-helles-gruen-mit-dunkler-schrift .uk-h1, .uk-card-helles-gruen-mit-dunkler-schrift .uk-h2, .uk-card-helles-gruen-mit-dunkler-schrift .uk-h3, .uk-card-helles-gruen-mit-dunkler-schrift .uk-h4, .uk-card-helles-gruen-mit-dunkler-schrift .uk-h5, .uk-card-helles-gruen-mit-dunkler-schrift .uk-h6,
.uk-card-helles-gruen-mit-dunkler-schrift .uk-heading-small, .uk-card-helles-gruen-mit-dunkler-schrift .uk-heading-medium, .uk-card-helles-gruen-mit-dunkler-schrift .uk-heading-large, .uk-card-helles-gruen-mit-dunkler-schrift .uk-heading-xlarge, .uk-card-helles-gruen-mit-dunkler-schrift .uk-heading-2xlarge {
    color: #FFFFFF !important;
}
.uk-card-helles-gruen-mit-dunkler-schrift a:not(.uk-button):not(.uk-badge) {
    color: #340E28 !important;
    text-decoration: underline;
}
.uk-card-helles-gruen-mit-dunkler-schrift a:not(.uk-button):not(.uk-badge):hover {
    opacity: 0.8;
}
a .uk-card-helles-gruen-mit-dunkler-schrift:hover {
    box-shadow: 0 14px 25px rgba(0,0,0,0.16);
}

/* Orange, transparent (card) */
.uk-card-orange-transparent {
    background-color: rgba(253, 135, 1, 0.59) !important;
    backdrop-filter: blur(5px) !important;
    -webkit-backdrop-filter: blur(5px) !important;
    color: #FFFFFF !important;
}
.uk-card-orange-transparent h1, .uk-card-orange-transparent h2, .uk-card-orange-transparent h3, .uk-card-orange-transparent h4, .uk-card-orange-transparent h5, .uk-card-orange-transparent h6,
.uk-card-orange-transparent .uk-h1, .uk-card-orange-transparent .uk-h2, .uk-card-orange-transparent .uk-h3, .uk-card-orange-transparent .uk-h4, .uk-card-orange-transparent .uk-h5, .uk-card-orange-transparent .uk-h6,
.uk-card-orange-transparent .uk-heading-small, .uk-card-orange-transparent .uk-heading-medium, .uk-card-orange-transparent .uk-heading-large, .uk-card-orange-transparent .uk-heading-xlarge, .uk-card-orange-transparent .uk-heading-2xlarge {
    color: #FFFFFF !important;
}
a .uk-card-orange-transparent:hover {
    box-shadow: 0 14px 25px rgba(0,0,0,0.16);
}