/* =========================================================
   Rechtliche Seiten – gemeinsame Einleitung
   ========================================================= */

.rechtliches-einleitung {
  max-width: 820px;

  margin: 0 auto 28px;
  padding: 0 15px;

  color: #25364a;

  font-size: 17px;
  line-height: 1.7;

  text-align: center;

  box-sizing: border-box;
}


/* =========================================================
   Datenschutz – Inhaltskarten
   ========================================================= */

.datenschutz-card {
  max-width: 1100px;

  margin: 40px auto;
  padding: 35px 45px;

  background: #ffffff;

  border-left: 5px solid #e87722;
  border-radius: 16px;

  box-shadow:
    0 8px 25px
    rgba(0, 0, 0, 0.08);

  overflow-wrap: normal;
  word-break: normal;
  hyphens: none;
}
.datenschutz-card-grau {
  max-width: 1100px;

  margin: 40px auto;
  padding: 35px 45px;
  background: #f5f7fa;
  border-left: none;
  box-shadow: none;
    border-radius: 16px;

  box-shadow:
    0 8px 25px
    rgba(0, 0, 0, 0.08);

  overflow-wrap: normal;
  word-break: normal;
  hyphens: none;
}


/* =========================================================
   Impressum – Hauptpanel
   ========================================================= */

body .entry-content .impressum-panel {
  width: calc(100vw - 60px) !important;
  max-width: 1100px !important;

  margin:
    30px auto
    70px !important;

  padding: 40px 30px;

  background: #f5f7fa;

  border-radius: 16px;

  box-sizing: border-box;

  left: auto !important;
  right: auto !important;

  transform: none !important;
}


/* Hauptüberschrift */

.impressum-panel > h2,
.impressum-panel
> .wp-block-group__inner-container
> h2 {
  margin-top: 0;
  margin-bottom: 28px;

  color: #17304f;

  text-align: center;
}


/* =========================================================
   Impressum – Kartenraster
   ========================================================= */

.impressum-grid,
.impressum-grid
> .wp-block-group__inner-container {
  display: grid;

  grid-template-columns:
    repeat(2, minmax(0, 1fr));

  gap: 24px;
}


/* Einzelne Informationskarte */

.impressum-card {
  min-width: 0;

  padding: 28px 26px;

  background: #ffffff;

  border-left:
    5px solid #e87722;

  border-radius: 14px;

  box-shadow:
    0 4px 14px
    rgba(0, 0, 0, 0.08);

  box-sizing: border-box;
}


/* Karte über volle Rasterbreite */

.impressum-card-wide {
  grid-column: 1 / -1;
}


/* Kartenüberschriften */

.impressum-card h3 {
  margin-top: 0;
  margin-bottom: 14px;

  color: #17304f;

  font-size: 22px;
  line-height: 1.3;
}


/* Kartentexte */

.impressum-card p {
  margin-top: 0;
  margin-bottom: 0;

  color: #25364a;

  font-size: 16px;
  line-height: 1.75;
}


/* Kontaktlinks */

.impressum-card a {
  color: #17304f;

  font-weight: 700;

  text-decoration: underline;
  text-underline-offset: 3px;

  overflow-wrap: anywhere;
}


.impressum-card a:hover,
.impressum-card a:focus {
  color: #e87722;
}


/* =========================================================
   Mobile Darstellung
   ========================================================= */

@media (max-width: 768px) {

  .datenschutz-card {
    margin: 30px 16px;

    padding: 26px 20px;
  }


  body .entry-content .impressum-panel {
    width: calc(100vw - 60px) !important;
    max-width: calc(100vw - 60px) !important;

    margin-top: 24px !important;
    margin-bottom: 50px !important;

    padding: 28px 18px;
  }


  .impressum-grid,
  .impressum-grid
  > .wp-block-group__inner-container {
    grid-template-columns: 1fr;

    gap: 18px;
  }


  .impressum-card,
  .impressum-card-wide {
    grid-column: auto;

    padding: 23px 20px;
  }


  .impressum-card h3 {
    font-size: 20px;
  }
}