/* ============================================================
   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}
}