/* Selected Comedy-Redner 2026 components, adapted to the Wegmann blue identity. */
#Header.wegmann-hero {
    width: 100%;
    min-height: 0;
    padding: 0;
    margin: 0 0 28px;
    background: #20374f;
    border-radius: 0 0 30px 30px;
    box-shadow: 0 20px 30px rgba(15, 23, 42, .34);
    overflow: hidden;
    isolation: isolate;
}
#Header.wegmann-hero > .wegmann-hero-media {
    display: block;
    width: 100%;
    max-width: none;
    height: clamp(440px, 40vw, 640px);
    margin: 0;
}
.wegmann-hero-media img {
    display: block;
    width: 100%;
    height: 100%;
    object-fit: cover;
    object-position: center;
}
#Header.wegmann-hero::after {
    content: "";
    position: absolute;
    inset: 0;
    pointer-events: none;
    background: linear-gradient(180deg, rgba(15,23,42,.34), rgba(15,23,42,.02) 35%, rgba(15,23,42,.1) 55%, rgba(15,23,42,.8));
}
#Header.wegmann-hero > .wegmann-hero-copy {
    position: absolute;
    z-index: 1;
    inset: auto 24px 46px;
    max-width: 1080px;
    margin: 0 auto;
}
#Header.wegmann-hero .slogan {
    margin: 0;
    padding: 0;
    font-size: clamp(32px, 3.6vw, 58px);
    line-height: 1.12;
    font-weight: 650;
    letter-spacing: .015em;
    text-transform: none;
    text-wrap: balance;
    overflow-wrap: anywhere;
    color: #fff;
    text-shadow: 0 3px 14px rgba(0,0,0,.72);
}
.wegmann-reference-strip {
    display: grid;
    grid-template-columns: repeat(6, minmax(0, 1fr));
    align-items: center;
    gap: 18px;
    box-sizing: border-box;
    width: min(1080px, calc(100% - 48px));
    margin: 0 auto 36px;
    padding: 18px 26px;
    border-radius: 18px;
    background: #293e53;
    box-shadow: 0 12px 24px -14px rgba(15,23,42,.45);
}
.wegmann-reference-strip img {
    display: block;
    width: 100%;
    height: 64px;
    object-fit: contain;
    margin: 0;
}
.content:not(.rating):not(.siegel) img:not([src*="logo"]):not([src*="/kunden/"]):not([src*="/referenzen/"]):not([src*="/siegel/"]):not([src*="rate5"]):not([src*="icon_"]):not([src$=".svg"]) {
    max-width: 100%;
    height: auto;
    border-radius: 18px;
    box-shadow: none;
    filter: drop-shadow(14px 18px 12px rgba(15,23,42,.58)) drop-shadow(4px 6px 5px rgba(15,23,42,.34));
}
.wegmann-reveal {
    transition: opacity 900ms cubic-bezier(.22,1,.36,1), transform 900ms cubic-bezier(.22,1,.36,1);
}
.wegmann-reveal.wegmann-reveal-pending {
    opacity: 0;
    transform: translateY(64px);
}
@media (max-width: 767px) {
    #Header.wegmann-hero { border-radius: 0 0 24px 24px; }
    #Header.wegmann-hero > .wegmann-hero-media { height: 510px; }
    #Header.wegmann-hero > .wegmann-hero-copy { inset: auto 24px 36px; }
    #Header.wegmann-hero .slogan { font-size: clamp(30px, 7.5vw, 42px); }
    .wegmann-reference-strip { grid-template-columns: repeat(3, minmax(0, 1fr)); gap: 18px 22px; padding: 18px; margin-bottom: 24px; }
    .wegmann-reference-strip img { height: 44px; }
    .content:not(.rating):not(.siegel) > div { padding: 24px 28px 34px; }
}
@media (prefers-reduced-motion: reduce) {
    .wegmann-reveal, .wegmann-reveal.wegmann-reveal-pending { opacity: 1; transform: none; transition: none; }
}
@media print {
    .wegmann-reveal.wegmann-reveal-pending { opacity: 1; transform: none; }
}

/* Separate the caption from the continued story below the photograph. */
.balanced-story .image-caption {
    display: block;
    margin: 14px 0 36px;
    line-height: 1.4;
}
.balanced-story .image-caption + p { margin-top: 0; }

@media (max-width: 1250px) {
    .content.balanced-story > div { width: calc(100% - 10px); }
}


/* Comedy-Redner list badges, adapted to the dark-blue Wegmann palette. */
.content ul {
    display: grid;
    gap: 11px;
    margin: 1em 0;
    padding: 0;
    list-style: none;
    text-align: left;
}
.content ul > li {
    position: relative;
    padding-left: 40px;
    font-style: normal;
    line-height: 1.45;
}
.content ul > li::before {
    content: "\2713";
    position: absolute;
    top: 2px;
    left: 0;
    width: 26px;
    height: 26px;
    margin: 0;
    border-radius: 50%;
    background: #163d63;
    box-shadow: 3px 5px 9px -5px rgba(15, 23, 42, .48);
    color: #fff;
    font-family: Arial, sans-serif;
    font-size: 17px;
    font-style: normal;
    font-weight: bold;
    line-height: 26px;
    text-align: center;
}