/* Einheitlicher, gut lesbarer Auszeithinweis bei Uhr und Öffnungszeiten. */
.auszeit-hinweis{
  margin:18px 0 0;
  padding:17px 18px;
  border:3px solid #253F87;
  background:#F0F3FA;
  color:#14286A;
  font-family:var(--font-sans,"Jost","Segoe UI",Arial,sans-serif);
  font-size:1.02rem;
  font-weight:450;
  line-height:1.65;
  text-align:left;
}
.auszeit-hinweis[hidden]{display:none}
.auszeit-hinweis strong{
  display:block;
  margin:0 0 9px;
  color:inherit;
  font-size:1.15rem;
  font-weight:600;
  line-height:1.35;
}
.auszeit-hinweis p{
  margin:0;
  color:inherit;
  font:inherit;
  text-align:justify;
  text-align-last:left;
  -webkit-hyphens:auto;
  hyphens:auto;
  overflow-wrap:break-word;
}
:root[data-theme="dark"] .auszeit-hinweis{
  background:#1C2D50;
  border-color:#8FA6D8;
  color:#F0F3FA;
}
:root[data-theme="dark"] .auszeit-hinweis strong{color:#FFFFFF}
/* SVG-Rand oberhalb des äußeren Uhrenrings: 10,5 von 480 Einheiten.
   Derselbe Freiraum unter dem Hinweis hält die doppelten Rahmenlinien symmetrisch. */
.watch{--watch-svg-width:calc(min(450px,86vw) - 28px)}
.watch .auszeit-hinweis{margin:16px 6px calc(var(--watch-svg-width) * .021875)}
@media(max-width:900px){.hero .watch{--watch-svg-width:min(238px,calc(100vw - 56px))}}
.hours .auszeit-hinweis{box-sizing:border-box;flex:0 0 100%;width:100%;max-width:none;margin:22px 0 0}
@media(max-width:520px){
  .auszeit-hinweis{padding:15px 16px}
  .watch .auszeit-hinweis{margin:16px 2px calc(var(--watch-svg-width) * .021875);padding:15px 14px}
}

.auszeit-hinweis .auszeit-zeitraum{font-weight:650;color:inherit}
.auszeit-hinweis time{white-space:nowrap}

/* Die Liste beschreibt reguläre Zeiten; aktuelle Ausnahmen stehen darüber. */
.hours .week-label{margin:28px 0 10px;font-size:.95rem;font-weight:550;color:var(--text)}
.hours .week{margin-top:0}
.status.unknown{border-color:var(--line-soft);background:var(--bg-2);color:var(--text)}
.status.unknown i{background:var(--muted);animation:none;box-shadow:none}