/* Frontend styles (v1 baseline) */
.htkic2-card{box-sizing:border-box;position:relative;overflow:hidden}
/* Ensure the frame (border) is always above media/content */
.htkic2-card::after{content:"";position:absolute;inset:0;pointer-events:none;border-radius:inherit;
  box-shadow:inset 0 0 0 var(--htkic2-bw,0px) var(--htkic2-bc,transparent);
  z-index:3}
.htkic2-inner{display:flex;flex-direction:column;box-sizing:border-box;position:relative;z-index:1}
.htkic2-media-box{position:relative}
.htkic2-card.is-clickable{cursor:pointer}
.htkic2-play{position:absolute;left:12px;bottom:12px;width:44px;height:44px;border-radius:999px;border:0;background:rgba(0,0,0,.6);color:#fff;cursor:pointer}
.htkic2-modal-backdrop{position:fixed;inset:0;background:rgba(0,0,0,.55);display:none;align-items:center;justify-content:center;z-index:99999}
.htkic2-modal-backdrop.is-open{display:flex}
.htkic2-modal{width:min(900px,92vw);max-height:86vh;overflow:auto;background:#fff;border-radius:12px;padding:16px;position:relative}
.htkic2-modal-head{display:flex;justify-content:space-between;align-items:center;gap:12px}
.htkic2-modal-close{border:0;background:transparent;font-size:26px;line-height:1;cursor:pointer;position:absolute;top:10px;z-index:5}
.htkic2-modal-body{margin-top:10px}
.htkic2-modal-media{margin:10px 0}
.htkic2-modal-media iframe,.htkic2-modal-media video{width:100%;height:min(60vh,520px);border:0}


/* Accordion (v1) */
.htkic2-acc-item{border-top:1px solid #eee;padding:8px 0}
.htkic2-acc-head{width:100%;text-align:left;border:0;background:transparent;font-weight:600;cursor:pointer;padding:8px 0}
.htkic2-acc-body{padding:6px 0 10px}

/* Inline Details (Accordion/Inline) */
.htkic2-inline-details{max-width:100%;margin:10px 0 18px;padding:14px 16px;border:1px solid #e5e5e5;border-radius:12px;background:#fff}


/* v1.2.5 layout helpers */
.htkic2-card.btnfull .htkic2-btn{display:block;width:100%;}
.htkic2-card.btnpos-bottom{display:flex;flex-direction:column;}
.htkic2-card.btnpos-bottom .htkic2-inner{flex:1;}
.htkic2-card.btnpos-bottom .htkic2-btnwrap{margin-top:auto;}
.htkic2-card.btnpos-bottom .htkic2-content{display:flex;flex-direction:column;flex:1;min-width:0;}
.htkic2-card.btnpos-bottom .htkic2-content .htkic2-btnwrap{margin-top:auto;}


/* Media overlay (Text auf Bild) */
.htkic2-media-overlay{position:absolute;z-index:2;font-size:var(--htkic2-ov-fs,22px);line-height:1.2}
@media (max-width:768px){.htkic2-media-overlay{font-size:var(--htkic2-ov-fs-m,16px)}}
