/* Website-specific styles.
   Shared foundation: /shared/assets/css/main.css
   Keep public website-only layout and view details here. */

/* Website information download cards */
.storage-download-grid{
    display:grid;
    grid-template-columns:repeat(3,minmax(0,1fr));
    grid-auto-rows:1fr;
    gap:20px;
    margin-top:24px;
}

.storage-download-author{
    max-width:none;
    margin:0;
}

.storage-download-author-text{
    color:var(--site-copy-color);
    font-size:var(--site-copy-size);
    line-height:var(--site-copy-line);
}

.storage-download-page-kicker{
    margin:0 0 9px;
    color:#7c5c2a;
    font-family:"Outfit", "Arial", sans-serif;
    font-size:13px;
    line-height:1.2;
    font-weight:800;
    letter-spacing:0;
    text-transform:uppercase;
}

.storage-download-eyebrow{
    margin:0 0 7px;
    color:#7c5c2a;
    font-family:"Outfit", "Arial", sans-serif;
    font-size:13px;
    line-height:1.2;
    font-weight:800;
    letter-spacing:0;
    text-transform:uppercase;
}

.storage-download-author h3{
    margin:0 0 12px;
    color:var(--site-brand);
    font-family:"Outfit", "Arial", sans-serif;
    font-size:24px;
    line-height:1.15;
}

.storage-download-author p{
    margin:0;
}

.storage-download-author p + p{
    margin-top:12px;
}

.storage-download-author-facts{
    display:grid;
    gap:12px;
    margin:0;
    padding:2px 0 0;
}

.storage-download-author-facts div{
    padding:0 0 12px;
    border-bottom:1px solid rgba(15,59,102,.18);
}

.storage-download-author-facts div:last-child{
    padding-bottom:0;
    border-bottom:0;
}

.storage-download-author-facts dt{
    margin:0 0 3px;
    color:#7c5c2a;
    font-family:"Outfit", "Arial", sans-serif;
    font-size:12px;
    line-height:1.2;
    font-weight:800;
    letter-spacing:0;
    text-transform:uppercase;
}

.storage-download-author-facts dd{
    margin:0;
    color:var(--site-brand-dark);
    font-size:15px;
    line-height:1.45;
    font-weight:700;
}

.storage-download-card{
    display:flex;
    flex-direction:column;
    justify-content:space-between;
    gap:18px;
    min-height:230px;
    padding:16px 18px 15px;
    border:4px solid #b08d57;
    border-radius:0;
    background:
        linear-gradient(rgba(248,243,233,.72), rgba(248,243,233,.72)),
        url('/shared/assets/informationen/aufbewahrung-pdf-bleisulfid-bg.webp');
    background-size:cover, cover;
    background-position:center, center;
    background-repeat:no-repeat, no-repeat;
    box-shadow:0 8px 20px rgba(15,23,42,.05), inset 0 0 0 1px rgba(255,255,255,.62);
}

.storage-download-card > div:first-child{
    display:flex;
    flex-direction:column;
}

.storage-download-card h3{
    min-height:54px;
}

.storage-download-card p{
    min-height:72px;
}

.storage-download-card-de,
.storage-download-card:nth-child(1),
.storage-download-card:nth-child(3){
    border-color:#b08d57;
}

.storage-download-card-uk,
.storage-download-card:nth-child(2){
    border-color:#b08d57;
}

.storage-download-card:nth-child(1){
    background-image:
        linear-gradient(rgba(248,243,233,.72), rgba(248,243,233,.72)),
        url('/shared/assets/informationen/aufbewahrung-pdf-bleisulfid-bg.webp');
}

.storage-download-card:nth-child(2){
    background-image:
        linear-gradient(rgba(248,243,233,.76), rgba(248,243,233,.76)),
        url('/shared/assets/informationen/aufbewahrung-pdf-lead-sulfide-bg.webp');
}

.storage-download-card:nth-child(3){
    background-image:
        linear-gradient(rgba(248,243,233,.76), rgba(248,243,233,.76)),
        url('/shared/assets/informationen/aufbewahrung-pdf-skandal-bg.webp');
}

.storage-download-kicker{
    display:flex;
    align-items:center;
    gap:8px;
    margin:0 0 8px;
    color:#7c5c2a;
    font-family:"Outfit", "Arial", sans-serif;
    font-size:12px;
    line-height:1.2;
    font-weight:800;
    letter-spacing:0;
    text-transform:uppercase;
}

.storage-download-flag{
    flex:0 0 auto;
    width:31px;
    height:20px;
    border:1px solid rgba(15,59,102,.32);
    background-size:cover;
    background-position:center;
    background-repeat:no-repeat;
    box-shadow:0 1px 2px rgba(15,23,42,.12);
}

.storage-download-flag-de{
    background-image:url('/shared/assets/informationen/flag-de.svg');
}

.storage-download-flag-uk{
    background-image:url('/shared/assets/informationen/flag-gb.svg');
}

.storage-download-footer{
    display:flex;
    align-items:center;
    justify-content:space-between;
    gap:12px;
    padding-top:14px;
    border-top:1px solid rgba(15,59,102,.16);
}

.storage-download-size{
    color:#64748b;
    font-size:13px;
    line-height:1.35;
    white-space:nowrap;
}

.storage-download-link{
    display:inline-flex;
    align-items:center;
    justify-content:center;
    min-height:34px;
    padding:7px 12px;
    border:1px solid rgba(15,59,102,.22);
    background:rgba(255,255,255,.74);
    color:var(--site-brand);
    white-space:nowrap;
}

.storage-download-link:hover{
    background:rgba(255,255,255,.92);
    color:var(--site-brand-dark);
    text-decoration:none;
}

/* Website membership download list */
.membership-download-list{
    margin:14px 0 0 0;
}

.membership-download-list li + li{
    margin-top:8px;
}

/* Website digital offers page */
.digitale-angebote-panel{
    max-width:var(--content-max);
}

.digitale-angebote-panel .view-section-text{
    max-width:none;
}

.digitale-angebote-grid{
    display:grid;
    grid-template-columns:repeat(2, minmax(0, 1fr));
    gap:22px;
    align-items:stretch;
}

.digitale-angebote-card{
    --digitale-angebote-border:rgba(15,59,102,.12);
    --digitale-angebote-art:none;
    --digitale-angebote-overlay:linear-gradient(90deg, rgba(249,246,238,.90) 0%, rgba(246,242,233,.82) 46%, rgba(246,242,233,.56) 100%);
    --digitale-angebote-art-position:center bottom;
    --digitale-angebote-art-size:cover;
    display:block;
    min-width:0;
    height:auto;
    min-height:320px;
    position:relative;
    padding:28px 30px 26px;
    border:0;
    border-radius:0;
    background:
        var(--digitale-angebote-overlay),
        var(--digitale-angebote-art),
        var(--paper-image);
    background-size:cover, var(--digitale-angebote-art-size), cover;
    background-position:center, var(--digitale-angebote-art-position), center;
    background-repeat:no-repeat, no-repeat, no-repeat;
    box-shadow:0 8px 20px rgba(15,23,42,.05);
    overflow:hidden;
}

.digitale-angebote-card::before{
    content:"";
    position:absolute;
    inset:0;
    border:3px solid var(--digitale-angebote-border);
    pointer-events:none;
}

.digitale-angebote-card-archiv{
    --digitale-angebote-border:#b08d57;
    --digitale-angebote-art:url('/shared/assets/digitale-angebote/rundbriefarchiv.webp');
    --digitale-angebote-overlay:linear-gradient(90deg, rgba(248,244,236,.92) 0%, rgba(248,244,236,.86) 46%, rgba(248,244,236,.58) 100%);
}

.digitale-angebote-card-mail{
    --digitale-angebote-border:#0f3b66;
    --digitale-angebote-art:url('/shared/assets/digitale-angebote/mailservice.webp');
    --digitale-angebote-overlay:linear-gradient(90deg, rgba(248,244,236,.90) 0%, rgba(248,244,236,.84) 48%, rgba(248,244,236,.54) 100%);
}

.digitale-angebote-card-content{
    display:flex;
    flex-direction:column;
    gap:15px;
    width:100%;
    min-height:0;
    position:relative;
    z-index:1;
}

.digitale-angebote-card .view-section-title{
    margin:0;
    padding:0;
    font-size:20px;
    line-height:1.2;
    color:#102235;
    position:relative;
    z-index:1;
    text-align:left;
}

.digitale-angebote-card-status{
    display:inline-block;
    margin-left:8px;
    color:#7a5a28;
    font-size:.66em;
    font-weight:800;
    letter-spacing:.14em;
    text-transform:uppercase;
    white-space:nowrap;
}

.digitale-angebote-card-intro{
    margin:0;
    font-size:15px;
    line-height:1.6;
    color:#334155;
    position:relative;
    z-index:1;
    max-width:31em;
}

.digitale-angebote-points{
    margin:0;
    padding:0;
    list-style:none;
    position:relative;
    z-index:1;
    max-width:32em;
}

.digitale-angebote-point{
    display:grid;
    grid-template-columns:8px minmax(0,1fr);
    column-gap:14px;
    align-items:start;
    margin:0;
    font-size:14px;
    line-height:1.5;
    color:#243447;
}

.digitale-angebote-point + .digitale-angebote-point{
    margin-top:10px;
}

.digitale-angebote-point::before{
    content:"";
    display:block;
    margin-top:.72em;
    width:5px;
    height:5px;
    background:#0f3b66;
}

.digitale-angebote-card-archiv .digitale-angebote-point::before{
    background:#b08d57;
}

.digitale-angebote-card-mail .digitale-angebote-point::before{
    background:#0f3b66;
}

.digitale-angebote-card-note{
    margin:0;
    padding-top:2px;
    color:var(--site-text-soft);
    font-size:14px;
    line-height:1.6;
    position:relative;
    z-index:1;
    max-width:32em;
}

.digitale-angebote-card-linkline{
    margin:0;
    position:relative;
    z-index:1;
}

.digitale-angebote-card-link{
    display:inline-block;
    color:#0f3b66;
    font-size:15px;
    font-weight:800;
    line-height:1.35;
    text-decoration:none;
    border-bottom:1px solid rgba(15,59,102,.24);
    transition:color .18s ease, border-color .18s ease;
}

.digitale-angebote-card-link:hover{
    color:#0f3b66;
    border-color:rgba(15,59,102,.38);
}

/* Website error pages */
.website-error-panel{
    max-width:1380px;
    position:relative;
    min-height:470px;
    isolation:isolate;
}

.website-error-panel::before{
    content:attr(data-error-code);
    position:absolute;
    right:clamp(24px, 7vw, 110px);
    bottom:clamp(44px, 7vw, 96px);
    z-index:-1;
    color:rgba(15,59,102,.06);
    font-size:clamp(190px, 22vw, 340px);
    line-height:.8;
    font-weight:900;
    letter-spacing:0;
    pointer-events:none;
    white-space:nowrap;
}

.website-error-header{
    max-width:none;
    margin-bottom:22px;
    padding-bottom:0;
    border-bottom:0;
}

.website-error-header .view-title{
    margin-bottom:16px;
}

.website-error-header > .view-intro{
    position:static;
    width:auto;
    height:auto;
    padding:0;
    margin:0;
    overflow:visible;
    clip:auto;
    clip-path:none;
    white-space:normal;
    border:0;
    max-width:none;
    font-weight:700;
    color:#213247;
}

.website-error-note{
    max-width:none;
    margin-top:0;
    padding-bottom:0;
}

.website-error-note .view-section-text{
    margin:0 0 14px;
    line-height:1.68;
}

.website-error-text-links{
    display:flex;
    flex-wrap:wrap;
    gap:0 9px;
    align-items:center;
    margin:20px 0 0;
    font-size:16px;
    line-height:1.55;
    font-weight:700;
}

/* Website information download responsive rules */
@media (max-width:1100px){
    .storage-download-author{
        max-width:none;
    }

    .storage-download-grid{
        grid-template-columns:1fr;
        grid-auto-rows:auto;
    }
}

/* Website information download mobile rules */
@media (max-width:780px){
    .storage-download-card{
        min-height:0;
    }

    .storage-download-card h3,
    .storage-download-card p{
        min-height:0;
    }

    .storage-download-author h3{
        font-size:21px;
    }
}

/* Website digital offers tablet rules */
@media (max-width:991px){
    .digitale-angebote-grid{
        grid-template-columns:minmax(0,1fr);
        gap:18px;
    }

    .digitale-angebote-card{
        display:block;
        min-height:0;
        padding:20px 22px 18px;
        background-size:cover, cover, cover;
        background-position:center, center bottom, center;
    }

    .digitale-angebote-card-archiv{
        --digitale-angebote-art:url('/shared/assets/digitale-angebote/rundbriefarchiv-mobile.webp');
        --digitale-angebote-overlay:linear-gradient(90deg, rgba(248,244,236,.94) 0%, rgba(248,244,236,.88) 58%, rgba(248,244,236,.68) 100%);
        padding-left:24px;
    }

    .digitale-angebote-card-mail{
        --digitale-angebote-art:url('/shared/assets/digitale-angebote/mailservice-mobile.webp');
        --digitale-angebote-overlay:linear-gradient(90deg, rgba(248,244,236,.94) 0%, rgba(248,244,236,.88) 58%, rgba(248,244,236,.68) 100%);
        padding-right:24px;
    }

    .digitale-angebote-card-content{
        display:flex;
        flex-direction:column;
        gap:13px;
        width:100%;
        height:auto;
    }

    .digitale-angebote-card .view-section-title{
        padding-bottom:0;
        font-size:20px;
    }

    .digitale-angebote-card-intro{
        padding-top:0;
        font-size:15px;
        line-height:1.6;
    }

    .digitale-angebote-card-note{
        min-height:0;
        align-self:auto;
    }

    .digitale-angebote-point{
        display:grid;
        grid-template-columns:8px minmax(0,1fr);
        column-gap:12px;
        font-size:14px;
        line-height:1.5;
    }
}

/* Website digital offers mobile rules */
@media (max-width:640px){
    .digitale-angebote-grid{
        gap:16px;
    }

    .digitale-angebote-card{
        padding:18px 16px 16px;
        background-size:cover, cover, cover;
    }

    .digitale-angebote-card-archiv{
        padding-left:16px;
    }

    .digitale-angebote-card-mail{
        padding-right:16px;
    }

    .digitale-angebote-card::before{
        border-width:2px;
    }

    .digitale-angebote-card .view-section-title{
        font-size:19px;
        line-height:1.2;
    }

    .digitale-angebote-card-intro{
        font-size:15px;
        line-height:1.62;
    }

    .digitale-angebote-points{
        padding-top:0;
    }

    .digitale-angebote-point{
        font-size:14px;
        line-height:1.56;
    }

    .digitale-angebote-point + .digitale-angebote-point{
        margin-top:12px;
    }

    .digitale-angebote-card-note,
    .digitale-angebote-card-link{
        font-size:14px;
        line-height:1.55;
    }
}

/* Website error mobile rules */
@media (max-width:820px){
    .website-error-panel{
        min-height:420px;
    }

    .website-error-panel::before{
        right:16px;
        bottom:42px;
        font-size:clamp(108px, 30vw, 170px);
        color:rgba(15,59,102,.05);
    }

    .website-error-header .view-intro,
    .website-error-note{
        max-width:none;
    }
}