/* Ergänzungen 2026 – Trinkler IT Service (Design des Originals bleibt unverändert) */
.desktop .icon-wrapper{cursor:default;outline:none}
.desktop .icon-wrapper:focus-visible{border-color:#97dcff}
.start-menu li.start-menu__sep{height:0;margin:4px 2px;border-top:1px solid gray;border-bottom:1px solid #fff}
.window__inner p a,.window__inner li a,.contact-list a{text-decoration:underline;cursor:pointer}
.window a.button{cursor:pointer}
.dialog-buttons{display:flex;flex-wrap:wrap;gap:.5rem;margin-top:1.5rem}
.dialog-buttons .button{min-width:6.5rem;cursor:pointer}
.progress{height:22px;padding:2px;margin:.25rem 0 1rem;max-width:22rem;background:#fff;box-shadow:inset -1px -1px #fff,inset 1px 1px gray,inset -2px -2px #dfdfdf,inset 2px 2px #0a0a0a}
.progress span{display:block;height:100%;width:100%;background:repeating-linear-gradient(90deg,#004264 0 10px,transparent 10px 12px);animation:progress 1.8s steps(18,end) both}
@keyframes progress{from{width:0}to{width:100%}}
@media (prefers-reduced-motion:reduce){.progress span{animation:none}}
.wait-text{margin:1rem 0 0;font-size:.9em}
.contact-list{margin:1rem 0;padding:0;list-style:none}
.contact-list li{margin:.35em 0}
.service-note{font-size:.85em;color:#555;margin:.25em 0 0;font-style:italic}
.system-message{display:flex;gap:.75rem;align-items:flex-start;margin:1rem 0;padding:.75rem;background:silver;box-shadow:inset -1px -1px #fff,inset 1px 1px gray}
.system-message img{flex:0 0 auto}
.legal h2,.window .legal h3{font-size:1.15em;margin-top:1.5em}
/* Fenster-Überschriften sind auf der Startseite H2/H3 (SEO), sehen aber aus wie im Original */
.window .content-title h2{font-size:1.6em;margin:.67em 0 .5em}
.service-copy h3{font-size:1.4em;margin:.83em 0 .5em}
.legal small{color:#555}
/* Einzelseiten (Impressum/Datenschutz/404) */
.page .window--page{display:flex;top:4vh;left:4vh}
.page .window--page .window__inner{height:calc(100vh - 4vh - 110px);max-height:none}
@media (min-width:1024px){.page .window--page{width:60vw}}
.bottom-bar a.button{color:#121212;cursor:pointer}
/* Bluescreen 404 */
.bsod{position:fixed;inset:0;background:#0000aa;color:#fff;display:flex;align-items:center;justify-content:center;padding:1.5rem;font-family:"Pixelated MS Sans Serif",monospace;cursor:pointer;z-index:1}
.bsod__box{max-width:40rem;line-height:1.5}
.bsod__title{display:inline-block;background:#aaa;color:#0000aa;padding:0 .5rem;margin:0 auto 1.5rem}
.bsod__center{text-align:center}
.bsod a{color:#fff;text-decoration:underline}
.blink{animation:blink 1s steps(2,start) infinite}
@keyframes blink{to{visibility:hidden}}
@media (prefers-reduced-motion:reduce){.blink{animation:none}}
/* Willkommen nur beim ersten Besuch pro Sitzung automatisch (Inline-Style des Original-JS überschreibt das beim Öffnen/Schliessen) */
html:not(.willkommen-gesehen) #willkommen{display:flex}
#willkommen .window__inner{height:auto;max-height:calc(93vh - 100px)}
@media (max-width:1023px){#willkommen h1{font-size:1.25em}#willkommen .lead{font-size:1.1em}#willkommen .service-note{margin:.5em 0}#willkommen .window__content{padding-bottom:12px;padding-top:12px}#willkommen .window__inner{max-height:calc(100vh - 135px)}#willkommen .content-title{margin-bottom:8px}}

/* Win95-Taskleiste: ein Feld pro geöffnetem Fenster (extras.js) */
.bottom-bar{z-index:795;gap:4px}
.bottom-bar .status{flex:0 0 auto}
.taskbar-left{display:flex;align-items:center;gap:4px;flex:1 1 0;min-width:0}
.taskbar-left>label{flex:0 0 auto}
.taskbar-tasks{display:flex;align-items:center;gap:3px;flex:1 1 0;min-width:0;overflow:hidden}
.task{flex:0 1 160px;min-width:30px;justify-content:flex-start;padding:.5rem .45rem;overflow:hidden;font:inherit;cursor:pointer}
.task img{flex:0 0 auto}
.task span{white-space:nowrap;overflow:hidden;text-overflow:ellipsis;min-width:0}
.task--icon span{display:none}.task--icon{justify-content:center}.task--icon img{margin-right:0}
.task[aria-pressed="true"]{box-shadow:inset -1px -1px #fff,inset 1px 1px #121212,inset -2px -2px #dfdfdf,inset 2px 2px gray;
  background-color:#dfdfdf;background-image:repeating-conic-gradient(silver 0 25%,#fff 0 50%);background-size:2px 2px;font-weight:bold}
.js-tasks .window:not(.window--focused) .title-bar{background:linear-gradient(90deg,gray,#b5b5b5);color:#dfdfdf}
/* Startzustand: Fernwartung offen, leicht versetzt hinter dem Willkommensfenster */
#fernwartung{display:flex;top:calc(5vh - 26px);left:calc(5vh - 22px)}
@media (max-width:1023px){#fernwartung{top:calc(5vh - 24px);left:calc(5vh - 26px)}}
a.icon-wrapper{display:block;color:inherit;text-decoration:none}
.window__content h1,.window__content h2{hyphens:auto;-webkit-hyphens:auto;overflow-wrap:break-word}
/* Nachgeladene Fenster (Impressum/Datenschutz): Platzhalter-Link nur ohne JS oder bei Ladefehler sichtbar */
html.js-tasks .window[data-loaded="laedt"] .fragment-fallback{visibility:hidden}
/* Neue Unterseiten */
.page-nav{margin-top:.75em}
.faq-item{margin-bottom:1.25em}
#seite-kontakt a[href^="tel:"],#seite-kontakt a[href^="mailto:"]{display:inline-block;padding:3px 0}