
/* Dokument6 – gezielte Gestaltung der drei Fachseiten */
.rev7-page .rev7-hero{position:relative;isolation:isolate;overflow:hidden;background:#06111b;min-height:510px}
.rev7-page .rev7-hero .sub-hero-grid{position:relative;display:block;min-height:510px;padding:0}
.rev7-page .rev7-hero .sub-hero-grid>div:first-child{position:relative;z-index:2;width:min(55%,660px);padding:104px 0 80px}
.rev7-page .rev7-hero h1{font-size:clamp(36px,3.5vw,53px);max-width:680px;line-height:1.13}
.rev7-page .rev7-hero .lead{max-width:580px;font-size:17px}
.rev7-page .rev7-hero-media{position:absolute;z-index:1;top:0;bottom:0;left:39%;width:calc(61% + max(44px,(100vw - 1280px)/2));pointer-events:none;overflow:hidden}
.rev7-page .rev7-hero-media img{height:100%;width:100%;max-width:none;object-fit:cover;object-position:center center;mask-image:linear-gradient(90deg,transparent 0%,rgba(0,0,0,.14) 15%,rgba(0,0,0,.78) 38%,#000 66%);-webkit-mask-image:linear-gradient(90deg,transparent 0%,rgba(0,0,0,.14) 15%,rgba(0,0,0,.78) 38%,#000 66%)}
.rev7-page .rev7-intro{padding:66px 0;border-bottom:1px solid rgba(115,160,191,.15);background:#081726}
.rev7-page .rev7-intro-grid{display:grid;grid-template-columns:1fr 1fr;align-items:center;gap:54px}
.rev7-page .rev7-intro h2{font-size:clamp(30px,3.2vw,46px);margin:0 0 20px}
.rev7-page .rev7-intro p:not(.tiny-kicker){max-width:650px;color:#c4d7e4;font-size:17px}
.rev7-page .rev7-intro-points{display:grid;grid-template-columns:repeat(3,1fr);gap:11px}
.rev7-page .rev7-intro-points article{background:linear-gradient(160deg,#103049,#0b1d2d);border:1px solid rgba(91,170,220,.25);border-radius:15px;padding:28px 15px;min-height:150px}
.rev7-page .rev7-intro-points strong{display:block;color:#f1a05b;font-size:14px;margin-bottom:15px}
.rev7-page .rev7-intro-points span{font-size:17px;font-weight:650;line-height:1.25}
.rev7-page .rev7-cloud-image{margin:0;border-radius:17px;overflow:hidden;border:1px solid rgba(85,165,208,.26)}
.rev7-page .rev7-cloud-image img{width:100%;height:auto}
.consulting-rev7 .rev7-consult-hero{position:relative;overflow:hidden;min-height:490px;background:#06111b}
.consulting-rev7 .rev7-consult-hero>.container{position:relative;min-height:490px;display:flex;flex-direction:column;justify-content:center;align-items:flex-start}
.consulting-rev7 .rev7-consult-hero .eyebrow,.consulting-rev7 .rev7-consult-hero h1,.consulting-rev7 .rev7-consult-hero p.hero-subline{z-index:2;position:relative;max-width:580px}
.consulting-rev7 .rev7-consult-hero h1{font-size:clamp(39px,3.7vw,56px)}
.consulting-rev7 .rev7-consult-media{position:absolute;right:calc((1280px - 100vw)/2);top:0;bottom:0;width:65%;z-index:1;overflow:hidden}
.consulting-rev7 .rev7-consult-media img{width:100%;height:100%;object-fit:cover;mask-image:linear-gradient(90deg,transparent 0%,rgba(0,0,0,.2) 22%,#000 55%);-webkit-mask-image:linear-gradient(90deg,transparent 0%,rgba(0,0,0,.2) 22%,#000 55%)}
.consulting-rev7 .rev7-process{display:grid;grid-template-columns:repeat(4,1fr);gap:16px;margin-top:42px}
.consulting-rev7 .rev7-process article{border:1px solid rgba(100,176,221,.34);border-radius:15px;background:linear-gradient(160deg,#10324a,#071725);padding:29px 22px;position:relative}
.consulting-rev7 .rev7-process article:before{content:"";position:absolute;left:22px;top:0;right:22px;height:3px;background:linear-gradient(90deg,#40aff0,#eaa366)}
.consulting-rev7 .rev7-process span{font-size:11px;letter-spacing:.15em;color:#83cfff}
.consulting-rev7 .rev7-process h3{font-size:22px;margin:22px 0 11px}
.consulting-rev7 .rev7-process p{color:#b7ccdb;font-size:15px}
.consulting-rev7 .rev7-contact{background:linear-gradient(110deg,#081c2a,#0b253b);padding:78px 0}
.consulting-rev7 .rev7-contact-grid{display:grid;grid-template-columns:1fr .9fr;gap:50px;align-items:center}
.consulting-rev7 .rev7-contact h2{font-size:clamp(34px,3.5vw,51px)}
.consulting-rev7 .rev7-contact p:not(.eyebrow){font-size:17px;color:#c5d7e3;max-width:680px;margin:23px 0}
.consulting-rev7 .rev7-contact-art img{width:100%;border-radius:18px;border:1px solid #294f69}
@media(max-width:900px){
.rev7-page .rev7-hero .sub-hero-grid>div:first-child{width:70%}
.rev7-page .rev7-intro-grid,.consulting-rev7 .rev7-contact-grid{grid-template-columns:1fr}
.consulting-rev7 .rev7-process{grid-template-columns:repeat(2,1fr)}
.consulting-rev7 .rev7-consult-media{right:-25px;width:75%}
}
@media(max-width:650px){
.rev7-page .rev7-hero .sub-hero-grid>div:first-child{width:100%;padding:56px 0 230px}
.rev7-page .rev7-hero-media{top:auto;bottom:0;left:0;width:100%;height:280px}
.rev7-page .rev7-hero-media img{mask-image:linear-gradient(180deg,transparent,#000 60%);-webkit-mask-image:linear-gradient(180deg,transparent,#000 60%)}
.rev7-page .rev7-intro-points{grid-template-columns:1fr}
.rev7-page .rev7-intro-points article{min-height:auto;padding:20px}
.consulting-rev7 .rev7-consult-hero>.container{min-height:570px;justify-content:flex-start;padding-top:60px}
.consulting-rev7 .rev7-consult-media{top:auto;bottom:0;right:0;width:100%;height:280px}
.consulting-rev7 .rev7-consult-media img{mask-image:linear-gradient(180deg,transparent,#000 65%);-webkit-mask-image:linear-gradient(180deg,transparent,#000 65%)}
.consulting-rev7 .rev7-process{grid-template-columns:1fr}
}

/* Dokument8: entfernte alte Header-Visuals, geringere Infrastruktur-Hero-Hoehe */
.rev7-page .rev7-hero .topic-visual{display:none!important}
.rev7-page.it-infrastruktur-cloud-page .rev7-hero,
.rev7-page.it-infrastruktur-cloud-page .rev7-hero .sub-hero-grid{min-height:410px!important}
.rev7-page.it-infrastruktur-cloud-page .rev7-hero .sub-hero-grid>div:first-child{padding:80px 0 62px!important}
.rev7-page .rev7-cloud-image svg,.rev7-page .rev7-cloud-image img{max-width:100%;height:auto}
.consulting-rev7 .rev7-contact-grid{grid-template-columns:minmax(0,780px)!important}
@media(max-width:650px){.rev7-page.it-infrastruktur-cloud-page .rev7-hero,.rev7-page.it-infrastruktur-cloud-page .rev7-hero .sub-hero-grid{min-height:455px!important}.rev7-page.it-infrastruktur-cloud-page .rev7-hero .sub-hero-grid>div:first-child{padding:44px 0 210px!important}}

/* Dokument9: Diagramm vollstaendig sichtbar halten, Hero-Hoehe beibehalten */
@media (min-width: 701px){
  .systemintegration-page .rev7-hero-media img{
    object-fit:contain;
    object-position:center center;
    transform:scale(.86);
    transform-origin:center center;
  }
}
