/* NapfDetektiv 1.0.0 | konsolidierte Komponenten- und Responsive-Styles */

.napfdetektiv-root { --petrol:#1f4d43; --sage:#6e8f7a; --ochre:#e3b24c; --blue:#5d7fa6; --ink:#2b2b2b; --cream:#fbf7ee; --card:#fffdf8; --line:#e8decd; --good:#eaf4ee; --warn:#fff1c9; --info:#e8f0f7; font:17px "Source Sans 3","Segoe UI",Arial,sans-serif; line-height:1.55; }

.napfdetektiv-root * { box-sizing:border-box; }

.napfdetektiv-root h1,
.napfdetektiv-root h2,
.napfdetektiv-root h3,
.napfdetektiv-root .logo { font-family:Montserrat,"Segoe UI",Arial,sans-serif; color:var(--petrol); }

.napfdetektiv-root h1 { font-size:clamp(2.5rem,7vw,5rem); line-height:1; margin:.2em 0; }

.napfdetektiv-root h2 { font-size:clamp(1.8rem,4vw,2.8rem); line-height:1.12; }

.napfdetektiv-root h3 { margin-bottom:.45rem; }

.napfdetektiv-root .w { margin:auto; padding:0 24px; }

.napfdetektiv-root header { position:sticky; top:0; z-index:10; }

.napfdetektiv-root nav { display:flex; align-items:center; justify-content:space-between; }

.napfdetektiv-root .logo { font-size:1.45rem; font-weight:900; }

.napfdetektiv-root .logo small { display:block; font-size:.55rem; color:#ad7921; letter-spacing:.1em; }

.napfdetektiv-root .links { display:flex; gap:20px; font-weight:700; }

.napfdetektiv-root .links a { color:var(--ink); text-decoration:none; }

.napfdetektiv-root section { padding:64px 0; }

.napfdetektiv-root .hero { display:grid; }

.napfdetektiv-root .lead { font-size:1.18rem; }

.napfdetektiv-root .btn { border:0; border-radius:10px; padding:15px 21px; background:var(--ochre); font-weight:900; cursor:pointer; font-size:1rem; }

.napfdetektiv-root .btn:disabled { opacity:.45; cursor:not-allowed; }

.napfdetektiv-root .btn.green { background:var(--petrol); color:#fff; }

.napfdetektiv-root .btn.ghost { background:transparent; border:1px solid var(--line); box-shadow:none; }

.napfdetektiv-root .bruno { min-height:330px; background:#efe6d5; border-radius:28px; display:grid; place-items:center; text-align:center; padding:25px; border:1px solid var(--line); }

.napfdetektiv-root .alt { background:#f2ebdf; }

.napfdetektiv-root .grid2 { display:grid; gap:18px; }

.napfdetektiv-root .grid2 { grid-template-columns:repeat(2,1fr); }

.napfdetektiv-root .card { background:var(--card); border:1px solid var(--line); border-radius:16px; padding:22px; }

.napfdetektiv-root footer { background:var(--petrol); color:#fff; padding:35px 0; }

.napfdetektiv-root #checkApp { display:none; }

.napfdetektiv-root .checkwrap { margin:34px auto 60px; padding:0 20px; }

.napfdetektiv-root .checkcard { background:#fff; border:1px solid var(--line); border-radius:24px; padding:28px; box-shadow:0 12px 30px #0000000d; }

.napfdetektiv-root .eyebrow { color:#a97721; font-weight:900; letter-spacing:.08em; text-transform:uppercase; font-size:.78rem; }

.napfdetektiv-root .option { display:block; border:1px solid #d8cebd; border-radius:14px; padding:15px 16px; background:#fff; cursor:pointer; }

.napfdetektiv-root .newsletterOption { margin-top:10px; }

.napfdetektiv-root .option:hover,
.napfdetektiv-root .option.selected { border-color:var(--petrol); background:#edf3ef; }

.napfdetektiv-root .option input { margin-right:10px; }

.napfdetektiv-root input[type=text],
.napfdetektiv-root input[type=number],
.napfdetektiv-root input[type=email],
.napfdetektiv-root textarea { width:100%; border:1px solid #d8cebd; border-radius:12px; padding:14px 15px; font:inherit; background:#fff; margin-top:10px; }

.napfdetektiv-root .tip { background:#edf3ef; color:var(--petrol); padding:14px 16px; border-radius:14px; margin:14px 0; }

.napfdetektiv-root .info { background:var(--info); }

.napfdetektiv-root .actions { display:flex; gap:10px; flex-wrap:wrap; margin-top:20px; }

.napfdetektiv-root .screen { display:none; }

.napfdetektiv-root .screen.active { display:block; }

.napfdetektiv-root .finding { border:1px solid var(--line); border-radius:16px; padding:16px; margin:10px 0; }

.napfdetektiv-root .dimension { display:inline-block; font-size:.78rem; font-weight:900; letter-spacing:.04em; text-transform:uppercase; padding:4px 8px; border-radius:999px; background:#f2ebdf; color:var(--petrol); margin-bottom:6px; }

.napfdetektiv-root .finding.info { background:var(--info); }

.napfdetektiv-root .locked { border:1px dashed #b9b0a2; border-radius:13px; padding:13px 15px; color:#6f685e; margin-top:9px; }

.napfdetektiv-root .small { font-size:.9rem; }

.napfdetektiv-root .hidden { display:none !important; }

/* Futter-Check / persönliche Fallakte — eigenständige Komponenten.
   Die gemeinsamen Regeln bleiben die Referenz für Landingpage und Vergleich.
   Der Rahmen gilt nur bei aktivem Check-Screen, niemals im compareScreen.
   !important nur für Eigenschaften, die gemeinsame Theme-Schutzregeln setzen. */
.napfdetektiv-root #checkApp:has(.screen.active:not(#compareScreen)) {
  background-color:var(--cream);
  background-image:
    linear-gradient(rgba(31,77,67,.035) 1px, transparent 1px),
    radial-gradient(circle at 10% 12%, rgba(227,178,76,.13), transparent 28%),
    radial-gradient(circle at 92% 88%, rgba(110,143,122,.12), transparent 26%);
  background-size:100% 32px, auto, auto;
  padding:46px 0 64px !important;
}
.napfdetektiv-root #checkApp .checkwrap:has(.screen.active:not(#compareScreen)) {
  width:min(calc(100% - 48px), 840px) !important;
  max-width:840px !important;
  margin:0 auto;
  padding:0;
}
.napfdetektiv-root #checkApp .checkcard:has(> .screen.active:not(#compareScreen)) {
  position:relative;
  overflow:hidden;
  padding:0;
  border:1px solid rgba(31,77,67,.24);
  border-radius:18px;
  background:var(--card);
  box-shadow:0 18px 44px rgba(40,43,43,.11), 0 2px 8px rgba(40,43,43,.05);
}
.napfdetektiv-root #checkApp .checkcard:has(> .screen.active:not(#compareScreen))::before {
  content:"";
  position:absolute;
  inset:0 auto auto 0;
  z-index:2;
  width:100%;
  height:5px;
  background:linear-gradient(90deg, var(--nd-petrol) 0 72%, var(--nd-ochre) 72% 100%);
}
.napfdetektiv-root #checkApp .checkcard:has(> .screen.active:not(#compareScreen)) > .logo {
  position:relative;
  margin:0;
  padding:25px 44px 22px;
  border-bottom:1px solid rgba(31,77,67,.20);
  background:
    linear-gradient(90deg, rgba(110,143,122,.16), rgba(241,245,241,.76)),
    var(--nd-sage-pale);
  font-size:1.04rem;
  letter-spacing:.055em;
  text-transform:uppercase;
}
.napfdetektiv-root #checkApp .checkcard:has(> .screen.active:not(#compareScreen)) > .logo::after {
  content:"";
  position:absolute;
  right:44px;
  bottom:-1px;
  width:92px;
  height:3px;
  background:var(--nd-ochre);
}

/* Screens und Aktenkopf: keine Änderung an display/active/hidden. */
.napfdetektiv-root #checkApp .screen:not(#compareScreen) {
  position:relative;
  background:transparent;
  min-width:0;
  padding:42px 48px 46px;
  color:var(--nd-charcoal);
}
.napfdetektiv-root #checkApp .screen:not(#compareScreen) > h2 {
  max-width:680px;
  margin:18px 0 20px;
  font-size:clamp(1.85rem, 3.6vw, 2.65rem) !important;
  line-height:1.12;
  letter-spacing:-.025em;
  overflow-wrap:anywhere;
}
.napfdetektiv-root #checkApp .screen:not(#compareScreen) p { line-height:1.65; }
.napfdetektiv-root #checkApp .screen:not(#compareScreen) .eyebrow {
  display:inline-flex;
  align-items:center;
  gap:9px;
  min-height:30px;
  padding:5px 12px 5px 10px;
  border:1px solid rgba(31,77,67,.27);
  border-left:4px solid var(--nd-ochre);
  border-radius:3px 8px 8px 3px;
  background:linear-gradient(90deg, var(--nd-sage-soft), var(--nd-sage-pale));
  color:var(--nd-petrol) !important;
  font-size:.69rem;
  font-weight:800;
  letter-spacing:.13em;
  box-shadow:0 2px 0 rgba(31,77,67,.06);
}
.napfdetektiv-root #checkApp .screen:not(#compareScreen) .eyebrow::before {
  content:"";
  width:6px;
  height:6px;
  flex:0 0 6px;
  border:1px solid var(--nd-sage);
  border-radius:50%;
  background:var(--card);
  box-shadow:0 0 0 3px rgba(110,143,122,.13);
}
.napfdetektiv-root #s0 > p:not(.small) {
  max-width:650px;
  margin:0 0 16px;
  font-size:1.08rem;
}
.napfdetektiv-root #s0 > .small {
  max-width:650px;
  margin:20px 0 0;
  padding:13px 16px;
  border-block:1px solid rgba(31,77,67,.13);
  background:rgba(241,245,241,.72);
  font-size:.84rem;
}
.napfdetektiv-root #quizScreen .progress {
  position:relative;
  height:9px;
  margin:0 0 30px;
  border:1px solid rgba(31,77,67,.16);
  background:
    radial-gradient(circle, rgba(31,77,67,.22) 1.5px, transparent 1.8px) 3px 50% / 13px 9px repeat-x,
    var(--nd-sage-pale);
  border-radius:999px;
  overflow:hidden;
}
.napfdetektiv-root #quizScreen .progress > div { height:100%; background:linear-gradient(90deg, var(--nd-sage), var(--nd-petrol)); border-radius:999px; transition:width .2s ease; }

/* Eingaben und Antwortflächen. Native Controls bleiben sichtbar und bedienbar. */
.napfdetektiv-root #checkApp .screen:not(#compareScreen) :is(input[type=text], input[type=number], input[type=email], textarea) {
  min-height:52px;
  margin-top:0;
  padding:14px 16px;
  border:1px solid var(--nd-border);
  border-radius:10px;
  background:var(--nd-white);
  color:var(--nd-petrol);
  font-size:1rem;
}
.napfdetektiv-root #checkApp .screen:not(#compareScreen) :is(input, textarea, button):focus-visible {
  outline:2px solid var(--nd-petrol) !important;
  outline-offset:3px;
}
.napfdetektiv-root #qbody .options { display:grid; gap:12px; margin:0 0 22px; }
.napfdetektiv-root #checkApp .screen:not(#compareScreen) label.option {
  grid-template-columns:22px minmax(0, 1fr);
  align-items:start;
  column-gap:12px;
  min-height:60px;
  padding:17px 18px !important;
  border:1px solid rgba(31,77,67,.19) !important;
  border-radius:9px !important;
  background:linear-gradient(90deg, rgba(251,247,238,.62), var(--nd-white) 34%) !important;
  box-shadow:0 3px 9px rgba(40,43,43,.045);
  transition:background-color .15s ease, border-color .15s ease, box-shadow .15s ease;
}
.napfdetektiv-root #checkApp .screen:not(#compareScreen) label.option:hover {
  background:var(--nd-sage-pale) !important;
  border-color:var(--nd-sage) !important;
  box-shadow:0 4px 12px rgba(40,43,43,.07);
}
.napfdetektiv-root #checkApp .screen:not(#compareScreen) label.option:has(input:checked) {
  background:var(--nd-sage-soft) !important;
  border-color:var(--nd-petrol) !important;
  box-shadow:inset 4px 0 0 var(--nd-petrol), 0 3px 10px rgba(40,43,43,.06);
}
.napfdetektiv-root #checkApp .screen:not(#compareScreen) label.option:focus-within {
  outline:2px solid var(--nd-petrol);
  outline-offset:3px;
}
.napfdetektiv-root #checkApp .screen:not(#compareScreen) label.option > input {
  width:19px !important;
  height:19px;
  margin:3px 0 0 !important;
  accent-color:var(--nd-petrol);
}
.napfdetektiv-root #checkApp .screen:not(#compareScreen) .optionText {
  color:var(--nd-petrol);
  font-size:1rem !important;
  line-height:1.45 !important;
}
.napfdetektiv-root #checkApp .screen:not(#compareScreen) .optionSubtext {
  margin-top:6px;
  font-size:.9rem;
  line-height:1.5 !important;
}
.napfdetektiv-root #checkApp #qbody #numInput {
  border-bottom-left-radius:0;
  border-bottom-right-radius:0;
}
.napfdetektiv-root #numInput + .small {
  padding:5px 16px 8px;
  border:1px solid var(--nd-border);
  border-top:0;
  border-radius:0 0 10px 10px;
  background:var(--nd-sage-pale);
  color:var(--nd-petrol) !important;
  text-align:right;
}
.napfdetektiv-root #qbody .options:has(input[value=other]) { margin-bottom:8px; }
.napfdetektiv-root #checkApp #qbody #otherText {
  width:calc(100% - 34px);
  margin-left:34px;
  min-height:100px;
  background:var(--nd-sage-pale);
  resize:vertical;
}
.napfdetektiv-root #amountBlock {
  padding-top:20px;
  margin-top:24px;
  border-top:1px solid var(--nd-border);
}
.napfdetektiv-root #amountBlock h3 { margin:0 0 18px; font-size:1.1rem; line-height:1.4; }

/* Hinweise und Aktionen. Sekundäraktionen bleiben trotz globaler Gold-Regeln ruhig. */
.napfdetektiv-root #checkApp .screen:not(#compareScreen) .tip {
  position:relative;
  padding:17px 18px;
  margin:22px 0;
  border:1px solid rgba(31,77,67,.15);
  border-left:4px solid var(--nd-sage);
  border-radius:4px 10px 10px 4px;
  background:linear-gradient(90deg, var(--nd-sage-pale), rgba(241,245,241,.55));
  font-size:.93rem;
  line-height:1.55;
}
.napfdetektiv-root #checkApp #qbody:has(input[name=current][value=listed]) > .tip {
  background:var(--info);
  border-left-color:var(--nd-blue);
}
.napfdetektiv-root #checkApp .screen:not(#compareScreen) .actions {
  align-items:center;
  gap:14px;
  margin-top:32px;
  padding-top:24px;
  border-top:1px solid rgba(31,77,67,.18);
}
.napfdetektiv-root #checkApp .screen:not(#compareScreen) .btn {
  min-height:48px;
  padding:13px 20px;
  border:1px solid transparent !important;
  border-radius:10px !important;
  background:var(--nd-ochre) !important;
  color:var(--nd-petrol) !important;
  box-shadow:0 5px 12px rgba(76,57,18,.12) !important;
  font-size:.9rem;
  line-height:1.4;
  white-space:normal;
  overflow-wrap:anywhere;
}
.napfdetektiv-root #checkApp .screen:not(#compareScreen) .btn:hover {
  background:var(--nd-ochre-hover) !important;
  transform:none;
  filter:none;
  box-shadow:none !important;
}
.napfdetektiv-root #checkApp .screen:not(#compareScreen) .btn.ghost {
  background:transparent !important;
  border-color:var(--nd-border) !important;
  box-shadow:none !important;
}
.napfdetektiv-root #checkApp .screen:not(#compareScreen) .btn.ghost:hover { background:var(--nd-sage-pale) !important; }

/* Sofortergebnis und vollständige Fallakte: Status ist keine Qualitätsnote. */
.napfdetektiv-root #teaserScreen .summarygrid { display:grid; grid-template-columns:repeat(3,minmax(0,1fr)); gap:12px; margin:24px 0; }
.napfdetektiv-root #teaserScreen .sum { padding:16px 12px; border:1px solid rgba(31,77,67,.17); border-radius:8px; background:linear-gradient(180deg, var(--nd-sage-pale), var(--card)); text-align:center; }
.napfdetektiv-root #teaserScreen .sum strong { display:block; margin-bottom:2px; font-size:1.45rem; color:var(--nd-petrol); }
.napfdetektiv-root #teaserScreen .locked { padding:14px 17px; border-style:solid; background:var(--cream); font-size:.92rem; }
.napfdetektiv-root #teaserScreen .ndCaseRequest { margin-top:32px; padding-top:24px; border-top:1px solid rgba(31,77,67,.18); }
.napfdetektiv-root #loadingScreen .loader { display:grid; gap:10px; margin:24px 0; }
.napfdetektiv-root #loadingScreen .loader > div { padding:14px 16px; border-left:3px solid var(--nd-sage); border-radius:4px 9px 9px 4px; background:var(--nd-sage-pale); color:var(--nd-petrol); }
.napfdetektiv-root #dogMeta {
  padding:16px 18px;
  margin:0 0 32px;
  border:1px solid rgba(31,77,67,.18);
  border-left:4px solid var(--nd-ochre);
  border-radius:4px 9px 9px 4px;
  background:linear-gradient(90deg, var(--nd-sage-soft), var(--nd-sage-pale));
  color:var(--nd-petrol);
  font-weight:700;
  overflow-wrap:anywhere;
}
.napfdetektiv-root #checkApp .screen:not(#compareScreen) .finding {
  position:relative;
  padding:24px 24px 22px;
  margin:18px 0;
  border:1px solid var(--nd-border) !important;
  border-top-width:4px !important;
  border-radius:10px !important;
  box-shadow:0 5px 15px rgba(40,43,43,.055) !important;
}
.napfdetektiv-root #checkApp .screen:not(#compareScreen) .finding.good { background:linear-gradient(135deg, var(--good), #f9fcfa 72%); border-top-color:var(--nd-sage) !important; }
.napfdetektiv-root #checkApp .screen:not(#compareScreen) .finding.warn { background:linear-gradient(135deg, var(--warn), #fffaf0 72%); border-top-color:var(--nd-ochre) !important; }
.napfdetektiv-root #checkApp .screen:not(#compareScreen) .finding.info { background:linear-gradient(135deg, var(--info), #f8fbfd 72%); border-top-color:var(--nd-blue) !important; }
.napfdetektiv-root #checkApp .screen:not(#compareScreen) .finding .dimension {
  padding:4px 8px;
  margin-bottom:10px;
  border:1px solid rgba(31,77,67,.14);
  border-radius:4px;
  background:rgba(255,255,255,.56);
  color:var(--nd-petrol) !important;
  font-size:.68rem;
}
.napfdetektiv-root #checkApp .screen:not(#compareScreen) .finding h3 { margin:0 0 12px; font-size:1.22rem; line-height:1.3; }
.napfdetektiv-root #checkApp .screen:not(#compareScreen) .finding > b { display:inline-block; padding:4px 8px; border-radius:4px; background:rgba(255,255,255,.62); font-size:.78rem; letter-spacing:.035em; color:var(--nd-petrol); }
.napfdetektiv-root #checkApp .screen:not(#compareScreen) .finding > p { margin:12px 0 0; }
.napfdetektiv-root #checkApp .screen:not(#compareScreen) .finding > p:has(> b) {
  padding:15px 16px;
  margin-top:20px;
  border:1px solid rgba(31,77,67,.13);
  border-radius:7px;
  background:rgba(255,255,255,.48);
}
.napfdetektiv-root #checkApp .screen:not(#compareScreen) .finding > p > b { display:block; margin-bottom:5px; color:var(--nd-petrol); }
.napfdetektiv-root #checkApp #fullScreen > .finding.info:has(#finalSummary) {
  padding:30px;
  margin:34px 0 38px;
  border-color:var(--nd-petrol) !important;
  border-top-width:5px !important;
  background:linear-gradient(135deg, var(--nd-sage-soft), var(--card) 74%);
  box-shadow:0 10px 28px rgba(31,77,67,.11) !important;
}
.napfdetektiv-root #checkApp #fullScreen > .finding.info h3 { font-size:1.5rem; }
.napfdetektiv-root #fullScreen :is(#conversionNormal, #conversionCritical) { padding-top:30px; margin-top:34px; border-top:2px solid rgba(31,77,67,.18); }
.napfdetektiv-root #conversionNormal .grid2 { align-items:stretch; gap:16px; }
.napfdetektiv-root #conversionNormal .card {
  display:flex;
  flex-direction:column;
  padding:22px;
  border:1px solid var(--nd-border) !important;
  border-radius:9px !important;
  background:linear-gradient(180deg, var(--nd-sage-pale), var(--card)) !important;
  box-shadow:0 4px 12px rgba(40,43,43,.05) !important;
}
.napfdetektiv-root #conversionNormal .card h3 { margin-top:0; font-size:1.08rem; line-height:1.4; }
.napfdetektiv-root #conversionNormal .card .btn { margin-top:auto; }

/* Mobile: eigenständige Abstände, unveränderte Reihenfolge und Sichtbarkeit. */
@media (max-width:780px) {
  .napfdetektiv-root #checkApp:has(.screen.active:not(#compareScreen)) { padding:24px 0 38px !important; }
  .napfdetektiv-root #checkApp .checkwrap:has(.screen.active:not(#compareScreen)) { width:calc(100% - 24px) !important; }
  .napfdetektiv-root #checkApp .checkcard:has(> .screen.active:not(#compareScreen)) { padding:0; border-radius:14px; }
  .napfdetektiv-root #checkApp .checkcard:has(> .screen.active:not(#compareScreen)) > .logo { padding:21px 22px 18px; font-size:.9rem; }
  .napfdetektiv-root #checkApp .checkcard:has(> .screen.active:not(#compareScreen)) > .logo::after { right:22px; width:62px; }
  .napfdetektiv-root #checkApp .screen:not(#compareScreen) { padding:30px 24px 32px; }
  .napfdetektiv-root #checkApp .screen:not(#compareScreen) > h2 { font-size:clamp(1.65rem, 7.2vw, 2.1rem) !important; margin:16px 0 19px; }
  .napfdetektiv-root #s0 > p:not(.small) { font-size:1rem; }
  .napfdetektiv-root #checkApp .screen:not(#compareScreen) .actions { margin-top:26px; padding-top:20px; }
  .napfdetektiv-root #conversionNormal .grid2 { grid-template-columns:minmax(0, 1fr); }
}
@media (max-width:640px) {
  .napfdetektiv-root #checkApp .screen:not(#compareScreen) label.option { padding:14px 12px !important; column-gap:10px !important; }
  .napfdetektiv-root #checkApp .screen:not(#compareScreen) .finding { padding:19px 16px 18px; }
  .napfdetektiv-root #checkApp .screen:not(#compareScreen) .finding h3 { font-size:1.08rem; }
  .napfdetektiv-root #checkApp .screen:not(#compareScreen) .eyebrow { letter-spacing:.05em; }
  .napfdetektiv-root #checkApp #fullScreen > .finding.info:has(#finalSummary) { padding:22px 18px; }
  .napfdetektiv-root #teaserScreen .summarygrid { grid-template-columns:minmax(0, 1fr); }
  .napfdetektiv-root #teaserScreen .sum { display:flex; align-items:center; gap:12px; text-align:left; }
  .napfdetektiv-root #teaserScreen .sum strong { min-width:1.5em; }
}

.napfdetektiv-root .compareHero { background:#edf3ef; border:1px solid var(--line); border-radius:18px; padding:20px; margin:18px 0; }

.napfdetektiv-root .transparency { background:#fff8e8; border:1px solid #ead7a8; border-radius:16px; padding:18px; margin:18px 0; }

.napfdetektiv-root .criteria { display:grid; gap:10px; margin:18px 0; }

.napfdetektiv-root .criterion { background:#fff; border:1px solid var(--line); border-radius:14px; padding:14px; }

.napfdetektiv-root .productGrid { display:grid; grid-template-columns:1fr 1fr; gap:16px; margin:18px 0; }

.napfdetektiv-root .productCard { background:var(--card); border:1px solid var(--line); border-radius:18px; padding:20px; }

.napfdetektiv-root .productCard h3 { margin-top:.2rem; }

.napfdetektiv-root .badge { display:inline-block; font-size:.76rem; font-weight:900; padding:4px 8px; text-transform:uppercase; letter-spacing:.04em; }

.napfdetektiv-root .shopExit { background:var(--petrol); color:#fff; border-radius:18px; padding:20px; margin-top:20px; }

.napfdetektiv-root .shopExit h3 { color:#fff; }

.napfdetektiv-root .compareTable { width:100%; border-collapse:collapse; margin:14px 0; }

.napfdetektiv-root .compareTable th,
.napfdetektiv-root .compareTable td { text-align:left; vertical-align:top; padding:10px; border-bottom:1px solid var(--line); }

@media(max-width:780px) {
  .napfdetektiv-root .productGrid { grid-template-columns:1fr; }

  .napfdetektiv-root .compareTable { font-size:.92rem; }

}

@media(max-width:780px) {
  .napfdetektiv-root .hero,
.napfdetektiv-root .grid2 { grid-template-columns:1fr; }

  .napfdetektiv-root .links { display:none; }

  .napfdetektiv-root .actions { flex-direction:column; }

  .napfdetektiv-root .actions .btn { width:100%; }

}

.napfdetektiv-root { width:100% !important; max-width:none !important; margin:0 !important; padding:0 !important; overflow-x:hidden !important; }

.napfdetektiv-root .w { width:min(calc(100% - 32px), 1100px) !important; max-width:1100px !important; margin-left:auto !important; margin-right:auto !important; padding-left:0 !important; padding-right:0 !important; }

.napfdetektiv-root .checkwrap { width:min(calc(100% - 24px), 760px) !important; max-width:760px !important; margin-left:auto !important; margin-right:auto !important; }

.napfdetektiv-root img,
.napfdetektiv-root svg,
.napfdetektiv-root video,
.napfdetektiv-root iframe { max-width:100% !important; height:auto !important; }

.napfdetektiv-root .card,
.napfdetektiv-root .productCard,
.napfdetektiv-root .finding,
.napfdetektiv-root .criterion { min-width:0 !important; overflow-wrap:anywhere; }

@media (max-width: 780px) {
  .napfdetektiv-root .w { width:min(calc(100% - 24px), 1100px) !important; }

  .napfdetektiv-root section { padding-top:42px !important; padding-bottom:42px !important; }

  .napfdetektiv-root .hero { padding-top:36px !important; padding-bottom:36px !important; gap:24px !important; }

  .napfdetektiv-root h1 { font-size:clamp(2.15rem, 10vw, 3.4rem) !important; }

  .napfdetektiv-root h2 { font-size:clamp(1.55rem, 7vw, 2.2rem) !important; }

  .napfdetektiv-root .btn { width:100% !important; min-height:48px; }

  .napfdetektiv-root .option { min-height:52px; }

}

body.napfdetektiv-app-page { overflow-x:hidden !important; }

body.napfdetektiv-app-page .wp-block-post-title,
body.napfdetektiv-app-page .entry-title,
body.napfdetektiv-app-page .page-title { display:none !important; }

body.napfdetektiv-app-page .wp-site-blocks > header,
body.napfdetektiv-app-page .wp-site-blocks > footer,
body.napfdetektiv-app-page header.wp-block-template-part,
body.napfdetektiv-app-page footer.wp-block-template-part,
body.napfdetektiv-app-page #masthead,
body.napfdetektiv-app-page #colophon { display:none !important; }

body.napfdetektiv-app-page main,
body.napfdetektiv-app-page .wp-block-post-content,
body.napfdetektiv-app-page .entry-content,
body.napfdetektiv-app-page .site-main,
body.napfdetektiv-app-page .content-area { width:100% !important; max-width:none !important; margin:0 !important; padding:0 !important; }

body.napfdetektiv-app-page .napfdetektiv-root { position:relative !important; left:50% !important; right:50% !important; width:100vw !important; max-width:100vw !important; margin-left:-50vw !important; margin-right:-50vw !important; padding:0 !important; overflow-x:clip !important; }

body.napfdetektiv-app-page .napfdetektiv-root,
body.napfdetektiv-app-page .napfdetektiv-root > *,
body.napfdetektiv-app-page .napfdetektiv-root .w,
body.napfdetektiv-app-page .napfdetektiv-root .checkwrap { box-sizing:border-box !important; }

@supports not (overflow: clip) {
  body.napfdetektiv-app-page .napfdetektiv-root { overflow-x:hidden !important; }

}

.napfdetektiv-root .heroKicker { display:block; font-weight:800; }

.napfdetektiv-root label.option { display:grid !important; grid-template-columns:20px minmax(0, 1fr) !important; column-gap:10px !important; align-items:start !important; width:100%; }

.napfdetektiv-root label.option > input { grid-column:1 !important; margin:3px 0 0 0 !important; width:auto !important; min-width:0 !important; }

.napfdetektiv-root .optionText { grid-column:2 !important; min-width:0 !important; display:block !important; text-align:left !important; line-height:1.35 !important; word-break:normal !important; overflow-wrap:break-word !important; hyphens:auto; }

.napfdetektiv-root .optionText b { display:block; }

.napfdetektiv-root .optionSubtext { display:block !important; margin-top:4px; line-height:1.35 !important; }

@media (max-width: 640px) {
  .napfdetektiv-root .compareTable,
.napfdetektiv-root .compareTable tbody { display:block !important; width:100% !important; min-width:0 !important; }

  .napfdetektiv-root .compareTable tr { display:block !important; width:100% !important; margin:0 0 10px 0 !important; padding:12px !important; border:1px solid var(--line) !important; border-radius:12px !important; background:#fff !important; }

  .napfdetektiv-root .compareTable tr:first-child { display:none !important; }

  .napfdetektiv-root .compareTable td,
.napfdetektiv-root .compareTable th { display:block !important; width:100% !important; min-width:0 !important; max-width:none !important; padding:0 !important; border:0 !important; word-break:normal !important; overflow-wrap:break-word !important; hyphens:auto; }

  .napfdetektiv-root .compareTable td:first-child { font-weight:800 !important; color:var(--petrol) !important; margin-bottom:5px !important; }

}

@media (max-width: 780px) {
  .napfdetektiv-root .heroKicker { font-size:clamp(.66rem, 2.75vw, .82rem) !important; letter-spacing:.035em !important; white-space:nowrap !important; }

  .napfdetektiv-root label.option { padding:13px 14px !important; }

  .napfdetektiv-root .optionText { font-size:.98rem !important; }

}

@media (max-width: 340px) {
  .napfdetektiv-root .heroKicker { white-space:normal !important; text-align:left; }

}

.napfdetektiv-root,
.napfdetektiv-root p,
.napfdetektiv-root li,
.napfdetektiv-root label,
.napfdetektiv-root input,
.napfdetektiv-root textarea,
.napfdetektiv-root select,
.napfdetektiv-root .small,
.napfdetektiv-root .optionText,
.napfdetektiv-root .finding,
.napfdetektiv-root .criterion,
.napfdetektiv-root td { font-family:"Source Sans 3", "Segoe UI", Arial, sans-serif !important; }

.napfdetektiv-root h1,
.napfdetektiv-root h2,
.napfdetektiv-root h3,
.napfdetektiv-root h4,
.napfdetektiv-root h5,
.napfdetektiv-root h6,
.napfdetektiv-root .logo,
.napfdetektiv-root .btn,
.napfdetektiv-root button,
.napfdetektiv-root .eyebrow,
.napfdetektiv-root .badge,
.napfdetektiv-root .dimension,
.napfdetektiv-root .heroKicker,
.napfdetektiv-root th { font-family:"Montserrat", "Segoe UI", Arial, sans-serif !important; }

.napfdetektiv-root h1 { font-weight:800 !important; letter-spacing:-0.025em; }

.napfdetektiv-root h2,
.napfdetektiv-root h3 { font-weight:700 !important; letter-spacing:-0.012em; }

.napfdetektiv-root .btn,
.napfdetektiv-root button { font-weight:800 !important; }

.napfdetektiv-root p,
.napfdetektiv-root li,
.napfdetektiv-root .optionText { font-weight:400; }

.napfdetektiv-root { --nd-blue:#5D7FA6; --nd-cream:#FBF7EF; --nd-cream-2:#F5EFE4; --nd-border:rgba(31, 77, 67, 0.15); --nd-shadow:0 8px 24px rgba(40, 43, 43, 0.08); --nd-shadow-soft:0 3px 12px rgba(40, 43, 43, 0.06); border-radius:20px; }

.napfdetektiv-root .card,
.napfdetektiv-root .finding { border:1px solid var(--nd-border) !important; border-radius:16px !important; box-shadow:var(--nd-shadow-soft) !important; }

.napfdetektiv-root h1,
.napfdetektiv-root h2,
.napfdetektiv-root h3,
.napfdetektiv-root h4,
.napfdetektiv-root h5,
.napfdetektiv-root h6,
.napfdetektiv-root .logo,
.napfdetektiv-root .heroKicker { color:var(--nd-petrol) !important; }

.napfdetektiv-root .eyebrow,
.napfdetektiv-root .dimension { color:var(--nd-sage) !important; text-transform:uppercase; letter-spacing:.08em; }

.napfdetektiv-root .btn,
.napfdetektiv-root button,
.napfdetektiv-root input[type="submit"] { background:var(--nd-ochre) !important; color:#17211e !important; border:1px solid rgba(31, 77, 67, .18) !important; border-radius:11px !important; box-shadow:0 4px 10px rgba(40, 43, 43, .10) !important; transition:transform .15s ease, box-shadow .15s ease, filter .15s ease; }

.napfdetektiv-root .btn:hover,
.napfdetektiv-root button:hover,
.napfdetektiv-root input[type="submit"]:hover { filter:brightness(.97); transform:translateY(-1px); box-shadow:0 6px 14px rgba(40, 43, 43, .13) !important; }

.napfdetektiv-root .btn:focus-visible,
.napfdetektiv-root button:focus-visible,
.napfdetektiv-root input:focus-visible,
.napfdetektiv-root textarea:focus-visible,
.napfdetektiv-root select:focus-visible { outline:3px solid rgba(93, 127, 166, .35) !important; outline-offset:2px; }

.napfdetektiv-root label.option,
.napfdetektiv-root .option { border:1px solid rgba(31, 77, 67, .18) !important; border-radius:13px !important; box-shadow:none !important; }

.napfdetektiv-root label.option:hover,
.napfdetektiv-root .option:hover { border-color:rgba(31, 77, 67, .34) !important; }

.napfdetektiv-root input[type="radio"],
.napfdetektiv-root input[type="checkbox"] { accent-color:var(--nd-petrol); }

.napfdetektiv-root .badge { background:rgba(110, 143, 122, .14) !important; color:var(--nd-petrol) !important; border:1px solid rgba(110, 143, 122, .24) !important; border-radius:999px !important; }

.napfdetektiv-root progress { accent-color:var(--nd-petrol); }

.napfdetektiv-root table { border-color:var(--nd-border) !important; }

.napfdetektiv-root td { color:var(--nd-charcoal) !important; border-color:rgba(31, 77, 67, .10) !important; }

.napfdetektiv-root a { color:var(--nd-petrol); text-decoration-color:rgba(31, 77, 67, .35); }

.napfdetektiv-root a:hover { color:#143b33; }

.napfdetektiv-root .small { color:#58625f !important; }

.napfdetektiv-root .card { padding-top:clamp(16px, 2.5vw, 24px); padding-bottom:clamp(16px, 2.5vw, 24px); }

@media (max-width: 640px) {
  .napfdetektiv-root { border-radius:14px; }

  .napfdetektiv-root .card,
.napfdetektiv-root .finding { border-radius:13px !important; box-shadow:0 3px 10px rgba(40, 43, 43, .055) !important; }

  .napfdetektiv-root .btn,
.napfdetektiv-root button,
.napfdetektiv-root input[type="submit"] { border-radius:10px !important; }

}

.napfdetektiv-root { --nd-petrol:#1F4D43; --nd-sage:#6E8F7A; --nd-ochre:#E3B24C; --nd-charcoal:#282B2B; --nd-white:#fff; --nd-sage-pale:#F1F5F1; --nd-sage-soft:#E7EEE8; --nd-ochre-hover:#D9A63A; background:var(--nd-white) !important; color:var(--nd-charcoal) !important; }

.napfdetektiv-root main,
.napfdetektiv-root .screen { background:var(--nd-white); }

.napfdetektiv-root .card,
.napfdetektiv-root #compareScreen .finding { background:var(--nd-white) !important; }

.napfdetektiv-root>section:nth-of-type(even),
.napfdetektiv-root main>section:nth-of-type(even),
.napfdetektiv-root .screen>section:nth-of-type(even) { background:var(--nd-sage-pale) !important; }

.napfdetektiv-root h1,
.napfdetektiv-root h2,
.napfdetektiv-root h3,
.napfdetektiv-root .logo,
.napfdetektiv-root .heroKicker { color:var(--nd-petrol) !important; }

.napfdetektiv-root .btn,
.napfdetektiv-root button,
.napfdetektiv-root input[type=submit] { background:var(--nd-ochre) !important; color:#17211E !important; }

.napfdetektiv-root .btn:hover,
.napfdetektiv-root button:hover,
.napfdetektiv-root input[type=submit]:hover { background:var(--nd-ochre-hover) !important; }

.napfdetektiv-root label.option,
.napfdetektiv-root .option { background:#fff !important; }

.napfdetektiv-root label.option:hover,
.napfdetektiv-root .option:hover { background:var(--nd-sage-pale) !important; }

.napfdetektiv-root label.option:has(input:checked),
.napfdetektiv-root .option:has(input:checked) { background:var(--nd-sage-soft) !important; border-color:var(--nd-sage) !important; }

.napfdetektiv-root th { background:var(--nd-petrol) !important; color:#fff !important; }

.napfdetektiv-root tbody tr:nth-child(even) td { background:var(--nd-sage-pale) !important; }

.napfdetektiv-root tbody tr:nth-child(odd) td { background:#fff !important; }

.napfdetektiv-root header { border-bottom:1px solid rgba(31,77,67,.12) !important; }

.napfdetektiv-root nav { height:auto; }

.napfdetektiv-root .ndBrandLogo { display:block; line-height:0; text-decoration:none; }

.napfdetektiv-root .ndBrandLogo img { display:block; width:100%; height:auto; max-height:62px; object-fit:contain; object-position:left center; }

.napfdetektiv-root .hero { overflow:hidden; }

.napfdetektiv-root .hero h1 { color:#1F4D43 !important; }

.napfdetektiv-root .hero .startCheck { background:#E3B24C !important; color:#17211e !important; box-shadow:0 8px 20px rgba(227,178,76,.22); }

.napfdetektiv-root .ndBrunoHero { padding:0 !important; border:0 !important; border-radius:0 !important; background:transparent !important; box-shadow:none !important; display:flex !important; }

.napfdetektiv-root .ndBrunoHero img { display:block; height:auto; object-position:center bottom; }

.napfdetektiv-root .heroKicker { color:#6E8F7A !important; letter-spacing:.08em; }

@media(max-width:780px) {
  .napfdetektiv-root nav { min-height:64px; padding:8px 0; }

  .napfdetektiv-root .ndBrandLogo { width:min(255px,72vw); }

  .napfdetektiv-root .ndBrandLogo img { max-height:50px; }

  .napfdetektiv-root .hero { display:flex !important; flex-direction:column !important; gap:18px !important; padding:38px 0 26px !important; }

  .napfdetektiv-root .hero>div:first-child { width:100%; }

  .napfdetektiv-root .ndBrunoHero { min-height:300px !important; width:100%; margin-top:4px; }

  .napfdetektiv-root .ndBrunoHero img { width:min(100%,430px); max-height:390px; }

}

.napfdetektiv-root header { background:#fff !important; box-shadow:0 1px 0 rgba(31,77,67,.10); }

.napfdetektiv-root nav { min-height:88px; padding:12px 0; }

.napfdetektiv-root .ndBrandLogo { width:min(390px,40vw); }

.napfdetektiv-root nav .links { display:flex; align-items:center; justify-content:flex-end; gap:clamp(18px,2.5vw,34px); }

.napfdetektiv-root nav .links>a { color:#1F4D43 !important; font-family:"Montserrat","Segoe UI",Arial,sans-serif !important; font-weight:800 !important; font-size:.86rem; text-decoration:none !important; white-space:nowrap; }

.napfdetektiv-root .ndHeaderCta { width:auto !important; min-height:46px !important; padding:11px 18px !important; border-radius:11px !important; background:#E3B24C !important; color:#17211e !important; font-family:"Montserrat","Segoe UI",Arial,sans-serif !important; font-weight:800 !important; white-space:nowrap; box-shadow:none !important; }

.napfdetektiv-root .hero { grid-template-columns:minmax(0,.92fr) minmax(420px,1.08fr) !important; gap:clamp(24px,3.5vw,58px) !important; min-height:620px; padding:clamp(52px,6vw,78px) 0 36px !important; align-items:center !important; }

.napfdetektiv-root .hero>div:first-child { max-width:680px; position:relative; z-index:2; }

.napfdetektiv-root .hero h1 { max-width:680px !important; font-size:clamp(3.15rem,5vw,5.2rem) !important; line-height:.98 !important; letter-spacing:-.045em !important; margin:14px 0 24px !important; }

.napfdetektiv-root .hero h1::after { content:""; display:block; width:150px; height:5px; margin-top:20px; border-radius:99px; background:#E3B24C; }

.napfdetektiv-root .hero .lead { max-width:58ch !important; font-size:clamp(1rem,1.25vw,1.16rem) !important; line-height:1.6 !important; }

.napfdetektiv-root .hero .startCheck { min-height:54px !important; padding:14px 22px !important; border-radius:11px !important; font-weight:800 !important; }

.napfdetektiv-root .ndBrunoHero { min-height:500px !important; align-items:center !important; justify-content:center !important; overflow:visible !important; }

.napfdetektiv-root .ndBrunoHero img { width:min(100%,700px) !important; max-height:590px !important; object-fit:contain !important; filter:drop-shadow(0 14px 16px rgba(31,77,67,.10)); }

.napfdetektiv-root #wissen { padding-top:34px !important; }

.napfdetektiv-root #wissen>h2 { font-size:clamp(1.55rem,2.4vw,2.15rem) !important; text-align:center; margin-bottom:26px !important; }

@media(max-width:1000px) {
  .napfdetektiv-root .ndHeaderCta { display:none !important; }

  .napfdetektiv-root nav .links { gap:18px; }

  .napfdetektiv-root .hero { grid-template-columns:minmax(0,1fr) minmax(330px,.9fr) !important; min-height:auto; }

  .napfdetektiv-root .hero h1 { font-size:clamp(2.8rem,6vw,4.4rem) !important; }

  .napfdetektiv-root .ndBrunoHero { min-height:420px !important; }

}

@media(max-width:780px) {
  .napfdetektiv-root nav { min-height:66px; padding:8px 0; }

  .napfdetektiv-root .ndBrandLogo { width:min(265px,72vw); }

  .napfdetektiv-root nav .links>a { display:none !important; }

  .napfdetektiv-root .hero { display:flex !important; flex-direction:column !important; gap:12px !important; padding:34px 0 22px !important; }

  .napfdetektiv-root .hero h1 { font-size:clamp(2.55rem,12vw,3.85rem) !important; line-height:1 !important; }

  .napfdetektiv-root .hero h1::after { width:105px; height:4px; margin-top:16px; }

  .napfdetektiv-root .ndBrunoHero { min-height:315px !important; margin-top:2px; }

  .napfdetektiv-root .ndBrunoHero img { width:min(100%,500px) !important; max-height:410px !important; }

}

@media (min-width:1100px) {
  .napfdetektiv-root .w,
.napfdetektiv-root nav { width:min(1360px, calc(100% - 64px)) !important; max-width:1360px !important; }

  .napfdetektiv-root nav { min-height:86px !important; }

  .napfdetektiv-root .ndBrandLogo { width:min(370px, 31vw) !important; }

  .napfdetektiv-root .hero { display:grid !important; grid-template-columns:minmax(0, .95fr) minmax(0, 1.05fr) !important; gap:clamp(22px, 3vw, 48px) !important; min-height:585px !important; padding:50px 0 30px !important; align-items:center !important; }

  .napfdetektiv-root .hero > div:first-child { width:100% !important; max-width:650px !important; }

  .napfdetektiv-root .hero h1 { width:100% !important; max-width:650px !important; font-size:clamp(3.35rem, 4.6vw, 4.85rem) !important; line-height:.99 !important; letter-spacing:-.045em !important; }

  .napfdetektiv-root .hero .lead { max-width:590px !important; }

  .napfdetektiv-root .ndBrunoHero { width:100% !important; min-height:490px !important; transform:translateX(-16px) !important; }

  .napfdetektiv-root .ndBrunoHero img { width:min(100%, 640px) !important; max-height:560px !important; }

  .napfdetektiv-root #wissen { padding-top:30px !important; }

}

@media (max-width:780px) {
  .napfdetektiv-root nav { min-height:62px !important; padding:7px 0 !important; }

  .napfdetektiv-root .ndBrandLogo { width:min(235px,68vw) !important; }

  .napfdetektiv-root .hero { display:flex !important; flex-direction:column !important; min-height:0 !important; gap:0 !important; padding:28px 0 14px !important; overflow:visible !important; }

  .napfdetektiv-root .hero > div:first-child { width:100% !important; max-width:none !important; }

  .napfdetektiv-root .heroKicker { font-size:.67rem !important; line-height:1.35 !important; letter-spacing:.045em !important; margin-bottom:8px !important; }

  .napfdetektiv-root .hero h1 { width:100% !important; max-width:355px !important; font-size:clamp(2.25rem,10.8vw,3.05rem) !important; line-height:.98 !important; letter-spacing:-.04em !important; margin:8px 0 16px !important; }

  .napfdetektiv-root .hero h1::after { width:82px !important; height:4px !important; margin-top:13px !important; }

  .napfdetektiv-root .hero .lead { width:100% !important; max-width:none !important; font-size:.90rem !important; line-height:1.52 !important; margin-bottom:14px !important; }

  .napfdetektiv-root .hero .startCheck { width:100% !important; min-height:48px !important; padding:11px 12px !important; font-size:.78rem !important; line-height:1.2 !important; margin:0 !important; }

  .napfdetektiv-root .ndBrunoHero { order:2 !important; width:100% !important; min-height:0 !important; height:auto !important; margin:8px 0 0 !important; padding:0 !important; transform:none !important; align-items:flex-start !important; justify-content:center !important; overflow:visible !important; }

  .napfdetektiv-root .ndBrunoHero img { display:block !important; width:min(100%,390px) !important; height:auto !important; max-height:none !important; margin:0 auto !important; object-fit:contain !important; object-position:center top !important; }

  .napfdetektiv-root #wissen { padding-top:18px !important; }

}

@media (max-width:780px) {
  .napfdetektiv-root .ndBrunoHero { margin:0 !important; transform:translateY(-22px) !important; }

  .napfdetektiv-root .ndBrunoHero img { width:min(100%,420px) !important; }

  .napfdetektiv-root #wissen { padding-top:2px !important; margin-top:-10px !important; }

}

@media (max-width:780px) {
  .napfdetektiv-root .ndBrunoHero { margin:0 !important; transform:none !important; }

  .napfdetektiv-root .ndBrunoHero img { width:min(100%,420px) !important; }

  .napfdetektiv-root #wissen { padding-top:8px !important; margin-top:0 !important; }

}

@media (max-width:780px) {
  .napfdetektiv-root nav { min-height:62px !important; padding:7px 0 !important; }

  .napfdetektiv-root .ndBrandLogo { width:min(235px,68vw) !important; }

  .napfdetektiv-root .hero { display:flex !important; flex-direction:column !important; min-height:0 !important; gap:0 !important; padding:28px 0 16px !important; overflow:visible !important; }

  .napfdetektiv-root .hero > div:first-child { width:100% !important; max-width:none !important; }

  .napfdetektiv-root .heroKicker { font-size:.67rem !important; line-height:1.35 !important; letter-spacing:.045em !important; margin-bottom:8px !important; }

  .napfdetektiv-root .hero h1 { width:100% !important; max-width:355px !important; font-size:clamp(2.25rem,10.8vw,3.05rem) !important; line-height:.98 !important; letter-spacing:-.04em !important; margin:8px 0 16px !important; }

  .napfdetektiv-root .hero h1::after { width:82px !important; height:4px !important; margin-top:13px !important; }

  .napfdetektiv-root .hero .lead { width:100% !important; max-width:none !important; font-size:.90rem !important; line-height:1.52 !important; margin-bottom:14px !important; }

  .napfdetektiv-root .hero .startCheck { width:100% !important; min-height:48px !important; padding:11px 12px !important; font-size:.78rem !important; line-height:1.2 !important; margin:0 !important; }

  .napfdetektiv-root .ndBrunoHero { order:2 !important; width:100% !important; min-height:0 !important; height:auto !important; margin:0 !important; padding:0 !important; transform:none !important; align-items:flex-start !important; justify-content:center !important; overflow:visible !important; }

  .napfdetektiv-root .ndBrunoHero img { display:block !important; width:min(100%,420px) !important; height:auto !important; max-height:none !important; margin:0 auto !important; object-fit:contain !important; object-position:center top !important; }

  .napfdetektiv-root #wissen { padding-top:12px !important; margin-top:0 !important; }

}

.napfdetektiv-root .ndInspectV38 { background:#FBF5EA !important; padding:clamp(46px,5vw,72px) 0 !important; }

.napfdetektiv-root .ndInspectV38::before,
.napfdetektiv-root .ndInspectV38::after { content:none !important; display:none !important; }

.napfdetektiv-root .ndInspectV38Head { margin-bottom:28px; }

.napfdetektiv-root .ndInspectV38Head h2 { margin:0 0 14px !important; color:#1F4D43 !important; font-size:clamp(2.2rem,4.2vw,4.35rem) !important; line-height:1.02 !important; letter-spacing:-.035em !important; max-width:1150px; }

.napfdetektiv-root .ndInspectSpark { display:inline-block; margin-left:13px; color:#E3B24C; font-size:.9em; transform:rotate(-30deg); font-family:Arial,sans-serif; font-weight:900; }

.napfdetektiv-root .ndInspectV38Head p { margin:0 !important; max-width:760px; color:#282B2B !important; font-size:clamp(.98rem,1.3vw,1.14rem) !important; line-height:1.55 !important; }

.napfdetektiv-root .ndInspectV38Grid { display:grid; }

.napfdetektiv-root .ndInspectV38Card { position:relative; border:1px solid rgba(31,77,67,.10); border-radius:18px; background:rgba(255,255,255,.96); box-shadow:0 8px 24px rgba(40,43,43,.055); text-align:center; display:flex; flex-direction:column; align-items:center; }

.napfdetektiv-root .ndInspectV38Num { position:absolute; top:16px; left:16px; z-index:2; width:38px; height:38px; border-radius:50%; display:grid; place-items:center; background:#1F4D43; color:#fff; font-family:"Montserrat","Segoe UI",Arial,sans-serif; font-size:1rem; font-weight:800; }

.napfdetektiv-root .ndInspectV38Art { width:100%; display:flex; justify-content:center; align-items:center; }

.napfdetektiv-root .ndInspectV38Art img { display:block; max-width:100%; max-height:100%; width:auto; height:auto; object-fit:contain; }

.napfdetektiv-root .ndInspectV38Card h3 { margin:8px 0 0 !important; color:#1F4D43 !important; line-height:1.2 !important; }

.napfdetektiv-root .ndInspectV38Line { display:block; width:28px; height:3px; border-radius:99px; background:#E3B24C; margin:9px auto 13px; }

.napfdetektiv-root .ndInspectV38Card p { margin:0 !important; color:#282B2B !important; line-height:1.48 !important; }

.napfdetektiv-root .ndInspectV38Message { display:grid; align-items:center; border:1px solid rgba(31,77,67,.06); }

.napfdetektiv-root .ndInspectV38Shield { place-items:center; color:white; font-size:1.55rem; }

.napfdetektiv-root .ndInspectV38Message strong { display:block; color:#1F4D43; font-family:"Montserrat","Segoe UI",Arial,sans-serif; }

.napfdetektiv-root .ndInspectV38Message p { margin:0 !important; color:#282B2B !important; line-height:1.45 !important; }

@media (min-width:781px) and (max-width:1099px) {
  .napfdetektiv-root .ndInspectV38Grid { grid-template-columns:repeat(2,minmax(0,1fr)); }

  .napfdetektiv-root .ndInspectV38Card { min-height:430px; }

}

@media (max-width:780px) {
  .napfdetektiv-root .ndInspectV38 { padding:34px 0 !important; }

  .napfdetektiv-root .ndInspectV38Head { margin-bottom:20px; }

  .napfdetektiv-root .ndInspectV38Head h2 { font-size:clamp(1.9rem,8.4vw,2.6rem) !important; line-height:1.03 !important; }

  .napfdetektiv-root .ndInspectDesktopBreak { display:none; }

  .napfdetektiv-root .ndInspectV38Head p { font-size:.92rem !important; }

  .napfdetektiv-root .ndInspectV38Grid { grid-template-columns:1fr; gap:13px; }

  .napfdetektiv-root .ndInspectV38Card { min-height:0; padding:14px 14px 17px; }

  .napfdetektiv-root .ndInspectV38Art { height:205px; }

  .napfdetektiv-root .ndInspectV38Card h3 { font-size:1.18rem !important; }

  .napfdetektiv-root .ndInspectV38Card p { max-width:31ch; font-size:.88rem !important; }

  .napfdetektiv-root .ndInspectV38Message { grid-template-columns:48px 1fr; gap:13px; padding:15px; min-height:0; }

  .napfdetektiv-root .ndInspectV38Shield { width:46px; height:50px; font-size:1.25rem; }

  .napfdetektiv-root .ndInspectV38Message strong { font-size:1rem; }

  .napfdetektiv-root .ndInspectV38Message p { font-size:.86rem !important; }

}

.napfdetektiv-root .ndInspectV38Grid { grid-template-columns:repeat(2,minmax(0,1fr)) !important; gap:22px !important; }

.napfdetektiv-root .ndInspectV38Card { min-height:490px !important; padding:20px 22px 26px !important; }

.napfdetektiv-root .ndInspectV38Art { height:285px !important; margin:0 0 2px !important; }

.napfdetektiv-root .ndInspectV38Card h3 { font-size:1.35rem !important; }

.napfdetektiv-root .ndInspectV38Card p { font-size:.98rem !important; max-width:34ch !important; }

@media (min-width:1400px) {
  .napfdetektiv-root .ndInspectV38Grid { grid-template-columns:repeat(4,minmax(0,1fr)) !important; gap:18px !important; }

  .napfdetektiv-root .ndInspectV38Card { min-height:455px !important; padding:18px 18px 24px !important; }

  .napfdetektiv-root .ndInspectV38Art { height:235px !important; }

  .napfdetektiv-root .ndInspectV38Card h3 { font-size:1.25rem !important; }

  .napfdetektiv-root .ndInspectV38Card p { font-size:.93rem !important; max-width:26ch !important; }

}

.napfdetektiv-root .ndInspectV38Card:nth-child(4) .ndInspectV38Art img { max-height:94% !important; width:auto !important; }

.napfdetektiv-root .ndInspectV38Message { grid-template-columns:92px 1fr !important; gap:24px !important; min-height:138px !important; margin-top:22px !important; padding:20px 30px !important; background:#F5EDDF !important; border-radius:18px !important; }

.napfdetektiv-root .ndInspectV38Shield { width:88px !important; height:88px !important; display:flex !important; align-items:center !important; justify-content:center !important; clip-path:none !important; background:transparent !important; }

.napfdetektiv-root .ndInspectV38Shield img { display:block !important; width:100% !important; height:100% !important; object-fit:contain !important; }

.napfdetektiv-root .ndInspectV38Message strong { font-size:1.28rem !important; margin-bottom:5px !important; }

.napfdetektiv-root .ndInspectV38Message p { font-size:1rem !important; }

@media (min-width:781px) and (max-width:1399px) {
  .napfdetektiv-root .ndInspectV38Grid { grid-template-columns:repeat(2,minmax(0,1fr)) !important; }

}

@media (max-width:780px) {
  .napfdetektiv-root .ndInspectV38Grid { grid-template-columns:1fr !important; gap:14px !important; }

  .napfdetektiv-root .ndInspectV38Card { min-height:0 !important; padding:14px 14px 18px !important; }

  .napfdetektiv-root .ndInspectV38Art { height:220px !important; }

  .napfdetektiv-root .ndInspectV38Message { grid-template-columns:62px 1fr !important; gap:14px !important; min-height:0 !important; padding:16px !important; }

  .napfdetektiv-root .ndInspectV38Shield { width:60px !important; height:60px !important; }

  .napfdetektiv-root .ndInspectV38Message strong { font-size:1.02rem !important; }

  .napfdetektiv-root .ndInspectV38Message p { font-size:.87rem !important; }

}

.napfdetektiv-root .ndPrinciples { background:#EEF5F0 !important; }

.napfdetektiv-root .ndPrinciplesInner { display:grid; }

.napfdetektiv-root .ndPrinciplesCopy h2 { margin:0 0 22px !important; color:#1F4D43 !important; letter-spacing:-.035em !important; }

.napfdetektiv-root .ndAccentRays { display:inline-block; margin-left:12px; color:#E3B24C; font-family:Arial,sans-serif; font-weight:900; transform:rotate(-28deg); }

.napfdetektiv-root .ndPrinciplesLead { margin:0 0 32px !important; color:#282B2B !important; }

.napfdetektiv-root .ndPrincipleList { display:grid; }

.napfdetektiv-root .ndPrincipleItem { display:grid; align-items:center; }

.napfdetektiv-root .ndPrincipleIcon { display:flex; align-items:center; justify-content:center; }

.napfdetektiv-root .ndPrincipleIcon img { width:100%; height:100%; object-fit:contain; }

.napfdetektiv-root .ndPrincipleItem p { margin:0 !important; color:#282B2B !important; }

.napfdetektiv-root .ndPrinciplesVisual { position:relative; display:flex; flex-direction:column; }

.napfdetektiv-root .ndHowItWorks { position:relative; background:#FBF5EA !important; padding:clamp(48px,5vw,76px) 0 !important; overflow:hidden; }

.napfdetektiv-root .ndHowItWorks h2 { margin:0 !important; text-align:center; color:#1F4D43 !important; font-size:clamp(2rem,3.1vw,3.35rem) !important; line-height:1.08 !important; letter-spacing:-.03em !important; }

.napfdetektiv-root .ndHowLine { display:block; width:34px; height:4px; border-radius:99px; margin:14px auto 26px; background:#E3B24C; }

.napfdetektiv-root .ndStepsWrap { position:relative; }

.napfdetektiv-root .ndStepsTrack { position:absolute; }

.napfdetektiv-root .ndStepsGrid { display:grid; grid-template-columns:repeat(3,minmax(0,1fr)); gap:clamp(18px,2.2vw,28px); }

.napfdetektiv-root .ndStepCard { position:relative; min-height:485px; padding:18px 20px 26px; display:flex; flex-direction:column; align-items:center; text-align:center; border-radius:18px; border:1px solid rgba(31,77,67,.09); box-shadow:0 10px 26px rgba(40,43,43,.055); }

.napfdetektiv-root .ndStepNum { position:absolute; top:15px; left:15px; z-index:3; width:40px; height:40px; display:grid; place-items:center; border-radius:50%; background:#1F4D43; color:#fff; font-family:"Montserrat","Segoe UI",Arial,sans-serif; font-weight:800; font-size:1rem; }

.napfdetektiv-root .ndStepArt { width:100%; height:285px; display:flex; align-items:center; justify-content:center; margin:4px 0 2px; }

.napfdetektiv-root .ndStepArt img { display:block; max-width:100%; max-height:100%; width:auto; height:auto; object-fit:contain; }

.napfdetektiv-root .ndStepCard h3 { margin:7px 0 0 !important; color:#1F4D43 !important; font-size:1.25rem !important; }

.napfdetektiv-root .ndStepLine { display:block; width:27px; height:3px; margin:9px auto 13px; border-radius:99px; background:#E3B24C; }

.napfdetektiv-root .ndStepCard p { margin:0 !important; max-width:30ch; color:#282B2B !important; font-size:.93rem !important; line-height:1.48 !important; }

.napfdetektiv-root .ndHowCta { margin:28px 0 0 !important; text-align:center; }

.napfdetektiv-root .ndHowCta .btn { min-height:54px; padding:14px 30px !important; border-radius:11px !important; font-size:.95rem !important; font-weight:800 !important; letter-spacing:.01em !important; }

@media (min-width:1100px) {
  .napfdetektiv-root .ndInspectV38Head h2 { font-size:clamp(2.2rem,3.1vw,3.35rem) !important; white-space:nowrap !important; max-width:none !important; }

}

@media (min-width:781px) and (max-width:1099px) {
  .napfdetektiv-root .ndPrinciplesInner { grid-template-columns:1fr 1fr; gap:28px; }

  .napfdetektiv-root .ndPrinciplesVisual { min-height:500px; }

  .napfdetektiv-root .ndStepsGrid { grid-template-columns:repeat(3,minmax(0,1fr)); gap:14px; }

  .napfdetektiv-root .ndStepCard { min-height:430px; padding:16px 14px 22px; }

  .napfdetektiv-root .ndStepArt { height:245px; }

}

@media (max-width:780px) {
  .napfdetektiv-root .ndPrinciples { padding:36px 0 32px !important; }

  .napfdetektiv-root .ndPrinciplesInner { grid-template-columns:1fr; gap:26px; }

  .napfdetektiv-root .ndPrinciplesCopy h2 { font-size:clamp(2rem,9vw,2.7rem) !important; line-height:1.02 !important; }

  .napfdetektiv-root .ndPrinciplesLead { font-size:.92rem !important; margin-bottom:22px !important; }

  .napfdetektiv-root .ndPrincipleList { gap:13px; }

  .napfdetektiv-root .ndPrincipleItem { grid-template-columns:56px 1fr; gap:12px; }

  .napfdetektiv-root .ndPrincipleIcon { width:54px; height:54px; }

  .napfdetektiv-root .ndPrincipleItem p { font-size:.88rem !important; }

  .napfdetektiv-root .ndPrincipleItem p br { display:none; }

  .napfdetektiv-root .ndPrinciplesVisual { min-height:0; padding-top:0; }

  .napfdetektiv-root .ndHowItWorks { padding:36px 0 38px !important; }

  .napfdetektiv-root .ndHowItWorks h2 { font-size:clamp(1.85rem,8vw,2.5rem) !important; }

  .napfdetektiv-root .ndStepsTrack { display:none; }

  .napfdetektiv-root .ndStepsGrid { grid-template-columns:1fr; gap:14px; }

  .napfdetektiv-root .ndStepCard { min-height:0; padding:14px 14px 20px; }

  .napfdetektiv-root .ndStepArt { height:235px; }

  .napfdetektiv-root .ndStepCard h3 { font-size:1.15rem !important; }

  .napfdetektiv-root .ndStepCard p { font-size:.87rem !important; }

  .napfdetektiv-root .ndHowCta { margin-top:20px !important; }

  .napfdetektiv-root .ndHowCta .btn { width:100%; font-size:.84rem !important; padding:13px 12px !important; }

}

.napfdetektiv-root .ndPrinciplesVisual { overflow:visible !important; }

.napfdetektiv-root .ndStepsWrap { overflow:hidden !important; padding:0 !important; }

.napfdetektiv-root .ndStepsTrack { display:block !important; left:10% !important; top:-6px !important; width:80% !important; height:auto !important; max-height:none !important; opacity:.58 !important; z-index:0 !important; pointer-events:none !important; transform:none !important; }

.napfdetektiv-root .ndStepsGrid { position:relative !important; z-index:2 !important; }

.napfdetektiv-root .ndStepCard { background:#fff !important; z-index:2 !important; }

.napfdetektiv-root .ndStepArt { position:relative !important; z-index:3 !important; }

.napfdetektiv-root .ndStepCard:nth-child(2) .ndStepArt img { background:transparent !important; }

.napfdetektiv-root .ndHowCta { position:relative !important; z-index:5 !important; margin-top:30px !important; padding-top:0 !important; }

.napfdetektiv-root .ndHowCta .btn { position:relative !important; z-index:5 !important; }

@media (min-width:781px) and (max-width:1099px) {
  .napfdetektiv-root .ndPrinciplesInner { grid-template-columns:minmax(0,1.08fr) minmax(300px,.92fr) !important; gap:30px !important; }

  .napfdetektiv-root .ndPrinciplesCopy h2 { font-size:2.35rem !important; line-height:1.03 !important; }

  .napfdetektiv-root .ndPrinciplesLead { font-size:.94rem !important; }

  .napfdetektiv-root .ndPrincipleItem { grid-template-columns:52px 1fr !important; gap:12px !important; }

  .napfdetektiv-root .ndPrincipleIcon { width:50px !important; height:50px !important; }

  .napfdetektiv-root .ndPrincipleItem p { font-size:.89rem !important; }

  .napfdetektiv-root .ndPrinciplesVisual { min-height:440px !important; }

  .napfdetektiv-root .ndStepsTrack { left:8% !important; width:84% !important; top:0 !important; opacity:.52 !important; }

}

@media (max-width:780px) {
  .napfdetektiv-root .ndStepsTrack { display:none !important; }

}

@media (min-width:1100px) {
  .napfdetektiv-root .ndPrinciples { padding:42px 0 38px !important; background:#eef5f0 !important; }

  .napfdetektiv-root .ndPrinciplesInner { grid-template-columns:minmax(0,1.12fr) minmax(380px,.88fr) !important; gap:54px !important; align-items:center !important; }

  .napfdetektiv-root .ndPrinciplesCopy h2 { max-width:650px !important; font-size:clamp(2.55rem,3.15vw,3.65rem) !important; line-height:1.08 !important; margin:0 0 18px !important; }

  .napfdetektiv-root .ndPrinciplesLead { max-width:570px !important; font-size:1rem !important; line-height:1.55 !important; margin-bottom:26px !important; }

  .napfdetektiv-root .ndPrincipleList { gap:13px !important; }

  .napfdetektiv-root .ndPrincipleItem { grid-template-columns:56px 1fr !important; gap:15px !important; }

  .napfdetektiv-root .ndPrincipleIcon { width:54px !important; height:54px !important; }

  .napfdetektiv-root .ndPrincipleItem p { font-size:.94rem !important; line-height:1.42 !important; }

  .napfdetektiv-root .ndPrinciplesVisual { min-height:430px !important; display:block !important; position:relative !important; }

  .napfdetektiv-root .ndHowItWorks { padding:34px 0 40px !important; background:#fbf5ea !important; }

  .napfdetektiv-root .ndHowItWorks h2 { font-size:2.45rem !important; }

  .napfdetektiv-root .ndHowLine { margin:10px auto 20px !important; }

  .napfdetektiv-root .ndStepsWrap { overflow:visible !important; }

  .napfdetektiv-root .ndStepsGrid { gap:70px !important; max-width:1000px !important; margin:0 auto !important; }

  .napfdetektiv-root .ndStepCard { min-height:365px !important; padding:14px 18px 22px !important; border-radius:15px !important; overflow:hidden !important; }

  .napfdetektiv-root .ndStepNum { width:36px !important; height:36px !important; top:13px !important; left:13px !important; }

  .napfdetektiv-root .ndStepArt { height:205px !important; margin:0 !important; }

  .napfdetektiv-root .ndStepArt img { background:transparent !important; }

  .napfdetektiv-root .ndStepCard h3 { font-size:1.12rem !important; margin-top:5px !important; }

  .napfdetektiv-root .ndStepLine { margin:8px auto 12px !important; }

  .napfdetektiv-root .ndStepCard p { font-size:.88rem !important; line-height:1.42 !important; }

  .napfdetektiv-root .ndStepsTrack { display:none !important; }

  .napfdetektiv-root .ndStepCard:nth-child(1)::after,
.napfdetektiv-root .ndStepCard:nth-child(2)::after { content:"🐾"; position:absolute !important; right:-53px !important; top:48% !important; transform:translateY(-50%) !important; width:38px !important; height:38px !important; display:grid !important; place-items:center !important; color:#0f493c !important; font-size:24px !important; z-index:5 !important; overflow:visible !important; }

  .napfdetektiv-root .ndStepCard:nth-child(1)::before,
.napfdetektiv-root .ndStepCard:nth-child(2)::before { content:""; position:absolute !important; right:-70px !important; top:50% !important; width:70px !important; border-top:3px dotted #0f493c !important; z-index:4 !important; }

  .napfdetektiv-root .ndHowCta { margin-top:18px !important; }

  .napfdetektiv-root .ndHowCta .btn { min-height:50px !important; padding:12px 28px !important; }

}

@media (min-width:781px) and (max-width:1099px) {
  .napfdetektiv-root .ndPrinciples { padding:42px 0 !important; }

  .napfdetektiv-root .ndPrinciplesInner { grid-template-columns:1.12fr .88fr !important; gap:28px !important; }

  .napfdetektiv-root .ndPrinciplesVisual { min-height:365px !important; }

  .napfdetektiv-root .ndStepsTrack { display:none !important; }

}

.napfdetektiv-root .ndPrinciples { padding:clamp(44px,4.6vw,68px) 0 !important; }

.napfdetektiv-root .ndPrinciplesInner { max-width:1240px !important; grid-template-columns:minmax(0,1.12fr) minmax(390px,.88fr) !important; gap:clamp(28px,4vw,54px) !important; align-items:center !important; }

.napfdetektiv-root .ndPrinciplesCopy { max-width:660px !important; }

.napfdetektiv-root .ndPrinciplesCopy h2 { font-size:clamp(2.65rem,3.7vw,4.2rem) !important; line-height:1.01 !important; margin-bottom:18px !important; max-width:none !important; }

.napfdetektiv-root .ndPrinciplesLead { max-width:600px !important; font-size:1.08rem !important; line-height:1.55 !important; margin-bottom:26px !important; }

.napfdetektiv-root .ndPrincipleList { gap:13px !important; }

.napfdetektiv-root .ndPrincipleItem { grid-template-columns:66px 1fr !important; gap:16px !important; }

.napfdetektiv-root .ndPrincipleIcon { width:64px !important; height:64px !important; }

.napfdetektiv-root .ndPrincipleItem p { font-size:1rem !important; line-height:1.46 !important; }

.napfdetektiv-root .ndPrinciplesVisual { min-height:470px !important; align-items:center !important; justify-content:flex-end !important; transform:translateX(-12px); }

@media (min-width:781px) and (max-width:1099px) {
  .napfdetektiv-root .ndPrinciplesInner { grid-template-columns:minmax(0,1.05fr) minmax(310px,.95fr) !important; gap:24px !important; }

  .napfdetektiv-root .ndPrinciplesCopy h2 { font-size:2.6rem !important; }

  .napfdetektiv-root .ndPrinciplesLead { font-size:.98rem !important; }

  .napfdetektiv-root .ndPrincipleItem { grid-template-columns:56px 1fr !important; gap:12px !important; }

  .napfdetektiv-root .ndPrincipleIcon { width:54px !important; height:54px !important; }

  .napfdetektiv-root .ndPrincipleItem p { font-size:.92rem !important; }

  .napfdetektiv-root .ndPrinciplesVisual { min-height:425px !important; transform:none; }

}

@media (max-width:780px) {
  .napfdetektiv-root .ndPrinciplesCopy h2 { font-size:clamp(2rem,9vw,2.7rem) !important; }

  .napfdetektiv-root .ndPrinciplesLead { font-size:.92rem !important; }

  .napfdetektiv-root .ndPrinciplesVisual { transform:none !important; }

}

@media (max-width:780px) {
  .napfdetektiv-root .ndPrinciples { padding:34px 0 38px !important; overflow:hidden !important; }

  .napfdetektiv-root .ndPrinciplesInner { display:block !important; width:100% !important; max-width:none !important; grid-template-columns:none !important; gap:0 !important; }

  .napfdetektiv-root .ndPrinciplesCopy { width:100% !important; max-width:none !important; }

  .napfdetektiv-root .ndPrinciplesCopy h2 { width:100% !important; max-width:none !important; font-size:clamp(2.05rem,9.2vw,2.65rem) !important; line-height:1.02 !important; letter-spacing:-.035em !important; margin:0 0 16px !important; }

  .napfdetektiv-root .ndAccentRays { font-size:.72em !important; }

  .napfdetektiv-root .ndPrinciplesLead { width:100% !important; max-width:none !important; font-size:.92rem !important; line-height:1.52 !important; margin:0 0 24px !important; }

  .napfdetektiv-root .ndPrincipleList { width:100% !important; gap:15px !important; margin:0 !important; }

  .napfdetektiv-root .ndPrincipleItem { width:100% !important; grid-template-columns:54px minmax(0,1fr) !important; gap:13px !important; align-items:center !important; }

  .napfdetektiv-root .ndPrincipleIcon { width:52px !important; height:52px !important; }

  .napfdetektiv-root .ndPrincipleItem p { width:auto !important; max-width:none !important; font-size:.91rem !important; line-height:1.43 !important; margin:0 !important; }

  .napfdetektiv-root .ndPrincipleItem p br { display:none !important; }

  .napfdetektiv-root .ndPrinciplesVisual { position:relative !important; display:flex !important; flex-direction:column !important; align-items:center !important; justify-content:flex-start !important; width:100% !important; min-height:0 !important; height:auto !important; margin:28px 0 0 !important; padding:0 !important; transform:none !important; overflow:visible !important; }

}

@media (max-width:430px) {
  .napfdetektiv-root .ndPrinciplesCopy h2 { font-size:clamp(2rem,9.4vw,2.42rem) !important; }

}

@media (max-width:780px) {
  .napfdetektiv-root .ndPrinciplesCopy h2 { margin-bottom:20px !important; }

  .napfdetektiv-root .ndPrinciplesLead { margin-bottom:28px !important; line-height:1.56 !important; }

  .napfdetektiv-root .ndPrincipleList { gap:18px !important; }

  .napfdetektiv-root .ndPrincipleItem { gap:14px !important; }

  .napfdetektiv-root .ndPrinciplesVisual { margin-top:34px !important; }

  .napfdetektiv-root .ndPrinciples { padding-bottom:24px !important; }

}

@media (max-width:780px) {
  .napfdetektiv-root .ndPrinciplesInner { box-sizing:border-box !important; padding-left:22px !important; padding-right:22px !important; }

  .napfdetektiv-root .ndPrinciplesCopy,
.napfdetektiv-root .ndPrinciplesLead,
.napfdetektiv-root .ndPrincipleList { box-sizing:border-box !important; width:100% !important; }

  .napfdetektiv-root .ndPrinciplesLead { margin-bottom:31px !important; }

  .napfdetektiv-root .ndPrincipleList { padding-left:3px !important; padding-right:3px !important; gap:19px !important; }

  .napfdetektiv-root .ndPrincipleItem { grid-template-columns:50px minmax(0,1fr) !important; gap:15px !important; }

  .napfdetektiv-root .ndPrincipleIcon { width:48px !important; height:48px !important; }

  .napfdetektiv-root .ndPrinciples { padding-bottom:30px !important; }

}

@media (max-width:430px) {
  .napfdetektiv-root .ndPrinciplesInner { padding-left:20px !important; padding-right:20px !important; }

}

.napfdetektiv-root .ndPrinciplesCompositeVisual { min-height:470px !important; display:flex !important; align-items:center !important; justify-content:center !important; overflow:visible !important; transform:none !important; }

.napfdetektiv-root .ndPrinciplesComposite { display:block !important; width:min(100%,640px) !important; max-width:640px !important; height:auto !important; max-height:455px !important; object-fit:contain !important; object-position:center !important; margin:0 auto !important; }

@media (min-width:781px) and (max-width:1099px) {
  .napfdetektiv-root .ndPrinciplesCompositeVisual { min-height:420px !important; }

  .napfdetektiv-root .ndPrinciplesComposite { width:min(100%,520px) !important; max-width:520px !important; max-height:400px !important; }

}

@media (max-width:780px) {
  .napfdetektiv-root .ndPrinciplesCompositeVisual { min-height:0 !important; margin-top:30px !important; padding:0 !important; }

  .napfdetektiv-root .ndPrinciplesComposite { width:min(100%,390px) !important; max-width:390px !important; max-height:none !important; margin:0 auto !important; }

}

@media (max-width:430px) {
  .napfdetektiv-root .ndPrinciplesComposite { width:min(100%,360px) !important; max-width:360px !important; }

}

@media (min-width:1100px) {
  .napfdetektiv-root .ndPrinciplesVisual.ndPrinciplesCompositeVisual { min-height:470px !important; overflow:visible !important; justify-content:flex-start !important; }

  .napfdetektiv-root .ndPrinciplesComposite { width:820px !important; max-width:none !important; max-height:540px !important; height:auto !important; object-fit:contain !important; object-position:center !important; margin:0 0 0 -38px !important; }

}

@media (min-width:781px) and (max-width:1099px) {
  .napfdetektiv-root .ndPrinciplesCompositeVisual { min-height:420px !important; overflow:visible !important; }

  .napfdetektiv-root .ndPrinciplesComposite { width:min(115%,610px) !important; max-width:610px !important; max-height:430px !important; height:auto !important; margin:0 auto !important; }

}

@media (max-width:780px) {
  .napfdetektiv-root .ndPrinciplesCompositeVisual { min-height:0 !important; margin-top:30px !important; padding-left:18px !important; padding-right:18px !important; overflow:visible !important; }

  .napfdetektiv-root .ndPrinciplesComposite { width:min(100%,390px) !important; max-width:390px !important; max-height:none !important; height:auto !important; margin:0 auto !important; }

}

@media (max-width:430px) {
  .napfdetektiv-root .ndPrinciplesComposite { width:100% !important; max-width:360px !important; }

}

.napfdetektiv-root .ndCaseSection { background:#edf4ef; padding:54px 0 46px; }

.napfdetektiv-root .ndCaseHero { display:grid; grid-template-columns:.72fr 1.28fr; gap:42px; align-items:center; }

.napfdetektiv-root .ndCaseIntro h2 { font-size:clamp(2rem,3.1vw,3rem); margin:0 0 18px; line-height:1.05; }

.napfdetektiv-root .ndCaseIntro p { font-size:1rem; line-height:1.5; margin:0; color:#333; }

.napfdetektiv-root .ndAccent { color:#f4a600; font-weight:900; }

.napfdetektiv-root .ndCaseTrack { display:block; width:min(100%,330px); height:auto; margin-top:28px; }

.napfdetektiv-root .ndCaseVisual img { display:block; width:100%; height:auto; max-height:390px; object-fit:contain; }

.napfdetektiv-root .ndExpectSection { padding:44px 0 56px; background:#fbf2e5; }

.napfdetektiv-root .ndExpectTitle { font-size:clamp(1.65rem,2.4vw,2.25rem); margin:0 0 24px; }

.napfdetektiv-root .ndExpectGrid { display:grid; grid-template-columns:repeat(4,1fr); gap:18px; }

.napfdetektiv-root .ndExpectCard { background:#fff; border:1px solid #eadfce; border-radius:16px; padding:20px 16px 18px; text-align:center; min-height:230px; box-shadow:0 5px 16px rgba(31,77,67,.04); }

.napfdetektiv-root .ndExpectCard img { display:block; width:86px; height:72px; object-fit:contain; margin:0 auto 10px; }

.napfdetektiv-root .ndExpectCard h3 { font-size:1rem; line-height:1.25; margin:4px 0 10px; color:var(--petrol); }

.napfdetektiv-root .ndExpectCard p { font-size:.88rem; line-height:1.4; margin:0; color:#4d4a45; }

@media(max-width:780px) {
  .napfdetektiv-root .ndCaseSection { padding:38px 0 34px; }

  .napfdetektiv-root .ndCaseHero { grid-template-columns:1fr; gap:22px; }

  .napfdetektiv-root .ndCaseIntro h2 br { display:none; }

  .napfdetektiv-root .ndCaseIntro p br { display:none; }

  .napfdetektiv-root .ndCaseTrack { width:min(78%,300px); margin-top:20px; }

  .napfdetektiv-root .ndCaseVisual img { max-height:none; width:100%; }

  .napfdetektiv-root .ndExpectGrid { grid-template-columns:1fr 1fr; gap:12px; }

  .napfdetektiv-root .ndExpectCard { min-height:210px; padding:16px 12px; }

}

@media(max-width:480px) {
  .napfdetektiv-root .ndExpectGrid { grid-template-columns:1fr; }

  .napfdetektiv-root .ndExpectCard { min-height:0; }

  .napfdetektiv-root .ndExpectCard img { width:78px; height:64px; }

}

@media (min-width: 781px) {
  .napfdetektiv-root .ndCaseSection { padding:64px 0 56px; }

  .napfdetektiv-root .ndCaseHero { grid-template-columns:.78fr 1.42fr; gap:30px; align-items:center; }

  .napfdetektiv-root .ndCaseIntro { padding-right:8px; }

  .napfdetektiv-root .ndCaseIntro h2 { font-size:clamp(2.25rem,3.35vw,3.25rem); margin-bottom:20px; }

  .napfdetektiv-root .ndCaseIntro p { font-size:1.08rem; line-height:1.55; }

  .napfdetektiv-root .ndCaseTrack { width:min(100%,410px); margin-top:30px; transform:translateX(10px); }

  .napfdetektiv-root .ndCaseVisual { display:flex; justify-content:center; align-items:center; overflow:visible; }

  .napfdetektiv-root .ndCaseVisual img { width:128%; max-width:none; max-height:500px; object-fit:contain; transform:translateX(2%); }

  .napfdetektiv-root .ndExpectSection { padding:48px 0 64px; }

  .napfdetektiv-root .ndExpectTitle { font-size:clamp(1.85rem,2.6vw,2.45rem); margin-bottom:28px; }

  .napfdetektiv-root .ndExpectGrid { gap:20px; }

  .napfdetektiv-root .ndExpectCard { min-height:270px; padding:24px 18px 22px; }

  .napfdetektiv-root .ndExpectCard img { width:116px; height:96px; margin-bottom:12px; }

  .napfdetektiv-root .ndExpectCard h3 { font-size:1.08rem; line-height:1.28; margin:5px 0 11px; }

  .napfdetektiv-root .ndExpectCard p { font-size:.96rem; line-height:1.48; }

}

@media (min-width: 781px) and (max-width: 1100px) {
  .napfdetektiv-root .ndCaseVisual img { width:118%; max-height:450px; }

  .napfdetektiv-root .ndCaseTrack { width:min(100%,360px); }

  .napfdetektiv-root .ndExpectCard img { width:104px; height:88px; }

}

@media (min-width:781px) {
  .napfdetektiv-root .ndCaseTrack { width:min(100%,455px); transform:translateX(10px); margin-right:-56px; position:relative; z-index:2; }

  .napfdetektiv-root .ndCaseVisual { position:relative; z-index:3; }

  .napfdetektiv-root .ndExpectCard { display:grid; grid-template-rows:104px 44px auto; align-items:start; }

  .napfdetektiv-root .ndExpectCard img { align-self:center; margin:0 auto; width:116px; height:96px; object-fit:contain; }

  .napfdetektiv-root .ndExpectCard h3 { align-self:start; display:flex; align-items:flex-start; justify-content:center; margin:5px 0 0; min-height:44px; }

  .napfdetektiv-root .ndExpectCard p { align-self:start; margin:0; }

}

@media (min-width:781px) and (max-width:1100px) {
  .napfdetektiv-root .ndCaseTrack { width:min(100%,400px); margin-right:-46px; }

  .napfdetektiv-root .ndExpectCard { grid-template-rows:96px 44px auto; }

  .napfdetektiv-root .ndExpectCard img { width:104px; height:88px; }

}

.napfdetektiv-root .ndAboutSection { background:#edf4ef; padding:58px 0 60px; }

.napfdetektiv-root .ndAboutGrid { display:grid; grid-template-columns:minmax(0,.92fr) minmax(0,1.08fr); gap:58px; align-items:center; }

.napfdetektiv-root .ndAboutVisual { display:flex; justify-content:center; align-items:center; min-width:0; }

.napfdetektiv-root .ndAboutVisual img { display:block; width:100%; max-width:590px; height:auto; object-fit:contain; }

.napfdetektiv-root .ndAboutCopy { min-width:0; max-width:690px; }

.napfdetektiv-root .ndAboutHeading { display:flex; align-items:center; gap:17px; }

.napfdetektiv-root .ndAboutHeading h2 { margin:0; font-size:clamp(2rem,3vw,3.2rem); line-height:1.08; color:var(--petrol); }

.napfdetektiv-root .ndAboutHeadingIcon { width:58px; height:58px; flex:0 0 58px; display:grid; place-items:center; border-radius:50%; background:#0e5a47; font-size:28px; line-height:1; box-shadow:0 5px 14px rgba(31,77,67,.10); }

.napfdetektiv-root .ndAboutRule { width:52px; height:4px; border-radius:999px; background:#efa900; margin:15px 0 28px 75px; }

.napfdetektiv-root .ndAboutCopy p { margin:0 0 23px; max-width:660px; font-size:1.04rem; line-height:1.62; color:#252525; }

.napfdetektiv-root .ndAboutCopy p strong { color:#1e1e1e; }

.napfdetektiv-root .ndAboutBrunoLine { display:block; width:min(100%,640px); height:auto; margin-top:25px; object-fit:contain; }

.napfdetektiv-root .ndFinalCtaSection { background:#fbf2e5; padding:38px 0 42px; }

.napfdetektiv-root .ndFinalCtaGrid { display:grid; grid-template-columns:170px minmax(0,1.05fr) minmax(370px,.95fr); gap:36px; align-items:center; }

.napfdetektiv-root .ndFinalCtaIcon { display:flex; justify-content:center; }

.napfdetektiv-root .ndFinalCtaIcon img { display:block; }

.napfdetektiv-root .ndFinalCtaCopy h2 { margin:0 0 14px; font-size:clamp(2rem,2.8vw,3rem); line-height:1.08; color:var(--petrol); }

.napfdetektiv-root .ndFinalCtaCopy p { margin:0; max-width:640px; font-size:1.05rem; line-height:1.55; }

.napfdetektiv-root .ndFinalCtaAction { display:flex; flex-direction:column; align-items:stretch; justify-content:center; }

.napfdetektiv-root .ndFinalStartButton { appearance:none; -webkit-appearance:none; width:100%; min-height:70px; border:0; border-radius:999px; padding:18px 26px 18px 32px; display:flex; align-items:center; justify-content:space-between; gap:18px; background:linear-gradient(180deg,#f6b61f,#efa900); color:#073f34; font:800 clamp(1.05rem,1.55vw,1.38rem)/1.15 inherit; letter-spacing:.01em; cursor:pointer; box-shadow:0 9px 20px rgba(239,169,0,.26); transition:transform .16s ease, box-shadow .16s ease; }

.napfdetektiv-root .ndFinalStartButton:hover { transform:translateY(-2px); box-shadow:0 12px 24px rgba(239,169,0,.32); }

.napfdetektiv-root .ndFinalPaw { font-size:1.45em; line-height:1; }

.napfdetektiv-root .ndFinalNote { display:flex; align-items:center; justify-content:center; gap:10px; margin:14px 0 0; font-size:.93rem; line-height:1.3; color:#333; }

.napfdetektiv-root .ndFinalShield { display:inline-grid; place-items:center; width:24px; height:24px; flex:0 0 24px; border-radius:7px 7px 10px 10px; background:#1f6a45; color:#fff; font-weight:900; font-size:.78rem; }

@media (min-width:781px) and (max-width:1099px) {
  .napfdetektiv-root .ndAboutSection { padding:48px 0 50px; }

  .napfdetektiv-root .ndAboutGrid { grid-template-columns:minmax(0,.95fr) minmax(0,1.05fr); gap:34px; }

  .napfdetektiv-root .ndAboutHeading h2 { font-size:2.35rem; }

  .napfdetektiv-root .ndAboutHeadingIcon { width:50px; height:50px; flex-basis:50px; font-size:23px; }

  .napfdetektiv-root .ndAboutRule { margin-left:67px; }

  .napfdetektiv-root .ndAboutCopy p { font-size:.95rem; margin-bottom:18px; }

  .napfdetektiv-root .ndFinalCtaGrid { grid-template-columns:120px minmax(0,1fr) minmax(320px,.9fr); gap:24px; }

  .napfdetektiv-root .ndFinalCtaIcon img { width:110px; height:110px; }

  .napfdetektiv-root .ndFinalCtaCopy h2 { font-size:2.15rem; }

  .napfdetektiv-root .ndFinalCtaCopy p { font-size:.96rem; }

  .napfdetektiv-root .ndFinalStartButton { min-height:62px; padding:16px 22px 16px 26px; font-size:1rem; }

}

@media (max-width:780px) {
  .napfdetektiv-root .ndAboutSection { padding:38px 0 42px; }

  .napfdetektiv-root .ndAboutGrid { display:flex; flex-direction:column; gap:28px; }

  .napfdetektiv-root .ndAboutVisual { order:2; width:100%; }

  .napfdetektiv-root .ndAboutCopy { order:1; width:100%; }

  .napfdetektiv-root .ndAboutVisual img { width:min(100%,520px); margin:0 auto; }

  .napfdetektiv-root .ndAboutHeading { align-items:flex-start; gap:12px; }

  .napfdetektiv-root .ndAboutHeading h2 { font-size:clamp(1.85rem,8vw,2.5rem); }

  .napfdetektiv-root .ndAboutHeadingIcon { width:46px; height:46px; flex-basis:46px; font-size:21px; }

  .napfdetektiv-root .ndAboutRule { width:44px; margin:12px 0 22px 58px; }

  .napfdetektiv-root .ndAboutCopy p { font-size:.95rem; line-height:1.55; margin-bottom:18px; }

  .napfdetektiv-root .ndAboutBrunoLine { width:100%; margin-top:20px; }

  .napfdetektiv-root .ndFinalCtaSection { padding:34px 0 38px; }

  .napfdetektiv-root .ndFinalCtaGrid { grid-template-columns:1fr; gap:22px; text-align:center; }

  .napfdetektiv-root .ndFinalCtaIcon img { width:118px; height:118px; }

  .napfdetektiv-root .ndFinalCtaCopy h2 { font-size:clamp(1.9rem,8vw,2.5rem); margin-bottom:12px; }

  .napfdetektiv-root .ndFinalCtaCopy p { font-size:.95rem; margin:0 auto; }

  .napfdetektiv-root .ndFinalCtaAction { width:100%; max-width:460px; margin:0 auto; }

  .napfdetektiv-root .ndFinalStartButton { min-height:62px; padding:16px 20px 16px 24px; font-size:clamp(.96rem,4.2vw,1.08rem); }

  .napfdetektiv-root .ndFinalNote { font-size:.85rem; }

}

@media (max-width:430px) {
  .napfdetektiv-root .ndAboutHeading h2 { font-size:1.9rem; }

  .napfdetektiv-root .ndAboutCopy p { font-size:.9rem; }

  .napfdetektiv-root .ndFinalCtaIcon img { width:104px; height:104px; }

  .napfdetektiv-root .ndFinalStartButton { padding-left:20px; padding-right:18px; }

}

@media (min-width:1100px) {
  .napfdetektiv-root .ndAboutSection { padding-top:34px !important; padding-bottom:34px !important; }

  .napfdetektiv-root .ndAboutGrid { grid-template-columns:minmax(0,.90fr) minmax(0,1.10fr) !important; gap:34px !important; align-items:center !important; }

  .napfdetektiv-root .ndAboutVisual img { max-width:555px !important; }

  .napfdetektiv-root .ndAboutCopy { max-width:760px !important; }

  .napfdetektiv-root .ndAboutHeading { flex-wrap:nowrap !important; gap:14px !important; }

  .napfdetektiv-root .ndAboutHeading h2 { font-size:2.45rem !important; line-height:1.08 !important; white-space:nowrap !important; letter-spacing:-.015em !important; }

  .napfdetektiv-root .ndAboutHeadingIcon { width:52px !important; height:52px !important; flex:0 0 52px !important; }

  .napfdetektiv-root .ndAboutRule { margin-top:11px !important; margin-bottom:21px !important; margin-left:66px !important; }

  .napfdetektiv-root .ndAboutCopy p { margin-bottom:16px !important; font-size:1rem !important; line-height:1.5 !important; }

  .napfdetektiv-root .ndAboutBrunoLine { margin-top:14px !important; max-width:615px !important; }

  .napfdetektiv-root .ndFinalCtaSection { padding-top:28px !important; padding-bottom:30px !important; }

  .napfdetektiv-root .ndFinalCtaGrid { grid-template-columns:145px minmax(0,1.18fr) minmax(430px,.95fr) !important; gap:28px !important; }

  .napfdetektiv-root .ndFinalCtaIcon img { width:128px !important; height:128px !important; }

  .napfdetektiv-root .ndFinalCtaCopy h2 { font-size:2.12rem !important; line-height:1.08 !important; white-space:nowrap !important; letter-spacing:-.015em !important; margin-bottom:10px !important; }

  .napfdetektiv-root .ndFinalCtaCopy p { font-size:1rem !important; line-height:1.45 !important; }

  .napfdetektiv-root .ndFinalStartButton { min-height:78px !important; padding:19px 30px !important; justify-content:center !important; gap:18px !important; font-size:1.38rem !important; font-weight:900 !important; letter-spacing:.02em !important; background:linear-gradient(180deg,#ffb40d 0%,#f29c00 100%) !important; border:2px solid rgba(124,79,0,.14) !important; box-shadow:0 12px 24px rgba(204,126,0,.30) !important; }

  .napfdetektiv-root .ndFinalStartButton:hover { transform:translateY(-3px) !important; box-shadow:0 15px 28px rgba(204,126,0,.37) !important; }

  .napfdetektiv-root .ndFinalPaw { font-size:1.65em !important; }

  .napfdetektiv-root .ndFinalNote { margin-top:11px !important; font-size:.94rem !important; }

}

@media (min-width:781px) and (max-width:1099px) {
  .napfdetektiv-root .ndAboutSection { padding-top:38px !important; padding-bottom:40px !important; }

  .napfdetektiv-root .ndAboutHeading h2 { font-size:2rem !important; white-space:nowrap !important; }

  .napfdetektiv-root .ndFinalCtaCopy h2 { font-size:1.85rem !important; white-space:nowrap !important; }

  .napfdetektiv-root .ndFinalStartButton { min-height:68px !important; font-size:1.12rem !important; font-weight:900 !important; background:linear-gradient(180deg,#ffb40d 0%,#f29c00 100%) !important; box-shadow:0 10px 22px rgba(204,126,0,.28) !important; }

}

@media (max-width:780px) {
  .napfdetektiv-root .ndAboutSection { padding-top:30px !important; padding-bottom:32px !important; }

  .napfdetektiv-root .ndAboutHeading h2 { white-space:normal !important; }

  .napfdetektiv-root .ndFinalCtaCopy h2 { white-space:normal !important; }

  .napfdetektiv-root .ndFinalStartButton { min-height:68px !important; font-weight:900 !important; background:linear-gradient(180deg,#ffb40d 0%,#f29c00 100%) !important; box-shadow:0 10px 22px rgba(204,126,0,.28) !important; }

}

.napfdetektiv-root .ndFinalDesktopBreak { display:inline; }

.napfdetektiv-root .ndFinalNoBreak { white-space:nowrap; }

@media (min-width:781px) {
  .napfdetektiv-root .ndFinalCtaGrid { grid-template-columns:140px minmax(0,1fr) minmax(500px,1.12fr) !important; gap:30px !important; align-items:center !important; }

  .napfdetektiv-root .ndFinalCtaCopy { min-width:0 !important; }

  .napfdetektiv-root .ndFinalCtaCopy p { max-width:520px !important; font-size:1rem !important; line-height:1.5 !important; margin:0 !important; }

  .napfdetektiv-root .ndFinalCtaAction { width:100% !important; min-width:0 !important; }

  .napfdetektiv-root .ndFinalStartButton { width:100% !important; min-height:88px !important; padding:22px 34px !important; justify-content:center !important; text-align:center !important; gap:22px !important; font-size:1.55rem !important; font-weight:900 !important; line-height:1.05 !important; letter-spacing:.015em !important; border-radius:999px !important; background:linear-gradient(180deg,#ffb70f 0%,#f39b00 100%) !important; border:2px solid rgba(122,72,0,.16) !important; box-shadow:0 14px 28px rgba(204,126,0,.34) !important; }

  .napfdetektiv-root .ndFinalStartButton span:first-child { flex:0 1 auto !important; text-align:center !important; font-weight:900 !important; }

  .napfdetektiv-root .ndFinalPaw { flex:0 0 auto !important; font-size:1.7em !important; }

  .napfdetektiv-root .ndFinalNote { margin-top:12px !important; font-size:.95rem !important; justify-content:center !important; }

}

@media (min-width:1100px) {
  .napfdetektiv-root .ndFinalCtaGrid { grid-template-columns:140px minmax(0,.95fr) minmax(530px,1.15fr) !important; }

  .napfdetektiv-root .ndFinalStartButton { min-height:92px !important; font-size:1.62rem !important; padding:23px 38px !important; }

}

@media (max-width:780px) {
  .napfdetektiv-root .ndFinalDesktopBreak { display:none !important; }

  .napfdetektiv-root .ndFinalStartButton { min-height:74px !important; padding:18px 22px !important; justify-content:center !important; text-align:center !important; gap:14px !important; font-size:1.08rem !important; font-weight:900 !important; }

  .napfdetektiv-root .ndFinalStartButton span:first-child { text-align:center !important; font-weight:900 !important; }

}

@media (min-width:1100px) {
  .napfdetektiv-root .ndAboutSection { padding-top:28px !important; padding-bottom:30px !important; }

  .napfdetektiv-root .ndAboutGrid { grid-template-columns:minmax(0,.82fr) minmax(0,1.18fr) !important; gap:34px !important; align-items:center !important; }

  .napfdetektiv-root .ndAboutVisual img { max-width:530px !important; }

  .napfdetektiv-root .ndAboutCopy { max-width:800px !important; }

  .napfdetektiv-root .ndAboutHeading { flex-wrap:nowrap !important; gap:12px !important; }

  .napfdetektiv-root .ndAboutHeadingIcon { width:48px !important; height:48px !important; flex:0 0 48px !important; }

  .napfdetektiv-root .ndAboutHeading h2 { white-space:nowrap !important; flex:1 1 auto !important; min-width:0 !important; font-size:clamp(1.72rem,2.15vw,2.25rem) !important; line-height:1.06 !important; letter-spacing:-.02em !important; }

  .napfdetektiv-root .ndAboutRule { margin-top:9px !important; margin-bottom:17px !important; margin-left:60px !important; }

  .napfdetektiv-root .ndAboutCopy p { margin-bottom:13px !important; font-size:.96rem !important; line-height:1.48 !important; }

  .napfdetektiv-root .ndAboutBrunoLine { margin-top:10px !important; max-width:600px !important; }

  .napfdetektiv-root .ndFinalCtaSection { padding-top:28px !important; padding-bottom:28px !important; }

  .napfdetektiv-root .ndFinalCtaGrid { align-items:center !important; }

  .napfdetektiv-root .ndFinalCtaCopy h2 { margin-bottom:10px !important; line-height:1.08 !important; }

  .napfdetektiv-root .ndFinalCtaCopy p { line-height:1.45 !important; }

}

@media (max-width:1099px) {
  .napfdetektiv-root .ndAboutHeading h2 { white-space:normal !important; }

}

@media (max-width:780px) {
  .napfdetektiv-root .ndInspectV38 { padding:30px 0 !important; }

  .napfdetektiv-root .ndInspectV38Grid { grid-template-columns:repeat(2,minmax(0,1fr)) !important; gap:10px !important; }

  .napfdetektiv-root .ndInspectV38Card { padding:11px 9px 13px !important; border-radius:14px !important; }

  .napfdetektiv-root .ndInspectV38Art { height:128px !important; }

  .napfdetektiv-root .ndInspectV38Card h3 { font-size:.98rem !important; line-height:1.15 !important; margin-top:4px !important; }

  .napfdetektiv-root .ndInspectV38Card p { font-size:.76rem !important; line-height:1.35 !important; max-width:22ch !important; }

  .napfdetektiv-root .ndInspectV38Num { width:30px !important; height:30px !important; font-size:.78rem !important; }

  .napfdetektiv-root .ndInspectV38Message { margin-top:12px !important; }

  .napfdetektiv-root .ndPrinciples { padding:30px 0 26px !important; }

  .napfdetektiv-root .ndPrinciplesInner { gap:18px !important; }

  .napfdetektiv-root .ndPrinciplesLead { margin-bottom:16px !important; }

  .napfdetektiv-root .ndPrincipleList { gap:10px !important; }

  .napfdetektiv-root .ndPrinciplesCompositeVisual { margin-top:12px !important; padding-left:28px !important; padding-right:28px !important; }

  .napfdetektiv-root .ndPrinciplesComposite { width:min(88%,320px) !important; max-width:320px !important; }

  .napfdetektiv-root .ndHowItWorks { padding:30px 0 32px !important; }

  .napfdetektiv-root .ndStepsGrid { gap:10px !important; }

  .napfdetektiv-root .ndStepCard { padding:11px 12px 14px !important; border-radius:14px !important; }

  .napfdetektiv-root .ndStepArt { height:155px !important; }

  .napfdetektiv-root .ndStepCard h3 { font-size:1rem !important; margin:3px 0 5px !important; }

  .napfdetektiv-root .ndStepCard p { font-size:.78rem !important; line-height:1.38 !important; margin-bottom:0 !important; }

  .napfdetektiv-root .ndHowCta { margin-top:14px !important; }

  .napfdetektiv-root .ndCaseSection { padding:30px 0 28px !important; }

  .napfdetektiv-root .ndCaseHero { gap:14px !important; }

  .napfdetektiv-root .ndCaseTrack { margin-top:14px !important; }

  .napfdetektiv-root .ndExpectSection { padding-top:30px !important; padding-bottom:34px !important; }

  .napfdetektiv-root .ndExpectTitle { margin-bottom:18px !important; }

  .napfdetektiv-root .ndExpectGrid { grid-template-columns:repeat(2,minmax(0,1fr)) !important; gap:10px !important; }

  .napfdetektiv-root .ndExpectCard { min-height:174px !important; padding:13px 8px 12px !important; }

  .napfdetektiv-root .ndExpectCard img { width:64px !important; height:56px !important; margin-bottom:5px !important; object-fit:contain !important; }

  .napfdetektiv-root .ndExpectCard h3 { font-size:.82rem !important; line-height:1.22 !important; margin:3px 0 6px !important; }

  .napfdetektiv-root .ndExpectCard p { font-size:.69rem !important; line-height:1.32 !important; }

  .napfdetektiv-root .ndAboutSection { padding:32px 0 34px !important; }

  .napfdetektiv-root .ndAboutGrid { gap:20px !important; }

  .napfdetektiv-root .ndAboutRule { margin-bottom:17px !important; }

  .napfdetektiv-root .ndAboutCopy p { margin-bottom:14px !important; }

  .napfdetektiv-root .ndAboutBrunoLine { margin-top:12px !important; }

  .napfdetektiv-root .ndAboutVisual img { width:min(92%,470px) !important; }

  .napfdetektiv-root .ndFinalCtaSection { padding:28px 0 30px !important; }

  .napfdetektiv-root .ndFinalCtaGrid { gap:16px !important; }

  .napfdetektiv-root .ndFinalCtaIcon img { width:96px !important; height:96px !important; }

}

@media (max-width:360px) {
  .napfdetektiv-root .ndInspectV38Art { height:112px !important; }

  .napfdetektiv-root .ndInspectV38Card p { font-size:.71rem !important; }

  .napfdetektiv-root .ndExpectCard { min-height:166px !important; }

  .napfdetektiv-root .ndExpectCard p { font-size:.65rem !important; }

}

.napfdetektiv-root .ndAboutMobileSignature { display:none; }

@media (max-width:780px) {
  .napfdetektiv-root .ndHowItWorks { padding:28px 0 30px !important; }

  .napfdetektiv-root .ndHowItWorks h2 { margin-bottom:6px !important; }

  .napfdetektiv-root .ndHowLine { margin-bottom:14px !important; }

  .napfdetektiv-root .ndStepsWrap { overflow:visible !important; }

  .napfdetektiv-root .ndStepsTrack { display:none !important; }

  .napfdetektiv-root .ndStepsGrid { grid-template-columns:1fr !important; gap:10px !important; }

  .napfdetektiv-root .ndStepCard { min-height:0 !important; display:grid !important; grid-template-columns:30px 92px minmax(0,1fr) !important; grid-template-rows:auto auto 1fr !important; column-gap:10px !important; row-gap:4px !important; align-items:center !important; text-align:left !important; padding:11px 12px 11px 10px !important; border-radius:14px !important; }

  .napfdetektiv-root .ndStepNum { position:static !important; grid-column:1 !important; grid-row:1 / span 3 !important; width:30px !important; height:30px !important; align-self:start !important; margin-top:2px !important; font-size:.78rem !important; }

  .napfdetektiv-root .ndStepArt { grid-column:2 !important; grid-row:1 / span 3 !important; width:92px !important; height:92px !important; margin:0 !important; align-self:center !important; }

  .napfdetektiv-root .ndStepArt img { max-width:92px !important; max-height:92px !important; }

  .napfdetektiv-root .ndStepCard h3 { grid-column:3 !important; grid-row:1 !important; margin:0 !important; font-size:.93rem !important; line-height:1.18 !important; text-align:left !important; }

  .napfdetektiv-root .ndStepLine { grid-column:3 !important; grid-row:2 !important; width:24px !important; height:2px !important; margin:2px 0 2px !important; }

  .napfdetektiv-root .ndStepCard p { grid-column:3 !important; grid-row:3 !important; max-width:none !important; margin:0 !important; font-size:.73rem !important; line-height:1.32 !important; text-align:left !important; }

  .napfdetektiv-root .ndHowCta { margin-top:12px !important; }

  .napfdetektiv-root .ndHowCta .btn { min-height:48px !important; padding:11px 18px !important; }

  .napfdetektiv-root .ndAboutSection { padding-top:28px !important; padding-bottom:30px !important; }

  .napfdetektiv-root .ndAboutGrid { gap:16px !important; }

  .napfdetektiv-root .ndAboutCopy p { margin-bottom:12px !important; }

  .napfdetektiv-root .ndAboutBrunoLine { display:none !important; }

  .napfdetektiv-root .ndAboutMobileSignature { display:flex !important; align-items:center !important; gap:8px !important; width:100% !important; margin:10px 0 4px !important; color:#0b4b3d !important; }

  .napfdetektiv-root .ndAboutMobileSignature img { display:block !important; width:28px !important; height:28px !important; flex:0 0 28px !important; object-fit:contain !important; }

  .napfdetektiv-root .ndAboutMobileSignature strong { font-size:.78rem !important; line-height:1.2 !important; font-weight:800 !important; }

  .napfdetektiv-root .ndAboutVisual { margin-top:4px !important; }

  .napfdetektiv-root .ndAboutVisual img { width:min(86%,430px) !important; margin:0 auto !important; }

  .napfdetektiv-root .ndFinalCtaSection { padding-top:30px !important; border-top:1px solid rgba(31,77,67,.08) !important; }

}

@media (max-width:390px) {
  .napfdetektiv-root .ndStepCard { grid-template-columns:28px 82px minmax(0,1fr) !important; column-gap:8px !important; padding:10px 9px !important; }

  .napfdetektiv-root .ndStepArt { width:82px !important; height:82px !important; }

  .napfdetektiv-root .ndStepArt img { max-width:82px !important; max-height:82px !important; }

  .napfdetektiv-root .ndStepCard h3 { font-size:.88rem !important; }

  .napfdetektiv-root .ndStepCard p { font-size:.69rem !important; }

  .napfdetektiv-root .ndAboutMobileSignature strong { font-size:.74rem !important; }

}

.napfdetektiv-root .ndFinalCtaIcon img { width:118px !important; height:auto !important; max-height:none !important; object-fit:contain !important; }

@media (min-width:781px) {
  .napfdetektiv-root .ndFinalCtaIcon img { width:126px !important; height:auto !important; }

}

@media (max-width:780px) {
  .napfdetektiv-root .ndCaseTrack { display:none !important; }

  .napfdetektiv-root .ndCaseIntro h2 { max-width:100% !important; }

  .napfdetektiv-root .ndFinalCtaIcon { margin-bottom:6px !important; }

  .napfdetektiv-root .ndFinalCtaIcon img { width:108px !important; height:auto !important; max-height:none !important; object-fit:contain !important; margin:0 auto !important; }

  .napfdetektiv-root .ndFinalCtaGrid { gap:16px !important; }

  .napfdetektiv-root .ndFinalCtaCopy { margin-top:-2px !important; }

  .napfdetektiv-root .ndFinalCtaCopy h2 { margin-top:0 !important; margin-bottom:10px !important; }

}