/* Datenschutzerklärung — nur die Darstellung, der Rechtstext bleibt unverändert.
   Squarespace legt die komplette Erklärung in EINE Rasterzelle mit über 1100
   fest vorgegebenen Zeilen. Dadurch war die Seite 45.000 px hoch, die Nummern
   der Überschriften brachen um ("2." / "2") und der Fließtext stand in einer
   965 px breiten Zeile. Hier wird daraus ein normales Textdokument. */

/* 1. Raster des Inhaltsbereichs auflösen, Text fließen lassen */
.fe-6960cf07ec0dd013f7c7f659{display:block !important}
.fe-6960cf07ec0dd013f7c7f659 > .fe-block{
  grid-area:auto !important;width:auto !important;max-width:none !important;
}

/* 2. Ruhige Spaltenbreite mit Seitenrand auch auf dem Telefon.
   Im Original steckt im Text ein eingefügtes .contractDetails { padding-left: 1.25cm },
   das die Zeilen auf schmalen Bildschirmen über den Rand geschoben hat. */
.fe-6960cf07ec0dd013f7c7f659 .sqs-block-content{
  box-sizing:border-box;width:100%;max-width:820px;margin-inline:auto;padding:0 22px;
}
.fe-6960cf07ec0dd013f7c7f659 .contractDetails,
.fe-6960cf07ec0dd013f7c7f659 .sqs-code-container{
  box-sizing:border-box;width:auto !important;max-width:100% !important;padding-left:0 !important;
}
.fe-6960cf07ec0dd013f7c7f659 .sqs-block-content *{min-width:0}
.fe-6960cf07ec0dd013f7c7f659 p,
.fe-6960cf07ec0dd013f7c7f659 li,
.fe-6960cf07ec0dd013f7c7f659 h1,
.fe-6960cf07ec0dd013f7c7f659 h2,
.fe-6960cf07ec0dd013f7c7f659 h3,
.fe-6960cf07ec0dd013f7c7f659 h4{overflow-wrap:break-word}

/* 3. Typografie: kleinere Überschriften, größerer Fließtext */
.fe-6960cf07ec0dd013f7c7f659 .DieterHeading1{
  font-size:clamp(32px,4.4vw,50px) !important;line-height:1.1 !important;
  margin:0 0 8px !important;
}
.fe-6960cf07ec0dd013f7c7f659 .DieterHeading2{
  font-size:clamp(23px,2.6vw,30px) !important;line-height:1.25 !important;
  margin:64px 0 10px !important;padding-top:20px;border-top:1px solid rgba(0,0,0,.12);
}
.fe-6960cf07ec0dd013f7c7f659 .DieterHeading3{
  font-size:clamp(18px,1.8vw,21px) !important;line-height:1.35 !important;
  margin:34px 0 6px !important;
}
.fe-6960cf07ec0dd013f7c7f659 .DieterHeading4,
.fe-6960cf07ec0dd013f7c7f659 h4{
  font-size:17px !important;line-height:1.4 !important;margin:24px 0 4px !important;
}
.fe-6960cf07ec0dd013f7c7f659 p,
.fe-6960cf07ec0dd013f7c7f659 li{
  font-size:16.5px !important;line-height:1.72 !important;
}
.fe-6960cf07ec0dd013f7c7f659 p{margin:0 0 14px !important}
.fe-6960cf07ec0dd013f7c7f659 ul,
.fe-6960cf07ec0dd013f7c7f659 ol{margin:0 0 16px !important;padding-left:22px}
.fe-6960cf07ec0dd013f7c7f659 li{margin-bottom:5px}

/* 4. Nummern der Überschriften stehen vor dem Titel statt im Rand zu brechen */
.fe-6960cf07ec0dd013f7c7f659 .number-prefix-p{
  margin-left:0 !important;width:auto !important;padding-right:.45em !important;
  white-space:nowrap;
}

/* 5. Links sichtbar machen */
.fe-6960cf07ec0dd013f7c7f659 a{text-decoration:underline;text-underline-offset:2px}

/* 6. Auf dem Telefon etwas kompakter */
@media (max-width:767px){
  .fe-6960cf07ec0dd013f7c7f659 p,
  .fe-6960cf07ec0dd013f7c7f659 li{font-size:16px !important}
  .fe-6960cf07ec0dd013f7c7f659 .DieterHeading2{margin-top:46px !important}
}
