27:I[868422,["/_next/static/chunks/1dlft7ht-6kzk.js","/_next/static/chunks/3vkzaackgg_qg.js","/_next/static/chunks/1xt6zdl-o7wg3.js","/_next/static/chunks/3p652vdqlk1ce.js","/_next/static/chunks/0-dqqj6hfkr_n.js","/_next/static/chunks/2matreab0rub0.js"],"SiteProvider"] :HL["/styles/static.css","style"] :HL["/styles/notion.css","style"] :HL["/styles/super.css","style"] :HL["https://assets-v2.super.so/global/fonts/Inter/inter-v12-latin-ext_latin_cyrillic-ext_cyrillic-regular.woff2","font",{"crossOrigin":"anonymous","type":"font/woff2"}] :HL["https://assets-v2.super.so/global/fonts/Inter/inter-v12-latin-ext_latin_cyrillic-ext_cyrillic-500.woff2","font",{"crossOrigin":"anonymous","type":"font/woff2"}] :HL["https://assets-v2.super.so/global/fonts/Inter/inter-v12-latin-ext_latin_cyrillic-ext_cyrillic-600.woff2","font",{"crossOrigin":"anonymous","type":"font/woff2"}] :HL["https://assets-v2.super.so/global/fonts/Inter/inter-v12-latin-ext_latin_cyrillic-ext_cyrillic-700.woff2","font",{"crossOrigin":"anonymous","type":"font/woff2"}] :HL["https://fonts.googleapis.com/css2?family=Roboto:wght@400;500;700&display=swap","style"] :HL["https://fonts.googleapis.com/css2?family=DM+Sans:wght@700&display=swap","style"] :HL["https://sites.super.so/snippets/v2/carousel.css","style"] 11:[["$","link","/styles/static.css",{"rel":"stylesheet","href":"/styles/static.css","precedence":"default"}],["$","link","/styles/notion.css",{"rel":"stylesheet","href":"/styles/notion.css","precedence":"default"}],["$","link","/styles/super.css",{"rel":"stylesheet","href":"/styles/super.css","precedence":"default"}]] 12:["$","link","font-preload-Inter-regular",{"rel":"preload","href":"https://assets-v2.super.so/global/fonts/Inter/inter-v12-latin-ext_latin_cyrillic-ext_cyrillic-regular.woff2","crossOrigin":"anonymous","as":"font","type":"font/woff2"}] 13:["$","link","font-preload-Inter-500",{"rel":"preload","href":"https://assets-v2.super.so/global/fonts/Inter/inter-v12-latin-ext_latin_cyrillic-ext_cyrillic-500.woff2","crossOrigin":"anonymous","as":"font","type":"font/woff2"}] 14:["$","link","font-preload-Inter-600",{"rel":"preload","href":"https://assets-v2.super.so/global/fonts/Inter/inter-v12-latin-ext_latin_cyrillic-ext_cyrillic-600.woff2","crossOrigin":"anonymous","as":"font","type":"font/woff2"}] 15:["$","link","font-preload-Inter-700",{"rel":"preload","href":"https://assets-v2.super.so/global/fonts/Inter/inter-v12-latin-ext_latin_cyrillic-ext_cyrillic-700.woff2","crossOrigin":"anonymous","as":"font","type":"font/woff2"}] 16:["$","link",null,{"rel":"preload","href":"https://fonts.googleapis.com/css2?family=Roboto:wght@400;500;700&display=swap","as":"style"}] 17:["$","link",null,{"rel":"preload","href":"https://fonts.googleapis.com/css2?family=DM+Sans:wght@700&display=swap","as":"style"}] 18:["$","link",null,{"rel":"preload","href":"https://sites.super.so/snippets/v2/carousel.css","as":"style"}] 19:["$","link","link-https://fonts.googleapis.com/css2?family=Roboto:wght@400;500;700&display=swap",{"href":"https://fonts.googleapis.com/css2?family=Roboto:wght@400;500;700&display=swap","rel":"stylesheet"}] 1a:["$","link","link-https://fonts.googleapis.com/css2?family=DM+Sans:wght@700&display=swap",{"href":"https://fonts.googleapis.com/css2?family=DM+Sans:wght@700&display=swap","rel":"stylesheet"}] 1b:["$","link","link-https://sites.super.so/snippets/v2/carousel.css",{"rel":"stylesheet","href":"https://sites.super.so/snippets/v2/carousel.css"}] 1c:["$","style","12",{"dangerouslySetInnerHTML":{"__html":"\n html, body,\n p, span, a, button, input, textarea,\n h3, h4, h5, h6, blockquote, li, td, th,\n .notion, .notion * {\n font-family: 'Roboto', sans-serif !important;\n }\n h1, h2 {\n font-family: 'DM Sans', sans-serif !important;\n }\n"},"children":null}] 1d:["$","meta","14",{"name":"google-site-verification","content":"1axUrE-aqk2GM_ufIsG3DD-0Q3ub2l4eIFSYGKGo7kw","children":null}] 1e:["$","script","20",{"dangerouslySetInnerHTML":{"__html":"\n(function () {\n var intentionalScroll = false;\n\n document.addEventListener('click', function (e) {\n var a = e.target.closest && e.target.closest('a[href*=\"#block-\"]');\n if (!a) return;\n var id = a.getAttribute('href').split('#')[1];\n var el = id && document.getElementById(id);\n if (!el) return;\n e.preventDefault();\n intentionalScroll = true;\n el.scrollIntoView({ behavior: 'smooth', block: 'start' });\n if (history && history.replaceState) history.replaceState(null, '', '#' + id);\n }, true);\n\n var pin = true;\n var start = Date.now();\n function release() { pin = false; }\n ['wheel', 'touchstart', 'keydown', 'mousedown'].forEach(function (evt) {\n window.addEventListener(evt, release, { once: true, passive: true });\n });\n function loop() {\n if (!pin || intentionalScroll) return;\n if (Date.now() - start > 3000) return;\n if (window.scrollY > 0) window.scrollTo(0, 0);\n requestAnimationFrame(loop);\n }\n requestAnimationFrame(loop);\n})();\n"},"children":null}] 1f:["$","style","22",{"dangerouslySetInnerHTML":{"__html":"[id^=\"block-\"]{scroll-margin-top:90px;}"},"children":null}] 20:["$","script","26",{"async":true,"src":"https://www.googletagmanager.com/gtag/js?id=G-N81J2ZB1L7","children":null}] 21:["$","script","28",{"dangerouslySetInnerHTML":{"__html":"\n window.dataLayer = window.dataLayer || [];\n function gtag(){dataLayer.push(arguments);}\n gtag('js', new Date());\n gtag('config', 'G-N81J2ZB1L7');\n"},"children":null}] 22:["$","script","32",{"dangerouslySetInnerHTML":{"__html":"\n (function () {\n function fireCTA(el, name) {\n if (typeof gtag !== 'function') return;\n gtag('event', name, {\n language: document.documentElement.lang || (location.pathname.startsWith('/de') ? 'de' : 'en'),\n page_path: location.pathname,\n page_context: 'hero'\n });\n }\n document.addEventListener('click', function (e) {\n var a = e.target.closest('a');\n if (!a) return;\n var t = (a.textContent || '').trim();\n if (/^(Ask Peaty|Peaty fragen)$/i.test(t)) fireCTA(a, 'cta_peaty_click');\n if (/^(Find Case|Case finden)$/i.test(t)) fireCTA(a, 'cta_guides_click');\n }, true);\n })();\n"},"children":null}] 23:["$","script","36",{"dangerouslySetInnerHTML":{"__html":"\n window.addEventListener('message', function (e) {\n if (e.origin !== 'https://jocular-buttercream-1fd5c9.netlify.app') return;\n if (!e.data || e.data.type !== 'peaty_to_guide_conversion') return;\n gtag('event', 'peaty_to_guide_conversion', {\n guide_url: e.data.url,\n guide_label: e.data.label,\n language: location.pathname.startsWith('/de') ? 'de' : 'en',\n page_path: location.pathname\n });\n });\n"},"children":null}] 26:T600, (function () { var ORIGIN = 'https://peats.ai'; var path = location.pathname.replace(/\/+$/, '') || '/'; function link(rel, href, hl) { var l = document.createElement('link'); l.setAttribute('rel', rel); l.setAttribute('href', href); if (hl) l.setAttribute('hreflang', hl); document.head.appendChild(l); } // 0) verkaufte Guides: niemals indexieren if (path === '/guide' || path.indexOf('/guide/') === 0) { var mr = document.createElement('meta'); mr.setAttribute('name', 'robots'); mr.setAttribute('content', 'noindex, nofollow'); document.head.appendChild(mr); return; } // 1) self-referencing canonical if (!document.querySelector('link[rel="canonical"]')) { link('canonical', ORIGIN + path); } // 2) hreflang - only when the counterpart really exists if (document.querySelector('link[rel="alternate"][hreflang]')) return; if (path === '/' || path === '/de') { link('alternate', ORIGIN + '/', 'en'); link('alternate', ORIGIN + '/de', 'de'); link('alternate', ORIGIN + '/', 'x-default'); return; } var m = path.match(/^\/(en|de)(\/.+)$/); if (!m) return; var rest = m[2]; var other = (m[1] === 'en' ? '/de' : '/en') + rest; fetch(other, { method: 'HEAD', redirect: 'manual' }).then(function (r) { if (r.status !== 200) return; link('alternate', ORIGIN + '/en' + rest, 'en'); link('alternate', ORIGIN + '/de' + rest, 'de'); link('alternate', ORIGIN + '/en' + rest, 'x-default'); }).catch(function () {}); })(); 24:["$","script","40",{"dangerouslySetInnerHTML":{"__html":"$26"},"children":null}] 28:T13ec, 29:T5e07, *:first-child { margin-top: 0 !important; padding-top: 0 !important; } .super-navbar + .super-content { padding-top: 6px !important; } /* === DIVIDER === */ .super-navbar + .super-content .notion-divider:first-of-type { height: 1px !important; background: #E3E6EE !important; opacity: 1 !important; margin: 12px 0 24px !important; border: 0 !important; } /* === LANGUAGE SWITCHER === */ .super-navbar__language-dropdown { border: 1.5px solid var(--peats-green) !important; border-radius: 6px !important; padding: 4px 10px !important; color: var(--peats-green) !important; font-size: 13px !important; font-weight: 500 !important; opacity: 1 !important; } .super-navbar__language-dropdown:hover { background: var(--peats-green) !important; color: #fff !important; } h1, h2 { font-family: "DM Sans", sans-serif !important; } .super-footer a, .super-footer p, .super-footer span { color: #ffffff !important; } /* === PEATS FOOTER === */ .peats-footer-wrap { display: none; background: #374C70; padding: 72px 60px 48px; font-family: "Roboto", sans-serif; } .peats-footer-top { display: flex; justify-content: space-between; align-items: flex-start; gap: 40px; } .peats-footer-social { display: flex; gap: 16px; margin-top: 8px; } .peats-footer-social a svg { width: 24px; height: 24px; fill: #F1F2F7; transition: opacity 0.2s; } .peats-footer-social a:hover svg { opacity: 0.7; } .peats-footer-right { display: flex; gap: 60px; } .peats-footer-col h4 { color: #F1F2F7; font-size: 13px; font-weight: 700; text-transform: uppercase; letter-spacing: 0.08em; margin: 0 0 14px; } .peats-footer-col a { display: block; color: #F1F2F7; font-size: 14px; text-decoration: none; margin-bottom: 10px; opacity: 0.8; transition: opacity 0.2s; } .peats-footer-col a:hover { opacity: 1; } .peats-footer-divider { border: none; border-top: 1px solid rgba(241, 242, 247, 0.2); margin: 36px 0 16px; } .peats-footer-copy { color: #F1F2F7; font-size: 12px; opacity: 0.6; } [class*=parent-page__][class*=use-case-library] .notion-header__title { display: none !important; } /* ============================================================ FIX: Mobile-Trust-Callout-Box (Foto + dunkelblaue Textbox) klebte am linken Rand statt 24px Innenabstand zu haben. Wirkt site-weit auf ALLE Case-Seiten (L1-L14, T1-T4, A1-A2, P1-P7). ============================================================ */ @media (max-width: 1024px) { .notion-callout:has(img):not(:has(a)) > .notion-callout__content > .notion-callout:not(#__spec_boost__):not(#__spec_boost__) { padding-left: 24px !important; padding-right: 24px !important; } } /* === FAQ TOGGLES (Design A) — bewusst AUSSERHALB jeder @media-Klammer, gilt für alle Bildschirmgrößen === */ .notion-toggle.notion-toggle-heading-4, .notion-toggle.notion-toggle-heading-4.closed, .notion-toggle.notion-toggle-heading-4.open { background-color: #ffffff !important; border: none !important; border-radius: 16px !important; padding: 18px 24px !important; box-shadow: 0 12px 28px -10px rgba(9, 73, 64, 0.18); margin: 10px 0; } .notion-toggle.notion-toggle-heading-4 .notion-toggle__summary, .notion-toggle.notion-toggle-heading-4 .notion-toggle__trigger { background-color: transparent !important; } /* ========================================================================= PEATS — Kundenstimmen als Laufleiste Gilt fuer alle Use-Case-Library-Seiten (DE + EN, alle Libraries). Greift strukturell: Spaltenreihe mit genau 8 Spalten = die Laufleiste. Keine Block-IDs, kein JavaScript. ========================================================================= */ /* 1) Alte Datenbank-Galerie ausblenden. WICHTIG: greift nur auf Seiten, die die neue Laufleiste bereits haben. Dadurch behalten noch nicht umgestellte Case-Seiten ihre Galerie. */ main[class*=use-case-library]:has(.notion-column-list > .notion-column:nth-child(8):last-child) .notion-callout.color-brown:has(.notion-collection) { display: none !important; } /* 2) Die Laufleiste selbst */ main[class*=use-case-library] .notion-column-list:has(> .notion-column:nth-child(8):last-child) { display: flex !important; flex-wrap: nowrap !important; gap: 24px !important; overflow: hidden !important; padding: 8px 0 !important; -webkit-mask-image: linear-gradient(90deg, transparent 0, #000 64px, #000 calc(100% - 64px), transparent 100%); mask-image: linear-gradient(90deg, transparent 0, #000 64px, #000 calc(100% - 64px), transparent 100%); } /* 3) Die Karten */ main[class*=use-case-library] .notion-column-list:has(> .notion-column:nth-child(8):last-child) > .notion-column { --peats-lauf: 1536px; /* 4 Karten x (360px + 24px Abstand) */ flex: 0 0 360px !important; width: 360px !important; min-width: 360px !important; max-width: 360px !important; box-sizing: border-box !important; background: #ffffff !important; border: 1px solid #E3E6EE !important; border-radius: 12px !important; padding: 28px 24px 24px !important; display: flex !important; flex-direction: column !important; animation: peats-laufleiste 20s linear infinite; } /* Gruener Akzentstrich oben in jeder Karte */ main[class*=use-case-library] .notion-column-list:has(> .notion-column:nth-child(8):last-child) > .notion-column::before { content: ""; display: block; width: 28px; height: 3px; background: #53BE90; border-radius: 2px; margin: 0 0 18px 0; flex: none; } /* 4) Typografie in der Karte: 1 = Zitat, 2 = Name, 3 = Rolle */ main[class*=use-case-library] .notion-column-list:has(> .notion-column:nth-child(8):last-child) > .notion-column > .notion-text:nth-of-type(1) { font-size: 15px !important; font-weight: 400 !important; line-height: 1.65 !important; color: #374C70 !important; margin: 0 0 20px 0 !important; flex: 1 1 auto !important; } main[class*=use-case-library] .notion-column-list:has(> .notion-column:nth-child(8):last-child) > .notion-column > .notion-text:nth-of-type(2) { font-size: 15px !important; line-height: 1.4 !important; color: #374C70 !important; margin: 0 !important; } main[class*=use-case-library] .notion-column-list:has(> .notion-column:nth-child(8):last-child) > .notion-column > .notion-text:nth-of-type(2) strong { font-weight: 700 !important; } main[class*=use-case-library] .notion-column-list:has(> .notion-column:nth-child(8):last-child) > .notion-column > .notion-text:nth-of-type(3) { font-size: 13px !important; font-weight: 400 !important; line-height: 1.5 !important; color: #425F9D !important; margin: 2px 0 0 0 !important; } /* 5) Bewegung */ @keyframes peats-laufleiste { from { transform: translateX(0); } to { transform: translateX(calc(-1 * var(--peats-lauf))); } } /* Anhalten, sobald die Maus darueber liegt */ main[class*=use-case-library] .notion-column-list:has(> .notion-column:nth-child(8):last-child):hover > .notion-column { animation-play-state: paused; } /* 6) Mobil */ @media (max-width: 640px) { main[class*=use-case-library] .notion-column-list:has(> .notion-column:nth-child(8):last-child) { gap: 20px !important; -webkit-mask-image: linear-gradient(90deg, transparent 0, #000 24px, #000 calc(100% - 24px), transparent 100%); mask-image: linear-gradient(90deg, transparent 0, #000 24px, #000 calc(100% - 24px), transparent 100%); } main[class*=use-case-library] .notion-column-list:has(> .notion-column:nth-child(8):last-child) > .notion-column { --peats-lauf: 1200px; /* 4 Karten x (280px + 20px Abstand) */ flex: 0 0 280px !important; width: 280px !important; min-width: 280px !important; max-width: 280px !important; padding: 24px 20px 20px !important; } main[class*=use-case-library] .notion-column-list:has(> .notion-column:nth-child(8):last-child) > .notion-column > .notion-text:nth-of-type(1) { font-size: 14px !important; } } /* 7) Barrierefreiheit: bei "Bewegung reduzieren" steht die Leiste still und laesst sich stattdessen wischen. */ @media (prefers-reduced-motion: reduce) { main[class*=use-case-library] .notion-column-list:has(> .notion-column:nth-child(8):last-child) { overflow-x: auto !important; } main[class*=use-case-library] .notion-column-list:has(> .notion-column:nth-child(8):last-child) > .notion-column { animation: none !important; } } /* ===== Fix 7 - Hero card inner padding on narrow viewports (<=900px) ===== Root cause: the page-level rule '... > .notion-callout__content > .notion-callout { padding: 0 !important }' removes all inner padding. On desktop this is hidden because the green card is position:absolute over the image; below 900px position is reset to static, so badge/headline/button sit flush against the card edge. The triple :not(#__spec_boost__) is required to outrank Super.so's automatic specificity boost on page-specific CSS. Verified at 390px and 612px, EN + DE. */ @media (max-width: 900px) { .page__index:not(#__spec_boost__):not(#__spec_boost__):not(#__spec_boost__) .notion-callout:has(img):has(h1) > .notion-callout__content > .notion-callout, .page__de:not(#__spec_boost__):not(#__spec_boost__):not(#__spec_boost__) .notion-callout:has(img):has(h1) > .notion-callout__content > .notion-callout { padding: 28px 24px 32px !important; box-sizing: border-box !important; } } html:has(main.parent-page__guide) { font-size: 16px !important; } main.parent-page__guide { --p-gruen-hell:#53BE90; --p-blau-dunkel:#374C70; --p-blau-hell:#425F9D; --p-rot:#EC5D5F; --p-rot-dunkel:#EC5D5F; --p-gruen-dunkel:#094940; --p-band:#141F33; --p-ink:#141F33; --p-ink-2:#4E5972; --p-ink-3:#818B9E; --p-rule:#D5D9E5; --p-rule-soft:#E6E9F1; --p-flaeche:#FFFFFF; --p-flaeche-2:#E7EAF3; --p-sans:"Roboto",-apple-system,Helvetica,Arial,sans-serif; --p-display:"Roboto",Helvetica,Arial,sans-serif; --p-mono:"Roboto Mono",ui-monospace,Menlo,monospace; --p-lab:186px; } main.parent-page__guide { background: #F1F2F7 !important; counter-reset: peats-kapitel -1 !important; } main.parent-page__guide article.notion-root { background: transparent !important; } main.parent-page__guide :is(.notion-text, li.notion-list-item) { font-family: var(--p-sans) !important; font-size: 0.94rem !important; line-height: 1.6 !important; color: var(--p-ink-2) !important; } main.parent-page__guide .notion-text { margin: 0.35rem 0 !important; } main.parent-page__guide .notion-text:empty { display: none !important; } main.parent-page__guide h1.notion-heading { font-family: var(--p-display) !important; font-weight: 700 !important; font-size: clamp(2.2rem, 5.4vw, 4rem) !important; line-height: 1.02 !important; letter-spacing: -0.035em !important; color: var(--p-gruen-dunkel) !important; margin: 0 0 0.8rem !important; } main.parent-page__guide h3.notion-heading.toggle { border-bottom: 0 !important; padding-bottom: 0 !important; } main.parent-page__guide .notion-callout .notion-callout__content > .notion-semantic-string:empty { display: none !important; } main.parent-page__guide .notion-callout.bg-gray-light { background: linear-gradient(135deg, #1E2C46 0%, #374C70 100%) !important; color: #fff !important; border: 0 !important; border-radius: 20px !important; padding: clamp(1.6rem, 3.2vw, 2.6rem) !important; margin: clamp(2.4rem, 5vw, 4rem) 0 0 !important; } main.parent-page__guide .notion-callout.bg-gray-light .notion-callout__icon { display: none !important; } main.parent-page__guide .notion-callout.bg-gray-light .notion-callout__content { display: grid !important; grid-template-columns: var(--p-lab) minmax(0, 1fr) !important; column-gap: 1.4rem !important; align-items: start !important; } main.parent-page__guide .notion-callout.bg-gray-light .notion-callout__content > p { grid-column: 2 !important; color: #B9C2D4 !important; font-size: 0.92rem !important; line-height: 1.5 !important; max-width: 70ch !important; margin: 0 0 0.3rem !important; } main.parent-page__guide .notion-callout.bg-gray-light .notion-callout__content > p:has(strong) { font-family: var(--p-display) !important; font-size: clamp(1.5rem, 3.4vw, 2.5rem) !important; font-weight: 700 !important; letter-spacing: -0.028em !important; line-height: 1.12 !important; color: #fff !important; margin: 0 0 0.6rem !important; max-width: none !important; } main.parent-page__guide .notion-callout.bg-gray-light .notion-callout__content > p:has(strong)::before { content: "" !important; display: block !important; width: 44px !important; height: 4px !important; border-radius: 2px !important; background: var(--p-gruen-hell) !important; margin-bottom: 0.9rem !important; } main.parent-page__guide .notion-callout.bg-gray-light .notion-callout__content > p:first-of-type { grid-column: 1 !important; grid-row: 1/span 99 !important; font-family: var(--p-mono) !important; font-weight: 700 !important; font-size: clamp(3.4rem, 8vw, 6.4rem) !important; line-height: 0.82 !important; letter-spacing: -0.06em !important; color: var(--p-gruen-hell) !important; max-width: none !important; margin: 0 !important; } main.parent-page__guide .notion-callout.bg-gray-light .notion-callout__content > p:first-of-type::before { content: none !important; } main.parent-page__guide .notion-callout.bg-red-light { background: var(--p-flaeche-2) !important; border: 0 !important; border-left: 4px solid var(--p-rot) !important; border-radius: 16px !important; padding: 1.1rem 1.3rem !important; margin: 1.2rem 0 !important; } main.parent-page__guide .notion-callout.bg-red-light .notion-callout__icon { display: none !important; } main.parent-page__guide .notion-callout.bg-red-light .notion-callout__content > p { font-size: 0.92rem !important; line-height: 1.6 !important; color: var(--p-ink-2) !important; max-width: 74ch !important; margin: 0 0 0.4rem !important; } main.parent-page__guide .notion-callout.bg-red-light .notion-callout__content > p:first-of-type { font-family: var(--p-mono) !important; font-size: 0.63rem !important; font-weight: 500 !important; letter-spacing: 0.16em !important; text-transform: uppercase !important; color: var(--p-rot-dunkel) !important; margin: 0 0 0.5rem !important; max-width: none !important; } main.parent-page__guide .notion-callout.bg-green-light { background: var(--p-gruen-dunkel) !important; color: #DDEDE5 !important; border: 0 !important; border-radius: 16px !important; padding: 1.3rem 1.4rem !important; margin: 1rem 0 1.6rem !important; } main.parent-page__guide .notion-callout.bg-green-light .notion-callout__icon { display: none !important; } main.parent-page__guide .notion-callout.bg-green-light .notion-callout__content > p { font-size: 0.88rem !important; line-height: 1.62 !important; color: #DDEDE5 !important; max-width: 74ch !important; margin: 0 0 0.4rem !important; } main.parent-page__guide .notion-callout.bg-green-light .notion-callout__content > p:nth-of-type(2) { font-family: var(--p-display) !important; font-weight: 400 !important; font-style: italic !important; font-size: 1.08rem !important; line-height: 1.35 !important; color: #fff !important; margin: 0 0 0.8rem !important; max-width: 44ch !important; } main.parent-page__guide .notion-callout.bg-green-light .notion-callout__content > p:first-of-type { font-family: var(--p-mono) !important; font-size: 0.6rem !important; font-style: normal !important; letter-spacing: 0.18em !important; text-transform: uppercase !important; color: var(--p-gruen-hell) !important; margin: 0 0 0.6rem !important; max-width: none !important; } main.parent-page__guide .notion-callout.bg-green-light strong { color: var(--p-gruen-hell) !important; font-weight: 500 !important; } main.parent-page__guide .notion-column-list { gap: 1.4rem !important; padding: 1.3rem 0 !important; border-bottom: 1px solid var(--p-rule) !important; align-items: start !important; } main.parent-page__guide .notion-column { min-width: 0 !important; } main.parent-page__guide .notion-column-list:not(:has(img, figure, > .notion-column:first-child .notion-column-list, > .notion-column:first-child .notion-quote, > .notion-column:first-child :is(h1, h2, h3, h4, ul, ol, table, .notion-callout), > .notion-column:first-child > .notion-text:first-child strong, > .notion-column:first-child > p.notion-text:nth-of-type(4))):not(:has(> .notion-column:first-child[style*="0.5)"])) > .notion-column:first-child:nth-last-child(2) { flex: 0 0 var(--p-lab) !important; border-left: 4px solid var(--p-rule) !important; padding-left: 0.7rem !important; } main.parent-page__guide .notion-column-list:not(:has(img, figure, > .notion-column:first-child .notion-column-list, > .notion-column:first-child .notion-quote, > .notion-column:first-child :is(h1, h2, h3, h4, ul, ol, table, .notion-callout), > .notion-column:first-child > .notion-text:first-child strong, > .notion-column:first-child > p.notion-text:nth-of-type(4))):not(:has(> .notion-column:first-child[style*="0.5)"])) > .notion-column:first-child:nth-last-child(2) + .notion-column { flex: 1 1 auto !important; width: auto !important; max-width: none !important; } main.parent-page__guide .notion-column-list:not(:has(img, figure, > .notion-column:first-child .notion-column-list, > .notion-column:first-child .notion-quote, > .notion-column:first-child :is(h1, h2, h3, h4, ul, ol, table, .notion-callout), > .notion-column:first-child > .notion-text:first-child strong, > .notion-column:first-child > p.notion-text:nth-of-type(4))):not(:has(> .notion-column:first-child[style*="0.5)"])) > .notion-column:first-child:nth-last-child(2) .notion-text:first-child { font-family: var(--p-mono) !important; font-size: 0.63rem !important; font-weight: 500 !important; letter-spacing: 0.16em !important; text-transform: uppercase !important; color: var(--p-ink-3) !important; margin: 0 0 0.2rem !important; } main.parent-page__guide .notion-column-list:not(:has(img, figure, > .notion-column:first-child .notion-column-list, > .notion-column:first-child .notion-quote, > .notion-column:first-child :is(h1, h2, h3, h4, ul, ol, table, .notion-callout), > .notion-column:first-child > .notion-text:first-child strong, > .notion-column:first-child > p.notion-text:nth-of-type(4))):not(:has(> .notion-column:first-child[style*="0.5)"])) > .notion-column:first-child:nth-last-child(2) .notion-text:nth-child(2) { font-family: var(--p-sans) !important; font-size: 1.18rem !important; font-weight: 500 !important; letter-spacing: -0.015em !important; text-transform: none !important; color: var(--p-ink) !important; line-height: 1.2 !important; margin-top: 0.35rem !important; hyphens: auto !important; -webkit-hyphens: auto !important; overflow-wrap: break-word !important; word-break: normal !important; } main.parent-page__guide .notion-column-list:not(:has(img, figure, > .notion-column:first-child .notion-column-list, > .notion-column:first-child .notion-quote, > .notion-column:first-child :is(h1, h2, h3, h4, ul, ol, table, .notion-callout), > .notion-column:first-child > .notion-text:first-child strong, > .notion-column:first-child > p.notion-text:nth-of-type(4))):not(:has(> .notion-column:first-child[style*="0.5)"])) > .notion-column:first-child:nth-last-child(2) .notion-text:nth-child(3) { font-size: 0.76rem !important; color: var(--p-ink-3) !important; text-transform: none !important; letter-spacing: 0 !important; margin-top: 0.25rem !important; } main.parent-page__guide .notion-column-list:not(:has(img, figure, > .notion-column:first-child .notion-column-list, > .notion-column:first-child .notion-quote, > .notion-column:first-child :is(h1, h2, h3, h4, ul, ol, table, .notion-callout), > .notion-column:first-child > .notion-text:first-child strong, > .notion-column:first-child > p.notion-text:nth-of-type(4))):not(:has(> .notion-column:first-child[style*="0.5)"])) > .notion-column:first-child:nth-last-child(2):has(.color-red) { border-left-color: var(--p-rot-text) !important; } main.parent-page__guide .notion-column-list:not(:has(img, figure, > .notion-column:first-child .notion-column-list, > .notion-column:first-child .notion-quote, > .notion-column:first-child :is(h1, h2, h3, h4, ul, ol, table, .notion-callout), > .notion-column:first-child > .notion-text:first-child strong, > .notion-column:first-child > p.notion-text:nth-of-type(4))):not(:has(> .notion-column:first-child[style*="0.5)"])) > .notion-column:first-child:nth-last-child(2):has(.color-red) .notion-text:first-child { color: var(--p-rot-text) !important; } main.parent-page__guide .notion-column-list:not(:has(img, figure, > .notion-column:first-child .notion-column-list, > .notion-column:first-child .notion-quote, > .notion-column:first-child :is(h1, h2, h3, h4, ul, ol, table, .notion-callout), > .notion-column:first-child > .notion-text:first-child strong, > .notion-column:first-child > p.notion-text:nth-of-type(4))):not(:has(> .notion-column:first-child[style*="0.5)"])) > .notion-column:first-child:nth-last-child(2):has(.color-blue) { border-left-color: var(--p-blau-hell) !important; } main.parent-page__guide .notion-column-list:not(:has(img, figure, > .notion-column:first-child .notion-column-list, > .notion-column:first-child .notion-quote, > .notion-column:first-child :is(h1, h2, h3, h4, ul, ol, table, .notion-callout), > .notion-column:first-child > .notion-text:first-child strong, > .notion-column:first-child > p.notion-text:nth-of-type(4))):not(:has(> .notion-column:first-child[style*="0.5)"])) > .notion-column:first-child:nth-last-child(2):has(.color-blue) .notion-text:first-child { color: var(--p-blau-hell) !important; } main.parent-page__guide .notion-column-list:not(:has(img, figure, > .notion-column:first-child .notion-column-list, > .notion-column:first-child .notion-quote, > .notion-column:first-child :is(h1, h2, h3, h4, ul, ol, table, .notion-callout), > .notion-column:first-child > .notion-text:first-child strong, > .notion-column:first-child > p.notion-text:nth-of-type(4))):not(:has(> .notion-column:first-child[style*="0.5)"])) > .notion-column:first-child:nth-last-child(2):has(.color-green) { border-left-color: var(--p-gruen-dunkel) !important; } main.parent-page__guide .notion-column-list:not(:has(img, figure, > .notion-column:first-child .notion-column-list, > .notion-column:first-child .notion-quote, > .notion-column:first-child :is(h1, h2, h3, h4, ul, ol, table, .notion-callout), > .notion-column:first-child > .notion-text:first-child strong, > .notion-column:first-child > p.notion-text:nth-of-type(4))):not(:has(> .notion-column:first-child[style*="0.5)"])) > .notion-column:first-child:nth-last-child(2):has(.color-green) .notion-text:first-child { color: var(--p-gruen-dunkel) !important; } main.parent-page__guide .notion-column :is(h3, h4).notion-heading { font-family: var(--p-mono) !important; font-size: 0.61rem !important; font-weight: 500 !important; letter-spacing: 0.17em !important; text-transform: uppercase !important; color: var(--p-ink-3) !important; margin: 0 0 0.4rem !important; padding-bottom: 0.3rem !important; border-bottom: 1px solid var(--p-rule-soft) !important; } main.parent-page__guide .notion-table__wrapper { border: 1px solid var(--p-rule) !important; border-radius: 16px !important; background: var(--p-flaeche) !important; overflow-x: auto !important; width: 100% !important; max-width: 100% !important; margin: 0.8rem 0 !important; } main.parent-page__guide table.notion-table { width: 100% !important; max-width: 100% !important; table-layout: auto !important; border-collapse: separate !important; border-spacing: 0 !important; } main.parent-page__guide table.notion-table td { min-width: 0 !important; max-width: none !important; padding: 0 !important; vertical-align: top !important; border: 0 !important; border-bottom: 1px solid var(--p-rule-soft) !important; background: transparent !important; } main.parent-page__guide table.notion-table > tbody > tr:last-child > td { border-bottom: 0 !important; } main.parent-page__guide table.notion-table .notion-table__cell { padding: 0.6rem 0.75rem !important; font-size: 0.8rem !important; line-height: 1.45 !important; color: var(--p-ink-2) !important; white-space: normal !important; overflow-wrap: break-word !important; word-break: normal !important; hyphens: none !important; } main.parent-page__guide table.notion-table > tbody > tr:nth-child(even) > td { background: var(--p-flaeche-2) !important; } main.parent-page__guide table.notion-table.col-header > tbody > tr:first-child > td { background: var(--p-blau-hell) !important; border-bottom: 0 !important; } main.parent-page__guide table.notion-table.col-header > tbody > tr:first-child > td .notion-table__cell { color: #fff !important; font-family: var(--p-mono) !important; font-size: 0.56rem !important; font-weight: 500 !important; letter-spacing: 0.12em !important; text-transform: uppercase !important; padding: 0.55rem 0.75rem !important; } main.parent-page__guide table.notion-table.row-header > tbody > tr > td:first-child .notion-table__cell { color: var(--p-ink) !important; font-weight: 500 !important; } main.parent-page__guide table.notion-table.col-header.row-header > tbody > tr:first-child > td:first-child .notion-table__cell { color: #fff !important; font-weight: 500 !important; } main.parent-page__guide table.notion-table:has(> tbody > tr > td:nth-child(6)) .notion-table__cell { font-size: 0.73rem !important; padding: 0.45rem 0.5rem !important; } main.parent-page__guide table.notion-table:has(> tbody > tr > td:nth-child(6)) td { min-width: 132px !important; } main.parent-page__guide table.notion-table:has(> tbody > tr > td:nth-child(8)) td { min-width: 118px !important; } main.parent-page__guide table.notion-table:has(> tbody > tr > td:nth-child(8)) .notion-table__cell { overflow-wrap: break-word !important; font-size: 0.72rem !important; padding: 0.45rem 0.5rem !important; } main.parent-page__guide .notion-table__wrapper { background-image: linear-gradient(to left, rgba(20, 31, 51, 0.07), transparent 28px) !important; background-attachment: local !important; background-repeat: no-repeat !important; background-position: right center !important; background-size: 28px 100% !important; } main.parent-page__guide table.notion-table.col-header:has(> tbody > tr > td:nth-child(6)) > tbody > tr:first-child > td .notion-table__cell { font-size: 0.5rem !important; letter-spacing: 0.08em !important; padding: 0.45rem 0.5rem !important; } main.parent-page__guide .notion-text:has(+ h1.notion-heading), main.parent-page__guide .notion-text:has(+ .notion-heading__anchor + h1.notion-heading) { display: inline-block !important; background: var(--p-gruen-dunkel) !important; color: #fff !important; font-family: var(--p-mono) !important; font-size: 0.6rem !important; font-weight: 500 !important; letter-spacing: 0.16em !important; text-transform: uppercase !important; padding: 0.42rem 0.9rem !important; border-radius: 999px !important; margin: 0 0 1rem !important; } main.parent-page__guide .notion-column-list:has(> .notion-column:nth-child(5):last-child) { display: flex !important; background: var(--p-flaeche) !important; border: 1px solid var(--p-rule-soft) !important; border-radius: 16px !important; padding: 0 !important; margin: 1.4rem 0 !important; overflow: hidden !important; } main.parent-page__guide .notion-column-list:has(> .notion-column:nth-child(5):last-child) > .notion-column { flex: 1 1 0 !important; width: auto !important; border-top: 0 !important; border-left: 1px solid var(--p-rule-soft) !important; padding: 1.1rem 1.2rem !important; } main.parent-page__guide .notion-column-list:has(> .notion-column:nth-child(5):last-child) > .notion-column:first-child { border-left: 0 !important; } main.parent-page__guide .notion-column-list:has(> .notion-column:nth-child(5):last-child) .notion-text:first-child { font-family: var(--p-display) !important; font-size: 1.9rem !important; font-weight: 700 !important; line-height: 1 !important; letter-spacing: -0.03em !important; color: var(--p-ink) !important; text-transform: none !important; margin: 0 0 0.35rem !important; } main.parent-page__guide .notion-column-list:has(> .notion-column:nth-child(5):last-child) .notion-text:nth-child(2) { font-family: var(--p-mono) !important; font-size: 0.58rem !important; font-weight: 500 !important; letter-spacing: 0.14em !important; text-transform: uppercase !important; color: var(--p-ink-3) !important; margin: 0 !important; } main.parent-page__guide .notion-column-list { background: transparent !important; border: 0 !important; border-bottom: 1px solid var(--p-rule) !important; border-radius: 0 !important; padding: 1.3rem 0 !important; margin: 0.2rem 0 !important; } main.parent-page__guide .notion-column .notion-column-list { background: transparent !important; border: 0 !important; padding: 0 !important; border-radius: 0 !important; } main.parent-page__guide .notion-toggle { background: transparent !important; border: 0 !important; border-bottom: 1px solid var(--p-rule) !important; border-radius: 0 !important; padding: 1.1rem 0 !important; margin: 0.2rem 0 !important; } main.parent-page__guide .notion-toggle .notion-column-list, main.parent-page__guide .notion-toggle .notion-table__wrapper { background: transparent !important; border: 0 !important; padding: 0 !important; border-radius: 0 !important; margin: 0.4rem 0 !important; } main.parent-page__guide .notion-column-list:has(img) { display: block !important; background: transparent !important; border: 0 !important; border-bottom: 1px solid var(--p-rule) !important; border-radius: 0 !important; padding: 1.6rem 0 !important; } main.parent-page__guide .notion-column-list:has(img) > .notion-column { width: auto !important; max-width: none !important; flex: none !important; border-top: 0 !important; padding: 0 !important; } main.parent-page__guide .notion-column-list:has(img) > .notion-column:has(img) { display: flex !important; justify-content: center !important; margin: 0.4rem 0 1.4rem !important; } main.parent-page__guide .notion-column-list:has(img) img, main.parent-page__guide figure.notion-image img { max-height: 190px !important; width: auto !important; max-width: 100% !important; object-fit: contain !important; } main.parent-page__guide .notion-callout.bg-yellow-light { background: transparent !important; border: 0 !important; border-radius: 0 !important; border-top: 2px solid var(--p-blau-dunkel) !important; padding: 0.9rem 0 0 !important; margin: 1.6rem 0 2.6rem !important; display: flex !important; justify-content: flex-end !important; } main.parent-page__guide .notion-callout.bg-yellow-light .notion-callout__icon { display: none !important; } main.parent-page__guide .notion-callout.bg-yellow-light .notion-callout__content > p { display: inline-block !important; background: var(--p-gruen-hell) !important; color: var(--p-gruen-dunkel) !important; border-radius: 999px !important; padding: 0.5rem 1.1rem !important; margin: 0 !important; font-family: var(--p-mono) !important; font-size: 0.6rem !important; font-weight: 500 !important; letter-spacing: 0.13em !important; text-transform: uppercase !important; } main.parent-page__guide ul.notion-bulleted-list, main.parent-page__guide ol.notion-numbered-list { margin: 0.55rem 0 0.85rem !important; padding-left: 0 !important; list-style: none !important; } main.parent-page__guide li.notion-list-item { position: relative !important; list-style: none !important; font-family: var(--p-sans) !important; font-size: 0.9rem !important; line-height: 1.55 !important; color: var(--p-ink-2) !important; margin: 0 0 0.5rem !important; padding-left: 1.1rem !important; } main.parent-page__guide li.notion-list-item::marker { content: "" !important; } main.parent-page__guide li.notion-list-item::before { content: "" !important; position: absolute !important; left: 0.1rem !important; top: 0.62em !important; width: 5px !important; height: 5px !important; border-radius: 50% !important; background: var(--p-gruen-hell) !important; } main.parent-page__guide li.notion-list-item strong { color: var(--p-ink) !important; font-weight: 700 !important; } main.parent-page__guide .notion-toggle__summary { align-items: center !important; gap: 0.5rem !important; padding: 0.2rem 0 !important; background: transparent !important; border: 0 !important; border-radius: 0 !important; } main.parent-page__guide .notion-toggle__content { background: transparent !important; border: 0 !important; padding: 0 !important; } main.parent-page__guide .notion-toggle__summary > h3.notion-heading { margin: 0 !important; } main.parent-page__guide .notion-toggle__trigger { flex: 0 0 auto !important; } main.parent-page__guide :is(.highlighted-color.color-red, .highlighted-background[class*=red], .notion-red_background):not(.notion-table__cell *) { background: rgba(236, 93, 95, 0.16) !important; box-shadow: 0 0 0 2px rgba(236, 93, 95, 0.16) !important; color: var(--p-ink) !important; font-weight: 500 !important; } main.parent-page__guide .notion-divider { border-top: 1px solid var(--p-rule) !important; margin: 1.6rem 0 !important; opacity: 1 !important; } main.parent-page__guide .notion-quote { border-left: 3px solid var(--p-gruen-dunkel) !important; padding: 0.2rem 0 0.2rem 1rem !important; margin: 1rem 0 !important; font-size: 1.02rem !important; font-weight: 300 !important; color: var(--p-ink) !important; font-style: normal !important; } main.parent-page__guide ul.notion-bulleted-list > li.notion-list-item { padding: 0.4rem 0 0.4rem 1.1rem !important; border-top: 1px solid var(--p-rule-soft) !important; } @media (max-width: 900px) { main.parent-page__guide { --p-lab:100%; } main.parent-page__guide .notion-column-list > .notion-column:first-child:nth-last-child(2) { flex: 1 1 100% !important; border-left: 0 !important; border-top: 4px solid var(--p-rule) !important; padding-left: 0 !important; padding-top: 0.5rem !important; } main.parent-page__guide .notion-column-list { flex-wrap: wrap !important; gap: 0.2rem !important; } main.parent-page__guide .notion-column { flex: 1 1 100% !important; width: 100% !important; max-width: 100% !important; } } main.parent-page__guide .notion-callout.bg-gray-light .notion-callout__content > p:has(strong) strong, main.parent-page__guide .notion-callout.bg-gray-light .notion-callout__content > p:first-of-type, main.parent-page__guide :is(.notion-callout.bg-brown-light, .notion-callout.bg-blue-light) { background: transparent !important; border: 0 !important; border-left: 4px solid var(--p-gruen-dunkel) !important; border-radius: 0 !important; padding: 0.2rem 0 0.2rem 1.2rem !important; margin: 1.6rem 0 !important; } main.parent-page__guide :is(.notion-callout.bg-brown-light, .notion-callout.bg-blue-light) .notion-callout__icon { display: none !important; } main.parent-page__guide :is(.notion-callout.bg-brown-light, .notion-callout.bg-blue-light) .notion-callout__content > p { font-size: 0.94rem !important; line-height: 1.6 !important; color: var(--p-ink-2) !important; max-width: 74ch !important; margin: 0 0 0.35rem !important; text-transform: none !important; font-family: var(--p-sans) !important; letter-spacing: 0 !important; } main.parent-page__guide :is(.notion-callout.bg-brown-light, .notion-callout.bg-blue-light) .notion-callout__content > p:has(strong) { font-family: var(--p-display) !important; font-size: 1.05rem !important; font-weight: 700 !important; color: var(--p-ink) !important; margin: 0.9rem 0 0.3rem !important; } main.parent-page__guide :is(.notion-callout.bg-brown-light, .notion-callout.bg-blue-light) .notion-callout__content > p:first-of-type { font-family: var(--p-mono) !important; font-size: 0.63rem !important; letter-spacing: 0.16em !important; text-transform: uppercase !important; color: var(--p-gruen-dunkel) !important; font-weight: 500 !important; margin: 0 0 0.5rem !important; } main.parent-page__guide :is(.notion-callout.bg-brown-light, .notion-callout.bg-blue-light) .notion-callout__content > p:first-of-type strong { color: var(--p-gruen-dunkel) !important; font-weight: 500 !important; } main.parent-page__guide .notion-callout.bg-green-light .notion-callout__content > p:nth-of-type(2) em { color: #fff !important; font-style: italic !important; } main.parent-page__guide .notion-callout.bg-green-light .notion-callout__content > p { color: #DDEDE5 !important; } main.parent-page__guide .notion-callout.bg-green-light .notion-callout__content > p:first-of-type, main.parent-page__guide .notion-callout.bg-green-light .notion-callout__content > p:first-of-type strong { color: var(--p-gruen-hell) !important; } main.parent-page__guide .notion-callout.bg-red-light .notion-callout__content > p:first-of-type strong { color: var(--p-rot-dunkel) !important; } main.parent-page__guide .notion-column-list:has(> .notion-column:nth-child(3):last-child) > .notion-column > .notion-text:first-child { font-family: var(--p-mono) !important; font-size: 0.6rem !important; font-weight: 500 !important; letter-spacing: 0.15em !important; text-transform: uppercase !important; color: var(--p-ink-3) !important; margin: 0 0 0.25rem !important; } main.parent-page__guide .notion-column-list:has(> .notion-column:nth-child(3):last-child) > .notion-column { border-top: 1px solid var(--p-rule-soft) !important; padding-top: 0.5rem !important; } main.parent-page__guide .notion-column-list:has(> .notion-column:nth-child(3):last-child) > .notion-column > .notion-text { font-size: 0.88rem !important; line-height: 1.45 !important; color: var(--p-ink-2) !important; margin: 0 !important; } main.parent-page__guide .notion-quote { background: var(--p-flaeche-2) !important; border: 0 !important; border-left: 3px solid var(--p-gruen-dunkel) !important; border-radius: 12px !important; padding: 0.9rem 1.1rem !important; margin: 1.1rem 0 !important; font-size: 0.87rem !important; line-height: 1.6 !important; color: var(--p-ink-2) !important; max-width: none !important; font-style: normal !important; } main.parent-page__guide .notion-quote > .notion-semantic-string > strong:first-child { display: block !important; font-family: var(--p-mono) !important; font-size: 0.6rem !important; font-weight: 500 !important; letter-spacing: 0.16em !important; text-transform: uppercase !important; color: var(--p-gruen-dunkel) !important; margin-bottom: 0.4rem !important; } main.parent-page__guide h3.notion-heading.toggle { font-family: var(--p-display) !important; font-size: 1.4rem !important; font-weight: 700 !important; color: var(--p-blau-dunkel) !important; border-bottom: 0 !important; margin: 2rem 0 0.8rem !important; } main.parent-page__guide .notion-quote { background: var(--p-flaeche-2) !important; border: 0 !important; border-left: 3px solid var(--p-gruen-dunkel) !important; border-radius: 12px !important; padding: 0.9rem 1.1rem !important; margin: 1.1rem 0 !important; font-size: 0.87rem !important; line-height: 1.6 !important; color: var(--p-ink-2) !important; max-width: none !important; font-style: normal !important; } main.parent-page__guide .notion-quote .notion-semantic-string > strong:first-child { display: block !important; font-family: var(--p-mono) !important; font-size: 0.6rem !important; font-weight: 500 !important; letter-spacing: 0.16em !important; text-transform: uppercase !important; color: var(--p-gruen-dunkel) !important; margin-bottom: 0.4rem !important; } main.parent-page__guide .notion-column-list:has(> .notion-column:nth-child(3):last-child) > .notion-column > .notion-text:first-child, main.parent-page__guide .notion-column-list:has(> .notion-column:nth-child(4):last-child) > .notion-column > .notion-text:first-child { font-family: var(--p-mono) !important; font-size: 0.6rem !important; font-weight: 500 !important; letter-spacing: 0.15em !important; text-transform: uppercase !important; color: var(--p-ink-3) !important; margin: 0 0 0.3rem !important; } main.parent-page__guide .notion-column-list:has(> .notion-column:nth-child(3):last-child) > .notion-column > .notion-text:first-child:has(strong), main.parent-page__guide .notion-column-list:has(> .notion-column:nth-child(4):last-child) > .notion-column > .notion-text:first-child:has(strong) { font-family: var(--p-sans) !important; font-size: 1.05rem !important; font-weight: 700 !important; letter-spacing: -0.01em !important; text-transform: none !important; color: var(--p-blau-dunkel) !important; } main.parent-page__guide .notion-column-list:has(> .notion-column:nth-child(3):last-child) > .notion-column, main.parent-page__guide .notion-column-list:has(> .notion-column:nth-child(4):last-child) > .notion-column { border-top: 1px solid var(--p-rule-soft) !important; padding-top: 0.55rem !important; } @media (min-width: 1000px) { main.parent-page__guide { padding-left: 258px !important; box-sizing: border-box !important; max-width: none !important; position: relative !important; } main.parent-page__guide .notion-table-of-contents { position: fixed !important; top: 0 !important; left: 0 !important; width: 230px !important; box-sizing: border-box !important; height: 100vh !important; overflow-y: auto !important; margin: 0 !important; max-width: none !important; background: #F1F2F7 !important; border: 0 !important; border-right: 1px solid var(--p-rule) !important; border-radius: 0 !important; padding: 5.2rem 0.9rem 2rem 1.2rem !important; z-index: 5 !important; list-style: none !important; } } @media (min-width: 1280px) { main.parent-page__guide { padding-left: 330px !important; } main.parent-page__guide .notion-table-of-contents { width: 290px !important; padding: 5.2rem 1.2rem 2rem 1.6rem !important; } } main.parent-page__guide .notion-table-of-contents::before { content: "PEATS GUIDE" !important; display: block !important; font-family: var(--p-mono) !important; font-size: 0.6rem !important; font-weight: 500 !important; letter-spacing: 0.18em !important; color: var(--p-ink-3) !important; margin-bottom: 1rem !important; padding-bottom: 0.6rem !important; border-bottom: 1px solid var(--p-rule) !important; text-transform: none !important; } main.parent-page__guide .notion-table-of-contents { counter-reset: peats-rail -1 !important; } main.parent-page__guide .notion-table-of-contents__item { margin: 0 !important; padding: 0 !important; list-style: none !important; border-bottom: 1px solid var(--p-rule-soft) !important; } main.parent-page__guide .notion-table-of-contents__item:has(.notion-semantic-string[style*="margin-inline-start: 24px"]) { counter-increment: peats-rail !important; } main.parent-page__guide .notion-table-of-contents__item:has(.notion-semantic-string[style*="margin-inline-start: 24px"]) > a::before { content: counter(peats-rail, decimal-leading-zero) !important; flex: 0 0 2.1em !important; font-family: var(--p-mono) !important; font-size: 0.68rem !important; font-weight: 500 !important; color: var(--p-ink-3) !important; } main.parent-page__guide .notion-table-of-contents__item > a { display: flex !important; align-items: baseline !important; gap: 0.15rem !important; padding: 0.45rem 0.4rem !important; text-decoration: none !important; color: var(--p-ink-2) !important; border-radius: 6px !important; opacity: 1 !important; } main.parent-page__guide .notion-table-of-contents__item > a:hover { background: #E7EAF3 !important; color: var(--p-ink) !important; opacity: 1 !important; } main.parent-page__guide .notion-table-of-contents__item.peats-aktiv > a { background: var(--p-blau-dunkel) !important; border-radius: 8px !important; } main.parent-page__guide .notion-table-of-contents__item.peats-aktiv > a .notion-semantic-string { color: #fff !important; font-weight: 700 !important; } main.parent-page__guide .notion-table-of-contents__item.peats-aktiv > a::before { color: var(--p-gruen-hell) !important; } main.parent-page__guide .notion-table-of-contents__item .notion-semantic-string { margin-inline-start: 0 !important; font-size: 0.84rem !important; line-height: 1.3 !important; flex: 1 1 auto !important; } main.parent-page__guide .notion-table-of-contents__item:first-child > a { font-weight: 700 !important; font-size: 0.9rem !important; color: var(--p-gruen-dunkel) !important; border-bottom: 1px solid var(--p-rule) !important; margin-bottom: 0.3rem !important; } main.parent-page__guide .notion-table-of-contents__item .notion-semantic-string[style*="margin-inline-start: 24px"] { font-weight: 700 !important; font-size: 0.86rem !important; color: var(--p-ink) !important; } main.parent-page__guide .notion-table-of-contents__item:has(.notion-semantic-string[style*="margin-inline-start: 48px"]), main.parent-page__guide .notion-table-of-contents__item:has(.notion-semantic-string[style*="margin-inline-start: 72px"]) { display: none !important; } @media (min-width: 1000px) { main.parent-page__guide .notion-column-list { flex-wrap: nowrap !important; gap: 1.6rem !important; } main.parent-page__guide .notion-column { min-width: 0 !important; } } @media (min-width: 1000px) { main.parent-page__guide article.notion-root { max-width: none !important; width: auto !important; margin: 0 !important; padding-left: 1.6rem !important; padding-right: 2.4rem !important; } } main.parent-page__guide h2.notion-heading { counter-increment: peats-kapitel !important; display: flex !important; align-items: center !important; gap: 1.6rem !important; background: var(--p-band) !important; color: #fff !important; border-radius: 20px !important; padding: 2.2rem 2.4rem !important; margin: 3.2rem 0 0 !important; font-weight: 700 !important; font-size: clamp(1.5rem, 3vw, 2.2rem) !important; letter-spacing: -0.025em !important; line-height: 1.1 !important; scroll-margin-top: 1.5rem !important; } main.parent-page__guide h2.notion-heading::before { content: counter(peats-kapitel, decimal-leading-zero) !important; flex: 0 0 auto !important; min-width: 120px !important; font-family: var(--p-display) !important; font-size: 4.4rem !important; font-weight: 700 !important; line-height: 0.9 !important; letter-spacing: -0.05em !important; color: var(--p-gruen-hell) !important; } main.parent-page__guide h2.notion-heading + .notion-text { background: var(--p-band) !important; color: #B9C2D4 !important; border-radius: 0 0 20px 20px !important; margin: -20px 0 1.8rem !important; padding: 0 2.4rem 1.8rem 2.4rem !important; padding-left: calc(2.4rem + 120px + 1.6rem) !important; font-size: 0.95rem !important; line-height: 1.6 !important; max-width: none !important; } main.parent-page__guide h3.notion-heading:not(.toggle) { background: var(--p-blau-dunkel) !important; color: #fff !important; border-radius: 14px !important; border-bottom: 0 !important; padding: 0.9rem 1.3rem !important; margin: 2.4rem 0 1.2rem !important; font-weight: 700 !important; font-size: 1.2rem !important; letter-spacing: -0.015em !important; scroll-margin-top: 1.5rem !important; } main.parent-page__guide h2.notion-heading + .notion-text.notion-text__content { padding-top: 1.7rem !important; position: relative !important; z-index: 1 !important; } main.parent-page__guide .notion-column-list:not(:has(img, figure, > .notion-column:first-child .notion-column-list, > .notion-column:first-child .notion-quote, > .notion-column:first-child :is(h1, h2, h3, h4, ul, ol, table, .notion-callout), > .notion-column:first-child > .notion-text:first-child strong, > .notion-column:first-child > p.notion-text:nth-of-type(4))):not(:has(> .notion-column:first-child[style*="0.5)"])) > .notion-column:first-child:nth-last-child(2) .notion-text:nth-child(2):not(:has(strong)) { font-family: var(--p-sans) !important; font-size: 0.78rem !important; font-weight: 400 !important; letter-spacing: 0 !important; color: var(--p-ink-3) !important; line-height: 1.4 !important; margin-top: 0.25rem !important; text-transform: none !important; } main.parent-page__guide .notion-column-list:has(> .notion-column:first-child:nth-last-child(2) > .notion-text:nth-child(3)) { --p-akzent:var(--p-gruen-dunkel); } main.parent-page__guide .notion-column-list:has(> .notion-column:first-child + .notion-column .notion-column-list) { --p-akzent:var(--p-blau-hell); } main.parent-page__guide .notion-column-list:has(> .notion-column:first-child + .notion-column .notion-table__wrapper) { --p-akzent:var(--p-blau-dunkel); } main.parent-page__guide .notion-column-list:not(:has(img, figure, > .notion-column:first-child .notion-column-list, > .notion-column:first-child .notion-quote, > .notion-column:first-child :is(h1, h2, h3, h4, ul, ol, table, .notion-callout), > .notion-column:first-child > .notion-text:first-child strong, > .notion-column:first-child > p.notion-text:nth-of-type(4))):not(:has(> .notion-column:first-child[style*="0.5)"])) > .notion-column:first-child:nth-last-child(2) { border-left-color: var(--p-akzent, var(--p-rule)) !important; } main.parent-page__guide .notion-column-list:not(:has(img, figure, > .notion-column:first-child .notion-column-list, > .notion-column:first-child .notion-quote, > .notion-column:first-child :is(h1, h2, h3, h4, ul, ol, table, .notion-callout), > .notion-column:first-child > .notion-text:first-child strong, > .notion-column:first-child > p.notion-text:nth-of-type(4))):not(:has(> .notion-column:first-child[style*="0.5)"])) > .notion-column:first-child:nth-last-child(2) .notion-text:first-child { color: var(--p-akzent, var(--p-ink-3)) !important; } main.parent-page__guide .notion-column-list:not(:has(img, figure, > .notion-column:first-child .notion-column-list, > .notion-column:first-child .notion-quote, > .notion-column:first-child :is(h1, h2, h3, h4, ul, ol, table, .notion-callout), > .notion-column:first-child > .notion-text:first-child strong, > .notion-column:first-child > p.notion-text:nth-of-type(4))):not(:has(> .notion-column:first-child[style*="0.5)"])) { align-items: stretch !important; } main.parent-page__guide .notion-callout.bg-red-light { background: transparent !important; box-shadow: none !important; border: 0 !important; border-radius: 0 !important; border-left: 4px solid var(--p-rot-dunkel) !important; padding: 0.2rem 0 0.2rem 0.8rem !important; margin: 1.4rem 0 !important; display: grid !important; grid-template-columns: var(--p-lab) minmax(0, 1fr) !important; column-gap: 1.4rem !important; } main.parent-page__guide .notion-callout.bg-red-light .notion-callout__content { display: contents !important; } main.parent-page__guide .notion-callout.bg-red-light .notion-callout__content > p:first-of-type { grid-column: 1 !important; grid-row: 1 !important; align-self: start !important; } main.parent-page__guide .notion-callout.bg-red-light .notion-callout__content > p:not(:first-of-type) { grid-column: 2 !important; color: var(--p-ink-2) !important; font-size: 0.95rem !important; line-height: 1.6 !important; max-width: 74ch !important; } main.parent-page__guide .notion-table-of-contents__item:has(.notion-semantic-string[style*="margin-inline-start: 48px"]) { display: list-item !important; } main.parent-page__guide .notion-table-of-contents__item .notion-semantic-string[style*="margin-inline-start: 48px"] { font-size: 0.79rem !important; color: var(--p-ink-2) !important; font-weight: 400 !important; } main.parent-page__guide .notion-table-of-contents__item:has(.notion-semantic-string[style*="margin-inline-start: 48px"]) > a { padding-left: 1.5rem !important; } main.parent-page__guide .notion-column, main.parent-page__guide .notion-column :is(p, li, span) { overflow-wrap: break-word !important; } main.parent-page__guide .notion-divider { display: none !important; } main.parent-page__guide .notion-column-list:has(h2.notion-heading) { display: block !important; border-bottom: 0 !important; padding: 0 !important; } main.parent-page__guide .notion-column-list:has(h2.notion-heading) > .notion-column { width: 100% !important; max-width: none !important; margin-inline-start: 0 !important; border-top: 0 !important; padding-top: 0 !important; } main.parent-page__guide .notion-column-list:has(> .notion-column:first-child[style*="0.4)"]) { flex-wrap: wrap !important; } main.parent-page__guide .notion-column-list:has(> .notion-column:first-child[style*="0.4)"]) > .notion-column:first-child { flex: 0 0 100% !important; width: 100% !important; max-width: 100% !important; margin-inline-start: 0 !important; } main.parent-page__guide .notion-column-list:has(> .notion-column:first-child[style*="0.4)"]) > .notion-column:first-child ul.notion-bulleted-list { column-count: 2 !important; column-gap: 2rem !important; } main.parent-page__guide .notion-column-list:has(> .notion-column:first-child[style*="0.4)"]) > .notion-column:first-child li.notion-list-item { break-inside: avoid !important; } main.parent-page__guide .notion-column-list:has(> .notion-column:first-child[style*="0.4)"]) > .notion-column:nth-child(2), main.parent-page__guide .notion-column-list:has(> .notion-column:first-child[style*="0.4)"]) > .notion-column:nth-child(3) { flex: 1 1 calc(50% - 1rem) !important; width: auto !important; max-width: none !important; border-top: 1px solid var(--p-rule-soft) !important; padding-top: 0.6rem !important; } main.parent-page__guide h2.notion-heading { padding-top: 3rem !important; } main.parent-page__guide h2.notion-heading { background-image: linear-gradient(var(--p-gruen-hell), var(--p-gruen-hell)) !important; background-size: 44px 4px !important; background-repeat: no-repeat !important; background-position: calc(2.4rem + 120px + 1.6rem) 1.9rem !important; background-color: var(--p-band) !important; } main.parent-page__guide h2.notion-heading:has(+ .notion-text.notion-text__content) { border-radius: 20px 20px 0 0 !important; padding-bottom: 0.1rem !important; } main.parent-page__guide h2.notion-heading + .notion-text.notion-text__content { margin: 0 0 1.8rem !important; padding: 0.2rem 2.4rem 1.9rem !important; padding-left: calc(2.4rem + 120px + 1.6rem) !important; border-radius: 0 0 20px 20px !important; } main.parent-page__guide { --p-rot-text:#D0393C; --p-gelb-text:#8C6414; } main.parent-page__guide .notion-column-list:has(> .notion-column:nth-child(3):last-child):has(> .notion-column:first-child ul.notion-bulleted-list):not(:has(> [style*="0.4)"])) > .notion-column > .notion-text:first-child { font-family: var(--p-mono) !important; font-size: 0.6rem !important; font-weight: 500 !important; letter-spacing: 0.15em !important; text-transform: uppercase !important; margin: 0 0 0.4rem !important; padding-bottom: 0.25rem !important; border-bottom: 1px solid var(--p-rule-soft) !important; } main.parent-page__guide .notion-column-list:has(> .notion-column:nth-child(3):last-child):has(> .notion-column:first-child ul.notion-bulleted-list):not(:has(> [style*="0.4)"])) > .notion-column:nth-child(1) > .notion-text:first-child { color: var(--p-gruen-dunkel) !important; } main.parent-page__guide .notion-column-list:has(> .notion-column:nth-child(3):last-child):has(> .notion-column:first-child ul.notion-bulleted-list):not(:has(> [style*="0.4)"])) > .notion-column:nth-child(2) > .notion-text:first-child { color: var(--p-blau-hell) !important; } main.parent-page__guide .notion-column-list:has(> .notion-column:nth-child(3):last-child):has(> .notion-column:first-child ul.notion-bulleted-list):not(:has(> [style*="0.4)"])) > .notion-column:nth-child(3) > .notion-text:first-child { color: var(--p-rot-text) !important; } main.parent-page__guide .notion-column-list:has(> .notion-column:nth-child(3):last-child):has(> .notion-column:first-child ul.notion-bulleted-list):not(:has(> [style*="0.4)"])) > .notion-column:nth-child(1) li.notion-list-item::before { background: var(--p-gruen-hell) !important; } main.parent-page__guide .notion-column-list:has(> .notion-column:nth-child(3):last-child):has(> .notion-column:first-child ul.notion-bulleted-list):not(:has(> [style*="0.4)"])) > .notion-column:nth-child(2) li.notion-list-item::before { background: var(--p-blau-hell) !important; } main.parent-page__guide .notion-column-list:has(> .notion-column:nth-child(3):last-child):has(> .notion-column:first-child ul.notion-bulleted-list):not(:has(> [style*="0.4)"])) > .notion-column:nth-child(3) li.notion-list-item::before { background: var(--p-rot-text) !important; } main.parent-page__guide .notion-table__cell .highlighted-color { display: inline-block !important; font-family: var(--p-mono) !important; font-size: 0.58rem !important; font-weight: 500 !important; letter-spacing: 0.07em !important; text-transform: uppercase !important; padding: 0.1rem 0.35rem !important; border: 1px solid currentColor !important; white-space: nowrap !important; line-height: 1.5 !important; vertical-align: 0.05rem !important; } main.parent-page__guide .notion-table__cell .highlighted-color[class*=green] { color: var(--p-gruen-dunkel) !important; } main.parent-page__guide .notion-table__cell .highlighted-color[class*=blue] { color: var(--p-blau-hell) !important; } main.parent-page__guide .notion-table__cell .highlighted-color[class*=red] { color: var(--p-rot-text) !important; } main.parent-page__guide .notion-table__cell .highlighted-color[class*=orange], main.parent-page__guide .notion-table__cell .highlighted-color[class*=yellow] { color: var(--p-gelb-text) !important; } main.parent-page__guide .notion-table__cell .highlighted-color[class*=gray] { color: var(--p-ink-3) !important; } main.parent-page__guide .notion-table__cell .highlighted-background { display: inline-block !important; position: relative !important; background: transparent !important; border-radius: 0 !important; font-family: var(--p-mono) !important; font-size: 0.58rem !important; font-weight: 500 !important; letter-spacing: 0.07em !important; text-transform: uppercase !important; padding: 0.62rem 0 0 !important; white-space: nowrap !important; line-height: 1.3 !important; } main.parent-page__guide .notion-table__cell .highlighted-background::before { content: "" !important; position: absolute !important; left: 0 !important; top: 0 !important; width: 46px !important; height: 4px !important; background-image: repeating-linear-gradient(to right, currentColor 0 14px, transparent 14px 16px), repeating-linear-gradient(to right, var(--p-rule) 0 14px, transparent 14px 16px) !important; background-size: var(--p-meter, 0) 4px, 46px 4px !important; background-repeat: no-repeat !important; } main.parent-page__guide .notion-table__cell .highlighted-background[class*=green] { --p-meter:46px; color: var(--p-gruen-dunkel) !important; } main.parent-page__guide .notion-table__cell .highlighted-background[class*=yellow], main.parent-page__guide .notion-table__cell .highlighted-background[class*=orange] { --p-meter:30px; color: var(--p-gelb-text) !important; } main.parent-page__guide .notion-table__cell .highlighted-background[class*=red] { --p-meter:14px; color: var(--p-rot-text) !important; } main.parent-page__guide .notion-table__cell .highlighted-background[class*=gray] { --p-meter:0; color: var(--p-ink-3) !important; } main.parent-page__guide { --p-grau:#F1F2F7; } main.parent-page__guide .notion-root > .notion-column-list:not(:has(.notion-column-list, ul, ol, table, .notion-callout, img, figure, .notion-toggle, h1, h2, h3, h4)):is(:has(> .notion-column:nth-child(3):last-child), :has(> .notion-column:nth-child(4):last-child), :has(> .notion-column:first-child:nth-last-child(2)[style*="0.5)"])) { display: grid !important; grid-template-columns: repeat(auto-fit, minmax(170px, 1fr)) !important; gap: 1px !important; background: var(--p-rule) !important; border: 1px solid var(--p-rule) !important; border-radius: 14px !important; overflow: hidden !important; padding: 0 !important; margin: 1rem 0 1.6rem !important; align-items: stretch !important; } main.parent-page__guide .notion-root > .notion-column-list:not(:has(.notion-column-list, ul, ol, table, .notion-callout, img, figure, .notion-toggle, h1, h2, h3, h4)):is(:has(> .notion-column:nth-child(3):last-child), :has(> .notion-column:nth-child(4):last-child), :has(> .notion-column:first-child:nth-last-child(2)[style*="0.5)"])) > .notion-column { background: var(--p-flaeche) !important; width: auto !important; max-width: none !important; margin: 0 !important; padding: 0.95rem 1.1rem 1.1rem !important; border: 0 !important; border-radius: 0 !important; } main.parent-page__guide .notion-root > .notion-column-list:not(:has(.notion-column-list, ul, ol, table, .notion-callout, img, figure, .notion-toggle, h1, h2, h3, h4)):is(:has(> .notion-column:nth-child(3):last-child), :has(> .notion-column:nth-child(4):last-child), :has(> .notion-column:first-child:nth-last-child(2)[style*="0.5)"])) > .notion-column > .notion-text { font-size: 0.84rem !important; line-height: 1.5 !important; margin: 0 0 0.35rem !important; } main.parent-page__guide .notion-root > .notion-column-list:not(:has(.notion-column-list, ul, ol, table, .notion-callout, img, figure, .notion-toggle, h1, h2, h3, h4)):is(:has(> .notion-column:nth-child(3):last-child), :has(> .notion-column:nth-child(4):last-child), :has(> .notion-column:first-child:nth-last-child(2)[style*="0.5)"])) > .notion-column > .notion-text:first-child { font-size: 0.57rem !important; margin-bottom: 0.4rem !important; } main.parent-page__guide .notion-root > .notion-column-list:not(:has(.notion-column-list, ul, ol, table, .notion-callout, img, figure, .notion-toggle, h1, h2, h3, h4)):is(:has(> .notion-column:nth-child(3):last-child), :has(> .notion-column:nth-child(4):last-child), :has(> .notion-column:first-child:nth-last-child(2)[style*="0.5)"])) > .notion-column > .notion-text:first-child { font-family: var(--p-mono) !important; font-weight: 500 !important; letter-spacing: 0.15em !important; text-transform: uppercase !important; color: var(--p-ink-3) !important; } main.parent-page__guide .notion-root > .notion-column-list:not(:has(.notion-column-list, ul, ol, table, .notion-callout, img, figure, .notion-toggle, h1, h2, h3, h4)):is(:has(> .notion-column:nth-child(3):last-child), :has(> .notion-column:nth-child(4):last-child), :has(> .notion-column:first-child:nth-last-child(2)[style*="0.5)"])) > .notion-column > .notion-text:first-child:has(strong) { font-size: 0.95rem !important; margin-bottom: 0.45rem !important; font-family: var(--p-sans) !important; letter-spacing: -0.01em !important; text-transform: none !important; color: var(--p-ink) !important; } main.parent-page__guide table.notion-table > tbody > tr:nth-child(even) > td { background: var(--p-grau) !important; } main.parent-page__guide table.notion-table td { min-width: 72px !important; } main.parent-page__guide .notion-column-list:has(> .notion-column:first-child:nth-last-child(2) + .notion-column :is(.highlighted-background[class*=red], .notion-red_background)) { --p-akzent:var(--p-rot-text); } main.parent-page__guide .notion-root > .notion-column-list:not(:has(.notion-column-list, ul, ol, table, .notion-callout, img, figure, .notion-toggle, h1, h2, h3, h4)):is(:has(> .notion-column:nth-child(3):last-child), :has(> .notion-column:nth-child(4):last-child), :has(> .notion-column:first-child:nth-last-child(2)[style*="0.5)"])):has(+ .notion-column-list > .notion-column:is(:nth-child(3):last-child, :nth-child(4):last-child, :first-child:nth-last-child(2)[style*="0.5)"])) { border-bottom: 0 !important; border-bottom-left-radius: 0 !important; border-bottom-right-radius: 0 !important; margin-bottom: 0 !important; } main.parent-page__guide .notion-root > .notion-column-list:not(:has(.notion-column-list, ul, ol, table, .notion-callout, img, figure, .notion-toggle, h1, h2, h3, h4)):is(:has(> .notion-column:nth-child(3):last-child), :has(> .notion-column:nth-child(4):last-child), :has(> .notion-column:first-child:nth-last-child(2)[style*="0.5)"])) + .notion-column-list:not(:has(.notion-column-list, ul, ol, table, .notion-callout, img, figure, .notion-toggle, h1, h2, h3, h4)):is(:has(> .notion-column:nth-child(3):last-child), :has(> .notion-column:nth-child(4):last-child), :has(> .notion-column:first-child:nth-last-child(2)[style*="0.5)"])) { border-top-left-radius: 0 !important; border-top-right-radius: 0 !important; margin-top: 0 !important; } main.parent-page__guide table.notion-table > tbody > tr > td { background: var(--p-flaeche) !important; } main.parent-page__guide table.notion-table > tbody > tr:nth-child(even) > td { background: var(--p-flaeche-2) !important; } main.parent-page__guide table.notion-table.col-header > tbody > tr:first-child > td { background: var(--p-blau-hell) !important; } main.parent-page__guide .notion-link:not(.notion-callout *):not(.notion-table-of-contents__item *) { color: var(--p-ink-2) !important; text-decoration: underline !important; text-underline-offset: 2px !important; text-decoration-thickness: 1px !important; text-decoration-color: var(--p-rule) !important; } main.parent-page__guide .notion-link:not(.notion-callout *):not(.notion-table-of-contents__item *):hover { color: var(--p-gruen-dunkel) !important; text-decoration-color: var(--p-gruen-hell) !important; } main.parent-page__guide .notion-column-list > .notion-column:first-child:nth-last-child(2) .notion-text:first-child :is(.highlighted-color, .highlighted-background) { background: transparent !important; box-shadow: none !important; color: inherit !important; font-weight: inherit !important; padding: 0 !important; } main.parent-page__guide table.notion-table:has(> tbody > tr > td:nth-child(6)) .notion-table__cell { padding: 0.32rem 0.45rem !important; line-height: 1.32 !important; } main.parent-page__guide table.notion-table:has(> tbody > tr > td:nth-child(6)).col-header > tbody > tr:first-child > td .notion-table__cell { padding: 0.4rem 0.45rem !important; } main.parent-page__guide .notion-column-list:has(> .notion-column:first-child[style*="0.4)"]) > .notion-column { border-top: 0 !important; padding-top: 0 !important; } main.parent-page__guide .notion-column-list:has(> .notion-column:first-child[style*="0.4)"]) > .notion-column > .notion-text:first-child { font-size: 0.61rem !important; letter-spacing: 0.17em !important; margin: 0 0 0.4rem !important; padding: 0 0 0.3rem !important; border-bottom: 1px solid var(--p-rule-soft) !important; } main.parent-page__guide .notion-column-list:has(> .notion-column:first-child[style*="0.4)"]) > .notion-column > .notion-text { font-size: 0.92rem !important; line-height: 1.6 !important; } main.parent-page__guide .notion-column-list:has(> .notion-column:first-child[style*="0.4)"]) ul.notion-bulleted-list > li.notion-list-item { font-size: 0.88rem !important; line-height: 1.5 !important; padding: 0.4rem 0 0.4rem 0.85rem !important; margin: 0 !important; border-top: 1px solid var(--p-rule-soft) !important; } main.parent-page__guide .notion-column-list:has(> .notion-column:first-child[style*="0.4)"]) ul.notion-bulleted-list > li.notion-list-item:first-child { border-top: 0 !important; padding-top: 0.15rem !important; } main.parent-page__guide .notion-column-list:has(> .notion-column:first-child[style*="0.4)"]) ul.notion-bulleted-list > li.notion-list-item::before { left: 0 !important; top: 0.85rem !important; width: 4px !important; height: 4px !important; border-radius: 1px !important; } main.parent-page__guide .notion-column-list:has(> .notion-column:first-child[style*="0.4)"]) ul.notion-bulleted-list > li.notion-list-item:first-child::before { top: 0.6rem !important; } main.parent-page__guide .notion-column-list:has(> .notion-column:last-child table.notion-table > tbody > tr > td:nth-child(6)) { display: block !important; } main.parent-page__guide .notion-column-list:has(> .notion-column:last-child table.notion-table > tbody > tr > td:nth-child(6)) > .notion-column { width: auto !important; max-width: none !important; flex: none !important; } main.parent-page__guide .notion-column-list:has(> .notion-column:last-child table.notion-table > tbody > tr > td:nth-child(6)) > .notion-column:first-child { border-left: 4px solid var(--p-rule) !important; padding-left: 0.7rem !important; margin-bottom: 0.7rem !important; } main.parent-page__guide .notion-column-list:has(> .notion-column:first-child[style*="0.4)"]) > .notion-column { margin-inline-start: 0 !important; } main.parent-page__guide .notion-column-list:has(> .notion-column:first-child[style*="0.4)"]) > .notion-column:nth-child(2), main.parent-page__guide .notion-column-list:has(> .notion-column:first-child[style*="0.4)"]) > .notion-column:nth-child(3) { flex: 1 1 calc(50% - 0.7rem) !important; } main.parent-page__guide .notion-column-list:not(:has(img, figure, > .notion-column:first-child .notion-column-list, > .notion-column:first-child .notion-quote, > .notion-column:first-child :is(h1, h2, h3, h4, ul, ol, table, .notion-callout), > .notion-column:first-child > .notion-text:first-child strong, > .notion-column:first-child > p.notion-text:nth-of-type(4))):not(:has(> .notion-column:first-child[style*="0.5)"])) > .notion-column:first-child:nth-last-child(2) { flex: 0 0 var(--p-lab) !important; border-left: 4px solid var(--p-rule) !important; padding-left: 0.7rem !important; } main.parent-page__guide .notion-column-list:not(:has(img, figure, > .notion-column:first-child .notion-column-list, > .notion-column:first-child .notion-quote, > .notion-column:first-child :is(h1, h2, h3, h4, ul, ol, table, .notion-callout), > .notion-column:first-child > .notion-text:first-child strong, > .notion-column:first-child > p.notion-text:nth-of-type(4))):not(:has(> .notion-column:first-child[style*="0.5)"])) > .notion-column:first-child:nth-last-child(2) + .notion-column { flex: 1 1 auto !important; width: auto !important; max-width: none !important; } main.parent-page__guide .notion-column-list:not(:has(img, figure, > .notion-column:first-child .notion-column-list, > .notion-column:first-child .notion-quote, > .notion-column:first-child :is(h1, h2, h3, h4, ul, ol, table, .notion-callout), > .notion-column:first-child > .notion-text:first-child strong, > .notion-column:first-child > p.notion-text:nth-of-type(4))):not(:has(> .notion-column:first-child[style*="0.5)"])) > .notion-column:first-child:nth-last-child(2) .notion-text:first-child { font-family: var(--p-mono) !important; font-size: 0.63rem !important; font-weight: 500 !important; letter-spacing: 0.16em !important; text-transform: uppercase !important; color: var(--p-ink-3) !important; margin: 0 0 0.2rem !important; } @media (min-width: 1000px) { main.parent-page__guide .notion-callout.bg-green-light .notion-callout__content { display: grid !important; grid-template-columns: minmax(0, 0.85fr) minmax(0, 1.15fr) !important; column-gap: 1.5rem !important; align-items: start !important; } main.parent-page__guide .notion-callout.bg-green-light .notion-callout__content > p:first-of-type { grid-column: 1 !important; grid-row: 1 !important; } main.parent-page__guide .notion-callout.bg-green-light .notion-callout__content > p:nth-of-type(2) { grid-column: 1 !important; grid-row: 2 !important; align-self: start !important; margin-bottom: 0 !important; } main.parent-page__guide .notion-callout.bg-green-light .notion-callout__content > p:nth-of-type(n+3) { grid-column: 2 !important; grid-row: 1/span 2 !important; } }25:["$","body",null,{"children":[["$","$L27",null,{"settings":{"siteId":"057a8fe3-fa64-43e1-9df7-5ec520a13f84","userId":"33a52ac3-5ceb-48d3-af65-16bb9e75e919","domainName":"peats.ai","name":"comparing online assessment tools","active":true,"free":false,"tier":"pro","favicon":"https://assets.super.so/057a8fe3-fa64-43e1-9df7-5ec520a13f84/uploads/favicon/3bddb597-5a1b-416a-9d1e-40de7dd808b6.png","fontFamily":"Inter","legacyTheme":null,"language":"en","languages":[{"languageCode":"de","homepage":"de","navigation":{"navbar":{"links":[{"id":"bdc07313-4831-42bc-adcc-68ad0460d32c","type":"page","label":"Home","link":"/de","pageId":"057a8fe3-fa64-43e1-9df7-5ec520a13f84:::ee9c1882-37ed-4d82-b999-59d9cae7544b","icon":"","list":[]},{"id":"e3701c75-e12b-4f2d-abc4-0b75384821ea","type":"page","label":"Use Cases","link":"/de/use-case-library","pageId":"057a8fe3-fa64-43e1-9df7-5ec520a13f84:::9f8a7b2c-e611-43cb-8927-68865df9cb69","icon":"","list":[]},{"id":"d83d8f55-b652-442f-8b7d-2693b257e51c","type":"page","label":"Mission","link":"/de/mission","pageId":"057a8fe3-fa64-43e1-9df7-5ec520a13f84:::8787d16d-51d8-4e9f-bd4e-f31623ac65a7","icon":"","list":[]},{"id":"b810c732-bc13-4137-b0ad-e1f0dee218ba","type":"list","label":"Ressources","icon":"","list":[{"id":"7bb86ff5-c7a3-4478-bf16-ef0e0b92c794","type":"page","label":"Blog","link":"/de/blog","pageId":"057a8fe3-fa64-43e1-9df7-5ec520a13f84:::0634eee3-89df-4f12-a674-372639878461","icon":"","description":"","list":[]},{"id":"77e205e8-b089-4a1c-9f3a-a73c8e9b8dec","type":"page","label":"Tool Overview","link":"/de/tool-overview","pageId":"057a8fe3-fa64-43e1-9df7-5ec520a13f84:::740b9395-2f0e-4641-9c15-68eda31ea0e3","icon":"","description":"","list":[]}]},{"id":"51dbdbd9-981e-46a0-a311-fc60a4a8e43a","type":"page","label":"Services","link":"/de/services","pageId":"057a8fe3-fa64-43e1-9df7-5ec520a13f84:::954641e2-8b86-490e-9659-42dfb0a3a0f2","icon":"","list":[]}]},"footer":{"links":[{"id":"a4af8b0e-f496-490c-a77a-2f3534818ca3","type":"page","label":"Voices","link":"/de/voices","pageId":"057a8fe3-fa64-43e1-9df7-5ec520a13f84:::2d556433-00ee-41e3-bd77-171dd1788587","icon":"","list":[]},{"id":"5d7133c2-353d-45b1-b07e-0a83255a5087","type":"url","label":"Facebook","link":"https://www.facebook.com/peatsteam","icon":"","list":[]},{"id":"d5442a9b-6073-4ecb-9f1a-183b629cc41d","type":"page","label":"Impressum","link":"/de/impressum","pageId":"057a8fe3-fa64-43e1-9df7-5ec520a13f84:::582cadd1-3e55-4508-8ae6-3c05a227261e","icon":"","list":[]},{"id":"5b23f21f-caa9-48ee-80e3-760ee65bfe18","type":"page","label":"Privacy Policy","link":"/de/privacy-policy","pageId":"057a8fe3-fa64-43e1-9df7-5ec520a13f84:::e6111400-a9a5-4dd6-a140-cb8d6cdeba18","icon":"","list":[]}]},"sidebar":{"links":[]},"links":[{"id":"51dbdbd9-981e-46a0-a311-fc60a4a8e43a","type":"page","label":"Services","pageId":"057a8fe3-fa64-43e1-9df7-5ec520a13f84:::954641e2-8b86-490e-9659-42dfb0a3a0f2","icon":"","list":[]},{"id":"bdc07313-4831-42bc-adcc-68ad0460d32c","type":"page","label":"Home","pageId":"057a8fe3-fa64-43e1-9df7-5ec520a13f84:::ee9c1882-37ed-4d82-b999-59d9cae7544b","icon":"","list":[]},{"id":"e3701c75-e12b-4f2d-abc4-0b75384821ea","type":"page","label":"Use Cases","pageId":"057a8fe3-fa64-43e1-9df7-5ec520a13f84:::9f8a7b2c-e611-43cb-8927-68865df9cb69","icon":"","list":[]},{"id":"a4af8b0e-f496-490c-a77a-2f3534818ca3","type":"page","label":"Voices","pageId":"057a8fe3-fa64-43e1-9df7-5ec520a13f84:::2d556433-00ee-41e3-bd77-171dd1788587","icon":"","list":[]},{"id":"5d7133c2-353d-45b1-b07e-0a83255a5087","type":"url","label":"Facebook","link":"https://www.facebook.com/peatsteam","icon":"","list":[]},{"id":"5b23f21f-caa9-48ee-80e3-760ee65bfe18","type":"page","label":"Privacy Policy","pageId":"057a8fe3-fa64-43e1-9df7-5ec520a13f84:::e6111400-a9a5-4dd6-a140-cb8d6cdeba18","icon":"","list":[]},{"id":"d5442a9b-6073-4ecb-9f1a-183b629cc41d","type":"page","label":"Impressum","pageId":"057a8fe3-fa64-43e1-9df7-5ec520a13f84:::582cadd1-3e55-4508-8ae6-3c05a227261e","icon":"","list":[]},{"id":"b810c732-bc13-4137-b0ad-e1f0dee218ba","type":"list","label":"Ressources","icon":"","list":[{"id":"7bb86ff5-c7a3-4478-bf16-ef0e0b92c794","type":"page","label":"Blog","pageId":"057a8fe3-fa64-43e1-9df7-5ec520a13f84:::0634eee3-89df-4f12-a674-372639878461","icon":"","description":"","list":[]},{"id":"77e205e8-b089-4a1c-9f3a-a73c8e9b8dec","type":"page","label":"Tool Overview","pageId":"057a8fe3-fa64-43e1-9df7-5ec520a13f84:::740b9395-2f0e-4641-9c15-68eda31ea0e3","icon":"","description":"","list":[]}]},{"id":"d83d8f55-b652-442f-8b7d-2693b257e51c","type":"page","label":"Mission","pageId":"057a8fe3-fa64-43e1-9df7-5ec520a13f84:::8787d16d-51d8-4e9f-bd4e-f31623ac65a7","icon":"","list":[]}],"cta":null}}],"notionPage":"1ee2f6e007b280b5835bf985523010e5","indexPageId":"057a8fe3-fa64-43e1-9df7-5ec520a13f84:::1b39aa93-cab7-42fb-8a94-e94c9f64d3e3","pageProperties":true,"hidePageProperties":false,"disablePageProperties":false,"pageSyncing":true,"viewSwitcher":true,"layoutSidePanel":false,"floatingTableOfContents":false,"siteSearch":false,"advancedSearch":true,"themeToggle":false,"mondayFirst":false,"loadLimits":true,"hidePersonInfo":true,"showPropertyIcons":true,"filterRedirectsFromSearch":false,"redirectSubdomain":null,"analytics":true,"noIndex":false,"viewsExceeded":false,"cacheTTL":0,"manualSync":false,"syncStatus":"unsynced","publishedAt":"2025-10-27T09:18:07.507Z","custom404Enabled":false,"membershipEnabled":false,"membershipConfigured":false,"suppressLoginEmail":false,"navbar":{"type":"simple","style":{"height":56,"textColor":"var(--color-text-default)","backgroundColor":"var(--color-bg-default)","ctaTextColor":"var(--color-text-default)","ctaBackgroundColor":"var(--color-bg-default)","isSticky":true,"shadow":{"type":"none","color":"rgba(0,0,0,1)","opacity":12}},"links":[{"id":"b2d35c32-0ec6-4152-9d86-81de151fd832","type":"page","label":"Home","link":"/","pageId":"057a8fe3-fa64-43e1-9df7-5ec520a13f84:::1b39aa93-cab7-42fb-8a94-e94c9f64d3e3","list":[]},{"id":"e49d8c94-7c2b-4763-a106-4dacf03ee86b","type":"page","label":"Use Cases","link":"/en/use-case-library","pageId":"057a8fe3-fa64-43e1-9df7-5ec520a13f84:::807001d5-4300-43fe-bffb-be6de3c55ba6","icon":"","list":[]},{"id":"8d0f9f00-d5d2-4267-82d4-abae8581ac2f","type":"page","label":"Mission","link":"/en/mission","pageId":"057a8fe3-fa64-43e1-9df7-5ec520a13f84:::e6f6fd7d-3d8b-4c6c-9b94-e8f0775022a4","icon":"","list":[]},{"id":"efb90200-5351-4344-84ed-68b9b32143cc","type":"list","label":"Resources","list":[{"id":"7618a9fd-fe7b-4c33-97a8-01a6280a6e23","type":"page","label":"Blog","link":"/en/blog","pageId":"057a8fe3-fa64-43e1-9df7-5ec520a13f84:::682e0b50-b362-4d3e-a6a6-2921fd7638b1","description":"","list":[]},{"id":"a0ad1acf-b342-4ecf-8801-652f74d4f165","type":"page","label":"Tool Overview","link":"/en/tool-overview","pageId":"057a8fe3-fa64-43e1-9df7-5ec520a13f84:::765f18c4-2354-4726-8882-c6f7f6219e14","icon":"","description":"","list":[]}]},{"id":"18d3cc55-eadf-493d-bacd-2bff7ead9bb4","type":"page","label":"Services","link":"/en/services","pageId":"057a8fe3-fa64-43e1-9df7-5ec520a13f84:::92059ed7-6aaa-46af-a411-3920c3e9ffa5","icon":"","list":[]}],"logo":{"type":"image","width":82,"fontSize":16,"textContent":"comparing online assessment tools","imageContent":"https://assets.super.so/057a8fe3-fa64-43e1-9df7-5ec520a13f84/uploads/logo/e1bf78ac-8252-41ae-b485-d6fd95a40a5f.png","imageContentDark":null,"disabled":false},"cta":{"type":"page","label":"","link":"/","pageId":""},"isSticky":true,"breadcrumbs":false},"footer":{"type":"none","style":{"textColor":"var(--color-text-default)","backgroundColor":"var(--color-bg-default)"},"links":[],"logo":{"type":"image","width":90,"fontSize":16,"textContent":"5 Diagnostik Tools for Leadership Selection- Landing Page","imageContent":"https://assets.super.so/057a8fe3-fa64-43e1-9df7-5ec520a13f84/uploads/logo/52fa2747-097c-40fb-ae48-6162feed4ece.png","imageContentDark":null,"disabled":false},"socials":[{"type":"linkedin","link":"https://www.linkedin.com/in/jfrotscher/"},{"type":"facebook","link":"https://www.facebook.com/peatsteam/"}],"footnote":"©PEATS GmbH","divider":true},"sidebar":{"enabled":false,"links":[],"cta":[],"logo":null,"searchEnabled":true},"theme":{"colorMode":"light","layout":{"paddingLayout":0.9,"layoutMaxWidth":1100,"columnSpacing":45,"borderThicknessLayout":1,"borderTypeLayout":"solid","borderRadiiLayout":20,"pageDisplay":"none"},"header":{"coverHeight":10,"titleAlign":"left","iconAlign":"-112px auto auto auto","display":"none"},"collectionCard":{"gap":31,"shadow":"rgba(0, 0, 0, 0.77) 0px 4px 8px -2px","coverHeightLarge":204,"coverHeightMedium":189,"coverHeightSmall":120,"titleSize":0.957,"coverSizeSmall":172,"coverSizeMedium":260,"coverSizeLarge":320,"iconDisplay":"none"},"callout":{"iconDisplay":"block","shadow":"rgba(0, 0, 0, 0.71) 0px 10px 20px -6px"},"typography":{"primaryFont":"Inter","secondaryFont":"Inter","fonts":[],"baseSize":14,"titleSize":1.3,"headingSize":1.09,"quoteSize":1.17,"quoteSizeLarge":1.39,"textWeight":400,"headingWeight":600},"scrollbar":{"width":15},"navbar":{"height":69,"shadow":"none"},"footer":{"height":0},"sidebar":{"width":280,"shadow":"rgba(0, 0, 0, 0.12) 4px 0px 8px -2px"},"colors":{"light":{"text":"#37352F","textLight":"#7d7c78","background":"#ffffff","borderColor":"#E9E9E7","checkboxBackground":"#2EAADC","hoverBackground":"#efefef","scrollbar":{"background":"#FAFAFA","handle":"#C1C1C1","border":"#E8E8E8"},"navbar":{"text":"#37352F","background":"#ffffff","buttonText":"#ffffff","buttonBackground":"#37352F","hoverBackground":null},"footer":{"text":"#ffffff","background":"#374c70","buttonText":"#ffffff","buttonBackground":"#37352F"},"sidebar":{"text":"#37352F","ctaText":"#37352F","background":"#ffffff","hoverBackground":"#efefef","ctaBackground":"#ffffff","border":"#E9E9E7"},"database":{"cardBackground":"#ffffff","cardHoverBackground":"#f9f9f8","calendarWeekendBackground":"#f7f6f3"},"default":[45,8,20],"gray":[36,2,46],"brown":[19,31,47],"orange":[30,87,45],"yellow":[38,62,49],"green":[149,31,39],"blue":[202,53,43],"purple":[274,32,54],"pink":[328,48,53],"red":[2,62,55],"form":{"submitButton":{"default":"#55534E","gray":"#A7A39A","brown":"#9A6851","orange":"#D9730D","yellow":"#CA922F","green":"#448361","blue":"#327DA9","purple":"#8F64AF","pink":"#C24C8B","red":"#D44E49"}}},"dark":{"text":"#e1e1e1","textLight":"#9b9b9b","background":"#191919","borderColor":"#373737","checkboxBackground":"#2EAADC","hoverBackground":"#292929","scrollbar":{"background":"#FAFAFA","handle":"#C1C1C1","border":"#E8E8E8"},"navbar":{"text":"#e1e1e1","background":"#191919","buttonText":"#191919","buttonBackground":"#e1e1e1","hoverBackground":null},"footer":{"text":"#e1e1e1","background":"#191919","buttonText":"#191919","buttonBackground":"#e1e1e1"},"sidebar":{"text":"#e1e1e1","ctaText":"#e1e1e1","background":"#191919","hoverBackground":"#292929","ctaBackground":"#191919","border":"#373737"},"database":{"cardBackground":"#212121","cardHoverBackground":"#292929","calendarWeekendBackground":"#202020"},"form":{"submitButton":{"default":"#55534E","gray":"#A7A39A","brown":"#9A6851","orange":"#D9730D","yellow":"#CA922F","green":"#448361","blue":"#327DA9","purple":"#8F64AF","pink":"#C24C8B","red":"#D44E49"}},"default":[45,8,20],"gray":[0,0,61],"brown":[18,35,58],"orange":[25,54,53],"yellow":[38,54,54],"green":[146,32,47],"blue":[217,50,58],"purple":[270,55,62],"pink":[329,57,58],"red":[1,69,60]}}},"code":{"global":[{"id":"057a8fe3-fa64-43e1-9df7-5ec520a13f84:::4bcbebc7-313c-4222-a7dd-057fdebeb060","content":"$28"}],"head":[],"body":[{"id":"057a8fe3-fa64-43e1-9df7-5ec520a13f84:::ed914fdb-de6a-47b2-bbd1-1daec611820a","content":"$29"}],"style":[],"css":"$2a"},"files":[]},"config":{"assetEndpoint":"https://assets.super.so","isPreview":false},"domainQueryParam":"$undefined","children":[null,"$L2b","$L2c","$L2d","$L2e"]}],"$L2f"]}]

Apprentice & Trainee Case Library