/* openPR | SEO-GEO-Werbemittel | 1.0.0 (10.11.2026)
   Ein HTML-Baustein je Stelle, keine JavaScript-Abhaengigkeit.
   Ausschliesslich neue oprx-geo-Klassen. Keine Fontdateien, keine Bilder.
   Im bestehenden Inhaltscontainer platzieren. KEINE feste Hoehe.
   Die Bausteine richten sich nach der Breite ihres Containers (Container Queries),
   nicht nach der Fensterbreite - sie passen dadurch in Inhalt, Spalte und Sidebar. */

.oprx-geo{container-type:inline-size;font-family:inherit;color:#465058;line-height:1.5;text-align:left}
.oprx-geo,.oprx-geo *,.oprx-geo *::before,.oprx-geo *::after{box-sizing:border-box}
.oprx-geo a{text-decoration:none}

.oprx-geo__card{display:grid;gap:20px;padding:20px;border:1px solid #f8c699;border-radius:.5rem;background:linear-gradient(180deg,#fff8ec,#fff 70%)}
.oprx-geo__eyebrow{margin:0 0 6px;font-size:12.5px;font-weight:700;letter-spacing:.08em;text-transform:uppercase;color:#b35400}
.oprx-geo__title{margin:0 0 8px;font-size:22px;font-weight:800;line-height:1.2;letter-spacing:-.01em;color:#212529}
.oprx-geo__title span{color:#ed7000}
.oprx-geo__text{margin:0;font-size:15.5px}
.oprx-geo__actions{display:flex;flex-wrap:wrap;gap:10px;margin-top:16px}
.oprx-geo__btn{padding-top:.6rem;padding-bottom:.6rem;white-space:normal}
.oprx-geo__note{margin:12px 0 0;font-size:12.5px;color:#6c757d}

.oprx-geo__stats{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:12px;margin:0;padding:0;list-style:none}
.oprx-geo__stats b{display:block;font-size:21px;font-weight:800;line-height:1.1;letter-spacing:-.02em;color:#ed7000}
.oprx-geo__stats span{display:block;margin-top:2px;font-size:12.5px;line-height:1.3;color:#465058}

/* kleine Chat-Darstellung (reines HTML, kein Bild) */
.oprx-geo__chat{display:grid;gap:10px;padding:14px;border:1px solid #dee2e6;border-radius:.5rem;background:#fff;box-shadow:0 .125rem .25rem rgba(0,0,0,.075)}
.oprx-geo__q{justify-self:end;max-width:90%;margin:0;padding:8px 12px;border-radius:14px 14px 4px 14px;background:#eff0f1;font-size:14px;color:#212529}
.oprx-geo__a{margin:0;font-size:14px;color:#212529}
.oprx-geo__src{display:inline-flex;align-items:center;gap:6px;justify-self:start;padding:4px 10px;border:1px solid #f8c699;border-radius:50px;background:#fff8ec;font-size:12.5px;font-weight:600;color:#5f2d00}
.oprx-geo__src i{color:#ed7000}
.oprx-geo__side{display:grid;gap:16px}

@container (min-width:700px){
    .oprx-geo--banner .oprx-geo__card{grid-template-columns:minmax(0,1.15fr) minmax(0,1fr);gap:36px;align-items:center;padding:32px}
    .oprx-geo--banner .oprx-geo__title{font-size:28px}
    .oprx-geo--dash .oprx-geo__card{grid-template-columns:minmax(0,1fr) auto;align-items:center;gap:28px;padding:24px 28px}
    .oprx-geo--dash .oprx-geo__actions{margin-top:0}
}

/* Variante: schmales Band (Startseite) */
.oprx-geo--band .oprx-geo__card{display:flex;flex-wrap:wrap;align-items:center;gap:12px 20px;padding:16px 20px;border:1px solid #dee2e6;border-left:4px solid #ed7000;background:#fff}
.oprx-geo__icon{display:grid;place-items:center;flex:none;width:44px;height:44px;border-radius:50%;background:#ed7000;color:#fff;font-size:18px}
.oprx-geo--band .oprx-geo__main{flex:1 1 260px;min-width:0}
.oprx-geo--band .oprx-geo__title{margin:0;font-size:18px}
.oprx-geo--band .oprx-geo__text{font-size:14px}
.oprx-geo--band .oprx-geo__actions{margin-top:0}

/* Variante: Hinweiszeile (unter Tarifen) - die ganze Zeile ist der Link */
.oprx-geo--hint a.oprx-geo__card{display:flex;align-items:center;gap:12px;min-height:48px;padding:12px 16px;border:1px solid #f8c699;background:#fff8ec;font-size:14.5px;color:#465058}
.oprx-geo--hint a.oprx-geo__card:hover,.oprx-geo--hint a.oprx-geo__card:focus-visible{border-color:#ed7000;color:#212529}
.oprx-geo--hint i{flex:none;font-size:18px;color:#ed7000}
.oprx-geo--hint strong{color:#212529}
.oprx-geo__more{font-weight:700;color:#b35400;white-space:nowrap}

/* Variante: Kasten fuer die rechte Spalte */
.oprx-geo--side .oprx-geo__card{gap:14px;padding:18px}
.oprx-geo--side .oprx-geo__title{font-size:19px}
.oprx-geo--side .oprx-geo__text{font-size:14.5px}
.oprx-geo--side .oprx-geo__actions{margin-top:0}
.oprx-geo--side .oprx-geo__btn{display:block;width:100%}

/* Variante: Kundenbereich */
.oprx-geo--dash .oprx-geo__card{border-color:#dee2e6;background:#fff}
.oprx-geo--dash .oprx-geo__title{font-size:20px}