/* GartenDiagnose – lokale Awin-Banner (19.63) */
.gdcr-awin-side-layer{z-index:20;pointer-events:none}
.gdcr-awin-side-slot{display:none;position:var(--gdcr-awin-side-position,fixed);top:var(--gdcr-awin-side-top,140px);width:var(--gdcr-side-w,160px);z-index:20;pointer-events:auto}

/* JS-freier Fallback anhand der hinterlegten Inhaltsbreite. */
.gdcr-awin-side-slot--left{left:calc(50% - (var(--gdcr-awin-content-max,980px) / 2) - var(--gdcr-awin-side-gap,32px) - var(--gdcr-side-w,160px))}
.gdcr-awin-side-slot--right{right:calc(50% - (var(--gdcr-awin-content-max,980px) / 2) - var(--gdcr-awin-side-gap,32px) - var(--gdcr-side-w,160px))}

/* 19.58: Sobald die echte Contentkante einmal stabil ermittelt wurde, berechnet
   CSS die Bannerposition relativ zu genau diesen Kanten. JavaScript setzt nur
   --gdcr-awin-content-left/right und entscheidet, ob genug Rand vorhanden ist. */
html.gdcr-awin-content-anchored .gdcr-awin-side-slot--left{
  left:calc(var(--gdcr-awin-content-left) - var(--gdcr-awin-side-gap,32px) - var(--gdcr-side-w,160px));
  right:auto;
}
html.gdcr-awin-content-anchored .gdcr-awin-side-slot--right{
  left:calc(var(--gdcr-awin-content-right) + var(--gdcr-awin-side-gap,32px));
  right:auto;
}

.gdcr-awin-banner{display:flex;flex-direction:column;align-items:center;max-width:100%}
.gdcr-awin-banner__label{display:block;font-size:10px;line-height:1.2;color:#6b7280;margin:0 0 4px;text-align:center}
.gdcr-awin-banner__link{display:block;max-width:100%;text-decoration:none!important;border:0!important;box-shadow:none!important}
.gdcr-awin-banner__img{display:block;width:min(100%,calc(var(--gdcr-banner-w) * 1px));height:auto;aspect-ratio:var(--gdcr-banner-w) / var(--gdcr-banner-h);object-fit:contain;border:0}
.gdcr-awin-banner__img:not([src]){visibility:hidden}
.gdcr-awin-inline-slot{display:none;width:min(100%,var(--gdcr-inline-display-w,var(--gdcr-inline-w,300px)));aspect-ratio:var(--gdcr-inline-ratio,300 / 50);margin:18px auto 22px;align-items:flex-start;justify-content:center;overflow:visible}
.gdcr-awin-inline-slot .gdcr-awin-banner{width:100%}
.gdcr-awin-inline-slot .gdcr-awin-banner__link,.gdcr-awin-inline-slot .gdcr-awin-banner__img{width:100%;max-width:100%}
html.gdcr-awin-layout-sides .gdcr-awin-side-slot{display:block!important}
html.gdcr-awin-layout-sides .gdcr-awin-inline-slot{display:none!important}
html.gdcr-awin-layout-inline .gdcr-awin-side-slot{display:none!important}
html.gdcr-awin-layout-inline .gdcr-awin-inline-slot{display:flex!important}
@media (prefers-reduced-motion:reduce){.gdcr-awin-banner *{scroll-behavior:auto!important}}

/* Mobile bleibt bewusst bei der nativen Creative-Breite; Desktop darf im Admin moderat vergroessert werden. */
@media (max-width:767px){.gdcr-awin-inline-slot{width:min(100%,var(--gdcr-inline-w,300px))}}