/* ============================================================================
   BRIT GmbH — Dokumentenmanagement
   Eigenständige redaktionelle Leistungsseite | 04.11.2026
   01 Designvariablen & Typografie
   02 Hero & Dokumentenvisualisierung
   03 Warum DMS / Nutzen
   04 Drei eigenständige Systeme (kein Vergleich)
   05 Anwendungsfelder
   06 Einführung & Betreuung
   07 FAQ und Kontakt
   08 Responsive / Reduced motion
   Ausschließlich unter .id-page--dokumentenmanagement gekapselt.
   ============================================================================ */

/* 01 / PAGE SYSTEM ------------------------------------------------------------ */
.id-page--dokumentenmanagement {
  --dms-lime: #84b413;
  --dms-deep: #0e2019;
  --dms-deep-2: #192e24;
  --dms-ink: #183027;
  --dms-muted: #576c5e;
  --dms-pale: #f2f6ee;
  --dms-line: #dce6d4;
  --dms-shadow: 0 24px 65px rgba(9, 34, 21, .12);
}
.id-page--dokumentenmanagement .dms3-section {padding: clamp(74px, 9vw, 130px) 0;}
.id-page--dokumentenmanagement [class^="dms3-"] {min-width:0;}
.id-page--dokumentenmanagement .dms3-kicker {
  display:inline-flex; align-items:center; gap:11px;
  font-weight:830; font-size:.74rem; letter-spacing:.15em;
  text-transform:uppercase; color:#658f19;
}
.id-page--dokumentenmanagement .dms3-kicker::before {content:""; width:18px; height:2px; background:currentColor; flex:none;}
.id-page--dokumentenmanagement .dms3-section h2,
.id-page--dokumentenmanagement .dms3-cta h2 {
  margin:16px 0 24px; font-weight:760;
  font-size:clamp(2.35rem,4vw,4.9rem);
  line-height:1.08; letter-spacing:-.062em; overflow-wrap:break-word;
}
.id-page--dokumentenmanagement .dms3-section h2 em,
.id-page--dokumentenmanagement .dms3-cta h2 em {font-style:normal; color:var(--dms-lime);}
.id-page--dokumentenmanagement .dms3-section p {line-height:1.77;}
.id-page--dokumentenmanagement .dms3-section .icon {flex:none;}

/* 02 / HERO ------------------------------------------------------------------- */
.dms3-hero {position:relative;overflow:hidden;isolation:isolate;color:white;background:
 radial-gradient(ellipse at 89% 18%,#345b34 0%,transparent 38%),
 linear-gradient(119deg,#0c1d16 0%,#173329 58%,#0a1712 100%);}
.dms3-hero::before {content:"";pointer-events:none;position:absolute;inset:0;
 background-image:linear-gradient(90deg,transparent 97%,#ffffff06 97%),linear-gradient(0deg,transparent 97%,#ffffff06 97%);
 background-size:90px 90px;mask-image:linear-gradient(90deg,transparent 20%,#000 100%);}
.dms3-hero-layout {position:relative;display:grid;grid-template-columns:minmax(0,1.03fr) minmax(0,.97fr);
 align-items:center;gap:clamp(32px,5vw,78px);padding-top:clamp(65px,8vw,132px);padding-bottom:clamp(84px,8vw,126px);}
.dms3-breadcrumb {display:flex;flex-wrap:wrap;gap:12px;color:#b7c9bc;font-size:.77rem;font-weight:680;margin-bottom:39px;}
.dms3-breadcrumb a:hover {color:#d9f39b;}
.dms3-hero .dms3-kicker {color:#b6e46e;}
.dms3-hero h1 {font-size:clamp(3rem,5.3vw,6.4rem);line-height:1.035;letter-spacing:-.07em;margin:19px 0 28px;max-width:850px;}
.dms3-hero h1 em {color:#b1d963;font-style:normal;}
.dms3-hero .dms3-lead {font-size:clamp(1.02rem,1.35vw,1.24rem);line-height:1.82;color:#c8d8cd;max-width:620px;margin:0;}
.dms3-hero-actions {display:flex;align-items:center;gap:17px 23px;flex-wrap:wrap;margin-top:36px;}
.dms3-text-action {display:inline-flex;align-items:center;gap:10px;font-weight:800;border-bottom:1px solid #abc696;padding-bottom:8px;font-size:.91rem;color:#f4fff1;transition:color .2s;}
.dms3-text-action:hover {color:#aadd58;}
.dms3-text-action .icon {width:17px;height:17px;}
.dms3-hero-proof {display:flex;align-items:center;gap:12px;color:#9eaf9f;font-size:.76rem;letter-spacing:.03em;margin-top:43px;line-height:1.55;}
.dms3-proof-line {width:29px;height:2px;background:var(--dms-lime);flex:none;}
.dms3-hero-visual {position:relative;padding:36px 18px 48px 0;min-width:0;}
.dms3-orbit {position:absolute;right:-140px;top:-120px;width:590px;height:590px;border-radius:50%;pointer-events:none;
 border:1px solid #bbd69d26;box-shadow:0 0 0 70px #b5df7710,0 0 0 150px #b5df7708;z-index:-1;}
.dms3-screen {background:#f7faf6;color:#233b2b;border-radius:20px 20px 25px 25px;overflow:hidden;
 border:1px solid #ecf5e8;box-shadow:0 33px 90px #030e0d80;transform:rotate(1.15deg);}
.dms3-screen-top {display:flex;align-items:center;gap:13px;padding:20px 26px;background:#ecf2e9;border-bottom:1px solid #e0eadc;}
.dms3-screen-top strong {font-size:.78rem;letter-spacing:.13em;color:#183227;}
.dms3-screen-symbol {width:30px;height:30px;display:grid;place-items:center;color:#4d7a03;background:#dbecc6;border-radius:8px;}
.dms3-screen-symbol .icon {width:18px;height:18px;}
.dms3-screen-dots {display:flex;gap:6px;margin-left:auto;}
.dms3-screen-dots i {height:7px;width:7px;border-radius:50%;background:#a9bc9f;}
.dms3-screen-dots i:nth-child(1) {background:#82a43f;}
.dms3-screen-body {display:grid;grid-template-columns:27% minmax(0,1fr);min-height:340px;}
.dms3-screen-left {display:flex;flex-direction:column;gap:8px;padding:27px 17px;background:#e8f0e5;border-right:1px solid #d8e2d3;}
.dms3-screen-left>span {display:block;font-size:.82rem;color:#708375;padding:11px 12px;}
.dms3-screen-left>span.dms3-menu-active {font-weight:750;color:#25402a;background:#d8edc6;border-radius:7px;}
.dms3-screen-left-lines {display:grid;gap:10px;margin:20px 13px 0;}
.dms3-screen-left-lines i {height:6px;border-radius:6px;background:#d2e1ce;}
.dms3-screen-left-lines i:nth-child(2){width:76%;}.dms3-screen-left-lines i:nth-child(3){width:55%;}
.dms3-screen-right {padding:28px 24px 29px;min-width:0;}
.dms3-screen-heading {display:flex;justify-content:space-between;align-items:center;gap:8px 20px;margin-bottom:24px;flex-wrap:wrap;}
.dms3-screen-heading strong {font-size:1.22rem;letter-spacing:-.04em;}
.dms3-screen-heading>span {font-size:.76rem;color:#708775;}
.dms3-file-row {display:flex;align-items:center;gap:13px;padding:15px 13px;margin-bottom:12px;border:1px solid #e1e8df;background:white;border-radius:10px;box-shadow:0 5px 16px #06140a0a;min-width:0;}
.dms3-file-icon {width:39px;height:39px;display:grid;place-items:center;color:#649317;background:#e7f2dc;border-radius:9px;flex:none;}
.dms3-file-icon .icon {width:20px;height:20px;}
.dms3-file-row>span:nth-child(2) {min-width:0;flex:1;}
.dms3-file-row b {display:block;white-space:normal;font-size:.84rem;line-height:1.35;}
.dms3-file-row small {display:block;color:#789081;margin-top:4px;font-size:.69rem;}
.dms3-file-check {color:#5a940b;}
.dms3-file-check .icon {width:17px;height:17px;}
.dms3-float-card {display:flex;align-items:center;gap:12px;position:absolute;background:#173525;color:white;border:1px solid #638b50;
 padding:18px 20px;border-radius:13px;box-shadow:0 15px 35px #06100a62;font-size:.8rem;line-height:1.55;letter-spacing:.01em;}
.dms3-float-card .icon {width:27px;height:27px;color:#b7e36d;}
.dms3-float-card strong {font-size:.99rem;}
.dms3-float-card-a {top:0;right:-18px;}
.dms3-float-card-b {bottom:15px;left:-23px;}

/* 03 / INTRO ------------------------------------------------------------------ */
.dms3-intro {background:#f7f9f5;}
.dms3-intro-layout {display:grid;grid-template-columns:minmax(0,.98fr) minmax(0,1.02fr);align-items:start;gap:clamp(32px,7vw,115px);}
.dms3-intro-heading h2 {max-width:660px;}
.dms3-intro-heading>p {max-width:580px;font-size:1.1rem;}
.dms3-advantages {border-top:1px solid #d4e0d0;}
.dms3-advantages article {display:flex;gap:20px;padding:28px 0;border-bottom:1px solid #d4e0d0;transition:padding-left .2s;}
.dms3-advantages article:hover {padding-left:8px;}
.dms3-adv-icon {width:53px;height:53px;border-radius:14px;background:#e6f2d4;color:#5f8e12;display:grid;place-items:center;flex:none;}
.dms3-adv-icon .icon {width:25px;height:25px;}
.dms3-advantages h3 {font-size:1.45rem;margin:1px 0 7px;}
.dms3-advantages p {margin:0;font-size:.96rem;}

/* 04 / THREE OFFERS – all visible, no tabs or comparison ---------------------- */
.dms3-offers {background:#eef3e9;}
.dms3-offers-heading {display:grid;grid-template-columns:minmax(0,1.1fr) minmax(0,.9fr);gap:18px 7%;align-items:end;margin-bottom:55px;}
.dms3-offers-heading .dms3-kicker {grid-column:1/-1;}
.dms3-offers-heading h2 {margin:0!important;}
.dms3-offers-heading>p {font-size:1.06rem;margin-bottom:10px;max-width:530px;}
.dms3-offer {--dms-offer-accent:#84b413;display:grid;grid-template-columns:minmax(0,.88fr) minmax(0,1.12fr);margin-bottom:26px;min-width:0;
 background:#fff;border:1px solid #dfe8d9;border-radius:24px;overflow:hidden;box-shadow:0 18px 55px #142c1510;transition:box-shadow .28s, transform .28s;}
.dms3-offer:hover {box-shadow:0 28px 65px #142c1520;transform:translateY(-3px);}
.dms3-offer-kdx {--dms-offer-accent:#14456d;}
.dms3-offer-dv {--dms-offer-accent:#465448;}
.dms3-offer-main {display:flex;flex-direction:column;align-items:flex-start;padding:clamp(26px,4vw,56px);border-top:5px solid var(--dms-offer-accent);min-width:0;}
.dms3-offer-logo-frame {height:112px;width:100%;max-width:370px;display:flex;align-items:center;justify-content:flex-start;margin-bottom:25px;padding:10px 0;}
.dms3-offer-logo-frame img {display:block;width:auto;height:auto;max-width:100%;max-height:100px;object-fit:contain;object-position:left center;}
.dms3-offer-mdb .dms3-offer-logo-frame img {max-height:77px;}
.dms3-offer-kdx .dms3-offer-logo-frame img {max-height:82px;}
.dms3-offer-dv .dms3-offer-logo-frame img {width:min(100%,340px);max-height:105px;}
.dms3-offer-label {font-weight:810;letter-spacing:.13em;font-size:.68rem;color:#769459;}
.dms3-offer h3 {font-size:clamp(1.8rem,2.5vw,2.7rem);line-height:1.08;margin:13px 0 18px;overflow-wrap:break-word;}
.dms3-offer-main p {font-size:1.03rem;max-width:580px;margin-bottom:28px;}
.dms3-offer-link {display:inline-flex;align-items:center;gap:11px;color:#284a1a;font-size:.94rem;font-weight:810;margin-top:auto;border-bottom:1px solid #8db272;padding-bottom:7px;}
.dms3-offer-link:hover {color:#678f12;}
.dms3-offer-link .icon {width:18px;height:18px;}
.dms3-offer-details {display:flex;flex-direction:column;background:#f8faf6;border-left:1px solid #e2e9dc;padding:clamp(26px,4vw,53px);min-width:0;}
.dms3-details-label {font-size:.72rem;font-weight:830;letter-spacing:.14em;color:#638b48;margin:0 0 20px;}
.dms3-offer-features {display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:16px 22px;}
.dms3-offer-features>div {display:flex;gap:10px;align-items:flex-start;font-size:.94rem;line-height:1.5;color:#344d39;min-width:0;}
.dms3-offer-features .icon {width:18px;height:18px;color:#5c9124;flex:none;margin-top:2px;}
.dms3-offer-foot {display:flex;align-items:center;justify-content:space-between;gap:12px 24px;flex-wrap:wrap;border-top:1px solid #d9e4d4;padding-top:22px;margin-top:auto;}
.dms3-offer-foot>span {max-width:260px;color:#758873;font-size:.8rem;line-height:1.6;}
.dms3-offer-foot>a {display:inline-flex;align-items:center;gap:8px;background:#e7f0dc;border-radius:8px;padding:12px 16px;color:#294820;font-weight:830;font-size:.82rem;white-space:normal;transition:background .2s;}
.dms3-offer-foot>a:hover {background:#d9e9c8;}
.dms3-offer-foot .icon {width:17px;height:17px;}
.dms3-offers-note {margin:30px 0 0;color:#627663;font-size:.84rem;max-width:990px;}

/* 05 / USE CASES -------------------------------------------------------------- */
.dms3-usecases {background:#142921;color:white;}
.dms3-usecases .dms3-kicker {color:#b6d96d;}
.dms3-usecases h2 {color:white;}
.dms3-usecases-header {display:grid;grid-template-columns:1.15fr .85fr;gap:8%;align-items:end;margin-bottom:44px;}
.dms3-usecases-header>p {color:#c0d0c0;max-width:470px;font-size:1.08rem;}
.dms3-use-grid {display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:14px;}
.dms3-use-grid article {min-width:0;min-height:290px;display:flex;flex-direction:column;align-items:flex-start;background:#203c2e;border:1px solid #ffffff1c;border-radius:14px;padding:32px 26px 22px;transition:transform .25s,background .25s;}
.dms3-use-grid article:hover {background:#2c4b38;transform:translateY(-4px);}
.dms3-use-grid article>.icon {width:30px;height:30px;color:#b4dc70;margin-bottom:26px;}
.dms3-use-grid article h3 {font-size:1.38rem;color:white;line-height:1.3;margin:0 0 14px;}
.dms3-use-grid article p {color:#bfd0c3;font-size:.89rem;line-height:1.68;margin-bottom:30px;}
.dms3-use-grid article>span {margin-top:auto;color:#a6cf69;font-size:.64rem;letter-spacing:.15em;font-weight:760;}

/* 06 / IMPLEMENTATION & CONSULTING ------------------------------------------- */
.dms3-service {background:#fff;}
.dms3-service-layout {display:grid;grid-template-columns:minmax(0,.95fr) minmax(0,1.05fr);gap:clamp(40px,8vw,120px);align-items:center;}
.dms3-service-visual {position:relative;max-height:620px;aspect-ratio:4/4.3;background:#21382b;border-radius:24px 135px 24px 24px;overflow:hidden;}
.dms3-service-visual>img {width:100%;height:100%;object-fit:cover;filter:saturate(.85);}
.dms3-service-stamp {position:absolute;left:0;bottom:25px;display:flex;align-items:center;gap:20px;padding:22px 34px;background:#10271c;color:white;border-left:5px solid var(--dms-lime);font-weight:760;line-height:1.45;font-size:1.24rem;box-shadow:0 15px 30px #0a1a132b;}
.dms3-service-stamp .icon {color:#b0d75d;width:34px;height:34px;}
.dms3-service-copy>p {font-size:1.08rem;margin:0 0 30px;}
.dms3-service-rows {display:grid;gap:0;border-top:1px solid #e1e8db;}
.dms3-service-rows>div {display:grid;grid-template-columns:45px minmax(0,1fr);gap:18px;padding:21px 0;border-bottom:1px solid #e1e8db;}
.dms3-service-rows>div>strong {color:#689a21;font-size:.88rem;letter-spacing:.1em;}
.dms3-service-rows b {display:block;font-size:1.15rem;margin-bottom:4px;}
.dms3-service-rows small {display:block;color:#6a7b6c;line-height:1.65;font-size:.89rem;}

/* 07 / FAQ & CTA -------------------------------------------------------------- */
.dms3-faq {background:#f1f6ee;}
.dms3-faq-layout {display:grid;grid-template-columns:.75fr 1.25fr;gap:8%;align-items:start;}
.dms3-faq-layout>div:first-child>p {max-width:420px;font-size:1.03rem;}
.dms3-faq-items {border-top:1px solid #d2e1ce;}
.dms3-faq-items details {border-bottom:1px solid #d2e1ce;padding:0;}
.dms3-faq-items summary {list-style:none;cursor:pointer;display:flex;justify-content:space-between;align-items:center;gap:16px;padding:24px 0;font-weight:760;font-size:1.1rem;line-height:1.5;color:#223b28;}
.dms3-faq-items summary::-webkit-details-marker {display:none;}
.dms3-faq-items summary .icon {width:19px;height:19px;color:#639622;transition:transform .23s;}
.dms3-faq-items details[open] summary .icon {transform:rotate(180deg);}
.dms3-faq-items details p {max-width:710px;margin:-4px 32px 24px 0;font-size:.96rem;}
.dms3-cta {position:relative;background:#152c20;color:white;padding:clamp(70px,9vw,110px) 0;overflow:hidden;}
.dms3-cta::after {content:"";position:absolute;right:-130px;bottom:-260px;width:500px;height:500px;border:1px solid #a6d36329;border-radius:50%;box-shadow:0 0 0 80px #93c63b07,0 0 0 170px #93c63b05;pointer-events:none;}
.dms3-cta .dms3-kicker {color:#afd45d;}
.dms3-cta-inner {position:relative;z-index:1;display:flex;align-items:center;justify-content:space-between;gap:34px 80px;}
.dms3-cta h2 {max-width:800px;}
.dms3-cta p {max-width:620px;color:#b9cbbd;font-size:1.04rem;}
.dms3-cta .btn {flex:none;}

/* 08 / TABLET & MOBILE -------------------------------------------------------- */
@media (max-width:1230px){
 .dms3-hero-layout {gap:38px;}
 .dms3-float-card-a {right:0;}
 .dms3-float-card-b {left:0;}
 .dms3-offer-features {grid-template-columns:1fr;}
 .dms3-use-grid {grid-template-columns:repeat(2,minmax(0,1fr));}
}
@media (max-width:1030px){
 .dms3-hero-layout {grid-template-columns:minmax(0,1fr);padding-top:58px;gap:50px;}
 .dms3-hero-copy {max-width:800px;}
 .dms3-hero-visual {width:min(100%,780px);margin:auto;padding:24px 27px 25px;}
 .dms3-hero h1 {max-width:800px;font-size:clamp(3.2rem,6vw,5.6rem);}
 .dms3-intro-layout,.dms3-service-layout,.dms3-faq-layout {grid-template-columns:1fr;gap:45px;}
 .dms3-offers-heading {grid-template-columns:1fr;gap:13px;}
 .dms3-offers-heading>p {max-width:760px;margin:0;}
 .dms3-offer {grid-template-columns:1fr;}
 .dms3-offer-main {border-top-width:5px;}
 .dms3-offer-details {border-left:0;border-top:1px solid #e2e9dc;}
 .dms3-offer-features {grid-template-columns:repeat(2,minmax(0,1fr));}
 .dms3-usecases-header {grid-template-columns:1fr;gap:12px;}
 .dms3-service-visual {max-width:700px;max-height:510px;aspect-ratio:16/10;}
 .dms3-cta-inner {align-items:flex-start;flex-direction:column;}
}
@media (max-width:650px){
 .id-page--dokumentenmanagement .dms3-section {padding:66px 0;}
 .dms3-hero-layout {padding:38px 0 70px;gap:30px;}
 .dms3-breadcrumb {font-size:.72rem;margin-bottom:25px;gap:8px;}
 .dms3-hero h1 {font-size:clamp(2.6rem,10.8vw,4.2rem);letter-spacing:-.07em;}
 .dms3-hero .dms3-lead {font-size:1rem;line-height:1.72;}
 .dms3-hero-actions {align-items:stretch;flex-direction:column;gap:18px;}
 .dms3-hero-actions .btn,.dms3-text-action {justify-content:center;width:100%;}
 .dms3-hero-proof {font-size:.71rem;}
 .dms3-hero-visual {padding:15px 0 10px;}
 .dms3-screen {transform:none;border-radius:14px;}
 .dms3-screen-top {padding:13px 15px;}
 .dms3-screen-top strong {font-size:.66rem;}
 .dms3-screen-symbol {width:25px;height:25px;}
 .dms3-screen-body {grid-template-columns:24% 1fr;min-height:245px;}
 .dms3-screen-left {padding:12px 5px;gap:5px;}
 .dms3-screen-left>span {padding:8px 3px;font-size:.61rem;overflow-wrap:anywhere;}
 .dms3-screen-left-lines {margin:14px 4px 0;}
 .dms3-screen-right {padding:13px 10px;}
 .dms3-screen-heading {margin-bottom:15px;gap:3px;}
 .dms3-screen-heading strong {font-size:.89rem;}
 .dms3-screen-heading>span {font-size:.62rem;}
 .dms3-file-row {padding:9px 6px;gap:7px;margin-bottom:8px;border-radius:6px;}
 .dms3-file-icon {height:26px;width:26px;border-radius:5px;}
 .dms3-file-icon .icon {height:14px;width:14px;}
 .dms3-file-row b {font-size:.65rem;}
 .dms3-file-row small {font-size:.55rem;margin-top:1px;}
 .dms3-file-check .icon {height:13px;width:13px;}
 .dms3-float-card {position:relative;padding:11px 12px;font-size:.72rem;box-shadow:none;width:auto;display:inline-flex;}
 .dms3-float-card strong {font-size:.75rem;}
 .dms3-float-card .icon {height:20px;width:20px;}
 .dms3-float-card-a {margin-top:12px;right:auto;top:auto;}
 .dms3-float-card-b {margin:12px 0 0 9px;left:auto;bottom:auto;}
 .dms3-advantages article {padding:19px 0;}
 .dms3-adv-icon {height:45px;width:45px;}
 .dms3-offers-heading {margin-bottom:34px;}
 .dms3-offer {margin-bottom:20px;border-radius:16px;}
 .dms3-offer-main,.dms3-offer-details {padding:26px 20px;}
 .dms3-offer-logo-frame {height:85px;margin-bottom:15px;}
 .dms3-offer-logo-frame img {max-height:72px;}
 .dms3-offer-mdb .dms3-offer-logo-frame img {max-height:62px;}
 .dms3-offer-dv .dms3-offer-logo-frame img {max-height:75px;}
 .dms3-offer h3 {font-size:2rem;}
 .dms3-offer-main p {font-size:.98rem;}
 .dms3-offer-features {grid-template-columns:1fr;gap:14px;}
 .dms3-offer-foot {align-items:flex-start;}
 .dms3-offer-foot>a {width:100%;justify-content:center;}
 .dms3-use-grid {grid-template-columns:1fr;}
 .dms3-use-grid article {min-height:220px;padding:27px;}
 .dms3-service-visual {aspect-ratio:1;max-height:380px;border-radius:15px 95px 15px 15px;}
 .dms3-service-stamp {font-size:1rem;padding:15px 18px;gap:12px;bottom:17px;}
 .dms3-service-stamp .icon {height:25px;width:25px;}
 .dms3-service-rows>div {gap:10px;}
 .dms3-faq-items summary {font-size:1rem;padding:19px 0;}
 .dms3-cta {padding:68px 0;}
 .dms3-cta .btn {width:100%;}
}
@media(prefers-reduced-motion:reduce){
 .id-page--dokumentenmanagement .dms3-section *,
 .id-page--dokumentenmanagement .dms3-hero * {
   animation:none!important;transition:none!important;scroll-behavior:auto!important;
 }
}