.legal{max-width:720px;margin:0 auto;padding:40px 20px 60px;line-height:1.6}
.legal h1{font-family:Lemonmilk,Ubuntu,sans-serif;font-style:italic;text-transform:uppercase;color:var(--accent);font-size:28px}
.legal h2{font-size:18px;margin-top:28px}
.legal a{color:var(--text)}
.legal h3{font-size:16px;margin-top:20px}
.legal ul{padding-left:22px}
.legal iframe{max-width:100%;background:#fff;border-radius:8px}
/* lange Adressen umbrechen, nichts breiter als der Bildschirm */
.legal{overflow-wrap:anywhere;word-break:break-word}
.legal *{max-width:100%}
.legal iframe{width:100%!important;height:220px!important}
/* Sicherheitsnetz gegen seitliches Überlaufen (iOS Safari) */
html,body{overflow-x:hidden;max-width:100%}
.legal a{word-break:normal;overflow-wrap:anywhere}
/* Seitentitel skaliert mit der Breite und bleibt einzeilig (kein Umbruch mitten im Wort) */
.legal h1{font-size:min(28px, 5.2vw);white-space:nowrap;overflow-wrap:normal;word-break:normal}
.legal h2{overflow-wrap:break-word;word-break:normal;hyphens:auto}