html {
font-family: sans-serif;
-ms-text-size-adjust: 100%;
-webkit-text-size-adjust: 100%;
}
body {
margin: 0;
}
article,
aside,
details,
figcaption,
figure,
footer,
header,
hgroup,
main,
menu,
nav,
section,
summary {
display: block;
}
audio,
canvas,
progress,
video {
display: inline-block;
vertical-align: baseline;
}
audio:not([controls]) {
display: none;
height: 0;
}
[hidden],
template {
display: none;
}
a {
background-color: transparent;
}
a:active,
a:hover {
outline: 0;
}
abbr[title] {
border-bottom: 1px dotted;
}
b,
strong {
font-weight: bold;
}
dfn {
font-style: italic;
}
h1 {
font-size: 2em;
margin: 0.67em 0;
}
mark {
background: #ff0;
color: #000;
}
small {
font-size: 80%;
}
sub,
sup {
font-size: 75%;
line-height: 0;
position: relative;
vertical-align: baseline;
}
sup {
top: -0.5em;
}
sub {
bottom: -0.25em;
}
img {
border: 0;
}
svg:not(:root) {
overflow: hidden;
}
figure {
margin: 1em 40px;
}
hr {
box-sizing: content-box;
height: 0;
}
pre {
overflow: auto;
}
code,
kbd,
pre,
samp {
font-family: monospace, monospace;
font-size: 1em;
}
button,
input,
optgroup,
select,
textarea {
color: inherit;
font: inherit;
margin: 0;
}
button {
overflow: visible;
}
button,
select {
text-transform: none;
}
button,
html input[type="button"],
input[type="reset"] {
-webkit-appearance: button;
cursor: pointer;
}
button[disabled],
html input[disabled] {
cursor: default;
}
button::-moz-focus-inner,
input::-moz-focus-inner {
border: 0;
padding: 0;
}
input {
line-height: normal;
}
input[type='checkbox'],
input[type='radio'] {
box-sizing: border-box;
padding: 0;
}
input[type='number']::-webkit-inner-spin-button,
input[type='number']::-webkit-outer-spin-button {
height: auto;
}
input[type='search'] {
-webkit-appearance: none;
}
input[type='search']::-webkit-search-cancel-button,
input[type='search']::-webkit-search-decoration {
-webkit-appearance: none;
}
fieldset {
border: 1px solid #c0c0c0;
margin: 0 2px;
padding: 0.35em 0.625em 0.75em;
}
legend {
border: 0;
padding: 0;
}
textarea {
overflow: auto;
}
optgroup {
font-weight: bold;
}
table {
border-collapse: collapse;
border-spacing: 0;
}
td,
th {
padding: 0;
}

@font-face {
font-family: 'webflow-icons';
src: url("data:application/x-font-ttf;charset=utf-8;base64,AAEAAAALAIAAAwAwT1MvMg8SBiUAAAC8AAAAYGNtYXDpP+a4AAABHAAAAFxnYXNwAAAAEAAAAXgAAAAIZ2x5ZmhS2XEAAAGAAAADHGhlYWQTFw3HAAAEnAAAADZoaGVhCXYFgQAABNQAAAAkaG10eCe4A1oAAAT4AAAAMGxvY2EDtALGAAAFKAAAABptYXhwABAAPgAABUQAAAAgbmFtZSoCsMsAAAVkAAABznBvc3QAAwAAAAAHNAAAACAAAwP4AZAABQAAApkCzAAAAI8CmQLMAAAB6wAzAQkAAAAAAAAAAAAAAAAAAAABEAAAAAAAAAAAAAAAAAAAAABAAADpAwPA/8AAQAPAAEAAAAABAAAAAAAAAAAAAAAgAAAAAAADAAAAAwAAABwAAQADAAAAHAADAAEAAAAcAAQAQAAAAAwACAACAAQAAQAg5gPpA//9//8AAAAAACDmAOkA//3//wAB/+MaBBcIAAMAAQAAAAAAAAAAAAAAAAABAAH//wAPAAEAAAAAAAAAAAACAAA3OQEAAAAAAQAAAAAAAAAAAAIAADc5AQAAAAABAAAAAAAAAAAAAgAANzkBAAAAAAEBIAAAAyADgAAFAAAJAQcJARcDIP5AQAGA/oBAAcABwED+gP6AQAABAOAAAALgA4AABQAAEwEXCQEH4AHAQP6AAYBAAcABwED+gP6AQAAAAwDAAOADQALAAA8AHwAvAAABISIGHQEUFjMhMjY9ATQmByEiBh0BFBYzITI2PQE0JgchIgYdARQWMyEyNj0BNCYDIP3ADRMTDQJADRMTDf3ADRMTDQJADRMTDf3ADRMTDQJADRMTAsATDSANExMNIA0TwBMNIA0TEw0gDRPAEw0gDRMTDSANEwAAAAABAJ0AtAOBApUABQAACQIHCQEDJP7r/upcAXEBcgKU/usBFVz+fAGEAAAAAAL//f+9BAMDwwAEAAkAABcBJwEXAwE3AQdpA5ps/GZsbAOabPxmbEMDmmz8ZmwDmvxmbAOabAAAAgAA/8AEAAPAAB0AOwAABSInLgEnJjU0Nz4BNzYzMTIXHgEXFhUUBw4BBwYjNTI3PgE3NjU0Jy4BJyYjMSIHDgEHBhUUFx4BFxYzAgBqXV6LKCgoKIteXWpqXV6LKCgoKIteXWpVSktvICEhIG9LSlVVSktvICEhIG9LSlVAKCiLXl1qal1eiygoKCiLXl1qal1eiygoZiEgb0tKVVVKS28gISEgb0tKVVVKS28gIQABAAABwAIAA8AAEgAAEzQ3PgE3NjMxFSIHDgEHBhUxIwAoKIteXWpVSktvICFmAcBqXV6LKChmISBvS0pVAAAAAgAA/8AFtgPAADIAOgAAARYXHgEXFhUUBw4BBwYHIxUhIicuAScmNTQ3PgE3NjMxOAExNDc+ATc2MzIXHgEXFhcVATMJATMVMzUEjD83NlAXFxYXTjU1PQL8kz01Nk8XFxcXTzY1PSIjd1BQWlJJSXInJw3+mdv+2/7c25MCUQYcHFg5OUA/ODlXHBwIAhcXTzY1PTw1Nk8XF1tQUHcjIhwcYUNDTgL+3QFt/pOTkwABAAAAAQAAmM7nP18PPPUACwQAAAAAANciZKUAAAAA1yJkpf/9/70FtgPDAAAACAACAAAAAAAAAAEAAAPA/8AAAAW3//3//QW2AAEAAAAAAAAAAAAAAAAAAAAMBAAAAAAAAAAAAAAAAgAAAAQAASAEAADgBAAAwAQAAJ0EAP/9BAAAAAQAAAAFtwAAAAAAAAAKABQAHgAyAEYAjACiAL4BFgE2AY4AAAABAAAADAA8AAMAAAAAAAIAAAAAAAAAAAAAAAAAAAAAAAAADgCuAAEAAAAAAAEADQAAAAEAAAAAAAIABwCWAAEAAAAAAAMADQBIAAEAAAAAAAQADQCrAAEAAAAAAAUACwAnAAEAAAAAAAYADQBvAAEAAAAAAAoAGgDSAAMAAQQJAAEAGgANAAMAAQQJAAIADgCdAAMAAQQJAAMAGgBVAAMAAQQJAAQAGgC4AAMAAQQJAAUAFgAyAAMAAQQJAAYAGgB8AAMAAQQJAAoANADsd2ViZmxvdy1pY29ucwB3AGUAYgBmAGwAbwB3AC0AaQBjAG8AbgBzVmVyc2lvbiAxLjAAVgBlAHIAcwBpAG8AbgAgADEALgAwd2ViZmxvdy1pY29ucwB3AGUAYgBmAGwAbwB3AC0AaQBjAG8AbgBzd2ViZmxvdy1pY29ucwB3AGUAYgBmAGwAbwB3AC0AaQBjAG8AbgBzUmVndWxhcgBSAGUAZwB1AGwAYQByd2ViZmxvdy1pY29ucwB3AGUAYgBmAGwAbwB3AC0AaQBjAG8AbgBzRm9udCBnZW5lcmF0ZWQgYnkgSWNvTW9vbi4ARgBvAG4AdAAgAGcAZQBuAGUAcgBhAHQAZQBkACAAYgB5ACAASQBjAG8ATQBvAG8AbgAuAAAAAwAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAA==") format('truetype');
font-weight: normal;
font-style: normal;
}
[class^="w-icon-"],
[class*=" w-icon-"] {
font-family: 'webflow-icons' !important;
speak: none;
font-style: normal;
font-weight: normal;
font-variant: normal;
text-transform: none;
line-height: 1;
-webkit-font-smoothing: antialiased;
-moz-osx-font-smoothing: grayscale;
}
.w-icon-slider-right:before {
content: "\e600";
}
.w-icon-slider-left:before {
content: "\e601";
}
.w-icon-nav-menu:before {
content: "\e602";
}
.w-icon-arrow-down:before,
.w-icon-dropdown-toggle:before {
content: "\e603";
}
.w-icon-file-upload-remove:before {
content: "\e900";
}
.w-icon-file-upload-icon:before {
content: "\e903";
}
* {
-webkit-box-sizing: border-box;
-moz-box-sizing: border-box;
box-sizing: border-box;
}
html {
height: 100%;
}
body {
margin: 0;
min-height: 100%;
background-color: #fff;
font-family: Arial, sans-serif;
font-size: 14px;
line-height: 20px;
color: #333;
}
img {
max-width: 100%;
vertical-align: middle;
display: inline-block;
}
html.w-mod-touch * {
background-attachment: scroll !important;
}
.w-block {
display: block;
}
.w-inline-block {
max-width: 100%;
display: inline-block;
}
.w-clearfix:before,
.w-clearfix:after {
content: " ";
display: table;
grid-column-start: 1;
grid-row-start: 1;
grid-column-end: 2;
grid-row-end: 2;
}
.w-clearfix:after {
clear: both;
}
.w-hidden {
display: none;
}
.w-button {
display: inline-block;
padding: 9px 15px;
background-color: #3898EC;
color: white;
border: 0;
line-height: inherit;
text-decoration: none;
cursor: pointer;
border-radius: 0;
}
input.w-button {
-webkit-appearance: button;
}
:where(button.w-popover-trigger) {
background-color: transparent;
border: 0;
color: inherit;
cursor: pointer;
font: inherit;
line-height: inherit;
margin: 0;
padding: 0;
text-align: inherit;
text-decoration: inherit;
}
.w-popover {
border: 0;
padding: 0;
background-color: transparent;
color: inherit;
overflow: visible;
position: fixed;
inset: auto;
margin: 8px;
position-anchor: auto;
position-area: top center;
}
html[data-w-dynpage] [data-w-cloak] {
color: transparent !important;
}
.w-code-block {
margin: unset;
}
pre.w-code-block code {
all: inherit;
}
pre.w-code-block code > span {
display: block !important;
}
.w-optimization {
display: contents;
}
.w-webflow-badge,
.w-webflow-badge > img {
box-sizing: unset;
width: unset;
height: unset;
max-height: unset;
max-width: unset;
min-height: unset;
min-width: unset;
margin: unset;
padding: unset;
float: unset;
clear: unset;
border: unset;
border-radius: unset;
background: unset;
background-image: unset;
background-position: unset;
background-size: unset;
background-repeat: unset;
background-origin: unset;
background-clip: unset;
background-attachment: unset;
background-color: unset;
box-shadow: unset;
transform: unset;
transition: unset;
direction: unset;
font-family: unset;
font-weight: unset;
color: unset;
font-size: unset;
line-height: unset;
font-style: unset;
font-variant: unset;
text-align: unset;
letter-spacing: unset;
text-decoration: unset;
text-indent: unset;
text-transform: unset;
list-style-type: unset;
text-shadow: unset;
vertical-align: unset;
cursor: unset;
white-space: unset;
word-break: unset;
word-spacing: unset;
word-wrap: unset;
}
.w-webflow-badge {
position: fixed !important;
display: inline-block !important;
visibility: visible !important;
opacity: 1 !important;
z-index: 2147483647 !important;
top: auto !important;
right: 12px !important;
bottom: 12px !important;
left: auto !important;
color: #aaadb0 !important;
background-color: #fff !important;
border-radius: 3px !important;
padding: 6px !important;
font-size: 12px !important;
line-height: 14px !important;
text-decoration: none !important;
transform: none !important;
margin: 0 !important;
width: auto !important;
height: auto !important;
overflow: unset !important;
white-space: nowrap;
box-shadow: 0 0 0 1px rgba(0, 0, 0, 0.1), 0px 1px 3px rgba(0, 0, 0, 0.1);
cursor: pointer;
}
.w-webflow-badge > img {
position: unset;
display: inline-block !important;
visibility: unset !important;
opacity: 1 !important;
vertical-align: middle !important;
}
h1,
h2,
h3,
h4,
h5,
h6 {
font-weight: bold;
margin-bottom: 10px;
}
h1 {
font-size: 38px;
line-height: 44px;
margin-top: 20px;
}
h2 {
font-size: 32px;
line-height: 36px;
margin-top: 20px;
}
h3 {
font-size: 24px;
line-height: 30px;
margin-top: 20px;
}
h4 {
font-size: 18px;
line-height: 24px;
margin-top: 10px;
}
h5 {
font-size: 14px;
line-height: 20px;
margin-top: 10px;
}
h6 {
font-size: 12px;
line-height: 18px;
margin-top: 10px;
}
p {
margin-top: 0;
margin-bottom: 10px;
}
blockquote {
margin: 0 0 10px 0;
padding: 10px 20px;
border-left: 5px solid #E2E2E2;
font-size: 18px;
line-height: 22px;
}
figure {
margin: 0;
margin-bottom: 10px;
}
figcaption {
margin-top: 5px;
text-align: center;
}
ul,
ol {
margin-top: 0px;
margin-bottom: 10px;
padding-left: 40px;
}
.w-list-unstyled {
padding-left: 0;
list-style: none;
}
.w-embed:before,
.w-embed:after {
content: " ";
display: table;
grid-column-start: 1;
grid-row-start: 1;
grid-column-end: 2;
grid-row-end: 2;
}
.w-embed:after {
clear: both;
}
.w-video {
width: 100%;
position: relative;
padding: 0;
}
.w-video iframe,
.w-video object,
.w-video embed {
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%;
border: none;
}
fieldset {
padding: 0;
margin: 0;
border: 0;
}
button,
[type='button'],
[type='reset'] {
border: 0;
cursor: pointer;
-webkit-appearance: button;
}
.w-form {
margin: 0 0 15px;
}
.w-form-done {
display: none;
padding: 20px;
text-align: center;
background-color: #dddddd;
}
.w-form-fail {
display: none;
margin-top: 10px;
padding: 10px;
background-color: #ffdede;
}
label {
display: block;
margin-bottom: 5px;
font-weight: bold;
}
.w-input,
.w-select {
display: block;
width: 100%;
height: 38px;
padding: 8px 12px;
margin-bottom: 10px;
font-size: 14px;
line-height: 1.42857143;
color: #333333;
vertical-align: middle;
background-color: #ffffff;
border: 1px solid #cccccc;
}
.w-input::placeholder,
.w-select::placeholder {
color: #999;
}
.w-input:focus,
.w-select:focus {
border-color: #3898EC;
outline: 0;
}
.w-input[disabled],
.w-select[disabled],
.w-input[readonly],
.w-select[readonly],
fieldset[disabled] .w-input,
fieldset[disabled] .w-select {
cursor: not-allowed;
}
.w-input[disabled]:not(.w-input-disabled),
.w-select[disabled]:not(.w-input-disabled),
.w-input[readonly],
.w-select[readonly],
fieldset[disabled]:not(.w-input-disabled) .w-input,
fieldset[disabled]:not(.w-input-disabled) .w-select {
background-color: #eeeeee;
}
textarea.w-input,
textarea.w-select {
height: auto;
}
.w-select {
background-color: #f3f3f3;
}
.w-select[multiple] {
height: auto;
}
.w-form-label {
display: inline-block;
cursor: pointer;
font-weight: normal;
margin-bottom: 0px;
}
.w-radio {
display: block;
margin-bottom: 5px;
padding-left: 20px;
}
.w-radio:before,
.w-radio:after {
content: " ";
display: table;
grid-column-start: 1;
grid-row-start: 1;
grid-column-end: 2;
grid-row-end: 2;
}
.w-radio:after {
clear: both;
}
.w-radio-input {
margin: 4px 0 0;
line-height: normal;
float: left;
margin-left: -20px;
}
.w-radio-input {
margin-top: 3px;
}
.w-file-upload {
display: block;
margin-bottom: 10px;
}
.w-file-upload-input {
width: 0.1px;
height: 0.1px;
opacity: 0;
overflow: hidden;
position: absolute;
z-index: -100;
}
.w-file-upload-default,
.w-file-upload-uploading,
.w-file-upload-success {
display: inline-block;
color: #333333;
}
.w-file-upload-error {
display: block;
margin-top: 10px;
}
.w-file-upload-default.w-hidden,
.w-file-upload-uploading.w-hidden,
.w-file-upload-error.w-hidden,
.w-file-upload-success.w-hidden {
display: none;
}
.w-file-upload-uploading-btn {
display: flex;
font-size: 14px;
font-weight: normal;
cursor: pointer;
margin: 0;
padding: 8px 12px;
border: 1px solid #cccccc;
background-color: #fafafa;
}
.w-file-upload-file {
display: flex;
flex-grow: 1;
justify-content: space-between;
margin: 0;
padding: 8px 9px 8px 11px;
border: 1px solid #cccccc;
background-color: #fafafa;
}
.w-file-upload-file-name {
font-size: 14px;
font-weight: normal;
display: block;
}
.w-file-remove-link {
margin-top: 3px;
margin-left: 10px;
width: auto;
height: auto;
padding: 3px;
display: block;
cursor: pointer;
}
.w-icon-file-upload-remove {
margin: auto;
font-size: 10px;
}
.w-file-upload-error-msg {
display: inline-block;
color: #ea384c;
padding: 2px 0;
}
.w-file-upload-info {
display: inline-block;
line-height: 38px;
padding: 0 12px;
}
.w-file-upload-label {
display: inline-block;
font-size: 14px;
font-weight: normal;
cursor: pointer;
margin: 0;
padding: 8px 12px;
border: 1px solid #cccccc;
background-color: #fafafa;
}
.w-icon-file-upload-icon,
.w-icon-file-upload-uploading {
display: inline-block;
margin-right: 8px;
width: 20px;
}
.w-icon-file-upload-uploading {
height: 20px;
}
.w-container {
margin-left: auto;
margin-right: auto;
max-width: 940px;
}
.w-container:before,
.w-container:after {
content: " ";
display: table;
grid-column-start: 1;
grid-row-start: 1;
grid-column-end: 2;
grid-row-end: 2;
}
.w-container:after {
clear: both;
}
.w-container .w-row {
margin-left: -10px;
margin-right: -10px;
}
.w-row:before,
.w-row:after {
content: " ";
display: table;
grid-column-start: 1;
grid-row-start: 1;
grid-column-end: 2;
grid-row-end: 2;
}
.w-row:after {
clear: both;
}
.w-row .w-row {
margin-left: 0;
margin-right: 0;
}
.w-col {
position: relative;
float: left;
width: 100%;
min-height: 1px;
padding-left: 10px;
padding-right: 10px;
}
.w-col .w-col {
padding-left: 0;
padding-right: 0;
}
.w-col-1 {
width: 8.33333333%;
}
.w-col-2 {
width: 16.66666667%;
}
.w-col-3 {
width: 25%;
}
.w-col-4 {
width: 33.33333333%;
}
.w-col-5 {
width: 41.66666667%;
}
.w-col-6 {
width: 50%;
}
.w-col-7 {
width: 58.33333333%;
}
.w-col-8 {
width: 66.66666667%;
}
.w-col-9 {
width: 75%;
}
.w-col-10 {
width: 83.33333333%;
}
.w-col-11 {
width: 91.66666667%;
}
.w-col-12 {
width: 100%;
}
.w-hidden-main {
display: none !important;
}
@media screen and (max-width: 991px) {
.w-container {
max-width: 728px;
}
.w-hidden-main {
display: inherit !important;
}
.w-hidden-medium {
display: none !important;
}
.w-col-medium-1 {
width: 8.33333333%;
}
.w-col-medium-2 {
width: 16.66666667%;
}
.w-col-medium-3 {
width: 25%;
}
.w-col-medium-4 {
width: 33.33333333%;
}
.w-col-medium-5 {
width: 41.66666667%;
}
.w-col-medium-6 {
width: 50%;
}
.w-col-medium-7 {
width: 58.33333333%;
}
.w-col-medium-8 {
width: 66.66666667%;
}
.w-col-medium-9 {
width: 75%;
}
.w-col-medium-10 {
width: 83.33333333%;
}
.w-col-medium-11 {
width: 91.66666667%;
}
.w-col-medium-12 {
width: 100%;
}
.w-col-stack {
width: 100%;
left: auto;
right: auto;
}
}
@media screen and (max-width: 767px) {
.w-hidden-main {
display: inherit !important;
}
.w-hidden-medium {
display: inherit !important;
}
.w-hidden-small {
display: none !important;
}
.w-row,
.w-container .w-row {
margin-left: 0;
margin-right: 0;
}
.w-col {
width: 100%;
left: auto;
right: auto;
}
.w-col-small-1 {
width: 8.33333333%;
}
.w-col-small-2 {
width: 16.66666667%;
}
.w-col-small-3 {
width: 25%;
}
.w-col-small-4 {
width: 33.33333333%;
}
.w-col-small-5 {
width: 41.66666667%;
}
.w-col-small-6 {
width: 50%;
}
.w-col-small-7 {
width: 58.33333333%;
}
.w-col-small-8 {
width: 66.66666667%;
}
.w-col-small-9 {
width: 75%;
}
.w-col-small-10 {
width: 83.33333333%;
}
.w-col-small-11 {
width: 91.66666667%;
}
.w-col-small-12 {
width: 100%;
}
}
@media screen and (max-width: 479px) {
.w-container {
max-width: none;
}
.w-hidden-main {
display: inherit !important;
}
.w-hidden-medium {
display: inherit !important;
}
.w-hidden-small {
display: inherit !important;
}
.w-hidden-tiny {
display: none !important;
}
.w-col {
width: 100%;
}
.w-col-tiny-1 {
width: 8.33333333%;
}
.w-col-tiny-2 {
width: 16.66666667%;
}
.w-col-tiny-3 {
width: 25%;
}
.w-col-tiny-4 {
width: 33.33333333%;
}
.w-col-tiny-5 {
width: 41.66666667%;
}
.w-col-tiny-6 {
width: 50%;
}
.w-col-tiny-7 {
width: 58.33333333%;
}
.w-col-tiny-8 {
width: 66.66666667%;
}
.w-col-tiny-9 {
width: 75%;
}
.w-col-tiny-10 {
width: 83.33333333%;
}
.w-col-tiny-11 {
width: 91.66666667%;
}
.w-col-tiny-12 {
width: 100%;
}
}
.w-widget {
position: relative;
}
.w-widget-map {
width: 100%;
height: 400px;
}
.w-widget-map label {
width: auto;
display: inline;
}
.w-widget-map img {
max-width: inherit;
}
.w-widget-map .gm-style-iw {
text-align: center;
}
.w-widget-map .gm-style-iw > button {
display: none !important;
}
.w-widget-twitter {
overflow: hidden;
}
.w-widget-twitter-count-shim {
display: inline-block;
vertical-align: top;
position: relative;
width: 28px;
height: 20px;
text-align: center;
background: white;
border: #758696 solid 1px;
border-radius: 3px;
}
.w-widget-twitter-count-shim * {
pointer-events: none;
user-select: none;
}
.w-widget-twitter-count-shim .w-widget-twitter-count-inner {
position: relative;
font-size: 15px;
line-height: 12px;
text-align: center;
color: #999;
font-family: serif;
}
.w-widget-twitter-count-shim .w-widget-twitter-count-clear {
position: relative;
display: block;
}
.w-widget-twitter-count-shim.w--large {
width: 36px;
height: 28px;
}
.w-widget-twitter-count-shim.w--large .w-widget-twitter-count-inner {
font-size: 18px;
line-height: 18px;
}
.w-widget-twitter-count-shim:not(.w--vertical) {
margin-left: 5px;
margin-right: 8px;
}
.w-widget-twitter-count-shim:not(.w--vertical).w--large {
margin-left: 6px;
}
.w-widget-twitter-count-shim:not(.w--vertical):before,
.w-widget-twitter-count-shim:not(.w--vertical):after {
top: 50%;
left: 0;
border: solid transparent;
content: ' ';
height: 0;
width: 0;
position: absolute;
pointer-events: none;
}
.w-widget-twitter-count-shim:not(.w--vertical):before {
border-color: rgba(117, 134, 150, 0);
border-right-color: #5d6c7b;
border-width: 4px;
margin-left: -9px;
margin-top: -4px;
}
.w-widget-twitter-count-shim:not(.w--vertical).w--large:before {
border-width: 5px;
margin-left: -10px;
margin-top: -5px;
}
.w-widget-twitter-count-shim:not(.w--vertical):after {
border-color: rgba(255, 255, 255, 0);
border-right-color: white;
border-width: 4px;
margin-left: -8px;
margin-top: -4px;
}
.w-widget-twitter-count-shim:not(.w--vertical).w--large:after {
border-width: 5px;
margin-left: -9px;
margin-top: -5px;
}
.w-widget-twitter-count-shim.w--vertical {
width: 61px;
height: 33px;
margin-bottom: 8px;
}
.w-widget-twitter-count-shim.w--vertical:before,
.w-widget-twitter-count-shim.w--vertical:after {
top: 100%;
left: 50%;
border: solid transparent;
content: ' ';
height: 0;
width: 0;
position: absolute;
pointer-events: none;
}
.w-widget-twitter-count-shim.w--vertical:before {
border-color: rgba(117, 134, 150, 0);
border-top-color: #5d6c7b;
border-width: 5px;
margin-left: -5px;
}
.w-widget-twitter-count-shim.w--vertical:after {
border-color: rgba(255, 255, 255, 0);
border-top-color: white;
border-width: 4px;
margin-left: -4px;
}
.w-widget-twitter-count-shim.w--vertical .w-widget-twitter-count-inner {
font-size: 18px;
line-height: 22px;
}
.w-widget-twitter-count-shim.w--vertical.w--large {
width: 76px;
}
.w-background-video {
position: relative;
overflow: hidden;
height: 500px;
color: white;
}
.w-background-video > video {
background-size: cover;
background-position: 50% 50%;
position: absolute;
margin: auto;
width: 100%;
height: 100%;
right: -100%;
bottom: -100%;
top: -100%;
left: -100%;
object-fit: cover;
z-index: -100;
}
.w-background-video > video::-webkit-media-controls-start-playback-button {
display: none !important;
-webkit-appearance: none;
}
.w-background-video--control {
position: absolute;
bottom: 1em;
right: 1em;
background-color: transparent;
padding: 0;
}
.w-background-video--control > [hidden] {
display: none !important;
}
.w-slider {
position: relative;
height: 300px;
text-align: center;
background: #dddddd;
clear: both;
-webkit-tap-highlight-color: rgba(0, 0, 0, 0);
tap-highlight-color: rgba(0, 0, 0, 0);
}
.w-slider-mask {
position: relative;
display: block;
overflow: hidden;
z-index: 1;
left: 0;
right: 0;
height: 100%;
white-space: nowrap;
}
.w-slide {
position: relative;
display: inline-block;
vertical-align: top;
width: 100%;
height: 100%;
white-space: normal;
text-align: left;
}
.w-slider-nav {
position: absolute;
z-index: 2;
top: auto;
right: 0;
bottom: 0;
left: 0;
margin: auto;
padding-top: 10px;
height: 40px;
text-align: center;
-webkit-tap-highlight-color: rgba(0, 0, 0, 0);
tap-highlight-color: rgba(0, 0, 0, 0);
}
.w-slider-nav.w-round > div {
border-radius: 100%;
}
.w-slider-nav.w-num > div {
width: auto;
height: auto;
padding: 0.2em 0.5em;
font-size: inherit;
line-height: inherit;
}
.w-slider-nav.w-shadow > div {
box-shadow: 0 0 3px rgba(51, 51, 51, 0.4);
}
.w-slider-nav-invert {
color: #fff;
}
.w-slider-nav-invert > div {
background-color: rgba(34, 34, 34, 0.4);
}
.w-slider-nav-invert > div.w-active {
background-color: #222;
}
.w-slider-dot {
position: relative;
display: inline-block;
width: 1em;
height: 1em;
background-color: rgba(255, 255, 255, 0.4);
cursor: pointer;
margin: 0 3px 0.5em;
transition: background-color 100ms, color 100ms;
}
.w-slider-dot.w-active {
background-color: #fff;
}
.w-slider-dot:focus {
outline: none;
box-shadow: 0px 0px 0px 2px #fff;
}
.w-slider-dot:focus.w-active {
box-shadow: none;
}
.w-slider-arrow-left,
.w-slider-arrow-right {
position: absolute;
width: 80px;
top: 0;
right: 0;
bottom: 0;
left: 0;
margin: auto;
cursor: pointer;
overflow: hidden;
color: white;
font-size: 40px;
-webkit-tap-highlight-color: rgba(0, 0, 0, 0);
tap-highlight-color: rgba(0, 0, 0, 0);
user-select: none;
}
.w-slider-arrow-left [class^='w-icon-'],
.w-slider-arrow-right [class^='w-icon-'],
.w-slider-arrow-left [class*=' w-icon-'],
.w-slider-arrow-right [class*=' w-icon-'] {
position: absolute;
}
.w-slider-arrow-left:focus,
.w-slider-arrow-right:focus {
outline: 0;
}
.w-slider-arrow-left {
z-index: 3;
right: auto;
}
.w-slider-arrow-right {
z-index: 4;
left: auto;
}
.w-icon-slider-left,
.w-icon-slider-right {
top: 0;
right: 0;
bottom: 0;
left: 0;
margin: auto;
width: 1em;
height: 1em;
}
.w-slider-aria-label {
border: 0;
clip: rect(0 0 0 0);
height: 1px;
margin: -1px;
overflow: hidden;
padding: 0;
position: absolute;
width: 1px;
}
.w-slider-force-show {
display: block !important;
}
.w-dropdown {
display: inline-block;
position: relative;
text-align: left;
margin-left: auto;
margin-right: auto;
z-index: 900;
}
.w-dropdown-btn,
.w-dropdown-toggle,
.w-dropdown-link {
position: relative;
vertical-align: top;
text-decoration: none;
color: #222222;
padding: 20px;
text-align: left;
margin-left: auto;
margin-right: auto;
white-space: nowrap;
}
.w-dropdown-toggle {
user-select: none;
display: inline-block;
cursor: pointer;
padding-right: 40px;
}
.w-dropdown-toggle:focus {
outline: 0;
}
.w-icon-dropdown-toggle {
position: absolute;
top: 0;
right: 0;
bottom: 0;
margin: auto;
margin-right: 20px;
width: 1em;
height: 1em;
}
.w-dropdown-list {
position: absolute;
background: #dddddd;
display: none;
min-width: 100%;
}
.w-dropdown-list.w--open {
display: block;
}
.w-dropdown-link {
padding: 10px 20px;
display: block;
color: #222222;
}
.w-dropdown-link.w--current {
color: #0082f3;
}
.w-dropdown-link:focus {
outline: 0;
}
.w-lightbox-backdrop {
cursor: auto;
font-style: normal;
letter-spacing: normal;
list-style: disc;
text-indent: 0;
text-shadow: none;
text-transform: none;
visibility: visible;
white-space: normal;
word-break: normal;
word-spacing: normal;
word-wrap: normal;
position: fixed;
top: 0;
right: 0;
bottom: 0;
left: 0;
color: #fff;
font-family: "Helvetica Neue", Helvetica, Ubuntu, "Segoe UI", Verdana, sans-serif;
font-size: 17px;
line-height: 1.2;
font-weight: 300;
text-align: center;
background: rgba(0, 0, 0, 0.9);
z-index: 2000;
outline: 0;
opacity: 0;
-webkit-user-select: none;
-moz-user-select: none;
-webkit-tap-highlight-color: transparent;
-webkit-transform: translate(0, 0);
}
.w-lightbox-backdrop,
.w-lightbox-container {
height: 100%;
overflow: auto;
-webkit-overflow-scrolling: touch;
}
.w-lightbox-content {
position: relative;
height: 100vh;
overflow: hidden;
}
.w-lightbox-view {
position: absolute;
width: 100vw;
height: 100vh;
opacity: 0;
}
.w-lightbox-view:before {
content: "";
height: 100vh;
}
.w-lightbox-group,
.w-lightbox-group .w-lightbox-view,
.w-lightbox-group .w-lightbox-view:before {
height: 86vh;
}
.w-lightbox-frame,
.w-lightbox-view:before {
display: inline-block;
vertical-align: middle;
}
.w-lightbox-figure {
position: relative;
margin: 0;
}
.w-lightbox-group .w-lightbox-figure {
cursor: pointer;
}
.w-lightbox-img {
width: auto;
height: auto;
max-width: none;
}
.w-lightbox-image {
display: block;
float: none;
max-width: 100vw;
max-height: 100vh;
}
.w-lightbox-group .w-lightbox-image {
max-height: 86vh;
}
.w-lightbox-caption {
position: absolute;
right: 0;
bottom: 0;
left: 0;
padding: 0.5em 1em;
background: rgba(0, 0, 0, 0.4);
text-align: left;
text-overflow: ellipsis;
white-space: nowrap;
overflow: hidden;
}
.w-lightbox-embed {
position: absolute;
top: 0;
right: 0;
bottom: 0;
left: 0;
width: 100%;
height: 100%;
}
.w-lightbox-control {
position: absolute;
top: 0;
width: 4em;
background-size: 24px;
background-repeat: no-repeat;
background-position: center;
cursor: pointer;
-webkit-transition: all 0.3s;
transition: all 0.3s;
}
.w-lightbox-left {
display: none;
bottom: 0;
left: 0;
background-image: url("data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHZpZXdCb3g9Ii0yMCAwIDI0IDQwIiB3aWR0aD0iMjQiIGhlaWdodD0iNDAiPjxnIHRyYW5zZm9ybT0icm90YXRlKDQ1KSI+PHBhdGggZD0ibTAgMGg1djIzaDIzdjVoLTI4eiIgb3BhY2l0eT0iLjQiLz48cGF0aCBkPSJtMSAxaDN2MjNoMjN2M2gtMjZ6IiBmaWxsPSIjZmZmIi8+PC9nPjwvc3ZnPg==");
}
.w-lightbox-right {
display: none;
right: 0;
bottom: 0;
background-image: url("data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHZpZXdCb3g9Ii00IDAgMjQgNDAiIHdpZHRoPSIyNCIgaGVpZ2h0PSI0MCI+PGcgdHJhbnNmb3JtPSJyb3RhdGUoNDUpIj48cGF0aCBkPSJtMC0waDI4djI4aC01di0yM2gtMjN6IiBvcGFjaXR5PSIuNCIvPjxwYXRoIGQ9Im0xIDFoMjZ2MjZoLTN2LTIzaC0yM3oiIGZpbGw9IiNmZmYiLz48L2c+PC9zdmc+");
}
.w-lightbox-close {
right: 0;
height: 2.6em;
background-image: url("data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHZpZXdCb3g9Ii00IDAgMTggMTciIHdpZHRoPSIxOCIgaGVpZ2h0PSIxNyI+PGcgdHJhbnNmb3JtPSJyb3RhdGUoNDUpIj48cGF0aCBkPSJtMCAwaDd2LTdoNXY3aDd2NWgtN3Y3aC01di03aC03eiIgb3BhY2l0eT0iLjQiLz48cGF0aCBkPSJtMSAxaDd2LTdoM3Y3aDd2M2gtN3Y3aC0zdi03aC03eiIgZmlsbD0iI2ZmZiIvPjwvZz48L3N2Zz4=");
background-size: 18px;
}
.w-lightbox-strip {
position: absolute;
bottom: 0;
left: 0;
right: 0;
padding: 0 1vh;
line-height: 0;
white-space: nowrap;
overflow-x: auto;
overflow-y: hidden;
}
.w-lightbox-item {
display: inline-block;
width: 10vh;
padding: 2vh 1vh;
box-sizing: content-box;
cursor: pointer;
-webkit-transform: translate3d(0, 0, 0);
}
.w-lightbox-active {
opacity: 0.3;
}
.w-lightbox-thumbnail {
position: relative;
height: 10vh;
background: #222;
overflow: hidden;
}
.w-lightbox-thumbnail-image {
position: absolute;
top: 0;
left: 0;
}
.w-lightbox-thumbnail .w-lightbox-tall {
top: 50%;
width: 100%;
-webkit-transform: translate(0, -50%);
transform: translate(0, -50%);
}
.w-lightbox-thumbnail .w-lightbox-wide {
left: 50%;
height: 100%;
-webkit-transform: translate(-50%, 0);
transform: translate(-50%, 0);
}
.w-lightbox-spinner {
position: absolute;
top: 50%;
left: 50%;
box-sizing: border-box;
width: 40px;
height: 40px;
margin-top: -20px;
margin-left: -20px;
border: 5px solid rgba(0, 0, 0, 0.4);
border-radius: 50%;
-webkit-animation: spin 0.8s infinite linear;
animation: spin 0.8s infinite linear;
}
.w-lightbox-spinner:after {
content: "";
position: absolute;
top: -4px;
right: -4px;
bottom: -4px;
left: -4px;
border: 3px solid transparent;
border-bottom-color: #fff;
border-radius: 50%;
}
.w-lightbox-hide {
display: none;
}
.w-lightbox-noscroll {
overflow: hidden;
}
@media (min-width: 768px) {
.w-lightbox-content {
height: 96vh;
margin-top: 2vh;
}
.w-lightbox-view,
.w-lightbox-view:before {
height: 96vh;
}
.w-lightbox-group,
.w-lightbox-group .w-lightbox-view,
.w-lightbox-group .w-lightbox-view:before {
height: 84vh;
}
.w-lightbox-image {
max-width: 96vw;
max-height: 96vh;
}
.w-lightbox-group .w-lightbox-image {
max-width: 82.3vw;
max-height: 84vh;
}
.w-lightbox-left,
.w-lightbox-right {
display: block;
opacity: 0.5;
}
.w-lightbox-close {
opacity: 0.8;
}
.w-lightbox-control:hover {
opacity: 1;
}
}
.w-lightbox-inactive,
.w-lightbox-inactive:hover {
opacity: 0;
}
.w-richtext:before,
.w-richtext:after {
content: " ";
display: table;
grid-column-start: 1;
grid-row-start: 1;
grid-column-end: 2;
grid-row-end: 2;
}
.w-richtext:after {
clear: both;
}
.w-richtext[contenteditable="true"]:before,
.w-richtext[contenteditable="true"]:after {
white-space: initial;
}
.w-richtext ol,
.w-richtext ul {
overflow: hidden;
}
.w-richtext .w-richtext-figure-selected.w-richtext-figure-type-video div:after,
.w-richtext .w-richtext-figure-selected[data-rt-type="video"] div:after {
outline: 2px solid #2895f7;
}
.w-richtext .w-richtext-figure-selected.w-richtext-figure-type-image div,
.w-richtext .w-richtext-figure-selected[data-rt-type="image"] div {
outline: 2px solid #2895f7;
}
.w-richtext figure.w-richtext-figure-type-video > div:after,
.w-richtext figure[data-rt-type="video"] > div:after {
content: '';
position: absolute;
display: none;
left: 0;
top: 0;
right: 0;
bottom: 0;
}
.w-richtext figure {
position: relative;
max-width: 60%;
}
.w-richtext figure > div:before {
cursor: default!important;
}
.w-richtext figure img {
width: 100%;
}
.w-richtext figure figcaption.w-richtext-figcaption-placeholder {
opacity: 0.6;
}
.w-richtext figure div {
font-size: 0px;
color: transparent;
}
.w-richtext figure.w-richtext-figure-type-image,
.w-richtext figure[data-rt-type="image"] {
display: table;
}
.w-richtext figure.w-richtext-figure-type-image > div,
.w-richtext figure[data-rt-type="image"] > div {
display: inline-block;
}
.w-richtext figure.w-richtext-figure-type-image > figcaption,
.w-richtext figure[data-rt-type="image"] > figcaption {
display: table-caption;
caption-side: bottom;
}
.w-richtext figure.w-richtext-figure-type-video,
.w-richtext figure[data-rt-type="video"] {
width: 60%;
height: 0;
}
.w-richtext figure.w-richtext-figure-type-video iframe,
.w-richtext figure[data-rt-type="video"] iframe {
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%;
}
.w-richtext figure.w-richtext-figure-type-video > div,
.w-richtext figure[data-rt-type="video"] > div {
width: 100%;
}
.w-richtext figure.w-richtext-align-center {
margin-right: auto;
margin-left: auto;
clear: both;
}
.w-richtext figure.w-richtext-align-center.w-richtext-figure-type-image > div,
.w-richtext figure.w-richtext-align-center[data-rt-type="image"] > div {
max-width: 100%;
}
.w-richtext figure.w-richtext-align-normal {
clear: both;
}
.w-richtext figure.w-richtext-align-fullwidth {
width: 100%;
max-width: 100%;
text-align: center;
clear: both;
display: block;
margin-right: auto;
margin-left: auto;
}
.w-richtext figure.w-richtext-align-fullwidth > div {
display: inline-block;
padding-bottom: inherit;
}
.w-richtext figure.w-richtext-align-fullwidth > figcaption {
display: block;
}
.w-richtext figure.w-richtext-align-floatleft {
float: left;
margin-right: 15px;
clear: none;
}
.w-richtext figure.w-richtext-align-floatright {
float: right;
margin-left: 15px;
clear: none;
}
.w-nav {
position: relative;
background: #dddddd;
z-index: 1000;
}
.w-nav:before,
.w-nav:after {
content: " ";
display: table;
grid-column-start: 1;
grid-row-start: 1;
grid-column-end: 2;
grid-row-end: 2;
}
.w-nav:after {
clear: both;
}
.w-nav-brand {
position: relative;
float: left;
text-decoration: none;
color: #333333;
}
.w-nav-link {
position: relative;
display: inline-block;
vertical-align: top;
text-decoration: none;
color: #222222;
padding: 20px;
text-align: left;
margin-left: auto;
margin-right: auto;
}
.w-nav-link.w--current {
color: #0082f3;
}
.w-nav-menu {
position: relative;
float: right;
}
[data-nav-menu-open] {
display: block !important;
position: absolute;
top: 100%;
left: 0;
right: 0;
background: #C8C8C8;
text-align: center;
overflow: visible;
min-width: 200px;
}
.w--nav-link-open {
display: block;
position: relative;
}
.w-nav-overlay {
position: absolute;
overflow: hidden;
display: none;
top: 100%;
left: 0;
right: 0;
width: 100%;
}
.w-nav-overlay [data-nav-menu-open] {
top: 0;
}
.w-nav[data-animation='over-left'] .w-nav-overlay {
width: auto;
}
.w-nav[data-animation='over-left'] .w-nav-overlay,
.w-nav[data-animation='over-left'] [data-nav-menu-open] {
right: auto;
z-index: 1;
top: 0;
}
.w-nav[data-animation='over-right'] .w-nav-overlay {
width: auto;
}
.w-nav[data-animation='over-right'] .w-nav-overlay,
.w-nav[data-animation='over-right'] [data-nav-menu-open] {
left: auto;
z-index: 1;
top: 0;
}
.w-nav-button {
position: relative;
float: right;
padding: 18px;
font-size: 24px;
display: none;
cursor: pointer;
-webkit-tap-highlight-color: rgba(0, 0, 0, 0);
tap-highlight-color: rgba(0, 0, 0, 0);
user-select: none;
}
.w-nav-button:focus {
outline: 0;
}
.w-nav-button.w--open {
background-color: #C8C8C8;
color: white;
}
.w-nav[data-collapse='all'] .w-nav-menu {
display: none;
}
.w-nav[data-collapse='all'] .w-nav-button {
display: block;
}
.w--nav-dropdown-open {
display: block;
}
.w--nav-dropdown-toggle-open {
display: block;
}
.w--nav-dropdown-list-open {
position: static;
}
@media screen and (max-width: 991px) {
.w-nav[data-collapse='medium'] .w-nav-menu {
display: none;
}
.w-nav[data-collapse='medium'] .w-nav-button {
display: block;
}
}
@media screen and (max-width: 767px) {
.w-nav[data-collapse='small'] .w-nav-menu {
display: none;
}
.w-nav[data-collapse='small'] .w-nav-button {
display: block;
}
.w-nav-brand {
padding-left: 10px;
}
}
@media screen and (max-width: 479px) {
.w-nav[data-collapse='tiny'] .w-nav-menu {
display: none;
}
.w-nav[data-collapse='tiny'] .w-nav-button {
display: block;
}
}
.w-tabs {
position: relative;
}
.w-tabs:before,
.w-tabs:after {
content: " ";
display: table;
grid-column-start: 1;
grid-row-start: 1;
grid-column-end: 2;
grid-row-end: 2;
}
.w-tabs:after {
clear: both;
}
.w-tab-menu {
position: relative;
}
.w-tab-link {
position: relative;
display: inline-block;
vertical-align: top;
text-decoration: none;
padding: 9px 30px;
text-align: left;
cursor: pointer;
color: #222222;
background-color: #dddddd;
}
.w-tab-link.w--current {
background-color: #C8C8C8;
}
.w-tab-link:focus {
outline: 0;
}
.w-tab-content {
position: relative;
display: block;
overflow: hidden;
}
.w-tab-pane {
position: relative;
display: none;
}
.w--tab-active {
display: block;
}
@media screen and (max-width: 479px) {
.w-tab-link {
display: block;
}
}
.w-ix-emptyfix:after {
content: "";
}
@keyframes spin {
0% {
transform: rotate(0deg);
}
100% {
transform: rotate(360deg);
}
}
.w-dyn-empty {
padding: 10px;
background-color: #dddddd;
}
.w-dyn-hide {
display: none !important;
}
.w-dyn-bind-empty {
display: none !important;
}
.w-condition-invisible {
display: none !important;
}
.wf-layout-layout {
display: grid;
}
.w-layout-grid {
display: grid;
grid-auto-columns: 1fr;
grid-template-columns: 1fr 1fr;
grid-template-rows: auto auto;
grid-row-gap: 16px;
grid-column-gap: 16px;
}

@font-face {
font-family: Abcfavorit;
src: url('../fonts/ABCFavorit-Bold.woff2') format("woff2"), url('../fonts/ABCFavorit-Bold.woff') format("woff");
font-weight: 700;
font-style: normal;
font-display: swap;
}
@font-face {
font-family: Abcfavorit;
src: url('../fonts/ABCFavorit-Regular.woff2') format("woff2"), url('../fonts/ABCFavorit-Regular.woff') format("woff");
font-weight: 400;
font-style: normal;
font-display: swap;
}
:root {
--background-color--background-dark: #171417;
--font-family--font-primary: Abcfavorit, Arial, sans-serif;
--text-color--text-dark: var(--base-color-brand--dark);
--link-color--link-light: var(--base-color-brand--light);
--text-color--text-light: var(--base-color-brand--light);
--background-color--background-light: #f8f7f6;
--border-color--border-light: var(--border-color--border-dark);
--background-color--background-dark-card: #221f22;
--base-color-neutral--black: black;
--base-color-neutral--white: white;
--border-color--border-dark: #ffffff14;
--base-color-brand--hurra-red: #e4002b;
--base-color-brand--white: white;
--text-color--text-dark-subtle: var(--base-color-brand--dark-subtle);
--base-color-brand--dark: white;
--size--xsmall: 1.125rem;
--black-archive: black;
--link-color--link-dark-subtle: var(--base-color-brand--dark-subtle);
--background-color--background-grey: #eee;
--link-color--link-dark: var(--base-color-brand--dark);
--font-family--font-secondary: Inter;
--background-color--background-success\<deleted\|relume-variable-background-color-6\>: var(--base-color-system--success-green-light);
--background-color--background-error\<deleted\|relume-variable-background-color-8\>: var(--base-color-system--error-red-light);
--text-color--text-error\<deleted\|relume-variable-text-color-5\>: var(--base-color-system--error-red);
--size--xxlarge: 2.5rem;
--link-color--link-light-subtle: var(--base-color-brand--light-subtle);
--text-color--text-accent: var(--base-color-brand--hurra-red);
--base-color-brand--dark-subtle: #767478;
--size--xxsmall: 1rem;
--base-color-neutral--neutral-light: #aaa;
--size--tiny: .75rem;
--size--small: 1.25rem;
--size--medium: 1.75rem;
--base-color-neutral--neutral-lightest: #eee;
--size--large: 1.5rem;
--base-color-neutral--neutral-lighter: #ccc;
--base-color-neutral--neutral: #666;
--base-color-brand--light: #363131;
--base-color-neutral--neutral-dark: #444;
--base-color-neutral--neutral-darkest: #111;
--base-color-brand--black: #000000c9;
--base-color-neutral--neutral-darker: #222;
--base-color-brand--light-subtle: #4c4949cc;
--base-color-system--success-green: #027a48;
--base-color-system--success-green-light: #ecfdf3;
--base-color-system--error-red: #b42318;
--base-color-system--error-red-light: #fef3f2;
--text-color--text-light-subtle: var(--base-color-brand--light-subtle);
}
.w-layout-grid {
grid-row-gap: 16px;
grid-column-gap: 16px;
grid-template-rows: auto auto;
grid-template-columns: 1fr 1fr;
grid-auto-columns: 1fr;
display: grid;
}
.w-checkbox {
margin-bottom: 5px;
padding-left: 20px;
display: block;
}
.w-checkbox:before {
content: " ";
grid-area: 1 / 1 / 2 / 2;
display: table;
}
.w-checkbox:after {
content: " ";
clear: both;
grid-area: 1 / 1 / 2 / 2;
display: table;
}
.w-checkbox-input {
float: left;
margin: 4px 0 0 -20px;
line-height: normal;
}
.w-checkbox-input--inputType-custom {
border: 1px solid #ccc;
border-radius: 2px;
width: 12px;
height: 12px;
}
.w-checkbox-input--inputType-custom.w--redirected-checked {
background-color: #3898ec;
background-image: url('/images/custom-checkbox-checkmark.589d534424.svg');
background-position: 50%;
background-repeat: no-repeat;
background-size: cover;
border-color: #3898ec;
}
.w-checkbox-input--inputType-custom.w--redirected-focus {
box-shadow: 0 0 3px 1px #3898ec;
}
.w-form-formradioinput--inputType-custom {
border: 1px solid #ccc;
border-radius: 50%;
width: 12px;
height: 12px;
}
.w-form-formradioinput--inputType-custom.w--redirected-focus {
box-shadow: 0 0 3px 1px #3898ec;
}
.w-form-formradioinput--inputType-custom.w--redirected-checked {
border-width: 4px;
border-color: #3898ec;
}
.w-pagination-wrapper {
flex-wrap: wrap;
justify-content: center;
display: flex;
}
.w-pagination-previous {
color: #333;
background-color: #fafafa;
border: 1px solid #ccc;
border-radius: 2px;
margin-left: 10px;
margin-right: 10px;
padding: 9px 20px;
font-size: 14px;
display: block;
}
.w-pagination-previous-icon {
margin-right: 4px;
}
.w-pagination-next {
color: #333;
background-color: #fafafa;
border: 1px solid #ccc;
border-radius: 2px;
margin-left: 10px;
margin-right: 10px;
padding: 9px 20px;
font-size: 14px;
display: block;
}
.w-pagination-next-icon {
margin-left: 4px;
}
body {
background-color: var(--background-color--background-dark);
font-family: var(--font-family--font-primary);
color: var(--text-color--text-dark);
letter-spacing: -.01rem;
overflow-wrap: normal;
font-size: 1rem;
line-height: 1.6;
}
h1 {
letter-spacing: -.21138rem;
margin-top: 0;
margin-bottom: 0;
font-size: 5.28406rem;
font-weight: 700;
line-height: 1;
}
h2 {
letter-spacing: -.18rem;
margin-top: 0;
margin-bottom: 0;
font-size: 4.5rem;
font-weight: 700;
line-height: 1.1;
}
h3 {
letter-spacing: -.06rem;
margin-top: 0;
margin-bottom: 0;
font-size: 3rem;
font-weight: 700;
line-height: 1.2;
}
h4 {
letter-spacing: -.0175rem;
margin-top: 0;
margin-bottom: 0;
font-size: 1.75rem;
font-weight: 700;
line-height: 1.3;
}
h5 {
letter-spacing: -.0125rem;
margin-top: 0;
margin-bottom: 0;
font-size: 1.25rem;
font-weight: 700;
line-height: 1.4;
}
h6 {
letter-spacing: -.0125rem;
margin-top: 0;
margin-bottom: 0;
font-size: 1.125rem;
font-weight: 700;
line-height: 1.4;
}
p {
margin-bottom: 0;
}
a {
color: var(--link-color--link-light);
text-decoration: underline;
}
ul {
margin-top: 1rem;
margin-bottom: 1rem;
margin-left: .5rem;
padding-left: 1.25rem;
}
ol {
margin-top: 1rem;
margin-bottom: 1rem;
padding-left: 1.5rem;
}
li {
margin-top: .25rem;
margin-bottom: .25rem;
padding-left: .5rem;
}
img {
max-width: 100%;
display: inline-block;
}
label {
margin-bottom: .25rem;
font-weight: 400;
}
strong {
font-weight: bold;
}
blockquote {
border-left: .1875rem solid var(--text-color--text-light);
margin-bottom: 0;
padding: .75rem 1.25rem;
font-size: 1.25rem;
line-height: 1.5;
}
figure {
margin-top: 3rem;
margin-bottom: 3rem;
}
figcaption {
text-align: center;
margin-top: .25rem;
}
.z-index-2 {
z-index: 2;
position: relative;
}
.max-width-full {
width: 100%;
max-width: none;
}
.layer {
justify-content: center;
align-items: center;
position: absolute;
inset: 0%;
}
.overflow-hidden {
overflow: hidden;
}
.global-styles {
display: block;
position: fixed;
inset: 0% auto auto 0%;
}
.z-index-1 {
z-index: 1;
position: relative;
}
.hide {
display: none;
}
.text-style-link {
color: var(--link-color--link-light);
text-decoration: underline;
}
.max-width-xlarge {
width: 100%;
max-width: 64rem;
}
.max-width-medium {
width: 100%;
max-width: 35rem;
}
.max-width-xsmall {
width: 100%;
max-width: 25rem;
}
.max-width-xxsmall {
width: 100%;
max-width: 20rem;
}
.container-large {
width: 100%;
max-width: 92.8rem;
}
.container-large.author {
padding-top: 2rem;
}
.container-large.author._2 {
padding-top: 0;
}
.max-width-xxlarge {
width: 100%;
max-width: 88rem;
}
.align-center {
margin-left: auto;
margin-right: auto;
}
.spacing-clean {
margin: 0;
padding: 0;
}
.max-width-large {
width: 100%;
max-width: 50rem;
}
.max-width-large.leistungspage {
max-width: 80rem;
}
.max-width-small {
width: 100%;
max-width: 30rem;
}
.form-message-error {
margin-top: .75rem;
padding: .75rem;
}
.utility_component {
background-color: var(--background-color--background-light);
color: var(--text-color--text-light);
}
.utility_form-block {
text-align: center;
flex-direction: column;
max-width: 20rem;
display: flex;
}
.utility_form {
flex-direction: column;
align-items: stretch;
display: flex;
}
.utility_image {
margin-bottom: .5rem;
margin-left: auto;
margin-right: auto;
}
.main-wrapper {
padding-top: 5.9375rem;
}
.main-wrapper.blog-page, .main-wrapper.test200 {
padding-top: 0;
}
.container-medium {
width: 100%;
max-width: 64rem;
margin-left: auto;
margin-right: auto;
}
.container-small {
width: 100%;
max-width: 48rem;
margin-left: auto;
margin-right: auto;
}
.margin-tiny {
margin: .25rem;
}
.margin-xxsmall {
margin: .5rem;
}
.margin-xsmall {
margin: 1rem;
}
.margin-small {
margin: 1.75rem;
}
.margin-medium {
margin: 2rem;
}
.margin-large {
margin: 3rem;
}
.margin-xlarge {
margin: 4rem;
}
.margin-xxlarge {
margin: 5rem;
}
.margin-huge {
margin: 6rem;
}
.margin-xhuge {
margin: 7rem;
}
.margin-xxhuge {
margin: 10rem;
}
.margin-0 {
margin: 0;
}
.padding-0 {
padding: 0;
}
.padding-tiny {
padding: .25rem;
}
.padding-xxsmall {
padding: .5rem;
}
.padding-xsmall {
padding: 1rem;
}
.padding-small {
padding: 1.75rem;
}
.padding-medium {
padding: 2rem;
}
.padding-large {
padding: 3rem;
}
.padding-xlarge {
padding: 4rem;
}
.padding-xxlarge {
padding: 5rem;
}
.padding-huge {
padding: 6rem;
}
.padding-xhuge {
padding: 8rem;
}
.padding-xxhuge {
padding: 10rem;
}
.margin-top, .margin-top.margin-custom1, .margin-top.margin-huge, .margin-top.margin-small, .margin-top.margin-tiny, .margin-top.margin-custom3, .margin-top.margin-medium {
margin-bottom: 0;
margin-left: 0;
margin-right: 0;
}
.margin-top.margin-medium.div-image-button {
grid-column-gap: 16px;
grid-row-gap: 16px;
flex-flow: row;
grid-template-rows: auto auto;
grid-template-columns: 1fr 1fr;
grid-auto-columns: 1fr;
justify-content: flex-start;
place-items: center stretch;
display: flex;
}
.margin-top.margin-xxsmall, .margin-top.margin-xxhuge, .margin-top.margin-custom2 {
margin-bottom: 0;
margin-left: 0;
margin-right: 0;
}
.margin-top.margin-xsmall {
margin: 0;
}
.margin-top.margin-large, .margin-top.margin-xxlarge, .margin-top.margin-xlarge, .margin-top.margin-0, .margin-top.margin-xhuge {
margin-bottom: 0;
margin-left: 0;
margin-right: 0;
}
.margin-bottom, .margin-bottom.margin-xxlarge, .margin-bottom.margin-medium, .margin-bottom.margin-custom3, .margin-bottom.margin-custom1, .margin-bottom.margin-tiny, .margin-bottom.margin-small, .margin-bottom.margin-large, .margin-bottom.margin-0, .margin-bottom.margin-xlarge, .margin-bottom.margin-xhuge, .margin-bottom.margin-xxhuge, .margin-bottom.margin-huge, .margin-bottom.margin-xxsmall, .margin-bottom.margin-custom2, .margin-bottom.margin-xsmall {
margin-top: 0;
margin-left: 0;
margin-right: 0;
}
.margin-left, .margin-left.margin-tiny, .margin-left.margin-xxlarge, .margin-left.margin-0, .margin-left.margin-small, .margin-left.margin-xsmall, .margin-left.margin-large, .margin-left.margin-huge, .margin-left.margin-xlarge, .margin-left.margin-custom3, .margin-left.margin-xxsmall, .margin-left.margin-custom1, .margin-left.margin-custom2, .margin-left.margin-xhuge, .margin-left.margin-xxhuge, .margin-left.margin-medium {
margin-top: 0;
margin-bottom: 0;
margin-right: 0;
}
.margin-right, .margin-right.margin-huge, .margin-right.margin-xsmall, .margin-right.margin-xxhuge, .margin-right.margin-small, .margin-right.margin-medium, .margin-right.margin-xlarge, .margin-right.margin-custom3, .margin-right.margin-custom2, .margin-right.margin-xxsmall, .margin-right.margin-xhuge, .margin-right.margin-custom1, .margin-right.margin-large, .margin-right.margin-0, .margin-right.margin-xxlarge, .margin-right.margin-tiny {
margin-top: 0;
margin-bottom: 0;
margin-left: 0;
}
.margin-vertical, .margin-vertical.margin-medium, .margin-vertical.margin-xlarge, .margin-vertical.margin-xxsmall, .margin-vertical.margin-xxlarge, .margin-vertical.margin-huge, .margin-vertical.margin-0, .margin-vertical.margin-xxhuge, .margin-vertical.margin-tiny, .margin-vertical.margin-xsmall, .margin-vertical.margin-custom1, .margin-vertical.margin-small, .margin-vertical.margin-large, .margin-vertical.margin-xhuge, .margin-vertical.margin-custom2, .margin-vertical.margin-custom3 {
margin-left: 0;
margin-right: 0;
}
.margin-horizontal, .margin-horizontal.margin-medium, .margin-horizontal.margin-tiny, .margin-horizontal.margin-custom3, .margin-horizontal.margin-0, .margin-horizontal.margin-xxlarge, .margin-horizontal.margin-xhuge, .margin-horizontal.margin-huge, .margin-horizontal.margin-xlarge, .margin-horizontal.margin-custom1, .margin-horizontal.margin-xxsmall, .margin-horizontal.margin-xsmall, .margin-horizontal.margin-large, .margin-horizontal.margin-custom2, .margin-horizontal.margin-small, .margin-horizontal.margin-xxhuge {
margin-top: 0;
margin-bottom: 0;
}
.padding-top, .padding-top.padding-xhuge, .padding-top.padding-xxhuge, .padding-top.padding-0, .padding-top.padding-large, .padding-top.padding-custom2, .padding-top.padding-xlarge {
padding-bottom: 0;
padding-left: 0;
padding-right: 0;
}
.padding-top.padding-xlarge.leistungspage {
padding-top: 8rem;
}
.padding-top.padding-huge, .padding-top.padding-xxsmall, .padding-top.padding-custom3, .padding-top.padding-tiny, .padding-top.padding-medium, .padding-top.padding-xxlarge, .padding-top.padding-small, .padding-top.padding-xsmall, .padding-top.padding-custom1 {
padding-bottom: 0;
padding-left: 0;
padding-right: 0;
}
.padding-bottom, .padding-bottom.padding-xlarge, .padding-bottom.padding-small, .padding-bottom.padding-xxhuge, .padding-bottom.padding-large, .padding-bottom.padding-xhuge {
padding-top: 0;
padding-left: 0;
padding-right: 0;
}
.padding-bottom.padding-xhuge.test {
padding-bottom: 0;
}
.padding-bottom.padding-custom2, .padding-bottom.padding-xxsmall, .padding-bottom.padding-xxlarge, .padding-bottom.padding-custom3, .padding-bottom.padding-custom1, .padding-bottom.padding-xsmall, .padding-bottom.padding-huge, .padding-bottom.padding-tiny, .padding-bottom.padding-medium, .padding-bottom.padding-0 {
padding-top: 0;
padding-left: 0;
padding-right: 0;
}
.padding-left, .padding-left.padding-xhuge, .padding-left.padding-xlarge, .padding-left.padding-0, .padding-left.padding-small, .padding-left.padding-xsmall, .padding-left.padding-medium, .padding-left.padding-xxhuge, .padding-left.padding-huge, .padding-left.padding-custom1, .padding-left.padding-tiny, .padding-left.padding-xxsmall, .padding-left.padding-custom3, .padding-left.padding-custom2, .padding-left.padding-xxlarge, .padding-left.padding-large {
padding-top: 0;
padding-bottom: 0;
padding-right: 0;
}
.padding-right, .padding-right.padding-xxhuge, .padding-right.padding-custom2, .padding-right.padding-large, .padding-right.padding-xlarge, .padding-right.padding-tiny, .padding-right.padding-custom3, .padding-right.padding-custom1, .padding-right.padding-xsmall, .padding-right.padding-xxlarge, .padding-right.padding-xxsmall, .padding-right.padding-medium, .padding-right.padding-xhuge, .padding-right.padding-huge, .padding-right.padding-0, .padding-right.padding-small {
padding-top: 0;
padding-bottom: 0;
padding-left: 0;
}
.padding-vertical, .padding-vertical.padding-0, .padding-vertical.padding-xxhuge, .padding-vertical.padding-large, .padding-vertical.padding-custom3, .padding-vertical.padding-medium, .padding-vertical.padding-tiny, .padding-vertical.padding-xxlarge, .padding-vertical.padding-custom1, .padding-vertical.padding-xsmall, .padding-vertical.padding-xhuge, .padding-vertical.padding-xlarge, .padding-vertical.padding-custom2, .padding-vertical.padding-xxsmall, .padding-vertical.padding-huge, .padding-vertical.padding-small {
padding-left: 0;
padding-right: 0;
}
.padding-horizontal, .padding-horizontal.padding-xxsmall, .padding-horizontal.padding-0, .padding-horizontal.padding-custom3, .padding-horizontal.padding-huge, .padding-horizontal.padding-xsmall, .padding-horizontal.padding-medium, .padding-horizontal.padding-xxlarge, .padding-horizontal.padding-large, .padding-horizontal.padding-xhuge, .padding-horizontal.padding-custom1, .padding-horizontal.padding-tiny, .padding-horizontal.padding-custom2, .padding-horizontal.padding-xxhuge, .padding-horizontal.padding-small, .padding-horizontal.padding-xlarge {
padding-top: 0;
padding-bottom: 0;
}
.overflow-scroll {
overflow: scroll;
}
.overflow-auto {
overflow: auto;
}
.text-weight-medium {
font-weight: 500;
}
.text-size-medium {
letter-spacing: -.01125rem;
font-size: 1.125rem;
line-height: 1.2;
}
.text-size-medium.nav-bar-menu {
color: var(--text-color--text-light);
}
.text-size-medium.nav-bar-menu:where(.w-variant-0d69f6e9-da1e-e46e-c3bf-355479ce88da) {
color: var(--text-color--text-dark);
}
.text-size-medium.nav-bar-menu.w--current {
color: var(--text-color--text-light);
}
.text-size-medium.nav-bar-menu.w--current:where(.w-variant-0d69f6e9-da1e-e46e-c3bf-355479ce88da), .text-size-medium.nav-bar-menu.is--light {
color: var(--text-color--text-dark);
}
.text-size-medium.nav-bar-menu.size-small {
font-size: .9rem;
}
.text-size-medium.is--dark {
color: #363131;
}
.margin-top-auto {
margin-top: auto;
}
.text-style-quote {
border-left: .1875rem solid var(--text-color--text-light);
margin-bottom: 0;
padding: .75rem 1.25rem;
font-size: 1.25rem;
line-height: 1.5;
}
.icon-embed-small {
flex-direction: column;
justify-content: center;
align-items: center;
width: 2.25rem;
height: 2.25rem;
display: flex;
}
.heading-style-h2 {
letter-spacing: -.18rem;
justify-content: center;
align-items: flex-start;
padding-top: 0;
font-size: 4.5rem;
font-weight: 700;
line-height: 1.1;
display: block;
}
.heading-style-h2.test.main {
padding-bottom: 2rem;
font-size: 3rem;
}
.heading-style-h2.leistungspage {
padding-top: 3rem;
padding-bottom: 2rem;
}
.rl-styleguide_callout-link-wrapper-colors {
background-image: linear-gradient(135deg, #ff744826, #ff484826 50%, #6248ff26), linear-gradient(#fff, #fff);
border-radius: .6875rem;
justify-content: space-between;
align-items: center;
width: 100%;
padding: .75rem 1rem;
display: flex;
}
.rl-styleguide_heading {
z-index: 4;
color: var(--text-color--text-light);
margin-bottom: 1.5rem;
padding: .25rem .5rem;
font-size: 3.5rem;
font-weight: 700;
}
.heading-style-h6 {
letter-spacing: -.0125rem;
font-size: 1.125rem;
font-weight: 700;
line-height: 1.4;
}
.heading-style-h6.quote-box {
text-align: center;
letter-spacing: .02rem;
font-size: .9rem;
}
.heading-style-h6.quote-box.is--small {
font-size: .7rem;
font-weight: 400;
}
.heading-style-h6.mittig {
text-align: center;
}
.rl-styleguide_item-row {
grid-column-gap: 1.5rem;
grid-row-gap: 0rem;
grid-template-rows: auto;
grid-template-columns: 15rem 1fr;
align-items: center;
}
.rl-styleguide_item-row.is-button-row {
grid-template-columns: 19rem 1fr;
}
.icon-1x1-xsmall {
width: 1.5rem;
height: 1.5rem;
}
.rl-styleguide_empty-space {
z-index: -1;
flex-direction: column;
justify-content: space-between;
align-items: flex-start;
padding: 2rem;
display: flex;
position: relative;
}
.shadow-xxlarge {
box-shadow: 0 32px 64px -12px #00000024;
}
.rl-styleguide_icons-list {
grid-column-gap: 1rem;
grid-row-gap: 1rem;
flex-wrap: wrap;
grid-template-rows: auto;
grid-template-columns: 1fr;
grid-auto-columns: 1fr;
grid-auto-flow: column;
display: grid;
}
.icon-embed-medium {
flex-direction: column;
justify-content: center;
align-items: center;
width: 3rem;
height: 3rem;
display: flex;
}
.form_radio {
align-items: center;
margin-bottom: 0;
padding-left: 1.125rem;
display: flex;
}
.form_radio.is-alternate {
color: var(--text-color--text-dark);
}
.heading-style-h5 {
letter-spacing: -.0125rem;
font-size: 1.25rem;
font-weight: 700;
line-height: 1.4;
}
.text-style-strikethrough {
text-decoration: line-through;
}
.heading-style-h1 {
letter-spacing: -.21138rem;
font-size: 5.28406rem;
font-weight: 700;
line-height: 1;
}
.form_checkbox-icon {
border: 1px solid var(--border-color--border-light);
cursor: pointer;
border-radius: 50%;
width: 1.25rem;
min-width: 1.25rem;
height: 1.25rem;
min-height: 1.25rem;
margin-top: 0;
margin-left: -1.25rem;
margin-right: .5rem;
}
.form_checkbox-icon.w--redirected-checked {
border-width: 1px;
border-color: var(--background-color--background-dark-card);
background-color: var(--background-color--background-dark-card);
box-shadow: none;
background-image: url('../images/check-mark-light.svg');
background-position: 50%;
background-size: .875rem;
}
.form_checkbox-icon.w--redirected-focus {
box-shadow: none;
border-color: #000;
}
.form_checkbox-icon.is-alternate {
border-color: #ffffff1f;
}
.form_checkbox-icon.is-alternate.w--redirected-checked {
border-color: var(--background-color--background-light);
background-color: var(--background-color--background-light);
background-image: url('../images/check-mark-dark.svg');
}
.form_checkbox-label {
margin-bottom: 0;
}
.text-size-tiny {
letter-spacing: -.0075rem;
font-size: .75rem;
line-height: 1.3;
}
.text-size-tiny.leistungspage.text-color-secondary {
opacity: .6;
color: var(--text-color--text-light);
text-align: center;
letter-spacing: .008rem;
padding-top: 1em;
padding-bottom: 1em;
line-height: 1.4;
}
.text-size-tiny.opacity-80 {
opacity: .8;
}
.text-size-tiny.text-color-secondary.justify {
text-align: justify;
}
.form_field-label {
margin-bottom: .5rem;
font-weight: 400;
}
.form_field-label.is-alternate {
color: var(--text-color--text-dark);
}
.button {
border: 1px solid var(--base-color-neutral--black);
background-color: var(--base-color-neutral--black);
color: var(--base-color-neutral--white);
text-align: center;
padding: .75rem 1.5rem;
text-decoration: none;
}
.button.is-link {
border-style: none none solid;
border-bottom-color: var(--border-color--border-dark);
color: var(--text-color--text-dark);
background-color: #0000;
padding: 0 0 .5rem;
line-height: 1;
text-decoration: none;
}
.button.is-link.is-alternate {
color: var(--base-color-neutral--white);
background-color: #0000;
border-bottom-color: #3631311f;
}
.button.is-link.is-icon {
grid-column-gap: .5rem;
grid-row-gap: .5rem;
border-bottom-color: var(--border-color--border-light);
}
.button.is-link.is-icon.in-casestudy {
z-index: 3;
position: relative;
}
.button.is-link.is-icon.in-navbar:where(.w-variant-67fc30f4-d724-fbd5-a8c4-7f41ccbf1f83) {
border-bottom-color: var(--border-color--border-light);
color: var(--text-color--text-light);
}
.button.is-link.is-icon.in-navbar.red-button {
background-color: var(--base-color-brand--hurra-red);
color: var(--base-color-brand--white);
border-radius: var(--size--medium);
padding: 10px 15px;
}
.button.is-link.is-icon.in-navbar.red-button.light-theme-144, .button.is-link.is-icon.in-navbar.light-theme-142 {
border-bottom-color: var(--border-color--border-light);
color: var(--text-color--text-light);
}
.button.is-link.is-icon.is-red {
background-color: var(--base-color-brand--hurra-red);
object-fit: fill;
border-radius: var(--size--medium);
margin-right: 0;
padding: 10px 15px;
}
.button.is-link.is-icon.is-red:lang(en) {
margin-right: 0;
}
.button.is-link.is-icon.is-red.navbar {
justify-content: center;
align-items: center;
}
.button.is-link.is-icon.is-red.contact-form {
width: 100%;
margin-top: 2rem;
}
.button.is-link.is-icon.is-ad {
border-radius: var(--size--medium);
background-color: #0d0c54;
padding: 10px 15px;
}
.button.is-link.is-secondary {
border-bottom-color: var(--border-color--border-light);
color: var(--text-color--text-light);
}
.button.is-link.is-secondary.is-icon.button-red {
background-color: var(--base-color-brand--hurra-red);
color: var(--base-color-neutral--white);
border-radius: var(--size--medium);
padding: 10px 15px;
}
.button.is-link.in-navbar {
color: var(--text-color--text-dark-subtle);
}
.button.is-icon {
grid-column-gap: .75rem;
grid-row-gap: .75rem;
justify-content: center;
align-items: center;
display: flex;
}
.button.is-secondary {
color: var(--base-color-neutral--black);
background-color: #0000;
}
.button.is-secondary.is-alternate {
color: var(--base-color-neutral--white);
background-color: #0000;
}
.button.is-small {
padding: .5rem 1.25rem;
}
.button.is-small.is-icon-only {
padding-left: .5rem;
padding-right: .5rem;
}
.button.is-alternate {
border-color: var(--base-color-neutral--white);
background-color: var(--base-color-neutral--white);
color: var(--base-color-neutral--black);
}
.button.is-tertiary {
color: var(--base-color-neutral--black);
background-color: #0000;
border-color: #0000;
}
.button.is-icon-only {
padding-left: .75rem;
padding-right: .75rem;
}
.button.is-navbar4-button {
z-index: 1;
padding-top: .5rem;
padding-bottom: .5rem;
}
.text-weight-normal {
font-size: 1.5rem;
font-weight: 400;
}
.heading-style-h4 {
letter-spacing: -.0175rem;
font-size: 1.75rem;
font-weight: 700;
line-height: 1.3;
}
.heading-style-h4.text-weight-normal {
letter-spacing: -.035rem;
font-weight: 400;
display: block;
}
.heading-style-h4.text-weight-normal.weitere-artikel {
font-size: 1.2rem;
}
.heading-style-h4.text-weight-normal.is--dark {
color: var(--text-color--text-light);
text-align: justify;
}
.heading-style-h4.text-weight-normal.text-color-black {
display: block;
}
.heading-style-h4.text-weight-normal.text-color-black.hidden, .heading-style-h4.text-weight-normal.hidden {
display: none;
}
.heading-style-h4.dark-mode {
color: var(--base-color-brand--dark);
font-size: 2.3rem;
}
.heading-style-h4.light-mode {
font-size: 2.5rem;
}
.heading-style-h4.blog-overview.light-mode._2, .heading-style-h4.blog-overview.light-mode._3 {
font-size: 1rem;
}
.heading-style-h4.blog-overview.dark-mode {
-webkit-hyphens: auto;
hyphens: auto;
font-size: 1rem;
}
.heading-style-h4.blog-overview.dark-mode.category-template {
font-size: 1.1rem;
}
.heading-style-h4.blog-overview.light-mode {
color: #363131;
word-break: normal;
overflow-wrap: break-word;
-webkit-hyphens: auto;
hyphens: auto;
font-size: 1.2rem;
}
.heading-style-h4.blog-overview.light-mode.feature-image {
font-size: .9rem;
}
.heading-style-h4.blog-overview.light-mode {
color: #363131;
word-break: normal;
overflow-wrap: break-word;
-webkit-hyphens: auto;
hyphens: auto;
font-size: 1.2rem;
}
.heading-style-h4.blog-overview.light-mode._2, .heading-style-h4.navbar_image.light-mode, .heading-style-h4.navbar_image.dark-mode, .heading-style-h4.related-reading.light-mode, .heading-style-h4.related-reading.dark-mode {
font-size: 1rem;
}
.text-style-italic {
font-style: italic;
}
.icon-1x1-xxsmall {
width: 1rem;
height: 1rem;
}
.form_radio-label {
margin-bottom: 0;
}
.rl-styleguide_item {
grid-column-gap: 1rem;
grid-row-gap: 1rem;
flex-direction: column;
grid-template: "."
"Area"
/ 1fr;
grid-auto-columns: 1fr;
place-content: start;
place-items: start;
padding-bottom: 1rem;
display: grid;
}
.rl-styleguide_item.is-stretch {
grid-row-gap: 1rem;
justify-items: stretch;
}
.icon-1x1-xlarge {
width: 6.5rem;
height: 6.5rem;
}
.shadow-xlarge {
box-shadow: 0 24px 48px -12px #0000002e;
}
.text-weight-light {
font-weight: 300;
}
.rl-styleguide_label {
color: #1e51f7;
white-space: nowrap;
cursor: context-menu;
background-color: #ebeffa;
padding: .25rem .5rem;
font-size: .75rem;
display: inline-block;
}
.rl-styleguide_label.is-html-tag {
color: #bb4198;
background-color: #f9eff6;
}
.text-size-regular {
letter-spacing: -.01rem;
font-size: 1rem;
line-height: 1.25;
}
.text-weight-xbold {
font-weight: 800;
}
.text-align-right {
text-align: right;
}
.text-weight-bold {
font-weight: 700;
}
.icon-height-xlarge {
height: 6.5rem;
}
.heading-style-h3 {
letter-spacing: -.06rem;
font-size: 3rem;
font-weight: 700;
line-height: 1.2;
}
.heading-style-h3.test.main, .heading-style-h3.leistungspage {
font-size: 2rem;
}
.icon-1x1-large {
width: 5rem;
height: 5rem;
}
.form_input {
border-radius: var(--size--xsmall);
height: auto;
min-height: 2.75rem;
color: var(--text-color--text-light);
letter-spacing: -.0125rem;
background-color: #eee;
border: 1px solid #eee;
margin-bottom: 0;
padding: 1.5rem 1.75rem;
font-size: 1.25rem;
line-height: 1.6;
transition: border-color .2s;
}
.form_input:focus {
border-color: var(--border-color--border-light);
}
.form_input::placeholder {
color: #36313152;
}
.form_input.is-text-area {
height: auto;
min-height: 11.25rem;
padding-top: .75rem;
padding-bottom: .75rem;
overflow: auto;
}
.form_input.is-select-input {
background-image: url('../images/chevron-down.svg');
background-position: 99%;
background-repeat: no-repeat;
background-size: auto;
}
.form_input.is-select-input.is-alternate {
background-image: url('../images/chevron-down-white.svg');
}
.form_input.is-alternate {
border-color: var(--background-color--background-dark-card);
background-color: var(--background-color--background-dark-card);
color: var(--text-color--text-dark);
}
.form_input.is-alternate::placeholder {
color: #fff9;
}
.form_input.is-select-input {
background-image: none;
}
.form_input.is-select {
background-image: url('../images/chevron-down_1.svg');
background-position: 96%;
background-repeat: no-repeat;
background-size: auto;
}
.rl-styleguide_button-list {
grid-column-gap: 1rem;
grid-row-gap: 1.5rem;
white-space: normal;
grid-template-rows: auto;
grid-template-columns: auto;
grid-auto-columns: max-content;
grid-auto-flow: row;
place-items: center start;
padding-top: 1.5rem;
padding-bottom: 1.5rem;
display: grid;
}
.rl-styleguide_list {
grid-column-gap: 1rem;
grid-row-gap: 1rem;
grid-template-rows: auto;
grid-template-columns: 1fr;
padding-bottom: 4rem;
}
.icon-embed-custom1 {
flex-direction: column;
justify-content: center;
align-items: center;
width: 1.25rem;
height: 1.25rem;
display: flex;
}
.button-group {
grid-column-gap: 1rem;
grid-row-gap: 1rem;
flex-flow: row;
justify-content: flex-start;
align-items: center;
margin-top: 0;
display: flex;
}
.button-group.is-center, .button-group.align-center {
justify-content: center;
align-items: center;
}
.button-group.is-right {
justify-content: flex-end;
align-items: center;
}
.text-color-white {
color: var(--base-color-neutral--white);
}
.text-color-white:where(.w-variant-67fc30f4-d724-fbd5-a8c4-7f41ccbf1f83), .text-color-white.light-theme-107 {
color: var(--text-color--text-light);
}
.background-color-white {
background-color: var(--base-color-neutral--white);
}
.text-style-muted {
opacity: .6;
}
.text-style-nowrap {
white-space: nowrap;
}
.text-align-left {
text-align: left;
}
.icon-embed-large {
flex-direction: column;
justify-content: center;
align-items: center;
width: 5rem;
height: 5rem;
display: flex;
}
.shadow-xxsmall {
box-shadow: 0 1px 2px #0000000d;
}
.text-color-black {
color: var(--black-archive);
}
.icon-embed-xxsmall {
width: 1.25rem;
height: 1.25rem;
color: var(--text-color--text-dark);
background-color: #0000;
flex-direction: column;
justify-content: center;
align-items: center;
display: flex;
}
.icon-embed-xxsmall:where(.w-variant-dda56f02-ac66-989c-42fa-34121ca11eaf) {
color: var(--text-color--text-light);
}
.icon-embed-xxsmall.in-list {
margin-top: .125rem;
}
.icon-embed-xxsmall.rotate90 {
transform: rotate(90deg);
}
.icon-embed-xxsmall.is--red {
color: var(--base-color-brand--white);
}
.icon-embed-xxsmall.is--dark {
color: var(--link-color--link-dark-subtle);
font-size: .8rem;
}
.icon-embed-xsmall {
flex-direction: column;
justify-content: center;
align-items: center;
width: 1.5rem;
height: 1.5rem;
display: flex;
}
.icon-height-xxsmall {
height: 1rem;
}
.background-color-black {
background-color: var(--base-color-neutral--black);
}
.shadow-xsmall {
box-shadow: 0 1px 3px #0000001a, 0 1px 2px #0000000f;
}
.icon-1x1-custom1 {
width: 1.25rem;
height: 1.25rem;
}
.rl-styleguide_header {
grid-column-gap: 1rem;
grid-row-gap: 1rem;
grid-template-rows: auto;
grid-template-columns: 1fr 1fr 1fr;
grid-auto-columns: 1fr;
justify-content: space-between;
align-items: center;
padding-top: 3rem;
padding-bottom: 3rem;
display: flex;
}
.rl-styleguide_subheading {
z-index: 3;
background-color: var(--background-color--background-grey);
color: var(--text-color--text-light);
border-radius: .75rem;
margin-bottom: 1rem;
padding: 1rem;
font-size: 2rem;
font-weight: 700;
line-height: 1;
}
.form_radio-icon {
border: 1px solid var(--border-color--border-dark);
cursor: pointer;
border-radius: 100px;
width: 1.125rem;
min-width: 1.125rem;
height: 1.125rem;
min-height: 1.125rem;
margin-top: 0;
margin-left: -1.125rem;
margin-right: .5rem;
}
.form_radio-icon.w--redirected-checked {
background-color: #fff;
background-image: none;
border-width: 6px;
border-color: #000;
}
.form_radio-icon.w--redirected-focus {
box-shadow: none;
border-color: #000;
margin-top: 0;
}
.form_radio-icon.is-alternate {
border-color: var(--base-color-neutral--white);
}
.rl-styleguide_shadows-list {
grid-column-gap: 1.5rem;
grid-row-gap: 1.5rem;
grid-template-rows: auto;
grid-template-columns: 1fr 1fr 1fr 1fr;
align-items: start;
}
.form_form {
grid-column-gap: 1.5rem;
grid-row-gap: 1.5rem;
grid-template-rows: auto;
grid-template-columns: 1fr;
grid-auto-columns: 1fr;
display: grid;
}
.text-style-allcaps {
text-transform: uppercase;
}
.rl-styleguide_callout-link_colors {
background-color: #fff;
background-image: linear-gradient(135deg, #ff7448, #ff4848 50%, #6248ff);
border-radius: .75rem;
justify-content: space-between;
align-items: center;
margin-bottom: 1.5rem;
padding: 1px;
text-decoration: none;
display: flex;
overflow: hidden;
}
.icon-height-custom1 {
height: 1.25rem;
}
.text-align-center {
text-align: center;
}
.text-size-small {
letter-spacing: -.00875rem;
justify-content: center;
align-items: center;
padding-bottom: .5rem;
font-size: .875rem;
line-height: 1.4;
display: flex;
}
.text-size-small.text-weight-semibold.text-inline {
display: inline;
}
.text-size-small.light-mode {
color: var(--text-color--text-light);
flex-flow: row;
justify-content: space-between;
align-items: center;
}
.text-size-small.category-pill.light-mode {
opacity: .85;
padding-bottom: 0;
font-size: .5rem;
}
.text-size-small.category-pill.dark-mode {
opacity: .85;
color: var(--text-color--text-dark);
padding-bottom: 0;
font-size: .5rem;
}
.class-label-column {
grid-column-gap: .75rem;
grid-row-gap: .75rem;
grid-template-rows: auto;
grid-template-columns: 1fr;
grid-auto-columns: 1fr;
display: grid;
}
.form_field-wrapper {
position: relative;
}
.icon-height-small {
height: 2rem;
}
.icon-height-large {
height: 5rem;
}
.shadow-large {
box-shadow: 0 20px 24px -4px #00000014, 0 8px 8px -4px #00000008;
}
.icon-embed-xlarge {
flex-direction: column;
justify-content: center;
align-items: center;
width: 6.5rem;
height: 6.5rem;
display: flex;
}
.icon-1x1-small {
width: 2rem;
height: 2rem;
}
.class-label-row {
grid-column-gap: .25rem;
grid-row-gap: .25rem;
flex-wrap: wrap;
align-items: center;
display: flex;
}
.text-rich-text h1 {
margin-top: 2rem;
margin-bottom: 1rem;
font-size: 5rem;
}
.text-rich-text blockquote {
margin-top: 1.5rem;
margin-bottom: 1.5rem;
font-style: italic;
}
.text-rich-text h2 {
margin-top: 1.5rem;
margin-bottom: 1rem;
font-size: 4rem;
}
.text-rich-text h3 {
margin-top: 1.5rem;
margin-bottom: 1rem;
}
.text-rich-text h4 {
margin-top: 2rem;
margin-bottom: 1rem;
}
.text-rich-text h5, .text-rich-text h6 {
margin-top: 1.25rem;
margin-bottom: 1rem;
}
.text-rich-text p {
color: var(--base-color-brand--dark);
text-align: justify;
letter-spacing: -.0125rem;
margin-bottom: 1rem;
font-size: 1.25rem;
line-height: 1.5;
}
.text-rich-text a {
text-decoration: underline;
}
.text-rich-text figcaption {
border-left: 2px solid var(--text-color--text-light);
text-align: left;
margin-top: .5rem;
padding-left: .5rem;
font-size: .875rem;
}
.text-rich-text ol {
color: #fff9;
padding-left: 1.75rem;
line-height: 1.25;
}
.text-rich-text ul {
color: #fff9;
padding-left: 1.5rem;
font-size: 1.25rem;
line-height: 1.2;
list-style-type: disc;
}
.text-rich-text strong {
color: var(--text-color--text-dark);
}
.text-rich-text.text-color-primary {
text-align: left;
margin-right: auto;
}
.text-rich-text.text-color-primary:lang(en) {
margin-right: 0;
}
.text-rich-text.white {
color: var(--base-color-brand--dark);
}
.icon-height-medium {
height: 3rem;
}
.form_checkbox {
justify-content: flex-start;
align-items: flex-start;
margin-bottom: 0;
padding-left: 1.25rem;
display: flex;
}
.form_checkbox.is-alternate {
color: var(--text-color--text-dark);
}
.shadow-small {
box-shadow: 0 4px 8px -2px #0000001a, 0 2px 4px -2px #0000000f;
}
.icon-1x1-medium {
width: 3rem;
height: 3rem;
}
.rl-styleguide_button-row {
grid-column-gap: 1rem;
display: flex;
}
.shadow-medium {
box-shadow: 0 12px 16px -4px #00000014, 0 4px 6px -2px #00000008;
}
.text-size-large {
letter-spacing: -.0125rem;
flex: 0 auto;
font-size: 1.25rem;
line-height: 1.4;
}
.text-size-large.is--white {
color: var(--base-color-brand--white);
}
.text-size-large.hero-section {
flex: 1;
margin-left: auto;
margin-right: auto;
padding-top: .5rem;
padding-bottom: .5rem;
font-size: 1.25rem;
}
.text-size-large.leistungspage {
text-transform: none;
font-weight: 400;
text-decoration: none;
}
.text-size-large.faq {
font-weight: 400;
}
.text-size-large.is--dark {
color: var(--text-color--text-light);
}
.text-size-large.is--dark.related-articles {
font-size: 1rem;
}
.text-size-large.middle {
text-align: center;
}
.text-size-large.blog-excerpt {
text-align: justify;
}
.text-size-large.navbar-dropdown {
letter-spacing: .12rem;
text-transform: capitalize;
font-size: 1.125rem;
font-weight: 700;
text-decoration: none;
}
.text-size-large.navbar-dropdown:where(.w-variant-0d69f6e9-da1e-e46e-c3bf-355479ce88da) {
color: var(--text-color--text-dark);
font-size: 1.125rem;
}
.text-size-large.navbar-dropdown.is--light {
color: var(--text-color--text-dark);
}
.text-size-large.is--grey {
color: var(--text-color--text-dark-subtle);
}
.icon-height-xsmall {
height: 1.5rem;
}
.pointer-events-auto {
pointer-events: auto;
}
.rl-styleguide_spacing-all {
display: none;
}
.pointer-events-none {
pointer-events: none;
}
.padding-section-small {
padding-top: 2.5rem;
padding-bottom: 2.5rem;
display: block;
}
.padding-section-small.padding-bottom0 {
padding-bottom: 0;
}
.rl-styleguide_empty-box {
z-index: -1;
background-color: var(--background-color--background-grey);
min-width: 3rem;
height: 3rem;
position: relative;
}
.rl-styleguide_spacing {
border: 1px dashed var(--border-color--border-dark);
}
.padding-global {
padding-left: 5%;
padding-right: 5%;
}
.padding-global:where(.w-variant-5baf9136-f5d9-db5f-c58a-22f6b700f3a6) {
background-color: var(--background-color--background-light);
}
.padding-global.is-fixed {
padding-left: 1.25rem;
padding-right: 1.25rem;
}
.padding-global.big {
padding-bottom: 1rem;
}
.padding-global.related-reading {
padding-left: 5%;
padding-right: 5%;
}
.padding-section-medium {
padding-top: 5rem;
padding-bottom: 5rem;
}
.padding-section-medium.padding-top-half {
padding-top: 2.5rem;
display: block;
}
.padding-section-medium.padding-top0 {
padding-top: 0;
}
.padding-section-large {
padding-top: 8rem;
padding-bottom: 8rem;
}
.padding-section-large.padding-bottom-medium {
padding-bottom: 5rem;
}
.padding-section-large.padding-top-xsmall {
padding-top: 1.25rem;
}
.padding-section-large.padding-top-xsmall:where(.w-variant-ad8b3711-0d12-1f95-15e1-f9ea2422d7af), .padding-section-large.padding-top-xsmall.square-4 {
padding-top: 4rem;
}
.padding-section-large.padding-top-medium {
padding-top: 5rem;
}
.padding-section-large.padding-top-half {
padding-top: 4rem;
padding-bottom: 4rem;
}
.padding-section-large.padding-top-half.author {
padding-top: 0;
}
.padding-section-large.padding-bottom-half {
padding-bottom: 4rem;
}
.padding-section-large.padding-bottom0 {
padding-bottom: 0;
}
.padding-section-large.padding-half {
padding-top: 4rem;
padding-bottom: 4rem;
}
.padding-section-large.padding-half.blog {
padding-left: 4rem;
padding-right: 4rem;
}
.padding-section-large.padding-top0 {
padding-top: 0;
}
.padding-section-large.leistungspage {
padding-left: 5%;
padding-right: 5%;
}
.spacer-tiny {
width: 100%;
padding-top: .25rem;
}
.spacer-xxsmall {
width: 100%;
padding-top: .5rem;
}
.spacer-xsmall {
width: 100%;
padding-top: 1rem;
}
.spacer-small {
width: 100%;
padding-top: 1.5rem;
}
.spacer-medium {
width: 100%;
padding-top: 2rem;
}
.spacer-large {
width: 100%;
padding-top: 3rem;
}
.spacer-xlarge {
width: 100%;
padding-top: 4rem;
}
.spacer-xxlarge {
width: 100%;
padding-top: 5rem;
}
.spacer-huge {
width: 100%;
padding-top: 6rem;
}
.spacer-xhuge {
width: 100%;
padding-top: 7rem;
}
.spacer-xxhuge {
width: 100%;
padding-top: 10rem;
}
.rl-styleguide_nav {
z-index: 1000;
background-color: var(--background-color--background-dark-card);
border-radius: .75rem;
margin-top: 1rem;
padding: .5rem;
position: sticky;
top: 1rem;
}
.rl-styleguide_nav-link {
color: var(--link-color--link-dark);
border-radius: .25rem;
padding: .5rem 1rem;
text-decoration: none;
}
.rl-styleguide_nav-link.w--current {
background-color: var(--background-color--background-light);
color: var(--link-color--link-light);
}
.rl-styleguide_subheading-small {
font-size: 1rem;
font-weight: 400;
}
.rl-styleguide_callout-heading-wrapper {
font-size: 1.25rem;
font-weight: 600;
}
.rl-styleguide_background-color-list {
grid-column-gap: 0rem;
grid-row-gap: 0rem;
grid-template-rows: auto;
grid-template-columns: 1fr;
}
.background-color-primary {
background-color: var(--background-color--background-light);
}
.rl-styleguide_color-spacer {
flex-direction: column;
justify-content: space-between;
align-items: flex-start;
padding: 1rem;
display: flex;
}
.background-color-secondary {
background-color: var(--background-color--background-light);
color: var(--text-color--text-light);
}
.background-color-tertiary {
background-color: var(--background-color--background-dark);
}
.background-color-alternative {
background-color: var(--background-color--background-dark-card);
}
.text-color-alternate {
color: #fff9;
}
.text-color-secondary {
color: var(--text-color--text-dark-subtle);
}
.text-color-primary {
color: var(--text-color--text-light);
}
.text-color-primary.close-text {
font-family: var(--font-family--font-secondary);
font-size: 3rem;
font-weight: 600;
transform: rotate(45deg);
}
.aspect-ratio-square {
aspect-ratio: 1;
}
.rl-styleguide_ratio-bg {
z-index: -1;
background-color: var(--background-color--background-grey);
min-width: 3rem;
height: 100%;
position: relative;
}
.aspect-ratio-portrait {
aspect-ratio: 2 / 3;
}
.aspect-ratio-landscape {
aspect-ratio: 3 / 2;
}
.aspect-ratio-widescreen {
aspect-ratio: 16 / 9;
}
.form_message-success-wrapper {
margin-top: 1rem;
padding: 0;
}
.form_message-success {
background-color: var(--background-color--background-success\<deleted\|relume-variable-background-color-6\>);
color: var(--text-color--text-dark-subtle);
flex-direction: column;
justify-content: center;
align-items: center;
padding: 2.5rem;
display: flex;
}
.form_message-error {
background-color: var(--background-color--background-error\<deleted\|relume-variable-background-color-8\>);
color: var(--text-color--text-error\<deleted\|relume-variable-text-color-5\>);
flex-direction: column;
justify-content: center;
align-items: center;
padding: 1rem;
display: flex;
}
.form_message-error-wrapper {
margin-top: 1rem;
padding: 0;
}
.rl-styleguide_component {
grid-column-gap: 0rem;
color: #fff;
background-color: #161616;
background-image: none;
background-repeat: repeat;
background-size: auto;
grid-template-rows: auto;
grid-template-columns: 1fr 1fr;
grid-auto-columns: 1fr;
align-items: center;
width: 100%;
display: grid;
}
.rl-styleguide_image {
object-fit: cover;
object-position: 50% 100%;
width: 100%;
max-width: 50rem;
height: 100vh;
max-height: 60rem;
}
.rl-styleguide_content {
max-width: 35rem;
margin-left: 5vw;
margin-right: 5rem;
}
.delete-this {
display: flex;
}
.rl-styleguide_image-wrapper {
background-image: url('../images/Webflow-Background.svg');
background-position: 0%;
background-repeat: no-repeat;
background-size: 1080px;
justify-content: center;
align-items: center;
display: flex;
}
.text-style-tagline {
justify-content: center;
align-items: center;
font-weight: 400;
text-decoration: none;
display: inline-block;
}
.rl-styleguide_form-wrapper {
padding-right: 1.5rem;
}
.tag {
grid-column-gap: .5rem;
grid-row-gap: .5rem;
border: 1px solid var(--border-color--border-dark);
border-radius: var(--size--xxlarge);
color: var(--text-color--text-dark-subtle);
justify-content: center;
align-items: center;
padding: .25rem .75rem;
font-size: 1rem;
font-weight: 400;
text-decoration: none;
display: inline-flex;
}
.tag.is-text {
color: var(--text-color--text-light);
background-color: #0000;
border-style: none;
border-color: #0000;
padding: 0 .5rem 0 0;
font-size: .8rem;
display: inline-block;
}
.tag.is-text.is-alternate {
color: var(--base-color-neutral--white);
background-color: #0000;
}
.tag.is-alternate {
border-color: var(--base-color-neutral--white);
color: var(--text-color--text-dark);
}
.tag.is-dark {
border-color: var(--text-color--text-light);
color: var(--link-color--link-light);
}
.text-size-xlarge {
letter-spacing: -.015rem;
font-size: 1.5rem;
line-height: 1.3;
}
.text-size-xlarge.in-testimonial {
font-size: 1.25rem;
}
.footer5_component {
padding-top: 2.5rem;
}
.footer5_component:where(.w-variant-84fb9d8f-2068-969f-f451-b9e926eec756) {
padding-top: 0;
}
.footer5_component:where(.w-variant-dda56f02-ac66-989c-42fa-34121ca11eaf) {
background-color: var(--background-color--background-light);
color: var(--text-color--text-light);
}
.footer5_newsletter-wrapper {
flex-direction: row;
justify-content: space-between;
align-items: flex-start;
margin-bottom: 5rem;
display: flex;
}
.footer5_form-block {
min-width: 25rem;
max-width: 35rem;
margin-bottom: 0;
}
.footer5_form {
grid-column-gap: 1rem;
grid-row-gap: 1rem;
grid-template-rows: auto;
grid-template-columns: 1fr max-content;
grid-auto-columns: 1fr;
margin-bottom: .75rem;
display: flex;
}
.footer5_top-wrapper {
grid-column-gap: 4%;
grid-row-gap: 1rem;
border-top: 1px solid #ffffff14;
grid-template-rows: auto;
grid-template-columns: .9fr 1fr .35fr .35fr;
align-items: start;
padding-top: 3.5rem;
}
.footer5_top-wrapper:where(.w-variant-dda56f02-ac66-989c-42fa-34121ca11eaf) {
border-top-color: var(--border-color--border-light);
}
.footer5_logo-link {
padding-left: 0;
}
.footer5_link-list {
grid-column-gap: .5rem;
grid-row-gap: .5rem;
flex-direction: column;
grid-template-rows: auto;
grid-template-columns: 100%;
grid-auto-columns: 100%;
place-items: flex-start start;
display: flex;
}
.footer5_link-list.is-first {
grid-column-gap: 1.25rem;
grid-row-gap: 1.25rem;
}
.footer5_link {
color: var(--link-color--link-dark-subtle);
font-size: 1rem;
text-decoration: none;
transition: opacity .2s;
}
.footer5_link:where(.w-variant-dda56f02-ac66-989c-42fa-34121ca11eaf) {
color: var(--link-color--link-light-subtle);
}
.footer5_link.is-large {
transform: scale3d(1none, 1none, 1none) translate(0px, 0px) translate(0px, 0px);
color: var(--text-color--text-dark);
letter-spacing: -.12rem;
transform-style: preserve-3d;
font-size: 2.875rem;
font-weight: 700;
line-height: 1.1;
transition-property: none;
position: static;
}
.footer5_link.is-large:where(.w-variant-dda56f02-ac66-989c-42fa-34121ca11eaf) {
color: var(--link-color--link-light);
}
.line-divider {
background-color: var(--border-color--border-dark);
width: 100%;
height: 2px;
margin-top: 10px;
margin-bottom: 10px;
font-size: 1rem;
}
.line-divider.is-secondary {
background-color: var(--border-color--border-light);
}
.line-divider.contact-form {
background-color: var(--text-color--text-accent);
width: 30px;
}
.footer5_bottom-wrapper {
justify-content: space-between;
align-items: center;
display: flex;
}
.footer5_legal-list {
grid-column-gap: 1.25rem;
grid-row-gap: 0rem;
white-space: normal;
grid-template-rows: auto;
grid-template-columns: max-content;
grid-auto-columns: max-content;
grid-auto-flow: column;
justify-content: flex-start;
align-items: center;
display: flex;
}
.footer5_credit-text {
font-size: .8rem;
}
.footer5_legal-link {
font-size: .875rem;
text-decoration: underline;
}
.footer5_social-icons {
grid-column-gap: .75rem;
grid-row-gap: 0rem;
white-space: normal;
grid-template-rows: auto;
grid-template-columns: max-content;
grid-auto-columns: max-content;
grid-auto-flow: column;
justify-content: flex-start;
place-items: center start;
display: flex;
}
.footer5_social-link {
border: 1px solid #ffffff1a;
border-radius: 50%;
justify-content: center;
align-items: center;
width: 4.25rem;
height: 4.25rem;
font-size: .875rem;
text-decoration: none;
display: flex;
}
.footer5_social-link:where(.w-variant-dda56f02-ac66-989c-42fa-34121ca11eaf) {
border-color: var(--border-color--border-light);
}
.footer5_column-inner {
grid-column-gap: 2rem;
grid-row-gap: 2rem;
grid-template-rows: auto;
grid-template-columns: 1fr 1fr;
grid-auto-columns: 1fr;
display: grid;
}
.text-size-xxlarge {
letter-spacing: -.035rem;
font-size: 1.75rem;
line-height: 1.3;
}
.text-size-xxlarge:where(.w-variant-5baf9136-f5d9-db5f-c58a-22f6b700f3a6) {
color: var(--text-color--text-light);
}
.text-size-xxlarge.test {
text-align: left;
font-size: 1.2rem;
}
.text-size-xxlarge.leistungspage {
padding-right: 0;
}
.navbar4_component {
z-index: 999;
background-color: var(--background-color--background-dark);
align-items: center;
width: 100%;
min-height: 5.9375rem;
padding-left: 5%;
padding-right: 5%;
display: flex;
position: fixed;
inset: 0% 0% auto;
}
.navbar4_component:where(.w-variant-67fc30f4-d724-fbd5-a8c4-7f41ccbf1f83), .navbar4_component.light-theme {
background-color: var(--background-color--background-light);
}
.navbar4_component.is-light {
background-color: var(--background-color--background-light);
color: var(--text-color--text-light);
}
.navbar4_component.light-theme-68 {
background-color: var(--background-color--background-light);
}
.navbar4_container {
grid-column-gap: 1rem;
grid-row-gap: 1rem;
grid-template-rows: auto;
grid-template-columns: 1fr max-content;
grid-auto-columns: 1fr;
justify-content: space-between;
align-items: center;
width: 100%;
max-width: 92.8rem;
height: 100%;
margin-left: auto;
margin-right: auto;
display: grid;
}
.navbar4_logo-link {
z-index: 1;
padding-left: 0;
}
.navbar4_wrapper {
grid-column-gap: 2.5rem;
flex-direction: row;
justify-content: flex-end;
align-items: center;
display: flex;
}
.navbar4_menu {
z-index: 2;
-webkit-backdrop-filter: blur(12px);
backdrop-filter: blur(12px);
background-color: #0000;
flex-direction: column;
justify-content: flex-start;
align-items: flex-start;
width: 100%;
height: 100dvh;
padding-left: 5%;
transition: height .5s;
display: flex;
position: fixed;
inset: 0% 0% auto auto;
overflow: hidden;
}
.navbar4_menu-wrapper {
background-color: var(--background-color--background-dark);
text-align: left;
flex-direction: column;
justify-content: flex-start;
align-items: flex-start;
max-width: 93.8rem;
height: 100%;
max-height: 100dvh;
margin-left: auto;
margin-right: auto;
padding: 4rem 1rem 1rem 6.25%;
font-size: 2.5rem;
display: flex;
overflow: auto;
}
.navbar4_menu-wrapper:where(.w-variant-67fc30f4-d724-fbd5-a8c4-7f41ccbf1f83), .navbar4_menu-wrapper.light-theme-78 {
background-color: var(--background-color--background-light);
color: var(--text-color--text-light);
}
.navbar4_link {
margin-top: .625rem;
margin-bottom: .625rem;
margin-left: 0;
padding: 0;
font-weight: 700;
line-height: 1.1;
display: inline-block;
position: static;
}
.navbar4_link.w--current {
opacity: .85;
}
.navbar4_link.is-small {
font-weight: 400;
}
.navbar4_menu-dropdown {
margin-left: 0;
}
.navbar4_dropdown-toggle {
grid-column-gap: 1rem;
align-items: center;
margin-top: .5rem;
margin-bottom: .5rem;
padding: .5rem 0;
display: flex;
}
.dropdown-chevron {
flex-direction: column;
justify-content: center;
align-items: center;
width: 1rem;
height: 1rem;
display: flex;
}
.dropdown-chevron.is-navbar4 {
width: 1.5rem;
height: 1.5rem;
}
.navbar4_dropdown-list {
position: static;
overflow: hidden;
}
.navbar4_dropdown-list.w--open {
background-color: var(--base-color-neutral--white);
position: static;
}
.navbar4_dropdown-link {
margin-top: .5rem;
margin-bottom: .5rem;
margin-left: 1.5rem;
padding: .5rem 0;
font-size: 24px;
}
.navbar4_dropdown-link.w--current {
color: var(--base-color-neutral--black);
}
.navbar4_menu-button {
cursor: pointer;
padding: 0;
}
.navbar4_menu-button.w--open {
background-color: #0000;
}
.navbar4_menu-button.in-menu {
position: absolute;
inset: 1.5rem 1.5rem auto auto;
}
.navbar4_menu-button.in-404 {
opacity: 0;
}
.menu-icon4 {
border: 1px solid #ffffff14;
border-radius: 50%;
flex-direction: column;
justify-content: center;
align-items: center;
width: 48px;
height: 48px;
display: flex;
position: relative;
}
.menu-icon4:where(.w-variant-67fc30f4-d724-fbd5-a8c4-7f41ccbf1f83), .menu-icon4.light-theme-52, .menu-icon4.light-theme-61, .menu-icon4.light-theme-134, .menu-icon4.light-theme-147 {
border-color: var(--border-color--border-light);
}
.menu-icon4_wrapper {
flex-direction: column;
justify-content: flex-start;
align-items: center;
display: flex;
}
.menu-icon4_line-top {
background-color: var(--base-color-brand--dark-subtle);
width: 24px;
height: 2px;
padding-bottom: 0;
padding-right: 0;
}
.menu-icon4_line-middle {
background-color: var(--base-color-brand--dark-subtle);
justify-content: center;
align-items: center;
width: 24px;
height: 2px;
margin-top: 6px;
margin-bottom: 6px;
display: flex;
}
.menu-icon4_line-middle-top {
z-index: 2;
width: 24px;
height: 2px;
position: absolute;
inset: 0;
}
.menu-icon4_line-middle-base {
background-color: var(--base-color-brand--dark-subtle);
width: 24px;
height: 2px;
position: absolute;
}
.menu-icon4_line-bottom {
background-color: var(--base-color-brand--dark-subtle);
width: 24px;
height: 2px;
}
.navbar4_clock {
z-index: 1;
grid-column-gap: .5rem;
grid-row-gap: .5rem;
color: var(--text-color--text-dark-subtle);
justify-content: flex-start;
align-items: flex-start;
line-height: 1.2;
display: flex;
position: relative;
}
.navbar4_clock-icon {
background-color: var(--base-color-brand--hurra-red);
border-radius: 50%;
width: .4375rem;
height: .4375rem;
margin-top: .35em;
}
.text-color-accent {
color: var(--text-color--text-accent);
}
.text-color-accent:hover {
text-decoration: underline;
}
.article-inner {
grid-column-gap: 6%;
grid-row-gap: 6%;
grid-template-rows: auto;
grid-template-columns: .9195fr 1fr;
grid-auto-columns: 1fr;
display: grid;
}
.placeholder-div {
margin: 0;
padding: 0;
}
.body {
color: #fff9;
}
.section_blog3 {
color: var(--text-color--text-dark);
}
.blog3_content {
margin-top: 2.5rem;
}
.category-filter-menu {
flex-flow: wrap;
justify-content: center;
align-items: center;
width: 100%;
display: flex;
}
.category-filter-menu.is-center {
justify-content: center;
align-items: center;
}
.category-filter-menu.no-scrollbar {
grid-column-gap: .25rem;
grid-row-gap: .25rem;
}
.category-filter-link {
white-space: nowrap;
background-color: #0000;
border: 1px solid #0000;
flex: none;
padding: .5rem 1rem;
text-decoration: none;
}
.category-filter-link.w--current, .category-filter-link.current {
border-color: var(--border-color--border-dark);
background-color: #fff;
}
.blog3_list-wrapper {
display: block;
}
.blog3_list-wrapper.hidden {
display: none;
}
.blog3_list {
grid-column-gap: 2rem;
grid-row-gap: 7rem;
grid-template-rows: auto;
grid-template-columns: 1fr 1fr 1fr 1fr;
display: grid;
}
.blog3_list.category-template {
grid-template-columns: 1fr 1fr 1fr;
}
.blog3_item {
border-radius: 0;
padding-right: 0;
overflow: hidden;
}
.blog3_item-link {
flex-direction: column;
justify-content: flex-start;
height: 100%;
text-decoration: none;
display: flex;
}
.blog3_image-wrapper {
aspect-ratio: 1.03177;
border-radius: var(--size--xxsmall);
width: 80%;
overflow: hidden;
}
.blog3_image-wrapper.light-mode {
border: 1px solid var(--border-color--border-light);
background-image: url('/images/background-image.svg');
background-position: 0 0;
background-size: cover;
flex-flow: column-reverse;
width: 100%;
padding-bottom: 1rem;
display: flex;
position: relative;
box-shadow: 4px 10px 10px #0003;
}
.blog3_image-wrapper.light-mode.dark-mode {
border-color: var(--border-color--border-light);
}
.blog3_image-wrapper.old {
display: block;
}
.blog3_image-wrapper.hidden {
display: none;
}
.blog3_image {
aspect-ratio: 1;
object-fit: fill;
border-radius: 20px;
display: block;
}
.blog3_image.hidden {
display: none;
}
.blog3_item-content {
flex-direction: column;
flex: 1;
justify-content: space-between;
padding-top: 0;
display: block;
}
.blog3_item-content.hidden {
display: flex;
}
.blog3_author-wrapper {
align-items: center;
display: flex;
}
.blog3_author-image-wrapper {
margin-right: 1rem;
}
.blog3_author-image {
object-fit: cover;
border-radius: 100%;
width: 3rem;
min-width: 3rem;
height: 3rem;
min-height: 3rem;
}
.blog3_date-wrapper {
align-items: center;
display: flex;
}
.blog3_text-divider {
margin-left: .5rem;
margin-right: .5rem;
}
.blog3_header {
grid-column-gap: 2rem;
grid-row-gap: 2rem;
justify-content: space-between;
align-items: flex-start;
display: flex;
}
.blog3_header-left {
width: 100%;
max-width: 35.1875rem;
}
.blog3_header-right {
width: 100%;
max-width: 38.0625rem;
}
.empty-state {
background-color: #0000;
padding: .875rem 0;
}
.blog3_item-meta {
flex-flow: row;
justify-content: flex-start;
align-items: center;
padding-top: 1rem;
display: flex;
}
.blog3_item-meta-seperator {
border-left: 1px solid var(--base-color-neutral--neutral-light);
background-color: var(--border-color--border-dark);
width: 1px;
color: var(--border-color--border-light);
align-self: stretch;
margin-left: .75rem;
margin-right: .75rem;
}
.blog3_item-meta-seperator.border-light {
background-color: var(--border-color--border-light);
}
.category-filter-menu-wrapper {
margin-bottom: 0;
}
.filter-radio-button-field {
z-index: 0;
border-radius: var(--size--xxsmall);
flex: none;
margin-bottom: 0;
padding: .5rem 1rem;
position: relative;
overflow: hidden;
}
.filter-radio-button-label {
z-index: 2;
white-space: nowrap;
margin-bottom: 0;
position: relative;
}
.filter-radio-button {
z-index: 1;
border: 1px #000;
border-radius: 0;
width: 100%;
height: 100%;
margin-top: 0;
margin-left: 0;
position: absolute;
inset: 0%;
}
.filter-radio-button.w--redirected-checked {
background-color: #d9d9d9;
}
.filter-radio-button.is--dark {
color: var(--border-color--border-dark);
}
.filter-radio-button.is--dark.w--redirected-checked {
color: var(--text-color--text-light);
}
.category-filter-form {
justify-content: flex-start;
align-items: flex-start;
margin-bottom: 3.25rem;
display: flex;
}
.category-filter-form.is-center {
justify-content: center;
align-items: flex-start;
}
.js-clock:hover {
text-decoration: none;
}
.section_header131 {
overflow: hidden;
}
.header131_component {
margin-bottom: 1rem;
}
.header131_content-wrapper {
z-index: 2;
grid-column-gap: 0rem;
grid-row-gap: 5rem;
flex-flow: column;
grid-template-rows: auto;
grid-template-columns: 1fr .625fr;
grid-auto-columns: 1fr;
align-items: stretch;
min-height: 22.62rem;
display: flex;
position: relative;
}
.header131_content-left {
flex-flow: column;
justify-content: space-between;
display: flex;
}
.header131_content-right {
border-left: 1px solid var(--border-color--border-dark);
flex-flow: column;
justify-content: space-between;
max-width: 34.3125rem;
min-height: 22.6rem;
margin-left: 0;
padding-left: 2rem;
display: flex;
}
.header131_image-group {
grid-template-rows: auto;
grid-template-columns: 1fr .33fr;
grid-auto-columns: 1fr;
display: flex;
position: relative;
}
.header131_image-wrapper1 {
border-radius: var(--size--small);
width: 100%;
overflow: hidden;
}
.header131_image1 {
width: 100%;
height: 100%;
}
.header131_image-wrapper2 {
border-radius: 0;
width: 30%;
position: absolute;
inset: 10% 0% auto auto;
overflow: hidden;
}
.header131_image2 {
aspect-ratio: 1;
object-fit: cover;
width: 100%;
height: 100%;
}
.content-wrapper {
z-index: 1;
border-top-left-radius: var(--size--small);
border-top-right-radius: var(--size--small);
background-color: var(--background-color--background-light);
color: var(--text-color--text-light);
margin-bottom: -2.5rem;
padding-bottom: 2.5rem;
position: relative;
overflow: hidden;
}
.content-wrapper.background-color-primary {
z-index: 2;
border-radius: var(--size--xxlarge);
background-color: var(--background-color--background-dark);
color: var(--text-color--text-dark);
}
.content-wrapper.background-color-primary.is-last {
margin-bottom: -2.5rem;
}
.content-wrapper.is-squre {
border-radius: 0;
padding-top: 2.5rem;
}
.content-wrapper.is-squre.is-first {
padding-top: 0;
}
.content-wrapper.is-last {
margin-bottom: 0;
padding-bottom: 0;
}
.content-wrapper.has-sticky {
overflow: visible;
}
.event19_component {
flex-direction: column;
align-items: center;
}
.section_heading-wrapper {
grid-template-rows: auto auto;
grid-template-columns: 1fr 1fr;
grid-auto-columns: 1fr;
}
.section_heading-wrapper.is-2-cols {
grid-column-gap: 0%;
grid-row-gap: 3rem;
grid-template-rows: auto;
grid-template-columns: 1fr;
grid-auto-columns: 1fr;
margin-bottom: 4rem;
display: grid;
}
.event19_list {
grid-column-gap: .75rem;
grid-row-gap: .75rem;
grid-template-rows: auto;
grid-template-columns: 1fr 1fr 1fr;
display: grid;
}
.event19_item {
border: 1px solid var(--border-color--border-light);
border-radius: var(--size--medium);
padding: 2.25rem;
}
.event19_item-link {
text-decoration: none;
}
.event19_image-wrapper {
border-radius: 0;
justify-content: center;
align-items: center;
width: 100%;
min-height: 10rem;
display: flex;
position: relative;
overflow: hidden;
}
.event19_category-wrapper {
grid-column-gap: 1rem;
grid-row-gap: 1rem;
flex-wrap: wrap;
display: flex;
position: absolute;
top: 1rem;
right: 1rem;
}
.event19_meta-wrapper {
grid-column-gap: 1rem;
grid-row-gap: 1rem;
flex-wrap: wrap;
display: flex;
}
.event19_meta-tag {
grid-column-gap: .5rem;
grid-row-gap: .5rem;
align-items: center;
display: flex;
}
.event19_icon-wrapper {
flex: none;
}
.show-mobile-landscape {
display: none;
}
.tagline-wrapper {
grid-column-gap: .75rem;
grid-row-gap: .75rem;
justify-content: flex-start;
align-items: center;
display: flex;
}
.tagline-bullet {
justify-content: center;
align-items: center;
width: .4375rem;
min-width: .4375rem;
height: .4375rem;
min-height: .4375rem;
display: flex;
}
.tagline-line {
background-color: var(--border-color--border-light);
flex: 1;
height: 1px;
}
.tagline-line:where(.w-variant-fc12e7d0-794c-192d-e887-c44f31a246a8), .tagline-line.is-dark {
background-color: var(--border-color--border-dark);
}
.content22_content-wrapper {
grid-column-gap: 5%;
grid-row-gap: 5%;
grid-template-rows: auto;
grid-template-columns: 1.09347fr 1fr;
grid-auto-columns: 1fr;
display: grid;
}
.content22_content-wrapper.is-v2 {
border-top: 1px solid var(--border-color--border-light);
padding-top: .5rem;
}
.content22_content-wrapper.is-v2.is-single-col {
grid-template-columns: 1.09347fr;
}
.content22_content-wrapper.is-v2.is-light {
border-top-color: var(--border-color--border-dark);
}
.content22_content-wrapper.is-v2-copy {
border-top: 1px solid var(--border-color--border-light);
padding-top: .5rem;
}
.content22_metatag-list {
grid-column-gap: 3rem;
grid-row-gap: 3rem;
grid-template-rows: auto;
grid-template-columns: 1fr 1fr 1fr 1fr;
grid-auto-columns: 1fr;
margin-top: -1.5rem;
margin-bottom: -1.5rem;
}
.content22_metatag-list.list-light {
margin-top: 1rem;
margin-bottom: 2rem;
}
.content22_metatag-item {
grid-column-gap: .5rem;
grid-row-gap: .5rem;
border-bottom: 1px solid var(--border-color--border-dark);
justify-content: flex-start;
align-items: flex-start;
padding-top: 1.5rem;
padding-bottom: 1.5rem;
display: flex;
}
.content22_metatag-item.is-first.item-light {
padding-top: .5rem;
padding-bottom: .5rem;
}
.content22_metatag-item.is-last {
border-bottom-color: #fff0;
}
.content22_metatag-item.is-dark {
border-bottom-color: var(--border-color--border-light);
}
.content22_metatag-item.item-light {
padding-top: .5rem;
padding-bottom: .5rem;
}
.max-width-custom1 {
max-width: 38.75rem;
}
.header19_content {
grid-column-gap: 5%;
grid-row-gap: 5%;
grid-template-rows: auto;
grid-template-columns: 1.15517fr 1fr;
grid-auto-columns: 1fr;
align-items: stretch;
display: grid;
}
.header19_image-wrapper {
border-radius: var(--size--small);
overflow: hidden;
}
.header19_image {
aspect-ratio: 1;
object-fit: cover;
width: 100%;
height: 100%;
}
.header19_content-right {
grid-column-gap: 2rem;
grid-row-gap: 2rem;
flex-flow: column;
justify-content: space-between;
display: flex;
}
.padding-section-huge {
padding-top: 16rem;
padding-bottom: 16rem;
}
.padding-section-huge.padding-bottom-medium {
padding-bottom: 5rem;
}
.padding-section-huge.padding-top-medium {
padding-top: 5rem;
}
.padding-section-huge.padding-top-half {
padding-top: 8rem;
}
.padding-section-huge.padding-top-small {
padding-top: 4rem;
}
.padding-section-huge.padding-top0, .padding-section-huge.blog-categories {
padding-top: 0;
}
.header19_bottom {
grid-column-gap: 2.25rem;
grid-row-gap: 2.25rem;
flex-flow: column;
display: flex;
}
.header19_faces {
grid-column-gap: 0rem;
grid-row-gap: 0rem;
align-items: stretch;
display: flex;
}
.header19_face {
border-radius: 50%;
width: 3.75rem;
min-width: 3.75rem;
height: 3.75rem;
min-height: 3.75rem;
margin-right: -1.06613rem;
position: relative;
overflow: hidden;
}
.header19_face-image {
object-fit: cover;
width: 100%;
height: 100%;
}
.layout498_component {
padding-top: 7.5%;
padding-bottom: 7.5%;
}
.layout498_content {
flex-flow: column;
justify-content: center;
align-items: flex-end;
display: flex;
position: relative;
}
.layout498_inner-wrapper {
width: 48%;
padding-left: 2.5rem;
}
.layout498_header {
margin-bottom: 2rem;
}
.layout498_tabs {
grid-template-rows: auto auto;
grid-template-columns: 1fr 1fr;
grid-auto-columns: 1fr;
justify-items: stretch;
position: static;
}
.layout498_tabs-menu {
grid-template-rows: auto auto;
grid-template-columns: 1fr;
grid-auto-columns: 1fr;
display: grid;
}
.layout498_tab-link {
grid-column-gap: 1rem;
grid-row-gap: 1rem;
border-bottom: 1px solid var(--border-color--border-light);
background-color: #0000;
padding: 1.5rem 0;
display: flex;
}
.layout498_tab-link.w--current {
opacity: 1;
background-color: #0000;
border-left-color: #000;
}
.layout498_tab-link.is-last {
border-bottom-color: #36313100;
}
.layout498_tab-icon-wrapper {
flex: none;
align-self: flex-start;
width: 2.25rem;
min-width: 2.25rem;
height: 2.25rem;
min-height: 2.25rem;
margin-left: auto;
}
.layout498_paragraph {
cursor: default;
overflow: hidden;
}
.layout498_tabs-content {
justify-content: center;
align-items: center;
width: 52%;
height: 100%;
padding-right: 2rem;
display: flex;
position: absolute;
inset: 0% auto 0% 0%;
overflow: visible;
}
.layout498_tab-pane {
width: 100%;
}
.layout498_image-wrapper {
border-radius: var(--size--small);
width: 100%;
overflow: hidden;
}
.layout498_image {
object-fit: cover;
width: 100%;
height: 100%;
}
.layout498_lightbox {
border-radius: 0;
justify-content: center;
align-items: center;
width: 100%;
display: flex;
position: relative;
overflow: hidden;
}
.layout498_lightbox-image {
aspect-ratio: 1;
object-fit: cover;
width: 100%;
}
.lightbox-play-icon {
z-index: 2;
color: var(--base-color-neutral--white);
justify-content: center;
align-items: center;
display: flex;
position: absolute;
}
.video-overlay-layer {
z-index: 1;
background-color: #00000080;
position: absolute;
inset: 0%;
}
.font-family-secondary {
font-family: var(--font-family--font-secondary);
letter-spacing: 0;
font-weight: 400;
}
.section_logo2 {
overflow: hidden;
}
.section_logo2:where(.w-variant-59851096-b3ff-54bb-d3a1-6e5baa518b01) {
background-color: var(--background-color--background-light);
color: var(--text-color--text-light);
}
.logo2_content {
grid-column-gap: 4rem;
grid-row-gap: 1rem;
grid-template-rows: auto;
grid-template-columns: max-content 1fr;
grid-auto-columns: 1fr;
justify-content: space-between;
place-items: center stretch;
display: grid;
}
.logo2_content-left {
max-width: 20rem;
}
.logo2_list {
grid-column-gap: 0rem;
grid-row-gap: 0rem;
flex-flow: wrap;
flex: none;
grid-template-rows: auto;
grid-template-columns: 1fr 1fr 1fr 1fr 1fr;
grid-auto-columns: 1fr;
justify-content: flex-end;
align-items: flex-start;
display: flex;
}
.logo2_wrapper {
aspect-ratio: 1.497;
border-radius: var(--size--tiny);
background-color: var(--base-color-neutral--white);
flex: none;
justify-content: center;
align-items: center;
width: 8.60775rem;
height: 8.60775rem;
margin: .4rem;
padding: 1rem;
display: flex;
overflow: hidden;
}
.logo2_wrapper:where(.w-variant-59851096-b3ff-54bb-d3a1-6e5baa518b01) {
border: 1px solid #0000001f;
}
.logo2_wrapper.test {
width: 6rem;
height: 6rem;
}
.logo2_wrapper.test.big-size {
width: 8rem;
height: 6rem;
padding: 0;
}
.logo2_image {
object-fit: contain;
width: 100%;
max-width: 100%;
height: auto;
}
.logo2_list-wrapper {
grid-template-rows: auto auto;
grid-template-columns: 1fr 1fr;
grid-auto-columns: 1fr;
margin: -.4rem;
}
.logo2_lists {
z-index: 0;
grid-column-gap: 0rem;
grid-row-gap: 0rem;
flex-flow: row;
grid-template-rows: auto auto;
grid-template-columns: 1fr 1fr;
grid-auto-columns: 1fr;
justify-content: flex-start;
align-items: flex-start;
max-width: 65.1151rem;
margin-left: auto;
display: flex;
position: relative;
overflow: hidden;
}
.logo2_lists-wrapper {
grid-template-rows: auto auto;
grid-template-columns: 1fr 1fr;
grid-auto-columns: 1fr;
min-width: 0;
max-width: 65.1151rem;
margin-left: auto;
overflow: visible;
}
.logo2_shade {
z-index: 2;
background-image: linear-gradient(90deg, var(--background-color--background-dark), #17141700);
width: 2rem;
position: absolute;
inset: 0% auto 0% 0%;
}
.logo2_shade.is-right {
background-image: linear-gradient(90deg, #17141700, var(--background-color--background-dark));
inset: 0% 0% 0% auto;
}
.section_cta48 {
z-index: 0;
background-color: var(--background-color--background-light);
position: relative;
}
.section_cta48:where(.w-variant-ad8b3711-0d12-1f95-15e1-f9ea2422d7af), .section_cta48.square {
background-color: var(--background-color--background-dark);
}
.cta48_component {
z-index: 2;
position: relative;
}
.cta48_card {
grid-column-gap: 5rem;
grid-row-gap: 2rem;
border-radius: 0;
grid-template-rows: auto;
grid-template-columns: 1fr .75fr;
grid-auto-columns: 1fr;
justify-content: space-between;
align-items: center;
padding: 35.798% 1.25rem 1.25rem;
position: relative;
overflow: hidden;
}
.cta48_card-content {
z-index: 1;
grid-column-gap: 2rem;
grid-row-gap: 1.75rem;
border-radius: var(--size--small);
background-color: var(--background-color--background-light);
color: var(--text-color--text-light);
grid-template-rows: auto;
grid-template-columns: .675fr 1fr;
grid-auto-columns: 1fr;
justify-content: space-between;
place-items: start stretch;
padding: 1.75rem 3.25rem 4.75rem;
display: grid;
position: relative;
}
.cta48_form-block {
max-width: 30rem;
margin-bottom: 0;
}
.signup-form-wrapper {
grid-column-gap: 1rem;
grid-row-gap: 1rem;
grid-template-rows: auto;
grid-template-columns: 1fr max-content;
grid-auto-columns: 1fr;
margin-bottom: 1rem;
display: flex;
}
.success-text {
font-weight: 600;
}
.error-text {
color: #e23939;
}
.cta48_background-image-wrapper {
z-index: 0;
border-radius: var(--size--small);
background-image: linear-gradient(#00000080, #00000080);
position: absolute;
inset: 0%;
overflow: hidden;
}
.image-overlay-layer {
z-index: 1;
background-color: #00000080;
position: absolute;
inset: 0%;
}
.cta48_background-image {
object-fit: cover;
width: 100%;
height: 100%;
position: relative;
}
.cta48_card-top {
border-bottom: 1px solid var(--border-color--border-light);
padding-bottom: 1.75rem;
}
.text-size-huge {
letter-spacing: -.05rem;
font-size: 2.5rem;
line-height: 1.2;
}
.cta48_background {
z-index: -1;
border-top-left-radius: var(--size--xxlarge);
border-top-right-radius: var(--size--xxlarge);
background-color: var(--background-color--background-dark);
display: block;
position: absolute;
inset: 0%;
overflow: hidden;
}
.cta48_background:where(.w-variant-ad8b3711-0d12-1f95-15e1-f9ea2422d7af), .cta48_background.square-23 {
display: none;
}
.section_logo1 {
background-color: var(--background-color--background-light);
color: var(--text-color--text-light);
overflow: hidden;
}
.section_logo1:where(.w-variant-fc12e7d0-794c-192d-e887-c44f31a246a8), .section_logo1.background-color-primary {
border-top-left-radius: var(--size--xxlarge);
border-top-right-radius: var(--size--xxlarge);
background-color: var(--background-color--background-dark);
color: var(--text-color--text-dark);
}
.logo1_content:where(.w-variant-fc12e7d0-794c-192d-e887-c44f31a246a8), .logo1_content.in-dark {
margin-bottom: -2.5rem;
}
.logo1_lists {
grid-column-gap: 0rem;
grid-row-gap: 0rem;
flex-flow: row;
justify-content: flex-start;
align-items: flex-start;
display: flex;
overflow: visible;
}
.logo1_logo {
max-height: 3.5rem;
}
.logo1_list-wrapper {
flex: none;
}
.logo1_list-wrapper:where(.w-variant-3ecc0fc8-fe4e-81e3-31a5-5c2771996967) {
width: 100%;
}
.logo1_list {
grid-column-gap: 0rem;
grid-row-gap: 0rem;
flex-flow: row;
justify-content: flex-start;
align-items: flex-start;
display: flex;
}
.logo1_list:where(.w-variant-3ecc0fc8-fe4e-81e3-31a5-5c2771996967) {
grid-column-gap: 0rem;
grid-row-gap: 1.25rem;
flex-flow: wrap;
grid-template-rows: auto;
grid-template-columns: 1fr 1fr 1fr 1fr;
grid-auto-columns: 1fr;
display: grid;
}
.logo1_wrapper {
border: 1px solid var(--border-color--border-light);
border-radius: 50%;
flex: none;
justify-content: center;
align-items: center;
width: 26rem;
height: 26rem;
margin-left: .4rem;
margin-right: .4rem;
padding: 1rem;
display: flex;
overflow: hidden;
}
.logo1_wrapper:where(.w-variant-7c02aa39-9880-a2d1-cf9b-67cb3871db76) {
border-color: var(--border-color--border-dark);
}
.logo1_wrapper:where(.w-variant-3ecc0fc8-fe4e-81e3-31a5-5c2771996967) {
aspect-ratio: 1;
width: calc(100% - .8rem);
min-width: 0;
height: auto;
}
.logo1_wrapper.is-dark {
border-color: var(--border-color--border-dark);
}
.logo1_wrapper.in-grid {
aspect-ratio: 1;
width: calc(100% - .8rem);
height: auto;
}
.logo1_wrapper.test {
width: 10rem;
height: 10rem;
}
.logo1_image {
filter: grayscale() brightness(50%);
object-fit: contain;
max-width: 12.5rem;
max-height: 5rem;
}
.logo1_image:where(.w-variant-7c02aa39-9880-a2d1-cf9b-67cb3871db76) {
filter: grayscale() invert() brightness(200%);
}
.logo1_image:where(.w-variant-3ecc0fc8-fe4e-81e3-31a5-5c2771996967) {
filter: none;
}
.logo1_image.is-light {
filter: grayscale() invert() brightness(200%);
}
.logo1_image.in-grid {
filter: none;
max-height: 12.5rem;
}
.logo1_image.in-grid.is-mix-blend {
mix-blend-mode: multiply;
width: 136px;
}
.slider1_component {
padding-top: 1.5rem;
padding-right: 1.8rem;
position: relative;
}
.slider1_slider.swiper.swiper1 {
max-width: 88.125rem;
height: 35.25rem;
}
.slider1_slides.swiper-wrapper {
grid-column-gap: 1rem;
grid-row-gap: 1rem;
flex-flow: column;
align-items: center;
display: flex;
}
.slider1_slide {
border-radius: var(--size--medium);
background-color: var(--background-color--background-dark-card);
flex-flow: column;
justify-content: center;
width: 100%;
min-height: 35.25rem;
padding: 5.5% 8% 5.5% 5.5%;
display: flex;
}
.slider1_inner {
grid-column-gap: 1rem;
grid-row-gap: 1rem;
grid-template-rows: auto;
grid-template-columns: 1fr 1.05fr;
grid-auto-columns: 1fr;
align-items: center;
height: 100%;
display: grid;
}
.slider1_arrows {
grid-column-gap: .625rem;
grid-row-gap: .625rem;
flex-flow: column;
width: 3rem;
margin-right: -.25rem;
display: flex;
position: absolute;
inset: auto 0% 0% auto;
}
.svg-embed {
justify-content: center;
align-items: center;
display: flex;
}
.slider2_slider.swiper.swiper2 {
height: 51rem;
}
.slider2_slides.is-list {
grid-column-gap: 2.5rem;
grid-row-gap: 2.5rem;
flex-flow: column;
display: flex;
}
.slider2_slide {
z-index: 0;
grid-column-gap: 2rem;
grid-row-gap: 2rem;
background-color: var(--background-color--background-dark-card);
border-radius: 1.25rem;
flex-flow: column;
justify-content: space-between;
min-height: 51rem;
padding: 4%;
display: flex;
position: relative;
overflow: hidden;
}
.slider2_slide.swiper-slide {
opacity: .8;
}
.slider2_component {
padding-right: 4rem;
}
.slider2_image {
z-index: 1;
object-fit: cover;
width: 100%;
height: 100%;
position: absolute;
inset: 0%;
}
.slider2_logo {
filter: grayscale() invert() brightness(300%);
object-fit: contain;
object-position: 0% 50%;
max-width: 13.5151rem;
max-height: 5rem;
}
.slider2_bottom {
grid-column-gap: 1.5rem;
grid-row-gap: 1.5rem;
color: var(--text-color--text-dark);
grid-template-rows: auto;
grid-template-columns: 1fr 1.35fr;
grid-auto-columns: 1fr;
align-items: end;
display: grid;
}
.slider2_bottom-left {
grid-column-gap: 2.5rem;
grid-row-gap: 2.5rem;
flex-flow: column;
max-width: 31.0625rem;
display: flex;
}
.slider2_bottom-right {
grid-column-gap: .75rem;
grid-row-gap: .75rem;
grid-template-rows: auto;
grid-template-columns: 1fr 1fr;
grid-auto-columns: 1fr;
display: grid;
}
.slider2_box {
border-radius: var(--size--tiny);
-webkit-backdrop-filter: blur(36px);
backdrop-filter: blur(36px);
background-color: #ffffff1a;
padding: 52% 12% 10%;
}
.slide2_content {
z-index: 3;
grid-column-gap: 2rem;
grid-row-gap: 2rem;
flex-flow: column;
flex: 1;
justify-content: space-between;
height: 100%;
display: flex;
position: relative;
}
.slider2_arrows {
grid-column-gap: .625rem;
grid-row-gap: .625rem;
flex-flow: row;
width: 2.625rem;
height: 3rem;
margin-left: auto;
margin-right: 7%;
display: flex;
}
.swiper2-next, .swiper2-prev {
justify-content: center;
align-items: center;
display: flex;
}
.section_logo3 {
background-color: var(--background-color--background-light);
color: var(--text-color--text-light);
overflow: hidden;
}
.logo3_component {
display: flex;
}
.logo3_list {
grid-column-gap: 1.5rem;
grid-row-gap: 1rem;
white-space: nowrap;
flex-wrap: wrap;
grid-template-rows: auto;
grid-template-columns: 12.5rem 12.5rem 12.5rem 12.5rem 12.5rem 12.5rem 12.5rem 12.5rem;
grid-auto-columns: 1fr;
justify-content: flex-end;
place-items: center start;
margin-right: 2rem;
display: grid;
}
.logo3_wrapper {
justify-content: center;
align-items: flex-start;
display: flex;
}
.logo3_logo {
max-height: 3.5rem;
}
.padding-section-xlarge {
padding-top: 12rem;
padding-bottom: 12rem;
}
.padding-section-xlarge.padding-bottom-medium {
padding-bottom: 5rem;
}
.padding-section-xlarge.padding-top-xsmall {
padding-top: 1.25rem;
}
.padding-section-xlarge.padding-top-medium {
padding-top: 5rem;
}
.slider3_component {
max-width: 85.0625rem;
margin-left: auto;
margin-right: auto;
padding-right: 1.8rem;
position: relative;
}
.slider3_slide {
border-radius: var(--size--tiny);
background-color: var(--background-color--background-dark-card);
flex-flow: row;
min-height: 41.375rem;
padding: .625rem;
display: flex;
}
.slider3_slide.swiper-slide {
opacity: .8;
filter: blur(2px);
}
.slider3_slides {
grid-column-gap: 1rem;
grid-row-gap: 1rem;
flex-flow: column;
display: flex;
}
.slider3_slides.swiper.slider3, .slider3_slider.swiper.swiper3 {
height: 41.375rem;
}
.slider3_inner {
flex-flow: row;
justify-content: flex-start;
align-self: stretch;
align-items: center;
width: 100%;
min-height: 100%;
display: flex;
}
.slider3_image {
border-radius: var(--size--tiny);
object-fit: cover;
align-self: stretch;
width: 40.5%;
min-height: 100%;
display: none;
}
.slider3_image.is-small {
display: none;
}
.slider3_content {
grid-column-gap: 2rem;
grid-row-gap: 2rem;
text-align: center;
flex-flow: column;
justify-content: space-between;
align-self: center;
align-items: center;
width: 100%;
max-width: 70%;
margin-left: auto;
margin-right: auto;
padding: calc(5% - .625rem);
display: flex;
}
.div-block {
padding-left: 5%;
}
.slider3_logo {
filter: grayscale() invert() brightness(200%);
object-fit: contain;
object-position: 0% 50%;
max-width: 14rem;
max-height: 5rem;
}
.slider3_quote-wrapper {
max-height: 28rem;
padding-top: 1rem;
padding-bottom: 1rem;
overflow: auto;
}
.section_slider4 {
overflow: hidden;
}
.padding-section-xhuge {
padding-top: 20rem;
padding-bottom: 20rem;
}
.padding-section-xhuge.padding-bottom-medium {
padding-bottom: 5rem;
}
.padding-section-xhuge.padding-top-medium {
padding-top: 5rem;
}
.padding-section-xhuge.padding-bottom-half {
padding-bottom: 8rem;
}
.padding-section-xhuge.padding-top-half {
padding-top: 8rem;
}
.slider4_component {
grid-column-gap: 5%;
grid-row-gap: 5%;
grid-template-rows: auto;
grid-template-columns: 1fr 1.5fr;
grid-auto-columns: 1fr;
display: grid;
}
.slider4_left {
z-index: 3;
position: relative;
}
.slider4_right {
z-index: 2;
min-width: 0;
position: relative;
}
.slider4_inner {
max-width: 35rem;
margin-top: -4rem;
position: relative;
}
.slider4_slider.swiper.swiper4 {
z-index: 1;
position: relative;
}
.slider4_slides.swiper-wrapper {
grid-column-gap: 0rem;
grid-row-gap: 0rem;
flex-flow: row;
display: flex;
}
.slider4_slide {
z-index: 0;
aspect-ratio: 1 / 1.1375;
border-radius: var(--size--tiny);
flex-flow: column;
width: 100%;
display: flex;
position: relative;
overflow: hidden;
}
.slider4_slide.swiper-slide {
flex: none;
}
.slider4_image {
z-index: 1;
object-fit: cover;
width: 100%;
height: 100%;
position: absolute;
inset: 0% auto auto 0%;
}
.slider4_arrows {
grid-column-gap: .625rem;
grid-row-gap: .625rem;
flex-flow: row;
width: 2.625rem;
height: 3rem;
margin-bottom: 1rem;
margin-left: auto;
display: flex;
}
.slider4_overlay {
z-index: 2;
background-image: linear-gradient(#0003, #000c);
width: 100%;
height: 100%;
position: absolute;
inset: 0% auto auto 0%;
}
.slider4_content {
z-index: 3;
grid-column-gap: 0rem;
grid-row-gap: 0rem;
min-height: 100%;
color: var(--text-color--text-dark);
flex-flow: column;
flex: 1;
justify-content: flex-end;
padding: 8%;
line-height: 1.25;
display: flex;
position: relative;
}
.slider4_expand {
overflow: hidden;
}
.slider4_expand-trigger {
z-index: 4;
-webkit-backdrop-filter: blur(12px);
backdrop-filter: blur(12px);
cursor: pointer;
background-color: #1714177a;
border-radius: 50%;
justify-content: center;
align-items: center;
width: 4.25rem;
height: 4.25rem;
display: flex;
position: absolute;
inset: 6% 6% auto auto;
overflow: hidden;
}
.slider4_expand-trigger-line {
background-color: var(--base-color-neutral--white);
width: 1.25rem;
height: 2px;
position: absolute;
}
.slider4_expand-trigger-line.is-vertical {
width: 2px;
height: 1.25rem;
}
.swiper4-next, .swiper4-prev {
justify-content: center;
align-items: center;
display: flex;
}
.swiper4_shade {
z-index: 2;
background-color: var(--background-color--background-light);
width: 100vw;
position: absolute;
inset: 0% 100% 0% auto;
}
.navbar1_component {
border-bottom: 1px solid var(--border-color--border-dark);
background-color: var(--base-color-neutral--white);
align-items: center;
width: 100%;
height: auto;
min-height: 4.5rem;
padding-left: 5%;
padding-right: 5%;
display: flex;
}
.navbar1_container {
justify-content: space-between;
align-items: center;
width: 100%;
height: 100%;
margin-left: auto;
margin-right: auto;
display: flex;
}
.navbar1_logo-link {
padding-left: 0;
}
.navbar1_menu {
align-items: center;
display: flex;
position: static;
}
.navbar1_link {
padding: .5rem 1rem;
}
.navbar1_link.w--current {
color: var(--base-color-neutral--black);
}
.navbar1_dropdown-toggle {
grid-column-gap: .5rem;
align-items: center;
padding: .5rem 1rem;
display: flex;
}
.navbar1_dropdown-list.w--open {
border: 1px solid var(--border-color--border-dark);
background-color: var(--base-color-neutral--white);
padding: .5rem;
}
.navbar1_dropdown-link {
padding: .5rem 1rem;
}
.navbar1_dropdown-link.w--current {
color: var(--base-color-neutral--black);
}
.navbar1_menu-buttons {
grid-column-gap: 1rem;
grid-row-gap: 1rem;
grid-template-rows: auto;
grid-template-columns: 1fr 1fr;
grid-auto-columns: 1fr;
align-items: center;
margin-left: 1rem;
display: flex;
}
.navbar1_menu-button {
padding: 0;
}
.contact1-header_component {
grid-column-gap: 1.5rem;
grid-row-gap: 4rem;
grid-template-rows: auto;
grid-template-columns: 1fr .75fr;
grid-auto-columns: 1fr;
align-items: start;
display: grid;
}
.contact1-header_contact-list {
grid-column-gap: 1rem;
grid-row-gap: 1rem;
grid-template-rows: auto;
grid-template-columns: 1fr;
grid-auto-columns: 1fr;
padding-top: .5rem;
padding-bottom: .5rem;
display: grid;
}
.contact1-header_item {
display: flex;
}
.contact1-header_icon-wrapper {
flex: none;
align-self: flex-start;
margin-right: 1rem;
}
.contact1-header_form-block {
flex-direction: column;
align-items: stretch;
}
.contact1-header_form {
grid-column-gap: 1rem;
grid-row-gap: 1rem;
grid-template-rows: auto auto;
grid-template-columns: 1fr;
grid-auto-columns: 1fr;
font-size: 1.25rem;
display: grid;
}
.form_field-2col {
grid-column-gap: .75rem;
grid-row-gap: .75rem;
grid-template-rows: auto;
grid-template-columns: 1fr 1fr;
grid-auto-columns: 1fr;
display: grid;
}
.form_radio-2col {
grid-column-gap: 1.5rem;
grid-row-gap: .875rem;
grid-template-rows: auto;
grid-template-columns: 1fr 1fr;
grid-auto-columns: 1fr;
display: grid;
}
.success-message {
background-color: var(--base-color-neutral--neutral-lightest);
padding: 1.5rem;
}
.error-message {
margin-top: 1.5rem;
padding: .875rem 1rem;
}
.footer1_top-wrapper {
grid-column-gap: 8vw;
grid-row-gap: 1rem;
grid-template-rows: auto;
grid-template-columns: .75fr 1fr;
align-items: start;
}
.footer1_left-wrapper {
flex-direction: column;
display: flex;
}
.footer1_logo-link {
padding-left: 0;
}
.footer1_form-block {
max-width: 35rem;
margin-bottom: 0;
}
.footer1_form {
grid-column-gap: 16px;
grid-row-gap: 16px;
grid-template-rows: auto;
grid-template-columns: 1fr max-content;
grid-auto-columns: 1fr;
margin-bottom: .75rem;
display: grid;
}
.footer1_menu-wrapper {
grid-column-gap: 2rem;
grid-row-gap: 1rem;
grid-template-rows: auto;
grid-template-columns: 1fr 1fr 1fr;
align-items: start;
}
.footer1_link-list {
flex-direction: column;
grid-template-rows: auto;
grid-template-columns: 100%;
grid-auto-columns: 100%;
place-items: flex-start start;
display: flex;
}
.footer1_link {
padding-top: .5rem;
padding-bottom: .5rem;
font-size: .875rem;
text-decoration: none;
}
.footer1_social-link {
grid-column-gap: .75rem;
grid-row-gap: .75rem;
align-items: center;
padding-top: .5rem;
padding-bottom: .5rem;
font-size: .875rem;
text-decoration: none;
display: flex;
}
.footer1_bottom-wrapper {
justify-content: space-between;
align-items: center;
display: flex;
}
.footer1_credit-text {
font-size: .875rem;
}
.footer1_legal-list {
grid-column-gap: 1.5rem;
grid-row-gap: 0rem;
white-space: normal;
grid-template-rows: auto;
grid-template-columns: max-content;
grid-auto-columns: max-content;
grid-auto-flow: column;
justify-content: center;
display: grid;
}
.footer1_legal-link {
font-size: .875rem;
text-decoration: underline;
}
.line-divider-2 {
background-color: var(--base-color-neutral--black);
width: 100%;
height: 1px;
}
.text-weight-semibold {
font-weight: 600;
}
.content22_content-list {
grid-column-gap: 3.75rem;
grid-row-gap: 3.75rem;
flex-flow: column;
display: flex;
}
.header49_content {
grid-column-gap: 2%;
grid-row-gap: 2%;
grid-template-rows: auto;
grid-template-columns: .95fr 1fr;
grid-auto-columns: 1fr;
align-items: start;
display: grid;
}
.header49_content.has-min-height {
min-height: 31.3125rem;
}
.header49_content.has-min-height.is-v2 {
grid-template-columns: 1fr .825fr;
}
.header49_content.test {
grid-template-columns: 1.2fr 1fr;
}
.header49_content-left {
grid-column-gap: 0rem;
grid-row-gap: 0rem;
flex-flow: column;
grid-template-rows: auto auto;
grid-template-columns: 1fr 1fr;
grid-auto-columns: 1fr;
justify-content: space-between;
min-width: 0;
min-height: 100%;
display: flex;
}
.header49_content-right.has-border {
border-left: 1px solid var(--border-color--border-dark);
flex-flow: column;
justify-content: flex-start;
align-items: stretch;
padding-left: 2rem;
display: flex;
}
.header49_content-right.has-border.is-light {
border-left-color: var(--border-color--border-light);
}
.press1_list {
grid-column-gap: 3.75rem;
grid-row-gap: 7rem;
grid-template-rows: auto;
grid-template-columns: 1fr 1fr 1fr;
display: grid;
}
.press1_item {
border-radius: 0;
overflow: hidden;
}
.press1_item-link {
flex-direction: column;
justify-content: flex-start;
height: 100%;
text-decoration: none;
display: flex;
}
.press1_image-wrapper {
aspect-ratio: 1.47039;
border-radius: var(--size--xxsmall);
width: 100%;
margin-bottom: 1rem;
overflow: hidden;
}
.press1_image {
aspect-ratio: 3 / 2;
object-fit: cover;
width: 100%;
height: 100%;
}
.press1_item-content {
flex-direction: column;
flex: 1;
justify-content: space-between;
}
.press1_item-meta {
flex-flow: row;
justify-content: flex-start;
align-items: center;
display: flex;
}
.press1_item-meta-seperator {
background-color: var(--border-color--border-light);
align-self: stretch;
width: 1px;
margin-left: .75rem;
margin-right: .75rem;
}
.press1_content {
margin-top: 2.5rem;
}
.section_contact14 {
background-color: var(--background-color--background-light);
color: var(--text-color--text-light);
}
.contact14_content {
grid-column-gap: 5rem;
grid-row-gap: 4rem;
grid-template-rows: auto;
grid-template-columns: .9fr 1fr;
grid-auto-columns: 1fr;
align-items: stretch;
display: grid;
}
.contact14_contact-list {
grid-column-gap: 1rem;
grid-row-gap: 2.5rem;
grid-template-rows: auto;
grid-template-columns: 1fr;
grid-auto-columns: 1fr;
display: grid;
}
.contact14_item {
padding-top: 2rem;
}
.contact14_image-wrapper {
aspect-ratio: 1.01659;
border-radius: var(--size--small);
overflow: hidden;
}
.contact14_map {
width: 100%;
height: 100%;
}
.contact14_image {
object-fit: cover;
width: 100%;
height: 100%;
}
.section_header64 {
background-color: var(--background-color--background-light);
color: var(--text-color--text-light);
}
.section_cta25 {
background-color: var(--background-color--background-light);
color: var(--text-color--text-light);
position: relative;
}
.gallery1_component {
grid-column-gap: 0rem;
grid-row-gap: 0rem;
justify-content: flex-start;
align-items: flex-start;
display: flex;
}
.gallery1_list-wrapper {
flex: none;
}
.gallery1_list {
grid-column-gap: 0rem;
grid-row-gap: 0rem;
justify-content: flex-start;
align-items: flex-start;
display: flex;
}
.gallery1_item {
flex: none;
}
.gallery1_image-wrapper {
border-radius: var(--size--small);
margin-left: .375rem;
margin-right: .375rem;
overflow: hidden;
}
.career22_component {
margin-bottom: -2.5rem;
}
.career22_list {
grid-column-gap: .75rem;
grid-row-gap: 0rem;
grid-template-rows: auto;
grid-template-columns: 1fr 1fr;
grid-auto-columns: 1fr;
align-items: start;
display: grid;
}
.career22_item {
border-top: 1px solid var(--border-color--border-dark);
padding-top: .5rem;
padding-bottom: 16.5%;
}
.career22_item.in-last-row {
padding-bottom: 0%;
}
.career22_item.in-light {
border-top-color: var(--border-color--border-light);
}
.career22_title-wrapper {
grid-column-gap: 1rem;
grid-row-gap: 1rem;
cursor: pointer;
align-items: center;
display: flex;
}
.career22_job-details-wrapper {
grid-column-gap: 1.5rem;
grid-row-gap: 1.5rem;
display: flex;
}
.career22_job-detail {
align-items: center;
display: flex;
}
.career22_icon-wrapper {
flex: none;
}
.career22_job-detail-2 {
grid-column-gap: .75rem;
grid-row-gap: .75rem;
}
.section_layout303 {
background-color: var(--background-color--background-light);
color: var(--text-color--text-light);
}
.layout303_list {
grid-column-gap: 3.25rem;
grid-row-gap: 4.75rem;
grid-template-rows: auto;
grid-template-columns: 1fr 1fr 1fr 1fr;
grid-auto-columns: 1fr;
place-items: start;
display: grid;
}
.layout303_item {
flex-direction: column;
align-items: center;
width: 100%;
}
.layout303_item-icon-wrapper {
border-radius: var(--size--small);
background-color: #eee;
justify-content: center;
align-items: center;
width: 4.25rem;
height: 4.25rem;
display: inline-flex;
}
.embed1_component {
max-width: 77.9375rem;
margin-left: auto;
margin-right: auto;
}
.section_team20 {
background-color: var(--background-color--background-light);
color: var(--text-color--text-light);
}
.team20_content {
grid-column-gap: 1.5rem;
grid-row-gap: 4rem;
grid-template-rows: auto;
grid-template-columns: 1fr 1fr;
grid-auto-columns: 1fr;
place-items: start;
display: grid;
}
.team20_content-left {
flex-direction: column;
align-items: center;
}
.team20_list {
grid-column-gap: 3.75rem;
grid-row-gap: 3.75rem;
grid-template-rows: auto;
grid-template-columns: 1fr;
width: 100%;
max-width: 33.9375rem;
display: grid;
}
.team20_image-wrapper {
border-radius: var(--size--small);
width: 100%;
overflow: hidden;
}
.team20_image {
aspect-ratio: 1;
object-fit: cover;
width: 100%;
height: 100%;
}
.team20_social {
grid-column-gap: .875rem;
grid-row-gap: .875rem;
grid-template-rows: auto;
grid-template-columns: max-content;
grid-auto-columns: 1fr;
grid-auto-flow: column;
align-self: flex-start;
display: flex;
}
.social-icon {
width: 1.5rem;
height: 1.5rem;
}
.max-width-custom2 {
width: 100%;
max-width: 43rem;
}
.count1_component {
grid-column-gap: .75rem;
grid-row-gap: .75rem;
grid-template-rows: auto;
grid-template-columns: 1fr 1fr 1fr;
grid-auto-columns: 1fr;
display: grid;
}
.count1_box {
grid-column-gap: 2rem;
grid-row-gap: 2rem;
border: 1px solid var(--border-color--border-light);
border-radius: var(--size--medium);
flex-flow: column;
justify-content: space-between;
min-width: 0;
min-height: 27.25rem;
padding: 3rem;
display: flex;
}
.count1_box.is-v2 {
background-color: var(--background-color--background-dark-card);
min-height: 16.4375rem;
padding: 2.5rem;
}
.section_team2 {
background-color: var(--background-color--background-light);
color: var(--text-color--text-light);
}
.team2_list {
grid-column-gap: .75rem;
grid-row-gap: 3.75rem;
grid-template-rows: auto;
grid-template-columns: 1fr 1fr 1fr 1fr;
grid-auto-columns: 1fr;
display: grid;
}
.team2_image-wrapper {
border-radius: var(--size--large);
width: 100%;
overflow: hidden;
}
.team2_image {
aspect-ratio: 1 / 1.10973;
object-fit: cover;
width: 100%;
height: 100%;
}
.team2_social {
grid-column-gap: .875rem;
grid-row-gap: .875rem;
grid-template-rows: auto;
grid-template-columns: max-content;
grid-auto-columns: 1fr;
grid-auto-flow: column;
justify-content: center;
align-self: center;
display: flex;
}
.career22_header {
grid-column-gap: 0.75%;
grid-row-gap: 0.75%;
grid-template-rows: auto;
grid-template-columns: 1fr 1fr;
grid-auto-columns: 1fr;
align-items: start;
display: grid;
}
.logo1_grid-wrapper {
flex: none;
}
.logo1_grid-wrapper:where(.w-variant-3ecc0fc8-fe4e-81e3-31a5-5c2771996967) {
width: 100%;
}
.logo1_grid {
grid-column-gap: 0rem;
grid-row-gap: 1.25rem;
flex-flow: row;
grid-template-rows: auto;
grid-template-columns: 1fr 1fr 1fr 1fr;
grid-auto-columns: 1fr;
justify-content: flex-start;
align-items: flex-start;
display: grid;
}
.logo1_grid:where(.w-variant-3ecc0fc8-fe4e-81e3-31a5-5c2771996967) {
grid-column-gap: 0rem;
grid-row-gap: 1.25rem;
flex-flow: wrap;
grid-template-rows: auto;
grid-template-columns: 1fr 1fr 1fr 1fr;
grid-auto-columns: 1fr;
display: grid;
}
.max-width-custom3 {
width: 100%;
max-width: 52rem;
}
.max-width-tiny {
width: 100%;
max-width: 10rem;
}
.header49_content-column {
flex-flow: column;
justify-content: space-between;
min-height: 100%;
display: flex;
}
.cta55_component {
margin-bottom: -2.5rem;
}
.cta55_card {
border-radius: var(--size--medium);
background-color: var(--background-color--background-dark-card);
flex-direction: column;
justify-content: center;
align-items: center;
padding: 6.5%;
display: flex;
position: relative;
overflow: hidden;
}
.cta55_card-content {
z-index: 1;
position: relative;
}
.cta55_background-video-wrapper {
z-index: 0;
position: absolute;
inset: 0%;
}
.cta55_background-video {
object-fit: cover;
width: 100%;
height: 100%;
position: absolute;
inset: 0%;
}
.max-width-custom4 {
width: 100%;
max-width: 52rem;
}
.layout493_content {
position: relative;
}
.layout493_inner-wrapper {
aspect-ratio: 1.12713;
flex-flow: column;
justify-content: space-between;
width: 50%;
padding-right: .375rem;
display: flex;
}
.layout493_header {
margin-bottom: 2rem;
}
.layout493_tabs {
grid-template-rows: auto auto;
grid-template-columns: 1fr 1fr;
grid-auto-columns: 1fr;
justify-items: stretch;
position: static;
}
.layout493_tabs-menu {
grid-template-rows: auto;
grid-template-columns: 1fr;
grid-auto-columns: 1fr;
max-width: 28.625rem;
display: grid;
}
.layout493_tab-link {
z-index: 0;
border-bottom: 1px solid var(--border-color--border-dark);
color: var(--link-color--link-dark-subtle);
background-color: #0000;
padding: 1.25rem 0;
transition: color .2s;
position: relative;
}
.layout493_tab-link.w--current {
background-color: #0000;
}
.layout493_paragraph {
overflow: hidden;
}
.layout493_tabs-content {
justify-content: center;
align-items: center;
width: 50%;
height: 100%;
padding-left: .375rem;
display: flex;
position: absolute;
inset: 0% 0% 0% auto;
overflow: visible;
}
.layout493_tab-pane {
width: 100%;
}
.layout493_grid-wrapper {
grid-column-gap: .75rem;
grid-row-gap: .75rem;
border-radius: 0;
grid-template-rows: 2.5fr;
grid-template-columns: 1fr 1fr;
grid-auto-columns: 1fr;
display: grid;
}
.layout493_image {
aspect-ratio: 1;
object-fit: cover;
width: 100%;
height: 100%;
}
.layout493_lightbox {
border-radius: 0;
justify-content: center;
align-items: center;
width: 100%;
display: flex;
position: relative;
overflow: hidden;
}
.layout493_lightbox-image {
aspect-ratio: 1;
object-fit: cover;
width: 100%;
}
.heading-style-custom1 {
letter-spacing: -.14rem;
font-size: 3.5rem;
font-weight: 700;
line-height: 1.2;
}
.layout493_progress {
background-color: var(--background-color--background-light);
width: 50%;
height: 1px;
position: absolute;
inset: auto auto -1px 0%;
}
.text-color-inherit {
color: inherit;
}
.layout493_grid-item {
grid-column-gap: 2rem;
grid-row-gap: 2rem;
border-radius: var(--size--small);
background-color: var(--background-color--background-dark-card);
flex-flow: column;
justify-content: space-between;
min-height: 21.1875rem;
padding: 1.75rem 1.5rem 1.75rem 1.625rem;
display: flex;
}
.layout493_grid-item.is-full-width {
min-height: 19rem;
}
.layout493_grid-item.is-short {
min-height: 13.1458rem;
}
.layout493_grid-item.is--grey {
background-color: var(--base-color-neutral--neutral-lighter);
}
.layout493_icon {
background-color: #f8f7f633;
border-radius: 50%;
justify-content: center;
align-items: center;
width: 2.75rem;
height: 2.75rem;
display: flex;
}
.layout493_icon.in-light {
background-color: #e8113a33;
}
.section_layout364 {
background-color: var(--background-color--background-light);
color: var(--text-color--text-light);
}
.layout364_grid-list {
grid-column-gap: 2rem;
grid-row-gap: 2rem;
grid-template-rows: auto;
grid-template-columns: 1fr;
}
.layout364_row {
grid-column-gap: .75rem;
grid-row-gap: .75rem;
grid-template-rows: auto;
grid-template-columns: 1fr 1fr;
grid-auto-columns: 1fr;
align-items: stretch;
display: grid;
}
.layout364_card {
border: 1px solid var(--border-color--border-dark);
border-radius: var(--size--medium);
background-color: #fff;
flex-direction: column;
grid-template-rows: auto;
grid-template-columns: 1fr 1fr;
grid-auto-columns: 1fr;
align-items: stretch;
display: flex;
overflow: hidden;
}
.layout364_card-content {
grid-column-gap: 0rem;
grid-row-gap: 0rem;
flex-direction: column;
flex: 1;
justify-content: space-between;
min-height: 26.5rem;
padding: 3rem;
display: flex;
}
.layout364_card-content-top {
margin-bottom: -2rem;
}
.layout364_item-icon-wrapper {
display: inline-block;
}
.layout364_card-content-bottom {
grid-column-gap: .25rem;
grid-row-gap: .25rem;
flex-flow: column;
display: flex;
}
.layout353_component {
grid-column-gap: 2rem;
grid-row-gap: 4rem;
grid-template-rows: auto;
grid-template-columns: 1fr 1fr;
grid-auto-columns: 1fr;
align-items: start;
display: grid;
}
.layout353_content-left {
position: sticky;
top: 30%;
}
.layout353_content-item {
grid-column-gap: 0rem;
grid-row-gap: 0rem;
border-radius: var(--size--medium);
background-color: var(--background-color--background-dark-card);
flex-flow: column;
justify-content: space-between;
min-height: 22.75rem;
margin-bottom: 1.25rem;
padding: 3rem;
display: flex;
position: sticky;
}
.layout353_content-item.content-item-1 {
top: 30%;
}
.layout353_content-item.content-item-2 {
top: 32%;
}
.layout353_content-item.content-item-3 {
top: 34%;
}
.layout353_content-item.content-item-4 {
top: 36%;
}
.layout353_icon-wrapper {
display: inline-block;
}
.layout353_icon {
margin-top: -2rem;
margin-left: -2rem;
}
.section_faq6 {
background-color: var(--background-color--background-light);
color: var(--text-color--text-light);
}
.faq6_content {
grid-column-gap: 5rem;
grid-row-gap: 4rem;
grid-template-rows: auto;
grid-template-columns: .75fr 1fr;
grid-auto-columns: 1fr;
align-items: start;
display: grid;
}
.faq6_content.leistungspage {
grid-template-columns: .75fr;
padding: 5rem 4rem;
display: block;
}
.faq6_list {
margin-top: -1.75rem;
overflow: hidden;
}
.faq6_list-grid {
grid-column-gap: 0rem;
grid-row-gap: 0rem;
grid-template-rows: auto;
grid-template-columns: 100%;
grid-auto-columns: 100%;
place-items: start stretch;
margin-bottom: -2px;
display: grid;
}
.faq6_list-grid.leistungspage {
grid-column-gap: 0rem;
grid-row-gap: 0rem;
}
.faq6_accordion {
border-bottom: 1px solid var(--border-color--border-light);
border-radius: 0;
flex-direction: column;
justify-content: flex-start;
align-items: stretch;
overflow: hidden;
}
.faq6_accordion.leistungspage {
padding-left: 2rem;
padding-right: 2rem;
}
.faq6_question {
grid-column-gap: 1.5rem;
grid-row-gap: 1.5rem;
cursor: pointer;
justify-content: space-between;
align-items: center;
padding-top: 1.75rem;
padding-bottom: 1.75rem;
display: flex;
}
.faq6_icon-wrapper {
align-self: flex-start;
width: 2rem;
display: flex;
}
.faq6_answer {
padding-right: 3rem;
overflow: hidden;
}
.form-link {
text-decoration: underline;
}
.max-width-custom5 {
width: 100%;
max-width: 46.0625rem;
}
.max-width-custom6 {
width: 100%;
max-width: 75.25rem;
}
.max-width-custom7 {
width: 100%;
max-width: 37rem;
}
.pricing10_component.leistungspage.test {
margin-left: auto;
margin-right: auto;
padding-left: 3rem;
padding-right: 3rem;
}
.pricing10_grid-list {
grid-column-gap: 1.5rem;
grid-row-gap: 1.5rem;
grid-template-rows: auto;
}
.pricing10_grid-list.test {
grid-template-columns: 1fr 1fr 1fr;
}
.pricing10_plan {
grid-column-gap: 0rem;
grid-row-gap: 0rem;
border-radius: var(--size--medium);
flex-flow: column;
justify-content: space-between;
padding: 3rem;
display: flex;
overflow: hidden;
}
.pricing10_plan.is-highlight {
background-color: var(--background-color--background-dark-card);
background-image: url('../images/pricing-bg_1.avif');
background-position: 50% 100%;
background-repeat: no-repeat;
background-size: 100%;
}
.pricing10_plan.is-highlight.test {
background-color: var(--background-color--background-dark);
background-image: none;
}
.pricing10_feature-list {
grid-column-gap: 0rem;
grid-row-gap: 0rem;
grid-template-rows: auto;
grid-template-columns: 1fr;
grid-auto-columns: 1fr;
display: grid;
}
.pricing10_feature {
grid-column-gap: 1rem;
grid-row-gap: 1rem;
border-top: 1px solid var(--border-color--border-dark);
justify-content: flex-start;
align-items: center;
padding-top: 1.94rem;
padding-bottom: 1.94rem;
display: flex;
}
.pricing10_feature.is-first {
border-top-style: none;
}
.pricing10_icon-wrapper {
background-color: #f8f7f61a;
border-radius: 50%;
flex: none;
justify-content: center;
align-self: flex-start;
align-items: center;
width: 2.75rem;
height: 2.75rem;
display: flex;
}
.pricing10_icon-wrapper.in-highlight {
background-color: var(--base-color-neutral--white);
}
.header45_form-block {
max-width: 30rem;
margin-bottom: 0;
}
.header45_form {
grid-column-gap: 1rem;
grid-row-gap: 1rem;
grid-template-rows: auto;
grid-template-columns: 1fr max-content;
grid-auto-columns: 1fr;
margin-bottom: 1rem;
display: flex;
}
.header45_logo {
object-fit: contain;
object-position: 0% 50%;
max-width: 22.0689rem;
max-height: 3.75rem;
}
.header45_image-wrapper {
z-index: 0;
aspect-ratio: 1.86809;
border-radius: var(--size--xxsmall);
color: var(--text-color--text-dark);
flex-flow: column;
justify-content: flex-end;
align-items: flex-end;
padding: 4%;
display: flex;
position: relative;
overflow: hidden;
}
.content1_component {
max-width: 46.0625rem;
margin-left: auto;
margin-right: auto;
}
.testimonial-author {
grid-column-gap: .75rem;
grid-row-gap: .75rem;
justify-content: flex-start;
align-items: center;
display: flex;
}
.testimonial-avatar {
border-radius: 50%;
flex: none;
width: 3.75rem;
height: 3.75rem;
overflow: hidden;
}
.testimonial-avatar-image {
object-fit: cover;
width: 100%;
height: 100%;
}
.header45_image {
z-index: 1;
object-fit: cover;
width: 100%;
height: 100%;
position: absolute;
inset: 0% auto auto 0%;
}
.header45_boxes {
z-index: 2;
grid-column-gap: .75rem;
grid-row-gap: .75rem;
grid-template-rows: auto;
grid-template-columns: 1fr 1fr;
grid-auto-columns: 1fr;
width: 40rem;
max-width: 70%;
display: grid;
position: relative;
}
.blog-post4-header_meta-wrapper {
margin-bottom: 1rem;
}
.blog-post4-header_category-link {
background-color: var(--base-color-neutral--neutral-lightest);
margin-right: 1rem;
padding: .25rem .5rem;
font-size: .875rem;
font-weight: 600;
text-decoration: none;
}
.blog-post4-header_category-link.w--current {
border-bottom: 2px solid var(--base-color-neutral--black);
}
.blog-post4-header_image-wrapper {
border-radius: var(--size--xxsmall);
width: 100%;
margin-left: auto;
margin-right: auto;
overflow: hidden;
}
.blog-post4-header_image {
aspect-ratio: 1.86809;
object-fit: cover;
width: 100%;
height: 100%;
display: inline-block;
}
.blog-post4-header_content-bottom {
justify-content: space-between;
align-items: flex-start;
width: 100%;
display: flex;
}
.blog-post4-header_author-wrapper {
align-items: center;
display: flex;
}
.blog-post4-header_share {
grid-column-gap: .5rem;
grid-row-gap: .5rem;
grid-template-rows: auto;
grid-template-columns: max-content;
grid-auto-columns: 1fr;
grid-auto-flow: column;
justify-items: start;
display: grid;
}
.blog-post4-header_social-link {
background-color: var(--base-color-neutral--neutral-lightest);
border-radius: 20px;
padding: .25rem;
}
.blog-post4-header_social-icon {
width: 1.5rem;
height: 1.5rem;
}
.blog-post4-content_component {
grid-column-gap: 6%;
grid-row-gap: 4rem;
grid-template-rows: auto;
grid-template-columns: .475fr 1fr;
grid-auto-columns: 1fr;
align-items: start;
margin-top: 25px;
margin-right: auto;
padding-bottom: 15rem;
display: grid;
}
.blog-post4-content_content {
margin-right: auto;
padding-left: 0;
}
.blog-post4-content_newsletter {
border: 1px solid var(--border-color--border-dark);
position: sticky;
top: 5rem;
}
.blog-post4-content_form {
margin-bottom: 0;
}
.blog-post4-content_form-wrapper {
grid-column-gap: 1rem;
grid-row-gap: 1rem;
grid-template-rows: auto;
grid-template-columns: 1fr;
grid-auto-columns: 1fr;
margin-bottom: 1rem;
display: grid;
}
.blog-post4-related_component {
padding-left: 4rem;
padding-right: 4rem;
}
.blog-post4-related_heading-wrapper {
grid-column-gap: 5rem;
grid-row-gap: 1rem;
grid-template-rows: auto;
grid-template-columns: 1fr max-content;
grid-auto-columns: 1fr;
justify-content: space-between;
align-items: end;
display: grid;
}
.blog-post4-related_heading {
flex: 1;
}
.blog-post4-related_button-row {
flex-wrap: wrap;
justify-content: flex-end;
align-items: center;
display: flex;
}
.blog-post4-related_button-row.mobile-landscape {
display: none;
}
.blog-post4-related_list {
grid-column-gap: 2rem;
grid-row-gap: 4rem;
grid-template-rows: auto;
grid-template-columns: 1fr 1fr 1fr;
}
.blog-post4-related_item {
border: 1px solid var(--border-color--border-dark);
}
.blog-post4-related_item-link {
flex-direction: column;
justify-content: flex-start;
height: 100%;
text-decoration: none;
display: flex;
}
.blog-post4-related_image-wrapper {
width: 100%;
overflow: hidden;
}
.blog-post4-related_image {
aspect-ratio: 3 / 2;
object-fit: cover;
width: 100%;
height: 100%;
}
.blog-post4-related_item-content {
flex-direction: column;
flex: 1;
justify-content: space-between;
padding: 1.5rem;
display: flex;
}
.blog-post4-related_meta-wrapper {
align-items: center;
margin-bottom: 1rem;
display: flex;
}
.blog-post4-related_category {
background-color: var(--base-color-neutral--neutral-lightest);
margin-right: 1rem;
padding: .25rem .5rem;
display: flex;
}
.blog-post4-related_title-wrapper {
margin-bottom: .5rem;
}
.blog-post4-related_button-wrapper {
margin-top: 1.5rem;
display: flex;
}
.blog-post4_newsletter-inner {
max-width: 17.5625rem;
}
.navbar4_shade {
z-index: -1;
background-color: var(--background-color--background-dark);
width: 50vw;
position: absolute;
inset: 0% auto 0% 50vw;
}
.navbar4_shade:where(.w-variant-67fc30f4-d724-fbd5-a8c4-7f41ccbf1f83), .navbar4_shade.light-theme-141 {
background-color: var(--background-color--background-light);
}
.navba4_menu-inner {
width: 100%;
}
.navbar4_grid {
grid-column-gap: 9%;
grid-row-gap: 0rem;
grid-template-rows: auto;
grid-template-columns: .975fr .825fr 1fr;
grid-auto-columns: 1fr;
display: grid;
}
.div-block-2 {
background-color: #af6464;
}
.div-block-3 {
background-color: #071127;
}
.div-block-4 {
background-color: #31854a;
}
.navbar4_column {
grid-column-gap: 0rem;
grid-row-gap: 0rem;
flex-flow: column;
justify-content: flex-start;
align-items: flex-start;
display: flex;
}
.navbar4_link-2 {
margin-top: .625rem;
margin-bottom: .625rem;
margin-left: 0;
padding: 0;
font-weight: 700;
line-height: 1.1;
display: inline-block;
position: static;
}
.navbar4_link-2.w--current {
color: #000;
}
.navbar4_column-inner {
grid-column-gap: 0rem;
grid-row-gap: 0rem;
flex-flow: column;
justify-content: flex-start;
align-items: flex-start;
width: 100%;
margin-top: 4.5rem;
font-size: 1rem;
display: flex;
}
.navbar4_resources-wrapper {
width: 100%;
font-size: 1rem;
}
.navbar4_resources-list {
grid-column-gap: 1rem;
grid-row-gap: 1rem;
flex-flow: column;
display: flex;
}
.navbar4_resource-item {
border-radius: var(--size--tiny);
background-color: var(--background-color--background-dark-card);
padding: .38rem;
}
.navbar4_resource-item:where(.w-variant-67fc30f4-d724-fbd5-a8c4-7f41ccbf1f83), .navbar4_resource-item.light-theme-102 {
background-color: var(--background-color--background-grey);
}
.navbar4_resource-image-wrapper {
aspect-ratio: 1.78995;
border-radius: .5rem;
margin-bottom: 1.5rem;
overflow: hidden;
}
.navbar4_resource-image {
object-fit: cover;
width: 100%;
height: 100%;
}
.navbar4_resource-content {
padding-bottom: 1.62rem;
padding-left: .82rem;
padding-right: .82rem;
line-height: 1.3;
}
.slider2_slide-link {
z-index: 4;
position: absolute;
inset: 0%;
}
.slider2_overlay {
z-index: 2;
background-color: #00000080;
position: absolute;
inset: 0%;
}
.locales-wrapper {
z-index: 0;
border: 1px solid var(--border-color--border-dark);
cursor: pointer;
border-radius: 62.4375rem;
margin-left: 1.5rem;
font-size: 1.25rem;
line-height: 1;
position: relative;
}
.locales-wrapper:where(.w-variant-dda56f02-ac66-989c-42fa-34121ca11eaf) {
border-color: var(--border-color--border-light);
}
.locales-wrapper:lang(en-gb) {
flex: none;
}
.locales-item {
grid-column-gap: .25rem;
grid-row-gap: .25rem;
justify-content: flex-start;
align-items: center;
padding: .75rem 1rem .75rem 1.25rem;
text-decoration: none;
display: flex;
}
.locales-item.in-list {
width: 100%;
padding: .625rem 1.125rem;
transition: opacity .2s;
}
.locales-item.in-list:hover {
opacity: .8;
}
.locales-item.in-list.w--current {
display: none;
}
.icon-embed-tiny {
flex-direction: column;
justify-content: center;
align-items: center;
width: 1rem;
height: 1rem;
display: flex;
}
.locales-list {
border: 1px solid var(--border-color--border-dark);
background-color: var(--background-color--background-dark);
border-radius: 1.5rem;
margin-bottom: 2px;
padding: 2px;
position: absolute;
inset: auto -1px 100%;
}
.locales-list:where(.w-variant-dda56f02-ac66-989c-42fa-34121ca11eaf) {
border-color: var(--border-color--border-light);
background-color: var(--background-color--background-light);
}
.locales-locale {
grid-column-gap: .25rem;
grid-row-gap: .25rem;
justify-content: flex-start;
align-items: center;
width: 100%;
display: flex;
}
.footer5_bottom-inner {
grid-column-gap: 1.5rem;
grid-row-gap: 1.5rem;
justify-content: flex-start;
align-items: center;
display: flex;
}
.locales-divider {
background-color: var(--border-color--border-dark);
width: 1px;
position: absolute;
inset: 0% auto 0% -1.5rem;
}
.locales-divider:where(.w-variant-dda56f02-ac66-989c-42fa-34121ca11eaf) {
background-color: var(--border-color--border-light);
}
.article-right {
min-width: 0;
}
.article-right.offset-top {
margin-top: 7rem;
}
.owatag {
z-index: -999;
position: absolute;
top: -9999px;
left: -9999px;
}
.slider1_lottie {
position: absolute;
}
.slider1_lottie-wrapper {
text-align: center;
justify-content: center;
align-items: center;
display: flex;
position: relative;
}
.header131_inner {
z-index: 0;
position: relative;
}
.header131_background-video {
z-index: 1;
width: 64.1875rem;
max-width: 100vw;
margin-bottom: -3%;
margin-left: 34%;
display: block;
position: absolute;
inset: auto auto 0% 0%;
}
.position-relative {
z-index: 0;
position: relative;
}
.heading-style-huge {
letter-spacing: -.21138rem;
font-size: 6.56806rem;
font-weight: 700;
line-height: 1;
}
.slider3_arrows {
grid-column-gap: .625rem;
grid-row-gap: .625rem;
flex-flow: column;
width: 3rem;
margin-right: -.25rem;
display: flex;
position: absolute;
inset: auto 0% 0% auto;
}
.text-full-width {
margin-top: 30px;
}
.table {
border: 1px solid #f8f7f6;
border-radius: 10px;
margin-bottom: 30px;
}
.table:lang(en-gb) {
-webkit-text-fill-color: inherit;
background-clip: border-box;
border: 1px solid #f8f7f6;
border-radius: 10px;
overflow: visible;
}
.div-contact-img {
border-radius: 50%;
width: 3.75rem;
min-width: 3.75rem;
height: 3.75rem;
min-height: 3.75rem;
margin-right: 1rem;
position: relative;
overflow: hidden;
}
.button-red {
background-color: var(--base-color-brand--hurra-red);
color: var(--base-color-brand--white);
border-end-end-radius: var(--size--medium);
padding: 10px 15px;
}
.text-block-3 {
padding-top: 1px;
padding-bottom: 1px;
}
.text-span {
color: var(--base-color-brand--dark-subtle);
}
.background-video-remote {
object-fit: cover;
object-position: right center;
z-index: -1;
width: 100%;
height: 100%;
position: absolute;
inset: auto 0% auto auto;
}
.offset-top {
margin-top: 5rem;
}
.button-group-margin {
grid-column-gap: 1rem;
grid-row-gap: 1rem;
flex-wrap: wrap;
align-items: center;
margin-top: 1.5rem;
display: flex;
}
.button-group-margin.is-center, .button-group-margin.align-center {
justify-content: center;
align-items: center;
}
.button-group-margin.is-right {
justify-content: flex-end;
align-items: center;
}
.code-embed {
flex: 1;
}
.div-background-video {
width: 100%;
height: 100%;
margin-left: auto;
margin-right: 0;
position: fixed;
inset: auto 0% auto auto;
}
.speaker-info {
margin-top: 20px;
margin-bottom: 20px;
}
.image {
border-radius: var(--size--small);
}
.slider1-image-wrapper {
text-align: center;
justify-content: center;
align-items: center;
display: flex;
position: relative;
}
.div-bg-video {
width: 100%;
height: 100%;
margin-left: auto;
margin-right: 0;
position: absolute;
inset: 62px 0% auto auto;
}
.bg-video-remote {
object-fit: cover;
object-position: right center;
width: 100%;
height: 100%;
position: absolute;
inset: auto 0% auto auto;
}
.footer-2 {
transform: scale3d(1none, 1none, 1none);
transform-style: preserve-3d;
}
.div-block-5 {
height: 400px;
margin-top: 0;
}
.image-2 {
padding-top: 0;
}
.collection-item {
padding-top: 102px;
padding-left: 17px;
}
.paragraph {
padding-top: 30px;
padding-left: 57px;
padding-right: 60px;
}
.image-3 {
border-radius: 20px;
margin-top: 25px;
margin-bottom: 35px;
margin-left: 29px;
padding-left: 0;
}
.div-block-6 {
grid-column-gap: 40px;
grid-row-gap: 40px;
color: var(--text-color--text-light);
background-color: #ececec;
border-radius: 20px;
grid-template-rows: auto;
grid-template-columns: 1fr 1fr;
grid-auto-columns: 1fr;
grid-auto-flow: column;
margin-bottom: 70px;
margin-left: auto;
margin-right: auto;
display: flex;
}
.paragraph-2 {
padding-top: 10px;
padding-bottom: 20px;
padding-right: 150px;
}
.text-block-4 {
margin-top: 25px;
font-weight: 700;
}
.link {
color: var(--base-color-brand--dark-subtle);
}
.div-block-7 {
grid-column-gap: 35px;
grid-row-gap: 35px;
margin-left: 52px;
margin-right: 140px;
padding-right: 0;
display: flex;
}
.heading {
margin-bottom: 4rem;
padding-bottom: 0;
}
.paragraph-3 {
font-size: 2rem;
font-weight: 700;
}
.body-2 {
padding-left: 5%;
padding-right: 5%;
}
.page_wrap {
grid-column-gap: 0px;
grid-row-gap: 0px;
min-height: 100px;
margin-left: auto;
margin-right: auto;
padding-top: 100px;
display: block;
}
.heading-2 {
margin-top: 0;
padding-bottom: 40px;
font-size: 4rem;
}
.image-4 {
padding-top: 20px;
}
.div-block-8 {
flex-flow: row;
justify-content: flex-start;
align-items: center;
padding-top: 2rem;
padding-bottom: 2rem;
display: flex;
}
.image-5 {
border-radius: 20px;
width: auto;
margin-right: 60px;
padding-right: 0;
}
.text-block-5 {
margin-right: 100px;
}
.heading-3 {
padding-top: 0;
padding-bottom: 20px;
font-size: 2rem;
}
.heading-4 {
margin-top: 4rem;
font-size: 3rem;
}
.text-block-6 {
text-align: justify;
margin-right: 0;
padding-bottom: 20px;
}
.link-2 {
font-weight: 700;
}
.div-block-9 {
margin-top: 40px;
}
.div-block-10 {
color: var(--base-color-neutral--neutral);
}
.heading-5 {
margin-bottom: 2rem;
}
.text-span-2 {
color: var(--background-color--background-dark);
}
.heading-6.leistungspage {
padding-bottom: 5rem;
}
.autoren-box {
grid-column-gap: 29px;
grid-row-gap: 29px;
background-color: #f0f0f0;
border-radius: 20px;
margin-right: 0;
padding: 1rem;
display: flex;
}
.autoren-box-image {
border-radius: 0;
}
.autoren-box-text {
margin-top: 20px;
margin-right: 20px;
padding-right: 0;
}
.collection-item-2 {
border-radius: 20px;
}
.image-6 {
border-radius: 0;
width: 400px;
margin-left: auto;
margin-right: auto;
padding: 20px;
display: block;
}
.link-3 {
font-weight: 700;
position: static;
}
.text-block-8 {
padding-top: 1rem;
padding-bottom: 1rem;
padding-right: 0;
}
.breadcrumb-list {
display: flex;
}
.text-block-9 {
font-size: .8rem;
}
.breadcrumb.blog-post-template {
background-color: #e0dfde00;
}
.breadcrumb-text-link.is--grey {
color: var(--base-color-neutral--neutral-light);
}
.padding-leistungs-page {
padding: 6rem 5%;
}
.image-7 {
width: 700px;
height: 320px;
margin-top: 2rem;
padding-top: 0;
}
.heading-8 {
margin-top: 2rem;
margin-bottom: 3rem;
font-size: 4rem;
}
.div-block-11 {
display: flex;
}
.leistungspage.text-size-xxlarge {
padding-left: 0;
padding-right: 2rem;
}
.text-span-3 {
color: var(--text-color--text-dark);
}
.code-embed-socials {
grid-column-gap: 18px;
grid-row-gap: 18px;
width: 1.5rem;
height: 1.5rem;
color: var(--text-color--text-dark);
text-align: left;
-webkit-text-stroke-color: var(--background-color--background-dark);
flex-flow: column;
justify-content: center;
align-items: center;
padding-bottom: 0;
display: block;
}
.code-embed-socials.is--dark {
color: var(--text-color--text-light);
}
.autoren-box-link-box {
grid-column-gap: 0px;
grid-row-gap: 0px;
aspect-ratio: auto;
border: 1px solid #c2c2c2;
border-radius: 50%;
flex-flow: column;
grid-template-rows: auto auto;
grid-template-columns: 1fr 1fr;
grid-auto-columns: 1fr;
justify-content: center;
align-items: center;
width: 3rem;
height: 3rem;
font-size: 1rem;
display: flex;
}
.autoren-box-socials {
grid-column-gap: 20px;
grid-row-gap: 20px;
padding-bottom: 1rem;
display: flex;
}
.text-blog-category-button {
color: var(--base-color-brand--light);
background-color: #fff0;
}
.u-toc-current-link {
color: var(--base-color-brand--hurra-red);
font-weight: 400;
display: none;
}
.toc-subitems {
display: none;
}
.blog-post_toc {
border-bottom: 1px solid #c7c7c7;
position: sticky;
top: 100px;
}
.blog-post_toc.tester {
flex-flow: row;
justify-content: flex-end;
align-items: stretch;
padding-left: 0;
padding-right: 4rem;
display: flex;
}
.blog-post_toc.blog-template {
border-bottom-width: 0;
flex-flow: column;
justify-content: flex-start;
align-items: stretch;
max-height: 60vh;
display: flex;
position: sticky;
inset: 10rem 0 0;
overflow: scroll;
}
.blog-post-toc-list.toc-blog-test {
list-style-type: none;
}
.blog-post-toc-list.toc-blog-test.blog-template {
flex-flow: column;
justify-content: space-between;
align-items: flex-start;
padding-left: 2rem;
display: flex;
position: sticky;
top: 380px;
}
.toc-h2 {
font-weight: 700;
}
.toc-h3 {
color: var(--base-color-neutral--neutral);
padding-left: .5rem;
font-size: .8rem;
}
.toc-h3.u-toc-current-link {
padding-left: .5rem;
}
.post-content-wrapper {
grid-column-gap: 4rem;
grid-row-gap: 4rem;
border-bottom: 1px solid #ffffff14;
flex-flow: wrap;
grid-template-rows: auto;
grid-template-columns: 1fr 2.5fr;
grid-auto-columns: 1fr;
justify-content: center;
align-items: flex-start;
padding-bottom: 5rem;
display: grid;
}
.code-embed-5, .toc-inhaltsverzeichnis {
display: none;
}
.text-block-12 {
justify-content: center;
align-items: center;
font-weight: 400;
line-height: 1.2;
display: flex;
}
.text-block-12:where(.w-variant-75daaeda-0cf3-7a4d-9e3a-3d9d29f709a2) {
font-size: 1.25rem;
line-height: 1.4;
}
.text-block-12.size-small, .text-block-12.size-small:where(.w-variant-0d69f6e9-da1e-e46e-c3bf-355479ce88da) {
font-size: .9rem;
}
.link-5 {
color: #767478;
}
.code-embed-6 {
display: none;
}
.toc-h3-2 {
color: #666;
padding-left: .5rem;
font-size: .8rem;
}
.breadcrumb-text-link-2.is--grey {
color: #aaa;
}
.u-toc-current-link-2 {
color: #e4002b;
font-weight: 400;
display: none;
}
.toc-h2-2 {
font-weight: 700;
}
.toc-inhaltsverzeichnis-2 {
display: none;
}
.content-wrapper-2 {
z-index: 1;
color: #363131;
background-color: #f8f7f6;
border-top-left-radius: 1.25rem;
border-top-right-radius: 1.25rem;
margin-bottom: -2.5rem;
padding-bottom: 2.5rem;
position: relative;
overflow: hidden;
}
.content-wrapper-2.is-squre {
border-radius: 0;
padding-top: 2.5rem;
}
.content-wrapper-2.is-squre.is-first {
padding-top: 0;
}
.content-wrapper-2.is-squre.is-first.has-sticky {
overflow: visible;
}
.toc-subitems-2 {
display: none;
}
.blog3_item-meta-seperator-2 {
background-color: #ffffff14;
align-self: stretch;
width: 1px;
margin-left: .75rem;
margin-right: .75rem;
}
.blog3_item-meta-seperator-2.border-light {
background-color: #3631311f;
}
.blog-post4-header_image-wrapper-2 {
border-radius: 1rem;
width: 100%;
margin-left: auto;
margin-right: auto;
overflow: hidden;
}
.text-span-4, .text-span-5 {
color: var(--text-color--text-accent);
}
.hero-section-bullets {
justify-content: flex-start;
align-items: center;
padding-top: .5rem;
padding-bottom: .5rem;
display: flex;
}
.hero-section-bullets.xxl {
border-bottom: 1px solid var(--base-color-neutral--neutral-lightest);
text-align: center;
margin-left: auto;
margin-right: auto;
}
.hero-section-bullets.xxl.test-2 {
grid-column-gap: 25px;
grid-row-gap: 25px;
border-bottom-width: 0;
flex-flow: column;
}
.image-8 {
vertical-align: baseline;
}
.div-block-14 {
justify-content: center;
align-items: center;
display: flex;
}
.div-block-15 {
grid-column-gap: 16px;
grid-row-gap: 16px;
text-align: left;
grid-template-rows: auto auto;
grid-template-columns: 1fr 1fr;
grid-auto-columns: 1fr;
max-width: 600px;
margin-left: auto;
margin-right: auto;
padding-bottom: 2rem;
display: block;
}
.div-block-15.test-2 {
grid-column-gap: 30px;
grid-row-gap: 30px;
grid-template-rows: auto auto;
grid-template-columns: 1fr 1fr 1fr 1fr;
grid-auto-columns: 1fr;
width: 100%;
max-width: 1800px;
margin-left: 0;
margin-right: 0;
display: grid;
}
.main-content-wrapper.test {
width: 1200px;
margin: auto;
}
.main-content.test {
flex-flow: column;
margin-left: auto;
margin-right: auto;
padding-top: 8rem;
display: flex;
}
.block-a.test {
grid-column-gap: 4rem;
grid-row-gap: 4rem;
text-align: center;
flex-flow: column;
margin-left: auto;
margin-right: auto;
padding: 5rem 5rem 8rem;
display: flex;
}
.block-b.test {
grid-column-gap: 61px;
grid-row-gap: 61px;
grid-template-rows: auto auto auto auto;
grid-template-columns: 1fr 1fr;
grid-auto-columns: 1fr;
padding-left: 5rem;
padding-right: 5rem;
display: grid;
}
.grid-item-1 {
grid-column-gap: 2rem;
grid-row-gap: 2rem;
flex-flow: column;
justify-content: center;
align-items: flex-start;
padding-top: 3rem;
padding-bottom: 3rem;
display: flex;
}
.button-styler {
padding-top: 2rem;
}
.super-large-number {
color: var(--text-color--text-accent);
font-size: 2rem;
font-weight: 700;
}
.team-block-styler {
padding-top: 3rem;
padding-bottom: 5rem;
padding-left: 2rem;
}
.team-block-collection-list {
grid-column-gap: 20px;
grid-row-gap: 20px;
justify-content: center;
align-items: center;
display: flex;
}
.team-block-item {
flex-flow: column;
justify-content: flex-start;
align-items: center;
display: flex;
}
.team-block-social-icons {
grid-column-gap: 10px;
grid-row-gap: 10px;
flex-flow: row;
justify-content: center;
align-items: flex-start;
padding-top: .5rem;
display: flex;
}
.team-block-position {
color: var(--text-color--text-dark-subtle);
font-size: .8rem;
}
.team-block-image {
border-radius: 10rem;
width: 200px;
max-width: 300px;
height: auto;
}
.team-block-image-wrapper {
border-radius: 10rem;
flex-flow: column;
justify-content: flex-start;
align-items: center;
width: 100%;
height: auto;
display: flex;
}
.team-block-text-wrapper {
flex-flow: column;
justify-content: center;
align-items: center;
padding-top: 2rem;
display: flex;
}
.team-block-heading {
text-align: center;
padding-top: 5rem;
padding-bottom: 3rem;
}
.testimonials-leistungspage {
padding-top: 5rem;
}
.testimonials-leistungspage-inner {
grid-column-gap: 1em;
grid-row-gap: 1em;
background-color: var(--base-color-brand--dark);
justify-content: center;
align-items: center;
padding-top: 2em;
padding-bottom: 2em;
display: flex;
position: relative;
}
.testimonials-item {
grid-column-gap: 1.5em;
grid-row-gap: 1.5em;
background-color: #e2e2e287;
border-radius: 1.5em;
flex-flow: column;
width: 18em;
max-width: 18em;
max-height: 20em;
padding: 2em;
display: flex;
}
.testimonial-quote-wrapper {
grid-column-gap: 1em;
grid-row-gap: 1em;
flex-flow: column;
justify-content: flex-start;
align-items: center;
display: flex;
}
.testimonials-person-id {
grid-column-gap: .2em;
grid-row-gap: .2em;
flex-flow: column;
display: flex;
}
.testimonials-leistungspage-logo {
width: 8em;
max-width: 8em;
}
.collection-item-3 {
justify-content: center;
align-items: stretch;
height: 100%;
display: flex;
}
.testimonial-logo-wrapper {
background-color: #fff;
border-radius: 99px;
justify-content: center;
align-items: center;
width: 10em;
height: 5em;
padding: 1em;
display: flex;
}
.unsere-kunden.test {
text-align: center;
font-weight: 700;
}
.div-block-19 {
grid-column-gap: 7px;
grid-row-gap: 7px;
box-shadow: 0 2px 5px 0 var(--base-color-neutral--neutral);
background-color: #fff;
border: 1px solid #fff;
border-radius: 19px;
flex-flow: row;
flex: 0 auto;
grid-template-rows: auto auto;
grid-template-columns: 1fr 1fr;
grid-auto-columns: 1fr;
justify-content: flex-start;
align-items: center;
margin-top: 15px;
margin-right: 10px;
padding: 5px 15px;
display: flex;
}
.text-block-15 {
color: var(--text-color--text-light);
}
.collection-item-4 {
grid-column-gap: 0px;
grid-row-gap: 0px;
flex-flow: row;
flex: 0 auto;
order: 0;
justify-content: flex-start;
align-self: auto;
align-items: center;
width: auto;
padding: 0;
display: flex;
}
.collection-list {
flex-flow: wrap;
place-content: flex-start;
align-items: center;
display: flex;
}
.collection-list-wrapper-2 {
margin-top: 0;
}
.div-block-20 {
margin-bottom: 0;
}
.div-block-21 {
margin-bottom: 60px;
}
.blog3_item-meta-seperator-3 {
background-color: #ffffff14;
align-self: stretch;
width: 1px;
margin-left: .75rem;
margin-right: .75rem;
}
.blog3_item-meta-seperator-3.border-light {
background-color: #3631311f;
}
.blog3_item-meta-seperator-4 {
background-color: #ffffff14;
align-self: stretch;
width: 1px;
margin-left: .75rem;
margin-right: .75rem;
}
.blog3_item-meta-seperator-4.border-light {
background-color: #3631311f;
}
.u-toc-current-link-3 {
color: #e4002b;
font-weight: 400;
display: none;
}
.toc-h2-3 {
font-weight: 700;
}
.toc-h3-3 {
color: #666;
padding-left: .5rem;
font-size: .8rem;
}
.code-embed-8 {
display: none;
}
.image-9 {
width: 600px;
}
.div-block-22 {
grid-column-gap: 16px;
grid-row-gap: 16px;
grid-template-rows: auto;
grid-template-columns: 1fr 1fr;
grid-auto-columns: 1fr;
display: grid;
}
.header-image-blocks {
grid-column-gap: 16px;
grid-row-gap: 16px;
grid-template-rows: auto;
grid-template-columns: 1fr 1fr;
grid-auto-columns: 1fr;
padding-top: 3rem;
display: grid;
}
.header-plus-excerpt {
grid-column-gap: 34px;
grid-row-gap: 34px;
flex-flow: column;
display: flex;
}
.heading-style-1-small {
font-size: 5rem;
}
.blog-post-excerpt-section {
background-color: #e0dfde;
border-radius: 20px;
flex: 0 auto;
order: 0;
padding: 3rem;
position: static;
}
.paragraph-4 {
font-size: 1.5rem;
}
.hero-section {
padding: 5rem 5%;
}
.hero-section.blog-page {
padding-top: 5rem;
}
.hero_grid-container {
grid-column-gap: 4rem;
grid-row-gap: 4rem;
grid-template-rows: auto;
grid-template-columns: 1.5fr 1fr;
grid-auto-columns: 1fr;
place-items: start center;
display: grid;
}
.hero_content-left {
flex-flow: column;
justify-content: center;
align-items: flex-start;
display: flex;
}
.link-block {
margin-bottom: 1rem;
}
.heading-10 {
padding-top: 1rem;
padding-bottom: 1rem;
font-size: 3rem;
line-height: 1.2;
}
.hero_breadcrumb-links {
color: var(--base-color-neutral--neutral);
text-decoration: none;
}
.text-block-16 {
max-width: 100%;
font-size: 1.25rem;
}
.hero_datum-autor {
grid-column-gap: .75rem;
grid-row-gap: .75rem;
justify-content: flex-start;
align-items: center;
display: flex;
}
.hero_datum-autor.test2 {
grid-column-gap: .7rem;
grid-row-gap: .7rem;
flex-flow: row;
justify-content: flex-start;
align-items: center;
padding-top: 2rem;
padding-bottom: 2rem;
padding-left: 2rem;
}
.hero_content-right {
grid-column-gap: 1.5rem;
grid-row-gap: 1.5rem;
flex-flow: column;
justify-content: space-between;
align-items: flex-start;
padding-top: 0;
display: flex;
}
.hero_breadcrumb-link-wrapper {
grid-column-gap: 1rem;
grid-row-gap: 1rem;
display: flex;
}
.image-10 {
border-radius: 20px;
display: none;
}
.blog-post_content-wrapper2 {
grid-column-gap: 16px;
grid-row-gap: 16px;
grid-template-rows: auto;
grid-template-columns: 3fr 1fr;
grid-auto-columns: 1fr;
align-items: start;
display: grid;
}
.paragraph-5 {
text-align: justify;
}
.heading-style-h1-blog {
padding-bottom: 1rem;
font-size: 3.5rem;
}
.heading-block-styler {
padding-top: 1rem;
padding-bottom: 1rem;
}
.bold-text {
font-size: 3rem;
}
.heading-style-h2-blog {
padding-bottom: 1rem;
font-size: 2.8rem;
}
.heading-11 {
padding-bottom: 1rem;
font-size: 2.3rem;
}
.heading-12, .heading-13, .heading-14 {
padding-bottom: .5rem;
}
.rich-text-block-3 {
padding-left: 1rem;
padding-right: 1rem;
}
.text-navbar-h1 {
font-size: 1rem;
font-weight: 500;
line-height: 1.5;
}
.text-navbar-h2 {
color: var(--text-color--text-light);
font-size: .9rem;
font-weight: 400;
line-height: 1.5;
}
.text-navbar-h2:where(.w-variant-0d69f6e9-da1e-e46e-c3bf-355479ce88da) {
color: var(--text-color--text-dark);
font-size: .9rem;
}
.text-navbar-h2.is--light {
color: var(--text-color--text-dark);
}
.text-navbar-eyebrow {
letter-spacing: .03em;
font-size: .875rem;
font-weight: 500;
line-height: 1.5;
}
.navbar_link-group {
grid-column-gap: 1.5rem;
grid-row-gap: 1.5rem;
align-items: center;
margin-bottom: 0;
margin-left: auto;
padding-left: 0;
list-style-type: none;
display: flex;
}
.navbar_link-group.cc-2 {
margin-left: auto;
}
.navbar_icon-svg {
justify-content: center;
align-items: center;
margin-top: 4px;
display: flex;
}
.navbar_icon-svg:where(.w-variant-0d69f6e9-da1e-e46e-c3bf-355479ce88da) {
color: var(--text-color--text-dark);
justify-content: center;
align-items: center;
display: flex;
}
.navbar_icon-svg.is--light {
color: var(--text-color--text-dark);
}
.navbar_brand {
color: #080808;
align-items: center;
transition: color .3s cubic-bezier(.215, .61, .355, 1);
display: flex;
}
.navbar_brand:hover {
color: #5a5a5a;
}
.navbar_icon-dropdown {
display: flex;
}
.navbar_dropdown-list-container {
background-color: var(--background-color--background-light);
border-radius: .75rem;
max-width: 80rem;
height: auto;
margin-left: auto;
margin-right: auto;
overflow: hidden;
box-shadow: 0 2px 6px #080e450d;
}
.navbar_dropdown-list-container:where(.w-variant-0d69f6e9-da1e-e46e-c3bf-355479ce88da) {
background-color: var(--background-color--background-dark);
}
.navbar_dropdown-list-container.cc-small {
max-width: 57.7rem;
overflow: visible;
}
.navbar_dropdown-list-container.navbar-small {
min-width: 300px;
max-width: 20rem;
margin: 0;
position: absolute;
inset: 0% auto auto 0%;
}
.navbar_dropdown-list-container.navbar-small:where(.w-variant-0d69f6e9-da1e-e46e-c3bf-355479ce88da) {
margin-left: auto;
margin-right: auto;
}
.navbar_dropdown-list-container.is--dark {
background-color: var(--background-color--background-dark);
}
.navbar_dropdown-list-container.large {
width: 800px;
overflow: visible;
}
.navbar_dropdown-list-container.large:where(.w-variant-0d69f6e9-da1e-e46e-c3bf-355479ce88da) {
width: 800px;
}
.navbar_dropdown-list-container.large.l-sungen, .navbar_dropdown-list-container.large.ber-uns {
width: 350px;
}
.navbar_link-list-item {
display: inline-block;
}
.navbar_icon-svg-bottom {
margin-bottom: -.25rem;
}
.navbar_icon-svg-bottom:where(.w-variant-0d69f6e9-da1e-e46e-c3bf-355479ce88da), .navbar_icon-svg-bottom.is--light {
color: var(--text-color--text-dark);
}
.navbar_dropdown-inner-list {
grid-column-gap: 1rem;
grid-row-gap: 1rem;
flex-flow: column;
margin-bottom: 0;
padding-left: 0;
list-style-type: none;
display: flex;
}
.navbar_dropdown-inner-list.is-bigger-gap {
max-width: none;
height: 100%;
}
.navbar_dropdown-inner-list.is-last {
height: 100%;
}
.navbar_dropdown-inner-list-item {
z-index: 2;
margin-bottom: 0;
}
.navbar_dropdown-inner-list-item.is-image {
grid-column-gap: 1rem;
grid-row-gap: 1rem;
flex-flow: column;
display: flex;
}
.navbar_dropdown-inner-list-item.is-image.is-between {
justify-content: space-between;
align-items: center;
height: auto;
}
.navbar_dropdown-inner-list-item.is-last {
margin-top: auto;
padding-top: 1.5rem;
}
.text-navbar-button {
font-size: .8125rem;
font-weight: 600;
line-height: 1.5;
}
.navbar_dropdown-list-content-wrapper {
background-color: var(--background-color--background-light);
-webkit-backdrop-filter: blur(32px);
backdrop-filter: blur(32px);
border-radius: .75rem;
flex-flow: row;
justify-content: flex-start;
height: 100%;
margin-bottom: 0;
padding-top: 0;
padding-bottom: 0;
padding-left: 0;
list-style-type: none;
display: flex;
position: relative;
overflow: visible;
}
.navbar_dropdown-list-content-wrapper:where(.w-variant-0d69f6e9-da1e-e46e-c3bf-355479ce88da) {
background-color: var(--background-color--background-dark);
height: auto;
position: relative;
}
.navbar_dropdown-list-content-wrapper.is--dark {
background-color: var(--background-color--background-dark);
text-align: center;
}
.navbar_brand-logo {
height: 2.5rem;
display: block;
}
.navbar_brand-logo.is--dark {
display: block;
}
.navbar_brand-logo.black {
display: none;
}
.navbar_dropdown-image-wrapper {
border-radius: 3rem;
overflow: hidden;
}
.navbar_button-wrapper {
grid-column-gap: 1rem;
grid-row-gap: 1rem;
margin-top: 1rem;
display: flex;
}
.navbar_dropdown-title-wrapper {
grid-column-gap: .375rem;
grid-row-gap: .375rem;
justify-content: flex-start;
align-items: center;
width: 100%;
max-width: 17rem;
height: 1.5rem;
margin-bottom: 1.5rem;
display: flex;
}
.navbar_dropdown-list {
color: #080808;
background-color: #0000;
padding-top: .5rem;
inset: 100% 0% auto;
}
.navbar_dropdown-list.w--open {
border-radius: 1rem;
margin-top: .5rem;
padding-top: 0;
overflow: visible;
}
.navbar_dropdown-list.is-bigger.w--open {
box-shadow: none;
overflow: visible;
}
.navbar_dropdown-list-link-text-wrapper {
grid-column-gap: .3rem;
grid-row-gap: .3rem;
flex-flow: column;
display: flex;
}
.navbar_dropdown-list-link-text-wrapper.is-last {
z-index: 1;
max-width: 14.75rem;
padding-left: .5rem;
padding-right: .5rem;
position: relative;
}
.navbar_dropdown-list-link {
grid-column-gap: .5rem;
grid-row-gap: .5rem;
color: #000001;
justify-content: flex-start;
align-items: flex-start;
text-decoration: none;
display: flex;
}
.container-large-2 {
width: 100%;
max-width: 85rem;
margin-left: auto;
margin-right: auto;
}
.container-large-2.is-nav {
position: relative;
}
.nav_component {
z-index: 3;
background-color: var(--background-color--background-light);
justify-content: flex-start;
align-items: center;
height: 8rem;
max-height: 8rem;
padding-left: 5%;
padding-right: 5%;
transition: all .25s;
display: flex;
position: sticky;
inset: 0 0% auto;
box-shadow: 0 4px 8px #0000001a;
}
.nav_component.new:where(.w-variant-0d69f6e9-da1e-e46e-c3bf-355479ce88da), .nav_component.new.is--dark {
background-color: var(--background-color--background-dark);
}
.navbar_nav-link {
padding: .5rem;
}
.navbar_nav-link.text-navbar-h1.text-color-black.w--current {
color: #000001;
}
.navbar_dropdown-list-text-wrap {
grid-column-gap: .25rem;
grid-row-gap: .25rem;
justify-content: flex-start;
align-items: center;
display: flex;
}
.navbar_dropdown-list-column {
border-right: 1px solid #0000010d;
flex-flow: column;
flex: 1;
height: auto;
margin-bottom: 0;
padding: 2.5rem 1.5rem;
display: flex;
}
.navbar_dropdown-list-column:where(.w-variant-0d69f6e9-da1e-e46e-c3bf-355479ce88da) {
border-right-style: none;
border-right-width: 0;
}
.navbar_dropdown-list-column.cc-last-item {
z-index: 2;
background-color: var(--background-color--background-grey);
border-left-width: 1px;
border-left-color: #f0f0f000;
border-right-style: none;
justify-content: flex-start;
align-items: stretch;
padding-left: 0;
padding-right: 0;
display: none;
}
.navbar_dropdown-list-column.cc-last-item:where(.w-variant-0d69f6e9-da1e-e46e-c3bf-355479ce88da) {
background-color: var(--background-color--background-dark-card);
display: none;
}
.navbar_dropdown-list-column.cc-last-item.is--dark {
background-color: var(--background-color--background-dark-card);
}
.navbar_dropdown-list-column.cc-no-line {
border-left-color: #f0f0f000;
}
.navbar_nav-menu {
flex: 1;
justify-content: space-between;
position: static;
}
.navbar_nav-menu:hover {
color: #757575;
}
.navbar_content-wrapper {
background-color: var(--background-color--background-light);
align-items: center;
height: 4.125rem;
display: flex;
position: relative;
}
.navbar_content-wrapper:where(.w-variant-0d69f6e9-da1e-e46e-c3bf-355479ce88da), .navbar_content-wrapper.is--dark {
background-color: var(--background-color--background-dark);
}
.navbar_dropdown-list-link-icon {
display: flex;
}
.navbar_dropdown-image {
aspect-ratio: 3 / 2;
text-align: left;
object-fit: contain;
border-radius: 0;
display: block;
}
.navbar_dropdown {
line-height: 1.2;
position: relative;
}
.text-navbar-body {
color: #293234;
font-size: .875rem;
font-weight: 400;
line-height: 1.5;
}
.navbar_menu-inner-wrapper {
flex-flow: row;
flex: 1;
justify-content: flex-start;
align-items: center;
display: flex;
}
.nav_button {
letter-spacing: .04em;
text-transform: uppercase;
background-color: #080808;
border-radius: .375rem;
padding: .75rem 1rem;
font-size: .875rem;
font-weight: 600;
transition: all .3s;
}
.nav_button:hover {
background-color: #080e45;
}
.navbar_dropdown-toggle {
grid-column-gap: .5rem;
grid-row-gap: .5rem;
color: #000001;
align-items: center;
padding: .5rem 0 .5rem .5rem;
display: flex;
}
.navbar_dropdown-toggle.navbar-small.w--open {
position: relative;
}
.navbar_dropdown-icon {
color: var(--text-color--text-light);
margin: 0;
position: static;
}
.navbar_dropdown-icon:where(.w-variant-0d69f6e9-da1e-e46e-c3bf-355479ce88da) {
color: var(--base-color-neutral--white);
}
.navbar_dropdown-icon.is--light {
color: var(--text-color--text-dark);
}
.dropdown_link-wrapper {
grid-column-gap: .5rem;
grid-row-gap: .5rem;
justify-content: flex-start;
align-items: center;
display: flex;
}
.navbar_dropdown-list-all {
grid-column-gap: 25px;
grid-row-gap: 25px;
color: #000001;
flex-flow: column;
justify-content: flex-start;
align-items: flex-start;
margin-top: 0;
display: flex;
}
.excerpt-blog-styler {
background-color: var(--background-color--background-grey);
border-radius: 20px;
padding: 2rem;
position: relative;
}
.excerpt-blog-styler.auhtor-box {
padding: 4rem 3rem 3rem;
}
.excerpt-blog-container {
grid-column-gap: 0px;
grid-row-gap: 0px;
flex-flow: column;
justify-content: center;
align-items: flex-start;
padding-top: 4rem;
padding-bottom: 0;
display: flex;
}
.blog3_item-meta-seperator-5 {
background-color: #ffffff14;
align-self: stretch;
width: 1px;
margin-left: .75rem;
margin-right: .75rem;
}
.blog3_item-meta-seperator-5.border-light {
background-color: #3631311f;
}
.classic-link {
font-weight: 400;
}
.classic-link:where(.w-variant-0d69f6e9-da1e-e46e-c3bf-355479ce88da) {
border-bottom: 1px solid var(--text-color--text-dark);
color: var(--text-color--text-dark);
-webkit-text-decoration-color: var(--text-color--text-dark);
text-decoration-color: var(--text-color--text-dark);
}
.classic-link.is--light {
color: var(--text-color--text-dark);
text-decoration: underline;
}
.classic-link.underlined {
border-bottom: 1px solid #000;
}
.classic-link.underlined:where(.w-variant-0d69f6e9-da1e-e46e-c3bf-355479ce88da) {
border-bottom-color: var(--text-color--text-dark);
}
.code-embed-9, .toc-custom-code {
display: none;
}
.rich-text-blog {
text-align: left;
padding-right: 4rem;
}
.rich-text-blog h1 {
padding-top: 0;
padding-bottom: 1em;
font-size: 3rem;
}
.rich-text-blog h2 {
padding-top: 2em;
padding-bottom: 1em;
font-size: 2.5rem;
}
.rich-text-blog h3 {
padding-top: 1.5em;
padding-bottom: .5em;
font-size: 2rem;
}
.rich-text-blog h4 {
padding-top: 1.5em;
padding-bottom: .5em;
font-size: 1.5rem;
}
.rich-text-blog h5, .rich-text-blog h6 {
padding-top: 1.5em;
padding-bottom: .5em;
}
.rich-text-blog p {
text-align: justify;
}
.rich-text-blog ol {
margin-left: .5rem;
padding-left: 2rem;
}
.rich-text-blog a {
color: var(--text-color--text-light);
font-weight: 400;
text-decoration: underline;
}
.rich-text-blog.author-information {
padding-left: 0;
padding-right: 4rem;
}
.rich-text-blog.case-studies {
padding-right: 0;
}
.image-11 {
display: none;
}
.blog-template_author-wrapper {
border-bottom: 1px solid #36313124;
flex-flow: column;
justify-content: space-between;
align-items: center;
margin-bottom: 1rem;
padding-bottom: 1rem;
display: flex;
position: static;
top: 150px;
}
.blog-template_author-box {
flex-flow: column;
justify-content: space-between;
align-items: center;
padding-top: .5rem;
display: flex;
}
.image-12 {
object-fit: cover;
border-radius: 4rem;
width: 3rem;
height: 3rem;
}
.text-block-17 {
color: var(--text-color--text-light);
font-size: .7rem;
}
.heading-15, .heading-16 {
padding-top: .5rem;
padding-bottom: .5rem;
}
.blog-template_author-name-socials {
grid-column-gap: .5rem;
grid-row-gap: .5rem;
justify-content: center;
align-items: center;
display: flex;
}
.text-block-18 {
color: var(--text-color--text-light);
font-size: .8rem;
font-weight: 700;
display: flex;
}
.code-embed-socials-2 {
grid-column-gap: 18px;
grid-row-gap: 18px;
color: #fff;
text-align: left;
-webkit-text-stroke-color: #171417;
flex-flow: column;
justify-content: center;
align-items: center;
width: 1.5rem;
height: 1.5rem;
padding-bottom: 0;
display: block;
}
.text-block-19 {
background-color: var(--base-color-neutral--white);
color: var(--text-color--text-light);
letter-spacing: .08rem;
text-transform: capitalize;
border-radius: 8rem;
padding: 1rem 2rem;
font-size: 1rem;
font-weight: 700;
position: absolute;
top: -2rem;
left: -19.0078px;
}
.blog3_item-meta-seperator-6 {
background-color: #ffffff14;
align-self: stretch;
width: 1px;
margin-left: .75rem;
margin-right: .75rem;
}
.blog3_item-meta-seperator-6.border-light {
background-color: #3631311f;
display: block;
}
.blog3_item-meta-seperator-6.border-light.hidden {
display: none;
}
.text-block-20 {
color: var(--text-color--text-light);
font-size: .8rem;
}
.text-block-21 {
font-size: .8rem;
}
.link-6 {
font-size: .8rem;
display: none;
}
.blog-post-toc-element {
position: static;
top: 390px;
overflow: visible;
}
.author-avatar {
object-fit: cover;
border-radius: 50%;
width: 6rem;
height: 6rem;
overflow: clip;
}
.sticky-styler {
align-self: auto;
position: static;
top: 8rem;
overflow: visible;
}
.div-block-23 {
grid-column-gap: 20px;
grid-row-gap: 20px;
flex-flow: column;
justify-content: center;
align-items: center;
margin-top: 4rem;
display: flex;
}
.collection-item-5 {
justify-content: flex-start;
align-items: center;
max-width: 100px;
max-height: 50px;
display: flex;
}
.collection-list-2 {
grid-column-gap: 14px;
grid-row-gap: 14px;
justify-content: flex-start;
align-items: center;
display: flex;
}
.collection-list-wrapper-3 {
justify-content: center;
align-items: center;
display: flex;
}
.paragraph-6 {
font-weight: 400;
}
.image-14 {
box-sizing: border-box;
aspect-ratio: auto;
object-fit: contain;
width: 100%;
height: 100%;
max-height: 100%;
overflow: visible;
}
.link-7 {
color: #767478;
}
.heading-17 {
padding-bottom: .5rem;
}
.code-embed-10 {
display: none;
}
.image-15 {
width: 600px;
}
.excerpt-blog-styler-2 {
background-color: #eee;
border-radius: 20px;
padding: 2rem;
position: relative;
}
.container-large-3 {
width: 100%;
max-width: 92.8rem;
margin-left: auto;
margin-right: auto;
}
.text-block-22 {
max-width: 100%;
font-size: 1.25rem;
}
.breadcrumb-text-link-3.is--grey {
color: #aaa;
}
.heading-18 {
padding-bottom: 1rem;
font-size: 2.3rem;
}
.text-block-23 {
color: #363131;
font-size: .7rem;
}
.blog3_item-meta-seperator-7 {
background-color: #ffffff14;
align-self: stretch;
width: 1px;
margin-left: .75rem;
margin-right: .75rem;
}
.blog3_item-meta-seperator-7.border-light {
background-color: #3631311f;
}
.image-16 {
display: none;
}
.image-17 {
border-radius: 20px;
}
.heading-19 {
padding-bottom: .5rem;
}
.toc-h3-4 {
color: #666;
padding-left: .5rem;
font-size: .8rem;
}
.image-18 {
object-fit: cover;
border-radius: 4rem;
width: 3rem;
height: 3rem;
}
.blog3_item-meta-seperator-8 {
background-color: #ffffff14;
align-self: stretch;
width: 1px;
margin-left: .75rem;
margin-right: .75rem;
}
.blog3_item-meta-seperator-8.border-light {
background-color: #3631311f;
}
.hero_breadcrumb-links-2 {
color: #666;
text-decoration: none;
}
.heading-20 {
padding-bottom: .5rem;
}
.text-size-large-2 {
letter-spacing: -.0125rem;
flex: 0 auto;
font-size: 1.25rem;
line-height: 1.4;
}
.text-size-large-2.blog-excerpt {
text-align: justify;
}
.collection-item-6 {
padding: 1rem;
}
.navbar_image-styler {
aspect-ratio: 1;
object-fit: fill;
background-image: url('/images/background-image.svg');
background-position: 50%;
background-size: cover;
border-radius: 20px;
flex-flow: column-reverse;
justify-content: flex-start;
align-items: flex-start;
width: 100%;
display: flex;
position: relative;
}
.navbar_image-styler.hidden {
display: none;
}
.navbar_blog-image {
border-radius: 20px;
}
.navbar_blog-image.hidden, .navbar_blog-image.hidden:where(.w-variant-0d69f6e9-da1e-e46e-c3bf-355479ce88da) {
display: block;
}
.code-embed-11 {
justify-content: center;
align-items: center;
width: 1rem;
display: flex;
}
.main-wrapper-new, .main-wrapper-new.blog-page, .main-wrapper-new.test200 {
padding-top: 0;
}
.collection-item-7 {
justify-content: center;
align-items: center;
display: flex;
}
.related-articles_author-wrapper {
grid-column-gap: 0px;
grid-row-gap: 0px;
display: flex;
}
.related-articles_author-image {
grid-column-gap: 6px;
grid-row-gap: 6px;
justify-content: center;
align-items: center;
display: flex;
}
.related-author-image {
border-radius: 200px;
width: 2rem;
}
.date-tag {
font-size: .8rem;
}
.related-reading_header-link-block.hidden {
display: none;
}
.link-block-2 {
flex-flow: column;
display: block;
overflow: visible;
}
.related-reading_image-link-block {
padding: .5rem;
display: block;
}
.text-block-25.text-color-secondary {
font-size: .8rem;
}
.link-block-3 {
padding: 20px;
}
.link-block_nav-bar {
padding: .5rem;
display: block;
}
.author-information.style-box {
padding-left: 0;
padding-right: 0;
}
.author-information_rich-text {
text-align: justify;
}
.autoren-info-box {
grid-column-gap: 4em;
grid-row-gap: 4em;
margin-left: 1rem;
margin-right: 4rem;
padding-bottom: 3rem;
display: flex;
}
.author-image {
border-radius: 6rem;
width: 500px;
}
.heading-styler-author-box {
padding-bottom: 4rem;
}
.author-box-role {
padding-top: 1rem;
padding-bottom: 1rem;
padding-left: 1.5rem;
}
.heading2_author-profile {
font-size: 3.5rem;
}
.heading-21:where(.w-variant-5baf9136-f5d9-db5f-c58a-22f6b700f3a6), .code-embed-12:where(.w-variant-5baf9136-f5d9-db5f-c58a-22f6b700f3a6) {
color: var(--text-color--text-light);
}
.leistungspage-image {
width: 80px;
}
.padding-custom4 {
padding-top: 6rem;
padding-bottom: 6rem;
}
.code-icon-leistungspage {
width: 150px;
max-width: 300px;
color: var(--text-color--text-light);
flex-flow: column;
justify-content: center;
align-items: center;
display: block;
}
.grid-item-icon {
text-align: left;
justify-content: center;
align-items: center;
padding-top: 4rem;
padding-bottom: 4rem;
display: flex;
}
.image_rounded {
border-radius: 20px;
width: auto;
}
.contact-icon-wrapper {
grid-column-gap: 4rem;
grid-row-gap: 4rem;
justify-content: flex-start;
align-items: center;
display: flex;
}
.contact-icon {
grid-column-gap: 1rem;
grid-row-gap: 1rem;
flex-flow: column;
display: flex;
}
.contact-icon-embedd {
width: 100px;
}
.trust-headline {
position: relative;
top: -11px;
}
.trust-avatar {
position: static;
top: -198px;
left: -37px;
}
.trust-avatar-image {
opacity: 1;
border-radius: 150px;
width: 100px;
position: relative;
top: -108px;
left: 54px;
}
.contact-form-component {
grid-column-gap: 10px;
grid-row-gap: 10px;
border-right: 2px solid var(--border-color--border-dark);
flex-flow: column;
padding-right: 4rem;
display: flex;
}
.code-embed-14 {
opacity: 1;
width: 150px;
position: relative;
top: 5px;
}
.contact-form-component-right {
grid-column-gap: 2rem;
grid-row-gap: 2rem;
flex-flow: column;
align-items: stretch;
width: 100%;
max-width: 380px;
display: flex;
}
.trust-contact-bar {
grid-column-gap: 16px;
grid-row-gap: 16px;
justify-content: flex-start;
align-items: center;
padding-bottom: 1rem;
display: flex;
}
.text-span-6 {
color: var(--text-color--text-accent);
}
.trust-box-avatar-wrapper {
grid-column-gap: 13px;
grid-row-gap: 13px;
padding-top: 2rem;
display: flex;
}
.avatar-wrapper {
justify-content: center;
align-items: center;
width: 80px;
height: 80px;
display: flex;
position: relative;
}
.avatar-name-wrapper {
grid-column-gap: 0rem;
grid-row-gap: 0rem;
flex-flow: column;
justify-content: center;
align-items: flex-start;
display: flex;
}
.avatar-image {
border: 2px solid var(--link-color--link-light-subtle);
border-radius: 50%;
width: auto;
}
.avatar-image:lang(en) {
height: auto;
}
.online-badge {
background-color: #44cf7d;
border-radius: 50%;
width: 12px;
height: 12px;
position: absolute;
top: 66.5017px;
left: 60.0017px;
right: -4.99653px;
box-shadow: 0 0 20px #44cf7d;
}
.avatar-title {
color: var(--text-color--text-dark-subtle);
font-size: .8rem;
}
.avatar-title.text-color-secondary.text-size-small {
justify-content: center;
align-items: center;
}
.avatar-title.text-color-secondary.text-size-tiny {
border-right: 1px solid var(--border-color--border-dark);
padding-right: .5rem;
}
.avatar-title-wrapper {
grid-column-gap: 10px;
grid-row-gap: 10px;
justify-content: center;
align-items: center;
display: flex;
}
.avatar-answer-time {
color: var(--text-color--text-dark-subtle);
font-size: .8rem;
}
.cta-cards-wrapper {
grid-column-gap: 20px;
grid-row-gap: 20px;
flex-flow: column;
display: flex;
}
.card-wrapper {
grid-column-gap: 16px;
grid-row-gap: 16px;
border: 2px solid var(--border-color--border-dark);
background-color: var(--background-color--background-dark);
opacity: 1;
backface-visibility: hidden;
cursor: pointer;
border-radius: 12px;
flex: 0 auto;
justify-content: flex-start;
align-items: center;
padding-top: 18px;
padding-bottom: 20px;
padding-left: 2rem;
display: flex;
position: relative;
overflow: hidden;
transform: translate(0);
}
.card-wrapper.hidden {
display: none;
}
.cta-icon-box {
border: 1px solid var(--border-color--border-light);
opacity: 1;
background-color: #ffffff0d;
border-radius: 10px;
flex: none;
justify-content: center;
align-items: center;
width: 60px;
height: 60px;
display: flex;
}
.cta-card-text {
grid-column-gap: 2px;
grid-row-gap: 2px;
flex-flow: column;
flex: none;
display: flex;
}
.arrow-icon {
width: 15px;
height: 15px;
margin-top: auto;
margin-bottom: auto;
margin-right: 2rem;
position: absolute;
inset: 0% 0% 0% auto;
}
.cta-icon-code-embedd {
width: 30px;
color: var(--base-color-brand--hurra-red);
justify-content: center;
align-items: center;
display: flex;
}
.chevron-icon-embedd {
opacity: 0;
color: var(--text-color--text-accent);
display: flex;
}
.modal {
z-index: 999;
opacity: 1;
mix-blend-mode: normal;
flex-flow: column;
justify-content: center;
align-items: center;
width: 100vw;
height: 100vh;
display: none;
position: fixed;
inset: 0%;
}
.modal-bg {
background-color: var(--background-color--background-light);
opacity: .15;
width: 100%;
height: 100%;
display: flex;
}
.modal-container {
background-color: var(--background-color--background-light);
border-radius: 20px;
width: 100%;
max-width: 80rem;
padding: 4rem;
display: flex;
position: absolute;
box-shadow: 0 2px 5px #0003;
}
.link-block-modal {
color: var(--link-color--link-light);
text-decoration: none;
position: absolute;
inset: 2rem 2rem auto auto;
}
.modal-wrapper {
grid-column-gap: 1.5rem;
grid-row-gap: 1.5rem;
flex-flow: column;
display: flex;
}
.avatar-divider {
color: var(--border-color--border-dark);
}
.image-grid {
grid-template-rows: auto;
}
.margin-custom4 {
padding-top: 2rem;
}
.text-span-7 {
color: var(--text-color--text-dark-subtle);
}
.header-image_root {
aspect-ratio: 16 / 9;
background-image: url('../images/hurra_blog_marketing_1200x675.avif');
background-position: 0 0;
background-size: cover;
border-radius: 20px;
flex-flow: column;
width: 100%;
padding-top: 0;
display: flex;
position: relative;
overflow: hidden;
box-shadow: 0 10px 10px #0003;
}
.header-image_root.light-mode {
border: 1px solid var(--background-color--background-grey);
background-image: url('/images/background-image.svg');
background-position: 0 0;
background-size: cover;
flex-flow: column-reverse;
height: auto;
}
.header-image_root.dark-mode {
object-fit: fill;
background-image: none;
height: 300px;
}
.bg-image {
object-fit: cover;
position: absolute;
}
.header-image {
z-index: 1;
object-fit: cover;
width: 100%;
height: 100%;
position: absolute;
}
.header-image_content-wrapper {
grid-column-gap: 16px;
grid-row-gap: 16px;
grid-template-rows: auto auto;
grid-template-columns: 1fr 1fr;
grid-auto-columns: 1fr;
justify-content: flex-start;
align-items: flex-start;
padding-bottom: 1.5rem;
padding-left: .5rem;
font-size: 2rem;
display: flex;
position: static;
inset: 0;
}
.header-image_tag-line {
font-family: var(--font-family--font-primary);
font-size: 2.5rem;
font-weight: 700;
line-height: 1.1;
display: block;
}
.header-image_tag-line.dark-mode {
color: var(--base-color-brand--dark);
font-size: 2rem;
line-height: 1.2;
}
.header-image_content-wrapper_dark-mode {
padding-left: 32px;
padding-right: 32px;
display: block;
position: absolute;
top: 165px;
overflow: hidden;
}
.header-image_spacer {
padding: 2rem 0 0;
}
.blog-overview_header-wrapper {
grid-column-gap: 20px;
grid-row-gap: 20px;
flex-flow: column;
justify-content: flex-start;
align-items: flex-start;
padding-left: 20px;
padding-right: 20px;
font-size: 0;
display: flex;
position: static;
inset: auto auto 1rem 0%;
}
.blog-overview_header-wrapper.feature-image {
grid-column-gap: 10px;
grid-row-gap: 10px;
}
.blog-overview_header-wrapper.hidden {
display: none;
}
.overlay-div {
background-color: var(--base-color-neutral--white);
opacity: .1;
width: 100%;
height: 100%;
position: static;
inset: 0% 100% 100% 0%;
}
.icon-embed-xxsmall-2 {
color: #fff;
background-color: #0000;
flex-direction: column;
justify-content: center;
align-items: center;
width: 1.25rem;
height: 1.25rem;
display: flex;
}
.icon-embed-xxsmall-2.is--dark {
color: #767478;
font-size: .8rem;
}
.button-2 {
color: #fff;
text-align: center;
background-color: #000;
border: 1px solid #000;
padding: .75rem 1.5rem;
text-decoration: none;
}
.button-2.is-link {
color: #fff;
background-color: #0000;
border-style: none none solid;
border-bottom-color: #ffffff14;
padding: 0 0 .5rem;
line-height: 1;
text-decoration: none;
}
.button-2.is-link.is-icon {
grid-column-gap: .5rem;
grid-row-gap: .5rem;
border-bottom-color: #ffffff14;
justify-content: center;
align-items: center;
display: flex;
}
.navbar_image-header {
padding-left: 20px;
padding-right: 20px;
position: absolute;
inset: auto .2rem 1rem 0;
}
.header-image_wrapper-styler {
flex-flow: row;
height: 100px;
display: flex;
position: relative;
}
.header-image_wrapper-styler.insider-template {
grid-column-gap: 30px;
grid-row-gap: 30px;
flex-flow: column;
justify-content: flex-start;
align-items: flex-start;
height: 200px;
padding-left: .5rem;
padding-right: .5rem;
}
.heading-22 {
-webkit-hyphens: auto;
hyphens: auto;
}
.header-image_category-pill {
border: 1px solid var(--text-color--text-light);
border-radius: 100px;
justify-content: center;
align-items: center;
width: auto;
padding: 8px 16px;
display: flex;
}
.header-image_category-pill.light-mode {
background-color: var(--base-color-brand--dark);
padding-top: 4px;
padding-bottom: 4px;
display: block;
}
.header-image_category-pill.dark-mode {
border-color: var(--base-color-neutral--neutral-lighter);
background-color: var(--background-color--background-dark);
color: var(--text-color--text-dark);
padding-top: 4px;
padding-bottom: 4px;
}
.header-image_category-pill.red-mode {
border-color: var(--base-color-neutral--neutral-lighter);
background-color: var(--base-color-brand--hurra-red);
padding-top: 4px;
padding-bottom: 4px;
}
.heading-styler-blog-overview {
padding-left: .5rem;
padding-right: .5rem;
}
.heading-styler-blog-overview.feature-image {
padding-left: 0;
padding-right: 0;
}
.header-image_category-pill-2 {
border: 1px solid #363131;
border-radius: 100px;
justify-content: center;
align-items: center;
width: auto;
padding: 8px 16px;
display: flex;
}
.header-image_category-pill-2.light-mode {
background-color: var(--background-color--background-dark);
padding-top: 4px;
padding-bottom: 4px;
display: block;
}
.text-size-small-2 {
letter-spacing: -.00875rem;
justify-content: center;
align-items: center;
padding-bottom: .5rem;
font-size: .875rem;
line-height: 1.4;
display: flex;
}
.text-size-small-2.category-pill.light-mode {
opacity: .85;
color: var(--text-color--text-dark);
padding-bottom: 0;
font-size: 1rem;
}
.text-size-small-2.category-pill.light-mode._2 {
font-size: .8rem;
}
.text-size-small-2.category-pill.dark-mode.dark {
color: var(--text-color--text-light);
font-size: .8rem;
}
.text-size-small-2.category-pill.dark-mode {
opacity: .85;
color: var(--text-color--text-light);
padding-bottom: 0;
font-size: .5rem;
}
.text-size-small-2.category-pill.light-mode {
opacity: .85;
padding-bottom: 0;
font-size: .5rem;
}
.header-image_category-pill-3 {
border: 1px solid #363131;
border-radius: 100px;
justify-content: center;
align-items: center;
width: auto;
padding: 8px 16px;
display: flex;
}
.header-image_category-pill-3.dark-mode {
background-color: var(--background-color--background-light);
color: #fff;
border-color: #ccc;
padding-top: 4px;
padding-bottom: 4px;
}
.header-image_category-pill-4 {
border: 1px solid #363131;
border-radius: 100px;
justify-content: center;
align-items: center;
width: auto;
padding: 8px 16px;
display: flex;
}
.header-image_category-pill-4.red-mode {
background-color: #e4002b;
border-color: #ccc;
padding-top: 4px;
padding-bottom: 4px;
}
.header-image_category-pill-5 {
border: 1px solid #363131;
border-radius: 100px;
justify-content: center;
align-items: center;
width: auto;
padding: 8px 16px;
display: flex;
}
.header-image_category-pill-5.light-mode {
background-color: #fff;
padding-top: 4px;
padding-bottom: 4px;
display: block;
}
.header-image_category-pill-5.dark-mode {
color: #fff;
background-color: #171417;
border-color: #ccc;
padding-top: 4px;
padding-bottom: 4px;
}
.header-image_category-pill-5.red-mode {
background-color: #e4002b;
border-color: #ccc;
padding-top: 4px;
padding-bottom: 4px;
}
.menu-image_wrapper-styler {
justify-content: flex-start;
align-items: flex-start;
height: 90px;
display: flex;
}
.blog3_item-meta-seperator-9 {
color: #ffffff14;
background-color: #ffffff14;
border-left: 1px solid #aaa;
align-self: stretch;
width: 1px;
margin-left: .75rem;
margin-right: .75rem;
}
.tag-2 {
grid-column-gap: .5rem;
grid-row-gap: .5rem;
color: #767478;
border: 1px solid #ffffff14;
border-radius: 2.5rem;
justify-content: center;
align-items: center;
padding: .25rem .75rem;
font-size: 1rem;
font-weight: 400;
text-decoration: none;
display: inline-flex;
}
.tag-2.is-text {
color: #363131;
background-color: #0000;
border-style: none;
border-color: #0000;
padding: 0 .5rem 0 0;
font-size: .8rem;
display: inline-block;
}
.text-block-27.text-color-secondary {
font-size: .8rem;
}
.header-image_category-pill-6 {
border: 1px solid #363131;
border-radius: 100px;
justify-content: center;
align-items: center;
width: auto;
padding: 8px 16px;
display: flex;
}
.header-image_category-pill-6.light-mode {
background-color: var(--background-color--background-dark);
padding-top: 4px;
padding-bottom: 4px;
display: block;
}
.header-image_category-pill-6.dark-mode {
background-color: var(--background-color--background-light);
color: #fff;
border-color: #ccc;
padding-top: 4px;
padding-bottom: 4px;
}
.header-image_category-pill-6.red-mode {
background-color: #e4002b;
border-color: #ccc;
padding-top: 4px;
padding-bottom: 4px;
}
.blog3_item-meta-seperator-10 {
color: #ffffff14;
background-color: #ffffff14;
border-left: 1px solid #aaa;
align-self: stretch;
width: 1px;
margin-left: .75rem;
margin-right: .75rem;
}
.tag-3 {
grid-column-gap: .5rem;
grid-row-gap: .5rem;
color: #767478;
border: 1px solid #ffffff14;
border-radius: 2.5rem;
justify-content: center;
align-items: center;
padding: .25rem .75rem;
font-size: 1rem;
font-weight: 400;
text-decoration: none;
display: inline-flex;
}
.tag-3.is-text {
color: #363131;
background-color: #0000;
border-style: none;
border-color: #0000;
padding: 0 .5rem 0 0;
font-size: .8rem;
display: inline-block;
}
.text-block-28.text-color-secondary {
font-size: .8rem;
}
.header-image_category-pill-7 {
border: 1px solid #363131;
border-radius: 100px;
justify-content: center;
align-items: center;
width: auto;
padding: 8px 16px;
display: flex;
}
.header-image_category-pill-7.light-mode {
background-color: var(--background-color--background-dark);
padding-top: 4px;
padding-bottom: 4px;
display: block;
}
.header-image_category-pill-7.dark-mode {
color: #fff;
background-color: #171417;
border-color: #ccc;
padding-top: 4px;
padding-bottom: 4px;
}
.header-image_category-pill-7.red-mode {
background-color: #e4002b;
border-color: #ccc;
padding-top: 4px;
padding-bottom: 4px;
}
.insider_overview-list {
grid-column-gap: 2rem;
grid-row-gap: 7rem;
grid-template-rows: auto;
grid-template-columns: 1fr 1fr 1fr;
grid-auto-columns: 1fr;
display: grid;
}
.insider_overview-link {
flex-flow: column;
height: 100%;
display: flex;
}
.code-snippet-small-text {
display: none;
}
.hero_breadcrumb-styler {
margin-top: 2rem;
margin-bottom: 1rem;
padding-left: 0;
}
.breadcrumb_styler_2 {
padding-bottom: 2rem;
}
.form_name-styler {
grid-column-gap: 2rem;
grid-row-gap: 2rem;
display: flex;
}
.text-field {
background-color: #eee;
border: 1px solid #eee;
border-radius: 18px;
padding: 1.75rem 1.5rem;
}
.text-field-2, .text-field-3 {
background-color: #eee;
}
.textarea {
background-color: #eee;
border: 1px solid #eee;
border-radius: 18px;
min-height: 180px;
padding: 1rem 1.5rem;
}
.field-label, .field-label-2, .field-label-3, .field-label-4 {
display: none;
}
.checkbox-field.owa-consent {
margin: 0 1rem 0 0;
}
.padding-section-xsmall {
padding-top: 1rem;
padding-bottom: 1rem;
}
.link-8 {
color: var(--text-color--text-accent);
}
.form-block {
display: block;
}
.link-9 {
color: var(--text-color--text-accent);
}
@media screen and (min-width: 1440px) {
.hide {
display: none;
}
.container-large {
width: 100%;
margin: 40px;
}
.container-large.test {
text-align: left;
position: static;
}
.max-width-large {
max-width: 50rem;
}
.max-width-large.leistungspage {
max-width: 100rem;
}
.main-wrapper {
padding-top: 3rem;
}
.margin-top.margin-medium.div-image-button {
justify-content: flex-start;
align-items: center;
}
.margin-top.margin-xsmall {
justify-content: flex-start;
align-items: flex-start;
display: flex;
}
.padding-top.padding-xlarge.leistungspage {
padding-top: 10rem;
}
.text-size-medium.nav-bar-menu.is--light {
color: var(--text-color--text-dark);
}
.text-size-medium.nav-bar-menu.size-small {
font-size: .9rem;
}
.heading-style-h2 {
grid-column-gap: 0px;
grid-row-gap: 0px;
text-shadow: none;
vertical-align: baseline;
justify-content: flex-start;
align-items: flex-start;
margin-right: 0;
padding-bottom: 0;
padding-right: 0;
font-size: 4rem;
display: block;
}
.heading-style-h2.test {
text-align: center;
margin-left: auto;
margin-right: auto;
padding-bottom: 0;
padding-right: 0;
font-size: 3rem;
}
.heading-style-h2.test.main {
padding-bottom: 3rem;
}
.heading-style-h2.leistungspage {
padding-bottom: 2rem;
}
.heading-style-h2.mittig {
text-align: center;
}
.heading-style-h6.quote-box {
letter-spacing: .02rem;
font-size: .9rem;
}
.heading-style-h6.quote-box.is--small {
font-size: .7rem;
font-weight: 400;
}
.heading-style-h6.mittig {
text-align: center;
}
.icon-embed-medium.super-large {
width: 6rem;
height: 6rem;
}
.heading-style-h5.light-mode {
color: var(--text-color--text-light);
}
.text-size-tiny.leistungspage {
text-align: justify;
letter-spacing: .02rem;
}
.text-size-tiny.leistungspage.text-color-secondary {
opacity: .6;
color: var(--text-color--text-light);
text-align: center;
letter-spacing: .008rem;
-webkit-text-stroke-color: var(--text-color--text-light);
padding-bottom: 1em;
font-style: normal;
line-height: 1.4;
}
.button.is-link.is-icon {
justify-content: center;
align-items: center;
}
.button.is-link.is-icon.is-red {
margin-right: 0;
padding-right: 15px;
}
.heading-style-h4 {
text-shadow: none;
}
.heading-style-h4.text-weight-normal {
display: none;
}
.heading-style-h4.text-weight-normal.text-color-black {
display: block;
}
.heading-style-h4.text-weight-normal.text-color-black.hidden {
display: none;
}
.heading-style-h4.test {
text-shadow: none;
padding-bottom: 1rem;
}
.heading-style-h4.dark-mode {
font-size: 2.8rem;
}
.heading-style-h4.light-mode {
-webkit-hyphens: auto;
hyphens: auto;
font-size: 2.8rem;
}
.heading-style-h4.blog-overview.light-mode._3 {
font-size: 1.4rem;
}
.heading-style-h4.blog-overview.light-mode._3:lang(en) {
font-size: 1.1rem;
}
.heading-style-h4.blog-overview.dark-mode {
font-size: 1.4rem;
}
.heading-style-h4.blog-overview.dark-mode:where(.w-variant-0d69f6e9-da1e-e46e-c3bf-355479ce88da), .heading-style-h4.blog-overview.dark-mode:lang(en) {
font-size: 1.1rem;
}
.heading-style-h4.blog-overview.dark-mode.category-template {
font-size: 1.5rem;
}
.heading-style-h4.blog-overview.dark-mode.feature {
padding-left: .5rem;
font-size: 1.1rem;
}
.heading-style-h4.blog-overview.light-mode {
color: #363131;
font-size: 1.75rem;
}
.heading-style-h4.blog-overview.light-mode._2, .heading-style-h4.related-reading.light-mode, .heading-style-h4.related-reading.dark-mode {
font-size: 1.2rem;
}
.heading-style-h3 {
text-shadow: none;
}
.heading-style-h3.test {
padding-bottom: 0;
font-size: 2rem;
}
.heading-style-h3.leistungspage {
font-size: 2rem;
}
.button-group {
grid-column-gap: 1rem;
grid-row-gap: 1rem;
justify-content: flex-start;
align-items: center;
margin-top: 0;
}
.button-group.test {
justify-content: flex-start;
align-items: center;
margin-top: 0;
padding-right: 10rem;
display: block;
}
.icon-embed-xxsmall.is--dark {
grid-column-gap: 0px;
grid-row-gap: 0px;
color: var(--link-color--link-dark-subtle);
font-size: 1rem;
}
.text-size-small {
color: var(--text-color--text-dark);
justify-content: center;
align-items: center;
padding-bottom: 2rem;
display: flex;
}
.text-size-small.category-pill.light-mode, .text-size-small.category-pill.dark-mode {
font-size: .8rem;
}
.text-rich-text h2 {
font-size: 4rem;
}
.text-rich-text p {
text-align: justify;
}
.text-rich-text.text-color-secondary.leistungspage {
text-align: left;
}
.text-rich-text.text-color-primary {
text-align: left;
line-height: 1.8rem;
display: block;
}
.text-rich-text.text-color-primary.toc-blog-test {
margin-right: 0;
}
.text-size-large {
text-align: left;
text-shadow: none;
justify-content: center;
align-items: flex-start;
font-size: 1.25rem;
font-weight: 400;
display: block;
}
.text-size-large.text-color-secondary {
color: var(--text-color--text-dark-subtle);
font-size: 1.25rem;
}
.text-size-large.text-color-secondary.ber-uns {
color: var(--link-color--link-dark-subtle);
}
.text-size-large.text-color-secondary.is--white {
color: var(--text-color--text-dark);
}
.text-size-large.in-testimonial {
color: var(--text-color--text-dark-subtle);
}
.text-size-large.in-testimonial.is--white {
color: var(--link-color--link-dark);
}
.text-size-large.hero-section {
color: var(--link-color--link-dark);
flex-flow: column;
justify-content: center;
align-items: center;
display: flex;
}
.text-size-large.hero-section.xxl {
justify-content: center;
align-items: center;
font-size: 1.5rem;
}
.text-size-large.test {
text-align: justify;
}
.text-size-large.team-block {
color: var(--link-color--link-dark);
margin-bottom: auto;
}
.text-size-large.leistungspage.text-color-secondary {
text-shadow: none;
}
.text-size-large.faq {
color: var(--text-color--text-light);
}
.text-size-large.faq.is--white {
color: var(--text-color--text-dark);
}
.text-size-large.navbar-dropdown {
color: var(--text-color--text-light);
}
.text-size-large.navbar-dropdown:where(.w-variant-0d69f6e9-da1e-e46e-c3bf-355479ce88da), .text-size-large.navbar-dropdown.is--light {
color: var(--text-color--text-dark);
}
.padding-global {
padding-bottom: .5rem;
}
.padding-global.test-2 {
padding-top: 2rem;
}
.padding-global.leistungspage {
padding-top: 3rem;
padding-bottom: 3rem;
}
.padding-global.blog-template {
flex-flow: row;
justify-content: center;
align-items: flex-start;
display: block;
}
.padding-section-medium.padding-top-half {
padding-bottom: 1rem;
}
.padding-section-large.padding-half {
padding-top: 2rem;
}
.padding-section-large.test {
grid-column-gap: 0px;
grid-row-gap: 0px;
flex-flow: column;
justify-content: center;
align-items: stretch;
width: 1200px;
display: flex;
position: static;
}
.tag.is-text {
color: var(--text-color--text-light);
text-transform: none;
font-size: 1rem;
}
.text-size-xlarge {
text-shadow: none;
}
.text-size-xlarge.leistungspage {
text-align: center;
letter-spacing: -.06rem;
font-weight: 400;
line-height: 1.2;
}
.text-size-xxlarge.test {
text-align: justify;
}
.article {
background-color: #fff0;
}
.blog3_item {
padding: .5rem;
}
.blog3_image-wrapper {
aspect-ratio: 1;
display: block;
}
.blog3_image-wrapper.light-mode {
opacity: 1;
object-fit: cover;
background-image: url('/images/background-image.svg');
background-position: 50%;
background-repeat: repeat;
background-size: cover;
width: 100%;
box-shadow: 2px 10px 10px #0003;
}
.blog3_image-wrapper.old {
display: none;
}
.blog3_image {
display: block;
}
.blog3_item-meta {
grid-column-gap: 5px;
grid-row-gap: 5px;
justify-content: flex-start;
align-items: center;
padding-top: 1rem;
padding-left: 1rem;
font-size: 1.2rem;
}
.blog3_item-meta-seperator {
border-style: solid;
border-width: 0 0 0 1px;
border-color: var(--base-color-neutral--neutral-light);
}
.padding-section-huge.blog-categories {
padding-top: 0;
}
.logo2_wrapper.test {
width: 6rem;
height: 6rem;
padding: 1rem;
}
.logo2_wrapper.test.big-size {
width: 10rem;
padding: 0;
}
.logo1_wrapper.test {
width: 10rem;
height: 10rem;
}
.header49_content {
grid-column-gap: 2%;
grid-row-gap: 2%;
grid-template-columns: 1.25fr 1.25fr;
}
.header49_content-left {
display: flex;
}
.header49_content-right.has-border {
border-radius: 0;
}
.faq6_content.leistungspage {
grid-column-gap: 0rem;
grid-row-gap: 0rem;
text-align: center;
flex-flow: column;
grid-template-rows: auto;
grid-template-columns: .75fr;
grid-auto-columns: 1fr;
width: 100%;
max-width: 1000px;
margin-left: auto;
margin-right: auto;
padding-bottom: 10rem;
display: block;
}
.faq6_list-grid.leistungspage {
text-align: left;
max-width: 1200px;
margin-left: auto;
margin-right: auto;
}
.faq6_accordion.leistungspage, .faq6_question {
text-align: center;
}
.pricing10_component.leistungspage.test {
width: 1200px;
margin-left: auto;
margin-right: auto;
}
.pricing10_grid-list.test {
grid-template-columns: 1fr 1fr 1fr;
}
.pricing10_plan.is-highlight.test {
background-color: var(--background-color--background-dark-card);
background-image: url('../images/pricing-bg_1.avif');
background-position: 50% 100%;
background-repeat: no-repeat;
background-size: 100%;
}
.blog-post4-header_image {
border-radius: 20px;
}
.blog-post4-content_component {
grid-column-gap: 1%;
grid-template-columns: 27.975fr .25fr;
justify-content: stretch;
place-items: start stretch;
padding-bottom: 15rem;
}
.blog-post4-content_component.toc-test {
grid-column-gap: 5rem;
grid-row-gap: 5rem;
}
.blog-post4-content_component.toc-test.hide-temp {
grid-column-gap: 5rem;
grid-row-gap: 5rem;
grid-template-columns: 1fr 2.5fr;
max-width: 90rem;
}
.blog-post4-content_content {
width: 1000px;
margin-right: auto;
padding-left: 0;
padding-right: 0;
}
.blog-post4-content_newsletter {
top: 6rem;
}
.header131_background-video {
margin-bottom: -2.5%;
margin-left: 29.5%;
}
.heading-style-huge {
font-size: 8.56806rem;
}
.div-bg-video {
pointer-events: none;
}
.bg-video-remote {
z-index: -1;
}
.image-5 {
border-radius: 20px;
}
.text-span-2.is--black {
color: var(--link-color--link-dark-subtle);
}
.text-block-7 {
flex: 1;
}
.heading-6.leistungspage {
padding-bottom: 7rem;
}
.blog-hero-image-wrapper {
margin-right: 220px;
}
.autoren-box {
background-color: #eee;
border-radius: 20px;
padding: 20px;
}
.autoren-box-text {
margin-top: 25px;
}
.image-6 {
border-radius: 20px;
width: 300px;
}
.text-block-8 {
padding-bottom: 1rem;
padding-right: 120px;
}
.breadcrumb-blog {
margin-bottom: 0;
padding-top: 2vw;
padding-bottom: 2vw;
}
.breadcrumb-list {
grid-column-gap: .5rem;
grid-row-gap: .5rem;
flex-flow: wrap;
margin-top: 0;
margin-bottom: 0;
padding-top: 2vw;
padding-bottom: 2vw;
padding-left: 0;
list-style-type: none;
display: flex;
}
.breadcrumb-list-item {
grid-column-gap: .5rem;
grid-row-gap: .5rem;
color: var(--link-color--link-light-subtle);
justify-content: flex-start;
align-items: center;
margin-top: 0;
margin-bottom: 0;
padding-left: 0;
list-style-type: none;
display: flex;
}
.link-4 {
font-weight: 400;
}
.text-block-9 {
color: var(--base-color-brand--light);
text-transform: none;
word-break: normal;
font-style: normal;
font-weight: 400;
text-decoration: none;
}
.text-block-10 {
padding-bottom: 20px;
font-size: 1.5rem;
font-weight: 700;
}
.text-block-11 {
color: var(--base-color-neutral--neutral-dark);
}
.breadcrumb {
padding-top: 2rem;
}
.list {
margin-top: 0;
margin-bottom: 0;
padding-left: 0;
}
.breadcrumb-text-link {
color: var(--base-color-neutral--neutral-light);
}
.breadcrumb-text-link.is--white {
color: var(--base-color-neutral--neutral-lightest);
}
.padding-leistungs-page {
margin-right: 10%;
padding-top: 3rem;
padding-bottom: 3rem;
padding-left: 10%;
}
.image-7 {
width: 700px;
height: 300px;
margin-top: 2rem;
padding-top: 0;
}
.heading-7 {
font-size: 4rem;
}
.heading-8 {
margin-top: 2rem;
margin-bottom: 3rem;
font-size: 3.5rem;
}
.div-block-11 {
display: flex;
}
.leistungspage.text-size-xxlarge {
text-shadow: none;
padding-left: 0;
padding-right: 3rem;
}
.text-span-3 {
color: var(--text-color--text-light);
}
.code-embed-socials {
grid-column-gap: 0px;
grid-row-gap: 0px;
width: 1.5rem;
height: 1.5rem;
color: var(--base-color-neutral--neutral-lightest);
flex-flow: row;
flex: 0 auto;
display: flex;
}
.autoren-box-socials {
grid-column-gap: 20px;
grid-row-gap: 20px;
display: flex;
}
.post-content-test {
padding-left: 5%;
padding-right: 5%;
}
.post-content-wrapper-test {
grid-column-gap: 1.5rem;
grid-row-gap: 1.5rem;
grid-template-rows: auto auto auto;
grid-template-columns: 1fr 1fr;
grid-auto-columns: 1fr;
grid-auto-flow: column;
place-content: start;
place-items: start stretch;
display: grid;
}
.toc-blog-test {
position: sticky;
top: 150px;
}
.list-2 {
flex-flow: column;
max-height: 50vh;
padding-left: 0;
padding-right: 1.5rem;
list-style-type: none;
display: flex;
overflow: auto;
}
.list-item-2 {
grid-column-gap: 1rem;
grid-row-gap: 1rem;
justify-content: space-between;
align-items: center;
padding-top: .5rem;
padding-bottom: .5rem;
display: flex;
}
.h2-toc {
color: var(--base-color-neutral--neutral-darkest);
border-left: 2px solid #0000;
padding-left: .5rem;
font-size: 1.5rem;
transition: border-color .2s;
}
.h3-toc {
color: var(--base-color-neutral--neutral);
border-left: 2px solid #0000;
padding-left: 1.5rem;
font-size: 1.3rem;
transition: border-color .2s;
}
.h4-toc {
color: var(--base-color-neutral--neutral-light);
border-left: 2px solid #0000;
padding-left: 2rem;
transition: border-color .2s;
}
.rich-text-block {
padding-top: 6.2rem;
}
.code-embed-3 {
display: none;
}
.u-toc-current-link {
color: var(--base-color-brand--hurra-red);
-webkit-text-stroke-color: var(--base-color-brand--hurra-red);
word-break: normal;
border: 0 solid #e4002b;
border-radius: 0;
flex-flow: column;
font-size: 14px;
line-height: 20px;
display: none;
}
.toc-subitems {
max-height: 0;
color: var(--base-color-brand--black);
border-left: 1px solid #e4002b;
font-size: 14px;
line-height: 20px;
transition: max-height .3s;
overflow: hidden;
}
.blog-post_toc {
border-bottom: 1px solid #c7c7c7;
padding-bottom: 1.5rem;
position: sticky;
top: 130px;
}
.blog-post_toc.blog-template {
max-height: 80vh;
overflow: scroll;
}
.blog-post-toc-list {
flex-flow: column;
justify-content: flex-start;
align-items: stretch;
list-style-type: none;
display: flex;
}
.blog-post-toc-list.toc-blog-test {
max-height: 50vh;
margin-top: 0;
margin-bottom: 0;
padding-left: 0;
padding-right: 1.5rem;
overflow: auto;
}
.blog-post-toc-list.toc-blog-test.blog-template {
padding-left: 2rem;
top: 420px;
}
.list-item-3 {
grid-column-gap: 1rem;
grid-row-gap: 1rem;
justify-content: space-between;
align-items: center;
margin-top: 0;
display: flex;
}
.blog-post_toc-list-item {
justify-content: space-between;
align-items: center;
margin-top: 0;
margin-bottom: 0;
padding-top: .5rem;
padding-bottom: .5rem;
padding-left: 0;
display: flex;
}
.toc-h2 {
border: 0 solid #000;
padding-left: .5rem;
font-size: 1rem;
font-weight: 700;
transition: border .2s, color .2s;
display: block;
}
.toc-h3 {
color: var(--base-color-neutral--neutral);
border: 0 solid #000;
padding-left: 1.2rem;
font-size: .8rem;
transition: border-color .2s, color .2s;
display: block;
}
.toc-h4 {
color: var(--base-color-neutral--neutral-light);
border: 0 solid #0000;
border-radius: 0;
padding-left: 1.5rem;
font-size: .7rem;
font-weight: 400;
transition: border-color .2s, color .2s;
display: block;
}
.code-embed-4 {
justify-content: center;
align-items: stretch;
display: none;
}
.toc_open-group-icon {
cursor: pointer;
justify-content: center;
width: 1.5rem;
height: 1.5rem;
padding: .25rem .2rem .25rem .25rem;
transition: transform .3s;
display: flex;
}
.post-content-wrapper {
grid-column-gap: 6rem;
grid-row-gap: 6rem;
grid-template-rows: auto;
grid-template-columns: 1fr 2.5fr;
grid-auto-columns: 1fr;
align-items: start;
max-width: 100rem;
padding-bottom: 10rem;
display: grid;
}
.rich-text-block-2 {
margin-top: 0;
}
.code-embed-5, .toc-inhaltsverzeichnis {
display: none;
}
.text-block-12.size-small {
font-size: .9rem;
}
.text-block-13 {
line-height: 1.2;
}
.code-embed-6 {
display: none;
}
.toc-h3-2 {
color: #666;
border: 0 solid #000;
padding-left: 1.2rem;
font-size: .8rem;
transition: border-color .2s, color .2s;
display: block;
}
.breadcrumb-text-link-2 {
color: #aaa;
}
.u-toc-current-link-2 {
color: #e4002b;
-webkit-text-stroke-color: #e4002b;
word-break: normal;
border: 0 solid #e4002b;
border-radius: 0;
flex-flow: column;
font-size: 14px;
line-height: 20px;
display: none;
}
.breadcrumb-list-item-2 {
grid-column-gap: .5rem;
grid-row-gap: .5rem;
color: #4c4949cc;
justify-content: flex-start;
align-items: center;
margin-top: 0;
margin-bottom: 0;
padding-left: 0;
list-style-type: none;
display: flex;
}
.toc-h2-2 {
border: 0 solid #000;
padding-left: .5rem;
font-size: 1rem;
font-weight: 700;
transition: border .2s, color .2s;
display: block;
}
.toc-inhaltsverzeichnis-2 {
display: none;
}
.toc-subitems-2 {
color: #000000c9;
border-left: 1px solid #e4002b;
max-height: 0;
font-size: 14px;
line-height: 20px;
transition: max-height .3s;
overflow: hidden;
}
.text-span-5 {
background-image: url('../images/transparent-placeholder-2.png');
background-position: 0 0;
background-size: auto;
border-bottom: 0 dotted #e11717;
border-radius: 0;
}
.div-block-13 {
flex-flow: row;
display: flex;
}
.text-block-14 {
flex-flow: column;
justify-content: center;
align-items: center;
display: flex;
}
.hero-section-bullets {
flex-flow: row;
display: flex;
}
.hero-section-bullets.xxl {
grid-column-gap: 25px;
grid-row-gap: 25px;
border-bottom: 1px solid var(--base-color-neutral--neutral-lightest);
border-radius: 0;
}
.hero-section-bullets.xxl.test-2 {
grid-column-gap: 2.5rem;
grid-row-gap: 2.5rem;
text-shadow: none;
border-bottom-width: 0;
flex-flow: column;
padding-left: 0;
}
.image-8 {
text-align: left;
padding-bottom: 3rem;
display: block;
}
.div-block-14 {
justify-content: center;
align-items: center;
display: flex;
}
.div-block-15 {
max-width: 800px;
padding-bottom: 5rem;
}
.div-block-15.test-2 {
grid-column-gap: 40px;
grid-row-gap: 40px;
grid-template-rows: auto auto;
grid-template-columns: 1fr 1fr 1fr 1fr;
grid-auto-columns: 1fr;
place-items: start center;
max-width: 1600px;
display: grid;
}
.main-content-wrapper.test {
text-shadow: 0 1px 1px #0003;
background-color: #fff0;
justify-content: flex-start;
align-items: center;
width: 100%;
max-width: 1200px;
margin: auto;
padding: 2rem 3rem 100px;
display: block;
}
.main-content-wrapper.test.new-section {
max-width: 240000px;
}
.main-content.test {
grid-column-gap: 60px;
grid-row-gap: 60px;
background-color: #fff0;
flex-flow: column;
width: auto;
margin-left: auto;
margin-right: auto;
padding-top: 6rem;
display: flex;
}
.block-a.test {
text-align: center;
max-width: 1000px;
margin-left: auto;
margin-right: auto;
}
.block-a.test._2 {
max-width: 1400px;
}
.block-b.test {
grid-column-gap: 70px;
grid-row-gap: 70px;
grid-template-rows: auto auto;
grid-template-columns: 1fr 1fr;
grid-auto-columns: 1fr;
display: grid;
}
.grid-item-1 {
flex-flow: column;
display: flex;
}
.code-embed-7 {
width: auto;
margin-top: -6px;
}
.code-embed-7.hero {
margin-left: auto;
margin-right: auto;
}
.div-block-16 {
padding: 10rem 5rem 5rem;
}
.heading-9 {
justify-content: center;
align-items: flex-start;
display: flex;
}
.heading-9.small {
padding-bottom: 3rem;
font-size: 1rem;
}
.test.heading-leistung {
text-align: left;
font-size: 3rem;
}
.button-styler {
padding-top: 3rem;
}
.super-large-number {
font-family: var(--font-family--font-primary);
color: var(--text-color--text-accent);
overflow-wrap: normal;
font-size: 3rem;
font-weight: 700;
line-height: 1;
}
.timeline-block {
display: block;
}
.div-block-17 {
grid-column-gap: 30px;
grid-row-gap: 30px;
justify-content: center;
align-items: center;
display: flex;
}
.team-block-styler {
grid-column-gap: 0px;
grid-row-gap: 0px;
padding-bottom: 8rem;
padding-left: 5rem;
padding-right: 5rem;
display: block;
}
.team-block-collection-wrapper {
display: block;
}
.team-block-collection-list {
grid-column-gap: 0px;
grid-row-gap: 0px;
grid-template-rows: auto;
grid-template-columns: 1fr 1fr 1fr 1fr 1fr;
grid-auto-columns: 1fr;
justify-content: center;
place-items: stretch stretch;
display: flex;
}
.team-block-item {
grid-column-gap: 0px;
grid-row-gap: 0px;
flex-flow: column;
justify-content: center;
align-items: center;
display: flex;
}
.team-block-social-icons {
grid-column-gap: .5rem;
grid-row-gap: .5rem;
justify-content: center;
align-items: center;
padding-top: 1rem;
display: flex;
}
.team-block-position {
color: var(--text-color--text-dark-subtle);
text-align: center;
font-size: .8rem;
}
.team-block-image {
width: 100%;
max-width: 800px;
height: auto;
padding-bottom: 0;
position: absolute;
}
.team-block-image-wrapper {
aspect-ratio: 1;
border-radius: 10rem;
width: 100%;
height: 200px;
position: relative;
overflow: hidden;
}
.team-block-text-wrapper {
text-align: center;
padding-top: 1rem;
}
.team-block-heading {
text-align: center;
}
.div-block-18 {
margin-left: auto;
margin-right: auto;
}
.testimonials-leistungspage {
padding-top: 5em;
padding-bottom: 0;
}
.block-quote {
text-shadow: none;
border: 1px #000;
}
.block-quote.text-color-secondary.leistungspage {
font-size: 1rem;
font-style: italic;
}
.testimonials-leistungspage-inner {
grid-column-gap: 1em;
grid-row-gap: 1em;
justify-content: center;
align-items: center;
padding-top: 3em;
display: flex;
position: relative;
}
.testimonials-item {
grid-column-gap: 1.5em;
grid-row-gap: 1.5em;
max-width: 18em;
max-height: 30em;
text-shadow: none;
background-color: #e2e2e287;
border-radius: 1.5em;
flex-flow: column;
flex: none;
justify-content: flex-start;
align-items: stretch;
padding: 2em;
display: flex;
}
.testimonial-quote-wrapper {
grid-column-gap: 1em;
grid-row-gap: 1em;
justify-content: center;
align-items: center;
padding-top: 0;
display: flex;
position: static;
}
.testimonials-person-id {
grid-column-gap: .2em;
grid-row-gap: .2em;
flex-flow: column;
display: flex;
}
.testimonials-leistungspage-logo {
width: 8em;
overflow: visible;
}
.collection-item-3 {
grid-column-gap: 0px;
grid-row-gap: 0px;
flex-flow: row;
justify-content: center;
align-items: stretch;
height: 100%;
display: flex;
}
.testimonial-logo-wrapper {
background-color: #fff;
border-radius: 99px;
flex-flow: row;
width: 7em;
height: 6em;
padding: 1em;
}
.u-toc-current-link-3 {
color: #e4002b;
-webkit-text-stroke-color: #e4002b;
word-break: normal;
border: 0 solid #e4002b;
border-radius: 0;
flex-flow: column;
font-size: 14px;
line-height: 20px;
display: none;
}
.toc-h2-3 {
border: 0 solid #000;
padding-left: .5rem;
font-size: 1rem;
font-weight: 400;
text-decoration: none;
transition: border .2s, color .2s;
display: block;
}
.toc-h3-3 {
color: #666;
border: 0 solid #000;
padding-left: 1.2rem;
font-size: .8rem;
text-decoration: none;
transition: border-color .2s, color .2s;
display: block;
}
.code-embed-8 {
display: none;
}
.hero-section.blog-page {
justify-content: center;
align-items: center;
max-width: 100%;
padding-left: 10%;
padding-right: 10%;
display: flex;
}
.hero_grid-container {
grid-column-gap: 4rem;
grid-row-gap: 4rem;
place-items: start stretch;
max-width: 1200px;
}
.text-block-16 {
max-width: 100%;
}
.hero_datum-autor.test2 {
padding-top: 1rem;
padding-bottom: 0;
padding-left: 2rem;
}
.hero_content-right {
flex-flow: column;
justify-content: flex-start;
align-items: flex-start;
width: 100%;
display: flex;
}
.blog-post_content-wrapper2 {
max-width: 1200px;
}
.text-navbar-h2:where(.w-variant-0d69f6e9-da1e-e46e-c3bf-355479ce88da) {
font-size: .9rem;
}
.text-navbar-h2.is--light {
color: var(--text-color--text-dark);
}
.navbar_link-group {
grid-column-gap: 3rem;
grid-row-gap: 3rem;
}
.navbar_icon-svg:where(.w-variant-0d69f6e9-da1e-e46e-c3bf-355479ce88da), .navbar_icon-svg.is--light {
color: var(--text-color--text-dark);
}
.navbar_dropdown-list-container.navbar-small {
max-width: 22rem;
}
.navbar_dropdown-list-container.is--dark {
background-color: var(--background-color--background-dark);
text-align: center;
}
.navbar_dropdown-list-container.large {
width: 1000px;
overflow: visible;
}
.navbar_dropdown-list-container.large:where(.w-variant-0d69f6e9-da1e-e46e-c3bf-355479ce88da) {
width: 1000px;
}
.navbar_icon-svg-bottom.is--light {
color: var(--text-color--text-dark);
}
.navbar_dropdown-inner-list.is-bigger-gap {
margin-left: 0;
}
.navbar_dropdown-inner-list-item {
padding-left: 0;
}
.navbar_dropdown-list-content-wrapper {
background-color: var(--background-color--background-light);
overflow: visible;
}
.navbar_dropdown-list-content-wrapper:where(.w-variant-0d69f6e9-da1e-e46e-c3bf-355479ce88da), .navbar_dropdown-list-content-wrapper.is--dark {
background-color: var(--background-color--background-dark);
}
.navbar_brand-logo {
display: block;
}
.navbar_dropdown-image-wrapper {
border-radius: 0;
}
.container-large-2.is-nav {
max-width: 92.8rem;
}
.nav_component.new {
padding-left: 5%;
padding-right: 5%;
}
.nav_component.new.is--dark {
background-color: var(--background-color--background-dark);
}
.navbar_dropdown-list-column.cc-last-item {
padding-right: 1.5rem;
display: flex;
}
.navbar_dropdown-list-column.cc-last-item:where(.w-variant-0d69f6e9-da1e-e46e-c3bf-355479ce88da) {
display: block;
}
.navbar_dropdown-list-column.cc-last-item.is--dark {
background-color: var(--base-color-neutral--neutral-darker);
}
.navbar_content-wrapper.is--dark {
background-color: var(--background-color--background-dark);
-webkit-text-stroke-color: var(--base-color-neutral--black);
}
.navbar_dropdown-image {
border-radius: 0;
width: 20rem;
max-width: 100%;
height: 20rem;
}
.navbar_dropdown-toggle, .navbar_dropdown-toggle:hover, .navbar_dropdown-toggle:active, .navbar_dropdown-toggle:focus {
color: var(--text-color--text-dark);
}
.navbar_dropdown-icon {
color: var(--text-color--text-light);
}
.navbar_dropdown-icon:where(.w-variant-0d69f6e9-da1e-e46e-c3bf-355479ce88da) {
color: var(--text-color--text-dark);
}
.navbar_dropdown-icon.is--light {
opacity: 1;
color: var(--link-color--link-dark);
}
.navbar_dropdown-list-all {
justify-content: flex-start;
align-items: flex-start;
}
.excerpt-blog-container {
justify-content: flex-start;
align-items: flex-start;
padding-top: 5rem;
padding-bottom: 0;
}
.blog3_item-meta-seperator-5.border-light {
background-color: #36313124;
}
.classic-link {
border-bottom: 1px solid #000;
}
.classic-link:where(.w-variant-0d69f6e9-da1e-e46e-c3bf-355479ce88da) {
border-bottom-color: var(--text-color--text-dark);
}
.classic-link.is--light {
color: var(--text-color--text-dark);
}
.code-embed-9, .toc-custom-code {
display: none;
}
.rich-text-blog h1 {
margin-bottom: .5rem;
}
.rich-text-blog h2, .rich-text-blog h3 {
margin-top: 0;
}
.rich-text-blog h4, .rich-text-blog h5, .rich-text-blog h6 {
margin-top: .5rem;
}
.rich-text-blog p {
margin-bottom: 1.5rem;
line-height: 1.7;
}
.container-blog {
justify-content: center;
align-items: flex-start;
display: flex;
}
.blog-template_author-wrapper {
grid-column-gap: 1rem;
grid-row-gap: 1rem;
border-bottom: 1px solid #36313124;
justify-content: space-between;
align-items: center;
margin-bottom: 2rem;
padding-bottom: 1.5rem;
display: flex;
}
.image-12 {
width: 8rem;
height: auto;
}
.code-embed-socials-2 {
grid-column-gap: 0px;
grid-row-gap: 0px;
color: #eee;
flex-flow: row;
flex: 0 auto;
width: 1.5rem;
height: 1.5rem;
display: flex;
}
.blog3_item-meta-seperator-6.border-light {
background-color: #36313124;
}
.image-13 {
height: 2.5rem;
}
.blog-post-toc-element {
position: sticky;
top: 420px;
}
.sticky-styler {
top: 12rem;
}
.code-embed-10 {
display: none;
}
.container-large-3 {
width: 100%;
margin: 40px;
}
.text-block-22 {
max-width: 100%;
}
.breadcrumb-text-link-3 {
color: #aaa;
}
.breadcrumb-list-item-3 {
grid-column-gap: .5rem;
grid-row-gap: .5rem;
color: #4c4949cc;
justify-content: flex-start;
align-items: center;
margin-top: 0;
margin-bottom: 0;
padding-left: 0;
list-style-type: none;
display: flex;
}
.blog3_item-meta-seperator-7.border-light {
background-color: #36313124;
}
.toc-h3-4 {
color: #666;
border: 0 solid #000;
padding-left: 1.2rem;
font-size: .8rem;
text-decoration: none;
transition: border-color .2s, color .2s;
display: block;
}
.image-18 {
width: 8rem;
height: auto;
}
.text-size-large-2 {
color: #fff;
text-shadow: none;
justify-content: center;
align-items: flex-start;
font-size: 1.25rem;
font-weight: 400;
display: block;
}
.text-block-25 {
font-size: .8rem;
}
.text-block-25.text-color-secondary {
font-size: 1rem;
}
.arrow-icon {
display: flex;
}
.chevron-icon-embedd {
grid-column-gap: 0px;
grid-row-gap: 0px;
justify-content: center;
align-items: center;
display: block;
}
.modal {
display: none;
}
.modal-container {
border-radius: 20px;
display: flex;
box-shadow: 4px 2px 5px #0003;
}
.header-image_root.light-mode {
box-sizing: border-box;
aspect-ratio: 16 / 9;
border: 1px solid var(--background-color--background-grey);
object-fit: fill;
background-image: url('/images/background-image.svg');
background-position: 0 0;
background-size: cover;
width: 100%;
height: auto;
position: relative;
overflow: hidden;
}
.header-image_root.dark-mode {
background-image: url('/images/background-image.svg');
background-position: 0 0;
background-size: auto;
height: 380px;
}
.header-image_content-wrapper {
padding-left: .2rem;
top: 0;
}
.header-image_content-wrapper_dark-mode {
padding-left: 40px;
padding-right: 40px;
top: 210px;
}
.header-image_spacer {
flex-flow: column-reverse;
justify-content: flex-start;
width: 100%;
padding-top: 2rem;
display: flex;
position: relative;
}
.blog-overview_header-wrapper {
padding-left: 20px;
padding-right: 20px;
position: absolute;
inset: auto auto 1rem 0%;
}
.text-block-26 {
color: var(--text-color--text-light);
}
.icon-embed-xxsmall-2.is--dark {
color: #767478;
grid-column-gap: 0px;
grid-row-gap: 0px;
grid-column-gap: 0px;
grid-row-gap: 0px;
font-size: 1rem;
}
.button-2.is-link.is-icon {
justify-content: center;
align-items: center;
display: flex;
}
.header-image_wrapper-styler {
flex-flow: column;
}
.header-image_wrapper-styler.insider-template {
grid-column-gap: 30px;
grid-row-gap: 30px;
justify-content: flex-start;
align-items: flex-start;
height: 200px;
padding-left: .5rem;
padding-right: .5rem;
}
.header-image_category-pill.red-mode {
border-color: var(--base-color-neutral--neutral-lighter);
background-color: var(--base-color-brand--hurra-red);
padding-top: 4px;
padding-bottom: 4px;
}
.header-image_category-pill-2.light-mode {
flex-flow: column;
justify-content: flex-start;
align-items: flex-start;
display: block;
}
.text-size-small-2 {
color: #fff;
justify-content: center;
align-items: center;
padding-bottom: 2rem;
display: flex;
}
.text-size-small-2.category-pill.light-mode {
color: var(--text-color--text-light);
font-size: .8rem;
}
.text-size-small-2.category-pill.dark-mode {
font-size: .8rem;
}
.text-size-small-2.category-pill.light-mode {
color: var(--text-color--text-dark);
}
.header-image_category-pill-4.red-mode {
background-color: #e4002b;
border-color: #ccc;
padding-top: 4px;
padding-bottom: 4px;
}
.header-image_category-pill-5.light-mode {
background-color: var(--background-color--background-dark);
}
.header-image_category-pill-5.red-mode {
background-color: #e4002b;
border-color: #ccc;
padding-top: 4px;
padding-bottom: 4px;
}
.blog3_item-meta-seperator-9 {
border: 0 solid #aaa;
border-left-width: 1px;
}
.tag-2.is-text {
color: #363131;
text-transform: none;
font-size: 1rem;
}
.text-block-27 {
font-size: .8rem;
}
.text-block-27.text-color-secondary {
font-size: 1rem;
}
.header-image_category-pill-6.red-mode {
background-color: #e4002b;
border-color: #ccc;
padding-top: 4px;
padding-bottom: 4px;
}
.blog3_item-meta-seperator-10 {
border: 0 solid #aaa;
border-left-width: 1px;
}
.tag-3.is-text {
color: #363131;
text-transform: none;
font-size: .8rem;
}
.text-block-28, .text-block-28.text-color-secondary {
font-size: .8rem;
}
.header-image_category-pill-7.red-mode {
background-color: #e4002b;
border-color: #ccc;
padding-top: 4px;
padding-bottom: 4px;
}
.insider_overview-list {
grid-template-columns: 1fr 1fr 1fr 1fr;
}
}
@media screen and (max-width: 991px) {
h1 {
font-size: 3.25rem;
}
h2 {
font-size: 2.75rem;
}
h3 {
font-size: 2.25rem;
}
h4 {
font-size: 1.75rem;
}
.hide-tablet {
display: none;
}
.max-width-full-tablet {
width: 100%;
max-width: none;
}
.margin-large {
margin: 2.5rem;
}
.margin-xlarge {
margin: 3.5rem;
}
.margin-xxlarge {
margin: 4.5rem;
}
.margin-huge {
margin: 5rem;
}
.margin-xhuge {
margin: 6rem;
}
.margin-xxhuge {
margin: 7.5rem;
}
.padding-large {
padding: 2.5rem;
}
.padding-xlarge {
padding: 3.5rem;
}
.padding-xxlarge {
padding: 4.5rem;
}
.padding-huge {
padding: 5rem;
}
.padding-xhuge {
padding: 6rem;
}
.padding-xxhuge {
padding: 7.5rem;
}
.margin-top {
margin-bottom: 0;
margin-left: 0;
margin-right: 0;
}
.margin-bottom {
margin-top: 0;
margin-left: 0;
margin-right: 0;
}
.margin-left {
margin-top: 0;
margin-bottom: 0;
margin-right: 0;
}
.margin-right {
margin-top: 0;
margin-bottom: 0;
margin-left: 0;
}
.margin-vertical {
margin-left: 0;
margin-right: 0;
}
.margin-horizontal {
margin-top: 0;
margin-bottom: 0;
}
.padding-top {
padding-bottom: 0;
padding-left: 0;
padding-right: 0;
}
.padding-bottom {
padding-top: 0;
padding-left: 0;
padding-right: 0;
}
.padding-left {
padding-top: 0;
padding-bottom: 0;
padding-right: 0;
}
.padding-right {
padding-top: 0;
padding-bottom: 0;
padding-left: 0;
}
.padding-vertical {
padding-left: 0;
padding-right: 0;
}
.padding-horizontal {
padding-top: 0;
padding-bottom: 0;
}
.text-size-medium.nav-bar-menu {
font-size: 1.3rem;
}
.heading-style-h2 {
padding-bottom: 20px;
font-size: 2.75rem;
}
.heading-style-h2.test {
flex-flow: column;
display: block;
}
.rl-styleguide_item-row {
grid-template-columns: auto 1fr;
}
.rl-styleguide_icons-list {
grid-auto-flow: row;
}
.heading-style-h1 {
font-size: 3.25rem;
}
.button.is-link.is-icon.is-red {
margin-right: 50px;
}
.button.is-link.is-icon.is-red.navbar {
width: 100%;
margin-right: 0;
}
.heading-style-h4 {
font-size: 1.75rem;
}
.heading-style-h4.dark-mode {
font-size: 2rem;
}
.heading-style-h4.light-mode {
font-size: 2.2rem;
}
.heading-style-h4.blog-overview.light-mode._3, .heading-style-h4.blog-overview.dark-mode {
font-size: .9rem;
}
.heading-style-h4.blog-overview.dark-mode.category-template {
font-size: 1rem;
}
.heading-style-h4.blog-overview.light-mode {
font-size: 1.8rem;
}
.heading-style-h4.blog-overview.light-mode._2 {
font-size: 1.5rem;
}
.heading-style-h4.related-reading.light-mode, .heading-style-h4.related-reading.dark-mode {
font-size: 1.4rem;
}
.heading-style-h3 {
font-size: 2.25rem;
}
.text-rich-text p {
font-size: 1rem;
}
.text-rich-text.text-color-primary:lang(en) {
margin-right: 0;
}
.text-rich-text li {
font-size: 1rem;
}
.text-size-large, .text-size-large.in-testimonial {
font-size: 1.125rem;
}
.text-size-large.test {
text-align: justify;
padding-left: 2rem;
padding-right: 2rem;
}
.padding-section-medium {
padding-top: 4rem;
padding-bottom: 4rem;
}
.padding-section-medium.padding-top-half {
padding-top: 2rem;
}
.padding-section-large {
padding-top: 6rem;
padding-bottom: 6rem;
}
.padding-section-large.padding-bottom-medium {
padding-bottom: 4rem;
}
.padding-section-large.padding-top-xsmall:where(.w-variant-ad8b3711-0d12-1f95-15e1-f9ea2422d7af), .padding-section-large.padding-top-xsmall.square-4 {
padding-top: 2rem;
}
.padding-section-large.padding-top-medium {
padding-top: 4rem;
}
.padding-section-large.padding-top-half {
padding-top: 3rem;
}
.padding-section-large.padding-bottom-half {
padding-bottom: 3rem;
}
.padding-section-large.padding-half {
padding-top: 3rem;
padding-bottom: 3rem;
}
.padding-section-large.mobile {
padding-left: 1rem;
padding-right: 1rem;
}
.spacer-large {
padding-top: 2.5rem;
}
.spacer-xlarge {
padding-top: 3.5rem;
}
.spacer-xxlarge {
padding-top: 4.5rem;
}
.spacer-huge {
padding-top: 5rem;
}
.spacer-xhuge {
padding-top: 6rem;
}
.spacer-xxhuge {
padding-top: 7.5rem;
}
.rl-styleguide_component {
grid-row-gap: 4rem;
grid-template-columns: 1fr;
grid-auto-flow: row;
min-height: auto;
padding-top: 4rem;
}
.rl-styleguide_image {
height: 100%;
max-height: none;
}
.rl-styleguide_content {
max-width: none;
margin-left: 4rem;
margin-right: 4rem;
}
.rl-styleguide_image-wrapper {
height: 640px;
}
.text-size-xlarge.in-testimonial {
font-size: 1.25rem;
}
.footer5_newsletter-wrapper {
justify-content: flex-start;
margin-bottom: 4.5rem;
display: block;
}
.footer5_newsletter-text-wrapper {
margin-bottom: 1.5rem;
}
.footer5_form-block {
min-width: auto;
}
.footer5_top-wrapper {
grid-row-gap: 3rem;
grid-template-columns: 1fr 1fr;
}
.footer5_bottom-wrapper {
flex-direction: column-reverse;
justify-content: flex-start;
align-items: flex-start;
}
.text-size-xxlarge {
font-size: 1.5rem;
}
.text-size-xxlarge.test {
text-align: left;
}
.navbar4_container {
grid-template-columns: 1fr 1.5fr 2fr;
grid-auto-columns: 1fr;
}
.navbar4_menu {
z-index: 1;
background-color: var(--background-color--background-light);
-webkit-text-fill-color: inherit;
background-clip: border-box;
flex-direction: column;
justify-content: center;
margin-left: 0;
padding-left: 0%;
display: block;
}
.navbar4_menu-wrapper {
justify-content: flex-start;
align-items: center;
margin-top: 0;
padding-left: 2rem;
padding-right: 2rem;
font-size: 2rem;
}
.navbar4_link {
margin-top: 0;
margin-bottom: 0;
padding: .5rem 0;
font-size: 1.25rem;
position: static;
}
.navbar4_menu-dropdown {
flex-direction: column;
justify-content: center;
align-items: center;
display: block;
position: relative;
}
.navbar4_dropdown-toggle {
align-items: center;
width: 100%;
margin: 0;
padding: .75rem 2rem .75rem 0;
display: flex;
position: relative;
}
.dropdown-chevron {
inset: auto 0% auto auto;
}
.dropdown-chevron.is-navbar4 {
width: 1.25rem;
height: 1.25rem;
}
.navbar4_dropdown-list {
position: static;
overflow: hidden;
}
.navbar4_dropdown-list.w--open {
border-style: none;
padding: 0;
position: static;
}
.navbar4_dropdown-link {
margin-top: 0;
margin-bottom: 0;
padding-top: 1rem;
padding-bottom: 1rem;
padding-right: 0;
font-size: 20px;
}
.navbar4_menu-button {
margin-left: -.5rem;
padding: 0;
}
.navbar4_menu-button.w--open {
background-color: #0000;
}
.menu-icon4 {
flex-direction: column;
justify-content: center;
align-items: center;
width: 2.75rem;
height: 2.75rem;
margin-right: -.5rem;
padding-bottom: 0;
padding-right: 0;
display: flex;
position: relative;
}
.menu-icon4_wrapper {
flex-direction: column;
justify-content: flex-start;
align-items: center;
display: flex;
}
.menu-icon4_line-top {
background-color: var(--text-color--text-light);
width: 24px;
height: 2px;
padding-bottom: 0;
padding-right: 0;
}
.menu-icon4_line-middle {
background-color: var(--text-color--text-light);
justify-content: center;
align-items: center;
width: 24px;
height: 2px;
margin-top: 6px;
margin-bottom: 6px;
padding-bottom: 0;
padding-right: 0;
display: flex;
position: static;
}
.menu-icon4_line-middle-top {
z-index: 2;
width: 24px;
height: 2px;
padding-bottom: 0;
padding-right: 0;
position: absolute;
inset: 0;
}
.menu-icon4_line-middle-base {
background-color: var(--text-color--text-light);
justify-content: center;
align-items: center;
width: 24px;
height: 2px;
padding-bottom: 0;
padding-right: 0;
display: flex;
position: absolute;
}
.menu-icon4_line-bottom {
background-color: var(--text-color--text-light);
width: 24px;
height: 2px;
padding-bottom: 0;
padding-right: 0;
}
.navbar4_clock {
grid-column-gap: .5rem;
grid-row-gap: .5rem;
text-align: center;
}
.article-inner {
grid-column-gap: 2rem;
grid-row-gap: 2rem;
}
.blog3_list {
grid-row-gap: 5rem;
grid-template-columns: 1fr 1fr;
}
.blog3_image {
border-radius: 20px;
}
.filter-radio-button-field {
border-radius: var(--size--tiny);
padding: .25rem .5rem;
}
.filter-radio-button-label {
font-size: .875rem;
}
.header131_content-right {
padding-left: 1rem;
}
.section_heading-wrapper {
grid-column-gap: 3rem;
grid-row-gap: 3rem;
}
.section_heading-wrapper.is-2-cols {
grid-row-gap: 2.5rem;
margin-bottom: 3rem;
}
.event19_list {
grid-template-columns: 1fr 1fr;
}
.event19_item {
padding: 1.5rem;
}
.content22_content-wrapper {
display: block;
}
.header19_content {
grid-row-gap: 4rem;
grid-template-columns: 1fr;
grid-auto-flow: row;
min-height: auto;
}
.padding-section-huge {
padding-top: 0;
padding-bottom: 12rem;
}
.padding-section-huge.padding-bottom-medium {
padding-bottom: 4rem;
}
.padding-section-huge.padding-top-medium {
padding-top: 4rem;
}
.padding-section-huge.padding-bottom-half {
padding: 8rem 5% 4rem;
}
.padding-section-huge.padding-top-half {
padding-top: 6rem;
}
.padding-section-huge.padding-top-small {
padding-top: 3rem;
}
.padding-section-huge.mobile {
padding-top: 4rem;
padding-left: 1rem;
padding-right: 1rem;
}
.layout498_component {
padding-top: 0;
padding-bottom: 0;
}
.layout498_inner-wrapper {
padding-left: 1.5rem;
}
.layout498_tabs {
grid-column-gap: 3rem;
}
.layout498_tabs-content {
padding-right: 1.5rem;
}
.layout498_lightbox-image {
object-fit: cover;
width: 100%;
height: 100%;
}
.logo2_content {
grid-column-gap: 3rem;
}
.logo2_content-left {
max-width: 16rem;
}
.logo2_list {
grid-template-columns: 1fr 1fr 1fr;
}
.logo2_wrapper {
width: 6.60775rem;
height: 6.60775rem;
}
.cta48_card {
grid-column-gap: 3rem;
grid-row-gap: 2rem;
grid-template-columns: 1fr;
}
.cta48_card-content {
grid-template-columns: 1fr;
padding-bottom: 2.5rem;
padding-left: 1.5rem;
padding-right: 1.5rem;
}
.signup-form-wrapper {
grid-column-gap: 1rem;
}
.text-size-huge {
font-size: 2rem;
}
.logo1_list:where(.w-variant-3ecc0fc8-fe4e-81e3-31a5-5c2771996967) {
grid-template-columns: 1fr 1fr 1fr;
}
.logo1_wrapper {
width: 20rem;
height: 20rem;
}
.logo1_wrapper:where(.w-variant-3ecc0fc8-fe4e-81e3-31a5-5c2771996967) {
aspect-ratio: 1;
width: calc(100% - .8rem);
height: auto;
}
.logo1_image.in-grid {
max-width: 8rem;
max-height: 6rem;
}
.slider1_slider.swiper.swiper1 {
height: 30rem;
}
.slider1_slide {
min-height: 30rem;
padding-top: 5.5%;
padding-bottom: 5.5%;
padding-right: 5.5%;
}
.slider1_slide.swiper-slide {
flex-flow: column;
}
.slider1_inner {
grid-template-rows: auto auto;
grid-template-columns: 1fr;
grid-auto-flow: column;
}
.slider1_arrows {
width: 1.625rem;
}
.slider2_slider.swiper.swiper2 {
height: 45rem;
}
.slider2_slide {
min-height: 45rem;
}
.slider2_component {
padding-right: 0;
}
.slider2_image {
opacity: .7;
}
.slider2_bottom {
grid-template-columns: 1fr;
}
.slider2_bottom-left {
grid-column-gap: 1.5rem;
grid-row-gap: 1.5rem;
}
.padding-section-xlarge {
padding-top: 8rem;
padding-bottom: 8rem;
}
.padding-section-xlarge.padding-bottom-medium {
padding-bottom: 4rem;
}
.padding-section-xlarge.padding-top-medium {
padding-top: 4rem;
}
.slider3_content {
max-width: 80%;
padding: calc(3% - .625rem);
}
.slider3_quote-wrapper {
max-height: 25rem;
}
.padding-section-xhuge {
padding-top: 16rem;
padding-bottom: 16rem;
}
.padding-section-xhuge.padding-bottom-medium {
padding-bottom: 4rem;
}
.padding-section-xhuge.padding-top-medium {
padding-top: 4rem;
}
.padding-section-xhuge.padding-bottom-half {
padding-bottom: 6rem;
}
.padding-section-xhuge.padding-top-half {
padding-top: 6rem;
}
.slider4_component {
grid-column-gap: 1.5rem;
grid-row-gap: 1.5rem;
}
.slider4_expand-trigger {
width: 3.5rem;
height: 3.5rem;
}
.navbar1_menu {
border-bottom: 1px solid var(--border-color--border-dark);
background-color: var(--base-color-neutral--white);
-webkit-text-fill-color: inherit;
background-clip: border-box;
padding: 1rem 5% 2rem;
position: absolute;
overflow: auto;
}
.navbar1_link {
width: auto;
padding: .75rem 0;
font-size: 1.125rem;
}
.navbar1_menu-dropdown {
width: 100%;
font-size: 1.125rem;
}
.navbar1_dropdown-toggle {
align-items: center;
padding-top: .75rem;
padding-bottom: .75rem;
padding-left: 0;
display: flex;
}
.navbar1_dropdown-list {
position: static;
overflow: hidden;
}
.navbar1_dropdown-list.w--open {
border-style: none;
padding: 0;
}
.navbar1_dropdown-link {
width: auto;
padding: .75rem 0 .75rem 5%;
}
.navbar1_menu-buttons {
flex-direction: column;
grid-template-rows: auto auto;
grid-template-columns: 1fr;
align-items: stretch;
margin-top: 1.5rem;
margin-left: 0;
}
.navbar1_menu-button.w--open {
background-color: #0000;
}
.menu-icon1 {
flex-direction: column;
justify-content: center;
align-items: center;
width: 48px;
height: 48px;
margin-right: -.5rem;
padding-bottom: 0;
padding-right: 0;
display: flex;
}
.menu-icon1_line-top {
background-color: var(--base-color-neutral--black);
width: 24px;
height: 2px;
padding-bottom: 0;
padding-right: 0;
}
.menu-icon1_line-middle {
background-color: var(--base-color-neutral--black);
justify-content: center;
align-items: center;
width: 24px;
height: 2px;
margin-top: 6px;
margin-bottom: 6px;
padding-bottom: 0;
padding-right: 0;
display: flex;
}
.menu-icon_line-middle-inner {
width: 4px;
height: 0;
padding-bottom: 0;
padding-right: 0;
}
.menu-icon1_line-bottom {
background-color: var(--base-color-neutral--black);
width: 24px;
height: 2px;
padding-bottom: 0;
padding-right: 0;
}
.contact1-header_component {
grid-column-gap: 3rem;
flex-flow: column;
grid-auto-flow: row;
justify-content: center;
align-items: flex-start;
min-height: auto;
display: flex;
}
.footer1_top-wrapper {
grid-row-gap: 4rem;
grid-template-columns: 1fr;
}
.header49_content, .header49_content.has-min-height {
min-height: auto;
}
.header49_content-right.has-border {
padding-left: 1.5rem;
}
.press1_list {
grid-row-gap: 5rem;
grid-template-columns: 1fr 1fr;
}
.contact14_content {
grid-column-gap: 1.5rem;
grid-template-columns: 1fr 1fr;
grid-auto-flow: row;
min-height: auto;
}
.layout303_list {
grid-template-columns: 1fr 1fr;
}
.count1_box, .count1_box.is-v2 {
min-height: 15rem;
padding: 1.5rem;
}
.team2_list {
grid-template-columns: 1fr 1fr;
}
.logo1_grid, .logo1_grid:where(.w-variant-3ecc0fc8-fe4e-81e3-31a5-5c2771996967) {
grid-template-columns: 1fr 1fr 1fr;
}
.cta55_card {
padding: 3rem;
}
.layout493_tabs {
grid-column-gap: 3rem;
}
.layout493_grid-wrapper {
grid-template-columns: 1fr;
}
.layout493_lightbox-image {
object-fit: cover;
width: 100%;
height: 100%;
}
.heading-style-custom1 {
font-size: 2.5rem;
}
.layout493_grid-item, .layout493_grid-item.is-full-width {
min-height: auto;
}
.layout364_card-content {
padding: 2rem;
}
.layout353_component {
grid-column-gap: 3rem;
grid-template-columns: 1fr 1fr;
grid-auto-flow: row;
min-height: auto;
}
.faq6_content {
grid-column-gap: 2rem;
grid-template-columns: 1fr 1fr;
grid-auto-flow: row;
min-height: auto;
}
.faq6_accordion.leistungspage {
padding-left: 0;
padding-right: 0;
}
.pricing10_grid-list.test {
flex-flow: column;
display: flex;
}
.pricing10_plan {
padding: 2rem;
}
.pricing10_icon-wrapper {
width: 2rem;
height: 2rem;
}
.header45_boxes {
max-width: 70%;
}
.blog-post4-content_component {
grid-row-gap: 3rem;
grid-template-columns: 1fr;
}
.blog-post4-content_newsletter {
position: static;
}
.blog-post4-related_heading-wrapper {
grid-column-gap: 3rem;
}
.blog-post4-related_heading {
margin-right: 3rem;
}
.blog-post4-related_button-row {
flex: none;
}
.blog-post4-related_list {
grid-template-columns: 1fr 1fr;
}
.navbar4_grid {
grid-column-gap: 2rem;
grid-row-gap: 3rem;
grid-template-columns: 1fr 1fr;
}
.navbar4_link-2 {
margin-top: 0;
margin-bottom: 0;
padding: .75rem 0;
font-size: 1.25rem;
position: static;
}
.navbar4_column-inner {
margin-top: 0;
}
.navbar4_resources-list {
grid-column-gap: 1rem;
grid-row-gap: 1rem;
grid-template-rows: auto;
grid-template-columns: 1fr 1fr;
grid-auto-columns: 1fr;
display: grid;
}
.footer5_bottom-inner {
padding-bottom: 2rem;
}
.list-item {
font-size: 1rem;
}
.header131_background-video {
margin-bottom: 5rem;
margin-left: 14%;
}
.heading-style-huge {
font-size: 5.25rem;
}
.slider3_arrows {
width: 1.625rem;
}
.text-block-2 {
text-align: left;
}
.background-video-remote {
width: 100%;
height: 100%;
}
.slider1-image-wrapper {
width: 50%;
margin-bottom: 20px;
}
.bg-video-remote {
width: 100%;
height: 100%;
}
.text-block-6 {
margin-right: 50px;
}
.autoren-box {
border-radius: 20px;
padding: 1rem;
}
.image-6 {
display: none;
overflow: clip;
}
.breadcrumb-list {
flex-flow: row;
display: none;
}
.image-7 {
height: 320px;
margin-top: 2rem;
padding-top: 0;
}
.heading-8 {
font-size: 2.5rem;
}
.div-block-11 {
display: block;
}
.leistungspage.text-size-xxlarge {
padding-left: 0;
}
.autorenbox-name-titel {
padding-bottom: 1rem;
}
.autoren-box-socials {
padding-top: 1rem;
padding-bottom: 1rem;
}
.u-toc-current-link {
color: var(--base-color-brand--black);
}
.toc-subitems {
display: none;
}
.blog-post_toc {
border-top: 1px solid #c7c7c7;
border-left: 1px solid #c7c7c7;
border-right: 1px solid #c7c7c7;
border-radius: 20px;
flex-flow: column;
width: 100%;
padding: 2rem;
display: flex;
position: static;
}
.blog-post_toc.tester {
justify-content: flex-start;
align-items: stretch;
display: none;
}
.blog-post_toc.blog-template {
display: none;
}
.blog-post-toc-list.toc-blog-test {
padding-left: 0;
}
.blog-post-toc-list.toc-blog-test.blog-template {
display: none;
}
.blog-post_toc-list-item:lang(en) {
font-size: .6rem;
}
.toc-h2 {
color: var(--base-color-neutral--neutral-dark);
display: block;
}
.toc-h2:lang(en) {
font-size: .8rem;
font-weight: 700;
}
.toc-h3 {
padding: 0;
}
.toc-h3:lang(en) {
font-size: .6rem;
}
.post-content-wrapper {
grid-template-columns: 1fr;
}
.toc-inhaltsverzeichnis {
color: var(--base-color-brand--black);
letter-spacing: .05rem;
text-transform: none;
padding-bottom: .5rem;
font-size: .8rem;
font-style: normal;
font-weight: 700;
display: block;
}
.toc-h3-2 {
padding: 0;
}
.toc-h3-2:lang(en) {
font-size: .6rem;
}
.u-toc-current-link-2 {
color: #000000c9;
}
.toc-h2-2 {
color: #444;
display: block;
}
.toc-h2-2:lang(en) {
font-size: .8rem;
font-weight: 700;
}
.toc-inhaltsverzeichnis-2 {
color: #000000c9;
letter-spacing: .05rem;
text-transform: none;
padding-bottom: .5rem;
font-size: .8rem;
font-style: normal;
font-weight: 700;
display: none;
}
.toc-subitems-2 {
display: none;
}
.image-8 {
height: auto;
}
.div-block-15.test-2 {
grid-column-gap: 30px;
grid-row-gap: 30px;
flex-flow: column;
grid-template-rows: auto auto;
grid-template-columns: 1fr 1fr 1fr 1fr;
grid-auto-columns: 1fr;
display: flex;
}
.main-content-wrapper.test {
grid-column-gap: 16px;
grid-row-gap: 16px;
flex-flow: column;
grid-template-rows: auto;
grid-template-columns: repeat(auto-fit, minmax(500px, 5fr));
grid-auto-columns: 1fr;
width: auto;
padding-left: 5%;
padding-right: 5%;
display: grid;
}
.main-content.test {
grid-column-gap: 16px;
grid-row-gap: 16px;
flex-flow: row-reverse wrap;
grid-template-rows: auto;
grid-template-columns: 7.25fr;
grid-auto-columns: 1fr;
display: grid;
}
.block-a.test {
grid-column-gap: 16px;
grid-row-gap: 16px;
flex-flow: column;
grid-template-rows: auto;
grid-template-columns: 1fr;
grid-auto-columns: 1fr;
padding-bottom: 5rem;
padding-left: 0;
padding-right: 0;
display: flex;
}
.block-b.test {
grid-column-gap: 15px;
grid-row-gap: 15px;
text-align: center;
flex-flow: wrap;
grid-template-rows: auto;
grid-template-columns: 1fr;
grid-auto-columns: 1fr;
grid-auto-flow: row;
padding-left: 0;
padding-right: 0;
display: grid;
}
.grid-item-1 {
justify-content: center;
align-items: center;
padding-top: 1rem;
padding-bottom: 1rem;
}
.code-embed-7.hero {
width: auto;
}
.team-block-styler {
padding-left: 1rem;
padding-right: 1rem;
}
.team-block-collection-list {
overflow: hidden;
}
.team-block-position {
text-align: center;
}
.testimonials-item {
width: 16em;
}
.u-toc-current-link-3 {
color: #000000c9;
}
.toc-h2-3 {
color: #444;
display: block;
}
.toc-h2-3:lang(en) {
font-size: .8rem;
font-weight: 700;
}
.toc-h3-3 {
padding: 0;
}
.toc-h3-3:lang(en) {
font-size: .6rem;
}
.header-image-blocks {
flex-flow: column;
display: flex;
}
.hero-section.blog-page {
padding-top: 2rem;
padding-bottom: 2rem;
}
.hero_grid-container {
grid-column-gap: 4rem;
grid-row-gap: 4rem;
flex-flow: column;
justify-content: space-between;
align-items: stretch;
display: flex;
}
.hero_content-left {
justify-content: center;
align-items: flex-start;
width: 100%;
max-width: 100%;
}
.text-block-16 {
max-width: 100%;
}
.hero_datum-autor.test2 {
padding-left: 2rem;
}
.hero_content-right {
padding-left: 2rem;
padding-right: 2rem;
}
.hero_breadcrumb-link-wrapper {
grid-column-gap: 1rem;
grid-row-gap: 1rem;
}
.image-10 {
max-width: 100%;
display: none;
}
.blog-post_content-wrapper2 {
flex-flow: column;
display: flex;
}
.navbar_link-group {
grid-column-gap: 1.5rem;
grid-row-gap: 1.5rem;
flex-flow: column;
align-items: stretch;
width: 100%;
margin-top: 2rem;
margin-left: 0;
}
.navbar_link-group.cc-2 {
grid-column-gap: 1.25rem;
grid-row-gap: 1.25rem;
flex-flow: row;
justify-content: space-between;
align-items: center;
width: 100%;
margin-top: auto;
margin-bottom: 0;
padding: 1.5rem 1.25rem 3rem;
}
.navbar_brand {
transition-property: none;
}
.navbar_brand:hover {
color: #080808;
}
.navbar_dropdown-list-container {
box-shadow: none;
}
.navbar_dropdown-list-container.navbar-small {
margin: 0;
}
.navbar_link-list-item {
margin-bottom: 0;
}
.navbar_link-list-item.cc-last {
border-bottom-color: #0000;
}
.navbar_menu-button {
color: #000001;
margin-left: auto;
padding: .5rem;
}
.navbar_menu-button.w--open {
color: #080808;
background-color: #0000;
}
.navbar_dropdown-inner-list {
max-width: none;
}
.navbar_dropdown-inner-list.is-bigger-gap {
grid-column-gap: 1.25rem;
grid-row-gap: 1.25rem;
}
.navbar_dropdown-inner-list.is-last {
max-width: 100%;
}
.navbar_dropdown-inner-list-item.is-last {
margin-top: auto;
padding-top: .25rem;
padding-bottom: 0;
}
.navbar_dropdown-list-content-wrapper {
grid-column-gap: 16px;
grid-row-gap: 2.5rem;
-webkit-backdrop-filter: none;
backdrop-filter: none;
background-color: #fff0;
flex-flow: column;
grid-template-rows: auto auto;
grid-template-columns: 1fr 1fr;
grid-auto-columns: 1fr;
align-items: start;
padding-top: 1.5rem;
padding-left: 0%;
padding-right: 0%;
display: flex;
}
.navbar_dropdown-image-wrapper {
display: block;
}
.navbar_button-wrapper {
width: 100%;
}
.navbar_dropdown-title-wrapper {
margin-bottom: 1.25rem;
}
.navbar_dropdown-title-wrapper.mobile-hide {
display: none;
}
.navbar_dropdown-list {
padding-bottom: .5rem;
position: static;
}
.navbar_dropdown-list.w--open {
box-shadow: none;
margin-top: 0;
}
.navbar_dropdown-list.is-bigger {
width: 100%;
margin-left: 0;
}
.navbar_dropdown-list.is-bigger.w--open:where(.w-variant-0d69f6e9-da1e-e46e-c3bf-355479ce88da) {
height: auto;
}
.navbar_dropdown-list-link:hover {
color: #080808;
}
.nav_component {
padding-left: 0;
padding-right: 0;
}
.nav_component.new {
padding-left: 8%;
padding-right: 8%;
}
.navbar_nav-link {
box-shadow: none;
text-align: left;
margin-left: 0;
margin-right: 0;
padding-left: 1.25rem;
padding-right: 1.25rem;
transition-property: none;
}
.navbar_nav-link:hover {
box-shadow: none;
}
.navbar_dropdown-list-column {
border-left-color: #f0f0f000;
border-right-style: none;
flex: 0 auto;
width: 100%;
min-height: auto;
padding: 0 1.25rem;
}
.navbar_dropdown-list-column.cc-last-item {
background-color: #eef1e500;
width: 100%;
height: 100%;
list-style-type: none;
display: none;
}
.navbar_dropdown-list-column.cc-no-line {
margin-top: 1.25rem;
}
.navbar_nav-menu {
background-color: var(--background-color--background-light);
-webkit-backdrop-filter: blur(32px);
backdrop-filter: blur(32px);
border-top: 1px solid #0000010d;
margin-top: 0;
position: absolute;
top: 100%;
}
.navbar_nav-menu:where(.w-variant-0d69f6e9-da1e-e46e-c3bf-355479ce88da) {
background-color: var(--background-color--background-dark);
height: auto;
}
.navbar_nav-menu:hover {
color: #080808;
}
.navbar_content-wrapper {
border-radius: 0;
padding-left: .75rem;
padding-right: .75rem;
}
.navbar_dropdown-image {
max-height: 200px;
}
.navbar_dropdown {
display: block;
}
.text-navbar-body {
display: none;
}
.navbar_menu-inner-wrapper {
grid-row-gap: clamp(1rem, 1.67vw, 1.5rem);
grid-gap: clamp(1rem, 1.67vw, 1.5rem);
flex-flow: column;
justify-content: space-between;
align-items: stretch;
height: auto;
overflow: auto;
}
.nav_button {
color: #fff;
}
.navbar_dropdown-toggle {
justify-content: center;
align-items: center;
padding-left: 1.25rem;
padding-right: 1.25rem;
display: flex;
}
.navbar_dropdown-toggle:where(.w-variant-0d69f6e9-da1e-e46e-c3bf-355479ce88da) {
justify-content: flex-start;
align-items: center;
}
.navbar_dropdown-toggle:hover {
box-shadow: none;
}
.excerpt-blog-styler {
width: auto;
max-width: 100%;
margin-left: 2rem;
margin-right: 2rem;
}
.excerpt-blog-container {
padding-top: 2rem;
}
.rich-text-blog {
padding-left: 2rem;
padding-right: 2rem;
}
.rich-text-blog h1 {
margin-top: .8rem;
margin-bottom: .8rem;
}
.rich-text-blog h2 {
margin-top: 2rem;
margin-bottom: 2rem;
}
.rich-text-blog h3 {
margin-top: 1.5rem;
margin-bottom: 1.5rem;
}
.rich-text-blog.author-information {
padding-left: 0;
padding-right: 0;
}
.image-11 {
border-radius: 20px;
width: 100%;
display: none;
}
.blog3_item-meta-seperator-6.border-light.hidden, .link-6 {
display: block;
}
.menu-icon.is--dark {
color: var(--text-color--text-dark);
}
.excerpt-blog-styler-2 {
width: auto;
max-width: 100%;
margin-left: 2rem;
margin-right: 2rem;
}
.text-block-22 {
max-width: 100%;
}
.image-16 {
border-radius: 20px;
width: 100%;
display: block;
}
.image-17 {
max-width: 100%;
display: none;
}
.toc-h3-4 {
padding: 0;
}
.toc-h3-4:lang(en) {
font-size: .6rem;
}
.text-size-large-2 {
font-size: 1.125rem;
}
.icon:where(.w-variant-0d69f6e9-da1e-e46e-c3bf-355479ce88da) {
color: var(--text-color--text-dark);
}
.link-block_nav-bar:where(.w-variant-0d69f6e9-da1e-e46e-c3bf-355479ce88da) {
padding-left: 1.25rem;
display: flex;
}
.author-information.style-box {
padding-left: 0;
padding-right: 0;
}
.autoren-info-box {
flex-flow: wrap-reverse;
margin-left: 0;
margin-right: 0;
display: flex;
}
.author-image {
width: 200px;
}
.heading-styler-author-box {
padding-bottom: 2rem;
}
.leistungspage-image {
display: block;
}
.code-icon-leistungspage {
width: 100px;
}
.grid-item-icon {
padding-top: 1rem;
padding-bottom: 1rem;
}
.image_rounded {
width: auto;
}
.contact-form-component {
border-right-style: solid;
border-right-width: 0;
}
.contact-form-component-right {
flex-flow: row;
justify-content: flex-start;
align-self: center;
align-items: stretch;
max-width: 100%;
}
.online-badge {
top: 64.5017px;
left: 61.0017px;
}
.cta-cards-wrapper {
flex: 1;
}
.header-image_root.dark-mode {
height: 380px;
}
.header-image {
display: block;
position: absolute;
}
.header-image_content-wrapper {
padding-left: .5rem;
padding-right: .5rem;
top: 0;
}
.header-image_content-wrapper_dark-mode {
padding-left: 38px;
padding-right: 38px;
top: 211px;
}
.header-image_spacer {
padding-top: 0;
}
.header-image_wrapper-styler {
height: 100px;
}
.heading-styler-blog-overview {
padding-left: .2rem;
padding-right: .2rem;
}
.insider_overview-list {
grid-template-columns: 1fr 1fr;
}
}
@media screen and (max-width: 767px) {
h1 {
font-size: 2.5rem;
}
h2 {
font-size: 2.25rem;
}
h3 {
font-size: 2rem;
}
h4 {
font-size: 1.5rem;
line-height: 1.4;
}
h5 {
font-size: 1.25rem;
}
h6 {
font-size: 1.125rem;
}
.hide-mobile-landscape {
display: none;
}
.main-wrapper {
padding-top: 4.5rem;
}
.max-width-full-mobile-landscape {
width: 100%;
max-width: none;
}
.margin-xsmall {
margin: .75rem;
}
.margin-small {
margin: 1.25rem;
}
.margin-medium {
margin: 1.5rem;
}
.margin-large {
margin: 2rem;
}
.margin-xlarge {
margin: 2.5rem;
}
.margin-xxlarge {
margin: 3rem;
}
.margin-huge {
margin: 3.5rem;
}
.margin-xhuge {
margin: 4rem;
}
.margin-xxhuge {
margin: 5rem;
}
.padding-xsmall {
padding: .75rem;
}
.padding-small {
padding: 1.25rem;
}
.padding-medium {
padding: 1.5rem;
}
.padding-large {
padding: 2rem;
}
.padding-xlarge {
padding: 2.5rem;
}
.padding-xxlarge {
padding: 3rem;
}
.padding-huge {
padding: 3.5rem;
}
.padding-xhuge {
padding: 4rem;
}
.padding-xxhuge {
padding: 5rem;
}
.margin-top {
margin-bottom: 0;
margin-left: 0;
margin-right: 0;
}
.margin-bottom {
margin-top: 0;
margin-left: 0;
margin-right: 0;
}
.margin-left {
margin-top: 0;
margin-bottom: 0;
margin-right: 0;
}
.margin-right {
margin-top: 0;
margin-bottom: 0;
margin-left: 0;
}
.margin-vertical {
margin-left: 0;
margin-right: 0;
}
.margin-horizontal {
margin-top: 0;
margin-bottom: 0;
}
.padding-top {
padding-bottom: 0;
padding-left: 0;
padding-right: 0;
}
.padding-bottom {
padding-top: 0;
padding-left: 0;
padding-right: 0;
}
.padding-left {
padding-top: 0;
padding-bottom: 0;
padding-right: 0;
}
.padding-right {
padding-top: 0;
padding-bottom: 0;
padding-left: 0;
}
.padding-vertical {
padding-left: 0;
padding-right: 0;
}
.padding-horizontal {
padding-top: 0;
padding-bottom: 0;
}
.text-size-medium {
font-size: 1rem;
}
.text-style-quote {
font-size: 1.125rem;
}
.heading-style-h2 {
justify-content: flex-start;
align-items: flex-start;
font-size: 2.25rem;
display: block;
}
.heading-style-h6 {
font-size: 1.125rem;
}
.heading-style-h5 {
font-size: 1.25rem;
}
.heading-style-h1 {
font-size: 2.5rem;
}
.button.is-link.is-icon.in-navbar.red-button {
padding: 8px 10px;
font-size: .9rem;
}
.button.is-link.is-icon.is-red, .button.is-link.is-icon.is-ad {
padding: 8px 10px;
}
.button.is-navbar4-button {
padding: .25rem 1rem;
}
.heading-style-h4 {
font-size: 1.5rem;
line-height: 1.4;
}
.heading-style-h4.dark-mode, .heading-style-h4.light-mode {
font-size: 1.8rem;
}
.heading-style-h4.blog-overview.light-mode._3, .heading-style-h4.blog-overview.dark-mode {
font-size: .9rem;
}
.heading-style-h4.blog-overview.dark-mode.category-template {
font-size: .8rem;
}
.heading-style-h4.blog-overview.light-mode {
font-size: 1.5rem;
}
.heading-style-h4.blog-overview.light-mode._2 {
font-size: 1.2rem;
}
.heading-style-h3 {
font-size: 2rem;
}
.form_input {
padding: .75rem 1rem;
}
.text-style-nowrap {
white-space: normal;
}
.text-size-small.category-pill.light-mode, .text-size-small.category-pill.dark-mode {
font-size: .5rem;
}
.text-rich-text h1 {
font-size: 4rem;
}
.text-rich-text h2 {
font-size: 3rem;
}
.text-rich-text p {
text-align: left;
}
.text-rich-text.text-color-primary {
width: 500px;
}
.text-size-large {
font-size: 1.125rem;
}
.padding-section-small {
padding-top: 2rem;
padding-bottom: 2rem;
}
.padding-section-medium {
padding-top: 3rem;
padding-bottom: 3rem;
}
.padding-section-medium.padding-top-half {
padding-top: 1.5rem;
}
.padding-section-large {
padding: 4rem 2em 4rem 2rem;
}
.padding-section-large.padding-bottom-medium {
padding-bottom: 3rem;
}
.padding-section-large.padding-top-medium {
padding-top: 3rem;
}
.padding-section-large.padding-top-half {
padding-top: 2.5rem;
}
.padding-section-large.padding-bottom-half {
padding-bottom: 2rem;
}
.padding-section-large.padding-half {
padding-top: 2.5rem;
padding-bottom: 2.5rem;
}
.spacer-xsmall {
padding-top: .75rem;
}
.spacer-small {
padding-top: 1.25rem;
}
.spacer-medium {
padding-top: 1.5rem;
}
.spacer-large {
padding-top: 2rem;
}
.spacer-xlarge {
padding-top: 2.5rem;
}
.spacer-xxlarge {
padding-top: 3rem;
}
.spacer-huge {
padding-top: 3.5rem;
}
.spacer-xhuge {
padding-top: 4rem;
}
.spacer-xxhuge {
padding-top: 5rem;
}
.rl-styleguide_component {
padding-top: 4rem;
}
.rl-styleguide_content {
margin-left: 2.5rem;
margin-right: 2.5rem;
}
.tag.is-text {
display: block;
}
.text-size-xlarge {
font-size: 1.25rem;
}
.footer5_newsletter-wrapper {
flex-direction: column;
align-items: flex-start;
margin-bottom: 3rem;
}
.footer5_top-wrapper {
padding-top: 2rem;
}
.footer5_link.is-large {
font-size: 2.5rem;
}
.footer5_bottom-wrapper {
flex-direction: column-reverse;
}
.footer5_legal-list {
grid-auto-flow: row;
}
.footer5_credit-text {
order: 1;
margin-top: 1rem;
font-size: 1rem;
}
.footer5_social-link {
width: 3rem;
height: 3rem;
}
.text-size-xxlarge {
font-size: 1.25rem;
}
.text-size-xxlarge.test {
text-align: left;
}
.navbar4_component {
min-height: 4.5rem;
}
.navbar4_container {
grid-template-columns: 1fr 2.5fr;
}
.navbar4_menu-wrapper {
font-size: 1.5rem;
}
.navbar4_menu-button.in-menu {
top: .85rem;
right: 1.75rem;
}
.navbar4_clock {
display: none;
}
.article-inner {
grid-column-gap: 3.5rem;
grid-row-gap: 3.5rem;
grid-template-columns: 1fr;
}
.category-filter-menu {
width: 100vw;
display: block;
}
.category-filter-link.last-link {
margin-right: 2rem;
}
.blog3_list {
grid-row-gap: 3rem;
grid-template-columns: 1fr 1fr;
}
.blog3_image-wrapper {
width: 100%;
}
.blog3_header {
flex-flow: column;
justify-content: center;
align-items: flex-start;
}
.category-filter-form {
display: block;
}
.header131_content-wrapper {
grid-template-columns: 1fr;
}
.header131_content-right {
border-left-style: none;
margin-left: 0;
padding-left: 0;
}
.header131_image-group {
grid-column-gap: 2rem;
grid-row-gap: 2rem;
}
.section_heading-wrapper {
grid-template-columns: 1fr;
}
.section_heading-wrapper.is-2-cols {
grid-column-gap: 1.25rem;
grid-row-gap: 2rem;
grid-template-columns: 1.09347fr;
margin-bottom: 2rem;
}
.event19_list {
grid-row-gap: 3rem;
grid-template-columns: 1fr;
}
.show-mobile-landscape {
display: block;
}
.content22_content-wrapper {
grid-column-gap: 1.5rem;
grid-row-gap: 1.5rem;
grid-template-columns: 1fr;
}
.content22_content-wrapper.is-v2, .content22_content-wrapper.is-v2-copy {
grid-column-gap: 1rem;
grid-row-gap: 1rem;
}
.header19_content {
grid-row-gap: 3rem;
}
.padding-section-huge {
padding-top: 0;
padding-bottom: 8rem;
}
.padding-section-huge.padding-bottom-medium {
padding-bottom: 3rem;
}
.padding-section-huge.padding-top-medium {
padding-top: 3rem;
}
.padding-section-huge.padding-bottom-half {
padding-bottom: 4rem;
}
.padding-section-huge.padding-top-half {
padding-top: 4rem;
}
.padding-section-huge.padding-top-small {
padding-top: 2.5rem;
}
.header19_face {
width: 3rem;
min-width: 3rem;
height: 3rem;
min-height: 3rem;
}
.layout498_content {
flex-flow: column;
display: flex;
}
.layout498_inner-wrapper {
width: 100%;
padding-left: 0;
}
.layout498_header {
width: 100%;
}
.layout498_tabs {
grid-column-gap: 0rem;
flex-flow: column;
grid-template-columns: 1fr;
display: flex;
}
.layout498_tabs-menu {
place-items: start stretch;
}
.layout498_tabs-content {
order: -1;
width: 100%;
margin-bottom: 1.5rem;
padding-right: 0;
position: relative;
}
.logo2_content {
grid-row-gap: 2rem;
flex-direction: column;
grid-template-columns: 1fr;
justify-content: flex-start;
align-items: flex-start;
}
.logo2_content-left {
max-width: none;
}
.logo2_list {
justify-content: flex-start;
align-items: flex-start;
}
.logo2_wrapper {
padding: .75rem 1rem;
}
.logo2_image {
max-height: 3rem;
}
.cta48_card {
grid-column-gap: 1.5rem;
grid-row-gap: 1.5rem;
flex-direction: column;
grid-template-columns: 1fr;
justify-content: flex-start;
align-items: flex-start;
}
.cta48_card-content {
grid-column-gap: 1.25rem;
grid-row-gap: 1.25rem;
flex-direction: column;
grid-template-columns: 1fr;
justify-content: flex-start;
align-items: flex-start;
}
.cta48_card-top {
padding-bottom: 1rem;
}
.text-size-huge {
font-size: 1.5rem;
}
.logo1_lists {
padding-top: 1rem;
}
.logo1_logo {
max-height: 3rem;
}
.logo1_list:where(.w-variant-3ecc0fc8-fe4e-81e3-31a5-5c2771996967) {
grid-template-columns: 1fr 1fr;
}
.logo1_wrapper {
width: 18rem;
height: 18rem;
}
.logo1_wrapper:where(.w-variant-3ecc0fc8-fe4e-81e3-31a5-5c2771996967) {
width: calc(100% - .8rem);
height: auto;
}
.logo1_image:where(.w-variant-3ecc0fc8-fe4e-81e3-31a5-5c2771996967) {
max-width: 8rem;
}
.logo1_image.in-grid {
max-height: 10rem;
}
.slider1_slider.swiper.swiper1 {
height: 42rem;
}
.slider1_slide {
min-height: 25rem;
padding: 1.5rem;
}
.slider1_inner {
grid-column-gap: 0rem;
grid-row-gap: 0rem;
grid-template-columns: 1fr;
}
.slider2_slider.swiper.swiper2 {
height: 40rem;
}
.slider2_slide {
min-height: 40rem;
}
.slider2_image {
opacity: .5;
}
.slider2_logo {
max-width: 10rem;
max-height: 3.5rem;
}
.slider2_bottom-left {
grid-column-gap: 1.5rem;
grid-row-gap: 1.5rem;
}
.logo3_list {
grid-column-gap: 1rem;
grid-template-columns: 10rem 10rem 10rem 10rem 10rem 10rem 10rem 10rem;
padding-top: 1rem;
}
.logo3_wrapper {
padding: .75rem 1rem;
}
.logo3_logo {
max-height: 3rem;
}
.padding-section-xlarge {
padding-top: 6rem;
padding-bottom: 6rem;
}
.padding-section-xlarge.padding-bottom-medium {
padding-bottom: 3rem;
}
.padding-section-xlarge.padding-top-medium {
padding-top: 3rem;
}
.slider3_inner {
flex-flow: column;
justify-content: center;
align-self: center;
align-items: center;
}
.slider3_image {
z-index: -999;
width: 0%;
height: 0%;
position: absolute;
}
.slider3_image.is-small {
z-index: 2;
width: 3rem;
height: 3rem;
position: relative;
}
.slider3_content {
grid-column-gap: 1.5rem;
grid-row-gap: 1.5rem;
text-align: left;
align-items: flex-start;
max-width: 100%;
padding: 1.5rem .875rem;
}
.slider3_logo {
max-width: 10rem;
max-height: 3.5rem;
}
.slider3_quote-wrapper {
max-height: 30rem;
}
.slider3_author {
grid-column-gap: .5rem;
grid-row-gap: .5rem;
flex-flow: row;
justify-content: flex-start;
align-items: center;
display: flex;
}
.padding-section-xhuge {
padding-top: 10rem;
padding-bottom: 10rem;
}
.padding-section-xhuge.padding-bottom-medium {
padding-bottom: 3rem;
}
.padding-section-xhuge.padding-top-medium {
padding-top: 3rem;
}
.padding-section-xhuge.padding-bottom-half {
padding-bottom: 4rem;
}
.padding-section-xhuge.padding-top-half {
padding-top: 4rem;
}
.slider4_component {
grid-column-gap: 3rem;
grid-row-gap: 3rem;
grid-template-columns: 1fr;
}
.slider4_inner {
margin-top: 0;
}
.navbar1_component {
height: auto;
min-height: 4rem;
}
.navbar1_logo-link {
padding-left: 0;
}
.contact1-header_component {
grid-row-gap: 3rem;
grid-template-columns: 1fr;
}
.contact1-header_form {
font-size: 1rem;
}
.form_field-2col.is-mobile-1col {
grid-template-columns: 1fr;
}
.footer1_top-wrapper {
grid-row-gap: 3rem;
}
.footer1_menu-wrapper {
grid-column-gap: 1.5rem;
}
.footer1_bottom-wrapper {
flex-direction: column-reverse;
align-items: flex-start;
padding-bottom: 1rem;
}
.footer1_credit-text {
margin-top: 1.5rem;
}
.footer1_legal-list {
grid-column-gap: 0rem;
grid-row-gap: 1rem;
grid-auto-flow: row;
}
.content22_content-list {
grid-column-gap: 2.5rem;
grid-row-gap: 2.5rem;
}
.header49_content {
grid-column-gap: 1.5rem;
grid-row-gap: 1.5rem;
grid-template-columns: 1fr;
}
.header49_content.has-min-height.is-v2 {
grid-template-columns: 1fr;
}
.header49_content.test {
display: block;
}
.header49_content-right.has-border {
border-top: 1px solid var(--border-color--border-dark);
border-left-style: none;
margin-top: 2rem;
padding-top: 1.5rem;
padding-left: 0;
}
.header49_content-right.has-border.is-light {
border-top-color: var(--border-color--border-light);
}
.press1_list {
grid-column-gap: 3.75rem;
grid-row-gap: 3.75rem;
grid-template-columns: 1fr;
}
.contact14_content {
grid-row-gap: 0rem;
grid-template-columns: 1fr;
}
.career22_list {
grid-column-gap: 0rem;
grid-row-gap: 0rem;
grid-template-columns: 1fr;
}
.career22_item {
padding-bottom: 3rem;
}
.layout303_list, .team20_content {
grid-row-gap: 3rem;
grid-template-columns: 1fr;
}
.team20_list {
grid-column-gap: 3rem;
grid-row-gap: 3rem;
}
.team20_image-wrapper {
height: 100%;
}
.max-width-custom2.test {
width: 100%;
max-width: 40rem;
}
.count1_component {
grid-template-columns: 1fr 1fr;
}
.team2_list {
grid-row-gap: 3rem;
}
.team2_image-wrapper {
height: 100%;
}
.career22_header {
grid-column-gap: 1.5rem;
grid-row-gap: 1.5rem;
grid-template-columns: 1fr;
}
.logo1_grid, .logo1_grid:where(.w-variant-3ecc0fc8-fe4e-81e3-31a5-5c2771996967) {
grid-template-columns: 1fr 1fr;
}
.cta55_card {
padding: 2rem;
}
.layout493_content {
flex-flow: column;
display: flex;
}
.layout493_inner-wrapper {
width: 100%;
padding-right: 0;
}
.layout493_header {
width: 100%;
}
.layout493_tabs {
grid-column-gap: 0rem;
flex-flow: column;
grid-template-columns: 1fr;
display: flex;
}
.layout493_tabs-menu {
place-items: start stretch;
max-width: 100%;
margin-bottom: 2rem;
}
.layout493_tabs-content {
width: 100%;
padding-left: 0;
position: relative;
}
.layout493_grid-wrapper {
grid-template-columns: 1fr 1fr;
}
.heading-style-custom1 {
font-size: 2.25rem;
}
.layout364_grid-list {
grid-column-gap: 1.5rem;
grid-row-gap: 1.5rem;
}
.layout364_row {
grid-column-gap: 1.5rem;
grid-row-gap: 1.5rem;
grid-template-columns: 1fr;
}
.layout364_card {
grid-template-columns: 1fr;
}
.layout364_card-content {
min-height: 20rem;
padding: 1.5rem;
}
.layout364_card-content-top {
margin-bottom: -1.5rem;
}
.layout353_component {
grid-row-gap: 3rem;
grid-template-columns: 1fr;
}
.layout353_content-left {
position: static;
}
.faq6_content {
grid-row-gap: 3rem;
grid-template-columns: 1fr;
}
.faq6_list {
margin-top: -1.25rem;
}
.faq6_question {
padding-top: 1.25rem;
padding-bottom: 1.25rem;
}
.faq6_icon-wrapper {
width: 1.75rem;
}
.pricing10_grid-list {
grid-template-columns: 1fr;
}
.pricing10_grid-list.test {
flex-flow: column;
display: flex;
}
.pricing10_plan {
padding-left: 1.5rem;
padding-right: 1.5rem;
}
.header45_image-wrapper {
aspect-ratio: auto;
padding: 40% 1.5rem 1.5rem;
}
.header45_boxes {
max-width: 100%;
}
.blog-post4-header_content-bottom {
flex-direction: column;
margin-bottom: 3rem;
}
.blog-post4-header_author-wrapper {
margin-bottom: 2rem;
}
.blog-post4-content_component {
grid-row-gap: 5rem;
}
.blog-post4-related_component {
padding-left: 0;
padding-right: 0;
}
.blog-post4-related_heading-wrapper {
grid-row-gap: 2rem;
flex-direction: column;
grid-template-columns: 1fr;
justify-content: flex-start;
align-items: flex-start;
}
.blog-post4-related_heading {
margin-right: 0;
}
.blog-post4-related_button-row {
justify-content: flex-start;
width: 100%;
}
.blog-post4-related_button-row.mobile-landscape {
margin-top: 2.5rem;
display: flex;
}
.blog-post4-related_list {
grid-row-gap: 3rem;
grid-template-columns: 1fr;
}
.locales-wrapper {
font-size: 1rem;
}
.locales-item {
padding: .5rem .75rem .5rem 1rem;
}
.slider1_lottie {
position: static;
}
.header131_background-video {
margin-bottom: 32%;
margin-left: 18%;
}
.heading-style-huge {
font-size: 3.5rem;
}
.div-contact-img {
width: 3rem;
min-width: 3rem;
height: 3rem;
min-height: 3rem;
}
.background-video-remote {
height: 100%;
}
.div-background-video {
z-index: -1;
position: absolute;
}
.slider1-image-wrapper {
width: 100%;
}
.div-bg-video {
z-index: -1;
position: absolute;
}
.bg-video-remote {
height: 100%;
}
.image-3 {
margin-left: auto;
}
.div-block-6 {
grid-column-gap: 40px;
grid-row-gap: 40px;
grid-template-rows: auto;
grid-template-columns: 1fr 1fr;
grid-auto-columns: 1fr;
margin-left: auto;
padding: 0 0 40px 40px;
display: block;
}
.paragraph-2 {
padding: 0;
}
.div-block-8 {
display: block;
}
.image-5 {
margin-bottom: 20px;
padding-bottom: 0;
}
.text-block-5 {
margin-top: 20px;
}
.autoren-box {
grid-column-gap: 25px;
grid-row-gap: 25px;
}
.image-6 {
padding: 40px 0 0;
}
.text-block-8 {
padding-bottom: 20px;
}
.image-7 {
height: 250px;
}
.heading-8 {
font-size: 2rem;
}
.team-block-styler {
padding-left: 0;
padding-right: 0;
}
.team-block-position {
text-align: center;
}
.team-block-image {
width: 150px;
}
.navbar_link-group {
margin-top: 1.5rem;
position: relative;
}
.navbar_link-group.cc-2 {
flex-flow: wrap;
}
.navbar_brand {
padding-left: 0;
}
.navbar_dropdown-list-container {
padding-left: 0;
padding-right: 0;
}
.navbar_dropdown-list-content-wrapper {
height: auto;
box-shadow: none;
grid-template-columns: 1fr;
padding: 1.25rem;
}
.navbar_dropdown-list {
padding-top: 0;
padding-bottom: 0;
}
.navbar_dropdown-list-link {
grid-column-gap: .5rem;
grid-row-gap: .5rem;
}
.navbar_dropdown-list-column {
padding-left: 0;
}
.navbar_dropdown-list-column.cc-last-item {
padding-right: 0;
}
.navbar_dropdown-list-column.cc-no-line {
padding-left: 0;
}
.navbar_dropdown-image {
max-height: none;
}
.toc-custom-code, .image-11 {
display: none;
}
.text-size-large-2 {
font-size: 1.125rem;
}
.main-wrapper-new {
padding-top: 0;
}
.contact-form-component {
padding-right: 0;
}
.online-badge {
top: 68.5017px;
left: 62.0017px;
}
.avatar-title-wrapper {
grid-column-gap: 4px;
grid-row-gap: 4px;
}
.image-grid {
grid-template-columns: 1fr;
}
.header-image {
opacity: .9;
}
.header-image_content-wrapper {
padding-left: .5rem;
padding-right: .5rem;
top: 0;
}
.header-image_content-wrapper_dark-mode {
padding-left: 35px;
padding-right: 35px;
top: 164px;
}
.header-image_spacer {
padding-top: 0;
}
.header-image_wrapper-styler.insider-template {
height: 170px;
}
.header-image_category-pill.dark-mode {
order: 0;
}
.tag-2.is-text {
display: none;
}
.insider_overview-list {
grid-template-columns: 1fr 1fr;
}
}
@media screen and (max-width: 479px) {
h1 {
font-size: 2.5rem;
}
.hide-mobile-portrait {
display: none;
}
.container-large {
display: block;
}
.padding-large.mobile {
padding-left: .5rem;
padding-right: .5rem;
}
.margin-top {
margin-bottom: 0;
margin-left: 0;
margin-right: 0;
}
.margin-top.margin-medium.div-image-button {
grid-column-gap: 10px;
grid-row-gap: 10px;
flex-flow: column;
}
.margin-bottom {
margin-top: 0;
margin-left: 0;
margin-right: 0;
}
.margin-left {
margin-top: 0;
margin-bottom: 0;
margin-right: 0;
}
.margin-right {
margin-top: 0;
margin-bottom: 0;
margin-left: 0;
}
.margin-vertical {
margin-left: 0;
margin-right: 0;
}
.margin-horizontal {
margin-top: 0;
margin-bottom: 0;
}
.padding-top {
padding-bottom: 0;
padding-left: 0;
padding-right: 0;
}
.padding-top.padding-xlarge.leistungspage {
padding-left: .5rem;
padding-right: .5rem;
}
.padding-bottom {
padding-top: 0;
padding-left: 0;
padding-right: 0;
}
.padding-bottom.padding-xhuge.test {
padding-bottom: 0;
}
.padding-left {
padding-top: 0;
padding-bottom: 0;
padding-right: 0;
}
.padding-right {
padding-top: 0;
padding-bottom: 0;
padding-left: 0;
}
.padding-vertical {
padding-left: 0;
padding-right: 0;
}
.padding-horizontal {
padding-top: 0;
padding-bottom: 0;
}
.max-width-full-mobile-portrait {
width: 100%;
max-width: none;
}
.heading-style-h2.test.main {
margin-left: 0;
margin-right: 0;
font-size: 2.5rem;
}
.button.is-link.is-icon.in-navbar.red-button {
padding: 8px 10px;
font-size: .9rem;
}
.button.is-link.is-icon.is-red {
margin-right: 30px;
}
.heading-style-h4.dark-mode {
font-size: 1rem;
}
.heading-style-h4.light-mode {
font-size: 1.2rem;
}
.heading-style-h4.blog-overview.light-mode._3, .heading-style-h4.blog-overview.dark-mode {
font-size: .8rem;
}
.heading-style-h4.blog-overview.light-mode {
font-size: 2rem;
}
.text-rich-text h1 {
font-size: 4rem;
}
.text-rich-text h2 {
font-size: 3rem;
}
.text-rich-text p {
text-align: left;
}
.text-rich-text.text-color-primary {
flex-flow: column;
width: 18rem;
display: flex;
}
.text-size-large.in-testimonial {
font-size: 1rem;
}
.text-size-large.hero-section.xxl {
text-align: left;
font-size: 1rem;
}
.text-size-large.test {
text-align: justify;
padding-left: 0;
padding-right: 0;
}
.text-size-large.test.text-color-secondary {
text-align: justify;
padding-top: 1rem;
padding-bottom: 1rem;
}
.text-size-large.leistungspage.text-color-secondary {
text-align: justify;
}
.padding-global, .padding-global.test-2 {
display: block;
}
.padding-section-large.leistungspage {
padding-top: 8rem;
}
.padding-section-large.mobile {
padding: 2rem 0 2rem 0;
}
.rl-styleguide_component {
grid-template-columns: 1fr;
}
.text-size-xlarge {
text-align: left;
}
.text-size-xlarge.in-testimonial {
font-size: 1.125rem;
}
.footer5_form {
grid-row-gap: .75rem;
flex-direction: column;
grid-template-columns: 1fr;
}
.footer5_top-wrapper {
grid-column-gap: 2.5rem;
grid-row-gap: 2.5rem;
grid-template-columns: 1fr;
}
.footer5_link.is-large {
font-size: 2rem;
}
.footer5_bottom-wrapper {
margin-top: -3.5rem;
}
.footer5_social-icons {
margin-top: 3rem;
}
.footer5_column-inner {
grid-column-gap: .5rem;
grid-row-gap: .5rem;
grid-template-columns: 1fr;
}
.navbar4_container {
grid-template-columns: 1fr 3fr;
}
.navbar4_wrapper {
grid-column-gap: 1.5rem;
}
.navbar4_menu-wrapper {
padding-left: 1.5rem;
padding-right: 1.5rem;
}
.navbar4_clock {
font-size: .875rem;
}
.category-filter-menu {
display: block;
}
.blog3_list {
grid-template-rows: auto;
grid-template-columns: 1fr;
}
.blog3_list.category-template {
grid-template-columns: 1fr 1fr;
}
.category-filter-form {
display: block;
}
.header131_content-wrapper {
grid-template-columns: 1fr;
}
.header131_content-right {
min-height: auto;
}
.header131_image-group {
grid-column-gap: 1.5rem;
grid-row-gap: 1.5rem;
}
.event19_list {
grid-row-gap: 3rem;
}
.header19_content {
grid-template-columns: 1fr;
}
.padding-section-huge.padding-bottom-half {
padding-left: 5%;
padding-right: 5%;
}
.padding-section-huge.mobile {
padding-top: 4rem;
padding-left: 1rem;
padding-right: 1rem;
}
.layout498_tabs {
grid-template-columns: 1fr;
}
.logo2_list {
grid-template-columns: 1fr 1fr;
}
.logo2_wrapper.test, .logo2_wrapper.test.big-size {
width: 5rem;
height: 5rem;
}
.signup-form-wrapper {
grid-row-gap: .75rem;
flex-direction: column;
grid-template-columns: 1fr;
}
.logo1_lists {
justify-content: center;
}
.logo1_wrapper {
width: 15rem;
height: 15rem;
}
.logo1_wrapper:where(.w-variant-3ecc0fc8-fe4e-81e3-31a5-5c2771996967) {
width: calc(100% - .8rem);
height: auto;
}
.logo1_image {
max-height: 3.5rem;
}
.logo1_image:where(.w-variant-3ecc0fc8-fe4e-81e3-31a5-5c2771996967) {
max-width: 6.75rem;
}
.logo1_image.in-grid {
max-width: 5rem;
max-height: 7rem;
}
.slider1_slider.swiper.swiper1 {
height: 40rem;
}
.slider2_slider.swiper.swiper2 {
height: auto;
}
.slider2_image {
padding-top: 0;
padding-bottom: 0;
}
.slider2_bottom-right {
grid-template-columns: 1fr;
}
.slider2_box {
padding-top: 10%;
}
.slide2_content {
padding-bottom: 0;
}
.logo3_list {
justify-content: center;
}
.logo3_wrapper {
justify-content: center;
align-items: flex-start;
}
.padding-section-xhuge {
padding-top: 8rem;
padding-bottom: 8rem;
}
.contact1-header_component {
grid-template-columns: 1fr;
}
.footer1_top-wrapper {
grid-row-gap: 48px;
}
.footer1_form {
grid-row-gap: 12px;
flex-direction: column;
grid-template-columns: 1fr;
}
.footer1_menu-wrapper {
grid-row-gap: 2.5rem;
grid-template-columns: 1fr;
}
.header49_content {
grid-template-columns: 1fr;
}
.press1_item-content {
padding-left: 1.25rem;
padding-right: 1.25rem;
}
.contact14_content, .career22_list, .layout303_list, .team20_content, .team20_list, .count1_component {
grid-template-columns: 1fr;
}
.count1_box, .count1_box.is-v2 {
min-height: 12.5rem;
}
.team2_list, .career22_header, .layout493_tabs, .layout493_grid-wrapper, .layout364_row, .layout353_component, .faq6_content {
grid-template-columns: 1fr;
}
.faq6_content.leistungspage {
padding: 2rem .5rem;
}
.faq6_accordion.leistungspage, .pricing10_component.leistungspage.test {
padding-left: 0;
padding-right: 0;
}
.pricing10_grid-list.test {
flex-flow: column;
display: flex;
}
.header45_form {
grid-row-gap: .75rem;
flex-direction: column;
grid-template-columns: 1fr;
}
.header45_image-wrapper {
padding-top: 50%;
}
.header45_boxes {
grid-template-columns: 1fr;
}
.blog-post4-header_content-bottom {
flex-direction: column;
align-items: flex-start;
}
.blog-post4-header_author-wrapper {
margin-bottom: 1rem;
}
.blog-post4-content_content {
margin-right: auto;
}
.blog-post4-content_form-wrapper {
grid-row-gap: 12px;
flex-direction: column;
grid-template-columns: 1fr;
}
.blog-post4-related_item-content {
padding-left: 1.25rem;
padding-right: 1.25rem;
}
.navbar4_grid, .navbar4_resources-list {
grid-template-columns: 1fr;
}
.locales-wrapper {
margin-left: 0;
}
.footer5_bottom-inner {
flex-flow: column-reverse;
justify-content: flex-start;
align-items: flex-start;
display: flex;
}
.locales-divider {
display: none;
}
.header131_background-video {
max-width: 25rem;
margin-top: 8rem;
margin-bottom: 0%;
margin-left: 15%;
inset: 0% auto auto 0%;
}
.heading-style-huge {
font-size: 3rem;
}
.div-block-6 {
padding-right: 40px;
}
.paragraph-2 {
padding-right: 0;
}
.text-block-4 {
margin-top: 20px;
margin-bottom: 20px;
}
.div-block-8 {
display: block;
}
.text-block-6 {
text-align: left;
margin-right: 30px;
}
.heading-6 {
padding-top: 2rem;
}
.image-7 {
width: auto;
height: 150px;
}
.leistungspage.text-size-xxlarge {
text-align: left;
padding-right: 0;
}
.div-block-14 {
flex-flow: row;
}
.div-block-15.test-2 {
padding-left: .5rem;
padding-right: .5rem;
}
.main-content-wrapper.test {
grid-template-columns: repeat(auto-fit, minmax(173px, 3.25fr));
margin-left: 0;
margin-right: 0;
padding-left: 5%;
padding-right: 5%;
display: flex;
}
.main-content-wrapper.test.new-section {
flex-flow: column;
display: flex;
}
.main-content.test {
grid-column-gap: 0px;
grid-row-gap: 0px;
flex-flow: column;
grid-template-rows: auto;
grid-template-columns: 7.25fr;
grid-auto-columns: 1fr;
justify-content: flex-start;
align-items: center;
margin-left: 0;
margin-right: 0;
padding: 2rem .5rem;
display: block;
}
.block-a.test {
grid-column-gap: 20px;
grid-row-gap: 20px;
padding-bottom: 2rem;
padding-left: 0;
padding-right: 0;
display: flex;
}
.block-b.test {
grid-column-gap: 61px;
grid-row-gap: 61px;
grid-template-rows: auto;
grid-template-columns: 1fr;
grid-auto-columns: 1fr;
padding-left: 0;
padding-right: 0;
display: grid;
}
.button-styler {
padding-top: 3rem;
}
.team-block-collection-list {
flex-flow: column;
}
.team-block-image {
width: 150px;
}
.hero-section {
padding-left: 5%;
padding-right: 5%;
}
.hero_breadcrumb-links {
font-size: .8rem;
}
.text-block-16 {
font-size: 1rem;
}
.hero_datum-autor.test2 {
grid-column-gap: 0rem;
grid-row-gap: 0rem;
}
.hero_content-right {
padding-left: 0;
padding-right: 0;
}
.hero_breadcrumb-link-wrapper {
justify-content: center;
align-items: center;
}
.navbar_link-group {
margin-top: 2.5rem;
}
.navbar_dropdown-list-container {
width: 100%;
height: 100%;
}
.navbar_link-list-item {
position: relative;
}
.navbar_dropdown-list-content-wrapper {
height: 100%;
display: flex;
}
.navbar_button-wrapper {
flex-flow: column;
width: 100%;
}
.navbar_dropdown-list.is-bigger.w--open {
flex-flow: column;
justify-content: flex-start;
align-items: flex-start;
height: 100%;
display: flex;
}
.navbar_dropdown-list-link {
flex-flow: row;
}
.nav_component {
padding-left: 0;
padding-right: 0;
position: sticky;
}
.navbar_dropdown-list-column {
width: 100%;
}
.navbar_dropdown-toggle {
padding-top: .5rem;
padding-bottom: .5rem;
}
.excerpt-blog-styler {
margin-left: 0;
margin-right: 0;
}
.rich-text-blog {
padding-left: 0;
padding-right: 0;
}
.rich-text-blog h1 {
font-size: 2rem;
}
.rich-text-blog h2 {
font-size: 1.7rem;
}
.rich-text-blog h3 {
font-size: 1.5rem;
}
.rich-text-blog h4 {
font-size: 1.2rem;
}
.rich-text-blog h5 {
font-size: 1.1rem;
}
.rich-text-blog h6 {
font-size: 1rem;
}
.image-11, .blog3_item-meta-seperator-6.border-light, .text-block-20 {
display: none;
}
.excerpt-blog-styler-2 {
margin-left: 0;
margin-right: 0;
}
.text-block-24 {
justify-content: center;
align-items: flex-start;
display: flex;
}
.padding-custom4 {
padding-left: .5rem;
padding-right: .5rem;
}
.grid-item-icon {
display: flex;
}
.contact-form-component-right {
width: 100%;
}
.online-badge {
top: 64.5017px;
left: 62.0017px;
}
.avatar-title-wrapper {
flex-flow: column;
display: none;
}
.card-wrapper {
padding-left: .5rem;
}
.card-desc.text-size-tiny.text-color-secondary {
display: none;
}
.cta-icon-code-embedd {
width: 25px;
}
.header-image_root.dark-mode {
height: 200px;
}
.header-image_content-wrapper {
padding-left: 0;
padding-right: 0;
top: 0;
}
.header-image_content-wrapper_dark-mode {
padding-left: 20px;
padding-right: 20px;
top: 116px;
}
.header-image_wrapper-styler.insider-template {
height: 130px;
}
.tag-2.is-text {
display: none;
}
.insider_overview-list {
grid-template-columns: 1fr 1fr;
}
}
#w-node-_060db453-ecd1-4b09-30b0-39cbb2e574ce-2846164c, #w-node-_060db453-ecd1-4b09-30b0-39cbb2e574d8-2846164c {
grid-area: span 1 / span 1 / span 1 / span 1;
}
#w-node-_80da8935-1b02-07cc-8749-9e06ecab4568-2846164c {
grid-area: span 1 / span 2 / span 1 / span 2;
}
#w-node-_6f0a11b8-7cb4-db89-4767-7d1671a715fd-2846164c {
align-self: end;
}
#w-node-_21f1efac-9888-e5e0-3b74-2a9969704156-2846164c {
grid-area: 1 / 1 / 2 / 2;
}
#w-node-_3371f8d9-2fac-637f-0a7f-4f65b2962487-b2962480 {
grid-area: span 1 / span 2 / span 1 / span 2;
}
#w-node-_22c1c3bc-d0d0-f634-256c-2d837743aac7-7743aabe {
align-self: end;
}
#w-node-_336be75c-ab2b-838b-5642-972b6cc86205-2846167b {
justify-self: start;
}
#w-node-_336be75c-ab2b-838b-5642-972b6cc86207-2846167b {
justify-self: center;
}
#w-node-_336be75c-ab2b-838b-5642-972b6cc8621b-2846167b {
grid-area: span 1 / span 1 / span 1 / span 1;
}
#w-node-_336be75c-ab2b-838b-5642-972b6cc8621c-2846167b {
justify-self: start;
}
#w-node-_336be75c-ab2b-838b-5642-972b6cc86220-2846167b {
grid-area: span 1 / span 1 / span 1 / span 1;
}
#w-node-_336be75c-ab2b-838b-5642-972b6cc86221-2846167b {
justify-self: start;
}
#w-node-_336be75c-ab2b-838b-5642-972b6cc86225-2846167b {
grid-area: span 1 / span 1 / span 1 / span 1;
}
#w-node-_336be75c-ab2b-838b-5642-972b6cc86226-2846167b {
justify-self: start;
}
#w-node-_336be75c-ab2b-838b-5642-972b6cc8622a-2846167b {
grid-area: span 1 / span 1 / span 1 / span 1;
}
#w-node-_336be75c-ab2b-838b-5642-972b6cc8622b-2846167b {
justify-self: start;
}
#w-node-_336be75c-ab2b-838b-5642-972b6cc8622f-2846167b {
grid-area: span 1 / span 1 / span 1 / span 1;
}
#w-node-_336be75c-ab2b-838b-5642-972b6cc86230-2846167b {
justify-self: start;
}
#w-node-_336be75c-ab2b-838b-5642-972b6cc86234-2846167b {
grid-area: span 1 / span 1 / span 1 / span 1;
}
#w-node-_336be75c-ab2b-838b-5642-972b6cc86235-2846167b {
justify-self: start;
}
#w-node-_336be75c-ab2b-838b-5642-972b6cc8623f-2846167b {
grid-area: span 1 / span 1 / span 1 / span 1;
}
#w-node-_336be75c-ab2b-838b-5642-972b6cc86240-2846167b {
justify-self: start;
}
#w-node-_336be75c-ab2b-838b-5642-972b6cc86244-2846167b {
grid-area: span 1 / span 1 / span 1 / span 1;
}
#w-node-_336be75c-ab2b-838b-5642-972b6cc86245-2846167b {
justify-self: start;
}
#w-node-_336be75c-ab2b-838b-5642-972b6cc86249-2846167b {
grid-area: span 1 / span 1 / span 1 / span 1;
}
#w-node-_336be75c-ab2b-838b-5642-972b6cc8624a-2846167b {
justify-self: start;
}
#w-node-_336be75c-ab2b-838b-5642-972b6cc8624e-2846167b {
grid-area: span 1 / span 1 / span 1 / span 1;
}
#w-node-_336be75c-ab2b-838b-5642-972b6cc8624f-2846167b {
justify-self: start;
}
#w-node-_336be75c-ab2b-838b-5642-972b6cc86253-2846167b {
grid-area: span 1 / span 1 / span 1 / span 1;
}
#w-node-_336be75c-ab2b-838b-5642-972b6cc86254-2846167b {
justify-self: start;
}
#w-node-_336be75c-ab2b-838b-5642-972b6cc86258-2846167b {
grid-area: span 1 / span 1 / span 1 / span 1;
}
#w-node-_336be75c-ab2b-838b-5642-972b6cc86259-2846167b {
justify-self: start;
}
#w-node-_336be75c-ab2b-838b-5642-972b6cc86263-2846167b {
grid-area: span 1 / span 1 / span 1 / span 1;
}
#w-node-_336be75c-ab2b-838b-5642-972b6cc86264-2846167b {
justify-self: start;
}
#w-node-_336be75c-ab2b-838b-5642-972b6cc86268-2846167b {
grid-area: span 1 / span 1 / span 1 / span 1;
}
#w-node-_336be75c-ab2b-838b-5642-972b6cc86269-2846167b {
justify-self: start;
}
#w-node-_336be75c-ab2b-838b-5642-972b6cc8626d-2846167b {
grid-area: span 1 / span 1 / span 1 / span 1;
}
#w-node-_336be75c-ab2b-838b-5642-972b6cc8626e-2846167b {
justify-self: start;
}
#w-node-_336be75c-ab2b-838b-5642-972b6cc86272-2846167b {
grid-area: span 1 / span 1 / span 1 / span 1;
}
#w-node-_336be75c-ab2b-838b-5642-972b6cc86273-2846167b {
justify-self: start;
}
#w-node-_336be75c-ab2b-838b-5642-972b6cc8627c-2846167b {
grid-area: span 1 / span 1 / span 1 / span 1;
}
#w-node-_336be75c-ab2b-838b-5642-972b6cc8627d-2846167b {
justify-self: start;
}
#w-node-_336be75c-ab2b-838b-5642-972b6cc86286-2846167b {
grid-area: span 1 / span 1 / span 1 / span 1;
}
#w-node-_336be75c-ab2b-838b-5642-972b6cc86287-2846167b {
justify-self: start;
}
#w-node-_336be75c-ab2b-838b-5642-972b6cc86299-2846167b {
grid-area: span 1 / span 1 / span 1 / span 1;
}
#w-node-_336be75c-ab2b-838b-5642-972b6cc8629a-2846167b {
justify-self: start;
}
#w-node-_5b4f1340-db46-c786-ed78-80fbc8519d77-2846167b {
grid-area: span 1 / span 1 / span 1 / span 1;
}
#w-node-_5b4f1340-db46-c786-ed78-80fbc8519d78-2846167b {
justify-self: start;
}
#w-node-_336be75c-ab2b-838b-5642-972b6cc8629e-2846167b {
grid-area: span 1 / span 1 / span 1 / span 1;
}
#w-node-_336be75c-ab2b-838b-5642-972b6cc8629f-2846167b {
justify-self: start;
}
#w-node-_336be75c-ab2b-838b-5642-972b6cc862a3-2846167b {
grid-area: span 1 / span 1 / span 1 / span 1;
}
#w-node-_336be75c-ab2b-838b-5642-972b6cc862a4-2846167b {
justify-self: start;
}
#w-node-_336be75c-ab2b-838b-5642-972b6cc862a8-2846167b {
grid-area: span 1 / span 1 / span 1 / span 1;
}
#w-node-_336be75c-ab2b-838b-5642-972b6cc862a9-2846167b {
justify-self: start;
}
#w-node-_336be75c-ab2b-838b-5642-972b6cc862ad-2846167b {
grid-area: span 1 / span 1 / span 1 / span 1;
}
#w-node-_336be75c-ab2b-838b-5642-972b6cc862ae-2846167b {
justify-self: start;
}
#w-node-_336be75c-ab2b-838b-5642-972b6cc862b8-2846167b {
grid-area: span 1 / span 1 / span 1 / span 1;
}
#w-node-_336be75c-ab2b-838b-5642-972b6cc862b9-2846167b {
justify-self: start;
}
#w-node-_336be75c-ab2b-838b-5642-972b6cc862bd-2846167b {
grid-area: span 1 / span 1 / span 1 / span 1;
}
#w-node-_336be75c-ab2b-838b-5642-972b6cc862be-2846167b {
justify-self: start;
}
#w-node-_336be75c-ab2b-838b-5642-972b6cc862c2-2846167b {
grid-area: span 1 / span 1 / span 1 / span 1;
}
#w-node-_336be75c-ab2b-838b-5642-972b6cc862c3-2846167b {
justify-self: start;
}
#w-node-_336be75c-ab2b-838b-5642-972b6cc862c7-2846167b {
grid-area: span 1 / span 1 / span 1 / span 1;
}
#w-node-_336be75c-ab2b-838b-5642-972b6cc862c8-2846167b {
justify-self: start;
}
#w-node-_336be75c-ab2b-838b-5642-972b6cc862cc-2846167b {
grid-area: span 1 / span 1 / span 1 / span 1;
}
#w-node-_336be75c-ab2b-838b-5642-972b6cc862cd-2846167b {
justify-self: start;
}
#w-node-_336be75c-ab2b-838b-5642-972b6cc862d1-2846167b {
grid-area: span 1 / span 1 / span 1 / span 1;
}
#w-node-_336be75c-ab2b-838b-5642-972b6cc862d2-2846167b {
justify-self: start;
}
#w-node-_336be75c-ab2b-838b-5642-972b6cc862dd-2846167b {
grid-area: span 1 / span 1 / span 1 / span 1;
}
#w-node-_336be75c-ab2b-838b-5642-972b6cc862de-2846167b {
justify-self: start;
}
#w-node-_336be75c-ab2b-838b-5642-972b6cc862e2-2846167b {
grid-area: span 1 / span 1 / span 1 / span 1;
}
#w-node-_336be75c-ab2b-838b-5642-972b6cc862e3-2846167b {
justify-self: start;
}
#w-node-_336be75c-ab2b-838b-5642-972b6cc862e7-2846167b {
grid-area: span 1 / span 1 / span 1 / span 1;
}
#w-node-_336be75c-ab2b-838b-5642-972b6cc862e8-2846167b {
justify-self: start;
}
#w-node-_336be75c-ab2b-838b-5642-972b6cc862ec-2846167b {
grid-area: span 1 / span 1 / span 1 / span 1;
}
#w-node-_336be75c-ab2b-838b-5642-972b6cc862ed-2846167b {
justify-self: start;
}
#w-node-_336be75c-ab2b-838b-5642-972b6cc862f1-2846167b {
grid-area: span 1 / span 1 / span 1 / span 1;
}
#w-node-_336be75c-ab2b-838b-5642-972b6cc862f2-2846167b {
justify-self: start;
}
#w-node-_336be75c-ab2b-838b-5642-972b6cc862f6-2846167b {
grid-area: span 1 / span 1 / span 1 / span 1;
}
#w-node-_336be75c-ab2b-838b-5642-972b6cc862f7-2846167b {
justify-self: start;
}
#w-node-_336be75c-ab2b-838b-5642-972b6cc862fb-2846167b {
grid-area: span 1 / span 1 / span 1 / span 1;
}
#w-node-_336be75c-ab2b-838b-5642-972b6cc862fc-2846167b {
justify-self: start;
}
#w-node-_336be75c-ab2b-838b-5642-972b6cc86300-2846167b {
grid-area: span 1 / span 1 / span 1 / span 1;
}
#w-node-_336be75c-ab2b-838b-5642-972b6cc86301-2846167b {
justify-self: start;
}
#w-node-_336be75c-ab2b-838b-5642-972b6cc86305-2846167b {
grid-area: span 1 / span 1 / span 1 / span 1;
}
#w-node-_336be75c-ab2b-838b-5642-972b6cc86306-2846167b {
justify-self: start;
}
#w-node-aceb9adc-ab11-ae9c-832d-ba0cb63794ca-2846167b {
grid-area: span 1 / span 1 / span 1 / span 1;
}
#w-node-aceb9adc-ab11-ae9c-832d-ba0cb63794cb-2846167b {
justify-self: start;
}
#w-node-_336be75c-ab2b-838b-5642-972b6cc86310-2846167b {
grid-area: span 1 / span 1 / span 1 / span 1;
}
#w-node-_336be75c-ab2b-838b-5642-972b6cc86311-2846167b {
justify-self: start;
}
#w-node-_336be75c-ab2b-838b-5642-972b6cc86315-2846167b {
grid-area: span 1 / span 1 / span 1 / span 1;
}
#w-node-_336be75c-ab2b-838b-5642-972b6cc86316-2846167b {
justify-self: start;
}
#w-node-_336be75c-ab2b-838b-5642-972b6cc8631a-2846167b {
grid-area: span 1 / span 1 / span 1 / span 1;
}
#w-node-_336be75c-ab2b-838b-5642-972b6cc8631b-2846167b {
justify-self: start;
}
#w-node-_336be75c-ab2b-838b-5642-972b6cc86322-2846167b {
grid-area: span 1 / span 1 / span 1 / span 1;
}
#w-node-_336be75c-ab2b-838b-5642-972b6cc86323-2846167b {
justify-self: start;
}
#w-node-e9f32a64-fc89-70ea-ccef-8f5fa64bd5fd-2846167b, #w-node-e9f32a64-fc89-70ea-ccef-8f5fa64bd600-2846167b, #w-node-_5260568a-938d-ea68-0c74-308a8209edce-2846167b, #w-node-_5260568a-938d-ea68-0c74-308a8209edd1-2846167b, #w-node-_06b32c98-aea3-8ba0-a51d-a7fca0302b82-2846167b, #w-node-_06b32c98-aea3-8ba0-a51d-a7fca0302b85-2846167b, #w-node-e9f32a64-fc89-70ea-ccef-8f5fa64bd604-2846167b, #w-node-e9f32a64-fc89-70ea-ccef-8f5fa64bd605-2846167b, #w-node-e9f32a64-fc89-70ea-ccef-8f5fa64bd608-2846167b, #w-node-e9f32a64-fc89-70ea-ccef-8f5fa64bd609-2846167b, #w-node-e9f32a64-fc89-70ea-ccef-8f5fa64bd60c-2846167b, #w-node-_336be75c-ab2b-838b-5642-972b6cc86393-2846167b {
grid-area: span 1 / span 1 / span 1 / span 1;
}
#w-node-_336be75c-ab2b-838b-5642-972b6cc86394-2846167b {
justify-self: start;
}
#w-node-_336be75c-ab2b-838b-5642-972b6cc8638e-2846167b {
grid-area: span 1 / span 1 / span 1 / span 1;
}
#w-node-_336be75c-ab2b-838b-5642-972b6cc8638f-2846167b {
justify-self: start;
}
#w-node-_7304dac8-f593-d71d-1de4-011e92740d9b-2846167b {
grid-area: span 1 / span 1 / span 1 / span 1;
}
#w-node-_7304dac8-f593-d71d-1de4-011e92740d9c-2846167b {
justify-self: start;
}
#w-node-c97d2f4c-a980-bb5b-78e5-2721ac744da4-2846167b {
grid-area: span 1 / span 1 / span 1 / span 1;
}
#w-node-c97d2f4c-a980-bb5b-78e5-2721ac744da5-2846167b {
justify-self: start;
}
#w-node-_06aa1bf4-9138-5698-358d-7b7066841d42-2846167b {
grid-area: span 1 / span 1 / span 1 / span 1;
}
#w-node-_06aa1bf4-9138-5698-358d-7b7066841d43-2846167b {
justify-self: start;
}
#w-node-_336be75c-ab2b-838b-5642-972b6cc863ba-2846167b, #w-node-_336be75c-ab2b-838b-5642-972b6cc863bd-2846167b, #w-node-_336be75c-ab2b-838b-5642-972b6cc863be-2846167b, #w-node-_336be75c-ab2b-838b-5642-972b6cc863c1-2846167b, #w-node-_336be75c-ab2b-838b-5642-972b6cc863c2-2846167b, #w-node-_336be75c-ab2b-838b-5642-972b6cc863c5-2846167b, #w-node-_336be75c-ab2b-838b-5642-972b6cc863c6-2846167b, #w-node-_336be75c-ab2b-838b-5642-972b6cc863ca-2846167b, #w-node-_336be75c-ab2b-838b-5642-972b6cc863cd-2846167b, #w-node-_336be75c-ab2b-838b-5642-972b6cc863ce-2846167b, #w-node-_336be75c-ab2b-838b-5642-972b6cc863d1-2846167b, #w-node-_336be75c-ab2b-838b-5642-972b6cc863d2-2846167b, #w-node-_336be75c-ab2b-838b-5642-972b6cc863d5-2846167b, #w-node-_336be75c-ab2b-838b-5642-972b6cc863dd-2846167b, #w-node-_336be75c-ab2b-838b-5642-972b6cc863de-2846167b {
grid-area: span 1 / span 1 / span 1 / span 1;
}
#w-node-_336be75c-ab2b-838b-5642-972b6cc863df-2846167b {
justify-self: start;
}
#w-node-_336be75c-ab2b-838b-5642-972b6cc863e1-2846167b, #w-node-_336be75c-ab2b-838b-5642-972b6cc863e4-2846167b, #w-node-_336be75c-ab2b-838b-5642-972b6cc863e5-2846167b {
grid-area: span 1 / span 1 / span 1 / span 1;
}
#w-node-_336be75c-ab2b-838b-5642-972b6cc863e6-2846167b {
justify-self: start;
}
#w-node-_336be75c-ab2b-838b-5642-972b6cc863ea-2846167b, #w-node-_336be75c-ab2b-838b-5642-972b6cc863ed-2846167b, #w-node-_336be75c-ab2b-838b-5642-972b6cc863ee-2846167b {
grid-area: span 1 / span 1 / span 1 / span 1;
}
#w-node-_336be75c-ab2b-838b-5642-972b6cc863ef-2846167b {
justify-self: start;
}
#w-node-_336be75c-ab2b-838b-5642-972b6cc863f3-2846167b, #w-node-_336be75c-ab2b-838b-5642-972b6cc863f7-2846167b {
grid-area: span 1 / span 1 / span 1 / span 1;
}
#w-node-_336be75c-ab2b-838b-5642-972b6cc863f8-2846167b {
justify-self: start;
}
#w-node-_336be75c-ab2b-838b-5642-972b6cc863fe-2846167b, #w-node-e9f171cc-11b4-0905-714d-593dc5e729cd-2846167b, #w-node-e9f171cc-11b4-0905-714d-593dc5e729ce-2846167b {
grid-area: span 1 / span 1 / span 1 / span 1;
}
#w-node-e9f171cc-11b4-0905-714d-593dc5e729cf-2846167b {
justify-self: start;
}
#w-node-e9f171cc-11b4-0905-714d-593dc5e729d3-2846167b, #w-node-_803d93b2-f316-78e7-4b37-d40ff102217f-2846167b, #w-node-_803d93b2-f316-78e7-4b37-d40ff1022180-2846167b {
grid-area: span 1 / span 1 / span 1 / span 1;
}
#w-node-_803d93b2-f316-78e7-4b37-d40ff1022181-2846167b {
justify-self: start;
}
#w-node-_803d93b2-f316-78e7-4b37-d40ff1022187-2846167b, #w-node-_336be75c-ab2b-838b-5642-972b6cc86402-2846167b {
grid-area: span 1 / span 1 / span 1 / span 1;
}
#w-node-_336be75c-ab2b-838b-5642-972b6cc86403-2846167b {
justify-self: start;
}
#w-node-_336be75c-ab2b-838b-5642-972b6cc86407-2846167b, #w-node-_336be75c-ab2b-838b-5642-972b6cc8640a-2846167b, #w-node-_336be75c-ab2b-838b-5642-972b6cc8640f-2846167b, #w-node-_336be75c-ab2b-838b-5642-972b6cc86410-2846167b {
grid-area: span 1 / span 1 / span 1 / span 1;
}
#w-node-_336be75c-ab2b-838b-5642-972b6cc86411-2846167b {
justify-self: start;
}
#w-node-_336be75c-ab2b-838b-5642-972b6cc86415-2846167b, #w-node-_336be75c-ab2b-838b-5642-972b6cc86418-2846167b, #w-node-_336be75c-ab2b-838b-5642-972b6cc86419-2846167b {
grid-area: span 1 / span 1 / span 1 / span 1;
}
#w-node-_336be75c-ab2b-838b-5642-972b6cc8641a-2846167b {
justify-self: start;
}
#w-node-_336be75c-ab2b-838b-5642-972b6cc86420-2846167b, #w-node-_336be75c-ab2b-838b-5642-972b6cc86423-2846167b, #w-node-_336be75c-ab2b-838b-5642-972b6cc86424-2846167b {
grid-area: span 1 / span 1 / span 1 / span 1;
}
#w-node-_336be75c-ab2b-838b-5642-972b6cc86425-2846167b {
justify-self: start;
}
#w-node-_336be75c-ab2b-838b-5642-972b6cc8642b-2846167b, #w-node-_336be75c-ab2b-838b-5642-972b6cc8642e-2846167b, #w-node-_336be75c-ab2b-838b-5642-972b6cc8642f-2846167b {
grid-area: span 1 / span 1 / span 1 / span 1;
}
#w-node-_336be75c-ab2b-838b-5642-972b6cc86430-2846167b {
justify-self: start;
}
#w-node-_336be75c-ab2b-838b-5642-972b6cc86438-2846167b, #w-node-_336be75c-ab2b-838b-5642-972b6cc8643b-2846167b, #w-node-_336be75c-ab2b-838b-5642-972b6cc8643c-2846167b {
grid-area: span 1 / span 1 / span 1 / span 1;
}
#w-node-_336be75c-ab2b-838b-5642-972b6cc8643d-2846167b {
justify-self: start;
}
#w-node-_336be75c-ab2b-838b-5642-972b6cc86449-2846167b, #w-node-_336be75c-ab2b-838b-5642-972b6cc8644a-2846167b {
grid-area: span 1 / span 1 / span 1 / span 1;
}
#w-node-_336be75c-ab2b-838b-5642-972b6cc8644b-2846167b {
justify-self: start;
}
#w-node-_336be75c-ab2b-838b-5642-972b6cc8644f-2846167b, #w-node-_336be75c-ab2b-838b-5642-972b6cc86454-2846167b, #w-node-_336be75c-ab2b-838b-5642-972b6cc86455-2846167b {
grid-area: span 1 / span 1 / span 1 / span 1;
}
#w-node-_336be75c-ab2b-838b-5642-972b6cc86456-2846167b {
justify-self: start;
}
#w-node-_336be75c-ab2b-838b-5642-972b6cc8645c-2846167b, #w-node-_336be75c-ab2b-838b-5642-972b6cc86461-2846167b, #w-node-_336be75c-ab2b-838b-5642-972b6cc86462-2846167b {
grid-area: span 1 / span 1 / span 1 / span 1;
}
#w-node-_336be75c-ab2b-838b-5642-972b6cc86463-2846167b {
justify-self: start;
}
#w-node-_336be75c-ab2b-838b-5642-972b6cc86469-2846167b, #w-node-_336be75c-ab2b-838b-5642-972b6cc8646e-2846167b, #w-node-_336be75c-ab2b-838b-5642-972b6cc8646f-2846167b {
grid-area: span 1 / span 1 / span 1 / span 1;
}
#w-node-_336be75c-ab2b-838b-5642-972b6cc86470-2846167b {
justify-self: start;
}
#w-node-_336be75c-ab2b-838b-5642-972b6cc86478-2846167b, #w-node-_336be75c-ab2b-838b-5642-972b6cc8647e-2846167b {
grid-area: span 1 / span 1 / span 1 / span 1;
}
#w-node-_336be75c-ab2b-838b-5642-972b6cc8647f-2846167b {
justify-self: start;
}
#w-node-_336be75c-ab2b-838b-5642-972b6cc86485-2846167b, #w-node-bf202792-073b-d0b9-2e3f-1ac68c32701c-2846167b, #w-node-bf202792-073b-d0b9-2e3f-1ac68c32701d-2846167b {
grid-area: span 1 / span 1 / span 1 / span 1;
}
#w-node-bf202792-073b-d0b9-2e3f-1ac68c32701e-2846167b {
justify-self: start;
}
#w-node-bf202792-073b-d0b9-2e3f-1ac68c327022-2846167b, #w-node-_7c4d1b7c-78f1-8ac7-381e-93ec539e1608-2846167b, #w-node-_7c4d1b7c-78f1-8ac7-381e-93ec539e1609-2846167b {
grid-area: span 1 / span 1 / span 1 / span 1;
}
#w-node-_7c4d1b7c-78f1-8ac7-381e-93ec539e160a-2846167b {
justify-self: start;
}
#w-node-_7c4d1b7c-78f1-8ac7-381e-93ec539e1610-2846167b, #w-node-_45e7d798-6f20-3ddc-ae2f-bdd2974eece1-2846167b, #w-node-_45e7d798-6f20-3ddc-ae2f-bdd2974eece2-2846167b {
grid-area: span 1 / span 1 / span 1 / span 1;
}
#w-node-_45e7d798-6f20-3ddc-ae2f-bdd2974eece3-2846167b {
justify-self: start;
}
#w-node-_45e7d798-6f20-3ddc-ae2f-bdd2974eece9-2846167b, #w-node-efb2dd60-0fd7-ccc6-83fa-c5f7f2777b7e-2846167b, #w-node-efb2dd60-0fd7-ccc6-83fa-c5f7f2777b7f-2846167b {
grid-area: span 1 / span 1 / span 1 / span 1;
}
#w-node-efb2dd60-0fd7-ccc6-83fa-c5f7f2777b80-2846167b {
justify-self: start;
}
#w-node-efb2dd60-0fd7-ccc6-83fa-c5f7f2777b88-2846167b, #w-node-_0a1c269a-9c65-cac5-d78d-08680a95253d-2846167b, #w-node-_0a1c269a-9c65-cac5-d78d-08680a95253e-2846167b {
grid-area: span 1 / span 1 / span 1 / span 1;
}
#w-node-_0a1c269a-9c65-cac5-d78d-08680a95253f-2846167b {
justify-self: start;
}
#w-node-_0a1c269a-9c65-cac5-d78d-08680a952545-2846167b, #w-node-ee513712-f44c-c02b-b1ea-6045fc69ab7c-2846167b, #w-node-ee513712-f44c-c02b-b1ea-6045fc69ab7d-2846167b {
grid-area: span 1 / span 1 / span 1 / span 1;
}
#w-node-ee513712-f44c-c02b-b1ea-6045fc69ab7e-2846167b {
justify-self: start;
}
#w-node-ee513712-f44c-c02b-b1ea-6045fc69ab86-2846167b, #w-node-_40872103-aff7-c010-da67-704a8f3f1108-2846167b {
grid-area: span 1 / span 1 / span 1 / span 1;
}
#w-node-_40872103-aff7-c010-da67-704a8f3f1109-2846167b {
justify-self: start;
}
#w-node-_40872103-aff7-c010-da67-704a8f3f110f-2846167b, #w-node-_336be75c-ab2b-838b-5642-972b6cc8648f-2846167b, #w-node-_336be75c-ab2b-838b-5642-972b6cc86490-2846167b, #w-node-_336be75c-ab2b-838b-5642-972b6cc86491-2846167b {
grid-area: span 1 / span 1 / span 1 / span 1;
}
#w-node-_336be75c-ab2b-838b-5642-972b6cc86492-2846167b {
justify-self: start;
}
#w-node-_336be75c-ab2b-838b-5642-972b6cc86494-2846167b, #w-node-_336be75c-ab2b-838b-5642-972b6cc86497-2846167b, #w-node-_336be75c-ab2b-838b-5642-972b6cc8649b-2846167b, #w-node-_336be75c-ab2b-838b-5642-972b6cc8649c-2846167b, #w-node-_336be75c-ab2b-838b-5642-972b6cc8649d-2846167b, #w-node-_336be75c-ab2b-838b-5642-972b6cc864a6-2846167b, #w-node-_336be75c-ab2b-838b-5642-972b6cc864a7-2846167b, #w-node-_336be75c-ab2b-838b-5642-972b6cc864a8-2846167b, #w-node-_336be75c-ab2b-838b-5642-972b6cc864b1-2846167b, #w-node-_336be75c-ab2b-838b-5642-972b6cc864b2-2846167b, #w-node-_336be75c-ab2b-838b-5642-972b6cc864b3-2846167b {
grid-area: span 1 / span 1 / span 1 / span 1;
}
#w-node-_336be75c-ab2b-838b-5642-972b6cc864b4-2846167b {
justify-self: start;
}
#w-node-_336be75c-ab2b-838b-5642-972b6cc864ba-2846167b, #w-node-_336be75c-ab2b-838b-5642-972b6cc864bb-2846167b, #w-node-_336be75c-ab2b-838b-5642-972b6cc864bc-2846167b {
grid-area: span 1 / span 1 / span 1 / span 1;
}
#w-node-_336be75c-ab2b-838b-5642-972b6cc864bd-2846167b {
justify-self: start;
}
#w-node-da163454-3d7f-a6d2-8037-3b46b9c50abd-2846167b, #w-node-_336be75c-ab2b-838b-5642-972b6cc864c3-2846167b, #w-node-_336be75c-ab2b-838b-5642-972b6cc864c4-2846167b, #w-node-_336be75c-ab2b-838b-5642-972b6cc864c5-2846167b {
grid-area: span 1 / span 1 / span 1 / span 1;
}
#w-node-_336be75c-ab2b-838b-5642-972b6cc864c6-2846167b, #w-node-_336be75c-ab2b-838b-5642-972b6cc864c8-2846167b {
justify-self: start;
}
#w-node-efe47a2c-71a3-58fc-52e2-5719cef52200-2846167b, #w-node-_4992825b-ed2c-cb01-ffba-02b107e55803-2846167b, #w-node-_4992825b-ed2c-cb01-ffba-02b107e55804-2846167b, #w-node-_4992825b-ed2c-cb01-ffba-02b107e55805-2846167b {
grid-area: span 1 / span 1 / span 1 / span 1;
}
#w-node-_4992825b-ed2c-cb01-ffba-02b107e55806-2846167b {
justify-self: start;
}
#w-node-_4992825b-ed2c-cb01-ffba-02b107e55808-2846167b, #w-node-_4992825b-ed2c-cb01-ffba-02b107e5580b-2846167b, #w-node-_4992825b-ed2c-cb01-ffba-02b107e5580f-2846167b, #w-node-_4992825b-ed2c-cb01-ffba-02b107e55810-2846167b, #w-node-_4992825b-ed2c-cb01-ffba-02b107e55811-2846167b, #w-node-_4992825b-ed2c-cb01-ffba-02b107e5581a-2846167b, #w-node-_4992825b-ed2c-cb01-ffba-02b107e5581b-2846167b, #w-node-_4992825b-ed2c-cb01-ffba-02b107e5581c-2846167b, #w-node-_4992825b-ed2c-cb01-ffba-02b107e55825-2846167b, #w-node-_4992825b-ed2c-cb01-ffba-02b107e55826-2846167b, #w-node-_4992825b-ed2c-cb01-ffba-02b107e55827-2846167b {
grid-area: span 1 / span 1 / span 1 / span 1;
}
#w-node-_4992825b-ed2c-cb01-ffba-02b107e55828-2846167b {
justify-self: start;
}
#w-node-_4992825b-ed2c-cb01-ffba-02b107e5582e-2846167b, #w-node-_4992825b-ed2c-cb01-ffba-02b107e5582f-2846167b, #w-node-_4992825b-ed2c-cb01-ffba-02b107e55830-2846167b {
grid-area: span 1 / span 1 / span 1 / span 1;
}
#w-node-_4992825b-ed2c-cb01-ffba-02b107e55831-2846167b {
justify-self: start;
}
#w-node-_4992825b-ed2c-cb01-ffba-02b107e55833-2846167b, #w-node-_4992825b-ed2c-cb01-ffba-02b107e55837-2846167b, #w-node-_4992825b-ed2c-cb01-ffba-02b107e55838-2846167b, #w-node-_4992825b-ed2c-cb01-ffba-02b107e55839-2846167b {
grid-area: span 1 / span 1 / span 1 / span 1;
}
#w-node-_4992825b-ed2c-cb01-ffba-02b107e5583a-2846167b, #w-node-_4992825b-ed2c-cb01-ffba-02b107e5583c-2846167b {
justify-self: start;
}
#w-node-_4a155e2a-eb56-5e64-2ca9-d86b21d2d284-2846167b, #w-node-_4a155e2a-eb56-5e64-2ca9-d86b21d2d285-2846167b, #w-node-a9020bef-146e-1178-2cc2-7b5aa4506421-2846167b, #w-node-a9020bef-146e-1178-2cc2-7b5aa4506422-2846167b, #w-node-_0c03b128-114e-b839-dd05-3a93ee2fd443-2846167b, #w-node-_0c03b128-114e-b839-dd05-3a93ee2fd444-2846167b, #w-node-_0c03b128-114e-b839-dd05-3a93ee2fd44a-2846167b, #w-node-_0c03b128-114e-b839-dd05-3a93ee2fd44b-2846167b, #w-node-_9a3cb5be-cc97-b70e-6a89-31a359369290-2846167b, #w-node-_9a3cb5be-cc97-b70e-6a89-31a359369294-2846167b {
grid-area: span 1 / span 1 / span 1 / span 1;
}
#w-node-_9a3cb5be-cc97-b70e-6a89-31a359369295-2846167b {
justify-self: start;
}
#w-node-_9a3cb5be-cc97-b70e-6a89-31a359369297-2846167b {
grid-area: span 1 / span 1 / span 1 / span 1;
justify-self: start;
}
#w-node-_9a3cb5be-cc97-b70e-6a89-31a359369299-2846167b {
grid-area: span 1 / span 1 / span 1 / span 1;
}
#w-node-_9a3cb5be-cc97-b70e-6a89-31a35936929a-2846167b {
justify-self: start;
}
#w-node-_9a3cb5be-cc97-b70e-6a89-31a35936929c-2846167b {
grid-area: span 1 / span 1 / span 1 / span 1;
justify-self: start;
}
#w-node-_9a3cb5be-cc97-b70e-6a89-31a35936929e-2846167b {
grid-area: span 1 / span 1 / span 1 / span 1;
}
#w-node-_9a3cb5be-cc97-b70e-6a89-31a35936929f-2846167b {
justify-self: start;
}
#w-node-_9a3cb5be-cc97-b70e-6a89-31a3593692a1-2846167b {
grid-area: span 1 / span 1 / span 1 / span 1;
justify-self: start;
}
#w-node-_9a3cb5be-cc97-b70e-6a89-31a3593692a3-2846167b {
grid-area: span 1 / span 1 / span 1 / span 1;
}
#w-node-_9a3cb5be-cc97-b70e-6a89-31a3593692a4-2846167b {
justify-self: start;
}
#w-node-_9a3cb5be-cc97-b70e-6a89-31a3593692a6-2846167b {
grid-area: span 1 / span 1 / span 1 / span 1;
justify-self: start;
}
#w-node-_9a3cb5be-cc97-b70e-6a89-31a3593692a8-2846167b {
grid-area: span 1 / span 1 / span 1 / span 1;
}
#w-node-_9a3cb5be-cc97-b70e-6a89-31a3593692a9-2846167b {
justify-self: start;
}
#w-node-_9a3cb5be-cc97-b70e-6a89-31a3593692ab-2846167b {
grid-area: span 1 / span 1 / span 1 / span 1;
justify-self: start;
}
#w-node-_9a3cb5be-cc97-b70e-6a89-31a3593692ad-2846167b {
grid-area: span 1 / span 1 / span 1 / span 1;
}
#w-node-_9a3cb5be-cc97-b70e-6a89-31a3593692ae-2846167b {
justify-self: start;
}
#w-node-_9a3cb5be-cc97-b70e-6a89-31a3593692b0-2846167b, #w-node-_8ec19c33-ae2e-90c5-80bf-3c4e7d639cd4-2846167b, #w-node-_450fae6e-ea6c-c71d-c007-cbe7f109d617-2846167b, #w-node-dcc5fc80-562f-447f-055c-339db14678d8-2846167b, #w-node-_9a3cb5be-cc97-b70e-6a89-31a3593692b2-2846167b {
grid-area: span 1 / span 1 / span 1 / span 1;
}
#w-node-_9a3cb5be-cc97-b70e-6a89-31a3593692b3-2846167b {
justify-self: start;
}
#w-node-_9a3cb5be-cc97-b70e-6a89-31a3593692b5-2846167b, #w-node-_9a3cb5be-cc97-b70e-6a89-31a3593692b6-2846167b, #w-node-_9a3cb5be-cc97-b70e-6a89-31a3593692b8-2846167b {
grid-area: span 1 / span 1 / span 1 / span 1;
}
#w-node-_9a3cb5be-cc97-b70e-6a89-31a3593692b9-2846167b {
justify-self: start;
}
#w-node-_9a3cb5be-cc97-b70e-6a89-31a3593692bb-2846167b, #w-node-_9a3cb5be-cc97-b70e-6a89-31a3593692bc-2846167b, #w-node-_9a3cb5be-cc97-b70e-6a89-31a3593692be-2846167b {
grid-area: span 1 / span 1 / span 1 / span 1;
}
#w-node-_9a3cb5be-cc97-b70e-6a89-31a3593692bf-2846167b {
justify-self: start;
}
#w-node-_9a3cb5be-cc97-b70e-6a89-31a3593692c1-2846167b, #w-node-_9a3cb5be-cc97-b70e-6a89-31a3593692c2-2846167b, #w-node-_9a3cb5be-cc97-b70e-6a89-31a3593692c4-2846167b {
grid-area: span 1 / span 1 / span 1 / span 1;
}
#w-node-_9a3cb5be-cc97-b70e-6a89-31a3593692c5-2846167b {
justify-self: start;
}
#w-node-_9a3cb5be-cc97-b70e-6a89-31a3593692c7-2846167b, #w-node-_9a3cb5be-cc97-b70e-6a89-31a3593692cd-2846167b, #w-node-_9a3cb5be-cc97-b70e-6a89-31a3593692d1-2846167b {
grid-area: span 1 / span 1 / span 1 / span 1;
}
#w-node-_9a3cb5be-cc97-b70e-6a89-31a3593692d2-2846167b {
justify-self: start;
}
#w-node-_9a3cb5be-cc97-b70e-6a89-31a3593692d4-2846167b, #w-node-_9a3cb5be-cc97-b70e-6a89-31a3593692d6-2846167b {
grid-area: span 1 / span 1 / span 1 / span 1;
}
#w-node-_9a3cb5be-cc97-b70e-6a89-31a3593692d7-2846167b {
justify-self: start;
}
#w-node-_9a3cb5be-cc97-b70e-6a89-31a3593692d9-2846167b {
grid-area: span 1 / span 1 / span 1 / span 1;
justify-self: start;
}
#w-node-_9a3cb5be-cc97-b70e-6a89-31a3593692db-2846167b {
grid-area: span 1 / span 1 / span 1 / span 1;
}
#w-node-_9a3cb5be-cc97-b70e-6a89-31a3593692dc-2846167b {
justify-self: start;
}
#w-node-_9a3cb5be-cc97-b70e-6a89-31a3593692de-2846167b {
grid-area: span 1 / span 1 / span 1 / span 1;
justify-self: start;
}
#w-node-_9a3cb5be-cc97-b70e-6a89-31a3593692e0-2846167b {
grid-area: span 1 / span 1 / span 1 / span 1;
}
#w-node-_9a3cb5be-cc97-b70e-6a89-31a3593692e1-2846167b {
justify-self: start;
}
#w-node-_9a3cb5be-cc97-b70e-6a89-31a3593692e3-2846167b {
grid-area: span 1 / span 1 / span 1 / span 1;
justify-self: start;
}
#w-node-_9a3cb5be-cc97-b70e-6a89-31a3593692e5-2846167b {
grid-area: span 1 / span 1 / span 1 / span 1;
}
#w-node-_9a3cb5be-cc97-b70e-6a89-31a3593692e6-2846167b {
justify-self: start;
}
#w-node-_9a3cb5be-cc97-b70e-6a89-31a3593692e8-2846167b {
grid-area: span 1 / span 1 / span 1 / span 1;
justify-self: start;
}
#w-node-_9a3cb5be-cc97-b70e-6a89-31a3593692ea-2846167b {
grid-area: span 1 / span 1 / span 1 / span 1;
}
#w-node-_9a3cb5be-cc97-b70e-6a89-31a3593692eb-2846167b {
justify-self: start;
}
#w-node-_9a3cb5be-cc97-b70e-6a89-31a3593692ed-2846167b {
grid-area: span 1 / span 1 / span 1 / span 1;
justify-self: start;
}
#w-node-_9a3cb5be-cc97-b70e-6a89-31a3593692ef-2846167b {
grid-area: span 1 / span 1 / span 1 / span 1;
}
#w-node-_9a3cb5be-cc97-b70e-6a89-31a3593692f0-2846167b {
justify-self: start;
}
#w-node-_9a3cb5be-cc97-b70e-6a89-31a3593692f2-2846167b {
grid-area: span 1 / span 1 / span 1 / span 1;
justify-self: start;
}
#w-node-_9a3cb5be-cc97-b70e-6a89-31a3593692f4-2846167b {
grid-area: span 1 / span 1 / span 1 / span 1;
}
#w-node-_9a3cb5be-cc97-b70e-6a89-31a3593692f5-2846167b {
justify-self: start;
}
#w-node-_9a3cb5be-cc97-b70e-6a89-31a3593692f7-2846167b {
grid-area: span 1 / span 1 / span 1 / span 1;
justify-self: start;
}
#w-node-_9a3cb5be-cc97-b70e-6a89-31a3593692f9-2846167b {
grid-area: span 1 / span 1 / span 1 / span 1;
}
#w-node-_9a3cb5be-cc97-b70e-6a89-31a3593692fa-2846167b {
justify-self: start;
}
#w-node-_9a3cb5be-cc97-b70e-6a89-31a3593692fc-2846167b {
grid-area: span 1 / span 1 / span 1 / span 1;
justify-self: start;
}
#w-node-_9a3cb5be-cc97-b70e-6a89-31a3593692fe-2846167b {
grid-area: span 1 / span 1 / span 1 / span 1;
}
#w-node-_9a3cb5be-cc97-b70e-6a89-31a3593692ff-2846167b {
justify-self: start;
}
#w-node-_9a3cb5be-cc97-b70e-6a89-31a359369301-2846167b {
grid-area: span 1 / span 1 / span 1 / span 1;
justify-self: start;
}
#w-node-_9a3cb5be-cc97-b70e-6a89-31a359369303-2846167b {
grid-area: span 1 / span 1 / span 1 / span 1;
}
#w-node-_9a3cb5be-cc97-b70e-6a89-31a359369304-2846167b {
justify-self: start;
}
#w-node-_9a3cb5be-cc97-b70e-6a89-31a359369306-2846167b {
grid-area: span 1 / span 1 / span 1 / span 1;
justify-self: start;
}
#w-node-_9a3cb5be-cc97-b70e-6a89-31a35936930b-2846167b {
grid-area: span 1 / span 1 / span 1 / span 1;
}
#w-node-_9a3cb5be-cc97-b70e-6a89-31a35936930f-2846167b {
justify-self: start;
}
#w-node-_9a3cb5be-cc97-b70e-6a89-31a359369311-2846167b {
grid-area: span 1 / span 1 / span 1 / span 1;
}
#w-node-_9a3cb5be-cc97-b70e-6a89-31a359369314-2846167b, #w-node-_9a3cb5be-cc97-b70e-6a89-31a359369319-2846167b, #w-node-_9a3cb5be-cc97-b70e-6a89-31a35936931e-2846167b, #w-node-_9a3cb5be-cc97-b70e-6a89-31a359369323-2846167b, #w-node-_9a3cb5be-cc97-b70e-6a89-31a359369328-2846167b {
justify-self: start;
}
#w-node-_9a3cb5be-cc97-b70e-6a89-31a35936932f-2846167b {
grid-area: span 1 / span 1 / span 1 / span 1;
}
#w-node-_9a3cb5be-cc97-b70e-6a89-31a359369330-2846167b {
justify-self: start;
}
#w-node-_9a3cb5be-cc97-b70e-6a89-31a359369332-2846167b, #w-node-_9a3cb5be-cc97-b70e-6a89-31a359369333-2846167b, #w-node-_9a3cb5be-cc97-b70e-6a89-31a359369335-2846167b {
grid-area: span 1 / span 1 / span 1 / span 1;
}
#w-node-_9a3cb5be-cc97-b70e-6a89-31a359369336-2846167b {
justify-self: start;
}
#w-node-_9a3cb5be-cc97-b70e-6a89-31a359369338-2846167b, #w-node-_9a3cb5be-cc97-b70e-6a89-31a359369339-2846167b, #w-node-_9a3cb5be-cc97-b70e-6a89-31a35936933b-2846167b {
grid-area: span 1 / span 1 / span 1 / span 1;
}
#w-node-_9a3cb5be-cc97-b70e-6a89-31a35936933c-2846167b {
justify-self: start;
}
#w-node-_9a3cb5be-cc97-b70e-6a89-31a35936933e-2846167b, #w-node-_9a3cb5be-cc97-b70e-6a89-31a35936933f-2846167b, #w-node-_9a3cb5be-cc97-b70e-6a89-31a359369341-2846167b {
grid-area: span 1 / span 1 / span 1 / span 1;
}
#w-node-_9a3cb5be-cc97-b70e-6a89-31a359369342-2846167b {
justify-self: start;
}
#w-node-_9a3cb5be-cc97-b70e-6a89-31a359369344-2846167b, #w-node-_9a3cb5be-cc97-b70e-6a89-31a359369345-2846167b, #w-node-_9a3cb5be-cc97-b70e-6a89-31a359369347-2846167b {
grid-area: span 1 / span 1 / span 1 / span 1;
}
#w-node-_9a3cb5be-cc97-b70e-6a89-31a359369348-2846167b {
justify-self: start;
}
#w-node-_9a3cb5be-cc97-b70e-6a89-31a35936934a-2846167b, #w-node-_9a3cb5be-cc97-b70e-6a89-31a35936934b-2846167b, #w-node-_9a3cb5be-cc97-b70e-6a89-31a35936934d-2846167b {
grid-area: span 1 / span 1 / span 1 / span 1;
}
#w-node-_9a3cb5be-cc97-b70e-6a89-31a35936934e-2846167b {
justify-self: start;
}
#w-node-_9a3cb5be-cc97-b70e-6a89-31a359369350-2846167b, #w-node-_9a3cb5be-cc97-b70e-6a89-31a359369351-2846167b, #w-node-_9a3cb5be-cc97-b70e-6a89-31a359369353-2846167b {
grid-area: span 1 / span 1 / span 1 / span 1;
}
#w-node-_9a3cb5be-cc97-b70e-6a89-31a359369354-2846167b {
justify-self: start;
}
#w-node-_9a3cb5be-cc97-b70e-6a89-31a359369356-2846167b, #w-node-_9a3cb5be-cc97-b70e-6a89-31a359369357-2846167b, #w-node-_9a3cb5be-cc97-b70e-6a89-31a359369359-2846167b {
grid-area: span 1 / span 1 / span 1 / span 1;
}
#w-node-_9a3cb5be-cc97-b70e-6a89-31a35936935a-2846167b {
justify-self: start;
}
#w-node-_9a3cb5be-cc97-b70e-6a89-31a35936935c-2846167b, #w-node-_9a3cb5be-cc97-b70e-6a89-31a35936935d-2846167b, #w-node-_9a3cb5be-cc97-b70e-6a89-31a35936935f-2846167b {
grid-area: span 1 / span 1 / span 1 / span 1;
}
#w-node-_9a3cb5be-cc97-b70e-6a89-31a359369360-2846167b {
justify-self: start;
}
#w-node-_9a3cb5be-cc97-b70e-6a89-31a359369362-2846167b, #w-node-_9a3cb5be-cc97-b70e-6a89-31a359369363-2846167b, #w-node-_9a3cb5be-cc97-b70e-6a89-31a359369365-2846167b {
grid-area: span 1 / span 1 / span 1 / span 1;
}
#w-node-_9a3cb5be-cc97-b70e-6a89-31a359369366-2846167b {
justify-self: start;
}
#w-node-_9a3cb5be-cc97-b70e-6a89-31a359369368-2846167b, #w-node-_9a3cb5be-cc97-b70e-6a89-31a359369369-2846167b, #w-node-_9a3cb5be-cc97-b70e-6a89-31a35936936b-2846167b {
grid-area: span 1 / span 1 / span 1 / span 1;
}
#w-node-_9a3cb5be-cc97-b70e-6a89-31a35936936c-2846167b {
justify-self: start;
}
#w-node-_9a3cb5be-cc97-b70e-6a89-31a35936936e-2846167b, #w-node-_9a3cb5be-cc97-b70e-6a89-31a35936936f-2846167b, #w-node-_9a3cb5be-cc97-b70e-6a89-31a359369371-2846167b {
grid-area: span 1 / span 1 / span 1 / span 1;
}
#w-node-_9a3cb5be-cc97-b70e-6a89-31a359369372-2846167b {
justify-self: start;
}
#w-node-_9a3cb5be-cc97-b70e-6a89-31a359369374-2846167b, #w-node-_9a3cb5be-cc97-b70e-6a89-31a359369375-2846167b, #w-node-_9a3cb5be-cc97-b70e-6a89-31a359369377-2846167b {
grid-area: span 1 / span 1 / span 1 / span 1;
}
#w-node-_9a3cb5be-cc97-b70e-6a89-31a359369378-2846167b {
justify-self: start;
}
#w-node-_9a3cb5be-cc97-b70e-6a89-31a35936937a-2846167b, #w-node-_9a3cb5be-cc97-b70e-6a89-31a35936937b-2846167b, #w-node-_9a3cb5be-cc97-b70e-6a89-31a35936937d-2846167b {
grid-area: span 1 / span 1 / span 1 / span 1;
}
#w-node-_9a3cb5be-cc97-b70e-6a89-31a35936937e-2846167b {
justify-self: start;
}
#w-node-_9a3cb5be-cc97-b70e-6a89-31a359369380-2846167b, #w-node-_9a3cb5be-cc97-b70e-6a89-31a359369381-2846167b, #w-node-_9a3cb5be-cc97-b70e-6a89-31a359369383-2846167b {
grid-area: span 1 / span 1 / span 1 / span 1;
}
#w-node-_9a3cb5be-cc97-b70e-6a89-31a359369384-2846167b {
justify-self: start;
}
#w-node-_9a3cb5be-cc97-b70e-6a89-31a359369386-2846167b, #w-node-_9a3cb5be-cc97-b70e-6a89-31a359369387-2846167b, #w-node-_9a3cb5be-cc97-b70e-6a89-31a35936938c-2846167b {
grid-area: span 1 / span 1 / span 1 / span 1;
}
#w-node-_9a3cb5be-cc97-b70e-6a89-31a359369390-2846167b {
justify-self: start;
}
#w-node-_9a3cb5be-cc97-b70e-6a89-31a359369392-2846167b {
grid-area: span 1 / span 1 / span 1 / span 1;
}
#w-node-_9a3cb5be-cc97-b70e-6a89-31a359369395-2846167b, #w-node-_9a3cb5be-cc97-b70e-6a89-31a35936939a-2846167b, #w-node-_9a3cb5be-cc97-b70e-6a89-31a35936939f-2846167b, #w-node-_9a3cb5be-cc97-b70e-6a89-31a3593693a4-2846167b, #w-node-_9a3cb5be-cc97-b70e-6a89-31a3593693a9-2846167b {
justify-self: start;
}
#w-node-_9a3cb5be-cc97-b70e-6a89-31a3593693b0-2846167b {
grid-area: span 1 / span 1 / span 1 / span 1;
}
#w-node-_9a3cb5be-cc97-b70e-6a89-31a3593693b1-2846167b {
justify-self: start;
}
#w-node-_9a3cb5be-cc97-b70e-6a89-31a3593693b3-2846167b, #w-node-_9a3cb5be-cc97-b70e-6a89-31a3593693b4-2846167b, #w-node-_9a3cb5be-cc97-b70e-6a89-31a3593693b6-2846167b {
grid-area: span 1 / span 1 / span 1 / span 1;
}
#w-node-_9a3cb5be-cc97-b70e-6a89-31a3593693b7-2846167b {
justify-self: start;
}
#w-node-_9a3cb5be-cc97-b70e-6a89-31a3593693b9-2846167b, #w-node-_9a3cb5be-cc97-b70e-6a89-31a3593693ba-2846167b, #w-node-_9a3cb5be-cc97-b70e-6a89-31a3593693bc-2846167b {
grid-area: span 1 / span 1 / span 1 / span 1;
}
#w-node-_9a3cb5be-cc97-b70e-6a89-31a3593693bd-2846167b {
justify-self: start;
}
#w-node-_9a3cb5be-cc97-b70e-6a89-31a3593693bf-2846167b, #w-node-_9a3cb5be-cc97-b70e-6a89-31a3593693c0-2846167b, #w-node-_9a3cb5be-cc97-b70e-6a89-31a3593693c2-2846167b {
grid-area: span 1 / span 1 / span 1 / span 1;
}
#w-node-_9a3cb5be-cc97-b70e-6a89-31a3593693c3-2846167b {
justify-self: start;
}
#w-node-_9a3cb5be-cc97-b70e-6a89-31a3593693c5-2846167b, #w-node-_9a3cb5be-cc97-b70e-6a89-31a3593693c6-2846167b, #w-node-_9a3cb5be-cc97-b70e-6a89-31a3593693c8-2846167b {
grid-area: span 1 / span 1 / span 1 / span 1;
}
#w-node-_9a3cb5be-cc97-b70e-6a89-31a3593693c9-2846167b {
justify-self: start;
}
#w-node-_9a3cb5be-cc97-b70e-6a89-31a3593693cb-2846167b, #w-node-_9a3cb5be-cc97-b70e-6a89-31a3593693cc-2846167b, #w-node-_9a3cb5be-cc97-b70e-6a89-31a3593693ce-2846167b {
grid-area: span 1 / span 1 / span 1 / span 1;
}
#w-node-_9a3cb5be-cc97-b70e-6a89-31a3593693cf-2846167b {
justify-self: start;
}
#w-node-_9a3cb5be-cc97-b70e-6a89-31a3593693d1-2846167b, #w-node-_9a3cb5be-cc97-b70e-6a89-31a3593693d2-2846167b, #w-node-_9a3cb5be-cc97-b70e-6a89-31a3593693d4-2846167b {
grid-area: span 1 / span 1 / span 1 / span 1;
}
#w-node-_9a3cb5be-cc97-b70e-6a89-31a3593693d5-2846167b {
justify-self: start;
}
#w-node-_9a3cb5be-cc97-b70e-6a89-31a3593693d7-2846167b, #w-node-_9a3cb5be-cc97-b70e-6a89-31a3593693d8-2846167b, #w-node-_9a3cb5be-cc97-b70e-6a89-31a3593693da-2846167b {
grid-area: span 1 / span 1 / span 1 / span 1;
}
#w-node-_9a3cb5be-cc97-b70e-6a89-31a3593693db-2846167b {
justify-self: start;
}
#w-node-_9a3cb5be-cc97-b70e-6a89-31a3593693dd-2846167b, #w-node-_9a3cb5be-cc97-b70e-6a89-31a3593693de-2846167b, #w-node-_9a3cb5be-cc97-b70e-6a89-31a3593693e0-2846167b {
grid-area: span 1 / span 1 / span 1 / span 1;
}
#w-node-_9a3cb5be-cc97-b70e-6a89-31a3593693e1-2846167b {
justify-self: start;
}
#w-node-_9a3cb5be-cc97-b70e-6a89-31a3593693e3-2846167b, #w-node-_9a3cb5be-cc97-b70e-6a89-31a3593693e4-2846167b, #w-node-_9a3cb5be-cc97-b70e-6a89-31a3593693e6-2846167b {
grid-area: span 1 / span 1 / span 1 / span 1;
}
#w-node-_9a3cb5be-cc97-b70e-6a89-31a3593693e7-2846167b {
justify-self: start;
}
#w-node-_9a3cb5be-cc97-b70e-6a89-31a3593693e9-2846167b, #w-node-_9a3cb5be-cc97-b70e-6a89-31a3593693ea-2846167b, #w-node-_9a3cb5be-cc97-b70e-6a89-31a3593693ec-2846167b {
grid-area: span 1 / span 1 / span 1 / span 1;
}
#w-node-_9a3cb5be-cc97-b70e-6a89-31a3593693ed-2846167b {
justify-self: start;
}
#w-node-_9a3cb5be-cc97-b70e-6a89-31a3593693ef-2846167b, #w-node-_9a3cb5be-cc97-b70e-6a89-31a3593693f0-2846167b, #w-node-_9a3cb5be-cc97-b70e-6a89-31a3593693f2-2846167b {
grid-area: span 1 / span 1 / span 1 / span 1;
}
#w-node-_9a3cb5be-cc97-b70e-6a89-31a3593693f3-2846167b {
justify-self: start;
}
#w-node-_9a3cb5be-cc97-b70e-6a89-31a3593693f5-2846167b, #w-node-_9a3cb5be-cc97-b70e-6a89-31a3593693f6-2846167b, #w-node-_9a3cb5be-cc97-b70e-6a89-31a3593693f8-2846167b {
grid-area: span 1 / span 1 / span 1 / span 1;
}
#w-node-_9a3cb5be-cc97-b70e-6a89-31a3593693f9-2846167b {
justify-self: start;
}
#w-node-_9a3cb5be-cc97-b70e-6a89-31a3593693fb-2846167b, #w-node-_9a3cb5be-cc97-b70e-6a89-31a3593693fc-2846167b, #w-node-_9a3cb5be-cc97-b70e-6a89-31a3593693fe-2846167b {
grid-area: span 1 / span 1 / span 1 / span 1;
}
#w-node-_9a3cb5be-cc97-b70e-6a89-31a3593693ff-2846167b {
justify-self: start;
}
#w-node-_9a3cb5be-cc97-b70e-6a89-31a359369401-2846167b, #w-node-_9a3cb5be-cc97-b70e-6a89-31a359369402-2846167b, #w-node-_9a3cb5be-cc97-b70e-6a89-31a359369404-2846167b {
grid-area: span 1 / span 1 / span 1 / span 1;
}
#w-node-_9a3cb5be-cc97-b70e-6a89-31a359369405-2846167b {
justify-self: start;
}
#w-node-_9a3cb5be-cc97-b70e-6a89-31a359369407-2846167b, #w-node-_9a3cb5be-cc97-b70e-6a89-31a359369408-2846167b, #w-node-aba73718-5f03-827e-9e0b-61449dc1d37c-2846167b, #w-node-_1a6e4211-c1a3-edfa-99df-59c05fb448f8-2846167b {
grid-area: span 1 / span 1 / span 1 / span 1;
}
#w-node-_1a6e4211-c1a3-edfa-99df-59c05fb448f9-2846167b {
justify-self: start;
}
#w-node-_1a6e4211-c1a3-edfa-99df-59c05fb448fb-2846167b, #w-node-_1a6e4211-c1a3-edfa-99df-59c05fb448fc-2846167b, #w-node-_16994295-7a31-57da-1001-8ec0ea846a1e-2846167b {
grid-area: span 1 / span 1 / span 1 / span 1;
}
#w-node-_16994295-7a31-57da-1001-8ec0ea846a1f-2846167b {
justify-self: start;
}
#w-node-_16994295-7a31-57da-1001-8ec0ea846a21-2846167b, #w-node-_16994295-7a31-57da-1001-8ec0ea846a22-2846167b, #w-node-_8f691932-76bb-1979-3d19-a80adf0a25f2-2846167b {
grid-area: span 1 / span 1 / span 1 / span 1;
}
#w-node-_8f691932-76bb-1979-3d19-a80adf0a25f3-2846167b {
justify-self: start;
}
#w-node-_8f691932-76bb-1979-3d19-a80adf0a25f5-2846167b, #w-node-_8f691932-76bb-1979-3d19-a80adf0a25f6-2846167b, #w-node-f28919c2-e180-d075-d1c2-81b601b8a964-2846167b {
grid-area: span 1 / span 1 / span 1 / span 1;
}
#w-node-f28919c2-e180-d075-d1c2-81b601b8a965-2846167b {
justify-self: start;
}
#w-node-f28919c2-e180-d075-d1c2-81b601b8a967-2846167b, #w-node-f28919c2-e180-d075-d1c2-81b601b8a968-2846167b, #w-node-b2bd7b9e-a5b1-0617-1861-ecb60c9b53b3-2846167b {
grid-area: span 1 / span 1 / span 1 / span 1;
}
#w-node-b2bd7b9e-a5b1-0617-1861-ecb60c9b53b4-2846167b {
justify-self: start;
}
#w-node-b2bd7b9e-a5b1-0617-1861-ecb60c9b53b6-2846167b, #w-node-b2bd7b9e-a5b1-0617-1861-ecb60c9b53b7-2846167b, #w-node-ee961e8d-845a-edc3-3307-509470022457-2846167b {
grid-area: span 1 / span 1 / span 1 / span 1;
}
#w-node-ee961e8d-845a-edc3-3307-509470022458-2846167b {
justify-self: start;
}
#w-node-ee961e8d-845a-edc3-3307-50947002245a-2846167b, #w-node-ee961e8d-845a-edc3-3307-50947002245b-2846167b, #w-node-_588dd3e3-4aa6-cc42-1280-2d37cff319e1-2846167b {
grid-area: span 1 / span 1 / span 1 / span 1;
}
#w-node-_588dd3e3-4aa6-cc42-1280-2d37cff319e2-2846167b {
justify-self: start;
}
#w-node-_588dd3e3-4aa6-cc42-1280-2d37cff319e4-2846167b, #w-node-_588dd3e3-4aa6-cc42-1280-2d37cff319e5-2846167b, #w-node-_626bd165-37fe-b21e-713f-accb16c57414-2846167b {
grid-area: span 1 / span 1 / span 1 / span 1;
}
#w-node-_626bd165-37fe-b21e-713f-accb16c57415-2846167b {
justify-self: start;
}
#w-node-_626bd165-37fe-b21e-713f-accb16c57417-2846167b, #w-node-_626bd165-37fe-b21e-713f-accb16c57418-2846167b, #w-node-_8198cc96-510b-d5a9-b63d-22b6607f5f40-2846167b {
grid-area: span 1 / span 1 / span 1 / span 1;
}
#w-node-_8198cc96-510b-d5a9-b63d-22b6607f5f41-2846167b {
justify-self: start;
}
#w-node-_8198cc96-510b-d5a9-b63d-22b6607f5f43-2846167b, #w-node-_8198cc96-510b-d5a9-b63d-22b6607f5f44-2846167b, #w-node-_2a26aaa0-f27b-d541-a441-687d55aa9ee5-2846167b {
grid-area: span 1 / span 1 / span 1 / span 1;
}
#w-node-_2a26aaa0-f27b-d541-a441-687d55aa9ee6-2846167b {
justify-self: start;
}
#w-node-_2a26aaa0-f27b-d541-a441-687d55aa9ee8-2846167b, #w-node-_2a26aaa0-f27b-d541-a441-687d55aa9ee9-2846167b, #w-node-_2abe4c27-4e03-1a95-b21e-aef8fb82fe33-2846167b {
grid-area: span 1 / span 1 / span 1 / span 1;
}
#w-node-_2abe4c27-4e03-1a95-b21e-aef8fb82fe34-2846167b {
justify-self: start;
}
#w-node-_2abe4c27-4e03-1a95-b21e-aef8fb82fe36-2846167b, #w-node-_2abe4c27-4e03-1a95-b21e-aef8fb82fe37-2846167b, #w-node-_9a3cb5be-cc97-b70e-6a89-31a3593694fa-2846167b, #w-node-_9a3cb5be-cc97-b70e-6a89-31a3593694fe-2846167b {
grid-area: span 1 / span 1 / span 1 / span 1;
}
#w-node-_9a3cb5be-cc97-b70e-6a89-31a3593694ff-2846167b {
justify-self: start;
}
#w-node-_9a3cb5be-cc97-b70e-6a89-31a359369503-2846167b, #w-node-_9a3cb5be-cc97-b70e-6a89-31a359369505-2846167b {
grid-area: span 1 / span 1 / span 1 / span 1;
}
#w-node-_9a3cb5be-cc97-b70e-6a89-31a359369506-2846167b {
justify-self: start;
}
#w-node-_9a3cb5be-cc97-b70e-6a89-31a35936950a-2846167b {
grid-area: span 1 / span 1 / span 1 / span 1;
}
#w-node-_9a3cb5be-cc97-b70e-6a89-31a35936950b-2846167b {
justify-self: start;
}
#w-node-_9a3cb5be-cc97-b70e-6a89-31a35936950f-2846167b {
grid-area: span 1 / span 1 / span 1 / span 1;
}
#w-node-_9a3cb5be-cc97-b70e-6a89-31a359369510-2846167b {
justify-self: start;
}
#w-node-_9a3cb5be-cc97-b70e-6a89-31a359369514-2846167b {
grid-area: span 1 / span 1 / span 1 / span 1;
}
#w-node-_9a3cb5be-cc97-b70e-6a89-31a359369515-2846167b {
justify-self: start;
}
#w-node-_9a3cb5be-cc97-b70e-6a89-31a359369519-2846167b {
grid-area: span 1 / span 1 / span 1 / span 1;
}
#w-node-_9a3cb5be-cc97-b70e-6a89-31a35936951a-2846167b {
justify-self: start;
}
#w-node-_9a3cb5be-cc97-b70e-6a89-31a35936951e-2846167b {
grid-area: span 1 / span 1 / span 1 / span 1;
}
#w-node-_9a3cb5be-cc97-b70e-6a89-31a35936951f-2846167b {
justify-self: start;
}
#w-node-_9a3cb5be-cc97-b70e-6a89-31a359369523-2846167b {
grid-area: span 1 / span 1 / span 1 / span 1;
}
#w-node-_9a3cb5be-cc97-b70e-6a89-31a359369524-2846167b {
justify-self: start;
}
#w-node-_9a3cb5be-cc97-b70e-6a89-31a359369528-2846167b {
grid-area: span 1 / span 1 / span 1 / span 1;
}
#w-node-_9a3cb5be-cc97-b70e-6a89-31a359369529-2846167b {
justify-self: start;
}
#w-node-_9a3cb5be-cc97-b70e-6a89-31a35936952d-2846167b {
grid-area: span 1 / span 1 / span 1 / span 1;
}
#w-node-_9a3cb5be-cc97-b70e-6a89-31a35936952e-2846167b {
justify-self: start;
}
#w-node-_9a3cb5be-cc97-b70e-6a89-31a359369532-2846167b {
grid-area: span 1 / span 1 / span 1 / span 1;
}
#w-node-_9a3cb5be-cc97-b70e-6a89-31a359369533-2846167b {
justify-self: start;
}
#w-node-_9a3cb5be-cc97-b70e-6a89-31a35936953a-2846167b {
grid-area: span 1 / span 1 / span 1 / span 1;
}
#w-node-_9a3cb5be-cc97-b70e-6a89-31a35936953b-2846167b {
justify-self: start;
}
#w-node-_9a3cb5be-cc97-b70e-6a89-31a35936953f-2846167b {
grid-area: span 1 / span 1 / span 1 / span 1;
}
#w-node-_9a3cb5be-cc97-b70e-6a89-31a359369540-2846167b {
justify-self: start;
}
#w-node-_9a3cb5be-cc97-b70e-6a89-31a359369544-2846167b {
grid-area: span 1 / span 1 / span 1 / span 1;
}
#w-node-_9a3cb5be-cc97-b70e-6a89-31a359369545-2846167b {
justify-self: start;
}
#w-node-_9a3cb5be-cc97-b70e-6a89-31a359369549-2846167b {
grid-area: span 1 / span 1 / span 1 / span 1;
}
#w-node-_9a3cb5be-cc97-b70e-6a89-31a35936954a-2846167b {
justify-self: start;
}
#w-node-_9a3cb5be-cc97-b70e-6a89-31a35936954e-2846167b {
grid-area: span 1 / span 1 / span 1 / span 1;
}
#w-node-_9a3cb5be-cc97-b70e-6a89-31a35936954f-2846167b {
justify-self: start;
}
#w-node-_9a3cb5be-cc97-b70e-6a89-31a359369553-2846167b {
grid-area: span 1 / span 1 / span 1 / span 1;
}
#w-node-_9a3cb5be-cc97-b70e-6a89-31a359369554-2846167b {
justify-self: start;
}
#w-node-de8106d9-b098-80e3-076c-80f3a0fa5e54-2846167b {
grid-area: span 1 / span 1 / span 1 / span 1;
}
#w-node-de8106d9-b098-80e3-076c-80f3a0fa5e55-2846167b {
justify-self: start;
}
#w-node-_680345d6-d141-aefc-5e81-01faad69a792-2846167b {
grid-area: span 1 / span 1 / span 1 / span 1;
}
#w-node-_680345d6-d141-aefc-5e81-01faad69a793-2846167b {
justify-self: start;
}
#w-node-dc962921-5c74-5687-77a4-c1371012b297-2846167b {
grid-area: span 1 / span 1 / span 1 / span 1;
}
#w-node-dc962921-5c74-5687-77a4-c1371012b298-2846167b {
justify-self: start;
}
#w-node-bbf5f4a2-0660-a8f8-7799-a71df583db57-2846167b {
grid-area: span 1 / span 1 / span 1 / span 1;
}
#w-node-bbf5f4a2-0660-a8f8-7799-a71df583db58-2846167b {
justify-self: start;
}
#w-node-_723dac19-3a6b-8f5e-89ce-53b9006ba92c-2846167b {
grid-area: span 1 / span 1 / span 1 / span 1;
}
#w-node-_723dac19-3a6b-8f5e-89ce-53b9006ba92d-2846167b {
justify-self: start;
}
#w-node-_31f47435-0c68-e15a-97ac-415b19e1cadb-348c061c {
grid-area: span 1 / span 1 / span 1 / span 1;
}
#w-node-_6cf86bc5-3179-3869-12b8-4fefc019ff09-d20a0fe5 {
align-self: end;
}
#w-node-_00d88e13-1969-6ada-f29f-42527c6d6c20-7c6d6c1f, #w-node-_4c24896b-c6d6-f697-0f21-29a6e13cc765-ddde388c, #w-node-_4c24896b-c6d6-f697-0f21-29a6e13cc76b-ddde388c, #w-node-_93b16e7a-9312-3341-91ed-c06e9cf30d2f-b9f34d94, #w-node-_3c433fa4-5159-940e-6112-318e1a503990-b9f34d94, #w-node-_5ee1c028-7122-d477-7560-7ca60d4923d5-b9f34d94, #w-node-_189f0657-6a28-36af-044c-7bbd746feb6c-b9f34d94, #w-node-c0019c5a-3801-6170-0bce-ee3ab2614aaa-e9ee69d4, #w-node-c0019c5a-3801-6170-0bce-ee3ab2614ab2-e9ee69d4, #w-node-c0019c5a-3801-6170-0bce-ee3ab2614aba-e9ee69d4, #w-node-f2fe32dc-1a26-004a-8e3f-f1dfdbe03698-e9ee69d4 {
grid-area: span 1 / span 1 / span 1 / span 1;
}
#w-node-b893abfa-e67d-8e71-289e-ecd6371a6a9f-e9ee69d4 {
grid-area: span 1 / span 2 / span 1 / span 2;
}
#w-node-_1113a32a-e891-13c1-47fd-90915a1a97c9-e9ee69d4 {
align-self: stretch;
}
#w-node-_1113a32a-e891-13c1-47fd-90915a1a97db-e9ee69d4, #w-node-_1113a32a-e891-13c1-47fd-90915a1a97df-e9ee69d4, #w-node-_1113a32a-e891-13c1-47fd-90915a1a97e3-e9ee69d4 {
grid-area: span 1 / span 1 / span 1 / span 1;
}
#w-node-_31b26d3e-9355-0ab6-e47d-526c525b9172-6094bc15 {
align-self: stretch;
}
#w-node-ffbf895b-e3c3-9014-9357-e80767e87240-6094bc15 {
grid-area: 1 / 1 / 2 / 2;
}
#w-node-_0c98d1d2-b7a5-2335-0da0-90c11c0c6710-6094bc15, #w-node-_68370f52-bef6-12ed-8a66-0472d04c76e2-6094bc15, #w-node-_6597214b-ff33-09ac-b451-366d18c06400-6094bc15, #w-node-ab3255c8-95f5-eb38-20b1-91250df5b4ce-6094bc15 {
grid-area: span 1 / span 2 / span 1 / span 2;
}
#w-node-_2bdb7877-1a8a-7d2c-f508-b41f1c6d3ab2-5783d8fd {
align-self: stretch;
}
#w-node-_2bdb7877-1a8a-7d2c-f508-b41f1c6d3ad6-5783d8fd {
grid-area: 1 / 1 / 2 / 2;
}
#w-node-_2bdb7877-1a8a-7d2c-f508-b41f1c6d3af4-5783d8fd, #w-node-_2bdb7877-1a8a-7d2c-f508-b41f1c6d3b06-5783d8fd, #w-node-_2bdb7877-1a8a-7d2c-f508-b41f1c6d3b18-5783d8fd, #w-node-_2bdb7877-1a8a-7d2c-f508-b41f1c6d3b2a-5783d8fd {
grid-area: span 1 / span 2 / span 1 / span 2;
}
#w-node-_60abf2f6-c8a5-2f02-7854-cf6007cb3eb3-0193f44c {
align-self: stretch;
}
#w-node-_60abf2f6-c8a5-2f02-7854-cf6007cb3ed7-0193f44c {
grid-area: 1 / 1 / 2 / 2;
}
#w-node-_60abf2f6-c8a5-2f02-7854-cf6007cb3ef5-0193f44c, #w-node-_60abf2f6-c8a5-2f02-7854-cf6007cb3f07-0193f44c, #w-node-_60abf2f6-c8a5-2f02-7854-cf6007cb3f19-0193f44c {
grid-area: span 1 / span 2 / span 1 / span 2;
}
#w-node-_60abf2f6-c8a5-2f02-7854-cf6007cb3eb3-12738c71 {
align-self: stretch;
}
#w-node-_60abf2f6-c8a5-2f02-7854-cf6007cb3ed7-12738c71 {
grid-area: 1 / 1 / 2 / 2;
}
#w-node-_60abf2f6-c8a5-2f02-7854-cf6007cb3ef5-12738c71, #w-node-_60abf2f6-c8a5-2f02-7854-cf6007cb3f07-12738c71, #w-node-_60abf2f6-c8a5-2f02-7854-cf6007cb3f19-12738c71 {
grid-area: span 1 / span 2 / span 1 / span 2;
}
#w-node-_60abf2f6-c8a5-2f02-7854-cf6007cb3eb3-f5835f33 {
align-self: stretch;
}
#w-node-_60abf2f6-c8a5-2f02-7854-cf6007cb3ed7-f5835f33 {
grid-area: 1 / 1 / 2 / 2;
}
#w-node-_60abf2f6-c8a5-2f02-7854-cf6007cb3ef5-f5835f33, #w-node-_60abf2f6-c8a5-2f02-7854-cf6007cb3f07-f5835f33, #w-node-_60abf2f6-c8a5-2f02-7854-cf6007cb3f19-f5835f33, #w-node-_60abf2f6-c8a5-2f02-7854-cf6007cb3f2b-f5835f33 {
grid-area: span 1 / span 2 / span 1 / span 2;
}
#w-node-_60abf2f6-c8a5-2f02-7854-cf6007cb3eb3-1fbef2db {
align-self: stretch;
}
#w-node-_60abf2f6-c8a5-2f02-7854-cf6007cb3ed7-1fbef2db {
grid-area: 1 / 1 / 2 / 2;
}
#w-node-_57f2a54a-6fa9-572b-af08-04a2fa4718fc-1fbef2db, #w-node-_871a63ee-8ced-41d9-518e-786b19ba4d27-1fbef2db {
grid-area: span 1 / span 2 / span 1 / span 2;
}
#w-node-_60abf2f6-c8a5-2f02-7854-cf6007cb3eb3-af5feb2b {
align-self: stretch;
}
#w-node-_60abf2f6-c8a5-2f02-7854-cf6007cb3ed7-af5feb2b {
grid-area: 1 / 1 / 2 / 2;
}
#w-node-_60abf2f6-c8a5-2f02-7854-cf6007cb3ef5-af5feb2b, #w-node-_60abf2f6-c8a5-2f02-7854-cf6007cb3f07-af5feb2b {
grid-area: span 1 / span 2 / span 1 / span 2;
}
#w-node-_60abf2f6-c8a5-2f02-7854-cf6007cb3eb3-c1ecadd0 {
align-self: stretch;
}
#w-node-_60abf2f6-c8a5-2f02-7854-cf6007cb3ed7-c1ecadd0 {
grid-area: 1 / 1 / 2 / 2;
}
#w-node-_60abf2f6-c8a5-2f02-7854-cf6007cb3ef5-c1ecadd0, #w-node-_60abf2f6-c8a5-2f02-7854-cf6007cb3f07-c1ecadd0, #w-node-_60abf2f6-c8a5-2f02-7854-cf6007cb3f19-c1ecadd0, #w-node-_60abf2f6-c8a5-2f02-7854-cf6007cb3f2b-c1ecadd0 {
grid-area: span 1 / span 2 / span 1 / span 2;
}
#w-node-e33d3ae5-15c0-555f-7cf1-5f68ae35dca0-c1ecadd0 {
align-self: end;
}
#w-node-_60abf2f6-c8a5-2f02-7854-cf6007cb3eb3-7637ee61 {
align-self: stretch;
}
#w-node-_60abf2f6-c8a5-2f02-7854-cf6007cb3ed7-7637ee61 {
grid-area: 1 / 1 / 2 / 2;
}
#w-node-_60abf2f6-c8a5-2f02-7854-cf6007cb3ef5-7637ee61, #w-node-_60abf2f6-c8a5-2f02-7854-cf6007cb3f07-7637ee61, #w-node-_60abf2f6-c8a5-2f02-7854-cf6007cb3f19-7637ee61 {
grid-area: span 1 / span 2 / span 1 / span 2;
}
#w-node-_60abf2f6-c8a5-2f02-7854-cf6007cb3eb3-8f4a14bb {
align-self: stretch;
}
#w-node-_60abf2f6-c8a5-2f02-7854-cf6007cb3ed7-8f4a14bb {
grid-area: 1 / 1 / 2 / 2;
}
#w-node-_60abf2f6-c8a5-2f02-7854-cf6007cb3ef5-8f4a14bb, #w-node-_60abf2f6-c8a5-2f02-7854-cf6007cb3f07-8f4a14bb, #w-node-_60abf2f6-c8a5-2f02-7854-cf6007cb3f19-8f4a14bb {
grid-area: span 1 / span 2 / span 1 / span 2;
}
#w-node-_60abf2f6-c8a5-2f02-7854-cf6007cb3eb3-98098a6f {
align-self: stretch;
}
#w-node-_60abf2f6-c8a5-2f02-7854-cf6007cb3ed7-98098a6f {
grid-area: 1 / 1 / 2 / 2;
}
#w-node-_60abf2f6-c8a5-2f02-7854-cf6007cb3ef5-98098a6f, #w-node-_60abf2f6-c8a5-2f02-7854-cf6007cb3f07-98098a6f, #w-node-_803cdb99-0e2b-c1d6-9884-09bfe7474c85-98098a6f, #w-node-_994346ba-4a3a-3a11-be46-c0ae62c73088-98098a6f {
grid-area: span 1 / span 2 / span 1 / span 2;
}
#w-node-_60abf2f6-c8a5-2f02-7854-cf6007cb3eb3-4e73a3c8 {
align-self: stretch;
}
#w-node-_60abf2f6-c8a5-2f02-7854-cf6007cb3ed7-4e73a3c8 {
grid-area: 1 / 1 / 2 / 2;
}
#w-node-_60abf2f6-c8a5-2f02-7854-cf6007cb3ef5-4e73a3c8, #w-node-_60abf2f6-c8a5-2f02-7854-cf6007cb3f07-4e73a3c8, #w-node-_60abf2f6-c8a5-2f02-7854-cf6007cb3f19-4e73a3c8 {
grid-area: span 1 / span 2 / span 1 / span 2;
}
#w-node-_60abf2f6-c8a5-2f02-7854-cf6007cb3eb3-c226222d {
align-self: stretch;
}
#w-node-_04f061cc-ef2e-b6da-8635-fad55905f81c-c226222d {
grid-area: span 1 / span 1 / span 1 / span 1;
}
#w-node-_17e458a7-beef-80f8-a867-99b3fe5ece58-c226222d {
align-self: end;
}
#w-node-_765ebc19-1551-e6c8-68a9-1186d0b94298-8b2eeb67 {
align-self: stretch;
}
#w-node-_765ebc19-1551-e6c8-68a9-1186d0b942cb-8b2eeb67 {
grid-area: span 1 / span 1 / span 1 / span 1;
}
#w-node-_765ebc19-1551-e6c8-68a9-1186d0b94338-8b2eeb67 {
align-self: end;
}
#w-node-ac941489-3fe9-db1d-7cf7-f1626b69df62-33491a76 {
align-self: stretch;
}
#w-node-ac941489-3fe9-db1d-7cf7-f1626b69df76-33491a76 {
grid-area: span 1 / span 1 / span 1 / span 1;
}
#w-node-a2ed0098-2ebe-c29a-2d0a-6daba3e25017-33491a76 {
align-self: end;
}
#w-node-ac941489-3fe9-db1d-7cf7-f1626b69df62-0a5fcb52 {
align-self: stretch;
}
#w-node-ac941489-3fe9-db1d-7cf7-f1626b69df76-0a5fcb52 {
grid-area: span 1 / span 1 / span 1 / span 1;
}
#w-node-_4bed7e11-df0a-b13e-1805-b1b70c92f092-0a5fcb52 {
align-self: end;
}
#w-node-ac941489-3fe9-db1d-7cf7-f1626b69df62-357b0a93 {
align-self: stretch;
}
#w-node-ac941489-3fe9-db1d-7cf7-f1626b69df76-357b0a93 {
grid-area: span 1 / span 1 / span 1 / span 1;
}
#w-node-ced7220e-8829-7719-faa2-edd2fdb590dd-357b0a93 {
align-self: end;
}
#w-node-de1e7604-27e8-dcad-b2f0-9d50262418c6-ff0752eb {
align-self: stretch;
}
#w-node-de1e7604-27e8-dcad-b2f0-9d50262418f9-ff0752eb {
grid-area: span 1 / span 1 / span 1 / span 1;
}
#w-node-_03784004-a8a6-e486-5ed2-e6c5984c0499-ff0752eb, #w-node-de1e7604-27e8-dcad-b2f0-9d50262418c6-f2209773 {
align-self: stretch;
}
#w-node-_1d8aeae8-80f2-3e02-8008-facb5c0963f0-f2209773, #w-node-_1d8aeae8-80f2-3e02-8008-facb5c0963f5-f2209773, #w-node-_1d8aeae8-80f2-3e02-8008-facb5c0963fa-f2209773, #w-node-abe04810-610e-7791-a163-666dc4e620d4-f2209773, #w-node-e8afe607-2c20-1c8b-1649-fa69ccc46e57-f2209773, #w-node-df92247d-8ae2-88b5-22dd-8078e33d1882-f2209773, #w-node-d04d2523-7788-4da9-3128-30d309b66c99-f2209773, #w-node-_5e07f8d8-ec4a-6ae7-e18a-a932f1aafb28-f2209773, #w-node-_2b67c93c-af42-82d2-d49d-293164f29c56-f2209773, #w-node-_2b67c93c-af42-82d2-d49d-293164f29c5b-f2209773, #w-node-_2b67c93c-af42-82d2-d49d-293164f29c60-f2209773, #w-node-_2b67c93c-af42-82d2-d49d-293164f29c65-f2209773, #w-node-_2b67c93c-af42-82d2-d49d-293164f29c6a-f2209773, #w-node-_2b67c93c-af42-82d2-d49d-293164f29c6f-f2209773, #w-node-_2b67c93c-af42-82d2-d49d-293164f29c74-f2209773, #w-node-_2b67c93c-af42-82d2-d49d-293164f29c79-f2209773 {
align-self: start;
}
#w-node-_765ebc19-1551-e6c8-68a9-1186d0b94298-e7d07898, #w-node-_31b26d3e-9355-0ab6-e47d-526c525b9172-fe01dbd1 {
align-self: stretch;
}
#w-node-ffbf895b-e3c3-9014-9357-e80767e87240-fe01dbd1 {
grid-area: 1 / 1 / 2 / 2;
}
#w-node-_0c98d1d2-b7a5-2335-0da0-90c11c0c6710-fe01dbd1, #w-node-_68370f52-bef6-12ed-8a66-0472d04c76e2-fe01dbd1, #w-node-_6597214b-ff33-09ac-b451-366d18c06400-fe01dbd1 {
grid-area: span 1 / span 2 / span 1 / span 2;
}
#w-node-_765ebc19-1551-e6c8-68a9-1186d0b94298-78b1cb9c {
align-self: stretch;
}
#w-node-_1e386609-7594-9cca-218a-e68de8f39800-78b1cb9c {
grid-area: span 1 / span 1 / span 1 / span 1;
}
#w-node-_2ff6336c-ba51-5dc0-88b6-1e50078d916b-78b1cb9c {
grid-area: span 1 / span 2 / span 1 / span 2;
}
#w-node-_60abf2f6-c8a5-2f02-7854-cf6007cb3eb3-968cbb18 {
align-self: stretch;
}
#w-node-eb9017fc-9e04-b8e8-963a-9841182efd7d-968cbb18, #w-node-eb9017fc-9e04-b8e8-963a-9841182efd83-968cbb18 {
grid-area: span 1 / span 2 / span 1 / span 2;
}
#w-node-eb9017fc-9e04-b8e8-963a-9841182efd97-968cbb18, #w-node-bec94e16-e35b-f967-1d1f-8113fe2948c4-968cbb18, #w-node-a4c976ed-48dc-df13-dfba-66d0ebf46755-968cbb18, #w-node-_5d50041d-f03c-ee52-a998-32265f6882e3-968cbb18 {
align-self: start;
}
#w-node-_379f307a-d1ee-a346-251e-d0105c20eba7-968cbb18 {
grid-area: span 1 / span 1 / span 1 / span 1;
}
#w-node-d4db6a51-874c-c2be-8b22-eedfc0affa10-968cbb18 {
grid-area: span 1 / span 2 / span 1 / span 2;
}
#w-node-_60abf2f6-c8a5-2f02-7854-cf6007cb3eb3-fe2d3544 {
align-self: stretch;
}
#w-node-_1fed6174-ee04-ed86-6e6c-b23a5e1f4513-fe2d3544, #w-node-_1fed6174-ee04-ed86-6e6c-b23a5e1f4519-fe2d3544 {
grid-area: span 1 / span 1 / span 1 / span 1;
}
#w-node-_60abf2f6-c8a5-2f02-7854-cf6007cb3eb3-1d63da3c {
align-self: stretch;
}
#w-node-_1fed6174-ee04-ed86-6e6c-b23a5e1f4513-1d63da3c, #w-node-_1fed6174-ee04-ed86-6e6c-b23a5e1f4519-1d63da3c {
grid-area: span 1 / span 1 / span 1 / span 1;
}
#w-node-_2fb4d115-5881-9d09-9f38-1954d2ea6329-d88184bb {
grid-area: span 2 / span 1 / span 2 / span 1;
}
#w-node-_60abf2f6-c8a5-2f02-7854-cf6007cb3eb3-6ce39365 {
align-self: stretch;
}
#w-node-_2cdef293-8309-b4bd-b0b8-e13b3860ceb2-6ce39365, #w-node-_2cdef293-8309-b4bd-b0b8-e13b3860ceb7-6ce39365, #w-node-_2cdef293-8309-b4bd-b0b8-e13b3860cebc-6ce39365, #w-node-_81b89dd0-c3df-b31d-0aa0-a2d8713dcc6d-6ce39365, #w-node-_2cdef293-8309-b4bd-b0b8-e13b3860cee3-6ce39365, #w-node-_2cdef293-8309-b4bd-b0b8-e13b3860cee8-6ce39365, #w-node-_2cdef293-8309-b4bd-b0b8-e13b3860ceed-6ce39365, #w-node-c7452367-021b-c6ae-ce0a-e89c660b5ca8-6ce39365, #w-node-_87997708-d14d-138f-200e-14dea5760878-6ce39365, #w-node-_87997708-d14d-138f-200e-14dea576087d-6ce39365, #w-node-_87997708-d14d-138f-200e-14dea5760882-6ce39365, #w-node-_20078b14-20d8-9dc6-71bb-c2fe45648614-6ce39365 {
align-self: start;
}
#w-node-ee5335d2-4b1b-3e24-6b21-8ea814c6d55a-6ce39365 {
place-self: center;
}
#w-node-d725989e-e41e-76ce-17ee-c05656995572-8e352804 {
grid-area: span 2 / span 1 / span 2 / span 1;
}
#w-node-_73ecf91d-2384-ae58-66ce-e327cb08fafa-bdf55de3 {
align-self: stretch;
}
#w-node-_73ecf91d-2384-ae58-66ce-e327cb08fb28-bdf55de3, #w-node-_73ecf91d-2384-ae58-66ce-e327cb08fb2d-bdf55de3, #w-node-_73ecf91d-2384-ae58-66ce-e327cb08fb32-bdf55de3, #w-node-_73ecf91d-2384-ae58-66ce-e327cb08fb37-bdf55de3, #w-node-_73ecf91d-2384-ae58-66ce-e327cb08fb47-bdf55de3, #w-node-_73ecf91d-2384-ae58-66ce-e327cb08fb4c-bdf55de3, #w-node-_73ecf91d-2384-ae58-66ce-e327cb08fb51-bdf55de3, #w-node-_73ecf91d-2384-ae58-66ce-e327cb08fb56-bdf55de3, #w-node-_73ecf91d-2384-ae58-66ce-e327cb08fb64-bdf55de3, #w-node-_73ecf91d-2384-ae58-66ce-e327cb08fb69-bdf55de3, #w-node-_73ecf91d-2384-ae58-66ce-e327cb08fb6e-bdf55de3, #w-node-_73ecf91d-2384-ae58-66ce-e327cb08fb73-bdf55de3 {
align-self: start;
}
#w-node-_73ecf91d-2384-ae58-66ce-e327cb08fbc8-bdf55de3 {
place-self: center;
}
#w-node-_2bdb7877-1a8a-7d2c-f508-b41f1c6d3ab2-63f3432c {
align-self: stretch;
}
#w-node-_406368f1-87fb-edbc-75e4-a5df5360e631-63f3432c, #w-node-_406368f1-87fb-edbc-75e4-a5df5360e636-63f3432c, #w-node-_406368f1-87fb-edbc-75e4-a5df5360e63b-63f3432c, #w-node-_406368f1-87fb-edbc-75e4-a5df5360e640-63f3432c, #w-node-_52f8934b-cb06-bbd8-d7f0-c878ad1df9b2-63f3432c, #w-node-_52f8934b-cb06-bbd8-d7f0-c878ad1df9b7-63f3432c, #w-node-_52f8934b-cb06-bbd8-d7f0-c878ad1df9bc-63f3432c, #w-node-_52f8934b-cb06-bbd8-d7f0-c878ad1df9c1-63f3432c, #w-node-_406368f1-87fb-edbc-75e4-a5df5360e66b-63f3432c, #w-node-_406368f1-87fb-edbc-75e4-a5df5360e670-63f3432c, #w-node-_406368f1-87fb-edbc-75e4-a5df5360e675-63f3432c, #w-node-_406368f1-87fb-edbc-75e4-a5df5360e67a-63f3432c {
align-self: start;
}
#w-node-_93aab10c-8ac5-e2db-2c9c-4df19e5ce9a8-63f3432c {
place-self: center;
}
#w-node-_2bdb7877-1a8a-7d2c-f508-b41f1c6d3ab2-b79a27a7 {
align-self: stretch;
}
#w-node-_406368f1-87fb-edbc-75e4-a5df5360e631-b79a27a7, #w-node-_406368f1-87fb-edbc-75e4-a5df5360e636-b79a27a7, #w-node-_406368f1-87fb-edbc-75e4-a5df5360e63b-b79a27a7, #w-node-_406368f1-87fb-edbc-75e4-a5df5360e640-b79a27a7, #w-node-_52f8934b-cb06-bbd8-d7f0-c878ad1df9b2-b79a27a7, #w-node-_52f8934b-cb06-bbd8-d7f0-c878ad1df9b7-b79a27a7, #w-node-_52f8934b-cb06-bbd8-d7f0-c878ad1df9bc-b79a27a7, #w-node-_52f8934b-cb06-bbd8-d7f0-c878ad1df9c1-b79a27a7, #w-node-_406368f1-87fb-edbc-75e4-a5df5360e66b-b79a27a7, #w-node-_406368f1-87fb-edbc-75e4-a5df5360e670-b79a27a7, #w-node-_406368f1-87fb-edbc-75e4-a5df5360e675-b79a27a7, #w-node-_406368f1-87fb-edbc-75e4-a5df5360e67a-b79a27a7 {
align-self: start;
}
#w-node-_1d74fb34-e623-a772-a14e-32a1aacbb695-b79a27a7 {
place-self: center;
}
@media screen and (min-width: 1440px) {
#w-node-_4fbe9c09-0b4e-9a8d-fd48-788d61c46955-6ce39365 {
grid-area: span 1 / span 1 / span 1 / span 1;
}
}
@media screen and (max-width: 991px) {
#w-node-cb801d28-1da0-66bf-dfe8-59fd33c70960-2846164c {
grid-area: 1 / 1 / 3 / 2;
}
#w-node-_9c465210-01e0-156e-9e3d-7145f0c22c14-f0c22c0e, #w-node-_9c465210-01e0-156e-9e3d-7145f0c22c21-f0c22c0e {
grid-area: span 1 / span 2 / span 1 / span 2;
}
#w-node-e564c0b0-0ffd-3282-9d83-b5ce35a5319d-35a53161 {
align-self: start;
}
#w-node-fc0096c8-5963-512d-3d5f-3d96abfc3d88-f9bf96c5 {
order: -9999;
grid-area: span 1 / span 1 / span 1 / span 1;
}
#w-node-_0c98d1d2-b7a5-2335-0da0-90c11c0c6710-6094bc15, #w-node-_68370f52-bef6-12ed-8a66-0472d04c76e2-6094bc15, #w-node-_6597214b-ff33-09ac-b451-366d18c06400-6094bc15, #w-node-ab3255c8-95f5-eb38-20b1-91250df5b4ce-6094bc15, #w-node-_2bdb7877-1a8a-7d2c-f508-b41f1c6d3af4-5783d8fd, #w-node-_2bdb7877-1a8a-7d2c-f508-b41f1c6d3b06-5783d8fd, #w-node-_2bdb7877-1a8a-7d2c-f508-b41f1c6d3b18-5783d8fd, #w-node-_2bdb7877-1a8a-7d2c-f508-b41f1c6d3b2a-5783d8fd, #w-node-_60abf2f6-c8a5-2f02-7854-cf6007cb3ef5-0193f44c, #w-node-_60abf2f6-c8a5-2f02-7854-cf6007cb3f07-0193f44c, #w-node-_60abf2f6-c8a5-2f02-7854-cf6007cb3f19-0193f44c, #w-node-_60abf2f6-c8a5-2f02-7854-cf6007cb3ef5-12738c71, #w-node-_60abf2f6-c8a5-2f02-7854-cf6007cb3f07-12738c71, #w-node-_60abf2f6-c8a5-2f02-7854-cf6007cb3f19-12738c71, #w-node-_60abf2f6-c8a5-2f02-7854-cf6007cb3ef5-f5835f33, #w-node-_60abf2f6-c8a5-2f02-7854-cf6007cb3f07-f5835f33, #w-node-_60abf2f6-c8a5-2f02-7854-cf6007cb3f19-f5835f33, #w-node-_60abf2f6-c8a5-2f02-7854-cf6007cb3f2b-f5835f33, #w-node-_57f2a54a-6fa9-572b-af08-04a2fa4718fc-1fbef2db, #w-node-_60abf2f6-c8a5-2f02-7854-cf6007cb3ef5-1fbef2db, #w-node-_417b307a-5efb-be1b-b87a-fa688a747ea9-1fbef2db, #w-node-_871a63ee-8ced-41d9-518e-786b19ba4d27-1fbef2db, #w-node-_3e1575a7-119e-6950-4d0b-3765f8119031-1fbef2db, #w-node-_3e1575a7-119e-6950-4d0b-3765f8119037-1fbef2db, #w-node-_7cf88374-a176-860f-e7c2-e5857c44fbe6-1fbef2db, #w-node-_7cf88374-a176-860f-e7c2-e5857c44fbec-1fbef2db, #w-node-f55a6ea6-9fc6-5c0f-102e-e9ea5f8a200c-1fbef2db, #w-node-f55a6ea6-9fc6-5c0f-102e-e9ea5f8a2012-1fbef2db, #w-node-_60abf2f6-c8a5-2f02-7854-cf6007cb3ef5-af5feb2b, #w-node-_60abf2f6-c8a5-2f02-7854-cf6007cb3f07-af5feb2b, #w-node-_60abf2f6-c8a5-2f02-7854-cf6007cb3ef5-c1ecadd0, #w-node-_60abf2f6-c8a5-2f02-7854-cf6007cb3f07-c1ecadd0, #w-node-_60abf2f6-c8a5-2f02-7854-cf6007cb3f19-c1ecadd0, #w-node-_60abf2f6-c8a5-2f02-7854-cf6007cb3f2b-c1ecadd0, #w-node-_60abf2f6-c8a5-2f02-7854-cf6007cb3ef5-7637ee61, #w-node-_60abf2f6-c8a5-2f02-7854-cf6007cb3f07-7637ee61, #w-node-_60abf2f6-c8a5-2f02-7854-cf6007cb3f19-7637ee61, #w-node-_60abf2f6-c8a5-2f02-7854-cf6007cb3ef5-8f4a14bb, #w-node-_60abf2f6-c8a5-2f02-7854-cf6007cb3f07-8f4a14bb, #w-node-_60abf2f6-c8a5-2f02-7854-cf6007cb3f19-8f4a14bb, #w-node-_60abf2f6-c8a5-2f02-7854-cf6007cb3ef5-98098a6f, #w-node-_60abf2f6-c8a5-2f02-7854-cf6007cb3f07-98098a6f, #w-node-_803cdb99-0e2b-c1d6-9884-09bfe7474c85-98098a6f, #w-node-_994346ba-4a3a-3a11-be46-c0ae62c73088-98098a6f, #w-node-_60abf2f6-c8a5-2f02-7854-cf6007cb3ef5-4e73a3c8, #w-node-_60abf2f6-c8a5-2f02-7854-cf6007cb3f07-4e73a3c8, #w-node-_60abf2f6-c8a5-2f02-7854-cf6007cb3f19-4e73a3c8 {
grid-column: span 1 / span 1;
}
#w-node-de1e7604-27e8-dcad-b2f0-9d50262418c6-ff0752eb, #w-node-_03784004-a8a6-e486-5ed2-e6c5984c0499-ff0752eb, #w-node-de1e7604-27e8-dcad-b2f0-9d50262418c6-f2209773 {
align-self: stretch;
}
#w-node-_0c98d1d2-b7a5-2335-0da0-90c11c0c6710-fe01dbd1, #w-node-_68370f52-bef6-12ed-8a66-0472d04c76e2-fe01dbd1, #w-node-_6597214b-ff33-09ac-b451-366d18c06400-fe01dbd1 {
grid-column: span 1 / span 1;
}
#w-node-eb9017fc-9e04-b8e8-963a-9841182efd97-968cbb18, #w-node-bec94e16-e35b-f967-1d1f-8113fe2948c4-968cbb18, #w-node-a4c976ed-48dc-df13-dfba-66d0ebf46755-968cbb18, #w-node-_5d50041d-f03c-ee52-a998-32265f6882e3-968cbb18 {
order: -9999;
}
#w-node-_3c92e924-5ce7-293e-a836-92525ec61c40-0668fa1f {
order: -9999;
grid-area: span 1 / span 1 / span 1 / span 1;
}
#w-node-b4651f72-1805-5d37-c46f-fba1d88184bf-d88184bb {
justify-self: center;
}
#w-node-_2fb4d115-5881-9d09-9f38-1954d2ea6329-d88184bb {
order: 9999;
grid-area: span 2 / span 2 / span 2 / span 2;
}
#w-node-_5de15fa9-daf0-ff3b-d49b-62a9216834c1-8e352804 {
align-self: start;
}
#w-node-d725989e-e41e-76ce-17ee-c05656995549-8e352804 {
justify-self: center;
}
#w-node-d725989e-e41e-76ce-17ee-c05656995572-8e352804 {
order: 9999;
grid-area: span 2 / span 2 / span 2 / span 2;
}
#w-node-e56fbcc6-927a-4695-aceb-8ffcbc4dc2a0-8e352804 {
order: -9999;
grid-area: span 1 / span 1 / span 1 / span 1;
}
#w-node-_73ecf91d-2384-ae58-66ce-e327cb08fb88-bdf55de3 {
order: 2;
}
#w-node-_73ecf91d-2384-ae58-66ce-e327cb08fb8e-bdf55de3 {
order: 1;
}
#w-node-_73ecf91d-2384-ae58-66ce-e327cb08fb90-bdf55de3 {
order: 3;
}
#w-node-_73ecf91d-2384-ae58-66ce-e327cb08fb92-bdf55de3 {
order: 4;
}
#w-node-_73ecf91d-2384-ae58-66ce-e327cb08fb98-bdf55de3 {
order: 6;
}
#w-node-_73ecf91d-2384-ae58-66ce-e327cb08fb9e-bdf55de3 {
order: 5;
}
#w-node-_73ecf91d-2384-ae58-66ce-e327cb08fba0-bdf55de3 {
order: 7;
}
#w-node-_73ecf91d-2384-ae58-66ce-e327cb08fba2-bdf55de3 {
order: 8;
}
#w-node-_428db9b7-f206-d568-b45b-16aa8495f857-63f3432c {
order: 2;
}
#w-node-_843a2461-a4ba-b552-5cea-fc86f6dd0668-63f3432c {
order: 1;
}
#w-node-dcfb9128-30df-e597-61f7-712703306863-63f3432c {
order: 3;
}
#w-node-db30dd20-3bb2-6174-e299-b3a72b81eedb-63f3432c {
order: 4;
}
#w-node-c31ccfd0-26af-6047-06e3-9ed46c6be5ce-63f3432c {
order: 6;
}
#w-node-_5f0e4a2f-5077-3505-58de-e0847828e667-63f3432c {
order: 5;
}
#w-node-b865e441-01d6-2933-4dcf-d4da83cdb729-63f3432c {
order: 7;
}
#w-node-_8b4d90a5-6ff2-d884-53f6-eaf2149c817a-63f3432c {
order: 8;
}
#w-node-_0a765565-38bb-b7af-6f56-89db8fd1ff57-b79a27a7 {
order: 2;
}
#w-node-_0a765565-38bb-b7af-6f56-89db8fd1ff5d-b79a27a7 {
order: 1;
}
#w-node-_0a765565-38bb-b7af-6f56-89db8fd1ff5f-b79a27a7 {
order: 3;
}
#w-node-_0a765565-38bb-b7af-6f56-89db8fd1ff61-b79a27a7 {
order: 4;
}
#w-node-_0a765565-38bb-b7af-6f56-89db8fd1ff67-b79a27a7 {
order: 6;
}
#w-node-_0a765565-38bb-b7af-6f56-89db8fd1ff6d-b79a27a7 {
order: 5;
}
#w-node-_0a765565-38bb-b7af-6f56-89db8fd1ff6f-b79a27a7 {
order: 7;
}
#w-node-_0a765565-38bb-b7af-6f56-89db8fd1ff71-b79a27a7 {
order: 8;
}
}
@media screen and (max-width: 767px) {
#w-node-_80da8935-1b02-07cc-8749-9e06ecab4568-2846164c, #w-node-_3371f8d9-2fac-637f-0a7f-4f65b2962487-b2962480 {
grid-area: span 1 / span 1 / span 1 / span 1;
}
#w-node-f6e88c85-6f12-cee4-f50d-6d866f95661b-60411357 {
order: 1;
}
#w-node-_4ebbc17a-4cdb-d8ae-75a6-94239c837448-60411357 {
order: 5;
}
#w-node-_6d3810be-b962-3612-601a-ec71cc3bb2de-60411357 {
order: 2;
}
#w-node-_61a21cf5-4810-7d3e-eb23-57277c278024-60411357 {
order: 4;
}
#w-node-cfbaf03f-cde1-4eb4-21aa-1b2806b487a7-60411357 {
order: 3;
}
#w-node-b313059d-7f1b-7a00-c531-4a97856da49e-60411357 {
order: 6;
}
#w-node-_20aad4ed-4138-a2b0-543b-201971a11dcc-60411357 {
order: 7;
}
#w-node-_9e65bc41-6a87-7704-0564-0b48b84e4e69-60411357 {
order: 8;
}
#w-node-_049ab587-fd2b-6fff-3419-7d13297e29df-60411357 {
order: 9;
}
#w-node-a068d8e3-ca08-5048-7059-c2935e2cb1f7-60411357 {
order: 10;
}
#w-node-acc88596-a51c-8030-e095-7c75ec244aa7-e9ee69d4 {
order: 1;
}
#w-node-acc88596-a51c-8030-e095-7c75ec244aaf-e9ee69d4 {
order: 5;
}
#w-node-acc88596-a51c-8030-e095-7c75ec244ab7-e9ee69d4 {
order: 2;
}
#w-node-acc88596-a51c-8030-e095-7c75ec244abf-e9ee69d4 {
order: 4;
}
#w-node-acc88596-a51c-8030-e095-7c75ec244ac7-e9ee69d4 {
order: 3;
}
#w-node-acc88596-a51c-8030-e095-7c75ec244acf-e9ee69d4 {
order: 6;
}
#w-node-acc88596-a51c-8030-e095-7c75ec244ad7-e9ee69d4 {
order: 7;
}
#w-node-acc88596-a51c-8030-e095-7c75ec244adf-e9ee69d4 {
order: 8;
}
#w-node-acc88596-a51c-8030-e095-7c75ec244ae7-e9ee69d4 {
order: 9;
}
#w-node-acc88596-a51c-8030-e095-7c75ec244aef-e9ee69d4 {
order: 10;
}
#w-node-b893abfa-e67d-8e71-289e-ecd6371a6a9f-e9ee69d4 {
grid-area: span 1 / span 1 / span 1 / span 1;
}
#w-node-_0c98d1d2-b7a5-2335-0da0-90c11c0c6710-6094bc15, #w-node-_68370f52-bef6-12ed-8a66-0472d04c76e2-6094bc15, #w-node-_6597214b-ff33-09ac-b451-366d18c06400-6094bc15, #w-node-ab3255c8-95f5-eb38-20b1-91250df5b4ce-6094bc15, #w-node-_2bdb7877-1a8a-7d2c-f508-b41f1c6d3af4-5783d8fd, #w-node-_2bdb7877-1a8a-7d2c-f508-b41f1c6d3b06-5783d8fd, #w-node-_2bdb7877-1a8a-7d2c-f508-b41f1c6d3b18-5783d8fd, #w-node-_2bdb7877-1a8a-7d2c-f508-b41f1c6d3b2a-5783d8fd, #w-node-_60abf2f6-c8a5-2f02-7854-cf6007cb3ef5-0193f44c, #w-node-_60abf2f6-c8a5-2f02-7854-cf6007cb3f07-0193f44c, #w-node-_60abf2f6-c8a5-2f02-7854-cf6007cb3f19-0193f44c, #w-node-_60abf2f6-c8a5-2f02-7854-cf6007cb3ef5-12738c71, #w-node-_60abf2f6-c8a5-2f02-7854-cf6007cb3f07-12738c71, #w-node-_60abf2f6-c8a5-2f02-7854-cf6007cb3f19-12738c71, #w-node-_60abf2f6-c8a5-2f02-7854-cf6007cb3ef5-f5835f33, #w-node-_60abf2f6-c8a5-2f02-7854-cf6007cb3f07-f5835f33, #w-node-_60abf2f6-c8a5-2f02-7854-cf6007cb3f19-f5835f33, #w-node-_60abf2f6-c8a5-2f02-7854-cf6007cb3f2b-f5835f33, #w-node-_60abf2f6-c8a5-2f02-7854-cf6007cb3ef5-af5feb2b, #w-node-_60abf2f6-c8a5-2f02-7854-cf6007cb3f07-af5feb2b, #w-node-_60abf2f6-c8a5-2f02-7854-cf6007cb3ef5-c1ecadd0, #w-node-_60abf2f6-c8a5-2f02-7854-cf6007cb3f07-c1ecadd0, #w-node-_60abf2f6-c8a5-2f02-7854-cf6007cb3f19-c1ecadd0, #w-node-_60abf2f6-c8a5-2f02-7854-cf6007cb3f2b-c1ecadd0, #w-node-_60abf2f6-c8a5-2f02-7854-cf6007cb3ef5-7637ee61, #w-node-_60abf2f6-c8a5-2f02-7854-cf6007cb3f07-7637ee61, #w-node-_60abf2f6-c8a5-2f02-7854-cf6007cb3f19-7637ee61, #w-node-_60abf2f6-c8a5-2f02-7854-cf6007cb3ef5-8f4a14bb, #w-node-_60abf2f6-c8a5-2f02-7854-cf6007cb3f07-8f4a14bb, #w-node-_60abf2f6-c8a5-2f02-7854-cf6007cb3f19-8f4a14bb, #w-node-_60abf2f6-c8a5-2f02-7854-cf6007cb3ef5-98098a6f, #w-node-_60abf2f6-c8a5-2f02-7854-cf6007cb3f07-98098a6f, #w-node-_803cdb99-0e2b-c1d6-9884-09bfe7474c85-98098a6f, #w-node-_994346ba-4a3a-3a11-be46-c0ae62c73088-98098a6f, #w-node-_60abf2f6-c8a5-2f02-7854-cf6007cb3ef5-4e73a3c8, #w-node-_60abf2f6-c8a5-2f02-7854-cf6007cb3f07-4e73a3c8, #w-node-_60abf2f6-c8a5-2f02-7854-cf6007cb3f19-4e73a3c8, #w-node-_0c98d1d2-b7a5-2335-0da0-90c11c0c6710-fe01dbd1, #w-node-_68370f52-bef6-12ed-8a66-0472d04c76e2-fe01dbd1, #w-node-_6597214b-ff33-09ac-b451-366d18c06400-fe01dbd1 {
grid-area: span 1 / span 2 / span 1 / span 2;
}
#w-node-_2ff6336c-ba51-5dc0-88b6-1e50078d916b-78b1cb9c, #w-node-eb9017fc-9e04-b8e8-963a-9841182efd7d-968cbb18, #w-node-d4db6a51-874c-c2be-8b22-eedfc0affa10-968cbb18 {
grid-area: span 1 / span 1 / span 1 / span 1;
}
#w-node-b4651f72-1805-5d37-c46f-fba1d88184bd-d88184bb {
grid-area: 1 / 1 / 2 / 2;
}
#w-node-b4651f72-1805-5d37-c46f-fba1d88184c5-d88184bb {
grid-area: 1 / 2 / 2 / 3;
}
#w-node-d725989e-e41e-76ce-17ee-c05656995547-8e352804 {
grid-area: 1 / 1 / 2 / 2;
}
#w-node-d725989e-e41e-76ce-17ee-c05656995551-8e352804 {
grid-area: 1 / 2 / 2 / 3;
}
}
@media screen and (max-width: 479px) {
#w-node-_9c465210-01e0-156e-9e3d-7145f0c22c14-f0c22c0e, #w-node-_9c465210-01e0-156e-9e3d-7145f0c22c21-f0c22c0e, #w-node-_0c98d1d2-b7a5-2335-0da0-90c11c0c6710-6094bc15 {
grid-area: span 1 / span 1 / span 1 / span 1;
}
#w-node-_68370f52-bef6-12ed-8a66-0472d04c76e2-6094bc15, #w-node-_6597214b-ff33-09ac-b451-366d18c06400-6094bc15, #w-node-ab3255c8-95f5-eb38-20b1-91250df5b4ce-6094bc15 {
grid-column: span 1 / span 1;
}
#w-node-_2bdb7877-1a8a-7d2c-f508-b41f1c6d3af4-5783d8fd {
grid-area: span 1 / span 1 / span 1 / span 1;
}
#w-node-_2bdb7877-1a8a-7d2c-f508-b41f1c6d3b06-5783d8fd, #w-node-_2bdb7877-1a8a-7d2c-f508-b41f1c6d3b18-5783d8fd, #w-node-_2bdb7877-1a8a-7d2c-f508-b41f1c6d3b2a-5783d8fd {
grid-column: span 1 / span 1;
}
#w-node-_60abf2f6-c8a5-2f02-7854-cf6007cb3ef5-0193f44c {
grid-area: span 1 / span 1 / span 1 / span 1;
}
#w-node-_60abf2f6-c8a5-2f02-7854-cf6007cb3f07-0193f44c, #w-node-_60abf2f6-c8a5-2f02-7854-cf6007cb3f19-0193f44c {
grid-column: span 1 / span 1;
}
#w-node-_60abf2f6-c8a5-2f02-7854-cf6007cb3ef5-12738c71 {
grid-area: span 1 / span 1 / span 1 / span 1;
}
#w-node-_60abf2f6-c8a5-2f02-7854-cf6007cb3f07-12738c71, #w-node-_60abf2f6-c8a5-2f02-7854-cf6007cb3f19-12738c71 {
grid-column: span 1 / span 1;
}
#w-node-_60abf2f6-c8a5-2f02-7854-cf6007cb3ef5-f5835f33 {
grid-area: span 1 / span 1 / span 1 / span 1;
}
#w-node-_60abf2f6-c8a5-2f02-7854-cf6007cb3f07-f5835f33, #w-node-_60abf2f6-c8a5-2f02-7854-cf6007cb3f19-f5835f33, #w-node-_60abf2f6-c8a5-2f02-7854-cf6007cb3f2b-f5835f33 {
grid-column: span 1 / span 1;
}
#w-node-_57f2a54a-6fa9-572b-af08-04a2fa4718fc-1fbef2db, #w-node-_60abf2f6-c8a5-2f02-7854-cf6007cb3ef5-1fbef2db, #w-node-_417b307a-5efb-be1b-b87a-fa688a747ea9-1fbef2db, #w-node-_871a63ee-8ced-41d9-518e-786b19ba4d27-1fbef2db, #w-node-_3e1575a7-119e-6950-4d0b-3765f8119031-1fbef2db, #w-node-_3e1575a7-119e-6950-4d0b-3765f8119037-1fbef2db, #w-node-_7cf88374-a176-860f-e7c2-e5857c44fbe6-1fbef2db, #w-node-_7cf88374-a176-860f-e7c2-e5857c44fbec-1fbef2db, #w-node-f55a6ea6-9fc6-5c0f-102e-e9ea5f8a200c-1fbef2db, #w-node-f55a6ea6-9fc6-5c0f-102e-e9ea5f8a2012-1fbef2db, #w-node-_60abf2f6-c8a5-2f02-7854-cf6007cb3ef5-af5feb2b {
grid-area: span 1 / span 1 / span 1 / span 1;
}
#w-node-_60abf2f6-c8a5-2f02-7854-cf6007cb3f07-af5feb2b {
grid-column: span 1 / span 1;
}
#w-node-_60abf2f6-c8a5-2f02-7854-cf6007cb3ef5-c1ecadd0 {
grid-area: span 1 / span 1 / span 1 / span 1;
}
#w-node-_60abf2f6-c8a5-2f02-7854-cf6007cb3f07-c1ecadd0, #w-node-_60abf2f6-c8a5-2f02-7854-cf6007cb3f19-c1ecadd0, #w-node-_60abf2f6-c8a5-2f02-7854-cf6007cb3f2b-c1ecadd0 {
grid-column: span 1 / span 1;
}
#w-node-_60abf2f6-c8a5-2f02-7854-cf6007cb3ef5-7637ee61 {
grid-area: span 1 / span 1 / span 1 / span 1;
}
#w-node-_60abf2f6-c8a5-2f02-7854-cf6007cb3f07-7637ee61, #w-node-_60abf2f6-c8a5-2f02-7854-cf6007cb3f19-7637ee61 {
grid-column: span 1 / span 1;
}
#w-node-_60abf2f6-c8a5-2f02-7854-cf6007cb3ef5-8f4a14bb {
grid-area: span 1 / span 1 / span 1 / span 1;
}
#w-node-_60abf2f6-c8a5-2f02-7854-cf6007cb3f07-8f4a14bb, #w-node-_60abf2f6-c8a5-2f02-7854-cf6007cb3f19-8f4a14bb {
grid-column: span 1 / span 1;
}
#w-node-_60abf2f6-c8a5-2f02-7854-cf6007cb3ef5-98098a6f {
grid-area: span 1 / span 1 / span 1 / span 1;
}
#w-node-_60abf2f6-c8a5-2f02-7854-cf6007cb3f07-98098a6f, #w-node-_803cdb99-0e2b-c1d6-9884-09bfe7474c85-98098a6f, #w-node-_994346ba-4a3a-3a11-be46-c0ae62c73088-98098a6f {
grid-column: span 1 / span 1;
}
#w-node-_60abf2f6-c8a5-2f02-7854-cf6007cb3ef5-4e73a3c8 {
grid-area: span 1 / span 1 / span 1 / span 1;
}
#w-node-_60abf2f6-c8a5-2f02-7854-cf6007cb3f07-4e73a3c8, #w-node-_60abf2f6-c8a5-2f02-7854-cf6007cb3f19-4e73a3c8 {
grid-column: span 1 / span 1;
}
#w-node-_0c98d1d2-b7a5-2335-0da0-90c11c0c6710-fe01dbd1 {
grid-area: span 1 / span 1 / span 1 / span 1;
}
#w-node-_68370f52-bef6-12ed-8a66-0472d04c76e2-fe01dbd1, #w-node-_6597214b-ff33-09ac-b451-366d18c06400-fe01dbd1, #w-node-_2fb4d115-5881-9d09-9f38-1954d2ea6329-d88184bb, #w-node-d725989e-e41e-76ce-17ee-c05656995572-8e352804 {
grid-column: span 1 / span 1;
}
}
@font-face {
font-family: 'Abcfavorit';
src: url('../fonts/ABCFavorit-Bold.woff2') format('woff2'), url('../fonts/ABCFavorit-Bold.woff') format('woff');
font-weight: 700;
font-style: normal;
font-display: swap;
}
@font-face {
font-family: 'Abcfavorit';
src: url('../fonts/ABCFavorit-Regular.woff2') format('woff2'), url('../fonts/ABCFavorit-Regular.woff') format('woff');
font-weight: 400;
font-style: normal;
font-display: swap;
}

@font-face{font-family:swiper-icons;src:url('data:application/font-woff;charset=utf-8;base64, d09GRgABAAAAAAZgABAAAAAADAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAABGRlRNAAAGRAAAABoAAAAci6qHkUdERUYAAAWgAAAAIwAAACQAYABXR1BPUwAABhQAAAAuAAAANuAY7+xHU1VCAAAFxAAAAFAAAABm2fPczU9TLzIAAAHcAAAASgAAAGBP9V5RY21hcAAAAkQAAACIAAABYt6F0cBjdnQgAAACzAAAAAQAAAAEABEBRGdhc3AAAAWYAAAACAAAAAj//wADZ2x5ZgAAAywAAADMAAAD2MHtryVoZWFkAAABbAAAADAAAAA2E2+eoWhoZWEAAAGcAAAAHwAAACQC9gDzaG10eAAAAigAAAAZAAAArgJkABFsb2NhAAAC0AAAAFoAAABaFQAUGG1heHAAAAG8AAAAHwAAACAAcABAbmFtZQAAA/gAAAE5AAACXvFdBwlwb3N0AAAFNAAAAGIAAACE5s74hXjaY2BkYGAAYpf5Hu/j+W2+MnAzMYDAzaX6QjD6/4//Bxj5GA8AuRwMYGkAPywL13jaY2BkYGA88P8Agx4j+/8fQDYfA1AEBWgDAIB2BOoAeNpjYGRgYNBh4GdgYgABEMnIABJzYNADCQAACWgAsQB42mNgYfzCOIGBlYGB0YcxjYGBwR1Kf2WQZGhhYGBiYGVmgAFGBiQQkOaawtDAoMBQxXjg/wEGPcYDDA4wNUA2CCgwsAAAO4EL6gAAeNpj2M0gyAACqxgGNWBkZ2D4/wMA+xkDdgAAAHjaY2BgYGaAYBkGRgYQiAHyGMF8FgYHIM3DwMHABGQrMOgyWDLEM1T9/w8UBfEMgLzE////P/5//f/V/xv+r4eaAAeMbAxwIUYmIMHEgKYAYjUcsDAwsLKxc3BycfPw8jEQA/gZBASFhEVExcQlJKWkZWTl5BUUlZRVVNXUNTQZBgMAAMR+E+gAEQFEAAAAKgAqACoANAA+AEgAUgBcAGYAcAB6AIQAjgCYAKIArAC2AMAAygDUAN4A6ADyAPwBBgEQARoBJAEuATgBQgFMAVYBYAFqAXQBfgGIAZIBnAGmAbIBzgHsAAB42u2NMQ6CUAyGW568x9AneYYgm4MJbhKFaExIOAVX8ApewSt4Bic4AfeAid3VOBixDxfPYEza5O+Xfi04YADggiUIULCuEJK8VhO4bSvpdnktHI5QCYtdi2sl8ZnXaHlqUrNKzdKcT8cjlq+rwZSvIVczNiezsfnP/uznmfPFBNODM2K7MTQ45YEAZqGP81AmGGcF3iPqOop0r1SPTaTbVkfUe4HXj97wYE+yNwWYxwWu4v1ugWHgo3S1XdZEVqWM7ET0cfnLGxWfkgR42o2PvWrDMBSFj/IHLaF0zKjRgdiVMwScNRAoWUoH78Y2icB/yIY09An6AH2Bdu/UB+yxopYshQiEvnvu0dURgDt8QeC8PDw7Fpji3fEA4z/PEJ6YOB5hKh4dj3EvXhxPqH/SKUY3rJ7srZ4FZnh1PMAtPhwP6fl2PMJMPDgeQ4rY8YT6Gzao0eAEA409DuggmTnFnOcSCiEiLMgxCiTI6Cq5DZUd3Qmp10vO0LaLTd2cjN4fOumlc7lUYbSQcZFkutRG7g6JKZKy0RmdLY680CDnEJ+UMkpFFe1RN7nxdVpXrC4aTtnaurOnYercZg2YVmLN/d/gczfEimrE/fs/bOuq29Zmn8tloORaXgZgGa78yO9/cnXm2BpaGvq25Dv9S4E9+5SIc9PqupJKhYFSSl47+Qcr1mYNAAAAeNptw0cKwkAAAMDZJA8Q7OUJvkLsPfZ6zFVERPy8qHh2YER+3i/BP83vIBLLySsoKimrqKqpa2hp6+jq6RsYGhmbmJqZSy0sraxtbO3sHRydnEMU4uR6yx7JJXveP7WrDycAAAAAAAH//wACeNpjYGRgYOABYhkgZgJCZgZNBkYGLQZtIJsFLMYAAAw3ALgAeNolizEKgDAQBCchRbC2sFER0YD6qVQiBCv/H9ezGI6Z5XBAw8CBK/m5iQQVauVbXLnOrMZv2oLdKFa8Pjuru2hJzGabmOSLzNMzvutpB3N42mNgZGBg4GKQYzBhYMxJLMlj4GBgAYow/P/PAJJhLM6sSoWKfWCAAwDAjgbRAAB42mNgYGBkAIIbCZo5IPrmUn0hGA0AO8EFTQAA');font-weight:400;font-style:normal}:root{--swiper-theme-color:#007aff}:host{position:relative;display:block;margin-left:auto;margin-right:auto;z-index:1}.swiper{margin-left:auto;margin-right:auto;position:relative;overflow:hidden;list-style:none;padding:0;z-index:1;display:block}.swiper-vertical>.swiper-wrapper{flex-direction:column}.swiper-wrapper{position:relative;width:100%;height:100%;z-index:1;display:flex;transition-property:transform;transition-timing-function:var(--swiper-wrapper-transition-timing-function,initial);box-sizing:content-box}.swiper-android .swiper-slide,.swiper-ios .swiper-slide,.swiper-wrapper{transform:translate3d(0px,0,0)}.swiper-horizontal{touch-action:pan-y}.swiper-vertical{touch-action:pan-x}.swiper-slide{flex-shrink:0;width:100%;height:100%;position:relative;transition-property:transform;display:block}.swiper-slide-invisible-blank{visibility:hidden}.swiper-autoheight,.swiper-autoheight .swiper-slide{height:auto}.swiper-autoheight .swiper-wrapper{align-items:flex-start;transition-property:transform,height}.swiper-backface-hidden .swiper-slide{transform:translateZ(0);-webkit-backface-visibility:hidden;backface-visibility:hidden}.swiper-3d.swiper-css-mode .swiper-wrapper{perspective:1200px}.swiper-3d .swiper-wrapper{transform-style:preserve-3d}.swiper-3d{perspective:1200px}.swiper-3d .swiper-cube-shadow,.swiper-3d .swiper-slide{transform-style:preserve-3d}.swiper-css-mode>.swiper-wrapper{overflow:auto;scrollbar-width:none;-ms-overflow-style:none}.swiper-css-mode>.swiper-wrapper::-webkit-scrollbar{display:none}.swiper-css-mode>.swiper-wrapper>.swiper-slide{scroll-snap-align:start start}.swiper-css-mode.swiper-horizontal>.swiper-wrapper{scroll-snap-type:x mandatory}.swiper-css-mode.swiper-vertical>.swiper-wrapper{scroll-snap-type:y mandatory}.swiper-css-mode.swiper-free-mode>.swiper-wrapper{scroll-snap-type:none}.swiper-css-mode.swiper-free-mode>.swiper-wrapper>.swiper-slide{scroll-snap-align:none}.swiper-css-mode.swiper-centered>.swiper-wrapper::before{content:'';flex-shrink:0;order:9999}.swiper-css-mode.swiper-centered>.swiper-wrapper>.swiper-slide{scroll-snap-align:center center;scroll-snap-stop:always}.swiper-css-mode.swiper-centered.swiper-horizontal>.swiper-wrapper>.swiper-slide:first-child{margin-inline-start:var(--swiper-centered-offset-before)}.swiper-css-mode.swiper-centered.swiper-horizontal>.swiper-wrapper::before{height:100%;min-height:1px;width:var(--swiper-centered-offset-after)}.swiper-css-mode.swiper-centered.swiper-vertical>.swiper-wrapper>.swiper-slide:first-child{margin-block-start:var(--swiper-centered-offset-before)}.swiper-css-mode.swiper-centered.swiper-vertical>.swiper-wrapper::before{width:100%;min-width:1px;height:var(--swiper-centered-offset-after)}.swiper-3d .swiper-slide-shadow,.swiper-3d .swiper-slide-shadow-bottom,.swiper-3d .swiper-slide-shadow-left,.swiper-3d .swiper-slide-shadow-right,.swiper-3d .swiper-slide-shadow-top{position:absolute;left:0;top:0;width:100%;height:100%;pointer-events:none;z-index:10}.swiper-3d .swiper-slide-shadow{background:rgba(0,0,0,.15)}.swiper-3d .swiper-slide-shadow-left{background-image:linear-gradient(to left,rgba(0,0,0,.5),rgba(0,0,0,0))}.swiper-3d .swiper-slide-shadow-right{background-image:linear-gradient(to right,rgba(0,0,0,.5),rgba(0,0,0,0))}.swiper-3d .swiper-slide-shadow-top{background-image:linear-gradient(to top,rgba(0,0,0,.5),rgba(0,0,0,0))}.swiper-3d .swiper-slide-shadow-bottom{background-image:linear-gradient(to bottom,rgba(0,0,0,.5),rgba(0,0,0,0))}.swiper-lazy-preloader{width:42px;height:42px;position:absolute;left:50%;top:50%;margin-left:-21px;margin-top:-21px;z-index:10;transform-origin:50%;box-sizing:border-box;border:4px solid var(--swiper-preloader-color,var(--swiper-theme-color));border-radius:50%;border-top-color:transparent}.swiper-watch-progress .swiper-slide-visible .swiper-lazy-preloader,.swiper:not(.swiper-watch-progress) .swiper-lazy-preloader{animation:swiper-preloader-spin 1s infinite linear}.swiper-lazy-preloader-white{--swiper-preloader-color:#fff}.swiper-lazy-preloader-black{--swiper-preloader-color:#000}@keyframes swiper-preloader-spin{0%{transform:rotate(0deg)}100%{transform:rotate(360deg)}}.swiper-virtual .swiper-slide{-webkit-backface-visibility:hidden;transform:translateZ(0)}.swiper-virtual.swiper-css-mode .swiper-wrapper::after{content:'';position:absolute;left:0;top:0;pointer-events:none}.swiper-virtual.swiper-css-mode.swiper-horizontal .swiper-wrapper::after{height:1px;width:var(--swiper-virtual-size)}.swiper-virtual.swiper-css-mode.swiper-vertical .swiper-wrapper::after{width:1px;height:var(--swiper-virtual-size)}:root{--swiper-navigation-size:44px}.swiper-button-next,.swiper-button-prev{position:absolute;top:var(--swiper-navigation-top-offset,50%);width:calc(var(--swiper-navigation-size)/ 44 * 27);height:var(--swiper-navigation-size);margin-top:calc(0px - (var(--swiper-navigation-size)/ 2));z-index:10;cursor:pointer;display:flex;align-items:center;justify-content:center;color:var(--swiper-navigation-color,var(--swiper-theme-color))}.swiper-button-next.swiper-button-disabled,.swiper-button-prev.swiper-button-disabled{opacity:.35;cursor:auto;pointer-events:none}.swiper-button-next.swiper-button-hidden,.swiper-button-prev.swiper-button-hidden{opacity:0;cursor:auto;pointer-events:none}.swiper-navigation-disabled .swiper-button-next,.swiper-navigation-disabled .swiper-button-prev{display:none!important}.swiper-button-next svg,.swiper-button-prev svg{width:100%;height:100%;object-fit:contain;transform-origin:center}.swiper-rtl .swiper-button-next svg,.swiper-rtl .swiper-button-prev svg{transform:rotate(180deg)}.swiper-button-prev,.swiper-rtl .swiper-button-next{left:var(--swiper-navigation-sides-offset,10px);right:auto}.swiper-button-next,.swiper-rtl .swiper-button-prev{right:var(--swiper-navigation-sides-offset,10px);left:auto}.swiper-button-lock{display:none}.swiper-button-next:after,.swiper-button-prev:after{font-family:swiper-icons;font-size:var(--swiper-navigation-size);text-transform:none!important;letter-spacing:0;font-variant:initial;line-height:1}.swiper-button-prev:after,.swiper-rtl .swiper-button-next:after{content:'prev'}.swiper-button-next,.swiper-rtl .swiper-button-prev{right:var(--swiper-navigation-sides-offset,10px);left:auto}.swiper-button-next:after,.swiper-rtl .swiper-button-prev:after{content:'next'}.swiper-pagination{position:absolute;text-align:center;transition:.3s opacity;transform:translate3d(0,0,0);z-index:10}.swiper-pagination.swiper-pagination-hidden{opacity:0}.swiper-pagination-disabled>.swiper-pagination,.swiper-pagination.swiper-pagination-disabled{display:none!important}.swiper-horizontal>.swiper-pagination-bullets,.swiper-pagination-bullets.swiper-pagination-horizontal,.swiper-pagination-custom,.swiper-pagination-fraction{bottom:var(--swiper-pagination-bottom,8px);top:var(--swiper-pagination-top,auto);left:0;width:100%}.swiper-pagination-bullets-dynamic{overflow:hidden;font-size:0}.swiper-pagination-bullets-dynamic .swiper-pagination-bullet{transform:scale(.33);position:relative}.swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active{transform:scale(1)}.swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active-main{transform:scale(1)}.swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active-prev{transform:scale(.66)}.swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active-prev-prev{transform:scale(.33)}.swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active-next{transform:scale(.66)}.swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active-next-next{transform:scale(.33)}.swiper-pagination-bullet{width:var(--swiper-pagination-bullet-width,var(--swiper-pagination-bullet-size,8px));height:var(--swiper-pagination-bullet-height,var(--swiper-pagination-bullet-size,8px));display:inline-block;border-radius:var(--swiper-pagination-bullet-border-radius,50%);background:var(--swiper-pagination-bullet-inactive-color,#000);opacity:var(--swiper-pagination-bullet-inactive-opacity, .2)}button.swiper-pagination-bullet{border:none;margin:0;padding:0;box-shadow:none;-webkit-appearance:none;appearance:none}.swiper-pagination-clickable .swiper-pagination-bullet{cursor:pointer}.swiper-pagination-bullet:only-child{display:none!important}.swiper-pagination-bullet-active{opacity:var(--swiper-pagination-bullet-opacity, 1);background:var(--swiper-pagination-color,var(--swiper-theme-color))}.swiper-pagination-vertical.swiper-pagination-bullets,.swiper-vertical>.swiper-pagination-bullets{right:var(--swiper-pagination-right,8px);left:var(--swiper-pagination-left,auto);top:50%;transform:translate3d(0px,-50%,0)}.swiper-pagination-vertical.swiper-pagination-bullets .swiper-pagination-bullet,.swiper-vertical>.swiper-pagination-bullets .swiper-pagination-bullet{margin:var(--swiper-pagination-bullet-vertical-gap,6px) 0;display:block}.swiper-pagination-vertical.swiper-pagination-bullets.swiper-pagination-bullets-dynamic,.swiper-vertical>.swiper-pagination-bullets.swiper-pagination-bullets-dynamic{top:50%;transform:translateY(-50%);width:8px}.swiper-pagination-vertical.swiper-pagination-bullets.swiper-pagination-bullets-dynamic .swiper-pagination-bullet,.swiper-vertical>.swiper-pagination-bullets.swiper-pagination-bullets-dynamic .swiper-pagination-bullet{display:inline-block;transition:.2s transform,.2s top}.swiper-horizontal>.swiper-pagination-bullets .swiper-pagination-bullet,.swiper-pagination-horizontal.swiper-pagination-bullets .swiper-pagination-bullet{margin:0 var(--swiper-pagination-bullet-horizontal-gap,4px)}.swiper-horizontal>.swiper-pagination-bullets.swiper-pagination-bullets-dynamic,.swiper-pagination-horizontal.swiper-pagination-bullets.swiper-pagination-bullets-dynamic{left:50%;transform:translateX(-50%);white-space:nowrap}.swiper-horizontal>.swiper-pagination-bullets.swiper-pagination-bullets-dynamic .swiper-pagination-bullet,.swiper-pagination-horizontal.swiper-pagination-bullets.swiper-pagination-bullets-dynamic .swiper-pagination-bullet{transition:.2s transform,.2s left}.swiper-horizontal.swiper-rtl>.swiper-pagination-bullets-dynamic .swiper-pagination-bullet{transition:.2s transform,.2s right}.swiper-pagination-fraction{color:var(--swiper-pagination-fraction-color,inherit)}.swiper-pagination-progressbar{background:var(--swiper-pagination-progressbar-bg-color,rgba(0,0,0,.25));position:absolute}.swiper-pagination-progressbar .swiper-pagination-progressbar-fill{background:var(--swiper-pagination-color,var(--swiper-theme-color));position:absolute;left:0;top:0;width:100%;height:100%;transform:scale(0);transform-origin:left top}.swiper-rtl .swiper-pagination-progressbar .swiper-pagination-progressbar-fill{transform-origin:right top}.swiper-horizontal>.swiper-pagination-progressbar,.swiper-pagination-progressbar.swiper-pagination-horizontal,.swiper-pagination-progressbar.swiper-pagination-vertical.swiper-pagination-progressbar-opposite,.swiper-vertical>.swiper-pagination-progressbar.swiper-pagination-progressbar-opposite{width:100%;height:var(--swiper-pagination-progressbar-size,4px);left:0;top:0}.swiper-horizontal>.swiper-pagination-progressbar.swiper-pagination-progressbar-opposite,.swiper-pagination-progressbar.swiper-pagination-horizontal.swiper-pagination-progressbar-opposite,.swiper-pagination-progressbar.swiper-pagination-vertical,.swiper-vertical>.swiper-pagination-progressbar{width:var(--swiper-pagination-progressbar-size,4px);height:100%;left:0;top:0}.swiper-pagination-lock{display:none}.swiper-scrollbar{border-radius:var(--swiper-scrollbar-border-radius,10px);position:relative;touch-action:none;background:var(--swiper-scrollbar-bg-color,rgba(0,0,0,.1))}.swiper-scrollbar-disabled>.swiper-scrollbar,.swiper-scrollbar.swiper-scrollbar-disabled{display:none!important}.swiper-horizontal>.swiper-scrollbar,.swiper-scrollbar.swiper-scrollbar-horizontal{position:absolute;left:var(--swiper-scrollbar-sides-offset,1%);bottom:var(--swiper-scrollbar-bottom,4px);top:var(--swiper-scrollbar-top,auto);z-index:50;height:var(--swiper-scrollbar-size,4px);width:calc(100% - 2 * var(--swiper-scrollbar-sides-offset,1%))}.swiper-scrollbar.swiper-scrollbar-vertical,.swiper-vertical>.swiper-scrollbar{position:absolute;left:var(--swiper-scrollbar-left,auto);right:var(--swiper-scrollbar-right,4px);top:var(--swiper-scrollbar-sides-offset,1%);z-index:50;width:var(--swiper-scrollbar-size,4px);height:calc(100% - 2 * var(--swiper-scrollbar-sides-offset,1%))}.swiper-scrollbar-drag{height:100%;width:100%;position:relative;background:var(--swiper-scrollbar-drag-bg-color,rgba(0,0,0,.5));border-radius:var(--swiper-scrollbar-border-radius,10px);left:0;top:0}.swiper-scrollbar-cursor-drag{cursor:move}.swiper-scrollbar-lock{display:none}.swiper-zoom-container{width:100%;height:100%;display:flex;justify-content:center;align-items:center;text-align:center}.swiper-zoom-container>canvas,.swiper-zoom-container>img,.swiper-zoom-container>svg{max-width:100%;max-height:100%;object-fit:contain}.swiper-slide-zoomed{cursor:move;touch-action:none}.swiper .swiper-notification{position:absolute;left:0;top:0;pointer-events:none;opacity:0;z-index:-1000}.swiper-free-mode>.swiper-wrapper{transition-timing-function:ease-out;margin:0 auto}.swiper-grid>.swiper-wrapper{flex-wrap:wrap}.swiper-grid-column>.swiper-wrapper{flex-wrap:wrap;flex-direction:column}.swiper-fade.swiper-free-mode .swiper-slide{transition-timing-function:ease-out}.swiper-fade .swiper-slide{pointer-events:none;transition-property:opacity}.swiper-fade .swiper-slide .swiper-slide{pointer-events:none}.swiper-fade .swiper-slide-active{pointer-events:auto}.swiper-fade .swiper-slide-active .swiper-slide-active{pointer-events:auto}.swiper.swiper-cube{overflow:visible}.swiper-cube .swiper-slide{pointer-events:none;-webkit-backface-visibility:hidden;backface-visibility:hidden;z-index:1;visibility:hidden;transform-origin:0 0;width:100%;height:100%}.swiper-cube .swiper-slide .swiper-slide{pointer-events:none}.swiper-cube.swiper-rtl .swiper-slide{transform-origin:100% 0}.swiper-cube .swiper-slide-active,.swiper-cube .swiper-slide-active .swiper-slide-active{pointer-events:auto}.swiper-cube .swiper-slide-active,.swiper-cube .swiper-slide-next,.swiper-cube .swiper-slide-prev{pointer-events:auto;visibility:visible}.swiper-cube .swiper-cube-shadow{position:absolute;left:0;bottom:0px;width:100%;height:100%;opacity:.6;z-index:0}.swiper-cube .swiper-cube-shadow:before{content:'';background:#000;position:absolute;left:0;top:0;bottom:0;right:0;filter:blur(50px)}.swiper-cube .swiper-slide-next+.swiper-slide{pointer-events:auto;visibility:visible}.swiper-cube .swiper-slide-shadow-cube.swiper-slide-shadow-bottom,.swiper-cube .swiper-slide-shadow-cube.swiper-slide-shadow-left,.swiper-cube .swiper-slide-shadow-cube.swiper-slide-shadow-right,.swiper-cube .swiper-slide-shadow-cube.swiper-slide-shadow-top{z-index:0;-webkit-backface-visibility:hidden;backface-visibility:hidden}.swiper.swiper-flip{overflow:visible}.swiper-flip .swiper-slide{pointer-events:none;-webkit-backface-visibility:hidden;backface-visibility:hidden;z-index:1}.swiper-flip .swiper-slide .swiper-slide{pointer-events:none}.swiper-flip .swiper-slide-active,.swiper-flip .swiper-slide-active .swiper-slide-active{pointer-events:auto}.swiper-flip .swiper-slide-shadow-flip.swiper-slide-shadow-bottom,.swiper-flip .swiper-slide-shadow-flip.swiper-slide-shadow-left,.swiper-flip .swiper-slide-shadow-flip.swiper-slide-shadow-right,.swiper-flip .swiper-slide-shadow-flip.swiper-slide-shadow-top{z-index:0;-webkit-backface-visibility:hidden;backface-visibility:hidden}.swiper-creative .swiper-slide{-webkit-backface-visibility:hidden;backface-visibility:hidden;overflow:hidden;transition-property:transform,opacity,height}.swiper.swiper-cards{overflow:visible}.swiper-cards .swiper-slide{transform-origin:center bottom;-webkit-backface-visibility:hidden;backface-visibility:hidden;overflow:hidden}

@font-face {
font-family: "Abcfavorit Ersatz";
src: local("Arial"), local("Helvetica"), local("Liberation Sans");
font-weight: 300 550;
font-style: normal;
size-adjust: 103.06%;
}
@font-face {
font-family: "Abcfavorit Ersatz";
src: local("Arial Bold"), local("Arial"), local("Helvetica"), local("Liberation Sans");
font-weight: 551 900;
font-style: normal;
size-adjust: 97.06%;
}
:root {
--nv2-h: 64px;
--nv2-rot: #e4002b;
--nv2-ton: rgba(16, 14, 16, 0.34);
--nv2-panel-ton: var(--nv2-ton);
--nv2-dur-schema: 0.28s;
--nv2-dur-tinte: 0.25s;
--nv2-ease-schema: cubic-bezier(0.4, 0, 0.6, 1);
--nv2-massiv: rgba(20, 18, 20, 0.97);
--nv2-menue-ton: rgba(16, 14, 16, 0.58);
--nv2-mobilfuss-ton: linear-gradient(180deg, rgba(18, 16, 18, 0) 0%, rgba(18, 16, 18, 0.96) 34%, rgba(18, 16, 18, 0.99) 100%);
--nv2-tinte-spalte: rgba(255, 255, 255, 0.95);
--nv2-tinte-dach: rgba(255, 255, 255, 0.94);
--nv2-tinte: #fff;
--nv2-leise: rgba(255, 255, 255, 0.88);
--nv2-linie: rgba(255, 255, 255, 0.12);
--nv2-kante-oben: rgba(255, 255, 255, 0.62);
--nv2-kante-unten: rgba(0, 0, 0, 0.4);
--nv2-kante-schein: rgba(255, 255, 255, 0.5);
--nv2-kante-schatten: rgba(0, 0, 0, 0.55);
--nv2-umriss: rgba(255, 255, 255, 0.14);
--nv2-hover: rgba(255, 255, 255, 0.07);
--nv2-hover-kante: rgba(255, 255, 255, 0.1);
--nv2-fokus: #fff;
--nv2-logo-hell: 1;
--nv2-logo-dunkel: 0;
--nv2-schrift-schatten: 0 1px 2px rgba(0, 0, 0, 0.3);
--nv2-unschaerfe: 26px;
--nv2-saettigung: 2.8;
--nv2-aufhellung: 1;
--nv2-spiegel: 0px;
--nv2-radius: 22px;
--nv2-radius-panel: 20px;
--nv2-radius-zeile: 11px;
--nv2-luft: 10px;   
--nv2-luft-seite: 16px;
--nv2-ease: cubic-bezier(0.22, 1, 0.36, 1);
--nv2-dur: 0.2s;
--nv2-dur-glas: 0.34s;
--nv2-dur-panel: 0.24s;
--nv2-z: 60;
}
html {
scroll-padding-top: calc(var(--nv2-luft) + var(--nv2-h) + 12px);
}
.nv2 {
position: relative;
z-index: var(--nv2-z);
height: calc(var(--nv2-luft) + var(--nv2-h));
font-family: Abcfavorit, "Abcfavorit Ersatz", Arial, sans-serif;
background: var(--nv2-kopfgrund, transparent);
}
@media (max-width: 991px) {
.nv2 {
background: var(--nv2-kopfgrund-t, var(--nv2-kopfgrund, transparent));
}
}
@media (max-width: 479px) {
.nv2 {
background: var(--nv2-kopfgrund-m, var(--nv2-kopfgrund-t, var(--nv2-kopfgrund, transparent)));
}
}
.nv2 *,
.nv2 *::before,
.nv2 *::after {
box-sizing: border-box;
}
.nv2-leiste {
position: fixed;
inset: 0 0 auto 0;
height: var(--nv2-h);
z-index: var(--nv2-z);
}
.nv2-glas,
.nv2-schatten {
position: absolute;
display: block;
pointer-events: none;
transition: opacity var(--nv2-dur-glas) var(--nv2-ease);
}
.nv2-glas {
top: var(--nv2-luft);
left: 50%;
width: min(86rem, calc(100vw - 2 * var(--nv2-luft-seite)));
height: var(--nv2-h);
transform: translateX(-50%);
border-radius: var(--nv2-radius);
overflow: hidden;
background: var(--nv2-ton);
-webkit-backdrop-filter: blur(var(--nv2-unschaerfe)) saturate(var(--nv2-saettigung)) brightness(var(--nv2-aufhellung));
backdrop-filter: blur(var(--nv2-unschaerfe)) saturate(var(--nv2-saettigung)) brightness(var(--nv2-aufhellung));
will-change: backdrop-filter;
contain: paint;
box-shadow:
inset 0 1px 0 var(--nv2-kante-oben),
inset 0 -1px 0 var(--nv2-kante-unten),
inset 0 10px 16px -12px var(--nv2-kante-schein),
inset 0 -12px 18px -14px var(--nv2-kante-schatten),
inset 0 0 0 1px var(--nv2-umriss);
opacity: 1;
}
.nv2-glas::after {
content: "";
position: absolute;
inset: 0;
border-radius: inherit;
pointer-events: none;
background: linear-gradient(180deg, rgba(255, 255, 255, 0.1) 0%, rgba(255, 255, 255, 0.02) 38%, rgba(255, 255, 255, 0) 62%);
}
.nv2-schatten {
top: var(--nv2-luft);
left: 50%;
width: min(86rem, calc(100vw - 2 * var(--nv2-luft-seite)));
height: var(--nv2-h);
transform: translateX(-50%);
border-radius: var(--nv2-radius);
box-shadow:
0 10px 24px -12px rgba(0, 0, 0, 0.45),
0 28px 64px -24px rgba(0, 0, 0, 0.6);
opacity: 0;
}
.ist-klein .nv2-schatten {
opacity: 1;
}
.nv2-schatten-ruhe {
top: var(--nv2-luft);
left: 50%;
width: min(86rem, calc(100vw - 2 * var(--nv2-luft-seite)));
height: var(--nv2-h);
transform: translateX(-50%);
border-radius: var(--nv2-radius);
box-shadow:
0 6px 16px -10px rgba(0, 0, 0, 0.35),
0 18px 44px -24px rgba(0, 0, 0, 0.4);
opacity: 1;
}
.ist-klein .nv2-schatten-ruhe {
opacity: 0;
}
.nv2-glas {
transition: background-color var(--nv2-dur-glas) var(--nv2-ease);
}
.nv2-tiefe {
position: absolute;
inset: 0;
border-radius: inherit;
pointer-events: none;
background:
radial-gradient(120% 220% at 50% 128%, rgba(255, 255, 255, 0.14) 0%, rgba(255, 255, 255, 0) 62%),
linear-gradient(180deg, rgba(255, 255, 255, 0.12) 0%, rgba(255, 255, 255, 0) 44%),
linear-gradient(104deg, rgba(255, 255, 255, 0) 12%, rgba(255, 255, 255, 0.05) 34%, rgba(255, 255, 255, 0) 56%);
}
.nv2-glanz {
position: absolute;
top: 50%;
left: 0;
width: 460px;
height: 460px;
margin: -230px 0 0 -230px;
pointer-events: none;
border-radius: 50%;
background: radial-gradient(circle, rgba(255, 255, 255, 0.11) 0%, rgba(255, 255, 255, 0.045) 42%, rgba(255, 255, 255, 0) 70%);
opacity: 0;
transition: opacity 0.45s var(--nv2-ease);
will-change: transform;
}
.nv2-glas::before {
content: "";
position: absolute;
inset: 0 0 auto 0;
height: 42%;
border-radius: inherit;
pointer-events: none;
background: linear-gradient(
100deg,
rgba(255, 255, 255, 0) 0%,
rgba(255, 255, 255, 0.045) 18%,
rgba(255, 255, 255, 0.13) 32%,
rgba(255, 255, 255, 0.04) 46%,
rgba(255, 255, 255, 0) 62%
);
background-size: 220% 100%;
background-position: calc(30% + var(--nv2-spiegel) * 3) 0;
opacity: 0.9;
}
[data-glanz] .nv2-glanz {
opacity: 1;
}
.nv2-inner {
position: relative;
z-index: 1;
height: 100%;
max-width: 86rem;
margin: 0 auto;
padding: calc(2 * var(--nv2-luft)) var(--nv2-luft) 0 2.5rem;
display: flex;
align-items: center;
gap: 1.5rem;
transform: translateY(0);
transition: transform var(--nv2-dur) var(--nv2-ease);
}
.nv2-logo {
flex: none;
display: flex;
align-items: center;
min-height: 44px;
border-radius: 8px;
text-decoration: none;
}
.nv2-logo img {
display: block;
width: 72px;
height: auto;
}
.nv2-logo:focus-visible,
.nv2-toggle:focus-visible,
.nv2-link:focus-visible,
.nv2-eintrag:focus-visible,
.nv2-teaser-link:focus-visible,
.nv2-burger:focus-visible,
.nv2-termin:focus-visible {
outline: 2px solid var(--nv2-fokus);
outline-offset: 3px;
}
.nv2-nav {
flex: 1 1 auto;
display: flex;
justify-content: center;
}
.nv2-liste {
display: flex;
align-items: center;
gap: 0.25rem;
margin: 0;
padding: 0;
list-style: none;
}
.nv2-punkt {
position: relative;
}
.nv2-toggle,
.nv2-link {
display: inline-flex;
align-items: center;
gap: 0.4rem;
min-height: 44px;
padding: 0 0.9rem;
border: 0;
background: none;
color: var(--nv2-tinte);
font: inherit;
font-size: 15px;
font-weight: 450;
letter-spacing: -0.006em;
line-height: 1;
text-decoration: none;
cursor: pointer;
border-radius: var(--nv2-radius-zeile);
transition:
background-color var(--nv2-dur) var(--nv2-ease),
box-shadow var(--nv2-dur) var(--nv2-ease);
}
.nv2-toggle:hover,
.nv2-link:hover,
.nv2-toggle:focus-visible,
.nv2-link:focus-visible,
[data-offen] > .nv2-toggle {
background: var(--nv2-hover);
box-shadow: inset 0 1px 0 var(--nv2-hover-kante);
}
.nv2-liste,
.nv2-wort,
.nv2-chevron,
.nv2-logo img,
.nv2-burger-linien {
position: relative;
z-index: 1;
}
.nv2-wort,
.nv2-termin span {
text-shadow: var(--nv2-schrift-schatten);
}
.nv2-wort {
position: relative;
display: inline-block;
}
.nv2-chevron {
flex: none;
opacity: 0.6;
transition:
transform var(--nv2-dur-panel) var(--nv2-ease),
opacity var(--nv2-dur) var(--nv2-ease);
}
.nv2-mit-panel:hover .nv2-chevron,
.nv2:not([data-js]) .nv2-mit-panel:focus-within .nv2-chevron,
[data-offen] .nv2-chevron {
opacity: 1;
transform: rotate(180deg);
}
.nv2-spalte-ohne-titel > .nv2-eintraege {
margin-top: 0;
}
.nv2-panel {
position: absolute;
top: calc(100% + 8px);
left: 50%;
z-index: 2;
min-width: 22rem;
padding: 0;
border-radius: var(--nv2-radius-panel);
opacity: 0;
visibility: hidden;
transform: translate(-50%, -6px);
transition:
opacity var(--nv2-dur-panel) var(--nv2-ease) 0s,
transform var(--nv2-dur-panel) var(--nv2-ease) 0s,
visibility 0s linear var(--nv2-dur-panel);
}
.nv2-mit-panel[data-offen]::after,
.nv2:not([data-js]) .nv2-mit-panel:hover::after,
.nv2:not([data-js]) .nv2-mit-panel:focus-within::after {
content: "";
position: absolute;
left: 0;
right: 0;
top: 100%;
height: 26px;
}
.nv2-panel-glas {
position: absolute;
inset: 0;
z-index: 0;
pointer-events: none;
border-radius: inherit;
transform-origin: 50% 0;
transform: scaleY(0.72) scaleX(0.985);
transition: transform var(--nv2-dur-glas) var(--nv2-ease);
background: var(--nv2-panel-ton);
-webkit-backdrop-filter: blur(var(--nv2-unschaerfe)) saturate(var(--nv2-saettigung)) brightness(var(--nv2-aufhellung));
backdrop-filter: blur(var(--nv2-unschaerfe)) saturate(var(--nv2-saettigung)) brightness(var(--nv2-aufhellung));
will-change: backdrop-filter;
contain: paint;
box-shadow:
inset 0 1px 0 var(--nv2-kante-oben),
inset 0 -1px 0 var(--nv2-kante-unten),
inset 0 10px 16px -12px var(--nv2-kante-schein),
inset 0 -12px 18px -14px var(--nv2-kante-schatten),
inset 0 0 0 1px var(--nv2-umriss),
0 10px 24px -12px rgba(0, 0, 0, 0.4),
0 34px 80px -28px rgba(0, 0, 0, 0.62);
}
.nv2-mit-panel:first-child > .nv2-panel {
position: fixed;
top: calc(var(--nv2-luft) + var(--nv2-h) + 8px);
left: 50%;
width: min(1200px, calc(100vw - 3rem));
transform: translate(-50%, -6px);
transition:
opacity var(--nv2-dur-panel) var(--nv2-ease) 0s,
transform var(--nv2-dur-panel) var(--nv2-ease) 0s,
visibility 0s linear var(--nv2-dur-panel);
}
.nv2:not([data-js]) .nv2-mit-panel:hover > .nv2-panel,
.nv2:not([data-js]) .nv2-mit-panel:focus-within > .nv2-panel,
.nv2-mit-panel[data-offen] > .nv2-panel {
opacity: 1;
visibility: visible;
transform: translate(-50%, 0);
transition:
opacity 0.16s var(--nv2-ease) 0s,
transform var(--nv2-dur-panel) var(--nv2-ease) 0s,
visibility 0s linear 0s;
}
.nv2:not([data-js]) .nv2-mit-panel:first-child:hover > .nv2-panel,
.nv2:not([data-js]) .nv2-mit-panel:first-child:focus-within > .nv2-panel,
.nv2-mit-panel:first-child[data-offen] > .nv2-panel {
transform: translate(-50%, 0);
transition:
opacity 0.16s var(--nv2-ease) 0s,
transform var(--nv2-dur-panel) var(--nv2-ease) 0s,
visibility 0s linear 0s;
}
.nv2:not([data-js]) .nv2-mit-panel:hover > .nv2-panel .nv2-panel-innen,
.nv2:not([data-js]) .nv2-mit-panel:focus-within > .nv2-panel .nv2-panel-innen,
.nv2-mit-panel[data-offen] > .nv2-panel .nv2-panel-innen {
opacity: 1;
transform: none;
transition-delay: 0.2s;
}
.nv2[data-js] .nv2-mit-panel:not([data-offen]) > .nv2-panel {
pointer-events: none;
}
.nv2-mit-panel[data-zu]:not([data-offen]) > .nv2-panel {
opacity: 0;
visibility: hidden;
transition-delay: 0s;
}
.nv2-mit-panel[data-sofort] > .nv2-panel,
.nv2-mit-panel[data-sofort] > .nv2-panel .nv2-panel-innen {
transition: none !important;
}
.nv2-mit-panel[data-sofort]:not([data-offen]) > .nv2-panel {
opacity: 0;
visibility: hidden;
}
.nv2-mit-panel[data-wechsel][data-offen] > .nv2-panel .nv2-panel-innen {
transition-delay: 0s;
}
.nv2:not([data-js]) .nv2-mit-panel:hover > .nv2-panel .nv2-panel-glas,
.nv2:not([data-js]) .nv2-mit-panel:focus-within > .nv2-panel .nv2-panel-glas,
.nv2-mit-panel[data-offen] > .nv2-panel .nv2-panel-glas {
transform: none;
transition-delay: 0s;
}
.nv2-panel-innen {
position: relative;
z-index: 1;
display: flex;
opacity: 0;
transform: translateY(-6px);
transition:
opacity var(--nv2-dur-panel) var(--nv2-ease),
transform var(--nv2-dur-panel) var(--nv2-ease);
gap: 2rem;
padding: 1.75rem 1.5rem 1.5rem;
}
.nv2-spalten {
flex: 1 1 auto;
display: flex;
gap: 2rem;
}
.nv2-spalte {
position: relative;
flex: 1 1 0;
min-width: 13.5rem;
}
.nv2-spalte + .nv2-spalte {
padding-left: 2rem;
border-left: 1px solid var(--nv2-linie);
margin-left: -1rem;
}
.nv2-spalte-titel {
margin: 0 0 0.6rem;
padding: 0 0.75rem;
font-size: 11px;
font-weight: 600;
letter-spacing: 0.11em;
text-transform: uppercase;
color: var(--nv2-tinte-spalte);
}
.nv2-eintraege {
margin: 0;
padding: 0;
list-style: none;
}
.nv2-eintrag {
display: flex;
align-items: center;
justify-content: space-between;
gap: 1rem;
min-height: 44px;
padding: 0 0.75rem;
border-radius: var(--nv2-radius-zeile);
color: var(--nv2-tinte);
font-size: 14.5px;
font-weight: 400;
letter-spacing: -0.004em;
line-height: 1.25;
text-decoration: none;
transition: background-color var(--nv2-dur) var(--nv2-ease);
}
.nv2-eintrag:hover {
background: var(--nv2-hover);
box-shadow: inset 0 1px 0 var(--nv2-hover-kante);
}
.nv2-pfeil {
flex: none;
opacity: 0;
transform: translateX(-4px);
transition:
opacity var(--nv2-dur) var(--nv2-ease),
transform var(--nv2-dur) var(--nv2-ease);
}
.nv2-eintrag:hover .nv2-pfeil,
.nv2-eintrag:focus-visible .nv2-pfeil {
opacity: 0.8;
transform: translateX(0);
}
.nv2-teaser {
flex: none;
width: 16rem;
padding-left: 1.75rem;
border-left: 1px solid var(--nv2-linie);
}
.nv2-teaser-link {
display: block;
border-radius: 14px;
color: var(--nv2-tinte);
text-decoration: none;
}
.nv2-teaser-bild {
display: block;
overflow: hidden;
border-radius: 12px;
background: rgba(255, 255, 255, 0.05);
aspect-ratio: 16 / 9;
}
.nv2-teaser-bild img {
display: block;
width: 100%;
height: 100%;
object-fit: cover;
transform: scale(1);
transition: transform 0.4s var(--nv2-ease);
}
.nv2-teaser-link:hover .nv2-teaser-bild img {
transform: scale(1.04);
}
.nv2-teaser-text {
display: block;
padding-top: 0.85rem;
}
.nv2-teaser-dach {
display: flex;
align-items: center;
gap: 0.45em;
font-size: 11px;
font-weight: 600;
letter-spacing: 0.11em;
text-transform: uppercase;
color: var(--nv2-tinte-dach);
}
.nv2-teaser-dach::before {
content: "";
flex: none;
width: 6px;
height: 6px;
border-radius: 50%;
background: var(--nv2-rot);
box-shadow: 0 0 10px -1px rgba(228, 0, 43, 0.9);
}
.nv2-teaser-titel {
display: block;
padding-top: 0.35rem;
font-size: 15px;
font-weight: 500;
line-height: 1.3;
letter-spacing: -0.008em;
}
.nv2-teaser-link:hover .nv2-teaser-titel {
text-decoration: underline;
text-underline-offset: 3px;
}
.nv2-teaser-datum {
display: block;
padding-top: 0.4rem;
font-size: 12.5px;
color: var(--nv2-leise);
}
.nv2-termin {
position: relative;
z-index: 1;
--nv2-rot-hell: #f4103c;
--nv2-rot-dunkel: #cc0027;
flex: none;
display: inline-flex;
align-items: center;
justify-content: center;
gap: 8px;
min-height: 44px;
padding: 0 1.4rem;
border: 0;
border-radius: 12px;
background-color: var(--nv2-rot);
background-image: linear-gradient(180deg, var(--nv2-rot-hell) 0%, var(--nv2-rot) 52%, var(--nv2-rot-dunkel) 100%);
color: #fff;
font-size: 14.5px;
font-weight: 600;
letter-spacing: -0.004em;
white-space: nowrap;
text-decoration: none;
box-shadow:
inset 0 1px 0 rgba(255, 255, 255, 0.26),
0 6px 20px -8px rgba(228, 0, 43, 0.45);
transition:
box-shadow var(--nv2-dur) var(--nv2-ease),
transform var(--nv2-dur) var(--nv2-ease),
filter var(--nv2-dur) var(--nv2-ease);
}
.nv2-termin:hover {
transform: translateY(-1px);
filter: saturate(1.06);
box-shadow:
inset 0 1px 0 rgba(255, 255, 255, 0.26),
0 10px 30px -8px rgba(228, 0, 43, 0.62);
}
.nv2-termin:active {
transform: none;
}
.nv2-kalender {
flex: none;
opacity: 0.9;
}
.nv2-burger {
display: none;
flex: none;
width: 44px;
height: 44px;
padding: 0;
border: 0;
background: none;
color: var(--nv2-tinte);
cursor: pointer;
border-radius: 12px;
}
.nv2-burger-linien {
display: block;
position: relative;
width: 22px;
height: 14px;
margin: 0 auto;
}
.nv2-burger-linien span {
position: absolute;
left: 0;
width: 100%;
height: 1.6px;
border-radius: 2px;
background: currentColor;
transition: transform var(--nv2-dur-panel) var(--nv2-ease);
}
.nv2-burger-linien span:first-child {
top: 2px;
}
.nv2-burger-linien span:last-child {
bottom: 2px;
}
[data-mobil] .nv2-burger-linien span:first-child {
transform: translateY(5.2px) rotate(45deg);
}
[data-mobil] .nv2-burger-linien span:last-child {
transform: translateY(-5.2px) rotate(-45deg);
}
.nv2-mobilfuss {
display: none;
}
.nv2-schleier {
display: none;
}
@media (max-width: 991px) {
.nv2-burger {
display: block;
order: 3;
}
.nv2-inner {
padding: calc(2 * var(--nv2-luft)) calc(8px + var(--nv2-luft)) 0 1rem;
gap: 0.6rem;
}
.nv2-glas,
.nv2-schatten,
.nv2-schatten-ruhe {
width: calc(100vw - 16px);
}
.nv2-logo {
margin-right: auto;
}
.nv2-termin-leiste {
order: 2;
border-radius: 12px;
min-height: 44px;
padding: 0 1rem;
font-size: 13.5px;
}
.nv2-nav {
position: fixed;
top: var(--nv2-h);
left: 0;
right: 0;
height: calc(100dvh - var(--nv2-h));
z-index: calc(var(--nv2-z) - 1);
display: flex;
flex-direction: column;
justify-content: flex-start;
overflow-y: auto;
overscroll-behavior: contain;
-webkit-overflow-scrolling: touch;
background: var(--nv2-menue-ton);
-webkit-backdrop-filter: blur(var(--nv2-unschaerfe)) saturate(var(--nv2-saettigung)) brightness(var(--nv2-aufhellung));
backdrop-filter: blur(var(--nv2-unschaerfe)) saturate(var(--nv2-saettigung)) brightness(var(--nv2-aufhellung));
padding: 0;
opacity: 0;
visibility: hidden;
transform: translateY(-8px);
transition:
opacity var(--nv2-dur-panel) var(--nv2-ease),
transform var(--nv2-dur-panel) var(--nv2-ease),
visibility 0s linear var(--nv2-dur-panel);
}
@supports not (height: 100dvh) {
.nv2-nav {
height: calc(100vh - var(--nv2-h));
}
}
[data-mobil] .nv2-nav {
opacity: 1;
visibility: visible;
transform: none;
transition-delay: 0s, 0s, 0s;
}
.nv2-schleier,
[data-mobil] .nv2-nav {
top: var(--nv2-h);
}
.nv2-liste {
position: relative;
display: block;
flex: 1 0 auto;
padding: 0.5rem 0 6.5rem;
}
.nv2-punkt {
border-bottom: 1px solid var(--nv2-linie);
margin: 0 1rem;
}
.nv2-toggle,
.nv2-link {
width: 100%;
min-height: 56px;
padding: 0 0.5rem;
justify-content: space-between;
font-size: 17px;
border-radius: 0;
}
.nv2-toggle:hover,
.nv2-link:hover,
[data-offen] > .nv2-toggle {
background: none;
}
.nv2-panel {
position: static;
min-width: 0;
border: 0;
border-radius: 0;
background: none;
backdrop-filter: none;
-webkit-backdrop-filter: none;
box-shadow: none;
opacity: 1;
visibility: visible;
transform: none;
transition: none;
display: none;
}
.nv2-mit-panel:hover > .nv2-panel,
.nv2:not([data-js]) .nv2-mit-panel:focus-within > .nv2-panel {
display: none;
}
.nv2:not([data-js]) .nv2-mit-panel:focus-within > .nv2-panel,
.nv2-mit-panel[data-offen] > .nv2-panel {
display: block;
opacity: 1;
visibility: visible;
transform: none;
}
.nv2-mit-panel:first-child > .nv2-panel,
.nv2-mit-panel:first-child[data-offen] > .nv2-panel,
.nv2-mit-panel:first-child[data-offen] > .nv2-panel {
position: static;
width: auto;
left: auto;
top: auto;
transform: none;
transition: none;
}
.nv2-mit-panel[data-offen]::after {
display: none;
}
.nv2-panel-glas {
display: none;
}
.nv2-panel-innen {
display: block;
padding: 0 0 1rem;
}
.nv2-spalten {
display: block;
}
.nv2-spalte {
min-width: 0;
}
.nv2-spalte + .nv2-spalte {
margin-left: 0;
padding-left: 0;
border-left: 0;
padding-top: 0.75rem;
}
.nv2-spalte-titel {
padding: 0 0.5rem;
margin-bottom: 0.25rem;
}
.nv2-eintrag {
min-height: 48px;
padding: 0 0.5rem;
font-size: 15.5px;
border-radius: 0;
}
.nv2-eintrag .nv2-pfeil {
opacity: 0.45;
transform: none;
}
.nv2-teaser {
width: auto;
padding: 1rem 0.5rem 0;
margin-top: 0.5rem;
border-left: 0;
border-top: 1px solid var(--nv2-linie);
}
.nv2-mobilfuss {
display: block;
position: sticky;
bottom: 0;
flex: 0 0 auto;
padding: 1rem 1rem calc(1rem + env(safe-area-inset-bottom, 0px));
background: var(--nv2-mobilfuss-ton);
-webkit-backdrop-filter: blur(20px) saturate(1.3);
backdrop-filter: blur(20px) saturate(1.3);
}
.nv2-termin-mobil {
display: flex;
width: 100%;
min-height: 52px;
font-size: 16px;
}
[data-mobil] .nv2-termin-leiste {
display: none;
}
.nv2[data-mobil] {
z-index: 16777270;
}
.nv2-schleier {
display: block;
position: fixed;
inset: var(--nv2-h) 0 0 0;
z-index: calc(var(--nv2-z) - 2);
background: rgba(0, 0, 0, 0.4);
}
.nv2-schleier[hidden] {
display: none;
}
html.nv2-fest {
overflow: hidden;
}
}
@media (max-width: 479px) {
.nv2-inner {
padding: calc(2 * var(--nv2-luft) - (var(--nv2-h) - var(--nv2-h))) calc(8px + var(--nv2-luft)) 0 0.75rem;
}
.nv2-termin-leiste {
padding: 0 0.85rem;
font-size: 13px;
}
.nv2-logo img {
width: 74px;
}
}
@media (prefers-reduced-motion: reduce) {
.nv2-leiste,
.nv2-logo img,
.nv2-panel,
.nv2-nav,
.nv2-chevron,
.nv2-pfeil,
.nv2-teaser-bild img,
.nv2-termin,
.nv2-burger-linien span {
transition-duration: 0.01ms !important;
}
.nv2-termin:hover {
transform: none;
}
.nv2-teaser-link:hover .nv2-teaser-bild img {
transform: none;
}
}
@supports not ((backdrop-filter: blur(1px)) or (-webkit-backdrop-filter: blur(1px))) {
.nv2 .nv2-glas,
.nv2 .nv2-panel-glas,
.nv2[data-mobil] .nv2-nav {
background-color: var(--nv2-massiv);
}
}
@media (prefers-reduced-transparency: reduce) {
.nv2 .nv2-glas,
.nv2 .nv2-panel-glas,
.nv2[data-mobil] .nv2-nav {
background-color: var(--nv2-massiv);
backdrop-filter: none;
-webkit-backdrop-filter: none;
}
.nv2 .nv2-glanz {
display: none;
}
}
@media (prefers-reduced-motion: reduce) {
.nv2-glas,
.nv2-schatten,
.nv2-glanz,
.nv2-panel-glas,
.nv2-panel-innen {
transition-duration: 0.01ms !important;
}
.nv2-panel-glas {
transform: none !important;
}
.nv2-glanz {
display: none;
}
}
[data-schema="hell"] {
--nv2-ton: rgba(255, 255, 255, 0.32);
--nv2-panel-ton: var(--nv2-ton);
--nv2-tinte: #171417;
--nv2-leise: rgba(23, 20, 23, 0.88);
--nv2-linie: rgba(23, 20, 23, 0.14);
--nv2-kante-oben: rgba(255, 255, 255, 0.95);
--nv2-kante-unten: rgba(23, 20, 23, 0.16);
--nv2-kante-schein: rgba(255, 255, 255, 0.75);
--nv2-kante-schatten: rgba(23, 20, 23, 0.16);
--nv2-umriss: rgba(23, 20, 23, 0.1);
--nv2-hover: rgba(23, 20, 23, 0.06);
--nv2-hover-kante: rgba(255, 255, 255, 0.7);
--nv2-fokus: #171417;
--nv2-logo-hell: 0;
--nv2-logo-dunkel: 1;
--nv2-schrift-schatten: 0 1px 2px rgba(255, 255, 255, 0.5);
--nv2-dur-tinte: 0.02s;
--nv2-massiv: rgba(250, 249, 250, 0.97);
--nv2-menue-ton: rgba(255, 255, 255, 0.74);
--nv2-mobilfuss-ton: linear-gradient(180deg, rgba(250, 249, 250, 0) 0%, rgba(250, 249, 250, 0.96) 34%, rgba(250, 249, 250, 0.99) 100%);
--nv2-tinte-spalte: rgba(23, 20, 23, 0.88);
--nv2-tinte-dach: rgba(23, 20, 23, 0.94);
}
.nv2-glas,
.nv2-tiefe,
.nv2-toggle,
.nv2-link,
.nv2-eintrag,
.nv2-spalte-titel,
.nv2-teaser-titel,
.nv2-teaser-datum,
.nv2-teaser-dach,
.nv2-panel-glas,
.nv2-nav,
.nv2-burger {
transition-property: background-color, box-shadow, opacity, transform;
transition-duration: var(--nv2-dur-schema);
transition-timing-function: var(--nv2-ease-schema);
}
.nv2-toggle,
.nv2-link,
.nv2-eintrag,
.nv2-spalte-titel,
.nv2-teaser-titel,
.nv2-teaser-datum,
.nv2-teaser-dach,
.nv2-burger {
transition-property: background-color, box-shadow, opacity, transform, color;
transition-duration: var(--nv2-dur-schema), var(--nv2-dur-schema),
var(--nv2-dur-schema), var(--nv2-dur-schema), var(--nv2-dur-tinte);
transition-timing-function: var(--nv2-ease-schema), var(--nv2-ease-schema),
var(--nv2-ease-schema), var(--nv2-ease-schema), steps(2, jump-none);
}
.nv2-logo img {
transition-property: opacity;
transition-duration: var(--nv2-dur-tinte);
transition-timing-function: steps(2, jump-none);
}
[data-schema="hell"] .nv2-tiefe {
background:
radial-gradient(120% 220% at 50% 128%, rgba(255, 255, 255, 0.42) 0%, rgba(255, 255, 255, 0) 62%),
linear-gradient(180deg, rgba(255, 255, 255, 0.55) 0%, rgba(255, 255, 255, 0) 46%),
linear-gradient(104deg, rgba(255, 255, 255, 0) 12%, rgba(255, 255, 255, 0.22) 34%, rgba(255, 255, 255, 0) 56%);
}
[data-schema="hell"] .nv2-glas::before,
[data-schema="hell"] .nv2-glanz {
opacity: 0;
}
.nv2-logo {
position: relative;
}
.nv2-logo img {
display: block;
}
.nv2-logo .nv2-logo-dunkel {
position: absolute;
inset: 0;
opacity: var(--nv2-logo-dunkel);
}
.nv2-logo .nv2-logo-hell {
opacity: var(--nv2-logo-hell);
}
.nv2 .nv2-panel-glas {
transition: transform var(--nv2-dur-glas) var(--nv2-ease),
background-color var(--nv2-dur-schema) var(--nv2-ease-schema),
box-shadow var(--nv2-dur-schema) var(--nv2-ease-schema);
}
.nv2-panel:has(.nv2-spalte-ziele) {
min-width: min(62rem, calc(100vw - 4rem));
}
.nv2-panel:has(.nv2-spalte-ziele) .nv2-panel-inner,
.nv2-panel:has(.nv2-spalte-ziele) .nv2-spalten {
gap: 2.75rem;
}
.nv2-spalte-ziele {
flex: 1.55 1 0;
min-width: 21rem;
}
.nv2-spalte-liste,
.nv2-spalte-produkte {
flex: 1 1 0;
min-width: 15rem;
}
.nv2-panel:has(.nv2-spalte-ziele) .nv2-spalte + .nv2-spalte {
border-left: 0;
margin-left: 0;
padding-left: 2.75rem;
}
.nv2-panel:has(.nv2-spalte-ziele) .nv2-spalte + .nv2-spalte::before {
content: "";
position: absolute;
left: 0;
top: 0.35rem;
bottom: 0.35rem;
width: 1px;
background: linear-gradient(
180deg,
transparent 0%,
var(--nv2-linie) 14%,
var(--nv2-linie) 86%,
transparent 100%
);
}
.nv2-panel:has(.nv2-spalte-ziele) .nv2-spalte-titel {
margin-bottom: 1rem;
font-size: 12px;
letter-spacing: 0.1em;
}
.nv2-eintrag-ziel,
.nv2-eintrag-gross {
align-items: flex-start;
min-height: 0;
padding: 0.75rem;
border-radius: 14px;
}
.nv2-eintrag-ziel .nv2-eintrag-wort,
.nv2-eintrag-gross .nv2-eintrag-wort {
display: block;
font-size: 15.5px;
font-weight: 600;
letter-spacing: -0.008em;
line-height: 1.3;
}
.nv2-eintrag-zeile {
display: block;
margin-top: 0.25rem;
max-width: 30rem;
font-size: 13px;
font-weight: 400;
letter-spacing: 0;
line-height: 1.45;
color: var(--nv2-tinte-spalte);
}
.nv2-eintrag-ziel .nv2-pfeil,
.nv2-eintrag-gross .nv2-pfeil {
margin-top: 0.2rem;
}
.nv2-eintrag-ziel > .nv2-eintrag-wort,
.nv2-eintrag-gross > .nv2-eintrag-wort,
.nv2-eintrag-ziel > .nv2-eintrag-zeile,
.nv2-eintrag-gross > .nv2-eintrag-zeile {
min-width: 0;
}
.nv2-eintrag-ziel,
.nv2-eintrag-gross {
flex-wrap: wrap;
row-gap: 0;
}
.nv2-eintrag-ziel .nv2-eintrag-zeile,
.nv2-eintrag-gross .nv2-eintrag-zeile {
flex: 1 0 100%;
}
.nv2-eintrag-ziel > .nv2-eintrag-wort,
.nv2-eintrag-gross > .nv2-eintrag-wort {
flex: 0 0 100%;
}
.nv2-eintrag-gross .nv2-eintrag-wort {
font-size: 17px;
font-weight: 700;
}
.nv2-untergruppe {
margin-top: 1.1rem;
padding: 0.75rem 0.75rem 0.35rem;
border-top: 1px solid var(--nv2-linie);
}
.nv2-untergruppe-titel {
font-size: 11px;
font-weight: 600;
letter-spacing: 0.11em;
text-transform: uppercase;
color: var(--nv2-tinte-spalte);
}
@media (max-width: 991px) {
.nv2-panel:has(.nv2-spalte-ziele) {
min-width: 0;
}
.nv2-panel:has(.nv2-spalte-ziele) .nv2-spalten {
flex-direction: column;
gap: 0;
}
.nv2-panel:has(.nv2-spalte-ziele) .nv2-spalte + .nv2-spalte {
padding-left: 0;
padding-top: 1.25rem;
margin-top: 1.25rem;
}
.nv2-panel:has(.nv2-spalte-ziele) .nv2-spalte + .nv2-spalte::before {
left: 1rem;
right: 1rem;
top: 0;
bottom: auto;
width: auto;
height: 1px;
background: linear-gradient(
90deg,
transparent 0%,
var(--nv2-linie) 14%,
var(--nv2-linie) 86%,
transparent 100%
);
}
.nv2-eintrag-ziel,
.nv2-eintrag-gross {
border-radius: 0;
padding: 0.875rem 1rem;
}
.nv2-eintrag-zeile {
max-width: none;
}
.nv2-eintrag-ziel .nv2-pfeil,
.nv2-eintrag-gross .nv2-pfeil {
display: none;
}
.nv2-untergruppe {
margin-top: 0.75rem;
padding-left: 1rem;
padding-right: 1rem;
}
}
@media (min-width: 992px) {
main > .section_content22 > .padding-global.big > .container-large {
margin-top: 0;
padding-top: 40px;
}
}


.hai-overlay {
position: fixed;
inset: 0;
z-index: 2000;
display: none;
align-items: center;
justify-content: center;
padding: 1.5rem;
background: rgba(10, 10, 10, 0.72);
}
.hai-overlay[data-open="true"] {
display: flex;
}
.hai-dialog {
position: relative;
width: 100%;
max-width: 30rem;
padding: 2.25rem 2rem 2rem;
border-radius: 20px;
background: #141414;
color: #fff;
box-shadow: 0 30px 80px -30px rgba(0, 0, 0, 0.9);
}
.hai-headline {
margin: 0 0 0.75rem;
font-size: 1.75rem;
font-weight: 700;
line-height: 1.15;
letter-spacing: -0.02em;
}
.hai-text {
margin: 0 0 1.75rem;
font-size: 1rem;
line-height: 1.55;
opacity: 0.85;
}
.hai-actions {
display: flex;
align-items: center;
gap: 1rem;
flex-wrap: wrap;
}
.hai-button {
display: inline-flex;
align-items: center;
gap: 0.5rem;
padding: 0.85rem 1.5rem;
border-radius: 999px;
background: #e4002b;
color: #fff;
font-weight: 700;
text-decoration: none;
transition:
background-color 0.18s ease,
transform 0.18s ease;
}
.hai-button:hover {
background: #c30025;
transform: translateY(-1px);
}
.hai-button:focus-visible,
.hai-close:focus-visible {
outline: 2px solid #e4002b;
outline-offset: 3px;
}
.hai-close {
position: absolute;
top: 0.9rem;
right: 0.9rem;
width: 2.25rem;
height: 2.25rem;
display: flex;
align-items: center;
justify-content: center;
border: 0;
border-radius: 999px;
background: transparent;
color: #fff;
font-size: 1.4rem;
line-height: 1;
cursor: pointer;
opacity: 0.7;
transition: opacity 0.18s ease;
}
.hai-close:hover {
opacity: 1;
}
.hai-nav-link {
display: flex;
align-items: center;
gap: 0.4rem;
cursor: pointer;
text-decoration: none;
color: inherit;
}
.hai-nav-dot {
width: 6px;
height: 6px;
border-radius: 999px;
background: #e4002b;
flex: none;
}
@media screen and (max-width: 767px) {
.hai-dialog {
padding: 2rem 1.35rem 1.5rem;
}
.hai-headline {
font-size: 1.5rem;
}
}


.cv-cta {
background: #171417;
color: #fff;
padding: 4.5rem 5%;
}
.cv-cta-inner {
max-width: 44rem;
margin: 0 auto;
text-align: center;
}
.cv-cta-eyebrow {
font-size: 0.875rem;
letter-spacing: 0.06em;
text-transform: uppercase;
opacity: 0.6;
margin-bottom: 0.75rem;
}
.cv-cta-headline {
font-size: 2.25rem;
font-weight: 700;
line-height: 1.15;
letter-spacing: -0.02em;
margin: 0 0 0.85rem;
}
.cv-cta-text {
font-size: 1.0625rem;
line-height: 1.6;
opacity: 0.85;
margin: 0 0 2rem;
}
.cv-cta-button {
display: inline-flex;
align-items: center;
justify-content: center;
min-height: 44px;
padding: 0.9rem 1.9rem;
border-radius: 999px;
background: #e4002b;
color: #fff;
font-weight: 700;
text-decoration: none;
transition:
background-color 0.18s ease,
transform 0.18s ease;
}
.cv-cta-button:hover {
background: #c30025;
transform: translateY(-1px);
}
.cv-cta-button:focus-visible {
outline: 2px solid #fff;
outline-offset: 3px;
}
.cv-trust {
max-width: 34rem;
margin: 2.5rem auto 0;
}
.cv-trust-quote {
margin: 0 0 1.5rem;
padding-left: 1rem;
border-left: 3px solid #e4002b;
}
.cv-trust-quote blockquote {
margin: 0 0 0.5rem;
font-size: 1rem;
line-height: 1.6;
}
.cv-trust-quote figcaption {
font-size: 0.875rem;
opacity: 0.7;
}
.cv-trust-badges {
display: flex;
flex-wrap: wrap;
gap: 0.5rem;
margin-top: 1.5rem;
}
.cv-trust-badge {
display: flex;
align-items: center;
justify-content: center;
width: 84px;
height: 52px;
padding: 0.4rem;
box-sizing: border-box;
background: #fff;
border: 1px solid #0000000f;
border-radius: 8px;
}
.cv-trust-badge img {
width: 100%;
height: 100%;
object-fit: contain;
}
@media screen and (max-width: 767px) {
.cv-cta {
padding: 3.25rem 5%;
}
.cv-cta-headline {
font-size: 1.75rem;
}
#email-form input[type="submit"],
.button.is-link.is-icon.is-red {
min-height: 44px;
}
}
.cv-cta-wege {
display: flex;
align-items: center;
flex-wrap: wrap;
gap: 16px;
}
.cv-cta-termin {
display: inline-flex;
align-items: center;
justify-content: center;
gap: 10px;
min-height: 48px;
padding: 0 32px;
border: 0;
border-radius: 999px;
background: var(--base-color-brand--hurra-red, #e4002b);
color: #fff;
text-decoration: none;
font-size: 16px;
font-weight: 700;
white-space: nowrap;
box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.2);
transition:
background-color 0.2s cubic-bezier(0.22, 1, 0.36, 1),
box-shadow 0.2s cubic-bezier(0.22, 1, 0.36, 1);
}
.cv-cta-termin:hover {
background: #c30025;
box-shadow:
inset 0 1px 0 rgba(255, 255, 255, 0.22),
0 8px 28px -10px rgba(228, 0, 43, 0.55);
}
.cv-cta-button {
background: transparent;
color: inherit;
border: 1px solid rgba(255, 255, 255, 0.34);
font-weight: 500;
box-shadow: none;
}
.cv-cta-button:hover {
background: rgba(255, 255, 255, 0.06);
border-color: rgba(255, 255, 255, 0.6);
box-shadow: none;
}
.cv-cta-termin:focus-visible {
outline: 2px solid var(--base-color-brand--hurra-red, #e4002b);
outline-offset: 3px;
}
.cv-cta-kalender {
flex: none;
opacity: 0.82;
}
@media screen and (max-width: 767px) {
.cv-cta-wege {
display: grid;
gap: 12px;
}
.cv-cta-termin {
width: 100%;
}
}
#kontakt-formular {
scroll-margin-top: 120px;
display: block;
height: 0;
}
.hbspt-form {
min-height: 780px;
}
@media screen and (max-width: 991px) {
.hbspt-form {
min-height: 810px;
}
}
@media screen and (max-width: 767px) {
.hbspt-form {
min-height: 940px;
}
}
.form-block.w-form.is-stummes-formular {
display: none;
}
.form-block.w-form .text-field,
.form-block.w-form textarea.text-field {
border: 0;
border-bottom: 1px solid rgba(23, 20, 23, 0.28);
border-radius: 0;
background: transparent;
padding-left: 4px;
padding-right: 4px;
transition: border-color 0.2s cubic-bezier(0.22, 1, 0.36, 1);
}
.form-block.w-form .text-field::placeholder {
color: rgba(23, 20, 23, 0.54);
}
.form-block.w-form .text-field:hover {
border-bottom-color: rgba(23, 20, 23, 0.5);
}
.form-block.w-form .text-field:focus,
.form-block.w-form .text-field:focus-visible {
outline: none;
border-bottom-color: var(--base-color-brand--hurra-red, #e4002b);
border-bottom-width: 2px;
padding-bottom: 0;
}
.form-block.w-form [type="submit"] {
min-height: 56px;
padding: 0 32px;
border: 0;
border-radius: 999px;
background: var(--base-color-brand--hurra-red, #e4002b);
color: #fff;
font-weight: 700;
font-size: 16px;
cursor: pointer;
box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.2);
transition:
background-color 0.2s cubic-bezier(0.22, 1, 0.36, 1),
box-shadow 0.2s cubic-bezier(0.22, 1, 0.36, 1);
}
.form-block.w-form [type="submit"]:hover {
background: #c30025;
box-shadow:
inset 0 1px 0 rgba(255, 255, 255, 0.22),
0 8px 28px -10px rgba(228, 0, 43, 0.55);
}
.form-block.w-form [type="submit"]:focus-visible {
outline: 2px solid var(--base-color-brand--hurra-red, #e4002b);
outline-offset: 3px;
}
@media screen and (max-width: 767px) {
#kontakt-formular {
scroll-margin-top: 72px;
}
.form-block.w-form [type="submit"] {
width: 100%;
min-height: 48px;
}
}
.cv-sticky {
position: fixed;
left: 50%;
bottom: 24px;
transform: translate(-50%, 12px);
z-index: 40;
opacity: 0;
pointer-events: none;
transition:
opacity 0.28s cubic-bezier(0.22, 1, 0.36, 1),
transform 0.28s cubic-bezier(0.22, 1, 0.36, 1);
}
.cv-sticky.is-sichtbar {
opacity: 1;
transform: translate(-50%, 0);
pointer-events: auto;
}
.cv-sticky.is-ohne-bewegung,
.cv-sticky.is-ohne-bewegung.is-sichtbar {
transition: none;
transform: translate(-50%, 0);
}
.cv-sticky-inner {
display: flex;
align-items: center;
gap: 24px;
padding: 12px 12px 12px 24px;
border-radius: 999px;
background: rgba(12, 10, 12, 0.92);
backdrop-filter: blur(12px);
box-shadow:
inset 0 1px 0 rgba(255, 255, 255, 0.14),
0 16px 40px -20px rgba(0, 0, 0, 1);
}
.cv-sticky-text {
color: rgba(255, 255, 255, 0.82);
font-size: 0.9375rem;
line-height: 1.4;
white-space: nowrap;
}
.cv-sticky-knopf {
display: inline-flex;
align-items: center;
justify-content: center;
gap: 8px;
min-height: 44px;
padding: 0 24px;
border-radius: 999px;
background: var(--base-color-brand--hurra-red, #e4002b);
color: #fff;
text-decoration: none;
font-size: 15px;
font-weight: 700;
white-space: nowrap;
box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.2);
transition: background-color 0.2s cubic-bezier(0.22, 1, 0.36, 1);
}
.cv-sticky-knopf:hover {
background: #c30025;
}
.cv-sticky-knopf:focus-visible {
outline: 2px solid #fff;
outline-offset: 3px;
}
.cv-sticky-kalender {
flex: none;
opacity: 0.9;
}
@media screen and (max-width: 767px) {
.cv-sticky {
bottom: 88px;
left: 16px;
right: 16px;
transform: translateY(12px);
width: auto;
}
.cv-sticky.is-sichtbar,
.cv-sticky.is-ohne-bewegung,
.cv-sticky.is-ohne-bewegung.is-sichtbar {
transform: none;
}
.cv-sticky-inner {
gap: 12px;
padding: 10px 10px 10px 16px;
justify-content: space-between;
}
.cv-sticky-text {
font-size: 0.875rem;
white-space: normal;
}
.cv-sticky-knopf {
padding: 0 18px;
font-size: 14px;
}
}


.fv1-partners {
--bdg-hoehe-wortmarke: 48px;
--bdg-hoehe-badge: 80px;
--bdg-slot-h: 160px;
--bdg-radius: 12px;
--bdg-linie: rgba(255, 255, 255, 0.08);
--bdg-licht: rgba(255, 255, 255, 0.14);
}
.fv1-partner img {
width: auto;
max-width: 100%;
object-fit: contain;
display: block;
}
.fv1-partner[data-format="wortmarke"] img {
height: var(--bdg-hoehe-wortmarke);
}
.fv1-partner[data-format="badge"] img {
height: var(--bdg-hoehe-badge);
}
.fv1-partner.is-light img {
background: #fff;
border-radius: 10px;
padding: 10px 16px;
box-sizing: content-box;
}
.fv1-partner.is-light[data-format="wortmarke"] img {
height: 36px;
}
.fv1-partner.is-light[data-format="badge"] img {
height: 60px;
}
a.fv1-partner.is-link {
cursor: pointer;
}
a.fv1-partner.is-link::after {
content: "";
position: absolute;
left: 50%;
right: 50%;
bottom: 8px;
height: 1px;
background: rgba(255, 255, 255, 0.45);
transition:
left 0.22s cubic-bezier(0.22, 1, 0.36, 1),
right 0.22s cubic-bezier(0.22, 1, 0.36, 1);
}
a.fv1-partner.is-link:hover::after {
left: 24%;
right: 24%;
}
a.fv1-partner.is-link:focus-visible {
outline: 2px solid var(--base-color-brand--hurra-red, #e4002b);
outline-offset: 4px;
}
.fv1-partners[data-stil="reihe"] {
display: flex;
flex-wrap: wrap;
align-items: center;
gap: 0;
margin: 8px 0 0;
}
.fv1-partners[data-stil="reihe"] .fv1-partner {
position: relative;
display: flex;
align-items: center;
justify-content: center;
height: 56px;
padding: 0 32px;
opacity: 0.85;
transition: opacity 0.22s ease;
}
.fv1-partners[data-stil="reihe"] .fv1-partner + .fv1-partner::before {
content: "";
position: absolute;
left: 0;
top: 16px;
bottom: 16px;
width: 1px;
background: var(--bdg-linie);
}
.fv1-partners[data-stil="reihe"] .fv1-partner:first-child {
padding-left: 0;
}
.fv1-partners[data-stil="reihe"] .fv1-partner:hover {
opacity: 1;
}
.fv1-partners[data-stil="glas"] {
display: grid;
grid-template-columns: repeat(4, minmax(0, 1fr));
gap: 16px;
margin: 8px 0 0;
}
.fv1-partners[data-stil="glas"] .fv1-partner {
position: relative;
display: flex;
align-items: center;
justify-content: center;
width: auto;
height: var(--bdg-slot-h);
padding: 20px;
box-sizing: border-box;
border-radius: var(--bdg-radius);
background: linear-gradient(180deg, #2a272a 0%, #1b181b 62%, #171417 100%),
#131113;
box-shadow:
inset 0 1px 0 var(--bdg-licht),
0 8px 24px -16px rgba(0, 0, 0, 0.9);
transition:
transform 0.22s cubic-bezier(0.22, 1, 0.36, 1),
box-shadow 0.22s ease;
}
.fv1-partners[data-stil="glas"] .fv1-partner:hover {
transform: translateY(-2px);
box-shadow:
inset 0 1px 0 rgba(255, 255, 255, 0.22),
0 16px 32px -18px rgba(0, 0, 0, 1);
}
.fv1-partners[data-stil="metall"] {
display: flex;
flex-wrap: wrap;
align-items: center;
gap: 0;
margin: 8px 0 0;
padding: 8px 24px;
border-radius: var(--bdg-radius);
background-image:
repeating-linear-gradient(
90deg,
rgba(255, 255, 255, 0.014) 0px,
rgba(255, 255, 255, 0.014) 1px,
rgba(0, 0, 0, 0) 1px,
rgba(0, 0, 0, 0) 3px
),
linear-gradient(
100deg,
#1c191c 0%,
#2a262a 34%,
#201d20 58%,
#2a262a 76%,
#1a171a 100%
);
box-shadow:
inset 0 1px 0 rgba(255, 255, 255, 0.16),
inset 0 -1px 0 rgba(255, 255, 255, 0.07),
0 12px 32px -22px rgba(0, 0, 0, 1);
}
.fv1-partners[data-stil="metall"] .fv1-partner {
position: relative;
display: flex;
align-items: center;
justify-content: center;
height: 64px;
padding: 0 24px;
opacity: 0.9;
transition: opacity 0.22s ease;
}
.fv1-partners[data-stil="metall"] .fv1-partner:hover {
opacity: 1;
}
.fv1-partners[data-stil="metall"] .fv1-partner + .fv1-partner::before {
content: "";
position: absolute;
left: 0;
top: 18px;
bottom: 18px;
width: 1px;
background: linear-gradient(
180deg,
rgba(255, 255, 255, 0) 0%,
rgba(255, 255, 255, 0.1) 50%,
rgba(255, 255, 255, 0) 100%
);
}
@media screen and (max-width: 767px) {
.fv1-partners {
--bdg-hoehe-wortmarke: 38px;
--bdg-hoehe-badge: 64px;
--bdg-slot-h: 128px;
}
.fv1-partner.is-light[data-format="wortmarke"] img {
height: 30px;
}
.fv1-partner.is-light[data-format="badge"] img {
height: 50px;
}
.fv1-partner.is-light img {
padding: 8px 12px;
}
.fv1-partners[data-stil="reihe"],
.fv1-partners[data-stil="glas"],
.fv1-partners[data-stil="metall"] {
display: grid;
grid-template-columns: repeat(2, 1fr);
gap: 12px;
padding: 0;
}
.fv1-partners[data-stil="reihe"] {
padding: 0;
gap: 0 8px;
}
.fv1-partners[data-stil="reihe"] .fv1-partner,
.fv1-partners[data-stil="metall"] .fv1-partner {
height: 64px;
padding: 0 8px;
width: auto;
}
.fv1-partners[data-stil="glas"] .fv1-partner {
width: auto;
}
.fv1-partners[data-stil="reihe"] .fv1-partner + .fv1-partner::before,
.fv1-partners[data-stil="metall"] .fv1-partner + .fv1-partner::before {
display: none;
}
.fv1-partners[data-stil="reihe"] .fv1-partner:first-child {
padding-left: 8px;
}
.fv1-partners[data-stil="reihe"] .fv1-partner {
border-bottom: 1px solid var(--bdg-linie);
}
}
@media screen and (min-width: 480px) and (max-width: 767px) {
.fv1-partners[data-stil="reihe"],
.fv1-partners[data-stil="glas"],
.fv1-partners[data-stil="metall"] {
grid-template-columns: repeat(3, 1fr);
}
}


.fv1 {
background-color: var(--background-color--background-dark, #171417);
color: var(--base-color-neutral--white, #fff);
font-family: var(--font-family--font-primary, Abcfavorit, Arial, sans-serif);
letter-spacing: -0.01em;
}
.fv1 a {
color: inherit;
text-decoration: none;
}
.fv1-inner {
width: 100%;
max-width: 92.8rem;
margin: 0 auto;
padding: 0 2rem;
}
.fv1-trust {
border-bottom: 1px solid var(--border-color--border-dark, #ffffff14);
}
.fv1-trust-grid {
display: grid;
grid-template-columns: minmax(0, 1fr) 320px;
gap: 56px;
align-items: center;
padding: 64px 0;
}
.fv1-trust-grid.is-solo {
grid-template-columns: 1fr;
}
.fv1-trust-headline {
font-size: 1.125rem;
font-weight: 700;
margin: 0 0 1.25rem;
}
.fv1-partners {
margin: 0;
}
.section_logo2.is-doppelt-ausgeblendet {
display: none;
}
.fv1-usps {
position: relative;
display: grid;
gap: 32px;
padding-left: 56px;
}
.fv1-usps::before {
content: "";
position: absolute;
left: 0;
top: 4%;
bottom: 4%;
width: 1px;
background: linear-gradient(
180deg,
rgba(255, 255, 255, 0) 0%,
rgba(255, 255, 255, 0.16) 22%,
rgba(255, 255, 255, 0.16) 78%,
rgba(255, 255, 255, 0) 100%
);
}
.fv1-usp-value {
font-size: clamp(2.5rem, 3.4vw, 3.25rem);
font-weight: 700;
line-height: 0.98;
letter-spacing: -0.035em;
color: #fff;
background-image: linear-gradient(
180deg,
#ffffff 0%,
#f2f0ef 46%,
rgba(255, 255, 255, 0.74) 100%
);
-webkit-background-clip: text;
background-clip: text;
-webkit-text-fill-color: transparent;
}
.fv1-usp-label {
font-size: 1rem;
line-height: 1.4;
color: rgba(255, 255, 255, 0.7);
}
.fv1-hub {
border-bottom: 1px solid var(--border-color--border-dark, #ffffff14);
}
.fv1-hub-grid {
display: grid;
grid-template-columns: 3fr 1fr;
gap: 3rem;
padding: 4rem 0;
}
.fv1-groups {
display: grid;
grid-template-columns: repeat(3, 1fr);
gap: 2.5rem 2rem;
align-content: start;
}
.fv1-group-title {
font-size: 1rem;
font-weight: 700;
margin: 0 0 1rem;
}
.fv1-group ul {
list-style: none;
margin: 0;
padding: 0;
}
.fv1-group li {
margin-bottom: 0.625rem;
}
.fv1-group a {
font-size: 0.9375rem;
color: var(--base-color-brand--dark-subtle, #767478);
transition: color 0.2s;
}
.fv1-group a:hover {
color: var(--base-color-neutral--white, #fff);
}
.fv1-insights {
position: relative;
isolation: isolate;
overflow: hidden;
display: flex;
flex-direction: column;
gap: 1.125rem;
border-radius: 18px;
border: 1px solid rgba(255, 255, 255, 0.12);
background: #16131a;
box-shadow:
0 18px 40px -24px rgba(0, 0, 0, 0.9),
inset 0 1px 0 rgba(255, 255, 255, 0.07);
padding: 1.5rem 1.375rem 1.25rem;
margin-bottom: 1.5rem;
color: var(--base-color-neutral--white, #fff);
}
.fv1-insights-bilder {
position: absolute;
inset: 0;
z-index: 0;
}
.fv1-insights-bild {
position: absolute;
inset: 0;
width: 100%;
height: 100%;
object-fit: cover;
opacity: 0;
transform: scale(1.05);
transition:
opacity 0.5s cubic-bezier(0.22, 1, 0.36, 1),
transform 1.1s cubic-bezier(0.22, 1, 0.36, 1);
}
.fv1-insights:has(.fv1-insights-zeile[data-zeile="0"]:is(:hover, :focus-visible)) .fv1-insights-bild[data-bild="0"],
.fv1-insights:has(.fv1-insights-zeile[data-zeile="1"]:is(:hover, :focus-visible)) .fv1-insights-bild[data-bild="1"],
.fv1-insights:has(.fv1-insights-zeile[data-zeile="2"]:is(:hover, :focus-visible)) .fv1-insights-bild[data-bild="2"] {
opacity: 1;
transform: none;
}
.fv1-insights-schleier {
position: absolute;
inset: 0;
z-index: 1;
background: linear-gradient(
180deg,
rgba(14, 11, 17, 0.94) 0%,
rgba(14, 11, 17, 0.78) 42%,
rgba(14, 11, 17, 0.9) 100%
);
}
.fv1-insights .fv1-seide {
z-index: 1;
}
.fv1-insights-kopf,
.fv1-insights-liste,
.fv1-insights-alle {
position: relative;
z-index: 2;
}
.fv1-insights-kopf {
display: flex;
flex-direction: column;
gap: 0.625rem;
}
.fv1-insights-logo {
display: block;
width: 64px;
height: auto;
}
.fv1-insights-wort {
display: block;
font-size: clamp(2.25rem, 1.7rem + 1.6vw, 3rem);
font-weight: 700;
line-height: 0.95;
letter-spacing: -0.04em;
}
.fv1-insights-liste {
list-style: none;
margin: 0;
padding: 0;
display: grid;
gap: 0.125rem;
}
.fv1-insights-liste li {
margin: 0;
padding: 0;
}
.fv1-insights-zeile {
position: relative;
display: grid;
grid-template-columns: auto minmax(0, 1fr) auto;
align-items: center;
gap: 0.75rem;
padding: 0.6875rem 0.625rem;
margin: 0 -0.625rem;
border-radius: 10px;
color: inherit;
text-decoration: none;
}
.fv1-insights-liste li + li .fv1-insights-zeile::before {
content: "";
position: absolute;
left: 0.625rem;
right: 0.625rem;
top: -0.0625rem;
height: 1px;
background: rgba(255, 255, 255, 0.08);
}
.fv1-insights-streifen {
display: none;
}
.fv1-insights-titel {
display: block;
font-size: 0.9375rem;
font-weight: 600;
line-height: 1.35;
transition: transform 0.3s cubic-bezier(0.22, 1, 0.36, 1);
}
.fv1-insights-pfeil {
display: block;
width: 16px;
height: 16px;
opacity: 0;
transform: translateX(-6px);
transition:
opacity 0.25s cubic-bezier(0.22, 1, 0.36, 1),
transform 0.3s cubic-bezier(0.22, 1, 0.36, 1);
}
.fv1-insights-pfeil svg {
display: block;
}
.fv1-insights-zeile:hover .fv1-insights-titel,
.fv1-insights-zeile:focus-visible .fv1-insights-titel {
transform: translateX(8px);
}
.fv1-insights-zeile:hover .fv1-insights-pfeil,
.fv1-insights-zeile:focus-visible .fv1-insights-pfeil {
opacity: 1;
transform: none;
}
.fv1-insights-zeile:focus-visible {
outline: 2px solid var(--base-color-neutral--white, #fff);
outline-offset: 2px;
}
.fv1-insights.hat-eintritt .fv1-insights-zeile {
opacity: 0;
transform: translateY(8px);
}
.fv1-insights.hat-eintritt.is-eingetreten .fv1-insights-zeile {
opacity: 1;
transform: none;
transition:
opacity 0.45s cubic-bezier(0.22, 1, 0.36, 1),
transform 0.45s cubic-bezier(0.22, 1, 0.36, 1);
transition-delay: calc(80ms + var(--fe-index, 0) * 70ms);
}
.fv1-insights-alle {
display: inline-flex;
align-items: center;
gap: 0.4rem;
align-self: flex-start;
margin-top: 0.125rem;
font-size: 0.875rem;
color: rgba(255, 255, 255, 0.72);
text-decoration: none;
transition: color 0.2s cubic-bezier(0.22, 1, 0.36, 1);
}
.fv1-insights-alle svg {
transition: transform 0.25s cubic-bezier(0.22, 1, 0.36, 1);
}
.fv1-insights-alle:hover {
color: var(--base-color-neutral--white, #fff);
}
.fv1-insights-alle:hover svg {
transform: translate(1px, -1px);
}
.fv1-insights-alle:focus-visible {
outline: 2px solid var(--base-color-neutral--white, #fff);
outline-offset: 3px;
border-radius: 4px;
}
@media screen and (max-width: 767px) {
.fv1-insights-bilder {
display: none;
}
.fv1-insights-streifen {
display: block;
width: 48px;
height: 48px;
border-radius: 6px;
overflow: hidden;
background: rgba(255, 255, 255, 0.06);
}
.fv1-insights-streifen img {
display: block;
width: 100%;
height: 100%;
object-fit: cover;
}
.fv1-insights-zeile:hover .fv1-insights-titel {
transform: none;
}
}
.fv1-seide {
position: absolute;
inset: 0;
overflow: hidden;
pointer-events: none;
}
.fv1-seide-lage {
position: absolute;
inset: -12% -18%;
opacity: 1;
animation: fv1-seide-zug var(--sl-dauer) ease-in-out infinite alternate;
animation-delay: var(--sl-versatz);
animation-play-state: paused;
}
.fv1-seide-lage svg {
width: 100%;
height: 100%;
display: block;
}
.fv1-seide-lage path {
fill: none;
stroke: rgba(255, 255, 255, 0.5);
stroke-width: 0.65;
opacity: 0.09;
}
.fv1-insights.ist-sichtbar .fv1-seide-lage {
animation-play-state: running;
}
@keyframes fv1-seide-zug {
from {
transform: translate3d(-1.8%, 0.7%, 0) skewY(-0.6deg) scaleY(1.012);
}
to {
transform: translate3d(1.8%, -0.7%, 0) skewY(0.6deg) scaleY(0.988);
}
}
.fv1-magazin-mehr {
display: inline-flex;
align-items: center;
gap: 0.5rem;
font-size: 0.875rem;
color: var(--base-color-brand--dark-subtle, #767478);
text-decoration: none;
border-bottom: 1px solid rgba(255, 255, 255, 0.14);
padding-bottom: 0.25rem;
transition:
color 0.2s,
border-color 0.2s;
}
.fv1-magazin-mehr svg {
transition: transform 0.2s cubic-bezier(0.22, 1, 0.36, 1);
}
.fv1-magazin-mehr:hover {
color: var(--base-color-neutral--white, #fff);
border-bottom-color: rgba(255, 255, 255, 0.4);
}
.fv1-magazin-mehr:hover svg {
transform: translate(2px, -2px);
}
@media (prefers-reduced-motion: reduce) {
.fv1-insights-bild,
.fv1-insights-titel,
.fv1-insights-pfeil,
.fv1-insights-alle,
.fv1-insights-alle svg,
.fv1-insights.hat-eintritt.is-eingetreten .fv1-insights-zeile {
transition: none;
transition-delay: 0s;
}
.fv1-insights.hat-eintritt .fv1-insights-zeile {
opacity: 1;
transform: none;
}
.fv1-seide-lage {
animation: none;
transform: none;
}
}
.fv1-teaser {
position: relative;
display: block;
overflow: hidden;
border-radius: 18px;
border: 1px solid rgba(255, 255, 255, 0.12);
background:
linear-gradient(
160deg,
rgba(255, 255, 255, 0.075) 0%,
rgba(255, 255, 255, 0.03) 42%,
rgba(255, 255, 255, 0.015) 100%
);
padding: 1.375rem 1.25rem 1.25rem;
margin-top: 1.5rem;
text-decoration: none;
transition:
border-color 0.25s cubic-bezier(0.22, 1, 0.36, 1),
background-color 0.25s cubic-bezier(0.22, 1, 0.36, 1),
transform 0.25s cubic-bezier(0.22, 1, 0.36, 1);
}
.fv1-teaser:hover {
transform: translateY(-2px);
border-color: rgba(255, 255, 255, 0.24);
background-color: rgba(255, 255, 255, 0.03);
}
.fv1-teaser-kante {
position: absolute;
top: 0;
left: 1.25rem;
width: 44px;
height: 2px;
border-radius: 0 0 2px 2px;
background: var(--base-color-brand--hurra-red, #e4002b);
transition: width 0.25s cubic-bezier(0.22, 1, 0.36, 1);
}
.fv1-teaser:hover .fv1-teaser-kante {
width: 72px;
}
.fv1-teaser-marke {
display: flex;
align-items: center;
gap: 0.5rem;
font-size: 0.6875rem;
letter-spacing: 0.09em;
text-transform: uppercase;
color: var(--base-color-brand--dark-subtle, #767478);
margin-bottom: 0.625rem;
}
.fv1-teaser-punkt {
width: 5px;
height: 5px;
border-radius: 50%;
background: var(--base-color-brand--hurra-red, #e4002b);
}
.fv1-teaser-frage {
display: block;
font-size: 1.1875rem;
font-weight: 700;
line-height: 1.2;
letter-spacing: -0.02em;
color: var(--base-color-neutral--white, #fff);
text-wrap: balance;
margin-bottom: 0.375rem;
}
.fv1-teaser-text {
display: block;
font-size: 0.875rem;
line-height: 1.45;
color: var(--base-color-brand--dark-subtle, #767478);
}
@media (prefers-reduced-motion: reduce) {
.fv1-teaser,
.fv1-teaser-kante {
transition: none;
}
.fv1-teaser:hover {
transform: none;
}
}
.fv1-service {
display: flex;
align-items: center;
gap: 1.5rem;
flex-wrap: wrap;
padding: 2rem 0;
font-size: 0.875rem;
color: var(--base-color-brand--dark-subtle, #767478);
}
.fv1-service-logo img {
height: 32px;
width: auto;
}
.fv1-service-spacer {
flex: 1;
}
.fv1-service a:hover {
color: var(--base-color-neutral--white, #fff);
}
.fv1-social {
display: flex;
gap: 1rem;
}
.fv1-legal {
display: flex;
gap: 1.25rem;
flex-wrap: wrap;
}
@media screen and (max-width: 991px) {
.fv1-hub-grid,
.fv1-trust-grid,
.fv1-cta-grid {
grid-template-columns: 1fr;
gap: 2rem;
}
.fv1-usps {
grid-template-columns: repeat(3, minmax(0, 1fr));
gap: 24px;
padding-left: 0;
padding-top: 32px;
}
.fv1-usps::before {
left: 0;
right: 0;
top: 0;
bottom: auto;
width: auto;
height: 1px;
background: linear-gradient(
90deg,
rgba(255, 255, 255, 0.16) 0%,
rgba(255, 255, 255, 0.16) 60%,
rgba(255, 255, 255, 0) 100%
);
}
.fv1-groups {
grid-template-columns: repeat(2, 1fr);
}
}
@media screen and (max-width: 767px) {
.fv1-usp-value {
font-size: clamp(1.5rem, 6.6vw, 2rem);
white-space: nowrap;
}
.fv1-usp-label {
font-size: 0.875rem;
}
.fv1-usps {
gap: 16px;
}
.fv1-inner {
padding: 0 1.25rem;
}
.fv1-groups {
grid-template-columns: 1fr;
}
.fv1-cta-headline {
font-size: 1.875rem;
}
.fv1-cta-grid,
.fv1-hub-grid {
padding: 2.5rem 0;
}
.fv1-service {
flex-direction: column;
align-items: flex-start;
}
}
.fv1-usp-note {
font-size: 0.875rem;
line-height: 1.45;
margin-top: 2px;
color: rgba(255, 255, 255, 0.5);
}
@media screen and (max-width: 767px) {
.fv1-usp-note {
font-size: 0.8125rem;
}
}
.fv1-social {
display: inline-flex;
align-items: center;
gap: 8px;
}
@media screen and (max-width: 767px) {
.fv1-social {
flex-wrap: wrap;
gap: 4px;
}
}
.fv1-social-link {
display: inline-flex;
align-items: center;
justify-content: center;
width: 48px;
height: 48px;
margin: -14px 0;
color: #fff;
text-decoration: none;
border-radius: 999px;
transition:
background-color 0.2s cubic-bezier(0.22, 1, 0.36, 1),
box-shadow 0.2s cubic-bezier(0.22, 1, 0.36, 1);
}
.fv1-social-link:hover {
background-color: rgba(255, 255, 255, 0.1);
box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.22);
}
.fv1-social-link:hover .fv1-social-icon {
filter: brightness(1.18);
}
.fv1-social-link:hover .fv1-social-icon[data-netz="twitter"] {
filter: drop-shadow(0 0 6px rgba(255, 255, 255, 0.55));
}
.fv1-social-link:focus-visible {
outline: 2px solid var(--base-color-brand--hurra-red, #e4002b);
outline-offset: 2px;
}
.fv1-social-icon {
display: block;
flex: none;
transition: filter 0.2s cubic-bezier(0.22, 1, 0.36, 1);
}
@media (prefers-reduced-motion: reduce) {
.fv1-social-icon {
transition: none;
}
}
.fv1-trust.hat-eintritt .fv1-partner,
.fv1-trust.hat-eintritt .fv1-usps > div {
opacity: 0;
transform: translateY(8px);
}
.fv1-trust.hat-eintritt.is-eingetreten .fv1-partner,
.fv1-trust.hat-eintritt.is-eingetreten .fv1-usps > div {
opacity: 1;
transform: none;
transition:
opacity 0.4s cubic-bezier(0.22, 1, 0.36, 1),
transform 0.4s cubic-bezier(0.22, 1, 0.36, 1);
transition-delay: calc(min(var(--fe-index, 0), 10) * 45ms);
}
@media (prefers-reduced-motion: reduce) {
.fv1-trust.hat-eintritt .fv1-partner,
.fv1-trust.hat-eintritt .fv1-usps > div,
.fv1-trust.hat-eintritt.is-eingetreten .fv1-partner,
.fv1-trust.hat-eintritt.is-eingetreten .fv1-usps > div {
opacity: 1;
transform: none;
transition: none;
transition-delay: 0s;
}
}
.fv1-groups a {
display: inline-block;
transition:
color 0.2s cubic-bezier(0.22, 1, 0.36, 1),
transform 0.2s cubic-bezier(0.22, 1, 0.36, 1);
}
.fv1-groups a:hover {
transform: translateX(2px);
}
@media (prefers-reduced-motion: reduce) {
.fv1-groups a,
.fv1-teaser {
transition: none;
}
.fv1-groups a:hover,
.fv1-teaser:hover {
transform: none;
}
}
.fv1-teaser {
padding: 1.625rem 1.5rem 1.5rem;
border-color: rgba(255, 255, 255, 0.2);
}
.fv1-teaser:hover {
border-color: rgba(255, 255, 255, 0.34);
}
.fv1-teaser-kopf {
display: flex;
align-items: flex-start;
justify-content: space-between;
gap: 1rem;
}
.fv1-teaser-bild {
flex: none;
width: 60px;
height: 60px;
margin-top: -0.25rem;
}
.fv1-teaser-bild svg {
display: block;
width: 100%;
height: 100%;
}
.fv1-teaser-keil {
fill: rgba(255, 255, 255, 0.28);
transition: fill 0.25s cubic-bezier(0.22, 1, 0.36, 1);
}
.fv1-teaser-keil.ist-rot {
fill: var(--base-color-brand--hurra-red, #e4002b);
}
.fv1-teaser:hover .fv1-teaser-keil {
fill: rgba(255, 255, 255, 0.42);
}
.fv1-teaser:hover .fv1-teaser-keil.ist-rot {
fill: var(--base-color-brand--hurra-red, #e4002b);
}
.fv1-teaser-aktion {
display: inline-flex;
align-items: center;
gap: 0.4rem;
margin-top: 1rem;
font-size: 0.875rem;
font-weight: 600;
color: #fff;
border-bottom: 1px solid rgba(255, 255, 255, 0.3);
padding-bottom: 2px;
transition: gap 0.2s cubic-bezier(0.22, 1, 0.36, 1);
}
.fv1-teaser:hover .fv1-teaser-aktion {
gap: 0.65rem;
border-bottom-color: rgba(255, 255, 255, 0.6);
}
.fv1-teaser-pfeil {
flex: none;
}
.fv1-sprache {
display: inline-flex;
align-items: center;
gap: 0.5rem;
margin-left: 1.25rem;
}
.fv1-sprache-eintrag {
font-size: 0.8125rem;
letter-spacing: 0.06em;
color: rgba(255, 255, 255, 0.55);
text-decoration: none;
}
span.fv1-sprache-eintrag {
color: #fff;
}
a.fv1-sprache-eintrag:hover,
a.fv1-sprache-eintrag:focus-visible {
color: #fff;
text-decoration: underline;
text-underline-offset: 3px;
}
.fv1-sprache-strich {
width: 1px;
height: 0.875rem;
background: rgba(255, 255, 255, 0.25);
}


.fv1-cta {
--cta-luft: 40px;
--cta-radius: 16px;
--cta-linie: rgba(255, 255, 255, 0.1);
--cta-licht: rgba(255, 255, 255, 0.14);
}
.cta-portrait {
position: relative;
overflow: hidden;
background: #221f22;
}
.cta-portrait img {
display: block;
width: 100%;
height: 100%;
object-fit: cover;
}
.cta-portrait.is-platzhalter img {
object-fit: contain;
padding: 12%;
box-sizing: border-box;
}
.cta-platzhalter {
display: inline-block;
font-size: 0.75rem;
line-height: 1.4;
letter-spacing: 0.02em;
color: rgba(255, 255, 255, 0.72);
background: rgba(0, 0, 0, 0.55);
border: 1px solid var(--cta-linie);
border-radius: 999px;
padding: 4px 10px;
}
.cta-portrait .cta-platzhalter {
position: absolute;
left: 12px;
bottom: 12px;
}
.cta-name {
font-weight: 700;
font-size: 1.125rem;
line-height: 1.3;
}
.cta-rolle {
font-size: 1rem;
opacity: 0.8;
}
.cta-satz {
display: none;
}
.fv1-cta-headline {
font-size: 2.5rem;
font-weight: 700;
line-height: 1.1;
letter-spacing: -0.025em;
margin: 0 0 0.75rem;
}
.fv1-cta-subline {
font-size: 1.125rem;
line-height: 1.5;
margin: 0;
max-width: 34rem;
}
.fv1-cta[data-cta-stil="balken"] .cta-handlung,
.fv1-cta[data-cta-stil="buehne"] .cta-handlung {
display: contents;
}
.cta-weg {
display: block;
color: inherit;
text-decoration: none;
}
.cta-weg-titel {
font-weight: 700;
line-height: 1.35;
}
.cta-weg.is-ausstehend {
opacity: 0.62;
}
.cta-weg.is-ausstehend .cta-weg-titel {
font-weight: 400;
}
.fv1-callback {
display: flex;
gap: 8px;
flex-wrap: wrap;
}
.fv1-callback input {
flex: 1 1 12rem;
min-height: 48px;
padding: 0 20px;
border: 1px solid rgba(255, 255, 255, 0.42);
border-radius: 999px;
background: transparent;
color: inherit;
font: inherit;
font-size: 16px;
}
.fv1-callback input::placeholder {
color: rgba(255, 255, 255, 0.62);
}
.fv1-callback button {
min-height: 48px;
padding: 0 28px;
border: none;
border-radius: 999px;
font: inherit;
font-weight: 700;
font-size: 16px;
cursor: pointer;
}
.fv1-privacy {
margin-top: 8px;
font-size: 0.875rem;
opacity: 0.8;
}
.fv1-cta[data-cta-stil="balken"] {
background-color: var(--base-color-brand--hurra-red, #e4002b);
}
.fv1-cta[data-cta-stil="balken"] .cta-grid {
display: grid;
grid-template-columns: auto 1fr minmax(20rem, 24rem);
gap: 40px;
align-items: center;
padding: 72px 0;
}
.fv1-cta[data-cta-stil="balken"] .cta-person {
display: flex;
align-items: center;
gap: 16px;
}
.fv1-cta[data-cta-stil="balken"] .cta-portrait {
width: 88px;
height: 88px;
border-radius: 50%;
flex: none;
border: 1px solid rgba(255, 255, 255, 0.35);
}
.fv1-cta[data-cta-stil="balken"] .cta-portrait .cta-platzhalter {
position: static;
display: none;
}
.fv1-cta[data-cta-stil="balken"] .cta-person:has(.cta-portrait .cta-platzhalter)
.cta-person-text::before {
content: "Platzhalter";
display: inline-block;
font-size: 0.75rem;
line-height: 1.4;
color: rgba(255, 255, 255, 0.82);
background: rgba(0, 0, 0, 0.3);
border: 1px solid rgba(255, 255, 255, 0.3);
border-radius: 999px;
padding: 4px 10px;
}
.fv1-cta[data-cta-stil="balken"] .cta-wege {
display: grid;
gap: 16px;
}
.fv1-cta[data-cta-stil="balken"] .cta-weg.is-primaer .cta-weg-titel {
display: none;
}
.fv1-cta[data-cta-stil="balken"] .fv1-callback button {
background: var(--background-color--background-dark, #171417);
color: #fff;
}
.fv1-cta[data-cta-stil="balken"] .cta-weg[data-weg="video"],
.fv1-cta[data-cta-stil="balken"] .cta-weg[data-weg="mail"] {
font-size: 1rem;
}
.fv1-cta[data-cta-stil="balken"] .cta-weg[data-weg="video"] .cta-weg-titel,
.fv1-cta[data-cta-stil="balken"] .cta-weg[data-weg="mail"] .cta-weg-titel {
font-weight: 400;
display: inline-block;
border-bottom: 1px solid rgba(255, 255, 255, 0.5);
padding-bottom: 2px;
min-height: 24px;
}
.fv1-cta[data-cta-stil="buehne"] {
background-color: var(--background-color--background-dark, #171417);
border-bottom: 1px solid var(--cta-linie);
}
.fv1-cta[data-cta-stil="buehne"] .cta-grid {
display: grid;
grid-template-columns: minmax(15rem, 19rem) 1fr;
grid-template-areas:
"person ansprache"
"person wege";
gap: 24px 56px;
align-items: start;
padding: 80px 0;
}
.fv1-cta[data-cta-stil="buehne"] .cta-person {
grid-area: person;
}
.fv1-cta[data-cta-stil="buehne"] .cta-ansprache {
grid-area: ansprache;
align-self: end;
}
.fv1-cta[data-cta-stil="buehne"] .cta-wege {
grid-area: wege;
display: grid;
gap: 16px;
}
.fv1-cta[data-cta-stil="buehne"] .cta-portrait {
aspect-ratio: 4 / 5;
border-radius: var(--cta-radius);
box-shadow:
inset 0 1px 0 var(--cta-licht),
0 16px 40px -24px rgba(0, 0, 0, 1);
}
.fv1-cta[data-cta-stil="buehne"] .cta-person-text {
margin-top: 20px;
}
.fv1-cta[data-cta-stil="buehne"] .cta-satz {
display: block;
margin: 12px 0 0;
font-size: 1.25rem;
line-height: 1.35;
letter-spacing: -0.015em;
}
.fv1-cta[data-cta-stil="buehne"] .cta-weg {
padding: 20px 24px;
border: 1px solid var(--cta-linie);
border-radius: var(--cta-radius);
background: #1d1a1d;
transition:
border-color 0.2s ease,
background 0.2s ease;
}
.fv1-cta[data-cta-stil="buehne"] a.cta-weg:hover {
border-color: rgba(255, 255, 255, 0.28);
background: #232023;
}
.fv1-cta[data-cta-stil="buehne"] a.cta-weg:focus-visible {
outline: 2px solid var(--base-color-brand--hurra-red, #e4002b);
outline-offset: 3px;
}
.fv1-cta[data-cta-stil="buehne"] .cta-weg.is-primaer {
border-left: 3px solid var(--base-color-brand--hurra-red, #e4002b);
background: #201d20;
}
.fv1-cta[data-cta-stil="buehne"] .cta-weg.is-primaer .cta-weg-titel {
margin-bottom: 12px;
}
.fv1-cta[data-cta-stil="buehne"] .fv1-callback button {
background: var(--base-color-brand--hurra-red, #e4002b);
color: #fff;
}
.fv1-cta[data-cta-stil="gespraech"] {
background-color: var(--background-color--background-dark, #171417);
border-bottom: 1px solid var(--cta-linie);
}
.fv1-cta[data-cta-stil="gespraech"] .cta-grid {
display: grid;
gap: 48px;
padding: 96px 0;
max-width: 54rem;
}
.fv1-cta[data-cta-stil="gespraech"] .fv1-cta-headline {
font-size: clamp(2.5rem, 5.5vw, 4rem);
letter-spacing: -0.03em;
margin: 0;
}
.fv1-cta[data-cta-stil="gespraech"] .cta-handlung {
display: flex;
align-items: center;
gap: 16px;
flex-wrap: wrap;
}
.fv1-cta[data-cta-stil="gespraech"] .cta-person {
display: flex;
align-items: center;
gap: 12px;
flex: none;
}
.fv1-cta[data-cta-stil="gespraech"] .cta-portrait {
width: 48px;
height: 48px;
border-radius: 50%;
flex: none;
border: 1px solid var(--cta-linie);
}
.fv1-cta[data-cta-stil="gespraech"] .cta-portrait .cta-platzhalter {
display: none;
}
.fv1-cta[data-cta-stil="gespraech"] .cta-person-text {
font-size: 0.9375rem;
line-height: 1.35;
}
.fv1-cta[data-cta-stil="gespraech"] .cta-name {
font-size: 1rem;
}
.fv1-cta[data-cta-stil="gespraech"] .cta-rolle {
font-size: 0.875rem;
}
.fv1-cta[data-cta-stil="gespraech"]
.cta-person:has(.cta-portrait .cta-platzhalter)
.cta-person-text::before {
content: "Platzhalter";
display: inline-block;
font-size: 0.75rem;
color: rgba(255, 255, 255, 0.72);
border: 1px solid var(--cta-linie);
border-radius: 999px;
padding: 4px 10px;
}
.fv1-cta[data-cta-stil="gespraech"] .cta-wege {
display: flex;
flex-wrap: wrap;
align-items: center;
gap: 16px 28px;
flex: 1 1 24rem;
}
.fv1-cta[data-cta-stil="gespraech"] .cta-weg.is-primaer {
flex: 0 0 100%;
max-width: 32rem;
}
.fv1-cta[data-cta-stil="gespraech"] .cta-weg.is-primaer .cta-weg-titel {
display: none;
}
.fv1-cta[data-cta-stil="gespraech"] .cta-weg.is-primaer .fv1-callback {
flex-wrap: nowrap;
}
.fv1-cta[data-cta-stil="gespraech"] .fv1-callback button {
background: var(--base-color-brand--hurra-red, #e4002b);
color: #fff;
white-space: nowrap;
}
.fv1-cta[data-cta-stil="gespraech"] .cta-weg[data-weg="video"],
.fv1-cta[data-cta-stil="gespraech"] .cta-weg[data-weg="mail"] {
flex: 0 0 auto;
}
.fv1-cta[data-cta-stil="gespraech"] .cta-weg[data-weg="video"] .cta-weg-titel,
.fv1-cta[data-cta-stil="gespraech"] .cta-weg[data-weg="mail"] .cta-weg-titel {
font-weight: 400;
font-size: 1rem;
display: inline-flex;
align-items: center;
min-height: 44px;
border-bottom: 1px solid rgba(255, 255, 255, 0.32);
}
@media screen and (max-width: 767px) {
.fv1-cta .cta-grid {
grid-template-columns: 1fr !important;
grid-template-areas: none !important;
gap: 32px !important;
padding: 56px 0 !important;
max-width: none;
}
.fv1-cta .fv1-cta-headline {
font-size: 2rem;
}
.fv1-cta[data-cta-stil="gespraech"] .fv1-cta-headline {
font-size: 2.25rem;
}
.fv1-cta .cta-person,
.fv1-cta .cta-ansprache,
.fv1-cta .cta-wege {
grid-area: auto !important;
grid-row: auto !important;
grid-column: auto !important;
}
.fv1-cta .cta-ansprache {
order: 1;
}
.fv1-cta .cta-person {
order: 2;
}
.fv1-cta .cta-wege {
order: 3;
}
.fv1-cta[data-cta-stil="buehne"] .cta-portrait {
aspect-ratio: 3 / 2;
}
.fv1-cta[data-cta-stil="gespraech"] .cta-wege {
padding-left: 0;
display: grid;
gap: 16px;
}
.fv1-cta[data-cta-stil="gespraech"] .cta-person {
width: auto;
}
.fv1-cta .fv1-callback {
display: grid;
gap: 8px;
}
.fv1-cta .fv1-callback input,
.fv1-cta .fv1-callback button {
width: 100%;
min-height: 48px;
}
}
.fv1-cta[data-cta-stil="direktwahl"] {
--dw-h: 56px;
--dw-radius: 999px;
--dw-ease: cubic-bezier(0.22, 1, 0.36, 1);
--dw-dur: 0.2s;
background-color: var(--background-color--background-dark, #171417);
border-bottom: 1px solid var(--cta-linie);
}
.fv1-cta[data-cta-stil="direktwahl"] .dw,
.fv1-cta[data-cta-stil="spotlight"] .dw {
padding: 96px 0;
max-width: 56rem;
}
.dw-einladung {
font-size: clamp(3rem, 6.2vw, 5rem);
line-height: 0.98;
letter-spacing: -0.035em;
font-weight: 700;
--vt-unten: 32px;
text-wrap: balance;
}
.dw-person {
font-size: 1.25rem;
line-height: 1.5;
letter-spacing: -0.01em;
margin: 0 0 40px;
opacity: 0.92;
}
.dw-person b {
font-weight: 700;
}
.dw-chip {
display: inline-block;
vertical-align: -0.35em;
width: 40px;
height: 40px;
border-radius: 50%;
overflow: hidden;
border: 1px solid var(--cta-linie);
background: #221f22;
margin: 0 4px;
}
.dw-chip img {
width: 100%;
height: 100%;
object-fit: cover;
display: block;
}
.dw-chip.is-platzhalter img {
object-fit: contain;
padding: 14%;
box-sizing: border-box;
}
.dw-segmente {
display: flex;
gap: 32px;
border-bottom: 1px solid var(--cta-linie);
margin-bottom: 24px;
}
.dw-segment {
position: relative;
appearance: none;
background: none;
border: 0;
color: inherit;
font: inherit;
font-size: 1rem;
font-weight: 500;
line-height: 1;
padding: 0 0 16px;
min-height: 44px;
cursor: pointer;
opacity: 0.68;
transition:
opacity var(--dw-dur) var(--dw-ease),
font-weight var(--dw-dur) var(--dw-ease);
}
.dw-segment::after {
content: "";
position: absolute;
left: 0;
right: 0;
bottom: -1px;
height: 2px;
background: var(--base-color-brand--hurra-red, #e4002b);
transform: scaleX(0);
transform-origin: left;
transition: transform var(--dw-dur) var(--dw-ease);
}
.dw-segment:hover {
opacity: 0.92;
}
.dw-segment[aria-selected="true"] {
opacity: 1;
font-weight: 700;
}
.dw-segment[aria-selected="true"]::after {
transform: scaleX(1);
}
.dw-segment:focus-visible {
outline: 2px solid var(--base-color-brand--hurra-red, #e4002b);
outline-offset: 4px;
border-radius: 4px;
}
.dw-aktion {
position: relative;
min-height: var(--dw-h);
}
.dw-panel {
display: flex;
align-items: center;
gap: 8px;
flex-wrap: wrap;
}
.dw-panel[hidden] {
display: none;
}
.dw-panel.is-eintritt {
animation: dw-fade var(--dw-dur) var(--dw-ease);
}
@keyframes dw-fade {
from {
opacity: 0;
}
to {
opacity: 1;
}
}
@media (prefers-reduced-motion: reduce) {
.dw-panel.is-eintritt {
animation: none;
}
.dw-segment,
.dw-segment::after {
transition: none;
}
}
.dw-panel input {
flex: 1 1 20rem;
height: var(--dw-h);
padding: 0 24px;
border: 1px solid rgba(255, 255, 255, 0.42);
border-radius: var(--dw-radius);
background: transparent;
color: inherit;
font: inherit;
font-size: 16px;
transition: border-color var(--dw-dur) var(--dw-ease);
}
.dw-panel input::placeholder {
color: rgba(255, 255, 255, 0.6);
}
.dw-panel input:hover {
border-color: rgba(255, 255, 255, 0.6);
}
.dw-panel input:focus-visible {
outline: 2px solid var(--base-color-brand--hurra-red, #e4002b);
outline-offset: 2px;
}
.dw-primaer {
display: inline-flex;
align-items: center;
justify-content: center;
height: var(--dw-h);
padding: 0 32px;
border: 0;
border-radius: var(--dw-radius);
background: var(--base-color-brand--hurra-red, #e4002b);
color: #fff;
font: inherit;
font-size: 16px;
font-weight: 700;
text-decoration: none;
cursor: pointer;
white-space: nowrap;
box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.18);
transition: background-color var(--dw-dur) var(--dw-ease);
}
.dw-primaer:hover {
background: #c30025;
}
.dw-primaer:focus-visible {
outline: 2px solid #fff;
outline-offset: 3px;
}
.dw-breit {
flex: 0 1 auto;
}
.dw-primaer.is-ruhend {
background: #221f22;
color: rgba(255, 255, 255, 0.72);
box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.1);
cursor: default;
}
.dw-hinweis {
font-size: 0.875rem;
line-height: 1.5;
opacity: 0.68;
}
@media screen and (max-width: 767px) {
.fv1-cta[data-cta-stil="direktwahl"] .dw,
.fv1-cta[data-cta-stil="spotlight"] .dw {
padding: 64px 0;
}
.dw-einladung {
font-size: clamp(2.25rem, 10vw, 3rem);
--vt-unten: 24px;
}
.dw-person {
font-size: 1.0625rem;
margin-bottom: 32px;
}
.dw-chip {
width: 32px;
height: 32px;
vertical-align: -0.3em;
}
.dw-segmente {
gap: 24px;
overflow-x: auto;
scrollbar-width: none;
-webkit-overflow-scrolling: touch;
}
.dw-segmente::-webkit-scrollbar {
display: none;
}
.dw-segment {
white-space: nowrap;
flex: none;
}
.dw-segmente.is-gestapelt {
display: grid;
grid-template-columns: 1fr;
gap: 0;
overflow: visible;
border-bottom: 0;
}
.dw-segmente.is-gestapelt .dw-segment {
text-align: left;
padding: 16px 0;
border-bottom: 1px solid var(--cta-linie);
min-height: 56px;
}
.dw-segmente.is-gestapelt .dw-segment::after {
bottom: 0;
}
.dw-aktion {
min-height: 0;
}
.dw-panel {
display: grid;
gap: 8px;
}
.dw-panel[hidden] {
display: none;
}
.dw-panel input,
.dw-primaer {
width: 100%;
height: 48px;
}
}
.fv1-cta[data-cta-stil="spotlight"] {
--dw-h: 56px;
--dw-radius: 999px;
--dw-ease: cubic-bezier(0.22, 1, 0.36, 1);
--dw-dur: 0.2s;
--sp-grund: #08070880;
position: relative;
isolation: isolate;
overflow: hidden;
background-color: #000;
border-bottom: 1px solid rgba(255, 255, 255, 0.08);
}
.sp-licht {
position: absolute;
top: 0;
left: 0;
width: 1100px;
height: 1100px;
margin: -550px 0 0 -550px;
pointer-events: none;
z-index: -1;
opacity: 0.9;
background: radial-gradient(
circle closest-side,
rgba(255, 246, 235, 0.13) 0%,
rgba(255, 244, 232, 0.075) 38%,
rgba(255, 240, 228, 0.028) 62%,
rgba(255, 240, 228, 0) 78%
);
transform: translate3d(50vw, 34%, 0);
will-change: transform;
}
.fv1-cta[data-cta-stil="spotlight"] .fv1-inner {
position: relative;
}
.verlaufstypo {
--vt-ueberstand: 0.25em;
padding-block: var(--vt-ueberstand);
margin-block: calc(var(--vt-oben, 0px) - var(--vt-ueberstand))
calc(var(--vt-unten, 0px) - var(--vt-ueberstand));
}
.fv1-cta[data-cta-stil="spotlight"] .dw-einladung {
font-size: clamp(3.25rem, 7.6vw, 6rem);
line-height: 0.92;
letter-spacing: -0.04em;
--vt-unten: 24px;
color: #fff;
background-image: linear-gradient(
180deg,
#ffffff 0%,
#f2f0ef 42%,
rgba(255, 255, 255, 0.72) 100%
);
-webkit-background-clip: text;
background-clip: text;
-webkit-text-fill-color: transparent;
}
.sp-linie {
height: 2px;
width: 92px;
margin: 0 0 32px;
border-radius: 999px;
background: var(--base-color-brand--hurra-red, #e4002b);
transform: scaleX(0);
transform-origin: left center;
transition: transform 0.6s var(--dw-ease);
}
.sp-linie.is-gezogen {
transform: scaleX(1);
}
.fv1-cta:not([data-cta-stil="spotlight"]):not([data-cta-stil="signature"])
.sp-linie {
display: none;
}
@media (prefers-reduced-motion: reduce) {
.sp-linie {
transition: none;
transform: scaleX(1);
}
.sp-licht {
transition: none;
}
}
.fv1-cta[data-cta-stil="spotlight"] .dw-person {
opacity: 0.88;
}
.fv1-cta[data-cta-stil="spotlight"] .dw-chip {
border-color: rgba(255, 255, 255, 0.16);
box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.22);
}
.fv1-cta[data-cta-stil="spotlight"] .dw-segmente {
border-bottom: 1px solid rgba(255, 255, 255, 0.07);
}
.fv1-cta[data-cta-stil="spotlight"] .dw-segment {
opacity: 0.58;
}
.fv1-cta[data-cta-stil="spotlight"] .dw-segment:hover {
opacity: 0.86;
}
.fv1-cta[data-cta-stil="spotlight"] .dw-segment[aria-selected="true"] {
opacity: 1;
}
.fv1-cta[data-cta-stil="spotlight"] .dw-panel input {
border: 0;
border-bottom: 1px solid rgba(255, 255, 255, 0.28);
border-radius: 0;
padding: 0 4px;
background: transparent;
transition: border-color var(--dw-dur) var(--dw-ease);
}
.fv1-cta[data-cta-stil="spotlight"] .dw-panel input:hover {
border-bottom-color: rgba(255, 255, 255, 0.5);
}
.fv1-cta[data-cta-stil="spotlight"] .dw-panel input:focus-visible {
outline: none;
border-bottom-color: var(--base-color-brand--hurra-red, #e4002b);
border-bottom-width: 2px;
padding-bottom: 0;
}
.fv1-cta[data-cta-stil="spotlight"] .dw-primaer {
box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.2);
transition:
background-color var(--dw-dur) var(--dw-ease),
box-shadow var(--dw-dur) var(--dw-ease);
}
.fv1-cta[data-cta-stil="spotlight"] .dw-primaer:hover {
background: #c30025;
box-shadow:
inset 0 1px 0 rgba(255, 255, 255, 0.22),
0 8px 28px -10px rgba(228, 0, 43, 0.55);
}
.fv1-cta[data-cta-stil="spotlight"] .dw-primaer.is-ruhend {
background: rgba(255, 255, 255, 0.06);
box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.1);
}
.fv1-cta[data-cta-stil="spotlight"] .dw-primaer.is-ruhend:hover {
background: rgba(255, 255, 255, 0.06);
box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.1);
}
@media screen and (max-width: 767px) {
.fv1-cta[data-cta-stil="spotlight"] .dw-einladung {
font-size: clamp(2.5rem, 11vw, 3.25rem);
line-height: 0.96;
}
.sp-licht {
width: 760px;
height: 760px;
margin: -380px 0 0 -380px;
transform: translate3d(50vw, 18%, 0) !important;
}
.sp-linie {
margin-bottom: 24px;
width: 72px;
}
}
.fv1-cta[data-cta-stil="signature"] {
--dw-ease: cubic-bezier(0.22, 1, 0.36, 1);
--dw-dur: 0.2s;
--sg-h: 56px;
position: relative;
isolation: isolate;
overflow: hidden;
background-color: #080708;
border-bottom: 1px solid rgba(255, 255, 255, 0.08);
}
.fv1-cta[data-cta-stil="signature"] .sp-licht {
opacity: 0.55;
width: 900px;
height: 900px;
margin: -450px 0 0 -450px;
}
.sg {
display: grid;
grid-template-columns: minmax(0, 1fr) clamp(320px, 42vw, 560px);
align-items: center;
gap: 48px;
min-height: 600px;
padding: 96px 0;
}
.sg.is-ohne-person {
grid-template-columns: 1fr;
max-width: 52rem;
}
.sg-text {
position: relative;
z-index: 1;
}
.sg-einladung {
font-size: clamp(2.75rem, 5.4vw, 4.25rem);
line-height: 0.98;
letter-spacing: -0.035em;
font-weight: 700;
--vt-unten: 24px;
text-wrap: balance;
color: #fff;
background-image: linear-gradient(
180deg,
#ffffff 0%,
#f2f0ef 46%,
rgba(255, 255, 255, 0.74) 100%
);
-webkit-background-clip: text;
background-clip: text;
-webkit-text-fill-color: transparent;
}
.fv1-cta[data-cta-stil="signature"] .sp-linie {
margin-bottom: 24px;
}
.sg-person {
font-size: 1.25rem;
line-height: 1.5;
letter-spacing: -0.01em;
margin: 0 0 8px;
}
.sg-person b {
font-weight: 700;
}
.sg-rolle {
opacity: 0.7;
}
.sg-zusatz {
font-size: 1rem;
line-height: 1.5;
margin: 0 0 8px;
opacity: 0.72;
}
.sg-aktion {
display: flex;
align-items: center;
flex-wrap: wrap;
gap: 16px;
margin: 32px 0 0;
}
.sg-feld {
min-width: 12rem;
}
.sg-feld {
flex: 1 1 auto;
height: var(--sg-h);
padding: 0 4px;
border: 0;
border-bottom: 1px solid rgba(255, 255, 255, 0.3);
background: transparent;
color: inherit;
font: inherit;
font-size: 16px;
transition: border-color var(--dw-dur) var(--dw-ease);
}
.sg-feld::placeholder {
color: rgba(255, 255, 255, 0.58);
}
.sg-feld:hover {
border-bottom-color: rgba(255, 255, 255, 0.52);
}
.sg-feld:focus-visible {
outline: none;
border-bottom-color: var(--base-color-brand--hurra-red, #e4002b);
border-bottom-width: 2px;
padding-bottom: 0;
}
.sg-knopf {
flex: none;
height: var(--sg-h);
padding: 0 32px;
border: 0;
border-radius: 999px;
background: var(--base-color-brand--hurra-red, #e4002b);
color: #fff;
font: inherit;
font-size: 16px;
font-weight: 700;
cursor: pointer;
white-space: nowrap;
box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.2);
transition:
background-color var(--dw-dur) var(--dw-ease),
box-shadow var(--dw-dur) var(--dw-ease);
}
.sg-knopf:hover {
background: #c30025;
box-shadow:
inset 0 1px 0 rgba(255, 255, 255, 0.22),
0 8px 28px -10px rgba(228, 0, 43, 0.55);
}
.sg-knopf:focus-visible {
outline: 2px solid #fff;
outline-offset: 3px;
}
.sg-termin {
--sg-rot: var(--base-color-brand--hurra-red, #e4002b);
--sg-rot-hell: #f4103c;
--sg-rot-dunkel: #cc0027;
--sg-schein: 0 6px 20px -8px rgba(228, 0, 43, 0.45);
--sg-schein-hover: 0 10px 30px -8px rgba(228, 0, 43, 0.62);
--sg-kante: rgba(255, 255, 255, 0.26);
flex: none;
display: inline-flex;
align-items: center;
justify-content: center;
gap: 10px;
height: var(--sg-h);
padding: 0 32px;
border: 0;
border-radius: 999px;
background-image: linear-gradient(180deg, var(--sg-rot-hell) 0%, var(--sg-rot) 52%, var(--sg-rot-dunkel) 100%);
background-color: var(--sg-rot);
color: #fff;
text-decoration: none;
font-size: 16px;
font-weight: 700;
white-space: nowrap;
box-shadow:
inset 0 1px 0 var(--sg-kante),
var(--sg-schein);
transition:
box-shadow var(--dw-dur) var(--dw-ease),
transform var(--dw-dur) var(--dw-ease),
filter var(--dw-dur) var(--dw-ease);
}
.sg-termin:hover {
transform: translateY(-1px);
filter: saturate(1.06);
box-shadow:
inset 0 1px 0 var(--sg-kante),
var(--sg-schein-hover);
}
.sg-termin:active {
transform: none;
box-shadow:
inset 0 1px 0 var(--sg-kante),
var(--sg-schein);
}
.knopf-kraeftig .sg-termin {
--sg-rot-hell: #ff1f4a;
--sg-rot-dunkel: #b80023;
--sg-schein: 0 10px 30px -8px rgba(228, 0, 43, 0.62);
--sg-schein-hover: 0 16px 44px -10px rgba(255, 31, 74, 0.8);
--sg-kante: rgba(255, 255, 255, 0.38);
}
@media (prefers-reduced-motion: reduce) {
.sg-termin,
.sg-termin:hover {
transform: none;
transition: box-shadow var(--dw-dur) var(--dw-ease);
}
}
.sg-termin:focus-visible {
outline: 2px solid #fff;
outline-offset: 3px;
}
.sg-zweitweg {
max-width: 34rem;
}
.sg-zweitweg.sg-formular .sg-zweitweg-reihe {
padding: 20px 0 4px;
}
.sg-zweitweg-zeile {
font-size: 0.9375rem;
line-height: 1.5;
margin: 0 0 12px;
color: rgba(255, 255, 255, 0.66);
}
.sg-zweitweg-reihe {
display: flex;
align-items: center;
gap: 16px;
}
.sg-knopf {
background: transparent;
color: inherit;
font-weight: 500;
border: 1px solid rgba(255, 255, 255, 0.34);
box-shadow: none;
padding: 0 24px;
}
.sg-knopf:hover {
background: rgba(255, 255, 255, 0.06);
border-color: rgba(255, 255, 255, 0.6);
box-shadow: none;
}
.sg-knopf:disabled:hover {
background: transparent;
border-color: rgba(255, 255, 255, 0.34);
box-shadow: none;
}
.sg-knopf:focus-visible {
outline: 2px solid var(--base-color-brand--hurra-red, #e4002b);
outline-offset: 3px;
}
.sg-kalender {
flex: none;
opacity: 0.82;
}
.sg-feld:disabled {
color: rgba(255, 255, 255, 0.58);
-webkit-text-fill-color: rgba(255, 255, 255, 0.58);
opacity: 1;
cursor: default;
}
.sg-feld:disabled:hover {
border-bottom-color: rgba(255, 255, 255, 0.3);
}
.sg-knopf:disabled {
opacity: 1;
cursor: default;
}
.sg-knopf:disabled:hover {
background: var(--base-color-brand--hurra-red, #e4002b);
box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.2);
}
.sg-portrait {
--sg-maske-x: linear-gradient(
90deg,
transparent 0%,
rgba(0, 0, 0, 0.015) 3%,
rgba(0, 0, 0, 0.05) 6%,
rgba(0, 0, 0, 0.11) 9%,
rgba(0, 0, 0, 0.2) 12%,
rgba(0, 0, 0, 0.33) 15%,
rgba(0, 0, 0, 0.5) 17%,
rgba(0, 0, 0, 0.68) 19%,
rgba(0, 0, 0, 0.85) 21%,
rgba(0, 0, 0, 0.96) 22%,
#000 24%,
#000 100%
);
--sg-maske-y: linear-gradient(
180deg,
#000 0%,
#000 30%,
rgba(0, 0, 0, 0.97) 38%,
rgba(0, 0, 0, 0.9) 45%,
rgba(0, 0, 0, 0.8) 52%,
rgba(0, 0, 0, 0.68) 58%,
rgba(0, 0, 0, 0.55) 64%,
rgba(0, 0, 0, 0.42) 70%,
rgba(0, 0, 0, 0.3) 75%,
rgba(0, 0, 0, 0.2) 80%,
rgba(0, 0, 0, 0.12) 85%,
rgba(0, 0, 0, 0.06) 90%,
rgba(0, 0, 0, 0.025) 94%,
rgba(0, 0, 0, 0.008) 97%,
transparent 100%
);
position: absolute;
top: auto;
bottom: 0;
right: 0;
z-index: -2;
aspect-ratio: 4 / 5;
height: min(calc(100% - 40px), 640px);
width: auto;
margin: 0;
-webkit-mask-image: var(--sg-maske-y);
mask-image: var(--sg-maske-y);
}
.sg-foto {
display: block;
width: 100%;
height: 100%;
object-fit: cover;
object-position: center 12%;
-webkit-mask-image: var(--sg-maske-x);
mask-image: var(--sg-maske-x);
}
@media screen and (max-width: 767px) {
.sg {
grid-template-columns: 1fr;
gap: 24px;
min-height: 0;
padding: 0 0 64px;
}
.sg-portrait {
position: static;
top: auto;
right: auto;
--sg-maske-y: linear-gradient(
180deg,
#000 0%,
#000 30%,
rgba(0, 0, 0, 0.94) 44%,
rgba(0, 0, 0, 0.76) 56%,
rgba(0, 0, 0, 0.5) 68%,
rgba(0, 0, 0, 0.26) 79%,
rgba(0, 0, 0, 0.09) 89%,
rgba(0, 0, 0, 0.02) 95%,
transparent 100%
);
order: -1;
grid-column: auto;
justify-self: stretch;
align-self: auto;
width: auto;
max-width: none;
margin: 0 calc(50% - 50vw);
transform: none;
height: 45vh;
max-height: 360px;
}
.sg-foto {
object-position: center 14%;
}
.sg-einladung {
font-size: clamp(2.25rem, 10vw, 2.75rem);
}
.sg-person {
font-size: 1.0625rem;
}
.sg-aktion {
display: grid;
gap: 8px;
margin: 24px 0 0;
max-width: none;
}
.sg-zweitweg {
margin-top: 24px;
max-width: none;
}
.sg-zweitweg-reihe {
display: grid;
gap: 8px;
}
.sg-feld,
.sg-knopf,
.sg-termin,
.sg-formular-schalter {
width: 100%;
height: 48px;
}
.sg-termin {
flex-wrap: wrap;
}
}
.fv1-cta.hat-eintritt [data-eintritt] {
opacity: 0;
transform: translateY(8px);
}
.fv1-cta.hat-eintritt.is-eingetreten [data-eintritt] {
opacity: 1;
transform: none;
transition:
opacity 0.4s cubic-bezier(0.22, 1, 0.36, 1),
transform 0.4s cubic-bezier(0.22, 1, 0.36, 1);
}
.fv1-cta.hat-eintritt.is-eingetreten [data-eintritt="2"] {
transition-delay: 0.08s;
}
.fv1-cta.hat-eintritt.is-eingetreten [data-eintritt="3"] {
transition-delay: 0.16s;
}
@media (prefers-reduced-motion: reduce) {
.fv1-cta.hat-eintritt [data-eintritt],
.fv1-cta.hat-eintritt.is-eingetreten [data-eintritt] {
opacity: 1;
transform: none;
transition: none;
transition-delay: 0s;
}
}
.sg-erwartung {
font-size: 1rem;
line-height: 1.5;
margin: 8px 0 0;
max-width: 34rem;
color: rgba(255, 255, 255, 0.72);
}
.sg-formular-zeile {
font-size: 0.9375rem;
line-height: 1.5;
margin: 24px 0 0;
color: rgba(255, 255, 255, 0.6);
}
.sg-drittweg {
display: flex;
flex-wrap: wrap;
gap: 12px;
margin-top: 12px;
}
.sg-formular-schalter {
display: inline-flex;
align-items: center;
justify-content: center;
height: 44px;
padding: 0 20px;
border: 1px solid rgba(255, 255, 255, 0.34);
border-radius: 999px;
color: inherit;
text-decoration: none;
font-size: 15px;
font-weight: 500;
white-space: nowrap;
cursor: pointer;
transition:
border-color var(--dw-dur) var(--dw-ease),
background-color var(--dw-dur) var(--dw-ease);
}
.sg-formular-schalter:hover {
border-color: rgba(255, 255, 255, 0.6);
background-color: rgba(255, 255, 255, 0.06);
}
.sg-formular-schalter:focus-visible {
outline: 2px solid var(--base-color-brand--hurra-red, #e4002b);
outline-offset: 4px;
border-radius: 2px;
}
.sg-formular {
overflow: hidden;
max-width: 34rem;
height: 0;
opacity: 0;
transition:
height 0.3s cubic-bezier(0.22, 1, 0.36, 1),
opacity 0.3s cubic-bezier(0.22, 1, 0.36, 1);
}
.sg-formular.is-offen {
height: var(--sg-formular-hoehe, auto);
opacity: 1;
}
.sg-formular.is-ohne-bewegung {
transition: none;
}
.sg-formular:focus-visible {
outline: none;
}
.sg-formular-inner {
display: grid;
gap: 16px;
padding: 24px 0 8px;
}
.sg-formular-reihe {
display: grid;
grid-template-columns: 1fr 1fr;
gap: 16px;
}
.sg-formular-feld {
display: grid;
gap: 8px;
}
.sg-formular-feld > span {
font-size: 0.8125rem;
color: rgba(255, 255, 255, 0.62);
}
.sg-formular-feld input,
.sg-formular-feld textarea {
border: 0;
border-bottom: 1px solid rgba(255, 255, 255, 0.3);
background: transparent;
color: inherit;
font: inherit;
font-size: 16px;
padding: 0 4px 8px;
resize: vertical;
transition: border-color var(--dw-dur) var(--dw-ease);
}
.sg-formular-feld input:disabled,
.sg-formular-feld textarea:disabled {
opacity: 1;
-webkit-text-fill-color: rgba(255, 255, 255, 0.58);
cursor: default;
}
.sg-formular-feld input:focus-visible,
.sg-formular-feld textarea:focus-visible {
outline: none;
border-bottom-color: var(--base-color-brand--hurra-red, #e4002b);
border-bottom-width: 2px;
padding-bottom: 7px;
}
.sg-formular-senden {
justify-self: start;
height: var(--sg-h);
padding: 0 28px;
margin-top: 8px;
border: 1px solid rgba(255, 255, 255, 0.42);
border-radius: 999px;
background: transparent;
color: #fff;
font: inherit;
font-size: 16px;
font-weight: 500;
cursor: pointer;
transition:
border-color var(--dw-dur) var(--dw-ease),
background-color var(--dw-dur) var(--dw-ease);
}
.sg-formular-senden:hover:not(:disabled) {
border-color: rgba(255, 255, 255, 0.75);
background: rgba(255, 255, 255, 0.07);
}
.sg-formular-senden:focus-visible {
outline: 2px solid #fff;
outline-offset: 3px;
}
.sg-formular-senden:disabled {
opacity: 1;
cursor: default;
}
.sg-formular-senden:focus-visible {
outline: 2px solid #fff;
outline-offset: 3px;
}
@media screen and (max-width: 767px) {
.sg-formular,
.sg-erwartung {
max-width: none;
}
.sg-formular-reihe {
grid-template-columns: 1fr;
}
.sg-formular-senden {
justify-self: stretch;
height: 48px;
}
}
.fv1-cta.formular-offen .sg-termin {
background: transparent;
color: inherit;
font-weight: 500;
border: 1px solid rgba(255, 255, 255, 0.34);
box-shadow: none;
}
.fv1-cta.formular-offen .sg-termin:hover {
background: rgba(255, 255, 255, 0.06);
border-color: rgba(255, 255, 255, 0.6);
box-shadow: none;
}
.sg-portrait[data-motiv="hell"] {
--sg-maske-y: linear-gradient(
180deg,
#000 0%,
#000 8%,
rgba(0, 0, 0, 0.99) 16%,
rgba(0, 0, 0, 0.97) 24%,
rgba(0, 0, 0, 0.93) 32%,
rgba(0, 0, 0, 0.88) 39%,
rgba(0, 0, 0, 0.81) 46%,
rgba(0, 0, 0, 0.72) 52%,
rgba(0, 0, 0, 0.62) 58%,
rgba(0, 0, 0, 0.51) 64%,
rgba(0, 0, 0, 0.4) 69%,
rgba(0, 0, 0, 0.3) 74%,
rgba(0, 0, 0, 0.21) 79%,
rgba(0, 0, 0, 0.14) 84%,
rgba(0, 0, 0, 0.085) 88%,
rgba(0, 0, 0, 0.048) 92%,
rgba(0, 0, 0, 0.022) 95%,
rgba(0, 0, 0, 0.008) 97.5%,
rgba(0, 0, 0, 0.002) 99%,
transparent 100%
);
}
.sg-portrait[data-motiv="hell"]::after {
content: "";
position: absolute;
inset: 0;
pointer-events: none;
background: linear-gradient(
180deg,
transparent 0%,
transparent 34%,
rgba(0, 0, 0, 0.06) 44%,
rgba(0, 0, 0, 0.16) 53%,
rgba(0, 0, 0, 0.3) 61%,
rgba(0, 0, 0, 0.46) 68%,
rgba(0, 0, 0, 0.62) 75%,
rgba(0, 0, 0, 0.76) 82%,
rgba(0, 0, 0, 0.87) 88%,
rgba(0, 0, 0, 0.94) 94%,
rgba(0, 0, 0, 0.98) 100%
);
}
.sg-datenschutz {
display: grid;
gap: 12px;
margin-top: 8px;
}
.sg-datenschutz-text {
font-size: 0.8125rem;
line-height: 1.5;
color: rgba(255, 255, 255, 0.58);
}
.sg-datenschutz-text a {
color: rgba(255, 255, 255, 0.82);
text-decoration: underline;
text-underline-offset: 2px;
}
.sg-datenschutz-text a:hover {
color: #fff;
}
.sg-datenschutz-consent {
display: grid;
grid-template-columns: auto 1fr;
gap: 12px;
align-items: start;
cursor: pointer;
}
.sg-datenschutz-box {
appearance: none;
-webkit-appearance: none;
flex: none;
width: 20px;
height: 20px;
margin: 2px 0 0;
border: 1px solid rgba(255, 255, 255, 0.42);
border-radius: 4px;
background: transparent;
cursor: pointer;
display: grid;
place-content: center;
transition:
border-color var(--dw-dur) var(--dw-ease),
background-color var(--dw-dur) var(--dw-ease);
}
.sg-datenschutz-box:hover {
border-color: rgba(255, 255, 255, 0.7);
}
.sg-datenschutz-box::before {
content: "";
width: 10px;
height: 10px;
transform: scale(0);
transition: transform var(--dw-dur) var(--dw-ease);
background: #fff;
clip-path: polygon(14% 44%, 0 65%, 44% 100%, 100% 16%, 84% 0, 41% 66%);
}
.sg-datenschutz-box:checked {
background: var(--base-color-brand--hurra-red, #e4002b);
border-color: var(--base-color-brand--hurra-red, #e4002b);
}
.sg-datenschutz-box:checked::before {
transform: scale(1);
}
.sg-datenschutz-box:focus-visible {
outline: 2px solid var(--base-color-brand--hurra-red, #e4002b);
outline-offset: 3px;
}
.sg-feldfehler {
display: block;
max-height: 0;
overflow: hidden;
font-size: 0.8125rem;
line-height: 1.45;
color: rgba(255, 255, 255, 0.76);
transition:
max-height 0.2s cubic-bezier(0.22, 1, 0.36, 1),
padding-top 0.2s cubic-bezier(0.22, 1, 0.36, 1);
}
.sg-feldfehler.is-sichtbar {
max-height: 3.2em;
padding-top: 6px;
}
.sg-formular-feld :is(input, textarea)[aria-invalid="true"],
.sg-feld[aria-invalid="true"] {
border-color: var(--base-color-brand--hurra-red, #e4002b);
}
.sg-status {
display: none;
align-items: center;
flex-wrap: wrap;
gap: 8px 16px;
margin: 12px 0 0;
font-size: 0.9375rem;
line-height: 1.5;
color: rgba(255, 255, 255, 0.82);
}
.sg-status.is-sichtbar {
display: flex;
}
.sg-status-termin {
background: transparent;
border: 1px solid rgba(255, 255, 255, 0.34);
box-shadow: none;
font-weight: 500;
}
.sg-status-termin:hover {
background: rgba(255, 255, 255, 0.06);
border-color: rgba(255, 255, 255, 0.6);
}
.sg-formular-inner.ist-gesendet > :not([data-status]),
.sg-zweitweg-reihe.ist-gesendet > :not([data-status]) {
display: none;
}
.sg-formular-inner.ist-gesendet,
.sg-zweitweg-reihe.ist-gesendet {
display: flex;
align-items: center;
}
.sg-zweitweg-reihe {
flex-wrap: wrap;
}
.sg-zweitweg-reihe .sg-feldfehler,
.sg-zweitweg-reihe .sg-status {
flex-basis: 100%;
}
@media (prefers-reduced-motion: reduce) {
.sg-feldfehler {
transition: none;
}
}
.w-pagination-wrapper.ist-ohne-funktion {
display: none;
}
.ist-liste-leer .blog3_list-wrapper,
.ist-liste-leer .line-divider {
display: none;
}
.ist-liste-leer .blog3_content,
.ist-liste-leer .padding-bottom.padding-xxlarge {
padding-bottom: 0;
}
.insider_overview-item,
.blog3_item {
content-visibility: auto;
contain-intrinsic-size: auto 480px;
}


.vgl {
--vgl-max: 72rem;
--vgl-text: 44rem;
--vgl-text-weit: 49rem;
--vgl-grund: #f8f7f6;
--vgl-tinte: #171417;
--vgl-leise: #636067;
--vgl-linie: #e3e0dd;
--vgl-karte: #fff;
--vgl-akzent: #e4002b;
--vgl-radius: 16px;
--vgl-sektion: 7rem;
background: var(--vgl-grund);
color: var(--vgl-tinte);
font-family: Abcfavorit, Arial, sans-serif;
padding: 0 5% 4rem;
}
.vgl :is(h1, h2, h3, p, ul, ol, li) {
margin: 0;
}
.vgl ul,
.vgl ol {
list-style: none;
padding: 0;
}
.vgl a {
color: inherit;
text-decoration: underline;
text-underline-offset: 0.18em;
text-decoration-thickness: 1px;
text-decoration-color: #b9b5b2;
transition: text-decoration-color 0.18s ease;
}
.vgl a:hover {
text-decoration-color: currentColor;
}
.vgl a:focus-visible {
outline: 2px solid var(--vgl-tinte);
outline-offset: 3px;
border-radius: 3px;
}
.vgl-kopf {
max-width: var(--vgl-max);
margin: 0 auto;
padding: 4.5rem 0 0;
}
.vgl-kopf > *,
.vgl-autor {
max-width: var(--vgl-text);
}
.vgl-kanal {
font-size: 0.8125rem;
letter-spacing: 0.08em;
text-transform: uppercase;
color: var(--vgl-leise);
margin-bottom: 1.25rem !important;
}
.vgl-h1 {
font-size: clamp(2rem, 1.2rem + 2.6vw, 3.25rem);
font-weight: 700;
line-height: 1.12;
letter-spacing: -0.02em;
text-wrap: balance;
margin-bottom: 1.75rem !important;
}
.vgl-direktantwort {
font-size: clamp(1.0625rem, 1rem + 0.3vw, 1.25rem);
line-height: 1.62;
color: #35323a;
}
.vgl-autor {
display: flex;
align-items: center;
gap: 0.875rem;
margin-top: 2.25rem;
padding-top: 1.5rem;
border-top: 1px solid var(--vgl-linie);
}
.vgl-autor-bild {
width: 44px;
height: 44px;
border-radius: 999px;
object-fit: cover;
object-position: 50% 22%;
flex: none;
}
.vgl-autor-name,
.vgl-autor-datum {
font-size: 0.9375rem;
line-height: 1.45;
}
.vgl-autor-datum {
color: var(--vgl-leise);
}
.vgl-sprung {
max-width: var(--vgl-max);
margin: 3rem auto 0;
border-top: 1px solid var(--vgl-linie);
border-bottom: 1px solid var(--vgl-linie);
overflow-x: auto;
scrollbar-width: none;
}
.vgl-sprung::-webkit-scrollbar {
display: none;
}
.vgl-sprung ul {
display: flex;
gap: 1.75rem;
padding: 0.9rem 0;
white-space: nowrap;
}
.vgl-sprung a {
font-size: 0.9375rem;
color: var(--vgl-leise);
text-decoration: none;
}
.vgl-sprung a:hover {
color: var(--vgl-tinte);
}
.vgl [id] {
scroll-margin-top: 9rem;
}
.vgl-sektion {
position: relative;
max-width: var(--vgl-max);
margin: 0 auto;
padding-top: var(--vgl-sektion);
}
.vgl-sektion + .vgl-sektion::before {
content: "";
position: absolute;
top: calc(var(--vgl-sektion) / 2);
left: 0;
width: 48px;
height: 1px;
background: var(--vgl-linie);
}
.vgl-h2 {
font-size: clamp(1.625rem, 1.2rem + 1.4vw, 2.5rem);
font-weight: 700;
line-height: 1.18;
letter-spacing: -0.015em;
text-wrap: balance;
margin-bottom: 1.5rem !important;
}
.vgl-h3 {
font-size: 1.0625rem;
font-weight: 700;
line-height: 1.35;
margin-bottom: 0.5rem !important;
}
.vgl-vorspann {
max-width: var(--vgl-text-weit);
font-size: 1rem;
line-height: 1.7;
color: #4a464d;
margin-bottom: 2.25rem !important;
}
.vgl-sektion p {
font-size: 1rem;
line-height: 1.7;
color: #363131;
}
.vgl-sektion p + p {
margin-top: 1.5rem !important;
}
.vgl-kurz-liste {
display: grid;
grid-template-columns: repeat(auto-fit, minmax(15rem, 1fr));
gap: 1rem;
}
.vgl-kurz-karte {
background: var(--vgl-karte);
border: 1px solid var(--vgl-linie);
border-radius: var(--vgl-radius);
padding: 1.5rem 1.5rem 1.625rem;
display: flex;
flex-direction: column;
gap: 0.75rem;
}
.vgl-kurz-fall {
font-weight: 700;
line-height: 1.35;
}
.vgl-kurz-empfehlung {
color: #4a464d;
}
.vgl-tabelle-rahmen {
overflow-x: auto;
border: 1px solid var(--vgl-linie);
border-radius: var(--vgl-radius);
background: var(--vgl-karte);
}
.vgl-tabelle-rahmen:focus-visible {
outline: 2px solid var(--vgl-tinte);
outline-offset: 2px;
}
.vgl-tabelle {
width: 100%;
min-width: 58rem;
border-collapse: collapse;
text-align: left;
}
.vgl-th {
vertical-align: bottom;
padding: 1.25rem 1.125rem 0.875rem;
border-bottom: 1px solid var(--vgl-linie);
font-weight: 400;
}
.vgl-th-name {
display: block;
font-size: 1rem;
font-weight: 700;
line-height: 1.3;
}
.vgl-th-note {
display: inline-block;
margin: 0 0 0.5rem;
padding: 0.2rem 0.5rem 0.16rem;
border-radius: 999px;
background: var(--vgl-akzent);
font-size: 0.6875rem;
font-weight: 600;
letter-spacing: 0.07em;
text-transform: uppercase;
color: #fff;
}
.vgl-th-leer .vgl-th-name {
color: var(--vgl-leise);
font-weight: 400;
font-size: 0.8125rem;
letter-spacing: 0.06em;
text-transform: uppercase;
}
.vgl-tabelle tbody .vgl-td,
.vgl-tabelle tbody .vgl-kriterium,
.vgl-tabelle thead .vgl-th {
background: #fbfaf9;
}
.vgl-tabelle thead .vgl-th.ist-unser,
.vgl-tabelle tbody .vgl-td.ist-unser {
background: #fff;
border-left: 1px solid rgba(228, 0, 43, 0.35);
border-right: 1px solid rgba(228, 0, 43, 0.35);
}
.vgl-tabelle thead .vgl-th.ist-unser {
border-top: 3px solid var(--vgl-akzent);
border-bottom-color: rgba(228, 0, 43, 0.35);
}
.vgl-tabelle tbody tr:last-child .vgl-td.ist-unser {
border-bottom: 1px solid rgba(228, 0, 43, 0.35);
}
.vgl-tr + .vgl-tr :is(.vgl-kriterium, .vgl-td) {
border-top: 1px solid #ece9e6;
}
.vgl-kriterium {
vertical-align: top;
width: 15rem;
padding: 1.375rem 1.125rem;
font-weight: 400;
}
.vgl-kriterium-name {
display: block;
font-weight: 700;
font-size: 0.9375rem;
line-height: 1.35;
}
.vgl-kriterium-erklaerung {
display: block;
margin-top: 0.375rem;
font-size: 0.8125rem;
line-height: 1.5;
color: var(--vgl-leise);
}
.vgl-td {
vertical-align: top;
padding: 1.375rem 1.125rem;
}
.vgl-beleg-halt {
white-space: nowrap;
}
.vgl-kern {
position: relative;
margin: 0 0 0.625rem;
padding-left: 0.75rem;
font-size: 1.0625rem;
line-height: 1.45;
font-weight: 600;
letter-spacing: -0.01em;
color: #171417;
}
.vgl-kern::before {
content: "";
position: absolute;
left: 0;
top: 0.28em;
bottom: 0.28em;
width: 2px;
border-radius: 1px;
background: #c30025;
}
.vgl-kern-grund {
margin: 0;
color: #3d383e;
}
@media (max-width: 47.9375rem) {
.vgl-kern {
font-size: 1rem;
}
}
.vgl-wert {
display: flex;
align-items: center;
gap: 0.5rem;
margin: 0 0 0.75rem !important;
font-size: 0.8125rem;
line-height: 1.2;
letter-spacing: 0.005em;
}
.vgl-wert-balken {
display: inline-flex;
align-items: flex-end;
gap: 3px;
flex: none;
}
.vgl-wert-balken i {
display: block;
width: 4px;
height: 13px;
border-radius: 1px;
}
.vgl-wert-balken .ist-leer {
background: #dcd8d4;
}
.vgl-wert-balken .ist-voll {
background: currentColor;
}
.vgl-wert-wort {
color: inherit;
}
.vgl-wert.is-stark {
color: var(--vgl-tinte);
font-weight: 600;
}
.vgl-wert.is-neutral {
color: #55525a;
font-weight: 500;
}
.vgl-wert.is-schwach {
color: #6b696d;
font-weight: 500;
}
.vgl-wert.is-stark .vgl-wert-balken .ist-voll {
background: var(--vgl-tinte);
}
.vgl-wert.is-neutral .vgl-wert-balken .ist-voll {
background: #8b878e;
}
.vgl-wert.is-schwach .vgl-wert-balken .ist-voll {
background: #b9b5ba;
}
.vgl-td.ist-unser .vgl-wert.is-stark {
color: #c30025;
}
.vgl-td.ist-unser .vgl-wert.is-stark .vgl-wert-balken .ist-voll {
background: var(--vgl-akzent);
}
.vgl-td.ist-unser .vgl-wert .vgl-wert-balken .ist-leer {
background: #eee9e6;
}
.vgl-legende {
display: flex;
flex-wrap: wrap;
gap: 0.5rem 2rem;
margin: 0 0 1.75rem !important;
padding-bottom: 1.25rem;
border-bottom: 1px solid var(--vgl-linie);
font-size: 0.8125rem;
color: #55525a;
max-width: var(--vgl-max);
}
.vgl-legende-stufe {
display: inline-flex;
align-items: center;
gap: 0.5rem;
}
.vgl-legende-stufe:nth-child(1) .ist-voll {
background: var(--vgl-tinte);
}
.vgl-legende-stufe:nth-child(2) .ist-voll {
background: #8b878e;
}
.vgl-legende-stufe:nth-child(3) .ist-voll {
background: #b9b5ba;
}
.vgl-legende-unser {
display: inline-flex;
align-items: center;
gap: 0.5rem;
color: #c30025;
font-weight: 600;
}
.vgl-legende-unser .ist-voll {
background: var(--vgl-akzent);
}
.vgl-worauf {
max-width: var(--vgl-max);
margin: 2.5rem 0 3rem;
padding: 1.75rem 0 0;
border-top: 2px solid var(--vgl-tinte);
}
.vgl-worauf-titel {
margin: 0 0 1.25rem !important;
font-size: 1.0625rem;
font-weight: 600;
letter-spacing: -0.005em;
color: var(--vgl-tinte);
}
.vgl-worauf-liste {
list-style: none;
margin: 0 !important;
padding: 0 !important;
display: grid;
gap: 0;
max-width: 54rem;
}
.vgl-worauf-zeile {
display: grid;
grid-template-columns: minmax(0, 1fr) auto;
align-items: baseline;
gap: 0.25rem 1rem;
padding: 0.75rem 0;
border-bottom: 1px solid var(--vgl-linie);
}
.vgl-worauf-unser {
grid-column: 1 / -1;
font-size: 0.875rem;
line-height: 1.5;
color: #4a464d;
}
.vgl-worauf-unser::before {
content: "";
display: inline-block;
width: 0.75rem;
height: 1px;
margin: 0 0.5rem 0.3em 0;
background: #c30025;
vertical-align: middle;
}
.vgl-worauf-zeile:last-child {
border-bottom: 0;
}
.vgl-worauf-wenn {
font-size: 0.9375rem;
color: #4a464d;
}
.vgl-worauf-wenn::after {
content: "";
display: inline-block;
width: 0;
}
.vgl-worauf-dann {
font-size: 0.9375rem;
font-weight: 600;
color: var(--vgl-tinte);
white-space: nowrap;
}
.vgl-worauf-fuss {
margin-top: 1rem !important;
font-size: 0.8125rem;
line-height: 1.6;
color: #6b696d;
max-width: 46rem;
}
.vgl-td-text {
display: block;
font-size: 0.875rem;
line-height: 1.6;
color: #4a464d;
}
.vgl-punkte {
display: grid;
gap: 1.5rem;
max-width: var(--vgl-text-weit);
}
.vgl-punkt {
max-width: var(--vgl-text-weit);
}
.vgl-punkt .vgl-h3 {
display: inline;
font-size: inherit;
font-weight: 600;
color: var(--vgl-tinte);
}
.vgl-punkt .vgl-h3::after {
content: "\00a0\00a0";
}
.vgl-punkt p {
display: inline;
color: #4a464d;
}
.vgl-grenzen .vgl-punkte {
border-left: 2px solid var(--vgl-tinte);
padding-left: 1.75rem;
}
.vgl-situationen {
display: grid;
gap: 2.75rem;
max-width: var(--vgl-text-weit);
}
.vgl-situation {
padding-left: 1.5rem;
border-left: 1px solid var(--vgl-linie);
}
.vgl-situation-text {
color: #4a464d;
max-width: var(--vgl-text-weit);
margin-bottom: 1rem !important;
}
.vgl-situation-empfehlung {
max-width: var(--vgl-text-weit);
padding-top: 1rem;
border-top: 1px solid var(--vgl-linie);
}
.vgl-label {
display: block;
font-size: 0.75rem;
letter-spacing: 0.06em;
text-transform: uppercase;
color: var(--vgl-leise);
margin-bottom: 0.375rem;
}
.vgl-wege {
display: grid;
gap: 1.5rem;
max-width: var(--vgl-text-weit);
counter-reset: none;
}
.vgl-weg .vgl-h3 {
display: inline;
font-size: inherit;
font-weight: 600;
color: var(--vgl-tinte);
}
.vgl-weg .vgl-h3::after {
content: "\00a0\00a0";
}
.vgl-weg p {
display: inline;
color: #4a464d;
}
.vgl-ai {
max-width: var(--vgl-text);
margin-top: 3rem;
padding: 1.75rem;
background: var(--vgl-karte);
border: 1px solid var(--vgl-linie);
border-radius: var(--vgl-radius);
}
.vgl-raus {
display: inline-flex;
align-items: center;
gap: 0.4rem;
margin-top: 1rem;
min-height: 44px;
font-weight: 700;
text-decoration: underline;
text-decoration-thickness: 1px;
text-underline-offset: 0.3em;
text-decoration-color: currentColor;
line-height: 1.2;
}
.vgl-raus-icon {
flex: none;
}
.vgl-rueck {
max-width: var(--vgl-text);
margin-top: 1.75rem !important;
color: #4a464d;
}
.vgl-cta {
margin-top: 3.5rem;
border-radius: var(--vgl-radius);
padding-left: 8%;
padding-right: 8%;
}
.vgl-faq-liste {
max-width: 52rem;
border-top: 1px solid var(--vgl-linie);
}
.vgl-frage {
padding: 1.625rem 0;
border-bottom: 1px solid var(--vgl-linie);
}
.vgl-frage p {
color: #4a464d;
max-width: var(--vgl-text-weit);
}
.vgl-faq {
max-width: 52rem;
border-top: 1px solid var(--vgl-linie);
}
.vgl-faq-eintrag {
border-bottom: 1px solid var(--vgl-linie);
}
.vgl-faq-frage {
display: flex;
align-items: baseline;
justify-content: space-between;
gap: 1.5rem;
padding: 1.625rem 0;
font-size: 1.0625rem;
font-weight: 700;
line-height: 1.35;
color: var(--vgl-tinte);
cursor: pointer;
list-style: none;
}
.vgl-faq-frage::-webkit-details-marker {
display: none;
}
.vgl-faq-frage::after {
content: "";
flex: 0 0 auto;
width: 0.5rem;
height: 0.5rem;
margin-top: 0.2rem;
border-right: 1.5px solid var(--vgl-leise);
border-bottom: 1.5px solid var(--vgl-leise);
transform: rotate(45deg);
transform-origin: 60% 60%;
transition: transform 0.2s ease;
}
.vgl-faq-eintrag[open] .vgl-faq-frage::after {
transform: rotate(-135deg);
}
.vgl-faq-frage:hover::after,
.vgl-faq-frage:focus-visible::after {
border-color: var(--vgl-tinte);
}
.vgl-faq-frage:focus-visible {
outline: 2px solid var(--vgl-tinte);
outline-offset: 4px;
border-radius: 4px;
}
.vgl-faq-antwort {
padding-bottom: 1.625rem;
}
.vgl-faq-antwort p {
color: #4a464d;
max-width: var(--vgl-text-weit);
margin: 0 !important;
}
@media (prefers-reduced-motion: reduce) {
.vgl-faq-frage::after {
transition: none;
}
}
.vgl-hinweis {
max-width: var(--vgl-max);
margin: 3.5rem auto 0 !important;
padding-top: 1.5rem;
border-top: 1px solid var(--vgl-linie);
font-size: 0.8125rem;
line-height: 1.6;
color: var(--vgl-leise);
}
.vgl [data-vgl-eintritt].hat-eintritt > * {
opacity: 0;
transform: translateY(8px);
}
.vgl [data-vgl-eintritt].hat-eintritt.ist-eingetreten > * {
opacity: 1;
transform: none;
transition:
opacity 0.45s cubic-bezier(0.22, 1, 0.36, 1),
transform 0.45s cubic-bezier(0.22, 1, 0.36, 1);
transition-delay: calc(var(--ve-index, 0) * 60ms);
}
@media (prefers-reduced-motion: reduce) {
.vgl [data-vgl-eintritt].hat-eintritt > * {
opacity: 1;
transform: none;
transition: none;
}
}
.vgl-teaser {
background: #f8f7f6;
padding: 2.5rem 5%;
font-family: Abcfavorit, Arial, sans-serif;
}
.vgl-teaser-inner {
max-width: 72rem;
margin: 0 auto;
padding-top: 2rem;
border-top: 1px solid #e3e0dd;
display: flex;
align-items: baseline;
justify-content: space-between;
gap: 1.5rem 2.5rem;
flex-wrap: wrap;
}
.vgl-teaser-text {
margin: 0;
max-width: 44rem;
font-size: 1rem;
line-height: 1.62;
color: #4a464d;
}
.vgl-teaser-link {
display: inline-flex;
align-items: center;
gap: 0.4rem;
min-height: 44px;
font-size: 1rem;
font-weight: 700;
color: #171417;
text-decoration: underline;
text-decoration-thickness: 1px;
text-underline-offset: 0.3em;
line-height: 1.2;
white-space: nowrap;
transition: gap 0.18s ease;
}
.vgl-teaser-link:hover {
gap: 0.65rem;
}
.vgl-teaser-link:focus-visible {
outline: 2px solid #171417;
outline-offset: 3px;
}
.vgl-teaser-pfeil {
flex: none;
}
@media (max-width: 47.99em) {
.vgl {
--vgl-sektion: 3.5rem;
}
.vgl-kopf {
padding-top: 3rem;
}
.vgl-tabelle-rahmen {
border: 0;
border-radius: 0;
background: none;
overflow-x: visible;
}
.vgl-tabelle {
min-width: 0;
display: block;
}
.vgl-tabelle thead {
position: absolute;
width: 1px;
height: 1px;
overflow: hidden;
clip-path: inset(50%);
white-space: nowrap;
}
.vgl-tabelle tbody,
.vgl-tr {
display: block;
}
.vgl-tr {
background: var(--vgl-karte);
border: 1px solid var(--vgl-linie);
border-radius: var(--vgl-radius);
padding: 1.375rem;
}
.vgl-tr + .vgl-tr {
margin-top: 1rem;
}
.vgl-tr + .vgl-tr :is(.vgl-kriterium, .vgl-td) {
border-top: 0;
}
.vgl-kriterium,
.vgl-td {
display: block;
width: auto;
padding: 0;
}
.vgl-kriterium {
padding-bottom: 1rem;
border-bottom: 1px solid var(--vgl-linie);
}
.vgl-kriterium-name {
font-size: 1.0625rem;
}
.vgl-td {
display: flex;
flex-wrap: wrap;
align-items: baseline;
gap: 0.25rem 0.75rem;
margin-top: 1.125rem;
background: none;
}
.vgl-td::before {
content: attr(data-modell);
font-size: 0.75rem;
letter-spacing: 0.06em;
text-transform: uppercase;
color: var(--vgl-leise);
}
.vgl-td .vgl-wert {
margin: 0 !important;
}
.vgl-td .vgl-td-text {
flex: 1 0 100%;
margin-top: 0.25rem;
}
.vgl-tabelle tbody .vgl-td.ist-unser {
border: 0;
border-left: 3px solid var(--vgl-akzent);
padding-left: 0.875rem;
background: #fff;
}
.vgl-tabelle tbody tr:last-child .vgl-td.ist-unser {
border-bottom: 0;
}
.vgl-td.ist-unser::before {
color: #c30025;
font-weight: 600;
}
.vgl-grenzen .vgl-punkte {
padding-left: 1.25rem;
}
.vgl-cta {
padding-left: 6%;
padding-right: 6%;
}
.vgl-teaser-inner {
flex-direction: column;
align-items: flex-start;
}
}
.vgl-tabelle-zwei {
min-width: 46rem;
}
.vgl-tabelle-zwei .vgl-kriterium {
width: 17rem;
}
.vgl-tabelle-drei {
min-width: 58rem;
}
.vgl-tabelle-drei .vgl-kriterium {
width: 13rem;
}
.vgl-beleg {
display: inline-block;
margin-left: 0.25em;
padding: 0.1em 0.4em;
border-radius: 999px;
background: #ece9e6;
color: var(--vgl-leise);
font-size: 0.6875rem;
line-height: 1.5;
text-decoration: none;
vertical-align: 0.35em;
white-space: nowrap;
}
.vgl-beleg:hover {
background: #e0dcd8;
color: var(--vgl-tinte);
}
.vgl-quellenliste {
max-width: 52rem;
display: grid;
gap: 1.25rem;
}
.vgl-quelle {
display: flex;
gap: 1rem;
padding-top: 1.125rem;
border-top: 1px solid var(--vgl-linie);
scroll-margin-top: 9rem;
}
.vgl-quelle:target .vgl-quelle-id {
background: var(--vgl-akzent);
color: #fff;
}
.vgl-quelle-id {
flex: none;
align-self: flex-start;
padding: 0.15em 0.55em;
border-radius: 999px;
background: #ece9e6;
color: var(--vgl-leise);
font-size: 0.6875rem;
line-height: 1.6;
transition:
background-color 0.2s ease,
color 0.2s ease;
}
.vgl-quelle-text {
display: grid;
gap: 0.25rem;
}
.vgl-quelle-text a {
font-weight: 700;
}
.vgl-quelle-datum {
font-size: 0.8125rem;
color: var(--vgl-leise);
}
.vgl-quelle-zitat {
font-size: 0.875rem;
line-height: 1.55;
color: #4a464d;
}
@media screen and (max-width: 47.99em) {
.vgl-tabelle-zwei,
.vgl-tabelle-drei {
min-width: 0;
}
}
.vgl-tabelle-uebersicht {
min-width: 52rem;
}
.vgl-tabelle-uebersicht .vgl-kriterium-name a {
font-size: 1.0625rem;
font-weight: 700;
}
.vgl-ag-stand {
display: block;
margin-top: 0.3rem;
font-size: 0.6875rem;
letter-spacing: 0.04em;
color: var(--vgl-leise);
}
.vgl-ag-leer {
color: var(--vgl-leise);
font-style: italic;
}
.vgl-ag-liste {
list-style: none;
margin: 0 !important;
padding: 0 !important;
display: grid;
gap: 0;
max-width: var(--vgl-text-weit);
}
.vgl-ag-eintrag {
padding: 1rem 0;
border-bottom: 1px solid var(--vgl-linie);
}
.vgl-ag-eintrag:last-child {
border-bottom: 0;
}
.vgl-ag-eintrag a {
font-size: 1.0625rem;
font-weight: 600;
}
.vgl-ag-eintrag-text {
display: block;
margin-top: 0.3rem;
font-size: 0.875rem;
line-height: 1.6;
color: #4a464d;
}
@media (max-width: 47.99em) {
.vgl-tabelle-uebersicht {
min-width: 0;
}
}
.spz-block {
background: #fbfaf9;
border-top: 1px solid rgba(23, 20, 23, 0.1);
padding: 4rem 0;
}
.spz-inner {
width: min(100% - 3rem, 68rem);
margin-inline: auto;
}
.spz-titel {
margin: 0 0 1.5rem;
font-size: 1.25rem;
line-height: 1.3;
font-weight: 600;
letter-spacing: -0.01em;
color: #171417;
}
.spz-liste {
list-style: none;
margin: 0;
padding: 0;
display: grid;
gap: 0;
grid-template-columns: repeat(auto-fit, minmax(min(100%, 22rem), 1fr));
}
.spz-eintrag {
padding: 0.875rem 1.5rem 0.875rem 0;
border-top: 1px solid rgba(23, 20, 23, 0.08);
}
.spz-link {
display: inline-flex;
align-items: baseline;
gap: 0.5rem;
font-size: 1rem;
line-height: 1.45;
font-weight: 500;
color: #171417;
text-decoration: none;
}
.spz-link:hover,
.spz-link:focus-visible {
text-decoration: underline;
text-underline-offset: 0.2em;
}
.spz-pfeil {
flex: 0 0 auto;
color: #c30025;
transform: translateY(0.05em);
}
.spz-hinweis {
display: block;
margin-top: 0.25rem;
font-size: 0.875rem;
line-height: 1.5;
color: #4a464d;
}
@media (max-width: 47.9375rem) {
.spz-block {
padding: 3rem 0;
}
.spz-inner {
width: calc(100% - 2rem);
}
}
.thm-kopf {
max-width: 46rem;
margin: 0 auto;
padding: 4.5rem 0 2.5rem;
text-align: center;
}
.thm-h1 {
margin: 0.75rem 0 1.25rem;
font-size: clamp(2.25rem, 1.5rem + 3vw, 3.5rem);
line-height: 1.08;
letter-spacing: -0.03em;
font-weight: 700;
color: var(--vgl-tinte, #171417);
}
.thm-einleitung {
margin: 0;
font-size: 1.125rem;
line-height: 1.55;
color: #4a464d;
}
.thm-sprung {
margin: 0 0 3rem;
border-block: 1px solid var(--vgl-linie, rgba(23, 20, 23, 0.12));
overflow-x: auto;
scrollbar-width: none;
}
.thm-sprung::-webkit-scrollbar {
display: none;
}
.thm-sprung ul {
display: flex;
gap: 1.75rem;
list-style: none;
margin: 0;
padding: 0.875rem 0;
white-space: nowrap;
}
.thm-sprung a {
font-size: 0.9375rem;
color: #4a464d;
text-decoration: none;
}
.thm-sprung a:hover,
.thm-sprung a:focus-visible {
color: #171417;
text-decoration: underline;
text-underline-offset: 0.2em;
}
.thm-bereich {
margin: 0 0 4rem;
scroll-margin-top: 6rem;
}
.thm-bereich-kopf {
display: flex;
flex-wrap: wrap;
align-items: baseline;
justify-content: space-between;
gap: 0.75rem 1.5rem;
}
.thm-h2 {
margin: 0;
font-size: clamp(1.5rem, 1.1rem + 1.4vw, 2rem);
line-height: 1.2;
letter-spacing: -0.02em;
font-weight: 700;
color: #171417;
}
.thm-leistung {
display: inline-flex;
align-items: center;
gap: 0.4rem;
font-size: 0.9375rem;
font-weight: 500;
color: #171417;
text-decoration: none;
border-bottom: 1px solid rgba(23, 20, 23, 0.25);
padding-bottom: 2px;
}
.thm-leistung:hover,
.thm-leistung:focus-visible {
border-bottom-color: #c30025;
}
.thm-pfeil {
flex: 0 0 auto;
color: #c30025;
}
.thm-anzahl {
margin: 0.5rem 0 1.5rem;
font-size: 0.875rem;
color: #6b666e;
}
.thm-raster {
list-style: none;
margin: 0;
padding: 0;
display: grid;
gap: 1rem;
grid-template-columns: repeat(auto-fill, minmax(min(100%, 20rem), 1fr));
}
.thm-karte {
display: flex;
}
.thm .thm-link,
.thm .thm-leistung {
text-decoration: none;
}
.thm-link {
display: flex;
flex-direction: column;
gap: 0.5rem;
width: 100%;
padding: 1.5rem;
background: #fff;
border: 1px solid rgba(23, 20, 23, 0.1);
border-radius: 0.75rem;
text-decoration: none;
transition:
border-color 0.2s ease,
transform 0.2s ease;
}
.thm .thm-link:hover,
.thm .thm-link:focus-visible {
border-color: rgba(195, 0, 37, 0.45);
transform: translateY(-2px);
}
.thm .thm-link:hover .thm-frage,
.thm .thm-link:focus-visible .thm-frage {
text-decoration: underline;
text-underline-offset: 0.18em;
}
@media (prefers-reduced-motion: reduce) {
.thm-link {
transition: none;
}
.thm-link:hover,
.thm-link:focus-visible {
transform: none;
}
}
.thm-frage {
font-size: 1.0625rem;
line-height: 1.35;
font-weight: 600;
letter-spacing: -0.01em;
color: #171417;
}
.thm-titel {
font-size: 0.9375rem;
line-height: 1.5;
color: #4a464d;
}
.thm-mehr {
display: inline-flex;
align-items: center;
gap: 0.35rem;
margin-top: auto;
padding-top: 0.5rem;
font-size: 0.875rem;
font-weight: 500;
color: #171417;
}
@media (max-width: 47.9375rem) {
.thm-kopf {
padding: 3rem 0 2rem;
text-align: left;
}
.thm-bereich {
margin-bottom: 3rem;
}
.thm-link {
padding: 1.25rem;
}
}
.vgl-krume {
padding-top: 2rem;
overflow-x: auto;
scrollbar-width: none;
}
.vgl-krume::-webkit-scrollbar {
display: none;
}
.vgl-krume ol {
display: flex;
flex-wrap: nowrap;
align-items: baseline;
gap: 0.5rem;
list-style: none;
margin: 0;
padding: 0;
white-space: nowrap;
font-size: 0.8125rem;
color: #6b666e;
}
.vgl-krume li + li::before {
content: "›";
margin-right: 0.5rem;
color: #b9b5ba;
}
.vgl-krume a {
color: #4a464d;
}
.vgl-krume [aria-current="page"] {
color: #171417;
max-width: 28rem;
overflow: hidden;
text-overflow: ellipsis;
display: inline-block;
vertical-align: bottom;
}
.vgl-krume-text {
color: #6b666e;
}
@media (max-width: 47.9375rem) {
.vgl-krume {
padding-top: 1.25rem;
}
.vgl-krume [aria-current="page"] {
max-width: 14rem;
}
}
.vgl-plattform-link {
margin-top: 1.25rem;
}
.vgl-plattform-link a {
font-weight: 600;
}
.vgl-abschluss-leise {
margin-top: 1.25rem;
font-size: 0.94em;
opacity: 0.78;
}
.vgl-aiops .vgl-bruecke {
max-width: var(--vgl-text);
}
.vgl-aiops .vgl-bruecke-satz {
margin: 0 0 1rem;
}
.vgl-aiops .vgl-bruecke-satz:last-child {
margin-bottom: 0;
}
.vgl-aiops .vgl-uebergang {
position: relative;
isolation: isolate;
overflow: hidden;
max-width: none;
width: auto;
margin-inline: calc(-100% / 18);
margin-top: var(--vgl-sektion);
padding: 6rem 1.5rem;
background: var(--vgl-tinte);
color: #fff;
}
.vgl-aiops .vgl-uebergang::before,
.vgl-aiops .vgl-uebergang::after {
content: "";
position: absolute;
inset: 0;
z-index: -1;
pointer-events: none;
}
.vgl-aiops .vgl-uebergang::before {
background:
radial-gradient(1.4px 1.4px at 22% 26%, rgba(255, 255, 255, 0.5), transparent 60%),
radial-gradient(1.2px 1.2px at 71% 22%, rgba(255, 255, 255, 0.4), transparent 60%),
radial-gradient(1.6px 1.6px at 84% 58%, rgba(255, 255, 255, 0.34), transparent 60%),
radial-gradient(1.2px 1.2px at 13% 66%, rgba(255, 255, 255, 0.36), transparent 60%),
radial-gradient(1.3px 1.3px at 63% 78%, rgba(255, 255, 255, 0.3), transparent 60%),
radial-gradient(1.5px 1.5px at 37% 86%, rgba(255, 255, 255, 0.26), transparent 60%),
url("/images/ai-operations-tiefe.svg") center / 100% 100% no-repeat;
}
.vgl-aiops .vgl-uebergang::after {
background:
radial-gradient(34% 40% at 50% 40%, rgba(255, 255, 255, 0.07), transparent 70%),
radial-gradient(22% 26% at 50% 40%, rgba(228, 0, 43, 0.1), transparent 72%),
radial-gradient(95% 78% at 50% 42%, transparent 42%, rgba(0, 0, 0, 0.5) 100%);
}
.vgl-aiops .vgl-uebergang-innen {
position: relative;
z-index: 1;
}
.vgl-aiops .vgl-uebergang::before,
.vgl-aiops .vgl-uebergang + .vgl-sektion::before {
content: none;
}
.vgl-aiops .vgl-uebergang + .vgl-sektion {
padding-top: var(--vgl-sektion);
}
.vgl-aiops .vgl-uebergang-innen {
max-width: var(--vgl-text);
margin: 0 auto;
text-align: center;
}
.vgl-aiops .vgl-uebergang-logo {
display: block;
width: min(320px, 72vw);
height: auto;
margin: 0 auto 2.25rem;
}
.vgl-aiops .vgl-uebergang-claim {
margin: 0 0 2rem;
font-size: 12.5px;
font-weight: 600;
letter-spacing: 0.16em;
text-transform: uppercase;
color: rgba(255, 255, 255, 0.66);
}
.vgl-aiops .vgl-uebergang-satz {
margin: 0 auto 1.1rem;
max-width: 38rem;
font-size: 1.0625rem;
line-height: 1.7;
color: rgba(255, 255, 255, 0.9);
}
.vgl-aiops .vgl-uebergang-satz:last-of-type {
margin-bottom: 2.5rem;
color: rgba(255, 255, 255, 0.66);
}
.vgl-aiops .vgl-uebergang-knopf {
display: inline-flex;
align-items: center;
gap: 0.6em;
min-height: 56px;
padding: 0 1.9rem;
border-radius: 999px;
background: #fff;
color: var(--vgl-tinte);
font-size: 16.5px;
font-weight: 600;
letter-spacing: -0.004em;
text-decoration: none;
transition:
transform 0.18s ease,
box-shadow 0.18s ease;
}
.vgl-aiops .vgl-uebergang-knopf:hover {
transform: translateY(-1px);
box-shadow: 0 12px 26px -12px rgba(0, 0, 0, 0.6);
}
.vgl-aiops .vgl-uebergang-knopf:focus-visible {
outline: 2px solid #fff;
outline-offset: 3px;
}
.vgl-aiops .vgl-uebergang-knopf svg {
flex: none;
color: var(--vgl-akzent);
}
.vgl-aiops .vgl-textlink {
color: inherit;
text-decoration: underline;
text-underline-offset: 0.18em;
text-decoration-thickness: 1.5px;
text-decoration-color: var(--vgl-akzent);
}
.vgl-aiops .vgl-textlink:hover {
text-decoration-thickness: 2.5px;
}
@media (max-width: 767px) {
.vgl-aiops .vgl-uebergang {
padding: 4rem 1.25rem;
}
.vgl-aiops .vgl-uebergang-logo {
width: min(232px, 64vw);
margin-bottom: 1.75rem;
}
.vgl-aiops .vgl-uebergang-knopf {
width: 100%;
justify-content: center;
padding: 0 1.25rem;
}
}
@media (prefers-reduced-motion: reduce) {
.vgl-aiops .vgl-uebergang-knopf {
transition: none;
}
.vgl-aiops .vgl-uebergang-knopf:hover {
transform: none;
}
}
.vgl-aiops .vgl-hai-pfad {
display: flex;
align-items: center;
justify-content: space-between;
gap: 1.5rem 2.5rem;
flex-wrap: wrap;
max-width: var(--vgl-text-weit);
margin: 0 0 1rem;
padding: 1.5rem 1.75rem;
background: var(--vgl-karte);
border: 1px solid var(--vgl-linie);
border-radius: var(--vgl-radius);
text-decoration: none;
color: inherit;
transition:
border-color 0.18s ease,
box-shadow 0.18s ease,
transform 0.18s ease;
}
.vgl-aiops .vgl-hai-pfad:hover {
border-color: #c9c5c1;
box-shadow: 0 10px 28px -18px rgba(23, 20, 23, 0.35);
transform: translateY(-1px);
}
.vgl-aiops .vgl-hai-pfad:focus-visible {
outline: 2px solid var(--vgl-tinte);
outline-offset: 3px;
}
.vgl-aiops .vgl-hai-pfad-text {
display: block;
flex: 1 1 24rem;
min-width: 0;
}
.vgl-aiops .vgl-hai-pfad-name {
display: flex;
align-items: baseline;
gap: 0.75rem;
font-size: 1.125rem;
font-weight: 700;
letter-spacing: -0.01em;
}
.vgl-aiops .vgl-hai-pfad-claim {
font-size: 0.8125rem;
font-weight: 400;
letter-spacing: 0.07em;
text-transform: uppercase;
color: var(--vgl-leise);
}
.vgl-aiops .vgl-hai-pfad-satz {
display: block;
margin-top: 0.375rem;
font-size: 0.9375rem;
line-height: 1.6;
color: #4a464d;
}
.vgl-aiops .vgl-hai-pfad-knopf {
display: inline-flex;
align-items: center;
gap: 0.55em;
min-height: 44px;
padding: 0 1.4rem;
border-radius: 999px;
background: var(--vgl-tinte);
color: #fff;
font-size: 0.9375rem;
font-weight: 600;
white-space: nowrap;
}
@media (max-width: 640px) {
.vgl-aiops .vgl-hai-pfad {
padding: 1.25rem 1.25rem;
}
}
.page-wrapper:has(article.vgl) {
background: var(--vgl-grund, #f8f7f6);
}
.vgl-situationen {
grid-template-columns: repeat(auto-fit, minmax(min(19rem, 100%), 1fr));
gap: 1.25rem;
max-width: var(--vgl-max);
}
.vgl-situation {
background: var(--vgl-karte);
border: 1px solid var(--vgl-linie);
border-radius: var(--vgl-radius);
padding: 1.75rem 1.75rem 1.5rem;
transition:
transform 0.25s var(--nv2-ease, ease),
box-shadow 0.25s var(--nv2-ease, ease);
}
.vgl-situation:hover {
transform: translateY(-2px);
box-shadow: 0 16px 32px -20px rgba(23, 20, 23, 0.28);
}
.vgl-wege {
grid-template-columns: repeat(auto-fit, minmax(min(19rem, 100%), 1fr));
gap: 1.25rem;
max-width: var(--vgl-max);
counter-reset: vglweg;
}
.vgl-weg {
counter-increment: vglweg;
background: var(--vgl-karte);
border: 1px solid var(--vgl-linie);
border-radius: var(--vgl-radius);
padding: 1.6rem 1.6rem 1.5rem;
transition:
transform 0.25s var(--nv2-ease, ease),
box-shadow 0.25s var(--nv2-ease, ease);
}
.vgl-weg:hover {
transform: translateY(-2px);
box-shadow: 0 16px 32px -20px rgba(23, 20, 23, 0.28);
}
.vgl-weg::before {
content: counter(vglweg);
display: flex;
align-items: center;
justify-content: center;
width: 2.25rem;
height: 2.25rem;
margin-bottom: 1rem;
border-radius: 999px;
background: rgba(228, 0, 43, 0.08);
color: #d00027;
font-size: 1rem;
font-weight: 700;
font-variant-numeric: tabular-nums;
}
.vgl-weg .vgl-h3 {
display: block;
font-size: 1.0625rem;
margin: 0 0 0.5rem !important;
}
.vgl-weg .vgl-h3::after {
content: none;
}
.vgl-weg p {
display: block;
}
.vgl-ag-liste {
grid-template-columns: repeat(auto-fit, minmax(min(18rem, 100%), 1fr));
gap: 1rem;
max-width: var(--vgl-max);
}
.vgl-ag-eintrag {
position: relative;
padding: 1.15rem 2.9rem 1.1rem 1.35rem;
border: 1px solid var(--vgl-linie);
border-bottom: 1px solid var(--vgl-linie);
border-radius: 14px;
background: var(--vgl-karte);
transition:
transform 0.25s var(--nv2-ease, ease),
box-shadow 0.25s var(--nv2-ease, ease);
}
.vgl-ag-eintrag:hover {
transform: translateY(-2px);
box-shadow: 0 16px 32px -20px rgba(23, 20, 23, 0.28);
}
.vgl-ag-eintrag > a {
font-weight: 600;
text-decoration: none;
color: inherit;
}
.vgl-ag-eintrag > a::before {
content: "";
position: absolute;
inset: 0;
border-radius: inherit;
}
.vgl-ag-eintrag::after {
content: "";
position: absolute;
top: 1.3rem;
right: 1.2rem;
width: 14px;
height: 14px;
background:
url('data:image/svg+xml;utf8,<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 16 16" fill="none"><path d="M2.5 8h10M8.5 3.5 13 8l-4.5 4.5" stroke="%236b696d" stroke-width="1.6" stroke-linecap="round" stroke-linejoin="round"/></svg>')
center / contain no-repeat;
transition: transform 0.25s var(--nv2-ease, ease);
}
.vgl-ag-eintrag:hover::after {
transform: translateX(3px);
}
.vgl-band {
max-width: none;
margin-inline: calc(-100% / 18);
margin-top: var(--vgl-sektion);
border-radius: 32px;
background: #171417;
color: #fff;
padding: 4.5rem clamp(1.5rem, 5vw, 5.5rem) 5rem;
}
.vgl-sektion + .vgl-band::before,
.vgl-band + .vgl-sektion::before {
content: none;
}
.vgl-band .vgl-h2,
.vgl-band .vgl-h3 {
color: #fff;
}
.vgl-band p,
.vgl-band .vgl-vorspann,
.vgl-band .vgl-situation-text,
.vgl-band .vgl-situation-empfehlung {
color: #cfccce;
}
.vgl-band .vgl-label {
color: #9b979b;
}
.vgl-band a {
color: #fff;
}
.vgl-band .vgl-beleg {
background: rgba(255, 255, 255, 0.12);
color: #cfccce;
}
.vgl-band .vgl-beleg:hover,
.vgl-band .vgl-beleg:focus-visible {
background: rgba(255, 255, 255, 0.22);
color: #fff;
}
.vgl-band .vgl-situation,
.vgl-band .vgl-weg {
background: #221f22;
border-color: rgba(255, 255, 255, 0.08);
}
.vgl-band .vgl-situation:hover,
.vgl-band .vgl-weg:hover {
box-shadow: 0 18px 36px -20px rgba(0, 0, 0, 0.7);
}
.vgl-band .vgl-weg::before {
background: rgba(228, 0, 43, 0.16);
color: #ff5c77;
}
.vgl-band .vgl-termin {
display: inline-flex;
align-items: center;
gap: 0.6em;
min-height: 54px;
padding: 0 1.9rem;
border-radius: 999px;
background: var(--vgl-akzent);
color: #fff;
font-size: 1.0313rem;
font-weight: 600;
text-decoration: none;
transition:
transform 0.18s var(--nv2-ease, ease),
box-shadow 0.18s var(--nv2-ease, ease);
}
.vgl-band .vgl-termin:hover {
transform: translateY(-1px);
box-shadow: 0 14px 30px -14px rgba(228, 0, 43, 0.55);
}
.vgl-band .vgl-abschluss-aktion {
margin-top: 2rem;
}
.vgl-band .vgl-raus,
.vgl-band .vgl-rueck a {
color: #fff;
}
.vgl-band .zn-cases {
grid-template-columns: repeat(auto-fit, minmax(min(15rem, 100%), 1fr));
gap: 1.25rem;
max-width: none;
margin-top: 1.75rem;
}
.vgl-band .zn-case {
background: #221f22;
border-color: rgba(255, 255, 255, 0.08);
border-radius: var(--vgl-radius);
padding: 1.5rem 1.5rem 1.4rem;
transition:
transform 0.25s var(--nv2-ease, ease),
box-shadow 0.25s var(--nv2-ease, ease);
}
.vgl-band .zn-case:hover {
transform: translateY(-2px);
box-shadow: 0 18px 36px -20px rgba(0, 0, 0, 0.7);
}
.vgl-band .zn-case-name {
color: #cfccce;
}
.vgl-band .zn-case-wert {
display: block;
font-size: clamp(1.75rem, 1.2rem + 1.6vw, 2.5rem);
line-height: 1.1;
letter-spacing: -0.02em;
color: #fff;
}
.vgl-band .zn-case-wort {
color: #b9b5b9;
}
@media (max-width: 640px) {
.vgl-band {
border-radius: 24px;
padding: 3rem 1.25rem 3.5rem;
}
}
.vgl-band .vgl-ai {
background: #221f22;
border-color: rgba(255, 255, 255, 0.08);
}
.vgl .tb-tor {
position: relative;
isolation: isolate;
overflow: hidden;
max-width: none;
margin-inline: calc(-100% / 18);
margin-top: 3rem;
padding: 4rem clamp(1.5rem, 5vw, 5rem) 4.25rem;
border-radius: 28px;
background: var(--vgl-tinte);
color: #fff;
}
.vgl .tb-tor-raum {
position: absolute;
inset: 0;
z-index: -1;
pointer-events: none;
background:
radial-gradient(52% 120% at 50% 116%, rgba(255, 255, 255, 0.16) 0%, rgba(255, 255, 255, 0) 62%),
url("/images/ai-operations-tiefe.svg") center bottom / 118% 190% no-repeat,
radial-gradient(120% 140% at 50% 100%, rgba(0, 0, 0, 0) 38%, rgba(0, 0, 0, 0.55) 100%);
opacity: 0.9;
}
.vgl .tb-tor-inhalt {
position: relative;
max-width: var(--vgl-text-weit);
}
.vgl .tb-tor-dach {
font-size: 0.8125rem;
letter-spacing: 0.08em;
text-transform: uppercase;
color: rgba(255, 255, 255, 0.72);
margin-bottom: 0.875rem !important;
}
.vgl .tb-tor-satz {
font-size: clamp(1.25rem, 0.95rem + 1vw, 1.75rem);
font-weight: 700;
line-height: 1.32;
letter-spacing: -0.015em;
color: #fff;
margin-bottom: 2rem !important;
text-wrap: balance;
}
.vgl .tb-tor-knopf {
display: inline-flex;
align-items: center;
gap: 0.6em;
min-height: 56px;
padding: 0 1.9rem;
border-radius: 999px;
background: #fff;
color: var(--vgl-tinte);
font-size: 16.5px;
font-weight: 600;
text-decoration: none;
transition:
transform 0.18s var(--nv2-ease, ease),
box-shadow 0.18s var(--nv2-ease, ease);
}
.vgl .tb-tor-knopf:hover {
transform: translateY(-1px);
box-shadow: 0 14px 30px -14px rgba(0, 0, 0, 0.7);
}
.vgl .tb-tor-knopf:focus-visible {
outline: 2px solid #fff;
outline-offset: 3px;
}
.vgl .tb-tor.hat-eintritt .tb-tor-raum {
opacity: 0;
transform: scale(1.14) translateY(14px);
}
.vgl .tb-tor.hat-eintritt.ist-eingetreten .tb-tor-raum {
opacity: 0.9;
transform: none;
transition:
opacity 1.1s cubic-bezier(0.22, 1, 0.36, 1),
transform 1.1s cubic-bezier(0.22, 1, 0.36, 1);
}
@media (prefers-reduced-motion: reduce) {
.vgl .tb-tor.hat-eintritt .tb-tor-raum {
opacity: 0.9;
transform: none;
transition: none;
}
}
@media (max-width: 640px) {
.vgl .tb-tor {
border-radius: 22px;
padding: 2.75rem 1.25rem 3rem;
}
}
.vgl-tb .tb-zahlen {
display: grid;
grid-template-columns: repeat(auto-fit, minmax(min(17rem, 100%), 1fr));
gap: 1.25rem;
margin-top: 2.5rem;
}
.vgl-tb .tb-zahl {
padding: 1.75rem 1.75rem 1.6rem;
background: var(--vgl-karte);
border: 1px solid var(--vgl-linie);
border-radius: var(--vgl-radius);
}
.vgl-tb .tb-zahl-wert {
display: block;
font-size: clamp(1.875rem, 1.3rem + 1.6vw, 2.625rem);
font-weight: 700;
line-height: 1.1;
letter-spacing: -0.02em;
color: var(--vgl-tinte);
}
.vgl-tb .tb-zahl-wort {
display: block;
margin-top: 0.5rem;
font-size: 0.9375rem;
line-height: 1.55;
color: #4a464d;
}
.vgl-ag-eintrag-still::after {
content: none;
}
.tb-liste-wort {
display: block;
font-weight: 600;
color: var(--vgl-tinte);
}
.vgl-ag-eintrag-still {
padding-right: 1.35rem;
}
.vgl-tb-quelle {
margin-top: var(--vgl-sektion);
}
.vgl .vgl-direktantwort {
position: relative;
max-width: var(--vgl-text-weit);
padding-left: 1.5rem;
font-size: 1.0625rem;
line-height: 1.7;
}
.vgl .vgl-direktantwort::before {
content: "";
position: absolute;
left: 0;
top: 0.35em;
bottom: 0.35em;
width: 3px;
border-radius: 2px;
background: var(--vgl-akzent);
}
.vgl-band .vgl-direktantwort::before {
background: rgba(255, 255, 255, 0.28);
}
.vgl .vgl-faq-liste {
display: grid;
grid-template-columns: repeat(auto-fit, minmax(min(21rem, 100%), 1fr));
gap: 1.25rem;
max-width: var(--vgl-max);
}
.vgl .vgl-faq-liste .vgl-frage {
margin: 0;
padding: 1.6rem 1.6rem 1.5rem;
background: var(--vgl-karte);
border: 1px solid var(--vgl-linie);
border-radius: var(--vgl-radius);
}
.vgl-band .vgl-faq-liste .vgl-frage {
background: #221f22;
border-color: rgba(255, 255, 255, 0.08);
}
.vgl .vgl-faq:not(.vgl-sektion) {
display: grid;
grid-template-columns: repeat(auto-fit, minmax(min(23rem, 100%), 1fr));
gap: 1rem 1.25rem;
max-width: var(--vgl-max);
}
.vgl .vgl-faq .vgl-faq-eintrag {
margin: 0;
padding: 0 1.4rem;
background: var(--vgl-karte);
border: 1px solid var(--vgl-linie);
border-radius: 14px;
transition: box-shadow 0.25s var(--nv2-ease, ease);
}
.vgl .vgl-faq .vgl-faq-eintrag[open],
.vgl .vgl-faq .vgl-faq-eintrag:hover {
box-shadow: 0 14px 30px -22px rgba(23, 20, 23, 0.3);
}
.vgl .vgl-quellenliste {
grid-template-columns: repeat(auto-fit, minmax(min(24rem, 100%), 1fr));
gap: 1rem 2.5rem;
max-width: var(--vgl-max);
}
.thm .thm-zahlen {
display: flex;
flex-wrap: wrap;
gap: 1rem 3.5rem;
margin-top: 2.5rem;
}
.thm .thm-zahl {
max-width: 18rem;
}
.thm .thm-zahl-wert {
display: block;
font-size: clamp(2rem, 1.4rem + 1.8vw, 3rem);
font-weight: 700;
line-height: 1.05;
letter-spacing: -0.025em;
color: var(--vgl-tinte);
}
.thm .thm-zahl-wort {
display: block;
margin-top: 0.375rem;
font-size: 0.9375rem;
line-height: 1.5;
color: #4a464d;
}
.vgl .vgl-punkte {
grid-template-columns: repeat(auto-fit, minmax(min(20rem, 100%), 1fr));
gap: 1.25rem;
max-width: var(--vgl-max);
}
.vgl .vgl-punkte > p,
.vgl .vgl-punkte > .vgl-punkt {
margin: 0;
max-width: none;
padding: 1.75rem 1.75rem 1.5rem;
background: var(--vgl-karte);
border: 1px solid var(--vgl-linie);
border-radius: var(--vgl-radius);
transition:
transform 0.25s var(--nv2-ease, ease),
box-shadow 0.25s var(--nv2-ease, ease);
}
.vgl .vgl-punkte > p:hover,
.vgl .vgl-punkte > .vgl-punkt:hover {
transform: translateY(-2px);
box-shadow: 0 16px 32px -20px rgba(23, 20, 23, 0.28);
}
.vgl-band .vgl-punkte > p,
.vgl-band .vgl-punkte > .vgl-punkt {
background: #221f22;
border-color: rgba(255, 255, 255, 0.08);
}
.vgl-tb .tb-nutzen {
list-style: none;
margin: 0 !important;
padding: 0 !important;
display: grid;
grid-template-columns: repeat(auto-fit, minmax(min(19rem, 100%), 1fr));
gap: 1.25rem;
max-width: var(--vgl-max);
}
.vgl-tb .tb-nutzen-punkt {
position: relative;
padding: 1.5rem 1.5rem 1.4rem 2.75rem;
background: var(--vgl-karte);
border: 1px solid var(--vgl-linie);
border-radius: var(--vgl-radius);
font-size: 1rem;
line-height: 1.6;
color: #363131;
}
.vgl-tb .tb-nutzen-punkt::before {
content: "";
position: absolute;
left: 1.25rem;
top: 1.75rem;
width: 14px;
height: 14px;
background:
url('data:image/svg+xml;utf8,<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 16 16" fill="none"><path d="M3 8.5 6.2 12 13 4.5" stroke="%23d00027" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"/></svg>')
center / contain no-repeat;
}
.vgl-tb .tb-case-satz {
display: block;
margin-top: 0.5rem;
font-size: 0.9375rem;
line-height: 1.6;
color: #4a464d;
}
.vgl-tb .zn-cases {
max-width: 34rem;
}
.vgl .tb-weg {
display: flex;
flex-direction: column;
align-items: flex-start;
gap: 0.75rem;
padding: 1.75rem 1.75rem 1.6rem;
border-radius: var(--vgl-radius);
background: rgba(255, 255, 255, 0.06);
border: 1px solid rgba(255, 255, 255, 0.12);
}
.vgl .tb-weg-text {
margin: 0 0 0.5rem !important;
font-size: 0.9375rem;
line-height: 1.6;
color: #cfccce;
}
.vgl .tb-weg .tb-tor-knopf {
margin-top: auto;
min-height: 52px;
font-size: 1rem;
}
@media (max-width: 640px) {
.vgl .tb-weg {
padding: 1.4rem 1.25rem 1.3rem;
}
}
.vgl .vgl-kalender {
flex: none;
}
.vgl .vgl-situationen,
.vgl .vgl-punkte,
.vgl .vgl-ag-liste,
.vgl .tb-nutzen,
.vgl .vgl-faq-liste,
.vgl .vgl-faq:not(.vgl-sektion),
.vgl .thm-raster,
.vgl .zn-cases,
.vgl .vgl-wege {
display: grid;
grid-template-columns: repeat(6, minmax(0, 1fr));
align-items: stretch;
list-style: none;
padding-left: 0;
}
.vgl .vgl-situationen > :where(:first-child:nth-last-child(1), :first-child:nth-last-child(1) ~ *),
.vgl .vgl-punkte > :where(:first-child:nth-last-child(1), :first-child:nth-last-child(1) ~ *),
.vgl .vgl-ag-liste > :where(:first-child:nth-last-child(1), :first-child:nth-last-child(1) ~ *),
.vgl .tb-nutzen > :where(:first-child:nth-last-child(1), :first-child:nth-last-child(1) ~ *),
.vgl .vgl-faq-liste > :where(:first-child:nth-last-child(1), :first-child:nth-last-child(1) ~ *),
.vgl .vgl-faq:not(.vgl-sektion) > :where(:first-child:nth-last-child(1), :first-child:nth-last-child(1) ~ *),
.vgl .thm-raster > :where(:first-child:nth-last-child(1), :first-child:nth-last-child(1) ~ *),
.vgl .zn-cases > :where(:first-child:nth-last-child(1), :first-child:nth-last-child(1) ~ *),
.vgl .vgl-wege > :where(:first-child:nth-last-child(1), :first-child:nth-last-child(1) ~ *) {
grid-column: span 6;
}
.vgl .vgl-situationen > :where(:first-child:nth-last-child(2), :first-child:nth-last-child(2) ~ *),
.vgl .vgl-punkte > :where(:first-child:nth-last-child(2), :first-child:nth-last-child(2) ~ *),
.vgl .vgl-ag-liste > :where(:first-child:nth-last-child(2), :first-child:nth-last-child(2) ~ *),
.vgl .tb-nutzen > :where(:first-child:nth-last-child(2), :first-child:nth-last-child(2) ~ *),
.vgl .vgl-faq-liste > :where(:first-child:nth-last-child(2), :first-child:nth-last-child(2) ~ *),
.vgl .vgl-faq:not(.vgl-sektion) > :where(:first-child:nth-last-child(2), :first-child:nth-last-child(2) ~ *),
.vgl .thm-raster > :where(:first-child:nth-last-child(2), :first-child:nth-last-child(2) ~ *),
.vgl .zn-cases > :where(:first-child:nth-last-child(2), :first-child:nth-last-child(2) ~ *),
.vgl .vgl-wege > :where(:first-child:nth-last-child(2), :first-child:nth-last-child(2) ~ *) {
grid-column: span 3;
}
.vgl .vgl-situationen > :where(:first-child:nth-last-child(3), :first-child:nth-last-child(3) ~ *),
.vgl .vgl-punkte > :where(:first-child:nth-last-child(3), :first-child:nth-last-child(3) ~ *),
.vgl .vgl-ag-liste > :where(:first-child:nth-last-child(3), :first-child:nth-last-child(3) ~ *),
.vgl .tb-nutzen > :where(:first-child:nth-last-child(3), :first-child:nth-last-child(3) ~ *),
.vgl .vgl-faq-liste > :where(:first-child:nth-last-child(3), :first-child:nth-last-child(3) ~ *),
.vgl .vgl-faq:not(.vgl-sektion) > :where(:first-child:nth-last-child(3), :first-child:nth-last-child(3) ~ *),
.vgl .thm-raster > :where(:first-child:nth-last-child(3), :first-child:nth-last-child(3) ~ *),
.vgl .zn-cases > :where(:first-child:nth-last-child(3), :first-child:nth-last-child(3) ~ *),
.vgl .vgl-wege > :where(:first-child:nth-last-child(3), :first-child:nth-last-child(3) ~ *) {
grid-column: span 2;
}
.vgl .vgl-situationen > :where(:first-child:nth-last-child(4), :first-child:nth-last-child(4) ~ *),
.vgl .vgl-punkte > :where(:first-child:nth-last-child(4), :first-child:nth-last-child(4) ~ *),
.vgl .vgl-ag-liste > :where(:first-child:nth-last-child(4), :first-child:nth-last-child(4) ~ *),
.vgl .tb-nutzen > :where(:first-child:nth-last-child(4), :first-child:nth-last-child(4) ~ *),
.vgl .vgl-faq-liste > :where(:first-child:nth-last-child(4), :first-child:nth-last-child(4) ~ *),
.vgl .vgl-faq:not(.vgl-sektion) > :where(:first-child:nth-last-child(4), :first-child:nth-last-child(4) ~ *),
.vgl .thm-raster > :where(:first-child:nth-last-child(4), :first-child:nth-last-child(4) ~ *),
.vgl .zn-cases > :where(:first-child:nth-last-child(4), :first-child:nth-last-child(4) ~ *),
.vgl .vgl-wege > :where(:first-child:nth-last-child(4), :first-child:nth-last-child(4) ~ *) {
grid-column: span 3;
}
.vgl .vgl-situationen > :where(:first-child:nth-last-child(5), :first-child:nth-last-child(5) ~ *),
.vgl .vgl-punkte > :where(:first-child:nth-last-child(5), :first-child:nth-last-child(5) ~ *),
.vgl .vgl-ag-liste > :where(:first-child:nth-last-child(5), :first-child:nth-last-child(5) ~ *),
.vgl .tb-nutzen > :where(:first-child:nth-last-child(5), :first-child:nth-last-child(5) ~ *),
.vgl .vgl-faq-liste > :where(:first-child:nth-last-child(5), :first-child:nth-last-child(5) ~ *),
.vgl .vgl-faq:not(.vgl-sektion) > :where(:first-child:nth-last-child(5), :first-child:nth-last-child(5) ~ *),
.vgl .thm-raster > :where(:first-child:nth-last-child(5), :first-child:nth-last-child(5) ~ *),
.vgl .zn-cases > :where(:first-child:nth-last-child(5), :first-child:nth-last-child(5) ~ *),
.vgl .vgl-wege > :where(:first-child:nth-last-child(5), :first-child:nth-last-child(5) ~ *) {
grid-column: span 2;
}
.vgl .vgl-situationen > :where(:first-child:nth-last-child(5) ~ :nth-child(n + 4)),
.vgl .vgl-punkte > :where(:first-child:nth-last-child(5) ~ :nth-child(n + 4)),
.vgl .vgl-ag-liste > :where(:first-child:nth-last-child(5) ~ :nth-child(n + 4)),
.vgl .tb-nutzen > :where(:first-child:nth-last-child(5) ~ :nth-child(n + 4)),
.vgl .vgl-faq-liste > :where(:first-child:nth-last-child(5) ~ :nth-child(n + 4)),
.vgl .vgl-faq:not(.vgl-sektion) > :where(:first-child:nth-last-child(5) ~ :nth-child(n + 4)),
.vgl .thm-raster > :where(:first-child:nth-last-child(5) ~ :nth-child(n + 4)),
.vgl .zn-cases > :where(:first-child:nth-last-child(5) ~ :nth-child(n + 4)),
.vgl .vgl-wege > :where(:first-child:nth-last-child(5) ~ :nth-child(n + 4)) {
grid-column: span 3;
}
.vgl .vgl-situationen > :where(:first-child:nth-last-child(6), :first-child:nth-last-child(6) ~ *),
.vgl .vgl-punkte > :where(:first-child:nth-last-child(6), :first-child:nth-last-child(6) ~ *),
.vgl .vgl-ag-liste > :where(:first-child:nth-last-child(6), :first-child:nth-last-child(6) ~ *),
.vgl .tb-nutzen > :where(:first-child:nth-last-child(6), :first-child:nth-last-child(6) ~ *),
.vgl .vgl-faq-liste > :where(:first-child:nth-last-child(6), :first-child:nth-last-child(6) ~ *),
.vgl .vgl-faq:not(.vgl-sektion) > :where(:first-child:nth-last-child(6), :first-child:nth-last-child(6) ~ *),
.vgl .thm-raster > :where(:first-child:nth-last-child(6), :first-child:nth-last-child(6) ~ *),
.vgl .zn-cases > :where(:first-child:nth-last-child(6), :first-child:nth-last-child(6) ~ *),
.vgl .vgl-wege > :where(:first-child:nth-last-child(6), :first-child:nth-last-child(6) ~ *) {
grid-column: span 2;
}
.vgl .vgl-situationen > :where(:first-child:nth-last-child(7), :first-child:nth-last-child(7) ~ *),
.vgl .vgl-punkte > :where(:first-child:nth-last-child(7), :first-child:nth-last-child(7) ~ *),
.vgl .vgl-ag-liste > :where(:first-child:nth-last-child(7), :first-child:nth-last-child(7) ~ *),
.vgl .tb-nutzen > :where(:first-child:nth-last-child(7), :first-child:nth-last-child(7) ~ *),
.vgl .vgl-faq-liste > :where(:first-child:nth-last-child(7), :first-child:nth-last-child(7) ~ *),
.vgl .vgl-faq:not(.vgl-sektion) > :where(:first-child:nth-last-child(7), :first-child:nth-last-child(7) ~ *),
.vgl .thm-raster > :where(:first-child:nth-last-child(7), :first-child:nth-last-child(7) ~ *),
.vgl .zn-cases > :where(:first-child:nth-last-child(7), :first-child:nth-last-child(7) ~ *),
.vgl .vgl-wege > :where(:first-child:nth-last-child(7), :first-child:nth-last-child(7) ~ *) {
grid-column: span 2;
}
.vgl .vgl-situationen > :where(:first-child:nth-last-child(7) ~ :nth-child(n + 4)),
.vgl .vgl-punkte > :where(:first-child:nth-last-child(7) ~ :nth-child(n + 4)),
.vgl .vgl-ag-liste > :where(:first-child:nth-last-child(7) ~ :nth-child(n + 4)),
.vgl .tb-nutzen > :where(:first-child:nth-last-child(7) ~ :nth-child(n + 4)),
.vgl .vgl-faq-liste > :where(:first-child:nth-last-child(7) ~ :nth-child(n + 4)),
.vgl .vgl-faq:not(.vgl-sektion) > :where(:first-child:nth-last-child(7) ~ :nth-child(n + 4)),
.vgl .thm-raster > :where(:first-child:nth-last-child(7) ~ :nth-child(n + 4)),
.vgl .zn-cases > :where(:first-child:nth-last-child(7) ~ :nth-child(n + 4)),
.vgl .vgl-wege > :where(:first-child:nth-last-child(7) ~ :nth-child(n + 4)) {
grid-column: span 3;
}
.vgl .vgl-situationen > :where(:first-child:nth-last-child(8), :first-child:nth-last-child(8) ~ *),
.vgl .vgl-punkte > :where(:first-child:nth-last-child(8), :first-child:nth-last-child(8) ~ *),
.vgl .vgl-ag-liste > :where(:first-child:nth-last-child(8), :first-child:nth-last-child(8) ~ *),
.vgl .tb-nutzen > :where(:first-child:nth-last-child(8), :first-child:nth-last-child(8) ~ *),
.vgl .vgl-faq-liste > :where(:first-child:nth-last-child(8), :first-child:nth-last-child(8) ~ *),
.vgl .vgl-faq:not(.vgl-sektion) > :where(:first-child:nth-last-child(8), :first-child:nth-last-child(8) ~ *),
.vgl .thm-raster > :where(:first-child:nth-last-child(8), :first-child:nth-last-child(8) ~ *),
.vgl .zn-cases > :where(:first-child:nth-last-child(8), :first-child:nth-last-child(8) ~ *),
.vgl .vgl-wege > :where(:first-child:nth-last-child(8), :first-child:nth-last-child(8) ~ *) {
grid-column: span 2;
}
.vgl .vgl-situationen > :where(:first-child:nth-last-child(8) ~ :nth-child(n + 7)),
.vgl .vgl-punkte > :where(:first-child:nth-last-child(8) ~ :nth-child(n + 7)),
.vgl .vgl-ag-liste > :where(:first-child:nth-last-child(8) ~ :nth-child(n + 7)),
.vgl .tb-nutzen > :where(:first-child:nth-last-child(8) ~ :nth-child(n + 7)),
.vgl .vgl-faq-liste > :where(:first-child:nth-last-child(8) ~ :nth-child(n + 7)),
.vgl .vgl-faq:not(.vgl-sektion) > :where(:first-child:nth-last-child(8) ~ :nth-child(n + 7)),
.vgl .thm-raster > :where(:first-child:nth-last-child(8) ~ :nth-child(n + 7)),
.vgl .zn-cases > :where(:first-child:nth-last-child(8) ~ :nth-child(n + 7)),
.vgl .vgl-wege > :where(:first-child:nth-last-child(8) ~ :nth-child(n + 7)) {
grid-column: span 3;
}
.vgl .vgl-situationen > :where(:first-child:nth-last-child(9), :first-child:nth-last-child(9) ~ *),
.vgl .vgl-punkte > :where(:first-child:nth-last-child(9), :first-child:nth-last-child(9) ~ *),
.vgl .vgl-ag-liste > :where(:first-child:nth-last-child(9), :first-child:nth-last-child(9) ~ *),
.vgl .tb-nutzen > :where(:first-child:nth-last-child(9), :first-child:nth-last-child(9) ~ *),
.vgl .vgl-faq-liste > :where(:first-child:nth-last-child(9), :first-child:nth-last-child(9) ~ *),
.vgl .vgl-faq:not(.vgl-sektion) > :where(:first-child:nth-last-child(9), :first-child:nth-last-child(9) ~ *),
.vgl .thm-raster > :where(:first-child:nth-last-child(9), :first-child:nth-last-child(9) ~ *),
.vgl .zn-cases > :where(:first-child:nth-last-child(9), :first-child:nth-last-child(9) ~ *),
.vgl .vgl-wege > :where(:first-child:nth-last-child(9), :first-child:nth-last-child(9) ~ *) {
grid-column: span 2;
}
.vgl .vgl-situationen > :where(:first-child:nth-last-child(10), :first-child:nth-last-child(10) ~ *),
.vgl .vgl-punkte > :where(:first-child:nth-last-child(10), :first-child:nth-last-child(10) ~ *),
.vgl .vgl-ag-liste > :where(:first-child:nth-last-child(10), :first-child:nth-last-child(10) ~ *),
.vgl .tb-nutzen > :where(:first-child:nth-last-child(10), :first-child:nth-last-child(10) ~ *),
.vgl .vgl-faq-liste > :where(:first-child:nth-last-child(10), :first-child:nth-last-child(10) ~ *),
.vgl .vgl-faq:not(.vgl-sektion) > :where(:first-child:nth-last-child(10), :first-child:nth-last-child(10) ~ *),
.vgl .thm-raster > :where(:first-child:nth-last-child(10), :first-child:nth-last-child(10) ~ *),
.vgl .zn-cases > :where(:first-child:nth-last-child(10), :first-child:nth-last-child(10) ~ *),
.vgl .vgl-wege > :where(:first-child:nth-last-child(10), :first-child:nth-last-child(10) ~ *) {
grid-column: span 2;
}
.vgl .vgl-situationen > :where(:first-child:nth-last-child(10) ~ :nth-child(n + 7)),
.vgl .vgl-punkte > :where(:first-child:nth-last-child(10) ~ :nth-child(n + 7)),
.vgl .vgl-ag-liste > :where(:first-child:nth-last-child(10) ~ :nth-child(n + 7)),
.vgl .tb-nutzen > :where(:first-child:nth-last-child(10) ~ :nth-child(n + 7)),
.vgl .vgl-faq-liste > :where(:first-child:nth-last-child(10) ~ :nth-child(n + 7)),
.vgl .vgl-faq:not(.vgl-sektion) > :where(:first-child:nth-last-child(10) ~ :nth-child(n + 7)),
.vgl .thm-raster > :where(:first-child:nth-last-child(10) ~ :nth-child(n + 7)),
.vgl .zn-cases > :where(:first-child:nth-last-child(10) ~ :nth-child(n + 7)),
.vgl .vgl-wege > :where(:first-child:nth-last-child(10) ~ :nth-child(n + 7)) {
grid-column: span 3;
}
.vgl .vgl-situationen > :where(:first-child:nth-last-child(11), :first-child:nth-last-child(11) ~ *),
.vgl .vgl-punkte > :where(:first-child:nth-last-child(11), :first-child:nth-last-child(11) ~ *),
.vgl .vgl-ag-liste > :where(:first-child:nth-last-child(11), :first-child:nth-last-child(11) ~ *),
.vgl .tb-nutzen > :where(:first-child:nth-last-child(11), :first-child:nth-last-child(11) ~ *),
.vgl .vgl-faq-liste > :where(:first-child:nth-last-child(11), :first-child:nth-last-child(11) ~ *),
.vgl .vgl-faq:not(.vgl-sektion) > :where(:first-child:nth-last-child(11), :first-child:nth-last-child(11) ~ *),
.vgl .thm-raster > :where(:first-child:nth-last-child(11), :first-child:nth-last-child(11) ~ *),
.vgl .zn-cases > :where(:first-child:nth-last-child(11), :first-child:nth-last-child(11) ~ *),
.vgl .vgl-wege > :where(:first-child:nth-last-child(11), :first-child:nth-last-child(11) ~ *) {
grid-column: span 2;
}
.vgl .vgl-situationen > :where(:first-child:nth-last-child(11) ~ :nth-child(n + 10)),
.vgl .vgl-punkte > :where(:first-child:nth-last-child(11) ~ :nth-child(n + 10)),
.vgl .vgl-ag-liste > :where(:first-child:nth-last-child(11) ~ :nth-child(n + 10)),
.vgl .tb-nutzen > :where(:first-child:nth-last-child(11) ~ :nth-child(n + 10)),
.vgl .vgl-faq-liste > :where(:first-child:nth-last-child(11) ~ :nth-child(n + 10)),
.vgl .vgl-faq:not(.vgl-sektion) > :where(:first-child:nth-last-child(11) ~ :nth-child(n + 10)),
.vgl .thm-raster > :where(:first-child:nth-last-child(11) ~ :nth-child(n + 10)),
.vgl .zn-cases > :where(:first-child:nth-last-child(11) ~ :nth-child(n + 10)),
.vgl .vgl-wege > :where(:first-child:nth-last-child(11) ~ :nth-child(n + 10)) {
grid-column: span 3;
}
.vgl .vgl-situationen > :where(:first-child:nth-last-child(12), :first-child:nth-last-child(12) ~ *),
.vgl .vgl-punkte > :where(:first-child:nth-last-child(12), :first-child:nth-last-child(12) ~ *),
.vgl .vgl-ag-liste > :where(:first-child:nth-last-child(12), :first-child:nth-last-child(12) ~ *),
.vgl .tb-nutzen > :where(:first-child:nth-last-child(12), :first-child:nth-last-child(12) ~ *),
.vgl .vgl-faq-liste > :where(:first-child:nth-last-child(12), :first-child:nth-last-child(12) ~ *),
.vgl .vgl-faq:not(.vgl-sektion) > :where(:first-child:nth-last-child(12), :first-child:nth-last-child(12) ~ *),
.vgl .thm-raster > :where(:first-child:nth-last-child(12), :first-child:nth-last-child(12) ~ *),
.vgl .zn-cases > :where(:first-child:nth-last-child(12), :first-child:nth-last-child(12) ~ *),
.vgl .vgl-wege > :where(:first-child:nth-last-child(12), :first-child:nth-last-child(12) ~ *) {
grid-column: span 2;
}
.vgl .vgl-situationen > :where(:first-child:nth-last-child(13), :first-child:nth-last-child(13) ~ *),
.vgl .vgl-punkte > :where(:first-child:nth-last-child(13), :first-child:nth-last-child(13) ~ *),
.vgl .vgl-ag-liste > :where(:first-child:nth-last-child(13), :first-child:nth-last-child(13) ~ *),
.vgl .tb-nutzen > :where(:first-child:nth-last-child(13), :first-child:nth-last-child(13) ~ *),
.vgl .vgl-faq-liste > :where(:first-child:nth-last-child(13), :first-child:nth-last-child(13) ~ *),
.vgl .vgl-faq:not(.vgl-sektion) > :where(:first-child:nth-last-child(13), :first-child:nth-last-child(13) ~ *),
.vgl .thm-raster > :where(:first-child:nth-last-child(13), :first-child:nth-last-child(13) ~ *),
.vgl .zn-cases > :where(:first-child:nth-last-child(13), :first-child:nth-last-child(13) ~ *),
.vgl .vgl-wege > :where(:first-child:nth-last-child(13), :first-child:nth-last-child(13) ~ *) {
grid-column: span 2;
}
.vgl .vgl-situationen > :where(:first-child:nth-last-child(13) ~ :nth-child(n + 10)),
.vgl .vgl-punkte > :where(:first-child:nth-last-child(13) ~ :nth-child(n + 10)),
.vgl .vgl-ag-liste > :where(:first-child:nth-last-child(13) ~ :nth-child(n + 10)),
.vgl .tb-nutzen > :where(:first-child:nth-last-child(13) ~ :nth-child(n + 10)),
.vgl .vgl-faq-liste > :where(:first-child:nth-last-child(13) ~ :nth-child(n + 10)),
.vgl .vgl-faq:not(.vgl-sektion) > :where(:first-child:nth-last-child(13) ~ :nth-child(n + 10)),
.vgl .thm-raster > :where(:first-child:nth-last-child(13) ~ :nth-child(n + 10)),
.vgl .zn-cases > :where(:first-child:nth-last-child(13) ~ :nth-child(n + 10)),
.vgl .vgl-wege > :where(:first-child:nth-last-child(13) ~ :nth-child(n + 10)) {
grid-column: span 3;
}
.vgl .vgl-situationen > :where(:first-child:nth-last-child(14), :first-child:nth-last-child(14) ~ *),
.vgl .vgl-punkte > :where(:first-child:nth-last-child(14), :first-child:nth-last-child(14) ~ *),
.vgl .vgl-ag-liste > :where(:first-child:nth-last-child(14), :first-child:nth-last-child(14) ~ *),
.vgl .tb-nutzen > :where(:first-child:nth-last-child(14), :first-child:nth-last-child(14) ~ *),
.vgl .vgl-faq-liste > :where(:first-child:nth-last-child(14), :first-child:nth-last-child(14) ~ *),
.vgl .vgl-faq:not(.vgl-sektion) > :where(:first-child:nth-last-child(14), :first-child:nth-last-child(14) ~ *),
.vgl .thm-raster > :where(:first-child:nth-last-child(14), :first-child:nth-last-child(14) ~ *),
.vgl .zn-cases > :where(:first-child:nth-last-child(14), :first-child:nth-last-child(14) ~ *),
.vgl .vgl-wege > :where(:first-child:nth-last-child(14), :first-child:nth-last-child(14) ~ *) {
grid-column: span 2;
}
.vgl .vgl-situationen > :where(:first-child:nth-last-child(14) ~ :nth-child(n + 13)),
.vgl .vgl-punkte > :where(:first-child:nth-last-child(14) ~ :nth-child(n + 13)),
.vgl .vgl-ag-liste > :where(:first-child:nth-last-child(14) ~ :nth-child(n + 13)),
.vgl .tb-nutzen > :where(:first-child:nth-last-child(14) ~ :nth-child(n + 13)),
.vgl .vgl-faq-liste > :where(:first-child:nth-last-child(14) ~ :nth-child(n + 13)),
.vgl .vgl-faq:not(.vgl-sektion) > :where(:first-child:nth-last-child(14) ~ :nth-child(n + 13)),
.vgl .thm-raster > :where(:first-child:nth-last-child(14) ~ :nth-child(n + 13)),
.vgl .zn-cases > :where(:first-child:nth-last-child(14) ~ :nth-child(n + 13)),
.vgl .vgl-wege > :where(:first-child:nth-last-child(14) ~ :nth-child(n + 13)) {
grid-column: span 3;
}
@media (max-width: 1100px) {
.vgl .vgl-situationen > *,
.vgl .vgl-punkte > *,
.vgl .vgl-ag-liste > *,
.vgl .tb-nutzen > *,
.vgl .vgl-faq-liste > *,
.vgl .vgl-faq:not(.vgl-sektion) > *,
.vgl .thm-raster > *,
.vgl .zn-cases > *,
.vgl .vgl-wege > * {
grid-column: span 3;
}
}
@media (max-width: 720px) {
.vgl .vgl-situationen > *,
.vgl .vgl-punkte > *,
.vgl .vgl-ag-liste > *,
.vgl .tb-nutzen > *,
.vgl .vgl-faq-liste > *,
.vgl .vgl-faq:not(.vgl-sektion) > *,
.vgl .thm-raster > *,
.vgl .zn-cases > *,
.vgl .vgl-wege > * {
grid-column: span 6;
}
}
.vgl .vgl-punkte > p + p {
margin-top: 0 !important;
}
.vgl .tb-weg-einzeln {
display: block;
max-width: var(--vgl-text-weit);
margin-top: 1.75rem;
padding: 0;
background: none;
border: 0;
}
.vgl .tb-weg-einzeln .tb-weg-text {
margin: 0 0 1.5rem !important;
font-size: 1rem;
}
.vgl .tb-weiter {
margin: 2.5rem 0 0 !important;
font-size: 0.9375rem;
line-height: 1.6;
color: rgba(255, 255, 255, 0.72);
}
.vgl-tb .tb-tor-schluss {
margin-bottom: 0;
border-bottom-left-radius: 0;
border-bottom-right-radius: 0;
padding-bottom: 5rem;
}
.vgl-tb .tb-tor-schluss + .vgl-hinweis {
margin-top: var(--vgl-sektion);
}
.vgl-aiops .vgl-uebergang {
padding: 5rem clamp(1.5rem, 5vw, 5rem) 5rem;
}
.vgl-aiops .vgl-uebergang > * {
position: relative;
max-width: var(--vgl-text-weit);
margin-left: 0;
margin-right: 0;
}
.vgl-aiops .vgl-uebergang-logo {
width: min(232px, 60vw);
margin: 0 0 2rem;
}
.vgl:has(> .tb-tor-schluss:last-child),
.vgl-aiops:has(> .vgl-uebergang:last-child) {
padding-bottom: 0;
}
.vgl-aiops .vgl-uebergang:last-child {
margin-bottom: 0;
border-bottom-left-radius: 0;
border-bottom-right-radius: 0;
}
.vgl > .tb-tor-schluss:last-child,
.vgl-aiops > .vgl-uebergang:last-child {
background-image: linear-gradient(
to bottom,
rgba(8, 7, 8, 0) 0,
rgba(8, 7, 8, 0) calc(100% - 180px),
rgb(8, 7, 8) 100%
);
}
.vgl-tb #arbeit .zn-cases {
max-width: none;
margin-bottom: 1.5rem;
}
.vgl-tb #arbeit .zn-cases > :only-child {
grid-column: 1 / -1;
}
.vgl-tb #arbeit .zn-case {
display: grid;
grid-template-columns: minmax(0, 1fr) auto;
column-gap: 3.5rem;
align-items: start;
padding: 1.75rem;
}
.vgl-tb #arbeit .zn-case-name,
.vgl-tb #arbeit .tb-case-satz {
grid-column: 1;
}
.vgl-tb #arbeit .tb-case-satz {
max-width: var(--vgl-text);
}
.vgl-tb #arbeit .zn-case-zahlen {
grid-column: 2;
grid-row: 1 / span 2;
align-self: center;
flex-direction: column;
flex-wrap: nowrap;
gap: 0.75rem;
margin-top: 0;
padding: 0 0 0 3.5rem;
border-top: 0;
border-left: 1px solid #e3e0dd;
}
@media (max-width: 900px) {
.vgl-tb #arbeit .zn-case {
grid-template-columns: minmax(0, 1fr);
padding: 1.25rem 1.25rem 1.125rem;
}
.vgl-tb #arbeit .zn-case-zahlen {
grid-column: 1;
grid-row: auto;
flex-direction: row;
flex-wrap: wrap;
gap: 0.375rem 1.5rem;
margin-top: 0.75rem;
padding: 0.75rem 0 0;
border-left: 0;
border-top: 1px solid #e3e0dd;
}
}
.vgl .vgl-quellenliste > :nth-child(odd):last-child {
grid-column: 1 / -1;
}
.blog3_list .blog3_item .text-block-28.text-color-secondary {
color: #5f5d61;
}
.vgl-nutzen {
max-width: var(--vgl-text-weit, 46rem);
margin: 22px 0 0;
padding: 16px 20px;
border-radius: 14px;
background: #f3f2f4;
font-size: 1.0625rem;
line-height: 1.6;
color: #35323a;
}
.vgl-nutzen-label {
font-weight: 700;
color: #171417;
}


.gi {
--gi-grund: #f8f7f6;
--gi-tinte: #171417;
--gi-leise: #6b696d;
--gi-linie: #e3e0dd;
--gi-akzent: #e4002b;
--gi-max: 68rem;
--gi-ease: cubic-bezier(0.22, 1, 0.36, 1);
position: relative;
background: var(--gi-grund);
color: var(--gi-tinte);
font-family: Abcfavorit, Arial, sans-serif;
padding: 0 5% 4rem;
}
.gi :is(h1, h2, h3, p, ul, ol, li) {
margin: 0;
}
.gi ol,
.gi ul {
list-style: none;
padding: 0;
}
.gi-fortschritt {
position: sticky;
top: 0;
z-index: 3;
height: 2px;
background: var(--gi-linie);
margin: 0 -5%;
}
.gi-fortschritt-linie {
display: block;
height: 100%;
background: var(--gi-akzent);
transform: scaleX(0);
transform-origin: left center;
transition: transform 0.5s cubic-bezier(0.65, 0, 0.35, 1);
}
.gi-fortschritt-glut {
position: absolute;
top: -3px;
width: 56px;
height: 8px;
border-radius: 999px;
background: radial-gradient(
ellipse at center,
rgba(228, 0, 43, 0.7) 0%,
rgba(228, 0, 43, 0) 70%
);
opacity: 0;
pointer-events: none;
transform: translateX(-50%);
}
.gi-fortschritt-glut.ist-da {
animation: gi-glut 0.7s var(--gi-ease) forwards;
}
@keyframes gi-glut {
0% {
opacity: 0;
}
30% {
opacity: 1;
}
100% {
opacity: 0;
}
}
.gi-kopf {
max-width: var(--gi-max);
margin: 0 auto;
padding: 3rem 0 0;
}
.gi-eyebrow {
font-size: 0.8125rem;
letter-spacing: 0.08em;
text-transform: uppercase;
color: var(--gi-leise);
margin-bottom: 0.75rem !important;
}
.gi-einstieg {
max-width: 34rem;
font-size: 1.0625rem;
line-height: 1.55;
color: #4a464d;
}
.gi-buehne {
max-width: var(--gi-max);
margin: 0 auto;
padding: 2rem 0 0;
}
.gi.ist-bedienbar .gi-buehne:not([hidden]) {
display: grid;
}
.gi-schirm {
max-width: var(--gi-max);
}
.gi.ist-bedienbar .gi-schirm {
grid-area: 1 / 1;
opacity: 0;
visibility: hidden;
transform: translateY(18px);
}
.gi.ist-bedienbar .gi-schirm.ist-da {
opacity: 1;
visibility: visible;
transform: none;
transition:
opacity 0.35s var(--gi-ease),
transform 0.35s var(--gi-ease);
}
.gi.ist-bedienbar .gi-schirm.geht-hoch {
visibility: visible;
opacity: 0;
transform: translateY(-18px);
transition:
opacity 0.35s var(--gi-ease),
transform 0.35s var(--gi-ease);
}
.gi.ist-bedienbar .gi-schirm.geht-hoch .gi-zeile,
.gi.ist-bedienbar .gi-schirm.geht-hoch [data-eintritt] {
opacity: 1;
transform: none;
transition: none;
}
.gi.ist-bedienbar .gi-schirm .gi-zeile,
.gi.ist-bedienbar .gi-schirm [data-eintritt] {
opacity: 0;
transform: translateY(10px);
}
.gi.ist-bedienbar .gi-schirm.ist-da .gi-zeile,
.gi.ist-bedienbar .gi-schirm.ist-da [data-eintritt] {
opacity: 1;
transform: none;
transition:
opacity 0.35s var(--gi-ease),
transform 0.35s var(--gi-ease);
transition-delay: calc(0.1s + var(--gi-index, 0) * 40ms);
}
.gi-frage {
max-width: 46rem;
font-size: clamp(1.75rem, 1.1rem + 2.3vw, 3rem);
font-weight: 700;
line-height: 1.12;
letter-spacing: -0.025em;
text-wrap: balance;
margin-bottom: 0.75rem !important;
}
.gi-hinweis {
color: var(--gi-leise);
font-size: 0.9375rem;
}
.gi-antworten {
margin-top: 2rem;
border-top: 1px solid var(--gi-linie);
}
.gi-zeile {
position: relative;
display: flex;
align-items: baseline;
gap: 1.5rem;
width: 100%;
padding: 1.5rem 1.25rem 1.5rem 0.25rem;
border: 0;
border-bottom: 1px solid var(--gi-linie);
border-radius: 0;
background: none;
color: inherit;
font-family: inherit;
font-size: clamp(1.0625rem, 1rem + 0.35vw, 1.3125rem);
line-height: 1.35;
text-align: left;
cursor: pointer;
overflow: hidden;
transition: color 0.2s var(--gi-ease);
}
.gi-zeile-fuellung {
position: absolute;
inset: 0;
background: #efedea;
transform: scaleX(0);
transform-origin: left center;
transition: transform 0.28s var(--gi-ease);
pointer-events: none;
}
.gi-zeile:hover .gi-zeile-fuellung,
.gi-zeile:focus-visible .gi-zeile-fuellung {
transform: scaleX(1);
}
.gi-zeile-lauf {
position: absolute;
inset: 0;
pointer-events: none;
opacity: 0;
background: linear-gradient(
90deg,
rgba(228, 0, 43, 0) 0%,
rgba(228, 0, 43, 0.16) 40%,
rgba(228, 0, 43, 0.42) 50%,
rgba(228, 0, 43, 0.16) 60%,
rgba(228, 0, 43, 0) 100%
);
transform: translateX(-100%);
}
.gi-zeile.ist-gewaehlt .gi-zeile-lauf {
animation: gi-lauf 0.42s var(--gi-ease) forwards;
}
@keyframes gi-lauf {
0% {
opacity: 0;
transform: translateX(-100%);
}
25% {
opacity: 1;
}
100% {
opacity: 0;
transform: translateX(100%);
}
}
.gi-zeile.ist-gewaehlt {
color: var(--gi-akzent);
}
.gi-zeile.ist-gewaehlt .gi-zeile-fuellung {
transform: scaleX(1);
background: #f4eceb;
}
.gi-antworten.ist-entschieden .gi-zeile:not(.ist-gewaehlt) {
opacity: 0.35;
transition: opacity 0.2s var(--gi-ease);
}
.gi-zeile-zahl {
position: relative;
flex: none;
width: 1.25rem;
font-size: 0.8125rem;
color: var(--gi-leise);
font-variant-numeric: tabular-nums;
}
.gi-zeile-text {
position: relative;
}
.gi-zeile:focus-visible {
outline: 2px solid var(--gi-akzent);
outline-offset: -2px;
}
.gi-zurueck {
margin-top: 1.75rem;
min-height: 44px;
padding: 0 0.25rem;
background: none;
border: 0;
color: var(--gi-leise);
font-family: inherit;
font-size: 0.9375rem;
cursor: pointer;
text-decoration: underline;
text-underline-offset: 0.3em;
}
.gi-zurueck:hover {
color: var(--gi-tinte);
}
.gi-ausgang {
padding-top: 2.5rem;
}
.gi.ist-bedienbar .gi-schirm[data-schirm="ergebnis"].ist-weg {
display: none;
}
.gi-ergebnis {
position: relative;
max-width: var(--gi-max);
margin: 0 auto;
}
.gi.ist-bedienbar .gi-ergebnis {
display: block;
padding: 0;
}
.gi-ergebnis .fv1-cta {
position: relative;
overflow: hidden;
border-radius: 24px;
background: #000;
color: #fff;
}
.gi-ergebnis-kopf {
position: relative;
}
@media screen and (min-width: 768px) {
.gi-ergebnis-kopf.sg {
grid-template-columns: minmax(0, 1fr) clamp(240px, 30vw, 420px);
gap: 32px;
min-height: 460px;
padding: 72px 0 56px;
}
}
.gi-ergebnis-rumpf {
position: relative;
z-index: 1;
padding-bottom: 72px;
}
.gi-ergebnis .fv1-inner {
padding: 0 2.5rem;
}
.gi-ergebnis-eyebrow {
font-size: 0.8125rem;
letter-spacing: 0.08em;
text-transform: uppercase;
color: rgba(255, 255, 255, 0.55);
margin-bottom: 1rem !important;
}
.gi-einordnung {
max-width: 36rem;
font-size: 1.0625rem;
line-height: 1.6;
color: rgba(255, 255, 255, 0.8);
margin-bottom: 2rem !important;
}
.gi-schritte-titel {
font-size: 0.8125rem;
letter-spacing: 0.08em;
text-transform: uppercase;
color: rgba(255, 255, 255, 0.55);
margin-bottom: 1rem !important;
}
.gi-schritte {
max-width: 36rem;
display: grid;
gap: 1.25rem;
margin-bottom: 2rem !important;
}
.gi-schritt {
padding-top: 1.125rem;
border-top: 1px solid rgba(255, 255, 255, 0.12);
}
.gi-schritt-titel {
font-size: 1rem;
font-weight: 700;
line-height: 1.35;
margin-bottom: 0.375rem !important;
}
.gi-schritt p {
font-size: 0.9375rem;
line-height: 1.6;
color: rgba(255, 255, 255, 0.72);
}
.gi-neustart {
margin-top: 2rem;
min-height: 44px;
padding: 0 0.25rem;
background: none;
border: 0;
color: rgba(255, 255, 255, 0.62);
font-family: inherit;
font-size: 0.9375rem;
cursor: pointer;
text-decoration: underline;
text-underline-offset: 0.3em;
}
.gi-neustart:hover {
color: #fff;
}
.gi-neustart:focus-visible {
outline: 2px solid var(--gi-akzent);
outline-offset: 3px;
}
.gi-ergebnis .sp-licht {
opacity: 0;
}
.gi-ergebnis.ist-da .sp-licht {
animation: gi-licht 0.7s var(--gi-ease) forwards;
}
@keyframes gi-licht {
0% {
opacity: 0;
transform: scale(0.94);
}
100% {
opacity: 1;
transform: none;
}
}
.gi-ergebnis .sg-portrait {
opacity: 0;
transform: translateY(16px);
}
.gi-ergebnis.ist-da .sg-portrait {
opacity: 1;
transform: none;
transition:
opacity 0.7s var(--gi-ease),
transform 0.7s var(--gi-ease);
transition-delay: 0.1s;
}
.gi-hinweis-fuss {
max-width: var(--gi-max);
margin: 3rem auto 0 !important;
padding-top: 1.5rem;
border-top: 1px solid var(--gi-linie);
font-size: 0.8125rem;
line-height: 1.6;
color: var(--gi-leise);
}
@media (prefers-reduced-motion: reduce) {
.gi-zeile.ist-gewaehlt .gi-zeile-lauf,
.gi-fortschritt-glut.ist-da,
.gi-ergebnis.ist-da .sp-licht {
animation: none;
}
.gi-ergebnis .sp-licht {
opacity: 1;
}
.gi-fortschritt-linie,
.gi-zeile,
.gi-zeile-fuellung {
transition: none;
}
.gi.ist-bedienbar .gi-schirm,
.gi.ist-bedienbar .gi-schirm.geht-hoch,
.gi.ist-bedienbar .gi-schirm .gi-zeile,
.gi.ist-bedienbar .gi-schirm [data-eintritt],
.gi-ergebnis .sg-portrait {
transform: none;
transition: none;
}
.gi.ist-bedienbar .gi-schirm.ist-da .gi-zeile,
.gi.ist-bedienbar .gi-schirm.ist-da [data-eintritt],
.gi-ergebnis.ist-da .sg-portrait {
opacity: 1;
transition: none;
}
.gi-antworten.ist-entschieden .gi-zeile:not(.ist-gewaehlt) {
opacity: 1;
}
}
@media screen and (max-width: 767px) {
.gi-kopf {
padding-top: 2rem;
}
.gi-buehne {
padding-top: 1.5rem;
}
.gi-zeile {
gap: 1rem;
padding: 1.125rem 0.5rem 1.125rem 0.25rem;
min-height: 60px;
}
.gi-ergebnis .fv1-inner {
padding: 0 1.25rem;
}
.gi-ergebnis .fv1-cta {
border-radius: 18px;
}
.gi-einordnung,
.gi-schritte {
max-width: none;
}
}


.mc {
--mc-grund: #f8f7f6;
--mc-tinte: #171417;
--mc-leise: #6b696d;
--mc-linie: #e3e0dd;
--mc-karte: #fff;
--mc-akzent: #e4002b;
--mc-ease: cubic-bezier(0.22, 1, 0.36, 1);
background: var(--mc-grund);
color: var(--mc-tinte);
font-family: Abcfavorit, Arial, sans-serif;
padding: 0 5% 4rem;
}
.mc :is(h1, h2, h3, p, ul, ol, li) {
margin: 0;
}
.mc ul,
.mc ol {
list-style: none;
padding: 0;
}
.mc-fortschritt {
position: relative;
height: 2px;
max-width: 72rem;
margin: 0 auto;
background: var(--mc-linie);
}
.mc-fortschritt-linie {
position: absolute;
inset: 0 auto 0 0;
width: 100%;
background: var(--mc-tinte);
transform: scaleX(0);
transform-origin: left center;
transition: transform 0.5s var(--mc-ease);
}
.mc-kopf {
max-width: 72rem;
margin: 0 auto;
padding: 4.5rem 0 3rem;
}
.mc-eyebrow {
font-size: 0.75rem;
letter-spacing: 0.08em;
text-transform: uppercase;
color: var(--mc-leise);
margin-bottom: 1rem !important;
}
.mc-titel {
font-size: clamp(2.25rem, 1.5rem + 3vw, 3.75rem);
font-weight: 700;
line-height: 1.02;
letter-spacing: -0.035em;
text-wrap: balance;
max-width: 22ch;
}
.mc-einstieg {
margin-top: 1.5rem !important;
font-size: 1.0625rem;
line-height: 1.65;
color: #4a464d;
max-width: 46rem;
}
.mc-lauf {
display: grid;
grid-template-columns: minmax(0, 1fr) minmax(0, 20rem);
gap: 3.5rem;
align-items: start;
max-width: 72rem;
margin: 0 auto;
}
.mc.ist-bedienbar .mc-buehne {
display: grid;
}
.mc.ist-bedienbar .mc-buehne > .mc-schirm {
grid-area: 1 / 1;
}
.mc-schirm.ist-weg {
opacity: 0;
transform: translateY(6px);
pointer-events: none;
visibility: hidden;
}
.mc-schirm.ist-da {
opacity: 1;
transform: none;
visibility: visible;
transition:
opacity 0.35s var(--mc-ease),
transform 0.35s var(--mc-ease);
}
.mc-disziplin {
font-size: 0.75rem;
letter-spacing: 0.08em;
text-transform: uppercase;
color: var(--mc-akzent);
margin-bottom: 0.75rem !important;
}
.mc-frage {
font-size: clamp(1.5rem, 1.1rem + 1.4vw, 2.125rem);
font-weight: 700;
line-height: 1.15;
letter-spacing: -0.02em;
text-wrap: balance;
max-width: 26ch;
}
.mc-hinweis {
margin-top: 0.75rem !important;
font-size: 0.9375rem;
color: var(--mc-leise);
}
.mc-antworten {
display: grid;
gap: 0.625rem;
margin-top: 2rem;
max-width: 38rem;
}
.mc-zeile {
position: relative;
display: grid;
grid-template-columns: 1.75rem minmax(0, 1fr);
align-items: baseline;
gap: 0.75rem;
width: 100%;
min-height: 56px;
padding: 1rem 1.125rem;
border: 1px solid var(--mc-linie);
border-radius: 12px;
background: var(--mc-karte);
color: inherit;
font: inherit;
text-align: left;
cursor: pointer;
overflow: hidden;
transition:
border-color 0.18s var(--mc-ease),
transform 0.18s var(--mc-ease);
}
.mc-zeile-fuellung {
position: absolute;
inset: 0;
background: #f1efec;
transform: scaleX(0);
transform-origin: left center;
transition: transform 0.28s var(--mc-ease);
}
.mc-zeile:hover {
border-color: #c9c4bf;
transform: translateX(2px);
}
.mc-zeile:hover .mc-zeile-fuellung {
transform: scaleX(1);
}
.mc-zeile:focus-visible {
outline: 2px solid var(--mc-tinte);
outline-offset: 2px;
}
.mc-zeile-zahl,
.mc-zeile-text {
position: relative;
}
.mc-zeile-zahl {
font-size: 0.8125rem;
color: var(--mc-leise);
font-variant-numeric: lining-nums;
}
.mc-zeile-text {
font-size: 1rem;
line-height: 1.45;
}
.mc-zurueck {
margin-top: 1.5rem;
padding: 0;
border: 0;
background: none;
color: var(--mc-leise);
font: inherit;
font-size: 0.875rem;
cursor: pointer;
border-bottom: 1px solid var(--mc-linie);
padding-bottom: 2px;
}
.mc-zurueck:hover {
color: var(--mc-tinte);
}
.mc .mc-zurueck[hidden] {
display: none;
}
.mc-bild {
position: sticky;
top: 6rem;
}
.mc-kreis svg {
display: block;
width: 100%;
height: auto;
overflow: visible;
}
.mc-ring {
fill: none;
stroke: #e7e3df;
stroke-width: 1;
}
.mc-seg {
transform: scale(var(--mc-f, 0));
transform-origin: 100px 100px;
transition: transform 0.55s var(--mc-ease);
}
.mc-seg path {
fill: #cfcac4;
transition: fill 0.4s var(--mc-ease);
}
.mc-seg.ist-frisch path {
fill: var(--mc-tinte);
}
.mc-seg.ist-potenzial path {
fill: var(--mc-akzent);
}
.mc-legende {
display: grid;
gap: 0.5rem;
margin-top: 1.5rem;
}
.mc-legende-zeile {
display: grid;
grid-template-columns: 0.5rem minmax(0, 1fr);
align-items: center;
gap: 0.625rem;
font-size: 0.8125rem;
color: var(--mc-leise);
opacity: 0.45;
transition: opacity 0.35s var(--mc-ease);
}
.mc-legende-zeile.ist-beantwortet {
opacity: 1;
color: #4a464d;
}
.mc-legende-punkt {
width: 0.5rem;
height: 0.5rem;
border-radius: 50%;
background: #cfcac4;
transition: background-color 0.35s var(--mc-ease);
}
.mc-legende-zeile.ist-potenzial {
color: var(--mc-tinte);
font-weight: 600;
opacity: 1;
}
.mc-legende-zeile.ist-potenzial .mc-legende-punkt {
background: var(--mc-akzent);
}
.mc-ausgang {
max-width: 72rem;
margin: 3rem auto 0;
}
.mc-ausgang[hidden] {
display: none;
}
.mc-ergebnis {
border: 1px solid var(--mc-linie);
border-radius: 20px;
background: var(--mc-karte);
overflow: hidden;
}
.mc-ergebnis-kopf {
padding: 3rem 2.5rem 2.5rem;
border-bottom: 1px solid var(--mc-linie);
}
.mc-score-titel {
font-size: 0.75rem;
letter-spacing: 0.08em;
text-transform: uppercase;
color: var(--mc-leise);
margin-bottom: 0.75rem !important;
}
.mc-score-zahl {
display: flex;
align-items: baseline;
gap: 0.25rem;
font-size: clamp(4rem, 2.5rem + 6vw, 7.5rem);
font-weight: 700;
line-height: 0.92;
letter-spacing: -0.04em;
font-variant-numeric: tabular-nums lining-nums;
color: var(--mc-tinte);
}
.mc-score-wert {
min-width: 3ch;
text-align: right;
}
.mc-score-max {
font-size: 0.28em;
font-weight: 500;
letter-spacing: -0.01em;
color: var(--mc-leise);
}
.mc-stufe {
margin-top: 1.25rem !important;
font-size: clamp(1.375rem, 1.1rem + 1vw, 1.875rem);
font-weight: 700;
line-height: 1.15;
letter-spacing: -0.02em;
color: var(--mc-akzent);
}
.mc-stufe-satz {
margin-top: 0.75rem !important;
font-size: 1.0625rem;
line-height: 1.6;
color: #4a464d;
max-width: 44rem;
}
.mc-ergebnis-rumpf {
display: grid;
grid-template-columns: minmax(0, 15rem) minmax(0, 1fr);
gap: 3rem;
padding: 2.5rem;
}
.mc-bild-klein {
align-self: start;
}
.mc-bild-klein .mc-legende {
margin-top: 1.25rem;
grid-template-columns: 1fr;
}
.mc-ergebnis-text {
min-width: 0;
}
.mc-abschnitt-titel {
font-size: 0.75rem;
letter-spacing: 0.08em;
text-transform: uppercase;
color: var(--mc-leise);
margin-bottom: 0.75rem !important;
}
.mc-abschnitt-titel--zweit {
margin-top: 2.5rem !important;
padding-top: 2rem;
border-top: 1px solid var(--mc-linie);
}
.mc-staerke-name {
font-size: 1.25rem;
font-weight: 700;
letter-spacing: -0.015em;
margin-bottom: 0.5rem !important;
}
.mc-einordnung {
font-size: 1rem;
line-height: 1.65;
color: #4a464d;
max-width: 44rem;
}
.mc-potenziale {
display: grid;
gap: 1.75rem;
max-width: 44rem;
}
.mc-potenzial-name {
font-size: 1.0625rem;
font-weight: 600;
color: var(--mc-tinte);
margin-bottom: 0.4rem !important;
}
.mc-potenzial-text {
font-size: 0.9375rem;
line-height: 1.6;
color: #4a464d;
}
.mc-potenzial-schritt {
margin-top: 0.75rem !important;
padding-left: 1rem;
border-left: 2px solid var(--mc-akzent);
font-size: 0.9375rem;
line-height: 1.6;
color: var(--mc-tinte);
}
.mc-wege {
grid-column: 1 / -1;
padding-top: 2rem;
border-top: 1px solid var(--mc-linie);
}
.mc-wege-titel {
font-size: 1.0625rem;
font-weight: 600;
margin-bottom: 1rem !important;
}
.mc-wege-reihe {
display: grid;
grid-template-columns: repeat(2, minmax(0, 1fr));
gap: 0.75rem;
}
.mc-weg {
display: flex;
flex-direction: column;
gap: 0.35rem;
min-height: 48px;
padding: 1rem 1.125rem;
border: 1px solid #c9c4bf;
border-radius: 12px;
background: var(--mc-karte);
color: var(--mc-tinte);
font: inherit;
text-align: left;
cursor: pointer;
transition:
border-color 0.2s ease,
background-color 0.2s ease;
}
.mc-weg:hover {
border-color: var(--mc-tinte);
}
.mc-weg:focus-visible {
outline: 2px solid var(--mc-tinte);
outline-offset: 2px;
}
.mc-weg[aria-pressed="true"] {
border-color: var(--mc-tinte);
border-width: 2px;
padding: calc(1rem - 1px) calc(1.125rem - 1px);
}
.mc-weg-name {
font-weight: 600;
line-height: 1.3;
}
.mc-weg-text {
font-size: 0.9375rem;
line-height: 1.45;
color: var(--mc-gedaempft, #55504b);
}
@media (max-width: 600px) {
.mc-wege-reihe {
grid-template-columns: 1fr;
}
}
.mc-teilen {
grid-column: 1 / -1;
padding-top: 2rem;
border-top: 1px solid var(--mc-linie);
}
.mc-teilen-zeile {
font-size: 1.0625rem;
font-weight: 600;
margin-bottom: 1rem !important;
}
.mc-teilen-knopf {
display: inline-flex;
align-items: center;
gap: 0.5rem;
min-height: 48px;
padding: 0 1.25rem;
border: 1px solid #c9c4bf;
border-radius: 999px;
background: var(--mc-karte);
color: var(--mc-tinte);
font: inherit;
font-size: 0.9375rem;
font-weight: 500;
cursor: pointer;
transition:
border-color 0.18s var(--mc-ease),
background-color 0.18s var(--mc-ease);
}
.mc-teilen-knopf:hover {
border-color: var(--mc-tinte);
background: #f4f2ef;
}
.mc-teilen-knopf:focus-visible {
outline: 2px solid var(--mc-tinte);
outline-offset: 2px;
}
.mc-teilen-status {
min-height: 1.4rem;
margin-top: 0.625rem !important;
font-size: 0.875rem;
line-height: 1.4;
color: var(--mc-leise);
word-break: break-all;
}
.mc-neustart {
grid-column: 1 / -1;
justify-self: start;
margin-top: 0.5rem;
padding: 0;
border: 0;
background: none;
color: var(--mc-leise);
font: inherit;
font-size: 0.875rem;
cursor: pointer;
border-bottom: 1px solid var(--mc-linie);
padding-bottom: 2px;
}
.mc-neustart:hover {
color: var(--mc-tinte);
}
.mc-hinweis-fuss {
max-width: 72rem;
margin: 3rem auto 0 !important;
padding-top: 1.5rem;
border-top: 1px solid var(--mc-linie);
font-size: 0.8125rem;
line-height: 1.6;
color: var(--mc-leise);
}
.mc .fv1-cta {
color: #fff;
}
@media (prefers-reduced-motion: reduce) {
.mc-seg,
.mc-zeile,
.mc-zeile-fuellung,
.mc-legende-zeile,
.mc-legende-punkt,
.mc-fortschritt-linie,
.mc-schirm {
transition: none !important;
}
}
@media (max-width: 61.99em) {
.mc-lauf {
grid-template-columns: 1fr;
gap: 2.5rem;
}
.mc-bild {
position: static;
max-width: 20rem;
justify-self: center;
width: 100%;
}
.mc-legende {
grid-template-columns: repeat(2, minmax(0, 1fr));
}
}
@media (max-width: 47.99em) {
.mc {
padding-bottom: 2.5rem;
}
.mc-kopf {
padding: 3rem 0 2rem;
}
.mc-ergebnis-kopf {
padding: 2rem 1.25rem 1.75rem;
}
.mc-ergebnis-rumpf {
grid-template-columns: 1fr;
gap: 2rem;
padding: 1.75rem 1.25rem 2rem;
}
.mc-bild-klein {
max-width: 15rem;
justify-self: center;
width: 100%;
}
.mc-legende {
grid-template-columns: 1fr;
}
}
.page-wrapper:has(article.mc) {
background: var(--mc-grund, #f8f7f6);
}
.mc-hinweis-fuss--oben {
margin-top: 0 !important;
margin-bottom: 2.5rem !important;
}


.nl {
--nl-h: 56px;
--nl-ease: cubic-bezier(0.22, 1, 0.36, 1);
--nl-dur: 0.2s;
padding: 120px 5% 128px;
border-top: 1px solid rgba(255, 255, 255, 0.08);
color: #fff;
}
.nl-inner {
display: grid;
grid-template-columns: minmax(0, 1fr) minmax(0, 1fr);
gap: 4rem;
align-items: start;
max-width: 78rem;
margin: 0 auto;
}
.nl :is(h2, p) {
margin: 0;
}
.nl-titel {
font-size: clamp(2.25rem, 1.6rem + 2.6vw, 3.75rem);
font-weight: 700;
line-height: 1.02;
letter-spacing: -0.035em;
text-wrap: balance;
}
.nl-einladung {
font-size: clamp(1.0625rem, 1rem + 0.35vw, 1.25rem);
line-height: 1.45;
color: rgba(255, 255, 255, 0.72);
margin-bottom: 4px !important;
}
.nl-feldfehler,
.nl-status {
flex: 1 0 100%;
font-size: 0.875rem;
line-height: 1.5;
color: rgba(255, 255, 255, 0.72);
}
.nl-feldfehler:empty,
.nl-status:empty {
display: none;
}
.nl-stern {
color: #ff1f4a;
}
.nl-pflicht {
margin-top: 8px !important;
font-size: 0.75rem;
color: rgba(255, 255, 255, 0.62);
}
.nl-hinweis-schalter {
display: inline-flex;
align-items: center;
gap: 8px;
font-size: 0.875rem;
color: rgba(255, 255, 255, 0.6);
text-decoration: none;
border-bottom: 1px solid rgba(255, 255, 255, 0.22);
padding-bottom: 2px;
cursor: pointer;
transition:
color var(--nl-dur) var(--nl-ease),
border-color var(--nl-dur) var(--nl-ease);
}
.nl-hinweis-schalter::after {
content: "";
width: 7px;
height: 7px;
border-right: 1.5px solid currentColor;
border-bottom: 1.5px solid currentColor;
transform: translateY(-2px) rotate(45deg);
transition: transform var(--nl-dur) var(--nl-ease);
}
.nl-hinweis-schalter[aria-expanded="true"]::after {
transform: translateY(1px) rotate(-135deg);
}
.nl-hinweis-schalter:hover {
color: #fff;
border-bottom-color: rgba(255, 255, 255, 0.5);
}
.nl-hinweise {
max-width: none;
}
.nl-hinweise-inner {
display: grid;
gap: 14px;
padding: 20px 0 4px;
}
.nl-hinweis-text {
font-size: 0.8125rem;
line-height: 1.65;
color: rgba(255, 255, 255, 0.62);
}
.nl-link {
color: rgba(255, 255, 255, 0.85);
text-decoration: underline;
text-underline-offset: 2px;
transition: color var(--nl-dur) var(--nl-ease);
}
.nl-link:hover {
color: #fff;
}
@media screen and (max-width: 991px) {
.nl-inner {
grid-template-columns: 1fr;
gap: 2rem;
}
}
@media screen and (max-width: 767px) {
.nl {
padding: 72px 5% 80px;
}
}
.nl-formular {
--sg-h: 56px;
--dw-dur: 0.2s;
--dw-ease: cubic-bezier(0.22, 1, 0.36, 1);
display: grid;
gap: 16px;
max-width: 32rem;
margin-top: 24px;
}
.nl-einwilligung {
display: grid;
gap: 6px;
}
.nl-formular .nl-pflicht {
margin: 0;
}
.nl-formular .nl-hinweis-schalter {
justify-self: start;
}
.nl-formular .nl-hinweise:not([hidden]) {
margin-top: -4px;
}
.nl-formular .nl-hinweise-inner {
display: grid;
gap: 12px;
}
@media (max-width: 720px) {
.nl-formular {
max-width: none;
}
}


.header131_background-video video {
display: block;
aspect-ratio: 3138 / 1924;
}


.category-filter-form:has(.zn-filterzeile) {
flex-wrap: wrap;
}
.zn-filterzeile {
display: flex;
flex-wrap: wrap;
align-items: center;
justify-content: center;
gap: 0.5rem 1rem;
flex: 1 0 100%;
width: 100%;
margin-bottom: 1rem;
padding-bottom: 1rem;
border-bottom: 1px solid rgba(23, 20, 23, 0.1);
}
.zn-filterzeile-titel {
font-size: 0.75rem;
letter-spacing: 0.08em;
text-transform: uppercase;
color: #6b696d;
}
.zn-filterzeile-knoepfe {
display: flex;
flex-wrap: wrap;
align-items: center;
justify-content: center;
gap: 0.5rem 0.75rem;
}
.zn-cases {
display: grid;
gap: 1.25rem;
max-width: 49rem;
margin-top: 1.5rem;
}
.zn-case {
display: block;
padding: 1.25rem 1.25rem 1.125rem;
border: 1px solid #e3e0dd;
border-radius: 14px;
background: #fff;
color: inherit;
text-decoration: none;
transition:
border-color 0.18s ease,
transform 0.18s ease;
}
.zn-case:hover,
.zn-case:focus-visible {
border-color: #171417;
transform: translateY(-1px);
}
a.zn-case,
a.zn-case * {
text-decoration: none;
}
a.zn-case:hover .zn-case-name,
a.zn-case:focus-visible .zn-case-name {
text-decoration: underline;
text-underline-offset: 3px;
}
.zn-case-name {
display: block;
font-size: 1.0625rem;
font-weight: 700;
line-height: 1.35;
}
.zn-case-zahlen {
display: flex;
flex-wrap: wrap;
gap: 0.375rem 1.5rem;
margin-top: 0.75rem;
padding-top: 0.75rem;
border-top: 1px solid #e3e0dd;
}
.zn-case-zahl {
display: flex;
align-items: baseline;
gap: 0.4rem;
}
.zn-case-wert {
font-size: 1.0625rem;
font-weight: 700;
letter-spacing: -0.01em;
}
.zn-case-wort {
font-size: 0.8125rem;
color: #6b696d;
}
.zn-rueck {
background: #fbfaf9;
}
.zn-rueck-innen-breite {
max-width: 64rem;
margin: 0 auto;
padding: 2.5rem 1.25rem 3rem;
}
.zn-rueck-inner {
padding: 1.75rem;
border: 1px solid #e3e0dd;
border-radius: 16px;
background: #fff;
}
.zn-rueck-dach {
font-size: 0.75rem;
letter-spacing: 0.08em;
text-transform: uppercase;
color: #6b696d;
margin: 0 0 0.75rem !important;
}
.zn-rueck-satz {
max-width: 44rem;
margin: 0 0 1.25rem !important;
color: #4a464d;
}
.zn-rueck-gruppe + .zn-rueck-gruppe {
margin-top: 1.25rem;
padding-top: 1.25rem;
border-top: 1px solid #e3e0dd;
}
.zn-rueck-titel {
display: block;
font-size: 0.75rem;
letter-spacing: 0.06em;
text-transform: uppercase;
color: #6b696d;
margin-bottom: 0.625rem;
}
.zn-rueck-liste {
display: flex;
flex-wrap: wrap;
gap: 0.5rem;
list-style: none;
margin: 0 !important;
padding: 0 !important;
}
.zn-rueck-liste li {
margin: 0;
}
.zn-rueck-liste a {
display: inline-block;
padding: 0.4375rem 0.875rem;
border: 1px solid #e3e0dd;
border-radius: 999px;
background: #fff;
color: #171417;
font-size: 0.875rem;
text-decoration: none;
transition: border-color 0.18s ease;
}
.zn-rueck-liste a:hover,
.zn-rueck-liste a:focus-visible {
border-color: #171417;
}
@media (max-width: 767px) {
.zn-rueck-innen-breite {
padding: 1.75rem 1rem 2.25rem;
}
.zn-rueck-inner {
padding: 1.25rem;
}
}
@media (prefers-reduced-motion: reduce) {
.zn-case,
.zn-rueck-liste a {
transition: none;
}
.zn-case:hover,
.zn-case:focus-visible {
transform: none;
}
}
.vgl .zn-viz {
display: grid;
grid-template-columns: minmax(0, 1fr) minmax(14rem, 19rem);
gap: 1.5rem 3rem;
align-items: center;
max-width: var(--vgl-max);
margin: 3.5rem 0 0;
}
.vgl .zn-viz-bild {
background: var(--vgl-karte);
border: 1px solid var(--vgl-linie);
border-radius: var(--vgl-radius);
padding: 1.75rem 1.5rem;
}
.vgl .zn-viz-bild svg {
display: block;
width: 100%;
height: auto;
}
.vgl .zn-viz-bild text {
font-family: inherit;
}
.vgl .zn-viz-zeile {
text-align: left;
font-size: 0.9375rem;
line-height: 1.65;
color: #4a464d;
margin: 0;
}
.vgl .zn-viz-klein {
display: block;
max-width: 17rem;
margin: 0;
}
.vgl .zn-viz-klein .zn-viz-bild {
padding: 1rem 1rem;
}
.vgl .zn-tech-zeile {
display: grid;
grid-template-columns: minmax(0, 1fr) 17rem;
gap: 1.5rem 3rem;
align-items: center;
}
@media (max-width: 860px) {
.vgl .zn-viz {
grid-template-columns: 1fr;
gap: 1rem;
}
.vgl .zn-tech-zeile {
grid-template-columns: 1fr;
gap: 0.75rem;
}
.vgl .zn-viz-klein {
max-width: 15rem;
}
}
.vgl .zn-viz.hat-eintritt .zv-t {
opacity: 0;
transform: translateY(8px);
}
.vgl .zn-viz.hat-eintritt .zv-flug {
opacity: 0;
transform: translate(-296px, -42px);
}
.vgl .zn-viz.hat-eintritt .zv-mehr {
opacity: 0;
transform: translateY(26px);
}
.vgl .zn-viz.hat-eintritt.ist-eingetreten .zv-t {
opacity: 1;
transform: none;
transition:
opacity 0.55s cubic-bezier(0.22, 1, 0.36, 1),
transform 0.55s cubic-bezier(0.22, 1, 0.36, 1);
transition-delay: var(--zvd, 0ms);
}
.vgl .zn-viz.hat-eintritt.ist-eingetreten .zv-flug,
.vgl .zn-viz.hat-eintritt.ist-eingetreten .zv-mehr {
transition-duration: 0.7s;
}
@media (prefers-reduced-motion: reduce) {
.vgl .zn-viz.hat-eintritt .zv-t,
.vgl .zn-viz.hat-eintritt .zv-flug,
.vgl .zn-viz.hat-eintritt .zv-mehr {
opacity: 1;
transform: none;
transition: none;
}
}
.zn-kacheln {
display: grid;
grid-template-columns: repeat(2, minmax(0, 1fr));
gap: 1.5rem;
margin-top: 2rem;
}
.zn-kacheln .slider2_slide {
min-height: 27rem;
padding: 1.75rem;
border-radius: 1.25rem;
background: #242027;
color: #fff;
isolation: isolate;
}
.zn-kacheln .zn-kachel-gross,
.zn-kacheln .zn-kachel-voll {
grid-column: 1 / -1;
}
.zn-kacheln .zn-kachel-gross {
min-height: 34rem;
padding: 2.25rem;
}
.zn-kacheln .slider2_slide-link {
z-index: 4;
position: absolute;
inset: 0;
border-radius: inherit;
}
.zn-kacheln .slide2_content {
pointer-events: none;
}
.zn-kacheln .slider2_bottom {
grid-template-columns: 1fr;
gap: 1.25rem;
}
.zn-kacheln .zn-kachel-gross .slider2_bottom {
grid-template-columns: 1.35fr 1fr;
gap: 2rem;
}
.zn-kacheln .slider2_bottom-left {
gap: 1rem;
}
.zn-kacheln h3.zn-kachel-titel {
margin: 0;
color: #fff;
font-size: 1.25rem;
line-height: 1.3;
font-weight: 700;
}
.zn-kacheln .zn-kachel-gross h3.zn-kachel-titel {
font-size: clamp(1.5rem, 1.2rem + 1vw, 2rem);
line-height: 1.2;
}
.zn-kacheln .slider2_bottom-right {
grid-template-columns: 1fr 1fr;
gap: 0.75rem;
align-self: end;
}
.zn-kacheln .slider2_box {
padding: 1rem 1.125rem 0.875rem;
border-radius: 0.75rem;
}
.zn-kacheln .slider2_box .heading-style-h3 {
margin: 0;
font-size: clamp(1.5rem, 1.3rem + 0.8vw, 2rem);
line-height: 1.1;
font-weight: 700;
color: #fff;
}
.zn-kacheln .slider2_box > div:last-child {
font-size: 0.875rem;
line-height: 1.35;
color: rgba(255, 255, 255, 0.82);
}
.zn-kacheln .slider2_image {
transition: transform 0.6s cubic-bezier(0.2, 0.7, 0.2, 1);
will-change: transform;
}
.zn-kacheln .slider2_slide:hover .slider2_image,
.zn-kacheln .slider2_slide:focus-within .slider2_image {
transform: scale(1.04);
}
.zn-kacheln .slider2_slide:focus-within {
outline: 2px solid #fff;
outline-offset: 3px;
}
.zn-kacheln .slider2_slide-link:focus-visible {
outline: none;
}
@media (max-width: 860px) {
.zn-kacheln {
grid-template-columns: 1fr;
gap: 1rem;
}
.zn-kacheln .slider2_slide,
.zn-kacheln .zn-kachel-gross {
min-height: 22rem;
padding: 1.25rem;
}
.zn-kacheln .zn-kachel-gross .slider2_bottom {
grid-template-columns: 1fr;
gap: 1.25rem;
}
}
@media (prefers-reduced-motion: reduce) {
.zn-kacheln .slider2_image {
transition: none;
}
.zn-kacheln .slider2_slide:hover .slider2_image,
.zn-kacheln .slider2_slide:focus-within .slider2_image {
transform: none;
}
}


.JOISH987_bar {
background: var(--base-color-neutral--white, white) !important;
border: 1px solid var(--base-color-neutral--black, black) !important;
box-shadow: none !important;
color: var(--base-color-neutral--black, black) !important;
font-family: var(--font-family--font-primary, Abcfavorit, Arial, sans-serif) !important;
}
.JOISH987_bar .JOISH987_bar__info__header,
.JOISH987_bar .JOISH987_bar__info__text,
.JOISH987_bar .JOISH987_bar__bottom__info {
color: var(--base-color-neutral--black, black) !important;
}
.JOISH987_bar .JOISH987_bar__text--link,
.JOISH987_bar .JOISH987_bar__info__link {
color: var(--base-color-neutral--black, black) !important;
text-decoration: underline !important;
}
.JOISH987_bar .JOISH987_link {
background: var(--base-color-neutral--white, white) !important;
border: 1px solid var(--base-color-neutral--black, black) !important;
border-radius: var(--size--medium, 1.75rem) !important;
color: var(--base-color-neutral--black, black) !important;
font-family: var(--font-family--font-primary, Abcfavorit, Arial, sans-serif) !important;
}
.JOISH987_bar .JOISH987_acceptAllBar_btn {
background: var(--base-color-brand--hurra-red, #e4002b) !important;
border-color: var(--base-color-brand--hurra-red, #e4002b) !important;
color: var(--base-color-neutral--white, white) !important;
}
.JOISH987_bar .JOISH987_link:hover {
background: var(--base-color-neutral--black, black) !important;
color: var(--base-color-neutral--white, white) !important;
}
.JOISH987_bar .JOISH987_acceptAllBar_btn:hover {
background: var(--base-color-neutral--black, black) !important;
border-color: var(--base-color-neutral--black, black) !important;
}