.toolbar-horizontal[data-toolbar-menu=''] .menu-header {
  color: rgba(0, 0, 0, 0);
}

/** get rid of the original admin toolbar **/
body > #toolbar-administration {
  display: none;
}

.toolbar .toolbar-bar .icon-home::before {
  mask-image: url("../static/home.svg");
  -webkit-mask-image: url("../static/home.svg");
}

.toolbar .toolbar-bar .icon-qd-logo::before {
  mask-image: url("../static/qd_logo.svg");
  -webkit-mask-image: url("../static/qd_logo.svg");
}

.toolbar-horizontal[data-toolbar-menu='open'] .icon-qd-logo::before {
  width: 96px;
  height: 96px;
  mask-size: 96px;
}

.toolbar .toolbar-bar .icon-val-designer::before {
  mask-image: url("../static/validation_designer.svg");
  -webkit-mask-image: url("../static/validation_designer.svg");
}

.toolbar .toolbar-bar .icon-val-perform::before {
  mask-image: url("../static/perform_validation.svg");
  -webkit-mask-image: url("../static/perform_validation.svg");
}

.toolbar .toolbar-bar .icon-ver-designer::before {
  mask-image: url("../static/verification_wizard.svg");
  -webkit-mask-image: url("../static/verification_wizard.svg");
}

.toolbar .toolbar-bar .icon-ver-perform::before {
  mask-image: url("../static/perform_verification.svg");
  -webkit-mask-image: url("../static/perform_verification.svg");
}

.toolbar .toolbar-bar .icon-logout::before {
  mask-image: url("../static/logout.svg");
  -webkit-mask-image: url("../static/logout.svg");
}

.toolbar .toolbar-bar .toolbar-icon-resources::before {
  mask-image: url("../static/resources.svg");
  -webkit-mask-image: url("../static/resources.svg");
}

body {
  font-family: Inter, -apple-system, "Segoe UI", Roboto, Oxygen-Sans, Ubuntu, Cantarell, "Helvetica Neue", sans-serif
}

.link-disabled {
  pointer-events: none;
  cursor: default;
  opacity: 0.6;
}

.card-disabled .card-title {
  color: #5a6268;
}

.link-disabled:hover {
  text-decoration: none;
}

/* ----- general rules ----- */
html, body, .toolbar {
  font-family: Verdana, Tahoma, "DejaVu Sans", "IBM Plex Sans", sans-serif;
  image-rendering: -webkit-optimize-contrast;
}

h1, h2, h3, h4, h5, .menu-header, .page-title {
  font-family: "Trebuchet MS", "IBM Plex Sans", Calibri, Verdana, Arial, Helvetica, sans-serif;
  color: #0e4d75;
}

.page-wrapper h1.page-title {
  font-size: 2.25rem;
  font-weight: bold;
}

.page-wrapper h5 {
  font-size: 1.25rem;
}

body::before {
  content: "";
  display: block;
  width: 100%;
  height: 0.2rem;
  position: fixed;
  top: 0;
  left: 0;
  z-index: 9999;
  background-image: linear-gradient(90deg, #fff, #a21007);
}

main {
  padding-bottom: 0;
}


@media (min-width: 976px) {
  .toolbar-menu-administration > .toolbar-menu > .menu-item > .toolbar-icon:hover, .toolbar-menu-administration > .toolbar-menu > .menu-item > .responsive-preview-icon:hover, .toolbar-menu-administration > .toolbar-menu > .menu-item > .toolbar-box > .toolbar-icon:hover, .toolbar-menu-administration > .toolbar-menu > .menu-item > .toolbar-box > .responsive-preview-icon:hover {
    color: black;
    background-color: transparent;
    text-decoration: underline;
  }
}

/* ----- sidebar ----- */
.toolbar-menu-administration {
  padding-top: 1rem;
  box-shadow: 1px 0 10px rgb(0 0 0 / 50%);
  -webkit-box-shadow: 1px 0 10px rgb(0 0 0 / 50%);
  -moz-box-shadow: 1px 0 10px rgb(0 0 0 / 50%);
}

.menu-header {
  font-size: 1rem;
  font-weight: bold;
  padding-left: 20px;
  margin: 1rem 8px 1px;
  overflow: hidden;
  text-overflow: clip;
  white-space: nowrap;
}

.toolbar-menu-administration > .toolbar-menu > .menu-item:hover > .toolbar-icon::after, .toolbar-menu-administration > .toolbar-menu > .menu-item:hover > .responsive-preview-icon::after, .toolbar-menu-administration > .toolbar-menu > .menu-item > .toolbar-icon:focus::after, .toolbar-menu-administration > .toolbar-menu > .menu-item > .responsive-preview-icon:focus::after, .toolbar-menu-administration > .toolbar-menu > .menu-item.hover-intent > .toolbar-icon::after, .toolbar-menu-administration > .toolbar-menu > .menu-item.hover-intent > .responsive-preview-icon::after {
  background-color: transparent;
}

[data-toolbar-menu=open] .toolbar-menu-administration > .toolbar-menu > .menu-item:not(.hover-intent) > .toolbar-icon::after, [data-toolbar-menu=open] .toolbar-menu-administration > .toolbar-menu > .menu-item:not(.hover-intent) > .responsive-preview-icon::after {
  display: none;
}

.toolbar-menu-administration > .toolbar-menu > .menu-item:hover > .toolbar-icon::before, .toolbar-menu-administration > .toolbar-menu > .menu-item:hover > .responsive-preview-icon::before, .toolbar-menu-administration > .toolbar-menu > .menu-item > .toolbar-icon:focus::before, .toolbar-menu-administration > .toolbar-menu > .menu-item > .responsive-preview-icon:focus::before, .toolbar-menu-administration > .toolbar-menu > .menu-item.hover-intent > .toolbar-icon::before, .toolbar-menu-administration > .toolbar-menu > .menu-item.hover-intent > .responsive-preview-icon::before {
  background: black;
}

a.toolbar-menu__trigger.trigger.is-active {
  background: url("https://quodata.de/sites/default/files/qd-logo-no-text.svg") 180px 10px/50px no-repeat border-box local;
}

.toolbar .toolbar-bar #toolbar-item-administration-tray a.toolbar-icon-admin-toolbar-tools-help.toolbar-icon-default::before {
  background: transparent url("/sites/default/files/public/logo_white.svg") center left/60px 60px no-repeat;
  height: 100px;
  width: 100%;
  -webkit-mask-box-image: none;
  -webkit-mask-image: none;
  color: transparent;
  margin-left: -10px;
}

.toolbar .toolbar-bar #toolbar-item-administration-tray a.toolbar-icon-admin-toolbar-tools-help.toolbar-icon-default:hover::before {
  background: transparent url("/sites/default/files/public/logo_white.svg") center left/60px 60px no-repeat;
}

.menu-item:last-of-type {
  margin-bottom: 0.5rem;
}

@media (min-width: 976px) {
  .toolbar-fixed[data-toolbar-menu=open] {
    padding-left: 260px;
  }

  [data-toolbar-menu=open] .toolbar-menu-administration {
    width: 260px;
  }

  .toolbar .toolbar-bar #toolbar-item-administration-search:hover::before, .toolbar .toolbar-bar .toolbar-menu-administration .toolbar-icon:hover::before, .toolbar .toolbar-bar .toolbar-menu-administration .responsive-preview-icon:hover::before, .toolbar .toolbar-bar .toolbar-tab > .toolbar-icon-edit.toolbar-item:hover::before, .toolbar .toolbar-bar .toolbar-icon-toggle-vertical:hover::before, .toolbar .toolbar-bar .toolbar-icon-toggle-horizontal:hover::before {
    background: black;
  }
}

.toolbar-menu-administration > .toolbar-menu > .menu-item:hover > .toolbar-icon:focus::after, .toolbar-menu-administration > .toolbar-menu > .menu-item > .toolbar-icon:focus:focus::after, .toolbar-menu-administration > .toolbar-menu > .menu-item > .responsive-preview-icon:focus:focus::after, .toolbar-menu-administration > .toolbar-menu > .menu-item.hover-intent > .toolbar-icon:focus::after {
  display: none;
}


/* ----- content ----- */
.region-sticky {
  background: #fff;
  -moz-backdrop-filler: none;
  -webkit-backdrop-filter: none;
  backdrop-filter: none;
  min-height: 116px;
  -webkit-box-shadow: 0 10px 20px -16px rgb(0 0 0 / 40%);
  box-shadow: 0 10px 20px -16px rgb(0 0 0 / 40%);
}

.region-sticky__items {
  background: url("https://quodata.de/sites/default/files/qd-logo.svg") right top/100px no-repeat border-box local;
}

.massages__title {
  color: #aa2816;
}

.messages.messages--warning {
  color: #aa2816;
  background-color: #fff;
  border: 3px solid #aa2816;
}

.messages.messages--warning .messages__header:before {
  background-color: #aa2816;
}

.messages .button--dismiss .icon-close {
  background-color: rgba(0, 0, 0, 0.5);
}

.messages .button--dismiss:hover:not(:focus) {
  border-color: rgba(0, 0, 0, 0.5) !important;
}


hr {
  margin-top: 1.5rem;
  margin-bottom: 1.5rem;
  border: 0;
  border-top: 1px solid rgba(38, 39, 48, 0.2);
  background: transparent;
}
.page-content .w-100 {
  width: auto;
}
.btn.qd_link {
  background-color: #f3f3f3;
  width: auto;
  height: auto;
  border-radius: 0.25rem;
  font-size: 1rem;
  color: rgb(38, 39, 48);
  bottom: 1.25rem;
  left: 15%;
  right: 15%;
  border: 1px solid rgba(38, 39, 48, 0.2);
  white-space: normal;
}

.btn.qd_link:hover {
  border-color: #0e4d75;
  color: #0e4d75;
  transition: 0.3s;
}

.btn.qd_link:active {
  color: #fff;
  border-color: #0e4d75;
  background-color: #0e4d75;
}

.btn.qd_link:focus:not(:active) {
  border-color: #0e4d75;
  color: #0e4d75;
  box-shadow: 0 0 0 0.2rem rgba(14, 77, 117, 0.5);
}

/* ----- content tiles ----- */
.tile {
  filter: none !important;
  box-shadow: 2px 5px 10px rgba(0, 0, 0, 0.2);
  -webkit-box-shadow: 2px 5px 10px rgba(0, 0, 0, 0.2);
  -moz-box-shadow: 2px 5px 10px rgba(0, 0, 0, 0.2);
}

.tile:hover {
  box-shadow: 2px 5px 10px rgba(0, 0, 0, 0.5);
  -webkit-box-shadow: 2px 5px 10px rgba(0, 0, 0, 0.5);
  -moz-box-shadow: 2px 5px 10px rgba(0, 0, 0, 0.5);
  transition: 0.3s;
}

.page-wrapper *:focus, .ui-dialog *:focus, .dropbutton .dropbutton__item > *:focus, .dropbutton .dropbutton__item > *:focus:hover, .dropbutton__items > .dropbutton__item:first-of-type > *:focus, .dropbutton__items > .dropbutton__item:first-of-type ~ .dropbutton__item > *:focus, .dropbutton__items > .dropbutton__item:first-of-type ~ .dropbutton__item > *:focus:hover, .form-boolean:focus:active, .form-boolean:focus:hover, .cke.cke_chrome.cke_focus, .horizontal-tabs ul.horizontal-tabs-list li.horizontal-tab-button a:focus, .form-element.error:hover:focus, .form-actions .action-link:focus, .paragraphs-tabs-wrapper .field-multiple-table .draggable.drag, .layout-paragraphs-field .layout-paragraphs-actions input.layout-paragraphs-edit:focus, .layout-paragraphs-field .layout-paragraphs-actions input.layout-paragraphs-remove:focus {
  box-shadow: none;
  -webkit-box-shadow: none;
  -moz-box-shadow: none;
}

.card-body.card-button {
  padding-bottom: 4.25rem;
}

.download-block {
  display: inline-block;
  width: 100%;
  vertical-align: top;
}

@media (min-width: 976px) {
  .toolbar-meta .toolbar-bar .toolbar-tab .toolbar-item:focus, .toolbar-meta .toolbar-bar .toolbar-tab .toolbar-item:hover:focus {
    box-shadow: none;
    -webkit-box-shadow: none;
    -moz-box-shadow: none;
  }
}


/*Von Patrick*/
:root {
  --primary: #3d405b;
  --primary-light: #9e9fad;
  --secondary: #e07a5f;
  --secondary-light: #efbcaf;
  --accent: #f4f1de;
}

body::before {
  background-image: linear-gradient(90deg, var(--secondary), #fff);
}

body {
  background: var(--accent);
}

h1, h3, h5, .menu-header, .page-title {
  color: var(--secondary);
}

h2, h4 {
  color: var(--primary);
}

.toolbar-menu-administration, div.user-form-page__user-form {
  background-color: var(--primary);
}

.toolbar-menu-administration > .toolbar-menu {
  background: transparent;
}

.toolbar-menu-administration > .toolbar-menu > .menu-item > .toolbar-icon,
div.user-form-page__user-form, div.user-form-page__user-form .form-item .description {
  color: #fff;
}

div.user-form-page__user-form .forgot-password-link {
  text-decoration: underline;
  color: #fff;
}

.toolbar .toolbar-bar .toolbar-menu-administration .toolbar-icon::before {
  background: #fff;
}

.toolbar-menu-administration > .toolbar-menu > .menu-item > .toolbar-icon:hover {
  color: var(--secondary);
}

.toolbar .toolbar-bar .toolbar-menu-administration .toolbar-icon:hover::before {
  background: var(--secondary);
}

a.toolbar-menu__trigger.trigger.is-active {
  background: none;
  color: #fff;
}

.btn.qd_link:hover {
  border-color: var(--secondary);
  transition: 0.3s;
  background: var(--accent);
}

.btn.qd_link:focus:not(:active) {
  border-color: var(--primary-light);
  color: #fff;
  box-shadow: 0 0 0 0.2rem var(--primary-light);
}

.btn.qd_link:active {
  color: #fff;
  border-color: var(--primary-light);
  background-color: var(--primary-light);
}

a:hover, a:hover span {
  color: var(--secondary);
}

.region-sticky {
  background-color: var(--accent);
}

/* Für Validation Designer, Gin SVG styles entfernen */
div#root svg path, div#root svg path:hover, div#root svg path:active {
  fill: unset;
}

.toolbar-horizontal .toolbar-tray .menu-item a:hover, .toolbar-horizontal .toolbar-tray .menu-item a:focus {
  color: var(--secondary);
}

.toolbar-meta .toolbar-bar .toolbar-tab .toolbar-tray a {
  color: var(--primary);
}

.toolbar-meta .toolbar-bar .toolbar-tab .toolbar-tray a:hover, .toolbar-meta .toolbar-bar .toolbar-tab .toolbar-tray a:active {
  background-color: var(--secondary);
}

.btn.qd_link:hover {
  color: var(--primary);
}


summary {
  color: var(--primary);
}