@charset "UTF-8";
/***** Normalize.css *****/
/*! normalize.css v8.0.1 | MIT License | github.com/necolas/normalize.css */
html {
  line-height: 1.15;
  -webkit-text-size-adjust: 100%;
}

body {
  margin: 0;
}

main {
  display: block;
}

h1 {
  font-size: 2em;
  margin: 0.67em 0;
}

hr {
  box-sizing: content-box;
  height: 0;
  overflow: visible;
}

pre {
  font-family: monospace, monospace;
  font-size: 1em;
}

a {
  background-color: transparent;
}

abbr[title] {
  border-bottom: none;
  text-decoration: underline;
  text-decoration: underline dotted;
}

b,
strong {
  font-weight: bolder;
}

code,
kbd,
samp {
  font-family: monospace, monospace;
  font-size: 1em;
}

small {
  font-size: 80%;
}

sub,
sup {
  font-size: 75%;
  line-height: 0;
  position: relative;
  vertical-align: baseline;
}

sub {
  bottom: -0.25em;
}

sup {
  top: -0.5em;
}

img {
  border-style: none;
}

button,
input,
optgroup,
select,
textarea {
  font-family: inherit;
  font-size: 100%;
  line-height: 1.15;
  margin: 0;
}

button,
input {
  overflow: visible;
}

button,
select {
  text-transform: none;
}

button,
[type=button],
[type=reset],
[type=submit] {
  -webkit-appearance: button;
}

button::-moz-focus-inner,
[type=button]::-moz-focus-inner,
[type=reset]::-moz-focus-inner,
[type=submit]::-moz-focus-inner {
  border-style: none;
  padding: 0;
}

button:-moz-focusring,
[type=button]:-moz-focusring,
[type=reset]:-moz-focusring,
[type=submit]:-moz-focusring {
  outline: 1px dotted ButtonText;
}

fieldset {
  padding: 0.35em 0.75em 0.625em;
}

legend {
  box-sizing: border-box;
  color: inherit;
  display: table;
  max-width: 100%;
  padding: 0;
  white-space: normal;
}

progress {
  vertical-align: baseline;
}

textarea {
  overflow: auto;
}

[type=checkbox],
[type=radio] {
  box-sizing: border-box;
  padding: 0;
}

[type=number]::-webkit-inner-spin-button,
[type=number]::-webkit-outer-spin-button {
  height: auto;
}

[type=search] {
  -webkit-appearance: textfield;
  outline-offset: -2px;
}

[type=search]::-webkit-search-decoration {
  -webkit-appearance: none;
}

::-webkit-file-upload-button {
  -webkit-appearance: button;
  font: inherit;
}

details {
  display: block;
}

summary {
  display: list-item;
}

template {
  display: none;
}

[hidden] {
  display: none;
}

/***** Base *****/
* {
  box-sizing: border-box;
}

body {
  background-color: #FFFFFF;
  color: #1E293B;
  font-family: -apple-system, BlinkMacSystemFont, 'Segoe UI', Helvetica, Arial, sans-serif;
  font-size: 15px;
  line-height: 1.5;
  -webkit-font-smoothing: antialiased;
}
@media (min-width: 1024px) {
  body > main {
    min-height: 65vh;
  }
}

h1,
h2,
h3,
h4,
h5,
h6 {
  font-family: -apple-system, BlinkMacSystemFont, 'Segoe UI', Helvetica, Arial, sans-serif;
  margin-top: 0;
}

h1 {
  font-size: 32px;
}

h2 {
  font-size: 22px;
}

h3 {
  font-size: 18px;
  font-weight: 600;
}

h4 {
  font-size: 16px;
}

a {
  color: #4263EB;
  text-decoration: none;
}
a:visited {
  color: #4263EB;
}
a:hover, a:active, a:focus {
  text-decoration: underline;
}

.hbs-form input,
.hbs-form textarea, .search input,
.search textarea {
  color: #000;
  font-size: 14px;
}
.hbs-form input, .search input {
  max-width: 100%;
  box-sizing: border-box;
  transition: border 0.12s ease-in-out;
  /* We use the :where selector to not increase the specificity of the selector */
}
.hbs-form input:where(:not([type=checkbox])), .search input:where(:not([type=checkbox])) {
  outline: none;
}
.hbs-form input:where(:not([type=checkbox])):focus, .search input:where(:not([type=checkbox])):focus {
  border: 1px solid #4263EB;
}
.hbs-form input[disabled], .search input[disabled] {
  background-color: #ddd;
}
.hbs-form select, .search select {
  -webkit-appearance: none;
  -moz-appearance: none;
  background: url("data:image/svg+xml,%3C%3Fxml version='1.0' encoding='UTF-8'%3F%3E%3Csvg xmlns='http://www.w3.org/2000/svg' width='10' height='6' viewBox='0 0 10 6'%3E%3Cpath fill='%23CCC' d='M0 0h10L5 6 0 0z'/%3E%3C/svg%3E%0A") no-repeat #fff;
  background-position: right 10px center;
  border: 1px solid #848F99;
  border-radius: 4px;
  padding: 8px 30px 8px 10px;
  outline: none;
  color: #555;
  width: 100%;
}
.hbs-form select:focus, .search select:focus {
  border: 1px solid #4263EB;
}
.hbs-form select::-ms-expand, .search select::-ms-expand {
  display: none;
}
.hbs-form textarea, .search textarea {
  border: 1px solid #848F99;
  border-radius: 2px;
  resize: vertical;
  width: 100%;
  outline: none;
  padding: 10px;
}
.hbs-form textarea:focus, .search textarea:focus {
  border: 1px solid #4263EB;
}

.container {
  max-width: 1160px;
  margin: 0 auto;
  padding: 0 5%;
}
@media (min-width: 1160px) {
  .container {
    padding: 0;
    width: 90%;
  }
}

.container-divider {
  border-top: 1px solid #ddd;
  margin-bottom: 20px;
}

ul {
  list-style: none;
  margin: 0;
  padding: 0;
}

.error-page {
  max-width: 1160px;
  margin: 0 auto;
  padding: 0 5%;
}
@media (min-width: 1160px) {
  .error-page {
    padding: 0;
    width: 90%;
  }
}

.visibility-hidden {
  border: 0;
  clip: rect(0 0 0 0);
  -webkit-clip-path: inset(50%);
  clip-path: inset(50%);
  height: 1px;
  margin: -1px;
  overflow: hidden;
  padding: 0;
  position: absolute;
  width: 1px;
  white-space: nowrap;
}

/***** Buttons *****/
.button, .pagination-next-link, .pagination-prev-link, .pagination-first-link, .pagination-last-link, .subscriptions-subscribe button, .requests-table-toolbar .organization-subscribe button, .community-follow button, .article-subscribe button, .section-subscribe button, .split-button button {
  background-color: transparent;
  border: 1px solid #4263EB;
  border-radius: 4px;
  color: #4263EB;
  cursor: pointer;
  display: inline-block;
  font-size: 12px;
  line-height: 2.34;
  margin: 0;
  padding: 0 20px;
  text-align: center;
  transition: background-color 0.12s ease-in-out, border-color 0.12s ease-in-out, color 0.15s ease-in-out;
  user-select: none;
  white-space: nowrap;
  width: 100%;
  -webkit-touch-callout: none;
}
@media (min-width: 768px) {
  .button, .pagination-next-link, .pagination-prev-link, .pagination-first-link, .pagination-last-link, .subscriptions-subscribe button, .requests-table-toolbar .organization-subscribe button, .community-follow button, .article-subscribe button, .section-subscribe button, .split-button button {
    width: auto;
  }
}
.button:visited, .pagination-next-link:visited, .pagination-prev-link:visited, .pagination-first-link:visited, .pagination-last-link:visited, .subscriptions-subscribe button:visited, .requests-table-toolbar .organization-subscribe button:visited, .community-follow button:visited, .article-subscribe button:visited, .section-subscribe button:visited, .split-button button:visited {
  color: #4263EB;
}
.button:hover, .pagination-next-link:hover, .pagination-prev-link:hover, .pagination-first-link:hover, .pagination-last-link:hover, .subscriptions-subscribe button:hover, .requests-table-toolbar .organization-subscribe button:hover, .community-follow button:hover, .article-subscribe button:hover, .section-subscribe button:hover, .split-button button:hover, .button:active, .pagination-next-link:active, .pagination-prev-link:active, .pagination-first-link:active, .pagination-last-link:active, .subscriptions-subscribe button:active, .requests-table-toolbar .organization-subscribe button:active, .community-follow button:active, .article-subscribe button:active, .section-subscribe button:active, .split-button button:active, .button:focus, .pagination-next-link:focus, .pagination-prev-link:focus, .pagination-first-link:focus, .pagination-last-link:focus, .subscriptions-subscribe button:focus, .requests-table-toolbar .organization-subscribe button:focus, .community-follow button:focus, .article-subscribe button:focus, .section-subscribe button:focus, .split-button button:focus, .button.button-primary, .button-primary.pagination-next-link, .button-primary.pagination-prev-link, .button-primary.pagination-first-link, .button-primary.pagination-last-link, .subscriptions-subscribe button.button-primary, .subscriptions-subscribe button[data-selected=true], .requests-table-toolbar .organization-subscribe button.button-primary, .requests-table-toolbar .organization-subscribe button[data-selected=true], .community-follow button.button-primary, .article-subscribe button.button-primary, .article-subscribe button[data-selected=true], .section-subscribe button.button-primary, .section-subscribe button[data-selected=true], .split-button button.button-primary {
  background-color: #4263EB;
  color: #FFFFFF;
  text-decoration: none;
}
.button.button-primary:hover, .button-primary.pagination-next-link:hover, .button-primary.pagination-prev-link:hover, .button-primary.pagination-first-link:hover, .button-primary.pagination-last-link:hover, .subscriptions-subscribe button.button-primary:hover, .subscriptions-subscribe button[data-selected=true]:hover, .requests-table-toolbar .organization-subscribe button.button-primary:hover, .requests-table-toolbar .organization-subscribe button[data-selected=true]:hover, .community-follow button.button-primary:hover, .article-subscribe button.button-primary:hover, .article-subscribe button[data-selected=true]:hover, .section-subscribe button.button-primary:hover, .section-subscribe button[data-selected=true]:hover, .split-button button:hover, .button.button-primary:focus, .button-primary.pagination-next-link:focus, .button-primary.pagination-prev-link:focus, .button-primary.pagination-first-link:focus, .button-primary.pagination-last-link:focus, .subscriptions-subscribe button.button-primary:focus, .subscriptions-subscribe button[data-selected=true]:focus, .requests-table-toolbar .organization-subscribe button.button-primary:focus, .requests-table-toolbar .organization-subscribe button[data-selected=true]:focus, .community-follow button.button-primary:focus, .article-subscribe button.button-primary:focus, .article-subscribe button[data-selected=true]:focus, .section-subscribe button.button-primary:focus, .section-subscribe button[data-selected=true]:focus, .split-button button.button-primary:focus, .button.button-primary:active, .button-primary.pagination-next-link:active, .button-primary.pagination-prev-link:active, .button-primary.pagination-first-link:active, .button-primary.pagination-last-link:active, .subscriptions-subscribe button.button-primary:active, .subscriptions-subscribe button[data-selected=true]:active, .requests-table-toolbar .organization-subscribe button.button-primary:active, .requests-table-toolbar .organization-subscribe button[data-selected=true]:active, .community-follow button.button-primary:active, .article-subscribe button.button-primary:active, .article-subscribe button[data-selected=true]:active, .section-subscribe button.button-primary:active, .section-subscribe button[data-selected=true]:active, .split-button button.button-primary:active {
  background-color: #1332b4;
  border-color: #1332b4;
}
.button[data-disabled], [data-disabled].pagination-next-link, [data-disabled].pagination-prev-link, [data-disabled].pagination-first-link, [data-disabled].pagination-last-link, .subscriptions-subscribe button[data-disabled], .requests-table-toolbar .organization-subscribe button[data-disabled], .community-follow button[data-disabled], .article-subscribe button[data-disabled], .section-subscribe button[data-disabled], .split-button button[data-disabled] {
  cursor: default;
}

.button-large, .hbs-form input[type=submit] {
  cursor: pointer;
  background-color: #4263EB;
  border: 0;
  border-radius: 4px;
  color: #FFFFFF;
  font-size: 14px;
  line-height: 2.72;
  min-width: 190px;
  padding: 0 1.9286em;
  width: 100%;
}
@media (min-width: 768px) {
  .button-large, .hbs-form input[type=submit] {
    width: auto;
  }
}
.button-large:visited, .hbs-form input[type=submit]:visited {
  color: #FFFFFF;
}
.button-large:hover, .button-large:active, .button-large:focus, .hbs-form input[type=submit]:hover, .hbs-form input[type=submit]:active, .hbs-form input[type=submit]:focus {
  background-color: #1332b4;
}
.button-large[disabled], .hbs-form input[type=submit][disabled] {
  background-color: #ddd;
}

.button-secondary {
  color: #40587f;
  border: 1px solid #848F99;
  background-color: transparent;
}
.button-secondary:visited {
  color: #40587f;
}
.button-secondary:hover, .button-secondary:focus, .button-secondary:active {
  color: #1E293B;
  border: 1px solid #848F99;
  background-color: #f7f7f7;
}

/***** Split button *****/
.split-button {
  display: flex;
}

.split-button button {
  background-color: #4263EB;
  border: 0;
  color: #FFFFFF;
  height: 32px;
  line-height: 16px;
  outline-color: #4263EB;
}

[dir=rtl] .split-button button:not(:only-child):first-child {
  border-left: 1px solid #FFFFFF;
  border-top-left-radius: unset;
  border-bottom-left-radius: unset;
}
[dir=ltr] .split-button button:not(:only-child):first-child {
  border-right: 1px solid #FFFFFF;
  border-top-right-radius: unset;
  border-bottom-right-radius: unset;
}
.split-button button:not(:only-child):last-child {
  display: flex;
  justify-content: center;
  align-items: center;
  width: 26px;
  min-width: 26px;
  max-width: 26px;
  padding: 0;
}
[dir=rtl] .split-button button:not(:only-child):last-child {
  border-top-right-radius: unset;
  border-bottom-right-radius: unset;
}
[dir=ltr] .split-button button:not(:only-child):last-child {
  border-top-left-radius: unset;
  border-bottom-left-radius: unset;
}

/***** Tables *****/
.table {
  width: 100%;
  table-layout: fixed;
  border-collapse: collapse;
  border-spacing: 0;
}
@media (min-width: 768px) {
  .table {
    table-layout: auto;
  }
}
.table th,
.table th a {
  color: #40587f;
  font-size: 13px;
  text-align: left;
}
[dir=rtl] .table th,
[dir=rtl] .table th a {
  text-align: right;
}
.table tr {
  border-bottom: 1px solid #ddd;
  display: block;
  padding: 20px 0;
}
@media (min-width: 768px) {
  .table tr {
    display: table-row;
  }
}
.table td {
  display: block;
}
@media (min-width: 768px) {
  .table td {
    display: table-cell;
  }
}
@media (min-width: 1024px) {
  .table td, .table th {
    padding: 20px 30px;
  }
}
@media (min-width: 768px) {
  .table td, .table th {
    padding: 10px 20px;
    height: 60px;
  }
}

/***** Forms *****/
.form {
  max-width: 650px;
}

.form-field ~ .form-field {
  margin-top: 25px;
}

.form-field label {
  display: block;
  font-size: 13px;
  margin-bottom: 5px;
}

.form-field input {
  border: 1px solid #848F99;
  border-radius: 4px;
  padding: 10px;
  width: 100%;
}
.form-field input:focus {
  border: 1px solid #4263EB;
}

.form-field input[type=text] {
  border: 1px solid #848F99;
  border-radius: 4px;
}
.form-field input[type=text]:focus {
  border: 1px solid #4263EB;
}

.form-field input[type=checkbox] {
  width: auto;
}

.form-field .nesty-input {
  border-radius: 4px;
  border: 1px solid #848F99;
  height: 40px;
  line-height: 40px;
  outline: none;
  vertical-align: middle;
}
.form-field .nesty-input:focus {
  border: 1px solid #4263EB;
  text-decoration: none;
}

.form-field .hc-multiselect-toggle {
  border: 1px solid #848F99;
}

.form-field .hc-multiselect-toggle:focus {
  outline: none;
  border: 1px solid #4263EB;
  text-decoration: none;
}

.form-field textarea {
  vertical-align: middle;
}

.form-field input[type=checkbox] + label {
  margin: 0 0 0 10px;
}

.form-field .optional {
  color: #40587f;
  margin-left: 4px;
}

.form-field p {
  color: #40587f;
  font-size: 12px;
  margin: 5px 0;
}

.form footer {
  margin-top: 40px;
  padding-top: 30px;
}

.form footer a {
  color: #40587f;
  cursor: pointer;
  margin-right: 15px;
}

.form .suggestion-list {
  font-size: 13px;
  margin-top: 30px;
}
.form .suggestion-list label {
  border-bottom: 1px solid #ddd;
  display: block;
  padding-bottom: 5px;
}
.form .suggestion-list li {
  padding: 10px 0;
}
.form .suggestion-list li a:visited {
  color: #4263EB;
}

/***** Header *****/
.header {
  max-width: 1160px;
  margin: 0 auto;
  padding: 0 5%;
  position: relative;
  align-items: center;
  display: flex;
  height: 71px;
  justify-content: space-between;
}
@media (min-width: 1160px) {
  .header {
    padding: 0;
    width: 90%;
  }
}

.logo img {
  max-height: 37px;
  vertical-align: middle;
}

.logo span {
  margin: 0 10px;
  color: #4263EB;
}

.logo a {
  display: inline-block;
}

.logo a:hover, .logo a:focus, .logo a:active {
  text-decoration: none;
}

.user-nav {
  display: inline-block;
  position: absolute;
  white-space: nowrap;
}
@media (min-width: 768px) {
  .user-nav {
    position: relative;
  }
}
.user-nav[aria-expanded=true] {
  background-color: #fff;
  box-shadow: 0 0 4px 0 rgba(0, 0, 0, 0.15), 0 4px 10px 0 rgba(0, 0, 0, 0.1);
  border: solid 1px #ddd;
  right: 0;
  left: 0;
  top: 71px;
  z-index: 1;
}
.user-nav[aria-expanded=true] > a {
  display: block;
  margin: 20px;
}
.user-nav[aria-expanded=true] > .user-nav-list li {
  display: block;
}
.user-nav[aria-expanded=true] > .user-nav-list a {
  display: block;
  margin: 20px;
}

.user-nav-list {
  display: block;
  list-style: none;
}
.user-nav-list > li {
  display: inline-block;
}

@media (max-width: 768px) {
  .nav-wrapper-desktop {
    display: none;
  }
}
@media (min-width: 768px) {
  .nav-wrapper-desktop {
    display: none;
  }
}
@media (min-width: 1024px) {
  .nav-wrapper-desktop {
    display: inline-block;
  }
}
.nav-wrapper-desktop a {
  border: 0;
  color: #4263EB;
  display: none;
  font-size: 14px;
  padding: 0 20px 0 0;
  width: auto;
}
@media (min-width: 768px) {
  .nav-wrapper-desktop a {
    display: inline-block;
  }
}
[dir=rtl] .nav-wrapper-desktop a {
  padding: 0 0 0 20px;
}
.nav-wrapper-desktop a:hover, .nav-wrapper-desktop a:focus, .nav-wrapper-desktop a:active {
  background-color: transparent;
  color: #4263EB;
  text-decoration: underline;
}

@media (min-width: 1024px) {
  .nav-wrapper-mobile {
    display: none;
  }
}
.nav-wrapper-mobile .menu-button-mobile {
  background: none;
  border: 0;
  width: auto;
  min-width: 71px;
  cursor: pointer;
}
.nav-wrapper-mobile .menu-button-mobile .icon-menu {
  padding: 7px;
  vertical-align: middle;
  width: 30px;
  height: 30px;
  border-radius: 50%;
}
.nav-wrapper-mobile .menu-button-mobile[aria-expanded=true] .icon-menu {
  background: #f3f3f3;
}
.nav-wrapper-mobile .menu-list-mobile {
  position: absolute;
  background-color: #fff;
  box-shadow: 0 10px 10px 0 rgba(0, 0, 0, 0.15);
  border-top: solid 1px #ddd;
  border-bottom: solid 1px #ddd;
  right: 0;
  left: 0;
  top: 71px;
  z-index: 2;
}
.nav-wrapper-mobile .menu-list-mobile[aria-expanded=false] {
  display: none;
}
.nav-wrapper-mobile .menu-list-mobile[aria-expanded=true] {
  display: block;
}
.nav-wrapper-mobile .menu-list-mobile-items .item {
  margin: 4px 0;
}
.nav-wrapper-mobile .menu-list-mobile-items li:empty:not(.nav-divider) {
  display: none;
}
.nav-wrapper-mobile .menu-list-mobile-items .nav-divider {
  border-bottom: 0.1px solid #ddd;
  padding: 0;
}
.nav-wrapper-mobile .menu-list-mobile-items .nav-divider:last-child {
  display: none;
}
.nav-wrapper-mobile .menu-list-mobile-items button {
  background: none;
  border: none;
  padding: 8px 24px;
  width: 100%;
  height: 100%;
  color: #1E293B;
  cursor: pointer;
  text-align: start;
}
.nav-wrapper-mobile .menu-list-mobile-items button:active, .nav-wrapper-mobile .menu-list-mobile-items button:focus, .nav-wrapper-mobile .menu-list-mobile-items button:hover {
  background-color: #f3f3f3;
  text-decoration: underline;
}
.nav-wrapper-mobile .menu-list-mobile-items a {
  display: block;
  padding: 8px 24px;
  width: 100%;
  height: 100%;
  color: #1E293B;
}
.nav-wrapper-mobile .menu-list-mobile-items a:active, .nav-wrapper-mobile .menu-list-mobile-items a:focus, .nav-wrapper-mobile .menu-list-mobile-items a:hover {
  background-color: #f3f3f3;
}
.nav-wrapper-mobile .menu-list-mobile-items .my-profile {
  display: flex;
  line-height: 1.5;
}
.nav-wrapper-mobile .menu-list-mobile-items .my-profile .my-profile-tooltip {
  font-size: 12px;
  color: #68737D;
}
.nav-wrapper-mobile .menu-list-mobile-items .menu-profile-avatar {
  height: 20px;
  width: 20px;
  border-radius: 50%;
  display: inline-block;
  margin-right: 8px;
  margin-top: 1px;
}
[dir=rtl] .nav-wrapper-mobile .menu-list-mobile-items .menu-profile-avatar {
  margin-right: 0;
  margin-left: 8px;
}

.skip-navigation {
  align-items: center;
  background-color: black;
  color: white;
  display: flex;
  font-size: 14px;
  justify-content: center;
  left: -999px;
  margin: 20px;
  padding: 20px;
  overflow: hidden;
  position: absolute;
  top: auto;
  z-index: -999;
}
[dir=rtl] .skip-navigation {
  left: initial;
  right: -999px;
}
.skip-navigation:focus, .skip-navigation:active {
  left: auto;
  overflow: auto;
  text-align: center;
  text-decoration: none;
  top: auto;
  z-index: 999;
}
[dir=rtl] .skip-navigation:focus, [dir=rtl] .skip-navigation:active {
  left: initial;
  right: auto;
}

#zd-modal-container ~ .skip-navigation {
  display: none;
}

.ask-ai {
  align-items: center;
  background-color: #4263EB;
  border: 1px solid #4263EB;
  border-radius: 4px;
  color: #FFFFFF;
  display: inline-flex;
  font-size: 14px;
  font-weight: 600;
  gap: 6px;
  line-height: 1.4286;
  padding: 6px 14px;
}
.ask-ai:visited {
  color: #FFFFFF;
}
.ask-ai .ask-ai-icon {
  flex-shrink: 0;
}

.nav-wrapper-desktop .ask-ai {
  margin-inline-end: 16px;
  padding: 6px 14px;
}
.nav-wrapper-desktop .ask-ai, .nav-wrapper-desktop .ask-ai:visited {
  color: #FFFFFF;
}
.nav-wrapper-desktop .ask-ai:hover, .nav-wrapper-desktop .ask-ai:focus, .nav-wrapper-desktop .ask-ai:active {
  background-color: #364FC7;
  border-color: #364FC7;
  color: #FFFFFF;
  text-decoration: none;
}

.nav-wrapper-mobile .ask-ai {
  margin: 4px 24px;
  padding: 6px 14px;
  width: auto;
  height: auto;
}
.nav-wrapper-mobile .ask-ai, .nav-wrapper-mobile .ask-ai:visited {
  color: #FFFFFF;
}
.nav-wrapper-mobile .ask-ai:hover, .nav-wrapper-mobile .ask-ai:focus, .nav-wrapper-mobile .ask-ai:active {
  background-color: #364FC7;
  border-color: #364FC7;
  color: #FFFFFF;
  text-decoration: none;
}

/***** User info in header *****/
.user-info {
  display: inline-block;
}
.user-info .dropdown-toggle::after {
  display: none;
}
@media (min-width: 768px) {
  .user-info .dropdown-toggle::after {
    display: inline-block;
  }
}
.user-info > button {
  border: 0;
  color: #4263EB;
  min-width: 0;
  padding: 0;
  white-space: nowrap;
}
.user-info > button:hover, .user-info > button:focus {
  color: #4263EB;
  background-color: transparent;
}
.user-info > button::after {
  color: #4263EB;
  padding-right: 15px;
}
[dir=rtl] .user-info > button::after {
  padding-left: 15px;
  padding-right: 0;
}

#user #user-name {
  display: none;
  font-size: 14px;
}
@media (min-width: 768px) {
  #user #user-name {
    display: inline-block;
  }
}
#user #user-name:hover {
  text-decoration: underline;
}

/***** User avatar *****/
.user-avatar {
  height: 25px;
  width: 25px;
  border-radius: 50%;
  display: inline-block;
  vertical-align: middle;
}

.avatar {
  display: inline-block;
  position: relative;
}
.avatar img {
  height: 40px;
  width: 40px;
}
.avatar .icon-agent {
  color: #4263EB;
  border: 2px solid #fff;
  border-radius: 50%;
  bottom: -4px;
  background-color: #FFFFFF;
  font-size: 17px;
  height: 17px;
  line-height: 17px;
  position: absolute;
  right: -2px;
  text-align: center;
  width: 17px;
}

/***** Footer *****/
.footer {
  border-top: 1px solid #ddd;
  margin-top: 60px;
  padding: 30px 0;
}
.footer a {
  color: #40587f;
}
.footer-inner {
  max-width: 1160px;
  margin: 0 auto;
  padding: 0 5%;
  display: flex;
  justify-content: space-between;
}
@media (min-width: 1160px) {
  .footer-inner {
    padding: 0;
    width: 90%;
  }
}
.footer-language-selector button {
  color: #40587f;
  display: inline-block;
}

.powered-by-zendesk a,
.powered-by-zendesk a:visited {
  color: #40587f;
}

/***** Breadcrumbs *****/
.breadcrumbs {
  margin: 0 0 15px 0;
  padding: 0;
  display: flex;
}
@media (min-width: 768px) {
  .breadcrumbs {
    margin: 0;
  }
}
.breadcrumbs li {
  display: inline-block;
  color: #40587f;
  font-size: 13px;
  max-width: 450px;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}
.breadcrumbs li + li::before {
  content: ">"/"";
  margin: 0 4px;
}
.breadcrumbs li a:visited {
  color: #4263EB;
}

/***** Search field *****/
.search-container {
  position: relative;
}

.search {
  border-color: #848F99;
  border-radius: 30px;
  border-style: solid;
  border-width: 1px;
  display: flex;
  position: relative;
  transition: border 0.12s ease-in-out;
}
.search:focus-within {
  border-color: #4263EB;
}
.search input[type=search],
.search .clear-button {
  background-color: #fff;
  border-radius: 30px;
  border: none;
}
.search-full input[type=search], .search-full .clear-button {
  border-color: #fff;
}
.search input[type=search] {
  appearance: none;
  -webkit-appearance: none;
  box-sizing: border-box;
  color: #666;
  flex: 1 1 auto;
  height: 40px;
  width: 100%;
}
.search input[type=search]:focus {
  color: #555;
}
.search input[type=search]::-webkit-search-decoration, .search input[type=search]::-webkit-search-cancel-button, .search input[type=search]::-webkit-search-results-button, .search input[type=search]::-webkit-search-results-decoration {
  -webkit-appearance: none;
}
.search input[type=search]:-webkit-autofill, .search input[type=search]:-webkit-autofill:hover, .search input[type=search]:-webkit-autofill:focus {
  -webkit-box-shadow: 0 0 0 1000px #fff inset;
}
.search .clear-button {
  align-items: center;
  box-sizing: border-box;
  color: #777;
  cursor: pointer;
  display: none;
  flex: none;
  justify-content: center;
  padding: 0 15px;
}
.search .clear-button:hover {
  background-color: #4263EB;
  color: #fff;
}
.search .clear-button:focus {
  outline: 0;
  box-shadow: 0 0 0 3px #4263EB;
}
.search-has-value .clear-button {
  display: flex;
}

[dir=ltr] .search input[type=search] {
  padding-left: 40px;
  padding-right: 20px;
}
[dir=ltr] .search-has-value input[type=search] {
  border-bottom-right-radius: 0;
  border-top-right-radius: 0;
  border-right-color: transparent;
}
[dir=ltr] .search-has-value input[type=search]:focus {
  border-right-color: #4263EB;
}
[dir=ltr] .search .clear-button {
  border-bottom-left-radius: 0;
  border-top-left-radius: 0;
  border-left-color: transparent;
}
[dir=ltr] .search .clear-button:focus {
  border-left-color: #4263EB;
}

[dir=rtl] .search input[type=search] {
  padding-left: 20px;
  padding-right: 40px;
}
[dir=rtl] .search-has-value input[type=search] {
  border-bottom-left-radius: 0;
  border-top-left-radius: 0;
  border-left-color: transparent;
}
[dir=rtl] .search-has-value input[type=search]:focus {
  border-left-color: #4263EB;
}
[dir=rtl] .search .clear-button {
  border-bottom-right-radius: 0;
  border-top-right-radius: 0;
  border-right-color: transparent;
}
[dir=rtl] .search .clear-button:focus {
  border-right-color: #4263EB;
}

.search-icon {
  position: relative;
  top: 50%;
  transform: translateY(-50%);
  position: absolute;
  left: 15px;
  z-index: 1;
  width: 18px;
  height: 18px;
  color: #777;
  pointer-events: none;
}
[dir=rtl] .search-icon {
  left: auto;
  right: 15px;
}

/***** Hero component *****/
.hero {
  background-image: url(/hc/theming_assets/01M3HM6PC3K0S16KW4W902KZS7);
  background-position: center;
  background-size: cover;
  height: 300px;
  padding: 0 20px;
  text-align: center;
  width: 100%;
}
.hero-inner {
  position: relative;
  top: 50%;
  transform: translateY(-50%);
  max-width: 610px;
  margin: 0 auto;
}

.page-header {
  display: flex;
  flex-direction: column;
  flex-wrap: wrap;
  justify-content: space-between;
  margin: 10px 0;
}
@media (min-width: 768px) {
  .page-header {
    align-items: baseline;
    flex-direction: row;
    flex-wrap: wrap;
    gap: 16px;
    margin: 0;
  }
}
.page-header .section-subscribe {
  flex-shrink: 0;
  margin-bottom: 10px;
}
@media (min-width: 768px) {
  .page-header .section-subscribe {
    margin-bottom: 0;
  }
}
.page-header h1 {
  flex-grow: 1;
  margin-bottom: 10px;
}
.page-header-description {
  font-style: italic;
  margin: 0 0 30px 0;
  word-break: break-word;
}
@media (min-width: 1024px) {
  .page-header-description {
    flex-basis: 100%;
  }
}
.page-header .icon-lock {
  height: 20px;
  width: 20px;
  position: relative;
  left: -5px;
  vertical-align: baseline;
}

.sub-nav {
  align-items: baseline;
  display: flex;
  flex-direction: column;
  flex-wrap: wrap;
  gap: 15px 30px;
  justify-content: space-between;
  margin-bottom: 55px;
}
@media (min-width: 768px) {
  .sub-nav {
    flex-direction: row;
  }
}
.sub-nav .breadcrumbs {
  margin: 0;
}
.sub-nav .search-container {
  max-width: 300px;
  width: 100%;
}
@media (min-width: 768px) {
  .sub-nav .search-container {
    flex: 0 1 300px;
  }
}
.sub-nav input[type=search]::after {
  font-size: 15px;
}

/***** Blocks *****/
/* Used in Homepage#categories and Community#topics */
.blocks-list {
  display: flex;
  flex-wrap: wrap;
  justify-content: flex-start;
  list-style: none;
  padding: 0;
}
@media (min-width: 768px) {
  .blocks-list {
    margin: 0 -15px;
  }
}
.blocks-item {
  border: 1px solid #4263EB;
  border-radius: 4px;
  box-sizing: border-box;
  color: #4263EB;
  display: flex;
  flex: 1 0 340px;
  margin: 0 0 30px;
  max-width: 100%;
  text-align: center;
}
@media (min-width: 768px) {
  .blocks-item {
    margin: 0 15px 30px;
  }
}
.blocks-item:hover, .blocks-item:focus, .blocks-item:active {
  background-color: #4263EB;
}
.blocks-item:hover *, .blocks-item:focus *, .blocks-item:active * {
  color: #FFFFFF;
  text-decoration: none;
}
.blocks-item-internal {
  background-color: transparent;
  border: 1px solid #ddd;
}
.blocks-item-internal .icon-lock {
  height: 15px;
  width: 15px;
  bottom: 5px;
  position: relative;
}
.blocks-item-internal a {
  color: #1E293B;
}
.blocks-item-link {
  color: #4263EB;
  padding: 20px 30px;
  display: flex;
  flex-direction: column;
  flex: 1;
  justify-content: center;
  border-radius: inherit;
}
.blocks-item-link:visited, .blocks-item-link:hover, .blocks-item-link:active {
  color: inherit;
  text-decoration: none;
}
.blocks-item-link:focus {
  outline: 0;
  box-shadow: 0 0 0 3px #4263EB;
  text-decoration: none;
}
.blocks-item-title {
  margin-bottom: 0;
  font-size: 16px;
}
.blocks-item-description {
  margin: 0;
}
.blocks-item-description:not(:empty) {
  margin-top: 10px;
}

/***** Homepage *****/
.section {
  margin-bottom: 40px;
}
@media (min-width: 768px) {
  .section {
    margin-bottom: 60px;
  }
}

.home-section h2 {
  margin-bottom: 10px;
  text-align: center;
}

/***** Promoted articles *****/
.promoted-articles {
  display: flex;
  flex-direction: column;
  flex-wrap: wrap;
}
@media (min-width: 1024px) {
  .promoted-articles {
    flex-direction: row;
  }
}
.promoted-articles-item {
  flex: 1 0 auto;
}
@media (min-width: 1024px) {
  .promoted-articles-item {
    align-self: flex-end;
    flex: 0 0 auto;
    padding-right: 30px;
    width: 33%; /* Three columns on desktop */
  }
  [dir=rtl] .promoted-articles-item {
    padding: 0 0 0 30px;
  }
}
.promoted-articles-item:nth-child(3n) {
  padding-right: 0;
}
.promoted-articles-item a {
  display: block;
  border-bottom: 1px solid #ddd;
  padding: 15px 0;
}
.promoted-articles-item .icon-lock {
  vertical-align: baseline;
}
.promoted-articles-item:last-child a {
  border: 0;
}
@media (min-width: 1024px) {
  .promoted-articles-item:last-child a {
    border-bottom: 1px solid #ddd;
  }
}

/***** Community section in homepage *****/
.community {
  text-align: center;
}
.community-image {
  min-height: 300px;
  margin-top: 32px;
  background-image: url(/hc/theming_assets/01M3HM6Q2DJVSSPCNJQGCQPC0D);
  background-position: center;
  background-repeat: no-repeat;
  max-width: 100%;
}
.community a {
  color: #4263EB;
  text-decoration: underline;
}
.community a:visited {
  color: #4263EB;
}
.community a:hover, .community a:active, .community a:focus {
  color: #364FC7;
}

.community,
.activity {
  border-top: 1px solid #ddd;
  padding: 30px 0;
}

/***** Recent activity *****/
.recent-activity-header {
  margin-bottom: 10px;
  text-align: center;
}
.recent-activity-list {
  padding: 0;
}
.recent-activity-item {
  border-bottom: 1px solid #ddd;
  overflow: auto;
  padding: 20px 0;
}
.recent-activity-item h3 {
  margin: 0;
}
.recent-activity-item-parent {
  font-size: 16px;
  font-weight: 600;
}
.recent-activity-item-parent, .recent-activity-item-link {
  margin: 6px 0;
  display: inline-block;
  width: 100%;
}
@media (min-width: 768px) {
  .recent-activity-item-parent, .recent-activity-item-link {
    width: 70%;
    margin: 0;
  }
}
.recent-activity-item-link {
  font-size: 14px;
  overflow: hidden;
  text-overflow: ellipsis;
}
.recent-activity-item-meta {
  color: #1E293B;
  margin: 15px 0 0 0;
  float: none;
}
@media (min-width: 768px) {
  .recent-activity-item-meta {
    margin: 0;
    float: right;
  }
  [dir=rtl] .recent-activity-item-meta {
    float: left;
  }
}
.recent-activity-item-time, .recent-activity-item-comment {
  display: inline-block;
  font-size: 13px;
}
.recent-activity-item-comment {
  padding-left: 5px;
}
[dir=rtl] .recent-activity-item-comment {
  padding: 0 5px 0 0;
}
.recent-activity-item-comment::before {
  display: inline-block;
}
.recent-activity-controls {
  padding-top: 15px;
}
.recent-activity-controls a {
  color: #4263EB;
  text-decoration: underline;
}
.recent-activity-controls a:visited {
  color: #4263EB;
}
.recent-activity-controls a:hover, .recent-activity-controls a:active, .recent-activity-controls a:focus {
  color: #364FC7;
}
.recent-activity-accessibility-label {
  border: 0;
  clip: rect(0 0 0 0);
  -webkit-clip-path: inset(50%);
  clip-path: inset(50%);
  height: 1px;
  margin: -1px;
  overflow: hidden;
  padding: 0;
  position: absolute;
  width: 1px;
  white-space: nowrap;
}
.recent-activity-comment-icon svg {
  vertical-align: middle;
  color: #4263EB;
  width: 16px;
  height: 16px;
}
.recent-activity-comment-icon:after {
  content: attr(data-comment-count);
  margin-left: 3px;
}
[dir=rtl] .recent-activity-comment-icon:after {
  margin-left: 0;
  margin-right: 3px;
}

/***** Category pages *****/
.category-container {
  display: flex;
  justify-content: flex-end;
}
.category-content {
  flex: 1;
  max-width: 100%;
}
@media (min-width: 1024px) {
  .category-content {
    flex: 0 0 80%;
  }
}

.section-tree {
  display: flex;
  flex-direction: column;
  flex-wrap: wrap;
  justify-content: space-between;
}
@media (min-width: 768px) {
  .section-tree {
    flex-direction: row;
  }
}
.section-tree .section {
  flex: initial;
  max-width: 100%;
}
@media (min-width: 768px) {
  .section-tree .section {
    flex: 0 0 45%; /* Two columns for tablet and desktop. Leaving 5% separation between columns */
  }
}
.section-tree-title {
  margin-bottom: 0;
  font-size: 18px;
  font-weight: 600;
}
.section-tree-title a {
  color: #1E293B;
}
.section-tree .see-all-articles {
  display: block;
  padding: 15px 0;
}

.article-list-item {
  font-size: 16px;
  padding: 15px 0;
  text-overflow: ellipsis;
  overflow: hidden;
}
.article-list-item a {
  color: #1E293B;
}

.icon-star {
  color: #4263EB;
  font-size: 18px;
}

/***** Section pages *****/
.section-container {
  display: flex;
  justify-content: flex-end;
}
.section-content {
  flex: 1;
  max-width: 100%;
}
@media (min-width: 1024px) {
  .section-content {
    flex: 0 0 80%;
  }
}
.section-list {
  margin: 40px 0;
}

.section-list-item {
  border-bottom: 1px solid #ddd;
  font-size: 16px;
  padding: 15px 0;
}
.section-list-item:first-child {
  border-top: 1px solid #ddd;
}
.section-list-item a {
  align-items: center;
  color: #1E293B;
  display: flex;
  justify-content: space-between;
}

.see-all-sections-trigger {
  cursor: pointer;
  display: block;
  padding: 15px;
  text-align: center;
}
.see-all-sections-trigger[aria-hidden=true] {
  display: none;
}

/***** Article *****/
.article {
  /*
  * The article grid is defined this way to optimize readability:
  * Sidebar | Content | Free space
  * 17%     | 66%     | 17%
  */
  flex: 1 0 auto;
}
@media (min-width: 1024px) {
  .article {
    flex: 1 0 66%;
    max-width: 66%;
    min-width: 640px;
    padding: 0 30px;
  }
}
.article-container {
  display: flex;
  flex-direction: column;
}
@media (min-width: 1024px) {
  .article-container {
    flex-direction: row;
  }
}
.article-header {
  align-items: flex-start;
  display: flex;
  flex-direction: column;
  flex-wrap: wrap;
  justify-content: space-between;
  margin-bottom: 40px;
  margin-top: 20px;
}
@media (min-width: 768px) {
  .article-header {
    flex-direction: row;
    margin-top: 0;
  }
}
.article-avatar {
  margin-right: 10px;
}
.article-author {
  margin-bottom: 10px;
}
.article-title {
  overflow: hidden;
  text-overflow: ellipsis;
  max-width: 100%;
}
@media (min-width: 768px) {
  .article-title {
    flex-basis: 100%; /* Take entire row */
  }
}
.article-title .icon-lock {
  position: relative;
  left: -5px;
  vertical-align: baseline;
}
.article [role=button] {
  flex-shrink: 0; /*Avoid collapsing elements in Safari (https://github.com/philipwalton/flexbugs#1-minimum-content-sizing-of-flex-items-not-honored)*/
  width: 100%;
}
@media (min-width: 768px) {
  .article [role=button] {
    width: auto;
  }
}
.article-info {
  max-width: 100%;
}
.article-meta {
  display: inline-block;
  vertical-align: middle;
}
.article-body {
  display: flow-root;
}
.article-body a {
  color: #4263EB;
  text-decoration: underline;
}
.article-body a:visited {
  color: #4263EB;
}
.article-body a:hover, .article-body a:active, .article-body a:focus {
  color: #364FC7;
}
.article-body img {
  height: auto;
  max-width: 100%;
}
.article-body p > img.image-style-align-left {
  float: left;
  margin: 8px 20px 6px 0;
}
.article-body p > img.image-style-align-right {
  float: right;
  margin: 8px 0px 6px 20px;
}
.article-body p > img.image-style-block-align-right {
  margin-left: auto;
  margin-right: 0;
}
.article-body p > img.image-style-block-align-left {
  margin-left: 0;
  margin-right: auto;
}
.article-body figure.image {
  display: table;
  margin: 0 auto;
}
.article-body figure.image > img {
  display: block;
  width: 100%;
}
.article-body figure.image.image-style-align-left {
  float: left;
  margin: 8px 20px 6px 0;
}
.article-body figure.image.image-style-align-right {
  float: right;
  margin: 8px 0px 6px 20px;
}
.article-body figure.image.image-style-block-align-right {
  margin-left: auto;
  margin-right: 0;
}
.article-body figure.image.image-style-block-align-left {
  margin-left: 0;
  margin-right: auto;
}
.article-body figcaption {
  padding: 10px 0;
  font-size: 12px;
  text-align: center;
  background-color: #f2f2f2;
}
.article-body ul,
.article-body ol {
  padding-left: 20px;
  list-style-position: outside;
  margin: 20px 0 20px 20px;
}
[dir=rtl] .article-body ul,
[dir=rtl] .article-body ol {
  padding-right: 20px;
  padding-left: 0;
  margin-left: 0;
  margin-right: 20px;
}
.article-body ul > ul,
.article-body ol > ol,
.article-body ol > ul,
.article-body ul > ol,
.article-body li > ul,
.article-body li > ol {
  margin: 0;
}
.article-body ul {
  list-style-type: disc;
}
.article-body :not(pre) > code {
  background: #f7f7f7;
  border: 1px solid #ddd;
  border-radius: 3px;
  padding: 0 5px;
  margin: 0 2px;
}
.article-body pre {
  background: #f7f7f7;
  border: 1px solid #ddd;
  border-radius: 3px;
  padding: 10px 15px;
  overflow: auto;
  white-space: pre;
  direction: ltr;
}
.article-body blockquote {
  border-left: 1px solid #ddd;
  color: #40587f;
  font-style: italic;
  padding: 0 15px;
}
.article-body > p:last-child {
  margin-bottom: 0;
}
.article-content {
  line-height: 1.6;
  margin: 40px 0;
  word-wrap: break-word;
}
.article-footer {
  align-items: center;
  display: flex;
  justify-content: space-between;
  padding-bottom: 20px;
}
.article-comment-count {
  color: #40587f;
}
.article-comment-count:hover {
  text-decoration: none;
}
.article-comment-count-icon {
  vertical-align: middle;
  color: #4263EB;
  width: 18px;
  height: 18px;
}
.article-sidebar {
  border-bottom: 1px solid #ddd;
  border-top: 1px solid #ddd;
  flex: 1 0 auto;
  margin-bottom: 20px;
  padding: 0;
}
@media (min-width: 1024px) {
  .article-sidebar {
    border: 0;
    flex: 0 0 17%;
    height: auto;
    max-width: 17%;
  }
}
.article-relatives {
  border-top: 1px solid #ddd;
  display: flex;
  flex-direction: column;
  padding: 20px 0;
}
@media (min-width: 768px) {
  .article-relatives {
    flex-direction: row;
  }
}
.article-relatives > * {
  flex: 1 0 50%;
  min-width: 50%;
  overflow-wrap: break-word;
  margin-right: 0;
}
.article-relatives > *:last-child {
  padding: 0;
}
@media (min-width: 768px) {
  .article-relatives > * {
    padding-right: 20px;
  }
}
.article-votes {
  border-top: 1px solid #ddd;
  padding: 30px 0;
  text-align: center;
}
.article-votes-question {
  font-size: 15px;
  font-weight: normal;
  margin-bottom: 0;
}
.article-vote {
  margin: 10px 5px;
  min-width: 90px;
  width: auto;
}
.article-more-questions {
  margin: 10px 0 20px;
  text-align: center;
}
.article-more-questions a {
  color: #4263EB;
  text-decoration: underline;
}
.article-more-questions a:visited {
  color: #4263EB;
}
.article-more-questions a:hover, .article-more-questions a:active, .article-more-questions a:focus {
  color: #364FC7;
}
.article-return-to-top {
  border-top: 1px solid #848F99;
}
@media (min-width: 1024px) {
  .article-return-to-top {
    display: none;
  }
}
.article-return-to-top a {
  color: #1E293B;
  display: block;
  padding: 20px 0;
}
.article-return-to-top a:hover, .article-return-to-top a:focus {
  text-decoration: none;
}
.article-return-to-top-icon {
  transform: rotate(0.5turn);
}
.article td > p:first-child,
.article th > p:first-child {
  margin-top: 0;
}
.article td > p:last-child,
.article th > p:last-child {
  margin-bottom: 0;
}

.sidenav-title {
  font-size: 15px;
  position: relative;
  font-weight: 600;
}
.sidenav-item {
  display: block;
  margin-top: 10px;
  margin-bottom: 16px;
  overflow: hidden;
  text-overflow: ellipsis;
}

.recent-articles li,
.related-articles li {
  margin-bottom: 15px;
}

/***** Attachments *****/
/* Styles attachments inside posts, articles and comments */
.attachments .attachment-item {
  padding-left: 20px;
  position: relative;
  margin-bottom: 10px;
}
.attachments .attachment-item:last-child {
  margin-bottom: 0;
}
.attachments .attachment-item .attachment-icon {
  color: #1E293B;
  left: 0;
  position: absolute;
  top: 5px;
}
[dir=rtl] .attachments .attachment-item {
  padding-left: 0;
  padding-right: 20px;
}
[dir=rtl] .attachments .attachment-item .attachment-icon {
  left: auto;
  right: 0;
}

.upload-dropzone span {
  color: #40587f;
}

/***** Social share links *****/
.share {
  padding: 0;
  white-space: nowrap;
}

.share li, .share a {
  display: inline-block;
}

.share li {
  height: 25px;
  width: 25px;
}

.share a {
  color: #40587f;
}
.share a:hover {
  text-decoration: none;
  color: #4263EB;
}
.share a svg {
  height: 18px;
  width: 18px;
  display: block;
}

/***** Comments *****/
/* Styles comments inside articles, posts and requests */
.comment {
  border-bottom: 1px solid #ddd;
  padding: 20px 0;
}
.comment-heading, .recent-articles-title,
.related-articles-title {
  margin-bottom: 5px;
  margin-top: 0;
  font-size: 18px;
  font-weight: 600;
}
.comment-overview {
  border-bottom: 1px solid #ddd;
  border-top: 1px solid #ddd;
  padding: 20px 0;
}
.comment-overview p {
  margin-top: 0;
}
.comment-callout {
  color: #40587f;
  display: inline-block;
  font-size: 13px;
  margin-bottom: 0;
}
.comment-callout a {
  color: #4263EB;
  text-decoration: underline;
}
.comment-callout a:visited {
  color: #4263EB;
}
.comment-callout a:hover, .comment-callout a:active, .comment-callout a:focus {
  color: #364FC7;
}
.comment-sorter {
  display: inline-block;
  float: right;
}
.comment-sorter .dropdown-toggle {
  color: #40587f;
  font-size: 13px;
}
[dir=rtl] .comment-sorter {
  float: left;
}
.comment-wrapper {
  display: flex;
  position: relative;
}
.comment-wrapper.comment-official {
  border: 1px solid #4263EB;
  padding: 40px 20px 20px;
}
@media (min-width: 768px) {
  .comment-wrapper.comment-official {
    padding-top: 20px;
  }
}
.comment-info {
  min-width: 0;
  padding-right: 20px;
  width: 100%;
}
[dir=rtl] .comment-info {
  padding-right: 0;
  padding-left: 20px;
}
.comment-author {
  align-items: flex-end;
  display: flex;
  flex-wrap: wrap;
  margin-bottom: 20px;
}
@media (min-width: 768px) {
  .comment-author {
    justify-content: space-between;
  }
}
.comment-avatar {
  margin-right: 10px;
}
[dir=rtl] .comment-avatar {
  margin-left: 10px;
  margin-right: 0;
}
.comment-meta {
  flex: 1 1 auto;
}
.comment-labels {
  flex-basis: 100%;
}
@media (min-width: 768px) {
  .comment-labels {
    flex-basis: auto;
  }
}
.comment .status-label:not(.status-label-official) {
  margin-top: 10px;
}
@media (min-width: 768px) {
  .comment .status-label:not(.status-label-official) {
    margin-top: 0;
  }
}
.comment-form {
  display: flex;
  padding-top: 30px;
  word-wrap: break-word;
}
.comment-container {
  width: 100%;
}
.comment-form-controls {
  display: none;
  margin-top: 10px;
  text-align: left;
}
@media (min-width: 768px) {
  [dir=ltr] .comment-form-controls {
    text-align: right;
  }
}
.comment-form-controls input[type=submit] {
  margin-top: 15px;
}
@media (min-width: 1024px) {
  .comment-form-controls input[type=submit] {
    margin-left: 15px;
  }
  [dir=rtl] .comment-form-controls input[type=submit] {
    margin-left: 0;
    margin-right: 15px;
  }
}
.comment-form-controls input[type=checkbox] {
  margin-right: 5px;
}
.comment-form-controls input[type=checkbox] [dir=rtl] {
  margin-left: 5px;
}
.comment-ccs {
  display: none;
}
.comment-ccs + textarea {
  margin-top: 10px;
}
.comment-attachments {
  margin-top: 10px;
}
.comment-attachments a {
  color: #4263EB;
}
.comment-body {
  -moz-hyphens: auto;
  -ms-hyphens: auto;
  -webkit-hyphens: auto;
  word-break: break-word;
  word-wrap: break-word;
  display: flow-root;
  font-family: -apple-system, BlinkMacSystemFont, 'Segoe UI', Helvetica, Arial, sans-serif;
  line-height: 1.6;
  overflow-x: auto;
}
.comment-body a {
  color: #4263EB;
  text-decoration: underline;
}
.comment-body a:visited {
  color: #4263EB;
}
.comment-body a:hover, .comment-body a:active, .comment-body a:focus {
  color: #364FC7;
}
.comment-body img {
  height: auto;
  max-width: 100%;
}
.comment-body p > img.image-style-align-left {
  float: left;
  margin: 8px 20px 6px 0;
}
.comment-body p > img.image-style-align-right {
  float: right;
  margin: 8px 0px 6px 20px;
}
.comment-body p > img.image-style-block-align-right {
  margin-left: auto;
  margin-right: 0;
}
.comment-body p > img.image-style-block-align-left {
  margin-left: 0;
  margin-right: auto;
}
.comment-body figure.image {
  display: table;
  margin: 0 auto;
}
.comment-body figure.image > img {
  display: block;
  width: 100%;
}
.comment-body figure.image.image-style-align-left {
  float: left;
  margin: 8px 20px 6px 0;
}
.comment-body figure.image.image-style-align-right {
  float: right;
  margin: 8px 0px 6px 20px;
}
.comment-body figure.image.image-style-block-align-right {
  margin-left: auto;
  margin-right: 0;
}
.comment-body figure.image.image-style-block-align-left {
  margin-left: 0;
  margin-right: auto;
}
.comment-body figcaption {
  padding: 10px 0;
  font-size: 12px;
  text-align: center;
  background-color: #f2f2f2;
}
.comment-body ul,
.comment-body ol {
  padding-left: 20px;
  list-style-position: outside;
  margin: 20px 0 20px 20px;
}
[dir=rtl] .comment-body ul,
[dir=rtl] .comment-body ol {
  padding-right: 20px;
  padding-left: 0;
  margin-left: 0;
  margin-right: 20px;
}
.comment-body ul > ul,
.comment-body ol > ol,
.comment-body ol > ul,
.comment-body ul > ol,
.comment-body li > ul,
.comment-body li > ol {
  margin: 0;
}
.comment-body ul {
  list-style-type: disc;
}
.comment-body :not(pre) > code {
  background: #f7f7f7;
  border: 1px solid #ddd;
  border-radius: 3px;
  padding: 0 5px;
  margin: 0 2px;
}
.comment-body pre {
  background: #f7f7f7;
  border: 1px solid #ddd;
  border-radius: 3px;
  padding: 10px 15px;
  overflow: auto;
  white-space: pre;
  direction: ltr;
}
.comment-body blockquote {
  border-left: 1px solid #ddd;
  color: #40587f;
  font-style: italic;
  padding: 0 15px;
}
.comment-mark-as-solved {
  display: inline-block;
}

/***** Vote *****/
/* Used in article comments, post comments and post */
.vote {
  display: flex;
  flex-direction: column;
  text-align: center;
}
.vote a:active, .vote a:hover, .vote a:focus {
  text-decoration: none;
}

.vote-sum {
  color: #40587f;
  display: block;
  margin: 3px 0;
}
[dir=rtl] .vote-sum {
  direction: ltr;
  unicode-bidi: bidi-override;
}

.vote-up svg {
  transform: scale(1, -1);
}

.vote-up:hover,
.vote-down:hover {
  color: #4263EB;
}

.vote-up, .vote-down {
  -webkit-appearance: none;
  -moz-appearance: none;
  appearance: none;
  background-color: transparent;
  border: none;
  color: #40587f;
  cursor: pointer;
  min-height: 35px;
  min-width: 35px;
  display: flex;
  align-items: center;
  justify-content: center;
}

.vote-voted {
  color: #4263EB;
}

.vote-voted:hover {
  color: #1332b4;
}

/***** Actions *****/
/* Styles admin and en user actions(edit, delete, change status) in comments and posts */
.actions {
  text-align: center;
  flex-shrink: 0; /*Avoid collapsing elements in Safari*/
}
.actions button {
  -webkit-appearance: none;
  -moz-appearance: none;
  appearance: none;
  background-color: transparent;
  border: none;
  cursor: pointer;
  min-height: 35px;
  min-width: 35px;
  display: flex;
  align-items: center;
  justify-content: center;
}

/***** Community *****/
.community-hero {
  background-image: url(/hc/theming_assets/01M3HM6PQAY9Q03VSCN4J7V3JR);
  margin-bottom: 10px;
}
.community-footer {
  padding-top: 50px;
  text-align: center;
}
.community-footer-title {
  font-size: 16px;
  margin-bottom: 20px;
}
.community-featured-posts .title {
  font-size: 18px;
  font-weight: 600;
}
.community-featured-posts, .community-activity {
  padding-top: 40px;
  width: 100%;
}
.community-header {
  margin-bottom: 30px;
}
.community-header .title {
  margin-bottom: 0;
  font-size: 16px;
}

.post-to-community {
  margin-top: 10px;
}
@media (min-width: 768px) {
  .post-to-community {
    margin: 0;
  }
}

/* Community topics grid */
.topics {
  max-width: none;
  width: 100%;
}
.topics-item .meta-group {
  justify-content: center;
  margin-top: 20px;
}

/* Community topic page */
.topic-header {
  border-bottom: 1px solid #ddd;
  font-size: 13px;
}
@media (min-width: 768px) {
  .topic-header {
    padding-bottom: 10px;
  }
}
.topic-header .dropdown {
  display: block;
  border-top: 1px solid #ddd;
  padding: 10px 0;
}
@media (min-width: 768px) {
  .topic-header .dropdown {
    border-top: 0;
    display: inline-block;
    margin-right: 20px;
    padding: 0;
  }
}

.no-posts-with-filter {
  margin-top: 20px;
  margin-bottom: 20px;
}

/* Topic, post and user follow button */
.community-follow {
  margin-bottom: 10px;
  width: 100%;
}
@media (min-width: 768px) {
  .community-follow {
    margin-bottom: 0;
    width: auto;
  }
}
.community-follow button {
  line-height: 30px;
  padding: 0 10px 0 15px;
  position: relative;
  width: 100%;
}
@media (min-width: 768px) {
  .community-follow button {
    width: auto;
  }
}
.community-follow button:hover {
  background-color: #4263EB;
}
.community-follow button:hover::after, .community-follow button:focus::after {
  border-color: #FFFFFF;
  color: #FFFFFF;
}
.community-follow button[data-selected=true] {
  background-color: #4263EB;
  color: #FFFFFF;
}
.community-follow button[data-selected=true]::after {
  border-left: 1px solid #FFFFFF;
  color: #FFFFFF;
}
.community-follow button[data-selected=true]:hover {
  background-color: #1332b4;
  border-color: #1332b4;
}
.community-follow button::after {
  border-left: 1px solid #4263EB;
  content: attr(data-follower-count);
  color: #4263EB;
  display: inline-block;
  font-family: -apple-system, BlinkMacSystemFont, 'Segoe UI', Helvetica, Arial, sans-serif;
  margin-left: 15px;
  padding-left: 10px;
  position: absolute;
  right: 10px;
}
@media (min-width: 768px) {
  .community-follow button::after {
    position: static;
  }
}
[dir=rtl] .community-follow button::after {
  border-left: 0;
  border-right: 1px solid #4263EB;
  margin: 0 10px 0 0;
  padding: 0 10px 0 0;
}

/***** Striped list *****/
/* Used in community posts list and requests list */
.striped-list {
  padding: 0;
}
.striped-list-item {
  align-items: flex-start;
  border-bottom: 1px solid #ddd;
  display: flex;
  flex-direction: column;
  justify-content: flex-end;
  padding: 20px 0;
}
@media (min-width: 768px) {
  .striped-list-item {
    align-items: center;
    flex-direction: row;
  }
}
.striped-list-info {
  flex: 2;
}
.striped-list-title {
  color: #4263EB;
  margin-bottom: 10px;
  margin-right: 5px;
}
.striped-list-title:hover, .striped-list-title:focus, .striped-list-title:active {
  text-decoration: underline;
}
.striped-list-title:visited {
  color: #4263EB;
}
.striped-list .meta-group {
  margin: 5px 0;
}
.striped-list-count {
  color: #40587f;
  font-size: 13px;
  justify-content: flex-start;
  text-transform: capitalize;
}
@media (min-width: 768px) {
  .striped-list-count {
    display: flex;
    flex: 1;
    justify-content: space-around;
  }
}
.striped-list-count-item::after {
  content: "·";
  display: inline-block;
  padding: 0 5px;
}
@media (min-width: 768px) {
  .striped-list-count-item::after {
    display: none;
  }
}
.striped-list-count-item:last-child::after {
  display: none;
}
.striped-list-number {
  text-align: center;
}
@media (min-width: 768px) {
  .striped-list-number {
    color: #1E293B;
    display: block;
  }
}

/***** Status labels *****/
/* Styles labels used in posts, articles and requests */
.status-label {
  background-color: #038153;
  border-radius: 4px;
  color: #fff;
  font-size: 12px;
  font-weight: 600;
  margin-right: 2px;
  padding: 3px 10px;
  vertical-align: middle;
  white-space: nowrap;
  display: inline-block;
}
.status-label:hover, .status-label:active, .status-label:focus {
  text-decoration: none;
}
.status-label-pinned, .status-label-featured, .status-label-official {
  background-color: #4263EB;
}
.status-label-official {
  border-radius: 0;
  margin-right: 0;
  position: absolute;
  right: 0;
  text-align: center;
  top: 0;
  width: 100%;
}
@media (min-width: 768px) {
  .status-label-official {
    border-radius: 0 0 4px 4px;
    right: 30px;
    width: auto;
  }
}
[dir=rtl] .status-label-official {
  left: 30px;
  right: auto;
}
.status-label-not-planned, .status-label-closed {
  background-color: #e9ebed;
  color: #40587f;
}
.status-label-pending, .status-label-pending-moderation {
  background-color: #1f73b7;
  text-align: center;
}
.status-label-open {
  background-color: #c72a1c;
}
.status-label-solved {
  background-color: #68737d;
}
.status-label-new {
  background-color: #ffb648;
  color: #703b15;
}
.status-label-hold {
  background-color: #000;
}
.status-label-request {
  max-width: 100%;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
}
@media (max-width: 768px) {
  .status-label-request {
    max-width: 150px;
  }
}

/***** Post *****/
/*
* The post grid is defined this way:
* Content | Sidebar
* 70%     | 30%
*/
.post {
  flex: 1;
  margin-bottom: 10px;
}
@media (min-width: 1024px) {
  .post {
    flex: 1 0 70%;
    max-width: 70%;
  }
}
.post-container {
  display: flex;
  flex-direction: column;
}
@media (min-width: 1024px) {
  .post-container {
    flex-direction: row;
  }
}
.post-header {
  align-items: center;
  display: flex;
  flex-direction: column;
  justify-content: space-between;
  margin-bottom: 10px;
}
@media (min-width: 768px) {
  .post-header {
    align-items: baseline;
    flex-direction: row;
  }
}
.post-header .status-label {
  vertical-align: super;
}
.post-title {
  margin-bottom: 20px;
  width: 100%;
}
@media (min-width: 768px) {
  .post-title {
    margin-bottom: 0;
    padding-right: 10px;
  }
}
.post-title h1 {
  display: inline;
  vertical-align: middle;
}
@media (min-width: 768px) {
  .post-title h1 {
    margin-right: 5px;
  }
}
.post-author {
  align-items: flex-start;
  display: flex;
  justify-content: space-between;
}
.post-avatar {
  margin-bottom: 30px;
}
.post-content {
  font-family: -apple-system, BlinkMacSystemFont, 'Segoe UI', Helvetica, Arial, sans-serif;
  line-height: 1.6;
  word-break: break-word;
}
.post-info-container {
  display: flex;
  margin-bottom: 40px;
}
.post-info {
  min-width: 0;
  padding-right: 20px;
  width: 100%;
}
[dir=rtl] .post-info {
  padding-right: 0;
  padding-left: 20px;
}
.post-meta {
  display: inline-block;
  flex: 1;
  margin-left: 10px;
  vertical-align: middle;
}
[dir=rtl] .post-meta {
  margin-left: 0;
  margin-right: 10px;
}
.post-body {
  display: flow-root;
}
.post-body a {
  color: #4263EB;
  text-decoration: underline;
}
.post-body a:visited {
  color: #4263EB;
}
.post-body a:hover, .post-body a:active, .post-body a:focus {
  color: #364FC7;
}
.post-body img {
  height: auto;
  max-width: 100%;
}
.post-body p > img.image-style-align-left {
  float: left;
  margin: 8px 20px 6px 0;
}
.post-body p > img.image-style-align-right {
  float: right;
  margin: 8px 0px 6px 20px;
}
.post-body p > img.image-style-block-align-right {
  margin-left: auto;
  margin-right: 0;
}
.post-body p > img.image-style-block-align-left {
  margin-left: 0;
  margin-right: auto;
}
.post-body figure.image {
  display: table;
  margin: 0 auto;
}
.post-body figure.image > img {
  display: block;
  width: 100%;
}
.post-body figure.image.image-style-align-left {
  float: left;
  margin: 8px 20px 6px 0;
}
.post-body figure.image.image-style-align-right {
  float: right;
  margin: 8px 0px 6px 20px;
}
.post-body figure.image.image-style-block-align-right {
  margin-left: auto;
  margin-right: 0;
}
.post-body figure.image.image-style-block-align-left {
  margin-left: 0;
  margin-right: auto;
}
.post-body figcaption {
  padding: 10px 0;
  font-size: 12px;
  text-align: center;
  background-color: #f2f2f2;
}
.post-body ul,
.post-body ol {
  padding-left: 20px;
  list-style-position: outside;
  margin: 20px 0 20px 20px;
}
[dir=rtl] .post-body ul,
[dir=rtl] .post-body ol {
  padding-right: 20px;
  padding-left: 0;
  margin-left: 0;
  margin-right: 20px;
}
.post-body ul > ul,
.post-body ol > ol,
.post-body ol > ul,
.post-body ul > ol,
.post-body li > ul,
.post-body li > ol {
  margin: 0;
}
.post-body ul {
  list-style-type: disc;
}
.post-body :not(pre) > code {
  background: #f7f7f7;
  border: 1px solid #ddd;
  border-radius: 3px;
  padding: 0 5px;
  margin: 0 2px;
}
.post-body pre {
  background: #f7f7f7;
  border: 1px solid #ddd;
  border-radius: 3px;
  padding: 10px 15px;
  overflow: auto;
  white-space: pre;
  direction: ltr;
}
.post-body blockquote {
  border-left: 1px solid #ddd;
  color: #40587f;
  font-style: italic;
  padding: 0 15px;
}
.post-footer {
  align-items: center;
  display: flex;
  justify-content: space-between;
  padding-bottom: 20px;
}
.post-comment-count {
  color: #40587f;
}
.post-comment-count:hover {
  text-decoration: none;
}
.post-comment-count .icon-comments {
  color: #4263EB;
  display: inline-block;
  width: 18px;
  height: 18px;
  margin: 5px;
  vertical-align: middle;
}
.post-sidebar {
  border-top: 1px solid #ddd;
  flex: 1;
  padding: 30px 0;
  text-align: center;
}
@media (min-width: 1024px) {
  .post-sidebar {
    border: 0;
    flex: 1 0 30%;
    padding: 0 0 0 50px;
    text-align: initial;
  }
  [dir=rtl] .post-sidebar {
    padding: 0 50px 0 0;
  }
}
.post-sidebar-title {
  font-size: 18px;
  font-weight: 600;
}
.post-comments {
  margin-bottom: 20px;
}
@media (min-width: 1024px) {
  .post-comments {
    margin-bottom: 0;
  }
}

/***** Community Badges *****/
/* Styles labels used next to the authors of article comments, community posts, and community comments */
.community-badge-title {
  background-color: #04444d;
  border-radius: 4px;
  color: #fff;
  font-size: 12px;
  font-weight: 600;
  padding: 0px 8px;
  vertical-align: top;
  white-space: nowrap;
  display: inline-block;
  line-height: 18px;
  vertical-align: middle;
}

.community-badge-titles {
  display: inline;
}

.community-badge-achievement {
  display: block;
  height: 16px;
  white-space: nowrap;
  width: 16px;
}
.community-badge-achievement img {
  width: 100%;
  height: 100%;
}

.community-badge-achievements {
  display: flex;
}

.community-badge-achievements-rest {
  font-size: 12px;
  font-weight: 600;
  line-height: 20px;
  text-align: center;
  vertical-align: top;
}

.community-badge {
  margin: 2px;
}

.profile-info .community-badge-title {
  padding: 2px 8px;
  line-height: 20px;
}
.profile-info .community-badge-achievement {
  height: 40px;
  width: 40px;
}
.profile-info .community-badge-achievements-rest {
  line-height: 40px;
  font-size: 20px;
}

/* Navigation element that collapses on mobile */
.collapsible-nav {
  flex-direction: column;
  font-size: 14px;
  position: relative;
}
@media (min-width: 768px) {
  .collapsible-nav {
    flex-direction: row;
  }
}

.collapsible-nav-border {
  border-bottom: 1px solid #ddd;
  border-top: 1px solid #ddd;
}
@media (min-width: 768px) {
  .collapsible-nav-border {
    border-top: 0;
  }
}

.collapsible-nav-toggle {
  top: 22.5px;
  transform: translateY(-50%);
  position: absolute;
  right: 0;
  padding: 0;
  border: 0;
  background: none;
  width: 25px;
  height: 25px;
  border-radius: 50%;
}
@media (min-width: 768px) {
  .collapsible-nav-toggle {
    display: none;
  }
}
[dir=rtl] .collapsible-nav-toggle {
  left: 0;
  right: auto;
}
.collapsible-nav-toggle-icon {
  display: none;
}
.collapsible-nav-toggle[aria-expanded=false] .chevron-icon {
  display: inline-block;
}
.collapsible-nav-toggle[aria-expanded=true] .x-icon {
  display: inline-block;
}
.collapsible-nav-toggle:focus {
  outline: none;
  border: 1px solid #4263EB;
}

.collapsible-nav-list {
  display: flex;
  flex-direction: column;
}
@media (min-width: 768px) {
  .collapsible-nav-list {
    flex-direction: row;
  }
}
.collapsible-nav-list li {
  color: #1E293B;
  line-height: 45px;
  order: 1;
}
@media (min-width: 768px) {
  .collapsible-nav-list li {
    line-height: normal;
    margin-right: 30px;
  }
  [dir=rtl] .collapsible-nav-list li {
    margin-left: 30px;
    margin-right: 0;
  }
  .collapsible-nav-list li a {
    text-decoration: none;
    padding: 15px 0;
  }
}
.collapsible-nav-list li a {
  color: #1E293B;
  display: block;
}
@media (min-width: 768px) {
  .collapsible-nav-list li:hover {
    border-bottom: 4px solid #ddd;
  }
  .collapsible-nav-list li:hover a:not([aria-current=page]) {
    padding: 15px 0 11px 0;
    text-decoration: none;
  }
}
.collapsible-nav-list li:not([aria-selected=true]),
.collapsible-nav-list li:not(.current) {
  display: none;
}
@media (min-width: 768px) {
  .collapsible-nav-list li:not([aria-selected=true]),
  .collapsible-nav-list li:not(.current) {
    display: block;
  }
}
@media (min-width: 768px) {
  .collapsible-nav-list li[aria-selected=true] {
    padding: 15px 0 11px 0;
  }
}
.collapsible-nav-list li[aria-selected=true],
.collapsible-nav-list li.current {
  order: 0;
  position: relative;
}
@media (min-width: 768px) {
  .collapsible-nav-list li[aria-selected=true],
  .collapsible-nav-list li.current {
    border-bottom: 4px solid #4263EB;
    order: 1;
  }
}
.collapsible-nav-list li[aria-selected=true] a,
.collapsible-nav-list li.current a {
  color: #1E293B;
}

.collapsible-nav.expanded li:not([aria-selected=true]),
.collapsible-nav.expanded li:not(.current) {
  display: block;
}

/* Sidebar navigation that collapses on mobile */
.collapsible-sidebar {
  flex: 1;
  max-height: 45px;
  overflow: hidden;
  padding: 10px 0;
  position: relative;
}
@media (min-width: 1024px) {
  .collapsible-sidebar {
    max-height: none;
    padding: 0;
  }
}
.collapsible-sidebar-title {
  margin-top: 0;
}
.collapsible-sidebar-toggle {
  position: absolute;
  top: 22.5px;
  transform: translateY(-50%);
  right: 0;
  padding: 0;
  border: 0;
  background: none;
  width: 25px;
  height: 25px;
  border-radius: 50%;
}
@media (min-width: 1024px) {
  .collapsible-sidebar-toggle {
    display: none;
  }
}
[dir=rtl] .collapsible-sidebar-toggle {
  left: 0;
  right: auto;
}
.collapsible-sidebar-toggle-icon {
  display: none;
}
.collapsible-sidebar-toggle[aria-expanded=false] .chevron-icon {
  display: inline-block;
}
.collapsible-sidebar-toggle[aria-expanded=true] .x-icon {
  display: inline-block;
}
.collapsible-sidebar-toggle:focus {
  outline: none;
  border: 1px solid #4263EB;
}
.collapsible-sidebar-body {
  display: none;
}
@media (min-width: 1024px) {
  .collapsible-sidebar-body {
    display: block;
  }
}
.collapsible-sidebar.expanded {
  max-height: none;
}
.collapsible-sidebar.expanded .collapsible-sidebar-body {
  display: block;
}

/***** My activities *****/
.my-activities-nav {
  background-color: #f2f2f2;
  margin-bottom: 20px;
}
.my-activities-sub-nav {
  margin-bottom: 30px;
}
.my-activities-table .striped-list-title { /* My activities tables */
  display: block;
  margin-bottom: 10px;
  max-width: 350px;
  white-space: normal;
}
@media (min-width: 1024px) {
  .my-activities-table .striped-list-title {
    margin-bottom: 0;
    max-width: 500px;
    min-width: 350px;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
  }
}
.my-activities-table thead {
  display: none;
}
@media (min-width: 768px) {
  .my-activities-table thead {
    display: table-header-group;
  }
}
.my-activities-table th:first-child,
.my-activities-table td:first-child {
  padding-left: 0;
}
@media (min-width: 1024px) {
  .my-activities-table th:first-child,
  .my-activities-table td:first-child {
    width: 500px;
  }
}
.my-activities-table th:last-child,
.my-activities-table td:last-child {
  padding-right: 0;
}
.my-activities-table td:not(:first-child) {
  display: none;
}
@media (min-width: 768px) {
  .my-activities-table td:not(:first-child) {
    display: table-cell;
  }
}

/* Requests table */
.requests-search {
  width: 100%;
}
.requests-table-toolbar {
  align-items: flex-end;
  display: flex;
  flex-direction: column;
}
@media (min-width: 768px) {
  .requests-table-toolbar {
    flex-direction: row;
  }
}
.requests-table-toolbar .search {
  flex: 1;
  width: 100%;
}
.requests-table-toolbar .request-table-filter {
  width: 100%;
}
@media (min-width: 768px) {
  .requests-table-toolbar .request-table-filter {
    width: auto;
  }
}
.requests-table-toolbar .request-filter {
  display: block;
}
@media (min-width: 768px) {
  .requests-table-toolbar .request-filter {
    margin: 0 0 0 30px;
  }
  [dir=rtl] .requests-table-toolbar .request-filter {
    margin: 0 30px 0 0;
  }
}
.requests-table-toolbar .request-filter-label {
  font-size: 13px;
  margin-top: 30px;
}
@media (min-width: 768px) {
  .requests-table-toolbar .request-filter-label {
    margin-top: 0;
  }
}
.requests-table-toolbar select {
  max-height: 40px;
  margin-bottom: 30px;
  width: 100%;
}
@media (min-width: 768px) {
  .requests-table-toolbar select {
    margin-bottom: 0;
    max-width: 300px;
    width: auto;
  }
}
@media (min-width: 768px) {
  .requests-table-toolbar .organization-subscribe {
    margin-left: 10px;
  }
  [dir=rtl] .requests-table-toolbar .organization-subscribe {
    margin: 0 10px 0 0;
  }
}
.requests-table-toolbar .organization-subscribe button {
  line-height: 40px;
  max-height: 40px;
  padding: 0 20px;
}
.requests-table-toolbar + .requests-search-info {
  margin-top: 15px;
}
.requests-table-toolbar + .requests-search-info.meta-data::after {
  content: "";
  margin: 0;
}
.requests-table-toolbar + .requests-search-info + .requests {
  margin-top: 20px;
}
.requests-table-toolbar + .requests {
  margin-top: 40px;
}
.requests .requests-table-meta {
  display: block;
}
@media (min-width: 768px) {
  .requests .requests-table-meta {
    display: none;
  }
}
.requests .requests-table thead {
  display: none;
}
@media (min-width: 768px) {
  .requests .requests-table thead {
    display: table-header-group;
  }
}
.requests .requests-table-info {
  display: block;
}
@media (min-width: 768px) {
  .requests .requests-table-info {
    display: table-cell;
    vertical-align: middle;
    width: auto;
  }
}
.requests .requests-table .requests-link {
  position: relative;
}
.requests .requests-table .requests-sort-symbol {
  position: absolute;
  left: calc(100% + 3px);
  bottom: 0;
  font-size: 10px;
}

/* Following table */
@media (min-width: 768px) {
  .subscriptions-subscribe button {
    width: auto;
  }
}
.subscriptions-table td:last-child {
  display: block;
}
@media (min-width: 768px) {
  .subscriptions-table td:last-child {
    display: table-cell;
  }
}
.subscriptions-table td:first-child {
  display: flex;
  align-items: center;
}
.subscriptions-table .user-avatar {
  margin-right: 10px;
}
.subscriptions .striped-list-title {
  display: inline-block;
  vertical-align: middle;
}

/* Contributions table */
.contributions-table td:last-child {
  color: #40587f;
  font-size: 13px;
}
@media (min-width: 768px) {
  .contributions-table td:last-child {
    color: inherit;
    font-size: inherit;
    font-weight: inherit;
  }
}

.no-activities {
  color: #40587f;
}

/***** Request *****/
.request-container {
  display: flex;
  flex-direction: column;
  flex-wrap: wrap;
  justify-content: space-between;
}
@media (min-width: 1024px) {
  .request-container {
    align-items: flex-start;
    flex-direction: row;
  }
}
.request-container .comment-container {
  min-width: 0;
}
.request-breadcrumbs {
  margin-bottom: 40px;
}
@media (min-width: 1024px) {
  .request-breadcrumbs {
    margin-bottom: 60px;
  }
}
.request-main {
  flex: 1 0 auto;
  max-width: 100%;
  order: 1;
}
.request-main .comment-fields, .request-main .request-submit-comment {
  display: none;
}
.request-main .comment-fields.shown {
  display: block;
}
.request-main .request-submit-comment.shown {
  display: inline;
}
@media (min-width: 1024px) {
  .request-main {
    flex: 0 0 66%;
    order: 0;
    min-width: 0;
  }
}
.request-main .comment-form-controls {
  display: block;
}
.request-main .comment-ccs {
  display: block;
}
.request-main .comment-show-container {
  border-radius: 2px;
  border: 1px solid #ddd;
  color: #40587f;
  text-align: inherit;
  padding: 8px 25px;
  width: 100%;
}
.request-main .comment-show-container.hidden {
  display: none;
}
.request-main .form-field.comment-ccs > ul {
  border-bottom-left-radius: 0;
  border-bottom-right-radius: 0;
  border-bottom: 0;
}
.request-main .form-field.comment-ccs > ul[data-hc-focus=true] {
  border: 1px solid #4263EB;
}
.request-main .form-field.comment-ccs > input[type=text] {
  border-bottom-left-radius: 0;
  border-bottom-right-radius: 0;
  border-bottom: 0;
}
.request-main .comment-ccs + textarea {
  border-top-left-radius: 0;
  border-top-right-radius: 0;
  margin-top: 0;
}
.request-main .comment-ccs + textarea:focus {
  border-top: 1px solid #4263EB;
}
.request-main input#mark_as_solved {
  display: none;
}
.request-title {
  width: 100%;
}
@media (min-width: 1024px) {
  .request-title {
    border-bottom: 1px solid #ddd;
    margin-bottom: 0;
    max-width: 66%;
    padding-bottom: 20px;
  }
}
.request-sidebar {
  border-bottom: 1px solid #ddd;
  border-top: 1px solid #ddd;
  flex: 1 0 auto;
  order: 0;
}
@media (min-width: 1024px) {
  .request-sidebar {
    background-color: #f7f7f7;
    border: 0;
    font-size: 13px;
    flex: 0 0 auto;
    padding: 0 20px;
    width: 30%;
  }
}
.request-sidebar h2 {
  font-size: 15px;
  font-weight: 600;
  position: relative;
}
@media (min-width: 1024px) {
  .request-sidebar h2 {
    display: none;
  }
}
.request-details {
  border-bottom: 1px solid #ddd;
  font-size: 0;
  margin: 0;
  padding-bottom: 20px;
}
.request-details:last-child {
  border: 0;
}
.request-details dt, .request-details dd {
  display: inline-block;
  vertical-align: top;
  font-size: 13px;
  margin: 20px 0 0 0;
}
.request-details dd {
  padding: 0 10px;
  width: 60%;
  text-overflow: ellipsis;
  white-space: nowrap;
  overflow: hidden;
}
.request-details dd::after {
  content: "\a";
  white-space: pre;
}
.request-details dt {
  line-break: strict;
  color: #40587f;
  width: 40%;
  overflow-wrap: break-word;
}
.request-details .request-collaborators {
  display: inline-block;
}
.request-attachments dt, .request-attachments dd {
  width: 100%;
}
.request-attachments dd {
  margin: 10px 0 0 0;
}
.request-form textarea {
  min-height: 120px;
}
.request-follow-up {
  padding-top: 20px;
}

/***** Pagination *****/
.pagination {
  margin: 20px 0;
  text-align: center;
}
.pagination-next, .pagination-prev, .pagination-first, .pagination-last {
  display: inline-block;
}
.pagination-first-link, .pagination-last-link {
  padding: 0 10px;
}
.pagination-first-text, .pagination-last-text {
  border: 0;
  clip: rect(0 0 0 0);
  -webkit-clip-path: inset(50%);
  clip-path: inset(50%);
  height: 1px;
  margin: -1px;
  overflow: hidden;
  padding: 0;
  position: absolute;
  width: 1px;
  white-space: nowrap;
}
.pagination-next-link {
  padding-right: 10px;
}
.pagination-next-text {
  margin-right: 10px;
}
[dir=rtl] .pagination-next-link {
  padding-left: 10px;
}
[dir=rtl] .pagination-next-text {
  margin-left: 10px;
}
.pagination-prev-link {
  padding-left: 10px;
}
.pagination-prev-text {
  margin-left: 10px;
}
[dir=rtl] .pagination-prev-link {
  padding-right: 10px;
}
[dir=rtl] .pagination-prev-text {
  margin-right: 10px;
}

/***** Metadata *****/
.meta-group {
  display: block;
}

.meta-group-opposite {
  float: right;
}

[dir=rtl] .meta-group-opposite {
  float: left;
}

.meta-group * {
  display: inline;
}

.meta-data {
  color: #40587f;
  font-size: 13px;
}
.meta-data:not(:last-child)::after {
  content: "·";
  margin: 0 5px;
}

/* User Profiles */
.profile-header {
  padding: 30px 0;
  background-color: #f7f7f7;
}

.profile-header .container {
  display: flex;
  flex-wrap: wrap;
}
@media (min-width: 768px) {
  .profile-header .container {
    flex-wrap: nowrap;
  }
}

.profile-header .profile-info {
  flex-basis: 100%;
  display: flex;
  flex-wrap: wrap;
  min-width: 0;
}

.profile-avatar {
  position: relative;
  line-height: 0;
  align-self: center;
  margin-right: 10px;
}
[dir=rtl] .profile-avatar {
  margin-left: 10px;
  margin-right: 0;
}

.profile-avatar .user-avatar {
  width: 80px;
  height: 80px;
}

.profile-avatar .icon-agent {
  bottom: 0;
  right: 0;
}

.profile-header .basic-info {
  -moz-hyphens: auto;
  -ms-hyphens: auto;
  -webkit-hyphens: auto;
  word-break: break-word;
  word-wrap: break-word;
  display: flex;
  flex-direction: column;
  justify-content: center;
  flex-grow: 1;
  flex-basis: 0;
  min-width: 0;
}
.profile-header .basic-info .name {
  margin: 0;
  line-height: 25px;
  vertical-align: middle;
  display: inline;
}

.profile-header .options {
  display: flex;
  flex-basis: 100%;
  margin-top: 12px;
  align-items: flex-start;
  flex-wrap: wrap;
}
@media (min-width: 768px) {
  .profile-header .options {
    flex-wrap: nowrap;
    flex-basis: auto;
    margin-top: 0;
    margin-left: 10px;
  }
  [dir=rtl] .profile-header .options {
    margin-left: 0;
    margin-right: 10px;
  }
  .profile-header .options > :not(:last-child) {
    margin-bottom: 0;
    margin-right: 10px;
  }
  [dir=rtl] .profile-header .options > :not(:last-child) {
    margin-left: 10px;
    margin-right: 0;
  }
}

.user-profile-actions {
  width: 100%;
  margin-bottom: 15px;
}

.profile-header .description {
  -moz-hyphens: auto;
  -ms-hyphens: auto;
  -webkit-hyphens: auto;
  word-break: break-word;
  word-wrap: break-word;
  margin: 15px 0;
  flex-basis: 100%;
}

.profile-stats {
  font-size: 13px;
  display: flex;
  flex-direction: column;
  flex-basis: 100%;
}

.profile-stats .stat {
  display: flex;
  margin-bottom: 10px;
}

.profile-stats .stat-label {
  color: #40587f;
  flex: 0 0 100px;
  margin-right: 10px;
}
[dir=rtl] .profile-stats .stat-label {
  margin-left: 10px;
  margin-right: 0;
}

.profile-stats-activity {
  border-top: solid 1px #ddd;
  margin-top: 15px;
}
@media (min-width: 768px) {
  .profile-stats-activity {
    border-top: 0;
    flex-direction: row;
  }
}

@media (min-width: 768px) {
  .profile-stats-activity .stat {
    flex-direction: column;
  }
}

.profile-stats-activity .stat:first-child {
  margin-top: 10px;
}
@media (min-width: 768px) {
  .profile-stats-activity .stat:first-child {
    margin-top: 0;
  }
}

@media (min-width: 768px) {
  .profile-stats-activity .stat:not(:last-child) {
    margin-right: 40px;
  }
  [dir=rtl] .profile-stats-activity .stat:not(:last-child) {
    margin-left: 40px;
    margin-right: 0;
  }
}

@media (min-width: 768px) {
  .profile-stats-activity .stat-label {
    flex: 0 1 auto;
  }
}

.profile-stats-counters {
  border-bottom: solid 1px #ddd;
}
@media (min-width: 768px) {
  .profile-stats-counters {
    flex: 0 0 200px;
    border-bottom: 0;
    margin-left: 40px;
  }
  [dir=rtl] .profile-stats-counters {
    margin-left: 0;
    margin-right: 40px;
  }
}
@media (min-width: 1024px) {
  .profile-stats-counters {
    flex: 0 0 270px;
    margin-left: 60px;
  }
  [dir=rtl] .profile-stats-counters {
    margin-right: 60px;
    margin-left: 0;
  }
}

@media (min-width: 768px) {
  .profile-stats-counters .stat {
    flex-direction: column;
  }
}
@media (min-width: 1024px) {
  .profile-stats-counters .stat {
    flex-direction: row;
  }
}

@media (min-width: 768px) {
  .profile-stats-counters .stat:not(:last-child) {
    margin-bottom: 15px;
  }
}

@media (min-width: 768px) {
  .profile-stats-counters .stat-label {
    flex: 0 1 auto;
  }
}
@media (min-width: 1024px) {
  .profile-stats-counters .stat-label {
    flex: 0 0 100px;
  }
}

.profile-private-badge {
  flex-basis: 100%;
  border: solid 1px #4263EB;
  border-radius: 4px;
  color: #4263EB;
  padding: 5px 20px;
  font-size: 12px;
  text-align: center;
}
.profile-private-badge .profile-private-icon {
  margin-left: 5px;
  line-height: 15px;
}
@media (min-width: 768px) {
  .profile-private-badge {
    flex-basis: auto;
  }
}

.profile-nav {
  background-color: #f2f2f2;
  margin-bottom: 37px;
}

.profile-section {
  width: 100%;
}
@media (min-width: 1024px) {
  .profile-section {
    width: calc(100% - 330px);
  }
}

.profile-section-header {
  display: flex;
  flex-wrap: wrap;
}

.profile-section-title {
  flex-basis: 100%;
  margin-bottom: 0;
}

.profile-section-description {
  flex-basis: 100%;
  padding: 10px 0;
  color: #40587f;
  font-size: 13px;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
}
@media (min-width: 768px) {
  .profile-section-description {
    flex: 1 0 50%;
    padding-bottom: 0;
  }
}

.profile-section-sorter {
  flex-basis: 100%;
  border-top: solid 1px #eee;
  font-size: 13px;
}
.profile-section-sorter .dropdown-toggle {
  padding: 10px 0;
  width: 100%;
}
.profile-section-sorter .dropdown-toggle::after {
  position: absolute;
  right: 0;
}
[dir=rtl] .profile-section-sorter .dropdown-toggle::after {
  left: 0;
  right: initial;
}
@media (min-width: 768px) {
  .profile-section-sorter .dropdown-toggle::after {
    position: relative;
  }
}
@media (min-width: 768px) {
  .profile-section-sorter {
    flex: 0 1 auto;
    padding-top: 0;
    border-top: 0;
    margin-left: 20px;
  }
  [dir=rtl] .profile-section-sorter {
    margin-left: 0;
    margin-right: 20px;
  }
}

.profile-badges-items {
  margin-top: 25px;
}
.profile-badges-item {
  border-top: 1px solid #ddd;
  display: flex;
  flex: 1;
  flex-direction: row;
  justify-content: flex-start;
  padding: 27px 12px;
}
.profile-badges-item > div {
  padding-right: 12px;
  padding-left: 12px;
}
.profile-badges-item-image {
  height: 40px;
  width: 40px;
  margin-right: 12px;
}
.profile-badges-item-image img {
  max-height: 40px;
}
[dir=rtl] .profile-badges-item-image {
  margin-left: 12px;
  margin-right: 0;
}
.profile-badges-item-title, .profile-badges-item-metadata-title {
  font-size: 15px;
  margin-bottom: 10px;
}
.profile-badges-item-title {
  font-weight: 600;
}
.profile-badges-item-description, .profile-badges-item-metadata-description {
  color: #40587f;
  font-size: 13px;
  margin: 0;
}
.profile-badges-item-metadata {
  margin-left: auto;
  text-align: right;
}
[dir=rtl] .profile-badges-item-metadata {
  margin-left: 0;
  margin-right: auto;
  text-align: left;
}

.profile-contribution {
  -moz-hyphens: auto;
  -ms-hyphens: auto;
  -webkit-hyphens: auto;
  word-break: break-word;
  word-wrap: break-word;
  padding: 20px 0;
  position: relative;
}

.profile-contribution-header {
  margin-bottom: 5px;
}

.profile-contribution-title {
  margin: 0 0 5px 0;
  display: inline;
  line-height: 21px;
  font-size: 15px;
  vertical-align: middle;
}

.profile-contribution-body {
  margin: 10px 0;
}

.profile-contribution-list > .profile-contribution {
  border-top: 1px solid #eee;
}
@media (min-width: 768px) {
  .profile-contribution-list > .profile-contribution {
    padding-left: 30px;
  }
  [dir=rtl] .profile-contribution-list > .profile-contribution {
    padding-right: 30px;
    padding-left: 0;
  }
}

.profile-contribution-list > .profile-contribution:last-child {
  border-bottom: 1px solid #eee;
}

.profile-contribution-icon {
  left: 0;
  position: absolute;
  color: #ccc;
  line-height: 25px;
}
[dir=rtl] .profile-contribution-icon {
  right: 0;
}
.profile-contribution-icon svg {
  vertical-align: middle;
}

.profile-contribution-list .profile-contribution-header {
  margin-left: 30px;
}
[dir=rtl] .profile-contribution-list .profile-contribution-header {
  padding-right: 30px;
  padding-left: 0;
}
@media (min-width: 768px) {
  .profile-contribution-list .profile-contribution-header {
    margin-left: 0;
  }
  [dir=rtl] .profile-contribution-list .profile-contribution-header {
    padding-right: 0;
  }
}

.profile-comments .profile-contribution-breadcrumbs {
  margin-left: 30px;
}
[dir=rtl] .profile-comments .profile-contribution-breadcrumbs {
  padding-right: 30px;
  padding-left: 0;
}
@media (min-width: 768px) {
  .profile-comments .profile-contribution-breadcrumbs {
    margin-left: 0;
  }
  [dir=rtl] .profile-comments .profile-contribution-breadcrumbs {
    padding-right: 0;
  }
}

.profile-section .no-activity,
.profile-section .private-activity {
  display: block;
  margin-top: 40px;
  color: #999;
}

.private-activity-icon {
  margin-right: 10px;
}
[dir=rtl] .private-activity-icon {
  margin-right: 0;
  margin-left: 10px;
}

.profile-activity-list {
  margin-top: 25px;
}

.profile-activity {
  position: relative;
  padding-bottom: 30px;
}
@media (min-width: 768px) {
  .profile-activity {
    padding-left: 20px;
  }
  [dir=rtl] .profile-activity {
    padding-right: 20px;
    padding-left: 0;
  }
}

@media (min-width: 768px) {
  .profile-activity:not(:last-child) {
    border-left: 1px solid #ddd;
  }
  [dir=rtl] .profile-activity:not(:last-child) {
    border-left: 0;
    border-right: 1px solid #ddd;
  }
}

.profile-activity-header {
  display: flex;
  align-items: center;
  margin-left: 35px;
}
[dir=rtl] .profile-activity-header {
  margin-left: 0;
  margin-right: 35px;
}
@media (min-width: 768px) {
  .profile-activity-header {
    margin-left: 0;
  }
  [dir=rtl] .profile-activity-header {
    margin-right: 0;
  }
}

.profile-activity-header .user-avatar {
  width: 40px;
  height: 40px;
  margin-right: 10px;
  min-width: 40px;
  align-self: flex-start;
}
[dir=rtl] .profile-activity-header .user-avatar {
  margin-left: 10px;
  margin-right: 0;
}

.profile-activity-description {
  -moz-hyphens: auto;
  -ms-hyphens: auto;
  -webkit-hyphens: auto;
  word-break: break-word;
  word-wrap: break-word;
  margin: 0;
  min-width: 0;
  width: 100%;
}

.profile-activity-description span:first-child {
  font-weight: 600;
  display: inline;
}

.profile-activity-contribution {
  padding: 20px;
  margin-top: 10px;
  border-radius: 8px;
  background-color: #f7f7f7;
}
@media (min-width: 768px) {
  .profile-activity-contribution {
    margin-top: 0;
    margin-left: 50px;
  }
  [dir=rtl] .profile-activity-contribution {
    margin-left: 0;
    margin-right: 50px;
  }
}

.profile-activity-icon {
  position: absolute;
  left: 0;
  width: 28px;
  height: 28px;
  border-radius: 50%;
  background-size: 14px 14px;
  background-repeat: no-repeat;
  background-color: #FFFFFF;
  background-position: 50% 50%;
  text-align: center;
  color: #ccc;
}
[dir=rtl] .profile-activity-icon {
  right: 0;
}
@media (min-width: 768px) {
  .profile-activity-icon {
    left: -14px;
  }
  [dir=rtl] .profile-activity-icon {
    right: -14px;
  }
}

.profile-activity-icon svg {
  position: relative;
  top: 50%;
  transform: translateY(-50%);
  width: 1em;
  height: 1em;
  margin: auto;
}

/***** Search results *****/
.search-results {
  display: flex;
  flex-direction: column;
  flex-wrap: wrap;
  justify-content: space-between;
}
@media (min-width: 1024px) {
  .search-results {
    flex-direction: row;
  }
}
.search-results-column {
  flex: 1;
}
@media (min-width: 1024px) {
  .search-results-column {
    flex: 0 0 75%;
  }
}
.search-results-sidebar {
  border-top: 1px solid #ddd;
  flex: 1 0 auto;
  margin-bottom: 20px;
  padding: 0;
}
@media (min-width: 1024px) {
  .search-results-sidebar {
    border: 0;
    flex: 0 0 20%;
    height: auto;
  }
}
.search-results-sidebar .sidenav-item {
  border-radius: 4px;
  padding: 10px 36px;
  margin-bottom: 4px;
  color: #1E293B;
}
.search-results-sidebar .sidenav-item:hover, .search-results-sidebar .sidenav-item.current {
  background-color: #e9ebed;
  text-decoration: none;
}
.search-results-sidebar .sidenav-subitem {
  unicode-bidi: embed;
}
.search-results-sidebar .sidenav-tag {
  display: flex;
  flex-direction: row;
  align-items: flex-start;
  flex-grow: 0;
}
.search-results-sidebar .sidenav-tag .content-tag {
  background: #E9EBED;
  border-radius: 4px;
  padding: 4px 12px;
  text-decoration: none;
}
.search-results-sidebar .sidenav-tag .content-tag .label {
  font-style: normal;
  font-weight: 600;
  font-size: 12px;
  line-height: 24px;
  text-align: center;
  letter-spacing: -0.000427656px;
  color: #49545C;
  flex-grow: 0;
  vertical-align: middle;
  display: inline-block;
}
.search-results-sidebar .sidenav-tag .content-tag .close-icon {
  color: #555555;
  vertical-align: middle;
  display: inline-block;
}
.search-results-sidebar .collapsible-sidebar {
  margin-bottom: 30px;
}
.search-results-sidebar .collapsible-sidebar:not(.expanded) .multibrand-filter-list {
  display: none;
}
@media (min-width: 1024px) {
  .search-results-sidebar .collapsible-sidebar:not(.expanded) .multibrand-filter-list {
    display: block;
  }
}
.search-results-sidebar .multibrand-filter-list--collapsed li:nth-child(1n+6):not(.see-all-filters-item) {
  display: none;
}
.search-results-sidebar .multibrand-filter-list .doc-count {
  color: #666;
}
.search-results-sidebar .see-all-filters {
  background: none;
  border: none;
  cursor: pointer;
  display: block;
  padding: 10px;
  color: #4263EB;
}
.search-results-sidebar .see-all-filters[aria-hidden=true] {
  display: none;
}
.search-results-sidebar .see-all-filters:hover {
  text-decoration: underline;
}
.search-results-sidebar .see-all-filters::after {
  content: " ⌄";
  font-weight: bold;
}
.search-results-subheading {
  font-size: 18px;
  font-weight: 600;
}
.search-results-list {
  margin-bottom: 25px;
}
.search-results-list > li {
  padding: 20px 0;
}
.search-results-list > li:first-child {
  border-top: 1px solid #ddd;
}
.search-results .no-results {
  display: flex;
  flex-direction: column;
  align-items: center;
  padding-top: 4rem;
}
.search-results .no-results .headline {
  color: #2F3941;
  font-weight: 400;
  font-size: 18px;
  line-height: 24px;
  letter-spacing: -0.45px;
}
.search-results .no-results .action-prompt {
  color: #68737D;
  font-weight: 400;
  font-size: 14px;
  line-height: 20px;
  letter-spacing: -0.154px;
}
.search-results .no-results .action-prompt a {
  color: #4263EB;
}
.search-results .no-results .action-prompt a:visited {
  color: #4263EB;
}

.search-result-title-container {
  display: flex;
  justify-content: space-between;
  align-items: center;
}
.search-result-title {
  font-size: 16px;
  margin-bottom: 0;
}
.search-result-votes, .search-result-meta-count {
  color: #40587f;
  font-size: 13px;
}
.search-result-votes-icon, .search-result-meta-count-icon {
  color: #4263EB;
  vertical-align: middle;
  width: 13px;
  height: 13px;
}
[dir=ltr] .search-result-votes, [dir=ltr] .search-result-meta-count {
  margin-left: 20px;
}
[dir=rtl] .search-result-votes, [dir=rtl] .search-result-meta-count {
  margin-right: 20px;
}
.search-result-meta-container {
  color: #666;
  display: flex;
  flex-direction: column;
}
@media (min-width: 1024px) {
  .search-result-meta-container {
    flex-direction: row;
    align-items: center;
  }
}
@media (min-width: 1024px) {
  .search-result-meta-container nav {
    flex: 1;
  }
}
@media (min-width: 1024px) {
  [dir=ltr] .search-result-meta-container .meta-data {
    margin-left: 20px;
  }
}
@media (min-width: 1024px) {
  [dir=rtl] .search-result-meta-container .meta-data {
    margin-right: 20px;
  }
}
.search-result-meta-container .meta-data::after {
  content: none;
}
.search-result-breadcrumbs {
  margin: 0;
}
.search-result-description {
  margin-top: 10px;
  margin-bottom: 0;
  word-break: break-word;
}

/* By default use bold instead of italic to highlight */
.search-results-description em {
  font-style: normal;
  font-weight: bold;
}

/* Add a yellow background for Chinese */
html[lang|=zh] .search-results-description em {
  font-style: normal;
  background: yellow;
}

/***** Notifications *****/
.notification {
  border: 1px solid;
  display: table;
  font-family: sans-serif;
  font-size: 12px;
  padding: 13px 15px;
  transition: height 0.2s;
  width: 100%;
  color: #555;
}

.notification a {
  color: #158ec2;
}

.notification-inner {
  margin: 0 auto;
  padding: 0 20px;
  max-width: 980px;
}

.notification-icon, .notification-inline.notification-error::before, .notification-text, .notification-dismiss {
  display: table-cell;
  vertical-align: middle;
}

.notification-text {
  padding: 0 15px;
  width: 100%;
}

.notification + .notification {
  margin-bottom: -1px;
  position: relative;
  top: -1px;
}

/* Error */
.notification-error {
  background: #ffeded;
  border-color: #f7cbcb;
}

.notification-error .notification-icon::before, .notification-error .notification-inline.notification-error::before {
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='12' height='12' focusable='false' viewBox='0 0 12 12'%3E%3Cg fill='none' stroke='%23555555'%3E%3Ccircle cx='5.5' cy='6.5' r='5'/%3E%3Cpath stroke-linecap='round' d='M5.5 3.5v3'/%3E%3C/g%3E%3Ccircle cx='5.5' cy='9' r='1' fill='%23555555'/%3E%3C/svg%3E");
}

/* Notice */
.notification-notice {
  background: #dbf3ff;
  border-color: #b5e0f5;
}

.notification-notice .notification-icon::before, .notification-notice .notification-inline.notification-error::before {
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='12' height='12' focusable='false' viewBox='0 0 12 12'%3E%3Cg fill='none' stroke='%23555555'%3E%3Cpath stroke-linecap='round' stroke-linejoin='round' d='M3.5 6l2 2L9 4.5'/%3E%3Ccircle cx='6' cy='6' r='5.5'/%3E%3C/g%3E%3C/svg%3E");
}

/* Alert / Lock */
.notification-alert {
  color: #ad5e18;
  background: #fff8ed;
  border-color: #fcdba9;
}

.notification-alert .notification-icon::before, .notification-alert .notification-inline.notification-error::before {
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='12' height='12' focusable='false' viewBox='0 0 12 12'%3E%3Cpath fill='none' stroke='%23ad5e18' stroke-linecap='round' d='M5.06 1.27l-4.5 8.5c-.18.33.06.73.44.73h9c.38 0 .62-.4.44-.73l-4.5-8.5a.494.494 0 00-.88 0zM5.5 4v2'/%3E%3Ccircle cx='5.5' cy='8' r='.8' fill='%23ad5e18'/%3E%3C/svg%3E");
}

.notification-icon::before, .notification-inline.notification-error::before {
  background-size: cover;
  content: "";
  display: inline-block;
  height: 14px;
  width: 14px;
  vertical-align: middle;
}

/* Dismiss button */
.notification-dismiss, a.notification-dismiss {
  color: #555;
  cursor: pointer;
  opacity: 0.6;
  transition: opacity 100ms ease;
  text-decoration: none !important;
}

.notification-dismiss:hover {
  opacity: 1;
}

/* Inline notifications */
.notification-inline {
  border-radius: 4px;
  line-height: 14px;
  margin-top: 5px;
  padding: 5px;
  position: relative;
  text-align: left;
  vertical-align: middle;
}
[dir=rtl] .notification-inline {
  text-align: right;
}
.notification-inline[aria-hidden=true] {
  display: none;
}
.notification-inline.notification-error::before {
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='12' height='12' focusable='false' viewBox='0 0 12 12'%3E%3Cg fill='none' stroke='%23e35b66'%3E%3Ccircle cx='5.5' cy='6.5' r='5'/%3E%3Cpath stroke-linecap='round' d='M5.5 3.5v3'/%3E%3C/g%3E%3Ccircle cx='5.5' cy='9' r='1' fill='%23e35b66'/%3E%3C/svg%3E");
  margin: -2px 5px 0 0;
}
[dir=rtl] .notification-inline.notification-error::before {
  margin: 0 0 0 5px;
}
.notification-inline.notification-error {
  background-color: #fff0f1;
  border: 1px solid #e35b66;
  color: #cc3340;
}
.notification-inline.notification-large {
  padding: 13px 15px;
  margin-bottom: 25px;
}

.notification-left-aligned {
  text-align: left;
  padding-left: 0;
}

html[dir=rtl] .notification-left-aligned {
  text-align: right;
  padding-left: auto;
  padding-right: 0;
}

.dropdown {
  position: relative;
  display: inline-block;
}

.dropdown-toggle {
  cursor: pointer;
  background: none;
  border: 0;
  display: inline-block;
  padding: 0;
  text-align: initial;
  vertical-align: middle;
}
.dropdown-toggle:hover {
  text-decoration: none;
}
.dropdown-toggle > * {
  display: inline-block;
}
.dropdown-toggle[aria-expanded=true] + .dropdown-menu {
  display: block;
}

.dropdown-menu {
  background: #fff;
  border: 1px solid #d8dcde;
  border-radius: 3px;
  box-shadow: 0px 20px 30px 0px rgba(23, 73, 77, 0.15);
  display: none;
  font-size: 14px;
  font-style: normal;
  font-weight: normal;
  left: 0;
  margin-top: 1px;
  min-width: 170px;
  padding: 10px 0;
  position: absolute;
  text-align: left;
  z-index: 1000;
}
[dir=rtl] .dropdown-menu {
  text-align: right;
}
.dropdown-menu [role=separator] {
  border-bottom: 1px solid #e9ebed;
  margin: 4px 0;
}
.dropdown-menu [role=menuitem],
.dropdown-menu [role=menuitemradio] {
  color: #2f3941;
  cursor: pointer;
  display: block;
  padding: 7px 40px 7px 20px;
  white-space: nowrap;
  background-color: transparent;
  border: 0;
  -webkit-appearance: none;
  text-align: start;
  line-height: inherit;
  width: 100%;
}
[dir=rtl] .dropdown-menu [role=menuitem],
[dir=rtl] .dropdown-menu [role=menuitemradio] {
  padding: 7px 20px 7px 40px;
}
.dropdown-menu [role=menuitem]:hover, .dropdown-menu [role=menuitem]:focus,
.dropdown-menu [role=menuitemradio]:hover,
.dropdown-menu [role=menuitemradio]:focus {
  background: rgba(31, 115, 183, 0.08);
  text-decoration: none;
  color: #2f3941;
}
.dropdown-menu [role=menuitem][aria-selected=true], .dropdown-menu [role=menuitem][aria-checked=true],
.dropdown-menu [role=menuitemradio][aria-selected=true],
.dropdown-menu [role=menuitemradio][aria-checked=true] {
  cursor: default;
}
.dropdown-menu [role=menuitem][aria-selected=true]::after, .dropdown-menu [role=menuitem][aria-checked=true]::after,
.dropdown-menu [role=menuitemradio][aria-selected=true]::after,
.dropdown-menu [role=menuitemradio][aria-checked=true]::after {
  content: "";
  background-image: url("data:image/svg+xml,%3Csvg aria-hidden='true' xmlns='http://www.w3.org/2000/svg' width='12' height='12' viewBox='0 0 12 12'%3E%3Cpath fill='none' stroke='currentColor' stroke-linecap='round' stroke-linejoin='round' stroke-width='2' d='M1 7l3 3 7-7'%3E%3C/path%3E%3C/svg%3E");
  display: inline-block;
  height: 12px;
  margin-left: 10px;
  width: 12px;
}
[dir=rtl] .dropdown-menu [role=menuitem][aria-selected=true]::after, [dir=rtl] .dropdown-menu [role=menuitem][aria-checked=true]::after,
[dir=rtl] .dropdown-menu [role=menuitemradio][aria-selected=true]::after,
[dir=rtl] .dropdown-menu [role=menuitemradio][aria-checked=true]::after {
  margin-left: 0;
  margin-right: 10px;
  float: left;
}
.dropdown-menu [role=menuitem][hidden], .dropdown-menu [role=menuitem][aria-hidden=true],
.dropdown-menu [role=menuitemradio][hidden],
.dropdown-menu [role=menuitemradio][aria-hidden=true] {
  display: none !important;
}

.dropdown-menu-end {
  left: auto;
  right: 0;
}

.dropdown-menu-top {
  bottom: 100%;
  margin-bottom: 1px;
}

[dir=rtl] .dropdown-menu {
  left: auto;
  right: 0;
  text-align: right;
}
[dir=rtl] .dropdown-menu-end {
  left: 0;
  right: auto;
}

.dropdown-chevron-icon {
  vertical-align: middle;
}

.content-tags > p {
  color: #68737D;
  margin-top: 32px;
  margin-bottom: 4px;
}
.content-tags-add-hint {
  color: #68737D;
  font-size: 14px;
}

.content-tag-list {
  display: flex;
  flex-wrap: wrap;
  word-break: break-word;
}
.content-tag-list li {
  border-right: 1px solid #C2C8CC;
  margin-bottom: 4px;
}
[dir=ltr] .content-tag-list li {
  padding-right: 8px;
  margin-right: 8px;
}
[dir=rtl] .content-tag-list li {
  padding-left: 8px;
  margin-left: 8px;
}
.content-tag-list li:last-child {
  border: none;
}

/***** WYSIWYG Editor *****/
#hc-wysiwyg {
  border: 1px solid #848F99;
}

/***** Upload Dropzone *****/
.upload-dropzone {
  border: 1px solid #848F99;
}

/***** Summary component *****/
zd-summary-block {
  background: #f3f6f6;
}
[dir=ltr] zd-summary-block {
  border-left-color: #859fa1;
}
[dir=rtl] zd-summary-block {
  border-right-color: #859fa1;
}

.service-catalog-hero {
  background-image: url(/hc/theming_assets/01M3HM6QDH2PQM0E0BGYTD11V5);
  margin-bottom: 10px;
  height: 320px;
}
.service-catalog-description {
  display: flow-root;
}
.service-catalog-description a {
  color: #4263EB;
  text-decoration: underline;
}
.service-catalog-description a:visited {
  color: #4263EB;
}
.service-catalog-description a:hover, .service-catalog-description a:active, .service-catalog-description a:focus {
  color: #364FC7;
}
.service-catalog-description img {
  height: auto;
  max-width: 100%;
}
.service-catalog-description p > img.image-style-align-left {
  float: left;
  margin: 8px 20px 6px 0;
}
.service-catalog-description p > img.image-style-align-right {
  float: right;
  margin: 8px 0px 6px 20px;
}
.service-catalog-description p > img.image-style-block-align-right {
  margin-left: auto;
  margin-right: 0;
}
.service-catalog-description p > img.image-style-block-align-left {
  margin-left: 0;
  margin-right: auto;
}
.service-catalog-description figure.image {
  display: table;
  margin: 0 auto;
}
.service-catalog-description figure.image > img {
  display: block;
  width: 100%;
}
.service-catalog-description figure.image.image-style-align-left {
  float: left;
  margin: 8px 20px 6px 0;
}
.service-catalog-description figure.image.image-style-align-right {
  float: right;
  margin: 8px 0px 6px 20px;
}
.service-catalog-description figure.image.image-style-block-align-right {
  margin-left: auto;
  margin-right: 0;
}
.service-catalog-description figure.image.image-style-block-align-left {
  margin-left: 0;
  margin-right: auto;
}
.service-catalog-description figcaption {
  padding: 10px 0;
  font-size: 12px;
  text-align: center;
  background-color: #f2f2f2;
}
.service-catalog-description ul,
.service-catalog-description ol {
  padding-left: 20px;
  list-style-position: outside;
  margin: 20px 0 20px 20px;
}
[dir=rtl] .service-catalog-description ul,
[dir=rtl] .service-catalog-description ol {
  padding-right: 20px;
  padding-left: 0;
  margin-left: 0;
  margin-right: 20px;
}
.service-catalog-description ul > ul,
.service-catalog-description ol > ol,
.service-catalog-description ol > ul,
.service-catalog-description ul > ol,
.service-catalog-description li > ul,
.service-catalog-description li > ol {
  margin: 0;
}
.service-catalog-description ul {
  list-style-type: disc;
}
.service-catalog-description :not(pre) > code {
  background: #f7f7f7;
  border: 1px solid #ddd;
  border-radius: 3px;
  padding: 0 5px;
  margin: 0 2px;
}
.service-catalog-description pre {
  background: #f7f7f7;
  border: 1px solid #ddd;
  border-radius: 3px;
  padding: 10px 15px;
  overflow: auto;
  white-space: pre;
  direction: ltr;
}
.service-catalog-description blockquote {
  border-left: 1px solid #ddd;
  color: #40587f;
  font-style: italic;
  padding: 0 15px;
}
.service-catalog-main-content {
  display: flex;
  gap: 32px;
}
.service-catalog-list {
  width: 100%;
}
.service-catalog-breadcrumbs {
  display: flex;
  align-items: center;
  gap: 20px;
}

.is-service-catalog-preview #navbar-container,
.is-service-catalog-preview .navbar-container,
.is-service-catalog-preview .assembly-bar,
.is-service-catalog-preview [data-garden-id="chrome.subnav"] {
  display: none !important;
}

/* ===== Ab hier: cloneworx Hilfe, eigene Ebene (quelltext_v0.43). Davor: Copenhagen 4.51.4, unveraendert. ===== */
/*
 * cloneworx Hilfe – eigene Gestaltungsebene für das Zendesk-Help-Center
 *
 * Diese Datei wird vom Bau-Skript (zendesk/skripte) HINTER das unveränderte style.css des
 * Copenhagen-Themes gehängt. Sie überschreibt dessen Regeln, das Original bleibt unangetastet.
 * Unterbau: Copenhagen 4.51.4 (Zendesk, Apache-2.0), Vorlagen-Version 4.
 *
 * Hinweis zur Technik: Zendesk ersetzt in dieser Datei jedes Wort mit vorangestelltem Dollarzeichen
 * durch den Wert der gleichnamigen Theme-Einstellung (manifest.json). Das Dollarzeichen darf deshalb
 * nirgends sonst vorkommen.
 *
 * Copyright (C) 2026 viavell GmbH & Co. KG
 *
 * Datei-Version: 0.25
 * Datum: 2026-10-05
 *
 * Versionshistorie:
 * v0.25 - 2026-10-05 - Cookie-Hinweis als Fenster mittig über der Seite mit abgedunkeltem Hintergrund (cw-consent, cw-consent-box, cw-consent-title) statt der Leiste am unteren Rand; die Seite rollt dahinter nicht (html.cw-consent-lock); Schaltflächen gleich breit, auf schmalen Bildschirmen untereinander (Anweisung Sebastian, 05.10.2026).
 * v0.24 - 2026-10-03 - Band unter der Suche: Zeile dauerhaft unterstrichen (1,5 px, 70 % Weiß, beim Zeigen weiß), zeigende Hand (cw-chain-hand, 20 px, um 90° nach rechts gedreht) vor der ① (Entwurf 7, Sebastian, 03.10.2026).
 * v0.23 - 2026-10-03 - Startseite: Band unter der Suche (cw-hero-chain) mit der Kette des Schnellstarts als Link (Sebastian, 03.10.2026).
 * v0.22 - 2026-10-03 - Kette der Stationen (cw-kette) immer untereinander mit Pfeil nach unten, auch auf breiten Bildschirmen (Sebastian, 03.10.2026: „klarer und leichter“); die Zeilenform ab 768 px entfällt.
 * v0.21 - 2026-10-03 - Knappe Artikel (Rahmen mit der Klasse cw-schnell, aus dem Label cw-schnell): ohne „Beiträge in diesem Abschnitt“ und „Auf dieser Seite“, Inhalt mittig; Kette der Stationen (cw-kette) mit Ziffern, Pfeilen und grünem Haken am Ziel, auf schmalen Bildschirmen untereinander (Sebastian, 03.10.2026: Schnellstart).
 * v0.20 - 2026-10-03 - Kopfzeile: Markenblock als Block zentriert (saß 3,4 px zu hoch, weil der Link als Zeilenelement im Zeilenkasten von div.logo hing), dazu 1 px nach oben auf die optische Mitte des Zeichens; Zusatz zur Wortmarke in der Schrift der Links rechts, Grundlinie auf deren Grundlinie (Vorschlag B, Sebastian, 03.10.2026).
 * v0.19 - 2026-10-03 - Themenliste des Hinweiskastens (cw-community-gate-topics) wieder entfernt.
 * v0.18 - 2026-10-03 - Community für Besucher ohne Login: Hinweiskasten cw-community-gate mit Knöpfen und Themenliste.
 * v0.17 - 2026-10-02 - News-Einstellungen: Fenster cw-news (Stand, Text, Ja und Nein), mittig über der Seite, auf schmalen Bildschirmen mit Schaltflächen untereinander.
 * v0.16 - 2026-10-01 - Sprachauswahl in der Kopfzeile (cw-lang) statt in der Fußzeile; Einträge im Menü für schmale Bildschirme (cw-lang-item).
 * v0.15 - 2026-10-01 - Fußzeile: Der Textblock nutzt die ganze Breite neben der Sprachwahl (vorher 760 Pixel, deshalb brach die Zeile trotz Platz um); muss er umbrechen, verteilt text-wrap: balance den Text gleichmäßig auf die Zeilen, linksbündig (Sebastian, 2026-10-01).
 * v0.14 - 2026-09-30 - Fußzeile: Impressum und Cookie-Einstellungen in derselben Schrift wie der Text, Mittelpunkt als Trenner, Unterstrich unter der Maus; „Annehmen“ im Blau der Marke (Sebastian, 2026-09-30: „Meine Verantwortung“). Cookie-Hinweis (cw-consent): Leiste am unteren Rand in der Gestaltung der Kacheln, zwei gleichwertige Schaltflächen, auf schmalen Bildschirmen untereinander; die Fußzeile breiter, damit Text, Impressum und Cookie-Einstellungen in einer Zeile stehen (Anweisung Sebastian, 2026-09-30: Google Analytics nur für die, die im Cookie-Hinweis annehmen).
 * v0.13 - 2026-09-29 - Impressum (Anweisung Sebastian, 2026-09-29): kleiner Link hinter dem Text der Fußzeile (cw-footer-link), ohne Unterstrich, mit Unterstrich erst unter der Maus (Sebastian: das hellere Weiß zeigt schon, dass er anders ist); im Artikel die E-Mail-Adresse als Bild (cw-mail, Bild von viavell.com/kontakt.png eingebettet) und Angaben in Blöcken (cw-address).
 * v0.12 - 2026-09-29 - Kacheln der Startseite: Das Zeichen hängt am NAMEN des Abschnitts statt an der Position der Kachel (vorher vier eigene Zeichen reihum). Zeichen aus Font Awesome Free 7.3.1 (Entscheidung Sebastian, 2026-09-29): list-ol für „Erste Schritte“, list-check für „Typische Aufgaben“, picture-in-picture für „Seiten und Funktionen“, cloud-arrow-up für „Speicherziele“, terminal für „Kommandozeile“. Ein Abschnitt mit anderem Namen behält das Dokument.
 * v0.11 - 2026-09-29 - Vorspann eines Artikels (cw-lead) halbfett (500) in gedämpfter Farbe (Entscheidung Sebastian, 2026-09-29, Variante C von vier Entwürfen): Der Abriss soll sich dezent vom Text der Anleitung absetzen.
 * v0.10 - 2026-09-29 - ENTWURF: Zwei Sorten von Bezeichnungen (Sebastian, 2026-09-29: die vielen Kästen „nerven erheblich beim Lesen“ und sehen aus wie Buttons). cw-ui (Rahmen) nur noch für das, was man anklickt: Schaltflächen, Menüeinträge, Links der Oberfläche; der Rahmen ist zurückhaltender. Neu cw-name für alles andere aus der Oberfläche (Seiten, Kacheln, Felder, Spalten, Zustände, Texte der Anzeige): fett, ohne Rahmen und Hintergrund.
 * v0.09 - 2026-09-29 - ENTWURF: Hervorgehobene Artikel in den Listen tragen statt des Sterns ein Megafon hinter dem Titel, so hoch wie die Schrift, in der Farbe der Marke (Vorschlag Sebastian, 2026-09-29; das Schild „Empfohlen“ aus v0.08 brach bei langen Titeln um). Form: Font Awesome Free 7.3.1, Zeichen bullhorn (Lizenz CC BY 4.0, fontawesome.com/license/free), als eingebettetes Bild; die Schrift Font Awesome wird nicht geladen.
 * v0.08 - 2026-09-29 - ENTWURF (quelltext_v0.13, nicht übernommen): Schild „Empfohlen“ statt Stern.
 * v0.07 - 2026-09-28 - Schmale Bildschirme, nach der Vorschau in 390 Pixel Breite: In Tabellen bricht ein Befehl (code) nicht mehr mitten im Wort („targ“, „et“), und jede Spalte behält eine Mindestbreite; die Tabelle rollt dafür in ihrer eigenen Fläche.
 * v0.06 - 2026-09-28 - Fassung A ist gewählt (Sebastian, 2026-09-28: „Wir nehmen A“): Ziffern grau, flaches Schild vor dem Text der Legende. Dazu schmale Bildschirme (Nummer 23 der Arbeitsliste): Tabellen rollen in ihrer eigenen Fläche, Bezeichnungen (cw-ui) brechen um, Brotkrumen brechen um; der Verweis der Zeile cw-hint bricht nicht mehr mitten im Wort. Eine umbrochene Bezeichnung behält EINEN Rahmen, der an der Bruchstelle offen ist (vorher je Zeile ein eigener Rahmen: sah aus wie zwei Bezeichnungen).
 * v0.05 - 2026-09-28 - TESTFASSUNG, Ziffern grau. Die Ziffer vor dem Text der Legende und im Fließtext ist kein Abzeichen wie im Bild mehr, sondern ein flaches Schild wie cw-state: Farbe der Ziffern im Bild, fette weiße Zahl (Sebastian, 2026-09-28: die gleichen Abzeichen vor dem Text seien „eine Katastrophe“, das Schild sei „nicht so mächtig“ und nähere sich dem Text besser an). Die Farbe steht einmal in --cw-badge. Neu: cw-hint, die dezente Zeile mit Verweis unter „Auf der Kommandozeile“, 13 Pixel, grau wie cw-caption (Sebastian: „13px ist unser erster Versuch“).
 * v0.04 - 2026-09-28 - Artikel: Legende zu einem Bild mit Ziffern wie im Bild (cw-legend), Ziffer im Fließtext (cw-nr), Bilder der Anleitung mittig in ihrer eigenen Breite (cw-figure), Meldung im Wortlaut (cw-msg), Zustand mit seiner Farbe (cw-state), Bezeichnungen brechen in Tabellen um, Befehle laufen in ihrem Block seitlich weiter. Anlass: Bilder ohne Sprache mit Ziffern (Entscheidung Sebastian, 2026-09-28), Muster der Anleitung.
 * v0.03 - 2026-09-27 - Community-Seiten an das Help Center angeglichen (Anweisung Sebastian, 2026-09-27): Kopfbereich mit Farbverlauf statt Foto, Themen als Kacheln, Beitragslisten als Karte, Beitrag und Kommentare im Textbild der Artikelseite, Formularfelder, Auswahlmenüs, Schilder, letzte Aktivitäten.
 * v0.02 - 2026-09-27 - Nach der ersten Vorschau: Wortmarke in der Kopfzeile ausgerichtet und in Textfarbe, Fußzeile am unteren Rand auch bei kurzen Seiten, Brotkrumen und Suche auf schmalen Bildschirmen linksbündig, Schilder für Bezeichnungen enger.
 * v0.01 - 2026-09-27 - Angelegt: Kopfzeile, Kopfbereich mit Suche, Kacheln, Artikelseite, Fußzeile.
 */

/***** Grundwerte *****/
:root {
  --cw-brand: #4263EB;
  --cw-brand-strong: #183fe2;
  --cw-ink: #0f172a;
  --cw-text: #1E293B;
  --cw-muted: #64748b;
  --cw-line: #e2e8f0;
  --cw-surface: #f8fafc;
  --cw-tint: #eef2ff;
  --cw-radius: 14px;
  --cw-radius-small: 10px;
  --cw-shadow: 0 1px 2px rgba(15, 23, 42, 0.05), 0 8px 24px rgba(15, 23, 42, 0.06);
  --cw-shadow-strong: 0 2px 4px rgba(15, 23, 42, 0.06), 0 18px 40px rgba(15, 23, 42, 0.12);
  --cw-width: 1120px;
  --cw-header: 68px;
  --cw-badge: #475569; /* Farbe der Ziffern: dieselbe wie im Bild (zendesk/anleitung, ziffernStil) */
}

@supports (background: color-mix(in srgb, red 10%, white)) {
  :root {
    --cw-tint: color-mix(in srgb, var(--cw-brand) 9%, #fff);
  }
}

html {
  scroll-behavior: smooth;
}

/* Die Fußzeile steht auch bei kurzen Seiten am unteren Rand des Fensters. */
body {
  display: flex;
  flex-direction: column;
  font-size: 16px;
  line-height: 1.6;
  min-height: 100vh;
  text-rendering: optimizeLegibility;
}

body > main {
  flex: 1 0 auto;
}

h1,
h2,
h3,
h4 {
  color: var(--cw-ink);
  letter-spacing: -0.015em;
  line-height: 1.25;
}

h1 {
  font-size: 34px;
  font-weight: 700;
}

h2 {
  font-size: 24px;
  font-weight: 700;
}

a:hover,
a:active,
a:focus {
  color: #364FC7;
}

:focus-visible {
  outline: 2px solid var(--cw-brand);
  outline-offset: 2px;
  border-radius: 4px;
}

.container,
.error-page {
  max-width: var(--cw-width);
}

.container-divider {
  border: 0;
  margin-bottom: 28px;
}

/***** Kopfzeile *****/
.cw-topbar {
  background: rgba(255, 255, 255, 0.92);
  -webkit-backdrop-filter: saturate(180%) blur(10px);
  backdrop-filter: saturate(180%) blur(10px);
  border-bottom: 1px solid var(--cw-line);
  position: sticky;
  top: 0;
  z-index: 30;
}

.header {
  height: var(--cw-header);
  max-width: var(--cw-width);
}

/* Die Auswahl ist bewusst genauer als Copenhagens ".logo a" und ".logo span", sonst gewinnen dessen Regeln. */
.logo a.cw-logo,
.logo a.cw-logo:visited,
.cw-footer a.cw-logo,
.cw-footer a.cw-logo:visited {
  align-items: center;
  color: var(--cw-ink);
  display: inline-flex;
  font-size: 19px;
  font-weight: 700;
  gap: 10px;
  letter-spacing: -0.02em;
  line-height: 1;
}

.logo a.cw-logo:hover,
.logo a.cw-logo:focus,
.logo a.cw-logo:active {
  color: var(--cw-ink);
  text-decoration: none;
}

.logo a.cw-logo span {
  color: inherit;
  margin: 0;
}

/* Block statt Zeilenelement: Als inline-flex hing der Link in einer Textzeile von div.logo (Schrift 16 px, Zeilenhöhe
   1,6), die unten rund 7 px höher war als der Link; die Kopfzeile zentrierte den Kasten samt Überhang, der Markenblock
   saß 3,4 px zu hoch (gemessen 03.10.2026). Als Block ist div.logo genau so hoch wie das Zeichen. Der 1 px nach oben
   legt die optische Mitte des Zeichens (volles Quadrat 1,0, Schatten 0,35) auf die Mitte der Kopfzeile; die Fußzeile
   behält ihr inline-flex. */
.logo a.cw-logo {
  display: flex;
  transform: translateY(-1px);
}

.cw-logo-mark {
  color: var(--cw-brand);
  flex: none;
  height: 32px;
  width: 32px;
}

/* Zusatz zur Wortmarke („HelpCenter“) in der Schrift der Links rechts (15 px, 500, #334155, Zeilenhöhe 1,6 wie dort),
   mittig im Markenblock; top 1px nimmt den 1 px des Blocks zurück, damit die Grundlinie genau auf der Grundlinie der
   Links rechts liegt (Vorschlag B, Sebastian, 03.10.2026). */
.logo a.cw-logo .cw-logo-tag {
  color: #334155;
  font-size: 15px;
  font-weight: 500;
  letter-spacing: 0;
  line-height: 1.6;
  position: relative;
  top: 1px;
}

.nav-wrapper-desktop {
  align-items: center;
}

@media (min-width: 1024px) {
  .nav-wrapper-desktop {
    display: inline-flex;
    gap: 6px;
  }
}

.user-nav-list {
  align-items: center;
  display: flex;
  gap: 6px;
}

.user-nav-list > li:empty {
  display: none;
}

.nav-wrapper-desktop a,
.nav-wrapper-desktop a:visited {
  border-radius: 8px;
  color: #334155;
  font-size: 15px;
  font-weight: 500;
  padding: 8px 14px;
}

.nav-wrapper-desktop a:hover,
.nav-wrapper-desktop a:focus,
.nav-wrapper-desktop a:active {
  background: var(--cw-surface);
  color: var(--cw-ink);
  text-decoration: none;
}

.nav-wrapper-desktop a.submit-a-request,
.nav-wrapper-desktop a.submit-a-request:visited {
  background: var(--cw-brand);
  color: #FFFFFF;
}

.nav-wrapper-desktop a.submit-a-request:hover,
.nav-wrapper-desktop a.submit-a-request:focus,
.nav-wrapper-desktop a.submit-a-request:active {
  background: var(--cw-brand-strong);
  color: #FFFFFF;
}

.nav-wrapper-desktop .ask-ai,
.nav-wrapper-desktop .ask-ai:visited {
  background: var(--cw-ink);
  border-color: var(--cw-ink);
  border-radius: 8px;
  color: #fff;
  margin-inline-end: 0;
  padding: 8px 14px;
}

.nav-wrapper-mobile .menu-list-mobile,
.user-nav[aria-expanded=true] {
  top: var(--cw-header);
}

.user-info .dropdown-toggle {
  color: #334155;
}

/***** Kopfbereich der Startseite *****/
.hero {
  background-color: #1E1B4B;
  background-image:
    radial-gradient(900px 380px at 12% -10%, rgba(255, 255, 255, 0.16), rgba(255, 255, 255, 0) 60%),
    radial-gradient(700px 320px at 95% 110%, rgba(255, 255, 255, 0.12), rgba(255, 255, 255, 0) 60%),
    linear-gradient(135deg, #1E1B4B 0%, #4338CA 100%);
  color: #fff;
  height: auto;
  margin-bottom: 0;
  overflow: hidden;
  padding: 76px 20px 132px;
  position: relative;
}

.hero::before {
  background-image:
    linear-gradient(rgba(255, 255, 255, 0.055) 1px, transparent 1px),
    linear-gradient(90deg, rgba(255, 255, 255, 0.055) 1px, transparent 1px);
  background-size: 44px 44px;
  content: "";
  inset: 0;
  -webkit-mask-image: radial-gradient(ellipse at 50% 0%, #000 0%, transparent 72%);
  mask-image: radial-gradient(ellipse at 50% 0%, #000 0%, transparent 72%);
  pointer-events: none;
  position: absolute;
}

.hero-inner {
  max-width: 720px;
  position: relative;
  top: auto;
  transform: none;
  z-index: 1;
}

.cw-hero-eyebrow {
  background: rgba(255, 255, 255, 0.12);
  border: 1px solid rgba(255, 255, 255, 0.2);
  border-radius: 999px;
  color: rgba(255, 255, 255, 0.92);
  display: inline-block;
  font-size: 13px;
  font-weight: 600;
  letter-spacing: 0.03em;
  margin: 0 0 18px;
  padding: 5px 14px;
}

.cw-hero-eyebrow:empty {
  display: none;
}

.cw-hero-title {
  color: #fff;
  font-size: 32px;
  font-weight: 700;
  letter-spacing: -0.025em;
  line-height: 1.15;
  margin: 0 0 12px;
}

.cw-hero-sub {
  color: rgba(255, 255, 255, 0.82);
  font-size: 17px;
  margin: 0 auto 30px;
  max-width: 560px;
}

@media (min-width: 768px) {
  .hero {
    padding: 92px 20px 148px;
  }

  .cw-hero-title {
    font-size: 44px;
  }

  .cw-hero-sub {
    font-size: 19px;
  }
}

.cw-hero-search {
  margin: 0 auto;
  max-width: 640px;
  position: relative;
}

/* Band unter der Suche: die Kette des Schnellstarts als EIN Link (Sebastian, 03.10.2026: genau diese Zeichen).
   Innerhalb eines Glieds stehen geschützte Leerzeichen (texte.json), die Zeile bricht nur an den Pfeilen um. */
.cw-hero-chain {
  margin: 22px auto 0;
  max-width: 720px;
}

.cw-hero-chain a,
.cw-hero-chain a:visited {
  color: rgba(255, 255, 255, 0.92);
  display: inline-block;
  font-size: 16px;
  font-weight: 600;
  letter-spacing: 0.01em;
  line-height: 1.9;
  padding: 0 6px;
  text-decoration: underline;
  text-decoration-color: rgba(255, 255, 255, 0.7);
  text-decoration-thickness: 1.5px;
  text-underline-offset: 6px;
}

.cw-hero-chain a:hover,
.cw-hero-chain a:focus {
  color: #fff;
  text-decoration-color: #fff;
}

/* Zeigende Hand vor der Kette: hand-point-up aus Font Awesome Free 6 (CC BY 4.0), um 90° nach rechts gedreht. */
.cw-chain-hand {
  color: #fff;
  display: inline-block;
  height: 20px;
  margin-right: 12px;
  transform: rotate(90deg);
  vertical-align: -3px;
  width: 15px;
}

.hero .search {
  background: #fff;
  border: 0;
  border-radius: var(--cw-radius);
  box-shadow: 0 12px 32px rgba(2, 6, 23, 0.35);
}

.hero .search:focus-within {
  box-shadow: 0 12px 32px rgba(2, 6, 23, 0.35), 0 0 0 4px rgba(255, 255, 255, 0.35);
}

.hero .search input[type=search],
.hero .search .clear-button {
  border-radius: var(--cw-radius);
}

.hero .search input[type=search] {
  color: var(--cw-ink);
  font-size: 17px;
  height: 58px;
}

[dir=ltr] .hero .search input[type=search] {
  padding-left: 54px;
}

[dir=rtl] .hero .search input[type=search] {
  padding-right: 54px;
}

.hero .search-icon {
  color: var(--cw-muted);
  height: 20px;
  left: 20px;
  width: 20px;
}

[dir=rtl] .hero .search-icon {
  left: auto;
  right: 20px;
}

/***** Suchfeld auf den Unterseiten *****/
.search {
  border-color: var(--cw-line);
  border-radius: var(--cw-radius-small);
}

.search input[type=search],
.search .clear-button {
  border-radius: var(--cw-radius-small);
}

.search input[type=search] {
  color: var(--cw-ink);
  font-size: 15px;
}

.sub-nav {
  align-items: stretch;
  margin-bottom: 32px;
}

.sub-nav .search-container {
  max-width: none;
}

@media (min-width: 768px) {
  .sub-nav {
    align-items: center;
    margin-bottom: 40px;
  }

  .sub-nav .search-container {
    max-width: 300px;
  }
}

/***** Brotkrumen *****/
.breadcrumbs li {
  color: var(--cw-muted);
  font-size: 14px;
}

.breadcrumbs li a,
.breadcrumbs li a:visited {
  color: var(--cw-muted);
}

.breadcrumbs li a:hover,
.breadcrumbs li a:focus {
  color: var(--cw-brand);
  text-decoration: none;
}

.breadcrumbs li + li::before {
  color: #cbd5e1;
  content: "/" / "";
  margin: 0 8px;
}

/***** Kacheln der Startseite *****/
.cw-topics {
  margin-top: -76px;
  position: relative;
  z-index: 2;
}

.cw-cards {
  display: grid;
  gap: 20px;
  grid-template-columns: repeat(auto-fit, minmax(280px, 1fr));
  list-style: none;
  margin: 0;
  padding: 0;
}

.cw-card {
  background: #fff;
  border: 1px solid var(--cw-line);
  border-radius: var(--cw-radius);
  box-shadow: var(--cw-shadow);
  display: flex;
  flex-direction: column;
  padding: 26px;
  position: relative;
  transition: transform 0.15s ease, box-shadow 0.15s ease, border-color 0.15s ease;
}

.cw-card:hover,
.cw-card:focus-within {
  border-color: #c7d2fe;
  box-shadow: var(--cw-shadow-strong);
  transform: translateY(-2px);
}

@media (prefers-reduced-motion: reduce) {
  html {
    scroll-behavior: auto;
  }

  .cw-card {
    transition: none;
  }

  .cw-card:hover,
  .cw-card:focus-within {
    transform: none;
  }
}

.cw-card-icon {
  align-items: center;
  background: var(--cw-tint);
  border-radius: 12px;
  color: var(--cw-brand);
  display: flex;
  height: 46px;
  justify-content: center;
  margin-bottom: 18px;
  width: 46px;
}

.cw-card-icon::before {
  background: currentColor;
  content: "";
  height: 24px;
  -webkit-mask: var(--cw-icon) center / contain no-repeat;
  mask: var(--cw-icon) center / contain no-repeat;
  width: 24px;
}

.cw-card {
  --cw-icon: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='1.8' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M7 3h7l5 5v13H7z'/%3E%3Cpath d='M14 3v5h5'/%3E%3Cpath d='M10 13h6'/%3E%3Cpath d='M10 17h6'/%3E%3C/svg%3E");
}

/* Zeichen je Abschnitt: Font Awesome Free 7.3.1 (CC BY 4.0, https://fontawesome.com/license/free). Der Name kommt aus der Vorlage (data-cw-abschnitt). */
.cw-card[data-cw-abschnitt="Erste Schritte"] {
  --cw-icon: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 512 512'%3E%3Cpath d='M0 72C0 58.8 10.7 48 24 48l48 0c13.3 0 24 10.7 24 24l0 104 24 0c13.3 0 24 10.7 24 24s-10.7 24-24 24l-96 0c-13.3 0-24-10.7-24-24s10.7-24 24-24l24 0 0-80-24 0C10.7 96 0 85.3 0 72zM30.4 301.2C41.8 292.6 55.7 288 70 288l4.9 0c33.7 0 61.1 27.4 61.1 61.1 0 19.6-9.4 37.9-25.2 49.4l-24 17.5 33.2 0c13.3 0 24 10.7 24 24s-10.7 24-24 24l-90.7 0C13.1 464 0 450.9 0 434.7 0 425.3 4.5 416.5 12.1 411l70.5-51.3c3.4-2.5 5.4-6.4 5.4-10.6 0-7.2-5.9-13.1-13.1-13.1L70 336c-3.9 0-7.7 1.3-10.8 3.6L38.4 355.2c-10.6 8-25.6 5.8-33.6-4.8S-1 324.8 9.6 316.8l20.8-15.6zM224 64l256 0c17.7 0 32 14.3 32 32s-14.3 32-32 32l-256 0c-17.7 0-32-14.3-32-32s14.3-32 32-32zm0 160l256 0c17.7 0 32 14.3 32 32s-14.3 32-32 32l-256 0c-17.7 0-32-14.3-32-32s14.3-32 32-32zm0 160l256 0c17.7 0 32 14.3 32 32s-14.3 32-32 32l-256 0c-17.7 0-32-14.3-32-32s14.3-32 32-32z'/%3E%3C/svg%3E");
}

.cw-card[data-cw-abschnitt="Typische Aufgaben"] {
  --cw-icon: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 512 512'%3E%3Cpath d='M133.8 36.3c10.9 7.6 13.5 22.6 5.9 33.4l-56 80c-4.1 5.8-10.5 9.5-17.6 10.1S52 158 47 153L7 113C-2.3 103.6-2.3 88.4 7 79S31.6 69.7 41 79l19.8 19.8 39.6-56.6c7.6-10.9 22.6-13.5 33.4-5.9zm0 160c10.9 7.6 13.5 22.6 5.9 33.4l-56 80c-4.1 5.8-10.5 9.5-17.6 10.1S52 318 47 313L7 273c-9.4-9.4-9.4-24.6 0-33.9s24.6-9.4 33.9 0l19.8 19.8 39.6-56.6c7.6-10.9 22.6-13.5 33.4-5.9zM224 96c0-17.7 14.3-32 32-32l224 0c17.7 0 32 14.3 32 32s-14.3 32-32 32l-224 0c-17.7 0-32-14.3-32-32zm0 160c0-17.7 14.3-32 32-32l224 0c17.7 0 32 14.3 32 32s-14.3 32-32 32l-224 0c-17.7 0-32-14.3-32-32zM160 416c0-17.7 14.3-32 32-32l288 0c17.7 0 32 14.3 32 32s-14.3 32-32 32l-288 0c-17.7 0-32-14.3-32-32zM64 376a40 40 0 1 1 0 80 40 40 0 1 1 0-80z'/%3E%3C/svg%3E");
}

.cw-card[data-cw-abschnitt="Seiten und Funktionen"] {
  --cw-icon: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 512 512'%3E%3Cpath d='M448 32c35.3 0 64 28.7 64 64l0 112-64 0 0-112-384 0 0 320 144 0 0 64-144 0-6.5-.3c-30.1-3.1-54.1-27-57.1-57.1L0 416 0 96C0 62.9 25.2 35.6 57.5 32.3L64 32 448 32zm16 224c26.5 0 48 21.5 48 48l0 128c0 26.5-21.5 48-48 48l-160 0c-26.5 0-48-21.5-48-48l0-128c0-26.5 21.5-48 48-48l160 0z'/%3E%3C/svg%3E");
}

.cw-card[data-cw-abschnitt="Speicherziele"] {
  --cw-icon: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 576 512'%3E%3Cpath d='M144 480c-79.5 0-144-64.5-144-144 0-63.4 41-117.2 97.9-136.5-1.3-7.7-1.9-15.5-1.9-23.5 0-79.5 64.5-144 144-144 55.4 0 103.5 31.3 127.6 77.1 14.2-8.3 30.8-13.1 48.4-13.1 53 0 96 43 96 96 0 15.7-3.8 30.6-10.5 43.7 44 20.3 74.5 64.7 74.5 116.3 0 70.7-57.3 128-128 128l-304 0zM305 191c-9.4-9.4-24.6-9.4-33.9 0l-72 72c-9.4 9.4-9.4 24.6 0 33.9s24.6 9.4 33.9 0l31-31 0 102.1c0 13.3 10.7 24 24 24s24-10.7 24-24l0-102.1 31 31c9.4 9.4 24.6 9.4 33.9 0s9.4-24.6 0-33.9l-72-72z'/%3E%3C/svg%3E");
}

.cw-card[data-cw-abschnitt="Kommandozeile"] {
  --cw-icon: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 512 512'%3E%3Cpath d='M9.4 118.6c-12.5-12.5-12.5-32.8 0-45.3s32.8-12.5 45.3 0l160 160c12.5 12.5 12.5 32.8 0 45.3l-160 160c-12.5 12.5-32.8 12.5-45.3 0s-12.5-32.8 0-45.3L146.7 256 9.4 118.6zM224 384l256 0c17.7 0 32 14.3 32 32s-14.3 32-32 32l-256 0c-17.7 0-32-14.3-32-32s14.3-32 32-32z'/%3E%3C/svg%3E");
}

.cw-card-title {
  font-size: 19px;
  font-weight: 650;
  margin: 0 0 6px;
}

.cw-card-title a,
.cw-card-title a:visited {
  color: var(--cw-ink);
}

.cw-card-title a:hover,
.cw-card-title a:focus {
  color: var(--cw-brand);
  text-decoration: none;
}

/* Die ganze Kachel ist anklickbar: Der Link der Überschrift liegt über der Kachel. */
.cw-card-title a::after {
  border-radius: var(--cw-radius);
  content: "";
  inset: 0;
  position: absolute;
}

.cw-card-text {
  color: var(--cw-muted);
  font-size: 15px;
  margin: 0 0 14px;
}

.cw-card-links {
  border-top: 1px solid var(--cw-line);
  margin: 6px 0 14px;
  padding-top: 10px;
}

.cw-card-links:empty {
  display: none;
}

.cw-card-links a,
.cw-card-links a:visited {
  color: #334155;
  display: block;
  font-size: 15px;
  padding: 6px 0;
  position: relative;
  z-index: 1;
}

.cw-card-links a:hover,
.cw-card-links a:focus {
  color: var(--cw-brand);
  text-decoration: none;
}

.cw-card-more {
  color: var(--cw-brand);
  font-size: 14px;
  font-weight: 600;
  margin-top: auto;
}

.cw-card-more::after {
  content: " \2192";
}

/***** Empfohlene Artikel auf der Startseite *****/
.cw-featured {
  margin-top: 64px;
}

.cw-section-title {
  font-size: 22px;
  margin: 0 0 18px;
}

.cw-links {
  display: grid;
  gap: 12px;
  grid-template-columns: repeat(auto-fit, minmax(300px, 1fr));
}

.cw-links li a,
.cw-links li a:visited {
  align-items: center;
  background: #fff;
  border: 1px solid var(--cw-line);
  border-radius: var(--cw-radius-small);
  color: var(--cw-ink);
  display: flex;
  font-weight: 500;
  gap: 12px;
  justify-content: space-between;
  padding: 15px 18px;
  transition: border-color 0.15s ease, background-color 0.15s ease;
}

.cw-links li a::after {
  color: #94a3b8;
  content: "\2192";
  flex: none;
}

.cw-links li a:hover,
.cw-links li a:focus {
  background: var(--cw-surface);
  border-color: #c7d2fe;
  color: var(--cw-brand);
  text-decoration: none;
}

.cw-links li a:hover::after,
.cw-links li a:focus::after {
  color: var(--cw-brand);
}

.community,
.activity {
  border-top: 1px solid var(--cw-line);
}

.activity:empty {
  border: 0;
  margin: 0;
  padding: 0;
}

/***** Kategorie- und Abschnittsseiten *****/
.category-content,
.section-content {
  flex: 1 1 100%;
}

@media (min-width: 1024px) {
  .category-content,
  .section-content {
    flex: 1 1 100%;
  }
}

.page-header {
  border-bottom: 1px solid var(--cw-line);
  margin: 0 0 28px;
  padding-bottom: 20px;
}

.page-header h1 {
  margin-bottom: 6px;
}

.page-header-description {
  color: var(--cw-muted);
  font-size: 17px;
  font-style: normal;
  margin: 0;
}

.section-tree {
  gap: 24px;
}

.section-tree .section {
  background: #fff;
  border: 1px solid var(--cw-line);
  border-radius: var(--cw-radius);
  box-shadow: var(--cw-shadow);
  margin-bottom: 0;
  padding: 24px 26px 14px;
}

@media (min-width: 768px) {
  .section-tree .section {
    flex: 0 0 calc(50% - 12px);
  }
}

.section-tree-title {
  font-size: 18px;
  margin-bottom: 8px;
}

.section-tree-title a,
.section-tree-title a:visited {
  color: var(--cw-ink);
}

.article-list-item {
  border-top: 1px solid var(--cw-line);
  font-size: 16px;
  padding: 0;
}

.article-list-item a,
.article-list-item a:visited {
  color: #334155;
  display: block;
  padding: 13px 0;
}

.article-list-item a:hover,
.article-list-item a:focus {
  color: var(--cw-brand);
  text-decoration: none;
}

.section-tree .see-all-articles {
  border-top: 1px solid var(--cw-line);
  font-size: 14px;
  font-weight: 600;
  padding: 13px 0;
}

.section-content .article-list {
  background: #fff;
  border: 1px solid var(--cw-line);
  border-radius: var(--cw-radius);
  box-shadow: var(--cw-shadow);
  padding: 4px 26px;
}

.section-content .article-list-item:first-child {
  border-top: 0;
}

.section-list-item,
.section-list-item:first-child {
  border-color: var(--cw-line);
}

/***** Artikelseite *****/
.article-container {
  gap: 0;
}

@media (min-width: 1024px) {
  .article-container {
    align-items: flex-start;
    gap: 48px;
  }
}

.article-sidebar {
  border-color: var(--cw-line);
}

@media (min-width: 1024px) {
  .article-sidebar {
    flex: 0 0 230px;
    max-width: 230px;
    position: sticky;
    top: calc(var(--cw-header) + 28px);
  }
}

.sidenav-title {
  color: var(--cw-muted);
  font-size: 12px;
  font-weight: 700;
  letter-spacing: 0.08em;
  text-transform: uppercase;
}

.sidenav-item,
.sidenav-item:visited {
  border-left: 2px solid var(--cw-line);
  color: #475569;
  font-size: 15px;
  margin: 0;
  padding: 7px 0 7px 14px;
  white-space: normal;
}

.sidenav-item:hover,
.sidenav-item:focus {
  border-left-color: #94a3b8;
  color: var(--cw-ink);
  text-decoration: none;
}

.sidenav-item.current-article,
.sidenav-item.current-article:visited {
  border-left-color: var(--cw-brand);
  color: var(--cw-brand);
  font-weight: 600;
}

@media (min-width: 1024px) {
  .collapsible-sidebar-body {
    margin-top: 12px;
  }
}

.article {
  flex: 1 1 auto;
  max-width: 100%;
  min-width: 0;
  padding: 0;
}

@media (min-width: 1024px) {
  .article {
    flex: 1 1 0;
    max-width: 760px;
    min-width: 0;
    padding: 0;
  }
}

.article-header {
  margin-bottom: 8px;
}

.article-title {
  font-size: 32px;
  letter-spacing: -0.025em;
  margin-bottom: 10px;
  overflow: visible;
}

@media (min-width: 768px) {
  .article-title {
    font-size: 38px;
  }
}

.article-meta,
.meta-data {
  color: var(--cw-muted);
  font-size: 14px;
}

.article-content {
  line-height: 1.7;
  margin: 22px 0 40px;
}

.article-body {
  color: #334155;
  font-size: 17px;
}

.article-body h2 {
  border-top: 1px solid var(--cw-line);
  font-size: 25px;
  margin: 44px 0 12px;
  padding-top: 34px;
  scroll-margin-top: calc(var(--cw-header) + 16px);
}

.article-body h3 {
  font-size: 19px;
  margin: 30px 0 8px;
  scroll-margin-top: calc(var(--cw-header) + 16px);
}

.article-body p {
  margin: 0 0 18px;
}

.article-body ul,
.article-body ol {
  margin: 0 0 20px 4px;
  padding-left: 22px;
}

.article-body li {
  margin-bottom: 8px;
}

.article-body li::marker {
  color: var(--cw-brand);
  font-weight: 600;
}

.article-body a,
.article-body a:visited {
  color: #4263EB;
  text-decoration: underline;
  text-decoration-color: #c7d2fe;
  text-underline-offset: 3px;
}

.article-body a:hover,
.article-body a:focus {
  text-decoration-color: currentColor;
}

.article-body img {
  border: 1px solid var(--cw-line);
  border-radius: 12px;
  box-shadow: var(--cw-shadow);
  display: block;
}

.article-body .cw-lead {
  color: #64748b;
  font-size: 20px;
  font-weight: 500;
  line-height: 1.55;
  margin-bottom: 30px;
}

.article-body .cw-figure {
  margin: 26px 0 8px;
}

.article-body .cw-caption {
  color: var(--cw-muted);
  font-size: 14px;
  margin: 0 0 26px;
  text-align: center;
}

/* Bilder ohne Sprache (Bilder der Anleitung): mittig, in ihrer eigenen Breite, nie breiter als die Spalte */
.article-body .cw-figure img {
  height: auto;
  margin: 0 auto;
  max-width: 100%;
}

/* Legende zu einem Bild: vor jedem Punkt seine Ziffer als flaches Schild in der Farbe der Ziffern im Bild */
.article-body ol.cw-legend {
  counter-reset: cw-legende;
  list-style: none;
  margin: 14px 0 30px;
  padding: 0;
}

.article-body ol.cw-legend > li {
  counter-increment: cw-legende;
  margin: 0 0 10px;
  padding-left: 42px;
  position: relative;
}

.article-body ol.cw-legend > li::before {
  background: var(--cw-badge);
  border-radius: 999px;
  box-sizing: border-box;
  color: #fff;
  content: counter(cw-legende);
  font-size: 12px;
  font-weight: 700;
  left: 0;
  letter-spacing: 0.02em;
  line-height: 1.5;
  min-width: 28px;
  padding: 1px 10px;
  position: absolute;
  text-align: center;
  top: 5px;
}

/* Ziffer im Fließtext: verweist auf die Ziffer im Bild, dasselbe Schild */
.article-body .cw-nr {
  background: var(--cw-badge);
  border-radius: 999px;
  color: #fff;
  display: inline-block;
  font-size: 12px;
  font-weight: 700;
  letter-spacing: 0.02em;
  line-height: 1.5;
  margin: 0 2px;
  min-width: 28px;
  padding: 1px 10px;
  text-align: center;
  vertical-align: 2px;
}

/* Dezente Zeile mit Verweis, direkt unter einer Überschrift (unter „Auf der Kommandozeile“): klein und grau wie cw-caption */
.article-body .cw-hint {
  color: var(--cw-muted);
  font-size: 13px;
  line-height: 1.5;
  margin: -2px 0 16px;
}

.article-body .cw-hint a,
.article-body .cw-hint a:visited {
  color: inherit;
  text-decoration: underline;
  text-decoration-color: #cbd5e1;
  text-underline-offset: 3px;
}

.article-body .cw-hint a:hover,
.article-body .cw-hint a:focus {
  color: var(--cw-ink);
  text-decoration-color: currentColor;
}

/* Der Verweis bleibt in einer Zeile: kein Umbruch in „WP-CLI“ */
.article-body .cw-hint a {
  white-space: nowrap;
}

/* Bezeichnung aus der Oberfläche des Plugins (Schaltfläche, Menüpunkt, Kachel) */
.article-body .cw-ui {
  background: #fff;
  border: 1px solid #cbd5e1;
  border-radius: 6px;
  color: var(--cw-ink);
  font-size: 0.9em;
  font-weight: 500;
  padding: 0 6px;
  white-space: nowrap;
}

/* Name aus der Oberfläche, den man nicht anklickt: Seite, Kachel, Feld, Spalte, Zustand, Text der Anzeige */
.article-body .cw-name {
  color: var(--cw-ink);
  font-weight: 600;
}

/* Meldung der Oberfläche im Wortlaut: länger als eine Bezeichnung, darf umbrechen */
.article-body .cw-msg {
  color: var(--cw-ink);
  font-weight: 600;
}

/* Zustand mit seiner Farbe (Statuskachel, Punkt in der Liste); die Farbe steht immer auch als Wort da */
.article-body .cw-state {
  border-radius: 999px;
  display: inline-block;
  font-size: 12px;
  font-weight: 700;
  letter-spacing: 0.02em;
  line-height: 1.5;
  margin: 0 0 6px;
  padding: 1px 10px;
}

.article-body .cw-state-red {
  background: #ffe3e3;
  color: #c92a2a;
}

.article-body .cw-state-yellow {
  background: #fff3bf;
  color: #8a5a00;
}

.article-body .cw-state-grey {
  background: #e9ecef;
  color: #495057;
}

.article-body .cw-state-green {
  background: #d3f9d8;
  color: #2b8a3e;
}

/* In Tabellen ist wenig Platz: Bezeichnungen dürfen dort umbrechen. Der Rahmen bleibt EINER und ist an der
   Bruchstelle offen, damit die zweite Zeile nicht wie eine zweite Bezeichnung aussieht. */
.article-body td .cw-ui {
  -webkit-box-decoration-break: slice;
  box-decoration-break: slice;
  white-space: normal;
}

/* Schmale Bildschirme (Telefone): nichts ragt über den rechten Rand */
@media (max-width: 599px) {
  .article-body table {
    display: block;
    overflow-x: auto;
    -webkit-overflow-scrolling: touch;
  }

  .article-body .cw-ui {
    -webkit-box-decoration-break: slice;
    box-decoration-break: slice;
    white-space: normal;
  }

  .article-body .cw-msg,
  .article-body :not(pre) > code {
    overflow-wrap: anywhere;
  }

  .article-body th,
  .article-body td {
    min-width: 7.5em;
  }

  .article-body td code,
  .article-body th code {
    overflow-wrap: normal;
    white-space: nowrap;
  }

  .breadcrumbs {
    flex-wrap: wrap;
  }

  .breadcrumbs li {
    overflow-wrap: anywhere;
    white-space: normal;
  }
}

.article-body .cw-note,
.article-body .cw-tip,
.article-body .cw-warn {
  border: 1px solid #c7d2fe;
  border-left-width: 4px;
  border-radius: var(--cw-radius-small);
  background: #eef2ff;
  color: #1e293b;
  font-size: 16px;
  margin: 24px 0;
  padding: 16px 20px;
}

.article-body .cw-note {
  border-left-color: #4f46e5;
}

.article-body .cw-tip {
  background: #ecfdf5;
  border-color: #a7f3d0;
  border-left-color: #059669;
}

.article-body .cw-warn {
  background: #fffbeb;
  border-color: #fde68a;
  border-left-color: #d97706;
}

.article-body .cw-note > :last-child,
.article-body .cw-tip > :last-child,
.article-body .cw-warn > :last-child {
  margin-bottom: 0;
}

.article-body .cw-box-title {
  color: var(--cw-ink);
  font-weight: 700;
  margin-bottom: 4px;
}

.article-body table {
  border-collapse: collapse;
  font-size: 15px;
  margin: 24px 0;
  width: 100%;
}

.article-body th {
  background: var(--cw-surface);
  color: var(--cw-ink);
  font-weight: 600;
  text-align: left;
}

.article-body th,
.article-body td {
  border-bottom: 1px solid var(--cw-line);
  padding: 11px 14px;
  vertical-align: top;
}

.article-body :not(pre) > code {
  background: var(--cw-surface);
  border-color: var(--cw-line);
  border-radius: 6px;
  font-size: 0.88em;
  padding: 1px 6px;
}

.article-body pre {
  background: #0f172a;
  border: 0;
  border-radius: var(--cw-radius-small);
  color: #e2e8f0;
  font-size: 14px;
  line-height: 1.6;
  overflow-x: auto;
  padding: 16px 20px;
  white-space: pre;
}

.article-body blockquote {
  border-left: 3px solid var(--cw-line);
  color: #475569;
}

.article-votes {
  background: var(--cw-surface);
  border: 1px solid var(--cw-line);
  border-radius: var(--cw-radius);
  margin-top: 8px;
  padding: 26px 20px;
}

.article-votes-question {
  color: var(--cw-ink);
  font-size: 17px;
  font-weight: 600;
  letter-spacing: 0;
}

.article-more-questions {
  color: var(--cw-muted);
  margin: 18px 0 28px;
}

.article-relatives {
  border-top: 1px solid var(--cw-line);
  padding: 28px 0;
}

.article-relatives h2,
.article-relatives h3 {
  font-size: 17px;
}

.article-footer:empty {
  display: none;
  padding: 0;
}

/***** Inhaltsverzeichnis der Artikelseite („Auf dieser Seite“) *****/
.cw-toc {
  display: none;
}

@media (min-width: 1200px) {
  .cw-toc.cw-toc-ready {
    display: block;
    flex: 0 0 200px;
    max-width: 200px;
    position: sticky;
    top: calc(var(--cw-header) + 28px);
  }
}

.cw-toc-title {
  color: var(--cw-muted);
  font-size: 12px;
  font-weight: 700;
  letter-spacing: 0.08em;
  margin: 0 0 12px;
  text-transform: uppercase;
}

.cw-toc a,
.cw-toc a:visited {
  border-left: 2px solid var(--cw-line);
  color: #475569;
  display: block;
  font-size: 14px;
  line-height: 1.4;
  padding: 6px 0 6px 14px;
}

.cw-toc a:hover,
.cw-toc a:focus {
  color: var(--cw-ink);
  text-decoration: none;
}

.cw-toc a.cw-toc-active {
  border-left-color: var(--cw-brand);
  color: var(--cw-brand);
  font-weight: 600;
}

/***** Knappe Artikel (Label cw-schnell) *****/
/* article_page.hbs setzt die Klasse cw-schnell aus dem Label des Artikels. Ohne die zwei Seitenbereiche steht der
   Inhalt mittig und etwas breiter, damit die Kette der Stationen in eine Zeile passt. */
.article-container.cw-schnell .article-sidebar,
.article-container.cw-schnell .cw-toc.cw-toc-ready {
  display: none;
}

@media (min-width: 1024px) {
  .article-container.cw-schnell {
    justify-content: center;
  }

  .article-container.cw-schnell .article {
    max-width: 820px;
  }
}

/* Kette der Stationen: Glieder mit Ziffer, Pfeil nach unten zwischen den Gliedern, grüner Haken am Ziel (cw-kette-ziel).
   Immer untereinander, auch auf breiten Bildschirmen (Sebastian, 03.10.2026). */
.article-body ol.cw-kette {
  align-items: flex-start;
  counter-reset: cw-kette;
  display: flex;
  flex-direction: column;
  gap: 0;
  list-style: none;
  margin: 0 0 36px;
  padding: 0;
}

.article-body ol.cw-kette > li {
  align-items: center;
  background: #fff;
  border: 1px solid var(--cw-line);
  border-radius: 999px;
  box-shadow: var(--cw-shadow);
  color: var(--cw-ink);
  counter-increment: cw-kette;
  display: inline-flex;
  font-size: 15px;
  font-weight: 600;
  gap: 9px;
  line-height: 1.3;
  margin: 0;
  padding: 6px 16px 6px 6px;
  position: relative;
  white-space: nowrap;
}

.article-body ol.cw-kette > li::before {
  background: var(--cw-brand);
  border-radius: 999px;
  color: #fff;
  content: counter(cw-kette);
  flex: none;
  font-size: 12px;
  font-weight: 700;
  height: 24px;
  line-height: 24px;
  min-width: 24px;
  text-align: center;
}

.article-body ol.cw-kette > li.cw-kette-ziel::before {
  background: #16a34a;
  content: "✓";
  font-size: 14px;
}

.article-body ol.cw-kette > li + li {
  margin-top: 30px;
}

.article-body ol.cw-kette > li + li::after {
  color: #94a3b8;
  content: "↓";
  font-size: 18px;
  left: 9px;
  line-height: 1;
  position: absolute;
  top: -25px;
}

/***** Schaltflächen *****/
.button,
.pagination-next-link,
.pagination-prev-link,
.pagination-first-link,
.pagination-last-link,
.article-subscribe button,
.section-subscribe button,
.split-button button {
  border-radius: 8px;
  font-size: 14px;
  font-weight: 600;
  line-height: 2.5;
}

.button-large,
.hbs-form input[type=submit] {
  border-radius: 8px;
  font-weight: 600;
}

/***** Suchergebnisse *****/
.search-results-column,
.search-results .search-result-list-item {
  border-color: var(--cw-line);
}

.search-result-title {
  font-size: 18px;
}

.search-result-title a,
.search-result-title a:visited {
  color: var(--cw-ink);
}

.search-result-title a:hover,
.search-result-title a:focus {
  color: var(--cw-brand);
}

.search-results-description em {
  background: #fef3c7;
  border-radius: 3px;
  font-style: normal;
  padding: 0 2px;
}

/***** Fußzeile *****/
.footer.cw-footer {
  background: #0b1020;
  border: 0;
  color: #94a3b8;
  font-size: 15px;
  margin-top: 88px;
  padding: 44px 0;
}

.cw-footer .footer-inner {
  align-items: center;
  flex-wrap: wrap;
  gap: 20px;
  max-width: var(--cw-width);
}

.cw-footer-brand {
  flex: 1 1 auto;
  min-width: 0;
}

.footer.cw-footer a.cw-logo,
.footer.cw-footer a.cw-logo:visited,
.footer.cw-footer a.cw-logo:hover {
  color: #fff;
  text-decoration: none;
}

.cw-footer .cw-logo-mark {
  color: #818cf8;
}

.cw-footer-text {
  color: #94a3b8;
  margin: 14px 0 0;
  text-wrap: balance;
}

.footer.cw-footer a.cw-footer-link {
  color: #94a3b8;
  text-decoration: none;
  white-space: nowrap;
}

.cw-footer-sep {
  color: #94a3b8;
  margin: 0 4px;
}

.footer.cw-footer a.cw-footer-link:hover,
.footer.cw-footer a.cw-footer-link:focus {
  color: #fff;
  text-decoration: underline;
  text-underline-offset: 3px;
}

/* Cookie-Hinweis: ein Fenster über der Seite, senkrecht und waagerecht mittig; ohne Entscheidung geht es nicht
   weiter (Anweisung Sebastian, 05.10.2026). Google Analytics nur nach Annahme (ebene.js). Ablehnen und Annehmen sind
   gleich breit und gleich gestaltet, nur „Annehmen“ trägt das Blau der Marke. */
.cw-consent {
  align-items: center;
  background: rgba(15, 23, 42, 0.55);
  bottom: 0;
  display: flex;
  justify-content: center;
  left: 0;
  padding: 16px;
  position: fixed;
  right: 0;
  top: 0;
  z-index: 1200;
}

.cw-consent[hidden] {
  display: none;
}

/* Solange das Fenster offen ist, rollt die Seite dahinter nicht. */
html.cw-consent-lock,
html.cw-consent-lock body {
  overflow: hidden;
}

.cw-consent-box {
  background: #fff;
  border-radius: 14px;
  box-shadow: 0 24px 64px rgba(15, 23, 42, 0.3);
  color: var(--cw-ink);
  max-height: 100%;
  max-width: 520px;
  outline: none;
  overflow: auto;
  padding: 28px 28px 24px;
  width: 100%;
}

.cw-consent-title {
  font-size: 22px;
  font-weight: 700;
  letter-spacing: -0.02em;
  line-height: 1.25;
  margin: 0 0 12px;
}

.cw-consent-text {
  font-size: 15px;
  line-height: 1.55;
  margin: 0 0 22px;
}

.cw-consent-text a {
  color: var(--cw-brand);
}

.cw-consent-actions {
  display: flex;
  gap: 10px;
}

.cw-consent-actions .button {
  background: #fff;
  border: 1px solid #cbd5e1;
  border-radius: 8px;
  color: var(--cw-ink);
  flex: 1 1 0;
  font-weight: 600;
  padding: 11px 18px;
}

.cw-consent-actions .button:hover,
.cw-consent-actions .button:focus {
  background: #f1f5f9;
  border-color: #94a3b8;
}

.cw-consent-actions .button.button-primary {
  background: var(--cw-brand);
  border-color: var(--cw-brand);
  color: #fff;
}

.cw-consent-actions .button.button-primary:hover,
.cw-consent-actions .button.button-primary:focus {
  background: #3b56d4;
  border-color: #3b56d4;
}

@media (max-width: 480px) {
  .cw-consent-box {
    padding: 22px 20px 18px;
  }

  .cw-consent-actions {
    flex-direction: column;
  }
}

/* News-Einstellungen: Fenster für eingeloggte Benutzer (ebene.js, footer.hbs). */
.cw-news {
  align-items: center;
  background: rgba(15, 23, 42, 0.55);
  bottom: 0;
  display: flex;
  justify-content: center;
  left: 0;
  padding: 16px;
  position: fixed;
  right: 0;
  top: 0;
  z-index: 1100;
}

.cw-news[hidden] {
  display: none;
}

.cw-news-box {
  background: #fff;
  border-radius: 14px;
  box-shadow: 0 24px 64px rgba(15, 23, 42, 0.3);
  color: var(--cw-ink);
  max-height: 100%;
  max-width: 520px;
  overflow: auto;
  padding: 28px 28px 24px;
  position: relative;
  width: 100%;
}

.cw-news-title {
  font-size: 22px;
  font-weight: 700;
  line-height: 1.3;
  margin: 0 32px 14px 0;
}

.cw-news-close {
  background: none;
  border: 0;
  border-radius: 8px;
  color: #64748b;
  cursor: pointer;
  font-size: 26px;
  height: 36px;
  line-height: 1;
  padding: 0;
  position: absolute;
  right: 14px;
  top: 14px;
  width: 36px;
}

.cw-news-close:hover,
.cw-news-close:focus {
  background: #f1f5f9;
  color: var(--cw-ink);
}

.cw-news-state {
  background: #f1f5f9;
  border-left: 4px solid #94a3b8;
  border-radius: 6px;
  font-weight: 600;
  line-height: 1.5;
  margin: 0 0 14px;
  padding: 10px 14px;
}

.cw-news[data-state="yes"] .cw-news-state {
  background: #ecfdf5;
  border-left-color: #10b981;
}

.cw-news-text {
  font-size: 15px;
  line-height: 1.6;
  margin: 0 0 18px;
}

.cw-news-msg {
  font-size: 15px;
  line-height: 1.5;
  margin: 0 0 14px;
}

.cw-news-msg[hidden] {
  display: none;
}

.cw-news-msg.cw-news-ok {
  color: #047857;
}

.cw-news-msg.cw-news-error {
  color: #b91c1c;
}

.cw-news-actions {
  display: flex;
  gap: 10px;
  justify-content: flex-end;
}

.cw-news-actions .button {
  background: #fff;
  border: 1px solid #cbd5e1;
  border-radius: 8px;
  color: var(--cw-ink);
  font-weight: 600;
  min-width: 150px;
  padding: 10px 18px;
}

.cw-news-actions .button:hover,
.cw-news-actions .button:focus {
  background: #f1f5f9;
  border-color: #94a3b8;
}

.cw-news-actions .button.button-primary {
  background: var(--cw-brand);
  border-color: var(--cw-brand);
  color: #fff;
}

.cw-news-actions .button.button-primary:hover,
.cw-news-actions .button.button-primary:focus {
  background: #3b56d4;
  border-color: #3b56d4;
}

.cw-news-actions .button[disabled],
.cw-news-actions .button[aria-disabled="true"] {
  cursor: default;
  opacity: 0.6;
}

@media (max-width: 640px) {
  .cw-news-box {
    padding: 22px 18px 18px;
  }

  .cw-news-actions {
    flex-direction: column-reverse;
  }

  .cw-news-actions .button {
    width: 100%;
  }
}

/* Impressum: die E-Mail-Adresse als Bild (kein Text, den ein Programm einsammeln kann) */
.article-body .cw-mail {
  background: url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAYkAAAA8CAYAAACTrUbPAAAXL0lEQVR4nO2dCdhe45nH71ii1RmZ0NJpozrEMtGp5daSEhrUVrRSS9AWnaKMXZUZHaMLKUrH0tBoi5JITWimRCQkRBtV5m5QSxXTopbaamtswVz/zP+4nu/+nrO973nfb3t+1/VdyXe+8573PGd57v1+RBKJRCKRSCQSiUQikUgkEolEIpFIJBKJRCKRSCQSiUQikUgkEolEIpFIJBKJRCKRSCQSiURiqDKsm1+mqs+IyCrBpl3M7JpunkOi71DVvxWRzURkIxHZUETWFZERwc8SEXlJRF4QkQdF5B4RWSQic8zsWRkgqOodIrJBsOkQM7ugD09p0FFnLknzTnss1+bnE4lCVPVdIrKziOwtIjuJCH7PY3kRebeIrCoia4vIjtz+lqreKiIXichUM3ulS6efSAx5kpBIdARVXVZE9heRk0VkVJuHW0ZEPsGfSap6loicaWavN3S6iUSi4OVLJBpFVeFSultEftiAgPC8V0ROFZG7VHWrho+dSCQcyZJINIqqHi0ip9F1FOMxEbmOsYY7ReRPjEG8RFcU4hYfEpExIrIJXU7/EDkO4hnzVPUoMztP+hFmhnhLIjEoSEIi0QiqCqv0JyKyb+TPr4nIJSLyYxG5zczezjnMy/x5QkR+zRgEjo1J9194bMQsMuDSOldV1zCz4zozskRiaJPcTYmmBMRFEQHxpoj8p4h82MwONrNfFwiIXMzsDjM7UETWorDxx/iqqh7b3igSiUSMJCQSTXC2iHzRbbtLRDY1s6PN7MkmvsTMnjAzBMO3FZGn3J/PUNUdmvieRCJRw92kqn8nIp+jbxhm/2oisoKI/EVE/igivxKRK8zsFukSqrqiiHxeRD7DfPT3iQjSIh8Xkf8RkStFZJaZIe9+UKCq8MGfwAkS431YRJDrfbaZPdKH5zVBRA5zm2eKyD6xVFVVRW3ODrQ6thCRvxeRxYxRXA5LoSxryczmqypqLW4QkX/kZhz3QlVd38xelAGMqm4sItuIyHjGZxCsXxmpwCKCsT3K63WtiFxtZm9IP0VV/4apz7vyXV2NNTFP8329SUR+ZmaYRwYNOojGnVtMp6rw/X5dRA5nMLEMDPZAM7unoQIYZMesz19fM7Ol+fWqCsGAwqT3l5wPzuNQM7s55/izOVllXEIttYprBeMYGWy+3Mz2qfDZZflZCN6MdczsgWAfCN41+OuzZvZeVf2UiPy388dnvCoiB4jIpyk4Q6bAzVN2XvxefPZStxnCf6+Cz4xi8BkTWMaFIvIVM3srsv/HReR8EcEkmMeDFDC38zMIgn8tdk6qCgHzSxFZM/j7983ssJzvRpwjZAszWyg1UNX38SUPFaytzezGdovpVHUPpgwjaF8VJAJ8zcym5Ryza+OOPOtfFpFvUakpA5Pm4WZ290AuptN+NO6cz79KJT9jvJnhHOq5m1R1HWoq/1ZRQICxUPJUFYVTHUFVj4D0rSAghALmBlWFNI/hL+zWFU9jAycgwLiKn93UCYj7QwERQ1VHi8iMHAEBIDxx44/gSxzyZWrchagqxnOm2/xnBouLOMcJiNmcEGMCAjGDW0oEBMB4b1JVaNHZcxUCS/Ed95OIQGCEmvSBqvoBf1Azuw3X222eKPXZw02U0OoXSBuo6nBVxSR/RU0BAT6IAkNVPSX2x74YN7VoPAsXVJwowSdF5Deq2sq59Qt0kI67l5BQ1TV58+HeqAsk1JXMk28UVf0sg6B1WokgDfMKVYWp55nlfl+dE3IZ2eQVMkpVY2manu3d72UawDAGhFcq2OdZutbg/jsocn8RLyjjNFY5h8AagNYSRVUh8HZzFsBeZvZmZN/viMh3mY1UhRX5HI1mGmxUSAAzw+9nBJuGi8hROcf1ltIe1PzqgMrxkKkxoViTH0aOW5d/VVUUG/bpuNl6BdYFrN+6LE+BB8t4QKGDeNw9hISqLke/sNfUl/BBhj98Nb6IcIkcTN94CP72E2hHDZ7nsnRjDAu0XFg5HxURSO+R1DgxofoH9z0icrw/oJnBrXNvC9YEJH+MKtbEdu73q0v2X5l+e6EvE9d7FH2b+1Cbm5b5pM1sFrN/epxXkZbCiQXmcchlZoa4QhGTIkLlpcjxD41cf2QnQXPeimNcicI3vB4j6XN/t/ucRc7ldMbIMvZm7MNzmcuMWq3gfvZCVREf2DxyzJahpfsFtxnnOB2uBCgvvAawGD9AReMHTCsOwXhPzPmabo57ckSwL+G7uT017BX4HO/Oe+znpMmILcnAYvJgHbcPXEOSwYcZ8ij9XvA9hyBYOkVVIVR+7h469N2ZyLz5ps4TwTvhRPIFM0MBVgh6+9yqqlfTbF/OmcrHRI47y5n3EBJTSuIRecJgXNF4mQDwsWATJrWqfuHnMaGa2X3BtstV9QYKjJAjKczhhsg4XVV/bmaL3TktzwknnFAfp+sqF/q5xzutcl5kv4+ICFpohLzM++eF0E10M0H4nxI8RyG/jwWl8Syo6iWBBTGK1/o2t9/DqvoLEdky2IzntNe55zDRXatFRTG4iiDuFwJLbA8zg1vV8wR/5qoqXH24/4jLZGwDl4eZ4Rp3fdyqunskLgZlbDekMUdiKVfSYtyT707mK4dAvAwB/FZSpruNDvJxv2NJUPNC9kzIi5ycvIB4B2qPE/jwhvxz42f7/y/97hEBEZ7PzyITPdxB61ZwOcVcSSEbuZhCSPgCxsDEHZr419XIvvqWExBLMbOnzexBt+2FiGWwesyaEhHECTCRhyD5INTKY6BmIQMP87dz9pvigmSw8iYWWSlmdipjMDF6uJocU93vPpaR4QX5BArLVlwu3o1TC1VdK3KeZ+cIiB6Y2b0uoC+81uv24bi9JfMUA6N+ouyBmUGpw0QbsmHQ4LG/c+JgHnfobvqEyxIBJ5jZH8oOwkkFJn/IWFWFq6dJjq/Y1C2WSRKLGSyklp6xKrXfPMa7yTHMGlknJ/aRF48oczWFmiUqlStjZtdFPnMc401L4f//3e3zYzPzZnAs/TjMeIKF8rvIfhMiEyCEnRfMMU5qQUj8hlZKRl5rjBkM9GesXMWPrKrruWPivsCKbgf/vW+4+EoZsZhWmPnStXGr6rjINUeNDDTqUpihAxdbSFniRJ+jQ2DcoZDYKWJFeP92EdPZhwcP0CHIAjKzv0pzPFKWqhVwT8RnOyJyg6DJz60Rl/ik+w7/2Sx+UBaPwPdiIq/CfWYWCrKqHE1XYQb82hfDZcb0ZkwamPAzHuVnyhjvMt5+lLMf3EYhiF0hgF0KrSafkVMoJBhERQFfaD3F9nuB7tGQKpklPsX5+gaKBC/m9UTa63yum1H5mHwueriW8rLgujDuMIkhe57qClGv3G1HpaQ/s9tgH3fot/eZEdd5H3YRfHCiL2ZD3FbjXLD+wFPufPLWMYBmC99gKCTg7+0Bs0HCeMSNTBP2Lqcrc7QxBP8yFlZw6WQsrReoC3z3qgq305xg8zhqqgiObeSsoi9VLEILhR2UgOv9DqoKC0Ld5m+bWajJlnGnc528GbnenrAKO88tmLlLwnv+Gax7UXJ+E5sMWAN+39JYTBuH8YV0y/bRuL3VeE0LfnWkSL8SCLrl+BwhntJfGTvYxx1aEpjIvPnen+jlky9hccWXZ7bLiNqKAWrPxi4V9abIpDWuYVcT+F9pETOby6ywkGMi53OBmSEIWoXQmpqXM8HsE7kXP5V6PBuxqMos0/DvYSzEcx2zxTJwX/PqaSD0NnFBdGjvpXGDToACQlXdBUWGqvrbSM3OMt0eN7MiN27zfcXzCoHXI8YWSaTpN+gQGfdSS0JVV4ikvRYWefUBucHqHJZUeXkQ/FVVaOvI+8800I0jrg0fj1iAJTVV9bmgoGwDVV0popH71Nc61Z6tuJp8cHp7Z8mE/CESAI1Ca2rdCoqEL6icGUuPLeFdNeIRGaEbLFegwM3IrLwwiwtxlqtyPuKF3lV1rOy6MKA8hoobgtuj+e+YIMuvNh0cN+IgPuX9HGZgtUuvwsh+xCpDYdzZxBkr1upv/W/qTjJ1mFUhLhFq0L8N1lz+lbuePfLJKYDDzz5gZjF/e0eEBCfnL0U6pwq3HeBTJgtY02novbI3VBWptx92m+Fvr8uqLQiJrJ2JRKrPpSRDZ+dYogWtyj1LPts2EMCquhfbxbzEazud6cAH0JXZsoDo8Li9NdMknTx2u4wcoMduSUjE/PX9bR3hdqtaWxYS1KDDoHToQ55X4nLC51Zs0dUE2m5SyBqGMDaRgdbddVpKeGskDIxn/FNkG/or1SWc8EuFBNfSzpr9gd8X7c9K7TAra0U2Y/Ns6WpOHm9R6OWiqkqrbDr7iRW5ytqiQ+PulRTSIEWxpb5mxFAY9zIFpnler6DByCKneW7hcsg3ca6MsKnZDSX1Eu24mpqchFCn4dlMVX12RhErVXABjopYK97fWqWZXFh5Cp9tbq0O2daZ/lW6a15aIdvH1wigwr0xhUVVcd4L2D2gCs9R4J/I1Mu6bthOjLtOQkJd6rYP6SavDsBx12lr1CO76Xm+zOEBivoFDSqQjaCq1wZFaO9hjOKXOfGIsLPs3WwTktVIfMxljIRB4ue7nbFAd9clBW3hz1fVmwP3WRG+2WPMTeWfm+di/ZxKGO+exbsrZEaF/vPXK2YMXcZCwOy7dkBlfJZyTEVh9065mlhXgxhBrJ7oebYgQdHc/YwRInjfw3rLaT/S7XHHMvU2LCrCHST8pR+Mu+79H96SJUENwfu+ESgbSniXE/r5Z4QxhTvNDNrcUpjuNt/dhKVBcFV9v9MQ5/TBGhffdFq5BxPVuS0eO5bL7WMfVYofPYih1HE1rc7WKxnXFlXlZ3AdjgXu3qGRpAQCPuxye5eZhbUY0kBLDh9nuJPW5ypmtq2ZHWFmaH8+1wuInHswrA/GHVMwfGHuYOTZfjDuyhYHuz3XJsz48dKvtMV05CSmo5+Qqp6EVs8s2hoo3OAmtKVrTbBRYRhniGmo83JcTLu6l7ZuPKItWK/wVbf5d5E0vb0rup188kDM2nxHgJKRdbRd1pRsVzNoPclZSnWyS7yGjPVK8twwTVoRy0eyh2A1jDOz66u4tLiehrcQh3V73ExNfqBGYemgwPpm3LEGpq3G+WoLCTTIC4EJWtk0YXB3a2rg36B2XWnBm/4AM3xC7erjqgptaqzT1mJCwsclskku1M7gckHmSleggL7Y3WOcw35canRJxO2U19Ihw1ubYXO5vIAxAspYn6Qqp0cmulwhoao7usl2Qd5CODnMcEkan4K7kG46dGENX87owj4tsobT1sFZNVOFx7Wy2mSHxu1Xpvxs3XbkqjpCVdGM8GpVPUFVtxwAiuYtXR63d7uWvbMhYYPRyoQTiK+chWmSuypZhKwdbki/qBhs0eW0DHvbbOtemF4r3aHLpgvObsz1JcIsqVtCN1UX+E5kcj4di9Aww2VSC24nH4AOV1/LuCPSEiWWPdMLVd3PTVBZ0Dq6apeqrk0tNxMqSwrWkojCmhas+hdqZtvweQ4tpflmVpZWW4eYgK3U7ydIUY11Nh7eR+OeE3G7YInaOhzODLqd+XwuaGCdjU4zp8vj9opaXo+yGHi/2hIS0L58/v53VdXnq/eCFsekSKVwWRuF/h6X2NEJiTsL2mnMc9f1TJfK2DVXk6puxQcv5G72CMrA8oqo2K3jdvqTy4Tr5ZLkutY+VfJIFBmWnPN2bFvuQbC2V1yDXX3nO03qm2WdN3O4NCLUdu1wbUTMYihbtS9kUlAAGrJCH417RqQT9NkU5KWo6phIF+pXCwr9+gszujxur0jsCUukwvfsH1kTpJ6QYAD2e+7vEBA3qmquL4uFONMjKXyTm0wV7AZsux26Sz7tTLQiN4Z3Oe3WF6mvXELxIueygYa9XzjZshXA/nXcTnxGbnONyGLtprFAVcgH2Sc/2pqaPaZm5kxwT0X2h4V7u0u3hYCPLuFZgbnue3bmvc9Y3IHJCs+aF37Hl00uCD6q6qUFVfK4/10fN5+n70Vy/W9W1cLJiQvtzI74189vsbll17Duj9u7u/HZaWwRkvc9Bxetk1OGP/AUVlmGbhJIuntV9TxKTUyi0BZXp2l6bCSij8Ao9h+IzArcND7zpCitElrtWzntPx6KrQfRIc6MtEU/xcx6tdDANlU93XVsXY33bu8Ci2l84JKES863F59JyyVsuw430i2q+nWmFuPh3pwtIsLsMX8N4Z/diQJ6LCdH33sKAmPvVpWSoF0FFmyKtUSYWaMqvep3vqyq17tJGcL5dlU9gx1bH6IgGckixV1YfV2kOa7Sh+M+i3G4sFkoMvx+oapXMvUWSsYzjPNhTHtx2V3vJnuiDaHfbc7q4rjhIjwj0sHbVHUSY8tPUoFC/6fDXBPCP0Y6IhSyTERT/CLdCiEr8uXEQJ+nzxma0PcjAgK+zn3NzPulBwp56x1E4xEZjDfkuTq64mqiy8avc72o5KFDkoFfZWxigdvpmrLe95ysv8JAubiiRDSZe5m1JVc5AfGjiMAZznuymALKCwgUzW3fQm8oT9Eqio234SD/EclWGcEahrvo2nuD2v48xlvKXAtV1lrvyLhZD7NPZP4YxroLKA+PU/BlNUOHRSbK17g6X5XancZRVVi9b7ufj/SHcZvZQzlLOMCTczl7sb3CrKupTkDMjCzOVUovrdfMHqNE9Os/VwGSckczG2ixiBAIgtiEs6hC7n1eJ9WOu5rol/RrO7xON5NvJ/0OdEHtH5nQo24nFgqFwnAnrpPt91tYM4h8IQVcndbocKttXaPtei60tGLP/J9j7dCbwMysbqA9YAndHH552E36ctxM4tjMre1RB0yi2/H5GTBYd8d9dMVeZiE3thBQL+yM+iiDYqdW7OH0NlsIf9TMfErYgIITauzlqFLBG1sz+MUiC6RBzo60xPiGmfngdC+Y7eRXRMvcTjF8gPncWLq0mZ3HB7NIuOL6fN7MDqIFcn4kEOi5n+uuYw2MJlsjxDTnaS1UjFfGzM6la6+qoHuDbdexDvIxkSSB0UUxxG6Mm4rmWLoxq7YNwb3Hcp7rm1k33pfGsS6Nm8oqMtHwfpXdozepSOzQaufi3N7z8EWa2Yl0Jx1ClwlMGJzg6/R7LaQrAwOcYGZlL/dAdjlVERIwI72bbU6RJt8EWF8gkt4Gjfy0Goc5OaJRTuQypB4sjQrNKczK8cvXLsXMkGO/No9/B5WOV/h/bFvLzKaGrduZLIDg9yN81vBw30fLAT78MVz20V+HnzoXQaypYRFTI+6fthcXKsPMpjMF8lC6BB6mSw7PzdO8L1Pp2vuQmU0MhP/1tOBD9u3rcWNCMrNJ9H/vS0GUtbBZwvE9zHcNk+qaZrZXw2nGXce6NG6kMJsZMhiR5Xci5+LH+MxA8TK+k+uZ2bEVl32O0krfl0QCEzJ8rf/lNuNhPKuPzuc0l/EDYa1m5uMtiUSiBklIJFpGVadFsqBOZr3C2106h+E0uw90fzrSzJpY/CWRGNIULXWYSJRxYCSjC0IC/bs6ud55WIh0a0RATEkCIpFohmRJJNqCK9HNj7QAQfrmBajaN7MnG/5OZF2dxFjZ8hFf+v6dDDYnEkOJJCQSTa2LMDunczCyj65hDvdstu1o5TuGMaB9EF1csTblyBQ6aqBV+icS/ZkkJBKNwK6Vk1lzkcfrzLpYyIydh5jp8RItjyWc/FGNDWthNH82ZZV33hrPf2UMwteJJBKJNklCItEobKFxThcXrUJtysGsRE0kEg2ThESiUxlHaO9yXM21JOqAOpCTzcy38UgkEg2ShESiYzCOsDn72uxYt7FYhGfY4Oyigda2IZEYqCQhkegaXIhpM3bBXI9tRLD4DtaaQExjWRbBIbiNJmePsmvlIjaXRLujlLWUSCQSiUQikUgkEolEIpFIJBKJRCKRSCQSiUQiIUOE/wNWhM4JtwF+YAAAAABJRU5ErkJggg==") no-repeat left center / contain;
  display: inline-block;
  height: 20px;
  overflow: hidden;
  text-indent: -9999px;
  vertical-align: -5px;
  white-space: nowrap;
  width: 131px;
}

.article-body .cw-address {
  line-height: 1.65;
}

.cw-footer-text:empty {
  display: none;
}

.footer.cw-footer a,
.footer.cw-footer a:visited {
  color: #cbd5e1;
}

.footer.cw-footer a:hover,
.footer.cw-footer a:focus {
  color: #fff;
}

/* Sprachauswahl in der Kopfzeile (aus der Fußzeile verlegt, Sebastian, 2026-10-01): vor der Anmeldung, wie ein Eintrag der Navigation */
.cw-topbar .cw-lang {
  margin: 0 12px;
}

.cw-topbar .cw-lang .dropdown-toggle {
  color: var(--cw-text);
  font-weight: 500;
  white-space: nowrap;
}

.cw-topbar .cw-lang .dropdown-menu {
  min-width: 160px;
}

.menu-list-mobile .cw-lang-item a {
  color: var(--cw-muted);
}

/***** Auswahlmenüs *****/
.dropdown-toggle {
  color: #334155;
  font-weight: 500;
}

.dropdown-menu {
  border: 1px solid var(--cw-line);
  border-radius: var(--cw-radius-small);
  box-shadow: var(--cw-shadow-strong);
  margin-top: 6px;
  padding: 6px;
}

.dropdown-menu [role=menuitem],
.dropdown-menu [role=menuitemradio] {
  border-radius: 7px;
  color: #334155;
  padding: 8px 36px 8px 12px;
}

.dropdown-menu [role=menuitem]:hover,
.dropdown-menu [role=menuitem]:focus,
.dropdown-menu [role=menuitemradio]:hover,
.dropdown-menu [role=menuitemradio]:focus {
  background: var(--cw-surface);
  color: var(--cw-ink);
}

/***** Schilder und Angaben *****/
.status-label {
  border-radius: 999px;
  font-size: 12px;
  letter-spacing: 0.01em;
  padding: 3px 10px;
}

/* Zustände als helle Schilder mit dunkler Schrift statt voller Farbflächen */
.status-label,
.status-label:visited {
  background-color: #ecfdf5;
  color: #047857;
}

.status-label-pinned,
.status-label-featured {
  background: var(--cw-tint);
  color: var(--cw-brand);
}

.status-label-planned {
  background-color: #fffbeb;
  color: #b45309;
}

.status-label-not-planned,
.status-label-closed,
.status-label-solved {
  background-color: #f1f5f9;
  color: #475569;
}

.status-label-pending,
.status-label-pending-moderation {
  background-color: #e0f2fe;
  color: #0369a1;
}

.status-label-open {
  background-color: #fee2e2;
  color: #b91c1c;
}

.status-label-new {
  background-color: #fef3c7;
  color: #92400e;
}

.status-label-hold {
  background-color: #e2e8f0;
  color: #0f172a;
}

.status-label.status-label-official {
  background: var(--cw-brand);
  border-radius: 999px;
  color: #FFFFFF;
  margin: 0 0 14px;
  position: static;
  width: auto;
}

.meta-data {
  color: var(--cw-muted);
  font-size: 14px;
}

.avatar .icon-agent {
  color: var(--cw-brand);
}

/***** Formularfelder *****/
.form-header {
  font-size: 32px;
  letter-spacing: -0.025em;
  margin-bottom: 28px;
}

.form-field label {
  color: var(--cw-ink);
  font-size: 14px;
  font-weight: 600;
  margin-bottom: 6px;
}

.form-field input,
.form-field input[type=text],
.form-field .nesty-input,
.form-field .hc-multiselect-toggle,
.hbs-form textarea,
.hbs-form select {
  border: 1px solid #cbd5e1;
  border-radius: var(--cw-radius-small);
  font-size: 16px;
}

.form-field input,
.form-field input[type=text],
.hbs-form textarea {
  padding: 11px 14px;
}

.hbs-form select {
  color: var(--cw-ink);
  padding: 11px 34px 11px 14px;
}

.form-field input:focus,
.form-field input[type=text]:focus,
.form-field .nesty-input:focus,
.form-field .hc-multiselect-toggle:focus,
.hbs-form textarea:focus,
.hbs-form select:focus {
  border: 1px solid var(--cw-brand);
  box-shadow: 0 0 0 3px rgba(66, 99, 235, 0.16);
}

.form-field .optional,
.form-field p,
.content-tags-add-hint {
  color: var(--cw-muted);
}

.form footer {
  border-top: 1px solid var(--cw-line);
  margin-top: 32px;
  padding-top: 24px;
}

/***** Community: Kopfbereich *****/
.hero.community-hero {
  background-image:
    radial-gradient(900px 380px at 12% -10%, rgba(255, 255, 255, 0.16), rgba(255, 255, 255, 0) 60%),
    radial-gradient(700px 320px at 95% 110%, rgba(255, 255, 255, 0.12), rgba(255, 255, 255, 0) 60%),
    linear-gradient(135deg, #1E1B4B 0%, #4338CA 100%);
  margin-bottom: 0;
  padding-bottom: 68px;
}

@media (min-width: 768px) {
  .hero.community-hero {
    padding-bottom: 80px;
    padding-top: 76px;
  }
}

.community-hero + .container {
  margin-top: 28px;
}

.page-header.community-header {
  align-items: center;
}

.community-header .title {
  color: var(--cw-ink);
  font-size: 24px;
  font-weight: 700;
  letter-spacing: -0.015em;
}

.community-header .dropdown-toggle {
  color: var(--cw-ink);
}

.post-to-community .button-large,
.community-footer .button-large,
.post-sidebar .button-large {
  font-size: 15px;
  line-height: 2.9;
  min-width: 0;
  padding: 0 22px;
}

/* Seite eines Themas: Titelzeile, darunter Beschreibung und „Folgen“ */
.page-header:has(+ .community-header) {
  border-bottom: 0;
  margin-bottom: 0;
  padding-bottom: 6px;
}

div.community-header {
  align-items: center;
  border-bottom: 1px solid var(--cw-line);
  display: flex;
  flex-wrap: wrap;
  gap: 12px 20px;
  justify-content: space-between;
  margin-bottom: 22px;
  padding-bottom: 22px;
}

div.community-header .page-header-description {
  flex: 1 1 0;
  margin: 0;
  min-width: 240px;
}

.community-follow button {
  border-radius: 8px;
  font-size: 14px;
  font-weight: 600;
  line-height: 34px;
}

.topic-header {
  border-bottom: 0;
  font-size: 14px;
  padding-bottom: 0;
}

.topic-header .dropdown {
  background: #fff;
  border: 1px solid var(--cw-line);
  border-radius: 8px;
  display: inline-block;
  margin: 0;
  padding: 6px 12px;
}

/* Schmale Bildschirme: die Filter nebeneinander wie auf breiten, nicht als Zeilen mit Linie */
@media (max-width: 767px) {
  .topic-filters {
    display: flex;
    flex-wrap: wrap;
    gap: 8px;
  }
}

@media (min-width: 768px) {
  .topic-header {
    padding-bottom: 0;
  }

  .topic-header .dropdown {
    margin-right: 10px;
  }
}

.no-posts-with-filter {
  color: var(--cw-muted);
  margin: 0;
  padding: 22px 0;
}

/***** Community: Themen als Kacheln *****/
.blocks-list {
  display: grid;
  gap: 20px;
  grid-template-columns: repeat(auto-fit, minmax(280px, 1fr));
  margin: 0;
}

@media (min-width: 768px) {
  .blocks-list {
    margin: 0;
  }
}

.blocks-item {
  background: #fff;
  border: 1px solid var(--cw-line);
  border-radius: var(--cw-radius);
  box-shadow: var(--cw-shadow);
  color: var(--cw-ink);
  flex: initial;
  margin: 0;
  text-align: left;
  transition: transform 0.15s ease, box-shadow 0.15s ease, border-color 0.15s ease;
}

@media (min-width: 768px) {
  .blocks-item {
    margin: 0;
  }
}

.blocks-item:hover,
.blocks-item:focus,
.blocks-item:active,
.blocks-item:focus-within {
  background: #fff;
  border-color: #c7d2fe;
  box-shadow: var(--cw-shadow-strong);
  transform: translateY(-2px);
}

@media (prefers-reduced-motion: reduce) {
  .blocks-item {
    transition: none;
  }

  .blocks-item:hover,
  .blocks-item:focus,
  .blocks-item:active,
  .blocks-item:focus-within {
    transform: none;
  }
}

.blocks-item-internal {
  border-color: var(--cw-line);
}

.blocks-item:hover *,
.blocks-item:focus *,
.blocks-item:active * {
  color: inherit;
}

.blocks-item .blocks-item-link,
.blocks-item .blocks-item-link:visited {
  border-radius: var(--cw-radius);
  color: var(--cw-ink);
  justify-content: flex-start;
  padding: 90px 26px 20px;
  position: relative;
}

.blocks-item .blocks-item-link:focus {
  box-shadow: 0 0 0 3px rgba(66, 99, 235, 0.35);
}

.blocks-item-link::before {
  background: var(--cw-tint);
  border-radius: 12px;
  content: "";
  height: 46px;
  left: 26px;
  position: absolute;
  top: 26px;
  width: 46px;
}

.blocks-item-link::after {
  background: var(--cw-brand);
  content: "";
  height: 24px;
  left: 37px;
  -webkit-mask: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='1.8' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M4 5h16v11H9.5L4 20z'/%3E%3Cpath d='M8.5 9.5h7'/%3E%3Cpath d='M8.5 12.5h4.5'/%3E%3C/svg%3E") center / contain no-repeat;
  mask: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='1.8' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M4 5h16v11H9.5L4 20z'/%3E%3Cpath d='M8.5 9.5h7'/%3E%3Cpath d='M8.5 12.5h4.5'/%3E%3C/svg%3E") center / contain no-repeat;
  position: absolute;
  top: 37px;
  width: 24px;
}

.blocks-item .blocks-item-title,
.blocks-item:hover .blocks-item-title,
.blocks-item:focus-within .blocks-item-title {
  color: var(--cw-ink);
  font-size: 19px;
  font-weight: 650;
  letter-spacing: -0.015em;
}

.blocks-item:hover .blocks-item-title {
  color: var(--cw-brand);
}

.blocks-item .blocks-item-description,
.blocks-item:hover .blocks-item-description {
  color: var(--cw-muted);
  font-size: 15px;
}

.blocks-item .blocks-item-description:not(:empty) {
  margin: 6px 0 18px;
}

.topics-item .meta-group {
  border-top: 1px solid var(--cw-line);
  justify-content: flex-start;
  margin-top: auto;
  padding-top: 14px;
}

.blocks-item .meta-data,
.blocks-item:hover .meta-data {
  color: var(--cw-muted);
}

/***** Community: hervorgehobene Beiträge *****/
.community-featured-posts,
.community-activity {
  padding-top: 56px;
}

.section.community-featured-posts {
  margin-bottom: 0;
}

.community-featured-posts .title {
  color: var(--cw-ink);
  font-size: 22px;
  font-weight: 700;
  margin-bottom: 18px;
}

.promoted-articles {
  display: grid;
  gap: 12px;
  grid-template-columns: repeat(auto-fit, minmax(300px, 1fr));
}

.promoted-articles .promoted-articles-item,
.promoted-articles .promoted-articles-item:nth-child(3n) {
  align-self: stretch;
  padding: 0;
  width: auto;
}

.promoted-articles .promoted-articles-item a {
  height: 100%;
}

.promoted-articles .promoted-articles-item a,
.promoted-articles .promoted-articles-item a:visited,
.promoted-articles .promoted-articles-item:last-child a {
  align-items: center;
  background: #fff;
  border: 1px solid var(--cw-line);
  border-radius: var(--cw-radius-small);
  color: var(--cw-ink);
  display: flex;
  font-weight: 500;
  gap: 12px;
  justify-content: space-between;
  padding: 15px 18px;
}

.promoted-articles .promoted-articles-item a::after {
  color: #94a3b8;
  content: "\2192";
  flex: none;
}

.promoted-articles .promoted-articles-item a:hover,
.promoted-articles .promoted-articles-item a:focus {
  background: var(--cw-surface);
  border-color: #c7d2fe;
  color: var(--cw-brand);
  text-decoration: none;
}

/***** Letzte Aktivitäten *****/
.community-activity,
.activity {
  border-top: 0;
}

.recent-activity-header {
  color: var(--cw-ink);
  font-size: 22px;
  margin-bottom: 18px;
  text-align: left;
}

.recent-activity-list {
  background: #fff;
  border: 1px solid var(--cw-line);
  border-radius: var(--cw-radius);
  box-shadow: var(--cw-shadow);
  padding: 4px 26px;
}

.recent-activity-item {
  border-color: var(--cw-line);
  padding: 18px 0;
}

.recent-activity-item:last-child {
  border-bottom: 0;
}

.recent-activity-item-parent a,
.recent-activity-item-parent a:visited {
  color: var(--cw-muted);
  font-size: 14px;
  font-weight: 500;
}

.recent-activity-item-link,
.recent-activity-item-link:visited {
  color: var(--cw-ink);
  font-size: 16px;
  font-weight: 600;
}

.recent-activity-item-link:hover,
.recent-activity-item-link:focus {
  color: var(--cw-brand);
  text-decoration: none;
}

.recent-activity-item-meta {
  color: var(--cw-muted);
}

.recent-activity-controls a,
.recent-activity-controls a:visited {
  color: var(--cw-brand);
  font-size: 14px;
  font-weight: 600;
  text-decoration: none;
}

/***** Community: Aufruf am Seitenende *****/
.community-footer {
  background: var(--cw-tint);
  border: 1px solid #c7d2fe;
  border-radius: var(--cw-radius);
  margin-top: 56px;
  padding: 36px 24px;
}

.container .community-footer {
  max-width: none;
  width: auto;
}

/* Seite eines Themas: Der Aufruf steht hinter dem Inhaltsbereich statt in ihm und hält dessen Rand */
.container + .community-footer {
  margin-left: 5%;
  margin-right: 5%;
}

@media (min-width: 1160px) {
  .container + .community-footer {
    margin-left: auto;
    margin-right: auto;
  }
}

.community-footer-title {
  color: var(--cw-ink);
  font-size: 20px;
  margin-bottom: 18px;
}

/***** Listen von Beiträgen *****/
.striped-list {
  background: #fff;
  border: 1px solid var(--cw-line);
  border-radius: var(--cw-radius);
  box-shadow: var(--cw-shadow);
  margin-top: 18px;
  padding: 4px 26px;
}

.striped-list-item {
  border-color: var(--cw-line);
  padding: 20px 0;
}

.striped-list li:last-child .striped-list-item {
  border-bottom: 0;
}

.striped-list-title,
.striped-list-title:visited {
  color: var(--cw-ink);
  font-size: 17px;
  font-weight: 600;
}

.striped-list-title:hover,
.striped-list-title:focus,
.striped-list-title:active {
  color: var(--cw-brand);
  text-decoration: none;
}

.striped-list .meta-group {
  margin: 8px 0 0;
}

.striped-list-count {
  color: var(--cw-muted);
  font-size: 13px;
  text-transform: none;
}

@media (min-width: 768px) {
  .striped-list-count {
    flex: 0 0 220px;
    gap: 28px;
    justify-content: flex-end;
    text-align: center;
  }

  .striped-list-number {
    color: var(--cw-ink);
    font-size: 18px;
    font-weight: 700;
  }
}

/***** Community: einzelner Beitrag *****/
@media (min-width: 1024px) {
  .post-container {
    align-items: flex-start;
    gap: 48px;
  }

  .post {
    flex: 1 1 0;
    max-width: none;
    min-width: 0;
  }
}

.post-header {
  margin-bottom: 18px;
}

.post-title h1 {
  font-size: 32px;
  letter-spacing: -0.025em;
}

@media (min-width: 768px) {
  .post-title h1 {
    font-size: 38px;
  }
}

.post-header .status-label {
  vertical-align: middle;
}

.post-avatar {
  margin-bottom: 22px;
}

.post-meta a,
.post-meta a:visited,
.comment-meta a,
.comment-meta a:visited {
  color: var(--cw-ink);
  font-weight: 600;
}

.post-info-container {
  border-bottom: 1px solid var(--cw-line);
  margin-bottom: 0;
  padding-bottom: 32px;
}

.post-content,
.comment-body {
  line-height: 1.7;
}

.post-body {
  color: #334155;
  font-size: 17px;
}

.comment-body {
  color: #334155;
  font-size: 16px;
}

.post-body p,
.comment-body p {
  margin: 0 0 18px;
}

.post-body > :last-child,
.comment-body > :last-child {
  margin-bottom: 0;
}

.post-body a,
.post-body a:visited,
.comment-body a,
.comment-body a:visited {
  color: #4263EB;
  text-decoration: underline;
  text-decoration-color: #c7d2fe;
  text-underline-offset: 3px;
}

.post-body a:hover,
.post-body a:focus,
.comment-body a:hover,
.comment-body a:focus {
  text-decoration-color: currentColor;
}

.post-body img,
.comment-body img {
  border: 1px solid var(--cw-line);
  border-radius: 12px;
}

.post-body li,
.comment-body li {
  margin-bottom: 8px;
}

.post-body li::marker,
.comment-body li::marker {
  color: var(--cw-brand);
  font-weight: 600;
}

.post-body :not(pre) > code,
.comment-body :not(pre) > code {
  background: var(--cw-surface);
  border-color: var(--cw-line);
  border-radius: 6px;
  font-size: 0.88em;
  padding: 1px 6px;
}

.post-body pre,
.comment-body pre {
  background: #0f172a;
  border: 0;
  border-radius: var(--cw-radius-small);
  color: #e2e8f0;
  font-size: 14px;
  line-height: 1.6;
  padding: 16px 20px;
}

.post-body blockquote,
.comment-body blockquote {
  border-left: 3px solid var(--cw-line);
  color: #475569;
}

.post-footer {
  padding: 18px 0 0;
}

.vote {
  background: #fff;
  border: 1px solid var(--cw-line);
  border-radius: 12px;
  padding: 2px;
}

.vote-sum {
  color: var(--cw-ink);
  font-weight: 700;
  margin: 0;
}

.vote-up,
.vote-down {
  border-radius: 9px;
  color: var(--cw-muted);
}

.vote-up:hover,
.vote-down:hover {
  background: var(--cw-surface);
  color: var(--cw-brand);
}

.actions button {
  border-radius: 9px;
  color: var(--cw-muted);
}

.actions button:hover {
  background: var(--cw-surface);
  color: var(--cw-ink);
}

.post-sidebar {
  border-color: var(--cw-line);
}

@media (min-width: 1024px) {
  .post-sidebar {
    background: var(--cw-surface);
    border: 1px solid var(--cw-line);
    border-radius: var(--cw-radius);
    flex: 0 0 280px;
    padding: 26px;
    position: sticky;
    top: calc(var(--cw-header) + 28px);
  }

  [dir=rtl] .post-sidebar {
    padding: 26px;
  }
}

.post-sidebar-title {
  color: var(--cw-ink);
  font-size: 17px;
  letter-spacing: 0;
  margin-bottom: 16px;
}

/***** Kommentare *****/
.comment-overview {
  border-bottom: 1px solid var(--cw-line);
  border-top: 0;
  padding: 32px 0 18px;
}

.comment-heading {
  color: var(--cw-ink);
  font-size: 22px;
  font-weight: 700;
}

.comment-callout {
  color: var(--cw-muted);
  font-size: 14px;
}

.comment-sorter .dropdown-toggle {
  color: #334155;
  font-size: 14px;
}

.comment {
  border-color: var(--cw-line);
  padding: 24px 0;
}

.comment-author {
  margin-bottom: 14px;
}

.comment-wrapper.comment-official {
  background: var(--cw-tint);
  border: 1px solid #c7d2fe;
  border-radius: var(--cw-radius);
  padding: 22px;
}

@media (min-width: 768px) {
  .comment-wrapper.comment-official {
    padding-top: 22px;
  }
}

.comment-form {
  padding-top: 28px;
}


/***** Hervorgehobene Artikel in Listen: Megafon hinter dem Titel statt Stern davor *****/
/* Form: Font Awesome Free 7.3.1, bullhorn (CC BY 4.0, https://fontawesome.com/license/free) */
.article-list-item .icon-star {
  display: none;
}

.article-list-item.article-promoted .article-list-link::after {
  background-color: var(--cw-brand);
  content: "";
  display: inline-block;
  height: 0.85em;
  margin-left: 0.5em;
  -webkit-mask: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 512 512'%3E%3Cpath d='M461.2 18.9C472.7 24 480 35.4 480 48l0 416c0 12.6-7.3 24-18.8 29.1s-24.8 3.2-34.3-5.1l-46.6-40.7c-43.6-38.1-98.7-60.3-156.4-63l0 95.7c0 17.7-14.3 32-32 32l-32 0c-17.7 0-32-14.3-32-32l0-96C57.3 384 0 326.7 0 256S57.3 128 128 128l84.5 0c61.8-.2 121.4-22.7 167.9-63.3l46.6-40.7c9.4-8.3 22.9-10.2 34.3-5.1zM224 320l0 .2c70.3 2.7 137.8 28.5 192 73.4l0-275.3c-54.2 44.9-121.7 70.7-192 73.4L224 320z'/%3E%3C/svg%3E") center / contain no-repeat;
  mask: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 512 512'%3E%3Cpath d='M461.2 18.9C472.7 24 480 35.4 480 48l0 416c0 12.6-7.3 24-18.8 29.1s-24.8 3.2-34.3-5.1l-46.6-40.7c-43.6-38.1-98.7-60.3-156.4-63l0 95.7c0 17.7-14.3 32-32 32l-32 0c-17.7 0-32-14.3-32-32l0-96C57.3 384 0 326.7 0 256S57.3 128 128 128l84.5 0c61.8-.2 121.4-22.7 167.9-63.3l46.6-40.7c9.4-8.3 22.9-10.2 34.3-5.1zM224 320l0 .2c70.3 2.7 137.8 28.5 192 73.4l0-275.3c-54.2 44.9-121.7 70.7-192 73.4L224 320z'/%3E%3C/svg%3E") center / contain no-repeat;
  vertical-align: -0.06em;
  width: 0.85em;
}

/* Community für Besucher ohne Login: Hinweis, Login, Registrieren, Liste der Themen (community_topic_list_page.hbs) */
.cw-community-gate {
  background: #eef2ff;
  border: 1px solid #c7d2fe;
  border-radius: 12px;
  margin: 24px 0 40px;
  padding: 28px 24px;
  text-align: center;
}

.cw-community-gate-text {
  font-size: 17px;
  line-height: 1.6;
  margin: 0 auto 18px;
  max-width: 640px;
}

.cw-community-gate-actions {
  display: flex;
  flex-wrap: wrap;
  gap: 10px;
  justify-content: center;
  margin: 0;
}

.cw-community-gate-actions .button {
  background: #fff;
  border: 1px solid #cbd5e1;
  border-radius: 8px;
  color: var(--cw-ink);
  font-weight: 600;
  min-width: 150px;
  padding: 10px 18px;
}

.cw-community-gate-actions .button.button-primary {
  background: var(--cw-brand);
  border-color: var(--cw-brand);
  color: #fff;
}

.cw-community-gate-actions .button:hover,
.cw-community-gate-actions .button:focus {
  background: #f1f5f9;
  border-color: #94a3b8;
}

.cw-community-gate-actions .button.button-primary:hover,
.cw-community-gate-actions .button.button-primary:focus {
  background: #3b56d4;
  border-color: #3b56d4;
}