/* Office-Entdecker: protected, context-sensitive live-feed cards; isolated styling. */
.oe-contextual{box-sizing:border-box;clear:both;width:min(1180px,calc(100% - 48px));max-width:1180px;margin:56px auto 76px;font-family:'Segoe UI',Arial,sans-serif;color:#25443a}
.oe-contextual *, .oe-contextual *::before,.oe-contextual *::after{box-sizing:border-box}
.oe-contextual__head{display:flex;align-items:flex-end;justify-content:space-between;margin-bottom:22px;gap:18px}
.oe-contextual__eyebrow{margin:0 0 8px!important;color:#a95636;font:700 11px/1.4 Arial,sans-serif;letter-spacing:.17em;text-transform:uppercase}
.oe-contextual__head h2{font-family:var(--oe-display,var(--serif,'Cormorant Garamond','Bodoni MT','Didot',Georgia,serif));font-size:clamp(26px,3.1vw,40px);font-weight:400;line-height:1.17;letter-spacing:-.035em;margin:0 0 12px;color:#264638}
.oe-contextual__head p:not(.oe-contextual__eyebrow){font:400 15px/1.65 'Segoe UI',Arial,sans-serif;max-width:760px;color:#64766a;margin:0}
.oe-contextual__grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:18px}
.oe-contextual-card{min-width:0;border:1px solid #e2e6dd;border-radius:18px;overflow:hidden;background:#fffcf8;display:flex;flex-direction:column;box-shadow:0 3px 14px rgba(44,68,55,.035)}
.oe-contextual-card__image{display:flex;align-items:center;justify-content:center;background:#f6f4ef;aspect-ratio:1.38;min-height:165px;overflow:hidden;text-decoration:none}
.oe-contextual-card__image img{width:100%;height:100%;object-fit:contain;display:block;padding:9px}
.oe-contextual-card__noimage,.oe-contextual-card__image-error::after{content:'Bild derzeit nicht verfügbar';padding:16px;color:#777e75;text-align:center;font:400 13px/1.4 'Segoe UI',Arial,sans-serif}
.oe-contextual-card__image-error img{display:none!important}
.oe-contextual-card__copy{padding:19px 18px 20px;display:flex;flex-direction:column;flex:1;min-height:240px}
.oe-contextual-card__brand{display:block;font:600 11px/1.4 'Segoe UI',Arial,sans-serif;letter-spacing:.015em;color:#a4573e;margin-bottom:7px}
.oe-contextual-card h3{font:400 21px/1.25 'Cormorant Garamond','Bodoni MT','Didot',Georgia,serif;letter-spacing:-.025em;color:#264638;margin:0 0 11px}
.oe-contextual-card h3 a{color:inherit!important;text-decoration:none!important}
.oe-contextual-card h3 a:hover{text-decoration:underline!important;text-underline-offset:3px}
.oe-contextual-card__copy>p{font:400 13px/1.6 'Segoe UI',Arial,sans-serif;color:#586a5d;margin:0 0 19px;display:-webkit-box;-webkit-line-clamp:3;-webkit-box-orient:vertical;overflow:hidden}
.oe-contextual-card__bottom{margin-top:auto;display:flex;flex-direction:column;gap:13px}
.oe-contextual-card__price{font:500 18px/1.2 'Segoe UI',Arial,sans-serif;color:#28493b}
.oe-contextual-card__price small{font:400 11px/1.4 'Segoe UI',Arial,sans-serif;color:#7b847d;display:block;margin-top:4px}
.oe-contextual a.oe-contextual-card__cta{font:550 15px/1.2 'Segoe UI',Arial,sans-serif;display:inline-flex;align-items:center;justify-content:center;gap:10px;border-radius:999px;background:#2e5643!important;color:#fff!important;min-height:48px;padding:11px 16px;text-decoration:none!important;box-shadow:none;letter-spacing:0;transition:background .18s ease}
.oe-contextual a.oe-contextual-card__cta:hover{background:#214333!important}
.oe-contextual a:focus-visible{outline:3px solid #a85639;outline-offset:3px}
.oe-contextual-card__cta svg{width:16px;height:16px;flex:none}
.oe-contextual__foot{font:400 12px/1.5 'Segoe UI',Arial,sans-serif;color:#758277;margin:18px 0 0!important}
/* In an existing editorial section, align to its parent width and don't add double outer gutters. */
.oe-page-container>.oe-contextual,.oe-story-container>.oe-contextual{width:100%;max-width:100%;margin:28px 0 70px}
@media(max-width:1080px){.oe-contextual__grid{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media(max-width:600px){.oe-contextual{width:calc(100% - 36px);margin:40px auto 60px}.oe-contextual__grid{grid-template-columns:minmax(0,1fr);gap:15px}.oe-contextual-card{display:grid;grid-template-columns:minmax(0,38%) minmax(0,62%)}.oe-contextual-card__image{min-height:0;aspect-ratio:auto;height:100%;align-items:flex-start}.oe-contextual-card__image img{height:auto;max-height:250px;object-fit:contain}.oe-contextual-card__copy{min-height:0;padding:17px 15px}.oe-contextual-card h3{font-size:19px}.oe-contextual-card__copy>p{display:none}.oe-contextual-card__price{font-size:16px}.oe-contextual a.oe-contextual-card__cta{font-size:13px;min-height:44px;padding:9px 11px;gap:4px}.oe-contextual-card__cta svg{width:14px;height:14px}}
@media(max-width:375px){.oe-contextual-card{grid-template-columns:1fr}.oe-contextual-card__image{aspect-ratio:1.6}.oe-contextual-card__copy>p{display:-webkit-box}}
/* Narrow reading columns must not squeeze four cards into the Ratgeber copy width. */
.oe-page-article__prose .oe-contextual{width:100%;max-width:100%;margin:34px 0 58px}
.oe-page-article__prose .oe-contextual__grid{grid-template-columns:repeat(2,minmax(0,1fr))}
@media(max-width:650px){.oe-page-article__prose .oe-contextual__grid{grid-template-columns:minmax(0,1fr)}}

/* Respect narrow editorial story and responsive catalog columns. */
.oe-story-content .oe-contextual,.oe-story-body .oe-contextual,.oe-story-article .oe-contextual{width:100%;max-width:1180px;margin:36px auto 64px}
.oe-context-catalog-extension .product-grid{min-width:0}
@media(max-width:600px){.oe-contextual__head h2{font-size:28px}.oe-contextual-card__brand{letter-spacing:.01em}}


/* Next consolidated release: quiet catalog-card details, preserving the approved home editorial setting. */
.oe-contextual-card__brand{font:700 11px/1.4 Arial,sans-serif;letter-spacing:.12em;text-transform:uppercase;color:#a95636}
.oe-contextual-card__bottom{flex-direction:row;align-items:end;justify-content:space-between;gap:8px;padding-top:13px;border-top:1px solid #e6e8e0;flex-wrap:wrap}
.oe-contextual-card__price{font:500 17px/1.3 'Segoe UI',Arial,sans-serif;letter-spacing:-.015em;white-space:nowrap}
.oe-contextual a.oe-contextual-card__cta,.oe-contextual a.oe-contextual-card__cta:hover{font:600 12px/1.3 'Segoe UI',Arial,sans-serif;display:inline-flex;flex:0 0 auto;align-items:center;justify-content:flex-start;gap:5px;min-height:0;width:auto;padding:3px 0;border:0!important;border-radius:0;background:transparent!important;box-shadow:none!important;color:#2e5643!important;text-decoration:underline!important;text-decoration-color:transparent!important;text-underline-offset:3px;transition:text-decoration-color .16s}
.oe-contextual a.oe-contextual-card__cta:hover{text-decoration-color:currentColor!important}
.oe-contextual-card__cta svg{width:14px;height:14px}
.oe-contextual__navigation{display:flex;justify-content:center;margin:26px auto 0}
.oe-contextual a.oe-contextual__browse{display:inline-flex;align-items:center;justify-content:center;gap:10px;text-align:center;border:1px solid #b9c8ba;border-radius:999px;padding:11px 20px;background:#f8faf5;color:#2e5643!important;font:600 13px/1.45 'Segoe UI',Arial,sans-serif;text-decoration:none!important;transition:background .18s,border-color .18s}
.oe-contextual a.oe-contextual__browse:hover{background:#e9f0e7;border-color:#88a18d}
.oe-contextual__browse svg{width:16px;height:16px;flex:none}
.oe-contextual__foot{text-align:center;margin:12px 0 0!important}
@media(max-width:600px){.oe-contextual-card__bottom{align-items:end;gap:7px}.oe-contextual-card__price{font-size:16px}.oe-contextual a.oe-contextual-card__cta{font-size:12px;min-height:0;padding:3px 0;gap:4px}.oe-contextual__navigation{margin-top:23px}.oe-contextual a.oe-contextual__browse{font-size:12px;padding:10px 15px}}

/* v0.11.98.63 – Homepage-only correction: the general home editorial
 * image rule uses object-fit: cover and is more specific than the context
 * card's object-fit: contain. Restore intact product imagery without
 * changing the deliberate cropping of editorial/hero photographs. */
.oe-office-preview .oe-home-content .oe-contextual-card__image img {
  object-fit: contain;
  object-position: center;
}
@media (max-width: 600px) {
  /* Keep the contextual card's mobile intrinsic-height behavior ahead of
   * .oe-office-preview .oe-home-content img { height: 100% }. */
  .oe-office-preview .oe-home-content .oe-contextual-card__image img {
    height: auto;
    max-height: 250px;
    object-fit: contain;
  }
}


/* Full site presentation: one unobtrusive status marker, no admin actions in cards. */
.oe-gesamtansicht-note{position:fixed;right:16px;bottom:16px;z-index:99990;
  padding:7px 12px;border:1px solid #d8ded6;border-radius:999px;
  background:rgba(250,248,245,.97);box-shadow:0 4px 22px rgba(24,47,37,.12);
  color:#25443a;font:600 11px/1.45 Arial,sans-serif;letter-spacing:.015em}
.oe-gesamtansicht-note span{font-weight:400;color:#64766a}
@media(max-width:600px){.oe-gesamtansicht-note{right:8px;bottom:8px;padding:5px 8px;font-size:10px}}

/* v0.11.98.79 – automatic blocks on standard WordPress editorial pages.
 * Use available column width, not viewport width; leave the established
 * native OE homepage/category/story card geometry unchanged. */
.oe-contextual--auto .oe-contextual__grid{
  grid-template-columns:repeat(auto-fit,minmax(min(100%,245px),1fr));
}
.oe-contextual--auto .oe-contextual-card__image img{
  object-fit:contain;object-position:center;
}

/* OE 0.11.98.80: quiet consistent card heights; complete title remains in
 * anchor text and hover title, never removed from the document. */
.oe-contextual-card h3 a{display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:3;line-clamp:3;overflow:hidden;overflow-wrap:anywhere}
@media(max-width:600px){.oe-contextual-card h3 a{-webkit-line-clamp:4;line-clamp:4}}