/** Shopify CDN: Minification failed

Line 9:0 Unexpected "{"
Line 9:1 Expected identifier but found "%"
Line 215:0 Unexpected "{"
Line 215:1 Expected identifier but found "%"

**/
{% stylesheet %}

/* ==========================================================
   Party Austria - Content Cards
   ========================================================== */

.content-cards-grid{
    display:grid;
    grid-template-columns:repeat(auto-fit,minmax(min(100%,320px),1fr));
    gap:22px;
    width:100%;
    max-width:1400px;
    margin:40px auto;
}

/* ==========================================================
   Card
   ========================================================== */

.content-card{
    background:var(--card-bg);
    border:1px solid var(--card-border);
    border-radius:18px;
    overflow:hidden;
    transition:.25s ease;
}

.content-card:hover{
    transform:translateY(-4px);
    box-shadow:0 14px 30px rgba(0,0,0,.08);
}

/* ==========================================================
   Header
   ========================================================== */

.content-card-header{
    display:flex;
    align-items:center;
    gap:16px;
    padding:16px;
    background:var(--card-header);
}

.content-card-heading{
    flex:1;
}

.content-card-heading h4{
    margin:0;
    font-size:28px;
    font-weight:700;
    line-height:1.15;
}

.content-card-icon{
    width:68px;
    height:68px;

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

    flex-shrink:0;

    background:#fff;
    border:1px solid rgba(0,0,0,.05);
    border-radius:16px;

    color:var(--card-icon);
}

.content-card-icon svg{
    width:34px;
    height:34px;
}

/* ==========================================================
   Optional Bild
   ========================================================== */

.content-card-image{
    width:100%;
    display:block;
}

.content-card-image img{
    display:block;
    width:100%;
    height:auto;
}

/* ==========================================================
   Content
   ========================================================== */

.content-card-content{
    padding:16px;
    font-size:17px;
    line-height:1.65;
}

.content-card-content > *:first-child{
    margin-top:0;
}

.content-card-content > *:last-child{
    margin-bottom:0;
}

/* ==========================================================
   Optional Button
   ========================================================== */

.content-card-button{
    margin-top:20px;
}

/* ==========================================================
   Farben
   ========================================================== */

.content-card.coral{
    --card-bg:#FFF7F7;
    --card-header:#FDE3E5;
    --card-border:#F6CDD2;
    --card-icon:#D94A63;
}

.content-card.gold{
    --card-bg:#FFFDF6;
    --card-header:#FBEFCB;
    --card-border:#F1E0A9;
    --card-icon:#C38A00;
}

.content-card.green{
    --card-bg:#F6FBF7;
    --card-header:#DFF1E3;
    --card-border:#CDE4D3;
    --card-icon:#2E8E5B;
}

.content-card.purple{
    --card-bg:#FBF8FF;
    --card-header:#EBDDFF;
    --card-border:#E1D2F8;
    --card-icon:#7A52C0;
}

.content-card.blue{
    --card-bg:#F6FAFF;
    --card-header:#DCEBFF;
    --card-border:#D2E2FA;
    --card-icon:#3E72DA;
}

.content-card.neutral{
    --card-bg:#FAFAFA;
    --card-header:#EEEEEE;
    --card-border:#E3E3E3;
    --card-icon:#6B7280;
}

/* ==========================================================
   Mobile
   ========================================================== */

@media (max-width:749px){

    .content-cards-grid{
        grid-template-columns:1fr;
        gap:16px;
        margin:24px auto;
    }

    .content-card{
        border-radius:14px;
    }

    .content-card-header{
        gap:14px;
        padding:14px;
    }

    .content-card-heading h4{
        font-size:24px;
    }

    .content-card-icon{
        width:56px;
        height:56px;
    }

    .content-card-icon svg{
        width:28px;
        height:28px;
    }

    .content-card-content{
        padding:14px;
        font-size:16px;
    }

}

{% endstylesheet %}