/* openPR x Koke Digital | responsive Studienbanner | 2.0.0
   Ein HTML-Baustein je Seite, keine JavaScript-Abhaengigkeit.
   Ausschliesslich neue oprx-study-Klassen/IDs. Keine Fontdateien.
   Im bestehenden Inhaltscontainer platzieren. KEINE feste Hoehe.
   Designbasis: vorhandene FREE-Smarty-Vorlage (Fira Sans, #ed7000).
   Die --oprx-study-* Variablen koennen im Seitentemplate ueberschrieben werden. */
:is(#oprx-study-service,#oprx-study-free,#oprx-study-themenfinder,#oprx-study-startseite) {
  --oprx-study-orange: var(--oprx-orange, #ed7000);
  --oprx-study-orange-hover: var(--oprx-orange-hover, #cf6200);
  --oprx-study-ink: #212529;
  --oprx-study-muted: #59616a;
  --oprx-study-emphasis: #ae4900;
  --oprx-study-border: #e4e0da;
  --oprx-study-soft: #fff7ed;
  --oprx-study-radius: 16px;
  --oprx-study-button-radius: 12px;
  container: oprx-study / inline-size;
  display: block; width: 100%; max-width: 100%; min-width: 0;
  margin: 0; padding: 0; border: 0;
  font-family: inherit; font-size: 16px; font-style: normal;
  color: var(--oprx-study-ink); line-height: 1.5; text-align: left;
}
:is(#oprx-study-service,#oprx-study-free,#oprx-study-themenfinder,#oprx-study-startseite), :is(#oprx-study-service,#oprx-study-free,#oprx-study-themenfinder,#oprx-study-startseite) *, :is(#oprx-study-service,#oprx-study-free,#oprx-study-themenfinder,#oprx-study-startseite) *::before, :is(#oprx-study-service,#oprx-study-free,#oprx-study-themenfinder,#oprx-study-startseite) *::after { box-sizing: border-box; }
:is(#oprx-study-service,#oprx-study-free,#oprx-study-themenfinder,#oprx-study-startseite) :is(h2,p,figure,figcaption,blockquote,ol,li) { margin: 0; padding: 0; }
:is(#oprx-study-service,#oprx-study-free,#oprx-study-themenfinder,#oprx-study-startseite) :is(p,blockquote,figcaption) { font-family: inherit; }
:is(#oprx-study-service,#oprx-study-free,#oprx-study-themenfinder,#oprx-study-startseite) strong { font-weight: 700; }
:is(#oprx-study-service,#oprx-study-free,#oprx-study-themenfinder,#oprx-study-startseite) img { display: block; max-width: 100%; border: 0; }
:is(#oprx-study-service,#oprx-study-free,#oprx-study-themenfinder,#oprx-study-startseite) svg { display: block; flex-shrink: 0; }
:is(#oprx-study-service,#oprx-study-free,#oprx-study-themenfinder,#oprx-study-startseite) .oprx-study__card {
  background: #fff; border: 1px solid var(--oprx-study-border);
  border-radius: var(--oprx-study-radius);
  box-shadow: 0 5px 20px rgb(33 37 41 / 3%);
  overflow: hidden;
}
:is(#oprx-study-service,#oprx-study-free,#oprx-study-themenfinder,#oprx-study-startseite) .oprx-study__main { display: grid; grid-template-columns: minmax(0,1fr); }
:is(#oprx-study-service,#oprx-study-free,#oprx-study-themenfinder,#oprx-study-startseite) .oprx-study__copy { min-width: 0; padding: 18px; }
:is(#oprx-study-service,#oprx-study-free,#oprx-study-themenfinder,#oprx-study-startseite) .oprx-study__brandrow { display: flex; flex-wrap: wrap; align-items: center; gap: 7px 12px; margin: 0 0 11px; }
:is(#oprx-study-service,#oprx-study-free,#oprx-study-themenfinder,#oprx-study-startseite) .oprx-study__brands { display: inline-flex; align-items: center; gap: 10px; flex-shrink: 0; }
:is(#oprx-study-service,#oprx-study-free,#oprx-study-themenfinder,#oprx-study-startseite) .oprx-study__openpr { width: 88px; height: auto; }
:is(#oprx-study-service,#oprx-study-free,#oprx-study-themenfinder,#oprx-study-startseite) .oprx-study__koke { width: 35px; height: auto; }
:is(#oprx-study-service,#oprx-study-free,#oprx-study-themenfinder,#oprx-study-startseite) .oprx-study__cross { color: #7b8085; font-size: 17px; font-weight: 400; }
:is(#oprx-study-service,#oprx-study-free,#oprx-study-themenfinder,#oprx-study-startseite) .oprx-study__eyebrow { display: flex; align-items: center; gap: 7px; font-size: 10px; font-weight: 700; line-height: 1.5; letter-spacing: .095em; text-transform: uppercase; color: #78573c; }
:is(#oprx-study-service,#oprx-study-free,#oprx-study-themenfinder,#oprx-study-startseite) .oprx-study__eyebrow::before { content: ''; width: 6px; height: 6px; border-radius: 50%; background: var(--oprx-study-orange); flex: 0 0 6px; }
:is(#oprx-study-service,#oprx-study-free,#oprx-study-themenfinder,#oprx-study-startseite) h2.oprx-study__title { font-family: inherit; font-size: 26px; line-height: 1.14; font-weight: 800; letter-spacing: -.028em; color: var(--oprx-study-ink); margin: 0 0 10px; overflow-wrap: normal; }
:is(#oprx-study-service,#oprx-study-free,#oprx-study-themenfinder,#oprx-study-startseite) .oprx-study__accent { color: var(--oprx-study-emphasis); }
:is(#oprx-study-service,#oprx-study-free,#oprx-study-themenfinder,#oprx-study-startseite) .oprx-study__description { font-size: 14px; line-height: 1.55; color: var(--oprx-study-muted); }
:is(#oprx-study-service,#oprx-study-free,#oprx-study-themenfinder,#oprx-study-startseite) .oprx-study__description strong { color: var(--oprx-study-ink); }
:is(#oprx-study-service,#oprx-study-free,#oprx-study-themenfinder,#oprx-study-startseite) .oprx-study__intro { display: block; }
:is(#oprx-study-service,#oprx-study-free,#oprx-study-themenfinder,#oprx-study-startseite) .oprx-study__portrait-aside { display: none; }
:is(#oprx-study-service,#oprx-study-free,#oprx-study-themenfinder,#oprx-study-startseite) .oprx-study__actions { display: flex; flex-direction: column; align-items: stretch; gap: 7px; margin-top: 15px; }
:is(#oprx-study-service,#oprx-study-free,#oprx-study-themenfinder,#oprx-study-startseite) a.oprx-study__cta {
  display: inline-flex; align-items: center; justify-content: center; gap: 12px;
  min-height: 48px; max-width: 100%; padding: 11px 16px;
  border: 1px solid transparent; border-radius: var(--oprx-study-button-radius);
  background: var(--oprx-study-orange); color: #172027;
  font-family: inherit; font-size: 14px; line-height: 1.4; font-weight: 700;
  text-decoration: none; white-space: normal; text-align: center;
  transition: background-color .15s ease; box-shadow: none;
}
:is(#oprx-study-service,#oprx-study-free,#oprx-study-themenfinder,#oprx-study-startseite) a.oprx-study__cta:visited { color: #172027; }
:is(#oprx-study-service,#oprx-study-free,#oprx-study-themenfinder,#oprx-study-startseite) a.oprx-study__cta:hover { background: var(--oprx-study-orange-hover); color: #11181d; text-decoration: none; }
:is(#oprx-study-service,#oprx-study-free,#oprx-study-themenfinder,#oprx-study-startseite) a.oprx-study__cta:focus-visible { outline: 3px solid #145c86; outline-offset: 3px; }
:is(#oprx-study-service,#oprx-study-free,#oprx-study-themenfinder,#oprx-study-startseite) a.oprx-study__cta svg { width: 18px; height: 18px; }
:is(#oprx-study-service,#oprx-study-free,#oprx-study-themenfinder,#oprx-study-startseite) .oprx-study__meta { display: flex; justify-content: center; flex-wrap: wrap; column-gap: 5px; color: var(--oprx-study-muted); font-size: 11px; line-height: 1.5; }
:is(#oprx-study-service,#oprx-study-free,#oprx-study-themenfinder,#oprx-study-startseite) .oprx-study__meta span + span::before { content: '·'; margin-right: 5px; }
:is(#oprx-study-service,#oprx-study-free,#oprx-study-themenfinder,#oprx-study-startseite) .oprx-study__evidence { min-width: 0; padding: 14px 18px; background: var(--oprx-study-soft); border-top: 1px solid var(--oprx-study-border); }
:is(#oprx-study-service,#oprx-study-free,#oprx-study-themenfinder,#oprx-study-startseite) .oprx-study__chart-wrap { display: none; }
:is(#oprx-study-service,#oprx-study-free,#oprx-study-themenfinder,#oprx-study-startseite) .oprx-study__search { display: flex; flex-wrap: wrap; align-items: center; gap: 7px; font-size: 12px; color: var(--oprx-study-ink); font-weight: 700; }
:is(#oprx-study-service,#oprx-study-free,#oprx-study-themenfinder,#oprx-study-startseite) .oprx-study__search > span { margin-left: auto; font-size: 10px; color: var(--oprx-study-muted); font-weight: 400; }
:is(#oprx-study-service,#oprx-study-free,#oprx-study-themenfinder,#oprx-study-startseite) .oprx-study__chart { display: block; width: 100%; height: auto; max-height: 122px; overflow: visible; color: var(--oprx-study-orange); }
:is(#oprx-study-service,#oprx-study-free,#oprx-study-themenfinder,#oprx-study-startseite) .oprx-study__chart-caption { color: var(--oprx-study-muted); font-size: 10px; text-align: right; line-height: 1.4; }
:is(#oprx-study-service,#oprx-study-free,#oprx-study-themenfinder,#oprx-study-startseite) .oprx-study__mobile-rank { display: flex; align-items: center; justify-content: space-between; gap: 12px; }
:is(#oprx-study-service,#oprx-study-free,#oprx-study-themenfinder,#oprx-study-startseite) .oprx-study__rank-copy { font-size: 12px; line-height: 1.5; color: var(--oprx-study-ink); }
:is(#oprx-study-service,#oprx-study-free,#oprx-study-themenfinder,#oprx-study-startseite) .oprx-study__rank-copy strong, :is(#oprx-study-service,#oprx-study-free,#oprx-study-themenfinder,#oprx-study-startseite) .oprx-study__rank-copy span { display: block; }
:is(#oprx-study-service,#oprx-study-free,#oprx-study-themenfinder,#oprx-study-startseite) .oprx-study__rank-copy span { color: var(--oprx-study-muted); font-size: 11px; }
:is(#oprx-study-service,#oprx-study-free,#oprx-study-themenfinder,#oprx-study-startseite) .oprx-study__rank-path { display: flex; align-items: center; gap: 7px; font-size: 18px; color: var(--oprx-study-muted); white-space: nowrap; }
:is(#oprx-study-service,#oprx-study-free,#oprx-study-themenfinder,#oprx-study-startseite) .oprx-study__rank-path strong { display: grid; place-items: center; width: 34px; height: 34px; border-radius: 50%; background: var(--oprx-study-orange); color: #172027; font-size: 21px; }
:is(#oprx-study-service,#oprx-study-free,#oprx-study-themenfinder,#oprx-study-startseite) .oprx-study__stats { display: grid; grid-template-columns: repeat(2,minmax(0,1fr)); gap: 12px; border-top: 1px solid #e7d9c7; padding-top: 10px; margin-top: 10px; }
:is(#oprx-study-service,#oprx-study-free,#oprx-study-themenfinder,#oprx-study-startseite) .oprx-study__stat { display: flex; align-items: center; gap: 8px; }
:is(#oprx-study-service,#oprx-study-free,#oprx-study-themenfinder,#oprx-study-startseite) .oprx-study__stat + .oprx-study__stat { padding-left: 12px; border-left: 1px solid #e7d9c7; }
:is(#oprx-study-service,#oprx-study-free,#oprx-study-themenfinder,#oprx-study-startseite) .oprx-study__stat > strong { font-size: 26px; line-height: 1; font-weight: 800; }
:is(#oprx-study-service,#oprx-study-free,#oprx-study-themenfinder,#oprx-study-startseite) .oprx-study__stat > span { color: var(--oprx-study-muted); font-size: 10px; line-height: 1.45; }
:is(#oprx-study-service,#oprx-study-free,#oprx-study-themenfinder,#oprx-study-startseite) .oprx-study__note { border-top: 1px solid var(--oprx-study-border); padding: 8px 18px; color: var(--oprx-study-muted); font-size: 10px; line-height: 1.5; background: #fcfbfa; }
:is(#oprx-study-service,#oprx-study-free,#oprx-study-themenfinder,#oprx-study-startseite) .oprx-study__testimonial { display: grid; grid-template-columns: 48px minmax(0,1fr); align-items: start; gap: 12px; }
:is(#oprx-study-service,#oprx-study-free,#oprx-study-themenfinder,#oprx-study-startseite) .oprx-study__portrait { width: 48px; height: 48px; object-fit: cover; border-radius: 50%; }
:is(#oprx-study-service,#oprx-study-free,#oprx-study-themenfinder,#oprx-study-startseite) .oprx-study__quote { color: var(--oprx-study-ink); font-size: 14px; font-style: italic; line-height: 1.45; }
:is(#oprx-study-service,#oprx-study-free,#oprx-study-themenfinder,#oprx-study-startseite) .oprx-study__quote::first-letter { color: var(--oprx-study-orange); }
:is(#oprx-study-service,#oprx-study-free,#oprx-study-themenfinder,#oprx-study-startseite) .oprx-study__person { display: block; margin-top: 7px; font-size: 10px; line-height: 1.5; color: var(--oprx-study-muted); font-style: normal; }
:is(#oprx-study-service,#oprx-study-free,#oprx-study-themenfinder,#oprx-study-startseite) .oprx-study__person strong { display: block; font-size: 11px; color: var(--oprx-study-ink); }
:is(#oprx-study-service,#oprx-study-free,#oprx-study-themenfinder,#oprx-study-startseite) .oprx-study__result { display: flex; align-items: center; gap: 12px; padding: 9px 12px; margin-top: 12px; border: 1px solid #e6d8c8; border-radius: 10px; background: #fff; }
:is(#oprx-study-service,#oprx-study-free,#oprx-study-themenfinder,#oprx-study-startseite) .oprx-study__result-number { font-size: 31px; line-height: 1; font-weight: 800; letter-spacing: -.04em; color: var(--oprx-study-emphasis); flex-shrink: 0; }
:is(#oprx-study-service,#oprx-study-free,#oprx-study-themenfinder,#oprx-study-startseite) .oprx-study__result-label { color: var(--oprx-study-ink); font-size: 11px; line-height: 1.45; }
:is(#oprx-study-service,#oprx-study-free,#oprx-study-themenfinder,#oprx-study-startseite) .oprx-study__result-label strong, :is(#oprx-study-service,#oprx-study-free,#oprx-study-themenfinder,#oprx-study-startseite) .oprx-study__result-label span { display: block; }
:is(#oprx-study-service,#oprx-study-free,#oprx-study-themenfinder,#oprx-study-startseite) .oprx-study__result-label span { font-size: 10px; color: var(--oprx-study-muted); }
:is(#oprx-study-service,#oprx-study-free,#oprx-study-themenfinder,#oprx-study-startseite) .oprx-study__flow-caption { margin: 9px 0; font-size: 10px; font-weight: 700; text-transform: uppercase; letter-spacing: .065em; color: #78573c; }
:is(#oprx-study-service,#oprx-study-free,#oprx-study-themenfinder,#oprx-study-startseite) .oprx-study__flow { display: grid; grid-template-columns: repeat(3,minmax(0,1fr)); gap: 13px; list-style: none; }
:is(#oprx-study-service,#oprx-study-free,#oprx-study-themenfinder,#oprx-study-startseite) .oprx-study__flow-step { position: relative; display: flex; flex-direction: column; align-items: flex-start; gap: 6px; min-width: 0; background: #fff; border: 1px solid #e6d8c8; border-radius: 9px; padding: 9px 7px; color: var(--oprx-study-ink); font-size: 10px; font-weight: 700; }
:is(#oprx-study-service,#oprx-study-free,#oprx-study-themenfinder,#oprx-study-startseite) .oprx-study__flow-step + .oprx-study__flow-step::before { content: '›'; position: absolute; top: 50%; left: -11px; transform: translateY(-50%); color: var(--oprx-study-emphasis); font-size: 20px; line-height: 1; font-weight: 400; }
:is(#oprx-study-service,#oprx-study-free,#oprx-study-themenfinder,#oprx-study-startseite) .oprx-study__flow-icon { display: grid; place-items: center; width: 23px; height: 23px; border-radius: 6px; background: #fff0dd; color: var(--oprx-study-emphasis); }
:is(#oprx-study-service,#oprx-study-free,#oprx-study-themenfinder,#oprx-study-startseite) .oprx-study__flow-line { display: block; width: 75%; height: 3px; background: #e7e8e9; border-radius: 3px; }
:is(#oprx-study-service,#oprx-study-free,#oprx-study-themenfinder,#oprx-study-startseite) .oprx-study__cover { display: none; }
:is(#oprx-study-service,#oprx-study-free,#oprx-study-themenfinder,#oprx-study-startseite) .oprx-study__sr { position: absolute; width: 1px; height: 1px; margin: -1px; padding: 0; overflow: hidden; clip: rect(0,0,0,0); white-space: nowrap; border: 0; }
/* Seitenspezifische Oberflaechen. Die bestehende Seitenschrift wird geerbt. */
#oprx-study-free { --oprx-study-border: #dee2e6; --oprx-study-soft: #f8f9fa; --oprx-study-radius: 20px; --oprx-study-button-radius: 12.8px; }
#oprx-study-free .oprx-study__card { border-left: 3px solid var(--oprx-study-orange); }
#oprx-study-free .oprx-study__note { background: #fdfdfd; }
#oprx-study-themenfinder { --oprx-study-soft: #fff8ee; }
#oprx-study-themenfinder .oprx-study__accent { display: block; }
#oprx-study-startseite { --oprx-study-radius: 12px; --oprx-study-button-radius: 9px; }
#oprx-study-startseite .oprx-study__main { background: linear-gradient(110deg,#fff9f1,#fff 60%); }
#oprx-study-startseite .oprx-study__actions { margin: 0; padding: 0 18px 18px; }
/* Abhaengig von der TATSAECHLICHEN Bausteinbreite, nicht nur vom Viewport. */
@container oprx-study (min-width: 600px) {
  :is(#oprx-study-service,#oprx-study-free,#oprx-study-themenfinder,#oprx-study-startseite) .oprx-study__copy { padding: 20px 24px; }
  :is(#oprx-study-service,#oprx-study-free,#oprx-study-themenfinder,#oprx-study-startseite) h2.oprx-study__title { font-size: 28px; }
  :is(#oprx-study-service,#oprx-study-free,#oprx-study-themenfinder,#oprx-study-startseite) .oprx-study__actions { flex-direction: row; flex-wrap: wrap; align-items: center; gap: 10px 14px; }
  :is(#oprx-study-service,#oprx-study-free,#oprx-study-themenfinder,#oprx-study-startseite) .oprx-study__meta { flex-direction: column; justify-content: flex-start; font-size: 11px; }
  :is(#oprx-study-service,#oprx-study-free,#oprx-study-themenfinder,#oprx-study-startseite) .oprx-study__meta span + span::before { content: none; }
  :is(#oprx-study-service,#oprx-study-free,#oprx-study-themenfinder,#oprx-study-startseite) .oprx-study__evidence { padding: 18px 24px; }
  :is(#oprx-study-service,#oprx-study-free,#oprx-study-themenfinder,#oprx-study-startseite) .oprx-study__chart-wrap { display: block; }
  :is(#oprx-study-service,#oprx-study-free,#oprx-study-themenfinder,#oprx-study-startseite) .oprx-study__mobile-rank { display: none; }
  :is(#oprx-study-service,#oprx-study-free,#oprx-study-themenfinder,#oprx-study-startseite) .oprx-study__testimonial { grid-template-columns: 58px minmax(0,1fr); gap: 14px; }
  :is(#oprx-study-service,#oprx-study-free,#oprx-study-themenfinder,#oprx-study-startseite) .oprx-study__portrait { width: 58px; height: 58px; }
  :is(#oprx-study-service,#oprx-study-free,#oprx-study-themenfinder,#oprx-study-startseite) .oprx-study__flow-step { font-size: 11px; padding: 10px 12px; }
  #oprx-study-startseite .oprx-study__main { grid-template-columns: 90px minmax(0,1fr); align-items: center; }
  #oprx-study-startseite .oprx-study__cover { display: block; grid-row: 1 / 3; padding: 14px 0 14px 20px; }
  #oprx-study-startseite .oprx-study__cover img { width: 68px; height: auto; border: 1px solid #e4dbce; transform: rotate(-5deg); box-shadow: 0 4px 12px #61432c1a; }
  #oprx-study-startseite .oprx-study__copy { padding: 18px 20px 10px; }
  #oprx-study-startseite .oprx-study__actions { padding: 0 20px 18px; }
}
@container oprx-study (min-width: 900px) {
  :is(#oprx-study-service,#oprx-study-free,#oprx-study-themenfinder,#oprx-study-startseite) .oprx-study__main { grid-template-columns: minmax(0,1.35fr) minmax(0,1fr); align-items: stretch; }
  :is(#oprx-study-service,#oprx-study-free,#oprx-study-themenfinder,#oprx-study-startseite) .oprx-study__evidence { border-top: 0; border-left: 1px solid var(--oprx-study-border); display: flex; flex-direction: column; justify-content: center; }
  :is(#oprx-study-service,#oprx-study-free,#oprx-study-themenfinder,#oprx-study-startseite) .oprx-study__description { font-size: 14px; }
  :is(#oprx-study-service,#oprx-study-free,#oprx-study-themenfinder,#oprx-study-startseite) h2.oprx-study__title { font-size: 29px; }
  :is(#oprx-study-service,#oprx-study-free,#oprx-study-themenfinder,#oprx-study-startseite) .oprx-study__intro { display: grid; grid-template-columns: minmax(0,1fr) 55px; align-items: center; gap: 14px; }
  :is(#oprx-study-service,#oprx-study-free,#oprx-study-themenfinder,#oprx-study-startseite) .oprx-study__portrait-aside { display: block; width: 55px; height: 55px; border-radius: 50%; object-fit: cover; }
  :is(#oprx-study-service,#oprx-study-free,#oprx-study-themenfinder,#oprx-study-startseite) .oprx-study__note { padding: 7px 24px; }
  :is(#oprx-study-service,#oprx-study-free,#oprx-study-themenfinder,#oprx-study-startseite) .oprx-study__quote { font-size: 15px; }
  #oprx-study-free .oprx-study__main { grid-template-columns: minmax(0,1.3fr) minmax(0,1fr); }
  #oprx-study-themenfinder .oprx-study__main { grid-template-columns: minmax(0,1.3fr) minmax(0,1fr); }
  #oprx-study-startseite .oprx-study__main { grid-template-columns: 97px minmax(0,1fr) 195px; align-items: center; }
  #oprx-study-startseite .oprx-study__cover { grid-row: auto; padding: 16px 0 16px 22px; }
  #oprx-study-startseite .oprx-study__cover img { width: 68px; }
  #oprx-study-startseite .oprx-study__copy { padding: 18px; }
  #oprx-study-startseite h2.oprx-study__title { font-size: 25px; }
  #oprx-study-startseite .oprx-study__description { font-size: 12px; }
  #oprx-study-startseite .oprx-study__actions { display: flex; flex-direction: column; padding: 18px 18px 18px 0; align-items: stretch; }
  #oprx-study-startseite .oprx-study__meta { text-align: center; }
}
@container oprx-study (min-width: 1180px) {
  :is(#oprx-study-service,#oprx-study-free,#oprx-study-themenfinder,#oprx-study-startseite) h2.oprx-study__title { font-size: 31px; }
  #oprx-study-startseite h2.oprx-study__title { font-size: 27px; }
}
/* Sicherer Fallback: Ohne Container Queries bleibt die gut lesbare Stapelansicht. */
@media (prefers-reduced-motion: reduce) { :is(#oprx-study-service,#oprx-study-free,#oprx-study-themenfinder,#oprx-study-startseite) a.oprx-study__cta { transition: none; } }
@media (forced-colors: active) { :is(#oprx-study-service,#oprx-study-free,#oprx-study-themenfinder,#oprx-study-startseite) .oprx-study__card, :is(#oprx-study-service,#oprx-study-free,#oprx-study-themenfinder,#oprx-study-startseite) a.oprx-study__cta { border: 1px solid CanvasText; } }