.af-special-page section{padding-block:clamp(48px,7vw,92px)}.af-special-hero{background:linear-gradient(135deg,var(--af-color-soft),#fff)}.af-special-notice,.af-page-cta__box{border:1px solid rgba(0,0,0,.08);border-radius:var(--af-radius);padding:clamp(20px,3vw,32px);box-shadow:var(--af-shadow-soft)}

/* v1.0.81: Empfehlungen, Affiliate-Werbemittel und Bestätigungsseiten */
.af-special-main-content{
    padding-block:clamp(30px,4.5vw,58px)!important;
}

.af-special-main-content .af-container > :first-child{margin-top:0}
.af-special-main-content .af-container > :last-child{margin-bottom:0}

.af-recommendation-cards,
.af-affiliate-assets{
    padding-block:clamp(28px,4.5vw,58px)!important;
}

.af-recommendation-card-grid,
.af-affiliate-assets__grid,
.af-confirmation-card-grid{
    display:grid;
    grid-template-columns:repeat(3,minmax(0,1fr));
    gap:clamp(16px,2.5vw,22px);
}

.af-recommendation-card,
.af-affiliate-asset-card,
.af-confirmation-card{
    overflow:hidden;
    border:1px solid var(--af-color-line);
    border-radius:var(--af-radius);
    background:#fff;
    box-shadow:var(--af-shadow-subtle);
}

.af-recommendation-card__media{
    aspect-ratio:4/3;
    background:linear-gradient(135deg,#f5efe6,var(--af-color-muted));
}

.af-recommendation-card__body,
.af-affiliate-asset-card__body,
.af-confirmation-card{
    padding:clamp(18px,2.6vw,24px);
}

.af-recommendation-card__badge,
.af-affiliate-asset-card__badge{
    display:inline-flex;
    margin:0 0 10px;
    border-radius:999px;
    padding:5px 10px;
    background:rgba(34,48,39,.08);
    font-size:.72rem;
    font-weight:900;
    letter-spacing:.05em;
    text-transform:uppercase;
}

.af-recommendation-card h3,
.af-affiliate-asset-card h4,
.af-confirmation-card h3{
    margin:.1rem 0 .55rem;
    line-height:1.18;
    letter-spacing:-.03em;
}

.af-recommendation-card p,
.af-affiliate-asset-card p,
.af-confirmation-card p{
    color:var(--af-color-ink-soft);
}

.af-affiliate-assets__nav{
    display:flex;
    flex-wrap:wrap;
    gap:10px;
    margin:0 0 clamp(22px,3.5vw,34px);
}

.af-affiliate-assets__nav a{
    display:inline-flex;
    align-items:center;
    min-height:40px;
    border:1px solid var(--af-color-line);
    border-radius:999px;
    padding:0 16px;
    background:#fff;
    font-weight:850;
    text-decoration:none;
}

.af-affiliate-assets__group{
    padding-block:clamp(24px,4vw,48px);
}

.af-affiliate-assets__group + .af-affiliate-assets__group{
    border-top:1px solid var(--af-color-line);
}

.af-affiliate-assets__group-heading{
    max-width:760px;
    margin-bottom:18px;
}

.af-affiliate-assets__group-heading h3{
    margin:0 0 .35rem;
    font-size:clamp(1.5rem,2.4vw,2rem);
    letter-spacing:-.035em;
}

.af-affiliate-asset-card__preview{
    display:flex;
    align-items:center;
    justify-content:center;
    min-height:150px;
    padding:16px;
    background:linear-gradient(135deg,#f5efe6,var(--af-color-muted));
    color:var(--af-color-ink-soft);
    font-weight:900;
}

.af-affiliate-asset-card__preview img{
    display:block;
    max-width:100%;
    max-height:170px;
    object-fit:contain;
}

.af-affiliate-asset-card textarea{
    width:100%;
    min-height:98px;
    border:1px solid var(--af-color-line);
    border-radius:14px;
    padding:12px;
    background:var(--af-color-soft-2);
    color:var(--af-color-ink-soft);
    font:inherit;
    font-size:.85rem;
    resize:vertical;
}

.af-affiliate-assets__legal{
    padding-block:clamp(24px,4vw,48px);
}

.af-affiliate-assets-teaser{
    padding-block:clamp(18px,3vw,34px)!important;
}

.af-affiliate-assets-teaser__box h2{
    margin:.1rem 0 .55rem;
}

.af-confirmation-content{
    border:1px solid var(--af-color-line);
    border-radius:var(--af-radius);
    padding:clamp(22px,4vw,38px);
    background:#fff;
    box-shadow:var(--af-shadow-soft);
}

.af-confirmation-content h2{
    margin:.2rem 0 .8rem;
    font-size:clamp(1.75rem,3vw,2.35rem);
    line-height:1.14;
    letter-spacing:-.04em;
}

.af-confirmation-lead{
    font-size:clamp(1.05rem,1.4vw,1.18rem);
}

.af-confirmation-card-grid{
    grid-template-columns:repeat(2,minmax(0,1fr));
    margin-top:clamp(18px,3vw,28px);
}

.af-confirmation-card{
    box-shadow:none;
}

.af-confirmation-actions{
    display:flex;
    flex-wrap:wrap;
    gap:12px;
    margin-top:clamp(20px,3vw,30px);
}

@media(max-width:900px){
    .af-recommendation-card-grid,
    .af-affiliate-assets__grid{
        grid-template-columns:repeat(2,minmax(0,1fr));
    }
}

@media(max-width:640px){
    .af-recommendation-card-grid,
    .af-affiliate-assets__grid,
    .af-confirmation-card-grid{
        grid-template-columns:1fr;
    }
}

/* v1.0.82: editierbare Empfehlungen und kompaktere Karten */
.af-recommendation-card__media--has-image{
    background:#fff;
}
.af-recommendation-card__media img{
    display:block;
    width:100%;
    height:100%;
    object-fit:contain;
    object-position:center;
    padding:clamp(14px,2.2vw,28px);
}
.af-recommendation-card__media--has-image{
    display:flex;
    align-items:center;
    justify-content:center;
    background:linear-gradient(135deg,#f5efe6,var(--af-color-muted));
}
.af-button--disabled{
    opacity:.68;
    pointer-events:none;
}
.af-recommendation-cards,
.af-affiliate-assets{
    padding-block:clamp(22px,3.4vw,44px)!important;
}
.af-special-page .af-special-notice,
.af-recommendation-card,
.af-affiliate-asset-card,
.af-confirmation-card{
    box-shadow:var(--af-shadow-subtle);
}


/* v1.0.84: Rechtliche Hinweise auf Affiliate-Werbemittel oberhalb der Werbemittel */
.af-affiliate-assets__legal{
    margin:clamp(24px,4vw,42px) 0 clamp(28px,4.5vw,48px);
    border:1px solid var(--af-color-line);
    border-radius:var(--af-radius);
    padding:clamp(22px,4vw,38px);
    background:#fff;
    box-shadow:var(--af-shadow-soft);
}
.af-affiliate-assets__legal h3{
    margin:.25rem 0 1rem;
    font-size:clamp(1.35rem,2.3vw,2rem);
    line-height:1.18;
    letter-spacing:-.035em;
}
.af-affiliate-assets__legal ul{
    margin:0;
    padding-left:1.25rem;
}
.af-affiliate-assets__legal li+li{
    margin-top:.45rem;
}


/* v1.0.85: Rechtliche Hinweise auf Affiliate-Werbemittelseite kompakter */
.af-special-page .af-affiliate-assets__legal{
    margin:clamp(16px,2.4vw,26px) 0 clamp(20px,3vw,32px);
    padding:clamp(18px,2.5vw,28px)!important;
    box-shadow:var(--af-shadow-subtle);
}
.af-special-page .af-affiliate-assets__legal h3{
    margin:.15rem 0 .75rem;
    font-size:clamp(1.25rem,1.9vw,1.7rem);
}
.af-special-page .af-affiliate-assets__legal li+li{
    margin-top:.32rem;
}

/* v1.0.92: konkrete Affiliate-Banner statt leerer Formatplatzhalter */
.af-affiliate-assets__grid--banners{
    grid-template-columns:repeat(2,minmax(0,1fr));
}
.af-affiliate-asset-card--banner .af-affiliate-asset-card__preview{
    min-height:auto;
    aspect-ratio:16/10;
    padding:10px;
    background:linear-gradient(135deg,#fbf8f1,#f1eadf);
    text-decoration:none;
}
.af-affiliate-asset-card--banner .af-affiliate-asset-card__preview img{
    width:100%;
    height:100%;
    max-height:none;
    object-fit:contain;
    border-radius:16px;
    box-shadow:var(--af-shadow-subtle);
}
.af-affiliate-asset-card__body a{
    overflow-wrap:anywhere;
}
.af-affiliate-asset-card__download{
    min-height:38px;
    padding-inline:16px;
}
@media(max-width:760px){
    .af-affiliate-assets__grid--banners{
        grid-template-columns:1fr;
    }
}


/* v1.0.94: Affiliate-Link-Feld und Hinweistext je Banner */
.af-affiliate-asset-card__link-field{
    margin:.85rem 0 .55rem;
}
.af-affiliate-asset-card__link-field label{
    display:block;
    margin:0 0 .35rem;
    font-weight:800;
    font-size:.92rem;
    color:var(--af-color-ink);
}
.af-affiliate-asset-card__link-field input{
    width:100%;
    min-height:44px;
    border:1px solid var(--af-color-border);
    border-radius:14px;
    padding:.68rem .85rem;
    font:inherit;
    font-size:.95rem;
    color:var(--af-color-ink);
    background:#fff;
    overflow-wrap:anywhere;
}
.af-affiliate-asset-card__hint{
    padding:.75rem .85rem;
    border-radius:14px;
    background:rgba(231,224,212,.45);
    font-size:.92rem;
    line-height:1.45;
}

/* v1.0.96: zentraler Affiliate-Link-Generator */
.af-affiliate-link-generator{
    margin:0 0 clamp(22px,3.5vw,34px);
    border:1px solid var(--af-color-line);
    border-radius:var(--af-radius);
    padding:clamp(18px,3vw,28px);
    background:linear-gradient(135deg,#fff,var(--af-color-soft-2));
    box-shadow:var(--af-shadow-subtle);
}
.af-affiliate-link-generator h3{
    margin:.2rem 0 .45rem;
    font-size:clamp(1.35rem,2.4vw,1.9rem);
    line-height:1.15;
    letter-spacing:-.035em;
}
.af-affiliate-link-generator label,
.af-affiliate-asset-card__link-field label{
    display:block;
    margin:.85rem 0 .35rem;
    font-weight:850;
}
.af-affiliate-link-generator__row{
    display:grid;
    grid-template-columns:minmax(0,1fr) auto;
    gap:10px;
    align-items:center;
}
.af-affiliate-link-generator input,
.af-affiliate-asset-card__link-field input{
    width:100%;
    min-height:44px;
    border:1px solid var(--af-color-line);
    border-radius:14px;
    padding:10px 12px;
    background:#fff;
    color:var(--af-color-ink);
    font:inherit;
}
.af-affiliate-asset-card__link-field input[readonly]{
    background:var(--af-color-soft-2);
    color:var(--af-color-ink-soft);
}
.af-affiliate-link-generator__hint{
    margin:.75rem 0 0;
    color:var(--af-color-ink-soft);
    font-size:.95rem;
}
@media(max-width:700px){
    .af-affiliate-link-generator__row{grid-template-columns:1fr}
    .af-affiliate-link-generator__row .af-button{width:100%}
}

/* v1.0.97: kompakter Affiliate-Generator, Contentlink und Textvorlagen */
.af-affiliate-link-generator{
    padding:clamp(14px,2vw,20px)!important;
    margin-bottom:clamp(14px,2.2vw,22px)!important;
}
.af-affiliate-link-generator h3{
    margin:.1rem 0 .35rem!important;
}
.af-affiliate-link-generator p{
    margin:.45rem 0!important;
}
.af-affiliate-link-generator label{
    margin:.55rem 0 .28rem!important;
}
.af-affiliate-link-generator__row{
    grid-template-columns:1fr!important;
}
.af-affiliate-content-link{
    margin:0 0 clamp(18px,3vw,28px);
    border:1px solid var(--af-color-line);
    border-radius:var(--af-radius);
    padding:clamp(16px,2.4vw,24px);
    background:#fff;
    box-shadow:var(--af-shadow-subtle);
}
.af-affiliate-content-link h3{
    margin:.15rem 0 .5rem;
    font-size:clamp(1.25rem,2vw,1.65rem);
    line-height:1.16;
    letter-spacing:-.03em;
}
.af-affiliate-content-link label,
.af-affiliate-copy-card label{
    display:block;
    margin:.8rem 0 .35rem;
    font-weight:850;
}
.af-affiliate-content-link input{
    width:100%;
    min-height:44px;
    border:1px solid var(--af-color-line);
    border-radius:14px;
    padding:10px 12px;
    background:var(--af-color-soft-2);
    color:var(--af-color-ink-soft);
    font:inherit;
}
.af-affiliate-copy-templates{
    padding-block:clamp(24px,4vw,48px);
    border-top:1px solid var(--af-color-line);
}
.af-affiliate-copy-templates__grid{
    display:grid;
    grid-template-columns:repeat(2,minmax(0,1fr));
    gap:clamp(16px,2.4vw,22px);
}
.af-affiliate-copy-card{
    border:1px solid var(--af-color-line);
    border-radius:var(--af-radius);
    padding:clamp(18px,2.6vw,24px);
    background:#fff;
    box-shadow:var(--af-shadow-subtle);
}
.af-affiliate-copy-card h4{
    margin:.15rem 0 .6rem;
    font-size:clamp(1.15rem,1.6vw,1.35rem);
    line-height:1.18;
}
.af-affiliate-copy-card textarea{
    width:100%;
    min-height:108px;
    border:1px solid var(--af-color-line);
    border-radius:14px;
    padding:12px;
    background:var(--af-color-soft-2);
    color:var(--af-color-ink-soft);
    font:inherit;
    font-size:.9rem;
    resize:vertical;
}
@media(max-width:760px){
    .af-affiliate-copy-templates__grid{grid-template-columns:1fr}
}

/* v1.0.98: Affiliate-Werbemittel-Seite nachjustiert */
.af-affiliate-assets-howto{
    margin:0 0 clamp(18px,2.8vw,28px);
    border:1px solid var(--af-color-line);
    border-radius:var(--af-radius);
    padding:clamp(18px,2.5vw,28px);
    background:#fff;
    box-shadow:var(--af-shadow-subtle);
}
.af-affiliate-assets-howto h2{
    margin:.15rem 0 .65rem;
    font-size:clamp(1.35rem,2.4vw,1.9rem);
    line-height:1.14;
    letter-spacing:-.035em;
}
.af-affiliate-assets-howto p{
    margin:.55rem 0;
}
.af-section-heading--affiliate-assets{
    margin-bottom:clamp(12px,2vw,18px);
}
.af-section-heading--affiliate-assets .af-affiliate-assets__nav{
    margin-top:clamp(12px,2vw,18px);
}
.af-affiliate-content-link{
    padding:clamp(14px,2vw,20px)!important;
    margin-bottom:clamp(16px,2.5vw,24px)!important;
}
.af-affiliate-content-link h3{
    margin:.1rem 0 .35rem!important;
}
.af-affiliate-content-link p{
    margin:.45rem 0!important;
}
.af-affiliate-content-link label{
    margin:.6rem 0 .28rem!important;
}

/* v1.0.99: Affiliate-Werbemittel-Seite: So-geht's kompakter und Bannerlinks klarer */
.af-affiliate-assets-howto{
    padding:clamp(14px,2vw,20px)!important;
    margin-bottom:clamp(14px,2.3vw,22px)!important;
}
.af-affiliate-assets-howto h2{
    margin:.08rem 0 .45rem!important;
}
.af-affiliate-assets-howto p{
    margin:.42rem 0!important;
    line-height:1.52;
}
.af-affiliate-assets-howto .af-section-heading__kicker{
    margin-bottom:.25rem!important;
}
.af-affiliate-code-label{
    display:block;
    margin:.75rem 0 .35rem;
    font-weight:850;
    font-size:.92rem;
    color:var(--af-color-ink);
}
.af-affiliate-asset-card__download{
    display:inline-flex;
    align-items:center;
    justify-content:center;
    margin:.35rem 0 .15rem;
    font-weight:850;
}

/* v1.1.37: versteckte Kongress-Geschenkseite */
.af-special-hero--gift{
    background:linear-gradient(180deg, rgba(247,244,236,.95) 0%, rgba(255,255,255,.98) 100%);
}
.af-confirmation-card-grid--gift{
    grid-template-columns:repeat(3,minmax(0,1fr));
}
.af-special-page__actions{
    margin-top:1.2rem;
}
.af-special-page__extra-copy{
    margin-top:clamp(18px,2.6vw,26px);
    border-top:1px solid var(--af-color-line);
    padding-top:clamp(16px,2vw,24px);
}
.af-affiliate-copy-card input{
    width:100%;
    min-height:44px;
    border:1px solid var(--af-color-line);
    border-radius:14px;
    padding:10px 12px;
    background:var(--af-color-soft-2);
    color:var(--af-color-ink-soft);
    font:inherit;
}
@media(max-width:880px){
    .af-confirmation-card-grid--gift{grid-template-columns:1fr;}
}


/* v1.1.42: Formatgerechte Banner-Vorschauen für quadratische und Hochformat-Banner */
.af-affiliate-asset-card--banner .af-affiliate-asset-card__preview.af-affiliate-asset-card__preview--square{
    aspect-ratio:1/1;
}
.af-affiliate-asset-card--banner .af-affiliate-asset-card__preview.af-affiliate-asset-card__preview--portrait{
    aspect-ratio:4/5;
}
