/* Handy-Startseite Fassung 6 (01.11.2026): App-Aufbau nach Reel DfNmnd3BCRv auf Basis von Fassung 5. Wirkt nur bis 767 px.
   Navy-Bühne mit Kacheln, weißes Blatt, schwebende Leiste. Reihenfolge der Prüfung: reference/handy/app-aufbau-checkliste.md */
.h6-nur-handy{display:none}
@media (min-width:768px){
  body.is-home .m5,body.is-home .h6-leiste,body.is-home .h6-beitrag-tabs,body.is-home .h6-demo-tabs{display:none!important}
  body.is-home .sp-phones[data-h6-beitraege] .sp-item[hidden]{display:flex}
}
@media (max-width:767px){

body.is-home{margin:0;background:#0b1c3d}
body.is-home .m5{--rand:24px;background:transparent}
body.is-home .gv-float{display:none!important}
/* Kopf */
body.is-home .m5 .h5-head{display:grid;grid-template-columns:1fr auto 1fr;gap:0;padding:8px 14px;padding-top:max(8px,env(safe-area-inset-top));background:#13284f;border:0}
body.is-home .m5 .h5-logo{margin:0;justify-self:center}
body.is-home .m5 .h5-logo img{width:112px;height:auto}
body.is-home .m5 .h5-menu svg{width:24px;height:24px;stroke:#fff;stroke-width:1.8;fill:none;stroke-linecap:round;stroke-linejoin:round}
body.is-home .m5 .h5-panel{inset:60px 0 0;z-index:30}
/* Bühne */
body.is-home .h6-buehne{padding:12px var(--rand) 56px;color:#fff;background:linear-gradient(180deg,#13284f 0%,#0b1c3d 62%)}
body.is-home .m5 .h5-h1{font-size:clamp(34px,10.7vw,42px);line-height:1.06;letter-spacing:-.03em}
/* Weißes Blatt */
body.is-home .h6-blatt{position:relative;margin-top:-28px;padding-bottom:12px;border-radius:28px 28px 0 0;background:#fff;color:#0b1c3d}
body.is-home .m5 h2{font-size:25px;line-height:1.18}
body.is-home .m5 .wrap{padding:0 var(--rand)}
body.is-home .h6-reihen{padding:28px var(--rand) 8px;scroll-margin-top:60px}
body.is-home .h6-reihen ul{margin-top:12px}
body.is-home .h6-reihen a{display:flex;align-items:center;gap:14px;min-height:68px;padding:10px 0;text-decoration:none}
body.is-home .h6-reihen li+li a{border-top:1px solid #edf0f5}
body.is-home .h6-reihen .sym{flex:none;display:grid;place-items:center;width:44px;height:44px;border-radius:14px;background:#0b1c3d}
body.is-home .h6-reihen .sym svg{width:22px;height:22px;stroke:#fff;stroke-width:1.7;fill:none;stroke-linecap:round;stroke-linejoin:round}
body.is-home .h6-reihen .tx{min-width:0}
body.is-home .h6-reihen b{display:block;font-size:16px;font-weight:600;line-height:1.25}
body.is-home .h6-reihen small{display:block;font-size:13px;color:#5a6478;margin-top:2px}
body.is-home .h6-reihen .pf{margin-left:auto;flex:none}
body.is-home .h6-reihen .pf svg{display:block;width:18px;height:18px;stroke:#8a94a4;stroke-width:2;fill:none;stroke-linecap:round;stroke-linejoin:round}
body.is-home .m5 .h5-trust{margin:20px var(--rand) 0;padding:20px 0 0;background:none;border:0;border-top:1px solid #edf0f5;color:#5a6478}
body.is-home .m5 .h5-trust img{width:54px;height:54px;filter:none;opacity:1}
/* Zahlen: Wisch-Karten in Navy auf Weiß */
body.is-home .m5 .h5-zahlen{margin:0;padding:48px 0 0}
body.is-home .m5 .h5-zug{padding:20px var(--rand) 10px;scroll-padding:0 var(--rand)}
body.is-home .m5 .h5-zk{flex:0 0 86%;scroll-snap-align:center;padding:24px;border-radius:24px;background:#0b1c3d;color:#fff}
body.is-home .m5 .h5-zk .z{font-size:52px;margin:18px 0 10px}
body.is-home .m5 .h5-loes{padding:40px 0 0;scroll-margin-top:48px}
body.is-home .m5 .h5-lk{flex-basis:86%;border-radius:24px}
/* Karten */
body.is-home .m5 .h5-stimme,body.is-home .m5 .h5-rz,body.is-home .m5 .h5-schluss{margin:24px 16px 0;border-radius:24px}
body.is-home .m5 .h5-rz{min-height:400px}
body.is-home .m5 .h5-schluss{background:#0b1c3d;padding:36px 24px}
/* Fuß */
body.is-home .m5 .h5-fuss{background:#fff;color:#0b1c3d;padding:24px var(--rand) calc(112px + env(safe-area-inset-bottom))}
/* Schwebende Leiste */
body.is-home .h6-leiste{position:fixed;z-index:15;left:50%;bottom:calc(14px + env(safe-area-inset-bottom));transform:translateX(-50%);display:flex;align-items:center;gap:12px;height:64px;padding:0 10px;border-radius:32px;background:#fff;box-shadow:0 8px 30px rgba(11,28,61,.22),0 0 0 1px rgba(11,28,61,.06)}
body.is-home .h6-leiste a,body.is-home .h6-leiste button{display:grid;place-items:center;width:52px;height:52px;padding:0;border:0;border-radius:50%;background:none;cursor:pointer}
body.is-home .h6-leiste svg{width:24px;height:24px;stroke:#0b1c3d;stroke-width:1.8;fill:none;stroke-linecap:round;stroke-linejoin:round}
body.is-home .h6-leiste .mitte{background:#0b1c3d}
body.is-home .h6-leiste canvas{width:40px;height:40px}
body.is-home .m5 .h5-menu[open]~* .h6-leiste{display:none}
/* Sprach-Fenster liegt außerhalb von .m5 und braucht die Schrift der Seite */
body.is-home{font-family:Inter,system-ui,sans-serif}
body.is-home .gv-dlg,body.is-home .gv-dlg button{font-family:inherit}
/* Rechenzentrum-Karte: Text auf dem Bild immer lesbar */
body.is-home .m5 .h5-rz::before{background:linear-gradient(180deg,rgba(11,28,61,0) 8%,rgba(11,28,61,.72) 42%,rgba(11,28,61,.97) 70%)}
body.is-home .m5 .h5-rz .kick{color:#fff}
body.is-home .m5 .h5-rz .h5-link{color:#fff}
body.is-home .h6-kopf{justify-self:end;display:grid;place-items:center;width:44px;height:44px}
body.is-home .h6-kopf svg{width:24px;height:24px;stroke:#fff;stroke-width:1.8;fill:none;stroke-linecap:round;stroke-linejoin:round}
/* Bühne: Satz und vier Kacheln, die erste weiß */
body.is-home .h6-buehne .h5-h1{margin-top:20px}
body.is-home .h6-satz{margin:14px 0 28px;font-size:17px;line-height:1.45;color:#c5cfe0}
body.is-home #h6-mehr{margin-top:14px}
body.is-home .h6-kacheln{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:12px}
body.is-home .h6-kacheln[hidden]{display:none}
body.is-home #h6-mehr{margin-top:16px}
body.is-home .h6-kacheln a,body.is-home .h6-kacheln button{display:flex;flex-direction:column;align-items:center;gap:8px;width:100%;padding:0;border:0;background:none;color:#dbe3f0;font:500 12px/1.25 Inter,system-ui,sans-serif;text-align:center;text-decoration:none;cursor:pointer}
body.is-home .h6-kacheln span{display:grid;place-items:center;width:100%;aspect-ratio:1;border-radius:20px;background:rgba(255,255,255,.09)}
body.is-home .h6-kacheln svg{width:24px;height:24px;stroke:#fff;stroke-width:1.8;fill:none;stroke-linecap:round;stroke-linejoin:round}
body.is-home .h6-kacheln [data-h6-mehr] svg{stroke-width:2.6}
body.is-home .h6-kacheln .an{color:#fff}
body.is-home .h6-kacheln .an span{background:#fff}
body.is-home .h6-kacheln .an svg{stroke:#0b1c3d}
@media (prefers-reduced-motion:no-preference){html:has(.h6){scroll-behavior:smooth}}
/* Demo wie PC, nur verkleinert: gleicher Weg wie Tablet-Regel in home-navy.css (max-width 900px), hier auch am Handy */
body.is-home #defense-engine .gad-dash-wrap{container-type:inline-size}
body.is-home #defense-engine .rmx-frame{--dash-s:tan(atan2(100cqw,1152px));width:1152px;max-width:none;height:679px;transform:scale(var(--dash-s));transform-origin:0 0;margin:0 0 calc(679px*(var(--dash-s) - 1));box-shadow:0 30px 90px rgba(20,40,80,.16)}
body.is-home #defense-engine .rmx-topbar{flex-wrap:nowrap;padding:10px 18px;gap:20px}
body.is-home #defense-engine .rmx-app{grid-template-columns:184px minmax(0,1fr);min-height:612px}
body.is-home #defense-engine .rmx-rail{flex-direction:column;padding:16px 10px;overflow:visible}
body.is-home #defense-engine .rmx-rail-tabs{flex-direction:column}
body.is-home #defense-engine .rmx-navitem{width:100%}
body.is-home #defense-engine .rmx-rail-foot{display:block}
body.is-home #defense-engine .rmx-strip{padding:10px 22px}
body.is-home #defense-engine .rmx-panel{padding:20px 22px 24px}
body.is-home #defense-engine .rmx-stats{grid-template-columns:repeat(4,minmax(0,1fr))}
body.is-home #defense-engine .rmx-cols{grid-template-columns:minmax(0,1.25fr) minmax(0,1fr)}
body.is-home #defense-engine .rmx-trend text{font-size:11px}
/* Ansichten der Demo unter dem Rahmen tippbar */
body.is-home .h6-demo-tabs{display:flex;justify-content:space-between;gap:4px;margin:12px 0 0}
body.is-home .h6-demo-tabs button{flex:1 1 auto;min-height:44px;padding:0 4px;border:0;background:none;color:#5a6478;font:500 13px/1.2 Inter,system-ui,sans-serif;cursor:pointer;border-bottom:2px solid #e3e7ee}
body.is-home .h6-demo-tabs button[aria-current="true"]{color:#0b1c3d;font-weight:600;border-bottom-color:#0071e3}
/* Aufbau: Hülle lässt den Kopf über die ganze Seite kleben; echte Startseiten-Sektionen liegen außerhalb von .m5 */
body.is-home>.m5.h6-huelle{display:contents}
body.is-home .m5 .h5-head{z-index:950}
body.is-home .h6-leiste{z-index:940}
body.is-home .m5.h6-weiss{background:#fff}
body.is-home .m5.h6-ende{padding-bottom:28px}
body.is-home .site-footer{padding-bottom:calc(92px + env(safe-area-inset-bottom))}
/* home-m5.css blendet am Handy #main und .site-footer der Startseite aus; hier gehören sie zur Seite */
body.is-home>#main{display:flex!important;flex-direction:column}
body.is-home>.site-footer{display:block!important}
body.is-home #products,body.is-home #loesungen,body.is-home #rechenzentrum,body.is-home #defense-engine{scroll-margin-top:60px}
/* Hero: ein Bild, Aussage und Kacheln liegen darüber */
body.is-home .h6-buehne{position:relative;padding:150px var(--rand) 56px;overflow:hidden}
body.is-home .h6-heldbild{position:absolute;left:0;right:0;top:0;height:280px}
body.is-home .m5 .h6-heldbild img{width:100%;height:100%;object-fit:cover;object-position:88% 40%}
body.is-home .h6-heldbild::after{content:"";position:absolute;inset:0;background:linear-gradient(180deg,rgba(11,28,61,.1) 0%,rgba(11,28,61,.5) 48%,#0b1c3d 100%)}
/* KI-Hinweis wie .ai-label der Webseite: oben rechts über den hellen Racks, in der Bildfarbe */
body.is-home .m5 .h6-heldbild .ki{top:6px;right:8px;left:auto;z-index:1;padding:0;border-radius:0;background:none;color:rgba(255,255,255,.75);font-size:7px;font-weight:400;line-height:1.2;letter-spacing:.04em;mix-blend-mode:overlay;pointer-events:none}
body.is-home .h6-buehne>*:not(.h6-heldbild){position:relative;z-index:1}
body.is-home .h6-buehne .h5-h1{margin-top:0}
/* Weißes Blatt beginnt jetzt mit der Demo */
body.is-home>#main>#defense-engine{position:relative;z-index:1;margin-top:-28px!important;padding-top:36px;padding-bottom:32px;border-radius:28px 28px 0 0;background:#fff}
body.is-home .m5 .h6-reihen{padding-top:8px}
/* Kopf kleiner */
body.is-home .m5 .h5-head{padding:4px 12px;padding-top:max(4px,env(safe-area-inset-top))}
body.is-home .m5 .h5-logo img{width:72px}
body.is-home #products,body.is-home #loesungen,body.is-home #solutions,body.is-home #rechenzentrum,body.is-home #defense-engine{scroll-margin-top:52px}
/* Menü wie die Handy-Fassung der Startseite */
body.is-home .m5 .h5-menu .h6-nav{top:52px;z-index:30;color:#0b1c3d;background:#fff}
body.is-home .m5 .h6-nav a{color:#1d1d1f}
body.is-home .m5 .h6-nav .nav-mobile-cta{color:#fff}
body.is-home .m5 .h6-nav summary{list-style:none;display:flex;width:auto;height:auto}
body.is-home .m5 .h6-nav .name-alias{display:block;font-size:13px;font-weight:400;opacity:.7}
html:has(body.is-home){background:#0b1c3d}
body.is-home.theme-light{background:#0b1c3d}
/* Fußbereich dichter: zwei gleiche Spalten, weniger Leerraum, keine doppelten Rechtslinks */
@media (max-width:767px){
  body.is-home .site-footer .footer-top{padding-top:32px;padding-bottom:8px}
  body.is-home .site-footer .footer-main{gap:24px}
  body.is-home .site-footer .footer-cols{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:18px 20px}
  body.is-home .site-footer .footer-col{min-width:0}
  body.is-home .site-footer .h6-recht{grid-column:1/-1}
  body.is-home .site-footer .h6-recht ul{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);column-gap:20px}
  body.is-home .site-footer .footer-h{margin-bottom:2px}
  body.is-home .site-footer .footer-meta{margin-top:16px;padding-top:0;padding-bottom:0}
  body.is-home .site-footer .footer-legalbar{margin-top:12px;padding:10px 0 0}
  body.is-home .site-footer{padding-bottom:calc(84px + env(safe-area-inset-bottom))}
}
@media (max-width:767px){
  body.is-home .site-footer .footer-legalbar>.container{padding-top:8px;padding-bottom:0;gap:0}
  body.is-home .site-footer{padding-bottom:calc(82px + env(safe-area-inset-bottom));margin-bottom:0}
}
/* home-navy.css hält unten 104 px für die Sprach-Kugel frei; hier sitzt sie in der Leiste */
body.is-home .site-footer .footer-legalbar>.container{padding-bottom:0}
/* Compliance-Block wie auf der Startseite */
body.is-home .m5 .h6-reihen{padding-bottom:24px}
body.is-home .trust-belt.h6-trust{padding-top:40px!important;padding-bottom:0!important}
body.is-home .h6-trust .trust-belt-compliance{margin-bottom:0!important}
/* Kopf: Logo links, Sprache, Suche, Anfrageliste, Menü rechts */
body.is-home .m5 .h5-head{display:flex;align-items:center;gap:0;padding-left:20px;padding-right:6px}
body.is-home .m5 .h5-logo{margin:0 auto 0 0;justify-self:auto}
body.is-home .h6-sprache{display:flex;align-items:center;height:44px;margin-right:2px}
body.is-home .h6-sprache a{display:grid;place-items:center;width:30px;height:44px;color:#c5cfe0;font-size:12px;font-weight:600;text-decoration:none;position:relative}
body.is-home .h6-sprache a.an{color:#0b1c3d}
body.is-home .h6-sprache a.an::before{content:"";position:absolute;left:1px;right:1px;top:10px;bottom:10px;border-radius:12px;background:#fff;z-index:-1}
body.is-home .h6-sprache{isolation:isolate}
body.is-home .h6-kopfknopf{display:grid;place-items:center;width:40px;height:44px;padding:0;border:0;background:none;color:#fff;cursor:pointer}
body.is-home .h6-kopfknopf svg{width:21px;height:21px;stroke:currentColor;stroke-width:1.8;fill:none;stroke-linecap:round}
body.is-home .m5 .h6-kopf{justify-self:auto;width:40px}
body.is-home .m5 .h6-kopf svg{width:21px;height:21px}
body.is-home .search-overlay{z-index:1200}
@media (max-width:339px){body.is-home .m5 .h6-kopf{display:none}}
/* Hero-Text wie Startseite PC (Yusuf 01.11.) */
body.is-home .h6-buehne{padding-top:176px}
body.is-home .m5 .h6-buehne .h5-h1{font-size:clamp(17px,5.45vw,25px);line-height:1.25;letter-spacing:-.02em}
body.is-home .h6-buehne .h5-h1 .blau{color:#2b8aff}
body.is-home .h6-buehne .h5-h1 span{display:block}
body.is-home .h6-satz{margin:8px 0 20px;font-size:14px;line-height:1.4}
/* Beiträge am Handy: Umschalter Instagram / LinkedIn, Beitrag im iPhone ohne eigenen Scrollbereich */
body.is-home .h6-beitrag-tabs{display:flex;gap:8px;margin:0 0 16px}
body.is-home .h6-beitrag-tabs button{flex:1;display:flex;align-items:center;justify-content:center;gap:8px;min-height:48px;padding:0 10px;border:1px solid #e3e7ee;border-radius:14px;background:#fff;color:#5a6478;font:600 15px/1 Inter,system-ui,sans-serif;cursor:pointer}
body.is-home .h6-beitrag-tabs button[aria-selected="true"]{border-color:#0b1c3d;color:#0b1c3d;box-shadow:inset 0 0 0 1px #0b1c3d}
body.is-home .h6-beitrag-tabs svg{width:20px;height:20px;flex:none}
body.is-home .sp-phones[data-h6-beitraege]{display:block;--m-card:none}
body.is-home .sp-phones[data-h6-beitraege] .sp-item{width:100%;gap:14px}
body.is-home .sp-phones[data-h6-beitraege] .sp-item[hidden]{display:none}
body.is-home .sp-phones[data-h6-beitraege].h6-tabs-an .sp-pf{display:none}
body.is-home .sp-phones[data-h6-beitraege] .sp-phone{flex:none;max-width:320px;margin:0 auto}
body.is-home .sp-phones[data-h6-beitraege] .sp-cap-text{-webkit-line-clamp:8;line-clamp:8}
body.is-home .sp-phones[data-h6-beitraege] .sp-btn{align-self:center}
body.is-home section.ig-feed{padding-top:48px;padding-bottom:32px}
/* Compliance-Block auf Weiß (Yusuf 01.11.) */
body.is-home .trust-belt.h6-trust{background:#fff!important;padding-top:8px!important;padding-bottom:40px!important;border:0}
body.is-home .h6-trust .trust-belt-compliance-headline{color:#5a6478!important}
body.is-home .h6-trust .trust-belt-badges img{filter:none!important;opacity:1!important}
body.is-home .h6-trust .trust-belt-compliance-cta{color:#0b1c3d!important;border-color:#0b1c3d!important;background:transparent!important}
body.is-home #rechenzentrum{border-top:1px solid #edf0f5}

/* Eine Startseite für PC und Handy: Reihenfolge und Ausblendung am Handy */
body.is-home .h6-nur-pc{display:none}
body.is-home .h6-nur-handy{display:block}
body.is-home>#main>*{min-width:0;width:100%}
body.is-home>#main>#nav-mobile,body.is-home>#main>#start,body.is-home>#main>.context-band,body.is-home>#main>.solutions-decision,body.is-home>#main>#system,body.is-home>#main>.ueber-final-cta,body.is-home>#main>.news-ticker-section,body.is-home .h6-trust .trust-belt-row{display:none!important}
body.is-home>#main>.h6-block-hero{order:1}
body.is-home>#main>#defense-engine{order:2}
body.is-home>#main>.h6-block-reihen{order:3}
body.is-home>#main>.trust-belt{order:4}
body.is-home>#main>#rechenzentrum{order:5}
body.is-home>#main>.testimonials{order:6}
body.is-home>#main>#einblicke{order:7}
body.is-home>#main>#products{order:8}
body.is-home>#main>#loesungen,body.is-home>#main>#solutions{order:9}
body.is-home>#main>#instagram{order:10}
body.is-home>#main>.faq-section{order:11}
body.is-home>#main>.h6-ende{order:12}
body.is-home>#main>#rueckruf{order:13}
body.is-home .h6-heldbild picture{display:contents}
body.is-home .h6-demo-hinweis{margin:14px 0 18px;font-size:12px;color:#5a6478;text-align:center}
/* Lagebild-Text kürzer, Fußbereich ohne doppelte Rechtslinks und in zwei gleichen Spalten */
body.is-home .site-footer .footer-legalbar a:not([data-cookie-settings]){display:none}
body.is-home .site-footer .footer-col:nth-child(2){display:contents}
body.is-home .site-footer .footer-col:nth-child(1){order:1}
body.is-home .site-footer .h6-fc-p{order:2}
body.is-home .site-footer .h6-fc-l{order:3}
body.is-home .site-footer .footer-col:nth-child(3){order:4}
body.is-home .site-footer .footer-col:nth-child(4){order:5;grid-column:1/-1}
body.is-home .site-footer .footer-col:nth-child(4) ul{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);column-gap:20px}
}
/* Plattform-Block am PC wie bisher unter den Lösungen */
.h6-fc-p{margin-top:22px}
@media (max-width:767px){.h6-fc-p{margin-top:0}}