/* Ergaenzungen fuer die Werbeseite auf infonet-computer.de (Mailoplex-Design bleibt unveraendert) */
.ix-bar{background:#0b0b0d;color:#c9c9c6;font:500 .8rem/1.3 var(--f-body)}
.ix-bar .wrap{display:flex;justify-content:space-between;align-items:center;gap:16px;min-height:36px;padding-top:6px;padding-bottom:6px}
.ix-bar b{color:#fff;font-weight:600}
.ix-bar a{color:#fff;text-decoration:none;white-space:nowrap}
.ix-bar a:hover{text-decoration:underline}
.card .big{font:900 2.6rem/1 var(--f-display);font-stretch:80%;color:var(--fg)}
.ix-drei{grid-template-columns:repeat(3,minmax(0,1fr))}
.ix-zwei{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:20px;margin-top:20px}
.ix-zwei h3{margin:0}
.ix-klein{color:var(--muted);font-size:.9rem;margin:12px 0 0}
.ticks.ix-weg li::before{background:var(--muted);transform:none;border-radius:50%}
#geraete .note{margin-top:22px}
@media (max-width:860px){.ix-drei,.ix-zwei{grid-template-columns:1fr}.card .big{font-size:2.2rem}}
@media (max-width:520px){.ix-bar span{display:none}.ix-bar .wrap{justify-content:flex-end}}
/* Kontrast: Augenzeile auf dunklem Grund (#D10A0A erreicht dort nur 3,17:1, verlangt 4,5:1) - Mailoplex-eigenes Rot der dunklen Darstellung */
.hero .eyebrow,.contact .eyebrow{color:#FF4D4D}
/* Sprungziele nicht unter der festen Kopfleiste verstecken */
main section[id]{scroll-margin-top:96px}
@media (max-width:860px){main section[id]{scroll-margin-top:84px}}