/* ocbf-site.css: Black Friday auf der Website (Band, Bar, Preismodul). Erzeugt von _website-bauen.py aus oclp.css,
   nicht von Hand ändern. Schriften liegen in /lp-assets/fonts/ (gleicher Ordner wie die Landingpage). */
@font-face { font-family: "OCLP Walsheim"; font-weight: 400; font-style: normal; font-display: swap; src: url("fonts/GT-Walsheim-Regular.woff2") format("woff2"); }
@font-face { font-family: "OCLP Walsheim"; font-weight: 500 600; font-style: normal; font-display: swap; src: url("fonts/GT-Walsheim-Medium.woff2") format("woff2"); }
@font-face { font-family: "OCLP Walsheim"; font-weight: 700 900; font-style: normal; font-display: swap; src: url("fonts/GT-Walsheim-Bold.woff2") format("woff2"); }
@font-face { font-family: "OCLP Anton"; font-weight: 400; font-style: normal; font-display: swap; src: url("fonts/Anton-Regular.woff2") format("woff2"); }
.oclp:not(#_o):not(#_o) {
  --oclp-ink: #000000;
  --oclp-paper: #FFFFFF;
  --oclp-mist: #F2F3F1;
  --oclp-line: #DFE1DE;
  --oclp-text-2: #3C3C3C;
  --oclp-text-3: #555555;
  --oclp-teal: #126A70;
  --oclp-teal-dk: #0C4F54;
  --oclp-teal-hell: #3FA3AA;  
  --oclp-red: #E32C04;
  --oclp-dark-2: #2A2A2A;

  --oclp-font: "OCLP Walsheim", "GT Walsheim", Arial, Helvetica, sans-serif;
  --oclp-font-anton: "OCLP Anton", "Anton", Impact, "Arial Narrow", sans-serif;

  --oclp-rand: 24px;
  --oclp-abstand: 84px;
}
.et_pb_section.oclp-divi:not(#_o):not(#_o) { padding: 0 !important; margin: 0 !important; background: transparent !important; }
.oclp-divi:not(#_o):not(#_o) .et_pb_row { width: 100% !important; max-width: none !important; margin: 0 !important; padding: 0 !important; }
.oclp-divi:not(#_o):not(#_o) .et_pb_column { width: 100% !important; margin: 0 !important; padding: 0 !important; }
.oclp-divi:not(#_o):not(#_o) .et_pb_module { margin: 0 !important; padding: 0 !important; }
.oclp:not(#_o):not(#_o) {
  display: block;
  margin: 0;
  padding: 0;
  font-family: var(--oclp-font) !important;
  font-size: 18px;
  font-weight: 400;
  line-height: 1.55;
  color: var(--oclp-ink);
  background: var(--oclp-paper);
  text-align: left;
  letter-spacing: normal;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  -webkit-text-size-adjust: 100%;
}
.oclp:not(#_o):not(#_o) *,
.oclp:not(#_o):not(#_o) *::before,
.oclp:not(#_o):not(#_o) *::after {
  box-sizing: border-box;
}
.oclp:not(#_o):not(#_o):not(#_o):not(#_o) { font-family: var(--oclp-font) !important; }
.oclp:not(#_o):not(#_o):not(#_o):not(#_o) * { font-family: inherit !important; }
.oclp:not(#_o):not(#_o):not(#_o):not(#_o) .ocbf-lock b,
.oclp:not(#_o):not(#_o):not(#_o):not(#_o) .oclp-schritt__nr,
.oclp:not(#_o):not(#_o):not(#_o):not(#_o) .ocbf-card__rate-big b,
.oclp:not(#_o):not(#_o):not(#_o):not(#_o) .oclp-bar__offer { font-family: var(--oclp-font-anton) !important; }
.oclp:not(#_o):not(#_o) li > br,
.oclp:not(#_o):not(#_o) ul > br,
.oclp:not(#_o):not(#_o) ol > br,
.oclp:not(#_o):not(#_o) div > br,
.oclp:not(#_o):not(#_o) figure > br,
.oclp:not(#_o):not(#_o) section > br,
.oclp:not(#_o):not(#_o) header > br,
.oclp:not(#_o):not(#_o) footer > br,
.oclp:not(#_o):not(#_o) aside > br,
.oclp:not(#_o):not(#_o) blockquote > br,
.oclp:not(#_o):not(#_o) details > br { display: none; }
.oclp:not(#_o):not(#_o) h1, .oclp:not(#_o):not(#_o) h2, .oclp:not(#_o):not(#_o) h3, .oclp:not(#_o):not(#_o) h4, .oclp:not(#_o):not(#_o) h5, .oclp:not(#_o):not(#_o) h6,
.oclp:not(#_o):not(#_o) p, .oclp:not(#_o):not(#_o) ul, .oclp:not(#_o):not(#_o) ol, .oclp:not(#_o):not(#_o) li, .oclp:not(#_o):not(#_o) dl, .oclp:not(#_o):not(#_o) dt, .oclp:not(#_o):not(#_o) dd,
.oclp:not(#_o):not(#_o) figure, .oclp:not(#_o):not(#_o) figcaption, .oclp:not(#_o):not(#_o) blockquote, .oclp:not(#_o):not(#_o) details, .oclp:not(#_o):not(#_o) summary {
  margin: 0;
  padding: 0;
  border: 0;
  font-family: inherit !important;
  font-style: normal;
  line-height: inherit;
  color: inherit;
  letter-spacing: inherit;
  text-transform: none;
  text-shadow: none;
}
.oclp:not(#_o):not(#_o) h1, .oclp:not(#_o):not(#_o) h2, .oclp:not(#_o):not(#_o) h3, .oclp:not(#_o):not(#_o) h4, .oclp:not(#_o):not(#_o) h5, .oclp:not(#_o):not(#_o) h6 {
  font-weight: 700;
  line-height: 1.15;
}
.oclp:not(#_o):not(#_o) p { font-size: inherit; line-height: inherit; }
.oclp:not(#_o):not(#_o) ul, .oclp:not(#_o):not(#_o) ol { list-style: none; }
.oclp:not(#_o):not(#_o) li { line-height: inherit; }
.oclp:not(#_o):not(#_o) li::before { content: none; }
.oclp:not(#_o):not(#_o) a {
  color: inherit;
  text-decoration: none;
  background: none;
  box-shadow: none;
  transition: none;
}
.oclp:not(#_o):not(#_o) strong, .oclp:not(#_o):not(#_o) b { font-weight: 700; color: inherit; }
.oclp:not(#_o):not(#_o) img, .oclp:not(#_o):not(#_o) svg, .oclp:not(#_o):not(#_o) video {
  display: block;
  max-width: 100%;
  border: 0;
  border-radius: 0;
  box-shadow: none;
}
.oclp:not(#_o):not(#_o) img { height: auto; }
.oclp:not(#_o):not(#_o) button {
  font: inherit;
  color: inherit;
  background: none;
  border: 0;
  border-radius: 0;
  margin: 0;
  padding: 0;
  cursor: pointer;
}
.oclp:not(#_o):not(#_o) .oclp-wrap {
  width: 100%;
  max-width: 1200px;
  margin: 0 auto;
  padding: 0 var(--oclp-rand);
}
.oclp.oclp-sek:not(#_o):not(#_o) {
  padding-top: var(--oclp-abstand);
  padding-bottom: var(--oclp-abstand);
}
.oclp.oclp--mist:not(#_o):not(#_o) { background: var(--oclp-mist); }
.oclp.oclp--ink:not(#_o):not(#_o) { background: var(--oclp-ink); color: var(--oclp-paper); }
.oclp:not(#_o):not(#_o) h1 {
  font-size: 56px;
  line-height: 1.05;
  letter-spacing: -0.02em;
}
.oclp:not(#_o):not(#_o) h2 {
  font-size: 40px;
  line-height: 1.12;
  letter-spacing: -0.015em;
}
.oclp.oclp--ink:not(#_o):not(#_o) h2 { font-size: 46px; }
.oclp.oclp--ink:not(#_o):not(#_o) .oclp-text { color: #C9C9C9; }
.oclp:not(#_o):not(#_o) .oclp-btn {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  height: 56px;
  padding: 0 32px;
  font-family: var(--oclp-font) !important;
  font-size: 17px;
  font-weight: 600;
  line-height: 1;
  white-space: nowrap;
  text-align: center;
  color: #FFFFFF;
  background: var(--oclp-teal);
  border: 0;
  border-radius: 0;
  cursor: pointer;
  transition: background-color .15s ease;
}
.oclp:not(#_o):not(#_o) .oclp-btn:hover,
.oclp:not(#_o):not(#_o) .oclp-btn:focus-visible {
  color: #FFFFFF;
  background: var(--oclp-teal-dk);
}
.oclp:not(#_o):not(#_o) .oclp-btn--klein {
  height: 44px;
  padding: 0 20px;
  font-size: 15px;
}
.oclp:not(#_o):not(#_o) .oclp-btn--rahmen {
  color: #FFFFFF;
  background: transparent;
  border: 1.5px solid #FFFFFF;
}
.oclp:not(#_o):not(#_o) .oclp-btn--rahmen:hover,
.oclp:not(#_o):not(#_o) .oclp-btn--rahmen:focus-visible {
  color: var(--oclp-ink);
  background: #FFFFFF;
}
.oclp:not(#_o):not(#_o) .oclp-btn-zeile {
  margin-top: 48px;
  text-align: center;
}
html:not(.oclp-ist-aktion):not(#_o):not(#_o) .ocbf-aktion { display: none !important; }
html.oclp-ist-aktion:not(#_o):not(#_o) .ocbf-regulaer { display: none !important; }
.oclp.oclp--mist:not(#_o):not(#_o) .oclp-ph { background: repeating-linear-gradient(-45deg, #FFFFFF 0 12px, #F7F8F6 12px 24px); }
.oclp.oclp--ink:not(#_o):not(#_o) .oclp-ph { color: #9A9A9A; background: var(--oclp-dark-2); border-color: #4A4A4A; }
.oclp:not(#_o):not(#_o) .ocbf-countdown { display: flex; gap: 8px; }
.oclp:not(#_o):not(#_o) .ocbf-countdown__teil {
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  min-width: 68px;
  padding: 12px 8px 10px;
  background: #141414;
  border: 1px solid #2E2E2E;
}
.oclp:not(#_o):not(#_o) .ocbf-countdown__teil b {
  font-size: 30px;
  font-weight: 700;
  line-height: 1;
  color: #FFFFFF;
  font-variant-numeric: tabular-nums;
}
.oclp:not(#_o):not(#_o) .ocbf-countdown__teil:last-child b { color: var(--oclp-red); }
.oclp:not(#_o):not(#_o) .ocbf-countdown__teil small {
  margin-top: 6px;
  font-size: 11px;
  font-weight: 500;
  line-height: 1;
  color: #9A9A9A;
}
.oclp:not(#_o):not(#_o) .ocbf-countdown__label { margin-bottom: 10px; font-size: 14px; font-weight: 600; color: #BDBDBD; }
.oclp:not(#_o):not(#_o) .ocbf-countdown--band .ocbf-countdown__teil { min-width: 52px; padding: 7px 6px 6px; }
.oclp:not(#_o):not(#_o) .ocbf-countdown--band .ocbf-countdown__teil b { font-size: 20px; }
.oclp:not(#_o):not(#_o) .ocbf-countdown--band .ocbf-countdown__teil small { margin-top: 4px; font-size: 10px; }
.oclp:not(#_o):not(#_o) .ocbf-countdown__label--mod { margin: 28px 0 10px; text-align: center; }
.oclp:not(#_o):not(#_o) .ocbf-countdown--mod { justify-content: center; }
.oclp:not(#_o):not(#_o) .oclp-angebotsband__frist { display: flex; align-items: center; gap: 14px; }
.oclp:not(#_o):not(#_o) .oclp-angebotsband__frist .ocbf-countdown__label { margin: 0; white-space: nowrap; }
.oclp:not(#_o):not(#_o) .ocbf-countdown--mod .ocbf-countdown__teil { min-width: 76px; }
.oclp:not(#_o):not(#_o) .ocbf-countdown--mod .ocbf-countdown__teil b { font-size: 34px; }
.oclp:not(#_o):not(#_o) .ocbf-countdown--kompakt { display: inline-flex; gap: 0; white-space: nowrap; }
.oclp:not(#_o):not(#_o) .ocbf-countdown--kompakt .ocbf-countdown__teil { display: inline; flex: none; min-width: 0; padding: 0; background: none; border: 0; }
.oclp:not(#_o):not(#_o) .ocbf-countdown--kompakt .ocbf-countdown__teil small { display: none; }
.oclp:not(#_o):not(#_o) .ocbf-countdown--kompakt .ocbf-countdown__teil b { font-size: inherit; color: #FFFFFF; }
.oclp:not(#_o):not(#_o) .ocbf-countdown--kompakt .ocbf-countdown__teil:last-child b { color: var(--oclp-red); }
.oclp:not(#_o):not(#_o) .ocbf-countdown--kompakt [data-cd="t"]::after { content: "\00a0T\00a0\00a0"; font-weight: 500; color: #B8B8B8; }
.oclp:not(#_o):not(#_o) .ocbf-countdown--kompakt [data-cd="m"]::before,
.oclp:not(#_o):not(#_o) .ocbf-countdown--kompakt [data-cd="s"]::before { content: ":"; color: #FFFFFF; }
.oclp:not(#_o):not(#_o) .ocbf-countdown--ohne-tage .ocbf-countdown__teil:first-child { display: none; }
.oclp:not(#_o):not(#_o) .oclp-bar__endet { margin-left: 8px; color: #B8B8B8; }
.oclp:not(#_o):not(#_o) .oclp-bar__endet .oclp-nur-gross { margin-right: 6px; }
.oclp.oclp-angebotsband.oclp--ink:not(#_o):not(#_o) { border-top: 3px solid var(--oclp-red); }
.oclp:not(#_o):not(#_o) .oclp-angebotsband__in {
  display: flex;
  align-items: center;
  gap: 24px;
  padding-top: 20px;
  padding-bottom: 20px;
}
.oclp:not(#_o):not(#_o) .ocbf-lock {
  display: inline-block;
  flex: none;
  padding: 4px 10px 3px;
  border: 1.5px solid var(--oclp-red);
}
.oclp:not(#_o):not(#_o) .ocbf-lock b {
  display: block;
  font-family: var(--oclp-font-anton) !important;
  font-size: 24px;
  font-weight: 400;
  line-height: 1;
  letter-spacing: .02em;
  white-space: nowrap;
  color: var(--oclp-red);
}
.oclp:not(#_o):not(#_o) .oclp-angebotsband__text {
  flex: 1;
  font-size: 17px;
  line-height: 1.45;
}
.oclp:not(#_o):not(#_o) .oclp-angebotsband__text span { color: #B8B8B8; }
.oclp:not(#_o):not(#_o) .oclp-angebotsband__text em { font-style: normal; color: var(--oclp-red); }
.oclp:not(#_o):not(#_o) .ocbf-mod {
  padding: 48px 32px 32px;
  text-align: center;
  color: #FFFFFF;
  background: var(--oclp-ink);
  border-top: 4px solid var(--oclp-red);
}
.oclp:not(#_o):not(#_o) .ocbf-mod .ocbf-lock { padding: 6px 16px 4px; }
.oclp:not(#_o):not(#_o) .ocbf-mod .ocbf-lock b { font-size: 46px; line-height: .9; }
.oclp:not(#_o):not(#_o) .ocbf-mod h2 { margin-top: 22px; font-size: 40px; }
.oclp:not(#_o):not(#_o) .ocbf-mod__sub { max-width: 600px; margin: 12px auto 0; font-size: 17px; line-height: 1.55; color: #BDBDBD; }
.oclp:not(#_o):not(#_o) .ocbf-cards {
  display: grid;
  grid-template-columns: repeat(3, minmax(0, 300px));
  justify-content: center;
  gap: 16px;
  margin-top: 36px;
}
.oclp:not(#_o):not(#_o) .ocbf-card {
  position: relative;
  padding: 26px 18px 22px;
  background: #141414;
  border: 1px solid #2E2E2E;
}
.oclp:not(#_o):not(#_o) .ocbf-card--hi { background: #1A0A06; border-color: var(--oclp-red); }
.oclp:not(#_o):not(#_o) .ocbf-tag {
  position: absolute;
  top: -12px;
  left: 50%;
  padding: 4px 12px;
  font-size: 12px;
  font-weight: 700;
  line-height: 1.3;
  white-space: nowrap;
  color: #FFFFFF;
  background: var(--oclp-red);
  transform: translateX(-50%);
}
.oclp:not(#_o):not(#_o) .ocbf-card__n { font-size: 16px; font-weight: 600; color: #FFFFFF; }
.oclp:not(#_o):not(#_o) .ocbf-card__ab { margin-top: 12px; font-size: 13px; color: #BDBDBD; }
.oclp:not(#_o):not(#_o) .ocbf-card__rate-big { display: flex; align-items: baseline; justify-content: center; gap: 8px; }
.oclp:not(#_o):not(#_o) .ocbf-card__rate-big b {
  font-family: var(--oclp-font-anton) !important;
  font-size: 50px;
  font-weight: 400;
  line-height: 1.05;
  white-space: nowrap;
  color: var(--oclp-red);
}
.oclp:not(#_o):not(#_o) .ocbf-card__rate-big span { font-size: 15px; font-weight: 600; }
.oclp:not(#_o):not(#_o) .ocbf-card__rate-old { margin-top: 4px; font-size: 13px; color: #9A9A9A; }
.oclp:not(#_o):not(#_o) .ocbf-card__save {
  display: inline-block;
  margin-top: 14px;
  padding: 5px 10px;
  font-size: 13px;
  font-weight: 600;
  color: #FFFFFF;
  background: #2A1109;
}
.oclp:not(#_o):not(#_o) .ocbf-card__once {
  margin-top: 16px;
  padding-top: 14px;
  font-size: 14px;
  color: #BDBDBD;
  border-top: 1px solid #2E2E2E;
}
.oclp:not(#_o):not(#_o) .ocbf-card__once s { color: #8A8A8A; }
.oclp:not(#_o):not(#_o) .ocbf-card__once strong { color: #FFFFFF; }
.oclp:not(#_o):not(#_o) .ocbf-card__inc { margin-top: 6px; font-size: 12.5px; line-height: 1.45; color: #9A9A9A; }
.oclp:not(#_o):not(#_o) .ocbf-card__inc b { font-weight: 600; color: #E6E6E6; }
.oclp:not(#_o):not(#_o) .oclp-btn.ocbf-btn { margin-top: 32px; background: var(--oclp-red); }
.oclp:not(#_o):not(#_o) .oclp-btn.ocbf-btn:hover,
.oclp:not(#_o):not(#_o) .oclp-btn.ocbf-btn:focus-visible { background: #B82403; }
.oclp:not(#_o):not(#_o) .ocbf-mod__micro { margin-top: 10px; font-size: 13px; color: #9A9A9A; }
.oclp:not(#_o):not(#_o) .ocbf-mod__legal { max-width: 760px; margin: 28px auto 0; font-size: 11.5px; line-height: 1.6; color: #7A7A7A; }
.oclp.oclp-bar:not(#_o):not(#_o) {
  position: fixed;
  left: 0;
  right: 0;
  bottom: 0;
  z-index: 9999;
  background: #FFFFFF;
  border-top: 1px solid var(--oclp-line);
  box-shadow: 0 -6px 20px rgba(0, 0, 0, .06);
}
html.oclp-bar-auto:not(#_o):not(#_o) .oclp.oclp-bar { transform: translateY(110%); transition: transform .3s ease; }
html.oclp-bar-auto:not(#_o):not(#_o) .oclp.oclp-bar.oclp-bar--an { transform: none; }
@media (prefers-reduced-motion: reduce) {
html.oclp-bar-auto:not(#_o):not(#_o) .oclp.oclp-bar { transition: none; }
}
.oclp.oclp-bar--bf:not(#_o):not(#_o) { color: #FFFFFF; background: var(--oclp-ink); border-top: 3px solid var(--oclp-red); box-shadow: none; }
.oclp:not(#_o):not(#_o) .oclp-bar__in { display: flex; align-items: center; gap: 20px; padding-top: 10px; padding-bottom: 10px; }
.oclp:not(#_o):not(#_o) .oclp-bar__text { flex: 1; font-size: 16px; line-height: 1.4; }
.oclp:not(#_o):not(#_o) .oclp-bar__text span { color: var(--oclp-text-3); }
.oclp.oclp-bar--bf:not(#_o):not(#_o) .oclp-bar__text span { color: #B8B8B8; }
.oclp.oclp-bar:not(#_o):not(#_o) .oclp-btn { height: 48px; padding: 0 24px; font-size: 16px; }
.oclp.oclp-bar:not(#_o):not(#_o) .oclp-btn.ocbf-btn { margin-top: 0; }
.oclp.oclp-bar:not(#_o):not(#_o) .ocbf-lock b { font-size: 20px; }
.oclp:not(#_o):not(#_o) .oclp-nur-klein { display: none; }
@media (max-width: 1023px) {
.oclp:not(#_o):not(#_o) { --oclp-abstand: 72px; }
.oclp:not(#_o):not(#_o) h1 { font-size: 46px; }
.oclp:not(#_o):not(#_o) .ocbf-cards { grid-template-columns: repeat(3, minmax(0, 1fr)); gap: 10px; }
.oclp:not(#_o):not(#_o) .ocbf-card { padding-left: 10px; padding-right: 10px; }
.oclp:not(#_o):not(#_o) .ocbf-card__once { font-size: 12.5px; }
.oclp:not(#_o):not(#_o) .ocbf-card__save { padding: 5px 8px; font-size: 12px; }
.oclp:not(#_o):not(#_o) .ocbf-card__rate-big b { font-size: 40px; }
}
@media (max-width: 860px) {
.oclp:not(#_o):not(#_o) .ocbf-cards { grid-template-columns: minmax(0, 420px); gap: 16px; }
.oclp:not(#_o):not(#_o) .ocbf-card { padding-left: 18px; padding-right: 18px; }
.oclp:not(#_o):not(#_o) .ocbf-card__once { font-size: 14px; }
.oclp:not(#_o):not(#_o) .ocbf-card__save { padding: 5px 10px; font-size: 13px; }
.oclp:not(#_o):not(#_o) .ocbf-card--hi { margin-top: 10px; }
}
@media (max-width: 767px) {
.oclp:not(#_o):not(#_o) {
    --oclp-rand: 16px;
    --oclp-abstand: 56px;
    font-size: 16px;
  }
.oclp:not(#_o):not(#_o) h1 { font-size: 36px; line-height: 1.08; }
.oclp:not(#_o):not(#_o) h2 { font-size: 28px; }
.oclp.oclp--ink:not(#_o):not(#_o) h2 { font-size: 30px; }
.oclp:not(#_o):not(#_o) .oclp-btn { display: flex; width: 100%; padding: 0 16px; }
.oclp:not(#_o):not(#_o) .oclp-btn--klein { display: inline-flex; width: auto; }
.oclp:not(#_o):not(#_o) .oclp-btn-zeile { margin-top: 40px; }
.oclp:not(#_o):not(#_o) .oclp-angebotsband__in { flex-wrap: wrap; gap: 12px 16px; padding-top: 16px; padding-bottom: 16px; }
.oclp:not(#_o):not(#_o) .ocbf-lock b { font-size: 18px; }
.oclp:not(#_o):not(#_o) .oclp-angebotsband__text { flex: 1 1 200px; font-size: 15px; }
.oclp:not(#_o):not(#_o) .oclp-angebotsband__frist { order: 3; flex: 1 1 100%; flex-direction: column; align-items: flex-start; gap: 8px; }
.oclp.oclp-angebotsband:not(#_o):not(#_o) .oclp-btn { order: 4; }
.oclp:not(#_o):not(#_o) .ocbf-countdown__teil { min-width: 0; flex: 1; }
.oclp:not(#_o):not(#_o) .ocbf-countdown { width: 100%; }
.oclp:not(#_o):not(#_o) .ocbf-countdown--kompakt { width: auto; }
.oclp:not(#_o):not(#_o) .ocbf-countdown__teil b { font-size: 26px; }
.oclp:not(#_o):not(#_o) .ocbf-countdown--mod .ocbf-countdown__teil b { font-size: 28px; }
.oclp.oclp-angebotsband:not(#_o):not(#_o) .oclp-btn { height: 48px; }
.oclp:not(#_o):not(#_o) .ocbf-mod { padding: 36px 16px 24px; margin: 0 calc(var(--oclp-rand) * -1); }
.oclp:not(#_o):not(#_o) .ocbf-mod .ocbf-lock b { font-size: 36px; }
.oclp:not(#_o):not(#_o) .ocbf-mod h2 { font-size: 26px; }
.oclp:not(#_o):not(#_o) .ocbf-mod__sub { font-size: 15px; }
.oclp:not(#_o):not(#_o) .ocbf-cards { grid-template-columns: minmax(0, 1fr); }
.oclp:not(#_o):not(#_o) .ocbf-card__rate-big b { font-size: 42px; }
.oclp:not(#_o):not(#_o) .oclp-btn.ocbf-btn { margin-top: 24px; }
.oclp:not(#_o):not(#_o) .oclp-bar__in { gap: 10px; padding-top: 8px; padding-bottom: 8px; }
.oclp:not(#_o):not(#_o) .oclp-bar__text { font-size: 14px; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; }
.oclp:not(#_o):not(#_o) .oclp-nur-gross { display: none; }
.oclp:not(#_o):not(#_o) .oclp-nur-klein { display: inline; }
.oclp.oclp-bar:not(#_o):not(#_o) .oclp-btn { width: auto; height: 42px; padding: 0 14px; font-size: 14px; }
.oclp.oclp-bar:not(#_o):not(#_o) .ocbf-lock { padding: 3px 6px 2px; }
.oclp.oclp-bar:not(#_o):not(#_o) .ocbf-lock b { font-size: 13px; }
.oclp.oclp-bar--bf:not(#_o):not(#_o) .oclp-bar__text { font-size: 13px; line-height: 1.3; white-space: normal; overflow: visible; }
.oclp.oclp-bar--bf:not(#_o):not(#_o) .oclp-bar__text strong { white-space: nowrap; }
.oclp.oclp-bar--bf:not(#_o):not(#_o) .oclp-bar__endet { display: block; margin-left: 0; }
.oclp.oclp-bar--bf:not(#_o):not(#_o) .oclp-bar__in { gap: 8px; }
.oclp.oclp-bar--bf:not(#_o):not(#_o) .oclp-btn { padding: 0 12px; font-size: 13.5px; }
.oclp:not(#_o):not(#_o) .oclp-btn-zeile { text-align: left; }
.oclp:not(#_o):not(#_o) .ocbf-mod { text-align: left; }
.oclp:not(#_o):not(#_o) .ocbf-mod__sub,
  .oclp:not(#_o):not(#_o) .ocbf-mod__legal { margin-left: 0; margin-right: 0; }
.oclp:not(#_o):not(#_o) .ocbf-countdown__label--mod { text-align: left; }
.oclp:not(#_o):not(#_o) .ocbf-countdown--mod { justify-content: flex-start; }
.oclp:not(#_o):not(#_o) .ocbf-card__rate-big { justify-content: flex-start; }
.oclp:not(#_o):not(#_o) .ocbf-tag { left: 14px; transform: none; }
}
.oclp.oclp-bar.ocbf-regulaer:not(#_o):not(#_o) .oclp-bar__text > span { margin-left: 6px; }
.oclp.oclp-bar:not(#_o):not(#_o) .oclp-bar__btn-lang { display: none; }
@media (min-width: 768px) {
.oclp:not(#_o):not(#_o) .oclp-bar__in { justify-content: center; gap: 24px; }
.oclp:not(#_o):not(#_o) .oclp-bar__text { flex: 0 1 auto; }
}
.oclp:not(#_o):not(#_o) .oclp-bar__in { padding-bottom: calc(10px + env(safe-area-inset-bottom, 0px)); }
@supports (-webkit-touch-callout: none) {
@media (max-width: 767px) {
.oclp:not(#_o):not(#_o) .oclp-bar__in { padding-bottom: calc(18px + env(safe-area-inset-bottom, 0px)); }
}
}
@media (max-width: 767px) {
.oclp.oclp-bar.ocbf-regulaer:not(#_o):not(#_o) .oclp-bar__text { display: none; }
.oclp.oclp-bar.ocbf-regulaer:not(#_o):not(#_o) .oclp-btn { width: 100%; height: 48px; font-size: 16px; }
.oclp.oclp-bar.ocbf-regulaer:not(#_o):not(#_o) .oclp-bar__btn-lang { display: inline; }
.oclp.oclp-bar.ocbf-regulaer:not(#_o):not(#_o) .oclp-bar__btn-kurz { display: none; }
}
@media (max-width: 767px) {
.oclp:not(#_o):not(#_o) .oclp-angebotsband__in { gap: 14px 16px; padding-top: 22px; padding-bottom: 24px; }
.oclp.oclp-angebotsband:not(#_o):not(#_o) .ocbf-lock b { font-size: 26px; }
.oclp:not(#_o):not(#_o) .oclp-angebotsband__text { flex: 1 1 100%; }
.oclp:not(#_o):not(#_o) .oclp-angebotsband__text strong { display: block; font-size: 34px; font-weight: 700; line-height: 1.1; letter-spacing: -0.015em; }
.oclp:not(#_o):not(#_o) .oclp-angebotsband__text span { display: block; margin-top: 6px; font-size: 16px; line-height: 1.45; }
.oclp:not(#_o):not(#_o) .oclp-angebotsband__frist { margin-top: 4px; }
.oclp.oclp-angebotsband:not(#_o):not(#_o) .oclp-btn { width: 100%; color: #FFFFFF; background: var(--oclp-red); border-color: var(--oclp-red); }
.oclp:not(#_o):not(#_o) .ocbf-countdown--kompakt .ocbf-countdown__teil { flex: none; }
.oclp:not(#_o):not(#_o) .ocbf-countdown--kompakt .ocbf-countdown__teil b { font-variant-numeric: normal; }
.oclp:not(#_o):not(#_o) .ocbf-countdown--kompakt [data-cd="m"]::before,
  .oclp:not(#_o):not(#_o) .ocbf-countdown--kompakt [data-cd="s"]::before { margin: 0 1px; }
.oclp:not(#_o):not(#_o) .ocbf-countdown--kompakt [data-cd="t"]::after { content: "\00a0T\00a0\00a0"; }
.oclp.oclp-bar--bf:not(#_o):not(#_o) .oclp-bar__in { display: grid; grid-template-columns: auto minmax(0, 1fr) auto; align-items: center; column-gap: 12px; }
.oclp.oclp-bar--bf:not(#_o):not(#_o) .oclp-bar__kopf { grid-column: 1; grid-row: 1; flex-direction: column; align-items: center; gap: 3px; padding: 5px 7px 4px; border: 1.5px solid var(--oclp-red); }
.oclp.oclp-bar--bf:not(#_o):not(#_o) .ocbf-lock { padding: 0; border: 0; }
.oclp.oclp-bar--bf:not(#_o):not(#_o) .ocbf-lock b { font-size: min(4.12vw, 15.9px); }
.oclp.oclp-bar--bf:not(#_o):not(#_o) .oclp-bar__offer { display: inline; font-size: min(4.4vw, 17px); }
.oclp.oclp-bar--bf:not(#_o):not(#_o) .oclp-bar__text { grid-column: 2; grid-row: 1; justify-self: center; font-size: min(4.05vw, 17px); line-height: 1.2; white-space: nowrap; }
.oclp.oclp-bar--bf:not(#_o):not(#_o) .oclp-bar__text strong { display: none; }
.oclp.oclp-bar--bf:not(#_o):not(#_o) .oclp-bar__endet { display: flex; flex-direction: column; align-items: center; gap: 2px; margin-left: 0; }
.oclp.oclp-bar--bf:not(#_o):not(#_o) .oclp-bar__endet .oclp-nur-gross { display: inline; margin-right: 0; font-size: 11px; font-weight: 500; color: #B8B8B8; }
.oclp.oclp-bar--bf:not(#_o):not(#_o) .ocbf-countdown--kompakt { font-weight: 700; }
.oclp.oclp-bar--bf:not(#_o):not(#_o) .oclp-btn { grid-column: 3; grid-row: 1; width: auto; height: 48px; padding: 0 min(2.9vw, 14px); font-size: min(3.85vw, 15px); }
}
.oclp:not(#_o):not(#_o) .oclp-bar__kopf { display: flex; flex: none; align-items: center; gap: 8px; }
.oclp:not(#_o):not(#_o) .oclp-bar__offer { display: none; font-size: 19px; font-weight: 400; line-height: 1; letter-spacing: .01em; white-space: nowrap; color: #FFFFFF; }
.oclp:not(#_o):not(#_o) .oclp-chf { font-size: .45em; letter-spacing: .02em; margin-right: .2em; }
.oclp:not(#_o):not(#_o) .oclp-betrag { font-weight: inherit; }

/* ---------- Nur Website ---------- */
/* Während der Aktion ausblenden: Sektionen oder Module mit dieser Klasse (z. B. der NEU-Streifen) */
html.oclp-ist-aktion:not(#_o):not(#_o) .ocbf-ausblenden { display: none !important; }
/* Preismodul: Sprungziel nicht unter dem festen Kopf verstecken */
#oclp-angebot:not(#_o):not(#_o), #ocbf-buchung:not(#_o):not(#_o) { scroll-margin-top: 150px; }

/* Band (Website): dieselbe Gestaltung wie die Sticky Bar (Janos 27.10.2026), aber oben im Seitenfluss statt fest am unteren Rand */
html .oclp.oclp-bar.ocbf-band:not(#_o):not(#_o) { position: relative !important; left: auto; right: auto; bottom: auto; z-index: 1; transform: none !important; transition: none; }
.oclp.ocbf-band:not(#_o):not(#_o) .oclp-bar__in { padding-top: 10px; padding-bottom: 10px; }

/* Bar braucht unten Platz, damit der Seitenfuß nicht dahinter verschwindet */
html.ocbf-site-bar:not(#_o):not(#_o) body { padding-bottom: 76px; }
/* Cookie-Symbol (Borlabs), Sprachwahl (Weglot) und Chat (Chaty) über die Bar heben, solange sie sichtbar ist */
html.ocbf-site-bar:not(#_o):not(#_o) .brlbs-cmpnt-widget, html.ocbf-site-bar:not(#_o):not(#_o) .chaty-widget, html.ocbf-site-bar:not(#_o):not(#_o) .country-selector.weglot-dropdown { transition: bottom .3s ease, transform .3s ease; }
html.ocbf-bar-an:not(#_o):not(#_o) .brlbs-cmpnt-widget, html.ocbf-bar-an:not(#_o):not(#_o) .chaty-widget { bottom: 84px !important; }
html.ocbf-bar-an:not(#_o):not(#_o) .country-selector.weglot-dropdown { transform: translateY(-76px); }