/*
Theme Name: Flatsome Child
Description: This is a child theme for Flatsome Theme
Author: UX Themes
Template: flatsome
Version: 3.0
*/

/*************** ADD CUSTOM CSS HERE.   ***************/


@media only screen and (max-width: 48em) {
/*************** ADD MOBILE ONLY CSS HERE  ***************/


}
/* ====================== mockupz Flatsome Redesign ====================== */
:root{--mzf-grad:linear-gradient(115deg,#9cd323,#19c7c0 45%,#7a5cff);--mzf-ink:#0b0d12;--mzf-ink2:#0e1118}
/* HERO + dunkle Sektionen */
.mzf-hero{background:var(--mzf-ink) !important;position:relative;overflow:hidden}
.mzf-hero:before{content:"";position:absolute;inset:-25%;z-index:0;filter:blur(70px);opacity:.85;pointer-events:none;
  background:
    radial-gradient(38vw 38vw at 12% 8%,rgba(156,211,35,.30),transparent 60%),
    radial-gradient(42vw 42vw at 88% 16%,rgba(25,199,192,.26),transparent 60%),
    radial-gradient(40vw 40vw at 64% 108%,rgba(122,92,255,.28),transparent 60%)}
.mzf-hero .row,.mzf-hero .col{position:relative;z-index:1}
.mzf-dark{background:var(--mzf-ink2) !important}
.mzf-hero h1,.mzf-hero h2,.mzf-dark h1,.mzf-dark h2,.mzf-dark h3,.mzf-hero .mzf-h2,.mzf-dark .mzf-h2{color:#fff !important}
.mzf-hero p,.mzf-dark p,.mzf-dark li{color:#d4dbe4 !important}
.mzf-hero h1{font-size:clamp(34px,5vw,60px) !important;font-weight:800;letter-spacing:-.02em;line-height:1.08}
.mzf-hero h1 strong,.mzf-grad{background:var(--mzf-grad);-webkit-background-clip:text;background-clip:text;color:transparent;font-weight:800}
/* Überschriften */
.mzf-h2{font-weight:800 !important;letter-spacing:-.02em;font-size:clamp(26px,3.6vw,42px) !important;line-height:1.1}
.mzf-lead{color:#5c6473;font-size:18px;max-width:62ch}
.mzf-dark .mzf-lead{color:#d4dbe4 !important}
/* Buttons */
.mzf-btn.button,a.mzf-btn{background-image:var(--mzf-grad) !important;background-color:transparent !important;color:#08130a !important;border:0 !important;border-radius:100px !important;font-weight:700 !important;box-shadow:0 14px 30px -10px rgba(25,199,192,.55);transition:transform .25s,box-shadow .25s}
.mzf-btn.button:hover{transform:translateY(-3px)}
.mzf-btn2.button,a.mzf-btn2{background:rgba(255,255,255,.08) !important;color:#fff !important;border:1px solid rgba(255,255,255,.32) !important;border-radius:100px !important;font-weight:700 !important}
/* Karten */
.mzf-card{background:#fff;border:1px solid #e4e8ee;border-radius:20px;padding:30px 26px;height:100%;transition:transform .3s,box-shadow .3s,border-color .3s;display:block}
.mzf-card:hover{box-shadow:0 24px 60px -24px rgba(11,13,18,.3);transform:translateY(-6px);border-color:transparent}
.mzf-card .ico{width:54px;height:54px;border-radius:14px;background:var(--mzf-grad);display:flex;align-items:center;justify-content:center;margin-bottom:16px;font-size:24px;line-height:1;box-shadow:0 10px 24px -8px rgba(25,199,192,.5)}
.mzf-card h3{font-size:19px;font-weight:800;margin:0 0 8px;color:#1a1d26;letter-spacing:-.01em}
.mzf-card p{color:#5c6473;font-size:14.5px;margin:0;line-height:1.55}
.mzf-dark .mzf-card{background:rgba(255,255,255,.05);border-color:rgba(255,255,255,.12)}
.mzf-dark .mzf-card h3{color:#fff}
.mzf-dark .mzf-card p{color:#d4dbe4}
/* Schritte-Nummer */
.mzf-step .num{font-size:42px;font-weight:800;background:var(--mzf-grad);-webkit-background-clip:text;background-clip:text;color:transparent;line-height:1;display:block;margin-bottom:8px}
/* EEAT Liste */
.mzf-list{list-style:none;margin:14px 0 22px;padding:0}
.mzf-list li{position:relative;padding-left:30px;margin-bottom:12px;font-size:16px}
.mzf-list li:before{content:"✓";position:absolute;left:0;color:#74b816;font-weight:800;font-size:18px}
/* volle Breite Inhalt */
.mzf-sec .row{max-width:1500px}
.mzf-tel{font-size:24px;font-weight:800;color:#fff;text-decoration:none}

/* MZF-FULLWIDTH: Reihen randvoll statt 1080px */
.mzf-sec .row,.mzf-hero .row,.mzf-dark .row{max-width:100% !important;width:100% !important;padding-left:5vw !important;padding-right:5vw !important}
@media(min-width:1600px){.mzf-sec .row,.mzf-hero .row,.mzf-dark .row{padding-left:6vw !important;padding-right:6vw !important}}
.mzf-sec .row .col{padding-bottom:1.5rem}