/*
 * AldeTalks – Strukturkarten Clean Authority V3.2
 *
 * Bereinigtes marktreifes Kartenlayout:
 * - Assets tragen die Teilschritte bereits.
 * - Doppelte Schrittlisten werden ausgeblendet.
 * - Karten werden ruhiger: Bild, Titel, Kurzbeschreibung, Einsatzbereich.
 * - „Beliebt bei“ bleibt unten bündig.
 * - PDF Master bleibt unangetastet.
 */

body .aldetalks-root .at-clean-authority-page{
  padding-top:clamp(4px,1vh,18px)!important;
  padding-bottom:56px!important;
}

body .aldetalks-root .at-clean-authority-page .at-back{
  margin-top:0!important;
  margin-bottom:clamp(7px,1.1vh,13px)!important;
}

body .aldetalks-root .at-clean-authority-hero{
  margin-top:0!important;
  margin-bottom:clamp(12px,1.75vh,21px)!important;
  padding-top:0!important;
  padding-bottom:0!important;
  min-height:0!important;
}

body .aldetalks-root .at-clean-authority-page-title{
  max-width:960px!important;
  margin-left:auto!important;
  margin-right:auto!important;
  font-size:clamp(2.34rem,3.5vw,3.95rem)!important;
  line-height:.9!important;
  letter-spacing:-.063em!important;
}

body .aldetalks-root .at-clean-authority-page-title + p,
body .aldetalks-root .at-clean-authority-hero p{
  margin-top:clamp(7px,1vh,11px)!important;
  margin-bottom:0!important;
  font-size:clamp(.98rem,1.02vw,1.12rem)!important;
  line-height:1.32!important;
}

body .aldetalks-root .at-clean-authority-grid{
  display:grid!important;
  grid-template-columns:repeat(3, minmax(0, 1fr))!important;
  gap:clamp(20px,2.15vw,30px)!important;
  align-items:stretch!important;
  margin-top:clamp(13px,1.85vh,22px)!important;
  max-width:1340px!important;
  margin-left:auto!important;
  margin-right:auto!important;
}

/* Kategorien und alte Schrittlisten raus */
body .aldetalks-root .at-clean-authority-category,
body .aldetalks-root .at-clean-authority-card ol,
body .aldetalks-root .at-clean-authority-card ul,
body .aldetalks-root .at-clean-authority-steps-hidden,
body .aldetalks-root .at-clean-authority-card .at-card-kicker,
body .aldetalks-root .at-clean-authority-card .at-card-category,
body .aldetalks-root .at-clean-authority-card .at-structure-category,
body .aldetalks-root .at-clean-authority-card .at-kicker{
  display:none!important;
}

/* Karte */
body .aldetalks-root .at-clean-authority-card{
  --at-frame-ratio:1.75;
  position:relative!important;
  display:flex!important;
  flex-direction:column!important;
  min-width:0!important;
  min-height:350px!important;
  border-radius:28px!important;
  overflow:hidden!important;
  background:rgba(255,250,241,.78)!important;
}

/* Bildbühne: Asset füllt Kopfbereich, keine zusätzliche Rahmenwatte */
body .aldetalks-root .at-clean-authority-card .at-clean-authority-preview,
body .aldetalks-root .at-clean-authority-card .at-card-canvas-preview,
body .aldetalks-root .at-clean-authority-card .at-structure-preview,
body .aldetalks-root .at-clean-authority-card .at-card-visual,
body .aldetalks-root .at-clean-authority-card .at-structure-card-visual{
  --at-frame-ratio:inherit;
  position:relative!important;
  flex:0 0 auto!important;
  width:100%!important;
  height:auto!important;
  min-height:0!important;
  max-height:none!important;
  aspect-ratio:var(--at-frame-ratio)!important;
  display:block!important;
  padding:0!important;
  margin:0!important;
  border-bottom:1px solid rgba(184,138,61,.16)!important;
  overflow:hidden!important;
  z-index:1!important;
  background:rgba(255,250,241,.28)!important;
}

body .aldetalks-root .at-clean-authority-bg-panel{
  display:block!important;
  width:100%!important;
  height:100%!important;
  border-radius:0!important;
  background-image:var(--at-panel-image)!important;
  background-repeat:no-repeat!important;
  background-position:center center!important;
  background-size:100% 100%!important;
  background-color:transparent!important;
  box-shadow:none!important;
}

body .aldetalks-root .at-clean-authority-bg-panel-aida{
  background-size:100% 100%!important;
  background-position:center center!important;
}

/* Kartenkörper */
body .aldetalks-root .at-clean-authority-card .at-card-body,
body .aldetalks-root .at-clean-authority-card .at-clean-authority-body{
  display:flex!important;
  flex-direction:column!important;
  flex:1 1 auto!important;
  padding-top:clamp(14px,1.2vh,18px)!important;
  padding-bottom:clamp(14px,1.2vh,18px)!important;
  min-height:0!important;
}

body .aldetalks-root .at-clean-authority-main{
  display:flex!important;
  flex-direction:column!important;
  flex:1 1 auto!important;
  min-height:0!important;
}

body .aldetalks-root .at-clean-authority-card .at-clean-authority-title,
body .aldetalks-root .at-clean-authority-card h2,
body .aldetalks-root .at-clean-authority-card h3{
  clear:both!important;
  margin-top:0!important;
  margin-bottom:clamp(8px,.9vh,12px)!important;
  padding-top:0!important;
  font-size:clamp(1.68rem,1.58vw,1.95rem)!important;
  line-height:1.02!important;
  letter-spacing:-.034em!important;
  color:#08254c!important;
}

body .aldetalks-root .at-clean-authority-card .at-clean-authority-description,
body .aldetalks-root .at-clean-authority-card p{
  font-size:clamp(.9rem,.78vw,.98rem)!important;
  line-height:1.36!important;
  margin-top:0!important;
  margin-bottom:0!important;
  max-width:95%!important;
}

/* Footer unten, aber eleganter und weniger laut */
body .aldetalks-root .at-clean-authority-popular,
body .aldetalks-root .at-clean-authority-card .at-popular{
  margin-top:auto!important;
  padding-top:14px!important;
  font-size:clamp(.62rem,.56vw,.72rem)!important;
  line-height:1.18!important;
  letter-spacing:.045em!important;
  color:rgba(150,104,26,.64)!important;
}


/* Auswahlkreis analog zu den Verstärker-Karten */
body .aldetalks-root .at-clean-authority-card{
  position:relative!important;
}

body .aldetalks-root .at-clean-authority-preview{
  position:relative!important;
}

body .aldetalks-root .at-clean-authority-choice-dot{
  position:absolute!important;
  top:12px!important;
  right:12px!important;
  width:24px!important;
  height:24px!important;
  border-radius:999px!important;
  background:linear-gradient(180deg,#ffffff 0%, #f3f0ea 100%)!important;
  border:2px solid rgba(175,168,157,.92)!important;
  box-shadow:0 2px 8px rgba(12,31,58,.16), inset 0 1px 0 rgba(255,255,255,.95)!important;
  z-index:6!important;
  pointer-events:none!important;
}

body .aldetalks-root .at-clean-authority-choice-dot::after{
  content:"";
  position:absolute!important;
  inset:5px!important;
  border-radius:999px!important;
  background:transparent!important;
  transform:scale(.72)!important;
  opacity:0!important;
  transition:opacity .18s ease, transform .18s ease, background-color .18s ease!important;
}

body .aldetalks-root .at-clean-authority-card.at-clean-authority-selected .at-clean-authority-choice-dot{
  border-color:#b99652!important;
  box-shadow:0 2px 9px rgba(12,31,58,.18), 0 0 0 2px rgba(185,150,82,.12)!important;
}

body .aldetalks-root .at-clean-authority-card.at-clean-authority-selected .at-clean-authority-choice-dot::after{
  opacity:1!important;
  transform:scale(1)!important;
  background:#0f2f5c!important;
}

body .aldetalks-root .at-clean-authority-card.at-clean-authority-selected{
  box-shadow:0 20px 42px rgba(15,47,92,.10)!important;
}

/* Notebook */
@media (min-width:1100px) and (max-height:860px){
  body .aldetalks-root .at-clean-authority-page-title{
    font-size:clamp(2.22rem,3.34vw,3.74rem)!important;
  }

  body .aldetalks-root .at-clean-authority-grid{
    gap:clamp(17px,1.7vw,24px)!important;
    margin-top:12px!important;
  }

  body .aldetalks-root .at-clean-authority-card{
    min-height:335px!important;
  }

  body .aldetalks-root .at-clean-authority-card .at-card-body,
  body .aldetalks-root .at-clean-authority-card .at-clean-authority-body{
    padding-top:12px!important;
    padding-bottom:12px!important;
  }
}

@media (min-width:1500px){
  body .aldetalks-root .at-clean-authority-card{
    min-height:365px!important;
  }
}

@media (max-width:1050px){
  body .aldetalks-root .at-clean-authority-grid{
    grid-template-columns:repeat(2, minmax(0, 1fr))!important;
  }
}

@media (max-width:680px){
  body .aldetalks-root .at-clean-authority-grid{
    grid-template-columns:1fr!important;
  }

  body .aldetalks-root .at-clean-authority-page-title{
    font-size:clamp(2.55rem,10vw,4.15rem)!important;
  }
}