.header-container{
  background-color: #4D4D4D;
  color: #F2F1F0;
}

/* Menü im Header */
.header-menu-container > * {
  border-left: 1px solid #4D4D4D !important;
}

/* Aktionen im Header */
.header-actions-container > *{
  border: 1px solid #4D4D4D !important;
}

header{
  background-color: #4D4D4D !important;
}

footer{
  background-color: #4D4D4D !important;
  color: white !important;
}

/* ===== Footer ===== */
footer > * {
  font-family: 'Roboto', sans-serif !important;
  font-weight: 500 !important;
}

/* Cookie-Design-Fix  */
[title="Cookies"] {
  font-family: 'Roboto', sans-serif !important;
  font-weight: 500 !important;
}

.event-filter-container {
    background-color: #329626 !important;
    color: white !important;
}

.mtms-base-btn{
    transition: .3s ease-in-out;
    cursor: pointer;
    text-decoration: none;
}

.min-h-full > * {
  background-image: url(https://www.messe-ried.at/wp-content/uploads/2021/04/Beton_Hintergrund.jpg);
  background-size: cover;
  background-position: center;
  background-repeat: no-repeat;
  background-attachment: fixed;
  opacity: 0;
  animation: fadeInBackground 0.5s ease-in-out 0.5s forwards; /* 0.5s Fade-in mit 0.5s Delay */
}

@keyframes fadeInBackground {
  from {
    opacity: 0;
  }
  to {
    opacity: 1;
  }
}
.view-title-container {
  padding-top: 0px !important;
  padding-left: 0px !important;
  padding-right: 0px !important;
  overflow: visible !important;
  position: relative !important;
  min-height: 400px !important;
  width: 100% !important;
}

/* Titel-Bild breiter machen */
.view-title-image {
    width: 150vw !important;
    height: auto !important;
    display: block !important;
}

/* Alle möglichen Container für das Logo */
.view-title-container,
.view-title-image-container,
.view-title-banner,
.view-title-wrapper {
    position: relative !important;
}

.view-title-container{
  height: 125px !important;
}

/* Logo-Wrapper positionieren - ohne Abstand */
.view-title-logo-wrapper {
    position: absolute !important;
    bottom: 40px !important; /* Kein Abstand nach unten */
    left: 0px !important; /* Kein Abstand nach links */
    width: 400px !important;
    height: 200px !important;
    z-index: 999 !important;
    background-color: transparent !important;
    border: none !important;
    box-shadow: none !important;
    overflow: visible !important;
}

/* Logo-Overlay - Gradient entfernen */
.view-title-logo-overlay {
    background: none !important; /* Alle Hintergründe entfernen */
    background-image: none !important; /* Gradient entfernen */
    background-color: transparent !important;
    width: 100% !important;
    height: 100% !important;
    opacity: 1 !important; /* Volle Sichtbarkeit */
}

.view-title-logo {
    background: none !important; /* Alle Hintergründe entfernen */
    background-image: none !important; /* Gradient entfernen */
    background-color: transparent !important;
    width: 100% !important;
    height: auto !important;
    opacity: 1 !important; /* Volle Sichtbarkeit */
}

.view-title-logo img {
    width: 100% !important;
    height: auto !important;
    object-fit: contain !important;
    display: block !important;
    background-color: transparent !important;
    filter: none !important; /* Alle Filter entfernen */
    opacity: 1 !important; /* Volle Sichtbarkeit */
}

/* Test-Regel entfernen */
[class*="logo"]:not(.header-logo) {
    background-color: transparent !important;
    border: none !important;
}

/* ===== Buttons ===== */
.mtms-base-btn{
  transition: ease-in-out .3s;
}

.mtms-base-btn.mtms-btn-secondary {
  
  font-family: "BentonSans-Black", Sans-serif;
  background-color: #0068B3;
  border-radius: 8px;
  border: none;
  cursor: pointer;
  transition: all 0.3s;
  box-shadow: none;
  opacity: 1 !important;
  transform: scale(1.0) !important;
}

.mtms-base-btn.mtms-btn-primary.mtms-btn-xl.mtms-btn-icon-text.event-card-item-event-button{
  border-radius: 8px !important;
  background-color: #329626 !important;
  border: 0px #329626 solid;
  opacity: 1 !important;
}

.mtms-base-btn.mtms-btn-primary.mtms-btn-xl.mtms-btn-icon-text.event-card-item-event-button:hover{
  background-color: #4D4D4D !important;
  transform: scale(1.0) !important;
}

/* Hover-Effekt für Buttons (außer Cookies) */
.mtms-base-btn:hover:not([title="Cookies"], [title="Cart"], [title="Scrolls to the top of the page"]){
  background-color: #4D4D4D !important;
  transform: scale(1.0) !important;
}

[title="Scrolls to the top of the page"]:hover {
  background-color: #4D4D4D !important;
  color: white !important;
}

.event-card-item-event-container{
  border-radius: 0px !important;
}

.event-card-item-event-container:hover{
  transform: background-blur(50px);
}

.event-list-section-heading{
background-color: #4D4D4D !important;
color: white !important;
}

.mtms-base-btn.mtms-btn-primary.mtms-btn-sm.event-list-item-event-button{
  border-radius: 8px !important;
  background-color: #329626 !important;
  border: 0px #329626 solid;
  opacity: 1 !important;
  transition: .3s ease-in-out;
  padding: 12px 12px;
}

.mtms-base-btn.mtms-btn-primary.mtms-btn-sm.event-list-item-event-button:hover{
  background-color: #4D4D4D !important;
  transform: none !important;
}

.mtms-base-btn.mtms-btn-secondary.mtms-btn-sm.mtms-btn-icon-text.event-list-item-event-button{
  border-radius: 8px !important;
  background-color: #0068B3 !important;
  border: 0px #0068B3 solid;
  opacity: 1 !important;
  transition: .3s ease-in-out;
  padding: 12px 12px;
}

.mtms-base-btn.mtms-btn-secondary.mtms-btn-sm.mtms-btn-icon-text.event-list-item-event-button:hover{
  background-color: #4D4D4D !important;
  transform: none !important;
}

.event-list-item-date-container{
  background-color: #4d4d4dbb !important;
  color: white !important;
}

.event-list-item-image{
  transition: .3s ease-in-out;
}

.event-list-item-image:hover{
  transform: scale(1.15);
}

.event-list-item-image-container{
  background-color: #4d4d4d4d!important;
}

.event-list-item-image-container{
  width: 250px !important;
  height: auto !important;
}

.event-list-item-event-content-container{
  padding-right: 3% !important;
  padding-bottom: 2.5% !important;
}