/* =====================================================================
   Kurs-Detailseiten – gemeinsame Landingpage-Stile
   (ergänzt style.css)
   ===================================================================== */

/* Bunte Kacheln – gilt für alle Kachel-Grids der Kursseiten */
.tiles .tile:not(.featured){border-top:5px solid var(--htt-blue);}
.tiles .tile:not(.featured) .ic{color:#fff;font-size:1.5rem;}
.tiles .tile:not(.featured) h3{color:var(--medium);}
.tiles .tile:not(.featured):nth-of-type(4n+1){background:linear-gradient(160deg,#fff,#e9f1fc);border-top-color:var(--htt-blue);}
.tiles .tile:not(.featured):nth-of-type(4n+1) .ic{background:var(--htt-blue);}
.tiles .tile:not(.featured):nth-of-type(4n+2){background:linear-gradient(160deg,#fff,#fef2e5);border-top-color:var(--saffron);}
.tiles .tile:not(.featured):nth-of-type(4n+2) .ic{background:var(--saffron);}
.tiles .tile:not(.featured):nth-of-type(4n+3){background:linear-gradient(160deg,#fff,#eaf0f8);border-top-color:var(--lapis);}
.tiles .tile:not(.featured):nth-of-type(4n+3) .ic{background:var(--lapis);}
.tiles .tile:not(.featured):nth-of-type(4n+4){background:linear-gradient(160deg,#fff,#fbeae5);border-top-color:var(--orange);}
.tiles .tile:not(.featured):nth-of-type(4n+4) .ic{background:var(--orange);}

/* Häkchen-Liste */
.info-list{list-style:none;margin:0;padding:0;}
.info-list li{position:relative;padding:10px 0 10px 34px;color:var(--gray);border-bottom:1px solid var(--eggshell);}
.info-list li:last-child{border-bottom:none;}
.info-list li::before{content:"✓";position:absolute;left:0;top:10px;width:22px;height:22px;border-radius:50%;background:var(--smoke);color:var(--htt-blue);font-weight:700;font-size:.8rem;display:flex;align-items:center;justify-content:center;}

/* Dozentin */
.doz{display:grid;grid-template-columns:300px 1fr;gap:40px;align-items:center;}
.doz img{width:100%;height:auto;border-radius:20px;box-shadow:0 18px 40px rgba(16,46,64,.18);}
@media(max-width:820px){
  .doz{grid-template-columns:1fr;}
  .doz img{max-width:280px;margin:0 auto;}
}

/* Hero mit Cover */
.course-hero{display:grid;grid-template-columns:1.3fr .82fr;gap:44px;align-items:center;}
.course-hero .ch-cover{display:flex;justify-content:center;}
.course-hero .ch-cover img{max-width:300px;width:100%;height:auto;}
@media(max-width:820px){
  .course-hero{grid-template-columns:1fr;gap:26px;}
  .course-hero .ch-cover{order:-1;}
  .course-hero .ch-cover img{max-width:210px;}
}

/* Video mit Cookie-Zustimmung */
.video-card{position:relative;max-width:860px;margin:0 auto;aspect-ratio:16/9;border-radius:20px;overflow:hidden;background:linear-gradient(150deg,var(--htt-blue),var(--medium));display:flex;align-items:center;justify-content:center;box-shadow:0 22px 50px rgba(16,46,64,.24);}
.video-card::after{content:"";position:absolute;inset:0;background:radial-gradient(circle at 50% 40%,rgba(243,146,55,.22),transparent 60%);}
.video-card .video-consent{position:relative;z-index:2;text-align:center;color:#fff;padding:24px;max-width:580px;}
.video-card .play{width:84px;height:84px;border-radius:50%;background:rgba(255,255,255,.95);display:flex;align-items:center;justify-content:center;margin:0 auto 14px;transition:transform .2s,background .2s;}
.video-card:hover .play{transform:scale(1.08);background:#fff;}
.video-card .play::before{content:"";margin-left:6px;border-style:solid;border-width:16px 0 16px 26px;border-color:transparent transparent transparent var(--htt-blue);}
.video-card .video-consent p{margin:0 0 16px;font-size:.98rem;line-height:1.5;text-shadow:0 1px 8px rgba(0,0,0,.35);}
.video-card .video-consent .consent-extra{margin-top:14px;font-size:.85rem;color:#eaf1fb;display:flex;gap:18px;justify-content:center;align-items:center;flex-wrap:wrap;}
.video-card .video-consent label{display:inline-flex;align-items:center;gap:6px;cursor:pointer;}
.video-card .video-consent a{color:#fff;text-decoration:underline;}
.video-card.loaded{background:#000;}
.video-card.loaded::after{display:none;}
.video-card iframe{position:absolute;inset:0;width:100%;height:100%;border:0;}