/* =========================================================
   FOLD CARGO-MODULE GUIDE
   Eigenständige, vollständig gekapselte Seite
========================================================= */

body:has(.fold-cargo-guide) .site-content > .ast-container,
body:has(.fold-cargo-guide) .site-content .ast-container,
body:has(.fold-cargo-guide) .site-main,
body:has(.fold-cargo-guide) .ast-article-single,
body:has(.fold-cargo-guide) .entry-content{
    width:100% !important;
    max-width:none !important;
}

body:has(.fold-cargo-guide) .entry-header{
    display:none !important;
}

.fold-cargo-guide{
    --fcg-yellow:#FACA30;
    --fcg-yellow-hover:#FFD743;
    --fcg-gold:#8A6700;
    --fcg-black:#111111;
    --fcg-text:#4B4F56;
    --fcg-muted:#747980;
    --fcg-white:#FFFFFF;
    --fcg-surface:#F7F7F4;
    --fcg-border:#E7E7E1;
    --fcg-radius:28px;
    --fcg-small-radius:20px;
    --fcg-button-radius:16px;

    width:min(94vw,1680px);
    margin:0 auto;
    padding:48px 0 112px;

    color:var(--fcg-black);
    font-family:"Inter",Arial,sans-serif;
}

.fold-cargo-guide,
.fold-cargo-guide *,
.fold-cargo-guide *::before,
.fold-cargo-guide *::after{
    box-sizing:border-box;
}

.fold-cargo-guide h1,
.fold-cargo-guide h2,
.fold-cargo-guide h3,
.fold-cargo-guide p{
    margin-top:0;
}

.fold-cargo-guide h1,
.fold-cargo-guide h2,
.fold-cargo-guide h3{
    margin-bottom:0;
    color:var(--fcg-black);
    font-family:"Oswald","Arial Narrow",Arial,sans-serif;
    font-weight:600;
    line-height:1.06;
    letter-spacing:-.015em;
    text-transform:none;
}

.fold-cargo-guide__eyebrow{
    display:block;
    margin:0 0 16px;

    color:var(--fcg-gold);

    font-size:12px;
    font-weight:800;
    line-height:1.2;
    letter-spacing:.16em;
    text-transform:uppercase;
}

.fold-cargo-guide__line{
    width:70px;
    height:4px;
    margin:24px 0 30px;

    border-radius:999px;
    background:var(--fcg-yellow);
}

/* HERO */

.fold-cargo-guide__hero{
    display:grid;
    grid-template-columns:minmax(0,1.2fr) minmax(420px,.8fr);
    gap:24px;
    align-items:stretch;

    padding:24px;

    border:1px solid var(--fcg-border);
    border-radius:34px;
    background:var(--fcg-surface);
}

.fold-cargo-guide__hero-copy{
    min-height:590px;
    padding:52px;

    display:flex;
    flex-direction:column;
    align-items:flex-start;
    justify-content:center;

    border:1px solid var(--fcg-border);
    border-radius:24px;
    background:var(--fcg-white);
}

.fold-cargo-guide__hero h1{
    max-width:900px;
    margin:0;

    font-size:clamp(52px,5.6vw,88px);
    line-height:.98;
    letter-spacing:-.035em;
}

.fold-cargo-guide__hero-copy > p{
    max-width:790px;
    margin:0;

    color:var(--fcg-text);

    font-size:18px;
    line-height:1.72;
}

.fold-cargo-guide__nav{
    display:flex;
    flex-wrap:wrap;
    gap:10px;

    margin-top:34px;
}

.fold-cargo-guide__nav a{
    min-height:44px;
    padding:0 17px;

    display:inline-flex;
    align-items:center;
    justify-content:center;

    border:1px solid var(--fcg-border);
    border-radius:var(--fcg-button-radius);
    background:var(--fcg-surface);

    color:var(--fcg-black) !important;

    font-size:13px;
    font-weight:700;
    line-height:1;
    text-decoration:none !important;

    transition:
        background-color .2s ease,
        border-color .2s ease,
        transform .2s ease;
}

.fold-cargo-guide__nav a:hover,
.fold-cargo-guide__nav a:focus-visible{
    border-color:var(--fcg-yellow);
    background:#FFFDF4;
    outline:none;
    transform:translateY(-1px);
}

.fold-cargo-guide__facts{
    display:grid;
    grid-template-columns:repeat(2,minmax(0,1fr));
    gap:14px;
}

.fold-cargo-guide__fact{
    min-width:0;
    min-height:280px;
    padding:32px;

    display:flex;
    flex-direction:column;
    justify-content:space-between;

    border:1px solid var(--fcg-border);
    border-radius:24px;
    background:var(--fcg-white);
}

.fold-cargo-guide__fact strong{
    display:block;

    font-family:"Oswald","Arial Narrow",Arial,sans-serif;
    font-size:clamp(44px,4vw,66px);
    font-weight:600;
    line-height:1;
    letter-spacing:-.025em;
}

.fold-cargo-guide__fact span{
    display:block;
    max-width:230px;

    color:var(--fcg-text);

    font-size:14px;
    font-weight:700;
    line-height:1.5;
}

/* SECTIONS */

.fold-cargo-guide__section{
    padding:80px 0;
    border-bottom:1px solid var(--fcg-border);
    scroll-margin-top:110px;
}

.fold-cargo-guide__section-head{
    max-width:980px;
    margin-bottom:36px;
}

.fold-cargo-guide__section-head h2,
.fold-cargo-guide__cta h2{
    margin:0;

    font-size:clamp(42px,4.6vw,66px);
}

.fold-cargo-guide__section-head > p,
.fold-cargo-guide__cta p{
    max-width:850px;
    margin:0;

    color:var(--fcg-text);

    font-size:18px;
    line-height:1.72;
}

/* VIDEOS / FOTOSTUDIO */

.fold-cargo-guide__video-grid{
    position:relative;
    isolation:isolate;

    display:grid;
    grid-template-columns:repeat(2,minmax(0,1fr));
    gap:24px;

    padding:32px;

    overflow:hidden;

    border:1px solid var(--fcg-border);
    border-radius:34px;

    background:
        radial-gradient(
            ellipse at 50% -12%,
            #FFFFFF 0%,
            #FFFFFF 22%,
            #FAF9F6 56%,
            #EEEAE1 100%
        );

    box-shadow:
        inset 0 1px 0 rgba(255,255,255,.96),
        0 24px 70px rgba(17,17,17,.075);
}

.fold-cargo-guide__video-grid::before{
    content:"";

    position:absolute;
    z-index:0;
    top:-18%;
    right:-10%;
    left:-10%;

    height:70%;

    pointer-events:none;

    background:
        linear-gradient(
            90deg,
            transparent 0%,
            rgba(255,255,255,.75) 22%,
            rgba(255,255,255,.18) 42%,
            rgba(255,255,255,.70) 70%,
            transparent 100%
        );

    filter:blur(22px);
    opacity:.72;
}

.fold-cargo-guide__video-card{
    position:relative;
    z-index:1;

    min-width:0;

    overflow:hidden;

    border:1px solid rgba(17,17,17,.09);
    border-radius:26px;
    background:rgba(255,255,255,.88);

    box-shadow:
        0 18px 44px rgba(17,17,17,.09),
        inset 0 1px 0 rgba(255,255,255,.95);
}

.fold-cargo-guide__video-stage{
    position:relative;

    aspect-ratio:16 / 9;

    display:flex;
    align-items:center;
    justify-content:center;

    overflow:hidden;

    border-bottom:1px solid var(--fcg-border);

    background:
        radial-gradient(
            ellipse at 50% 22%,
            #FFFFFF 0%,
            #F8F7F3 54%,
            #EAE6DD 100%
        );
}

.fold-cargo-guide__video-stage video{
    display:block;
    width:100%;
    height:100%;

    object-fit:contain;
    object-position:center;

    background:#F5F3ED;
}

.fold-cargo-guide__video-placeholder{
    width:100%;
    height:100%;
    padding:30px;

    display:flex;
    flex-direction:column;
    align-items:center;
    justify-content:center;

    text-align:center;
}

.fold-cargo-guide__video-placeholder > span{
    width:64px;
    height:64px;
    margin-bottom:22px;

    display:inline-flex;
    align-items:center;
    justify-content:center;

    padding-left:4px;

    border-radius:50%;

    background:var(--fcg-yellow);
    color:var(--fcg-black);

    font-size:18px;
}

.fold-cargo-guide__video-placeholder strong{
    display:block;
    margin-bottom:8px;

    font-family:"Oswald","Arial Narrow",Arial,sans-serif;
    font-size:28px;
    font-weight:600;
    line-height:1.1;
}

.fold-cargo-guide__video-placeholder p{
    max-width:380px;
    margin:0;

    color:var(--fcg-muted);

    font-size:14px;
    line-height:1.55;
}

.fold-cargo-guide__video-copy{
    padding:30px;
}

.fold-cargo-guide__video-copy h3{
    margin:0 0 12px;
    font-size:32px;
}

.fold-cargo-guide__video-copy p{
    margin:0;

    color:var(--fcg-text);

    font-size:15px;
    line-height:1.65;
}

/* VERGLEICH */

.fold-cargo-guide__compare-grid{
    display:grid;
    grid-template-columns:repeat(2,minmax(0,1fr));
    gap:24px;
}

.fold-cargo-guide__compare-card{
    position:relative;

    min-width:0;
    min-height:460px;
    padding:44px;

    overflow:hidden;

    border:1px solid var(--fcg-border);
    border-radius:var(--fcg-radius);
    background:var(--fcg-surface);
}

.fold-cargo-guide__compare-card::before{
    content:"";

    position:absolute;
    top:0;
    right:0;
    left:0;

    height:5px;

    background:var(--fcg-yellow);
}

.fold-cargo-guide__compare-index{
    display:block;
    margin-bottom:54px;

    color:var(--fcg-gold);

    font-family:"Oswald","Arial Narrow",Arial,sans-serif;
    font-size:18px;
    font-weight:600;
}

.fold-cargo-guide__compare-card h3{
    margin:0 0 10px;
    font-size:44px;
}

.fold-cargo-guide__compare-subtitle{
    margin:0 0 32px;

    color:var(--fcg-text);

    font-size:16px;
    font-weight:700;
    line-height:1.45;
}

.fold-cargo-guide__compare-card ul{
    display:grid;
    gap:12px;

    margin:0;
    padding:0;

    list-style:none;
}

.fold-cargo-guide__compare-card li{
    position:relative;

    min-height:50px;
    padding:14px 16px 14px 44px;

    border:1px solid var(--fcg-border);
    border-radius:14px;
    background:var(--fcg-white);

    color:var(--fcg-black);

    font-size:14px;
    font-weight:650;
    line-height:1.45;
}

.fold-cargo-guide__compare-card li::before{
    content:"";

    position:absolute;
    top:50%;
    left:18px;

    width:9px;
    height:9px;

    border-radius:50%;
    background:var(--fcg-yellow);

    transform:translateY(-50%);
}

/* NOTICE */

.fold-cargo-guide__notice{
    display:grid;
    grid-template-columns:74px minmax(0,1fr);
    gap:28px;
    align-items:start;

    margin-top:24px;
    padding:34px;

    border:1px solid var(--fcg-border);
    border-left:5px solid var(--fcg-yellow);
    border-radius:0 24px 24px 0;
    background:#FFFDF4;
}

.fold-cargo-guide__notice-icon{
    width:64px;
    height:64px;

    display:flex;
    align-items:center;
    justify-content:center;

    border-radius:50%;
    background:var(--fcg-yellow);

    font-family:"Oswald","Arial Narrow",Arial,sans-serif;
    font-size:34px;
    font-weight:600;
}

.fold-cargo-guide__notice h3{
    margin:0 0 10px;
    font-size:30px;
}

.fold-cargo-guide__notice p{
    max-width:1080px;
    margin:0 0 10px;

    color:var(--fcg-text);

    font-size:16px;
    line-height:1.65;
}

.fold-cargo-guide__notice small{
    display:block;

    color:var(--fcg-muted);

    font-size:12px;
    line-height:1.55;
}

/* FAQ */

.fold-cargo-guide__faq{
    border-top:1px solid var(--fcg-border);
}

.fold-cargo-guide__faq-item{
    margin:0;
    border-bottom:1px solid var(--fcg-border);
}

.fold-cargo-guide__faq-item > summary{
    min-height:78px;
    padding:18px 0;

    display:flex;
    align-items:center;
    justify-content:space-between;
    gap:24px;

    color:var(--fcg-black);

    font-size:16px;
    font-weight:750;
    line-height:1.4;

    list-style:none;
    cursor:pointer;
}

.fold-cargo-guide__faq-item > summary::-webkit-details-marker{
    display:none;
}

.fold-cargo-guide__faq-item > summary::marker{
    content:"";
}

.fold-cargo-guide__faq-item > summary i{
    position:relative;

    width:40px;
    height:40px;
    flex:0 0 40px;

    border:1px solid var(--fcg-border);
    border-radius:50%;
    background:var(--fcg-surface);
}

.fold-cargo-guide__faq-item > summary i::before,
.fold-cargo-guide__faq-item > summary i::after{
    content:"";

    position:absolute;
    top:50%;
    left:50%;

    width:15px;
    height:2px;

    border-radius:999px;
    background:var(--fcg-black);

    transform:translate(-50%,-50%);
}

.fold-cargo-guide__faq-item > summary i::after{
    transform:translate(-50%,-50%) rotate(90deg);
    transition:opacity .18s ease;
}

.fold-cargo-guide__faq-item[open] > summary i{
    border-color:var(--fcg-yellow);
    background:var(--fcg-yellow);
}

.fold-cargo-guide__faq-item[open] > summary i::after{
    opacity:0;
}

.fold-cargo-guide__faq-answer{
    max-width:1160px;
    padding:0 64px 26px 0;
}

.fold-cargo-guide__faq-answer p{
    margin:0;

    color:var(--fcg-text);

    font-size:16px;
    line-height:1.7;
}

/* CTA */

.fold-cargo-guide__cta{
    display:grid;
    grid-template-columns:minmax(0,1fr) auto;
    gap:54px;
    align-items:center;

    margin-top:48px;
    padding:54px;

    border:1px solid var(--fcg-border);
    border-radius:var(--fcg-radius);
    background:var(--fcg-surface);
}

.fold-cargo-guide__actions{
    min-width:270px;

    display:flex;
    flex-direction:column;
    gap:12px;
}

.fold-cargo-guide__button{
    min-width:270px;
    min-height:60px;
    padding:7px 7px 7px 20px;

    display:flex;
    align-items:center;
    justify-content:space-between;
    gap:18px;

    border:1px solid transparent;
    border-radius:var(--fcg-button-radius);

    color:var(--fcg-black) !important;

    font-size:14px;
    font-weight:800;
    line-height:1.2;
    text-decoration:none !important;

    transition:
        transform .2s ease,
        box-shadow .2s ease,
        background-color .2s ease,
        border-color .2s ease;
}

.fold-cargo-guide__button i{
    width:44px;
    height:44px;
    flex:0 0 44px;

    display:flex;
    align-items:center;
    justify-content:center;

    border-radius:50%;
    background:var(--fcg-black);
    color:var(--fcg-white);

    font-style:normal;
    font-size:18px;
}

.fold-cargo-guide__button--primary{
    border-color:var(--fcg-yellow);
    background:var(--fcg-yellow);
}

.fold-cargo-guide__button--secondary{
    border-color:var(--fcg-border);
    background:var(--fcg-white);
}

.fold-cargo-guide__button:hover,
.fold-cargo-guide__button:focus-visible{
    color:var(--fcg-black) !important;
    text-decoration:none !important;

    outline:none;
    transform:translateY(-2px);
    box-shadow:0 10px 22px rgba(17,17,17,.10);
}

.fold-cargo-guide__button--primary:hover,
.fold-cargo-guide__button--primary:focus-visible{
    border-color:var(--fcg-yellow-hover);
    background:var(--fcg-yellow-hover);
}

.fold-cargo-guide__button--secondary:hover,
.fold-cargo-guide__button--secondary:focus-visible{
    border-color:var(--fcg-yellow);
}

/* RESPONSIVE */

@media (max-width:1100px){
    .fold-cargo-guide__hero{
        grid-template-columns:1fr;
    }

    .fold-cargo-guide__hero-copy{
        min-height:0;
    }

    .fold-cargo-guide__fact{
        min-height:190px;
    }

    .fold-cargo-guide__cta{
        grid-template-columns:1fr;
    }

    .fold-cargo-guide__actions{
        width:100%;
        min-width:0;

        flex-direction:row;
        flex-wrap:wrap;
    }
}

@media (max-width:820px){
    .fold-cargo-guide{
        width:min(100% - 32px,1680px);
        padding-top:32px;
    }

    .fold-cargo-guide__hero{
        padding:16px;
        border-radius:26px;
    }

    .fold-cargo-guide__hero-copy{
        padding:38px 30px;
        border-radius:20px;
    }

    .fold-cargo-guide__hero-copy > p,
    .fold-cargo-guide__section-head > p,
    .fold-cargo-guide__cta p{
        font-size:16px;
    }

    .fold-cargo-guide__video-grid,
    .fold-cargo-guide__compare-grid{
        grid-template-columns:1fr;
    }

    .fold-cargo-guide__section{
        padding:60px 0;
    }

    .fold-cargo-guide__video-grid{
        padding:18px;
        border-radius:26px;
    }

    .fold-cargo-guide__compare-card{
        min-height:0;
    }

    .fold-cargo-guide__cta{
        padding:38px 30px;
    }
}

@media (max-width:600px){
    .fold-cargo-guide{
        width:min(100% - 24px,1680px);
        padding:24px 0 72px;
    }

    .fold-cargo-guide__hero{
        padding:10px;
        border-radius:22px;
    }

    .fold-cargo-guide__hero-copy{
        padding:30px 22px;
        border-radius:17px;
    }

    .fold-cargo-guide__hero h1{
        font-size:clamp(44px,13vw,62px);
    }

    .fold-cargo-guide__facts{
        grid-template-columns:1fr;
    }

    .fold-cargo-guide__fact{
        min-height:150px;
        padding:24px;
    }

    .fold-cargo-guide__section{
        padding:48px 0;
    }

    .fold-cargo-guide__section-head h2,
    .fold-cargo-guide__cta h2{
        font-size:clamp(38px,11vw,52px);
    }

    .fold-cargo-guide__video-grid{
        padding:10px;
        border-radius:20px;
    }

    .fold-cargo-guide__video-card{
        border-radius:18px;
    }

    .fold-cargo-guide__video-copy,
    .fold-cargo-guide__compare-card{
        padding:26px 22px;
    }

    .fold-cargo-guide__video-copy h3{
        font-size:28px;
    }

    .fold-cargo-guide__compare-card h3{
        font-size:38px;
    }

    .fold-cargo-guide__notice{
        grid-template-columns:1fr;
        padding:26px 22px;
        border-radius:18px;
    }

    .fold-cargo-guide__faq-item > summary{
        gap:16px;
        font-size:14px;
    }

    .fold-cargo-guide__faq-answer{
        padding-right:0;
    }

    .fold-cargo-guide__cta{
        padding:30px 22px;
        border-radius:22px;
    }

    .fold-cargo-guide__actions{
        flex-direction:column;
    }

    .fold-cargo-guide__button{
        width:100%;
        min-width:0;
    }
}

@media (prefers-reduced-motion:reduce){
    .fold-cargo-guide *,
    .fold-cargo-guide *::before,
    .fold-cargo-guide *::after{
        scroll-behavior:auto !important;
        transition:none !important;
        animation:none !important;
    }
}