/* Übernahme aus der bisherigen Website (T-1, 24.10.2026)
   Teil 1: Grundtypografie, die Colibri (extend-builder) global gesetzt hat. Viele Seiteninhalte
   verlassen sich darauf. Teil 2: «Zusätzliches CSS» aus dem Customizer von peregrine
   (wp-custom-css, Stand 24.10.2026), wörtlich übernommen; es ist an das Theme gebunden und
   ginge beim Wechsel sonst verloren. Regeln mit Colibri-Klassen bleiben wirkungslos. */
@font-face{font-family:'Muli';font-style:normal;font-weight:200 900;font-display:swap;src:url('../fonts/muli-normal-latin.woff2') format('woff2');unicode-range:U+0000-00FF,U+0131,U+0152-0153,U+02BB-02BC,U+02C6,U+02DA,U+02DC,U+0304,U+0308,U+0329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}
@font-face{font-family:'Muli';font-style:normal;font-weight:200 900;font-display:swap;src:url('../fonts/muli-normal-latin-ext.woff2') format('woff2');unicode-range:U+0100-02BA,U+02BD-02C5,U+02C7-02CC,U+02CE-02D7,U+02DD-02FF,U+1D00-1DBF,U+1E00-1E9F,U+1EF2-1EFF,U+2020,U+20A0-20AB,U+20AD-20C0,U+2113,U+2C60-2C7F,U+A720-A7FF}
body{font-family:Roboto,Arial,Helvetica,sans-serif;font-weight:400;font-size:16px;line-height:1.6}
body a{font-family:Roboto,Arial,Helvetica,sans-serif;font-weight:400;text-decoration:none;font-size:1em;line-height:1.5}
body p{margin-bottom:16px;font-family:Roboto,Arial,Helvetica,sans-serif;font-weight:400;font-size:16px;line-height:1.6}
body h1{margin-bottom:16px;font-family:Roboto,Arial,Helvetica,sans-serif;font-weight:700;font-size:4.4em;line-height:1.26}
body h2{margin-bottom:16px;font-family:Roboto,Arial,Helvetica,sans-serif;font-weight:300;font-size:2.625em;line-height:1.143}
body h3{margin-bottom:16px;font-family:Roboto,Arial,Helvetica,sans-serif;font-weight:300;font-size:2.25em;line-height:1.25}
body h4{margin-bottom:16px;font-family:Roboto,Arial,Helvetica,sans-serif;font-weight:400;font-size:1.25em;line-height:1.6}
body h5{margin-bottom:16px;font-family:Roboto,Arial,Helvetica,sans-serif;font-weight:400;font-size:1.125em;line-height:1.55}
body h6{margin-bottom:16px;font-family:Roboto,Arial,Helvetica,sans-serif;font-weight:400;font-size:1em;line-height:1.6}
@media (min-width:768px) and (max-width:1023px){body h1{font-size:4em}}
@media (max-width:767px){body h1{font-size:3em}}
html,body{overflow-x:hidden} /* wie bisher (Colibri) */
/* Kopf und Navigation des neuen Themes behalten ihre eigene Schrift */
.sl-header a,.sl-header p{font-size:inherit;line-height:inherit;margin:0}

/* ── Teil 2: Zusätzliches CSS (peregrine) ── */

/* STOP.LI: Einheitlicher Header und kein Theme-Hero auf Inhaltsseiten. */
.page-header #hero{display:none !important}
.h-navigation_outer,.h-navigation{background:#07090b !important;min-height:76px !important}
.h-navigation_outer{position:relative !important}
.h-logo__text{display:none !important}
[data-placeholder-provider="navigation-logo"] a{width:48px;height:48px;background:url("https://stop.li/wp-content/uploads/2026/07/logo-stop.li-1024.png") center/contain no-repeat !important}
[data-placeholder-provider="navigation-logo"]{flex:0 0 76px !important}
/* STOP.LI: Das Animationssignal der Startseite bleibt sichtbar. */
.stop-reset .sr-scope .sr-motion{z-index:10 !important;opacity:1 !important;mix-blend-mode:normal !important;filter:none !important}
.stop-reset .sr-scope:before,.stop-reset .sr-scope:after,.stop-reset .sr-scope .sr-core,.stop-reset .sr-scope .sr-line,.stop-reset .sr-scope .sr-read{display:none !important}

/* AI-Act: Hero-Kontrast */
body.page-id-177 .ai-hero .ai-kicker,
body.page-id-177 .ai-hero .ai-hero-title,
body.page-id-177 .ai-hero .ai-hero-title em,
body.page-id-177 .ai-hero .ai-signal b { color: #c9ff2f !important; opacity: 1 !important; }


/* STOP.LI: Sichtbarkeit des Header-Logos auf dunklem Grund. */
.h-navigation_outer a[rel="home"] {
  filter: brightness(1.9) saturate(1.45) contrast(1.12) drop-shadow(0 0 7px rgba(127, 209, 255, .58));
}


/* STOP.LI / Analyse: Reifegrad DORA, NIS2 und CRA */
body.page-id-658,
body.page-id-658 #page-top,
body.page-id-658 #content,
body.page-id-658 .page-content,
body.page-id-658 .h-section,
body.page-id-658 .h-section-boxed-container,
body.page-id-658 .h-row-container,
body.page-id-658 .h-row,
body.page-id-658 .h-col {
  background: #070c10 !important;
  color: #eaf0ec !important;
}
body.page-id-658 #content {
  background-image: radial-gradient(circle at 78% 6%, rgba(108, 149, 221, .16), transparent 28rem), radial-gradient(circle at 18% 12%, rgba(201, 255, 47, .09), transparent 24rem) !important;
}
body.page-id-658 .h-section-global-spacing,
body.page-id-658 .h-section-boxed-container { padding: 0 !important; }
body.page-id-658 #post-658 {
  width: min(100%, 1180px);
  margin: 0 auto;
  padding: clamp(72px, 9vw, 144px) clamp(24px, 5vw, 80px) 112px;
}
body.page-id-658 #post-658 > div > p:first-child {
  margin: 0 0 22px;
  color: #c9ff2f !important;
  font: 800 11px/1.2 ui-monospace, SFMono-Regular, Menlo, Monaco, Consolas, monospace;
  letter-spacing: .18em;
  text-transform: uppercase;
}
body.page-id-658 #post-658 h1,
body.page-id-658 #post-658 h2,
body.page-id-658 #post-658 h3 {
  color: #f3f7f4 !important;
  font-family: Muli, Arial, sans-serif !important;
  font-weight: 800 !important;
  letter-spacing: -.045em;
}
body.page-id-658 #post-658 h1 {
  max-width: 900px;
  margin: 0 0 26px;
  font-size: clamp(48px, 8.2vw, 104px) !important;
  line-height: .92;
  text-transform: uppercase;
}
body.page-id-658 #post-658 h1::after {
  content: "ANALYSE";
  display: block;
  margin-top: 13px;
  color: #c9ff2f;
  font: 800 clamp(13px, 1.4vw, 18px)/1 ui-monospace, SFMono-Regular, Menlo, Monaco, Consolas, monospace;
  letter-spacing: .18em;
}
body.page-id-658 #post-658 h1 + p,
body.page-id-658 #post-658 h1 + p + p {
  max-width: 860px;
  color: #d6dfda !important;
  font-size: clamp(18px, 2vw, 24px);
  line-height: 1.55;
}
body.page-id-658 #post-658 p,
body.page-id-658 #post-658 li {
  color: #b8c4bd !important;
  font-size: 16px;
  line-height: 1.72;
}
body.page-id-658 #post-658 strong { color: #f2f7f3 !important; }
body.page-id-658 #post-658 hr.wp-block-separator {
  width: 56px;
  margin: 64px 0 26px;
  border: 0;
  border-top: 2px solid #c9ff2f !important;
}
body.page-id-658 #post-658 h2 {
  margin: 0 0 24px;
  font-size: clamp(31px, 4.2vw, 54px) !important;
  line-height: 1;
}
body.page-id-658 #post-658 h3 {
  margin: 0 0 20px;
  color: #c9ff2f !important;
  font-size: clamp(24px, 3vw, 40px) !important;
  line-height: 1.04;
}
body.page-id-658 #post-658 h2 + p strong:first-child,
body.page-id-658 #post-658 h3 + p strong:first-child {
  color: #c9ff2f !important;
}
body.page-id-658 #post-658 figure.wp-block-table {
  margin: 30px 0 34px;
  overflow-x: auto;
  border: 1px solid rgba(201,255,47,.38);
  border-radius: 2px;
  background: rgba(10, 18, 22, .82);
  box-shadow: 0 20px 55px rgba(0,0,0,.22);
}
body.page-id-658 #post-658 table {
  width: 100%;
  min-width: 720px;
  border-collapse: collapse;
  background: transparent !important;
}
body.page-id-658 #post-658 th,
body.page-id-658 #post-658 td {
  padding: 15px 17px !important;
  border: 1px solid rgba(184, 201, 194, .2) !important;
  color: #dce5df !important;
  vertical-align: top;
  line-height: 1.42;
}
body.page-id-658 #post-658 th {
  background: rgba(201,255,47,.1) !important;
  color: #c9ff2f !important;
  font-weight: 800 !important;
  letter-spacing: .04em;
  text-transform: uppercase;
}
body.page-id-658 #post-658 blockquote {
  margin: 34px 0;
  padding: 24px 28px;
  border-left: 3px solid #c9ff2f !important;
  background: linear-gradient(90deg, rgba(201,255,47,.11), rgba(201,255,47,.025));
}
body.page-id-658 #post-658 blockquote p { margin: 0; color: #e5eee8 !important; }
body.page-id-658 #post-658 .wp-block-button__link {
  border-radius: 0 !important;
  background: #c9ff2f !important;
  color: #07100d !important;
  font-weight: 900;
  box-shadow: 0 10px 28px rgba(201,255,47,.22);
}
body.page-id-658 #post-658 a:not(.wp-block-button__link) { color: #c9ff2f !important; text-underline-offset: .2em; }
body.page-id-658 #post-658 .wp-block-list { padding-left: 1.25em; }
body.page-id-658 #post-658 .wp-block-list li::marker { color: #c9ff2f; }
@media (max-width: 700px) {
  body.page-id-658 #post-658 { padding: 64px 22px 80px; }
  body.page-id-658 #post-658 h1 { font-size: clamp(45px, 16vw, 72px) !important; }
  body.page-id-658 #post-658 p,
  body.page-id-658 #post-658 li { font-size: 16px; }
  body.page-id-658 #post-658 th,
  body.page-id-658 #post-658 td { padding: 13px !important; }
}

/* STOP.LI: Kontrast auf dunklen Seiten. Ersetzt die Theme-Standardfarben (body a, body h1-h3, body p) bei gleicher Spezifität; seiteneigene Regeln bleiben vorrangig. */
:where(body:not(.privacy-policy)) main a{color:#c9ff2f;text-underline-offset:.18em}
:where(body:not(.privacy-policy)) main a:hover{color:#e4ff9a}
:where(body:not(.privacy-policy)) main h1{color:#f3f7f4}
:where(body:not(.privacy-policy)) main h2,:where(body:not(.privacy-policy)) main h3{color:#eef7f3}
:where(body:not(.privacy-policy)) main p{color:#c3d3cd}
:where(body) .stopli-library__inner p{color:#c3d3cd}
:where(main) .stn-node span{color:#a9b8b2}
:where(main) .fn-scenario h3,:where(main) .sr-final h2{color:#1f2a26}
:where(main) .fn-scenario p,:where(main) .sr-final p{color:#3d4a45}
:where(main) .sr-final .sr-object h3{color:#eef7f3}
:where(main) .sr-final .sr-object p{color:#c3d3cd}
.skip-link{color:#c9ff2f;background:#07090b}
body.page-id-658 #post-658 a.wp-block-file__button{color:#07100d !important}
/* STOP.LI: Tabellen der Inhaltsseiten – Spalten nicht unter Lesbreite. */
.tc-table th,.tc-table td{min-width:7.5rem}
.tc-table td,.tc-table th{hyphens:auto;overflow-wrap:break-word}
/* STOP.LI: ISMS-Prozessleiste einheitlich (auch auf Seiten ohne eigenen Stilblock). */
.stopli-isms-process-links{background:#061014;border-bottom:1px solid rgba(222,240,234,.18);color:#b7c8c2;font:700 10px/1.5 ui-monospace,SFMono-Regular,Menlo,monospace;letter-spacing:.08em;text-transform:uppercase}
.stopli-isms-process-links__w{width:min(1280px,100%);margin:auto;padding:15px clamp(22px,6vw,76px) 17px}
.stopli-isms-process-links span{color:#b7c8c2}
.stopli-isms-process-links a{color:#c9ff2f!important;text-decoration:none;white-space:nowrap}
.stopli-isms-process-links a:hover,.stopli-isms-process-links a:focus-visible{text-decoration:underline;outline:none}
.stopli-isms-process-links i{padding:0 7px;color:#607670;font-style:normal}
@media(max-width:520px){.stopli-isms-process-links__w{padding:13px 20px 15px}.stopli-isms-process-links i{padding:0 4px}}

/* STOP.LI: Tabellen (sg-table) – Spaltenbreiten nach Textmenge statt fester Prozentwerte (Desktop). */
@media (min-width:821px){.sg-table td,.sg-table th{width:auto!important;min-width:8rem}.sg td:first-child,.sg td:nth-child(2),.sg td:nth-child(3),.sg td:last-child{width:auto}}