@charset "UTF-8";
/* line 2, sass/_normalize.scss */
html, body, div, span, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, address, cite, code, del, dfn, em, img, ins, kbd, q, samp, small, strong, sub, sup, var, b, i, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, button, datalist, input, select, textarea, table, caption, tbody, tfoot, thead, tr, th, td, article, aside, audio, bdi, canvas, details, dialog, figcaption, figure, footer, header, hgroup, main, mark, menu, menuitem, meter, nav, output, picture, progress, rp, rt, ruby, section, summary, svg, time, track, video, wbr, :before, :after, ::before, ::after { background-color: transparent; background-position: center; background-repeat: no-repeat; background-size: contain; border: 0; box-sizing: border-box; color: inherit; float: none; font: inherit; margin: 0; padding: 0; position: relative; text-align: inherit; vertical-align: baseline; white-space: inherit; }

/* line 3, sass/_normalize.scss */
html, body, div, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, address, img, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, button, datalist, input, select, textarea, table, caption, tbody, tfoot, thead, tr, th, td, article, aside, audio, canvas, details, dialog, figcaption, figure, footer, header, hgroup, main, menu, menuitem, meter, nav, output, picture, progress, rp, rt, ruby, section, summary, svg, track, video { vertical-align: top; }

/* line 4, sass/_normalize.scss */
html, button, datalist, input, select, textarea { -webkit-font-smoothing: antialiased; /* font-smoothing: antialiased; text-rendering: optimizeLegibility;*/ }

/* line 5, sass/_normalize.scss */
html { /*-moz-font-feature-settings: "liga=1, dlig=1"; -ms-font-feature-settings: "liga", "dlig"; -webkit-font-feature-settings: "liga", "dlig"; font-feature-settings: "liga", "dlig";*/ height: 100%; overflow-y: scroll; -moz-text-size-adjust: 100%; -ms-text-size-adjust: 100%; -webkit-text-size-adjust: 100%; /* text-size-adjust: 100%;*/ word-wrap: break-word; }

/* line 6, sass/_normalize.scss */
table { border-collapse: collapse; border-spacing: 0; table-layout: fixed; width: 100%; }

.uk-hidden { display: none !important; }

/* line 7, sass/_normalize.scss */
th { font-weight: bold; text-align: left; }

/* line 8, sass/_normalize.scss */
blockquote, q { font-style: italic; quotes: "“" "”" "‘" "’"; }

/* line 9, sass/_normalize.scss */
blockquote:before, q:before, blockquote::before, q::before { content: open-quote; }

/* line 10, sass/_normalize.scss */
blockquote:after, q:after, blockquote::after, q::after { content: close-quote; }

/* line 11, sass/_normalize.scss */
pre, code, kbd, samp, button, datalist, input, select, textarea { font-size: 1em; }

/* line 12, sass/_normalize.scss */
pre, code, kbd, samp { font-family: monospace, monospace; }

/* line 13, sass/_normalize.scss */
strong, b, legend, optgroup, dt { font-weight: bold; }

/* line 14, sass/_normalize.scss */
em, i, dfn, span[lang] { font-style: italic; }

/* line 15, sass/_normalize.scss */
u { text-decoration: none; }

/* line 16, sass/_normalize.scss */
template, [hidden] { display: none; }

/* line 17, sass/_normalize.scss */
img, video, object, iframe, legend, datalist, input, select, textarea, label, article, aside, audio, canvas, details, dialog, figcaption, figure, footer, header, hgroup, main, menu, menuitem, meter, nav, output, picture, progress, rp, rt, ruby, section, summary, svg, track, video { display: block; }

/* line 18, sass/_normalize.scss */
img, video, object, iframe { max-width: 100%; }

/* line 19, sass/_normalize.scss */
img  { height: auto; width: auto; }
video {   max-width: 100%;
  max-height: 100%; }

/* line 20, sass/_normalize.scss */
ol, ul { list-style-position: outside; }

/* line 21, sass/_normalize.scss */
ol { list-style-type: decimal; }

/* line 22, sass/_normalize.scss */
ul { list-style-type: disc; }

/* line 23, sass/_normalize.scss */
sub, sup { font-size: 75%; line-height: 0; }

/* line 24, sass/_normalize.scss */
sub { bottom: -.25em; }

/* line 25, sass/_normalize.scss */
sup { top: -.5em; }

/* line 26, sass/_normalize.scss */
textarea { overflow: auto; resize: vertical; }

/* line 27, sass/_normalize.scss */
button, input[type="checkbox"], input[type="file"], input[type="radio"], input[type="reset"], /*label, select, a { cursor: pointer; }*/

/* line 28, sass/_normalize.scss */
button, html input[type="button"] { -webkit-appearance: button; background-image: none; display: inline-block; width: auto; }

/* line 29, sass/_normalize.scss */
button[disabled], input[disabled] { cursor: default; }

/* line 30, sass/_normalize.scss */
button::-moz-focus-inner, input::-moz-focus-inner { border-width: 0; padding: 0; }

/* line 31, sass/_normalize.scss */
datalist, input, select, textarea, fieldset, legend { width: 100%; }

/* line 32, sass/_normalize.scss */
input[type="text"], input[type="number"], input[type="email"], input[type="tel"], input[type="url"], input[type="password"] { -moz-appearance: none; -webkit-appearance: none; }

/* remove mobile input shadow */
/* line 33, sass/_normalize.scss */
input[type="checkbox"], input[type="radio"], input[type="checkbox"]:focus, input[type="radio"]:focus { background-color: transparent; border-width: 0; box-shadow: none; padding: 0; width: auto; }

/* line 34, sass/_normalize.scss */
input[type="search"] { -webkit-appearance: textfield; padding-right: 0; }

/* line 35, sass/_normalize.scss */
input::-webkit-search-decoration { display: none; }

/* line 36, sass/_normalize.scss */
select { overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }

/* line 37, sass/_normalize.scss */
:focus, :active { transition: none; }

/* line 38, sass/_normalize.scss */
:active { outline: none; }

/* line 2, sass/_transitions.scss */
.no-transitions, .no-transitions * { -moz-transition: 0 !important; -o-transition: 0 !important; -webkit-transition: 0 !important; transition: 0 !important; }

/* line 3, sass/_transitions.scss */
.js .js-fade { -moz-transition: opacity 0.4s ease-in-out; -o-transition: opacity 0.4s ease-in-out; -webkit-transition: opacity 0.4s ease-in-out; transition: opacity 0.4s ease-in-out; }

/* line 16, sass/_transitions.scss */
.js .js-fade-translate { -webkit-transition: opacity 0.4s ease-in-out, -webkit-transform 0.4s ease-in-out; -moz-transition: opacity 0.4s ease-in-out, -moz-transform 0.4s ease-in-out; -ms-transition: opacity 0.4s ease-in-out, -ms-transform 0.4s ease-in-out; -o-transition: opacity 0.4s ease-in-out, -o-transform 0.4s ease-in-out; transition: opacity 0.4s ease-in-out, transform 0.4s ease-in-out; }

/* line 24, sass/_transitions.scss */
.js .mask1, .js .mask2 { -moz-transition: height 3s cubic-bezier(0.165, 0.84, 0.44, 1); -o-transition: height 3s cubic-bezier(0.165, 0.84, 0.44, 1); -webkit-transition: height 3s cubic-bezier(0.165, 0.84, 0.44, 1); transition: height 3s cubic-bezier(0.165, 0.84, 0.44, 1); }

/* line 1, sass/_default-styles.scss */
html, .base { color: #444444; }

/* line 2, sass/_default-styles.scss */
html, .text { font-family: 'Rubik', sans-serif; font-size: 1rem; font-style: normal; font-weight: normal; letter-spacing: normal; line-height: 1.375; }

/* line 3, sass/_default-styles.scss */
html { font-size: 100%; }

/* line 4, sass/_default-styles.scss */
body { background-color: #fff; height: auto; min-height: 100%; overflow: hidden; font-weight: 300; }

/* line 5, sass/_default-styles.scss */
body:after { content: "0em"; display: block; height: 0; position: absolute; overflow: hidden; width: 0; }

/* line 6, sass/_default-styles.scss */
h1, h2, h3, h4, h5, h6, .title, .title-sub, .title-subsub { color: #022d4f; font-weight: 300; }

/* line 7, sass/_default-styles.scss */
h1, .title { font-size: 4rem; line-height: 1; margin: 0 0 1em; }

/* line 8, sass/_default-styles.scss */
h2, .title-sub { font-size: 1.5rem; line-height: 1.1; margin: 1.5em 0 .6875em; }

/* line 9, sass/_default-styles.scss */
h3, h4, .title-subsub { font-size: 1em; }

/* line 10, sass/_default-styles.scss */
p, ol, ul, blockquote, /*img,*/ table, form, fieldset, pre, iframe, object, embed, video, audio, figure, figcaption, canvas, .p, h3, h4 { margin-top: 1.375rem; }

/* line 11, sass/_default-styles.scss */
p, ol, ul, blockquote, img, table, form, fieldset, pre, iframe, object, embed, video, audio, figure, figcaption, canvas, .p { margin-bottom: 1.375rem; }

/* line 12, sass/_default-styles.scss */
ol, ul { }

/* line 13, sass/_default-styles.scss */
li { margin-bottom: 0.6875rem; margin-top: 0.6875rem; }

/* line 14, sass/_default-styles.scss */
a, a:before a:after, button, button:before, button:after, datalist, input, select, textarea, label, .trans { -webkit-tap-highlight-color: transparent; transition: .1s; }

/* line 15, sass/_default-styles.scss */
a { color: #022d4f; text-decoration: none; }

/* line 16, sass/_default-styles.scss */
a:visited, a:hover, a.hover { }

/* line 17, sass/_default-styles.scss */
a:hover, a:active { color: #022d4f; text-decoration: none; text-shadow: none; }

/* line 19, sass/_default-styles.scss */
button, datalist, input, select, textarea, legend, label, .label, .btn { line-height: normal; }

/* line 20, sass/_default-styles.scss */
button, datalist, input, select, textarea { border-radius: 8px; padding: .75em 1em; text-transform: none; }

/* line 21, sass/_default-styles.scss */
button { background-color: #022d4f; color: #fff; font-weight: lighter; text-align: center; }

/* line 22, sass/_default-styles.scss */
button:hover, button:active { background-color: #9a1245; }

/* line 23, sass/_default-styles.scss */
datalist, input, select, textarea { background-color: #eaeaea; color: #444444; }

/* line 24, sass/_default-styles.scss */
textarea { min-height: 8em; }

/* line 25, sass/_default-styles.scss */
:first-child, .section:first-child { margin-top: 0; }

/* line 26, sass/_default-styles.scss */
:last-child, .section:last-child { margin-bottom: 0; }

/*::selection { background-color: rgba(, , , .7); color: #fff; text-shadow: none; }*/
/*::selection:window-inactive { background-color: ; }*/
/* line 1, sass/_default-classes.scss */
.list { list-style: none; }

/* line 2, sass/_default-classes.scss */
.accessibility, .js .js-accessibility { clip: rect(1px, 1px, 1px, 1px); height: 1px; overflow: hidden; position: absolute; width: 1px; }

/* line 3, sass/_default-classes.scss */
.accessibility:focus, .js .js-accessibility:focus { clip: auto; height: auto; overflow: visible; position: fixed; width: auto; }

/* line 4, sass/_default-classes.scss */
.group, .block, .wrap, .p { display: block; }

/* line 5, sass/_default-classes.scss */
.group:before, .group:after { content: " "; display: table; }

/* line 6, sass/_default-classes.scss */
.group:after { clear: both; }

/* line 7, sass/_default-classes.scss */
.wrapper { margin-left: auto; margin-right: auto; }

/* line 8, sass/_default-classes.scss */
.wrap { overflow: hidden; }

/* line 9, sass/_default-classes.scss */
.static { position: static; }

/* line 10, sass/_default-classes.scss */
.link-alt:hover, .link-alt:active { background-color: transparent; }

/* line 11, sass/_default-classes.scss */
.link-alt:active { background-color: transparent; box-shadow: none; }

/* line 12, sass/_default-classes.scss */
.accent { font-weight: bold; }

/* line 13, sass/_default-classes.scss */
.special { font-style: italic; }

/* line 14, sass/_default-classes.scss */
.center { text-align: center; }

/* line 15, sass/_default-classes.scss */
.fill { bottom: 0; height: 100%; left: 0; margin: 0; max-width: none; padding: 0; position: absolute; right: 0; top: 0; width: 100%; }

/* line 16, sass/_default-classes.scss */
.full { width: 100%; }

/* line 17, sass/_default-classes.scss */
.number::-webkit-outer-spin-button, .number::-webkit-inner-spin-button { -webkit-appearance: none; margin: 0; }

/* line 18, sass/_default-classes.scss */
.video { background-color: #000; display: block; padding: 0 0 56.25%; position: relative; }

/* line 19, sass/_default-classes.scss */
.video iframe, .video object, .video embed { height: 100% !important; left: 0; margin: 0; position: absolute; top: 0; width: 100% !important; }

/* line 10, sass/main.scss */
strong { font-weight: 400; color: #022d4f; }

/* line 11, sass/main.scss */
.menu-nav, .menu-close { right: 0; }

/* line 12, sass/main.scss */
.menu-nav-btn:before { background-image: url("../dq_data/icons/menu.svg"); }

/* line 13, sass/main.scss */
.menu-nav-btn-text { display: none; visibility: hidden; }

/* line 14, sass/main.scss */
.menu-nav-btn:after { content: "☰ Menü"; }

/* line 15, sass/main.scss */
.menu-nav-btn:hover, .menu-nav-btn:active { color: #444444; }

/* line 16, sass/main.scss */
.content { margin-left: auto; margin-right: auto; max-width: 75rem; }


/* line 17, sass/main.scss */
.mod { margin-left: -1.375rem; margin-right: -1.375rem; }

/* line 18, sass/main.scss */
.btn { background-color: #022d4f; color: #fff; display: inline-block; font-weight: bold; line-height: 1.2; margin-right: -1em; padding: .75em 1em; text-align: center; text-decoration: none; vertical-align: top; }

/* line 19, sass/main.scss 
.btn::after { content: "\0000a0›"; }*/

/* line 20, sass/main.scss */
.btn:visited { color: rgba(255, 255, 255, 0.8); }

/* line 21, sass/main.scss */
.btn:hover, .btn:active { background-color: #9a1245; color: #fff; }

/* line 22, sass/main.scss */
.body--menu { position: fixed; }

/* needs dynamic 'top' value through JS */
/* line 23, sass/main.scss */
.body--menu .nav { z-index: 40; }

/* line 24, sass/main.scss */
.body--menu .nav-content { -webkit-transform: translateX(-100%); transform: translateX(-100%); }

/* line 25, sass/main.scss */
.list--faq { margin-left: -1em; margin-right: -1em; }

/* line 26, sass/main.scss */
.list { list-style: none; }

/* line 29, sass/main.scss */
.button--acc:after { content: ""; height: 0.75em; width: 0.5em; vertical-align: middle; background-size: cover; background-image: url("/css/images/ic_nav-right.svg"); display: inline-block; position: absolute; right: 1em; top: 50%; transform: translateY(-50%); -webkit-transform: translateY(-50%); -ms-transform: translateY(-50%); -moz-transform: translateY(-50%); }

/* line 30, sass/main.scss */
.acc-active .button--acc:after { background-image: url("/css/images/ic_nav-up.svg"); }

/* line 31, sass/main.scss */
.button--acc h2 { display: inline-block; margin: 0; }

/* line 33, sass/main.scss */
.button--acc { background-color: transparent; height: 100%; padding: 0; padding: 1em; text-align: left; width: 100%; display: block; }

/* line 34, sass/main.scss */
.acc-container { border: 1px solid #e8e8e8; }

/* line 35, sass/main.scss */
.acc-content { padding: 1em; }

/* line 36, sass/main.scss */
.button--acc:hover { background-color: transparent; }

/* line 37, sass/main.scss */
.acc-container:hover { background-color: white; }

/* line 40, sass/main.scss */
.btn-block { font-size: 1.1em; display: block; font-weight: 400; border: 1px solid rgba(231, 43, 113, 0.2); padding: 0.4em 1.3em 0.4em 0.6em; text-decoration: none; margin-bottom: 0.6rem; }

/* line 51, sass/main.scss */
.faq-wrapper svg { position: absolute; right: 0.5em; top: 50%; transform: translateY(-50%); width: 0.3em; opacity: 0.8; }
/* line 60, sass/main.scss */
.faq-wrapper a:hover .faq-arrow { fill: #fff; }
/* line 64, sass/main.scss */
.faq-wrapper:first-of-type { margin-top: 1.8rem; }
@media screen and (min-width: 65em) { /* line 50, sass/main.scss */
  .faq-wrapper { margin-left: -1rem; margin-right: -1rem; }
  /* line 13, sass/_utils.scss */
  .faq-wrapper body:after { content: "65em"; } }

/* line 73, sass/main.scss */
.quiet { color: #c4c4c4; }

/* line 74, sass/main.scss */
.primary { color: #022d4f; }

/* line 75, sass/main.scss */
.light { font-weight: 300; }

/* line 76, sass/main.scss */
.nav-meta { position: absolute; top: 5em; width: 100%; }

/* line 77, sass/main.scss */
.meta-item { margin-left: -1em; margin-right: -1em; }

/* line 79, sass/main.scss */
.btn { background-color: #022d4f !important; display: block; padding: 11px 14px !important; font-weight: 300 !important; border-radius: 8px; color: #ffffff !important; }

/* line 80, sass/main.scss */
.btn:hover { background-color: #022d4fde !important; }

/* line 81, sass/main.scss */
.btn--outer { padding: 1em; }

/* line 82, sass/main.scss */
.logo-image.logo-image { height: 30px; width: 8.95em; }

/* line 83, sass/main.scss */
.content { padding: 1em; }

/* line 84, sass/main.scss */
.logo { text-decoration: none; }

/* line 85, sass/main.scss */
.domain-checker-form { margin-left: -1em; margin-right: -1em; }

/* line 87, sass/main.scss */
.page { width: 100%; }

/* line 88, sass/main.scss */
.page-inner { min-height: 100%; width: 100%; }

/* line 89, sass/main.scss */
.container { margin: 0 auto; max-width: 80em; z-index: 1;}

.containerstart { margin: 0 auto; max-width: 80em; z-index: 1;}

.container-menu { margin: 0 auto; max-width: 80em; z-index: 1;}

@media screen and (max-width: 49.99em) {
  .container-menu.desktop-only,
  .container-menu.desktop-only ul,
  .container-menu.desktop-only li {
    display: none !important;
  }
}

@media screen and (max-width: 49.99em) {
  .desktop-only {
    display: none !important;
  }
}

/* line 90, sass/main.scss */
.container--sub-alt { margin: 0 auto; max-width: 66.5em; z-index: 1; }

/* line 91, sass/main.scss */
.container-alt { background-color: #022d4f; padding-bottom: 3em; padding-top: 1em; background-position: 0 0; }

/* line 92, sass/main.scss */
.full-height { height: 87vh; }

/* line 93, sass/main.scss */
.backgrounds { bottom: 0; left: 0; overflow: hidden; position: absolute; width: 100vw; z-index: 1; }

/* line 94, sass/main.scss */
.mask { left: 0; overflow: hidden; position: absolute; top: 0; width: 100%; -moz-transform: translate3d(0, 0, 0); -ms-transform: translate3d(0, 0, 0); -webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); }

/* line 95, sass/main.scss */
.mask-inner { background-position: top center; background-repeat: no-repeat; height: 100%; left: 0; position: absolute; top: 0; width: 100%; -moz-background-size: cover; -o-background-size: cover; -webkit-background-size: cover; background-size: cover; }

/* line 96, sass/main.scss */
.responding-checker, .page-grid { display: none; }

/* line 97, sass/main.scss */
.post-target { height: 100%; margin: 0; min-height: 28em; width: 100%; }

/* line 98, sass/main.scss */
.main-grid { padding: 1.375rem; }

/* line 99, sass/main.scss */
footer { background-color: #444444; }

/* line 100, sass/main.scss */
footer .nav-content, footer .menu-item { background-color: #444444 !important; border: none; position: static !important; }

/* line 101, sass/main.scss */
footer .menu-item a { background-color: #101010 !important; border-top: none !important; color: #FFFFFF !important; font-size: 14px !important; }

/* line 102, sass/main.scss */
footer .menu-item a:hover { background-color: #2a2a2a !important; }

/* line 103, sass/main.scss */
.page-block { background-size: cover; display: table; width: 100%; background-position: 0 0.5em; }

/* line 104, sass/main.scss */
.page-block__inner { display: table-cell; padding: 1em; vertical-align: middle; }

/* line 105, sass/main.scss */
.page-block--intro__outer { margin-top: 7.5em; }

/* line 106, sass/main.scss */
.page-block--text { max-width: 47em; }

.page-block--textacc { max-width: 100%; border-radius: 8px; }

/* line 107, sass/main.scss */
.page-block--intro { margin-bottom: 2.5em !important; }

/* line 108, sass/main.scss */
.page-block--intro p { color: #FFFFFF; font-size: 1.55em; text-decoration: none; }

/* line 109, sass/main.scss */
.page-block--intro a { text-decoration: none; }

/* line 110, sass/main.scss */
.footer { background-color: #022d4f; }
/* line 112, sass/main.scss */
.footer li { display: inline-block; margin: 0; }
/* line 117, sass/main.scss */
.footer .menu-btn { color: #ffffff !important; background-color: #022d4f !important; text-decoration: none; }
/* line 120, sass/main.scss */
.footer .menu-btn:hover {
  background-color: #022d4f !important;
}

/* Mobile Ansicht Footer */
@media (max-width: 768px) {
  .footer .meta-list {
   display: inline-block;       /* nicht block, sondern inline-block */
      text-align: center;          /* Text zentrieren */
      width: auto;                 /* volle Breite nicht nötig */
      padding-left: 1.375rem;      /* optional: gleiche Padding wie Desktop */
      padding-right: 1.375rem;
  }

  .footer .meta-item {
    display: block !important; /* Jedes Listenelement blockweise darstellen */
    margin: 10px 0 !important; /* Abstand zwischen den Elementen */
  }
}

/* line 125, sass/main.scss */
.page-block--intro a:hover { background-color: transparent; text-decoration: underline; }

/* line 126, sass/main.scss */
.page-block--button { border: 2px solid white; color: #FFFFFF; display: inline-block; font-weight: bold; padding: 1em 5.125em; text-decoration: none; text-transform: uppercase; }

/* line 127, sass/main.scss */
.page-block--button:visited { color: #FFFFFF; }

/* line 128, sass/main.scss */
.page-block--button:hover { background-color: transparent; border: 2px solid rgba(255, 255, 255, 0.5); color: #FFFFFF; }

/* line 129, sass/main.scss */
.btn--alt, .btn--alt:visited { border-color: #9e9e9e; color: #9e9e9e; padding: 1em; text-transform: none; }

/* line 130, sass/main.scss */
.btn--alt:hover { border-color: #9e9e9e; color: #9e9e9e; background-color: #cccccc; }

/* line 131, sass/main.scss */
.page-block--title { color: #FFFFFF; font-size: 3.25em; font-weight: normal; }

/* line 132, sass/main.scss */
.stories-link, .stories-link:visited { color: #FFFFFF; }

/* line 133, sass/main.scss */
.stories-link { display: inline-block; font-size: 1.125em; text-decoration: none; }

/* line 134, sass/main.scss */
.stories-link:hover { background-color: transparent; text-decoration: underline; }

/* line 135, sass/main.scss */
.stories-link:after { background-image: url("/css/images/ic_nav-down.svg"); content: ""; display: block; height: .5em; margin-top: .5em; }

/* line 136, sass/main.scss */
.stories-outer { margin-top: 3em; }

/* line 137, sass/main.scss */
.stories-outer a { left: 50%; transform: translateX(-50%); }

/* line 138, sass/main.scss */
.container-alt--sub { padding: 3.25em 0; padding-bottom: 1.875em; }

/* line 139, sass/main.scss */
.page-block--list { margin-bottom: -.5em; margin-left: -.5em; margin-right: -.5em; margin-top: -.5em; }


/* line 140, sass/main.scss */
.page-block--list__item { box-sizing: border-box; color: #FFFFFF; display: inline-block; margin: 0; margin-top: 0; padding: .5em; width: 100%; }
@media (max-width: 768px) {
  .page-block--list__item {
	  /*padding-left: 50px;
	  padding-right: 50px;*/
	  margin: 0 auto; 
      display: flex;
	}
}

.page-block--list__itemsub { box-sizing: border-box; color: #FFFFFF; display: inline-block; margin: 0; margin-top: 0; padding: .5em; width: 24%; }

@media (max-width: 768px) {
  .page-block--list__itemsub {
	  width: 100%;
	  padding-left: 50px;
	  padding-right: 50px;
	  margin: 0 auto; 
      display: flex;
	}
}

.page-block--list__link-start {
  position: relative;
  background-color: #ffffff;
  color: #6E6E6E !important;
  font-size: 0.9375em;
  display: block;
  min-height: 192px;
  padding: 1.875em;
  text-decoration: none;
  overflow: hidden;
  border-bottom: 4px solid #c81759; 
}

@media (max-width: 768px) {
  .page-block--list__link-start {
	  border-radius: 8px;
	}
}

.page-block--list__link-start p {
font-size: 1.5rem;
    margin-bottom: 18px;
}
/* 🔺 diagonale Ecke oben rechts */
.page-block--list__link-start::before {
  content: "";
  position: absolute;
  top: 0;
  right: 0;
  width: 0;
  height: 0;
  border-top: 50px solid #c81759;       
  border-left: 50px solid transparent;  
}


/* line 145, sass/main.scss 
.list__link--alt { border: 1px solid #E0E0E13D; border-bottom: 5px solid #C81759;}*/

/* line 145, sass/main.scss */
.list__link--alt {
  border: 1px solid #E0E0E13D;
  border-bottom: 5px solid #022d4f;
  box-shadow: 0 4px 12px rgba(0, 0, 0, 0.2);
}

@media (max-width: 768px) {
  .list__link--alt {
	  width: 100%;
	  border-radius: 8px;
	  padding: 15px	;
	}
}

/* line 147, sass/main.scss */
.more-articles__item { background-color: #ffffff; overflow: hidden; display: flex; height: 100%; flex-direction: column; }

/* line 148, sass/main.scss */
.more-articles__link { display: flex; height: 100%; flex-direction: column; border: 1px solid #E0E0E1; color: #444444; display: block; line-height: 1.625; padding: 2em; text-decoration: none; }

/* line 149, sass/main.scss */
.more-articles__link .title--linked { font-size: 1.5rem; color: #C81759; }

/* line 150, sass/main.scss */
.more-articles__link:hover { background-color: transparent; color: #444444 !important; }

/* line 151, sass/main.scss */
.more-articles__item:hover { background-color: #e6e6e6; }

/* line 152, sass/main.scss */
.more-articles--title { margin-bottom: 3.875rem; text-align: center; }

/* line 153, sass/main.scss */
.head-image { background-size: cover; border-radius: 100%; height: 8.25em; margin: 0 auto; width: 8.25em; }

/* line 154, sass/main.scss */
.call-to { margin: 0 auto; max-width: 51em; }

/* line 154, sass/main.scss */
.call-to-reseller { margin-left: auto; max-width: 68em; }

/* line 155, sass/main.scss */
.call-to__image { margin-bottom: 1em; }

/* line 156, sass/main.scss */
.call-to__inner {
  display: flex;
  flex-direction: row-reverse; /* Text nach rechts verschieben */
  align-items: center; /* Zentriert vertikal */
  border: 1px solid #E0E0E1;
   /* Padding für den gesamten Container */
  width: 100%;
  margin: 0 auto;
  gap: 2em; /* Abstand zwischen Text und Bild */
  border-radius: 8px;
  padding: 40px;
}
.call-to__innerwboarder {
  flex-direction: row-reverse; /* Text nach rechts verschieben */
  align-items: center; /* Zentriert vertikal */
  border: 0px solid #E0E0E1;
   /* Padding für den gesamten Container */
  width: 100%;
  margin: 0 auto;
  gap: 2em; /* Abstand zwischen Text und Bild */
  border-radius: 8px;
}

.call-to__image {
  display: flex;
  align-items: center;
  justify-content: flex-start; /* Das Bild links ausrichten */
  margin-left: -2.1875em; /* Das Bild nach links verschieben, um an der Rahmenecke zu kleben */
}

.call-to__image img {
  max-width: 140px;
  height: auto;
}


/* line 157, sass/main.scss */
.section-sub { margin: 3em 0; }

/* line 158, sass/main.scss */
.section-start { margin-top: 0 !important; }

/* line 159, sass/main.scss */
.section--alt { margin-left: -1.375rem; margin-right: -1.375rem; }

/* line 160, sass/main.scss */
.page-block--list__link:before {
  content: "";
  position: absolute;
  display: block;
  top: 8;
  left: 0;
  right: 0;
  bottom: 0;
  width: 100%;

  border-top: 8px solid rgba(255, 255, 255, 0.81);
  border-left: 8px solid rgba(255, 255, 255, 0.81);
  border-right: 8px solid rgba(255, 255, 255, 0.81);
  border-bottom: 0;
}


/* line 161, sass/main.scss */
/*.arrow:after { content: "\00a0\203A"; }*/

/* line 162, sass/main.scss */
.arrow.coloured:after, .coloured, a.coloured:visited { color: #86A6CA; }

/* line 163, sass/main.scss */
.page-block--list__link p { font-size: 1.5rem; margin-bottom: 18px; }

/* line 166, sass/main.scss */
.logo-image { color: #FFFFFF; display: block; margin: 0; padding: 0; vertical-align: baseline; }

/* line 167, sass/main.scss */
.logo-text { color: rgba(225, 225, 225, 0.95); display: block; font-style: italic; margin: 0.34375rem 0 0 0; padding: 0; vertical-align: baseline; }

/* line 170, sass/main.scss */
.domain-checker { float: right; right: 0; top: 0; width: 100%; z-index: 20; }

/* line 171, sass/main.scss */
.domain-checker .grid { display: block; height: 3em; margin: 0; }

/* line 172, sass/main.scss */
.domain-checker .grid-item { display: inline-block; height: 3em; margin: 0; }

/* line 173, sass/main.scss */
.domain-checker .grid-item:first-of-type { width: 90%; }

/* line 174, sass/main.scss */
.domain-checker .grid-item:last-of-type { width: 10%; }

/* line 175, sass/main.scss */
.domain-checker-text { background-color: #EEEEEE; border: 0; color: #333333; height: 3em; }

/* line 176, sass/main.scss */
.domain-checker-text:focus { background-color: #d5d5d5; outline: 0; }

/* line 177, sass/main.scss */
.domain-checker-button { background-color: #EEEEEE !important; background-image: url("/css/images/ic_search.svg"); background-position: center center; background-repeat: no-repeat; background-size: 1.75em; height: 3em; overflow: hidden; text-indent: -999em; }

/* line 178, sass/main.scss */
.locked:before { content: ""; background-image: url("../dq_data/icons/ic_lock.svg") !important; width: 12px !important; height: 12px !important; display: inline-block !important; right: 0.5em; background-size: cover; vertical-align: middle; }

/* line 189, sass/main.scss */
.nav-inner, .nav-main, .nav-main ul { height: 100%; width: 100%; }

/* line 190, sass/main.scss */
.menu-nav, .menu-close { right: 0; }

/* line 191, sass/main.scss */
.menu-nav-btn-text { display: none; visibility: hidden; }

/* line 192, sass/main.scss */
.menu-nav-btn:hover, .menu-nav-btn:active { color: #444444; }

/* line 193, sass/main.scss */
.content { margin-left: auto; margin-right: auto; max-width: 80rem; }

@media (max-width: 799px) {
	.content{
	max-width: 13em;}
}

@media (max-width: 799px) {
	.cgmobilefix{
		max-width: 24em;
		padding: 15 0 0 0;
	}
}

/* line 194, sass/main.scss */
.mod { margin-left: -1.375rem; margin-right: -1.375rem; }

/* line 195, sass/main.scss */
.btn { background-color: #C81759; color: #FFFFFF; display: inline-block; font-weight: bold; line-height: normal; margin-right: -1em; padding: .75em 1em; text-align: center; text-decoration: none; vertical-align: top; }

/* line 196, sass/main.scss */
.btn:visited { color: rgba(255, 255, 255, 0.8); }

/* line 197, sass/main.scss */
.btn:hover, .btn:active { background-color: #9a1245; color: #FFFFFF; }


.nav-content { background-color: #FFFFFF; display: inline-block; height: 100%; left: 100%; position: fixed; top: 0; transition: .4s transform; width: 100%; z-index: 20; }

@media (max-width: 799px) {
    .nav-content {
        max-height: 100vh;     
        overflow-y: auto;       
        -webkit-overflow-scrolling: touch; 
    }
}

@media (min-width: 800px) {
    .nav-content {
        max-height: none;      
        overflow: visible;     
    }
}

@media (max-width: 799px) {

  .sub-menu--main {
    text-align: center;
  }

  .sub-menu-item {
    text-align: center;
  }

  .sub-menu-link {
    padding: 0 0 12px 0;
    text-align: center;
    font-size: 1.05rem;
  }
}

.sub-menu-title {
  color: #C81759;
  font-weight: 900;
  list-style: none;
  border-bottom: 1px solid #ffffff59;
  padding: 0 0 4px 0;
  border-radius: 1px;
}

@media (max-width: 799px) {
  .sub-menu-title {
    padding: 10px 0 10px 0;
	text-align: center;
	border-radius: 8px;
  }
}


.menu-close { background-color: #FFFFFF; color: #444444; height: 2.8rem; overflow: hidden; padding: .75em; position: absolute; text-decoration: none; text-indent: 100%; white-space: nowrap; z-index: 10; }

/* line 200, sass/main.scss */
.menu-close:after { background-image: url("../dq_data/icons/ic_close.svg"); content: ""; display: block; height: 1.5em; margin: auto; width: 2.5em; }

/* line 201, sass/main.scss */
.menu-close:hover, .menu-close:active, .menu-btn.active { background-color: #eaeaea; }

/* line 202, sass/main.scss */
.menu-item { line-height: 1.2; margin: 1px 0; }

@media screen and (max-width: 49.99em) {
  .menu-item.desktop-only { display: none !important; }
}

/* line 203, sass/main.scss */
.menu-btn, .menu-btn:visited { background-color: #fbfbfb; color: #022d4f; display: block; text-decoration: none; border-radius: 8px; }

@media screen and (max-width: 799px) {
  .menu-btn, .menu-btn:visited { padding: 15 0 0 0 }
}

@media screen and (max-width: 799px) {
  .menu-item-mobile { padding: 15px; background-color: #fbfbfb; border-radius: 8px; text-align: center;	}
}

/* line 204, sass/main.scss */
.menu-item { font-family: 'Rubik', sans-serif; }

/* line 205, sass/main.scss */
.menu-item:nth-child(-n+0), .menu-nav, .menu-close { bottom: 0; font-size: .625rem; position: fixed; }

/* line 206, sass/main.scss */
.menu-item:nth-child(-n+0) .menu-btn, .menu-item:nth-child(-n+0) .menu-btn:visited, .menu-nav-btn, .menu-nav-btn:visited, .menu-close { background-color: #FFFFFF; color: #9B9B9B; overflow: hidden; padding: 1.7em; text-align: center; text-decoration: none; text-overflow: ellipsis; vertical-align: top; white-space: nowrap; }

/* line 207, sass/main.scss */
.menu-item:nth-child(-n+0) .menu-btn--active { background-color: #eaeaea; }

/* line 208, sass/main.scss */
.menu-item:nth-child(-n+0) .menu-btn:hover, .menu-item:nth-child(-n+0) .menu-btn:active, .menu-nav-btn:hover, .menu-nav-btn:active { background-color: #eaeaea; color: #444444; }

/* line 209, sass/main.scss */
.menu-item:nth-child(1) { left: 0; }

/* line 210, sass/main.scss */
.menu-item:nth-child(2) { left: 0%; }

/* line 211, sass/main.scss */
.menu-item:nth-child(3) { left: 0%; }

/* line 212, sass/main.scss */
.menu-item:nth-child(4) { left: 0%; }

/* line 213, sass/main.scss */
.logo { display: inline-block; }

/* line 214, sass/main.scss */
.logo img { height: 1.625em; }

/* line 215, sass/main.scss */
.container__nav { z-index: 2; }

/* line 216, sass/main.scss */
.logo-image { background-image: url("../dq_data/logo/swit.png"); }

/* line 218, sass/main.scss */
.sub-menu--main { display: none; left: 0; position: absolute; width: 100%; }

.sub-menu--main.active {
    display: flex !important; /* oder block, je nach Layout */
    flex-direction: column;
    position: absolute;
    top: 100%;
    left: 0;
    width: 100%;
    background-color: #fff; /* optional */
    z-index: 50;
}

/* line 219, sass/main.scss */
.sub-menu-item { margin: -2px; margin-left: 0; }

/* line 220, sass/main.scss */
.sub-menu-item:first-child { margin-top: 0; }

/* line 221, sass/main.scss */
.sub-menu-link { font-size: 0.875em; border-bottom: 0px solid #e8e8e8; border-top: 0px solid #e8e8e8; color: #444444; display: inline-block; margin: 1px 0 0 0; padding-left: 0; text-decoration: none; width: 100%; }

/* line 222, sass/main.scss */
.sub-menu-link:before { /*content: "\203A";*/ padding-right: 1em; vertical-align: top; }

/* line 223, sass/main.scss */
.sub-menu-link:hover { background-color: transparent; color: #444444; }

/* line 224, sass/main.scss */
.sub-menu-link span { display: inline-block; max-width: 10em; }

/* line 225, sass/main.scss */
.active span, .sub-menu-link:hover span { text-decoration: none; }

/* line 226, sass/main.scss */
.sub-menu-link.active { font-weight: normal !important; }

/* line 227, sass/main.scss */
.sub-menu-link:hover:before { text-decoration: none !important; }

/* line 228, sass/main.scss */
.sub-menu-list .sub-menu-item:first-of-type .sub-menu-link { margin-bottom: 0; }

/* line 229, sass/main.scss */
.sub-menu-item .sub-menu-link.active { font-weight: bold; }

/* line 232, sass/main.scss */
.title-wrapper { padding: 1.375rem; position: relative; }

/* line 233, sass/main.scss */
.page-heading { color: #FFFFFF; font-size: 2.5em; font-weight: normal; letter-spacing: -2.5px; }

/* line 234, sass/main.scss */
.lead { color: #6E6E6E; font-size: 1.5rem; max-width: 640px !important; }

/* line 237, sass/main.scss */
.learn-more:before { background-image: url("/css/images/phone.svg"); content: ""; display: inline-block; height: 1.5em; margin-right: 0.6875rem; position: relative; vertical-align: text-bottom; width: 1.5em; -moz-background-size: contain; -o-background-size: contain; -webkit-background-size: contain; background-size: contain; }

/* line 238, sass/main.scss */
.tags:before { background-image: url("/css/images/tags.svg"); content: ""; display: inline-block; height: 1.5em; margin-right: 0.6875rem; position: relative; vertical-align: text-bottom; width: 1.5em; -moz-background-size: contain; -o-background-size: contain; -webkit-background-size: contain; background-size: contain; }

/* line 241, sass/main.scss */
.teamviewer { text-decoration: none; }

/* line 242, sass/main.scss */
.teamviewer-img { border: 0; height: 60px; width: 234px; }

/* line 243, sass/main.scss */
.teamviewer-txt { color: #424242; cursor: pointer; display: block; font-family: Arial; font-size: 0.75em; font-weight: bold; left: 60px; line-height: 1.2em; position: relative; text-align: center; top: -50px; width: 169px; }

/* line 246, sass/main.scss */
.download { width: 100%; margin-top: 1.875em; }

/* line 247, sass/main.scss */
.download__link, .download__link:visited { text-decoration: none; font-weight: normal; display: block; padding: 1.25em; border: 2px solid #efefef; }

/* line 248, sass/main.scss */
.download__link:hover { background-color: #e6e6e6; color: #444444; }

/* line 249, sass/main.scss */
.download__link:before { background-image: url("/css/images/ic_download-alt.png"); content: ""; height: 1em; width: 1em; display: inline-block; margin-right: 1em; vertical-align: middle; }

/* line 250, sass/main.scss */
.c-site-by { padding: 0 1em; }

/* line 255, sass/main.scss */
body { padding-bottom: 3em; }

@media screen and (min-width: 25em) { /* line 13, sass/_utils.scss */
  body:after { content: "25em"; }
  /* line 257, sass/main.scss */
  .logo-image, .logo-text { display: inline-block; }
  /* line 258, sass/main.scss */
  .logo-text { margin: 0 0 0 0.34375rem; } }
@media screen and (min-width: 35em) { /* line 13, sass/_utils.scss */
  body:after { content: "35em"; }
  /* line 261, sass/main.scss */
  .page-block--list__item { width: 50%; } }
@media screen and (min-width: 45em) { /* line 13, sass/_utils.scss */
  body:after { content: "45em"; }
  /* line 264, sass/main.scss */
  .cases .page-block:nth-child(even) .page-block--text { float: right; }
  /* line 265, sass/main.scss */
  .page-block--text { margin-left: 0px; }
  /* line 266, sass/main.scss */
  .container__nav { padding-left: 1rem; z-index: 2; }
  /* line 267, sass/main.scss */
  .title-wrapper { padding: 1.375rem; width: 65%; }
  /* line 268, sass/main.scss */
  .page-block--intro p { font-size: 3.5em; line-height: 1.0892857143; } }
/* line 270, sass/main.scss */
.phone { padding: 1em 0; display: inline-block; vertical-align: middle; color: #9B9B9B; text-decoration: none; }
/* line 276, sass/main.scss */
.phone:hover { text-decoration: underline; background-color: transparent; color: #9B9B9B; }

@media screen and (min-width: 50em) { /* line 13, sass/_utils.scss */
  body:after { content: "50em"; }
  /* line 282, sass/main.scss */
  .nav { font-size: 75%; line-height: 1.6; position: fixed; top: 0; z-index: 99999; }
  /* line 283, sass/main.scss */
  .menu-btn--right { float: right; }
  /* line 286, sass/main.scss */
  .btn--contact { display: inline-block; }
  /* line 289, sass/main.scss */
  .btn--login { display: inline-block; background-color: #c81759;color: #fff;}
  /* line 289, sass/main.scss */
  .phone { padding: 0; margin: 1em 0 0 1.5em; font-size: 14px; }
  /* line 294, sass/main.scss */
  .c-site-by { position: absolute; top: 0; right: 2em; }
  /* line 295, sass/main.scss */
  .content { max-width: 60rem; padding: 0; }
  /* line 296, sass/main.scss */
  .menu-nav, .menu-close { bottom: auto; clip: rect(1px, 1px, 1px, 1px); height: 1px; left: auto; overflow: hidden; position: fixed; right: auto; width: 1px; }
  /* line 297, sass/main.scss */
  .menu-nav-btn:focus { clip: auto; height: auto; position: fixed; right: 0; top: 0; width: auto; }
  /* line 298, sass/main.scss */
  .menu-nav-btn:hover, .menu-nav-btn:active { background-color: transparent; }
  /* line 299, sass/main.scss */
  .nav-content { background-color: transparent; height: auto; left: auto; position: relative; width: auto; }
  /* line 300, sass/main.scss */
  .menu-item, .menu-nav { border-top: 0; bottom: auto; font-size: inherit; position: relative; width: auto; }
  /* line 301, sass/main.scss */
  .menu-item { background-color: transparent; display: inline-block; }
  /* line 302, sass/main.scss */
  .menu-item:nth-child(n) { bottom: auto; font-size: inherit; left: auto; margin: 0; position: relative; width: auto; z-index: auto; }
  /* line 303, sass/main.scss */
  .menu-item:nth-child(n) .menu-btn, .menu-item:nth-child(n) .menu-btn:visited, .menu-nav-btn, .menu-nav-btn:visited { background-color: transparent; border: 0; padding: 2.0625em 1em; white-space: normal; font-size: 0.875em !important; }
  /* line 304, sass/main.scss */
  .menu-item:nth-child(n) .menu-btn:before, .menu-nav-btn:before { background-image: none; content: ""; display: none; height: auto; margin: 0; width: auto; }
  /* line 305, sass/main.scss */
  .menu-item:nth-child(n) .menu-btn:hover, .menu-item:nth-child(n) .menu-btn:active { color: #000000; }
  /* line 306, sass/main.scss */
  .menu-btn.active { background-color: #e6e6e6 !important; }
  /* line 307, sass/main.scss */
  .menu-btn:before, .menu-nav-btn:before { background-image: none; display: none; height: auto; margin: 0; width: auto; }
  /* line 308, sass/main.scss */
  .menu-btn.menu-btn { font-size: 15px !important; /*font-weight: normal;*/ }
  /* line 310, sass/main.scss */
  .nav { background-color: #FFFFFF; min-height: auto; width: 100vw; }
  /* line 311, sass/main.scss */
  .main--menu { width: 100vw; background-color: #fff; height: auto; box-shadow: 0 4px 6px rgba(0, 0, 0, 0.1); }
  /* line 312, sass/main.scss */
  .nav-main-list { float: left; padding: 0; width: 84% !important; height: auto !important; margin: 0; }
  /* line 314, sass/main.scss */
  .logo { float: left; margin-right: 3.75em; }
  /* line 315, sass/main.scss */
  .logo, .domain-checker { padding: .75em 0; }
  /* line 316, sass/main.scss */
  .logo-text { color: rgba(0, 0, 0, 0.6); }
  /* line 318, sass/main.scss */
  .domain-checker { width: auto; }
  /* line 319, sass/main.scss */
  .footer-main .menu-item { color: #FFFFFF; display: inline-block; }
  /* line 320, sass/main.scss */
  .footer-main .list { text-align: center; }
  /* line 321, sass/main.scss */
  .stories-outer { left: 50%; transform: translateX(-50%); }
  /* line 322, sass/main.scss */
  footer .menu-item:nth-child(n) .menu-btn, .menu-item:nth-child(n) .menu-btn:visited, .menu-nav-btn, .menu-nav-btn:visited { font-size: 0.875em !important; }
  /* line 323, sass/main.scss */
  body { padding-bottom: 0 !important; }
  /* line 324, sass/main.scss */
  .sub-menu-list { padding-top: 2.6em; }
  /* line 325, sass/main.scss */
  .page-block--title { font-size: 4.25em; }
  /* line 326, sass/main.scss */
  .call-to__inner, .more-articles { display: table; margin: 0 auto; width: 100%; }
  /* line 327, sass/main.scss */
  .page { min-height: 85.5vh; }
  .subpage { min-height: 50vh; }
  /* line 328, sass/main.scss */
  .more-articles__item { display: table-cell; width: 50%; }
  /* line 329, sass/main.scss */
  .more-articles__item:first-child { border-right: 1em solid white; }
  /* line 330, sass/main.scss */
  .call-to__image { display: table-cell; width: 20%; }
  /* line 331, sass/main.scss */
  .call-to__text { display: table-cell; line-height: 1.625em; width: 80%; }
  /* line 332, sass/main.scss */
  .head-image { margin: 0; margin-right: 2em; }
  /* line 333, sass/main.scss */
  .section--alt { margin-left: auto; margin-right: auto; }
  /* line 334, sass/main.scss */
  .domain-checker-toggle { display: none; }
  /* line 335, sass/main.scss */
  .meta-item { display: inline-block; margin: 0; }
  /* line 336, sass/main.scss */
  .nav-meta { position: relative; top: 0; width: 100vw; margin: 0 !important; background-color: #444444; }
  /* line 337, sass/main.scss */
  .menu-btn.meta-btn { padding: 2em 1em; background-color: #444444; color: #fff; }
  /* line 338, sass/main.scss */
  .menu-btn.meta-btn:hover { background-color: #777777; font-weight: 400; }
  
  .menu-btn.meta-btncr { padding: 2em 1em; background-color: #444444; color: #fff; }
  /* line 338, sass/main.scss */
  .menu-btn.meta-btncv:hover { background-color: #777777; }
  /* line 339, sass/main.scss */
  .meta-list { text-align: center; }
	
  /* line 340, sass/main.scss */
  .menu--alt { width: auto !important; float: right; margin: 0; } }
@media screen and (min-width: 60em) { /* line 13, sass/_utils.scss */
  body:after { content: "60em"; }
  /* line 348, sass/main.scss */
  .main-grid { padding: 0; }
  /* line 350, sass/main.scss */
  .color--dark:before { background-color: #333333c4; content: ""; height: 100%; left: 0; position: absolute; width: 100vw; backdrop-filter: blur(8px); /* Unschärfe der Elemente dahinter */
    -webkit-backdrop-filter: blur(8px); /* Safari */
    
    z-index: -1; }
  /* line 351, sass/main.scss */
  .color--dark:after { background-color: #333333c4; content: ""; height: 100%; position: absolute; right: 100%; top: 0; width: 100vw; backdrop-filter: blur(8px); /* Unschärfe der Elemente dahinter */
    -webkit-backdrop-filter: blur(8px); /* Safari */
    
    z-index: -1; }
	.flex-desktop {
  display: block; /* oder display: none, falls du es komplett verstecken willst */
}

/* Desktop: ab 800px Breite */
@media (min-width: 800px) {
  .flex-desktop {
    display: flex;
  }
}
  /* line 352, sass/main.scss */
  .color--dark { background-color: rgba(234, 234, 234, 0); }
  /* line 353, sass/main.scss */
  .menu-item:hover .sub-menu--main { display: block; height: auto; }
  /* line 354, sass/main.scss */
  .sub-menu--main ul { padding-top: 1em; padding-right: 6em; padding-bottom: 1em; padding-left: 3em; margin-left: -6em; width: auto; }
  /* line 355, sass/main.scss */
  .domain-checker-button { width: 3em; }
  /* line 356, sass/main.scss */
  .sub-menu--main .sub-menu-item a { border: none; color: #fff; white-space: nowrap; padding: .5em 0; }
  /* line 357, sass/main.scss */
  .sub-menu--main .sub-menu-item.active span, .sub-menu--main .sub-menu-item a:hover span { color: #fff; font-weight: 400 }
  /* line 358, sass/main.scss */
  .page-block--list__item { width: 24%; }
  .page-block--list__item1 { width: 100%; }
  /* line 359, sass/main.scss */
  .list__item--alt { width: 20%; }
  /* line 360, sass/main.scss */
  .container__article__inner { margin: 0 auto; max-width: 46em; }
  .container__article__inner__faq { margin: 0 auto; max-width: 70em; }
  /* line 361, sass/main.scss */
  .container-alt--sub { background-color: #ebebeb2b !important; }
  /* line 362, sass/main.scss */
  .container-alt--light { background-color: transparent !important; }
  /* line 366, sass/main.scss */
  .container-alt--light .lead { color: #022d4f; }
  /* line 368, sass/main.scss */
  .container-alt--sub--alt { padding-bottom: 7.5em; }
  /* line 369, sass/main.scss */
  .section-sub { margin: 3em 0; }
  /* line 370, sass/main.scss */
  .section-sub:first-child { margin: 2.5em 0 4.5em 0; }
  /* line 371, sass/main.scss */
  .section-sub--alt:first-child { margin-top: -5em; }
  /* line 372, sass/main.scss */
  .container__nav--outer { background-color: transparent !important; left: 0; position: absolute; top: 0; }
  /* line 373, sass/main.scss */
  .title-wrapper { float: none; max-width: 50%; width: 100%; }
  /* line 374, sass/main.scss 
  .container__article__inner { margin-left: 20rem; }*/
  /* line 375, sass/main.scss */
  .container-alt--sub--alt { padding-left: 0; padding-right: 0; } }
@media screen and (min-width: 75em) { /* line 13, sass/_utils.scss */
  body:after { content: "75em"; } }
@media screen and (min-width: 81.25em) { /* line 13, sass/_utils.scss */
  body:after { content: "81.25em"; }
  /* line 381, sass/main.scss */
  .title-wrapper { max-width: 100%; }
  /* line 382, sass/main.scss */
  .page-heading { color: #FFFFFF; font-size: 4rem; }
  /* line 383, sass/main.scss */
  .nav { font-size: 100%; }
  /* line 384, sass/main.scss */
  body { padding-top: 3.75em; }
  /* line 385, sass/main.scss */
  .content { max-width: 80rem; }
  /* line 386, sass/main.scss */
  .logo { padding: 1.375em 0; line-height: 0; }
  /* line 387, sass/main.scss */
  .page-block--intro { margin-bottom: 6.875em !important;  /*backdrop-filter: blur(8px);
  -webkit-backdrop-filter: blur(8px);*/ /* Safari */}
@media screen and (min-width: 90em) { /* line 13, sass/_utils.scss */
  body:after { content: "90em"; }
  /* line 390, sass/main.scss */
  body { padding-top: 1.5em; }
  /* line 391, sass/main.scss */
  .page-block { background-position: 0 1.5em; } }
/* line 394, sass/main.scss */
.js .js-hide, .js .js-remove, .hide { display: none; }

/* line 395, sass/main.scss */
.js .js-cover { visibility: hidden; }

/* line 396, sass/main.scss */
.js .js-transparent { opacity: 0; }

@media print { /* line 2, sass/_print.scss */
  * { background: transparent !important; box-shadow: none !important; color: #000 !important; text-shadow: none !important; }
  /* line 3, sass/_print.scss */
  aside, audio, button, canvas, embed, footer, form, header, menu, nav, object, video, .no-print, #menu { display: none; }
  /* line 4, sass/_print.scss */
  a[href]:after { content: " (" attr(href) ") "; font-size: 90%; }
  /* line 5, sass/_print.scss */
  a[href^="/"]:after { content: " (http://" attr(href) ") "; }
  /* line 6, sass/_print.scss */
  abbr:after { content: " (" attr(title) ")"; }
  /* line 7, sass/_print.scss */
  thead { display: table-header-group; }
  /* line 8, sass/_print.scss */
  tr, img, pre, blockquote { page-break-inside: avoid; }
  /* line 9, sass/_print.scss */
  img { max-width: 100% !important; }
  /* line 10, sass/_print.scss */
  h1, h2, h3, h4, h5, h6 { page-break-after: avoid; }
  /* line 11, sass/_print.scss */
  h2, h3, p { orphans: 3; widows: 3; }
  @page { margin: 0.5cm; } }

/* Tabs mit radio-Buttons */
.tabbed figure { 
   display: block; 
   margin-left: 0; 
   border-bottom: 1px solid silver;
   clear: both;
}

.tabbed > input,
.tabbed figure > div { display: none; }

.tabbed figure>div {
  padding-top: 20px;
  padding-bottom: 20px;
  width: 100%;
  /*border: 1px solid silver;*/
  background: #fff;
  line-height: 1.5em;
  letter-spacing: 0.3px;
  color: #444;
}

#tab1:checked ~ figure .tab1,
#tab2:checked ~ figure .tab2,
#tab3:checked ~ figure .tab3,
#tab4:checked ~ figure .tab4,
#tab5:checked ~ figure .tab5 { display: block; }

nav label {
   float: left;
   padding: 15px 15px;
   /*border-top: 1px solid silver;
   border-right: 1px solid silver;*/
   background: hsl(337.6, 79.4%, 43.7%);
   color: #eee;
}

/*nav label:nth-child(1) { border-left: 1px solid silver; }*/
nav label:hover { background: hsl(180, 14.3%, 98.6%); color: #C81759; }
nav label:active { background: hsl(180, 14.3%, 98.6%); }

#tab1:checked ~ nav label[for="tab1"],
#tab2:checked ~ nav label[for="tab2"],
#tab3:checked ~ nav label[for="tab3"],
#tab4:checked ~ nav label[for="tab4"],
#tab5:checked ~ nav label[for="tab5"] {
  background: white;
  color: #C81759;
  position: relative;
  border-bottom: none;
}

#tab1:checked ~ nav label[for="tab1"]:after,
#tab2:checked ~ nav label[for="tab2"]:after,
#tab3:checked ~ nav label[for="tab3"]:after,
#tab4:checked ~ nav label[for="tab4"]:after,
#tab5:checked ~ nav label[for="tab5"]:after {
  content: "";
  display: block;
  position: absolute;
  height: 2px;
  width: 100%;
  background: white;
  left: 0;
  bottom: -1px;
  border: solid 1px;
  color: #c81759;
}

.popup {
            position: fixed;
            top: 50%;
            left: 50%;
            transform: translate(-50%, -50%);
            padding: 20px;
            background: #fff;
            box-shadow: 0 0 10px rgba(0, 0, 0, 0.3);
            text-align: center;
			height: 400px;
			width: 320px;
        }

.modal {
  display: none;
  position: fixed;
  z-index: 1;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
  background-color: rgba(0,0,0,0.4);
}

.modal-content {
  background-color: white;
  margin: 15% auto;
  padding: 20px;
  border: 1px solid #888;
  width: 100%;
  position: relative;
}

.close {
  color: #aaa;
  float: right;
  font-size: 28px;
  font-weight: bold;
}

.close:hover,
.close:focus {
  color: black;
  text-decoration: none;
  cursor: pointer;
}

.language-container {
  display: contents;
  justify-content: center;
  align-items: center;
}
.placeholder_resellerpanel::placeholder {
    color: #32cd32; font-weight: 400;
}


.cc_grid-container {
  display: flex; /* Grid verwenden */
  grid-template-columns: repeat(3, 100px); /* Drei Spalten mit je 100px Breite */
  gap: 10px; /* Abstand zwischen den Divs */
}

/* CSS-Stilregel für die einzelnen Divs */
.cc_div-box {
   width: 33%; /* Breite der Box */
  height: 100px; /* Höhe der Box */
  background-color: #fff; /* Hintergrundfarbe der Box */

  border: #C81759 medium; 
  border-radius: 5px; /* Abgerundete Ecken (15px Radius) */
  color: white; /* Textfarbe */
  text-align: center; /* Text in der Mitte ausrichten */
  line-height: 100px; /* Vertikale Ausrichtung des Texts */
}

/* Bild über Text Fix*/
.image-overlay-container {
  position: relative;
  display: block;
  width: 100%;
  max-width: 600px;
  margin: 2rem auto;
  
}

.image-overlay-container img {
  width: 100%;
  display: block;
	border-radius: 8px;
}

.overlay-text {
  position: absolute;
  bottom: 0;
  left: 0;
  background: rgba(0, 0, 0, 0.6);
  color: #fff;
  width: 100%;
  padding: 10px;
  text-align: center;
	border-radius: 0 0 8px 8px;
}

.overlay-text-phy-new {
  position: absolute;
  bottom: 0;
  left: 0;
  background: rgba(0, 0, 0, 0.6);
  color: #fff;
  width: 100%;
  padding: 10px;
  text-align: center;
	border-radius: 8px 8px 8px 8px;
}

/* Lightbox-Stil */
.lightbox {
  display: none; /* versteckt standardmäßig */
  position: fixed;
  z-index: 9999;
  top: 0; left: 0;
  width: 100vw; height: 100vh;
  background: rgba(0, 0, 0, 0.44);
  justify-content: center;
  align-items: center;
  border-radius: 8px;
}

.lightbox img {
  max-width: 90%;
  max-height: 77%;
  border-radius: 8px;
  box-shadow: 0 0 30px rgba(0,0,0,0.5);
}

.page-block--list__link {
  position: relative; /* nötig, damit der Badge sich daran orientiert */
  background-color: #ffffff;
  color: #6E6E6E !important;
  font-size: 0.9375em;
  display: block;
  min-height: 192px;
  padding: 1.875em;
  text-decoration: none;
  border-radius: 8px;
}

.lightbox-close {
  position: absolute;
  top: 90px;
  right: 70px;
  font-size: 2rem;
  color: #fff;
  cursor: pointer;
  background: rgba(0,0,0,0.5);
  border-radius: 50%;
  width: 40px;
  height: 40px;
  display: flex;
  align-items: center;
  justify-content: center;
  line-height: 1;
  transition: background 0.3s ease;
}

.lightbox-close:hover {
  background: rgba(255,255,255,0.2);
}

/* Der rote Kreis */
.badge {
  position: absolute;
  top: 12px;
  right: 16px;
  background-color: #C81759;
  color: white;
  font-size: 0.8rem;
  font-weight: bold;
  border-radius: 50%;
  width: 22px;
  height: 22px;
  display: flex;
  align-items: center;
  justify-content: center;
  box-shadow: 0 0 8px rgba(0,0,0,0.3);
}
.box-start {
	border-radius: 8px
}

.modal_pic_1 {
	
	padding: 20px;
	color: #444444;
	font:0.9375em;
	display:block;
}

.textbox-wrapper {
  background: #f9f9f9;
  border-radius: 8px;
  box-shadow: 0 3px 8px rgba(0, 0, 0, 0.1);
  overflow: hidden; 
  color: #444;
}

@media (max-width: 768px) {
  .textbox-wrapper {
	  padding-left: 50px;
	  padding-right: 50px;
	}
}
	  

.textbox-3ergrid {
  display: grid;
  grid-template-columns: repeat(auto-fit, minmax(280px, 1fr));
  gap: 30px;
  padding: 30px;
}

.textbox-3ergrid .textblock {
  text-align: left;
  font-size: 0.95em;
  line-height: 1.6;
}

.textbox-3ergrid b,
.textbox-3ergrid strong {
  color: #222;
}

.textbox-3ergrid-1ergrid {
  border-top: 1px solid #ddd;
  padding: 20px 30px;
  text-align: center;
  background: #f9f9f9;
}

.textbox-3ergrid-1ergrid strong {
  color: #9a1245;
  font-size: 1.05em;
  font-weight: 100;
}

@media (max-width: 600px) {
  .textbox-3ergrid {
    gap: 20px;
    padding: 20px;
  }

  .textbox-3ergrid .textblock {
    font-size: 0.9em;
  }

  .textbox-3ergrid-1ergrid {
    padding: 15px 20px;
    font-size: 0.95em;
  }
}

.textbox-wrapper-2er {
  background: #f9f9f9;
  border-radius: 8px;
  box-shadow: 0 3px 8px rgba(0, 0, 0, 0.1);
  overflow: hidden;
  color: #444; 
}

@media (max-width: 768px) {
  .textbox-wrapper-2er {
	  padding-left: 50px;
	  padding-right: 50px;
	}
}

.textbox-2ergrid {
  display: grid;
  grid-template-columns: repeat(auto-fit, minmax(350px, 1fr));
  gap: 30px;
  padding: 30px;
}

.textbox-2ergrid .textblock {
  text-align: left;
  font-size: 0.95em;
  line-height: 1.6;
}

.textbox-2ergrid b,
.textbox-2ergrid strong {
  color: #222;
}


.textbox-2ergrid-1ergrid {
  border-top: 1px solid #ddd;
  padding: 20px 30px;
  text-align: center;
  background: #f9f9f9;
}

.textbox-2ergrid-1ergrid strong {
  color: #9a1245;
  font-size: 1.05em;
  font-weight: 100;
}


@media (max-width: 600px) {
  .textbox-2ergrid {
    gap: 20px;
    padding: 20px;
    grid-template-columns: 1fr; 
  }

  .textbox-2ergrid .textblock {
    font-size: 0.9em;
  }

  .textbox-2ergrid-1ergrid {
    padding: 15px 20px;
    font-size: 0.95em;
  }
}
.phygridcenter {
  text-align: center; 
}

.menu-btn {
  position: relative;
  padding-right: 26px;
  text-decoration: none;
}
	
.modal-language {
  position: fixed;
  inset: 0;
  display: flex;
  justify-content: center;
  align-items: center;

  background: rgba(0, 0, 0, 0.33);
  backdrop-filter: blur(8px);
  -webkit-backdrop-filter: blur(8px);

  opacity: 0;
  pointer-events: none;
  transition: opacity 0.3s ease;
  z-index: 1000;
}

.modal-language:target {
  opacity: 1;
  pointer-events: auto;
}

.modal-language__content {
  background: rgba(255, 255, 255, 0.15);
  backdrop-filter: blur(10px);
  -webkit-backdrop-filter: blur(10px);

  border-radius: 12px;
  padding: 30px;
  max-width: 420px;
  width: 90%;
  text-align: center;
  color: #fff;

  position: relative;

  transform: scale(0.95);
  transition: transform 0.3s ease;
}

.modal-language:target .modal-language__content {
  transform: scale(1);
}

.modal-language__close {
  position: absolute;
  top: 10px;
  right: 14px;
  font-size: 26px;
  text-decoration: none;
  color: #fff;
}
.modal-language__close:hover {
  opacity: 0.7;
}

.modal-language__grid {
  display: grid;
  grid-template-columns: repeat(auto-fit, minmax(100px, 1fr));
  gap: 20px;
  margin-top: 20px;
}

.lang-item {
  display: flex;
  flex-direction: column;
  align-items: center;
  text-decoration: none;
  color: #fff;
  padding: 14px;
  border-radius: 10px;
  transition: background 0.2s ease, transform 0.2s ease;
}

.lang-item:hover {
  background: rgba(255,255,255,0.15);
  transform: translateY(-2px);
}

.lang-flag {
  font-size: 36px;
  line-height: 1;
}
.lang-text {
  margin-top: 8px;
  font-size: 14px;
  font-weight: 300;
}

.lang-item.is-active {
  background: rgba(255,255,255,0.25);
}
.modal-language__title {
  color: #fff;           
  font-size: 24px;       
  margin: 0 0 20px 0;    
  font-weight: 300;
  text-align: center;
}
.lang-flag-svg {
  width: 36px;       
  height: 24px;      
  display: block;
  border-radius: 4px; 
  object-fit: cover;  
  margin-bottom: 10px;
}
 .menu-flag {
  width: 24px;
  height: 18px;
  display: block;
  border-radius: 4px; 
  object-fit: cover;
}

.menu-btn-fix {
  margin-left: -1rem;
  display: inline-block; 
}