/* Anzeigen im Design von glp1-tracker.de – gemeinsam für Website und Admin-Vorschau */
.ad-slot{position:relative;margin:34px 0}
.ad-slot.ad-multi{display:grid;grid-template-columns:repeat(auto-fit,minmax(260px,1fr));gap:14px}
.ad{--ac:#6ee6d0;--ac2:#67bfff;position:relative;display:flex;gap:22px;align-items:stretch;overflow:hidden;border-radius:22px;border:1px solid rgba(129,198,220,.18);background:radial-gradient(520px circle at 100% 0%,color-mix(in srgb,var(--ac) 16%,transparent),transparent 60%),linear-gradient(160deg,rgba(21,33,55,.94),rgba(10,17,30,.96));color:#eef3f7;text-decoration:none;isolation:isolate;transition:transform .45s cubic-bezier(.16,1,.3,1),border-color .3s,box-shadow .4s}
.ad:before{content:"";position:absolute;inset:0;z-index:-1;border-radius:inherit;padding:1px;background:linear-gradient(120deg,color-mix(in srgb,var(--ac) 70%,transparent),transparent 40%,color-mix(in srgb,var(--ac2) 50%,transparent));-webkit-mask:linear-gradient(#000 0 0) content-box,linear-gradient(#000 0 0);-webkit-mask-composite:xor;mask-composite:exclude;opacity:.6;transition:opacity .3s}
.ad:hover{transform:translateY(-4px);box-shadow:0 22px 60px rgba(0,0,0,.4),0 0 40px color-mix(in srgb,var(--ac) 18%,transparent)}
.ad:hover:before{opacity:1}
.ad-mint{--ac:#6ee6d0;--ac2:#67bfff}.ad-violet{--ac:#a99cff;--ac2:#7c63f0}.ad-blue{--ac:#67bfff;--ac2:#5b8ef0}.ad-amber{--ac:#ffc777;--ac2:#ff9f7a}.ad-rose{--ac:#ff9fb0;--ac2:#d79bff}
.ad-media{flex:0 0 38%;max-width:420px;min-height:180px;overflow:hidden;background:rgba(5,10,18,.6)}
.ad-media img{display:block;width:100%;height:100%;object-fit:cover;transition:transform .8s cubic-bezier(.16,1,.3,1)}
.ad:hover .ad-media img{transform:scale(1.05)}
.ad-body{flex:1;display:flex;flex-direction:column;gap:8px;justify-content:center;padding:24px 26px 24px 0;min-width:0}
.ad-noimg .ad-body,.ad-f-card .ad-body{padding-left:26px}
.ad-top{display:flex;align-items:center;gap:10px;flex-wrap:wrap}
.ad-label{font-size:10.5px;font-weight:850;letter-spacing:.14em;text-transform:uppercase;padding:4px 9px;border-radius:999px;color:#04121a;background:var(--ac)}
.ad-sponsor{font-size:12.5px;font-weight:700;color:#93a6b8}
.ad-title{font-size:clamp(19px,1.8vw,24px);line-height:1.25;letter-spacing:-.02em;color:#fff}
.ad-text{font-size:15px;line-height:1.6;color:#c4d1dd}
.ad-cta{display:inline-flex;align-items:center;gap:8px;align-self:flex-start;margin-top:6px;padding:10px 16px;border-radius:12px;font-size:14px;font-weight:800;color:#04121a;background:linear-gradient(100deg,var(--ac),var(--ac2));transition:gap .3s}
.ad-cta i{font-style:normal}
.ad:hover .ad-cta{gap:12px}
.ad-f-card{flex-direction:column;gap:0}
.ad-f-card .ad-media{flex:none;max-width:none;height:180px;min-height:0}
.ad-f-card .ad-body{padding:22px}
.ad.ad-f-text{align-items:center;padding:14px 18px;border-radius:18px;gap:14px}
.ad.ad-f-text .ad-body{flex-direction:row;flex-wrap:wrap;align-items:center;gap:8px 16px;padding:0}
.ad.ad-f-text .ad-title{font-size:16px;flex:1 1 260px}
.ad.ad-f-text .ad-cta{margin:0;padding:8px 14px}
.ad.ad-f-text .ad-media{display:none}
.ad.pulse{animation:adPulse .4s ease}
@keyframes adPulse{50%{transform:scale(1.01)}}
@media(max-width:700px){.ad{flex-direction:column;gap:0}.ad-media{flex:none;max-width:none;height:170px;min-height:0}.ad-body{padding:20px!important}}
@media(prefers-reduced-motion:reduce){.ad,.ad-media img,.ad-cta{transition:none}.ad:hover{transform:none}}
@media print{.ad-slot{display:none}}