

.jtpl-header,.jtpl-header--image{display:none!important;height:0!important;min-height:0!important;margin:0!important;padding:0!important;border:0!important;}
.jtpl-breadcrumbs{display:none!important;}
.jtpl-content__inner{padding-top:0!important;}
#dgHero{position:relative;width:100%;height:88vh;min-height:560px;max-height:920px;overflow:hidden;background:#02050e;}
#dgHeroCanvas{position:absolute;top:0;left:0;width:100%;height:100%;display:block;}
.dg-hero-overlay{position:absolute;top:0;left:0;right:0;bottom:0;pointer-events:none;background:radial-gradient(ellipse at 50% 46%,rgba(2,5,14,0) 34%,rgba(2,5,14,.6) 100%);}
.dg-hero-text{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);width:92%;max-width:1040px;text-align:center;z-index:2;padding:0 16px;box-sizing:border-box;pointer-events:none;}
.dg-hero-title{font-family:'Helvetica Neue',Helvetica,Arial,sans-serif;font-weight:700;color:#fff;font-size:clamp(34px,6vw,88px);line-height:1.02;letter-spacing:-.025em;margin:0;text-shadow:0 3px 26px rgba(0,0,0,.55);}
.dg-hero-sub{font-family:'Helvetica Neue',Helvetica,Arial,sans-serif;font-weight:700;color:#fff;font-size:clamp(20px,2.9vw,38px);line-height:1.1;margin:18px 0 0;text-shadow:0 2px 16px rgba(0,0,0,.55);}
.dg-hero-tag{font-family:'Helvetica Neue',Helvetica,Arial,sans-serif;font-weight:500;color:#8cb8ec;font-size:clamp(15px,1.7vw,22px);margin:14px 0 0;text-shadow:0 2px 14px rgba(0,0,0,.6);}
.dg-hero-btns{display:flex;flex-wrap:wrap;justify-content:center;gap:16px;margin:32px 0 0;}
.dg-btn{pointer-events:auto;display:inline-block;font-family:'Helvetica Neue',Helvetica,Arial,sans-serif;font-weight:500;font-size:clamp(16px,1.5vw,20px);line-height:1;padding:16px 34px;border-radius:1000px;text-decoration:none;cursor:pointer;border:none;box-shadow:0 7px 24px rgba(0,0,0,.32);transition:transform .15s ease,background .15s ease,box-shadow .15s ease;}
.dg-btn-primary{background:#3772b2;color:#eee;}
.dg-btn-primary:hover{background:#4484c9;transform:translateY(-2px);box-shadow:0 11px 30px rgba(0,0,0,.42);}
.dg-btn-secondary{background:#fff;color:#1d1d1d;}
.dg-btn-secondary:hover{background:#ececec;transform:translateY(-2px);box-shadow:0 11px 30px rgba(0,0,0,.42);}
@media(max-width:768px){#dgHero{height:500px;min-height:500px;max-height:500px;}.dg-hero-title{font-size:56px;line-height:1.05;}.dg-hero-sub{font-size:28px;}.dg-hero-tag{font-size:18px;margin-top:12px;}.dg-hero-btns{gap:14px;margin-top:28px;}.dg-btn{font-size:18px;padding:15px 30px;}.dg-hero-text{width:90%;}}




/* dg24 Hero-Adaption nach Referenz /seo-berlin/ */
#dgHeroCanvas{transform:scaleX(-1);}
#dgHero::before{content:"";position:absolute;inset:0;z-index:2;pointer-events:none;background:linear-gradient(90deg,rgba(2,7,12,.93) 0%,rgba(2,7,12,.88) 20%,rgba(2,7,12,.62) 42%,rgba(2,7,12,.20) 64%,rgba(2,7,12,.03) 100%);}
#dgHero::after{content:"";position:absolute;left:0;right:0;bottom:0;height:170px;z-index:2;pointer-events:none;background:linear-gradient(to top,rgba(2,7,12,.72),rgba(2,7,12,.10) 62%,transparent);}
#dgHero .dg-hero-text{position:absolute!important;top:auto!important;bottom:78px!important;left:max(5vw,calc((100vw - 1380px) / 2))!important;transform:none!important;width:min(880px,58vw)!important;max-width:none!important;text-align:left!important;z-index:5;padding:0!important;}
#dgHero .dg-hero-title{font-size:clamp(58px,5.8vw,102px)!important;line-height:.93!important;letter-spacing:-.055em!important;font-weight:700!important;color:#f5f8ff!important;text-align:left!important;text-wrap:balance;}
#dgHero .dg-hero-title span{display:block;}
#dgHero .dg-hero-sub,#dgHero .dg-hero-tag{display:none!important;}
#dgHero .dg-hero-btns{justify-content:flex-start!important;margin-top:30px!important;}
.dg24-spark{position:absolute;z-index:4;left:0;top:0;border-radius:50%;pointer-events:none;background:radial-gradient(circle,rgba(255,255,255,1) 0%,rgba(205,235,255,.92) 34%,rgba(140,200,255,.30) 58%,rgba(120,185,255,0) 76%);box-shadow:0 0 8px rgba(170,215,255,.55);opacity:0;animation:dg24Spark var(--dur) ease-in-out infinite;animation-delay:var(--del);will-change:opacity,transform;}
@keyframes dg24Spark{0%,100%{opacity:0;transform:translate(-50%,-50%) scale(.45);}50%{opacity:var(--op);transform:translate(-50%,-50%) scale(1);}}
@media (prefers-reduced-motion:reduce){.dg24-spark{animation:none;opacity:.35;transform:translate(-50%,-50%);}}
.dg24-tag{position:absolute;z-index:6;left:0;top:0;display:flex;align-items:center;gap:11px;padding:13px 22px;border-radius:999px;color:#eaf4ff;background:rgba(6,16,30,.62);border:1px solid rgba(120,190,255,.34);box-shadow:0 0 18px rgba(60,140,255,.16);backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(10px);font-family:"Helvetica Neue",Helvetica,Arial,sans-serif;font-size:19px;font-weight:650;letter-spacing:.005em;text-transform:none;white-space:nowrap;pointer-events:none;transform:translate(-50%,-50%);will-change:transform;}
.dg24-tag::before{content:"";width:9px;height:9px;border-radius:50%;background:#5fb8ff;box-shadow:0 0 0 5px rgba(95,184,255,.10),0 0 12px rgba(95,184,255,.9);}
.dg24-tagline{position:absolute;z-index:5;left:0;top:0;height:1.5px;transform-origin:0 50%;pointer-events:none;background:rgba(160,215,255,.55);}
.dg24-tagdot{position:absolute;z-index:5;width:7px;height:7px;margin:-3.5px 0 0 -3.5px;border-radius:50%;pointer-events:none;background:#a8d8ff;box-shadow:0 0 10px rgba(140,200,255,.95);}
@media (max-width:900px){.dg24-tag{font-size:14px;padding:10px 16px;gap:8px;}}
@media (max-width:590px){.dg24-tag{font-size:12px;padding:7px 12px;gap:7px;letter-spacing:.01em;}.dg24-tag::before{width:6px;height:6px;box-shadow:0 0 0 4px rgba(95,184,255,.10),0 0 9px rgba(95,184,255,.9);}.dg24-tagdot{width:5px;height:5px;margin:-2.5px 0 0 -2.5px;}}
.dg24-kpis{position:absolute;z-index:9;left:max(5vw,calc((100vw - 1380px) / 2));right:auto;top:9%;width:min(356px,31vw);display:grid;gap:14px;pointer-events:none;}
.dg24-kpi{position:relative;overflow:hidden;border:1px solid rgba(120,180,255,.30);border-radius:22px;padding:17px 18px 16px;background:linear-gradient(155deg,rgba(20,48,96,.62),rgba(9,22,52,.42));box-shadow:0 20px 60px rgba(0,0,0,.28),inset 0 1px 0 rgba(255,255,255,.07),0 0 24px rgba(83,200,255,.04);backdrop-filter:blur(16px) saturate(125%);-webkit-backdrop-filter:blur(16px) saturate(125%);font-family:"Helvetica Neue",Helvetica,Arial,sans-serif;}
.dg24-kpi::after{content:"";position:absolute;top:-40%;left:0;width:52%;height:180%;pointer-events:none;background:linear-gradient(100deg,rgba(255,255,255,0),rgba(190,225,255,.10),rgba(255,255,255,0));transform:translateX(-150%) rotate(8deg);animation:dg24Sheen 9s ease-in-out infinite;}
.dg24-kpi + .dg24-kpi::after{animation-delay:2.4s;}
@keyframes dg24Sheen{0%{transform:translateX(-150%) rotate(8deg)}55%,100%{transform:translateX(330%) rotate(8deg)}}
.dg24-kpi::before{content:"";position:absolute;inset:0;pointer-events:none;background:linear-gradient(120deg,rgba(145,224,255,.07),transparent 35%,transparent 68%,rgba(255,35,68,.03));}
.dg24-kpi-head{position:relative;display:flex;align-items:center;justify-content:space-between;margin-bottom:14px;color:rgba(226,240,255,.96);font-size:15px;font-weight:700;letter-spacing:.10em;text-transform:uppercase;}
.dg24-kpi-icon{width:30px;height:30px;display:grid;place-items:center;border-radius:10px;color:#91e2ff;background:rgba(255,255,255,.025);border:1px solid rgba(166,225,255,.14);font-weight:800;font-size:15px;}
.dg24-kpi-body{position:relative;display:grid;grid-template-columns:128px 1fr;align-items:end;gap:14px;}
.dg24-value strong{display:block;margin-bottom:8px;color:#fff;font-size:40px;line-height:.9;font-weight:750;letter-spacing:-.045em;white-space:nowrap;}
.dg24-value span{display:block;color:rgba(222,241,255,.64);font-size:10px;font-weight:700;letter-spacing:.12em;line-height:1.45;text-transform:uppercase;}
.dg24-chart{height:78px;overflow:hidden;border-radius:13px;background:linear-gradient(180deg,rgba(255,255,255,.018),rgba(255,255,255,.006));border:1px solid rgba(163,224,255,.09);}
.dg24-chart svg{width:100%;height:100%;display:block;}
@media (max-width:1050px){#dgHero .dg-hero-text{width:58vw!important;bottom:68px!important;}.dg24-kpis{left:6vw;right:auto;width:min(324px,34vw);}}
@media (max-width:1200px){#dgHero .dg-hero-title{font-size:clamp(58px,5.8vw,102px)!important;}}
@media (max-width:900px){#dgHero::before{background:linear-gradient(180deg,rgba(2,7,12,.9),rgba(2,7,12,.42) 45%,rgba(2,7,12,.80) 100%);}#dgHero .dg-hero-text{left:6vw!important;width:88vw!important;bottom:58px!important;}#dgHero .dg-hero-title{font-size:clamp(48px,10vw,78px)!important;}.dg24-kpis{left:5vw;right:auto;top:80px;width:min(340px,90vw);}}
@media (max-width:590px){#dgHero{min-height:700px!important;height:700px!important;}#dgHero::before{background:linear-gradient(180deg,rgba(2,7,12,.95) 0%,rgba(2,7,12,.80) 20%,rgba(2,7,12,.22) 42%,rgba(2,7,12,.34) 58%,rgba(2,7,12,.88) 80%,rgba(2,7,12,.97) 100%)!important;}#dgHero::after{height:150px;}#dgHero .dg-hero-text{left:5vw!important;width:90vw!important;bottom:calc(30px + env(safe-area-inset-bottom))!important;}#dgHero .dg-hero-title{font-size:clamp(35px,9.6vw,46px)!important;}#dgHero .dg-hero-btns{gap:9px!important;margin-top:18px!important;}#dgHero .dg-btn{padding:12px 14px!important;font-size:13.5px!important;flex:0 1 auto!important;justify-content:center!important;}.dg24-kpis{left:4.5vw;right:4.5vw;top:calc(30px + env(safe-area-inset-top));width:auto;grid-template-columns:1fr 1fr;gap:8px;}.dg24-kpi{padding:10px 11px 9px;border-radius:14px;}.dg24-kpi-head{font-size:10px;margin-bottom:7px;letter-spacing:.08em;}.dg24-kpi-icon{width:20px;height:20px;border-radius:7px;font-size:10px;}.dg24-kpi-body{grid-template-columns:70px 1fr;gap:7px;}.dg24-value strong{font-size:21px;margin-bottom:3px;letter-spacing:-.04em;}.dg24-value span{font-size:6.5px;letter-spacing:.08em;line-height:1.3;}.dg24-chart{height:40px;border-radius:9px;}}
@media (prefers-reduced-motion:reduce){.dg24-kpi::after{animation:none;}}




#cc-m-8294785162 p,#cc-m-7989539062 p{margin:0 0 12px 0}@media (min-width:591px) and (max-height:820px){#dgHero .dg24-kpis{transform:scale(.72);transform-origin:top left}}.dg24-portrait{float:left;width:42%;max-width:280px;aspect-ratio:3/4;object-fit:cover;border-radius:6px;margin:6px 28px 14px 0;display:block}@media (max-width:590px){.dg24-portrait{float:none;width:100%;max-width:none;margin:0 0 18px 0}}




/* Headline auf Startseiten-Groesse, Textbox breiter, 20.09.2026 */

@media (max-width:900px){#dgHero .dg-hero-title{font-size:clamp(48px,10vw,78px)!important}}




/* Mobile Headline groesser, Textbox breiter, 20.09.2026 */
@media (max-width:590px){
#dgHero .dg-hero-text{left:2vw!important;width:96vw!important}
#dgHero .dg-hero-title{font-size:clamp(45px,13.2vw,60px)!important}
}

