/* Cosmo Planet Toolkit – Instagram-Feed [cp_instagram]
   Farben mit !important gegen Theme-/Kit-Überschreibungen geschützt. */
.cp-ig{--cp-ig-spalten:4;--cp-ig-pink:#D4007A;--cp-ig-nacht:#111641;width:100%;box-sizing:border-box}
.cp-ig *,.cp-ig *::before,.cp-ig *::after{box-sizing:border-box}
.cp-ig .cp-ig-raster{list-style:none!important;margin:0!important;padding:0!important;display:grid;grid-template-columns:repeat(var(--cp-ig-spalten),minmax(0,1fr));gap:16px}
.cp-ig .cp-ig-kachel{margin:0!important;padding:0!important;list-style:none!important}
.cp-ig .cp-ig-kachel::before{content:none!important}
.cp-ig .cp-ig-kachel a{position:relative;display:block;aspect-ratio:1/1;border-radius:20px;overflow:hidden;background:#E9EEF8;box-shadow:0 10px 26px rgba(17,22,65,.14);text-decoration:none!important;transform:translateZ(0);transition:transform .25s ease,box-shadow .25s ease}
.cp-ig .cp-ig-kachel img{position:absolute;inset:0;width:100%!important;height:100%!important;max-width:none!important;object-fit:cover;border-radius:0!important;margin:0!important;transition:transform .5s ease}
.cp-ig .cp-ig-kachel a:hover,.cp-ig .cp-ig-kachel a:focus-visible{transform:translateY(-4px);box-shadow:0 18px 36px rgba(17,22,65,.22)}
.cp-ig .cp-ig-kachel a:hover img,.cp-ig .cp-ig-kachel a:focus-visible img{transform:scale(1.06)}
.cp-ig .cp-ig-kachel a:focus-visible{outline:3px solid var(--cp-ig-pink)!important;outline-offset:3px}
.cp-ig .cp-ig-typ{position:absolute;top:10px;right:10px;width:30px;height:30px;border-radius:50%;background:rgba(17,22,65,.55);color:#fff!important;display:flex;align-items:center;justify-content:center;z-index:2}
.cp-ig .cp-ig-typ svg{width:16px;height:16px}
.cp-ig .cp-ig-overlay{position:absolute;inset:0;z-index:1;display:flex;flex-direction:column;justify-content:flex-end;gap:6px;padding:14px;color:#fff!important;background:linear-gradient(180deg,rgba(17,22,65,0) 35%,rgba(17,22,65,.88) 100%);opacity:0;transition:opacity .3s ease}
.cp-ig .cp-ig-kachel a:hover .cp-ig-overlay,.cp-ig .cp-ig-kachel a:focus-visible .cp-ig-overlay{opacity:1}
.cp-ig .cp-ig-overlay .cp-ig-logo{width:22px;height:22px;color:#fff}
.cp-ig .cp-ig-datum{font-size:12px;font-weight:800;letter-spacing:.02em;text-transform:uppercase;color:#FFD23F!important}
.cp-ig .cp-ig-text{font-size:13.5px;line-height:1.35;color:#fff!important;display:-webkit-box;-webkit-line-clamp:3;-webkit-box-orient:vertical;overflow:hidden}
.cp-ig .cp-ig-fuss{text-align:center;margin:22px 0 0!important}
.cp-ig .cp-ig-knopf{display:inline-flex;align-items:center;gap:10px;padding:12px 22px;border-radius:40px;background:linear-gradient(90deg,#F58529,#DD2A7B 45%,#8134AF)!important;color:#fff!important;font-weight:800;text-decoration:none!important;box-shadow:0 10px 24px rgba(221,42,123,.3)}
.cp-ig .cp-ig-knopf .cp-ig-logo{width:20px;height:20px}
/* Hinweis, solange noch keine Beiträge vorliegen */
.cp-ig-leer{display:flex;flex-direction:column;align-items:center;gap:10px}
.cp-ig .cp-ig-leer-karte{display:flex;align-items:center;gap:18px;max-width:640px;width:100%;padding:22px 26px;border-radius:24px;background:#fff!important;box-shadow:0 14px 34px rgba(17,22,65,.12);text-decoration:none!important;color:var(--cp-ig-nacht)!important;transition:transform .2s ease}
.cp-ig .cp-ig-leer-karte:hover{transform:translateY(-3px)}
.cp-ig .cp-ig-leer-ico{flex:0 0 64px;width:64px;height:64px;border-radius:20px;display:flex;align-items:center;justify-content:center;color:#fff!important;background:radial-gradient(circle at 30% 107%,#FDF497 0,#FDF497 5%,#FD5949 45%,#D6249F 60%,#285AEB 90%)}
.cp-ig .cp-ig-leer-ico .cp-ig-logo{width:34px;height:34px}
.cp-ig .cp-ig-leer-text{display:flex;flex-direction:column;gap:4px;font-size:16px;line-height:1.4;color:#40455E!important}
.cp-ig .cp-ig-leer-text strong{font-size:19px;color:var(--cp-ig-nacht)!important}
.cp-ig .cp-ig-admin{font-size:13px;color:#8A4A00!important;background:#FFF1DE;border-radius:10px;padding:6px 12px;margin:0!important}
@media (max-width:1024px){.cp-ig .cp-ig-raster{gap:12px}}
@media (max-width:767px){
  .cp-ig .cp-ig-raster{grid-template-columns:repeat(2,minmax(0,1fr));gap:10px}
  .cp-ig .cp-ig-kachel a{border-radius:14px}
  .cp-ig .cp-ig-overlay{display:none}
  .cp-ig .cp-ig-leer-karte{padding:16px;gap:14px}
  .cp-ig .cp-ig-leer-ico{flex-basis:52px;width:52px;height:52px;border-radius:16px}
}
@media (prefers-reduced-motion:reduce){.cp-ig .cp-ig-kachel a,.cp-ig .cp-ig-kachel img{transition:none!important}.cp-ig .cp-ig-kachel a:hover{transform:none}}