/* OteeAI Abo – Hinweis-Kasten und Fußleiste (vom Zugangs-Tor eingebunden) */
.abo-sperre{box-sizing:border-box;max-width:720px;margin:28px auto 36px;padding:28px 30px;background:#fffdf8;border:1px solid #e2ddd1;border-radius:14px;position:relative;overflow:hidden;font-family:'IBM Plex Sans',system-ui,sans-serif;color:#15171c;text-align:left;clear:both}
.abo-sperre::before{content:"";position:absolute;left:0;right:0;top:0;height:4px;background:linear-gradient(92deg,#e0453b,#e8822c 19%,#e0b02f 36%,#37a85a 57%,#2f7fe0 78%,#7a51d4)}
.abo-sperre .abo-sperre-k{font-family:'IBM Plex Mono',ui-monospace,monospace;font-size:12px;letter-spacing:.09em;text-transform:uppercase;color:#4a525e;margin:0 0 6px}
.abo-sperre h2{font-family:'Space Grotesk',sans-serif;font-size:26px;line-height:1.15;letter-spacing:-.02em;margin:0 0 10px;padding:0;border:0;color:#15171c;text-transform:none;background:none}
.abo-sperre p{font-size:16px;line-height:1.55;color:#4a525e;margin:0 0 18px;text-wrap:pretty}
.abo-sperre-r{display:flex;gap:12px 20px;align-items:center;flex-wrap:wrap}
.abo-sperre a.abo-sperre-b{display:inline-flex;align-items:center;min-height:46px;padding:0 24px;border-radius:999px;background:#2f6fe0;color:#fff;font-weight:600;font-size:15.5px;text-decoration:none}
.abo-sperre a.abo-sperre-b:hover{background:#1f57bd;color:#fff}
.abo-sperre a.abo-sperre-l{color:#2f6fe0;font-size:15px}
.abo-sperre a.abo-sperre-l:hover{color:#15171c}
.abo-sperre-blende{-webkit-mask-image:linear-gradient(#000 30%,transparent);mask-image:linear-gradient(#000 30%,transparent)}
.abo-fussleiste{display:flex;flex-wrap:wrap;justify-content:center;gap:8px 22px;padding:14px 20px;background:#101216;font-family:'IBM Plex Sans',system-ui,sans-serif;font-size:13.5px}
.abo-fussleiste a{color:#aeb6c2;text-decoration:none}
.abo-fussleiste a:hover{color:#fff}
.abo-fussleiste a.abo-kuend{color:#fff;font-weight:600}
nav.main a.abo-nav{font-weight:600}
@media print{.abo-fussleiste{display:none}}
