.special-section.compact {
    margin-top: 6vw;   /* Mehr Abstand nach oben */
    padding-top: 5vw;
    display: flex;
    align-items: center;
}

.special-flex.wide {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 4vw;
    max-width: 72vw;    /* Exakt wie bei Social Media! */
    min-height: 38vw;   /* Höhe wie bei Social Media */
    margin: 0 auto;
    width: 100%;
}

.special-textblock {
    flex: 1 1 33vw;
    max-width: 35vw;
    min-width: 24vw;
    display: flex;
    flex-direction: column;
    justify-content: center;
    gap: 1vw;
}
.special-discount {
    background: #fff685;
    color: #232328;
    font-weight: 800;
    font-size: 1.1vw;
    border-radius: 0.7vw;
    padding: 0.36vw 1vw;
    display: inline-block;
    margin-bottom: 0.1vw;
    box-shadow: 0 0.12vw 0.8vw #fff68533;
}
.special-title {
    font-size: 2.1vw;
    font-weight: 800;
    color: #fff;
    margin-bottom: 0.1vw;
    line-height: 1.13;
}
.special-title span { color: #fff685; }

.special-highlights p {
    font-size: 1vw;
    color: #ededed;
    margin: 0.25vw 0;
    line-height: 1.35;
}
.special-highlights strong {
    color: #fff685;
    font-weight: 700;
}
.hl-blue {
    color: #62f7fa;
    font-weight: 500;
}

.special-bonus {
    color: #232328;
    background: #62f7fa;
    font-size: 1.07vw;
    font-weight: 600;
    margin: 1vw 0 0.5vw 0;
    padding: 0.65vw 1vw;
    border-radius: 0.8vw;
    box-shadow: 0 0.1vw 0.7vw #62f7fa55;
}

.special-btn {
    display: inline-block;
    background: #fff685;
    color: #232328;
    font-weight: 700;
    font-size: 1.07vw;
    border: none;
    border-radius: 0.7vw;
    padding: 0.7vw 1.6vw;
    margin-top: 0.7vw;
    cursor: pointer;
    box-shadow: 0 0.17vw 0.7vw #fff68566;
    text-decoration: none;
    transition: transform 0.28s cubic-bezier(.48,1.48,.57,1.04), box-shadow 0.2s;
}
.special-btn:hover {
    transform: scale(1.09);
    background: #fffec0;
    box-shadow: 0 1vw 3vw #fff685a5, 0 0.2vw 2vw #23232844;
}

.special-image-link {
    flex: 1 1 27vw;
    display: flex;
    align-items: center;
    justify-content: flex-end;
    min-width: 16vw;
    max-width: 27vw;
    text-decoration: none;
}
.special-image {
    position: relative;
    width: 30vw;
    height: 38vw;
    min-width: 16vw;
    border-radius: 1.2vw;
    overflow: hidden;
    display: flex;
    align-items: flex-end;
    justify-content: center;
    box-shadow: 0 2vw 5vw #23232866, 0 0.15vw 1vw #62f7fa20;
    transition: box-shadow 0.21s, transform 0.21s;
}
.special-image img {
    width: 100%;
    height: 100%;
    object-fit: cover;
    border-radius: 1.2vw;
    display: block;
}
.special-image .image-hint {
    position: absolute;
    left: 50%;
    bottom: 1vw;
    transform: translateX(-50%);
    background: #232328cc;
    color: #62f7fa;
    font-size: 1.07vw;
    font-weight: 700;
    padding: 0.25vw 1.1vw;
    border-radius: 0.7vw;
    opacity: 0;
    transition: opacity 0.23s;
    pointer-events: none;
}
.special-image-link:hover .special-image {
    box-shadow: 0 1.8vw 4vw #62f7fa66, 0 0.2vw 2vw #fff68566;
    transform: scale(1.07) ;
}
.special-image-link:hover .image-hint {
    opacity: 1;
}

@media (max-width: 900px) {
    .special-section.compact { min-height: unset; }
    .special-flex.wide { flex-direction: column; gap: 5vw; max-width: 99vw;}
    .special-textblock { max-width: 100vw; min-width: unset; }
    .special-title { font-size: 4vw;}
    .special-highlights p { font-size: 2.1vw;}
    .special-bonus { font-size: 2vw;}
    .special-btn { font-size: 2vw; padding: 2vw 4vw;}
    .special-image { width: 85vw; height: 54vw; min-width: unset; border-radius: 3vw;}
    .special-image .image-hint { font-size: 2.7vw; bottom: 2vw;}
}
.special-section.compact {
    margin-top: 7vw;   /* vorher 6vw */
    /* ... */
}

.special-flex.wide {
    gap: 5vw;    /* vorher 4vw */
}

.special-title {
    font-size: 2.25vw;
    margin-bottom: 1.1vw;   /* vorher 0.1vw */
}

.special-highlights p {
    font-size: 1.07vw;
    margin: 0.5vw 0;        /* vorher 0.25vw 0 */
    line-height: 1.46;      /* vorher 1.35 */
}

.special-bonus {
    margin: 1.6vw 0 1vw 0;    /* vorher 1vw 0 0.5vw 0 */
    padding: 1vw 1.2vw;       /* vorher 0.65vw 1vw */
    font-size: 1.17vw;
}

.special-btn {
    margin-top: 1.2vw;      /* vorher 0.7vw */
    padding: 1vw 2vw;       /* vorher 0.7vw 1.6vw */
    font-size: 1.13vw;
}