/* =========================================================
   eingecheckt.com – Theme additions
   ========================================================= */

:root {
    --ec-orange: #f47721;
    --ec-dark: #2d2f34;
    --ec-muted: #73777d;
    --ec-border: #e8e8e8;
    --ec-soft: #fff3eb;
    --ec-card-bg: #ffffff;
}

/* ---------------------------------------------------------
   Global branded "eingecheckt Score™" treatment
   --------------------------------------------------------- */

.ec-branded-score {
    font-weight: 800;
    white-space: nowrap;
}

.ec-branded-score .ec-brand-einge,
.ec-branded-score .ec-brand-score {
    color: var(--ec-dark);
}

.ec-branded-score .ec-brand-checkt {
    color: var(--ec-orange);
}

/* ---------------------------------------------------------
   Homepage magazine
   --------------------------------------------------------- */

.ec-magazine {
    padding-top: clamp(2.5rem, 3vw, 4rem);
    padding-bottom: clamp(6rem, 7vw, 10rem);
}

.ec-magazine-inner {
    --container-width: 1380px;
}

.ec-featured-post {
    display: block;
}

/* Desktop lead story: image on the left, complete editorial teaser on the right. */
.ec-featured-top {
    display: grid;
    grid-template-columns: minmax(0, 1.2fr) minmax(390px, .8fr);
    gap: 0;
    align-items: stretch;
}

.ec-featured-image-link,
.ec-card-image-link,
.ec-featured-title a,
.ec-card-title a,
.ec-intro-link,
.ec-score-click {
    display: block;
}

.ec-featured-image-link:hover,
.ec-card-image-link:hover,
.ec-featured-title a:hover,
.ec-card-title a:hover,
.ec-intro-link:hover,
.ec-score-click:hover {
    opacity: 1;
}

.ec-featured-image,
.ec-card-image {
    overflow: hidden;
    background: rgba(0, 0, 0, .035);
}

.ec-featured-image {
    aspect-ratio: 16 / 9;
}

.ec-card-image {
    aspect-ratio: 16 / 9;
}

.ec-featured-image img,
.ec-card-image img {
    width: 100%;
    height: 100%;
    object-fit: cover;
    transition: transform .35s ease;
}

@media (hover: hover) and (pointer: fine) {
    .ec-featured-image-link:hover img,
    .ec-card-image-link:hover img {
        transform: scale(1.015);
    }
}

.is-font-sans .ec-featured-image,
.is-font-sans .ec-card-image {
    border-radius: 18px;
}

.ec-image-placeholder {
    min-height: 260px;
}

.ec-featured-content,
.ec-card-content {
    min-width: 0;
}

/* Subtle editorial divider between the lead image and copy */
.ec-featured-image-link {
    align-self: start;
    padding-right: clamp(3rem, 3.6vw, 5.2rem);
}

.ec-featured-content {
    align-self: stretch;
    display: flex;
    flex-direction: column;
    justify-content: center;
    padding-left: clamp(3rem, 3.6vw, 5.2rem);
    border-left: 1px solid var(--ec-border);
}

.ec-post-tag,
.ec-section-kicker {
    display: inline-block;
    color: var(--ec-orange);
    font-family: var(--gh-font-body, var(--font-sans));
    font-size: 1.35rem;
    font-weight: 700;
    line-height: 1.3;
    letter-spacing: .02em;
}

.ec-featured-title {
    margin-top: .9rem;
    font-size: clamp(3.4rem, 3vw, 4.9rem);
    line-height: 1.06;
    letter-spacing: -.035em;
    text-wrap: balance;
}

.ec-card-title {
    margin-top: .7rem;
    font-size: clamp(2.35rem, 2vw, 3rem);
    line-height: 1.12;
    letter-spacing: -.025em;
    text-wrap: balance;
}

.ec-score-click {
    margin-top: 2rem;
}

.ec-score-slot {
    width: 100%;
}

.ec-score-fallback {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 1.6rem;
    padding: 1.6rem 1.8rem;
    border: 1px solid var(--ec-border);
    border-radius: 14px;
    background: var(--ec-card-bg);
    color: var(--ec-dark);
}

.ec-score-fallback-action {
    color: var(--ec-orange);
    font-size: 1.25rem;
    font-weight: 750;
    white-space: nowrap;
}

.ec-post-intro {
    margin-top: 2rem;
    color: var(--ec-dark);
    font-size: 1.65rem;
    line-height: 1.65;
}

.ec-featured-post .ec-post-intro {
    max-width: 54rem;
    margin-top: 2.2rem;
    font-size: clamp(1.6rem, 1.15vw, 1.82rem);
    line-height: 1.58;
}

.ec-featured-post .ec-read-more {
    align-self: flex-start;
    margin-top: 1.8rem;
}

.ec-intro-link:hover .ec-post-intro {
    color: var(--ec-dark);
}

.ec-section-heading {
    display: flex;
    align-items: end;
    justify-content: space-between;
    gap: 2rem;
    margin-top: clamp(7rem, 8vw, 11rem);
    margin-bottom: 3rem;
    padding-bottom: 1.8rem;
    border-bottom: 1px solid var(--color-border);
}

.ec-section-heading h2 {
    margin-top: .35rem;
    font-size: clamp(3rem, 3vw, 4.4rem);
    line-height: 1.08;
    letter-spacing: -.03em;
}

.ec-section-all {
    flex: 0 0 auto;
    padding-bottom: .45rem;
    font-size: 1.35rem;
    font-weight: 700;
    text-decoration: underline;
    text-underline-offset: .25em;
}

.ec-post-grid {
    display: grid;
    grid-template-columns: repeat(2, minmax(0, 1fr));
    gap: clamp(4.8rem, 6vw, 8rem) clamp(3rem, 4.5vw, 6rem);
}

.ec-post-card {
    min-width: 0;
}

.ec-post-card .ec-card-content {
    padding-top: 2.1rem;
}

.ec-post-card .ec-score-click {
    margin-top: 1.8rem;
}

.ec-read-more {
    display: inline-flex;
    align-items: center;
    gap: .65rem;
    margin-top: 1.7rem;
    padding: .85rem 1.35rem;
    border: 1px solid var(--ec-orange);
    border-radius: 999px;
    color: var(--ec-orange);
    font-size: 1.3rem;
    font-weight: 750;
    line-height: 1;
    text-decoration: none;
    transition: background-color .2s ease, color .2s ease, transform .2s ease;
}

@media (hover: hover) and (pointer: fine) {
    .ec-read-more:hover {
        background: var(--ec-orange);
        color: #fff;
        transform: translateY(-1px);
        opacity: 1;
    }
}

.ec-read-more:focus-visible {
    outline: 2px solid var(--ec-orange);
    outline-offset: 3px;
}

/* ---------------------------------------------------------
   Compact eingecheckt Score card on the homepage
   Mirrors the article widget, but all homepage clicks lead
   to the article beginning.
   --------------------------------------------------------- */

.ec-home-main .eingecheckt-scorecard-top {
    --ec-orange: #f47721;
    --ec-dark: #2d2f34;
    --ec-muted: #73777d;
    --ec-border: #e8e8e8;

    width: 100%;
    max-width: none;
    margin: 0;
    padding: 1.7rem 2rem;
    border: 1px solid var(--ec-border);
    border-radius: 14px;
    background: #fff;
    color: var(--ec-dark);
    font-family: inherit;
    text-align: left;
    box-sizing: border-box;
}

.ec-home-main .eingecheckt-scorecard-top *,
.ec-home-main .eingecheckt-scorecard-top *::before,
.ec-home-main .eingecheckt-scorecard-top *::after {
    box-sizing: border-box;
}

.ec-home-main .eingecheckt-scorecard-top-inner {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 2rem;
}

.ec-home-main .eingecheckt-scorecard-top-content {
    flex: 1 1 auto;
    min-width: 0;
}

.ec-home-main .eingecheckt-scorecard-brand {
    display: flex;
    align-items: baseline;
    flex-wrap: wrap;
    margin-bottom: .5rem;
    font-size: 1.6rem;
    font-weight: 850;
    line-height: 1.1;
    letter-spacing: .01em;
}

.ec-home-main .eingecheckt-scorecard-brand span:last-child {
    margin-left: .22em;
}

.ec-home-main .eingecheckt-scorecard-hotel {
    font-size: 1.8rem;
    font-weight: 800;
    line-height: 1.25;
}

.ec-home-main .eingecheckt-scorecard-link {
    display: inline-block;
    margin-top: .8rem;
    color: var(--ec-orange) !important;
    font-size: 1.25rem;
    font-weight: 750;
    line-height: 1.3;
    text-decoration: none !important;
}

.ec-home-main .eingecheckt-scorecard-score {
    display: flex;
    flex: 0 0 auto;
    align-items: baseline;
    gap: .5rem;
    padding: 1rem 1.5rem;
    border-radius: 12px;
    background: var(--ec-soft);
    white-space: nowrap;
}

.ec-home-main .eingecheckt-scorecard-score strong {
    color: var(--ec-orange);
    font-size: 3.4rem;
    font-weight: 850;
    line-height: 1;
}

.ec-home-main .eingecheckt-scorecard-score span {
    color: var(--ec-muted);
    font-size: 1.2rem;
    font-weight: 750;
}

/* The lead story already shows the hotel name in the large headline.
   Keep its score box deliberately compact and avoid duplicate copy. */
.ec-featured-post .eingecheckt-scorecard-top {
    padding: 1.45rem 1.7rem;
}

.ec-featured-post .eingecheckt-scorecard-hotel,
.ec-featured-post .eingecheckt-scorecard-link {
    display: none;
}

.ec-featured-post .eingecheckt-scorecard-brand {
    margin-bottom: 0;
    font-size: 1.55rem;
}

.ec-featured-post .eingecheckt-scorecard-score {
    padding: .9rem 1.25rem;
}

.ec-featured-post .eingecheckt-scorecard-score strong {
    font-size: 3.15rem;
}

/* Cards get a slightly tighter score widget */
.ec-post-card .eingecheckt-scorecard-top {
    padding: 1.45rem 1.6rem;
}

.ec-post-card .eingecheckt-scorecard-brand {
    font-size: 1.45rem;
}

.ec-post-card .eingecheckt-scorecard-hotel {
    font-size: 1.55rem;
}

.ec-post-card .eingecheckt-scorecard-score {
    padding: .9rem 1.2rem;
}

.ec-post-card .eingecheckt-scorecard-score strong {
    font-size: 3rem;
}

/* ---------------------------------------------------------
   Responsive
   --------------------------------------------------------- */

@media (max-width: 1020px) {
    .ec-featured-top {
        grid-template-columns: minmax(0, 1.08fr) minmax(340px, .92fr);
        gap: 0;
    }

    .ec-magazine-inner {
        --container-width: 1200px;
    }
}

@media (max-width: 860px) {
    .ec-featured-top {
        grid-template-columns: 1fr;
        gap: 3rem;
    }

    .ec-featured-image-link {
        padding-right: 0;
    }

    .ec-featured-content {
        display: block;
        max-width: 720px;
        padding-left: 0;
        border-left: 0;
    }

    .ec-featured-post .ec-post-intro {
        max-width: none;
        margin-top: 2rem;
        font-size: 1.7rem;
        line-height: 1.62;
    }

    .ec-post-grid {
        grid-template-columns: 1fr;
        gap: 5.5rem;
    }

    .ec-post-card {
        display: grid;
        grid-template-columns: minmax(0, .9fr) minmax(0, 1.1fr);
        gap: 2.8rem;
        align-items: start;
    }

    .ec-post-card .ec-card-content {
        padding-top: 0;
    }
}

@media (max-width: 620px) {
    .ec-magazine {
        padding-top: 4.5rem;
        padding-bottom: 6.5rem;
    }

   .ec-featured-title {
        font-size: clamp(3.2rem, 10vw, 4.4rem);
    }

    .ec-post-card {
        display: block;
    }

    .ec-post-card .ec-card-content {
        padding-top: 1.8rem;
    }

    .ec-section-heading {
        align-items: flex-start;
        flex-direction: column;
        margin-top: 7rem;
        margin-bottom: 2.5rem;
    }

    .ec-home-main .eingecheckt-scorecard-top {
        padding: 1.5rem 1.6rem;
    }

    .ec-home-main .eingecheckt-scorecard-top-inner {
        align-items: flex-start;
        gap: 1.4rem;
    }

    .ec-home-main .eingecheckt-scorecard-hotel {
        font-size: 1.6rem;
    }

    .ec-home-main .eingecheckt-scorecard-score {
        padding: .9rem 1.2rem;
    }

    .ec-home-main .eingecheckt-scorecard-score strong {
        font-size: 3rem;
    }

    .ec-score-fallback {
        align-items: flex-start;
        flex-direction: column;
        gap: .7rem;
    }
}

/* eingecheckt – Headerbild vollständig und proportional */

.home-template .gh-header.has-background-image {
    height: auto !important;
    min-height: 0 !important;
    padding: 0 !important;
    overflow: hidden;
}

.home-template
.gh-header.has-background-image
.gh-header-inner {
    width: 100% !important;
    max-width: none !important;
    padding: 0 !important;
    margin: 0 !important;
}

.home-template
.gh-header.has-background-image
.gh-header-image {
    position: static !important;

    display: block;
    width: 100% !important;
    height: auto !important;

    object-fit: contain !important;
    object-position: center center !important;
}

.home-template
.gh-header.has-background-image
.gh-header-content {
    display: none !important;
}


/* Mobile / portrait-tablet homepage header: replace the very wide cover
   artwork with the regular Ghost site logo so the header remains legible. */
.ec-header-mobile-brand {
    display: none;
}

@media (max-width: 767px), (min-width: 768px) and (max-width: 1100px) and (orientation: portrait) {
    .home-template .gh-header.has-background-image {
        background: #fff;
    }

    .home-template .gh-header.has-background-image .gh-header-image {
        display: none !important;
    }

    .home-template .gh-header.has-background-image .ec-header-mobile-brand {
        display: flex;
        align-items: center;
        justify-content: center;
        width: 100%;
        min-height: 11rem;
        padding: 2.4rem var(--gap);
    }

    .home-template .gh-header.has-background-image .ec-header-mobile-brand img {
        display: block;
        width: auto;
        max-width: min(72vw, 32rem);
        max-height: 6.2rem;
        object-fit: contain;
    }
}

/* =========================================================
   eingecheckt.com – Artikel Hero
   ========================================================= */

.gh-article-header {
    margin-bottom: 3rem;
}

/* Hero-Bild */

.gh-article-hero {
    position: relative;
    width: 100%;
    margin-top: 0;
    margin-bottom: 0;
    overflow: hidden;
    border-radius: 0 !important;
    background: var(--ec-dark);
}

.gh-article-hero img {
    display: block;
    width: 100%;
    height: 360px;
    object-fit: cover;
    object-position: center;
    border-radius: 0 !important;
}

/* Transparente Titel-Fläche über die komplette Bildbreite */

.gh-article-hero-overlay {
    position: absolute;
    right: 0;
    bottom: 0;
    left: 0;

    width: 100%;
    padding: 1.7rem 3rem 2rem;

    background: rgba(45, 47, 52, .76);

    text-align: center;

    border-radius: 0 !important;
    box-sizing: border-box;
}

/* Kategorie */

.gh-article-hero-tag {
    display: inline-block;
    margin-bottom: .7rem;

    color: var(--ec-orange) !important;

    font-family: var(--gh-font-body, var(--font-sans));
    font-size: 1.25rem;
    font-weight: 700;
    line-height: 1.2;
    letter-spacing: .04em;

    text-decoration: none;
}

/* Artikeltitel */

.gh-article-hero-title {
    max-width: 1050px;
    margin: 0 auto;

    color: #fff;

    font-size: clamp(3rem, 4vw, 5.2rem);
    font-weight: 700;
    line-height: 1.08;
    letter-spacing: -.03em;

    text-align: center;
    text-wrap: balance;
}

/* Optionaler Auszug unter dem Hero */

.gh-article-hero-excerpt {
    max-width: 850px;
    margin: 2.5rem auto 0;

    color: var(--ec-muted);

    font-size: 1.8rem;
    line-height: 1.6;

    text-align: center;
}

/* Bildunterschrift */

.gh-article-image-caption {
    margin-top: .8rem;
    color: var(--ec-muted);
    font-size: 1.3rem;
    text-align: center;
}

/* Artikel ohne Beitragsbild */

.gh-article-hero-fallback {
    padding: 3rem 0;
    text-align: center;
}

.gh-article-hero-fallback .gh-article-title {
    margin: 1rem auto 0;
    text-align: center;
}


/* ---------------------------------------------------------
   Artikel Hero – Tablet
   --------------------------------------------------------- */

@media (max-width: 860px) {

    .gh-article-hero img {
        height: 300px;
    }

    .gh-article-hero-overlay {
        padding: 1.5rem 2.2rem 1.8rem;
    }

    .gh-article-hero-title {
        font-size: clamp(2.8rem, 6vw, 4.2rem);
    }
}


/* ---------------------------------------------------------
   Artikel Hero – Smartphone
   --------------------------------------------------------- */

@media (max-width: 620px) {

    .gh-article-header {
        margin-bottom: 2.5rem;
    }

    .gh-article-hero img {
        height: 240px;
    }

    .gh-article-hero-overlay {
        padding: 1.2rem 1.5rem 1.4rem;
    }

    .gh-article-hero-tag {
        margin-bottom: .5rem;
        font-size: 1.1rem;
    }

    .gh-article-hero-title {
        font-size: clamp(2.3rem, 7vw, 3.2rem);
        line-height: 1.1;
    }

    .gh-article-hero-excerpt {
        margin-top: 2rem;
        font-size: 1.65rem;
    }
}

/* =========================================================
   eingecheckt.com – Score Fazit
   ========================================================= */

.ec-score-summary {
    margin: 3.5rem 0;
    padding: clamp(2.4rem, 4vw, 4rem);

    background: #f6f6f6;
    border: 1px solid #dedede;

    color: var(--ec-dark);

    font-family: var(--gh-font-body, var(--font-sans));
    font-size: 1.75rem;
    line-height: 1.65;
}

.ec-score-summary h2 {
    margin: 0 0 2rem;

    color: var(--ec-dark);

    font-size: clamp(2.6rem, 3vw, 3.8rem);
    font-weight: 800;
    line-height: 1.15;
    letter-spacing: -.025em;
}

.ec-score-summary p {
    margin: 0 0 1.7rem;
}

.ec-score-summary p:last-child {
    margin-bottom: 0;
}

.ec-score-summary strong {
    font-weight: 800;
}

.ec-score-summary-result {
    margin-top: 2.6rem;
    padding-top: 2rem;

    border-top: 1px solid #d8d8d8;

    font-size: 2rem;
    font-weight: 800;
    line-height: 1.3;
}

.ec-score-summary-result strong {
    font-size: 2.6rem;
}

@media (max-width: 620px) {
    .ec-score-summary {
        margin: 2.8rem 0;
        padding: 2.2rem 1.8rem;
        font-size: 1.65rem;
    }

    .ec-score-summary-result {
        font-size: 1.8rem;
    }

    .ec-score-summary-result strong {
        font-size: 2.3rem;
    }
}
/* =========================================================
   eingecheckt.com – Professional 4-column footer
   ========================================================= */

.gh-foot.ec-footer {
    --ec-footer-bg: #26282c;
    --ec-footer-bg-bottom: #202226;
    --ec-footer-text: #c9cbd0;
    --ec-footer-muted: #92969d;
    --ec-footer-line: rgba(255, 255, 255, .10);

    width: 100%;
    margin-top: clamp(6rem, 8vw, 11rem);
    padding: 0;

    color: var(--ec-footer-text);
    background: var(--ec-footer-bg);

    font-family: var(--font-sans);
    font-size: 1.5rem;
    line-height: 1.65;
    text-align: left;
}

.is-font-serif:not([class*=" gh-font-body"]):not([class^="gh-font-body"]) .gh-foot.ec-footer {
    font-family: var(--font-sans);
}

.ec-footer-main {
    padding-top: clamp(5rem, 6vw, 7.5rem);
    padding-bottom: clamp(4.5rem, 5vw, 6.5rem);
}

.ec-footer-grid {
    --container-width: 1380px;

    display: grid;
    grid-template-columns: minmax(0, 1.35fr) minmax(160px, .8fr) minmax(190px, 1fr) minmax(0, 1.15fr);
    gap: clamp(3.5rem, 5vw, 7rem);
    align-items: start;
}

.ec-footer-column {
    min-width: 0;
}

.ec-footer-wordmark {
    display: inline-flex;
    align-items: baseline;
    margin-bottom: 1.5rem;

    color: #fff !important;

    font-size: clamp(2.5rem, 2.3vw, 3.2rem);
    font-weight: 800;
    line-height: 1;
    letter-spacing: -.055em;
}

.ec-footer-wordmark:hover {
    opacity: 1;
}

.ec-footer-wordmark-einge,
.ec-footer-wordmark-domain {
    color: #fff;
}

.ec-footer-wordmark-checkt {
    color: var(--ec-orange);
}

.ec-footer-wordmark-domain {
    margin-left: .08em;
    color: #b9bcc2;
    font-size: .72em;
    font-weight: 600;
    letter-spacing: -.035em;
}

.ec-footer-claim {
    max-width: 34rem;
    margin: 0 0 1.4rem;

    color: #fff;

    font-size: 1.55rem;
    font-weight: 600;
    line-height: 1.45;
}

.ec-footer-copy,
.ec-footer-social-copy {
    max-width: 35rem;
    margin: 0;

    color: var(--ec-footer-muted);

    font-size: 1.4rem;
    line-height: 1.7;
}

.ec-footer-heading {
    margin: .25rem 0 1.8rem;

    color: #fff !important;

    font-family: var(--font-sans) !important;
    font-size: 1.35rem;
    font-weight: 700;
    line-height: 1.3;
    letter-spacing: .08em;
    text-transform: uppercase;
}

.gh-foot.ec-footer .ec-footer-menu .nav {
    display: flex;
    flex-direction: column;
    align-items: flex-start;
    gap: .75rem;
    justify-content: flex-start;

    padding: 0;
    margin: 0;
    list-style: none;
}

.gh-foot.ec-footer .ec-footer-menu .nav li {
    margin: 0;
    padding: 0;
}

.gh-foot.ec-footer .ec-footer-menu .nav a {
    display: inline-block;
    padding: .2rem 0;

    color: var(--ec-footer-text) !important;

    font-size: 1.45rem;
    line-height: 1.45;
    text-decoration: none;

    transition: color .18s ease, transform .18s ease;
}

.gh-foot.ec-footer .ec-footer-menu .nav a:hover {
    color: var(--ec-orange) !important;
    opacity: 1;
    transform: translateX(2px);
}

.ec-footer-social-links {
    display: flex;
    flex-direction: column;
    align-items: flex-start;
    gap: .8rem;
    margin-bottom: 1.6rem;
}

.ec-footer-social-link {
    display: inline-flex;
    align-items: center;
    gap: 1rem;

    color: var(--ec-footer-text) !important;

    font-size: 1.45rem;
    line-height: 1.4;

    transition: color .18s ease, transform .18s ease;
}

.ec-footer-social-link:hover {
    color: var(--ec-orange) !important;
    opacity: 1;
    transform: translateX(2px);
}

.ec-footer-social-icon {
    display: inline-flex;
    flex: 0 0 2.8rem;
    align-items: center;
    justify-content: center;

    width: 2.8rem;
    height: 2.8rem;

    color: currentColor;
    border: 1px solid rgba(255, 255, 255, .14);
    border-radius: 50%;
}

.ec-footer-social-icon svg {
    width: 1.35rem;
    height: 1.35rem;
    fill: currentColor;
}

.ec-footer-social-name {
    color: inherit;
}

.ec-footer-partners {
    padding-left: clamp(0rem, 1.5vw, 2rem);
    border-left: 1px solid var(--ec-footer-line);
}

.ec-footer-partner-note {
    margin: 2rem 0 0;
    padding-top: 1.6rem;

    color: #aeb1b7;
    border-top: 1px solid var(--ec-footer-line);

    font-size: 1.25rem;
    line-height: 1.6;
}

/* Partner / affiliate logos. */
.ec-footer-partner-logos {
    display: flex;
    flex-wrap: wrap;
    gap: 1.2rem;
    align-items: center;
    margin-top: 2rem;
}

.ec-footer-partner-logo {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    min-height: 5rem;
    padding: 1rem 1.4rem;

    background: #fff;
    border-radius: .6rem;
}

.ec-footer-partner-logo:hover {
    opacity: .82;
}

.ec-footer-partner-logo img {
    display: block;
    width: auto;
    max-width: 14rem;
    max-height: 3rem;
}

/* Booking.com: use the supplied white logotype directly on the dark footer. */
.ec-footer-booking-link {
    display: inline-block;
    line-height: 0;
    text-decoration: none;
    transition: opacity .2s ease;
}

.ec-footer-booking-link:hover {
    opacity: .82;
}

.ec-footer-booking-logo {
    display: block;
    width: 18rem;
    height: auto;
    max-width: 100%;
}

.ec-affiliate-tracking-pixel {
    position: absolute;
    width: 1px !important;
    height: 1px !important;
    overflow: hidden;
    opacity: 0;
    pointer-events: none;
}

.ec-footer-bottom {
    background: var(--ec-footer-bg-bottom);
    border-top: 1px solid var(--ec-footer-line);
}

.ec-footer-bottom-inner {
    --container-width: 1380px;

    display: flex;
    gap: 2rem;
    align-items: center;
    justify-content: space-between;

    min-height: 7rem;
    padding-top: 1.8rem;
    padding-bottom: 1.8rem;

    color: #858991;

    font-size: 1.25rem;
    line-height: 1.5;
}

.ec-footer-copyright {
    flex: 0 0 auto;
    color: #aeb1b7;
    font-weight: 600;
}

.ec-footer-bottom-text {
    text-align: right;
}

@media (max-width: 980px) {
    .ec-footer-grid {
        grid-template-columns: minmax(0, 1.25fr) minmax(0, 1fr);
        gap: 4.5rem 6rem;
    }

    .ec-footer-partners {
        padding-left: 0;
        border-left: 0;
    }
}

@media (max-width: 620px) {
    .gh-foot.ec-footer {
        margin-top: 6rem;
    }

    .ec-footer-main {
        padding-top: 4.5rem;
        padding-bottom: 4rem;
    }

    .ec-footer-grid {
        grid-template-columns: 1fr;
        gap: 3.5rem;
    }

    .ec-footer-column + .ec-footer-column {
        padding-top: 3.2rem;
        border-top: 1px solid var(--ec-footer-line);
    }

    .ec-footer-heading {
        margin-top: 0;
        margin-bottom: 1.5rem;
    }

    .ec-footer-bottom-inner {
        flex-direction: column;
        gap: .5rem;
        align-items: flex-start;
        justify-content: center;
        min-height: 0;
        padding-top: 2.2rem;
        padding-bottom: 2.2rem;
    }

    .ec-footer-bottom-text {
        text-align: left;
    }
}

.ec-footer-bottom-text-custom {
    width: 100%;
    text-align: center;
}

/* ================================================================
   eingecheckt.com newsletter signup
   Homepage signup box using Ghost Members / newsletter subscriptions.
   ================================================================ */

.ec-newsletter {
    margin-top: clamp(6rem, 8vw, 10rem);
    margin-bottom: clamp(6rem, 8vw, 9rem);
}

.ec-newsletter-inner {
    --container-width: 1380px;

    display: grid;
    grid-template-columns: minmax(0, .9fr) minmax(36rem, 1.1fr);
    gap: clamp(4rem, 7vw, 9rem);
    align-items: center;

    padding-top: clamp(4.5rem, 6vw, 7rem);
    padding-bottom: clamp(4.5rem, 6vw, 7rem);
    padding-right: clamp(3rem, 5vw, 7rem);
    padding-left: clamp(3rem, 5vw, 7rem);

    background: #f2f2f0;
    border: 1px solid #deded9;
}

.ec-newsletter-kicker {
    display: block;
    margin-bottom: 1.2rem;

    color: var(--ec-orange, #e86f1c);

    font-family: var(--font-sans);
    font-size: 1.25rem;
    font-weight: 700;
    line-height: 1.3;
    letter-spacing: .09em;
    text-transform: uppercase;
}

.ec-newsletter-title {
    max-width: 58rem;
    margin: 0 0 1.5rem;

    color: #262626;

    font-size: clamp(3rem, 3.2vw, 4.5rem);
    line-height: 1.05;
    letter-spacing: -.025em;
}

.ec-newsletter-text {
    max-width: 60rem;
    margin: 0;

    color: #646464;

    font-size: 1.55rem;
    line-height: 1.7;
}

.ec-newsletter-form {
    width: 100%;
    max-width: 62rem;
    justify-self: end;
}

.ec-newsletter-label {
    display: block;
    margin-bottom: .9rem;

    color: #4b4b4b;

    font-family: var(--font-sans);
    font-size: 1.25rem;
    font-weight: 600;
    line-height: 1.4;
}

.ec-newsletter-input-row {
    display: grid;
    grid-template-columns: minmax(0, 1fr) auto;
    min-height: 5.8rem;

    background: #fff;
    border: 1px solid #cfcfca;
}

.ec-newsletter-input {
    width: 100%;
    min-width: 0;
    padding: 0 1.8rem;

    color: #252525;
    background: transparent;
    border: 0;
    outline: 0;

    font-family: var(--font-sans);
    font-size: 1.5rem;
}

.ec-newsletter-input::placeholder {
    color: #929292;
}

.ec-newsletter-input:focus {
    box-shadow: inset 0 0 0 2px rgba(232, 111, 28, .22);
}

.ec-newsletter-button {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    min-width: 18rem;
    padding: 0 2.2rem;

    color: #fff;
    background: var(--ec-orange, #e86f1c);
    border: 0;
    cursor: pointer;

    font-family: var(--font-sans);
    font-size: 1.35rem;
    font-weight: 700;
    line-height: 1.2;
    white-space: nowrap;

    transition: filter .18s ease, transform .18s ease;
}

.ec-newsletter-button:hover {
    filter: brightness(.94);
}

.ec-newsletter-button:active {
    transform: translateY(1px);
}

.ec-newsletter-note,
.ec-newsletter-terms,
.ec-newsletter-error,
.ec-newsletter-success {
    margin: 1rem 0 0;

    color: #777;

    font-size: 1.15rem;
    line-height: 1.55;
}

.ec-newsletter-terms a {
    color: inherit;
    text-decoration: underline;
}

.ec-newsletter-error {
    display: none;
    color: #a33a2a;
}

.ec-newsletter-form.error .ec-newsletter-error {
    display: block;
}

.ec-newsletter-success {
    display: none;
    padding: 1.4rem 1.6rem;

    color: #325c3b;
    background: #e9f4eb;
    border: 1px solid #c7decf;

    font-size: 1.3rem;
    font-weight: 600;
}

.ec-newsletter-form.success .ec-newsletter-fields,
.ec-newsletter-form.success .ec-newsletter-note,
.ec-newsletter-form.success .ec-newsletter-terms,
.ec-newsletter-form.success .ec-newsletter-error {
    display: none;
}

.ec-newsletter-form.success .ec-newsletter-success {
    display: block;
    margin-top: 0;
}

.ec-newsletter-button-loading {
    display: none;
}

.ec-newsletter-form.loading .ec-newsletter-button {
    cursor: wait;
    opacity: .8;
}

.ec-newsletter-form.loading .ec-newsletter-button-default {
    display: none;
}

.ec-newsletter-form.loading .ec-newsletter-button-loading {
    display: inline;
}

@media (max-width: 900px) {
    .ec-newsletter-inner {
        grid-template-columns: 1fr;
        gap: 3rem;
    }

    .ec-newsletter-form {
        max-width: none;
        justify-self: stretch;
    }
}

@media (max-width: 620px) {
    .ec-newsletter {
        margin-top: 5rem;
        margin-bottom: 5rem;
    }

    .ec-newsletter-inner {
        gap: 2.6rem;
        padding: 3.5rem 2rem;
    }

    .ec-newsletter-title {
        font-size: 3rem;
    }

    .ec-newsletter-input-row {
        grid-template-columns: 1fr;
        gap: 0;
        background: transparent;
        border: 0;
    }

    .ec-newsletter-input {
        min-height: 5.6rem;
        background: #fff;
        border: 1px solid #cfcfca;
    }

    .ec-newsletter-button {
        min-height: 5.4rem;
        margin-top: 1rem;
        width: 100%;
    }
}

/* =========================================================
   Hotelbewertungen – dedicated archive
   /tag/hotelbewertungen/
   ========================================================= */

.ec-reviews-main {
    background: #fff;
}

.ec-reviews-hero {
    padding-top: clamp(5.5rem, 7vw, 9rem);
    padding-bottom: clamp(4rem, 5vw, 6.5rem);
    border-bottom: 1px solid var(--ec-border);
    background:
        radial-gradient(circle at 88% 12%, rgba(244, 119, 33, .09), transparent 27rem),
        linear-gradient(180deg, #fafafa 0%, #fff 100%);
}

.ec-reviews-hero-inner,
.ec-reviews-archive-inner {
    --container-width: 1380px;
}

.ec-reviews-hero-inner {
    display: flex;
    align-items: flex-end;
    justify-content: space-between;
    gap: clamp(3rem, 6vw, 8rem);
}

.ec-reviews-heading {
    max-width: 82rem;
}

.ec-reviews-kicker {
    display: inline-flex;
    align-items: center;
    gap: .8rem;
    margin-bottom: 1.35rem;
    color: var(--ec-orange);
    font-family: var(--gh-font-body, var(--font-sans));
    font-size: 1.25rem;
    font-weight: 800;
    line-height: 1.2;
    letter-spacing: .09em;
    text-transform: uppercase;
}

.ec-reviews-kicker::before {
    width: 2.8rem;
    height: 2px;
    content: "";
    background: currentColor;
}

.ec-reviews-heading h1 {
    margin: 0;
    color: var(--ec-dark);
    font-size: clamp(4rem, 5.2vw, 7rem);
    line-height: .98;
    letter-spacing: -.045em;
    text-wrap: balance;
}

.ec-reviews-heading p {
    max-width: 72rem;
    margin: 2rem 0 0;
    color: #666a70;
    font-size: clamp(1.6rem, 1.4vw, 1.9rem);
    line-height: 1.65;
}

.ec-reviews-summary {
    flex: 0 0 auto;
    min-width: 21rem;
    padding: 2.2rem 2.4rem;
    border: 1px solid #dedede;
    border-radius: 16px;
    background: rgba(255, 255, 255, .9);
    box-shadow: 0 1.2rem 4rem rgba(30, 32, 35, .06);
}

.ec-reviews-summary strong {
    display: block;
    color: var(--ec-dark);
    font-size: clamp(3.2rem, 3vw, 4.4rem);
    line-height: 1;
    letter-spacing: -.04em;
}

.ec-reviews-summary span {
    display: block;
    margin-top: .65rem;
    color: #74787e;
    font-size: 1.25rem;
    font-weight: 650;
    line-height: 1.35;
}

.ec-reviews-archive {
    padding-top: clamp(4rem, 5vw, 6rem);
    padding-bottom: clamp(7rem, 8vw, 11rem);
}

.ec-reviews-toolbar {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 2.5rem;
    margin-bottom: 3.2rem;
    padding-bottom: 2.2rem;
    border-bottom: 1px solid var(--ec-border);
}

.ec-reviews-toolbar-copy {
    display: flex;
    align-items: baseline;
    gap: 1.4rem;
    min-width: 0;
}

.ec-reviews-toolbar-label {
    flex: 0 0 auto;
    color: var(--ec-dark);
    font-size: 1.5rem;
    font-weight: 800;
}

.ec-reviews-toolbar-hint {
    color: #7b7f84;
    font-size: 1.3rem;
    line-height: 1.5;
}

.ec-reviews-sort {
    display: flex;
    align-items: center;
    gap: 1.2rem;
    flex: 0 0 auto;
}

.ec-reviews-sort > span {
    color: #6d7176;
    font-size: 1.25rem;
    font-weight: 700;
    white-space: nowrap;
}

.ec-reviews-sort select {
    min-width: 22rem;
    height: 4.6rem;
    padding: 0 4rem 0 1.5rem;
    color: var(--ec-dark);
    background-color: #fff;
    border: 1px solid #d8d9db;
    border-radius: 10px;
    outline: none;
    font: inherit;
    font-size: 1.35rem;
    font-weight: 700;
    cursor: pointer;
    transition: border-color .18s ease, box-shadow .18s ease;
}

.ec-reviews-sort select:hover {
    border-color: #bfc1c4;
}

.ec-reviews-sort select:focus-visible {
    border-color: var(--ec-orange);
    box-shadow: 0 0 0 3px rgba(244, 119, 33, .13);
}

.ec-reviews-grid {
    display: grid;
    grid-template-columns: repeat(3, minmax(0, 1fr));
    gap: clamp(3.2rem, 4vw, 5.5rem) clamp(2.4rem, 3vw, 4rem);
}

.ec-review-card {
    display: flex;
    min-width: 0;
    flex-direction: column;
    overflow: hidden;
    border: 1px solid var(--ec-border);
    border-radius: 18px;
    background: #fff;
    box-shadow: 0 .7rem 2.5rem rgba(32, 35, 39, .035);
    transition: transform .22s ease, box-shadow .22s ease, border-color .22s ease;
}

@media (hover: hover) and (pointer: fine) {
    .ec-review-card:hover {
        transform: translateY(-4px);
        border-color: #dbdcde;
        box-shadow: 0 1.6rem 4rem rgba(32, 35, 39, .09);
    }
}

.ec-review-card-image-link {
    position: relative;
    display: block;
    overflow: hidden;
    background: #f1f1ef;
}

.ec-review-card-image {
    position: relative;
    aspect-ratio: 16 / 10;
    margin: 0;
    overflow: hidden;
}

.ec-review-card-image img {
    width: 100%;
    height: 100%;
    object-fit: cover;
    transition: transform .45s ease;
}

@media (hover: hover) and (pointer: fine) {
    .ec-review-card:hover .ec-review-card-image img {
        transform: scale(1.025);
    }
}

[data-ec-review-score][hidden] {
    display: none !important;
}

.ec-review-score {
    position: absolute;
    top: 1.5rem;
    right: 1.5rem;
    z-index: 2;
    display: flex;
    min-width: 11.2rem;
    flex-direction: column;
    padding: 1.05rem 1.2rem .95rem;
    color: var(--ec-dark);
    background: rgba(255, 255, 255, .96);
    border: 1px solid rgba(255, 255, 255, .7);
    border-radius: 12px;
    box-shadow: 0 .7rem 2rem rgba(20, 22, 24, .16);
    backdrop-filter: blur(8px);
    -webkit-backdrop-filter: blur(8px);
}

.ec-review-score-brand {
    display: block;
    padding-bottom: .6rem;
    border-bottom: 1px solid #ececec;
    font-size: .92rem;
    font-weight: 850;
    line-height: 1.15;
    white-space: nowrap;
}

.ec-review-score-brand span {
    color: var(--ec-orange);
}

.ec-review-score-number {
    display: flex;
    align-items: baseline;
    gap: .35rem;
    padding-top: .55rem;
}

.ec-review-score-number strong {
    color: var(--ec-dark);
    font-size: 2.8rem;
    font-weight: 850;
    line-height: 1;
    letter-spacing: -.05em;
}

.ec-review-score-number small {
    color: #797d82;
    font-size: 1rem;
    font-weight: 750;
}

.ec-review-card-content {
    display: flex;
    flex: 1 1 auto;
    flex-direction: column;
    padding: 2.2rem 2.3rem 2.4rem;
}

.ec-review-card-meta {
    margin-bottom: 1rem;
    color: var(--ec-orange);
    font-size: 1.15rem;
    font-weight: 800;
    line-height: 1.35;
    letter-spacing: .045em;
    text-transform: uppercase;
}

.ec-review-card-title {
    margin: 0;
    color: var(--ec-dark);
    font-size: clamp(2.2rem, 1.8vw, 2.75rem);
    line-height: 1.13;
    letter-spacing: -.025em;
    text-wrap: balance;
}

.ec-review-card-title a {
    color: inherit;
    text-decoration: none;
}

.ec-review-card-excerpt {
    margin: 1.4rem 0 0;
    color: #666a70;
    font-size: 1.42rem;
    line-height: 1.62;
}

.ec-review-card-link {
    display: inline-flex;
    align-items: center;
    align-self: flex-start;
    gap: .6rem;
    margin-top: auto;
    padding-top: 2rem;
    color: var(--ec-orange);
    font-size: 1.3rem;
    font-weight: 800;
    line-height: 1.2;
    text-decoration: none;
}

.ec-review-card-link span {
    transition: transform .18s ease;
}

@media (hover: hover) and (pointer: fine) {
    .ec-review-card-link:hover span {
        transform: translateX(3px);
    }
}

.ec-review-card-link:focus-visible,
.ec-review-card-title a:focus-visible,
.ec-review-card-image-link:focus-visible {
    outline: 2px solid var(--ec-orange);
    outline-offset: 3px;
}

.ec-reviews-empty {
    padding: 7rem 2rem;
    text-align: center;
    border: 1px solid var(--ec-border);
    border-radius: 18px;
    background: #fafafa;
}

.ec-reviews-empty strong,
.ec-reviews-empty span {
    display: block;
}

.ec-reviews-empty strong {
    color: var(--ec-dark);
    font-size: 2rem;
}

.ec-reviews-empty span {
    margin-top: .8rem;
    color: #777b80;
    font-size: 1.4rem;
}

.ec-reviews-limit-note {
    margin: 3rem 0 0;
    color: #888b90;
    font-size: 1.15rem;
    text-align: center;
}

@media (max-width: 1080px) {
    .ec-reviews-grid {
        grid-template-columns: repeat(2, minmax(0, 1fr));
    }

    .ec-reviews-hero-inner {
        align-items: stretch;
    }
}

@media (max-width: 800px) {
    .ec-reviews-hero-inner {
        flex-direction: column;
        gap: 2.8rem;
    }

    .ec-reviews-summary {
        min-width: 0;
        width: min(100%, 28rem);
    }

    .ec-reviews-toolbar {
        align-items: stretch;
        flex-direction: column;
        gap: 1.8rem;
    }

    .ec-reviews-sort {
        width: 100%;
        justify-content: space-between;
    }

    .ec-reviews-sort select {
        flex: 0 1 28rem;
    }
}

@media (max-width: 680px) {
    .ec-reviews-hero {
        padding-top: 4.5rem;
        padding-bottom: 3.5rem;
    }

    .ec-reviews-heading h1 {
        font-size: 4rem;
    }

    .ec-reviews-heading p {
        font-size: 1.55rem;
    }

    .ec-reviews-summary {
        width: 100%;
    }

    .ec-reviews-toolbar-copy {
        align-items: flex-start;
        flex-direction: column;
        gap: .55rem;
    }

    .ec-reviews-sort {
        align-items: stretch;
        flex-direction: column;
        gap: .7rem;
    }

    .ec-reviews-sort select {
        width: 100%;
        min-width: 0;
        flex-basis: auto;
    }

    .ec-reviews-grid {
        grid-template-columns: 1fr;
        gap: 3rem;
    }

    .ec-review-card-content {
        padding: 2rem 2rem 2.2rem;
    }
}

/* eingecheckt.com Media Kit */
.ec-media-kit,.ec-media-admin{--ec-orange:#f47721;--ec-dark:#111214;--ec-soft:#f5f5f3;--ec-border:#e6e3df;color:var(--ec-dark)}
.ec-mk-hero{padding-top:7rem;padding-bottom:7rem;background:#111214;color:#fff}
.ec-mk-hero-inner,.ec-mk-two-col{display:grid;grid-template-columns:minmax(0,1.4fr) minmax(280px,.6fr);gap:7rem;align-items:center}
.ec-mk-kicker,.ec-mk-heading>span{display:block;margin-bottom:1.4rem;color:var(--ec-orange);font:700 1.25rem/1.2 var(--font-sans);letter-spacing:.12em;text-transform:uppercase}
.ec-mk-hero h1{max-width:820px;color:#fff;font-size:clamp(4.4rem,7vw,8.2rem);line-height:.94;letter-spacing:-.04em}
.ec-mk-hero p{max-width:760px;margin-top:2.4rem;color:#d7d7d7;font-size:1.8rem;line-height:1.7}
.ec-mk-score{display:flex;aspect-ratio:1;flex-direction:column;align-items:center;justify-content:center;border:3px solid var(--ec-orange);border-radius:50%;text-align:center}
.ec-mk-score strong{color:#fff;font:700 clamp(5rem,8vw,8rem)/.9 var(--font-sans)}
.ec-mk-score span{margin-top:1.2rem;color:#ddd;font:600 1.2rem/1.4 var(--font-sans);text-transform:uppercase;letter-spacing:.08em}
.ec-mk-section{padding-top:7rem;padding-bottom:7rem}.ec-mk-light{background:var(--ec-soft)}.ec-mk-dark{background:#111214;color:#fff}.ec-mk-dark h2{color:#fff}
.ec-mk-heading{max-width:760px;margin-bottom:3.5rem}.ec-mk-heading h2,.ec-mk-two-col h2{font-size:clamp(3rem,4vw,5rem);line-height:1.05}.ec-mk-heading p{margin-top:1.2rem;color:#686b70}
.ec-mk-stats{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));border:1px solid var(--ec-border);border-radius:18px;overflow:hidden;background:#fff}
.ec-mk-stats article{min-height:170px;padding:2.4rem;border-right:1px solid var(--ec-border)}.ec-mk-stats article:last-child{border-right:0}.ec-mk-stats article>span{color:#777;font:700 1.1rem/1.2 var(--font-sans);text-transform:uppercase;letter-spacing:.08em}.ec-mk-stats strong{display:block;margin:2rem 0 .5rem;font:700 4rem/1 var(--font-sans)}.ec-mk-stats p{color:#666;font-size:1.3rem}.ec-mk-updated,.ec-mk-note{margin-top:1.4rem;color:#888;font-size:1.2rem}
.ec-mk-copy p+p{margin-top:1.6rem}.ec-mk-copy{font-size:1.65rem;line-height:1.75}.ec-mk-topics{display:flex;flex-wrap:wrap;gap:1rem}.ec-mk-topics span{padding:.8rem 1.25rem;border:1px solid var(--ec-border);border-radius:999px;background:#fff;font:600 1.3rem/1.2 var(--font-sans)}
.ec-mk-button{display:inline-flex;margin-top:2.4rem;padding:1.25rem 1.8rem;border-radius:999px;background:var(--ec-orange);color:#fff!important;font:700 1.4rem/1 var(--font-sans)}
.ec-media-admin{padding-top:6rem;padding-bottom:8rem}.ec-ma-head{display:flex;justify-content:space-between;gap:3rem;align-items:flex-end;margin-bottom:4rem}.ec-ma-head h1{font-size:clamp(3.5rem,5vw,6rem)}.ec-ma-head p{margin-top:1rem;color:#666}.ec-ma-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:1.6rem}.ec-ma-grid article{padding:2.4rem;border:1px solid var(--ec-border);border-radius:16px;background:#fff}.ec-ma-grid h2{margin-top:1.8rem;font-size:2rem}.ec-ma-grid strong{display:block;margin-top:1.4rem;font:700 3.5rem/1 var(--font-sans)}.ec-ma-grid p{margin-top:.7rem;color:#73767b;font-size:1.3rem}.ec-ma-status{display:inline-flex;padding:.55rem .8rem;border-radius:999px;font:700 1rem/1 var(--font-sans);text-transform:uppercase;letter-spacing:.07em}.ec-ma-status.ok{background:#e8f6ec;color:#24733b}.ec-ma-status.partial{background:#fff0df;color:#a05213}.ec-ma-status.wait{background:#eeeef0;color:#60636a}.ec-ma-info,.ec-ma-locked{margin-top:3rem;padding:3rem;border-radius:16px;background:var(--ec-soft)}.ec-ma-info h2{font-size:2.4rem}.ec-ma-info p{max-width:900px;margin-top:1rem;color:#666}.ec-ma-locked{margin-top:6rem;text-align:center}.ec-ma-locked p{margin-top:1rem}
@media(max-width:900px){.ec-mk-hero-inner,.ec-mk-two-col{grid-template-columns:1fr;gap:3rem}.ec-mk-score{width:240px}.ec-mk-stats{grid-template-columns:repeat(2,1fr)}.ec-mk-stats article{border-bottom:1px solid var(--ec-border)}.ec-ma-grid{grid-template-columns:repeat(2,1fr)}.ec-ma-head{align-items:flex-start;flex-direction:column}}
@media(max-width:560px){.ec-mk-hero{padding-top:4.5rem;padding-bottom:4.5rem}.ec-mk-section{padding-top:5rem;padding-bottom:5rem}.ec-mk-stats,.ec-ma-grid{grid-template-columns:1fr}.ec-mk-stats article{border-right:0}.ec-ma-head .ec-mk-button{margin-top:0}}
/* Media Kit 1.7.3 additions */
.ec-mk-actions{display:flex;flex-wrap:wrap;gap:1rem;align-items:center;margin-top:2.4rem}.ec-mk-actions .ec-mk-button{margin-top:0;border:0;cursor:pointer;text-decoration:none}.ec-mk-button-secondary{background:#fff;color:#111214!important}.ec-mk-button-secondary-dark{background:#fff;color:#111214!important}
.ec-mk-social-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:1.6rem}.ec-mk-social-card{display:flex;min-height:210px;flex-direction:column;padding:2.5rem;border:1px solid var(--ec-border);border-radius:18px;background:#fff;color:var(--ec-dark)!important;text-decoration:none;box-shadow:0 10px 35px rgba(17,18,20,.04);transition:transform .18s ease,box-shadow .18s ease}.ec-mk-social-card:hover{transform:translateY(-3px);box-shadow:0 15px 40px rgba(17,18,20,.09)}.ec-mk-social-name{color:var(--ec-orange);font:800 1.2rem/1.2 var(--font-sans);letter-spacing:.08em;text-transform:uppercase}.ec-mk-social-card strong{margin-top:2.2rem;font:800 4.2rem/1 var(--font-sans)}.ec-mk-social-card small{margin-top:.4rem;color:#74777b;font-size:1.25rem}.ec-mk-social-card b{margin-top:auto;color:var(--ec-orange);font:750 1.25rem/1.2 var(--font-sans)}
.ec-mk-charts{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:1.8rem}.ec-mk-chart-card{min-height:360px;padding:2.8rem;border:1px solid var(--ec-border);border-radius:18px;background:#fff}.ec-mk-chart-card h3{font-size:2.2rem;line-height:1.15}.ec-mk-chart-card>p{margin-top:.7rem;color:#777;font-size:1.25rem}.ec-mk-bars{display:flex;flex-direction:column;gap:1.45rem;margin-top:3rem}.ec-mk-bars>div{display:grid;grid-template-columns:105px minmax(0,1fr) 42px;gap:1rem;align-items:center}.ec-mk-bars span{font:650 1.2rem/1.2 var(--font-sans)}.ec-mk-bars i{display:block;height:12px;overflow:hidden;border-radius:999px;background:#ececea}.ec-mk-bars i b{display:block;height:100%;min-width:0;border-radius:inherit;background:var(--ec-orange)}.ec-mk-bars strong{text-align:right;font:800 1.25rem/1 var(--font-sans)}.ec-mk-bars-compact{gap:1rem}.ec-mk-donut-wrap{display:flex;gap:3rem;align-items:center;margin-top:3rem}.ec-mk-donut{display:grid;width:190px;aspect-ratio:1;flex:0 0 190px;place-items:center;border-radius:50%;background:conic-gradient(var(--ec-orange) 0 43.5%,#34373c 43.5% 75.8%,#a7aaae 75.8% 100%);position:relative}.ec-mk-donut:after{content:"";position:absolute;width:62%;height:62%;border-radius:50%;background:#fff}.ec-mk-donut span{position:relative;z-index:1;text-align:center}.ec-mk-donut strong,.ec-mk-donut small{display:block}.ec-mk-donut strong{font:800 3rem/1 var(--font-sans)}.ec-mk-donut small{margin-top:.5rem;color:#777;font-size:1rem;line-height:1.25}.ec-mk-legend{display:flex;flex:1;flex-direction:column;gap:1.2rem}.ec-mk-legend span{display:grid;grid-template-columns:12px 1fr auto;gap:.8rem;align-items:center;font-size:1.2rem}.ec-mk-legend i{width:10px;height:10px;border-radius:50%}.ec-mk-legend .ig{background:var(--ec-orange)}.ec-mk-legend .fb{background:#34373c}.ec-mk-legend .li{background:#a7aaae}.ec-mk-column-chart{display:flex;height:245px;gap:3rem;align-items:flex-end;justify-content:center;margin-top:2rem;padding-top:3rem}.ec-mk-column-chart>div{display:grid;width:34%;height:100%;grid-template-rows:auto 1fr auto;gap:.6rem;align-items:end;text-align:center}.ec-mk-column-chart strong{font:800 1.4rem/1 var(--font-sans)}.ec-mk-column-chart i{display:block;width:70%;min-height:4px;margin:0 auto;border-radius:10px 10px 3px 3px;background:var(--ec-orange)}.ec-mk-column-chart span{font:650 1.1rem/1.2 var(--font-sans)}.ec-mk-kpi-strip{display:grid;grid-template-columns:repeat(4,1fr);margin-top:1.8rem;overflow:hidden;border:1px solid var(--ec-border);border-radius:18px;background:#111214;color:#fff}.ec-mk-kpi-strip>div{padding:2.2rem;border-right:1px solid #303236}.ec-mk-kpi-strip>div:last-child{border-right:0}.ec-mk-kpi-strip span,.ec-mk-kpi-strip small{display:block}.ec-mk-kpi-strip span{color:#aaa;font:700 1rem/1.2 var(--font-sans);text-transform:uppercase;letter-spacing:.06em}.ec-mk-kpi-strip strong{display:block;margin:1.2rem 0 .35rem;color:#fff;font:800 3rem/1 var(--font-sans)}.ec-mk-kpi-strip small{color:#ccc;font-size:1.1rem}
@media(max-width:800px){.ec-mk-social-grid{grid-template-columns:1fr}.ec-mk-charts{grid-template-columns:1fr}.ec-mk-kpi-strip{grid-template-columns:repeat(2,1fr)}.ec-mk-kpi-strip>div:nth-child(2){border-right:0}.ec-mk-kpi-strip>div:nth-child(-n+2){border-bottom:1px solid #303236}}
@media(max-width:520px){.ec-mk-donut-wrap{align-items:flex-start;flex-direction:column}.ec-mk-donut{width:170px;flex-basis:170px}.ec-mk-bars>div{grid-template-columns:90px minmax(0,1fr) 35px}.ec-mk-kpi-strip{grid-template-columns:1fr}.ec-mk-kpi-strip>div{border-right:0!important;border-bottom:1px solid #303236}.ec-mk-kpi-strip>div:last-child{border-bottom:0}}
@media print{.gh-head,.gh-foot,.ec-mk-actions,.ec-mk-dark .ec-mk-actions{display:none!important}.ec-mk-hero,.ec-mk-dark{print-color-adjust:exact;-webkit-print-color-adjust:exact}.ec-mk-section,.ec-mk-hero{padding-top:3rem;padding-bottom:3rem}.ec-mk-chart-card,.ec-mk-social-card,.ec-mk-kpi-strip{break-inside:avoid}.ec-mk-social-grid{grid-template-columns:repeat(3,1fr)}.ec-mk-charts{grid-template-columns:repeat(2,1fr)}}

/* Media Kit 1.7.5 live-data polish */
.ec-mk-hero{position:relative;overflow:hidden;background:linear-gradient(118deg,#101214 0%,#171a1d 48%,#25282b 100%)}
.ec-mk-hero:before{content:"";position:absolute;inset:0;background:radial-gradient(circle at 78% 30%,rgba(244,119,33,.22),transparent 24%),linear-gradient(135deg,transparent 0 62%,rgba(255,255,255,.035) 62% 63%,transparent 63% 100%);pointer-events:none}
.ec-mk-hero:after{content:"";position:absolute;right:-7rem;bottom:-10rem;width:42rem;height:42rem;border:1px solid rgba(244,119,33,.35);border-radius:50%;box-shadow:0 0 0 55px rgba(244,119,33,.04),0 0 0 110px rgba(244,119,33,.025);pointer-events:none}
.ec-mk-hero-inner{position:relative;z-index:1}.ec-mk-score{background:rgba(17,18,20,.58);backdrop-filter:blur(6px)}
.ec-mk-stats>.ec-mk-stat-link{display:block;min-height:170px;padding:2.4rem;border-right:1px solid var(--ec-border);color:var(--ec-dark)!important;text-decoration:none;transition:background .18s ease,transform .18s ease}.ec-mk-stats>.ec-mk-stat-link:last-child{border-right:0}.ec-mk-stats>.ec-mk-stat-link:hover{background:#fff8f3;opacity:1}.ec-mk-stat-link>span{color:#777;font:700 1.1rem/1.2 var(--font-sans);text-transform:uppercase;letter-spacing:.08em}.ec-mk-stat-link strong{display:block;margin:2rem 0 .5rem;font:700 4rem/1 var(--font-sans)}.ec-mk-stat-link p{color:#666;font-size:1.3rem}
@media(max-width:900px){.ec-mk-stats>.ec-mk-stat-link{border-bottom:1px solid var(--ec-border)}}
@media(max-width:560px){.ec-mk-stats>.ec-mk-stat-link{border-right:0}}

/* Media Kit v1.7.6 – photographic hero */
.ec-mk-media-hero{padding:3.2rem 0 0;background:#fff}.ec-mk-media-hero .gh-inner{max-width:1200px}.ec-mk-media-hero img{display:block;width:100%;height:auto;border-radius:18px;box-shadow:0 18px 50px rgba(17,18,20,.10)}.ec-mk-media-hero-actions{display:flex;flex-wrap:wrap;gap:1rem;margin-top:1.5rem}.ec-mk-media-hero-actions .ec-mk-button{margin-top:0}.ec-mk-media-hero-actions .ec-mk-button-secondary{border:1px solid var(--ec-border);background:#fff;color:#111214!important}
@media(max-width:700px){.ec-mk-media-hero{padding-top:2rem}.ec-mk-media-hero img{border-radius:12px}.ec-mk-media-hero-actions{align-items:stretch;flex-direction:column}.ec-mk-media-hero-actions .ec-mk-button{text-align:center}}
@media print{.ec-mk-media-hero-actions{display:none!important}.ec-mk-media-hero img{box-shadow:none}}

/* =========================================================
   German / English language switch (v1.8.0)
   ========================================================= */
.ec-head-language-actions {
    gap: 1.2rem;
}

.ec-language-switch {
    display: inline-flex;
    align-items: center;
    gap: .55rem;
    padding: .35rem .65rem;
    border: 1px solid rgba(21, 23, 26, .16);
    border-radius: 999px;
    font-family: var(--gh-font-body, var(--font-sans));
    font-size: 1.2rem;
    font-weight: 750;
    line-height: 1;
    letter-spacing: .04em;
    background: rgba(255,255,255,.72);
}

.ec-language-switch a,
.ec-language-switch span {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    min-width: 2.2rem;
    min-height: 2.2rem;
    color: #2d2f34;
}

.ec-language-switch [aria-current="page"] {
    color: #f47721;
}

.ec-language-switch a:hover {
    color: #f47721;
    opacity: 1;
}

.ec-en-main-nav {
    margin: 0;
    padding: 0;
    list-style: none;
}

.ec-en-empty-state {
    max-width: 760px;
    margin: 6rem auto;
    padding: 4rem;
    text-align: center;
    background: #fff;
    border: 1px solid #e8e8e8;
    border-radius: 18px;
}

.ec-en-empty-state h1 {
    margin-bottom: 1.2rem;
}

.ec-en-empty-state p {
    margin-bottom: 2rem;
    color: #73777d;
}

@media (max-width: 767px) {
    .ec-head-language-actions {
        position: absolute;
        top: 1.4rem;
        right: 5.5rem;
        z-index: 5;
    }

    .ec-language-switch {
        background: #fff;
    }

    .ec-en-empty-state {
        margin: 3rem auto;
        padding: 2.6rem 2rem;
    }
}

/* =========================================================
   EINGECHECKT MAGAZIN
   Editorial landing page + magazine article layout
   ========================================================= */

.ec-mag-main {
    --ec-mag-orange: #f47721;
    --ec-mag-ink: #17191c;
    --ec-mag-copy: #4f545a;
    --ec-mag-soft: #f5f2ee;
    --ec-mag-line: #dedbd6;
    background: #fff;
}

.ec-mag-hero {
    padding: 7.5rem 0 6.5rem;
    background: var(--ec-mag-ink);
    color: #fff;
    overflow: hidden;
}

.ec-mag-hero-inner {
    display: grid;
    grid-template-columns: minmax(0, 1.3fr) minmax(260px, .7fr);
    gap: 6rem;
    align-items: end;
}

.ec-mag-eyebrow,
.ec-mag-section-head > span,
.ec-mag-archive-head > div > span {
    display: inline-block;
    color: var(--ec-mag-orange);
    font-family: var(--gh-font-body, sans-serif);
    font-size: 1.25rem;
    font-weight: 800;
    line-height: 1;
    letter-spacing: .12em;
    text-transform: uppercase;
}

.ec-mag-hero h1 {
    max-width: 850px;
    margin: 1.8rem 0 2.2rem;
    color: #fff;
    font-size: clamp(5.4rem, 8.5vw, 10.5rem);
    font-weight: 500;
    line-height: .84;
    letter-spacing: -.045em;
}

.ec-mag-hero-copy > p {
    max-width: 760px;
    margin: 0;
    color: rgba(255,255,255,.72);
    font-size: clamp(1.8rem, 2vw, 2.2rem);
    line-height: 1.55;
}

.ec-mag-hero-mark {
    position: relative;
    display: flex;
    min-height: 260px;
    flex-direction: column;
    justify-content: flex-end;
    align-items: flex-end;
    font-family: var(--gh-font-body, sans-serif);
}

.ec-mag-hero-mark::before {
    content: "";
    position: absolute;
    width: 310px;
    height: 310px;
    right: -70px;
    bottom: -115px;
    border: 1px solid rgba(255,255,255,.14);
    border-radius: 50%;
}

.ec-mag-hero-mark span {
    position: relative;
    z-index: 1;
    color: #fff;
    font-size: clamp(7rem, 9vw, 12rem);
    font-weight: 900;
    line-height: .72;
    letter-spacing: -.08em;
}

.ec-mag-hero-mark i {
    position: relative;
    z-index: 1;
    display: block;
    width: 130px;
    height: 7px;
    margin: 2.1rem 0 1.2rem;
    background: var(--ec-mag-orange);
    transform: skewX(-28deg);
}

.ec-mag-hero-mark small {
    position: relative;
    z-index: 1;
    color: rgba(255,255,255,.55);
    font-size: 1.2rem;
    font-weight: 700;
    letter-spacing: .08em;
    text-transform: uppercase;
}

.ec-mag-lead,
.ec-mag-editorial,
.ec-mag-archive,
.ec-mag-empty {
    padding: 6rem 0;
}

.ec-mag-section-head {
    display: flex;
    align-items: center;
    gap: 2rem;
    margin-bottom: 2.8rem;
}

.ec-mag-section-head > span {
    flex: 0 0 auto;
}

.ec-mag-section-line {
    width: 100%;
    height: 1px;
    background: var(--ec-mag-line);
}

.ec-mag-lead-card {
    display: grid;
    grid-template-columns: minmax(0, 1.5fr) minmax(320px, .8fr);
    min-height: 560px;
    background: var(--ec-mag-soft);
}

.ec-mag-lead-image,
.ec-mag-editorial-image,
.ec-mag-card-image {
    position: relative;
    display: block;
    overflow: hidden;
    background: #e7e3dd;
}

.ec-mag-lead-image img,
.ec-mag-editorial-image img,
.ec-mag-card-image img {
    width: 100%;
    height: 100%;
    object-fit: cover;
    transition: transform .45s ease;
}

.ec-mag-lead-card:hover .ec-mag-lead-image img,
.ec-mag-editorial-card:hover .ec-mag-editorial-image img,
.ec-mag-card:hover .ec-mag-card-image img {
    transform: scale(1.025);
}

.ec-mag-image-placeholder {
    display: flex;
    width: 100%;
    min-height: 100%;
    align-items: center;
    justify-content: center;
    padding: 4rem;
    font-family: var(--gh-font-body, sans-serif);
    font-size: clamp(2.5rem, 4vw, 5rem);
    font-weight: 900;
    background: #ede9e3;
}

.ec-mag-image-placeholder b {
    color: var(--ec-mag-ink);
}

.ec-mag-image-placeholder strong {
    color: var(--ec-mag-orange);
}

.ec-mag-lead-content {
    display: flex;
    flex-direction: column;
    justify-content: center;
    padding: clamp(3.5rem, 5vw, 6.5rem);
}

.ec-mag-meta {
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    gap: .8rem 1.3rem;
    margin-bottom: 1.6rem;
    color: #777b80;
    font-family: var(--gh-font-body, sans-serif);
    font-size: 1.2rem;
    font-weight: 650;
    letter-spacing: .035em;
    text-transform: uppercase;
}

.ec-mag-meta span {
    color: var(--ec-mag-orange);
    font-weight: 850;
}

.ec-mag-meta span::after {
    content: "";
    display: inline-block;
    width: 3px;
    height: 3px;
    margin-left: 1.3rem;
    border-radius: 50%;
    background: currentColor;
    vertical-align: middle;
}

.ec-mag-lead-content h2,
.ec-mag-editorial-content h2,
.ec-mag-card-content h3,
.ec-mag-archive-head h2 {
    margin: 0;
    color: var(--ec-mag-ink);
    letter-spacing: -.025em;
}

.ec-mag-lead-content h2 {
    font-size: clamp(3.4rem, 4.2vw, 5.4rem);
    line-height: 1.02;
}

.ec-mag-lead-content h2 a,
.ec-mag-editorial-content h2 a,
.ec-mag-card-content h3 a {
    color: inherit;
    text-decoration: none;
}

.ec-mag-lead-content > p {
    margin: 2rem 0 2.6rem;
    color: var(--ec-mag-copy);
    font-size: 1.75rem;
    line-height: 1.65;
}

.ec-mag-read {
    display: inline-flex;
    width: fit-content;
    align-items: center;
    gap: 1rem;
    padding: 1.2rem 1.7rem;
    border: 1px solid var(--ec-mag-ink);
    color: var(--ec-mag-ink);
    font-family: var(--gh-font-body, sans-serif);
    font-size: 1.3rem;
    font-weight: 800;
    line-height: 1;
    text-decoration: none;
    transition: background .2s ease, color .2s ease, border-color .2s ease;
}

.ec-mag-read:hover {
    border-color: var(--ec-mag-orange);
    background: var(--ec-mag-orange);
    color: #fff;
    opacity: 1;
}

.ec-mag-editorial {
    background: var(--ec-mag-ink);
}

.ec-mag-section-head-dark .ec-mag-section-line {
    background: rgba(255,255,255,.15);
}

.ec-mag-editorial-grid {
    display: grid;
    grid-template-columns: repeat(2, minmax(0, 1fr));
    gap: 3rem;
}

.ec-mag-editorial-card {
    background: #fff;
}

.ec-mag-editorial-image {
    aspect-ratio: 16 / 10;
}

.ec-mag-editorial-content {
    padding: 3.2rem 3.4rem 3.6rem;
}

.ec-mag-editorial-content h2 {
    font-size: clamp(2.8rem, 3.1vw, 4rem);
    line-height: 1.08;
}

.ec-mag-editorial-content > p,
.ec-mag-card-content > p {
    color: var(--ec-mag-copy);
    line-height: 1.65;
}

.ec-mag-editorial-content > p {
    margin: 1.8rem 0 2.2rem;
    font-size: 1.6rem;
}

.ec-mag-text-link {
    color: var(--ec-mag-orange);
    font-family: var(--gh-font-body, sans-serif);
    font-size: 1.3rem;
    font-weight: 800;
    text-decoration: none;
}

.ec-mag-text-link:hover {
    color: var(--ec-mag-ink);
    opacity: 1;
}

.ec-mag-archive {
    padding-top: 7rem;
    padding-bottom: 8rem;
}

.ec-mag-archive-head {
    display: grid;
    grid-template-columns: 1fr 1fr;
    gap: 4rem;
    align-items: end;
    margin-bottom: 3.6rem;
    padding-bottom: 2.7rem;
    border-bottom: 1px solid var(--ec-mag-line);
}

.ec-mag-archive-head h2 {
    margin-top: .9rem;
    font-size: clamp(3.5rem, 5vw, 5.7rem);
    line-height: .98;
}

.ec-mag-archive-head > p {
    max-width: 570px;
    margin: 0 0 .4rem auto;
    color: var(--ec-mag-copy);
    font-size: 1.65rem;
    line-height: 1.55;
}

.ec-mag-card-grid {
    display: grid;
    grid-template-columns: repeat(3, minmax(0, 1fr));
    gap: 4.5rem 2.4rem;
}

.ec-mag-card-image {
    aspect-ratio: 4 / 3;
}

.ec-mag-card-content {
    padding-top: 2rem;
}

.ec-mag-card-content h3 {
    font-size: clamp(2.25rem, 2.2vw, 3rem);
    line-height: 1.08;
}

.ec-mag-card-content > p {
    margin: 1.4rem 0 1.7rem;
    font-size: 1.45rem;
}

.ec-mag-empty-card {
    max-width: 880px;
    margin: 0 auto;
    padding: 7rem 5rem;
    border: 1px solid var(--ec-mag-line);
    text-align: center;
    background: var(--ec-mag-soft);
}

.ec-mag-empty-card h2 {
    margin: 1.4rem 0 1.4rem;
    color: var(--ec-mag-ink);
    font-size: clamp(3.5rem, 5vw, 5.4rem);
    line-height: 1;
}

.ec-mag-empty-card p {
    max-width: 650px;
    margin: 0 auto;
    color: var(--ec-mag-copy);
    font-size: 1.7rem;
    line-height: 1.6;
}

/* Magazine article */
.ec-mag-article {
    --ec-mag-orange: #f47721;
    --ec-mag-ink: #17191c;
    --ec-mag-copy: #4f545a;
    --ec-mag-soft: #f5f2ee;
    --ec-mag-line: #dedbd6;
}

.ec-mag-article-header {
    padding: 6rem 0 4.5rem;
    background: var(--ec-mag-soft);
}

.ec-mag-article-header-inner {
    max-width: 1040px;
}

.ec-mag-article-back {
    display: inline-block;
    margin-bottom: 4rem;
    color: var(--ec-mag-copy);
    font-family: var(--gh-font-body, sans-serif);
    font-size: 1.3rem;
    font-weight: 750;
    text-decoration: none;
}

.ec-mag-article-back:hover {
    color: var(--ec-mag-orange);
    opacity: 1;
}

.ec-mag-article-meta {
    display: flex;
    flex-wrap: wrap;
    gap: 1rem 1.4rem;
    align-items: center;
    margin-bottom: 2rem;
    color: #74787d;
    font-family: var(--gh-font-body, sans-serif);
    font-size: 1.25rem;
    font-weight: 700;
    letter-spacing: .07em;
    text-transform: uppercase;
}

.ec-mag-article-meta span {
    color: var(--ec-mag-orange);
}

.ec-mag-article-meta span::after {
    content: "/";
    margin-left: 1.4rem;
    color: #b7b3ae;
}

.ec-mag-article-header h1 {
    max-width: 1000px;
    margin: 0;
    color: var(--ec-mag-ink);
    font-size: clamp(4.5rem, 7vw, 8.2rem);
    font-weight: 500;
    line-height: .96;
    letter-spacing: -.04em;
}

.ec-mag-article-deck {
    max-width: 820px;
    margin: 2.6rem 0 0;
    color: var(--ec-mag-copy);
    font-size: clamp(1.8rem, 2.3vw, 2.2rem);
    line-height: 1.55;
}

.ec-mag-article-image-wrap {
    padding: 0 0 5rem;
    background: var(--ec-mag-soft);
}

.ec-mag-article-image {
    margin-top: 0;
    margin-bottom: 0;
}

.ec-mag-article-image img {
    display: block;
    width: 100%;
    max-height: 760px;
    object-fit: cover;
}

.ec-mag-article-image figcaption {
    margin-top: 1rem;
    color: #777b80;
    font-size: 1.2rem;
}

.ec-mag-article-content {
    padding-top: 5rem;
    padding-bottom: 5rem;
}

.ec-mag-article-content > p:first-of-type {
    font-size: 1.9rem;
    line-height: 1.72;
}

.ec-mag-article-content h2 {
    margin-top: 1.9em;
    color: var(--ec-mag-ink);
}

.ec-mag-article-content blockquote {
    border-left-color: var(--ec-mag-orange);
}

.ec-mag-article-footer {
    margin-top: 2rem;
    padding: 4.5rem 0;
    background: var(--ec-mag-ink);
}

.ec-mag-article-footer-inner {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 3rem;
}

.ec-mag-article-footer strong {
    display: block;
    max-width: 620px;
    margin-top: 1rem;
    color: #fff;
    font-size: clamp(2.2rem, 3vw, 3.4rem);
    font-weight: 500;
    line-height: 1.1;
}

.ec-mag-article-footer .ec-mag-read {
    flex: 0 0 auto;
    border-color: rgba(255,255,255,.5);
    color: #fff;
}

@media (max-width: 980px) {
    .ec-mag-hero-inner,
    .ec-mag-lead-card {
        grid-template-columns: 1fr;
    }

    .ec-mag-hero-mark {
        display: none;
    }

    .ec-mag-lead-image {
        aspect-ratio: 16 / 9;
    }

    .ec-mag-card-grid {
        grid-template-columns: repeat(2, minmax(0, 1fr));
    }
}

@media (max-width: 720px) {
    .ec-mag-hero {
        padding: 5rem 0 4.5rem;
    }

    .ec-mag-hero h1 {
        font-size: clamp(4.7rem, 15vw, 7rem);
    }

    .ec-mag-lead,
    .ec-mag-editorial,
    .ec-mag-archive,
    .ec-mag-empty {
        padding: 4rem 0;
    }

    .ec-mag-lead-content {
        padding: 3rem 2.4rem 3.4rem;
    }

    .ec-mag-editorial-grid,
    .ec-mag-card-grid,
    .ec-mag-archive-head {
        grid-template-columns: 1fr;
    }

    .ec-mag-editorial-grid {
        gap: 2rem;
    }

    .ec-mag-editorial-content {
        padding: 2.5rem 2.4rem 2.8rem;
    }

    .ec-mag-archive-head {
        gap: 1.8rem;
    }

    .ec-mag-archive-head > p {
        margin-left: 0;
    }

    .ec-mag-card-grid {
        gap: 3.5rem;
    }

    .ec-mag-empty-card {
        padding: 5rem 2.5rem;
    }

    .ec-mag-article-header {
        padding: 4rem 0 3rem;
    }

    .ec-mag-article-back {
        margin-bottom: 3rem;
    }

    .ec-mag-article-header h1 {
        font-size: clamp(4rem, 13vw, 6rem);
    }

    .ec-mag-article-image-wrap {
        padding-bottom: 3rem;
    }

    .ec-mag-article-content {
        padding-top: 3.5rem;
        padding-bottom: 3.5rem;
    }

    .ec-mag-article-footer-inner {
        align-items: flex-start;
        flex-direction: column;
    }
}