/* latin-ext */
@font-face {
  font-family: 'Plus Jakarta Sans';
  font-style: normal;
  font-weight: 400 800;
  font-display: swap;
  src: url(../fonts/plus-jakarta-sans-latin-ext.woff2) format('woff2');
  unicode-range: U+0100-02BA, U+02BD-02C5, U+02C7-02CC, U+02CE-02D7, U+02DD-02FF, U+0304, U+0308, U+0329, U+1D00-1DBF, U+1E00-1E9F, U+1EF2-1EFF, U+2020, U+20A0-20AB, U+20AD-20C0, U+2113, U+2C60-2C7F, U+A720-A7FF;
}
/* latin */
@font-face {
  font-family: 'Plus Jakarta Sans';
  font-style: normal;
  font-weight: 400 800;
  font-display: swap;
  src: url(../fonts/plus-jakarta-sans-latin.woff2) format('woff2');
  unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+0304, U+0308, U+0329, U+2000-206F, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
}

*,:after,:before{--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:rgba(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: }::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:rgba(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: }/*! tailwindcss v3.4.17 | MIT License | https://tailwindcss.com*/*,:after,:before{box-sizing:border-box;border:0 solid #e5e7eb}:after,:before{--tw-content:""}:host,html{line-height:1.5;-webkit-text-size-adjust:100%;-moz-tab-size:4;-o-tab-size:4;tab-size:4;font-family:Plus Jakarta Sans,system-ui,sans-serif;font-feature-settings:normal;font-variation-settings:normal;-webkit-tap-highlight-color:transparent}body{margin:0;line-height:inherit}hr{height:0;color:inherit;border-top-width:1px}abbr:where([title]){-webkit-text-decoration:underline dotted;text-decoration:underline dotted}h1,h2,h3,h4,h5,h6{font-size:inherit;font-weight:inherit}a{color:inherit;text-decoration:inherit}b,strong{font-weight:bolder}code,kbd,pre,samp{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}small{font-size:80%}sub,sup{font-size:75%;line-height:0;position:relative;vertical-align:baseline}sub{bottom:-.25em}sup{top:-.5em}table{text-indent:0;border-color:inherit;border-collapse:collapse}button,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:0;padding:0}button,select{text-transform:none}button,input:where([type=button]),input:where([type=reset]),input:where([type=submit]){-webkit-appearance:button;background-color:transparent;background-image:none}:-moz-focusring{outline:auto}:-moz-ui-invalid{box-shadow:none}progress{vertical-align:baseline}::-webkit-inner-spin-button,::-webkit-outer-spin-button{height:auto}[type=search]{-webkit-appearance:textfield;outline-offset:-2px}::-webkit-search-decoration{-webkit-appearance:none}::-webkit-file-upload-button{-webkit-appearance:button;font:inherit}summary{display:list-item}blockquote,dd,dl,figure,h1,h2,h3,h4,h5,h6,hr,p,pre{margin:0}fieldset{margin:0}fieldset,legend{padding:0}menu,ol,ul{list-style:none;margin:0;padding:0}dialog{padding:0}textarea{resize:vertical}input::-moz-placeholder,textarea::-moz-placeholder{opacity:1;color:#9ca3af}input::placeholder,textarea::placeholder{opacity:1;color:#9ca3af}[role=button],button{cursor:pointer}:disabled{cursor:default}audio,canvas,embed,iframe,img,object,svg,video{display:block;vertical-align:middle}img,video{max-width:100%;height:auto}[hidden]:where(:not([hidden=until-found])){display:none}.sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border-width:0}.pointer-events-none{pointer-events:none}.absolute{position:absolute}.relative{position:relative}.sticky{position:sticky}.inset-0{inset:0}.-bottom-24{bottom:-6rem}.-left-16{left:-4rem}.-left-24{left:-6rem}.-right-10{right:-2.5rem}.-right-24{right:-6rem}.-top-20{top:-5rem}.-top-24{top:-6rem}.left-3{left:.75rem}.left-3\.5{left:.875rem}.top-0{top:0}.top-1\/2{top:50%}.top-40{top:10rem}.-z-10{z-index:-10}.z-50{z-index:50}.mx-auto{margin-left:auto;margin-right:auto}.mb-2{margin-bottom:.5rem}.mb-3{margin-bottom:.75rem}.mt-1{margin-top:.25rem}.mt-1\.5{margin-top:.375rem}.mt-10{margin-top:2.5rem}.mt-12{margin-top:3rem}.mt-2{margin-top:.5rem}.mt-3{margin-top:.75rem}.mt-4{margin-top:1rem}.mt-5{margin-top:1.25rem}.mt-6{margin-top:1.5rem}.mt-8{margin-top:2rem}.mt-auto{margin-top:auto}.flex{display:flex}.inline-flex{display:inline-flex}.grid{display:grid}.hidden{display:none}.h-10{height:2.5rem}.h-11{height:2.75rem}.h-12{height:3rem}.h-72{height:18rem}.h-80{height:20rem}.h-9{height:2.25rem}.h-\[360px\]{height:360px}.h-\[420px\]{height:420px}.h-\[68px\]{height:68px}.w-10{width:2.5rem}.w-11{width:2.75rem}.w-12{width:3rem}.w-52{width:13rem}.w-72{width:18rem}.w-80{width:20rem}.w-9{width:2.25rem}.w-\[360px\]{width:360px}.w-\[420px\]{width:420px}.w-full{width:100%}.min-w-0{min-width:0}.max-w-2xl{max-width:42rem}.max-w-3xl{max-width:48rem}.max-w-5xl{max-width:64rem}.max-w-7xl{max-width:80rem}.max-w-\[46ch\]{max-width:46ch}.max-w-xl{max-width:36rem}.max-w-xs{max-width:20rem}.flex-1{flex:1 1 0%}.shrink-0{flex-shrink:0}.-translate-y-1\/2{--tw-translate-y:-50%}.-translate-y-1\/2,.transform{transform:translate(var(--tw-translate-x),var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))}.scroll-mt-24{scroll-margin-top:6rem}.grid-cols-3{grid-template-columns:repeat(3,minmax(0,1fr))}.flex-col{flex-direction:column}.flex-wrap{flex-wrap:wrap}.place-items-center{place-items:center}.items-start{align-items:flex-start}.items-center{align-items:center}.justify-center{justify-content:center}.justify-between{justify-content:space-between}.gap-1\.5{gap:.375rem}.gap-10{gap:2.5rem}.gap-12{gap:3rem}.gap-2{gap:.5rem}.gap-2\.5{gap:.625rem}.gap-3{gap:.75rem}.gap-4{gap:1rem}.gap-5{gap:1.25rem}.gap-6{gap:1.5rem}.gap-8{gap:2rem}.gap-x-5{-moz-column-gap:1.25rem;column-gap:1.25rem}.gap-x-6{-moz-column-gap:1.5rem;column-gap:1.5rem}.gap-y-2{row-gap:.5rem}.gap-y-2\.5{row-gap:.625rem}.space-y-12>:not([hidden])~:not([hidden]){--tw-space-y-reverse:0;margin-top:calc(3rem*(1 - var(--tw-space-y-reverse)));margin-bottom:calc(3rem*var(--tw-space-y-reverse))}.space-y-2>:not([hidden])~:not([hidden]){--tw-space-y-reverse:0;margin-top:calc(.5rem*(1 - var(--tw-space-y-reverse)));margin-bottom:calc(.5rem*var(--tw-space-y-reverse))}.space-y-2\.5>:not([hidden])~:not([hidden]){--tw-space-y-reverse:0;margin-top:calc(.625rem*(1 - var(--tw-space-y-reverse)));margin-bottom:calc(.625rem*var(--tw-space-y-reverse))}.space-y-3>:not([hidden])~:not([hidden]){--tw-space-y-reverse:0;margin-top:calc(.75rem*(1 - var(--tw-space-y-reverse)));margin-bottom:calc(.75rem*var(--tw-space-y-reverse))}.space-y-6>:not([hidden])~:not([hidden]){--tw-space-y-reverse:0;margin-top:calc(1.5rem*(1 - var(--tw-space-y-reverse)));margin-bottom:calc(1.5rem*var(--tw-space-y-reverse))}.divide-y>:not([hidden])~:not([hidden]){--tw-divide-y-reverse:0;border-top-width:calc(1px*(1 - var(--tw-divide-y-reverse)));border-bottom-width:calc(1px*var(--tw-divide-y-reverse))}.divide-slate-200>:not([hidden])~:not([hidden]){--tw-divide-opacity:1;border-color:rgb(226 232 240/var(--tw-divide-opacity,1))}.overflow-hidden{overflow:hidden}.scroll-smooth{scroll-behavior:smooth}.whitespace-nowrap{white-space:nowrap}.text-wrap{text-wrap:wrap}.rounded-2xl{border-radius:1rem}.rounded-3xl{border-radius:1.5rem}.rounded-\[26px\]{border-radius:26px}.rounded-\[32px\]{border-radius:32px}.rounded-full{border-radius:9999px}.border{border-width:1px}.border-y{border-top-width:1px}.border-b,.border-y{border-bottom-width:1px}.border-t{border-top-width:1px}.border-dashed{border-style:dashed}.border-slate-100{--tw-border-opacity:1;border-color:rgb(241 245 249/var(--tw-border-opacity,1))}.border-slate-200{--tw-border-opacity:1;border-color:rgb(226 232 240/var(--tw-border-opacity,1))}.border-slate-200\/70{border-color:rgba(226,232,240,.7)}.border-slate-300{--tw-border-opacity:1;border-color:rgb(203 213 225/var(--tw-border-opacity,1))}.border-white\/40{border-color:hsla(0,0%,100%,.4)}.bg-\[\#F9FAFB\]{--tw-bg-opacity:1;background-color:rgb(249 250 251/var(--tw-bg-opacity,1))}.bg-\[\#F9FAFB\]\/85{background-color:rgba(249,250,251,.85)}.bg-brand{--tw-bg-opacity:1;background-color:rgb(15 112 186/var(--tw-bg-opacity,1))}.bg-brand-50{--tw-bg-opacity:1;background-color:rgb(234 245 254/var(--tw-bg-opacity,1))}.bg-brand-500\/10{background-color:rgba(46,163,242,.1)}.bg-brand-500\/30{background-color:rgba(46,163,242,.3)}.bg-leaf\/10{background-color:rgba(15,157,107,.1)}.bg-white{--tw-bg-opacity:1;background-color:rgb(255 255 255/var(--tw-bg-opacity,1))}.bg-white\/10{background-color:hsla(0,0%,100%,.1)}.bg-white\/60{background-color:hsla(0,0%,100%,.6)}.object-contain{-o-object-fit:contain;object-fit:contain}.p-3{padding:.75rem}.p-4{padding:1rem}.p-5{padding:1.25rem}.p-6{padding:1.5rem}.p-7{padding:1.75rem}.px-1{padding-left:.25rem;padding-right:.25rem}.px-1\.5{padding-left:.375rem;padding-right:.375rem}.px-3{padding-left:.75rem;padding-right:.75rem}.px-4{padding-left:1rem;padding-right:1rem}.px-5{padding-left:1.25rem;padding-right:1.25rem}.px-6{padding-left:1.5rem;padding-right:1.5rem}.py-1\.5{padding-top:.375rem;padding-bottom:.375rem}.py-10{padding-top:2.5rem;padding-bottom:2.5rem}.py-12{padding-top:3rem;padding-bottom:3rem}.py-14{padding-top:3.5rem;padding-bottom:3.5rem}.py-16{padding-top:4rem;padding-bottom:4rem}.py-2{padding-top:.5rem;padding-bottom:.5rem}.py-2\.5{padding-top:.625rem;padding-bottom:.625rem}.py-20{padding-top:5rem;padding-bottom:5rem}.py-24{padding-top:6rem;padding-bottom:6rem}.py-3{padding-top:.75rem;padding-bottom:.75rem}.py-3\.5{padding-top:.875rem;padding-bottom:.875rem}.py-4{padding-top:1rem;padding-bottom:1rem}.py-5{padding-top:1.25rem;padding-bottom:1.25rem}.pb-16{padding-bottom:4rem}.pb-24{padding-bottom:6rem}.pb-3{padding-bottom:.75rem}.pb-4{padding-bottom:1rem}.pb-5{padding-bottom:1.25rem}.pl-10{padding-left:2.5rem}.pl-9{padding-left:2.25rem}.pr-3{padding-right:.75rem}.pr-4{padding-right:1rem}.pt-16{padding-top:4rem}.pt-5{padding-top:1.25rem}.pt-8{padding-top:2rem}.text-center{text-align:center}.font-sans{font-family:Plus Jakarta Sans,system-ui,sans-serif}.text-2xl{font-size:1.5rem;line-height:2rem}.text-3xl{font-size:1.875rem;line-height:2.25rem}.text-4xl{font-size:2.25rem;line-height:2.5rem}.text-\[15px\]{font-size:15px}.text-\[19px\]{font-size:19px}.text-base{font-size:1rem;line-height:1.5rem}.text-lg{font-size:1.125rem;line-height:1.75rem}.text-sm{font-size:.875rem;line-height:1.25rem}.text-xl{font-size:1.25rem;line-height:1.75rem}.text-xs{font-size:.75rem;line-height:1rem}.font-bold{font-weight:700}.font-extrabold{font-weight:800}.font-medium{font-weight:500}.font-semibold{font-weight:600}.uppercase{text-transform:uppercase}.leading-\[1\.05\]{line-height:1.05}.tracking-\[0\.15em\]{letter-spacing:.15em}.tracking-tight{letter-spacing:-.025em}.text-brand{--tw-text-opacity:1;color:rgb(15 112 186/var(--tw-text-opacity,1))}.text-ink{--tw-text-opacity:1;color:rgb(17 24 39/var(--tw-text-opacity,1))}.text-leaf{--tw-text-opacity:1;color:rgb(15 157 107/var(--tw-text-opacity,1))}.text-leaf-700{--tw-text-opacity:1;color:rgb(10 122 82/var(--tw-text-opacity,1))}.text-slate-400{--tw-text-opacity:1;color:rgb(148 163 184/var(--tw-text-opacity,1))}.text-slate-500{--tw-text-opacity:1;color:rgb(100 116 139/var(--tw-text-opacity,1))}.text-slate-600{--tw-text-opacity:1;color:rgb(71 85 105/var(--tw-text-opacity,1))}.text-slate-700{--tw-text-opacity:1;color:rgb(51 65 85/var(--tw-text-opacity,1))}.text-slate-800{--tw-text-opacity:1;color:rgb(30 41 59/var(--tw-text-opacity,1))}.text-white{--tw-text-opacity:1;color:rgb(255 255 255/var(--tw-text-opacity,1))}.text-white\/85{color:hsla(0,0%,100%,.85)}.antialiased{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}.shadow-lg{--tw-shadow:0 10px 15px -3px rgba(0,0,0,.1),0 4px 6px -4px rgba(0,0,0,.1);--tw-shadow-colored:0 10px 15px -3px var(--tw-shadow-color),0 4px 6px -4px var(--tw-shadow-color)}.shadow-lg,.shadow-sm{box-shadow:var(--tw-ring-offset-shadow,0 0 #0000),var(--tw-ring-shadow,0 0 #0000),var(--tw-shadow)}.shadow-sm{--tw-shadow:0 1px 2px 0 rgba(0,0,0,.05);--tw-shadow-colored:0 1px 2px 0 var(--tw-shadow-color)}.shadow-xl{--tw-shadow:0 20px 25px -5px rgba(0,0,0,.1),0 8px 10px -6px rgba(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)}.shadow-slate-900\/5{--tw-shadow-color:rgba(15,23,42,.05);--tw-shadow:var(--tw-shadow-colored)}.outline{outline-style:solid}.blur-3xl{--tw-blur:blur(64px);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)}.backdrop-blur-md{--tw-backdrop-blur:blur(12px);-webkit-backdrop-filter:var(--tw-backdrop-blur) var(--tw-backdrop-brightness) var(--tw-backdrop-contrast) var(--tw-backdrop-grayscale) var(--tw-backdrop-hue-rotate) var(--tw-backdrop-invert) var(--tw-backdrop-opacity) var(--tw-backdrop-saturate) var(--tw-backdrop-sepia);backdrop-filter:var(--tw-backdrop-blur) var(--tw-backdrop-brightness) var(--tw-backdrop-contrast) var(--tw-backdrop-grayscale) var(--tw-backdrop-hue-rotate) var(--tw-backdrop-invert) var(--tw-backdrop-opacity) var(--tw-backdrop-saturate) var(--tw-backdrop-sepia)}.transition{transition-property:color,background-color,border-color,text-decoration-color,fill,stroke,opacity,box-shadow,transform,filter,-webkit-backdrop-filter;transition-property:color,background-color,border-color,text-decoration-color,fill,stroke,opacity,box-shadow,transform,filter,backdrop-filter;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(.4,0,.2,1);transition-duration:.15s}.transition-colors{transition-property:color,background-color,border-color,text-decoration-color,fill,stroke;transition-timing-function:cubic-bezier(.4,0,.2,1);transition-duration:.15s}.transition-shadow{transition-property:box-shadow;transition-timing-function:cubic-bezier(.4,0,.2,1);transition-duration:.15s}.placeholder\:text-slate-400::-moz-placeholder{--tw-text-opacity:1;color:rgb(148 163 184/var(--tw-text-opacity,1))}.placeholder\:text-slate-400::placeholder{--tw-text-opacity:1;color:rgb(148 163 184/var(--tw-text-opacity,1))}.hover\:gap-3:hover{gap:.75rem}.hover\:border-slate-300:hover{--tw-border-opacity:1;border-color:rgb(203 213 225/var(--tw-border-opacity,1))}.hover\:bg-brand:hover{--tw-bg-opacity:1;background-color:rgb(15 112 186/var(--tw-bg-opacity,1))}.hover\:bg-brand-700:hover{--tw-bg-opacity:1;background-color:rgb(10 86 145/var(--tw-bg-opacity,1))}.hover\:bg-slate-100:hover{--tw-bg-opacity:1;background-color:rgb(241 245 249/var(--tw-bg-opacity,1))}.hover\:bg-slate-200\/60:hover{background-color:rgba(226,232,240,.6)}.hover\:bg-white\/10:hover{background-color:hsla(0,0%,100%,.1)}.hover\:text-brand:hover{--tw-text-opacity:1;color:rgb(15 112 186/var(--tw-text-opacity,1))}.hover\:text-white:hover{--tw-text-opacity:1;color:rgb(255 255 255/var(--tw-text-opacity,1))}.hover\:underline:hover{text-decoration-line:underline}.hover\:shadow:hover{--tw-shadow:0 1px 3px 0 rgba(0,0,0,.1),0 1px 2px -1px rgba(0,0,0,.1);--tw-shadow-colored:0 1px 3px 0 var(--tw-shadow-color),0 1px 2px -1px var(--tw-shadow-color)}.hover\:shadow-md:hover,.hover\:shadow:hover{box-shadow:var(--tw-ring-offset-shadow,0 0 #0000),var(--tw-ring-shadow,0 0 #0000),var(--tw-shadow)}.hover\:shadow-md:hover{--tw-shadow:0 4px 6px -1px rgba(0,0,0,.1),0 2px 4px -2px rgba(0,0,0,.1);--tw-shadow-colored:0 4px 6px -1px var(--tw-shadow-color),0 2px 4px -2px var(--tw-shadow-color)}.focus\:not-sr-only:focus{position:static;width:auto;height:auto;padding:0;margin:0;overflow:visible;clip:auto;white-space:normal}.focus\:absolute:focus{position:absolute}.focus\:left-3:focus{left:.75rem}.focus\:top-3:focus{top:.75rem}.focus\:z-\[100\]:focus{z-index:100}.focus\:rounded-2xl:focus{border-radius:1rem}.focus\:border-brand:focus{--tw-border-opacity:1;border-color:rgb(15 112 186/var(--tw-border-opacity,1))}.focus\:bg-brand:focus{--tw-bg-opacity:1;background-color:rgb(15 112 186/var(--tw-bg-opacity,1))}.focus\:px-4:focus{padding-left:1rem;padding-right:1rem}.focus\:py-2:focus{padding-top:.5rem;padding-bottom:.5rem}.focus\:text-white:focus{--tw-text-opacity:1;color:rgb(255 255 255/var(--tw-text-opacity,1))}.focus\:outline-none:focus{outline:2px solid transparent;outline-offset:2px}.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)}.focus\:ring-brand\/40:focus{--tw-ring-color:rgba(15,112,186,.4)}.active\:scale-\[\.98\]:active{--tw-scale-x:.98;--tw-scale-y:.98;transform:translate(var(--tw-translate-x),var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))}.dark\:block:is(.dark *){display:block}.dark\:hidden:is(.dark *){display:none}.dark\:divide-white\/10:is(.dark *)>:not([hidden])~:not([hidden]){border-color:hsla(0,0%,100%,.1)}.dark\:border-white\/10:is(.dark *){border-color:hsla(0,0%,100%,.1)}.dark\:border-white\/20:is(.dark *){border-color:hsla(0,0%,100%,.2)}.dark\:bg-brand\/15:is(.dark *){background-color:rgba(15,112,186,.15)}.dark\:bg-night:is(.dark *){--tw-bg-opacity:1;background-color:rgb(11 18 32/var(--tw-bg-opacity,1))}.dark\:bg-night\/85:is(.dark *){background-color:rgba(11,18,32,.85)}.dark\:bg-panel:is(.dark *){--tw-bg-opacity:1;background-color:rgb(17 26 46/var(--tw-bg-opacity,1))}.dark\:bg-white\/5:is(.dark *){background-color:hsla(0,0%,100%,.05)}.dark\:bg-white\/\[\.03\]:is(.dark *){background-color:hsla(0,0%,100%,.03)}.dark\:text-leaf:is(.dark *){--tw-text-opacity:1;color:rgb(15 157 107/var(--tw-text-opacity,1))}.dark\:text-slate-100:is(.dark *){--tw-text-opacity:1;color:rgb(241 245 249/var(--tw-text-opacity,1))}.dark\:text-slate-200:is(.dark *){--tw-text-opacity:1;color:rgb(226 232 240/var(--tw-text-opacity,1))}.dark\:text-slate-300:is(.dark *){--tw-text-opacity:1;color:rgb(203 213 225/var(--tw-text-opacity,1))}.dark\:text-slate-400:is(.dark *){--tw-text-opacity:1;color:rgb(148 163 184/var(--tw-text-opacity,1))}.dark\:text-white:is(.dark *){--tw-text-opacity:1;color:rgb(255 255 255/var(--tw-text-opacity,1))}.dark\:hover\:border-white\/20:hover:is(.dark *){border-color:hsla(0,0%,100%,.2)}.dark\:hover\:bg-white\/10:hover:is(.dark *){background-color:hsla(0,0%,100%,.1)}@media (min-width:640px){.sm\:block{display:block}.sm\:inline-flex{display:inline-flex}.sm\:grid-cols-2{grid-template-columns:repeat(2,minmax(0,1fr))}.sm\:grid-cols-\[1fr_auto\]{grid-template-columns:1fr auto}.sm\:flex-row{flex-direction:row}.sm\:gap-3{gap:.75rem}.sm\:p-4{padding:1rem}.sm\:p-5{padding:1.25rem}.sm\:p-6{padding:1.5rem}.sm\:p-8{padding:2rem}.sm\:px-6{padding-left:1.5rem;padding-right:1.5rem}}@media (min-width:768px){.md\:grid-cols-2{grid-template-columns:repeat(2,minmax(0,1fr))}.md\:grid-cols-3{grid-template-columns:repeat(3,minmax(0,1fr))}.md\:px-16{padding-left:4rem;padding-right:4rem}.md\:py-14{padding-top:3.5rem;padding-bottom:3.5rem}.md\:py-16{padding-top:4rem;padding-bottom:4rem}.md\:py-20{padding-top:5rem;padding-bottom:5rem}.md\:py-28{padding-top:7rem;padding-bottom:7rem}.md\:py-32{padding-top:8rem;padding-bottom:8rem}.md\:pb-20{padding-bottom:5rem}.md\:pt-24{padding-top:6rem}.md\:text-4xl{font-size:2.25rem;line-height:2.5rem}.md\:text-5xl{font-size:3rem;line-height:1}}@media (min-width:1024px){.lg\:sticky{position:sticky}.lg\:top-24{top:6rem}.lg\:col-span-2{grid-column:span 2/span 2}.lg\:flex{display:flex}.lg\:hidden{display:none}.lg\:grid-cols-2{grid-template-columns:repeat(2,minmax(0,1fr))}.lg\:grid-cols-4{grid-template-columns:repeat(4,minmax(0,1fr))}.lg\:grid-cols-5{grid-template-columns:repeat(5,minmax(0,1fr))}.lg\:grid-cols-\[1fr_360px\]{grid-template-columns:1fr 360px}.lg\:gap-12{gap:3rem}.lg\:gap-8{gap:2rem}.lg\:text-\[3\.4rem\]{font-size:3.4rem}}@media (min-width:1280px){.xl\:block{display:block}.xl\:hidden{display:none}}
:root { color-scheme: light; }
    html.dark { color-scheme: dark; }
    body { -webkit-font-smoothing: antialiased; }
    .tnum { font-variant-numeric: tabular-nums; }
    .balance { text-wrap: balance; }
    .pretty { text-wrap: pretty; }
    /* Einblenden beim Scrollen, ohne JavaScript unschaedlich */
    html.js .reveal { opacity: 0; transform: translateY(18px); transition: opacity .6s cubic-bezier(.16,1,.3,1), transform .6s cubic-bezier(.16,1,.3,1); }
    html.js .reveal.in { opacity: 1; transform: none; }
    @media (prefers-reduced-motion: reduce) {
      html.js .reveal { opacity: 1 !important; transform: none !important; transition: none !important; }
      html { scroll-behavior: auto; }
    }
    *:focus-visible { outline: none; }
    a:focus-visible, button:focus-visible, summary:focus-visible, input:focus-visible, select:focus-visible, [tabindex]:focus-visible {
      box-shadow: 0 0 0 2px #F9FAFB, 0 0 0 4px #0f70ba;
      border-radius: 12px;
    }
    html.dark a:focus-visible, html.dark button:focus-visible, html.dark summary:focus-visible, html.dark input:focus-visible, html.dark select:focus-visible {
      box-shadow: 0 0 0 2px #0B1220, 0 0 0 4px #7cc4fb;
    }
    details > summary { list-style: none; cursor: pointer; }
    details > summary::-webkit-details-marker { display: none; }
    details[open] .faq-icon { transform: rotate(45deg); }
    .faq-icon { transition: transform .25s ease; }
    body { touch-action: manipulation; }

/* Inline-SVG-Icons ersetzen die Icon-Font: gleiche optische Ausrichtung wie eine Glyphe. */
.wtw-icon { display: inline-block; vertical-align: -0.15em; }

/* Die WordPress-Adminleiste ueberdeckt sonst den klebenden Seitenkopf. */
body.admin-bar #site-header { top: 32px; }
@media screen and (max-width: 782px) { body.admin-bar #site-header { top: 46px; } }

/* --- Absicherung gegen Divi -------------------------------------------------
   Divi setzt globale Element-Regeln (u. a. "h1..h6 { color: #333 }",
   "p { padding-bottom: 1em }", eine eigene Linkfarbe). Sein Stylesheet wird in
   der functions.php abgemeldet, aber Divi gibt CSS auch an der
   Style-Warteschlange vorbei aus. Rutscht davon etwas durch, faerbt es
   Ueberschriften auf farbigem Grund dunkelgrau — unlesbar.

   Zwei Element-Selektoren ("html body h1") liegen in der Spezifitaet ueber
   Divis Ein-Element-Regeln, aber unter jeder Klasse. Eigene Farb-, Groessen-
   und Abstandsklassen behalten damit Vorrang; ein !important waere hier falsch,
   es wuerde text-brand & Co. mit abschalten. */
html body h1, html body h2, html body h3,
html body h4, html body h5, html body h6 {
  color: inherit;
  font-size: inherit;
  font-weight: inherit;
  line-height: inherit;
}
html body p { padding-bottom: 0; }
html body a { color: inherit; text-decoration: none; }
html body ul, html body ol { list-style: none; margin: 0; padding: 0; }
html body { line-height: 1.5; }

/* --- Kontrast im Dunkelmodus ------------------------------------------------
   Das Markenblau #0f70ba erreicht auf dem dunklen Hintergrund #0B1220 nur rund
   2,4:1 und ist damit als Text nicht lesbar. Im Dunkelmodus deshalb ein
   aufgehellter Ton — an einer Stelle statt an zwei Dutzend Einzelklassen. */
.dark .text-brand { color: #7cc4fb; }
.dark .hover\:text-brand:hover { color: #8fb1ff; }

/* ===========================================================================
   Website-Bausteine ausserhalb der Startseite.
   ---------------------------------------------------------------------------
   Die Startseite ist mit Utility-Klassen gebaut; das geht dort, weil ihr Markup
   dem Build bekannt ist. Inhaltsseiten, Web24-Directory und UsersWP erzeugen
   ihr Markup dagegen zur Laufzeit — Utility-Klassen koennen dort nicht
   entstehen. Deshalb hier klassische Regeln auf denselben Design-Werten.
   =========================================================================== */

/* Die Merkmale des Designs an einer Stelle.

   Die Marke ist #2ea3f2. Mit weisser Schrift traegt dieser Ton nur 2,75:1 und
   faellt durch WCAG AA. Deshalb ein Farbton in drei Helligkeiten: --wtw-brand
   fuer Flaechen und Zierrat, --wtw-accent fuer alles, was Text ist oder traegt,
   --wtw-accent-dark fuer Hover. Diese Staffelung nicht wieder zu einem
   einzigen Wert zusammenziehen. */
:root {
  --wtw-brand:        #2ea3f2;
  --wtw-accent:       #0f70ba;
  --wtw-accent-dark:  #0a5691;
  --wtw-accent-soft:  #eaf5fe;
  --wtw-on-accent:    #ffffff;
  --wtw-leaf:         #0f9d6b;
  --wtw-star:         #f5a524;
  --wtw-ink:          #111827;
  --wtw-muted:        #4b5563;
  --wtw-surface:      #ffffff;
  --wtw-surface-soft: #f1f5f9;
  --wtw-border:       #e2e8f0;
  --wtw-radius:       16px;
  --wtw-radius-sm:    12px;
  --wtw-radius-pill:  999px;

  --wtw-ok:           #047857;
  --wtw-ok-bg:        #ecfdf5;
  --wtw-warn:         #92400e;
  --wtw-warn-bg:      #fffbeb;
  --wtw-err:          #b91c1c;
  --wtw-err-bg:       #fef2f2;
}

.dark {
  --wtw-brand:        #7cc4fb;
  --wtw-accent:       #7cc4fb;
  --wtw-accent-dark:  #a5d7fd;
  --wtw-accent-soft:  rgba(46, 163, 242, .18);
  --wtw-on-accent:    #0B1220;
  --wtw-leaf:         #4ade80;
  --wtw-ink:          #e2e8f0;
  --wtw-muted:        #94a3b8;
  --wtw-surface:      #111a2e;
  --wtw-surface-soft: rgba(255, 255, 255, .04);
  --wtw-border:       rgba(255, 255, 255, .12);

  --wtw-ok:           #6ee7b7;
  --wtw-ok-bg:        rgba(16, 185, 129, .13);
  --wtw-warn:         #fcd34d;
  --wtw-warn-bg:      rgba(245, 158, 11, .13);
  --wtw-err:          #fca5a5;
  --wtw-err-bg:       rgba(239, 68, 68, .13);
}

/* --- Inhaltstypografie -----------------------------------------------------
   Fuer den Editor-Inhalt von Impressum, Datenschutz, AGB — und fuer die
   Firmenbeschreibung auf den Eintragsseiten.

   Alle Nachfahren stehen in :where(). Das drueckt die Spezifitaet auf die einer
   einzelnen Klasse, damit die Regeln der Plugins (ebenfalls einfache Klassen,
   aber spaeter im Dokument) gewinnen. Ohne :where() waere ".sl-prose a"
   staerker als ".w24dir-button" — der Knopf bekaeme eine Unterstreichung. */

/* --- Grundschriftgroesse -----------------------------------------------------
 *
 * 17px, angeglichen an dienstleister-portal.com, damit beide Portale gleich
 * lesen. Betrifft Menue, Fusszeile und allen Text, der seine Groesse vom
 * body erbt.
 *
 * `html body` (0-0-2), NICHT `body` (0-0-1): Die 14px kommen von DIVI, das
 * `body { font-size: var(--et_global_body_font_size) }` INLINE ausgibt und
 * damit spaeter im Dokument steht als dieses Stylesheet. Bei gleicher
 * Spezifitaet gewaenne Divi. Der Elementname davor entscheidet unabhaengig
 * von der Reihenfolge -- dieselbe Mechanik wie beim Eingabefeld-Padding.
 *
 * Der Divi-Customizer waere der andere Weg. Er scheidet aus, weil sein Wert
 * auch fuer die Divi-gebauten Seiten gilt, die hier bewusst unangetastet
 * bleiben.
 *
 * Gemessen am 02.09.2026 vor dem Umstellen: Kopfzeile, Menue und Fusszeile
 * behalten ihre Maasse (68 / 69 / 360 px), nichts ragt heraus, kein
 * seitliches Scrollen. Die Startseite wird rund 4 Prozent laenger, weil
 * Fliesstext umbricht. Tailwind-Groessen wie `text-sm` rechnen gegen `html`
 * (16px) und bleiben unberuehrt -- Karten, Knoepfe und die Links der
 * Fusszeile aendern sich deshalb nicht.
 */
html body {
  font-size: 1.0625rem;
}

.sl-prose {
  color: var(--wtw-ink);

  /*
   * 17px, nicht mehr 16px. Der Wert haengt an der Grundschrift darueber:
   * Solange der body 14px trug, hob 1rem (16px) den Fliesstext bewusst
   * hervor. Mit dem body auf 17px kehrte sich das um -- die
   * Firmenbeschreibung stand ploetzlich KLEINER da als der Text ringsum,
   * gemessen am 02.09.2026 auf einer Firmenseite. Eine Groesse, die als
   * Hervorhebung gedacht war, darf nicht zur Verkleinerung werden.
   */
  font-size: 1.0625rem;
  line-height: 1.6;
}

.sl-prose > :where(*) + :where(*) { margin-top: 1.25em; }
.sl-prose > :where(:first-child) { margin-top: 0; }

.sl-prose :where(h1, h2, h3, h4) {
  color: var(--wtw-ink);
  font-weight: 800;
  letter-spacing: -0.02em;
  line-height: 1.25;
  text-wrap: balance;
}

.sl-prose :where(h1) { font-size: 2rem; }
.sl-prose :where(h2) { font-size: 1.625rem; margin-top: 2.5em; }
.sl-prose :where(h3) { font-size: 1.25rem;  margin-top: 2em; }
.sl-prose :where(h4) { font-size: 1.0625rem; margin-top: 1.75em; font-weight: 700; }
.sl-prose :where(h2 + h3, h3 + h4) { margin-top: 1em; }

.sl-prose :where(p) { text-wrap: pretty; }

.sl-prose :where(a) {
  color: var(--wtw-accent);
  font-weight: 500;
  text-decoration: underline;
  text-underline-offset: 3px;
  text-decoration-thickness: 1px;
  text-decoration-color: color-mix(in srgb, var(--wtw-accent) 40%, transparent);
  transition: text-decoration-color .15s ease;
}
.sl-prose :where(a):hover { text-decoration-color: currentColor; }

.sl-prose :where(strong) { font-weight: 700; color: var(--wtw-ink); }

.sl-prose :where(ul, ol) { padding-left: 1.5em; }
.sl-prose :where(ul) { list-style: disc; }
.sl-prose :where(ol) { list-style: decimal; }
.sl-prose :where(li) { margin-top: .5em; }
.sl-prose :where(li)::marker { color: var(--wtw-muted); }

.sl-prose :where(blockquote) {
  border-left: 3px solid var(--wtw-brand);
  padding: .25em 0 .25em 1.25em;
  color: var(--wtw-muted);
}

.sl-prose :where(hr) { border: 0; border-top: 1px solid var(--wtw-border); margin: 2.5em 0; }

.sl-prose :where(code) {
  background: var(--wtw-surface-soft);
  border-radius: 6px;
  padding: .15em .4em;
  font-size: .9em;
}

/* Breite Tabellen duerfen scrollen statt die Seite zu sprengen. */
.sl-prose :where(table) {
  display: block;
  overflow-x: auto;
  width: 100%;
  border-collapse: collapse;
  font-size: .9375rem;
}
.sl-prose :where(th, td) {
  border: 1px solid var(--wtw-border);
  padding: .625rem .875rem;
  text-align: left;
  vertical-align: top;
}
.sl-prose :where(th) { background: var(--wtw-surface-soft); font-weight: 700; }
.sl-prose :where(img) { max-width: 100%; height: auto; border-radius: var(--wtw-radius); }

/* --- Web24-Directory -------------------------------------------------------
   Das Plugin haelt sein Frontend bewusst themeneutral und fuehrt Farben,
   Abstaende und Radien ueber eigene CSS-Variablen. Genau dafuer sind sie da:
   hier werden nur diese Variablen gesetzt, kein einziger Selektor des Plugins
   ueberboten. Damit ueberlebt die Gestaltung jedes Plugin-Update. */

/* Die Merkmale liegen ZUSAETZLICH an der Wurzel. Das Plugin deklariert sie nur
   auf einer festen Liste von Wurzelklassen — das Suchformular ([..._search])
   steht aber ausserhalb davon, seine Knoepfe und Felder blieben deshalb ohne
   Farbe und ohne Radius. An der Wurzel erbt jeder Baustein sie, auch kuenftige. */
/* .w24dir-home ist die Startseite des Verzeichnisses (Plugin ab 1.19.0). Sie
   MUSS hier stehen, obwohl die Merkmale schon an html:root liegen: Das Plugin
   deklariert sie auf der Wurzelklasse des Bausteins selbst, und eine
   Deklaration am Element schlaegt jeden geerbten Wert — der geerbte Ton von
   html:root kommt dort also nie an. Ohne diese Zeile trug die Startseite das
   Vorgabeblau des Plugins (#1d6fa5), waehrend die uebrige Website auf dem
   Markenton stand. */
html:root,
html .w24dir-home,
html .w24dir-single,
html .w24dir-archive,
html .w24dir-results,
html .w24dir-search,
html .w24dir-listings,
html .w24dir-leadform,
html .w24dir-submit,
html .w24dir-mylistings,
html .w24dir-claim {
  --w24dir-accent:          var(--wtw-accent);
  --w24dir-accent-contrast: var(--wtw-on-accent);
  --w24dir-muted:           var(--wtw-muted);
  --w24dir-border:          var(--wtw-border);
  --w24dir-surface:         var(--wtw-surface-soft);
  --w24dir-success:         var(--wtw-ok);
  --w24dir-error:           var(--wtw-err);
  --w24dir-warning:         var(--wtw-warn);
  --w24dir-radius:          var(--wtw-radius-sm);
}

/* Eingabefelder auf die Formen der Website bringen. */
html .w24dir-form :is(input, select, textarea) {
  background: var(--wtw-surface);
  color: var(--wtw-ink);
  border-radius: var(--wtw-radius-sm);
  font-family: inherit;
  font-size: 1rem;
  padding: .75rem .875rem;
}

html .w24dir-button {
  border-radius: var(--wtw-radius);
  padding: .875rem 1.5rem;
  font-family: inherit;
  transition: background-color .15s ease, transform .1s ease;
}
html .w24dir-button:active { transform: scale(.985); }

/* Die Regel darueber hat die kleine Knopfvariante des Verzeichnisses
   jahrelang mitgenommen: "html .w24dir-button" hat Spezifitaet 0-1-1,
   ".w24dir-button--small" nur 0-1-0. Der kleine Knopf war damit nur noch in
   der Schriftgroesse klein und trug denselben Innenabstand wie ein grosser —
   14 statt 6,5 Pixel senkrecht, 24 statt 13 waagerecht. Auf den Kartenlisten
   war das der Grund, warum die beiden Knoepfe im Kartenfuss nicht mehr
   nebeneinander passten.

   Wiederhergestellt wird hier nicht der Plugin-Wert (0.45em 0.9em) — der
   waere in dieser Oberflaeche zu knapp —, sondern eine verkleinerte Fassung
   des Theme-Masses. Zwei Klassen plus Elementkontext ergeben 0-2-1 und
   entscheiden damit unabhaengig von der Reihenfolge im Stylesheet. */
html .w24dir-button.w24dir-button--small {
  padding: .55rem 1.1rem;
}

html .w24dir-listing__title { letter-spacing: -0.02em; }

/* Bewertungssterne in der Signalfarbe des Portals. */
html .w24dir-rating,
html .w24dir-stars { color: var(--wtw-star); }

/* Das Suchformular traegt nicht die Klasse .w24dir-form, seine Felder fallen
   deshalb durch die Regel weiter oben. */
html .w24dir-search :is(input, select, textarea) {
  background: var(--wtw-surface);
  color: var(--wtw-ink);
  border: 1px solid var(--wtw-border);
  border-radius: var(--wtw-radius-sm);
  font-family: inherit;
  font-size: 1rem;
  padding: .75rem .875rem;
}

html .w24dir-search {
  background: var(--wtw-surface);
  border: 1px solid var(--wtw-border);
  border-radius: var(--wtw-radius);
  padding: 1.25rem;
}

/* Trefferkarten: gleiche Form wie die Karten der Startseite. */
html .w24dir-card {
  background: var(--wtw-surface);
  border: 1px solid var(--wtw-border);
  border-radius: var(--wtw-radius);
  overflow: hidden;
  transition: border-color .15s ease, transform .15s ease;
}
html .w24dir-card:hover { border-color: color-mix(in srgb, var(--wtw-accent) 45%, transparent); transform: translateY(-2px); }

/* --- UsersWP ---------------------------------------------------------------
   Anmeldung, Registrierung und Konto laufen ueber UsersWP. Gestaltung nur ueber
   CSS — die Plugin-Vorlagen bleiben unangetastet und damit updatefaehig. */

.uwp_page {
  max-width: 560px;
  margin-inline: auto;
}

.uwp_page :is(input[type="text"], input[type="email"], input[type="password"], input[type="tel"], input[type="url"], input[type="number"], select, textarea) {
  width: 100%;
  background: var(--wtw-surface);
  border: 1px solid var(--wtw-border);
  border-radius: var(--wtw-radius-sm);
  color: var(--wtw-ink);
  font-family: inherit;
  font-size: 1rem;
  padding: .75rem .875rem;
  box-shadow: none;
  transition: border-color .15s ease, box-shadow .15s ease;
}

.uwp_page :is(input, select, textarea):focus {
  border-color: var(--wtw-accent);
  box-shadow: 0 0 0 3px color-mix(in srgb, var(--wtw-accent) 22%, transparent);
  outline: none;
}

.uwp_page label {
  display: block;
  color: var(--wtw-ink);
  font-size: .875rem;
  font-weight: 600;
  margin-bottom: .375rem;
}

.uwp_page :is(input[type="submit"], button[type="submit"], .uwp_login_submit, .uwp_register_submit) {
  background: var(--wtw-accent);
  border: 1px solid transparent;
  border-radius: var(--wtw-radius);
  color: var(--wtw-on-accent);
  cursor: pointer;
  font-family: inherit;
  font-size: 1rem;
  font-weight: 600;
  padding: .875rem 1.5rem;
  width: 100%;
  transition: background-color .15s ease, transform .1s ease;
}
.uwp_page :is(input[type="submit"], button[type="submit"]):hover { background: var(--wtw-accent-dark); }
.uwp_page :is(input[type="submit"], button[type="submit"]):active { transform: scale(.985); }

.uwp_page .uwp-remember-me label { display: inline; font-weight: 400; }

.uwp-footer-links {
  margin-top: 1.25rem;
  display: flex;
  flex-wrap: wrap;
  gap: 1rem;
  font-size: .875rem;
}
.uwp-footer-link a { color: var(--wtw-accent); font-weight: 600; }
.uwp-footer-link a:hover { text-decoration: underline; }

/* --- Ersatz fuer FontAwesome ------------------------------------------------
   AyeCode (UsersWP, ayecode-connect) laedt FontAwesome von use.fontawesome.com
   — einem Server in den USA, auf jeder Seite. Das ist in Deutschland
   abmahnrelevant und steht der eigenen Aussage der Seite entgegen.

   Tatsaechlich gebraucht werden davon genau zwei Zeichen: das Auge zum Ein-
   und Ausblenden des Passworts in den Anmelde- und Registrierformularen. Die
   Schriftdatei wird deshalb in der functions.php abgemeldet und die beiden
   Zeichen hier aus dem eigenen Symbolvorrat gesetzt. Als Maske, damit sie die
   Textfarbe des Knopfes uebernehmen. */
.uwp-password-wrap i[class*="fa-eye"] {
  display: inline-block;
  width: 1.15em;
  height: 1.15em;
  vertical-align: -0.2em;
  background-color: currentColor;
  -webkit-mask-repeat: no-repeat;
  mask-repeat: no-repeat;
  -webkit-mask-size: contain;
  mask-size: contain;
  -webkit-mask-position: center;
  mask-position: center;
}
.uwp-password-wrap i[class*="fa-eye"]::before { content: none; }
.uwp-password-wrap i.fa-eye {
  -webkit-mask-image: url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20viewBox%3D%220%200%20256%20256%22%20fill%3D%22black%22%3E%3Cpath%20d%3D%22M247.31%2C124.76c-.35-.79-8.82-19.58-27.65-38.41C194.57%2C61.26%2C162.88%2C48%2C128%2C48S61.43%2C61.26%2C36.34%2C86.35C17.51%2C105.18%2C9%2C124%2C8.69%2C124.76a8%2C8%2C0%2C0%2C0%2C0%2C6.5c.35.79%2C8.82%2C19.57%2C27.65%2C38.4C61.43%2C194.74%2C93.12%2C208%2C128%2C208s66.57-13.26%2C91.66-38.34c18.83-18.83%2C27.3-37.61%2C27.65-38.4A8%2C8%2C0%2C0%2C0%2C247.31%2C124.76ZM128%2C192c-30.78%2C0-57.67-11.19-79.93-33.25A133.47%2C133.47%2C0%2C0%2C1%2C25%2C128%2C133.33%2C133.33%2C0%2C0%2C1%2C48.07%2C97.25C70.33%2C75.19%2C97.22%2C64%2C128%2C64s57.67%2C11.19%2C79.93%2C33.25A133.46%2C133.46%2C0%2C0%2C1%2C231.05%2C128C223.84%2C141.46%2C192.43%2C192%2C128%2C192Zm0-112a48%2C48%2C0%2C1%2C0%2C48%2C48A48.05%2C48.05%2C0%2C0%2C0%2C128%2C80Zm0%2C80a32%2C32%2C0%2C1%2C1%2C32-32A32%2C32%2C0%2C0%2C1%2C128%2C160Z%22%2F%3E%3C%2Fsvg%3E");
  mask-image: url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20viewBox%3D%220%200%20256%20256%22%20fill%3D%22black%22%3E%3Cpath%20d%3D%22M247.31%2C124.76c-.35-.79-8.82-19.58-27.65-38.41C194.57%2C61.26%2C162.88%2C48%2C128%2C48S61.43%2C61.26%2C36.34%2C86.35C17.51%2C105.18%2C9%2C124%2C8.69%2C124.76a8%2C8%2C0%2C0%2C0%2C0%2C6.5c.35.79%2C8.82%2C19.57%2C27.65%2C38.4C61.43%2C194.74%2C93.12%2C208%2C128%2C208s66.57-13.26%2C91.66-38.34c18.83-18.83%2C27.3-37.61%2C27.65-38.4A8%2C8%2C0%2C0%2C0%2C247.31%2C124.76ZM128%2C192c-30.78%2C0-57.67-11.19-79.93-33.25A133.47%2C133.47%2C0%2C0%2C1%2C25%2C128%2C133.33%2C133.33%2C0%2C0%2C1%2C48.07%2C97.25C70.33%2C75.19%2C97.22%2C64%2C128%2C64s57.67%2C11.19%2C79.93%2C33.25A133.46%2C133.46%2C0%2C0%2C1%2C231.05%2C128C223.84%2C141.46%2C192.43%2C192%2C128%2C192Zm0-112a48%2C48%2C0%2C1%2C0%2C48%2C48A48.05%2C48.05%2C0%2C0%2C0%2C128%2C80Zm0%2C80a32%2C32%2C0%2C1%2C1%2C32-32A32%2C32%2C0%2C0%2C1%2C128%2C160Z%22%2F%3E%3C%2Fsvg%3E");
}
.uwp-password-wrap i.fa-eye-slash {
  -webkit-mask-image: url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20viewBox%3D%220%200%20256%20256%22%20fill%3D%22black%22%3E%3Cpath%20d%3D%22M247.31%2C124.76c-.35-.79-8.82-19.58-27.65-38.41C194.57%2C61.26%2C162.88%2C48%2C128%2C48S61.43%2C61.26%2C36.34%2C86.35C17.51%2C105.18%2C9%2C124%2C8.69%2C124.76a8%2C8%2C0%2C0%2C0%2C0%2C6.5c.35.79%2C8.82%2C19.57%2C27.65%2C38.4C61.43%2C194.74%2C93.12%2C208%2C128%2C208s66.57-13.26%2C91.66-38.34c18.83-18.83%2C27.3-37.61%2C27.65-38.4A8%2C8%2C0%2C0%2C0%2C247.31%2C124.76ZM128%2C192c-30.78%2C0-57.67-11.19-79.93-33.25A133.47%2C133.47%2C0%2C0%2C1%2C25%2C128%2C133.33%2C133.33%2C0%2C0%2C1%2C48.07%2C97.25C70.33%2C75.19%2C97.22%2C64%2C128%2C64s57.67%2C11.19%2C79.93%2C33.25A133.46%2C133.46%2C0%2C0%2C1%2C231.05%2C128C223.84%2C141.46%2C192.43%2C192%2C128%2C192Zm0-112a48%2C48%2C0%2C1%2C0%2C48%2C48A48.05%2C48.05%2C0%2C0%2C0%2C128%2C80Zm0%2C80a32%2C32%2C0%2C1%2C1%2C32-32A32%2C32%2C0%2C0%2C1%2C128%2C160Z%22%2F%3E%3C%2Fsvg%3E")SLASH;
  mask-image: url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20viewBox%3D%220%200%20256%20256%22%20fill%3D%22black%22%3E%3Cpath%20d%3D%22M247.31%2C124.76c-.35-.79-8.82-19.58-27.65-38.41C194.57%2C61.26%2C162.88%2C48%2C128%2C48S61.43%2C61.26%2C36.34%2C86.35C17.51%2C105.18%2C9%2C124%2C8.69%2C124.76a8%2C8%2C0%2C0%2C0%2C0%2C6.5c.35.79%2C8.82%2C19.57%2C27.65%2C38.4C61.43%2C194.74%2C93.12%2C208%2C128%2C208s66.57-13.26%2C91.66-38.34c18.83-18.83%2C27.3-37.61%2C27.65-38.4A8%2C8%2C0%2C0%2C0%2C247.31%2C124.76ZM128%2C192c-30.78%2C0-57.67-11.19-79.93-33.25A133.47%2C133.47%2C0%2C0%2C1%2C25%2C128%2C133.33%2C133.33%2C0%2C0%2C1%2C48.07%2C97.25C70.33%2C75.19%2C97.22%2C64%2C128%2C64s57.67%2C11.19%2C79.93%2C33.25A133.46%2C133.46%2C0%2C0%2C1%2C231.05%2C128C223.84%2C141.46%2C192.43%2C192%2C128%2C192Zm0-112a48%2C48%2C0%2C1%2C0%2C48%2C48A48.05%2C48.05%2C0%2C0%2C0%2C128%2C80Zm0%2C80a32%2C32%2C0%2C1%2C1%2C32-32A32%2C32%2C0%2C0%2C1%2C128%2C160Z%22%2F%3E%3C%2Fsvg%3E")SLASH;
}

/* --- WordPress-Grundlagen -------------------------------------------------- */

.alignleft  { float: left;  margin: 0 1.5rem 1rem 0; }
.alignright { float: right; margin: 0 0 1rem 1.5rem; }
.aligncenter { display: block; margin-inline: auto; }
.screen-reader-text {
  position: absolute !important;
  width: 1px; height: 1px;
  overflow: hidden; clip: rect(0 0 0 0); clip-path: inset(50%);
  white-space: nowrap;
}