/* ============================================================
   Rechtstexte (Impressum, Datenschutzerklaerung) - neu 04.08.2026

   Eine Lesespalte, sonst nichts. Die Seite hat genau eine Aufgabe:
   dass man den Text findet und lesen kann. Deshalb schmale Zeilen
   (max. 68 Zeichen), grosszuegige Zeilenhoehe und klar abgesetzte
   Zwischenueberschriften.

   Farben, Schrift und der gruene Punkt am Kicker sind aus den
   uebrigen Seiten uebernommen, damit die Rechtstexte nicht wie ein
   Fremdkoerper wirken.
   ============================================================ */

.aqrt__wrap{width:100%;max-width:1510px;margin-inline:auto;padding-inline:clamp(20px,4vw,40px)}
.aqrt{--ink:#111013;--txt:#141414;--mut:#636368;--line:rgba(20,20,20,.14);--green:#4CA139;
  width:100%;color:var(--txt);font-family:'Inter',system-ui,sans-serif;
  -webkit-font-smoothing:antialiased;
  /* Oben viel Luft: diese Seiten haben KEINEN Banner, der Kopf des Themes
     liegt also durchsichtig ueber dem Seitenanfang (106px, beim Scrollen
     82px). Ohne den Abstand steht der Kicker im Logo. */
  padding:clamp(150px,13vw,210px) 0 clamp(64px,7vw,120px)}
.aqrt :where(*){box-sizing:border-box}
.aqrt :where(p,h1,h2,ul,li){margin:0;padding:0}

.aqrt .aqrt__kicker{display:flex;align-items:center;gap:12px;font-size:16px;line-height:1;
  font-weight:500;color:var(--mut);letter-spacing:.02em;text-transform:uppercase}
.aqrt .aqrt__kdot{width:10px;height:10px;border-radius:50%;background:var(--green);flex:0 0 10px}
.aqrt .aqrt__kicker::after{content:"";height:1px;width:46px;flex:0 0 46px;margin-left:4px;
  background:rgba(20,20,20,.30)}
.aqrt .aqrt__h{margin-top:24px;font-size:clamp(34px,4vw,58px);line-height:1.05;
  letter-spacing:-.03em;font-weight:700;color:var(--ink);max-width:16ch}
.aqrt .aqrt__lead{margin-top:26px;font-size:19.5px;line-height:1.62;color:var(--txt);max-width:62ch}

/* Ein Abschnitt: Ueberschrift und Text.
   07.08.2026 dichter gesetzt (Vorbild blacky.at): Rechtstexte sind
   Nachschlagewerke, keine Lesetexte. Vorher stand jede einzelne Pflicht-
   angabe als eigener Block mit Trennlinie und bis zu 72px Abstand in einer
   68ch schmalen Spalte - man scrollte lange fuer wenig Information, und
   rechts blieb die halbe Seite leer. Jetzt: breitere Spalte, kleinere
   Abstaende, Trennlinie nur noch als feine Gliederung. */
.aqrt__block{margin-top:clamp(26px,2.4vw,38px);padding-top:clamp(18px,1.8vw,26px);
  border-top:1px solid var(--line);max-width:88ch}
.aqrt .aqrt__h2{font-size:clamp(22px,2vw,28px);line-height:1.2;letter-spacing:-.02em;
  font-weight:600;color:var(--ink)}
.aqrt .aqrt__p{margin-top:14px;font-size:17.5px;line-height:1.68;color:var(--txt)}
/* Label-Wert-Paare (<b>Label:</b><br>Wert) stehen eng beieinander, damit
   zusammengehoerende Angaben auch optisch als Paar lesbar sind. */
.aqrt .aqrt__p:has(b:first-child){margin-top:16px;line-height:1.5}
.aqrt .aqrt__p:has(b:first-child) + .aqrt__p:has(b:first-child){margin-top:14px}
.aqrt .aqrt__p b{color:var(--ink);font-weight:600}
.aqrt .aqrt__p a{color:var(--ink);text-decoration:underline;text-underline-offset:3px;
  text-decoration-color:rgba(76,161,57,.85)}
.aqrt .aqrt__p a:hover{color:var(--green)}
.aqrt .aqrt__liste{margin-top:16px;padding-left:0;list-style:none;display:grid;gap:10px}
.aqrt .aqrt__liste li{position:relative;padding-left:22px;font-size:17.5px;line-height:1.6;color:var(--txt)}
.aqrt .aqrt__liste li::before{content:"";position:absolute;left:0;top:.62em;width:7px;height:7px;
  border-radius:50%;background:var(--green)}
.aqrt .aqrt__liste a{color:var(--ink);text-decoration:underline;text-underline-offset:3px;
  text-decoration-color:rgba(76,161,57,.85)}

.aqrt__stand{margin-top:clamp(40px,4vw,64px);padding-top:22px;border-top:1px solid var(--line);
  font-size:15px;color:var(--mut);max-width:68ch}

/* Eingangsanimation wie auf den uebrigen Seiten. */
.aqrt.rv-on [data-rv]{opacity:0;transform:translateY(22px)}
.aqrt.rv-on [data-rv].rv-in{opacity:1;transform:none;
  transition:opacity .7s ease,transform .7s cubic-bezier(.22,.61,.36,1)}
@media(prefers-reduced-motion:reduce){
  .aqrt.rv-on [data-rv]{opacity:1!important;transform:none!important;transition:none!important}
}
@media(max-width:640px){
  .aqrt .aqrt__h{max-width:none}
  .aqrt .aqrt__p,.aqrt .aqrt__liste li{font-size:17px}
}

/* ================================================================
   Weniger Luft oben, wenn ein Banner darueber steht
   ================================================================
   Marcel am 27.08.2026: "bei Impressum, Datenschutz und AGB ist da oben noch
   so ein grosser Abstand."

   Die Regel darueber gibt dem Text bis zu 210px Luft nach oben. Die Begruendung
   im Kommentar dort: diese Seiten haetten KEINEN Banner, der durchsichtige
   Kopf des Themes liege also ueber dem Seitenanfang und der Kicker stuende
   sonst im Logo.

   Das stimmt nicht mehr - alle drei Rechtsseiten haben inzwischen einen
   Banner. Gemessen bei 2560px, Abstand zwischen Bannerende und erstem Text:
     /leistungen/pool-und-teich/   114px
     /ueber-uns/                   192px
     /datenschutz/                 282px   <- fiel aus der Reihe

   :has() statt fester Ueberschreibung: steht kein Banner ueber dem Text,
   gilt weiter die grosse Luft. Die Regel passt sich also von selbst an,
   statt eine Annahme durch die naechste zu ersetzen. */
body:has([class*="aqua-banner"]) .aqrt{
  padding-top:clamp(48px,5vw,80px);
}