.it-symbol { display: inline-grid; place-items: center; width: 2.75rem; height: 2.75rem; border: 1px solid #ded8cf; border-radius: .75rem; background: #f0ebe4; color: #1c2532; flex: 0 0 2.75rem; }
.it-symbol svg { display: block; width: 1.5rem; height: 1.5rem; }
.it-abschnitt { padding: 4rem 0; }
.it-abschnitt .kopfzeile { max-width: 47rem; margin-bottom: 2rem; }
.it-home { background: #f0ebe4; border-top: 1px solid #ded8cf; border-bottom: 1px solid #ded8cf; }
.it-home-karten { display: grid; grid-template-columns: repeat(4,minmax(0,1fr)); gap: 1rem; }
.it-home-karten article { display: flex; flex-direction: column; align-items: flex-start; padding: 1.4rem; border: 1px solid #ded8cf; border-radius: 1rem; background: #faf9f6; min-width: 0; }
.it-home-karten h3 { margin: 1rem 0 .65rem; font-size: 1.15rem; font-weight: 600; line-height: 1.3; }
.it-home-karten h3 a { color: #1c2532; text-decoration: none; }
.it-home-karten p { color: #59616b; font-size: .9rem; line-height: 1.65; margin: 0 0 1.3rem; }
.it-mehr { display: inline-flex; gap: .4rem; color: #944014; font-size: .8rem; line-height: 1.5; text-decoration: none; border-bottom: 1px solid #d2ad93; padding-bottom: .2rem; margin-top: auto; }
.it-mehr:hover, .it-home-karten h3 a:hover { color: #ab4616; }
.it-hero { background: #1c2532; color: #f8eed8; padding: 3rem 0 4.5rem; }
.it-hero-raster { display: grid; grid-template-columns: minmax(0,1.35fr) minmax(0,.8fr); gap: 4rem; align-items: center; }
.it-zurueck { display: inline-block; font-size: .8rem; color: #d9dfe6; text-decoration: none; margin-bottom: 2.5rem; }
.it-seite .it-hero h1 { margin: 0 0 1.5rem; color: #f8eed8; font-size: clamp(2.1rem,3.6vw,3.3rem); font-weight: 500; line-height: 1.13; letter-spacing: -.035em; }
.it-seite .it-hero h1 > span, .it-seite .it-hero h1 > em { display: block; }
.it-seite .it-hero h1 em { color: #eb7636; font-style: normal; }
.it-seite .it-hero h1 > .it-h1-thema { color: #d9dfe6; font-size: .85rem; letter-spacing: .035em; line-height: 1.5; margin-bottom: 1.25rem; }
.it-h1-thema::before { content: ''; display: inline-block; width: 1.4rem; height: 2px; margin-right: .65rem; background: #eb7636; vertical-align: middle; }
.it-hero-raster > div > p { max-width: 37rem; color: #e3dfd7; line-height: 1.8; margin-bottom: 1.7rem; }
.it-hero .pille { gap: .7rem; }
.it-kurzblick { border: 1px solid #485362; border-radius: 1.2rem; padding: 2rem; background: #253140; box-shadow: 0 20px 50px #0002; }
.it-kurzblick .it-symbol { border-color: #67717e; background: #1c2532; color: #eb7636; width: 3.2rem; height: 3.2rem; }
.it-kurzblick > p { color: #d9dfe6; font-size: .8rem; margin: 1.5rem 0 1rem; }
.it-kurzblick ul { list-style: none; padding: 0; margin: 0; }
.it-kurzblick li { border-top: 1px solid #53606d; padding: .95rem 0; font-size: 1rem; }
.it-kurzblick-fuss { display: block; margin-top: 1rem; font-size: .78rem; line-height: 1.6; color: #d9dfe6; }
.it-themen { display: grid; grid-template-columns: repeat(2,minmax(0,1fr)); gap: 1.25rem; }
.it-themen article { padding: 1.6rem; border: 1px solid #dedbd6; border-radius: .9rem; background: #fff; }
.it-themen h3 { margin: 0 0 .65rem; font-size: 1.15rem; font-weight: 600; }
.it-themen p { margin: 0; color: #59616b; font-size: .95rem; line-height: 1.75; }
.it-flaeche { background: #f0ebe4; }
.it-ablauf-raster { display: grid; grid-template-columns: minmax(0,1fr) minmax(0,1fr); gap: 4rem; }
.it-schritte { list-style: none; padding: 0; margin: 2rem 0 0; counter-reset: it-schritt; }
.it-schritte li { position: relative; padding: 0 0 1.6rem 2.8rem; counter-increment: it-schritt; }
.it-schritte li::before { content: counter(it-schritt); position: absolute; left: 0; top: .1rem; display: grid; place-items: center; width: 1.9rem; height: 1.9rem; border: 1px solid #d8c7b8; border-radius: 50%; background: #fae3d3; color: #944014; font-size: .8rem; }
.it-schritte strong { display: block; font-size: .95rem; font-weight: 600; }
.it-schritte span { display: block; margin-top: .25rem; font-size: .9rem; color: #59616b; }
.it-checkliste { list-style: none; padding: .4rem 0 0; margin: 0; }
.it-checkliste li { padding: 1rem 0; border-bottom: 1px solid #d4cec5; line-height: 1.65; font-size: .95rem; }
.it-checkliste li::before { content: '•'; color: #944014; margin-right: .65rem; }
.it-hinweis { margin-top: 1.5rem; color: #59616b; font-size: .85rem; line-height: 1.7; }
.it-kontakt { background: #1c2532; color: #f8eed8; padding: 4rem 0; }
.it-kontakt-raster { display: grid; grid-template-columns: minmax(0,1.2fr) minmax(0,1fr); gap: 4rem; align-items: center; }
.it-kontakt .kopfzeile { margin: 0; }
.it-kontakt h2 { color: #f8eed8; font-size: clamp(1.8rem,3.3vw,2.8rem); line-height: 1.15; }
.it-kontakt h2 em { color: #eb7636; font-style: normal; }
.it-kontakt .plakette { background: #2c3747; color: #f8eed8; border-color: #5d6c7b; }
.it-kontakt p { color: #d9dfe6; max-width: 34rem; font-size: .95rem; line-height: 1.8; }
.it-kontaktwege { display: flex; flex-direction: column; align-items: flex-start; gap: 1.2rem; }
.it-kontaktwege .pille { gap: 1rem; }
.it-kontaktwege .it-telefon, .it-kontaktwege p a { color: #f8eed8; text-decoration: underline; text-underline-offset: 4px; }
.it-kontaktwege p { margin: 0; font-size: .85rem; }
.it-weitere { display: flex; flex-wrap: wrap; align-items: center; gap: .8rem 1.5rem; padding-top: 1.6rem; padding-bottom: 1.6rem; font-size: .85rem; }
.it-weitere > span { color: #59616b; }
.it-weitere a { color: #944014; text-decoration: none; }
.it-seite a:focus-visible, .it-home a:focus-visible { outline: 2px solid #eb7636; outline-offset: 4px; }
@media(max-width:63.99rem) { .it-home-karten { grid-template-columns: repeat(2,minmax(0,1fr)); }.it-hero-raster { gap: 2rem; grid-template-columns: minmax(0,1.2fr) minmax(0,1fr); }.it-ablauf-raster,.it-kontakt-raster { gap: 2rem; } }
@media(max-width:47.99rem) { .it-home-karten,.it-hero-raster,.it-themen,.it-ablauf-raster,.it-kontakt-raster { grid-template-columns: minmax(0,1fr); }.it-abschnitt { padding: 3rem 0; }.it-hero { padding: 1.7rem 0 3rem; }.it-zurueck { margin-bottom: 2rem; }.it-seite .it-hero h1 { font-size: clamp(1.95rem,7.2vw,2.65rem); }.it-kurzblick { padding: 1.5rem; }.it-home-karten article,.it-themen article { padding: 1.3rem; }.it-ablauf-raster { gap: .5rem; }.it-kontakt { padding: 3rem 0; }.it-kontakt-raster { gap: 1.7rem; } }

/* Shared orange accents must override the base h2 em color inheritance. */
.it-home .kopfzeile h2 em, .it-seite .it-abschnitt .kopfzeile h2 em { color: #ab4616; font-style: normal; }
.it-ablauf-raster { align-items: start; }
.it-ablauf-raster > .it-schritte { margin-top: 0; }
.it-ablauf-raster .it-checkliste { padding-top: 0; }
.it-ablauf-raster .it-checkliste > li:first-child { padding-top: 0; }

/* IT headings, related context and direct contact share one visual language. */
.it-home .kopfzeile h2 em { display:block; }
.it-markennamen { display:block; margin-top:1.1rem; color:#626b74; font-size:.72rem; line-height:1.5; letter-spacing:.02em; }
.it-home-karten .it-markennamen + h3 { margin-top:.4rem; }
.it-verbindungen { background:#1c2532; color:#d9dfe6; border-block:1px solid #364353; }
.it-verbindungen-raster { display:grid; grid-template-columns:minmax(0,1fr) minmax(0,1fr); gap:4rem; align-items:start; }
.it-verbindungen .kopfzeile { margin-bottom:0; }
.it-verbindungen-text > p { margin:0; color:#d9dfe6; line-height:1.8; }
.it-verbindungen nav { display:grid; gap:.65rem; margin-top:1.6rem; }
.it-verbindungen nav a { display:flex; justify-content:space-between; align-items:center; gap:1rem; padding:.85rem 1rem; border:1px solid #5d6c7b; border-radius:.6rem; color:#f8eed8; text-decoration:none; font-size:.9rem; line-height:1.5; transition:background .2s,border-color .2s; }
.it-verbindungen nav a:hover { background:#2c3747; border-color:#e7a477; }
.it-verbindungen nav a span { color:#e7a477; flex-shrink:0; }
.it-verbindungen h2 { color:#f8eed8; }
.it-seite .it-abschnitt.it-verbindungen .kopfzeile h2 em { color:#eb7636; }
.it-verbindungen .plakette { background:#2c3747; color:#f8eed8; border-color:#5d6c7b; }
.it-verbindungen nav a:focus-visible { outline:2px solid #e7a477; outline-offset:4px; }
.it-kontaktwege { padding:1.8rem; border:1px solid #4b5869; border-radius:1.1rem; background:#263342; box-shadow:0 12px 32px #00000014; gap:0; }
.it-kontaktwege .it-kontakt-titel { margin:0 0 .5rem; color:#f8eed8; font-size:1.15rem; font-weight:600; line-height:1.4; }
.it-kontaktwege .it-kontakt-hilfe { margin:0 0 1.3rem; font-size:.88rem; line-height:1.65; }
.it-kontaktwege .pille { width:100%; justify-content:space-between; }
.it-kontaktwege .it-telefon { display:flex; flex-direction:column; gap:.3rem; width:100%; padding-top:1.1rem; margin-top:1.2rem; border-top:1px solid #4b5869; text-decoration:none; }
.it-kontaktwege .it-telefon > span { color:#c2cbd6; font-size:.78rem; }
.it-kontaktwege .it-telefon strong { display:flex; justify-content:space-between; gap:1rem; font-size:1.05rem; font-weight:500; color:#f8eed8; }
.it-kontaktwege .it-telefon:hover strong { color:#eb7636; }
@media(max-width:63.99rem) { .it-verbindungen-raster { gap:2rem; } }
@media(max-width:47.99rem) { .it-verbindungen-raster { grid-template-columns:minmax(0,1fr); gap:1.4rem; }.it-kontaktwege { padding:1.4rem; }.it-home .kopfzeile h2 em { max-width:100%; } }
/* Compact contact actions and matching lightweight topic symbols. */
.it-kontaktwege .pille { width:auto; max-width:100%; justify-content:center; align-self:flex-start; gap:.65rem; }
.it-kontaktwege .it-telefon strong { justify-content:flex-start; gap:.65rem; }
.it-kontaktwege .it-whatsapp { display:inline-flex; align-items:center; gap:.65rem; align-self:flex-start; margin-top:1rem; color:#f8eed8; text-decoration:none; font-size:.9rem; line-height:1.6; }
.it-kontaktwege .it-whatsapp:hover { color:#eb7636; }
.it-thema-icon { display:grid; place-items:center; width:2.5rem; height:2.5rem; border-radius:.65rem; background:#f0ebe4; color:#485362; margin-bottom:1rem; }
.it-thema-icon svg { display:block; width:1.4rem; height:1.4rem; }
.it-verbindungen nav { justify-items:start; }
.it-verbindungen nav a { justify-content:flex-start; gap:.65rem; width:fit-content; max-width:100%; }

.it-kurzblick li:has(.it-kurzinfo) { padding:0; }
.it-kurzinfo summary { cursor:pointer; list-style:none; display:flex; align-items:center; justify-content:space-between; gap:1rem; padding:.95rem 0; }
.it-kurzinfo summary::-webkit-details-marker { display:none; }
.it-kurzinfo summary::after { content:'+'; color:#eb7636; font-size:1.2rem; flex:none; }
.it-kurzinfo[open] summary::after { content:'−'; }
.it-kurzinfo p { margin:0; padding:0 0 1rem; color:#d9dfe6; font-size:.85rem; line-height:1.7; }
.it-kurzinfo summary:focus-visible { outline:2px solid #eb7636; outline-offset:3px; }
.it-kurzblick .it-kurzblick-fuss { display:flex; flex-wrap:wrap; gap:.5rem; margin-top:1.5rem; }
.it-kurzblick-fuss > span { display:inline-flex; align-items:center; gap:.45rem; padding:.4rem .65rem; border-radius:.5rem; background:#1c2532; color:#e3dfd7; font-size:.72rem; line-height:1.5; }
.it-kurzblick-fuss > span::before { content:'✓'; color:#eb7636; }
.it-hero .pille { white-space:normal; }