.elementor-35293 .elementor-element.elementor-element-e345cf0{--display:flex;--flex-direction:column;--container-widget-width:100%;--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;}.elementor-widget-heading .elementor-heading-title{font-weight:var( --e-global-typography-primary-font-weight );}.elementor-35293 .elementor-element.elementor-element-50d8f06{text-align:center;}.elementor-35293 .elementor-element.elementor-element-50d8f06 .elementor-heading-title{font-family:"Playfair Display", Sans-serif;font-size:42px;font-weight:700;letter-spacing:2px;text-shadow:1px 2px 4px rgba(0,0,0,0.3);color:#8B5C3B;}.elementor-35293 .elementor-element.elementor-element-8360ff8{--display:flex;--flex-direction:column;--container-widget-width:100%;--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;}/* Start custom CSS for html, class: .elementor-element-16694ac *//* --- MODERNE BOX MIT HELLEM EIS-HINTERGRUND --- */
.oeffnungszeiten-box {
  background-image: url('https://www.suesslich.at/wp-content/uploads/2026/03/pexels-piriyonel-3176321-4875225.jpg');
  background-size: cover;
  background-position: center;
  background-repeat: no-repeat;

  padding: 34px;
  border-radius: 22px;

  font-family: 'Poppins', 'Segoe UI', sans-serif;

  box-shadow: 0 18px 40px rgba(0,0,0,0.18);
  position: relative;
  overflow: hidden;

  transform: translateY(0);
  transition: transform 0.35s ease, box-shadow 0.35s ease;
}

.oeffnungszeiten-box:hover {
  transform: translateY(-6px);
  box-shadow: 0 22px 48px rgba(0,0,0,0.28);
}

/* --- SEHR HELLER OVERLAY FÜR MAXIMALE LESBARKEIT --- */
.oeffnungszeiten-box::before {
  content: "";
  position: absolute;
  top: 0; left: 0; right: 0; bottom: 0;

  background: rgba(255,255,255,0.78); /* deutlich heller */
  z-index: 0;
}

/* --- TITEL --- */
.oeffnungszeiten-box h3 {
  position: relative;
  z-index: 2;
  margin-top: 0;
  margin-bottom: 22px;
  font-size: 32px;
  font-weight: 900; /* extra dick */
  color: #222;
  display: flex;
  align-items: center;
  gap: 12px;
}

/* --- CLOCK ICON --- */
.icon-clock {
  font-size: 42px;
  animation: clock-flutter 1.8s infinite ease-in-out;
  color: #222;
}

@keyframes clock-flutter {
  0% { transform: scale(1) rotate(0deg); }
  50% { transform: scale(1.15) rotate(4deg); }
  100% { transform: scale(1) rotate(0deg); }
}

/* --- LISTE --- */
.oeffnungszeiten-box ul {
  list-style: none;
  padding: 0;
  margin: 0;
}

.oeffnungszeiten-box li {
  position: relative;
  z-index: 2;
  color: #222;

  display: flex;
  justify-content: space-between;
  padding: 14px 0;
  border-bottom: 1px solid rgba(0,0,0,0.25);
  font-size: 20px;
  font-weight: 700; /* dicker */
  transition: all 0.25s ease;
}

.oeffnungszeiten-box li:hover {
  padding-left: 12px;
  background: rgba(255,255,255,0.9);
  border-radius: 8px;
}

.oeffnungszeiten-box li:last-child {
  border-bottom: none;
}

/* --- DAY ICONS --- */
.icon-day {
  font-size: 24px;
  animation: day-bounce 1.8s infinite ease-in-out;
  color: #222;
}

@keyframes day-bounce {
  0% { transform: translateY(0); }
  50% { transform: translateY(-4px); }
  100% { transform: translateY(0); }
}

/* --- TEXT LINKS --- */
.oeffnungszeiten-box span:first-child {
  font-weight: 800; /* extra dick */
  display: flex;
  align-items: center;
  gap: 10px;
  color: #222;
}/* End custom CSS */