/* Global navigation is independent of each lesson's typography and palette. */
.ph-site-top{display:flow-root;position:relative;z-index:1;width:100%;margin:0;padding:20px 0 8px;border:0;background:transparent;color-scheme:light}
.ph-header,.ph-header *,.ph-breadcrumb,.ph-breadcrumb *{all:revert;box-sizing:border-box}
.ph-header,.ph-breadcrumb{display:block;position:relative;inset:auto;margin:0;padding:0;border:0;background:none;box-shadow:none;opacity:1;transform:none;color:#172335;font:14px/1.5 -apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif;letter-spacing:normal;text-transform:none;text-shadow:none}
.ph-header *,.ph-breadcrumb *{font-family:inherit;line-height:inherit;letter-spacing:normal;text-transform:none;text-shadow:none}
.ph-header a,.ph-breadcrumb a{color:inherit;text-decoration:none;font:inherit;background:none;border:0;box-shadow:none;cursor:pointer}
.ph-header *::before,.ph-header *::after,.ph-breadcrumb *::before,.ph-breadcrumb *::after{content:none}
.ph-header a:focus-visible,.ph-breadcrumb a:focus-visible{outline:3px solid #075fd4;outline-offset:3px;border-radius:8px}
.ph-header .ph-skip{position:fixed;left:20px;top:12px;z-index:10010;display:block;padding:12px 20px;background:#fff;border-radius:12px;transform:translateY(-180%)}
.ph-header .ph-skip:focus{transform:none}
.ph-header .ph-nav{position:relative;display:flex;align-items:center;justify-content:space-between;gap:18px;width:min(1120px,calc(100% - 64px));min-height:64px;margin:0 auto;padding:8px 20px 8px 27px;border:1px solid #fff;border-radius:40px;background:linear-gradient(135deg,#ffffffed,#fffffff5 50%,#ffffffe6);box-shadow:inset 0 1px 2px #fff,0 9px 30px -22px #376fab91;-webkit-backdrop-filter:blur(18px);backdrop-filter:blur(18px)}
.ph-header .ph-brand{display:inline-flex;align-items:center;flex-shrink:0;min-height:44px;font-size:21px;font-weight:700;letter-spacing:-1px;line-height:1.2;white-space:nowrap;color:#172335}
.ph-header .domain-accent{font:inherit;letter-spacing:inherit;color:#065edb}
@supports (background-clip:text) or (-webkit-background-clip:text){.ph-header .domain-accent{background-image:linear-gradient(110deg,#0868d8 5%,#4b57db 58%,#7652c7 100%);background-clip:text;-webkit-background-clip:text;color:transparent}}
.ph-header .ph-links{display:flex;position:static;align-items:center;gap:8px;margin:0;padding:0;background:none;border:0;box-shadow:none;width:auto}
.ph-header .ph-links a{display:flex;align-items:center;justify-content:center;min-height:44px;padding:8px 13px;border-radius:24px;color:#394b62;font-size:14px;font-weight:500;line-height:1.4;transition:background-color .15s,color .15s}
.ph-header .ph-links a[aria-current]{color:#0757c2;background:#e9f1fc;font-weight:650}
.ph-breadcrumb.ph-shell{width:min(1120px,calc(100% - 64px));margin:10px auto 0;font-size:14px;line-height:1.5;color:#4c5d74}
.ph-breadcrumb ol{display:flex;align-items:baseline;flex-wrap:wrap;gap:0 10px;list-style:none;margin:0;padding:0}
.ph-breadcrumb li{display:flex;align-items:baseline;min-width:0;gap:10px;margin:0;padding:0;list-style:none}
.ph-breadcrumb .ph-crumb-separator{color:#65758b;flex:none;margin:0;padding:0}
.ph-breadcrumb a{display:inline-flex;align-items:center;min-height:44px;color:#345777;text-decoration:underline;text-underline-offset:3px;overflow-wrap:anywhere}
.ph-breadcrumb span[aria-current]{display:block;margin:0;padding:10px 0;color:#172335;overflow-wrap:anywhere}
.ph-landing>.ph-site-top[data-ph-home]{position:sticky;top:0;z-index:120}
@media(hover:hover){.ph-header .ph-links a:hover{color:#0757c2;background:#edf2f9}.ph-breadcrumb a:hover{color:#0757c2}}
@media(max-width:640px){.ph-site-top{padding-top:12px}.ph-header .ph-nav{width:calc(100% - 32px);min-height:58px;padding:6px 12px 6px 16px;gap:8px}.ph-header .ph-brand{font-size:18px;letter-spacing:-.7px}.ph-header .ph-links{gap:2px}.ph-header .ph-links a{padding-inline:10px;font-size:13px}.ph-breadcrumb.ph-shell{width:calc(100% - 40px);font-size:13px}.ph-breadcrumb ol{column-gap:8px}.ph-breadcrumb li{gap:8px}}
@media(max-width:430px){.ph-header .ph-nav{flex-wrap:wrap;justify-content:center;gap:0;border-radius:28px;padding:8px 14px}.ph-header .ph-brand{justify-content:center;flex-basis:100%;min-height:44px;font-size:20px}.ph-header .ph-links{width:100%;justify-content:center;gap:4px}.ph-header .ph-links a{flex:1;max-width:120px;font-size:14px}}
@media(max-width:430px){.ph-landing>main :is(#lernen,#tools,#kontakt){scroll-margin-top:28px}}
@supports not ((backdrop-filter:blur(1px)) or (-webkit-backdrop-filter:blur(1px))){.ph-header .ph-nav{background:#f8fbff}}
@media(prefers-reduced-motion:reduce){.ph-header .ph-links a{transition:none}}
@media(forced-colors:active){.ph-header .ph-nav{border:1px solid CanvasText;background:Canvas}.ph-header .domain-accent{background:none;color:LinkText}.ph-header .ph-links a[aria-current]{outline:1px solid Highlight;outline-offset:-3px;color:LinkText}.ph-breadcrumb a{color:LinkText}.ph-breadcrumb span[aria-current]{color:CanvasText}}
@media print{.ph-site-top{display:none!important}}