@charset "UTF-8";
/*!
 * Bootstrap v5.1.0 (https://getbootstrap.com/)
 * Copyright 2011-2021 The Bootstrap Authors
 * Copyright 2011-2021 Twitter, Inc.
 * Licensed under MIT (https://github.com/twbs/bootstrap/blob/main/LICENSE)
 */
:root{--bs-blue:#0d6efd;--bs-indigo:#6610f2;--bs-purple:#6f42c1;--bs-pink:#d63384;--bs-red:#dc3545;--bs-orange:#fd7e14;--bs-yellow:#ffc107;--bs-green:#198754;--bs-teal:#20c997;--bs-cyan:#0dcaf0;--bs-white:#fff;--bs-gray:#6c757d;--bs-gray-dark:#343a40;--bs-gray-100:#f8f9fa;--bs-gray-200:#e9ecef;--bs-gray-300:#dee2e6;--bs-gray-400:#ced4da;--bs-gray-500:#adb5bd;--bs-gray-600:#6c757d;--bs-gray-700:#495057;--bs-gray-800:#343a40;--bs-gray-900:#212529;--bs-primary:#0d6efd;--bs-secondary:#6c757d;--bs-success:#198754;--bs-info:#0dcaf0;--bs-warning:#ffc107;--bs-danger:#dc3545;--bs-light:#f8f9fa;--bs-dark:#212529;--bs-primary-rgb:13,110,253;--bs-secondary-rgb:108,117,125;--bs-success-rgb:25,135,84;--bs-info-rgb:13,202,240;--bs-warning-rgb:255,193,7;--bs-danger-rgb:220,53,69;--bs-light-rgb:248,249,250;--bs-dark-rgb:33,37,41;--bs-white-rgb:255,255,255;--bs-black-rgb:0,0,0;--bs-body-rgb:33,37,41;--bs-font-sans-serif:system-ui,-apple-system,"Segoe UI",Roboto,"Helvetica Neue",Arial,"Noto Sans","Liberation Sans",sans-serif,"Apple Color Emoji","Segoe UI Emoji","Segoe UI Symbol","Noto Color Emoji";--bs-font-monospace:SFMono-Regular,Menlo,Monaco,Consolas,"Liberation Mono","Courier New",monospace;--bs-gradient:linear-gradient(180deg, rgba(255, 255, 255, 0.15), rgba(255, 255, 255, 0));--bs-body-font-family:var(--bs-font-sans-serif);--bs-body-font-size:1rem;--bs-body-font-weight:400;--bs-body-line-height:1.5;--bs-body-color:#212529;--bs-body-bg:#fff}
*,::after,::before{box-sizing:border-box}
@media (prefers-reduced-motion:no-preference){:root{scroll-behavior:smooth}
}
body{margin:0;font-family:var(--bs-body-font-family);font-size:var(--bs-body-font-size);font-weight:var(--bs-body-font-weight);line-height:var(--bs-body-line-height);color:var(--bs-body-color);text-align:var(--bs-body-text-align);background-color:var(--bs-body-bg);-webkit-text-size-adjust:100%;-webkit-tap-highlight-color:transparent}
hr{margin:1rem 0;color:inherit;background-color:currentColor;border:0;opacity:.25}
hr:not([size]){height:1px}
.h1,.h2,.h3,.h4,.h5,.h6,h1,h2,h3,h4,h5,h6{margin-top:0;margin-bottom:.5rem;font-weight:500;line-height:1.2}
.h1,h1{font-size:calc(1.375rem + 1.5vw)}
@media (min-width:1200px){.h1,h1{font-size:2.5rem}
}
.h2,h2{font-size:calc(1.325rem + .9vw)}
@media (min-width:1200px){.h2,h2{font-size:2rem}
}
.h3,h3{font-size:calc(1.3rem + .6vw)}
@media (min-width:1200px){.h3,h3{font-size:1.75rem}
}
.h4,h4{font-size:calc(1.275rem + .3vw)}
@media (min-width:1200px){.h4,h4{font-size:1.5rem}
}
.h5,h5{font-size:1.25rem}
.h6,h6{font-size:1rem}
p{margin-top:0;margin-bottom:1rem}
abbr[data-bs-original-title],abbr[title]{-webkit-text-decoration:underline dotted;text-decoration:underline dotted;cursor:help;-webkit-text-decoration-skip-ink:none;text-decoration-skip-ink:none}
address{margin-bottom:1rem;font-style:normal;line-height:inherit}
ol,ul{padding-left:2rem}
dl,ol,ul{margin-top:0;margin-bottom:1rem}
ol ol,ol ul,ul ol,ul ul{margin-bottom:0}
dt{font-weight:700}
dd{margin-bottom:.5rem;margin-left:0}
blockquote{margin:0 0 1rem}
b,strong{font-weight:bolder}
.small,small{font-size:.875em}
.mark,mark{padding:.2em;background-color:#fcf8e3}
sub,sup{position:relative;font-size:.75em;line-height:0;vertical-align:baseline}
sub{bottom:-.25em}
sup{top:-.5em}
a{color:#0d6efd;text-decoration:underline}
a:hover{color:#0a58ca}
a:not([href]):not([class]),a:not([href]):not([class]):hover{color:inherit;text-decoration:none}
code,kbd,pre,samp{font-family:var(--bs-font-monospace);font-size:1em;direction:ltr;unicode-bidi:bidi-override}
pre{display:block;margin-top:0;margin-bottom:1rem;overflow:auto;font-size:.875em}
pre code{font-size:inherit;color:inherit;word-break:normal}
code{font-size:.875em;color:#d63384;word-wrap:break-word}
a>code{color:inherit}
kbd{padding:.2rem .4rem;font-size:.875em;color:#fff;background-color:#212529;border-radius:.2rem}
kbd kbd{padding:0;font-size:1em;font-weight:700}
figure{margin:0 0 1rem}
img,svg{vertical-align:middle}
table{caption-side:bottom;border-collapse:collapse}
caption{padding-top:.5rem;padding-bottom:.5rem;color:#6c757d;text-align:left}
th{text-align:inherit;text-align:-webkit-match-parent}
tbody,td,tfoot,th,thead,tr{border-color:inherit;border-style:solid;border-width:0}
label{display:inline-block}
button{border-radius:0}
button:focus:not(:focus-visible){outline:0}
button,input,optgroup,select,textarea{margin:0;font-family:inherit;font-size:inherit;line-height:inherit}
button,select{text-transform:none}
[role=button]{cursor:pointer}
select{word-wrap:normal}
select:disabled{opacity:1}
[list]::-webkit-calendar-picker-indicator{display:none}
[type=button],[type=reset],[type=submit],button{-webkit-appearance:button}
[type=button]:not(:disabled),[type=reset]:not(:disabled),[type=submit]:not(:disabled),button:not(:disabled){cursor:pointer}
::-moz-focus-inner{padding:0;border-style:none}
textarea{resize:vertical}
fieldset{min-width:0;padding:0;margin:0;border:0}
legend{float:left;width:100%;padding:0;margin-bottom:.5rem;font-size:calc(1.275rem + .3vw);line-height:inherit}
@media (min-width:1200px){legend{font-size:1.5rem}
}
legend+*{clear:left}
::-webkit-datetime-edit-day-field,::-webkit-datetime-edit-fields-wrapper,::-webkit-datetime-edit-hour-field,::-webkit-datetime-edit-minute,::-webkit-datetime-edit-month-field,::-webkit-datetime-edit-text,::-webkit-datetime-edit-year-field{padding:0}
::-webkit-inner-spin-button{height:auto}
[type=search]{outline-offset:-2px;-webkit-appearance:textfield}
::-webkit-search-decoration{-webkit-appearance:none}
::-webkit-color-swatch-wrapper{padding:0}
::file-selector-button{font:inherit}
::-webkit-file-upload-button{font:inherit;-webkit-appearance:button}
output{display:inline-block}
iframe{border:0}
summary{display:list-item;cursor:pointer}
progress{vertical-align:baseline}
[hidden]{display:none!important}
.list-inline-item:not(:last-child){margin-right:.5rem}
.figure{display:inline-block}
.container,.container-fluid,.container-lg,.container-md,.container-sm,.container-xl,.container-xxl{width:100%;padding-right:var(--bs-gutter-x,.75rem);padding-left:var(--bs-gutter-x,.75rem);margin-right:auto;margin-left:auto}
@media (min-width:576px){.container,.container-sm{max-width:540px}
}
@media (min-width:768px){.container,.container-md,.container-sm{max-width:720px}
}
@media (min-width:992px){.container,.container-lg,.container-md,.container-sm{max-width:960px}
}
@media (min-width:1200px){.container,.container-lg,.container-md,.container-sm,.container-xl{max-width:1140px}
}
@media (min-width:1400px){.container,.container-lg,.container-md,.container-sm,.container-xl,.container-xxl{max-width:1320px}
}
.row{--bs-gutter-x:1.5rem;--bs-gutter-y:0;display:flex;flex-wrap:wrap;margin-top:calc(var(--bs-gutter-y) * -1);margin-right:calc(var(--bs-gutter-x) * -.5);margin-left:calc(var(--bs-gutter-x) * -.5)}
.row>*{flex-shrink:0;width:100%;max-width:100%;padding-right:calc(var(--bs-gutter-x) * .5);padding-left:calc(var(--bs-gutter-x) * .5);margin-top:var(--bs-gutter-y)}
.col{flex:1 0 0%}
.table{--bs-table-bg:transparent;--bs-table-accent-bg:transparent;--bs-table-striped-color:#212529;--bs-table-striped-bg:rgba(0, 0, 0, 0.05);--bs-table-active-color:#212529;--bs-table-active-bg:rgba(0, 0, 0, 0.1);--bs-table-hover-color:#212529;--bs-table-hover-bg:rgba(0, 0, 0, 0.075);width:100%;margin-bottom:1rem;color:#212529;vertical-align:top;border-color:#dee2e6}
.table>:not(caption)>*>*{padding:.5rem .5rem;background-color:var(--bs-table-bg);border-bottom-width:1px;box-shadow:inset 0 0 0 9999px var(--bs-table-accent-bg)}
.table>tbody{vertical-align:inherit}
.table>thead{vertical-align:bottom}
.table>:not(:last-child)>:last-child>*{border-bottom-color:currentColor}
.table-sm>:not(caption)>*>*{padding:.25rem .25rem}
.table-bordered>:not(caption)>*{border-width:1px 0}
.table-bordered>:not(caption)>*>*{border-width:0 1px}
.table-borderless>:not(caption)>*>*{border-bottom-width:0}
.table-striped>tbody>tr:nth-of-type(odd){--bs-table-accent-bg:var(--bs-table-striped-bg);color:var(--bs-table-striped-color)}
.form-control[type=file]:not(:disabled):not([readonly]){cursor:pointer}
.form-control:hover:not(:disabled):not([readonly])::file-selector-button{background-color:#dde0e3}
.form-control:hover:not(:disabled):not([readonly])::-webkit-file-upload-button{background-color:#dde0e3}
.form-control-color:not(:disabled):not([readonly]){cursor:pointer}
.form-select[multiple],.form-select[size]:not([size="1"]){padding-right:.75rem;background-image:none}
.btn-check:disabled+.btn,.btn-check[disabled]+.btn{pointer-events:none;filter:none;opacity:.65}
.form-floating>.form-control:not(:-moz-placeholder-shown){padding-top:1.625rem;padding-bottom:.625rem}
.form-floating>.form-control:focus,.form-floating>.form-control:not(:placeholder-shown){padding-top:1.625rem;padding-bottom:.625rem}
.form-floating>.form-control:not(:-moz-placeholder-shown)~label{opacity:.65;transform:scale(.85) translateY(-.5rem) translateX(.15rem)}
.form-floating>.form-control:focus~label,.form-floating>.form-control:not(:placeholder-shown)~label,.form-floating>.form-select~label{opacity:.65;transform:scale(.85) translateY(-.5rem) translateX(.15rem)}
.input-group .btn{position:relative;z-index:2}
.input-group .btn:focus{z-index:3}
.input-group-lg>.btn,.input-group-lg>.form-control,.input-group-lg>.form-select,.input-group-lg>.input-group-text{padding:.5rem 1rem;font-size:1.25rem;border-radius:.3rem}
.input-group-sm>.btn,.input-group-sm>.form-control,.input-group-sm>.form-select,.input-group-sm>.input-group-text{padding:.25rem .5rem;font-size:.875rem;border-radius:.2rem}
.input-group:not(.has-validation)>.dropdown-toggle:nth-last-child(n/**/+3),.input-group:not(.has-validation)>:not(:last-child):not(.dropdown-toggle):not(.dropdown-menu){border-top-right-radius:0;border-bottom-right-radius:0}
.input-group.has-validation>.dropdown-toggle:nth-last-child(n/**/+4),.input-group.has-validation>:nth-last-child(n/**/+3):not(.dropdown-toggle):not(.dropdown-menu){border-top-right-radius:0;border-bottom-right-radius:0}
.input-group>:not(:first-child):not(.dropdown-menu):not(.valid-tooltip):not(.valid-feedback):not(.invalid-tooltip):not(.invalid-feedback){margin-left:-1px;border-top-left-radius:0;border-bottom-left-radius:0}
.form-select.is-valid:not([multiple]):not([size]),.form-select.is-valid:not([multiple])[size="1"],.was-validated .form-select:valid:not([multiple]):not([size]),.was-validated .form-select:valid:not([multiple])[size="1"]{padding-right:4.125rem;background-image:url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16'%3e%3cpath fill='none' stroke='%23343a40' stroke-linecap='round' stroke-linejoin='round' stroke-width='2' d='M2 5l6 6 6-6'/%3e%3c/svg%3e"),url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 8 8'%3e%3cpath fill='%23198754' d='M2.3 6.73L.6 4.53c-.4-1.04.46-1.4 1.1-.8l1.1 1.4 3.4-3.8c.6-.63 1.6-.27 1.2.7l-4 4.6c-.43.5-.8.4-1.1.1z'/%3e%3c/svg%3e");background-position:right .75rem center,center right 2.25rem;background-size:16px 12px,calc(.75em + .375rem) calc(.75em + .375rem)}
.form-select.is-invalid:not([multiple]):not([size]),.form-select.is-invalid:not([multiple])[size="1"],.was-validated .form-select:invalid:not([multiple]):not([size]),.was-validated .form-select:invalid:not([multiple])[size="1"]{padding-right:4.125rem;background-image:url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16'%3e%3cpath fill='none' stroke='%23343a40' stroke-linecap='round' stroke-linejoin='round' stroke-width='2' d='M2 5l6 6 6-6'/%3e%3c/svg%3e"),url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 12 12' width='12' height='12' fill='none' stroke='%23dc3545'%3e%3ccircle cx='6' cy='6' r='4.5'/%3e%3cpath stroke-linejoin='round' d='M5.8 3.6h.4L6 6.5z'/%3e%3ccircle cx='6' cy='8.2' r='.6' fill='%23dc3545' stroke='none'/%3e%3c/svg%3e");background-position:right .75rem center,center right 2.25rem;background-size:16px 12px,calc(.75em + .375rem) calc(.75em + .375rem)}
.btn{display:inline-block;font-weight:400;line-height:1.5;color:#212529;text-align:center;text-decoration:none;vertical-align:middle;cursor:pointer;-webkit-user-select:none;-moz-user-select:none;user-select:none;background-color:transparent;border:1px solid transparent;padding:.375rem .75rem;font-size:1rem;border-radius:.25rem;transition:color .15s ease-in-out,background-color .15s ease-in-out,border-color .15s ease-in-out,box-shadow .15s ease-in-out}
@media (prefers-reduced-motion:reduce){.btn{transition:none}
}
.btn:hover{color:#212529}
.btn-check:focus+.btn,.btn:focus{outline:0;box-shadow:0 0 0 .25rem rgba(13,110,253,.25)}
.btn.disabled,.btn:disabled,fieldset:disabled .btn{pointer-events:none;opacity:.65}
.btn-check:active+.btn-primary,.btn-check:checked+.btn-primary,.btn-primary.active,.btn-primary:active,.show>.btn-primary.dropdown-toggle{color:#fff;background-color:#0a58ca;border-color:#0a53be}
.btn-check:active+.btn-primary:focus,.btn-check:checked+.btn-primary:focus,.btn-primary.active:focus,.btn-primary:active:focus,.show>.btn-primary.dropdown-toggle:focus{box-shadow:0 0 0 .25rem rgba(49,132,253,.5)}
.btn-primary.disabled,.btn-primary:disabled{color:#fff;background-color:#0d6efd;border-color:#0d6efd}
.btn-check:active+.btn-secondary,.btn-check:checked+.btn-secondary,.btn-secondary.active,.btn-secondary:active,.show>.btn-secondary.dropdown-toggle{color:#fff;background-color:#565e64;border-color:#51585e}
.btn-check:active+.btn-secondary:focus,.btn-check:checked+.btn-secondary:focus,.btn-secondary.active:focus,.btn-secondary:active:focus,.show>.btn-secondary.dropdown-toggle:focus{box-shadow:0 0 0 .25rem rgba(130,138,145,.5)}
.btn-secondary.disabled,.btn-secondary:disabled{color:#fff;background-color:#6c757d;border-color:#6c757d}
.btn-check:active+.btn-success,.btn-check:checked+.btn-success,.btn-success.active,.btn-success:active,.show>.btn-success.dropdown-toggle{color:#fff;background-color:#146c43;border-color:#13653f}
.btn-check:active+.btn-success:focus,.btn-check:checked+.btn-success:focus,.btn-success.active:focus,.btn-success:active:focus,.show>.btn-success.dropdown-toggle:focus{box-shadow:0 0 0 .25rem rgba(60,153,110,.5)}
.btn-success.disabled,.btn-success:disabled{color:#fff;background-color:#198754;border-color:#198754}
.btn-check:active+.btn-info,.btn-check:checked+.btn-info,.btn-info.active,.btn-info:active,.show>.btn-info.dropdown-toggle{color:#000;background-color:#3dd5f3;border-color:#25cff2}
.btn-check:active+.btn-info:focus,.btn-check:checked+.btn-info:focus,.btn-info.active:focus,.btn-info:active:focus,.show>.btn-info.dropdown-toggle:focus{box-shadow:0 0 0 .25rem rgba(11,172,204,.5)}
.btn-info.disabled,.btn-info:disabled{color:#000;background-color:#0dcaf0;border-color:#0dcaf0}
.btn-check:active+.btn-warning,.btn-check:checked+.btn-warning,.btn-warning.active,.btn-warning:active,.show>.btn-warning.dropdown-toggle{color:#000;background-color:#ffcd39;border-color:#ffc720}
.btn-check:active+.btn-warning:focus,.btn-check:checked+.btn-warning:focus,.btn-warning.active:focus,.btn-warning:active:focus,.show>.btn-warning.dropdown-toggle:focus{box-shadow:0 0 0 .25rem rgba(217,164,6,.5)}
.btn-warning.disabled,.btn-warning:disabled{color:#000;background-color:#ffc107;border-color:#ffc107}
.btn-check:active+.btn-danger,.btn-check:checked+.btn-danger,.btn-danger.active,.btn-danger:active,.show>.btn-danger.dropdown-toggle{color:#fff;background-color:#b02a37;border-color:#a52834}
.btn-check:active+.btn-danger:focus,.btn-check:checked+.btn-danger:focus,.btn-danger.active:focus,.btn-danger:active:focus,.show>.btn-danger.dropdown-toggle:focus{box-shadow:0 0 0 .25rem rgba(225,83,97,.5)}
.btn-danger.disabled,.btn-danger:disabled{color:#fff;background-color:#dc3545;border-color:#dc3545}
.btn-check:active+.btn-light,.btn-check:checked+.btn-light,.btn-light.active,.btn-light:active,.show>.btn-light.dropdown-toggle{color:#000;background-color:#f9fafb;border-color:#f9fafb}
.btn-check:active+.btn-light:focus,.btn-check:checked+.btn-light:focus,.btn-light.active:focus,.btn-light:active:focus,.show>.btn-light.dropdown-toggle:focus{box-shadow:0 0 0 .25rem rgba(211,212,213,.5)}
.btn-light.disabled,.btn-light:disabled{color:#000;background-color:#f8f9fa;border-color:#f8f9fa}
.btn-check:active+.btn-dark,.btn-check:checked+.btn-dark,.btn-dark.active,.btn-dark:active,.show>.btn-dark.dropdown-toggle{color:#fff;background-color:#1a1e21;border-color:#191c1f}
.btn-check:active+.btn-dark:focus,.btn-check:checked+.btn-dark:focus,.btn-dark.active:focus,.btn-dark:active:focus,.show>.btn-dark.dropdown-toggle:focus{box-shadow:0 0 0 .25rem rgba(66,70,73,.5)}
.btn-dark.disabled,.btn-dark:disabled{color:#fff;background-color:#212529;border-color:#212529}
.btn-check:active+.btn-outline-primary,.btn-check:checked+.btn-outline-primary,.btn-outline-primary.active,.btn-outline-primary.dropdown-toggle.show,.btn-outline-primary:active{color:#fff;background-color:#0d6efd;border-color:#0d6efd}
.btn-check:active+.btn-outline-primary:focus,.btn-check:checked+.btn-outline-primary:focus,.btn-outline-primary.active:focus,.btn-outline-primary.dropdown-toggle.show:focus,.btn-outline-primary:active:focus{box-shadow:0 0 0 .25rem rgba(13,110,253,.5)}
.btn-outline-primary.disabled,.btn-outline-primary:disabled{color:#0d6efd;background-color:transparent}
.btn-check:active+.btn-outline-secondary,.btn-check:checked+.btn-outline-secondary,.btn-outline-secondary.active,.btn-outline-secondary.dropdown-toggle.show,.btn-outline-secondary:active{color:#fff;background-color:#6c757d;border-color:#6c757d}
.btn-check:active+.btn-outline-secondary:focus,.btn-check:checked+.btn-outline-secondary:focus,.btn-outline-secondary.active:focus,.btn-outline-secondary.dropdown-toggle.show:focus,.btn-outline-secondary:active:focus{box-shadow:0 0 0 .25rem rgba(108,117,125,.5)}
.btn-outline-secondary.disabled,.btn-outline-secondary:disabled{color:#6c757d;background-color:transparent}
.btn-check:active+.btn-outline-success,.btn-check:checked+.btn-outline-success,.btn-outline-success.active,.btn-outline-success.dropdown-toggle.show,.btn-outline-success:active{color:#fff;background-color:#198754;border-color:#198754}
.btn-check:active+.btn-outline-success:focus,.btn-check:checked+.btn-outline-success:focus,.btn-outline-success.active:focus,.btn-outline-success.dropdown-toggle.show:focus,.btn-outline-success:active:focus{box-shadow:0 0 0 .25rem rgba(25,135,84,.5)}
.btn-outline-success.disabled,.btn-outline-success:disabled{color:#198754;background-color:transparent}
.btn-check:active+.btn-outline-info,.btn-check:checked+.btn-outline-info,.btn-outline-info.active,.btn-outline-info.dropdown-toggle.show,.btn-outline-info:active{color:#000;background-color:#0dcaf0;border-color:#0dcaf0}
.btn-check:active+.btn-outline-info:focus,.btn-check:checked+.btn-outline-info:focus,.btn-outline-info.active:focus,.btn-outline-info.dropdown-toggle.show:focus,.btn-outline-info:active:focus{box-shadow:0 0 0 .25rem rgba(13,202,240,.5)}
.btn-outline-info.disabled,.btn-outline-info:disabled{color:#0dcaf0;background-color:transparent}
.btn-check:active+.btn-outline-warning,.btn-check:checked+.btn-outline-warning,.btn-outline-warning.active,.btn-outline-warning.dropdown-toggle.show,.btn-outline-warning:active{color:#000;background-color:#ffc107;border-color:#ffc107}
.btn-check:active+.btn-outline-warning:focus,.btn-check:checked+.btn-outline-warning:focus,.btn-outline-warning.active:focus,.btn-outline-warning.dropdown-toggle.show:focus,.btn-outline-warning:active:focus{box-shadow:0 0 0 .25rem rgba(255,193,7,.5)}
.btn-outline-warning.disabled,.btn-outline-warning:disabled{color:#ffc107;background-color:transparent}
.btn-check:active+.btn-outline-danger,.btn-check:checked+.btn-outline-danger,.btn-outline-danger.active,.btn-outline-danger.dropdown-toggle.show,.btn-outline-danger:active{color:#fff;background-color:#dc3545;border-color:#dc3545}
.btn-check:active+.btn-outline-danger:focus,.btn-check:checked+.btn-outline-danger:focus,.btn-outline-danger.active:focus,.btn-outline-danger.dropdown-toggle.show:focus,.btn-outline-danger:active:focus{box-shadow:0 0 0 .25rem rgba(220,53,69,.5)}
.btn-outline-danger.disabled,.btn-outline-danger:disabled{color:#dc3545;background-color:transparent}
.btn-check:active+.btn-outline-light,.btn-check:checked+.btn-outline-light,.btn-outline-light.active,.btn-outline-light.dropdown-toggle.show,.btn-outline-light:active{color:#000;background-color:#f8f9fa;border-color:#f8f9fa}
.btn-check:active+.btn-outline-light:focus,.btn-check:checked+.btn-outline-light:focus,.btn-outline-light.active:focus,.btn-outline-light.dropdown-toggle.show:focus,.btn-outline-light:active:focus{box-shadow:0 0 0 .25rem rgba(248,249,250,.5)}
.btn-outline-light.disabled,.btn-outline-light:disabled{color:#f8f9fa;background-color:transparent}
.btn-check:active+.btn-outline-dark,.btn-check:checked+.btn-outline-dark,.btn-outline-dark.active,.btn-outline-dark.dropdown-toggle.show,.btn-outline-dark:active{color:#fff;background-color:#212529;border-color:#212529}
.btn-check:active+.btn-outline-dark:focus,.btn-check:checked+.btn-outline-dark:focus,.btn-outline-dark.active:focus,.btn-outline-dark.dropdown-toggle.show:focus,.btn-outline-dark:active:focus{box-shadow:0 0 0 .25rem rgba(33,37,41,.5)}
.btn-outline-dark.disabled,.btn-outline-dark:disabled{color:#212529;background-color:transparent}
.btn-link.disabled,.btn-link:disabled{color:#6c757d}
.btn-group-lg>.btn,.btn-lg{padding:.5rem 1rem;font-size:1.25rem;border-radius:.3rem}
.btn-group-sm>.btn,.btn-sm{padding:.25rem .5rem;font-size:.875rem;border-radius:.2rem}
.fade{transition:opacity .15s linear}
@media (prefers-reduced-motion:reduce){.fade{transition:none}
}
.fade:not(.show){opacity:0}
.collapse:not(.show){display:none}
.dropdown-item.active,.dropdown-item:active{color:#fff;text-decoration:none;background-color:#0d6efd}
.dropdown-item.disabled,.dropdown-item:disabled{color:#adb5bd;pointer-events:none;background-color:transparent}
.dropdown-menu.show{display:block}
.dropdown-menu-dark .dropdown-item.active,.dropdown-menu-dark .dropdown-item:active{color:#fff;background-color:#0d6efd}
.dropdown-menu-dark .dropdown-item.disabled,.dropdown-menu-dark .dropdown-item:disabled{color:#adb5bd}
.btn-group-vertical>.btn,.btn-group>.btn{position:relative;flex:1 1 auto}
.btn-group-vertical>.btn-check:checked+.btn,.btn-group-vertical>.btn-check:focus+.btn,.btn-group-vertical>.btn.active,.btn-group-vertical>.btn:active,.btn-group-vertical>.btn:focus,.btn-group-vertical>.btn:hover,.btn-group>.btn-check:checked+.btn,.btn-group>.btn-check:focus+.btn,.btn-group>.btn.active,.btn-group>.btn:active,.btn-group>.btn:focus,.btn-group>.btn:hover{z-index:1}
.btn-group>.btn-group:not(:first-child),.btn-group>.btn:not(:first-child){margin-left:-1px}
.btn-group>.btn-group:not(:last-child)>.btn,.btn-group>.btn:not(:last-child):not(.dropdown-toggle){border-top-right-radius:0;border-bottom-right-radius:0}
.btn-group>.btn-group:not(:first-child)>.btn,.btn-group>.btn:nth-child(n/**/+3),.btn-group>:not(.btn-check)+.btn{border-top-left-radius:0;border-bottom-left-radius:0}
.btn-group-sm>.btn+.dropdown-toggle-split,.btn-sm+.dropdown-toggle-split{padding-right:.375rem;padding-left:.375rem}
.btn-group-lg>.btn+.dropdown-toggle-split,.btn-lg+.dropdown-toggle-split{padding-right:.75rem;padding-left:.75rem}
.btn-group-vertical>.btn,.btn-group-vertical>.btn-group{width:100%}
.btn-group-vertical>.btn-group:not(:first-child),.btn-group-vertical>.btn:not(:first-child){margin-top:-1px}
.btn-group-vertical>.btn-group:not(:last-child)>.btn,.btn-group-vertical>.btn:not(:last-child):not(.dropdown-toggle){border-bottom-right-radius:0;border-bottom-left-radius:0}
.btn-group-vertical>.btn-group:not(:first-child)>.btn,.btn-group-vertical>.btn~.btn{border-top-left-radius:0;border-top-right-radius:0}
.nav{display:flex;flex-wrap:wrap;padding-left:0;margin-bottom:0;list-style:none}
.nav-link{display:block;padding:.5rem 1rem;color:#0d6efd;text-decoration:none;transition:color .15s ease-in-out,background-color .15s ease-in-out,border-color .15s ease-in-out}
@media (prefers-reduced-motion:reduce){.nav-link{transition:none}
}
.nav-link:focus,.nav-link:hover{color:#0a58ca}
.nav-link.disabled{color:#6c757d;pointer-events:none;cursor:default}
.nav-tabs .nav-link{margin-bottom:-1px;background:0 0;border:1px solid transparent;border-top-left-radius:.25rem;border-top-right-radius:.25rem}
.nav-tabs .nav-link:focus,.nav-tabs .nav-link:hover{border-color:#e9ecef #e9ecef #dee2e6;isolation:isolate}
.nav-tabs .nav-link.disabled{color:#6c757d;background-color:transparent;border-color:transparent}
.nav-tabs .nav-item.show .nav-link,.nav-tabs .nav-link.active{color:#495057;background-color:#fff;border-color:#dee2e6 #dee2e6 #fff}
.nav-pills .nav-link{background:0 0;border:0;border-radius:.25rem}
.nav-pills .nav-link.active,.nav-pills .show>.nav-link{color:#fff;background-color:#0d6efd}
.nav-fill .nav-item,.nav-fill>.nav-link{flex:1 1 auto;text-align:center}
.nav-justified .nav-item,.nav-justified>.nav-link{flex-basis:0;flex-grow:1;text-align:center}
.nav-fill .nav-item .nav-link,.nav-justified .nav-item .nav-link{width:100%}
.tab-content>.active{display:block}
.navbar>.container,.navbar>.container-fluid,.navbar>.container-lg,.navbar>.container-md,.navbar>.container-sm,.navbar>.container-xl,.navbar>.container-xxl{display:flex;flex-wrap:inherit;align-items:center;justify-content:space-between}
.navbar-nav .nav-link{padding-right:0;padding-left:0}
@media (min-width:576px){.navbar-expand-sm .navbar-nav .nav-link{padding-right:.5rem;padding-left:.5rem}
}
@media (min-width:768px){.navbar-expand-md .navbar-nav .nav-link{padding-right:.5rem;padding-left:.5rem}
}
@media (min-width:992px){.navbar-expand-lg .navbar-nav .nav-link{padding-right:.5rem;padding-left:.5rem}
}
@media (min-width:1200px){.navbar-expand-xl .navbar-nav .nav-link{padding-right:.5rem;padding-left:.5rem}
}
@media (min-width:1400px){.navbar-expand-xxl .navbar-nav .nav-link{padding-right:.5rem;padding-left:.5rem}
}
.navbar-expand .navbar-nav .nav-link{padding-right:.5rem;padding-left:.5rem}
.navbar-light .navbar-nav .nav-link{color:rgba(0,0,0,.55)}
.navbar-light .navbar-nav .nav-link:focus,.navbar-light .navbar-nav .nav-link:hover{color:rgba(0,0,0,.7)}
.navbar-light .navbar-nav .nav-link.disabled{color:rgba(0,0,0,.3)}
.navbar-light .navbar-nav .nav-link.active,.navbar-light .navbar-nav .show>.nav-link{color:rgba(0,0,0,.9)}
.navbar-dark .navbar-nav .nav-link{color:rgba(255,255,255,.55)}
.navbar-dark .navbar-nav .nav-link:focus,.navbar-dark .navbar-nav .nav-link:hover{color:rgba(255,255,255,.75)}
.navbar-dark .navbar-nav .nav-link.disabled{color:rgba(255,255,255,.25)}
.navbar-dark .navbar-nav .nav-link.active,.navbar-dark .navbar-nav .show>.nav-link{color:#fff}
.card{position:relative;display:flex;flex-direction:column;min-width:0;word-wrap:break-word;background-color:#fff;background-clip:border-box;border:1px solid rgba(0,0,0,.125);border-radius:.25rem}
.card>hr{margin-right:0;margin-left:0}
.card>.list-group{border-top:inherit;border-bottom:inherit}
.card>.list-group:first-child{border-top-width:0;border-top-left-radius:calc(.25rem - 1px);border-top-right-radius:calc(.25rem - 1px)}
.card>.list-group:last-child{border-bottom-width:0;border-bottom-right-radius:calc(.25rem - 1px);border-bottom-left-radius:calc(.25rem - 1px)}
.card>.card-header+.list-group,.card>.list-group+.card-footer{border-top:0}
.card-group>.card{margin-bottom:.75rem}
@media (min-width:576px){.card-group>.card{flex:1 0 0%;margin-bottom:0}
.card-group>.card+.card{margin-left:0;border-left:0}
.card-group>.card:not(:last-child){border-top-right-radius:0;border-bottom-right-radius:0}
.card-group>.card:not(:last-child) .card-header,.card-group>.card:not(:last-child) .card-img-top{border-top-right-radius:0}
.card-group>.card:not(:last-child) .card-footer,.card-group>.card:not(:last-child) .card-img-bottom{border-bottom-right-radius:0}
.card-group>.card:not(:first-child){border-top-left-radius:0;border-bottom-left-radius:0}
.card-group>.card:not(:first-child) .card-header,.card-group>.card:not(:first-child) .card-img-top{border-top-left-radius:0}
.card-group>.card:not(:first-child) .card-footer,.card-group>.card:not(:first-child) .card-img-bottom{border-bottom-left-radius:0}
}
.accordion-button:not(.collapsed){color:#0c63e4;background-color:#e7f1ff;box-shadow:inset 0 -1px 0 rgba(0,0,0,.125)}
.accordion-button:not(.collapsed)::after{background-image:url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16' fill='%230c63e4'%3e%3cpath fill-rule='evenodd' d='M1.646 4.646a.5.5 0 0 1 .708 0L8 10.293l5.646-5.647a.5.5 0 0 1 .708.708l-6 6a.5.5 0 0 1-.708 0l-6-6a.5.5 0 0 1 0-.708z'/%3e%3c/svg%3e");transform:rotate(-180deg)}
.accordion-item:not(:first-of-type){border-top:0}
.breadcrumb-item.active{color:#6c757d}
.page-item:not(:first-child) .page-link{margin-left:-1px}
.page-item.active .page-link{z-index:3;color:#fff;background-color:#0d6efd;border-color:#0d6efd}
.page-item.disabled .page-link{color:#6c757d;pointer-events:none;background-color:#fff;border-color:#dee2e6}
.btn .badge{position:relative;top:-1px}
.alert{position:relative;padding:1rem 1rem;margin-bottom:1rem;border:1px solid transparent;border-radius:.25rem}
@-webkit-keyframes progress-bar-stripes{0%{background-position-x:1rem}}
@keyframes progress-bar-stripes{0%{background-position-x:1rem}}
.progress{display:flex;height:1rem;overflow:hidden;font-size:.75rem;background-color:#e9ecef;border-radius:.25rem}
.list-group-item.disabled,.list-group-item:disabled{color:#6c757d;pointer-events:none;background-color:#fff}
.list-group-item.active{z-index:2;color:#fff;background-color:#0d6efd;border-color:#0d6efd}
.list-group-item+.list-group-item.active{margin-top:-1px;border-top-width:1px}
.list-group-horizontal>.list-group-item.active{margin-top:0}
.list-group-horizontal>.list-group-item+.list-group-item.active{margin-left:-1px;border-left-width:1px}
@media (min-width:576px){.list-group-horizontal-sm>.list-group-item.active{margin-top:0}
.list-group-horizontal-sm>.list-group-item+.list-group-item.active{margin-left:-1px;border-left-width:1px}
}
@media (min-width:768px){.list-group-horizontal-md>.list-group-item.active{margin-top:0}
.list-group-horizontal-md>.list-group-item+.list-group-item.active{margin-left:-1px;border-left-width:1px}
}
@media (min-width:992px){.list-group-horizontal-lg>.list-group-item.active{margin-top:0}
.list-group-horizontal-lg>.list-group-item+.list-group-item.active{margin-left:-1px;border-left-width:1px}
}
@media (min-width:1200px){.list-group-horizontal-xl>.list-group-item.active{margin-top:0}
.list-group-horizontal-xl>.list-group-item+.list-group-item.active{margin-left:-1px;border-left-width:1px}
}
@media (min-width:1400px){.list-group-horizontal-xxl>.list-group-item.active{margin-top:0}
.list-group-horizontal-xxl>.list-group-item+.list-group-item.active{margin-left:-1px;border-left-width:1px}
}
.list-group-item-primary.list-group-item-action.active{color:#fff;background-color:#084298;border-color:#084298}
.list-group-item-secondary.list-group-item-action.active{color:#fff;background-color:#41464b;border-color:#41464b}
.list-group-item-success.list-group-item-action.active{color:#fff;background-color:#0f5132;border-color:#0f5132}
.list-group-item-info.list-group-item-action.active{color:#fff;background-color:#055160;border-color:#055160}
.list-group-item-warning.list-group-item-action.active{color:#fff;background-color:#664d03;border-color:#664d03}
.list-group-item-danger.list-group-item-action.active{color:#fff;background-color:#842029;border-color:#842029}
.list-group-item-light.list-group-item-action.active{color:#fff;background-color:#636464;border-color:#636464}
.list-group-item-dark.list-group-item-action.active{color:#fff;background-color:#141619;border-color:#141619}
.btn-close.disabled,.btn-close:disabled{pointer-events:none;-webkit-user-select:none;-moz-user-select:none;user-select:none;opacity:.25}
.toast{width:350px;max-width:100%;font-size:.875rem;pointer-events:auto;background-color:rgba(255,255,255,.85);background-clip:padding-box;border:1px solid rgba(0,0,0,.1);box-shadow:0 .5rem 1rem rgba(0,0,0,.15);border-radius:.25rem}
.toast.showing{opacity:0}
.toast:not(.show){display:none}
.toast-container{width:-webkit-max-content;width:-moz-max-content;width:max-content;max-width:100%;pointer-events:none}
.toast-container>:not(:last-child){margin-bottom:.75rem}
.modal.fade .modal-dialog{transition:transform .3s ease-out;transform:translate(0,-50px)}
@media (prefers-reduced-motion:reduce){.modal.fade .modal-dialog{transition:none}
}
.modal.show .modal-dialog{transform:none}
.modal-backdrop.fade{opacity:0}
.modal-backdrop.show{opacity:.5}
.tooltip.show{opacity:.9}
.popover{position:absolute;top:0;left:0;z-index:1070;display:block;max-width:276px;font-family:var(--bs-font-sans-serif);font-style:normal;font-weight:400;line-height:1.5;text-align:left;text-align:start;text-decoration:none;text-shadow:none;text-transform:none;letter-spacing:normal;word-break:normal;word-spacing:normal;white-space:normal;line-break:auto;font-size:.875rem;word-wrap:break-word;background-color:#fff;background-clip:padding-box;border:1px solid rgba(0,0,0,.2);border-radius:.3rem}
.popover .popover-arrow{position:absolute;display:block;width:1rem;height:.5rem}
.popover .popover-arrow::after,.popover .popover-arrow::before{position:absolute;display:block;content:"";border-color:transparent;border-style:solid}
.carousel-item-next,.carousel-item-prev,.carousel-item.active{display:block}
.active.carousel-item-end,.carousel-item-next:not(.carousel-item-start){transform:translateX(100%)}
.active.carousel-item-start,.carousel-item-prev:not(.carousel-item-end){transform:translateX(-100%)}
.carousel-fade .carousel-item-next.carousel-item-start,.carousel-fade .carousel-item-prev.carousel-item-end,.carousel-fade .carousel-item.active{z-index:1;opacity:1}
.carousel-fade .active.carousel-item-end,.carousel-fade .active.carousel-item-start{z-index:0;opacity:0;transition:opacity 0s .6s}
@media (prefers-reduced-motion:reduce){.carousel-fade .active.carousel-item-end,.carousel-fade .active.carousel-item-start{transition:none}
}
.carousel-indicators .active{opacity:1}
@-webkit-keyframes spinner-border{to{transform:rotate(360deg)}}
@keyframes spinner-border{to{transform:rotate(360deg)}}
@-webkit-keyframes spinner-grow{0%{transform:scale(0)}50%{opacity:1;transform:none}}
@keyframes spinner-grow{0%{transform:scale(0)}50%{opacity:1;transform:none}}
.offcanvas-backdrop.fade{opacity:0}
.offcanvas-backdrop.show{opacity:.5}
.offcanvas.show{transform:none}
.placeholder.btn::before{display:inline-block;content:""}
@-webkit-keyframes placeholder-glow{50%{opacity:.2}}
@keyframes placeholder-glow{50%{opacity:.2}}
@-webkit-keyframes placeholder-wave{100%{-webkit-mask-position:-200% 0%;mask-position:-200% 0%}}
@keyframes placeholder-wave{100%{-webkit-mask-position:-200% 0%;mask-position:-200% 0%}}
.visually-hidden,.visually-hidden-focusable:not(:focus):not(:focus-within){position:absolute!important;width:1px!important;height:1px!important;padding:0!important;margin:-1px!important;overflow:hidden!important;clip:rect(0,0,0,0)!important;white-space:nowrap!important;border:0!important}
.border{border:1px solid #dee2e6!important}
.border-top{border-top:1px solid #dee2e6!important}
.border-bottom{border-bottom:1px solid #dee2e6!important}
.flex-wrap{flex-wrap:wrap!important}
.text-wrap{white-space:normal!important}
.visible{visibility:visible!important}

@font-face{font-family:Icons;src:url('/css/open-iconic/font/fonts/open-iconic.eot?v=OK3poGPgzKI2NzNgP07XMbJa3Dz6USoUh_chSkSvQpc');src:url('/css/open-iconic/font/fonts/open-iconic.eot?&v=OK3poGPgzKI2NzNgP07XMbJa3Dz6USoUh_chSkSvQpc#iconic-sm') format("embedded-opentype"),url('/css/open-iconic/font/fonts/open-iconic.woff?v=cZPqVlRJfSNW0KaQ4-UPOXZ_v_QzXlejRDwUNdZIofI') format("woff"),url('/css/open-iconic/font/fonts/open-iconic.ttf?v=p-RP8CV3vRK1YbIkNzq3rPo1jyETPnR07ULb-HVYL8w') format("truetype"),url('/css/open-iconic/font/fonts/open-iconic.otf?v=sDUtuZAEzWZyv_U1xl_9D3ehyU69JE-FvAcu5HQ-_a0') format("opentype"),url('/css/open-iconic/font/fonts/open-iconic.svg?v=-P1oQ5jPzOVJGC52E1oxGXIXxxCyMlqy6A9cNxGYzVk#iconic-sm') format("svg");font-weight:400;font-style:normal}

/* ============================================
   Local Font Definitions
   DSGVO-konform: Keine externen Font-Anfragen
   ============================================ */

/* Manrope Font Family */
@font-face {
    font-family: 'Manrope';
    font-style: normal;
    font-weight: 300;
    font-display: swap;
    src: url('/fonts/manrope-300.ttf?v=is9BbFWuNzYBYaboT9kUibMhH_5VC6F991DijQaFu5M') format('truetype');
}

@font-face {
    font-family: 'Manrope';
    font-style: normal;
    font-weight: 400;
    font-display: swap;
    src: url('/fonts/manrope-400.ttf?v=oT2bQbCkcc5Y8ORtN3-jzHZhXkYyw7Fes5fKrfehPwo') format('truetype');
}

@font-face {
    font-family: 'Manrope';
    font-style: normal;
    font-weight: 500;
    font-display: swap;
    src: url('/fonts/manrope-500.ttf?v=9DPl0zO-ESjY7IoouKrdAxTRDhTkEFQGB2ZmvIMPwV0') format('truetype');
}

@font-face {
    font-family: 'Manrope';
    font-style: normal;
    font-weight: 600;
    font-display: swap;
    src: url('/fonts/manrope-600.ttf?v=a60ad0IoRkzIi4sCcVVbJm96PGSnvt8V4WX9q09qwM4') format('truetype');
}

@font-face {
    font-family: 'Manrope';
    font-style: normal;
    font-weight: 700;
    font-display: swap;
    src: url('/fonts/manrope-700.ttf?v=uVhOCZ4Ofx4ekUwwN6q7kBDFA0ajzo317u7swFYwRNg') format('truetype');
}

/* Space Grotesk Font Family */
@font-face {
    font-family: 'Space Grotesk';
    font-style: normal;
    font-weight: 400;
    font-display: swap;
    src: url('/fonts/spacegrotesk-400.woff2?v=QLi30lP4WO4xzEbAW3NWpixLvvl9DWOgWmPup-_onJg') format('woff2');
}

@font-face {
    font-family: 'Space Grotesk';
    font-style: normal;
    font-weight: 500;
    font-display: swap;
    src: url('/fonts/spacegrotesk-500.woff2?v=KUaMy7wmQxUHvTUAi7JkU80GH7Z1NVsBudXLh7Jdvwk') format('woff2');
}

@font-face {
    font-family: 'Space Grotesk';
    font-style: normal;
    font-weight: 600;
    font-display: swap;
    src: url('/fonts/spacegrotesk-600.woff2?v=DRooBp86SvMWoUmx9bOA-qmcUeVo91NkcIkNbPChj_4') format('woff2');
}

@font-face {
    font-family: 'Space Grotesk';
    font-style: normal;
    font-weight: 700;
    font-display: swap;
    src: url('/fonts/spacegrotesk-700.woff2?v=8OTNQ81ommQXGqk8IzXblQtAks04SDSZIq5yMXOlKAo') format('woff2');
}

/* Instrument Sans (Variable Font, 400-700), Portal-Redesign v2 */
@font-face {
    font-family: 'Instrument Sans';
    font-style: normal;
    font-weight: 400 700;
    font-display: swap;
    src: url('/fonts/instrumentsans-var-latin.woff2?v=LuF1mKmNilnk34FS0BW-yauOTVZyzAq0K--Aa1aOOXE') 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;
}

@font-face {
    font-family: 'Instrument Sans';
    font-style: normal;
    font-weight: 400 700;
    font-display: swap;
    src: url('/fonts/instrumentsans-var-latinext.woff2?v=xPz-pB8sHP7qkhH6Q2eYRUVKHQ4NfpXgacfnPErjAtI') format('woff2');
    unicode-range: U+0100-02BA, U+02BD-02C5, U+02C7-02CC, U+02CE-02D7, U+02DD-02FF, U+1D00-1DBF, U+1E00-1EFF, U+20A0-20AB, U+20AD-20C0, U+2113, U+2C60-2C7F, U+A720-A7FF;
}



:root {
    color-scheme: light;
}
html[data-theme="dark"] {
    color-scheme: dark;
}
:root {
    --layout-brand-blue: #0B2347;
    --layout-brand-purple: #12315E;
    --layout-brand-gradient: linear-gradient(135deg, #0B2347 0%, #12315E 100%);

    --layout-signal: #F5A800;
    --layout-signal-bg: rgba(245, 168, 0, 0.12);
    --layout-signal-ink: #8A6200;

    --layout-bg: #F6F7F9;
    --layout-bg-white: #ffffff;
    --layout-border: rgba(14, 22, 38, 0.09);
    --page-bg: #F6F7F9;

    --layout-text: #0E1626;
    --layout-text-secondary: #45526B;
    --layout-text-muted: #64748B;

    --layout-success: #0E9F6E;
    --layout-success-bg: rgba(14, 159, 110, 0.1);
    --layout-warning: #F5A800;
    --layout-warning-bg: rgba(245, 168, 0, 0.12);
    --layout-danger: #DC2626;
    --layout-danger-bg: rgba(220, 38, 38, 0.09);
    --layout-info: #12315E;
    --layout-info-bg: rgba(18, 49, 94, 0.08);

    --layout-shadow: 0 1px 2px rgba(14, 22, 38, 0.04), 0 10px 28px -14px rgba(11, 35, 71, 0.12);
    --layout-transition: all 250ms cubic-bezier(0.4, 0, 0.2, 1);
}
html[data-theme="dark"] {
    --layout-brand-blue: #1C4488;
    --layout-brand-purple: #1C4488;
    --layout-brand-gradient: linear-gradient(135deg, #16376A 0%, #1C4488 100%);
    --layout-signal: #FFC53D;
    --layout-signal-bg: rgba(255, 197, 61, 0.13);
    --layout-signal-ink: #FFC53D;
    --layout-bg: #1e293b;
    --layout-bg-white: #111B2E;
    --layout-border: rgba(255, 255, 255, 0.08);
    --layout-text: #F1F5FB;
    --layout-text-secondary: #C3CEDF;
    --layout-text-muted: #8FA0B8;
    --page-bg: #1e293b;
    --layout-success: #34D399;
    --layout-success-bg: rgba(52, 211, 153, 0.12);
    --layout-warning: #FFC53D;
    --layout-warning-bg: rgba(255, 197, 61, 0.13);
    --layout-danger: #F87171;
    --layout-danger-bg: rgba(248, 113, 113, 0.1);
    --layout-info: #9DBBEA;
    --layout-info-bg: rgba(125, 165, 230, 0.12);
    --layout-shadow: 0 1px 2px rgba(0, 0, 0, 0.3), 0 12px 30px -16px rgba(0, 0, 0, 0.5);
}
:root {
    --brand-blue: #0B2347;
    --brand-purple: #12315E;
    --brand-gradient: #0B2347;
    --brand-gradient-hover: #12315E;
    --bg-primary: #F6F7F9;
    --bg-secondary: #ffffff;
    --bg-accent: #F1F3F6;
    --text-primary: #0E1626;
    --text-secondary: #45526B;
    --text-muted: #64748B;
    --border: rgba(14, 22, 38, 0.09);
    --shadow-sm: 0 1px 2px rgba(14, 22, 38, 0.04), 0 10px 28px -14px rgba(11, 35, 71, 0.12);
    --shadow-md: 0 2px 4px rgba(14, 22, 38, 0.05), 0 14px 34px -14px rgba(11, 35, 71, 0.18);
    --shadow-lg: 0 8px 32px rgba(11, 35, 71, 0.12);
    --transition-smooth: all 500ms cubic-bezier(0.4, 0, 0.2, 1);
}
html[data-theme="dark"] {
    --bg-primary: #0A101C;
    --bg-secondary: #111B2E;
    --bg-accent: rgba(255, 255, 255, 0.05);
    --text-primary: #F1F5FB;
    --text-secondary: #C3CEDF;
    --text-muted: #8FA0B8;
    --border: rgba(255, 255, 255, 0.1);
    --shadow-sm: 0 1px 2px rgba(0, 0, 0, 0.3), 0 12px 30px -16px rgba(0, 0, 0, 0.5);
    --shadow-md: 0 2px 4px rgba(0, 0, 0, 0.35), 0 16px 36px -16px rgba(0, 0, 0, 0.55);
    --shadow-lg: 0 8px 32px rgba(0, 0, 0, 0.5);
}
body {
    background: var(--bg-primary);
}
html[data-theme="dark"] .login-layout {
    background: #0A101C !important;
}
html[data-theme="dark"] .theme-btn {
    background: #111B2E !important;
    border-color: rgba(255, 255, 255, 0.15) !important;
    color: #F1F5FB !important;
}
html[data-theme="dark"] .auth-tab.active {
    background: rgba(125, 165, 230, 0.14) !important;
    color: #9DBBEA !important;
}
html[data-theme="dark"] .license-option.selected {
    border-color: #9DBBEA !important;
    background: rgba(125, 165, 230, 0.14) !important;
}
html[data-theme="dark"] .license-radio.checked {
    border-color: #9DBBEA !important;
    background: #9DBBEA !important;
}
html[data-theme="dark"] .billing-btn.active {
    border-color: #9DBBEA !important;
    background: rgba(125, 165, 230, 0.14) !important;
    color: #9DBBEA !important;
}
html[data-theme="dark"] .reg-license-card.selected {
    border-color: #9DBBEA !important;
    background: rgba(125, 165, 230, 0.14) !important;
    box-shadow: 0 0 0 3px rgba(125, 165, 230, 0.18) !important;
}
html[data-theme="dark"] .reg-license-card.popular.selected {
    border-color: #9DBBEA !important;
}
html[data-theme="dark"] .reg-license-radio.checked {
    border-color: #9DBBEA !important;
    background: #9DBBEA !important;
}
html[data-theme="dark"] .license-card.selected {
    border-color: #9DBBEA !important;
    background: rgba(125, 165, 230, 0.14) !important;
    box-shadow: 0 0 0 3px rgba(125, 165, 230, 0.18) !important;
}
html[data-theme="dark"] .billing-card.selected {
    border-color: #9DBBEA !important;
    background: rgba(125, 165, 230, 0.14) !important;
    box-shadow: 0 0 0 3px rgba(125, 165, 230, 0.18) !important;
}
html[data-theme="dark"] .purchase-page .summary-row.total strong {
    color: #9DBBEA !important;
}
html, body {
    font-family: "Instrument Sans", "Manrope", "Segoe UI", system-ui, sans-serif;
    font-variant-numeric: tabular-nums;
}
h1:focus {
    outline: none;
}
a, .btn-link {
    color: #12315E;
}
.btn:focus, .btn:active:focus, .btn-link.nav-link:focus, .form-control:focus, .form-check-input:focus {
  box-shadow: 0 0 0 0.1rem white, 0 0 0 0.25rem rgba(245, 168, 0, 0.4);
}
.content {
    padding-top: 1.1rem;
}
.valid.modified:not([type=checkbox]) {
    outline: 1px solid #26b050;
}
.invalid {
    outline: 1px solid red;
}
.validation-message {
    color: red;
}
#blazor-error-ui {
    background: #fff;
    color: #0b2347;
    border-top: 3px solid #f5a800;
    bottom: 0;
    box-shadow: 0 -1px 2px rgba(0, 0, 0, 0.2);
    display: none;
    left: 0;
    padding: 12px 24px;
    position: fixed;
    width: 100%;
    z-index: 1000;
}
#blazor-error-ui .portal-connection-error-content { display:flex; align-items:center; flex-wrap:wrap; gap:12px 20px; max-width:1180px; margin:auto; font:400 15px/1.6 "Instrument Sans",Arial,sans-serif; }
#blazor-error-ui .portal-connection-error-message { flex:1 1 280px; }
#blazor-error-ui .reload, #blazor-error-ui .dismiss { min-height:44px; display:inline-flex; align-items:center; justify-content:center; padding:9px 16px; border:1px solid #0b2347; border-radius:4px; font:600 14px/1.5 "Instrument Sans",Arial,sans-serif; cursor:pointer; }
#blazor-error-ui .reload { background:#f5a800; color:#0b2347; border-color:#f5a800; text-decoration:none; }
#blazor-error-ui .dismiss { position:static; background:transparent; color:inherit; }
#blazor-error-ui :focus-visible { outline:3px solid #315e9d; outline-offset:3px; }
[data-theme="dark"] #blazor-error-ui { background:#111e31; color:#eff4fb; }
[data-theme="dark"] #blazor-error-ui .dismiss { border-color:#536781; }
@media(max-width:480px) {#blazor-error-ui { padding:12px 16px; }
#blazor-error-ui .portal-connection-error-content { gap:10px; }
}
.portal-toast-container {
    position: fixed;
    top: 80px;
    right: 32px;
    display: flex;
    flex-direction: column;
    gap: 0.75rem;
    z-index: 40000;
}
.portal-toast {
    min-width: 280px;
    max-width: 380px;
    background: #111B2E;
    border-radius: 16px;
    padding: 14px 18px;
    color: #F1F5FB;
    box-shadow: 0 20px 40px rgba(0,0,0,0.5);
    border: 1px solid rgba(255, 255, 255, 0.12);
    display: flex;
    align-items: center;
    gap: 12px;
}
.portal-toast.success {
    border-color: rgba(52, 211, 153, 0.45);
}
.portal-toast.danger {
    border-color: rgba(248,113,113,0.4);
}
.portal-toast .toast-icon {
    width: 32px;
    height: 32px;
    border-radius: 999px;
    background: rgba(255,255,255,0.08);
    display: flex;
    align-items: center;
    justify-content: center;
    font-size: 1rem;
}
.portal-toast .toast-content {
    flex: 1;
}
.portal-toast .title {
    font-weight: 600;
    margin-bottom: 2px;
}
.portal-toast .body {
    font-size: 0.9rem;
    color: #C3CEDF;
}
.toast-close {
    border: none;
    background: transparent;
    color: #C3CEDF;
    font-size: 1rem;
    cursor: pointer;
}
html[data-theme="dark"] .license-card.warning .license-status-badge {
    background: rgba(245, 168, 0, 0.2) !important;
    color: #FFC53D !important;
}
html[data-theme="light"] .btn-logout:hover,
html:not([data-theme]) .btn-logout:hover {
    background: rgba(220, 38, 38, 0.1) !important;
    border-color: #DC2626 !important;
    color: #DC2626 !important;
}
html[data-theme="dark"] .app-main,
html[data-theme="dark"] .app-layout .footer {
    background: #101c2e !important;
}
html[data-theme="light"] .app-content,
html[data-theme="light"] .app-main,
html[data-theme="light"] .app-layout .footer {
    background: #f4f6f8 !important;
}
html[data-theme="dark"] .nav-brand {
    color: #ffffff !important;
}
html[data-theme="dark"] .nav-link {
    color: #C7D2E3 !important;
}
html[data-theme="dark"] .nav-link svg {
    color: rgba(199, 210, 227, 0.7) !important;
}
html[data-theme="dark"] .nav-link:hover {
    background: rgba(255, 255, 255, 0.05) !important;
    color: #ffffff !important;
}
html[data-theme="dark"] .nav-link:hover svg {
    color: #ffffff !important;
}
html[data-theme="dark"] .nav-link.active {
    background: rgba(255, 255, 255, 0.1) !important;
    color: #ffffff !important;
}
html[data-theme="dark"] .nav-link.active svg {
    color: #ffffff !important;
}
html[data-theme="dark"] .nav-badge.warning {
    background: rgba(255, 197, 61, 0.2) !important;
    color: #FFC53D !important;
}
html[data-theme="dark"] .nav-badge.info {
    background: rgba(125, 165, 230, 0.18) !important;
    color: #9DBBEA !important;
}
html[data-theme="dark"] .toast-close {
    color: #8FA0B8 !important;
}
html[data-theme="dark"] .toast-close:hover {
    background: rgba(255, 255, 255, 0.05) !important;
    color: #F1F5FB !important;
}
html[data-theme="dark"] .reports-page .kpi-card,
html[data-theme="dark"] .reports-page .report-section {
    background: #111B2E !important;
    border-color: rgba(255, 255, 255, 0.08) !important;
}
html[data-theme="dark"] .toast-container .toast-item {
    background: #111B2E !important;
    border: 2px solid rgba(255, 255, 255, 0.1) !important;
    box-shadow: 0 8px 32px rgba(0, 0, 0, 0.5) !important;
}
html[data-theme="dark"] .toast-container .toast-title {
    color: #F1F5FB !important;
}
html[data-theme="dark"] .toast-container .toast-message {
    color: #C3CEDF !important;
}
html[data-theme="dark"] .toast-container .toast-close {
    background: rgba(255, 255, 255, 0.1) !important;
    border-color: rgba(255, 255, 255, 0.1) !important;
    color: #8FA0B8 !important;
}
html[data-theme="dark"] .toast-container .toast-close:hover {
    background: rgba(248, 113, 113, 0.2) !important;
    border-color: #F87171 !important;
    color: #fca5a5 !important;
}
html[data-theme="dark"] .toast-container .toast-item.success {
    border-color: #34D399 !important;
}
html[data-theme="dark"] .toast-container .toast-item.success .toast-icon {
    background: rgba(52, 211, 153, 0.18) !important;
    color: #34D399 !important;
}
html[data-theme="dark"] .toast-container .toast-item.danger {
    border-color: #F87171 !important;
}
html[data-theme="dark"] .toast-container .toast-item.danger .toast-icon {
    background: rgba(248, 113, 113, 0.2) !important;
    color: #fca5a5 !important;
}
html[data-theme="dark"] .toast-container .toast-item.info {
    border-color: #9DBBEA !important;
}
html[data-theme="dark"] .toast-container .toast-item.info .toast-icon {
    background: rgba(125, 165, 230, 0.18) !important;
    color: #9DBBEA !important;
}
html[data-theme="dark"] .toast-container .toast-item.warning {
    border-color: #FFC53D !important;
}
html[data-theme="dark"] .toast-container .toast-item.warning .toast-icon {
    background: rgba(255, 197, 61, 0.18) !important;
    color: #FFC53D !important;
}
html[data-theme="dark"] .organisation-page .org-info-card {
    background: #111B2E !important;
    border-color: rgba(255, 255, 255, 0.1) !important;
}
html[data-theme="dark"] .organisation-page .location-card {
    background: #111B2E !important;
    border-color: rgba(255, 255, 255, 0.1) !important;
}
html[data-theme="dark"] .organisation-page .location-card:hover {
    box-shadow: 0 4px 16px rgba(0, 0, 0, 0.4) !important;
}
html[data-theme="dark"] .organisation-page .location-card.headquarters {
    background: rgba(125, 165, 230, 0.12) !important;
    border-color: #9DBBEA !important;
}
html[data-theme="dark"] .organisation-page .status-badge.active {
    background: rgba(52, 211, 153, 0.16) !important;
}
.location-option.active {
    background: rgba(11, 35, 71, 0.07) !important;
    color: #0B2347 !important;
}
html[data-theme="dark"] .location-option.active {
    background: rgba(125, 165, 230, 0.14) !important;
    color: #9DBBEA !important;
}
@keyframes modalIn {
    from {
        opacity: 0;
        transform: scale(0.95);
    }
    to {
        opacity: 1;
        transform: scale(1);
    }
}
.strength-fill.strong {
    background: #0E9F6E !important;
}
.strength-text.strong {
    color: #0E9F6E !important;
}
.modal-footer .btn-primary:hover:not(:disabled) {
    transform: translateY(-1px) !important;
    box-shadow: 0 4px 12px rgba(11, 35, 71, 0.4) !important;
}
html[data-theme="dark"] .strength-text.strong {
    color: #34D399 !important;
}
.driver-popover.autolibs-tour-popover {
    background: #ffffff;
    border-radius: 16px;
    box-shadow: 0 25px 50px -12px rgba(0, 0, 0, 0.25);
    border: 1px solid rgba(0, 0, 0, 0.1);
    max-width: 360px;
}
.driver-popover.autolibs-tour-popover .driver-popover-title {
    font-family: "Manrope", sans-serif;
    font-size: 1.125rem;
    font-weight: 700;
    color: #0E1626;
    margin-bottom: 0.5rem;
}
.driver-popover.autolibs-tour-popover .driver-popover-description {
    font-family: "Manrope", sans-serif;
    font-size: 0.9375rem;
    color: #45526B;
    line-height: 1.6;
}
.driver-popover.autolibs-tour-popover .driver-popover-progress-text {
    font-family: "Manrope", sans-serif;
    font-size: 0.75rem;
    color: #94a3b8;
    font-weight: 500;
}
.driver-popover.autolibs-tour-popover .driver-popover-navigation-btns {
    gap: 0.5rem;
}
.driver-popover.autolibs-tour-popover .driver-popover-prev-btn,
.driver-popover.autolibs-tour-popover .driver-popover-next-btn {
    font-family: "Manrope", sans-serif;
    font-size: 0.875rem;
    font-weight: 600;
    padding: 0.625rem 1.25rem;
    border-radius: 8px;
    transition: all 200ms ease;
}
.driver-popover.autolibs-tour-popover .driver-popover-prev-btn {
    background: #F1F3F6;
    color: #45526B;
    border: none;
}
.driver-popover.autolibs-tour-popover .driver-popover-prev-btn:hover {
    background: rgba(14, 22, 38, 0.09);
    color: #0E1626;
}
.driver-popover.autolibs-tour-popover .driver-popover-next-btn {
    background: #0B2347;
    color: #ffffff;
    border: none;
    box-shadow: 0 4px 12px rgba(11, 35, 71, 0.3);
}
.driver-popover.autolibs-tour-popover .driver-popover-next-btn:hover {
    transform: translateY(-1px);
    box-shadow: 0 6px 16px rgba(11, 35, 71, 0.4);
}
.driver-popover.autolibs-tour-popover .driver-popover-close-btn {
    color: #94a3b8;
}
.driver-popover.autolibs-tour-popover .driver-popover-close-btn:hover {
    color: #45526B;
}
html[data-theme="dark"] .driver-popover.autolibs-tour-popover {
    background: #111B2E;
    border-color: rgba(255, 255, 255, 0.1);
    box-shadow: 0 25px 50px -12px rgba(0, 0, 0, 0.5);
}
html[data-theme="dark"] .driver-popover.autolibs-tour-popover .driver-popover-title {
    color: #F1F5FB;
}
html[data-theme="dark"] .driver-popover.autolibs-tour-popover .driver-popover-description {
    color: #C3CEDF;
}
html[data-theme="dark"] .driver-popover.autolibs-tour-popover .driver-popover-progress-text {
    color: #8FA0B8;
}
html[data-theme="dark"] .driver-popover.autolibs-tour-popover .driver-popover-prev-btn {
    background: rgba(255, 255, 255, 0.1);
    color: #C3CEDF;
}
html[data-theme="dark"] .driver-popover.autolibs-tour-popover .driver-popover-prev-btn:hover {
    background: rgba(255, 255, 255, 0.16);
    color: #F1F5FB;
}
html[data-theme="dark"] .driver-popover.autolibs-tour-popover .driver-popover-next-btn {
    background: #1C4488;
}
html[data-theme="dark"] .driver-popover.autolibs-tour-popover .driver-popover-close-btn {
    color: #8FA0B8;
}
html[data-theme="dark"] .driver-popover.autolibs-tour-popover .driver-popover-close-btn:hover {
    color: #C3CEDF;
}
.driver-overlay {
    background: rgba(15, 23, 42, 0.75) !important;
}
html[data-theme="dark"] .driver-overlay {
    background: rgba(0, 0, 0, 0.8) !important;
}
:is(.app-layout, .onboarding-page) :is(.customer-card.selected, .license-card.selected, .billing-card.selected) {
    border-color: #F5A800;
    background: #fff6e1;
    color: #0B2347;
    box-shadow: inset 3px 0 #F5A800;
}
[data-theme="dark"] :is(.app-layout, .onboarding-page) :is(.customer-card.selected, .license-card.selected, .billing-card.selected) {
    background: #332d20;
    border-color: #F5A800;
    color: #edf3fc;
}
:is(.app-layout, .onboarding-page, .auth-page) input:is([type="checkbox"], [type="radio"]) { accent-color: #F5A800 !important; }
.settings-page .reminder-option:has(input:checked) { border-color: #F5A800; background: #fff6e1; }
[data-theme="dark"] .settings-page .reminder-option:has(input:checked) { background: #332d20; }
.app-layout :is(.switch input:checked + .slider, .toggle-switch input:checked + .toggle-slider) { background: #F5A800 !important; border-color: #F5A800 !important; }
.app-layout :is(.switch input:checked + .slider, .toggle-switch input:checked + .toggle-slider)::before { background: #0B2347 !important; }
.app-layout :is(.switch input:not(:checked) + .slider, .toggle-switch input:not(:checked) + .toggle-slider) { background: #fdefef !important; border-color: #ab2727 !important; }
.app-layout :is(.switch input:not(:checked) + .slider, .toggle-switch input:not(:checked) + .toggle-slider)::before { background: #ab2727 !important; }
[data-theme="dark"] .app-layout :is(.switch input:not(:checked) + .slider, .toggle-switch input:not(:checked) + .toggle-slider) { background: #402934 !important; border-color: #ffb1b1 !important; }
[data-theme="dark"] .app-layout :is(.switch input:not(:checked) + .slider, .toggle-switch input:not(:checked) + .toggle-slider)::before { background: #ffb1b1 !important; }
.app-layout :is(.status-value.inactive, .status-badge.inactive, .res-inactive-badge) { color: #ab2727 !important; background: #fdefef !important; }
[data-theme="dark"] .app-layout :is(.status-value.inactive, .status-badge.inactive, .res-inactive-badge) { color: #ffb1b1 !important; background: #402934 !important; }
:is(.app-layout, .onboarding-page) :is(.btn-danger, .wh-btn-danger, .btn-delete, .btn-delete-confirm, .btn-delete-service, .btn-remove, .btn-remove-admin, .btn-remove-line, .btn-remove-break, .btn-remove-small, .btn-remove-mini, .btn-deactivate, .danger-link) {
    color: #ab2727 !important;
    background: transparent !important;
}
[data-theme="dark"] :is(.app-layout, .onboarding-page) :is(.btn-danger, .wh-btn-danger, .btn-delete, .btn-delete-confirm, .btn-delete-service, .btn-remove, .btn-remove-admin, .btn-remove-line, .btn-remove-break, .btn-remove-small, .btn-remove-mini, .btn-deactivate, .danger-link) {
    color: #ffb1b1 !important;
}
[data-theme="dark"] .app-layout .employee-pill.selected { color: #ffffff !important; }
body:has(.vehicle-scan-modal) #cookie-settings-link { visibility: hidden; }
body:has(.supplier-import .li-dialog[open]) #cookie-settings-link { visibility: hidden; }

.seo-page{--s-ink:#0b2347;--s-muted:#59677a;--s-paper:#fff;--s-wash:#f3f5f7;--s-line:#dce1e7;--s-yellow:#f5a800;--s-soft:#eaf0f5;--s-navy:#0b2347;margin:0;background:var(--s-paper);color:var(--s-ink);font:16px/1.65 'Instrument Sans',Arial,sans-serif}

[data-theme='dark'] .seo-page{--s-ink:#edf3fd;--s-muted:#acbbcf;--s-paper:#0e1929;--s-wash:#142235;--s-line:#304056;--s-soft:#1d3049;--s-yellow:#ffc13b}

.seo-page *{box-sizing:border-box}
.seo-page a{color:inherit;text-decoration:none}
.seo-page button,.seo-page input{font:inherit}
.seo-page button,.seo-page a{touch-action:manipulation}
.seo-page a:focus-visible,.seo-page button:focus-visible,.seo-page summary:focus-visible{outline:3px solid var(--s-yellow);outline-offset:5px}
.seo-page img{display:block;max-width:100%;height:auto}
.seo-page p{margin:0 0 20px}
.seo-page h1,.seo-page h2,.seo-page h3{margin:0;line-height:1.12;letter-spacing:-.045em;font-weight:600}
.seo-page h1{font-size:clamp(42px,5.3vw,74px)}
.seo-page h2{font-size:clamp(31px,3.3vw,47px)}
.seo-page h3{font-size:24px;letter-spacing:-.025em}
.seo-wrap{width:min(1180px,calc(100% - 72px));margin:auto}
.seo-kicker{display:flex;align-items:center;gap:10px;font-size:11px;font-weight:700;text-transform:uppercase;letter-spacing:.15em;color:var(--s-muted);margin:0 0 24px!important}
.seo-kicker:before{content:'';width:8px;height:8px;background:var(--s-yellow);flex:none}
.seo-eyebrow{font-size:11px;letter-spacing:.1em;text-transform:uppercase;font-weight:600;color:var(--s-muted)}
.seo-intro{font-size:18px;line-height:1.75;color:var(--s-muted);max-width:600px;margin-top:27px!important}
.seo-small{font-size:12px;color:var(--s-muted)}
.seo-arrow{width:20px;height:20px;flex:none}
.seo-actions{display:flex;gap:24px;align-items:center;flex-wrap:wrap;margin:30px 0 15px}
.seo-button{border:0;background:var(--s-yellow);color:#0b2347!important;min-height:53px;display:inline-flex;align-items:center;justify-content:space-between;gap:34px;padding:14px 20px;font-size:14px;font-weight:650;cursor:pointer;border-radius:2px}
.seo-button:hover{filter:brightness(1.045)}
.seo-button .seo-arrow{padding-left:14px;border-left:1px solid rgba(11,35,71,.25);width:36px}
.seo-text-link{display:inline-flex;gap:12px;align-items:center;font-size:14px;font-weight:600;border-bottom:1px solid currentColor;padding-bottom:3px}
.seo-text-link:hover{opacity:.72}

.seo-header{border-bottom:1px solid var(--s-line);background:var(--s-paper)}
.seo-header-inner{min-height:97px;display:flex;align-items:center;justify-content:space-between;gap:35px}
.seo-brand{display:flex;align-items:center;gap:10px;font-size:26px;font-weight:700;letter-spacing:-.055em;line-height:1}
.seo-brand img{width:34px;height:34px}
.seo-brand small{display:block;font-size:9px;font-weight:500;letter-spacing:.09em;margin-top:8px}
.seo-site-links{display:flex;align-items:center;gap:25px;font-size:13px;font-weight:500}
.seo-site-links a[aria-current='page']{text-decoration:underline;text-decoration-color:var(--s-yellow);text-underline-offset:8px;text-decoration-thickness:3px}
.seo-site-links .seo-nav-test{background:var(--s-navy);color:#fff;padding:11px 15px;border-radius:3px}
[data-theme='dark'] .seo-site-links .seo-nav-test{border:1px solid #526988}
.seo-menu-toggle{display:none;background:none;border:1px solid var(--s-line);padding:7px 10px;color:var(--s-ink);border-radius:4px;font-size:13px}
.seo-breadcrumb{font-size:11px;display:flex;gap:10px;color:var(--s-muted);padding-top:26px}
.seo-breadcrumb a{text-decoration:underline;text-underline-offset:3px}
.seo-hero{padding:64px 0 78px}
.seo-hero-grid{display:grid;grid-template-columns:1.07fr .93fr;gap:72px;align-items:center}
.seo-hero-copy h1{max-width:700px}
.seo-hero-visual{position:relative}
.seo-photo{height:auto;aspect-ratio:1.05;object-fit:cover;width:100%;clip-path:polygon(8% 0,100% 0,100% 91%,92% 91%,92% 100%,0 100%,0 9%,8% 9%)}
.seo-photo-caption{display:flex;justify-content:space-between;gap:20px;padding:18px 0 0;font-size:11px;color:var(--s-muted)}
.seo-photo-caption strong{color:var(--s-ink)}
.seo-hero-folio{position:absolute;left:-24px;bottom:32px;background:var(--s-navy);color:white;padding:23px 27px;width:260px;border-left:4px solid var(--s-yellow)}
.seo-hero-folio b{font-size:18px;display:block}
.seo-hero-folio span{font-size:12px;display:block;color:#ccd7e6;margin-top:5px}
.seo-jumpbar{border-block:1px solid var(--s-line);padding:20px 0;background:var(--s-paper)}
.seo-jumps{display:flex;gap:37px;align-items:center;font-size:12px;font-weight:600;flex-wrap:wrap}
.seo-jumps>span{color:var(--s-muted);font-size:10px;letter-spacing:.1em;text-transform:uppercase;margin-right:auto}
.seo-jumps a:hover{text-decoration:underline;text-underline-offset:4px}
.seo-section{padding:92px 0;scroll-margin-top:90px}
.seo-section.wash{background:var(--s-wash)}
.seo-section.navy{background:var(--s-navy);color:#fff}
.seo-section.navy .seo-kicker,.seo-section.navy .seo-intro,.seo-section.navy .seo-small{color:#bdcbdd}
.seo-section-head{display:grid;grid-template-columns:1.1fr .9fr;gap:100px;align-items:end;margin-bottom:50px}
.seo-section-head p:last-child{margin:0;color:var(--s-muted);font-size:16px}
.seo-section.navy .seo-section-head p:last-child{color:#bdcbdd}
.seo-rule-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:35px}
.seo-rule-item{padding:27px 0 0;border-top:1px solid var(--s-line)}
.seo-rule-item .seo-index{font-size:12px;color:var(--s-muted);margin-bottom:22px;display:block}
.seo-rule-item h3{font-size:23px}
.seo-rule-item p{color:var(--s-muted);font-size:14px;margin-top:16px}
.seo-rule-item .seo-text-link{font-size:12px}
.seo-flow{display:grid;grid-template-columns:repeat(4,1fr);gap:0;margin-top:46px}
.seo-flow article{border-top:1px solid #405575;padding:30px 26px 0 0;position:relative}
.seo-flow article:before{content:'';width:7px;height:7px;background:var(--s-yellow);position:absolute;top:-4px;left:0}
.seo-flow .seo-index{color:#8fa4c1;font-size:12px;display:block;margin-bottom:25px}
.seo-flow h3{font-size:22px;line-height:1.2;letter-spacing:-.03em}
.seo-flow p{color:#b8c8dc;font-size:14px;margin-top:17px}
.seo-product-preview{background:var(--s-paper);color:var(--s-ink);border:1px solid var(--s-line);border-radius:5px;overflow:hidden}
.seo-preview-top{display:flex;justify-content:space-between;gap:12px;align-items:center;padding:22px 24px;border-bottom:1px solid var(--s-line)}
.seo-preview-top b{font-size:16px}
.seo-preview-top .seo-small{font-size:10px}
.seo-preview-pill{border:1px solid var(--s-line);border-radius:3px;padding:4px 9px;font-size:10px;color:var(--s-muted)}
.seo-board{display:grid;grid-template-columns:repeat(3,1fr);gap:16px;padding:24px}
.seo-board-col{background:var(--s-wash);border-radius:3px;padding:14px}
.seo-board-col>b{font-size:11px;display:flex;justify-content:space-between;gap:5px;margin-bottom:14px}
.seo-job{background:var(--s-paper);border:1px solid var(--s-line);padding:17px 14px;border-radius:3px;margin-bottom:10px;border-top:3px solid var(--s-ink)}
.seo-job:last-child{margin-bottom:0}
.seo-job.emphasis{border-top-color:var(--s-yellow)}
.seo-job small{font-size:10px;color:var(--s-muted);display:block;margin-bottom:6px}
.seo-job strong{display:block;font-size:13px;line-height:1.4;margin-bottom:8px}
.seo-job p{font-size:11px;color:var(--s-muted);margin:0}
.seo-demo-caption{font-size:11px;color:var(--s-muted);text-align:center;margin:15px 0 0!important}
.seo-feature-row{display:grid;grid-template-columns:.75fr 1.25fr;gap:80px;padding:38px 0;border-top:1px solid var(--s-line)}
.seo-feature-row h3{font-size:24px}
.seo-feature-row p{font-size:15px;color:var(--s-muted);margin:0}
.seo-feature-row .seo-tag{display:inline-block;font-size:10px;letter-spacing:.03em;background:var(--s-soft);padding:4px 8px;margin-top:14px}
.seo-feature-row .seo-text-link{margin-top:18px;font-size:12px}
.seo-note{background:var(--s-wash);border-left:3px solid var(--s-yellow);padding:23px 27px;font-size:14px;line-height:1.7}
.seo-note strong{display:block;margin-bottom:5px}
.seo-note p{margin:0;color:var(--s-muted)}
.seo-image-story{display:grid;grid-template-columns:.85fr 1.15fr;gap:70px;align-items:center}
.seo-image-story img{aspect-ratio:1.2;object-fit:cover;width:100%;border-radius:2px}
.seo-tick-list{list-style:none;margin:25px 0;padding:0}
.seo-tick-list li{padding:12px 0 12px 28px;border-bottom:1px solid var(--s-line);position:relative;font-size:14px}
.seo-tick-list li:before{content:'✓';position:absolute;left:0;font-weight:600}
.seo-prices{display:grid;grid-template-columns:repeat(3,1fr);gap:20px}
.seo-price{padding:32px;background:var(--s-paper);border:1px solid var(--s-line);border-radius:3px;display:flex;flex-direction:column;position:relative}
.seo-price.pro{border-top:4px solid var(--s-yellow);padding-top:29px}
.seo-price h3{font-size:24px}
.seo-price>p{font-size:13px;color:var(--s-muted);margin:14px 0 24px;min-height:43px}
.seo-price-amount{font-size:42px;letter-spacing:-.05em;font-weight:600;line-height:1.2}
.seo-price-amount span{font-size:20px}
.seo-price .seo-small{font-size:11px}
.seo-price .seo-tick-list{flex:1;font-size:13px;margin-top:24px}
.seo-price .seo-tick-list li{font-size:12px;padding-top:10px;padding-bottom:10px}
.seo-price .seo-button{font-size:13px;justify-content:center;width:100%;background:var(--s-soft);color:var(--s-ink)!important;gap:16px}
.seo-price.pro .seo-button{background:var(--s-yellow);color:#0b2347!important}
.seo-faq-grid{display:grid;grid-template-columns:.7fr 1.3fr;gap:95px}
.seo-faq-list{border-top:1px solid var(--s-line)}
.seo-faq-list details{border-bottom:1px solid var(--s-line)}
.seo-faq-list summary{padding:22px 35px 22px 0;cursor:pointer;list-style:none;font-size:16px;font-weight:600;position:relative;line-height:1.4}
.seo-faq-list summary::-webkit-details-marker{display:none}
.seo-faq-list summary:after{content:'+';position:absolute;right:5px;top:19px;font-size:23px;font-weight:400}
.seo-faq-list details[open] summary:after{content:'−'}
.seo-faq-list details p{font-size:14px;color:var(--s-muted);padding-right:25px}
.seo-end{padding:70px 0;background:var(--s-navy);color:#fff}
.seo-end-grid{display:flex;justify-content:space-between;gap:70px;align-items:center}
.seo-end p{color:#c1cee0;margin:20px 0 0}
.seo-end h2{max-width:650px}
.seo-end .seo-button{flex:none}
.seo-footer{padding:50px 0 25px;background:var(--s-wash);font-size:12px}
.seo-footer-grid{display:grid;grid-template-columns:1.4fr 1fr 1fr;gap:45px}
.seo-footer p{font-size:12px;color:var(--s-muted);margin-top:20px}
.seo-footer-group{display:flex;flex-direction:column;align-items:start;gap:10px}
.seo-footer-group b{font-size:10px;letter-spacing:.1em;text-transform:uppercase;margin-bottom:5px}
.seo-footer-bottom{display:flex;justify-content:space-between;gap:22px;border-top:1px solid var(--s-line);padding-top:23px;margin-top:40px;color:var(--s-muted);font-size:10px}
.seo-footer-bottom div{display:flex;gap:20px}
.seo-footer a:hover{text-decoration:underline;text-underline-offset:4px}
.seo-store-row{display:flex;gap:9px;flex-wrap:wrap;margin-top:22px}
.seo-store-button{padding:0;border:0;background:none;cursor:pointer;display:block}
.seo-store-button svg{width:145px;height:auto;display:block}
/* Kunden-App: zwei Perspektiven, ein gemeinsamer Termin. */
.seo-app-hero{padding-bottom:85px}
.seo-app-hero .seo-hero-grid{grid-template-columns:1.1fr .9fr;gap:100px}
.seo-phone-scene{padding:25px 35px 24px;background:var(--s-navy);border-radius:3px;position:relative;isolation:isolate}
.seo-phone{background:#f7f9fc;color:#0b2347;width:252px;border:6px solid #7287a1;border-radius:30px;margin:0 auto;padding:16px 17px 20px;box-shadow:0 20px 40px #0002}
.seo-phone-status{display:flex;justify-content:space-between;font-size:9px;padding:0 3px;margin-bottom:21px}
.seo-phone .seo-phone-brand{display:flex;align-items:center;justify-content:center;gap:6px;font-size:12px;font-weight:700;margin-bottom:23px}
.seo-phone-brand img{width:20px;height:20px}
.seo-phone h3{font-size:20px;letter-spacing:-.035em;line-height:1.25}
.seo-phone-card{background:#fff;border:1px solid #dce4ed;border-radius:8px;padding:14px;margin-top:17px;font-size:11px}
.seo-phone-card b{font-size:12px;display:block;margin-bottom:6px}
.seo-phone-card span{color:#5b6c84}
.seo-phone-card hr{border:0;border-top:1px solid #e0e5ed;margin:11px 0}
.seo-phone-progress{list-style:none;margin:15px 0 0;padding:0}
.seo-phone-progress li{position:relative;padding:9px 0 9px 29px;font-size:11px}
.seo-phone-progress li:before{content:'✓';position:absolute;left:0;top:10px;background:#e6edef;width:18px;height:18px;display:grid;place-items:center;border-radius:50%;font-size:10px;color:#466364}
.seo-phone-progress li.current{font-weight:700}
.seo-phone-progress li.current:before{background:#0b2347;color:#fff}
.seo-phone-scene>.seo-demo-caption{color:#b9c9de}
.seo-phone-tab{font-size:10px;letter-spacing:.07em;text-transform:uppercase;color:#b8c7dc;margin:0 0 20px;display:flex;align-items:center;gap:8px}
.seo-phone-tab:before{content:'';background:var(--s-yellow);height:6px;width:6px}
.seo-perspectives{display:grid;grid-template-columns:1fr 1fr;border:1px solid var(--s-line);border-radius:3px;overflow:hidden}
.seo-perspective{padding:40px}
.seo-perspective+.seo-perspective{border-left:1px solid var(--s-line);background:var(--s-wash)}
.seo-perspective .seo-eyebrow{display:block;margin-bottom:20px}
.seo-perspective h3{font-size:30px}
.seo-perspective>p{margin-top:20px;color:var(--s-muted);font-size:15px}
.seo-perspective .seo-tick-list{margin-bottom:0}
.seo-customer-flow{display:grid;grid-template-columns:1fr 1fr;column-gap:70px}
.seo-customer-step{display:grid;grid-template-columns:45px 1fr;gap:20px;padding:28px 0;border-top:1px solid var(--s-line)}
.seo-customer-step>span{font-size:28px;line-height:1.2;letter-spacing:-.04em;color:var(--s-muted)}
.seo-customer-step h3{font-size:22px}
.seo-customer-step p{font-size:14px;color:var(--s-muted);margin:15px 0 0}

/* Terminplaner: Planungsvoraussetzungen anhand eines Beispieltages. */
.seo-plan-hero .seo-hero-grid{grid-template-columns:1.1fr .9fr;align-items:start;gap:65px}
.seo-plan-ledger{padding:28px 30px;background:var(--s-wash);border-top:4px solid var(--s-yellow);border-radius:2px}
.seo-plan-ledger h2{font-size:25px;margin:18px 0 23px}
.seo-ledger-row{border-top:1px solid var(--s-line);padding:15px 0;display:flex;justify-content:space-between;gap:15px;font-size:13px;align-items:center}
.seo-ledger-row b{font-size:13px;font-weight:500;line-height:1.4;max-width:210px}
.seo-ledger-row span{font-size:11px;color:var(--s-muted);text-align:right}
.seo-ledger-row:last-child{padding-bottom:0}
.seo-scheduler{border:1px solid var(--s-line);border-radius:4px;background:var(--s-paper);overflow:hidden}
.seo-scheduler-head{padding:23px 25px;display:flex;justify-content:space-between;gap:20px;align-items:center;border-bottom:1px solid var(--s-line)}
.seo-scheduler-head b{display:block;font-size:17px}
.seo-scheduler-head span{font-size:11px;color:var(--s-muted)}
.seo-scheduler-body{padding:25px;overflow-x:auto}
.seo-schedule{min-width:660px}
.seo-schedule-times{display:grid;grid-template-columns:145px repeat(4,1fr);font-size:10px;color:var(--s-muted);padding-bottom:17px}
.seo-schedule-lane{display:grid;grid-template-columns:145px 1fr;align-items:stretch;margin-bottom:17px}
.seo-lane-label{font-size:12px;font-weight:600;padding-top:9px}
.seo-lane-label span{font-size:10px;color:var(--s-muted);display:block;font-weight:400;margin-top:3px}
.seo-lane-track{height:77px;position:relative;background:repeating-linear-gradient(to right,var(--s-wash) 0,var(--s-wash) calc(25% - 1px),var(--s-line) calc(25% - 1px),var(--s-line) 25%);border-block:1px solid var(--s-line)}
.seo-slot{position:absolute;top:7px;bottom:7px;border:0;border-left:3px solid #6687af;background:var(--s-soft);color:var(--s-ink);text-align:left;padding:8px 10px;cursor:pointer;overflow:hidden;border-radius:2px;display:flex;justify-content:center;flex-direction:column;line-height:1.3}
.seo-slot b{font-size:12px}
.seo-slot small{font-size:10px;display:block;margin-top:4px;white-space:nowrap}
.seo-slot.maintenance{background:repeating-linear-gradient(-45deg,var(--s-wash),var(--s-wash) 7px,var(--s-line) 7px,var(--s-line) 8px);border-left-color:var(--s-muted)}
.seo-slot.selected{outline:2px solid var(--s-yellow);outline-offset:1px;background:var(--s-soft)}
.seo-slot.inspection{left:0;width:49%}
.seo-slot.tyres{left:50%;width:24%}
.seo-slot.brakes{left:25%;width:74%}
.seo-slot.maintenance{left:50%;width:49%}
.seo-scheduler-detail{border-top:1px solid var(--s-line);padding:24px 25px;display:grid;grid-template-columns:.8fr 1.2fr;gap:40px;background:var(--s-wash)}
.seo-scheduler-detail h3{font-size:20px;margin:6px 0 10px}
.seo-scheduler-detail p{margin:0;font-size:13px;color:var(--s-muted)}
.seo-detail-tags{display:flex;gap:8px;flex-wrap:wrap;margin-top:12px}
.seo-detail-tags span{background:var(--s-paper);border:1px solid var(--s-line);font-size:10px;padding:5px 8px;border-radius:3px}
.seo-plan-rules{display:grid;grid-template-columns:1fr 1fr;gap:0 65px}
.seo-plan-rule{padding:27px 0;border-top:1px solid var(--s-line);display:grid;grid-template-columns:40px 1fr;gap:18px}
.seo-plan-rule>span{color:var(--s-muted);font-size:12px}
.seo-plan-rule h3{font-size:22px}
.seo-plan-rule p{color:var(--s-muted);font-size:14px;margin:14px 0 0}
.seo-switcher{display:flex;gap:4px;padding:4px;background:var(--s-wash);border:1px solid var(--s-line);border-radius:4px}
.seo-switcher button{background:none;border:none;padding:6px 12px;font-size:11px;color:var(--s-muted);cursor:pointer;border-radius:2px}
.seo-switcher button[aria-pressed='true']{background:var(--s-paper);color:var(--s-ink);box-shadow:0 1px 3px #0001}

@media(min-width:1450px){.seo-wrap{width:min(1240px,calc(100% - 100px))}
.seo-hero-grid{gap:95px}
.seo-hero{padding-top:75px;padding-bottom:90px}
}

@media(max-width:1050px){.seo-wrap{width:calc(100% - 48px)}
.seo-site-links{gap:17px}
.seo-site-links .seo-nav-login{display:none}
.seo-hero-grid,.seo-app-hero .seo-hero-grid,.seo-plan-hero .seo-hero-grid{gap:40px}
.seo-section-head{gap:45px}
.seo-faq-grid{gap:55px}
.seo-price{padding:24px}
.seo-image-story{gap:40px}
.seo-hero-folio{left:-10px;width:230px}
.seo-board{gap:10px;padding:18px}
.seo-board-col{padding:10px}
.seo-phone-scene{padding-inline:20px}
}

@media(max-width:780px){.seo-wrap{width:calc(100% - 40px)}
.seo-header-inner{min-height:78px;gap:15px;flex-wrap:wrap}
.seo-brand{font-size:24px}
.seo-brand img{width:31px;height:31px}
.seo-menu-toggle{display:block}
.seo-site-links{display:none;width:100%;padding-bottom:22px;flex-wrap:wrap;gap:18px 25px}
.seo-site-links.open{display:flex}
.seo-site-links .seo-nav-login{display:inline}
.seo-site-links .seo-nav-test{padding:8px 12px}
.seo-breadcrumb{padding-top:23px}
.seo-hero{padding:42px 0 54px}
.seo-hero-grid,.seo-app-hero .seo-hero-grid,.seo-plan-hero .seo-hero-grid{grid-template-columns:1fr;gap:37px}
.seo-hero-copy h1{max-width:650px;font-size:clamp(43px,7.5vw,65px)}
.seo-intro{font-size:16px;margin-top:23px!important}
.seo-actions{gap:21px;margin-top:24px}
.seo-hero-visual{max-width:560px;width:100%;margin:auto}
.seo-photo{height:auto;aspect-ratio:1.4}
.seo-hero-folio{left:0;bottom:34px;width:250px;padding:20px}
.seo-section{padding:62px 0}
.seo-section-head{grid-template-columns:1fr;gap:25px;margin-bottom:32px}
.seo-section-head h2{max-width:560px}
.seo-jumps{gap:15px 25px;font-size:11px}
.seo-jumps>span{width:100%}
.seo-rule-grid{gap:24px}
.seo-rule-item h3{font-size:21px}
.seo-flow{grid-template-columns:1fr 1fr;gap:25px 20px;margin-top:30px}
.seo-flow article{padding-top:22px}
.seo-flow .seo-index{margin-bottom:15px}
.seo-flow article p{margin-bottom:5px}
.seo-feature-row{gap:28px;grid-template-columns:.8fr 1.2fr;padding:28px 0}
.seo-feature-row h3{font-size:22px}
.seo-image-story{grid-template-columns:1fr;gap:30px}
.seo-image-story img{max-height:360px}
.seo-prices{grid-template-columns:1fr;gap:18px}
.seo-price{padding:28px;display:grid;grid-template-columns:1.3fr .7fr;column-gap:24px}
.seo-price.pro{padding-top:25px}
.seo-price h3,.seo-price>p{grid-column:1}
.seo-price>p{min-height:0;margin:13px 0 0}
.seo-price-amount{grid-column:2;grid-row:1;text-align:right}
.seo-price>.seo-small{grid-column:2;grid-row:2;text-align:right;font-size:10px}
.seo-price .seo-tick-list{grid-column:1/-1;display:grid;grid-template-columns:1fr 1fr;gap:0 25px;margin-bottom:25px}
.seo-price>.seo-button{grid-column:1/-1}
.seo-faq-grid{grid-template-columns:1fr;gap:35px}
.seo-end{padding:53px 0}
.seo-end-grid{display:block}
.seo-end .seo-button{margin-top:30px}
.seo-footer-grid{grid-template-columns:1fr 1fr;gap:35px}
.seo-footer-brand{grid-column:1/-1}
.seo-footer-bottom{flex-wrap:wrap}
.seo-phone-scene{max-width:450px;width:100%;margin:auto;padding-top:25px}
.seo-phone-scene .seo-phone-tab{justify-content:center}
.seo-perspective{padding:28px}
.seo-perspective h3{font-size:26px}
.seo-customer-flow{column-gap:30px}
.seo-plan-ledger{max-width:none}
.seo-plan-rules{gap:0 35px}
.seo-scheduler-head{padding:20px}
.seo-scheduler-body{padding:20px}
.seo-scheduler-detail{padding:22px;gap:25px}
.seo-board{grid-template-columns:1fr 1fr}
.seo-board-col:last-child{display:none}
}

@media(max-width:520px){.seo-wrap{width:calc(100% - 36px)}
.seo-page h1{font-size:43px}
.seo-page h2{font-size:32px}
.seo-kicker{font-size:9px;letter-spacing:.13em;margin-bottom:20px!important}
.seo-hero-copy h1{font-size:43px}
.seo-button{width:100%;font-size:13px;padding:13px 16px;min-height:51px}
.seo-actions{gap:22px}
.seo-actions .seo-text-link{font-size:13px}
.seo-hero .seo-small{font-size:11px}
.seo-photo{height:auto;aspect-ratio:1.12}
.seo-hero-folio{width:225px;bottom:39px;padding:16px 20px}
.seo-hero-folio b{font-size:16px}
.seo-photo-caption{font-size:10px;gap:15px}
.seo-jumps{gap:14px 23px}
.seo-rule-grid{grid-template-columns:1fr;gap:25px}
.seo-rule-item{padding-top:22px}
.seo-rule-item .seo-index{margin-bottom:15px}
.seo-rule-item p{margin-bottom:16px}
.seo-flow{gap:30px 19px}
.seo-flow h3{font-size:20px}
.seo-flow p{font-size:12px}
.seo-preview-top{padding:18px;align-items:start}
.seo-preview-top b{font-size:14px}
.seo-preview-pill{font-size:9px;white-space:nowrap}
.seo-board{grid-template-columns:1fr;padding:15px}
.seo-board-col:nth-child(2){display:none}
.seo-board-col>b{font-size:12px}
.seo-job{padding:15px}
.seo-job strong{font-size:15px}
.seo-job p{font-size:12px}
.seo-job small{font-size:11px}
.seo-demo-caption{font-size:10px;padding:0 5px}
.seo-feature-row{grid-template-columns:1fr;gap:20px}
.seo-feature-row .seo-tag{margin-top:11px}
.seo-note{padding:20px;font-size:13px}
.seo-price{padding:23px;grid-template-columns:1fr .8fr;column-gap:12px}
.seo-price.pro{padding-top:20px}
.seo-price h3{font-size:22px}
.seo-price>p{font-size:12px}
.seo-price-amount{font-size:34px}
.seo-price .seo-tick-list{grid-template-columns:1fr;margin-top:20px}
.seo-price .seo-tick-list li{font-size:12px}
.seo-price .seo-button{min-height:48px}
.seo-faq-list summary{font-size:15px;padding-block:20px}
.seo-faq-list details p{font-size:13px;padding-right:12px}
.seo-end p{font-size:14px}
.seo-footer-grid{gap:32px 20px}
.seo-footer-group{font-size:11px}
.seo-footer-bottom div{flex-wrap:wrap;gap:12px 18px}
.seo-perspectives{grid-template-columns:1fr}
.seo-perspective+.seo-perspective{border-left:0;border-top:1px solid var(--s-line)}
.seo-perspective{padding:27px}
.seo-perspective h3{font-size:28px}
.seo-perspective>p{font-size:14px}
.seo-customer-flow{grid-template-columns:1fr}
.seo-customer-step{grid-template-columns:32px 1fr;gap:17px;padding:25px 0}
.seo-customer-step>span{font-size:23px}
.seo-customer-step h3{font-size:21px}
.seo-phone-scene{padding:23px 16px}
.seo-plan-ledger{padding:24px}
.seo-plan-ledger h2{font-size:24px}
.seo-plan-rules{grid-template-columns:1fr}
.seo-plan-rule{grid-template-columns:27px 1fr;gap:13px}
.seo-plan-rule h3{font-size:21px}
.seo-scheduler-head{flex-wrap:wrap;padding:19px}
.seo-scheduler-head b{font-size:15px}
.seo-scheduler-head>div:first-child{width:100%}
.seo-scheduler-body{padding:18px}
.seo-scheduler-detail{grid-template-columns:1fr;gap:20px;padding:20px}
.seo-scheduler-detail h3{font-size:22px}
.seo-scheduler-detail p{font-size:13px}
.seo-switcher{width:100%}
.seo-switcher button{flex:1}
}

.seo-hero-grid>*,.seo-section-head>*,.seo-image-story>*,.seo-faq-grid>*,.seo-feature-row>*,.seo-footer-grid>*,.seo-prices>*,.seo-perspectives>*,.seo-rule-grid>*,.seo-plan-rules>*,.seo-scheduler-detail>*,.seo-customer-flow>*{min-width:0}

.seo-page h1,.seo-page h2,.seo-page h3{overflow-wrap:break-word;hyphens:manual}

.seo-scheduler,.seo-scheduler-body,.seo-product-preview{min-width:0;max-width:100%}

.seo-app-hero .seo-intro{margin-top:32px!important}

.seo-photo,.seo-image-story img{height:auto}

@media(min-width:781px){.seo-page.seo-software .seo-hero-copy h1{font-size:clamp(48px,4.6vw,66px)}
}

@media(max-width:520px){.seo-hero-copy h1{font-size:42px;line-height:1.12}
.seo-page.seo-software .seo-hero-copy h1{font-size:40px}
.seo-actions{min-width:0}
.seo-actions .seo-button{max-width:100%}
.seo-button .seo-arrow{flex-shrink:0}
}

@media(prefers-reduced-motion:no-preference){.seo-page{scroll-behavior:smooth}
.seo-button,.seo-text-link{transition:filter .15s,opacity .15s}
}


/* Portal-Navigation und Farbumschaltung. Theme-Verhalten aus themeToggle.js. */
.seo-header-controls{display:flex;align-items:center;gap:10px;order:3}

.seo-site-links{order:2;margin-left:auto}

.seo-theme-button{width:42px;height:42px;border:1px solid var(--s-line);border-radius:4px;background:var(--s-paper);color:var(--s-ink);display:grid;place-items:center;cursor:pointer;padding:9px;flex:none}

.seo-theme-button svg{width:22px;height:22px}

.seo-theme-button .seo-theme-sun{display:none}

[data-theme='dark'] .seo-theme-button .seo-theme-moon{display:none}

[data-theme='dark'] .seo-theme-button .seo-theme-sun{display:block}

.seo-page .seo-hero-grid>*,.seo-page .seo-section-head>*{min-width:0}

.seo-page [hidden]{display:none!important}

@media(max-width:780px){.seo-header-controls{order:2;margin-left:auto}
.seo-site-links{order:3;margin-left:0}
.seo-theme-button{width:39px;height:39px}
.seo-header-inner{gap:12px}
}


@media(min-width:781px) and (max-width:1050px){
    .seo-header-inner{gap:20px}
    .seo-site-links{gap:12px;font-size:12px}
}

/* Fachseiten: Inhaltsverzeichnis und nummerierte redaktionelle Abschnitte. */
.seo-detail .seo-breadcrumb{flex-wrap:wrap}
.seo-detail-hero{padding:66px 0 76px}
.seo-detail-intro-grid{display:grid;grid-template-columns:minmax(0,1.4fr) minmax(260px,.6fr);gap:80px;align-items:center}
.seo-detail-hero h1{font-size:clamp(40px,4.7vw,65px);max-width:800px;overflow-wrap:anywhere;hyphens:auto}
.seo-detail-hero .seo-intro{max-width:680px}
.seo-detail-directory{background:var(--s-navy);color:#fff;border-left:4px solid var(--s-yellow);padding:30px 28px;position:relative}
.seo-detail-directory:before{content:'';position:absolute;right:0;top:0;width:22px;height:22px;background:var(--s-paper);clip-path:polygon(0 0,100% 0,100% 100%)}
.seo-detail-directory>p{font-size:11px;font-weight:600;text-transform:uppercase;letter-spacing:.12em;color:#bdcbdd}
.seo-detail-directory ol{list-style:none;counter-reset:contents;padding:0;margin:0}
.seo-detail-directory li{counter-increment:contents;display:grid;grid-template-columns:24px minmax(0,1fr);gap:10px;padding:15px 0;border-top:1px solid #38506f;line-height:1.5;font-size:13px}
.seo-detail-directory li:before{content:counter(contents,decimal-leading-zero);font-size:10px;color:#f5a800;padding-top:3px}
.seo-detail-directory a:hover{text-decoration:underline;text-underline-offset:4px}
.seo-detail-directory .seo-detail-faq-link{display:flex;justify-content:space-between;gap:12px;border-top:1px solid #38506f;padding-top:18px;margin-top:3px;color:#bdcbdd;font-size:12px}
.seo-detail-sections{padding-bottom:45px}
.seo-detail-section{display:grid;grid-template-columns:minmax(0,.72fr) minmax(0,1.28fr);gap:90px;border-top:1px solid var(--s-line);padding:60px 0 64px;scroll-margin-top:25px}
.seo-detail-number{display:block;font-size:12px;letter-spacing:.07em;color:var(--s-muted);margin-bottom:23px}
.seo-detail-section h2{font-size:clamp(27px,2.6vw,35px);line-height:1.18;max-width:360px}
.seo-detail-prose{color:var(--s-muted);font-size:16px;min-width:0}
.seo-detail-prose> :first-child{margin-top:0}
.seo-detail-prose> :last-child{margin-bottom:0}
.seo-detail-prose strong,.seo-detail-prose dt{color:var(--s-ink);font-weight:600}
.seo-detail-prose a{text-decoration:underline;text-underline-offset:3px;color:var(--s-ink);text-decoration-color:var(--s-yellow);text-decoration-thickness:2px}
.seo-detail-prose a:hover{text-decoration-color:currentColor}
.seo-detail-prose ul,.seo-detail-prose ol{padding-left:22px;margin:24px 0}
.seo-detail-prose li{padding-left:5px;margin-bottom:12px}
.seo-detail-prose li::marker{color:var(--s-ink)}
.seo-detail-example{border-left:3px solid var(--s-yellow);background:var(--s-wash);padding:23px 26px;margin:28px 0}
.seo-detail-example>span{display:block;font-size:10px;font-weight:650;letter-spacing:.1em;text-transform:uppercase;color:var(--s-ink);margin-bottom:12px}
.seo-detail-example>p{margin:0;font-size:15px}
.seo-detail-definitions{margin:25px 0}
.seo-detail-definitions>div{display:grid;grid-template-columns:minmax(0,.65fr) minmax(0,1.35fr);gap:25px;border-top:1px solid var(--s-line);padding:19px 0}
.seo-detail-definitions>div:last-child{border-bottom:1px solid var(--s-line)}
.seo-detail-definitions dt{line-height:1.5}
.seo-detail-definitions dd{margin:0;font-size:14px}
.seo-detail-table-wrap{margin:28px 0;overflow-x:auto}
.seo-detail-table{border-collapse:collapse;width:100%;font-size:14px;text-align:left}
.seo-detail-table caption{text-align:left;font-size:11px;text-transform:uppercase;letter-spacing:.07em;padding-bottom:15px;color:var(--s-ink)}
.seo-detail-table th,.seo-detail-table td{border-bottom:1px solid var(--s-line);padding:18px 16px;vertical-align:top}
.seo-detail-table th:first-child{padding-left:0;min-width:112px}
.seo-detail-table thead th{font-size:11px;font-weight:500;color:var(--s-muted);border-top:1px solid var(--s-line)}
.seo-detail-table tbody th{color:var(--s-ink);font-weight:600}
.seo-detail-table td:last-child{padding-right:0}
.seo-detail-prose .seo-detail-checklist{list-style:none;counter-reset:checklist;padding:0}
.seo-detail-checklist li{counter-increment:checklist;position:relative;padding:18px 0 18px 38px;margin:0;border-top:1px solid var(--s-line);font-size:15px}
.seo-detail-checklist li:before{content:counter(checklist,decimal-leading-zero);position:absolute;left:0;top:20px;color:var(--s-muted);font-size:11px}
.seo-detail-checklist strong{display:block;margin-bottom:4px}
@media(max-width:1050px){
    .seo-detail-intro-grid{gap:42px;grid-template-columns:minmax(0,1.2fr) minmax(240px,.8fr)}
    .seo-detail-section{gap:50px}
}
@media(max-width:780px){
    .seo-detail-hero{padding:43px 0 44px}
    .seo-detail-intro-grid{grid-template-columns:minmax(0,1fr);gap:34px}
    .seo-detail-hero h1{max-width:640px}
    .seo-detail-directory{padding:24px}
    .seo-detail-directory li{padding:12px 0}
    .seo-detail-section{grid-template-columns:1fr;gap:25px;padding:40px 0}
    .seo-detail-number{margin-bottom:12px}
    .seo-detail-section h2{max-width:580px}
    .seo-detail-definitions>div{grid-template-columns:1fr;gap:6px}
    .seo-detail-prose{font-size:15px}
    .seo-detail-example{padding:19px 20px}
}
@media(max-width:420px){
    .seo-detail-hero h1{font-size:38px}
    .seo-detail-table th,.seo-detail-table td{padding:14px 8px}
    .seo-detail-table th:first-child{min-width:96px}
}

/* Öffentliche Restseiten: gemeinsame Lesegestaltung und unverdeckte Aktionen. */
.seo-page { min-height: 100vh; overflow-wrap: anywhere; }
.seo-page button, .seo-page input, .seo-page select, .seo-page textarea { font: inherit; }
.seo-page .seo-theme-button { width: 44px; height: 44px; }
.seo-page .seo-menu-toggle { min-height: 44px; min-width: 56px; cursor: pointer; }
.seo-site-links > a { display: inline-flex; align-items: center; min-height: 44px; }
.seo-page .seo-site-links .seo-nav-login { display: inline-flex; }
.seo-footer-group { gap: 0; }
.seo-footer-group a, .seo-footer-bottom a { display: inline-flex; align-items: center; min-height: 44px; }
.seo-footer-group b { margin-bottom: 12px; }
.seo-page .seo-store-button { display: inline-flex; align-items: center; min-height: 44px; }
.seo-page .seo-store-button svg { width: 150px; }
.seo-detail-directory li { padding-block: 0; align-items: center; }
.seo-detail-directory li:before { padding-top: 0; }
.seo-detail-directory li a { display: flex; align-items: center; min-height: 44px; padding-block: 10px; }
.seo-detail-directory .seo-detail-faq-link { min-height: 44px; align-items: center; }
.seo-detail-prose { overflow-wrap: anywhere; }
.seo-detail-prose h3 { margin: 28px 0 16px; font-size: 23px; }
.seo-detail-prose table { border-collapse: collapse; width: 100%; margin: 24px 0; font-size: 14px; }
.seo-detail-prose th, .seo-detail-prose td { padding: 14px 12px; border-bottom: 1px solid var(--s-line); text-align: left; vertical-align: top; }
.seo-detail-prose th { color: var(--s-ink); font-weight: 600; }
.seo-detail-prose blockquote { margin: 24px 0; padding: 20px 24px; border-left: 3px solid var(--s-yellow); background: var(--s-wash); }
.seo-detail-prose blockquote > :last-child { margin-bottom: 0; }
.public-guide-article h1 .ac { text-decoration: underline; text-decoration-color: var(--s-yellow); text-decoration-thickness: 3px; text-underline-offset: 7px; }
.public-guides-header { padding-block: 64px 60px; }
.public-guides-header h1 { max-width: 880px; }
.public-guides-header .seo-intro { max-width: 720px; }
.public-guides-list { padding-bottom: 80px; }
.public-guide { display: grid; grid-template-columns: minmax(150px,.3fr) minmax(0,1fr); gap: 48px; padding: 34px 0 38px; border-top: 1px solid var(--s-line); }
.public-guide:last-child { border-bottom: 1px solid var(--s-line); }
.public-guide-date { display: block; color: var(--s-muted); font-size: 13px; padding-top: 8px; }
.public-guide-link { display: block; grid-column: 2; padding: 6px 0; }
.public-guide-link h2 { font-size: clamp(26px,3vw,37px); line-height: 1.2; max-width: 760px; }
.public-guide-link p { margin: 20px 0 22px; max-width: 740px; color: var(--s-muted); font-size: 16px; }
.public-guide-more { display: inline-flex; align-items: center; gap: 36px; min-height: 44px; border-bottom: 2px solid var(--s-yellow); font-size: 14px; font-weight: 600; }
.public-guide-more > span { font-size: 22px; }
.public-guide-link:hover h2 { text-decoration: underline; text-decoration-thickness: 2px; text-decoration-color: var(--s-yellow); text-underline-offset: 5px; }
.public-guide-not-found { padding-block: 70px 100px; }
.public-guide-not-found h1 { max-width: 900px; }
.public-guide-not-found > p:not(.seo-kicker) { margin: 28px 0; color: var(--s-muted); }

.public-document .legal-hero { padding: 64px 0 52px; border-bottom: 1px solid var(--s-line); }
.public-document .legal-hero h1 { max-width: 1000px; font-size: clamp(36px,4.6vw,62px); }
.public-document .hero-subtitle { margin: 24px 0 0; color: var(--s-muted); font-size: 18px; }
.public-document .section { padding: 48px 0 80px; }
.public-document-grid { display: grid; grid-template-columns: minmax(0,.33fr) minmax(0,1fr); gap: 60px; align-items: start; }
.public-document-directory { border-top: 3px solid var(--s-yellow); background: var(--s-wash); padding: 20px 24px; min-width: 0; }
.public-document-directory > p { margin: 0 0 12px; font-size: 11px; letter-spacing: .08em; text-transform: uppercase; font-weight: 600; }
.public-document-directory > a { display: flex; align-items: center; min-height: 44px; padding: 12px 0; font-size: 13px; line-height: 1.5; border-top: 1px solid var(--s-line); }
.public-document-directory > a:hover { text-decoration: underline; text-decoration-color: var(--s-yellow); text-underline-offset: 4px; }
.public-document .legal-card, .public-document .legal-content { min-width: 0; }
.public-document .legal-content { max-width: 800px; color: var(--s-muted); font-size: 16px; line-height: 1.8; }
.public-document .legal-content h2 { color: var(--s-ink); font-size: clamp(24px,2.5vw,32px); line-height: 1.3; margin: 44px 0 20px; scroll-margin-top: 24px; }
.public-document .legal-content > h2:first-child, .public-document .legal-section:first-child h2 { margin-top: 0; }
.public-document .legal-content h3 { color: var(--s-ink); font-size: 22px; line-height: 1.4; margin: 28px 0 14px; }
.public-document .legal-content h4 { color: var(--s-ink); font-size: 17px; font-weight: 600; line-height: 1.5; margin: 24px 0 12px; }
.public-document .legal-content p { margin: 0 0 20px; }
.public-document .legal-content strong { color: var(--s-ink); font-weight: 600; }
.public-document .legal-content a { text-decoration: underline; text-underline-offset: 3px; text-decoration-color: var(--s-yellow); text-decoration-thickness: 2px; }
.public-document .legal-content li { margin-bottom: 10px; }
.public-document .legal-content ul, .public-document .legal-content ol { padding-left: 24px; margin: 20px 0; }
.public-document .legal-section + .legal-section { margin-top: 32px; }
.public-document .legal-updated { font-size: 13px; border-top: 1px solid var(--s-line); padding-top: 22px; }
.public-document .legal-download, .public-document .form-template { padding: 28px; margin: 32px 0; background: var(--s-wash); border-left: 3px solid var(--s-yellow); }
.public-document .legal-content .download-btn { min-height: 48px; display: inline-flex; align-items: center; justify-content: center; gap: 12px; padding: 12px 18px; border-radius: 4px; background: var(--s-yellow); color: #0b2347; text-decoration: none; font-size: 14px; font-weight: 600; }
.public-document .download-btn svg { flex: none; }
.public-document .form-template .form-row { display: grid; grid-template-columns: 1fr 1fr; gap: 24px; }
.public-document .form-template .form-group { margin: 20px 0; min-width: 0; }
.public-document .field-line { display: block; min-height: 36px; border-bottom: 1px solid var(--s-muted); }
.public-document .form-template .form-address { margin-bottom: 28px; }

.public-contact .contact-hero { padding: 64px 0 46px; }
.public-contact .hero-subtitle { max-width: 680px; font-size: 18px; color: var(--s-muted); margin: 26px 0 0; }
.public-contact .section { padding-bottom: 60px; }
.public-contact .section-alt { padding-top: 56px; background: var(--s-wash); }
.public-contact .contact-info-grid { display: grid; grid-template-columns: repeat(3,minmax(0,1fr)); gap: 36px; }
.public-contact .contact-card { padding-top: 24px; border-top: 1px solid var(--s-line); }
.public-contact .contact-card-icon { color: var(--s-muted); margin-bottom: 20px; }
.public-contact .contact-card h3 { font-size: 21px; margin-bottom: 12px; }
.public-contact .contact-card p { margin: 0; font-size: 16px; color: var(--s-muted); }
.public-contact .contact-card a { min-height: 44px; display: inline-flex; align-items: center; text-decoration: underline; text-underline-offset: 4px; text-decoration-color: var(--s-yellow); text-decoration-thickness: 2px; }
.public-contact .form-map-grid { display: grid; grid-template-columns: minmax(0,1.15fr) minmax(0,.85fr); gap: 60px; align-items: start; }
.public-contact .form-card, .public-contact .map-card { min-width: 0; }
.public-contact .form-card h2, .public-contact .map-card h2 { font-size: 30px; margin-bottom: 30px; }
.public-contact .form-row { display: grid; grid-template-columns: 1fr 1fr; gap: 20px; }
.public-contact .form-group { min-width: 0; margin-bottom: 22px; }
.public-contact .form-group label { display: block; font-size: 14px; font-weight: 600; margin-bottom: 9px; }
.public-contact .form-input { width: 100%; min-height: 56px; background: var(--s-paper); color: var(--s-ink); border: 1px solid var(--s-line); border-radius: 4px; padding: 14px; font: inherit; line-height: 1.5; }
.public-contact .form-input::placeholder { color: var(--s-muted); opacity: 1; }
.public-contact .form-input:focus-visible { outline: 3px solid var(--s-yellow); outline-offset: 3px; }
.public-contact .form-select { appearance: auto; }
.public-contact .form-textarea { min-height: 180px; resize: vertical; }
.public-contact .btn-primary { min-height: 48px; display: inline-flex; justify-content: center; align-items: center; gap: 12px; border: 0; border-radius: 4px; background: var(--s-yellow); color: #0b2347; padding: 13px 20px; font-size: 14px; font-weight: 600; cursor: pointer; }
.public-contact .btn-primary:disabled { opacity: .65; cursor: wait; }
.public-contact .recaptcha-notice { font-size: 12px; color: var(--s-muted); margin: 22px 0 0; }
.public-contact .recaptcha-notice a { text-decoration: underline; text-underline-offset: 3px; }
.public-contact .success-message { border-top: 3px solid var(--s-yellow); padding: 28px; background: var(--s-paper); }
.public-contact .success-message h3 { font-size: 26px; margin: 18px 0; }
.public-contact .success-message p { color: var(--s-muted); }
.public-contact .success-icon { color: var(--s-ink); }
.public-contact .error-message { padding: 16px 18px; border-left: 3px solid #bd3d36; background: var(--s-paper); color: var(--s-ink); margin-bottom: 24px; }
.public-contact .map-container { min-height: 420px; height: 420px; border: 1px solid var(--s-line); border-radius: 4px; overflow: hidden; background: var(--s-soft); }
.public-contact .map-container iframe { display: block; }
.public-contact .spinner { width: 16px; height: 16px; border: 2px solid #0b234744; border-top-color: #0b2347; border-radius: 50%; animation: public-contact-spin 1s linear infinite; }
@keyframes public-contact-spin { to { transform: rotate(360deg); } }
@media (max-width: 1050px) {
    .public-document-grid { gap: 36px; grid-template-columns: minmax(0,.4fr) minmax(0,1fr); }
    .public-contact .form-map-grid { gap: 36px; }
    .seo-header-inner { flex-wrap: wrap; }
    .seo-header-controls { order: 2; margin-left: auto; }
    .seo-page .seo-menu-toggle { display: block; }
    .seo-site-links { display: none; width: 100%; order: 3; margin-left: 0; padding-bottom: 18px; flex-wrap: wrap; }
    .seo-site-links.open { display: flex; }
}
@media (max-width: 780px) {
    .public-guides-header { padding-block: 42px; }
    .public-guide { grid-template-columns: 1fr; gap: 12px; padding: 26px 0 30px; }
    .public-guide-link { grid-column: 1; }
    .public-guide-date { padding-top: 0; }
    .public-guides-list { padding-bottom: 50px; }
    .public-document .legal-hero { padding: 42px 0 34px; }
    .public-document .section { padding-top: 30px; }
    .public-document-grid { grid-template-columns: 1fr; gap: 34px; }
    .public-document-directory { padding: 18px 22px; }
    .public-document .legal-content { max-width: none; }
    .public-contact .contact-hero { padding: 42px 0 34px; }
    .public-contact .contact-info-grid { gap: 24px; }
    .public-contact .form-map-grid { grid-template-columns: 1fr; gap: 44px; }
    .public-contact .map-container { height: 300px; min-height: 300px; }
    .seo-page .seo-board-col:last-child, .seo-page .seo-board-col:nth-child(2) { display: block; }
}
@media (max-width: 520px) {
    .public-guides-header h1, .public-guide-not-found h1 { font-size: 36px; }
    .public-guide-link h2 { font-size: 28px; }
    .public-guide-link p { font-size: 15px; }
    .public-document .legal-hero h1 { font-size: 34px; }
    .public-document .legal-content { font-size: 15px; }
    .public-document .form-template, .public-document .legal-download { padding: 20px; }
    .public-document .form-template .form-row { grid-template-columns: 1fr; gap: 0; }
    .public-contact .contact-info-grid, .public-contact .form-row { grid-template-columns: 1fr; }
    .public-contact .contact-card { padding-top: 20px; }
    .public-contact .contact-card-icon { margin-bottom: 14px; }
    .public-contact .btn-primary { width: 100%; }
    .public-contact .success-message { padding: 22px; }
    .seo-detail-prose th, .seo-detail-prose td { padding: 12px 7px; font-size: 12px; }
}
@media (prefers-reduced-motion: reduce) { .public-contact .spinner { animation: none; } }

.public-document .form-template .form-label { display: block; font-size: 14px; color: var(--s-ink); }
.seo-page .seo-switcher button { min-height: 44px; }
/* Öffentliche Produktaufnahmen: echte Ansichten mit ausdrücklich synthetischen Daten. */
.seo-page .seo-screen { margin: 28px 0; max-width: 100%; }
.seo-page .seo-screen img { display: block; width: 100%; height: auto; border: 1px solid #a9b8c9; border-radius: 12px; background: #fff; }
.seo-page .seo-screen a { display: block; border-radius: 12px; }
.seo-page .seo-screen a:focus-visible { outline: 3px solid #b87800; outline-offset: 5px; }
.seo-page .seo-screen figcaption { margin-top: 12px; font-size: 14px; line-height: 1.6; color: var(--s-muted); }
.seo-page .seo-workflow-pair { display: grid; grid-template-columns: minmax(0, 1.2fr) minmax(0, .8fr); align-items: center; gap: 64px; }
.seo-page .seo-screen-phone { width: min(100%, 320px); margin: 0 auto; }
.seo-page .seo-workflow-link { margin-top: 32px; }
@media (max-width: 780px) {
    .seo-page .seo-workflow-pair { grid-template-columns: minmax(0, 1fr); gap: 32px; }
}

/* Drei Vergleichsspalten behalten auch mobil lesbare Textbreiten. */
.seo-comparison-table{min-width:640px;table-layout:fixed}
.seo-detail-prose .seo-table-hint{font-size:13px;margin-bottom:0}
.seo-comparison-wrap:focus-visible{outline:3px solid var(--s-yellow);outline-offset:3px}