/* Elbetal v17 - final readability fixes for opening-hours and webdesign button */
:root{
  --ef17-blue:#071d4f;
  --ef17-blue2:#0b3478;
  --ef17-green:#72b72a;
  --ef17-yellow:#f5c322;
}

/* Oeffnungszeiten: no clipping, no off-canvas text, centered inside one clean card */
html body section.ef-hours-section{
  position:relative!important;
  overflow:visible!important;
  padding:50px 0!important;
  background:linear-gradient(180deg,#ffffff 0%,#f4f8fd 100%)!important;
  clip-path:none!important;
  transform:none!important;
}
html body section.ef-hours-section .container{
  position:relative!important;
  overflow:visible!important;
  max-width:960px!important;
  width:100%!important;
  padding-left:18px!important;
  padding-right:18px!important;
  margin-left:auto!important;
  margin-right:auto!important;
  transform:none!important;
  clip-path:none!important;
}
html body section.ef-hours-section .ef-hours-card,
html body section.ef-hours-section .ef-hours-clean-card{
  position:relative!important;
  left:auto!important;
  right:auto!important;
  top:auto!important;
  bottom:auto!important;
  transform:none!important;
  translate:none!important;
  clip-path:none!important;
  overflow:visible!important;
  width:100%!important;
  max-width:760px!important;
  min-width:0!important;
  margin:0 auto!important;
  padding:30px 28px!important;
  display:block!important;
  text-align:center!important;
  background:#ffffff!important;
  border:1px solid rgba(7,29,79,.12)!important;
  border-radius:22px!important;
  box-shadow:0 24px 55px rgba(7,29,79,.12)!important;
  box-sizing:border-box!important;
}
html body section.ef-hours-section::before,
html body section.ef-hours-section::after,
html body section.ef-hours-section .ef-hours-card::before,
html body section.ef-hours-section .ef-hours-card::after,
html body section.ef-hours-section .ef-hours-clean-card::before,
html body section.ef-hours-section .ef-hours-clean-card::after,
html body section.ef-hours-section .ef-hours-content::before,
html body section.ef-hours-section .ef-hours-content::after,
html body section.ef-hours-section h3::before,
html body section.ef-hours-section h3::after,
html body section.ef-hours-section p::before,
html body section.ef-hours-section p::after,
html body section.ef-hours-section h5::before,
html body section.ef-hours-section h5::after{
  content:none!important;
  display:none!important;
}
html body section.ef-hours-section .ef-hours-content{
  position:static!important;
  display:flex!important;
  flex-direction:column!important;
  align-items:center!important;
  justify-content:center!important;
  gap:8px!important;
  width:100%!important;
  max-width:100%!important;
  min-width:0!important;
  margin:0 auto!important;
  padding:0!important;
  text-align:center!important;
  overflow:visible!important;
  transform:none!important;
  clip-path:none!important;
  box-sizing:border-box!important;
}
html body section.ef-hours-section .ef-hours-content h3,
html body section.ef-hours-section .ef-hours-content p,
html body section.ef-hours-section .ef-hours-content h5,
html body section.ef-hours-section .ef-hours-content a{
  position:static!important;
  display:block!important;
  left:auto!important;
  right:auto!important;
  top:auto!important;
  bottom:auto!important;
  float:none!important;
  clear:both!important;
  width:100%!important;
  max-width:100%!important;
  min-width:0!important;
  margin-left:auto!important;
  margin-right:auto!important;
  padding-left:0!important;
  padding-right:0!important;
  text-indent:0!important;
  text-align:center!important;
  white-space:normal!important;
  overflow:visible!important;
  text-overflow:clip!important;
  transform:none!important;
  clip-path:none!important;
  background:transparent!important;
  color:var(--ef17-blue)!important;
  text-shadow:none!important;
  box-shadow:none!important;
  border:0!important;
  line-height:1.35!important;
  letter-spacing:0!important;
  box-sizing:border-box!important;
}
html body section.ef-hours-section .ef-hours-content h3{
  font-size:clamp(27px,3vw,38px)!important;
  font-weight:900!important;
  margin-bottom:7px!important;
}
html body section.ef-hours-section .ef-hours-content p{
  font-size:clamp(17px,1.8vw,23px)!important;
  font-weight:750!important;
}
html body section.ef-hours-section .ef-hours-content p.italic{
  font-style:normal!important;
  font-weight:850!important;
  color:var(--ef17-blue2)!important;
}
html body section.ef-hours-section .ef-hours-content h5{
  font-size:clamp(16px,1.7vw,21px)!important;
  font-weight:850!important;
  margin-top:4px!important;
}
html body section.ef-hours-section .ef-hours-content a,
html body section.ef-hours-section .ef-hours-content .phone{
  color:var(--ef17-blue2)!important;
  display:inline!important;
  width:auto!important;
  text-decoration:none!important;
  font-weight:900!important;
}
@media(max-width:520px){
  html body section.ef-hours-section .container{padding-left:14px!important;padding-right:14px!important;}
  html body section.ef-hours-section .ef-hours-card,
  html body section.ef-hours-section .ef-hours-clean-card{padding:26px 18px!important;border-radius:18px!important;}
  html body section.ef-hours-section .ef-hours-content h3{font-size:28px!important;}
  html body section.ef-hours-section .ef-hours-content p{font-size:17px!important;}
  html body section.ef-hours-section .ef-hours-content h5{font-size:16px!important;}
}

/* Website-erstellen Button: white button is ok, but text must be dark blue and readable. */
html body .ef-web-wow-section a.button,
html body .ef-web-v12-section a.button,
html body .ef-web-wow-copy a.button,
html body .ef-web-v12-copy a.button,
html body section.ef-web-wow-section .button.button-winona,
html body section.ef-web-v12-section .button.button-winona{
  background:#ffffff!important;
  background-image:none!important;
  color:var(--ef17-blue)!important;
  border:2px solid rgba(255,255,255,.65)!important;
  text-shadow:none!important;
  box-shadow:0 18px 38px rgba(0,0,0,.22)!important;
}
html body .ef-web-wow-section a.button *,
html body .ef-web-v12-section a.button *,
html body .ef-web-wow-section a.button .content-original,
html body .ef-web-v12-section a.button .content-original,
html body .ef-web-wow-section a.button .content-dubbed,
html body .ef-web-v12-section a.button .content-dubbed,
html body .ef-web-wow-copy a.button *,
html body .ef-web-v12-copy a.button *{
  color:var(--ef17-blue)!important;
  text-shadow:none!important;
}
html body .ef-web-wow-section a.button:hover,
html body .ef-web-v12-section a.button:hover,
html body .ef-web-wow-copy a.button:hover,
html body .ef-web-v12-copy a.button:hover{
  background:linear-gradient(135deg,var(--ef17-yellow),var(--ef17-green))!important;
  color:var(--ef17-blue)!important;
  border-color:transparent!important;
}
html body .ef-web-wow-section a.button:hover *,
html body .ef-web-v12-section a.button:hover *,
html body .ef-web-wow-copy a.button:hover *,
html body .ef-web-v12-copy a.button:hover *{
  color:var(--ef17-blue)!important;
}