/* Taschen-Entdecker Editorial Components – v0.12.2 (Legacy + shared)
   Direkte Ableitung aus dem Projekt-Goldstandard. Keine zweite Editorial-CI. */

.te-ee-structured-visual{
    width:100%;
    max-width:740px;
    margin:clamp(48px,5vw,68px) auto;
    padding:0;
    border:0;
    background:transparent;
    color:var(--te-text,#6B6560);
    font-family:Manrope,sans-serif;
    --te-ee-card-height:176px;
    --te-ee-process-height:194px
}
.te-ee-structured-visual.te-ee-sv-density-compact{
    --te-ee-card-height:154px;
    --te-ee-process-height:172px
}
.te-ee-structured-visual.te-ee-sv-density-expanded{
    --te-ee-card-height:214px;
    --te-ee-process-height:232px
}
.te-ee-sv-head{
    max-width:740px;
    margin:0 auto 24px;
    text-align:center
}
.te-ee-sv-head h2{
    margin:0!important;
    color:var(--te-anthracite,#2C2A29)!important;
    font-family:"Playfair Display",serif!important;
    font-size:clamp(28px,2.6vw,36px)!important;
    font-weight:600!important;
    line-height:1.18!important;
    letter-spacing:-.01em!important
}
.te-ee-sv-head p{
    max-width:680px;
    margin:12px auto 0!important;
    color:var(--te-text,#6B6560)!important;
    font-family:Manrope,sans-serif!important;
    font-size:14.5px!important;
    line-height:1.7!important
}

.te-ee-sv-grid{
    display:grid;
    grid-template-columns:repeat(2,minmax(0,1fr));
    gap:14px;
    align-items:stretch;
    grid-auto-rows:var(--te-ee-card-height)
}
.te-ee-sv-grid.te-ee-sv-comparison{grid-template-columns:repeat(2,minmax(0,1fr))}
.te-ee-sv-card,
.te-ee-sv-fact{
    position:relative;
    min-width:0;
    min-height:var(--te-ee-card-height)!important;
    height:var(--te-ee-card-height)!important;
    align-self:stretch!important;
    display:flex!important;
    flex-direction:column!important;
    justify-content:flex-start!important;
    align-items:flex-start!important;
    padding:17px 17px 16px;
    background:var(--te-cream,#FAF8F5);
    border:1px solid var(--te-border,#E5DED8);
    border-radius:var(--te-radius,5px);
    box-sizing:border-box;
    overflow:hidden
}
.te-ee-sv-card:before,
.te-ee-sv-fact:before{
    content:"";
    position:absolute;
    left:0;
    top:15px;
    bottom:15px;
    width:2px;
    background:var(--te-bordeaux,#8B4A5A)
}
.te-ee-sv-card>div,
.te-ee-sv-fact>div,
.te-ee-sv-process li>div{width:100%!important;align-self:flex-start!important}
.te-ee-reader-content .te-ee-structured-visual h3{
    width:100%!important;
    max-width:none!important;
    margin:0 0 9px!important;
    color:var(--te-anthracite,#2C2A29)!important;
    font-family:"Playfair Display",serif!important;
    font-size:26px!important;
    font-weight:600!important;
    line-height:1.18!important;
    letter-spacing:-.01em!important;
    display:-webkit-box!important;
    -webkit-box-orient:vertical;
    -webkit-line-clamp:2;
    overflow:hidden
}
.te-ee-reader-content .te-ee-structured-visual article>p,
.te-ee-reader-content .te-ee-structured-visual li p{
    margin:0!important;
    color:var(--te-text,#6B6560)!important;
    font-family:Manrope,sans-serif!important;
    font-size:14.5px!important;
    font-weight:400!important;
    line-height:1.55!important;
    display:-webkit-box!important;
    -webkit-box-orient:vertical;
    overflow:hidden
}
.te-ee-reader-content .te-ee-structured-visual .te-ee-sv-body--3lines{-webkit-line-clamp:3}
.te-ee-reader-content .te-ee-structured-visual .te-ee-sv-body--4lines{-webkit-line-clamp:4}
.te-ee-reader-content .te-ee-structured-visual .te-ee-sv-body--2lines{-webkit-line-clamp:2}
.te-ee-reader-content .te-ee-structured-visual .te-ee-sv-body--free{display:block!important;overflow:visible;-webkit-line-clamp:unset}

.te-ee-sv-process{
    list-style:none!important;
    margin:0!important;
    padding:0!important;
    display:grid;
    grid-template-columns:repeat(2,minmax(0,1fr));
    gap:14px;
    align-items:stretch;
    grid-auto-rows:var(--te-ee-process-height)
}
.te-ee-sv-process li{
    position:relative;
    min-height:var(--te-ee-process-height)!important;
    height:var(--te-ee-process-height)!important;
    align-self:stretch!important;
    display:flex!important;
    flex-direction:column!important;
    justify-content:flex-start!important;
    align-items:flex-start!important;
    padding:17px 17px 16px;
    background:var(--te-cream,#FAF8F5);
    border:1px solid var(--te-border,#E5DED8);
    border-left:2px solid var(--te-bordeaux,#8B4A5A);
    border-radius:var(--te-radius,5px);
    box-sizing:border-box;
    overflow:hidden
}
.te-ee-sv-process li:before{display:none}
.te-ee-sv-marker{display:none}

.te-ee-sv-checklist{
    list-style:none!important;
    margin:0!important;
    padding:0!important;
    border-top:1px solid var(--te-border,#E5DED8)
}
.te-ee-sv-checklist li{
    display:grid;
    grid-template-columns:28px minmax(0,1fr);
    gap:13px;
    align-items:start;
    padding:17px 0;
    border-bottom:1px solid var(--te-border,#E5DED8)
}
.te-ee-sv-check{
    display:flex;
    align-items:center;
    justify-content:center;
    width:24px;
    height:24px;
    margin-top:1px;
    border:1px solid var(--te-bordeaux,#8B4A5A);
    border-radius:50%;
    color:var(--te-bordeaux,#8B4A5A);
    font-size:12px;
    font-weight:700
}
.te-ee-sv-caution{
    display:grid;
    grid-template-columns:26px minmax(0,1fr);
    gap:11px;
    align-items:start
}
.te-ee-sv-caution:before{display:none}
.te-ee-sv-symbol{
    display:flex;
    align-items:center;
    justify-content:center;
    width:23px;
    height:23px;
    margin-top:1px;
    border:1px solid var(--te-bordeaux,#8B4A5A);
    border-radius:50%;
    color:var(--te-bordeaux,#8B4A5A);
    font-size:16px;
    line-height:1
}
.te-ee-sv-facts{
    display:grid;
    grid-template-columns:repeat(2,minmax(0,1fr));
    gap:14px;
    align-items:stretch;
    grid-auto-rows:var(--te-ee-card-height)
}
.te-ee-sv-fact:before{top:0;right:0;bottom:auto;width:auto;height:2px}
.te-ee-sv-material_matrix .te-ee-sv-grid{grid-template-columns:repeat(2,minmax(0,1fr))}
.te-ee-reader-content .te-ee-structured-visual .te-ee-sv-footer-note{
    width:100%;
    max-width:740px;
    margin:14px auto 0!important;
    padding-top:10px;
    border-top:1px solid var(--te-border,#E5DED8);
    color:var(--te-text,#6B6560)!important;
    font-family:Manrope,sans-serif!important;
    font-size:12.5px!important;
    font-weight:400!important;
    line-height:1.6!important
}

/* Echte Creme-Abschnittsflaeche, nur wenn der Visual Director sie bewusst plant. */
.te-ee-structured-visual.te-ee-sv-editorial_highlight{
    max-width:1180px;
    margin:clamp(62px,6vw,82px) auto;
    padding:0;
    border:0;
    background:transparent
}
.te-ee-sv-editorial_highlight>.te-ee-sv-head{display:none}
.te-ee-sv-highlight{
    display:grid;
    grid-template-columns:minmax(0,.82fr) minmax(0,1.18fr);
    gap:clamp(54px,7vw,100px);
    align-items:start;
    padding:clamp(40px,4.5vw,56px) clamp(34px,4.5vw,60px);
    background:var(--te-cream,#FAF8F5);
    border:1px solid var(--te-border,#E5DED8);
    border-radius:var(--te-radius,5px)
}
.te-ee-sv-highlight-kicker{
    display:block;
    margin-bottom:12px;
    color:var(--te-bordeaux,#8B4A5A);
    font-family:Manrope,sans-serif;
    font-size:10px;
    font-weight:700;
    line-height:1.4;
    letter-spacing:.20em;
    text-transform:uppercase
}
.te-ee-sv-highlight-title h2{
    margin:0!important;
    color:var(--te-anthracite,#2C2A29)!important;
    font-family:"Playfair Display",serif!important;
    font-size:clamp(31px,3vw,42px)!important;
    font-weight:700!important;
    line-height:1.14!important;
    letter-spacing:-.01em!important
}
.te-ee-sv-highlight-copy p{
    margin:0 0 18px!important;
    color:var(--te-text,#6B6560)!important;
    font-family:Manrope,sans-serif!important;
    font-size:15.5px!important;
    font-weight:400!important;
    line-height:1.72!important
}
.te-ee-sv-highlight-copy p:last-child{margin-bottom:0!important}
.te-ee-sv-highlight-copy strong{color:var(--te-anthracite,#2C2A29);font-weight:600}

@media(max-width:850px){
    .te-ee-sv-highlight{grid-template-columns:1fr;gap:28px}
}
@media(max-width:650px){
    .te-ee-structured-visual{max-width:none;margin:40px 0 46px}
    .te-ee-sv-head{text-align:left;margin-bottom:24px}
    .te-ee-sv-head p{margin-left:0!important}
    .te-ee-sv-grid,.te-ee-sv-grid.te-ee-sv-comparison,.te-ee-sv-process,.te-ee-sv-facts{grid-template-columns:1fr}
    .te-ee-sv-card,.te-ee-sv-fact{padding:18px 18px 17px;min-height:var(--te-ee-card-height)!important;height:var(--te-ee-card-height)!important}
    .te-ee-sv-process li{padding:18px 18px 17px;min-height:var(--te-ee-process-height)!important;height:var(--te-ee-process-height)!important}
    .te-ee-sv-grid,.te-ee-sv-facts{grid-auto-rows:var(--te-ee-card-height)}
    .te-ee-sv-process{grid-auto-rows:var(--te-ee-process-height)}
    .te-ee-sv-highlight{padding:30px 22px}
    .te-ee-sv-highlight-title h2{font-size:clamp(30px,9vw,39px)!important}
}

/* v0.8.1: Theme-/Blocksy-Schutz gegen vertikale Kartenstreckung. */
.te-ee-sv-grid>.te-ee-sv-card,
.te-ee-sv-facts>.te-ee-sv-fact{
    min-height:var(--te-ee-card-height)!important;
    height:var(--te-ee-card-height)!important;
    align-self:stretch!important;
    justify-self:stretch!important;
    justify-content:flex-start!important;
    align-items:flex-start!important;
    vertical-align:top!important
}
.te-ee-sv-process>li{
    min-height:var(--te-ee-process-height)!important;
    height:var(--te-ee-process-height)!important;
    align-self:stretch!important;
    justify-self:stretch!important;
    justify-content:flex-start!important;
    align-items:flex-start!important;
    vertical-align:top!important
}
.te-ee-sv-grid>.te-ee-sv-card>*,
.te-ee-sv-facts>.te-ee-sv-fact>*,
.te-ee-sv-process>li>*{margin-top:0!important}
.te-ee-sv-grid>.te-ee-sv-card.te-ee-sv-caution{
    display:grid!important;
    grid-template-columns:26px minmax(0,1fr)!important;
    gap:11px!important;
    align-items:start!important;
    align-content:start!important;
    justify-content:stretch!important
}