/* Modern controls and the deliberately plain 56k view share the same content. */
.display-controls{display:flex;align-items:center;gap:18px;flex:none}
.data-toggle{display:flex;align-items:center;gap:8px;min-height:44px;background:none;border:0;padding:8px 0;font:inherit;font-size:12px;color:inherit;cursor:pointer;flex:none}
.data-switch{display:block;width:35px;height:20px;box-sizing:border-box;padding:3px;border:1px solid var(--muted,#777)}
.data-switch i{display:block;width:12px;height:12px;background:var(--red,#a1110f)}
.data-save{color:var(--muted,#555)}
.data-toggle:focus-visible{outline:2px solid var(--accent,#a1110f);outline-offset:5px}
.photo-description,.data-mode-note,.data-mode-details{display:none}
.retro-only{display:none!important}
html[data-mode="normal"] .save-fold{display:contents}
html[data-mode="normal"] .save-fold>summary{display:none}
.data-mode-status{position:absolute;width:1px;height:1px;overflow:hidden;clip-path:inset(50%)}
/* This override works both on a cold visit and after switching from normal. */
html[data-mode="save"]{background:white!important;color:black!important;color-scheme:light;scroll-behavior:auto!important;--header:0px;--network-rail:0px;--content-inset:0px}
html[data-mode="save"] body{margin:8px!important;background:white!important;color:black!important;font-family:"Times New Roman",Times,serif!important;font-size:16px!important;line-height:1.35!important}
html[data-mode="save"] body *{animation:none!important;transition:none!important;scroll-behavior:auto!important;box-shadow:none!important;text-shadow:none!important;backdrop-filter:none!important;filter:none!important;transform:none!important;letter-spacing:normal!important;mask-image:none!important;clip-path:none!important;opacity:1!important}
html[data-mode="save"] body *::before,html[data-mode="save"] body *::after{display:none!important}
html[data-mode="save"] :is(header,footer,main,section,article,div,figure,nav,form,details,dl,dt,dd,p,ul,li){position:static!important;inset:auto!important;float:none!important;width:auto!important;max-width:none!important;min-width:0!important;height:auto!important;min-height:0!important;max-height:none!important;overflow:visible!important;aspect-ratio:auto!important;background:transparent!important;color:black!important;padding:0!important;gap:0!important}
html[data-mode="save"] :is(section,article,div,main,figure,form,dl,dt,dd){display:block!important}
html[data-mode="save"] :is(section,article,figure,details){margin:1em 0!important}
html[data-mode="save"] :is(header,footer){display:block!important;margin:1em 0!important;border:0!important;border-bottom:1px solid #888!important;padding-bottom:1em!important}
html[data-mode="save"] :is(p,ul,dl){margin:.75em 0!important}
html[data-mode="save"] li{display:list-item!important;margin:.4em 0!important}
html[data-mode="save"] ul{padding-left:28px!important;list-style:disc!important}
html[data-mode="save"] :is(h1,h2,h3,h4){color:black!important;font-family:inherit!important;line-height:1.2!important;font-weight:bold!important;margin:1em 0 .5em!important;max-width:none!important;font-size:revert!important}
html[data-mode="save"] :is(p,span,strong,small,label,dt,dd,summary){font-family:inherit!important;font-size:inherit!important;color:black!important}
html[data-mode="save"] :is(a,a span){color:#0000ee!important;text-decoration:underline!important;font-family:inherit!important;font-size:inherit!important}
html[data-mode="save"] a:visited{color:#551a8b!important}
html[data-mode="save"] a{display:inline!important;padding:0!important;margin-right:10px!important;border:0!important}
html[data-mode="save"] a:is(.button,.header-cta){background:transparent!important;color:#0000ee!important;border:0!important;min-height:0!important;box-shadow:none!important}
html[data-mode="save"] :is(.button-arrow,.header-cta>span[aria-hidden="true"]){display:none!important}
html[data-mode="save"] :is(button,input,select,textarea){font-family:Arial,sans-serif!important;font-size:14px!important;line-height:normal!important;border:2px outset #ddd!important;background:#eee!important;color:black!important;padding:6px!important;min-height:44px!important;max-width:100%!important;box-sizing:border-box;cursor:pointer}
html[data-mode="save"] :is(input,textarea){background:white!important;border-style:inset!important;cursor:text}
html[data-mode="save"] label{display:block!important;margin:.6em 0!important}
html[data-mode="save"] :is(input,select,textarea){display:block!important;width:min(100%,480px)!important}
html[data-mode="save"] textarea{height:auto!important;min-height:110px!important}
html[data-mode="save"] :is(button,a,input,select,textarea,summary):focus-visible{outline:2px solid blue!important;outline-offset:2px!important}
html[data-mode="save"] .brand{display:inline-flex!important;align-items:center;gap:6px}
html[data-mode="save"] .brand-mark{width:32px!important;height:24px!important}
html[data-mode="save"] .wordmark{font:bold 22px "Times New Roman",serif!important}
html[data-mode="save"] .wordmark>span{display:block;font-size:11px!important}
html[data-mode="save"] .display-controls{margin:.7em 0!important}
html[data-mode="save"] .data-toggle{display:inline-flex!important;align-items:center;gap:8px;min-height:44px!important}
html[data-mode="save"] .data-switch{display:block!important;background:white!important;border:1px solid #666!important;padding:3px!important;width:35px;height:20px}
html[data-mode="save"] .data-switch i{display:block;background:#666;transform:translateX(15px)!important}
html[data-mode="save"] .data-save{font-weight:bold!important}
html[data-mode="save"] .data-mode-note,html[data-mode="save"] .data-mode-details{display:block!important}
html[data-mode="save"] .data-mode-note{border-bottom:1px solid #888!important;padding-bottom:8px!important}
html[data-mode="save"] :is(canvas,img,.theme-toggle,.menu-button,.triangle-nav,.netmo-network-mark,.motion-toggle,.motion-panel,.logo-experience,.logo-intro,.logo-replay-hit,.signal-visual,.case-network,.hero-bottom,.contact-logo-slot,.footer-brand-art,.mobile-contact,.photo-open,.photo-gallery-toolbar,.reference-tools,.reference-footer,.company-project-picker,.single-project-note,.skip-link){display:none!important}
html[data-mode="save"] .photo-description{display:block!important;font-style:italic}
html[data-mode="save"] .company-project[hidden]{display:block!important}
html[data-mode="save"] :is(.case-numbers strong,.quality-list strong){font-weight:bold!important}
html[data-mode="save"] .case-numbers>div{display:inline-block!important;margin-right:20px!important}
html[data-mode="save"] .company-project{border-bottom:1px solid #aaa!important;padding-bottom:12px!important}
html[data-mode="save"] .spec-list dt{font-weight:bold!important}
html[data-mode="save"] :is(.form-row,.form-heading,.contact-grid,.about-grid,.quality-grid,.service-focus,.split-heading,.request-actions){display:block!important}
html[data-mode="save"] .main-nav{display:block!important;visibility:visible!important;margin:.6em 0!important}
html[data-mode="save"] :is(.hero-topline,.hero-meta)>span{display:block!important}
html[data-mode="save"] .hero-actions{margin:.6em 0!important}
html[data-mode="save"] [hidden]:not(.company-project){display:none!important}
html[data-mode="save"] .data-mode-status{position:absolute!important;width:1px!important;height:1px!important;overflow:hidden!important;clip-path:inset(50%)!important}
html[data-mode="save"] dialog{background:white!important;color:black!important;max-width:90vw!important;max-height:85vh!important;overflow:auto!important;padding:16px!important}
/* A short overview; longer shared content stays available on demand. */
html[data-mode="save"] body{margin:18px!important;line-height:1.55!important}
html[data-mode="save"] body>main,html[data-mode="save"] .site-header{max-width:800px!important;margin-left:auto!important;margin-right:auto!important}
html[data-mode="save"] :is(.eyebrow,.hero-topline,.hero-meta,.photo-description,figure,.signal-station,.person-signature,.about-location,.large-copy,.quality-list,.contact-top,.contact-bottom,.footer-top,.footer-social,.scope-list,.service-note,[data-scroll-field="projektbilder"]){display:none!important}
html[data-mode="save"] :is([data-scroll-field="glasfaser"],[data-scroll-field="kupfer"]) .service-copy>h3,html[data-mode="save"] .split-heading>p,html[data-mode="save"] [data-scroll-field="referenzen"] .section-heading{display:none!important}
html[data-mode="save"] [data-scroll-field="kupfer"] .service-copy>p:not(:first-of-type){display:none!important}
html[data-mode="save"] .save-fold{border-top:1px solid #bbb!important;padding-top:8px!important;margin:1.25em 0!important}
html[data-mode="save"] .save-fold>summary{cursor:pointer;min-height:44px;box-sizing:border-box;padding:8px 0;font-weight:bold}
html[data-mode="save"] .save-fold[open]>summary{margin-bottom:.75em}
html[data-mode="save"] .main-nav a{display:inline-block!important;line-height:44px!important}
html[data-mode="save"] .data-mode-details{font-size:14px!important;margin-top:2em!important}
html[data-mode="save"] .footer-bottom>span:nth-child(2){display:none!important}
html[data-mode="save"] .sr-only{position:absolute!important;width:1px!important;height:1px!important;overflow:hidden!important;clip-path:inset(50%)!important}
html[data-mode="save"] body>main,html[data-mode="save"] .site-header{margin-left:0!important;margin-right:0!important}
html[data-mode="save"] .retro-only{display:block!important}
html[data-mode="save"] :is(#hero-title,.site-header .main-nav,.site-header:has(.retro-nav)>.header-cta){display:none!important}
html[data-mode="save"] .retro-nav{margin:8px 0!important}
html[data-mode="save"] .retro-nav a{display:inline-block!important;line-height:44px!important;margin-right:0!important}
html[data-mode="save"] .retro-signoff{font-style:italic;border-top:1px solid #aaa!important;padding-top:10px!important}
html[data-mode="save"] .retro-terminal{border:1px solid #999!important;padding:12px!important;background:#eee!important;margin:1em 0!important;max-width:460px!important}
html[data-mode="save"] .retro-terminal .retro-stage{font:14px/1.5 "Courier New",monospace!important;min-height:21px!important}
html[data-mode="save"] .retro-terminal progress{display:block;width:100%;height:18px;accent-color:#777}
html[data-mode="save"] .retro-terminal progress::-webkit-progress-bar{background:white;border:1px inset #aaa}
html[data-mode="save"] .retro-terminal progress::-webkit-progress-value{background:#777}
html[data-mode="save"] .retro-simulation{font-size:13px!important}
html[data-mode="save"] .retro-terminal button{margin:4px 0}
/* The shared picker remains a plain, keyboard-operable disclosure in Retro. */
html[data-mode="save"] .display-picker{margin:.75em 0!important}
html[data-mode="save"] .display-picker>summary{display:list-item!important;list-style:disclosure-closed!important;min-height:44px;cursor:pointer}
html[data-mode="save"] .display-picker[open]>summary{list-style:disclosure-open!important}
html[data-mode="save"] .display-picker>.display-controls{position:static!important;width:auto!important;box-shadow:none!important;border:0!important;margin:0!important}
html[data-mode="save"] .display-picker :is(.display-icon,.display-chevron,.display-caption){display:none!important}
html[data-mode="save"] .header-tools{display:block!important}

html[data-mode="save"] .form-trap{display:none!important}