/* Hotfix-/Projekt-spezifisches CSS – ohne Build sofort änderbar */
/* ===== Base ===== */
:root { --gap: clamp(12px, 2vw, 24px); }
body { color:#0F172A; background:#F8FAFC; }
.editor-styles-wrapper body { color:#0F172A; }

/* Container */
.container{ max-width:1200px; margin-inline:auto; padding-inline:clamp(16px,3vw,32px); }
.editor-styles-wrapper .container{ max-width:1200px; margin-inline:auto; padding-inline:clamp(16px,3vw,32px); }

/* ===== Mini Flex-Grid ===== */
.row{ display:flex; flex-wrap:wrap; gap:var(--gap); }
.col{ flex:1 1 var(--w,100%); min-width:var(--min,220px); }
.cols-2 .col{ --w:calc((100% - var(--gap))/2); }
.cols-3 .col{ --w:calc((100% - 2*var(--gap))/3); }
.cols-4 .col{ --w:calc((100% - 3*var(--gap))/4); }
@media (max-width:960px){ .md-stack .col{ --w:calc((100% - var(--gap))/2); } }
@media (max-width:640px){ .sm-stack .col{ --w:100%; } }
.align-stretch > .col{ display:flex; }
.card{ display:flex; flex-direction:column; }
.img-cover img{ width:100%; height:100%; object-fit:cover; }

/* ===== Utilities ===== */
.text-center{ text-align:center; }
.radius{ border-radius:12px; }
.shadow-1{ box-shadow:0 6px 18px rgba(0,0,0,.06); }
.mt-l{ margin-top:2rem; } .mb-l{ margin-bottom:2rem; }

/* ===== Deine projektspezifischen Regeln (aus base.scss übernommen) ===== */
h4{ font-size:23px !important; font-weight:500 !important; line-height:1.2; }
.middle-col{ box-shadow:10px 10px 0px #1FEBFF !important; }
h3.price{ font-size:45px; font-weight:800; text-align:center; }
span.price-zusatz{ font-size:22px; font-weight:300; margin-left:5px; }

/* Debug bei Bedarf */
/* body::after{content:"GLOBAL OK";position:fixed;right:8px;bottom:8px;background:#111;color:#fff;font:12px system-ui;padding:2px 6px;z-index:99999} */


.custom-label {
    position: absolute;
    top: top;
    top: -16px;
    left: 30%;
    background: #7f5ffd;
    padding: 0px 20px;
    border-radius: 20px;
    color: #fff;
    font-weight: 800;
}

.wp-block-column.has-border-color.has-primary-border-color.has-light-background-color.has-background.is-layout-flow.wp-block-column-is-layout-flow {
    position: relative;
}

h4 {
    font-size: 23px !important;
    font-weight: 500 !important;
    line-height: 1.2;
}


.middle-col {
    box-shadow: 10px 10px 0px #1FEBFF !important;
}

h3.price {
    font-size: 45px;
    font-weight: 800;
    text-align: center;
}

span.price-zusatz {
    font-size: 22px;
    font-weight: 300;
    margin-left: 5px;
}

.sanduhr {
    margin-bottom: 0;
    margin-left: -22px !important;
}