body {
background-color: #0d2241;

}

.snow-bg { 

  background-color: rgba(255, 255, 255, 0.85) !important;
}
.navbar {background-color: #FFFFFF; border-top: 10px solid #d8b012; border-bottom: 4px solid #d8b012; color: #000;}
.navbar-brand  {color: #000;}
.navbar-brand:hover {color: #024a95;}

.card img { box-shadow: 0 0 10px rgba(0,0,0,.15); }

.logo {max-height: 100px;}


.card {
border: 1px solid #eee;
box-shadow: 0 0 10px rgba(0,0,0,.1);
border-radius: 1rem;
transition: transform 0.2s ease;
}
.card:hover {
transform: translateY(-4px);
}


.badge.bg-success {
background-color: #228B22 !important;
}


.badge.bg-warning, .btn-warning {
background-color: #d8b10f !important;
color: #333 !important;
}

.bg-primary, .btn-primary {
	background-color: #024a95 !important;
}
footer {
border-top: 1px solid #ddd;
}

.opacity-75 {
    opacity: .85 !important;
}

/* Kleine Schneeflockenanimation */
@keyframes snowfall {
0% { transform: translateY(0); opacity: 1; }
100% { transform: translateY(600px); opacity: 0; }
}


.snowflake {
position: fixed;
top: -10px;
color: white;
font-size: 1em;
animation: snowfall linear infinite;
}
.buttonfield button{margin: 10px;}


.scroll-target {
  scroll-margin-top: 170px; /* Höhe des Headers (ggf. anpassen) */
}






/* Responsive Grid für Adventskalender */
@media (max-width: 768px) {
.card-title { font-size: 1rem; }

}

.modal-dialog {
	max-width: 1024px;
}


@media (min-width: 1600px) {
    .container, .container-lg, .container-md, .container-sm, .container-xl, .container-xxl {
        max-width: 1600px !important;
    }
}