/* ==========================================================================
   Invictus IT-Systems – Theme-Styles
   Gestaltung (Stand 10/2026): bewährter Aufbau, ruhig und präzise ausgeführt.
   Weißer Grund, Navy für Text und dunkle Flächen, Rot nur für die Hauptaktion.
   Haarlinien statt Schatten, eine Rundung (4px), keine Deko-Effekte.
   Farben/Schrift/Abstände kommen aus theme.json (CSS-Variablen --wp--preset--*).
   ========================================================================== */

:root {
	--inv-navy: var(--wp--preset--color--navy, #0F1C40);
	--inv-navy-deep: #0A1430;          /* Fußbereich, damit er sich vom dunklen Kontaktbereich absetzt */
	--inv-red: var(--wp--preset--color--red, #CD1424);
	--inv-red-dark: #A80F1D;
	--inv-blue: var(--wp--preset--color--blue, #213A7A);
	--inv-ink: var(--inv-navy);
	--inv-text: var(--wp--preset--color--text, #3C4A57);
	--inv-muted: var(--wp--preset--color--muted, #56616E);
	--inv-line: var(--wp--preset--color--line, #DCE1E8);
	--inv-line-strong: #7D8899;        /* Formularfelder: mind. 3:1 zum Weiß */
	--inv-soft: var(--wp--preset--color--soft, #F4F6F9);
	--inv-on-dark: #C5CEDF;            /* Fließtext auf Navy */
	--inv-on-dark-muted: #A3AFC6;      /* Nebentext auf Navy */
	--inv-on-dark-line: rgba(255, 255, 255, .16);
	--inv-error-bg: #FBEAEC;
	--inv-error: #8A0E19;
	--inv-radius: 4px;
	--inv-shadow-menu: 0 12px 32px rgba(15, 28, 64, .14);
	--inv-section: clamp(4rem, 8vw, 6.5rem);
	--inv-ease: cubic-bezier(.16, 1, .3, 1);
}

/* ---------- Grundlagen ---------- */
html { scroll-behavior: smooth; scroll-padding-top: 100px; }
body { -webkit-font-smoothing: antialiased; caret-color: var(--inv-red); }
::selection { background: var(--inv-navy); color: #fff; }
img { max-width: 100%; height: auto; }
a { text-underline-offset: .18em; text-decoration-thickness: 1px; }
:where(h1, h2, h3) { text-wrap: balance; }
p { text-wrap: pretty; }
:where(.wp-site-blocks) > * { margin-block-start: 0; }
.wp-site-blocks > main { margin-block-start: 0; }
:focus-visible { outline: 2px solid var(--inv-navy); outline-offset: 3px; }
:where(.inv-section.is-navy, .inv-cta, .inv-footer, .inv-topbar, .is-featured) :focus-visible { outline-color: #fff; }
.skip-link.screen-reader-text:focus { background: #fff; padding: 8px 14px; border-radius: var(--inv-radius); z-index: 1000; }

/* ---------- Typo-Helfer ---------- */
.inv-lead { font-size: var(--wp--preset--font-size--lead); line-height: 1.6; }
.inv-small { font-size: .9rem; color: var(--inv-muted); }
.inv-head { margin-bottom: clamp(32px, 4vw, 48px) !important; }
.inv-head > * { max-width: 720px; margin-top: 0; }
.inv-head > * + * { margin-top: 16px; }
.inv-head.is-center { text-align: center; }
.inv-head.is-center > * { margin-left: auto !important; margin-right: auto !important; }
.inv-prose > * { max-width: 60ch; }
.inv-prose > .inv-lead, .inv-head > .inv-lead { max-width: 56ch; }
.inv-prose.is-center > * { margin-left: auto !important; margin-right: auto !important; }
.inv-proof { margin-top: 24px !important; font-size: .9rem; font-weight: 600; color: var(--inv-muted); }
.inv-back { font-size: .92rem; font-weight: 700; margin-bottom: 12px !important; }
.inv-back a { text-decoration: none; display: inline-flex; align-items: center; gap: 6px; }
.inv-back a::before {
	content: ""; width: 16px; height: 16px; background: currentColor; transform: scaleX(-1);
	-webkit-mask: url("../icons/arrow.svg") center / contain no-repeat; mask: url("../icons/arrow.svg") center / contain no-repeat;
}

/* ---------- Sektionen ---------- */
.inv-section { padding-top: var(--inv-section) !important; padding-bottom: var(--inv-section) !important; margin-top: 0 !important; margin-bottom: 0 !important; }
.inv-section.is-soft { background: var(--inv-soft); }
.inv-section.is-navy { background: var(--inv-navy); color: var(--inv-on-dark); }
.inv-section.is-navy :where(h1, h2, h3, h4) { color: #fff; }
.inv-section.is-navy a:where(:not(.wp-element-button)) { color: #fff; }
main > .wp-block-group.alignfull:first-child, .wp-block-post-content > .alignfull:first-child { margin-top: 0; }
.wp-block-post-content > .alignfull + .alignfull { margin-top: 0; }
.inv-split { gap: clamp(32px, 6vw, 80px) !important; }

/* ---------- Buttons ---------- */
.wp-element-button, .inv-btn {
	display: inline-flex; align-items: center; justify-content: center; gap: 10px;
	transition: background-color .2s, color .2s, border-color .2s;
}
.wp-block-button.is-style-inv-ghost .wp-element-button { background: #fff; color: var(--inv-navy); border: 1px solid var(--inv-navy); padding: 14px 25px; }
.wp-block-button.is-style-inv-ghost .wp-element-button:hover { background: var(--inv-navy); color: #fff; }
.wp-block-button.is-style-inv-light .wp-element-button { background: transparent; color: #fff; border: 1px solid rgba(255, 255, 255, .6); padding: 14px 25px; }
.wp-block-button.is-style-inv-light .wp-element-button:hover { background: #fff; color: var(--inv-navy); border-color: #fff; }
.wp-block-button.has-arrow .wp-element-button::after,
.inv-btn--primary::after {
	content: ""; width: 18px; height: 18px; background: currentColor; transition: transform .25s var(--inv-ease);
	-webkit-mask: url("../icons/arrow.svg") center / contain no-repeat; mask: url("../icons/arrow.svg") center / contain no-repeat;
}
.wp-block-button.has-arrow .wp-element-button:hover::after, .inv-btn--primary:hover::after { transform: translateX(3px); }
.wp-block-button.has-phone .wp-element-button::before {
	content: ""; width: 18px; height: 18px; background: currentColor;
	-webkit-mask: url("../icons/phone.svg") center / contain no-repeat; mask: url("../icons/phone.svg") center / contain no-repeat;
}
.inv-btn {
	padding: 15px 26px; border-radius: var(--inv-radius); border: 0; font: inherit; font-weight: 700; font-size: 1rem; cursor: pointer;
	background: var(--inv-red); color: #fff;
}
.inv-btn:hover { background: var(--inv-red-dark); }

/* „Mehr“-Links mit Pfeil; .is-stretched macht die ganze Fläche klickbar */
.inv-more { margin-top: auto !important; font-weight: 700; }
.inv-more a, a.inv-more { text-decoration: none; display: inline-flex; align-items: center; gap: 8px; }
.inv-more a::after, a.inv-more::after {
	content: ""; width: 18px; height: 18px; background: currentColor; transition: transform .25s var(--inv-ease);
	-webkit-mask: url("../icons/arrow.svg") center / contain no-repeat; mask: url("../icons/arrow.svg") center / contain no-repeat;
}
.inv-more a:hover::after, a.inv-more:hover::after { transform: translateX(4px); }
.is-stretched { position: relative; }
.wp-block-column > .inv-more { margin-top: 20px !important; }
.is-stretched :is(.inv-more, .inv-door__title, .inv-svc__title) a::before { content: ""; position: absolute; inset: 0; z-index: 1; }

/* ---------- Icons (Bild-Blöcke mit Klasse inv-ico) ---------- */
.wp-block-image.inv-ico { margin: 0 0 16px; width: 32px; height: 32px; }
.wp-block-image.inv-ico img { width: 32px; height: 32px; display: block; }
.wp-block-image.inv-ico.is-white img { filter: brightness(0) invert(1); }

/* ---------- Listen ---------- */
.is-style-inv-checks { list-style: none; padding-left: 0 !important; display: grid; gap: 10px; }
.is-style-inv-checks li { position: relative; padding-left: 30px; color: var(--inv-ink); font-weight: 600; line-height: 1.5; }
.is-style-inv-checks li::before {
	content: ""; position: absolute; left: 0; top: .2em; width: 18px; height: 18px; background: var(--inv-red);
	-webkit-mask: url("../icons/check-white.svg") center / contain no-repeat; mask: url("../icons/check-white.svg") center / contain no-repeat;
}
.is-style-inv-checks.is-cols-2 { grid-template-columns: 1fr 1fr; gap: 12px 28px; }
.inv-section.is-navy .is-style-inv-checks li, .is-featured .is-style-inv-checks li { color: inherit; }
.inv-section.is-navy .is-style-inv-checks li::before, .is-featured .is-style-inv-checks li::before { background: #fff; }
.inv-tags { list-style: none; padding: 0 !important; display: flex; flex-wrap: wrap; gap: 6px 14px; margin: 0 0 20px !important; font-size: .85rem; font-weight: 600; color: var(--inv-muted); }

/* Ablauf als nummerierte Liste (die Reihenfolge trägt Information) */
.inv-sequence { list-style: none; padding: 0 !important; margin: 0 !important; counter-reset: seq; }
.inv-sequence li { counter-increment: seq; position: relative; padding: 18px 0 18px 44px; border-top: 1px solid var(--inv-line); line-height: 1.55; }
.inv-sequence li:last-child { padding-bottom: 0; }
.inv-sequence li::before { content: counter(seq); position: absolute; left: 0; top: 16px; font-weight: 800; font-size: 1.1rem; color: var(--inv-red); font-variant-numeric: tabular-nums; }
.inv-sequence strong { color: var(--inv-ink); }
.inv-panel { background: var(--inv-soft); border-radius: var(--inv-radius); padding: clamp(24px, 3vw, 36px) !important; }
.inv-panel h3 { margin: 0 0 8px; font-size: 1.15rem; }

/* ---------- Kopfbereich ---------- */
.inv-topbar { background: var(--inv-navy); color: var(--inv-on-dark); font-size: .85rem; padding-top: 8px !important; padding-bottom: 8px !important; }
.inv-topbar p { margin: 0; display: inline-flex; align-items: center; gap: 6px; }
.inv-topbar a { color: #fff; text-decoration: none; padding: 4px 0; }
.inv-topbar a:hover { text-decoration: underline; }
.inv-topbar img { width: 15px; height: 15px; filter: brightness(0) invert(1); opacity: .8; }
.wp-site-blocks > header { position: sticky; top: 0; z-index: 50; transition: transform .3s var(--inv-ease); }
.inv-topbar { height: 40px; box-sizing: border-box; overflow: hidden; }
.admin-bar .wp-site-blocks > header { top: 32px; }
@media (max-width: 782px) { .admin-bar .wp-site-blocks > header { top: 46px; } }
@media (max-width: 600px) { .admin-bar .wp-site-blocks > header { top: 0; } }
.inv-header { background: #fff; border-bottom: 1px solid var(--inv-line); min-height: 80px; padding-top: 10px !important; padding-bottom: 10px !important; }
.inv-header .inv-logo { margin: 0; }
.inv-header .inv-logo img { width: 210px; height: auto; }
.inv-header .wp-block-navigation-item__content { padding: 10px 12px; color: var(--inv-ink); }
.inv-header .wp-block-navigation-item__content:hover { color: var(--inv-red); }
.inv-header .wp-block-navigation .wp-block-navigation__submenu-container {
	border: 1px solid var(--inv-line) !important; border-radius: var(--inv-radius); box-shadow: var(--inv-shadow-menu); padding: 12px; min-width: 300px;
}
.inv-header .wp-block-navigation__submenu-container .wp-block-navigation-item__content { padding: 9px 12px; display: block; }
.inv-header .wp-block-navigation-item__label { font-weight: 600; }
.inv-header .wp-block-navigation-item__description { display: block; font-size: .82rem; font-weight: 500; color: var(--inv-muted); line-height: 1.35; margin-top: 2px; }
@media (min-width: 1101px) {
	.inv-header .inv-mega > .wp-block-navigation__submenu-container { display: grid !important; grid-template-columns: 1fr 1fr; width: 620px; left: 50% !important; transform: translateX(-50%); }
}
.inv-header-actions .wp-element-button { padding: 12px 20px; }
/* Pfeil der Aufklappmenüs näher an sein eigenes Wort */
.inv-header .wp-block-navigation-item.has-child > .wp-block-navigation-item__content { padding-right: 2px; }
.inv-header .wp-block-navigation-item.has-child > .wp-block-navigation__submenu-icon { margin: 0 12px 0 0; }
/* Menü-Knopf am Handy: mindestens 44px Klickfläche */
.inv-header .wp-block-navigation__responsive-container-open { padding: 10px; margin: -10px; }

/* Mobile-Menü schon unter 1100px (Standard von WordPress wäre 600px) */
@media (max-width: 1100px) {
	.inv-header .wp-block-navigation__responsive-container-open:not(.always-shown) { display: flex !important; }
	.inv-header .wp-block-navigation__responsive-container:not(.hidden-by-default):not(.is-menu-open) { display: none !important; }
	.inv-header-actions .is-style-inv-ghost { display: none; }
}
@media (max-width: 640px) {
	.inv-header-actions .wp-block-button { display: none; }
	.inv-header .inv-logo img { width: 160px; }
	.inv-header { min-height: 66px; }
	.inv-topbar .inv-topbar__mail, .inv-topbar .inv-topbar__right { display: none !important; }
}
.wp-block-navigation__responsive-container.is-menu-open .wp-block-navigation-item__description { display: none; }

/* ---------- Startseite: erster Bildschirm ---------- */
.inv-hero { background: #fff; padding-top: clamp(32px, 4.5vw, 64px) !important; padding-bottom: 0 !important; }
.inv-hero h1 { font-size: clamp(2.2rem, 3.9vw, 3.5rem); letter-spacing: -.03em; line-height: 1.06; max-width: 17ch; }
.inv-hero .inv-lead { max-width: 52ch; margin-top: 24px; }
.inv-hero .wp-block-buttons { margin-top: 32px; }
.inv-photo { margin: 0; }
.inv-split .inv-photo { margin-top: clamp(24px, 3vw, 40px) !important; }
.inv-photo img { width: 100%; aspect-ratio: 4 / 3; object-fit: cover; object-position: 62% center; display: block; border-radius: var(--inv-radius); }
.inv-photo .wp-element-caption { margin: 10px 0 0; font-size: .85rem; color: var(--inv-muted); text-align: left; }

/* Netzplan statt Foto (isometrisch, erzeugt von werkzeuge/netzplan-bauen.ps1):
   Server-Schrank in Kupferzell, Hauptleitung mit Abzweigen zu vier Gebäuden, Kabel am Boden.
   Rote Pakete = Wartung und Updates gehen hinaus (am Ziel gehen die Fenster an, ein roter Ring läuft aus),
   navyfarbene Pakete = die Überwachung meldet zurück (eine LED am Schrank blinkt). Pfade mit pathLength="100". */
.inv-netz { position: relative; margin: 0; --cyc: 6.4s; --go: 1.7s; }
.inv-netz__svg { display: block; width: 100%; height: auto; overflow: hidden; stroke-linejoin: round; stroke-linecap: round; }
/* Flächen: oben hell, links Hellgrau, rechts etwas dunkler – Linien in Navy */
.inv-netz :is(.f-t, .f-l, .f-r, .f-roof) { stroke: var(--inv-navy); stroke-width: 1.1; }
.inv-netz .f-t { fill: #fff; }
.inv-netz .f-l { fill: var(--inv-soft); }
.inv-netz .f-r { fill: var(--inv-line); }
.inv-netz .f-roof { fill: #C5CEDF; }
.inv-netz .f-door { fill: var(--inv-navy); }
.inv-netz .f-cross { fill: var(--inv-red); }
.inv-netz :is(.s-t, .s-l, .s-r) { fill: #fff; stroke: rgba(15, 28, 64, .22); stroke-width: 1; }
.inv-netz .s-l { fill: var(--inv-soft); }
.inv-netz .rk-l { fill: var(--inv-navy); }
.inv-netz .rk-r { fill: var(--inv-navy-deep); }
.inv-netz .rk-t { fill: #213A7A; }
.inv-netz :is(.rk-l, .rk-r, .rk-t) { stroke: var(--inv-navy-deep); stroke-width: 1.1; }
.inv-netz__unit { stroke: rgba(255, 255, 255, .16); stroke-width: 1; fill: none; }
.inv-netz__led { fill: rgba(255, 255, 255, .38); }
.inv-netz__port { fill: rgba(255, 255, 255, .38); animation: inv-netz-port var(--cyc) linear calc(var(--go) + var(--n) * 1.6s) infinite; }
.inv-netz__win { fill: #C5CEDF; stroke: none; animation: inv-netz-win var(--cyc) linear calc(var(--go) + var(--n, 0) * 1.6s + var(--w) * .04s) infinite; }
.inv-netz__win.is-glass { stroke: var(--inv-navy); stroke-width: 1.1; }
/* Kabel und Pakete */
.inv-netz__line { fill: none; stroke: var(--inv-line-strong); stroke-width: 1.6; stroke-dasharray: 100; stroke-dashoffset: 100; animation: inv-netz-draw 1.1s var(--inv-ease) calc(.2s + var(--n) * .12s) forwards; transition: stroke .25s, stroke-width .25s; }
.inv-netz__pkt { fill: none; stroke-width: 3.5; stroke-linecap: butt; stroke-dasharray: 7 200; stroke-dashoffset: 7; }
.inv-netz__pkt.is-out { stroke: var(--inv-red); animation: inv-netz-out var(--cyc) linear calc(var(--go) + var(--n) * 1.6s) infinite; }
.inv-netz__pkt.is-back { stroke: var(--inv-navy); stroke-dashoffset: -100; animation: inv-netz-back var(--cyc) linear calc(var(--go) + var(--n) * 1.6s) infinite; }
.inv-netz__ripple { fill: none; stroke: var(--inv-red); stroke-width: 1.5; opacity: 0; transform-box: fill-box; transform-origin: center; animation: inv-netz-ripple var(--cyc) linear calc(var(--go) + var(--n) * 1.6s) infinite; }
/* Auftritt: Kabel zeichnen sich von Kupferzell aus, die Gebäude setzen sich auf */
.inv-netz__hub { animation: inv-netz-rise .7s var(--inv-ease) .05s backwards; }
.inv-netz__end { animation: inv-netz-rise .7s var(--inv-ease) calc(.75s + var(--n) * .12s) backwards; transition: opacity .25s; }
.inv-netz__cable { transition: opacity .25s; }
/* Beschriftungen */
.inv-netz__labels { position: absolute; inset: 0; pointer-events: none; }
.inv-netz__label, .inv-netz__hubname { position: absolute; font-size: .85rem; font-weight: 700; line-height: 1.2; color: var(--inv-navy); white-space: nowrap; transition: opacity .25s; animation: inv-netz-fade .5s calc(1s + var(--n, 0) * .12s) backwards; }
.inv-netz__label.is-below { transform: translate(-50%, 10px); }
.inv-netz__label.is-right { transform: translate(10px, -50%); }
.inv-netz__label.is-left { transform: translate(calc(-100% - 10px), -50%); }
.inv-netz__hubname { transform: translate(calc(-100% - 10px), -50%); font-weight: 800; font-size: .9rem; animation-delay: .3s; }
/* Branchen-Einstieg überfahren (theme.js): passende Leitung rot, der Rest tritt zurück */
.inv-netz[data-focus] [data-route]:not(.is-focus) { opacity: .28; }
.inv-netz__cable.is-focus .inv-netz__line { stroke: var(--inv-red); stroke-width: 2.6; }
.inv-netz__cable.is-focus .is-out { animation: inv-netz-run 1.1s linear infinite; }
.inv-netz__bldg { transition: transform .4s var(--inv-ease); }
.inv-netz__end.is-focus .inv-netz__bldg { transform: translateY(-7px); }
.inv-netz__end.is-focus .inv-netz__win { animation: none; fill: var(--inv-navy); }
.inv-netz__end.is-focus .inv-netz__ripple { animation: inv-netz-pulse 1.4s linear infinite; }
.inv-netz__label.is-focus { color: var(--inv-red); }
.inv-netz.is-paused * { animation-play-state: paused !important; }
@keyframes inv-netz-draw { to { stroke-dashoffset: 0; } }
@keyframes inv-netz-fade { from { opacity: 0; } }
@keyframes inv-netz-rise { from { opacity: 0; transform: translateY(-14px); } }
@keyframes inv-netz-out { 0% { stroke-dashoffset: 7; animation-timing-function: cubic-bezier(.45, 0, .25, 1); } 28%, 100% { stroke-dashoffset: -100; } }
@keyframes inv-netz-back { 0%, 52% { stroke-dashoffset: -100; animation-timing-function: cubic-bezier(.45, 0, .25, 1); } 80%, 100% { stroke-dashoffset: 7; } }
@keyframes inv-netz-ripple { 0%, 25% { opacity: 0; transform: scale(1); } 26% { opacity: 1; transform: scale(1); animation-timing-function: cubic-bezier(.16, 1, .3, 1); } 46%, 100% { opacity: 0; transform: scale(1.55); } }
@keyframes inv-netz-win { 0%, 27% { fill: #C5CEDF; } 30%, 56% { fill: var(--inv-navy); } 66%, 100% { fill: #C5CEDF; } }
@keyframes inv-netz-port { 0%, 78% { fill: rgba(255, 255, 255, .38); } 80%, 88% { fill: var(--inv-red); } 96%, 100% { fill: rgba(255, 255, 255, .38); } }
@keyframes inv-netz-run { 0% { stroke-dashoffset: 7; } 100% { stroke-dashoffset: -100; } }
@keyframes inv-netz-pulse { 0% { opacity: 1; transform: scale(1); animation-timing-function: cubic-bezier(.16, 1, .3, 1); } 70%, 100% { opacity: 0; transform: scale(1.5); } }
@media (prefers-reduced-motion: reduce) {
	/* Ruhiges Standbild: alles gezeichnet, je ein rotes Paket unterwegs, Hervorhebung bleibt. */
	.inv-netz * { animation: none !important; }
	.inv-netz__line { stroke-dashoffset: 0; }
	.inv-netz__pkt.is-out { stroke-dashoffset: -55; }
	.inv-netz__pkt.is-back { display: none; }
	.inv-netz__end.is-focus .inv-netz__bldg { transform: none; }
}
@media (max-width: 640px) {
	.inv-netz__label { display: none; }
	.inv-netz__hubname { font-size: .8rem; }
}

/* Vier Branchen-Einstiege, noch im ersten Bildschirm */
.inv-doors { display: grid !important; grid-template-columns: repeat(4, 1fr); gap: 0 !important; margin-top: clamp(32px, 4vw, 56px) !important; border-top: 1px solid var(--inv-line); }
.inv-door { position: relative; margin: 0 !important; padding: 26px 24px 28px !important; border-left: 1px solid var(--inv-line); display: grid; grid-template-columns: 32px 1fr; column-gap: 16px; align-items: start; align-content: start; }
.inv-door:first-child { border-left: 0; padding-left: 0 !important; }
.inv-door::before { content: ""; position: absolute; left: 0; right: 0; top: -1px; height: 2px; background: var(--inv-red); transform: scaleX(0); transform-origin: left; transition: transform .35s var(--inv-ease); }
.inv-door:hover::before, .inv-door:focus-within::before { transform: scaleX(1); }
.inv-door .inv-ico { grid-row: 1 / span 2; margin: 2px 0 0; }
.inv-door p { margin: 0; }
.inv-door__title { font-weight: 800; font-size: 1.12rem; line-height: 1.3; }
.inv-door__title a { color: var(--inv-ink); text-decoration: none; }
.inv-door__title a::after {
	content: ""; display: inline-block; width: 16px; height: 16px; margin-left: 6px; vertical-align: -2px; background: currentColor; transition: transform .25s var(--inv-ease);
	-webkit-mask: url("../icons/arrow.svg") center / contain no-repeat; mask: url("../icons/arrow.svg") center / contain no-repeat;
}
.inv-door:hover .inv-door__title a::after { transform: translateX(3px); }
.inv-door:hover .inv-door__title a { color: var(--inv-red); }
.inv-door__text { font-size: .92rem; color: var(--inv-muted); margin-top: 4px !important; }
.inv-doors__more { font-size: .92rem; color: var(--inv-muted); padding: 0 0 clamp(32px, 4vw, 48px); margin-top: 0 !important; border-top: 1px solid var(--inv-line); padding-top: 18px; }

/* ---------- Unterseiten-Kopf ---------- */
.inv-pagehero { background: #fff; border-bottom: 1px solid var(--inv-line); padding-top: clamp(40px, 6vw, 80px) !important; padding-bottom: clamp(40px, 5vw, 64px) !important; }
.inv-narrow > * { max-width: 780px; }
.inv-pagehero h1 { font-size: clamp(2rem, 3.6vw, 3rem); letter-spacing: -.025em; line-height: 1.1; }
.inv-pagehero .inv-lead { max-width: 64ch; }
.inv-trust { display: flex; flex-wrap: wrap; gap: 4px 0; list-style: none; padding: 0 !important; margin-top: 24px !important; font-weight: 600; color: var(--inv-muted); font-size: .9rem; }
.inv-trust li + li::before { content: "·"; margin: 0 12px; }

/* ---------- Ablauf-Schritte (Unterseiten) ---------- */
.inv-steps { display: grid !important; grid-template-columns: repeat(4, 1fr); gap: 32px !important; counter-reset: step; }
.inv-steps.is-5 { grid-template-columns: repeat(5, 1fr); }
.inv-step { border-top: 2px solid var(--inv-navy); padding: 18px 0 0 !important; margin: 0 !important; }
.inv-step::before { counter-increment: step; content: counter(step); display: block; font-weight: 800; font-size: 1.1rem; color: var(--inv-red); margin-bottom: 6px; font-variant-numeric: tabular-nums; }
.inv-step h3 { font-size: 1.1rem; margin: 0 0 6px; }
.inv-step p { margin: 0; font-size: .95rem; }

/* ---------- Karten (Unterseiten) ---------- */
.inv-cards { display: grid !important; grid-template-columns: repeat(3, 1fr); gap: 16px !important; }
.inv-cards.is-2 { grid-template-columns: repeat(2, 1fr); }
.inv-cards.is-4 { grid-template-columns: repeat(4, 1fr); }
.is-style-inv-card, .inv-card {
	background: #fff; border: 1px solid var(--inv-line); border-radius: var(--inv-radius); padding: 28px !important; margin: 0 !important;
	display: flex; flex-direction: column; transition: border-color .2s;
}
.is-style-inv-card > *, .inv-card > * { margin-top: 0; margin-bottom: 0; }
.is-style-inv-card > * + *, .inv-card > * + * { margin-top: 10px; }
.is-style-inv-card h3, .inv-card h3 { font-size: 1.15rem; margin-top: 0 !important; }
.is-style-inv-card p, .inv-card p { font-size: .95rem; }
.inv-cards .is-stretched:hover { border-color: var(--inv-navy); }
.inv-brands { font-size: .82rem !important; color: var(--inv-muted); font-weight: 600; }
.inv-card.is-featured, .is-style-inv-card.is-featured { background: var(--inv-navy); border-color: var(--inv-navy); color: var(--inv-on-dark); grid-row: span 2; }
.is-featured h3 { color: #fff; font-size: 1.4rem !important; }
.is-featured .inv-more a { color: #fff; }
.inv-note { display: flex; flex-wrap: wrap; align-items: center; justify-content: space-between; gap: 16px; background: #fff; border: 1px solid var(--inv-line); border-radius: var(--inv-radius); padding: 20px 26px !important; margin-top: 24px !important; }
.inv-note p { margin: 0; color: var(--inv-ink); }

/* ---------- Leistungen in drei Gruppen (Startseite) ---------- */
.inv-svc-groups { display: grid !important; grid-template-columns: repeat(3, 1fr); gap: clamp(28px, 4vw, 56px) !important; }
.inv-svc-group { margin: 0 !important; }
.inv-svc-group > h3 { font-size: 1rem; margin: 0 0 4px !important; padding-bottom: 14px; border-bottom: 2px solid var(--inv-navy); }
.inv-svc { position: relative; margin: 0 !important; padding: 18px 0 !important; border-bottom: 1px solid var(--inv-line); }
.inv-svc p { margin: 0; }
.inv-svc__title { font-weight: 700; font-size: 1.05rem; }
.inv-svc__title a { color: var(--inv-ink); text-decoration: none; display: inline-flex; align-items: center; gap: 8px; }
.inv-svc__title a::after {
	content: ""; width: 16px; height: 16px; background: currentColor; opacity: 0; transform: translateX(-4px); transition: opacity .2s, transform .25s var(--inv-ease);
	-webkit-mask: url("../icons/arrow.svg") center / contain no-repeat; mask: url("../icons/arrow.svg") center / contain no-repeat;
}
.inv-svc:hover .inv-svc__title a { color: var(--inv-red); }
.inv-svc:hover .inv-svc__title a::after { opacity: 1; transform: none; }
.inv-svc__text { font-size: .93rem; color: var(--inv-muted); margin-top: 4px !important; }

/* ---------- Warum Invictus (Unterseiten-Raster) ---------- */
.inv-why-grid { display: grid !important; grid-template-columns: 1fr 1fr; gap: 28px 32px !important; margin-top: 32px !important; }
.inv-why-grid > * { margin: 0 !important; }
.inv-why-grid h3 { font-size: 1.08rem; margin: 0 0 6px; }
.inv-why-grid p { font-size: .95rem; margin: 0; }

/* ---------- Partner: alle Kacheln gleich, Logos in Originalfarbe ---------- */
.inv-partners { display: grid !important; grid-template-columns: repeat(7, 1fr); gap: 12px !important; }
.inv-partners .wp-block-image { margin: 0; background: #fff; border: 1px solid var(--inv-line); border-radius: var(--inv-radius); height: 96px; display: grid; place-items: center; padding: 18px 22px; }
.inv-partners .wp-block-image { padding: 14px 12px; }
.inv-partners .wp-block-image img { max-height: 52px; max-width: 100%; width: auto; object-fit: contain; }
/* Logos optisch angleichen: kompakte Marken etwas kleiner, reine Wortmarken etwas kleiner, Siegel mit Kleingedrucktem voll */
.inv-partners img[src*="sophos"], .inv-partners img[src*="proxmox"] { max-height: 44px; }
.inv-partners img[src*="iserv"], .inv-partners img[src*="tarox"] { max-height: 32px; }
.inv-partners img[src*="veeam"], .inv-partners img[src*="gamma"] { max-height: 24px; }

/* ---------- Veranstaltungen & Stellen ---------- */
.inv-events { display: grid; grid-template-columns: repeat(3, 1fr); gap: 16px; }
.inv-event { background: #fff; border: 1px solid var(--inv-line); border-radius: var(--inv-radius); padding: 24px; display: flex; flex-direction: column; }
.inv-event__date { display: flex; align-items: center; gap: 14px; margin-bottom: 16px; }
.inv-event__cal { width: 60px; flex: none; text-align: center; border: 1px solid var(--inv-navy); border-radius: var(--inv-radius); overflow: hidden; }
.inv-event__cal span { display: block; background: var(--inv-navy); color: #fff; font-size: .72rem; font-weight: 700; text-transform: uppercase; padding: 3px 0; }
.inv-event__cal b { display: block; font-size: 1.5rem; color: var(--inv-ink); line-height: 1.4; font-variant-numeric: tabular-nums; }
.inv-event__type { font-size: .85rem; font-weight: 600; color: var(--inv-muted); }
.inv-event h3 { font-size: 1.12rem; margin: 2px 0 0; }
.inv-event p { font-size: .92rem; margin: 0 0 18px; }
.inv-event p img { display: inline; width: 15px; height: 15px; vertical-align: -2px; margin-right: 6px; opacity: .7; }
.inv-jobs { display: grid; gap: 12px; }
.inv-job { display: flex; justify-content: space-between; align-items: center; gap: 20px; flex-wrap: wrap; background: #fff; border: 1px solid var(--inv-line); border-radius: var(--inv-radius); padding: 22px 26px; text-decoration: none; color: var(--inv-ink); transition: border-color .2s; }
.inv-job:hover { border-color: var(--inv-navy); color: var(--inv-ink); }
.inv-job strong { display: block; font-size: 1.15rem; }
.inv-job small { color: var(--inv-muted); font-size: .9rem; }
.inv-job .inv-more { display: inline-flex; gap: 8px; align-items: center; font-weight: 700; color: var(--inv-navy); }
.inv-job .inv-more::after { content: ""; width: 18px; height: 18px; background: currentColor; -webkit-mask: url("../icons/arrow.svg") center / contain no-repeat; mask: url("../icons/arrow.svg") center / contain no-repeat; }
.inv-empty { color: var(--inv-muted); }

/* ---------- FAQ ---------- */
/* FAQ bündig mit der Überschrift (gleiche linke Kante), Text bleibt schmal */
.inv-faq > * { max-width: 860px; }
.inv-faq .wp-block-details { margin: 0 !important; padding: 0; }
.inv-faq summary { list-style: none; cursor: pointer; padding: 22px 48px 22px 0; position: relative; font-weight: 700; color: var(--inv-ink); font-size: 1.06rem; }
.inv-faq summary::-webkit-details-marker { display: none; }
.inv-faq summary::after { content: ""; position: absolute; right: 8px; top: 50%; width: 10px; height: 10px; border-right: 2px solid var(--inv-navy); border-bottom: 2px solid var(--inv-navy); transform: translateY(-70%) rotate(45deg); transition: transform .25s var(--inv-ease); }
.inv-faq details[open] summary::after { transform: translateY(-30%) rotate(-135deg); }
.inv-faq summary:hover { color: var(--inv-red); }
.inv-faq .wp-block-details > :not(summary) { padding-right: 48px; margin-top: 0; padding-bottom: 8px; }

/* ---------- Tabellen ---------- */
.wp-block-table.inv-table table { border-collapse: collapse; width: 100%; border-top: 2px solid var(--inv-navy); }
.wp-block-table.inv-table td, .wp-block-table.inv-table th { border: 0; border-bottom: 1px solid var(--inv-line); padding: 14px 16px 14px 0; text-align: left; vertical-align: top; }
.wp-block-table.inv-table td:first-child { font-weight: 700; color: var(--inv-ink); width: 32%; }
.wp-block-table.inv-table thead th { color: var(--inv-ink); }

/* ---------- Kontakt-Sektion & Formular ---------- */
.inv-person { display: flex !important; gap: 16px; align-items: center; border: 1px solid var(--inv-on-dark-line); border-radius: var(--inv-radius); padding: 16px !important; margin: 28px 0 !important; }
.inv-person .wp-block-image { margin: 0; flex: none; }
.inv-person p { margin: 0; font-size: .92rem; color: var(--inv-on-dark-muted); }
.inv-person strong { display: block; color: #fff; font-size: 1rem; }
.inv-person .inv-person__icon { width: 48px; height: 48px; border-radius: var(--inv-radius); border: 1px solid var(--inv-on-dark-line); display: grid; place-items: center; }
.inv-person .inv-person__icon img { width: 24px; height: 24px; object-fit: contain; filter: brightness(0) invert(1); }
.inv-contact-lines p { margin: 0 0 6px; }
.inv-contact-lines a { font-weight: 700; text-decoration: none; }
.inv-contact-lines a:hover { text-decoration: underline; }

.inv-form { background: #fff; border-radius: var(--inv-radius); padding: clamp(24px, 4vw, 40px); color: var(--inv-text); }
.inv-form h3 { font-size: 1.3rem; margin: 0 0 4px; color: var(--inv-ink) !important; }
.inv-form fieldset { border: 0; padding: 0; margin: 20px 0 0; min-width: 0; }
.inv-form fieldset > .inv-form__label { margin-top: 0; }
.inv-form__label { font-size: .88rem; font-weight: 700; color: var(--inv-ink); margin: 20px 0 10px; display: block; padding: 0; }
.inv-form__label small, .inv-form__more small { font-weight: 500; color: var(--inv-muted); }
.inv-chips { display: flex; flex-wrap: wrap; gap: 8px; }
.inv-chip { position: relative; }
.inv-chip input { position: absolute; opacity: 0; pointer-events: none; }
.inv-chip span { display: inline-flex; align-items: center; min-height: 44px; padding: 0 14px; border: 1px solid var(--inv-line-strong); border-radius: var(--inv-radius); font-size: .92rem; font-weight: 600; cursor: pointer; color: var(--inv-ink); transition: background-color .15s, border-color .15s, color .15s; user-select: none; }
.inv-chip span:hover { border-color: var(--inv-navy); }
.inv-chip input:checked + span { background: var(--inv-navy); border-color: var(--inv-navy); color: #fff; }
.inv-chip input:focus-visible + span { outline: 2px solid var(--inv-navy); outline-offset: 2px; }
.inv-form__more { margin-top: 16px; }
.inv-form__more summary { cursor: pointer; list-style: none; font-size: .88rem; font-weight: 700; color: var(--inv-ink); padding: 10px 0; min-height: 44px; display: flex; align-items: center; gap: 6px; }
.inv-form__more summary::-webkit-details-marker { display: none; }
.inv-form__more summary::after { content: ""; width: 8px; height: 8px; margin-left: 6px; border-right: 2px solid var(--inv-navy); border-bottom: 2px solid var(--inv-navy); transform: translateY(-2px) rotate(45deg); transition: transform .25s var(--inv-ease); }
.inv-form__more[open] summary::after { transform: translateY(2px) rotate(-135deg); }
.inv-form__more fieldset { margin-top: 4px; }
.inv-fields { display: grid; grid-template-columns: 1fr 1fr; gap: 14px; margin-top: 20px; }
.inv-field { display: flex; flex-direction: column; gap: 6px; }
.inv-field--full { grid-column: 1 / -1; }
.inv-field label { font-size: .88rem; font-weight: 700; color: var(--inv-ink); }
.inv-field input, .inv-field textarea { font: inherit; font-size: 1rem; padding: 12px 14px; border: 1px solid var(--inv-line-strong); border-radius: var(--inv-radius); background: #fff; color: var(--inv-ink); }
.inv-field input:focus, .inv-field textarea:focus { border-color: var(--inv-navy); outline: 2px solid var(--inv-navy); outline-offset: 0; }
.inv-field textarea { min-height: 110px; resize: vertical; }
.inv-field ::placeholder { color: var(--inv-muted); opacity: 1; }
.inv-consent { display: flex; gap: 10px; font-size: .92rem; margin: 18px 0 20px; color: var(--inv-text); line-height: 1.5; }
.inv-consent input { margin-top: 3px; width: 18px; height: 18px; accent-color: var(--inv-navy); flex: none; }
.inv-consent a { color: var(--inv-navy) !important; }
.inv-form .inv-btn { width: 100%; }
.inv-form__note { text-align: center; font-size: .88rem; color: var(--inv-muted); margin: 12px 0 0; }
.inv-form__success { text-align: center; padding: 40px 10px; }
.inv-form__success img { margin: 0 auto 14px; }
.inv-form__error { background: var(--inv-error-bg); color: var(--inv-error); padding: 12px 16px; border-radius: var(--inv-radius); font-size: .95rem; }
.inv-form__error a { color: var(--inv-error); font-weight: 700; }
.inv-hp { position: absolute !important; left: -9999px; width: 1px; height: 1px; overflow: hidden; }

/* ---------- Abschluss-Band ---------- */
.inv-cta { background: var(--inv-navy); color: var(--inv-on-dark); }
.inv-cta h2 { color: #fff; }

/* ---------- Karte betreute Schulen ---------- */
.inv-map { margin: 0; background: #fff; border: 1px solid var(--inv-line); border-radius: var(--inv-radius); padding: 20px; }
.inv-map img { width: 100%; height: auto; aspect-ratio: 1240 / 1354; }
.inv-map.is-plain { border: 0; padding: 0; margin-top: 32px; max-width: 440px; }
.inv-map.is-plain .wp-element-caption { text-align: left; }
.inv-map .wp-element-caption { font-size: .88rem; color: var(--inv-muted); text-align: center; margin-top: 10px; }
.inv-bignum { font-size: clamp(2.6rem, 6vw, 4rem) !important; font-weight: 800; color: var(--inv-navy); line-height: 1; letter-spacing: -.03em; margin-bottom: 8px !important; font-variant-numeric: tabular-nums; }

/* ---------- Zeitleiste ---------- */
.inv-timeline { list-style: none; padding: 0 !important; margin: 0 !important; }
.inv-timeline li { padding: 16px 0; border-top: 1px solid var(--inv-line); }
.inv-timeline li:first-child { border-top: 2px solid var(--inv-navy); }
.inv-timeline strong { color: var(--inv-red); font-variant-numeric: tabular-nums; }

/* ---------- Fußbereich ---------- */
.inv-footer { background: var(--inv-navy-deep); color: var(--inv-on-dark-muted); font-size: .93rem; padding-top: 72px !important; }
.inv-footer .inv-footer__title { color: #fff; font-size: .95rem; letter-spacing: 0; margin: 0 0 12px; }
.inv-footer a { color: var(--inv-on-dark); text-decoration: none; }
.inv-footer a:hover { color: #fff; text-decoration: underline; }
.inv-footer .wp-block-list { list-style: none; padding: 0; margin: 0; display: grid; gap: 0; }
.inv-footer .wp-block-list a { display: inline-block; padding: 6px 0; }
.inv-footer .inv-logo img { width: 200px; }
.inv-socials { display: flex !important; gap: 8px !important; margin-top: 20px !important; }
.inv-socials .wp-block-image { margin: 0; }
.inv-socials a { width: 44px; height: 44px; border-radius: var(--inv-radius); border: 1px solid var(--inv-on-dark-line); display: grid; place-items: center; }
.inv-socials a:hover { background: var(--inv-red); border-color: var(--inv-red); }
.inv-socials img { width: 18px; height: 18px; filter: brightness(0) invert(1); }
.inv-footer__bottom { border-top: 1px solid var(--inv-on-dark-line); padding-top: 22px !important; padding-bottom: 22px !important; margin-top: 56px !important; font-size: .88rem; }
.inv-footer__bottom p { margin: 0; }
.inv-footer__bottom .wp-block-list { display: flex; flex-wrap: wrap; gap: 0 20px; }

/* ---------- Mobile Kontaktleiste ---------- */
.inv-mobilebar { display: none; }
@media (max-width: 640px) {
	body { padding-bottom: 64px; }
	.inv-mobilebar { display: grid; grid-template-columns: 1fr 1fr 1.3fr; position: fixed; left: 0; right: 0; bottom: 0; z-index: 60; background: #fff; border-top: 1px solid var(--inv-line); }
	.inv-mobilebar a { display: flex; flex-direction: column; align-items: center; justify-content: center; gap: 2px; padding: 9px 4px; font-size: .78rem; font-weight: 700; color: var(--inv-ink); text-decoration: none; min-height: 60px; }
	.inv-mobilebar img { width: 22px; height: 22px; }
	.inv-mobilebar a.is-primary { background: var(--inv-red); color: #fff; }
	.inv-mobilebar a.is-primary img { filter: brightness(0) invert(1); }
}

/* ---------- Beiträge / Textseiten ---------- */
.inv-article { padding-top: clamp(40px, 6vw, 72px) !important; padding-bottom: var(--inv-section) !important; }
.inv-article .wp-block-post-title { font-size: clamp(2rem, 4vw, 2.8rem); }
.inv-postcards .wp-block-post { background: #fff; border: 1px solid var(--inv-line); border-radius: var(--inv-radius); padding: 24px; }
.inv-postcards .wp-block-post-title { font-size: 1.2rem; }
.inv-postcards .wp-block-post-title a { text-decoration: none; color: var(--inv-ink); }

/* ---------- Responsive ---------- */
@media (max-width: 980px) {
	.inv-steps, .inv-steps.is-5, .inv-cards.is-4 { grid-template-columns: repeat(2, 1fr); }
	.inv-events { grid-template-columns: 1fr; }
	.inv-cards { grid-template-columns: repeat(2, 1fr); }
	.inv-card.is-featured, .is-style-inv-card.is-featured { grid-column: 1 / -1; grid-row: auto; }
	.inv-partners { grid-template-columns: repeat(4, 1fr); }
	.inv-svc-groups { grid-template-columns: 1fr; }
	.inv-doors { grid-template-columns: repeat(2, 1fr); }
	.inv-door:nth-child(3) { border-left: 0; padding-left: 0 !important; }
	.inv-door:nth-child(n+3) { border-top: 1px solid var(--inv-line); }
}
@media (max-width: 781px) {
	.inv-hero__cols { gap: 32px !important; }
	.inv-hero h1 { max-width: none; }
	.inv-photo { max-width: 560px; }
}
@media (max-width: 640px) {
	.is-style-inv-checks.is-cols-2, .inv-why-grid, .inv-fields, .inv-cards, .inv-cards.is-2, .inv-cards.is-4, .inv-steps, .inv-steps.is-5 { grid-template-columns: 1fr; }
	.inv-partners { grid-template-columns: repeat(2, 1fr); }
	.inv-hero .wp-block-buttons .wp-block-button, .inv-pagehero .wp-block-buttons .wp-block-button { width: 100%; }
	.inv-hero .wp-block-buttons .wp-element-button, .inv-pagehero .wp-block-buttons .wp-element-button { width: 100%; }
	.inv-doors { grid-template-columns: 1fr; }
	.inv-door, .inv-door:nth-child(3) { border-left: 0; padding: 18px 0 !important; }
	.inv-door + .inv-door { border-top: 1px solid var(--inv-line); }
	.inv-footer .wp-block-list a { padding: 10px 0; }
}
@media (prefers-reduced-motion: reduce) {
	html { scroll-behavior: auto; }
	*, *::before, *::after { transition-duration: .01s !important; animation: none !important; }
}
.inv-topbar p::before { content: ""; width: 15px; height: 15px; background: currentColor; opacity: .8; -webkit-mask: url("../icons/phone.svg") center / contain no-repeat; mask: url("../icons/phone.svg") center / contain no-repeat; }
.inv-topbar p.inv-topbar__mail::before { -webkit-mask-image: url("../icons/mail.svg"); mask-image: url("../icons/mail.svg"); }
.inv-topbar p.inv-topbar__right::before { display: none; }
.inv-logo img { aspect-ratio: 210 / 41; }

/* ---------- Aufklappmenü: Icon links, Titel + Beschreibung untereinander ---------- */
.inv-header .wp-block-navigation .wp-block-navigation__submenu-container .wp-block-navigation-item { width: 100%; }
.inv-header .wp-block-navigation .wp-block-navigation__submenu-container .wp-block-navigation-item__content {
	display: grid !important; grid-template-columns: 24px 1fr; column-gap: 14px; align-items: center;
	width: 100%; padding: 10px 12px; border-radius: var(--inv-radius); white-space: normal;
}
.inv-header .wp-block-navigation__submenu-container .wp-block-navigation-item__content::before {
	content: ""; grid-row: 1 / span 2; width: 24px; height: 24px;
	background: url("../icons/layers.svg") center / contain no-repeat;
}
.inv-header .wp-block-navigation__submenu-container .wp-block-navigation-item__label,
.inv-header .wp-block-navigation__submenu-container .wp-block-navigation-item__description { grid-column: 2; }
.inv-header .wp-block-navigation__submenu-container .wp-block-navigation-item__label { line-height: 1.3; color: var(--inv-ink); }
.inv-header .wp-block-navigation__submenu-container .wp-block-navigation-item__content:hover { background: var(--inv-soft); }
.inv-header .wp-block-navigation__submenu-container .wp-block-navigation-item__content:hover .wp-block-navigation-item__label { color: var(--inv-red); }
.inv-header .wp-block-navigation__submenu-container a[href*="it-betreuung"]::before { background-image: url("../icons/activity.svg"); }
.inv-header .wp-block-navigation__submenu-container a[href*="it-sicherheit"]::before { background-image: url("../icons/shield.svg"); }
.inv-header .wp-block-navigation__submenu-container a[href*="backup"]::before { background-image: url("../icons/backup.svg"); }
.inv-header .wp-block-navigation__submenu-container a[href*="server"]::before { background-image: url("../icons/server.svg"); }
.inv-header .wp-block-navigation__submenu-container a[href*="netzwerk"]::before { background-image: url("../icons/wifi.svg"); }
.inv-header .wp-block-navigation__submenu-container a[href*="telefonie"]::before { background-image: url("../icons/headset.svg"); }
.inv-header .wp-block-navigation__submenu-container a[href*="dokumentenmanagement"]::before { background-image: url("../icons/file.svg"); }
.inv-header .wp-block-navigation__submenu-container a[href*="erp"]::before { background-image: url("../icons/chart.svg"); }
.inv-header .wp-block-navigation__submenu-container a[href*="zeiterfassung"]::before { background-image: url("../icons/timer.svg"); }
.inv-header .wp-block-navigation__submenu-container a[href*="/schulen/"]::before { background-image: url("../icons/school.svg"); }
.inv-header .wp-block-navigation__submenu-container a[href*="/kommunen/"]::before { background-image: url("../icons/landmark.svg"); }
.inv-header .wp-block-navigation__submenu-container a[href*="/industrie/"]::before { background-image: url("../icons/factory.svg"); }
.inv-header .wp-block-navigation__submenu-container a[href*="/praxen-kanzleien/"]::before { background-image: url("../icons/praxis.svg"); }
@media (min-width: 1101px) {
	.inv-header .inv-mega > .wp-block-navigation__submenu-container { width: 660px !important; gap: 2px 8px; padding: 14px; }
	.inv-header .wp-block-navigation-submenu:not(.inv-mega) > .wp-block-navigation__submenu-container { width: 340px !important; padding: 14px; }
}

/* ---------- Handy-Menü (Overlay) ---------- */
.inv-header .wp-block-navigation__responsive-container.is-menu-open {
	background: #fff !important; color: var(--inv-ink) !important; padding: 20px 24px 96px !important;
}
.inv-header .wp-block-navigation__responsive-container.is-menu-open .wp-block-navigation__responsive-container-content { align-items: flex-start !important; padding-top: 48px !important; }
.inv-header .wp-block-navigation__responsive-container.is-menu-open .wp-block-navigation__container { align-items: flex-start !important; gap: 2px !important; width: 100%; }
.inv-header .wp-block-navigation__responsive-container.is-menu-open .wp-block-navigation-item { align-items: flex-start !important; width: 100%; }
.inv-header .wp-block-navigation__responsive-container.is-menu-open .wp-block-navigation-item__content {
	font-size: 1.2rem; font-weight: 700; padding: 8px 0 !important; color: var(--inv-ink); background: none;
}
.inv-header .wp-block-navigation__responsive-container.is-menu-open .wp-block-navigation__submenu-container {
	border: 0 !important; box-shadow: none !important; background: transparent !important;
	padding: 0 0 10px 14px !important; margin: 0 !important; min-width: 0 !important; width: 100% !important;
	border-left: 1px solid var(--inv-line) !important; border-radius: 0 !important; transform: none !important;
}
.inv-header .wp-block-navigation__responsive-container.is-menu-open .wp-block-navigation__submenu-container .wp-block-navigation-item__content {
	font-size: 1rem; font-weight: 500; padding: 8px 0 !important; color: var(--inv-text);
}
.inv-header .wp-block-navigation__responsive-container-close { top: 18px !important; right: 18px !important; padding: 10px; }
.inv-header .wp-block-navigation .wp-block-navigation__responsive-container.is-menu-open .wp-block-navigation-item__content { display: block !important; }
.inv-header .wp-block-navigation .wp-block-navigation__responsive-container.is-menu-open .wp-block-navigation-item__content::before { display: none !important; }
.inv-header .wp-block-navigation .wp-block-navigation__responsive-container.is-menu-open .wp-block-navigation-item__description { display: none !important; }

/* Raster: WordPress-Blockabstand nach oben in allen Rastern abschalten (Abstand regelt das Raster selbst) */
:is(.inv-cards, .inv-steps, .inv-partners, .inv-why-grid, .inv-doors, .inv-svc-groups, .inv-svc-group) > * { margin-block-start: 0 !important; }

/* ---------- Intelligenter Kopfbereich ----------
   oben: alles sichtbar · runterscrollen: Kopf gleitet weg · hochscrollen: nur Hauptleiste kommt zurück */
.wp-site-blocks > header.is-hidden { transform: translateY(-100%); }
.wp-site-blocks > header.is-pinned { transform: translateY(calc(-1 * var(--inv-topbar-h, 40px))); }
.wp-site-blocks > header.is-pinned .inv-header { box-shadow: 0 1px 0 var(--inv-line), 0 8px 24px rgba(15, 28, 64, .06); }

/* „Fernwartung“ nur im Handy-Menü (am Desktop steht der Link in der oberen Leiste) */
.inv-header .wp-block-navigation__container > .inv-nav-mobile { display: none; }
.inv-header .is-menu-open .wp-block-navigation__container > .inv-nav-mobile { display: flex; }
/* Kein automatischer WordPress-Abstand zwischen oberer Leiste und Hauptleiste */
.inv-header-wrap > * { margin-block-start: 0 !important; }