/* Feedbackrunde 01: fokussierte Ueberarbeitung */
a.btn-primary,button.btn-primary,.btn-primary{border:0!important;border-left:0!important;background-clip:padding-box;box-shadow:0 13px 30px rgba(27,105,195,.17)}
.detail-page .topic-visual.visual-image{background:none;min-height:295px;overflow:hidden;isolation:isolate}
.detail-page .topic-visual.visual-image img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;object-position:center}
.detail-page .topic-visual.visual-image::after{content:"";position:absolute;inset:0;background:linear-gradient(90deg,#071522 0%,rgba(7,21,34,.6) 26%,transparent 65%);pointer-events:none}
.detail-page .sub-intro.featured-intro{background:linear-gradient(110deg,#081929,#0d2a41);border:1px solid #214561;border-radius:16px;margin-top:42px;margin-bottom:45px;padding:38px 42px;gap:28px;align-items:center}
.detail-page .intro-highlights{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px;margin-top:18px}
.detail-page .intro-highlights span{border:1px solid #315b75;border-radius:10px;background:#0b2032;padding:15px;color:#b8dfff;font-size:14px}
.detail-page .software-story{padding:80px 0;background:linear-gradient(135deg,#0c2336,#071521);border-block:1px solid #284458}
.detail-page .software-story-grid{display:grid;grid-template-columns:1fr 1fr;gap:40px;align-items:center}
.detail-page .software-story h2{font-size:clamp(32px,3.6vw,50px);line-height:1.12;margin-bottom:20px}
.detail-page .software-story p:not(.tiny-kicker){font-size:18px;color:#c8dbea;line-height:1.7}
.detail-page .software-story img{width:100%;border-radius:14px;border:1px solid #315a70}
.detail-page .related-pages{background:transparent;padding:48px 0;border-top:1px solid #2b4558}
.detail-page .related-pages .related-links{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:16px}
.detail-page .related-pages .related-links a{display:block;padding:22px;border:1px solid #32546d;border-radius:14px;background:#0b2133;color:#bfe7ff;font-weight:650}
.solutions-page .solution-strip:nth-of-type(odd) .solution-layout{grid-template-columns:125px minmax(180px,.6fr) minmax(0,1.4fr)}
.solutions-page .solution-strip:nth-of-type(odd) .solution-layout>div:nth-child(2){grid-column:3;grid-row:1}
.solutions-page .solution-strip:nth-of-type(odd) .solution-layout>div:nth-child(3){grid-column:2;grid-row:1}
.solutions-page .solution-strip .solution-glyph{min-height:205px;background:radial-gradient(circle at 55% 45%,#18435b,#071522 75%)}
.solutions-page .solution-strip .solution-glyph b{font-size:16px}
.solutions-page .solution-points{display:flex;gap:9px;flex-wrap:wrap;margin-top:20px}
.solutions-page .solution-points span{font-size:13px;display:inline-block;border:1px solid #2e5d77;border-radius:24px;padding:7px 11px;background:#0b263a;color:#a2ddff}
@media(max-width:850px){.detail-page .sub-intro.featured-intro,.detail-page .software-story-grid{display:block}.detail-page .related-pages .related-links{grid-template-columns:1fr}.solutions-page .solution-strip:nth-of-type(odd) .solution-layout{display:block}.solutions-page .solution-strip:nth-of-type(odd) .solution-layout>div{margin-bottom:14px}}

/* Feedbackrunde 02: Logo, Leistungen-Layout, KI- und Software-Unterseiten */
.brand{display:flex;align-items:center;min-width:0}
.brand-logo{display:block;width:min(100%,340px);height:auto;max-width:340px}
@media(max-width:1180px){.brand-logo{max-width:300px}}
@media(max-width:900px){.brand-logo{max-width:240px}}
@media(max-width:640px){.brand-logo{max-width:190px}}

/* Leistungen-Seite: mehr Abwechslung und präsentere Kompetenzblöcke */
.services-overview-page .deep-service{padding:90px 0;border-top:1px solid rgba(111,154,188,.14)}
.services-overview-page .deep-service-alt{background:#081826}
.services-overview-page .deep-art-softglow{box-shadow:0 18px 42px rgba(0,0,0,.18), inset 0 0 0 1px rgba(104,165,209,.06)}
.services-overview-page .deep-service-alt .deep-description{order:2}
.services-overview-page .deep-service-alt .deep-art{order:1}
.services-overview-page .deep-service-head{max-width:860px;margin-bottom:34px}
.services-overview-page .deep-service-head h2{margin:0 0 20px}
.services-overview-page .deep-variant-grid{display:grid;grid-template-columns:.98fr 1.02fr;gap:42px;align-items:start}
.services-overview-page .deep-details{padding-top:6px}
.services-overview-page .deep-details h3{font-size:18px;letter-spacing:.01em;margin-bottom:18px;color:#eef6fb}
.services-overview-page .deep-highlight-list ul,
.services-overview-page .deep-details-emphasis ul,
.services-overview-page .deep-details-card ul{grid-template-columns:repeat(2,minmax(0,1fr));gap:14px 16px}
.services-overview-page .deep-details li{padding:16px 16px 16px 34px;border:1px solid rgba(82,134,170,.32);border-radius:14px;background:linear-gradient(180deg,rgba(13,32,47,.82) 0%,rgba(10,23,35,.95) 100%);min-height:76px;display:flex;align-items:center}
.services-overview-page .deep-details li:before{left:15px;top:20px;width:8px;height:8px;background:linear-gradient(180deg,#7bcdfa 0%,#f0a464 100%)}
.services-overview-page .deep-details-card{padding:26px;border:1px solid rgba(91,144,179,.28);border-radius:18px;background:linear-gradient(135deg,rgba(11,33,49,.94),rgba(8,22,34,.98))}
.services-overview-page .deep-details-emphasis li:nth-child(3n+1),
.services-overview-page .deep-highlight-list li:nth-child(4n+1){border-color:rgba(106,189,244,.42)}
.services-overview-page .deep-details-emphasis li:nth-child(3n+2),
.services-overview-page .deep-highlight-list li:nth-child(4n+2){border-color:rgba(240,164,100,.35)}
@media(max-width:900px){
  .services-overview-page .deep-service-alt .deep-description,
  .services-overview-page .deep-service-alt .deep-art{order:initial}
  .services-overview-page .deep-variant-grid{grid-template-columns:1fr}
  .services-overview-page .deep-highlight-list ul,
  .services-overview-page .deep-details-emphasis ul,
  .services-overview-page .deep-details-card ul{grid-template-columns:1fr}
}

/* KI- und Software-Unterseiten: Header ohne harte Bildkanten, reduzierter Einstieg */
.detail-page.hero-updated .sub-hero,
.detail-page.ai-page .sub-hero,
.detail-page.software-page .sub-hero{padding:0;border-bottom:1px solid #223949;overflow:hidden;background:linear-gradient(90deg,#06111b 0%,#071827 100%)}
.detail-page.ai-page .sub-hero-grid,
.detail-page.software-page .sub-hero-grid{grid-template-columns:minmax(0,.8fr) minmax(460px,1.2fr);align-items:center;gap:32px;min-height:560px;padding:0}
.detail-page.ai-page .sub-hero-grid>div:first-child,
.detail-page.software-page .sub-hero-grid>div:first-child{padding:72px 0}
.detail-page.ai-page .blend-visual,
.detail-page.software-page .blend-visual{min-height:560px;overflow:hidden;background:none;isolation:isolate}
.detail-page.ai-page .blend-visual img,
.detail-page.software-page .blend-visual img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover}
.detail-page.ai-page .blend-visual::before,
.detail-page.software-page .blend-visual::before{content:"";position:absolute;inset:0;background:linear-gradient(90deg,#06111b 0%,rgba(6,17,27,.78) 18%,rgba(6,17,27,.15) 48%,rgba(6,17,27,.08) 100%);z-index:1}
.detail-page.ai-page .blend-visual::after,
.detail-page.software-page .blend-visual::after{content:"";position:absolute;inset:0;background:linear-gradient(180deg,rgba(6,17,27,.05) 0%,rgba(6,17,27,.2) 100%);z-index:1}
.detail-page.software-page .blend-visual img{transform:scale(1.08)}
.detail-page.software-page .blend-visual::before{background:linear-gradient(90deg,#06111b 0%,rgba(6,17,27,.82) 22%,rgba(6,17,27,.28) 54%,rgba(6,17,27,.08) 100%)}
.detail-page .compact-insight{padding:54px 0 42px}
.detail-page .compact-insight-grid{display:grid;grid-template-columns:.78fr 1.22fr;gap:28px;align-items:start;padding:34px 36px;border:1px solid #23465f;border-radius:18px;background:linear-gradient(125deg,#081d2e,#0c2740)}
.detail-page .compact-insight-copy h2{font-size:clamp(30px,3.2vw,46px);line-height:1.1;margin-bottom:16px;max-width:16ch}
.detail-page .compact-insight-copy p{font-size:17px;color:#caddeb;line-height:1.72}
.detail-page .compact-insight-cards{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:14px}
.detail-page .compact-insight-cards article{padding:18px 18px 16px;border:1px solid #2f5a75;border-radius:14px;background:rgba(8,26,40,.72)}
.detail-page .compact-insight-cards h3{font-size:18px;margin-bottom:8px}
.detail-page .compact-insight-cards p{font-size:14px;line-height:1.55;color:#bfd3e2}
.detail-page.ai-page .software-story img{height:100%;max-height:330px;object-fit:cover;border-radius:18px}
.detail-page.software-page .software-story img{height:100%;max-height:360px;object-fit:cover;border-radius:18px}
@media(max-width:1000px){
  .detail-page.ai-page .sub-hero-grid,
  .detail-page.software-page .sub-hero-grid,
  .detail-page .compact-insight-grid{grid-template-columns:1fr}
  .detail-page.ai-page .sub-hero-grid>div:first-child,
  .detail-page.software-page .sub-hero-grid>div:first-child{padding:56px 0 18px}
  .detail-page.ai-page .blend-visual,
  .detail-page.software-page .blend-visual{min-height:330px}
  .detail-page .compact-insight-cards{grid-template-columns:1fr 1fr}
}
@media(max-width:680px){
  .detail-page .compact-insight{padding:38px 0 24px}
  .detail-page .compact-insight-grid{padding:24px 20px}
  .detail-page .compact-insight-cards{grid-template-columns:1fr}
  .detail-page.ai-page .sub-hero-grid,
  .detail-page.software-page .sub-hero-grid{min-height:0}
  .detail-page.ai-page .blend-visual,
  .detail-page.software-page .blend-visual{min-height:230px}
}

/* Feedbackrunde 03: präzise Korrekturen zu Dokument4 */
.brand{flex:0 0 auto;gap:0!important;overflow:visible!important}
.brand .brand-logo{display:block;width:252px!important;max-width:252px!important;height:44px!important;object-fit:contain;object-position:left center;overflow:visible}
@media(max-width:1200px){.brand .brand-logo{width:220px!important;max-width:220px!important;height:39px!important}}
@media(max-width:850px){.brand .brand-logo{width:192px!important;max-width:192px!important;height:34px!important}}
/* rollback: previous services document layout, no V2 cards/alternating blocks */
.services-original-page .deep-service{padding:85px 0}
.services-original-page .deep-grid{display:grid;grid-template-columns:1.06fr .94fr;gap:24px 60px;align-items:center}
.services-original-page .deep-details{grid-column:1/-1}
.services-original-page .deep-details ul{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:13px 24px}
.services-original-page .deep-details li{min-height:unset;padding:0 0 0 19px;border:0;border-radius:0;background:none;display:block}
.services-original-page .deep-details li:before{left:0;top:10px}
@media(max-width:900px){.services-original-page .deep-grid{grid-template-columns:1fr}.services-original-page .deep-details ul{grid-template-columns:repeat(2,1fr)}}
@media(max-width:620px){.services-original-page .deep-details ul{grid-template-columns:1fr}}
/* both Hero sections: real mask alpha on the image element, not a dark painted rectangle */
.detail-page.ai-page .hero-blend,
.detail-page.software-page .hero-blend{position:relative;overflow:hidden;background:#06111b!important}
.detail-page.ai-page .hero-blend .sub-hero-grid,
.detail-page.software-page .hero-blend .sub-hero-grid{position:relative;min-height:440px;grid-template-columns:1fr;gap:0;padding:0}
.detail-page.ai-page .hero-blend .sub-hero-grid>div:first-child,
.detail-page.software-page .hero-blend .sub-hero-grid>div:first-child{position:relative;z-index:3;width:min(58%,710px);padding:72px 0 70px}
.detail-page.ai-page .hero-blend h1,
.detail-page.software-page .hero-blend h1{font-size:clamp(37px,3.3vw,51px)!important;line-height:1.12!important;max-width:700px}
.detail-page.ai-page .hero-blend .lead,
.detail-page.software-page .hero-blend .lead{max-width:610px;font-size:17px!important;line-height:1.55}
.detail-page.ai-page .hero-blend .blend-visual,
.detail-page.software-page .hero-blend .blend-visual{position:absolute!important;top:0;bottom:0;right:calc((min(100vw, 1368px) - 100vw)/2);width:75%;height:100%;min-height:0!important;overflow:visible!important;border:0!important;border-radius:0!important;background:none!important;isolation:auto}
.detail-page.ai-page .hero-blend .blend-visual::before,
.detail-page.ai-page .hero-blend .blend-visual::after,
.detail-page.software-page .hero-blend .blend-visual::before,
.detail-page.software-page .hero-blend .blend-visual::after{display:none!important;content:none!important}
.detail-page.ai-page .hero-blend .blend-visual img,
.detail-page.software-page .hero-blend .blend-visual img{position:absolute!important;inset:0!important;width:100%!important;height:100%!important;max-width:none!important;object-fit:cover!important;object-position:center!important;transform:none!important;filter:none!important;border:0!important;border-radius:0!important;-webkit-mask-image:linear-gradient(90deg,transparent 0%,rgba(0,0,0,.08) 12%,rgba(0,0,0,.52) 30%,#000 59%);mask-image:linear-gradient(90deg,transparent 0%,rgba(0,0,0,.08) 12%,rgba(0,0,0,.52) 30%,#000 59%)}
.detail-page.software-page .hero-blend .blend-visual img{object-position:75% center!important}
.detail-page.ai-page .hero-blend .blend-visual{background-image:none!important}
.detail-page.software-page .hero-blend .blend-visual{background-image:none!important}
@media(max-width:1000px){
.detail-page.ai-page .hero-blend .sub-hero-grid>div:first-child,
.detail-page.software-page .hero-blend .sub-hero-grid>div:first-child{width:min(68%,680px);padding:70px 0}
.detail-page.ai-page .hero-blend .blend-visual,
.detail-page.software-page .hero-blend .blend-visual{right:-24px;width:80%}
}
@media(max-width:690px){
.detail-page.ai-page .hero-blend .sub-hero-grid,
.detail-page.software-page .hero-blend .sub-hero-grid{min-height:490px}
.detail-page.ai-page .hero-blend .sub-hero-grid>div:first-child,
.detail-page.software-page .hero-blend .sub-hero-grid>div:first-child{width:100%;padding:48px 0 160px}
.detail-page.ai-page .hero-blend .blend-visual,
.detail-page.software-page .hero-blend .blend-visual{top:auto;bottom:0;right:-16px;width:100%;height:270px}
.detail-page.ai-page .hero-blend .blend-visual img,
.detail-page.software-page .hero-blend .blend-visual img{-webkit-mask-image:linear-gradient(180deg,transparent 0%,#000 54%);mask-image:linear-gradient(180deg,transparent 0%,#000 54%)}
}

/* Dokument5 – logo, hero right alignment, and architecture illustration */
.brand .brand-logo{width:266px!important;max-width:266px!important;height:auto!important;max-height:46px;object-fit:contain!important;object-position:left center!important}
@media(max-width:850px){.brand .brand-logo{width:213px!important;max-width:213px!important}}
@media(max-width:540px){.brand .brand-logo{width:180px!important;max-width:180px!important}}
@media(min-width:1001px){
.detail-page.ai-page .hero-blend .blend-visual,
.detail-page.software-page .hero-blend .blend-visual{right:calc((min(100vw - 88px,1280px) - 100vw)/2)!important;width:76%!important}
.detail-page.software-page .hero-blend .blend-visual img{object-fit:contain!important;object-position:right center!important;background:transparent!important}
.detail-page.software-page .hero-blend .sub-hero-grid{min-height:500px!important}
}
.detail-page.ai-page .software-story img{width:100%;height:auto!important;max-height:unset!important;object-fit:contain!important;border:0!important;border-radius:10px!important;background:#071827}


/* v5: exakt vorgegebenes Logo und sanfter Bildauslauf Individualsoftware */
.brand .brand-logo{
  width: 272px !important;
  max-width: min(100%, 272px) !important;
  height: auto !important;
  max-height: 54px !important;
  object-fit: contain !important;
  object-position: left center !important;
}
@media (max-width: 850px){
  .brand .brand-logo{
    width: 224px !important;
    max-width: min(100%, 224px) !important;
    max-height: 44px !important;
  }
}
@media (max-width: 540px){
  .brand .brand-logo{
    width: 188px !important;
    max-width: min(100%, 188px) !important;
    max-height: 38px !important;
  }
}

.detail-page.software-page .hero-blend .blend-visual{
  isolation: isolate !important;
}
.detail-page.software-page .hero-blend .blend-visual::after{
  display: block !important;
  content: "" !important;
  position: absolute !important;
  inset: 0 auto 0 0 !important;
  width: 40% !important;
  background: linear-gradient(90deg,
    #06111b 0%,
    rgba(6,17,27,0.96) 14%,
    rgba(6,17,27,0.84) 28%,
    rgba(6,17,27,0.60) 48%,
    rgba(6,17,27,0.26) 72%,
    rgba(6,17,27,0.00) 100%) !important;
  pointer-events: none !important;
  z-index: 3 !important;
}
.detail-page.software-page .hero-blend .blend-visual img{
  object-fit: contain !important;
  object-position: right center !important;
  background: transparent !important;
  -webkit-mask-image: linear-gradient(90deg,
    transparent 0%,
    rgba(0,0,0,0.18) 12%,
    rgba(0,0,0,0.62) 27%,
    rgba(0,0,0,0.92) 42%,
    #000 56%) !important;
  mask-image: linear-gradient(90deg,
    transparent 0%,
    rgba(0,0,0,0.18) 12%,
    rgba(0,0,0,0.62) 27%,
    rgba(0,0,0,0.92) 42%,
    #000 56%) !important;
}
@media (max-width: 900px){
  .detail-page.software-page .hero-blend .blend-visual::after{
    width: 48% !important;
  }
}
@media (max-width: 700px){
  .detail-page.software-page .hero-blend .blend-visual::after{
    inset: 0 !important;
    width: 100% !important;
    background: linear-gradient(180deg,
      rgba(6,17,27,0.00) 0%,
      rgba(6,17,27,0.00) 12%,
      rgba(6,17,27,0.16) 24%,
      rgba(6,17,27,0.48) 48%,
      rgba(6,17,27,0.86) 78%,
      #06111b 100%) !important;
  }
}


/* v6: transparentes Logo und stärkerer Auslauf im Individualsoftware-Header */
.brand .brand-logo{
  background: transparent !important;
}
.detail-page.software-page .hero-blend .blend-visual::after{
  width: 50% !important;
  background: linear-gradient(90deg,
    #06111b 0%,
    rgba(6,17,27,0.985) 12%,
    rgba(6,17,27,0.94) 24%,
    rgba(6,17,27,0.82) 38%,
    rgba(6,17,27,0.56) 56%,
    rgba(6,17,27,0.24) 76%,
    rgba(6,17,27,0.00) 100%) !important;
}
.detail-page.software-page .hero-blend .blend-visual img{
  -webkit-mask-image: linear-gradient(90deg,
    transparent 0%,
    rgba(0,0,0,0.08) 10%,
    rgba(0,0,0,0.26) 18%,
    rgba(0,0,0,0.52) 28%,
    rgba(0,0,0,0.78) 38%,
    rgba(0,0,0,0.94) 48%,
    #000 60%) !important;
  mask-image: linear-gradient(90deg,
    transparent 0%,
    rgba(0,0,0,0.08) 10%,
    rgba(0,0,0,0.26) 18%,
    rgba(0,0,0,0.52) 28%,
    rgba(0,0,0,0.78) 38%,
    rgba(0,0,0,0.94) 48%,
    #000 60%) !important;
}
@media (max-width: 900px){
  .detail-page.software-page .hero-blend .blend-visual::after{
    width: 58% !important;
  }
}

/* V10: Referenzstories */
.references-hero{padding:88px 0 72px;background:radial-gradient(ellipse at 85% 5%,rgba(26,100,160,.18),transparent 55%),#06111b}
.references-hero .hero-subline{max-width:900px}.project-anchor{display:flex;gap:14px;flex-wrap:wrap;margin-top:32px}.project-anchor a{border:1px solid #30536b;border-radius:30px;padding:10px 17px;color:#a9dfff;font-size:14px}
.case-section{padding:92px 0;border-bottom:1px solid rgba(107,165,211,.18)}.case-section h2{font-size:clamp(34px,3.8vw,56px);max-width:790px}.case-lead{color:#c5d8e7;font-size:18px;max-width:800px;margin-top:25px;line-height:1.7}.case-top,.hotel-heading{display:grid;grid-template-columns:1.2fr .8fr;gap:80px;align-items:center}.case-logo-frame{width:min(290px,100%);justify-self:center;border:1px solid #34536a;background:#f4f6f8;padding:25px;border-radius:19px}.case-logo-frame img{margin:auto;max-height:195px;object-fit:contain}.case-context-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:18px;margin-top:46px}.case-context-grid article{border-top:2px solid #3a9de2;background:#0a2132;border-radius:3px 3px 12px 12px;padding:25px}.case-context-grid b{display:block;margin-bottom:10px;font-size:19px}.case-context-grid p,.case-service-list p,.hotel-bottom p{color:#c1d4e0;font-size:16px}
.case-diagram{margin-top:70px;border:1px solid #31516a;border-radius:20px;padding:38px;background:radial-gradient(circle at 50% 50%,#0d2c43,#081521 75%)}.case-diagram-intro{text-align:center;max-width:760px;margin:0 auto 37px}.case-diagram-intro h3{font-size:27px}.case-diagram-intro p:last-child{color:#b8cedb;margin-top:13px}.case-architecture{max-width:960px;margin:auto;text-align:center}.arch-head{margin:auto;width:min(370px,100%);padding:19px;border:1px solid #f3a766;border-radius:14px;color:#f4f9fc;background:#16314a;font-size:21px;font-weight:650}.arch-head small{display:block;color:#b7cfdf;font-size:13px;font-weight:400;margin-top:6px}.arch-path{height:30px;border-left:1px solid #4ab7f8;width:0;margin:auto}.arch-sites,.arch-services{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:16px}.arch-site,.arch-services>div{border:1px solid #39789f;border-radius:12px;padding:17px;background:#0c2539;min-width:0}.arch-site b,.arch-services b{display:block;font-size:18px}.arch-site small,.arch-services small{display:block;color:#94b6ca;margin:5px 0 13px;font-size:13px}.arch-site span{display:block;color:#dbedf7;border-top:1px solid #315168;padding-top:12px;font-size:14px;line-height:1.5}.arch-crossbar{margin:25px 0;padding:10px;border-block:1px solid #386b90;color:#8fd1fd;text-transform:uppercase;letter-spacing:.12em;font-size:11px}.arch-services{grid-template-columns:repeat(4,minmax(0,1fr))}.arch-work{margin:22px auto 0;max-width:670px;display:flex;gap:15px;justify-content:center;align-items:center;flex-wrap:wrap;padding:15px;border:1px dashed #e5a26b;border-radius:12px;color:#bcd6e5}.arch-work b{color:#f4b67e}.case-services,.hotel-bottom{display:grid;grid-template-columns:.75fr 1.25fr;gap:80px;margin-top:60px;align-items:start}.case-services h3,.hotel-bottom h3{font-size:clamp(26px,3vw,38px);line-height:1.18}.case-service-list{display:grid;gap:17px}.case-service-list p{padding-bottom:17px;border-bottom:1px solid #254158}.case-service-list strong{color:white}.testimonial-pending{display:flex;gap:26px;align-items:center;margin-top:60px;padding:26px;border:1px solid #315169;background:#0c2538;border-radius:16px}.testimonial-portrait{width:112px;flex-shrink:0}.testimonial-portrait img{width:112px;height:120px;object-fit:cover;border-radius:12px}.testimonial-pending h3{font-size:25px}.testimonial-pending p:not(.eyebrow){color:#bbd2e2;margin-top:8px}.testimonial-pending span{display:block;color:#85adbf;margin-top:10px;font-size:13px}
.case-hotel{background:#081a28}.hotel-logos{display:flex;gap:16px;align-items:center;justify-content:center}.hotel-logos img{width:min(48%,190px);max-height:180px;object-fit:contain;border-radius:16px;background:#fff;padding:11px}.hotel-process{display:grid;grid-template-columns:1fr auto 1fr auto 1fr;gap:12px;align-items:center;margin-top:56px}.process-node{border:1px solid #386f92;border-radius:15px;min-height:210px;padding:25px;background:#0a263b}.process-node.featured{border-color:#f0a668}.process-node span{display:block;color:#88c9ec;font-size:11px;letter-spacing:.12em}.process-node h3{font-size:28px;margin:18px 0 13px}.process-node p{color:#bcd3e1}.process-arrow{font-size:27px;color:#efa569}.hotel-bottom p+p{margin-top:17px}.case-practice{background:linear-gradient(125deg,#071521,#0c2437)}.practice-flex{display:grid;grid-template-columns:1.2fr .8fr;gap:65px;align-items:center}.practice-flex p:not(.eyebrow){color:#bfd2e1;margin-top:20px;font-size:17px}.practice-badges{display:grid;grid-template-columns:1fr 1fr;gap:15px}.practice-badges div{padding:23px;border:1px solid #32739a;border-radius:12px;background:#0a2437;color:#c7e9f8}.case-cta p:not(.eyebrow){margin:24px 0;color:#c3d4e3;max-width:750px;font-size:17px}.case-cta .btn{margin-top:8px}
@media(max-width:920px){.case-top,.hotel-heading,.case-services,.hotel-bottom,.practice-flex{grid-template-columns:1fr;gap:32px}.case-logo-frame{justify-self:start}.case-context-grid{grid-template-columns:1fr}.arch-sites{grid-template-columns:1fr}.arch-services{grid-template-columns:1fr 1fr}.hotel-process{grid-template-columns:1fr}.process-arrow{text-align:center;transform:rotate(90deg)}.case-section{padding:60px 0}}
@media(max-width:600px){.case-diagram{padding:20px}.arch-services,.practice-badges{grid-template-columns:1fr}.testimonial-pending{align-items:flex-start;flex-direction:column}.hotel-logos img{max-height:130px}.references-hero{padding:62px 0}.case-section h2{font-size:34px}}

/* v12 – Team-Porträt, Standort und Referenzlogo */
.founder-section{background:#061521;border-block:1px solid rgba(120,168,201,.18);overflow:hidden}
.founder-layout{display:grid;grid-template-columns:1.1fr .9fr;align-items:stretch;min-height:535px;gap:20px}
.founder-copy{padding:88px 5% 80px 0;position:relative;z-index:2}
.founder-copy h2{font-size:clamp(32px,3.7vw,53px);margin:0 0 24px}
.founder-copy p:not(.eyebrow){max-width:620px;color:#c5d6e3;font-size:17px;line-height:1.75;margin-bottom:17px}
.founder-signature{display:grid;gap:5px;margin-top:28px;padding-top:20px;border-top:1px solid rgba(127,176,206,.22)}
.founder-signature strong{font-size:18px}.founder-signature span{font-size:14px;color:#90afc6}
.founder-photo{min-height:500px;position:relative;background:radial-gradient(ellipse at 65% 55%,#16314a,#061521 70%)}
.founder-photo img{width:100%;height:100%;object-fit:cover;object-position:center 22%;filter:contrast(1.04);-webkit-mask-image:linear-gradient(90deg,transparent 0%,#000 29%,#000 86%,transparent 100%);mask-image:linear-gradient(90deg,transparent 0%,#000 29%,#000 86%,transparent 100%)}
.founder-photo:after{content:"";pointer-events:none;position:absolute;inset:0;background:linear-gradient(0deg,#061521,transparent 38%),linear-gradient(90deg,#061521,transparent 40%)}
.jobs-perspective{padding:72px 0;border-bottom:1px solid rgba(127,176,206,.17);background:linear-gradient(115deg,#081929,#091d2c)}
.jobs-perspective blockquote{margin:0;max-width:910px;font-size:clamp(23px,3.3vw,39px);font-weight:500;line-height:1.36}
.jobs-perspective p:last-child{margin-top:22px;color:#a9bbca;font-size:14px}
.case-logo-frame{display:flex!important;align-items:center!important;justify-content:center!important;margin-inline:auto!important;padding:23px!important}
.case-logo-frame img{display:block;max-width:100%;max-height:195px;object-fit:contain;object-position:center;margin:auto!important}
.contact-address-note{padding:54px 0;background:#081827;border-top:1px solid rgba(110,155,189,.2)}
.contact-address-note h2{font-size:30px;margin-bottom:8px}.contact-address-note p:last-child{color:#bacfdd}
@media(max-width:850px){.founder-layout{grid-template-columns:1fr}.founder-copy{padding:50px 0 16px}.founder-photo{min-height:370px;max-height:540px}.founder-photo img{-webkit-mask-image:linear-gradient(180deg,transparent,#000 18%,#000 80%,transparent);mask-image:linear-gradient(180deg,transparent,#000 18%,#000 80%,transparent)}}

/* Dokument12 – klare Zentrierung der Referenzmarke und rechts auslaufendes Portraet */
.references-page .case-top .case-logo-frame {
  display: grid !important;
  place-items: center !important;
  width: min(290px, 100%) !important;
  min-height: 245px !important;
  padding: 24px !important;
  margin-inline: auto !important;
  justify-self: center !important;
}
.references-page .case-top .case-logo-frame img {
  display: block !important;
  width: auto !important;
  height: auto !important;
  max-width: 100% !important;
  max-height: 195px !important;
  object-fit: contain !important;
  object-position: center center !important;
  margin: 0 auto !important;
}
.company-page .founder-photo img {
  -webkit-mask-image: linear-gradient(90deg, transparent 0%, black 29%, black 69%, rgba(0,0,0,.92) 76%, rgba(0,0,0,.6) 86%, transparent 100%) !important;
  mask-image: linear-gradient(90deg, transparent 0%, black 29%, black 69%, rgba(0,0,0,.92) 76%, rgba(0,0,0,.6) 86%, transparent 100%) !important;
}
.company-page .founder-photo:after {
  background: linear-gradient(0deg,#061521,transparent 38%), linear-gradient(90deg,#061521,transparent 40%), linear-gradient(270deg,#061521 0%,rgba(6,21,33,.7) 9%,transparent 30%) !important;
}
@media(max-width:850px){
  .company-page .founder-photo img {
    -webkit-mask-image: linear-gradient(180deg,transparent 0%,black 18%,black 75%,transparent 100%) !important;
    mask-image: linear-gradient(180deg,transparent 0%,black 18%,black 75%,transparent 100%) !important;
  }
}