/* Sensus Communis | datenschutz.css
   Seitenspezifische Grundgestaltung.
   Geladen von: datenschutz-en, datenschutz
   Reihenfolge je Seite: fonts, tokens, [subpage], Seite, glass-cards, motion, Seite.layers, site */

/* fixed poster background */
.poster-wrap {
  position: fixed;
  inset: 0;
  z-index: 0;
  overflow: hidden;
}

.poster {
  width: 100%;
  height: 100%;
  display: block;
}

/* content */
main {
  position: relative;
  z-index: 5;
  max-width: 760px;
  margin: 0 auto;
  padding: 0 24px 120px;
}

.subhero {
  min-height: 48vh;
  display: flex;
  flex-direction: column;
  justify-content: flex-end;
  padding: 120px 0 5vh;
}

.page-label {
  font-family: "Manrope";
  font-size: 12px;
  font-weight: 600;
  letter-spacing: .26em;
  text-transform: uppercase;
  color: var(--c-coral-soft);
  margin-bottom: 14px;
}

.page-title {
  font-family: "EB Garamond",serif;
  font-weight: 500;
  font-size: clamp(40px,7vw,68px);
  line-height: 1.02;
  color: var(--c-cream);
  margin-bottom: 48px;
  letter-spacing: -.01em;
  text-shadow: 0 2px 30px rgb(var(--c-navy-deep-rgb) / .8),0 1px 4px rgb(var(--c-navy-deep-rgb) / .6);
}

.panel {
  margin-top: 44px;
  background: rgb(var(--c-paper-rgb) / .93);
  border: 1px solid rgb(var(--c-navy-rgb) / .1);
  padding: clamp(30px,5vw,64px);
  box-shadow: 0 30px 80px rgb(var(--c-navy-deep-rgb) / .4);
}

.panel h2 {
  font-family: "EB Garamond",serif;
  font-weight: 600;
  font-size: 23px;
  color: var(--navy);
  margin: 38px 0 12px;
  line-height: 1.2;
}

.panel h2:first-child {
  margin-top: 0;
}

.panel p {
  font-size: 17.5px;
  color: var(--ink);
  margin-bottom: 14px;
}

.panel .addr {
  font-size: 17.5px;
  color: var(--ink);
  margin-bottom: 18px;
  line-height: 1.5;
}

.panel a {
  color: var(--rust);
  text-decoration: none;
  border-bottom: 1px solid rgb(var(--c-rust-rgb) / .3);
}

.panel ul {
  list-style: none;
  margin: 6px 0 18px;
}

.panel li {
  position: relative;
  padding-left: 20px;
  font-size: 17.5px;
  color: var(--ink);
  margin-bottom: 7px;
}

.panel li::before {
  content: "";
  position: absolute;
  left: 2px;
  top: 10px;
  width: 5px;
  height: 5px;
  background: var(--coral);
  transform: rotate(45deg);
}

.panel .stand {
  margin-top: 34px;
  font-style: italic;
  font-family: "EB Garamond",serif;
  color: var(--ink-mute);
  font-size: 17px;
}

/* footer */
footer {
  position: relative;
  z-index: 5;
  text-align: center;
  padding: 0 24px 64px;
}

@media (max-width:720px) {
  main {
    padding: 0 18px 90px;
  }
  .subhero {
    min-height: 46vh;
    padding: 96px 0 4vh;
  }
}

/* ===== sc-round ===== */
.panel {
  border-radius: 12px !important;
}