/* Beatlio 3.0 – einheitliches Produkt-/Desktop-Layout */
:root{
  --b3-page:1480px;
  --b3-content:1320px;
  --b3-reading:980px;
  --b3-gap:24px;
  --b3-border:rgba(255,255,255,.085);
  --b3-card:#0a101b;
  --b3-card2:#0d1422;
  --b3-soft:rgba(255,255,255,.035);
}

body{overflow-x:hidden}
.wrap{width:min(100%,var(--b3-page));max-width:var(--b3-page)!important;padding-left:38px!important;padding-right:38px!important}
section{padding:96px 0}
.sectionToneV30{background:linear-gradient(180deg,rgba(255,255,255,.012),rgba(45,31,134,.025),rgba(255,255,255,.008));border-top:1px solid rgba(255,255,255,.025);border-bottom:1px solid rgba(255,255,255,.025)}
.sectionHeadWideV30{max-width:880px!important;margin-bottom:46px!important}
.sectionHeadWideV30 h2{font-size:clamp(38px,4.1vw,64px)}
.sectionHeadWideV30 p{max-width:760px;margin:0 auto!important;font-size:18px!important}

/* Header */
.nav{background:rgba(4,7,13,.90)!important;border-bottom:1px solid rgba(255,255,255,.055)!important}
.navin{min-height:86px!important;gap:28px!important}
.nav .brand{flex:0 0 220px!important}
.nav .brand img{height:55px!important;width:auto!important;max-width:220px!important;object-fit:contain!important;filter:drop-shadow(0 0 8px rgba(76,59,195,.16))}
.navlinks{flex:1!important;justify-content:center!important;gap:26px!important;font-size:14px!important;white-space:nowrap}
.navlinks a{position:relative;padding:12px 0;color:#cbd5e3!important}
.navlinks a:after{content:"";position:absolute;left:0;right:100%;bottom:5px;height:2px;border-radius:2px;background:linear-gradient(90deg,#6653e3,#45d36b);transition:.18s}
.navlinks a:hover:after{right:0}
.actions{flex:0 0 auto!important}
.actions .btn{height:46px!important}

/* Hero */
.heroV30{padding:76px 0 54px!important;min-height:760px;display:flex;align-items:center}
.heroV30 .heroGrid{grid-template-columns:minmax(0,.95fr) minmax(560px,1.05fr)!important;gap:72px!important;align-items:center!important}
.heroCopyV30{padding:26px 0}
.heroCopyV30 h1{font-size:clamp(58px,5.9vw,92px)!important;max-width:760px}
.heroCopyV30 .lead{font-size:20px!important;max-width:720px}
.heroCopyV30 .heroCtas .btn{height:54px;padding:0 24px;font-size:15px}
.heroBadgesV30{display:grid!important;grid-template-columns:repeat(3,minmax(0,1fr));gap:12px!important;max-width:760px}
.heroBadgesV30 .mini{min-width:0;padding:14px!important;font-size:12px!important;line-height:1.5}
.heroBadgesV30 .mini strong{font-size:13px;color:#f0f5fb}
.visualV30{min-height:650px!important;max-width:690px;margin-left:auto;width:100%}
.visualV30 .clubGlow{left:40px;right:0;top:45px;bottom:90px}
.visualV30 .eq{left:0;right:20px;bottom:122px;height:200px}
.phoneV30{width:350px!important;right:55px!important;top:4px!important;transform:rotate(3deg)!important}
.phoneV30 .phoneHero{padding-top:18px}
.mockLabel{display:inline-block;margin-bottom:10px;color:#7de397;font-size:9px;text-transform:uppercase;letter-spacing:.1em;font-weight:900}
.floatCardV30{left:20px!important;bottom:106px!important;width:230px!important;transform:rotate(-3deg)!important}
.floatCardV30 strong{display:block;margin:5px 0 12px;font-size:18px;color:#eef4fb}
.activityDots{display:flex;gap:7px;align-items:center}
.activityDots i{width:30px;height:8px;border-radius:999px;background:linear-gradient(90deg,#4f3cbf,#43cf68)}
.activityDots i:nth-child(2){width:18px}.activityDots i:nth-child(3){width:42px}.activityDots i:nth-child(4){width:24px}.activityDots i:nth-child(5){width:34px}

/* Benefit rail – no invented usage numbers */
.valueRailV30{border-top:1px solid rgba(255,255,255,.055);border-bottom:1px solid rgba(255,255,255,.055);background:rgba(255,255,255,.018)}
.valueRailGridV30{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));padding-top:0!important;padding-bottom:0!important}
.valueRailGridV30>div{padding:26px 28px;border-right:1px solid rgba(255,255,255,.055)}
.valueRailGridV30>div:last-child{border-right:0}
.valueRailGridV30 strong{display:block;font-size:17px;color:#f4f7fb;margin-bottom:6px}
.valueRailGridV30 span{font-size:13px;line-height:1.5;color:#8fa0b4}

/* Product showcase */
.productStageV30{display:grid;grid-template-columns:minmax(340px,.68fr) minmax(0,1.32fr);gap:24px;align-items:stretch;max-width:1380px;margin:0 auto}
.guestStageV30,.dashboardStageV30{border:1px solid rgba(89,74,179,.38);border-radius:30px;background:radial-gradient(500px 220px at 100% 0,rgba(57,40,163,.15),transparent 70%),linear-gradient(180deg,#0b111d,#070c14);padding:26px;overflow:hidden;box-shadow:0 30px 90px rgba(0,0,0,.2)}
.dashboardStageV30{border-color:rgba(50,186,89,.25)}
.stageTitleV30{display:flex;align-items:center;justify-content:space-between;gap:16px;margin-bottom:22px;color:#8192a8;font-size:12px}
.stageTitleV30 span{font-weight:900;text-transform:uppercase;letter-spacing:.1em;color:#71de90}
.stageTitleV30 strong{color:#dfe7f1;font-size:13px;text-align:right}
.guestPhoneV30{max-width:330px;margin:0 auto;border-radius:31px;padding:14px;background:#05080e;border:1px solid rgba(255,255,255,.11);box-shadow:0 30px 70px rgba(0,0,0,.36)}
.guestPhoneTopV30{display:flex;align-items:center;justify-content:space-between;padding:4px 7px 14px;color:#8796a9}
.guestPhoneTopV30 img{height:25px;width:auto;max-width:130px}
.guestPhoneHeroV30{border:1px solid var(--b3-border);background:linear-gradient(180deg,#121a2a,#0c121e);border-radius:20px;padding:20px}
.guestPhoneHeroV30 small{color:#6ee18c;font-size:10px;font-weight:900;text-transform:uppercase;letter-spacing:.1em}
.guestPhoneHeroV30 h3{font-size:26px;line-height:1.05;margin:10px 0;color:#f5f8fc}
.guestPhoneHeroV30 p{font-size:12px;line-height:1.5;margin:0;color:#91a1b5}
.guestSearchV30{margin:12px 0;padding:13px 14px;border-radius:13px;border:1px solid var(--b3-border);background:#0b111c;color:#687b92;font-size:11px}
.guestSongV30{display:grid;grid-template-columns:38px 1fr 30px;align-items:center;gap:10px;padding:10px 2px;border-bottom:1px solid rgba(255,255,255,.055)}
.guestSongV30>span{width:38px;height:38px;border-radius:10px;background:linear-gradient(145deg,#3e2ea2,#17112e)}
.guestSongV30 b{display:block;font-size:11px}.guestSongV30 small{display:block;color:#7f90a5;font-size:10px;margin-top:3px}.guestSongV30 strong{display:grid;place-items:center;width:29px;height:29px;border-radius:9px;border:1px solid var(--b3-border);font-size:16px}
.guestSendV30{margin-top:14px;height:44px;border-radius:13px;display:grid;place-items:center;background:linear-gradient(135deg,#36c35f,#55d977);color:#06120a;font-size:12px;font-weight:950}
.dashboardMockV30{display:grid;grid-template-columns:72px 1fr;min-height:500px;border:1px solid rgba(255,255,255,.08);border-radius:24px;overflow:hidden;background:#070c14;box-shadow:0 24px 65px rgba(0,0,0,.28)}
.dashSideV30{padding:18px 12px;background:#080e18;border-right:1px solid rgba(255,255,255,.065);display:flex;flex-direction:column;align-items:center;gap:13px}
.dashSideV30 img{width:42px;height:42px;object-fit:contain;margin-bottom:13px}
.dashSideV30 span{width:42px;height:42px;display:grid;place-items:center;border-radius:12px;color:#65758a;border:1px solid transparent}
.dashSideV30 span.active{background:rgba(86,68,203,.15);border-color:rgba(104,84,221,.27);color:#9888ff}
.dashMainV30{padding:25px 28px;min-width:0}
.dashTopV30{display:flex;justify-content:space-between;align-items:center;gap:16px;margin-bottom:22px}
.dashTopV30 small{display:block;color:#71839a;font-size:11px;margin-bottom:5px}.dashTopV30 strong{font-size:21px;color:#eef4fa}
.livePillV30{padding:7px 12px;border-radius:999px;background:rgba(50,186,89,.12);border:1px solid rgba(50,186,89,.22);color:#72df91;font-size:11px;font-weight:900}
.dashCardsV30{display:grid;grid-template-columns:repeat(3,1fr);gap:12px;margin-bottom:26px}
.dashCardsV30>div{padding:16px;border-radius:15px;background:#0c131f;border:1px solid rgba(255,255,255,.065)}
.dashCardsV30 small{display:block;color:#708198;font-size:10px;margin-bottom:7px}.dashCardsV30 strong{font-size:13px;color:#e8eef6}
.requestHeadV30{display:flex;align-items:center;justify-content:space-between;margin-bottom:7px}.requestHeadV30 strong{font-size:13px}.requestHeadV30 span{font-size:10px;color:#65768b}
.requestRowV30{display:grid;grid-template-columns:40px 1fr auto;align-items:center;gap:12px;padding:14px 0;border-bottom:1px solid rgba(255,255,255,.055)}
.requestRowV30 i{width:40px;height:40px;border-radius:12px;background:linear-gradient(145deg,#31247d,#131a2a)}
.requestRowV30 b{display:block;font-size:13px}.requestRowV30 small{display:block;margin-top:4px;color:#71839a;font-size:10px}.requestRowV30>span{padding:6px 9px;border-radius:999px;background:rgba(79,61,191,.15);color:#a89cff;font-size:9px;font-weight:900}.requestRowV30>span.checked{background:rgba(50,186,89,.1);color:#75df92}
.productNoteV30{max-width:850px;margin:22px auto 0;text-align:center;color:#697b90;font-size:12px;line-height:1.6}

/* Editable cards – consistent on all pages */
.beatlioEmbeddedContent,.editablePageContentV30{max-width:var(--b3-content)!important;margin-left:auto!important;margin-right:auto!important}
.beatlioV30Grid{display:grid!important;gap:var(--b3-gap)!important;width:100%!important;margin:0!important}
.beatlioV30Grid--funktionen{grid-template-columns:repeat(3,minmax(0,1fr))!important}
.beatlioV30Grid--so-funktionierts{grid-template-columns:repeat(3,minmax(0,1fr))!important}
.beatlioV30Grid--fuer-wen{grid-template-columns:repeat(4,minmax(0,1fr))!important}
.beatlioV30Grid--faq{grid-template-columns:repeat(2,minmax(0,1fr))!important;max-width:1180px!important;margin:0 auto!important}
.beatlioV30Card{position:relative;min-width:0;min-height:260px;padding:34px;border-radius:26px;border:1px solid rgba(91,74,190,.38);background:radial-gradient(450px 190px at 100% 0,rgba(54,39,155,.12),transparent 65%),linear-gradient(180deg,#0b111d,#080d16);box-shadow:0 22px 65px rgba(0,0,0,.16)}
.beatlioV30Card--green{border-color:rgba(50,186,89,.28);background:radial-gradient(450px 190px at 100% 0,rgba(50,186,89,.10),transparent 65%),linear-gradient(180deg,#09160f,#080e0c)}
.beatlioV30Card h2,.beatlioV30Card h3{margin:0 0 13px!important;color:#f4f7fb!important;font-size:23px!important;line-height:1.2!important;letter-spacing:-.02em!important}
.beatlioV30Card p{margin:0!important;color:#9eafc2!important;font-size:15px!important;line-height:1.72!important}
.beatlioV30Card ul{padding-left:20px!important;color:#dbe4ed!important;line-height:1.65!important}
.beatlioV30Icon{display:grid;width:50px;height:50px;place-items:center;border-radius:15px;margin-bottom:24px;background:rgba(81,62,196,.14);border:1px solid rgba(117,98,232,.20);color:#9e90ff;font-size:21px;font-weight:900}
.beatlioV30Card--green .beatlioV30Icon{background:rgba(50,186,89,.1);border-color:rgba(50,186,89,.18);color:#6ade89}
.beatlioV30StepNo{display:block;margin-bottom:30px;color:#7767dc;font-size:50px;font-weight:950;line-height:1;letter-spacing:-.06em}.beatlioV30Card--green .beatlioV30StepNo{color:#49ca6d}
.beatlioV30AudienceMark{display:inline-flex;margin-bottom:27px;padding:8px 10px;border-radius:10px;background:rgba(255,255,255,.035);border:1px solid rgba(255,255,255,.07);color:#77899f;font-size:10px;font-weight:950;letter-spacing:.12em}
.beatlioV30Question{position:absolute;top:29px;left:29px;display:grid;width:36px;height:36px;place-items:center;border-radius:50%;background:rgba(50,186,89,.11);border:1px solid rgba(50,186,89,.20);color:#6bdf8a;font-weight:950}
.beatlioV30Grid--faq .beatlioV30Card{min-height:200px;padding:30px 32px 30px 84px}

/* Detail blocks editable in Gutenberg */
.beatlio-page-details{max-width:1050px!important;margin:38px auto 0!important;padding:34px 38px!important;border-radius:24px!important;border:1px solid rgba(255,255,255,.075)!important;background:rgba(255,255,255,.023)!important}
.beatlio-page-details h2{font-size:30px!important;line-height:1.18!important;margin:0 0 12px!important;color:#f3f7fb!important}
.beatlio-page-details p{font-size:16px!important;line-height:1.7!important;color:#9fafc1!important;margin:0!important}
.beatlio-page-details ul{display:grid!important;grid-template-columns:repeat(3,1fr)!important;gap:10px!important;list-style:none!important;padding:0!important;margin:24px 0 0!important}
.beatlio-page-details li{position:relative;padding:13px 14px 13px 35px!important;border-radius:14px;border:1px solid rgba(255,255,255,.06);background:rgba(255,255,255,.022);color:#ced8e4;font-size:13px;line-height:1.5}
.beatlio-page-details li:before{content:"✓";position:absolute;left:14px;color:#58d879;font-weight:950}

/* Pricing */
.beatlioV30Pricing{display:grid!important;grid-template-columns:repeat(3,minmax(0,1fr))!important;gap:24px!important;width:100%!important;max-width:1320px!important;margin:0 auto!important;align-items:stretch!important}
.beatlioV30Plan{position:relative;display:flex!important;min-width:0!important;min-height:480px;flex-direction:column!important;padding:36px;border-radius:28px;border:1px solid rgba(93,76,190,.38);background:radial-gradient(520px 230px at 100% 0,rgba(54,39,155,.14),transparent 64%),linear-gradient(180deg,#0b111d,#070c14);box-shadow:0 24px 75px rgba(0,0,0,.17)}
.beatlioV30Plan--featured{border-color:rgba(50,186,89,.48);background:radial-gradient(520px 230px at 100% 0,rgba(50,186,89,.14),transparent 64%),linear-gradient(180deg,#09170f,#070d0a);transform:translateY(-9px);box-shadow:0 28px 85px rgba(23,126,54,.1)}
.beatlioV30PlanBadge{position:absolute;top:22px;right:22px;padding:7px 11px;border-radius:999px;background:linear-gradient(135deg,#34c05e,#54d878);color:#061209;font-size:10px;font-weight:950;text-transform:uppercase;letter-spacing:.07em}
.beatlioV30PlanBody{flex:1}
.beatlioV30PlanBody h3{margin:0 0 13px!important;font-size:26px!important;color:#f4f7fb!important}.beatlioV30Plan--featured h3{color:#5adb7c!important}
.beatlioV30PlanBody h2{font-size:clamp(33px,2.6vw,44px)!important;line-height:1.08!important;margin:14px 0 26px!important;color:#f7faff!important;letter-spacing:-.04em!important}
.beatlioV30PlanBody p{margin:14px 0 24px!important;color:#d9e2ec!important;font-size:18px!important}
.beatlioV30PlanBody ul{list-style:none!important;padding:0!important;margin:28px 0 10px!important;display:grid!important;gap:14px!important;color:#d8e1eb!important}
.beatlioV30PlanBody li{position:relative;padding-left:28px!important;margin:0!important;font-size:15px;line-height:1.5}.beatlioV30PlanBody li:before{content:"✓";position:absolute;left:0;color:#57d878;font-weight:950}
.beatlioV30PlanButton{width:100%!important;height:52px!important;margin-top:24px!important}

/* Ecosystem */
.ecosystemGridV30{display:grid;grid-template-columns:1.08fr .96fr .96fr;gap:24px;max-width:1320px;margin:0 auto}
.ecosystemCardV30{position:relative;min-height:360px;padding:34px;border-radius:28px;border:1px solid rgba(91,74,190,.36);background:linear-gradient(180deg,#0b111d,#080d16)}
.ecosystemCardV30--main{background:radial-gradient(560px 240px at 100% 0,rgba(50,186,89,.12),transparent 65%),linear-gradient(180deg,#091710,#080d0b);border-color:rgba(50,186,89,.34)}
.ecosystemBadgeV30{position:absolute;right:25px;top:25px;padding:6px 10px;border-radius:999px;border:1px solid rgba(255,255,255,.08);background:rgba(255,255,255,.025);font-size:9px;text-transform:uppercase;letter-spacing:.09em;color:#7f90a4;font-weight:900}
.ecosystemIconV30{display:grid;width:52px;height:52px;place-items:center;border-radius:15px;background:rgba(79,61,191,.14);color:#9789ff;border:1px solid rgba(100,81,219,.22);font-size:22px;margin-bottom:28px}
.ecosystemCardV30--main .ecosystemIconV30{background:rgba(50,186,89,.11);border-color:rgba(50,186,89,.2);color:#62db82}
.ecosystemCardV30 h3{font-size:27px;margin:0 0 12px}.ecosystemCardV30 p{color:#9eafc2;font-size:15px;line-height:1.7;margin:0}.ecosystemCardV30 ul{list-style:none;padding:0;margin:24px 0 0;display:grid;gap:10px;color:#ced8e2;font-size:13px}.ecosystemCardV30 li:before{content:"→";color:#60da82;margin-right:9px}

/* Section links */
.sectionMoreV30{text-align:center;margin-top:32px}
.sectionMoreV30 a{display:inline-flex;align-items:center;gap:9px;color:#cbd5e1;font-size:14px;font-weight:800;padding:10px 2px}
.sectionMoreV30 a span{color:#62da82;font-size:18px;transition:.18s}.sectionMoreV30 a:hover span{transform:translateX(3px)}

/* Standalone pages */
.contentPageV30{padding:0 0 112px!important;min-height:70vh}
.contentPageV30>.wrap{max-width:var(--b3-page)!important;padding-top:78px!important}
.contentPageHeroV30{max-width:900px!important;margin:0 auto 52px!important;text-align:center!important}
.contentPageHeroV30 .kicker{margin-bottom:14px}
.contentPageHeroV30 h1{font-size:clamp(52px,5.5vw,78px)!important;line-height:1!important;margin:0 0 20px!important}
.contentPageHeroV30 p{max-width:790px;margin:0 auto!important;font-size:18px!important;line-height:1.7!important;color:#aab7c7!important}
.pageEndCtaV30{display:flex;align-items:center;justify-content:space-between;gap:40px;max-width:1180px;margin:64px auto 0;padding:36px 40px;border-radius:26px;border:1px solid rgba(50,186,89,.23);background:radial-gradient(600px 220px at 100% 0,rgba(50,186,89,.10),transparent 65%),linear-gradient(180deg,#0a1310,#080d0b)}
.pageEndCtaV30 h2{font-size:32px!important;margin:0 0 10px!important}.pageEndCtaV30 p{max-width:620px;margin:0;color:#99aabd;line-height:1.65}
.pageEndCtaActionsV30{display:flex;gap:10px;flex:0 0 auto}

/* Contact */
.contentPage--kontakt .editablePageContentV30{max-width:1280px!important}
.beatlioV30Contact{display:grid!important;grid-template-columns:minmax(340px,.72fr) minmax(0,1.5fr)!important;gap:24px!important;width:100%!important;align-items:stretch!important}
.beatlioV30ContactInfo,.beatlioV30ContactForm>.formBox{border-radius:28px!important;border:1px solid rgba(91,74,190,.34)!important;background:radial-gradient(500px 220px at 100% 0,rgba(54,39,155,.11),transparent 65%),linear-gradient(180deg,#0b111d,#080d16)!important}
.beatlioV30ContactInfo{padding:38px!important}.beatlioV30ContactEyebrow{display:inline-block;margin-bottom:20px;color:#6ee18c;font-size:11px;text-transform:uppercase;letter-spacing:.1em;font-weight:950}
.beatlioV30ContactInfo>p{font-size:17px!important;line-height:1.75!important;color:#aab9ca!important;margin:0!important}
.beatlioV30ContactPoints{display:grid;gap:11px;margin-top:28px}.beatlioV30ContactPoints span{padding:16px 17px;border-radius:15px;border:1px solid rgba(255,255,255,.06);background:rgba(255,255,255,.022);font-size:13px;line-height:1.55;color:#93a4b8}.beatlioV30ContactPoints strong{display:block;color:#e8eef5;margin-bottom:4px}
.beatlioV30ContactForm{min-width:0}.beatlioV30ContactForm>.formBox{max-width:none!important;height:100%!important;margin:0!important;padding:38px!important}
.beatlioV30ContactForm form{width:100%}.beatlioV30ContactForm .formGrid{grid-template-columns:1fr 1fr!important;gap:13px!important}.beatlioV30ContactForm .formRow{display:grid!important;grid-template-columns:1fr 1fr!important;gap:13px!important;margin-top:13px!important}.beatlioV30ContactForm textarea{grid-column:1/-1;min-height:190px!important}.beatlioV30ContactForm button{justify-self:start}.beatlioV30ContactForm .formHint{grid-column:1/-1}

/* Final CTA */
.finalCtaSectionV30{padding-top:88px;padding-bottom:96px}
.finalCtaV30{max-width:1320px;margin:0 auto;padding:50px 54px;border-radius:32px;display:flex;align-items:center;justify-content:space-between;gap:50px;border:1px solid rgba(50,186,89,.28);background:radial-gradient(720px 300px at 92% 0,rgba(50,186,89,.15),transparent 65%),radial-gradient(650px 300px at 0 100%,rgba(66,49,174,.16),transparent 65%),linear-gradient(180deg,#0b121a,#070c11)}
.finalCtaCopyV30{max-width:780px}.finalCtaCopyV30 h2{font-size:clamp(38px,4vw,58px);margin:0 0 14px}.finalCtaCopyV30 p{margin:0;color:#a7b6c7;font-size:17px;line-height:1.7}.finalCtaActionsV30{display:flex;gap:10px;flex:0 0 auto}.finalCtaActionsV30 .btn{height:54px}

/* Legal pages */
.simplePage{padding:84px 0 110px!important}.simplePage>.wrap{max-width:1240px!important}.legalBox{max-width:1080px!important;margin:0 auto!important;padding:48px 54px!important;border-radius:30px!important;background:linear-gradient(180deg,#0b111d,#080d16)!important;box-shadow:0 24px 80px rgba(0,0,0,.16)!important}.legalBox h1{font-size:clamp(48px,5vw,68px)!important}.legalBox .editablePageContent{max-width:none!important}.legalBox h2{font-size:26px!important}.legalBox p,.legalBox li{font-size:16px!important;line-height:1.75!important;color:#adbac9!important}

/* Footer */
footer>.wrap{max-width:var(--b3-page)!important}.foot{grid-template-columns:1.3fr .85fr .85fr .75fr!important;gap:48px!important}.foot .brand img{height:50px!important;max-width:210px!important}.aiNotice{margin-top:26px;padding:13px 15px;border-radius:13px;background:rgba(255,255,255,.02);border:1px solid rgba(255,255,255,.055);color:#74859a;font-size:11px;line-height:1.55}.aiNotice strong{color:#a7b4c3}.copy{padding-top:20px!important;margin-top:20px!important}

/* Large monitors */
@media (min-width:1680px){
  :root{--b3-page:1580px;--b3-content:1400px;--b3-gap:26px}
  .wrap{padding-left:48px!important;padding-right:48px!important}
  .heroV30 .heroGrid{grid-template-columns:minmax(0,.94fr) minmax(620px,1.06fr)!important;gap:88px!important}
  .visualV30{max-width:750px}.phoneV30{width:375px!important;right:62px!important}.floatCardV30{width:245px!important}
  .beatlioV30Card{min-height:275px;padding:37px}.productStageV30{max-width:1430px}.dashboardMockV30{min-height:530px}
}

/* Laptop */
@media (min-width:961px) and (max-width:1240px){
  :root{--b3-page:1180px;--b3-content:1080px;--b3-gap:18px}
  .wrap{padding-left:28px!important;padding-right:28px!important}.nav .brand{flex-basis:185px!important}.nav .brand img{height:48px!important;max-width:190px!important}.navlinks{gap:14px!important;font-size:12px!important}.actions .btn{padding:0 14px!important;font-size:12px!important}
  .heroV30 .heroGrid{grid-template-columns:1fr 1fr!important;gap:34px!important}.visualV30{min-height:600px!important}.phoneV30{right:20px!important}.floatCardV30{left:0!important}
  .productStageV30{grid-template-columns:350px 1fr}.beatlioV30Grid--fuer-wen{grid-template-columns:repeat(2,1fr)!important}.beatlioV30Pricing{gap:16px!important}.beatlioV30Plan{padding:28px}.ecosystemGridV30{grid-template-columns:1fr 1fr}.ecosystemCardV30--main{grid-column:1/-1}.beatlioV30Contact{grid-template-columns:1fr!important;max-width:920px!important;margin:0 auto!important}
}

/* Tablet/mobile – keep the successful mobile character */
@media (max-width:960px){
  .wrap{padding-left:22px!important;padding-right:22px!important}.navin{min-height:72px!important}.nav .brand{flex-basis:auto!important}.nav .brand img{height:45px!important;max-width:180px!important}.burger{display:block!important}.navlinks{display:none!important}.actions .secondary{display:none!important}.mobileOpen .navlinks{display:flex!important;top:72px!important;gap:4px!important}.mobileOpen .navlinks a{width:100%;padding:12px 0}
  section{padding:70px 0}.heroV30{padding:48px 0 28px!important;min-height:0}.heroV30 .heroGrid{grid-template-columns:1fr!important;gap:26px!important}.heroCopyV30 h1{font-size:clamp(48px,12vw,72px)!important}.heroCopyV30 .lead{font-size:17px!important}.heroBadgesV30{grid-template-columns:1fr!important}.visualV30{min-height:600px!important;max-width:620px;margin:0 auto}.phoneV30{right:50%!important;transform:translateX(50%) rotate(2deg)!important;width:min(330px,82vw)!important}.floatCardV30{left:8px!important;bottom:70px!important;width:190px!important}
  .valueRailGridV30{grid-template-columns:1fr 1fr}.valueRailGridV30>div:nth-child(2){border-right:0}.valueRailGridV30>div:nth-child(-n+2){border-bottom:1px solid rgba(255,255,255,.055)}
  .productStageV30{grid-template-columns:1fr}.dashboardMockV30{min-height:0}.dashCardsV30{grid-template-columns:1fr}.productStageV30 .guestStageV30,.productStageV30 .dashboardStageV30{padding:20px}.dashMainV30{padding:20px}.dashSideV30{padding:16px 8px}.stageTitleV30{align-items:flex-start;flex-direction:column}.stageTitleV30 strong{text-align:left}
  .beatlioV30Grid,.beatlioV30Pricing,.ecosystemGridV30,.beatlioV30Contact{grid-template-columns:1fr!important;gap:14px!important}.beatlioV30Card{min-height:0!important;padding:24px!important;border-radius:22px!important}.beatlioV30Grid--faq .beatlioV30Card{padding:24px 24px 24px 72px!important;min-height:0}.beatlioV30Question{top:23px;left:23px}.beatlioV30Plan,.beatlioV30Plan--featured{min-height:0!important;padding:26px!important;border-radius:22px!important;transform:none!important}.ecosystemCardV30,.ecosystemCardV30--main{grid-column:auto!important;min-height:0;padding:26px}.beatlio-page-details{padding:25px!important}.beatlio-page-details ul{grid-template-columns:1fr!important}.contentPageV30>.wrap{padding-top:52px!important}.contentPageHeroV30{text-align:left!important;margin-bottom:34px!important}.contentPageHeroV30 h1{font-size:46px!important}.contentPageHeroV30 p{font-size:16px!important}.pageEndCtaV30,.finalCtaV30{align-items:flex-start;flex-direction:column;padding:28px!important}.pageEndCtaActionsV30,.finalCtaActionsV30{width:100%;flex-wrap:wrap}.pageEndCtaActionsV30 .btn,.finalCtaActionsV30 .btn{flex:1 1 180px}.beatlioV30ContactInfo,.beatlioV30ContactForm>.formBox{padding:25px!important}.beatlioV30ContactForm .formGrid,.beatlioV30ContactForm .formRow{grid-template-columns:1fr!important}.beatlioV30ContactForm textarea{grid-column:auto}.foot{grid-template-columns:1fr 1fr!important;gap:32px!important}
}

@media (max-width:620px){
  .wrap{padding-left:18px!important;padding-right:18px!important}.actions .primary{display:none!important}.heroV30 .heroCtas{display:grid;grid-template-columns:1fr 1fr}.heroV30 .heroCtas .btn{padding:0 12px;font-size:13px}.visualV30{min-height:540px!important}.clubGlow{left:0!important}.eq{gap:5px!important}.eq span{width:9px!important}.phoneV30{width:min(305px,86vw)!important}.floatCardV30{width:170px!important;left:0!important}.valueRailGridV30{grid-template-columns:1fr}.valueRailGridV30>div{border-right:0!important;border-bottom:1px solid rgba(255,255,255,.055)!important;padding:19px 18px}.valueRailGridV30>div:last-child{border-bottom:0!important}.dashboardMockV30{grid-template-columns:52px 1fr}.dashSideV30 span{width:34px;height:34px}.dashSideV30 img{width:34px;height:34px}.dashMainV30{padding:16px}.requestRowV30{grid-template-columns:34px 1fr auto;gap:9px}.requestRowV30 i{width:34px;height:34px}.requestRowV30>span{font-size:8px;padding:5px 7px}.sectionHeadWideV30{text-align:left!important}.sectionHeadWideV30 p{margin-left:0!important}.foot{grid-template-columns:1fr!important}.legalBox{padding:24px!important}.simplePage{padding-top:50px!important}
}


/* =========================================================
   Beatlio 3.1 – Editor First
   WordPress/Gutenberg bestimmt den Inhalt; das Theme nur Optik.
   ========================================================= */
.beatlioHomeEditorContent{overflow:hidden}
.beatlioHomeEditorContent>.wp-block-group,.beatlioHomeEditorContent>.wp-block-columns{max-width:var(--b3-page);margin-left:auto;margin-right:auto}
.beatlio-home-editor-hero{max-width:none!important;padding:82px max(24px,calc((100vw - var(--b3-page))/2 + 34px)) 58px!important;background:radial-gradient(800px 480px at 77% 32%,rgba(71,55,188,.17),transparent 68%),radial-gradient(720px 400px at 92% 70%,rgba(50,186,89,.08),transparent 68%)}
.beatlio-home-hero-columns{max-width:var(--b3-page)!important;margin:0 auto!important;align-items:center!important;gap:64px!important}
.beatlio-home-hero-columns>.wp-block-column:first-child{flex-basis:45%!important}.beatlio-home-hero-columns>.wp-block-column:last-child{flex-basis:55%!important}
.beatlio-home-editor-hero h1{font-size:clamp(58px,5.8vw,92px)!important;line-height:.98!important;letter-spacing:-.05em!important;margin:14px 0 24px!important}
.beatlio-kicker{color:#62dd84!important;font-size:12px!important;letter-spacing:.11em!important;text-transform:uppercase!important;font-weight:900!important;margin-bottom:12px!important}
.beatlio-lead{font-size:19px!important;line-height:1.72!important;color:#aab8c9!important;max-width:680px}
.beatlioHomeEditorContent .wp-block-buttons{gap:10px;margin-top:28px}.beatlioHomeEditorContent .wp-block-button__link{min-height:52px;display:inline-flex;align-items:center;justify-content:center;padding:0 22px;border-radius:14px;background:#49cf6e;color:#07130a;font-weight:900;text-decoration:none}.beatlioHomeEditorContent .is-style-outline>.wp-block-button__link{background:transparent!important;color:#eef4ff!important;border:1px solid rgba(255,255,255,.16)!important}
.beatlio-home-section{max-width:none!important;padding:88px max(24px,calc((100vw - var(--b3-page))/2 + 34px))!important}.beatlio-home-section>*{max-width:var(--b3-content);margin-left:auto;margin-right:auto}.beatlio-home-section>h2{font-size:clamp(38px,4vw,58px)!important;line-height:1.06!important;letter-spacing:-.035em!important;margin-top:6px!important}.beatlio-home-section>p:not(.beatlio-kicker){max-width:820px;color:#9eacbd;font-size:17px;line-height:1.7}.beatlio-home-section-tone{background:linear-gradient(180deg,rgba(255,255,255,.012),rgba(255,255,255,.025),rgba(255,255,255,.012))}
.beatlio-home-final-cta{max-width:1320px!important;margin:30px auto 96px!important;padding:50px 54px!important;border-radius:32px!important;border:1px solid rgba(50,186,89,.28)!important;background:radial-gradient(720px 300px at 92% 0,rgba(50,186,89,.15),transparent 65%),radial-gradient(650px 300px at 0 100%,rgba(66,49,174,.16),transparent 65%),linear-gradient(180deg,#0b121a,#070c11)!important}.beatlio-home-final-cta h2{font-size:clamp(38px,4vw,58px)!important;margin:0 0 12px!important}.beatlio-home-final-cta>p{color:#a7b6c7!important;font-size:17px!important;line-height:1.7!important;max-width:780px}
.beatlioEditorVisual{min-height:620px!important;max-width:720px;margin:0 auto;position:relative}.beatlioEditorProductVisual{margin-top:38px!important}

/* Direct Gutenberg page output */
.contentPageV31{padding:0 0 112px;min-height:70vh}.contentPageV31>.wrap{max-width:var(--b3-page)!important;padding-top:76px!important}.contentPageHeroV31{max-width:920px;margin:0 auto 46px;text-align:center}.contentPageHeroV31 h1{font-size:clamp(50px,5.4vw,76px)!important;line-height:1!important;letter-spacing:-.045em!important;margin:0 0 18px!important}.contentPageHeroV31 p{max-width:800px;margin:0 auto!important;color:#a8b6c7;font-size:18px;line-height:1.7}.editablePageContentV31{max-width:var(--b3-content)!important;margin:0 auto!important}.editablePageContentV31>p{font-size:16px;line-height:1.75;color:#aab8c9}.editablePageContentV31 h2{font-size:clamp(30px,3vw,44px);line-height:1.12}.editablePageContentV31 h3{font-size:22px}.editablePageContentV31 a:not(.wp-block-button__link){color:#72df8e}

/* Gutenberg grids/cards – the editor markup remains the frontend markup */
.beatlio-editor-grid{display:grid!important;gap:20px!important;margin:0!important}.beatlio-editor-grid-3{grid-template-columns:repeat(3,minmax(0,1fr))!important}.beatlio-editor-grid-4{grid-template-columns:repeat(4,minmax(0,1fr))!important}.beatlio-editor-card{padding:30px!important;border-radius:24px!important;border:1px solid rgba(88,72,184,.32)!important;background:linear-gradient(180deg,#0b111d,#080d16)!important;min-width:0}.beatlio-editor-card.green{border-color:rgba(50,186,89,.42)!important;background:radial-gradient(460px 180px at 100% 0,rgba(50,186,89,.09),transparent 68%),linear-gradient(180deg,#0b1512,#080e0c)!important}.beatlio-editor-card h2,.beatlio-editor-card h3{margin-top:0!important}.beatlio-editor-card p,.beatlio-editor-card li{color:#a7b5c7;line-height:1.65}.beatlio-editor-card ul{padding-left:20px}.beatlio-editor-card li+li{margin-top:8px}
.beatlio-pricing-editor>.beatlio-editor-card{min-height:330px}.beatlio-pricing-editor>.green{transform:translateY(-8px);box-shadow:0 18px 60px rgba(50,186,89,.08)}
.beatlio-faq-editor{display:grid!important;grid-template-columns:repeat(2,minmax(0,1fr))!important;gap:16px!important}.beatlio-faq-editor>.beatlio-editor-card{min-height:0!important}
.beatlioEmbeddedEditable{margin-top:30px}.beatlioEmbeddedEditable>.beatlio-editor-grid,.beatlioEmbeddedEditable>.beatlio-faq-editor{margin-top:0!important}

/* Core blocks */
.editablePageContentV31 .wp-block-columns{gap:24px!important}.editablePageContentV31 .wp-block-column{min-width:0}.editablePageContentV31 .wp-block-group:not(.beatlio-editor-grid):not(.beatlio-editor-card):not(.beatlio-faq-editor){max-width:100%}.editablePageContentV31 .wp-block-buttons{gap:10px}.editablePageContentV31 .wp-block-button__link{min-height:50px;display:inline-flex;align-items:center;justify-content:center;padding:0 20px;border-radius:13px;background:#49cf6e;color:#07130a;font-weight:900;text-decoration:none}.editablePageContentV31 .is-style-outline>.wp-block-button__link{background:transparent!important;color:#eef4ff!important;border:1px solid rgba(255,255,255,.16)!important}

/* Any contact-form plugin/shortcode inserted by the user is shown and styled. */
.contentPage--kontakt .editablePageContentV31{max-width:1180px!important}.contentPage--kontakt .editablePageContentV31>p:first-child{max-width:800px;margin:0 auto 30px;text-align:center;font-size:17px}.contentPage--kontakt .editablePageContentV31 form,.contentPage--kontakt .wpcf7,.contentPage--kontakt .wpforms-container,.contentPage--kontakt .forminator-ui,.contentPage--kontakt .fluentform,.contentPage--kontakt .ff-el-form-control{max-width:980px;margin-left:auto!important;margin-right:auto!important}.editablePageContentV31 form{padding:34px;border-radius:26px;border:1px solid rgba(88,72,184,.30);background:linear-gradient(180deg,#0b111d,#080d16)}.editablePageContentV31 form label{display:block;color:#dce6f2;font-weight:700;margin-bottom:6px}.editablePageContentV31 input,.editablePageContentV31 textarea,.editablePageContentV31 select{width:100%;padding:14px 16px;border-radius:13px;border:1px solid rgba(255,255,255,.10);background:#080f1a;color:#fff}.editablePageContentV31 input[type=submit],.editablePageContentV31 button[type=submit]{width:auto;background:#49cf6e;color:#07130a;border:0;padding:14px 20px;border-radius:13px;font-weight:900;cursor:pointer}.editablePageContentV31 .wpcf7-form{max-width:none!important}.editablePageContentV31 .wpforms-container form,.editablePageContentV31 .forminator-ui form,.editablePageContentV31 .fluentform form{padding:0;background:transparent;border:0}

@media(max-width:1100px){.beatlio-editor-grid-4{grid-template-columns:repeat(2,minmax(0,1fr))!important}.beatlio-home-hero-columns{gap:30px!important}}
@media(max-width:960px){.beatlio-home-editor-hero{padding:48px 22px 34px!important}.beatlio-home-hero-columns{display:block!important}.beatlio-home-hero-columns>.wp-block-column{width:100%!important}.beatlio-home-editor-hero h1{font-size:clamp(48px,12vw,72px)!important}.beatlioEditorVisual{min-height:580px!important;margin-top:26px}.beatlio-home-section{padding:70px 22px!important}.beatlio-editor-grid-3,.beatlio-editor-grid-4,.beatlio-faq-editor{grid-template-columns:1fr!important}.beatlio-pricing-editor>.green{transform:none}.beatlio-home-final-cta{margin:20px 22px 70px!important;padding:28px!important}.contentPageV31>.wrap{padding-top:50px!important}.contentPageHeroV31{text-align:left;margin-bottom:32px}.contentPageHeroV31 h1{font-size:46px!important}.contentPageHeroV31 p{font-size:16px;margin-left:0!important}.editablePageContentV31 form{padding:24px}}
@media(max-width:620px){.beatlio-home-editor-hero{padding-left:18px!important;padding-right:18px!important}.beatlio-home-section{padding-left:18px!important;padding-right:18px!important}.beatlio-home-final-cta{margin-left:18px!important;margin-right:18px!important}.beatlio-editor-card{padding:24px!important}.editablePageContentV31 form{padding:20px}}

/* Beatlio 3.2 – Editor-First hardening */
.beatlioHomeEditorContent{width:100%;max-width:none;margin:0;padding:0}
.beatlioEmbeddedEditable{width:100%}
.beatlioEmbeddedEditable .beatlio-editor-grid,.beatlioEmbeddedEditable .beatlio-faq-editor{width:100%}
.contentPage--kontakt .editablePageContentV31{width:100%;max-width:1180px!important}
.contentPage--kontakt .editablePageContentV31>.wp-block-shortcode,
.contentPage--kontakt .editablePageContentV31>.wp-block-html,
.contentPage--kontakt .editablePageContentV31>.wp-block-group,
.contentPage--kontakt .editablePageContentV31>.wp-block-columns{width:100%;max-width:100%}
.contentPage--kontakt .editablePageContentV31 .wpcf7,
.contentPage--kontakt .editablePageContentV31 .wpforms-container,
.contentPage--kontakt .editablePageContentV31 .forminator-ui,
.contentPage--kontakt .editablePageContentV31 .fluentform,
.contentPage--kontakt .editablePageContentV31 .nf-form-cont,
.contentPage--kontakt .editablePageContentV31 .gform_wrapper{width:100%;max-width:100%!important}
@media(min-width:1101px){
  .beatlio-home-editor-hero .beatlio-home-hero-columns{display:grid!important;grid-template-columns:minmax(0,.9fr) minmax(540px,1.1fr)!important}
  .beatlio-home-section .beatlio-editor-grid-3{grid-template-columns:repeat(3,minmax(0,1fr))!important}
  .beatlio-home-section .beatlio-editor-grid-4{grid-template-columns:repeat(4,minmax(0,1fr))!important}
  .beatlio-home-section .beatlio-faq-editor{grid-template-columns:repeat(2,minmax(0,1fr))!important}
}

/* =========================================================
   Beatlio 3.3 – Clean Desktop Layout
   Eine einzige, abschließende Desktop-Schicht. Die sichtbaren
   Texte bleiben in WordPress-Seiten bearbeitbar; nur das Raster
   wird vom Theme stabil gehalten.
   ========================================================= */

:root{--beatlio-max:1480px;--beatlio-content:1320px;--beatlio-gap:24px}

/* Globale Breite */
.wrap{width:100%!important;max-width:var(--beatlio-max)!important;margin-left:auto!important;margin-right:auto!important;padding-left:40px!important;padding-right:40px!important}

/* Einzelseiten */
.contentPageV33{padding:0 0 112px;min-height:72vh}
.contentPageV33>.wrap{padding-top:72px!important}
.contentPageHeroV33{max-width:980px;margin:0 auto 48px;text-align:center}
.contentPageHeroV33 h1{margin:0 0 18px!important;font-size:clamp(52px,5vw,78px)!important;line-height:1!important;letter-spacing:-.045em!important}
.contentPageHeroV33 p{max-width:820px;margin:0 auto!important;color:#a7b6c8;font-size:18px;line-height:1.7}
.editablePageContentV33{width:100%!important;max-width:var(--beatlio-content)!important;margin:0 auto!important}

/* Die Theme-Renderer sind auf Desktop IMMER echte Raster */
.editablePageContentV33 .beatlioV30Grid,
.beatlioEmbeddedEditable .beatlioV30Grid{display:grid!important;width:100%!important;gap:var(--beatlio-gap)!important;align-items:stretch!important}
.editablePageContentV33 .beatlioV30Grid--funktionen,
.beatlioEmbeddedEditable .beatlioV30Grid--funktionen{grid-template-columns:repeat(3,minmax(0,1fr))!important}
.editablePageContentV33 .beatlioV30Grid--so-funktionierts,
.beatlioEmbeddedEditable .beatlioV30Grid--so-funktionierts{grid-template-columns:repeat(3,minmax(0,1fr))!important}
.editablePageContentV33 .beatlioV30Grid--fuer-wen,
.beatlioEmbeddedEditable .beatlioV30Grid--fuer-wen{grid-template-columns:repeat(4,minmax(0,1fr))!important}
.editablePageContentV33 .beatlioV30Grid--faq,
.beatlioEmbeddedEditable .beatlioV30Grid--faq{grid-template-columns:repeat(2,minmax(0,1fr))!important}
.editablePageContentV33 .beatlioV30Card,
.beatlioEmbeddedEditable .beatlioV30Card{height:100%!important;min-width:0!important;padding:30px!important;border-radius:24px!important}

/* Pakete – garantiert drei Spalten auf Desktop */
.editablePageContentV33 .beatlioV30Pricing,
.beatlioEmbeddedEditable .beatlioV30Pricing{display:grid!important;grid-template-columns:repeat(3,minmax(0,1fr))!important;gap:24px!important;width:100%!important;align-items:stretch!important}
.editablePageContentV33 .beatlioV30Plan,
.beatlioEmbeddedEditable .beatlioV30Plan{display:flex!important;flex-direction:column!important;min-width:0!important;height:100%!important;padding:32px!important;border-radius:26px!important}
.editablePageContentV33 .beatlioV30PlanBody,
.beatlioEmbeddedEditable .beatlioV30PlanBody{flex:1}
.editablePageContentV33 .beatlioV30Plan--featured,
.beatlioEmbeddedEditable .beatlioV30Plan--featured{transform:translateY(-10px)!important}

/* Detailbereich unter Funktionen/Ablauf/Zielgruppe/Pakete */
.editablePageContentV33 .beatlio-page-details{margin:34px auto 0!important;max-width:980px!important;padding:30px 34px!important;border:1px solid rgba(255,255,255,.075);border-radius:24px;background:rgba(255,255,255,.02)}
.editablePageContentV33 .beatlio-page-details h2{margin-top:0!important}

/* Kontakt: der Editor ist die einzige Quelle. Formulare immer groß. */
.contentPage--kontakt .editablePageContentV33{max-width:1180px!important}
.contentPage--kontakt .editablePageContentV33>p:first-child{max-width:820px;margin:0 auto 28px!important;text-align:center;font-size:17px;line-height:1.7}
.contentPage--kontakt .editablePageContentV33>.wp-block-shortcode,
.contentPage--kontakt .editablePageContentV33>.wp-block-html,
.contentPage--kontakt .editablePageContentV33>.wp-block-group,
.contentPage--kontakt .editablePageContentV33>.wp-block-columns{width:100%!important;max-width:100%!important}
.contentPage--kontakt .editablePageContentV33 .wpcf7,
.contentPage--kontakt .editablePageContentV33 .wpforms-container,
.contentPage--kontakt .editablePageContentV33 .forminator-ui,
.contentPage--kontakt .editablePageContentV33 .fluentform,
.contentPage--kontakt .editablePageContentV33 .nf-form-cont,
.contentPage--kontakt .editablePageContentV33 .gform_wrapper{width:100%!important;max-width:100%!important;margin-left:auto!important;margin-right:auto!important}
.contentPage--kontakt .editablePageContentV33 form{width:100%!important;max-width:100%!important;padding:34px!important}

/* Startseite: klare breite Sektionen */
.beatlioHomeEditorContentV33{width:100%}
.beatlioHomeEditorContentV33 .beatlio-home-editor-hero{padding:72px 40px 56px!important}
.beatlioHomeEditorContentV33 .beatlio-home-hero-columns{display:grid!important;grid-template-columns:minmax(0,.92fr) minmax(540px,1.08fr)!important;align-items:center!important;gap:68px!important;max-width:var(--beatlio-max)!important;margin:0 auto!important}
.beatlioHomeEditorContentV33 .beatlio-home-hero-columns>.wp-block-column{width:auto!important;min-width:0!important;flex-basis:auto!important}
.beatlioHomeEditorContentV33 .beatlio-home-section{padding:88px max(40px,calc((100vw - var(--beatlio-max))/2 + 40px))!important}
.beatlioHomeEditorContentV33 .beatlio-home-section>*{width:100%!important;max-width:var(--beatlio-content)!important;margin-left:auto!important;margin-right:auto!important}
.beatlioHomeEditorContentV33 .beatlioEmbeddedEditable{width:100%!important;max-width:none!important;margin-top:34px!important}
.beatlioHomeEditorContentV33 .beatlio-home-final-cta{max-width:1320px!important;margin:40px auto 90px!important}

/* Falls der Benutzer native Gutenberg-Spalten auf normalen Seiten nutzt */
@media(min-width:1101px){
  .editablePageContentV33>.wp-block-columns{display:grid!important;grid-template-columns:repeat(var(--beatlio-cols,2),minmax(0,1fr))!important;gap:24px!important}
  .editablePageContentV33>.wp-block-columns>.wp-block-column{min-width:0!important;width:auto!important;flex-basis:auto!important}
}

/* Laptop */
@media(max-width:1180px) and (min-width:961px){
  .wrap{padding-left:28px!important;padding-right:28px!important}
  .editablePageContentV33 .beatlioV30Grid--fuer-wen,
  .beatlioEmbeddedEditable .beatlioV30Grid--fuer-wen{grid-template-columns:repeat(2,minmax(0,1fr))!important}
  .beatlioHomeEditorContentV33 .beatlio-home-hero-columns{grid-template-columns:minmax(0,1fr) minmax(430px,1fr)!important;gap:34px!important}
}

/* Mobile/Tablet – bewusst einspaltig */
@media(max-width:960px){
  .wrap{padding-left:20px!important;padding-right:20px!important}
  .contentPageV33>.wrap{padding-top:46px!important}
  .contentPageHeroV33{text-align:left;margin-bottom:30px}
  .contentPageHeroV33 h1{font-size:46px!important}
  .contentPageHeroV33 p{font-size:16px;margin-left:0!important}
  .editablePageContentV33 .beatlioV30Grid,
  .beatlioEmbeddedEditable .beatlioV30Grid,
  .editablePageContentV33 .beatlioV30Pricing,
  .beatlioEmbeddedEditable .beatlioV30Pricing{grid-template-columns:1fr!important}
  .editablePageContentV33 .beatlioV30Plan--featured,
  .beatlioEmbeddedEditable .beatlioV30Plan--featured{transform:none!important}
  .beatlioHomeEditorContentV33 .beatlio-home-editor-hero{padding:44px 20px 28px!important}
  .beatlioHomeEditorContentV33 .beatlio-home-hero-columns{display:block!important}
  .beatlioHomeEditorContentV33 .beatlio-home-section{padding:66px 20px!important}
  .beatlioHomeEditorContentV33 .beatlio-home-final-cta{margin:20px 20px 70px!important}
  .contentPage--kontakt .editablePageContentV33>p:first-child{text-align:left;margin-left:0!important}
  .contentPage--kontakt .editablePageContentV33 form{padding:22px!important}
}

/* =========================================================
   Beatlio 3.4 – variable Desktop-Raster
   Fix: Paket- und Kartenbereiche dürfen nicht von einer festen
   Anzahl an Gutenberg-Blöcken abhängen.
   ========================================================= */

/* Vom Theme gerenderte Paketboxen: Anzahl bestimmt das Raster. */
@media (min-width: 961px) {
  .editablePageContentV33 .beatlioV30Pricing--count-1,
  .beatlioEmbeddedEditable .beatlioV30Pricing--count-1 {
    grid-template-columns:minmax(0,560px)!important;
    justify-content:center!important;
    max-width:560px!important;
  }
  .editablePageContentV33 .beatlioV30Pricing--count-2,
  .beatlioEmbeddedEditable .beatlioV30Pricing--count-2 {
    grid-template-columns:repeat(2,minmax(0,1fr))!important;
    max-width:1040px!important;
    justify-content:center!important;
  }
  .editablePageContentV33 .beatlioV30Pricing--count-3,
  .beatlioEmbeddedEditable .beatlioV30Pricing--count-3 {
    grid-template-columns:repeat(3,minmax(0,1fr))!important;
    max-width:1320px!important;
  }
  .editablePageContentV33 .beatlioV30Pricing--count-4,
  .beatlioEmbeddedEditable .beatlioV30Pricing--count-4 {
    grid-template-columns:repeat(4,minmax(0,1fr))!important;
    max-width:1400px!important;
  }

  /* Falls ein frei bearbeiteter Gutenberg-Paketblock nicht vom PHP-Renderer
     erkannt wird, wird auch dieser automatisch breit und mehrspaltig. */
  .editablePageContentV33 .beatlio-pricing-editor,
  .beatlioEmbeddedEditable .beatlio-pricing-editor {
    display:grid!important;
    grid-template-columns:repeat(auto-fit,minmax(340px,1fr))!important;
    gap:24px!important;
    width:100%!important;
    max-width:1320px!important;
    margin-left:auto!important;
    margin-right:auto!important;
    align-items:stretch!important;
  }
  .editablePageContentV33 .beatlio-pricing-editor > *,
  .beatlioEmbeddedEditable .beatlio-pricing-editor > * {
    min-width:0!important;
    width:auto!important;
    margin:0!important;
  }

  /* Auch frei angelegte Kartenraster funktionieren ohne Zusatzklasse 3/4. */
  .editablePageContentV33 .beatlio-editor-grid:not(.beatlio-pricing-editor):not(.beatlio-editor-grid-3):not(.beatlio-editor-grid-4),
  .beatlioEmbeddedEditable .beatlio-editor-grid:not(.beatlio-pricing-editor):not(.beatlio-editor-grid-3):not(.beatlio-editor-grid-4) {
    display:grid!important;
    grid-template-columns:repeat(auto-fit,minmax(280px,1fr))!important;
    gap:24px!important;
    width:100%!important;
  }
}

/* Zwei Pakete sollen nicht wie zwei schmale Handy-Karten wirken. */
.beatlioV30Pricing--count-2 .beatlioV30Plan {
  min-height:390px!important;
  padding:38px!important;
}
.beatlioV30Pricing--count-2 .beatlioV30Plan--featured {
  transform:none!important;
}

@media (max-width: 960px) {
  .editablePageContentV33 .beatlioV30Pricing,
  .beatlioEmbeddedEditable .beatlioV30Pricing,
  .editablePageContentV33 .beatlio-pricing-editor,
  .beatlioEmbeddedEditable .beatlio-pricing-editor {
    grid-template-columns:1fr!important;
    max-width:none!important;
  }
  .beatlioV30Pricing--count-2 .beatlioV30Plan {
    min-height:0!important;
    padding:26px!important;
  }
}

/* =========================================================
   Beatlio 3.5 – 14 Tage Pro Trial
   ========================================================= */
.beatlioTrialBar{
  position:relative;z-index:45;
  border-bottom:1px solid rgba(80,219,121,.18);
  background:
    radial-gradient(520px 70px at 75% 0,rgba(80,219,121,.10),transparent 72%),
    linear-gradient(90deg,rgba(38,26,113,.34),rgba(8,17,20,.92));
}
.beatlioTrialBarInner{min-height:52px!important;display:flex;align-items:center;justify-content:space-between;gap:22px}
.beatlioTrialBarCopy{display:flex;align-items:center;gap:12px;min-width:0;color:#aebed0;font-size:13px;line-height:1.35}
.beatlioTrialBarCopy strong{color:#f3f7fb;font-size:14px;white-space:nowrap}
.beatlioTrialGift{width:27px;height:27px;display:inline-grid;place-items:center;border-radius:999px;background:rgba(80,219,121,.13);border:1px solid rgba(80,219,121,.30);color:#55db79;flex:0 0 auto}
.beatlioTrialBarCta{display:inline-flex;align-items:center;justify-content:center;min-height:34px;padding:0 13px;border-radius:10px;background:#55db79;color:#061209!important;font-size:12px;font-weight:900;text-decoration:none!important;white-space:nowrap;box-shadow:0 7px 26px rgba(50,186,89,.12)}
.beatlioTrialBarCta:hover{transform:translateY(-1px)}

.beatlioV30Plan{position:relative;overflow:visible}
.beatlioTrialPlanBadge{position:absolute;top:-14px;right:22px;z-index:3;padding:7px 11px;border-radius:999px;background:#55db79;color:#061209;font-size:11px;font-weight:950;letter-spacing:.08em;box-shadow:0 10px 30px rgba(50,186,89,.17)}
.beatlioTrialPlanNote{margin:24px 0 0!important;padding:16px 17px!important;border:1px solid rgba(80,219,121,.20);border-radius:15px;background:rgba(80,219,121,.055);color:#cfeada!important;font-size:13px!important;line-height:1.55!important}
.beatlioTrialPlanNote strong{display:inline-block;margin-bottom:3px;color:#6ae088;font-size:14px}
.beatlioTrialPlanNote span{color:#9fb8aa}

@media(max-width:960px){
  .beatlioTrialBarInner{padding-top:9px!important;padding-bottom:9px!important;min-height:0!important}
  .beatlioTrialBarCopy{display:grid;grid-template-columns:auto 1fr;gap:2px 9px}
  .beatlioTrialGift{grid-row:1/3}
  .beatlioTrialBarCopy strong{white-space:normal}
  .beatlioTrialBarCopy span{font-size:11px}
}
@media(max-width:620px){
  .beatlioTrialBarInner{gap:9px!important;padding-left:16px!important;padding-right:16px!important}
  .beatlioTrialBarCopy span{display:none}
  .beatlioTrialBarCopy{font-size:12px;grid-template-columns:auto 1fr}
  .beatlioTrialGift{grid-row:auto;width:24px;height:24px}
  .beatlioTrialBarCta{padding:0 10px;font-size:11px}
  .beatlioTrialPlanBadge{top:-12px;right:16px}
}


/* =========================================================
   Beatlio 3.6 – Polishing / Trial Conversion
   Keine Änderung am bestehenden Desktop-/Mobile-Grundraster.
   ========================================================= */
.beatlio-trial-cta-editor{
  position:relative;overflow:hidden;margin:44px auto 0!important;padding:34px 38px!important;
  border:1px solid rgba(80,219,121,.22);border-radius:26px;
  background:radial-gradient(520px 180px at 85% 0,rgba(80,219,121,.11),transparent 72%),linear-gradient(135deg,rgba(42,30,122,.23),rgba(7,14,22,.94));
  box-shadow:0 18px 60px rgba(0,0,0,.16)
}
.beatlio-trial-cta-editor h2{margin:5px 0 10px!important;max-width:760px;font-size:clamp(28px,3vw,42px)!important;line-height:1.08!important}
.beatlio-trial-cta-editor>p:not(.beatlio-kicker){max-width:760px;color:#a9bbcb;line-height:1.65}
.beatlio-trial-cta-editor .wp-block-buttons{margin-top:20px}
.beatlio-trial-cta-editor .wp-block-button__link{background:#55db79!important;color:#061209!important;font-weight:900!important;border-radius:13px!important;padding:13px 18px!important;text-decoration:none!important}

.beatlio-trial-faq-editor{margin:48px auto 0!important;max-width:1320px!important}
.beatlio-trial-faq-editor>h2{margin:6px 0 24px!important;font-size:clamp(30px,3vw,44px)!important}
.beatlio-trial-faq-grid{display:grid!important;grid-template-columns:repeat(3,minmax(0,1fr))!important;gap:24px!important}
.beatlio-trial-faq-grid>.beatlio-editor-card{height:100%!important;padding:28px!important;border:1px solid rgba(255,255,255,.07);border-radius:22px;background:linear-gradient(180deg,#0b111d,#080d16)}
.beatlio-trial-faq-grid>.beatlio-editor-card.green{border-color:rgba(80,219,121,.22);background:linear-gradient(180deg,rgba(12,40,28,.58),#080d16)}
.beatlio-trial-faq-grid h3{margin-top:0!important;font-size:19px!important;line-height:1.3!important}
.beatlio-trial-faq-grid p{color:#a7b7c8;line-height:1.65}

/* Der Pro-Trial wird nicht nur als Badge, sondern als klarer Kauf-/Testhinweis lesbar. */
.beatlioTrialPlanNote{font-size:14px!important}
.beatlioTrialPlanNote strong{font-size:15px}
.beatlioTrialPlanCta{display:inline-flex;align-items:center;justify-content:center;margin-top:14px;padding:12px 16px;border-radius:12px;background:#55db79;color:#061209!important;font-size:13px;font-weight:950;text-decoration:none!important;box-shadow:0 10px 28px rgba(50,186,89,.14)}
.beatlioTrialPlanCta:hover{transform:translateY(-1px)}

@media(max-width:960px){
  .beatlio-trial-cta-editor{margin-top:32px!important;padding:26px!important}
  .beatlio-trial-faq-grid{grid-template-columns:1fr!important}
  .beatlio-trial-faq-editor{margin-top:36px!important}
}

/* =========================================================
   Beatlio 3.8 – kompakte mobile Startseite
   Desktop und Unterseiten bleiben unverändert.
   ========================================================= */
.beatlioMobileMoreLink,
.beatlioMobileProductSummary{display:none}

@media(max-width:720px){
  /* Startseite bewusst kürzer und ruhiger */
  .beatlioHomeEditorContentV33 .beatlio-home-editor-hero{
    padding:34px 18px 22px!important;
  }
  .beatlioHomeEditorContentV33 .beatlio-home-editor-hero h1{
    font-size:clamp(42px,11vw,56px)!important;
    line-height:.98!important;
  }
  .beatlioHomeEditorContentV33 .beatlio-home-editor-hero p{
    font-size:15px!important;
    line-height:1.6!important;
  }
  .beatlioHomeEditorContentV33 .beatlio-home-section{
    padding:44px 18px!important;
  }
  .beatlioHomeEditorContentV33 .beatlio-home-section>h2{
    font-size:30px!important;
    line-height:1.08!important;
    margin-bottom:12px!important;
  }
  .beatlioHomeEditorContentV33 .beatlio-home-section>p:not(.beatlio-kicker){
    font-size:14px!important;
    line-height:1.6!important;
  }

  /* Hero-Illustration kürzen – ein Handy reicht mobil als Produktgefühl. */
  .beatlioHomeEditorContentV33 .beatlioEditorVisual{
    min-height:390px!important;
    height:390px!important;
    margin-top:12px!important;
    overflow:hidden!important;
  }
  .beatlioHomeEditorContentV33 .beatlioEditorVisual .phoneV30{
    width:258px!important;
    right:50%!important;
    top:4px!important;
    transform:translateX(50%) rotate(1deg)!important;
  }
  .beatlioHomeEditorContentV33 .beatlioEditorVisual .floatCardV30{display:none!important}
  .beatlioHomeEditorContentV33 .beatlioEditorVisual .eq{opacity:.34!important;bottom:48px!important;height:120px!important}
  .beatlioHomeEditorContentV33 .beatlioEditorVisual .crowd{opacity:.42!important}
  .beatlioHomeEditorContentV33 .beatlioEditorVisual .clubGlow{opacity:.52!important}

  /* Die große doppelte Produkt-Demo wird mobil durch drei kompakte Punkte ersetzt. */
  .beatlioHomeEditorContentV33 .beatlio-mobile-home-product .beatlioEditorProductVisual{
    display:none!important;
  }
  .beatlioMobileProductSummary{
    display:grid!important;
    grid-template-columns:repeat(3,minmax(0,1fr));
    gap:9px;
    margin-top:22px;
  }
  .beatlioMobileProductSummary span{
    min-width:0;
    padding:13px 8px;
    border:1px solid rgba(255,255,255,.07);
    border-radius:14px;
    background:#0b111b;
    color:#cbd6e2;
    font-size:11px;
    font-weight:800;
    text-align:center;
  }
  .beatlioMobileProductSummary a{
    grid-column:1/-1;
    display:flex;
    align-items:center;
    justify-content:center;
    min-height:42px;
    margin-top:2px;
    border:1px solid rgba(94,78,196,.30);
    border-radius:13px;
    color:#b7adff!important;
    background:rgba(81,62,196,.08);
    font-size:12px;
    font-weight:900;
    text-decoration:none!important;
  }

  /* Details zu Ablauf und FAQ gehören mobil auf die Unterseiten. */
  .beatlioHomeEditorContentV33 .beatlio-mobile-home-how,
  .beatlioHomeEditorContentV33 .beatlio-mobile-home-faq{
    display:none!important;
  }

  /* Auf der Startseite genügen drei Kernfunktionen. */
  .beatlioHomeEditorContentV33 .beatlio-mobile-home-functions .beatlioV30Grid>.beatlioV30Card:nth-child(n+4),
  .beatlioHomeEditorContentV33 .beatlio-mobile-home-functions .beatlio-editor-grid>.beatlio-editor-card:nth-child(n+4){
    display:none!important;
  }
  .beatlioHomeEditorContentV33 .beatlio-mobile-home-functions .beatlioV30Card{
    min-height:0!important;
    padding:21px!important;
  }
  .beatlioHomeEditorContentV33 .beatlio-mobile-home-functions .beatlioV30Icon{
    width:40px;height:40px;margin-bottom:15px;font-size:17px;
  }
  .beatlioHomeEditorContentV33 .beatlio-mobile-home-functions .beatlioV30Card h2,
  .beatlioHomeEditorContentV33 .beatlio-mobile-home-functions .beatlioV30Card h3{
    font-size:19px!important;
  }
  .beatlioHomeEditorContentV33 .beatlio-mobile-home-functions .beatlioV30Card p{
    font-size:13px!important;line-height:1.55!important;
  }

  /* Zielgruppen als kompaktes 2x2-Raster statt langer Kartenliste. */
  .beatlioHomeEditorContentV33 .beatlio-mobile-home-audience .beatlioV30Grid{
    grid-template-columns:repeat(2,minmax(0,1fr))!important;
    gap:11px!important;
  }
  .beatlioHomeEditorContentV33 .beatlio-mobile-home-audience .beatlioV30Card{
    min-height:0!important;
    padding:17px!important;
    border-radius:18px!important;
  }
  .beatlioHomeEditorContentV33 .beatlio-mobile-home-audience .beatlioV30AudienceMark{
    margin-bottom:13px!important;padding:6px 8px!important;font-size:8px!important;
  }
  .beatlioHomeEditorContentV33 .beatlio-mobile-home-audience .beatlioV30Card h2,
  .beatlioHomeEditorContentV33 .beatlio-mobile-home-audience .beatlioV30Card h3{
    font-size:16px!important;margin-bottom:8px!important;
  }
  .beatlioHomeEditorContentV33 .beatlio-mobile-home-audience .beatlioV30Card p{
    font-size:11px!important;line-height:1.45!important;
    display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:3;overflow:hidden;
  }
  .beatlioHomeEditorContentV33 .beatlio-mobile-home-audience .beatlioV30Card ul{display:none!important}

  /* Auf der mobilen Startseite fokussiert sich die Paketvorschau auf Pro. */
  .beatlioHomeEditorContentV33 .beatlio-mobile-home-pricing .beatlioV30Pricing>.beatlioV30Plan:not(.beatlioV30Plan--featured){
    display:none!important;
  }
  .beatlioHomeEditorContentV33 .beatlio-mobile-home-pricing .beatlioV30Plan{
    min-height:0!important;
    padding:25px!important;
  }
  .beatlioHomeEditorContentV33 .beatlio-mobile-home-pricing .beatlioV30Plan ul{
    margin-bottom:12px!important;
  }

  /* Klare Weiterleitung auf die Detailseiten. */
  .beatlioMobileMoreLink{
    display:inline-flex!important;
    align-items:center;
    justify-content:center;
    min-height:42px;
    margin-top:20px;
    padding:0 15px;
    border:1px solid rgba(255,255,255,.09);
    border-radius:12px;
    background:rgba(255,255,255,.025);
    color:#dce5ef!important;
    font-size:12px;
    font-weight:900;
    text-decoration:none!important;
  }

  .beatlioHomeEditorContentV33 .beatlio-home-final-cta{
    margin:12px 18px 52px!important;
    padding:25px 20px!important;
    border-radius:22px!important;
  }
  .beatlioHomeEditorContentV33 .beatlio-home-final-cta h2{
    font-size:30px!important;
  }
  .beatlioHomeEditorContentV33 .beatlio-home-final-cta p{
    font-size:13px!important;line-height:1.55!important;
  }
  .beatlioHomeEditorContentV33 .beatlio-home-final-cta .wp-block-buttons{
    gap:9px!important;
  }
  .beatlioHomeEditorContentV33 .beatlio-home-final-cta .wp-block-button{
    width:100%!important;
  }
  .beatlioHomeEditorContentV33 .beatlio-home-final-cta .wp-block-button__link{
    width:100%!important;text-align:center!important;
  }
}

/* =========================================================
   Beatlio 3.9 – stark reduzierte mobile Startseite
   Auf Smartphones bleibt nur Hero + kompakter Wegweiser.
   Alle Details liegen auf den Unterseiten. Desktop unverändert.
   ========================================================= */
.beatlioMobileHomeHub{display:none}

@media(max-width:720px){
  /* Mobile Startseite: nicht mehr jede Unterseite wiederholen. */
  .beatlioHomeEditorContentV33 .beatlio-home-section,
  .beatlioHomeEditorContentV33 .beatlio-home-final-cta{
    display:none!important;
  }

  /* Hero kurz halten: Text + Trial-CTA reichen auf der Startseite. */
  .beatlioHomeEditorContentV33 .beatlio-home-editor-hero{
    padding:32px 18px 26px!important;
  }
  .beatlioHomeEditorContentV33 .beatlio-home-editor-hero .beatlio-home-hero-columns{
    display:block!important;
  }
  .beatlioHomeEditorContentV33 .beatlio-home-editor-hero .beatlio-home-hero-columns>.wp-block-column:nth-child(2){
    display:none!important;
  }
  .beatlioHomeEditorContentV33 .beatlio-home-editor-hero h1{
    font-size:clamp(40px,10.8vw,54px)!important;
    margin-bottom:14px!important;
  }
  .beatlioHomeEditorContentV33 .beatlio-home-editor-hero .beatlio-lead{
    font-size:14px!important;
    line-height:1.55!important;
    margin-bottom:18px!important;
  }
  .beatlioHomeEditorContentV33 .beatlio-home-editor-hero .wp-block-buttons{
    margin-top:14px!important;
  }
  .beatlioHomeEditorContentV33 .beatlio-home-editor-hero .wp-block-button{
    width:100%!important;
  }
  .beatlioHomeEditorContentV33 .beatlio-home-editor-hero .wp-block-button__link{
    width:100%!important;
    min-height:46px!important;
    display:flex!important;
    align-items:center!important;
    justify-content:center!important;
  }
  .beatlioHomeEditorContentV33 .beatlio-home-editor-hero .wp-block-button.is-style-outline{
    display:none!important;
  }

  /* Kompakter Wegweiser statt langer Inhaltsblöcke. */
  .beatlioMobileHomeHub{
    display:block!important;
    margin:0 18px 42px;
    padding:22px;
    border:1px solid rgba(255,255,255,.075);
    border-radius:22px;
    background:linear-gradient(180deg,#0b111d,#080d16);
  }
  .beatlioMobileHomeHub .beatlioMobileHubKicker{
    margin:0 0 7px;
    color:#65df86;
    font-size:10px;
    font-weight:950;
    letter-spacing:.11em;
    text-transform:uppercase;
  }
  .beatlioMobileHomeHub h2{
    margin:0 0 8px!important;
    font-size:25px!important;
    line-height:1.08!important;
    letter-spacing:-.025em;
  }
  .beatlioMobileHomeHub>p:not(.beatlioMobileHubKicker){
    margin:0 0 17px;
    color:#94a5b8;
    font-size:13px;
    line-height:1.55;
  }
  .beatlioMobileHubLinks{
    display:grid;
    gap:9px;
  }
  .beatlioMobileHubLinks a{
    display:grid;
    grid-template-columns:1fr auto;
    align-items:center;
    gap:12px;
    min-height:54px;
    padding:12px 14px;
    border:1px solid rgba(255,255,255,.075);
    border-radius:14px;
    background:rgba(255,255,255,.022);
    color:#eef4fb!important;
    text-decoration:none!important;
  }
  .beatlioMobileHubLinks a strong{
    display:block;
    margin-bottom:2px;
    font-size:13px;
  }
  .beatlioMobileHubLinks a small{
    display:block;
    color:#8394a8;
    font-size:10px;
    line-height:1.35;
  }
  .beatlioMobileHubLinks a>span:last-child{
    color:#6fe18d;
    font-size:18px;
    font-weight:900;
  }
  .beatlioMobileHubTrial{
    margin-top:13px!important;
    border-color:rgba(85,219,121,.25)!important;
    background:rgba(50,186,89,.07)!important;
  }
}