{"id":9144,"date":"2026-09-08T13:35:21","date_gmt":"2026-09-08T13:35:21","guid":{"rendered":"https:\/\/dev112.dioniqlabb.se\/?page_id=9144"},"modified":"2026-09-08T13:35:24","modified_gmt":"2026-09-08T13:35:24","slug":"windrichtung-beim-segeln-lesen","status":"publish","type":"page","link":"https:\/\/dev112.dioniqlabb.se\/de\/windrichtung-beim-segeln-lesen\/","title":{"rendered":"Windrichtung beim Segeln lesen"},"content":{"rendered":"\n\n<!DOCTYPE html>\n<html lang=\"de\">\n<head>\n  <meta charset=\"UTF-8\">\n  <meta name=\"viewport\" content=\"width=device-width, initial-scale=1.0\">\n  <title>Windrichtung beim Segeln lesen (DE)<\/title>\n  <link rel=\"preconnect\" href=\"https:\/\/fonts.googleapis.com\">\n  <link href=\"https:\/\/fonts.googleapis.com\/css2?family=Roboto:wght@300;400;500;700;900&#038;display=swap\" rel=\"stylesheet\">\n  <style>\n:root {\n  --background: 0 0% 100%;\n  --foreground: 220 20% 12%;\n  --card: 0 0% 100%;\n  --card-foreground: 220 20% 12%;\n  --popover: 0 0% 100%;\n  --popover-foreground: 220 20% 12%;\n  --primary: 215 80% 22%;\n  --primary-foreground: 0 0% 100%;\n  --secondary: 210 15% 96%;\n  --secondary-foreground: 220 20% 12%;\n  --muted: 210 15% 96%;\n  --muted-foreground: 215 10% 46%;\n  --accent: 42 95% 55%;\n  --accent-foreground: 220 20% 12%;\n  --destructive: 0 84% 60%;\n  --destructive-foreground: 0 0% 100%;\n  --border: 214 20% 90%;\n  --input: 214 20% 90%;\n  --ring: 215 80% 22%;\n  --radius: .25rem;\n  --navy: 215 80% 22%;\n  --navy-light: 215 60% 35%;\n  --navy-dark: 215 85% 14%;\n  --marine-blue: 210 70% 50%;\n  --signal-red: 5 80% 52%;\n  --signal-orange: 25 90% 55%;\n  --warm-gold: 48 100% 45%;\n  --cool-gray: 210 12% 72%;\n  --light-gray: 210 15% 96%;\n  --off-white: 210 20% 98%;\n  --sea-mist: 200 25% 95%;\n  --sidebar-background: 0 0% 98%;\n  --sidebar-foreground: 240 5.3% 26.1%;\n  --sidebar-primary: 240 5.9% 10%;\n  --sidebar-primary-foreground: 0 0% 98%;\n  --sidebar-accent: 240 4.8% 95.9%;\n  --sidebar-accent-foreground: 240 5.9% 10%;\n  --sidebar-border: 220 13% 91%;\n  --sidebar-ring: 217.2 91.2% 59.8%;\n}\n@font-face {\n  font-family: 'nexa_boldregular';\n  src: url('https:\/\/sailors-wind-decoder.lovable.app\/fonts\/nexa_bold-webfont.woff2') format('woff2'),\n       url('https:\/\/sailors-wind-decoder.lovable.app\/fonts\/nexa_bold-webfont.woff') format('woff');\n  font-weight: normal;\n  font-style: normal;\n}\n*, ::before, ::after { --tw-border-spacing-x: 0; --tw-border-spacing-y: 0; --tw-translate-x: 0; --tw-translate-y: 0; --tw-rotate: 0; --tw-skew-x: 0; --tw-skew-y: 0; --tw-scale-x: 1; --tw-scale-y: 1; --tw-pan-x: ; --tw-pan-y: ; --tw-pinch-zoom: ; --tw-scroll-snap-strictness: proximity; --tw-gradient-from-position: ; --tw-gradient-via-position: ; --tw-gradient-to-position: ; --tw-ordinal: ; --tw-slashed-zero: ; --tw-numeric-figure: ; --tw-numeric-spacing: ; --tw-numeric-fraction: ; --tw-ring-inset: ; --tw-ring-offset-width: 0px; --tw-ring-offset-color: #fff; --tw-ring-color: rgb(59 130 246 \/ .5); --tw-ring-offset-shadow: 0 0 #0000; --tw-ring-shadow: 0 0 #0000; --tw-shadow: 0 0 #0000; --tw-shadow-colored: 0 0 #0000; --tw-blur: ; --tw-brightness: ; --tw-contrast: ; --tw-grayscale: ; --tw-hue-rotate: ; --tw-invert: ; --tw-saturate: ; --tw-sepia: ; --tw-drop-shadow: ; --tw-backdrop-blur: ; --tw-backdrop-brightness: ; --tw-backdrop-contrast: ; --tw-backdrop-grayscale: ; --tw-backdrop-hue-rotate: ; --tw-backdrop-invert: ; --tw-backdrop-opacity: ; --tw-backdrop-saturate: ; --tw-backdrop-sepia: ; --tw-contain-size: ; --tw-contain-layout: ; --tw-contain-paint: ; --tw-contain-style: ; }\n::backdrop { --tw-border-spacing-x: 0; --tw-border-spacing-y: 0; --tw-translate-x: 0; --tw-translate-y: 0; --tw-rotate: 0; --tw-skew-x: 0; --tw-skew-y: 0; --tw-scale-x: 1; --tw-scale-y: 1; --tw-pan-x: ; --tw-pan-y: ; --tw-pinch-zoom: ; --tw-scroll-snap-strictness: proximity; --tw-gradient-from-position: ; --tw-gradient-via-position: ; --tw-gradient-to-position: ; --tw-ordinal: ; --tw-slashed-zero: ; --tw-numeric-figure: ; --tw-numeric-spacing: ; --tw-numeric-fraction: ; --tw-ring-inset: ; --tw-ring-offset-width: 0px; --tw-ring-offset-color: #fff; --tw-ring-color: rgb(59 130 246 \/ .5); --tw-ring-offset-shadow: 0 0 #0000; --tw-ring-shadow: 0 0 #0000; --tw-shadow: 0 0 #0000; --tw-shadow-colored: 0 0 #0000; --tw-blur: ; --tw-brightness: ; --tw-contrast: ; --tw-grayscale: ; --tw-hue-rotate: ; --tw-invert: ; --tw-saturate: ; --tw-sepia: ; --tw-drop-shadow: ; --tw-backdrop-blur: ; --tw-backdrop-brightness: ; --tw-backdrop-contrast: ; --tw-backdrop-grayscale: ; --tw-backdrop-hue-rotate: ; --tw-backdrop-invert: ; --tw-backdrop-opacity: ; --tw-backdrop-saturate: ; --tw-backdrop-sepia: ; --tw-contain-size: ; --tw-contain-layout: ; --tw-contain-paint: ; --tw-contain-style: ; }\n*, ::before, ::after { box-sizing: border-box; border-width: 0px; border-style: solid; border-color: rgb(229, 231, 235); }\n::before, ::after { --tw-content: \"\"; }\nhtml, :host { line-height: 1.5; text-size-adjust: 100%; tab-size: 4; font-family: Roboto, system-ui, sans-serif; font-feature-settings: normal; font-variation-settings: normal; -webkit-tap-highlight-color: transparent; }\nbody { margin: 0px; line-height: inherit; }\nhr { height: 0px; color: inherit; border-top-width: 1px; }\nabbr:where([title]) { text-decoration: underline dotted; }\nh1, h2, h3, h4, h5, h6 { font-size: inherit; font-weight: inherit; }\na { color: inherit; text-decoration: inherit; }\nb, strong { font-weight: bolder; }\ncode, kbd, samp, pre { font-family: ui-monospace, SFMono-Regular, Menlo, Monaco, Consolas, \"Liberation Mono\", \"Courier New\", monospace; font-feature-settings: normal; font-variation-settings: normal; font-size: 1em; }\nsmall { font-size: 80%; }\nsub, sup { font-size: 75%; line-height: 0; position: relative; vertical-align: baseline; }\nsub { bottom: -0.25em; }\nsup { top: -0.5em; }\ntable { text-indent: 0px; border-color: inherit; border-collapse: collapse; }\nbutton, input, optgroup, select, textarea { font-family: inherit; font-feature-settings: inherit; font-variation-settings: inherit; font-size: 100%; font-weight: inherit; line-height: inherit; letter-spacing: inherit; color: inherit; margin: 0px; padding: 0px; }\nbutton, select { text-transform: none; }\nbutton, input:where([type=\"button\"]), input:where([type=\"reset\"]), input:where([type=\"submit\"]) { appearance: button; background-color: transparent; background-image: none; }\nprogress { vertical-align: baseline; }\n::-webkit-inner-spin-button, ::-webkit-outer-spin-button { height: auto; }\n[type=\"search\"] { appearance: textfield; outline-offset: -2px; }\n::-webkit-search-decoration { appearance: none; }\n::-webkit-file-upload-button { appearance: button; font: inherit; }\nsummary { display: list-item; }\nblockquote, dl, dd, h1, h2, h3, h4, h5, h6, hr, figure, p, pre { margin: 0px; }\nfieldset { margin: 0px; padding: 0px; }\nlegend { padding: 0px; }\nol, ul, menu { list-style: none; margin: 0px; padding: 0px; }\ndialog { padding: 0px; }\ntextarea { resize: vertical; }\ninput::placeholder, textarea::placeholder { opacity: 1; color: rgb(156, 163, 175); }\nbutton, [role=\"button\"] { cursor: pointer; }\n:disabled { cursor: default; }\nimg, svg, video, canvas, audio, iframe, embed, object { display: block; vertical-align: middle; }\nimg, video { max-width: 100%; height: auto; }\n[hidden]:where(:not([hidden=\"until-found\"])) { display: none; }\n:root { --background: 0 0% 100%; --foreground: 220 20% 12%; --card: 0 0% 100%; --card-foreground: 220 20% 12%; --popover: 0 0% 100%; --popover-foreground: 220 20% 12%; --primary: 215 80% 22%; --primary-foreground: 0 0% 100%; --secondary: 210 15% 96%; --secondary-foreground: 220 20% 12%; --muted: 210 15% 96%; --muted-foreground: 215 10% 46%; --accent: 42 95% 55%; --accent-foreground: 220 20% 12%; --destructive: 0 84% 60%; --destructive-foreground: 0 0% 100%; --border: 214 20% 90%; --input: 214 20% 90%; --ring: 215 80% 22%; --radius: .25rem; --navy: 215 80% 22%; --navy-light: 215 60% 35%; --navy-dark: 215 85% 14%; --marine-blue: 210 70% 50%; --signal-red: 5 80% 52%; --signal-orange: 25 90% 55%; --warm-gold: 48 100% 45%; --cool-gray: 210 12% 72%; --light-gray: 210 15% 96%; --off-white: 210 20% 98%; --sea-mist: 200 25% 95%; --sidebar-background: 0 0% 98%; --sidebar-foreground: 240 5.3% 26.1%; --sidebar-primary: 240 5.9% 10%; --sidebar-primary-foreground: 0 0% 98%; --sidebar-accent: 240 4.8% 95.9%; --sidebar-accent-foreground: 240 5.9% 10%; --sidebar-border: 220 13% 91%; --sidebar-ring: 217.2 91.2% 59.8%; }\n* { border-color: hsl(214, 20%, 90%); }\nbody { background-color: hsl(0, 0%, 100%); font-family: Roboto, system-ui, sans-serif; color: hsl(220, 20%, 12%); -webkit-font-smoothing: antialiased; }\nh1, h2, h3, h4, h5, h6 { font-family: nexa_boldregular, sans-serif; font-weight: 400; }\n.windex-container { margin-left: auto; margin-right: auto; max-width: 1200px; padding-left: 1.25rem; padding-right: 1.25rem; }\n@media (min-width: 768px) {\n  .windex-container { padding-left: 2rem; padding-right: 2rem; }\n}\n.windex-eyebrow { font-size: 0.75rem; line-height: 1rem; font-weight: 700; text-transform: uppercase; letter-spacing: 0.2em; color: hsl(210, 70%, 50%); }\n@media (min-width: 768px) {\n  .windex-eyebrow { font-size: 0.875rem; line-height: 1.25rem; }\n}\n.windex-section-title { font-size: 1.5rem; line-height: 2rem; font-weight: 800; letter-spacing: -0.025em; color: hsl(215, 80%, 22%); }\n@media (min-width: 768px) {\n  .windex-section-title { font-size: 1.875rem; line-height: 2.25rem; }\n}\n@media (min-width: 1024px) {\n  .windex-section-title { font-size: 2.25rem; line-height: 2.5rem; }\n}\n.windex-body { font-size: 1rem; line-height: 1.625; color: hsla(220, 20%, 12%, .85); }\n@media (min-width: 768px) {\n  .windex-body { font-size: 1.125rem; line-height: 1.75rem; }\n}\n.windex-card { border-radius: calc(var(--radius) - 4px); border-width: 1px; border-color: hsl(214, 20%, 90%); background-color: hsl(210, 20%, 98%); padding: 1.5rem; }\n@media (min-width: 768px) {\n  .windex-card { padding: 2rem; }\n}\n.windex-btn-primary { display: inline-flex; align-items: center; justify-content: center; background-color: hsl(215, 80%, 22%); padding: 0.75rem 1.5rem; font-size: 0.875rem; line-height: 1.25rem; font-weight: 600; text-transform: uppercase; letter-spacing: 0.05em; color: hsl(0, 0%, 100%); transition-property: color, background-color, border-color, text-decoration-color, fill, stroke; transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1); transition-duration: 0.2s; animation-duration: 0.2s; }\n.windex-btn-primary:hover { background-color: hsl(215, 60%, 35%); }\n.windex-divider { height: 0.125rem; width: 3rem; background-color: hsl(48, 100%, 45%); }\n.windex-summary-box { border-left-width: 4px; border-color: hsl(48, 100%, 45%); background-color: hsl(200, 25%, 95%); padding: 1.5rem; }\n@media (min-width: 768px) {\n  .windex-summary-box { padding: 2rem; }\n}\n.windex-step-number { display: flex; height: 2.5rem; width: 2.5rem; flex-shrink: 0; align-items: center; justify-content: center; border-radius: 9999px; background-color: hsl(215, 80%, 22%); font-size: 0.875rem; line-height: 1.25rem; font-weight: 700; color: hsl(0, 0%, 100%); }\n.sr-only { position: absolute; width: 1px; height: 1px; padding: 0px; margin: -1px; overflow: hidden; clip: rect(0px, 0px, 0px, 0px); white-space: nowrap; border-width: 0px; }\n.pointer-events-none { pointer-events: none; }\n.pointer-events-auto { pointer-events: auto; }\n.visible { visibility: visible; }\n.invisible { visibility: hidden; }\n.static { position: static; }\n.fixed { position: fixed; }\n.absolute { position: absolute; }\n.relative { position: relative; }\n.sticky { position: sticky; }\n.inset-0 { inset: 0px; }\n.inset-x-0 { left: 0px; right: 0px; }\n.inset-y-0 { top: 0px; bottom: 0px; }\n.-bottom-12 { bottom: -3rem; }\n.-left-12 { left: -3rem; }\n.-right-12 { right: -3rem; }\n.-top-12 { top: -3rem; }\n.bottom-0 { bottom: 0px; }\n.left-0 { left: 0px; }\n.left-1 { left: 0.25rem; }\n.left-1\\\/2 { left: 50%; }\n.left-2 { left: 0.5rem; }\n.left-\\[50\\%\\] { left: 50%; }\n.right-0 { right: 0px; }\n.right-1 { right: 0.25rem; }\n.right-2 { right: 0.5rem; }\n.right-3 { right: 0.75rem; }\n.right-4 { right: 1rem; }\n.top-0 { top: 0px; }\n.top-1\\.5 { top: 0.375rem; }\n.top-1\\\/2 { top: 50%; }\n.top-2 { top: 0.5rem; }\n.top-3\\.5 { top: 0.875rem; }\n.top-4 { top: 1rem; }\n.top-\\[1px\\] { top: 1px; }\n.top-\\[40px\\] { top: 40px; }\n.top-\\[50\\%\\] { top: 50%; }\n.top-\\[60\\%\\] { top: 60%; }\n.top-full { top: 100%; }\n.z-10 { z-index: 10; }\n.z-20 { z-index: 20; }\n.z-50 { z-index: 50; }\n.z-\\[100\\] { z-index: 100; }\n.z-\\[1\\] { z-index: 1; }\n.-mx-1 { margin-left: -0.25rem; margin-right: -0.25rem; }\n.mx-2 { margin-left: 0.5rem; margin-right: 0.5rem; }\n.mx-3\\.5 { margin-left: 0.875rem; margin-right: 0.875rem; }\n.mx-auto { margin-left: auto; margin-right: auto; }\n.my-0\\.5 { margin-top: 0.125rem; margin-bottom: 0.125rem; }\n.my-1 { margin-top: 0.25rem; margin-bottom: 0.25rem; }\n.my-6 { margin-top: 1.5rem; margin-bottom: 1.5rem; }\n.-ml-4 { margin-left: -1rem; }\n.-mt-4 { margin-top: -1rem; }\n.mb-0\\.5 { margin-bottom: 0.125rem; }\n.mb-1 { margin-bottom: 0.25rem; }\n.mb-12 { margin-bottom: 3rem; }\n.mb-14 { margin-bottom: 3.5rem; }\n.mb-2 { margin-bottom: 0.5rem; }\n.mb-3 { margin-bottom: 0.75rem; }\n.mb-4 { margin-bottom: 1rem; }\n.mb-5 { margin-bottom: 1.25rem; }\n.mb-6 { margin-bottom: 1.5rem; }\n.mb-8 { margin-bottom: 2rem; }\n.ml-1 { margin-left: 0.25rem; }\n.ml-4 { margin-left: 1rem; }\n.ml-auto { margin-left: auto; }\n.mr-2 { margin-right: 0.5rem; }\n.mt-0\\.5 { margin-top: 0.125rem; }\n.mt-1 { margin-top: 0.25rem; }\n.mt-1\\.5 { margin-top: 0.375rem; }\n.mt-10 { margin-top: 2.5rem; }\n.mt-2 { margin-top: 0.5rem; }\n.mt-24 { margin-top: 6rem; }\n.mt-3 { margin-top: 0.75rem; }\n.mt-4 { margin-top: 1rem; }\n.mt-5 { margin-top: 1.25rem; }\n.mt-6 { margin-top: 1.5rem; }\n.mt-8 { margin-top: 2rem; }\n.mt-auto { margin-top: auto; }\n.block { display: block; }\n.flex { display: flex; }\n.inline-flex { display: inline-flex; }\n.table { display: table; }\n.grid { display: grid; }\n.contents { display: contents; }\n.hidden { display: none; }\n.aspect-square { aspect-ratio: 1 \/ 1; }\n.aspect-video { aspect-ratio: 16 \/ 9; }\n.size-4 { width: 1rem; height: 1rem; }\n.\\!h-8 { height: 2rem !important; }\n.h-1\\.5 { height: 0.375rem; }\n.h-10 { height: 2.5rem; }\n.h-11 { height: 2.75rem; }\n.h-12 { height: 3rem; }\n.h-2 { height: 0.5rem; }\n.h-2\\.5 { height: 0.625rem; }\n.h-3 { height: 0.75rem; }\n.h-3\\.5 { height: 0.875rem; }\n.h-4 { height: 1rem; }\n.h-5 { height: 1.25rem; }\n.h-6 { height: 1.5rem; }\n.h-7 { height: 1.75rem; }\n.h-8 { height: 2rem; }\n.h-9 { height: 2.25rem; }\n.h-\\[1px\\] { height: 1px; }\n.h-\\[var\\(--radix-navigation-menu-viewport-height\\)\\] { height: var(--radix-navigation-menu-viewport-height); }\n.h-\\[var\\(--radix-select-trigger-height\\)\\] { height: var(--radix-select-trigger-height); }\n.h-auto { height: auto; }\n.h-full { height: 100%; }\n.h-px { height: 1px; }\n.h-svh { height: 100svh; }\n.max-h-96 { max-height: 24rem; }\n.max-h-\\[300px\\] { max-height: 300px; }\n.max-h-\\[calc\\(100vh-80px\\)\\] { max-height: calc(-80px + 100vh); }\n.max-h-screen { max-height: 100vh; }\n.min-h-0 { min-height: 0px; }\n.min-h-\\[80px\\] { min-height: 80px; }\n.min-h-screen { min-height: 100vh; }\n.min-h-svh { min-height: 100svh; }\n.\\!w-8 { width: 2rem !important; }\n.w-0 { width: 0px; }\n.w-1 { width: 0.25rem; }\n.w-10 { width: 2.5rem; }\n.w-11 { width: 2.75rem; }\n.w-16 { width: 4rem; }\n.w-2 { width: 0.5rem; }\n.w-2\\.5 { width: 0.625rem; }\n.w-3 { width: 0.75rem; }\n.w-3\\.5 { width: 0.875rem; }\n.w-3\\\/4 { width: 75%; }\n.w-4 { width: 1rem; }\n.w-5 { width: 1.25rem; }\n.w-56 { width: 14rem; }\n.w-64 { width: 16rem; }\n.w-7 { width: 1.75rem; }\n.w-72 { width: 18rem; }\n.w-8 { width: 2rem; }\n.w-9 { width: 2.25rem; }\n.w-\\[--sidebar-width\\] { width: var(--sidebar-width); }\n.w-\\[100px\\] { width: 100px; }\n.w-\\[1px\\] { width: 1px; }\n.w-auto { width: auto; }\n.w-full { width: 100%; }\n.w-max { width: max-content; }\n.w-px { width: 1px; }\n.min-w-0 { min-width: 0px; }\n.min-w-5 { min-width: 1.25rem; }\n.min-w-\\[12rem\\] { min-width: 12rem; }\n.min-w-\\[8rem\\] { min-width: 8rem; }\n.min-w-\\[var\\(--radix-select-trigger-width\\)\\] { min-width: var(--radix-select-trigger-width); }\n.max-w-2xl { max-width: 42rem; }\n.max-w-3xl { max-width: 48rem; }\n.max-w-4xl { max-width: 56rem; }\n.max-w-\\[--skeleton-width\\] { max-width: var(--skeleton-width); }\n.max-w-\\[300px\\] { max-width: 300px; }\n.max-w-\\[320px\\] { max-width: 320px; }\n.max-w-\\[360px\\] { max-width: 360px; }\n.max-w-\\[400px\\] { max-width: 400px; }\n.max-w-\\[460px\\] { max-width: 460px; }\n.max-w-lg { max-width: 32rem; }\n.max-w-max { max-width: max-content; }\n.max-w-xl { max-width: 36rem; }\n.flex-1 { flex: 1 1 0%; }\n.shrink-0 { flex-shrink: 0; }\n.grow { flex-grow: 1; }\n.grow-0 { flex-grow: 0; }\n.basis-full { flex-basis: 100%; }\n.caption-bottom { caption-side: bottom; }\n.border-collapse { border-collapse: collapse; }\n.-translate-x-1\\\/2 { --tw-translate-x: -50%; transform: translate(var(--tw-translate-x),var(--tw-translate-y)) rotate(var(--tw-rotate)) skew(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y)); }\n.-translate-x-px { --tw-translate-x: -1px; transform: translate(var(--tw-translate-x),var(--tw-translate-y)) rotate(var(--tw-rotate)) skew(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y)); }\n.-translate-y-1\\\/2 { --tw-translate-y: -50%; transform: translate(var(--tw-translate-x),var(--tw-translate-y)) rotate(var(--tw-rotate)) skew(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y)); }\n.translate-x-\\[-50\\%\\] { --tw-translate-x: -50%; transform: translate(var(--tw-translate-x),var(--tw-translate-y)) rotate(var(--tw-rotate)) skew(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y)); }\n.translate-x-px { --tw-translate-x: 1px; transform: translate(var(--tw-translate-x),var(--tw-translate-y)) rotate(var(--tw-rotate)) skew(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y)); }\n.translate-y-\\[-50\\%\\] { --tw-translate-y: -50%; transform: translate(var(--tw-translate-x),var(--tw-translate-y)) rotate(var(--tw-rotate)) skew(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y)); }\n.rotate-180 { --tw-rotate: 180deg; transform: translate(var(--tw-translate-x),var(--tw-translate-y)) rotate(var(--tw-rotate)) skew(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y)); }\n.rotate-45 { --tw-rotate: 45deg; transform: translate(var(--tw-translate-x),var(--tw-translate-y)) rotate(var(--tw-rotate)) skew(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y)); }\n.rotate-90 { --tw-rotate: 90deg; transform: translate(var(--tw-translate-x),var(--tw-translate-y)) rotate(var(--tw-rotate)) skew(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y)); }\n.transform { transform: translate(var(--tw-translate-x),var(--tw-translate-y)) rotate(var(--tw-rotate)) skew(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y)); }\n@keyframes pulse { \n  50% { opacity: 0.5; }\n}\n.animate-pulse { animation: 2s cubic-bezier(0.4, 0, 0.6, 1) 0s infinite normal none running pulse; }\n.cursor-default { cursor: default; }\n.cursor-pointer { cursor: pointer; }\n.touch-none { touch-action: none; }\n.select-none { user-select: none; }\n.scroll-mt-8 { scroll-margin-top: 2rem; }\n.list-none { list-style-type: none; }\n.grid-cols-1 { grid-template-columns: repeat(1, minmax(0px, 1fr)); }\n.grid-cols-2 { grid-template-columns: repeat(2, minmax(0px, 1fr)); }\n.grid-cols-3 { grid-template-columns: repeat(3, minmax(0px, 1fr)); }\n.flex-row { flex-direction: row; }\n.flex-col { flex-direction: column; }\n.flex-col-reverse { flex-direction: column-reverse; }\n.flex-wrap { flex-wrap: wrap; }\n.items-start { align-items: flex-start; }\n.items-end { align-items: flex-end; }\n.items-center { align-items: center; }\n.items-stretch { align-items: stretch; }\n.justify-center { justify-content: center; }\n.justify-between { justify-content: space-between; }\n.gap-0 { gap: 0px; }\n.gap-1 { gap: 0.25rem; }\n.gap-1\\.5 { gap: 0.375rem; }\n.gap-10 { gap: 2.5rem; }\n.gap-12 { gap: 3rem; }\n.gap-2 { gap: 0.5rem; }\n.gap-3 { gap: 0.75rem; }\n.gap-4 { gap: 1rem; }\n.gap-6 { gap: 1.5rem; }\n.gap-8 { gap: 2rem; }\n.gap-x-4 { column-gap: 1rem; }\n.gap-y-1 { row-gap: 0.25rem; }\n.space-x-1 > :not([hidden]) ~ :not([hidden]) { --tw-space-x-reverse: 0; margin-right: calc(.25rem * var(--tw-space-x-reverse)); margin-left: calc(.25rem * calc(1 - var(--tw-space-x-reverse))); }\n.space-x-4 > :not([hidden]) ~ :not([hidden]) { --tw-space-x-reverse: 0; margin-right: calc(1rem * var(--tw-space-x-reverse)); margin-left: calc(1rem * calc(1 - var(--tw-space-x-reverse))); }\n.space-y-0 > :not([hidden]) ~ :not([hidden]) { --tw-space-y-reverse: 0; margin-top: calc(0px * calc(1 - var(--tw-space-y-reverse))); margin-bottom: calc(0px * var(--tw-space-y-reverse)); }\n.space-y-1 > :not([hidden]) ~ :not([hidden]) { --tw-space-y-reverse: 0; margin-top: calc(.25rem * calc(1 - var(--tw-space-y-reverse))); margin-bottom: calc(.25rem * var(--tw-space-y-reverse)); }\n.space-y-1\\.5 > :not([hidden]) ~ :not([hidden]) { --tw-space-y-reverse: 0; margin-top: calc(.375rem * calc(1 - var(--tw-space-y-reverse))); margin-bottom: calc(.375rem * var(--tw-space-y-reverse)); }\n.space-y-12 > :not([hidden]) ~ :not([hidden]) { --tw-space-y-reverse: 0; margin-top: calc(3rem * calc(1 - var(--tw-space-y-reverse))); margin-bottom: calc(3rem * var(--tw-space-y-reverse)); }\n.space-y-2 > :not([hidden]) ~ :not([hidden]) { --tw-space-y-reverse: 0; margin-top: calc(.5rem * calc(1 - var(--tw-space-y-reverse))); margin-bottom: calc(.5rem * var(--tw-space-y-reverse)); }\n.space-y-3 > :not([hidden]) ~ :not([hidden]) { --tw-space-y-reverse: 0; margin-top: calc(.75rem * calc(1 - var(--tw-space-y-reverse))); margin-bottom: calc(.75rem * var(--tw-space-y-reverse)); }\n.space-y-4 > :not([hidden]) ~ :not([hidden]) { --tw-space-y-reverse: 0; margin-top: calc(1rem * calc(1 - var(--tw-space-y-reverse))); margin-bottom: calc(1rem * var(--tw-space-y-reverse)); }\n.space-y-6 > :not([hidden]) ~ :not([hidden]) { --tw-space-y-reverse: 0; margin-top: calc(1.5rem * calc(1 - var(--tw-space-y-reverse))); margin-bottom: calc(1.5rem * var(--tw-space-y-reverse)); }\n.space-y-8 > :not([hidden]) ~ :not([hidden]) { --tw-space-y-reverse: 0; margin-top: calc(2rem * calc(1 - var(--tw-space-y-reverse))); margin-bottom: calc(2rem * var(--tw-space-y-reverse)); }\n.self-start { align-self: flex-start; }\n.overflow-auto { overflow: auto; }\n.overflow-hidden { overflow: hidden; }\n.overflow-x-auto { overflow-x: auto; }\n.overflow-y-auto { overflow-y: auto; }\n.overflow-x-hidden { overflow-x: hidden; }\n.whitespace-nowrap { white-space: nowrap; }\n.break-words { overflow-wrap: break-word; }\n.rounded { border-radius: 0.25rem; }\n.rounded-\\[2px\\] { border-radius: 2px; }\n.rounded-\\[inherit\\] { border-radius: inherit; }\n.rounded-full { border-radius: 9999px; }\n.rounded-lg { border-radius: var(--radius); }\n.rounded-md { border-radius: calc(var(--radius) - 2px); }\n.rounded-sm { border-radius: calc(var(--radius) - 4px); }\n.rounded-t-\\[10px\\] { border-top-left-radius: 10px; border-top-right-radius: 10px; }\n.rounded-tl-sm { border-top-left-radius: calc(var(--radius) - 4px); }\n.border { border-width: 1px; }\n.border-2 { border-width: 2px; }\n.border-\\[1\\.5px\\] { border-width: 1.5px; }\n.border-y { border-top-width: 1px; border-bottom-width: 1px; }\n.border-b { border-bottom-width: 1px; }\n.border-l { border-left-width: 1px; }\n.border-l-4 { border-left-width: 4px; }\n.border-r { border-right-width: 1px; }\n.border-t { border-top-width: 1px; }\n.border-t-4 { border-top-width: 4px; }\n.border-dashed { border-style: dashed; }\n.border-\\[--color-border\\] { border-color: var(--color-border); }\n.border-border { border-color: hsl(214, 20%, 90%); }\n.border-border\\\/50 { border-color: hsla(214, 20%, 90%, .5); }\n.border-destructive { border-color: hsl(0, 84%, 60%); }\n.border-destructive\\\/50 { border-color: hsla(0, 84%, 60%, .5); }\n.border-input { border-color: hsl(214, 20%, 90%); }\n.border-marine-blue { border-color: hsl(210, 70%, 50%); }\n.border-primary { border-color: hsl(215, 80%, 22%); }\n.border-primary-foreground\\\/30 { border-color: hsla(0, 0%, 100%, .3); }\n.border-sidebar-border { border-color: hsl(220, 13%, 91%); }\n.border-signal-red { border-color: hsl(5, 80%, 52%); }\n.border-transparent { border-color: transparent; }\n.border-warm-gold { border-color: hsl(48, 100%, 45%); }\n.border-l-transparent { border-left-color: transparent; }\n.border-t-signal-red { border-top-color: hsl(5, 80%, 52%); }\n.border-t-transparent { border-top-color: transparent; }\n.bg-\\[--color-bg\\] { background-color: var(--color-bg); }\n.bg-accent { background-color: hsl(42, 95%, 55%); }\n.bg-background { background-color: hsl(0, 0%, 100%); }\n.bg-black\\\/80 { background-color: rgba(0, 0, 0, 0.8); }\n.bg-border { background-color: hsl(214, 20%, 90%); }\n.bg-card { background-color: hsl(0, 0%, 100%); }\n.bg-destructive { background-color: hsl(0, 84%, 60%); }\n.bg-foreground { background-color: hsl(220, 20%, 12%); }\n.bg-marine-blue { background-color: hsl(210, 70%, 50%); }\n.bg-muted { background-color: hsl(210, 15%, 96%); }\n.bg-muted\\\/50 { background-color: hsla(210, 15%, 96%, .5); }\n.bg-navy { background-color: hsl(215, 80%, 22%); }\n.bg-navy-dark { background-color: hsl(215, 85%, 14%); }\n.bg-navy-light { background-color: hsl(215, 60%, 35%); }\n.bg-off-white { background-color: hsl(210, 20%, 98%); }\n.bg-popover { background-color: hsl(0, 0%, 100%); }\n.bg-primary { background-color: hsl(215, 80%, 22%); }\n.bg-sea-mist { background-color: hsl(200, 25%, 95%); }\n.bg-secondary { background-color: hsl(210, 15%, 96%); }\n.bg-secondary\\\/50 { background-color: hsla(210, 15%, 96%, .5); }\n.bg-sidebar { background-color: hsl(0, 0%, 98%); }\n.bg-sidebar-border { background-color: hsl(220, 13%, 91%); }\n.bg-transparent { background-color: transparent; }\n.bg-warm-gold { background-color: hsl(48, 100%, 45%); }\n.bg-white { --tw-bg-opacity: 1; background-color: rgb(255 255 255 \/ var(--tw-bg-opacity, 1)); }\n.fill-current { fill: currentcolor; }\n.object-contain { object-fit: contain; }\n.\\!p-4 { padding: 1rem !important; }\n.\\!p-5 { padding: 1.25rem !important; }\n.p-0 { padding: 0px; }\n.p-1 { padding: 0.25rem; }\n.p-2 { padding: 0.5rem; }\n.p-3 { padding: 0.75rem; }\n.p-4 { padding: 1rem; }\n.p-5 { padding: 1.25rem; }\n.p-6 { padding: 1.5rem; }\n.p-\\[1px\\] { padding: 1px; }\n.px-1 { padding-left: 0.25rem; padding-right: 0.25rem; }\n.px-2 { padding-left: 0.5rem; padding-right: 0.5rem; }\n.px-2\\.5 { padding-left: 0.625rem; padding-right: 0.625rem; }\n.px-3 { padding-left: 0.75rem; padding-right: 0.75rem; }\n.px-4 { padding-left: 1rem; padding-right: 1rem; }\n.px-5 { padding-left: 1.25rem; padding-right: 1.25rem; }\n.px-6 { padding-left: 1.5rem; padding-right: 1.5rem; }\n.px-8 { padding-left: 2rem; padding-right: 2rem; }\n.py-0\\.5 { padding-top: 0.125rem; padding-bottom: 0.125rem; }\n.py-1 { padding-top: 0.25rem; padding-bottom: 0.25rem; }\n.py-1\\.5 { padding-top: 0.375rem; padding-bottom: 0.375rem; }\n.py-12 { padding-top: 3rem; padding-bottom: 3rem; }\n.py-14 { padding-top: 3.5rem; padding-bottom: 3.5rem; }\n.py-16 { padding-top: 4rem; padding-bottom: 4rem; }\n.py-2 { padding-top: 0.5rem; padding-bottom: 0.5rem; }\n.py-2\\.5 { padding-top: 0.625rem; padding-bottom: 0.625rem; }\n.py-3 { padding-top: 0.75rem; padding-bottom: 0.75rem; }\n.py-4 { padding-top: 1rem; padding-bottom: 1rem; }\n.py-5 { padding-top: 1.25rem; padding-bottom: 1.25rem; }\n.py-6 { padding-top: 1.5rem; padding-bottom: 1.5rem; }\n.pb-0 { padding-bottom: 0px; }\n.pb-3 { padding-bottom: 0.75rem; }\n.pb-4 { padding-bottom: 1rem; }\n.pb-5 { padding-bottom: 1.25rem; }\n.pl-2\\.5 { padding-left: 0.625rem; }\n.pl-4 { padding-left: 1rem; }\n.pl-8 { padding-left: 2rem; }\n.pr-2 { padding-right: 0.5rem; }\n.pr-2\\.5 { padding-right: 0.625rem; }\n.pr-8 { padding-right: 2rem; }\n.pt-0 { padding-top: 0px; }\n.pt-0\\.5 { padding-top: 0.125rem; }\n.pt-1 { padding-top: 0.25rem; }\n.pt-3 { padding-top: 0.75rem; }\n.pt-4 { padding-top: 1rem; }\n.pt-\\[40px\\] { padding-top: 40px; }\n.text-left { text-align: left; }\n.text-center { text-align: center; }\n.align-middle { vertical-align: middle; }\n.font-mono { font-family: ui-monospace, SFMono-Regular, Menlo, Monaco, Consolas, \"Liberation Mono\", \"Courier New\", monospace; }\n.font-sans { font-family: Roboto, system-ui, sans-serif; }\n.font-serif { font-family: nexa_boldregular, sans-serif; }\n.text-2xl { font-size: 1.5rem; line-height: 2rem; }\n.text-3xl { font-size: 1.875rem; line-height: 2.25rem; }\n.text-4xl { font-size: 2.25rem; line-height: 2.5rem; }\n.text-\\[0\\.8rem\\] { font-size: 0.8rem; }\n.text-\\[10px\\] { font-size: 10px; }\n.text-\\[11px\\] { font-size: 11px; }\n.text-base { font-size: 1rem; line-height: 1.5rem; }\n.text-lg { font-size: 1.125rem; line-height: 1.75rem; }\n.text-sm { font-size: 0.875rem; line-height: 1.25rem; }\n.text-xl { font-size: 1.25rem; line-height: 1.75rem; }\n.text-xs { font-size: 0.75rem; line-height: 1rem; }\n.font-bold { font-weight: 700; }\n.font-extrabold { font-weight: 800; }\n.font-medium { font-weight: 500; }\n.font-normal { font-weight: 400; }\n.font-semibold { font-weight: 600; }\n.uppercase { text-transform: uppercase; }\n.italic { font-style: italic; }\n.tabular-nums { --tw-numeric-spacing: tabular-nums; font-variant-numeric: var(--tw-ordinal) var(--tw-slashed-zero) var(--tw-numeric-figure) var(--tw-numeric-spacing) var(--tw-numeric-fraction); }\n.leading-none { line-height: 1; }\n.leading-relaxed { line-height: 1.625; }\n.leading-tight { line-height: 1.25; }\n.tracking-\\[0\\.2em\\] { letter-spacing: 0.2em; }\n.tracking-tight { letter-spacing: -0.025em; }\n.tracking-wider { letter-spacing: 0.05em; }\n.tracking-widest { letter-spacing: 0.1em; }\n.text-\\[hsl\\(150_60\\%_35\\%\\)\\] { --tw-text-opacity: 1; color: hsl(150 60% 35% \/ var(--tw-text-opacity, 1)); }\n.text-accent-foreground { color: hsl(220, 20%, 12%); }\n.text-card-foreground { color: hsl(220, 20%, 12%); }\n.text-current { color: currentcolor; }\n.text-destructive { color: hsl(0, 84%, 60%); }\n.text-destructive-foreground { color: hsl(0, 0%, 100%); }\n.text-foreground { color: hsl(220, 20%, 12%); }\n.text-foreground\\\/50 { color: hsla(220, 20%, 12%, .5); }\n.text-foreground\\\/70 { color: hsla(220, 20%, 12%, .7); }\n.text-foreground\\\/75 { color: hsla(220, 20%, 12%, .75); }\n.text-foreground\\\/80 { color: hsla(220, 20%, 12%, .8); }\n.text-foreground\\\/85 { color: hsla(220, 20%, 12%, .85); }\n.text-foreground\\\/90 { color: hsla(220, 20%, 12%, .9); }\n.text-marine-blue { color: hsl(210, 70%, 50%); }\n.text-muted-foreground { color: hsl(215, 10%, 46%); }\n.text-navy { color: hsl(215, 80%, 22%); }\n.text-popover-foreground { color: hsl(220, 20%, 12%); }\n.text-primary { color: hsl(215, 80%, 22%); }\n.text-primary-foreground { color: hsl(0, 0%, 100%); }\n.text-primary-foreground\\\/65 { color: hsla(0, 0%, 100%, .65); }\n.text-primary-foreground\\\/70 { color: hsla(0, 0%, 100%, .7); }\n.text-primary-foreground\\\/75 { color: hsla(0, 0%, 100%, .75); }\n.text-primary-foreground\\\/80 { color: hsla(0, 0%, 100%, .8); }\n.text-primary-foreground\\\/85 { color: hsla(0, 0%, 100%, .85); }\n.text-secondary-foreground { color: hsl(220, 20%, 12%); }\n.text-sidebar-foreground { color: hsl(240, 5.3%, 26.1%); }\n.text-sidebar-foreground\\\/70 { color: hsla(240, 5.3%, 26.1%, .7); }\n.text-signal-red { color: hsl(5, 80%, 52%); }\n.text-warm-gold { color: hsl(48, 100%, 45%); }\n.text-white { --tw-text-opacity: 1; color: rgb(255 255 255 \/ var(--tw-text-opacity, 1)); }\n.underline { text-decoration-line: underline; }\n.underline-offset-2 { text-underline-offset: 2px; }\n.underline-offset-4 { text-underline-offset: 4px; }\n.antialiased { -webkit-font-smoothing: antialiased; }\n.opacity-0 { opacity: 0; }\n.opacity-50 { opacity: 0.5; }\n.opacity-60 { opacity: 0.6; }\n.opacity-70 { opacity: 0.7; }\n.opacity-90 { opacity: 0.9; }\n.shadow-\\[0_0_0_1px_hsl\\(var\\(--sidebar-border\\)\\)\\] { --tw-shadow: 0 0 0 1px hsl(220, 13%, 91%); --tw-shadow-colored: 0 0 0 1px var(--tw-shadow-color); box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000),var(--tw-ring-shadow, 0 0 #0000),var(--tw-shadow); }\n.shadow-lg { --tw-shadow: 0 10px 15px -3px rgb(0 0 0 \/ .1), 0 4px 6px -4px rgb(0 0 0 \/ .1); --tw-shadow-colored: 0 10px 15px -3px var(--tw-shadow-color), 0 4px 6px -4px var(--tw-shadow-color); box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000),var(--tw-ring-shadow, 0 0 #0000),var(--tw-shadow); }\n.shadow-md { --tw-shadow: 0 4px 6px -1px rgb(0 0 0 \/ .1), 0 2px 4px -2px rgb(0 0 0 \/ .1); --tw-shadow-colored: 0 4px 6px -1px var(--tw-shadow-color), 0 2px 4px -2px var(--tw-shadow-color); box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000),var(--tw-ring-shadow, 0 0 #0000),var(--tw-shadow); }\n.shadow-none { --tw-shadow: 0 0 #0000; --tw-shadow-colored: 0 0 #0000; box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000),var(--tw-ring-shadow, 0 0 #0000),var(--tw-shadow); }\n.shadow-sm { --tw-shadow: 0 1px 2px 0 rgb(0 0 0 \/ .05); --tw-shadow-colored: 0 1px 2px 0 var(--tw-shadow-color); box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000),var(--tw-ring-shadow, 0 0 #0000),var(--tw-shadow); }\n.shadow-xl { --tw-shadow: 0 20px 25px -5px rgb(0 0 0 \/ .1), 0 8px 10px -6px rgb(0 0 0 \/ .1); --tw-shadow-colored: 0 20px 25px -5px var(--tw-shadow-color), 0 8px 10px -6px var(--tw-shadow-color); box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000),var(--tw-ring-shadow, 0 0 #0000),var(--tw-shadow); }\n.outline-none { outline: transparent solid 2px; outline-offset: 2px; }\n.outline { outline-style: solid; }\n.ring { --tw-ring-offset-shadow: var(--tw-ring-inset) 0 0 0 var(--tw-ring-offset-width) var(--tw-ring-offset-color); --tw-ring-shadow: var(--tw-ring-inset) 0 0 0 calc(3px + var(--tw-ring-offset-width)) var(--tw-ring-color); box-shadow: var(--tw-ring-offset-shadow),var(--tw-ring-shadow),var(--tw-shadow, 0 0 #0000); }\n.ring-0 { --tw-ring-offset-shadow: var(--tw-ring-inset) 0 0 0 var(--tw-ring-offset-width) var(--tw-ring-offset-color); --tw-ring-shadow: var(--tw-ring-inset) 0 0 0 calc(0px + var(--tw-ring-offset-width)) var(--tw-ring-color); box-shadow: var(--tw-ring-offset-shadow),var(--tw-ring-shadow),var(--tw-shadow, 0 0 #0000); }\n.ring-2 { --tw-ring-offset-shadow: var(--tw-ring-inset) 0 0 0 var(--tw-ring-offset-width) var(--tw-ring-offset-color); --tw-ring-shadow: var(--tw-ring-inset) 0 0 0 calc(2px + var(--tw-ring-offset-width)) var(--tw-ring-color); box-shadow: var(--tw-ring-offset-shadow),var(--tw-ring-shadow),var(--tw-shadow, 0 0 #0000); }\n.ring-ring { --tw-ring-color: hsl(215, 80%, 22%); }\n.ring-sidebar-ring { --tw-ring-color: hsl(217.2, 91.2%, 59.8%); }\n.ring-offset-background { --tw-ring-offset-color: hsl(0, 0%, 100%); }\n.filter { filter: var(--tw-blur) var(--tw-brightness) var(--tw-contrast) var(--tw-grayscale) var(--tw-hue-rotate) var(--tw-invert) var(--tw-saturate) var(--tw-sepia) var(--tw-drop-shadow); }\n.transition { transition-property: color, background-color, border-color, text-decoration-color, fill, stroke, opacity, box-shadow, transform, filter, backdrop-filter, -webkit-backdrop-filter; transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1); transition-duration: 0.15s; }\n.transition-\\[left\\,right\\,width\\] { transition-property: left, right, width; transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1); transition-duration: 0.15s; }\n.transition-\\[margin\\,opa\\] { transition-property: margin, opa; transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1); transition-duration: 0.15s; }\n.transition-\\[width\\,height\\,padding\\] { transition-property: width, height, padding; transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1); transition-duration: 0.15s; }\n.transition-\\[width\\] { transition-property: width; transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1); transition-duration: 0.15s; }\n.transition-all { transition-property: all; transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1); transition-duration: 0.15s; }\n.transition-colors { transition-property: color, background-color, border-color, text-decoration-color, fill, stroke; transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1); transition-duration: 0.15s; }\n.transition-opacity { transition-property: opacity; transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1); transition-duration: 0.15s; }\n.transition-transform { transition-property: transform; transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1); transition-duration: 0.15s; }\n.duration-1000 { transition-duration: 1s; }\n.duration-200 { transition-duration: 0.2s; }\n.ease-in-out { transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1); }\n.ease-linear { transition-timing-function: linear; }\n@keyframes enter { \n  0% { opacity: var(--tw-enter-opacity, 1); transform: translate3d(var(--tw-enter-translate-x, 0),var(--tw-enter-translate-y, 0),0) scale3d(var(--tw-enter-scale, 1),var(--tw-enter-scale, 1),var(--tw-enter-scale, 1)) rotate(var(--tw-enter-rotate, 0)); }\n}\n@keyframes exit { \n  100% { opacity: var(--tw-exit-opacity, 1); transform: translate3d(var(--tw-exit-translate-x, 0),var(--tw-exit-translate-y, 0),0) scale3d(var(--tw-exit-scale, 1),var(--tw-exit-scale, 1),var(--tw-exit-scale, 1)) rotate(var(--tw-exit-rotate, 0)); }\n}\n.animate-in { animation-name: enter; animation-duration: 0.15s; --tw-enter-opacity: initial; --tw-enter-scale: initial; --tw-enter-rotate: initial; --tw-enter-translate-x: initial; --tw-enter-translate-y: initial; }\n.fade-in-0 { --tw-enter-opacity: 0; }\n.fade-in-80 { --tw-enter-opacity: .8; }\n.zoom-in-95 { --tw-enter-scale: .95; }\n.duration-1000 { animation-duration: 1s; }\n.duration-200 { animation-duration: 0.2s; }\n.ease-in-out { animation-timing-function: cubic-bezier(0.4, 0, 0.2, 1); }\n.ease-linear { animation-timing-function: linear; }\n.running { animation-play-state: running; }\n@font-face { font-family: nexa_boldregular; src: url(\"https:\/\/sailors-wind-decoder.lovable.app\/fonts\/nexa_bold-webfont.woff2\") format(\"woff2\"), url(\"https:\/\/sailors-wind-decoder.lovable.app\/fonts\/nexa_bold-webfont.woff\") format(\"woff\"); font-weight: 400; font-style: normal; }\n@keyframes wind-flow { \n  0% { transform: translate(-100%); opacity: 0; }\n  20% { opacity: 1; }\n  80% { opacity: 1; }\n  100% { transform: translate(100%); opacity: 0; }\n}\n@keyframes vane-sway { \n  0%, 100% { transform: rotate(-5deg); }\n  50% { transform: rotate(5deg); }\n}\n@keyframes fade-up { \n  0% { opacity: 0; transform: translateY(20px); }\n  100% { opacity: 1; transform: translateY(0px); }\n}\n.animate-wind-flow { animation: 3s ease-in-out 0s infinite normal none running wind-flow; }\n.animate-vane-sway { animation: 4s ease-in-out 0s infinite normal none running vane-sway; transform-origin: center bottom; }\n.animate-fade-up { animation: 0.6s ease-out 0s 1 normal forwards running fade-up; }\n.file\\:border-0::file-selector-button { border-width: 0px; }\n.file\\:bg-transparent::file-selector-button { background-color: transparent; }\n.file\\:text-sm::file-selector-button { font-size: 0.875rem; line-height: 1.25rem; }\n.file\\:font-medium::file-selector-button { font-weight: 500; }\n.file\\:text-foreground::file-selector-button { color: hsl(220, 20%, 12%); }\n.placeholder\\:text-muted-foreground::placeholder { color: hsl(215, 10%, 46%); }\n.after\\:absolute::after { content: var(--tw-content); position: absolute; }\n.after\\:-inset-2::after { content: var(--tw-content); inset: -0.5rem; }\n.after\\:inset-y-0::after { content: var(--tw-content); top: 0px; bottom: 0px; }\n.after\\:left-1\\\/2::after { content: var(--tw-content); left: 50%; }\n.after\\:w-1::after { content: var(--tw-content); width: 0.25rem; }\n.after\\:w-\\[2px\\]::after { content: var(--tw-content); width: 2px; }\n.after\\:-translate-x-1\\\/2::after { content: var(--tw-content); --tw-translate-x: -50%; transform: translate(var(--tw-translate-x),var(--tw-translate-y)) rotate(var(--tw-rotate)) skew(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y)); }\n.first\\:rounded-l-md:first-child { border-top-left-radius: calc(var(--radius) - 2px); border-bottom-left-radius: calc(var(--radius) - 2px); }\n.first\\:border-l:first-child { border-left-width: 1px; }\n.last\\:rounded-r-md:last-child { border-top-right-radius: calc(var(--radius) - 2px); border-bottom-right-radius: calc(var(--radius) - 2px); }\n.last\\:border-0:last-child { border-width: 0px; }\n.last\\:border-b-0:last-child { border-bottom-width: 0px; }\n.last\\:border-r-0:last-child { border-right-width: 0px; }\n.even\\:bg-off-white:nth-child(2n) { background-color: hsl(210, 20%, 98%); }\n.focus-within\\:relative:focus-within { position: relative; }\n.focus-within\\:z-20:focus-within { z-index: 20; }\n.hover\\:border-navy\\\/20:hover { border-color: hsla(215, 80%, 22%, .2); }\n.hover\\:border-navy\\\/30:hover { border-color: hsla(215, 80%, 22%, .3); }\n.hover\\:bg-accent:hover { background-color: hsl(42, 95%, 55%); }\n.hover\\:bg-destructive\\\/80:hover { background-color: hsla(0, 84%, 60%, .8); }\n.hover\\:bg-destructive\\\/90:hover { background-color: hsla(0, 84%, 60%, .9); }\n.hover\\:bg-muted:hover { background-color: hsl(210, 15%, 96%); }\n.hover\\:bg-muted\\\/50:hover { background-color: hsla(210, 15%, 96%, .5); }\n.hover\\:bg-primary:hover { background-color: hsl(215, 80%, 22%); }\n.hover\\:bg-primary-foreground\\\/10:hover { background-color: hsla(0, 0%, 100%, .1); }\n.hover\\:bg-primary\\\/80:hover { background-color: hsla(215, 80%, 22%, .8); }\n.hover\\:bg-primary\\\/90:hover { background-color: hsla(215, 80%, 22%, .9); }\n.hover\\:bg-secondary:hover { background-color: hsl(210, 15%, 96%); }\n.hover\\:bg-secondary\\\/80:hover { background-color: hsla(210, 15%, 96%, .8); }\n.hover\\:bg-sidebar-accent:hover { background-color: hsl(240, 4.8%, 95.9%); }\n.hover\\:text-accent-foreground:hover { color: hsl(220, 20%, 12%); }\n.hover\\:text-foreground:hover { color: hsl(220, 20%, 12%); }\n.hover\\:text-muted-foreground:hover { color: hsl(215, 10%, 46%); }\n.hover\\:text-navy:hover { color: hsl(215, 80%, 22%); }\n.hover\\:text-navy-light:hover { color: hsl(215, 60%, 35%); }\n.hover\\:text-primary-foreground:hover { color: hsl(0, 0%, 100%); }\n.hover\\:text-primary\\\/90:hover { color: hsla(215, 80%, 22%, .9); }\n.hover\\:text-sidebar-accent-foreground:hover { color: hsl(240, 5.9%, 10%); }\n.hover\\:underline:hover { text-decoration-line: underline; }\n.hover\\:opacity-100:hover { opacity: 1; }\n.hover\\:opacity-90:hover { opacity: 0.9; }\n.hover\\:shadow-\\[0_0_0_1px_hsl\\(var\\(--sidebar-accent\\)\\)\\]:hover { --tw-shadow: 0 0 0 1px hsl(240, 4.8%, 95.9%); --tw-shadow-colored: 0 0 0 1px var(--tw-shadow-color); box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000),var(--tw-ring-shadow, 0 0 #0000),var(--tw-shadow); }\n.hover\\:after\\:bg-sidebar-border:hover::after { content: var(--tw-content); background-color: hsl(220, 13%, 91%); }\n.focus\\:bg-accent:focus { background-color: hsl(42, 95%, 55%); }\n.focus\\:bg-primary:focus { background-color: hsl(215, 80%, 22%); }\n.focus\\:text-accent-foreground:focus { color: hsl(220, 20%, 12%); }\n.focus\\:text-primary-foreground:focus { color: hsl(0, 0%, 100%); }\n.focus\\:opacity-100:focus { opacity: 1; }\n.focus\\:outline-none:focus { outline: transparent solid 2px; outline-offset: 2px; }\n.focus\\:ring-2:focus { --tw-ring-offset-shadow: var(--tw-ring-inset) 0 0 0 var(--tw-ring-offset-width) var(--tw-ring-offset-color); --tw-ring-shadow: var(--tw-ring-inset) 0 0 0 calc(2px + var(--tw-ring-offset-width)) var(--tw-ring-color); box-shadow: var(--tw-ring-offset-shadow),var(--tw-ring-shadow),var(--tw-shadow, 0 0 #0000); }\n.focus\\:ring-ring:focus { --tw-ring-color: hsl(215, 80%, 22%); }\n.focus\\:ring-offset-2:focus { --tw-ring-offset-width: 2px; }\n.focus-visible\\:outline-none:focus-visible { outline: transparent solid 2px; outline-offset: 2px; }\n.focus-visible\\:ring-1:focus-visible { --tw-ring-offset-shadow: var(--tw-ring-inset) 0 0 0 var(--tw-ring-offset-width) var(--tw-ring-offset-color); --tw-ring-shadow: var(--tw-ring-inset) 0 0 0 calc(1px + var(--tw-ring-offset-width)) var(--tw-ring-color); box-shadow: var(--tw-ring-offset-shadow),var(--tw-ring-shadow),var(--tw-shadow, 0 0 #0000); }\n.focus-visible\\:ring-2:focus-visible { --tw-ring-offset-shadow: var(--tw-ring-inset) 0 0 0 var(--tw-ring-offset-width) var(--tw-ring-offset-color); --tw-ring-shadow: var(--tw-ring-inset) 0 0 0 calc(2px + var(--tw-ring-offset-width)) var(--tw-ring-color); box-shadow: var(--tw-ring-offset-shadow),var(--tw-ring-shadow),var(--tw-shadow, 0 0 #0000); }\n.focus-visible\\:ring-ring:focus-visible { --tw-ring-color: hsl(215, 80%, 22%); }\n.focus-visible\\:ring-sidebar-ring:focus-visible { --tw-ring-color: hsl(217.2, 91.2%, 59.8%); }\n.focus-visible\\:ring-offset-1:focus-visible { --tw-ring-offset-width: 1px; }\n.focus-visible\\:ring-offset-2:focus-visible { --tw-ring-offset-width: 2px; }\n.focus-visible\\:ring-offset-background:focus-visible { --tw-ring-offset-color: hsl(0, 0%, 100%); }\n.active\\:bg-sidebar-accent:active { background-color: hsl(240, 4.8%, 95.9%); }\n.active\\:text-sidebar-accent-foreground:active { color: hsl(240, 5.9%, 10%); }\n.disabled\\:pointer-events-none:disabled { pointer-events: none; }\n.disabled\\:cursor-not-allowed:disabled { cursor: not-allowed; }\n.disabled\\:opacity-50:disabled { opacity: 0.5; }\n.group[open] .group-open\\:rotate-180 { --tw-rotate: 180deg; transform: translate(var(--tw-translate-x),var(--tw-translate-y)) rotate(var(--tw-rotate)) skew(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y)); }\n.group\\\/menu-item:focus-within .group-focus-within\\\/menu-item\\:opacity-100 { opacity: 1; }\n.group\\\/menu-item:hover .group-hover\\\/menu-item\\:opacity-100, .group:hover .group-hover\\:opacity-100 { opacity: 1; }\n.group.destructive .group-\\[\\.destructive\\]\\:border-muted\\\/40 { border-color: hsla(210, 15%, 96%, .4); }\n.group.toaster .group-\\[\\.toaster\\]\\:border-border { border-color: hsl(214, 20%, 90%); }\n.group.toast .group-\\[\\.toast\\]\\:bg-muted { background-color: hsl(210, 15%, 96%); }\n.group.toast .group-\\[\\.toast\\]\\:bg-primary { background-color: hsl(215, 80%, 22%); }\n.group.toaster .group-\\[\\.toaster\\]\\:bg-background { background-color: hsl(0, 0%, 100%); }\n.group.destructive .group-\\[\\.destructive\\]\\:text-red-300 { --tw-text-opacity: 1; color: rgb(252 165 165 \/ var(--tw-text-opacity, 1)); }\n.group.toast .group-\\[\\.toast\\]\\:text-muted-foreground { color: hsl(215, 10%, 46%); }\n.group.toast .group-\\[\\.toast\\]\\:text-primary-foreground { color: hsl(0, 0%, 100%); }\n.group.toaster .group-\\[\\.toaster\\]\\:text-foreground { color: hsl(220, 20%, 12%); }\n.group.toaster .group-\\[\\.toaster\\]\\:shadow-lg { --tw-shadow: 0 10px 15px -3px rgb(0 0 0 \/ .1), 0 4px 6px -4px rgb(0 0 0 \/ .1); --tw-shadow-colored: 0 10px 15px -3px var(--tw-shadow-color), 0 4px 6px -4px var(--tw-shadow-color); box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000),var(--tw-ring-shadow, 0 0 #0000),var(--tw-shadow); }\n.group.destructive .group-\\[\\.destructive\\]\\:hover\\:border-destructive\\\/30:hover { border-color: hsla(0, 84%, 60%, .3); }\n.group.destructive .group-\\[\\.destructive\\]\\:hover\\:bg-destructive:hover { background-color: hsl(0, 84%, 60%); }\n.group.destructive .group-\\[\\.destructive\\]\\:hover\\:text-destructive-foreground:hover { color: hsl(0, 0%, 100%); }\n.group.destructive .group-\\[\\.destructive\\]\\:hover\\:text-red-50:hover { --tw-text-opacity: 1; color: rgb(254 242 242 \/ var(--tw-text-opacity, 1)); }\n.group.destructive .group-\\[\\.destructive\\]\\:focus\\:ring-destructive:focus { --tw-ring-color: hsl(0, 84%, 60%); }\n.group.destructive .group-\\[\\.destructive\\]\\:focus\\:ring-red-400:focus { --tw-ring-opacity: 1; --tw-ring-color: rgb(248 113 113 \/ var(--tw-ring-opacity, 1)); }\n.group.destructive .group-\\[\\.destructive\\]\\:focus\\:ring-offset-red-600:focus { --tw-ring-offset-color: #dc2626; }\n.peer\\\/menu-button:hover ~ .peer-hover\\\/menu-button\\:text-sidebar-accent-foreground { color: hsl(240, 5.9%, 10%); }\n.peer:disabled ~ .peer-disabled\\:cursor-not-allowed { cursor: not-allowed; }\n.peer:disabled ~ .peer-disabled\\:opacity-70 { opacity: 0.7; }\n.has-\\[\\[data-variant\\=inset\\]\\]\\:bg-sidebar:has([data-variant=\"inset\"]) { background-color: hsl(0, 0%, 98%); }\n.has-\\[\\:disabled\\]\\:opacity-50:has(:disabled) { opacity: 0.5; }\n.group\\\/menu-item:has([data-sidebar=\"menu-action\"]) .group-has-\\[\\[data-sidebar\\=menu-action\\]\\]\\\/menu-item\\:pr-8 { padding-right: 2rem; }\n.aria-disabled\\:pointer-events-none[aria-disabled=\"true\"] { pointer-events: none; }\n.aria-disabled\\:opacity-50[aria-disabled=\"true\"] { opacity: 0.5; }\n.aria-selected\\:bg-accent[aria-selected=\"true\"] { background-color: hsl(42, 95%, 55%); }\n.aria-selected\\:bg-accent\\\/50[aria-selected=\"true\"] { background-color: hsla(42, 95%, 55%, .5); }\n.aria-selected\\:text-accent-foreground[aria-selected=\"true\"] { color: hsl(220, 20%, 12%); }\n.aria-selected\\:text-muted-foreground[aria-selected=\"true\"] { color: hsl(215, 10%, 46%); }\n.aria-selected\\:opacity-100[aria-selected=\"true\"] { opacity: 1; }\n.aria-selected\\:opacity-30[aria-selected=\"true\"] { opacity: 0.3; }\n.data-\\[disabled\\=true\\]\\:pointer-events-none[data-disabled=\"true\"], .data-\\[disabled\\]\\:pointer-events-none[data-disabled] { pointer-events: none; }\n.data-\\[panel-group-direction\\=vertical\\]\\:h-px[data-panel-group-direction=\"vertical\"] { height: 1px; }\n.data-\\[panel-group-direction\\=vertical\\]\\:w-full[data-panel-group-direction=\"vertical\"] { width: 100%; }\n.data-\\[side\\=bottom\\]\\:translate-y-1[data-side=\"bottom\"] { --tw-translate-y: .25rem; transform: translate(var(--tw-translate-x),var(--tw-translate-y)) rotate(var(--tw-rotate)) skew(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y)); }\n.data-\\[side\\=left\\]\\:-translate-x-1[data-side=\"left\"] { --tw-translate-x: -.25rem; transform: translate(var(--tw-translate-x),var(--tw-translate-y)) rotate(var(--tw-rotate)) skew(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y)); }\n.data-\\[side\\=right\\]\\:translate-x-1[data-side=\"right\"] { --tw-translate-x: .25rem; transform: translate(var(--tw-translate-x),var(--tw-translate-y)) rotate(var(--tw-rotate)) skew(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y)); }\n.data-\\[side\\=top\\]\\:-translate-y-1[data-side=\"top\"] { --tw-translate-y: -.25rem; transform: translate(var(--tw-translate-x),var(--tw-translate-y)) rotate(var(--tw-rotate)) skew(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y)); }\n.data-\\[state\\=checked\\]\\:translate-x-5[data-state=\"checked\"] { --tw-translate-x: 1.25rem; transform: translate(var(--tw-translate-x),var(--tw-translate-y)) rotate(var(--tw-rotate)) skew(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y)); }\n.data-\\[state\\=unchecked\\]\\:translate-x-0[data-state=\"unchecked\"], .data-\\[swipe\\=cancel\\]\\:translate-x-0[data-swipe=\"cancel\"] { --tw-translate-x: 0px; transform: translate(var(--tw-translate-x),var(--tw-translate-y)) rotate(var(--tw-rotate)) skew(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y)); }\n.data-\\[swipe\\=end\\]\\:translate-x-\\[var\\(--radix-toast-swipe-end-x\\)\\][data-swipe=\"end\"] { --tw-translate-x: var(--radix-toast-swipe-end-x); transform: translate(var(--tw-translate-x),var(--tw-translate-y)) rotate(var(--tw-rotate)) skew(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y)); }\n.data-\\[swipe\\=move\\]\\:translate-x-\\[var\\(--radix-toast-swipe-move-x\\)\\][data-swipe=\"move\"] { --tw-translate-x: var(--radix-toast-swipe-move-x); transform: translate(var(--tw-translate-x),var(--tw-translate-y)) rotate(var(--tw-rotate)) skew(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y)); }\n@keyframes accordion-up { \n  0% { height: var(--radix-accordion-content-height); }\n  100% { height: 0px; }\n}\n.data-\\[state\\=closed\\]\\:animate-accordion-up[data-state=\"closed\"] { animation: 0.2s ease-out 0s 1 normal none running accordion-up; }\n@keyframes accordion-down { \n  0% { height: 0px; }\n  100% { height: var(--radix-accordion-content-height); }\n}\n.data-\\[state\\=open\\]\\:animate-accordion-down[data-state=\"open\"] { animation: 0.2s ease-out 0s 1 normal none running accordion-down; }\n.data-\\[panel-group-direction\\=vertical\\]\\:flex-col[data-panel-group-direction=\"vertical\"] { flex-direction: column; }\n.data-\\[active\\=true\\]\\:bg-sidebar-accent[data-active=\"true\"] { background-color: hsl(240, 4.8%, 95.9%); }\n.data-\\[active\\]\\:bg-accent\\\/50[data-active] { background-color: hsla(42, 95%, 55%, .5); }\n.data-\\[selected\\=\\'true\\'\\]\\:bg-accent[data-selected=\"true\"] { background-color: hsl(42, 95%, 55%); }\n.data-\\[state\\=active\\]\\:bg-background[data-state=\"active\"] { background-color: hsl(0, 0%, 100%); }\n.data-\\[state\\=checked\\]\\:bg-primary[data-state=\"checked\"] { background-color: hsl(215, 80%, 22%); }\n.data-\\[state\\=on\\]\\:bg-accent[data-state=\"on\"], .data-\\[state\\=open\\]\\:bg-accent[data-state=\"open\"] { background-color: hsl(42, 95%, 55%); }\n.data-\\[state\\=open\\]\\:bg-accent\\\/50[data-state=\"open\"] { background-color: hsla(42, 95%, 55%, .5); }\n.data-\\[state\\=open\\]\\:bg-secondary[data-state=\"open\"] { background-color: hsl(210, 15%, 96%); }\n.data-\\[state\\=selected\\]\\:bg-muted[data-state=\"selected\"] { background-color: hsl(210, 15%, 96%); }\n.data-\\[state\\=unchecked\\]\\:bg-input[data-state=\"unchecked\"] { background-color: hsl(214, 20%, 90%); }\n.data-\\[active\\=true\\]\\:font-medium[data-active=\"true\"] { font-weight: 500; }\n.data-\\[active\\=true\\]\\:text-sidebar-accent-foreground[data-active=\"true\"] { color: hsl(240, 5.9%, 10%); }\n.data-\\[selected\\=true\\]\\:text-accent-foreground[data-selected=\"true\"] { color: hsl(220, 20%, 12%); }\n.data-\\[state\\=active\\]\\:text-foreground[data-state=\"active\"] { color: hsl(220, 20%, 12%); }\n.data-\\[state\\=checked\\]\\:text-primary-foreground[data-state=\"checked\"] { color: hsl(0, 0%, 100%); }\n.data-\\[state\\=on\\]\\:text-accent-foreground[data-state=\"on\"], .data-\\[state\\=open\\]\\:text-accent-foreground[data-state=\"open\"] { color: hsl(220, 20%, 12%); }\n.data-\\[state\\=open\\]\\:text-muted-foreground[data-state=\"open\"] { color: hsl(215, 10%, 46%); }\n.data-\\[disabled\\=true\\]\\:opacity-50[data-disabled=\"true\"], .data-\\[disabled\\]\\:opacity-50[data-disabled] { opacity: 0.5; }\n.data-\\[state\\=open\\]\\:opacity-100[data-state=\"open\"] { opacity: 1; }\n.data-\\[state\\=active\\]\\:shadow-sm[data-state=\"active\"] { --tw-shadow: 0 1px 2px 0 rgb(0 0 0 \/ .05); --tw-shadow-colored: 0 1px 2px 0 var(--tw-shadow-color); box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000),var(--tw-ring-shadow, 0 0 #0000),var(--tw-shadow); }\n.data-\\[swipe\\=move\\]\\:transition-none[data-swipe=\"move\"] { transition-property: none; }\n.data-\\[state\\=closed\\]\\:duration-300[data-state=\"closed\"] { transition-duration: 0.3s; }\n.data-\\[state\\=open\\]\\:duration-500[data-state=\"open\"] { transition-duration: 0.5s; }\n.data-\\[motion\\^\\=from-\\]\\:animate-in[data-motion^=\"from-\"], .data-\\[state\\=open\\]\\:animate-in[data-state=\"open\"], .data-\\[state\\=visible\\]\\:animate-in[data-state=\"visible\"] { animation-name: enter; animation-duration: 0.15s; --tw-enter-opacity: initial; --tw-enter-scale: initial; --tw-enter-rotate: initial; --tw-enter-translate-x: initial; --tw-enter-translate-y: initial; }\n.data-\\[motion\\^\\=to-\\]\\:animate-out[data-motion^=\"to-\"], .data-\\[state\\=closed\\]\\:animate-out[data-state=\"closed\"], .data-\\[state\\=hidden\\]\\:animate-out[data-state=\"hidden\"], .data-\\[swipe\\=end\\]\\:animate-out[data-swipe=\"end\"] { animation-name: exit; animation-duration: 0.15s; --tw-exit-opacity: initial; --tw-exit-scale: initial; --tw-exit-rotate: initial; --tw-exit-translate-x: initial; --tw-exit-translate-y: initial; }\n.data-\\[motion\\^\\=from-\\]\\:fade-in[data-motion^=\"from-\"] { --tw-enter-opacity: 0; }\n.data-\\[motion\\^\\=to-\\]\\:fade-out[data-motion^=\"to-\"], .data-\\[state\\=closed\\]\\:fade-out-0[data-state=\"closed\"] { --tw-exit-opacity: 0; }\n.data-\\[state\\=closed\\]\\:fade-out-80[data-state=\"closed\"] { --tw-exit-opacity: .8; }\n.data-\\[state\\=hidden\\]\\:fade-out[data-state=\"hidden\"] { --tw-exit-opacity: 0; }\n.data-\\[state\\=open\\]\\:fade-in-0[data-state=\"open\"], .data-\\[state\\=visible\\]\\:fade-in[data-state=\"visible\"] { --tw-enter-opacity: 0; }\n.data-\\[state\\=closed\\]\\:zoom-out-95[data-state=\"closed\"] { --tw-exit-scale: .95; }\n.data-\\[state\\=open\\]\\:zoom-in-90[data-state=\"open\"] { --tw-enter-scale: .9; }\n.data-\\[state\\=open\\]\\:zoom-in-95[data-state=\"open\"] { --tw-enter-scale: .95; }\n.data-\\[motion\\=from-end\\]\\:slide-in-from-right-52[data-motion=\"from-end\"] { --tw-enter-translate-x: 13rem; }\n.data-\\[motion\\=from-start\\]\\:slide-in-from-left-52[data-motion=\"from-start\"] { --tw-enter-translate-x: -13rem; }\n.data-\\[motion\\=to-end\\]\\:slide-out-to-right-52[data-motion=\"to-end\"] { --tw-exit-translate-x: 13rem; }\n.data-\\[motion\\=to-start\\]\\:slide-out-to-left-52[data-motion=\"to-start\"] { --tw-exit-translate-x: -13rem; }\n.data-\\[side\\=bottom\\]\\:slide-in-from-top-2[data-side=\"bottom\"] { --tw-enter-translate-y: -.5rem; }\n.data-\\[side\\=left\\]\\:slide-in-from-right-2[data-side=\"left\"] { --tw-enter-translate-x: .5rem; }\n.data-\\[side\\=right\\]\\:slide-in-from-left-2[data-side=\"right\"] { --tw-enter-translate-x: -.5rem; }\n.data-\\[side\\=top\\]\\:slide-in-from-bottom-2[data-side=\"top\"] { --tw-enter-translate-y: .5rem; }\n.data-\\[state\\=closed\\]\\:slide-out-to-bottom[data-state=\"closed\"] { --tw-exit-translate-y: 100%; }\n.data-\\[state\\=closed\\]\\:slide-out-to-left[data-state=\"closed\"] { --tw-exit-translate-x: -100%; }\n.data-\\[state\\=closed\\]\\:slide-out-to-left-1\\\/2[data-state=\"closed\"] { --tw-exit-translate-x: -50%; }\n.data-\\[state\\=closed\\]\\:slide-out-to-right[data-state=\"closed\"], .data-\\[state\\=closed\\]\\:slide-out-to-right-full[data-state=\"closed\"] { --tw-exit-translate-x: 100%; }\n.data-\\[state\\=closed\\]\\:slide-out-to-top[data-state=\"closed\"] { --tw-exit-translate-y: -100%; }\n.data-\\[state\\=closed\\]\\:slide-out-to-top-\\[48\\%\\][data-state=\"closed\"] { --tw-exit-translate-y: -48%; }\n.data-\\[state\\=open\\]\\:slide-in-from-bottom[data-state=\"open\"] { --tw-enter-translate-y: 100%; }\n.data-\\[state\\=open\\]\\:slide-in-from-left[data-state=\"open\"] { --tw-enter-translate-x: -100%; }\n.data-\\[state\\=open\\]\\:slide-in-from-left-1\\\/2[data-state=\"open\"] { --tw-enter-translate-x: -50%; }\n.data-\\[state\\=open\\]\\:slide-in-from-right[data-state=\"open\"] { --tw-enter-translate-x: 100%; }\n.data-\\[state\\=open\\]\\:slide-in-from-top[data-state=\"open\"] { --tw-enter-translate-y: -100%; }\n.data-\\[state\\=open\\]\\:slide-in-from-top-\\[48\\%\\][data-state=\"open\"] { --tw-enter-translate-y: -48%; }\n.data-\\[state\\=open\\]\\:slide-in-from-top-full[data-state=\"open\"] { --tw-enter-translate-y: -100%; }\n.data-\\[state\\=closed\\]\\:duration-300[data-state=\"closed\"] { animation-duration: 0.3s; }\n.data-\\[state\\=open\\]\\:duration-500[data-state=\"open\"] { animation-duration: 0.5s; }\n.data-\\[panel-group-direction\\=vertical\\]\\:after\\:left-0[data-panel-group-direction=\"vertical\"]::after { content: var(--tw-content); left: 0px; }\n.data-\\[panel-group-direction\\=vertical\\]\\:after\\:h-1[data-panel-group-direction=\"vertical\"]::after { content: var(--tw-content); height: 0.25rem; }\n.data-\\[panel-group-direction\\=vertical\\]\\:after\\:w-full[data-panel-group-direction=\"vertical\"]::after { content: var(--tw-content); width: 100%; }\n.data-\\[panel-group-direction\\=vertical\\]\\:after\\:-translate-y-1\\\/2[data-panel-group-direction=\"vertical\"]::after { content: var(--tw-content); --tw-translate-y: -50%; transform: translate(var(--tw-translate-x),var(--tw-translate-y)) rotate(var(--tw-rotate)) skew(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y)); }\n.data-\\[panel-group-direction\\=vertical\\]\\:after\\:translate-x-0[data-panel-group-direction=\"vertical\"]::after { content: var(--tw-content); --tw-translate-x: 0px; transform: translate(var(--tw-translate-x),var(--tw-translate-y)) rotate(var(--tw-rotate)) skew(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y)); }\n.data-\\[state\\=open\\]\\:hover\\:bg-sidebar-accent:hover[data-state=\"open\"] { background-color: hsl(240, 4.8%, 95.9%); }\n.data-\\[state\\=open\\]\\:hover\\:text-sidebar-accent-foreground:hover[data-state=\"open\"] { color: hsl(240, 5.9%, 10%); }\n.group[data-collapsible=\"offcanvas\"] .group-data-\\[collapsible\\=offcanvas\\]\\:left-\\[calc\\(var\\(--sidebar-width\\)\\*-1\\)\\] { left: calc(var(--sidebar-width) * -1); }\n.group[data-collapsible=\"offcanvas\"] .group-data-\\[collapsible\\=offcanvas\\]\\:right-\\[calc\\(var\\(--sidebar-width\\)\\*-1\\)\\] { right: calc(var(--sidebar-width) * -1); }\n.group[data-side=\"left\"] .group-data-\\[side\\=left\\]\\:-right-4 { right: -1rem; }\n.group[data-side=\"right\"] .group-data-\\[side\\=right\\]\\:left-0 { left: 0px; }\n.group[data-collapsible=\"icon\"] .group-data-\\[collapsible\\=icon\\]\\:-mt-8 { margin-top: -2rem; }\n.group[data-collapsible=\"icon\"] .group-data-\\[collapsible\\=icon\\]\\:hidden { display: none; }\n.group[data-collapsible=\"icon\"] .group-data-\\[collapsible\\=icon\\]\\:\\!size-8 { width: 2rem !important; height: 2rem !important; }\n.group[data-collapsible=\"icon\"] .group-data-\\[collapsible\\=icon\\]\\:w-\\[--sidebar-width-icon\\] { width: var(--sidebar-width-icon); }\n.group[data-collapsible=\"icon\"] .group-data-\\[collapsible\\=icon\\]\\:w-\\[calc\\(var\\(--sidebar-width-icon\\)_\\+_theme\\(spacing\\.4\\)\\)\\] { width: calc(var(--sidebar-width-icon) + 1rem); }\n.group[data-collapsible=\"icon\"] .group-data-\\[collapsible\\=icon\\]\\:w-\\[calc\\(var\\(--sidebar-width-icon\\)_\\+_theme\\(spacing\\.4\\)_\\+2px\\)\\] { width: calc(var(--sidebar-width-icon) + 1rem + 2px); }\n.group[data-collapsible=\"offcanvas\"] .group-data-\\[collapsible\\=offcanvas\\]\\:w-0 { width: 0px; }\n.group[data-collapsible=\"offcanvas\"] .group-data-\\[collapsible\\=offcanvas\\]\\:translate-x-0 { --tw-translate-x: 0px; transform: translate(var(--tw-translate-x),var(--tw-translate-y)) rotate(var(--tw-rotate)) skew(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y)); }\n.group[data-side=\"right\"] .group-data-\\[side\\=right\\]\\:rotate-180, .group[data-state=\"open\"] .group-data-\\[state\\=open\\]\\:rotate-180 { --tw-rotate: 180deg; transform: translate(var(--tw-translate-x),var(--tw-translate-y)) rotate(var(--tw-rotate)) skew(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y)); }\n.group[data-collapsible=\"icon\"] .group-data-\\[collapsible\\=icon\\]\\:overflow-hidden { overflow: hidden; }\n.group[data-variant=\"floating\"] .group-data-\\[variant\\=floating\\]\\:rounded-lg { border-radius: var(--radius); }\n.group[data-variant=\"floating\"] .group-data-\\[variant\\=floating\\]\\:border { border-width: 1px; }\n.group[data-side=\"left\"] .group-data-\\[side\\=left\\]\\:border-r { border-right-width: 1px; }\n.group[data-side=\"right\"] .group-data-\\[side\\=right\\]\\:border-l { border-left-width: 1px; }\n.group[data-variant=\"floating\"] .group-data-\\[variant\\=floating\\]\\:border-sidebar-border { border-color: hsl(220, 13%, 91%); }\n.group[data-collapsible=\"icon\"] .group-data-\\[collapsible\\=icon\\]\\:\\!p-0 { padding: 0px !important; }\n.group[data-collapsible=\"icon\"] .group-data-\\[collapsible\\=icon\\]\\:\\!p-2 { padding: 0.5rem !important; }\n.group[data-collapsible=\"icon\"] .group-data-\\[collapsible\\=icon\\]\\:opacity-0 { opacity: 0; }\n.group[data-variant=\"floating\"] .group-data-\\[variant\\=floating\\]\\:shadow { --tw-shadow: 0 1px 3px 0 rgb(0 0 0 \/ .1), 0 1px 2px -1px rgb(0 0 0 \/ .1); --tw-shadow-colored: 0 1px 3px 0 var(--tw-shadow-color), 0 1px 2px -1px var(--tw-shadow-color); box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000),var(--tw-ring-shadow, 0 0 #0000),var(--tw-shadow); }\n.group[data-collapsible=\"offcanvas\"] .group-data-\\[collapsible\\=offcanvas\\]\\:after\\:left-full::after { content: var(--tw-content); left: 100%; }\n.group[data-collapsible=\"offcanvas\"] .group-data-\\[collapsible\\=offcanvas\\]\\:hover\\:bg-sidebar:hover { background-color: hsl(0, 0%, 98%); }\n.peer\\\/menu-button[data-size=\"default\"] ~ .peer-data-\\[size\\=default\\]\\\/menu-button\\:top-1\\.5 { top: 0.375rem; }\n.peer\\\/menu-button[data-size=\"lg\"] ~ .peer-data-\\[size\\=lg\\]\\\/menu-button\\:top-2\\.5 { top: 0.625rem; }\n.peer\\\/menu-button[data-size=\"sm\"] ~ .peer-data-\\[size\\=sm\\]\\\/menu-button\\:top-1 { top: 0.25rem; }\n.peer[data-variant=\"inset\"] ~ .peer-data-\\[variant\\=inset\\]\\:min-h-\\[calc\\(100svh-theme\\(spacing\\.4\\)\\)\\] { min-height: calc(-1rem + 100svh); }\n.peer\\\/menu-button[data-active=\"true\"] ~ .peer-data-\\[active\\=true\\]\\\/menu-button\\:text-sidebar-accent-foreground { color: hsl(240, 5.9%, 10%); }\n.dark\\:border-destructive:is(.dark *) { border-color: hsl(0, 84%, 60%); }\n@media (min-width: 640px) {\n  .sm\\:bottom-0 { bottom: 0px; }\n  .sm\\:right-0 { right: 0px; }\n  .sm\\:top-auto { top: auto; }\n  .sm\\:mt-0 { margin-top: 0px; }\n  .sm\\:flex { display: flex; }\n  .sm\\:max-w-sm { max-width: 24rem; }\n  .sm\\:grid-cols-2 { grid-template-columns: repeat(2, minmax(0px, 1fr)); }\n  .sm\\:grid-cols-3 { grid-template-columns: repeat(3, minmax(0px, 1fr)); }\n  .sm\\:grid-cols-5 { grid-template-columns: repeat(5, minmax(0px, 1fr)); }\n  .sm\\:flex-row { flex-direction: row; }\n  .sm\\:flex-col { flex-direction: column; }\n  .sm\\:items-center { align-items: center; }\n  .sm\\:justify-end { justify-content: flex-end; }\n  .sm\\:justify-between { justify-content: space-between; }\n  .sm\\:gap-2\\.5 { gap: 0.625rem; }\n  .sm\\:gap-8 { gap: 2rem; }\n  .sm\\:space-x-2 > :not([hidden]) ~ :not([hidden]) { --tw-space-x-reverse: 0; margin-right: calc(.5rem * var(--tw-space-x-reverse)); margin-left: calc(.5rem * calc(1 - var(--tw-space-x-reverse))); }\n  .sm\\:space-x-4 > :not([hidden]) ~ :not([hidden]) { --tw-space-x-reverse: 0; margin-right: calc(1rem * var(--tw-space-x-reverse)); margin-left: calc(1rem * calc(1 - var(--tw-space-x-reverse))); }\n  .sm\\:space-y-0 > :not([hidden]) ~ :not([hidden]) { --tw-space-y-reverse: 0; margin-top: calc(0px * calc(1 - var(--tw-space-y-reverse))); margin-bottom: calc(0px * var(--tw-space-y-reverse)); }\n  .sm\\:rounded-lg { border-radius: var(--radius); }\n  .sm\\:border-b-0 { border-bottom-width: 0px; }\n  .sm\\:border-r { border-right-width: 1px; }\n  .sm\\:text-left { text-align: left; }\n  .sm\\:text-sm { font-size: 0.875rem; line-height: 1.25rem; }\n  .sm\\:text-xs { font-size: 0.75rem; line-height: 1rem; }\n  .data-\\[state\\=open\\]\\:sm\\:slide-in-from-bottom-full[data-state=\"open\"] { --tw-enter-translate-y: 100%; }\n}\n@media (min-width: 768px) {\n  .md\\:absolute { position: absolute; }\n  .md\\:block { display: block; }\n  .md\\:flex { display: flex; }\n  .md\\:table { display: table; }\n  .md\\:hidden { display: none; }\n  .md\\:w-2\\\/5 { width: 40%; }\n  .md\\:w-\\[var\\(--radix-navigation-menu-viewport-width\\)\\] { width: var(--radix-navigation-menu-viewport-width); }\n  .md\\:w-auto { width: auto; }\n  .md\\:max-w-\\[400px\\] { max-width: 400px; }\n  .md\\:max-w-\\[420px\\] { max-width: 420px; }\n  .md\\:grid-cols-2 { grid-template-columns: repeat(2, minmax(0px, 1fr)); }\n  .md\\:grid-cols-3 { grid-template-columns: repeat(3, minmax(0px, 1fr)); }\n  .md\\:flex-row { flex-direction: row; }\n  .md\\:flex-row-reverse { flex-direction: row-reverse; }\n  .md\\:gap-10 { gap: 2.5rem; }\n  .md\\:\\!p-5 { padding: 1.25rem !important; }\n  .md\\:\\!p-6 { padding: 1.5rem !important; }\n  .md\\:p-5 { padding: 1.25rem; }\n  .md\\:p-6 { padding: 1.5rem; }\n  .md\\:p-8 { padding: 2rem; }\n  .md\\:py-16 { padding-top: 4rem; padding-bottom: 4rem; }\n  .md\\:py-20 { padding-top: 5rem; padding-bottom: 5rem; }\n  .md\\:py-24 { padding-top: 6rem; padding-bottom: 6rem; }\n  .md\\:text-2xl { font-size: 1.5rem; line-height: 2rem; }\n  .md\\:text-3xl { font-size: 1.875rem; line-height: 2.25rem; }\n  .md\\:text-4xl { font-size: 2.25rem; line-height: 2.5rem; }\n  .md\\:text-base { font-size: 1rem; line-height: 1.5rem; }\n  .md\\:text-lg { font-size: 1.125rem; line-height: 1.75rem; }\n  .md\\:text-sm { font-size: 0.875rem; line-height: 1.25rem; }\n  .md\\:text-xl { font-size: 1.25rem; line-height: 1.75rem; }\n  .md\\:opacity-0 { opacity: 0; }\n  .after\\:md\\:hidden::after { content: var(--tw-content); display: none; }\n  .peer[data-variant=\"inset\"] ~ .md\\:peer-data-\\[variant\\=inset\\]\\:m-2 { margin: 0.5rem; }\n  .peer[data-state=\"collapsed\"][data-variant=\"inset\"] ~ .md\\:peer-data-\\[state\\=collapsed\\]\\:peer-data-\\[variant\\=inset\\]\\:ml-2 { margin-left: 0.5rem; }\n  .peer[data-variant=\"inset\"] ~ .md\\:peer-data-\\[variant\\=inset\\]\\:ml-0 { margin-left: 0px; }\n  .peer[data-variant=\"inset\"] ~ .md\\:peer-data-\\[variant\\=inset\\]\\:rounded-xl { border-radius: 0.75rem; }\n  .peer[data-variant=\"inset\"] ~ .md\\:peer-data-\\[variant\\=inset\\]\\:shadow { --tw-shadow: 0 1px 3px 0 rgb(0 0 0 \/ .1), 0 1px 2px -1px rgb(0 0 0 \/ .1); --tw-shadow-colored: 0 1px 3px 0 var(--tw-shadow-color), 0 1px 2px -1px var(--tw-shadow-color); box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000),var(--tw-ring-shadow, 0 0 #0000),var(--tw-shadow); }\n}\n@media (min-width: 1024px) {\n  .lg\\:block { display: block; }\n  .lg\\:grid-cols-2 { grid-template-columns: repeat(2, minmax(0px, 1fr)); }\n  .lg\\:grid-cols-3 { grid-template-columns: repeat(3, minmax(0px, 1fr)); }\n  .lg\\:grid-cols-4 { grid-template-columns: repeat(4, minmax(0px, 1fr)); }\n  .lg\\:flex-row { flex-direction: row; }\n  .lg\\:gap-8 { gap: 2rem; }\n  .lg\\:text-4xl { font-size: 2.25rem; line-height: 2.5rem; }\n  .lg\\:text-5xl { font-size: 3rem; line-height: 1; }\n}\n.\\[\\&\\:\\:-webkit-details-marker\\]\\:hidden::-webkit-details-marker { display: none; }\n.\\[\\&\\:has\\(\\[aria-selected\\]\\)\\]\\:bg-accent:has([aria-selected]) { background-color: hsl(42, 95%, 55%); }\n.first\\:\\[\\&\\:has\\(\\[aria-selected\\]\\)\\]\\:rounded-l-md:has([aria-selected]):first-child { border-top-left-radius: calc(var(--radius) - 2px); border-bottom-left-radius: calc(var(--radius) - 2px); }\n.last\\:\\[\\&\\:has\\(\\[aria-selected\\]\\)\\]\\:rounded-r-md:has([aria-selected]):last-child { border-top-right-radius: calc(var(--radius) - 2px); border-bottom-right-radius: calc(var(--radius) - 2px); }\n.\\[\\&\\:has\\(\\[aria-selected\\]\\.day-outside\\)\\]\\:bg-accent\\\/50:has([aria-selected].day-outside) { background-color: hsla(42, 95%, 55%, .5); }\n.\\[\\&\\:has\\(\\[aria-selected\\]\\.day-range-end\\)\\]\\:rounded-r-md:has([aria-selected].day-range-end) { border-top-right-radius: calc(var(--radius) - 2px); border-bottom-right-radius: calc(var(--radius) - 2px); }\n.\\[\\&\\:has\\(\\[role\\=checkbox\\]\\)\\]\\:pr-0:has([role=\"checkbox\"]) { padding-right: 0px; }\n.\\[\\&\\>button\\]\\:hidden > button { display: none; }\n.\\[\\&\\>span\\:last-child\\]\\:truncate > span:last-child { overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }\n.\\[\\&\\>span\\]\\:line-clamp-1 > span { overflow: hidden; display: -webkit-box; -webkit-box-orient: vertical; -webkit-line-clamp: 1; }\n.\\[\\&\\>svg\\+div\\]\\:translate-y-\\[-3px\\] > svg + div { --tw-translate-y: -3px; transform: translate(var(--tw-translate-x),var(--tw-translate-y)) rotate(var(--tw-rotate)) skew(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y)); }\n.\\[\\&\\>svg\\]\\:absolute > svg { position: absolute; }\n.\\[\\&\\>svg\\]\\:left-4 > svg { left: 1rem; }\n.\\[\\&\\>svg\\]\\:top-4 > svg { top: 1rem; }\n.\\[\\&\\>svg\\]\\:size-3\\.5 > svg { width: 0.875rem; height: 0.875rem; }\n.\\[\\&\\>svg\\]\\:size-4 > svg { width: 1rem; height: 1rem; }\n.\\[\\&\\>svg\\]\\:h-2\\.5 > svg { height: 0.625rem; }\n.\\[\\&\\>svg\\]\\:h-3 > svg { height: 0.75rem; }\n.\\[\\&\\>svg\\]\\:w-2\\.5 > svg { width: 0.625rem; }\n.\\[\\&\\>svg\\]\\:w-3 > svg { width: 0.75rem; }\n.\\[\\&\\>svg\\]\\:shrink-0 > svg { flex-shrink: 0; }\n.\\[\\&\\>svg\\]\\:text-destructive > svg { color: hsl(0, 84%, 60%); }\n.\\[\\&\\>svg\\]\\:text-foreground > svg { color: hsl(220, 20%, 12%); }\n.\\[\\&\\>svg\\]\\:text-muted-foreground > svg { color: hsl(215, 10%, 46%); }\n.\\[\\&\\>svg\\]\\:text-sidebar-accent-foreground > svg { color: hsl(240, 5.9%, 10%); }\n.\\[\\&\\>svg\\~\\*\\]\\:pl-7 > svg ~ * { padding-left: 1.75rem; }\n.\\[\\&\\>tr\\]\\:last\\:border-b-0:last-child > tr { border-bottom-width: 0px; }\n.\\[\\&\\[data-panel-group-direction\\=vertical\\]\\>div\\]\\:rotate-90[data-panel-group-direction=\"vertical\"] > div { --tw-rotate: 90deg; transform: translate(var(--tw-translate-x),var(--tw-translate-y)) rotate(var(--tw-rotate)) skew(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y)); }\n.\\[\\&\\[data-state\\=open\\]\\>svg\\]\\:rotate-180[data-state=\"open\"] > svg { --tw-rotate: 180deg; transform: translate(var(--tw-translate-x),var(--tw-translate-y)) rotate(var(--tw-rotate)) skew(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y)); }\n.\\[\\&_\\.recharts-cartesian-axis-tick_text\\]\\:fill-muted-foreground .recharts-cartesian-axis-tick text { fill: hsl(215, 10%, 46%); }\n.\\[\\&_\\.recharts-cartesian-grid_line\\[stroke\\=\\'\\#ccc\\'\\]\\]\\:stroke-border\\\/50 .recharts-cartesian-grid line[stroke=\"#ccc\"] { stroke: hsla(214, 20%, 90%, .5); }\n.\\[\\&_\\.recharts-curve\\.recharts-tooltip-cursor\\]\\:stroke-border .recharts-curve.recharts-tooltip-cursor { stroke: hsl(214, 20%, 90%); }\n.\\[\\&_\\.recharts-dot\\[stroke\\=\\'\\#fff\\'\\]\\]\\:stroke-transparent .recharts-dot[stroke=\"#fff\"] { stroke: transparent; }\n.\\[\\&_\\.recharts-layer\\]\\:outline-none .recharts-layer { outline: transparent solid 2px; outline-offset: 2px; }\n.\\[\\&_\\.recharts-polar-grid_\\[stroke\\=\\'\\#ccc\\'\\]\\]\\:stroke-border .recharts-polar-grid [stroke=\"#ccc\"] { stroke: hsl(214, 20%, 90%); }\n.\\[\\&_\\.recharts-radial-bar-background-sector\\]\\:fill-muted .recharts-radial-bar-background-sector, .\\[\\&_\\.recharts-rectangle\\.recharts-tooltip-cursor\\]\\:fill-muted .recharts-rectangle.recharts-tooltip-cursor { fill: hsl(210, 15%, 96%); }\n.\\[\\&_\\.recharts-reference-line_\\[stroke\\=\\'\\#ccc\\'\\]\\]\\:stroke-border .recharts-reference-line [stroke=\"#ccc\"] { stroke: hsl(214, 20%, 90%); }\n.\\[\\&_\\.recharts-sector\\[stroke\\=\\'\\#fff\\'\\]\\]\\:stroke-transparent .recharts-sector[stroke=\"#fff\"] { stroke: transparent; }\n.\\[\\&_\\.recharts-sector\\]\\:outline-none .recharts-sector, .\\[\\&_\\.recharts-surface\\]\\:outline-none .recharts-surface { outline: transparent solid 2px; outline-offset: 2px; }\n.\\[\\&_\\[cmdk-group-heading\\]\\]\\:px-2 [cmdk-group-heading] { padding-left: 0.5rem; padding-right: 0.5rem; }\n.\\[\\&_\\[cmdk-group-heading\\]\\]\\:py-1\\.5 [cmdk-group-heading] { padding-top: 0.375rem; padding-bottom: 0.375rem; }\n.\\[\\&_\\[cmdk-group-heading\\]\\]\\:text-xs [cmdk-group-heading] { font-size: 0.75rem; line-height: 1rem; }\n.\\[\\&_\\[cmdk-group-heading\\]\\]\\:font-medium [cmdk-group-heading] { font-weight: 500; }\n.\\[\\&_\\[cmdk-group-heading\\]\\]\\:text-muted-foreground [cmdk-group-heading] { color: hsl(215, 10%, 46%); }\n.\\[\\&_\\[cmdk-group\\]\\:not\\(\\[hidden\\]\\)_\\~\\[cmdk-group\\]\\]\\:pt-0 [cmdk-group]:not([hidden]) ~ [cmdk-group] { padding-top: 0px; }\n.\\[\\&_\\[cmdk-group\\]\\]\\:px-2 [cmdk-group] { padding-left: 0.5rem; padding-right: 0.5rem; }\n.\\[\\&_\\[cmdk-input-wrapper\\]_svg\\]\\:h-5 [cmdk-input-wrapper] svg { height: 1.25rem; }\n.\\[\\&_\\[cmdk-input-wrapper\\]_svg\\]\\:w-5 [cmdk-input-wrapper] svg { width: 1.25rem; }\n.\\[\\&_\\[cmdk-input\\]\\]\\:h-12 [cmdk-input] { height: 3rem; }\n.\\[\\&_\\[cmdk-item\\]\\]\\:px-2 [cmdk-item] { padding-left: 0.5rem; padding-right: 0.5rem; }\n.\\[\\&_\\[cmdk-item\\]\\]\\:py-3 [cmdk-item] { padding-top: 0.75rem; padding-bottom: 0.75rem; }\n.\\[\\&_\\[cmdk-item\\]_svg\\]\\:h-5 [cmdk-item] svg { height: 1.25rem; }\n.\\[\\&_\\[cmdk-item\\]_svg\\]\\:w-5 [cmdk-item] svg { width: 1.25rem; }\n.\\[\\&_p\\]\\:leading-relaxed p { line-height: 1.625; }\n.\\[\\&_svg\\]\\:pointer-events-none svg { pointer-events: none; }\n.\\[\\&_svg\\]\\:size-4 svg { width: 1rem; height: 1rem; }\n.\\[\\&_svg\\]\\:shrink-0 svg { flex-shrink: 0; }\n.\\[\\&_tr\\:last-child\\]\\:border-0 tr:last-child { border-width: 0px; }\n.\\[\\&_tr\\]\\:border-b tr { border-bottom-width: 1px; }\n[data-side=\"left\"][data-collapsible=\"offcanvas\"] .\\[\\[data-side\\=left\\]\\[data-collapsible\\=offcanvas\\]_\\&\\]\\:-right-2 { right: -0.5rem; }\n[data-side=\"left\"][data-state=\"collapsed\"] .\\[\\[data-side\\=left\\]\\[data-state\\=collapsed\\]_\\&\\]\\:cursor-e-resize { cursor: e-resize; }\n[data-side=\"left\"] .\\[\\[data-side\\=left\\]_\\&\\]\\:cursor-w-resize { cursor: w-resize; }\n[data-side=\"right\"][data-collapsible=\"offcanvas\"] .\\[\\[data-side\\=right\\]\\[data-collapsible\\=offcanvas\\]_\\&\\]\\:-left-2 { left: -0.5rem; }\n[data-side=\"right\"][data-state=\"collapsed\"] .\\[\\[data-side\\=right\\]\\[data-state\\=collapsed\\]_\\&\\]\\:cursor-w-resize { cursor: w-resize; }\n[data-side=\"right\"] .\\[\\[data-side\\=right\\]_\\&\\]\\:cursor-e-resize { cursor: e-resize; }\n:where(html[dir=\"ltr\"]), :where([data-sonner-toaster][dir=\"ltr\"]) { --toast-icon-margin-start: -3px; --toast-icon-margin-end: 4px; --toast-svg-margin-start: -1px; --toast-svg-margin-end: 0px; --toast-button-margin-start: auto; --toast-button-margin-end: 0; --toast-close-button-start: 0; --toast-close-button-end: unset; --toast-close-button-transform: translate(-35%, -35%); }\n:where(html[dir=\"rtl\"]), :where([data-sonner-toaster][dir=\"rtl\"]) { --toast-icon-margin-start: 4px; --toast-icon-margin-end: -3px; --toast-svg-margin-start: 0px; --toast-svg-margin-end: -1px; --toast-button-margin-start: 0; --toast-button-margin-end: auto; --toast-close-button-start: unset; --toast-close-button-end: 0; --toast-close-button-transform: translate(35%, -35%); }\n:where([data-sonner-toaster]) { position: fixed; width: var(--width); font-family: ui-sans-serif, system-ui, -apple-system, BlinkMacSystemFont, \"Segoe UI\", Roboto, \"Helvetica Neue\", Arial, \"Noto Sans\", sans-serif, \"Apple Color Emoji\", \"Segoe UI Emoji\", \"Segoe UI Symbol\", \"Noto Color Emoji\"; --gray1: hsl(0, 0%, 99%); --gray2: hsl(0, 0%, 97.3%); --gray3: hsl(0, 0%, 95.1%); --gray4: hsl(0, 0%, 93%); --gray5: hsl(0, 0%, 90.9%); --gray6: hsl(0, 0%, 88.7%); --gray7: hsl(0, 0%, 85.8%); --gray8: hsl(0, 0%, 78%); --gray9: hsl(0, 0%, 56.1%); --gray10: hsl(0, 0%, 52.3%); --gray11: hsl(0, 0%, 43.5%); --gray12: hsl(0, 0%, 9%); --border-radius: 8px; box-sizing: border-box; padding: 0px; margin: 0px; list-style: none; outline: none; z-index: 999999999; transition: transform 0.4s; }\n:where([data-sonner-toaster][data-lifted=\"true\"]) { transform: translateY(-10px); }\n@media (hover: none) and (pointer: coarse) {\n  :where([data-sonner-toaster][data-lifted=\"true\"]) { transform: none; }\n}\n:where([data-sonner-toaster][data-x-position=\"right\"]) { right: var(--offset-right); }\n:where([data-sonner-toaster][data-x-position=\"left\"]) { left: var(--offset-left); }\n:where([data-sonner-toaster][data-x-position=\"center\"]) { left: 50%; transform: translate(-50%); }\n:where([data-sonner-toaster][data-y-position=\"top\"]) { top: var(--offset-top); }\n:where([data-sonner-toaster][data-y-position=\"bottom\"]) { bottom: var(--offset-bottom); }\n:where([data-sonner-toast]) { --y: translateY(100%); --lift-amount: calc(var(--lift) * var(--gap)); z-index: var(--z-index); position: absolute; opacity: 0; transform: var(--y); filter: blur(0px); touch-action: none; transition: transform 0.4s, opacity 0.4s, height 0.4s, box-shadow 0.2s; box-sizing: border-box; outline: none; overflow-wrap: anywhere; }\n:where([data-sonner-toast][data-styled=\"true\"]) { padding: 16px; background: var(--normal-bg); border: 1px solid var(--normal-border); color: var(--normal-text); border-radius: var(--border-radius); box-shadow: rgba(0, 0, 0, 0.1) 0px 4px 12px; width: var(--width); font-size: 13px; display: flex; align-items: center; gap: 6px; }\n:where([data-sonner-toast]:focus-visible) { box-shadow: rgba(0, 0, 0, 0.1) 0px 4px 12px, rgba(0, 0, 0, 0.2) 0px 0px 0px 2px; }\n:where([data-sonner-toast][data-y-position=\"top\"]) { top: 0px; --y: translateY(-100%); --lift: 1; --lift-amount: calc(1 * var(--gap)); }\n:where([data-sonner-toast][data-y-position=\"bottom\"]) { bottom: 0px; --y: translateY(100%); --lift: -1; --lift-amount: calc(var(--lift) * var(--gap)); }\n:where([data-sonner-toast]) :where([data-description]) { font-weight: 400; line-height: 1.4; color: inherit; }\n:where([data-sonner-toast]) :where([data-title]) { font-weight: 500; line-height: 1.5; color: inherit; }\n:where([data-sonner-toast]) :where([data-icon]) { display: flex; height: 16px; width: 16px; position: relative; justify-content: flex-start; align-items: center; flex-shrink: 0; margin-left: var(--toast-icon-margin-start); margin-right: var(--toast-icon-margin-end); }\n:where([data-sonner-toast][data-promise=\"true\"]) :where([data-icon]) > svg { opacity: 0; transform: scale(0.8); transform-origin: center center; animation: 0.3s ease 0s 1 normal forwards running sonner-fade-in; }\n:where([data-sonner-toast]) :where([data-icon]) > * { flex-shrink: 0; }\n:where([data-sonner-toast]) :where([data-icon]) svg { margin-left: var(--toast-svg-margin-start); margin-right: var(--toast-svg-margin-end); }\n:where([data-sonner-toast]) :where([data-content]) { display: flex; flex-direction: column; gap: 2px; }\n[data-sonner-toast][data-styled=\"true\"] [data-button] { border-radius: 4px; padding-left: 8px; padding-right: 8px; height: 24px; font-size: 12px; color: var(--normal-bg); background: var(--normal-text); margin-left: var(--toast-button-margin-start); margin-right: var(--toast-button-margin-end); border-width: medium; border-style: none; border-color: currentcolor; border-image: initial; cursor: pointer; outline: none; display: flex; align-items: center; flex-shrink: 0; transition: opacity 0.4s, box-shadow 0.2s; }\n:where([data-sonner-toast]) :where([data-button]):focus-visible { box-shadow: rgba(0, 0, 0, 0.4) 0px 0px 0px 2px; }\n:where([data-sonner-toast]) :where([data-button]):first-of-type { margin-left: var(--toast-button-margin-start); margin-right: var(--toast-button-margin-end); }\n:where([data-sonner-toast]) :where([data-cancel]) { color: var(--normal-text); background: rgba(0, 0, 0, 0.08); }\n:where([data-sonner-toast][data-theme=\"dark\"]) :where([data-cancel]) { background: rgba(255, 255, 255, 0.3); }\n:where([data-sonner-toast]) :where([data-close-button]) { position: absolute; left: var(--toast-close-button-start); right: var(--toast-close-button-end); top: 0px; height: 20px; width: 20px; display: flex; justify-content: center; align-items: center; padding: 0px; color: var(--gray12); border: 1px solid var(--gray4); transform: var(--toast-close-button-transform); border-radius: 50%; cursor: pointer; z-index: 1; transition: opacity 0.1s, background 0.2s, border-color 0.2s; }\n[data-sonner-toast] [data-close-button] { background: var(--gray1); }\n:where([data-sonner-toast]) :where([data-close-button]):focus-visible { box-shadow: rgba(0, 0, 0, 0.1) 0px 4px 12px, rgba(0, 0, 0, 0.2) 0px 0px 0px 2px; }\n:where([data-sonner-toast]) :where([data-disabled=\"true\"]) { cursor: not-allowed; }\n:where([data-sonner-toast]):hover :where([data-close-button]):hover { background: var(--gray2); border-color: var(--gray5); }\n:where([data-sonner-toast][data-swiping=\"true\"])::before { content: \"\"; position: absolute; left: -50%; right: -50%; height: 100%; z-index: -1; }\n:where([data-sonner-toast][data-y-position=\"top\"][data-swiping=\"true\"])::before { bottom: 50%; transform: scaleY(3) translateY(50%); }\n:where([data-sonner-toast][data-y-position=\"bottom\"][data-swiping=\"true\"])::before { top: 50%; transform: scaleY(3) translateY(-50%); }\n:where([data-sonner-toast][data-swiping=\"false\"][data-removed=\"true\"])::before { content: \"\"; position: absolute; inset: 0px; transform: scaleY(2); }\n:where([data-sonner-toast])::after { content: \"\"; position: absolute; left: 0px; height: calc(var(--gap) + 1px); bottom: 100%; width: 100%; }\n:where([data-sonner-toast][data-mounted=\"true\"]) { --y: translateY(0); opacity: 1; }\n:where([data-sonner-toast][data-expanded=\"false\"][data-front=\"false\"]) { --scale: var(--toasts-before) * .05 + 1; --y: translateY(calc(var(--lift-amount) * var(--toasts-before))) scale(calc(-1 * var(--scale))); height: var(--front-toast-height); }\n:where([data-sonner-toast]) > * { transition: opacity 0.4s; }\n:where([data-sonner-toast][data-expanded=\"false\"][data-front=\"false\"][data-styled=\"true\"]) > * { opacity: 0; }\n:where([data-sonner-toast][data-visible=\"false\"]) { opacity: 0; pointer-events: none; }\n:where([data-sonner-toast][data-mounted=\"true\"][data-expanded=\"true\"]) { --y: translateY(calc(var(--lift) * var(--offset))); height: var(--initial-height); }\n:where([data-sonner-toast][data-removed=\"true\"][data-front=\"true\"][data-swipe-out=\"false\"]) { --y: translateY(calc(var(--lift) * -100%)); opacity: 0; }\n:where([data-sonner-toast][data-removed=\"true\"][data-front=\"false\"][data-swipe-out=\"false\"][data-expanded=\"true\"]) { --y: translateY(calc(var(--lift) * var(--offset) + var(--lift) * -100%)); opacity: 0; }\n:where([data-sonner-toast][data-removed=\"true\"][data-front=\"false\"][data-swipe-out=\"false\"][data-expanded=\"false\"]) { --y: translateY(40%); opacity: 0; transition: transform 0.5s, opacity 0.2s; }\n:where([data-sonner-toast][data-removed=\"true\"][data-front=\"false\"])::before { height: calc(var(--initial-height) + 20%); }\n[data-sonner-toast][data-swiping=\"true\"] { transform: var(--y) translateY(var(--swipe-amount-y, 0px)) translate(var(--swipe-amount-x, 0px)); transition: none; }\n[data-sonner-toast][data-swiped=\"true\"] { user-select: none; }\n[data-sonner-toast][data-swipe-out=\"true\"][data-y-position=\"bottom\"], [data-sonner-toast][data-swipe-out=\"true\"][data-y-position=\"top\"] { animation-duration: 0.2s; animation-timing-function: ease-out; animation-fill-mode: forwards; }\n[data-sonner-toast][data-swipe-out=\"true\"][data-swipe-direction=\"left\"] { animation-name: swipe-out-left; }\n[data-sonner-toast][data-swipe-out=\"true\"][data-swipe-direction=\"right\"] { animation-name: swipe-out-right; }\n[data-sonner-toast][data-swipe-out=\"true\"][data-swipe-direction=\"up\"] { animation-name: swipe-out-up; }\n[data-sonner-toast][data-swipe-out=\"true\"][data-swipe-direction=\"down\"] { animation-name: swipe-out-down; }\n@keyframes swipe-out-left { \n  0% { transform: var(--y) translate(var(--swipe-amount-x)); opacity: 1; }\n  100% { transform: var(--y) translate(calc(var(--swipe-amount-x) - 100%)); opacity: 0; }\n}\n@keyframes swipe-out-right { \n  0% { transform: var(--y) translate(var(--swipe-amount-x)); opacity: 1; }\n  100% { transform: var(--y) translate(calc(var(--swipe-amount-x) + 100%)); opacity: 0; }\n}\n@keyframes swipe-out-up { \n  0% { transform: var(--y) translateY(var(--swipe-amount-y)); opacity: 1; }\n  100% { transform: var(--y) translateY(calc(var(--swipe-amount-y) - 100%)); opacity: 0; }\n}\n@keyframes swipe-out-down { \n  0% { transform: var(--y) translateY(var(--swipe-amount-y)); opacity: 1; }\n  100% { transform: var(--y) translateY(calc(var(--swipe-amount-y) + 100%)); opacity: 0; }\n}\n@media (max-width: 600px) {\n  [data-sonner-toaster] { position: fixed; right: var(--mobile-offset-right); left: var(--mobile-offset-left); width: 100%; }\n  [data-sonner-toaster][dir=\"rtl\"] { left: calc(var(--mobile-offset-left) * -1); }\n  [data-sonner-toaster] [data-sonner-toast] { left: 0px; right: 0px; width: calc(100% - var(--mobile-offset-left) * 2); }\n  [data-sonner-toaster][data-x-position=\"left\"] { left: var(--mobile-offset-left); }\n  [data-sonner-toaster][data-y-position=\"bottom\"] { bottom: var(--mobile-offset-bottom); }\n  [data-sonner-toaster][data-y-position=\"top\"] { top: var(--mobile-offset-top); }\n  [data-sonner-toaster][data-x-position=\"center\"] { left: var(--mobile-offset-left); right: var(--mobile-offset-right); transform: none; }\n}\n[data-sonner-toaster][data-theme=\"light\"] { --normal-bg: #fff; --normal-border: var(--gray4); --normal-text: var(--gray12); --success-bg: hsl(143, 85%, 96%); --success-border: hsl(145, 92%, 91%); --success-text: hsl(140, 100%, 27%); --info-bg: hsl(208, 100%, 97%); --info-border: hsl(221, 91%, 91%); --info-text: hsl(210, 92%, 45%); --warning-bg: hsl(49, 100%, 97%); --warning-border: hsl(49, 91%, 91%); --warning-text: hsl(31, 92%, 45%); --error-bg: hsl(359, 100%, 97%); --error-border: hsl(359, 100%, 94%); --error-text: hsl(360, 100%, 45%); }\n[data-sonner-toaster][data-theme=\"light\"] [data-sonner-toast][data-invert=\"true\"] { --normal-bg: #000; --normal-border: hsl(0, 0%, 20%); --normal-text: var(--gray1); }\n[data-sonner-toaster][data-theme=\"dark\"] [data-sonner-toast][data-invert=\"true\"] { --normal-bg: #fff; --normal-border: var(--gray3); --normal-text: var(--gray12); }\n[data-sonner-toaster][data-theme=\"dark\"] { --normal-bg: #000; --normal-bg-hover: hsl(0, 0%, 12%); --normal-border: hsl(0, 0%, 20%); --normal-border-hover: hsl(0, 0%, 25%); --normal-text: var(--gray1); --success-bg: hsl(150, 100%, 6%); --success-border: hsl(147, 100%, 12%); --success-text: hsl(150, 86%, 65%); --info-bg: hsl(215, 100%, 6%); --info-border: hsl(223, 100%, 12%); --info-text: hsl(216, 87%, 65%); --warning-bg: hsl(64, 100%, 6%); --warning-border: hsl(60, 100%, 12%); --warning-text: hsl(46, 87%, 65%); --error-bg: hsl(358, 76%, 10%); --error-border: hsl(357, 89%, 16%); --error-text: hsl(358, 100%, 81%); }\n[data-sonner-toaster][data-theme=\"dark\"] [data-sonner-toast] [data-close-button] { background: var(--normal-bg); border-color: var(--normal-border); color: var(--normal-text); }\n[data-sonner-toaster][data-theme=\"dark\"] [data-sonner-toast] [data-close-button]:hover { background: var(--normal-bg-hover); border-color: var(--normal-border-hover); }\n[data-rich-colors=\"true\"][data-sonner-toast][data-type=\"success\"], [data-rich-colors=\"true\"][data-sonner-toast][data-type=\"success\"] [data-close-button] { background: var(--success-bg); border-color: var(--success-border); color: var(--success-text); }\n[data-rich-colors=\"true\"][data-sonner-toast][data-type=\"info\"], [data-rich-colors=\"true\"][data-sonner-toast][data-type=\"info\"] [data-close-button] { background: var(--info-bg); border-color: var(--info-border); color: var(--info-text); }\n[data-rich-colors=\"true\"][data-sonner-toast][data-type=\"warning\"], [data-rich-colors=\"true\"][data-sonner-toast][data-type=\"warning\"] [data-close-button] { background: var(--warning-bg); border-color: var(--warning-border); color: var(--warning-text); }\n[data-rich-colors=\"true\"][data-sonner-toast][data-type=\"error\"], [data-rich-colors=\"true\"][data-sonner-toast][data-type=\"error\"] [data-close-button] { background: var(--error-bg); border-color: var(--error-border); color: var(--error-text); }\n.sonner-loading-wrapper { --size: 16px; height: var(--size); width: var(--size); position: absolute; inset: 0px; z-index: 10; }\n.sonner-loading-wrapper[data-visible=\"false\"] { transform-origin: center center; animation: 0.2s ease 0s 1 normal forwards running sonner-fade-out; }\n.sonner-spinner { position: relative; top: 50%; left: 50%; height: var(--size); width: var(--size); }\n.sonner-loading-bar { animation: 1.2s linear 0s infinite normal none running sonner-spin; background: var(--gray11); border-radius: 6px; height: 8%; left: -10%; position: absolute; top: -3.9%; width: 24%; }\n.sonner-loading-bar:nth-child(1) { animation-delay: -1.2s; transform: rotate(0.0001deg) translate(146%); }\n.sonner-loading-bar:nth-child(2) { animation-delay: -1.1s; transform: rotate(30deg) translate(146%); }\n.sonner-loading-bar:nth-child(3) { animation-delay: -1s; transform: rotate(60deg) translate(146%); }\n.sonner-loading-bar:nth-child(4) { animation-delay: -0.9s; transform: rotate(90deg) translate(146%); }\n.sonner-loading-bar:nth-child(5) { animation-delay: -0.8s; transform: rotate(120deg) translate(146%); }\n.sonner-loading-bar:nth-child(6) { animation-delay: -0.7s; transform: rotate(150deg) translate(146%); }\n.sonner-loading-bar:nth-child(7) { animation-delay: -0.6s; transform: rotate(180deg) translate(146%); }\n.sonner-loading-bar:nth-child(8) { animation-delay: -0.5s; transform: rotate(210deg) translate(146%); }\n.sonner-loading-bar:nth-child(9) { animation-delay: -0.4s; transform: rotate(240deg) translate(146%); }\n.sonner-loading-bar:nth-child(10) { animation-delay: -0.3s; transform: rotate(270deg) translate(146%); }\n.sonner-loading-bar:nth-child(11) { animation-delay: -0.2s; transform: rotate(300deg) translate(146%); }\n.sonner-loading-bar:nth-child(12) { animation-delay: -0.1s; transform: rotate(330deg) translate(146%); }\n@keyframes sonner-fade-in { \n  0% { opacity: 0; transform: scale(0.8); }\n  100% { opacity: 1; transform: scale(1); }\n}\n@keyframes sonner-fade-out { \n  0% { opacity: 1; transform: scale(1); }\n  100% { opacity: 0; transform: scale(0.8); }\n}\n@keyframes sonner-spin { \n  0% { opacity: 1; }\n  100% { opacity: 0.15; }\n}\n@media (prefers-reduced-motion) {\n  [data-sonner-toast], [data-sonner-toast] > *, .sonner-loading-bar { transition: none !important; animation: auto ease 0s 1 normal none running none !important; }\n}\n.sonner-loader { position: absolute; top: 50%; left: 50%; transform: translate(-50%, -50%); transform-origin: center center; transition: opacity 0.2s, transform 0.2s; }\n.sonner-loader[data-visible=\"false\"] { opacity: 0; transform: scale(0.8) translate(-50%, -50%); }\n.lwd-radio { display: none; }\n.lwd-upwind-content { display: flex; }\n.lwd-downwind-content { display: none; }\n.lwd-label-upwind { background: rgb(11, 49, 101); color: white; }\n.lwd-label-downwind { background: rgb(255, 255, 255); color: rgb(24, 29, 37); }\n#lwd-toggle-downwind:checked ~ .lwd-toggle .lwd-label-upwind { background: rgb(255, 255, 255); color: rgb(24, 29, 37); }\n#lwd-toggle-downwind:checked ~ .lwd-toggle .lwd-label-downwind { background: rgb(11, 49, 101); color: white; }\n#lwd-toggle-downwind:checked ~ .lwd-panels .lwd-upwind-content { display: none; }\n#lwd-toggle-downwind:checked ~ .lwd-panels .lwd-downwind-content { display: flex; }\n#lwd-toggle-upwind:checked ~ .lwd-toggle .lwd-label-upwind { background: rgb(11, 49, 101); color: white; }\n#lwd-toggle-upwind:checked ~ .lwd-toggle .lwd-label-downwind { background: rgb(255, 255, 255); color: rgb(24, 29, 37); }\n#lwd-toggle-upwind:checked ~ .lwd-panels .lwd-upwind-content { display: flex; }\n#lwd-toggle-upwind:checked ~ .lwd-panels .lwd-downwind-content { display: none; }\n\nbody {\n  background: hsl(0, 0%, 100%);\n  color: hsl(220, 20%, 12%);\n  font-family: 'Roboto', sans-serif;\n  -webkit-font-smoothing: antialiased;\n}\nh1, h2, h3, h4, h5, h6 {\n  font-family: 'nexa_boldregular', sans-serif;\n}\na { color: inherit; }\n  <\/style>\n<\/head>\n<body>\n\n    <div id=\"root\"><div role=\"region\" aria-label=\"Notifications (F8)\" tabindex=\"-1\" style=\"pointer-events: none;\"><ol tabindex=\"-1\" class=\"fixed top-0 z-[100] flex max-h-screen w-full flex-col-reverse p-4 sm:bottom-0 sm:right-0 sm:top-auto sm:flex-col md:max-w-[420px]\"><\/ol><\/div><section aria-label=\"Notifications alt+T\" tabindex=\"-1\" aria-live=\"polite\" aria-relevant=\"additions text\" aria-atomic=\"false\"><\/section><div class=\"min-h-screen bg-background\"><div class=\"windex-container py-12 md:py-20\"><div class=\"flex gap-12\"><nav class=\"hidden lg:block sticky top-[40px] w-56 shrink-0 self-start max-h-[calc(100vh-80px)] overflow-y-auto pt-[40px]\" aria-label=\"Inhalt\"><div class=\"windex-eyebrow mb-3\">Inhalt<\/div><div class=\"windex-divider mb-4\"><\/div><ul class=\"space-y-2\"><li><a href=\"#quick-answer\" class=\"text-sm text-muted-foreground hover:text-navy transition-colors block py-0.5\">Kurze Antwort<\/a><\/li><li><a href=\"#true-wind\" class=\"text-sm text-muted-foreground hover:text-navy transition-colors block py-0.5\">Was ist wahrer Wind?<\/a><\/li><li><a href=\"#apparent-wind\" class=\"text-sm text-muted-foreground hover:text-navy transition-colors block py-0.5\">Was ist scheinbarer Wind?<\/a><\/li><li><a href=\"#comparison\" class=\"text-sm text-muted-foreground hover:text-navy transition-colors block py-0.5\">Scheinbar vs wahr<\/a><\/li><li><a href=\"#why-both\" class=\"text-sm text-muted-foreground hover:text-navy transition-colors block py-0.5\">Warum beides z\u00e4hlt<\/a><\/li><li><a href=\"#how-to-read\" class=\"text-sm text-muted-foreground hover:text-navy transition-colors block py-0.5\">Windrichtung lesen<\/a><\/li><li><a href=\"#upwind-downwind\" class=\"text-sm text-muted-foreground hover:text-navy transition-colors block py-0.5\">Am Wind vs vor dem Wind<\/a><\/li><li><a href=\"#mistakes\" class=\"text-sm text-muted-foreground hover:text-navy transition-colors block py-0.5\">H\u00e4ufige Fehler<\/a><\/li><li><a href=\"#tips\" class=\"text-sm text-muted-foreground hover:text-navy transition-colors block py-0.5\">Tipps zur Verbesserung<\/a><\/li><li><a href=\"#faq\" class=\"text-sm text-muted-foreground hover:text-navy transition-colors block py-0.5\">FAQ<\/a><\/li><\/ul><\/nav><article class=\"flex-1 min-w-0 max-w-3xl\"><div class=\"windex-summary-box mb-12\" id=\"quick-answer\"><p class=\"windex-eyebrow mb-2\">Kurzfassung<\/p><div class=\"windex-divider mb-4\"><\/div><ul class=\"space-y-2 text-sm md:text-base text-foreground\/85\"><li><strong>Wahrer Wind<\/strong> = der Wind, der tats\u00e4chlich \u00fcber dem Wasser weht \u2013 unabh\u00e4ngig von Ihrem Boot.<\/li><li><strong>Scheinbarer Wind<\/strong> = der Wind, den Sie an Bord sp\u00fcren \u2013 Kombination aus wahrem Wind und Bootsgeschwindigkeit.<\/li><li><strong>Die Segeltrimmung<\/strong> richtet sich vor allem nach dem scheinbaren Wind.<\/li><li><strong>Taktik und Wetterbeurteilung<\/strong> richten sich vor allem nach dem wahren Wind.<\/li><\/ul><\/div><div class=\"mb-12\"><p class=\"windex-body mb-4\">Die Windrichtung lesen zu k\u00f6nnen ist eine der wichtigsten F\u00e4higkeiten beim Segeln. Sie beeinflusst jede Entscheidung auf dem Wasser \u2013 von der Segeltrimmung bis zur Wahl der Bahnseite.<\/p><p class=\"windex-body mb-4\">Ein Konzept bringt jedoch viele ins Stolpern, besonders am Anfang: der Unterschied zwischen wahrem und scheinbarem Wind. Sie klingen \u00e4hnlich, verhalten sich aber sehr unterschiedlich \u2013 und beides zu verstehen unterscheidet reaktives Segeln von bewusstem, souver\u00e4nem Segeln.<\/p><p class=\"windex-body\">Dieser Leitfaden erkl\u00e4rt beides praxisnah und ohne Fachjargon, zeigt das Zusammenspiel und hilft Ihnen, den Wind bei jedem T\u00f6rn genauer zu lesen.<\/p><\/div><section id=\"true-wind\" class=\"mb-14 scroll-mt-8\"><p class=\"windex-eyebrow mb-2\">Definition<\/p><h2 class=\"windex-section-title mb-2\">Was ist wahrer Wind?<\/h2><div class=\"windex-divider mb-6\"><\/div><p class=\"windex-body mb-4\">Wahrer Wind ist der Wind, der tats\u00e4chlich \u00fcber das Wasser weht. Er existiert, egal ob Ihr Boot f\u00e4hrt oder stillsteht. Vor Anker an Deck sp\u00fcren Sie den wahren Wind.<\/p><p class=\"windex-body mb-4\">Der wahre Wind hat eine Richtung und St\u00e4rke, die von Wettersystemen, Geografie und thermischen Effekten bestimmt wird. Er steht im Wetterbericht und ist auf der Wasseroberfl\u00e4che zu sehen, bevor Sie losfahren.<\/p><p class=\"windex-body\"><strong>Beispiel:<\/strong> Der Wetterbericht meldet 15 Knoten aus S\u00fcdwest. Das ist der wahre Wind. Ihm ist es gleich, wie schnell Sie fahren oder wohin Sie zeigen \u2013 er ist einfach der Wind, der da ist.<\/p><\/section><section id=\"apparent-wind\" class=\"mb-14 scroll-mt-8\"><p class=\"windex-eyebrow mb-2\">Definition<\/p><h2 class=\"windex-section-title mb-2\">Was ist scheinbarer Wind?<\/h2><div class=\"windex-divider mb-6\"><\/div><p class=\"windex-body mb-4\">Scheinbarer Wind ist der Wind, den Sie an Bord tats\u00e4chlich erleben, w\u00e4hrend das Boot f\u00e4hrt. Er ist die Kombination aus wahrem Wind und dem Fahrtwind, den Ihre eigene Bewegung erzeugt.<\/p><p class=\"windex-body mb-4\">Denken Sie an Radfahren bei Windstille: Es weht nichts, doch sobald Sie treten, sp\u00fcren Sie Wind im Gesicht. Das ist der Geschwindigkeitsanteil. Fahren Sie zus\u00e4tzlich gegen eine echte Brise, sp\u00fcren Sie st\u00e4rkeren Wind aus einer etwas anderen Richtung. Dieser Gesamtwind entspricht dem scheinbaren Wind.<\/p><p class=\"windex-body\">Segel, Verklicker und der Windanzeiger im Masttop reagieren alle auf den scheinbaren Wind. Er pr\u00e4gt Ihr Segeln von Moment zu Moment.<\/p><\/section><section id=\"comparison\" class=\"mb-14 scroll-mt-8\"><p class=\"windex-eyebrow mb-2\">Visuelle Erkl\u00e4rung<\/p><h2 class=\"windex-section-title mb-2\">Scheinbarer Wind vs wahrer Wind<\/h2><div class=\"windex-divider mb-6\"><\/div><p class=\"windex-body mb-6\">Das Verh\u00e4ltnis zwischen wahrem und scheinbarem Wind ver\u00e4ndert sich mit dem Kurs zum Wind. Wechseln Sie unten zwischen Am-Wind- und Vor-dem-Wind-Kurs, um die Pfeile zu vergleichen.<\/p><div class=\"windex-card\"><style>\n                  .lwd-radio { display: none; }\n                  .lwd-upwind-content { display: flex; }\n                  .lwd-downwind-content { display: none; }\n                  .lwd-label-upwind { background: hsl(215 80% 22%); color: white; }\n                  .lwd-label-downwind { background: hsl(0 0% 100%); color: hsl(220 20% 12%); }\n                  #lwd-toggle-downwind:checked ~ .lwd-toggle .lwd-label-upwind { background: hsl(0 0% 100%); color: hsl(220 20% 12%); }\n                  #lwd-toggle-downwind:checked ~ .lwd-toggle .lwd-label-downwind { background: hsl(215 80% 22%); color: white; }\n                  #lwd-toggle-downwind:checked ~ .lwd-panels .lwd-upwind-content { display: none; }\n                  #lwd-toggle-downwind:checked ~ .lwd-panels .lwd-downwind-content { display: flex; }\n                  #lwd-toggle-upwind:checked ~ .lwd-toggle .lwd-label-upwind { background: hsl(215 80% 22%); color: white; }\n                  #lwd-toggle-upwind:checked ~ .lwd-toggle .lwd-label-downwind { background: hsl(0 0% 100%); color: hsl(220 20% 12%); }\n                  #lwd-toggle-upwind:checked ~ .lwd-panels .lwd-upwind-content { display: flex; }\n                  #lwd-toggle-upwind:checked ~ .lwd-panels .lwd-downwind-content { display: none; }\n                <\/style><div class=\"windex-eyebrow mb-2\">Interaktives Diagramm<\/div><h3 class=\"text-xl md:text-2xl font-extrabold text-navy mb-4\">Wahrer Wind vs scheinbarer Wind<\/h3><input type=\"radio\" name=\"lwd-toggle\" id=\"lwd-toggle-upwind\" class=\"lwd-radio\" checked=\"\"><input type=\"radio\" name=\"lwd-toggle\" id=\"lwd-toggle-downwind\" class=\"lwd-radio\"><div class=\"lwd-toggle flex mb-6 border border-border inline-flex\"><label for=\"lwd-toggle-upwind\" class=\"lwd-label-upwind px-5 py-2.5 text-sm font-semibold uppercase tracking-wider cursor-pointer transition-colors\">Am Wind<\/label><label for=\"lwd-toggle-downwind\" class=\"lwd-label-downwind px-5 py-2.5 text-sm font-semibold uppercase tracking-wider cursor-pointer transition-colors\">Vor dem Wind<\/label><\/div><div class=\"lwd-panels\"><div class=\"lwd-upwind-content flex-col lg:flex-row gap-8 items-center\"><svg viewBox=\"0 0 400 400\" class=\"w-full max-w-[400px] shrink-0\" aria-label=\"Wahrer Wind vs scheinbarer Wind \u2014 Am Wind\"><rect x=\"0\" y=\"0\" width=\"400\" height=\"400\" fill=\"hsl(200 25% 95%)\" rx=\"4\"><\/rect><path d=\"M0,340 Q100,335 200,340 T400,340\" stroke=\"hsl(210 70% 50%)\" stroke-width=\"0.5\" fill=\"none\" opacity=\"0.2\"><\/path><path d=\"M0,355 Q100,350 200,355 T400,355\" stroke=\"hsl(210 70% 50%)\" stroke-width=\"0.5\" fill=\"none\" opacity=\"0.2\"><\/path><path d=\"M0,370 Q100,365 200,370 T400,370\" stroke=\"hsl(210 70% 50%)\" stroke-width=\"0.5\" fill=\"none\" opacity=\"0.2\"><\/path><path d=\"M0,385 Q100,380 200,385 T400,385\" stroke=\"hsl(210 70% 50%)\" stroke-width=\"0.5\" fill=\"none\" opacity=\"0.2\"><\/path><defs><marker id=\"lArrowTW-u\" markerWidth=\"10\" markerHeight=\"7\" refX=\"9\" refY=\"3.5\" orient=\"auto\"><polygon points=\"0 0, 10 3.5, 0 7\" fill=\"hsl(210 70% 50%)\"><\/polygon><\/marker><marker id=\"lArrowAW-u\" markerWidth=\"10\" markerHeight=\"7\" refX=\"9\" refY=\"3.5\" orient=\"auto\"><polygon points=\"0 0, 10 3.5, 0 7\" fill=\"hsl(5 80% 52%)\"><\/polygon><\/marker><marker id=\"lArrowBS-u\" markerWidth=\"10\" markerHeight=\"7\" refX=\"9\" refY=\"3.5\" orient=\"auto\"><polygon points=\"0 0, 10 3.5, 0 7\" fill=\"hsl(150 60% 35%)\"><\/polygon><\/marker><\/defs><line x1=\"200\" y1=\"90\" x2=\"200\" y2=\"250\" stroke=\"hsl(210 70% 50%)\" stroke-width=\"3\" marker-end=\"url(#lArrowTW-u)\" stroke-dasharray=\"8 4\"><\/line><line x1=\"200\" y1=\"90\" x2=\"143.4314575050762\" y2=\"33.431457505076196\" stroke=\"hsl(150 60% 35%)\" stroke-width=\"2.5\" marker-end=\"url(#lArrowBS-u)\" stroke-dasharray=\"5 3\"><\/line><line x1=\"143.4314575050762\" y1=\"33.431457505076196\" x2=\"200\" y2=\"250\" stroke=\"hsl(5 80% 52%)\" stroke-width=\"3\" marker-end=\"url(#lArrowAW-u)\"><\/line><circle cx=\"200\" cy=\"90\" r=\"4\" fill=\"hsl(220 20% 12%)\"><\/circle><text x=\"214\" y=\"165\" fill=\"hsl(210 70% 50%)\" font-size=\"11\" font-weight=\"700\">WAHRER<\/text><text x=\"214\" y=\"178\" fill=\"hsl(210 70% 50%)\" font-size=\"11\" font-weight=\"700\">WIND<\/text><text x=\"111.7157287525381\" y=\"53.7157287525381\" fill=\"hsl(150 60% 35%)\" font-size=\"10\" font-weight=\"700\">BOOTS-<\/text><text x=\"111.7157287525381\" y=\"66.7157287525381\" fill=\"hsl(150 60% 35%)\" font-size=\"10\" font-weight=\"700\">FAHRT<\/text><text x=\"93.7157287525381\" y=\"141.7157287525381\" fill=\"hsl(5 80% 52%)\" font-size=\"11\" font-weight=\"700\">SCHEINB.<\/text><text x=\"93.7157287525381\" y=\"155.7157287525381\" fill=\"hsl(5 80% 52%)\" font-size=\"11\" font-weight=\"700\">WIND<\/text><g transform=\"translate(200, 90) rotate(-45)\"><path d=\"M0,-16 L5,-6 L4,12 Q0,18 -4,12 L-5,-6 Z\" fill=\"hsl(215 80% 22%)\" opacity=\"0.7\"><\/path><\/g><path d=\"M178.78679656440357,68.78679656440357 A30,30 0 1 1 200,120\" fill=\"none\" stroke=\"hsl(220 20% 40%)\" stroke-width=\"1\" stroke-dasharray=\"3 2\" opacity=\"0.6\"><\/path><g transform=\"translate(15, 370)\"><line x1=\"0\" y1=\"5\" x2=\"18\" y2=\"5\" stroke=\"hsl(210 70% 50%)\" stroke-width=\"2.5\" stroke-dasharray=\"6 3\"><\/line><text x=\"23\" y=\"9\" fill=\"hsl(210 70% 50%)\" font-size=\"8\" font-weight=\"600\">Wahrer Wind<\/text><line x1=\"120\" y1=\"5\" x2=\"138\" y2=\"5\" stroke=\"hsl(5 80% 52%)\" stroke-width=\"2.5\"><\/line><text x=\"143\" y=\"9\" fill=\"hsl(5 80% 52%)\" font-size=\"8\" font-weight=\"600\">Scheinb. Wind<\/text><line x1=\"250\" y1=\"5\" x2=\"268\" y2=\"5\" stroke=\"hsl(150 60% 35%)\" stroke-width=\"2.5\" stroke-dasharray=\"4 2\"><\/line><text x=\"273\" y=\"9\" fill=\"hsl(150 60% 35%)\" font-size=\"8\" font-weight=\"600\">Bootsfahrt<\/text><\/g><text x=\"200\" y=\"320\" text-anchor=\"middle\" fill=\"hsl(220 20% 40%)\" font-size=\"9\" font-weight=\"600\" opacity=\"0.7\">SW = WW \u2212 BF (Vektorsubtraktion)<\/text><\/svg><div class=\"flex-1\"><p class=\"windex-body\">Am Wind: Die Fahrt gegen den Wind addiert sich zum wahren Wind, der scheinbare Wind wird st\u00e4rker und dreht nach vorn zum Bug.<\/p><div class=\"mt-4 windex-summary-box\"><p class=\"text-sm font-semibold text-navy\">Merksatz: Am Wind ist der scheinbare Wind st\u00e4rker und weiter vorn als der wahre Wind. Trimmen Sie dichter, als der wahre Windwinkel vermuten l\u00e4sst.<\/p><\/div><div class=\"mt-4 p-3 bg-secondary\/50 border border-border text-xs text-muted-foreground\"><strong>So lesen Sie das Diagramm:<\/strong> Alle drei Vektoren teilen denselben Ursprung (das Boot). Wahrer Wind und Bootsfahrt beginnen im Ursprung. Der scheinbare Wind verbindet die Spitze des Fahrtvektors mit der Spitze des wahren Windvektors \u2013 das ist der Wind, den Sie an Bord sp\u00fcren.<\/div><\/div><\/div><div class=\"lwd-downwind-content flex-col lg:flex-row gap-8 items-center\"><svg viewBox=\"0 0 400 400\" class=\"w-full max-w-[400px] shrink-0\" aria-label=\"Wahrer Wind vs scheinbarer Wind \u2014 Vor dem Wind\"><rect x=\"0\" y=\"0\" width=\"400\" height=\"400\" fill=\"hsl(200 25% 95%)\" rx=\"4\"><\/rect><path d=\"M0,340 Q100,335 200,340 T400,340\" stroke=\"hsl(210 70% 50%)\" stroke-width=\"0.5\" fill=\"none\" opacity=\"0.2\"><\/path><path d=\"M0,355 Q100,350 200,355 T400,355\" stroke=\"hsl(210 70% 50%)\" stroke-width=\"0.5\" fill=\"none\" opacity=\"0.2\"><\/path><path d=\"M0,370 Q100,365 200,370 T400,370\" stroke=\"hsl(210 70% 50%)\" stroke-width=\"0.5\" fill=\"none\" opacity=\"0.2\"><\/path><path d=\"M0,385 Q100,380 200,385 T400,385\" stroke=\"hsl(210 70% 50%)\" stroke-width=\"0.5\" fill=\"none\" opacity=\"0.2\"><\/path><defs><marker id=\"lArrowTW-d\" markerWidth=\"10\" markerHeight=\"7\" refX=\"9\" refY=\"3.5\" orient=\"auto\"><polygon points=\"0 0, 10 3.5, 0 7\" fill=\"hsl(210 70% 50%)\"><\/polygon><\/marker><marker id=\"lArrowAW-d\" markerWidth=\"10\" markerHeight=\"7\" refX=\"9\" refY=\"3.5\" orient=\"auto\"><polygon points=\"0 0, 10 3.5, 0 7\" fill=\"hsl(5 80% 52%)\"><\/polygon><\/marker><marker id=\"lArrowBS-d\" markerWidth=\"10\" markerHeight=\"7\" refX=\"9\" refY=\"3.5\" orient=\"auto\"><polygon points=\"0 0, 10 3.5, 0 7\" fill=\"hsl(150 60% 35%)\"><\/polygon><\/marker><\/defs><line x1=\"200\" y1=\"90\" x2=\"200\" y2=\"250\" stroke=\"hsl(210 70% 50%)\" stroke-width=\"3\" marker-end=\"url(#lArrowTW-d)\" stroke-dasharray=\"8 4\"><\/line><line x1=\"200\" y1=\"90\" x2=\"269.2820323027551\" y2=\"130\" stroke=\"hsl(150 60% 35%)\" stroke-width=\"2.5\" marker-end=\"url(#lArrowBS-d)\" stroke-dasharray=\"5 3\"><\/line><line x1=\"269.2820323027551\" y1=\"130\" x2=\"200\" y2=\"250\" stroke=\"hsl(5 80% 52%)\" stroke-width=\"3\" marker-end=\"url(#lArrowAW-d)\"><\/line><circle cx=\"200\" cy=\"90\" r=\"4\" fill=\"hsl(220 20% 12%)\"><\/circle><text x=\"214\" y=\"165\" fill=\"hsl(210 70% 50%)\" font-size=\"11\" font-weight=\"700\">WAHRER<\/text><text x=\"214\" y=\"178\" fill=\"hsl(210 70% 50%)\" font-size=\"11\" font-weight=\"700\">WIND<\/text><text x=\"246.64101615137756\" y=\"100\" fill=\"hsl(150 60% 35%)\" font-size=\"10\" font-weight=\"700\">BOOTS-<\/text><text x=\"246.64101615137756\" y=\"113\" fill=\"hsl(150 60% 35%)\" font-size=\"10\" font-weight=\"700\">FAHRT<\/text><text x=\"156.64101615137756\" y=\"195\" fill=\"hsl(5 80% 52%)\" font-size=\"11\" font-weight=\"700\">SCHEINB.<\/text><text x=\"156.64101615137756\" y=\"209\" fill=\"hsl(5 80% 52%)\" font-size=\"11\" font-weight=\"700\">WIND<\/text><g transform=\"translate(200, 90) rotate(120)\"><path d=\"M0,-16 L5,-6 L4,12 Q0,18 -4,12 L-5,-6 Z\" fill=\"hsl(215 80% 22%)\" opacity=\"0.7\"><\/path><\/g><path d=\"M225.98076211353316,105 A30,30 0 0 1 200,120\" fill=\"none\" stroke=\"hsl(220 20% 40%)\" stroke-width=\"1\" stroke-dasharray=\"3 2\" opacity=\"0.6\"><\/path><g transform=\"translate(15, 370)\"><line x1=\"0\" y1=\"5\" x2=\"18\" y2=\"5\" stroke=\"hsl(210 70% 50%)\" stroke-width=\"2.5\" stroke-dasharray=\"6 3\"><\/line><text x=\"23\" y=\"9\" fill=\"hsl(210 70% 50%)\" font-size=\"8\" font-weight=\"600\">Wahrer Wind<\/text><line x1=\"120\" y1=\"5\" x2=\"138\" y2=\"5\" stroke=\"hsl(5 80% 52%)\" stroke-width=\"2.5\"><\/line><text x=\"143\" y=\"9\" fill=\"hsl(5 80% 52%)\" font-size=\"8\" font-weight=\"600\">Scheinb. Wind<\/text><line x1=\"250\" y1=\"5\" x2=\"268\" y2=\"5\" stroke=\"hsl(150 60% 35%)\" stroke-width=\"2.5\" stroke-dasharray=\"4 2\"><\/line><text x=\"273\" y=\"9\" fill=\"hsl(150 60% 35%)\" font-size=\"8\" font-weight=\"600\">Bootsfahrt<\/text><\/g><text x=\"200\" y=\"320\" text-anchor=\"middle\" fill=\"hsl(220 20% 40%)\" font-size=\"9\" font-weight=\"600\" opacity=\"0.7\">SW = WW \u2212 BF (Vektorsubtraktion)<\/text><\/svg><div class=\"flex-1\"><p class=\"windex-body\">Vor dem Wind: Das Boot f\u00e4hrt mit dem Wind, seine Fahrt wird vom wahren Wind abgezogen. Der scheinbare Wind ist schw\u00e4cher und dreht nach achtern.<\/p><div class=\"mt-4 windex-summary-box\"><p class=\"text-sm font-semibold text-navy\">Merksatz: Vor dem Wind f\u00fchlt es sich ruhiger an, doch der wahre Wind hat sich nicht ge\u00e4ndert \u2013 Ihre Fahrt wird abgezogen. Glauben Sie nicht, der Wind sei eingeschlafen.<\/p><\/div><div class=\"mt-4 p-3 bg-secondary\/50 border border-border text-xs text-muted-foreground\"><strong>So lesen Sie das Diagramm:<\/strong> Alle drei Vektoren teilen denselben Ursprung (das Boot). Wahrer Wind und Bootsfahrt beginnen im Ursprung. Der scheinbare Wind verbindet die Spitze des Fahrtvektors mit der Spitze des wahren Windvektors \u2013 das ist der Wind, den Sie an Bord sp\u00fcren.<\/div><\/div><\/div><\/div><\/div><\/section><div class=\"bg-navy text-primary-foreground p-6 md:p-8 mb-14\"><p class=\"uppercase text-xs font-bold tracking-[0.2em] text-warm-gold mb-3\">Merken Sie sich das<\/p><blockquote class=\"text-lg md:text-xl font-serif italic leading-relaxed\">\u201eDer wahre Wind sagt Ihnen, was der Tag macht. Der scheinbare Wind sagt Ihnen, was Ihre Segel gerade sp\u00fcren.\u201c<\/blockquote><\/div><section id=\"why-both\" class=\"mb-14 scroll-mt-8\"><p class=\"windex-eyebrow mb-2\">Zusammenhang<\/p><h2 class=\"windex-section-title mb-2\">Warum Segler beides brauchen<\/h2><div class=\"windex-divider mb-6\"><\/div><div class=\"grid grid-cols-1 md:grid-cols-2 gap-4 mb-4\"><div class=\"windex-card\"><h3 class=\"font-bold text-navy uppercase text-sm tracking-wider mb-3\">Scheinbarer Wind ist wichtig f\u00fcr\u2026<\/h3><ul class=\"space-y-2 text-sm text-foreground\/85\"><li>\u2022 Segeltrimm und Segelprofil<\/li><li>\u2022 Steuern und Rudergef\u00fchl<\/li><li>\u2022 Verklicker lesen<\/li><li>\u2022 Unmittelbares taktisches Gef\u00fchl<\/li><\/ul><\/div><div class=\"windex-card\"><h3 class=\"font-bold text-navy uppercase text-sm tracking-wider mb-3\">Wahrer Wind ist wichtig f\u00fcr\u2026<\/h3><ul class=\"space-y-2 text-sm text-foreground\/85\"><li>\u2022 Taktik und Regattaplanung<\/li><li>\u2022 Wetterbeurteilung<\/li><li>\u2022 Navigationsentscheidungen<\/li><li>\u2022 Verst\u00e4ndnis der Bedingungen<\/li><\/ul><\/div><\/div><p class=\"windex-body\">Gute Segler verbinden beides: Sie sp\u00fcren den scheinbaren Wind \u00fcber Boot und Segel und denken gleichzeitig strategisch dar\u00fcber nach, was der wahre Wind auf der Bahn oder entlang der Route tut.<\/p><\/section><section id=\"how-to-read\" class=\"mb-14 scroll-mt-8\"><p class=\"windex-eyebrow mb-2\">Schritt f\u00fcr Schritt<\/p><h2 class=\"windex-section-title mb-2\">Windrichtung beim Segeln lesen<\/h2><div class=\"windex-divider mb-6\"><\/div><p class=\"windex-body mb-6\">Wind lesen ist eine F\u00e4higkeit, die aus mehreren Signalen zusammenw\u00e4chst. Diese praktische Reihenfolge k\u00f6nnen Sie bei jedem T\u00f6rn anwenden.<\/p><div class=\"grid grid-cols-1 sm:grid-cols-2 lg:grid-cols-3 gap-4\"><div class=\"windex-card flex flex-col items-start gap-3 hover:border-navy\/20 transition-colors\"><div class=\"text-navy\"><svg viewBox=\"0 0 40 40\" class=\"w-10 h-10\" aria-hidden=\"true\"><circle cx=\"20\" cy=\"20\" r=\"14\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"1.5\"><\/circle><line x1=\"20\" y1=\"20\" x2=\"20\" y2=\"8\" stroke=\"currentColor\" stroke-width=\"2\"><\/line><line x1=\"20\" y1=\"20\" x2=\"30\" y2=\"14\" stroke=\"hsl(5 80% 52%)\" stroke-width=\"2\"><\/line><circle cx=\"20\" cy=\"20\" r=\"2\" fill=\"currentColor\"><\/circle><\/svg><\/div><div><h4 class=\"font-bold text-navy text-sm uppercase tracking-wider mb-1\">Den Wind sp\u00fcren<\/h4><p class=\"text-sm text-muted-foreground leading-relaxed\">Drehen Sie das Gesicht und f\u00fchlen Sie, wo die Brise auftrifft \u2013 die instinktivste Methode.<\/p><\/div><\/div><div class=\"windex-card flex flex-col items-start gap-3 hover:border-navy\/20 transition-colors\"><div class=\"text-navy\"><svg viewBox=\"0 0 40 40\" class=\"w-10 h-10\" aria-hidden=\"true\"><circle cx=\"20\" cy=\"20\" r=\"14\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"1.5\"><\/circle><line x1=\"20\" y1=\"20\" x2=\"20\" y2=\"8\" stroke=\"currentColor\" stroke-width=\"2\"><\/line><line x1=\"20\" y1=\"20\" x2=\"30\" y2=\"14\" stroke=\"hsl(5 80% 52%)\" stroke-width=\"2\"><\/line><circle cx=\"20\" cy=\"20\" r=\"2\" fill=\"currentColor\"><\/circle><\/svg><\/div><div><h4 class=\"font-bold text-navy text-sm uppercase tracking-wider mb-1\">Das Wasser lesen<\/h4><p class=\"text-sm text-muted-foreground leading-relaxed\">Dunkle Flecken, Kr\u00e4uselungen und Wellenrichtung zeigen den wahren Wind im Segelgebiet.<\/p><\/div><\/div><div class=\"windex-card flex flex-col items-start gap-3 hover:border-navy\/20 transition-colors\"><div class=\"text-navy\"><svg viewBox=\"0 0 40 40\" class=\"w-10 h-10\" aria-hidden=\"true\"><circle cx=\"20\" cy=\"20\" r=\"14\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"1.5\"><\/circle><line x1=\"20\" y1=\"20\" x2=\"20\" y2=\"8\" stroke=\"currentColor\" stroke-width=\"2\"><\/line><line x1=\"20\" y1=\"20\" x2=\"30\" y2=\"14\" stroke=\"hsl(5 80% 52%)\" stroke-width=\"2\"><\/line><circle cx=\"20\" cy=\"20\" r=\"2\" fill=\"currentColor\"><\/circle><\/svg><\/div><div><h4 class=\"font-bold text-navy text-sm uppercase tracking-wider mb-1\">Verklicker beobachten<\/h4><p class=\"text-sm text-muted-foreground leading-relaxed\">B\u00e4ndchen an den Segeln zeigen die Str\u00f6mung und ob der Trimm zum scheinbaren Wind passt.<\/p><\/div><\/div><div class=\"windex-card flex flex-col items-start gap-3 hover:border-navy\/20 transition-colors\"><div class=\"text-navy\"><svg viewBox=\"0 0 40 40\" class=\"w-10 h-10\" aria-hidden=\"true\"><circle cx=\"20\" cy=\"20\" r=\"14\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"1.5\"><\/circle><line x1=\"20\" y1=\"20\" x2=\"20\" y2=\"8\" stroke=\"currentColor\" stroke-width=\"2\"><\/line><line x1=\"20\" y1=\"20\" x2=\"30\" y2=\"14\" stroke=\"hsl(5 80% 52%)\" stroke-width=\"2\"><\/line><circle cx=\"20\" cy=\"20\" r=\"2\" fill=\"currentColor\"><\/circle><\/svg><\/div><div><h4 class=\"font-bold text-navy text-sm uppercase tracking-wider mb-1\">Masttop pr\u00fcfen<\/h4><p class=\"text-sm text-muted-foreground leading-relaxed\">Ein Windanzeiger an der Mastspitze liefert die klarste Anzeige der scheinbaren Windrichtung.<\/p><\/div><\/div><div class=\"windex-card flex flex-col items-start gap-3 hover:border-navy\/20 transition-colors\"><div class=\"text-navy\"><svg viewBox=\"0 0 40 40\" class=\"w-10 h-10\" aria-hidden=\"true\"><circle cx=\"20\" cy=\"20\" r=\"14\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"1.5\"><\/circle><line x1=\"20\" y1=\"20\" x2=\"20\" y2=\"8\" stroke=\"currentColor\" stroke-width=\"2\"><\/line><line x1=\"20\" y1=\"20\" x2=\"30\" y2=\"14\" stroke=\"hsl(5 80% 52%)\" stroke-width=\"2\"><\/line><circle cx=\"20\" cy=\"20\" r=\"2\" fill=\"currentColor\"><\/circle><\/svg><\/div><div><h4 class=\"font-bold text-navy text-sm uppercase tracking-wider mb-1\">Kurs zum Wind kennen<\/h4><p class=\"text-sm text-muted-foreground leading-relaxed\">Ihr Kurs zum Wind bestimmt, wie stark der scheinbare Wind vom wahren abweicht.<\/p><\/div><\/div><div class=\"windex-card flex flex-col items-start gap-3 hover:border-navy\/20 transition-colors\"><div class=\"text-navy\"><svg viewBox=\"0 0 40 40\" class=\"w-10 h-10\" aria-hidden=\"true\"><circle cx=\"20\" cy=\"20\" r=\"14\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"1.5\"><\/circle><line x1=\"20\" y1=\"20\" x2=\"20\" y2=\"8\" stroke=\"currentColor\" stroke-width=\"2\"><\/line><line x1=\"20\" y1=\"20\" x2=\"30\" y2=\"14\" stroke=\"hsl(5 80% 52%)\" stroke-width=\"2\"><\/line><circle cx=\"20\" cy=\"20\" r=\"2\" fill=\"currentColor\"><\/circle><\/svg><\/div><div><h4 class=\"font-bold text-navy text-sm uppercase tracking-wider mb-1\">Bootsfahrt einbeziehen<\/h4><p class=\"text-sm text-muted-foreground leading-relaxed\">Beim Beschleunigen oder Abbremsen \u00e4ndern sich Winkel und St\u00e4rke des scheinbaren Windes \u2013 Trimm anpassen.<\/p><\/div><\/div><\/div><div class=\"mt-8 space-y-8\"><div class=\"flex gap-4\"><div class=\"windex-step-number\">1<\/div><div><h3 class=\"font-bold text-navy text-base md:text-lg mb-1\">Beginnen Sie mit dem, was das Boot sagt<\/h3><p class=\"text-sm md:text-base text-foreground\/80 leading-relaxed\">Sp\u00fcren Sie den Wind an Gesicht, Hals und Ohren. Drehen Sie den Kopf, bis die Brise beide Seiten gleich trifft \u2013 dort kommt etwa der scheinbare Wind her. Kr\u00e4ngung, Ruderdruck und Segelbelastung geben weitere Hinweise.<\/p><\/div><\/div><div class=\"flex gap-4\"><div class=\"windex-step-number\">2<\/div><div><h3 class=\"font-bold text-navy text-base md:text-lg mb-1\">Lesen Sie die Zeichen auf dem Wasser<\/h3><p class=\"text-sm md:text-base text-foreground\/80 leading-relaxed\">Dunkle Flecken zeigen mehr Wind. Kr\u00e4uselungen zeigen die Richtung. Flaggen an Land, Rauch und die Segel anderer Boote helfen, den wahren Wind auf Distanz zu lesen.<\/p><\/div><\/div><div class=\"flex gap-4\"><div class=\"windex-step-number\">3<\/div><div><h3 class=\"font-bold text-navy text-base md:text-lg mb-1\">Beobachten Sie Verklicker und Masttopanzeiger<\/h3><p class=\"text-sm md:text-base text-foreground\/80 leading-relaxed\">Verklicker zeigen die Str\u00f6mung \u2013 str\u00f6men sie auf beiden Seiten nach achtern, ist der Trimm gut. Ein Windanzeiger im Masttop wie ein Windex liefert die klarste Anzeige des scheinbaren Windes, oberhalb der Turbulenzen der Segel.<\/p><\/div><\/div><div class=\"flex gap-4\"><div class=\"windex-step-number\">4<\/div><div><h3 class=\"font-bold text-navy text-base md:text-lg mb-1\">Kennen Sie Ihren Kurs zum Wind<\/h3><p class=\"text-sm md:text-base text-foreground\/80 leading-relaxed\">Bestimmen Sie, ob Sie hart am Wind, auf Raumschots- oder Vorwindkurs sind. Dieser Zusammenhang zeigt, wie weit der scheinbare Wind vom wahren abweicht.<\/p><\/div><\/div><div class=\"flex gap-4\"><div class=\"windex-step-number\">5<\/div><div><h3 class=\"font-bold text-navy text-base md:text-lg mb-1\">Denken Sie daran: Fahrt ver\u00e4ndert den scheinbaren Wind<\/h3><p class=\"text-sm md:text-base text-foreground\/80 leading-relaxed\">Beim Beschleunigen dreht der scheinbare Wind nach vorn und f\u00fchlt sich st\u00e4rker an. Beim Langsamerwerden dreht er nach achtern und wird leichter. B\u00f6en k\u00f6nnen ihn \u00e4ndern, auch wenn der wahre Wind konstant bleibt.<\/p><\/div><\/div><div class=\"flex gap-4\"><div class=\"windex-step-number\">6<\/div><div><h3 class=\"font-bold text-navy text-base md:text-lg mb-1\">Nutzen Sie Instrumente, wenn vorhanden<\/h3><p class=\"text-sm md:text-base text-foreground\/80 leading-relaxed\">Elektronische Windmesser k\u00f6nnen wahren und scheinbaren Wind anzeigen. N\u00fctzliche Referenzen \u2013 aber verlassen Sie sich nicht blind darauf, sondern vergleichen Sie mit dem, was Sie sehen und f\u00fchlen.<\/p><\/div><\/div><\/div><\/section><section class=\"mb-14\"><div class=\"windex-card\"><div class=\"windex-eyebrow mb-2\">Referenz<\/div><h3 class=\"text-xl md:text-2xl font-extrabold text-navy mb-6\">Kurse zum Wind &amp; scheinbarer Wind<\/h3><div class=\"flex flex-col md:flex-row gap-8 items-center\"><svg viewBox=\"0 0 360 340\" class=\"w-full max-w-[360px] shrink-0\" aria-label=\"Kurse zum Wind &amp; scheinbarer Wind\"><defs><marker id=\"lWindArrowPOS\" markerWidth=\"8\" markerHeight=\"6\" refX=\"7\" refY=\"3\" orient=\"auto\"><polygon points=\"0 0, 8 3, 0 6\" fill=\"hsl(210 70% 50%)\"><\/polygon><\/marker><\/defs><line x1=\"180\" y1=\"10\" x2=\"180\" y2=\"70\" stroke=\"hsl(210 70% 50%)\" stroke-width=\"2.5\" marker-end=\"url(#lWindArrowPOS)\"><\/line><text x=\"180\" y=\"8\" text-anchor=\"middle\" fill=\"hsl(210 70% 50%)\" font-size=\"10\" font-weight=\"700\">WAHRER WIND<\/text><path d=\"M 40,180 A 140,140 0 0,1 320,180\" fill=\"none\" stroke=\"hsl(214 20% 90%)\" stroke-width=\"1.5\"><\/path><circle cx=\"180\" cy=\"180\" r=\"4\" fill=\"hsl(215 80% 22%)\"><\/circle><g><line x1=\"180\" y1=\"180\" x2=\"76.07695154586736\" y2=\"120\" stroke=\"hsl(215 80% 22%)\" stroke-width=\"1.5\" opacity=\"0.6\" stroke-dasharray=\"4 3\"><\/line><circle cx=\"76.07695154586736\" cy=\"120\" r=\"3\" fill=\"hsl(215 80% 22%)\"><\/circle><text x=\"63.08657048910078\" y=\"112.50000000000001\" text-anchor=\"end\" fill=\"hsl(220 20% 12%)\" font-size=\"10\" font-weight=\"700\">Hart am Wind<\/text><text x=\"63.08657048910078\" y=\"125.50000000000001\" text-anchor=\"end\" fill=\"hsl(215 10% 46%)\" font-size=\"9\">Scheinbarer Wind dreht weit nach vorn<\/text><\/g><g><line x1=\"180\" y1=\"180\" x2=\"102.86548683761528\" y2=\"88.07466682572264\" stroke=\"hsl(215 80% 22%)\" stroke-width=\"1.5\" opacity=\"0.6\" stroke-dasharray=\"4 3\"><\/line><circle cx=\"102.86548683761528\" cy=\"88.07466682572264\" r=\"3\" fill=\"hsl(215 80% 22%)\"><\/circle><text x=\"93.22367269231718\" y=\"76.58400017893797\" text-anchor=\"end\" fill=\"hsl(220 20% 12%)\" font-size=\"10\" font-weight=\"700\">Anlieger<\/text><text x=\"93.22367269231718\" y=\"89.58400017893797\" text-anchor=\"end\" fill=\"hsl(215 10% 46%)\" font-size=\"9\">Starker scheinbarer Wind<\/text><\/g><g><line x1=\"180\" y1=\"180\" x2=\"148.9417145876975\" y2=\"64.0889008453118\" stroke=\"hsl(215 80% 22%)\" stroke-width=\"1.5\" opacity=\"0.6\" stroke-dasharray=\"4 3\"><\/line><circle cx=\"148.9417145876975\" cy=\"64.0889008453118\" r=\"3\" fill=\"hsl(215 80% 22%)\"><\/circle><text x=\"145.05942891115967\" y=\"49.60001345097578\" text-anchor=\"end\" fill=\"hsl(220 20% 12%)\" font-size=\"10\" font-weight=\"700\">Halber Wind<\/text><text x=\"145.05942891115967\" y=\"62.60001345097578\" text-anchor=\"end\" fill=\"hsl(215 10% 46%)\" font-size=\"9\">Scheinbar \u2248 wahrer Windwinkel<\/text><\/g><g><line x1=\"180\" y1=\"180\" x2=\"211.0582854123025\" y2=\"64.0889008453118\" stroke=\"hsl(215 80% 22%)\" stroke-width=\"1.5\" opacity=\"0.6\" stroke-dasharray=\"4 3\"><\/line><circle cx=\"211.0582854123025\" cy=\"64.0889008453118\" r=\"3\" fill=\"hsl(215 80% 22%)\"><\/circle><text x=\"214.9405710888403\" y=\"49.60001345097578\" text-anchor=\"start\" fill=\"hsl(220 20% 12%)\" font-size=\"10\" font-weight=\"700\">Raumschots<\/text><text x=\"214.9405710888403\" y=\"62.60001345097578\" text-anchor=\"start\" fill=\"hsl(215 10% 46%)\" font-size=\"9\">Scheinbarer Wind dreht nach achtern<\/text><\/g><g><line x1=\"180\" y1=\"180\" x2=\"257.13451316238474\" y2=\"88.07466682572264\" stroke=\"hsl(215 80% 22%)\" stroke-width=\"1.5\" opacity=\"0.6\" stroke-dasharray=\"4 3\"><\/line><circle cx=\"257.13451316238474\" cy=\"88.07466682572264\" r=\"3\" fill=\"hsl(215 80% 22%)\"><\/circle><text x=\"266.77632730768283\" y=\"76.58400017893797\" text-anchor=\"start\" fill=\"hsl(220 20% 12%)\" font-size=\"10\" font-weight=\"700\">Vor dem Wind<\/text><text x=\"266.77632730768283\" y=\"89.58400017893797\" text-anchor=\"start\" fill=\"hsl(215 10% 46%)\" font-size=\"9\">Schw\u00e4chster scheinbarer Wind<\/text><\/g><path d=\"M 180,180 L 145,70 A 30,30 0 0,1 215,70 Z\" fill=\"hsl(5 80% 52%)\" fill-opacity=\"0.08\" stroke=\"hsl(5 80% 52%)\" stroke-width=\"1\" stroke-dasharray=\"3 2\"><\/path><text x=\"180\" y=\"130\" text-anchor=\"middle\" fill=\"hsl(5 80% 52%)\" font-size=\"9\" font-weight=\"600\">TOTE ZONE<\/text><text x=\"180\" y=\"330\" text-anchor=\"middle\" fill=\"hsl(215 10% 46%)\" font-size=\"9\">Winkel f\u00fcr Steuerbordbug dargestellt \u2013 f\u00fcr Backbord spiegeln<\/text><\/svg><div class=\"flex-1 space-y-3\"><div class=\"flex items-start gap-3 py-2 border-b border-border last:border-0\"><span class=\"w-2 h-2 rounded-full bg-navy mt-1.5 shrink-0\"><\/span><div><span class=\"font-bold text-sm text-navy\">Hart am Wind<\/span><p class=\"text-sm text-muted-foreground\">Scheinbarer Wind dreht weit nach vorn<\/p><\/div><\/div><div class=\"flex items-start gap-3 py-2 border-b border-border last:border-0\"><span class=\"w-2 h-2 rounded-full bg-navy mt-1.5 shrink-0\"><\/span><div><span class=\"font-bold text-sm text-navy\">Anlieger<\/span><p class=\"text-sm text-muted-foreground\">Starker scheinbarer Wind<\/p><\/div><\/div><div class=\"flex items-start gap-3 py-2 border-b border-border last:border-0\"><span class=\"w-2 h-2 rounded-full bg-navy mt-1.5 shrink-0\"><\/span><div><span class=\"font-bold text-sm text-navy\">Halber Wind<\/span><p class=\"text-sm text-muted-foreground\">Scheinbar \u2248 wahrer Windwinkel<\/p><\/div><\/div><div class=\"flex items-start gap-3 py-2 border-b border-border last:border-0\"><span class=\"w-2 h-2 rounded-full bg-navy mt-1.5 shrink-0\"><\/span><div><span class=\"font-bold text-sm text-navy\">Raumschots<\/span><p class=\"text-sm text-muted-foreground\">Scheinbarer Wind dreht nach achtern<\/p><\/div><\/div><div class=\"flex items-start gap-3 py-2 border-b border-border last:border-0\"><span class=\"w-2 h-2 rounded-full bg-navy mt-1.5 shrink-0\"><\/span><div><span class=\"font-bold text-sm text-navy\">Vor dem Wind<\/span><p class=\"text-sm text-muted-foreground\">Schw\u00e4chster scheinbarer Wind<\/p><\/div><\/div><\/div><\/div><\/div><\/section><section id=\"upwind-downwind\" class=\"mb-14 scroll-mt-8\"><p class=\"windex-eyebrow mb-2\">Praxisbeispiele<\/p><h2 class=\"windex-section-title mb-2\">Am Wind vs vor dem Wind segeln<\/h2><div class=\"windex-divider mb-6\"><\/div><p class=\"windex-body mb-6\">Zu verstehen, wie sich der scheinbare Wind am Wind und vor dem Wind unterschiedlich verh\u00e4lt, ist besonders praxisnah. Hier der wichtigste Unterschied:<\/p><div class=\"grid grid-cols-1 md:grid-cols-2 gap-4\"><div class=\"bg-off-white border border-border p-6 md:p-8\"><div class=\"flex items-center gap-3 mb-4\"><svg viewBox=\"0 0 32 32\" class=\"w-8 h-8 text-navy\" aria-hidden=\"true\"><line x1=\"16\" y1=\"28\" x2=\"16\" y2=\"6\" stroke=\"currentColor\" stroke-width=\"2.5\"><\/line><polygon points=\"16,4 10,12 22,12\" fill=\"currentColor\"><\/polygon><\/svg><h4 class=\"text-lg font-extrabold text-navy uppercase tracking-wider\">Am Wind segeln<\/h4><\/div><div class=\"windex-divider mb-4\"><\/div><ul class=\"space-y-3\"><li class=\"flex items-start gap-2\"><svg viewBox=\"0 0 16 16\" class=\"w-4 h-4 mt-1 shrink-0 text-marine-blue\" aria-hidden=\"true\"><polygon points=\"8,2 14,14 2,14\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"1.5\"><\/polygon><\/svg><span class=\"text-sm text-foreground\/85\">Der scheinbare Wind dreht gegen\u00fcber dem wahren Wind nach vorn<\/span><\/li><li class=\"flex items-start gap-2\"><svg viewBox=\"0 0 16 16\" class=\"w-4 h-4 mt-1 shrink-0 text-marine-blue\" aria-hidden=\"true\"><polygon points=\"8,2 14,14 2,14\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"1.5\"><\/polygon><\/svg><span class=\"text-sm text-foreground\/85\">Der Wind f\u00fchlt sich st\u00e4rker an, als er wirklich ist<\/span><\/li><li class=\"flex items-start gap-2\"><svg viewBox=\"0 0 16 16\" class=\"w-4 h-4 mt-1 shrink-0 text-marine-blue\" aria-hidden=\"true\"><polygon points=\"8,2 14,14 2,14\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"1.5\"><\/polygon><\/svg><span class=\"text-sm text-foreground\/85\">Der Trimm reagiert empfindlicher auf kleine \u00c4nderungen<\/span><\/li><\/ul><div class=\"mt-5 bg-sea-mist p-4\"><p class=\"text-xs font-semibold text-navy uppercase tracking-wider mb-1\">Praxishinweis<\/p><p class=\"text-sm text-muted-foreground\">Kleine Geschwindigkeitsgewinne am Wind verst\u00e4rken den Effekt des scheinbaren Windes. Trimmen Sie h\u00e4ufig und achten Sie auf feine Drehungen.<\/p><\/div><\/div><div class=\"bg-off-white border border-border p-6 md:p-8\"><div class=\"flex items-center gap-3 mb-4\"><svg viewBox=\"0 0 32 32\" class=\"w-8 h-8 text-navy\" aria-hidden=\"true\"><line x1=\"16\" y1=\"4\" x2=\"16\" y2=\"26\" stroke=\"currentColor\" stroke-width=\"2.5\"><\/line><polygon points=\"16,28 10,20 22,20\" fill=\"currentColor\"><\/polygon><\/svg><h4 class=\"text-lg font-extrabold text-navy uppercase tracking-wider\">Vor dem Wind segeln<\/h4><\/div><div class=\"windex-divider mb-4\"><\/div><ul class=\"space-y-3\"><li class=\"flex items-start gap-2\"><svg viewBox=\"0 0 16 16\" class=\"w-4 h-4 mt-1 shrink-0 text-marine-blue\" aria-hidden=\"true\"><polygon points=\"8,14 14,2 2,2\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"1.5\"><\/polygon><\/svg><span class=\"text-sm text-foreground\/85\">Der scheinbare Wind dreht nach achtern und \u00f6ffnet sich<\/span><\/li><li class=\"flex items-start gap-2\"><svg viewBox=\"0 0 16 16\" class=\"w-4 h-4 mt-1 shrink-0 text-marine-blue\" aria-hidden=\"true\"><polygon points=\"8,14 14,2 2,2\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"1.5\"><\/polygon><\/svg><span class=\"text-sm text-foreground\/85\">Der Wind f\u00fchlt sich leichter an, auch wenn der wahre Wind unver\u00e4ndert ist<\/span><\/li><li class=\"flex items-start gap-2\"><svg viewBox=\"0 0 16 16\" class=\"w-4 h-4 mt-1 shrink-0 text-marine-blue\" aria-hidden=\"true\"><polygon points=\"8,14 14,2 2,2\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"1.5\"><\/polygon><\/svg><span class=\"text-sm text-foreground\/85\">Anf\u00e4nger denken, der Wind sei eingeschlafen \u2013 ist er nicht<\/span><\/li><\/ul><div class=\"mt-5 bg-sea-mist p-4\"><p class=\"text-xs font-semibold text-navy uppercase tracking-wider mb-1\">Praxishinweis<\/p><p class=\"text-sm text-muted-foreground\">Schauen Sie auf das Wasser hinter sich und auf andere Boote, um zu best\u00e4tigen, dass der wahre Wind unver\u00e4ndert ist, wenn es vor dem Wind leichter wirkt.<\/p><\/div><\/div><\/div><\/section><section id=\"mistakes\" class=\"mb-14 scroll-mt-8\"><p class=\"windex-eyebrow mb-2\">Achtung<\/p><h2 class=\"windex-section-title mb-2\">H\u00e4ufige Fehler<\/h2><div class=\"windex-divider mb-6\"><\/div><div class=\"space-y-4\"><div class=\"flex items-start gap-3 py-3 border-b border-border last:border-0\"><svg viewBox=\"0 0 20 20\" class=\"w-5 h-5 text-signal-red shrink-0 mt-0.5\" aria-hidden=\"true\"><circle cx=\"10\" cy=\"10\" r=\"8\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"1.5\"><\/circle><line x1=\"7\" y1=\"7\" x2=\"13\" y2=\"13\" stroke=\"currentColor\" stroke-width=\"1.5\"><\/line><line x1=\"13\" y1=\"7\" x2=\"7\" y2=\"13\" stroke=\"currentColor\" stroke-width=\"1.5\"><\/line><\/svg><div><h3 class=\"font-bold text-navy text-sm mb-0.5\">Gef\u00fchlten mit tats\u00e4chlichem Wind verwechseln<\/h3><p class=\"text-sm text-muted-foreground\">Was Sie sp\u00fcren, ist der scheinbare Wind \u2013 nicht die realen Bedingungen. Taktische Entscheidungen nur danach f\u00fchren zu Fehlern.<\/p><\/div><\/div><div class=\"flex items-start gap-3 py-3 border-b border-border last:border-0\"><svg viewBox=\"0 0 20 20\" class=\"w-5 h-5 text-signal-red shrink-0 mt-0.5\" aria-hidden=\"true\"><circle cx=\"10\" cy=\"10\" r=\"8\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"1.5\"><\/circle><line x1=\"7\" y1=\"7\" x2=\"13\" y2=\"13\" stroke=\"currentColor\" stroke-width=\"1.5\"><\/line><line x1=\"13\" y1=\"7\" x2=\"7\" y2=\"13\" stroke=\"currentColor\" stroke-width=\"1.5\"><\/line><\/svg><div><h3 class=\"font-bold text-navy text-sm mb-0.5\">Geschwindigkeits\u00e4nderungen ignorieren<\/h3><p class=\"text-sm text-muted-foreground\">Beschleunigen in der B\u00f6e oder Abbremsen in der Flaute dreht den scheinbaren Wind. Wer das nicht einrechnet, trimmt falsch.<\/p><\/div><\/div><div class=\"flex items-start gap-3 py-3 border-b border-border last:border-0\"><svg viewBox=\"0 0 20 20\" class=\"w-5 h-5 text-signal-red shrink-0 mt-0.5\" aria-hidden=\"true\"><circle cx=\"10\" cy=\"10\" r=\"8\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"1.5\"><\/circle><line x1=\"7\" y1=\"7\" x2=\"13\" y2=\"13\" stroke=\"currentColor\" stroke-width=\"1.5\"><\/line><line x1=\"13\" y1=\"7\" x2=\"7\" y2=\"13\" stroke=\"currentColor\" stroke-width=\"1.5\"><\/line><\/svg><div><h3 class=\"font-bold text-navy text-sm mb-0.5\">Nur auf einen Hinweis achten<\/h3><p class=\"text-sm text-muted-foreground\">Kein einzelner Indikator erz\u00e4hlt die ganze Geschichte. Kombinieren Sie Masttop, Verklicker, Wasseroberfl\u00e4che und K\u00f6rpergef\u00fchl.<\/p><\/div><\/div><div class=\"flex items-start gap-3 py-3 border-b border-border last:border-0\"><svg viewBox=\"0 0 20 20\" class=\"w-5 h-5 text-signal-red shrink-0 mt-0.5\" aria-hidden=\"true\"><circle cx=\"10\" cy=\"10\" r=\"8\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"1.5\"><\/circle><line x1=\"7\" y1=\"7\" x2=\"13\" y2=\"13\" stroke=\"currentColor\" stroke-width=\"1.5\"><\/line><line x1=\"13\" y1=\"7\" x2=\"7\" y2=\"13\" stroke=\"currentColor\" stroke-width=\"1.5\"><\/line><\/svg><div><h3 class=\"font-bold text-navy text-sm mb-0.5\">Vergessen, dass sich Bedingungen \u00e4ndern<\/h3><p class=\"text-sm text-muted-foreground\">Wind ist nie konstant. Dreher, B\u00f6en, Flauten und geografische Effekte verlangen st\u00e4ndiges Weiterlesen.<\/p><\/div><\/div><div class=\"flex items-start gap-3 py-3 border-b border-border last:border-0\"><svg viewBox=\"0 0 20 20\" class=\"w-5 h-5 text-signal-red shrink-0 mt-0.5\" aria-hidden=\"true\"><circle cx=\"10\" cy=\"10\" r=\"8\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"1.5\"><\/circle><line x1=\"7\" y1=\"7\" x2=\"13\" y2=\"13\" stroke=\"currentColor\" stroke-width=\"1.5\"><\/line><line x1=\"13\" y1=\"7\" x2=\"7\" y2=\"13\" stroke=\"currentColor\" stroke-width=\"1.5\"><\/line><\/svg><div><h3 class=\"font-bold text-navy text-sm mb-0.5\">Nur an Trimm denken, nicht an Taktik<\/h3><p class=\"text-sm text-muted-foreground\">Trimm (scheinbarer Wind) wirkt sofort, aber wer nie aufschaut und \u00fcberlegt, wohin der wahre Wind dreht, verliert das Gesamtbild.<\/p><\/div><\/div><\/div><\/section><section id=\"tips\" class=\"mb-14 scroll-mt-8\"><p class=\"windex-eyebrow mb-2\">Besser werden<\/p><h2 class=\"windex-section-title mb-2\">Tipps f\u00fcr besseres Windlesen<\/h2><div class=\"windex-divider mb-6\"><\/div><div class=\"space-y-4\"><div class=\"flex items-start gap-3\"><svg viewBox=\"0 0 20 20\" class=\"w-5 h-5 text-marine-blue shrink-0 mt-0.5\" aria-hidden=\"true\"><circle cx=\"10\" cy=\"10\" r=\"8\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"1.5\"><\/circle><polyline points=\"6,10 9,13 14,7\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"1.5\"><\/polyline><\/svg><p class=\"text-sm md:text-base text-foreground\/85\">Vergleichen Sie Gef\u00fchl und Sicht. Passt der Masttop zu Ihrem Gesicht? Passt die Wasseroberfl\u00e4che zu den Verklickern?<\/p><\/div><div class=\"flex items-start gap-3\"><svg viewBox=\"0 0 20 20\" class=\"w-5 h-5 text-marine-blue shrink-0 mt-0.5\" aria-hidden=\"true\"><circle cx=\"10\" cy=\"10\" r=\"8\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"1.5\"><\/circle><polyline points=\"6,10 9,13 14,7\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"1.5\"><\/polyline><\/svg><p class=\"text-sm md:text-base text-foreground\/85\">Sagen Sie Dreher voraus, bevor sie eintreffen. Schauen Sie nach Luv auf Wasser und andere Boote, um B\u00f6en und Dreher kommen zu sehen.<\/p><\/div><div class=\"flex items-start gap-3\"><svg viewBox=\"0 0 20 20\" class=\"w-5 h-5 text-marine-blue shrink-0 mt-0.5\" aria-hidden=\"true\"><circle cx=\"10\" cy=\"10\" r=\"8\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"1.5\"><\/circle><polyline points=\"6,10 9,13 14,7\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"1.5\"><\/polyline><\/svg><p class=\"text-sm md:text-base text-foreground\/85\">\u00dcben Sie auf verschiedenen Kursen. Segeln Sie einen vollen Kreis und beobachten Sie, wie sich der scheinbare Wind mit dem Kurs \u00e4ndert.<\/p><\/div><div class=\"flex items-start gap-3\"><svg viewBox=\"0 0 20 20\" class=\"w-5 h-5 text-marine-blue shrink-0 mt-0.5\" aria-hidden=\"true\"><circle cx=\"10\" cy=\"10\" r=\"8\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"1.5\"><\/circle><polyline points=\"6,10 9,13 14,7\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"1.5\"><\/polyline><\/svg><p class=\"text-sm md:text-base text-foreground\/85\">Kl\u00e4ren Sie, ob die \u00c4nderung vom Wetter oder von der Fahrt kommt. Hat der Wind gedreht, oder wurde das Boot nur langsamer?<\/p><\/div><div class=\"flex items-start gap-3\"><svg viewBox=\"0 0 20 20\" class=\"w-5 h-5 text-marine-blue shrink-0 mt-0.5\" aria-hidden=\"true\"><circle cx=\"10\" cy=\"10\" r=\"8\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"1.5\"><\/circle><polyline points=\"6,10 9,13 14,7\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"1.5\"><\/polyline><\/svg><p class=\"text-sm md:text-base text-foreground\/85\">Werten Sie jeden T\u00f6rn aus. \u00dcberlegen Sie, wo Windlesen den Unterschied machte \u2013 und wo Ihnen etwas entgangen ist.<\/p><\/div><\/div><\/section><section id=\"faq\" class=\"mb-14 scroll-mt-8\"><p class=\"windex-eyebrow mb-2\">H\u00e4ufige Fragen<\/p><h2 class=\"windex-section-title mb-2\">FAQ<\/h2><div class=\"windex-divider mb-6\"><\/div><div class=\"w-full space-y-0\"><details class=\"border-b border-border group\"><summary class=\"flex items-center justify-between cursor-pointer text-left text-sm md:text-base font-semibold text-navy hover:text-navy-light py-5 list-none [&amp;::-webkit-details-marker]:hidden\"><span>Was ist der Unterschied zwischen scheinbarem und wahrem Wind beim Segeln?<\/span><svg class=\"w-4 h-4 shrink-0 ml-4 transition-transform duration-200 group-open:rotate-180\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\"><polyline points=\"6 9 12 15 18 9\"><\/polyline><\/svg><\/summary><div class=\"text-sm md:text-base text-foreground\/80 leading-relaxed pb-5\">Wahrer Wind ist der Wind \u00fcber dem Wasser, unabh\u00e4ngig von Ihrem Boot. Scheinbarer Wind ist der Wind an Bord \u2013 die Kombination aus wahrem Wind und dem Wind, den die Bootsbewegung erzeugt. Beide unterscheiden sich in Richtung und St\u00e4rke, je nach Fahrt und Kurs.<\/div><\/details><details class=\"border-b border-border group\"><summary class=\"flex items-center justify-between cursor-pointer text-left text-sm md:text-base font-semibold text-navy hover:text-navy-light py-5 list-none [&amp;::-webkit-details-marker]:hidden\"><span>Warum f\u00fchlt sich scheinbarer Wind st\u00e4rker an als wahrer Wind?<\/span><svg class=\"w-4 h-4 shrink-0 ml-4 transition-transform duration-200 group-open:rotate-180\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\"><polyline points=\"6 9 12 15 18 9\"><\/polyline><\/svg><\/summary><div class=\"text-sm md:text-base text-foreground\/80 leading-relaxed pb-5\">Am Wind addiert sich die Vorw\u00e4rtsfahrt zum wahren Wind, sodass der scheinbare Wind st\u00e4rker wirkt. Wie Radfahren gegen die Brise: Selbst bei Windstille sp\u00fcren Sie Wind im Gesicht, weil Sie sich bewegen.<\/div><\/details><details class=\"border-b border-border group\"><summary class=\"flex items-center justify-between cursor-pointer text-left text-sm md:text-base font-semibold text-navy hover:text-navy-light py-5 list-none [&amp;::-webkit-details-marker]:hidden\"><span>Welcher Wind z\u00e4hlt beim Trimmen mehr?<\/span><svg class=\"w-4 h-4 shrink-0 ml-4 transition-transform duration-200 group-open:rotate-180\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\"><polyline points=\"6 9 12 15 18 9\"><\/polyline><\/svg><\/summary><div class=\"text-sm md:text-base text-foreground\/80 leading-relaxed pb-5\">Der scheinbare Wind. Segel interagieren mit der Str\u00f6mung, die sie tats\u00e4chlich erfahren \u2013 und das ist immer der scheinbare Wind. Verklicker, Segelprofil und Masttopanzeiger reagieren darauf.<\/div><\/details><details class=\"border-b border-border group\"><summary class=\"flex items-center justify-between cursor-pointer text-left text-sm md:text-base font-semibold text-navy hover:text-navy-light py-5 list-none [&amp;::-webkit-details-marker]:hidden\"><span>Welcher Wind z\u00e4hlt f\u00fcr Taktik und Navigation mehr?<\/span><svg class=\"w-4 h-4 shrink-0 ml-4 transition-transform duration-200 group-open:rotate-180\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\"><polyline points=\"6 9 12 15 18 9\"><\/polyline><\/svg><\/summary><div class=\"text-sm md:text-base text-foreground\/80 leading-relaxed pb-5\">Der wahre Wind. Wetterlagen, Winddreher und Routenentscheidungen basieren auf den realen Windbedingungen \u00fcber dem Wasser \u2013 nicht auf dem, was das fahrende Boot erzeugt.<\/div><\/details><details class=\"border-b border-border group\"><summary class=\"flex items-center justify-between cursor-pointer text-left text-sm md:text-base font-semibold text-navy hover:text-navy-light py-5 list-none [&amp;::-webkit-details-marker]:hidden\"><span>Wie k\u00f6nnen Anf\u00e4nger die Windrichtung beim Segeln lesen?<\/span><svg class=\"w-4 h-4 shrink-0 ml-4 transition-transform duration-200 group-open:rotate-180\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\"><polyline points=\"6 9 12 15 18 9\"><\/polyline><\/svg><\/summary><div class=\"text-sm md:text-base text-foreground\/80 leading-relaxed pb-5\">Sp\u00fcren Sie zuerst den Wind an Gesicht und Hals. Beobachten Sie die Kr\u00e4uselungen auf dem Wasser. Pr\u00fcfen Sie Verklicker und Masttopanzeiger. Mit der Zeit verbinden Sie diese Hinweise mit dem Wissen \u00fcber Kurs und Fahrt zu einem instinktiven Verst\u00e4ndnis.<\/div><\/details><details class=\"border-b border-border group\"><summary class=\"flex items-center justify-between cursor-pointer text-left text-sm md:text-base font-semibold text-navy hover:text-navy-light py-5 list-none [&amp;::-webkit-details-marker]:hidden\"><span>\u00c4ndert sich der scheinbare Wind, wenn das Boot schneller wird?<\/span><svg class=\"w-4 h-4 shrink-0 ml-4 transition-transform duration-200 group-open:rotate-180\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\"><polyline points=\"6 9 12 15 18 9\"><\/polyline><\/svg><\/summary><div class=\"text-sm md:text-base text-foreground\/80 leading-relaxed pb-5\">Ja. Beim Beschleunigen dreht der scheinbare Wind meist nach vorn und nimmt zu. Beim Langsamerwerden dreht er nach achtern und wird leichter. Deshalb muss der Trimm bei Geschwindigkeits\u00e4nderungen st\u00e4ndig angepasst werden.<\/div><\/details><\/div><\/section><\/article><\/div><\/div><section class=\"bg-navy text-primary-foreground py-16 md:py-20\"><div class=\"windex-container text-center max-w-2xl mx-auto\"><p class=\"uppercase text-xs md:text-sm font-bold tracking-[0.2em] text-warm-gold mb-4\">Souver\u00e4n segeln<\/p><h2 class=\"text-2xl md:text-3xl lg:text-4xl font-extrabold mb-4 text-white\">Den Wind besser verstehen. Mit klareren Informationen segeln.<\/h2><p class=\"text-primary-foreground\/70 mb-8 max-w-lg mx-auto\">Windex Windrichtungsanzeiger helfen Seglern seit 1964, den Wind zu lesen. Entdecken Sie das Sortiment und finden Sie das passende Modell f\u00fcr Ihr Boot.<\/p><div class=\"flex flex-wrap justify-center gap-3\"><a href=\"https:\/\/dev112.dioniqlabb.se\/de\/shop\/\" class=\"inline-flex items-center justify-center px-6 py-3 bg-warm-gold text-accent-foreground font-semibold text-sm uppercase tracking-wider hover:opacity-90 transition-opacity\">Produkte entdecken<\/a><a href=\"https:\/\/dev112.dioniqlabb.se\/de\/assembly-instructions\/\" class=\"inline-flex items-center justify-center px-6 py-3 border-2 border-primary-foreground\/30 text-primary-foreground font-semibold text-sm uppercase tracking-wider hover:bg-primary-foreground\/10 transition-colors\">Montageanleitungen<\/a><a href=\"https:\/\/dev112.dioniqlabb.se\/resellers\" class=\"inline-flex items-center justify-center px-6 py-3 border-2 border-primary-foreground\/30 text-primary-foreground font-semibold text-sm uppercase tracking-wider hover:bg-primary-foreground\/10 transition-colors\">H\u00e4ndler finden<\/a><\/div><\/div><\/section><section class=\"py-14 md:py-20 bg-off-white\"><div class=\"windex-container\"><p class=\"windex-eyebrow mb-2\">Verwandte Inhalte<\/p><h2 class=\"windex-section-title mb-2\">Weiterlernen<\/h2><div class=\"windex-divider mb-8\"><\/div><div class=\"grid grid-cols-1 sm:grid-cols-2 lg:grid-cols-3 gap-4\"><a href=\"#\" class=\"bg-background border border-border p-5 hover:border-navy\/30 transition-colors block\"><h3 class=\"font-bold text-navy text-sm uppercase tracking-wider mb-1\">Segelguides f\u00fcr Anf\u00e4nger<\/h3><p class=\"text-sm text-muted-foreground\">Alles, was Sie f\u00fcr einen souver\u00e4nen Start brauchen.<\/p><\/a><a href=\"#\" class=\"bg-background border border-border p-5 hover:border-navy\/30 transition-colors block\"><h3 class=\"font-bold text-navy text-sm uppercase tracking-wider mb-1\">Kurse zum Wind erkl\u00e4rt<\/h3><p class=\"text-sm text-muted-foreground\">Ein visueller Leitfaden zu jedem Winkel zum Wind.<\/p><\/a><a href=\"#\" class=\"bg-background border border-border p-5 hover:border-navy\/30 transition-colors block\"><h3 class=\"font-bold text-navy text-sm uppercase tracking-wider mb-1\">Leitfaden Segeltrimm<\/h3><p class=\"text-sm text-muted-foreground\">So formen Sie Ihre Segel f\u00fcr Geschwindigkeit und Kontrolle.<\/p><\/a><a href=\"#\" class=\"bg-background border border-border p-5 hover:border-navy\/30 transition-colors block\"><h3 class=\"font-bold text-navy text-sm uppercase tracking-wider mb-1\">So funktionieren Verklicker<\/h3><p class=\"text-sm text-muted-foreground\">Lesen Sie die Str\u00f6mung an Ihren Segeln wie ein Profi.<\/p><\/a><a href=\"#\" class=\"bg-background border border-border p-5 hover:border-navy\/30 transition-colors block\"><h3 class=\"font-bold text-navy text-sm uppercase tracking-wider mb-1\">Tipps f\u00fcr Am-Wind-Kurse<\/h3><p class=\"text-sm text-muted-foreground\">Maximieren Sie Ihre VMG und segeln Sie h\u00f6her.<\/p><\/a><a href=\"#\" class=\"bg-background border border-border p-5 hover:border-navy\/30 transition-colors block\"><h3 class=\"font-bold text-navy text-sm uppercase tracking-wider mb-1\">Techniken vor dem Wind<\/h3><p class=\"text-sm text-muted-foreground\">Schnell und stabil bleiben auf Vorwind- und Raumschotskursen.<\/p><\/a><\/div><\/div><\/section><script type=\"application\/ld+json\">{\"@context\":\"https:\/\/schema.org\",\"@graph\":[{\"@type\":\"Article\",\"headline\":\"Windrichtung beim Segeln lesen (scheinbarer Wind vs wahrer Wind)\",\"description\":\"Verstehen Sie den Unterschied zwischen scheinbarem und wahrem Wind und lernen Sie, die Windrichtung beim Segeln zu lesen \u2013 mit Diagrammen, Methoden und FAQ.\",\"inLanguage\":\"de\"},{\"@type\":\"FAQPage\",\"inLanguage\":\"de\",\"mainEntity\":[{\"@type\":\"Question\",\"name\":\"Was ist der Unterschied zwischen scheinbarem und wahrem Wind beim Segeln?\",\"acceptedAnswer\":{\"@type\":\"Answer\",\"text\":\"Wahrer Wind ist der Wind \u00fcber dem Wasser, unabh\u00e4ngig von Ihrem Boot. Scheinbarer Wind ist der Wind an Bord \u2013 die Kombination aus wahrem Wind und dem Wind, den die Bootsbewegung erzeugt. Beide unterscheiden sich in Richtung und St\u00e4rke, je nach Fahrt und Kurs.\"}},{\"@type\":\"Question\",\"name\":\"Warum f\u00fchlt sich scheinbarer Wind st\u00e4rker an als wahrer Wind?\",\"acceptedAnswer\":{\"@type\":\"Answer\",\"text\":\"Am Wind addiert sich die Vorw\u00e4rtsfahrt zum wahren Wind, sodass der scheinbare Wind st\u00e4rker wirkt. Wie Radfahren gegen die Brise: Selbst bei Windstille sp\u00fcren Sie Wind im Gesicht, weil Sie sich bewegen.\"}},{\"@type\":\"Question\",\"name\":\"Welcher Wind z\u00e4hlt beim Trimmen mehr?\",\"acceptedAnswer\":{\"@type\":\"Answer\",\"text\":\"Der scheinbare Wind. Segel interagieren mit der Str\u00f6mung, die sie tats\u00e4chlich erfahren \u2013 und das ist immer der scheinbare Wind. Verklicker, Segelprofil und Masttopanzeiger reagieren darauf.\"}},{\"@type\":\"Question\",\"name\":\"Welcher Wind z\u00e4hlt f\u00fcr Taktik und Navigation mehr?\",\"acceptedAnswer\":{\"@type\":\"Answer\",\"text\":\"Der wahre Wind. Wetterlagen, Winddreher und Routenentscheidungen basieren auf den realen Windbedingungen \u00fcber dem Wasser \u2013 nicht auf dem, was das fahrende Boot erzeugt.\"}},{\"@type\":\"Question\",\"name\":\"Wie k\u00f6nnen Anf\u00e4nger die Windrichtung beim Segeln lesen?\",\"acceptedAnswer\":{\"@type\":\"Answer\",\"text\":\"Sp\u00fcren Sie zuerst den Wind an Gesicht und Hals. Beobachten Sie die Kr\u00e4uselungen auf dem Wasser. Pr\u00fcfen Sie Verklicker und Masttopanzeiger. Mit der Zeit verbinden Sie diese Hinweise mit dem Wissen \u00fcber Kurs und Fahrt zu einem instinktiven Verst\u00e4ndnis.\"}},{\"@type\":\"Question\",\"name\":\"\u00c4ndert sich der scheinbare Wind, wenn das Boot schneller wird?\",\"acceptedAnswer\":{\"@type\":\"Answer\",\"text\":\"Ja. Beim Beschleunigen dreht der scheinbare Wind meist nach vorn und nimmt zu. Beim Langsamerwerden dreht er nach achtern und wird leichter. Deshalb muss der Trimm bei Geschwindigkeits\u00e4nderungen st\u00e4ndig angepasst werden.\"}}]}]}<\/script><\/div><\/div>\n  \n\n\n<\/body>\n<\/html>\n","protected":false},"excerpt":{"rendered":"<p>Windrichtung beim Segeln lesen (DE) Inhalt Kurze Antwort Was ist wahrer Wind? Was ist scheinbarer Wind? Scheinbar vs wahr Warum beides z\u00e4hlt Windrichtung lesen Am Wind vs vor dem Wind H\u00e4ufige Fehler Tipps zur Verbesserung FAQ Kurzfassung Wahrer Wind = der Wind, der tats\u00e4chlich \u00fcber dem Wasser weht \u2013 unabh\u00e4ngig von Ihrem Boot. Scheinbarer Wind &hellip; <\/p>\n<p class=\"link-more\"><a href=\"https:\/\/dev112.dioniqlabb.se\/de\/windrichtung-beim-segeln-lesen\/\" class=\"more-link\">Continue reading<span class=\"screen-reader-text\"> &#8222;Windrichtung beim Segeln lesen&#8220;<\/span><\/a><\/p>\n","protected":false},"author":116,"featured_media":0,"parent":0,"menu_order":0,"comment_status":"closed","ping_status":"closed","template":"","meta":{"_acf_changed":false,"_uf_show_specific_survey":0,"_uf_disable_surveys":false,"footnotes":""},"class_list":["post-9144","page","type-page","status-publish","hentry"],"acf":[],"aioseo_notices":[],"aioseo_head":"\n\t\t<!-- All in One SEO 5.0.2.1 - aioseo.com -->\n\t<meta name=\"description\" content=\"Windrichtung beim Segeln lesen (DE) InhaltKurze AntwortWas ist wahrer Wind?Was ist scheinbarer Wind?Scheinbar vs wahrWarum beides z\u00e4hltWindrichtung lesenAm Wind vs vor dem WindH\u00e4ufige FehlerTipps zur VerbesserungFAQKurzfassungWahrer Wind = der Wind, der tats\u00e4chlich \u00fcber dem Wasser weht \u2013 unabh\u00e4ngig von Ihrem Boot.Scheinbarer Wind = der Wind, den Sie an Bord sp\u00fcren \u2013 Kombination aus wahrem Wind\" \/>\n\t<meta name=\"robots\" content=\"noindex, nofollow, max-image-preview:large\" \/>\n\t<link rel=\"canonical\" href=\"https:\/\/dev112.dioniqlabb.se\/de\/windrichtung-beim-segeln-lesen\/\" \/>\n\t<meta name=\"generator\" content=\"All in One SEO (AIOSEO) 5.0.2.1\" \/>\n\t\t<meta property=\"og:locale\" content=\"de_DE\" \/>\n\t\t<meta property=\"og:site_name\" content=\"Windex Development - Wind direction indicator\" \/>\n\t\t<meta property=\"og:type\" content=\"article\" \/>\n\t\t<meta property=\"og:title\" content=\"Windrichtung beim Segeln lesen - Windex Development\" \/>\n\t\t<meta property=\"og:description\" content=\"Windrichtung beim Segeln lesen (DE) InhaltKurze AntwortWas ist wahrer Wind?Was ist scheinbarer Wind?Scheinbar vs wahrWarum beides z\u00e4hltWindrichtung lesenAm Wind vs vor dem WindH\u00e4ufige FehlerTipps zur VerbesserungFAQKurzfassungWahrer Wind = der Wind, der tats\u00e4chlich \u00fcber dem Wasser weht \u2013 unabh\u00e4ngig von Ihrem Boot.Scheinbarer Wind = der Wind, den Sie an Bord sp\u00fcren \u2013 Kombination aus wahrem Wind\" \/>\n\t\t<meta property=\"og:url\" content=\"https:\/\/dev112.dioniqlabb.se\/de\/windrichtung-beim-segeln-lesen\/\" \/>\n\t\t<meta property=\"og:image\" content=\"https:\/\/dev112.dioniqlabb.se\/wp-content\/uploads\/2019\/02\/logo.png\" \/>\n\t\t<meta property=\"og:image:secure_url\" content=\"https:\/\/dev112.dioniqlabb.se\/wp-content\/uploads\/2019\/02\/logo.png\" \/>\n\t\t<meta property=\"og:image:width\" content=\"295\" \/>\n\t\t<meta property=\"og:image:height\" content=\"80\" \/>\n\t\t<meta property=\"article:published_time\" content=\"2026-09-08T13:35:21+00:00\" \/>\n\t\t<meta property=\"article:modified_time\" content=\"2026-09-08T13:35:24+00:00\" \/>\n\t\t<meta name=\"twitter:card\" content=\"summary_large_image\" \/>\n\t\t<meta name=\"twitter:title\" content=\"Windrichtung beim Segeln lesen - Windex Development\" \/>\n\t\t<meta name=\"twitter:description\" content=\"Windrichtung beim Segeln lesen (DE) InhaltKurze AntwortWas ist wahrer Wind?Was ist scheinbarer Wind?Scheinbar vs wahrWarum beides z\u00e4hltWindrichtung lesenAm Wind vs vor dem WindH\u00e4ufige FehlerTipps zur VerbesserungFAQKurzfassungWahrer Wind = der Wind, der tats\u00e4chlich \u00fcber dem Wasser weht \u2013 unabh\u00e4ngig von Ihrem Boot.Scheinbarer Wind = der Wind, den Sie an Bord sp\u00fcren \u2013 Kombination aus wahrem Wind\" \/>\n\t\t<meta name=\"twitter:image\" content=\"https:\/\/dev112.dioniqlabb.se\/wp-content\/uploads\/2019\/02\/logo.png\" \/>\n\t\t<script type=\"application\/ld+json\" class=\"aioseo-schema\">\n\t\t\t{\"@context\":\"https:\\\/\\\/schema.org\",\"@graph\":[{\"@type\":\"BreadcrumbList\",\"@id\":\"https:\\\/\\\/dev112.dioniqlabb.se\\\/de\\\/windrichtung-beim-segeln-lesen\\\/#breadcrumblist\",\"itemListElement\":[{\"@type\":\"ListItem\",\"@id\":\"https:\\\/\\\/dev112.dioniqlabb.se\\\/de\\\/#listItem\",\"position\":1,\"name\":\"Home\",\"item\":\"https:\\\/\\\/dev112.dioniqlabb.se\\\/de\\\/\",\"nextItem\":{\"@type\":\"ListItem\",\"@id\":\"https:\\\/\\\/dev112.dioniqlabb.se\\\/de\\\/windrichtung-beim-segeln-lesen\\\/#listItem\",\"name\":\"Windrichtung beim Segeln lesen\"}},{\"@type\":\"ListItem\",\"@id\":\"https:\\\/\\\/dev112.dioniqlabb.se\\\/de\\\/windrichtung-beim-segeln-lesen\\\/#listItem\",\"position\":2,\"name\":\"Windrichtung beim Segeln lesen\",\"previousItem\":{\"@type\":\"ListItem\",\"@id\":\"https:\\\/\\\/dev112.dioniqlabb.se\\\/de\\\/#listItem\",\"name\":\"Home\"}}]},{\"@type\":\"Organization\",\"@id\":\"https:\\\/\\\/dev112.dioniqlabb.se\\\/de\\\/#organization\",\"name\":\"Windex Development\",\"description\":\"Wind direction indicator\",\"url\":\"https:\\\/\\\/dev112.dioniqlabb.se\\\/de\\\/\",\"logo\":{\"@type\":\"ImageObject\",\"url\":\"https:\\\/\\\/dev112.dioniqlabb.se\\\/wp-content\\\/uploads\\\/2019\\\/02\\\/logo.png\",\"@id\":\"https:\\\/\\\/dev112.dioniqlabb.se\\\/de\\\/windrichtung-beim-segeln-lesen\\\/#organizationLogo\",\"width\":295,\"height\":80,\"caption\":\"Windex logo\"},\"image\":{\"@id\":\"https:\\\/\\\/dev112.dioniqlabb.se\\\/de\\\/windrichtung-beim-segeln-lesen\\\/#organizationLogo\"}},{\"@type\":\"WebPage\",\"@id\":\"https:\\\/\\\/dev112.dioniqlabb.se\\\/de\\\/windrichtung-beim-segeln-lesen\\\/#webpage\",\"url\":\"https:\\\/\\\/dev112.dioniqlabb.se\\\/de\\\/windrichtung-beim-segeln-lesen\\\/\",\"name\":\"Windrichtung beim Segeln lesen - Windex Development\",\"description\":\"Windrichtung beim Segeln lesen (DE) InhaltKurze AntwortWas ist wahrer Wind?Was ist scheinbarer Wind?Scheinbar vs wahrWarum beides z\\u00e4hltWindrichtung lesenAm Wind vs vor dem WindH\\u00e4ufige FehlerTipps zur VerbesserungFAQKurzfassungWahrer Wind = der Wind, der tats\\u00e4chlich \\u00fcber dem Wasser weht \\u2013 unabh\\u00e4ngig von Ihrem Boot.Scheinbarer Wind = der Wind, den Sie an Bord sp\\u00fcren \\u2013 Kombination aus wahrem Wind\",\"inLanguage\":\"de-DE\",\"isPartOf\":{\"@id\":\"https:\\\/\\\/dev112.dioniqlabb.se\\\/de\\\/#website\"},\"breadcrumb\":{\"@id\":\"https:\\\/\\\/dev112.dioniqlabb.se\\\/de\\\/windrichtung-beim-segeln-lesen\\\/#breadcrumblist\"},\"datePublished\":\"2026-09-08T13:35:21+00:00\",\"dateModified\":\"2026-09-08T13:35:24+00:00\"},{\"@type\":\"WebSite\",\"@id\":\"https:\\\/\\\/dev112.dioniqlabb.se\\\/de\\\/#website\",\"url\":\"https:\\\/\\\/dev112.dioniqlabb.se\\\/de\\\/\",\"name\":\"Windex Development\",\"description\":\"Wind direction indicator\",\"inLanguage\":\"de-DE\",\"publisher\":{\"@id\":\"https:\\\/\\\/dev112.dioniqlabb.se\\\/de\\\/#organization\"}}]}\n\t\t<\/script>\n\t\t<!-- All in One SEO -->\n\n","aioseo_head_json":{"title":"Windrichtung beim Segeln lesen - Windex Development","description":"Windrichtung beim Segeln lesen (DE) InhaltKurze AntwortWas ist wahrer Wind?Was ist scheinbarer Wind?Scheinbar vs wahrWarum beides z\u00e4hltWindrichtung lesenAm Wind vs vor dem WindH\u00e4ufige FehlerTipps zur VerbesserungFAQKurzfassungWahrer Wind = der Wind, der tats\u00e4chlich \u00fcber dem Wasser weht \u2013 unabh\u00e4ngig von Ihrem Boot.Scheinbarer Wind = der Wind, den Sie an Bord sp\u00fcren \u2013 Kombination aus wahrem Wind","canonical_url":"https:\/\/dev112.dioniqlabb.se\/de\/windrichtung-beim-segeln-lesen\/","robots":"noindex, nofollow, max-image-preview:large","keywords":"","webmasterTools":{"miscellaneous":""},"schema":{"@context":"https:\/\/schema.org","@graph":[{"@type":"BreadcrumbList","@id":"https:\/\/dev112.dioniqlabb.se\/de\/windrichtung-beim-segeln-lesen\/#breadcrumblist","itemListElement":[{"@type":"ListItem","@id":"https:\/\/dev112.dioniqlabb.se\/de\/#listItem","position":1,"name":"Home","item":"https:\/\/dev112.dioniqlabb.se\/de\/","nextItem":{"@type":"ListItem","@id":"https:\/\/dev112.dioniqlabb.se\/de\/windrichtung-beim-segeln-lesen\/#listItem","name":"Windrichtung beim Segeln lesen"}},{"@type":"ListItem","@id":"https:\/\/dev112.dioniqlabb.se\/de\/windrichtung-beim-segeln-lesen\/#listItem","position":2,"name":"Windrichtung beim Segeln lesen","previousItem":{"@type":"ListItem","@id":"https:\/\/dev112.dioniqlabb.se\/de\/#listItem","name":"Home"}}]},{"@type":"Organization","@id":"https:\/\/dev112.dioniqlabb.se\/de\/#organization","name":"Windex Development","description":"Wind direction indicator","url":"https:\/\/dev112.dioniqlabb.se\/de\/","logo":{"@type":"ImageObject","url":"https:\/\/dev112.dioniqlabb.se\/wp-content\/uploads\/2019\/02\/logo.png","@id":"https:\/\/dev112.dioniqlabb.se\/de\/windrichtung-beim-segeln-lesen\/#organizationLogo","width":295,"height":80,"caption":"Windex logo"},"image":{"@id":"https:\/\/dev112.dioniqlabb.se\/de\/windrichtung-beim-segeln-lesen\/#organizationLogo"}},{"@type":"WebPage","@id":"https:\/\/dev112.dioniqlabb.se\/de\/windrichtung-beim-segeln-lesen\/#webpage","url":"https:\/\/dev112.dioniqlabb.se\/de\/windrichtung-beim-segeln-lesen\/","name":"Windrichtung beim Segeln lesen - Windex Development","description":"Windrichtung beim Segeln lesen (DE) InhaltKurze AntwortWas ist wahrer Wind?Was ist scheinbarer Wind?Scheinbar vs wahrWarum beides z\u00e4hltWindrichtung lesenAm Wind vs vor dem WindH\u00e4ufige FehlerTipps zur VerbesserungFAQKurzfassungWahrer Wind = der Wind, der tats\u00e4chlich \u00fcber dem Wasser weht \u2013 unabh\u00e4ngig von Ihrem Boot.Scheinbarer Wind = der Wind, den Sie an Bord sp\u00fcren \u2013 Kombination aus wahrem Wind","inLanguage":"de-DE","isPartOf":{"@id":"https:\/\/dev112.dioniqlabb.se\/de\/#website"},"breadcrumb":{"@id":"https:\/\/dev112.dioniqlabb.se\/de\/windrichtung-beim-segeln-lesen\/#breadcrumblist"},"datePublished":"2026-09-08T13:35:21+00:00","dateModified":"2026-09-08T13:35:24+00:00"},{"@type":"WebSite","@id":"https:\/\/dev112.dioniqlabb.se\/de\/#website","url":"https:\/\/dev112.dioniqlabb.se\/de\/","name":"Windex Development","description":"Wind direction indicator","inLanguage":"de-DE","publisher":{"@id":"https:\/\/dev112.dioniqlabb.se\/de\/#organization"}}]},"og:locale":"de_DE","og:site_name":"Windex Development - Wind direction indicator","og:type":"article","og:title":"Windrichtung beim Segeln lesen - Windex Development","og:description":"Windrichtung beim Segeln lesen (DE) InhaltKurze AntwortWas ist wahrer Wind?Was ist scheinbarer Wind?Scheinbar vs wahrWarum beides z\u00e4hltWindrichtung lesenAm Wind vs vor dem WindH\u00e4ufige FehlerTipps zur VerbesserungFAQKurzfassungWahrer Wind = der Wind, der tats\u00e4chlich \u00fcber dem Wasser weht \u2013 unabh\u00e4ngig von Ihrem Boot.Scheinbarer Wind = der Wind, den Sie an Bord sp\u00fcren \u2013 Kombination aus wahrem Wind","og:url":"https:\/\/dev112.dioniqlabb.se\/de\/windrichtung-beim-segeln-lesen\/","og:image":"https:\/\/dev112.dioniqlabb.se\/wp-content\/uploads\/2019\/02\/logo.png","og:image:secure_url":"https:\/\/dev112.dioniqlabb.se\/wp-content\/uploads\/2019\/02\/logo.png","og:image:width":295,"og:image:height":80,"article:published_time":"2026-09-08T13:35:21+00:00","article:modified_time":"2026-09-08T13:35:24+00:00","twitter:card":"summary_large_image","twitter:title":"Windrichtung beim Segeln lesen - Windex Development","twitter:description":"Windrichtung beim Segeln lesen (DE) InhaltKurze AntwortWas ist wahrer Wind?Was ist scheinbarer Wind?Scheinbar vs wahrWarum beides z\u00e4hltWindrichtung lesenAm Wind vs vor dem WindH\u00e4ufige FehlerTipps zur VerbesserungFAQKurzfassungWahrer Wind = der Wind, der tats\u00e4chlich \u00fcber dem Wasser weht \u2013 unabh\u00e4ngig von Ihrem Boot.Scheinbarer Wind = der Wind, den Sie an Bord sp\u00fcren \u2013 Kombination aus wahrem Wind","twitter:image":"https:\/\/dev112.dioniqlabb.se\/wp-content\/uploads\/2019\/02\/logo.png"},"aioseo_meta_data":{"post_id":"9144","title":null,"description":null,"keywords":null,"keyphrases":{"focus":{"keyphrase":"","score":0,"analysis":{"keyphraseInTitle":{"score":0,"maxScore":9,"error":1}}},"additional":[]},"primary_term":null,"canonical_url":null,"og_title":null,"og_description":null,"og_object_type":"default","og_image_type":"default","og_image_url":null,"og_image_width":null,"og_image_height":null,"og_image_custom_url":null,"og_image_custom_fields":null,"og_video":"","og_custom_url":null,"og_article_section":null,"og_article_tags":null,"twitter_use_og":false,"twitter_card":"default","twitter_image_type":"default","twitter_image_url":null,"twitter_image_custom_url":null,"twitter_image_custom_fields":null,"twitter_title":null,"twitter_description":null,"schema":{"blockGraphs":[],"customGraphs":[],"default":{"data":{"Article":[],"Course":[],"Dataset":[],"FAQPage":[],"Movie":[],"Person":[],"Product":[],"ProductReview":[],"Car":[],"Recipe":[],"Service":[],"SoftwareApplication":[],"WebPage":[]},"graphName":"WebPage","isEnabled":true},"graphs":[]},"schema_type":"default","schema_type_options":null,"pillar_content":false,"robots_default":true,"robots_noindex":false,"robots_noarchive":false,"robots_nosnippet":false,"robots_nofollow":false,"robots_noimageindex":false,"robots_noodp":false,"robots_notranslate":false,"robots_max_snippet":"-1","robots_max_videopreview":"-1","robots_max_imagepreview":"large","priority":null,"frequency":"default","local_seo":null,"breadcrumb_settings":null,"limit_modified_date":false,"ai":{"faqs":[],"keyPoints":[],"schemas":[],"titles":[],"descriptions":[],"socialPosts":{"email":{"subject":"","preview":"","content":""},"linkedin":[],"twitter":[],"facebook":[],"instagram":[]}},"created":"2026-09-08 13:35:24","updated":"2026-09-08 17:21:43","seo_analyzer_scan_date":null,"focus_keyword":null,"additional_keywords":null,"truseo_locale":null},"aioseo_breadcrumb":"<div class=\"aioseo-breadcrumbs\"><span class=\"aioseo-breadcrumb\">\n\t\t\t<a href=\"https:\/\/dev112.dioniqlabb.se\/de\/\" title=\"Home\">Home<\/a>\n\t\t<\/span><span class=\"aioseo-breadcrumb-separator\">\u00bb<\/span><span class=\"aioseo-breadcrumb\">\n\t\t\tWindrichtung beim Segeln lesen\n\t\t<\/span><\/div>","aioseo_breadcrumb_json":[{"label":"Home","link":"https:\/\/dev112.dioniqlabb.se\/de\/"},{"label":"Windrichtung beim Segeln lesen","link":"https:\/\/dev112.dioniqlabb.se\/de\/windrichtung-beim-segeln-lesen\/"}],"yoast_head":"<!-- This site is optimized with the Yoast SEO plugin v28.6 - https:\/\/yoast.com\/product\/yoast-seo-wordpress\/ -->\n<title>Windrichtung beim Segeln lesen - Windex Development<\/title>\n<meta name=\"robots\" content=\"noindex, follow, max-snippet:-1, max-image-preview:large, max-video-preview:-1\" \/>\n<meta property=\"og:locale\" content=\"de_DE\" \/>\n<meta property=\"og:type\" content=\"article\" \/>\n<meta property=\"og:title\" content=\"Windrichtung beim Segeln lesen - Windex Development\" \/>\n<meta property=\"og:description\" content=\"Windrichtung beim Segeln lesen (DE) Inhalt Kurze Antwort Was ist wahrer Wind? Was ist scheinbarer Wind? Scheinbar vs wahr Warum beides z\u00e4hlt Windrichtung lesen Am Wind vs vor dem Wind H\u00e4ufige Fehler Tipps zur Verbesserung FAQ Kurzfassung Wahrer Wind = der Wind, der tats\u00e4chlich \u00fcber dem Wasser weht \u2013 unabh\u00e4ngig von Ihrem Boot. Scheinbarer Wind &hellip; Continue reading &quot;Windrichtung beim Segeln lesen&quot;\" \/>\n<meta property=\"og:url\" content=\"https:\/\/dev112.dioniqlabb.se\/de\/windrichtung-beim-segeln-lesen\/\" \/>\n<meta property=\"og:site_name\" content=\"Windex Development\" \/>\n<meta property=\"article:publisher\" content=\"https:\/\/www.facebook.com\/windexdevelopment\/\" \/>\n<meta property=\"article:modified_time\" content=\"2026-09-08T13:35:24+00:00\" \/>\n<meta name=\"twitter:card\" content=\"summary_large_image\" \/>\n<meta name=\"twitter:label1\" content=\"Gesch\u00e4tzte Lesezeit\" \/>\n\t<meta name=\"twitter:data1\" content=\"9\u00a0Minute\" \/>\n<script type=\"application\/ld+json\" class=\"yoast-schema-graph\">{\"@context\":\"https:\\\/\\\/schema.org\",\"@graph\":[{\"@type\":\"WebPage\",\"@id\":\"https:\\\/\\\/dev112.dioniqlabb.se\\\/de\\\/windrichtung-beim-segeln-lesen\\\/\",\"url\":\"https:\\\/\\\/dev112.dioniqlabb.se\\\/de\\\/windrichtung-beim-segeln-lesen\\\/\",\"name\":\"Windrichtung beim Segeln lesen - Windex Development\",\"isPartOf\":{\"@id\":\"https:\\\/\\\/dev112.dioniqlabb.se\\\/de\\\/#website\"},\"datePublished\":\"2026-09-08T13:35:21+00:00\",\"dateModified\":\"2026-09-08T13:35:24+00:00\",\"breadcrumb\":{\"@id\":\"https:\\\/\\\/dev112.dioniqlabb.se\\\/de\\\/windrichtung-beim-segeln-lesen\\\/#breadcrumb\"},\"inLanguage\":\"de\",\"potentialAction\":[{\"@type\":\"ReadAction\",\"target\":[\"https:\\\/\\\/dev112.dioniqlabb.se\\\/de\\\/windrichtung-beim-segeln-lesen\\\/\"]}]},{\"@type\":\"BreadcrumbList\",\"@id\":\"https:\\\/\\\/dev112.dioniqlabb.se\\\/de\\\/windrichtung-beim-segeln-lesen\\\/#breadcrumb\",\"itemListElement\":[{\"@type\":\"ListItem\",\"position\":1,\"name\":\"Home\",\"item\":\"https:\\\/\\\/dev112.dioniqlabb.se\\\/de\\\/\"},{\"@type\":\"ListItem\",\"position\":2,\"name\":\"Windrichtung beim Segeln lesen\"}]},{\"@type\":\"WebSite\",\"@id\":\"https:\\\/\\\/dev112.dioniqlabb.se\\\/de\\\/#website\",\"url\":\"https:\\\/\\\/dev112.dioniqlabb.se\\\/de\\\/\",\"name\":\"Windex Development\",\"description\":\"Wind direction indicator\",\"publisher\":{\"@id\":\"https:\\\/\\\/dev112.dioniqlabb.se\\\/de\\\/#organization\"},\"potentialAction\":[{\"@type\":\"SearchAction\",\"target\":{\"@type\":\"EntryPoint\",\"urlTemplate\":\"https:\\\/\\\/dev112.dioniqlabb.se\\\/de\\\/?s={search_term_string}\"},\"query-input\":{\"@type\":\"PropertyValueSpecification\",\"valueRequired\":true,\"valueName\":\"search_term_string\"}}],\"inLanguage\":\"de\"},{\"@type\":\"Organization\",\"@id\":\"https:\\\/\\\/dev112.dioniqlabb.se\\\/de\\\/#organization\",\"name\":\"Windex Development\",\"url\":\"https:\\\/\\\/dev112.dioniqlabb.se\\\/de\\\/\",\"logo\":{\"@type\":\"ImageObject\",\"inLanguage\":\"de\",\"@id\":\"https:\\\/\\\/dev112.dioniqlabb.se\\\/de\\\/#\\\/schema\\\/logo\\\/image\\\/\",\"url\":\"https:\\\/\\\/dev112.dioniqlabb.se\\\/wp-content\\\/uploads\\\/2019\\\/02\\\/logo.png\",\"contentUrl\":\"https:\\\/\\\/dev112.dioniqlabb.se\\\/wp-content\\\/uploads\\\/2019\\\/02\\\/logo.png\",\"width\":295,\"height\":80,\"caption\":\"Windex Development\"},\"image\":{\"@id\":\"https:\\\/\\\/dev112.dioniqlabb.se\\\/de\\\/#\\\/schema\\\/logo\\\/image\\\/\"},\"sameAs\":[\"https:\\\/\\\/www.facebook.com\\\/windexdevelopment\\\/\"]}]}<\/script>\n<!-- \/ Yoast SEO plugin. -->","yoast_head_json":{"title":"Windrichtung beim Segeln lesen - Windex Development","robots":{"index":"noindex","follow":"follow","max-snippet":"max-snippet:-1","max-image-preview":"max-image-preview:large","max-video-preview":"max-video-preview:-1"},"og_locale":"de_DE","og_type":"article","og_title":"Windrichtung beim Segeln lesen - Windex Development","og_description":"Windrichtung beim Segeln lesen (DE) Inhalt Kurze Antwort Was ist wahrer Wind? Was ist scheinbarer Wind? Scheinbar vs wahr Warum beides z\u00e4hlt Windrichtung lesen Am Wind vs vor dem Wind H\u00e4ufige Fehler Tipps zur Verbesserung FAQ Kurzfassung Wahrer Wind = der Wind, der tats\u00e4chlich \u00fcber dem Wasser weht \u2013 unabh\u00e4ngig von Ihrem Boot. Scheinbarer Wind &hellip; Continue reading \"Windrichtung beim Segeln lesen\"","og_url":"https:\/\/dev112.dioniqlabb.se\/de\/windrichtung-beim-segeln-lesen\/","og_site_name":"Windex Development","article_publisher":"https:\/\/www.facebook.com\/windexdevelopment\/","article_modified_time":"2026-09-08T13:35:24+00:00","twitter_card":"summary_large_image","twitter_misc":{"Gesch\u00e4tzte Lesezeit":"9\u00a0Minute"},"schema":{"@context":"https:\/\/schema.org","@graph":[{"@type":"WebPage","@id":"https:\/\/dev112.dioniqlabb.se\/de\/windrichtung-beim-segeln-lesen\/","url":"https:\/\/dev112.dioniqlabb.se\/de\/windrichtung-beim-segeln-lesen\/","name":"Windrichtung beim Segeln lesen - Windex Development","isPartOf":{"@id":"https:\/\/dev112.dioniqlabb.se\/de\/#website"},"datePublished":"2026-09-08T13:35:21+00:00","dateModified":"2026-09-08T13:35:24+00:00","breadcrumb":{"@id":"https:\/\/dev112.dioniqlabb.se\/de\/windrichtung-beim-segeln-lesen\/#breadcrumb"},"inLanguage":"de","potentialAction":[{"@type":"ReadAction","target":["https:\/\/dev112.dioniqlabb.se\/de\/windrichtung-beim-segeln-lesen\/"]}]},{"@type":"BreadcrumbList","@id":"https:\/\/dev112.dioniqlabb.se\/de\/windrichtung-beim-segeln-lesen\/#breadcrumb","itemListElement":[{"@type":"ListItem","position":1,"name":"Home","item":"https:\/\/dev112.dioniqlabb.se\/de\/"},{"@type":"ListItem","position":2,"name":"Windrichtung beim Segeln lesen"}]},{"@type":"WebSite","@id":"https:\/\/dev112.dioniqlabb.se\/de\/#website","url":"https:\/\/dev112.dioniqlabb.se\/de\/","name":"Windex Development","description":"Wind direction indicator","publisher":{"@id":"https:\/\/dev112.dioniqlabb.se\/de\/#organization"},"potentialAction":[{"@type":"SearchAction","target":{"@type":"EntryPoint","urlTemplate":"https:\/\/dev112.dioniqlabb.se\/de\/?s={search_term_string}"},"query-input":{"@type":"PropertyValueSpecification","valueRequired":true,"valueName":"search_term_string"}}],"inLanguage":"de"},{"@type":"Organization","@id":"https:\/\/dev112.dioniqlabb.se\/de\/#organization","name":"Windex Development","url":"https:\/\/dev112.dioniqlabb.se\/de\/","logo":{"@type":"ImageObject","inLanguage":"de","@id":"https:\/\/dev112.dioniqlabb.se\/de\/#\/schema\/logo\/image\/","url":"https:\/\/dev112.dioniqlabb.se\/wp-content\/uploads\/2019\/02\/logo.png","contentUrl":"https:\/\/dev112.dioniqlabb.se\/wp-content\/uploads\/2019\/02\/logo.png","width":295,"height":80,"caption":"Windex Development"},"image":{"@id":"https:\/\/dev112.dioniqlabb.se\/de\/#\/schema\/logo\/image\/"},"sameAs":["https:\/\/www.facebook.com\/windexdevelopment\/"]}]}},"_links":{"self":[{"href":"https:\/\/dev112.dioniqlabb.se\/de\/wp-json\/wp\/v2\/pages\/9144","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/dev112.dioniqlabb.se\/de\/wp-json\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/dev112.dioniqlabb.se\/de\/wp-json\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"https:\/\/dev112.dioniqlabb.se\/de\/wp-json\/wp\/v2\/users\/116"}],"replies":[{"embeddable":true,"href":"https:\/\/dev112.dioniqlabb.se\/de\/wp-json\/wp\/v2\/comments?post=9144"}],"version-history":[{"count":1,"href":"https:\/\/dev112.dioniqlabb.se\/de\/wp-json\/wp\/v2\/pages\/9144\/revisions"}],"predecessor-version":[{"id":9145,"href":"https:\/\/dev112.dioniqlabb.se\/de\/wp-json\/wp\/v2\/pages\/9144\/revisions\/9145"}],"wp:attachment":[{"href":"https:\/\/dev112.dioniqlabb.se\/de\/wp-json\/wp\/v2\/media?parent=9144"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}