@charset "UTF-8";
/* Bulma Utilities */
.button, .pagination-previous,
.pagination-next,
.pagination-link,
.pagination-ellipsis, .input, .textarea, .select select, .file-cta,
.file-name {
  -moz-appearance: none;
  -webkit-appearance: none;
  align-items: center;
  border: 1px solid transparent;
  border-radius: 4px;
  box-shadow: none;
  display: inline-flex;
  font-size: 1rem;
  height: 2.5em;
  justify-content: flex-start;
  line-height: 1.5;
  padding-bottom: calc(0.5em - 1px);
  padding-left: calc(0.75em - 1px);
  padding-right: calc(0.75em - 1px);
  padding-top: calc(0.5em - 1px);
  position: relative;
  vertical-align: top;
}

.button:focus, .pagination-previous:focus,
.pagination-next:focus,
.pagination-link:focus,
.pagination-ellipsis:focus, .input:focus, .textarea:focus, .select select:focus, .file-cta:focus,
.file-name:focus, .is-focused.button, .is-focused.pagination-previous,
.is-focused.pagination-next,
.is-focused.pagination-link,
.is-focused.pagination-ellipsis, .is-focused.input, .is-focused.textarea, .select select.is-focused, .is-focused.file-cta,
.is-focused.file-name, .button:active, .pagination-previous:active,
.pagination-next:active,
.pagination-link:active,
.pagination-ellipsis:active, .input:active, .textarea:active, .select select:active, .file-cta:active,
.file-name:active, .is-active.button, .is-active.pagination-previous,
.is-active.pagination-next,
.is-active.pagination-link,
.is-active.pagination-ellipsis, .is-active.input, .is-active.textarea, .select select.is-active, .is-active.file-cta,
.is-active.file-name {
  outline: none;
}

.button[disabled], .pagination-previous[disabled],
.pagination-next[disabled],
.pagination-link[disabled],
.pagination-ellipsis[disabled], .input[disabled], .textarea[disabled], .select select[disabled], .file-cta[disabled],
.file-name[disabled],
fieldset[disabled] .button,
fieldset[disabled] .pagination-previous,
fieldset[disabled] .pagination-next,
fieldset[disabled] .pagination-link,
fieldset[disabled] .pagination-ellipsis,
fieldset[disabled] .input,
fieldset[disabled] .textarea,
fieldset[disabled] .select select,
.select fieldset[disabled] select,
fieldset[disabled] .file-cta,
fieldset[disabled] .file-name {
  cursor: not-allowed;
}

.button, .breadcrumb, .pagination-previous,
.pagination-next,
.pagination-link,
.pagination-ellipsis, .tabs, .file, .is-unselectable {
  -webkit-touch-callout: none;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
}

.navbar-link:not(.is-arrowless)::after, .select:not(.is-multiple):not(.is-loading)::after {
  border: 3px solid transparent;
  border-radius: 2px;
  border-right: 0;
  border-top: 0;
  content: " ";
  display: block;
  height: 0.625em;
  margin-top: -0.4375em;
  pointer-events: none;
  position: absolute;
  top: 50%;
  transform: rotate(-45deg);
  transform-origin: center;
  width: 0.625em;
}

.box:not(:last-child), .content:not(:last-child), .notification:not(:last-child), .progress:not(:last-child), .table:not(:last-child), .table-container:not(:last-child), .title:not(:last-child),
.subtitle:not(:last-child), .block:not(:last-child), .breadcrumb:not(:last-child), .level:not(:last-child), .message:not(:last-child), .pagination:not(:last-child), .tabs:not(:last-child) {
  margin-bottom: 1.5rem;
}

.delete, .modal-close {
  -webkit-touch-callout: none;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
  -moz-appearance: none;
  -webkit-appearance: none;
  background-color: rgba(10, 10, 10, 0.2);
  border: none;
  border-radius: 9999px;
  cursor: pointer;
  pointer-events: auto;
  display: inline-block;
  flex-grow: 0;
  flex-shrink: 0;
  font-size: 0;
  height: 20px;
  max-height: 20px;
  max-width: 20px;
  min-height: 20px;
  min-width: 20px;
  outline: none;
  position: relative;
  vertical-align: top;
  width: 20px;
}

.delete::before, .modal-close::before, .delete::after, .modal-close::after {
  background-color: white;
  content: "";
  display: block;
  left: 50%;
  position: absolute;
  top: 50%;
  transform: translateX(-50%) translateY(-50%) rotate(45deg);
  transform-origin: center center;
}

.delete::before, .modal-close::before {
  height: 2px;
  width: 50%;
}

.delete::after, .modal-close::after {
  height: 50%;
  width: 2px;
}

.delete:hover, .modal-close:hover, .delete:focus, .modal-close:focus {
  background-color: rgba(10, 10, 10, 0.3);
}

.delete:active, .modal-close:active {
  background-color: rgba(10, 10, 10, 0.4);
}

.is-small.delete, .is-small.modal-close {
  height: 16px;
  max-height: 16px;
  max-width: 16px;
  min-height: 16px;
  min-width: 16px;
  width: 16px;
}

.is-medium.delete, .is-medium.modal-close {
  height: 24px;
  max-height: 24px;
  max-width: 24px;
  min-height: 24px;
  min-width: 24px;
  width: 24px;
}

.is-large.delete, .is-large.modal-close {
  height: 32px;
  max-height: 32px;
  max-width: 32px;
  min-height: 32px;
  min-width: 32px;
  width: 32px;
}

.button.is-loading::after, .loader, .select.is-loading::after, .control.is-loading::after {
  animation: spinAround 500ms infinite linear;
  border: 2px solid #dbdbdb;
  border-radius: 9999px;
  border-right-color: transparent;
  border-top-color: transparent;
  content: "";
  display: block;
  height: 1em;
  position: relative;
  width: 1em;
}

.hero-video, .image.is-square img,
.image.is-square .has-ratio, .image.is-1by1 img,
.image.is-1by1 .has-ratio, .image.is-5by4 img,
.image.is-5by4 .has-ratio, .image.is-4by3 img,
.image.is-4by3 .has-ratio, .image.is-3by2 img,
.image.is-3by2 .has-ratio, .image.is-5by3 img,
.image.is-5by3 .has-ratio, .image.is-16by9 img,
.image.is-16by9 .has-ratio, .image.is-2by1 img,
.image.is-2by1 .has-ratio, .image.is-3by1 img,
.image.is-3by1 .has-ratio, .image.is-4by5 img,
.image.is-4by5 .has-ratio, .image.is-3by4 img,
.image.is-3by4 .has-ratio, .image.is-2by3 img,
.image.is-2by3 .has-ratio, .image.is-3by5 img,
.image.is-3by5 .has-ratio, .image.is-9by16 img,
.image.is-9by16 .has-ratio, .image.is-1by2 img,
.image.is-1by2 .has-ratio, .image.is-1by3 img,
.image.is-1by3 .has-ratio, .modal, .modal-background, .is-overlay {
  bottom: 0;
  left: 0;
  position: absolute;
  right: 0;
  top: 0;
}

.navbar-burger {
  -moz-appearance: none;
  -webkit-appearance: none;
  appearance: none;
  background: none;
  border: none;
  color: currentColor;
  font-family: inherit;
  font-size: 1em;
  margin: 0;
  padding: 0;
}

/* Bulma Base */
/*! minireset.css v0.0.6 | MIT License | github.com/jgthms/minireset.css */
html,
body,
p,
ol,
ul,
li,
dl,
dt,
dd,
blockquote,
figure,
fieldset,
legend,
textarea,
pre,
iframe,
hr,
h1,
h2,
h3,
h4,
h5,
h6 {
  margin: 0;
  padding: 0;
}

h1,
h2,
h3,
h4,
h5,
h6 {
  font-size: 100%;
  font-weight: normal;
}

ul {
  list-style: none;
}

button,
input,
select,
textarea {
  margin: 0;
}

html {
  box-sizing: border-box;
}

*, *::before, *::after {
  box-sizing: inherit;
}

img,
video {
  height: auto;
  max-width: 100%;
}

iframe {
  border: 0;
}

table {
  border-collapse: collapse;
  border-spacing: 0;
}

td,
th {
  padding: 0;
}

td:not([align]),
th:not([align]) {
  text-align: inherit;
}

html {
  background-color: white;
  font-size: 16px;
  -moz-osx-font-smoothing: grayscale;
  -webkit-font-smoothing: antialiased;
  min-width: 300px;
  overflow-x: hidden;
  overflow-y: scroll;
  text-rendering: optimizeLegibility;
  text-size-adjust: 100%;
}

article,
aside,
figure,
footer,
header,
hgroup,
section {
  display: block;
}

body,
button,
input,
optgroup,
select,
textarea {
  font-family: BlinkMacSystemFont, -apple-system, "Segoe UI", "Roboto", "Oxygen", "Ubuntu", "Cantarell", "Fira Sans", "Droid Sans", "Helvetica Neue", "Helvetica", "Arial", sans-serif;
}

code,
pre {
  -moz-osx-font-smoothing: auto;
  -webkit-font-smoothing: auto;
  font-family: monospace;
}

body {
  color: #4a4a4a;
  font-size: 1em;
  font-weight: 400;
  line-height: 1.5;
}

a {
  color: #485fc7;
  cursor: pointer;
  text-decoration: none;
}

a strong {
  color: currentColor;
}

a:hover {
  color: #363636;
}

code {
  background-color: whitesmoke;
  color: #da1039;
  font-size: 0.875em;
  font-weight: normal;
  padding: 0.25em 0.5em 0.25em;
}

hr {
  background-color: whitesmoke;
  border: none;
  display: block;
  height: 2px;
  margin: 1.5rem 0;
}

img {
  height: auto;
  max-width: 100%;
}

input[type="checkbox"],
input[type="radio"] {
  vertical-align: baseline;
}

small {
  font-size: 0.875em;
}

span {
  font-style: inherit;
  font-weight: inherit;
}

strong {
  color: #363636;
  font-weight: 700;
}

fieldset {
  border: none;
}

pre {
  -webkit-overflow-scrolling: touch;
  background-color: whitesmoke;
  color: #4a4a4a;
  font-size: 0.875em;
  overflow-x: auto;
  padding: 1.25rem 1.5rem;
  white-space: pre;
  word-wrap: normal;
}

pre code {
  background-color: transparent;
  color: currentColor;
  font-size: 1em;
  padding: 0;
}

table td,
table th {
  vertical-align: top;
}

table td:not([align]),
table th:not([align]) {
  text-align: inherit;
}

table th {
  color: #363636;
}

@keyframes spinAround {
  from {
    transform: rotate(0deg);
  }
  to {
    transform: rotate(359deg);
  }
}

/* Bulma Grid */
.column {
  display: block;
  flex-basis: 0;
  flex-grow: 1;
  flex-shrink: 1;
  padding: 0.75rem;
}

.columns.is-mobile > .column.is-narrow {
  flex: none;
  width: unset;
}

.columns.is-mobile > .column.is-full {
  flex: none;
  width: 100%;
}

.columns.is-mobile > .column.is-three-quarters {
  flex: none;
  width: 75%;
}

.columns.is-mobile > .column.is-two-thirds {
  flex: none;
  width: 66.6666%;
}

.columns.is-mobile > .column.is-half {
  flex: none;
  width: 50%;
}

.columns.is-mobile > .column.is-one-third {
  flex: none;
  width: 33.3333%;
}

.columns.is-mobile > .column.is-one-quarter {
  flex: none;
  width: 25%;
}

.columns.is-mobile > .column.is-one-fifth {
  flex: none;
  width: 20%;
}

.columns.is-mobile > .column.is-two-fifths {
  flex: none;
  width: 40%;
}

.columns.is-mobile > .column.is-three-fifths {
  flex: none;
  width: 60%;
}

.columns.is-mobile > .column.is-four-fifths {
  flex: none;
  width: 80%;
}

.columns.is-mobile > .column.is-offset-three-quarters {
  margin-left: 75%;
}

.columns.is-mobile > .column.is-offset-two-thirds {
  margin-left: 66.6666%;
}

.columns.is-mobile > .column.is-offset-half {
  margin-left: 50%;
}

.columns.is-mobile > .column.is-offset-one-third {
  margin-left: 33.3333%;
}

.columns.is-mobile > .column.is-offset-one-quarter {
  margin-left: 25%;
}

.columns.is-mobile > .column.is-offset-one-fifth {
  margin-left: 20%;
}

.columns.is-mobile > .column.is-offset-two-fifths {
  margin-left: 40%;
}

.columns.is-mobile > .column.is-offset-three-fifths {
  margin-left: 60%;
}

.columns.is-mobile > .column.is-offset-four-fifths {
  margin-left: 80%;
}

.columns.is-mobile > .column.is-0 {
  flex: none;
  width: 0%;
}

.columns.is-mobile > .column.is-offset-0 {
  margin-left: 0%;
}

.columns.is-mobile > .column.is-1 {
  flex: none;
  width: 8.33333%;
}

.columns.is-mobile > .column.is-offset-1 {
  margin-left: 8.33333%;
}

.columns.is-mobile > .column.is-2 {
  flex: none;
  width: 16.66667%;
}

.columns.is-mobile > .column.is-offset-2 {
  margin-left: 16.66667%;
}

.columns.is-mobile > .column.is-3 {
  flex: none;
  width: 25%;
}

.columns.is-mobile > .column.is-offset-3 {
  margin-left: 25%;
}

.columns.is-mobile > .column.is-4 {
  flex: none;
  width: 33.33333%;
}

.columns.is-mobile > .column.is-offset-4 {
  margin-left: 33.33333%;
}

.columns.is-mobile > .column.is-5 {
  flex: none;
  width: 41.66667%;
}

.columns.is-mobile > .column.is-offset-5 {
  margin-left: 41.66667%;
}

.columns.is-mobile > .column.is-6 {
  flex: none;
  width: 50%;
}

.columns.is-mobile > .column.is-offset-6 {
  margin-left: 50%;
}

.columns.is-mobile > .column.is-7 {
  flex: none;
  width: 58.33333%;
}

.columns.is-mobile > .column.is-offset-7 {
  margin-left: 58.33333%;
}

.columns.is-mobile > .column.is-8 {
  flex: none;
  width: 66.66667%;
}

.columns.is-mobile > .column.is-offset-8 {
  margin-left: 66.66667%;
}

.columns.is-mobile > .column.is-9 {
  flex: none;
  width: 75%;
}

.columns.is-mobile > .column.is-offset-9 {
  margin-left: 75%;
}

.columns.is-mobile > .column.is-10 {
  flex: none;
  width: 83.33333%;
}

.columns.is-mobile > .column.is-offset-10 {
  margin-left: 83.33333%;
}

.columns.is-mobile > .column.is-11 {
  flex: none;
  width: 91.66667%;
}

.columns.is-mobile > .column.is-offset-11 {
  margin-left: 91.66667%;
}

.columns.is-mobile > .column.is-12 {
  flex: none;
  width: 100%;
}

.columns.is-mobile > .column.is-offset-12 {
  margin-left: 100%;
}

@media screen and (max-width: 768px) {
  .column.is-narrow-mobile {
    flex: none;
    width: unset;
  }
  .column.is-full-mobile {
    flex: none;
    width: 100%;
  }
  .column.is-three-quarters-mobile {
    flex: none;
    width: 75%;
  }
  .column.is-two-thirds-mobile {
    flex: none;
    width: 66.6666%;
  }
  .column.is-half-mobile {
    flex: none;
    width: 50%;
  }
  .column.is-one-third-mobile {
    flex: none;
    width: 33.3333%;
  }
  .column.is-one-quarter-mobile {
    flex: none;
    width: 25%;
  }
  .column.is-one-fifth-mobile {
    flex: none;
    width: 20%;
  }
  .column.is-two-fifths-mobile {
    flex: none;
    width: 40%;
  }
  .column.is-three-fifths-mobile {
    flex: none;
    width: 60%;
  }
  .column.is-four-fifths-mobile {
    flex: none;
    width: 80%;
  }
  .column.is-offset-three-quarters-mobile {
    margin-left: 75%;
  }
  .column.is-offset-two-thirds-mobile {
    margin-left: 66.6666%;
  }
  .column.is-offset-half-mobile {
    margin-left: 50%;
  }
  .column.is-offset-one-third-mobile {
    margin-left: 33.3333%;
  }
  .column.is-offset-one-quarter-mobile {
    margin-left: 25%;
  }
  .column.is-offset-one-fifth-mobile {
    margin-left: 20%;
  }
  .column.is-offset-two-fifths-mobile {
    margin-left: 40%;
  }
  .column.is-offset-three-fifths-mobile {
    margin-left: 60%;
  }
  .column.is-offset-four-fifths-mobile {
    margin-left: 80%;
  }
  .column.is-0-mobile {
    flex: none;
    width: 0%;
  }
  .column.is-offset-0-mobile {
    margin-left: 0%;
  }
  .column.is-1-mobile {
    flex: none;
    width: 8.33333%;
  }
  .column.is-offset-1-mobile {
    margin-left: 8.33333%;
  }
  .column.is-2-mobile {
    flex: none;
    width: 16.66667%;
  }
  .column.is-offset-2-mobile {
    margin-left: 16.66667%;
  }
  .column.is-3-mobile {
    flex: none;
    width: 25%;
  }
  .column.is-offset-3-mobile {
    margin-left: 25%;
  }
  .column.is-4-mobile {
    flex: none;
    width: 33.33333%;
  }
  .column.is-offset-4-mobile {
    margin-left: 33.33333%;
  }
  .column.is-5-mobile {
    flex: none;
    width: 41.66667%;
  }
  .column.is-offset-5-mobile {
    margin-left: 41.66667%;
  }
  .column.is-6-mobile {
    flex: none;
    width: 50%;
  }
  .column.is-offset-6-mobile {
    margin-left: 50%;
  }
  .column.is-7-mobile {
    flex: none;
    width: 58.33333%;
  }
  .column.is-offset-7-mobile {
    margin-left: 58.33333%;
  }
  .column.is-8-mobile {
    flex: none;
    width: 66.66667%;
  }
  .column.is-offset-8-mobile {
    margin-left: 66.66667%;
  }
  .column.is-9-mobile {
    flex: none;
    width: 75%;
  }
  .column.is-offset-9-mobile {
    margin-left: 75%;
  }
  .column.is-10-mobile {
    flex: none;
    width: 83.33333%;
  }
  .column.is-offset-10-mobile {
    margin-left: 83.33333%;
  }
  .column.is-11-mobile {
    flex: none;
    width: 91.66667%;
  }
  .column.is-offset-11-mobile {
    margin-left: 91.66667%;
  }
  .column.is-12-mobile {
    flex: none;
    width: 100%;
  }
  .column.is-offset-12-mobile {
    margin-left: 100%;
  }
}

@media screen and (min-width: 769px), print {
  .column.is-narrow, .column.is-narrow-tablet {
    flex: none;
    width: unset;
  }
  .column.is-full, .column.is-full-tablet {
    flex: none;
    width: 100%;
  }
  .column.is-three-quarters, .column.is-three-quarters-tablet {
    flex: none;
    width: 75%;
  }
  .column.is-two-thirds, .column.is-two-thirds-tablet {
    flex: none;
    width: 66.6666%;
  }
  .column.is-half, .column.is-half-tablet {
    flex: none;
    width: 50%;
  }
  .column.is-one-third, .column.is-one-third-tablet {
    flex: none;
    width: 33.3333%;
  }
  .column.is-one-quarter, .column.is-one-quarter-tablet {
    flex: none;
    width: 25%;
  }
  .column.is-one-fifth, .column.is-one-fifth-tablet {
    flex: none;
    width: 20%;
  }
  .column.is-two-fifths, .column.is-two-fifths-tablet {
    flex: none;
    width: 40%;
  }
  .column.is-three-fifths, .column.is-three-fifths-tablet {
    flex: none;
    width: 60%;
  }
  .column.is-four-fifths, .column.is-four-fifths-tablet {
    flex: none;
    width: 80%;
  }
  .column.is-offset-three-quarters, .column.is-offset-three-quarters-tablet {
    margin-left: 75%;
  }
  .column.is-offset-two-thirds, .column.is-offset-two-thirds-tablet {
    margin-left: 66.6666%;
  }
  .column.is-offset-half, .column.is-offset-half-tablet {
    margin-left: 50%;
  }
  .column.is-offset-one-third, .column.is-offset-one-third-tablet {
    margin-left: 33.3333%;
  }
  .column.is-offset-one-quarter, .column.is-offset-one-quarter-tablet {
    margin-left: 25%;
  }
  .column.is-offset-one-fifth, .column.is-offset-one-fifth-tablet {
    margin-left: 20%;
  }
  .column.is-offset-two-fifths, .column.is-offset-two-fifths-tablet {
    margin-left: 40%;
  }
  .column.is-offset-three-fifths, .column.is-offset-three-fifths-tablet {
    margin-left: 60%;
  }
  .column.is-offset-four-fifths, .column.is-offset-four-fifths-tablet {
    margin-left: 80%;
  }
  .column.is-0, .column.is-0-tablet {
    flex: none;
    width: 0%;
  }
  .column.is-offset-0, .column.is-offset-0-tablet {
    margin-left: 0%;
  }
  .column.is-1, .column.is-1-tablet {
    flex: none;
    width: 8.33333%;
  }
  .column.is-offset-1, .column.is-offset-1-tablet {
    margin-left: 8.33333%;
  }
  .column.is-2, .column.is-2-tablet {
    flex: none;
    width: 16.66667%;
  }
  .column.is-offset-2, .column.is-offset-2-tablet {
    margin-left: 16.66667%;
  }
  .column.is-3, .column.is-3-tablet {
    flex: none;
    width: 25%;
  }
  .column.is-offset-3, .column.is-offset-3-tablet {
    margin-left: 25%;
  }
  .column.is-4, .column.is-4-tablet {
    flex: none;
    width: 33.33333%;
  }
  .column.is-offset-4, .column.is-offset-4-tablet {
    margin-left: 33.33333%;
  }
  .column.is-5, .column.is-5-tablet {
    flex: none;
    width: 41.66667%;
  }
  .column.is-offset-5, .column.is-offset-5-tablet {
    margin-left: 41.66667%;
  }
  .column.is-6, .column.is-6-tablet {
    flex: none;
    width: 50%;
  }
  .column.is-offset-6, .column.is-offset-6-tablet {
    margin-left: 50%;
  }
  .column.is-7, .column.is-7-tablet {
    flex: none;
    width: 58.33333%;
  }
  .column.is-offset-7, .column.is-offset-7-tablet {
    margin-left: 58.33333%;
  }
  .column.is-8, .column.is-8-tablet {
    flex: none;
    width: 66.66667%;
  }
  .column.is-offset-8, .column.is-offset-8-tablet {
    margin-left: 66.66667%;
  }
  .column.is-9, .column.is-9-tablet {
    flex: none;
    width: 75%;
  }
  .column.is-offset-9, .column.is-offset-9-tablet {
    margin-left: 75%;
  }
  .column.is-10, .column.is-10-tablet {
    flex: none;
    width: 83.33333%;
  }
  .column.is-offset-10, .column.is-offset-10-tablet {
    margin-left: 83.33333%;
  }
  .column.is-11, .column.is-11-tablet {
    flex: none;
    width: 91.66667%;
  }
  .column.is-offset-11, .column.is-offset-11-tablet {
    margin-left: 91.66667%;
  }
  .column.is-12, .column.is-12-tablet {
    flex: none;
    width: 100%;
  }
  .column.is-offset-12, .column.is-offset-12-tablet {
    margin-left: 100%;
  }
}

@media screen and (max-width: 1023px) {
  .column.is-narrow-touch {
    flex: none;
    width: unset;
  }
  .column.is-full-touch {
    flex: none;
    width: 100%;
  }
  .column.is-three-quarters-touch {
    flex: none;
    width: 75%;
  }
  .column.is-two-thirds-touch {
    flex: none;
    width: 66.6666%;
  }
  .column.is-half-touch {
    flex: none;
    width: 50%;
  }
  .column.is-one-third-touch {
    flex: none;
    width: 33.3333%;
  }
  .column.is-one-quarter-touch {
    flex: none;
    width: 25%;
  }
  .column.is-one-fifth-touch {
    flex: none;
    width: 20%;
  }
  .column.is-two-fifths-touch {
    flex: none;
    width: 40%;
  }
  .column.is-three-fifths-touch {
    flex: none;
    width: 60%;
  }
  .column.is-four-fifths-touch {
    flex: none;
    width: 80%;
  }
  .column.is-offset-three-quarters-touch {
    margin-left: 75%;
  }
  .column.is-offset-two-thirds-touch {
    margin-left: 66.6666%;
  }
  .column.is-offset-half-touch {
    margin-left: 50%;
  }
  .column.is-offset-one-third-touch {
    margin-left: 33.3333%;
  }
  .column.is-offset-one-quarter-touch {
    margin-left: 25%;
  }
  .column.is-offset-one-fifth-touch {
    margin-left: 20%;
  }
  .column.is-offset-two-fifths-touch {
    margin-left: 40%;
  }
  .column.is-offset-three-fifths-touch {
    margin-left: 60%;
  }
  .column.is-offset-four-fifths-touch {
    margin-left: 80%;
  }
  .column.is-0-touch {
    flex: none;
    width: 0%;
  }
  .column.is-offset-0-touch {
    margin-left: 0%;
  }
  .column.is-1-touch {
    flex: none;
    width: 8.33333%;
  }
  .column.is-offset-1-touch {
    margin-left: 8.33333%;
  }
  .column.is-2-touch {
    flex: none;
    width: 16.66667%;
  }
  .column.is-offset-2-touch {
    margin-left: 16.66667%;
  }
  .column.is-3-touch {
    flex: none;
    width: 25%;
  }
  .column.is-offset-3-touch {
    margin-left: 25%;
  }
  .column.is-4-touch {
    flex: none;
    width: 33.33333%;
  }
  .column.is-offset-4-touch {
    margin-left: 33.33333%;
  }
  .column.is-5-touch {
    flex: none;
    width: 41.66667%;
  }
  .column.is-offset-5-touch {
    margin-left: 41.66667%;
  }
  .column.is-6-touch {
    flex: none;
    width: 50%;
  }
  .column.is-offset-6-touch {
    margin-left: 50%;
  }
  .column.is-7-touch {
    flex: none;
    width: 58.33333%;
  }
  .column.is-offset-7-touch {
    margin-left: 58.33333%;
  }
  .column.is-8-touch {
    flex: none;
    width: 66.66667%;
  }
  .column.is-offset-8-touch {
    margin-left: 66.66667%;
  }
  .column.is-9-touch {
    flex: none;
    width: 75%;
  }
  .column.is-offset-9-touch {
    margin-left: 75%;
  }
  .column.is-10-touch {
    flex: none;
    width: 83.33333%;
  }
  .column.is-offset-10-touch {
    margin-left: 83.33333%;
  }
  .column.is-11-touch {
    flex: none;
    width: 91.66667%;
  }
  .column.is-offset-11-touch {
    margin-left: 91.66667%;
  }
  .column.is-12-touch {
    flex: none;
    width: 100%;
  }
  .column.is-offset-12-touch {
    margin-left: 100%;
  }
}

@media screen and (min-width: 1024px) {
  .column.is-narrow-desktop {
    flex: none;
    width: unset;
  }
  .column.is-full-desktop {
    flex: none;
    width: 100%;
  }
  .column.is-three-quarters-desktop {
    flex: none;
    width: 75%;
  }
  .column.is-two-thirds-desktop {
    flex: none;
    width: 66.6666%;
  }
  .column.is-half-desktop {
    flex: none;
    width: 50%;
  }
  .column.is-one-third-desktop {
    flex: none;
    width: 33.3333%;
  }
  .column.is-one-quarter-desktop {
    flex: none;
    width: 25%;
  }
  .column.is-one-fifth-desktop {
    flex: none;
    width: 20%;
  }
  .column.is-two-fifths-desktop {
    flex: none;
    width: 40%;
  }
  .column.is-three-fifths-desktop {
    flex: none;
    width: 60%;
  }
  .column.is-four-fifths-desktop {
    flex: none;
    width: 80%;
  }
  .column.is-offset-three-quarters-desktop {
    margin-left: 75%;
  }
  .column.is-offset-two-thirds-desktop {
    margin-left: 66.6666%;
  }
  .column.is-offset-half-desktop {
    margin-left: 50%;
  }
  .column.is-offset-one-third-desktop {
    margin-left: 33.3333%;
  }
  .column.is-offset-one-quarter-desktop {
    margin-left: 25%;
  }
  .column.is-offset-one-fifth-desktop {
    margin-left: 20%;
  }
  .column.is-offset-two-fifths-desktop {
    margin-left: 40%;
  }
  .column.is-offset-three-fifths-desktop {
    margin-left: 60%;
  }
  .column.is-offset-four-fifths-desktop {
    margin-left: 80%;
  }
  .column.is-0-desktop {
    flex: none;
    width: 0%;
  }
  .column.is-offset-0-desktop {
    margin-left: 0%;
  }
  .column.is-1-desktop {
    flex: none;
    width: 8.33333%;
  }
  .column.is-offset-1-desktop {
    margin-left: 8.33333%;
  }
  .column.is-2-desktop {
    flex: none;
    width: 16.66667%;
  }
  .column.is-offset-2-desktop {
    margin-left: 16.66667%;
  }
  .column.is-3-desktop {
    flex: none;
    width: 25%;
  }
  .column.is-offset-3-desktop {
    margin-left: 25%;
  }
  .column.is-4-desktop {
    flex: none;
    width: 33.33333%;
  }
  .column.is-offset-4-desktop {
    margin-left: 33.33333%;
  }
  .column.is-5-desktop {
    flex: none;
    width: 41.66667%;
  }
  .column.is-offset-5-desktop {
    margin-left: 41.66667%;
  }
  .column.is-6-desktop {
    flex: none;
    width: 50%;
  }
  .column.is-offset-6-desktop {
    margin-left: 50%;
  }
  .column.is-7-desktop {
    flex: none;
    width: 58.33333%;
  }
  .column.is-offset-7-desktop {
    margin-left: 58.33333%;
  }
  .column.is-8-desktop {
    flex: none;
    width: 66.66667%;
  }
  .column.is-offset-8-desktop {
    margin-left: 66.66667%;
  }
  .column.is-9-desktop {
    flex: none;
    width: 75%;
  }
  .column.is-offset-9-desktop {
    margin-left: 75%;
  }
  .column.is-10-desktop {
    flex: none;
    width: 83.33333%;
  }
  .column.is-offset-10-desktop {
    margin-left: 83.33333%;
  }
  .column.is-11-desktop {
    flex: none;
    width: 91.66667%;
  }
  .column.is-offset-11-desktop {
    margin-left: 91.66667%;
  }
  .column.is-12-desktop {
    flex: none;
    width: 100%;
  }
  .column.is-offset-12-desktop {
    margin-left: 100%;
  }
}

@media screen and (min-width: 1216px) {
  .column.is-narrow-widescreen {
    flex: none;
    width: unset;
  }
  .column.is-full-widescreen {
    flex: none;
    width: 100%;
  }
  .column.is-three-quarters-widescreen {
    flex: none;
    width: 75%;
  }
  .column.is-two-thirds-widescreen {
    flex: none;
    width: 66.6666%;
  }
  .column.is-half-widescreen {
    flex: none;
    width: 50%;
  }
  .column.is-one-third-widescreen {
    flex: none;
    width: 33.3333%;
  }
  .column.is-one-quarter-widescreen {
    flex: none;
    width: 25%;
  }
  .column.is-one-fifth-widescreen {
    flex: none;
    width: 20%;
  }
  .column.is-two-fifths-widescreen {
    flex: none;
    width: 40%;
  }
  .column.is-three-fifths-widescreen {
    flex: none;
    width: 60%;
  }
  .column.is-four-fifths-widescreen {
    flex: none;
    width: 80%;
  }
  .column.is-offset-three-quarters-widescreen {
    margin-left: 75%;
  }
  .column.is-offset-two-thirds-widescreen {
    margin-left: 66.6666%;
  }
  .column.is-offset-half-widescreen {
    margin-left: 50%;
  }
  .column.is-offset-one-third-widescreen {
    margin-left: 33.3333%;
  }
  .column.is-offset-one-quarter-widescreen {
    margin-left: 25%;
  }
  .column.is-offset-one-fifth-widescreen {
    margin-left: 20%;
  }
  .column.is-offset-two-fifths-widescreen {
    margin-left: 40%;
  }
  .column.is-offset-three-fifths-widescreen {
    margin-left: 60%;
  }
  .column.is-offset-four-fifths-widescreen {
    margin-left: 80%;
  }
  .column.is-0-widescreen {
    flex: none;
    width: 0%;
  }
  .column.is-offset-0-widescreen {
    margin-left: 0%;
  }
  .column.is-1-widescreen {
    flex: none;
    width: 8.33333%;
  }
  .column.is-offset-1-widescreen {
    margin-left: 8.33333%;
  }
  .column.is-2-widescreen {
    flex: none;
    width: 16.66667%;
  }
  .column.is-offset-2-widescreen {
    margin-left: 16.66667%;
  }
  .column.is-3-widescreen {
    flex: none;
    width: 25%;
  }
  .column.is-offset-3-widescreen {
    margin-left: 25%;
  }
  .column.is-4-widescreen {
    flex: none;
    width: 33.33333%;
  }
  .column.is-offset-4-widescreen {
    margin-left: 33.33333%;
  }
  .column.is-5-widescreen {
    flex: none;
    width: 41.66667%;
  }
  .column.is-offset-5-widescreen {
    margin-left: 41.66667%;
  }
  .column.is-6-widescreen {
    flex: none;
    width: 50%;
  }
  .column.is-offset-6-widescreen {
    margin-left: 50%;
  }
  .column.is-7-widescreen {
    flex: none;
    width: 58.33333%;
  }
  .column.is-offset-7-widescreen {
    margin-left: 58.33333%;
  }
  .column.is-8-widescreen {
    flex: none;
    width: 66.66667%;
  }
  .column.is-offset-8-widescreen {
    margin-left: 66.66667%;
  }
  .column.is-9-widescreen {
    flex: none;
    width: 75%;
  }
  .column.is-offset-9-widescreen {
    margin-left: 75%;
  }
  .column.is-10-widescreen {
    flex: none;
    width: 83.33333%;
  }
  .column.is-offset-10-widescreen {
    margin-left: 83.33333%;
  }
  .column.is-11-widescreen {
    flex: none;
    width: 91.66667%;
  }
  .column.is-offset-11-widescreen {
    margin-left: 91.66667%;
  }
  .column.is-12-widescreen {
    flex: none;
    width: 100%;
  }
  .column.is-offset-12-widescreen {
    margin-left: 100%;
  }
}

@media screen and (min-width: 1408px) {
  .column.is-narrow-fullhd {
    flex: none;
    width: unset;
  }
  .column.is-full-fullhd {
    flex: none;
    width: 100%;
  }
  .column.is-three-quarters-fullhd {
    flex: none;
    width: 75%;
  }
  .column.is-two-thirds-fullhd {
    flex: none;
    width: 66.6666%;
  }
  .column.is-half-fullhd {
    flex: none;
    width: 50%;
  }
  .column.is-one-third-fullhd {
    flex: none;
    width: 33.3333%;
  }
  .column.is-one-quarter-fullhd {
    flex: none;
    width: 25%;
  }
  .column.is-one-fifth-fullhd {
    flex: none;
    width: 20%;
  }
  .column.is-two-fifths-fullhd {
    flex: none;
    width: 40%;
  }
  .column.is-three-fifths-fullhd {
    flex: none;
    width: 60%;
  }
  .column.is-four-fifths-fullhd {
    flex: none;
    width: 80%;
  }
  .column.is-offset-three-quarters-fullhd {
    margin-left: 75%;
  }
  .column.is-offset-two-thirds-fullhd {
    margin-left: 66.6666%;
  }
  .column.is-offset-half-fullhd {
    margin-left: 50%;
  }
  .column.is-offset-one-third-fullhd {
    margin-left: 33.3333%;
  }
  .column.is-offset-one-quarter-fullhd {
    margin-left: 25%;
  }
  .column.is-offset-one-fifth-fullhd {
    margin-left: 20%;
  }
  .column.is-offset-two-fifths-fullhd {
    margin-left: 40%;
  }
  .column.is-offset-three-fifths-fullhd {
    margin-left: 60%;
  }
  .column.is-offset-four-fifths-fullhd {
    margin-left: 80%;
  }
  .column.is-0-fullhd {
    flex: none;
    width: 0%;
  }
  .column.is-offset-0-fullhd {
    margin-left: 0%;
  }
  .column.is-1-fullhd {
    flex: none;
    width: 8.33333%;
  }
  .column.is-offset-1-fullhd {
    margin-left: 8.33333%;
  }
  .column.is-2-fullhd {
    flex: none;
    width: 16.66667%;
  }
  .column.is-offset-2-fullhd {
    margin-left: 16.66667%;
  }
  .column.is-3-fullhd {
    flex: none;
    width: 25%;
  }
  .column.is-offset-3-fullhd {
    margin-left: 25%;
  }
  .column.is-4-fullhd {
    flex: none;
    width: 33.33333%;
  }
  .column.is-offset-4-fullhd {
    margin-left: 33.33333%;
  }
  .column.is-5-fullhd {
    flex: none;
    width: 41.66667%;
  }
  .column.is-offset-5-fullhd {
    margin-left: 41.66667%;
  }
  .column.is-6-fullhd {
    flex: none;
    width: 50%;
  }
  .column.is-offset-6-fullhd {
    margin-left: 50%;
  }
  .column.is-7-fullhd {
    flex: none;
    width: 58.33333%;
  }
  .column.is-offset-7-fullhd {
    margin-left: 58.33333%;
  }
  .column.is-8-fullhd {
    flex: none;
    width: 66.66667%;
  }
  .column.is-offset-8-fullhd {
    margin-left: 66.66667%;
  }
  .column.is-9-fullhd {
    flex: none;
    width: 75%;
  }
  .column.is-offset-9-fullhd {
    margin-left: 75%;
  }
  .column.is-10-fullhd {
    flex: none;
    width: 83.33333%;
  }
  .column.is-offset-10-fullhd {
    margin-left: 83.33333%;
  }
  .column.is-11-fullhd {
    flex: none;
    width: 91.66667%;
  }
  .column.is-offset-11-fullhd {
    margin-left: 91.66667%;
  }
  .column.is-12-fullhd {
    flex: none;
    width: 100%;
  }
  .column.is-offset-12-fullhd {
    margin-left: 100%;
  }
}

.columns {
  margin-left: -0.75rem;
  margin-right: -0.75rem;
  margin-top: -0.75rem;
}

.columns:last-child {
  margin-bottom: -0.75rem;
}

.columns:not(:last-child) {
  margin-bottom: calc(1.5rem - 0.75rem);
}

.columns.is-centered {
  justify-content: center;
}

.columns.is-gapless {
  margin-left: 0;
  margin-right: 0;
  margin-top: 0;
}

.columns.is-gapless > .column {
  margin: 0;
  padding: 0 !important;
}

.columns.is-gapless:not(:last-child) {
  margin-bottom: 1.5rem;
}

.columns.is-gapless:last-child {
  margin-bottom: 0;
}

.columns.is-mobile {
  display: flex;
}

.columns.is-multiline {
  flex-wrap: wrap;
}

.columns.is-vcentered {
  align-items: center;
}

@media screen and (min-width: 769px), print {
  .columns:not(.is-desktop) {
    display: flex;
  }
}

@media screen and (min-width: 1024px) {
  .columns.is-desktop {
    display: flex;
  }
}

.columns.is-variable {
  --columnGap: 0.75rem;
  margin-left: calc(-1 * var(--columnGap));
  margin-right: calc(-1 * var(--columnGap));
}

.columns.is-variable > .column {
  padding-left: var(--columnGap);
  padding-right: var(--columnGap);
}

.columns.is-variable.is-0 {
  --columnGap: 0rem;
}

@media screen and (max-width: 768px) {
  .columns.is-variable.is-0-mobile {
    --columnGap: 0rem;
  }
}

@media screen and (min-width: 769px), print {
  .columns.is-variable.is-0-tablet {
    --columnGap: 0rem;
  }
}

@media screen and (min-width: 769px) and (max-width: 1023px) {
  .columns.is-variable.is-0-tablet-only {
    --columnGap: 0rem;
  }
}

@media screen and (max-width: 1023px) {
  .columns.is-variable.is-0-touch {
    --columnGap: 0rem;
  }
}

@media screen and (min-width: 1024px) {
  .columns.is-variable.is-0-desktop {
    --columnGap: 0rem;
  }
}

@media screen and (min-width: 1024px) and (max-width: 1215px) {
  .columns.is-variable.is-0-desktop-only {
    --columnGap: 0rem;
  }
}

@media screen and (min-width: 1216px) {
  .columns.is-variable.is-0-widescreen {
    --columnGap: 0rem;
  }
}

@media screen and (min-width: 1216px) and (max-width: 1407px) {
  .columns.is-variable.is-0-widescreen-only {
    --columnGap: 0rem;
  }
}

@media screen and (min-width: 1408px) {
  .columns.is-variable.is-0-fullhd {
    --columnGap: 0rem;
  }
}

.columns.is-variable.is-1 {
  --columnGap: 0.25rem;
}

@media screen and (max-width: 768px) {
  .columns.is-variable.is-1-mobile {
    --columnGap: 0.25rem;
  }
}

@media screen and (min-width: 769px), print {
  .columns.is-variable.is-1-tablet {
    --columnGap: 0.25rem;
  }
}

@media screen and (min-width: 769px) and (max-width: 1023px) {
  .columns.is-variable.is-1-tablet-only {
    --columnGap: 0.25rem;
  }
}

@media screen and (max-width: 1023px) {
  .columns.is-variable.is-1-touch {
    --columnGap: 0.25rem;
  }
}

@media screen and (min-width: 1024px) {
  .columns.is-variable.is-1-desktop {
    --columnGap: 0.25rem;
  }
}

@media screen and (min-width: 1024px) and (max-width: 1215px) {
  .columns.is-variable.is-1-desktop-only {
    --columnGap: 0.25rem;
  }
}

@media screen and (min-width: 1216px) {
  .columns.is-variable.is-1-widescreen {
    --columnGap: 0.25rem;
  }
}

@media screen and (min-width: 1216px) and (max-width: 1407px) {
  .columns.is-variable.is-1-widescreen-only {
    --columnGap: 0.25rem;
  }
}

@media screen and (min-width: 1408px) {
  .columns.is-variable.is-1-fullhd {
    --columnGap: 0.25rem;
  }
}

.columns.is-variable.is-2 {
  --columnGap: 0.5rem;
}

@media screen and (max-width: 768px) {
  .columns.is-variable.is-2-mobile {
    --columnGap: 0.5rem;
  }
}

@media screen and (min-width: 769px), print {
  .columns.is-variable.is-2-tablet {
    --columnGap: 0.5rem;
  }
}

@media screen and (min-width: 769px) and (max-width: 1023px) {
  .columns.is-variable.is-2-tablet-only {
    --columnGap: 0.5rem;
  }
}

@media screen and (max-width: 1023px) {
  .columns.is-variable.is-2-touch {
    --columnGap: 0.5rem;
  }
}

@media screen and (min-width: 1024px) {
  .columns.is-variable.is-2-desktop {
    --columnGap: 0.5rem;
  }
}

@media screen and (min-width: 1024px) and (max-width: 1215px) {
  .columns.is-variable.is-2-desktop-only {
    --columnGap: 0.5rem;
  }
}

@media screen and (min-width: 1216px) {
  .columns.is-variable.is-2-widescreen {
    --columnGap: 0.5rem;
  }
}

@media screen and (min-width: 1216px) and (max-width: 1407px) {
  .columns.is-variable.is-2-widescreen-only {
    --columnGap: 0.5rem;
  }
}

@media screen and (min-width: 1408px) {
  .columns.is-variable.is-2-fullhd {
    --columnGap: 0.5rem;
  }
}

.columns.is-variable.is-3 {
  --columnGap: 0.75rem;
}

@media screen and (max-width: 768px) {
  .columns.is-variable.is-3-mobile {
    --columnGap: 0.75rem;
  }
}

@media screen and (min-width: 769px), print {
  .columns.is-variable.is-3-tablet {
    --columnGap: 0.75rem;
  }
}

@media screen and (min-width: 769px) and (max-width: 1023px) {
  .columns.is-variable.is-3-tablet-only {
    --columnGap: 0.75rem;
  }
}

@media screen and (max-width: 1023px) {
  .columns.is-variable.is-3-touch {
    --columnGap: 0.75rem;
  }
}

@media screen and (min-width: 1024px) {
  .columns.is-variable.is-3-desktop {
    --columnGap: 0.75rem;
  }
}

@media screen and (min-width: 1024px) and (max-width: 1215px) {
  .columns.is-variable.is-3-desktop-only {
    --columnGap: 0.75rem;
  }
}

@media screen and (min-width: 1216px) {
  .columns.is-variable.is-3-widescreen {
    --columnGap: 0.75rem;
  }
}

@media screen and (min-width: 1216px) and (max-width: 1407px) {
  .columns.is-variable.is-3-widescreen-only {
    --columnGap: 0.75rem;
  }
}

@media screen and (min-width: 1408px) {
  .columns.is-variable.is-3-fullhd {
    --columnGap: 0.75rem;
  }
}

.columns.is-variable.is-4 {
  --columnGap: 1rem;
}

@media screen and (max-width: 768px) {
  .columns.is-variable.is-4-mobile {
    --columnGap: 1rem;
  }
}

@media screen and (min-width: 769px), print {
  .columns.is-variable.is-4-tablet {
    --columnGap: 1rem;
  }
}

@media screen and (min-width: 769px) and (max-width: 1023px) {
  .columns.is-variable.is-4-tablet-only {
    --columnGap: 1rem;
  }
}

@media screen and (max-width: 1023px) {
  .columns.is-variable.is-4-touch {
    --columnGap: 1rem;
  }
}

@media screen and (min-width: 1024px) {
  .columns.is-variable.is-4-desktop {
    --columnGap: 1rem;
  }
}

@media screen and (min-width: 1024px) and (max-width: 1215px) {
  .columns.is-variable.is-4-desktop-only {
    --columnGap: 1rem;
  }
}

@media screen and (min-width: 1216px) {
  .columns.is-variable.is-4-widescreen {
    --columnGap: 1rem;
  }
}

@media screen and (min-width: 1216px) and (max-width: 1407px) {
  .columns.is-variable.is-4-widescreen-only {
    --columnGap: 1rem;
  }
}

@media screen and (min-width: 1408px) {
  .columns.is-variable.is-4-fullhd {
    --columnGap: 1rem;
  }
}

.columns.is-variable.is-5 {
  --columnGap: 1.25rem;
}

@media screen and (max-width: 768px) {
  .columns.is-variable.is-5-mobile {
    --columnGap: 1.25rem;
  }
}

@media screen and (min-width: 769px), print {
  .columns.is-variable.is-5-tablet {
    --columnGap: 1.25rem;
  }
}

@media screen and (min-width: 769px) and (max-width: 1023px) {
  .columns.is-variable.is-5-tablet-only {
    --columnGap: 1.25rem;
  }
}

@media screen and (max-width: 1023px) {
  .columns.is-variable.is-5-touch {
    --columnGap: 1.25rem;
  }
}

@media screen and (min-width: 1024px) {
  .columns.is-variable.is-5-desktop {
    --columnGap: 1.25rem;
  }
}

@media screen and (min-width: 1024px) and (max-width: 1215px) {
  .columns.is-variable.is-5-desktop-only {
    --columnGap: 1.25rem;
  }
}

@media screen and (min-width: 1216px) {
  .columns.is-variable.is-5-widescreen {
    --columnGap: 1.25rem;
  }
}

@media screen and (min-width: 1216px) and (max-width: 1407px) {
  .columns.is-variable.is-5-widescreen-only {
    --columnGap: 1.25rem;
  }
}

@media screen and (min-width: 1408px) {
  .columns.is-variable.is-5-fullhd {
    --columnGap: 1.25rem;
  }
}

.columns.is-variable.is-6 {
  --columnGap: 1.5rem;
}

@media screen and (max-width: 768px) {
  .columns.is-variable.is-6-mobile {
    --columnGap: 1.5rem;
  }
}

@media screen and (min-width: 769px), print {
  .columns.is-variable.is-6-tablet {
    --columnGap: 1.5rem;
  }
}

@media screen and (min-width: 769px) and (max-width: 1023px) {
  .columns.is-variable.is-6-tablet-only {
    --columnGap: 1.5rem;
  }
}

@media screen and (max-width: 1023px) {
  .columns.is-variable.is-6-touch {
    --columnGap: 1.5rem;
  }
}

@media screen and (min-width: 1024px) {
  .columns.is-variable.is-6-desktop {
    --columnGap: 1.5rem;
  }
}

@media screen and (min-width: 1024px) and (max-width: 1215px) {
  .columns.is-variable.is-6-desktop-only {
    --columnGap: 1.5rem;
  }
}

@media screen and (min-width: 1216px) {
  .columns.is-variable.is-6-widescreen {
    --columnGap: 1.5rem;
  }
}

@media screen and (min-width: 1216px) and (max-width: 1407px) {
  .columns.is-variable.is-6-widescreen-only {
    --columnGap: 1.5rem;
  }
}

@media screen and (min-width: 1408px) {
  .columns.is-variable.is-6-fullhd {
    --columnGap: 1.5rem;
  }
}

.columns.is-variable.is-7 {
  --columnGap: 1.75rem;
}

@media screen and (max-width: 768px) {
  .columns.is-variable.is-7-mobile {
    --columnGap: 1.75rem;
  }
}

@media screen and (min-width: 769px), print {
  .columns.is-variable.is-7-tablet {
    --columnGap: 1.75rem;
  }
}

@media screen and (min-width: 769px) and (max-width: 1023px) {
  .columns.is-variable.is-7-tablet-only {
    --columnGap: 1.75rem;
  }
}

@media screen and (max-width: 1023px) {
  .columns.is-variable.is-7-touch {
    --columnGap: 1.75rem;
  }
}

@media screen and (min-width: 1024px) {
  .columns.is-variable.is-7-desktop {
    --columnGap: 1.75rem;
  }
}

@media screen and (min-width: 1024px) and (max-width: 1215px) {
  .columns.is-variable.is-7-desktop-only {
    --columnGap: 1.75rem;
  }
}

@media screen and (min-width: 1216px) {
  .columns.is-variable.is-7-widescreen {
    --columnGap: 1.75rem;
  }
}

@media screen and (min-width: 1216px) and (max-width: 1407px) {
  .columns.is-variable.is-7-widescreen-only {
    --columnGap: 1.75rem;
  }
}

@media screen and (min-width: 1408px) {
  .columns.is-variable.is-7-fullhd {
    --columnGap: 1.75rem;
  }
}

.columns.is-variable.is-8 {
  --columnGap: 2rem;
}

@media screen and (max-width: 768px) {
  .columns.is-variable.is-8-mobile {
    --columnGap: 2rem;
  }
}

@media screen and (min-width: 769px), print {
  .columns.is-variable.is-8-tablet {
    --columnGap: 2rem;
  }
}

@media screen and (min-width: 769px) and (max-width: 1023px) {
  .columns.is-variable.is-8-tablet-only {
    --columnGap: 2rem;
  }
}

@media screen and (max-width: 1023px) {
  .columns.is-variable.is-8-touch {
    --columnGap: 2rem;
  }
}

@media screen and (min-width: 1024px) {
  .columns.is-variable.is-8-desktop {
    --columnGap: 2rem;
  }
}

@media screen and (min-width: 1024px) and (max-width: 1215px) {
  .columns.is-variable.is-8-desktop-only {
    --columnGap: 2rem;
  }
}

@media screen and (min-width: 1216px) {
  .columns.is-variable.is-8-widescreen {
    --columnGap: 2rem;
  }
}

@media screen and (min-width: 1216px) and (max-width: 1407px) {
  .columns.is-variable.is-8-widescreen-only {
    --columnGap: 2rem;
  }
}

@media screen and (min-width: 1408px) {
  .columns.is-variable.is-8-fullhd {
    --columnGap: 2rem;
  }
}

.tile {
  align-items: stretch;
  display: block;
  flex-basis: 0;
  flex-grow: 1;
  flex-shrink: 1;
  min-height: min-content;
}

.tile.is-ancestor {
  margin-left: -0.75rem;
  margin-right: -0.75rem;
  margin-top: -0.75rem;
}

.tile.is-ancestor:last-child {
  margin-bottom: -0.75rem;
}

.tile.is-ancestor:not(:last-child) {
  margin-bottom: 0.75rem;
}

.tile.is-child {
  margin: 0 !important;
}

.tile.is-parent {
  padding: 0.75rem;
}

.tile.is-vertical {
  flex-direction: column;
}

.tile.is-vertical > .tile.is-child:not(:last-child) {
  margin-bottom: 1.5rem !important;
}

@media screen and (min-width: 769px), print {
  .tile:not(.is-child) {
    display: flex;
  }
  .tile.is-1 {
    flex: none;
    width: 8.33333%;
  }
  .tile.is-2 {
    flex: none;
    width: 16.66667%;
  }
  .tile.is-3 {
    flex: none;
    width: 25%;
  }
  .tile.is-4 {
    flex: none;
    width: 33.33333%;
  }
  .tile.is-5 {
    flex: none;
    width: 41.66667%;
  }
  .tile.is-6 {
    flex: none;
    width: 50%;
  }
  .tile.is-7 {
    flex: none;
    width: 58.33333%;
  }
  .tile.is-8 {
    flex: none;
    width: 66.66667%;
  }
  .tile.is-9 {
    flex: none;
    width: 75%;
  }
  .tile.is-10 {
    flex: none;
    width: 83.33333%;
  }
  .tile.is-11 {
    flex: none;
    width: 91.66667%;
  }
  .tile.is-12 {
    flex: none;
    width: 100%;
  }
}

/* Bulma Layout */
.hero {
  align-items: stretch;
  display: flex;
  flex-direction: column;
  justify-content: space-between;
}

.hero .navbar {
  background: none;
}

.hero .tabs ul {
  border-bottom: none;
}

.hero.is-white {
  background-color: white;
  color: #0a0a0a;
}

.hero.is-white a:not(.button):not(.dropdown-item):not(.tag):not(.pagination-link.is-current),
.hero.is-white strong {
  color: inherit;
}

.hero.is-white .title {
  color: #0a0a0a;
}

.hero.is-white .subtitle {
  color: rgba(10, 10, 10, 0.9);
}

.hero.is-white .subtitle a:not(.button),
.hero.is-white .subtitle strong {
  color: #0a0a0a;
}

@media screen and (max-width: 1023px) {
  .hero.is-white .navbar-menu {
    background-color: white;
  }
}

.hero.is-white .navbar-item,
.hero.is-white .navbar-link {
  color: rgba(10, 10, 10, 0.7);
}

.hero.is-white a.navbar-item:hover, .hero.is-white a.navbar-item.is-active,
.hero.is-white .navbar-link:hover,
.hero.is-white .navbar-link.is-active {
  background-color: #f2f2f2;
  color: #0a0a0a;
}

.hero.is-white .tabs a {
  color: #0a0a0a;
  opacity: 0.9;
}

.hero.is-white .tabs a:hover {
  opacity: 1;
}

.hero.is-white .tabs li.is-active a {
  color: white !important;
  opacity: 1;
}

.hero.is-white .tabs.is-boxed a, .hero.is-white .tabs.is-toggle a {
  color: #0a0a0a;
}

.hero.is-white .tabs.is-boxed a:hover, .hero.is-white .tabs.is-toggle a:hover {
  background-color: rgba(10, 10, 10, 0.1);
}

.hero.is-white .tabs.is-boxed li.is-active a, .hero.is-white .tabs.is-boxed li.is-active a:hover, .hero.is-white .tabs.is-toggle li.is-active a, .hero.is-white .tabs.is-toggle li.is-active a:hover {
  background-color: #0a0a0a;
  border-color: #0a0a0a;
  color: white;
}

.hero.is-white.is-bold {
  background-image: linear-gradient(141deg, #e6e6e6 0%, white 71%, white 100%);
}

@media screen and (max-width: 768px) {
  .hero.is-white.is-bold .navbar-menu {
    background-image: linear-gradient(141deg, #e6e6e6 0%, white 71%, white 100%);
  }
}

.hero.is-black {
  background-color: #0a0a0a;
  color: white;
}

.hero.is-black a:not(.button):not(.dropdown-item):not(.tag):not(.pagination-link.is-current),
.hero.is-black strong {
  color: inherit;
}

.hero.is-black .title {
  color: white;
}

.hero.is-black .subtitle {
  color: rgba(255, 255, 255, 0.9);
}

.hero.is-black .subtitle a:not(.button),
.hero.is-black .subtitle strong {
  color: white;
}

@media screen and (max-width: 1023px) {
  .hero.is-black .navbar-menu {
    background-color: #0a0a0a;
  }
}

.hero.is-black .navbar-item,
.hero.is-black .navbar-link {
  color: rgba(255, 255, 255, 0.7);
}

.hero.is-black a.navbar-item:hover, .hero.is-black a.navbar-item.is-active,
.hero.is-black .navbar-link:hover,
.hero.is-black .navbar-link.is-active {
  background-color: black;
  color: white;
}

.hero.is-black .tabs a {
  color: white;
  opacity: 0.9;
}

.hero.is-black .tabs a:hover {
  opacity: 1;
}

.hero.is-black .tabs li.is-active a {
  color: #0a0a0a !important;
  opacity: 1;
}

.hero.is-black .tabs.is-boxed a, .hero.is-black .tabs.is-toggle a {
  color: white;
}

.hero.is-black .tabs.is-boxed a:hover, .hero.is-black .tabs.is-toggle a:hover {
  background-color: rgba(10, 10, 10, 0.1);
}

.hero.is-black .tabs.is-boxed li.is-active a, .hero.is-black .tabs.is-boxed li.is-active a:hover, .hero.is-black .tabs.is-toggle li.is-active a, .hero.is-black .tabs.is-toggle li.is-active a:hover {
  background-color: white;
  border-color: white;
  color: #0a0a0a;
}

.hero.is-black.is-bold {
  background-image: linear-gradient(141deg, black 0%, #0a0a0a 71%, #181616 100%);
}

@media screen and (max-width: 768px) {
  .hero.is-black.is-bold .navbar-menu {
    background-image: linear-gradient(141deg, black 0%, #0a0a0a 71%, #181616 100%);
  }
}

.hero.is-light {
  background-color: whitesmoke;
  color: rgba(0, 0, 0, 0.7);
}

.hero.is-light a:not(.button):not(.dropdown-item):not(.tag):not(.pagination-link.is-current),
.hero.is-light strong {
  color: inherit;
}

.hero.is-light .title {
  color: rgba(0, 0, 0, 0.7);
}

.hero.is-light .subtitle {
  color: rgba(0, 0, 0, 0.9);
}

.hero.is-light .subtitle a:not(.button),
.hero.is-light .subtitle strong {
  color: rgba(0, 0, 0, 0.7);
}

@media screen and (max-width: 1023px) {
  .hero.is-light .navbar-menu {
    background-color: whitesmoke;
  }
}

.hero.is-light .navbar-item,
.hero.is-light .navbar-link {
  color: rgba(0, 0, 0, 0.7);
}

.hero.is-light a.navbar-item:hover, .hero.is-light a.navbar-item.is-active,
.hero.is-light .navbar-link:hover,
.hero.is-light .navbar-link.is-active {
  background-color: #e8e8e8;
  color: rgba(0, 0, 0, 0.7);
}

.hero.is-light .tabs a {
  color: rgba(0, 0, 0, 0.7);
  opacity: 0.9;
}

.hero.is-light .tabs a:hover {
  opacity: 1;
}

.hero.is-light .tabs li.is-active a {
  color: whitesmoke !important;
  opacity: 1;
}

.hero.is-light .tabs.is-boxed a, .hero.is-light .tabs.is-toggle a {
  color: rgba(0, 0, 0, 0.7);
}

.hero.is-light .tabs.is-boxed a:hover, .hero.is-light .tabs.is-toggle a:hover {
  background-color: rgba(10, 10, 10, 0.1);
}

.hero.is-light .tabs.is-boxed li.is-active a, .hero.is-light .tabs.is-boxed li.is-active a:hover, .hero.is-light .tabs.is-toggle li.is-active a, .hero.is-light .tabs.is-toggle li.is-active a:hover {
  background-color: rgba(0, 0, 0, 0.7);
  border-color: rgba(0, 0, 0, 0.7);
  color: whitesmoke;
}

.hero.is-light.is-bold {
  background-image: linear-gradient(141deg, #dfd8d9 0%, whitesmoke 71%, white 100%);
}

@media screen and (max-width: 768px) {
  .hero.is-light.is-bold .navbar-menu {
    background-image: linear-gradient(141deg, #dfd8d9 0%, whitesmoke 71%, white 100%);
  }
}

.hero.is-dark {
  background-color: #363636;
  color: #fff;
}

.hero.is-dark a:not(.button):not(.dropdown-item):not(.tag):not(.pagination-link.is-current),
.hero.is-dark strong {
  color: inherit;
}

.hero.is-dark .title {
  color: #fff;
}

.hero.is-dark .subtitle {
  color: rgba(255, 255, 255, 0.9);
}

.hero.is-dark .subtitle a:not(.button),
.hero.is-dark .subtitle strong {
  color: #fff;
}

@media screen and (max-width: 1023px) {
  .hero.is-dark .navbar-menu {
    background-color: #363636;
  }
}

.hero.is-dark .navbar-item,
.hero.is-dark .navbar-link {
  color: rgba(255, 255, 255, 0.7);
}

.hero.is-dark a.navbar-item:hover, .hero.is-dark a.navbar-item.is-active,
.hero.is-dark .navbar-link:hover,
.hero.is-dark .navbar-link.is-active {
  background-color: #292929;
  color: #fff;
}

.hero.is-dark .tabs a {
  color: #fff;
  opacity: 0.9;
}

.hero.is-dark .tabs a:hover {
  opacity: 1;
}

.hero.is-dark .tabs li.is-active a {
  color: #363636 !important;
  opacity: 1;
}

.hero.is-dark .tabs.is-boxed a, .hero.is-dark .tabs.is-toggle a {
  color: #fff;
}

.hero.is-dark .tabs.is-boxed a:hover, .hero.is-dark .tabs.is-toggle a:hover {
  background-color: rgba(10, 10, 10, 0.1);
}

.hero.is-dark .tabs.is-boxed li.is-active a, .hero.is-dark .tabs.is-boxed li.is-active a:hover, .hero.is-dark .tabs.is-toggle li.is-active a, .hero.is-dark .tabs.is-toggle li.is-active a:hover {
  background-color: #fff;
  border-color: #fff;
  color: #363636;
}

.hero.is-dark.is-bold {
  background-image: linear-gradient(141deg, #1f191a 0%, #363636 71%, #46403f 100%);
}

@media screen and (max-width: 768px) {
  .hero.is-dark.is-bold .navbar-menu {
    background-image: linear-gradient(141deg, #1f191a 0%, #363636 71%, #46403f 100%);
  }
}

.hero.is-primary {
  background-color: #00d1b2;
  color: #fff;
}

.hero.is-primary a:not(.button):not(.dropdown-item):not(.tag):not(.pagination-link.is-current),
.hero.is-primary strong {
  color: inherit;
}

.hero.is-primary .title {
  color: #fff;
}

.hero.is-primary .subtitle {
  color: rgba(255, 255, 255, 0.9);
}

.hero.is-primary .subtitle a:not(.button),
.hero.is-primary .subtitle strong {
  color: #fff;
}

@media screen and (max-width: 1023px) {
  .hero.is-primary .navbar-menu {
    background-color: #00d1b2;
  }
}

.hero.is-primary .navbar-item,
.hero.is-primary .navbar-link {
  color: rgba(255, 255, 255, 0.7);
}

.hero.is-primary a.navbar-item:hover, .hero.is-primary a.navbar-item.is-active,
.hero.is-primary .navbar-link:hover,
.hero.is-primary .navbar-link.is-active {
  background-color: #00b89c;
  color: #fff;
}

.hero.is-primary .tabs a {
  color: #fff;
  opacity: 0.9;
}

.hero.is-primary .tabs a:hover {
  opacity: 1;
}

.hero.is-primary .tabs li.is-active a {
  color: #00d1b2 !important;
  opacity: 1;
}

.hero.is-primary .tabs.is-boxed a, .hero.is-primary .tabs.is-toggle a {
  color: #fff;
}

.hero.is-primary .tabs.is-boxed a:hover, .hero.is-primary .tabs.is-toggle a:hover {
  background-color: rgba(10, 10, 10, 0.1);
}

.hero.is-primary .tabs.is-boxed li.is-active a, .hero.is-primary .tabs.is-boxed li.is-active a:hover, .hero.is-primary .tabs.is-toggle li.is-active a, .hero.is-primary .tabs.is-toggle li.is-active a:hover {
  background-color: #fff;
  border-color: #fff;
  color: #00d1b2;
}

.hero.is-primary.is-bold {
  background-image: linear-gradient(141deg, #009e6c 0%, #00d1b2 71%, #00e7eb 100%);
}

@media screen and (max-width: 768px) {
  .hero.is-primary.is-bold .navbar-menu {
    background-image: linear-gradient(141deg, #009e6c 0%, #00d1b2 71%, #00e7eb 100%);
  }
}

.hero.is-link {
  background-color: #485fc7;
  color: #fff;
}

.hero.is-link a:not(.button):not(.dropdown-item):not(.tag):not(.pagination-link.is-current),
.hero.is-link strong {
  color: inherit;
}

.hero.is-link .title {
  color: #fff;
}

.hero.is-link .subtitle {
  color: rgba(255, 255, 255, 0.9);
}

.hero.is-link .subtitle a:not(.button),
.hero.is-link .subtitle strong {
  color: #fff;
}

@media screen and (max-width: 1023px) {
  .hero.is-link .navbar-menu {
    background-color: #485fc7;
  }
}

.hero.is-link .navbar-item,
.hero.is-link .navbar-link {
  color: rgba(255, 255, 255, 0.7);
}

.hero.is-link a.navbar-item:hover, .hero.is-link a.navbar-item.is-active,
.hero.is-link .navbar-link:hover,
.hero.is-link .navbar-link.is-active {
  background-color: #3a51bb;
  color: #fff;
}

.hero.is-link .tabs a {
  color: #fff;
  opacity: 0.9;
}

.hero.is-link .tabs a:hover {
  opacity: 1;
}

.hero.is-link .tabs li.is-active a {
  color: #485fc7 !important;
  opacity: 1;
}

.hero.is-link .tabs.is-boxed a, .hero.is-link .tabs.is-toggle a {
  color: #fff;
}

.hero.is-link .tabs.is-boxed a:hover, .hero.is-link .tabs.is-toggle a:hover {
  background-color: rgba(10, 10, 10, 0.1);
}

.hero.is-link .tabs.is-boxed li.is-active a, .hero.is-link .tabs.is-boxed li.is-active a:hover, .hero.is-link .tabs.is-toggle li.is-active a, .hero.is-link .tabs.is-toggle li.is-active a:hover {
  background-color: #fff;
  border-color: #fff;
  color: #485fc7;
}

.hero.is-link.is-bold {
  background-image: linear-gradient(141deg, #2959b3 0%, #485fc7 71%, #5658d2 100%);
}

@media screen and (max-width: 768px) {
  .hero.is-link.is-bold .navbar-menu {
    background-image: linear-gradient(141deg, #2959b3 0%, #485fc7 71%, #5658d2 100%);
  }
}

.hero.is-info {
  background-color: #3e8ed0;
  color: #fff;
}

.hero.is-info a:not(.button):not(.dropdown-item):not(.tag):not(.pagination-link.is-current),
.hero.is-info strong {
  color: inherit;
}

.hero.is-info .title {
  color: #fff;
}

.hero.is-info .subtitle {
  color: rgba(255, 255, 255, 0.9);
}

.hero.is-info .subtitle a:not(.button),
.hero.is-info .subtitle strong {
  color: #fff;
}

@media screen and (max-width: 1023px) {
  .hero.is-info .navbar-menu {
    background-color: #3e8ed0;
  }
}

.hero.is-info .navbar-item,
.hero.is-info .navbar-link {
  color: rgba(255, 255, 255, 0.7);
}

.hero.is-info a.navbar-item:hover, .hero.is-info a.navbar-item.is-active,
.hero.is-info .navbar-link:hover,
.hero.is-info .navbar-link.is-active {
  background-color: #3082c5;
  color: #fff;
}

.hero.is-info .tabs a {
  color: #fff;
  opacity: 0.9;
}

.hero.is-info .tabs a:hover {
  opacity: 1;
}

.hero.is-info .tabs li.is-active a {
  color: #3e8ed0 !important;
  opacity: 1;
}

.hero.is-info .tabs.is-boxed a, .hero.is-info .tabs.is-toggle a {
  color: #fff;
}

.hero.is-info .tabs.is-boxed a:hover, .hero.is-info .tabs.is-toggle a:hover {
  background-color: rgba(10, 10, 10, 0.1);
}

.hero.is-info .tabs.is-boxed li.is-active a, .hero.is-info .tabs.is-boxed li.is-active a:hover, .hero.is-info .tabs.is-toggle li.is-active a, .hero.is-info .tabs.is-toggle li.is-active a:hover {
  background-color: #fff;
  border-color: #fff;
  color: #3e8ed0;
}

.hero.is-info.is-bold {
  background-image: linear-gradient(141deg, #208fbc 0%, #3e8ed0 71%, #4d83db 100%);
}

@media screen and (max-width: 768px) {
  .hero.is-info.is-bold .navbar-menu {
    background-image: linear-gradient(141deg, #208fbc 0%, #3e8ed0 71%, #4d83db 100%);
  }
}

.hero.is-success {
  background-color: #48c78e;
  color: #fff;
}

.hero.is-success a:not(.button):not(.dropdown-item):not(.tag):not(.pagination-link.is-current),
.hero.is-success strong {
  color: inherit;
}

.hero.is-success .title {
  color: #fff;
}

.hero.is-success .subtitle {
  color: rgba(255, 255, 255, 0.9);
}

.hero.is-success .subtitle a:not(.button),
.hero.is-success .subtitle strong {
  color: #fff;
}

@media screen and (max-width: 1023px) {
  .hero.is-success .navbar-menu {
    background-color: #48c78e;
  }
}

.hero.is-success .navbar-item,
.hero.is-success .navbar-link {
  color: rgba(255, 255, 255, 0.7);
}

.hero.is-success a.navbar-item:hover, .hero.is-success a.navbar-item.is-active,
.hero.is-success .navbar-link:hover,
.hero.is-success .navbar-link.is-active {
  background-color: #3abb81;
  color: #fff;
}

.hero.is-success .tabs a {
  color: #fff;
  opacity: 0.9;
}

.hero.is-success .tabs a:hover {
  opacity: 1;
}

.hero.is-success .tabs li.is-active a {
  color: #48c78e !important;
  opacity: 1;
}

.hero.is-success .tabs.is-boxed a, .hero.is-success .tabs.is-toggle a {
  color: #fff;
}

.hero.is-success .tabs.is-boxed a:hover, .hero.is-success .tabs.is-toggle a:hover {
  background-color: rgba(10, 10, 10, 0.1);
}

.hero.is-success .tabs.is-boxed li.is-active a, .hero.is-success .tabs.is-boxed li.is-active a:hover, .hero.is-success .tabs.is-toggle li.is-active a, .hero.is-success .tabs.is-toggle li.is-active a:hover {
  background-color: #fff;
  border-color: #fff;
  color: #48c78e;
}

.hero.is-success.is-bold {
  background-image: linear-gradient(141deg, #29b35e 0%, #48c78e 71%, #56d2af 100%);
}

@media screen and (max-width: 768px) {
  .hero.is-success.is-bold .navbar-menu {
    background-image: linear-gradient(141deg, #29b35e 0%, #48c78e 71%, #56d2af 100%);
  }
}

.hero.is-warning {
  background-color: #ffe08a;
  color: rgba(0, 0, 0, 0.7);
}

.hero.is-warning a:not(.button):not(.dropdown-item):not(.tag):not(.pagination-link.is-current),
.hero.is-warning strong {
  color: inherit;
}

.hero.is-warning .title {
  color: rgba(0, 0, 0, 0.7);
}

.hero.is-warning .subtitle {
  color: rgba(0, 0, 0, 0.9);
}

.hero.is-warning .subtitle a:not(.button),
.hero.is-warning .subtitle strong {
  color: rgba(0, 0, 0, 0.7);
}

@media screen and (max-width: 1023px) {
  .hero.is-warning .navbar-menu {
    background-color: #ffe08a;
  }
}

.hero.is-warning .navbar-item,
.hero.is-warning .navbar-link {
  color: rgba(0, 0, 0, 0.7);
}

.hero.is-warning a.navbar-item:hover, .hero.is-warning a.navbar-item.is-active,
.hero.is-warning .navbar-link:hover,
.hero.is-warning .navbar-link.is-active {
  background-color: #ffd970;
  color: rgba(0, 0, 0, 0.7);
}

.hero.is-warning .tabs a {
  color: rgba(0, 0, 0, 0.7);
  opacity: 0.9;
}

.hero.is-warning .tabs a:hover {
  opacity: 1;
}

.hero.is-warning .tabs li.is-active a {
  color: #ffe08a !important;
  opacity: 1;
}

.hero.is-warning .tabs.is-boxed a, .hero.is-warning .tabs.is-toggle a {
  color: rgba(0, 0, 0, 0.7);
}

.hero.is-warning .tabs.is-boxed a:hover, .hero.is-warning .tabs.is-toggle a:hover {
  background-color: rgba(10, 10, 10, 0.1);
}

.hero.is-warning .tabs.is-boxed li.is-active a, .hero.is-warning .tabs.is-boxed li.is-active a:hover, .hero.is-warning .tabs.is-toggle li.is-active a, .hero.is-warning .tabs.is-toggle li.is-active a:hover {
  background-color: rgba(0, 0, 0, 0.7);
  border-color: rgba(0, 0, 0, 0.7);
  color: #ffe08a;
}

.hero.is-warning.is-bold {
  background-image: linear-gradient(141deg, #ffb657 0%, #ffe08a 71%, #fff6a3 100%);
}

@media screen and (max-width: 768px) {
  .hero.is-warning.is-bold .navbar-menu {
    background-image: linear-gradient(141deg, #ffb657 0%, #ffe08a 71%, #fff6a3 100%);
  }
}

.hero.is-danger {
  background-color: #f14668;
  color: #fff;
}

.hero.is-danger a:not(.button):not(.dropdown-item):not(.tag):not(.pagination-link.is-current),
.hero.is-danger strong {
  color: inherit;
}

.hero.is-danger .title {
  color: #fff;
}

.hero.is-danger .subtitle {
  color: rgba(255, 255, 255, 0.9);
}

.hero.is-danger .subtitle a:not(.button),
.hero.is-danger .subtitle strong {
  color: #fff;
}

@media screen and (max-width: 1023px) {
  .hero.is-danger .navbar-menu {
    background-color: #f14668;
  }
}

.hero.is-danger .navbar-item,
.hero.is-danger .navbar-link {
  color: rgba(255, 255, 255, 0.7);
}

.hero.is-danger a.navbar-item:hover, .hero.is-danger a.navbar-item.is-active,
.hero.is-danger .navbar-link:hover,
.hero.is-danger .navbar-link.is-active {
  background-color: #ef2e55;
  color: #fff;
}

.hero.is-danger .tabs a {
  color: #fff;
  opacity: 0.9;
}

.hero.is-danger .tabs a:hover {
  opacity: 1;
}

.hero.is-danger .tabs li.is-active a {
  color: #f14668 !important;
  opacity: 1;
}

.hero.is-danger .tabs.is-boxed a, .hero.is-danger .tabs.is-toggle a {
  color: #fff;
}

.hero.is-danger .tabs.is-boxed a:hover, .hero.is-danger .tabs.is-toggle a:hover {
  background-color: rgba(10, 10, 10, 0.1);
}

.hero.is-danger .tabs.is-boxed li.is-active a, .hero.is-danger .tabs.is-boxed li.is-active a:hover, .hero.is-danger .tabs.is-toggle li.is-active a, .hero.is-danger .tabs.is-toggle li.is-active a:hover {
  background-color: #fff;
  border-color: #fff;
  color: #f14668;
}

.hero.is-danger.is-bold {
  background-image: linear-gradient(141deg, #fa0a62 0%, #f14668 71%, #f7595f 100%);
}

@media screen and (max-width: 768px) {
  .hero.is-danger.is-bold .navbar-menu {
    background-image: linear-gradient(141deg, #fa0a62 0%, #f14668 71%, #f7595f 100%);
  }
}

.hero.is-small .hero-body {
  padding: 1.5rem;
}

@media screen and (min-width: 769px), print {
  .hero.is-medium .hero-body {
    padding: 9rem 4.5rem;
  }
}

@media screen and (min-width: 769px), print {
  .hero.is-large .hero-body {
    padding: 18rem 6rem;
  }
}

.hero.is-halfheight .hero-body, .hero.is-fullheight .hero-body, .hero.is-fullheight-with-navbar .hero-body {
  align-items: center;
  display: flex;
}

.hero.is-halfheight .hero-body > .container, .hero.is-fullheight .hero-body > .container, .hero.is-fullheight-with-navbar .hero-body > .container {
  flex-grow: 1;
  flex-shrink: 1;
}

.hero.is-halfheight {
  min-height: 50vh;
}

.hero.is-fullheight {
  min-height: 100vh;
}

.hero-video {
  overflow: hidden;
}

.hero-video video {
  left: 50%;
  min-height: 100%;
  min-width: 100%;
  position: absolute;
  top: 50%;
  transform: translate3d(-50%, -50%, 0);
}

.hero-video.is-transparent {
  opacity: 0.3;
}

@media screen and (max-width: 768px) {
  .hero-video {
    display: none;
  }
}

.hero-buttons {
  margin-top: 1.5rem;
}

@media screen and (max-width: 768px) {
  .hero-buttons .button {
    display: flex;
  }
  .hero-buttons .button:not(:last-child) {
    margin-bottom: 0.75rem;
  }
}

@media screen and (min-width: 769px), print {
  .hero-buttons {
    display: flex;
    justify-content: center;
  }
  .hero-buttons .button:not(:last-child) {
    margin-right: 1.5rem;
  }
}

.hero-head,
.hero-foot {
  flex-grow: 0;
  flex-shrink: 0;
}

.hero-body {
  flex-grow: 1;
  flex-shrink: 0;
  padding: 3rem 1.5rem;
}

@media screen and (min-width: 769px), print {
  .hero-body {
    padding: 3rem 3rem;
  }
}

.section {
  padding: 3rem 1.5rem;
}

@media screen and (min-width: 1024px) {
  .section {
    padding: 3rem 3rem;
  }
  .section.is-medium {
    padding: 9rem 4.5rem;
  }
  .section.is-large {
    padding: 18rem 6rem;
  }
}

.footer {
  background-color: #fafafa;
  padding: 3rem 1.5rem 6rem;
}

/* Bulma Elements */
.box {
  background-color: white;
  border-radius: 6px;
  box-shadow: 0 0.5em 1em -0.125em rgba(10, 10, 10, 0.1), 0 0px 0 1px rgba(10, 10, 10, 0.02);
  color: #4a4a4a;
  display: block;
  padding: 1.25rem;
}

a.box:hover, a.box:focus {
  box-shadow: 0 0.5em 1em -0.125em rgba(10, 10, 10, 0.1), 0 0 0 1px #485fc7;
}

a.box:active {
  box-shadow: inset 0 1px 2px rgba(10, 10, 10, 0.2), 0 0 0 1px #485fc7;
}

.button {
  background-color: white;
  border-color: #dbdbdb;
  border-width: 1px;
  color: #363636;
  cursor: pointer;
  justify-content: center;
  padding-bottom: calc(0.5em - 1px);
  padding-left: 1em;
  padding-right: 1em;
  padding-top: calc(0.5em - 1px);
  text-align: center;
  white-space: nowrap;
}

.button strong {
  color: inherit;
}

.button .icon, .button .icon.is-small, .button .icon.is-medium, .button .icon.is-large {
  height: 1.5em;
  width: 1.5em;
}

.button .icon:first-child:not(:last-child) {
  margin-left: calc(-0.5em - 1px);
  margin-right: 0.25em;
}

.button .icon:last-child:not(:first-child) {
  margin-left: 0.25em;
  margin-right: calc(-0.5em - 1px);
}

.button .icon:first-child:last-child {
  margin-left: calc(-0.5em - 1px);
  margin-right: calc(-0.5em - 1px);
}

.button:hover, .button.is-hovered {
  border-color: #b5b5b5;
  color: #363636;
}

.button:focus, .button.is-focused {
  border-color: #485fc7;
  color: #363636;
}

.button:focus:not(:active), .button.is-focused:not(:active) {
  box-shadow: 0 0 0 0.125em rgba(72, 95, 199, 0.25);
}

.button:active, .button.is-active {
  border-color: #4a4a4a;
  color: #363636;
}

.button.is-text {
  background-color: transparent;
  border-color: transparent;
  color: #4a4a4a;
  text-decoration: underline;
}

.button.is-text:hover, .button.is-text.is-hovered, .button.is-text:focus, .button.is-text.is-focused {
  background-color: whitesmoke;
  color: #363636;
}

.button.is-text:active, .button.is-text.is-active {
  background-color: #e8e8e8;
  color: #363636;
}

.button.is-text[disabled],
fieldset[disabled] .button.is-text {
  background-color: transparent;
  border-color: transparent;
  box-shadow: none;
}

.button.is-ghost {
  background: none;
  border-color: transparent;
  color: #485fc7;
  text-decoration: none;
}

.button.is-ghost:hover, .button.is-ghost.is-hovered {
  color: #485fc7;
  text-decoration: underline;
}

.button.is-white {
  background-color: white;
  border-color: transparent;
  color: #0a0a0a;
}

.button.is-white:hover, .button.is-white.is-hovered {
  background-color: #f9f9f9;
  border-color: transparent;
  color: #0a0a0a;
}

.button.is-white:focus, .button.is-white.is-focused {
  border-color: transparent;
  color: #0a0a0a;
}

.button.is-white:focus:not(:active), .button.is-white.is-focused:not(:active) {
  box-shadow: 0 0 0 0.125em rgba(255, 255, 255, 0.25);
}

.button.is-white:active, .button.is-white.is-active {
  background-color: #f2f2f2;
  border-color: transparent;
  color: #0a0a0a;
}

.button.is-white[disabled],
fieldset[disabled] .button.is-white {
  background-color: white;
  border-color: white;
  box-shadow: none;
}

.button.is-white.is-inverted {
  background-color: #0a0a0a;
  color: white;
}

.button.is-white.is-inverted:hover, .button.is-white.is-inverted.is-hovered {
  background-color: black;
}

.button.is-white.is-inverted[disabled],
fieldset[disabled] .button.is-white.is-inverted {
  background-color: #0a0a0a;
  border-color: transparent;
  box-shadow: none;
  color: white;
}

.button.is-white.is-loading::after {
  border-color: transparent transparent #0a0a0a #0a0a0a !important;
}

.button.is-white.is-outlined {
  background-color: transparent;
  border-color: white;
  color: white;
}

.button.is-white.is-outlined:hover, .button.is-white.is-outlined.is-hovered, .button.is-white.is-outlined:focus, .button.is-white.is-outlined.is-focused {
  background-color: white;
  border-color: white;
  color: #0a0a0a;
}

.button.is-white.is-outlined.is-loading::after {
  border-color: transparent transparent white white !important;
}

.button.is-white.is-outlined.is-loading:hover::after, .button.is-white.is-outlined.is-loading.is-hovered::after, .button.is-white.is-outlined.is-loading:focus::after, .button.is-white.is-outlined.is-loading.is-focused::after {
  border-color: transparent transparent #0a0a0a #0a0a0a !important;
}

.button.is-white.is-outlined[disabled],
fieldset[disabled] .button.is-white.is-outlined {
  background-color: transparent;
  border-color: white;
  box-shadow: none;
  color: white;
}

.button.is-white.is-inverted.is-outlined {
  background-color: transparent;
  border-color: #0a0a0a;
  color: #0a0a0a;
}

.button.is-white.is-inverted.is-outlined:hover, .button.is-white.is-inverted.is-outlined.is-hovered, .button.is-white.is-inverted.is-outlined:focus, .button.is-white.is-inverted.is-outlined.is-focused {
  background-color: #0a0a0a;
  color: white;
}

.button.is-white.is-inverted.is-outlined.is-loading:hover::after, .button.is-white.is-inverted.is-outlined.is-loading.is-hovered::after, .button.is-white.is-inverted.is-outlined.is-loading:focus::after, .button.is-white.is-inverted.is-outlined.is-loading.is-focused::after {
  border-color: transparent transparent white white !important;
}

.button.is-white.is-inverted.is-outlined[disabled],
fieldset[disabled] .button.is-white.is-inverted.is-outlined {
  background-color: transparent;
  border-color: #0a0a0a;
  box-shadow: none;
  color: #0a0a0a;
}

.button.is-black {
  background-color: #0a0a0a;
  border-color: transparent;
  color: white;
}

.button.is-black:hover, .button.is-black.is-hovered {
  background-color: #040404;
  border-color: transparent;
  color: white;
}

.button.is-black:focus, .button.is-black.is-focused {
  border-color: transparent;
  color: white;
}

.button.is-black:focus:not(:active), .button.is-black.is-focused:not(:active) {
  box-shadow: 0 0 0 0.125em rgba(10, 10, 10, 0.25);
}

.button.is-black:active, .button.is-black.is-active {
  background-color: black;
  border-color: transparent;
  color: white;
}

.button.is-black[disabled],
fieldset[disabled] .button.is-black {
  background-color: #0a0a0a;
  border-color: #0a0a0a;
  box-shadow: none;
}

.button.is-black.is-inverted {
  background-color: white;
  color: #0a0a0a;
}

.button.is-black.is-inverted:hover, .button.is-black.is-inverted.is-hovered {
  background-color: #f2f2f2;
}

.button.is-black.is-inverted[disabled],
fieldset[disabled] .button.is-black.is-inverted {
  background-color: white;
  border-color: transparent;
  box-shadow: none;
  color: #0a0a0a;
}

.button.is-black.is-loading::after {
  border-color: transparent transparent white white !important;
}

.button.is-black.is-outlined {
  background-color: transparent;
  border-color: #0a0a0a;
  color: #0a0a0a;
}

.button.is-black.is-outlined:hover, .button.is-black.is-outlined.is-hovered, .button.is-black.is-outlined:focus, .button.is-black.is-outlined.is-focused {
  background-color: #0a0a0a;
  border-color: #0a0a0a;
  color: white;
}

.button.is-black.is-outlined.is-loading::after {
  border-color: transparent transparent #0a0a0a #0a0a0a !important;
}

.button.is-black.is-outlined.is-loading:hover::after, .button.is-black.is-outlined.is-loading.is-hovered::after, .button.is-black.is-outlined.is-loading:focus::after, .button.is-black.is-outlined.is-loading.is-focused::after {
  border-color: transparent transparent white white !important;
}

.button.is-black.is-outlined[disabled],
fieldset[disabled] .button.is-black.is-outlined {
  background-color: transparent;
  border-color: #0a0a0a;
  box-shadow: none;
  color: #0a0a0a;
}

.button.is-black.is-inverted.is-outlined {
  background-color: transparent;
  border-color: white;
  color: white;
}

.button.is-black.is-inverted.is-outlined:hover, .button.is-black.is-inverted.is-outlined.is-hovered, .button.is-black.is-inverted.is-outlined:focus, .button.is-black.is-inverted.is-outlined.is-focused {
  background-color: white;
  color: #0a0a0a;
}

.button.is-black.is-inverted.is-outlined.is-loading:hover::after, .button.is-black.is-inverted.is-outlined.is-loading.is-hovered::after, .button.is-black.is-inverted.is-outlined.is-loading:focus::after, .button.is-black.is-inverted.is-outlined.is-loading.is-focused::after {
  border-color: transparent transparent #0a0a0a #0a0a0a !important;
}

.button.is-black.is-inverted.is-outlined[disabled],
fieldset[disabled] .button.is-black.is-inverted.is-outlined {
  background-color: transparent;
  border-color: white;
  box-shadow: none;
  color: white;
}

.button.is-light {
  background-color: whitesmoke;
  border-color: transparent;
  color: rgba(0, 0, 0, 0.7);
}

.button.is-light:hover, .button.is-light.is-hovered {
  background-color: #eeeeee;
  border-color: transparent;
  color: rgba(0, 0, 0, 0.7);
}

.button.is-light:focus, .button.is-light.is-focused {
  border-color: transparent;
  color: rgba(0, 0, 0, 0.7);
}

.button.is-light:focus:not(:active), .button.is-light.is-focused:not(:active) {
  box-shadow: 0 0 0 0.125em rgba(245, 245, 245, 0.25);
}

.button.is-light:active, .button.is-light.is-active {
  background-color: #e8e8e8;
  border-color: transparent;
  color: rgba(0, 0, 0, 0.7);
}

.button.is-light[disabled],
fieldset[disabled] .button.is-light {
  background-color: whitesmoke;
  border-color: whitesmoke;
  box-shadow: none;
}

.button.is-light.is-inverted {
  background-color: rgba(0, 0, 0, 0.7);
  color: whitesmoke;
}

.button.is-light.is-inverted:hover, .button.is-light.is-inverted.is-hovered {
  background-color: rgba(0, 0, 0, 0.7);
}

.button.is-light.is-inverted[disabled],
fieldset[disabled] .button.is-light.is-inverted {
  background-color: rgba(0, 0, 0, 0.7);
  border-color: transparent;
  box-shadow: none;
  color: whitesmoke;
}

.button.is-light.is-loading::after {
  border-color: transparent transparent rgba(0, 0, 0, 0.7) rgba(0, 0, 0, 0.7) !important;
}

.button.is-light.is-outlined {
  background-color: transparent;
  border-color: whitesmoke;
  color: whitesmoke;
}

.button.is-light.is-outlined:hover, .button.is-light.is-outlined.is-hovered, .button.is-light.is-outlined:focus, .button.is-light.is-outlined.is-focused {
  background-color: whitesmoke;
  border-color: whitesmoke;
  color: rgba(0, 0, 0, 0.7);
}

.button.is-light.is-outlined.is-loading::after {
  border-color: transparent transparent whitesmoke whitesmoke !important;
}

.button.is-light.is-outlined.is-loading:hover::after, .button.is-light.is-outlined.is-loading.is-hovered::after, .button.is-light.is-outlined.is-loading:focus::after, .button.is-light.is-outlined.is-loading.is-focused::after {
  border-color: transparent transparent rgba(0, 0, 0, 0.7) rgba(0, 0, 0, 0.7) !important;
}

.button.is-light.is-outlined[disabled],
fieldset[disabled] .button.is-light.is-outlined {
  background-color: transparent;
  border-color: whitesmoke;
  box-shadow: none;
  color: whitesmoke;
}

.button.is-light.is-inverted.is-outlined {
  background-color: transparent;
  border-color: rgba(0, 0, 0, 0.7);
  color: rgba(0, 0, 0, 0.7);
}

.button.is-light.is-inverted.is-outlined:hover, .button.is-light.is-inverted.is-outlined.is-hovered, .button.is-light.is-inverted.is-outlined:focus, .button.is-light.is-inverted.is-outlined.is-focused {
  background-color: rgba(0, 0, 0, 0.7);
  color: whitesmoke;
}

.button.is-light.is-inverted.is-outlined.is-loading:hover::after, .button.is-light.is-inverted.is-outlined.is-loading.is-hovered::after, .button.is-light.is-inverted.is-outlined.is-loading:focus::after, .button.is-light.is-inverted.is-outlined.is-loading.is-focused::after {
  border-color: transparent transparent whitesmoke whitesmoke !important;
}

.button.is-light.is-inverted.is-outlined[disabled],
fieldset[disabled] .button.is-light.is-inverted.is-outlined {
  background-color: transparent;
  border-color: rgba(0, 0, 0, 0.7);
  box-shadow: none;
  color: rgba(0, 0, 0, 0.7);
}

.button.is-dark {
  background-color: #363636;
  border-color: transparent;
  color: #fff;
}

.button.is-dark:hover, .button.is-dark.is-hovered {
  background-color: #2f2f2f;
  border-color: transparent;
  color: #fff;
}

.button.is-dark:focus, .button.is-dark.is-focused {
  border-color: transparent;
  color: #fff;
}

.button.is-dark:focus:not(:active), .button.is-dark.is-focused:not(:active) {
  box-shadow: 0 0 0 0.125em rgba(54, 54, 54, 0.25);
}

.button.is-dark:active, .button.is-dark.is-active {
  background-color: #292929;
  border-color: transparent;
  color: #fff;
}

.button.is-dark[disabled],
fieldset[disabled] .button.is-dark {
  background-color: #363636;
  border-color: #363636;
  box-shadow: none;
}

.button.is-dark.is-inverted {
  background-color: #fff;
  color: #363636;
}

.button.is-dark.is-inverted:hover, .button.is-dark.is-inverted.is-hovered {
  background-color: #f2f2f2;
}

.button.is-dark.is-inverted[disabled],
fieldset[disabled] .button.is-dark.is-inverted {
  background-color: #fff;
  border-color: transparent;
  box-shadow: none;
  color: #363636;
}

.button.is-dark.is-loading::after {
  border-color: transparent transparent #fff #fff !important;
}

.button.is-dark.is-outlined {
  background-color: transparent;
  border-color: #363636;
  color: #363636;
}

.button.is-dark.is-outlined:hover, .button.is-dark.is-outlined.is-hovered, .button.is-dark.is-outlined:focus, .button.is-dark.is-outlined.is-focused {
  background-color: #363636;
  border-color: #363636;
  color: #fff;
}

.button.is-dark.is-outlined.is-loading::after {
  border-color: transparent transparent #363636 #363636 !important;
}

.button.is-dark.is-outlined.is-loading:hover::after, .button.is-dark.is-outlined.is-loading.is-hovered::after, .button.is-dark.is-outlined.is-loading:focus::after, .button.is-dark.is-outlined.is-loading.is-focused::after {
  border-color: transparent transparent #fff #fff !important;
}

.button.is-dark.is-outlined[disabled],
fieldset[disabled] .button.is-dark.is-outlined {
  background-color: transparent;
  border-color: #363636;
  box-shadow: none;
  color: #363636;
}

.button.is-dark.is-inverted.is-outlined {
  background-color: transparent;
  border-color: #fff;
  color: #fff;
}

.button.is-dark.is-inverted.is-outlined:hover, .button.is-dark.is-inverted.is-outlined.is-hovered, .button.is-dark.is-inverted.is-outlined:focus, .button.is-dark.is-inverted.is-outlined.is-focused {
  background-color: #fff;
  color: #363636;
}

.button.is-dark.is-inverted.is-outlined.is-loading:hover::after, .button.is-dark.is-inverted.is-outlined.is-loading.is-hovered::after, .button.is-dark.is-inverted.is-outlined.is-loading:focus::after, .button.is-dark.is-inverted.is-outlined.is-loading.is-focused::after {
  border-color: transparent transparent #363636 #363636 !important;
}

.button.is-dark.is-inverted.is-outlined[disabled],
fieldset[disabled] .button.is-dark.is-inverted.is-outlined {
  background-color: transparent;
  border-color: #fff;
  box-shadow: none;
  color: #fff;
}

.button.is-primary {
  background-color: #00d1b2;
  border-color: transparent;
  color: #fff;
}

.button.is-primary:hover, .button.is-primary.is-hovered {
  background-color: #00c4a7;
  border-color: transparent;
  color: #fff;
}

.button.is-primary:focus, .button.is-primary.is-focused {
  border-color: transparent;
  color: #fff;
}

.button.is-primary:focus:not(:active), .button.is-primary.is-focused:not(:active) {
  box-shadow: 0 0 0 0.125em rgba(0, 209, 178, 0.25);
}

.button.is-primary:active, .button.is-primary.is-active {
  background-color: #00b89c;
  border-color: transparent;
  color: #fff;
}

.button.is-primary[disabled],
fieldset[disabled] .button.is-primary {
  background-color: #00d1b2;
  border-color: #00d1b2;
  box-shadow: none;
}

.button.is-primary.is-inverted {
  background-color: #fff;
  color: #00d1b2;
}

.button.is-primary.is-inverted:hover, .button.is-primary.is-inverted.is-hovered {
  background-color: #f2f2f2;
}

.button.is-primary.is-inverted[disabled],
fieldset[disabled] .button.is-primary.is-inverted {
  background-color: #fff;
  border-color: transparent;
  box-shadow: none;
  color: #00d1b2;
}

.button.is-primary.is-loading::after {
  border-color: transparent transparent #fff #fff !important;
}

.button.is-primary.is-outlined {
  background-color: transparent;
  border-color: #00d1b2;
  color: #00d1b2;
}

.button.is-primary.is-outlined:hover, .button.is-primary.is-outlined.is-hovered, .button.is-primary.is-outlined:focus, .button.is-primary.is-outlined.is-focused {
  background-color: #00d1b2;
  border-color: #00d1b2;
  color: #fff;
}

.button.is-primary.is-outlined.is-loading::after {
  border-color: transparent transparent #00d1b2 #00d1b2 !important;
}

.button.is-primary.is-outlined.is-loading:hover::after, .button.is-primary.is-outlined.is-loading.is-hovered::after, .button.is-primary.is-outlined.is-loading:focus::after, .button.is-primary.is-outlined.is-loading.is-focused::after {
  border-color: transparent transparent #fff #fff !important;
}

.button.is-primary.is-outlined[disabled],
fieldset[disabled] .button.is-primary.is-outlined {
  background-color: transparent;
  border-color: #00d1b2;
  box-shadow: none;
  color: #00d1b2;
}

.button.is-primary.is-inverted.is-outlined {
  background-color: transparent;
  border-color: #fff;
  color: #fff;
}

.button.is-primary.is-inverted.is-outlined:hover, .button.is-primary.is-inverted.is-outlined.is-hovered, .button.is-primary.is-inverted.is-outlined:focus, .button.is-primary.is-inverted.is-outlined.is-focused {
  background-color: #fff;
  color: #00d1b2;
}

.button.is-primary.is-inverted.is-outlined.is-loading:hover::after, .button.is-primary.is-inverted.is-outlined.is-loading.is-hovered::after, .button.is-primary.is-inverted.is-outlined.is-loading:focus::after, .button.is-primary.is-inverted.is-outlined.is-loading.is-focused::after {
  border-color: transparent transparent #00d1b2 #00d1b2 !important;
}

.button.is-primary.is-inverted.is-outlined[disabled],
fieldset[disabled] .button.is-primary.is-inverted.is-outlined {
  background-color: transparent;
  border-color: #fff;
  box-shadow: none;
  color: #fff;
}

.button.is-primary.is-light {
  background-color: #ebfffc;
  color: #00947e;
}

.button.is-primary.is-light:hover, .button.is-primary.is-light.is-hovered {
  background-color: #defffa;
  border-color: transparent;
  color: #00947e;
}

.button.is-primary.is-light:active, .button.is-primary.is-light.is-active {
  background-color: #d1fff8;
  border-color: transparent;
  color: #00947e;
}

.button.is-link {
  background-color: #485fc7;
  border-color: transparent;
  color: #fff;
}

.button.is-link:hover, .button.is-link.is-hovered {
  background-color: #3e56c4;
  border-color: transparent;
  color: #fff;
}

.button.is-link:focus, .button.is-link.is-focused {
  border-color: transparent;
  color: #fff;
}

.button.is-link:focus:not(:active), .button.is-link.is-focused:not(:active) {
  box-shadow: 0 0 0 0.125em rgba(72, 95, 199, 0.25);
}

.button.is-link:active, .button.is-link.is-active {
  background-color: #3a51bb;
  border-color: transparent;
  color: #fff;
}

.button.is-link[disabled],
fieldset[disabled] .button.is-link {
  background-color: #485fc7;
  border-color: #485fc7;
  box-shadow: none;
}

.button.is-link.is-inverted {
  background-color: #fff;
  color: #485fc7;
}

.button.is-link.is-inverted:hover, .button.is-link.is-inverted.is-hovered {
  background-color: #f2f2f2;
}

.button.is-link.is-inverted[disabled],
fieldset[disabled] .button.is-link.is-inverted {
  background-color: #fff;
  border-color: transparent;
  box-shadow: none;
  color: #485fc7;
}

.button.is-link.is-loading::after {
  border-color: transparent transparent #fff #fff !important;
}

.button.is-link.is-outlined {
  background-color: transparent;
  border-color: #485fc7;
  color: #485fc7;
}

.button.is-link.is-outlined:hover, .button.is-link.is-outlined.is-hovered, .button.is-link.is-outlined:focus, .button.is-link.is-outlined.is-focused {
  background-color: #485fc7;
  border-color: #485fc7;
  color: #fff;
}

.button.is-link.is-outlined.is-loading::after {
  border-color: transparent transparent #485fc7 #485fc7 !important;
}

.button.is-link.is-outlined.is-loading:hover::after, .button.is-link.is-outlined.is-loading.is-hovered::after, .button.is-link.is-outlined.is-loading:focus::after, .button.is-link.is-outlined.is-loading.is-focused::after {
  border-color: transparent transparent #fff #fff !important;
}

.button.is-link.is-outlined[disabled],
fieldset[disabled] .button.is-link.is-outlined {
  background-color: transparent;
  border-color: #485fc7;
  box-shadow: none;
  color: #485fc7;
}

.button.is-link.is-inverted.is-outlined {
  background-color: transparent;
  border-color: #fff;
  color: #fff;
}

.button.is-link.is-inverted.is-outlined:hover, .button.is-link.is-inverted.is-outlined.is-hovered, .button.is-link.is-inverted.is-outlined:focus, .button.is-link.is-inverted.is-outlined.is-focused {
  background-color: #fff;
  color: #485fc7;
}

.button.is-link.is-inverted.is-outlined.is-loading:hover::after, .button.is-link.is-inverted.is-outlined.is-loading.is-hovered::after, .button.is-link.is-inverted.is-outlined.is-loading:focus::after, .button.is-link.is-inverted.is-outlined.is-loading.is-focused::after {
  border-color: transparent transparent #485fc7 #485fc7 !important;
}

.button.is-link.is-inverted.is-outlined[disabled],
fieldset[disabled] .button.is-link.is-inverted.is-outlined {
  background-color: transparent;
  border-color: #fff;
  box-shadow: none;
  color: #fff;
}

.button.is-link.is-light {
  background-color: #eff1fa;
  color: #3850b7;
}

.button.is-link.is-light:hover, .button.is-link.is-light.is-hovered {
  background-color: #e6e9f7;
  border-color: transparent;
  color: #3850b7;
}

.button.is-link.is-light:active, .button.is-link.is-light.is-active {
  background-color: #dce0f4;
  border-color: transparent;
  color: #3850b7;
}

.button.is-info {
  background-color: #3e8ed0;
  border-color: transparent;
  color: #fff;
}

.button.is-info:hover, .button.is-info.is-hovered {
  background-color: #3488ce;
  border-color: transparent;
  color: #fff;
}

.button.is-info:focus, .button.is-info.is-focused {
  border-color: transparent;
  color: #fff;
}

.button.is-info:focus:not(:active), .button.is-info.is-focused:not(:active) {
  box-shadow: 0 0 0 0.125em rgba(62, 142, 208, 0.25);
}

.button.is-info:active, .button.is-info.is-active {
  background-color: #3082c5;
  border-color: transparent;
  color: #fff;
}

.button.is-info[disabled],
fieldset[disabled] .button.is-info {
  background-color: #3e8ed0;
  border-color: #3e8ed0;
  box-shadow: none;
}

.button.is-info.is-inverted {
  background-color: #fff;
  color: #3e8ed0;
}

.button.is-info.is-inverted:hover, .button.is-info.is-inverted.is-hovered {
  background-color: #f2f2f2;
}

.button.is-info.is-inverted[disabled],
fieldset[disabled] .button.is-info.is-inverted {
  background-color: #fff;
  border-color: transparent;
  box-shadow: none;
  color: #3e8ed0;
}

.button.is-info.is-loading::after {
  border-color: transparent transparent #fff #fff !important;
}

.button.is-info.is-outlined {
  background-color: transparent;
  border-color: #3e8ed0;
  color: #3e8ed0;
}

.button.is-info.is-outlined:hover, .button.is-info.is-outlined.is-hovered, .button.is-info.is-outlined:focus, .button.is-info.is-outlined.is-focused {
  background-color: #3e8ed0;
  border-color: #3e8ed0;
  color: #fff;
}

.button.is-info.is-outlined.is-loading::after {
  border-color: transparent transparent #3e8ed0 #3e8ed0 !important;
}

.button.is-info.is-outlined.is-loading:hover::after, .button.is-info.is-outlined.is-loading.is-hovered::after, .button.is-info.is-outlined.is-loading:focus::after, .button.is-info.is-outlined.is-loading.is-focused::after {
  border-color: transparent transparent #fff #fff !important;
}

.button.is-info.is-outlined[disabled],
fieldset[disabled] .button.is-info.is-outlined {
  background-color: transparent;
  border-color: #3e8ed0;
  box-shadow: none;
  color: #3e8ed0;
}

.button.is-info.is-inverted.is-outlined {
  background-color: transparent;
  border-color: #fff;
  color: #fff;
}

.button.is-info.is-inverted.is-outlined:hover, .button.is-info.is-inverted.is-outlined.is-hovered, .button.is-info.is-inverted.is-outlined:focus, .button.is-info.is-inverted.is-outlined.is-focused {
  background-color: #fff;
  color: #3e8ed0;
}

.button.is-info.is-inverted.is-outlined.is-loading:hover::after, .button.is-info.is-inverted.is-outlined.is-loading.is-hovered::after, .button.is-info.is-inverted.is-outlined.is-loading:focus::after, .button.is-info.is-inverted.is-outlined.is-loading.is-focused::after {
  border-color: transparent transparent #3e8ed0 #3e8ed0 !important;
}

.button.is-info.is-inverted.is-outlined[disabled],
fieldset[disabled] .button.is-info.is-inverted.is-outlined {
  background-color: transparent;
  border-color: #fff;
  box-shadow: none;
  color: #fff;
}

.button.is-info.is-light {
  background-color: #eff5fb;
  color: #296fa8;
}

.button.is-info.is-light:hover, .button.is-info.is-light.is-hovered {
  background-color: #e4eff9;
  border-color: transparent;
  color: #296fa8;
}

.button.is-info.is-light:active, .button.is-info.is-light.is-active {
  background-color: #dae9f6;
  border-color: transparent;
  color: #296fa8;
}

.button.is-success {
  background-color: #48c78e;
  border-color: transparent;
  color: #fff;
}

.button.is-success:hover, .button.is-success.is-hovered {
  background-color: #3ec487;
  border-color: transparent;
  color: #fff;
}

.button.is-success:focus, .button.is-success.is-focused {
  border-color: transparent;
  color: #fff;
}

.button.is-success:focus:not(:active), .button.is-success.is-focused:not(:active) {
  box-shadow: 0 0 0 0.125em rgba(72, 199, 142, 0.25);
}

.button.is-success:active, .button.is-success.is-active {
  background-color: #3abb81;
  border-color: transparent;
  color: #fff;
}

.button.is-success[disabled],
fieldset[disabled] .button.is-success {
  background-color: #48c78e;
  border-color: #48c78e;
  box-shadow: none;
}

.button.is-success.is-inverted {
  background-color: #fff;
  color: #48c78e;
}

.button.is-success.is-inverted:hover, .button.is-success.is-inverted.is-hovered {
  background-color: #f2f2f2;
}

.button.is-success.is-inverted[disabled],
fieldset[disabled] .button.is-success.is-inverted {
  background-color: #fff;
  border-color: transparent;
  box-shadow: none;
  color: #48c78e;
}

.button.is-success.is-loading::after {
  border-color: transparent transparent #fff #fff !important;
}

.button.is-success.is-outlined {
  background-color: transparent;
  border-color: #48c78e;
  color: #48c78e;
}

.button.is-success.is-outlined:hover, .button.is-success.is-outlined.is-hovered, .button.is-success.is-outlined:focus, .button.is-success.is-outlined.is-focused {
  background-color: #48c78e;
  border-color: #48c78e;
  color: #fff;
}

.button.is-success.is-outlined.is-loading::after {
  border-color: transparent transparent #48c78e #48c78e !important;
}

.button.is-success.is-outlined.is-loading:hover::after, .button.is-success.is-outlined.is-loading.is-hovered::after, .button.is-success.is-outlined.is-loading:focus::after, .button.is-success.is-outlined.is-loading.is-focused::after {
  border-color: transparent transparent #fff #fff !important;
}

.button.is-success.is-outlined[disabled],
fieldset[disabled] .button.is-success.is-outlined {
  background-color: transparent;
  border-color: #48c78e;
  box-shadow: none;
  color: #48c78e;
}

.button.is-success.is-inverted.is-outlined {
  background-color: transparent;
  border-color: #fff;
  color: #fff;
}

.button.is-success.is-inverted.is-outlined:hover, .button.is-success.is-inverted.is-outlined.is-hovered, .button.is-success.is-inverted.is-outlined:focus, .button.is-success.is-inverted.is-outlined.is-focused {
  background-color: #fff;
  color: #48c78e;
}

.button.is-success.is-inverted.is-outlined.is-loading:hover::after, .button.is-success.is-inverted.is-outlined.is-loading.is-hovered::after, .button.is-success.is-inverted.is-outlined.is-loading:focus::after, .button.is-success.is-inverted.is-outlined.is-loading.is-focused::after {
  border-color: transparent transparent #48c78e #48c78e !important;
}

.button.is-success.is-inverted.is-outlined[disabled],
fieldset[disabled] .button.is-success.is-inverted.is-outlined {
  background-color: transparent;
  border-color: #fff;
  box-shadow: none;
  color: #fff;
}

.button.is-success.is-light {
  background-color: #effaf5;
  color: #257953;
}

.button.is-success.is-light:hover, .button.is-success.is-light.is-hovered {
  background-color: #e6f7ef;
  border-color: transparent;
  color: #257953;
}

.button.is-success.is-light:active, .button.is-success.is-light.is-active {
  background-color: #dcf4e9;
  border-color: transparent;
  color: #257953;
}

.button.is-warning {
  background-color: #ffe08a;
  border-color: transparent;
  color: rgba(0, 0, 0, 0.7);
}

.button.is-warning:hover, .button.is-warning.is-hovered {
  background-color: #ffdc7d;
  border-color: transparent;
  color: rgba(0, 0, 0, 0.7);
}

.button.is-warning:focus, .button.is-warning.is-focused {
  border-color: transparent;
  color: rgba(0, 0, 0, 0.7);
}

.button.is-warning:focus:not(:active), .button.is-warning.is-focused:not(:active) {
  box-shadow: 0 0 0 0.125em rgba(255, 224, 138, 0.25);
}

.button.is-warning:active, .button.is-warning.is-active {
  background-color: #ffd970;
  border-color: transparent;
  color: rgba(0, 0, 0, 0.7);
}

.button.is-warning[disabled],
fieldset[disabled] .button.is-warning {
  background-color: #ffe08a;
  border-color: #ffe08a;
  box-shadow: none;
}

.button.is-warning.is-inverted {
  background-color: rgba(0, 0, 0, 0.7);
  color: #ffe08a;
}

.button.is-warning.is-inverted:hover, .button.is-warning.is-inverted.is-hovered {
  background-color: rgba(0, 0, 0, 0.7);
}

.button.is-warning.is-inverted[disabled],
fieldset[disabled] .button.is-warning.is-inverted {
  background-color: rgba(0, 0, 0, 0.7);
  border-color: transparent;
  box-shadow: none;
  color: #ffe08a;
}

.button.is-warning.is-loading::after {
  border-color: transparent transparent rgba(0, 0, 0, 0.7) rgba(0, 0, 0, 0.7) !important;
}

.button.is-warning.is-outlined {
  background-color: transparent;
  border-color: #ffe08a;
  color: #ffe08a;
}

.button.is-warning.is-outlined:hover, .button.is-warning.is-outlined.is-hovered, .button.is-warning.is-outlined:focus, .button.is-warning.is-outlined.is-focused {
  background-color: #ffe08a;
  border-color: #ffe08a;
  color: rgba(0, 0, 0, 0.7);
}

.button.is-warning.is-outlined.is-loading::after {
  border-color: transparent transparent #ffe08a #ffe08a !important;
}

.button.is-warning.is-outlined.is-loading:hover::after, .button.is-warning.is-outlined.is-loading.is-hovered::after, .button.is-warning.is-outlined.is-loading:focus::after, .button.is-warning.is-outlined.is-loading.is-focused::after {
  border-color: transparent transparent rgba(0, 0, 0, 0.7) rgba(0, 0, 0, 0.7) !important;
}

.button.is-warning.is-outlined[disabled],
fieldset[disabled] .button.is-warning.is-outlined {
  background-color: transparent;
  border-color: #ffe08a;
  box-shadow: none;
  color: #ffe08a;
}

.button.is-warning.is-inverted.is-outlined {
  background-color: transparent;
  border-color: rgba(0, 0, 0, 0.7);
  color: rgba(0, 0, 0, 0.7);
}

.button.is-warning.is-inverted.is-outlined:hover, .button.is-warning.is-inverted.is-outlined.is-hovered, .button.is-warning.is-inverted.is-outlined:focus, .button.is-warning.is-inverted.is-outlined.is-focused {
  background-color: rgba(0, 0, 0, 0.7);
  color: #ffe08a;
}

.button.is-warning.is-inverted.is-outlined.is-loading:hover::after, .button.is-warning.is-inverted.is-outlined.is-loading.is-hovered::after, .button.is-warning.is-inverted.is-outlined.is-loading:focus::after, .button.is-warning.is-inverted.is-outlined.is-loading.is-focused::after {
  border-color: transparent transparent #ffe08a #ffe08a !important;
}

.button.is-warning.is-inverted.is-outlined[disabled],
fieldset[disabled] .button.is-warning.is-inverted.is-outlined {
  background-color: transparent;
  border-color: rgba(0, 0, 0, 0.7);
  box-shadow: none;
  color: rgba(0, 0, 0, 0.7);
}

.button.is-warning.is-light {
  background-color: #fffaeb;
  color: #946c00;
}

.button.is-warning.is-light:hover, .button.is-warning.is-light.is-hovered {
  background-color: #fff6de;
  border-color: transparent;
  color: #946c00;
}

.button.is-warning.is-light:active, .button.is-warning.is-light.is-active {
  background-color: #fff3d1;
  border-color: transparent;
  color: #946c00;
}

.button.is-danger {
  background-color: #f14668;
  border-color: transparent;
  color: #fff;
}

.button.is-danger:hover, .button.is-danger.is-hovered {
  background-color: #f03a5f;
  border-color: transparent;
  color: #fff;
}

.button.is-danger:focus, .button.is-danger.is-focused {
  border-color: transparent;
  color: #fff;
}

.button.is-danger:focus:not(:active), .button.is-danger.is-focused:not(:active) {
  box-shadow: 0 0 0 0.125em rgba(241, 70, 104, 0.25);
}

.button.is-danger:active, .button.is-danger.is-active {
  background-color: #ef2e55;
  border-color: transparent;
  color: #fff;
}

.button.is-danger[disabled],
fieldset[disabled] .button.is-danger {
  background-color: #f14668;
  border-color: #f14668;
  box-shadow: none;
}

.button.is-danger.is-inverted {
  background-color: #fff;
  color: #f14668;
}

.button.is-danger.is-inverted:hover, .button.is-danger.is-inverted.is-hovered {
  background-color: #f2f2f2;
}

.button.is-danger.is-inverted[disabled],
fieldset[disabled] .button.is-danger.is-inverted {
  background-color: #fff;
  border-color: transparent;
  box-shadow: none;
  color: #f14668;
}

.button.is-danger.is-loading::after {
  border-color: transparent transparent #fff #fff !important;
}

.button.is-danger.is-outlined {
  background-color: transparent;
  border-color: #f14668;
  color: #f14668;
}

.button.is-danger.is-outlined:hover, .button.is-danger.is-outlined.is-hovered, .button.is-danger.is-outlined:focus, .button.is-danger.is-outlined.is-focused {
  background-color: #f14668;
  border-color: #f14668;
  color: #fff;
}

.button.is-danger.is-outlined.is-loading::after {
  border-color: transparent transparent #f14668 #f14668 !important;
}

.button.is-danger.is-outlined.is-loading:hover::after, .button.is-danger.is-outlined.is-loading.is-hovered::after, .button.is-danger.is-outlined.is-loading:focus::after, .button.is-danger.is-outlined.is-loading.is-focused::after {
  border-color: transparent transparent #fff #fff !important;
}

.button.is-danger.is-outlined[disabled],
fieldset[disabled] .button.is-danger.is-outlined {
  background-color: transparent;
  border-color: #f14668;
  box-shadow: none;
  color: #f14668;
}

.button.is-danger.is-inverted.is-outlined {
  background-color: transparent;
  border-color: #fff;
  color: #fff;
}

.button.is-danger.is-inverted.is-outlined:hover, .button.is-danger.is-inverted.is-outlined.is-hovered, .button.is-danger.is-inverted.is-outlined:focus, .button.is-danger.is-inverted.is-outlined.is-focused {
  background-color: #fff;
  color: #f14668;
}

.button.is-danger.is-inverted.is-outlined.is-loading:hover::after, .button.is-danger.is-inverted.is-outlined.is-loading.is-hovered::after, .button.is-danger.is-inverted.is-outlined.is-loading:focus::after, .button.is-danger.is-inverted.is-outlined.is-loading.is-focused::after {
  border-color: transparent transparent #f14668 #f14668 !important;
}

.button.is-danger.is-inverted.is-outlined[disabled],
fieldset[disabled] .button.is-danger.is-inverted.is-outlined {
  background-color: transparent;
  border-color: #fff;
  box-shadow: none;
  color: #fff;
}

.button.is-danger.is-light {
  background-color: #feecf0;
  color: #cc0f35;
}

.button.is-danger.is-light:hover, .button.is-danger.is-light.is-hovered {
  background-color: #fde0e6;
  border-color: transparent;
  color: #cc0f35;
}

.button.is-danger.is-light:active, .button.is-danger.is-light.is-active {
  background-color: #fcd4dc;
  border-color: transparent;
  color: #cc0f35;
}

.button.is-small {
  font-size: 0.75rem;
}

.button.is-small:not(.is-rounded) {
  border-radius: 2px;
}

.button.is-normal {
  font-size: 1rem;
}

.button.is-medium {
  font-size: 1.25rem;
}

.button.is-large {
  font-size: 1.5rem;
}

.button[disabled],
fieldset[disabled] .button {
  background-color: white;
  border-color: #dbdbdb;
  box-shadow: none;
  opacity: 0.5;
}

.button.is-fullwidth {
  display: flex;
  width: 100%;
}

.button.is-loading {
  color: transparent !important;
  pointer-events: none;
}

.button.is-loading::after {
  position: absolute;
  left: calc(50% - (1em * 0.5));
  top: calc(50% - (1em * 0.5));
  position: absolute !important;
}

.button.is-static {
  background-color: whitesmoke;
  border-color: #dbdbdb;
  color: #7a7a7a;
  box-shadow: none;
  pointer-events: none;
}

.button.is-rounded {
  border-radius: 9999px;
  padding-left: calc(1em + 0.25em);
  padding-right: calc(1em + 0.25em);
}

.buttons {
  align-items: center;
  display: flex;
  flex-wrap: wrap;
  justify-content: flex-start;
}

.buttons .button {
  margin-bottom: 0.5rem;
}

.buttons .button:not(:last-child):not(.is-fullwidth) {
  margin-right: 0.5rem;
}

.buttons:last-child {
  margin-bottom: -0.5rem;
}

.buttons:not(:last-child) {
  margin-bottom: 1rem;
}

.buttons.are-small .button:not(.is-normal):not(.is-medium):not(.is-large) {
  font-size: 0.75rem;
}

.buttons.are-small .button:not(.is-normal):not(.is-medium):not(.is-large):not(.is-rounded) {
  border-radius: 2px;
}

.buttons.are-medium .button:not(.is-small):not(.is-normal):not(.is-large) {
  font-size: 1.25rem;
}

.buttons.are-large .button:not(.is-small):not(.is-normal):not(.is-medium) {
  font-size: 1.5rem;
}

.buttons.has-addons .button:not(:first-child) {
  border-bottom-left-radius: 0;
  border-top-left-radius: 0;
}

.buttons.has-addons .button:not(:last-child) {
  border-bottom-right-radius: 0;
  border-top-right-radius: 0;
  margin-right: -1px;
}

.buttons.has-addons .button:last-child {
  margin-right: 0;
}

.buttons.has-addons .button:hover, .buttons.has-addons .button.is-hovered {
  z-index: 2;
}

.buttons.has-addons .button:focus, .buttons.has-addons .button.is-focused, .buttons.has-addons .button:active, .buttons.has-addons .button.is-active, .buttons.has-addons .button.is-selected {
  z-index: 3;
}

.buttons.has-addons .button:focus:hover, .buttons.has-addons .button.is-focused:hover, .buttons.has-addons .button:active:hover, .buttons.has-addons .button.is-active:hover, .buttons.has-addons .button.is-selected:hover {
  z-index: 4;
}

.buttons.has-addons .button.is-expanded {
  flex-grow: 1;
  flex-shrink: 1;
}

.buttons.is-centered {
  justify-content: center;
}

.buttons.is-centered:not(.has-addons) .button:not(.is-fullwidth) {
  margin-left: 0.25rem;
  margin-right: 0.25rem;
}

.buttons.is-right {
  justify-content: flex-end;
}

.buttons.is-right:not(.has-addons) .button:not(.is-fullwidth) {
  margin-left: 0.25rem;
  margin-right: 0.25rem;
}

@media screen and (max-width: 768px) {
  .button.is-responsive.is-small {
    font-size: 0.5625rem;
  }
  .button.is-responsive,
  .button.is-responsive.is-normal {
    font-size: 0.65625rem;
  }
  .button.is-responsive.is-medium {
    font-size: 0.75rem;
  }
  .button.is-responsive.is-large {
    font-size: 1rem;
  }
}

@media screen and (min-width: 769px) and (max-width: 1023px) {
  .button.is-responsive.is-small {
    font-size: 0.65625rem;
  }
  .button.is-responsive,
  .button.is-responsive.is-normal {
    font-size: 0.75rem;
  }
  .button.is-responsive.is-medium {
    font-size: 1rem;
  }
  .button.is-responsive.is-large {
    font-size: 1.25rem;
  }
}

.container {
  flex-grow: 1;
  margin: 0 auto;
  position: relative;
  width: auto;
}

.container.is-fluid {
  max-width: none !important;
  padding-left: 32px;
  padding-right: 32px;
  width: 100%;
}

@media screen and (min-width: 1024px) {
  .container {
    max-width: 960px;
  }
}

@media screen and (max-width: 1215px) {
  .container.is-widescreen:not(.is-max-desktop) {
    max-width: 1152px;
  }
}

@media screen and (max-width: 1407px) {
  .container.is-fullhd:not(.is-max-desktop):not(.is-max-widescreen) {
    max-width: 1344px;
  }
}

@media screen and (min-width: 1216px) {
  .container:not(.is-max-desktop) {
    max-width: 1152px;
  }
}

@media screen and (min-width: 1408px) {
  .container:not(.is-max-desktop):not(.is-max-widescreen) {
    max-width: 1344px;
  }
}

.content li + li {
  margin-top: 0.25em;
}

.content p:not(:last-child),
.content dl:not(:last-child),
.content ol:not(:last-child),
.content ul:not(:last-child),
.content blockquote:not(:last-child),
.content pre:not(:last-child),
.content table:not(:last-child) {
  margin-bottom: 1em;
}

.content h1,
.content h2,
.content h3,
.content h4,
.content h5,
.content h6 {
  color: #363636;
  font-weight: 600;
  line-height: 1.125;
}

.content h1 {
  font-size: 2em;
  margin-bottom: 0.5em;
}

.content h1:not(:first-child) {
  margin-top: 1em;
}

.content h2 {
  font-size: 1.75em;
  margin-bottom: 0.5714em;
}

.content h2:not(:first-child) {
  margin-top: 1.1428em;
}

.content h3 {
  font-size: 1.5em;
  margin-bottom: 0.6666em;
}

.content h3:not(:first-child) {
  margin-top: 1.3333em;
}

.content h4 {
  font-size: 1.25em;
  margin-bottom: 0.8em;
}

.content h5 {
  font-size: 1.125em;
  margin-bottom: 0.8888em;
}

.content h6 {
  font-size: 1em;
  margin-bottom: 1em;
}

.content blockquote {
  background-color: whitesmoke;
  border-left: 5px solid #dbdbdb;
  padding: 1.25em 1.5em;
}

.content ol {
  list-style-position: outside;
  margin-left: 2em;
  margin-top: 1em;
}

.content ol:not([type]) {
  list-style-type: decimal;
}

.content ol:not([type]).is-lower-alpha {
  list-style-type: lower-alpha;
}

.content ol:not([type]).is-lower-roman {
  list-style-type: lower-roman;
}

.content ol:not([type]).is-upper-alpha {
  list-style-type: upper-alpha;
}

.content ol:not([type]).is-upper-roman {
  list-style-type: upper-roman;
}

.content ul {
  list-style: disc outside;
  margin-left: 2em;
  margin-top: 1em;
}

.content ul ul {
  list-style-type: circle;
  margin-top: 0.5em;
}

.content ul ul ul {
  list-style-type: square;
}

.content dd {
  margin-left: 2em;
}

.content figure {
  margin-left: 2em;
  margin-right: 2em;
  text-align: center;
}

.content figure:not(:first-child) {
  margin-top: 2em;
}

.content figure:not(:last-child) {
  margin-bottom: 2em;
}

.content figure img {
  display: inline-block;
}

.content figure figcaption {
  font-style: italic;
}

.content pre {
  -webkit-overflow-scrolling: touch;
  overflow-x: auto;
  padding: 1.25em 1.5em;
  white-space: pre;
  word-wrap: normal;
}

.content sup,
.content sub {
  font-size: 75%;
}

.content table {
  width: 100%;
}

.content table td,
.content table th {
  border: 1px solid #dbdbdb;
  border-width: 0 0 1px;
  padding: 0.5em 0.75em;
  vertical-align: top;
}

.content table th {
  color: #363636;
}

.content table th:not([align]) {
  text-align: inherit;
}

.content table thead td,
.content table thead th {
  border-width: 0 0 2px;
  color: #363636;
}

.content table tfoot td,
.content table tfoot th {
  border-width: 2px 0 0;
  color: #363636;
}

.content table tbody tr:last-child td,
.content table tbody tr:last-child th {
  border-bottom-width: 0;
}

.content .tabs li + li {
  margin-top: 0;
}

.content.is-small {
  font-size: 0.75rem;
}

.content.is-normal {
  font-size: 1rem;
}

.content.is-medium {
  font-size: 1.25rem;
}

.content.is-large {
  font-size: 1.5rem;
}

.icon {
  align-items: center;
  display: inline-flex;
  justify-content: center;
  height: 1.5rem;
  width: 1.5rem;
}

.icon.is-small {
  height: 1rem;
  width: 1rem;
}

.icon.is-medium {
  height: 2rem;
  width: 2rem;
}

.icon.is-large {
  height: 3rem;
  width: 3rem;
}

.icon-text {
  align-items: flex-start;
  color: inherit;
  display: inline-flex;
  flex-wrap: wrap;
  line-height: 1.5rem;
  vertical-align: top;
}

.icon-text .icon {
  flex-grow: 0;
  flex-shrink: 0;
}

.icon-text .icon:not(:last-child) {
  margin-right: 0.25em;
}

.icon-text .icon:not(:first-child) {
  margin-left: 0.25em;
}

div.icon-text {
  display: flex;
}

.image {
  display: block;
  position: relative;
}

.image img {
  display: block;
  height: auto;
  width: 100%;
}

.image img.is-rounded {
  border-radius: 9999px;
}

.image.is-fullwidth {
  width: 100%;
}

.image.is-square img,
.image.is-square .has-ratio, .image.is-1by1 img,
.image.is-1by1 .has-ratio, .image.is-5by4 img,
.image.is-5by4 .has-ratio, .image.is-4by3 img,
.image.is-4by3 .has-ratio, .image.is-3by2 img,
.image.is-3by2 .has-ratio, .image.is-5by3 img,
.image.is-5by3 .has-ratio, .image.is-16by9 img,
.image.is-16by9 .has-ratio, .image.is-2by1 img,
.image.is-2by1 .has-ratio, .image.is-3by1 img,
.image.is-3by1 .has-ratio, .image.is-4by5 img,
.image.is-4by5 .has-ratio, .image.is-3by4 img,
.image.is-3by4 .has-ratio, .image.is-2by3 img,
.image.is-2by3 .has-ratio, .image.is-3by5 img,
.image.is-3by5 .has-ratio, .image.is-9by16 img,
.image.is-9by16 .has-ratio, .image.is-1by2 img,
.image.is-1by2 .has-ratio, .image.is-1by3 img,
.image.is-1by3 .has-ratio {
  height: 100%;
  width: 100%;
}

.image.is-square, .image.is-1by1 {
  padding-top: 100%;
}

.image.is-5by4 {
  padding-top: 80%;
}

.image.is-4by3 {
  padding-top: 75%;
}

.image.is-3by2 {
  padding-top: 66.6666%;
}

.image.is-5by3 {
  padding-top: 60%;
}

.image.is-16by9 {
  padding-top: 56.25%;
}

.image.is-2by1 {
  padding-top: 50%;
}

.image.is-3by1 {
  padding-top: 33.3333%;
}

.image.is-4by5 {
  padding-top: 125%;
}

.image.is-3by4 {
  padding-top: 133.3333%;
}

.image.is-2by3 {
  padding-top: 150%;
}

.image.is-3by5 {
  padding-top: 166.6666%;
}

.image.is-9by16 {
  padding-top: 177.7777%;
}

.image.is-1by2 {
  padding-top: 200%;
}

.image.is-1by3 {
  padding-top: 300%;
}

.image.is-16x16 {
  height: 16px;
  width: 16px;
}

.image.is-24x24 {
  height: 24px;
  width: 24px;
}

.image.is-32x32 {
  height: 32px;
  width: 32px;
}

.image.is-48x48 {
  height: 48px;
  width: 48px;
}

.image.is-64x64 {
  height: 64px;
  width: 64px;
}

.image.is-96x96 {
  height: 96px;
  width: 96px;
}

.image.is-128x128 {
  height: 128px;
  width: 128px;
}

.notification {
  background-color: whitesmoke;
  border-radius: 4px;
  position: relative;
  padding: 1.25rem 2.5rem 1.25rem 1.5rem;
}

.notification a:not(.button):not(.dropdown-item) {
  color: currentColor;
  text-decoration: underline;
}

.notification strong {
  color: currentColor;
}

.notification code,
.notification pre {
  background: white;
}

.notification pre code {
  background: transparent;
}

.notification > .delete {
  right: 0.5rem;
  position: absolute;
  top: 0.5rem;
}

.notification .title,
.notification .subtitle,
.notification .content {
  color: currentColor;
}

.notification.is-white {
  background-color: white;
  color: #0a0a0a;
}

.notification.is-black {
  background-color: #0a0a0a;
  color: white;
}

.notification.is-light {
  background-color: whitesmoke;
  color: rgba(0, 0, 0, 0.7);
}

.notification.is-dark {
  background-color: #363636;
  color: #fff;
}

.notification.is-primary {
  background-color: #00d1b2;
  color: #fff;
}

.notification.is-primary.is-light {
  background-color: #ebfffc;
  color: #00947e;
}

.notification.is-link {
  background-color: #485fc7;
  color: #fff;
}

.notification.is-link.is-light {
  background-color: #eff1fa;
  color: #3850b7;
}

.notification.is-info {
  background-color: #3e8ed0;
  color: #fff;
}

.notification.is-info.is-light {
  background-color: #eff5fb;
  color: #296fa8;
}

.notification.is-success {
  background-color: #48c78e;
  color: #fff;
}

.notification.is-success.is-light {
  background-color: #effaf5;
  color: #257953;
}

.notification.is-warning {
  background-color: #ffe08a;
  color: rgba(0, 0, 0, 0.7);
}

.notification.is-warning.is-light {
  background-color: #fffaeb;
  color: #946c00;
}

.notification.is-danger {
  background-color: #f14668;
  color: #fff;
}

.notification.is-danger.is-light {
  background-color: #feecf0;
  color: #cc0f35;
}

.progress {
  -moz-appearance: none;
  -webkit-appearance: none;
  border: none;
  border-radius: 9999px;
  display: block;
  height: 1rem;
  overflow: hidden;
  padding: 0;
  width: 100%;
}

.progress::-webkit-progress-bar {
  background-color: #ededed;
}

.progress::-webkit-progress-value {
  background-color: #4a4a4a;
}

.progress::-moz-progress-bar {
  background-color: #4a4a4a;
}

.progress::-ms-fill {
  background-color: #4a4a4a;
  border: none;
}

.progress.is-white::-webkit-progress-value {
  background-color: white;
}

.progress.is-white::-moz-progress-bar {
  background-color: white;
}

.progress.is-white::-ms-fill {
  background-color: white;
}

.progress.is-white:indeterminate {
  background-image: linear-gradient(to right, white 30%, #ededed 30%);
}

.progress.is-black::-webkit-progress-value {
  background-color: #0a0a0a;
}

.progress.is-black::-moz-progress-bar {
  background-color: #0a0a0a;
}

.progress.is-black::-ms-fill {
  background-color: #0a0a0a;
}

.progress.is-black:indeterminate {
  background-image: linear-gradient(to right, #0a0a0a 30%, #ededed 30%);
}

.progress.is-light::-webkit-progress-value {
  background-color: whitesmoke;
}

.progress.is-light::-moz-progress-bar {
  background-color: whitesmoke;
}

.progress.is-light::-ms-fill {
  background-color: whitesmoke;
}

.progress.is-light:indeterminate {
  background-image: linear-gradient(to right, whitesmoke 30%, #ededed 30%);
}

.progress.is-dark::-webkit-progress-value {
  background-color: #363636;
}

.progress.is-dark::-moz-progress-bar {
  background-color: #363636;
}

.progress.is-dark::-ms-fill {
  background-color: #363636;
}

.progress.is-dark:indeterminate {
  background-image: linear-gradient(to right, #363636 30%, #ededed 30%);
}

.progress.is-primary::-webkit-progress-value {
  background-color: #00d1b2;
}

.progress.is-primary::-moz-progress-bar {
  background-color: #00d1b2;
}

.progress.is-primary::-ms-fill {
  background-color: #00d1b2;
}

.progress.is-primary:indeterminate {
  background-image: linear-gradient(to right, #00d1b2 30%, #ededed 30%);
}

.progress.is-link::-webkit-progress-value {
  background-color: #485fc7;
}

.progress.is-link::-moz-progress-bar {
  background-color: #485fc7;
}

.progress.is-link::-ms-fill {
  background-color: #485fc7;
}

.progress.is-link:indeterminate {
  background-image: linear-gradient(to right, #485fc7 30%, #ededed 30%);
}

.progress.is-info::-webkit-progress-value {
  background-color: #3e8ed0;
}

.progress.is-info::-moz-progress-bar {
  background-color: #3e8ed0;
}

.progress.is-info::-ms-fill {
  background-color: #3e8ed0;
}

.progress.is-info:indeterminate {
  background-image: linear-gradient(to right, #3e8ed0 30%, #ededed 30%);
}

.progress.is-success::-webkit-progress-value {
  background-color: #48c78e;
}

.progress.is-success::-moz-progress-bar {
  background-color: #48c78e;
}

.progress.is-success::-ms-fill {
  background-color: #48c78e;
}

.progress.is-success:indeterminate {
  background-image: linear-gradient(to right, #48c78e 30%, #ededed 30%);
}

.progress.is-warning::-webkit-progress-value {
  background-color: #ffe08a;
}

.progress.is-warning::-moz-progress-bar {
  background-color: #ffe08a;
}

.progress.is-warning::-ms-fill {
  background-color: #ffe08a;
}

.progress.is-warning:indeterminate {
  background-image: linear-gradient(to right, #ffe08a 30%, #ededed 30%);
}

.progress.is-danger::-webkit-progress-value {
  background-color: #f14668;
}

.progress.is-danger::-moz-progress-bar {
  background-color: #f14668;
}

.progress.is-danger::-ms-fill {
  background-color: #f14668;
}

.progress.is-danger:indeterminate {
  background-image: linear-gradient(to right, #f14668 30%, #ededed 30%);
}

.progress:indeterminate {
  animation-duration: 1.5s;
  animation-iteration-count: infinite;
  animation-name: moveIndeterminate;
  animation-timing-function: linear;
  background-color: #ededed;
  background-image: linear-gradient(to right, #4a4a4a 30%, #ededed 30%);
  background-position: top left;
  background-repeat: no-repeat;
  background-size: 150% 150%;
}

.progress:indeterminate::-webkit-progress-bar {
  background-color: transparent;
}

.progress:indeterminate::-moz-progress-bar {
  background-color: transparent;
}

.progress:indeterminate::-ms-fill {
  animation-name: none;
}

.progress.is-small {
  height: 0.75rem;
}

.progress.is-medium {
  height: 1.25rem;
}

.progress.is-large {
  height: 1.5rem;
}

@keyframes moveIndeterminate {
  from {
    background-position: 200% 0;
  }
  to {
    background-position: -200% 0;
  }
}

.table {
  background-color: white;
  color: #363636;
}

.table td,
.table th {
  border: 1px solid #dbdbdb;
  border-width: 0 0 1px;
  padding: 0.5em 0.75em;
  vertical-align: top;
}

.table td.is-white,
.table th.is-white {
  background-color: white;
  border-color: white;
  color: #0a0a0a;
}

.table td.is-black,
.table th.is-black {
  background-color: #0a0a0a;
  border-color: #0a0a0a;
  color: white;
}

.table td.is-light,
.table th.is-light {
  background-color: whitesmoke;
  border-color: whitesmoke;
  color: rgba(0, 0, 0, 0.7);
}

.table td.is-dark,
.table th.is-dark {
  background-color: #363636;
  border-color: #363636;
  color: #fff;
}

.table td.is-primary,
.table th.is-primary {
  background-color: #00d1b2;
  border-color: #00d1b2;
  color: #fff;
}

.table td.is-link,
.table th.is-link {
  background-color: #485fc7;
  border-color: #485fc7;
  color: #fff;
}

.table td.is-info,
.table th.is-info {
  background-color: #3e8ed0;
  border-color: #3e8ed0;
  color: #fff;
}

.table td.is-success,
.table th.is-success {
  background-color: #48c78e;
  border-color: #48c78e;
  color: #fff;
}

.table td.is-warning,
.table th.is-warning {
  background-color: #ffe08a;
  border-color: #ffe08a;
  color: rgba(0, 0, 0, 0.7);
}

.table td.is-danger,
.table th.is-danger {
  background-color: #f14668;
  border-color: #f14668;
  color: #fff;
}

.table td.is-narrow,
.table th.is-narrow {
  white-space: nowrap;
  width: 1%;
}

.table td.is-selected,
.table th.is-selected {
  background-color: #00d1b2;
  color: #fff;
}

.table td.is-selected a,
.table td.is-selected strong,
.table th.is-selected a,
.table th.is-selected strong {
  color: currentColor;
}

.table td.is-vcentered,
.table th.is-vcentered {
  vertical-align: middle;
}

.table th {
  color: #363636;
}

.table th:not([align]) {
  text-align: left;
}

.table tr.is-selected {
  background-color: #00d1b2;
  color: #fff;
}

.table tr.is-selected a,
.table tr.is-selected strong {
  color: currentColor;
}

.table tr.is-selected td,
.table tr.is-selected th {
  border-color: #fff;
  color: currentColor;
}

.table thead {
  background-color: transparent;
}

.table thead td,
.table thead th {
  border-width: 0 0 2px;
  color: #363636;
}

.table tfoot {
  background-color: transparent;
}

.table tfoot td,
.table tfoot th {
  border-width: 2px 0 0;
  color: #363636;
}

.table tbody {
  background-color: transparent;
}

.table tbody tr:last-child td,
.table tbody tr:last-child th {
  border-bottom-width: 0;
}

.table.is-bordered td,
.table.is-bordered th {
  border-width: 1px;
}

.table.is-bordered tr:last-child td,
.table.is-bordered tr:last-child th {
  border-bottom-width: 1px;
}

.table.is-fullwidth {
  width: 100%;
}

.table.is-hoverable tbody tr:not(.is-selected):hover {
  background-color: #fafafa;
}

.table.is-hoverable.is-striped tbody tr:not(.is-selected):hover {
  background-color: #fafafa;
}

.table.is-hoverable.is-striped tbody tr:not(.is-selected):hover:nth-child(even) {
  background-color: whitesmoke;
}

.table.is-narrow td,
.table.is-narrow th {
  padding: 0.25em 0.5em;
}

.table.is-striped tbody tr:not(.is-selected):nth-child(even) {
  background-color: #fafafa;
}

.table-container {
  -webkit-overflow-scrolling: touch;
  overflow: auto;
  overflow-y: hidden;
  max-width: 100%;
}

.tags {
  align-items: center;
  display: flex;
  flex-wrap: wrap;
  justify-content: flex-start;
}

.tags .tag {
  margin-bottom: 0.5rem;
}

.tags .tag:not(:last-child) {
  margin-right: 0.5rem;
}

.tags:last-child {
  margin-bottom: -0.5rem;
}

.tags:not(:last-child) {
  margin-bottom: 1rem;
}

.tags.are-medium .tag:not(.is-normal):not(.is-large) {
  font-size: 1rem;
}

.tags.are-large .tag:not(.is-normal):not(.is-medium) {
  font-size: 1.25rem;
}

.tags.is-centered {
  justify-content: center;
}

.tags.is-centered .tag {
  margin-right: 0.25rem;
  margin-left: 0.25rem;
}

.tags.is-right {
  justify-content: flex-end;
}

.tags.is-right .tag:not(:first-child) {
  margin-left: 0.5rem;
}

.tags.is-right .tag:not(:last-child) {
  margin-right: 0;
}

.tags.has-addons .tag {
  margin-right: 0;
}

.tags.has-addons .tag:not(:first-child) {
  margin-left: 0;
  border-top-left-radius: 0;
  border-bottom-left-radius: 0;
}

.tags.has-addons .tag:not(:last-child) {
  border-top-right-radius: 0;
  border-bottom-right-radius: 0;
}

.tag:not(body) {
  align-items: center;
  background-color: whitesmoke;
  border-radius: 4px;
  color: #4a4a4a;
  display: inline-flex;
  font-size: 0.75rem;
  height: 2em;
  justify-content: center;
  line-height: 1.5;
  padding-left: 0.75em;
  padding-right: 0.75em;
  white-space: nowrap;
}

.tag:not(body) .delete {
  margin-left: 0.25rem;
  margin-right: -0.375rem;
}

.tag:not(body).is-white {
  background-color: white;
  color: #0a0a0a;
}

.tag:not(body).is-black {
  background-color: #0a0a0a;
  color: white;
}

.tag:not(body).is-light {
  background-color: whitesmoke;
  color: rgba(0, 0, 0, 0.7);
}

.tag:not(body).is-dark {
  background-color: #363636;
  color: #fff;
}

.tag:not(body).is-primary {
  background-color: #00d1b2;
  color: #fff;
}

.tag:not(body).is-primary.is-light {
  background-color: #ebfffc;
  color: #00947e;
}

.tag:not(body).is-link {
  background-color: #485fc7;
  color: #fff;
}

.tag:not(body).is-link.is-light {
  background-color: #eff1fa;
  color: #3850b7;
}

.tag:not(body).is-info {
  background-color: #3e8ed0;
  color: #fff;
}

.tag:not(body).is-info.is-light {
  background-color: #eff5fb;
  color: #296fa8;
}

.tag:not(body).is-success {
  background-color: #48c78e;
  color: #fff;
}

.tag:not(body).is-success.is-light {
  background-color: #effaf5;
  color: #257953;
}

.tag:not(body).is-warning {
  background-color: #ffe08a;
  color: rgba(0, 0, 0, 0.7);
}

.tag:not(body).is-warning.is-light {
  background-color: #fffaeb;
  color: #946c00;
}

.tag:not(body).is-danger {
  background-color: #f14668;
  color: #fff;
}

.tag:not(body).is-danger.is-light {
  background-color: #feecf0;
  color: #cc0f35;
}

.tag:not(body).is-normal {
  font-size: 0.75rem;
}

.tag:not(body).is-medium {
  font-size: 1rem;
}

.tag:not(body).is-large {
  font-size: 1.25rem;
}

.tag:not(body) .icon:first-child:not(:last-child) {
  margin-left: -0.375em;
  margin-right: 0.1875em;
}

.tag:not(body) .icon:last-child:not(:first-child) {
  margin-left: 0.1875em;
  margin-right: -0.375em;
}

.tag:not(body) .icon:first-child:last-child {
  margin-left: -0.375em;
  margin-right: -0.375em;
}

.tag:not(body).is-delete {
  margin-left: 1px;
  padding: 0;
  position: relative;
  width: 2em;
}

.tag:not(body).is-delete::before, .tag:not(body).is-delete::after {
  background-color: currentColor;
  content: "";
  display: block;
  left: 50%;
  position: absolute;
  top: 50%;
  transform: translateX(-50%) translateY(-50%) rotate(45deg);
  transform-origin: center center;
}

.tag:not(body).is-delete::before {
  height: 1px;
  width: 50%;
}

.tag:not(body).is-delete::after {
  height: 50%;
  width: 1px;
}

.tag:not(body).is-delete:hover, .tag:not(body).is-delete:focus {
  background-color: #e8e8e8;
}

.tag:not(body).is-delete:active {
  background-color: #dbdbdb;
}

.tag:not(body).is-rounded {
  border-radius: 9999px;
}

a.tag:hover {
  text-decoration: underline;
}

.title,
.subtitle {
  word-break: break-word;
}

.title em,
.title span,
.subtitle em,
.subtitle span {
  font-weight: inherit;
}

.title sub,
.subtitle sub {
  font-size: 0.75em;
}

.title sup,
.subtitle sup {
  font-size: 0.75em;
}

.title .tag,
.subtitle .tag {
  vertical-align: middle;
}

.title {
  color: #363636;
  font-size: 2rem;
  font-weight: 600;
  line-height: 1.125;
}

.title strong {
  color: inherit;
  font-weight: inherit;
}

.title:not(.is-spaced) + .subtitle {
  margin-top: -1.25rem;
}

.title.is-1 {
  font-size: 3rem;
}

.title.is-2 {
  font-size: 2.5rem;
}

.title.is-3 {
  font-size: 2rem;
}

.title.is-4 {
  font-size: 1.5rem;
}

.title.is-5 {
  font-size: 1.25rem;
}

.title.is-6 {
  font-size: 1rem;
}

.title.is-7 {
  font-size: 0.75rem;
}

.subtitle {
  color: #4a4a4a;
  font-size: 1.25rem;
  font-weight: 400;
  line-height: 1.25;
}

.subtitle strong {
  color: #363636;
  font-weight: 600;
}

.subtitle:not(.is-spaced) + .title {
  margin-top: -1.25rem;
}

.subtitle.is-1 {
  font-size: 3rem;
}

.subtitle.is-2 {
  font-size: 2.5rem;
}

.subtitle.is-3 {
  font-size: 2rem;
}

.subtitle.is-4 {
  font-size: 1.5rem;
}

.subtitle.is-5 {
  font-size: 1.25rem;
}

.subtitle.is-6 {
  font-size: 1rem;
}

.subtitle.is-7 {
  font-size: 0.75rem;
}

.heading {
  display: block;
  font-size: 11px;
  letter-spacing: 1px;
  margin-bottom: 5px;
  text-transform: uppercase;
}

.number {
  align-items: center;
  background-color: whitesmoke;
  border-radius: 9999px;
  display: inline-flex;
  font-size: 1.25rem;
  height: 2em;
  justify-content: center;
  margin-right: 1.5rem;
  min-width: 2.5em;
  padding: 0.25rem 0.5rem;
  text-align: center;
  vertical-align: top;
}

/* Bulma Components */
.breadcrumb {
  font-size: 1rem;
  white-space: nowrap;
}

.breadcrumb a {
  align-items: center;
  color: #485fc7;
  display: flex;
  justify-content: center;
  padding: 0 0.75em;
}

.breadcrumb a:hover {
  color: #363636;
}

.breadcrumb li {
  align-items: center;
  display: flex;
}

.breadcrumb li:first-child a {
  padding-left: 0;
}

.breadcrumb li.is-active a {
  color: #363636;
  cursor: default;
  pointer-events: none;
}

.breadcrumb li + li::before {
  color: #b5b5b5;
  content: "\0002f";
}

.breadcrumb ul,
.breadcrumb ol {
  align-items: flex-start;
  display: flex;
  flex-wrap: wrap;
  justify-content: flex-start;
}

.breadcrumb .icon:first-child {
  margin-right: 0.5em;
}

.breadcrumb .icon:last-child {
  margin-left: 0.5em;
}

.breadcrumb.is-centered ol,
.breadcrumb.is-centered ul {
  justify-content: center;
}

.breadcrumb.is-right ol,
.breadcrumb.is-right ul {
  justify-content: flex-end;
}

.breadcrumb.is-small {
  font-size: 0.75rem;
}

.breadcrumb.is-medium {
  font-size: 1.25rem;
}

.breadcrumb.is-large {
  font-size: 1.5rem;
}

.breadcrumb.has-arrow-separator li + li::before {
  content: "\02192";
}

.breadcrumb.has-bullet-separator li + li::before {
  content: "\02022";
}

.breadcrumb.has-dot-separator li + li::before {
  content: "\000b7";
}

.breadcrumb.has-succeeds-separator li + li::before {
  content: "\0227B";
}

.card {
  background-color: white;
  border-radius: 0.25rem;
  box-shadow: 0 0.5em 1em -0.125em rgba(10, 10, 10, 0.1), 0 0px 0 1px rgba(10, 10, 10, 0.02);
  color: #4a4a4a;
  max-width: 100%;
  position: relative;
}

.card-header:first-child, .card-content:first-child, .card-footer:first-child {
  border-top-left-radius: 0.25rem;
  border-top-right-radius: 0.25rem;
}

.card-header:last-child, .card-content:last-child, .card-footer:last-child {
  border-bottom-left-radius: 0.25rem;
  border-bottom-right-radius: 0.25rem;
}

.card-header {
  background-color: transparent;
  align-items: stretch;
  box-shadow: 0 0.125em 0.25em rgba(10, 10, 10, 0.1);
  display: flex;
}

.card-header-title {
  align-items: center;
  color: #363636;
  display: flex;
  flex-grow: 1;
  font-weight: 700;
  padding: 0.75rem 1rem;
}

.card-header-title.is-centered {
  justify-content: center;
}

.card-header-icon {
  -moz-appearance: none;
  -webkit-appearance: none;
  appearance: none;
  background: none;
  border: none;
  color: currentColor;
  font-family: inherit;
  font-size: 1em;
  margin: 0;
  padding: 0;
  align-items: center;
  cursor: pointer;
  display: flex;
  justify-content: center;
  padding: 0.75rem 1rem;
}

.card-image {
  display: block;
  position: relative;
}

.card-image:first-child img {
  border-top-left-radius: 0.25rem;
  border-top-right-radius: 0.25rem;
}

.card-image:last-child img {
  border-bottom-left-radius: 0.25rem;
  border-bottom-right-radius: 0.25rem;
}

.card-content {
  background-color: transparent;
  padding: 1.5rem;
}

.card-footer {
  background-color: transparent;
  border-top: 1px solid #ededed;
  align-items: stretch;
  display: flex;
}

.card-footer-item {
  align-items: center;
  display: flex;
  flex-basis: 0;
  flex-grow: 1;
  flex-shrink: 0;
  justify-content: center;
  padding: 0.75rem;
}

.card-footer-item:not(:last-child) {
  border-right: 1px solid #ededed;
}

.card .media:not(:last-child) {
  margin-bottom: 1.5rem;
}

.dropdown {
  display: inline-flex;
  position: relative;
  vertical-align: top;
}

.dropdown.is-active .dropdown-menu, .dropdown.is-hoverable:hover .dropdown-menu {
  display: block;
}

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

.dropdown.is-up .dropdown-menu {
  bottom: 100%;
  padding-bottom: 4px;
  padding-top: initial;
  top: auto;
}

.dropdown-menu {
  display: none;
  left: 0;
  min-width: 12rem;
  padding-top: 4px;
  position: absolute;
  top: 100%;
  z-index: 20;
}

.dropdown-content {
  background-color: white;
  border-radius: 4px;
  box-shadow: 0 0.5em 1em -0.125em rgba(10, 10, 10, 0.1), 0 0px 0 1px rgba(10, 10, 10, 0.02);
  padding-bottom: 0.5rem;
  padding-top: 0.5rem;
}

.dropdown-item {
  color: #4a4a4a;
  display: block;
  font-size: 0.875rem;
  line-height: 1.5;
  padding: 0.375rem 1rem;
  position: relative;
}

a.dropdown-item,
button.dropdown-item {
  padding-right: 3rem;
  text-align: inherit;
  white-space: nowrap;
  width: 100%;
}

a.dropdown-item:hover,
button.dropdown-item:hover {
  background-color: whitesmoke;
  color: #0a0a0a;
}

a.dropdown-item.is-active,
button.dropdown-item.is-active {
  background-color: #485fc7;
  color: #fff;
}

.dropdown-divider {
  background-color: #ededed;
  border: none;
  display: block;
  height: 1px;
  margin: 0.5rem 0;
}

.level {
  align-items: center;
  justify-content: space-between;
}

.level code {
  border-radius: 4px;
}

.level img {
  display: inline-block;
  vertical-align: top;
}

.level.is-mobile {
  display: flex;
}

.level.is-mobile .level-left,
.level.is-mobile .level-right {
  display: flex;
}

.level.is-mobile .level-left + .level-right {
  margin-top: 0;
}

.level.is-mobile .level-item:not(:last-child) {
  margin-bottom: 0;
  margin-right: 0.75rem;
}

.level.is-mobile .level-item:not(.is-narrow) {
  flex-grow: 1;
}

@media screen and (min-width: 769px), print {
  .level {
    display: flex;
  }
  .level > .level-item:not(.is-narrow) {
    flex-grow: 1;
  }
}

.level-item {
  align-items: center;
  display: flex;
  flex-basis: auto;
  flex-grow: 0;
  flex-shrink: 0;
  justify-content: center;
}

.level-item .title,
.level-item .subtitle {
  margin-bottom: 0;
}

@media screen and (max-width: 768px) {
  .level-item:not(:last-child) {
    margin-bottom: 0.75rem;
  }
}

.level-left,
.level-right {
  flex-basis: auto;
  flex-grow: 0;
  flex-shrink: 0;
}

.level-left .level-item.is-flexible,
.level-right .level-item.is-flexible {
  flex-grow: 1;
}

@media screen and (min-width: 769px), print {
  .level-left .level-item:not(:last-child),
  .level-right .level-item:not(:last-child) {
    margin-right: 0.75rem;
  }
}

.level-left {
  align-items: center;
  justify-content: flex-start;
}

@media screen and (max-width: 768px) {
  .level-left + .level-right {
    margin-top: 1.5rem;
  }
}

@media screen and (min-width: 769px), print {
  .level-left {
    display: flex;
  }
}

.level-right {
  align-items: center;
  justify-content: flex-end;
}

@media screen and (min-width: 769px), print {
  .level-right {
    display: flex;
  }
}

.media {
  align-items: flex-start;
  display: flex;
  text-align: inherit;
}

.media .content:not(:last-child) {
  margin-bottom: 0.75rem;
}

.media .media {
  border-top: 1px solid rgba(219, 219, 219, 0.5);
  display: flex;
  padding-top: 0.75rem;
}

.media .media .content:not(:last-child),
.media .media .control:not(:last-child) {
  margin-bottom: 0.5rem;
}

.media .media .media {
  padding-top: 0.5rem;
}

.media .media .media + .media {
  margin-top: 0.5rem;
}

.media + .media {
  border-top: 1px solid rgba(219, 219, 219, 0.5);
  margin-top: 1rem;
  padding-top: 1rem;
}

.media.is-large + .media {
  margin-top: 1.5rem;
  padding-top: 1.5rem;
}

.media-left,
.media-right {
  flex-basis: auto;
  flex-grow: 0;
  flex-shrink: 0;
}

.media-left {
  margin-right: 1rem;
}

.media-right {
  margin-left: 1rem;
}

.media-content {
  flex-basis: auto;
  flex-grow: 1;
  flex-shrink: 1;
  text-align: inherit;
}

@media screen and (max-width: 768px) {
  .media-content {
    overflow-x: auto;
  }
}

.menu {
  font-size: 1rem;
}

.menu.is-small {
  font-size: 0.75rem;
}

.menu.is-medium {
  font-size: 1.25rem;
}

.menu.is-large {
  font-size: 1.5rem;
}

.menu-list {
  line-height: 1.25;
}

.menu-list a {
  border-radius: 2px;
  color: #4a4a4a;
  display: block;
  padding: 0.5em 0.75em;
}

.menu-list a:hover {
  background-color: whitesmoke;
  color: #363636;
}

.menu-list a.is-active {
  background-color: #485fc7;
  color: #fff;
}

.menu-list li ul {
  border-left: 1px solid #dbdbdb;
  margin: 0.75em;
  padding-left: 0.75em;
}

.menu-label {
  color: #7a7a7a;
  font-size: 0.75em;
  letter-spacing: 0.1em;
  text-transform: uppercase;
}

.menu-label:not(:first-child) {
  margin-top: 1em;
}

.menu-label:not(:last-child) {
  margin-bottom: 1em;
}

.message {
  background-color: whitesmoke;
  border-radius: 4px;
  font-size: 1rem;
}

.message strong {
  color: currentColor;
}

.message a:not(.button):not(.tag):not(.dropdown-item) {
  color: currentColor;
  text-decoration: underline;
}

.message.is-small {
  font-size: 0.75rem;
}

.message.is-medium {
  font-size: 1.25rem;
}

.message.is-large {
  font-size: 1.5rem;
}

.message.is-white {
  background-color: white;
}

.message.is-white .message-header {
  background-color: white;
  color: #0a0a0a;
}

.message.is-white .message-body {
  border-color: white;
}

.message.is-black {
  background-color: #fafafa;
}

.message.is-black .message-header {
  background-color: #0a0a0a;
  color: white;
}

.message.is-black .message-body {
  border-color: #0a0a0a;
}

.message.is-light {
  background-color: #fafafa;
}

.message.is-light .message-header {
  background-color: whitesmoke;
  color: rgba(0, 0, 0, 0.7);
}

.message.is-light .message-body {
  border-color: whitesmoke;
}

.message.is-dark {
  background-color: #fafafa;
}

.message.is-dark .message-header {
  background-color: #363636;
  color: #fff;
}

.message.is-dark .message-body {
  border-color: #363636;
}

.message.is-primary {
  background-color: #ebfffc;
}

.message.is-primary .message-header {
  background-color: #00d1b2;
  color: #fff;
}

.message.is-primary .message-body {
  border-color: #00d1b2;
  color: #00947e;
}

.message.is-link {
  background-color: #eff1fa;
}

.message.is-link .message-header {
  background-color: #485fc7;
  color: #fff;
}

.message.is-link .message-body {
  border-color: #485fc7;
  color: #3850b7;
}

.message.is-info {
  background-color: #eff5fb;
}

.message.is-info .message-header {
  background-color: #3e8ed0;
  color: #fff;
}

.message.is-info .message-body {
  border-color: #3e8ed0;
  color: #296fa8;
}

.message.is-success {
  background-color: #effaf5;
}

.message.is-success .message-header {
  background-color: #48c78e;
  color: #fff;
}

.message.is-success .message-body {
  border-color: #48c78e;
  color: #257953;
}

.message.is-warning {
  background-color: #fffaeb;
}

.message.is-warning .message-header {
  background-color: #ffe08a;
  color: rgba(0, 0, 0, 0.7);
}

.message.is-warning .message-body {
  border-color: #ffe08a;
  color: #946c00;
}

.message.is-danger {
  background-color: #feecf0;
}

.message.is-danger .message-header {
  background-color: #f14668;
  color: #fff;
}

.message.is-danger .message-body {
  border-color: #f14668;
  color: #cc0f35;
}

.message-header {
  align-items: center;
  background-color: #4a4a4a;
  border-radius: 4px 4px 0 0;
  color: #fff;
  display: flex;
  font-weight: 700;
  justify-content: space-between;
  line-height: 1.25;
  padding: 0.75em 1em;
  position: relative;
}

.message-header .delete {
  flex-grow: 0;
  flex-shrink: 0;
  margin-left: 0.75em;
}

.message-header + .message-body {
  border-width: 0;
  border-top-left-radius: 0;
  border-top-right-radius: 0;
}

.message-body {
  border-color: #dbdbdb;
  border-radius: 4px;
  border-style: solid;
  border-width: 0 0 0 4px;
  color: #4a4a4a;
  padding: 1.25em 1.5em;
}

.message-body code,
.message-body pre {
  background-color: white;
}

.message-body pre code {
  background-color: transparent;
}

.modal {
  align-items: center;
  display: none;
  flex-direction: column;
  justify-content: center;
  overflow: hidden;
  position: fixed;
  z-index: 40;
}

.modal.is-active {
  display: flex;
}

.modal-background {
  background-color: rgba(10, 10, 10, 0.86);
}

.modal-content,
.modal-card {
  margin: 0 20px;
  max-height: calc(100vh - 160px);
  overflow: auto;
  position: relative;
  width: 100%;
}

@media screen and (min-width: 769px) {
  .modal-content,
  .modal-card {
    margin: 0 auto;
    max-height: calc(100vh - 40px);
    width: 640px;
  }
}

.modal-close {
  background: none;
  height: 40px;
  position: fixed;
  right: 20px;
  top: 20px;
  width: 40px;
}

.modal-card {
  display: flex;
  flex-direction: column;
  max-height: calc(100vh - 40px);
  overflow: hidden;
  -ms-overflow-y: visible;
}

.modal-card-head,
.modal-card-foot {
  align-items: center;
  background-color: whitesmoke;
  display: flex;
  flex-shrink: 0;
  justify-content: flex-start;
  padding: 20px;
  position: relative;
}

.modal-card-head {
  border-bottom: 1px solid #dbdbdb;
  border-top-left-radius: 6px;
  border-top-right-radius: 6px;
}

.modal-card-title {
  color: #363636;
  flex-grow: 1;
  flex-shrink: 0;
  font-size: 1.5rem;
  line-height: 1;
}

.modal-card-foot {
  border-bottom-left-radius: 6px;
  border-bottom-right-radius: 6px;
  border-top: 1px solid #dbdbdb;
}

.modal-card-foot .button:not(:last-child) {
  margin-right: 0.5em;
}

.modal-card-body {
  -webkit-overflow-scrolling: touch;
  background-color: white;
  flex-grow: 1;
  flex-shrink: 1;
  overflow: auto;
  padding: 20px;
}

.navbar {
  background-color: white;
  min-height: 3.25rem;
  position: relative;
  z-index: 30;
}

.navbar.is-white {
  background-color: white;
  color: #0a0a0a;
}

.navbar.is-white .navbar-brand > .navbar-item,
.navbar.is-white .navbar-brand .navbar-link {
  color: #0a0a0a;
}

.navbar.is-white .navbar-brand > a.navbar-item:focus, .navbar.is-white .navbar-brand > a.navbar-item:hover, .navbar.is-white .navbar-brand > a.navbar-item.is-active,
.navbar.is-white .navbar-brand .navbar-link:focus,
.navbar.is-white .navbar-brand .navbar-link:hover,
.navbar.is-white .navbar-brand .navbar-link.is-active {
  background-color: #f2f2f2;
  color: #0a0a0a;
}

.navbar.is-white .navbar-brand .navbar-link::after {
  border-color: #0a0a0a;
}

.navbar.is-white .navbar-burger {
  color: #0a0a0a;
}

@media screen and (min-width: 1024px) {
  .navbar.is-white .navbar-start > .navbar-item,
  .navbar.is-white .navbar-start .navbar-link,
  .navbar.is-white .navbar-end > .navbar-item,
  .navbar.is-white .navbar-end .navbar-link {
    color: #0a0a0a;
  }
  .navbar.is-white .navbar-start > a.navbar-item:focus, .navbar.is-white .navbar-start > a.navbar-item:hover, .navbar.is-white .navbar-start > a.navbar-item.is-active,
  .navbar.is-white .navbar-start .navbar-link:focus,
  .navbar.is-white .navbar-start .navbar-link:hover,
  .navbar.is-white .navbar-start .navbar-link.is-active,
  .navbar.is-white .navbar-end > a.navbar-item:focus,
  .navbar.is-white .navbar-end > a.navbar-item:hover,
  .navbar.is-white .navbar-end > a.navbar-item.is-active,
  .navbar.is-white .navbar-end .navbar-link:focus,
  .navbar.is-white .navbar-end .navbar-link:hover,
  .navbar.is-white .navbar-end .navbar-link.is-active {
    background-color: #f2f2f2;
    color: #0a0a0a;
  }
  .navbar.is-white .navbar-start .navbar-link::after,
  .navbar.is-white .navbar-end .navbar-link::after {
    border-color: #0a0a0a;
  }
  .navbar.is-white .navbar-item.has-dropdown:focus .navbar-link,
  .navbar.is-white .navbar-item.has-dropdown:hover .navbar-link,
  .navbar.is-white .navbar-item.has-dropdown.is-active .navbar-link {
    background-color: #f2f2f2;
    color: #0a0a0a;
  }
  .navbar.is-white .navbar-dropdown a.navbar-item.is-active {
    background-color: white;
    color: #0a0a0a;
  }
}

.navbar.is-black {
  background-color: #0a0a0a;
  color: white;
}

.navbar.is-black .navbar-brand > .navbar-item,
.navbar.is-black .navbar-brand .navbar-link {
  color: white;
}

.navbar.is-black .navbar-brand > a.navbar-item:focus, .navbar.is-black .navbar-brand > a.navbar-item:hover, .navbar.is-black .navbar-brand > a.navbar-item.is-active,
.navbar.is-black .navbar-brand .navbar-link:focus,
.navbar.is-black .navbar-brand .navbar-link:hover,
.navbar.is-black .navbar-brand .navbar-link.is-active {
  background-color: black;
  color: white;
}

.navbar.is-black .navbar-brand .navbar-link::after {
  border-color: white;
}

.navbar.is-black .navbar-burger {
  color: white;
}

@media screen and (min-width: 1024px) {
  .navbar.is-black .navbar-start > .navbar-item,
  .navbar.is-black .navbar-start .navbar-link,
  .navbar.is-black .navbar-end > .navbar-item,
  .navbar.is-black .navbar-end .navbar-link {
    color: white;
  }
  .navbar.is-black .navbar-start > a.navbar-item:focus, .navbar.is-black .navbar-start > a.navbar-item:hover, .navbar.is-black .navbar-start > a.navbar-item.is-active,
  .navbar.is-black .navbar-start .navbar-link:focus,
  .navbar.is-black .navbar-start .navbar-link:hover,
  .navbar.is-black .navbar-start .navbar-link.is-active,
  .navbar.is-black .navbar-end > a.navbar-item:focus,
  .navbar.is-black .navbar-end > a.navbar-item:hover,
  .navbar.is-black .navbar-end > a.navbar-item.is-active,
  .navbar.is-black .navbar-end .navbar-link:focus,
  .navbar.is-black .navbar-end .navbar-link:hover,
  .navbar.is-black .navbar-end .navbar-link.is-active {
    background-color: black;
    color: white;
  }
  .navbar.is-black .navbar-start .navbar-link::after,
  .navbar.is-black .navbar-end .navbar-link::after {
    border-color: white;
  }
  .navbar.is-black .navbar-item.has-dropdown:focus .navbar-link,
  .navbar.is-black .navbar-item.has-dropdown:hover .navbar-link,
  .navbar.is-black .navbar-item.has-dropdown.is-active .navbar-link {
    background-color: black;
    color: white;
  }
  .navbar.is-black .navbar-dropdown a.navbar-item.is-active {
    background-color: #0a0a0a;
    color: white;
  }
}

.navbar.is-light {
  background-color: whitesmoke;
  color: rgba(0, 0, 0, 0.7);
}

.navbar.is-light .navbar-brand > .navbar-item,
.navbar.is-light .navbar-brand .navbar-link {
  color: rgba(0, 0, 0, 0.7);
}

.navbar.is-light .navbar-brand > a.navbar-item:focus, .navbar.is-light .navbar-brand > a.navbar-item:hover, .navbar.is-light .navbar-brand > a.navbar-item.is-active,
.navbar.is-light .navbar-brand .navbar-link:focus,
.navbar.is-light .navbar-brand .navbar-link:hover,
.navbar.is-light .navbar-brand .navbar-link.is-active {
  background-color: #e8e8e8;
  color: rgba(0, 0, 0, 0.7);
}

.navbar.is-light .navbar-brand .navbar-link::after {
  border-color: rgba(0, 0, 0, 0.7);
}

.navbar.is-light .navbar-burger {
  color: rgba(0, 0, 0, 0.7);
}

@media screen and (min-width: 1024px) {
  .navbar.is-light .navbar-start > .navbar-item,
  .navbar.is-light .navbar-start .navbar-link,
  .navbar.is-light .navbar-end > .navbar-item,
  .navbar.is-light .navbar-end .navbar-link {
    color: rgba(0, 0, 0, 0.7);
  }
  .navbar.is-light .navbar-start > a.navbar-item:focus, .navbar.is-light .navbar-start > a.navbar-item:hover, .navbar.is-light .navbar-start > a.navbar-item.is-active,
  .navbar.is-light .navbar-start .navbar-link:focus,
  .navbar.is-light .navbar-start .navbar-link:hover,
  .navbar.is-light .navbar-start .navbar-link.is-active,
  .navbar.is-light .navbar-end > a.navbar-item:focus,
  .navbar.is-light .navbar-end > a.navbar-item:hover,
  .navbar.is-light .navbar-end > a.navbar-item.is-active,
  .navbar.is-light .navbar-end .navbar-link:focus,
  .navbar.is-light .navbar-end .navbar-link:hover,
  .navbar.is-light .navbar-end .navbar-link.is-active {
    background-color: #e8e8e8;
    color: rgba(0, 0, 0, 0.7);
  }
  .navbar.is-light .navbar-start .navbar-link::after,
  .navbar.is-light .navbar-end .navbar-link::after {
    border-color: rgba(0, 0, 0, 0.7);
  }
  .navbar.is-light .navbar-item.has-dropdown:focus .navbar-link,
  .navbar.is-light .navbar-item.has-dropdown:hover .navbar-link,
  .navbar.is-light .navbar-item.has-dropdown.is-active .navbar-link {
    background-color: #e8e8e8;
    color: rgba(0, 0, 0, 0.7);
  }
  .navbar.is-light .navbar-dropdown a.navbar-item.is-active {
    background-color: whitesmoke;
    color: rgba(0, 0, 0, 0.7);
  }
}

.navbar.is-dark {
  background-color: #363636;
  color: #fff;
}

.navbar.is-dark .navbar-brand > .navbar-item,
.navbar.is-dark .navbar-brand .navbar-link {
  color: #fff;
}

.navbar.is-dark .navbar-brand > a.navbar-item:focus, .navbar.is-dark .navbar-brand > a.navbar-item:hover, .navbar.is-dark .navbar-brand > a.navbar-item.is-active,
.navbar.is-dark .navbar-brand .navbar-link:focus,
.navbar.is-dark .navbar-brand .navbar-link:hover,
.navbar.is-dark .navbar-brand .navbar-link.is-active {
  background-color: #292929;
  color: #fff;
}

.navbar.is-dark .navbar-brand .navbar-link::after {
  border-color: #fff;
}

.navbar.is-dark .navbar-burger {
  color: #fff;
}

@media screen and (min-width: 1024px) {
  .navbar.is-dark .navbar-start > .navbar-item,
  .navbar.is-dark .navbar-start .navbar-link,
  .navbar.is-dark .navbar-end > .navbar-item,
  .navbar.is-dark .navbar-end .navbar-link {
    color: #fff;
  }
  .navbar.is-dark .navbar-start > a.navbar-item:focus, .navbar.is-dark .navbar-start > a.navbar-item:hover, .navbar.is-dark .navbar-start > a.navbar-item.is-active,
  .navbar.is-dark .navbar-start .navbar-link:focus,
  .navbar.is-dark .navbar-start .navbar-link:hover,
  .navbar.is-dark .navbar-start .navbar-link.is-active,
  .navbar.is-dark .navbar-end > a.navbar-item:focus,
  .navbar.is-dark .navbar-end > a.navbar-item:hover,
  .navbar.is-dark .navbar-end > a.navbar-item.is-active,
  .navbar.is-dark .navbar-end .navbar-link:focus,
  .navbar.is-dark .navbar-end .navbar-link:hover,
  .navbar.is-dark .navbar-end .navbar-link.is-active {
    background-color: #292929;
    color: #fff;
  }
  .navbar.is-dark .navbar-start .navbar-link::after,
  .navbar.is-dark .navbar-end .navbar-link::after {
    border-color: #fff;
  }
  .navbar.is-dark .navbar-item.has-dropdown:focus .navbar-link,
  .navbar.is-dark .navbar-item.has-dropdown:hover .navbar-link,
  .navbar.is-dark .navbar-item.has-dropdown.is-active .navbar-link {
    background-color: #292929;
    color: #fff;
  }
  .navbar.is-dark .navbar-dropdown a.navbar-item.is-active {
    background-color: #363636;
    color: #fff;
  }
}

.navbar.is-primary {
  background-color: #00d1b2;
  color: #fff;
}

.navbar.is-primary .navbar-brand > .navbar-item,
.navbar.is-primary .navbar-brand .navbar-link {
  color: #fff;
}

.navbar.is-primary .navbar-brand > a.navbar-item:focus, .navbar.is-primary .navbar-brand > a.navbar-item:hover, .navbar.is-primary .navbar-brand > a.navbar-item.is-active,
.navbar.is-primary .navbar-brand .navbar-link:focus,
.navbar.is-primary .navbar-brand .navbar-link:hover,
.navbar.is-primary .navbar-brand .navbar-link.is-active {
  background-color: #00b89c;
  color: #fff;
}

.navbar.is-primary .navbar-brand .navbar-link::after {
  border-color: #fff;
}

.navbar.is-primary .navbar-burger {
  color: #fff;
}

@media screen and (min-width: 1024px) {
  .navbar.is-primary .navbar-start > .navbar-item,
  .navbar.is-primary .navbar-start .navbar-link,
  .navbar.is-primary .navbar-end > .navbar-item,
  .navbar.is-primary .navbar-end .navbar-link {
    color: #fff;
  }
  .navbar.is-primary .navbar-start > a.navbar-item:focus, .navbar.is-primary .navbar-start > a.navbar-item:hover, .navbar.is-primary .navbar-start > a.navbar-item.is-active,
  .navbar.is-primary .navbar-start .navbar-link:focus,
  .navbar.is-primary .navbar-start .navbar-link:hover,
  .navbar.is-primary .navbar-start .navbar-link.is-active,
  .navbar.is-primary .navbar-end > a.navbar-item:focus,
  .navbar.is-primary .navbar-end > a.navbar-item:hover,
  .navbar.is-primary .navbar-end > a.navbar-item.is-active,
  .navbar.is-primary .navbar-end .navbar-link:focus,
  .navbar.is-primary .navbar-end .navbar-link:hover,
  .navbar.is-primary .navbar-end .navbar-link.is-active {
    background-color: #00b89c;
    color: #fff;
  }
  .navbar.is-primary .navbar-start .navbar-link::after,
  .navbar.is-primary .navbar-end .navbar-link::after {
    border-color: #fff;
  }
  .navbar.is-primary .navbar-item.has-dropdown:focus .navbar-link,
  .navbar.is-primary .navbar-item.has-dropdown:hover .navbar-link,
  .navbar.is-primary .navbar-item.has-dropdown.is-active .navbar-link {
    background-color: #00b89c;
    color: #fff;
  }
  .navbar.is-primary .navbar-dropdown a.navbar-item.is-active {
    background-color: #00d1b2;
    color: #fff;
  }
}

.navbar.is-link {
  background-color: #485fc7;
  color: #fff;
}

.navbar.is-link .navbar-brand > .navbar-item,
.navbar.is-link .navbar-brand .navbar-link {
  color: #fff;
}

.navbar.is-link .navbar-brand > a.navbar-item:focus, .navbar.is-link .navbar-brand > a.navbar-item:hover, .navbar.is-link .navbar-brand > a.navbar-item.is-active,
.navbar.is-link .navbar-brand .navbar-link:focus,
.navbar.is-link .navbar-brand .navbar-link:hover,
.navbar.is-link .navbar-brand .navbar-link.is-active {
  background-color: #3a51bb;
  color: #fff;
}

.navbar.is-link .navbar-brand .navbar-link::after {
  border-color: #fff;
}

.navbar.is-link .navbar-burger {
  color: #fff;
}

@media screen and (min-width: 1024px) {
  .navbar.is-link .navbar-start > .navbar-item,
  .navbar.is-link .navbar-start .navbar-link,
  .navbar.is-link .navbar-end > .navbar-item,
  .navbar.is-link .navbar-end .navbar-link {
    color: #fff;
  }
  .navbar.is-link .navbar-start > a.navbar-item:focus, .navbar.is-link .navbar-start > a.navbar-item:hover, .navbar.is-link .navbar-start > a.navbar-item.is-active,
  .navbar.is-link .navbar-start .navbar-link:focus,
  .navbar.is-link .navbar-start .navbar-link:hover,
  .navbar.is-link .navbar-start .navbar-link.is-active,
  .navbar.is-link .navbar-end > a.navbar-item:focus,
  .navbar.is-link .navbar-end > a.navbar-item:hover,
  .navbar.is-link .navbar-end > a.navbar-item.is-active,
  .navbar.is-link .navbar-end .navbar-link:focus,
  .navbar.is-link .navbar-end .navbar-link:hover,
  .navbar.is-link .navbar-end .navbar-link.is-active {
    background-color: #3a51bb;
    color: #fff;
  }
  .navbar.is-link .navbar-start .navbar-link::after,
  .navbar.is-link .navbar-end .navbar-link::after {
    border-color: #fff;
  }
  .navbar.is-link .navbar-item.has-dropdown:focus .navbar-link,
  .navbar.is-link .navbar-item.has-dropdown:hover .navbar-link,
  .navbar.is-link .navbar-item.has-dropdown.is-active .navbar-link {
    background-color: #3a51bb;
    color: #fff;
  }
  .navbar.is-link .navbar-dropdown a.navbar-item.is-active {
    background-color: #485fc7;
    color: #fff;
  }
}

.navbar.is-info {
  background-color: #3e8ed0;
  color: #fff;
}

.navbar.is-info .navbar-brand > .navbar-item,
.navbar.is-info .navbar-brand .navbar-link {
  color: #fff;
}

.navbar.is-info .navbar-brand > a.navbar-item:focus, .navbar.is-info .navbar-brand > a.navbar-item:hover, .navbar.is-info .navbar-brand > a.navbar-item.is-active,
.navbar.is-info .navbar-brand .navbar-link:focus,
.navbar.is-info .navbar-brand .navbar-link:hover,
.navbar.is-info .navbar-brand .navbar-link.is-active {
  background-color: #3082c5;
  color: #fff;
}

.navbar.is-info .navbar-brand .navbar-link::after {
  border-color: #fff;
}

.navbar.is-info .navbar-burger {
  color: #fff;
}

@media screen and (min-width: 1024px) {
  .navbar.is-info .navbar-start > .navbar-item,
  .navbar.is-info .navbar-start .navbar-link,
  .navbar.is-info .navbar-end > .navbar-item,
  .navbar.is-info .navbar-end .navbar-link {
    color: #fff;
  }
  .navbar.is-info .navbar-start > a.navbar-item:focus, .navbar.is-info .navbar-start > a.navbar-item:hover, .navbar.is-info .navbar-start > a.navbar-item.is-active,
  .navbar.is-info .navbar-start .navbar-link:focus,
  .navbar.is-info .navbar-start .navbar-link:hover,
  .navbar.is-info .navbar-start .navbar-link.is-active,
  .navbar.is-info .navbar-end > a.navbar-item:focus,
  .navbar.is-info .navbar-end > a.navbar-item:hover,
  .navbar.is-info .navbar-end > a.navbar-item.is-active,
  .navbar.is-info .navbar-end .navbar-link:focus,
  .navbar.is-info .navbar-end .navbar-link:hover,
  .navbar.is-info .navbar-end .navbar-link.is-active {
    background-color: #3082c5;
    color: #fff;
  }
  .navbar.is-info .navbar-start .navbar-link::after,
  .navbar.is-info .navbar-end .navbar-link::after {
    border-color: #fff;
  }
  .navbar.is-info .navbar-item.has-dropdown:focus .navbar-link,
  .navbar.is-info .navbar-item.has-dropdown:hover .navbar-link,
  .navbar.is-info .navbar-item.has-dropdown.is-active .navbar-link {
    background-color: #3082c5;
    color: #fff;
  }
  .navbar.is-info .navbar-dropdown a.navbar-item.is-active {
    background-color: #3e8ed0;
    color: #fff;
  }
}

.navbar.is-success {
  background-color: #48c78e;
  color: #fff;
}

.navbar.is-success .navbar-brand > .navbar-item,
.navbar.is-success .navbar-brand .navbar-link {
  color: #fff;
}

.navbar.is-success .navbar-brand > a.navbar-item:focus, .navbar.is-success .navbar-brand > a.navbar-item:hover, .navbar.is-success .navbar-brand > a.navbar-item.is-active,
.navbar.is-success .navbar-brand .navbar-link:focus,
.navbar.is-success .navbar-brand .navbar-link:hover,
.navbar.is-success .navbar-brand .navbar-link.is-active {
  background-color: #3abb81;
  color: #fff;
}

.navbar.is-success .navbar-brand .navbar-link::after {
  border-color: #fff;
}

.navbar.is-success .navbar-burger {
  color: #fff;
}

@media screen and (min-width: 1024px) {
  .navbar.is-success .navbar-start > .navbar-item,
  .navbar.is-success .navbar-start .navbar-link,
  .navbar.is-success .navbar-end > .navbar-item,
  .navbar.is-success .navbar-end .navbar-link {
    color: #fff;
  }
  .navbar.is-success .navbar-start > a.navbar-item:focus, .navbar.is-success .navbar-start > a.navbar-item:hover, .navbar.is-success .navbar-start > a.navbar-item.is-active,
  .navbar.is-success .navbar-start .navbar-link:focus,
  .navbar.is-success .navbar-start .navbar-link:hover,
  .navbar.is-success .navbar-start .navbar-link.is-active,
  .navbar.is-success .navbar-end > a.navbar-item:focus,
  .navbar.is-success .navbar-end > a.navbar-item:hover,
  .navbar.is-success .navbar-end > a.navbar-item.is-active,
  .navbar.is-success .navbar-end .navbar-link:focus,
  .navbar.is-success .navbar-end .navbar-link:hover,
  .navbar.is-success .navbar-end .navbar-link.is-active {
    background-color: #3abb81;
    color: #fff;
  }
  .navbar.is-success .navbar-start .navbar-link::after,
  .navbar.is-success .navbar-end .navbar-link::after {
    border-color: #fff;
  }
  .navbar.is-success .navbar-item.has-dropdown:focus .navbar-link,
  .navbar.is-success .navbar-item.has-dropdown:hover .navbar-link,
  .navbar.is-success .navbar-item.has-dropdown.is-active .navbar-link {
    background-color: #3abb81;
    color: #fff;
  }
  .navbar.is-success .navbar-dropdown a.navbar-item.is-active {
    background-color: #48c78e;
    color: #fff;
  }
}

.navbar.is-warning {
  background-color: #ffe08a;
  color: rgba(0, 0, 0, 0.7);
}

.navbar.is-warning .navbar-brand > .navbar-item,
.navbar.is-warning .navbar-brand .navbar-link {
  color: rgba(0, 0, 0, 0.7);
}

.navbar.is-warning .navbar-brand > a.navbar-item:focus, .navbar.is-warning .navbar-brand > a.navbar-item:hover, .navbar.is-warning .navbar-brand > a.navbar-item.is-active,
.navbar.is-warning .navbar-brand .navbar-link:focus,
.navbar.is-warning .navbar-brand .navbar-link:hover,
.navbar.is-warning .navbar-brand .navbar-link.is-active {
  background-color: #ffd970;
  color: rgba(0, 0, 0, 0.7);
}

.navbar.is-warning .navbar-brand .navbar-link::after {
  border-color: rgba(0, 0, 0, 0.7);
}

.navbar.is-warning .navbar-burger {
  color: rgba(0, 0, 0, 0.7);
}

@media screen and (min-width: 1024px) {
  .navbar.is-warning .navbar-start > .navbar-item,
  .navbar.is-warning .navbar-start .navbar-link,
  .navbar.is-warning .navbar-end > .navbar-item,
  .navbar.is-warning .navbar-end .navbar-link {
    color: rgba(0, 0, 0, 0.7);
  }
  .navbar.is-warning .navbar-start > a.navbar-item:focus, .navbar.is-warning .navbar-start > a.navbar-item:hover, .navbar.is-warning .navbar-start > a.navbar-item.is-active,
  .navbar.is-warning .navbar-start .navbar-link:focus,
  .navbar.is-warning .navbar-start .navbar-link:hover,
  .navbar.is-warning .navbar-start .navbar-link.is-active,
  .navbar.is-warning .navbar-end > a.navbar-item:focus,
  .navbar.is-warning .navbar-end > a.navbar-item:hover,
  .navbar.is-warning .navbar-end > a.navbar-item.is-active,
  .navbar.is-warning .navbar-end .navbar-link:focus,
  .navbar.is-warning .navbar-end .navbar-link:hover,
  .navbar.is-warning .navbar-end .navbar-link.is-active {
    background-color: #ffd970;
    color: rgba(0, 0, 0, 0.7);
  }
  .navbar.is-warning .navbar-start .navbar-link::after,
  .navbar.is-warning .navbar-end .navbar-link::after {
    border-color: rgba(0, 0, 0, 0.7);
  }
  .navbar.is-warning .navbar-item.has-dropdown:focus .navbar-link,
  .navbar.is-warning .navbar-item.has-dropdown:hover .navbar-link,
  .navbar.is-warning .navbar-item.has-dropdown.is-active .navbar-link {
    background-color: #ffd970;
    color: rgba(0, 0, 0, 0.7);
  }
  .navbar.is-warning .navbar-dropdown a.navbar-item.is-active {
    background-color: #ffe08a;
    color: rgba(0, 0, 0, 0.7);
  }
}

.navbar.is-danger {
  background-color: #f14668;
  color: #fff;
}

.navbar.is-danger .navbar-brand > .navbar-item,
.navbar.is-danger .navbar-brand .navbar-link {
  color: #fff;
}

.navbar.is-danger .navbar-brand > a.navbar-item:focus, .navbar.is-danger .navbar-brand > a.navbar-item:hover, .navbar.is-danger .navbar-brand > a.navbar-item.is-active,
.navbar.is-danger .navbar-brand .navbar-link:focus,
.navbar.is-danger .navbar-brand .navbar-link:hover,
.navbar.is-danger .navbar-brand .navbar-link.is-active {
  background-color: #ef2e55;
  color: #fff;
}

.navbar.is-danger .navbar-brand .navbar-link::after {
  border-color: #fff;
}

.navbar.is-danger .navbar-burger {
  color: #fff;
}

@media screen and (min-width: 1024px) {
  .navbar.is-danger .navbar-start > .navbar-item,
  .navbar.is-danger .navbar-start .navbar-link,
  .navbar.is-danger .navbar-end > .navbar-item,
  .navbar.is-danger .navbar-end .navbar-link {
    color: #fff;
  }
  .navbar.is-danger .navbar-start > a.navbar-item:focus, .navbar.is-danger .navbar-start > a.navbar-item:hover, .navbar.is-danger .navbar-start > a.navbar-item.is-active,
  .navbar.is-danger .navbar-start .navbar-link:focus,
  .navbar.is-danger .navbar-start .navbar-link:hover,
  .navbar.is-danger .navbar-start .navbar-link.is-active,
  .navbar.is-danger .navbar-end > a.navbar-item:focus,
  .navbar.is-danger .navbar-end > a.navbar-item:hover,
  .navbar.is-danger .navbar-end > a.navbar-item.is-active,
  .navbar.is-danger .navbar-end .navbar-link:focus,
  .navbar.is-danger .navbar-end .navbar-link:hover,
  .navbar.is-danger .navbar-end .navbar-link.is-active {
    background-color: #ef2e55;
    color: #fff;
  }
  .navbar.is-danger .navbar-start .navbar-link::after,
  .navbar.is-danger .navbar-end .navbar-link::after {
    border-color: #fff;
  }
  .navbar.is-danger .navbar-item.has-dropdown:focus .navbar-link,
  .navbar.is-danger .navbar-item.has-dropdown:hover .navbar-link,
  .navbar.is-danger .navbar-item.has-dropdown.is-active .navbar-link {
    background-color: #ef2e55;
    color: #fff;
  }
  .navbar.is-danger .navbar-dropdown a.navbar-item.is-active {
    background-color: #f14668;
    color: #fff;
  }
}

.navbar > .container {
  align-items: stretch;
  display: flex;
  min-height: 3.25rem;
  width: 100%;
}

.navbar.has-shadow {
  box-shadow: 0 2px 0 0 whitesmoke;
}

.navbar.is-fixed-bottom, .navbar.is-fixed-top {
  left: 0;
  position: fixed;
  right: 0;
  z-index: 30;
}

.navbar.is-fixed-bottom {
  bottom: 0;
}

.navbar.is-fixed-bottom.has-shadow {
  box-shadow: 0 -2px 0 0 whitesmoke;
}

.navbar.is-fixed-top {
  top: 0;
}

html.has-navbar-fixed-top,
body.has-navbar-fixed-top {
  padding-top: 3.25rem;
}

html.has-navbar-fixed-bottom,
body.has-navbar-fixed-bottom {
  padding-bottom: 3.25rem;
}

.navbar-brand,
.navbar-tabs {
  align-items: stretch;
  display: flex;
  flex-shrink: 0;
  min-height: 3.25rem;
}

.navbar-brand a.navbar-item:focus, .navbar-brand a.navbar-item:hover {
  background-color: transparent;
}

.navbar-tabs {
  -webkit-overflow-scrolling: touch;
  max-width: 100vw;
  overflow-x: auto;
  overflow-y: hidden;
}

.navbar-burger {
  color: #4a4a4a;
  -moz-appearance: none;
  -webkit-appearance: none;
  appearance: none;
  background: none;
  border: none;
  cursor: pointer;
  display: block;
  height: 3.25rem;
  position: relative;
  width: 3.25rem;
  margin-left: auto;
}

.navbar-burger span {
  background-color: currentColor;
  display: block;
  height: 1px;
  left: calc(50% - 8px);
  position: absolute;
  transform-origin: center;
  transition-duration: 86ms;
  transition-property: background-color, opacity, transform;
  transition-timing-function: ease-out;
  width: 16px;
}

.navbar-burger span:nth-child(1) {
  top: calc(50% - 6px);
}

.navbar-burger span:nth-child(2) {
  top: calc(50% - 1px);
}

.navbar-burger span:nth-child(3) {
  top: calc(50% + 4px);
}

.navbar-burger:hover {
  background-color: rgba(0, 0, 0, 0.05);
}

.navbar-burger.is-active span:nth-child(1) {
  transform: translateY(5px) rotate(45deg);
}

.navbar-burger.is-active span:nth-child(2) {
  opacity: 0;
}

.navbar-burger.is-active span:nth-child(3) {
  transform: translateY(-5px) rotate(-45deg);
}

.navbar-menu {
  display: none;
}

.navbar-item,
.navbar-link {
  color: #4a4a4a;
  display: block;
  line-height: 1.5;
  padding: 0.5rem 0.75rem;
  position: relative;
}

.navbar-item .icon:only-child,
.navbar-link .icon:only-child {
  margin-left: -0.25rem;
  margin-right: -0.25rem;
}

a.navbar-item,
.navbar-link {
  cursor: pointer;
}

a.navbar-item:focus, a.navbar-item:focus-within, a.navbar-item:hover, a.navbar-item.is-active,
.navbar-link:focus,
.navbar-link:focus-within,
.navbar-link:hover,
.navbar-link.is-active {
  background-color: #fafafa;
  color: #485fc7;
}

.navbar-item {
  flex-grow: 0;
  flex-shrink: 0;
}

.navbar-item img {
  max-height: 1.75rem;
}

.navbar-item.has-dropdown {
  padding: 0;
}

.navbar-item.is-expanded {
  flex-grow: 1;
  flex-shrink: 1;
}

.navbar-item.is-tab {
  border-bottom: 1px solid transparent;
  min-height: 3.25rem;
  padding-bottom: calc(0.5rem - 1px);
}

.navbar-item.is-tab:focus, .navbar-item.is-tab:hover {
  background-color: transparent;
  border-bottom-color: #485fc7;
}

.navbar-item.is-tab.is-active {
  background-color: transparent;
  border-bottom-color: #485fc7;
  border-bottom-style: solid;
  border-bottom-width: 3px;
  color: #485fc7;
  padding-bottom: calc(0.5rem - 3px);
}

.navbar-content {
  flex-grow: 1;
  flex-shrink: 1;
}

.navbar-link:not(.is-arrowless) {
  padding-right: 2.5em;
}

.navbar-link:not(.is-arrowless)::after {
  border-color: #485fc7;
  margin-top: -0.375em;
  right: 1.125em;
}

.navbar-dropdown {
  font-size: 0.875rem;
  padding-bottom: 0.5rem;
  padding-top: 0.5rem;
}

.navbar-dropdown .navbar-item {
  padding-left: 1.5rem;
  padding-right: 1.5rem;
}

.navbar-divider {
  background-color: whitesmoke;
  border: none;
  display: none;
  height: 2px;
  margin: 0.5rem 0;
}

@media screen and (max-width: 1023px) {
  .navbar > .container {
    display: block;
  }
  .navbar-brand .navbar-item,
  .navbar-tabs .navbar-item {
    align-items: center;
    display: flex;
  }
  .navbar-link::after {
    display: none;
  }
  .navbar-menu {
    background-color: white;
    box-shadow: 0 8px 16px rgba(10, 10, 10, 0.1);
    padding: 0.5rem 0;
  }
  .navbar-menu.is-active {
    display: block;
  }
  .navbar.is-fixed-bottom-touch, .navbar.is-fixed-top-touch {
    left: 0;
    position: fixed;
    right: 0;
    z-index: 30;
  }
  .navbar.is-fixed-bottom-touch {
    bottom: 0;
  }
  .navbar.is-fixed-bottom-touch.has-shadow {
    box-shadow: 0 -2px 3px rgba(10, 10, 10, 0.1);
  }
  .navbar.is-fixed-top-touch {
    top: 0;
  }
  .navbar.is-fixed-top .navbar-menu, .navbar.is-fixed-top-touch .navbar-menu {
    -webkit-overflow-scrolling: touch;
    max-height: calc(100vh - 3.25rem);
    overflow: auto;
  }
  html.has-navbar-fixed-top-touch,
  body.has-navbar-fixed-top-touch {
    padding-top: 3.25rem;
  }
  html.has-navbar-fixed-bottom-touch,
  body.has-navbar-fixed-bottom-touch {
    padding-bottom: 3.25rem;
  }
}

@media screen and (min-width: 1024px) {
  .navbar,
  .navbar-menu,
  .navbar-start,
  .navbar-end {
    align-items: stretch;
    display: flex;
  }
  .navbar {
    min-height: 3.25rem;
  }
  .navbar.is-spaced {
    padding: 1rem 2rem;
  }
  .navbar.is-spaced .navbar-start,
  .navbar.is-spaced .navbar-end {
    align-items: center;
  }
  .navbar.is-spaced a.navbar-item,
  .navbar.is-spaced .navbar-link {
    border-radius: 4px;
  }
  .navbar.is-transparent a.navbar-item:focus, .navbar.is-transparent a.navbar-item:hover, .navbar.is-transparent a.navbar-item.is-active,
  .navbar.is-transparent .navbar-link:focus,
  .navbar.is-transparent .navbar-link:hover,
  .navbar.is-transparent .navbar-link.is-active {
    background-color: transparent !important;
  }
  .navbar.is-transparent .navbar-item.has-dropdown.is-active .navbar-link, .navbar.is-transparent .navbar-item.has-dropdown.is-hoverable:focus .navbar-link, .navbar.is-transparent .navbar-item.has-dropdown.is-hoverable:focus-within .navbar-link, .navbar.is-transparent .navbar-item.has-dropdown.is-hoverable:hover .navbar-link {
    background-color: transparent !important;
  }
  .navbar.is-transparent .navbar-dropdown a.navbar-item:focus, .navbar.is-transparent .navbar-dropdown a.navbar-item:hover {
    background-color: whitesmoke;
    color: #0a0a0a;
  }
  .navbar.is-transparent .navbar-dropdown a.navbar-item.is-active {
    background-color: whitesmoke;
    color: #485fc7;
  }
  .navbar-burger {
    display: none;
  }
  .navbar-item,
  .navbar-link {
    align-items: center;
    display: flex;
  }
  .navbar-item.has-dropdown {
    align-items: stretch;
  }
  .navbar-item.has-dropdown-up .navbar-link::after {
    transform: rotate(135deg) translate(0.25em, -0.25em);
  }
  .navbar-item.has-dropdown-up .navbar-dropdown {
    border-bottom: 2px solid #dbdbdb;
    border-radius: 6px 6px 0 0;
    border-top: none;
    bottom: 100%;
    box-shadow: 0 -8px 8px rgba(10, 10, 10, 0.1);
    top: auto;
  }
  .navbar-item.is-active .navbar-dropdown, .navbar-item.is-hoverable:focus .navbar-dropdown, .navbar-item.is-hoverable:focus-within .navbar-dropdown, .navbar-item.is-hoverable:hover .navbar-dropdown {
    display: block;
  }
  .navbar.is-spaced .navbar-item.is-active .navbar-dropdown, .navbar-item.is-active .navbar-dropdown.is-boxed, .navbar.is-spaced .navbar-item.is-hoverable:focus .navbar-dropdown, .navbar-item.is-hoverable:focus .navbar-dropdown.is-boxed, .navbar.is-spaced .navbar-item.is-hoverable:focus-within .navbar-dropdown, .navbar-item.is-hoverable:focus-within .navbar-dropdown.is-boxed, .navbar.is-spaced .navbar-item.is-hoverable:hover .navbar-dropdown, .navbar-item.is-hoverable:hover .navbar-dropdown.is-boxed {
    opacity: 1;
    pointer-events: auto;
    transform: translateY(0);
  }
  .navbar-menu {
    flex-grow: 1;
    flex-shrink: 0;
  }
  .navbar-start {
    justify-content: flex-start;
    margin-right: auto;
  }
  .navbar-end {
    justify-content: flex-end;
    margin-left: auto;
  }
  .navbar-dropdown {
    background-color: white;
    border-bottom-left-radius: 6px;
    border-bottom-right-radius: 6px;
    border-top: 2px solid #dbdbdb;
    box-shadow: 0 8px 8px rgba(10, 10, 10, 0.1);
    display: none;
    font-size: 0.875rem;
    left: 0;
    min-width: 100%;
    position: absolute;
    top: 100%;
    z-index: 20;
  }
  .navbar-dropdown .navbar-item {
    padding: 0.375rem 1rem;
    white-space: nowrap;
  }
  .navbar-dropdown a.navbar-item {
    padding-right: 3rem;
  }
  .navbar-dropdown a.navbar-item:focus, .navbar-dropdown a.navbar-item:hover {
    background-color: whitesmoke;
    color: #0a0a0a;
  }
  .navbar-dropdown a.navbar-item.is-active {
    background-color: whitesmoke;
    color: #485fc7;
  }
  .navbar.is-spaced .navbar-dropdown, .navbar-dropdown.is-boxed {
    border-radius: 6px;
    border-top: none;
    box-shadow: 0 8px 8px rgba(10, 10, 10, 0.1), 0 0 0 1px rgba(10, 10, 10, 0.1);
    display: block;
    opacity: 0;
    pointer-events: none;
    top: calc(100% + (-4px));
    transform: translateY(-5px);
    transition-duration: 86ms;
    transition-property: opacity, transform;
  }
  .navbar-dropdown.is-right {
    left: auto;
    right: 0;
  }
  .navbar-divider {
    display: block;
  }
  .navbar > .container .navbar-brand,
  .container > .navbar .navbar-brand {
    margin-left: -0.75rem;
  }
  .navbar > .container .navbar-menu,
  .container > .navbar .navbar-menu {
    margin-right: -0.75rem;
  }
  .navbar.is-fixed-bottom-desktop, .navbar.is-fixed-top-desktop {
    left: 0;
    position: fixed;
    right: 0;
    z-index: 30;
  }
  .navbar.is-fixed-bottom-desktop {
    bottom: 0;
  }
  .navbar.is-fixed-bottom-desktop.has-shadow {
    box-shadow: 0 -2px 3px rgba(10, 10, 10, 0.1);
  }
  .navbar.is-fixed-top-desktop {
    top: 0;
  }
  html.has-navbar-fixed-top-desktop,
  body.has-navbar-fixed-top-desktop {
    padding-top: 3.25rem;
  }
  html.has-navbar-fixed-bottom-desktop,
  body.has-navbar-fixed-bottom-desktop {
    padding-bottom: 3.25rem;
  }
  html.has-spaced-navbar-fixed-top,
  body.has-spaced-navbar-fixed-top {
    padding-top: 5.25rem;
  }
  html.has-spaced-navbar-fixed-bottom,
  body.has-spaced-navbar-fixed-bottom {
    padding-bottom: 5.25rem;
  }
  a.navbar-item.is-active,
  .navbar-link.is-active {
    color: #0a0a0a;
  }
  a.navbar-item.is-active:not(:focus):not(:hover),
  .navbar-link.is-active:not(:focus):not(:hover) {
    background-color: transparent;
  }
  .navbar-item.has-dropdown:focus .navbar-link, .navbar-item.has-dropdown:hover .navbar-link, .navbar-item.has-dropdown.is-active .navbar-link {
    background-color: #fafafa;
  }
}

.hero.is-fullheight-with-navbar {
  min-height: calc(100vh - 3.25rem);
}

.pagination {
  font-size: 1rem;
  margin: -0.25rem;
}

.pagination.is-small {
  font-size: 0.75rem;
}

.pagination.is-medium {
  font-size: 1.25rem;
}

.pagination.is-large {
  font-size: 1.5rem;
}

.pagination.is-rounded .pagination-previous,
.pagination.is-rounded .pagination-next {
  padding-left: 1em;
  padding-right: 1em;
  border-radius: 9999px;
}

.pagination.is-rounded .pagination-link {
  border-radius: 9999px;
}

.pagination,
.pagination-list {
  align-items: center;
  display: flex;
  justify-content: center;
  text-align: center;
}

.pagination-previous,
.pagination-next,
.pagination-link,
.pagination-ellipsis {
  font-size: 1em;
  justify-content: center;
  margin: 0.25rem;
  padding-left: 0.5em;
  padding-right: 0.5em;
  text-align: center;
}

.pagination-previous,
.pagination-next,
.pagination-link {
  border-color: #dbdbdb;
  color: #363636;
  min-width: 2.5em;
}

.pagination-previous:hover,
.pagination-next:hover,
.pagination-link:hover {
  border-color: #b5b5b5;
  color: #363636;
}

.pagination-previous:focus,
.pagination-next:focus,
.pagination-link:focus {
  border-color: #485fc7;
}

.pagination-previous:active,
.pagination-next:active,
.pagination-link:active {
  box-shadow: inset 0 1px 2px rgba(10, 10, 10, 0.2);
}

.pagination-previous[disabled], .pagination-previous.is-disabled,
.pagination-next[disabled],
.pagination-next.is-disabled,
.pagination-link[disabled],
.pagination-link.is-disabled {
  background-color: #dbdbdb;
  border-color: #dbdbdb;
  box-shadow: none;
  color: #7a7a7a;
  opacity: 0.5;
}

.pagination-previous,
.pagination-next {
  padding-left: 0.75em;
  padding-right: 0.75em;
  white-space: nowrap;
}

.pagination-link.is-current {
  background-color: #485fc7;
  border-color: #485fc7;
  color: #fff;
}

.pagination-ellipsis {
  color: #b5b5b5;
  pointer-events: none;
}

.pagination-list {
  flex-wrap: wrap;
}

.pagination-list li {
  list-style: none;
}

@media screen and (max-width: 768px) {
  .pagination {
    flex-wrap: wrap;
  }
  .pagination-previous,
  .pagination-next {
    flex-grow: 1;
    flex-shrink: 1;
  }
  .pagination-list li {
    flex-grow: 1;
    flex-shrink: 1;
  }
}

@media screen and (min-width: 769px), print {
  .pagination-list {
    flex-grow: 1;
    flex-shrink: 1;
    justify-content: flex-start;
    order: 1;
  }
  .pagination-previous,
  .pagination-next,
  .pagination-link,
  .pagination-ellipsis {
    margin-bottom: 0;
    margin-top: 0;
  }
  .pagination-previous {
    order: 2;
  }
  .pagination-next {
    order: 3;
  }
  .pagination {
    justify-content: space-between;
    margin-bottom: 0;
    margin-top: 0;
  }
  .pagination.is-centered .pagination-previous {
    order: 1;
  }
  .pagination.is-centered .pagination-list {
    justify-content: center;
    order: 2;
  }
  .pagination.is-centered .pagination-next {
    order: 3;
  }
  .pagination.is-right .pagination-previous {
    order: 1;
  }
  .pagination.is-right .pagination-next {
    order: 2;
  }
  .pagination.is-right .pagination-list {
    justify-content: flex-end;
    order: 3;
  }
}

.panel {
  border-radius: 6px;
  box-shadow: 0 0.5em 1em -0.125em rgba(10, 10, 10, 0.1), 0 0px 0 1px rgba(10, 10, 10, 0.02);
  font-size: 1rem;
}

.panel:not(:last-child) {
  margin-bottom: 1.5rem;
}

.panel.is-white .panel-heading {
  background-color: white;
  color: #0a0a0a;
}

.panel.is-white .panel-tabs a.is-active {
  border-bottom-color: white;
}

.panel.is-white .panel-block.is-active .panel-icon {
  color: white;
}

.panel.is-black .panel-heading {
  background-color: #0a0a0a;
  color: white;
}

.panel.is-black .panel-tabs a.is-active {
  border-bottom-color: #0a0a0a;
}

.panel.is-black .panel-block.is-active .panel-icon {
  color: #0a0a0a;
}

.panel.is-light .panel-heading {
  background-color: whitesmoke;
  color: rgba(0, 0, 0, 0.7);
}

.panel.is-light .panel-tabs a.is-active {
  border-bottom-color: whitesmoke;
}

.panel.is-light .panel-block.is-active .panel-icon {
  color: whitesmoke;
}

.panel.is-dark .panel-heading {
  background-color: #363636;
  color: #fff;
}

.panel.is-dark .panel-tabs a.is-active {
  border-bottom-color: #363636;
}

.panel.is-dark .panel-block.is-active .panel-icon {
  color: #363636;
}

.panel.is-primary .panel-heading {
  background-color: #00d1b2;
  color: #fff;
}

.panel.is-primary .panel-tabs a.is-active {
  border-bottom-color: #00d1b2;
}

.panel.is-primary .panel-block.is-active .panel-icon {
  color: #00d1b2;
}

.panel.is-link .panel-heading {
  background-color: #485fc7;
  color: #fff;
}

.panel.is-link .panel-tabs a.is-active {
  border-bottom-color: #485fc7;
}

.panel.is-link .panel-block.is-active .panel-icon {
  color: #485fc7;
}

.panel.is-info .panel-heading {
  background-color: #3e8ed0;
  color: #fff;
}

.panel.is-info .panel-tabs a.is-active {
  border-bottom-color: #3e8ed0;
}

.panel.is-info .panel-block.is-active .panel-icon {
  color: #3e8ed0;
}

.panel.is-success .panel-heading {
  background-color: #48c78e;
  color: #fff;
}

.panel.is-success .panel-tabs a.is-active {
  border-bottom-color: #48c78e;
}

.panel.is-success .panel-block.is-active .panel-icon {
  color: #48c78e;
}

.panel.is-warning .panel-heading {
  background-color: #ffe08a;
  color: rgba(0, 0, 0, 0.7);
}

.panel.is-warning .panel-tabs a.is-active {
  border-bottom-color: #ffe08a;
}

.panel.is-warning .panel-block.is-active .panel-icon {
  color: #ffe08a;
}

.panel.is-danger .panel-heading {
  background-color: #f14668;
  color: #fff;
}

.panel.is-danger .panel-tabs a.is-active {
  border-bottom-color: #f14668;
}

.panel.is-danger .panel-block.is-active .panel-icon {
  color: #f14668;
}

.panel-tabs:not(:last-child),
.panel-block:not(:last-child) {
  border-bottom: 1px solid #ededed;
}

.panel-heading {
  background-color: #ededed;
  border-radius: 6px 6px 0 0;
  color: #363636;
  font-size: 1.25em;
  font-weight: 700;
  line-height: 1.25;
  padding: 0.75em 1em;
}

.panel-tabs {
  align-items: flex-end;
  display: flex;
  font-size: 0.875em;
  justify-content: center;
}

.panel-tabs a {
  border-bottom: 1px solid #dbdbdb;
  margin-bottom: -1px;
  padding: 0.5em;
}

.panel-tabs a.is-active {
  border-bottom-color: #4a4a4a;
  color: #363636;
}

.panel-list a {
  color: #4a4a4a;
}

.panel-list a:hover {
  color: #485fc7;
}

.panel-block {
  align-items: center;
  color: #363636;
  display: flex;
  justify-content: flex-start;
  padding: 0.5em 0.75em;
}

.panel-block input[type="checkbox"] {
  margin-right: 0.75em;
}

.panel-block > .control {
  flex-grow: 1;
  flex-shrink: 1;
  width: 100%;
}

.panel-block.is-wrapped {
  flex-wrap: wrap;
}

.panel-block.is-active {
  border-left-color: #485fc7;
  color: #363636;
}

.panel-block.is-active .panel-icon {
  color: #485fc7;
}

.panel-block:last-child {
  border-bottom-left-radius: 6px;
  border-bottom-right-radius: 6px;
}

a.panel-block,
label.panel-block {
  cursor: pointer;
}

a.panel-block:hover,
label.panel-block:hover {
  background-color: whitesmoke;
}

.panel-icon {
  display: inline-block;
  font-size: 14px;
  height: 1em;
  line-height: 1em;
  text-align: center;
  vertical-align: top;
  width: 1em;
  color: #7a7a7a;
  margin-right: 0.75em;
}

.panel-icon .fa {
  font-size: inherit;
  line-height: inherit;
}

.tabs {
  -webkit-overflow-scrolling: touch;
  align-items: stretch;
  display: flex;
  font-size: 1rem;
  justify-content: space-between;
  overflow: hidden;
  overflow-x: auto;
  white-space: nowrap;
}

.tabs a {
  align-items: center;
  border-bottom-color: #dbdbdb;
  border-bottom-style: solid;
  border-bottom-width: 1px;
  color: #4a4a4a;
  display: flex;
  justify-content: center;
  margin-bottom: -1px;
  padding: 0.5em 1em;
  vertical-align: top;
}

.tabs a:hover {
  border-bottom-color: #363636;
  color: #363636;
}

.tabs li {
  display: block;
}

.tabs li.is-active a {
  border-bottom-color: #485fc7;
  color: #485fc7;
}

.tabs ul {
  align-items: center;
  border-bottom-color: #dbdbdb;
  border-bottom-style: solid;
  border-bottom-width: 1px;
  display: flex;
  flex-grow: 1;
  flex-shrink: 0;
  justify-content: flex-start;
}

.tabs ul.is-left {
  padding-right: 0.75em;
}

.tabs ul.is-center {
  flex: none;
  justify-content: center;
  padding-left: 0.75em;
  padding-right: 0.75em;
}

.tabs ul.is-right {
  justify-content: flex-end;
  padding-left: 0.75em;
}

.tabs .icon:first-child {
  margin-right: 0.5em;
}

.tabs .icon:last-child {
  margin-left: 0.5em;
}

.tabs.is-centered ul {
  justify-content: center;
}

.tabs.is-right ul {
  justify-content: flex-end;
}

.tabs.is-boxed a {
  border: 1px solid transparent;
  border-radius: 4px 4px 0 0;
}

.tabs.is-boxed a:hover {
  background-color: whitesmoke;
  border-bottom-color: #dbdbdb;
}

.tabs.is-boxed li.is-active a {
  background-color: white;
  border-color: #dbdbdb;
  border-bottom-color: transparent !important;
}

.tabs.is-fullwidth li {
  flex-grow: 1;
  flex-shrink: 0;
}

.tabs.is-toggle a {
  border-color: #dbdbdb;
  border-style: solid;
  border-width: 1px;
  margin-bottom: 0;
  position: relative;
}

.tabs.is-toggle a:hover {
  background-color: whitesmoke;
  border-color: #b5b5b5;
  z-index: 2;
}

.tabs.is-toggle li + li {
  margin-left: -1px;
}

.tabs.is-toggle li:first-child a {
  border-top-left-radius: 4px;
  border-bottom-left-radius: 4px;
}

.tabs.is-toggle li:last-child a {
  border-top-right-radius: 4px;
  border-bottom-right-radius: 4px;
}

.tabs.is-toggle li.is-active a {
  background-color: #485fc7;
  border-color: #485fc7;
  color: #fff;
  z-index: 1;
}

.tabs.is-toggle ul {
  border-bottom: none;
}

.tabs.is-toggle.is-toggle-rounded li:first-child a {
  border-bottom-left-radius: 9999px;
  border-top-left-radius: 9999px;
  padding-left: 1.25em;
}

.tabs.is-toggle.is-toggle-rounded li:last-child a {
  border-bottom-right-radius: 9999px;
  border-top-right-radius: 9999px;
  padding-right: 1.25em;
}

.tabs.is-small {
  font-size: 0.75rem;
}

.tabs.is-medium {
  font-size: 1.25rem;
}

.tabs.is-large {
  font-size: 1.5rem;
}

/* Bulma Form */
.input, .textarea, .select select {
  background-color: white;
  border-color: #dbdbdb;
  border-radius: 4px;
  color: #363636;
}

.input::-moz-placeholder, .textarea::-moz-placeholder, .select select::-moz-placeholder {
  color: rgba(54, 54, 54, 0.3);
}

.input::-webkit-input-placeholder, .textarea::-webkit-input-placeholder, .select select::-webkit-input-placeholder {
  color: rgba(54, 54, 54, 0.3);
}

.input:-moz-placeholder, .textarea:-moz-placeholder, .select select:-moz-placeholder {
  color: rgba(54, 54, 54, 0.3);
}

.input:-ms-input-placeholder, .textarea:-ms-input-placeholder, .select select:-ms-input-placeholder {
  color: rgba(54, 54, 54, 0.3);
}

.input:hover, .textarea:hover, .select select:hover, .is-hovered.input, .is-hovered.textarea, .select select.is-hovered {
  border-color: #b5b5b5;
}

.input:focus, .textarea:focus, .select select:focus, .is-focused.input, .is-focused.textarea, .select select.is-focused, .input:active, .textarea:active, .select select:active, .is-active.input, .is-active.textarea, .select select.is-active {
  border-color: #485fc7;
  box-shadow: 0 0 0 0.125em rgba(72, 95, 199, 0.25);
}

.input[disabled], .textarea[disabled], .select select[disabled],
fieldset[disabled] .input,
fieldset[disabled] .textarea,
fieldset[disabled] .select select,
.select fieldset[disabled] select {
  background-color: whitesmoke;
  border-color: whitesmoke;
  box-shadow: none;
  color: #7a7a7a;
}

.input[disabled]::-moz-placeholder, .textarea[disabled]::-moz-placeholder, .select select[disabled]::-moz-placeholder,
fieldset[disabled] .input::-moz-placeholder,
fieldset[disabled] .textarea::-moz-placeholder,
fieldset[disabled] .select select::-moz-placeholder,
.select fieldset[disabled] select::-moz-placeholder {
  color: rgba(122, 122, 122, 0.3);
}

.input[disabled]::-webkit-input-placeholder, .textarea[disabled]::-webkit-input-placeholder, .select select[disabled]::-webkit-input-placeholder,
fieldset[disabled] .input::-webkit-input-placeholder,
fieldset[disabled] .textarea::-webkit-input-placeholder,
fieldset[disabled] .select select::-webkit-input-placeholder,
.select fieldset[disabled] select::-webkit-input-placeholder {
  color: rgba(122, 122, 122, 0.3);
}

.input[disabled]:-moz-placeholder, .textarea[disabled]:-moz-placeholder, .select select[disabled]:-moz-placeholder,
fieldset[disabled] .input:-moz-placeholder,
fieldset[disabled] .textarea:-moz-placeholder,
fieldset[disabled] .select select:-moz-placeholder,
.select fieldset[disabled] select:-moz-placeholder {
  color: rgba(122, 122, 122, 0.3);
}

.input[disabled]:-ms-input-placeholder, .textarea[disabled]:-ms-input-placeholder, .select select[disabled]:-ms-input-placeholder,
fieldset[disabled] .input:-ms-input-placeholder,
fieldset[disabled] .textarea:-ms-input-placeholder,
fieldset[disabled] .select select:-ms-input-placeholder,
.select fieldset[disabled] select:-ms-input-placeholder {
  color: rgba(122, 122, 122, 0.3);
}

.input, .textarea {
  box-shadow: inset 0 0.0625em 0.125em rgba(10, 10, 10, 0.05);
  max-width: 100%;
  width: 100%;
}

.input[readonly], .textarea[readonly] {
  box-shadow: none;
}

.is-white.input, .is-white.textarea {
  border-color: white;
}

.is-white.input:focus, .is-white.textarea:focus, .is-white.is-focused.input, .is-white.is-focused.textarea, .is-white.input:active, .is-white.textarea:active, .is-white.is-active.input, .is-white.is-active.textarea {
  box-shadow: 0 0 0 0.125em rgba(255, 255, 255, 0.25);
}

.is-black.input, .is-black.textarea {
  border-color: #0a0a0a;
}

.is-black.input:focus, .is-black.textarea:focus, .is-black.is-focused.input, .is-black.is-focused.textarea, .is-black.input:active, .is-black.textarea:active, .is-black.is-active.input, .is-black.is-active.textarea {
  box-shadow: 0 0 0 0.125em rgba(10, 10, 10, 0.25);
}

.is-light.input, .is-light.textarea {
  border-color: whitesmoke;
}

.is-light.input:focus, .is-light.textarea:focus, .is-light.is-focused.input, .is-light.is-focused.textarea, .is-light.input:active, .is-light.textarea:active, .is-light.is-active.input, .is-light.is-active.textarea {
  box-shadow: 0 0 0 0.125em rgba(245, 245, 245, 0.25);
}

.is-dark.input, .is-dark.textarea {
  border-color: #363636;
}

.is-dark.input:focus, .is-dark.textarea:focus, .is-dark.is-focused.input, .is-dark.is-focused.textarea, .is-dark.input:active, .is-dark.textarea:active, .is-dark.is-active.input, .is-dark.is-active.textarea {
  box-shadow: 0 0 0 0.125em rgba(54, 54, 54, 0.25);
}

.is-primary.input, .is-primary.textarea {
  border-color: #00d1b2;
}

.is-primary.input:focus, .is-primary.textarea:focus, .is-primary.is-focused.input, .is-primary.is-focused.textarea, .is-primary.input:active, .is-primary.textarea:active, .is-primary.is-active.input, .is-primary.is-active.textarea {
  box-shadow: 0 0 0 0.125em rgba(0, 209, 178, 0.25);
}

.is-link.input, .is-link.textarea {
  border-color: #485fc7;
}

.is-link.input:focus, .is-link.textarea:focus, .is-link.is-focused.input, .is-link.is-focused.textarea, .is-link.input:active, .is-link.textarea:active, .is-link.is-active.input, .is-link.is-active.textarea {
  box-shadow: 0 0 0 0.125em rgba(72, 95, 199, 0.25);
}

.is-info.input, .is-info.textarea {
  border-color: #3e8ed0;
}

.is-info.input:focus, .is-info.textarea:focus, .is-info.is-focused.input, .is-info.is-focused.textarea, .is-info.input:active, .is-info.textarea:active, .is-info.is-active.input, .is-info.is-active.textarea {
  box-shadow: 0 0 0 0.125em rgba(62, 142, 208, 0.25);
}

.is-success.input, .is-success.textarea {
  border-color: #48c78e;
}

.is-success.input:focus, .is-success.textarea:focus, .is-success.is-focused.input, .is-success.is-focused.textarea, .is-success.input:active, .is-success.textarea:active, .is-success.is-active.input, .is-success.is-active.textarea {
  box-shadow: 0 0 0 0.125em rgba(72, 199, 142, 0.25);
}

.is-warning.input, .is-warning.textarea {
  border-color: #ffe08a;
}

.is-warning.input:focus, .is-warning.textarea:focus, .is-warning.is-focused.input, .is-warning.is-focused.textarea, .is-warning.input:active, .is-warning.textarea:active, .is-warning.is-active.input, .is-warning.is-active.textarea {
  box-shadow: 0 0 0 0.125em rgba(255, 224, 138, 0.25);
}

.is-danger.input, .is-danger.textarea {
  border-color: #f14668;
}

.is-danger.input:focus, .is-danger.textarea:focus, .is-danger.is-focused.input, .is-danger.is-focused.textarea, .is-danger.input:active, .is-danger.textarea:active, .is-danger.is-active.input, .is-danger.is-active.textarea {
  box-shadow: 0 0 0 0.125em rgba(241, 70, 104, 0.25);
}

.is-small.input, .is-small.textarea {
  border-radius: 2px;
  font-size: 0.75rem;
}

.is-medium.input, .is-medium.textarea {
  font-size: 1.25rem;
}

.is-large.input, .is-large.textarea {
  font-size: 1.5rem;
}

.is-fullwidth.input, .is-fullwidth.textarea {
  display: block;
  width: 100%;
}

.is-inline.input, .is-inline.textarea {
  display: inline;
  width: auto;
}

.input.is-rounded {
  border-radius: 9999px;
  padding-left: calc(calc(0.75em - 1px) + 0.375em);
  padding-right: calc(calc(0.75em - 1px) + 0.375em);
}

.input.is-static {
  background-color: transparent;
  border-color: transparent;
  box-shadow: none;
  padding-left: 0;
  padding-right: 0;
}

.textarea {
  display: block;
  max-width: 100%;
  min-width: 100%;
  padding: calc(0.75em - 1px);
  resize: vertical;
}

.textarea:not([rows]) {
  max-height: 40em;
  min-height: 8em;
}

.textarea[rows] {
  height: initial;
}

.textarea.has-fixed-size {
  resize: none;
}

.checkbox, .radio {
  cursor: pointer;
  display: inline-block;
  line-height: 1.25;
  position: relative;
}

.checkbox input, .radio input {
  cursor: pointer;
}

.checkbox:hover, .radio:hover {
  color: #363636;
}

.checkbox[disabled], .radio[disabled],
fieldset[disabled] .checkbox,
fieldset[disabled] .radio,
.checkbox input[disabled],
.radio input[disabled] {
  color: #7a7a7a;
  cursor: not-allowed;
}

.radio + .radio {
  margin-left: 0.5em;
}

.select {
  display: inline-block;
  max-width: 100%;
  position: relative;
  vertical-align: top;
}

.select:not(.is-multiple) {
  height: 2.5em;
}

.select:not(.is-multiple):not(.is-loading)::after {
  border-color: #485fc7;
  right: 1.125em;
  z-index: 4;
}

.select.is-rounded select {
  border-radius: 9999px;
  padding-left: 1em;
}

.select select {
  cursor: pointer;
  display: block;
  font-size: 1em;
  max-width: 100%;
  outline: none;
}

.select select::-ms-expand {
  display: none;
}

.select select[disabled]:hover,
fieldset[disabled] .select select:hover {
  border-color: whitesmoke;
}

.select select:not([multiple]) {
  padding-right: 2.5em;
}

.select select[multiple] {
  height: auto;
  padding: 0;
}

.select select[multiple] option {
  padding: 0.5em 1em;
}

.select:not(.is-multiple):not(.is-loading):hover::after {
  border-color: #363636;
}

.select.is-white:not(:hover)::after {
  border-color: white;
}

.select.is-white select {
  border-color: white;
}

.select.is-white select:hover, .select.is-white select.is-hovered {
  border-color: #f2f2f2;
}

.select.is-white select:focus, .select.is-white select.is-focused, .select.is-white select:active, .select.is-white select.is-active {
  box-shadow: 0 0 0 0.125em rgba(255, 255, 255, 0.25);
}

.select.is-black:not(:hover)::after {
  border-color: #0a0a0a;
}

.select.is-black select {
  border-color: #0a0a0a;
}

.select.is-black select:hover, .select.is-black select.is-hovered {
  border-color: black;
}

.select.is-black select:focus, .select.is-black select.is-focused, .select.is-black select:active, .select.is-black select.is-active {
  box-shadow: 0 0 0 0.125em rgba(10, 10, 10, 0.25);
}

.select.is-light:not(:hover)::after {
  border-color: whitesmoke;
}

.select.is-light select {
  border-color: whitesmoke;
}

.select.is-light select:hover, .select.is-light select.is-hovered {
  border-color: #e8e8e8;
}

.select.is-light select:focus, .select.is-light select.is-focused, .select.is-light select:active, .select.is-light select.is-active {
  box-shadow: 0 0 0 0.125em rgba(245, 245, 245, 0.25);
}

.select.is-dark:not(:hover)::after {
  border-color: #363636;
}

.select.is-dark select {
  border-color: #363636;
}

.select.is-dark select:hover, .select.is-dark select.is-hovered {
  border-color: #292929;
}

.select.is-dark select:focus, .select.is-dark select.is-focused, .select.is-dark select:active, .select.is-dark select.is-active {
  box-shadow: 0 0 0 0.125em rgba(54, 54, 54, 0.25);
}

.select.is-primary:not(:hover)::after {
  border-color: #00d1b2;
}

.select.is-primary select {
  border-color: #00d1b2;
}

.select.is-primary select:hover, .select.is-primary select.is-hovered {
  border-color: #00b89c;
}

.select.is-primary select:focus, .select.is-primary select.is-focused, .select.is-primary select:active, .select.is-primary select.is-active {
  box-shadow: 0 0 0 0.125em rgba(0, 209, 178, 0.25);
}

.select.is-link:not(:hover)::after {
  border-color: #485fc7;
}

.select.is-link select {
  border-color: #485fc7;
}

.select.is-link select:hover, .select.is-link select.is-hovered {
  border-color: #3a51bb;
}

.select.is-link select:focus, .select.is-link select.is-focused, .select.is-link select:active, .select.is-link select.is-active {
  box-shadow: 0 0 0 0.125em rgba(72, 95, 199, 0.25);
}

.select.is-info:not(:hover)::after {
  border-color: #3e8ed0;
}

.select.is-info select {
  border-color: #3e8ed0;
}

.select.is-info select:hover, .select.is-info select.is-hovered {
  border-color: #3082c5;
}

.select.is-info select:focus, .select.is-info select.is-focused, .select.is-info select:active, .select.is-info select.is-active {
  box-shadow: 0 0 0 0.125em rgba(62, 142, 208, 0.25);
}

.select.is-success:not(:hover)::after {
  border-color: #48c78e;
}

.select.is-success select {
  border-color: #48c78e;
}

.select.is-success select:hover, .select.is-success select.is-hovered {
  border-color: #3abb81;
}

.select.is-success select:focus, .select.is-success select.is-focused, .select.is-success select:active, .select.is-success select.is-active {
  box-shadow: 0 0 0 0.125em rgba(72, 199, 142, 0.25);
}

.select.is-warning:not(:hover)::after {
  border-color: #ffe08a;
}

.select.is-warning select {
  border-color: #ffe08a;
}

.select.is-warning select:hover, .select.is-warning select.is-hovered {
  border-color: #ffd970;
}

.select.is-warning select:focus, .select.is-warning select.is-focused, .select.is-warning select:active, .select.is-warning select.is-active {
  box-shadow: 0 0 0 0.125em rgba(255, 224, 138, 0.25);
}

.select.is-danger:not(:hover)::after {
  border-color: #f14668;
}

.select.is-danger select {
  border-color: #f14668;
}

.select.is-danger select:hover, .select.is-danger select.is-hovered {
  border-color: #ef2e55;
}

.select.is-danger select:focus, .select.is-danger select.is-focused, .select.is-danger select:active, .select.is-danger select.is-active {
  box-shadow: 0 0 0 0.125em rgba(241, 70, 104, 0.25);
}

.select.is-small {
  border-radius: 2px;
  font-size: 0.75rem;
}

.select.is-medium {
  font-size: 1.25rem;
}

.select.is-large {
  font-size: 1.5rem;
}

.select.is-disabled::after {
  border-color: #7a7a7a !important;
  opacity: 0.5;
}

.select.is-fullwidth {
  width: 100%;
}

.select.is-fullwidth select {
  width: 100%;
}

.select.is-loading::after {
  margin-top: 0;
  position: absolute;
  right: 0.625em;
  top: 0.625em;
  transform: none;
}

.select.is-loading.is-small:after {
  font-size: 0.75rem;
}

.select.is-loading.is-medium:after {
  font-size: 1.25rem;
}

.select.is-loading.is-large:after {
  font-size: 1.5rem;
}

.file {
  align-items: stretch;
  display: flex;
  justify-content: flex-start;
  position: relative;
}

.file.is-white .file-cta {
  background-color: white;
  border-color: transparent;
  color: #0a0a0a;
}

.file.is-white:hover .file-cta, .file.is-white.is-hovered .file-cta {
  background-color: #f9f9f9;
  border-color: transparent;
  color: #0a0a0a;
}

.file.is-white:focus .file-cta, .file.is-white.is-focused .file-cta {
  border-color: transparent;
  box-shadow: 0 0 0.5em rgba(255, 255, 255, 0.25);
  color: #0a0a0a;
}

.file.is-white:active .file-cta, .file.is-white.is-active .file-cta {
  background-color: #f2f2f2;
  border-color: transparent;
  color: #0a0a0a;
}

.file.is-black .file-cta {
  background-color: #0a0a0a;
  border-color: transparent;
  color: white;
}

.file.is-black:hover .file-cta, .file.is-black.is-hovered .file-cta {
  background-color: #040404;
  border-color: transparent;
  color: white;
}

.file.is-black:focus .file-cta, .file.is-black.is-focused .file-cta {
  border-color: transparent;
  box-shadow: 0 0 0.5em rgba(10, 10, 10, 0.25);
  color: white;
}

.file.is-black:active .file-cta, .file.is-black.is-active .file-cta {
  background-color: black;
  border-color: transparent;
  color: white;
}

.file.is-light .file-cta {
  background-color: whitesmoke;
  border-color: transparent;
  color: rgba(0, 0, 0, 0.7);
}

.file.is-light:hover .file-cta, .file.is-light.is-hovered .file-cta {
  background-color: #eeeeee;
  border-color: transparent;
  color: rgba(0, 0, 0, 0.7);
}

.file.is-light:focus .file-cta, .file.is-light.is-focused .file-cta {
  border-color: transparent;
  box-shadow: 0 0 0.5em rgba(245, 245, 245, 0.25);
  color: rgba(0, 0, 0, 0.7);
}

.file.is-light:active .file-cta, .file.is-light.is-active .file-cta {
  background-color: #e8e8e8;
  border-color: transparent;
  color: rgba(0, 0, 0, 0.7);
}

.file.is-dark .file-cta {
  background-color: #363636;
  border-color: transparent;
  color: #fff;
}

.file.is-dark:hover .file-cta, .file.is-dark.is-hovered .file-cta {
  background-color: #2f2f2f;
  border-color: transparent;
  color: #fff;
}

.file.is-dark:focus .file-cta, .file.is-dark.is-focused .file-cta {
  border-color: transparent;
  box-shadow: 0 0 0.5em rgba(54, 54, 54, 0.25);
  color: #fff;
}

.file.is-dark:active .file-cta, .file.is-dark.is-active .file-cta {
  background-color: #292929;
  border-color: transparent;
  color: #fff;
}

.file.is-primary .file-cta {
  background-color: #00d1b2;
  border-color: transparent;
  color: #fff;
}

.file.is-primary:hover .file-cta, .file.is-primary.is-hovered .file-cta {
  background-color: #00c4a7;
  border-color: transparent;
  color: #fff;
}

.file.is-primary:focus .file-cta, .file.is-primary.is-focused .file-cta {
  border-color: transparent;
  box-shadow: 0 0 0.5em rgba(0, 209, 178, 0.25);
  color: #fff;
}

.file.is-primary:active .file-cta, .file.is-primary.is-active .file-cta {
  background-color: #00b89c;
  border-color: transparent;
  color: #fff;
}

.file.is-link .file-cta {
  background-color: #485fc7;
  border-color: transparent;
  color: #fff;
}

.file.is-link:hover .file-cta, .file.is-link.is-hovered .file-cta {
  background-color: #3e56c4;
  border-color: transparent;
  color: #fff;
}

.file.is-link:focus .file-cta, .file.is-link.is-focused .file-cta {
  border-color: transparent;
  box-shadow: 0 0 0.5em rgba(72, 95, 199, 0.25);
  color: #fff;
}

.file.is-link:active .file-cta, .file.is-link.is-active .file-cta {
  background-color: #3a51bb;
  border-color: transparent;
  color: #fff;
}

.file.is-info .file-cta {
  background-color: #3e8ed0;
  border-color: transparent;
  color: #fff;
}

.file.is-info:hover .file-cta, .file.is-info.is-hovered .file-cta {
  background-color: #3488ce;
  border-color: transparent;
  color: #fff;
}

.file.is-info:focus .file-cta, .file.is-info.is-focused .file-cta {
  border-color: transparent;
  box-shadow: 0 0 0.5em rgba(62, 142, 208, 0.25);
  color: #fff;
}

.file.is-info:active .file-cta, .file.is-info.is-active .file-cta {
  background-color: #3082c5;
  border-color: transparent;
  color: #fff;
}

.file.is-success .file-cta {
  background-color: #48c78e;
  border-color: transparent;
  color: #fff;
}

.file.is-success:hover .file-cta, .file.is-success.is-hovered .file-cta {
  background-color: #3ec487;
  border-color: transparent;
  color: #fff;
}

.file.is-success:focus .file-cta, .file.is-success.is-focused .file-cta {
  border-color: transparent;
  box-shadow: 0 0 0.5em rgba(72, 199, 142, 0.25);
  color: #fff;
}

.file.is-success:active .file-cta, .file.is-success.is-active .file-cta {
  background-color: #3abb81;
  border-color: transparent;
  color: #fff;
}

.file.is-warning .file-cta {
  background-color: #ffe08a;
  border-color: transparent;
  color: rgba(0, 0, 0, 0.7);
}

.file.is-warning:hover .file-cta, .file.is-warning.is-hovered .file-cta {
  background-color: #ffdc7d;
  border-color: transparent;
  color: rgba(0, 0, 0, 0.7);
}

.file.is-warning:focus .file-cta, .file.is-warning.is-focused .file-cta {
  border-color: transparent;
  box-shadow: 0 0 0.5em rgba(255, 224, 138, 0.25);
  color: rgba(0, 0, 0, 0.7);
}

.file.is-warning:active .file-cta, .file.is-warning.is-active .file-cta {
  background-color: #ffd970;
  border-color: transparent;
  color: rgba(0, 0, 0, 0.7);
}

.file.is-danger .file-cta {
  background-color: #f14668;
  border-color: transparent;
  color: #fff;
}

.file.is-danger:hover .file-cta, .file.is-danger.is-hovered .file-cta {
  background-color: #f03a5f;
  border-color: transparent;
  color: #fff;
}

.file.is-danger:focus .file-cta, .file.is-danger.is-focused .file-cta {
  border-color: transparent;
  box-shadow: 0 0 0.5em rgba(241, 70, 104, 0.25);
  color: #fff;
}

.file.is-danger:active .file-cta, .file.is-danger.is-active .file-cta {
  background-color: #ef2e55;
  border-color: transparent;
  color: #fff;
}

.file.is-small {
  font-size: 0.75rem;
}

.file.is-normal {
  font-size: 1rem;
}

.file.is-medium {
  font-size: 1.25rem;
}

.file.is-medium .file-icon .fa {
  font-size: 21px;
}

.file.is-large {
  font-size: 1.5rem;
}

.file.is-large .file-icon .fa {
  font-size: 28px;
}

.file.has-name .file-cta {
  border-bottom-right-radius: 0;
  border-top-right-radius: 0;
}

.file.has-name .file-name {
  border-bottom-left-radius: 0;
  border-top-left-radius: 0;
}

.file.has-name.is-empty .file-cta {
  border-radius: 4px;
}

.file.has-name.is-empty .file-name {
  display: none;
}

.file.is-boxed .file-label {
  flex-direction: column;
}

.file.is-boxed .file-cta {
  flex-direction: column;
  height: auto;
  padding: 1em 3em;
}

.file.is-boxed .file-name {
  border-width: 0 1px 1px;
}

.file.is-boxed .file-icon {
  height: 1.5em;
  width: 1.5em;
}

.file.is-boxed .file-icon .fa {
  font-size: 21px;
}

.file.is-boxed.is-small .file-icon .fa {
  font-size: 14px;
}

.file.is-boxed.is-medium .file-icon .fa {
  font-size: 28px;
}

.file.is-boxed.is-large .file-icon .fa {
  font-size: 35px;
}

.file.is-boxed.has-name .file-cta {
  border-radius: 4px 4px 0 0;
}

.file.is-boxed.has-name .file-name {
  border-radius: 0 0 4px 4px;
  border-width: 0 1px 1px;
}

.file.is-centered {
  justify-content: center;
}

.file.is-fullwidth .file-label {
  width: 100%;
}

.file.is-fullwidth .file-name {
  flex-grow: 1;
  max-width: none;
}

.file.is-right {
  justify-content: flex-end;
}

.file.is-right .file-cta {
  border-radius: 0 4px 4px 0;
}

.file.is-right .file-name {
  border-radius: 4px 0 0 4px;
  border-width: 1px 0 1px 1px;
  order: -1;
}

.file-label {
  align-items: stretch;
  display: flex;
  cursor: pointer;
  justify-content: flex-start;
  overflow: hidden;
  position: relative;
}

.file-label:hover .file-cta {
  background-color: #eeeeee;
  color: #363636;
}

.file-label:hover .file-name {
  border-color: #d5d5d5;
}

.file-label:active .file-cta {
  background-color: #e8e8e8;
  color: #363636;
}

.file-label:active .file-name {
  border-color: #cfcfcf;
}

.file-input {
  height: 100%;
  left: 0;
  opacity: 0;
  outline: none;
  position: absolute;
  top: 0;
  width: 100%;
}

.file-cta,
.file-name {
  border-color: #dbdbdb;
  border-radius: 4px;
  font-size: 1em;
  padding-left: 1em;
  padding-right: 1em;
  white-space: nowrap;
}

.file-cta {
  background-color: whitesmoke;
  color: #4a4a4a;
}

.file-name {
  border-color: #dbdbdb;
  border-style: solid;
  border-width: 1px 1px 1px 0;
  display: block;
  max-width: 16em;
  overflow: hidden;
  text-align: inherit;
  text-overflow: ellipsis;
}

.file-icon {
  align-items: center;
  display: flex;
  height: 1em;
  justify-content: center;
  margin-right: 0.5em;
  width: 1em;
}

.file-icon .fa {
  font-size: 14px;
}

.label {
  color: #363636;
  display: block;
  font-size: 1rem;
  font-weight: 700;
}

.label:not(:last-child) {
  margin-bottom: 0.5em;
}

.label.is-small {
  font-size: 0.75rem;
}

.label.is-medium {
  font-size: 1.25rem;
}

.label.is-large {
  font-size: 1.5rem;
}

.help {
  display: block;
  font-size: 0.75rem;
  margin-top: 0.25rem;
}

.help.is-white {
  color: white;
}

.help.is-black {
  color: #0a0a0a;
}

.help.is-light {
  color: whitesmoke;
}

.help.is-dark {
  color: #363636;
}

.help.is-primary {
  color: #00d1b2;
}

.help.is-link {
  color: #485fc7;
}

.help.is-info {
  color: #3e8ed0;
}

.help.is-success {
  color: #48c78e;
}

.help.is-warning {
  color: #ffe08a;
}

.help.is-danger {
  color: #f14668;
}

.field:not(:last-child) {
  margin-bottom: 0.75rem;
}

.field.has-addons {
  display: flex;
  justify-content: flex-start;
}

.field.has-addons .control:not(:last-child) {
  margin-right: -1px;
}

.field.has-addons .control:not(:first-child):not(:last-child) .button,
.field.has-addons .control:not(:first-child):not(:last-child) .input,
.field.has-addons .control:not(:first-child):not(:last-child) .select select {
  border-radius: 0;
}

.field.has-addons .control:first-child:not(:only-child) .button,
.field.has-addons .control:first-child:not(:only-child) .input,
.field.has-addons .control:first-child:not(:only-child) .select select {
  border-bottom-right-radius: 0;
  border-top-right-radius: 0;
}

.field.has-addons .control:last-child:not(:only-child) .button,
.field.has-addons .control:last-child:not(:only-child) .input,
.field.has-addons .control:last-child:not(:only-child) .select select {
  border-bottom-left-radius: 0;
  border-top-left-radius: 0;
}

.field.has-addons .control .button:not([disabled]):hover, .field.has-addons .control .button:not([disabled]).is-hovered,
.field.has-addons .control .input:not([disabled]):hover,
.field.has-addons .control .input:not([disabled]).is-hovered,
.field.has-addons .control .select select:not([disabled]):hover,
.field.has-addons .control .select select:not([disabled]).is-hovered {
  z-index: 2;
}

.field.has-addons .control .button:not([disabled]):focus, .field.has-addons .control .button:not([disabled]).is-focused, .field.has-addons .control .button:not([disabled]):active, .field.has-addons .control .button:not([disabled]).is-active,
.field.has-addons .control .input:not([disabled]):focus,
.field.has-addons .control .input:not([disabled]).is-focused,
.field.has-addons .control .input:not([disabled]):active,
.field.has-addons .control .input:not([disabled]).is-active,
.field.has-addons .control .select select:not([disabled]):focus,
.field.has-addons .control .select select:not([disabled]).is-focused,
.field.has-addons .control .select select:not([disabled]):active,
.field.has-addons .control .select select:not([disabled]).is-active {
  z-index: 3;
}

.field.has-addons .control .button:not([disabled]):focus:hover, .field.has-addons .control .button:not([disabled]).is-focused:hover, .field.has-addons .control .button:not([disabled]):active:hover, .field.has-addons .control .button:not([disabled]).is-active:hover,
.field.has-addons .control .input:not([disabled]):focus:hover,
.field.has-addons .control .input:not([disabled]).is-focused:hover,
.field.has-addons .control .input:not([disabled]):active:hover,
.field.has-addons .control .input:not([disabled]).is-active:hover,
.field.has-addons .control .select select:not([disabled]):focus:hover,
.field.has-addons .control .select select:not([disabled]).is-focused:hover,
.field.has-addons .control .select select:not([disabled]):active:hover,
.field.has-addons .control .select select:not([disabled]).is-active:hover {
  z-index: 4;
}

.field.has-addons .control.is-expanded {
  flex-grow: 1;
  flex-shrink: 1;
}

.field.has-addons.has-addons-centered {
  justify-content: center;
}

.field.has-addons.has-addons-right {
  justify-content: flex-end;
}

.field.has-addons.has-addons-fullwidth .control {
  flex-grow: 1;
  flex-shrink: 0;
}

.field.is-grouped {
  display: flex;
  justify-content: flex-start;
}

.field.is-grouped > .control {
  flex-shrink: 0;
}

.field.is-grouped > .control:not(:last-child) {
  margin-bottom: 0;
  margin-right: 0.75rem;
}

.field.is-grouped > .control.is-expanded {
  flex-grow: 1;
  flex-shrink: 1;
}

.field.is-grouped.is-grouped-centered {
  justify-content: center;
}

.field.is-grouped.is-grouped-right {
  justify-content: flex-end;
}

.field.is-grouped.is-grouped-multiline {
  flex-wrap: wrap;
}

.field.is-grouped.is-grouped-multiline > .control:last-child, .field.is-grouped.is-grouped-multiline > .control:not(:last-child) {
  margin-bottom: 0.75rem;
}

.field.is-grouped.is-grouped-multiline:last-child {
  margin-bottom: -0.75rem;
}

.field.is-grouped.is-grouped-multiline:not(:last-child) {
  margin-bottom: 0;
}

@media screen and (min-width: 769px), print {
  .field.is-horizontal {
    display: flex;
  }
}

.field-label .label {
  font-size: inherit;
}

@media screen and (max-width: 768px) {
  .field-label {
    margin-bottom: 0.5rem;
  }
}

@media screen and (min-width: 769px), print {
  .field-label {
    flex-basis: 0;
    flex-grow: 1;
    flex-shrink: 0;
    margin-right: 1.5rem;
    text-align: right;
  }
  .field-label.is-small {
    font-size: 0.75rem;
    padding-top: 0.375em;
  }
  .field-label.is-normal {
    padding-top: 0.375em;
  }
  .field-label.is-medium {
    font-size: 1.25rem;
    padding-top: 0.375em;
  }
  .field-label.is-large {
    font-size: 1.5rem;
    padding-top: 0.375em;
  }
}

.field-body .field .field {
  margin-bottom: 0;
}

@media screen and (min-width: 769px), print {
  .field-body {
    display: flex;
    flex-basis: 0;
    flex-grow: 5;
    flex-shrink: 1;
  }
  .field-body .field {
    margin-bottom: 0;
  }
  .field-body > .field {
    flex-shrink: 1;
  }
  .field-body > .field:not(.is-narrow) {
    flex-grow: 1;
  }
  .field-body > .field:not(:last-child) {
    margin-right: 0.75rem;
  }
}

.control {
  box-sizing: border-box;
  clear: both;
  font-size: 1rem;
  position: relative;
  text-align: inherit;
}

.control.has-icons-left .input:focus ~ .icon,
.control.has-icons-left .select:focus ~ .icon, .control.has-icons-right .input:focus ~ .icon,
.control.has-icons-right .select:focus ~ .icon {
  color: #4a4a4a;
}

.control.has-icons-left .input.is-small ~ .icon,
.control.has-icons-left .select.is-small ~ .icon, .control.has-icons-right .input.is-small ~ .icon,
.control.has-icons-right .select.is-small ~ .icon {
  font-size: 0.75rem;
}

.control.has-icons-left .input.is-medium ~ .icon,
.control.has-icons-left .select.is-medium ~ .icon, .control.has-icons-right .input.is-medium ~ .icon,
.control.has-icons-right .select.is-medium ~ .icon {
  font-size: 1.25rem;
}

.control.has-icons-left .input.is-large ~ .icon,
.control.has-icons-left .select.is-large ~ .icon, .control.has-icons-right .input.is-large ~ .icon,
.control.has-icons-right .select.is-large ~ .icon {
  font-size: 1.5rem;
}

.control.has-icons-left .icon, .control.has-icons-right .icon {
  color: #dbdbdb;
  height: 2.5em;
  pointer-events: none;
  position: absolute;
  top: 0;
  width: 2.5em;
  z-index: 4;
}

.control.has-icons-left .input,
.control.has-icons-left .select select {
  padding-left: 2.5em;
}

.control.has-icons-left .icon.is-left {
  left: 0;
}

.control.has-icons-right .input,
.control.has-icons-right .select select {
  padding-right: 2.5em;
}

.control.has-icons-right .icon.is-right {
  right: 0;
}

.control.is-loading::after {
  position: absolute !important;
  right: 0.625em;
  top: 0.625em;
  z-index: 4;
}

.control.is-loading.is-small:after {
  font-size: 0.75rem;
}

.control.is-loading.is-medium:after {
  font-size: 1.25rem;
}

.control.is-loading.is-large:after {
  font-size: 1.5rem;
}

article,
aside,
details,
figcaption,
figure,
footer,
header,
main,
menu,
nav,
section,
summary {
  display: block;
}

audio,
canvas,
progress,
video {
  display: inline-block;
}

audio:not([controls]) {
  display: none;
  height: 0;
}

progress {
  vertical-align: baseline;
}

template,
[hidden] {
  display: none;
}

@font-face {
  font-family: "Montserrat";
  src: url("../fonts/Montserrat-VariableFont_wght.woff2") format("woff2");
  font-weight: 125 1200;
  font-stretch: 75% 200%;
  font-style: normal;
}

@font-face {
  font-family: "Montserrat";
  src: url("../fonts/Montserrat-Italic-VariableFont_wght.woff2") format("woff2");
  font-weight: 125 1200;
  font-stretch: 75% 200%;
  font-style: italic;
}

/* Usage :
.faded-text {
  @include opacity(0.8);
}
*/
/* Typography Mixins */
/*
.foo {
  @include size(2rem 3rem);
}
*/
/*
*/
/* Usage :
.circle {
  @include circle(5rem);
  background: #e14b4e;
}
.rounded {
  @include rounded-box(5rem, 2rem);
  background: #07a9ea;
}
.rounded--custom {
  @include rounded-box(5rem, 1rem 2rem);
  background: #fdb53f;
}
*/
/* 
* @include triangle within a pseudo element and add positioning properties (ie. top, left)
* $direction: up, down, left, right
*/
/* Usage :
pattern.svg
pattern.png
pattern@2x.png

body {
  @include background-image('pattern');
}*/
/* Usage :
@include keyframes(slide-down) {
  0% { opacity: 1; }
  90% { opacity: 0; }
}

.element {
  width: 100px;
  height: 100px;
  background: black;
  @include animation('slide-down 5s 3');
}
*/
/* Usage :
a {
  color: gray;
  @include transition(color .3s ease);
  &:hover {
    color: black;
  }
}
*/
/* Usage:
.login_window {
    width: 200px; height: 100px; background: red;
    
		@include box-shadow(inset, 0, 1px, 1px, rgba(0, 0, 0, 0.5));
}
*/
@keyframes alertMe {
  from {
    border-width: 3px;
    border-color: gold;
  }
  to {
    border-width: 0;
    border-color: rgba(255, 215, 0, 0.1);
  }
}

/* end linkhover mixin */
/* end closebutton mixin */
/* Icon for closing modal boxes */
/* end closeicon mixin */
/* end buttonfake mixin */
/* leistungenliste */
/* document icons */
/* tinyslider col */
/* tinyslider col */
/* Minor FCP Mixins */
/* end flagthis mixin */
/* Visitenkarte */
/* a card */
.view-front {
  font-size: 100%;
}

/*! bulma.io v0.9.4 | MIT License | github.com/jgthms/bulma */
/* Bulma Utilities */
.button, .pagination-previous,
.pagination-next,
.pagination-link,
.pagination-ellipsis, .input, .textarea, .select select, .file-cta,
.file-name {
  -moz-appearance: none;
  -webkit-appearance: none;
  align-items: center;
  border: 1px solid transparent;
  border-radius: 4px;
  box-shadow: none;
  display: inline-flex;
  font-size: 1rem;
  height: 2.5em;
  justify-content: flex-start;
  line-height: 1.5;
  padding-bottom: calc(0.5em - 1px);
  padding-left: calc(0.75em - 1px);
  padding-right: calc(0.75em - 1px);
  padding-top: calc(0.5em - 1px);
  position: relative;
  vertical-align: top;
}

.button:focus, .pagination-previous:focus,
.pagination-next:focus,
.pagination-link:focus,
.pagination-ellipsis:focus, .input:focus, .textarea:focus, .select select:focus, .file-cta:focus,
.file-name:focus, .is-focused.button, .is-focused.pagination-previous,
.is-focused.pagination-next,
.is-focused.pagination-link,
.is-focused.pagination-ellipsis, .is-focused.input, .is-focused.textarea, .select select.is-focused, .is-focused.file-cta,
.is-focused.file-name, .button:active, .pagination-previous:active,
.pagination-next:active,
.pagination-link:active,
.pagination-ellipsis:active, .input:active, .textarea:active, .select select:active, .file-cta:active,
.file-name:active, .is-active.button, .is-active.pagination-previous,
.is-active.pagination-next,
.is-active.pagination-link,
.is-active.pagination-ellipsis, .is-active.input, .is-active.textarea, .select select.is-active, .is-active.file-cta,
.is-active.file-name {
  outline: none;
}

.button[disabled], .pagination-previous[disabled],
.pagination-next[disabled],
.pagination-link[disabled],
.pagination-ellipsis[disabled], .input[disabled], .textarea[disabled], .select select[disabled], .file-cta[disabled],
.file-name[disabled],
fieldset[disabled] .button,
fieldset[disabled] .pagination-previous,
fieldset[disabled] .pagination-next,
fieldset[disabled] .pagination-link,
fieldset[disabled] .pagination-ellipsis,
fieldset[disabled] .input,
fieldset[disabled] .textarea,
fieldset[disabled] .select select,
.select fieldset[disabled] select,
fieldset[disabled] .file-cta,
fieldset[disabled] .file-name {
  cursor: not-allowed;
}

.button, .breadcrumb, .pagination-previous,
.pagination-next,
.pagination-link,
.pagination-ellipsis, .tabs, .file, .is-unselectable {
  -webkit-touch-callout: none;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
}

.navbar-link:not(.is-arrowless)::after, .select:not(.is-multiple):not(.is-loading)::after {
  border: 3px solid transparent;
  border-radius: 2px;
  border-right: 0;
  border-top: 0;
  content: " ";
  display: block;
  height: 0.625em;
  margin-top: -0.4375em;
  pointer-events: none;
  position: absolute;
  top: 50%;
  transform: rotate(-45deg);
  transform-origin: center;
  width: 0.625em;
}

.box:not(:last-child), .content:not(:last-child), .notification:not(:last-child), .progress:not(:last-child), .table:not(:last-child), .table-container:not(:last-child), .title:not(:last-child),
.subtitle:not(:last-child), .block:not(:last-child), .breadcrumb:not(:last-child), .level:not(:last-child), .message:not(:last-child), .pagination:not(:last-child), .tabs:not(:last-child) {
  margin-bottom: 1.5rem;
}

.delete, .modal-close {
  -webkit-touch-callout: none;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
  -moz-appearance: none;
  -webkit-appearance: none;
  background-color: rgba(10, 10, 10, 0.2);
  border: none;
  border-radius: 9999px;
  cursor: pointer;
  pointer-events: auto;
  display: inline-block;
  flex-grow: 0;
  flex-shrink: 0;
  font-size: 0;
  height: 20px;
  max-height: 20px;
  max-width: 20px;
  min-height: 20px;
  min-width: 20px;
  outline: none;
  position: relative;
  vertical-align: top;
  width: 20px;
}

.delete::before, .modal-close::before, .delete::after, .modal-close::after {
  background-color: white;
  content: "";
  display: block;
  left: 50%;
  position: absolute;
  top: 50%;
  transform: translateX(-50%) translateY(-50%) rotate(45deg);
  transform-origin: center center;
}

.delete::before, .modal-close::before {
  height: 2px;
  width: 50%;
}

.delete::after, .modal-close::after {
  height: 50%;
  width: 2px;
}

.delete:hover, .modal-close:hover, .delete:focus, .modal-close:focus {
  background-color: rgba(10, 10, 10, 0.3);
}

.delete:active, .modal-close:active {
  background-color: rgba(10, 10, 10, 0.4);
}

.is-small.delete, .is-small.modal-close {
  height: 16px;
  max-height: 16px;
  max-width: 16px;
  min-height: 16px;
  min-width: 16px;
  width: 16px;
}

.is-medium.delete, .is-medium.modal-close {
  height: 24px;
  max-height: 24px;
  max-width: 24px;
  min-height: 24px;
  min-width: 24px;
  width: 24px;
}

.is-large.delete, .is-large.modal-close {
  height: 32px;
  max-height: 32px;
  max-width: 32px;
  min-height: 32px;
  min-width: 32px;
  width: 32px;
}

.button.is-loading::after, .loader, .select.is-loading::after, .control.is-loading::after {
  animation: spinAround 500ms infinite linear;
  border: 2px solid #dbdbdb;
  border-radius: 9999px;
  border-right-color: transparent;
  border-top-color: transparent;
  content: "";
  display: block;
  height: 1em;
  position: relative;
  width: 1em;
}

.hero-video, .image.is-square img,
.image.is-square .has-ratio, .image.is-1by1 img,
.image.is-1by1 .has-ratio, .image.is-5by4 img,
.image.is-5by4 .has-ratio, .image.is-4by3 img,
.image.is-4by3 .has-ratio, .image.is-3by2 img,
.image.is-3by2 .has-ratio, .image.is-5by3 img,
.image.is-5by3 .has-ratio, .image.is-16by9 img,
.image.is-16by9 .has-ratio, .image.is-2by1 img,
.image.is-2by1 .has-ratio, .image.is-3by1 img,
.image.is-3by1 .has-ratio, .image.is-4by5 img,
.image.is-4by5 .has-ratio, .image.is-3by4 img,
.image.is-3by4 .has-ratio, .image.is-2by3 img,
.image.is-2by3 .has-ratio, .image.is-3by5 img,
.image.is-3by5 .has-ratio, .image.is-9by16 img,
.image.is-9by16 .has-ratio, .image.is-1by2 img,
.image.is-1by2 .has-ratio, .image.is-1by3 img,
.image.is-1by3 .has-ratio, .modal, .modal-background, .is-overlay {
  bottom: 0;
  left: 0;
  position: absolute;
  right: 0;
  top: 0;
}

.navbar-burger {
  -moz-appearance: none;
  -webkit-appearance: none;
  appearance: none;
  background: none;
  border: none;
  color: currentColor;
  font-family: inherit;
  font-size: 1em;
  margin: 0;
  padding: 0;
}

/* Bulma Base */
/*! minireset.css v0.0.6 | MIT License | github.com/jgthms/minireset.css */
html,
body,
p,
ol,
ul,
li,
dl,
dt,
dd,
blockquote,
figure,
fieldset,
legend,
textarea,
pre,
iframe,
hr,
h1,
h2,
h3,
h4,
h5,
h6 {
  margin: 0;
  padding: 0;
}

h1,
h2,
h3,
h4,
h5,
h6 {
  font-size: 100%;
  font-weight: normal;
}

ul {
  list-style: none;
}

button,
input,
select,
textarea {
  margin: 0;
}

html {
  box-sizing: border-box;
}

*, *::before, *::after {
  box-sizing: inherit;
}

img,
video {
  height: auto;
  max-width: 100%;
}

iframe {
  border: 0;
}

table {
  border-collapse: collapse;
  border-spacing: 0;
}

td,
th {
  padding: 0;
}

td:not([align]),
th:not([align]) {
  text-align: inherit;
}

html {
  background-color: white;
  font-size: 16px;
  -moz-osx-font-smoothing: grayscale;
  -webkit-font-smoothing: antialiased;
  min-width: 300px;
  overflow-x: hidden;
  overflow-y: scroll;
  text-rendering: optimizeLegibility;
  text-size-adjust: 100%;
}

article,
aside,
figure,
footer,
header,
hgroup,
section {
  display: block;
}

body,
button,
input,
optgroup,
select,
textarea {
  font-family: BlinkMacSystemFont, -apple-system, "Segoe UI", "Roboto", "Oxygen", "Ubuntu", "Cantarell", "Fira Sans", "Droid Sans", "Helvetica Neue", "Helvetica", "Arial", sans-serif;
}

code,
pre {
  -moz-osx-font-smoothing: auto;
  -webkit-font-smoothing: auto;
  font-family: monospace;
}

body {
  color: #4a4a4a;
  font-size: 1em;
  font-weight: 400;
  line-height: 1.5;
}

a {
  color: #485fc7;
  cursor: pointer;
  text-decoration: none;
}

a strong {
  color: currentColor;
}

a:hover {
  color: #363636;
}

code {
  background-color: whitesmoke;
  color: #da1039;
  font-size: 0.875em;
  font-weight: normal;
  padding: 0.25em 0.5em 0.25em;
}

hr {
  background-color: whitesmoke;
  border: none;
  display: block;
  height: 2px;
  margin: 1.5rem 0;
}

img {
  height: auto;
  max-width: 100%;
}

input[type="checkbox"],
input[type="radio"] {
  vertical-align: baseline;
}

small {
  font-size: 0.875em;
}

span {
  font-style: inherit;
  font-weight: inherit;
}

strong {
  color: #363636;
  font-weight: 700;
}

fieldset {
  border: none;
}

pre {
  -webkit-overflow-scrolling: touch;
  background-color: whitesmoke;
  color: #4a4a4a;
  font-size: 0.875em;
  overflow-x: auto;
  padding: 1.25rem 1.5rem;
  white-space: pre;
  word-wrap: normal;
}

pre code {
  background-color: transparent;
  color: currentColor;
  font-size: 1em;
  padding: 0;
}

table td,
table th {
  vertical-align: top;
}

table td:not([align]),
table th:not([align]) {
  text-align: inherit;
}

table th {
  color: #363636;
}

@keyframes spinAround {
  from {
    transform: rotate(0deg);
  }
  to {
    transform: rotate(359deg);
  }
}

/* Bulma Elements */
.box {
  background-color: white;
  border-radius: 6px;
  box-shadow: 0 0.5em 1em -0.125em rgba(10, 10, 10, 0.1), 0 0px 0 1px rgba(10, 10, 10, 0.02);
  color: #4a4a4a;
  display: block;
  padding: 1.25rem;
}

a.box:hover, a.box:focus {
  box-shadow: 0 0.5em 1em -0.125em rgba(10, 10, 10, 0.1), 0 0 0 1px #485fc7;
}

a.box:active {
  box-shadow: inset 0 1px 2px rgba(10, 10, 10, 0.2), 0 0 0 1px #485fc7;
}

.button {
  background-color: white;
  border-color: #dbdbdb;
  border-width: 1px;
  color: #363636;
  cursor: pointer;
  justify-content: center;
  padding-bottom: calc(0.5em - 1px);
  padding-left: 1em;
  padding-right: 1em;
  padding-top: calc(0.5em - 1px);
  text-align: center;
  white-space: nowrap;
}

.button strong {
  color: inherit;
}

.button .icon, .button .icon.is-small, .button .icon.is-medium, .button .icon.is-large {
  height: 1.5em;
  width: 1.5em;
}

.button .icon:first-child:not(:last-child) {
  margin-left: calc(-0.5em - 1px);
  margin-right: 0.25em;
}

.button .icon:last-child:not(:first-child) {
  margin-left: 0.25em;
  margin-right: calc(-0.5em - 1px);
}

.button .icon:first-child:last-child {
  margin-left: calc(-0.5em - 1px);
  margin-right: calc(-0.5em - 1px);
}

.button:hover, .button.is-hovered {
  border-color: #b5b5b5;
  color: #363636;
}

.button:focus, .button.is-focused {
  border-color: #485fc7;
  color: #363636;
}

.button:focus:not(:active), .button.is-focused:not(:active) {
  box-shadow: 0 0 0 0.125em rgba(72, 95, 199, 0.25);
}

.button:active, .button.is-active {
  border-color: #4a4a4a;
  color: #363636;
}

.button.is-text {
  background-color: transparent;
  border-color: transparent;
  color: #4a4a4a;
  text-decoration: underline;
}

.button.is-text:hover, .button.is-text.is-hovered, .button.is-text:focus, .button.is-text.is-focused {
  background-color: whitesmoke;
  color: #363636;
}

.button.is-text:active, .button.is-text.is-active {
  background-color: #e8e8e8;
  color: #363636;
}

.button.is-text[disabled],
fieldset[disabled] .button.is-text {
  background-color: transparent;
  border-color: transparent;
  box-shadow: none;
}

.button.is-ghost {
  background: none;
  border-color: transparent;
  color: #485fc7;
  text-decoration: none;
}

.button.is-ghost:hover, .button.is-ghost.is-hovered {
  color: #485fc7;
  text-decoration: underline;
}

.button.is-white {
  background-color: white;
  border-color: transparent;
  color: #0a0a0a;
}

.button.is-white:hover, .button.is-white.is-hovered {
  background-color: #f9f9f9;
  border-color: transparent;
  color: #0a0a0a;
}

.button.is-white:focus, .button.is-white.is-focused {
  border-color: transparent;
  color: #0a0a0a;
}

.button.is-white:focus:not(:active), .button.is-white.is-focused:not(:active) {
  box-shadow: 0 0 0 0.125em rgba(255, 255, 255, 0.25);
}

.button.is-white:active, .button.is-white.is-active {
  background-color: #f2f2f2;
  border-color: transparent;
  color: #0a0a0a;
}

.button.is-white[disabled],
fieldset[disabled] .button.is-white {
  background-color: white;
  border-color: white;
  box-shadow: none;
}

.button.is-white.is-inverted {
  background-color: #0a0a0a;
  color: white;
}

.button.is-white.is-inverted:hover, .button.is-white.is-inverted.is-hovered {
  background-color: black;
}

.button.is-white.is-inverted[disabled],
fieldset[disabled] .button.is-white.is-inverted {
  background-color: #0a0a0a;
  border-color: transparent;
  box-shadow: none;
  color: white;
}

.button.is-white.is-loading::after {
  border-color: transparent transparent #0a0a0a #0a0a0a !important;
}

.button.is-white.is-outlined {
  background-color: transparent;
  border-color: white;
  color: white;
}

.button.is-white.is-outlined:hover, .button.is-white.is-outlined.is-hovered, .button.is-white.is-outlined:focus, .button.is-white.is-outlined.is-focused {
  background-color: white;
  border-color: white;
  color: #0a0a0a;
}

.button.is-white.is-outlined.is-loading::after {
  border-color: transparent transparent white white !important;
}

.button.is-white.is-outlined.is-loading:hover::after, .button.is-white.is-outlined.is-loading.is-hovered::after, .button.is-white.is-outlined.is-loading:focus::after, .button.is-white.is-outlined.is-loading.is-focused::after {
  border-color: transparent transparent #0a0a0a #0a0a0a !important;
}

.button.is-white.is-outlined[disabled],
fieldset[disabled] .button.is-white.is-outlined {
  background-color: transparent;
  border-color: white;
  box-shadow: none;
  color: white;
}

.button.is-white.is-inverted.is-outlined {
  background-color: transparent;
  border-color: #0a0a0a;
  color: #0a0a0a;
}

.button.is-white.is-inverted.is-outlined:hover, .button.is-white.is-inverted.is-outlined.is-hovered, .button.is-white.is-inverted.is-outlined:focus, .button.is-white.is-inverted.is-outlined.is-focused {
  background-color: #0a0a0a;
  color: white;
}

.button.is-white.is-inverted.is-outlined.is-loading:hover::after, .button.is-white.is-inverted.is-outlined.is-loading.is-hovered::after, .button.is-white.is-inverted.is-outlined.is-loading:focus::after, .button.is-white.is-inverted.is-outlined.is-loading.is-focused::after {
  border-color: transparent transparent white white !important;
}

.button.is-white.is-inverted.is-outlined[disabled],
fieldset[disabled] .button.is-white.is-inverted.is-outlined {
  background-color: transparent;
  border-color: #0a0a0a;
  box-shadow: none;
  color: #0a0a0a;
}

.button.is-black {
  background-color: #0a0a0a;
  border-color: transparent;
  color: white;
}

.button.is-black:hover, .button.is-black.is-hovered {
  background-color: #040404;
  border-color: transparent;
  color: white;
}

.button.is-black:focus, .button.is-black.is-focused {
  border-color: transparent;
  color: white;
}

.button.is-black:focus:not(:active), .button.is-black.is-focused:not(:active) {
  box-shadow: 0 0 0 0.125em rgba(10, 10, 10, 0.25);
}

.button.is-black:active, .button.is-black.is-active {
  background-color: black;
  border-color: transparent;
  color: white;
}

.button.is-black[disabled],
fieldset[disabled] .button.is-black {
  background-color: #0a0a0a;
  border-color: #0a0a0a;
  box-shadow: none;
}

.button.is-black.is-inverted {
  background-color: white;
  color: #0a0a0a;
}

.button.is-black.is-inverted:hover, .button.is-black.is-inverted.is-hovered {
  background-color: #f2f2f2;
}

.button.is-black.is-inverted[disabled],
fieldset[disabled] .button.is-black.is-inverted {
  background-color: white;
  border-color: transparent;
  box-shadow: none;
  color: #0a0a0a;
}

.button.is-black.is-loading::after {
  border-color: transparent transparent white white !important;
}

.button.is-black.is-outlined {
  background-color: transparent;
  border-color: #0a0a0a;
  color: #0a0a0a;
}

.button.is-black.is-outlined:hover, .button.is-black.is-outlined.is-hovered, .button.is-black.is-outlined:focus, .button.is-black.is-outlined.is-focused {
  background-color: #0a0a0a;
  border-color: #0a0a0a;
  color: white;
}

.button.is-black.is-outlined.is-loading::after {
  border-color: transparent transparent #0a0a0a #0a0a0a !important;
}

.button.is-black.is-outlined.is-loading:hover::after, .button.is-black.is-outlined.is-loading.is-hovered::after, .button.is-black.is-outlined.is-loading:focus::after, .button.is-black.is-outlined.is-loading.is-focused::after {
  border-color: transparent transparent white white !important;
}

.button.is-black.is-outlined[disabled],
fieldset[disabled] .button.is-black.is-outlined {
  background-color: transparent;
  border-color: #0a0a0a;
  box-shadow: none;
  color: #0a0a0a;
}

.button.is-black.is-inverted.is-outlined {
  background-color: transparent;
  border-color: white;
  color: white;
}

.button.is-black.is-inverted.is-outlined:hover, .button.is-black.is-inverted.is-outlined.is-hovered, .button.is-black.is-inverted.is-outlined:focus, .button.is-black.is-inverted.is-outlined.is-focused {
  background-color: white;
  color: #0a0a0a;
}

.button.is-black.is-inverted.is-outlined.is-loading:hover::after, .button.is-black.is-inverted.is-outlined.is-loading.is-hovered::after, .button.is-black.is-inverted.is-outlined.is-loading:focus::after, .button.is-black.is-inverted.is-outlined.is-loading.is-focused::after {
  border-color: transparent transparent #0a0a0a #0a0a0a !important;
}

.button.is-black.is-inverted.is-outlined[disabled],
fieldset[disabled] .button.is-black.is-inverted.is-outlined {
  background-color: transparent;
  border-color: white;
  box-shadow: none;
  color: white;
}

.button.is-light {
  background-color: whitesmoke;
  border-color: transparent;
  color: rgba(0, 0, 0, 0.7);
}

.button.is-light:hover, .button.is-light.is-hovered {
  background-color: #eeeeee;
  border-color: transparent;
  color: rgba(0, 0, 0, 0.7);
}

.button.is-light:focus, .button.is-light.is-focused {
  border-color: transparent;
  color: rgba(0, 0, 0, 0.7);
}

.button.is-light:focus:not(:active), .button.is-light.is-focused:not(:active) {
  box-shadow: 0 0 0 0.125em rgba(245, 245, 245, 0.25);
}

.button.is-light:active, .button.is-light.is-active {
  background-color: #e8e8e8;
  border-color: transparent;
  color: rgba(0, 0, 0, 0.7);
}

.button.is-light[disabled],
fieldset[disabled] .button.is-light {
  background-color: whitesmoke;
  border-color: whitesmoke;
  box-shadow: none;
}

.button.is-light.is-inverted {
  background-color: rgba(0, 0, 0, 0.7);
  color: whitesmoke;
}

.button.is-light.is-inverted:hover, .button.is-light.is-inverted.is-hovered {
  background-color: rgba(0, 0, 0, 0.7);
}

.button.is-light.is-inverted[disabled],
fieldset[disabled] .button.is-light.is-inverted {
  background-color: rgba(0, 0, 0, 0.7);
  border-color: transparent;
  box-shadow: none;
  color: whitesmoke;
}

.button.is-light.is-loading::after {
  border-color: transparent transparent rgba(0, 0, 0, 0.7) rgba(0, 0, 0, 0.7) !important;
}

.button.is-light.is-outlined {
  background-color: transparent;
  border-color: whitesmoke;
  color: whitesmoke;
}

.button.is-light.is-outlined:hover, .button.is-light.is-outlined.is-hovered, .button.is-light.is-outlined:focus, .button.is-light.is-outlined.is-focused {
  background-color: whitesmoke;
  border-color: whitesmoke;
  color: rgba(0, 0, 0, 0.7);
}

.button.is-light.is-outlined.is-loading::after {
  border-color: transparent transparent whitesmoke whitesmoke !important;
}

.button.is-light.is-outlined.is-loading:hover::after, .button.is-light.is-outlined.is-loading.is-hovered::after, .button.is-light.is-outlined.is-loading:focus::after, .button.is-light.is-outlined.is-loading.is-focused::after {
  border-color: transparent transparent rgba(0, 0, 0, 0.7) rgba(0, 0, 0, 0.7) !important;
}

.button.is-light.is-outlined[disabled],
fieldset[disabled] .button.is-light.is-outlined {
  background-color: transparent;
  border-color: whitesmoke;
  box-shadow: none;
  color: whitesmoke;
}

.button.is-light.is-inverted.is-outlined {
  background-color: transparent;
  border-color: rgba(0, 0, 0, 0.7);
  color: rgba(0, 0, 0, 0.7);
}

.button.is-light.is-inverted.is-outlined:hover, .button.is-light.is-inverted.is-outlined.is-hovered, .button.is-light.is-inverted.is-outlined:focus, .button.is-light.is-inverted.is-outlined.is-focused {
  background-color: rgba(0, 0, 0, 0.7);
  color: whitesmoke;
}

.button.is-light.is-inverted.is-outlined.is-loading:hover::after, .button.is-light.is-inverted.is-outlined.is-loading.is-hovered::after, .button.is-light.is-inverted.is-outlined.is-loading:focus::after, .button.is-light.is-inverted.is-outlined.is-loading.is-focused::after {
  border-color: transparent transparent whitesmoke whitesmoke !important;
}

.button.is-light.is-inverted.is-outlined[disabled],
fieldset[disabled] .button.is-light.is-inverted.is-outlined {
  background-color: transparent;
  border-color: rgba(0, 0, 0, 0.7);
  box-shadow: none;
  color: rgba(0, 0, 0, 0.7);
}

.button.is-dark {
  background-color: #363636;
  border-color: transparent;
  color: #fff;
}

.button.is-dark:hover, .button.is-dark.is-hovered {
  background-color: #2f2f2f;
  border-color: transparent;
  color: #fff;
}

.button.is-dark:focus, .button.is-dark.is-focused {
  border-color: transparent;
  color: #fff;
}

.button.is-dark:focus:not(:active), .button.is-dark.is-focused:not(:active) {
  box-shadow: 0 0 0 0.125em rgba(54, 54, 54, 0.25);
}

.button.is-dark:active, .button.is-dark.is-active {
  background-color: #292929;
  border-color: transparent;
  color: #fff;
}

.button.is-dark[disabled],
fieldset[disabled] .button.is-dark {
  background-color: #363636;
  border-color: #363636;
  box-shadow: none;
}

.button.is-dark.is-inverted {
  background-color: #fff;
  color: #363636;
}

.button.is-dark.is-inverted:hover, .button.is-dark.is-inverted.is-hovered {
  background-color: #f2f2f2;
}

.button.is-dark.is-inverted[disabled],
fieldset[disabled] .button.is-dark.is-inverted {
  background-color: #fff;
  border-color: transparent;
  box-shadow: none;
  color: #363636;
}

.button.is-dark.is-loading::after {
  border-color: transparent transparent #fff #fff !important;
}

.button.is-dark.is-outlined {
  background-color: transparent;
  border-color: #363636;
  color: #363636;
}

.button.is-dark.is-outlined:hover, .button.is-dark.is-outlined.is-hovered, .button.is-dark.is-outlined:focus, .button.is-dark.is-outlined.is-focused {
  background-color: #363636;
  border-color: #363636;
  color: #fff;
}

.button.is-dark.is-outlined.is-loading::after {
  border-color: transparent transparent #363636 #363636 !important;
}

.button.is-dark.is-outlined.is-loading:hover::after, .button.is-dark.is-outlined.is-loading.is-hovered::after, .button.is-dark.is-outlined.is-loading:focus::after, .button.is-dark.is-outlined.is-loading.is-focused::after {
  border-color: transparent transparent #fff #fff !important;
}

.button.is-dark.is-outlined[disabled],
fieldset[disabled] .button.is-dark.is-outlined {
  background-color: transparent;
  border-color: #363636;
  box-shadow: none;
  color: #363636;
}

.button.is-dark.is-inverted.is-outlined {
  background-color: transparent;
  border-color: #fff;
  color: #fff;
}

.button.is-dark.is-inverted.is-outlined:hover, .button.is-dark.is-inverted.is-outlined.is-hovered, .button.is-dark.is-inverted.is-outlined:focus, .button.is-dark.is-inverted.is-outlined.is-focused {
  background-color: #fff;
  color: #363636;
}

.button.is-dark.is-inverted.is-outlined.is-loading:hover::after, .button.is-dark.is-inverted.is-outlined.is-loading.is-hovered::after, .button.is-dark.is-inverted.is-outlined.is-loading:focus::after, .button.is-dark.is-inverted.is-outlined.is-loading.is-focused::after {
  border-color: transparent transparent #363636 #363636 !important;
}

.button.is-dark.is-inverted.is-outlined[disabled],
fieldset[disabled] .button.is-dark.is-inverted.is-outlined {
  background-color: transparent;
  border-color: #fff;
  box-shadow: none;
  color: #fff;
}

.button.is-primary {
  background-color: #00d1b2;
  border-color: transparent;
  color: #fff;
}

.button.is-primary:hover, .button.is-primary.is-hovered {
  background-color: #00c4a7;
  border-color: transparent;
  color: #fff;
}

.button.is-primary:focus, .button.is-primary.is-focused {
  border-color: transparent;
  color: #fff;
}

.button.is-primary:focus:not(:active), .button.is-primary.is-focused:not(:active) {
  box-shadow: 0 0 0 0.125em rgba(0, 209, 178, 0.25);
}

.button.is-primary:active, .button.is-primary.is-active {
  background-color: #00b89c;
  border-color: transparent;
  color: #fff;
}

.button.is-primary[disabled],
fieldset[disabled] .button.is-primary {
  background-color: #00d1b2;
  border-color: #00d1b2;
  box-shadow: none;
}

.button.is-primary.is-inverted {
  background-color: #fff;
  color: #00d1b2;
}

.button.is-primary.is-inverted:hover, .button.is-primary.is-inverted.is-hovered {
  background-color: #f2f2f2;
}

.button.is-primary.is-inverted[disabled],
fieldset[disabled] .button.is-primary.is-inverted {
  background-color: #fff;
  border-color: transparent;
  box-shadow: none;
  color: #00d1b2;
}

.button.is-primary.is-loading::after {
  border-color: transparent transparent #fff #fff !important;
}

.button.is-primary.is-outlined {
  background-color: transparent;
  border-color: #00d1b2;
  color: #00d1b2;
}

.button.is-primary.is-outlined:hover, .button.is-primary.is-outlined.is-hovered, .button.is-primary.is-outlined:focus, .button.is-primary.is-outlined.is-focused {
  background-color: #00d1b2;
  border-color: #00d1b2;
  color: #fff;
}

.button.is-primary.is-outlined.is-loading::after {
  border-color: transparent transparent #00d1b2 #00d1b2 !important;
}

.button.is-primary.is-outlined.is-loading:hover::after, .button.is-primary.is-outlined.is-loading.is-hovered::after, .button.is-primary.is-outlined.is-loading:focus::after, .button.is-primary.is-outlined.is-loading.is-focused::after {
  border-color: transparent transparent #fff #fff !important;
}

.button.is-primary.is-outlined[disabled],
fieldset[disabled] .button.is-primary.is-outlined {
  background-color: transparent;
  border-color: #00d1b2;
  box-shadow: none;
  color: #00d1b2;
}

.button.is-primary.is-inverted.is-outlined {
  background-color: transparent;
  border-color: #fff;
  color: #fff;
}

.button.is-primary.is-inverted.is-outlined:hover, .button.is-primary.is-inverted.is-outlined.is-hovered, .button.is-primary.is-inverted.is-outlined:focus, .button.is-primary.is-inverted.is-outlined.is-focused {
  background-color: #fff;
  color: #00d1b2;
}

.button.is-primary.is-inverted.is-outlined.is-loading:hover::after, .button.is-primary.is-inverted.is-outlined.is-loading.is-hovered::after, .button.is-primary.is-inverted.is-outlined.is-loading:focus::after, .button.is-primary.is-inverted.is-outlined.is-loading.is-focused::after {
  border-color: transparent transparent #00d1b2 #00d1b2 !important;
}

.button.is-primary.is-inverted.is-outlined[disabled],
fieldset[disabled] .button.is-primary.is-inverted.is-outlined {
  background-color: transparent;
  border-color: #fff;
  box-shadow: none;
  color: #fff;
}

.button.is-primary.is-light {
  background-color: #ebfffc;
  color: #00947e;
}

.button.is-primary.is-light:hover, .button.is-primary.is-light.is-hovered {
  background-color: #defffa;
  border-color: transparent;
  color: #00947e;
}

.button.is-primary.is-light:active, .button.is-primary.is-light.is-active {
  background-color: #d1fff8;
  border-color: transparent;
  color: #00947e;
}

.button.is-link {
  background-color: #485fc7;
  border-color: transparent;
  color: #fff;
}

.button.is-link:hover, .button.is-link.is-hovered {
  background-color: #3e56c4;
  border-color: transparent;
  color: #fff;
}

.button.is-link:focus, .button.is-link.is-focused {
  border-color: transparent;
  color: #fff;
}

.button.is-link:focus:not(:active), .button.is-link.is-focused:not(:active) {
  box-shadow: 0 0 0 0.125em rgba(72, 95, 199, 0.25);
}

.button.is-link:active, .button.is-link.is-active {
  background-color: #3a51bb;
  border-color: transparent;
  color: #fff;
}

.button.is-link[disabled],
fieldset[disabled] .button.is-link {
  background-color: #485fc7;
  border-color: #485fc7;
  box-shadow: none;
}

.button.is-link.is-inverted {
  background-color: #fff;
  color: #485fc7;
}

.button.is-link.is-inverted:hover, .button.is-link.is-inverted.is-hovered {
  background-color: #f2f2f2;
}

.button.is-link.is-inverted[disabled],
fieldset[disabled] .button.is-link.is-inverted {
  background-color: #fff;
  border-color: transparent;
  box-shadow: none;
  color: #485fc7;
}

.button.is-link.is-loading::after {
  border-color: transparent transparent #fff #fff !important;
}

.button.is-link.is-outlined {
  background-color: transparent;
  border-color: #485fc7;
  color: #485fc7;
}

.button.is-link.is-outlined:hover, .button.is-link.is-outlined.is-hovered, .button.is-link.is-outlined:focus, .button.is-link.is-outlined.is-focused {
  background-color: #485fc7;
  border-color: #485fc7;
  color: #fff;
}

.button.is-link.is-outlined.is-loading::after {
  border-color: transparent transparent #485fc7 #485fc7 !important;
}

.button.is-link.is-outlined.is-loading:hover::after, .button.is-link.is-outlined.is-loading.is-hovered::after, .button.is-link.is-outlined.is-loading:focus::after, .button.is-link.is-outlined.is-loading.is-focused::after {
  border-color: transparent transparent #fff #fff !important;
}

.button.is-link.is-outlined[disabled],
fieldset[disabled] .button.is-link.is-outlined {
  background-color: transparent;
  border-color: #485fc7;
  box-shadow: none;
  color: #485fc7;
}

.button.is-link.is-inverted.is-outlined {
  background-color: transparent;
  border-color: #fff;
  color: #fff;
}

.button.is-link.is-inverted.is-outlined:hover, .button.is-link.is-inverted.is-outlined.is-hovered, .button.is-link.is-inverted.is-outlined:focus, .button.is-link.is-inverted.is-outlined.is-focused {
  background-color: #fff;
  color: #485fc7;
}

.button.is-link.is-inverted.is-outlined.is-loading:hover::after, .button.is-link.is-inverted.is-outlined.is-loading.is-hovered::after, .button.is-link.is-inverted.is-outlined.is-loading:focus::after, .button.is-link.is-inverted.is-outlined.is-loading.is-focused::after {
  border-color: transparent transparent #485fc7 #485fc7 !important;
}

.button.is-link.is-inverted.is-outlined[disabled],
fieldset[disabled] .button.is-link.is-inverted.is-outlined {
  background-color: transparent;
  border-color: #fff;
  box-shadow: none;
  color: #fff;
}

.button.is-link.is-light {
  background-color: #eff1fa;
  color: #3850b7;
}

.button.is-link.is-light:hover, .button.is-link.is-light.is-hovered {
  background-color: #e6e9f7;
  border-color: transparent;
  color: #3850b7;
}

.button.is-link.is-light:active, .button.is-link.is-light.is-active {
  background-color: #dce0f4;
  border-color: transparent;
  color: #3850b7;
}

.button.is-info {
  background-color: #3e8ed0;
  border-color: transparent;
  color: #fff;
}

.button.is-info:hover, .button.is-info.is-hovered {
  background-color: #3488ce;
  border-color: transparent;
  color: #fff;
}

.button.is-info:focus, .button.is-info.is-focused {
  border-color: transparent;
  color: #fff;
}

.button.is-info:focus:not(:active), .button.is-info.is-focused:not(:active) {
  box-shadow: 0 0 0 0.125em rgba(62, 142, 208, 0.25);
}

.button.is-info:active, .button.is-info.is-active {
  background-color: #3082c5;
  border-color: transparent;
  color: #fff;
}

.button.is-info[disabled],
fieldset[disabled] .button.is-info {
  background-color: #3e8ed0;
  border-color: #3e8ed0;
  box-shadow: none;
}

.button.is-info.is-inverted {
  background-color: #fff;
  color: #3e8ed0;
}

.button.is-info.is-inverted:hover, .button.is-info.is-inverted.is-hovered {
  background-color: #f2f2f2;
}

.button.is-info.is-inverted[disabled],
fieldset[disabled] .button.is-info.is-inverted {
  background-color: #fff;
  border-color: transparent;
  box-shadow: none;
  color: #3e8ed0;
}

.button.is-info.is-loading::after {
  border-color: transparent transparent #fff #fff !important;
}

.button.is-info.is-outlined {
  background-color: transparent;
  border-color: #3e8ed0;
  color: #3e8ed0;
}

.button.is-info.is-outlined:hover, .button.is-info.is-outlined.is-hovered, .button.is-info.is-outlined:focus, .button.is-info.is-outlined.is-focused {
  background-color: #3e8ed0;
  border-color: #3e8ed0;
  color: #fff;
}

.button.is-info.is-outlined.is-loading::after {
  border-color: transparent transparent #3e8ed0 #3e8ed0 !important;
}

.button.is-info.is-outlined.is-loading:hover::after, .button.is-info.is-outlined.is-loading.is-hovered::after, .button.is-info.is-outlined.is-loading:focus::after, .button.is-info.is-outlined.is-loading.is-focused::after {
  border-color: transparent transparent #fff #fff !important;
}

.button.is-info.is-outlined[disabled],
fieldset[disabled] .button.is-info.is-outlined {
  background-color: transparent;
  border-color: #3e8ed0;
  box-shadow: none;
  color: #3e8ed0;
}

.button.is-info.is-inverted.is-outlined {
  background-color: transparent;
  border-color: #fff;
  color: #fff;
}

.button.is-info.is-inverted.is-outlined:hover, .button.is-info.is-inverted.is-outlined.is-hovered, .button.is-info.is-inverted.is-outlined:focus, .button.is-info.is-inverted.is-outlined.is-focused {
  background-color: #fff;
  color: #3e8ed0;
}

.button.is-info.is-inverted.is-outlined.is-loading:hover::after, .button.is-info.is-inverted.is-outlined.is-loading.is-hovered::after, .button.is-info.is-inverted.is-outlined.is-loading:focus::after, .button.is-info.is-inverted.is-outlined.is-loading.is-focused::after {
  border-color: transparent transparent #3e8ed0 #3e8ed0 !important;
}

.button.is-info.is-inverted.is-outlined[disabled],
fieldset[disabled] .button.is-info.is-inverted.is-outlined {
  background-color: transparent;
  border-color: #fff;
  box-shadow: none;
  color: #fff;
}

.button.is-info.is-light {
  background-color: #eff5fb;
  color: #296fa8;
}

.button.is-info.is-light:hover, .button.is-info.is-light.is-hovered {
  background-color: #e4eff9;
  border-color: transparent;
  color: #296fa8;
}

.button.is-info.is-light:active, .button.is-info.is-light.is-active {
  background-color: #dae9f6;
  border-color: transparent;
  color: #296fa8;
}

.button.is-success {
  background-color: #48c78e;
  border-color: transparent;
  color: #fff;
}

.button.is-success:hover, .button.is-success.is-hovered {
  background-color: #3ec487;
  border-color: transparent;
  color: #fff;
}

.button.is-success:focus, .button.is-success.is-focused {
  border-color: transparent;
  color: #fff;
}

.button.is-success:focus:not(:active), .button.is-success.is-focused:not(:active) {
  box-shadow: 0 0 0 0.125em rgba(72, 199, 142, 0.25);
}

.button.is-success:active, .button.is-success.is-active {
  background-color: #3abb81;
  border-color: transparent;
  color: #fff;
}

.button.is-success[disabled],
fieldset[disabled] .button.is-success {
  background-color: #48c78e;
  border-color: #48c78e;
  box-shadow: none;
}

.button.is-success.is-inverted {
  background-color: #fff;
  color: #48c78e;
}

.button.is-success.is-inverted:hover, .button.is-success.is-inverted.is-hovered {
  background-color: #f2f2f2;
}

.button.is-success.is-inverted[disabled],
fieldset[disabled] .button.is-success.is-inverted {
  background-color: #fff;
  border-color: transparent;
  box-shadow: none;
  color: #48c78e;
}

.button.is-success.is-loading::after {
  border-color: transparent transparent #fff #fff !important;
}

.button.is-success.is-outlined {
  background-color: transparent;
  border-color: #48c78e;
  color: #48c78e;
}

.button.is-success.is-outlined:hover, .button.is-success.is-outlined.is-hovered, .button.is-success.is-outlined:focus, .button.is-success.is-outlined.is-focused {
  background-color: #48c78e;
  border-color: #48c78e;
  color: #fff;
}

.button.is-success.is-outlined.is-loading::after {
  border-color: transparent transparent #48c78e #48c78e !important;
}

.button.is-success.is-outlined.is-loading:hover::after, .button.is-success.is-outlined.is-loading.is-hovered::after, .button.is-success.is-outlined.is-loading:focus::after, .button.is-success.is-outlined.is-loading.is-focused::after {
  border-color: transparent transparent #fff #fff !important;
}

.button.is-success.is-outlined[disabled],
fieldset[disabled] .button.is-success.is-outlined {
  background-color: transparent;
  border-color: #48c78e;
  box-shadow: none;
  color: #48c78e;
}

.button.is-success.is-inverted.is-outlined {
  background-color: transparent;
  border-color: #fff;
  color: #fff;
}

.button.is-success.is-inverted.is-outlined:hover, .button.is-success.is-inverted.is-outlined.is-hovered, .button.is-success.is-inverted.is-outlined:focus, .button.is-success.is-inverted.is-outlined.is-focused {
  background-color: #fff;
  color: #48c78e;
}

.button.is-success.is-inverted.is-outlined.is-loading:hover::after, .button.is-success.is-inverted.is-outlined.is-loading.is-hovered::after, .button.is-success.is-inverted.is-outlined.is-loading:focus::after, .button.is-success.is-inverted.is-outlined.is-loading.is-focused::after {
  border-color: transparent transparent #48c78e #48c78e !important;
}

.button.is-success.is-inverted.is-outlined[disabled],
fieldset[disabled] .button.is-success.is-inverted.is-outlined {
  background-color: transparent;
  border-color: #fff;
  box-shadow: none;
  color: #fff;
}

.button.is-success.is-light {
  background-color: #effaf5;
  color: #257953;
}

.button.is-success.is-light:hover, .button.is-success.is-light.is-hovered {
  background-color: #e6f7ef;
  border-color: transparent;
  color: #257953;
}

.button.is-success.is-light:active, .button.is-success.is-light.is-active {
  background-color: #dcf4e9;
  border-color: transparent;
  color: #257953;
}

.button.is-warning {
  background-color: #ffe08a;
  border-color: transparent;
  color: rgba(0, 0, 0, 0.7);
}

.button.is-warning:hover, .button.is-warning.is-hovered {
  background-color: #ffdc7d;
  border-color: transparent;
  color: rgba(0, 0, 0, 0.7);
}

.button.is-warning:focus, .button.is-warning.is-focused {
  border-color: transparent;
  color: rgba(0, 0, 0, 0.7);
}

.button.is-warning:focus:not(:active), .button.is-warning.is-focused:not(:active) {
  box-shadow: 0 0 0 0.125em rgba(255, 224, 138, 0.25);
}

.button.is-warning:active, .button.is-warning.is-active {
  background-color: #ffd970;
  border-color: transparent;
  color: rgba(0, 0, 0, 0.7);
}

.button.is-warning[disabled],
fieldset[disabled] .button.is-warning {
  background-color: #ffe08a;
  border-color: #ffe08a;
  box-shadow: none;
}

.button.is-warning.is-inverted {
  background-color: rgba(0, 0, 0, 0.7);
  color: #ffe08a;
}

.button.is-warning.is-inverted:hover, .button.is-warning.is-inverted.is-hovered {
  background-color: rgba(0, 0, 0, 0.7);
}

.button.is-warning.is-inverted[disabled],
fieldset[disabled] .button.is-warning.is-inverted {
  background-color: rgba(0, 0, 0, 0.7);
  border-color: transparent;
  box-shadow: none;
  color: #ffe08a;
}

.button.is-warning.is-loading::after {
  border-color: transparent transparent rgba(0, 0, 0, 0.7) rgba(0, 0, 0, 0.7) !important;
}

.button.is-warning.is-outlined {
  background-color: transparent;
  border-color: #ffe08a;
  color: #ffe08a;
}

.button.is-warning.is-outlined:hover, .button.is-warning.is-outlined.is-hovered, .button.is-warning.is-outlined:focus, .button.is-warning.is-outlined.is-focused {
  background-color: #ffe08a;
  border-color: #ffe08a;
  color: rgba(0, 0, 0, 0.7);
}

.button.is-warning.is-outlined.is-loading::after {
  border-color: transparent transparent #ffe08a #ffe08a !important;
}

.button.is-warning.is-outlined.is-loading:hover::after, .button.is-warning.is-outlined.is-loading.is-hovered::after, .button.is-warning.is-outlined.is-loading:focus::after, .button.is-warning.is-outlined.is-loading.is-focused::after {
  border-color: transparent transparent rgba(0, 0, 0, 0.7) rgba(0, 0, 0, 0.7) !important;
}

.button.is-warning.is-outlined[disabled],
fieldset[disabled] .button.is-warning.is-outlined {
  background-color: transparent;
  border-color: #ffe08a;
  box-shadow: none;
  color: #ffe08a;
}

.button.is-warning.is-inverted.is-outlined {
  background-color: transparent;
  border-color: rgba(0, 0, 0, 0.7);
  color: rgba(0, 0, 0, 0.7);
}

.button.is-warning.is-inverted.is-outlined:hover, .button.is-warning.is-inverted.is-outlined.is-hovered, .button.is-warning.is-inverted.is-outlined:focus, .button.is-warning.is-inverted.is-outlined.is-focused {
  background-color: rgba(0, 0, 0, 0.7);
  color: #ffe08a;
}

.button.is-warning.is-inverted.is-outlined.is-loading:hover::after, .button.is-warning.is-inverted.is-outlined.is-loading.is-hovered::after, .button.is-warning.is-inverted.is-outlined.is-loading:focus::after, .button.is-warning.is-inverted.is-outlined.is-loading.is-focused::after {
  border-color: transparent transparent #ffe08a #ffe08a !important;
}

.button.is-warning.is-inverted.is-outlined[disabled],
fieldset[disabled] .button.is-warning.is-inverted.is-outlined {
  background-color: transparent;
  border-color: rgba(0, 0, 0, 0.7);
  box-shadow: none;
  color: rgba(0, 0, 0, 0.7);
}

.button.is-warning.is-light {
  background-color: #fffaeb;
  color: #946c00;
}

.button.is-warning.is-light:hover, .button.is-warning.is-light.is-hovered {
  background-color: #fff6de;
  border-color: transparent;
  color: #946c00;
}

.button.is-warning.is-light:active, .button.is-warning.is-light.is-active {
  background-color: #fff3d1;
  border-color: transparent;
  color: #946c00;
}

.button.is-danger {
  background-color: #f14668;
  border-color: transparent;
  color: #fff;
}

.button.is-danger:hover, .button.is-danger.is-hovered {
  background-color: #f03a5f;
  border-color: transparent;
  color: #fff;
}

.button.is-danger:focus, .button.is-danger.is-focused {
  border-color: transparent;
  color: #fff;
}

.button.is-danger:focus:not(:active), .button.is-danger.is-focused:not(:active) {
  box-shadow: 0 0 0 0.125em rgba(241, 70, 104, 0.25);
}

.button.is-danger:active, .button.is-danger.is-active {
  background-color: #ef2e55;
  border-color: transparent;
  color: #fff;
}

.button.is-danger[disabled],
fieldset[disabled] .button.is-danger {
  background-color: #f14668;
  border-color: #f14668;
  box-shadow: none;
}

.button.is-danger.is-inverted {
  background-color: #fff;
  color: #f14668;
}

.button.is-danger.is-inverted:hover, .button.is-danger.is-inverted.is-hovered {
  background-color: #f2f2f2;
}

.button.is-danger.is-inverted[disabled],
fieldset[disabled] .button.is-danger.is-inverted {
  background-color: #fff;
  border-color: transparent;
  box-shadow: none;
  color: #f14668;
}

.button.is-danger.is-loading::after {
  border-color: transparent transparent #fff #fff !important;
}

.button.is-danger.is-outlined {
  background-color: transparent;
  border-color: #f14668;
  color: #f14668;
}

.button.is-danger.is-outlined:hover, .button.is-danger.is-outlined.is-hovered, .button.is-danger.is-outlined:focus, .button.is-danger.is-outlined.is-focused {
  background-color: #f14668;
  border-color: #f14668;
  color: #fff;
}

.button.is-danger.is-outlined.is-loading::after {
  border-color: transparent transparent #f14668 #f14668 !important;
}

.button.is-danger.is-outlined.is-loading:hover::after, .button.is-danger.is-outlined.is-loading.is-hovered::after, .button.is-danger.is-outlined.is-loading:focus::after, .button.is-danger.is-outlined.is-loading.is-focused::after {
  border-color: transparent transparent #fff #fff !important;
}

.button.is-danger.is-outlined[disabled],
fieldset[disabled] .button.is-danger.is-outlined {
  background-color: transparent;
  border-color: #f14668;
  box-shadow: none;
  color: #f14668;
}

.button.is-danger.is-inverted.is-outlined {
  background-color: transparent;
  border-color: #fff;
  color: #fff;
}

.button.is-danger.is-inverted.is-outlined:hover, .button.is-danger.is-inverted.is-outlined.is-hovered, .button.is-danger.is-inverted.is-outlined:focus, .button.is-danger.is-inverted.is-outlined.is-focused {
  background-color: #fff;
  color: #f14668;
}

.button.is-danger.is-inverted.is-outlined.is-loading:hover::after, .button.is-danger.is-inverted.is-outlined.is-loading.is-hovered::after, .button.is-danger.is-inverted.is-outlined.is-loading:focus::after, .button.is-danger.is-inverted.is-outlined.is-loading.is-focused::after {
  border-color: transparent transparent #f14668 #f14668 !important;
}

.button.is-danger.is-inverted.is-outlined[disabled],
fieldset[disabled] .button.is-danger.is-inverted.is-outlined {
  background-color: transparent;
  border-color: #fff;
  box-shadow: none;
  color: #fff;
}

.button.is-danger.is-light {
  background-color: #feecf0;
  color: #cc0f35;
}

.button.is-danger.is-light:hover, .button.is-danger.is-light.is-hovered {
  background-color: #fde0e6;
  border-color: transparent;
  color: #cc0f35;
}

.button.is-danger.is-light:active, .button.is-danger.is-light.is-active {
  background-color: #fcd4dc;
  border-color: transparent;
  color: #cc0f35;
}

.button.is-small {
  font-size: 0.75rem;
}

.button.is-small:not(.is-rounded) {
  border-radius: 2px;
}

.button.is-normal {
  font-size: 1rem;
}

.button.is-medium {
  font-size: 1.25rem;
}

.button.is-large {
  font-size: 1.5rem;
}

.button[disabled],
fieldset[disabled] .button {
  background-color: white;
  border-color: #dbdbdb;
  box-shadow: none;
  opacity: 0.5;
}

.button.is-fullwidth {
  display: flex;
  width: 100%;
}

.button.is-loading {
  color: transparent !important;
  pointer-events: none;
}

.button.is-loading::after {
  position: absolute;
  left: calc(50% - (1em * 0.5));
  top: calc(50% - (1em * 0.5));
  position: absolute !important;
}

.button.is-static {
  background-color: whitesmoke;
  border-color: #dbdbdb;
  color: #7a7a7a;
  box-shadow: none;
  pointer-events: none;
}

.button.is-rounded {
  border-radius: 9999px;
  padding-left: calc(1em + 0.25em);
  padding-right: calc(1em + 0.25em);
}

.buttons {
  align-items: center;
  display: flex;
  flex-wrap: wrap;
  justify-content: flex-start;
}

.buttons .button {
  margin-bottom: 0.5rem;
}

.buttons .button:not(:last-child):not(.is-fullwidth) {
  margin-right: 0.5rem;
}

.buttons:last-child {
  margin-bottom: -0.5rem;
}

.buttons:not(:last-child) {
  margin-bottom: 1rem;
}

.buttons.are-small .button:not(.is-normal):not(.is-medium):not(.is-large) {
  font-size: 0.75rem;
}

.buttons.are-small .button:not(.is-normal):not(.is-medium):not(.is-large):not(.is-rounded) {
  border-radius: 2px;
}

.buttons.are-medium .button:not(.is-small):not(.is-normal):not(.is-large) {
  font-size: 1.25rem;
}

.buttons.are-large .button:not(.is-small):not(.is-normal):not(.is-medium) {
  font-size: 1.5rem;
}

.buttons.has-addons .button:not(:first-child) {
  border-bottom-left-radius: 0;
  border-top-left-radius: 0;
}

.buttons.has-addons .button:not(:last-child) {
  border-bottom-right-radius: 0;
  border-top-right-radius: 0;
  margin-right: -1px;
}

.buttons.has-addons .button:last-child {
  margin-right: 0;
}

.buttons.has-addons .button:hover, .buttons.has-addons .button.is-hovered {
  z-index: 2;
}

.buttons.has-addons .button:focus, .buttons.has-addons .button.is-focused, .buttons.has-addons .button:active, .buttons.has-addons .button.is-active, .buttons.has-addons .button.is-selected {
  z-index: 3;
}

.buttons.has-addons .button:focus:hover, .buttons.has-addons .button.is-focused:hover, .buttons.has-addons .button:active:hover, .buttons.has-addons .button.is-active:hover, .buttons.has-addons .button.is-selected:hover {
  z-index: 4;
}

.buttons.has-addons .button.is-expanded {
  flex-grow: 1;
  flex-shrink: 1;
}

.buttons.is-centered {
  justify-content: center;
}

.buttons.is-centered:not(.has-addons) .button:not(.is-fullwidth) {
  margin-left: 0.25rem;
  margin-right: 0.25rem;
}

.buttons.is-right {
  justify-content: flex-end;
}

.buttons.is-right:not(.has-addons) .button:not(.is-fullwidth) {
  margin-left: 0.25rem;
  margin-right: 0.25rem;
}

@media screen and (max-width: 768px) {
  .button.is-responsive.is-small {
    font-size: 0.5625rem;
  }
  .button.is-responsive,
  .button.is-responsive.is-normal {
    font-size: 0.65625rem;
  }
  .button.is-responsive.is-medium {
    font-size: 0.75rem;
  }
  .button.is-responsive.is-large {
    font-size: 1rem;
  }
}

@media screen and (min-width: 769px) and (max-width: 1023px) {
  .button.is-responsive.is-small {
    font-size: 0.65625rem;
  }
  .button.is-responsive,
  .button.is-responsive.is-normal {
    font-size: 0.75rem;
  }
  .button.is-responsive.is-medium {
    font-size: 1rem;
  }
  .button.is-responsive.is-large {
    font-size: 1.25rem;
  }
}

.container {
  flex-grow: 1;
  margin: 0 auto;
  position: relative;
  width: auto;
}

.container.is-fluid {
  max-width: none !important;
  padding-left: 32px;
  padding-right: 32px;
  width: 100%;
}

@media screen and (min-width: 1024px) {
  .container {
    max-width: 960px;
  }
}

@media screen and (max-width: 1215px) {
  .container.is-widescreen:not(.is-max-desktop) {
    max-width: 1152px;
  }
}

@media screen and (max-width: 1407px) {
  .container.is-fullhd:not(.is-max-desktop):not(.is-max-widescreen) {
    max-width: 1344px;
  }
}

@media screen and (min-width: 1216px) {
  .container:not(.is-max-desktop) {
    max-width: 1152px;
  }
}

@media screen and (min-width: 1408px) {
  .container:not(.is-max-desktop):not(.is-max-widescreen) {
    max-width: 1344px;
  }
}

.content li + li {
  margin-top: 0.25em;
}

.content p:not(:last-child),
.content dl:not(:last-child),
.content ol:not(:last-child),
.content ul:not(:last-child),
.content blockquote:not(:last-child),
.content pre:not(:last-child),
.content table:not(:last-child) {
  margin-bottom: 1em;
}

.content h1,
.content h2,
.content h3,
.content h4,
.content h5,
.content h6 {
  color: #363636;
  font-weight: 600;
  line-height: 1.125;
}

.content h1 {
  font-size: 2em;
  margin-bottom: 0.5em;
}

.content h1:not(:first-child) {
  margin-top: 1em;
}

.content h2 {
  font-size: 1.75em;
  margin-bottom: 0.5714em;
}

.content h2:not(:first-child) {
  margin-top: 1.1428em;
}

.content h3 {
  font-size: 1.5em;
  margin-bottom: 0.6666em;
}

.content h3:not(:first-child) {
  margin-top: 1.3333em;
}

.content h4 {
  font-size: 1.25em;
  margin-bottom: 0.8em;
}

.content h5 {
  font-size: 1.125em;
  margin-bottom: 0.8888em;
}

.content h6 {
  font-size: 1em;
  margin-bottom: 1em;
}

.content blockquote {
  background-color: whitesmoke;
  border-left: 5px solid #dbdbdb;
  padding: 1.25em 1.5em;
}

.content ol {
  list-style-position: outside;
  margin-left: 2em;
  margin-top: 1em;
}

.content ol:not([type]) {
  list-style-type: decimal;
}

.content ol:not([type]).is-lower-alpha {
  list-style-type: lower-alpha;
}

.content ol:not([type]).is-lower-roman {
  list-style-type: lower-roman;
}

.content ol:not([type]).is-upper-alpha {
  list-style-type: upper-alpha;
}

.content ol:not([type]).is-upper-roman {
  list-style-type: upper-roman;
}

.content ul {
  list-style: disc outside;
  margin-left: 2em;
  margin-top: 1em;
}

.content ul ul {
  list-style-type: circle;
  margin-top: 0.5em;
}

.content ul ul ul {
  list-style-type: square;
}

.content dd {
  margin-left: 2em;
}

.content figure {
  margin-left: 2em;
  margin-right: 2em;
  text-align: center;
}

.content figure:not(:first-child) {
  margin-top: 2em;
}

.content figure:not(:last-child) {
  margin-bottom: 2em;
}

.content figure img {
  display: inline-block;
}

.content figure figcaption {
  font-style: italic;
}

.content pre {
  -webkit-overflow-scrolling: touch;
  overflow-x: auto;
  padding: 1.25em 1.5em;
  white-space: pre;
  word-wrap: normal;
}

.content sup,
.content sub {
  font-size: 75%;
}

.content table {
  width: 100%;
}

.content table td,
.content table th {
  border: 1px solid #dbdbdb;
  border-width: 0 0 1px;
  padding: 0.5em 0.75em;
  vertical-align: top;
}

.content table th {
  color: #363636;
}

.content table th:not([align]) {
  text-align: inherit;
}

.content table thead td,
.content table thead th {
  border-width: 0 0 2px;
  color: #363636;
}

.content table tfoot td,
.content table tfoot th {
  border-width: 2px 0 0;
  color: #363636;
}

.content table tbody tr:last-child td,
.content table tbody tr:last-child th {
  border-bottom-width: 0;
}

.content .tabs li + li {
  margin-top: 0;
}

.content.is-small {
  font-size: 0.75rem;
}

.content.is-normal {
  font-size: 1rem;
}

.content.is-medium {
  font-size: 1.25rem;
}

.content.is-large {
  font-size: 1.5rem;
}

.icon {
  align-items: center;
  display: inline-flex;
  justify-content: center;
  height: 1.5rem;
  width: 1.5rem;
}

.icon.is-small {
  height: 1rem;
  width: 1rem;
}

.icon.is-medium {
  height: 2rem;
  width: 2rem;
}

.icon.is-large {
  height: 3rem;
  width: 3rem;
}

.icon-text {
  align-items: flex-start;
  color: inherit;
  display: inline-flex;
  flex-wrap: wrap;
  line-height: 1.5rem;
  vertical-align: top;
}

.icon-text .icon {
  flex-grow: 0;
  flex-shrink: 0;
}

.icon-text .icon:not(:last-child) {
  margin-right: 0.25em;
}

.icon-text .icon:not(:first-child) {
  margin-left: 0.25em;
}

div.icon-text {
  display: flex;
}

.image {
  display: block;
  position: relative;
}

.image img {
  display: block;
  height: auto;
  width: 100%;
}

.image img.is-rounded {
  border-radius: 9999px;
}

.image.is-fullwidth {
  width: 100%;
}

.image.is-square img,
.image.is-square .has-ratio, .image.is-1by1 img,
.image.is-1by1 .has-ratio, .image.is-5by4 img,
.image.is-5by4 .has-ratio, .image.is-4by3 img,
.image.is-4by3 .has-ratio, .image.is-3by2 img,
.image.is-3by2 .has-ratio, .image.is-5by3 img,
.image.is-5by3 .has-ratio, .image.is-16by9 img,
.image.is-16by9 .has-ratio, .image.is-2by1 img,
.image.is-2by1 .has-ratio, .image.is-3by1 img,
.image.is-3by1 .has-ratio, .image.is-4by5 img,
.image.is-4by5 .has-ratio, .image.is-3by4 img,
.image.is-3by4 .has-ratio, .image.is-2by3 img,
.image.is-2by3 .has-ratio, .image.is-3by5 img,
.image.is-3by5 .has-ratio, .image.is-9by16 img,
.image.is-9by16 .has-ratio, .image.is-1by2 img,
.image.is-1by2 .has-ratio, .image.is-1by3 img,
.image.is-1by3 .has-ratio {
  height: 100%;
  width: 100%;
}

.image.is-square, .image.is-1by1 {
  padding-top: 100%;
}

.image.is-5by4 {
  padding-top: 80%;
}

.image.is-4by3 {
  padding-top: 75%;
}

.image.is-3by2 {
  padding-top: 66.6666%;
}

.image.is-5by3 {
  padding-top: 60%;
}

.image.is-16by9 {
  padding-top: 56.25%;
}

.image.is-2by1 {
  padding-top: 50%;
}

.image.is-3by1 {
  padding-top: 33.3333%;
}

.image.is-4by5 {
  padding-top: 125%;
}

.image.is-3by4 {
  padding-top: 133.3333%;
}

.image.is-2by3 {
  padding-top: 150%;
}

.image.is-3by5 {
  padding-top: 166.6666%;
}

.image.is-9by16 {
  padding-top: 177.7777%;
}

.image.is-1by2 {
  padding-top: 200%;
}

.image.is-1by3 {
  padding-top: 300%;
}

.image.is-16x16 {
  height: 16px;
  width: 16px;
}

.image.is-24x24 {
  height: 24px;
  width: 24px;
}

.image.is-32x32 {
  height: 32px;
  width: 32px;
}

.image.is-48x48 {
  height: 48px;
  width: 48px;
}

.image.is-64x64 {
  height: 64px;
  width: 64px;
}

.image.is-96x96 {
  height: 96px;
  width: 96px;
}

.image.is-128x128 {
  height: 128px;
  width: 128px;
}

.notification {
  background-color: whitesmoke;
  border-radius: 4px;
  position: relative;
  padding: 1.25rem 2.5rem 1.25rem 1.5rem;
}

.notification a:not(.button):not(.dropdown-item) {
  color: currentColor;
  text-decoration: underline;
}

.notification strong {
  color: currentColor;
}

.notification code,
.notification pre {
  background: white;
}

.notification pre code {
  background: transparent;
}

.notification > .delete {
  right: 0.5rem;
  position: absolute;
  top: 0.5rem;
}

.notification .title,
.notification .subtitle,
.notification .content {
  color: currentColor;
}

.notification.is-white {
  background-color: white;
  color: #0a0a0a;
}

.notification.is-black {
  background-color: #0a0a0a;
  color: white;
}

.notification.is-light {
  background-color: whitesmoke;
  color: rgba(0, 0, 0, 0.7);
}

.notification.is-dark {
  background-color: #363636;
  color: #fff;
}

.notification.is-primary {
  background-color: #00d1b2;
  color: #fff;
}

.notification.is-primary.is-light {
  background-color: #ebfffc;
  color: #00947e;
}

.notification.is-link {
  background-color: #485fc7;
  color: #fff;
}

.notification.is-link.is-light {
  background-color: #eff1fa;
  color: #3850b7;
}

.notification.is-info {
  background-color: #3e8ed0;
  color: #fff;
}

.notification.is-info.is-light {
  background-color: #eff5fb;
  color: #296fa8;
}

.notification.is-success {
  background-color: #48c78e;
  color: #fff;
}

.notification.is-success.is-light {
  background-color: #effaf5;
  color: #257953;
}

.notification.is-warning {
  background-color: #ffe08a;
  color: rgba(0, 0, 0, 0.7);
}

.notification.is-warning.is-light {
  background-color: #fffaeb;
  color: #946c00;
}

.notification.is-danger {
  background-color: #f14668;
  color: #fff;
}

.notification.is-danger.is-light {
  background-color: #feecf0;
  color: #cc0f35;
}

.progress {
  -moz-appearance: none;
  -webkit-appearance: none;
  border: none;
  border-radius: 9999px;
  display: block;
  height: 1rem;
  overflow: hidden;
  padding: 0;
  width: 100%;
}

.progress::-webkit-progress-bar {
  background-color: #ededed;
}

.progress::-webkit-progress-value {
  background-color: #4a4a4a;
}

.progress::-moz-progress-bar {
  background-color: #4a4a4a;
}

.progress::-ms-fill {
  background-color: #4a4a4a;
  border: none;
}

.progress.is-white::-webkit-progress-value {
  background-color: white;
}

.progress.is-white::-moz-progress-bar {
  background-color: white;
}

.progress.is-white::-ms-fill {
  background-color: white;
}

.progress.is-white:indeterminate {
  background-image: linear-gradient(to right, white 30%, #ededed 30%);
}

.progress.is-black::-webkit-progress-value {
  background-color: #0a0a0a;
}

.progress.is-black::-moz-progress-bar {
  background-color: #0a0a0a;
}

.progress.is-black::-ms-fill {
  background-color: #0a0a0a;
}

.progress.is-black:indeterminate {
  background-image: linear-gradient(to right, #0a0a0a 30%, #ededed 30%);
}

.progress.is-light::-webkit-progress-value {
  background-color: whitesmoke;
}

.progress.is-light::-moz-progress-bar {
  background-color: whitesmoke;
}

.progress.is-light::-ms-fill {
  background-color: whitesmoke;
}

.progress.is-light:indeterminate {
  background-image: linear-gradient(to right, whitesmoke 30%, #ededed 30%);
}

.progress.is-dark::-webkit-progress-value {
  background-color: #363636;
}

.progress.is-dark::-moz-progress-bar {
  background-color: #363636;
}

.progress.is-dark::-ms-fill {
  background-color: #363636;
}

.progress.is-dark:indeterminate {
  background-image: linear-gradient(to right, #363636 30%, #ededed 30%);
}

.progress.is-primary::-webkit-progress-value {
  background-color: #00d1b2;
}

.progress.is-primary::-moz-progress-bar {
  background-color: #00d1b2;
}

.progress.is-primary::-ms-fill {
  background-color: #00d1b2;
}

.progress.is-primary:indeterminate {
  background-image: linear-gradient(to right, #00d1b2 30%, #ededed 30%);
}

.progress.is-link::-webkit-progress-value {
  background-color: #485fc7;
}

.progress.is-link::-moz-progress-bar {
  background-color: #485fc7;
}

.progress.is-link::-ms-fill {
  background-color: #485fc7;
}

.progress.is-link:indeterminate {
  background-image: linear-gradient(to right, #485fc7 30%, #ededed 30%);
}

.progress.is-info::-webkit-progress-value {
  background-color: #3e8ed0;
}

.progress.is-info::-moz-progress-bar {
  background-color: #3e8ed0;
}

.progress.is-info::-ms-fill {
  background-color: #3e8ed0;
}

.progress.is-info:indeterminate {
  background-image: linear-gradient(to right, #3e8ed0 30%, #ededed 30%);
}

.progress.is-success::-webkit-progress-value {
  background-color: #48c78e;
}

.progress.is-success::-moz-progress-bar {
  background-color: #48c78e;
}

.progress.is-success::-ms-fill {
  background-color: #48c78e;
}

.progress.is-success:indeterminate {
  background-image: linear-gradient(to right, #48c78e 30%, #ededed 30%);
}

.progress.is-warning::-webkit-progress-value {
  background-color: #ffe08a;
}

.progress.is-warning::-moz-progress-bar {
  background-color: #ffe08a;
}

.progress.is-warning::-ms-fill {
  background-color: #ffe08a;
}

.progress.is-warning:indeterminate {
  background-image: linear-gradient(to right, #ffe08a 30%, #ededed 30%);
}

.progress.is-danger::-webkit-progress-value {
  background-color: #f14668;
}

.progress.is-danger::-moz-progress-bar {
  background-color: #f14668;
}

.progress.is-danger::-ms-fill {
  background-color: #f14668;
}

.progress.is-danger:indeterminate {
  background-image: linear-gradient(to right, #f14668 30%, #ededed 30%);
}

.progress:indeterminate {
  animation-duration: 1.5s;
  animation-iteration-count: infinite;
  animation-name: moveIndeterminate;
  animation-timing-function: linear;
  background-color: #ededed;
  background-image: linear-gradient(to right, #4a4a4a 30%, #ededed 30%);
  background-position: top left;
  background-repeat: no-repeat;
  background-size: 150% 150%;
}

.progress:indeterminate::-webkit-progress-bar {
  background-color: transparent;
}

.progress:indeterminate::-moz-progress-bar {
  background-color: transparent;
}

.progress:indeterminate::-ms-fill {
  animation-name: none;
}

.progress.is-small {
  height: 0.75rem;
}

.progress.is-medium {
  height: 1.25rem;
}

.progress.is-large {
  height: 1.5rem;
}

@keyframes moveIndeterminate {
  from {
    background-position: 200% 0;
  }
  to {
    background-position: -200% 0;
  }
}

.table {
  background-color: white;
  color: #363636;
}

.table td,
.table th {
  border: 1px solid #dbdbdb;
  border-width: 0 0 1px;
  padding: 0.5em 0.75em;
  vertical-align: top;
}

.table td.is-white,
.table th.is-white {
  background-color: white;
  border-color: white;
  color: #0a0a0a;
}

.table td.is-black,
.table th.is-black {
  background-color: #0a0a0a;
  border-color: #0a0a0a;
  color: white;
}

.table td.is-light,
.table th.is-light {
  background-color: whitesmoke;
  border-color: whitesmoke;
  color: rgba(0, 0, 0, 0.7);
}

.table td.is-dark,
.table th.is-dark {
  background-color: #363636;
  border-color: #363636;
  color: #fff;
}

.table td.is-primary,
.table th.is-primary {
  background-color: #00d1b2;
  border-color: #00d1b2;
  color: #fff;
}

.table td.is-link,
.table th.is-link {
  background-color: #485fc7;
  border-color: #485fc7;
  color: #fff;
}

.table td.is-info,
.table th.is-info {
  background-color: #3e8ed0;
  border-color: #3e8ed0;
  color: #fff;
}

.table td.is-success,
.table th.is-success {
  background-color: #48c78e;
  border-color: #48c78e;
  color: #fff;
}

.table td.is-warning,
.table th.is-warning {
  background-color: #ffe08a;
  border-color: #ffe08a;
  color: rgba(0, 0, 0, 0.7);
}

.table td.is-danger,
.table th.is-danger {
  background-color: #f14668;
  border-color: #f14668;
  color: #fff;
}

.table td.is-narrow,
.table th.is-narrow {
  white-space: nowrap;
  width: 1%;
}

.table td.is-selected,
.table th.is-selected {
  background-color: #00d1b2;
  color: #fff;
}

.table td.is-selected a,
.table td.is-selected strong,
.table th.is-selected a,
.table th.is-selected strong {
  color: currentColor;
}

.table td.is-vcentered,
.table th.is-vcentered {
  vertical-align: middle;
}

.table th {
  color: #363636;
}

.table th:not([align]) {
  text-align: left;
}

.table tr.is-selected {
  background-color: #00d1b2;
  color: #fff;
}

.table tr.is-selected a,
.table tr.is-selected strong {
  color: currentColor;
}

.table tr.is-selected td,
.table tr.is-selected th {
  border-color: #fff;
  color: currentColor;
}

.table thead {
  background-color: transparent;
}

.table thead td,
.table thead th {
  border-width: 0 0 2px;
  color: #363636;
}

.table tfoot {
  background-color: transparent;
}

.table tfoot td,
.table tfoot th {
  border-width: 2px 0 0;
  color: #363636;
}

.table tbody {
  background-color: transparent;
}

.table tbody tr:last-child td,
.table tbody tr:last-child th {
  border-bottom-width: 0;
}

.table.is-bordered td,
.table.is-bordered th {
  border-width: 1px;
}

.table.is-bordered tr:last-child td,
.table.is-bordered tr:last-child th {
  border-bottom-width: 1px;
}

.table.is-fullwidth {
  width: 100%;
}

.table.is-hoverable tbody tr:not(.is-selected):hover {
  background-color: #fafafa;
}

.table.is-hoverable.is-striped tbody tr:not(.is-selected):hover {
  background-color: #fafafa;
}

.table.is-hoverable.is-striped tbody tr:not(.is-selected):hover:nth-child(even) {
  background-color: whitesmoke;
}

.table.is-narrow td,
.table.is-narrow th {
  padding: 0.25em 0.5em;
}

.table.is-striped tbody tr:not(.is-selected):nth-child(even) {
  background-color: #fafafa;
}

.table-container {
  -webkit-overflow-scrolling: touch;
  overflow: auto;
  overflow-y: hidden;
  max-width: 100%;
}

.tags {
  align-items: center;
  display: flex;
  flex-wrap: wrap;
  justify-content: flex-start;
}

.tags .tag {
  margin-bottom: 0.5rem;
}

.tags .tag:not(:last-child) {
  margin-right: 0.5rem;
}

.tags:last-child {
  margin-bottom: -0.5rem;
}

.tags:not(:last-child) {
  margin-bottom: 1rem;
}

.tags.are-medium .tag:not(.is-normal):not(.is-large) {
  font-size: 1rem;
}

.tags.are-large .tag:not(.is-normal):not(.is-medium) {
  font-size: 1.25rem;
}

.tags.is-centered {
  justify-content: center;
}

.tags.is-centered .tag {
  margin-right: 0.25rem;
  margin-left: 0.25rem;
}

.tags.is-right {
  justify-content: flex-end;
}

.tags.is-right .tag:not(:first-child) {
  margin-left: 0.5rem;
}

.tags.is-right .tag:not(:last-child) {
  margin-right: 0;
}

.tags.has-addons .tag {
  margin-right: 0;
}

.tags.has-addons .tag:not(:first-child) {
  margin-left: 0;
  border-top-left-radius: 0;
  border-bottom-left-radius: 0;
}

.tags.has-addons .tag:not(:last-child) {
  border-top-right-radius: 0;
  border-bottom-right-radius: 0;
}

.tag:not(body) {
  align-items: center;
  background-color: whitesmoke;
  border-radius: 4px;
  color: #4a4a4a;
  display: inline-flex;
  font-size: 0.75rem;
  height: 2em;
  justify-content: center;
  line-height: 1.5;
  padding-left: 0.75em;
  padding-right: 0.75em;
  white-space: nowrap;
}

.tag:not(body) .delete {
  margin-left: 0.25rem;
  margin-right: -0.375rem;
}

.tag:not(body).is-white {
  background-color: white;
  color: #0a0a0a;
}

.tag:not(body).is-black {
  background-color: #0a0a0a;
  color: white;
}

.tag:not(body).is-light {
  background-color: whitesmoke;
  color: rgba(0, 0, 0, 0.7);
}

.tag:not(body).is-dark {
  background-color: #363636;
  color: #fff;
}

.tag:not(body).is-primary {
  background-color: #00d1b2;
  color: #fff;
}

.tag:not(body).is-primary.is-light {
  background-color: #ebfffc;
  color: #00947e;
}

.tag:not(body).is-link {
  background-color: #485fc7;
  color: #fff;
}

.tag:not(body).is-link.is-light {
  background-color: #eff1fa;
  color: #3850b7;
}

.tag:not(body).is-info {
  background-color: #3e8ed0;
  color: #fff;
}

.tag:not(body).is-info.is-light {
  background-color: #eff5fb;
  color: #296fa8;
}

.tag:not(body).is-success {
  background-color: #48c78e;
  color: #fff;
}

.tag:not(body).is-success.is-light {
  background-color: #effaf5;
  color: #257953;
}

.tag:not(body).is-warning {
  background-color: #ffe08a;
  color: rgba(0, 0, 0, 0.7);
}

.tag:not(body).is-warning.is-light {
  background-color: #fffaeb;
  color: #946c00;
}

.tag:not(body).is-danger {
  background-color: #f14668;
  color: #fff;
}

.tag:not(body).is-danger.is-light {
  background-color: #feecf0;
  color: #cc0f35;
}

.tag:not(body).is-normal {
  font-size: 0.75rem;
}

.tag:not(body).is-medium {
  font-size: 1rem;
}

.tag:not(body).is-large {
  font-size: 1.25rem;
}

.tag:not(body) .icon:first-child:not(:last-child) {
  margin-left: -0.375em;
  margin-right: 0.1875em;
}

.tag:not(body) .icon:last-child:not(:first-child) {
  margin-left: 0.1875em;
  margin-right: -0.375em;
}

.tag:not(body) .icon:first-child:last-child {
  margin-left: -0.375em;
  margin-right: -0.375em;
}

.tag:not(body).is-delete {
  margin-left: 1px;
  padding: 0;
  position: relative;
  width: 2em;
}

.tag:not(body).is-delete::before, .tag:not(body).is-delete::after {
  background-color: currentColor;
  content: "";
  display: block;
  left: 50%;
  position: absolute;
  top: 50%;
  transform: translateX(-50%) translateY(-50%) rotate(45deg);
  transform-origin: center center;
}

.tag:not(body).is-delete::before {
  height: 1px;
  width: 50%;
}

.tag:not(body).is-delete::after {
  height: 50%;
  width: 1px;
}

.tag:not(body).is-delete:hover, .tag:not(body).is-delete:focus {
  background-color: #e8e8e8;
}

.tag:not(body).is-delete:active {
  background-color: #dbdbdb;
}

.tag:not(body).is-rounded {
  border-radius: 9999px;
}

a.tag:hover {
  text-decoration: underline;
}

.title,
.subtitle {
  word-break: break-word;
}

.title em,
.title span,
.subtitle em,
.subtitle span {
  font-weight: inherit;
}

.title sub,
.subtitle sub {
  font-size: 0.75em;
}

.title sup,
.subtitle sup {
  font-size: 0.75em;
}

.title .tag,
.subtitle .tag {
  vertical-align: middle;
}

.title {
  color: #363636;
  font-size: 2rem;
  font-weight: 600;
  line-height: 1.125;
}

.title strong {
  color: inherit;
  font-weight: inherit;
}

.title:not(.is-spaced) + .subtitle {
  margin-top: -1.25rem;
}

.title.is-1 {
  font-size: 3rem;
}

.title.is-2 {
  font-size: 2.5rem;
}

.title.is-3 {
  font-size: 2rem;
}

.title.is-4 {
  font-size: 1.5rem;
}

.title.is-5 {
  font-size: 1.25rem;
}

.title.is-6 {
  font-size: 1rem;
}

.title.is-7 {
  font-size: 0.75rem;
}

.subtitle {
  color: #4a4a4a;
  font-size: 1.25rem;
  font-weight: 400;
  line-height: 1.25;
}

.subtitle strong {
  color: #363636;
  font-weight: 600;
}

.subtitle:not(.is-spaced) + .title {
  margin-top: -1.25rem;
}

.subtitle.is-1 {
  font-size: 3rem;
}

.subtitle.is-2 {
  font-size: 2.5rem;
}

.subtitle.is-3 {
  font-size: 2rem;
}

.subtitle.is-4 {
  font-size: 1.5rem;
}

.subtitle.is-5 {
  font-size: 1.25rem;
}

.subtitle.is-6 {
  font-size: 1rem;
}

.subtitle.is-7 {
  font-size: 0.75rem;
}

.heading {
  display: block;
  font-size: 11px;
  letter-spacing: 1px;
  margin-bottom: 5px;
  text-transform: uppercase;
}

.number {
  align-items: center;
  background-color: whitesmoke;
  border-radius: 9999px;
  display: inline-flex;
  font-size: 1.25rem;
  height: 2em;
  justify-content: center;
  margin-right: 1.5rem;
  min-width: 2.5em;
  padding: 0.25rem 0.5rem;
  text-align: center;
  vertical-align: top;
}

/* Bulma Form */
.input, .textarea, .select select {
  background-color: white;
  border-color: #dbdbdb;
  border-radius: 4px;
  color: #363636;
}

.input::-moz-placeholder, .textarea::-moz-placeholder, .select select::-moz-placeholder {
  color: rgba(54, 54, 54, 0.3);
}

.input::-webkit-input-placeholder, .textarea::-webkit-input-placeholder, .select select::-webkit-input-placeholder {
  color: rgba(54, 54, 54, 0.3);
}

.input:-moz-placeholder, .textarea:-moz-placeholder, .select select:-moz-placeholder {
  color: rgba(54, 54, 54, 0.3);
}

.input:-ms-input-placeholder, .textarea:-ms-input-placeholder, .select select:-ms-input-placeholder {
  color: rgba(54, 54, 54, 0.3);
}

.input:hover, .textarea:hover, .select select:hover, .is-hovered.input, .is-hovered.textarea, .select select.is-hovered {
  border-color: #b5b5b5;
}

.input:focus, .textarea:focus, .select select:focus, .is-focused.input, .is-focused.textarea, .select select.is-focused, .input:active, .textarea:active, .select select:active, .is-active.input, .is-active.textarea, .select select.is-active {
  border-color: #485fc7;
  box-shadow: 0 0 0 0.125em rgba(72, 95, 199, 0.25);
}

.input[disabled], .textarea[disabled], .select select[disabled],
fieldset[disabled] .input,
fieldset[disabled] .textarea,
fieldset[disabled] .select select,
.select fieldset[disabled] select {
  background-color: whitesmoke;
  border-color: whitesmoke;
  box-shadow: none;
  color: #7a7a7a;
}

.input[disabled]::-moz-placeholder, .textarea[disabled]::-moz-placeholder, .select select[disabled]::-moz-placeholder,
fieldset[disabled] .input::-moz-placeholder,
fieldset[disabled] .textarea::-moz-placeholder,
fieldset[disabled] .select select::-moz-placeholder,
.select fieldset[disabled] select::-moz-placeholder {
  color: rgba(122, 122, 122, 0.3);
}

.input[disabled]::-webkit-input-placeholder, .textarea[disabled]::-webkit-input-placeholder, .select select[disabled]::-webkit-input-placeholder,
fieldset[disabled] .input::-webkit-input-placeholder,
fieldset[disabled] .textarea::-webkit-input-placeholder,
fieldset[disabled] .select select::-webkit-input-placeholder,
.select fieldset[disabled] select::-webkit-input-placeholder {
  color: rgba(122, 122, 122, 0.3);
}

.input[disabled]:-moz-placeholder, .textarea[disabled]:-moz-placeholder, .select select[disabled]:-moz-placeholder,
fieldset[disabled] .input:-moz-placeholder,
fieldset[disabled] .textarea:-moz-placeholder,
fieldset[disabled] .select select:-moz-placeholder,
.select fieldset[disabled] select:-moz-placeholder {
  color: rgba(122, 122, 122, 0.3);
}

.input[disabled]:-ms-input-placeholder, .textarea[disabled]:-ms-input-placeholder, .select select[disabled]:-ms-input-placeholder,
fieldset[disabled] .input:-ms-input-placeholder,
fieldset[disabled] .textarea:-ms-input-placeholder,
fieldset[disabled] .select select:-ms-input-placeholder,
.select fieldset[disabled] select:-ms-input-placeholder {
  color: rgba(122, 122, 122, 0.3);
}

.input, .textarea {
  box-shadow: inset 0 0.0625em 0.125em rgba(10, 10, 10, 0.05);
  max-width: 100%;
  width: 100%;
}

.input[readonly], .textarea[readonly] {
  box-shadow: none;
}

.is-white.input, .is-white.textarea {
  border-color: white;
}

.is-white.input:focus, .is-white.textarea:focus, .is-white.is-focused.input, .is-white.is-focused.textarea, .is-white.input:active, .is-white.textarea:active, .is-white.is-active.input, .is-white.is-active.textarea {
  box-shadow: 0 0 0 0.125em rgba(255, 255, 255, 0.25);
}

.is-black.input, .is-black.textarea {
  border-color: #0a0a0a;
}

.is-black.input:focus, .is-black.textarea:focus, .is-black.is-focused.input, .is-black.is-focused.textarea, .is-black.input:active, .is-black.textarea:active, .is-black.is-active.input, .is-black.is-active.textarea {
  box-shadow: 0 0 0 0.125em rgba(10, 10, 10, 0.25);
}

.is-light.input, .is-light.textarea {
  border-color: whitesmoke;
}

.is-light.input:focus, .is-light.textarea:focus, .is-light.is-focused.input, .is-light.is-focused.textarea, .is-light.input:active, .is-light.textarea:active, .is-light.is-active.input, .is-light.is-active.textarea {
  box-shadow: 0 0 0 0.125em rgba(245, 245, 245, 0.25);
}

.is-dark.input, .is-dark.textarea {
  border-color: #363636;
}

.is-dark.input:focus, .is-dark.textarea:focus, .is-dark.is-focused.input, .is-dark.is-focused.textarea, .is-dark.input:active, .is-dark.textarea:active, .is-dark.is-active.input, .is-dark.is-active.textarea {
  box-shadow: 0 0 0 0.125em rgba(54, 54, 54, 0.25);
}

.is-primary.input, .is-primary.textarea {
  border-color: #00d1b2;
}

.is-primary.input:focus, .is-primary.textarea:focus, .is-primary.is-focused.input, .is-primary.is-focused.textarea, .is-primary.input:active, .is-primary.textarea:active, .is-primary.is-active.input, .is-primary.is-active.textarea {
  box-shadow: 0 0 0 0.125em rgba(0, 209, 178, 0.25);
}

.is-link.input, .is-link.textarea {
  border-color: #485fc7;
}

.is-link.input:focus, .is-link.textarea:focus, .is-link.is-focused.input, .is-link.is-focused.textarea, .is-link.input:active, .is-link.textarea:active, .is-link.is-active.input, .is-link.is-active.textarea {
  box-shadow: 0 0 0 0.125em rgba(72, 95, 199, 0.25);
}

.is-info.input, .is-info.textarea {
  border-color: #3e8ed0;
}

.is-info.input:focus, .is-info.textarea:focus, .is-info.is-focused.input, .is-info.is-focused.textarea, .is-info.input:active, .is-info.textarea:active, .is-info.is-active.input, .is-info.is-active.textarea {
  box-shadow: 0 0 0 0.125em rgba(62, 142, 208, 0.25);
}

.is-success.input, .is-success.textarea {
  border-color: #48c78e;
}

.is-success.input:focus, .is-success.textarea:focus, .is-success.is-focused.input, .is-success.is-focused.textarea, .is-success.input:active, .is-success.textarea:active, .is-success.is-active.input, .is-success.is-active.textarea {
  box-shadow: 0 0 0 0.125em rgba(72, 199, 142, 0.25);
}

.is-warning.input, .is-warning.textarea {
  border-color: #ffe08a;
}

.is-warning.input:focus, .is-warning.textarea:focus, .is-warning.is-focused.input, .is-warning.is-focused.textarea, .is-warning.input:active, .is-warning.textarea:active, .is-warning.is-active.input, .is-warning.is-active.textarea {
  box-shadow: 0 0 0 0.125em rgba(255, 224, 138, 0.25);
}

.is-danger.input, .is-danger.textarea {
  border-color: #f14668;
}

.is-danger.input:focus, .is-danger.textarea:focus, .is-danger.is-focused.input, .is-danger.is-focused.textarea, .is-danger.input:active, .is-danger.textarea:active, .is-danger.is-active.input, .is-danger.is-active.textarea {
  box-shadow: 0 0 0 0.125em rgba(241, 70, 104, 0.25);
}

.is-small.input, .is-small.textarea {
  border-radius: 2px;
  font-size: 0.75rem;
}

.is-medium.input, .is-medium.textarea {
  font-size: 1.25rem;
}

.is-large.input, .is-large.textarea {
  font-size: 1.5rem;
}

.is-fullwidth.input, .is-fullwidth.textarea {
  display: block;
  width: 100%;
}

.is-inline.input, .is-inline.textarea {
  display: inline;
  width: auto;
}

.input.is-rounded {
  border-radius: 9999px;
  padding-left: calc(calc(0.75em - 1px) + 0.375em);
  padding-right: calc(calc(0.75em - 1px) + 0.375em);
}

.input.is-static {
  background-color: transparent;
  border-color: transparent;
  box-shadow: none;
  padding-left: 0;
  padding-right: 0;
}

.textarea {
  display: block;
  max-width: 100%;
  min-width: 100%;
  padding: calc(0.75em - 1px);
  resize: vertical;
}

.textarea:not([rows]) {
  max-height: 40em;
  min-height: 8em;
}

.textarea[rows] {
  height: initial;
}

.textarea.has-fixed-size {
  resize: none;
}

.checkbox, .radio {
  cursor: pointer;
  display: inline-block;
  line-height: 1.25;
  position: relative;
}

.checkbox input, .radio input {
  cursor: pointer;
}

.checkbox:hover, .radio:hover {
  color: #363636;
}

.checkbox[disabled], .radio[disabled],
fieldset[disabled] .checkbox,
fieldset[disabled] .radio,
.checkbox input[disabled],
.radio input[disabled] {
  color: #7a7a7a;
  cursor: not-allowed;
}

.radio + .radio {
  margin-left: 0.5em;
}

.select {
  display: inline-block;
  max-width: 100%;
  position: relative;
  vertical-align: top;
}

.select:not(.is-multiple) {
  height: 2.5em;
}

.select:not(.is-multiple):not(.is-loading)::after {
  border-color: #485fc7;
  right: 1.125em;
  z-index: 4;
}

.select.is-rounded select {
  border-radius: 9999px;
  padding-left: 1em;
}

.select select {
  cursor: pointer;
  display: block;
  font-size: 1em;
  max-width: 100%;
  outline: none;
}

.select select::-ms-expand {
  display: none;
}

.select select[disabled]:hover,
fieldset[disabled] .select select:hover {
  border-color: whitesmoke;
}

.select select:not([multiple]) {
  padding-right: 2.5em;
}

.select select[multiple] {
  height: auto;
  padding: 0;
}

.select select[multiple] option {
  padding: 0.5em 1em;
}

.select:not(.is-multiple):not(.is-loading):hover::after {
  border-color: #363636;
}

.select.is-white:not(:hover)::after {
  border-color: white;
}

.select.is-white select {
  border-color: white;
}

.select.is-white select:hover, .select.is-white select.is-hovered {
  border-color: #f2f2f2;
}

.select.is-white select:focus, .select.is-white select.is-focused, .select.is-white select:active, .select.is-white select.is-active {
  box-shadow: 0 0 0 0.125em rgba(255, 255, 255, 0.25);
}

.select.is-black:not(:hover)::after {
  border-color: #0a0a0a;
}

.select.is-black select {
  border-color: #0a0a0a;
}

.select.is-black select:hover, .select.is-black select.is-hovered {
  border-color: black;
}

.select.is-black select:focus, .select.is-black select.is-focused, .select.is-black select:active, .select.is-black select.is-active {
  box-shadow: 0 0 0 0.125em rgba(10, 10, 10, 0.25);
}

.select.is-light:not(:hover)::after {
  border-color: whitesmoke;
}

.select.is-light select {
  border-color: whitesmoke;
}

.select.is-light select:hover, .select.is-light select.is-hovered {
  border-color: #e8e8e8;
}

.select.is-light select:focus, .select.is-light select.is-focused, .select.is-light select:active, .select.is-light select.is-active {
  box-shadow: 0 0 0 0.125em rgba(245, 245, 245, 0.25);
}

.select.is-dark:not(:hover)::after {
  border-color: #363636;
}

.select.is-dark select {
  border-color: #363636;
}

.select.is-dark select:hover, .select.is-dark select.is-hovered {
  border-color: #292929;
}

.select.is-dark select:focus, .select.is-dark select.is-focused, .select.is-dark select:active, .select.is-dark select.is-active {
  box-shadow: 0 0 0 0.125em rgba(54, 54, 54, 0.25);
}

.select.is-primary:not(:hover)::after {
  border-color: #00d1b2;
}

.select.is-primary select {
  border-color: #00d1b2;
}

.select.is-primary select:hover, .select.is-primary select.is-hovered {
  border-color: #00b89c;
}

.select.is-primary select:focus, .select.is-primary select.is-focused, .select.is-primary select:active, .select.is-primary select.is-active {
  box-shadow: 0 0 0 0.125em rgba(0, 209, 178, 0.25);
}

.select.is-link:not(:hover)::after {
  border-color: #485fc7;
}

.select.is-link select {
  border-color: #485fc7;
}

.select.is-link select:hover, .select.is-link select.is-hovered {
  border-color: #3a51bb;
}

.select.is-link select:focus, .select.is-link select.is-focused, .select.is-link select:active, .select.is-link select.is-active {
  box-shadow: 0 0 0 0.125em rgba(72, 95, 199, 0.25);
}

.select.is-info:not(:hover)::after {
  border-color: #3e8ed0;
}

.select.is-info select {
  border-color: #3e8ed0;
}

.select.is-info select:hover, .select.is-info select.is-hovered {
  border-color: #3082c5;
}

.select.is-info select:focus, .select.is-info select.is-focused, .select.is-info select:active, .select.is-info select.is-active {
  box-shadow: 0 0 0 0.125em rgba(62, 142, 208, 0.25);
}

.select.is-success:not(:hover)::after {
  border-color: #48c78e;
}

.select.is-success select {
  border-color: #48c78e;
}

.select.is-success select:hover, .select.is-success select.is-hovered {
  border-color: #3abb81;
}

.select.is-success select:focus, .select.is-success select.is-focused, .select.is-success select:active, .select.is-success select.is-active {
  box-shadow: 0 0 0 0.125em rgba(72, 199, 142, 0.25);
}

.select.is-warning:not(:hover)::after {
  border-color: #ffe08a;
}

.select.is-warning select {
  border-color: #ffe08a;
}

.select.is-warning select:hover, .select.is-warning select.is-hovered {
  border-color: #ffd970;
}

.select.is-warning select:focus, .select.is-warning select.is-focused, .select.is-warning select:active, .select.is-warning select.is-active {
  box-shadow: 0 0 0 0.125em rgba(255, 224, 138, 0.25);
}

.select.is-danger:not(:hover)::after {
  border-color: #f14668;
}

.select.is-danger select {
  border-color: #f14668;
}

.select.is-danger select:hover, .select.is-danger select.is-hovered {
  border-color: #ef2e55;
}

.select.is-danger select:focus, .select.is-danger select.is-focused, .select.is-danger select:active, .select.is-danger select.is-active {
  box-shadow: 0 0 0 0.125em rgba(241, 70, 104, 0.25);
}

.select.is-small {
  border-radius: 2px;
  font-size: 0.75rem;
}

.select.is-medium {
  font-size: 1.25rem;
}

.select.is-large {
  font-size: 1.5rem;
}

.select.is-disabled::after {
  border-color: #7a7a7a !important;
  opacity: 0.5;
}

.select.is-fullwidth {
  width: 100%;
}

.select.is-fullwidth select {
  width: 100%;
}

.select.is-loading::after {
  margin-top: 0;
  position: absolute;
  right: 0.625em;
  top: 0.625em;
  transform: none;
}

.select.is-loading.is-small:after {
  font-size: 0.75rem;
}

.select.is-loading.is-medium:after {
  font-size: 1.25rem;
}

.select.is-loading.is-large:after {
  font-size: 1.5rem;
}

.file {
  align-items: stretch;
  display: flex;
  justify-content: flex-start;
  position: relative;
}

.file.is-white .file-cta {
  background-color: white;
  border-color: transparent;
  color: #0a0a0a;
}

.file.is-white:hover .file-cta, .file.is-white.is-hovered .file-cta {
  background-color: #f9f9f9;
  border-color: transparent;
  color: #0a0a0a;
}

.file.is-white:focus .file-cta, .file.is-white.is-focused .file-cta {
  border-color: transparent;
  box-shadow: 0 0 0.5em rgba(255, 255, 255, 0.25);
  color: #0a0a0a;
}

.file.is-white:active .file-cta, .file.is-white.is-active .file-cta {
  background-color: #f2f2f2;
  border-color: transparent;
  color: #0a0a0a;
}

.file.is-black .file-cta {
  background-color: #0a0a0a;
  border-color: transparent;
  color: white;
}

.file.is-black:hover .file-cta, .file.is-black.is-hovered .file-cta {
  background-color: #040404;
  border-color: transparent;
  color: white;
}

.file.is-black:focus .file-cta, .file.is-black.is-focused .file-cta {
  border-color: transparent;
  box-shadow: 0 0 0.5em rgba(10, 10, 10, 0.25);
  color: white;
}

.file.is-black:active .file-cta, .file.is-black.is-active .file-cta {
  background-color: black;
  border-color: transparent;
  color: white;
}

.file.is-light .file-cta {
  background-color: whitesmoke;
  border-color: transparent;
  color: rgba(0, 0, 0, 0.7);
}

.file.is-light:hover .file-cta, .file.is-light.is-hovered .file-cta {
  background-color: #eeeeee;
  border-color: transparent;
  color: rgba(0, 0, 0, 0.7);
}

.file.is-light:focus .file-cta, .file.is-light.is-focused .file-cta {
  border-color: transparent;
  box-shadow: 0 0 0.5em rgba(245, 245, 245, 0.25);
  color: rgba(0, 0, 0, 0.7);
}

.file.is-light:active .file-cta, .file.is-light.is-active .file-cta {
  background-color: #e8e8e8;
  border-color: transparent;
  color: rgba(0, 0, 0, 0.7);
}

.file.is-dark .file-cta {
  background-color: #363636;
  border-color: transparent;
  color: #fff;
}

.file.is-dark:hover .file-cta, .file.is-dark.is-hovered .file-cta {
  background-color: #2f2f2f;
  border-color: transparent;
  color: #fff;
}

.file.is-dark:focus .file-cta, .file.is-dark.is-focused .file-cta {
  border-color: transparent;
  box-shadow: 0 0 0.5em rgba(54, 54, 54, 0.25);
  color: #fff;
}

.file.is-dark:active .file-cta, .file.is-dark.is-active .file-cta {
  background-color: #292929;
  border-color: transparent;
  color: #fff;
}

.file.is-primary .file-cta {
  background-color: #00d1b2;
  border-color: transparent;
  color: #fff;
}

.file.is-primary:hover .file-cta, .file.is-primary.is-hovered .file-cta {
  background-color: #00c4a7;
  border-color: transparent;
  color: #fff;
}

.file.is-primary:focus .file-cta, .file.is-primary.is-focused .file-cta {
  border-color: transparent;
  box-shadow: 0 0 0.5em rgba(0, 209, 178, 0.25);
  color: #fff;
}

.file.is-primary:active .file-cta, .file.is-primary.is-active .file-cta {
  background-color: #00b89c;
  border-color: transparent;
  color: #fff;
}

.file.is-link .file-cta {
  background-color: #485fc7;
  border-color: transparent;
  color: #fff;
}

.file.is-link:hover .file-cta, .file.is-link.is-hovered .file-cta {
  background-color: #3e56c4;
  border-color: transparent;
  color: #fff;
}

.file.is-link:focus .file-cta, .file.is-link.is-focused .file-cta {
  border-color: transparent;
  box-shadow: 0 0 0.5em rgba(72, 95, 199, 0.25);
  color: #fff;
}

.file.is-link:active .file-cta, .file.is-link.is-active .file-cta {
  background-color: #3a51bb;
  border-color: transparent;
  color: #fff;
}

.file.is-info .file-cta {
  background-color: #3e8ed0;
  border-color: transparent;
  color: #fff;
}

.file.is-info:hover .file-cta, .file.is-info.is-hovered .file-cta {
  background-color: #3488ce;
  border-color: transparent;
  color: #fff;
}

.file.is-info:focus .file-cta, .file.is-info.is-focused .file-cta {
  border-color: transparent;
  box-shadow: 0 0 0.5em rgba(62, 142, 208, 0.25);
  color: #fff;
}

.file.is-info:active .file-cta, .file.is-info.is-active .file-cta {
  background-color: #3082c5;
  border-color: transparent;
  color: #fff;
}

.file.is-success .file-cta {
  background-color: #48c78e;
  border-color: transparent;
  color: #fff;
}

.file.is-success:hover .file-cta, .file.is-success.is-hovered .file-cta {
  background-color: #3ec487;
  border-color: transparent;
  color: #fff;
}

.file.is-success:focus .file-cta, .file.is-success.is-focused .file-cta {
  border-color: transparent;
  box-shadow: 0 0 0.5em rgba(72, 199, 142, 0.25);
  color: #fff;
}

.file.is-success:active .file-cta, .file.is-success.is-active .file-cta {
  background-color: #3abb81;
  border-color: transparent;
  color: #fff;
}

.file.is-warning .file-cta {
  background-color: #ffe08a;
  border-color: transparent;
  color: rgba(0, 0, 0, 0.7);
}

.file.is-warning:hover .file-cta, .file.is-warning.is-hovered .file-cta {
  background-color: #ffdc7d;
  border-color: transparent;
  color: rgba(0, 0, 0, 0.7);
}

.file.is-warning:focus .file-cta, .file.is-warning.is-focused .file-cta {
  border-color: transparent;
  box-shadow: 0 0 0.5em rgba(255, 224, 138, 0.25);
  color: rgba(0, 0, 0, 0.7);
}

.file.is-warning:active .file-cta, .file.is-warning.is-active .file-cta {
  background-color: #ffd970;
  border-color: transparent;
  color: rgba(0, 0, 0, 0.7);
}

.file.is-danger .file-cta {
  background-color: #f14668;
  border-color: transparent;
  color: #fff;
}

.file.is-danger:hover .file-cta, .file.is-danger.is-hovered .file-cta {
  background-color: #f03a5f;
  border-color: transparent;
  color: #fff;
}

.file.is-danger:focus .file-cta, .file.is-danger.is-focused .file-cta {
  border-color: transparent;
  box-shadow: 0 0 0.5em rgba(241, 70, 104, 0.25);
  color: #fff;
}

.file.is-danger:active .file-cta, .file.is-danger.is-active .file-cta {
  background-color: #ef2e55;
  border-color: transparent;
  color: #fff;
}

.file.is-small {
  font-size: 0.75rem;
}

.file.is-normal {
  font-size: 1rem;
}

.file.is-medium {
  font-size: 1.25rem;
}

.file.is-medium .file-icon .fa {
  font-size: 21px;
}

.file.is-large {
  font-size: 1.5rem;
}

.file.is-large .file-icon .fa {
  font-size: 28px;
}

.file.has-name .file-cta {
  border-bottom-right-radius: 0;
  border-top-right-radius: 0;
}

.file.has-name .file-name {
  border-bottom-left-radius: 0;
  border-top-left-radius: 0;
}

.file.has-name.is-empty .file-cta {
  border-radius: 4px;
}

.file.has-name.is-empty .file-name {
  display: none;
}

.file.is-boxed .file-label {
  flex-direction: column;
}

.file.is-boxed .file-cta {
  flex-direction: column;
  height: auto;
  padding: 1em 3em;
}

.file.is-boxed .file-name {
  border-width: 0 1px 1px;
}

.file.is-boxed .file-icon {
  height: 1.5em;
  width: 1.5em;
}

.file.is-boxed .file-icon .fa {
  font-size: 21px;
}

.file.is-boxed.is-small .file-icon .fa {
  font-size: 14px;
}

.file.is-boxed.is-medium .file-icon .fa {
  font-size: 28px;
}

.file.is-boxed.is-large .file-icon .fa {
  font-size: 35px;
}

.file.is-boxed.has-name .file-cta {
  border-radius: 4px 4px 0 0;
}

.file.is-boxed.has-name .file-name {
  border-radius: 0 0 4px 4px;
  border-width: 0 1px 1px;
}

.file.is-centered {
  justify-content: center;
}

.file.is-fullwidth .file-label {
  width: 100%;
}

.file.is-fullwidth .file-name {
  flex-grow: 1;
  max-width: none;
}

.file.is-right {
  justify-content: flex-end;
}

.file.is-right .file-cta {
  border-radius: 0 4px 4px 0;
}

.file.is-right .file-name {
  border-radius: 4px 0 0 4px;
  border-width: 1px 0 1px 1px;
  order: -1;
}

.file-label {
  align-items: stretch;
  display: flex;
  cursor: pointer;
  justify-content: flex-start;
  overflow: hidden;
  position: relative;
}

.file-label:hover .file-cta {
  background-color: #eeeeee;
  color: #363636;
}

.file-label:hover .file-name {
  border-color: #d5d5d5;
}

.file-label:active .file-cta {
  background-color: #e8e8e8;
  color: #363636;
}

.file-label:active .file-name {
  border-color: #cfcfcf;
}

.file-input {
  height: 100%;
  left: 0;
  opacity: 0;
  outline: none;
  position: absolute;
  top: 0;
  width: 100%;
}

.file-cta,
.file-name {
  border-color: #dbdbdb;
  border-radius: 4px;
  font-size: 1em;
  padding-left: 1em;
  padding-right: 1em;
  white-space: nowrap;
}

.file-cta {
  background-color: whitesmoke;
  color: #4a4a4a;
}

.file-name {
  border-color: #dbdbdb;
  border-style: solid;
  border-width: 1px 1px 1px 0;
  display: block;
  max-width: 16em;
  overflow: hidden;
  text-align: inherit;
  text-overflow: ellipsis;
}

.file-icon {
  align-items: center;
  display: flex;
  height: 1em;
  justify-content: center;
  margin-right: 0.5em;
  width: 1em;
}

.file-icon .fa {
  font-size: 14px;
}

.label {
  color: #363636;
  display: block;
  font-size: 1rem;
  font-weight: 700;
}

.label:not(:last-child) {
  margin-bottom: 0.5em;
}

.label.is-small {
  font-size: 0.75rem;
}

.label.is-medium {
  font-size: 1.25rem;
}

.label.is-large {
  font-size: 1.5rem;
}

.help {
  display: block;
  font-size: 0.75rem;
  margin-top: 0.25rem;
}

.help.is-white {
  color: white;
}

.help.is-black {
  color: #0a0a0a;
}

.help.is-light {
  color: whitesmoke;
}

.help.is-dark {
  color: #363636;
}

.help.is-primary {
  color: #00d1b2;
}

.help.is-link {
  color: #485fc7;
}

.help.is-info {
  color: #3e8ed0;
}

.help.is-success {
  color: #48c78e;
}

.help.is-warning {
  color: #ffe08a;
}

.help.is-danger {
  color: #f14668;
}

.field:not(:last-child) {
  margin-bottom: 0.75rem;
}

.field.has-addons {
  display: flex;
  justify-content: flex-start;
}

.field.has-addons .control:not(:last-child) {
  margin-right: -1px;
}

.field.has-addons .control:not(:first-child):not(:last-child) .button,
.field.has-addons .control:not(:first-child):not(:last-child) .input,
.field.has-addons .control:not(:first-child):not(:last-child) .select select {
  border-radius: 0;
}

.field.has-addons .control:first-child:not(:only-child) .button,
.field.has-addons .control:first-child:not(:only-child) .input,
.field.has-addons .control:first-child:not(:only-child) .select select {
  border-bottom-right-radius: 0;
  border-top-right-radius: 0;
}

.field.has-addons .control:last-child:not(:only-child) .button,
.field.has-addons .control:last-child:not(:only-child) .input,
.field.has-addons .control:last-child:not(:only-child) .select select {
  border-bottom-left-radius: 0;
  border-top-left-radius: 0;
}

.field.has-addons .control .button:not([disabled]):hover, .field.has-addons .control .button:not([disabled]).is-hovered,
.field.has-addons .control .input:not([disabled]):hover,
.field.has-addons .control .input:not([disabled]).is-hovered,
.field.has-addons .control .select select:not([disabled]):hover,
.field.has-addons .control .select select:not([disabled]).is-hovered {
  z-index: 2;
}

.field.has-addons .control .button:not([disabled]):focus, .field.has-addons .control .button:not([disabled]).is-focused, .field.has-addons .control .button:not([disabled]):active, .field.has-addons .control .button:not([disabled]).is-active,
.field.has-addons .control .input:not([disabled]):focus,
.field.has-addons .control .input:not([disabled]).is-focused,
.field.has-addons .control .input:not([disabled]):active,
.field.has-addons .control .input:not([disabled]).is-active,
.field.has-addons .control .select select:not([disabled]):focus,
.field.has-addons .control .select select:not([disabled]).is-focused,
.field.has-addons .control .select select:not([disabled]):active,
.field.has-addons .control .select select:not([disabled]).is-active {
  z-index: 3;
}

.field.has-addons .control .button:not([disabled]):focus:hover, .field.has-addons .control .button:not([disabled]).is-focused:hover, .field.has-addons .control .button:not([disabled]):active:hover, .field.has-addons .control .button:not([disabled]).is-active:hover,
.field.has-addons .control .input:not([disabled]):focus:hover,
.field.has-addons .control .input:not([disabled]).is-focused:hover,
.field.has-addons .control .input:not([disabled]):active:hover,
.field.has-addons .control .input:not([disabled]).is-active:hover,
.field.has-addons .control .select select:not([disabled]):focus:hover,
.field.has-addons .control .select select:not([disabled]).is-focused:hover,
.field.has-addons .control .select select:not([disabled]):active:hover,
.field.has-addons .control .select select:not([disabled]).is-active:hover {
  z-index: 4;
}

.field.has-addons .control.is-expanded {
  flex-grow: 1;
  flex-shrink: 1;
}

.field.has-addons.has-addons-centered {
  justify-content: center;
}

.field.has-addons.has-addons-right {
  justify-content: flex-end;
}

.field.has-addons.has-addons-fullwidth .control {
  flex-grow: 1;
  flex-shrink: 0;
}

.field.is-grouped {
  display: flex;
  justify-content: flex-start;
}

.field.is-grouped > .control {
  flex-shrink: 0;
}

.field.is-grouped > .control:not(:last-child) {
  margin-bottom: 0;
  margin-right: 0.75rem;
}

.field.is-grouped > .control.is-expanded {
  flex-grow: 1;
  flex-shrink: 1;
}

.field.is-grouped.is-grouped-centered {
  justify-content: center;
}

.field.is-grouped.is-grouped-right {
  justify-content: flex-end;
}

.field.is-grouped.is-grouped-multiline {
  flex-wrap: wrap;
}

.field.is-grouped.is-grouped-multiline > .control:last-child, .field.is-grouped.is-grouped-multiline > .control:not(:last-child) {
  margin-bottom: 0.75rem;
}

.field.is-grouped.is-grouped-multiline:last-child {
  margin-bottom: -0.75rem;
}

.field.is-grouped.is-grouped-multiline:not(:last-child) {
  margin-bottom: 0;
}

@media screen and (min-width: 769px), print {
  .field.is-horizontal {
    display: flex;
  }
}

.field-label .label {
  font-size: inherit;
}

@media screen and (max-width: 768px) {
  .field-label {
    margin-bottom: 0.5rem;
  }
}

@media screen and (min-width: 769px), print {
  .field-label {
    flex-basis: 0;
    flex-grow: 1;
    flex-shrink: 0;
    margin-right: 1.5rem;
    text-align: right;
  }
  .field-label.is-small {
    font-size: 0.75rem;
    padding-top: 0.375em;
  }
  .field-label.is-normal {
    padding-top: 0.375em;
  }
  .field-label.is-medium {
    font-size: 1.25rem;
    padding-top: 0.375em;
  }
  .field-label.is-large {
    font-size: 1.5rem;
    padding-top: 0.375em;
  }
}

.field-body .field .field {
  margin-bottom: 0;
}

@media screen and (min-width: 769px), print {
  .field-body {
    display: flex;
    flex-basis: 0;
    flex-grow: 5;
    flex-shrink: 1;
  }
  .field-body .field {
    margin-bottom: 0;
  }
  .field-body > .field {
    flex-shrink: 1;
  }
  .field-body > .field:not(.is-narrow) {
    flex-grow: 1;
  }
  .field-body > .field:not(:last-child) {
    margin-right: 0.75rem;
  }
}

.control {
  box-sizing: border-box;
  clear: both;
  font-size: 1rem;
  position: relative;
  text-align: inherit;
}

.control.has-icons-left .input:focus ~ .icon,
.control.has-icons-left .select:focus ~ .icon, .control.has-icons-right .input:focus ~ .icon,
.control.has-icons-right .select:focus ~ .icon {
  color: #4a4a4a;
}

.control.has-icons-left .input.is-small ~ .icon,
.control.has-icons-left .select.is-small ~ .icon, .control.has-icons-right .input.is-small ~ .icon,
.control.has-icons-right .select.is-small ~ .icon {
  font-size: 0.75rem;
}

.control.has-icons-left .input.is-medium ~ .icon,
.control.has-icons-left .select.is-medium ~ .icon, .control.has-icons-right .input.is-medium ~ .icon,
.control.has-icons-right .select.is-medium ~ .icon {
  font-size: 1.25rem;
}

.control.has-icons-left .input.is-large ~ .icon,
.control.has-icons-left .select.is-large ~ .icon, .control.has-icons-right .input.is-large ~ .icon,
.control.has-icons-right .select.is-large ~ .icon {
  font-size: 1.5rem;
}

.control.has-icons-left .icon, .control.has-icons-right .icon {
  color: #dbdbdb;
  height: 2.5em;
  pointer-events: none;
  position: absolute;
  top: 0;
  width: 2.5em;
  z-index: 4;
}

.control.has-icons-left .input,
.control.has-icons-left .select select {
  padding-left: 2.5em;
}

.control.has-icons-left .icon.is-left {
  left: 0;
}

.control.has-icons-right .input,
.control.has-icons-right .select select {
  padding-right: 2.5em;
}

.control.has-icons-right .icon.is-right {
  right: 0;
}

.control.is-loading::after {
  position: absolute !important;
  right: 0.625em;
  top: 0.625em;
  z-index: 4;
}

.control.is-loading.is-small:after {
  font-size: 0.75rem;
}

.control.is-loading.is-medium:after {
  font-size: 1.25rem;
}

.control.is-loading.is-large:after {
  font-size: 1.5rem;
}

/* Bulma Components */
.breadcrumb {
  font-size: 1rem;
  white-space: nowrap;
}

.breadcrumb a {
  align-items: center;
  color: #485fc7;
  display: flex;
  justify-content: center;
  padding: 0 0.75em;
}

.breadcrumb a:hover {
  color: #363636;
}

.breadcrumb li {
  align-items: center;
  display: flex;
}

.breadcrumb li:first-child a {
  padding-left: 0;
}

.breadcrumb li.is-active a {
  color: #363636;
  cursor: default;
  pointer-events: none;
}

.breadcrumb li + li::before {
  color: #b5b5b5;
  content: "\0002f";
}

.breadcrumb ul,
.breadcrumb ol {
  align-items: flex-start;
  display: flex;
  flex-wrap: wrap;
  justify-content: flex-start;
}

.breadcrumb .icon:first-child {
  margin-right: 0.5em;
}

.breadcrumb .icon:last-child {
  margin-left: 0.5em;
}

.breadcrumb.is-centered ol,
.breadcrumb.is-centered ul {
  justify-content: center;
}

.breadcrumb.is-right ol,
.breadcrumb.is-right ul {
  justify-content: flex-end;
}

.breadcrumb.is-small {
  font-size: 0.75rem;
}

.breadcrumb.is-medium {
  font-size: 1.25rem;
}

.breadcrumb.is-large {
  font-size: 1.5rem;
}

.breadcrumb.has-arrow-separator li + li::before {
  content: "\02192";
}

.breadcrumb.has-bullet-separator li + li::before {
  content: "\02022";
}

.breadcrumb.has-dot-separator li + li::before {
  content: "\000b7";
}

.breadcrumb.has-succeeds-separator li + li::before {
  content: "\0227B";
}

.card {
  background-color: white;
  border-radius: 0.25rem;
  box-shadow: 0 0.5em 1em -0.125em rgba(10, 10, 10, 0.1), 0 0px 0 1px rgba(10, 10, 10, 0.02);
  color: #4a4a4a;
  max-width: 100%;
  position: relative;
}

.card-header:first-child, .card-content:first-child, .card-footer:first-child {
  border-top-left-radius: 0.25rem;
  border-top-right-radius: 0.25rem;
}

.card-header:last-child, .card-content:last-child, .card-footer:last-child {
  border-bottom-left-radius: 0.25rem;
  border-bottom-right-radius: 0.25rem;
}

.card-header {
  background-color: transparent;
  align-items: stretch;
  box-shadow: 0 0.125em 0.25em rgba(10, 10, 10, 0.1);
  display: flex;
}

.card-header-title {
  align-items: center;
  color: #363636;
  display: flex;
  flex-grow: 1;
  font-weight: 700;
  padding: 0.75rem 1rem;
}

.card-header-title.is-centered {
  justify-content: center;
}

.card-header-icon {
  -moz-appearance: none;
  -webkit-appearance: none;
  appearance: none;
  background: none;
  border: none;
  color: currentColor;
  font-family: inherit;
  font-size: 1em;
  margin: 0;
  padding: 0;
  align-items: center;
  cursor: pointer;
  display: flex;
  justify-content: center;
  padding: 0.75rem 1rem;
}

.card-image {
  display: block;
  position: relative;
}

.card-image:first-child img {
  border-top-left-radius: 0.25rem;
  border-top-right-radius: 0.25rem;
}

.card-image:last-child img {
  border-bottom-left-radius: 0.25rem;
  border-bottom-right-radius: 0.25rem;
}

.card-content {
  background-color: transparent;
  padding: 1.5rem;
}

.card-footer {
  background-color: transparent;
  border-top: 1px solid #ededed;
  align-items: stretch;
  display: flex;
}

.card-footer-item {
  align-items: center;
  display: flex;
  flex-basis: 0;
  flex-grow: 1;
  flex-shrink: 0;
  justify-content: center;
  padding: 0.75rem;
}

.card-footer-item:not(:last-child) {
  border-right: 1px solid #ededed;
}

.card .media:not(:last-child) {
  margin-bottom: 1.5rem;
}

.dropdown {
  display: inline-flex;
  position: relative;
  vertical-align: top;
}

.dropdown.is-active .dropdown-menu, .dropdown.is-hoverable:hover .dropdown-menu {
  display: block;
}

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

.dropdown.is-up .dropdown-menu {
  bottom: 100%;
  padding-bottom: 4px;
  padding-top: initial;
  top: auto;
}

.dropdown-menu {
  display: none;
  left: 0;
  min-width: 12rem;
  padding-top: 4px;
  position: absolute;
  top: 100%;
  z-index: 20;
}

.dropdown-content {
  background-color: white;
  border-radius: 4px;
  box-shadow: 0 0.5em 1em -0.125em rgba(10, 10, 10, 0.1), 0 0px 0 1px rgba(10, 10, 10, 0.02);
  padding-bottom: 0.5rem;
  padding-top: 0.5rem;
}

.dropdown-item {
  color: #4a4a4a;
  display: block;
  font-size: 0.875rem;
  line-height: 1.5;
  padding: 0.375rem 1rem;
  position: relative;
}

a.dropdown-item,
button.dropdown-item {
  padding-right: 3rem;
  text-align: inherit;
  white-space: nowrap;
  width: 100%;
}

a.dropdown-item:hover,
button.dropdown-item:hover {
  background-color: whitesmoke;
  color: #0a0a0a;
}

a.dropdown-item.is-active,
button.dropdown-item.is-active {
  background-color: #485fc7;
  color: #fff;
}

.dropdown-divider {
  background-color: #ededed;
  border: none;
  display: block;
  height: 1px;
  margin: 0.5rem 0;
}

.level {
  align-items: center;
  justify-content: space-between;
}

.level code {
  border-radius: 4px;
}

.level img {
  display: inline-block;
  vertical-align: top;
}

.level.is-mobile {
  display: flex;
}

.level.is-mobile .level-left,
.level.is-mobile .level-right {
  display: flex;
}

.level.is-mobile .level-left + .level-right {
  margin-top: 0;
}

.level.is-mobile .level-item:not(:last-child) {
  margin-bottom: 0;
  margin-right: 0.75rem;
}

.level.is-mobile .level-item:not(.is-narrow) {
  flex-grow: 1;
}

@media screen and (min-width: 769px), print {
  .level {
    display: flex;
  }
  .level > .level-item:not(.is-narrow) {
    flex-grow: 1;
  }
}

.level-item {
  align-items: center;
  display: flex;
  flex-basis: auto;
  flex-grow: 0;
  flex-shrink: 0;
  justify-content: center;
}

.level-item .title,
.level-item .subtitle {
  margin-bottom: 0;
}

@media screen and (max-width: 768px) {
  .level-item:not(:last-child) {
    margin-bottom: 0.75rem;
  }
}

.level-left,
.level-right {
  flex-basis: auto;
  flex-grow: 0;
  flex-shrink: 0;
}

.level-left .level-item.is-flexible,
.level-right .level-item.is-flexible {
  flex-grow: 1;
}

@media screen and (min-width: 769px), print {
  .level-left .level-item:not(:last-child),
  .level-right .level-item:not(:last-child) {
    margin-right: 0.75rem;
  }
}

.level-left {
  align-items: center;
  justify-content: flex-start;
}

@media screen and (max-width: 768px) {
  .level-left + .level-right {
    margin-top: 1.5rem;
  }
}

@media screen and (min-width: 769px), print {
  .level-left {
    display: flex;
  }
}

.level-right {
  align-items: center;
  justify-content: flex-end;
}

@media screen and (min-width: 769px), print {
  .level-right {
    display: flex;
  }
}

.media {
  align-items: flex-start;
  display: flex;
  text-align: inherit;
}

.media .content:not(:last-child) {
  margin-bottom: 0.75rem;
}

.media .media {
  border-top: 1px solid rgba(219, 219, 219, 0.5);
  display: flex;
  padding-top: 0.75rem;
}

.media .media .content:not(:last-child),
.media .media .control:not(:last-child) {
  margin-bottom: 0.5rem;
}

.media .media .media {
  padding-top: 0.5rem;
}

.media .media .media + .media {
  margin-top: 0.5rem;
}

.media + .media {
  border-top: 1px solid rgba(219, 219, 219, 0.5);
  margin-top: 1rem;
  padding-top: 1rem;
}

.media.is-large + .media {
  margin-top: 1.5rem;
  padding-top: 1.5rem;
}

.media-left,
.media-right {
  flex-basis: auto;
  flex-grow: 0;
  flex-shrink: 0;
}

.media-left {
  margin-right: 1rem;
}

.media-right {
  margin-left: 1rem;
}

.media-content {
  flex-basis: auto;
  flex-grow: 1;
  flex-shrink: 1;
  text-align: inherit;
}

@media screen and (max-width: 768px) {
  .media-content {
    overflow-x: auto;
  }
}

.menu {
  font-size: 1rem;
}

.menu.is-small {
  font-size: 0.75rem;
}

.menu.is-medium {
  font-size: 1.25rem;
}

.menu.is-large {
  font-size: 1.5rem;
}

.menu-list {
  line-height: 1.25;
}

.menu-list a {
  border-radius: 2px;
  color: #4a4a4a;
  display: block;
  padding: 0.5em 0.75em;
}

.menu-list a:hover {
  background-color: whitesmoke;
  color: #363636;
}

.menu-list a.is-active {
  background-color: #485fc7;
  color: #fff;
}

.menu-list li ul {
  border-left: 1px solid #dbdbdb;
  margin: 0.75em;
  padding-left: 0.75em;
}

.menu-label {
  color: #7a7a7a;
  font-size: 0.75em;
  letter-spacing: 0.1em;
  text-transform: uppercase;
}

.menu-label:not(:first-child) {
  margin-top: 1em;
}

.menu-label:not(:last-child) {
  margin-bottom: 1em;
}

.message {
  background-color: whitesmoke;
  border-radius: 4px;
  font-size: 1rem;
}

.message strong {
  color: currentColor;
}

.message a:not(.button):not(.tag):not(.dropdown-item) {
  color: currentColor;
  text-decoration: underline;
}

.message.is-small {
  font-size: 0.75rem;
}

.message.is-medium {
  font-size: 1.25rem;
}

.message.is-large {
  font-size: 1.5rem;
}

.message.is-white {
  background-color: white;
}

.message.is-white .message-header {
  background-color: white;
  color: #0a0a0a;
}

.message.is-white .message-body {
  border-color: white;
}

.message.is-black {
  background-color: #fafafa;
}

.message.is-black .message-header {
  background-color: #0a0a0a;
  color: white;
}

.message.is-black .message-body {
  border-color: #0a0a0a;
}

.message.is-light {
  background-color: #fafafa;
}

.message.is-light .message-header {
  background-color: whitesmoke;
  color: rgba(0, 0, 0, 0.7);
}

.message.is-light .message-body {
  border-color: whitesmoke;
}

.message.is-dark {
  background-color: #fafafa;
}

.message.is-dark .message-header {
  background-color: #363636;
  color: #fff;
}

.message.is-dark .message-body {
  border-color: #363636;
}

.message.is-primary {
  background-color: #ebfffc;
}

.message.is-primary .message-header {
  background-color: #00d1b2;
  color: #fff;
}

.message.is-primary .message-body {
  border-color: #00d1b2;
  color: #00947e;
}

.message.is-link {
  background-color: #eff1fa;
}

.message.is-link .message-header {
  background-color: #485fc7;
  color: #fff;
}

.message.is-link .message-body {
  border-color: #485fc7;
  color: #3850b7;
}

.message.is-info {
  background-color: #eff5fb;
}

.message.is-info .message-header {
  background-color: #3e8ed0;
  color: #fff;
}

.message.is-info .message-body {
  border-color: #3e8ed0;
  color: #296fa8;
}

.message.is-success {
  background-color: #effaf5;
}

.message.is-success .message-header {
  background-color: #48c78e;
  color: #fff;
}

.message.is-success .message-body {
  border-color: #48c78e;
  color: #257953;
}

.message.is-warning {
  background-color: #fffaeb;
}

.message.is-warning .message-header {
  background-color: #ffe08a;
  color: rgba(0, 0, 0, 0.7);
}

.message.is-warning .message-body {
  border-color: #ffe08a;
  color: #946c00;
}

.message.is-danger {
  background-color: #feecf0;
}

.message.is-danger .message-header {
  background-color: #f14668;
  color: #fff;
}

.message.is-danger .message-body {
  border-color: #f14668;
  color: #cc0f35;
}

.message-header {
  align-items: center;
  background-color: #4a4a4a;
  border-radius: 4px 4px 0 0;
  color: #fff;
  display: flex;
  font-weight: 700;
  justify-content: space-between;
  line-height: 1.25;
  padding: 0.75em 1em;
  position: relative;
}

.message-header .delete {
  flex-grow: 0;
  flex-shrink: 0;
  margin-left: 0.75em;
}

.message-header + .message-body {
  border-width: 0;
  border-top-left-radius: 0;
  border-top-right-radius: 0;
}

.message-body {
  border-color: #dbdbdb;
  border-radius: 4px;
  border-style: solid;
  border-width: 0 0 0 4px;
  color: #4a4a4a;
  padding: 1.25em 1.5em;
}

.message-body code,
.message-body pre {
  background-color: white;
}

.message-body pre code {
  background-color: transparent;
}

.modal {
  align-items: center;
  display: none;
  flex-direction: column;
  justify-content: center;
  overflow: hidden;
  position: fixed;
  z-index: 40;
}

.modal.is-active {
  display: flex;
}

.modal-background {
  background-color: rgba(10, 10, 10, 0.86);
}

.modal-content,
.modal-card {
  margin: 0 20px;
  max-height: calc(100vh - 160px);
  overflow: auto;
  position: relative;
  width: 100%;
}

@media screen and (min-width: 769px) {
  .modal-content,
  .modal-card {
    margin: 0 auto;
    max-height: calc(100vh - 40px);
    width: 640px;
  }
}

.modal-close {
  background: none;
  height: 40px;
  position: fixed;
  right: 20px;
  top: 20px;
  width: 40px;
}

.modal-card {
  display: flex;
  flex-direction: column;
  max-height: calc(100vh - 40px);
  overflow: hidden;
  -ms-overflow-y: visible;
}

.modal-card-head,
.modal-card-foot {
  align-items: center;
  background-color: whitesmoke;
  display: flex;
  flex-shrink: 0;
  justify-content: flex-start;
  padding: 20px;
  position: relative;
}

.modal-card-head {
  border-bottom: 1px solid #dbdbdb;
  border-top-left-radius: 6px;
  border-top-right-radius: 6px;
}

.modal-card-title {
  color: #363636;
  flex-grow: 1;
  flex-shrink: 0;
  font-size: 1.5rem;
  line-height: 1;
}

.modal-card-foot {
  border-bottom-left-radius: 6px;
  border-bottom-right-radius: 6px;
  border-top: 1px solid #dbdbdb;
}

.modal-card-foot .button:not(:last-child) {
  margin-right: 0.5em;
}

.modal-card-body {
  -webkit-overflow-scrolling: touch;
  background-color: white;
  flex-grow: 1;
  flex-shrink: 1;
  overflow: auto;
  padding: 20px;
}

.navbar {
  background-color: white;
  min-height: 3.25rem;
  position: relative;
  z-index: 30;
}

.navbar.is-white {
  background-color: white;
  color: #0a0a0a;
}

.navbar.is-white .navbar-brand > .navbar-item,
.navbar.is-white .navbar-brand .navbar-link {
  color: #0a0a0a;
}

.navbar.is-white .navbar-brand > a.navbar-item:focus, .navbar.is-white .navbar-brand > a.navbar-item:hover, .navbar.is-white .navbar-brand > a.navbar-item.is-active,
.navbar.is-white .navbar-brand .navbar-link:focus,
.navbar.is-white .navbar-brand .navbar-link:hover,
.navbar.is-white .navbar-brand .navbar-link.is-active {
  background-color: #f2f2f2;
  color: #0a0a0a;
}

.navbar.is-white .navbar-brand .navbar-link::after {
  border-color: #0a0a0a;
}

.navbar.is-white .navbar-burger {
  color: #0a0a0a;
}

@media screen and (min-width: 1024px) {
  .navbar.is-white .navbar-start > .navbar-item,
  .navbar.is-white .navbar-start .navbar-link,
  .navbar.is-white .navbar-end > .navbar-item,
  .navbar.is-white .navbar-end .navbar-link {
    color: #0a0a0a;
  }
  .navbar.is-white .navbar-start > a.navbar-item:focus, .navbar.is-white .navbar-start > a.navbar-item:hover, .navbar.is-white .navbar-start > a.navbar-item.is-active,
  .navbar.is-white .navbar-start .navbar-link:focus,
  .navbar.is-white .navbar-start .navbar-link:hover,
  .navbar.is-white .navbar-start .navbar-link.is-active,
  .navbar.is-white .navbar-end > a.navbar-item:focus,
  .navbar.is-white .navbar-end > a.navbar-item:hover,
  .navbar.is-white .navbar-end > a.navbar-item.is-active,
  .navbar.is-white .navbar-end .navbar-link:focus,
  .navbar.is-white .navbar-end .navbar-link:hover,
  .navbar.is-white .navbar-end .navbar-link.is-active {
    background-color: #f2f2f2;
    color: #0a0a0a;
  }
  .navbar.is-white .navbar-start .navbar-link::after,
  .navbar.is-white .navbar-end .navbar-link::after {
    border-color: #0a0a0a;
  }
  .navbar.is-white .navbar-item.has-dropdown:focus .navbar-link,
  .navbar.is-white .navbar-item.has-dropdown:hover .navbar-link,
  .navbar.is-white .navbar-item.has-dropdown.is-active .navbar-link {
    background-color: #f2f2f2;
    color: #0a0a0a;
  }
  .navbar.is-white .navbar-dropdown a.navbar-item.is-active {
    background-color: white;
    color: #0a0a0a;
  }
}

.navbar.is-black {
  background-color: #0a0a0a;
  color: white;
}

.navbar.is-black .navbar-brand > .navbar-item,
.navbar.is-black .navbar-brand .navbar-link {
  color: white;
}

.navbar.is-black .navbar-brand > a.navbar-item:focus, .navbar.is-black .navbar-brand > a.navbar-item:hover, .navbar.is-black .navbar-brand > a.navbar-item.is-active,
.navbar.is-black .navbar-brand .navbar-link:focus,
.navbar.is-black .navbar-brand .navbar-link:hover,
.navbar.is-black .navbar-brand .navbar-link.is-active {
  background-color: black;
  color: white;
}

.navbar.is-black .navbar-brand .navbar-link::after {
  border-color: white;
}

.navbar.is-black .navbar-burger {
  color: white;
}

@media screen and (min-width: 1024px) {
  .navbar.is-black .navbar-start > .navbar-item,
  .navbar.is-black .navbar-start .navbar-link,
  .navbar.is-black .navbar-end > .navbar-item,
  .navbar.is-black .navbar-end .navbar-link {
    color: white;
  }
  .navbar.is-black .navbar-start > a.navbar-item:focus, .navbar.is-black .navbar-start > a.navbar-item:hover, .navbar.is-black .navbar-start > a.navbar-item.is-active,
  .navbar.is-black .navbar-start .navbar-link:focus,
  .navbar.is-black .navbar-start .navbar-link:hover,
  .navbar.is-black .navbar-start .navbar-link.is-active,
  .navbar.is-black .navbar-end > a.navbar-item:focus,
  .navbar.is-black .navbar-end > a.navbar-item:hover,
  .navbar.is-black .navbar-end > a.navbar-item.is-active,
  .navbar.is-black .navbar-end .navbar-link:focus,
  .navbar.is-black .navbar-end .navbar-link:hover,
  .navbar.is-black .navbar-end .navbar-link.is-active {
    background-color: black;
    color: white;
  }
  .navbar.is-black .navbar-start .navbar-link::after,
  .navbar.is-black .navbar-end .navbar-link::after {
    border-color: white;
  }
  .navbar.is-black .navbar-item.has-dropdown:focus .navbar-link,
  .navbar.is-black .navbar-item.has-dropdown:hover .navbar-link,
  .navbar.is-black .navbar-item.has-dropdown.is-active .navbar-link {
    background-color: black;
    color: white;
  }
  .navbar.is-black .navbar-dropdown a.navbar-item.is-active {
    background-color: #0a0a0a;
    color: white;
  }
}

.navbar.is-light {
  background-color: whitesmoke;
  color: rgba(0, 0, 0, 0.7);
}

.navbar.is-light .navbar-brand > .navbar-item,
.navbar.is-light .navbar-brand .navbar-link {
  color: rgba(0, 0, 0, 0.7);
}

.navbar.is-light .navbar-brand > a.navbar-item:focus, .navbar.is-light .navbar-brand > a.navbar-item:hover, .navbar.is-light .navbar-brand > a.navbar-item.is-active,
.navbar.is-light .navbar-brand .navbar-link:focus,
.navbar.is-light .navbar-brand .navbar-link:hover,
.navbar.is-light .navbar-brand .navbar-link.is-active {
  background-color: #e8e8e8;
  color: rgba(0, 0, 0, 0.7);
}

.navbar.is-light .navbar-brand .navbar-link::after {
  border-color: rgba(0, 0, 0, 0.7);
}

.navbar.is-light .navbar-burger {
  color: rgba(0, 0, 0, 0.7);
}

@media screen and (min-width: 1024px) {
  .navbar.is-light .navbar-start > .navbar-item,
  .navbar.is-light .navbar-start .navbar-link,
  .navbar.is-light .navbar-end > .navbar-item,
  .navbar.is-light .navbar-end .navbar-link {
    color: rgba(0, 0, 0, 0.7);
  }
  .navbar.is-light .navbar-start > a.navbar-item:focus, .navbar.is-light .navbar-start > a.navbar-item:hover, .navbar.is-light .navbar-start > a.navbar-item.is-active,
  .navbar.is-light .navbar-start .navbar-link:focus,
  .navbar.is-light .navbar-start .navbar-link:hover,
  .navbar.is-light .navbar-start .navbar-link.is-active,
  .navbar.is-light .navbar-end > a.navbar-item:focus,
  .navbar.is-light .navbar-end > a.navbar-item:hover,
  .navbar.is-light .navbar-end > a.navbar-item.is-active,
  .navbar.is-light .navbar-end .navbar-link:focus,
  .navbar.is-light .navbar-end .navbar-link:hover,
  .navbar.is-light .navbar-end .navbar-link.is-active {
    background-color: #e8e8e8;
    color: rgba(0, 0, 0, 0.7);
  }
  .navbar.is-light .navbar-start .navbar-link::after,
  .navbar.is-light .navbar-end .navbar-link::after {
    border-color: rgba(0, 0, 0, 0.7);
  }
  .navbar.is-light .navbar-item.has-dropdown:focus .navbar-link,
  .navbar.is-light .navbar-item.has-dropdown:hover .navbar-link,
  .navbar.is-light .navbar-item.has-dropdown.is-active .navbar-link {
    background-color: #e8e8e8;
    color: rgba(0, 0, 0, 0.7);
  }
  .navbar.is-light .navbar-dropdown a.navbar-item.is-active {
    background-color: whitesmoke;
    color: rgba(0, 0, 0, 0.7);
  }
}

.navbar.is-dark {
  background-color: #363636;
  color: #fff;
}

.navbar.is-dark .navbar-brand > .navbar-item,
.navbar.is-dark .navbar-brand .navbar-link {
  color: #fff;
}

.navbar.is-dark .navbar-brand > a.navbar-item:focus, .navbar.is-dark .navbar-brand > a.navbar-item:hover, .navbar.is-dark .navbar-brand > a.navbar-item.is-active,
.navbar.is-dark .navbar-brand .navbar-link:focus,
.navbar.is-dark .navbar-brand .navbar-link:hover,
.navbar.is-dark .navbar-brand .navbar-link.is-active {
  background-color: #292929;
  color: #fff;
}

.navbar.is-dark .navbar-brand .navbar-link::after {
  border-color: #fff;
}

.navbar.is-dark .navbar-burger {
  color: #fff;
}

@media screen and (min-width: 1024px) {
  .navbar.is-dark .navbar-start > .navbar-item,
  .navbar.is-dark .navbar-start .navbar-link,
  .navbar.is-dark .navbar-end > .navbar-item,
  .navbar.is-dark .navbar-end .navbar-link {
    color: #fff;
  }
  .navbar.is-dark .navbar-start > a.navbar-item:focus, .navbar.is-dark .navbar-start > a.navbar-item:hover, .navbar.is-dark .navbar-start > a.navbar-item.is-active,
  .navbar.is-dark .navbar-start .navbar-link:focus,
  .navbar.is-dark .navbar-start .navbar-link:hover,
  .navbar.is-dark .navbar-start .navbar-link.is-active,
  .navbar.is-dark .navbar-end > a.navbar-item:focus,
  .navbar.is-dark .navbar-end > a.navbar-item:hover,
  .navbar.is-dark .navbar-end > a.navbar-item.is-active,
  .navbar.is-dark .navbar-end .navbar-link:focus,
  .navbar.is-dark .navbar-end .navbar-link:hover,
  .navbar.is-dark .navbar-end .navbar-link.is-active {
    background-color: #292929;
    color: #fff;
  }
  .navbar.is-dark .navbar-start .navbar-link::after,
  .navbar.is-dark .navbar-end .navbar-link::after {
    border-color: #fff;
  }
  .navbar.is-dark .navbar-item.has-dropdown:focus .navbar-link,
  .navbar.is-dark .navbar-item.has-dropdown:hover .navbar-link,
  .navbar.is-dark .navbar-item.has-dropdown.is-active .navbar-link {
    background-color: #292929;
    color: #fff;
  }
  .navbar.is-dark .navbar-dropdown a.navbar-item.is-active {
    background-color: #363636;
    color: #fff;
  }
}

.navbar.is-primary {
  background-color: #00d1b2;
  color: #fff;
}

.navbar.is-primary .navbar-brand > .navbar-item,
.navbar.is-primary .navbar-brand .navbar-link {
  color: #fff;
}

.navbar.is-primary .navbar-brand > a.navbar-item:focus, .navbar.is-primary .navbar-brand > a.navbar-item:hover, .navbar.is-primary .navbar-brand > a.navbar-item.is-active,
.navbar.is-primary .navbar-brand .navbar-link:focus,
.navbar.is-primary .navbar-brand .navbar-link:hover,
.navbar.is-primary .navbar-brand .navbar-link.is-active {
  background-color: #00b89c;
  color: #fff;
}

.navbar.is-primary .navbar-brand .navbar-link::after {
  border-color: #fff;
}

.navbar.is-primary .navbar-burger {
  color: #fff;
}

@media screen and (min-width: 1024px) {
  .navbar.is-primary .navbar-start > .navbar-item,
  .navbar.is-primary .navbar-start .navbar-link,
  .navbar.is-primary .navbar-end > .navbar-item,
  .navbar.is-primary .navbar-end .navbar-link {
    color: #fff;
  }
  .navbar.is-primary .navbar-start > a.navbar-item:focus, .navbar.is-primary .navbar-start > a.navbar-item:hover, .navbar.is-primary .navbar-start > a.navbar-item.is-active,
  .navbar.is-primary .navbar-start .navbar-link:focus,
  .navbar.is-primary .navbar-start .navbar-link:hover,
  .navbar.is-primary .navbar-start .navbar-link.is-active,
  .navbar.is-primary .navbar-end > a.navbar-item:focus,
  .navbar.is-primary .navbar-end > a.navbar-item:hover,
  .navbar.is-primary .navbar-end > a.navbar-item.is-active,
  .navbar.is-primary .navbar-end .navbar-link:focus,
  .navbar.is-primary .navbar-end .navbar-link:hover,
  .navbar.is-primary .navbar-end .navbar-link.is-active {
    background-color: #00b89c;
    color: #fff;
  }
  .navbar.is-primary .navbar-start .navbar-link::after,
  .navbar.is-primary .navbar-end .navbar-link::after {
    border-color: #fff;
  }
  .navbar.is-primary .navbar-item.has-dropdown:focus .navbar-link,
  .navbar.is-primary .navbar-item.has-dropdown:hover .navbar-link,
  .navbar.is-primary .navbar-item.has-dropdown.is-active .navbar-link {
    background-color: #00b89c;
    color: #fff;
  }
  .navbar.is-primary .navbar-dropdown a.navbar-item.is-active {
    background-color: #00d1b2;
    color: #fff;
  }
}

.navbar.is-link {
  background-color: #485fc7;
  color: #fff;
}

.navbar.is-link .navbar-brand > .navbar-item,
.navbar.is-link .navbar-brand .navbar-link {
  color: #fff;
}

.navbar.is-link .navbar-brand > a.navbar-item:focus, .navbar.is-link .navbar-brand > a.navbar-item:hover, .navbar.is-link .navbar-brand > a.navbar-item.is-active,
.navbar.is-link .navbar-brand .navbar-link:focus,
.navbar.is-link .navbar-brand .navbar-link:hover,
.navbar.is-link .navbar-brand .navbar-link.is-active {
  background-color: #3a51bb;
  color: #fff;
}

.navbar.is-link .navbar-brand .navbar-link::after {
  border-color: #fff;
}

.navbar.is-link .navbar-burger {
  color: #fff;
}

@media screen and (min-width: 1024px) {
  .navbar.is-link .navbar-start > .navbar-item,
  .navbar.is-link .navbar-start .navbar-link,
  .navbar.is-link .navbar-end > .navbar-item,
  .navbar.is-link .navbar-end .navbar-link {
    color: #fff;
  }
  .navbar.is-link .navbar-start > a.navbar-item:focus, .navbar.is-link .navbar-start > a.navbar-item:hover, .navbar.is-link .navbar-start > a.navbar-item.is-active,
  .navbar.is-link .navbar-start .navbar-link:focus,
  .navbar.is-link .navbar-start .navbar-link:hover,
  .navbar.is-link .navbar-start .navbar-link.is-active,
  .navbar.is-link .navbar-end > a.navbar-item:focus,
  .navbar.is-link .navbar-end > a.navbar-item:hover,
  .navbar.is-link .navbar-end > a.navbar-item.is-active,
  .navbar.is-link .navbar-end .navbar-link:focus,
  .navbar.is-link .navbar-end .navbar-link:hover,
  .navbar.is-link .navbar-end .navbar-link.is-active {
    background-color: #3a51bb;
    color: #fff;
  }
  .navbar.is-link .navbar-start .navbar-link::after,
  .navbar.is-link .navbar-end .navbar-link::after {
    border-color: #fff;
  }
  .navbar.is-link .navbar-item.has-dropdown:focus .navbar-link,
  .navbar.is-link .navbar-item.has-dropdown:hover .navbar-link,
  .navbar.is-link .navbar-item.has-dropdown.is-active .navbar-link {
    background-color: #3a51bb;
    color: #fff;
  }
  .navbar.is-link .navbar-dropdown a.navbar-item.is-active {
    background-color: #485fc7;
    color: #fff;
  }
}

.navbar.is-info {
  background-color: #3e8ed0;
  color: #fff;
}

.navbar.is-info .navbar-brand > .navbar-item,
.navbar.is-info .navbar-brand .navbar-link {
  color: #fff;
}

.navbar.is-info .navbar-brand > a.navbar-item:focus, .navbar.is-info .navbar-brand > a.navbar-item:hover, .navbar.is-info .navbar-brand > a.navbar-item.is-active,
.navbar.is-info .navbar-brand .navbar-link:focus,
.navbar.is-info .navbar-brand .navbar-link:hover,
.navbar.is-info .navbar-brand .navbar-link.is-active {
  background-color: #3082c5;
  color: #fff;
}

.navbar.is-info .navbar-brand .navbar-link::after {
  border-color: #fff;
}

.navbar.is-info .navbar-burger {
  color: #fff;
}

@media screen and (min-width: 1024px) {
  .navbar.is-info .navbar-start > .navbar-item,
  .navbar.is-info .navbar-start .navbar-link,
  .navbar.is-info .navbar-end > .navbar-item,
  .navbar.is-info .navbar-end .navbar-link {
    color: #fff;
  }
  .navbar.is-info .navbar-start > a.navbar-item:focus, .navbar.is-info .navbar-start > a.navbar-item:hover, .navbar.is-info .navbar-start > a.navbar-item.is-active,
  .navbar.is-info .navbar-start .navbar-link:focus,
  .navbar.is-info .navbar-start .navbar-link:hover,
  .navbar.is-info .navbar-start .navbar-link.is-active,
  .navbar.is-info .navbar-end > a.navbar-item:focus,
  .navbar.is-info .navbar-end > a.navbar-item:hover,
  .navbar.is-info .navbar-end > a.navbar-item.is-active,
  .navbar.is-info .navbar-end .navbar-link:focus,
  .navbar.is-info .navbar-end .navbar-link:hover,
  .navbar.is-info .navbar-end .navbar-link.is-active {
    background-color: #3082c5;
    color: #fff;
  }
  .navbar.is-info .navbar-start .navbar-link::after,
  .navbar.is-info .navbar-end .navbar-link::after {
    border-color: #fff;
  }
  .navbar.is-info .navbar-item.has-dropdown:focus .navbar-link,
  .navbar.is-info .navbar-item.has-dropdown:hover .navbar-link,
  .navbar.is-info .navbar-item.has-dropdown.is-active .navbar-link {
    background-color: #3082c5;
    color: #fff;
  }
  .navbar.is-info .navbar-dropdown a.navbar-item.is-active {
    background-color: #3e8ed0;
    color: #fff;
  }
}

.navbar.is-success {
  background-color: #48c78e;
  color: #fff;
}

.navbar.is-success .navbar-brand > .navbar-item,
.navbar.is-success .navbar-brand .navbar-link {
  color: #fff;
}

.navbar.is-success .navbar-brand > a.navbar-item:focus, .navbar.is-success .navbar-brand > a.navbar-item:hover, .navbar.is-success .navbar-brand > a.navbar-item.is-active,
.navbar.is-success .navbar-brand .navbar-link:focus,
.navbar.is-success .navbar-brand .navbar-link:hover,
.navbar.is-success .navbar-brand .navbar-link.is-active {
  background-color: #3abb81;
  color: #fff;
}

.navbar.is-success .navbar-brand .navbar-link::after {
  border-color: #fff;
}

.navbar.is-success .navbar-burger {
  color: #fff;
}

@media screen and (min-width: 1024px) {
  .navbar.is-success .navbar-start > .navbar-item,
  .navbar.is-success .navbar-start .navbar-link,
  .navbar.is-success .navbar-end > .navbar-item,
  .navbar.is-success .navbar-end .navbar-link {
    color: #fff;
  }
  .navbar.is-success .navbar-start > a.navbar-item:focus, .navbar.is-success .navbar-start > a.navbar-item:hover, .navbar.is-success .navbar-start > a.navbar-item.is-active,
  .navbar.is-success .navbar-start .navbar-link:focus,
  .navbar.is-success .navbar-start .navbar-link:hover,
  .navbar.is-success .navbar-start .navbar-link.is-active,
  .navbar.is-success .navbar-end > a.navbar-item:focus,
  .navbar.is-success .navbar-end > a.navbar-item:hover,
  .navbar.is-success .navbar-end > a.navbar-item.is-active,
  .navbar.is-success .navbar-end .navbar-link:focus,
  .navbar.is-success .navbar-end .navbar-link:hover,
  .navbar.is-success .navbar-end .navbar-link.is-active {
    background-color: #3abb81;
    color: #fff;
  }
  .navbar.is-success .navbar-start .navbar-link::after,
  .navbar.is-success .navbar-end .navbar-link::after {
    border-color: #fff;
  }
  .navbar.is-success .navbar-item.has-dropdown:focus .navbar-link,
  .navbar.is-success .navbar-item.has-dropdown:hover .navbar-link,
  .navbar.is-success .navbar-item.has-dropdown.is-active .navbar-link {
    background-color: #3abb81;
    color: #fff;
  }
  .navbar.is-success .navbar-dropdown a.navbar-item.is-active {
    background-color: #48c78e;
    color: #fff;
  }
}

.navbar.is-warning {
  background-color: #ffe08a;
  color: rgba(0, 0, 0, 0.7);
}

.navbar.is-warning .navbar-brand > .navbar-item,
.navbar.is-warning .navbar-brand .navbar-link {
  color: rgba(0, 0, 0, 0.7);
}

.navbar.is-warning .navbar-brand > a.navbar-item:focus, .navbar.is-warning .navbar-brand > a.navbar-item:hover, .navbar.is-warning .navbar-brand > a.navbar-item.is-active,
.navbar.is-warning .navbar-brand .navbar-link:focus,
.navbar.is-warning .navbar-brand .navbar-link:hover,
.navbar.is-warning .navbar-brand .navbar-link.is-active {
  background-color: #ffd970;
  color: rgba(0, 0, 0, 0.7);
}

.navbar.is-warning .navbar-brand .navbar-link::after {
  border-color: rgba(0, 0, 0, 0.7);
}

.navbar.is-warning .navbar-burger {
  color: rgba(0, 0, 0, 0.7);
}

@media screen and (min-width: 1024px) {
  .navbar.is-warning .navbar-start > .navbar-item,
  .navbar.is-warning .navbar-start .navbar-link,
  .navbar.is-warning .navbar-end > .navbar-item,
  .navbar.is-warning .navbar-end .navbar-link {
    color: rgba(0, 0, 0, 0.7);
  }
  .navbar.is-warning .navbar-start > a.navbar-item:focus, .navbar.is-warning .navbar-start > a.navbar-item:hover, .navbar.is-warning .navbar-start > a.navbar-item.is-active,
  .navbar.is-warning .navbar-start .navbar-link:focus,
  .navbar.is-warning .navbar-start .navbar-link:hover,
  .navbar.is-warning .navbar-start .navbar-link.is-active,
  .navbar.is-warning .navbar-end > a.navbar-item:focus,
  .navbar.is-warning .navbar-end > a.navbar-item:hover,
  .navbar.is-warning .navbar-end > a.navbar-item.is-active,
  .navbar.is-warning .navbar-end .navbar-link:focus,
  .navbar.is-warning .navbar-end .navbar-link:hover,
  .navbar.is-warning .navbar-end .navbar-link.is-active {
    background-color: #ffd970;
    color: rgba(0, 0, 0, 0.7);
  }
  .navbar.is-warning .navbar-start .navbar-link::after,
  .navbar.is-warning .navbar-end .navbar-link::after {
    border-color: rgba(0, 0, 0, 0.7);
  }
  .navbar.is-warning .navbar-item.has-dropdown:focus .navbar-link,
  .navbar.is-warning .navbar-item.has-dropdown:hover .navbar-link,
  .navbar.is-warning .navbar-item.has-dropdown.is-active .navbar-link {
    background-color: #ffd970;
    color: rgba(0, 0, 0, 0.7);
  }
  .navbar.is-warning .navbar-dropdown a.navbar-item.is-active {
    background-color: #ffe08a;
    color: rgba(0, 0, 0, 0.7);
  }
}

.navbar.is-danger {
  background-color: #f14668;
  color: #fff;
}

.navbar.is-danger .navbar-brand > .navbar-item,
.navbar.is-danger .navbar-brand .navbar-link {
  color: #fff;
}

.navbar.is-danger .navbar-brand > a.navbar-item:focus, .navbar.is-danger .navbar-brand > a.navbar-item:hover, .navbar.is-danger .navbar-brand > a.navbar-item.is-active,
.navbar.is-danger .navbar-brand .navbar-link:focus,
.navbar.is-danger .navbar-brand .navbar-link:hover,
.navbar.is-danger .navbar-brand .navbar-link.is-active {
  background-color: #ef2e55;
  color: #fff;
}

.navbar.is-danger .navbar-brand .navbar-link::after {
  border-color: #fff;
}

.navbar.is-danger .navbar-burger {
  color: #fff;
}

@media screen and (min-width: 1024px) {
  .navbar.is-danger .navbar-start > .navbar-item,
  .navbar.is-danger .navbar-start .navbar-link,
  .navbar.is-danger .navbar-end > .navbar-item,
  .navbar.is-danger .navbar-end .navbar-link {
    color: #fff;
  }
  .navbar.is-danger .navbar-start > a.navbar-item:focus, .navbar.is-danger .navbar-start > a.navbar-item:hover, .navbar.is-danger .navbar-start > a.navbar-item.is-active,
  .navbar.is-danger .navbar-start .navbar-link:focus,
  .navbar.is-danger .navbar-start .navbar-link:hover,
  .navbar.is-danger .navbar-start .navbar-link.is-active,
  .navbar.is-danger .navbar-end > a.navbar-item:focus,
  .navbar.is-danger .navbar-end > a.navbar-item:hover,
  .navbar.is-danger .navbar-end > a.navbar-item.is-active,
  .navbar.is-danger .navbar-end .navbar-link:focus,
  .navbar.is-danger .navbar-end .navbar-link:hover,
  .navbar.is-danger .navbar-end .navbar-link.is-active {
    background-color: #ef2e55;
    color: #fff;
  }
  .navbar.is-danger .navbar-start .navbar-link::after,
  .navbar.is-danger .navbar-end .navbar-link::after {
    border-color: #fff;
  }
  .navbar.is-danger .navbar-item.has-dropdown:focus .navbar-link,
  .navbar.is-danger .navbar-item.has-dropdown:hover .navbar-link,
  .navbar.is-danger .navbar-item.has-dropdown.is-active .navbar-link {
    background-color: #ef2e55;
    color: #fff;
  }
  .navbar.is-danger .navbar-dropdown a.navbar-item.is-active {
    background-color: #f14668;
    color: #fff;
  }
}

.navbar > .container {
  align-items: stretch;
  display: flex;
  min-height: 3.25rem;
  width: 100%;
}

.navbar.has-shadow {
  box-shadow: 0 2px 0 0 whitesmoke;
}

.navbar.is-fixed-bottom, .navbar.is-fixed-top {
  left: 0;
  position: fixed;
  right: 0;
  z-index: 30;
}

.navbar.is-fixed-bottom {
  bottom: 0;
}

.navbar.is-fixed-bottom.has-shadow {
  box-shadow: 0 -2px 0 0 whitesmoke;
}

.navbar.is-fixed-top {
  top: 0;
}

html.has-navbar-fixed-top,
body.has-navbar-fixed-top {
  padding-top: 3.25rem;
}

html.has-navbar-fixed-bottom,
body.has-navbar-fixed-bottom {
  padding-bottom: 3.25rem;
}

.navbar-brand,
.navbar-tabs {
  align-items: stretch;
  display: flex;
  flex-shrink: 0;
  min-height: 3.25rem;
}

.navbar-brand a.navbar-item:focus, .navbar-brand a.navbar-item:hover {
  background-color: transparent;
}

.navbar-tabs {
  -webkit-overflow-scrolling: touch;
  max-width: 100vw;
  overflow-x: auto;
  overflow-y: hidden;
}

.navbar-burger {
  color: #4a4a4a;
  -moz-appearance: none;
  -webkit-appearance: none;
  appearance: none;
  background: none;
  border: none;
  cursor: pointer;
  display: block;
  height: 3.25rem;
  position: relative;
  width: 3.25rem;
  margin-left: auto;
}

.navbar-burger span {
  background-color: currentColor;
  display: block;
  height: 1px;
  left: calc(50% - 8px);
  position: absolute;
  transform-origin: center;
  transition-duration: 86ms;
  transition-property: background-color, opacity, transform;
  transition-timing-function: ease-out;
  width: 16px;
}

.navbar-burger span:nth-child(1) {
  top: calc(50% - 6px);
}

.navbar-burger span:nth-child(2) {
  top: calc(50% - 1px);
}

.navbar-burger span:nth-child(3) {
  top: calc(50% + 4px);
}

.navbar-burger:hover {
  background-color: rgba(0, 0, 0, 0.05);
}

.navbar-burger.is-active span:nth-child(1) {
  transform: translateY(5px) rotate(45deg);
}

.navbar-burger.is-active span:nth-child(2) {
  opacity: 0;
}

.navbar-burger.is-active span:nth-child(3) {
  transform: translateY(-5px) rotate(-45deg);
}

.navbar-menu {
  display: none;
}

.navbar-item,
.navbar-link {
  color: #4a4a4a;
  display: block;
  line-height: 1.5;
  padding: 0.5rem 0.75rem;
  position: relative;
}

.navbar-item .icon:only-child,
.navbar-link .icon:only-child {
  margin-left: -0.25rem;
  margin-right: -0.25rem;
}

a.navbar-item,
.navbar-link {
  cursor: pointer;
}

a.navbar-item:focus, a.navbar-item:focus-within, a.navbar-item:hover, a.navbar-item.is-active,
.navbar-link:focus,
.navbar-link:focus-within,
.navbar-link:hover,
.navbar-link.is-active {
  background-color: #fafafa;
  color: #485fc7;
}

.navbar-item {
  flex-grow: 0;
  flex-shrink: 0;
}

.navbar-item img {
  max-height: 1.75rem;
}

.navbar-item.has-dropdown {
  padding: 0;
}

.navbar-item.is-expanded {
  flex-grow: 1;
  flex-shrink: 1;
}

.navbar-item.is-tab {
  border-bottom: 1px solid transparent;
  min-height: 3.25rem;
  padding-bottom: calc(0.5rem - 1px);
}

.navbar-item.is-tab:focus, .navbar-item.is-tab:hover {
  background-color: transparent;
  border-bottom-color: #485fc7;
}

.navbar-item.is-tab.is-active {
  background-color: transparent;
  border-bottom-color: #485fc7;
  border-bottom-style: solid;
  border-bottom-width: 3px;
  color: #485fc7;
  padding-bottom: calc(0.5rem - 3px);
}

.navbar-content {
  flex-grow: 1;
  flex-shrink: 1;
}

.navbar-link:not(.is-arrowless) {
  padding-right: 2.5em;
}

.navbar-link:not(.is-arrowless)::after {
  border-color: #485fc7;
  margin-top: -0.375em;
  right: 1.125em;
}

.navbar-dropdown {
  font-size: 0.875rem;
  padding-bottom: 0.5rem;
  padding-top: 0.5rem;
}

.navbar-dropdown .navbar-item {
  padding-left: 1.5rem;
  padding-right: 1.5rem;
}

.navbar-divider {
  background-color: whitesmoke;
  border: none;
  display: none;
  height: 2px;
  margin: 0.5rem 0;
}

@media screen and (max-width: 1023px) {
  .navbar > .container {
    display: block;
  }
  .navbar-brand .navbar-item,
  .navbar-tabs .navbar-item {
    align-items: center;
    display: flex;
  }
  .navbar-link::after {
    display: none;
  }
  .navbar-menu {
    background-color: white;
    box-shadow: 0 8px 16px rgba(10, 10, 10, 0.1);
    padding: 0.5rem 0;
  }
  .navbar-menu.is-active {
    display: block;
  }
  .navbar.is-fixed-bottom-touch, .navbar.is-fixed-top-touch {
    left: 0;
    position: fixed;
    right: 0;
    z-index: 30;
  }
  .navbar.is-fixed-bottom-touch {
    bottom: 0;
  }
  .navbar.is-fixed-bottom-touch.has-shadow {
    box-shadow: 0 -2px 3px rgba(10, 10, 10, 0.1);
  }
  .navbar.is-fixed-top-touch {
    top: 0;
  }
  .navbar.is-fixed-top .navbar-menu, .navbar.is-fixed-top-touch .navbar-menu {
    -webkit-overflow-scrolling: touch;
    max-height: calc(100vh - 3.25rem);
    overflow: auto;
  }
  html.has-navbar-fixed-top-touch,
  body.has-navbar-fixed-top-touch {
    padding-top: 3.25rem;
  }
  html.has-navbar-fixed-bottom-touch,
  body.has-navbar-fixed-bottom-touch {
    padding-bottom: 3.25rem;
  }
}

@media screen and (min-width: 1024px) {
  .navbar,
  .navbar-menu,
  .navbar-start,
  .navbar-end {
    align-items: stretch;
    display: flex;
  }
  .navbar {
    min-height: 3.25rem;
  }
  .navbar.is-spaced {
    padding: 1rem 2rem;
  }
  .navbar.is-spaced .navbar-start,
  .navbar.is-spaced .navbar-end {
    align-items: center;
  }
  .navbar.is-spaced a.navbar-item,
  .navbar.is-spaced .navbar-link {
    border-radius: 4px;
  }
  .navbar.is-transparent a.navbar-item:focus, .navbar.is-transparent a.navbar-item:hover, .navbar.is-transparent a.navbar-item.is-active,
  .navbar.is-transparent .navbar-link:focus,
  .navbar.is-transparent .navbar-link:hover,
  .navbar.is-transparent .navbar-link.is-active {
    background-color: transparent !important;
  }
  .navbar.is-transparent .navbar-item.has-dropdown.is-active .navbar-link, .navbar.is-transparent .navbar-item.has-dropdown.is-hoverable:focus .navbar-link, .navbar.is-transparent .navbar-item.has-dropdown.is-hoverable:focus-within .navbar-link, .navbar.is-transparent .navbar-item.has-dropdown.is-hoverable:hover .navbar-link {
    background-color: transparent !important;
  }
  .navbar.is-transparent .navbar-dropdown a.navbar-item:focus, .navbar.is-transparent .navbar-dropdown a.navbar-item:hover {
    background-color: whitesmoke;
    color: #0a0a0a;
  }
  .navbar.is-transparent .navbar-dropdown a.navbar-item.is-active {
    background-color: whitesmoke;
    color: #485fc7;
  }
  .navbar-burger {
    display: none;
  }
  .navbar-item,
  .navbar-link {
    align-items: center;
    display: flex;
  }
  .navbar-item.has-dropdown {
    align-items: stretch;
  }
  .navbar-item.has-dropdown-up .navbar-link::after {
    transform: rotate(135deg) translate(0.25em, -0.25em);
  }
  .navbar-item.has-dropdown-up .navbar-dropdown {
    border-bottom: 2px solid #dbdbdb;
    border-radius: 6px 6px 0 0;
    border-top: none;
    bottom: 100%;
    box-shadow: 0 -8px 8px rgba(10, 10, 10, 0.1);
    top: auto;
  }
  .navbar-item.is-active .navbar-dropdown, .navbar-item.is-hoverable:focus .navbar-dropdown, .navbar-item.is-hoverable:focus-within .navbar-dropdown, .navbar-item.is-hoverable:hover .navbar-dropdown {
    display: block;
  }
  .navbar.is-spaced .navbar-item.is-active .navbar-dropdown, .navbar-item.is-active .navbar-dropdown.is-boxed, .navbar.is-spaced .navbar-item.is-hoverable:focus .navbar-dropdown, .navbar-item.is-hoverable:focus .navbar-dropdown.is-boxed, .navbar.is-spaced .navbar-item.is-hoverable:focus-within .navbar-dropdown, .navbar-item.is-hoverable:focus-within .navbar-dropdown.is-boxed, .navbar.is-spaced .navbar-item.is-hoverable:hover .navbar-dropdown, .navbar-item.is-hoverable:hover .navbar-dropdown.is-boxed {
    opacity: 1;
    pointer-events: auto;
    transform: translateY(0);
  }
  .navbar-menu {
    flex-grow: 1;
    flex-shrink: 0;
  }
  .navbar-start {
    justify-content: flex-start;
    margin-right: auto;
  }
  .navbar-end {
    justify-content: flex-end;
    margin-left: auto;
  }
  .navbar-dropdown {
    background-color: white;
    border-bottom-left-radius: 6px;
    border-bottom-right-radius: 6px;
    border-top: 2px solid #dbdbdb;
    box-shadow: 0 8px 8px rgba(10, 10, 10, 0.1);
    display: none;
    font-size: 0.875rem;
    left: 0;
    min-width: 100%;
    position: absolute;
    top: 100%;
    z-index: 20;
  }
  .navbar-dropdown .navbar-item {
    padding: 0.375rem 1rem;
    white-space: nowrap;
  }
  .navbar-dropdown a.navbar-item {
    padding-right: 3rem;
  }
  .navbar-dropdown a.navbar-item:focus, .navbar-dropdown a.navbar-item:hover {
    background-color: whitesmoke;
    color: #0a0a0a;
  }
  .navbar-dropdown a.navbar-item.is-active {
    background-color: whitesmoke;
    color: #485fc7;
  }
  .navbar.is-spaced .navbar-dropdown, .navbar-dropdown.is-boxed {
    border-radius: 6px;
    border-top: none;
    box-shadow: 0 8px 8px rgba(10, 10, 10, 0.1), 0 0 0 1px rgba(10, 10, 10, 0.1);
    display: block;
    opacity: 0;
    pointer-events: none;
    top: calc(100% + (-4px));
    transform: translateY(-5px);
    transition-duration: 86ms;
    transition-property: opacity, transform;
  }
  .navbar-dropdown.is-right {
    left: auto;
    right: 0;
  }
  .navbar-divider {
    display: block;
  }
  .navbar > .container .navbar-brand,
  .container > .navbar .navbar-brand {
    margin-left: -0.75rem;
  }
  .navbar > .container .navbar-menu,
  .container > .navbar .navbar-menu {
    margin-right: -0.75rem;
  }
  .navbar.is-fixed-bottom-desktop, .navbar.is-fixed-top-desktop {
    left: 0;
    position: fixed;
    right: 0;
    z-index: 30;
  }
  .navbar.is-fixed-bottom-desktop {
    bottom: 0;
  }
  .navbar.is-fixed-bottom-desktop.has-shadow {
    box-shadow: 0 -2px 3px rgba(10, 10, 10, 0.1);
  }
  .navbar.is-fixed-top-desktop {
    top: 0;
  }
  html.has-navbar-fixed-top-desktop,
  body.has-navbar-fixed-top-desktop {
    padding-top: 3.25rem;
  }
  html.has-navbar-fixed-bottom-desktop,
  body.has-navbar-fixed-bottom-desktop {
    padding-bottom: 3.25rem;
  }
  html.has-spaced-navbar-fixed-top,
  body.has-spaced-navbar-fixed-top {
    padding-top: 5.25rem;
  }
  html.has-spaced-navbar-fixed-bottom,
  body.has-spaced-navbar-fixed-bottom {
    padding-bottom: 5.25rem;
  }
  a.navbar-item.is-active,
  .navbar-link.is-active {
    color: #0a0a0a;
  }
  a.navbar-item.is-active:not(:focus):not(:hover),
  .navbar-link.is-active:not(:focus):not(:hover) {
    background-color: transparent;
  }
  .navbar-item.has-dropdown:focus .navbar-link, .navbar-item.has-dropdown:hover .navbar-link, .navbar-item.has-dropdown.is-active .navbar-link {
    background-color: #fafafa;
  }
}

.hero.is-fullheight-with-navbar {
  min-height: calc(100vh - 3.25rem);
}

.pagination {
  font-size: 1rem;
  margin: -0.25rem;
}

.pagination.is-small {
  font-size: 0.75rem;
}

.pagination.is-medium {
  font-size: 1.25rem;
}

.pagination.is-large {
  font-size: 1.5rem;
}

.pagination.is-rounded .pagination-previous,
.pagination.is-rounded .pagination-next {
  padding-left: 1em;
  padding-right: 1em;
  border-radius: 9999px;
}

.pagination.is-rounded .pagination-link {
  border-radius: 9999px;
}

.pagination,
.pagination-list {
  align-items: center;
  display: flex;
  justify-content: center;
  text-align: center;
}

.pagination-previous,
.pagination-next,
.pagination-link,
.pagination-ellipsis {
  font-size: 1em;
  justify-content: center;
  margin: 0.25rem;
  padding-left: 0.5em;
  padding-right: 0.5em;
  text-align: center;
}

.pagination-previous,
.pagination-next,
.pagination-link {
  border-color: #dbdbdb;
  color: #363636;
  min-width: 2.5em;
}

.pagination-previous:hover,
.pagination-next:hover,
.pagination-link:hover {
  border-color: #b5b5b5;
  color: #363636;
}

.pagination-previous:focus,
.pagination-next:focus,
.pagination-link:focus {
  border-color: #485fc7;
}

.pagination-previous:active,
.pagination-next:active,
.pagination-link:active {
  box-shadow: inset 0 1px 2px rgba(10, 10, 10, 0.2);
}

.pagination-previous[disabled], .pagination-previous.is-disabled,
.pagination-next[disabled],
.pagination-next.is-disabled,
.pagination-link[disabled],
.pagination-link.is-disabled {
  background-color: #dbdbdb;
  border-color: #dbdbdb;
  box-shadow: none;
  color: #7a7a7a;
  opacity: 0.5;
}

.pagination-previous,
.pagination-next {
  padding-left: 0.75em;
  padding-right: 0.75em;
  white-space: nowrap;
}

.pagination-link.is-current {
  background-color: #485fc7;
  border-color: #485fc7;
  color: #fff;
}

.pagination-ellipsis {
  color: #b5b5b5;
  pointer-events: none;
}

.pagination-list {
  flex-wrap: wrap;
}

.pagination-list li {
  list-style: none;
}

@media screen and (max-width: 768px) {
  .pagination {
    flex-wrap: wrap;
  }
  .pagination-previous,
  .pagination-next {
    flex-grow: 1;
    flex-shrink: 1;
  }
  .pagination-list li {
    flex-grow: 1;
    flex-shrink: 1;
  }
}

@media screen and (min-width: 769px), print {
  .pagination-list {
    flex-grow: 1;
    flex-shrink: 1;
    justify-content: flex-start;
    order: 1;
  }
  .pagination-previous,
  .pagination-next,
  .pagination-link,
  .pagination-ellipsis {
    margin-bottom: 0;
    margin-top: 0;
  }
  .pagination-previous {
    order: 2;
  }
  .pagination-next {
    order: 3;
  }
  .pagination {
    justify-content: space-between;
    margin-bottom: 0;
    margin-top: 0;
  }
  .pagination.is-centered .pagination-previous {
    order: 1;
  }
  .pagination.is-centered .pagination-list {
    justify-content: center;
    order: 2;
  }
  .pagination.is-centered .pagination-next {
    order: 3;
  }
  .pagination.is-right .pagination-previous {
    order: 1;
  }
  .pagination.is-right .pagination-next {
    order: 2;
  }
  .pagination.is-right .pagination-list {
    justify-content: flex-end;
    order: 3;
  }
}

.panel {
  border-radius: 6px;
  box-shadow: 0 0.5em 1em -0.125em rgba(10, 10, 10, 0.1), 0 0px 0 1px rgba(10, 10, 10, 0.02);
  font-size: 1rem;
}

.panel:not(:last-child) {
  margin-bottom: 1.5rem;
}

.panel.is-white .panel-heading {
  background-color: white;
  color: #0a0a0a;
}

.panel.is-white .panel-tabs a.is-active {
  border-bottom-color: white;
}

.panel.is-white .panel-block.is-active .panel-icon {
  color: white;
}

.panel.is-black .panel-heading {
  background-color: #0a0a0a;
  color: white;
}

.panel.is-black .panel-tabs a.is-active {
  border-bottom-color: #0a0a0a;
}

.panel.is-black .panel-block.is-active .panel-icon {
  color: #0a0a0a;
}

.panel.is-light .panel-heading {
  background-color: whitesmoke;
  color: rgba(0, 0, 0, 0.7);
}

.panel.is-light .panel-tabs a.is-active {
  border-bottom-color: whitesmoke;
}

.panel.is-light .panel-block.is-active .panel-icon {
  color: whitesmoke;
}

.panel.is-dark .panel-heading {
  background-color: #363636;
  color: #fff;
}

.panel.is-dark .panel-tabs a.is-active {
  border-bottom-color: #363636;
}

.panel.is-dark .panel-block.is-active .panel-icon {
  color: #363636;
}

.panel.is-primary .panel-heading {
  background-color: #00d1b2;
  color: #fff;
}

.panel.is-primary .panel-tabs a.is-active {
  border-bottom-color: #00d1b2;
}

.panel.is-primary .panel-block.is-active .panel-icon {
  color: #00d1b2;
}

.panel.is-link .panel-heading {
  background-color: #485fc7;
  color: #fff;
}

.panel.is-link .panel-tabs a.is-active {
  border-bottom-color: #485fc7;
}

.panel.is-link .panel-block.is-active .panel-icon {
  color: #485fc7;
}

.panel.is-info .panel-heading {
  background-color: #3e8ed0;
  color: #fff;
}

.panel.is-info .panel-tabs a.is-active {
  border-bottom-color: #3e8ed0;
}

.panel.is-info .panel-block.is-active .panel-icon {
  color: #3e8ed0;
}

.panel.is-success .panel-heading {
  background-color: #48c78e;
  color: #fff;
}

.panel.is-success .panel-tabs a.is-active {
  border-bottom-color: #48c78e;
}

.panel.is-success .panel-block.is-active .panel-icon {
  color: #48c78e;
}

.panel.is-warning .panel-heading {
  background-color: #ffe08a;
  color: rgba(0, 0, 0, 0.7);
}

.panel.is-warning .panel-tabs a.is-active {
  border-bottom-color: #ffe08a;
}

.panel.is-warning .panel-block.is-active .panel-icon {
  color: #ffe08a;
}

.panel.is-danger .panel-heading {
  background-color: #f14668;
  color: #fff;
}

.panel.is-danger .panel-tabs a.is-active {
  border-bottom-color: #f14668;
}

.panel.is-danger .panel-block.is-active .panel-icon {
  color: #f14668;
}

.panel-tabs:not(:last-child),
.panel-block:not(:last-child) {
  border-bottom: 1px solid #ededed;
}

.panel-heading {
  background-color: #ededed;
  border-radius: 6px 6px 0 0;
  color: #363636;
  font-size: 1.25em;
  font-weight: 700;
  line-height: 1.25;
  padding: 0.75em 1em;
}

.panel-tabs {
  align-items: flex-end;
  display: flex;
  font-size: 0.875em;
  justify-content: center;
}

.panel-tabs a {
  border-bottom: 1px solid #dbdbdb;
  margin-bottom: -1px;
  padding: 0.5em;
}

.panel-tabs a.is-active {
  border-bottom-color: #4a4a4a;
  color: #363636;
}

.panel-list a {
  color: #4a4a4a;
}

.panel-list a:hover {
  color: #485fc7;
}

.panel-block {
  align-items: center;
  color: #363636;
  display: flex;
  justify-content: flex-start;
  padding: 0.5em 0.75em;
}

.panel-block input[type="checkbox"] {
  margin-right: 0.75em;
}

.panel-block > .control {
  flex-grow: 1;
  flex-shrink: 1;
  width: 100%;
}

.panel-block.is-wrapped {
  flex-wrap: wrap;
}

.panel-block.is-active {
  border-left-color: #485fc7;
  color: #363636;
}

.panel-block.is-active .panel-icon {
  color: #485fc7;
}

.panel-block:last-child {
  border-bottom-left-radius: 6px;
  border-bottom-right-radius: 6px;
}

a.panel-block,
label.panel-block {
  cursor: pointer;
}

a.panel-block:hover,
label.panel-block:hover {
  background-color: whitesmoke;
}

.panel-icon {
  display: inline-block;
  font-size: 14px;
  height: 1em;
  line-height: 1em;
  text-align: center;
  vertical-align: top;
  width: 1em;
  color: #7a7a7a;
  margin-right: 0.75em;
}

.panel-icon .fa {
  font-size: inherit;
  line-height: inherit;
}

.tabs {
  -webkit-overflow-scrolling: touch;
  align-items: stretch;
  display: flex;
  font-size: 1rem;
  justify-content: space-between;
  overflow: hidden;
  overflow-x: auto;
  white-space: nowrap;
}

.tabs a {
  align-items: center;
  border-bottom-color: #dbdbdb;
  border-bottom-style: solid;
  border-bottom-width: 1px;
  color: #4a4a4a;
  display: flex;
  justify-content: center;
  margin-bottom: -1px;
  padding: 0.5em 1em;
  vertical-align: top;
}

.tabs a:hover {
  border-bottom-color: #363636;
  color: #363636;
}

.tabs li {
  display: block;
}

.tabs li.is-active a {
  border-bottom-color: #485fc7;
  color: #485fc7;
}

.tabs ul {
  align-items: center;
  border-bottom-color: #dbdbdb;
  border-bottom-style: solid;
  border-bottom-width: 1px;
  display: flex;
  flex-grow: 1;
  flex-shrink: 0;
  justify-content: flex-start;
}

.tabs ul.is-left {
  padding-right: 0.75em;
}

.tabs ul.is-center {
  flex: none;
  justify-content: center;
  padding-left: 0.75em;
  padding-right: 0.75em;
}

.tabs ul.is-right {
  justify-content: flex-end;
  padding-left: 0.75em;
}

.tabs .icon:first-child {
  margin-right: 0.5em;
}

.tabs .icon:last-child {
  margin-left: 0.5em;
}

.tabs.is-centered ul {
  justify-content: center;
}

.tabs.is-right ul {
  justify-content: flex-end;
}

.tabs.is-boxed a {
  border: 1px solid transparent;
  border-radius: 4px 4px 0 0;
}

.tabs.is-boxed a:hover {
  background-color: whitesmoke;
  border-bottom-color: #dbdbdb;
}

.tabs.is-boxed li.is-active a {
  background-color: white;
  border-color: #dbdbdb;
  border-bottom-color: transparent !important;
}

.tabs.is-fullwidth li {
  flex-grow: 1;
  flex-shrink: 0;
}

.tabs.is-toggle a {
  border-color: #dbdbdb;
  border-style: solid;
  border-width: 1px;
  margin-bottom: 0;
  position: relative;
}

.tabs.is-toggle a:hover {
  background-color: whitesmoke;
  border-color: #b5b5b5;
  z-index: 2;
}

.tabs.is-toggle li + li {
  margin-left: -1px;
}

.tabs.is-toggle li:first-child a {
  border-top-left-radius: 4px;
  border-bottom-left-radius: 4px;
}

.tabs.is-toggle li:last-child a {
  border-top-right-radius: 4px;
  border-bottom-right-radius: 4px;
}

.tabs.is-toggle li.is-active a {
  background-color: #485fc7;
  border-color: #485fc7;
  color: #fff;
  z-index: 1;
}

.tabs.is-toggle ul {
  border-bottom: none;
}

.tabs.is-toggle.is-toggle-rounded li:first-child a {
  border-bottom-left-radius: 9999px;
  border-top-left-radius: 9999px;
  padding-left: 1.25em;
}

.tabs.is-toggle.is-toggle-rounded li:last-child a {
  border-bottom-right-radius: 9999px;
  border-top-right-radius: 9999px;
  padding-right: 1.25em;
}

.tabs.is-small {
  font-size: 0.75rem;
}

.tabs.is-medium {
  font-size: 1.25rem;
}

.tabs.is-large {
  font-size: 1.5rem;
}

/* Bulma Grid */
.column {
  display: block;
  flex-basis: 0;
  flex-grow: 1;
  flex-shrink: 1;
  padding: 0.75rem;
}

.columns.is-mobile > .column.is-narrow {
  flex: none;
  width: unset;
}

.columns.is-mobile > .column.is-full {
  flex: none;
  width: 100%;
}

.columns.is-mobile > .column.is-three-quarters {
  flex: none;
  width: 75%;
}

.columns.is-mobile > .column.is-two-thirds {
  flex: none;
  width: 66.6666%;
}

.columns.is-mobile > .column.is-half {
  flex: none;
  width: 50%;
}

.columns.is-mobile > .column.is-one-third {
  flex: none;
  width: 33.3333%;
}

.columns.is-mobile > .column.is-one-quarter {
  flex: none;
  width: 25%;
}

.columns.is-mobile > .column.is-one-fifth {
  flex: none;
  width: 20%;
}

.columns.is-mobile > .column.is-two-fifths {
  flex: none;
  width: 40%;
}

.columns.is-mobile > .column.is-three-fifths {
  flex: none;
  width: 60%;
}

.columns.is-mobile > .column.is-four-fifths {
  flex: none;
  width: 80%;
}

.columns.is-mobile > .column.is-offset-three-quarters {
  margin-left: 75%;
}

.columns.is-mobile > .column.is-offset-two-thirds {
  margin-left: 66.6666%;
}

.columns.is-mobile > .column.is-offset-half {
  margin-left: 50%;
}

.columns.is-mobile > .column.is-offset-one-third {
  margin-left: 33.3333%;
}

.columns.is-mobile > .column.is-offset-one-quarter {
  margin-left: 25%;
}

.columns.is-mobile > .column.is-offset-one-fifth {
  margin-left: 20%;
}

.columns.is-mobile > .column.is-offset-two-fifths {
  margin-left: 40%;
}

.columns.is-mobile > .column.is-offset-three-fifths {
  margin-left: 60%;
}

.columns.is-mobile > .column.is-offset-four-fifths {
  margin-left: 80%;
}

.columns.is-mobile > .column.is-0 {
  flex: none;
  width: 0%;
}

.columns.is-mobile > .column.is-offset-0 {
  margin-left: 0%;
}

.columns.is-mobile > .column.is-1 {
  flex: none;
  width: 8.33333%;
}

.columns.is-mobile > .column.is-offset-1 {
  margin-left: 8.33333%;
}

.columns.is-mobile > .column.is-2 {
  flex: none;
  width: 16.66667%;
}

.columns.is-mobile > .column.is-offset-2 {
  margin-left: 16.66667%;
}

.columns.is-mobile > .column.is-3 {
  flex: none;
  width: 25%;
}

.columns.is-mobile > .column.is-offset-3 {
  margin-left: 25%;
}

.columns.is-mobile > .column.is-4 {
  flex: none;
  width: 33.33333%;
}

.columns.is-mobile > .column.is-offset-4 {
  margin-left: 33.33333%;
}

.columns.is-mobile > .column.is-5 {
  flex: none;
  width: 41.66667%;
}

.columns.is-mobile > .column.is-offset-5 {
  margin-left: 41.66667%;
}

.columns.is-mobile > .column.is-6 {
  flex: none;
  width: 50%;
}

.columns.is-mobile > .column.is-offset-6 {
  margin-left: 50%;
}

.columns.is-mobile > .column.is-7 {
  flex: none;
  width: 58.33333%;
}

.columns.is-mobile > .column.is-offset-7 {
  margin-left: 58.33333%;
}

.columns.is-mobile > .column.is-8 {
  flex: none;
  width: 66.66667%;
}

.columns.is-mobile > .column.is-offset-8 {
  margin-left: 66.66667%;
}

.columns.is-mobile > .column.is-9 {
  flex: none;
  width: 75%;
}

.columns.is-mobile > .column.is-offset-9 {
  margin-left: 75%;
}

.columns.is-mobile > .column.is-10 {
  flex: none;
  width: 83.33333%;
}

.columns.is-mobile > .column.is-offset-10 {
  margin-left: 83.33333%;
}

.columns.is-mobile > .column.is-11 {
  flex: none;
  width: 91.66667%;
}

.columns.is-mobile > .column.is-offset-11 {
  margin-left: 91.66667%;
}

.columns.is-mobile > .column.is-12 {
  flex: none;
  width: 100%;
}

.columns.is-mobile > .column.is-offset-12 {
  margin-left: 100%;
}

@media screen and (max-width: 768px) {
  .column.is-narrow-mobile {
    flex: none;
    width: unset;
  }
  .column.is-full-mobile {
    flex: none;
    width: 100%;
  }
  .column.is-three-quarters-mobile {
    flex: none;
    width: 75%;
  }
  .column.is-two-thirds-mobile {
    flex: none;
    width: 66.6666%;
  }
  .column.is-half-mobile {
    flex: none;
    width: 50%;
  }
  .column.is-one-third-mobile {
    flex: none;
    width: 33.3333%;
  }
  .column.is-one-quarter-mobile {
    flex: none;
    width: 25%;
  }
  .column.is-one-fifth-mobile {
    flex: none;
    width: 20%;
  }
  .column.is-two-fifths-mobile {
    flex: none;
    width: 40%;
  }
  .column.is-three-fifths-mobile {
    flex: none;
    width: 60%;
  }
  .column.is-four-fifths-mobile {
    flex: none;
    width: 80%;
  }
  .column.is-offset-three-quarters-mobile {
    margin-left: 75%;
  }
  .column.is-offset-two-thirds-mobile {
    margin-left: 66.6666%;
  }
  .column.is-offset-half-mobile {
    margin-left: 50%;
  }
  .column.is-offset-one-third-mobile {
    margin-left: 33.3333%;
  }
  .column.is-offset-one-quarter-mobile {
    margin-left: 25%;
  }
  .column.is-offset-one-fifth-mobile {
    margin-left: 20%;
  }
  .column.is-offset-two-fifths-mobile {
    margin-left: 40%;
  }
  .column.is-offset-three-fifths-mobile {
    margin-left: 60%;
  }
  .column.is-offset-four-fifths-mobile {
    margin-left: 80%;
  }
  .column.is-0-mobile {
    flex: none;
    width: 0%;
  }
  .column.is-offset-0-mobile {
    margin-left: 0%;
  }
  .column.is-1-mobile {
    flex: none;
    width: 8.33333%;
  }
  .column.is-offset-1-mobile {
    margin-left: 8.33333%;
  }
  .column.is-2-mobile {
    flex: none;
    width: 16.66667%;
  }
  .column.is-offset-2-mobile {
    margin-left: 16.66667%;
  }
  .column.is-3-mobile {
    flex: none;
    width: 25%;
  }
  .column.is-offset-3-mobile {
    margin-left: 25%;
  }
  .column.is-4-mobile {
    flex: none;
    width: 33.33333%;
  }
  .column.is-offset-4-mobile {
    margin-left: 33.33333%;
  }
  .column.is-5-mobile {
    flex: none;
    width: 41.66667%;
  }
  .column.is-offset-5-mobile {
    margin-left: 41.66667%;
  }
  .column.is-6-mobile {
    flex: none;
    width: 50%;
  }
  .column.is-offset-6-mobile {
    margin-left: 50%;
  }
  .column.is-7-mobile {
    flex: none;
    width: 58.33333%;
  }
  .column.is-offset-7-mobile {
    margin-left: 58.33333%;
  }
  .column.is-8-mobile {
    flex: none;
    width: 66.66667%;
  }
  .column.is-offset-8-mobile {
    margin-left: 66.66667%;
  }
  .column.is-9-mobile {
    flex: none;
    width: 75%;
  }
  .column.is-offset-9-mobile {
    margin-left: 75%;
  }
  .column.is-10-mobile {
    flex: none;
    width: 83.33333%;
  }
  .column.is-offset-10-mobile {
    margin-left: 83.33333%;
  }
  .column.is-11-mobile {
    flex: none;
    width: 91.66667%;
  }
  .column.is-offset-11-mobile {
    margin-left: 91.66667%;
  }
  .column.is-12-mobile {
    flex: none;
    width: 100%;
  }
  .column.is-offset-12-mobile {
    margin-left: 100%;
  }
}

@media screen and (min-width: 769px), print {
  .column.is-narrow, .column.is-narrow-tablet {
    flex: none;
    width: unset;
  }
  .column.is-full, .column.is-full-tablet {
    flex: none;
    width: 100%;
  }
  .column.is-three-quarters, .column.is-three-quarters-tablet {
    flex: none;
    width: 75%;
  }
  .column.is-two-thirds, .column.is-two-thirds-tablet {
    flex: none;
    width: 66.6666%;
  }
  .column.is-half, .column.is-half-tablet {
    flex: none;
    width: 50%;
  }
  .column.is-one-third, .column.is-one-third-tablet {
    flex: none;
    width: 33.3333%;
  }
  .column.is-one-quarter, .column.is-one-quarter-tablet {
    flex: none;
    width: 25%;
  }
  .column.is-one-fifth, .column.is-one-fifth-tablet {
    flex: none;
    width: 20%;
  }
  .column.is-two-fifths, .column.is-two-fifths-tablet {
    flex: none;
    width: 40%;
  }
  .column.is-three-fifths, .column.is-three-fifths-tablet {
    flex: none;
    width: 60%;
  }
  .column.is-four-fifths, .column.is-four-fifths-tablet {
    flex: none;
    width: 80%;
  }
  .column.is-offset-three-quarters, .column.is-offset-three-quarters-tablet {
    margin-left: 75%;
  }
  .column.is-offset-two-thirds, .column.is-offset-two-thirds-tablet {
    margin-left: 66.6666%;
  }
  .column.is-offset-half, .column.is-offset-half-tablet {
    margin-left: 50%;
  }
  .column.is-offset-one-third, .column.is-offset-one-third-tablet {
    margin-left: 33.3333%;
  }
  .column.is-offset-one-quarter, .column.is-offset-one-quarter-tablet {
    margin-left: 25%;
  }
  .column.is-offset-one-fifth, .column.is-offset-one-fifth-tablet {
    margin-left: 20%;
  }
  .column.is-offset-two-fifths, .column.is-offset-two-fifths-tablet {
    margin-left: 40%;
  }
  .column.is-offset-three-fifths, .column.is-offset-three-fifths-tablet {
    margin-left: 60%;
  }
  .column.is-offset-four-fifths, .column.is-offset-four-fifths-tablet {
    margin-left: 80%;
  }
  .column.is-0, .column.is-0-tablet {
    flex: none;
    width: 0%;
  }
  .column.is-offset-0, .column.is-offset-0-tablet {
    margin-left: 0%;
  }
  .column.is-1, .column.is-1-tablet {
    flex: none;
    width: 8.33333%;
  }
  .column.is-offset-1, .column.is-offset-1-tablet {
    margin-left: 8.33333%;
  }
  .column.is-2, .column.is-2-tablet {
    flex: none;
    width: 16.66667%;
  }
  .column.is-offset-2, .column.is-offset-2-tablet {
    margin-left: 16.66667%;
  }
  .column.is-3, .column.is-3-tablet {
    flex: none;
    width: 25%;
  }
  .column.is-offset-3, .column.is-offset-3-tablet {
    margin-left: 25%;
  }
  .column.is-4, .column.is-4-tablet {
    flex: none;
    width: 33.33333%;
  }
  .column.is-offset-4, .column.is-offset-4-tablet {
    margin-left: 33.33333%;
  }
  .column.is-5, .column.is-5-tablet {
    flex: none;
    width: 41.66667%;
  }
  .column.is-offset-5, .column.is-offset-5-tablet {
    margin-left: 41.66667%;
  }
  .column.is-6, .column.is-6-tablet {
    flex: none;
    width: 50%;
  }
  .column.is-offset-6, .column.is-offset-6-tablet {
    margin-left: 50%;
  }
  .column.is-7, .column.is-7-tablet {
    flex: none;
    width: 58.33333%;
  }
  .column.is-offset-7, .column.is-offset-7-tablet {
    margin-left: 58.33333%;
  }
  .column.is-8, .column.is-8-tablet {
    flex: none;
    width: 66.66667%;
  }
  .column.is-offset-8, .column.is-offset-8-tablet {
    margin-left: 66.66667%;
  }
  .column.is-9, .column.is-9-tablet {
    flex: none;
    width: 75%;
  }
  .column.is-offset-9, .column.is-offset-9-tablet {
    margin-left: 75%;
  }
  .column.is-10, .column.is-10-tablet {
    flex: none;
    width: 83.33333%;
  }
  .column.is-offset-10, .column.is-offset-10-tablet {
    margin-left: 83.33333%;
  }
  .column.is-11, .column.is-11-tablet {
    flex: none;
    width: 91.66667%;
  }
  .column.is-offset-11, .column.is-offset-11-tablet {
    margin-left: 91.66667%;
  }
  .column.is-12, .column.is-12-tablet {
    flex: none;
    width: 100%;
  }
  .column.is-offset-12, .column.is-offset-12-tablet {
    margin-left: 100%;
  }
}

@media screen and (max-width: 1023px) {
  .column.is-narrow-touch {
    flex: none;
    width: unset;
  }
  .column.is-full-touch {
    flex: none;
    width: 100%;
  }
  .column.is-three-quarters-touch {
    flex: none;
    width: 75%;
  }
  .column.is-two-thirds-touch {
    flex: none;
    width: 66.6666%;
  }
  .column.is-half-touch {
    flex: none;
    width: 50%;
  }
  .column.is-one-third-touch {
    flex: none;
    width: 33.3333%;
  }
  .column.is-one-quarter-touch {
    flex: none;
    width: 25%;
  }
  .column.is-one-fifth-touch {
    flex: none;
    width: 20%;
  }
  .column.is-two-fifths-touch {
    flex: none;
    width: 40%;
  }
  .column.is-three-fifths-touch {
    flex: none;
    width: 60%;
  }
  .column.is-four-fifths-touch {
    flex: none;
    width: 80%;
  }
  .column.is-offset-three-quarters-touch {
    margin-left: 75%;
  }
  .column.is-offset-two-thirds-touch {
    margin-left: 66.6666%;
  }
  .column.is-offset-half-touch {
    margin-left: 50%;
  }
  .column.is-offset-one-third-touch {
    margin-left: 33.3333%;
  }
  .column.is-offset-one-quarter-touch {
    margin-left: 25%;
  }
  .column.is-offset-one-fifth-touch {
    margin-left: 20%;
  }
  .column.is-offset-two-fifths-touch {
    margin-left: 40%;
  }
  .column.is-offset-three-fifths-touch {
    margin-left: 60%;
  }
  .column.is-offset-four-fifths-touch {
    margin-left: 80%;
  }
  .column.is-0-touch {
    flex: none;
    width: 0%;
  }
  .column.is-offset-0-touch {
    margin-left: 0%;
  }
  .column.is-1-touch {
    flex: none;
    width: 8.33333%;
  }
  .column.is-offset-1-touch {
    margin-left: 8.33333%;
  }
  .column.is-2-touch {
    flex: none;
    width: 16.66667%;
  }
  .column.is-offset-2-touch {
    margin-left: 16.66667%;
  }
  .column.is-3-touch {
    flex: none;
    width: 25%;
  }
  .column.is-offset-3-touch {
    margin-left: 25%;
  }
  .column.is-4-touch {
    flex: none;
    width: 33.33333%;
  }
  .column.is-offset-4-touch {
    margin-left: 33.33333%;
  }
  .column.is-5-touch {
    flex: none;
    width: 41.66667%;
  }
  .column.is-offset-5-touch {
    margin-left: 41.66667%;
  }
  .column.is-6-touch {
    flex: none;
    width: 50%;
  }
  .column.is-offset-6-touch {
    margin-left: 50%;
  }
  .column.is-7-touch {
    flex: none;
    width: 58.33333%;
  }
  .column.is-offset-7-touch {
    margin-left: 58.33333%;
  }
  .column.is-8-touch {
    flex: none;
    width: 66.66667%;
  }
  .column.is-offset-8-touch {
    margin-left: 66.66667%;
  }
  .column.is-9-touch {
    flex: none;
    width: 75%;
  }
  .column.is-offset-9-touch {
    margin-left: 75%;
  }
  .column.is-10-touch {
    flex: none;
    width: 83.33333%;
  }
  .column.is-offset-10-touch {
    margin-left: 83.33333%;
  }
  .column.is-11-touch {
    flex: none;
    width: 91.66667%;
  }
  .column.is-offset-11-touch {
    margin-left: 91.66667%;
  }
  .column.is-12-touch {
    flex: none;
    width: 100%;
  }
  .column.is-offset-12-touch {
    margin-left: 100%;
  }
}

@media screen and (min-width: 1024px) {
  .column.is-narrow-desktop {
    flex: none;
    width: unset;
  }
  .column.is-full-desktop {
    flex: none;
    width: 100%;
  }
  .column.is-three-quarters-desktop {
    flex: none;
    width: 75%;
  }
  .column.is-two-thirds-desktop {
    flex: none;
    width: 66.6666%;
  }
  .column.is-half-desktop {
    flex: none;
    width: 50%;
  }
  .column.is-one-third-desktop {
    flex: none;
    width: 33.3333%;
  }
  .column.is-one-quarter-desktop {
    flex: none;
    width: 25%;
  }
  .column.is-one-fifth-desktop {
    flex: none;
    width: 20%;
  }
  .column.is-two-fifths-desktop {
    flex: none;
    width: 40%;
  }
  .column.is-three-fifths-desktop {
    flex: none;
    width: 60%;
  }
  .column.is-four-fifths-desktop {
    flex: none;
    width: 80%;
  }
  .column.is-offset-three-quarters-desktop {
    margin-left: 75%;
  }
  .column.is-offset-two-thirds-desktop {
    margin-left: 66.6666%;
  }
  .column.is-offset-half-desktop {
    margin-left: 50%;
  }
  .column.is-offset-one-third-desktop {
    margin-left: 33.3333%;
  }
  .column.is-offset-one-quarter-desktop {
    margin-left: 25%;
  }
  .column.is-offset-one-fifth-desktop {
    margin-left: 20%;
  }
  .column.is-offset-two-fifths-desktop {
    margin-left: 40%;
  }
  .column.is-offset-three-fifths-desktop {
    margin-left: 60%;
  }
  .column.is-offset-four-fifths-desktop {
    margin-left: 80%;
  }
  .column.is-0-desktop {
    flex: none;
    width: 0%;
  }
  .column.is-offset-0-desktop {
    margin-left: 0%;
  }
  .column.is-1-desktop {
    flex: none;
    width: 8.33333%;
  }
  .column.is-offset-1-desktop {
    margin-left: 8.33333%;
  }
  .column.is-2-desktop {
    flex: none;
    width: 16.66667%;
  }
  .column.is-offset-2-desktop {
    margin-left: 16.66667%;
  }
  .column.is-3-desktop {
    flex: none;
    width: 25%;
  }
  .column.is-offset-3-desktop {
    margin-left: 25%;
  }
  .column.is-4-desktop {
    flex: none;
    width: 33.33333%;
  }
  .column.is-offset-4-desktop {
    margin-left: 33.33333%;
  }
  .column.is-5-desktop {
    flex: none;
    width: 41.66667%;
  }
  .column.is-offset-5-desktop {
    margin-left: 41.66667%;
  }
  .column.is-6-desktop {
    flex: none;
    width: 50%;
  }
  .column.is-offset-6-desktop {
    margin-left: 50%;
  }
  .column.is-7-desktop {
    flex: none;
    width: 58.33333%;
  }
  .column.is-offset-7-desktop {
    margin-left: 58.33333%;
  }
  .column.is-8-desktop {
    flex: none;
    width: 66.66667%;
  }
  .column.is-offset-8-desktop {
    margin-left: 66.66667%;
  }
  .column.is-9-desktop {
    flex: none;
    width: 75%;
  }
  .column.is-offset-9-desktop {
    margin-left: 75%;
  }
  .column.is-10-desktop {
    flex: none;
    width: 83.33333%;
  }
  .column.is-offset-10-desktop {
    margin-left: 83.33333%;
  }
  .column.is-11-desktop {
    flex: none;
    width: 91.66667%;
  }
  .column.is-offset-11-desktop {
    margin-left: 91.66667%;
  }
  .column.is-12-desktop {
    flex: none;
    width: 100%;
  }
  .column.is-offset-12-desktop {
    margin-left: 100%;
  }
}

@media screen and (min-width: 1216px) {
  .column.is-narrow-widescreen {
    flex: none;
    width: unset;
  }
  .column.is-full-widescreen {
    flex: none;
    width: 100%;
  }
  .column.is-three-quarters-widescreen {
    flex: none;
    width: 75%;
  }
  .column.is-two-thirds-widescreen {
    flex: none;
    width: 66.6666%;
  }
  .column.is-half-widescreen {
    flex: none;
    width: 50%;
  }
  .column.is-one-third-widescreen {
    flex: none;
    width: 33.3333%;
  }
  .column.is-one-quarter-widescreen {
    flex: none;
    width: 25%;
  }
  .column.is-one-fifth-widescreen {
    flex: none;
    width: 20%;
  }
  .column.is-two-fifths-widescreen {
    flex: none;
    width: 40%;
  }
  .column.is-three-fifths-widescreen {
    flex: none;
    width: 60%;
  }
  .column.is-four-fifths-widescreen {
    flex: none;
    width: 80%;
  }
  .column.is-offset-three-quarters-widescreen {
    margin-left: 75%;
  }
  .column.is-offset-two-thirds-widescreen {
    margin-left: 66.6666%;
  }
  .column.is-offset-half-widescreen {
    margin-left: 50%;
  }
  .column.is-offset-one-third-widescreen {
    margin-left: 33.3333%;
  }
  .column.is-offset-one-quarter-widescreen {
    margin-left: 25%;
  }
  .column.is-offset-one-fifth-widescreen {
    margin-left: 20%;
  }
  .column.is-offset-two-fifths-widescreen {
    margin-left: 40%;
  }
  .column.is-offset-three-fifths-widescreen {
    margin-left: 60%;
  }
  .column.is-offset-four-fifths-widescreen {
    margin-left: 80%;
  }
  .column.is-0-widescreen {
    flex: none;
    width: 0%;
  }
  .column.is-offset-0-widescreen {
    margin-left: 0%;
  }
  .column.is-1-widescreen {
    flex: none;
    width: 8.33333%;
  }
  .column.is-offset-1-widescreen {
    margin-left: 8.33333%;
  }
  .column.is-2-widescreen {
    flex: none;
    width: 16.66667%;
  }
  .column.is-offset-2-widescreen {
    margin-left: 16.66667%;
  }
  .column.is-3-widescreen {
    flex: none;
    width: 25%;
  }
  .column.is-offset-3-widescreen {
    margin-left: 25%;
  }
  .column.is-4-widescreen {
    flex: none;
    width: 33.33333%;
  }
  .column.is-offset-4-widescreen {
    margin-left: 33.33333%;
  }
  .column.is-5-widescreen {
    flex: none;
    width: 41.66667%;
  }
  .column.is-offset-5-widescreen {
    margin-left: 41.66667%;
  }
  .column.is-6-widescreen {
    flex: none;
    width: 50%;
  }
  .column.is-offset-6-widescreen {
    margin-left: 50%;
  }
  .column.is-7-widescreen {
    flex: none;
    width: 58.33333%;
  }
  .column.is-offset-7-widescreen {
    margin-left: 58.33333%;
  }
  .column.is-8-widescreen {
    flex: none;
    width: 66.66667%;
  }
  .column.is-offset-8-widescreen {
    margin-left: 66.66667%;
  }
  .column.is-9-widescreen {
    flex: none;
    width: 75%;
  }
  .column.is-offset-9-widescreen {
    margin-left: 75%;
  }
  .column.is-10-widescreen {
    flex: none;
    width: 83.33333%;
  }
  .column.is-offset-10-widescreen {
    margin-left: 83.33333%;
  }
  .column.is-11-widescreen {
    flex: none;
    width: 91.66667%;
  }
  .column.is-offset-11-widescreen {
    margin-left: 91.66667%;
  }
  .column.is-12-widescreen {
    flex: none;
    width: 100%;
  }
  .column.is-offset-12-widescreen {
    margin-left: 100%;
  }
}

@media screen and (min-width: 1408px) {
  .column.is-narrow-fullhd {
    flex: none;
    width: unset;
  }
  .column.is-full-fullhd {
    flex: none;
    width: 100%;
  }
  .column.is-three-quarters-fullhd {
    flex: none;
    width: 75%;
  }
  .column.is-two-thirds-fullhd {
    flex: none;
    width: 66.6666%;
  }
  .column.is-half-fullhd {
    flex: none;
    width: 50%;
  }
  .column.is-one-third-fullhd {
    flex: none;
    width: 33.3333%;
  }
  .column.is-one-quarter-fullhd {
    flex: none;
    width: 25%;
  }
  .column.is-one-fifth-fullhd {
    flex: none;
    width: 20%;
  }
  .column.is-two-fifths-fullhd {
    flex: none;
    width: 40%;
  }
  .column.is-three-fifths-fullhd {
    flex: none;
    width: 60%;
  }
  .column.is-four-fifths-fullhd {
    flex: none;
    width: 80%;
  }
  .column.is-offset-three-quarters-fullhd {
    margin-left: 75%;
  }
  .column.is-offset-two-thirds-fullhd {
    margin-left: 66.6666%;
  }
  .column.is-offset-half-fullhd {
    margin-left: 50%;
  }
  .column.is-offset-one-third-fullhd {
    margin-left: 33.3333%;
  }
  .column.is-offset-one-quarter-fullhd {
    margin-left: 25%;
  }
  .column.is-offset-one-fifth-fullhd {
    margin-left: 20%;
  }
  .column.is-offset-two-fifths-fullhd {
    margin-left: 40%;
  }
  .column.is-offset-three-fifths-fullhd {
    margin-left: 60%;
  }
  .column.is-offset-four-fifths-fullhd {
    margin-left: 80%;
  }
  .column.is-0-fullhd {
    flex: none;
    width: 0%;
  }
  .column.is-offset-0-fullhd {
    margin-left: 0%;
  }
  .column.is-1-fullhd {
    flex: none;
    width: 8.33333%;
  }
  .column.is-offset-1-fullhd {
    margin-left: 8.33333%;
  }
  .column.is-2-fullhd {
    flex: none;
    width: 16.66667%;
  }
  .column.is-offset-2-fullhd {
    margin-left: 16.66667%;
  }
  .column.is-3-fullhd {
    flex: none;
    width: 25%;
  }
  .column.is-offset-3-fullhd {
    margin-left: 25%;
  }
  .column.is-4-fullhd {
    flex: none;
    width: 33.33333%;
  }
  .column.is-offset-4-fullhd {
    margin-left: 33.33333%;
  }
  .column.is-5-fullhd {
    flex: none;
    width: 41.66667%;
  }
  .column.is-offset-5-fullhd {
    margin-left: 41.66667%;
  }
  .column.is-6-fullhd {
    flex: none;
    width: 50%;
  }
  .column.is-offset-6-fullhd {
    margin-left: 50%;
  }
  .column.is-7-fullhd {
    flex: none;
    width: 58.33333%;
  }
  .column.is-offset-7-fullhd {
    margin-left: 58.33333%;
  }
  .column.is-8-fullhd {
    flex: none;
    width: 66.66667%;
  }
  .column.is-offset-8-fullhd {
    margin-left: 66.66667%;
  }
  .column.is-9-fullhd {
    flex: none;
    width: 75%;
  }
  .column.is-offset-9-fullhd {
    margin-left: 75%;
  }
  .column.is-10-fullhd {
    flex: none;
    width: 83.33333%;
  }
  .column.is-offset-10-fullhd {
    margin-left: 83.33333%;
  }
  .column.is-11-fullhd {
    flex: none;
    width: 91.66667%;
  }
  .column.is-offset-11-fullhd {
    margin-left: 91.66667%;
  }
  .column.is-12-fullhd {
    flex: none;
    width: 100%;
  }
  .column.is-offset-12-fullhd {
    margin-left: 100%;
  }
}

.columns {
  margin-left: -0.75rem;
  margin-right: -0.75rem;
  margin-top: -0.75rem;
}

.columns:last-child {
  margin-bottom: -0.75rem;
}

.columns:not(:last-child) {
  margin-bottom: calc(1.5rem - 0.75rem);
}

.columns.is-centered {
  justify-content: center;
}

.columns.is-gapless {
  margin-left: 0;
  margin-right: 0;
  margin-top: 0;
}

.columns.is-gapless > .column {
  margin: 0;
  padding: 0 !important;
}

.columns.is-gapless:not(:last-child) {
  margin-bottom: 1.5rem;
}

.columns.is-gapless:last-child {
  margin-bottom: 0;
}

.columns.is-mobile {
  display: flex;
}

.columns.is-multiline {
  flex-wrap: wrap;
}

.columns.is-vcentered {
  align-items: center;
}

@media screen and (min-width: 769px), print {
  .columns:not(.is-desktop) {
    display: flex;
  }
}

@media screen and (min-width: 1024px) {
  .columns.is-desktop {
    display: flex;
  }
}

.columns.is-variable {
  --columnGap: 0.75rem;
  margin-left: calc(-1 * var(--columnGap));
  margin-right: calc(-1 * var(--columnGap));
}

.columns.is-variable > .column {
  padding-left: var(--columnGap);
  padding-right: var(--columnGap);
}

.columns.is-variable.is-0 {
  --columnGap: 0rem;
}

@media screen and (max-width: 768px) {
  .columns.is-variable.is-0-mobile {
    --columnGap: 0rem;
  }
}

@media screen and (min-width: 769px), print {
  .columns.is-variable.is-0-tablet {
    --columnGap: 0rem;
  }
}

@media screen and (min-width: 769px) and (max-width: 1023px) {
  .columns.is-variable.is-0-tablet-only {
    --columnGap: 0rem;
  }
}

@media screen and (max-width: 1023px) {
  .columns.is-variable.is-0-touch {
    --columnGap: 0rem;
  }
}

@media screen and (min-width: 1024px) {
  .columns.is-variable.is-0-desktop {
    --columnGap: 0rem;
  }
}

@media screen and (min-width: 1024px) and (max-width: 1215px) {
  .columns.is-variable.is-0-desktop-only {
    --columnGap: 0rem;
  }
}

@media screen and (min-width: 1216px) {
  .columns.is-variable.is-0-widescreen {
    --columnGap: 0rem;
  }
}

@media screen and (min-width: 1216px) and (max-width: 1407px) {
  .columns.is-variable.is-0-widescreen-only {
    --columnGap: 0rem;
  }
}

@media screen and (min-width: 1408px) {
  .columns.is-variable.is-0-fullhd {
    --columnGap: 0rem;
  }
}

.columns.is-variable.is-1 {
  --columnGap: 0.25rem;
}

@media screen and (max-width: 768px) {
  .columns.is-variable.is-1-mobile {
    --columnGap: 0.25rem;
  }
}

@media screen and (min-width: 769px), print {
  .columns.is-variable.is-1-tablet {
    --columnGap: 0.25rem;
  }
}

@media screen and (min-width: 769px) and (max-width: 1023px) {
  .columns.is-variable.is-1-tablet-only {
    --columnGap: 0.25rem;
  }
}

@media screen and (max-width: 1023px) {
  .columns.is-variable.is-1-touch {
    --columnGap: 0.25rem;
  }
}

@media screen and (min-width: 1024px) {
  .columns.is-variable.is-1-desktop {
    --columnGap: 0.25rem;
  }
}

@media screen and (min-width: 1024px) and (max-width: 1215px) {
  .columns.is-variable.is-1-desktop-only {
    --columnGap: 0.25rem;
  }
}

@media screen and (min-width: 1216px) {
  .columns.is-variable.is-1-widescreen {
    --columnGap: 0.25rem;
  }
}

@media screen and (min-width: 1216px) and (max-width: 1407px) {
  .columns.is-variable.is-1-widescreen-only {
    --columnGap: 0.25rem;
  }
}

@media screen and (min-width: 1408px) {
  .columns.is-variable.is-1-fullhd {
    --columnGap: 0.25rem;
  }
}

.columns.is-variable.is-2 {
  --columnGap: 0.5rem;
}

@media screen and (max-width: 768px) {
  .columns.is-variable.is-2-mobile {
    --columnGap: 0.5rem;
  }
}

@media screen and (min-width: 769px), print {
  .columns.is-variable.is-2-tablet {
    --columnGap: 0.5rem;
  }
}

@media screen and (min-width: 769px) and (max-width: 1023px) {
  .columns.is-variable.is-2-tablet-only {
    --columnGap: 0.5rem;
  }
}

@media screen and (max-width: 1023px) {
  .columns.is-variable.is-2-touch {
    --columnGap: 0.5rem;
  }
}

@media screen and (min-width: 1024px) {
  .columns.is-variable.is-2-desktop {
    --columnGap: 0.5rem;
  }
}

@media screen and (min-width: 1024px) and (max-width: 1215px) {
  .columns.is-variable.is-2-desktop-only {
    --columnGap: 0.5rem;
  }
}

@media screen and (min-width: 1216px) {
  .columns.is-variable.is-2-widescreen {
    --columnGap: 0.5rem;
  }
}

@media screen and (min-width: 1216px) and (max-width: 1407px) {
  .columns.is-variable.is-2-widescreen-only {
    --columnGap: 0.5rem;
  }
}

@media screen and (min-width: 1408px) {
  .columns.is-variable.is-2-fullhd {
    --columnGap: 0.5rem;
  }
}

.columns.is-variable.is-3 {
  --columnGap: 0.75rem;
}

@media screen and (max-width: 768px) {
  .columns.is-variable.is-3-mobile {
    --columnGap: 0.75rem;
  }
}

@media screen and (min-width: 769px), print {
  .columns.is-variable.is-3-tablet {
    --columnGap: 0.75rem;
  }
}

@media screen and (min-width: 769px) and (max-width: 1023px) {
  .columns.is-variable.is-3-tablet-only {
    --columnGap: 0.75rem;
  }
}

@media screen and (max-width: 1023px) {
  .columns.is-variable.is-3-touch {
    --columnGap: 0.75rem;
  }
}

@media screen and (min-width: 1024px) {
  .columns.is-variable.is-3-desktop {
    --columnGap: 0.75rem;
  }
}

@media screen and (min-width: 1024px) and (max-width: 1215px) {
  .columns.is-variable.is-3-desktop-only {
    --columnGap: 0.75rem;
  }
}

@media screen and (min-width: 1216px) {
  .columns.is-variable.is-3-widescreen {
    --columnGap: 0.75rem;
  }
}

@media screen and (min-width: 1216px) and (max-width: 1407px) {
  .columns.is-variable.is-3-widescreen-only {
    --columnGap: 0.75rem;
  }
}

@media screen and (min-width: 1408px) {
  .columns.is-variable.is-3-fullhd {
    --columnGap: 0.75rem;
  }
}

.columns.is-variable.is-4 {
  --columnGap: 1rem;
}

@media screen and (max-width: 768px) {
  .columns.is-variable.is-4-mobile {
    --columnGap: 1rem;
  }
}

@media screen and (min-width: 769px), print {
  .columns.is-variable.is-4-tablet {
    --columnGap: 1rem;
  }
}

@media screen and (min-width: 769px) and (max-width: 1023px) {
  .columns.is-variable.is-4-tablet-only {
    --columnGap: 1rem;
  }
}

@media screen and (max-width: 1023px) {
  .columns.is-variable.is-4-touch {
    --columnGap: 1rem;
  }
}

@media screen and (min-width: 1024px) {
  .columns.is-variable.is-4-desktop {
    --columnGap: 1rem;
  }
}

@media screen and (min-width: 1024px) and (max-width: 1215px) {
  .columns.is-variable.is-4-desktop-only {
    --columnGap: 1rem;
  }
}

@media screen and (min-width: 1216px) {
  .columns.is-variable.is-4-widescreen {
    --columnGap: 1rem;
  }
}

@media screen and (min-width: 1216px) and (max-width: 1407px) {
  .columns.is-variable.is-4-widescreen-only {
    --columnGap: 1rem;
  }
}

@media screen and (min-width: 1408px) {
  .columns.is-variable.is-4-fullhd {
    --columnGap: 1rem;
  }
}

.columns.is-variable.is-5 {
  --columnGap: 1.25rem;
}

@media screen and (max-width: 768px) {
  .columns.is-variable.is-5-mobile {
    --columnGap: 1.25rem;
  }
}

@media screen and (min-width: 769px), print {
  .columns.is-variable.is-5-tablet {
    --columnGap: 1.25rem;
  }
}

@media screen and (min-width: 769px) and (max-width: 1023px) {
  .columns.is-variable.is-5-tablet-only {
    --columnGap: 1.25rem;
  }
}

@media screen and (max-width: 1023px) {
  .columns.is-variable.is-5-touch {
    --columnGap: 1.25rem;
  }
}

@media screen and (min-width: 1024px) {
  .columns.is-variable.is-5-desktop {
    --columnGap: 1.25rem;
  }
}

@media screen and (min-width: 1024px) and (max-width: 1215px) {
  .columns.is-variable.is-5-desktop-only {
    --columnGap: 1.25rem;
  }
}

@media screen and (min-width: 1216px) {
  .columns.is-variable.is-5-widescreen {
    --columnGap: 1.25rem;
  }
}

@media screen and (min-width: 1216px) and (max-width: 1407px) {
  .columns.is-variable.is-5-widescreen-only {
    --columnGap: 1.25rem;
  }
}

@media screen and (min-width: 1408px) {
  .columns.is-variable.is-5-fullhd {
    --columnGap: 1.25rem;
  }
}

.columns.is-variable.is-6 {
  --columnGap: 1.5rem;
}

@media screen and (max-width: 768px) {
  .columns.is-variable.is-6-mobile {
    --columnGap: 1.5rem;
  }
}

@media screen and (min-width: 769px), print {
  .columns.is-variable.is-6-tablet {
    --columnGap: 1.5rem;
  }
}

@media screen and (min-width: 769px) and (max-width: 1023px) {
  .columns.is-variable.is-6-tablet-only {
    --columnGap: 1.5rem;
  }
}

@media screen and (max-width: 1023px) {
  .columns.is-variable.is-6-touch {
    --columnGap: 1.5rem;
  }
}

@media screen and (min-width: 1024px) {
  .columns.is-variable.is-6-desktop {
    --columnGap: 1.5rem;
  }
}

@media screen and (min-width: 1024px) and (max-width: 1215px) {
  .columns.is-variable.is-6-desktop-only {
    --columnGap: 1.5rem;
  }
}

@media screen and (min-width: 1216px) {
  .columns.is-variable.is-6-widescreen {
    --columnGap: 1.5rem;
  }
}

@media screen and (min-width: 1216px) and (max-width: 1407px) {
  .columns.is-variable.is-6-widescreen-only {
    --columnGap: 1.5rem;
  }
}

@media screen and (min-width: 1408px) {
  .columns.is-variable.is-6-fullhd {
    --columnGap: 1.5rem;
  }
}

.columns.is-variable.is-7 {
  --columnGap: 1.75rem;
}

@media screen and (max-width: 768px) {
  .columns.is-variable.is-7-mobile {
    --columnGap: 1.75rem;
  }
}

@media screen and (min-width: 769px), print {
  .columns.is-variable.is-7-tablet {
    --columnGap: 1.75rem;
  }
}

@media screen and (min-width: 769px) and (max-width: 1023px) {
  .columns.is-variable.is-7-tablet-only {
    --columnGap: 1.75rem;
  }
}

@media screen and (max-width: 1023px) {
  .columns.is-variable.is-7-touch {
    --columnGap: 1.75rem;
  }
}

@media screen and (min-width: 1024px) {
  .columns.is-variable.is-7-desktop {
    --columnGap: 1.75rem;
  }
}

@media screen and (min-width: 1024px) and (max-width: 1215px) {
  .columns.is-variable.is-7-desktop-only {
    --columnGap: 1.75rem;
  }
}

@media screen and (min-width: 1216px) {
  .columns.is-variable.is-7-widescreen {
    --columnGap: 1.75rem;
  }
}

@media screen and (min-width: 1216px) and (max-width: 1407px) {
  .columns.is-variable.is-7-widescreen-only {
    --columnGap: 1.75rem;
  }
}

@media screen and (min-width: 1408px) {
  .columns.is-variable.is-7-fullhd {
    --columnGap: 1.75rem;
  }
}

.columns.is-variable.is-8 {
  --columnGap: 2rem;
}

@media screen and (max-width: 768px) {
  .columns.is-variable.is-8-mobile {
    --columnGap: 2rem;
  }
}

@media screen and (min-width: 769px), print {
  .columns.is-variable.is-8-tablet {
    --columnGap: 2rem;
  }
}

@media screen and (min-width: 769px) and (max-width: 1023px) {
  .columns.is-variable.is-8-tablet-only {
    --columnGap: 2rem;
  }
}

@media screen and (max-width: 1023px) {
  .columns.is-variable.is-8-touch {
    --columnGap: 2rem;
  }
}

@media screen and (min-width: 1024px) {
  .columns.is-variable.is-8-desktop {
    --columnGap: 2rem;
  }
}

@media screen and (min-width: 1024px) and (max-width: 1215px) {
  .columns.is-variable.is-8-desktop-only {
    --columnGap: 2rem;
  }
}

@media screen and (min-width: 1216px) {
  .columns.is-variable.is-8-widescreen {
    --columnGap: 2rem;
  }
}

@media screen and (min-width: 1216px) and (max-width: 1407px) {
  .columns.is-variable.is-8-widescreen-only {
    --columnGap: 2rem;
  }
}

@media screen and (min-width: 1408px) {
  .columns.is-variable.is-8-fullhd {
    --columnGap: 2rem;
  }
}

.tile {
  align-items: stretch;
  display: block;
  flex-basis: 0;
  flex-grow: 1;
  flex-shrink: 1;
  min-height: min-content;
}

.tile.is-ancestor {
  margin-left: -0.75rem;
  margin-right: -0.75rem;
  margin-top: -0.75rem;
}

.tile.is-ancestor:last-child {
  margin-bottom: -0.75rem;
}

.tile.is-ancestor:not(:last-child) {
  margin-bottom: 0.75rem;
}

.tile.is-child {
  margin: 0 !important;
}

.tile.is-parent {
  padding: 0.75rem;
}

.tile.is-vertical {
  flex-direction: column;
}

.tile.is-vertical > .tile.is-child:not(:last-child) {
  margin-bottom: 1.5rem !important;
}

@media screen and (min-width: 769px), print {
  .tile:not(.is-child) {
    display: flex;
  }
  .tile.is-1 {
    flex: none;
    width: 8.33333%;
  }
  .tile.is-2 {
    flex: none;
    width: 16.66667%;
  }
  .tile.is-3 {
    flex: none;
    width: 25%;
  }
  .tile.is-4 {
    flex: none;
    width: 33.33333%;
  }
  .tile.is-5 {
    flex: none;
    width: 41.66667%;
  }
  .tile.is-6 {
    flex: none;
    width: 50%;
  }
  .tile.is-7 {
    flex: none;
    width: 58.33333%;
  }
  .tile.is-8 {
    flex: none;
    width: 66.66667%;
  }
  .tile.is-9 {
    flex: none;
    width: 75%;
  }
  .tile.is-10 {
    flex: none;
    width: 83.33333%;
  }
  .tile.is-11 {
    flex: none;
    width: 91.66667%;
  }
  .tile.is-12 {
    flex: none;
    width: 100%;
  }
}

/* Bulma Helpers */
.has-text-white {
  color: white !important;
}

a.has-text-white:hover, a.has-text-white:focus {
  color: #e6e6e6 !important;
}

.has-background-white {
  background-color: white !important;
}

.has-text-black {
  color: #0a0a0a !important;
}

a.has-text-black:hover, a.has-text-black:focus {
  color: black !important;
}

.has-background-black {
  background-color: #0a0a0a !important;
}

.has-text-light {
  color: whitesmoke !important;
}

a.has-text-light:hover, a.has-text-light:focus {
  color: #dbdbdb !important;
}

.has-background-light {
  background-color: whitesmoke !important;
}

.has-text-dark {
  color: #363636 !important;
}

a.has-text-dark:hover, a.has-text-dark:focus {
  color: #1c1c1c !important;
}

.has-background-dark {
  background-color: #363636 !important;
}

.has-text-primary {
  color: #00d1b2 !important;
}

a.has-text-primary:hover, a.has-text-primary:focus {
  color: #009e86 !important;
}

.has-background-primary {
  background-color: #00d1b2 !important;
}

.has-text-primary-light {
  color: #ebfffc !important;
}

a.has-text-primary-light:hover, a.has-text-primary-light:focus {
  color: #b8fff4 !important;
}

.has-background-primary-light {
  background-color: #ebfffc !important;
}

.has-text-primary-dark {
  color: #00947e !important;
}

a.has-text-primary-dark:hover, a.has-text-primary-dark:focus {
  color: #00c7a9 !important;
}

.has-background-primary-dark {
  background-color: #00947e !important;
}

.has-text-link {
  color: #485fc7 !important;
}

a.has-text-link:hover, a.has-text-link:focus {
  color: #3449a8 !important;
}

.has-background-link {
  background-color: #485fc7 !important;
}

.has-text-link-light {
  color: #eff1fa !important;
}

a.has-text-link-light:hover, a.has-text-link-light:focus {
  color: #c8cfee !important;
}

.has-background-link-light {
  background-color: #eff1fa !important;
}

.has-text-link-dark {
  color: #3850b7 !important;
}

a.has-text-link-dark:hover, a.has-text-link-dark:focus {
  color: #576dcb !important;
}

.has-background-link-dark {
  background-color: #3850b7 !important;
}

.has-text-info {
  color: #3e8ed0 !important;
}

a.has-text-info:hover, a.has-text-info:focus {
  color: #2b74b1 !important;
}

.has-background-info {
  background-color: #3e8ed0 !important;
}

.has-text-info-light {
  color: #eff5fb !important;
}

a.has-text-info-light:hover, a.has-text-info-light:focus {
  color: #c6ddf1 !important;
}

.has-background-info-light {
  background-color: #eff5fb !important;
}

.has-text-info-dark {
  color: #296fa8 !important;
}

a.has-text-info-dark:hover, a.has-text-info-dark:focus {
  color: #368ace !important;
}

.has-background-info-dark {
  background-color: #296fa8 !important;
}

.has-text-success {
  color: #48c78e !important;
}

a.has-text-success:hover, a.has-text-success:focus {
  color: #34a873 !important;
}

.has-background-success {
  background-color: #48c78e !important;
}

.has-text-success-light {
  color: #effaf5 !important;
}

a.has-text-success-light:hover, a.has-text-success-light:focus {
  color: #c8eedd !important;
}

.has-background-success-light {
  background-color: #effaf5 !important;
}

.has-text-success-dark {
  color: #257953 !important;
}

a.has-text-success-dark:hover, a.has-text-success-dark:focus {
  color: #31a06e !important;
}

.has-background-success-dark {
  background-color: #257953 !important;
}

.has-text-warning {
  color: #ffe08a !important;
}

a.has-text-warning:hover, a.has-text-warning:focus {
  color: #ffd257 !important;
}

.has-background-warning {
  background-color: #ffe08a !important;
}

.has-text-warning-light {
  color: #fffaeb !important;
}

a.has-text-warning-light:hover, a.has-text-warning-light:focus {
  color: #ffecb8 !important;
}

.has-background-warning-light {
  background-color: #fffaeb !important;
}

.has-text-warning-dark {
  color: #946c00 !important;
}

a.has-text-warning-dark:hover, a.has-text-warning-dark:focus {
  color: #c79200 !important;
}

.has-background-warning-dark {
  background-color: #946c00 !important;
}

.has-text-danger {
  color: #f14668 !important;
}

a.has-text-danger:hover, a.has-text-danger:focus {
  color: #ee1742 !important;
}

.has-background-danger {
  background-color: #f14668 !important;
}

.has-text-danger-light {
  color: #feecf0 !important;
}

a.has-text-danger-light:hover, a.has-text-danger-light:focus {
  color: #fabdc9 !important;
}

.has-background-danger-light {
  background-color: #feecf0 !important;
}

.has-text-danger-dark {
  color: #cc0f35 !important;
}

a.has-text-danger-dark:hover, a.has-text-danger-dark:focus {
  color: #ee2049 !important;
}

.has-background-danger-dark {
  background-color: #cc0f35 !important;
}

.has-text-black-bis {
  color: #121212 !important;
}

.has-background-black-bis {
  background-color: #121212 !important;
}

.has-text-black-ter {
  color: #242424 !important;
}

.has-background-black-ter {
  background-color: #242424 !important;
}

.has-text-grey-darker {
  color: #363636 !important;
}

.has-background-grey-darker {
  background-color: #363636 !important;
}

.has-text-grey-dark {
  color: #4a4a4a !important;
}

.has-background-grey-dark {
  background-color: #4a4a4a !important;
}

.has-text-grey {
  color: #7a7a7a !important;
}

.has-background-grey {
  background-color: #7a7a7a !important;
}

.has-text-grey-light {
  color: #b5b5b5 !important;
}

.has-background-grey-light {
  background-color: #b5b5b5 !important;
}

.has-text-grey-lighter {
  color: #dbdbdb !important;
}

.has-background-grey-lighter {
  background-color: #dbdbdb !important;
}

.has-text-white-ter {
  color: whitesmoke !important;
}

.has-background-white-ter {
  background-color: whitesmoke !important;
}

.has-text-white-bis {
  color: #fafafa !important;
}

.has-background-white-bis {
  background-color: #fafafa !important;
}

.is-flex-direction-row {
  flex-direction: row !important;
}

.is-flex-direction-row-reverse {
  flex-direction: row-reverse !important;
}

.is-flex-direction-column {
  flex-direction: column !important;
}

.is-flex-direction-column-reverse {
  flex-direction: column-reverse !important;
}

.is-flex-wrap-nowrap {
  flex-wrap: nowrap !important;
}

.is-flex-wrap-wrap {
  flex-wrap: wrap !important;
}

.is-flex-wrap-wrap-reverse {
  flex-wrap: wrap-reverse !important;
}

.is-justify-content-flex-start {
  justify-content: flex-start !important;
}

.is-justify-content-flex-end {
  justify-content: flex-end !important;
}

.is-justify-content-center {
  justify-content: center !important;
}

.is-justify-content-space-between {
  justify-content: space-between !important;
}

.is-justify-content-space-around {
  justify-content: space-around !important;
}

.is-justify-content-space-evenly {
  justify-content: space-evenly !important;
}

.is-justify-content-start {
  justify-content: start !important;
}

.is-justify-content-end {
  justify-content: end !important;
}

.is-justify-content-left {
  justify-content: left !important;
}

.is-justify-content-right {
  justify-content: right !important;
}

.is-align-content-flex-start {
  align-content: flex-start !important;
}

.is-align-content-flex-end {
  align-content: flex-end !important;
}

.is-align-content-center {
  align-content: center !important;
}

.is-align-content-space-between {
  align-content: space-between !important;
}

.is-align-content-space-around {
  align-content: space-around !important;
}

.is-align-content-space-evenly {
  align-content: space-evenly !important;
}

.is-align-content-stretch {
  align-content: stretch !important;
}

.is-align-content-start {
  align-content: start !important;
}

.is-align-content-end {
  align-content: end !important;
}

.is-align-content-baseline {
  align-content: baseline !important;
}

.is-align-items-stretch {
  align-items: stretch !important;
}

.is-align-items-flex-start {
  align-items: flex-start !important;
}

.is-align-items-flex-end {
  align-items: flex-end !important;
}

.is-align-items-center {
  align-items: center !important;
}

.is-align-items-baseline {
  align-items: baseline !important;
}

.is-align-items-start {
  align-items: start !important;
}

.is-align-items-end {
  align-items: end !important;
}

.is-align-items-self-start {
  align-items: self-start !important;
}

.is-align-items-self-end {
  align-items: self-end !important;
}

.is-align-self-auto {
  align-self: auto !important;
}

.is-align-self-flex-start {
  align-self: flex-start !important;
}

.is-align-self-flex-end {
  align-self: flex-end !important;
}

.is-align-self-center {
  align-self: center !important;
}

.is-align-self-baseline {
  align-self: baseline !important;
}

.is-align-self-stretch {
  align-self: stretch !important;
}

.is-flex-grow-0 {
  flex-grow: 0 !important;
}

.is-flex-grow-1 {
  flex-grow: 1 !important;
}

.is-flex-grow-2 {
  flex-grow: 2 !important;
}

.is-flex-grow-3 {
  flex-grow: 3 !important;
}

.is-flex-grow-4 {
  flex-grow: 4 !important;
}

.is-flex-grow-5 {
  flex-grow: 5 !important;
}

.is-flex-shrink-0 {
  flex-shrink: 0 !important;
}

.is-flex-shrink-1 {
  flex-shrink: 1 !important;
}

.is-flex-shrink-2 {
  flex-shrink: 2 !important;
}

.is-flex-shrink-3 {
  flex-shrink: 3 !important;
}

.is-flex-shrink-4 {
  flex-shrink: 4 !important;
}

.is-flex-shrink-5 {
  flex-shrink: 5 !important;
}

.is-clearfix::after {
  clear: both;
  content: " ";
  display: table;
}

.is-pulled-left {
  float: left !important;
}

.is-pulled-right {
  float: right !important;
}

.is-radiusless {
  border-radius: 0 !important;
}

.is-shadowless {
  box-shadow: none !important;
}

.is-clickable {
  cursor: pointer !important;
  pointer-events: all !important;
}

.is-clipped {
  overflow: hidden !important;
}

.is-relative {
  position: relative !important;
}

.is-marginless {
  margin: 0 !important;
}

.is-paddingless {
  padding: 0 !important;
}

.m-0 {
  margin: 0 !important;
}

.mt-0 {
  margin-top: 0 !important;
}

.mr-0 {
  margin-right: 0 !important;
}

.mb-0 {
  margin-bottom: 0 !important;
}

.ml-0 {
  margin-left: 0 !important;
}

.mx-0 {
  margin-left: 0 !important;
  margin-right: 0 !important;
}

.my-0 {
  margin-top: 0 !important;
  margin-bottom: 0 !important;
}

.m-1 {
  margin: 0.25rem !important;
}

.mt-1 {
  margin-top: 0.25rem !important;
}

.mr-1 {
  margin-right: 0.25rem !important;
}

.mb-1 {
  margin-bottom: 0.25rem !important;
}

.ml-1 {
  margin-left: 0.25rem !important;
}

.mx-1 {
  margin-left: 0.25rem !important;
  margin-right: 0.25rem !important;
}

.my-1 {
  margin-top: 0.25rem !important;
  margin-bottom: 0.25rem !important;
}

.m-2 {
  margin: 0.5rem !important;
}

.mt-2 {
  margin-top: 0.5rem !important;
}

.mr-2 {
  margin-right: 0.5rem !important;
}

.mb-2 {
  margin-bottom: 0.5rem !important;
}

.ml-2 {
  margin-left: 0.5rem !important;
}

.mx-2 {
  margin-left: 0.5rem !important;
  margin-right: 0.5rem !important;
}

.my-2 {
  margin-top: 0.5rem !important;
  margin-bottom: 0.5rem !important;
}

.m-3 {
  margin: 0.75rem !important;
}

.mt-3 {
  margin-top: 0.75rem !important;
}

.mr-3 {
  margin-right: 0.75rem !important;
}

.mb-3 {
  margin-bottom: 0.75rem !important;
}

.ml-3 {
  margin-left: 0.75rem !important;
}

.mx-3 {
  margin-left: 0.75rem !important;
  margin-right: 0.75rem !important;
}

.my-3 {
  margin-top: 0.75rem !important;
  margin-bottom: 0.75rem !important;
}

.m-4 {
  margin: 1rem !important;
}

.mt-4 {
  margin-top: 1rem !important;
}

.mr-4 {
  margin-right: 1rem !important;
}

.mb-4 {
  margin-bottom: 1rem !important;
}

.ml-4 {
  margin-left: 1rem !important;
}

.mx-4 {
  margin-left: 1rem !important;
  margin-right: 1rem !important;
}

.my-4 {
  margin-top: 1rem !important;
  margin-bottom: 1rem !important;
}

.m-5 {
  margin: 1.5rem !important;
}

.mt-5 {
  margin-top: 1.5rem !important;
}

.mr-5 {
  margin-right: 1.5rem !important;
}

.mb-5 {
  margin-bottom: 1.5rem !important;
}

.ml-5 {
  margin-left: 1.5rem !important;
}

.mx-5 {
  margin-left: 1.5rem !important;
  margin-right: 1.5rem !important;
}

.my-5 {
  margin-top: 1.5rem !important;
  margin-bottom: 1.5rem !important;
}

.m-6 {
  margin: 3rem !important;
}

.mt-6 {
  margin-top: 3rem !important;
}

.mr-6 {
  margin-right: 3rem !important;
}

.mb-6 {
  margin-bottom: 3rem !important;
}

.ml-6 {
  margin-left: 3rem !important;
}

.mx-6 {
  margin-left: 3rem !important;
  margin-right: 3rem !important;
}

.my-6 {
  margin-top: 3rem !important;
  margin-bottom: 3rem !important;
}

.m-auto {
  margin: auto !important;
}

.mt-auto {
  margin-top: auto !important;
}

.mr-auto {
  margin-right: auto !important;
}

.mb-auto {
  margin-bottom: auto !important;
}

.ml-auto {
  margin-left: auto !important;
}

.mx-auto {
  margin-left: auto !important;
  margin-right: auto !important;
}

.my-auto {
  margin-top: auto !important;
  margin-bottom: auto !important;
}

.p-0 {
  padding: 0 !important;
}

.pt-0 {
  padding-top: 0 !important;
}

.pr-0 {
  padding-right: 0 !important;
}

.pb-0 {
  padding-bottom: 0 !important;
}

.pl-0 {
  padding-left: 0 !important;
}

.px-0 {
  padding-left: 0 !important;
  padding-right: 0 !important;
}

.py-0 {
  padding-top: 0 !important;
  padding-bottom: 0 !important;
}

.p-1 {
  padding: 0.25rem !important;
}

.pt-1 {
  padding-top: 0.25rem !important;
}

.pr-1 {
  padding-right: 0.25rem !important;
}

.pb-1 {
  padding-bottom: 0.25rem !important;
}

.pl-1 {
  padding-left: 0.25rem !important;
}

.px-1 {
  padding-left: 0.25rem !important;
  padding-right: 0.25rem !important;
}

.py-1 {
  padding-top: 0.25rem !important;
  padding-bottom: 0.25rem !important;
}

.p-2 {
  padding: 0.5rem !important;
}

.pt-2 {
  padding-top: 0.5rem !important;
}

.pr-2 {
  padding-right: 0.5rem !important;
}

.pb-2 {
  padding-bottom: 0.5rem !important;
}

.pl-2 {
  padding-left: 0.5rem !important;
}

.px-2 {
  padding-left: 0.5rem !important;
  padding-right: 0.5rem !important;
}

.py-2 {
  padding-top: 0.5rem !important;
  padding-bottom: 0.5rem !important;
}

.p-3 {
  padding: 0.75rem !important;
}

.pt-3 {
  padding-top: 0.75rem !important;
}

.pr-3 {
  padding-right: 0.75rem !important;
}

.pb-3 {
  padding-bottom: 0.75rem !important;
}

.pl-3 {
  padding-left: 0.75rem !important;
}

.px-3 {
  padding-left: 0.75rem !important;
  padding-right: 0.75rem !important;
}

.py-3 {
  padding-top: 0.75rem !important;
  padding-bottom: 0.75rem !important;
}

.p-4 {
  padding: 1rem !important;
}

.pt-4 {
  padding-top: 1rem !important;
}

.pr-4 {
  padding-right: 1rem !important;
}

.pb-4 {
  padding-bottom: 1rem !important;
}

.pl-4 {
  padding-left: 1rem !important;
}

.px-4 {
  padding-left: 1rem !important;
  padding-right: 1rem !important;
}

.py-4 {
  padding-top: 1rem !important;
  padding-bottom: 1rem !important;
}

.p-5 {
  padding: 1.5rem !important;
}

.pt-5 {
  padding-top: 1.5rem !important;
}

.pr-5 {
  padding-right: 1.5rem !important;
}

.pb-5 {
  padding-bottom: 1.5rem !important;
}

.pl-5 {
  padding-left: 1.5rem !important;
}

.px-5 {
  padding-left: 1.5rem !important;
  padding-right: 1.5rem !important;
}

.py-5 {
  padding-top: 1.5rem !important;
  padding-bottom: 1.5rem !important;
}

.p-6 {
  padding: 3rem !important;
}

.pt-6 {
  padding-top: 3rem !important;
}

.pr-6 {
  padding-right: 3rem !important;
}

.pb-6 {
  padding-bottom: 3rem !important;
}

.pl-6 {
  padding-left: 3rem !important;
}

.px-6 {
  padding-left: 3rem !important;
  padding-right: 3rem !important;
}

.py-6 {
  padding-top: 3rem !important;
  padding-bottom: 3rem !important;
}

.p-auto {
  padding: auto !important;
}

.pt-auto {
  padding-top: auto !important;
}

.pr-auto {
  padding-right: auto !important;
}

.pb-auto {
  padding-bottom: auto !important;
}

.pl-auto {
  padding-left: auto !important;
}

.px-auto {
  padding-left: auto !important;
  padding-right: auto !important;
}

.py-auto {
  padding-top: auto !important;
  padding-bottom: auto !important;
}

.is-size-1 {
  font-size: 3rem !important;
}

.is-size-2 {
  font-size: 2.5rem !important;
}

.is-size-3 {
  font-size: 2rem !important;
}

.is-size-4 {
  font-size: 1.5rem !important;
}

.is-size-5 {
  font-size: 1.25rem !important;
}

.is-size-6 {
  font-size: 1rem !important;
}

.is-size-7 {
  font-size: 0.75rem !important;
}

@media screen and (max-width: 768px) {
  .is-size-1-mobile {
    font-size: 3rem !important;
  }
  .is-size-2-mobile {
    font-size: 2.5rem !important;
  }
  .is-size-3-mobile {
    font-size: 2rem !important;
  }
  .is-size-4-mobile {
    font-size: 1.5rem !important;
  }
  .is-size-5-mobile {
    font-size: 1.25rem !important;
  }
  .is-size-6-mobile {
    font-size: 1rem !important;
  }
  .is-size-7-mobile {
    font-size: 0.75rem !important;
  }
}

@media screen and (min-width: 769px), print {
  .is-size-1-tablet {
    font-size: 3rem !important;
  }
  .is-size-2-tablet {
    font-size: 2.5rem !important;
  }
  .is-size-3-tablet {
    font-size: 2rem !important;
  }
  .is-size-4-tablet {
    font-size: 1.5rem !important;
  }
  .is-size-5-tablet {
    font-size: 1.25rem !important;
  }
  .is-size-6-tablet {
    font-size: 1rem !important;
  }
  .is-size-7-tablet {
    font-size: 0.75rem !important;
  }
}

@media screen and (max-width: 1023px) {
  .is-size-1-touch {
    font-size: 3rem !important;
  }
  .is-size-2-touch {
    font-size: 2.5rem !important;
  }
  .is-size-3-touch {
    font-size: 2rem !important;
  }
  .is-size-4-touch {
    font-size: 1.5rem !important;
  }
  .is-size-5-touch {
    font-size: 1.25rem !important;
  }
  .is-size-6-touch {
    font-size: 1rem !important;
  }
  .is-size-7-touch {
    font-size: 0.75rem !important;
  }
}

@media screen and (min-width: 1024px) {
  .is-size-1-desktop {
    font-size: 3rem !important;
  }
  .is-size-2-desktop {
    font-size: 2.5rem !important;
  }
  .is-size-3-desktop {
    font-size: 2rem !important;
  }
  .is-size-4-desktop {
    font-size: 1.5rem !important;
  }
  .is-size-5-desktop {
    font-size: 1.25rem !important;
  }
  .is-size-6-desktop {
    font-size: 1rem !important;
  }
  .is-size-7-desktop {
    font-size: 0.75rem !important;
  }
}

@media screen and (min-width: 1216px) {
  .is-size-1-widescreen {
    font-size: 3rem !important;
  }
  .is-size-2-widescreen {
    font-size: 2.5rem !important;
  }
  .is-size-3-widescreen {
    font-size: 2rem !important;
  }
  .is-size-4-widescreen {
    font-size: 1.5rem !important;
  }
  .is-size-5-widescreen {
    font-size: 1.25rem !important;
  }
  .is-size-6-widescreen {
    font-size: 1rem !important;
  }
  .is-size-7-widescreen {
    font-size: 0.75rem !important;
  }
}

@media screen and (min-width: 1408px) {
  .is-size-1-fullhd {
    font-size: 3rem !important;
  }
  .is-size-2-fullhd {
    font-size: 2.5rem !important;
  }
  .is-size-3-fullhd {
    font-size: 2rem !important;
  }
  .is-size-4-fullhd {
    font-size: 1.5rem !important;
  }
  .is-size-5-fullhd {
    font-size: 1.25rem !important;
  }
  .is-size-6-fullhd {
    font-size: 1rem !important;
  }
  .is-size-7-fullhd {
    font-size: 0.75rem !important;
  }
}

.has-text-centered {
  text-align: center !important;
}

.has-text-justified {
  text-align: justify !important;
}

.has-text-left {
  text-align: left !important;
}

.has-text-right {
  text-align: right !important;
}

@media screen and (max-width: 768px) {
  .has-text-centered-mobile {
    text-align: center !important;
  }
}

@media screen and (min-width: 769px), print {
  .has-text-centered-tablet {
    text-align: center !important;
  }
}

@media screen and (min-width: 769px) and (max-width: 1023px) {
  .has-text-centered-tablet-only {
    text-align: center !important;
  }
}

@media screen and (max-width: 1023px) {
  .has-text-centered-touch {
    text-align: center !important;
  }
}

@media screen and (min-width: 1024px) {
  .has-text-centered-desktop {
    text-align: center !important;
  }
}

@media screen and (min-width: 1024px) and (max-width: 1215px) {
  .has-text-centered-desktop-only {
    text-align: center !important;
  }
}

@media screen and (min-width: 1216px) {
  .has-text-centered-widescreen {
    text-align: center !important;
  }
}

@media screen and (min-width: 1216px) and (max-width: 1407px) {
  .has-text-centered-widescreen-only {
    text-align: center !important;
  }
}

@media screen and (min-width: 1408px) {
  .has-text-centered-fullhd {
    text-align: center !important;
  }
}

@media screen and (max-width: 768px) {
  .has-text-justified-mobile {
    text-align: justify !important;
  }
}

@media screen and (min-width: 769px), print {
  .has-text-justified-tablet {
    text-align: justify !important;
  }
}

@media screen and (min-width: 769px) and (max-width: 1023px) {
  .has-text-justified-tablet-only {
    text-align: justify !important;
  }
}

@media screen and (max-width: 1023px) {
  .has-text-justified-touch {
    text-align: justify !important;
  }
}

@media screen and (min-width: 1024px) {
  .has-text-justified-desktop {
    text-align: justify !important;
  }
}

@media screen and (min-width: 1024px) and (max-width: 1215px) {
  .has-text-justified-desktop-only {
    text-align: justify !important;
  }
}

@media screen and (min-width: 1216px) {
  .has-text-justified-widescreen {
    text-align: justify !important;
  }
}

@media screen and (min-width: 1216px) and (max-width: 1407px) {
  .has-text-justified-widescreen-only {
    text-align: justify !important;
  }
}

@media screen and (min-width: 1408px) {
  .has-text-justified-fullhd {
    text-align: justify !important;
  }
}

@media screen and (max-width: 768px) {
  .has-text-left-mobile {
    text-align: left !important;
  }
}

@media screen and (min-width: 769px), print {
  .has-text-left-tablet {
    text-align: left !important;
  }
}

@media screen and (min-width: 769px) and (max-width: 1023px) {
  .has-text-left-tablet-only {
    text-align: left !important;
  }
}

@media screen and (max-width: 1023px) {
  .has-text-left-touch {
    text-align: left !important;
  }
}

@media screen and (min-width: 1024px) {
  .has-text-left-desktop {
    text-align: left !important;
  }
}

@media screen and (min-width: 1024px) and (max-width: 1215px) {
  .has-text-left-desktop-only {
    text-align: left !important;
  }
}

@media screen and (min-width: 1216px) {
  .has-text-left-widescreen {
    text-align: left !important;
  }
}

@media screen and (min-width: 1216px) and (max-width: 1407px) {
  .has-text-left-widescreen-only {
    text-align: left !important;
  }
}

@media screen and (min-width: 1408px) {
  .has-text-left-fullhd {
    text-align: left !important;
  }
}

@media screen and (max-width: 768px) {
  .has-text-right-mobile {
    text-align: right !important;
  }
}

@media screen and (min-width: 769px), print {
  .has-text-right-tablet {
    text-align: right !important;
  }
}

@media screen and (min-width: 769px) and (max-width: 1023px) {
  .has-text-right-tablet-only {
    text-align: right !important;
  }
}

@media screen and (max-width: 1023px) {
  .has-text-right-touch {
    text-align: right !important;
  }
}

@media screen and (min-width: 1024px) {
  .has-text-right-desktop {
    text-align: right !important;
  }
}

@media screen and (min-width: 1024px) and (max-width: 1215px) {
  .has-text-right-desktop-only {
    text-align: right !important;
  }
}

@media screen and (min-width: 1216px) {
  .has-text-right-widescreen {
    text-align: right !important;
  }
}

@media screen and (min-width: 1216px) and (max-width: 1407px) {
  .has-text-right-widescreen-only {
    text-align: right !important;
  }
}

@media screen and (min-width: 1408px) {
  .has-text-right-fullhd {
    text-align: right !important;
  }
}

.is-capitalized {
  text-transform: capitalize !important;
}

.is-lowercase {
  text-transform: lowercase !important;
}

.is-uppercase {
  text-transform: uppercase !important;
}

.is-italic {
  font-style: italic !important;
}

.is-underlined {
  text-decoration: underline !important;
}

.has-text-weight-light {
  font-weight: 300 !important;
}

.has-text-weight-normal {
  font-weight: 400 !important;
}

.has-text-weight-medium {
  font-weight: 500 !important;
}

.has-text-weight-semibold {
  font-weight: 600 !important;
}

.has-text-weight-bold {
  font-weight: 700 !important;
}

.is-family-primary {
  font-family: BlinkMacSystemFont, -apple-system, "Segoe UI", "Roboto", "Oxygen", "Ubuntu", "Cantarell", "Fira Sans", "Droid Sans", "Helvetica Neue", "Helvetica", "Arial", sans-serif !important;
}

.is-family-secondary {
  font-family: BlinkMacSystemFont, -apple-system, "Segoe UI", "Roboto", "Oxygen", "Ubuntu", "Cantarell", "Fira Sans", "Droid Sans", "Helvetica Neue", "Helvetica", "Arial", sans-serif !important;
}

.is-family-sans-serif {
  font-family: BlinkMacSystemFont, -apple-system, "Segoe UI", "Roboto", "Oxygen", "Ubuntu", "Cantarell", "Fira Sans", "Droid Sans", "Helvetica Neue", "Helvetica", "Arial", sans-serif !important;
}

.is-family-monospace {
  font-family: monospace !important;
}

.is-family-code {
  font-family: monospace !important;
}

.is-block {
  display: block !important;
}

@media screen and (max-width: 768px) {
  .is-block-mobile {
    display: block !important;
  }
}

@media screen and (min-width: 769px), print {
  .is-block-tablet {
    display: block !important;
  }
}

@media screen and (min-width: 769px) and (max-width: 1023px) {
  .is-block-tablet-only {
    display: block !important;
  }
}

@media screen and (max-width: 1023px) {
  .is-block-touch {
    display: block !important;
  }
}

@media screen and (min-width: 1024px) {
  .is-block-desktop {
    display: block !important;
  }
}

@media screen and (min-width: 1024px) and (max-width: 1215px) {
  .is-block-desktop-only {
    display: block !important;
  }
}

@media screen and (min-width: 1216px) {
  .is-block-widescreen {
    display: block !important;
  }
}

@media screen and (min-width: 1216px) and (max-width: 1407px) {
  .is-block-widescreen-only {
    display: block !important;
  }
}

@media screen and (min-width: 1408px) {
  .is-block-fullhd {
    display: block !important;
  }
}

.is-flex {
  display: flex !important;
}

@media screen and (max-width: 768px) {
  .is-flex-mobile {
    display: flex !important;
  }
}

@media screen and (min-width: 769px), print {
  .is-flex-tablet {
    display: flex !important;
  }
}

@media screen and (min-width: 769px) and (max-width: 1023px) {
  .is-flex-tablet-only {
    display: flex !important;
  }
}

@media screen and (max-width: 1023px) {
  .is-flex-touch {
    display: flex !important;
  }
}

@media screen and (min-width: 1024px) {
  .is-flex-desktop {
    display: flex !important;
  }
}

@media screen and (min-width: 1024px) and (max-width: 1215px) {
  .is-flex-desktop-only {
    display: flex !important;
  }
}

@media screen and (min-width: 1216px) {
  .is-flex-widescreen {
    display: flex !important;
  }
}

@media screen and (min-width: 1216px) and (max-width: 1407px) {
  .is-flex-widescreen-only {
    display: flex !important;
  }
}

@media screen and (min-width: 1408px) {
  .is-flex-fullhd {
    display: flex !important;
  }
}

.is-inline {
  display: inline !important;
}

@media screen and (max-width: 768px) {
  .is-inline-mobile {
    display: inline !important;
  }
}

@media screen and (min-width: 769px), print {
  .is-inline-tablet {
    display: inline !important;
  }
}

@media screen and (min-width: 769px) and (max-width: 1023px) {
  .is-inline-tablet-only {
    display: inline !important;
  }
}

@media screen and (max-width: 1023px) {
  .is-inline-touch {
    display: inline !important;
  }
}

@media screen and (min-width: 1024px) {
  .is-inline-desktop {
    display: inline !important;
  }
}

@media screen and (min-width: 1024px) and (max-width: 1215px) {
  .is-inline-desktop-only {
    display: inline !important;
  }
}

@media screen and (min-width: 1216px) {
  .is-inline-widescreen {
    display: inline !important;
  }
}

@media screen and (min-width: 1216px) and (max-width: 1407px) {
  .is-inline-widescreen-only {
    display: inline !important;
  }
}

@media screen and (min-width: 1408px) {
  .is-inline-fullhd {
    display: inline !important;
  }
}

.is-inline-block {
  display: inline-block !important;
}

@media screen and (max-width: 768px) {
  .is-inline-block-mobile {
    display: inline-block !important;
  }
}

@media screen and (min-width: 769px), print {
  .is-inline-block-tablet {
    display: inline-block !important;
  }
}

@media screen and (min-width: 769px) and (max-width: 1023px) {
  .is-inline-block-tablet-only {
    display: inline-block !important;
  }
}

@media screen and (max-width: 1023px) {
  .is-inline-block-touch {
    display: inline-block !important;
  }
}

@media screen and (min-width: 1024px) {
  .is-inline-block-desktop {
    display: inline-block !important;
  }
}

@media screen and (min-width: 1024px) and (max-width: 1215px) {
  .is-inline-block-desktop-only {
    display: inline-block !important;
  }
}

@media screen and (min-width: 1216px) {
  .is-inline-block-widescreen {
    display: inline-block !important;
  }
}

@media screen and (min-width: 1216px) and (max-width: 1407px) {
  .is-inline-block-widescreen-only {
    display: inline-block !important;
  }
}

@media screen and (min-width: 1408px) {
  .is-inline-block-fullhd {
    display: inline-block !important;
  }
}

.is-inline-flex {
  display: inline-flex !important;
}

@media screen and (max-width: 768px) {
  .is-inline-flex-mobile {
    display: inline-flex !important;
  }
}

@media screen and (min-width: 769px), print {
  .is-inline-flex-tablet {
    display: inline-flex !important;
  }
}

@media screen and (min-width: 769px) and (max-width: 1023px) {
  .is-inline-flex-tablet-only {
    display: inline-flex !important;
  }
}

@media screen and (max-width: 1023px) {
  .is-inline-flex-touch {
    display: inline-flex !important;
  }
}

@media screen and (min-width: 1024px) {
  .is-inline-flex-desktop {
    display: inline-flex !important;
  }
}

@media screen and (min-width: 1024px) and (max-width: 1215px) {
  .is-inline-flex-desktop-only {
    display: inline-flex !important;
  }
}

@media screen and (min-width: 1216px) {
  .is-inline-flex-widescreen {
    display: inline-flex !important;
  }
}

@media screen and (min-width: 1216px) and (max-width: 1407px) {
  .is-inline-flex-widescreen-only {
    display: inline-flex !important;
  }
}

@media screen and (min-width: 1408px) {
  .is-inline-flex-fullhd {
    display: inline-flex !important;
  }
}

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

.is-sr-only {
  border: none !important;
  clip: rect(0, 0, 0, 0) !important;
  height: 0.01em !important;
  overflow: hidden !important;
  padding: 0 !important;
  position: absolute !important;
  white-space: nowrap !important;
  width: 0.01em !important;
}

@media screen and (max-width: 768px) {
  .is-hidden-mobile {
    display: none !important;
  }
}

@media screen and (min-width: 769px), print {
  .is-hidden-tablet {
    display: none !important;
  }
}

@media screen and (min-width: 769px) and (max-width: 1023px) {
  .is-hidden-tablet-only {
    display: none !important;
  }
}

@media screen and (max-width: 1023px) {
  .is-hidden-touch {
    display: none !important;
  }
}

@media screen and (min-width: 1024px) {
  .is-hidden-desktop {
    display: none !important;
  }
}

@media screen and (min-width: 1024px) and (max-width: 1215px) {
  .is-hidden-desktop-only {
    display: none !important;
  }
}

@media screen and (min-width: 1216px) {
  .is-hidden-widescreen {
    display: none !important;
  }
}

@media screen and (min-width: 1216px) and (max-width: 1407px) {
  .is-hidden-widescreen-only {
    display: none !important;
  }
}

@media screen and (min-width: 1408px) {
  .is-hidden-fullhd {
    display: none !important;
  }
}

.is-invisible {
  visibility: hidden !important;
}

@media screen and (max-width: 768px) {
  .is-invisible-mobile {
    visibility: hidden !important;
  }
}

@media screen and (min-width: 769px), print {
  .is-invisible-tablet {
    visibility: hidden !important;
  }
}

@media screen and (min-width: 769px) and (max-width: 1023px) {
  .is-invisible-tablet-only {
    visibility: hidden !important;
  }
}

@media screen and (max-width: 1023px) {
  .is-invisible-touch {
    visibility: hidden !important;
  }
}

@media screen and (min-width: 1024px) {
  .is-invisible-desktop {
    visibility: hidden !important;
  }
}

@media screen and (min-width: 1024px) and (max-width: 1215px) {
  .is-invisible-desktop-only {
    visibility: hidden !important;
  }
}

@media screen and (min-width: 1216px) {
  .is-invisible-widescreen {
    visibility: hidden !important;
  }
}

@media screen and (min-width: 1216px) and (max-width: 1407px) {
  .is-invisible-widescreen-only {
    visibility: hidden !important;
  }
}

@media screen and (min-width: 1408px) {
  .is-invisible-fullhd {
    visibility: hidden !important;
  }
}

/* Bulma Layout */
.hero {
  align-items: stretch;
  display: flex;
  flex-direction: column;
  justify-content: space-between;
}

.hero .navbar {
  background: none;
}

.hero .tabs ul {
  border-bottom: none;
}

.hero.is-white {
  background-color: white;
  color: #0a0a0a;
}

.hero.is-white a:not(.button):not(.dropdown-item):not(.tag):not(.pagination-link.is-current),
.hero.is-white strong {
  color: inherit;
}

.hero.is-white .title {
  color: #0a0a0a;
}

.hero.is-white .subtitle {
  color: rgba(10, 10, 10, 0.9);
}

.hero.is-white .subtitle a:not(.button),
.hero.is-white .subtitle strong {
  color: #0a0a0a;
}

@media screen and (max-width: 1023px) {
  .hero.is-white .navbar-menu {
    background-color: white;
  }
}

.hero.is-white .navbar-item,
.hero.is-white .navbar-link {
  color: rgba(10, 10, 10, 0.7);
}

.hero.is-white a.navbar-item:hover, .hero.is-white a.navbar-item.is-active,
.hero.is-white .navbar-link:hover,
.hero.is-white .navbar-link.is-active {
  background-color: #f2f2f2;
  color: #0a0a0a;
}

.hero.is-white .tabs a {
  color: #0a0a0a;
  opacity: 0.9;
}

.hero.is-white .tabs a:hover {
  opacity: 1;
}

.hero.is-white .tabs li.is-active a {
  color: white !important;
  opacity: 1;
}

.hero.is-white .tabs.is-boxed a, .hero.is-white .tabs.is-toggle a {
  color: #0a0a0a;
}

.hero.is-white .tabs.is-boxed a:hover, .hero.is-white .tabs.is-toggle a:hover {
  background-color: rgba(10, 10, 10, 0.1);
}

.hero.is-white .tabs.is-boxed li.is-active a, .hero.is-white .tabs.is-boxed li.is-active a:hover, .hero.is-white .tabs.is-toggle li.is-active a, .hero.is-white .tabs.is-toggle li.is-active a:hover {
  background-color: #0a0a0a;
  border-color: #0a0a0a;
  color: white;
}

.hero.is-white.is-bold {
  background-image: linear-gradient(141deg, #e6e6e6 0%, white 71%, white 100%);
}

@media screen and (max-width: 768px) {
  .hero.is-white.is-bold .navbar-menu {
    background-image: linear-gradient(141deg, #e6e6e6 0%, white 71%, white 100%);
  }
}

.hero.is-black {
  background-color: #0a0a0a;
  color: white;
}

.hero.is-black a:not(.button):not(.dropdown-item):not(.tag):not(.pagination-link.is-current),
.hero.is-black strong {
  color: inherit;
}

.hero.is-black .title {
  color: white;
}

.hero.is-black .subtitle {
  color: rgba(255, 255, 255, 0.9);
}

.hero.is-black .subtitle a:not(.button),
.hero.is-black .subtitle strong {
  color: white;
}

@media screen and (max-width: 1023px) {
  .hero.is-black .navbar-menu {
    background-color: #0a0a0a;
  }
}

.hero.is-black .navbar-item,
.hero.is-black .navbar-link {
  color: rgba(255, 255, 255, 0.7);
}

.hero.is-black a.navbar-item:hover, .hero.is-black a.navbar-item.is-active,
.hero.is-black .navbar-link:hover,
.hero.is-black .navbar-link.is-active {
  background-color: black;
  color: white;
}

.hero.is-black .tabs a {
  color: white;
  opacity: 0.9;
}

.hero.is-black .tabs a:hover {
  opacity: 1;
}

.hero.is-black .tabs li.is-active a {
  color: #0a0a0a !important;
  opacity: 1;
}

.hero.is-black .tabs.is-boxed a, .hero.is-black .tabs.is-toggle a {
  color: white;
}

.hero.is-black .tabs.is-boxed a:hover, .hero.is-black .tabs.is-toggle a:hover {
  background-color: rgba(10, 10, 10, 0.1);
}

.hero.is-black .tabs.is-boxed li.is-active a, .hero.is-black .tabs.is-boxed li.is-active a:hover, .hero.is-black .tabs.is-toggle li.is-active a, .hero.is-black .tabs.is-toggle li.is-active a:hover {
  background-color: white;
  border-color: white;
  color: #0a0a0a;
}

.hero.is-black.is-bold {
  background-image: linear-gradient(141deg, black 0%, #0a0a0a 71%, #181616 100%);
}

@media screen and (max-width: 768px) {
  .hero.is-black.is-bold .navbar-menu {
    background-image: linear-gradient(141deg, black 0%, #0a0a0a 71%, #181616 100%);
  }
}

.hero.is-light {
  background-color: whitesmoke;
  color: rgba(0, 0, 0, 0.7);
}

.hero.is-light a:not(.button):not(.dropdown-item):not(.tag):not(.pagination-link.is-current),
.hero.is-light strong {
  color: inherit;
}

.hero.is-light .title {
  color: rgba(0, 0, 0, 0.7);
}

.hero.is-light .subtitle {
  color: rgba(0, 0, 0, 0.9);
}

.hero.is-light .subtitle a:not(.button),
.hero.is-light .subtitle strong {
  color: rgba(0, 0, 0, 0.7);
}

@media screen and (max-width: 1023px) {
  .hero.is-light .navbar-menu {
    background-color: whitesmoke;
  }
}

.hero.is-light .navbar-item,
.hero.is-light .navbar-link {
  color: rgba(0, 0, 0, 0.7);
}

.hero.is-light a.navbar-item:hover, .hero.is-light a.navbar-item.is-active,
.hero.is-light .navbar-link:hover,
.hero.is-light .navbar-link.is-active {
  background-color: #e8e8e8;
  color: rgba(0, 0, 0, 0.7);
}

.hero.is-light .tabs a {
  color: rgba(0, 0, 0, 0.7);
  opacity: 0.9;
}

.hero.is-light .tabs a:hover {
  opacity: 1;
}

.hero.is-light .tabs li.is-active a {
  color: whitesmoke !important;
  opacity: 1;
}

.hero.is-light .tabs.is-boxed a, .hero.is-light .tabs.is-toggle a {
  color: rgba(0, 0, 0, 0.7);
}

.hero.is-light .tabs.is-boxed a:hover, .hero.is-light .tabs.is-toggle a:hover {
  background-color: rgba(10, 10, 10, 0.1);
}

.hero.is-light .tabs.is-boxed li.is-active a, .hero.is-light .tabs.is-boxed li.is-active a:hover, .hero.is-light .tabs.is-toggle li.is-active a, .hero.is-light .tabs.is-toggle li.is-active a:hover {
  background-color: rgba(0, 0, 0, 0.7);
  border-color: rgba(0, 0, 0, 0.7);
  color: whitesmoke;
}

.hero.is-light.is-bold {
  background-image: linear-gradient(141deg, #dfd8d9 0%, whitesmoke 71%, white 100%);
}

@media screen and (max-width: 768px) {
  .hero.is-light.is-bold .navbar-menu {
    background-image: linear-gradient(141deg, #dfd8d9 0%, whitesmoke 71%, white 100%);
  }
}

.hero.is-dark {
  background-color: #363636;
  color: #fff;
}

.hero.is-dark a:not(.button):not(.dropdown-item):not(.tag):not(.pagination-link.is-current),
.hero.is-dark strong {
  color: inherit;
}

.hero.is-dark .title {
  color: #fff;
}

.hero.is-dark .subtitle {
  color: rgba(255, 255, 255, 0.9);
}

.hero.is-dark .subtitle a:not(.button),
.hero.is-dark .subtitle strong {
  color: #fff;
}

@media screen and (max-width: 1023px) {
  .hero.is-dark .navbar-menu {
    background-color: #363636;
  }
}

.hero.is-dark .navbar-item,
.hero.is-dark .navbar-link {
  color: rgba(255, 255, 255, 0.7);
}

.hero.is-dark a.navbar-item:hover, .hero.is-dark a.navbar-item.is-active,
.hero.is-dark .navbar-link:hover,
.hero.is-dark .navbar-link.is-active {
  background-color: #292929;
  color: #fff;
}

.hero.is-dark .tabs a {
  color: #fff;
  opacity: 0.9;
}

.hero.is-dark .tabs a:hover {
  opacity: 1;
}

.hero.is-dark .tabs li.is-active a {
  color: #363636 !important;
  opacity: 1;
}

.hero.is-dark .tabs.is-boxed a, .hero.is-dark .tabs.is-toggle a {
  color: #fff;
}

.hero.is-dark .tabs.is-boxed a:hover, .hero.is-dark .tabs.is-toggle a:hover {
  background-color: rgba(10, 10, 10, 0.1);
}

.hero.is-dark .tabs.is-boxed li.is-active a, .hero.is-dark .tabs.is-boxed li.is-active a:hover, .hero.is-dark .tabs.is-toggle li.is-active a, .hero.is-dark .tabs.is-toggle li.is-active a:hover {
  background-color: #fff;
  border-color: #fff;
  color: #363636;
}

.hero.is-dark.is-bold {
  background-image: linear-gradient(141deg, #1f191a 0%, #363636 71%, #46403f 100%);
}

@media screen and (max-width: 768px) {
  .hero.is-dark.is-bold .navbar-menu {
    background-image: linear-gradient(141deg, #1f191a 0%, #363636 71%, #46403f 100%);
  }
}

.hero.is-primary {
  background-color: #00d1b2;
  color: #fff;
}

.hero.is-primary a:not(.button):not(.dropdown-item):not(.tag):not(.pagination-link.is-current),
.hero.is-primary strong {
  color: inherit;
}

.hero.is-primary .title {
  color: #fff;
}

.hero.is-primary .subtitle {
  color: rgba(255, 255, 255, 0.9);
}

.hero.is-primary .subtitle a:not(.button),
.hero.is-primary .subtitle strong {
  color: #fff;
}

@media screen and (max-width: 1023px) {
  .hero.is-primary .navbar-menu {
    background-color: #00d1b2;
  }
}

.hero.is-primary .navbar-item,
.hero.is-primary .navbar-link {
  color: rgba(255, 255, 255, 0.7);
}

.hero.is-primary a.navbar-item:hover, .hero.is-primary a.navbar-item.is-active,
.hero.is-primary .navbar-link:hover,
.hero.is-primary .navbar-link.is-active {
  background-color: #00b89c;
  color: #fff;
}

.hero.is-primary .tabs a {
  color: #fff;
  opacity: 0.9;
}

.hero.is-primary .tabs a:hover {
  opacity: 1;
}

.hero.is-primary .tabs li.is-active a {
  color: #00d1b2 !important;
  opacity: 1;
}

.hero.is-primary .tabs.is-boxed a, .hero.is-primary .tabs.is-toggle a {
  color: #fff;
}

.hero.is-primary .tabs.is-boxed a:hover, .hero.is-primary .tabs.is-toggle a:hover {
  background-color: rgba(10, 10, 10, 0.1);
}

.hero.is-primary .tabs.is-boxed li.is-active a, .hero.is-primary .tabs.is-boxed li.is-active a:hover, .hero.is-primary .tabs.is-toggle li.is-active a, .hero.is-primary .tabs.is-toggle li.is-active a:hover {
  background-color: #fff;
  border-color: #fff;
  color: #00d1b2;
}

.hero.is-primary.is-bold {
  background-image: linear-gradient(141deg, #009e6c 0%, #00d1b2 71%, #00e7eb 100%);
}

@media screen and (max-width: 768px) {
  .hero.is-primary.is-bold .navbar-menu {
    background-image: linear-gradient(141deg, #009e6c 0%, #00d1b2 71%, #00e7eb 100%);
  }
}

.hero.is-link {
  background-color: #485fc7;
  color: #fff;
}

.hero.is-link a:not(.button):not(.dropdown-item):not(.tag):not(.pagination-link.is-current),
.hero.is-link strong {
  color: inherit;
}

.hero.is-link .title {
  color: #fff;
}

.hero.is-link .subtitle {
  color: rgba(255, 255, 255, 0.9);
}

.hero.is-link .subtitle a:not(.button),
.hero.is-link .subtitle strong {
  color: #fff;
}

@media screen and (max-width: 1023px) {
  .hero.is-link .navbar-menu {
    background-color: #485fc7;
  }
}

.hero.is-link .navbar-item,
.hero.is-link .navbar-link {
  color: rgba(255, 255, 255, 0.7);
}

.hero.is-link a.navbar-item:hover, .hero.is-link a.navbar-item.is-active,
.hero.is-link .navbar-link:hover,
.hero.is-link .navbar-link.is-active {
  background-color: #3a51bb;
  color: #fff;
}

.hero.is-link .tabs a {
  color: #fff;
  opacity: 0.9;
}

.hero.is-link .tabs a:hover {
  opacity: 1;
}

.hero.is-link .tabs li.is-active a {
  color: #485fc7 !important;
  opacity: 1;
}

.hero.is-link .tabs.is-boxed a, .hero.is-link .tabs.is-toggle a {
  color: #fff;
}

.hero.is-link .tabs.is-boxed a:hover, .hero.is-link .tabs.is-toggle a:hover {
  background-color: rgba(10, 10, 10, 0.1);
}

.hero.is-link .tabs.is-boxed li.is-active a, .hero.is-link .tabs.is-boxed li.is-active a:hover, .hero.is-link .tabs.is-toggle li.is-active a, .hero.is-link .tabs.is-toggle li.is-active a:hover {
  background-color: #fff;
  border-color: #fff;
  color: #485fc7;
}

.hero.is-link.is-bold {
  background-image: linear-gradient(141deg, #2959b3 0%, #485fc7 71%, #5658d2 100%);
}

@media screen and (max-width: 768px) {
  .hero.is-link.is-bold .navbar-menu {
    background-image: linear-gradient(141deg, #2959b3 0%, #485fc7 71%, #5658d2 100%);
  }
}

.hero.is-info {
  background-color: #3e8ed0;
  color: #fff;
}

.hero.is-info a:not(.button):not(.dropdown-item):not(.tag):not(.pagination-link.is-current),
.hero.is-info strong {
  color: inherit;
}

.hero.is-info .title {
  color: #fff;
}

.hero.is-info .subtitle {
  color: rgba(255, 255, 255, 0.9);
}

.hero.is-info .subtitle a:not(.button),
.hero.is-info .subtitle strong {
  color: #fff;
}

@media screen and (max-width: 1023px) {
  .hero.is-info .navbar-menu {
    background-color: #3e8ed0;
  }
}

.hero.is-info .navbar-item,
.hero.is-info .navbar-link {
  color: rgba(255, 255, 255, 0.7);
}

.hero.is-info a.navbar-item:hover, .hero.is-info a.navbar-item.is-active,
.hero.is-info .navbar-link:hover,
.hero.is-info .navbar-link.is-active {
  background-color: #3082c5;
  color: #fff;
}

.hero.is-info .tabs a {
  color: #fff;
  opacity: 0.9;
}

.hero.is-info .tabs a:hover {
  opacity: 1;
}

.hero.is-info .tabs li.is-active a {
  color: #3e8ed0 !important;
  opacity: 1;
}

.hero.is-info .tabs.is-boxed a, .hero.is-info .tabs.is-toggle a {
  color: #fff;
}

.hero.is-info .tabs.is-boxed a:hover, .hero.is-info .tabs.is-toggle a:hover {
  background-color: rgba(10, 10, 10, 0.1);
}

.hero.is-info .tabs.is-boxed li.is-active a, .hero.is-info .tabs.is-boxed li.is-active a:hover, .hero.is-info .tabs.is-toggle li.is-active a, .hero.is-info .tabs.is-toggle li.is-active a:hover {
  background-color: #fff;
  border-color: #fff;
  color: #3e8ed0;
}

.hero.is-info.is-bold {
  background-image: linear-gradient(141deg, #208fbc 0%, #3e8ed0 71%, #4d83db 100%);
}

@media screen and (max-width: 768px) {
  .hero.is-info.is-bold .navbar-menu {
    background-image: linear-gradient(141deg, #208fbc 0%, #3e8ed0 71%, #4d83db 100%);
  }
}

.hero.is-success {
  background-color: #48c78e;
  color: #fff;
}

.hero.is-success a:not(.button):not(.dropdown-item):not(.tag):not(.pagination-link.is-current),
.hero.is-success strong {
  color: inherit;
}

.hero.is-success .title {
  color: #fff;
}

.hero.is-success .subtitle {
  color: rgba(255, 255, 255, 0.9);
}

.hero.is-success .subtitle a:not(.button),
.hero.is-success .subtitle strong {
  color: #fff;
}

@media screen and (max-width: 1023px) {
  .hero.is-success .navbar-menu {
    background-color: #48c78e;
  }
}

.hero.is-success .navbar-item,
.hero.is-success .navbar-link {
  color: rgba(255, 255, 255, 0.7);
}

.hero.is-success a.navbar-item:hover, .hero.is-success a.navbar-item.is-active,
.hero.is-success .navbar-link:hover,
.hero.is-success .navbar-link.is-active {
  background-color: #3abb81;
  color: #fff;
}

.hero.is-success .tabs a {
  color: #fff;
  opacity: 0.9;
}

.hero.is-success .tabs a:hover {
  opacity: 1;
}

.hero.is-success .tabs li.is-active a {
  color: #48c78e !important;
  opacity: 1;
}

.hero.is-success .tabs.is-boxed a, .hero.is-success .tabs.is-toggle a {
  color: #fff;
}

.hero.is-success .tabs.is-boxed a:hover, .hero.is-success .tabs.is-toggle a:hover {
  background-color: rgba(10, 10, 10, 0.1);
}

.hero.is-success .tabs.is-boxed li.is-active a, .hero.is-success .tabs.is-boxed li.is-active a:hover, .hero.is-success .tabs.is-toggle li.is-active a, .hero.is-success .tabs.is-toggle li.is-active a:hover {
  background-color: #fff;
  border-color: #fff;
  color: #48c78e;
}

.hero.is-success.is-bold {
  background-image: linear-gradient(141deg, #29b35e 0%, #48c78e 71%, #56d2af 100%);
}

@media screen and (max-width: 768px) {
  .hero.is-success.is-bold .navbar-menu {
    background-image: linear-gradient(141deg, #29b35e 0%, #48c78e 71%, #56d2af 100%);
  }
}

.hero.is-warning {
  background-color: #ffe08a;
  color: rgba(0, 0, 0, 0.7);
}

.hero.is-warning a:not(.button):not(.dropdown-item):not(.tag):not(.pagination-link.is-current),
.hero.is-warning strong {
  color: inherit;
}

.hero.is-warning .title {
  color: rgba(0, 0, 0, 0.7);
}

.hero.is-warning .subtitle {
  color: rgba(0, 0, 0, 0.9);
}

.hero.is-warning .subtitle a:not(.button),
.hero.is-warning .subtitle strong {
  color: rgba(0, 0, 0, 0.7);
}

@media screen and (max-width: 1023px) {
  .hero.is-warning .navbar-menu {
    background-color: #ffe08a;
  }
}

.hero.is-warning .navbar-item,
.hero.is-warning .navbar-link {
  color: rgba(0, 0, 0, 0.7);
}

.hero.is-warning a.navbar-item:hover, .hero.is-warning a.navbar-item.is-active,
.hero.is-warning .navbar-link:hover,
.hero.is-warning .navbar-link.is-active {
  background-color: #ffd970;
  color: rgba(0, 0, 0, 0.7);
}

.hero.is-warning .tabs a {
  color: rgba(0, 0, 0, 0.7);
  opacity: 0.9;
}

.hero.is-warning .tabs a:hover {
  opacity: 1;
}

.hero.is-warning .tabs li.is-active a {
  color: #ffe08a !important;
  opacity: 1;
}

.hero.is-warning .tabs.is-boxed a, .hero.is-warning .tabs.is-toggle a {
  color: rgba(0, 0, 0, 0.7);
}

.hero.is-warning .tabs.is-boxed a:hover, .hero.is-warning .tabs.is-toggle a:hover {
  background-color: rgba(10, 10, 10, 0.1);
}

.hero.is-warning .tabs.is-boxed li.is-active a, .hero.is-warning .tabs.is-boxed li.is-active a:hover, .hero.is-warning .tabs.is-toggle li.is-active a, .hero.is-warning .tabs.is-toggle li.is-active a:hover {
  background-color: rgba(0, 0, 0, 0.7);
  border-color: rgba(0, 0, 0, 0.7);
  color: #ffe08a;
}

.hero.is-warning.is-bold {
  background-image: linear-gradient(141deg, #ffb657 0%, #ffe08a 71%, #fff6a3 100%);
}

@media screen and (max-width: 768px) {
  .hero.is-warning.is-bold .navbar-menu {
    background-image: linear-gradient(141deg, #ffb657 0%, #ffe08a 71%, #fff6a3 100%);
  }
}

.hero.is-danger {
  background-color: #f14668;
  color: #fff;
}

.hero.is-danger a:not(.button):not(.dropdown-item):not(.tag):not(.pagination-link.is-current),
.hero.is-danger strong {
  color: inherit;
}

.hero.is-danger .title {
  color: #fff;
}

.hero.is-danger .subtitle {
  color: rgba(255, 255, 255, 0.9);
}

.hero.is-danger .subtitle a:not(.button),
.hero.is-danger .subtitle strong {
  color: #fff;
}

@media screen and (max-width: 1023px) {
  .hero.is-danger .navbar-menu {
    background-color: #f14668;
  }
}

.hero.is-danger .navbar-item,
.hero.is-danger .navbar-link {
  color: rgba(255, 255, 255, 0.7);
}

.hero.is-danger a.navbar-item:hover, .hero.is-danger a.navbar-item.is-active,
.hero.is-danger .navbar-link:hover,
.hero.is-danger .navbar-link.is-active {
  background-color: #ef2e55;
  color: #fff;
}

.hero.is-danger .tabs a {
  color: #fff;
  opacity: 0.9;
}

.hero.is-danger .tabs a:hover {
  opacity: 1;
}

.hero.is-danger .tabs li.is-active a {
  color: #f14668 !important;
  opacity: 1;
}

.hero.is-danger .tabs.is-boxed a, .hero.is-danger .tabs.is-toggle a {
  color: #fff;
}

.hero.is-danger .tabs.is-boxed a:hover, .hero.is-danger .tabs.is-toggle a:hover {
  background-color: rgba(10, 10, 10, 0.1);
}

.hero.is-danger .tabs.is-boxed li.is-active a, .hero.is-danger .tabs.is-boxed li.is-active a:hover, .hero.is-danger .tabs.is-toggle li.is-active a, .hero.is-danger .tabs.is-toggle li.is-active a:hover {
  background-color: #fff;
  border-color: #fff;
  color: #f14668;
}

.hero.is-danger.is-bold {
  background-image: linear-gradient(141deg, #fa0a62 0%, #f14668 71%, #f7595f 100%);
}

@media screen and (max-width: 768px) {
  .hero.is-danger.is-bold .navbar-menu {
    background-image: linear-gradient(141deg, #fa0a62 0%, #f14668 71%, #f7595f 100%);
  }
}

.hero.is-small .hero-body {
  padding: 1.5rem;
}

@media screen and (min-width: 769px), print {
  .hero.is-medium .hero-body {
    padding: 9rem 4.5rem;
  }
}

@media screen and (min-width: 769px), print {
  .hero.is-large .hero-body {
    padding: 18rem 6rem;
  }
}

.hero.is-halfheight .hero-body, .hero.is-fullheight .hero-body, .hero.is-fullheight-with-navbar .hero-body {
  align-items: center;
  display: flex;
}

.hero.is-halfheight .hero-body > .container, .hero.is-fullheight .hero-body > .container, .hero.is-fullheight-with-navbar .hero-body > .container {
  flex-grow: 1;
  flex-shrink: 1;
}

.hero.is-halfheight {
  min-height: 50vh;
}

.hero.is-fullheight {
  min-height: 100vh;
}

.hero-video {
  overflow: hidden;
}

.hero-video video {
  left: 50%;
  min-height: 100%;
  min-width: 100%;
  position: absolute;
  top: 50%;
  transform: translate3d(-50%, -50%, 0);
}

.hero-video.is-transparent {
  opacity: 0.3;
}

@media screen and (max-width: 768px) {
  .hero-video {
    display: none;
  }
}

.hero-buttons {
  margin-top: 1.5rem;
}

@media screen and (max-width: 768px) {
  .hero-buttons .button {
    display: flex;
  }
  .hero-buttons .button:not(:last-child) {
    margin-bottom: 0.75rem;
  }
}

@media screen and (min-width: 769px), print {
  .hero-buttons {
    display: flex;
    justify-content: center;
  }
  .hero-buttons .button:not(:last-child) {
    margin-right: 1.5rem;
  }
}

.hero-head,
.hero-foot {
  flex-grow: 0;
  flex-shrink: 0;
}

.hero-body {
  flex-grow: 1;
  flex-shrink: 0;
  padding: 3rem 1.5rem;
}

@media screen and (min-width: 769px), print {
  .hero-body {
    padding: 3rem 3rem;
  }
}

.section {
  padding: 3rem 1.5rem;
}

@media screen and (min-width: 1024px) {
  .section {
    padding: 3rem 3rem;
  }
  .section.is-medium {
    padding: 9rem 4.5rem;
  }
  .section.is-large {
    padding: 18rem 6rem;
  }
}

.footer {
  background-color: #fafafa;
  padding: 3rem 1.5rem 6rem;
}

/*
 @import "https://cdnjs.cloudflare.com/ajax/libs/bulma/0.7.1/css/bulma.min.css";
*/
/* BREAKPOINTS */
/*
$gap: 32px !default
// 960, 1152, and 1344 have been chosen because they are divisible by both 12 and 16
$tablet: 769px !default
// 960px container + 4rem
$desktop: 960px + (2 * $gap) !default
// 1152px container + 4rem
$widescreen: 1152px + (2 * $gap) !default
$widescreen-enabled: true !default
// 1344px container + 4rem
$fullhd: 1344px + (2 * $gap) !default
$fullhd-enabled: true !default
*/
/*   $lila							: #b88ccc;  */
/* 
 


$size-xxsmall:  0.688rem ;
$size-xsmall:   0.75rem ; 
$size-small:    0.875rem ; 
$size-100:		1rem ;
$size-normal:   1.25rem; 
$size-normal:   1.125rem;
$size-normaler:   1.25rem;
$size-medium:  	1.5rem;
$size-medium2:   1.75rem;
$size-large:    2rem;
$size-larger:   2.5rem;
$size-xl:       3rem;
$size-xxl:      3.5rem;
$size-xxxl:     4rem; 

 */
/*
@import "overrules";
*/
/* General Stuff */
html {
  scroll-behavior: smooth;
  scroll-padding-top: 7rem;
}

body {
  font-family: "Montserrat", Helvetica, Arial, "Nimbus Sans L", sans-serif;
  font-size: 1rem;
  color: #424242;
  line-height: 1.6;
  background-color: #fff;
  scroll-snap-type: y mandatory;
  /* Vertikal Scrollen und Snap Points streng einhalten */
}

@media screen and (min-width: 1216px) {
  body {
    font-size: 1rem;
  }
}

main .column {
  padding: 0;
  padding-bottom: 4rem;
}

.section {
  padding: 3rem 0 0;
}

.section .container,
.navbar .container,
.footer .container,
.karriere_footer .container,
.headline .container,
.bottomofcontent .container,
.insights .container,
.tns-controls,
.ept-container {
  width: 100%;
  flex-grow: 0;
  margin: 0 auto;
  padding: 0;
  width: 100%;
}

@media screen and (min-width: 1024px) {
  .section .container,
  .navbar .container,
  .footer .container,
  .karriere_footer .container,
  .headline .container,
  .bottomofcontent .container,
  .insights .container,
  .tns-controls,
  .ept-container {
    width: 92%;
    max-width: 1100px;
  }
}

@media screen and (min-width: 1216px) {
  .section .container,
  .navbar .container,
  .footer .container,
  .karriere_footer .container,
  .headline .container,
  .bottomofcontent .container,
  .insights .container,
  .tns-controls,
  .ept-container {
    max-width: 1300px !important;
  }
}

@media screen and (min-width: 1500px) {
  .section .container,
  .navbar .container,
  .footer .container,
  .karriere_footer .container,
  .headline .container,
  .bottomofcontent .container,
  .insights .container,
  .tns-controls,
  .ept-container {
    max-width: 1400px !important;
  }
}

.section main.container,
.section main .container,
section.insights .container,
.headline .container {
  padding: 0;
  padding: 2rem 2rem 0 2rem;
  /*	@include from($widescreen) { padding: 2.5rem 4rem 0; } */
}

@media screen and (min-width: 769px) {
  .section main.container,
  .section main .container,
  section.insights .container,
  .headline .container {
    padding: 2rem 4rem 0 3rem;
  }
}

@media screen and (min-width: 1024px) {
  .section main.container,
  .section main .container,
  section.insights .container,
  .headline .container {
    padding: 2.5rem 0 0;
  }
}

@media screen and (min-width: 1024px) {
  .section main.container,
  .section main .container,
  section.insights .container,
  .headline .container {
    padding: 0;
  }
}

@media screen and (min-width: 1024px) {
  .is-path-node .section main.container,
  .is-path-taxonomy .section main.container, .is-path-node
  .section main .container,
  .is-path-taxonomy
  .section main .container, .is-path-node
  section.insights .container,
  .is-path-taxonomy
  section.insights .container, .is-path-node
  .headline .container,
  .is-path-taxonomy
  .headline .container {
    padding-left: 6rem;
  }
}

.is-path-node .section main.container .paragraph .container,
.is-path-taxonomy .section main.container .paragraph .container, .is-path-node
.section main .container .paragraph .container,
.is-path-taxonomy
.section main .container .paragraph .container, .is-path-node
section.insights .container .paragraph .container,
.is-path-taxonomy
section.insights .container .paragraph .container, .is-path-node
.headline .container .paragraph .container,
.is-path-taxonomy
.headline .container .paragraph .container {
  padding-left: 0;
  padding-right: 0;
  width: 100%;
}

.section main.container .columns {
  margin: 0;
  display: block;
  /* disable flex vom columns.css bulma */
}

.section main.container .columns .block-system-main-block {
  /*		padding-top: 4rem; */
}

.is-path-node .section main.container .columns .block-system-main-block {
  padding-top: 0;
}

.section .container,
.ui-widget {
  /* a */
  /* Ausnahmen */
}

.section .container a:not(.button),
.ui-widget a:not(.button) {
  -webkit-transition: all 0.2s ease-in-out;
  -moz-transition: all 0.2s ease-in-out;
  -ms-transition: all 0.2s ease-in-out;
  -o-transition: all 0.2s ease-in-out;
  transition: all 0.2s ease-in-out;
  color: #424242;
  color: #e84231;
  text-decoration: none;
  position: relative;
  position: relative;
  text-decoration: none;
}

.section .container a:not(.button).mailto svg,
.ui-widget a:not(.button).mailto svg {
  display: none;
}

.section .container a:not(.button):after,
.ui-widget a:not(.button):after {
  content: "";
  position: absolute;
  left: 0;
  bottom: 0px;
  /* Abstand unter Text */
  width: 100%;
  height: 1px;
  background-color: #EC6456;
  transform: scaleX(0);
  transform-origin: left;
  transition: transform 0.3s ease;
}

.section .container a:not(.button):hover:after, .section .container a:not(.button):focus:after, .section .container a:not(.button):active:after,
.ui-widget a:not(.button):hover:after,
.ui-widget a:not(.button):focus:after,
.ui-widget a:not(.button):active:after {
  transform: scaleX(1);
}

.section .container .field--widget-text-textarea a,
.section .container .irgendwas a,
.section .container div.field--name-field-mehr-bilder a,
.section .container div.field--name-field-bilder-gallery a,
.section .container .block-private-message-actions-block a,
.ui-widget .field--widget-text-textarea a,
.ui-widget .irgendwas a,
.ui-widget div.field--name-field-mehr-bilder a,
.ui-widget div.field--name-field-bilder-gallery a,
.ui-widget .block-private-message-actions-block a {
  background: unset;
}

.section .container .field--widget-text-textarea a:after,
.section .container .irgendwas a:after,
.section .container div.field--name-field-mehr-bilder a:after,
.section .container div.field--name-field-bilder-gallery a:after,
.section .container .block-private-message-actions-block a:after,
.ui-widget .field--widget-text-textarea a:after,
.ui-widget .irgendwas a:after,
.ui-widget div.field--name-field-mehr-bilder a:after,
.ui-widget div.field--name-field-bilder-gallery a:after,
.ui-widget .block-private-message-actions-block a:after {
  display: none;
}

.is-logged-in-user .filterwrapper {
  top: 100px;
}

.is-logged-in-user div.contextual {
  display: none;
  position: relative;
  z-index: 500;
  top: auto;
  right: auto;
}

body.toolbar-fixed {
  margin-top: 100px;
}

body.toolbar-fixed .redmenu > .inner {
  margin-top: 100px;
}

body.is-path-node main {
  padding-bottom: 0;
}

body .hero .columns {
  margin: 0;
  padding: 0;
  display: block;
}

body .hero .columns .column {
  padding: 0;
  display: flex;
  align-items: center;
  justify-content: center;
  height: 100px;
  width: 100%;
  text-align: center;
  top: 150px;
  line-height: 100px;
  position: absolute;
  z-index: 2;
  height: auto;
}

body .hero .columns .column > .block {
  /*		@include from ($tablet) { width: 70%;   }
		@include from ($tablet) { width: 80%;   }   */
}

/* body */
.hero.is-primary {
  background-color: transparent;
  color: #151515;
}

.hero.is-primary .hero-body {
  flex-grow: 0;
  padding: 0;
}

.hero.is-primary .title {
  text-align: center;
  /*
*/
  overflow-wrap: break-word;
  word-wrap: break-word;
  -ms-word-break: break-all;
  word-break: break-word;
  -ms-hyphens: auto;
  -moz-hyphens: auto;
  -webkit-hyphens: auto;
  hyphens: auto;
  font-size: 2rem;
  font-weight: 400;
  letter-spacing: 2px;
}

@media screen and (min-width: 769px) {
  .hero.is-primary .title {
    width: 80%;
  }
}

@media screen and (min-width: 1024px) {
  .hero.is-primary .title {
    width: 75%;
  }
}

@media screen and (min-width: 1500px) {
  .hero.is-primary .title {
    width: 70%;
  }
}

@media screen and (min-width: 769px) {
  .hero.is-primary .title {
    font-size: 2.75rem;
  }
}

@media screen and (min-width: 1024px) {
  .hero.is-primary .title {
    font-size: 3rem;
  }
}

div.hero-image {
  width: 100%;
  top: 0;
  z-index: 0;
  position: relative;
}

@media screen and (min-width: 769px) {
  div.hero-image {
    max-height: 350px;
    height: 350px;
  }
}

div.hero-image img {
  width: 100%;
  object-fit: cover;
  display: inherit;
}

@media screen and (min-width: 769px) {
  div.hero-image img {
    max-height: 350px;
    min-height: 250px;
    height: 350px;
  }
}

@media screen and (max-width: 768px) {
  div.hero-image img {
    max-height: 150px;
  }
}

/* hero image */
/* body  &.kompetenzen, &.projekte */
body.has-headline {
  /*
	main .field--name-field-introtext {
			@include from($desktop) { max-width: 75%; }
			@include from($widescreen) { max-width: 60%; }
	}
*/
  /*
	main {
		.block.block-page-title-block,
		.block-page-title-block + .subtitle,
		.topofcontent .subtitle,
		.field--name-field-headline,
		.field--name-field-introtext {
				margin-left: 1rem; 
				@include from($tablet) { margin-left: 2rem; }
				@include from($desktop) { margin-left: 4rem; }
			}
		}
*/
}

body.has-headline main .block.block-page-title-block {
  margin-bottom: .5rem;
  padding-top: .5rem;
}

body.has-headline .topofcontent .subtitle,
body.has-headline .field--name-field-headline,
body.has-headline main .block.block-page-title-block + .subtitle {
  color: #EC6456;
  font-weight: 700;
  line-height: 1.1;
  font-size: 1.75rem;
  margin-bottom: 1rem;
}

@media screen and (min-width: 1024px) {
  body.has-headline .topofcontent .subtitle,
  body.has-headline .field--name-field-headline,
  body.has-headline main .block.block-page-title-block + .subtitle {
    max-width: 75%;
  }
}

@media screen and (min-width: 1216px) {
  body.has-headline .topofcontent .subtitle,
  body.has-headline .field--name-field-headline,
  body.has-headline main .block.block-page-title-block + .subtitle {
    max-width: 60%;
  }
}

@media screen and (min-width: 600px) {
  body.has-headline .topofcontent .subtitle,
  body.has-headline .field--name-field-headline,
  body.has-headline main .block.block-page-title-block + .subtitle {
    font-size: 2rem;
  }
}

@media screen and (min-width: 769px) {
  body.has-headline .topofcontent .subtitle,
  body.has-headline .field--name-field-headline,
  body.has-headline main .block.block-page-title-block + .subtitle {
    font-size: 2.75rem;
  }
}

@media screen and (min-width: 1024px) {
  body.has-headline .topofcontent .subtitle,
  body.has-headline .field--name-field-headline,
  body.has-headline main .block.block-page-title-block + .subtitle {
    font-size: 3rem;
  }
}

@media screen and (min-width: 769px) {
  body.has-headline .topofcontent .subtitle,
  body.has-headline .field--name-field-headline,
  body.has-headline main .block.block-page-title-block + .subtitle {
    margin-bottom: 2rem;
  }
}

@media screen and (min-width: 1216px) {
  body.has-headline .topofcontent .subtitle,
  body.has-headline .field--name-field-headline,
  body.has-headline main .block.block-page-title-block + .subtitle {
    margin-bottom: 4rem;
  }
}

/* body  &.kompetenzen, &.projekte */
/* linker Space für Menü */
/* Verhindern, dass bei Suchfilter fixed on top main springt */
body:not(.smaller2) main.main {
  margin-top: 0;
}

@media screen and (max-width: 1023px) {
  section.hero, section.section {
    padding: 2rem 1.5rem;
    padding: 0;
  }
  section .column {
    padding: 0 0 0.75rem 0;
  }
  section .hero-body {
    padding: 0;
  }
}

.bottom_mobile {
  display: none;
}

@media screen and (max-width: 1023px) {
  .bottom_mobile {
    display: block;
    position: fixed;
    bottom: 0;
    z-index: 10;
    width: 100%;
    background-color: #fff;
    height: 60px;
    padding: 0 1rem 10px;
    box-shadow: 0 0 4px #ccc;
  }
}

main article {
  /*	@include from($tablet) { width: 80%; }
	@include from($desktop) { width: 75%; }
	@include from($fullhd) { width: 70%; }
*/
}

main article article {
  width: 100%;
}

main article .field--name-field-introtext,
main article .field--name-field-introtext2,
main article .articlehead .field--name-field-subtitel {
  font-size: 1rem;
}

@media screen and (min-width: 600px) {
  main article .field--name-field-introtext,
  main article .field--name-field-introtext2,
  main article .articlehead .field--name-field-subtitel {
    font-size: 1rem;
  }
}

@media screen and (min-width: 769px) {
  main article .field--name-field-introtext,
  main article .field--name-field-introtext2,
  main article .articlehead .field--name-field-subtitel {
    font-size: 1.25rem;
  }
}

@media screen and (min-width: 1024px) {
  main article .field--name-field-introtext,
  main article .field--name-field-introtext2,
  main article .articlehead .field--name-field-subtitel {
    font-size: 1.25rem;
  }
}

main article .field--name-field-bild,
main article .field--name-field-bild-joblisting {
  margin-bottom: 1rem;
}

main article .field--name-field-image,
main article .field--name-field-media .field--type-image {
  margin-bottom: 1.5rem;
}

main article .field--name-field-image figure,
main article .field--name-field-media .field--type-image figure {
  position: relative;
}

main article .field--name-field-image figure img,
main article .field--name-field-media .field--type-image figure img {
  object-fit: cover;
  object-position: 50% 50%;
  max-height: 250px;
  width: 100%;
}

/* main acile */
.emptyP {
  display: none;
}

/* TITLE ON CONTENT PAGES */
.topofcontent {
  -webkit-box-flex: 0;
  -webkit-flex: 0 1 100%;
  -moz-box-flex: 0;
  -moz-flex: 0 1 100%;
  -ms-flex: 0 1 100%;
  flex: 0 1 100%;
}

.topofcontent h1.title {
  padding-top: 2rem;
  padding: 2rem 3rem 0;
  background-color: rgba(255, 255, 255, 0.5);
  background-color: #fff;
  margin-top: -150px;
  font-family: "Montserrat", Helvetica, Arial, "Nimbus Sans L", sans-serif;
}

@media screen and (min-width: 1024px) {
  .topofcontent h1.title {
    margin-left: 307px;
  }
}

.bottom {
  padding: 2rem 0 4rem 0;
}

/*   TABS */
.section .tabs {
  margin: 2rem 0 1rem;
}

.section .tabs ul.primary {
  border-bottom: 1px solid rgba(0, 0, 0, 0.25);
}

.section .tabs ul li {
  margin-right: 1px;
}

.section .tabs ul li a:not(.button) {
  border: 0 none !important;
  color: #151515;
  background-color: #f5b1aa;
  background-color: transparent;
  border-top-left-radius: 5px;
  border-top-right-radius: 5px;
}

.section .tabs ul li a:not(.button).is-active, .section .tabs ul li a:not(.button):hover, .section .tabs ul li a:not(.button):focus, .section .tabs ul li a:not(.button):active {
  color: #151515;
  background-color: #f5b1aa;
}

.section .tabs ul li a:not(.button).is-active {
  color: #fff;
  background-color: #EC6456;
}

.section .tabs li.is-active a {
  color: #fff;
  background-color: #EC6456;
  border: 0 none;
}

/* Messages */
.message {
  border-radius: 5px;
  margin: 1rem auto 3rem auto !important;
}

.form-item--error-message {
  padding: 5px;
  color: #EC6456;
}

/* Cookie Banner */
div#sliding-popup, div#sliding-popup .eu-cookie-withdraw-banner, .eu-cookie-withdraw-tab {
  background: #EC6456;
  padding: 2rem 0;
  font-family: "Montserrat", Helvetica, Arial, "Nimbus Sans L", sans-serif;
}

div#sliding-popup *, div#sliding-popup .eu-cookie-withdraw-banner *, .eu-cookie-withdraw-tab * {
  font-size: 100% !important;
}

div#sliding-popup a, div#sliding-popup p, div#sliding-popup div, div#sliding-popup strong, div#sliding-popup .eu-cookie-withdraw-banner a, div#sliding-popup .eu-cookie-withdraw-banner p, div#sliding-popup .eu-cookie-withdraw-banner div, div#sliding-popup .eu-cookie-withdraw-banner strong, .eu-cookie-withdraw-tab a, .eu-cookie-withdraw-tab p, .eu-cookie-withdraw-tab div, .eu-cookie-withdraw-tab strong {
  color: #fff;
  font-weight: 500;
}

div#sliding-popup a, div#sliding-popup .eu-cookie-withdraw-banner a, .eu-cookie-withdraw-tab a {
  color: #151515;
  text-decoration: underline;
}

div#sliding-popup a:hover, div#sliding-popup a:focus, div#sliding-popup a:active, div#sliding-popup .eu-cookie-withdraw-banner a:hover, div#sliding-popup .eu-cookie-withdraw-banner a:focus, div#sliding-popup .eu-cookie-withdraw-banner a:active, .eu-cookie-withdraw-tab a:hover, .eu-cookie-withdraw-tab a:focus, .eu-cookie-withdraw-tab a:active {
  color: #151515;
}

div#sliding-popup .popup-content, div#sliding-popup .eu-cookie-withdraw-banner .popup-content, .eu-cookie-withdraw-tab .popup-content {
  background: #EC6456 url(../assets/img/sprite_fcp.svg) no-repeat 20px -2200px;
  min-height: 130px;
  padding-top: 150px;
}

@media screen and (min-width: 769px) {
  div#sliding-popup .popup-content, div#sliding-popup .eu-cookie-withdraw-banner .popup-content, .eu-cookie-withdraw-tab .popup-content {
    padding-top: 0;
    padding-left: 220px;
  }
}

@media screen and (min-width: 769px) {
  div#sliding-popup .eu-cookie-compliance-message, div#sliding-popup .eu-cookie-withdraw-banner .eu-cookie-compliance-message, .eu-cookie-withdraw-tab .eu-cookie-compliance-message {
    max-width: 75%;
  }
}

div#sliding-popup button, div#sliding-popup .eu-cookie-withdraw-banner button, .eu-cookie-withdraw-tab button {
  margin-right: 10px;
  margin-top: 1em;
  padding: 4px 8px;
  border: 1px solid #fff;
  color: #EC6456 !important;
  font-family: "Montserrat", Helvetica, Arial, "Nimbus Sans L", sans-serif !important;
  font-weight: bold;
  text-shadow: none !important;
  -moz-border-radius: 6px;
  -webkit-border-radius: 6px;
  border-radius: 6px;
  background-image: url(none);
  background-color: #fff !important;
}

div#sliding-popup button:hover, div#sliding-popup button:focus, div#sliding-popup button:active, div#sliding-popup .eu-cookie-withdraw-banner button:hover, div#sliding-popup .eu-cookie-withdraw-banner button:focus, div#sliding-popup .eu-cookie-withdraw-banner button:active, .eu-cookie-withdraw-tab button:hover, .eu-cookie-withdraw-tab button:focus, .eu-cookie-withdraw-tab button:active {
  background-color: #fff !important;
  color: #151515 !important;
  box-shadow: 0 0 5px #151515;
}

body.is-view .view {
  margin-bottom: 4rem;
}

/* end view-topofview */
/* end view-filters */
.view footer {
  width: 100%;
  display: block;
}

.topofcontent:has(.rubrik-header) + .block-page-title-block {
  display: none;
}

.topofcontent:has(.rubrik-header.inactive) + .block-page-title-block {
  display: block;
  padding: 0;
  background: transparent !important;
}

.view-content {
  display: grid;
  grid-template-columns: repeat(1, 1fr);
  grid-template-rows: repeat(1, 1fr);
  grid-auto-flow: row;
  gap: 2rem;
  align-items: end;
  /* end views-row */
}

@media screen and (min-width: 769px) {
  .view-content {
    grid-template-columns: repeat(2, 1fr);
  }
}

@media screen and (min-width: 1024px) {
  .view-content {
    grid-template-columns: repeat(3, 1fr);
  }
}

@media screen and (min-width: 1216px) {
  .view-content {
    grid-template-columns: repeat(4, 1fr);
  }
}

.view-content > .views-row {
  background-color: red;
  background: #fff;
  padding: 0;
  margin: 0;
  position: relative;
  height: 100%;
  /*
    @include from($widescreen) {  
        &:nth-child(15n+8) {
            grid-column: 3, 1fr;
            grid-row: 3, 1fr;   
            img {    }
        }  
        } 
*/
}

.view-content > .views-row a.card {
  display: block;
  background: #fff;
  height: 100%;
  width: 100%;
  box-shadow: unset;
  /*
      box-shadow: 2px 2px 4px $grey;
*/
  /* from Mixin above */
  /* ++++++++++++++++++++++++++++++++   */
  /* ++++++++++++++++++++++++++++++++   */
}

@media screen and (min-width: 769px) {
  .view-content > .views-row a.card {
    display: grid;
    grid-template-columns: 1fr;
    grid-template-rows: 10px auto auto 1fr;
    grid-template-rows: 200px auto;
    grid-template-rows: auto auto;
    grid-template-rows: minmax(200px, auto) 1fr;
    grid-column-gap: 0px;
    grid-row-gap: 0px;
  }
}

.view-content > .views-row a.card * {
  -webkit-transition: all 0.15s linear;
  -moz-transition: all 0.15s linear;
  -ms-transition: all 0.15s linear;
  -o-transition: all 0.15s linear;
  transition: all 0.15s linear;
  padding: 0;
  margin: 0;
  color: #151515;
}

.view-content > .views-row a.card > * {
  padding: 0 2rem;
  padding: 0;
  margin: 0;
  color: #151515;
}

.view-content > .views-row a.card:hover, .view-content > .views-row a.card:focus, .view-content > .views-row a.card:active, .view-content > .views-row a.card:focus-within {
  color: #EC6456;
}

.view-content > .views-row a.card:hover *, .view-content > .views-row a.card:focus *, .view-content > .views-row a.card:active *, .view-content > .views-row a.card:focus-within * {
  color: #EC6456;
}

.view-content > .views-row a.card:hover:after, .view-content > .views-row a.card:focus:after, .view-content > .views-row a.card:active:after, .view-content > .views-row a.card:focus-within:after {
  display: none;
}

.view-content > .views-row a.card.projekt .small, .view-content > .views-row a.card.news .small, .view-content > .views-row a.card.kompetenzen .small {
  text-transform: uppercase;
}

.view-content > .views-row a.card > figure.image,
.view-content > .views-row a.card .field_media_image figure.image,
.view-content > .views-row a.card div.field--name-field-mehr-bilder figure.image,
.view-content > .views-row a.card .views-field-field-image, .view-content > .views-row a.card .views-field-logo {
  /* passt sich genau der Bildgröße an */
  position: relative;
  /* nötig für ::after */
  padding: 0;
  /* Standard-Padding entfernen */
  line-height: 0;
  /* verhindert zusätzlichen Platz unter img */
  margin-bottom: .5rem;
}

@media screen and (min-width: 769px) {
  .view-content > .views-row a.card > figure.image,
  .view-content > .views-row a.card .field_media_image figure.image,
  .view-content > .views-row a.card div.field--name-field-mehr-bilder figure.image,
  .view-content > .views-row a.card .views-field-field-image, .view-content > .views-row a.card .views-field-logo {
    display: inline-block;
  }
}

.view-content > .views-row a.card > figure.image:after,
.view-content > .views-row a.card .field_media_image figure.image:after,
.view-content > .views-row a.card div.field--name-field-mehr-bilder figure.image:after,
.view-content > .views-row a.card .views-field-field-image:after, .view-content > .views-row a.card .views-field-logo:after {
  -webkit-transition: all 0.15s linear;
  -moz-transition: all 0.15s linear;
  -ms-transition: all 0.15s linear;
  -o-transition: all 0.15s linear;
  transition: all 0.15s linear;
  content: "";
  position: absolute;
  inset: 0;
  background: rgba(235, 99, 84, 0.6);
  pointer-events: none;
  opacity: 0;
}

.view-content > .views-row a.card:hover > figure.image:after, .view-content > .views-row a.card:hover .views-field-field-image:after, .view-content > .views-row a.card:hover .views-field-logo:after,
.view-content > .views-row a.card:hover .field_media_image figure.image:after, .view-content > .views-row a.card:focus > figure.image:after, .view-content > .views-row a.card:focus .views-field-field-image:after, .view-content > .views-row a.card:focus .views-field-logo:after,
.view-content > .views-row a.card:focus .field_media_image figure.image:after, .view-content > .views-row a.card:active > figure.image:after, .view-content > .views-row a.card:active .views-field-field-image:after, .view-content > .views-row a.card:active .views-field-logo:after,
.view-content > .views-row a.card:active .field_media_image figure.image:after, .view-content > .views-row a.card:focus-within > figure.image:after, .view-content > .views-row a.card:focus-within .views-field-field-image:after, .view-content > .views-row a.card:focus-within .views-field-logo:after,
.view-content > .views-row a.card:focus-within .field_media_image figure.image:after {
  opacity: 1;
}

.view-content > .views-row a.card h2, .view-content > .views-row a.card h3 {
  margin: 0;
}

.view-content > .views-row a.card h3 {
  text-transform: none;
}

@media screen and (min-width: 1216px) {
  .view-content > .views-row a.card h3 {
    letter-spacing: .025rem;
  }
}

.view-content > .views-row a.card ul {
  margin: 0;
  list-style: none;
}

.view-content > .views-row a.card ul li {
  list-style: none;
}

.view-content > .views-row a.card .views-field div.field-content,
.view-content > .views-row a.card .views-field-details .field-content,
.view-content > .views-row a.card span.views-label + span {
  word-break: break-word;
}

.view-content > .views-row a.card .views-label {
  font-size: 0;
  position: relative;
  display: inline-block;
}

.view-content > .views-row a.card .views-label:before {
  content: "";
  display: block;
  position: absolute;
  left: 0;
  top: -6px;
  width: 36px;
  height: 36px;
  border-radius: 100%;
  background: #ff75cc url(../assets/img/sprite_fcp.svg) no-repeat 5px -695px;
}

.view-content > .views-row a.card.image {
  min-height: 300px;
  display: grid;
  grid-template-columns: 1fr;
  grid-template-rows: 1fr auto;
  grid-template-rows: auto auto 1fr auto;
  grid-column-gap: 0px;
  grid-row-gap: 0px;
}

.view-content > .views-row a.card.image figure img {
  margin: 0;
  padding: 0;
  height: 250px;
  width: 100%;
  object-fit: cover;
  object-position: center center;
  border-radius: 20px 20px 0 0;
}

@media screen and (max-width: 768px) {
  .view-content > .views-row a.card.image figure img {
    height: 150px;
  }
}

.view-content > .views-row a.card.small {
  grid-template-columns: 1fr;
  grid-template-rows: repeat(2, 1fr);
  grid-template-rows: auto 1fr;
  border: 0 none;
  min-height: 150px;
  margin-bottom: 1rem;
}

@media screen and (min-width: 769px) {
  .view-content > .views-row a.card.small {
    min-height: 200px;
  }
}

@media screen and (min-width: 1024px) {
  .view-content > .views-row a.card.small {
    min-height: 300px;
  }
}

@media screen and (min-width: 1024px) {
  .projekte .view-content > .views-row:first-child {
    grid-column: span 2;
  }
  .projekte .view-content > .views-row:first-child img {
    height: 300px;
  }
  .projekte .view-content > .views-row:nth-child(2), .projekte .view-content > .views-row:nth-child(3) {
    align-self: flex-end;
    display: flex;
    align-items: flex-end;
    height: auto;
  }
}

/* end view-content */
/*
 
.view-content,
.view-content .views-group {

article {width: 100%; display: block;}
> h2 {display: block; width: 100%; margin: 2rem 0 .5rem; }

	@include flexbox();
	@include flex-wrap(wrap);
	@include justify-content(space-between); 

> .views-row  {

	.views-row-inner {
		height: 100.1%; 
		    padding: 0;
		    position: relative; 
		}

	margin-bottom: 1.5rem;
    padding-bottom: 1rem;
	background: $white;
	line-height: 1.3;

	@include flex (0 1 100%);
    @include from($tablet) { @include flex (0 1 47.5%);  }
    @include from($desktop) { @include flex (0 1 47.5%); }
    @include from($desktop) { @include flex (0 1 31%); }

	
	@include card(); 


	h3 {
		margin-top: 0;
		margin-bottom: .5rem;
			font-size: $size-medium;
			@include from($mobile)     		{ font-size: $size-medium; }
			@include from($tablet) 	     	{ font-size: $size-medium; }
			@include from($desktop)			{ font-size: $size-medium2; }
	}

 
 

} 

} /* end views-content */
.view-content:has(.views-group) {
  display: block;
}

header {
  padding: 0 0 .5rem;
  font-size: 0.875rem;
}

header .counter {
  text-align: center;
  color: #151515;
}

header .counter strong {
  /* font-size: 250%; */
  font-size: 200%;
  color: #151515;
  margin-right: 1rem;
}

.view-content,
.view-content .views-group {
  /* end views-row */
}

.view-content .views-row,
.view-content .views-group .views-row {
  /*
.views-field-created {
	display:block;
	text-align:right;
	color: $darkgrey;
	padding: 0;
	margin: 0;
	font-size: $size-small;
} */
}

.view-content .views-row h2.field-content,
.view-content .views-row h3.field-content,
.view-content .views-row h3,
.view-content .views-group .views-row h2.field-content,
.view-content .views-group .views-row h3.field-content,
.view-content .views-group .views-row h3 {
  word-break: break-word;
}

.view-content .views-row figure.image img,
.view-content .views-group .views-row figure.image img {
  margin: 0;
  width: 100%;
  height: 200px;
  object-fit: cover;
  display: block;
}

@media screen and (max-width: 768px) {
  .view-content .views-row figure.image img,
  .view-content .views-group .views-row figure.image img {
    height: 100px;
  }
}

.view-content .views-row .small,
.view-content .views-group .views-row .small {
  font-size: 0.75rem;
  color: #999;
}

@media screen and (min-width: 769px) {
  .view-content .views-row .small,
  .view-content .views-group .views-row .small {
    font-size: 0.875rem;
  }
}

.view-content .views-row a.card .datencatwrapper,
.view-content .views-group .views-row a.card .datencatwrapper {
  display: -webkit-box;
  display: -webkit-flex;
  display: -moz-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-flex-wrap: wrap;
  -moz-flex-wrap: wrap;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
  -webkit-box-pack: justify;
  -ms-flex-pack: justify;
  -webkit-justify-content: space-between;
  -moz-justify-content: space-between;
  justify-content: space-between;
  margin-bottom: .25rem;
}

.view-content .views-row a.card .datencatwrapper .date, .view-content .views-row a.card .datencatwrapper .date *,
.view-content .views-group .views-row a.card .datencatwrapper .date,
.view-content .views-group .views-row a.card .datencatwrapper .date * {
  text-transform: none;
}

.view-content .views-row .textblock,
.view-content .views-group .views-row .textblock {
  font-size: 0.875rem;
  line-height: 1.5;
}

@media screen and (min-width: 769px) {
  .view-content .views-row .textblock,
  .view-content .views-group .views-row .textblock {
    font-size: 1rem;
  }
}

.view-content .views-row .views-field-url,
.view-content .views-group .views-row .views-field-url {
  text-align: right;
}

.view-content .views-row .views-field-body strong, .view-content .views-row .views-field-field-kurztext strong,
.view-content .views-row .views-field-field-slogan strong,
.view-content .views-group .views-row .views-field-body strong,
.view-content .views-group .views-row .views-field-field-kurztext strong,
.view-content .views-group .views-row .views-field-field-slogan strong {
  font-weight: 600;
}

.view-content .views-row .views-field-body,
.view-content .views-group .views-row .views-field-body {
  /*	font-size: $size-small;   */
  word-break: break-word;
}

.view-content .views-row .views-field a,
.view-content .views-group .views-row .views-field a {
  background-size: 0 0;
  color: #151515;
  border: unset;
}

.view-content .views-row .views-field a:hover, .view-content .views-row .views-field a:focus, .view-content .views-row .views-field a:active, .view-content .views-row .views-field a:focus-within,
.view-content .views-group .views-row .views-field a:hover,
.view-content .views-group .views-row .views-field a:focus,
.view-content .views-group .views-row .views-field a:active,
.view-content .views-group .views-row .views-field a:focus-within {
  color: #EC6456;
}

.view-content .views-row .views-field a:hover:after, .view-content .views-row .views-field a:focus:after, .view-content .views-row .views-field a:active:after, .view-content .views-row .views-field a:focus-within:after,
.view-content .views-group .views-row .views-field a:hover:after,
.view-content .views-group .views-row .views-field a:focus:after,
.view-content .views-group .views-row .views-field a:active:after,
.view-content .views-group .views-row .views-field a:focus-within:after {
  display: none;
}

.view-content .views-row .views-field a:before,
.view-content .views-group .views-row .views-field a:before {
  display: none;
}

.view-content .views-row .views-field-field-e-mail a,
.view-content .views-group .views-row .views-field-field-e-mail a {
  background: none;
  color: #EC6456;
}

.view-content .views-row .views-field-field-e-mail a::after,
.view-content .views-group .views-row .views-field-field-e-mail a::after {
  content: '';
  display: inline-block;
  position: relative;
  width: 36px;
  height: 30px;
  opacity: 0.66;
  filter: alpha(opacity=66);
  position: absolute;
  top: -6px;
  background: transparent url(../assets/img/sprite_fcp.svg) no-repeat 9px -1136px;
}

.view-content .views-row .views-field-field-e-mail a:hover, .view-content .views-row .views-field-field-e-mail a:focus, .view-content .views-row .views-field-field-e-mail a:active, .view-content .views-row .views-field-field-e-mail a:focus-within,
.view-content .views-group .views-row .views-field-field-e-mail a:hover,
.view-content .views-group .views-row .views-field-field-e-mail a:focus,
.view-content .views-group .views-row .views-field-field-e-mail a:active,
.view-content .views-group .views-row .views-field-field-e-mail a:focus-within {
  color: #151515;
  background: inherit;
}

.view-content .views-row .views-field-field-e-mail a:hover::after, .view-content .views-row .views-field-field-e-mail a:focus::after, .view-content .views-row .views-field-field-e-mail a:active::after, .view-content .views-row .views-field-field-e-mail a:focus-within::after,
.view-content .views-group .views-row .views-field-field-e-mail a:hover::after,
.view-content .views-group .views-row .views-field-field-e-mail a:focus::after,
.view-content .views-group .views-row .views-field-field-e-mail a:active::after,
.view-content .views-group .views-row .views-field-field-e-mail a:focus-within::after {
  height: 32px;
  width: 72px;
  transform: scale(1.2);
  background-position-x: 70px;
  opacity: 0;
  filter: alpha(opacity=0);
  -webkit-transition: all 0.4s ease-in;
  -moz-transition: all 0.4s ease-in;
  -ms-transition: all 0.4s ease-in;
  -o-transition: all 0.4s ease-in;
  transition: all 0.4s ease-in;
}

.view-content .views-row .views-field-field-fileupload,
.view-content .views-row .views-field-field_private_datei,
.view-content .views-group .views-row .views-field-field-fileupload,
.view-content .views-group .views-row .views-field-field_private_datei {
  word-break: break-word;
  font-family: "Montserrat", Helvetica, Arial, "Nimbus Sans L", sans-serif;
  font-size: 0.875rem;
  color: #ccc;
}

.view-content .views-row .views-field-field-fileupload a,
.view-content .views-row .views-field-field_private_datei a,
.view-content .views-group .views-row .views-field-field-fileupload a,
.view-content .views-group .views-row .views-field-field_private_datei a {
  color: #ccc;
}

.view-content .views-row .views-field-field-fileupload a:hover, .view-content .views-row .views-field-field-fileupload a:focus, .view-content .views-row .views-field-field-fileupload a:active, .view-content .views-row .views-field-field-fileupload a:focus-within,
.view-content .views-row .views-field-field_private_datei a:hover,
.view-content .views-row .views-field-field_private_datei a:focus,
.view-content .views-row .views-field-field_private_datei a:active,
.view-content .views-row .views-field-field_private_datei a:focus-within,
.view-content .views-group .views-row .views-field-field-fileupload a:hover,
.view-content .views-group .views-row .views-field-field-fileupload a:focus,
.view-content .views-group .views-row .views-field-field-fileupload a:active,
.view-content .views-group .views-row .views-field-field-fileupload a:focus-within,
.view-content .views-group .views-row .views-field-field_private_datei a:hover,
.view-content .views-group .views-row .views-field-field_private_datei a:focus,
.view-content .views-group .views-row .views-field-field_private_datei a:active,
.view-content .views-group .views-row .views-field-field_private_datei a:focus-within {
  color: #33b3ff;
}

.view-content .views-row .views-field-field-fileupload .icon,
.view-content .views-row .views-field-field_private_datei .icon,
.view-content .views-group .views-row .views-field-field-fileupload .icon,
.view-content .views-group .views-row .views-field-field_private_datei .icon {
  height: 1.1rem;
}

.view-content .views-row .views-field-field-bild img,
.view-content .views-row .views-field-field-image img,
.view-content .views-group .views-row .views-field-field-bild img,
.view-content .views-group .views-row .views-field-field-image img {
  object-fit: cover;
  object-position: center center;
}

.view-content .views-row .views-field-field-bild,
.view-content .views-row .views-field-field-image,
.view-content .views-group .views-row .views-field-field-bild,
.view-content .views-group .views-row .views-field-field-image {
  margin: -2rem -2rem 0 -2rem;
  margin: 0;
}

.view-content .views-row .views-field-field-bild .field-content,
.view-content .views-row .views-field-field-image .field-content,
.view-content .views-group .views-row .views-field-field-bild .field-content,
.view-content .views-group .views-row .views-field-field-image .field-content {
  padding: 0;
}

.view-content .views-row .views-field-field-bild a,
.view-content .views-row .views-field-field-image a,
.view-content .views-group .views-row .views-field-field-bild a,
.view-content .views-group .views-row .views-field-field-image a {
  padding: 0 !important;
  background-image: none !important;
}

.view-content .views-row .views-field-field-bild a *,
.view-content .views-row .views-field-field-image a *,
.view-content .views-group .views-row .views-field-field-bild a *,
.view-content .views-group .views-row .views-field-field-image a * {
  padding: 0;
  margin: 0;
  display: block;
}

.view-content .views-row .views-field-field-bild a:hover, .view-content .views-row .views-field-field-bild a:focus, .view-content .views-row .views-field-field-bild a:active,
.view-content .views-row .views-field-field-image a:hover,
.view-content .views-row .views-field-field-image a:focus,
.view-content .views-row .views-field-field-image a:active,
.view-content .views-group .views-row .views-field-field-bild a:hover,
.view-content .views-group .views-row .views-field-field-bild a:focus,
.view-content .views-group .views-row .views-field-field-bild a:active,
.view-content .views-group .views-row .views-field-field-image a:hover,
.view-content .views-group .views-row .views-field-field-image a:focus,
.view-content .views-group .views-row .views-field-field-image a:active {
  background-color: transparent !important;
}

.view-content .views-row .views-field-field-bild img,
.view-content .views-row .views-field-field-image img,
.view-content .views-group .views-row .views-field-field-bild img,
.view-content .views-group .views-row .views-field-field-image img {
  opacity: 0.92;
  filter: alpha(opacity=92);
}

.view-content .views-row .views-field-field-bild img:hover, .view-content .views-row .views-field-field-bild img:focus, .view-content .views-row .views-field-field-bild img:active,
.view-content .views-row .views-field-field-image img:hover,
.view-content .views-row .views-field-field-image img:focus,
.view-content .views-row .views-field-field-image img:active,
.view-content .views-group .views-row .views-field-field-bild img:hover,
.view-content .views-group .views-row .views-field-field-bild img:focus,
.view-content .views-group .views-row .views-field-field-bild img:active,
.view-content .views-group .views-row .views-field-field-image img:hover,
.view-content .views-group .views-row .views-field-field-image img:focus,
.view-content .views-group .views-row .views-field-field-image img:active {
  opacity: 1;
  filter: alpha(opacity=100);
}

.view-content .views-row .views-field-draggableviews,
.view-content .views-group .views-row .views-field-draggableviews {
  display: inline-block !important;
}

.view-content .views-row .views-field-draggableviews .tabledrag-handle,
.view-content .views-group .views-row .views-field-draggableviews .tabledrag-handle {
  display: block;
  height: 20px;
  width: 20px;
}

.view-content .views-row .views-field-draggableviews .tabledrag-handle .handle,
.view-content .views-group .views-row .views-field-draggableviews .tabledrag-handle .handle {
  margin: 0;
  padding: 0;
  width: 20px;
  height: 20px;
  background-position: 0 0;
}

.view-content .views-row .views-field-draggableviews .js-form-type-textfield,
.view-content .views-group .views-row .views-field-draggableviews .js-form-type-textfield {
  display: none;
}

/* end views-content */
/* AUSNAHMEN */
.view.doku .view-content > .views-row,
.view.dokumente .view-content > .views-row {
  margin-bottom: 2rem;
}

@media screen and (min-width: 1024px) {
  .view.doku .view-content > .views-row,
  .view.dokumente .view-content > .views-row {
    -webkit-box-flex: 0;
    -webkit-flex: 0 1 100%;
    -moz-box-flex: 0;
    -moz-flex: 0 1 100%;
    -ms-flex: 0 1 100%;
    flex: 0 1 100%;
  }
}

.page-node-type-doku #block-fcp-primary-local-tasks {
  display: none;
}

a.feed-icon {
  display: none;
}

.views-exposed-form,
.block-facets {
  position: relative;
  /*
	.form-submit { @include element-invisible();}
	*/
}

.views-exposed-form .views-exposed-widget,
.block-facets .views-exposed-widget {
  float: none;
  padding: 0;
}

.views-exposed-form .form-item .form-text,
.block-facets .form-item .form-text {
  line-height: 36px;
}

.views-exposed-form #autocomplete,
.block-facets #autocomplete {
  position: relative;
  border: 1px solid #ccc;
  background-color: #eee;
  color: #151515;
}

.views-exposed-form #autocomplete select,
.block-facets #autocomplete select {
  background-color: none !important;
}

.views-exposed-form #autocomplete a:hover, .views-exposed-form #autocomplete a:focus,
.block-facets #autocomplete a:hover,
.block-facets #autocomplete a:focus {
  background-color: none !important;
}

/* PAgination */
ul.pager-show-more {
  position: relative;
  text-align: center;
}

ul.pager-show-more li {
  display: inline-block;
}

.view .view-content > nav:not(:last-child) {
  display: none;
}

.view-content > nav {
  grid-column: 1 / -1;
  margin-top: 2rem;
  margin: 1rem 0 2rem;
}

.section .pagination, .pagination-list {
  width: 96%;
  margin: 0 auto 1rem;
  text-align: center;
  font-size: 0.875rem;
}

@media screen and (min-width: 769px) {
  .section .pagination, .pagination-list {
    width: 80%;
  }
}

@media screen and (min-width: 769px) {
  .section .pagination, .pagination-list {
    font-size: 1rem;
  }
}

@media screen and (min-width: 1024px) {
  .section .pagination, .pagination-list {
    font-size: 1rem;
  }
}

.section .pagination .pagination-previous, .section .pagination .pagination-next, .section .pagination .pagination-link, .pagination-list .pagination-previous, .pagination-list .pagination-next, .pagination-list .pagination-link {
  border: unset;
}

@media screen and (max-width: 768px) {
  .section .pagination .pagination-previous, .section .pagination .pagination-next, .section .pagination .pagination-link, .pagination-list .pagination-previous, .pagination-list .pagination-next, .pagination-list .pagination-link {
    min-width: 1.5em;
  }
}

.section .pagination li, .pagination-list li {
  list-style: none;
  border: 0 none;
  font-weight: 500;
  height: auto;
  color: #999;
  height: 1.5em;
  line-height: 2;
  background-image: url(none);
}

@media screen and (min-width: 769px) {
  .section .pagination li, .pagination-list li {
    height: 2.5em;
    line-height: 3;
  }
}

.section .pagination li.pagination-ellipsis, .pagination-list li.pagination-ellipsis {
  display: none;
}

.section .pagination a, .pagination-list a {
  color: #999;
  background: unset !important;
}

.section .pagination a:after, .pagination-list a:after {
  display: none;
}

.section .pagination a:hover, .section .pagination a:focus, .section .pagination a:active, .section .pagination a.pagination-link.is-current, .pagination-list a:hover, .pagination-list a:focus, .pagination-list a:active, .pagination-list a.pagination-link.is-current {
  background-color: transparent;
  border: 0 none;
  color: #151515;
}

html.has-navbar-fixed-top,
body.has-navbar-fixed-top {
  padding-top: 80px;
}

@media screen and (min-width: 1024px) {
  html.has-navbar-fixed-top,
  body.has-navbar-fixed-top {
    height: 100px;
    padding-top: 100px;
  }
}

html.has-navbar-fixed-top.is-path-frontpage section.mainsection, body.has-navbar-fixed-top.is-path-frontpage section.mainsection {
  padding-top: 0;
}

.navbar #js-navbar-menu {
  -webkit-box-pack: end;
  -ms-flex-pack: end;
  -webkit-justify-content: flex-end;
  -moz-justify-content: flex-end;
  justify-content: flex-end;
  margin: 0;
}

.navbar {
  -webkit-transition: all 0.25s linear;
  -moz-transition: all 0.25s linear;
  -ms-transition: all 0.25s linear;
  -o-transition: all 0.25s linear;
  transition: all 0.25s linear;
  box-shadow: 0 0 2px #ccc;
  height: 100px;
  font-size: 0.875rem;
  font-family: "Montserrat", Helvetica, Arial, "Nimbus Sans L", sans-serif;
  font-weight: 600;
  display: inline-block;
  position: absolute;
  top: 60px;
  text-align: left;
  min-width: 250px;
  letter-spacing: 1px;
}

.navbar * {
  -webkit-transition: all 0.25s linear;
  -moz-transition: all 0.25s linear;
  -ms-transition: all 0.25s linear;
  -o-transition: all 0.25s linear;
  transition: all 0.25s linear;
}

.is-path-frontpage .navbar {
  background-color: unset;
  box-shadow: unset;
}

.navbar .navbar-start {
  justify-content: flex-end;
}

.navbar .container {
  display: -webkit-box;
  display: -webkit-flex;
  display: -moz-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-direction: normal;
  -webkit-box-orient: horizontal;
  -webkit-flex-direction: row;
  -moz-flex-direction: row;
  -ms-flex-direction: row;
  flex-direction: row;
  -webkit-box-pack: start;
  -ms-flex-pack: start;
  -webkit-justify-content: flex-start;
  -moz-justify-content: flex-start;
  justify-content: flex-start;
  -webkit-box-pack: justify;
  -ms-flex-pack: justify;
  -webkit-justify-content: space-between;
  -moz-justify-content: space-between;
  justify-content: space-between;
  background-color: #fff;
}

.is-path-frontpage .navbar .container {
  background-color: unset;
  border: 0 none;
}

.navbar .navbar-brand {
  flex-grow: 1;
}

@media screen and (max-width: 1023px) {
  .navbar .navbar-brand {
    padding-left: 20px;
    padding-left: 2rem;
  }
}

.navbar .navbar-brand,
.navbar .navbar-menu {
  height: 80px;
}

@media screen and (min-width: 1024px) {
  .navbar .navbar-brand,
  .navbar .navbar-menu {
    height: 100px;
  }
}

.navbar > .container .navbar-brand {
  margin-left: 0;
}

.navbar .block-system-branding-block.navbar-item {
  padding: 0;
}

.toolbar-fixed .navbar {
  top: 80px;
}

@media screen and (max-width: 1023px) {
  .navbar {
    letter-spacing: 0;
    height: 80px;
  }
}

.navbar a.site-name {
  height: 80px;
  width: 100%;
  min-width: 280px;
  min-width: 130px;
  display: inline-block;
  background: transparent url(../assets/img/sprite_fcp.svg) no-repeat 0 26px;
}

@media screen and (min-width: 1024px) {
  .navbar a.site-name {
    height: 100px;
  }
}

@media screen and (max-width: 1023px) {
  .navbar a.site-name {
    background-position-y: 18px;
  }
}

.navbar a.site-name span {
  position: absolute !important;
  height: 1px;
  width: 1px;
  overflow: hidden;
  clip: rect(1px, 1px, 1px, 1px);
}

.navbar #block-fcp-branding + .block {
  font-size: 0.875rem;
  letter-spacing: 0;
  font-weight: 400;
  padding-top: 56px;
}

@media screen and (max-width: 1023px) {
  .navbar #block-fcp-branding + .block {
    padding-top: 50px;
  }
}

@media screen and (min-width: 1024px) {
  .navbar #block-fcp-branding + .block {
    font-size: 0.688rem;
    padding-top: 62px;
  }
}

@media screen and (min-width: 1216px) {
  .navbar #block-fcp-branding + .block {
    font-size: 0.875rem;
    padding-top: 58px;
    letter-spacing: .025rem;
  }
}

@media screen and (max-width: 599px) {
  .navbar #block-fcp-branding + .block {
    display: none;
  }
}

.navbar .site-name-sub {
  display: inline-block;
  width: auto;
  height: 100px;
  line-height: 100px;
  font-size: 2.25rem;
  padding-left: 20px;
  text-transform: uppercase;
  letter-spacing: 3px;
}

/*navbar */
.navbar-top .slogan {
  /*
	position: fixed;
	top: $header-height * 0.75; 
	width: 100%;
	width: auto;
	*/
  height: 30px;
  line-height: 30px;
  font-weight: 300;
  font-size: 0.875rem;
  color: #EC6456;
  letter-spacing: 1px;
  width: 100%;
}

@media screen and (max-width: 599px) {
  .navbar-top .slogan {
    display: none;
  }
}

@media screen and (max-width: 1023px) {
  .navbar-top .slogan {
    position: absolute;
    right: 1reM;
    top: 0;
    z-index: 2;
    text-align: right;
  }
}

/*navbar */
body.smaller .navbar {
  background-color: #fff;
  box-shadow: 0 0 4px #ccc;
}

/* navbar */
/* Frontpage */
/* Frontpage */
footer.footer {
  z-index: 2;
  position: relative;
  font-weight: 600;
  font-size: 0.875rem;
  color: #fff;
  padding: 0;
  background: #EC6456;
  /* a */
  /* columns */
  /* columns */
}

@media screen and (max-width: 599px) {
  footer.footer {
    padding: 0 0 5em 0;
  }
}

footer.footer.footer2 {
  background: #fff;
}

footer.footer p {
  margin: 0 !important;
  line-height: 1.5;
}

footer.footer svg {
  margin-right: 10px !important;
}

footer.footer .block {
  margin: 0;
}

footer.footer .block h2 {
  text-transform: uppercase;
  margin-bottom: .5rem;
  color: #fff;
  font-weight: 600;
  font-size: 1rem;
}

@media screen and (min-width: 600px) {
  footer.footer .block h2 {
    font-size: 1rem;
  }
}

footer.footer a {
  padding: 0;
  position: relative;
  color: #fff;
}

footer.footer a:hover, footer.footer a:focus, footer.footer a:active, footer.footer a.is-active {
  color: #fff;
  background-color: transparent;
}

footer.footer a.button {
  font-weight: 600;
  padding: 0 4rem 0 1rem;
}

footer.footer a.button:after, footer.footer a.button:before {
  filter: invert(1);
}

footer.footer a:after {
  content: "";
  position: absolute;
  left: 0;
  bottom: 0px;
  /* Abstand unter Text */
  width: 100%;
  height: 1px;
  background-color: #fff;
  transform: scaleX(0);
  transform-origin: left;
  transition: transform 0.3s ease;
}

footer.footer a:hover:after, footer.footer a:focus:after, footer.footer a:active:after {
  transform: scaleX(1);
}

footer.footer br {
  padding: 0;
  margin: 0;
}

footer.footer span:before {
  width: 20px;
  display: inline-block;
}

footer.footer .columns {
  display: -webkit-box;
  display: -webkit-flex;
  display: -moz-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-flex-wrap: wrap;
  -moz-flex-wrap: wrap;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
  -ms-flex-pack: distribute;
  -webkit-justify-content: space-around;
  -moz-justify-content: space-around;
  justify-content: space-around;
  /*
  display: grid; 
	grid-template-columns: auto;   
	@include from($mobile) {   grid-template-columns: repeat(2, 1fr);     }
	@include from($desktop) {   grid-template-columns: repeat(3, 1fr);     }
	@include from($widescreen) {   grid-template-columns: repeat(4, 1fr);     }
	*/
  margin: 0;
  position: relative;
  /* obere Reihe */
  /* Navigation unten */
}

footer.footer .columns > .block, footer.footer .columns nav {
  -webkit-box-flex: 0;
  -webkit-flex: 0 1 100%;
  -moz-box-flex: 0;
  -moz-flex: 0 1 100%;
  -ms-flex: 0 1 100%;
  flex: 0 1 100%;
}

@media screen and (min-width: 769px) {
  footer.footer .columns > .block, footer.footer .columns nav {
    -webkit-box-flex: 0;
    -webkit-flex: 0 1 50%;
    -moz-box-flex: 0;
    -moz-flex: 0 1 50%;
    -ms-flex: 0 1 50%;
    flex: 0 1 50%;
  }
}

@media screen and (min-width: 769px) {
  footer.footer .columns > .block, footer.footer .columns nav {
    -webkit-box-flex: 0;
    -webkit-flex: 0 1 33.33333%;
    -moz-box-flex: 0;
    -moz-flex: 0 1 33.33333%;
    -ms-flex: 0 1 33.33333%;
    flex: 0 1 33.33333%;
  }
}

footer.footer .columns:before {
  content: "";
  grid-column: 2;
  grid-row: 1;
  background: #999;
}

footer.footer .columns > .block:nth-child(2) {
  background: #ef6f62;
}

footer.footer .columns > .block:nth-child(3) {
  background: #f27c70;
}

footer.footer .columns nav {
  -webkit-box-flex: 0;
  -webkit-flex: 0 1 100%;
  -moz-box-flex: 0;
  -moz-flex: 0 1 100%;
  -ms-flex: 0 1 100%;
  flex: 0 1 100%;
}

footer.footer .columns > .block {
  text-align: left;
  margin: 0;
  padding: 2rem 2rem 2rem 2rem;
}

footer.footer.footer2 {
  padding: 2rem 0;
  color: #151515;
}

footer.footer.footer2 a {
  color: #424242;
}

footer.footer.footer2 a:hover, footer.footer.footer2 a:focus, footer.footer.footer2 a:active, footer.footer.footer2 a.is-active {
  color: #151515;
  text-decoration: underline;
}

footer.footer.footer2 ul {
  position: relative;
  text-align: center;
}

footer.footer.footer2 ul li {
  display: inline-block;
  padding: 0 1rem;
}

footer.footer .columns nav {
  background: #fff;
  margin: 2rem 0;
  padding: 0;
  text-align: left;
}

footer.footer .columns nav a {
  color: #999;
}

footer.footer .columns nav ul {
  position: relative;
}

footer.footer .columns nav ul li {
  display: inline-block;
  padding: 0 5px;
}

footer.footer #block-fcp-adresse {
  background: #EC6456;
}

footer.footer #block-fcp-adresse span {
  display: none;
}

footer.footer #block-fcp-adresse a {
  opacity: 0.8;
  filter: alpha(opacity=80);
}

footer.footer #block-fcp-adresse a:hover, footer.footer #block-fcp-adresse a:focus, footer.footer #block-fcp-adresse a:active {
  opacity: 1;
  filter: alpha(opacity=100);
}

footer.footer #block-fcp-gutesiegel h2.block__title {
  display: none;
}

@media screen and (min-width: 1024px) {
  footer.footer #block-fcp-gutesiegel .field--name-body {
    text-align: right;
  }
}

footer.footer #block-fcp-gutesiegel a {
  display: inline-block;
  width: 105px;
  height: 105px;
  margin-bottom: 20px;
  margin-right: 20px;
  background: transparent url(../assets/img/sprite_fcp.svg) no-repeat -603px -1687px;
  opacity: 0.7;
  filter: alpha(opacity=70);
}

footer.footer #block-fcp-gutesiegel a:hover, footer.footer #block-fcp-gutesiegel a:focus, footer.footer #block-fcp-gutesiegel a:active {
  opacity: 1;
  filter: alpha(opacity=100);
}

footer.footer #block-fcp-gutesiegel a span {
  display: none;
}

footer.footer #block-fcp-gutesiegel a.bgf {
  background-position: -420px -1687px;
}

footer.footer #block-fcp-gutesiegel a.handschlag {
  background-position: -424px -1850px;
}

footer.footer #block-fcp-gutesiegel a.frauenfoederung {
  background-position: -424px -2000px;
}

/* footer end */
/* mixin end */
body.is-path-node:not(.is-path-frontpage):not(.has-headline),
body.is-path-projekte {
  /*   .articlecontent, */
}

body.is-path-node:not(.is-path-frontpage):not(.has-headline) main.container > .block .title,
body.is-path-node:not(.is-path-frontpage):not(.has-headline) #content .block-webform .title,
body.is-path-projekte main.container > .block .title,
body.is-path-projekte #content .block-webform .title {
  max-width: 800px;
}

@media screen and (min-width: 1024px) {
  body.is-path-node:not(.is-path-frontpage):not(.has-headline) main.container > .block .title::after,
  body.is-path-node:not(.is-path-frontpage):not(.has-headline) #content .block-webform .title::after,
  body.is-path-projekte main.container > .block .title::after,
  body.is-path-projekte #content .block-webform .title::after {
    display: block;
    content: "";
    border-radius: 0;
    border: 0 none;
    background: #EC6456;
    display: block;
    position: absolute;
    height: 98px;
    width: 80px;
    background: url(../assets/img/sprite_lines.svg) no-repeat 0 -812px;
    left: -1px;
    top: -48px;
    z-index: 0;
  }
}

@media screen and (min-width: 1024px) and (max-width: 1023px) {
  body.is-path-node:not(.is-path-frontpage):not(.has-headline) main.container > .block .title::after,
  body.is-path-node:not(.is-path-frontpage):not(.has-headline) #content .block-webform .title::after,
  body.is-path-projekte main.container > .block .title::after,
  body.is-path-projekte #content .block-webform .title::after {
    background-position-y: -403px;
    width: 40px;
    height: 87px;
    top: 0;
  }
}

@media screen and (min-width: 1024px) and (max-width: 768px) {
  body.is-path-node:not(.is-path-frontpage):not(.has-headline) main.container > .block .title::after,
  body.is-path-node:not(.is-path-frontpage):not(.has-headline) #content .block-webform .title::after,
  body.is-path-projekte main.container > .block .title::after,
  body.is-path-projekte #content .block-webform .title::after {
    background-position-y: -422px;
    height: 67px;
  }
}

/* end .node-type-page  */
body.is-path-node main.container > .block .title,
body.is-path-node #content .block-webform .title,
body.is-path-taxonomy main.container > .block .title,
body.is-path-taxonomy #content .block-webform .title {
  max-width: 800px;
}

body.is-path-node main.container > .block .title::after,
body.is-path-node #content .block-webform .title::after,
body.is-path-taxonomy main.container > .block .title::after,
body.is-path-taxonomy #content .block-webform .title::after {
  display: block;
  content: "";
  position: absolute;
  width: 4000px;
  height: 8px;
  border-radius: 0;
  border: 0 none;
  background: #151515;
  display: block;
  margin: 0 0 0 -4032px;
  left: 60px;
  top: 46px;
  left: 20px;
  top: 15px;
}

@media screen and (min-width: 600px) {
  body.is-path-node main.container > .block .title::after,
  body.is-path-node #content .block-webform .title::after,
  body.is-path-taxonomy main.container > .block .title::after,
  body.is-path-taxonomy #content .block-webform .title::after {
    height: 10px;
    top: 20px;
  }
}

@media screen and (min-width: 1024px) {
  body.is-path-node main.container > .block .title::after,
  body.is-path-node #content .block-webform .title::after,
  body.is-path-taxonomy main.container > .block .title::after,
  body.is-path-taxonomy #content .block-webform .title::after {
    top: 37px;
    top: 22px;
    left: auto;
  }
}

@media screen and (max-width: 768px) {
  body.is-path-node main.container > .block .title::after,
  body.is-path-node #content .block-webform .title::after,
  body.is-path-taxonomy main.container > .block .title::after,
  body.is-path-taxonomy #content .block-webform .title::after {
    display: none;
  }
}

body.is-path-node main.container > .block .title::after,
body.is-path-node #content .block-webform .title::after,
body.is-path-taxonomy main.container > .block .title::after,
body.is-path-taxonomy #content .block-webform .title::after {
  background: #EC6456;
}

body.is-path-node main.container > .block .title:after,
body.is-path-node #content .block-webform .title:after,
body.is-path-taxonomy main.container > .block .title:after,
body.is-path-taxonomy #content .block-webform .title:after {
  top: 37px;
}

body.is-path-node.has-headline main.container > .block h1.title,
body.is-path-node.has-headline .articlecontent .text .subtitle,
body.is-path-taxonomy.has-headline main.container > .block h1.title,
body.is-path-taxonomy.has-headline .articlecontent .text .subtitle {
  color: #EC6456;
  color: #424242;
  font-weight: 400;
  text-transform: uppercase;
  letter-spacing: 0;
  font-size: 1rem;
  margin-bottom: 0;
}

@media screen and (min-width: 769px) {
  body.is-path-node.has-headline main.container > .block h1.title,
  body.is-path-node.has-headline .articlecontent .text .subtitle,
  body.is-path-taxonomy.has-headline main.container > .block h1.title,
  body.is-path-taxonomy.has-headline .articlecontent .text .subtitle {
    font-size: 1rem;
  }
}

@media screen and (min-width: 1024px) {
  body.is-path-node.has-headline main.container > .block h1.title,
  body.is-path-node.has-headline .articlecontent .text .subtitle,
  body.is-path-taxonomy.has-headline main.container > .block h1.title,
  body.is-path-taxonomy.has-headline .articlecontent .text .subtitle {
    font-size: 1rem;
  }
}

body.is-path-node.has-headline main.container > .block h1.title:after,
body.is-path-node.has-headline .articlecontent .text .subtitle:after,
body.is-path-taxonomy.has-headline main.container > .block h1.title:after,
body.is-path-taxonomy.has-headline .articlecontent .text .subtitle:after {
  top: 47px;
  height: 8px;
}

@media screen and (min-width: 600px) {
  body.is-path-node.has-headline main.container > .block h1.title:after,
  body.is-path-node.has-headline .articlecontent .text .subtitle:after,
  body.is-path-taxonomy.has-headline main.container > .block h1.title:after,
  body.is-path-taxonomy.has-headline .articlecontent .text .subtitle:after {
    top: 48px;
  }
}

@media screen and (min-width: 769px) {
  body.is-path-node.has-headline main.container > .block h1.title:after,
  body.is-path-node.has-headline .articlecontent .text .subtitle:after,
  body.is-path-taxonomy.has-headline main.container > .block h1.title:after,
  body.is-path-taxonomy.has-headline .articlecontent .text .subtitle:after {
    top: 46px;
    left: 60px;
    height: 10px;
  }
}

@media screen and (min-width: 1024px) {
  body.is-path-node.has-headline main.container > .block h1.title:after,
  body.is-path-node.has-headline .articlecontent .text .subtitle:after,
  body.is-path-taxonomy.has-headline main.container > .block h1.title:after,
  body.is-path-taxonomy.has-headline .articlecontent .text .subtitle:after {
    top: 22px;
    left: auto;
  }
}

@media screen and (min-width: 1216px) {
  body.is-path-node.has-headline main.container > .block h1.title:after,
  body.is-path-node.has-headline .articlecontent .text .subtitle:after,
  body.is-path-taxonomy.has-headline main.container > .block h1.title:after,
  body.is-path-taxonomy.has-headline .articlecontent .text .subtitle:after {
    top: 20px;
  }
}

@media screen and (min-width: 1024px) {
  body.is-path-node.has-headline main.container > .block h1.title:after,
  body.is-path-node.has-headline .articlecontent .text .subtitle:after,
  body.is-path-taxonomy.has-headline main.container > .block h1.title:after,
  body.is-path-taxonomy.has-headline .articlecontent .text .subtitle:after {
    top: 14px;
    left: auto;
  }
}

@media screen and (min-width: 1216px) {
  body.is-path-node.has-headline main.container > .block h1.title:after,
  body.is-path-node.has-headline .articlecontent .text .subtitle:after,
  body.is-path-taxonomy.has-headline main.container > .block h1.title:after,
  body.is-path-taxonomy.has-headline .articlecontent .text .subtitle:after {
    top: 14px;
  }
}

body.is-path-node.has-headline main.container > .block h1.title .newsdate,
body.is-path-node.has-headline .articlecontent .text .subtitle .newsdate,
body.is-path-taxonomy.has-headline main.container > .block h1.title .newsdate,
body.is-path-taxonomy.has-headline .articlecontent .text .subtitle .newsdate {
  display: inline-block;
  margin-left: .25rem;
}

body.is-path-node.has-headline .articlecontent .text .subtitle,
body.is-path-taxonomy.has-headline .articlecontent .text .subtitle {
  color: #EC6456;
  display: block;
  position: relative;
}

body.is-path-node.has-headline .articlecontent .text .subtitle::after,
body.is-path-taxonomy.has-headline .articlecontent .text .subtitle::after {
  display: block;
  content: "";
  position: absolute;
  width: 4000px;
  height: 8px;
  border-radius: 0;
  border: 0 none;
  background: #151515;
  display: block;
  margin: 0 0 0 -4032px;
  left: 60px;
  top: 46px;
  left: 20px;
  top: 15px;
}

@media screen and (min-width: 600px) {
  body.is-path-node.has-headline .articlecontent .text .subtitle::after,
  body.is-path-taxonomy.has-headline .articlecontent .text .subtitle::after {
    height: 10px;
    top: 20px;
  }
}

@media screen and (min-width: 1024px) {
  body.is-path-node.has-headline .articlecontent .text .subtitle::after,
  body.is-path-taxonomy.has-headline .articlecontent .text .subtitle::after {
    top: 37px;
    top: 22px;
    left: auto;
  }
}

@media screen and (max-width: 768px) {
  body.is-path-node.has-headline .articlecontent .text .subtitle::after,
  body.is-path-taxonomy.has-headline .articlecontent .text .subtitle::after {
    display: none;
  }
}

body.is-path-node.has-headline .articlecontent .text .subtitle::after,
body.is-path-taxonomy.has-headline .articlecontent .text .subtitle::after {
  background: #EC6456;
}

@media screen and (min-width: 769px) {
  body.is-path-node.has-headline .articlecontent .text .subtitle:after,
  body.is-path-taxonomy.has-headline .articlecontent .text .subtitle:after {
    top: 4px;
  }
}

@media screen and (min-width: 1024px) {
  body.is-path-node.has-headline .articlecontent .text .subtitle:after,
  body.is-path-taxonomy.has-headline .articlecontent .text .subtitle:after {
    top: 5px;
  }
}

body.is-path-node.has-headline .articlecontent,
body.is-path-taxonomy.has-headline .articlecontent {
  display: block;
}

body.is-path-node.has-headline .articlecontent > div,
body.is-path-taxonomy.has-headline .articlecontent > div {
  width: 100%;
}

/* end .node-type-page mit Headline  */
.articlecontent {
  display: -webkit-box;
  display: -webkit-flex;
  display: -moz-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-flex-wrap: wrap;
  -moz-flex-wrap: wrap;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
  -webkit-box-pack: start;
  -ms-flex-pack: start;
  -webkit-justify-content: flex-start;
  -moz-justify-content: flex-start;
  justify-content: flex-start;
  -webkit-box-pack: justify;
  -ms-flex-pack: justify;
  -webkit-justify-content: space-between;
  -moz-justify-content: space-between;
  justify-content: space-between;
  /* div */
}

.articlecontent h1 {
  -webkit-box-flex: 0;
  -webkit-flex: 0 1 100%;
  -moz-box-flex: 0;
  -moz-flex: 0 1 100%;
  -ms-flex: 0 1 100%;
  flex: 0 1 100%;
}

.articlecontent > div {
  -webkit-box-flex: 0;
  -webkit-flex: 0 1 100%;
  -moz-box-flex: 0;
  -moz-flex: 0 1 100%;
  -ms-flex: 0 1 100%;
  flex: 0 1 100%;
  /*
    @include from ($tablet) { 
        @include flex (0 1 65%);  
        &.sidebar { @include flex (0 1 30%); }     
    }
    */
}

@media screen and (min-width: 1024px) {
  .articlecontent > div {
    -webkit-box-flex: 0;
    -webkit-flex: 0 1 70%;
    -moz-box-flex: 0;
    -moz-flex: 0 1 70%;
    -ms-flex: 0 1 70%;
    flex: 0 1 70%;
  }
  .articlecontent > div.sidebar {
    -webkit-box-flex: 0;
    -webkit-flex: 0 1 25%;
    -moz-box-flex: 0;
    -moz-flex: 0 1 25%;
    -ms-flex: 0 1 25%;
    flex: 0 1 25%;
  }
}

@media screen and (min-width: 1216px) {
  .articlecontent > div {
    -webkit-box-flex: 0;
    -webkit-flex: 0 1 72%;
    -moz-box-flex: 0;
    -moz-flex: 0 1 72%;
    -ms-flex: 0 1 72%;
    flex: 0 1 72%;
  }
  .articlecontent > div.sidebar {
    -webkit-box-flex: 0;
    -webkit-flex: 0 1 20%;
    -moz-box-flex: 0;
    -moz-flex: 0 1 20%;
    -ms-flex: 0 1 20%;
    flex: 0 1 20%;
  }
}

.articlecontent > div.articlehead, .articlecontent > div.fullwidth {
  -webkit-box-flex: 0;
  -webkit-flex: 0 1 100%;
  -moz-box-flex: 0;
  -moz-flex: 0 1 100%;
  -ms-flex: 0 1 100%;
  flex: 0 1 100%;
  margin-bottom: 0;
}

@media screen and (min-width: 769px) {
  .articlecontent > div.articlehead, .articlecontent > div.fullwidth {
    margin-bottom: 2rem;
  }
}

.articlecontent > div.bottom {
  -webkit-box-flex: 0;
  -webkit-flex: 0 1 100%;
  -moz-box-flex: 0;
  -moz-flex: 0 1 100%;
  -ms-flex: 0 1 100%;
  flex: 0 1 100%;
}

.articlecontent .articlehead {
  order: 1;
}

.articlecontent .maincolumn {
  order: 3;
}

.articlecontent .sidebar {
  order: 2;
}

.articlecontent .bottom, .articlecontent .fullwidth {
  order: 4;
}

/* articlecontent */
@media screen and (min-width: 1024px) {
  main .field--name-field-introtext,
  main .field--name-field-subtitel,
  main .field--name-body {
    max-width: 700px;
  }
}

@media screen and (min-width: 1216px) {
  main .field--name-field-introtext,
  main .field--name-field-subtitel,
  main .field--name-body {
    max-width: 800px;
  }
}

section.bottomofcontent {
  padding: 4rem 0;
}

body.page-node-type-page article {
  display: block;
  min-height: 400px;
}

body article.content {
  padding-bottom: 0;
}

/* body */
@media screen and (min-width: 1024px) {
  aside.sidebar-second.column.is-2, aside.sidebar-second.column.is-2-tablet {
    width: 20%;
    margin-left: 5%;
  }
}

/* Elements */
main article .content ol {
  margin-left: 1em;
  padding: 0;
  list-style: none;
}

main article .content ol li::marker {
  font-weight: 600;
  margin: 0;
}

main article ul, main article ul li {
  list-style: none;
  margin: 0;
  padding: 0;
}

main article .field {
  margin-bottom: 2rem;
}

main article strong {
  color: unset;
}

main iframe {
  width: 100%;
  height: 100%;
  min-height: 400px;
}

main .main-content ul, main .main-content ul li,
main .front-row ul,
main .front-row ul li,
footer:not(.footer2) .inner ul,
footer:not(.footer2) .inner ul li {
  list-style: none;
  margin-top: 0;
  margin-left: 0;
  padding: 0;
}

main .main-content ul li, main .main-content ul li li,
main .front-row ul li,
main .front-row ul li li,
footer:not(.footer2) .inner ul li,
footer:not(.footer2) .inner ul li li {
  padding-left: 24px;
  position: relative;
}

main .main-content ul li:before, main .main-content ul li li:before,
main .front-row ul li:before,
main .front-row ul li li:before,
footer:not(.footer2) .inner ul li:before,
footer:not(.footer2) .inner ul li li:before {
  content: "";
  position: absolute;
  inset: 0;
  /* top/right/bottom/left: 0 */
  width: 20px;
  height: 20px;
  background: url(../assets/img/sprite_fcp.svg) no-repeat left -1980px;
}

footer:not(.footer2) .inner ul li:before, footer:not(.footer2) .inner ul li li:before {
  filter: invert(1);
}

h1 > .button,
div.field--name-unternehmen > .button {
  margin: 0 0 1rem;
}

h1 .view-eva .views-row,
h1 .view .views-row,
div.field--name-unternehmen .view-eva .views-row,
div.field--name-unternehmen .view .views-row {
  -webkit-box-flex: 0;
  -webkit-flex: 0 1 100%;
  -moz-box-flex: 0;
  -moz-flex: 0 1 100%;
  -ms-flex: 0 1 100%;
  flex: 0 1 100%;
  margin: 0 0 .5rem;
  padding: 0;
}

h1 .view-eva .views-row .button,
h1 .view .views-row .button,
div.field--name-unternehmen .view-eva .views-row .button,
div.field--name-unternehmen .view .views-row .button {
  margin: 0;
}

.small {
  font-size: 0.75rem;
}

@media screen and (min-width: 769px) {
  .small {
    font-size: 0.875rem;
  }
}

.editbutton {
  position: absolute;
  left: 4rem;
  top: 0;
  display: none;
}

@media screen and (min-width: 769px) {
  .editbutton {
    display: block;
  }
}

.sidebar {
  font-size: 1rem;
}

@media screen and (min-width: 769px) {
  .sidebar {
    font-size: 1rem;
  }
}

/* sidebar */
.section .container .sidebar,
.sidebar-second {
  margin-bottom: 2rem;
  font-size: 0.875rem;
}

@media screen and (min-width: 600px) {
  .section .container .sidebar,
  .sidebar-second {
    display: -webkit-box;
    display: -webkit-flex;
    display: -moz-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-flex-wrap: wrap;
    -moz-flex-wrap: wrap;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    -webkit-justify-content: space-between;
    -moz-justify-content: space-between;
    justify-content: space-between;
  }
  .section .container .sidebar > div,
  .sidebar-second > div {
    -webkit-box-flex: 0;
    -webkit-flex: 0 1 45%;
    -moz-box-flex: 0;
    -moz-flex: 0 1 45%;
    -ms-flex: 0 1 45%;
    flex: 0 1 45%;
  }
}

@media screen and (min-width: 769px) {
  .section .container .sidebar,
  .sidebar-second {
    display: block;
  }
}

@media screen and (min-width: 600px) {
  .section .container .sidebar,
  .sidebar-second {
    font-size: 0.875rem;
  }
}

.section .container .sidebar .views-element-container:has(.views-row-inner:empty),
.sidebar-second .views-element-container:has(.views-row-inner:empty) {
  display: none;
}

.section .container .sidebar .view-content,
.sidebar-second .view-content {
  display: block;
}

.section .container .sidebar .views-row,
.sidebar-second .views-row {
  -webkit-box-flex: 0;
  -webkit-flex: 0 1 100%;
  -moz-box-flex: 0;
  -moz-flex: 0 1 100%;
  -ms-flex: 0 1 100%;
  flex: 0 1 100%;
  margin: 0 0 .5rem;
  padding: 0;
}

.section .container .sidebar a,
.sidebar-second a {
  color: #EC6456;
  color: #151515;
  background-size: 0 0;
}

.section .container .sidebar a:hover, .section .container .sidebar a:focus, .section .container .sidebar a:active,
.sidebar-second a:hover,
.sidebar-second a:focus,
.sidebar-second a:active {
  color: #EC6456;
  background-size: 0 0;
}

.section .container .sidebar a.button,
.sidebar-second a.button {
  letter-spacing: 0;
  min-width: 150px;
  overflow: hidden;
}

.section .container .sidebar a.button:hover, .section .container .sidebar a.button:focus, .section .container .sidebar a.button:active,
.sidebar-second a.button:hover,
.sidebar-second a.button:focus,
.sidebar-second a.button:active {
  background-size: 0 0;
}

.section .container .sidebar ul, .section .container .sidebar ul li,
.sidebar-second ul,
.sidebar-second ul li {
  list-style: none;
  margin: 0;
  padding: 0;
}

.section .container .sidebar > div,
.sidebar-second > div {
  padding: .5rem 0 1rem;
}

.section .container .sidebar > div > div,
.sidebar-second > div > div {
  padding: 1rem 0;
  padding: 0;
}

.is-path-product .section .container .sidebar > div > div, .is-path-product
.sidebar-second > div > div {
  padding: 0;
}

.section .container .sidebar .views-field,
.sidebar-second .views-field {
  margin-bottom: 0;
  margin-bottom: 2rem;
}

.section .container .sidebar .views-field .views-field,
.sidebar-second .views-field .views-field {
  margin-bottom: 1.5rem;
}

.section .container .sidebar .views-field .views-field:last-child,
.sidebar-second .views-field .views-field:last-child {
  margin-bottom: 0;
}

.section .container .sidebar .views-row .views-field,
.sidebar-second .views-row .views-field {
  margin-bottom: 0;
}

.section .container .sidebar .field,
.section .container .sidebar .views-row,
.sidebar-second .field,
.sidebar-second .views-row {
  margin-bottom: .5rem;
}

.section .container .sidebar .view.news .view-content > .views-row,
.sidebar-second .view.news .view-content > .views-row {
  margin-bottom: .5rem;
}

.section .container .sidebar .views-label,
.section .container .sidebar .label,
.section .container .sidebar h2.subtitle,
.section .container .sidebar .field--name-field-title-der-section,
.sidebar-second .views-label,
.sidebar-second .label,
.sidebar-second h2.subtitle,
.sidebar-second .field--name-field-title-der-section {
  font-weight: 400;
  text-transform: uppercase;
  color: #999;
  display: block;
  padding-bottom: 0;
  margin-bottom: 1rem;
  border-bottom: 1px solid #999;
}

.section .container .sidebar h2.subtitle,
.sidebar-second h2.subtitle {
  font-size: 1rem;
}

.section .container .sidebar .views-label, .section .container .sidebar header,
.sidebar-second .views-label,
.sidebar-second header {
  font-weight: 600;
}

.section .container .sidebar .field_leistungen a,
.section .container .sidebar .field_kompetenz a,
.section .container .sidebar .field_loesungen a,
.section .container .sidebar .field_abteilung a,
.section .container .sidebar .field_kompetenzen a,
.section .container .sidebar .field_downloads a,
.section .container .sidebar .field--name-field-competence-centers a,
.sidebar-second .field_leistungen a,
.sidebar-second .field_kompetenz a,
.sidebar-second .field_loesungen a,
.sidebar-second .field_abteilung a,
.sidebar-second .field_kompetenzen a,
.sidebar-second .field_downloads a,
.sidebar-second .field--name-field-competence-centers a {
  display: inline-block;
  position: relative;
  margin-left: 20px;
  cursor: pointer;
}

.section .container .sidebar .field_leistungen a:before,
.section .container .sidebar .field_kompetenz a:before,
.section .container .sidebar .field_loesungen a:before,
.section .container .sidebar .field_abteilung a:before,
.section .container .sidebar .field_kompetenzen a:before,
.section .container .sidebar .field_downloads a:before,
.section .container .sidebar .field--name-field-competence-centers a:before,
.sidebar-second .field_leistungen a:before,
.sidebar-second .field_kompetenz a:before,
.sidebar-second .field_loesungen a:before,
.sidebar-second .field_abteilung a:before,
.sidebar-second .field_kompetenzen a:before,
.sidebar-second .field_downloads a:before,
.sidebar-second .field--name-field-competence-centers a:before {
  content: "";
  display: block;
  width: 20px;
  height: 20px;
  position: absolute;
  left: -20px;
  top: -3px;
  background: transparent url(../assets/img/sprite_fcp.svg) no-repeat left bottom;
}

.section .container .sidebar .field_leistungen a:hover:before, .section .container .sidebar .field_leistungen a:focus:before, .section .container .sidebar .field_leistungen a:active:before,
.section .container .sidebar .field_kompetenz a:hover:before,
.section .container .sidebar .field_kompetenz a:focus:before,
.section .container .sidebar .field_kompetenz a:active:before,
.section .container .sidebar .field_loesungen a:hover:before,
.section .container .sidebar .field_loesungen a:focus:before,
.section .container .sidebar .field_loesungen a:active:before,
.section .container .sidebar .field_abteilung a:hover:before,
.section .container .sidebar .field_abteilung a:focus:before,
.section .container .sidebar .field_abteilung a:active:before,
.section .container .sidebar .field_kompetenzen a:hover:before,
.section .container .sidebar .field_kompetenzen a:focus:before,
.section .container .sidebar .field_kompetenzen a:active:before,
.section .container .sidebar .field_downloads a:hover:before,
.section .container .sidebar .field_downloads a:focus:before,
.section .container .sidebar .field_downloads a:active:before,
.section .container .sidebar .field--name-field-competence-centers a:hover:before,
.section .container .sidebar .field--name-field-competence-centers a:focus:before,
.section .container .sidebar .field--name-field-competence-centers a:active:before,
.sidebar-second .field_leistungen a:hover:before,
.sidebar-second .field_leistungen a:focus:before,
.sidebar-second .field_leistungen a:active:before,
.sidebar-second .field_kompetenz a:hover:before,
.sidebar-second .field_kompetenz a:focus:before,
.sidebar-second .field_kompetenz a:active:before,
.sidebar-second .field_loesungen a:hover:before,
.sidebar-second .field_loesungen a:focus:before,
.sidebar-second .field_loesungen a:active:before,
.sidebar-second .field_abteilung a:hover:before,
.sidebar-second .field_abteilung a:focus:before,
.sidebar-second .field_abteilung a:active:before,
.sidebar-second .field_kompetenzen a:hover:before,
.sidebar-second .field_kompetenzen a:focus:before,
.sidebar-second .field_kompetenzen a:active:before,
.sidebar-second .field_downloads a:hover:before,
.sidebar-second .field_downloads a:focus:before,
.sidebar-second .field_downloads a:active:before,
.sidebar-second .field--name-field-competence-centers a:hover:before,
.sidebar-second .field--name-field-competence-centers a:focus:before,
.sidebar-second .field--name-field-competence-centers a:active:before {
  background: url(../assets/img/sprite_fcp.svg) no-repeat 0px -889px;
  transform: scale(0.25);
  width: 60px;
  height: 60px;
  left: -42px;
  top: -18px;
  /* filter: invert(20%) sepia(100%) saturate(7000%) hue-rotate(-40deg); */
}

.section .container .sidebar .field_leistungen a:hover:after, .section .container .sidebar .field_leistungen a:focus:after, .section .container .sidebar .field_leistungen a:active:after,
.section .container .sidebar .field_kompetenz a:hover:after,
.section .container .sidebar .field_kompetenz a:focus:after,
.section .container .sidebar .field_kompetenz a:active:after,
.section .container .sidebar .field_loesungen a:hover:after,
.section .container .sidebar .field_loesungen a:focus:after,
.section .container .sidebar .field_loesungen a:active:after,
.section .container .sidebar .field_abteilung a:hover:after,
.section .container .sidebar .field_abteilung a:focus:after,
.section .container .sidebar .field_abteilung a:active:after,
.section .container .sidebar .field_kompetenzen a:hover:after,
.section .container .sidebar .field_kompetenzen a:focus:after,
.section .container .sidebar .field_kompetenzen a:active:after,
.section .container .sidebar .field_downloads a:hover:after,
.section .container .sidebar .field_downloads a:focus:after,
.section .container .sidebar .field_downloads a:active:after,
.section .container .sidebar .field--name-field-competence-centers a:hover:after,
.section .container .sidebar .field--name-field-competence-centers a:focus:after,
.section .container .sidebar .field--name-field-competence-centers a:active:after,
.sidebar-second .field_leistungen a:hover:after,
.sidebar-second .field_leistungen a:focus:after,
.sidebar-second .field_leistungen a:active:after,
.sidebar-second .field_kompetenz a:hover:after,
.sidebar-second .field_kompetenz a:focus:after,
.sidebar-second .field_kompetenz a:active:after,
.sidebar-second .field_loesungen a:hover:after,
.sidebar-second .field_loesungen a:focus:after,
.sidebar-second .field_loesungen a:active:after,
.sidebar-second .field_abteilung a:hover:after,
.sidebar-second .field_abteilung a:focus:after,
.sidebar-second .field_abteilung a:active:after,
.sidebar-second .field_kompetenzen a:hover:after,
.sidebar-second .field_kompetenzen a:focus:after,
.sidebar-second .field_kompetenzen a:active:after,
.sidebar-second .field_downloads a:hover:after,
.sidebar-second .field_downloads a:focus:after,
.sidebar-second .field_downloads a:active:after,
.sidebar-second .field--name-field-competence-centers a:hover:after,
.sidebar-second .field--name-field-competence-centers a:focus:after,
.sidebar-second .field--name-field-competence-centers a:active:after {
  display: none;
}

.section .container .sidebar .views-row .views-field-field-datum-2,
.section .container .sidebar .views-row .views-field-field-datum-smart,
.section .container .sidebar .views-row .views-field-views-conditional-field-1,
.section .container .sidebar .views-row .views-field-field-datum2-1,
.sidebar-second .views-row .views-field-field-datum-2,
.sidebar-second .views-row .views-field-field-datum-smart,
.sidebar-second .views-row .views-field-views-conditional-field-1,
.sidebar-second .views-row .views-field-field-datum2-1 {
  font-size: 2rem;
  margin-bottom: 0;
}

@media screen and (min-width: 600px) {
  .section .container .sidebar .views-row .views-field-field-datum-2,
  .section .container .sidebar .views-row .views-field-field-datum-smart,
  .section .container .sidebar .views-row .views-field-views-conditional-field-1,
  .section .container .sidebar .views-row .views-field-field-datum2-1,
  .sidebar-second .views-row .views-field-field-datum-2,
  .sidebar-second .views-row .views-field-field-datum-smart,
  .sidebar-second .views-row .views-field-views-conditional-field-1,
  .sidebar-second .views-row .views-field-field-datum2-1 {
    font-size: 2rem;
  }
}

@media screen and (min-width: 769px) {
  .section .container .sidebar .views-row .views-field-field-datum-2,
  .section .container .sidebar .views-row .views-field-field-datum-smart,
  .section .container .sidebar .views-row .views-field-views-conditional-field-1,
  .section .container .sidebar .views-row .views-field-field-datum2-1,
  .sidebar-second .views-row .views-field-field-datum-2,
  .sidebar-second .views-row .views-field-field-datum-smart,
  .sidebar-second .views-row .views-field-views-conditional-field-1,
  .sidebar-second .views-row .views-field-field-datum2-1 {
    font-size: 2.25rem;
  }
}

@media screen and (min-width: 1024px) {
  .section .container .sidebar .views-row .views-field-field-datum-2,
  .section .container .sidebar .views-row .views-field-field-datum-smart,
  .section .container .sidebar .views-row .views-field-views-conditional-field-1,
  .section .container .sidebar .views-row .views-field-field-datum2-1,
  .sidebar-second .views-row .views-field-field-datum-2,
  .sidebar-second .views-row .views-field-field-datum-smart,
  .sidebar-second .views-row .views-field-views-conditional-field-1,
  .sidebar-second .views-row .views-field-field-datum2-1 {
    font-size: 2.75rem;
  }
}

.section .container .sidebar .views-row .views-field-field-datum2-2,
.section .container .sidebar .views-row .views-field-views-conditional-field-2,
.section .container .sidebar .views-row .views-field-field-datum-smart-1,
.sidebar-second .views-row .views-field-field-datum2-2,
.sidebar-second .views-row .views-field-views-conditional-field-2,
.sidebar-second .views-row .views-field-field-datum-smart-1 {
  font-size: 1.5rem;
}

@media screen and (min-width: 600px) {
  .section .container .sidebar .views-row .views-field-field-datum2-2,
  .section .container .sidebar .views-row .views-field-views-conditional-field-2,
  .section .container .sidebar .views-row .views-field-field-datum-smart-1,
  .sidebar-second .views-row .views-field-field-datum2-2,
  .sidebar-second .views-row .views-field-views-conditional-field-2,
  .sidebar-second .views-row .views-field-field-datum-smart-1 {
    font-size: 1.75rem;
  }
}

@media screen and (min-width: 769px) {
  .section .container .sidebar .views-row .views-field-field-datum2-2,
  .section .container .sidebar .views-row .views-field-views-conditional-field-2,
  .section .container .sidebar .views-row .views-field-field-datum-smart-1,
  .sidebar-second .views-row .views-field-field-datum2-2,
  .sidebar-second .views-row .views-field-views-conditional-field-2,
  .sidebar-second .views-row .views-field-field-datum-smart-1 {
    font-size: 1.75rem;
  }
}

@media screen and (min-width: 1024px) {
  .section .container .sidebar .views-row .views-field-field-datum2-2,
  .section .container .sidebar .views-row .views-field-views-conditional-field-2,
  .section .container .sidebar .views-row .views-field-field-datum-smart-1,
  .sidebar-second .views-row .views-field-field-datum2-2,
  .sidebar-second .views-row .views-field-views-conditional-field-2,
  .sidebar-second .views-row .views-field-field-datum-smart-1 {
    font-size: 2rem;
  }
}

.section .container .sidebar .views-row .views-field-title,
.sidebar-second .views-row .views-field-title {
  margin-bottom: 0;
}

.section .container .sidebar .views-field-field-referent-in img,
.section .container .sidebar .field--name-field-kontakt img,
.section .container .sidebar .paragraph img,
.sidebar-second .views-field-field-referent-in img,
.sidebar-second .field--name-field-kontakt img,
.sidebar-second .paragraph img {
  width: 150px;
  width: auto;
  height: 150px;
  border-radius: 100%;
  margin: 0 auto;
}

.section .container .sidebar .views-field-field-referent-in figure:not([class]),
.section .container .sidebar .field--name-field-kontakt figure:not([class]),
.section .container .sidebar .paragraph figure:not([class]),
.sidebar-second .views-field-field-referent-in figure:not([class]),
.sidebar-second .field--name-field-kontakt figure:not([class]),
.sidebar-second .paragraph figure:not([class]) {
  margin: 0;
  text-align: left;
}

.section .container .sidebar .paragraph .field--name-field-title-der-section,
.sidebar-second .paragraph .field--name-field-title-der-section {
  text-align: left;
}

.section .container .sidebar .views-field-field-downloads ul li,
.sidebar-second .views-field-field-downloads ul li {
  margin-bottom: .5rem;
}

.section .container .sidebar .views-field-field-downloads ul li:last-child,
.sidebar-second .views-field-field-downloads ul li:last-child {
  margin-bottom: 0;
}

.section .container .sidebar .field_downloads span.icon,
.sidebar-second .field_downloads span.icon {
  display: none;
}

/* sidebar */
.is-root-term .maincolumn .zitat .paragraph > .inner {
  /*
        display: block;
        width: unset;
        margin: unset;
        &:before { display: none;}
        > .inner {   }
        */
}

/* Elemente in Articlecontent */
.articlecontent div.label {
  font-size: 0.875rem;
  font-weight: 400;
  color: #999;
}

@media screen and (min-width: 1024px) {
  .articlecontent div.label {
    font-size: 1rem;
  }
}

.articlecontent .maincolumn {
  /*    > div:not(.details):not(.field-wrapper) { */
}

.articlecontent .maincolumn > div:not(.details) h2 {
  margin: 2rem 0 0;
}

.articlecontent .maincolumn > div:not(.details) h2 {
  margin: 0;
}

.articlecontent .downloadwrapper {
  margin: 2rem 0;
  display: grid;
  grid-template-columns: repeat(1, 1fr);
  grid-template-rows: repeat(1, 1fr);
  grid-auto-flow: row;
  gap: 2rem;
}

@media screen and (min-width: 769px) {
  .articlecontent .downloadwrapper {
    grid-template-columns: repeat(2, 1fr);
  }
}

@media screen and (min-width: 1024px) {
  .articlecontent .downloadwrapper {
    grid-template-columns: repeat(3, 1fr);
  }
}

@media screen and (min-width: 1216px) {
  .articlecontent .downloadwrapper {
    grid-template-columns: repeat(4, 1fr);
  }
}

.articlecontent .downloadwrapper div, .articlecontent .downloadwrapper a, .articlecontent .downloadwrapper span.file {
  height: 100%;
}

.articlecontent .field_media_document {
  /*   für Fleder .field--name-field-download */
}

.articlecontent .field_media_document span.file > a {
  font-weight: 600;
  -webkit-transition: all 0.25s ease-in-out;
  -moz-transition: all 0.25s ease-in-out;
  -ms-transition: all 0.25s ease-in-out;
  -o-transition: all 0.25s ease-in-out;
  transition: all 0.25s ease-in-out;
  display: block;
  background: radial-gradient(circle at left bottom, rgba(220, 220, 220, 0.8) 0%, rgba(220, 220, 220, 0.1) 40%), #7d8691;
  cursor: pointer;
  padding: 2rem 1rem;
  min-height: 100px;
  border-radius: 0.25rem;
  color: #fff;
}

@media screen and (min-width: 1024px) {
  .articlecontent .field_media_document span.file > a {
    min-height: 160px;
  }
}

.articlecontent .field_media_document span.file > a:hover, .articlecontent .field_media_document span.file > a:focus, .articlecontent .field_media_document span.file > a:active, .articlecontent .field_media_document span.file > a:focus {
  color: #fff;
  background: radial-gradient(circle at left bottom, rgba(220, 220, 220, 0.6) 0%, rgba(220, 220, 220, 0) 40%), #EC6556;
}

.articlecontent .field_media_document span.file > a:hover:after, .articlecontent .field_media_document span.file > a:focus:after, .articlecontent .field_media_document span.file > a:active:after, .articlecontent .field_media_document span.file > a:focus:after {
  display: none;
}

.articlecontent .field_media_document .icon {
  z-index: 2;
  position: absolute;
  bottom: 0;
  right: 0;
  background: blue;
  width: 120px;
  height: 40px;
  background: url(../assets/img/sprite_fcp.svg) no-repeat left -1100px;
}

.articlecontent .field_media_document .icon i {
  display: none;
}

@media screen and (max-width: 1023px) {
  .articlecontent .field_media_document .icon {
    display: none;
  }
}

.articlecontent .field_media_document .icon:after {
  -webkit-transition: all 0.15s linear;
  -moz-transition: all 0.15s linear;
  -ms-transition: all 0.15s linear;
  -o-transition: all 0.15s linear;
  transition: all 0.15s linear;
  content: "pdf";
  display: block;
  position: absolute;
  bottom: -1px;
  right: 47px;
  width: 60px;
  height: 30px;
  font-size: 14px;
  color: #fff;
  text-transform: uppercase;
  font-weight: 700;
}

.articlecontent .field_media_document .file--application-pdf .icon:after {
  content: "pdf";
}

.articlecontent .field_media_document .file--mime-application-zip .icon:after {
  content: "zip";
}

.articlecontent .field_media_document .file--mime-image-jpeg .icon:after {
  content: "jpg";
}

.articlecontent .field_section .field_media_document span.file > a {
  width: 100%;
}

.articlecontent .field--name-field-media-document {
  margin-bottom: 0;
}

.articlecontent .bottom > div {
  margin-bottom: 0rem;
  padding-top: 2rem;
}

.articlecontent .view-eva .views-row .views-row-inner {
  position: relative;
}

.articlecontent .view-eva .views-row .views-row-inner a.card {
  display: block;
  background: #fff;
  height: 100%;
  width: 100%;
  box-shadow: unset;
  /*
      box-shadow: 2px 2px 4px $grey;
*/
  /* from Mixin above */
  /* ++++++++++++++++++++++++++++++++   */
  /* ++++++++++++++++++++++++++++++++   */
}

@media screen and (min-width: 769px) {
  .articlecontent .view-eva .views-row .views-row-inner a.card {
    display: grid;
    grid-template-columns: 1fr;
    grid-template-rows: 10px auto auto 1fr;
    grid-template-rows: 200px auto;
    grid-template-rows: auto auto;
    grid-template-rows: minmax(200px, auto) 1fr;
    grid-column-gap: 0px;
    grid-row-gap: 0px;
  }
}

.articlecontent .view-eva .views-row .views-row-inner a.card * {
  -webkit-transition: all 0.15s linear;
  -moz-transition: all 0.15s linear;
  -ms-transition: all 0.15s linear;
  -o-transition: all 0.15s linear;
  transition: all 0.15s linear;
  padding: 0;
  margin: 0;
  color: #151515;
}

.articlecontent .view-eva .views-row .views-row-inner a.card > * {
  padding: 0 2rem;
  padding: 0;
  margin: 0;
  color: #151515;
}

.articlecontent .view-eva .views-row .views-row-inner a.card:hover, .articlecontent .view-eva .views-row .views-row-inner a.card:focus, .articlecontent .view-eva .views-row .views-row-inner a.card:active, .articlecontent .view-eva .views-row .views-row-inner a.card:focus-within {
  color: #EC6456;
}

.articlecontent .view-eva .views-row .views-row-inner a.card:hover *, .articlecontent .view-eva .views-row .views-row-inner a.card:focus *, .articlecontent .view-eva .views-row .views-row-inner a.card:active *, .articlecontent .view-eva .views-row .views-row-inner a.card:focus-within * {
  color: #EC6456;
}

.articlecontent .view-eva .views-row .views-row-inner a.card:hover:after, .articlecontent .view-eva .views-row .views-row-inner a.card:focus:after, .articlecontent .view-eva .views-row .views-row-inner a.card:active:after, .articlecontent .view-eva .views-row .views-row-inner a.card:focus-within:after {
  display: none;
}

.articlecontent .view-eva .views-row .views-row-inner a.card.projekt .small, .articlecontent .view-eva .views-row .views-row-inner a.card.news .small, .articlecontent .view-eva .views-row .views-row-inner a.card.kompetenzen .small {
  text-transform: uppercase;
}

.articlecontent .view-eva .views-row .views-row-inner a.card > figure.image,
.articlecontent .view-eva .views-row .views-row-inner a.card .field_media_image figure.image,
.articlecontent .view-eva .views-row .views-row-inner a.card div.field--name-field-mehr-bilder figure.image,
.articlecontent .view-eva .views-row .views-row-inner a.card .views-field-field-image, .articlecontent .view-eva .views-row .views-row-inner a.card .views-field-logo {
  /* passt sich genau der Bildgröße an */
  position: relative;
  /* nötig für ::after */
  padding: 0;
  /* Standard-Padding entfernen */
  line-height: 0;
  /* verhindert zusätzlichen Platz unter img */
  margin-bottom: .5rem;
}

@media screen and (min-width: 769px) {
  .articlecontent .view-eva .views-row .views-row-inner a.card > figure.image,
  .articlecontent .view-eva .views-row .views-row-inner a.card .field_media_image figure.image,
  .articlecontent .view-eva .views-row .views-row-inner a.card div.field--name-field-mehr-bilder figure.image,
  .articlecontent .view-eva .views-row .views-row-inner a.card .views-field-field-image, .articlecontent .view-eva .views-row .views-row-inner a.card .views-field-logo {
    display: inline-block;
  }
}

.articlecontent .view-eva .views-row .views-row-inner a.card > figure.image:after,
.articlecontent .view-eva .views-row .views-row-inner a.card .field_media_image figure.image:after,
.articlecontent .view-eva .views-row .views-row-inner a.card div.field--name-field-mehr-bilder figure.image:after,
.articlecontent .view-eva .views-row .views-row-inner a.card .views-field-field-image:after, .articlecontent .view-eva .views-row .views-row-inner a.card .views-field-logo:after {
  -webkit-transition: all 0.15s linear;
  -moz-transition: all 0.15s linear;
  -ms-transition: all 0.15s linear;
  -o-transition: all 0.15s linear;
  transition: all 0.15s linear;
  content: "";
  position: absolute;
  inset: 0;
  background: rgba(235, 99, 84, 0.6);
  pointer-events: none;
  opacity: 0;
}

.articlecontent .view-eva .views-row .views-row-inner a.card:hover > figure.image:after, .articlecontent .view-eva .views-row .views-row-inner a.card:hover .views-field-field-image:after, .articlecontent .view-eva .views-row .views-row-inner a.card:hover .views-field-logo:after,
.articlecontent .view-eva .views-row .views-row-inner a.card:hover .field_media_image figure.image:after, .articlecontent .view-eva .views-row .views-row-inner a.card:focus > figure.image:after, .articlecontent .view-eva .views-row .views-row-inner a.card:focus .views-field-field-image:after, .articlecontent .view-eva .views-row .views-row-inner a.card:focus .views-field-logo:after,
.articlecontent .view-eva .views-row .views-row-inner a.card:focus .field_media_image figure.image:after, .articlecontent .view-eva .views-row .views-row-inner a.card:active > figure.image:after, .articlecontent .view-eva .views-row .views-row-inner a.card:active .views-field-field-image:after, .articlecontent .view-eva .views-row .views-row-inner a.card:active .views-field-logo:after,
.articlecontent .view-eva .views-row .views-row-inner a.card:active .field_media_image figure.image:after, .articlecontent .view-eva .views-row .views-row-inner a.card:focus-within > figure.image:after, .articlecontent .view-eva .views-row .views-row-inner a.card:focus-within .views-field-field-image:after, .articlecontent .view-eva .views-row .views-row-inner a.card:focus-within .views-field-logo:after,
.articlecontent .view-eva .views-row .views-row-inner a.card:focus-within .field_media_image figure.image:after {
  opacity: 1;
}

.articlecontent .view-eva .views-row .views-row-inner a.card h2, .articlecontent .view-eva .views-row .views-row-inner a.card h3 {
  margin: 0;
}

.articlecontent .view-eva .views-row .views-row-inner a.card h3 {
  text-transform: none;
}

@media screen and (min-width: 1216px) {
  .articlecontent .view-eva .views-row .views-row-inner a.card h3 {
    letter-spacing: .025rem;
  }
}

.articlecontent .view-eva .views-row .views-row-inner a.card ul {
  margin: 0;
  list-style: none;
}

.articlecontent .view-eva .views-row .views-row-inner a.card ul li {
  list-style: none;
}

.articlecontent .view-eva .views-row .views-row-inner a.card .views-field div.field-content,
.articlecontent .view-eva .views-row .views-row-inner a.card .views-field-details .field-content,
.articlecontent .view-eva .views-row .views-row-inner a.card span.views-label + span {
  word-break: break-word;
}

.articlecontent .view-eva .views-row .views-row-inner a.card .views-label {
  font-size: 0;
  position: relative;
  display: inline-block;
}

.articlecontent .view-eva .views-row .views-row-inner a.card .views-label:before {
  content: "";
  display: block;
  position: absolute;
  left: 0;
  top: -6px;
  width: 36px;
  height: 36px;
  border-radius: 100%;
  background: #ff75cc url(../assets/img/sprite_fcp.svg) no-repeat 5px -695px;
}

.articlecontent .view-eva .views-row .views-row-inner a.card.image {
  min-height: 300px;
  display: grid;
  grid-template-columns: 1fr;
  grid-template-rows: 1fr auto;
  grid-template-rows: auto auto 1fr auto;
  grid-column-gap: 0px;
  grid-row-gap: 0px;
}

.articlecontent .view-eva .views-row .views-row-inner a.card.image figure img {
  margin: 0;
  padding: 0;
  height: 250px;
  width: 100%;
  object-fit: cover;
  object-position: center center;
  border-radius: 20px 20px 0 0;
}

@media screen and (max-width: 768px) {
  .articlecontent .view-eva .views-row .views-row-inner a.card.image figure img {
    height: 150px;
  }
}

.articlecontent .view-eva .views-row .views-row-inner a.card.small {
  grid-template-columns: 1fr;
  grid-template-rows: repeat(2, 1fr);
  grid-template-rows: auto 1fr;
  border: 0 none;
  min-height: 150px;
  margin-bottom: 1rem;
}

@media screen and (min-width: 769px) {
  .articlecontent .view-eva .views-row .views-row-inner a.card.small {
    min-height: 200px;
  }
}

@media screen and (min-width: 1024px) {
  .articlecontent .view-eva .views-row .views-row-inner a.card.small {
    min-height: 300px;
  }
}

.articlecontent .view-eva.moreimages .views-row {
  -webkit-box-flex: 0;
  -webkit-flex: 0 1 100%;
  -moz-box-flex: 0;
  -moz-flex: 0 1 100%;
  -ms-flex: 0 1 100%;
  flex: 0 1 100%;
}

.articlecontent .field--type-image .view-content,
.articlecontent .view-image-per-node .view-content {
  display: block;
}

.articlecontent .field--type-image .views-row,
.articlecontent .view-image-per-node .views-row {
  margin: 0;
  padding: 0;
}

.articlecontent .field--type-image figure,
.articlecontent .view-image-per-node figure {
  display: block;
  height: 100%;
  margin: 0;
}

.articlecontent .field--type-image figure img,
.articlecontent .view-image-per-node figure img {
  max-height: 400px;
  width: 100%;
  object-fit: cover;
  display: block;
}

.articlecontent .text .categorytitle,
.articlecontent .categorytitle {
  color: #EC6456;
  color: #424242;
  font-weight: 400;
  text-transform: uppercase;
  letter-spacing: 0;
  font-size: 1rem;
  margin-bottom: 0;
}

@media screen and (min-width: 769px) {
  .articlecontent .text .categorytitle,
  .articlecontent .categorytitle {
    font-size: 1rem;
  }
}

@media screen and (min-width: 1024px) {
  .articlecontent .text .categorytitle,
  .articlecontent .categorytitle {
    font-size: 1rem;
  }
}

.articlecontent .text .categorytitle:after,
.articlecontent .categorytitle:after {
  top: 47px;
  height: 8px;
}

@media screen and (min-width: 600px) {
  .articlecontent .text .categorytitle:after,
  .articlecontent .categorytitle:after {
    top: 48px;
  }
}

@media screen and (min-width: 769px) {
  .articlecontent .text .categorytitle:after,
  .articlecontent .categorytitle:after {
    top: 46px;
    left: 60px;
    height: 10px;
  }
}

@media screen and (min-width: 1024px) {
  .articlecontent .text .categorytitle:after,
  .articlecontent .categorytitle:after {
    top: 22px;
    left: auto;
  }
}

@media screen and (min-width: 1216px) {
  .articlecontent .text .categorytitle:after,
  .articlecontent .categorytitle:after {
    top: 20px;
  }
}

@media screen and (min-width: 1024px) {
  .articlecontent .text .categorytitle:after,
  .articlecontent .categorytitle:after {
    top: 14px;
    left: auto;
  }
}

@media screen and (min-width: 1216px) {
  .articlecontent .text .categorytitle:after,
  .articlecontent .categorytitle:after {
    top: 14px;
  }
}

.articlecontent .text .categorytitle .newsdate,
.articlecontent .categorytitle .newsdate {
  display: inline-block;
  margin-left: .25rem;
}

.articlecontent .field--name-body {
  margin-top: 2rem;
}

.articlecontent .field_bildunterschrift {
  font-size: 0.75rem;
  color: #999;
  margin-top: 5px;
}

.articlecontent .moreimages .views-field .field-content {
  position: relative;
  display: -webkit-box;
  display: -webkit-flex;
  display: -moz-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-flex-wrap: wrap;
  -moz-flex-wrap: wrap;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
  -webkit-box-pack: start;
  -ms-flex-pack: start;
  -webkit-justify-content: flex-start;
  -moz-justify-content: flex-start;
  justify-content: flex-start;
}

.articlecontent .moreimages .views-field .field-content figure {
  -webkit-box-flex: 0;
  -webkit-flex: 0 1 30%;
  -moz-box-flex: 0;
  -moz-flex: 0 1 30%;
  -ms-flex: 0 1 30%;
  flex: 0 1 30%;
  margin: 0 5px 0 0;
}

@media screen and (min-width: 769px) {
  .articlecontent .moreimages .views-field .field-content figure {
    -webkit-box-flex: 0;
    -webkit-flex: 0 1 47.5%;
    -moz-box-flex: 0;
    -moz-flex: 0 1 47.5%;
    -ms-flex: 0 1 47.5%;
    flex: 0 1 47.5%;
  }
}

@media screen and (min-width: 1024px) {
  .articlecontent .moreimages .views-field .field-content figure {
    -webkit-box-flex: 0;
    -webkit-flex: 0 1 19%;
    -moz-box-flex: 0;
    -moz-flex: 0 1 19%;
    -ms-flex: 0 1 19%;
    flex: 0 1 19%;
  }
}

@media screen and (min-width: 1700px) {
  .articlecontent .moreimages .views-field .field-content figure {
    -webkit-box-flex: 0;
    -webkit-flex: 0 1 15%;
    -moz-box-flex: 0;
    -moz-flex: 0 1 15%;
    -ms-flex: 0 1 15%;
    flex: 0 1 15%;
  }
}

.articlecontent .moreimages figure img {
  max-width: unset;
  height: 150px;
  width: 150px;
}

.articlecontent .view.view-jobs-details-sidebar.view-display-id-entity_view_5 {
  margin-top: 3rem;
}

/* maincol */
.articlecontent div.bottom header .verwandteprojekte h3 {
  position: relative;
  text-transform: uppercase;
}

@media screen and (min-width: 769px) {
  .articlecontent div.bottom header .verwandteprojekte h3 {
    text-transform: unset;
  }
}

@media screen and (min-width: 1024px) {
  .articlecontent div.bottom header .verwandteprojekte h3 {
    padding-left: 40px;
  }
}

.articlecontent div.bottom header .verwandteprojekte h3::after {
  display: block;
  content: "";
  border-radius: 0;
  border: 0 none;
  background: #EC6456;
  display: block;
  position: absolute;
  width: 60px;
  height: 60px;
  background: url(../assets/img/sprite_fcp.svg) no-repeat 0 -820px;
  left: -50px;
  top: -16px;
}

@media screen and (min-width: 600px) {
  .articlecontent div.bottom header .verwandteprojekte h3::after {
    top: -9px;
  }
}

@media screen and (min-width: 769px) {
  .articlecontent div.bottom header .verwandteprojekte h3::after {
    top: -9px;
    left: -15px;
  }
}

@media screen and (min-width: 1024px) {
  .articlecontent div.bottom header .verwandteprojekte h3::after {
    top: -5px;
    left: -15px;
  }
}

@media screen and (max-width: 768px) {
  .articlecontent div.bottom header .verwandteprojekte h3::after {
    transform: scale(0.5);
    top: -9px;
    display: none;
  }
}

@media screen and (max-width: 599px) {
  .articlecontent div.bottom header .verwandteprojekte h3::after {
    top: -12px;
  }
}

@media screen and (min-width: 769px) {
  .articlecontent div.bottom header .verwandteprojekte h3 {
    padding-left: 40px;
  }
}

.articlecontent > div.fullwidth {
  margin-top: 4rem;
  display: block;
  margin-top: 1rem;
  /* Slider Tinyslider. Lösungen und Bilder Gallery*/
  /* tns outer */
  /* baguette box, zb Bilder Gallery */
  /*ähnliche projekte */
}

.articlecontent > div.fullwidth .tns-outer {
  font-family: unset;
}

.articlecontent > div.fullwidth .tns-outer p {
  font-weight: 400;
}

.articlecontent > div.fullwidth .tns-outer .tns-item {
  padding-right: 2rem;
  font-size: initial;
  text-transform: initial;
  height: 100%;
}

.articlecontent > div.fullwidth .tns-outer .tns-item > div a.card * {
  opacity: 0.2;
}

.articlecontent > div.fullwidth .tns-outer .tns-item.tns-slide-active > div a.card * {
  opacity: 1;
}

.articlecontent > div.fullwidth .tns-outer a.card {
  display: block;
  background: #fff;
  height: 100%;
  width: 100%;
  box-shadow: unset;
  /*
      box-shadow: 2px 2px 4px $grey;
*/
  /* from Mixin above */
  /* ++++++++++++++++++++++++++++++++   */
  /* ++++++++++++++++++++++++++++++++   */
}

@media screen and (min-width: 769px) {
  .articlecontent > div.fullwidth .tns-outer a.card {
    display: grid;
    grid-template-columns: 1fr;
    grid-template-rows: 10px auto auto 1fr;
    grid-template-rows: 200px auto;
    grid-template-rows: auto auto;
    grid-template-rows: minmax(200px, auto) 1fr;
    grid-column-gap: 0px;
    grid-row-gap: 0px;
  }
}

.articlecontent > div.fullwidth .tns-outer a.card * {
  -webkit-transition: all 0.15s linear;
  -moz-transition: all 0.15s linear;
  -ms-transition: all 0.15s linear;
  -o-transition: all 0.15s linear;
  transition: all 0.15s linear;
  padding: 0;
  margin: 0;
  color: #151515;
}

.articlecontent > div.fullwidth .tns-outer a.card > * {
  padding: 0 2rem;
  padding: 0;
  margin: 0;
  color: #151515;
}

.articlecontent > div.fullwidth .tns-outer a.card:hover, .articlecontent > div.fullwidth .tns-outer a.card:focus, .articlecontent > div.fullwidth .tns-outer a.card:active, .articlecontent > div.fullwidth .tns-outer a.card:focus-within {
  color: #EC6456;
}

.articlecontent > div.fullwidth .tns-outer a.card:hover *, .articlecontent > div.fullwidth .tns-outer a.card:focus *, .articlecontent > div.fullwidth .tns-outer a.card:active *, .articlecontent > div.fullwidth .tns-outer a.card:focus-within * {
  color: #EC6456;
}

.articlecontent > div.fullwidth .tns-outer a.card:hover:after, .articlecontent > div.fullwidth .tns-outer a.card:focus:after, .articlecontent > div.fullwidth .tns-outer a.card:active:after, .articlecontent > div.fullwidth .tns-outer a.card:focus-within:after {
  display: none;
}

.articlecontent > div.fullwidth .tns-outer a.card.projekt .small, .articlecontent > div.fullwidth .tns-outer a.card.news .small, .articlecontent > div.fullwidth .tns-outer a.card.kompetenzen .small {
  text-transform: uppercase;
}

.articlecontent > div.fullwidth .tns-outer a.card > figure.image,
.articlecontent > div.fullwidth .tns-outer a.card .field_media_image figure.image,
.articlecontent > div.fullwidth .tns-outer a.card div.field--name-field-mehr-bilder figure.image,
.articlecontent > div.fullwidth .tns-outer a.card .views-field-field-image, .articlecontent > div.fullwidth .tns-outer a.card .views-field-logo {
  /* passt sich genau der Bildgröße an */
  position: relative;
  /* nötig für ::after */
  padding: 0;
  /* Standard-Padding entfernen */
  line-height: 0;
  /* verhindert zusätzlichen Platz unter img */
  margin-bottom: .5rem;
}

@media screen and (min-width: 769px) {
  .articlecontent > div.fullwidth .tns-outer a.card > figure.image,
  .articlecontent > div.fullwidth .tns-outer a.card .field_media_image figure.image,
  .articlecontent > div.fullwidth .tns-outer a.card div.field--name-field-mehr-bilder figure.image,
  .articlecontent > div.fullwidth .tns-outer a.card .views-field-field-image, .articlecontent > div.fullwidth .tns-outer a.card .views-field-logo {
    display: inline-block;
  }
}

.articlecontent > div.fullwidth .tns-outer a.card > figure.image:after,
.articlecontent > div.fullwidth .tns-outer a.card .field_media_image figure.image:after,
.articlecontent > div.fullwidth .tns-outer a.card div.field--name-field-mehr-bilder figure.image:after,
.articlecontent > div.fullwidth .tns-outer a.card .views-field-field-image:after, .articlecontent > div.fullwidth .tns-outer a.card .views-field-logo:after {
  -webkit-transition: all 0.15s linear;
  -moz-transition: all 0.15s linear;
  -ms-transition: all 0.15s linear;
  -o-transition: all 0.15s linear;
  transition: all 0.15s linear;
  content: "";
  position: absolute;
  inset: 0;
  background: rgba(235, 99, 84, 0.6);
  pointer-events: none;
  opacity: 0;
}

.articlecontent > div.fullwidth .tns-outer a.card:hover > figure.image:after, .articlecontent > div.fullwidth .tns-outer a.card:hover .views-field-field-image:after, .articlecontent > div.fullwidth .tns-outer a.card:hover .views-field-logo:after,
.articlecontent > div.fullwidth .tns-outer a.card:hover .field_media_image figure.image:after, .articlecontent > div.fullwidth .tns-outer a.card:focus > figure.image:after, .articlecontent > div.fullwidth .tns-outer a.card:focus .views-field-field-image:after, .articlecontent > div.fullwidth .tns-outer a.card:focus .views-field-logo:after,
.articlecontent > div.fullwidth .tns-outer a.card:focus .field_media_image figure.image:after, .articlecontent > div.fullwidth .tns-outer a.card:active > figure.image:after, .articlecontent > div.fullwidth .tns-outer a.card:active .views-field-field-image:after, .articlecontent > div.fullwidth .tns-outer a.card:active .views-field-logo:after,
.articlecontent > div.fullwidth .tns-outer a.card:active .field_media_image figure.image:after, .articlecontent > div.fullwidth .tns-outer a.card:focus-within > figure.image:after, .articlecontent > div.fullwidth .tns-outer a.card:focus-within .views-field-field-image:after, .articlecontent > div.fullwidth .tns-outer a.card:focus-within .views-field-logo:after,
.articlecontent > div.fullwidth .tns-outer a.card:focus-within .field_media_image figure.image:after {
  opacity: 1;
}

.articlecontent > div.fullwidth .tns-outer a.card h2, .articlecontent > div.fullwidth .tns-outer a.card h3 {
  margin: 0;
}

.articlecontent > div.fullwidth .tns-outer a.card h3 {
  text-transform: none;
}

@media screen and (min-width: 1216px) {
  .articlecontent > div.fullwidth .tns-outer a.card h3 {
    letter-spacing: .025rem;
  }
}

.articlecontent > div.fullwidth .tns-outer a.card ul {
  margin: 0;
  list-style: none;
}

.articlecontent > div.fullwidth .tns-outer a.card ul li {
  list-style: none;
}

.articlecontent > div.fullwidth .tns-outer a.card .views-field div.field-content,
.articlecontent > div.fullwidth .tns-outer a.card .views-field-details .field-content,
.articlecontent > div.fullwidth .tns-outer a.card span.views-label + span {
  word-break: break-word;
}

.articlecontent > div.fullwidth .tns-outer a.card .views-label {
  font-size: 0;
  position: relative;
  display: inline-block;
}

.articlecontent > div.fullwidth .tns-outer a.card .views-label:before {
  content: "";
  display: block;
  position: absolute;
  left: 0;
  top: -6px;
  width: 36px;
  height: 36px;
  border-radius: 100%;
  background: #ff75cc url(../assets/img/sprite_fcp.svg) no-repeat 5px -695px;
}

.articlecontent > div.fullwidth .tns-outer a.card.image {
  min-height: 300px;
  display: grid;
  grid-template-columns: 1fr;
  grid-template-rows: 1fr auto;
  grid-template-rows: auto auto 1fr auto;
  grid-column-gap: 0px;
  grid-row-gap: 0px;
}

.articlecontent > div.fullwidth .tns-outer a.card.image figure img {
  margin: 0;
  padding: 0;
  height: 250px;
  width: 100%;
  object-fit: cover;
  object-position: center center;
  border-radius: 20px 20px 0 0;
}

@media screen and (max-width: 768px) {
  .articlecontent > div.fullwidth .tns-outer a.card.image figure img {
    height: 150px;
  }
}

.articlecontent > div.fullwidth .tns-outer a.card.small {
  grid-template-columns: 1fr;
  grid-template-rows: repeat(2, 1fr);
  grid-template-rows: auto 1fr;
  border: 0 none;
  min-height: 150px;
  margin-bottom: 1rem;
}

@media screen and (min-width: 769px) {
  .articlecontent > div.fullwidth .tns-outer a.card.small {
    min-height: 200px;
  }
}

@media screen and (min-width: 1024px) {
  .articlecontent > div.fullwidth .tns-outer a.card.small {
    min-height: 300px;
  }
}

.articlecontent > div.fullwidth .tns-outer a.card {
  grid-template-rows: minmax(200px, auto) 1fr;
  grid-template-rows: auto auto 1fr;
  background: #edebe6;
  padding-bottom: 2rem;
  height: 100%;
  min-height: 400px;
}

.articlecontent > div.fullwidth .tns-outer a.card > * {
  text-transform: unset;
}

.articlecontent > div.fullwidth .tns-outer a.card::after {
  -webkit-transition: all 0.15s linear;
  -moz-transition: all 0.15s linear;
  -ms-transition: all 0.15s linear;
  -o-transition: all 0.15s linear;
  transition: all 0.15s linear;
  display: block;
  content: "";
  display: block;
  position: absolute;
  height: 30px;
  width: 60px;
  background: url(../assets/img/sprite_fcp.svg) no-repeat 0 -1200px;
  right: 10px;
  bottom: 10px;
  filter: brightness(0.1);
}

.articlecontent > div.fullwidth .tns-outer a.card:hover, .articlecontent > div.fullwidth .tns-outer a.card:focus, .articlecontent > div.fullwidth .tns-outer a.card:active, .articlecontent > div.fullwidth .tns-outer a.card:focus-within {
  background: #EC6456;
  outline: unset;
}

.articlecontent > div.fullwidth .tns-outer a.card:hover *, .articlecontent > div.fullwidth .tns-outer a.card:focus *, .articlecontent > div.fullwidth .tns-outer a.card:active *, .articlecontent > div.fullwidth .tns-outer a.card:focus-within * {
  color: #fff;
}

.articlecontent > div.fullwidth .tns-outer a.card:hover::after, .articlecontent > div.fullwidth .tns-outer a.card:focus::after, .articlecontent > div.fullwidth .tns-outer a.card:active::after, .articlecontent > div.fullwidth .tns-outer a.card:focus-within::after {
  filter: brightness(1);
}

.articlecontent > div.fullwidth .tns-outer a.card div.views-field {
  padding: 0 1.5rem;
  margin-bottom: .5rem;
}

.articlecontent > div.fullwidth .tns-outer a.card h3 {
  text-transform: unset;
}

.articlecontent > div.fullwidth .tns-outer a.card figure {
  margin-bottom: .5rem;
}

.articlecontent > div.fullwidth .tns-outer a.card figure img {
  height: 150px;
  width: 100%;
  object-fit: cover;
}

@media screen and (min-width: 1024px) {
  .articlecontent > div.fullwidth .tns-outer a.card figure img {
    height: 150px;
    width: 100%;
  }
}

.articlecontent > div.fullwidth .tns-outer {
  margin: 3rem 0 0;
  position: relative;
}

.articlecontent > div.fullwidth .tns-ovh {
  position: relative;
}

.articlecontent > div.fullwidth .tns-controls {
  position: relative;
  margin: 2rem 0 0;
  width: 100%;
  position: absolute;
  margin: 0;
  left: 0;
  top: -2rem;
  height: 40px;
}

.articlecontent > div.fullwidth .tns-controls button {
  position: absolute;
  background: transparent;
  padding: 0;
  top: 50%;
  left: 0;
  transform: translate(0, -120%);
  height: 20px;
  font-size: 0;
}

.articlecontent > div.fullwidth .tns-controls button:hover, .articlecontent > div.fullwidth .tns-controls button:focus, .articlecontent > div.fullwidth .tns-controls button:active, .articlecontent > div.fullwidth .tns-controls button:focus {
  background-size: 0 0;
  box-shadow: unset;
}

.articlecontent > div.fullwidth .tns-controls button:hover:before, .articlecontent > div.fullwidth .tns-controls button:focus:before, .articlecontent > div.fullwidth .tns-controls button:active:before, .articlecontent > div.fullwidth .tns-controls button:focus:before {
  opacity: 1;
}

.articlecontent > div.fullwidth .tns-controls button:last-child {
  right: 0;
  left: auto;
}

.articlecontent > div.fullwidth .tns-controls button:after {
  display: none;
}

.articlecontent > div.fullwidth .tns-controls button:before {
  -webkit-transition: all 0.25s linear;
  -moz-transition: all 0.25s linear;
  -ms-transition: all 0.25s linear;
  -o-transition: all 0.25s linear;
  transition: all 0.25s linear;
  display: inline-block;
  content: "";
  position: absolute;
  right: 10px;
  top: 8px;
  top: auto;
  bottom: -4px;
  width: 40px;
  height: 20px;
  opacity: .85;
  background: transparent url(../assets/img/sprite_fcp.svg) no-repeat 8px -250px;
  animation: none;
  border: unset;
  border-radius: unset;
  clip-path: none;
}

.articlecontent > div.fullwidth .tns-controls button:last-child:before {
  right: 0;
  left: auto;
  background-position: 0px -350px;
}

.articlecontent > div.fullwidth .tns-controls button:hover:before, .articlecontent > div.fullwidth .tns-controls button:focus:before, .articlecontent > div.fullwidth .tns-controls button:active:before, .articlecontent > div.fullwidth .tns-controls button:focus:before {
  background-position-x: 0px;
}

.articlecontent > div.fullwidth .tns-controls button:last-child:hover:before, .articlecontent > div.fullwidth .tns-controls button:last-child:focus:before, .articlecontent > div.fullwidth .tns-controls button:last-child:active:before, .articlecontent > div.fullwidth .tns-controls button:last-child:focus:before {
  background-position-x: 8px;
}

.articlecontent > div.fullwidth .tns-outer {
  font-family: unset;
}

.articlecontent > div.fullwidth .tns-outer img {
  height: 200px;
  width: 100%;
  object-fit: cover;
}

@media screen and (min-width: 1024px) {
  .articlecontent > div.fullwidth .tns-outer img {
    max-height: 300px;
    width: 100%;
  }
}

.articlecontent > div.fullwidth .tns-outer .tns-controls {
  margin: 0 4rem;
  margin: 0;
  position: relative;
  left: auto;
  top: auto;
}

.articlecontent > div.fullwidth .tns-outer .tns-item {
  width: auto;
}

.articlecontent > div.fullwidth .baguettebox {
  display: grid;
  grid-template-columns: repeat(1, 1fr);
  grid-template-rows: repeat(1, 1fr);
  grid-auto-flow: row;
  gap: 2rem;
  margin: 4rem 0 2rem 0;
}

@media screen and (min-width: 769px) {
  .articlecontent > div.fullwidth .baguettebox {
    grid-template-columns: repeat(2, 1fr);
  }
}

@media screen and (min-width: 1024px) {
  .articlecontent > div.fullwidth .baguettebox {
    grid-template-columns: repeat(3, 1fr);
  }
}

@media screen and (min-width: 1216px) {
  .articlecontent > div.fullwidth .baguettebox {
    grid-template-columns: repeat(4, 1fr);
  }
}

.articlecontent > div.fullwidth .baguettebox > div.field:not(:last-child) {
  margin-bottom: 0;
}

.articlecontent > div.fullwidth .baguettebox > div figure.image {
  display: block;
}

.articlecontent > div.fullwidth .baguettebox > div figure.image:after {
  -webkit-transition: all 0.15s linear;
  -moz-transition: all 0.15s linear;
  -ms-transition: all 0.15s linear;
  -o-transition: all 0.15s linear;
  transition: all 0.15s linear;
  content: "";
  position: absolute;
  inset: 0;
  background: rgba(235, 99, 84, 0.6);
  pointer-events: none;
  opacity: 0;
  height: 200px;
}

.articlecontent > div.fullwidth .baguettebox > div:hover figure.image:after, .articlecontent > div.fullwidth .baguettebox > div:focus figure.image:after, .articlecontent > div.fullwidth .baguettebox > div:active figure.image:after, .articlecontent > div.fullwidth .baguettebox > div:focus-within figure.image:after {
  opacity: 1;
}

.articlecontent > div.fullwidth .baguettebox > div img {
  display: block;
  height: 200px;
  width: 100%;
  object-fit: cover;
}

@media screen and (min-width: 1024px) {
  .articlecontent > div.fullwidth .baguettebox > div img {
    max-height: 300px;
    width: 100%;
  }
}

.articlecontent > div.fullwidth .views-element-container {
  padding: 4rem 0;
  border-top: 1px solid #999;
}

@media screen and (min-width: 769px) {
  .articlecontent > div.fullwidth .views-element-container {
    margin-top: 2rem;
  }
}

.articlecontent > div.fullwidth .views-element-container .view {
  margin: 0 auto;
}

.articlecontent > div.fullwidth .views-element-container .view .view-content > .views-row,
.articlecontent > div.fullwidth .views-element-container .view .view-content > .views-row a.card {
  background: transparent;
}

.articlecontent > div.fullwidth .views-element-container .view header .verwandteprojekte {
  /*
            position: relative;
            padding-left: 70px;

            &:before {
             @include transition (all .25s linear);  
                display: block;
                content: "";
                width: 60px;
                height: 60px; 
                background: transparent url(../assets/img/sprite_fcp.svg) no-repeat 2px -802px; 

                position: absolute;
                left: 0;
                
                top: -42px;
                @include from($mobile) { top: -33px; }
                @include from($tablet) { top: -24px; }
            }
*/
}

.articlecontent > div.fullwidth .views-element-container .view header .verwandteprojekte h3 {
  position: relative;
  text-transform: uppercase;
}

@media screen and (min-width: 769px) {
  .articlecontent > div.fullwidth .views-element-container .view header .verwandteprojekte h3 {
    text-transform: unset;
  }
}

@media screen and (min-width: 1024px) {
  .articlecontent > div.fullwidth .views-element-container .view header .verwandteprojekte h3 {
    padding-left: 40px;
  }
}

.articlecontent > div.fullwidth .views-element-container .view header .verwandteprojekte h3::after {
  display: block;
  content: "";
  border-radius: 0;
  border: 0 none;
  background: #EC6456;
  display: block;
  position: absolute;
  width: 60px;
  height: 60px;
  background: url(../assets/img/sprite_fcp.svg) no-repeat 0 -820px;
  left: -50px;
  top: -16px;
}

@media screen and (min-width: 600px) {
  .articlecontent > div.fullwidth .views-element-container .view header .verwandteprojekte h3::after {
    top: -9px;
  }
}

@media screen and (min-width: 769px) {
  .articlecontent > div.fullwidth .views-element-container .view header .verwandteprojekte h3::after {
    top: -9px;
    left: -15px;
  }
}

@media screen and (min-width: 1024px) {
  .articlecontent > div.fullwidth .views-element-container .view header .verwandteprojekte h3::after {
    top: -5px;
    left: -15px;
  }
}

@media screen and (max-width: 768px) {
  .articlecontent > div.fullwidth .views-element-container .view header .verwandteprojekte h3::after {
    transform: scale(0.5);
    top: -9px;
    display: none;
  }
}

@media screen and (max-width: 599px) {
  .articlecontent > div.fullwidth .views-element-container .view header .verwandteprojekte h3::after {
    top: -12px;
  }
}

@media screen and (min-width: 769px) {
  .articlecontent > div.fullwidth .views-element-container .view header .verwandteprojekte h3 {
    padding-left: 40px;
  }
}

/*  Previous Next Navi */
.topofcontent .prevnext-block ul {
  position: relative;
}

.topofcontent .prevnext-block ul li {
  display: inline-block;
}

main .block-page-title-block {
  margin: 0;
  padding: 0;
  margin-top: -144px;
  margin-top: 0;
  background: transparent;
}

main .block-page-title-block:not(:last-child) {
  margin-bottom: 0;
}

main.container >
#block-campus-page-title {
  padding: 0 3rem;
  margin-bottom: 0;
}

/*  ALLGEMEIN FUER ALLE NODES */
.is-path-node, .is-path-user {
  /* end article */
}

.is-path-node article, .is-path-user article {
  position: relative;
  /* end label */
  /* table */
}

.is-path-node article h3, .is-path-user article h3 {
  text-align: left;
}

.is-path-node article .submitted, .is-path-user article .submitted {
  position: absolute;
  top: -15px;
  right: 0;
}

.is-path-node article .field .field-label,
.is-path-node article .label, .is-path-user article .field .field-label,
.is-path-user article .label {
  margin: 0;
  font-size: unset;
}

.is-path-node article .field--name-body, .is-path-user article .field--name-body {
  word-break: break-word;
}

.is-path-node article .field--name-body img, .is-path-user article .field--name-body img {
  width: 48%;
  height: auto;
  display: inline-block;
  float: left;
  margin: 1em 2% 1em 0;
}

.is-path-node article .field_media_oembed_video iframe, .is-path-node article .field_media_oembed_video video, .is-path-user article .field_media_oembed_video iframe, .is-path-user article .field_media_oembed_video video {
  width: 100%;
  min-height: 450px;
}

.is-path-node article .backtosearch, .is-path-user article .backtosearch {
  margin-top: 2rem;
  display: block;
}

.is-path-node article table, .is-path-user article table {
  width: 100%;
  max-width: 1000px;
  border-collapse: separate;
  border-spacing: 0 2rem;
  background: transparent;
}

.is-path-node article table a, .is-path-user article table a {
  color: #33b3ff;
}

.is-path-node article table a:hover, .is-path-node article table a:focus, .is-path-node article table a:active, .is-path-user article table a:hover, .is-path-user article table a:focus, .is-path-user article table a:active {
  color: #151515;
}

.is-path-node article table thead th, .is-path-user article table thead th {
  font-weight: 400;
  text-transform: uppercase;
  color: #999;
}

.is-path-node article table tbody tr, .is-path-user article table tbody tr {
  background: #fff;
  border-radius: 20px;
}

.is-path-node article table tbody tr td, .is-path-user article table tbody tr td {
  border: 0 none;
}

.is-path-node article table tbody tr td, .is-path-user article table tbody tr td {
  padding: 1rem;
}

.is-path-node article table .forum__title div a, .is-path-user article table .forum__title div a {
  font-weight: 600;
}

.is-path-node article table .forum__title div:last-child, .is-path-user article table .forum__title div:last-child {
  font-size: 75%;
}

.is-path-node article table .forum__last-reply, .is-path-user article table .forum__last-reply {
  font-size: 75%;
}

/* page-node */
.backtofront {
  margin-top: 1rem;
  float: right;
  text-align: right;
}

/* Sections via Paragraphs */
article .field--name-field-section {
  /* paragraph */
}

.page-node-type-page article .field--name-field-section .articlecontent {
  width: 100%;
}

article .field--name-field-section .paragraph {
  /* container */
}

article .field--name-field-section .paragraph > .container {
  display: -webkit-box;
  display: -webkit-flex;
  display: -moz-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-flex-wrap: wrap;
  -moz-flex-wrap: wrap;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
  -webkit-box-pack: justify;
  -ms-flex-pack: justify;
  -webkit-justify-content: space-between;
  -moz-justify-content: space-between;
  justify-content: space-between;
  /*
    > div:nth-child(2) {
        padding: 4em 2em; 
        @include until($tablet) { padding-bottom: 1em;}   
        @include from($desktop)       { width: 50% !important;  }
        @include from($widescreen)    { width: 50% !important; }
        > div {
            @include from($desktop)       { max-width: 526px; }
            @include from($widescreen)    { max-width: 600px;  }
        }
     }
*/
}

article .field--name-field-section .paragraph > .container > div {
  /* @include from($tablet) { @include flex (0 1 50%); } */
  -webkit-box-flex: 0;
  -webkit-flex: 0 1 100%;
  -moz-box-flex: 0;
  -moz-flex: 0 1 100%;
  -ms-flex: 0 1 100%;
  flex: 0 1 100%;
}

article .field--name-field-section .paragraph > .container > div:nth-child(1) {
  /* the image div */
}

article .field--name-field-section .paragraph > .container > div:nth-child(1) * {
  margin: 0;
  padding: 0;
}

article .field--name-field-section .paragraph > .container .field--name-image {
  line-height: 0;
}

article .field--name-field-section .paragraph > .container .field--name-image img {
  object-fit: cover;
  height: 650px;
  max-height: 650px;
  height: 100% !important;
  max-height: 100% !important;
  object-position: bottom center;
  border-radius: 20px;
}

@media screen and (max-width: 768px) {
  article .field--name-field-section .paragraph > .container .field--name-image img {
    height: auto !important;
    max-height: 400px !important;
    object-position: center center;
  }
}

/* .field--name-field-section */
/* Counter Items */
.main.container .ebt-container .field--name-field-ebt-counter-items,
.front-row > .container .ebt-container .field--name-field-ebt-counter-items {
  grid-template-columns: 1fr;
  display: block;
  text-align: center;
}

.main.container .ebt-block-counter .ebt-counter-content,
.front-row > .container .ebt-block-counter .ebt-counter-content {
  background: transparent;
  width: auto;
}

.main.container .ebt-block-counter .ebt-counter-content *,
.front-row > .container .ebt-block-counter .ebt-counter-content * {
  text-align: center;
}

@media screen and (min-width: 769px) {
  .main.container .ebt-block-counter .ebt-counter-content,
  .front-row > .container .ebt-block-counter .ebt-counter-content {
    min-width: 200px;
  }
}

.main.container .ebt-container .field--name-field-ebt-counter-items .ebt-counter-content .ebt-counter-number,
.front-row > .container .ebt-container .field--name-field-ebt-counter-items .ebt-counter-content .ebt-counter-number {
  font-size: 250%;
  font-weight: 700;
  color: #EC6456;
  line-height: 1.1;
  letter-spacing: 2px;
  margin: 0 auto;
}

@media screen and (min-width: 600px) {
  .main.container .ebt-container .field--name-field-ebt-counter-items .ebt-counter-content .ebt-counter-number,
  .front-row > .container .ebt-container .field--name-field-ebt-counter-items .ebt-counter-content .ebt-counter-number {
    font-size: 300%;
  }
}

@media screen and (min-width: 769px) {
  .main.container .ebt-container .field--name-field-ebt-counter-items .ebt-counter-content .ebt-counter-number,
  .front-row > .container .ebt-container .field--name-field-ebt-counter-items .ebt-counter-content .ebt-counter-number {
    font-size: 300%;
  }
}

.main.container .ebt-container .field--name-field-ebt-counter-items .ebt-counter-content .field--name-field-ebt-counter-title,
.front-row > .container .ebt-container .field--name-field-ebt-counter-items .ebt-counter-content .field--name-field-ebt-counter-title {
  font-family: unset;
  font-size: unset;
  margin: 0;
  text-align: left;
}

.main.container > div:nth-child(2) .ebt-container .field--name-field-ebt-counter-items .ebt-counter-content .ebt-counter-number,
.front-row > .container > div:nth-child(2) .ebt-container .field--name-field-ebt-counter-items .ebt-counter-content .ebt-counter-number {
  color: #ef6f62;
}

.main.container > div:nth-child(3) .ebt-container .field--name-field-ebt-counter-items .ebt-counter-content .ebt-counter-number,
.front-row > .container > div:nth-child(3) .ebt-container .field--name-field-ebt-counter-items .ebt-counter-content .ebt-counter-number {
  color: #f27c70;
}

/* AUSNAHMEN */
/*
body.page-node-2617 { 
    #block-fcp-pagetitle {display: none;}
    article {
        padding: 4rem 0 10em;
        font-size: 200%;
    }

}
*/
/* Kontakt */
body.page-node-2330 .main-content.content .articlecontent {
  display: block;
}

@media screen and (min-width: 1024px) {
  body.page-node-2330 .main-content.content .map {
    float: left;
    width: 60%;
  }
  body.page-node-2330 .main-content.content .therest {
    margin-left: 65%;
  }
}

body.page-node-2330 .main-content.content iframe {
  width: 100%;
  height: 600px;
}

@media screen and (min-width: 1024px) {
  body.page-node-2330 .main-content.content #block-fcp-webformular-2 {
    width: 60%;
  }
}

body.page-node-2330 .main-content.content a.button {
  padding-left: 45px;
  background: transparent url(../assets/img/sprite_fcp.svg) no-repeat 10px -1444px;
}

body.page-node-2330 .main-content.content a.button.tel {
  background-position: 12px -1491px;
}

body.page-node-2330 .main-content.content a.button.mail {
  background-position: 8px -1540px;
}

body.impressum .bottomofcontent .view-content > div {
  -webkit-box-flex: 0;
  -webkit-flex: 0 1 100%;
  -moz-box-flex: 0;
  -moz-flex: 0 1 100%;
  -ms-flex: 0 1 100%;
  flex: 0 1 100%;
}

body.is-path-taxonomy .hero-image {
  position: relative;
}

body.is-path-taxonomy .headerBackgroundLinearGradient {
  pointer-events: none;
  display: block;
  background-size: cover;
  z-index: 100;
  height: 100%;
  width: 100%;
  position: absolute;
  left: 0;
  top: 0;
}

body.is-path-taxonomy .headerBackgroundLinearGradient img {
  object-fit: cover;
}

body.is-path-taxonomy.kompetenzen-infrastruktur .headerBackgroundLinearGradient {
  background-size: cover;
}

/* end .is-path-taxonomy  */
main.main:has(.sidebar-first) .searchfilter {
  /*		.facets { margin: -2rem 0 0 0;}  */
}

aside.sidebar-first {
  -webkit-box-flex: 0;
  -webkit-flex: 0 1 30%;
  -moz-box-flex: 0;
  -moz-flex: 0 1 30%;
  -ms-flex: 0 1 30%;
  flex: 0 1 30%;
  padding: 3rem 0 0 0;
  padding: 9px 0 0 0;
}

@media screen and (max-width: 768px) {
  aside.sidebar-first .inner > div.block {
    display: none;
  }
}

aside.sidebar-first > .inner {
  padding: 0 0 0 3em;
}

aside.sidebar-first a.filtertoggle {
  display: block;
  width: 54px;
  height: 54px;
  margin: 0 auto;
  background: url(../assets/img/sprite_fcp.svg) no-repeat 1px -1400px;
  filter: alpha(opacity=70);
  position: absolute;
  top: 120px;
  right: 20px;
  z-index: 20;
  font-size: 200%;
  opacity: 0.65;
  filter: alpha(opacity=65);
  transition: all 0.05s ease-in-out;
  font-size: 1200%;
  opacity: 1;
  top: 40px;
  right: 10px;
  background-position: -400px -500px;
}

@media screen and (min-width: 769px) {
  aside.sidebar-first a.filtertoggle {
    position: absolute !important;
    height: 1px;
    width: 1px;
    overflow: hidden;
    clip: rect(1px, 1px, 1px, 1px);
    display: none;
  }
}

aside.sidebar-first a.filtertoggle span {
  position: absolute !important;
  height: 1px;
  width: 1px;
  overflow: hidden;
  clip: rect(1px, 1px, 1px, 1px);
}

aside.sidebar-first a.filtertoggle:hover, aside.sidebar-first a.filtertoggle:focus, aside.sidebar-first a.filtertoggle:active {
  opacity: 1;
  filter: alpha(opacity=100);
}

aside.sidebar-first a.filtertoggle:hover, aside.sidebar-first a.filtertoggle:focus, aside.sidebar-first a.filtertoggle:active, aside.sidebar-first a.filtertoggle:focus {
  background-size: unset;
}

aside.sidebar-first a.filtertoggle.withheaderoffset {
  top: 12px;
  right: 1px;
}

@media screen and (max-width: 768px) {
  aside.sidebar-first.active .inner > div.block {
    display: block;
  }
}

aside.sidebar-first.active a.filtertoggle {
  top: 30px;
}

aside.sidebar-first.active a.filtertoggle.withheaderoffset {
  top: 12px;
  right: 1px;
}

#block-auswahlfilter {
  -webkit-box-flex: 0;
  -webkit-flex: 0 1 auto;
  -moz-box-flex: 0;
  -moz-flex: 0 1 auto;
  -ms-flex: 0 1 auto;
  flex: 0 1 auto;
}

@media screen and (min-width: 600px) {
  #block-auswahlfilter {
    width: 80%;
  }
}

@media screen and (min-width: 769px) {
  #block-auswahlfilter {
    width: auto;
    margin: 0 auto .5rem;
  }
}

@media screen and (min-width: 1216px) {
  #block-auswahlfilter {
    position: absolute !important;
    height: 1px;
    width: 1px;
    overflow: hidden;
    clip: rect(1px, 1px, 1px, 1px);
    display: none;
  }
}

#block-auswahlfilter a {
  font-size: 1rem;
  text-transform: uppercase;
  text-align: center;
  width: 100%;
  margin: 1rem 0;
  letter-spacing: 1px;
  display: block;
  border-radius: 50px;
  background: transparent;
  border: 1px solid #151515;
  color: #151515;
  padding: .5rem 1rem;
}

#block-auswahlfilter a.active {
  margin: 1rem 0 0;
}

#block-auswahlfilter a::after {
  content: "";
  position: relative;
  display: inline-block;
  float: left;
  height: 36px;
  width: 46px;
  margin: -5px 0 0;
  background: url(../assets/img/sprite_fcp.svg) no-repeat -394px -494px;
}

@media screen and (max-width: 1215px) {
  aside.sidebar-first {
    /*
		position: absolute;
		height: 0;
		display: none;
*/
    /* active */
  }
  aside.sidebar-first.active {
    position: fixed;
    height: auto;
    display: block;
    top: 100px;
    background: linear-gradient(25deg, #33b3ff 0%, #70f0a8 50%, #ff66c6 100%);
    left: 0;
    z-index: 30;
    width: 100%;
    height: 100%;
    width: 66%;
  }
}

@media screen and (max-width: 1215px) and (max-width: 1023px) {
  aside.sidebar-first.active {
    top: 80px;
  }
}

@media screen and (max-width: 1215px) {
  aside.sidebar-first.active > .inner {
    padding: 5%;
    position: relative;
    padding-top: 4rem;
  }
}

@media screen and (max-width: 1215px) and (max-width: 768px) {
  aside.sidebar-first.active {
    width: 80%;
  }
}

@media screen and (max-width: 1215px) and (max-width: 599px) {
  aside.sidebar-first.active {
    width: 100%;
  }
}

.is-path-frontpage .column.content,
aside.sidebar-first {
  /* block */
}

.is-path-frontpage .column.content .block > h2.subtitle, .is-path-frontpage .column.content .block h2, .is-path-frontpage .column.content nav > h2.subtitle, .is-path-frontpage .column.content nav h2,
aside.sidebar-first .block > h2.subtitle,
aside.sidebar-first .block h2,
aside.sidebar-first nav > h2.subtitle,
aside.sidebar-first nav h2 {
  text-transform: uppercase;
  font-size: 1rem;
  font-family: "Montserrat", Helvetica, Arial, "Nimbus Sans L", sans-serif;
  font-weight: 400;
  margin: 1rem 0 .25rem 0;
}

.is-path-frontpage .column.content .block ul, .is-path-frontpage .column.content .block li, .is-path-frontpage .column.content nav ul, .is-path-frontpage .column.content nav li,
aside.sidebar-first .block ul,
aside.sidebar-first .block li,
aside.sidebar-first nav ul,
aside.sidebar-first nav li {
  list-style: none;
  padding: 0;
  margin: 0;
}

.is-path-frontpage .column.content .block a:not(.button), .is-path-frontpage .column.content nav a:not(.button),
aside.sidebar-first .block a:not(.button),
aside.sidebar-first nav a:not(.button) {
  background: none;
  -webkit-transition: all 0.25s ease-in-out;
  -moz-transition: all 0.25s ease-in-out;
  -ms-transition: all 0.25s ease-in-out;
  -o-transition: all 0.25s ease-in-out;
  transition: all 0.25s ease-in-out;
}

.is-path-frontpage .column.content .block a:not(.button):hover:hover, .is-path-frontpage .column.content .block a:not(.button):hover:focus, .is-path-frontpage .column.content .block a:not(.button):hover:active, .is-path-frontpage .column.content .block a:not(.button):hover.is-active, .is-path-frontpage .column.content .block a:not(.button):focus:hover, .is-path-frontpage .column.content .block a:not(.button):focus:focus, .is-path-frontpage .column.content .block a:not(.button):focus:active, .is-path-frontpage .column.content .block a:not(.button):focus.is-active, .is-path-frontpage .column.content .block a:not(.button):active:hover, .is-path-frontpage .column.content .block a:not(.button):active:focus, .is-path-frontpage .column.content .block a:not(.button):active:active, .is-path-frontpage .column.content .block a:not(.button):active.is-active, .is-path-frontpage .column.content nav a:not(.button):hover:hover, .is-path-frontpage .column.content nav a:not(.button):hover:focus, .is-path-frontpage .column.content nav a:not(.button):hover:active, .is-path-frontpage .column.content nav a:not(.button):hover.is-active, .is-path-frontpage .column.content nav a:not(.button):focus:hover, .is-path-frontpage .column.content nav a:not(.button):focus:focus, .is-path-frontpage .column.content nav a:not(.button):focus:active, .is-path-frontpage .column.content nav a:not(.button):focus.is-active, .is-path-frontpage .column.content nav a:not(.button):active:hover, .is-path-frontpage .column.content nav a:not(.button):active:focus, .is-path-frontpage .column.content nav a:not(.button):active:active, .is-path-frontpage .column.content nav a:not(.button):active.is-active,
aside.sidebar-first .block a:not(.button):hover:hover,
aside.sidebar-first .block a:not(.button):hover:focus,
aside.sidebar-first .block a:not(.button):hover:active,
aside.sidebar-first .block a:not(.button):hover.is-active,
aside.sidebar-first .block a:not(.button):focus:hover,
aside.sidebar-first .block a:not(.button):focus:focus,
aside.sidebar-first .block a:not(.button):focus:active,
aside.sidebar-first .block a:not(.button):focus.is-active,
aside.sidebar-first .block a:not(.button):active:hover,
aside.sidebar-first .block a:not(.button):active:focus,
aside.sidebar-first .block a:not(.button):active:active,
aside.sidebar-first .block a:not(.button):active.is-active,
aside.sidebar-first nav a:not(.button):hover:hover,
aside.sidebar-first nav a:not(.button):hover:focus,
aside.sidebar-first nav a:not(.button):hover:active,
aside.sidebar-first nav a:not(.button):hover.is-active,
aside.sidebar-first nav a:not(.button):focus:hover,
aside.sidebar-first nav a:not(.button):focus:focus,
aside.sidebar-first nav a:not(.button):focus:active,
aside.sidebar-first nav a:not(.button):focus.is-active,
aside.sidebar-first nav a:not(.button):active:hover,
aside.sidebar-first nav a:not(.button):active:focus,
aside.sidebar-first nav a:not(.button):active:active,
aside.sidebar-first nav a:not(.button):active.is-active {
  width: auto;
  color: #b82415;
  color: #151515;
}

.is-path-frontpage .column.content .block a:not(.button):hover:hover:before, .is-path-frontpage .column.content .block a:not(.button):hover:focus:before, .is-path-frontpage .column.content .block a:not(.button):hover:active:before, .is-path-frontpage .column.content .block a:not(.button):hover.is-active:before, .is-path-frontpage .column.content .block a:not(.button):focus:hover:before, .is-path-frontpage .column.content .block a:not(.button):focus:focus:before, .is-path-frontpage .column.content .block a:not(.button):focus:active:before, .is-path-frontpage .column.content .block a:not(.button):focus.is-active:before, .is-path-frontpage .column.content .block a:not(.button):active:hover:before, .is-path-frontpage .column.content .block a:not(.button):active:focus:before, .is-path-frontpage .column.content .block a:not(.button):active:active:before, .is-path-frontpage .column.content .block a:not(.button):active.is-active:before, .is-path-frontpage .column.content nav a:not(.button):hover:hover:before, .is-path-frontpage .column.content nav a:not(.button):hover:focus:before, .is-path-frontpage .column.content nav a:not(.button):hover:active:before, .is-path-frontpage .column.content nav a:not(.button):hover.is-active:before, .is-path-frontpage .column.content nav a:not(.button):focus:hover:before, .is-path-frontpage .column.content nav a:not(.button):focus:focus:before, .is-path-frontpage .column.content nav a:not(.button):focus:active:before, .is-path-frontpage .column.content nav a:not(.button):focus.is-active:before, .is-path-frontpage .column.content nav a:not(.button):active:hover:before, .is-path-frontpage .column.content nav a:not(.button):active:focus:before, .is-path-frontpage .column.content nav a:not(.button):active:active:before, .is-path-frontpage .column.content nav a:not(.button):active.is-active:before,
aside.sidebar-first .block a:not(.button):hover:hover:before,
aside.sidebar-first .block a:not(.button):hover:focus:before,
aside.sidebar-first .block a:not(.button):hover:active:before,
aside.sidebar-first .block a:not(.button):hover.is-active:before,
aside.sidebar-first .block a:not(.button):focus:hover:before,
aside.sidebar-first .block a:not(.button):focus:focus:before,
aside.sidebar-first .block a:not(.button):focus:active:before,
aside.sidebar-first .block a:not(.button):focus.is-active:before,
aside.sidebar-first .block a:not(.button):active:hover:before,
aside.sidebar-first .block a:not(.button):active:focus:before,
aside.sidebar-first .block a:not(.button):active:active:before,
aside.sidebar-first .block a:not(.button):active.is-active:before,
aside.sidebar-first nav a:not(.button):hover:hover:before,
aside.sidebar-first nav a:not(.button):hover:focus:before,
aside.sidebar-first nav a:not(.button):hover:active:before,
aside.sidebar-first nav a:not(.button):hover.is-active:before,
aside.sidebar-first nav a:not(.button):focus:hover:before,
aside.sidebar-first nav a:not(.button):focus:focus:before,
aside.sidebar-first nav a:not(.button):focus:active:before,
aside.sidebar-first nav a:not(.button):focus.is-active:before,
aside.sidebar-first nav a:not(.button):active:hover:before,
aside.sidebar-first nav a:not(.button):active:focus:before,
aside.sidebar-first nav a:not(.button):active:active:before,
aside.sidebar-first nav a:not(.button):active.is-active:before {
  opacity: 1;
  filter: alpha(opacity=100);
  background-position-x: -121px;
}

.is-path-frontpage .column.content .block a:not(.button):hover:hover span, .is-path-frontpage .column.content .block a:not(.button):hover:focus span, .is-path-frontpage .column.content .block a:not(.button):hover:active span, .is-path-frontpage .column.content .block a:not(.button):hover.is-active span, .is-path-frontpage .column.content .block a:not(.button):focus:hover span, .is-path-frontpage .column.content .block a:not(.button):focus:focus span, .is-path-frontpage .column.content .block a:not(.button):focus:active span, .is-path-frontpage .column.content .block a:not(.button):focus.is-active span, .is-path-frontpage .column.content .block a:not(.button):active:hover span, .is-path-frontpage .column.content .block a:not(.button):active:focus span, .is-path-frontpage .column.content .block a:not(.button):active:active span, .is-path-frontpage .column.content .block a:not(.button):active.is-active span, .is-path-frontpage .column.content nav a:not(.button):hover:hover span, .is-path-frontpage .column.content nav a:not(.button):hover:focus span, .is-path-frontpage .column.content nav a:not(.button):hover:active span, .is-path-frontpage .column.content nav a:not(.button):hover.is-active span, .is-path-frontpage .column.content nav a:not(.button):focus:hover span, .is-path-frontpage .column.content nav a:not(.button):focus:focus span, .is-path-frontpage .column.content nav a:not(.button):focus:active span, .is-path-frontpage .column.content nav a:not(.button):focus.is-active span, .is-path-frontpage .column.content nav a:not(.button):active:hover span, .is-path-frontpage .column.content nav a:not(.button):active:focus span, .is-path-frontpage .column.content nav a:not(.button):active:active span, .is-path-frontpage .column.content nav a:not(.button):active.is-active span,
aside.sidebar-first .block a:not(.button):hover:hover span,
aside.sidebar-first .block a:not(.button):hover:focus span,
aside.sidebar-first .block a:not(.button):hover:active span,
aside.sidebar-first .block a:not(.button):hover.is-active span,
aside.sidebar-first .block a:not(.button):focus:hover span,
aside.sidebar-first .block a:not(.button):focus:focus span,
aside.sidebar-first .block a:not(.button):focus:active span,
aside.sidebar-first .block a:not(.button):focus.is-active span,
aside.sidebar-first .block a:not(.button):active:hover span,
aside.sidebar-first .block a:not(.button):active:focus span,
aside.sidebar-first .block a:not(.button):active:active span,
aside.sidebar-first .block a:not(.button):active.is-active span,
aside.sidebar-first nav a:not(.button):hover:hover span,
aside.sidebar-first nav a:not(.button):hover:focus span,
aside.sidebar-first nav a:not(.button):hover:active span,
aside.sidebar-first nav a:not(.button):hover.is-active span,
aside.sidebar-first nav a:not(.button):focus:hover span,
aside.sidebar-first nav a:not(.button):focus:focus span,
aside.sidebar-first nav a:not(.button):focus:active span,
aside.sidebar-first nav a:not(.button):focus.is-active span,
aside.sidebar-first nav a:not(.button):active:hover span,
aside.sidebar-first nav a:not(.button):active:focus span,
aside.sidebar-first nav a:not(.button):active:active span,
aside.sidebar-first nav a:not(.button):active.is-active span {
  background-size: 0 2px, 100% 2px;
}

.is-path-frontpage .column.content .block a:not(.button):hover span, .is-path-frontpage .column.content .block a:not(.button):focus span, .is-path-frontpage .column.content .block a:not(.button):active span, .is-path-frontpage .column.content nav a:not(.button):hover span, .is-path-frontpage .column.content nav a:not(.button):focus span, .is-path-frontpage .column.content nav a:not(.button):active span,
aside.sidebar-first .block a:not(.button):hover span,
aside.sidebar-first .block a:not(.button):focus span,
aside.sidebar-first .block a:not(.button):active span,
aside.sidebar-first nav a:not(.button):hover span,
aside.sidebar-first nav a:not(.button):focus span,
aside.sidebar-first nav a:not(.button):active span {
  background: linear-gradient(to right, rgba(100, 200, 200, 0), rgba(100, 200, 200, 0)), linear-gradient(to right, #33b3ff, #ff66c6, #70f0a8);
  background-size: 100% 0px, 0 0px;
  background-position: 100% 100%, 0 100%;
  background-repeat: no-repeat;
}

@media screen and (min-width: 1216px) {
  .is-path-frontpage .column.content .block li a, .is-path-frontpage .column.content nav li a,
  aside.sidebar-first .block li a,
  aside.sidebar-first nav li a {
    display: block;
  }
}

.is-path-frontpage .column.content .block-facets > div,
aside.sidebar-first .block-facets > div {
  width: 100%;
}

.is-path-frontpage .column.content .select:not(.is-multiple):not(.is-loading)::after,
aside.sidebar-first .select:not(.is-multiple):not(.is-loading)::after {
  border-color: #151515;
  right: auto;
  left: 90%;
  font-weight: 300;
  top: 47%;
}

.is-path-frontpage .column.content .select select,
aside.sidebar-first .select select {
  width: 100%;
}

@media screen and (max-width: 1215px) {
  .is-path-frontpage .column.content .select select,
  aside.sidebar-first .select select {
    width: 90%;
  }
  .is-path-frontpage .column.content .select:not(.is-multiple):not(.is-loading)::after,
  aside.sidebar-first .select:not(.is-multiple):not(.is-loading)::after {
    left: 85%;
  }
}

/* aside */
.paragraph--type--view-einfuegen > .inner {
  display: block;
}

/*
.paragraph--type--zitat {

        @include from ($desktop) {     }
	margin: 4em 0;
	width: 100%;
	max-width: 800px; 

		@include flexbox();
	@include flex-wrap(wrap);
	@include justify-content(space-between);
 

	 > div.inner { 
     @include from($tablet) { 
          display: grid;
          grid-template-columns: 250px 1fr;  
          grid-template-rows: auto auto 1fr;
          grid-column-gap: 0px;
          grid-row-gap: 0px;
        }
	 }


	> div.inner .field_autor_in_bild {
		 grid-area: 1 / 1 / 4 / 2;  

    align-content: center; 
		position: relative; 
        figure {
	    	margin: 0 auto;
            width: 160px;
            height: 160px; 
            border-radius: 100%;
            padding: 5px;
            background: $fcp-gradient;

        }
		img {
            border-radius: 100%; 
			width: 150px;
			height: 150px; 
			object-fit: cover;
			}
	}
	> div.inner .zitatinfos{
		
		@include flex (0 1 54%); 
        @include from ($desktop) {  @include flex (0 1 62%); }
		position: relative;   
	}

	.field_zitat_autor,
	.field_autor_in_position,
	.field_position_zitat {
		font-size: 100%;
	}
 
	.field_autor_in_position,
	.field_position_zitat {
		font-size: 75%;
	}

	.field_zitat,
	.field--name-field-langtext { 
		font-size: 112.5%;
        @include from ($fullhd) {  font-size: 125%; }
		font-weight: 300;
		margin: 1rem 0 0;  
	}  
	.content:not(:last-child) {
			margin: 0;
	}
	p, p:not(:last-child) {
		margin: 0 0 .5rem;
	}

}
*/
.newsinfos,
.jobdetails {
  padding: 0 0 3em 0;
  /* view */
}

.newsinfos .view.firmen-profil-node,
.jobdetails .view.firmen-profil-node {
  background: #fff;
}

.newsinfos .view,
.jobdetails .view {
  padding: 0;
  /* views row */
}

.newsinfos .view header,
.jobdetails .view header {
  margin: 0;
  font-size: 1rem;
}

.newsinfos .view .counter strong,
.jobdetails .view .counter strong {
  font-size: 200%;
  margin-right: .5rem;
}

.newsinfos .view .views-row,
.jobdetails .view .views-row {
  display: block;
  -webkit-box-flex: 0;
  -webkit-flex: 0 1 100%;
  -moz-box-flex: 0;
  -moz-flex: 0 1 100%;
  -ms-flex: 0 1 100%;
  flex: 0 1 100%;
  margin-bottom: .5rem;
  padding-bottom: 0;
}

.newsinfos .view .views-row .views-field-nothing,
.jobdetails .view .views-row .views-field-nothing {
  padding: 0;
}

.newsinfos .view .views-row .views-field-nothing span,
.jobdetails .view .views-row .views-field-nothing span {
  display: block;
}

.newsinfos .view .views-row .field--name-field-firmenlogo,
.jobdetails .view .views-row .field--name-field-firmenlogo {
  margin: 0;
  text-align: center;
  padding-top: 1rem;
  display: block;
}

.newsinfos .view .views-row .views-field-view,
.newsinfos .view .views-row .views-field-view-1,
.newsinfos .view .views-row .views-field-view-2,
.jobdetails .view .views-row .views-field-view,
.jobdetails .view .views-row .views-field-view-1,
.jobdetails .view .views-row .views-field-view-2 {
  margin-bottom: 1rem;
}

.newsinfos .view .views-row .newsinfoslabel,
.jobdetails .view .views-row .newsinfoslabel {
  text-align: center;
  margin: 0 0 1rem;
  padding: 1rem 0 .125rem;
  border-bottom: 1px solid #ccc;
  background: #fff;
  text-transform: uppercase;
  color: #ccc;
  margin-top: -40px;
}

.newsinfos .view .views-row .field--name-field-slogan,
.jobdetails .view .views-row .field--name-field-slogan {
  color: #ccc;
  font-size: 0.75rem;
  display: none;
}

.newsinfos .view .views-row .field--name-field-firmenname,
.jobdetails .view .views-row .field--name-field-firmenname {
  color: #999;
}

.newsinfos .view .views-row .field--name-field-firmenname:after,
.jobdetails .view .views-row .field--name-field-firmenname:after {
  content: "hat heute:";
  position: relative;
  display: inline-block;
  margin-left: 5px;
}

@media screen and (max-width: 1023px) {
  .newsinfos .view .view-content,
  .jobdetails .view .view-content {
    display: block;
  }
  .newsinfos .view .views-row-inner,
  .jobdetails .view .views-row-inner {
    display: -webkit-box;
    display: -webkit-flex;
    display: -moz-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-flex-wrap: wrap;
    -moz-flex-wrap: wrap;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    -webkit-justify-content: space-between;
    -moz-justify-content: space-between;
    justify-content: space-between;
  }
  .newsinfos .view .views-row-inner > div,
  .jobdetails .view .views-row-inner > div {
    -webkit-box-flex: 0;
    -webkit-flex: 0 1 100%;
    -moz-box-flex: 0;
    -moz-flex: 0 1 100%;
    -ms-flex: 0 1 100%;
    flex: 0 1 100%;
  }
}

@media screen and (max-width: 1023px) and (max-width: 599px) {
  .newsinfos .view .views-row-inner > div,
  .jobdetails .view .views-row-inner > div {
    -webkit-box-flex: 0;
    -webkit-flex: 0 1 100%;
    -moz-box-flex: 0;
    -moz-flex: 0 1 100%;
    -ms-flex: 0 1 100%;
    flex: 0 1 100%;
  }
}

@media screen and (max-width: 1023px) {
  .newsinfos .view .views-row-inner > div:nth-child(1),
  .jobdetails .view .views-row-inner > div:nth-child(1) {
    -webkit-box-flex: 0;
    -webkit-flex: 0 1 100%;
    -moz-box-flex: 0;
    -moz-flex: 0 1 100%;
    -ms-flex: 0 1 100%;
    flex: 0 1 100%;
  }
}

/* newsinfos */
body.role-member {
  /* layout__region */
  /* view */
}

body.role-member.user-edit aside, body.role-member.is-path-admin aside {
  display: none;
}

body.role-member .media-bulk-upload-information-wrapper {
  display: none;
}

@media screen and (min-width: 600px) {
  body.role-member .layout__region--second {
    width: 30%;
    padding-left: 10%;
  }
}

body.role-member .layout__region > div,
body.role-member .media-bulk-upload-form > div {
  margin-bottom: 1rem;
  padding: 1rem;
  background-color: #fff;
  border-bottom: 1px solid #ccc;
}

body.role-member .layout__region .panel-block,
body.role-member .media-bulk-upload-form .panel-block {
  display: block;
}

body.role-member .layout__region .panel,
body.role-member .media-bulk-upload-form .panel {
  border-radius: 0;
  box-shadow: none;
  padding: 0;
}

body.role-member .view .views-form {
  width: 100%;
}

body.role-member .view .views-form .views-field-media-bulk-form label {
  width: 20px;
  height: 30px;
  font-size: 0;
  position: relative;
  margin: 10px 0 0;
}

body.role-member .view.media-library-per-user table tr td, body.role-member .view.media-library-per-user table tr th {
  width: auto;
  display: table-cell;
}

/* AUSNAHMEN */
body.page-node-7180 #block-wdl-pagetitle,
body.page-node-7181 #block-wdl-pagetitle {
  display: none;
}

body.page-node-7180 section.section .articlecontent,
body.page-node-7181 section.section .articlecontent {
  display: block;
}

body.page-node-7180 main article,
body.page-node-7181 main article {
  display: grid;
  grid-template-columns: auto;
  grid-auto-flow: row;
  gap: 2rem;
}

@media screen and (min-width: 769px) {
  body.page-node-7180 main article,
  body.page-node-7181 main article {
    grid-template-columns: 200px 1fr;
  }
}

@media screen and (min-width: 1024px) {
  body.page-node-7180 main article,
  body.page-node-7181 main article {
    grid-template-columns: 400px 1fr;
  }
}

body.page-node-7180 main .articlecontent .field_section,
body.page-node-7181 main .articlecontent .field_section {
  display: none;
}

body.page-node-7180 .field--name-field-bild,
body.page-node-7181 .field--name-field-bild {
  position: fixed;
  top: 100px;
  right: 0px;
  width: 100%;
  height: auto;
  z-index: -1;
}

@media screen and (max-width: 1023px) {
  body.page-node-7180 .field--name-field-bild,
  body.page-node-7181 .field--name-field-bild {
    top: 80px;
  }
}

body.page-node-7180 .field--name-field-bild figure img,
body.page-node-7181 .field--name-field-bild figure img {
  min-height: 800px;
  object-position: right center;
  object-fit: cover;
}

body.page-node-7180 .field--name-field-bild *,
body.page-node-7181 .field--name-field-bild * {
  padding: 0;
  margin: 0;
}

body.is-path-node .articlecontent .field_section,
body.is-path-taxonomy .articlecontent .field_section,
body.page-node-type-loesung .articlecontent .field_section {
  /* fullwidth */
  /* paragraph */
  /* fullwidth-image */
  /* textbox-rot */
}

body.is-path-node .articlecontent .field_section .field,
body.is-path-taxonomy .articlecontent .field_section .field,
body.page-node-type-loesung .articlecontent .field_section .field {
  margin-bottom: 0;
}

body.is-path-node .articlecontent .field_section .paragraph > .container > h2,
body.is-path-taxonomy .articlecontent .field_section .paragraph > .container > h2,
body.page-node-type-loesung .articlecontent .field_section .paragraph > .container > h2 {
  -webkit-box-flex: 0;
  -webkit-flex: 0 1 100%;
  -moz-box-flex: 0;
  -moz-flex: 0 1 100%;
  -ms-flex: 0 1 100%;
  flex: 0 1 100%;
}

body.is-path-node .articlecontent .field_section .paragraph.fullwidth,
body.is-path-taxonomy .articlecontent .field_section .paragraph.fullwidth,
body.page-node-type-loesung .articlecontent .field_section .paragraph.fullwidth {
  width: 100vw;
  /* 100% der Viewport-Breite */
  position: relative;
  /* damit wir left/right manipulieren können */
  left: 50%;
  /* Ausgangspunkt: 50% der Container-Breite */
  right: 50%;
  /* optional, für saubere Symmetrie */
  margin-left: -50vw;
  margin-right: -50vw;
  /* optional, wenn du right: 50% benutzt */
  margin-left: calc(-50vw - 0rem);
}

@media screen and (min-width: 600px) {
  body.is-path-node .articlecontent .field_section .paragraph.fullwidth,
  body.is-path-taxonomy .articlecontent .field_section .paragraph.fullwidth,
  body.page-node-type-loesung .articlecontent .field_section .paragraph.fullwidth {
    margin-left: calc(-50vw - 0rem);
  }
}

@media screen and (min-width: 769px) {
  body.is-path-node .articlecontent .field_section .paragraph.fullwidth,
  body.is-path-taxonomy .articlecontent .field_section .paragraph.fullwidth,
  body.page-node-type-loesung .articlecontent .field_section .paragraph.fullwidth {
    margin-left: calc(-50vw + 0.5rem);
  }
}

@media screen and (min-width: 1024px) {
  body.is-path-node .articlecontent .field_section .paragraph.fullwidth,
  body.is-path-taxonomy .articlecontent .field_section .paragraph.fullwidth,
  body.page-node-type-loesung .articlecontent .field_section .paragraph.fullwidth {
    margin-left: calc(-50vw - 3rem);
  }
}

@media screen and (min-width: 1216px) {
  body.is-path-node .articlecontent .field_section .paragraph.fullwidth,
  body.is-path-taxonomy .articlecontent .field_section .paragraph.fullwidth,
  body.page-node-type-loesung .articlecontent .field_section .paragraph.fullwidth {
    margin-left: calc(-50vw - 3rem);
  }
}

body.is-path-node .articlecontent .field_section .paragraph.fullwidth > .container,
body.is-path-taxonomy .articlecontent .field_section .paragraph.fullwidth > .container,
body.page-node-type-loesung .articlecontent .field_section .paragraph.fullwidth > .container {
  margin: 0 auto;
  padding: 0 2rem 0 2rem;
}

@media screen and (min-width: 600px) {
  body.is-path-node .articlecontent .field_section .paragraph.fullwidth > .container,
  body.is-path-taxonomy .articlecontent .field_section .paragraph.fullwidth > .container,
  body.page-node-type-loesung .articlecontent .field_section .paragraph.fullwidth > .container {
    padding: 0 2rem 0 2rem;
  }
}

@media screen and (min-width: 769px) {
  body.is-path-node .articlecontent .field_section .paragraph.fullwidth > .container,
  body.is-path-taxonomy .articlecontent .field_section .paragraph.fullwidth > .container,
  body.page-node-type-loesung .articlecontent .field_section .paragraph.fullwidth > .container {
    padding: 0 4rem 0 3.5rem;
  }
}

@media screen and (min-width: 1024px) {
  body.is-path-node .articlecontent .field_section .paragraph.fullwidth > .container,
  body.is-path-taxonomy .articlecontent .field_section .paragraph.fullwidth > .container,
  body.page-node-type-loesung .articlecontent .field_section .paragraph.fullwidth > .container {
    padding: 0 4rem 0 6.5rem;
  }
}

@media screen and (min-width: 1024px) {
  body.is-path-node .articlecontent .field_section .paragraph.fullwidth > .container > div.leftcol,
  body.is-path-taxonomy .articlecontent .field_section .paragraph.fullwidth > .container > div.leftcol,
  body.page-node-type-loesung .articlecontent .field_section .paragraph.fullwidth > .container > div.leftcol {
    -webkit-box-flex: 0;
    -webkit-flex: 0 1 41%;
    -moz-box-flex: 0;
    -moz-flex: 0 1 41%;
    -ms-flex: 0 1 41%;
    flex: 0 1 41%;
  }
}

body.is-path-node .articlecontent .field_section .paragraph.fullwidth > .container > h2,
body.is-path-taxonomy .articlecontent .field_section .paragraph.fullwidth > .container > h2,
body.page-node-type-loesung .articlecontent .field_section .paragraph.fullwidth > .container > h2 {
  -webkit-box-flex: 0;
  -webkit-flex: 0 1 100%;
  -moz-box-flex: 0;
  -moz-flex: 0 1 100%;
  -ms-flex: 0 1 100%;
  flex: 0 1 100%;
}

body.is-path-node .articlecontent .field_section .paragraph.grau,
body.is-path-taxonomy .articlecontent .field_section .paragraph.grau,
body.page-node-type-loesung .articlecontent .field_section .paragraph.grau {
  background: #edebe6;
}

body.is-path-node .articlecontent .field_section .paragraph.grau2,
body.is-path-taxonomy .articlecontent .field_section .paragraph.grau2,
body.page-node-type-loesung .articlecontent .field_section .paragraph.grau2 {
  background: #d2cec5;
}

body.is-path-node .articlecontent .field_section .paragraph.rot,
body.is-path-taxonomy .articlecontent .field_section .paragraph.rot,
body.page-node-type-loesung .articlecontent .field_section .paragraph.rot {
  background: #f5b1aa;
}

body.is-path-node .articlecontent .field_section .paragraph.white,
body.is-path-taxonomy .articlecontent .field_section .paragraph.white,
body.page-node-type-loesung .articlecontent .field_section .paragraph.white {
  background: #fff;
}

body.is-path-node .articlecontent .field_section .paragraph.fullwidth-image,
body.is-path-taxonomy .articlecontent .field_section .paragraph.fullwidth-image,
body.page-node-type-loesung .articlecontent .field_section .paragraph.fullwidth-image {
  width: 100vw;
  /* 100% der Viewport-Breite */
  position: relative;
  /* damit wir left/right manipulieren können */
  left: 50%;
  /* Ausgangspunkt: 50% der Container-Breite */
  right: 50%;
  /* optional, für saubere Symmetrie */
  margin-left: -50vw;
  margin-right: -50vw;
  /* optional, wenn du right: 50% benutzt */
  margin-left: calc(-50vw - .5rem);
  padding: 0;
  gap: 0;
}

@media screen and (min-width: 769px) {
  body.is-path-node .articlecontent .field_section .paragraph.fullwidth-image,
  body.is-path-taxonomy .articlecontent .field_section .paragraph.fullwidth-image,
  body.page-node-type-loesung .articlecontent .field_section .paragraph.fullwidth-image {
    margin-left: calc(-50vw - 0rem);
  }
}

@media screen and (min-width: 1024px) {
  body.is-path-node .articlecontent .field_section .paragraph.fullwidth-image,
  body.is-path-taxonomy .articlecontent .field_section .paragraph.fullwidth-image,
  body.page-node-type-loesung .articlecontent .field_section .paragraph.fullwidth-image {
    margin-left: calc(-50vw - 3rem);
  }
}

@media screen and (min-width: 1216px) {
  body.is-path-node .articlecontent .field_section .paragraph.fullwidth-image,
  body.is-path-taxonomy .articlecontent .field_section .paragraph.fullwidth-image,
  body.page-node-type-loesung .articlecontent .field_section .paragraph.fullwidth-image {
    margin-left: calc(-50vw - 3rem);
  }
}

body.is-path-node .articlecontent .field_section .paragraph.fullwidth-image > .container,
body.is-path-taxonomy .articlecontent .field_section .paragraph.fullwidth-image > .container,
body.page-node-type-loesung .articlecontent .field_section .paragraph.fullwidth-image > .container {
  margin: 0 auto;
  padding: 0;
  width: 100%;
  max-width: unset !important;
}

@media screen and (min-width: 1024px) {
  body.is-path-node .articlecontent .field_section .paragraph.fullwidth-image > .container > div.leftcol,
  body.is-path-taxonomy .articlecontent .field_section .paragraph.fullwidth-image > .container > div.leftcol,
  body.page-node-type-loesung .articlecontent .field_section .paragraph.fullwidth-image > .container > div.leftcol {
    -webkit-box-flex: 0;
    -webkit-flex: 0 1 100%;
    -moz-box-flex: 0;
    -moz-flex: 0 1 100%;
    -ms-flex: 0 1 100%;
    flex: 0 1 100%;
  }
}

body.is-path-node .articlecontent .field_section .paragraph.fullwidth-image > .container figure.image img,
body.is-path-taxonomy .articlecontent .field_section .paragraph.fullwidth-image > .container figure.image img,
body.page-node-type-loesung .articlecontent .field_section .paragraph.fullwidth-image > .container figure.image img {
  max-height: 500px;
  object-fit: cover;
}

body.is-path-node .articlecontent .field_section .paragraph.textbox-rot,
body.is-path-taxonomy .articlecontent .field_section .paragraph.textbox-rot,
body.page-node-type-loesung .articlecontent .field_section .paragraph.textbox-rot {
  padding-bottom: 0;
}

@media screen and (max-width: 1023px) {
  body.is-path-node .articlecontent .field_section .paragraph.textbox-rot > .container,
  body.is-path-taxonomy .articlecontent .field_section .paragraph.textbox-rot > .container,
  body.page-node-type-loesung .articlecontent .field_section .paragraph.textbox-rot > .container {
    display: block;
    margin-top: 2rem;
  }
}

body.is-path-node .articlecontent .field_section .paragraph.textbox-rot .text,
body.is-path-taxonomy .articlecontent .field_section .paragraph.textbox-rot .text,
body.page-node-type-loesung .articlecontent .field_section .paragraph.textbox-rot .text {
  display: block;
  padding: 2rem 1rem 4rem;
  background: #EC6456;
  color: #fff;
  font-weight: 500;
  border-radius: 20px 20px 0 0;
}

@media screen and (min-width: 769px) {
  body.is-path-node .articlecontent .field_section .paragraph.textbox-rot .text,
  body.is-path-taxonomy .articlecontent .field_section .paragraph.textbox-rot .text,
  body.page-node-type-loesung .articlecontent .field_section .paragraph.textbox-rot .text {
    padding: 2rem 2rem 6rem;
  }
}

body.is-path-node .articlecontent .field_section .paragraph.textbox-rot .text a.button:after, body.is-path-node .articlecontent .field_section .paragraph.textbox-rot .text a.button:before,
body.is-path-taxonomy .articlecontent .field_section .paragraph.textbox-rot .text a.button:after,
body.is-path-taxonomy .articlecontent .field_section .paragraph.textbox-rot .text a.button:before,
body.page-node-type-loesung .articlecontent .field_section .paragraph.textbox-rot .text a.button:after,
body.page-node-type-loesung .articlecontent .field_section .paragraph.textbox-rot .text a.button:before {
  filter: invert(2);
}

body.is-path-node .articlecontent .field_section .paragraph.textbox-rot .text ul li,
body.is-path-taxonomy .articlecontent .field_section .paragraph.textbox-rot .text ul li,
body.page-node-type-loesung .articlecontent .field_section .paragraph.textbox-rot .text ul li {
  background: unset;
  list-style: circle;
  list-style-position: inside;
}

body.is-path-node .articlecontent .field_section .paragraph.textbox-rot .text a,
body.is-path-taxonomy .articlecontent .field_section .paragraph.textbox-rot .text a,
body.page-node-type-loesung .articlecontent .field_section .paragraph.textbox-rot .text a {
  color: #fff;
}

body.is-path-node .articlecontent .field_section .paragraph.textbox-rot .text a:hover, body.is-path-node .articlecontent .field_section .paragraph.textbox-rot .text a:focus, body.is-path-node .articlecontent .field_section .paragraph.textbox-rot .text a:active,
body.is-path-taxonomy .articlecontent .field_section .paragraph.textbox-rot .text a:hover,
body.is-path-taxonomy .articlecontent .field_section .paragraph.textbox-rot .text a:focus,
body.is-path-taxonomy .articlecontent .field_section .paragraph.textbox-rot .text a:active,
body.page-node-type-loesung .articlecontent .field_section .paragraph.textbox-rot .text a:hover,
body.page-node-type-loesung .articlecontent .field_section .paragraph.textbox-rot .text a:focus,
body.page-node-type-loesung .articlecontent .field_section .paragraph.textbox-rot .text a:active {
  color: #151515;
}

/* body */
/* ELEMENTE */
body.is-path-node,
body.is-path-taxonomy {
  /* articlecontent field_section */
}

body.is-path-node .maincolumn > .content + .field--name-field-zitat,
body.is-path-taxonomy .maincolumn > .content + .field--name-field-zitat {
  margin: 2rem 0 4rem 0;
}

body.is-path-node .articlecontent .field_section,
body.is-path-taxonomy .articlecontent .field_section {
  margin-top: 4rem;
  /* Zitat */
  /* para */
  /* .nur-zitat  */
}

body.is-path-node .articlecontent .field_section .paragraph .zitaaaaaaaaaaaaat > div,
body.is-path-taxonomy .articlecontent .field_section .paragraph .zitaaaaaaaaaaaaat > div {
  margin: 0 auto 4rem;
}

body.is-path-node .articlecontent .field_section .paragraph .field.field--name-field-zitat:before,
body.is-path-taxonomy .articlecontent .field_section .paragraph .field.field--name-field-zitat:before {
  display: none;
}

body.is-path-node .articlecontent .field_section .paragraph .field.field--name-field-zitat > .inner,
body.is-path-taxonomy .articlecontent .field_section .paragraph .field.field--name-field-zitat > .inner {
  position: relative;
  display: grid;
  grid-template-columns: 160px 1fr;
  grid-template-columns: 1fr;
  grid-template-rows: auto 1fr;
  grid-auto-flow: row;
  column-gap: 2rem;
  row-gap: 1rem;
  align-items: start;
}

@media screen and (max-width: 599px) {
  body.is-path-node .articlecontent .field_section .paragraph .field.field--name-field-zitat > .inner,
  body.is-path-taxonomy .articlecontent .field_section .paragraph .field.field--name-field-zitat > .inner {
    grid-template-columns: 1fr;
    grid-template-rows: auto auto 1fr;
  }
}

.is-page-node-type-projekt body.is-path-node .articlecontent .field_section .paragraph .field.field--name-field-zitat > .inner,
.is-page-node-type-testimonial body.is-path-node .articlecontent .field_section .paragraph .field.field--name-field-zitat > .inner,
.is-page-node-type-news body.is-path-node .articlecontent .field_section .paragraph .field.field--name-field-zitat > .inner, .is-page-node-type-projekt
body.is-path-taxonomy .articlecontent .field_section .paragraph .field.field--name-field-zitat > .inner,
.is-page-node-type-testimonial
body.is-path-taxonomy .articlecontent .field_section .paragraph .field.field--name-field-zitat > .inner,
.is-page-node-type-news
body.is-path-taxonomy .articlecontent .field_section .paragraph .field.field--name-field-zitat > .inner {
  margin: 3rem 0 4rem 2rem;
}

@media screen and (min-width: 769px) {
  body.is-path-node .articlecontent .field_section .paragraph .field.field--name-field-zitat > .inner,
  body.is-path-taxonomy .articlecontent .field_section .paragraph .field.field--name-field-zitat > .inner {
    grid-template-columns: 180px 1fr;
  }
}

@media screen and (min-width: 1024px) {
  body.is-path-node .articlecontent .field_section .paragraph .field.field--name-field-zitat > .inner,
  body.is-path-taxonomy .articlecontent .field_section .paragraph .field.field--name-field-zitat > .inner {
    /*    width: 80%;
        max-width: 800px;   
        */
  }
}

@media screen and (max-width: 768px) {
  body.is-path-node .articlecontent .field_section .paragraph .field.field--name-field-zitat > .inner,
  body.is-path-taxonomy .articlecontent .field_section .paragraph .field.field--name-field-zitat > .inner {
    text-align: center;
  }
}

body.is-path-node .articlecontent .field_section .paragraph .field.field--name-field-zitat > .inner .field, body.is-path-node .articlecontent .field_section .paragraph .field.field--name-field-zitat > .inner .content,
body.is-path-taxonomy .articlecontent .field_section .paragraph .field.field--name-field-zitat > .inner .field,
body.is-path-taxonomy .articlecontent .field_section .paragraph .field.field--name-field-zitat > .inner .content {
  margin: 0;
}

body.is-path-node .articlecontent .field_section .paragraph .field.field--name-field-zitat > .inner .field--name-field-zitat-aussage,
body.is-path-node .articlecontent .field_section .paragraph .field.field--name-field-zitat > .inner .field--name-field-langtext,
body.is-path-node .articlecontent .field_section .paragraph .field.field--name-field-zitat > .inner .views-field-field-zitat-aussage,
body.is-path-taxonomy .articlecontent .field_section .paragraph .field.field--name-field-zitat > .inner .field--name-field-zitat-aussage,
body.is-path-taxonomy .articlecontent .field_section .paragraph .field.field--name-field-zitat > .inner .field--name-field-langtext,
body.is-path-taxonomy .articlecontent .field_section .paragraph .field.field--name-field-zitat > .inner .views-field-field-zitat-aussage {
  font-weight: 700;
}

@media screen and (min-width: 769px) {
  body.is-path-node .articlecontent .field_section .paragraph .field.field--name-field-zitat > .inner .field--name-field-zitat-aussage,
  body.is-path-node .articlecontent .field_section .paragraph .field.field--name-field-zitat > .inner .field--name-field-langtext,
  body.is-path-node .articlecontent .field_section .paragraph .field.field--name-field-zitat > .inner .views-field-field-zitat-aussage,
  body.is-path-taxonomy .articlecontent .field_section .paragraph .field.field--name-field-zitat > .inner .field--name-field-zitat-aussage,
  body.is-path-taxonomy .articlecontent .field_section .paragraph .field.field--name-field-zitat > .inner .field--name-field-langtext,
  body.is-path-taxonomy .articlecontent .field_section .paragraph .field.field--name-field-zitat > .inner .views-field-field-zitat-aussage {
    padding-top: 2rem;
  }
}

body.is-path-node .articlecontent .field_section .paragraph .field.field--name-field-zitat > .inner .field--name-field-zitat-autor,
body.is-path-node .articlecontent .field_section .paragraph .field.field--name-field-zitat > .inner .field--name-field-position-zitat,
body.is-path-node .articlecontent .field_section .paragraph .field.field--name-field-zitat > .inner .views-field-title-1,
body.is-path-taxonomy .articlecontent .field_section .paragraph .field.field--name-field-zitat > .inner .field--name-field-zitat-autor,
body.is-path-taxonomy .articlecontent .field_section .paragraph .field.field--name-field-zitat > .inner .field--name-field-position-zitat,
body.is-path-taxonomy .articlecontent .field_section .paragraph .field.field--name-field-zitat > .inner .views-field-title-1 {
  font-size: 0.75rem;
}

@media screen and (min-width: 769px) {
  body.is-path-node .articlecontent .field_section .paragraph .field.field--name-field-zitat > .inner .field--name-field-zitat-autor,
  body.is-path-node .articlecontent .field_section .paragraph .field.field--name-field-zitat > .inner .field--name-field-position-zitat,
  body.is-path-node .articlecontent .field_section .paragraph .field.field--name-field-zitat > .inner .views-field-title-1,
  body.is-path-taxonomy .articlecontent .field_section .paragraph .field.field--name-field-zitat > .inner .field--name-field-zitat-autor,
  body.is-path-taxonomy .articlecontent .field_section .paragraph .field.field--name-field-zitat > .inner .field--name-field-position-zitat,
  body.is-path-taxonomy .articlecontent .field_section .paragraph .field.field--name-field-zitat > .inner .views-field-title-1 {
    font-size: 0.875rem;
  }
}

@media screen and (min-width: 1024px) {
  body.is-path-node .articlecontent .field_section .paragraph .field.field--name-field-zitat > .inner .field--name-field-zitat-autor,
  body.is-path-node .articlecontent .field_section .paragraph .field.field--name-field-zitat > .inner .field--name-field-position-zitat,
  body.is-path-node .articlecontent .field_section .paragraph .field.field--name-field-zitat > .inner .views-field-title-1,
  body.is-path-taxonomy .articlecontent .field_section .paragraph .field.field--name-field-zitat > .inner .field--name-field-zitat-autor,
  body.is-path-taxonomy .articlecontent .field_section .paragraph .field.field--name-field-zitat > .inner .field--name-field-position-zitat,
  body.is-path-taxonomy .articlecontent .field_section .paragraph .field.field--name-field-zitat > .inner .views-field-title-1 {
    font-size: 0.875rem;
  }
}

body.is-path-node .articlecontent .field_section .paragraph .field.field--name-field-zitat > .inner .field_zitat_autor_bild,
body.is-path-node .articlecontent .field_section .paragraph .field.field--name-field-zitat > .inner .views-field-field-bild,
body.is-path-node .articlecontent .field_section .paragraph .field.field--name-field-zitat > .inner .zitatgeberbild,
body.is-path-taxonomy .articlecontent .field_section .paragraph .field.field--name-field-zitat > .inner .field_zitat_autor_bild,
body.is-path-taxonomy .articlecontent .field_section .paragraph .field.field--name-field-zitat > .inner .views-field-field-bild,
body.is-path-taxonomy .articlecontent .field_section .paragraph .field.field--name-field-zitat > .inner .zitatgeberbild {
  grid-area: 1 / 1 / span 2 / span 1;
}

@media screen and (min-width: 769px) {
  body.is-path-node .articlecontent .field_section .paragraph .field.field--name-field-zitat > .inner .field_zitat_autor_bild,
  body.is-path-node .articlecontent .field_section .paragraph .field.field--name-field-zitat > .inner .views-field-field-bild,
  body.is-path-node .articlecontent .field_section .paragraph .field.field--name-field-zitat > .inner .zitatgeberbild,
  body.is-path-taxonomy .articlecontent .field_section .paragraph .field.field--name-field-zitat > .inner .field_zitat_autor_bild,
  body.is-path-taxonomy .articlecontent .field_section .paragraph .field.field--name-field-zitat > .inner .views-field-field-bild,
  body.is-path-taxonomy .articlecontent .field_section .paragraph .field.field--name-field-zitat > .inner .zitatgeberbild {
    padding: 1rem 0;
  }
}

body.is-path-node .articlecontent .field_section .paragraph .field.field--name-field-zitat > .inner .field_zitat_autor_bild img,
body.is-path-node .articlecontent .field_section .paragraph .field.field--name-field-zitat > .inner .views-field-field-bild img,
body.is-path-node .articlecontent .field_section .paragraph .field.field--name-field-zitat > .inner .zitatgeberbild img,
body.is-path-taxonomy .articlecontent .field_section .paragraph .field.field--name-field-zitat > .inner .field_zitat_autor_bild img,
body.is-path-taxonomy .articlecontent .field_section .paragraph .field.field--name-field-zitat > .inner .views-field-field-bild img,
body.is-path-taxonomy .articlecontent .field_section .paragraph .field.field--name-field-zitat > .inner .zitatgeberbild img {
  border-radius: 100%;
  width: 150px;
  height: 150px;
  object-fit: cover;
  display: block;
  margin: 0 auto;
  background-color: #edebe6;
}

@media screen and (min-width: 769px) {
  body.is-path-node .articlecontent .field_section .paragraph .field.field--name-field-zitat > .inner .field_zitat_autor_bild img,
  body.is-path-node .articlecontent .field_section .paragraph .field.field--name-field-zitat > .inner .views-field-field-bild img,
  body.is-path-node .articlecontent .field_section .paragraph .field.field--name-field-zitat > .inner .zitatgeberbild img,
  body.is-path-taxonomy .articlecontent .field_section .paragraph .field.field--name-field-zitat > .inner .field_zitat_autor_bild img,
  body.is-path-taxonomy .articlecontent .field_section .paragraph .field.field--name-field-zitat > .inner .views-field-field-bild img,
  body.is-path-taxonomy .articlecontent .field_section .paragraph .field.field--name-field-zitat > .inner .zitatgeberbild img {
    margin: 0;
  }
}

@media screen and (max-width: 768px) {
  body.is-path-node .articlecontent .field_section .paragraph .field.field--name-field-zitat > .inner .field_zitat_autor_bild .field--name-field-bild figure img,
  body.is-path-node .articlecontent .field_section .paragraph .field.field--name-field-zitat > .inner .views-field-field-bild .field--name-field-bild figure img,
  body.is-path-node .articlecontent .field_section .paragraph .field.field--name-field-zitat > .inner .zitatgeberbild .field--name-field-bild figure img,
  body.is-path-taxonomy .articlecontent .field_section .paragraph .field.field--name-field-zitat > .inner .field_zitat_autor_bild .field--name-field-bild figure img,
  body.is-path-taxonomy .articlecontent .field_section .paragraph .field.field--name-field-zitat > .inner .views-field-field-bild .field--name-field-bild figure img,
  body.is-path-taxonomy .articlecontent .field_section .paragraph .field.field--name-field-zitat > .inner .zitatgeberbild .field--name-field-bild figure img {
    margin: 0 auto 1rem;
  }
}

body.is-path-node .articlecontent .field_section .paragraph .field.field--name-field-zitat > .inner .field--name-field-zitat-aussage,
body.is-path-node .articlecontent .field_section .paragraph .field.field--name-field-zitat > .inner .field--name-field-langtext,
body.is-path-node .articlecontent .field_section .paragraph .field.field--name-field-zitat > .inner .views-field-field-zitat-aussage,
body.is-path-taxonomy .articlecontent .field_section .paragraph .field.field--name-field-zitat > .inner .field--name-field-zitat-aussage,
body.is-path-taxonomy .articlecontent .field_section .paragraph .field.field--name-field-zitat > .inner .field--name-field-langtext,
body.is-path-taxonomy .articlecontent .field_section .paragraph .field.field--name-field-zitat > .inner .views-field-field-zitat-aussage {
  padding-left: 20px;
  position: relative;
}

@media screen and (min-width: 769px) {
  body.is-path-node .articlecontent .field_section .paragraph .field.field--name-field-zitat > .inner .field--name-field-zitat-aussage,
  body.is-path-node .articlecontent .field_section .paragraph .field.field--name-field-zitat > .inner .field--name-field-langtext,
  body.is-path-node .articlecontent .field_section .paragraph .field.field--name-field-zitat > .inner .views-field-field-zitat-aussage,
  body.is-path-taxonomy .articlecontent .field_section .paragraph .field.field--name-field-zitat > .inner .field--name-field-zitat-aussage,
  body.is-path-taxonomy .articlecontent .field_section .paragraph .field.field--name-field-zitat > .inner .field--name-field-langtext,
  body.is-path-taxonomy .articlecontent .field_section .paragraph .field.field--name-field-zitat > .inner .views-field-field-zitat-aussage {
    padding-left: 0;
  }
}

body.is-path-node .articlecontent .field_section .paragraph .field.field--name-field-zitat > .inner .field--name-field-zitat-aussage:before,
body.is-path-node .articlecontent .field_section .paragraph .field.field--name-field-zitat > .inner .field--name-field-langtext:before,
body.is-path-node .articlecontent .field_section .paragraph .field.field--name-field-zitat > .inner .views-field-field-zitat-aussage:before,
body.is-path-taxonomy .articlecontent .field_section .paragraph .field.field--name-field-zitat > .inner .field--name-field-zitat-aussage:before,
body.is-path-taxonomy .articlecontent .field_section .paragraph .field.field--name-field-zitat > .inner .field--name-field-langtext:before,
body.is-path-taxonomy .articlecontent .field_section .paragraph .field.field--name-field-zitat > .inner .views-field-field-zitat-aussage:before {
  content: "”";
  position: absolute;
  display: block;
  font-size: 80px;
  font-weight: 800;
  color: #EC6456;
  line-height: 1;
  width: 40px;
  height: 40px;
  left: -20px;
  top: -20px;
}

@media screen and (min-width: 769px) {
  body.is-path-node .articlecontent .field_section .paragraph .field.field--name-field-zitat > .inner .field--name-field-zitat-aussage:before,
  body.is-path-node .articlecontent .field_section .paragraph .field.field--name-field-zitat > .inner .field--name-field-langtext:before,
  body.is-path-node .articlecontent .field_section .paragraph .field.field--name-field-zitat > .inner .views-field-field-zitat-aussage:before,
  body.is-path-taxonomy .articlecontent .field_section .paragraph .field.field--name-field-zitat > .inner .field--name-field-zitat-aussage:before,
  body.is-path-taxonomy .articlecontent .field_section .paragraph .field.field--name-field-zitat > .inner .field--name-field-langtext:before,
  body.is-path-taxonomy .articlecontent .field_section .paragraph .field.field--name-field-zitat > .inner .views-field-field-zitat-aussage:before {
    left: -48px;
    top: 12px;
  }
}

@media screen and (min-width: 600px) {
  body.is-path-node .articlecontent .field_section .paragraph .field.field--name-field-zitat > .inner .field--name-field-zitat-aussage:before,
  body.is-path-node .articlecontent .field_section .paragraph .field.field--name-field-zitat > .inner .field--name-field-langtext:before,
  body.is-path-node .articlecontent .field_section .paragraph .field.field--name-field-zitat > .inner .views-field-field-zitat-aussage:before,
  body.is-path-taxonomy .articlecontent .field_section .paragraph .field.field--name-field-zitat > .inner .field--name-field-zitat-aussage:before,
  body.is-path-taxonomy .articlecontent .field_section .paragraph .field.field--name-field-zitat > .inner .field--name-field-langtext:before,
  body.is-path-taxonomy .articlecontent .field_section .paragraph .field.field--name-field-zitat > .inner .views-field-field-zitat-aussage:before {
    display: block;
  }
}

body.is-path-node .articlecontent .field_section .paragraph.nur-zitat,
body.is-path-taxonomy .articlecontent .field_section .paragraph.nur-zitat {
  padding: 1rem 0;
}

@media screen and (min-width: 769px) {
  body.is-path-node .articlecontent .field_section .paragraph.nur-zitat,
  body.is-path-taxonomy .articlecontent .field_section .paragraph.nur-zitat {
    padding: 2rem 0;
  }
}

@media screen and (min-width: 1024px) {
  body.is-path-node .articlecontent .field_section .paragraph.nur-zitat,
  body.is-path-taxonomy .articlecontent .field_section .paragraph.nur-zitat {
    padding: 0 0 2rem 0;
  }
}

body.is-path-node .articlecontent .field_section .paragraph.nur-zitat > .container,
body.is-path-taxonomy .articlecontent .field_section .paragraph.nur-zitat > .container {
  display: block;
}

@media screen and (min-width: 769px) {
  body.is-path-node .articlecontent .field_section .paragraph.paragraph--type--zitat,
  body.is-path-taxonomy .articlecontent .field_section .paragraph.paragraph--type--zitat {
    max-width: 600px;
    margin: 0 auto;
  }
}

body.is-path-node .articlecontent .field_section .paragraph.paragraph--type--zitat.is-slogan > .inner,
body.is-path-taxonomy .articlecontent .field_section .paragraph.paragraph--type--zitat.is-slogan > .inner {
  display: block;
  max-width: 80%;
}

body.is-path-node .articlecontent .field_section .paragraph.paragraph--type--zitat.is-slogan .zitatinfos, body.is-path-node .articlecontent .field_section .paragraph.paragraph--type--zitat.is-slogan .zitatgeberbild,
body.is-path-taxonomy .articlecontent .field_section .paragraph.paragraph--type--zitat.is-slogan .zitatinfos,
body.is-path-taxonomy .articlecontent .field_section .paragraph.paragraph--type--zitat.is-slogan .zitatgeberbild {
  display: none;
}

body.is-path-node .articlecontent .field_section .paragraph.paragraph--type--zitat.is-slogan .field.field--name-field-langtext,
body.is-path-taxonomy .articlecontent .field_section .paragraph.paragraph--type--zitat.is-slogan .field.field--name-field-langtext {
  font-size: 1rem;
}

@media screen and (min-width: 769px) {
  body.is-path-node .articlecontent .field_section .paragraph.paragraph--type--zitat.is-slogan .field.field--name-field-langtext,
  body.is-path-taxonomy .articlecontent .field_section .paragraph.paragraph--type--zitat.is-slogan .field.field--name-field-langtext {
    font-size: 1.5rem;
  }
}

@media screen and (min-width: 1024px) {
  body.is-path-node .articlecontent .field_section .paragraph.paragraph--type--zitat.is-slogan .field.field--name-field-langtext,
  body.is-path-taxonomy .articlecontent .field_section .paragraph.paragraph--type--zitat.is-slogan .field.field--name-field-langtext {
    font-size: 1.75rem;
  }
}

body.is-path-node .articlecontent .field_section .paragraph.view-projects > .inner,
body.is-path-node .articlecontent .field_section .paragraph.view-news-index > .inner,
body.is-path-taxonomy .articlecontent .field_section .paragraph.view-projects > .inner,
body.is-path-taxonomy .articlecontent .field_section .paragraph.view-news-index > .inner {
  display: block;
}

@media screen and (min-width: 1024px) {
  body.is-path-node .articlecontent .field_section .paragraph.view-projects .view .view-content,
  body.is-path-node .articlecontent .field_section .paragraph.view-news-index .view .view-content,
  body.is-path-taxonomy .articlecontent .field_section .paragraph.view-projects .view .view-content,
  body.is-path-taxonomy .articlecontent .field_section .paragraph.view-news-index .view .view-content {
    grid-template-columns: repeat(3, 1fr);
  }
}

body.is-path-node .articlecontent .field_section .paragraph.view-projects .view .view-content .more-link,
body.is-path-node .articlecontent .field_section .paragraph.view-news-index .view .view-content .more-link,
body.is-path-taxonomy .articlecontent .field_section .paragraph.view-projects .view .view-content .more-link,
body.is-path-taxonomy .articlecontent .field_section .paragraph.view-news-index .view .view-content .more-link {
  padding: 0;
}

@media screen and (min-width: 1024px) {
  body.is-path-node .articlecontent .field_section .paragraph.view-projects .view .view-content .more-link,
  body.is-path-node .articlecontent .field_section .paragraph.view-news-index .view .view-content .more-link,
  body.is-path-taxonomy .articlecontent .field_section .paragraph.view-projects .view .view-content .more-link,
  body.is-path-taxonomy .articlecontent .field_section .paragraph.view-news-index .view .view-content .more-link {
    grid-area: 2 / 1 / 3 / 4;
  }
}

body.is-path-node .maincolumn > .content + .field--name-field-zitat + .field--name-field-zitat,
body.is-path-taxonomy .maincolumn > .content + .field--name-field-zitat + .field--name-field-zitat {
  margin: 4rem 0;
}

@media screen and (min-width: 769px) {
  body.is-path-node .maincolumn > .content + .field--name-field-zitat + .field--name-field-zitat,
  body.is-path-taxonomy .maincolumn > .content + .field--name-field-zitat + .field--name-field-zitat {
    margin-left: 15%;
  }
}

@media screen and (min-width: 769px) {
  body.is-path-node .maincolumn > .content + .field--name-field-zitat + .field--name-field-zitat .paragraph > .inner,
  body.is-path-taxonomy .maincolumn > .content + .field--name-field-zitat + .field--name-field-zitat .paragraph > .inner {
    grid-template-columns: 1fr 180px;
    text-align: right;
  }
}

@media screen and (min-width: 769px) {
  body.is-path-node .maincolumn > .content + .field--name-field-zitat + .field--name-field-zitat .paragraph > .inner .field_zitat_autor_bild,
  body.is-path-node .maincolumn > .content + .field--name-field-zitat + .field--name-field-zitat .paragraph > .inner .zitatgeberbild,
  body.is-path-taxonomy .maincolumn > .content + .field--name-field-zitat + .field--name-field-zitat .paragraph > .inner .field_zitat_autor_bild,
  body.is-path-taxonomy .maincolumn > .content + .field--name-field-zitat + .field--name-field-zitat .paragraph > .inner .zitatgeberbild {
    grid-area: 1 / 2 / 3 / 3;
  }
  body.is-path-node .maincolumn > .content + .field--name-field-zitat + .field--name-field-zitat .paragraph > .inner .field_zitat_autor_bild img,
  body.is-path-node .maincolumn > .content + .field--name-field-zitat + .field--name-field-zitat .paragraph > .inner .zitatgeberbild img,
  body.is-path-taxonomy .maincolumn > .content + .field--name-field-zitat + .field--name-field-zitat .paragraph > .inner .field_zitat_autor_bild img,
  body.is-path-taxonomy .maincolumn > .content + .field--name-field-zitat + .field--name-field-zitat .paragraph > .inner .zitatgeberbild img {
    margin: 0 0 0 auto;
  }
}

@media screen and (min-width: 769px) {
  body.is-path-node .maincolumn > .content + .field--name-field-zitat + .field--name-field-zitat .paragraph > .inner:before,
  body.is-path-taxonomy .maincolumn > .content + .field--name-field-zitat + .field--name-field-zitat .paragraph > .inner:before {
    left: auto;
    right: 160px;
  }
}

/* body */
/* für Projekte und News */
body.page-node-type-projekt .articlecontent .zitat,
body.page-node-type-news .articlecontent .zitat {
  margin: 2rem 0 4rem;
  position: relative;
  display: grid;
  grid-template-columns: 160px 1fr;
  grid-template-columns: 1fr;
  grid-template-rows: auto 1fr;
  grid-auto-flow: row;
  column-gap: 2rem;
  row-gap: 1rem;
  align-items: start;
  max-width: 400px;
}

@media screen and (max-width: 599px) {
  body.page-node-type-projekt .articlecontent .zitat,
  body.page-node-type-news .articlecontent .zitat {
    grid-template-columns: 1fr;
    grid-template-rows: auto auto 1fr;
  }
}

.is-page-node-type-projekt body.page-node-type-projekt .articlecontent .zitat,
.is-page-node-type-testimonial body.page-node-type-projekt .articlecontent .zitat,
.is-page-node-type-news body.page-node-type-projekt .articlecontent .zitat, .is-page-node-type-projekt
body.page-node-type-news .articlecontent .zitat,
.is-page-node-type-testimonial
body.page-node-type-news .articlecontent .zitat,
.is-page-node-type-news
body.page-node-type-news .articlecontent .zitat {
  margin: 3rem 0 4rem 2rem;
}

@media screen and (min-width: 769px) {
  body.page-node-type-projekt .articlecontent .zitat,
  body.page-node-type-news .articlecontent .zitat {
    grid-template-columns: 180px 1fr;
  }
}

@media screen and (min-width: 1024px) {
  body.page-node-type-projekt .articlecontent .zitat,
  body.page-node-type-news .articlecontent .zitat {
    /*    width: 80%;
        max-width: 800px;   
        */
  }
}

@media screen and (max-width: 768px) {
  body.page-node-type-projekt .articlecontent .zitat,
  body.page-node-type-news .articlecontent .zitat {
    text-align: center;
  }
}

body.page-node-type-projekt .articlecontent .zitat .field, body.page-node-type-projekt .articlecontent .zitat .content,
body.page-node-type-news .articlecontent .zitat .field,
body.page-node-type-news .articlecontent .zitat .content {
  margin: 0;
}

body.page-node-type-projekt .articlecontent .zitat .field--name-field-zitat-aussage,
body.page-node-type-projekt .articlecontent .zitat .field--name-field-langtext,
body.page-node-type-projekt .articlecontent .zitat .views-field-field-zitat-aussage,
body.page-node-type-news .articlecontent .zitat .field--name-field-zitat-aussage,
body.page-node-type-news .articlecontent .zitat .field--name-field-langtext,
body.page-node-type-news .articlecontent .zitat .views-field-field-zitat-aussage {
  font-weight: 700;
}

@media screen and (min-width: 769px) {
  body.page-node-type-projekt .articlecontent .zitat .field--name-field-zitat-aussage,
  body.page-node-type-projekt .articlecontent .zitat .field--name-field-langtext,
  body.page-node-type-projekt .articlecontent .zitat .views-field-field-zitat-aussage,
  body.page-node-type-news .articlecontent .zitat .field--name-field-zitat-aussage,
  body.page-node-type-news .articlecontent .zitat .field--name-field-langtext,
  body.page-node-type-news .articlecontent .zitat .views-field-field-zitat-aussage {
    padding-top: 2rem;
  }
}

body.page-node-type-projekt .articlecontent .zitat .field--name-field-zitat-autor,
body.page-node-type-projekt .articlecontent .zitat .field--name-field-position-zitat,
body.page-node-type-projekt .articlecontent .zitat .views-field-title-1,
body.page-node-type-news .articlecontent .zitat .field--name-field-zitat-autor,
body.page-node-type-news .articlecontent .zitat .field--name-field-position-zitat,
body.page-node-type-news .articlecontent .zitat .views-field-title-1 {
  font-size: 0.75rem;
}

@media screen and (min-width: 769px) {
  body.page-node-type-projekt .articlecontent .zitat .field--name-field-zitat-autor,
  body.page-node-type-projekt .articlecontent .zitat .field--name-field-position-zitat,
  body.page-node-type-projekt .articlecontent .zitat .views-field-title-1,
  body.page-node-type-news .articlecontent .zitat .field--name-field-zitat-autor,
  body.page-node-type-news .articlecontent .zitat .field--name-field-position-zitat,
  body.page-node-type-news .articlecontent .zitat .views-field-title-1 {
    font-size: 0.875rem;
  }
}

@media screen and (min-width: 1024px) {
  body.page-node-type-projekt .articlecontent .zitat .field--name-field-zitat-autor,
  body.page-node-type-projekt .articlecontent .zitat .field--name-field-position-zitat,
  body.page-node-type-projekt .articlecontent .zitat .views-field-title-1,
  body.page-node-type-news .articlecontent .zitat .field--name-field-zitat-autor,
  body.page-node-type-news .articlecontent .zitat .field--name-field-position-zitat,
  body.page-node-type-news .articlecontent .zitat .views-field-title-1 {
    font-size: 0.875rem;
  }
}

body.page-node-type-projekt .articlecontent .zitat .field_zitat_autor_bild,
body.page-node-type-projekt .articlecontent .zitat .views-field-field-bild,
body.page-node-type-projekt .articlecontent .zitat .zitatgeberbild,
body.page-node-type-news .articlecontent .zitat .field_zitat_autor_bild,
body.page-node-type-news .articlecontent .zitat .views-field-field-bild,
body.page-node-type-news .articlecontent .zitat .zitatgeberbild {
  grid-area: 1 / 1 / span 2 / span 1;
}

@media screen and (min-width: 769px) {
  body.page-node-type-projekt .articlecontent .zitat .field_zitat_autor_bild,
  body.page-node-type-projekt .articlecontent .zitat .views-field-field-bild,
  body.page-node-type-projekt .articlecontent .zitat .zitatgeberbild,
  body.page-node-type-news .articlecontent .zitat .field_zitat_autor_bild,
  body.page-node-type-news .articlecontent .zitat .views-field-field-bild,
  body.page-node-type-news .articlecontent .zitat .zitatgeberbild {
    padding: 1rem 0;
  }
}

body.page-node-type-projekt .articlecontent .zitat .field_zitat_autor_bild img,
body.page-node-type-projekt .articlecontent .zitat .views-field-field-bild img,
body.page-node-type-projekt .articlecontent .zitat .zitatgeberbild img,
body.page-node-type-news .articlecontent .zitat .field_zitat_autor_bild img,
body.page-node-type-news .articlecontent .zitat .views-field-field-bild img,
body.page-node-type-news .articlecontent .zitat .zitatgeberbild img {
  border-radius: 100%;
  width: 150px;
  height: 150px;
  object-fit: cover;
  display: block;
  margin: 0 auto;
  background-color: #edebe6;
}

@media screen and (min-width: 769px) {
  body.page-node-type-projekt .articlecontent .zitat .field_zitat_autor_bild img,
  body.page-node-type-projekt .articlecontent .zitat .views-field-field-bild img,
  body.page-node-type-projekt .articlecontent .zitat .zitatgeberbild img,
  body.page-node-type-news .articlecontent .zitat .field_zitat_autor_bild img,
  body.page-node-type-news .articlecontent .zitat .views-field-field-bild img,
  body.page-node-type-news .articlecontent .zitat .zitatgeberbild img {
    margin: 0;
  }
}

@media screen and (max-width: 768px) {
  body.page-node-type-projekt .articlecontent .zitat .field_zitat_autor_bild .field--name-field-bild figure img,
  body.page-node-type-projekt .articlecontent .zitat .views-field-field-bild .field--name-field-bild figure img,
  body.page-node-type-projekt .articlecontent .zitat .zitatgeberbild .field--name-field-bild figure img,
  body.page-node-type-news .articlecontent .zitat .field_zitat_autor_bild .field--name-field-bild figure img,
  body.page-node-type-news .articlecontent .zitat .views-field-field-bild .field--name-field-bild figure img,
  body.page-node-type-news .articlecontent .zitat .zitatgeberbild .field--name-field-bild figure img {
    margin: 0 auto 1rem;
  }
}

body.page-node-type-projekt .articlecontent .zitat .field--name-field-zitat-aussage,
body.page-node-type-projekt .articlecontent .zitat .field--name-field-langtext,
body.page-node-type-projekt .articlecontent .zitat .views-field-field-zitat-aussage,
body.page-node-type-news .articlecontent .zitat .field--name-field-zitat-aussage,
body.page-node-type-news .articlecontent .zitat .field--name-field-langtext,
body.page-node-type-news .articlecontent .zitat .views-field-field-zitat-aussage {
  padding-left: 20px;
  position: relative;
}

@media screen and (min-width: 769px) {
  body.page-node-type-projekt .articlecontent .zitat .field--name-field-zitat-aussage,
  body.page-node-type-projekt .articlecontent .zitat .field--name-field-langtext,
  body.page-node-type-projekt .articlecontent .zitat .views-field-field-zitat-aussage,
  body.page-node-type-news .articlecontent .zitat .field--name-field-zitat-aussage,
  body.page-node-type-news .articlecontent .zitat .field--name-field-langtext,
  body.page-node-type-news .articlecontent .zitat .views-field-field-zitat-aussage {
    padding-left: 0;
  }
}

body.page-node-type-projekt .articlecontent .zitat .field--name-field-zitat-aussage:before,
body.page-node-type-projekt .articlecontent .zitat .field--name-field-langtext:before,
body.page-node-type-projekt .articlecontent .zitat .views-field-field-zitat-aussage:before,
body.page-node-type-news .articlecontent .zitat .field--name-field-zitat-aussage:before,
body.page-node-type-news .articlecontent .zitat .field--name-field-langtext:before,
body.page-node-type-news .articlecontent .zitat .views-field-field-zitat-aussage:before {
  content: "”";
  position: absolute;
  display: block;
  font-size: 80px;
  font-weight: 800;
  color: #EC6456;
  line-height: 1;
  width: 40px;
  height: 40px;
  left: -20px;
  top: -20px;
}

@media screen and (min-width: 769px) {
  body.page-node-type-projekt .articlecontent .zitat .field--name-field-zitat-aussage:before,
  body.page-node-type-projekt .articlecontent .zitat .field--name-field-langtext:before,
  body.page-node-type-projekt .articlecontent .zitat .views-field-field-zitat-aussage:before,
  body.page-node-type-news .articlecontent .zitat .field--name-field-zitat-aussage:before,
  body.page-node-type-news .articlecontent .zitat .field--name-field-langtext:before,
  body.page-node-type-news .articlecontent .zitat .views-field-field-zitat-aussage:before {
    left: -48px;
    top: 12px;
  }
}

@media screen and (min-width: 600px) {
  body.page-node-type-projekt .articlecontent .zitat .field--name-field-zitat-aussage:before,
  body.page-node-type-projekt .articlecontent .zitat .field--name-field-langtext:before,
  body.page-node-type-projekt .articlecontent .zitat .views-field-field-zitat-aussage:before,
  body.page-node-type-news .articlecontent .zitat .field--name-field-zitat-aussage:before,
  body.page-node-type-news .articlecontent .zitat .field--name-field-langtext:before,
  body.page-node-type-news .articlecontent .zitat .views-field-field-zitat-aussage:before {
    display: block;
  }
}

@media screen and (max-width: 768px) {
  body.page-node-type-projekt .articlecontent .zitat,
  body.page-node-type-news .articlecontent .zitat {
    margin: 0 auto 4rem;
  }
}

@media screen and (min-width: 769px) {
  body.page-node-type-projekt .articlecontent .zitat,
  body.page-node-type-news .articlecontent .zitat {
    max-width: 600px;
  }
}

body.page-node-type-projekt .articlecontent .field.field--name-field-zitat,
body.page-node-type-news .articlecontent .field.field--name-field-zitat {
  margin: 4rem 0;
}

body.page-node-type-projekt .articlecontent .field.field--name-field-zitat .paragraph .inner,
body.page-node-type-news .articlecontent .field.field--name-field-zitat .paragraph .inner {
  position: relative;
  display: grid;
  grid-template-columns: 160px 1fr;
  grid-template-columns: 1fr;
  grid-template-rows: auto 1fr;
  grid-auto-flow: row;
  column-gap: 2rem;
  row-gap: 1rem;
  align-items: start;
  max-width: 400px;
}

@media screen and (max-width: 599px) {
  body.page-node-type-projekt .articlecontent .field.field--name-field-zitat .paragraph .inner,
  body.page-node-type-news .articlecontent .field.field--name-field-zitat .paragraph .inner {
    grid-template-columns: 1fr;
    grid-template-rows: auto auto 1fr;
  }
}

.is-page-node-type-projekt body.page-node-type-projekt .articlecontent .field.field--name-field-zitat .paragraph .inner,
.is-page-node-type-testimonial body.page-node-type-projekt .articlecontent .field.field--name-field-zitat .paragraph .inner,
.is-page-node-type-news body.page-node-type-projekt .articlecontent .field.field--name-field-zitat .paragraph .inner, .is-page-node-type-projekt
body.page-node-type-news .articlecontent .field.field--name-field-zitat .paragraph .inner,
.is-page-node-type-testimonial
body.page-node-type-news .articlecontent .field.field--name-field-zitat .paragraph .inner,
.is-page-node-type-news
body.page-node-type-news .articlecontent .field.field--name-field-zitat .paragraph .inner {
  margin: 3rem 0 4rem 2rem;
}

@media screen and (min-width: 769px) {
  body.page-node-type-projekt .articlecontent .field.field--name-field-zitat .paragraph .inner,
  body.page-node-type-news .articlecontent .field.field--name-field-zitat .paragraph .inner {
    grid-template-columns: 180px 1fr;
  }
}

@media screen and (min-width: 1024px) {
  body.page-node-type-projekt .articlecontent .field.field--name-field-zitat .paragraph .inner,
  body.page-node-type-news .articlecontent .field.field--name-field-zitat .paragraph .inner {
    /*    width: 80%;
        max-width: 800px;   
        */
  }
}

@media screen and (max-width: 768px) {
  body.page-node-type-projekt .articlecontent .field.field--name-field-zitat .paragraph .inner,
  body.page-node-type-news .articlecontent .field.field--name-field-zitat .paragraph .inner {
    text-align: center;
  }
}

body.page-node-type-projekt .articlecontent .field.field--name-field-zitat .paragraph .inner .field, body.page-node-type-projekt .articlecontent .field.field--name-field-zitat .paragraph .inner .content,
body.page-node-type-news .articlecontent .field.field--name-field-zitat .paragraph .inner .field,
body.page-node-type-news .articlecontent .field.field--name-field-zitat .paragraph .inner .content {
  margin: 0;
}

body.page-node-type-projekt .articlecontent .field.field--name-field-zitat .paragraph .inner .field--name-field-zitat-aussage,
body.page-node-type-projekt .articlecontent .field.field--name-field-zitat .paragraph .inner .field--name-field-langtext,
body.page-node-type-projekt .articlecontent .field.field--name-field-zitat .paragraph .inner .views-field-field-zitat-aussage,
body.page-node-type-news .articlecontent .field.field--name-field-zitat .paragraph .inner .field--name-field-zitat-aussage,
body.page-node-type-news .articlecontent .field.field--name-field-zitat .paragraph .inner .field--name-field-langtext,
body.page-node-type-news .articlecontent .field.field--name-field-zitat .paragraph .inner .views-field-field-zitat-aussage {
  font-weight: 700;
}

@media screen and (min-width: 769px) {
  body.page-node-type-projekt .articlecontent .field.field--name-field-zitat .paragraph .inner .field--name-field-zitat-aussage,
  body.page-node-type-projekt .articlecontent .field.field--name-field-zitat .paragraph .inner .field--name-field-langtext,
  body.page-node-type-projekt .articlecontent .field.field--name-field-zitat .paragraph .inner .views-field-field-zitat-aussage,
  body.page-node-type-news .articlecontent .field.field--name-field-zitat .paragraph .inner .field--name-field-zitat-aussage,
  body.page-node-type-news .articlecontent .field.field--name-field-zitat .paragraph .inner .field--name-field-langtext,
  body.page-node-type-news .articlecontent .field.field--name-field-zitat .paragraph .inner .views-field-field-zitat-aussage {
    padding-top: 2rem;
  }
}

body.page-node-type-projekt .articlecontent .field.field--name-field-zitat .paragraph .inner .field--name-field-zitat-autor,
body.page-node-type-projekt .articlecontent .field.field--name-field-zitat .paragraph .inner .field--name-field-position-zitat,
body.page-node-type-projekt .articlecontent .field.field--name-field-zitat .paragraph .inner .views-field-title-1,
body.page-node-type-news .articlecontent .field.field--name-field-zitat .paragraph .inner .field--name-field-zitat-autor,
body.page-node-type-news .articlecontent .field.field--name-field-zitat .paragraph .inner .field--name-field-position-zitat,
body.page-node-type-news .articlecontent .field.field--name-field-zitat .paragraph .inner .views-field-title-1 {
  font-size: 0.75rem;
}

@media screen and (min-width: 769px) {
  body.page-node-type-projekt .articlecontent .field.field--name-field-zitat .paragraph .inner .field--name-field-zitat-autor,
  body.page-node-type-projekt .articlecontent .field.field--name-field-zitat .paragraph .inner .field--name-field-position-zitat,
  body.page-node-type-projekt .articlecontent .field.field--name-field-zitat .paragraph .inner .views-field-title-1,
  body.page-node-type-news .articlecontent .field.field--name-field-zitat .paragraph .inner .field--name-field-zitat-autor,
  body.page-node-type-news .articlecontent .field.field--name-field-zitat .paragraph .inner .field--name-field-position-zitat,
  body.page-node-type-news .articlecontent .field.field--name-field-zitat .paragraph .inner .views-field-title-1 {
    font-size: 0.875rem;
  }
}

@media screen and (min-width: 1024px) {
  body.page-node-type-projekt .articlecontent .field.field--name-field-zitat .paragraph .inner .field--name-field-zitat-autor,
  body.page-node-type-projekt .articlecontent .field.field--name-field-zitat .paragraph .inner .field--name-field-position-zitat,
  body.page-node-type-projekt .articlecontent .field.field--name-field-zitat .paragraph .inner .views-field-title-1,
  body.page-node-type-news .articlecontent .field.field--name-field-zitat .paragraph .inner .field--name-field-zitat-autor,
  body.page-node-type-news .articlecontent .field.field--name-field-zitat .paragraph .inner .field--name-field-position-zitat,
  body.page-node-type-news .articlecontent .field.field--name-field-zitat .paragraph .inner .views-field-title-1 {
    font-size: 0.875rem;
  }
}

body.page-node-type-projekt .articlecontent .field.field--name-field-zitat .paragraph .inner .field_zitat_autor_bild,
body.page-node-type-projekt .articlecontent .field.field--name-field-zitat .paragraph .inner .views-field-field-bild,
body.page-node-type-projekt .articlecontent .field.field--name-field-zitat .paragraph .inner .zitatgeberbild,
body.page-node-type-news .articlecontent .field.field--name-field-zitat .paragraph .inner .field_zitat_autor_bild,
body.page-node-type-news .articlecontent .field.field--name-field-zitat .paragraph .inner .views-field-field-bild,
body.page-node-type-news .articlecontent .field.field--name-field-zitat .paragraph .inner .zitatgeberbild {
  grid-area: 1 / 1 / span 2 / span 1;
}

@media screen and (min-width: 769px) {
  body.page-node-type-projekt .articlecontent .field.field--name-field-zitat .paragraph .inner .field_zitat_autor_bild,
  body.page-node-type-projekt .articlecontent .field.field--name-field-zitat .paragraph .inner .views-field-field-bild,
  body.page-node-type-projekt .articlecontent .field.field--name-field-zitat .paragraph .inner .zitatgeberbild,
  body.page-node-type-news .articlecontent .field.field--name-field-zitat .paragraph .inner .field_zitat_autor_bild,
  body.page-node-type-news .articlecontent .field.field--name-field-zitat .paragraph .inner .views-field-field-bild,
  body.page-node-type-news .articlecontent .field.field--name-field-zitat .paragraph .inner .zitatgeberbild {
    padding: 1rem 0;
  }
}

body.page-node-type-projekt .articlecontent .field.field--name-field-zitat .paragraph .inner .field_zitat_autor_bild img,
body.page-node-type-projekt .articlecontent .field.field--name-field-zitat .paragraph .inner .views-field-field-bild img,
body.page-node-type-projekt .articlecontent .field.field--name-field-zitat .paragraph .inner .zitatgeberbild img,
body.page-node-type-news .articlecontent .field.field--name-field-zitat .paragraph .inner .field_zitat_autor_bild img,
body.page-node-type-news .articlecontent .field.field--name-field-zitat .paragraph .inner .views-field-field-bild img,
body.page-node-type-news .articlecontent .field.field--name-field-zitat .paragraph .inner .zitatgeberbild img {
  border-radius: 100%;
  width: 150px;
  height: 150px;
  object-fit: cover;
  display: block;
  margin: 0 auto;
  background-color: #edebe6;
}

@media screen and (min-width: 769px) {
  body.page-node-type-projekt .articlecontent .field.field--name-field-zitat .paragraph .inner .field_zitat_autor_bild img,
  body.page-node-type-projekt .articlecontent .field.field--name-field-zitat .paragraph .inner .views-field-field-bild img,
  body.page-node-type-projekt .articlecontent .field.field--name-field-zitat .paragraph .inner .zitatgeberbild img,
  body.page-node-type-news .articlecontent .field.field--name-field-zitat .paragraph .inner .field_zitat_autor_bild img,
  body.page-node-type-news .articlecontent .field.field--name-field-zitat .paragraph .inner .views-field-field-bild img,
  body.page-node-type-news .articlecontent .field.field--name-field-zitat .paragraph .inner .zitatgeberbild img {
    margin: 0;
  }
}

@media screen and (max-width: 768px) {
  body.page-node-type-projekt .articlecontent .field.field--name-field-zitat .paragraph .inner .field_zitat_autor_bild .field--name-field-bild figure img,
  body.page-node-type-projekt .articlecontent .field.field--name-field-zitat .paragraph .inner .views-field-field-bild .field--name-field-bild figure img,
  body.page-node-type-projekt .articlecontent .field.field--name-field-zitat .paragraph .inner .zitatgeberbild .field--name-field-bild figure img,
  body.page-node-type-news .articlecontent .field.field--name-field-zitat .paragraph .inner .field_zitat_autor_bild .field--name-field-bild figure img,
  body.page-node-type-news .articlecontent .field.field--name-field-zitat .paragraph .inner .views-field-field-bild .field--name-field-bild figure img,
  body.page-node-type-news .articlecontent .field.field--name-field-zitat .paragraph .inner .zitatgeberbild .field--name-field-bild figure img {
    margin: 0 auto 1rem;
  }
}

body.page-node-type-projekt .articlecontent .field.field--name-field-zitat .paragraph .inner .field--name-field-zitat-aussage,
body.page-node-type-projekt .articlecontent .field.field--name-field-zitat .paragraph .inner .field--name-field-langtext,
body.page-node-type-projekt .articlecontent .field.field--name-field-zitat .paragraph .inner .views-field-field-zitat-aussage,
body.page-node-type-news .articlecontent .field.field--name-field-zitat .paragraph .inner .field--name-field-zitat-aussage,
body.page-node-type-news .articlecontent .field.field--name-field-zitat .paragraph .inner .field--name-field-langtext,
body.page-node-type-news .articlecontent .field.field--name-field-zitat .paragraph .inner .views-field-field-zitat-aussage {
  padding-left: 20px;
  position: relative;
}

@media screen and (min-width: 769px) {
  body.page-node-type-projekt .articlecontent .field.field--name-field-zitat .paragraph .inner .field--name-field-zitat-aussage,
  body.page-node-type-projekt .articlecontent .field.field--name-field-zitat .paragraph .inner .field--name-field-langtext,
  body.page-node-type-projekt .articlecontent .field.field--name-field-zitat .paragraph .inner .views-field-field-zitat-aussage,
  body.page-node-type-news .articlecontent .field.field--name-field-zitat .paragraph .inner .field--name-field-zitat-aussage,
  body.page-node-type-news .articlecontent .field.field--name-field-zitat .paragraph .inner .field--name-field-langtext,
  body.page-node-type-news .articlecontent .field.field--name-field-zitat .paragraph .inner .views-field-field-zitat-aussage {
    padding-left: 0;
  }
}

body.page-node-type-projekt .articlecontent .field.field--name-field-zitat .paragraph .inner .field--name-field-zitat-aussage:before,
body.page-node-type-projekt .articlecontent .field.field--name-field-zitat .paragraph .inner .field--name-field-langtext:before,
body.page-node-type-projekt .articlecontent .field.field--name-field-zitat .paragraph .inner .views-field-field-zitat-aussage:before,
body.page-node-type-news .articlecontent .field.field--name-field-zitat .paragraph .inner .field--name-field-zitat-aussage:before,
body.page-node-type-news .articlecontent .field.field--name-field-zitat .paragraph .inner .field--name-field-langtext:before,
body.page-node-type-news .articlecontent .field.field--name-field-zitat .paragraph .inner .views-field-field-zitat-aussage:before {
  content: "”";
  position: absolute;
  display: block;
  font-size: 80px;
  font-weight: 800;
  color: #EC6456;
  line-height: 1;
  width: 40px;
  height: 40px;
  left: -20px;
  top: -20px;
}

@media screen and (min-width: 769px) {
  body.page-node-type-projekt .articlecontent .field.field--name-field-zitat .paragraph .inner .field--name-field-zitat-aussage:before,
  body.page-node-type-projekt .articlecontent .field.field--name-field-zitat .paragraph .inner .field--name-field-langtext:before,
  body.page-node-type-projekt .articlecontent .field.field--name-field-zitat .paragraph .inner .views-field-field-zitat-aussage:before,
  body.page-node-type-news .articlecontent .field.field--name-field-zitat .paragraph .inner .field--name-field-zitat-aussage:before,
  body.page-node-type-news .articlecontent .field.field--name-field-zitat .paragraph .inner .field--name-field-langtext:before,
  body.page-node-type-news .articlecontent .field.field--name-field-zitat .paragraph .inner .views-field-field-zitat-aussage:before {
    left: -48px;
    top: 12px;
  }
}

@media screen and (min-width: 600px) {
  body.page-node-type-projekt .articlecontent .field.field--name-field-zitat .paragraph .inner .field--name-field-zitat-aussage:before,
  body.page-node-type-projekt .articlecontent .field.field--name-field-zitat .paragraph .inner .field--name-field-langtext:before,
  body.page-node-type-projekt .articlecontent .field.field--name-field-zitat .paragraph .inner .views-field-field-zitat-aussage:before,
  body.page-node-type-news .articlecontent .field.field--name-field-zitat .paragraph .inner .field--name-field-zitat-aussage:before,
  body.page-node-type-news .articlecontent .field.field--name-field-zitat .paragraph .inner .field--name-field-langtext:before,
  body.page-node-type-news .articlecontent .field.field--name-field-zitat .paragraph .inner .views-field-field-zitat-aussage:before {
    display: block;
  }
}

@media screen and (max-width: 768px) {
  body.page-node-type-projekt .articlecontent .field.field--name-field-zitat .paragraph .inner,
  body.page-node-type-news .articlecontent .field.field--name-field-zitat .paragraph .inner {
    margin: 0 auto;
  }
}

@media screen and (min-width: 769px) {
  body.page-node-type-projekt .articlecontent .field.field--name-field-zitat .paragraph .inner,
  body.page-node-type-news .articlecontent .field.field--name-field-zitat .paragraph .inner {
    max-width: 600px;
  }
}

/* body */
body.is-path-taxonomy .articlecontent .field.field--name-field-zitat .paragraph .inner {
  position: relative;
  display: grid;
  grid-template-columns: 160px 1fr;
  grid-template-columns: 1fr;
  grid-template-rows: auto 1fr;
  grid-auto-flow: row;
  column-gap: 2rem;
  row-gap: 1rem;
  align-items: start;
}

@media screen and (max-width: 599px) {
  body.is-path-taxonomy .articlecontent .field.field--name-field-zitat .paragraph .inner {
    grid-template-columns: 1fr;
    grid-template-rows: auto auto 1fr;
  }
}

.is-page-node-type-projekt body.is-path-taxonomy .articlecontent .field.field--name-field-zitat .paragraph .inner,
.is-page-node-type-testimonial body.is-path-taxonomy .articlecontent .field.field--name-field-zitat .paragraph .inner,
.is-page-node-type-news body.is-path-taxonomy .articlecontent .field.field--name-field-zitat .paragraph .inner {
  margin: 3rem 0 4rem 2rem;
}

@media screen and (min-width: 769px) {
  body.is-path-taxonomy .articlecontent .field.field--name-field-zitat .paragraph .inner {
    grid-template-columns: 180px 1fr;
  }
}

@media screen and (min-width: 1024px) {
  body.is-path-taxonomy .articlecontent .field.field--name-field-zitat .paragraph .inner {
    /*    width: 80%;
        max-width: 800px;   
        */
  }
}

@media screen and (max-width: 768px) {
  body.is-path-taxonomy .articlecontent .field.field--name-field-zitat .paragraph .inner {
    text-align: center;
  }
}

body.is-path-taxonomy .articlecontent .field.field--name-field-zitat .paragraph .inner .field, body.is-path-taxonomy .articlecontent .field.field--name-field-zitat .paragraph .inner .content {
  margin: 0;
}

body.is-path-taxonomy .articlecontent .field.field--name-field-zitat .paragraph .inner .field--name-field-zitat-aussage,
body.is-path-taxonomy .articlecontent .field.field--name-field-zitat .paragraph .inner .field--name-field-langtext,
body.is-path-taxonomy .articlecontent .field.field--name-field-zitat .paragraph .inner .views-field-field-zitat-aussage {
  font-weight: 700;
}

@media screen and (min-width: 769px) {
  body.is-path-taxonomy .articlecontent .field.field--name-field-zitat .paragraph .inner .field--name-field-zitat-aussage,
  body.is-path-taxonomy .articlecontent .field.field--name-field-zitat .paragraph .inner .field--name-field-langtext,
  body.is-path-taxonomy .articlecontent .field.field--name-field-zitat .paragraph .inner .views-field-field-zitat-aussage {
    padding-top: 2rem;
  }
}

body.is-path-taxonomy .articlecontent .field.field--name-field-zitat .paragraph .inner .field--name-field-zitat-autor,
body.is-path-taxonomy .articlecontent .field.field--name-field-zitat .paragraph .inner .field--name-field-position-zitat,
body.is-path-taxonomy .articlecontent .field.field--name-field-zitat .paragraph .inner .views-field-title-1 {
  font-size: 0.75rem;
}

@media screen and (min-width: 769px) {
  body.is-path-taxonomy .articlecontent .field.field--name-field-zitat .paragraph .inner .field--name-field-zitat-autor,
  body.is-path-taxonomy .articlecontent .field.field--name-field-zitat .paragraph .inner .field--name-field-position-zitat,
  body.is-path-taxonomy .articlecontent .field.field--name-field-zitat .paragraph .inner .views-field-title-1 {
    font-size: 0.875rem;
  }
}

@media screen and (min-width: 1024px) {
  body.is-path-taxonomy .articlecontent .field.field--name-field-zitat .paragraph .inner .field--name-field-zitat-autor,
  body.is-path-taxonomy .articlecontent .field.field--name-field-zitat .paragraph .inner .field--name-field-position-zitat,
  body.is-path-taxonomy .articlecontent .field.field--name-field-zitat .paragraph .inner .views-field-title-1 {
    font-size: 0.875rem;
  }
}

body.is-path-taxonomy .articlecontent .field.field--name-field-zitat .paragraph .inner .field_zitat_autor_bild,
body.is-path-taxonomy .articlecontent .field.field--name-field-zitat .paragraph .inner .views-field-field-bild,
body.is-path-taxonomy .articlecontent .field.field--name-field-zitat .paragraph .inner .zitatgeberbild {
  grid-area: 1 / 1 / span 2 / span 1;
}

@media screen and (min-width: 769px) {
  body.is-path-taxonomy .articlecontent .field.field--name-field-zitat .paragraph .inner .field_zitat_autor_bild,
  body.is-path-taxonomy .articlecontent .field.field--name-field-zitat .paragraph .inner .views-field-field-bild,
  body.is-path-taxonomy .articlecontent .field.field--name-field-zitat .paragraph .inner .zitatgeberbild {
    padding: 1rem 0;
  }
}

body.is-path-taxonomy .articlecontent .field.field--name-field-zitat .paragraph .inner .field_zitat_autor_bild img,
body.is-path-taxonomy .articlecontent .field.field--name-field-zitat .paragraph .inner .views-field-field-bild img,
body.is-path-taxonomy .articlecontent .field.field--name-field-zitat .paragraph .inner .zitatgeberbild img {
  border-radius: 100%;
  width: 150px;
  height: 150px;
  object-fit: cover;
  display: block;
  margin: 0 auto;
  background-color: #edebe6;
}

@media screen and (min-width: 769px) {
  body.is-path-taxonomy .articlecontent .field.field--name-field-zitat .paragraph .inner .field_zitat_autor_bild img,
  body.is-path-taxonomy .articlecontent .field.field--name-field-zitat .paragraph .inner .views-field-field-bild img,
  body.is-path-taxonomy .articlecontent .field.field--name-field-zitat .paragraph .inner .zitatgeberbild img {
    margin: 0;
  }
}

@media screen and (max-width: 768px) {
  body.is-path-taxonomy .articlecontent .field.field--name-field-zitat .paragraph .inner .field_zitat_autor_bild .field--name-field-bild figure img,
  body.is-path-taxonomy .articlecontent .field.field--name-field-zitat .paragraph .inner .views-field-field-bild .field--name-field-bild figure img,
  body.is-path-taxonomy .articlecontent .field.field--name-field-zitat .paragraph .inner .zitatgeberbild .field--name-field-bild figure img {
    margin: 0 auto 1rem;
  }
}

body.is-path-taxonomy .articlecontent .field.field--name-field-zitat .paragraph .inner .field--name-field-zitat-aussage,
body.is-path-taxonomy .articlecontent .field.field--name-field-zitat .paragraph .inner .field--name-field-langtext,
body.is-path-taxonomy .articlecontent .field.field--name-field-zitat .paragraph .inner .views-field-field-zitat-aussage {
  padding-left: 20px;
  position: relative;
}

@media screen and (min-width: 769px) {
  body.is-path-taxonomy .articlecontent .field.field--name-field-zitat .paragraph .inner .field--name-field-zitat-aussage,
  body.is-path-taxonomy .articlecontent .field.field--name-field-zitat .paragraph .inner .field--name-field-langtext,
  body.is-path-taxonomy .articlecontent .field.field--name-field-zitat .paragraph .inner .views-field-field-zitat-aussage {
    padding-left: 0;
  }
}

body.is-path-taxonomy .articlecontent .field.field--name-field-zitat .paragraph .inner .field--name-field-zitat-aussage:before,
body.is-path-taxonomy .articlecontent .field.field--name-field-zitat .paragraph .inner .field--name-field-langtext:before,
body.is-path-taxonomy .articlecontent .field.field--name-field-zitat .paragraph .inner .views-field-field-zitat-aussage:before {
  content: "”";
  position: absolute;
  display: block;
  font-size: 80px;
  font-weight: 800;
  color: #EC6456;
  line-height: 1;
  width: 40px;
  height: 40px;
  left: -20px;
  top: -20px;
}

@media screen and (min-width: 769px) {
  body.is-path-taxonomy .articlecontent .field.field--name-field-zitat .paragraph .inner .field--name-field-zitat-aussage:before,
  body.is-path-taxonomy .articlecontent .field.field--name-field-zitat .paragraph .inner .field--name-field-langtext:before,
  body.is-path-taxonomy .articlecontent .field.field--name-field-zitat .paragraph .inner .views-field-field-zitat-aussage:before {
    left: -48px;
    top: 12px;
  }
}

@media screen and (min-width: 600px) {
  body.is-path-taxonomy .articlecontent .field.field--name-field-zitat .paragraph .inner .field--name-field-zitat-aussage:before,
  body.is-path-taxonomy .articlecontent .field.field--name-field-zitat .paragraph .inner .field--name-field-langtext:before,
  body.is-path-taxonomy .articlecontent .field.field--name-field-zitat .paragraph .inner .views-field-field-zitat-aussage:before {
    display: block;
  }
}

@media screen and (min-width: 769px) {
  body.is-path-taxonomy .articlecontent .field.field--name-field-zitat .paragraph .inner {
    max-width: 600px;
  }
}

/* body */
body main .articlecontent .field_section .paragraph.has-slider > .container {
  display: block;
}

body main .articlecontent .field_section .paragraph.has-slider > .container > div.leftcol {
  display: none;
}

body main .articlecontent .field_section .paragraph.has-slider > .container > div.text {
  display: block;
}

body main .articlecontent .field_section .paragraph.noleftcolumn > .container > div.leftcol {
  display: none;
}

body main .articlecontent .field_section .paragraph.noleftcolumn > .container > div.text {
  display: block;
}

/* body */
body.is-path-node {
  /* articlecontent field_section */
}

body.is-path-node .articlecontent .field_section {
  /* Slider normal  */
  /* paragraph */
  /* Slider mit Bild per Slide */
  /* paragraph */
  /* Slider breit mit nur 1 Slide sichtbar */
  /* Slider breit*/
  /* Slider normal für Testimonials */
  /* para */
}

body.is-path-node .articlecontent .field_section .paragraph.slider .container .text {
  display: block;
  width: 100%;
  position: relative;
}

body.is-path-node .articlecontent .field_section .paragraph.slider-mit-bild .paragraph > .inner {
  padding: 2rem 2rem;
  padding: 0 0 2rem;
  display: block;
}

body.is-path-node .articlecontent .field_section .paragraph.slider-mit-bild .paragraph > .inner > *:not(.field_bild) {
  padding: 0 1.5rem;
}

body.is-path-node .articlecontent .field_section .paragraph.slider-mit-bild .paragraph > .inner figure img {
  height: 200px;
}

body.is-path-node .articlecontent .field_section .paragraph.slider-mit-bild .container .text {
  display: block;
  width: 100%;
  position: relative;
}

body.is-path-node .articlecontent .field_section .paragraph.slider-breit .paragraph {
  background: #edebe6;
}

body.is-path-node .articlecontent .field_section .paragraph.slider-breit .container .text {
  display: block;
  width: 100%;
  position: relative;
}

body.is-path-node .articlecontent .field_section .paragraph.slider-breit .view.initiativbewerbung .view-content {
  display: block;
}

body.is-path-node .articlecontent .field_section .paragraph.slider-breit .view.initiativbewerbung .view-content .tns-outer {
  font-family: unset;
}

body.is-path-node .articlecontent .field_section .paragraph.slider-breit .view.initiativbewerbung .view-content .tns-outer p {
  font-weight: 400;
}

body.is-path-node .articlecontent .field_section .paragraph.slider-breit .view.initiativbewerbung .view-content .tns-outer .tns-item {
  padding-right: 2rem;
  font-size: initial;
  text-transform: initial;
  height: 100%;
}

body.is-path-node .articlecontent .field_section .paragraph.slider-breit .view.initiativbewerbung .view-content .tns-outer .tns-item > div a.card * {
  opacity: 0.2;
}

body.is-path-node .articlecontent .field_section .paragraph.slider-breit .view.initiativbewerbung .view-content .tns-outer .tns-item.tns-slide-active > div a.card * {
  opacity: 1;
}

body.is-path-node .articlecontent .field_section .paragraph.slider-breit .view.initiativbewerbung .view-content .tns-outer a.card {
  display: block;
  background: #fff;
  height: 100%;
  width: 100%;
  box-shadow: unset;
  /*
      box-shadow: 2px 2px 4px $grey;
*/
  /* from Mixin above */
  /* ++++++++++++++++++++++++++++++++   */
  /* ++++++++++++++++++++++++++++++++   */
}

@media screen and (min-width: 769px) {
  body.is-path-node .articlecontent .field_section .paragraph.slider-breit .view.initiativbewerbung .view-content .tns-outer a.card {
    display: grid;
    grid-template-columns: 1fr;
    grid-template-rows: 10px auto auto 1fr;
    grid-template-rows: 200px auto;
    grid-template-rows: auto auto;
    grid-template-rows: minmax(200px, auto) 1fr;
    grid-column-gap: 0px;
    grid-row-gap: 0px;
  }
}

body.is-path-node .articlecontent .field_section .paragraph.slider-breit .view.initiativbewerbung .view-content .tns-outer a.card * {
  -webkit-transition: all 0.15s linear;
  -moz-transition: all 0.15s linear;
  -ms-transition: all 0.15s linear;
  -o-transition: all 0.15s linear;
  transition: all 0.15s linear;
  padding: 0;
  margin: 0;
  color: #151515;
}

body.is-path-node .articlecontent .field_section .paragraph.slider-breit .view.initiativbewerbung .view-content .tns-outer a.card > * {
  padding: 0 2rem;
  padding: 0;
  margin: 0;
  color: #151515;
}

body.is-path-node .articlecontent .field_section .paragraph.slider-breit .view.initiativbewerbung .view-content .tns-outer a.card:hover, body.is-path-node .articlecontent .field_section .paragraph.slider-breit .view.initiativbewerbung .view-content .tns-outer a.card:focus, body.is-path-node .articlecontent .field_section .paragraph.slider-breit .view.initiativbewerbung .view-content .tns-outer a.card:active, body.is-path-node .articlecontent .field_section .paragraph.slider-breit .view.initiativbewerbung .view-content .tns-outer a.card:focus-within {
  color: #EC6456;
}

body.is-path-node .articlecontent .field_section .paragraph.slider-breit .view.initiativbewerbung .view-content .tns-outer a.card:hover *, body.is-path-node .articlecontent .field_section .paragraph.slider-breit .view.initiativbewerbung .view-content .tns-outer a.card:focus *, body.is-path-node .articlecontent .field_section .paragraph.slider-breit .view.initiativbewerbung .view-content .tns-outer a.card:active *, body.is-path-node .articlecontent .field_section .paragraph.slider-breit .view.initiativbewerbung .view-content .tns-outer a.card:focus-within * {
  color: #EC6456;
}

body.is-path-node .articlecontent .field_section .paragraph.slider-breit .view.initiativbewerbung .view-content .tns-outer a.card:hover:after, body.is-path-node .articlecontent .field_section .paragraph.slider-breit .view.initiativbewerbung .view-content .tns-outer a.card:focus:after, body.is-path-node .articlecontent .field_section .paragraph.slider-breit .view.initiativbewerbung .view-content .tns-outer a.card:active:after, body.is-path-node .articlecontent .field_section .paragraph.slider-breit .view.initiativbewerbung .view-content .tns-outer a.card:focus-within:after {
  display: none;
}

body.is-path-node .articlecontent .field_section .paragraph.slider-breit .view.initiativbewerbung .view-content .tns-outer a.card.projekt .small, body.is-path-node .articlecontent .field_section .paragraph.slider-breit .view.initiativbewerbung .view-content .tns-outer a.card.news .small, body.is-path-node .articlecontent .field_section .paragraph.slider-breit .view.initiativbewerbung .view-content .tns-outer a.card.kompetenzen .small {
  text-transform: uppercase;
}

body.is-path-node .articlecontent .field_section .paragraph.slider-breit .view.initiativbewerbung .view-content .tns-outer a.card > figure.image,
body.is-path-node .articlecontent .field_section .paragraph.slider-breit .view.initiativbewerbung .view-content .tns-outer a.card .field_media_image figure.image,
body.is-path-node .articlecontent .field_section .paragraph.slider-breit .view.initiativbewerbung .view-content .tns-outer a.card div.field--name-field-mehr-bilder figure.image,
body.is-path-node .articlecontent .field_section .paragraph.slider-breit .view.initiativbewerbung .view-content .tns-outer a.card .views-field-field-image, body.is-path-node .articlecontent .field_section .paragraph.slider-breit .view.initiativbewerbung .view-content .tns-outer a.card .views-field-logo {
  /* passt sich genau der Bildgröße an */
  position: relative;
  /* nötig für ::after */
  padding: 0;
  /* Standard-Padding entfernen */
  line-height: 0;
  /* verhindert zusätzlichen Platz unter img */
  margin-bottom: .5rem;
}

@media screen and (min-width: 769px) {
  body.is-path-node .articlecontent .field_section .paragraph.slider-breit .view.initiativbewerbung .view-content .tns-outer a.card > figure.image,
  body.is-path-node .articlecontent .field_section .paragraph.slider-breit .view.initiativbewerbung .view-content .tns-outer a.card .field_media_image figure.image,
  body.is-path-node .articlecontent .field_section .paragraph.slider-breit .view.initiativbewerbung .view-content .tns-outer a.card div.field--name-field-mehr-bilder figure.image,
  body.is-path-node .articlecontent .field_section .paragraph.slider-breit .view.initiativbewerbung .view-content .tns-outer a.card .views-field-field-image, body.is-path-node .articlecontent .field_section .paragraph.slider-breit .view.initiativbewerbung .view-content .tns-outer a.card .views-field-logo {
    display: inline-block;
  }
}

body.is-path-node .articlecontent .field_section .paragraph.slider-breit .view.initiativbewerbung .view-content .tns-outer a.card > figure.image:after,
body.is-path-node .articlecontent .field_section .paragraph.slider-breit .view.initiativbewerbung .view-content .tns-outer a.card .field_media_image figure.image:after,
body.is-path-node .articlecontent .field_section .paragraph.slider-breit .view.initiativbewerbung .view-content .tns-outer a.card div.field--name-field-mehr-bilder figure.image:after,
body.is-path-node .articlecontent .field_section .paragraph.slider-breit .view.initiativbewerbung .view-content .tns-outer a.card .views-field-field-image:after, body.is-path-node .articlecontent .field_section .paragraph.slider-breit .view.initiativbewerbung .view-content .tns-outer a.card .views-field-logo:after {
  -webkit-transition: all 0.15s linear;
  -moz-transition: all 0.15s linear;
  -ms-transition: all 0.15s linear;
  -o-transition: all 0.15s linear;
  transition: all 0.15s linear;
  content: "";
  position: absolute;
  inset: 0;
  background: rgba(235, 99, 84, 0.6);
  pointer-events: none;
  opacity: 0;
}

body.is-path-node .articlecontent .field_section .paragraph.slider-breit .view.initiativbewerbung .view-content .tns-outer a.card:hover > figure.image:after, body.is-path-node .articlecontent .field_section .paragraph.slider-breit .view.initiativbewerbung .view-content .tns-outer a.card:hover .views-field-field-image:after, body.is-path-node .articlecontent .field_section .paragraph.slider-breit .view.initiativbewerbung .view-content .tns-outer a.card:hover .views-field-logo:after,
body.is-path-node .articlecontent .field_section .paragraph.slider-breit .view.initiativbewerbung .view-content .tns-outer a.card:hover .field_media_image figure.image:after, body.is-path-node .articlecontent .field_section .paragraph.slider-breit .view.initiativbewerbung .view-content .tns-outer a.card:focus > figure.image:after, body.is-path-node .articlecontent .field_section .paragraph.slider-breit .view.initiativbewerbung .view-content .tns-outer a.card:focus .views-field-field-image:after, body.is-path-node .articlecontent .field_section .paragraph.slider-breit .view.initiativbewerbung .view-content .tns-outer a.card:focus .views-field-logo:after,
body.is-path-node .articlecontent .field_section .paragraph.slider-breit .view.initiativbewerbung .view-content .tns-outer a.card:focus .field_media_image figure.image:after, body.is-path-node .articlecontent .field_section .paragraph.slider-breit .view.initiativbewerbung .view-content .tns-outer a.card:active > figure.image:after, body.is-path-node .articlecontent .field_section .paragraph.slider-breit .view.initiativbewerbung .view-content .tns-outer a.card:active .views-field-field-image:after, body.is-path-node .articlecontent .field_section .paragraph.slider-breit .view.initiativbewerbung .view-content .tns-outer a.card:active .views-field-logo:after,
body.is-path-node .articlecontent .field_section .paragraph.slider-breit .view.initiativbewerbung .view-content .tns-outer a.card:active .field_media_image figure.image:after, body.is-path-node .articlecontent .field_section .paragraph.slider-breit .view.initiativbewerbung .view-content .tns-outer a.card:focus-within > figure.image:after, body.is-path-node .articlecontent .field_section .paragraph.slider-breit .view.initiativbewerbung .view-content .tns-outer a.card:focus-within .views-field-field-image:after, body.is-path-node .articlecontent .field_section .paragraph.slider-breit .view.initiativbewerbung .view-content .tns-outer a.card:focus-within .views-field-logo:after,
body.is-path-node .articlecontent .field_section .paragraph.slider-breit .view.initiativbewerbung .view-content .tns-outer a.card:focus-within .field_media_image figure.image:after {
  opacity: 1;
}

body.is-path-node .articlecontent .field_section .paragraph.slider-breit .view.initiativbewerbung .view-content .tns-outer a.card h2, body.is-path-node .articlecontent .field_section .paragraph.slider-breit .view.initiativbewerbung .view-content .tns-outer a.card h3 {
  margin: 0;
}

body.is-path-node .articlecontent .field_section .paragraph.slider-breit .view.initiativbewerbung .view-content .tns-outer a.card h3 {
  text-transform: none;
}

@media screen and (min-width: 1216px) {
  body.is-path-node .articlecontent .field_section .paragraph.slider-breit .view.initiativbewerbung .view-content .tns-outer a.card h3 {
    letter-spacing: .025rem;
  }
}

body.is-path-node .articlecontent .field_section .paragraph.slider-breit .view.initiativbewerbung .view-content .tns-outer a.card ul {
  margin: 0;
  list-style: none;
}

body.is-path-node .articlecontent .field_section .paragraph.slider-breit .view.initiativbewerbung .view-content .tns-outer a.card ul li {
  list-style: none;
}

body.is-path-node .articlecontent .field_section .paragraph.slider-breit .view.initiativbewerbung .view-content .tns-outer a.card .views-field div.field-content,
body.is-path-node .articlecontent .field_section .paragraph.slider-breit .view.initiativbewerbung .view-content .tns-outer a.card .views-field-details .field-content,
body.is-path-node .articlecontent .field_section .paragraph.slider-breit .view.initiativbewerbung .view-content .tns-outer a.card span.views-label + span {
  word-break: break-word;
}

body.is-path-node .articlecontent .field_section .paragraph.slider-breit .view.initiativbewerbung .view-content .tns-outer a.card .views-label {
  font-size: 0;
  position: relative;
  display: inline-block;
}

body.is-path-node .articlecontent .field_section .paragraph.slider-breit .view.initiativbewerbung .view-content .tns-outer a.card .views-label:before {
  content: "";
  display: block;
  position: absolute;
  left: 0;
  top: -6px;
  width: 36px;
  height: 36px;
  border-radius: 100%;
  background: #ff75cc url(../assets/img/sprite_fcp.svg) no-repeat 5px -695px;
}

body.is-path-node .articlecontent .field_section .paragraph.slider-breit .view.initiativbewerbung .view-content .tns-outer a.card.image {
  min-height: 300px;
  display: grid;
  grid-template-columns: 1fr;
  grid-template-rows: 1fr auto;
  grid-template-rows: auto auto 1fr auto;
  grid-column-gap: 0px;
  grid-row-gap: 0px;
}

body.is-path-node .articlecontent .field_section .paragraph.slider-breit .view.initiativbewerbung .view-content .tns-outer a.card.image figure img {
  margin: 0;
  padding: 0;
  height: 250px;
  width: 100%;
  object-fit: cover;
  object-position: center center;
  border-radius: 20px 20px 0 0;
}

@media screen and (max-width: 768px) {
  body.is-path-node .articlecontent .field_section .paragraph.slider-breit .view.initiativbewerbung .view-content .tns-outer a.card.image figure img {
    height: 150px;
  }
}

body.is-path-node .articlecontent .field_section .paragraph.slider-breit .view.initiativbewerbung .view-content .tns-outer a.card.small {
  grid-template-columns: 1fr;
  grid-template-rows: repeat(2, 1fr);
  grid-template-rows: auto 1fr;
  border: 0 none;
  min-height: 150px;
  margin-bottom: 1rem;
}

@media screen and (min-width: 769px) {
  body.is-path-node .articlecontent .field_section .paragraph.slider-breit .view.initiativbewerbung .view-content .tns-outer a.card.small {
    min-height: 200px;
  }
}

@media screen and (min-width: 1024px) {
  body.is-path-node .articlecontent .field_section .paragraph.slider-breit .view.initiativbewerbung .view-content .tns-outer a.card.small {
    min-height: 300px;
  }
}

body.is-path-node .articlecontent .field_section .paragraph.slider-breit .view.initiativbewerbung .view-content .tns-outer a.card {
  grid-template-rows: minmax(200px, auto) 1fr;
  grid-template-rows: auto auto 1fr;
  background: #edebe6;
  padding-bottom: 2rem;
  height: 100%;
  min-height: 400px;
}

body.is-path-node .articlecontent .field_section .paragraph.slider-breit .view.initiativbewerbung .view-content .tns-outer a.card > * {
  text-transform: unset;
}

body.is-path-node .articlecontent .field_section .paragraph.slider-breit .view.initiativbewerbung .view-content .tns-outer a.card::after {
  -webkit-transition: all 0.15s linear;
  -moz-transition: all 0.15s linear;
  -ms-transition: all 0.15s linear;
  -o-transition: all 0.15s linear;
  transition: all 0.15s linear;
  display: block;
  content: "";
  display: block;
  position: absolute;
  height: 30px;
  width: 60px;
  background: url(../assets/img/sprite_fcp.svg) no-repeat 0 -1200px;
  right: 10px;
  bottom: 10px;
  filter: brightness(0.1);
}

body.is-path-node .articlecontent .field_section .paragraph.slider-breit .view.initiativbewerbung .view-content .tns-outer a.card:hover, body.is-path-node .articlecontent .field_section .paragraph.slider-breit .view.initiativbewerbung .view-content .tns-outer a.card:focus, body.is-path-node .articlecontent .field_section .paragraph.slider-breit .view.initiativbewerbung .view-content .tns-outer a.card:active, body.is-path-node .articlecontent .field_section .paragraph.slider-breit .view.initiativbewerbung .view-content .tns-outer a.card:focus-within {
  background: #EC6456;
  outline: unset;
}

body.is-path-node .articlecontent .field_section .paragraph.slider-breit .view.initiativbewerbung .view-content .tns-outer a.card:hover *, body.is-path-node .articlecontent .field_section .paragraph.slider-breit .view.initiativbewerbung .view-content .tns-outer a.card:focus *, body.is-path-node .articlecontent .field_section .paragraph.slider-breit .view.initiativbewerbung .view-content .tns-outer a.card:active *, body.is-path-node .articlecontent .field_section .paragraph.slider-breit .view.initiativbewerbung .view-content .tns-outer a.card:focus-within * {
  color: #fff;
}

body.is-path-node .articlecontent .field_section .paragraph.slider-breit .view.initiativbewerbung .view-content .tns-outer a.card:hover::after, body.is-path-node .articlecontent .field_section .paragraph.slider-breit .view.initiativbewerbung .view-content .tns-outer a.card:focus::after, body.is-path-node .articlecontent .field_section .paragraph.slider-breit .view.initiativbewerbung .view-content .tns-outer a.card:active::after, body.is-path-node .articlecontent .field_section .paragraph.slider-breit .view.initiativbewerbung .view-content .tns-outer a.card:focus-within::after {
  filter: brightness(1);
}

body.is-path-node .articlecontent .field_section .paragraph.slider-breit .view.initiativbewerbung .view-content .tns-outer a.card div.views-field {
  padding: 0 1.5rem;
  margin-bottom: .5rem;
}

body.is-path-node .articlecontent .field_section .paragraph.slider-breit .view.initiativbewerbung .view-content .tns-outer a.card h3 {
  text-transform: unset;
}

body.is-path-node .articlecontent .field_section .paragraph.slider-breit .view.initiativbewerbung .view-content .tns-outer a.card figure {
  margin-bottom: .5rem;
}

body.is-path-node .articlecontent .field_section .paragraph.slider-breit .view.initiativbewerbung .view-content .tns-outer a.card figure img {
  height: 150px;
  width: 100%;
  object-fit: cover;
}

@media screen and (min-width: 1024px) {
  body.is-path-node .articlecontent .field_section .paragraph.slider-breit .view.initiativbewerbung .view-content .tns-outer a.card figure img {
    height: 150px;
    width: 100%;
  }
}

body.is-path-node .articlecontent .field_section .paragraph.slider-breit .view.initiativbewerbung .view-content .tns-outer {
  margin: 3rem 0 0;
  position: relative;
}

body.is-path-node .articlecontent .field_section .paragraph.slider-breit .view.initiativbewerbung .view-content .tns-ovh {
  position: relative;
}

body.is-path-node .articlecontent .field_section .paragraph.slider-breit .view.initiativbewerbung .view-content .tns-controls {
  position: relative;
  margin: 2rem 0 0;
  width: 100%;
  position: absolute;
  margin: 0;
  left: 0;
  top: -2rem;
  height: 40px;
}

body.is-path-node .articlecontent .field_section .paragraph.slider-breit .view.initiativbewerbung .view-content .tns-controls button {
  position: absolute;
  background: transparent;
  padding: 0;
  top: 50%;
  left: 0;
  transform: translate(0, -120%);
  height: 20px;
  font-size: 0;
}

body.is-path-node .articlecontent .field_section .paragraph.slider-breit .view.initiativbewerbung .view-content .tns-controls button:hover, body.is-path-node .articlecontent .field_section .paragraph.slider-breit .view.initiativbewerbung .view-content .tns-controls button:focus, body.is-path-node .articlecontent .field_section .paragraph.slider-breit .view.initiativbewerbung .view-content .tns-controls button:active, body.is-path-node .articlecontent .field_section .paragraph.slider-breit .view.initiativbewerbung .view-content .tns-controls button:focus {
  background-size: 0 0;
  box-shadow: unset;
}

body.is-path-node .articlecontent .field_section .paragraph.slider-breit .view.initiativbewerbung .view-content .tns-controls button:hover:before, body.is-path-node .articlecontent .field_section .paragraph.slider-breit .view.initiativbewerbung .view-content .tns-controls button:focus:before, body.is-path-node .articlecontent .field_section .paragraph.slider-breit .view.initiativbewerbung .view-content .tns-controls button:active:before, body.is-path-node .articlecontent .field_section .paragraph.slider-breit .view.initiativbewerbung .view-content .tns-controls button:focus:before {
  opacity: 1;
}

body.is-path-node .articlecontent .field_section .paragraph.slider-breit .view.initiativbewerbung .view-content .tns-controls button:last-child {
  right: 0;
  left: auto;
}

body.is-path-node .articlecontent .field_section .paragraph.slider-breit .view.initiativbewerbung .view-content .tns-controls button:after {
  display: none;
}

body.is-path-node .articlecontent .field_section .paragraph.slider-breit .view.initiativbewerbung .view-content .tns-controls button:before {
  -webkit-transition: all 0.25s linear;
  -moz-transition: all 0.25s linear;
  -ms-transition: all 0.25s linear;
  -o-transition: all 0.25s linear;
  transition: all 0.25s linear;
  display: inline-block;
  content: "";
  position: absolute;
  right: 10px;
  top: 8px;
  top: auto;
  bottom: -4px;
  width: 40px;
  height: 20px;
  opacity: .85;
  background: transparent url(../assets/img/sprite_fcp.svg) no-repeat 8px -250px;
  animation: none;
  border: unset;
  border-radius: unset;
  clip-path: none;
}

body.is-path-node .articlecontent .field_section .paragraph.slider-breit .view.initiativbewerbung .view-content .tns-controls button:last-child:before {
  right: 0;
  left: auto;
  background-position: 0px -350px;
}

body.is-path-node .articlecontent .field_section .paragraph.slider-breit .view.initiativbewerbung .view-content .tns-controls button:hover:before, body.is-path-node .articlecontent .field_section .paragraph.slider-breit .view.initiativbewerbung .view-content .tns-controls button:focus:before, body.is-path-node .articlecontent .field_section .paragraph.slider-breit .view.initiativbewerbung .view-content .tns-controls button:active:before, body.is-path-node .articlecontent .field_section .paragraph.slider-breit .view.initiativbewerbung .view-content .tns-controls button:focus:before {
  background-position-x: 0px;
}

body.is-path-node .articlecontent .field_section .paragraph.slider-breit .view.initiativbewerbung .view-content .tns-controls button:last-child:hover:before, body.is-path-node .articlecontent .field_section .paragraph.slider-breit .view.initiativbewerbung .view-content .tns-controls button:last-child:focus:before, body.is-path-node .articlecontent .field_section .paragraph.slider-breit .view.initiativbewerbung .view-content .tns-controls button:last-child:active:before, body.is-path-node .articlecontent .field_section .paragraph.slider-breit .view.initiativbewerbung .view-content .tns-controls button:last-child:focus:before {
  background-position-x: 8px;
}

body.is-path-node .articlecontent .field_section .paragraph.slider-breit .view.initiativbewerbung .view-content .tns-outer #tns1 > .tns-item {
  padding-right: 0;
}

body.is-path-node .articlecontent .field_section .paragraph.slider-breit .view.initiativbewerbung .view-content .tns-outer .tns-item {
  overflow: hidden;
  border: unset;
  box-shadow: unset;
}

body.is-path-node .articlecontent .field_section .paragraph.slider-breit .view.initiativbewerbung .view-content .tns-outer .tns-item.tns-slide-active {
  margin-left: 1px;
}

body.is-path-node .articlecontent .field_section .paragraph.slider-breit .view.initiativbewerbung .view-content .tiny-slider-wrapper {
  background: #edebe6;
}

body.is-path-node .articlecontent .field_section .paragraph.slider-breit .view.initiativbewerbung .view-content .tns-controls {
  margin: 3rem 0 0;
}

body.is-path-node .articlecontent .field_section .paragraph.slider-breit .view.initiativbewerbung .view-content .view.projects .view-content,
body.is-path-node .articlecontent .field_section .paragraph.slider-breit .view.initiativbewerbung .view-content .view.kompetenzen-verwandte .view-content,
body.is-path-node .articlecontent .field_section .paragraph.slider-breit .view.initiativbewerbung .view-content .view.initiativbewerbung .view-content {
  display: block;
  position: relative;
}

body.is-path-node .articlecontent .field_section .paragraph.slider-breit .view.initiativbewerbung .view-content .view.projects .view-content::after,
body.is-path-node .articlecontent .field_section .paragraph.slider-breit .view.initiativbewerbung .view-content .view.kompetenzen-verwandte .view-content::after,
body.is-path-node .articlecontent .field_section .paragraph.slider-breit .view.initiativbewerbung .view-content .view.initiativbewerbung .view-content::after {
  display: block;
  content: "";
  position: absolute;
  width: 4000px;
  height: 8px;
  border-radius: 0;
  border: 0 none;
  background: #151515;
  display: block;
  margin: 0 0 0 -4032px;
  left: 60px;
  top: 46px;
  left: 20px;
  top: 15px;
}

@media screen and (min-width: 600px) {
  body.is-path-node .articlecontent .field_section .paragraph.slider-breit .view.initiativbewerbung .view-content .view.projects .view-content::after,
  body.is-path-node .articlecontent .field_section .paragraph.slider-breit .view.initiativbewerbung .view-content .view.kompetenzen-verwandte .view-content::after,
  body.is-path-node .articlecontent .field_section .paragraph.slider-breit .view.initiativbewerbung .view-content .view.initiativbewerbung .view-content::after {
    height: 10px;
    top: 20px;
  }
}

@media screen and (min-width: 1024px) {
  body.is-path-node .articlecontent .field_section .paragraph.slider-breit .view.initiativbewerbung .view-content .view.projects .view-content::after,
  body.is-path-node .articlecontent .field_section .paragraph.slider-breit .view.initiativbewerbung .view-content .view.kompetenzen-verwandte .view-content::after,
  body.is-path-node .articlecontent .field_section .paragraph.slider-breit .view.initiativbewerbung .view-content .view.initiativbewerbung .view-content::after {
    top: 37px;
    top: 22px;
    left: auto;
  }
}

@media screen and (max-width: 768px) {
  body.is-path-node .articlecontent .field_section .paragraph.slider-breit .view.initiativbewerbung .view-content .view.projects .view-content::after,
  body.is-path-node .articlecontent .field_section .paragraph.slider-breit .view.initiativbewerbung .view-content .view.kompetenzen-verwandte .view-content::after,
  body.is-path-node .articlecontent .field_section .paragraph.slider-breit .view.initiativbewerbung .view-content .view.initiativbewerbung .view-content::after {
    display: none;
  }
}

body.is-path-node .articlecontent .field_section .paragraph.slider-breit .view.initiativbewerbung .view-content .view.projects .view-content::after,
body.is-path-node .articlecontent .field_section .paragraph.slider-breit .view.initiativbewerbung .view-content .view.kompetenzen-verwandte .view-content::after,
body.is-path-node .articlecontent .field_section .paragraph.slider-breit .view.initiativbewerbung .view-content .view.initiativbewerbung .view-content::after {
  background: #EC6456;
}

body.is-path-node .articlecontent .field_section .paragraph.slider-breit .view.initiativbewerbung .view-content .view.projects .view-content:after,
body.is-path-node .articlecontent .field_section .paragraph.slider-breit .view.initiativbewerbung .view-content .view.kompetenzen-verwandte .view-content:after,
body.is-path-node .articlecontent .field_section .paragraph.slider-breit .view.initiativbewerbung .view-content .view.initiativbewerbung .view-content:after {
  top: 68px;
  left: 34px;
  height: 10px;
}

body.is-path-node .articlecontent .field_section .paragraph.slider-breit .view.initiativbewerbung .view-content div.card {
  box-shadow: unset;
  background: #edebe6;
  min-height: 300px;
  display: grid;
  grid-template-columns: repeat(50%, 1fr);
  grid-auto-flow: row;
  gap: 1rem;
  align-items: end;
}

@media screen and (min-width: 769px) {
  body.is-path-node .articlecontent .field_section .paragraph.slider-breit .view.initiativbewerbung .view-content div.card {
    height: 300px;
  }
}

@media screen and (min-width: 769px) {
  body.is-path-node .articlecontent .field_section .paragraph.slider-breit .view.initiativbewerbung .view-content div.card {
    gap: 4rem;
    grid-template-columns: repeat(2, 1fr);
  }
}

body.is-path-node .articlecontent .field_section .paragraph.slider-breit .view.initiativbewerbung .view-content div.card figure.image {
  margin: 0;
  height: 100%;
  display: block;
}

body.is-path-node .articlecontent .field_section .paragraph.slider-breit .view.initiativbewerbung .view-content div.card figure.image img {
  display: block;
  height: 100%;
  object-fit: cover;
  object-position: left center;
  min-height: 300px;
}

@media screen and (min-width: 769px) {
  body.is-path-node .articlecontent .field_section .paragraph.slider-breit .view.initiativbewerbung .view-content div.card figure.image img {
    height: 300px;
  }
}

body.is-path-node .articlecontent .field_section .paragraph.slider-breit .view.initiativbewerbung .view-content div.card .slidetexts {
  padding: 1rem 2rem;
}

@media screen and (min-width: 769px) {
  body.is-path-node .articlecontent .field_section .paragraph.slider-breit .view.initiativbewerbung .view-content div.card .slidetexts {
    padding: 2rem 2rem 1rem 0;
  }
}

body.is-path-node .articlecontent .field_section .paragraph.slider-breit .view.initiativbewerbung .view-content div.card .slidetexts .link {
  padding-top: 1rem;
}

body.is-path-node .articlecontent .field_section .paragraph.slider-breit .view.initiativbewerbung .view-content h3 {
  font-size: 1.25rem;
}

@media screen and (min-width: 600px) {
  body.is-path-node .articlecontent .field_section .paragraph.slider-breit .view.initiativbewerbung .view-content h3 {
    font-size: 1.25rem;
  }
}

@media screen and (min-width: 769px) {
  body.is-path-node .articlecontent .field_section .paragraph.slider-breit .view.initiativbewerbung .view-content h3 {
    font-size: 1.25rem;
  }
}

@media screen and (min-width: 1024px) {
  body.is-path-node .articlecontent .field_section .paragraph.slider-breit .view.initiativbewerbung .view-content h3 {
    font-size: 1.5rem;
  }
}

body.is-path-node .articlecontent .field_section .paragraph.slider-breit .view.initiativbewerbung .view-content .tns-controls {
  margin: 0;
}

body.is-path-node .articlecontent .field_section .paragraph.view-testimonials .container .text {
  display: block;
  width: 100%;
  position: relative;
}

body.is-path-node .articlecontent .field_section .paragraph.view-testimonials .view.testimonials .view-content {
  display: block;
  width: 100%;
  display: block;
  flex: unset;
  position: relative;
}

body.is-path-node .articlecontent .field_section .paragraph.view-testimonials .view.testimonials .view-content .tns-outer {
  font-family: unset;
}

body.is-path-node .articlecontent .field_section .paragraph.view-testimonials .view.testimonials .view-content .tns-outer p {
  font-weight: 400;
}

body.is-path-node .articlecontent .field_section .paragraph.view-testimonials .view.testimonials .view-content .tns-outer .tns-item {
  padding-right: 2rem;
  font-size: initial;
  text-transform: initial;
  height: 100%;
}

body.is-path-node .articlecontent .field_section .paragraph.view-testimonials .view.testimonials .view-content .tns-outer .tns-item > div a.card * {
  opacity: 0.2;
}

body.is-path-node .articlecontent .field_section .paragraph.view-testimonials .view.testimonials .view-content .tns-outer .tns-item.tns-slide-active > div a.card * {
  opacity: 1;
}

body.is-path-node .articlecontent .field_section .paragraph.view-testimonials .view.testimonials .view-content .tns-outer a.card {
  display: block;
  background: #fff;
  height: 100%;
  width: 100%;
  box-shadow: unset;
  /*
      box-shadow: 2px 2px 4px $grey;
*/
  /* from Mixin above */
  /* ++++++++++++++++++++++++++++++++   */
  /* ++++++++++++++++++++++++++++++++   */
}

@media screen and (min-width: 769px) {
  body.is-path-node .articlecontent .field_section .paragraph.view-testimonials .view.testimonials .view-content .tns-outer a.card {
    display: grid;
    grid-template-columns: 1fr;
    grid-template-rows: 10px auto auto 1fr;
    grid-template-rows: 200px auto;
    grid-template-rows: auto auto;
    grid-template-rows: minmax(200px, auto) 1fr;
    grid-column-gap: 0px;
    grid-row-gap: 0px;
  }
}

body.is-path-node .articlecontent .field_section .paragraph.view-testimonials .view.testimonials .view-content .tns-outer a.card * {
  -webkit-transition: all 0.15s linear;
  -moz-transition: all 0.15s linear;
  -ms-transition: all 0.15s linear;
  -o-transition: all 0.15s linear;
  transition: all 0.15s linear;
  padding: 0;
  margin: 0;
  color: #151515;
}

body.is-path-node .articlecontent .field_section .paragraph.view-testimonials .view.testimonials .view-content .tns-outer a.card > * {
  padding: 0 2rem;
  padding: 0;
  margin: 0;
  color: #151515;
}

body.is-path-node .articlecontent .field_section .paragraph.view-testimonials .view.testimonials .view-content .tns-outer a.card:hover, body.is-path-node .articlecontent .field_section .paragraph.view-testimonials .view.testimonials .view-content .tns-outer a.card:focus, body.is-path-node .articlecontent .field_section .paragraph.view-testimonials .view.testimonials .view-content .tns-outer a.card:active, body.is-path-node .articlecontent .field_section .paragraph.view-testimonials .view.testimonials .view-content .tns-outer a.card:focus-within {
  color: #EC6456;
}

body.is-path-node .articlecontent .field_section .paragraph.view-testimonials .view.testimonials .view-content .tns-outer a.card:hover *, body.is-path-node .articlecontent .field_section .paragraph.view-testimonials .view.testimonials .view-content .tns-outer a.card:focus *, body.is-path-node .articlecontent .field_section .paragraph.view-testimonials .view.testimonials .view-content .tns-outer a.card:active *, body.is-path-node .articlecontent .field_section .paragraph.view-testimonials .view.testimonials .view-content .tns-outer a.card:focus-within * {
  color: #EC6456;
}

body.is-path-node .articlecontent .field_section .paragraph.view-testimonials .view.testimonials .view-content .tns-outer a.card:hover:after, body.is-path-node .articlecontent .field_section .paragraph.view-testimonials .view.testimonials .view-content .tns-outer a.card:focus:after, body.is-path-node .articlecontent .field_section .paragraph.view-testimonials .view.testimonials .view-content .tns-outer a.card:active:after, body.is-path-node .articlecontent .field_section .paragraph.view-testimonials .view.testimonials .view-content .tns-outer a.card:focus-within:after {
  display: none;
}

body.is-path-node .articlecontent .field_section .paragraph.view-testimonials .view.testimonials .view-content .tns-outer a.card.projekt .small, body.is-path-node .articlecontent .field_section .paragraph.view-testimonials .view.testimonials .view-content .tns-outer a.card.news .small, body.is-path-node .articlecontent .field_section .paragraph.view-testimonials .view.testimonials .view-content .tns-outer a.card.kompetenzen .small {
  text-transform: uppercase;
}

body.is-path-node .articlecontent .field_section .paragraph.view-testimonials .view.testimonials .view-content .tns-outer a.card > figure.image,
body.is-path-node .articlecontent .field_section .paragraph.view-testimonials .view.testimonials .view-content .tns-outer a.card .field_media_image figure.image,
body.is-path-node .articlecontent .field_section .paragraph.view-testimonials .view.testimonials .view-content .tns-outer a.card div.field--name-field-mehr-bilder figure.image,
body.is-path-node .articlecontent .field_section .paragraph.view-testimonials .view.testimonials .view-content .tns-outer a.card .views-field-field-image, body.is-path-node .articlecontent .field_section .paragraph.view-testimonials .view.testimonials .view-content .tns-outer a.card .views-field-logo {
  /* passt sich genau der Bildgröße an */
  position: relative;
  /* nötig für ::after */
  padding: 0;
  /* Standard-Padding entfernen */
  line-height: 0;
  /* verhindert zusätzlichen Platz unter img */
  margin-bottom: .5rem;
}

@media screen and (min-width: 769px) {
  body.is-path-node .articlecontent .field_section .paragraph.view-testimonials .view.testimonials .view-content .tns-outer a.card > figure.image,
  body.is-path-node .articlecontent .field_section .paragraph.view-testimonials .view.testimonials .view-content .tns-outer a.card .field_media_image figure.image,
  body.is-path-node .articlecontent .field_section .paragraph.view-testimonials .view.testimonials .view-content .tns-outer a.card div.field--name-field-mehr-bilder figure.image,
  body.is-path-node .articlecontent .field_section .paragraph.view-testimonials .view.testimonials .view-content .tns-outer a.card .views-field-field-image, body.is-path-node .articlecontent .field_section .paragraph.view-testimonials .view.testimonials .view-content .tns-outer a.card .views-field-logo {
    display: inline-block;
  }
}

body.is-path-node .articlecontent .field_section .paragraph.view-testimonials .view.testimonials .view-content .tns-outer a.card > figure.image:after,
body.is-path-node .articlecontent .field_section .paragraph.view-testimonials .view.testimonials .view-content .tns-outer a.card .field_media_image figure.image:after,
body.is-path-node .articlecontent .field_section .paragraph.view-testimonials .view.testimonials .view-content .tns-outer a.card div.field--name-field-mehr-bilder figure.image:after,
body.is-path-node .articlecontent .field_section .paragraph.view-testimonials .view.testimonials .view-content .tns-outer a.card .views-field-field-image:after, body.is-path-node .articlecontent .field_section .paragraph.view-testimonials .view.testimonials .view-content .tns-outer a.card .views-field-logo:after {
  -webkit-transition: all 0.15s linear;
  -moz-transition: all 0.15s linear;
  -ms-transition: all 0.15s linear;
  -o-transition: all 0.15s linear;
  transition: all 0.15s linear;
  content: "";
  position: absolute;
  inset: 0;
  background: rgba(235, 99, 84, 0.6);
  pointer-events: none;
  opacity: 0;
}

body.is-path-node .articlecontent .field_section .paragraph.view-testimonials .view.testimonials .view-content .tns-outer a.card:hover > figure.image:after, body.is-path-node .articlecontent .field_section .paragraph.view-testimonials .view.testimonials .view-content .tns-outer a.card:hover .views-field-field-image:after, body.is-path-node .articlecontent .field_section .paragraph.view-testimonials .view.testimonials .view-content .tns-outer a.card:hover .views-field-logo:after,
body.is-path-node .articlecontent .field_section .paragraph.view-testimonials .view.testimonials .view-content .tns-outer a.card:hover .field_media_image figure.image:after, body.is-path-node .articlecontent .field_section .paragraph.view-testimonials .view.testimonials .view-content .tns-outer a.card:focus > figure.image:after, body.is-path-node .articlecontent .field_section .paragraph.view-testimonials .view.testimonials .view-content .tns-outer a.card:focus .views-field-field-image:after, body.is-path-node .articlecontent .field_section .paragraph.view-testimonials .view.testimonials .view-content .tns-outer a.card:focus .views-field-logo:after,
body.is-path-node .articlecontent .field_section .paragraph.view-testimonials .view.testimonials .view-content .tns-outer a.card:focus .field_media_image figure.image:after, body.is-path-node .articlecontent .field_section .paragraph.view-testimonials .view.testimonials .view-content .tns-outer a.card:active > figure.image:after, body.is-path-node .articlecontent .field_section .paragraph.view-testimonials .view.testimonials .view-content .tns-outer a.card:active .views-field-field-image:after, body.is-path-node .articlecontent .field_section .paragraph.view-testimonials .view.testimonials .view-content .tns-outer a.card:active .views-field-logo:after,
body.is-path-node .articlecontent .field_section .paragraph.view-testimonials .view.testimonials .view-content .tns-outer a.card:active .field_media_image figure.image:after, body.is-path-node .articlecontent .field_section .paragraph.view-testimonials .view.testimonials .view-content .tns-outer a.card:focus-within > figure.image:after, body.is-path-node .articlecontent .field_section .paragraph.view-testimonials .view.testimonials .view-content .tns-outer a.card:focus-within .views-field-field-image:after, body.is-path-node .articlecontent .field_section .paragraph.view-testimonials .view.testimonials .view-content .tns-outer a.card:focus-within .views-field-logo:after,
body.is-path-node .articlecontent .field_section .paragraph.view-testimonials .view.testimonials .view-content .tns-outer a.card:focus-within .field_media_image figure.image:after {
  opacity: 1;
}

body.is-path-node .articlecontent .field_section .paragraph.view-testimonials .view.testimonials .view-content .tns-outer a.card h2, body.is-path-node .articlecontent .field_section .paragraph.view-testimonials .view.testimonials .view-content .tns-outer a.card h3 {
  margin: 0;
}

body.is-path-node .articlecontent .field_section .paragraph.view-testimonials .view.testimonials .view-content .tns-outer a.card h3 {
  text-transform: none;
}

@media screen and (min-width: 1216px) {
  body.is-path-node .articlecontent .field_section .paragraph.view-testimonials .view.testimonials .view-content .tns-outer a.card h3 {
    letter-spacing: .025rem;
  }
}

body.is-path-node .articlecontent .field_section .paragraph.view-testimonials .view.testimonials .view-content .tns-outer a.card ul {
  margin: 0;
  list-style: none;
}

body.is-path-node .articlecontent .field_section .paragraph.view-testimonials .view.testimonials .view-content .tns-outer a.card ul li {
  list-style: none;
}

body.is-path-node .articlecontent .field_section .paragraph.view-testimonials .view.testimonials .view-content .tns-outer a.card .views-field div.field-content,
body.is-path-node .articlecontent .field_section .paragraph.view-testimonials .view.testimonials .view-content .tns-outer a.card .views-field-details .field-content,
body.is-path-node .articlecontent .field_section .paragraph.view-testimonials .view.testimonials .view-content .tns-outer a.card span.views-label + span {
  word-break: break-word;
}

body.is-path-node .articlecontent .field_section .paragraph.view-testimonials .view.testimonials .view-content .tns-outer a.card .views-label {
  font-size: 0;
  position: relative;
  display: inline-block;
}

body.is-path-node .articlecontent .field_section .paragraph.view-testimonials .view.testimonials .view-content .tns-outer a.card .views-label:before {
  content: "";
  display: block;
  position: absolute;
  left: 0;
  top: -6px;
  width: 36px;
  height: 36px;
  border-radius: 100%;
  background: #ff75cc url(../assets/img/sprite_fcp.svg) no-repeat 5px -695px;
}

body.is-path-node .articlecontent .field_section .paragraph.view-testimonials .view.testimonials .view-content .tns-outer a.card.image {
  min-height: 300px;
  display: grid;
  grid-template-columns: 1fr;
  grid-template-rows: 1fr auto;
  grid-template-rows: auto auto 1fr auto;
  grid-column-gap: 0px;
  grid-row-gap: 0px;
}

body.is-path-node .articlecontent .field_section .paragraph.view-testimonials .view.testimonials .view-content .tns-outer a.card.image figure img {
  margin: 0;
  padding: 0;
  height: 250px;
  width: 100%;
  object-fit: cover;
  object-position: center center;
  border-radius: 20px 20px 0 0;
}

@media screen and (max-width: 768px) {
  body.is-path-node .articlecontent .field_section .paragraph.view-testimonials .view.testimonials .view-content .tns-outer a.card.image figure img {
    height: 150px;
  }
}

body.is-path-node .articlecontent .field_section .paragraph.view-testimonials .view.testimonials .view-content .tns-outer a.card.small {
  grid-template-columns: 1fr;
  grid-template-rows: repeat(2, 1fr);
  grid-template-rows: auto 1fr;
  border: 0 none;
  min-height: 150px;
  margin-bottom: 1rem;
}

@media screen and (min-width: 769px) {
  body.is-path-node .articlecontent .field_section .paragraph.view-testimonials .view.testimonials .view-content .tns-outer a.card.small {
    min-height: 200px;
  }
}

@media screen and (min-width: 1024px) {
  body.is-path-node .articlecontent .field_section .paragraph.view-testimonials .view.testimonials .view-content .tns-outer a.card.small {
    min-height: 300px;
  }
}

body.is-path-node .articlecontent .field_section .paragraph.view-testimonials .view.testimonials .view-content .tns-outer a.card {
  grid-template-rows: minmax(200px, auto) 1fr;
  grid-template-rows: auto auto 1fr;
  background: #edebe6;
  padding-bottom: 2rem;
  height: 100%;
  min-height: 400px;
}

body.is-path-node .articlecontent .field_section .paragraph.view-testimonials .view.testimonials .view-content .tns-outer a.card > * {
  text-transform: unset;
}

body.is-path-node .articlecontent .field_section .paragraph.view-testimonials .view.testimonials .view-content .tns-outer a.card::after {
  -webkit-transition: all 0.15s linear;
  -moz-transition: all 0.15s linear;
  -ms-transition: all 0.15s linear;
  -o-transition: all 0.15s linear;
  transition: all 0.15s linear;
  display: block;
  content: "";
  display: block;
  position: absolute;
  height: 30px;
  width: 60px;
  background: url(../assets/img/sprite_fcp.svg) no-repeat 0 -1200px;
  right: 10px;
  bottom: 10px;
  filter: brightness(0.1);
}

body.is-path-node .articlecontent .field_section .paragraph.view-testimonials .view.testimonials .view-content .tns-outer a.card:hover, body.is-path-node .articlecontent .field_section .paragraph.view-testimonials .view.testimonials .view-content .tns-outer a.card:focus, body.is-path-node .articlecontent .field_section .paragraph.view-testimonials .view.testimonials .view-content .tns-outer a.card:active, body.is-path-node .articlecontent .field_section .paragraph.view-testimonials .view.testimonials .view-content .tns-outer a.card:focus-within {
  background: #EC6456;
  outline: unset;
}

body.is-path-node .articlecontent .field_section .paragraph.view-testimonials .view.testimonials .view-content .tns-outer a.card:hover *, body.is-path-node .articlecontent .field_section .paragraph.view-testimonials .view.testimonials .view-content .tns-outer a.card:focus *, body.is-path-node .articlecontent .field_section .paragraph.view-testimonials .view.testimonials .view-content .tns-outer a.card:active *, body.is-path-node .articlecontent .field_section .paragraph.view-testimonials .view.testimonials .view-content .tns-outer a.card:focus-within * {
  color: #fff;
}

body.is-path-node .articlecontent .field_section .paragraph.view-testimonials .view.testimonials .view-content .tns-outer a.card:hover::after, body.is-path-node .articlecontent .field_section .paragraph.view-testimonials .view.testimonials .view-content .tns-outer a.card:focus::after, body.is-path-node .articlecontent .field_section .paragraph.view-testimonials .view.testimonials .view-content .tns-outer a.card:active::after, body.is-path-node .articlecontent .field_section .paragraph.view-testimonials .view.testimonials .view-content .tns-outer a.card:focus-within::after {
  filter: brightness(1);
}

body.is-path-node .articlecontent .field_section .paragraph.view-testimonials .view.testimonials .view-content .tns-outer a.card div.views-field {
  padding: 0 1.5rem;
  margin-bottom: .5rem;
}

body.is-path-node .articlecontent .field_section .paragraph.view-testimonials .view.testimonials .view-content .tns-outer a.card h3 {
  text-transform: unset;
}

body.is-path-node .articlecontent .field_section .paragraph.view-testimonials .view.testimonials .view-content .tns-outer a.card figure {
  margin-bottom: .5rem;
}

body.is-path-node .articlecontent .field_section .paragraph.view-testimonials .view.testimonials .view-content .tns-outer a.card figure img {
  height: 150px;
  width: 100%;
  object-fit: cover;
}

@media screen and (min-width: 1024px) {
  body.is-path-node .articlecontent .field_section .paragraph.view-testimonials .view.testimonials .view-content .tns-outer a.card figure img {
    height: 150px;
    width: 100%;
  }
}

body.is-path-node .articlecontent .field_section .paragraph.view-testimonials .view.testimonials .view-content .tns-outer {
  margin: 3rem 0 0;
  position: relative;
}

body.is-path-node .articlecontent .field_section .paragraph.view-testimonials .view.testimonials .view-content .tns-ovh {
  position: relative;
}

body.is-path-node .articlecontent .field_section .paragraph.view-testimonials .view.testimonials .view-content .tns-controls {
  position: relative;
  margin: 2rem 0 0;
  width: 100%;
  position: absolute;
  margin: 0;
  left: 0;
  top: -2rem;
  height: 40px;
}

body.is-path-node .articlecontent .field_section .paragraph.view-testimonials .view.testimonials .view-content .tns-controls button {
  position: absolute;
  background: transparent;
  padding: 0;
  top: 50%;
  left: 0;
  transform: translate(0, -120%);
  height: 20px;
  font-size: 0;
}

body.is-path-node .articlecontent .field_section .paragraph.view-testimonials .view.testimonials .view-content .tns-controls button:hover, body.is-path-node .articlecontent .field_section .paragraph.view-testimonials .view.testimonials .view-content .tns-controls button:focus, body.is-path-node .articlecontent .field_section .paragraph.view-testimonials .view.testimonials .view-content .tns-controls button:active, body.is-path-node .articlecontent .field_section .paragraph.view-testimonials .view.testimonials .view-content .tns-controls button:focus {
  background-size: 0 0;
  box-shadow: unset;
}

body.is-path-node .articlecontent .field_section .paragraph.view-testimonials .view.testimonials .view-content .tns-controls button:hover:before, body.is-path-node .articlecontent .field_section .paragraph.view-testimonials .view.testimonials .view-content .tns-controls button:focus:before, body.is-path-node .articlecontent .field_section .paragraph.view-testimonials .view.testimonials .view-content .tns-controls button:active:before, body.is-path-node .articlecontent .field_section .paragraph.view-testimonials .view.testimonials .view-content .tns-controls button:focus:before {
  opacity: 1;
}

body.is-path-node .articlecontent .field_section .paragraph.view-testimonials .view.testimonials .view-content .tns-controls button:last-child {
  right: 0;
  left: auto;
}

body.is-path-node .articlecontent .field_section .paragraph.view-testimonials .view.testimonials .view-content .tns-controls button:after {
  display: none;
}

body.is-path-node .articlecontent .field_section .paragraph.view-testimonials .view.testimonials .view-content .tns-controls button:before {
  -webkit-transition: all 0.25s linear;
  -moz-transition: all 0.25s linear;
  -ms-transition: all 0.25s linear;
  -o-transition: all 0.25s linear;
  transition: all 0.25s linear;
  display: inline-block;
  content: "";
  position: absolute;
  right: 10px;
  top: 8px;
  top: auto;
  bottom: -4px;
  width: 40px;
  height: 20px;
  opacity: .85;
  background: transparent url(../assets/img/sprite_fcp.svg) no-repeat 8px -250px;
  animation: none;
  border: unset;
  border-radius: unset;
  clip-path: none;
}

body.is-path-node .articlecontent .field_section .paragraph.view-testimonials .view.testimonials .view-content .tns-controls button:last-child:before {
  right: 0;
  left: auto;
  background-position: 0px -350px;
}

body.is-path-node .articlecontent .field_section .paragraph.view-testimonials .view.testimonials .view-content .tns-controls button:hover:before, body.is-path-node .articlecontent .field_section .paragraph.view-testimonials .view.testimonials .view-content .tns-controls button:focus:before, body.is-path-node .articlecontent .field_section .paragraph.view-testimonials .view.testimonials .view-content .tns-controls button:active:before, body.is-path-node .articlecontent .field_section .paragraph.view-testimonials .view.testimonials .view-content .tns-controls button:focus:before {
  background-position-x: 0px;
}

body.is-path-node .articlecontent .field_section .paragraph.view-testimonials .view.testimonials .view-content .tns-controls button:last-child:hover:before, body.is-path-node .articlecontent .field_section .paragraph.view-testimonials .view.testimonials .view-content .tns-controls button:last-child:focus:before, body.is-path-node .articlecontent .field_section .paragraph.view-testimonials .view.testimonials .view-content .tns-controls button:last-child:active:before, body.is-path-node .articlecontent .field_section .paragraph.view-testimonials .view.testimonials .view-content .tns-controls button:last-child:focus:before {
  background-position-x: 8px;
}

body.is-path-node .articlecontent .field_section .paragraph.view-testimonials .view.testimonials .view-content .tns-outer a.card {
  grid-template-rows: auto auto auto 1fr;
  min-height: 500px;
  height: 500px;
  overflow: hidden;
}

body.is-path-node .articlecontent .field_section .paragraph.view-testimonials .view.testimonials .view-content .tns-outer a.card p {
  text-align: left;
}

body.is-path-node .articlecontent .field_section .paragraph.grid-auflistung .container .text {
  display: block;
  width: 100%;
  position: relative;
  -webkit-box-flex: 0;
  -webkit-flex: 0 1 100%;
  -moz-box-flex: 0;
  -moz-flex: 0 1 100%;
  -ms-flex: 0 1 100%;
  flex: 0 1 100%;
}

body.is-path-node .articlecontent .field_section .paragraph.grid-auflistung .leftcol {
  display: none;
}

body.is-path-node .articlecontent .field_section .paragraph.grid-auflistung .text > * {
  max-width: 800px;
}

body.is-path-node .articlecontent .field_section .paragraph.grid-auflistung .text > .multiple {
  max-width: unset;
  display: grid;
  grid-template-columns: repeat(1, 1fr);
  grid-template-rows: repeat(1, 1fr);
  grid-auto-flow: row;
  gap: 2rem;
  align-items: stretch;
  margin: 2rem 0;
}

@media screen and (min-width: 769px) {
  body.is-path-node .articlecontent .field_section .paragraph.grid-auflistung .text > .multiple {
    grid-template-columns: repeat(2, 1fr);
  }
}

@media screen and (min-width: 1024px) {
  body.is-path-node .articlecontent .field_section .paragraph.grid-auflistung .text > .multiple {
    grid-template-columns: repeat(4, 1fr);
  }
}

@media screen and (min-width: 1216px) {
  body.is-path-node .articlecontent .field_section .paragraph.grid-auflistung .text > .multiple {
    grid-template-columns: repeat(4, 1fr);
  }
}

body.is-path-node .articlecontent .field_section .paragraph.grid-auflistung .text > .multiple .inner {
  display: block;
}

body.is-path-node .articlecontent .field_section .paragraph.grid-auflistung .text > .multiple > .field figure img {
  height: 150px;
}

body.is-path-node .articlecontent .field_section .paragraph.grid-auflistung .text > .multiple .field--name-field-grid-auflistung {
  width: 100%;
}

body.is-path-node .articlecontent .field_section .paragraph.grid-auflistung .text > .multiple h3 {
  margin: 1rem 0;
  font-size: unset;
}

body.is-path-node .articlecontent .field_section .paragraph.grid-auflistung .text > .multiple ul {
  padding: 0;
  margin: 0;
  list-style: none;
}

/* body */
/* wenn Video im Headerbereich */
body.page-node-7179,
body.page-node-7358 {
  /* das meiste ist in layout_sectionarticels.css */
}

body.page-node-7179 section.section .articlecontent,
body.page-node-7358 section.section .articlecontent {
  display: grid;
  grid-template-columns: 100%;
  grid-template-rows: repeat(1, 1fr);
  grid-auto-flow: row;
  gap: 1rem 4rem;
}

@media screen and (min-width: 769px) {
  body.page-node-7179 section.section .articlecontent,
  body.page-node-7358 section.section .articlecontent {
    grid-template-columns: 54% 1fr;
    grid-template-columns: 41% 1fr;
    gap: 4rem;
  }
  body.page-node-7179 section.section .articlecontent > .content + div,
  body.page-node-7358 section.section .articlecontent > .content + div {
    /* link button */
  }
  body.page-node-7179 section.section .articlecontent .field_headline,
  body.page-node-7358 section.section .articlecontent .field_headline {
    grid-area: 1 / 1 / 2 / 3;
  }
  body.page-node-7179 section.section .articlecontent .field_video,
  body.page-node-7358 section.section .articlecontent .field_video {
    grid-area: 2 / 1 / 3 / 1;
  }
  body.page-node-7179 section.section .articlecontent .field_section,
  body.page-node-7358 section.section .articlecontent .field_section {
    grid-area: 3 / 1 / 4 / 3;
  }
}

body.page-node-7179 section.section .articlecontent .content, body.page-node-7179 section.section .articlecontent .field,
body.page-node-7358 section.section .articlecontent .content,
body.page-node-7358 section.section .articlecontent .field {
  margin: 0;
}

body.page-node-7179 section.section .articlecontent .field--name-field-introtext,
body.page-node-7358 section.section .articlecontent .field--name-field-introtext {
  max-width: unset;
}

@media screen and (min-width: 769px) {
  body.page-node-7179 section.section .articlecontent .field--name-field-introtext,
  body.page-node-7358 section.section .articlecontent .field--name-field-introtext {
    font-size: 1rem;
  }
}

@media screen and (min-width: 1216px) {
  body.page-node-7179 section.section .articlecontent .field--name-field-introtext,
  body.page-node-7358 section.section .articlecontent .field--name-field-introtext {
    font-size: 1.25rem;
  }
}

/* body */
/*
body.page-node-7179,
body.page-node-7358, 
body.page-node-7183,
body.page-node-7411, 
body.page-node-7377, 
body.page-node-7439,  
body.page-node-type-loesung { 
*/
body.is-path-node {
  /* .articlecontent .field_section  */
}

body.is-path-node .articlecontent > .field_zitat .paragraph.paragraph--type--zitat:before {
  display: none;
}

body.is-path-node .articlecontent video {
  width: 100%;
}

@media screen and (max-width: 1023px) {
  body.is-path-node .articlecontent video {
    margin-bottom: 4rem;
  }
}

body.is-path-node .articlecontent .field_section {
  /* paragraph*/
}

body.is-path-node .articlecontent .field_section .field {
  margin: 0;
}

body.is-path-node .articlecontent .field_section .paragraph {
  display: block;
  margin: 0 auto;
  padding: 2rem 0;
  /* .INNER */
  /* geschäftsleitung */
  /* geschäftsleitung */
  /* unsere-zertifikate */
  /* erfolge*/
}

@media screen and (min-width: 769px) {
  body.is-path-node .articlecontent .field_section .paragraph {
    padding: 4rem 0;
  }
}

@media screen and (min-width: 1024px) {
  body.is-path-node .articlecontent .field_section .paragraph {
    padding: 4rem 0 6rem 0;
  }
}

body.is-path-node .articlecontent .field_section .paragraph .paragraph {
  padding: 0;
}

body.is-path-node .articlecontent .field_section .paragraph > .container {
  display: -webkit-box;
  display: -webkit-flex;
  display: -moz-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: left;
  -ms-flex-pack: left;
  -webkit-justify-content: left;
  -moz-justify-content: left;
  justify-content: left;
  -webkit-flex-wrap: wrap;
  -moz-flex-wrap: wrap;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
  /*           @include from($desktop) { column-gap: 4rem; } */
  padding: 0;
  margin: 0;
  gap: 0 4rem;
  /*
  display: grid;
  grid-template-columns: 41% 1fr;

  >   h2 {
    grid-column: 1 / -1; // volle breite
    max-width: 800px;
  }

        */
}

body.is-path-node .articlecontent .field_section .paragraph > .container > h2 {
  max-width: 800px;
}

body.is-path-node .articlecontent .field_section .paragraph > .container > div {
  -webkit-box-flex: 0;
  -webkit-flex: 0 1 100%;
  -moz-box-flex: 0;
  -moz-flex: 0 1 100%;
  -ms-flex: 0 1 100%;
  flex: 0 1 100%;
}

@media screen and (min-width: 1024px) {
  body.is-path-node .articlecontent .field_section .paragraph > .container > div {
    -webkit-box-flex: 1;
    -webkit-flex: 1 1 0;
    -moz-box-flex: 1;
    -moz-flex: 1 1 0;
    -ms-flex: 1 1 0;
    flex: 1 1 0;
  }
}

@media screen and (min-width: 1024px) {
  body.is-path-node .articlecontent .field_section .paragraph > .container > div.leftcol {
    -webkit-box-flex: 0;
    -webkit-flex: 0 1 41%;
    -moz-box-flex: 0;
    -moz-flex: 0 1 41%;
    -ms-flex: 0 1 41%;
    flex: 0 1 41%;
  }
}

body.is-path-node .articlecontent .field_section .paragraph > .container h2 {
  -webkit-box-flex: 0;
  -webkit-flex: 0 1 100%;
  -moz-box-flex: 0;
  -moz-flex: 0 1 100%;
  -ms-flex: 0 1 100%;
  flex: 0 1 100%;
  margin-bottom: 2rem;
  position: relative;
}

body.is-path-node .articlecontent .field_section .paragraph > .container .subtitel {
  margin-bottom: 2rem;
  font-size: 125%;
}

body.is-path-node .articlecontent .field_section .paragraph > .container .text {
  display: grid;
  grid-template-columns: 1fr;
  grid-template-rows: auto 1fr;
  align-items: end;
}

body.is-path-node .articlecontent .field_section .paragraph > .container .text > div:first-child {
  align-self: start;
  word-break: break-word;
}

body.is-path-node .articlecontent .field_section .paragraph > .container .leftcol {
  margin-bottom: 2rem;
}

body.is-path-node .articlecontent .field_section .paragraph.fullwidth-image .leftcol {
  margin-bottom: 0;
}

body.is-path-node .articlecontent .field_section .paragraph.geschäftsleitung h2:after {
  display: none;
}

body.is-path-node .articlecontent .field_section .paragraph.erfolge, body.is-path-node .articlecontent .field_section .paragraph.achievements {
  display: block;
}

body.is-path-node .articlecontent .field_section .paragraph.geschäftsleitunggggggggggggg {
  display: block;
  padding: 2rem;
}

@media screen and (min-width: 1024px) {
  body.is-path-node .articlecontent .field_section .paragraph.geschäftsleitunggggggggggggg {
    padding: 0;
  }
}

body.is-path-node .articlecontent .field_section .paragraph.geschäftsleitunggggggggggggg > .container {
  position: relative;
  padding: 0;
  column-gap: 2rem;
}

@media screen and (min-width: 1024px) {
  body.is-path-node .articlecontent .field_section .paragraph.geschäftsleitunggggggggggggg > .container {
    display: grid;
    grid-template-columns: 50% 50%;
    grid-template-columns: 60% 40%;
    grid-template-rows: auto 1fr;
  }
}

@media screen and (min-width: 1024px) {
  body.is-path-node .articlecontent .field_section .paragraph.geschäftsleitunggggggggggggg > .container h2 {
    order: 2;
    padding-top: 2rem;
  }
  body.is-path-node .articlecontent .field_section .paragraph.geschäftsleitunggggggggggggg > .container .text {
    order: 3;
  }
  body.is-path-node .articlecontent .field_section .paragraph.geschäftsleitunggggggggggggg > .container .text a.button {
    margin-bottom: 2rem;
  }
  body.is-path-node .articlecontent .field_section .paragraph.geschäftsleitunggggggggggggg > .container .leftcol {
    order: 1;
    grid-area: 1 / 1 / 3 / 1;
    /* Ganz nach links raus */
    position: relative;
    width: 60vw;
    left: 80%;
    margin-left: -50vw;
    z-index: 1;
  }
}

@media screen and (min-width: 1024px) and (min-width: 1700px) {
  body.is-path-node .articlecontent .field_section .paragraph.geschäftsleitunggggggggggggg > .container .leftcol {
    margin-left: -55vw;
  }
}

body.is-path-node .articlecontent .field_section .paragraph.geschäftsleitunggggggggggggg > .container img {
  display: block;
  width: 100%;
}

@media screen and (max-width: 1023px) {
  body.is-path-node .articlecontent .field_section .paragraph.geschäftsleitunggggggggggggg > .container img {
    margin-bottom: 2rem;
  }
}

body.is-path-node .articlecontent .field_section .paragraph:has(.downloadwrapper) {
  display: block;
}

body.is-path-node .articlecontent .field_section .paragraph:has(.downloadwrapper) h2 {
  position: relative;
  text-transform: uppercase;
}

@media screen and (min-width: 769px) {
  body.is-path-node .articlecontent .field_section .paragraph:has(.downloadwrapper) h2 {
    text-transform: unset;
  }
}

@media screen and (min-width: 1024px) {
  body.is-path-node .articlecontent .field_section .paragraph:has(.downloadwrapper) h2 {
    padding-left: 40px;
  }
}

body.is-path-node .articlecontent .field_section .paragraph:has(.downloadwrapper) h2::after {
  display: block;
  content: "";
  border-radius: 0;
  border: 0 none;
  background: #EC6456;
  display: block;
  position: absolute;
  width: 60px;
  height: 60px;
  background: url(../assets/img/sprite_fcp.svg) no-repeat 0 -820px;
  left: -50px;
  top: -16px;
}

@media screen and (min-width: 600px) {
  body.is-path-node .articlecontent .field_section .paragraph:has(.downloadwrapper) h2::after {
    top: -9px;
  }
}

@media screen and (min-width: 769px) {
  body.is-path-node .articlecontent .field_section .paragraph:has(.downloadwrapper) h2::after {
    top: -9px;
    left: -15px;
  }
}

@media screen and (min-width: 1024px) {
  body.is-path-node .articlecontent .field_section .paragraph:has(.downloadwrapper) h2::after {
    top: -5px;
    left: -15px;
  }
}

@media screen and (max-width: 768px) {
  body.is-path-node .articlecontent .field_section .paragraph:has(.downloadwrapper) h2::after {
    transform: scale(0.5);
    top: -9px;
    display: none;
  }
}

@media screen and (max-width: 599px) {
  body.is-path-node .articlecontent .field_section .paragraph:has(.downloadwrapper) h2::after {
    top: -12px;
  }
}

body.is-path-node .articlecontent .field_section .paragraph:has(.downloadwrapper) > .container {
  display: block;
}

body.is-path-node .articlecontent .field_section .paragraph:has(.downloadwrapper) .text {
  display: block;
}

body.is-path-node .articlecontent .field_section .paragraph.unsere-leitlinien, body.is-path-node .articlecontent .field_section .paragraph.our-guidelines {
  border-top: 1px solid #ccc;
}

body.is-path-node .articlecontent .field_section .paragraph.unsere-zertifikate > .container, body.is-path-node .articlecontent .field_section .paragraph.our-certificates > .container {
  display: flex;
}

body.is-path-node .articlecontent .field_section .paragraph.unsere-zertifikate > .container .text, body.is-path-node .articlecontent .field_section .paragraph.our-certificates > .container .text {
  order: 1;
  flex: 0 1 100%;
}

body.is-path-node .articlecontent .field_section .paragraph.unsere-zertifikate > .container > div.leftcol, body.is-path-node .articlecontent .field_section .paragraph.our-certificates > .container > div.leftcol {
  order: 2;
  flex: 0 1 100%;
  padding: 4rem 0 0;
}

body.is-path-node .articlecontent .field_section .paragraph.erfolge > .container, body.is-path-node .articlecontent .field_section .paragraph.achievements > .container {
  display: block;
}

body.is-path-node .articlecontent .field_section .paragraph.erfolge .text, body.is-path-node .articlecontent .field_section .paragraph.achievements .text {
  max-width: 100%;
}

body.is-path-node .articlecontent .field_section .paragraph.erfolge .text > div > p, body.is-path-node .articlecontent .field_section .paragraph.achievements .text > div > p {
  max-width: 800px;
}

body.is-path-node .articlecontent .field_section .paragraph.erfolge .view.news-index .view-content, body.is-path-node .articlecontent .field_section .paragraph.achievements .view.news-index .view-content {
  display: block;
  margin: 2rem 0;
}

body.is-path-node .articlecontent .field_section .paragraph.erfolge .view.news-index .view-content .views-row, body.is-path-node .articlecontent .field_section .paragraph.achievements .view.news-index .view-content .views-row {
  margin-bottom: 2rem;
  border-top: 1px solid #ccc;
  padding-top: 1rem;
  display: grid;
  grid-template-columns: auto;
  grid-template-rows: auto;
  align-items: unset;
  gap: 0rem;
  grid-template-columns: repeat(1, 1fr);
}

@media screen and (min-width: 769px) {
  body.is-path-node .articlecontent .field_section .paragraph.erfolge .view.news-index .view-content .views-row, body.is-path-node .articlecontent .field_section .paragraph.achievements .view.news-index .view-content .views-row {
    grid-template-columns: 100px 20% 1fr;
    gap: .5rem;
  }
  body.is-path-node .articlecontent .field_section .paragraph.erfolge .view.news-index .view-content .views-row > span.field-content, body.is-path-node .articlecontent .field_section .paragraph.achievements .view.news-index .view-content .views-row > span.field-content {
    grid-area: 2 / 3 / 3 / 4;
  }
}

@media screen and (min-width: 1216px) {
  body.is-path-node .articlecontent .field_section .paragraph.erfolge .view.news-index .view-content .views-row, body.is-path-node .articlecontent .field_section .paragraph.achievements .view.news-index .view-content .views-row {
    grid-template-columns: 100px 1fr 2fr 80px;
    grid-template-columns: 100px 1fr 2fr auto;
    gap: 1.5rem;
  }
  body.is-path-node .articlecontent .field_section .paragraph.erfolge .view.news-index .view-content .views-row > span.field-content, body.is-path-node .articlecontent .field_section .paragraph.achievements .view.news-index .view-content .views-row > span.field-content {
    grid-area: unset;
  }
}

body.is-path-node .articlecontent .field_section .paragraph.erfolge .view.news-index .view-content .views-row .views-field-title, body.is-path-node .articlecontent .field_section .paragraph.achievements .view.news-index .view-content .views-row .views-field-title {
  font-weight: 600;
  margin-bottom: .5rem;
}

body.is-path-node .articlecontent .field_section .paragraph.erfolge .view.news-index .view-content .views-row > span.field-content a.button, body.is-path-node .articlecontent .field_section .paragraph.achievements .view.news-index .view-content .views-row > span.field-content a.button {
  font-size: 0.875rem;
}

body.is-path-node .articlecontent .field_section .paragraph.interviews .text {
  display: block;
  width: 100%;
  position: relative;
}

body.is-path-node .articlecontent .field_section .paragraph.interviews .view.testimonials .view-content {
  display: block;
  width: 100%;
  display: block;
  flex: unset;
  position: relative;
}

body.is-path-node .articlecontent .field_section .paragraph.interviews .view.testimonials .view-content .tns-outer {
  font-family: unset;
}

body.is-path-node .articlecontent .field_section .paragraph.interviews .view.testimonials .view-content .tns-outer p {
  font-weight: 400;
}

body.is-path-node .articlecontent .field_section .paragraph.interviews .view.testimonials .view-content .tns-outer .tns-item {
  padding-right: 2rem;
  font-size: initial;
  text-transform: initial;
  height: 100%;
}

body.is-path-node .articlecontent .field_section .paragraph.interviews .view.testimonials .view-content .tns-outer .tns-item > div a.card * {
  opacity: 0.2;
}

body.is-path-node .articlecontent .field_section .paragraph.interviews .view.testimonials .view-content .tns-outer .tns-item.tns-slide-active > div a.card * {
  opacity: 1;
}

body.is-path-node .articlecontent .field_section .paragraph.interviews .view.testimonials .view-content .tns-outer a.card {
  display: block;
  background: #fff;
  height: 100%;
  width: 100%;
  box-shadow: unset;
  /*
      box-shadow: 2px 2px 4px $grey;
*/
  /* from Mixin above */
  /* ++++++++++++++++++++++++++++++++   */
  /* ++++++++++++++++++++++++++++++++   */
}

@media screen and (min-width: 769px) {
  body.is-path-node .articlecontent .field_section .paragraph.interviews .view.testimonials .view-content .tns-outer a.card {
    display: grid;
    grid-template-columns: 1fr;
    grid-template-rows: 10px auto auto 1fr;
    grid-template-rows: 200px auto;
    grid-template-rows: auto auto;
    grid-template-rows: minmax(200px, auto) 1fr;
    grid-column-gap: 0px;
    grid-row-gap: 0px;
  }
}

body.is-path-node .articlecontent .field_section .paragraph.interviews .view.testimonials .view-content .tns-outer a.card * {
  -webkit-transition: all 0.15s linear;
  -moz-transition: all 0.15s linear;
  -ms-transition: all 0.15s linear;
  -o-transition: all 0.15s linear;
  transition: all 0.15s linear;
  padding: 0;
  margin: 0;
  color: #151515;
}

body.is-path-node .articlecontent .field_section .paragraph.interviews .view.testimonials .view-content .tns-outer a.card > * {
  padding: 0 2rem;
  padding: 0;
  margin: 0;
  color: #151515;
}

body.is-path-node .articlecontent .field_section .paragraph.interviews .view.testimonials .view-content .tns-outer a.card:hover, body.is-path-node .articlecontent .field_section .paragraph.interviews .view.testimonials .view-content .tns-outer a.card:focus, body.is-path-node .articlecontent .field_section .paragraph.interviews .view.testimonials .view-content .tns-outer a.card:active, body.is-path-node .articlecontent .field_section .paragraph.interviews .view.testimonials .view-content .tns-outer a.card:focus-within {
  color: #EC6456;
}

body.is-path-node .articlecontent .field_section .paragraph.interviews .view.testimonials .view-content .tns-outer a.card:hover *, body.is-path-node .articlecontent .field_section .paragraph.interviews .view.testimonials .view-content .tns-outer a.card:focus *, body.is-path-node .articlecontent .field_section .paragraph.interviews .view.testimonials .view-content .tns-outer a.card:active *, body.is-path-node .articlecontent .field_section .paragraph.interviews .view.testimonials .view-content .tns-outer a.card:focus-within * {
  color: #EC6456;
}

body.is-path-node .articlecontent .field_section .paragraph.interviews .view.testimonials .view-content .tns-outer a.card:hover:after, body.is-path-node .articlecontent .field_section .paragraph.interviews .view.testimonials .view-content .tns-outer a.card:focus:after, body.is-path-node .articlecontent .field_section .paragraph.interviews .view.testimonials .view-content .tns-outer a.card:active:after, body.is-path-node .articlecontent .field_section .paragraph.interviews .view.testimonials .view-content .tns-outer a.card:focus-within:after {
  display: none;
}

body.is-path-node .articlecontent .field_section .paragraph.interviews .view.testimonials .view-content .tns-outer a.card.projekt .small, body.is-path-node .articlecontent .field_section .paragraph.interviews .view.testimonials .view-content .tns-outer a.card.news .small, body.is-path-node .articlecontent .field_section .paragraph.interviews .view.testimonials .view-content .tns-outer a.card.kompetenzen .small {
  text-transform: uppercase;
}

body.is-path-node .articlecontent .field_section .paragraph.interviews .view.testimonials .view-content .tns-outer a.card > figure.image,
body.is-path-node .articlecontent .field_section .paragraph.interviews .view.testimonials .view-content .tns-outer a.card .field_media_image figure.image,
body.is-path-node .articlecontent .field_section .paragraph.interviews .view.testimonials .view-content .tns-outer a.card div.field--name-field-mehr-bilder figure.image,
body.is-path-node .articlecontent .field_section .paragraph.interviews .view.testimonials .view-content .tns-outer a.card .views-field-field-image, body.is-path-node .articlecontent .field_section .paragraph.interviews .view.testimonials .view-content .tns-outer a.card .views-field-logo {
  /* passt sich genau der Bildgröße an */
  position: relative;
  /* nötig für ::after */
  padding: 0;
  /* Standard-Padding entfernen */
  line-height: 0;
  /* verhindert zusätzlichen Platz unter img */
  margin-bottom: .5rem;
}

@media screen and (min-width: 769px) {
  body.is-path-node .articlecontent .field_section .paragraph.interviews .view.testimonials .view-content .tns-outer a.card > figure.image,
  body.is-path-node .articlecontent .field_section .paragraph.interviews .view.testimonials .view-content .tns-outer a.card .field_media_image figure.image,
  body.is-path-node .articlecontent .field_section .paragraph.interviews .view.testimonials .view-content .tns-outer a.card div.field--name-field-mehr-bilder figure.image,
  body.is-path-node .articlecontent .field_section .paragraph.interviews .view.testimonials .view-content .tns-outer a.card .views-field-field-image, body.is-path-node .articlecontent .field_section .paragraph.interviews .view.testimonials .view-content .tns-outer a.card .views-field-logo {
    display: inline-block;
  }
}

body.is-path-node .articlecontent .field_section .paragraph.interviews .view.testimonials .view-content .tns-outer a.card > figure.image:after,
body.is-path-node .articlecontent .field_section .paragraph.interviews .view.testimonials .view-content .tns-outer a.card .field_media_image figure.image:after,
body.is-path-node .articlecontent .field_section .paragraph.interviews .view.testimonials .view-content .tns-outer a.card div.field--name-field-mehr-bilder figure.image:after,
body.is-path-node .articlecontent .field_section .paragraph.interviews .view.testimonials .view-content .tns-outer a.card .views-field-field-image:after, body.is-path-node .articlecontent .field_section .paragraph.interviews .view.testimonials .view-content .tns-outer a.card .views-field-logo:after {
  -webkit-transition: all 0.15s linear;
  -moz-transition: all 0.15s linear;
  -ms-transition: all 0.15s linear;
  -o-transition: all 0.15s linear;
  transition: all 0.15s linear;
  content: "";
  position: absolute;
  inset: 0;
  background: rgba(235, 99, 84, 0.6);
  pointer-events: none;
  opacity: 0;
}

body.is-path-node .articlecontent .field_section .paragraph.interviews .view.testimonials .view-content .tns-outer a.card:hover > figure.image:after, body.is-path-node .articlecontent .field_section .paragraph.interviews .view.testimonials .view-content .tns-outer a.card:hover .views-field-field-image:after, body.is-path-node .articlecontent .field_section .paragraph.interviews .view.testimonials .view-content .tns-outer a.card:hover .views-field-logo:after,
body.is-path-node .articlecontent .field_section .paragraph.interviews .view.testimonials .view-content .tns-outer a.card:hover .field_media_image figure.image:after, body.is-path-node .articlecontent .field_section .paragraph.interviews .view.testimonials .view-content .tns-outer a.card:focus > figure.image:after, body.is-path-node .articlecontent .field_section .paragraph.interviews .view.testimonials .view-content .tns-outer a.card:focus .views-field-field-image:after, body.is-path-node .articlecontent .field_section .paragraph.interviews .view.testimonials .view-content .tns-outer a.card:focus .views-field-logo:after,
body.is-path-node .articlecontent .field_section .paragraph.interviews .view.testimonials .view-content .tns-outer a.card:focus .field_media_image figure.image:after, body.is-path-node .articlecontent .field_section .paragraph.interviews .view.testimonials .view-content .tns-outer a.card:active > figure.image:after, body.is-path-node .articlecontent .field_section .paragraph.interviews .view.testimonials .view-content .tns-outer a.card:active .views-field-field-image:after, body.is-path-node .articlecontent .field_section .paragraph.interviews .view.testimonials .view-content .tns-outer a.card:active .views-field-logo:after,
body.is-path-node .articlecontent .field_section .paragraph.interviews .view.testimonials .view-content .tns-outer a.card:active .field_media_image figure.image:after, body.is-path-node .articlecontent .field_section .paragraph.interviews .view.testimonials .view-content .tns-outer a.card:focus-within > figure.image:after, body.is-path-node .articlecontent .field_section .paragraph.interviews .view.testimonials .view-content .tns-outer a.card:focus-within .views-field-field-image:after, body.is-path-node .articlecontent .field_section .paragraph.interviews .view.testimonials .view-content .tns-outer a.card:focus-within .views-field-logo:after,
body.is-path-node .articlecontent .field_section .paragraph.interviews .view.testimonials .view-content .tns-outer a.card:focus-within .field_media_image figure.image:after {
  opacity: 1;
}

body.is-path-node .articlecontent .field_section .paragraph.interviews .view.testimonials .view-content .tns-outer a.card h2, body.is-path-node .articlecontent .field_section .paragraph.interviews .view.testimonials .view-content .tns-outer a.card h3 {
  margin: 0;
}

body.is-path-node .articlecontent .field_section .paragraph.interviews .view.testimonials .view-content .tns-outer a.card h3 {
  text-transform: none;
}

@media screen and (min-width: 1216px) {
  body.is-path-node .articlecontent .field_section .paragraph.interviews .view.testimonials .view-content .tns-outer a.card h3 {
    letter-spacing: .025rem;
  }
}

body.is-path-node .articlecontent .field_section .paragraph.interviews .view.testimonials .view-content .tns-outer a.card ul {
  margin: 0;
  list-style: none;
}

body.is-path-node .articlecontent .field_section .paragraph.interviews .view.testimonials .view-content .tns-outer a.card ul li {
  list-style: none;
}

body.is-path-node .articlecontent .field_section .paragraph.interviews .view.testimonials .view-content .tns-outer a.card .views-field div.field-content,
body.is-path-node .articlecontent .field_section .paragraph.interviews .view.testimonials .view-content .tns-outer a.card .views-field-details .field-content,
body.is-path-node .articlecontent .field_section .paragraph.interviews .view.testimonials .view-content .tns-outer a.card span.views-label + span {
  word-break: break-word;
}

body.is-path-node .articlecontent .field_section .paragraph.interviews .view.testimonials .view-content .tns-outer a.card .views-label {
  font-size: 0;
  position: relative;
  display: inline-block;
}

body.is-path-node .articlecontent .field_section .paragraph.interviews .view.testimonials .view-content .tns-outer a.card .views-label:before {
  content: "";
  display: block;
  position: absolute;
  left: 0;
  top: -6px;
  width: 36px;
  height: 36px;
  border-radius: 100%;
  background: #ff75cc url(../assets/img/sprite_fcp.svg) no-repeat 5px -695px;
}

body.is-path-node .articlecontent .field_section .paragraph.interviews .view.testimonials .view-content .tns-outer a.card.image {
  min-height: 300px;
  display: grid;
  grid-template-columns: 1fr;
  grid-template-rows: 1fr auto;
  grid-template-rows: auto auto 1fr auto;
  grid-column-gap: 0px;
  grid-row-gap: 0px;
}

body.is-path-node .articlecontent .field_section .paragraph.interviews .view.testimonials .view-content .tns-outer a.card.image figure img {
  margin: 0;
  padding: 0;
  height: 250px;
  width: 100%;
  object-fit: cover;
  object-position: center center;
  border-radius: 20px 20px 0 0;
}

@media screen and (max-width: 768px) {
  body.is-path-node .articlecontent .field_section .paragraph.interviews .view.testimonials .view-content .tns-outer a.card.image figure img {
    height: 150px;
  }
}

body.is-path-node .articlecontent .field_section .paragraph.interviews .view.testimonials .view-content .tns-outer a.card.small {
  grid-template-columns: 1fr;
  grid-template-rows: repeat(2, 1fr);
  grid-template-rows: auto 1fr;
  border: 0 none;
  min-height: 150px;
  margin-bottom: 1rem;
}

@media screen and (min-width: 769px) {
  body.is-path-node .articlecontent .field_section .paragraph.interviews .view.testimonials .view-content .tns-outer a.card.small {
    min-height: 200px;
  }
}

@media screen and (min-width: 1024px) {
  body.is-path-node .articlecontent .field_section .paragraph.interviews .view.testimonials .view-content .tns-outer a.card.small {
    min-height: 300px;
  }
}

body.is-path-node .articlecontent .field_section .paragraph.interviews .view.testimonials .view-content .tns-outer a.card {
  grid-template-rows: minmax(200px, auto) 1fr;
  grid-template-rows: auto auto 1fr;
  background: #edebe6;
  padding-bottom: 2rem;
  height: 100%;
  min-height: 400px;
}

body.is-path-node .articlecontent .field_section .paragraph.interviews .view.testimonials .view-content .tns-outer a.card > * {
  text-transform: unset;
}

body.is-path-node .articlecontent .field_section .paragraph.interviews .view.testimonials .view-content .tns-outer a.card::after {
  -webkit-transition: all 0.15s linear;
  -moz-transition: all 0.15s linear;
  -ms-transition: all 0.15s linear;
  -o-transition: all 0.15s linear;
  transition: all 0.15s linear;
  display: block;
  content: "";
  display: block;
  position: absolute;
  height: 30px;
  width: 60px;
  background: url(../assets/img/sprite_fcp.svg) no-repeat 0 -1200px;
  right: 10px;
  bottom: 10px;
  filter: brightness(0.1);
}

body.is-path-node .articlecontent .field_section .paragraph.interviews .view.testimonials .view-content .tns-outer a.card:hover, body.is-path-node .articlecontent .field_section .paragraph.interviews .view.testimonials .view-content .tns-outer a.card:focus, body.is-path-node .articlecontent .field_section .paragraph.interviews .view.testimonials .view-content .tns-outer a.card:active, body.is-path-node .articlecontent .field_section .paragraph.interviews .view.testimonials .view-content .tns-outer a.card:focus-within {
  background: #EC6456;
  outline: unset;
}

body.is-path-node .articlecontent .field_section .paragraph.interviews .view.testimonials .view-content .tns-outer a.card:hover *, body.is-path-node .articlecontent .field_section .paragraph.interviews .view.testimonials .view-content .tns-outer a.card:focus *, body.is-path-node .articlecontent .field_section .paragraph.interviews .view.testimonials .view-content .tns-outer a.card:active *, body.is-path-node .articlecontent .field_section .paragraph.interviews .view.testimonials .view-content .tns-outer a.card:focus-within * {
  color: #fff;
}

body.is-path-node .articlecontent .field_section .paragraph.interviews .view.testimonials .view-content .tns-outer a.card:hover::after, body.is-path-node .articlecontent .field_section .paragraph.interviews .view.testimonials .view-content .tns-outer a.card:focus::after, body.is-path-node .articlecontent .field_section .paragraph.interviews .view.testimonials .view-content .tns-outer a.card:active::after, body.is-path-node .articlecontent .field_section .paragraph.interviews .view.testimonials .view-content .tns-outer a.card:focus-within::after {
  filter: brightness(1);
}

body.is-path-node .articlecontent .field_section .paragraph.interviews .view.testimonials .view-content .tns-outer a.card div.views-field {
  padding: 0 1.5rem;
  margin-bottom: .5rem;
}

body.is-path-node .articlecontent .field_section .paragraph.interviews .view.testimonials .view-content .tns-outer a.card h3 {
  text-transform: unset;
}

body.is-path-node .articlecontent .field_section .paragraph.interviews .view.testimonials .view-content .tns-outer a.card figure {
  margin-bottom: .5rem;
}

body.is-path-node .articlecontent .field_section .paragraph.interviews .view.testimonials .view-content .tns-outer a.card figure img {
  height: 150px;
  width: 100%;
  object-fit: cover;
}

@media screen and (min-width: 1024px) {
  body.is-path-node .articlecontent .field_section .paragraph.interviews .view.testimonials .view-content .tns-outer a.card figure img {
    height: 150px;
    width: 100%;
  }
}

body.is-path-node .articlecontent .field_section .paragraph.interviews .view.testimonials .view-content .tns-outer {
  margin: 3rem 0 0;
  position: relative;
}

body.is-path-node .articlecontent .field_section .paragraph.interviews .view.testimonials .view-content .tns-ovh {
  position: relative;
}

body.is-path-node .articlecontent .field_section .paragraph.interviews .view.testimonials .view-content .tns-controls {
  position: relative;
  margin: 2rem 0 0;
  width: 100%;
  position: absolute;
  margin: 0;
  left: 0;
  top: -2rem;
  height: 40px;
}

body.is-path-node .articlecontent .field_section .paragraph.interviews .view.testimonials .view-content .tns-controls button {
  position: absolute;
  background: transparent;
  padding: 0;
  top: 50%;
  left: 0;
  transform: translate(0, -120%);
  height: 20px;
  font-size: 0;
}

body.is-path-node .articlecontent .field_section .paragraph.interviews .view.testimonials .view-content .tns-controls button:hover, body.is-path-node .articlecontent .field_section .paragraph.interviews .view.testimonials .view-content .tns-controls button:focus, body.is-path-node .articlecontent .field_section .paragraph.interviews .view.testimonials .view-content .tns-controls button:active, body.is-path-node .articlecontent .field_section .paragraph.interviews .view.testimonials .view-content .tns-controls button:focus {
  background-size: 0 0;
  box-shadow: unset;
}

body.is-path-node .articlecontent .field_section .paragraph.interviews .view.testimonials .view-content .tns-controls button:hover:before, body.is-path-node .articlecontent .field_section .paragraph.interviews .view.testimonials .view-content .tns-controls button:focus:before, body.is-path-node .articlecontent .field_section .paragraph.interviews .view.testimonials .view-content .tns-controls button:active:before, body.is-path-node .articlecontent .field_section .paragraph.interviews .view.testimonials .view-content .tns-controls button:focus:before {
  opacity: 1;
}

body.is-path-node .articlecontent .field_section .paragraph.interviews .view.testimonials .view-content .tns-controls button:last-child {
  right: 0;
  left: auto;
}

body.is-path-node .articlecontent .field_section .paragraph.interviews .view.testimonials .view-content .tns-controls button:after {
  display: none;
}

body.is-path-node .articlecontent .field_section .paragraph.interviews .view.testimonials .view-content .tns-controls button:before {
  -webkit-transition: all 0.25s linear;
  -moz-transition: all 0.25s linear;
  -ms-transition: all 0.25s linear;
  -o-transition: all 0.25s linear;
  transition: all 0.25s linear;
  display: inline-block;
  content: "";
  position: absolute;
  right: 10px;
  top: 8px;
  top: auto;
  bottom: -4px;
  width: 40px;
  height: 20px;
  opacity: .85;
  background: transparent url(../assets/img/sprite_fcp.svg) no-repeat 8px -250px;
  animation: none;
  border: unset;
  border-radius: unset;
  clip-path: none;
}

body.is-path-node .articlecontent .field_section .paragraph.interviews .view.testimonials .view-content .tns-controls button:last-child:before {
  right: 0;
  left: auto;
  background-position: 0px -350px;
}

body.is-path-node .articlecontent .field_section .paragraph.interviews .view.testimonials .view-content .tns-controls button:hover:before, body.is-path-node .articlecontent .field_section .paragraph.interviews .view.testimonials .view-content .tns-controls button:focus:before, body.is-path-node .articlecontent .field_section .paragraph.interviews .view.testimonials .view-content .tns-controls button:active:before, body.is-path-node .articlecontent .field_section .paragraph.interviews .view.testimonials .view-content .tns-controls button:focus:before {
  background-position-x: 0px;
}

body.is-path-node .articlecontent .field_section .paragraph.interviews .view.testimonials .view-content .tns-controls button:last-child:hover:before, body.is-path-node .articlecontent .field_section .paragraph.interviews .view.testimonials .view-content .tns-controls button:last-child:focus:before, body.is-path-node .articlecontent .field_section .paragraph.interviews .view.testimonials .view-content .tns-controls button:last-child:active:before, body.is-path-node .articlecontent .field_section .paragraph.interviews .view.testimonials .view-content .tns-controls button:last-child:focus:before {
  background-position-x: 8px;
}

body.is-path-node .articlecontent .field_section .paragraph.interviews .view.testimonials .view-content .tns-outer a.card {
  grid-template-rows: auto auto auto 1fr;
  min-height: 500px;
  height: 500px;
  overflow: hidden;
}

body.is-path-node .articlecontent .field_section .paragraph.interviews .view.testimonials .view-content .tns-outer a.card p {
  text-align: left;
}

/* body */
body {
  /* end articlecontent  */
}

body .articlecontent {
  /* end paragraphs */
}

body .articlecontent .field_section .paragraph.topline-black h2 {
  position: relative;
}

body .articlecontent .field_section .paragraph.topline-black h2::after {
  display: block;
  content: "";
  border-radius: 0;
  border: 0 none;
  background: #EC6456;
  display: block;
  position: absolute;
  height: 110px;
  width: 80px;
  background: url(../assets/img/sprite_lines.svg) no-repeat 0 -1000px;
  left: -1px;
  top: -48px;
}

@media screen and (max-width: 1023px) {
  body .articlecontent .field_section .paragraph.topline-black h2::after {
    background-position-y: -374px;
    width: 40px;
    height: 120px;
  }
}

@media screen and (max-width: 1023px) {
  body .articlecontent .field_section .paragraph.topline-black h2::after {
    display: none;
  }
}

body .articlecontent .field_section .paragraph.topline-black h2:after {
  background: url(../assets/img/sprite_lines.svg) no-repeat 0 -605px;
  left: -64px;
  top: -64px;
}

body .articlecontent .field_section .paragraph.topline-red h2 {
  color: #EC6456;
  position: relative;
}

body .articlecontent .field_section .paragraph.topline-red h2::after {
  display: block;
  content: "";
  border-radius: 0;
  border: 0 none;
  background: #EC6456;
  display: block;
  position: absolute;
  height: 110px;
  width: 80px;
  background: url(../assets/img/sprite_lines.svg) no-repeat 0 -1000px;
  left: -1px;
  top: -48px;
}

@media screen and (max-width: 1023px) {
  body .articlecontent .field_section .paragraph.topline-red h2::after {
    background-position-y: -374px;
    width: 40px;
    height: 120px;
  }
}

@media screen and (max-width: 1023px) {
  body .articlecontent .field_section .paragraph.topline-red h2::after {
    display: none;
  }
}

body .articlecontent .field_section .paragraph.topline-red h2:after {
  background: url(../assets/img/sprite_lines.svg) no-repeat 0 -405px;
  left: -64px;
  top: -64px;
}

body .articlecontent .field_section .paragraph.leftline-black h2 {
  position: relative;
  color: #151515;
}

body .articlecontent .field_section .paragraph.leftline-black h2::after {
  display: block;
  content: "";
  position: absolute;
  width: 4000px;
  height: 8px;
  border-radius: 0;
  border: 0 none;
  background: #151515;
  display: block;
  margin: 0 0 0 -4032px;
  left: 60px;
  top: 46px;
  left: 20px;
  top: 15px;
}

@media screen and (min-width: 600px) {
  body .articlecontent .field_section .paragraph.leftline-black h2::after {
    height: 10px;
    top: 20px;
  }
}

@media screen and (min-width: 1024px) {
  body .articlecontent .field_section .paragraph.leftline-black h2::after {
    top: 37px;
    top: 22px;
    left: auto;
  }
}

@media screen and (max-width: 768px) {
  body .articlecontent .field_section .paragraph.leftline-black h2::after {
    display: none;
  }
}

body .articlecontent .field_section .paragraph.leftline-red h2 {
  color: #EC6456;
}

body .articlecontent .field_section .paragraph.leftline-red h2::after {
  display: block;
  content: "";
  position: absolute;
  width: 4000px;
  height: 8px;
  border-radius: 0;
  border: 0 none;
  background: #151515;
  display: block;
  margin: 0 0 0 -4032px;
  left: 60px;
  top: 46px;
  left: 20px;
  top: 15px;
}

@media screen and (min-width: 600px) {
  body .articlecontent .field_section .paragraph.leftline-red h2::after {
    height: 10px;
    top: 20px;
  }
}

@media screen and (min-width: 1024px) {
  body .articlecontent .field_section .paragraph.leftline-red h2::after {
    top: 37px;
    top: 22px;
    left: auto;
  }
}

@media screen and (max-width: 768px) {
  body .articlecontent .field_section .paragraph.leftline-red h2::after {
    display: none;
  }
}

body .articlecontent .field_section .paragraph.leftline-red h2::after {
  background: #EC6456;
}

body .articlecontent .field_section .paragraph.curved-line-black h2::after {
  display: block;
  content: "";
  width: 4000px;
  border-radius: 0;
  border: 0 none;
  background: #EC6456;
  display: block;
  margin: -119px 0 0 -4020px;
  position: absolute;
  height: 130px;
  background: url(../assets/img/sprite_lines.svg) no-repeat right -186px;
}

@media screen and (max-width: 1023px) {
  body .articlecontent .field_section .paragraph.curved-line-black h2::after {
    transform: scale(0.5);
    margin: -105px 0 0 -3012px;
  }
}

@media screen and (max-width: 768px) {
  body .articlecontent .field_section .paragraph.curved-line-black h2::after {
    display: none;
  }
}

body .articlecontent .field_section .paragraph.arrow h2 {
  position: relative;
  text-transform: uppercase;
}

@media screen and (min-width: 769px) {
  body .articlecontent .field_section .paragraph.arrow h2 {
    text-transform: unset;
  }
}

@media screen and (min-width: 1024px) {
  body .articlecontent .field_section .paragraph.arrow h2 {
    padding-left: 40px;
  }
}

body .articlecontent .field_section .paragraph.arrow h2::after {
  display: block;
  content: "";
  border-radius: 0;
  border: 0 none;
  background: #EC6456;
  display: block;
  position: absolute;
  width: 60px;
  height: 60px;
  background: url(../assets/img/sprite_fcp.svg) no-repeat 0 -820px;
  left: -50px;
  top: -16px;
}

@media screen and (min-width: 600px) {
  body .articlecontent .field_section .paragraph.arrow h2::after {
    top: -9px;
  }
}

@media screen and (min-width: 769px) {
  body .articlecontent .field_section .paragraph.arrow h2::after {
    top: -9px;
    left: -15px;
  }
}

@media screen and (min-width: 1024px) {
  body .articlecontent .field_section .paragraph.arrow h2::after {
    top: -5px;
    left: -15px;
  }
}

@media screen and (max-width: 768px) {
  body .articlecontent .field_section .paragraph.arrow h2::after {
    transform: scale(0.5);
    top: -9px;
    display: none;
  }
}

@media screen and (max-width: 599px) {
  body .articlecontent .field_section .paragraph.arrow h2::after {
    top: -12px;
  }
}

/* end body  */
h1, h2, h3, h4, h5 {
  margin-top: 0;
  font-family: "Montserrat", Helvetica, Arial, "Nimbus Sans L", sans-serif;
  letter-spacing: 0;
}

h1 a, h2 a, h3 a, h4 a, h5 a {
  text-decoration: none !important;
  background: none !important;
}

.main h1, .main h2, .main h3, .main h4, .main h5, .main .bigprice,
.headline h1,
.headline h2,
.headline h3,
.headline h4,
.headline h5,
.headline .bigprice,
.karriere_row h1,
.karriere_row h2,
.karriere_row h3,
.karriere_row h4,
.karriere_row h5,
.karriere_row .bigprice,
.bottomofcontent h1,
.bottomofcontent h2,
.bottomofcontent h3,
.bottomofcontent h4,
.bottomofcontent h5,
.bottomofcontent .bigprice,
.subtitle h1,
.subtitle h2,
.subtitle h3,
.subtitle h4,
.subtitle h5,
.subtitle .bigprice {
  color: #151515;
  margin-bottom: .5rem;
  line-height: 1.4;
  font-weight: 700;
  letter-spacing: 1px;
}

.main h2, .main h3, .main h4, .main h5,
.headline h2,
.headline h3,
.headline h4,
.headline h5,
.karriere_row h2,
.karriere_row h3,
.karriere_row h4,
.karriere_row h5,
.bottomofcontent h2,
.bottomofcontent h3,
.bottomofcontent h4,
.bottomofcontent h5,
.subtitle h2,
.subtitle h3,
.subtitle h4,
.subtitle h5 {
  hyphens: auto;
  overflow-wrap: break-word;
  /* Erlaubt Umbruch an Leerzeichen */
  overflow-wrap: break-word;
  word-wrap: break-word;
  /* Aktiviert Silbentrennung für SEHR lange Worte */
  hyphens: auto;
  -webkit-hyphens: auto;
  -ms-hyphens: auto;
}

.content article:not(.jobs) h1:not(:first-child) {
  margin-top: 0;
  margin-bottom: 1.5rem;
}

.main h1, .main .bigprice,
.karriere_row h1,
.karriere_row .bigprice,
.headline h1,
.headline .bigprice, .subtitle h1, .subtitle .bigprice {
  color: #EC6456;
  font-family: "Montserrat", Helvetica, Arial, "Nimbus Sans L", sans-serif;
  font-size: 2rem;
}

@media screen and (min-width: 600px) {
  .main h1, .main .bigprice,
  .karriere_row h1,
  .karriere_row .bigprice,
  .headline h1,
  .headline .bigprice, .subtitle h1, .subtitle .bigprice {
    font-size: 2rem;
  }
}

@media screen and (min-width: 769px) {
  .main h1, .main .bigprice,
  .karriere_row h1,
  .karriere_row .bigprice,
  .headline h1,
  .headline .bigprice, .subtitle h1, .subtitle .bigprice {
    font-size: 2.75rem;
  }
}

@media screen and (min-width: 1024px) {
  .main h1, .main .bigprice,
  .karriere_row h1,
  .karriere_row .bigprice,
  .headline h1,
  .headline .bigprice, .subtitle h1, .subtitle .bigprice {
    font-size: 3rem;
  }
}

.main h2, .main .panel-heading,
.karriere_row h2,
.karriere_row .panel-heading,
.headline h2,
.headline .panel-heading, .subtitle h2, .subtitle .panel-heading {
  line-height: 1.3;
  font-size: 1.5rem;
  font-size: 1.5rem;
}

@media screen and (min-width: 600px) {
  .main h2, .main .panel-heading,
  .karriere_row h2,
  .karriere_row .panel-heading,
  .headline h2,
  .headline .panel-heading, .subtitle h2, .subtitle .panel-heading {
    font-size: 1.75rem;
  }
}

@media screen and (min-width: 769px) {
  .main h2, .main .panel-heading,
  .karriere_row h2,
  .karriere_row .panel-heading,
  .headline h2,
  .headline .panel-heading, .subtitle h2, .subtitle .panel-heading {
    font-size: 1.75rem;
  }
}

@media screen and (min-width: 1024px) {
  .main h2, .main .panel-heading,
  .karriere_row h2,
  .karriere_row .panel-heading,
  .headline h2,
  .headline .panel-heading, .subtitle h2, .subtitle .panel-heading {
    font-size: 2rem;
  }
}

@media screen and (min-width: 600px) {
  .main h2, .main .panel-heading,
  .karriere_row h2,
  .karriere_row .panel-heading,
  .headline h2,
  .headline .panel-heading, .subtitle h2, .subtitle .panel-heading {
    font-size: 2rem;
  }
}

@media screen and (min-width: 769px) {
  .main h2, .main .panel-heading,
  .karriere_row h2,
  .karriere_row .panel-heading,
  .headline h2,
  .headline .panel-heading, .subtitle h2, .subtitle .panel-heading {
    font-size: 1.75rem;
  }
}

@media screen and (min-width: 1024px) {
  .main h2, .main .panel-heading,
  .karriere_row h2,
  .karriere_row .panel-heading,
  .headline h2,
  .headline .panel-heading, .subtitle h2, .subtitle .panel-heading {
    font-size: 2rem;
  }
}

.main h3,
.karriere_row h3,
.headline h3, .subtitle h3 {
  font-size: 1rem;
}

@media screen and (min-width: 600px) {
  .main h3,
  .karriere_row h3,
  .headline h3, .subtitle h3 {
    font-size: 1.5rem;
  }
}

@media screen and (min-width: 769px) {
  .main h3,
  .karriere_row h3,
  .headline h3, .subtitle h3 {
    font-size: 1.75rem;
  }
}

@media screen and (min-width: 1024px) {
  .main h3,
  .karriere_row h3,
  .headline h3, .subtitle h3 {
    font-size: 2rem;
  }
}

.main h3,
.karriere_row h3,
.headline h3, .subtitle h3 {
  font-size: 1rem;
}

@media screen and (min-width: 769px) {
  .main h3,
  .karriere_row h3,
  .headline h3, .subtitle h3 {
    font-size: 1.25rem;
  }
}

@media screen and (min-width: 1024px) {
  .main h3,
  .karriere_row h3,
  .headline h3, .subtitle h3 {
    font-size: 1.5rem;
  }
}

.main h4,
.karriere_row h4,
.headline h4, .subtitle h4 {
  font-size: 1rem;
}

@media screen and (min-width: 1024px) {
  .main h4,
  .karriere_row h4,
  .headline h4, .subtitle h4 {
    font-size: 1.25rem;
  }
}

.main h5,
.karriere_row h5,
.headline h5, .subtitle h5 {
  font-size: 1rem;
}

@media screen and (min-width: 1024px) {
  .main h5,
  .karriere_row h5,
  .headline h5, .subtitle h5 {
    font-size: 1rem;
  }
}

main article h3.term-title,
main article .view-content h3,
main article .field_beispiel_projekte h3,
main .view h3.term-title,
main .view .view-content h3,
main .view .field_beispiel_projekte h3,
.karriere_row .view h3.term-title,
.karriere_row .view .view-content h3,
.karriere_row .view .field_beispiel_projekte h3 {
  font-size: 1rem;
  letter-spacing: 0;
  overflow-wrap: break-word;
  word-wrap: unset;
  hyphens: unset;
}

@media screen and (min-width: 600px) {
  main article h3.term-title,
  main article .view-content h3,
  main article .field_beispiel_projekte h3,
  main .view h3.term-title,
  main .view .view-content h3,
  main .view .field_beispiel_projekte h3,
  .karriere_row .view h3.term-title,
  .karriere_row .view .view-content h3,
  .karriere_row .view .field_beispiel_projekte h3 {
    font-size: 1rem;
  }
}

@media screen and (min-width: 769px) {
  main article h3.term-title,
  main article .view-content h3,
  main article .field_beispiel_projekte h3,
  main .view h3.term-title,
  main .view .view-content h3,
  main .view .field_beispiel_projekte h3,
  .karriere_row .view h3.term-title,
  .karriere_row .view .view-content h3,
  .karriere_row .view .field_beispiel_projekte h3 {
    font-size: 1rem;
  }
}

@media screen and (min-width: 1024px) {
  main article h3.term-title,
  main article .view-content h3,
  main article .field_beispiel_projekte h3,
  main .view h3.term-title,
  main .view .view-content h3,
  main .view .field_beispiel_projekte h3,
  .karriere_row .view h3.term-title,
  .karriere_row .view .view-content h3,
  .karriere_row .view .field_beispiel_projekte h3 {
    font-size: 1rem;
  }
}

.slides .slide h3,
main .view.vce-preistraeger h3,
.newslettersignup h3 {
  font-size: 1.25rem;
  letter-spacing: 0;
}

@media screen and (min-width: 600px) {
  .slides .slide h3,
  main .view.vce-preistraeger h3,
  .newslettersignup h3 {
    font-size: 1.25rem;
  }
}

@media screen and (min-width: 769px) {
  .slides .slide h3,
  main .view.vce-preistraeger h3,
  .newslettersignup h3 {
    font-size: 1.25rem;
  }
}

@media screen and (min-width: 1024px) {
  .slides .slide h3,
  main .view.vce-preistraeger h3,
  .newslettersignup h3 {
    font-size: 1.5rem;
  }
}

.table {
  background-color: white;
  color: #363636;
}

.table td,
.table th {
  color: #424242;
  border: 1px solid #dbdbdb;
  border-width: 0 0 1px;
  padding: 0.5em 0.75em;
  vertical-align: top;
}

.table td.is-white,
.table th.is-white {
  background-color: white;
  border-color: white;
  color: #0a0a0a;
}

.table td.is-black,
.table th.is-black {
  background-color: #0a0a0a;
  border-color: #0a0a0a;
  color: white;
}

.table td.is-light,
.table th.is-light {
  background-color: whitesmoke;
  border-color: whitesmoke;
  color: rgba(0, 0, 0, 0.7);
}

.table td.is-dark,
.table th.is-dark {
  background-color: #363636;
  border-color: #363636;
  color: #fff;
}

.table td.is-primary,
.table th.is-primary {
  background-color: #00d1b2;
  border-color: #00d1b2;
  color: #fff;
}

.table td.is-link,
.table th.is-link {
  background-color: #485fc7;
  border-color: #485fc7;
  color: #fff;
}

.table td.is-info,
.table th.is-info {
  background-color: #3e8ed0;
  border-color: #3e8ed0;
  color: #fff;
}

.table td.is-success,
.table th.is-success {
  background-color: #48c78e;
  border-color: #48c78e;
  color: #fff;
}

.table td.is-warning,
.table th.is-warning {
  background-color: #ffe08a;
  border-color: #ffe08a;
  color: rgba(0, 0, 0, 0.7);
}

.table td.is-danger,
.table th.is-danger {
  background-color: #f14668;
  border-color: #f14668;
  color: #fff;
}

.table td.is-narrow,
.table th.is-narrow {
  white-space: nowrap;
  width: 1%;
}

.table td.is-selected,
.table th.is-selected {
  background-color: #fff;
  color: #424242;
}

.table td.is-selected a,
.table td.is-selected strong,
.table th.is-selected a,
.table th.is-selected strong {
  color: currentColor;
}

.table th {
  color: #363636;
}

.table th:not([align]) {
  text-align: left;
}

@media screen and (max-width: 768px) {
  .table tr td:last-child {
    margin-bottom: 2rem;
  }
}

.table tr:nth-child(odd) {
  background-color: #fff;
}

.table tr:nth-child(even) {
  background-color: #fff;
}

.table tr td, .table tr.is-selected {
  background-color: transparent;
  color: #424242;
}

.table tr td a,
.table tr td strong, .table tr.is-selected a,
.table tr.is-selected strong {
  color: currentColor;
}

.table tr td td,
.table tr td th, .table tr.is-selected td,
.table tr.is-selected th {
  border-color: #424242;
  color: currentColor;
}

.table thead {
  background-color: transparent;
}

.table thead td,
.table thead th {
  border-width: 0 0 2px;
  color: #363636;
}

.table tfoot {
  background-color: transparent;
}

.table tfoot td,
.table tfoot th {
  border-width: 2px 0 0;
  color: #363636;
}

.table tbody {
  background-color: transparent;
}

.table tbody tr:last-child td,
.table tbody tr:last-child th {
  border-bottom-width: 0;
}

.table.is-bordered td,
.table.is-bordered th {
  border-width: 1px;
}

.table.is-bordered tr:last-child td,
.table.is-bordered tr:last-child th {
  border-bottom-width: 1px;
}

.table.is-fullwidth {
  width: 100%;
}

.table.is-hoverable tbody tr:not(.is-selected):hover {
  background-color: #fafafa;
}

.table.is-hoverable.is-striped tbody tr:not(.is-selected):hover {
  background-color: #fafafa;
}

.table.is-hoverable.is-striped tbody tr:not(.is-selected):hover:nth-child(even) {
  background-color: whitesmoke;
}

.table.is-narrow td,
.table.is-narrow th {
  padding: 0.25em 0.5em;
}

.table.is-striped tbody tr:not(.is-selected):nth-child(even) {
  background-color: #fafafa;
}

.table-container {
  -webkit-overflow-scrolling: touch;
  overflow: auto;
  overflow-y: hidden;
  max-width: 100%;
}

::-webkit-input-placeholder {
  /* Chrome/Opera/Safari */
  color: #424242;
}

@media screen and (max-width: 599px) {
  ::-webkit-input-placeholder {
    font-size: 0.875rem;
  }
}

::-moz-placeholder {
  /* Firefox 19+ */
  color: #424242;
}

@media screen and (max-width: 599px) {
  ::-moz-placeholder {
    font-size: 0.875rem;
  }
}

:-ms-input-placeholder {
  /* IE 10+ */
  color: #424242;
}

@media screen and (max-width: 599px) {
  :-ms-input-placeholder {
    font-size: 0.875rem;
  }
}

:-moz-placeholder {
  /* Firefox 18- */
  color: #424242;
}

@media screen and (max-width: 599px) {
  :-moz-placeholder {
    font-size: 0.875rem;
  }
}

input::placeholder {
  font-size: 1rem !important;
}

input[type=tel],
input[type=text],
input[type=file],
input[type=number],
input[type=search],
input[type=url],
input[type=email],
input[type=password],
select,
.select select,
textarea,
textarea.textarea,
.facets-widget-searchbox_links input {
  font-size: 100%;
  position: relative;
  border: 0 none;
  width: 100%;
  padding: 0 calc(0.75em - 1px);
  line-height: 40px;
  height: 40px;
  border-radius: 50px;
  border: 1px solid #151515;
  color: #151515;
  font-weight: 400;
  position: relative;
  -webkit-transition: all 0.25s linear;
  -moz-transition: all 0.25s linear;
  -ms-transition: all 0.25s linear;
  -o-transition: all 0.25s linear;
  transition: all 0.25s linear;
}

input[type=tel]:focus, input[type=tel]:focus-within, input[type=tel]:target,
input[type=text]:focus,
input[type=text]:focus-within,
input[type=text]:target,
input[type=file]:focus,
input[type=file]:focus-within,
input[type=file]:target,
input[type=number]:focus,
input[type=number]:focus-within,
input[type=number]:target,
input[type=search]:focus,
input[type=search]:focus-within,
input[type=search]:target,
input[type=url]:focus,
input[type=url]:focus-within,
input[type=url]:target,
input[type=email]:focus,
input[type=email]:focus-within,
input[type=email]:target,
input[type=password]:focus,
input[type=password]:focus-within,
input[type=password]:target,
select:focus,
select:focus-within,
select:target,
.select select:focus,
.select select:focus-within,
.select select:target,
textarea:focus,
textarea:focus-within,
textarea:target,
textarea.textarea:focus,
textarea.textarea:focus-within,
textarea.textarea:target,
.facets-widget-searchbox_links input:focus,
.facets-widget-searchbox_links input:focus-within,
.facets-widget-searchbox_links input:target {
  color: #151515;
  -webkit-box-shadow: 0 0 6px #999 ;
  -moz-box-shadow: 0 0 6px #999 ;
  box-shadow: 0 0 6px #999 ;
}

input[type=tel]:hover, input[type=tel]:focus, input[type=tel]:active, input[type=tel]:focus,
input[type=text]:hover,
input[type=text]:focus,
input[type=text]:active,
input[type=text]:focus,
input[type=file]:hover,
input[type=file]:focus,
input[type=file]:active,
input[type=file]:focus,
input[type=number]:hover,
input[type=number]:focus,
input[type=number]:active,
input[type=number]:focus,
input[type=search]:hover,
input[type=search]:focus,
input[type=search]:active,
input[type=search]:focus,
input[type=url]:hover,
input[type=url]:focus,
input[type=url]:active,
input[type=url]:focus,
input[type=email]:hover,
input[type=email]:focus,
input[type=email]:active,
input[type=email]:focus,
input[type=password]:hover,
input[type=password]:focus,
input[type=password]:active,
input[type=password]:focus,
select:hover,
select:focus,
select:active,
select:focus,
.select select:hover,
.select select:focus,
.select select:active,
.select select:focus,
textarea:hover,
textarea:focus,
textarea:active,
textarea:focus,
textarea.textarea:hover,
textarea.textarea:focus,
textarea.textarea:active,
textarea.textarea:focus,
.facets-widget-searchbox_links input:hover,
.facets-widget-searchbox_links input:focus,
.facets-widget-searchbox_links input:active,
.facets-widget-searchbox_links input:focus {
  background-position-x: 10px;
}

/* input type text */
input[type=file] {
  border: 0 none;
  border-radius: 0;
}

div.autocomplete-deluxe-container,
textarea, select {
  border: 1px solid #151515;
}

textarea,
textarea.textarea,
select,
.select select {
  border-radius: 25px;
}

textarea,
textarea.textarea {
  line-height: 1.6;
  padding: 1rem;
  border-radius: 15px;
}

select,
.select select {
  background-color: #fff;
}

form label.form-required:after {
  content: ' *';
  display: inline-block;
  position: relative;
  color: #EC6456;
  width: 40px;
  margin-left: 3px;
  opacity: 0.66;
  filter: alpha(opacity=66);
}

textarea, .textarea {
  border: 1px solid #424242;
}

form > .form-item {
  margin-bottom: 1.5rem;
}

.label:not(:last-child) {
  margin-bottom: 0;
}

fieldset.panel {
  margin: 2rem 0 0;
  box-shadow: unset;
}

fieldset.panel .panel-block {
  display: block;
}

fieldset.panel .panel-heading {
  margin: 0;
  padding: 0;
  background: transparent;
  font-size: unset;
}

fieldset.panel p {
  margin: 0;
}

input[type="radio"] {
  float: left;
  margin: 5px 10px 0 0;
}

input[type="radio"] + label {
  margin-left: 20px;
  display: block;
}

.select.is-primary select {
  border-color: #151515;
  border-radius: 50px;
}

.select.is-primary select:hover, .select.is-primary select:focus, .select.is-primary select:active, .select.is-primary select:focus {
  border-color: #151515;
  box-shadow: 0 0 3px 3px #999;
}

.select.is-primary select option {
  background-color: #f1f1f1;
  color: #151515;
}

.select.is-primary select option:checked, .select.is-primary select option:focus, .select.is-primary select option:active, .select.is-primary select option:focus-within {
  background-color: #999;
  color: #151515;
  box-shadow: 0 0 10px 100px #000 inset;
}

.select.is-primary:not(:hover)::after {
  border-color: #151515;
}

.select:not(.is-multiple):not(.is-loading)::after {
  border-color: #151515;
  border-color: #424242;
}

a.button, .button, .button.is-primary, main button, .articlecontent button,
.field.button a,
.view-content .views-field a.button,
.section .container .field--name-field-link a,
.section .container .field--name-field-e-mail a,
.pager-show-more .pager__item a:not(.button),
input.button,
.paragraph .text a.button,
.view-content .views-field .field--name-field-e-mail a,
.articlecontent > .content > .field .field--name-field-media-document a,
.inputwrapper {
  -webkit-transition: all 0.1s ease-in-out;
  -moz-transition: all 0.1s ease-in-out;
  -ms-transition: all 0.1s ease-in-out;
  -o-transition: all 0.1s ease-in-out;
  transition: all 0.1s ease-in-out;
  margin: 1rem 1rem 1rem 0;
  padding: .5rem 1rem;
  padding: .5rem 4rem 0 1rem;
  position: relative;
  display: inline-flex;
  align-items: flex-end;
  text-align: center;
  color: #151515;
  background: none;
  font-weight: 500;
  font-size: 0.875rem;
  border: 0px solid #151515;
  border-radius: 20px;
  line-height: 1.5;
  height: auto;
  min-height: 40px;
  min-width: 100px;
}

a.button svg, .button svg, .button.is-primary svg, main button svg, .articlecontent button svg,
.field.button a svg,
.view-content .views-field a.button svg,
.section .container .field--name-field-link a svg,
.section .container .field--name-field-e-mail a svg,
.pager-show-more .pager__item a:not(.button) svg,
input.button svg,
.paragraph .text a.button svg,
.view-content .views-field .field--name-field-e-mail a svg,
.articlecontent > .content > .field .field--name-field-media-document a svg,
.inputwrapper svg {
  display: none;
}

@media screen and (min-width: 769px) {
  a.button, .button, .button.is-primary, main button, .articlecontent button,
  .field.button a,
  .view-content .views-field a.button,
  .section .container .field--name-field-link a,
  .section .container .field--name-field-e-mail a,
  .pager-show-more .pager__item a:not(.button),
  input.button,
  .paragraph .text a.button,
  .view-content .views-field .field--name-field-e-mail a,
  .articlecontent > .content > .field .field--name-field-media-document a,
  .inputwrapper {
    font-size: 1rem;
  }
}

@media screen and (min-width: 1024px) {
  a.button, .button, .button.is-primary, main button, .articlecontent button,
  .field.button a,
  .view-content .views-field a.button,
  .section .container .field--name-field-link a,
  .section .container .field--name-field-e-mail a,
  .pager-show-more .pager__item a:not(.button),
  input.button,
  .paragraph .text a.button,
  .view-content .views-field .field--name-field-e-mail a,
  .articlecontent > .content > .field .field--name-field-media-document a,
  .inputwrapper {
    font-size: 1rem;
  }
}

a.button:hover, a.button:focus, a.button:active, a.button:focus-visible, a.button:focus-within, a.button:focus:not(:active), .button:hover, .button:focus, .button:active, .button:focus-visible, .button:focus-within, .button:focus:not(:active), .button.is-primary:hover, .button.is-primary:focus, .button.is-primary:active, .button.is-primary:focus-visible, .button.is-primary:focus-within, .button.is-primary:focus:not(:active), main button:hover, main button:focus, main button:active, main button:focus-visible, main button:focus-within, main button:focus:not(:active), .articlecontent button:hover, .articlecontent button:focus, .articlecontent button:active, .articlecontent button:focus-visible, .articlecontent button:focus-within, .articlecontent button:focus:not(:active),
.field.button a:hover,
.field.button a:focus,
.field.button a:active,
.field.button a:focus-visible,
.field.button a:focus-within,
.field.button a:focus:not(:active),
.view-content .views-field a.button:hover,
.view-content .views-field a.button:focus,
.view-content .views-field a.button:active,
.view-content .views-field a.button:focus-visible,
.view-content .views-field a.button:focus-within,
.view-content .views-field a.button:focus:not(:active),
.section .container .field--name-field-link a:hover,
.section .container .field--name-field-link a:focus,
.section .container .field--name-field-link a:active,
.section .container .field--name-field-link a:focus-visible,
.section .container .field--name-field-link a:focus-within,
.section .container .field--name-field-link a:focus:not(:active),
.section .container .field--name-field-e-mail a:hover,
.section .container .field--name-field-e-mail a:focus,
.section .container .field--name-field-e-mail a:active,
.section .container .field--name-field-e-mail a:focus-visible,
.section .container .field--name-field-e-mail a:focus-within,
.section .container .field--name-field-e-mail a:focus:not(:active),
.pager-show-more .pager__item a:not(.button):hover,
.pager-show-more .pager__item a:not(.button):focus,
.pager-show-more .pager__item a:not(.button):active,
.pager-show-more .pager__item a:not(.button):focus-visible,
.pager-show-more .pager__item a:not(.button):focus-within,
.pager-show-more .pager__item a:not(.button):focus:not(:active),
input.button:hover,
input.button:focus,
input.button:active,
input.button:focus-visible,
input.button:focus-within,
input.button:focus:not(:active),
.paragraph .text a.button:hover,
.paragraph .text a.button:focus,
.paragraph .text a.button:active,
.paragraph .text a.button:focus-visible,
.paragraph .text a.button:focus-within,
.paragraph .text a.button:focus:not(:active),
.view-content .views-field .field--name-field-e-mail a:hover,
.view-content .views-field .field--name-field-e-mail a:focus,
.view-content .views-field .field--name-field-e-mail a:active,
.view-content .views-field .field--name-field-e-mail a:focus-visible,
.view-content .views-field .field--name-field-e-mail a:focus-within,
.view-content .views-field .field--name-field-e-mail a:focus:not(:active),
.articlecontent > .content > .field .field--name-field-media-document a:hover,
.articlecontent > .content > .field .field--name-field-media-document a:focus,
.articlecontent > .content > .field .field--name-field-media-document a:active,
.articlecontent > .content > .field .field--name-field-media-document a:focus-visible,
.articlecontent > .content > .field .field--name-field-media-document a:focus-within,
.articlecontent > .content > .field .field--name-field-media-document a:focus:not(:active),
.inputwrapper:hover,
.inputwrapper:focus,
.inputwrapper:active,
.inputwrapper:focus-visible,
.inputwrapper:focus-within,
.inputwrapper:focus:not(:active) {
  box-shadow: unset;
  background: unset;
  border: 0 none;
  border-radius: unset;
}

@keyframes clippath {
  0%, 100% {
    clip-path: inset(0 0 95% 0);
  }
  25% {
    clip-path: inset(0 0 10px 95%);
  }
  50% {
    clip-path: inset(95% 0 10px 0);
  }
  75% {
    clip-path: inset(0 95% 0 0);
  }
}

a.button::before, .button::before, .button.is-primary::before, main button::before, .articlecontent button::before,
.field.button a::before,
.view-content .views-field a.button::before,
.section .container .field--name-field-link a::before,
.section .container .field--name-field-e-mail a::before,
.pager-show-more .pager__item a:not(.button)::before,
input.button::before,
.paragraph .text a.button::before,
.view-content .views-field .field--name-field-e-mail a::before,
.articlecontent > .content > .field .field--name-field-media-document a::before,
.inputwrapper::before {
  content: '';
  position: absolute;
  inset: 0;
  border: 2px solid #151515;
  border-bottom: none;
  border-radius: 20px;
  border-bottom-left-radius: 0;
  border-top-left-radius: 15px;
  clip-path: inset(0 -20px 5px 0 round 0%);
  transition: clip-path 0.5s cubic-bezier(0.65, 0, 0.35, 1);
}

a.button:hover, a.button:focus, a.button:active, a.button:focus, .button:hover, .button:focus, .button:active, .button:focus, .button.is-primary:hover, .button.is-primary:focus, .button.is-primary:active, .button.is-primary:focus, main button:hover, main button:focus, main button:active, main button:focus, .articlecontent button:hover, .articlecontent button:focus, .articlecontent button:active, .articlecontent button:focus,
.field.button a:hover,
.field.button a:focus,
.field.button a:active,
.field.button a:focus,
.view-content .views-field a.button:hover,
.view-content .views-field a.button:focus,
.view-content .views-field a.button:active,
.view-content .views-field a.button:focus,
.section .container .field--name-field-link a:hover,
.section .container .field--name-field-link a:focus,
.section .container .field--name-field-link a:active,
.section .container .field--name-field-link a:focus,
.section .container .field--name-field-e-mail a:hover,
.section .container .field--name-field-e-mail a:focus,
.section .container .field--name-field-e-mail a:active,
.section .container .field--name-field-e-mail a:focus,
.pager-show-more .pager__item a:not(.button):hover,
.pager-show-more .pager__item a:not(.button):focus,
.pager-show-more .pager__item a:not(.button):active,
.pager-show-more .pager__item a:not(.button):focus,
input.button:hover,
input.button:focus,
input.button:active,
input.button:focus,
.paragraph .text a.button:hover,
.paragraph .text a.button:focus,
.paragraph .text a.button:active,
.paragraph .text a.button:focus,
.view-content .views-field .field--name-field-e-mail a:hover,
.view-content .views-field .field--name-field-e-mail a:focus,
.view-content .views-field .field--name-field-e-mail a:active,
.view-content .views-field .field--name-field-e-mail a:focus,
.articlecontent > .content > .field .field--name-field-media-document a:hover,
.articlecontent > .content > .field .field--name-field-media-document a:focus,
.articlecontent > .content > .field .field--name-field-media-document a:active,
.articlecontent > .content > .field .field--name-field-media-document a:focus,
.inputwrapper:hover,
.inputwrapper:focus,
.inputwrapper:active,
.inputwrapper:focus {
  color: #151515;
}

a.button:hover::before, a.button:focus::before, a.button:active::before, a.button:focus::before, .button:hover::before, .button:focus::before, .button:active::before, .button:focus::before, .button.is-primary:hover::before, .button.is-primary:focus::before, .button.is-primary:active::before, .button.is-primary:focus::before, main button:hover::before, main button:focus::before, main button:active::before, main button:focus::before, .articlecontent button:hover::before, .articlecontent button:focus::before, .articlecontent button:active::before, .articlecontent button:focus::before,
.field.button a:hover::before,
.field.button a:focus::before,
.field.button a:active::before,
.field.button a:focus::before,
.view-content .views-field a.button:hover::before,
.view-content .views-field a.button:focus::before,
.view-content .views-field a.button:active::before,
.view-content .views-field a.button:focus::before,
.section .container .field--name-field-link a:hover::before,
.section .container .field--name-field-link a:focus::before,
.section .container .field--name-field-link a:active::before,
.section .container .field--name-field-link a:focus::before,
.section .container .field--name-field-e-mail a:hover::before,
.section .container .field--name-field-e-mail a:focus::before,
.section .container .field--name-field-e-mail a:active::before,
.section .container .field--name-field-e-mail a:focus::before,
.pager-show-more .pager__item a:not(.button):hover::before,
.pager-show-more .pager__item a:not(.button):focus::before,
.pager-show-more .pager__item a:not(.button):active::before,
.pager-show-more .pager__item a:not(.button):focus::before,
input.button:hover::before,
input.button:focus::before,
input.button:active::before,
input.button:focus::before,
.paragraph .text a.button:hover::before,
.paragraph .text a.button:focus::before,
.paragraph .text a.button:active::before,
.paragraph .text a.button:focus::before,
.view-content .views-field .field--name-field-e-mail a:hover::before,
.view-content .views-field .field--name-field-e-mail a:focus::before,
.view-content .views-field .field--name-field-e-mail a:active::before,
.view-content .views-field .field--name-field-e-mail a:focus::before,
.articlecontent > .content > .field .field--name-field-media-document a:hover::before,
.articlecontent > .content > .field .field--name-field-media-document a:focus::before,
.articlecontent > .content > .field .field--name-field-media-document a:active::before,
.articlecontent > .content > .field .field--name-field-media-document a:focus::before,
.inputwrapper:hover::before,
.inputwrapper:focus::before,
.inputwrapper:active::before,
.inputwrapper:focus::before {
  animation: clippath 2s infinite linear;
}

a.button:after, .button:after, .button.is-primary:after, main button:after, .articlecontent button:after,
.field.button a:after,
.view-content .views-field a.button:after,
.section .container .field--name-field-link a:after,
.section .container .field--name-field-e-mail a:after,
.pager-show-more .pager__item a:not(.button):after,
input.button:after,
.paragraph .text a.button:after,
.view-content .views-field .field--name-field-e-mail a:after,
.articlecontent > .content > .field .field--name-field-media-document a:after,
.inputwrapper:after {
  -webkit-transition: all 0.25s linear;
  -moz-transition: all 0.25s linear;
  -ms-transition: all 0.25s linear;
  -o-transition: all 0.25s linear;
  transition: all 0.25s linear;
  display: inline-block;
  content: "";
  position: absolute;
  right: 10px;
  top: 8px;
  top: auto;
  bottom: -4px;
  width: 40px;
  height: 20px;
  opacity: .85;
  background: transparent url(../assets/img/sprite_fcp.svg) no-repeat 0px -350px;
  transform: none;
  left: auto;
}

a.button:hover:after, a.button:focus:after, a.button:active:after, a.button:focus:after, .button:hover:after, .button:focus:after, .button:active:after, .button:focus:after, .button.is-primary:hover:after, .button.is-primary:focus:after, .button.is-primary:active:after, .button.is-primary:focus:after, main button:hover:after, main button:focus:after, main button:active:after, main button:focus:after, .articlecontent button:hover:after, .articlecontent button:focus:after, .articlecontent button:active:after, .articlecontent button:focus:after,
.field.button a:hover:after,
.field.button a:focus:after,
.field.button a:active:after,
.field.button a:focus:after,
.view-content .views-field a.button:hover:after,
.view-content .views-field a.button:focus:after,
.view-content .views-field a.button:active:after,
.view-content .views-field a.button:focus:after,
.section .container .field--name-field-link a:hover:after,
.section .container .field--name-field-link a:focus:after,
.section .container .field--name-field-link a:active:after,
.section .container .field--name-field-link a:focus:after,
.section .container .field--name-field-e-mail a:hover:after,
.section .container .field--name-field-e-mail a:focus:after,
.section .container .field--name-field-e-mail a:active:after,
.section .container .field--name-field-e-mail a:focus:after,
.pager-show-more .pager__item a:not(.button):hover:after,
.pager-show-more .pager__item a:not(.button):focus:after,
.pager-show-more .pager__item a:not(.button):active:after,
.pager-show-more .pager__item a:not(.button):focus:after,
input.button:hover:after,
input.button:focus:after,
input.button:active:after,
input.button:focus:after,
.paragraph .text a.button:hover:after,
.paragraph .text a.button:focus:after,
.paragraph .text a.button:active:after,
.paragraph .text a.button:focus:after,
.view-content .views-field .field--name-field-e-mail a:hover:after,
.view-content .views-field .field--name-field-e-mail a:focus:after,
.view-content .views-field .field--name-field-e-mail a:active:after,
.view-content .views-field .field--name-field-e-mail a:focus:after,
.articlecontent > .content > .field .field--name-field-media-document a:hover:after,
.articlecontent > .content > .field .field--name-field-media-document a:focus:after,
.articlecontent > .content > .field .field--name-field-media-document a:active:after,
.articlecontent > .content > .field .field--name-field-media-document a:focus:after,
.inputwrapper:hover:after,
.inputwrapper:focus:after,
.inputwrapper:active:after,
.inputwrapper:focus:after {
  background-position-x: 15px;
  left: auto;
}

/* button */
@media screen and (max-width: 768px) {
  .field--name-field-mehr-text a.button,
  .field--name-field-introtext a.button,
  .field--name-field-body a.button {
    display: inline-block;
    padding-top: 20px;
    max-width: 80vw;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
  }
  .field--name-field-mehr-text a.button:before,
  .field--name-field-introtext a.button:before,
  .field--name-field-body a.button:before {
    border-top-left-radius: 20px;
  }
}

.field--name-field-introtext .field_media_document .icon {
  display: none;
}

.section .container .field--name-field-media-document a,
.section .container .field--name-field-e-mail a,
.section .container .field--name-field-link a {
  color: #151515;
  background: 0;
}

.section .container .field--name-field-media-document a:hover, .section .container .field--name-field-media-document a:focus, .section .container .field--name-field-media-document a:active, .section .container .field--name-field-media-document a:focus,
.section .container .field--name-field-e-mail a:hover,
.section .container .field--name-field-e-mail a:focus,
.section .container .field--name-field-e-mail a:active,
.section .container .field--name-field-e-mail a:focus,
.section .container .field--name-field-link a:hover,
.section .container .field--name-field-link a:focus,
.section .container .field--name-field-link a:active,
.section .container .field--name-field-link a:focus {
  color: #151515;
  background: none;
}

.section .container .field--name-field-media-document a .icon,
.section .container .field--name-field-e-mail a .icon,
.section .container .field--name-field-link a .icon {
  display: none;
}

.inputwrapper {
  cursor: pointer;
}

#mc-embedded-subscribe {
  all: unset !important;
  display: inline-block;
}

.button.sendmessage {
  letter-spacing: 0;
  min-width: 190px;
  overflow: hidden;
}

/*
.button.is-primary {
    background: $black;
    border-color: transparent;
    color: #fff;
}
*/
.button.is-primary {
  color: #151515;
}

.button.is-primary:hover, .button.is-primary:focus, .button.is-primary:active, .button.is-primary:focus {
  background: transparent;
  color: #151515;
}

.button.is-medium {
  font-size: unset;
}

.button.btn-sm {
  padding: .4rem 1rem;
  border-radius: 30px;
  height: auto;
  font-size: 0.875rem;
  background: #fff;
  color: #EC6456;
}

@media screen and (min-width: 769px) {
  .button.btn-sm {
    font-size: 1rem;
  }
}

.button.btn-sm:hover, .button.btn-sm:focus, .button.btn-sm:active, .button.btn-sm:focus {
  background-color: #EC6456;
  border-color: #151515;
}

.button.is-outlined.is-primary {
  background: #fff;
  color: #151515;
  border-color: transparent;
  border: 2px solid #151515;
  border-radius: 10px;
  font-weight: 400;
  text-transform: none;
  padding: .75rem;
}

.button.is-outlined.is-primary:hover, .button.is-outlined.is-primary:focus, .button.is-outlined.is-primary:active, .button.is-outlined.is-primary:focus {
  background-color: #151515;
  transform: none;
  color: #fff;
  box-shadow: none;
  border-color: #151515;
}

a.button.is-link {
  margin: -0.5em 0 0 0;
  text-align: right;
  background-color: transparent !important;
  border: 0 none !important;
  display: block;
  color: #151515;
  padding-right: 40px;
  background: url(../assets/img/sprite_fcp.svg) no-repeat 102% -890px;
}

a.button.is-link:hover, a.button.is-link:focus, a.button.is-link:active, a.button.is-link:focus {
  background-color: transparent !important;
  transform: none;
  color: #151515;
  box-shadow: none;
  background-position-x: 101%;
  border: 0 none;
}

a.tabledrag-handle .handle {
  background-position: 0 -1px;
  margin-top: 1rem;
}

body main form table button.cancel.button:not(.field-add-more-submit):not(.paragraphs-dropdown-action) {
  display: block;
  position: relative;
  margin: 0;
  padding: 0;
  width: 34px;
  height: 34px;
  margin-top: 5px;
  border: 1px solid #424242;
  border: 0 none;
  background: transparent url(../assets/img/sprite_fcp.svg) no-repeat 99.4% -392px;
}

body main form table button.cancel.button:not(.field-add-more-submit):not(.paragraphs-dropdown-action) span {
  font-size: 0;
  display: block;
}

body main form table button.cancel.button:not(.field-add-more-submit):not(.paragraphs-dropdown-action):checked, body main form table button.cancel.button:not(.field-add-more-submit):not(.paragraphs-dropdown-action):focus, body main form table button.cancel.button:not(.field-add-more-submit):not(.paragraphs-dropdown-action):hover, body main form table button.cancel.button:not(.field-add-more-submit):not(.paragraphs-dropdown-action):active, body main form table button.cancel.button:not(.field-add-more-submit):not(.paragraphs-dropdown-action):focus-within {
  background-color: #fff;
  color: #151515;
  box-shadow: unset;
  transform: scale(1.2);
}

body main form table .control button.button:not(.field-add-more-submit) {
  display: block;
}

body main form table .control button.button:not(.field-add-more-submit):checked, body main form table .control button.button:not(.field-add-more-submit):focus, body main form table .control button.button:not(.field-add-more-submit):hover, body main form table .control button.button:not(.field-add-more-submit):active, body main form table .control button.button:not(.field-add-more-submit):focus-within {
  border: 0 none;
  box-shadow: unset;
  text-decoration: underline;
}

.webform-has-field-suffix input[type="text"] {
  width: 15%;
  float: left;
}

.webform-has-field-suffix .field-suffix {
  line-height: 3;
  margin-left: 1rem;
}

.form-item.js-form-type-checkbox {
  margin: 1rem 0;
  padding-left: 60px;
  position: relative;
}

.form-item.js-form-type-checkbox input[type="checkbox"] {
  display: none;
}

.form-item.js-form-type-checkbox label {
  position: relative;
}

.form-item.js-form-type-checkbox input[type="checkbox"] + label::before {
  content: ' ';
  display: block;
  height: 18px;
  width: 45px;
  height: 14px;
  width: 35px;
  border: 1px solid #ccc;
  border-radius: 7px;
  position: absolute;
  top: 5px;
  left: -65px;
  background: #ccc;
}

.form-item.js-form-type-checkbox input[type="checkbox"] + label::after {
  content: ' ';
  display: block;
  height: 30px;
  width: 30px;
  height: 24px;
  width: 24px;
  border: 1px solid #424242;
  border-radius: 50%;
  position: absolute;
  top: -6px;
  left: -75px;
  top: 0px;
  left: -75px;
  background: #424242;
  transition: all 0.3s ease-in;
}

.form-item.js-form-type-checkbox input[type="checkbox"]:checked + label::after {
  left: -40px;
  background: #EC6456;
  border: 1px solid #EC6456;
  transition: all 0.3s ease-in;
  opacity: 1;
}

.js-form-type-webform-document-file .form-item input[type="checkbox"] + label::before,
.js-form-type-webform-document-file .form-item input[type="checkbox"] + label::after {
  display: none;
}

.js-form-type-webform-document-file .form-item.js-form-type-checkbox {
  padding-left: 0;
}

.js-form-type-webform-document-file .webform-file-button-input.js-form-file.form-file {
  display: none;
}

.js-form-type-webform-document-file button.button.form-submit {
  display: none;
}

.section .container a.formtip {
  border: 1px solid #151515;
  margin: -3px 0 0 10px;
  background: #fff;
  background-size: unset;
  width: 15px;
  height: 15px;
  font-size: 14px;
  line-height: 15px;
  padding: 2px;
}

.section .container a.formtip:hover, .section .container a.formtip:focus, .section .container a.formtip:active, .section .container a.formtip:focus {
  border: 1px solid #151515;
  background: #fff;
  background-size: unset;
  transform: scale(1.1);
}

.formtip::before {
  content: '?';
  color: #151515;
}

div.autocomplete-deluxe-container input[type=text]:hover, div.autocomplete-deluxe-container input[type=text]:focus, div.autocomplete-deluxe-container input[type=text]:active, div.autocomplete-deluxe-container input[type=text]:focus, div.autocomplete-deluxe-container input[type=text]:focus-within {
  box-shadow: unset;
}

div.autocomplete-deluxe-container a, div.autocomplete-deluxe-container a:link {
  background-size: 0 0;
}

.ui-autocomplete .ui-menu-item a {
  background-size: 0 0;
  border: 0 none;
  box-shadow: unset;
  background: transparent;
  margin: 0;
  border-radius: 5px;
}

.ui-autocomplete .ui-menu-item a:hover, .ui-autocomplete .ui-menu-item a:focus, .ui-autocomplete .ui-menu-item a:active, .ui-autocomplete .ui-menu-item a:focus {
  background-size: 0 0;
  background: linear-gradient(25deg, #33b3ff 0%, #70f0a8 50%, #ff66c6 100%);
  color: #151515;
}

.image-widget {
  display: grid;
}

.image-widget > .control {
  width: 350px;
}

@media screen and (min-width: 769px) {
  .image-widget {
    grid-template-columns: 140px auto;
    grid-template-rows: repeat(3, auto);
    grid-column-gap: 5%;
    grid-row-gap: 1rem;
  }
}

.image-widget figure {
  grid-area: 1 / 1 / 5 / 2;
  padding-top: 1rem;
  text-align: left;
}

.image-widget figure img {
  width: 120px;
  height: auto;
}

/* Captcha */
.captcha {
  margin: 3em 0;
}

.ui-widget {
  padding: 1rem;
  border-radius: 15px;
  width: auto;
  border: 1px solid #151515 !important;
}

.ui-widget .ui-widget-header {
  background: transparent;
  border: 0 none;
}

.ui-widget .ui-dialog-title {
  display: none;
}

.ui-widget .ui-dialog-titlebar-close {
  position: absolute;
  right: 0.3em;
  top: 50%;
  width: 20px;
  margin: -10px 0 0 0;
  padding: 1px;
  height: 20px;
  background: transparent;
  border: 0 none !important;
  width: 40px;
  height: 40px;
  margin-top: -20px;
  opacity: 0.5;
  filter: alpha(opacity=50);
}

.ui-widget .ui-dialog-titlebar-close:hover, .ui-widget .ui-dialog-titlebar-close:focus, .ui-widget .ui-dialog-titlebar-close:active, .ui-widget .ui-dialog-titlebar-close:focus {
  opacity: 1;
}

.ui-widget .ui-button .ui-icon {
  background: transparent url(../assets/img/sprite_fcp.svg) no-repeat -826px -1551px;
}

.content figure {
  margin: 0;
}

body main .articlecontent .field_section {
  /* body main .articlecontent .field_section ..... */
  /* slide */
}

body main .articlecontent .field_section .css-slider {
  position: relative;
  width: 100%;
  overflow: hidden;
  margin: 40px 0;
  clear: both;
}

body main .articlecontent .field_section .css-slider input[type="radio"] {
  position: absolute;
  opacity: 0;
  width: 0;
  height: 0;
}

body main .articlecontent .field_section .slides {
  display: grid;
  grid-auto-flow: column;
  grid-auto-columns: 100%;
  transition: transform 0.6s ease-in-out;
  align-items: stretch;
}

@media screen and (min-width: 769px) {
  body main .articlecontent .field_section .slides {
    grid-auto-columns: calc(100% / 2);
  }
}

@media screen and (min-width: 1216px) {
  body main .articlecontent .field_section .slides {
    grid-auto-columns: calc(100% / 3);
  }
}

body main .articlecontent .field_section .slide {
  box-sizing: border-box;
  position: relative;
}

body main .articlecontent .field_section .slide > * {
  width: 100%;
}

body main .articlecontent .field_section .paragraph .slide {
  min-width: 100%;
  box-sizing: border-box;
  position: relative;
  padding-bottom: 2rem;
  height: 100%;
  min-height: 400px;
}

@media screen and (min-width: 769px) {
  body main .articlecontent .field_section .paragraph .slide {
    min-width: calc(100% / 2);
  }
}

@media screen and (min-width: 1216px) {
  body main .articlecontent .field_section .paragraph .slide {
    min-width: calc(100% / 3);
  }
}

@media screen and (min-width: 769px) {
  body main .articlecontent .field_section .paragraph .slide {
    padding: 0 1rem;
  }
}

body main .articlecontent .field_section .paragraph .slide * {
  position: relative;
}

body main .articlecontent .field_section .paragraph .slide > .paragraph {
  margin: 0;
  padding: 0;
  height: 100%;
  background: #edebe6;
  background: #d2cec5;
}

body main .articlecontent .field_section .paragraph .slide > .paragraph h2 {
  margin-bottom: 1rem;
}

body main .articlecontent .field_section .paragraph .slide > .paragraph h2:after {
  display: none;
}

body main .articlecontent .field_section .paragraph .slide > .paragraph > .inner {
  padding: 2rem 2rem;
  display: block;
}

body main .articlecontent .field_section #slide1:checked ~ .slides {
  transform: translateX(0%);
}

body main .articlecontent .field_section #slide2:checked ~ .slides {
  transform: translateX(-100%);
}

body main .articlecontent .field_section #slide3:checked ~ .slides {
  transform: translateX(-200%);
}

body main .articlecontent .field_section #slide4:checked ~ .slides {
  transform: translateX(-300%);
}

body main .articlecontent .field_section #slide5:checked ~ .slides {
  transform: translateX(-400%);
}

body main .articlecontent .field_section #slide6:checked ~ .slides {
  transform: translateX(-500%);
}

body main .articlecontent .field_section #slide7:checked ~ .slides {
  transform: translateX(-600%);
}

body main .articlecontent .field_section #slide8:checked ~ .slides {
  transform: translateX(-700%);
}

body main .articlecontent .field_section #slide9:checked ~ .slides {
  transform: translateX(-800%);
}

body main .articlecontent .field_section #slide10:checked ~ .slides {
  transform: translateX(-900%);
}

@media (min-width: 768px) {
  body main .articlecontent .field_section #slide1:checked ~ .slides {
    transform: translateX(0%);
  }
  body main .articlecontent .field_section #slide2:checked ~ .slides {
    transform: translateX(calc(-100% / 3));
  }
  body main .articlecontent .field_section #slide3:checked ~ .slides {
    transform: translateX(calc(-200% / 3));
  }
  body main .articlecontent .field_section #slide4:checked ~ .slides {
    transform: translateX(calc(-300% / 3));
  }
  body main .articlecontent .field_section #slide5:checked ~ .slides {
    transform: translateX(calc(-400% / 3));
  }
  body main .articlecontent .field_section #slide6:checked ~ .slides {
    transform: translateX(calc(-500% / 3));
  }
  body main .articlecontent .field_section #slide7:checked ~ .slides {
    transform: translateX(calc(-600% / 3));
  }
  body main .articlecontent .field_section #slide8:checked ~ .slides {
    transform: translateX(calc(-700% / 3));
  }
  body main .articlecontent .field_section #slide9:checked ~ .slides {
    transform: translateX(calc(-800% / 3));
  }
  body main .articlecontent .field_section #slide10:checked ~ .slides {
    transform: translateX(calc(-900% / 3));
  }
}

body main .articlecontent .field_section #slide1:checked ~ .slider-controls label:nth-child(1),
body main .articlecontent .field_section #slide2:checked ~ .slider-controls label:nth-child(2),
body main .articlecontent .field_section #slide3:checked ~ .slider-controls label:nth-child(3),
body main .articlecontent .field_section #slide4:checked ~ .slider-controls label:nth-child(4),
body main .articlecontent .field_section #slide5:checked ~ .slider-controls label:nth-child(5),
body main .articlecontent .field_section #slide6:checked ~ .slider-controls label:nth-child(6),
body main .articlecontent .field_section #slide7:checked ~ .slider-controls label:nth-child(7),
body main .articlecontent .field_section #slide8:checked ~ .slider-controls label:nth-child(8),
body main .articlecontent .field_section #slide9:checked ~ .slider-controls label:nth-child(9),
body main .articlecontent .field_section #slide10:checked ~ .slider-controls label:nth-child(10) {
  background: #333;
  transform: scale(1.3);
}

body main .articlecontent .field_section .css-slider {
  position: relative;
  margin: 0rem 0 0;
  width: 100%;
}

body main .articlecontent .field_section .css-slider .slider-arrow {
  cursor: pointer;
  z-index: 10;
  user-select: none;
}

body main .articlecontent .field_section .css-slider .slider-arrow.prev {
  left: 20px;
}

body main .articlecontent .field_section .css-slider .slider-arrow.next {
  right: 20px;
  left: auto;
}

body main .articlecontent .field_section .css-slider .controls {
  position: relative;
  height: 40px;
  margin: 0 0 1rem 0;
}

body main .articlecontent .field_section .css-slider button {
  position: absolute;
  background: transparent;
  padding: 0;
  top: 50%;
  left: 0;
  transform: translate(0, -120%);
  height: 20px;
  font-size: 0;
  font-size: 0;
  box-shadow: unset;
}

body main .articlecontent .field_section .css-slider button:hover, body main .articlecontent .field_section .css-slider button:focus, body main .articlecontent .field_section .css-slider button:active, body main .articlecontent .field_section .css-slider button:focus {
  background-size: 0 0;
  box-shadow: unset;
}

body main .articlecontent .field_section .css-slider button:hover:before, body main .articlecontent .field_section .css-slider button:focus:before, body main .articlecontent .field_section .css-slider button:active:before, body main .articlecontent .field_section .css-slider button:focus:before {
  opacity: 1;
}

body main .articlecontent .field_section .css-slider button:after {
  display: none;
}

body main .articlecontent .field_section .css-slider button:before {
  -webkit-transition: all 0.25s linear;
  -moz-transition: all 0.25s linear;
  -ms-transition: all 0.25s linear;
  -o-transition: all 0.25s linear;
  transition: all 0.25s linear;
  display: inline-block;
  content: "";
  position: absolute;
  right: 10px;
  top: 8px;
  top: auto;
  bottom: -4px;
  width: 40px;
  height: 20px;
  opacity: .85;
  background: transparent url(../assets/img/sprite_fcp.svg) no-repeat 8px -250px;
  animation: none;
  border: unset;
  border-radius: unset;
  clip-path: none;
}

body main .articlecontent .field_section .css-slider button:last-child:before {
  animation: none;
  right: 0;
  left: auto;
  background-position: 0px -350px;
}

body main .articlecontent .field_section .css-slider button:hover, body main .articlecontent .field_section .css-slider button:focus, body main .articlecontent .field_section .css-slider button:active, body main .articlecontent .field_section .css-slider button:focus {
  animation: none;
}

body main .articlecontent .field_section .css-slider button:hover:before, body main .articlecontent .field_section .css-slider button:focus:before, body main .articlecontent .field_section .css-slider button:active:before, body main .articlecontent .field_section .css-slider button:focus:before {
  background-position-x: 0px;
  animation: none;
}

body main .articlecontent .field_section .css-slider button:last-child:hover:before, body main .articlecontent .field_section .css-slider button:last-child:focus:before, body main .articlecontent .field_section .css-slider button:last-child:active:before, body main .articlecontent .field_section .css-slider button:last-child:focus:before {
  background-position-x: 8px;
}

/* body main .articlecontent .field_section  */
/*
@import "layouts/layout-nav";
*/
main.main {
  padding-bottom: 0;
}

main .column {
  padding: 0;
}

.front_row_2 {
  background-color: #edebe6;
}

.front-row > .inner {
  height: 100%;
  padding: 4rem 2rem 2rem 3rem;
}

@media screen and (min-width: 1024px) {
  .front-row > .inner {
    padding: 6rem 4rem 2rem 4rem;
  }
}

body.is-path-frontpage {
  /*	.front-row:last-child > .inner { padding-bottom: 5em;	}    */
}

body.is-path-frontpage .views-row {
  background-color: transparent;
}

/*
body.is-path-frontpage.smaller .view.startseite-slideshow  figure.image::after { 
			background: linear-gradient(0deg, rgba(255,255,255, 0.6) 0%, rgba(255,255,255, 0.35) 55%, rgba(255,255,255, 0) 75%); }  */
.front_row_1 > .inner {
  margin-bottom: 0;
}

.more-link {
  text-align: center;
  padding-top: 2rem;
  -webkit-box-flex: 0;
  -webkit-flex: 0 1 100%;
  -moz-box-flex: 0;
  -moz-flex: 0 1 100%;
  -ms-flex: 0 1 100%;
  flex: 0 1 100%;
}

/* FRONT ROW 1  */
.front_row_1 {
  position: relative;
  z-index: 0;
  width: 100%;
  /* flexslider */
  /* li */
}

.front_row_1.front-row {
  z-index: 0;
}

.front_row_1 > .inner {
  padding: 0;
}

.front_row_1 .flexslider {
  margin: 0;
  padding: 0;
  border: 0 none;
  /* .flex-active-slide */
}

.front_row_1 .flexslider li {
  z-index: -1;
}

.front_row_1 .flexslider ul.slides {
  margin: 0;
}

.front_row_1 .flexslider li {
  padding: 0;
}

.front_row_1 .flexslider ul, .front_row_1 .flexslider li {
  padding: 0;
  margin: 0;
  list-style: none;
}

.front_row_1 .flexslider ul li {
  position: relative;
  width: 100%;
  height: 100%;
  overflow: hidden;
}

.front_row_1 .flexslider ul li .views-field-field-bild {
  inset: 0;
  /* top:0 right:0 bottom:0 left:0 */
  z-index: 1;
}

.front_row_1 .flexslider ul li .views-field-field-overlay-grafik {
  position: absolute;
  inset: 0;
  z-index: 2;
  pointer-events: none;
  /* optional */
  overflow: hidden;
}

.front_row_1 .flexslider ul li .views-field-field-overlay-grafik .field-content, .front_row_1 .flexslider ul li .views-field-field-overlay-grafik figure {
  width: 100%;
  height: 100%;
}

.front_row_1 .flexslider ul li .views-field-field-overlay-grafik img {
  width: 100%;
  height: 100%;
  object-fit: cover;
  object-position: center center;
}

.front_row_1 .flexslider ul li .views-field-field-subtitel {
  position: absolute;
  inset: 0;
  z-index: 2;
  background: rgba(0, 0, 0, 0.6);
  /*
		  max-width: 1600px;
*/
  border-radius: 0 25px 25px 0;
  position: absolute;
  z-index: 2;
  top: 4rem;
  bottom: auto;
  top: 2rem;
  bottom: auto;
  display: flex;
  justify-content: flex-end;
  /* Container nach rechts schieben */
  align-items: center;
  width: 85%;
}

.front_row_1 .flexslider ul li .views-field-field-subtitel *, .front_row_1 .flexslider ul li .views-field-field-subtitel h2 {
  color: #fff;
}

@media screen and (min-width: 769px) {
  .front_row_1 .flexslider ul li .views-field-field-subtitel {
    top: 4rem;
    bottom: auto;
  }
}

@media screen and (min-width: 600px) {
  .front_row_1 .flexslider ul li .views-field-field-subtitel {
    width: 80%;
  }
}

@media screen and (min-width: 769px) {
  .front_row_1 .flexslider ul li .views-field-field-subtitel {
    width: 70%;
  }
}

@media screen and (min-width: 1024px) {
  .front_row_1 .flexslider ul li .views-field-field-subtitel {
    width: 60%;
  }
}

@media screen and (min-width: 1216px) {
  .front_row_1 .flexslider ul li .views-field-field-subtitel {
    width: 50%;
  }
}

.front_row_1 .flexslider ul li .views-field-field-subtitel .container {
  padding-right: 0;
  /* optional */
  padding-left: 0;
  /* optional */
  padding: 0;
  width: 100%;
  margin-left: 2rem;
}

@media screen and (min-width: 1024px) {
  .front_row_1 .flexslider ul li .views-field-field-subtitel .container {
    margin-left: 8%;
    margin-right: 0;
  }
}

@media screen and (min-width: 1216px) {
  .front_row_1 .flexslider ul li .views-field-field-subtitel .container {
    max-width: 650px !important;
  }
}

@media screen and (min-width: 1500px) {
  .front_row_1 .flexslider ul li .views-field-field-subtitel .container {
    max-width: 700px !important;
    margin-left: 0;
  }
}

.front_row_1 .view-content {
  display: block;
}

.front_row_1 ul.slides li,
.front_row_1 .views-row {
  position: relative;
  margin-top: 0;
}

@media screen and (min-width: 769px) {
  .front_row_1 ul.slides li,
  .front_row_1 .views-row {
    height: 500px;
  }
}

.front_row_1 ul.slides li img,
.front_row_1 .views-row img {
  opacity: 1;
  width: 100%;
  height: 400px;
  object-fit: cover;
  object-position: left center;
}

@media screen and (min-width: 769px) {
  .front_row_1 ul.slides li img,
  .front_row_1 .views-row img {
    height: 500px;
  }
}

@media screen and (min-width: 1024px) {
  .front_row_1 ul.slides li img,
  .front_row_1 .views-row img {
    height: 500px;
  }
}

.front_row_1 ul.slides li .views-field-field-subtitel .container h2,
.front_row_1 .views-row .views-field-field-subtitel .container h2 {
  width: 100%;
  text-align: left;
  position: relative;
  display: block;
  hyphens: unset;
  overflow-wrap: unset;
  margin: 0 0 .5rem;
  font-weight: 600;
  font-size: 1rem;
  padding: 1rem .5rem 0 0;
}

@media screen and (min-width: 600px) {
  .front_row_1 ul.slides li .views-field-field-subtitel .container h2,
  .front_row_1 .views-row .views-field-field-subtitel .container h2 {
    font-size: 1.5rem;
  }
}

@media screen and (min-width: 769px) {
  .front_row_1 ul.slides li .views-field-field-subtitel .container h2,
  .front_row_1 .views-row .views-field-field-subtitel .container h2 {
    font-size: 1.5rem;
  }
}

@media screen and (min-width: 1024px) {
  .front_row_1 ul.slides li .views-field-field-subtitel .container h2,
  .front_row_1 .views-row .views-field-field-subtitel .container h2 {
    font-size: 2rem;
  }
}

@media screen and (min-width: 1024px) {
  .front_row_1 ul.slides li .views-field-field-subtitel .container h2,
  .front_row_1 .views-row .views-field-field-subtitel .container h2 {
    padding: 2rem 2rem 0 0;
  }
}

.front_row_1 ul.slides li .views-field-field-subtitel .container div.linker,
.front_row_1 .views-row .views-field-field-subtitel .container div.linker {
  text-align: right;
}

.front_row_1 ul.slides li .views-field-field-subtitel .container div.linker a.button,
.front_row_1 .views-row .views-field-field-subtitel .container div.linker a.button {
  margin: 0 1rem 1rem 0;
  filter: invert(1);
}

.front_row_1 ul.slides li .views-field-field-subtitel .container div.linker a.button span,
.front_row_1 .views-row .views-field-field-subtitel .container div.linker a.button span {
  font-size: 0;
}

/* front row 1 */
/* FLEXSLIDER & TINY SLIDER */
.flexslider {
  margin: 0;
  padding: 0;
  border: 0 none;
}

.flexslider * {
  margin: 0;
  padding: 0;
}

.flexslider li {
  z-index: -1;
}

.flexslider ul.slides {
  margin: 0;
}

.flexslider ul, .flexslider li {
  list-style: none;
}

.flexslider .flex-direction-nav a,
.flexslider .flex-direction-nav a {
  display: block;
  width: 50px;
  height: 80px;
  line-height: 80px;
  position: absolute;
  top: 300px;
  z-index: 20;
}

.front-row .flex-direction-nav a {
  background-size: 0 0;
}

.front-row .flex-direction-nav a:before {
  -webkit-transition: all 0.25s linear;
  -moz-transition: all 0.25s linear;
  -ms-transition: all 0.25s linear;
  -o-transition: all 0.25s linear;
  transition: all 0.25s linear;
  font-family: "Montserrat", Helvetica, Arial, "Nimbus Sans L", sans-serif;
  font-size: 80px;
  line-height: 80px;
  font-weight: 300;
  display: inline-block;
  content: "";
  width: 50px;
  height: 100px;
  opacity: .25;
  background: transparent url(../assets/img/sprite_fcp.svg) no-repeat 2px -1300px;
}

.front-row .flex-direction-nav a:hover, .front-row .flex-direction-nav a:focus, .front-row .flex-direction-nav a:active, .front-row .flex-direction-nav a:focus {
  background-size: 0 0;
}

.front-row .flex-direction-nav a:hover:before, .front-row .flex-direction-nav a:focus:before, .front-row .flex-direction-nav a:active:before, .front-row .flex-direction-nav a:focus:before {
  opacity: 1;
}

.front-row .flex-direction-nav a.flex-next:before {
  content: "";
  background-position: -100px -1300px;
}

.flex-direction-nav .flex-next {
  right: 0px;
  opacity: .25;
}

.flex-direction-nav .flex-prev {
  left: 0px;
  opacity: .25;
}

/*
.tns-controls {
	button {
		position: absolute;
		position: absolute;
		top: 40%;
		left: 50%;
		left: 0; 
		transform: translate(-50%, -50%);
	}
	button:last-child {
		right: 0;
		left: auto; 
		transform: translate(50%, -50%);
	}

}

.tns-item { 
}

.tns-outer .tns-controls [aria-controls],
.tns-outer .tns-controls [disabled]   {
    font-size: 0;
    background: transparent; 
}
*/
/* FRONT ROW 2 - TEXTANIIMATION */
.front_row_1a > .inner:before {
  display: none;
}

.front_row_1a > .inner {
  background: transparent;
  padding: 0 2rem 0 2rem;
}

@media screen and (min-width: 1024px) {
  .front_row_1a > .inner {
    padding: 2rem 4rem 4rem 4rem;
  }
}

.front_row_1a #block-fcp-textanimsliderv2-2 {
  max-width: 800px;
  margin: 0 auto;
  padding: 2rem 0;
}

@media screen and (min-width: 769px) {
  .front_row_1a #block-fcp-textanimsliderv2-2 {
    width: 66%;
  }
}

@media screen and (min-width: 1024px) {
  .front_row_1a #block-fcp-textanimsliderv2-2 {
    max-width: 1000px;
    width: auto;
  }
}

.section main .front_row_2 > .container,
.section main .front_row_3 > .container {
  padding: 4rem 2rem 4rem 2rem;
}

@media screen and (min-width: 769px) {
  .section main .front_row_2 > .container,
  .section main .front_row_3 > .container {
    padding: 4rem 10% 4rem 0;
  }
}

@media screen and (min-width: 1024px) {
  .section main .front_row_2 > .container,
  .section main .front_row_3 > .container {
    padding: 4rem 10% 4rem 0;
  }
}

@media screen and (min-width: 1024px) {
  .section main .front_row_2 > .container,
  .section main .front_row_3 > .container {
    padding: 4rem 6rem 4rem 0;
  }
}

.section main .front_row_3 > .container {
  padding: 4rem 2rem 0 2rem;
}

@media screen and (min-width: 769px) {
  .section main .front_row_3 > .container {
    padding: 4rem 10% 4rem 10%;
  }
}

@media screen and (min-width: 1024px) {
  .section main .front_row_3 > .container {
    padding: 6rem 10% 4rem 10%;
  }
}

@media screen and (min-width: 1024px) {
  .section main .front_row_3 > .container {
    padding: 4rem 6rem 4rem 6rem;
  }
}

/* FRONT ROW 2 - COUNTER  */
.front_row_2 {
  position: relative;
}

@media screen and (min-width: 1024px) {
  .front_row_2 {
    margin-top: unset;
  }
}

.front_row_2 > .container {
  margin-bottom: 0;
  background: transparent;
  display: -webkit-box;
  display: -webkit-flex;
  display: -moz-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-flex-wrap: wrap;
  -moz-flex-wrap: wrap;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
  -webkit-box-pack: justify;
  -ms-flex-pack: justify;
  -webkit-justify-content: space-between;
  -moz-justify-content: space-between;
  justify-content: space-between;
}

.front_row_2 > .container > div {
  -webkit-box-flex: 0;
  -webkit-flex: 0 1 100%;
  -moz-box-flex: 0;
  -moz-flex: 0 1 100%;
  -ms-flex: 0 1 100%;
  flex: 0 1 100%;
}

@media screen and (min-width: 600px) {
  .front_row_2 > .container > div {
    -webkit-box-flex: 0;
    -webkit-flex: 0 1 48%;
    -moz-box-flex: 0;
    -moz-flex: 0 1 48%;
    -ms-flex: 0 1 48%;
    flex: 0 1 48%;
  }
}

@media screen and (min-width: 1024px) {
  .front_row_2 > .container > div {
    -webkit-box-flex: 0;
    -webkit-flex: 0 1 33%;
    -moz-box-flex: 0;
    -moz-flex: 0 1 33%;
    -ms-flex: 0 1 33%;
    flex: 0 1 33%;
  }
  .front_row_2 > .container > div:first-child {
    -webkit-box-flex: 0;
    -webkit-flex: 0 1 60%;
    -moz-box-flex: 0;
    -moz-flex: 0 1 60%;
    -ms-flex: 0 1 60%;
    flex: 0 1 60%;
  }
}

.front_row_2 > .container > div:nth-child(3) {
  display: none;
}

@media screen and (min-width: 769px) {
  .front_row_2 > .container > div:nth-child(3) {
    display: block;
  }
}

/* front row 2 */
/* FRONT ROW 3 - LÖSUNGEN */
.front_row_3 {
  -webkit-transition: all 0.52s ease-in-out;
  -moz-transition: all 0.52s ease-in-out;
  -ms-transition: all 0.52s ease-in-out;
  -o-transition: all 0.52s ease-in-out;
  transition: all 0.52s ease-in-out;
  position: relative;
  scroll-snap-align: start;
  /* An der Oberkante jeder Sektion soll gestoppt werden */
  margin-bottom: 6em;
  background: #fff;
  /* view content */
}

.front_row_3 h2 {
  position: relative;
}

.front_row_3 h2::after {
  display: block;
  content: "";
  position: absolute;
  width: 4000px;
  height: 8px;
  border-radius: 0;
  border: 0 none;
  background: #151515;
  display: block;
  margin: 0 0 0 -4032px;
  left: 60px;
  top: 46px;
  left: 20px;
  top: 15px;
}

@media screen and (min-width: 600px) {
  .front_row_3 h2::after {
    height: 10px;
    top: 20px;
  }
}

@media screen and (min-width: 1024px) {
  .front_row_3 h2::after {
    top: 37px;
    top: 22px;
    left: auto;
  }
}

@media screen and (max-width: 768px) {
  .front_row_3 h2::after {
    display: none;
  }
}

.front_row_3 h2:after {
  top: 15px;
  left: 16px;
}

@media screen and (min-width: 600px) {
  .front_row_3 h2:after {
    top: 20px;
  }
}

@media screen and (min-width: 1024px) {
  .front_row_3 h2:after {
    top: 22px;
  }
}

.front_row_3 .field--name-body {
  margin-bottom: 1rem;
}

@media screen and (min-width: 1024px) {
  .front_row_3 .field--name-body {
    width: 60%;
  }
}

.front_row_3 .view-content {
  display: block;
  /* tiny slider einstellungen in layout_article.scss */
  /* views-row */
}

.front_row_3 .view-content .tns-outer {
  font-family: unset;
}

.front_row_3 .view-content .tns-outer p {
  font-weight: 400;
}

.front_row_3 .view-content .tns-outer .tns-item {
  padding-right: 2rem;
  font-size: initial;
  text-transform: initial;
  height: 100%;
}

.front_row_3 .view-content .tns-outer .tns-item > div a.card * {
  opacity: 0.2;
}

.front_row_3 .view-content .tns-outer .tns-item.tns-slide-active > div a.card * {
  opacity: 1;
}

.front_row_3 .view-content .tns-outer a.card {
  display: block;
  background: #fff;
  height: 100%;
  width: 100%;
  box-shadow: unset;
  /*
      box-shadow: 2px 2px 4px $grey;
*/
  /* from Mixin above */
  /* ++++++++++++++++++++++++++++++++   */
  /* ++++++++++++++++++++++++++++++++   */
}

@media screen and (min-width: 769px) {
  .front_row_3 .view-content .tns-outer a.card {
    display: grid;
    grid-template-columns: 1fr;
    grid-template-rows: 10px auto auto 1fr;
    grid-template-rows: 200px auto;
    grid-template-rows: auto auto;
    grid-template-rows: minmax(200px, auto) 1fr;
    grid-column-gap: 0px;
    grid-row-gap: 0px;
  }
}

.front_row_3 .view-content .tns-outer a.card * {
  -webkit-transition: all 0.15s linear;
  -moz-transition: all 0.15s linear;
  -ms-transition: all 0.15s linear;
  -o-transition: all 0.15s linear;
  transition: all 0.15s linear;
  padding: 0;
  margin: 0;
  color: #151515;
}

.front_row_3 .view-content .tns-outer a.card > * {
  padding: 0 2rem;
  padding: 0;
  margin: 0;
  color: #151515;
}

.front_row_3 .view-content .tns-outer a.card:hover, .front_row_3 .view-content .tns-outer a.card:focus, .front_row_3 .view-content .tns-outer a.card:active, .front_row_3 .view-content .tns-outer a.card:focus-within {
  color: #EC6456;
}

.front_row_3 .view-content .tns-outer a.card:hover *, .front_row_3 .view-content .tns-outer a.card:focus *, .front_row_3 .view-content .tns-outer a.card:active *, .front_row_3 .view-content .tns-outer a.card:focus-within * {
  color: #EC6456;
}

.front_row_3 .view-content .tns-outer a.card:hover:after, .front_row_3 .view-content .tns-outer a.card:focus:after, .front_row_3 .view-content .tns-outer a.card:active:after, .front_row_3 .view-content .tns-outer a.card:focus-within:after {
  display: none;
}

.front_row_3 .view-content .tns-outer a.card.projekt .small, .front_row_3 .view-content .tns-outer a.card.news .small, .front_row_3 .view-content .tns-outer a.card.kompetenzen .small {
  text-transform: uppercase;
}

.front_row_3 .view-content .tns-outer a.card > figure.image,
.front_row_3 .view-content .tns-outer a.card .field_media_image figure.image,
.front_row_3 .view-content .tns-outer a.card div.field--name-field-mehr-bilder figure.image,
.front_row_3 .view-content .tns-outer a.card .views-field-field-image, .front_row_3 .view-content .tns-outer a.card .views-field-logo {
  /* passt sich genau der Bildgröße an */
  position: relative;
  /* nötig für ::after */
  padding: 0;
  /* Standard-Padding entfernen */
  line-height: 0;
  /* verhindert zusätzlichen Platz unter img */
  margin-bottom: .5rem;
}

@media screen and (min-width: 769px) {
  .front_row_3 .view-content .tns-outer a.card > figure.image,
  .front_row_3 .view-content .tns-outer a.card .field_media_image figure.image,
  .front_row_3 .view-content .tns-outer a.card div.field--name-field-mehr-bilder figure.image,
  .front_row_3 .view-content .tns-outer a.card .views-field-field-image, .front_row_3 .view-content .tns-outer a.card .views-field-logo {
    display: inline-block;
  }
}

.front_row_3 .view-content .tns-outer a.card > figure.image:after,
.front_row_3 .view-content .tns-outer a.card .field_media_image figure.image:after,
.front_row_3 .view-content .tns-outer a.card div.field--name-field-mehr-bilder figure.image:after,
.front_row_3 .view-content .tns-outer a.card .views-field-field-image:after, .front_row_3 .view-content .tns-outer a.card .views-field-logo:after {
  -webkit-transition: all 0.15s linear;
  -moz-transition: all 0.15s linear;
  -ms-transition: all 0.15s linear;
  -o-transition: all 0.15s linear;
  transition: all 0.15s linear;
  content: "";
  position: absolute;
  inset: 0;
  background: rgba(235, 99, 84, 0.6);
  pointer-events: none;
  opacity: 0;
}

.front_row_3 .view-content .tns-outer a.card:hover > figure.image:after, .front_row_3 .view-content .tns-outer a.card:hover .views-field-field-image:after, .front_row_3 .view-content .tns-outer a.card:hover .views-field-logo:after,
.front_row_3 .view-content .tns-outer a.card:hover .field_media_image figure.image:after, .front_row_3 .view-content .tns-outer a.card:focus > figure.image:after, .front_row_3 .view-content .tns-outer a.card:focus .views-field-field-image:after, .front_row_3 .view-content .tns-outer a.card:focus .views-field-logo:after,
.front_row_3 .view-content .tns-outer a.card:focus .field_media_image figure.image:after, .front_row_3 .view-content .tns-outer a.card:active > figure.image:after, .front_row_3 .view-content .tns-outer a.card:active .views-field-field-image:after, .front_row_3 .view-content .tns-outer a.card:active .views-field-logo:after,
.front_row_3 .view-content .tns-outer a.card:active .field_media_image figure.image:after, .front_row_3 .view-content .tns-outer a.card:focus-within > figure.image:after, .front_row_3 .view-content .tns-outer a.card:focus-within .views-field-field-image:after, .front_row_3 .view-content .tns-outer a.card:focus-within .views-field-logo:after,
.front_row_3 .view-content .tns-outer a.card:focus-within .field_media_image figure.image:after {
  opacity: 1;
}

.front_row_3 .view-content .tns-outer a.card h2, .front_row_3 .view-content .tns-outer a.card h3 {
  margin: 0;
}

.front_row_3 .view-content .tns-outer a.card h3 {
  text-transform: none;
}

@media screen and (min-width: 1216px) {
  .front_row_3 .view-content .tns-outer a.card h3 {
    letter-spacing: .025rem;
  }
}

.front_row_3 .view-content .tns-outer a.card ul {
  margin: 0;
  list-style: none;
}

.front_row_3 .view-content .tns-outer a.card ul li {
  list-style: none;
}

.front_row_3 .view-content .tns-outer a.card .views-field div.field-content,
.front_row_3 .view-content .tns-outer a.card .views-field-details .field-content,
.front_row_3 .view-content .tns-outer a.card span.views-label + span {
  word-break: break-word;
}

.front_row_3 .view-content .tns-outer a.card .views-label {
  font-size: 0;
  position: relative;
  display: inline-block;
}

.front_row_3 .view-content .tns-outer a.card .views-label:before {
  content: "";
  display: block;
  position: absolute;
  left: 0;
  top: -6px;
  width: 36px;
  height: 36px;
  border-radius: 100%;
  background: #ff75cc url(../assets/img/sprite_fcp.svg) no-repeat 5px -695px;
}

.front_row_3 .view-content .tns-outer a.card.image {
  min-height: 300px;
  display: grid;
  grid-template-columns: 1fr;
  grid-template-rows: 1fr auto;
  grid-template-rows: auto auto 1fr auto;
  grid-column-gap: 0px;
  grid-row-gap: 0px;
}

.front_row_3 .view-content .tns-outer a.card.image figure img {
  margin: 0;
  padding: 0;
  height: 250px;
  width: 100%;
  object-fit: cover;
  object-position: center center;
  border-radius: 20px 20px 0 0;
}

@media screen and (max-width: 768px) {
  .front_row_3 .view-content .tns-outer a.card.image figure img {
    height: 150px;
  }
}

.front_row_3 .view-content .tns-outer a.card.small {
  grid-template-columns: 1fr;
  grid-template-rows: repeat(2, 1fr);
  grid-template-rows: auto 1fr;
  border: 0 none;
  min-height: 150px;
  margin-bottom: 1rem;
}

@media screen and (min-width: 769px) {
  .front_row_3 .view-content .tns-outer a.card.small {
    min-height: 200px;
  }
}

@media screen and (min-width: 1024px) {
  .front_row_3 .view-content .tns-outer a.card.small {
    min-height: 300px;
  }
}

.front_row_3 .view-content .tns-outer a.card {
  grid-template-rows: minmax(200px, auto) 1fr;
  grid-template-rows: auto auto 1fr;
  background: #edebe6;
  padding-bottom: 2rem;
  height: 100%;
  min-height: 400px;
}

.front_row_3 .view-content .tns-outer a.card > * {
  text-transform: unset;
}

.front_row_3 .view-content .tns-outer a.card::after {
  -webkit-transition: all 0.15s linear;
  -moz-transition: all 0.15s linear;
  -ms-transition: all 0.15s linear;
  -o-transition: all 0.15s linear;
  transition: all 0.15s linear;
  display: block;
  content: "";
  display: block;
  position: absolute;
  height: 30px;
  width: 60px;
  background: url(../assets/img/sprite_fcp.svg) no-repeat 0 -1200px;
  right: 10px;
  bottom: 10px;
  filter: brightness(0.1);
}

.front_row_3 .view-content .tns-outer a.card:hover, .front_row_3 .view-content .tns-outer a.card:focus, .front_row_3 .view-content .tns-outer a.card:active, .front_row_3 .view-content .tns-outer a.card:focus-within {
  background: #EC6456;
  outline: unset;
}

.front_row_3 .view-content .tns-outer a.card:hover *, .front_row_3 .view-content .tns-outer a.card:focus *, .front_row_3 .view-content .tns-outer a.card:active *, .front_row_3 .view-content .tns-outer a.card:focus-within * {
  color: #fff;
}

.front_row_3 .view-content .tns-outer a.card:hover::after, .front_row_3 .view-content .tns-outer a.card:focus::after, .front_row_3 .view-content .tns-outer a.card:active::after, .front_row_3 .view-content .tns-outer a.card:focus-within::after {
  filter: brightness(1);
}

.front_row_3 .view-content .tns-outer a.card div.views-field {
  padding: 0 1.5rem;
  margin-bottom: .5rem;
}

.front_row_3 .view-content .tns-outer a.card h3 {
  text-transform: unset;
}

.front_row_3 .view-content .tns-outer a.card figure {
  margin-bottom: .5rem;
}

.front_row_3 .view-content .tns-outer a.card figure img {
  height: 150px;
  width: 100%;
  object-fit: cover;
}

@media screen and (min-width: 1024px) {
  .front_row_3 .view-content .tns-outer a.card figure img {
    height: 150px;
    width: 100%;
  }
}

.front_row_3 .view-content .tns-outer {
  margin: 3rem 0 0;
  position: relative;
}

.front_row_3 .view-content .tns-ovh {
  position: relative;
}

.front_row_3 .view-content .tns-controls {
  position: relative;
  margin: 2rem 0 0;
  width: 100%;
  position: absolute;
  margin: 0;
  left: 0;
  top: -2rem;
  height: 40px;
}

.front_row_3 .view-content .tns-controls button {
  position: absolute;
  background: transparent;
  padding: 0;
  top: 50%;
  left: 0;
  transform: translate(0, -120%);
  height: 20px;
  font-size: 0;
}

.front_row_3 .view-content .tns-controls button:hover, .front_row_3 .view-content .tns-controls button:focus, .front_row_3 .view-content .tns-controls button:active, .front_row_3 .view-content .tns-controls button:focus {
  background-size: 0 0;
  box-shadow: unset;
}

.front_row_3 .view-content .tns-controls button:hover:before, .front_row_3 .view-content .tns-controls button:focus:before, .front_row_3 .view-content .tns-controls button:active:before, .front_row_3 .view-content .tns-controls button:focus:before {
  opacity: 1;
}

.front_row_3 .view-content .tns-controls button:last-child {
  right: 0;
  left: auto;
}

.front_row_3 .view-content .tns-controls button:after {
  display: none;
}

.front_row_3 .view-content .tns-controls button:before {
  -webkit-transition: all 0.25s linear;
  -moz-transition: all 0.25s linear;
  -ms-transition: all 0.25s linear;
  -o-transition: all 0.25s linear;
  transition: all 0.25s linear;
  display: inline-block;
  content: "";
  position: absolute;
  right: 10px;
  top: 8px;
  top: auto;
  bottom: -4px;
  width: 40px;
  height: 20px;
  opacity: .85;
  background: transparent url(../assets/img/sprite_fcp.svg) no-repeat 8px -250px;
  animation: none;
  border: unset;
  border-radius: unset;
  clip-path: none;
}

.front_row_3 .view-content .tns-controls button:last-child:before {
  right: 0;
  left: auto;
  background-position: 0px -350px;
}

.front_row_3 .view-content .tns-controls button:hover:before, .front_row_3 .view-content .tns-controls button:focus:before, .front_row_3 .view-content .tns-controls button:active:before, .front_row_3 .view-content .tns-controls button:focus:before {
  background-position-x: 0px;
}

.front_row_3 .view-content .tns-controls button:last-child:hover:before, .front_row_3 .view-content .tns-controls button:last-child:focus:before, .front_row_3 .view-content .tns-controls button:last-child:active:before, .front_row_3 .view-content .tns-controls button:last-child:focus:before {
  background-position-x: 8px;
}

/* front row 3 */
.section main {
  /* front row 4 + 5 gemeinsam */
  /* gmeinesmae Elemente */
  /* front row 4 + 5 gemeinsam */
}

.section main .front_row_4 > .container,
.section main .front_row_5 > .container {
  padding: 1rem 2rem 4rem 2rem;
}

@media screen and (min-width: 769px) {
  .section main .front_row_4 > .container,
  .section main .front_row_5 > .container {
    padding: 2rem 5% 6rem 5%;
  }
}

@media screen and (min-width: 1024px) {
  .section main .front_row_4 > .container,
  .section main .front_row_5 > .container {
    padding: 2rem 5% 6rem 5%;
  }
}

.section main .front_row_4 > .container > .block > h2::after,
.section main .front_row_5 > .container > .block > h2::after {
  display: block;
  content: "";
  width: 4000px;
  border-radius: 0;
  border: 0 none;
  background: #EC6456;
  display: block;
  margin: -119px 0 0 -4020px;
  position: absolute;
  height: 130px;
  background: url(../assets/img/sprite_lines.svg) no-repeat right -186px;
}

@media screen and (max-width: 1023px) {
  .section main .front_row_4 > .container > .block > h2::after,
  .section main .front_row_5 > .container > .block > h2::after {
    transform: scale(0.5);
    margin: -105px 0 0 -3012px;
  }
}

@media screen and (max-width: 768px) {
  .section main .front_row_4 > .container > .block > h2::after,
  .section main .front_row_5 > .container > .block > h2::after {
    display: none;
  }
}

.section main .front_row_5 > .container {
  padding: 4rem 2rem 4rem 2rem;
}

@media screen and (min-width: 769px) {
  .section main .front_row_5 > .container {
    padding: 4rem 5% 4rem 5%;
  }
}

@media screen and (min-width: 1024px) {
  .section main .front_row_5 > .container {
    padding: 4rem 5% 2rem 5%;
  }
}

.section main .front_row_5 > .container > .block {
  position: relative;
  /*
		  	&:after { 
	            margin: 90px 0 0 -4032px;
	            @include until($desktop) { 
		            margin: 49px 0 0 -2982px;  
	            } 
		}
	            */
}

.section main .front_row_5 > .container > .block::after {
  display: block;
  content: "";
  border-radius: 0;
  border: 0 none;
  background: #EC6456;
  display: block;
  position: absolute;
  height: 110px;
  width: 80px;
  background: url(../assets/img/sprite_lines.svg) no-repeat 0 -1000px;
  left: -1px;
  top: -48px;
}

@media screen and (max-width: 1023px) {
  .section main .front_row_5 > .container > .block::after {
    background-position-y: -374px;
    width: 40px;
    height: 120px;
  }
}

@media screen and (max-width: 1023px) {
  .section main .front_row_5 > .container > .block::after {
    display: none;
  }
}

.section main .front_row_5 > .container > .block:after {
  left: -82px;
  top: -64px;
  height: 92px;
  width: 70px;
  background-position-y: -1008px;
}

@media screen and (max-width: 1023px) {
  .section main .front_row_5 > .container > .block:after {
    display: none;
  }
}

.section main .front_row_5 > .container > .block > h2:after {
  display: none;
  background: red url(../assets/img/sprite_lines.svg) no-repeat left -1000px;
  left: -64px;
  top: -64px;
  left: 64px;
  top: 64px;
  z-index: 20;
}

.section main .front_row_4,
.section main .front_row_5 {
  /* field_section */
}

@media screen and (min-width: 1024px) {
  .section main .front_row_4 .field_subtitel,
  .section main .front_row_4 > .container > .block > h2,
  .section main .front_row_5 .field_subtitel,
  .section main .front_row_5 > .container > .block > h2 {
    max-width: 66%;
  }
}

@media screen and (min-width: 1216px) {
  .section main .front_row_4 .field_subtitel,
  .section main .front_row_4 > .container > .block > h2,
  .section main .front_row_5 .field_subtitel,
  .section main .front_row_5 > .container > .block > h2 {
    max-width: 50%;
  }
}

.section main .front_row_4 .field--name-field-section .paragraph > .container .text, .section main .front_row_4 .field--name-field-section .paragraph > .container .bbbbbbbbbb,
.section main .front_row_5 .field--name-field-section .paragraph > .container .text,
.section main .front_row_5 .field--name-field-section .paragraph > .container .bbbbbbbbbb {
  display: none;
}

.section main .front_row_4 .paragraph h3,
.section main .front_row_5 .paragraph h3 {
  font-size: 0.875rem;
  margin: 0 0 .25rem 0;
}

@media screen and (min-width: 420px) {
  .section main .front_row_4 .paragraph h3,
  .section main .front_row_5 .paragraph h3 {
    font-size: 1rem;
  }
}

.section main .front_row_4 .subtitel,
.section main .front_row_5 .subtitel {
  text-transform: uppercase;
  font-size: 0.75rem;
}

@media screen and (min-width: 769px) {
  .section main .front_row_4 .subtitel,
  .section main .front_row_5 .subtitel {
    font-size: 0.875rem;
  }
}

.section main .front_row_4 .field_section,
.section main .front_row_5 .field_section {
  margin-top: 2rem;
  display: grid;
  height: 100%;
  position: relative;
  grid-template-columns: repeat(1, 1fr);
  grid-template-rows: auto;
  row-gap: 2rem;
  /*  a.paragraph  */
}

@media screen and (min-width: 420px) {
  .section main .front_row_4 .field_section,
  .section main .front_row_5 .field_section {
    gap: 2rem;
    grid-template-columns: repeat(2, 46%);
  }
}

@media screen and (min-width: 769px) {
  .section main .front_row_4 .field_section,
  .section main .front_row_5 .field_section {
    grid-template-rows: repeat(2, 1fr);
    grid-template-columns: 60% 1fr;
  }
}

@media screen and (min-width: 1024px) {
  .section main .front_row_4 .field_section,
  .section main .front_row_5 .field_section {
    gap: 3rem;
    grid-template-columns: 40% 1fr 1fr;
  }
}

.section main .front_row_4 .field_section > div,
.section main .front_row_5 .field_section > div {
  padding: 0;
  margin: 0;
  height: auto;
}

@media screen and (min-width: 769px) {
  .section main .front_row_4 .field_section > div:first-child,
  .section main .front_row_5 .field_section > div:first-child {
    grid-area: 1 / 1 / 3 / 1;
    padding-top: 4rem;
  }
}

.section main .front_row_4 .field_section > div:first-child figure img,
.section main .front_row_5 .field_section > div:first-child figure img {
  height: 300px;
}

@media screen and (min-width: 769px) {
  .section main .front_row_4 .field_section > div:nth-child(2),
  .section main .front_row_5 .field_section > div:nth-child(2) {
    grid-area: 3 / 1 / 4 / 3;
  }
}

@media screen and (min-width: 1024px) {
  .section main .front_row_4 .field_section > div:nth-child(2),
  .section main .front_row_5 .field_section > div:nth-child(2) {
    grid-area: 1 / 2 / 2 / 4;
  }
}

@media screen and (min-width: 420px) and (max-width: 768px) {
  .section main .front_row_4 .field_section > div:first-child, .section main .front_row_4 .field_section > div:nth-child(2),
  .section main .front_row_5 .field_section > div:first-child,
  .section main .front_row_5 .field_section > div:nth-child(2) {
    grid-column: 1 / 3;
  }
}

.section main .front_row_4 .field_section a.paragraph,
.section main .front_row_5 .field_section a.paragraph {
  color: #151515;
}

.section main .front_row_4 .field_section a.paragraph *,
.section main .front_row_5 .field_section a.paragraph * {
  color: #151515;
}

.section main .front_row_4 .field_section a.paragraph:after,
.section main .front_row_5 .field_section a.paragraph:after {
  display: none;
}

.section main .front_row_4 .field_section a.paragraph figure.image:after,
.section main .front_row_5 .field_section a.paragraph figure.image:after {
  -webkit-transition: all 0.15s linear;
  -moz-transition: all 0.15s linear;
  -ms-transition: all 0.15s linear;
  -o-transition: all 0.15s linear;
  transition: all 0.15s linear;
  content: "";
  position: absolute;
  inset: 0;
  background: rgba(235, 99, 84, 0.6);
  pointer-events: none;
  opacity: 0;
}

.section main .front_row_4 .field_section a.paragraph figure.image img,
.section main .front_row_5 .field_section a.paragraph figure.image img {
  display: block;
}

.section main .front_row_4 .field_section a.paragraph:hover *, .section main .front_row_4 .field_section a.paragraph:focus *, .section main .front_row_4 .field_section a.paragraph:active *, .section main .front_row_4 .field_section a.paragraph:focus-within *,
.section main .front_row_5 .field_section a.paragraph:hover *,
.section main .front_row_5 .field_section a.paragraph:focus *,
.section main .front_row_5 .field_section a.paragraph:active *,
.section main .front_row_5 .field_section a.paragraph:focus-within * {
  color: #EC6456;
}

.section main .front_row_4 .field_section a.paragraph:hover figure.image::after, .section main .front_row_4 .field_section a.paragraph:focus figure.image::after, .section main .front_row_4 .field_section a.paragraph:active figure.image::after, .section main .front_row_4 .field_section a.paragraph:focus-within figure.image::after,
.section main .front_row_5 .field_section a.paragraph:hover figure.image::after,
.section main .front_row_5 .field_section a.paragraph:focus figure.image::after,
.section main .front_row_5 .field_section a.paragraph:active figure.image::after,
.section main .front_row_5 .field_section a.paragraph:focus-within figure.image::after {
  opacity: 1;
}

.section main .front_row_4 .paragraph .container,
.section main .front_row_5 .paragraph .container {
  width: 100%;
  padding: 0;
}

.section main .front_row_4 .field--name-field-section .paragraph > .container > div:nth-child(1) figure,
.section main .front_row_5 .field--name-field-section .paragraph > .container > div:nth-child(1) figure {
  margin: 0;
  display: inline-block;
  width: 100%;
}

.section main .front_row_4 .view-content .views-row figure.image img,
.section main .front_row_5 .view-content .views-row figure.image img {
  height: unset;
  height: 200px;
}

.section main .front_row_4 .field--name-field-bild figure img,
.section main .front_row_5 .field--name-field-bild figure img {
  height: 200px;
  object-fit: cover;
}

.section main .front_row_4 .paragraph--type--zitat,
.section main .front_row_5 .paragraph--type--zitat {
  position: relative;
  margin: 0 0 1rem;
}

@media screen and (min-width: 769px) {
  .section main .front_row_4 .paragraph--type--zitat,
  .section main .front_row_5 .paragraph--type--zitat {
    margin: 4rem 0 0;
  }
}

.section main .front_row_4 .paragraph--type--zitat > div.inner,
.section main .front_row_5 .paragraph--type--zitat > div.inner {
  display: block;
  padding: 0 1rem 1rem;
}

@media screen and (min-width: 769px) {
  .section main .front_row_4 .paragraph--type--zitat > div.inner,
  .section main .front_row_5 .paragraph--type--zitat > div.inner {
    padding: 2rem;
    padding-left: 100px;
    border-radius: 20px;
  }
}

.section main .front_row_4 .paragraph--type--zitat > div.inner:before,
.section main .front_row_5 .paragraph--type--zitat > div.inner:before {
  content: "”";
  position: relative;
  display: block;
  font-size: 80px;
  font-weight: 800;
  color: #f5b1aa;
  line-height: 1;
  width: 80px;
  height: 80px;
  left: 0px;
}

@media screen and (min-width: 769px) {
  .section main .front_row_4 .paragraph--type--zitat > div.inner:before,
  .section main .front_row_5 .paragraph--type--zitat > div.inner:before {
    transform: scale(0.75);
    position: absolute;
    top: 0px;
    left: 40px;
  }
}

.section main .front_row_4 .paragraph--type--zitat > div.inner .content:not(:last-child),
.section main .front_row_5 .paragraph--type--zitat > div.inner .content:not(:last-child) {
  margin-bottom: 0;
}

.section main .front_row_4 .paragraph--type--zitat > div.inner .field--name-field-langtext,
.section main .front_row_5 .paragraph--type--zitat > div.inner .field--name-field-langtext {
  font-style: normal;
  font-weight: 400;
}

.section main .front_row_4 .paragraph--type--zitat > div.inner .field--name-field-zitat-autor,
.section main .front_row_5 .paragraph--type--zitat > div.inner .field--name-field-zitat-autor {
  font-size: 0.875rem;
}

/* FRONT ROW 4 */
.front_row_4 .view-content {
  display: block;
}

/* front row 4 */
.section main {
  /* front row 5 */
}

.section main .front_row_5 {
  background: #edebe6;
  position: relative;
  /* field_section */
}

@media screen and (min-width: 1024px) {
  .section main .front_row_5 .field_section {
    margin-top: -2rem;
  }
}

.section main .front_row_5 .field_section > div {
  padding: 0;
  margin: 0;
  height: auto;
}

@media screen and (min-width: 1024px) {
  .section main .front_row_5 .field_section > div:first-child {
    grid-area: 1 / 1 / 3 / 1;
    padding-top: 8rem;
  }
  .section main .front_row_5 .field_section > div:first-child figure img {
    height: 300px;
  }
  .section main .front_row_5 .field_section > div:nth-child(2) {
    grid-area: 1 / 2 / 2 / 4;
  }
}

@media screen and (min-width: 420px) and (max-width: 768px) {
  .section main .front_row_5 .field_section:first-child, .section main .front_row_5 .field_section:nth-child(2) {
    grid-column: 1 / 3;
  }
}

.section main .front_row_5 .field_section > div:nth-child(2) a.paragraph {
  pointer-events: none;
}

/* front row 5 */
.section main {
  /* front row 6 */
}

.section main .front_row_6 {
  position: relative;
}

.section main .front_row_6 > .inner {
  margin-bottom: 0;
  padding: 4rem 2rem 4rem 2rem;
}

@media screen and (min-width: 600px) {
  .section main .front_row_6 > .inner {
    padding: 4rem 2rem 4rem 4rem;
  }
}

@media screen and (min-width: 769px) {
  .section main .front_row_6 > .inner {
    padding: 6rem 2rem 4rem 6rem;
  }
}

@media screen and (min-width: 1024px) {
  .section main .front_row_6 > .inner {
    padding: 6rem 2rem 4rem 6rem;
  }
}

.section main .front_row_6 > .inner > .block > h2 {
  position: relative;
}

.section main .front_row_6 > .inner > .block > h2::after {
  display: block;
  content: "";
  position: absolute;
  width: 4000px;
  height: 8px;
  border-radius: 0;
  border: 0 none;
  background: #151515;
  display: block;
  margin: 0 0 0 -4032px;
  left: 60px;
  top: 46px;
  left: 20px;
  top: 15px;
}

@media screen and (min-width: 600px) {
  .section main .front_row_6 > .inner > .block > h2::after {
    height: 10px;
    top: 20px;
  }
}

@media screen and (min-width: 1024px) {
  .section main .front_row_6 > .inner > .block > h2::after {
    top: 37px;
    top: 22px;
    left: auto;
  }
}

@media screen and (max-width: 768px) {
  .section main .front_row_6 > .inner > .block > h2::after {
    display: none;
  }
}

.section main .front_row_6 > .inner > .block > h2:after {
  top: 15px;
  left: 16px;
}

@media screen and (min-width: 600px) {
  .section main .front_row_6 > .inner > .block > h2:after {
    top: 20px;
  }
}

@media screen and (min-width: 1024px) {
  .section main .front_row_6 > .inner > .block > h2:after {
    top: 22px;
  }
}

.section main .front_row_6 .block-block-content {
  margin-bottom: 2rem;
}

@media screen and (min-width: 769px) {
  .section main .front_row_6 .block-block-content {
    max-width: 80%;
  }
}

@media screen and (min-width: 1024px) {
  .section main .front_row_6 .block-block-content {
    max-width: 75%;
  }
}

@media screen and (min-width: 1216px) {
  .section main .front_row_6 .block-block-content {
    max-width: 60%;
  }
}

.section main .front_row_6 .views-element-container {
  margin-bottom: 8rem;
}

.section main .front_row_6 .view .view-content {
  align-items: center;
}

@media screen and (min-width: 600px) {
  .section main .front_row_6 .view .view-content {
    grid-template-columns: repeat(2, 1fr);
  }
}

@media screen and (min-width: 1024px) {
  .section main .front_row_6 .view .view-content {
    grid-template-columns: repeat(3, 1fr);
  }
}

@media screen and (min-width: 1216px) {
  .section main .front_row_6 .view .view-content {
    /* grid-template-columns: 1fr 1fr 1fr minmax(auto, 200px);  */
  }
}

.section main .front_row_6 .view .view-content .more-link {
  padding: 0;
  min-height: unset;
}

@media screen and (min-width: 1024px) {
  .section main .front_row_6 .view .view-content .more-link {
    grid-area: 2 / 1 / 4 / 4;
  }
}

/* front row 6 */
@media screen and (min-width: 1024px) {
  .hamburger {
    display: none;
  }
  .navbar_2nd_mobile {
    display: none;
    height: 0;
  }
  .navbar-menu {
    box-shadow: none;
  }
  nav#block-fcp-main-menu {
    /*a */
    /* 2te Ebene */
    /* 2te Ebene */
  }
  nav#block-fcp-main-menu ul.navbar-nav li {
    display: inline-block;
  }
  nav#block-fcp-main-menu .navbar-dropdown {
    border-top: 0px solid #e84231;
    background: #EC6456;
  }
  nav#block-fcp-main-menu .navbar-item.has-dropdown {
    line-height: 90px;
  }
  nav#block-fcp-main-menu .navbar-item, nav#block-fcp-main-menu .navbar-item a {
    font-family: "Montserrat", Helvetica, Arial, "Nimbus Sans L", sans-serif;
    background-color: transparent;
    color: #424242;
    font-weight: 400;
    font-size: 0.875rem;
    text-transform: uppercase;
    letter-spacing: .5px;
    letter-spacing: 0;
    display: inline-block;
    padding-top: 10px;
    padding-bottom: 0;
    line-height: 90px;
    margin-top: -5px;
    padding-right: 0;
    padding-left: 3px;
    line-height: 100px;
    height: 100px;
    margin-top: -5px;
    padding-top: 16px;
    margin-top: 0px;
    line-height: 100px;
    /* margin-top: 0px; */
    padding-top: 0;
    padding-bottom: 0;
    position: relative;
    /*
	&:not(.is-arrowless) {   padding-right: .5rem;
	    @include from($desktop) {   padding-right: 5px;   }
	    @include from($widescreen) {   padding-right: .25rem;   }
	} 
*/
    /* Ebene 2 */
  }
}

@media screen and (min-width: 1024px) and (min-width: 1024px) {
  nav#block-fcp-main-menu .navbar-item, nav#block-fcp-main-menu .navbar-item a {
    font-size: 0.875rem;
  }
}

@media screen and (min-width: 1024px) and (min-width: 1500px) {
  nav#block-fcp-main-menu .navbar-item, nav#block-fcp-main-menu .navbar-item a {
    font-size: 1rem;
  }
}

@media screen and (min-width: 1024px) and (min-width: 1216px) {
  nav#block-fcp-main-menu .navbar-item, nav#block-fcp-main-menu .navbar-item a {
    padding-left: 5px;
  }
}

@media screen and (min-width: 1024px) {
  nav#block-fcp-main-menu .navbar-item span, nav#block-fcp-main-menu .navbar-item a span {
    display: inline-block;
    height: 82px;
    transform: translateY(19px);
  }
  nav#block-fcp-main-menu .navbar-item:hover, nav#block-fcp-main-menu .navbar-item:focus, nav#block-fcp-main-menu .navbar-item:active, nav#block-fcp-main-menu .navbar-item.is-active, nav#block-fcp-main-menu .navbar-item:focus-within, nav#block-fcp-main-menu .navbar-item a:hover, nav#block-fcp-main-menu .navbar-item a:focus, nav#block-fcp-main-menu .navbar-item a:active, nav#block-fcp-main-menu .navbar-item a.is-active, nav#block-fcp-main-menu .navbar-item a:focus-within {
    background-color: transparent;
    color: #EC6456;
    color: #151515;
  }
  nav#block-fcp-main-menu .navbar-item.is-active, nav#block-fcp-main-menu .navbar-item a.is-active {
    color: #EC6456;
  }
  nav#block-fcp-main-menu .navbar-item.has-dropdown, nav#block-fcp-main-menu .navbar-item a.has-dropdown {
    padding: 0;
    margin: 0;
  }
}

@media screen and (min-width: 1024px) and (min-width: 1024px) {
  nav#block-fcp-main-menu .navbar-item.has-dropdown, nav#block-fcp-main-menu .navbar-item a.has-dropdown {
    padding-right: 10px;
  }
}

@media screen and (min-width: 1024px) and (min-width: 1216px) {
  nav#block-fcp-main-menu .navbar-item.has-dropdown, nav#block-fcp-main-menu .navbar-item a.has-dropdown {
    padding-right: 15px;
  }
}

@media screen and (min-width: 1024px) {
  nav#block-fcp-main-menu .navbar-item.has-dropdown li, nav#block-fcp-main-menu .navbar-item a.has-dropdown li {
    display: block;
  }
  nav#block-fcp-main-menu .navbar-item .navbar-link:not(.is-arrowless), nav#block-fcp-main-menu .navbar-item a .navbar-link:not(.is-arrowless) {
    padding-right: 0;
  }
  nav#block-fcp-main-menu .navbar-item .navbar-dropdown a, nav#block-fcp-main-menu .navbar-item a .navbar-dropdown a {
    color: #fff;
    display: block;
    padding: 0 1rem;
    margin: 0;
    line-height: 30px;
    height: unset;
  }
  nav#block-fcp-main-menu .navbar-item .navbar-dropdown a:hover, nav#block-fcp-main-menu .navbar-item .navbar-dropdown a:focus, nav#block-fcp-main-menu .navbar-item .navbar-dropdown a:active, nav#block-fcp-main-menu .navbar-item .navbar-dropdown a.is-active, nav#block-fcp-main-menu .navbar-item .navbar-dropdown a:focus-within, nav#block-fcp-main-menu .navbar-item a .navbar-dropdown a:hover, nav#block-fcp-main-menu .navbar-item a .navbar-dropdown a:focus, nav#block-fcp-main-menu .navbar-item a .navbar-dropdown a:active, nav#block-fcp-main-menu .navbar-item a .navbar-dropdown a.is-active, nav#block-fcp-main-menu .navbar-item a .navbar-dropdown a:focus-within {
    color: #151515;
  }
  nav#block-fcp-main-menu .navbar-item .navbar-dropdown a span, nav#block-fcp-main-menu .navbar-item a .navbar-dropdown a span {
    all: unset;
  }
  nav#block-fcp-main-menu .navbar-link:not(.is-arrowless)::after {
    -webkit-transition: all 0.25s linear;
    -moz-transition: all 0.25s linear;
    -ms-transition: all 0.25s linear;
    -o-transition: all 0.25s linear;
    transition: all 0.25s linear;
    margin-top: -3px;
    margin-top: 12px;
    right: -7px;
    opacity: .6;
    border-color: #EC6456;
    font-weight: 300;
    top: 50%;
    border-width: 2px;
    height: 0.625em;
    width: 0.625em;
    height: 0.5rem;
    width: 0.5rem;
  }
}

@media screen and (min-width: 1024px) and (min-width: 1024px) {
  nav#block-fcp-main-menu .navbar-link:not(.is-arrowless)::after {
    right: -10px;
  }
}

@media screen and (min-width: 1024px) and (min-width: 1216px) {
  nav#block-fcp-main-menu .navbar-link:not(.is-arrowless)::after {
    margin-top: 13px;
    right: -12px;
  }
}

@media screen and (min-width: 1024px) {
  nav#block-fcp-main-menu .navbar-link:not(.is-arrowless):hover:after, nav#block-fcp-main-menu .navbar-link:not(.is-arrowless):focus:after, nav#block-fcp-main-menu .navbar-link:not(.is-arrowless):active:after, nav#block-fcp-main-menu .navbar-link:not(.is-arrowless).is-active:after, nav#block-fcp-main-menu .navbar-link:not(.is-arrowless):focus-within:after {
    opacity: 1;
  }
  nav#block-fcp-main-menu li.suche a.navbar-item {
    font-size: 0;
    width: 55px;
    background: transparent url(../assets/img/sprite_fcp.svg) no-repeat 101% -142px;
    display: block;
    opacity: .66;
  }
  nav#block-fcp-main-menu li.suche a.navbar-item:hover, nav#block-fcp-main-menu li.suche a.navbar-item:focus, nav#block-fcp-main-menu li.suche a.navbar-item:active, nav#block-fcp-main-menu li.suche a.navbar-item.is-active, nav#block-fcp-main-menu li.suche a.navbar-item:focus-within {
    opacity: 1;
    transform: scale(1.15);
  }
  nav#block-fcp-main-menu .navbar-dropdown .navbar-item, nav#block-fcp-main-menu .navbar-dropdown .navbar-item a {
    -webkit-transition: all 0.125s linear;
    -moz-transition: all 0.125s linear;
    -ms-transition: all 0.125s linear;
    -o-transition: all 0.125s linear;
    transition: all 0.125s linear;
    font-size: 0.938rem;
    text-transform: none;
    background-color: transparent;
    line-height: 50px;
    margin-top: -5px;
  }
  /* #navigation */
  nav#block-fcp-main-menu ul li {
    list-style: none;
    transition: 0.25s;
  }
  nav#block-fcp-main-menu ul li a {
    display: block;
    position: relative;
    text-decoration: none;
    transition: 0.5s;
  }
  nav#block-fcp-main-menu ul:hover > li a,
  nav#block-fcp-main-menu ul:hover > div.navbar-item {
    opacity: 0.66;
    filter: blur(0.35px);
    color: #151515;
  }
  nav#block-fcp-main-menu ul > li a:hover,
  nav#block-fcp-main-menu ul > div.navbar-item:hover {
    opacity: 1;
    filter: blur(0);
    transform: scale(1.075);
    transform: scale(1);
    text-decoration: none;
    color: #151515;
  }
  nav#block-fcp-main-menu ul div.navbar-dropdown li {
    transform: scale(1);
  }
  nav#block-fcp-main-menu ul .has-dropdown li a:hover {
    transform: scale(1);
  }
  nav#block-fcp-main-menu ul li a:before {
    content: '';
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background: #ccc;
    background: transparent;
    transition: 0.25s;
    transform-origin: center;
    transform: scaleX(0);
    z-index: -1;
  }
  nav#block-fcp-main-menu ul li a:hover:before {
    transition: transform 0.5s;
    transform-origin: left;
    transform: scaleX(1);
  }
}

/* desktop size checker */
#navigation li.homelink {
  display: none !important;
}

/*
#navigation.shrink li.menu-path-front a { @include opacity(0.5);
&:hover, &:focus, &:active {@include opacity(1);}
 }
*/
div.redmenu {
  padding-top: 2em;
}

div.redmenu > .inner {
  padding: 2% 10%;
}

div.redmenu h2.menu-label {
  margin: 1em 0 0;
}

div.redmenu ul, div.redmenu li {
  list-style: none;
  margin: 0;
  padding: .25rem 0;
  font-size: 1.5rem;
}

div.redmenu ul a, div.redmenu li a {
  transition: all .25s ease-out;
  padding: 2px 5px;
  color: #151515;
  display: inline-block;
  text-decoration: none;
}

div.redmenu ul a span, div.redmenu li a span {
  color: #151515;
}

div.redmenu ul a:hover, div.redmenu ul a:focus, div.redmenu ul a:active, div.redmenu ul a.is-active, div.redmenu ul a:focus-within, div.redmenu li a:hover, div.redmenu li a:focus, div.redmenu li a:active, div.redmenu li a.is-active, div.redmenu li a:focus-within {
  color: #151515;
}

div.redmenu ul a:hover span, div.redmenu ul a:focus span, div.redmenu ul a:active span, div.redmenu ul a.is-active span, div.redmenu ul a:focus-within span, div.redmenu li a:hover span, div.redmenu li a:focus span, div.redmenu li a:active span, div.redmenu li a.is-active span, div.redmenu li a:focus-within span {
  color: #151515;
}

/******************************
Footer Menu
*****************************
#footer .region .block{
ul.menu{
position:relative;
text-align:left;
li {
width: auto;
a{
display:block;
position:relative;
    text-decoration: none;



}}}}
*/
@media screen and (max-width: 1023px) {
  .hamburger {
    padding: 15px 15px;
    padding: 0;
    display: inline-block;
    cursor: pointer;
    transition-property: opacity, filter;
    transition-duration: 0.15s;
    transition-timing-function: linear;
    font: inherit;
    color: inherit;
    text-transform: none;
    background-color: transparent !important;
    background-image: none;
    border: 0;
    margin: 0;
    overflow: visible;
    opacity: 0.98;
    filter: alpha(opacity=98);
    z-index: 9990;
    position: fixed;
    right: 10px;
    left: auto;
    top: 6px;
  }
  .hamburger:hover, .hamburger:focus {
    opacity: 1;
    filter: alpha(opacity=100);
    outline: none;
  }
  .hamburger-box {
    width: 30px;
    height: 30px;
    padding: 20px;
    width: 66px;
    height: 66px;
    padding: 17px 10px 17px 24px;
    display: inline-block;
    position: relative;
    /*
  background-color:$white;
  .front & {@include bp(bp5) {background-color:$base-bg;}}
  .front.smaller & {background-color:$white;}
  */
  }
  .hamburger-inner {
    display: block;
    top: 50%;
    margin-top: -2px;
  }
  .hamburger-inner, .hamburger-inner::before, .hamburger-inner::after {
    width: 66px;
    height: 9px;
    width: 30px;
    height: 4px;
    background-color: #151515;
    border-radius: 1px;
    position: absolute;
    transition-property: transform;
    transition-duration: 0.15s;
    transition-timing-function: ease;
  }
  .hamburger-inner::before, .hamburger-inner::after {
    content: "";
    display: block;
    width: 25px;
  }
  .hamburger-inner::before {
    top: -17px;
    width: 22px;
  }
  .hamburger-inner::after {
    bottom: -17px;
  }
  .hamburger.is-active {
    background-color: transparent;
  }
  .hamburger.is-active .hamburger-inner, .hamburger.is-active .hamburger-inner::before, .hamburger.is-active .hamburger-inner::after {
    background-color: #151515;
  }
  /*
   * Elastic
   */
  .hamburger--elastic .hamburger-inner {
    top: 27px;
    top: 32px;
    top: 29px;
    transition-duration: 0.275s;
    transition-timing-function: cubic-bezier(0.68, -0.55, 0.265, 1.55);
    transition-delay: 0.15s;
  }
  .hamburger--elastic .hamburger-inner::before {
    top: 40px;
    top: 20px;
    transition: opacity 0.125s 0.275s ease;
    transition-delay: 0s;
  }
  .hamburger--elastic .hamburger-inner::after {
    top: 20px;
    top: 10px;
    transition: transform 0.275s cubic-bezier(0.68, -0.55, 0.265, 1.55);
    transition-delay: 0.15s;
  }
  .hamburger--elastic.is-active .hamburger-inner {
    transform: translate3d(0, 15px, 0) rotate(135deg);
    transition-delay: 0.075s;
  }
  .hamburger--elastic.is-active .hamburger-inner::before {
    transition-delay: 0s;
    opacity: 0;
  }
  .hamburger--elastic.is-active .hamburger-inner::after {
    transform: translate3d(0, -10px, 0) rotate(-270deg);
    transition-delay: 0.075s;
    width: 30px;
  }
  .navbar-menu {
    -webkit-transition: all 0.2s linear;
    -moz-transition: all 0.2s linear;
    -ms-transition: all 0.2s linear;
    -o-transition: all 0.2s linear;
    transition: all 0.2s linear;
    z-index: 9990;
    overflow: hidden;
    font-size: 0;
    background: transparent;
    display: block;
    right: -400px;
    position: fixed;
    top: 0;
    height: 100%;
    min-height: 100%;
    padding-top: 110px;
    overflow: visible;
    width: 400px;
  }
}

@media screen and (max-width: 1023px) and (min-width: 600px) {
  .navbar-menu {
    padding-top: 120px;
  }
}

@media screen and (max-width: 1023px) {
  .navbar-menu li.startseite {
    display: block;
  }
  .navbar-menu nav {
    padding-top: 0;
    padding-left: 2rem;
  }
  /*  .navbar-menu */
  .navbar-menu.is-active {
    right: -5px;
    overflow: unset;
    width: 101vw;
    padding-top: 85px;
    padding-left: 1em;
    opacity: 0.98;
    filter: alpha(opacity=98);
    overflow: visible;
    background: radial-gradient(circle at left bottom, rgba(150, 150, 150, 0.6) 0%, rgba(50, 50, 50, 0) 40%), #e84231;
    z-index: 100;
  }
}

@media screen and (max-width: 1023px) and (min-width: 600px) {
  .navbar-menu.is-active {
    width: 85vw;
  }
}

@media screen and (max-width: 1023px) and (min-width: 769px) {
  .navbar-menu.is-active {
    width: 65vw;
  }
}

@media screen and (max-width: 1023px) {
  .navbar-menu.is-active .navbar-item > .navbar-link {
    padding: 0;
  }
  /* nav */
  .navbar-menu.is-active {
    /* nav */
  }
  .navbar-menu.is-active .navbar-item, .navbar-menu.is-active a.navbar-item:visited,
  .navbar-menu.is-active .navbar-link, .navbar-menu.is-active .navbar-link:visited {
    font-weight: 400;
    text-transform: uppercase;
    color: #fff;
    background-color: transparent;
    padding: 0;
    line-height: 1.7;
    font-size: 1.5rem;
  }
}

@media screen and (max-width: 1023px) and (min-width: 420px) {
  .navbar-menu.is-active .navbar-item, .navbar-menu.is-active a.navbar-item:visited,
  .navbar-menu.is-active .navbar-link, .navbar-menu.is-active .navbar-link:visited {
    font-size: 1.5rem;
  }
}

@media screen and (max-width: 1023px) {
  .navbar-menu.is-active .navbar-item:hover, .navbar-menu.is-active .navbar-item:focus, .navbar-menu.is-active .navbar-item:active, .navbar-menu.is-active .navbar-item.is-active, .navbar-menu.is-active .navbar-item:focus-within, .navbar-menu.is-active a.navbar-item:visited:hover, .navbar-menu.is-active a.navbar-item:visited:focus, .navbar-menu.is-active a.navbar-item:visited:active, .navbar-menu.is-active a.navbar-item:visited.is-active, .navbar-menu.is-active a.navbar-item:visited:focus-within,
  .navbar-menu.is-active .navbar-link:hover,
  .navbar-menu.is-active .navbar-link:focus,
  .navbar-menu.is-active .navbar-link:active,
  .navbar-menu.is-active .navbar-link.is-active,
  .navbar-menu.is-active .navbar-link:focus-within, .navbar-menu.is-active .navbar-link:visited:hover, .navbar-menu.is-active .navbar-link:visited:focus, .navbar-menu.is-active .navbar-link:visited:active, .navbar-menu.is-active .navbar-link:visited.is-active, .navbar-menu.is-active .navbar-link:visited:focus-within {
    background-color: transparent;
    letter-spacing: 1px;
  }
  .navbar-menu.is-active .navbar-item.is-active, .navbar-menu.is-active a.navbar-item:visited.is-active,
  .navbar-menu.is-active .navbar-link.is-active, .navbar-menu.is-active .navbar-link:visited.is-active {
    background-color: transparent;
    color: #fff;
  }
  .navbar-menu.is-active .navbar-item.navbar-link:not(.is-arrowless)::after, .navbar-menu.is-active a.navbar-item:visited.navbar-link:not(.is-arrowless)::after,
  .navbar-menu.is-active .navbar-link.navbar-link:not(.is-arrowless)::after, .navbar-menu.is-active .navbar-link:visited.navbar-link:not(.is-arrowless)::after {
    display: none;
  }
  .navbar-menu.is-active .navbar-item .navbar-dropdown, .navbar-menu.is-active a.navbar-item:visited .navbar-dropdown,
  .navbar-menu.is-active .navbar-link .navbar-dropdown, .navbar-menu.is-active .navbar-link:visited .navbar-dropdown {
    display: none;
    padding-top: 0;
  }
  .navbar-menu.is-active .navbar-item .navbar-dropdown a, .navbar-menu.is-active a.navbar-item:visited .navbar-dropdown a,
  .navbar-menu.is-active .navbar-link .navbar-dropdown a, .navbar-menu.is-active .navbar-link:visited .navbar-dropdown a {
    text-transform: none;
    font-size: 1rem;
    letter-spacing: 0;
  }
  .navbar-menu.is-active .navbar-item span, .navbar-menu.is-active a.navbar-item:visited span,
  .navbar-menu.is-active .navbar-link span, .navbar-menu.is-active .navbar-link:visited span {
    display: block;
  }
  .navbar-menu.is-active .navbar-item > .navbar-link {
    padding: 0;
  }
  .navbar-menu.is-active ul.nav .navbar-item {
    margin-bottom: .15rem;
  }
  .navbar-menu.is-active ul.nav .navbar-item .navbar-item {
    margin-bottom: 0;
  }
  .navbar-menu.is-active .headertopmenu {
    right: 2rem;
    top: 1rem;
    left: 2rem;
  }
  .navbar-menu.is-active .headertopmenu #block-fzi-hervorgehobenesformularsearch-contentpage-1 input[type=text] {
    width: 100%;
    max-width: unset;
  }
  .navbar-menu.is-active .headertopmenu #block-fzi-hervorgehobenesformularsearch-contentpage-1 input[type=text]:focus {
    color: #151515;
    width: 250px;
    width: 98%;
    max-width: unset;
    transform: translate(0%, 50%) scale(1.15);
  }
  /* nav */
}

/* nav */
.navbar-menu.is-active .has-dropdown:focus-within > .navbar-dropdown,
.navbar-menu.is-active .has-dropdown.is-tapped > .navbar-dropdown {
  display: block !important;
}

/*
  .navbar-menu.is-active {

  .navbar-item.has-dropdown {

    > .navbar-link::after {
      display: inline-block !important; // dein display:none überschreiben
      transition: transform 0.2s ease;
      margin-left: .4em;
    }

    &:focus-within > .navbar-link::after {
      transform: rotate(180deg);
    }

    &:focus-within > .navbar-dropdown {
      display: block !important;
    }
  }
}
*/
.container .navbar_2nd_mobile {
  margin: -1rem 0 1rem 0;
  padding-bottom: 1rem;
  border-bottom: 1px solid #ccc;
}

.container .navbar_2nd_mobile ul {
  position: relative;
}

.container .navbar_2nd_mobile ul > li {
  display: inline-block;
  padding: 0;
  list-style: none;
  margin: 0 0 .75rem;
  margin-right: 5px;
  padding-left: 5px;
  cursor: pointer;
}

.container .navbar_2nd_mobile ul > li:last-child {
  margin-bottom: 0;
}

.container .navbar_2nd_mobile ul > li a:not(.button) {
  font-size: 0.875rem;
  font-weight: 500;
  padding: 1px 10px;
  color: #fff;
  text-decoration: unset;
  background-color: #EC6456;
  border-radius: 6px;
}

@media screen and (min-width: 600px) {
  .container .navbar_2nd_mobile ul > li a:not(.button) {
    font-size: 0.875rem;
  }
}

.container .navbar_2nd_mobile ul > li a:not(.button):hover, .container .navbar_2nd_mobile ul > li a:not(.button):focus, .container .navbar_2nd_mobile ul > li a:not(.button):active, .container .navbar_2nd_mobile ul > li a:not(.button):focus {
  background-color: #e84231;
}

.container .navbar_2nd_mobile ul > li a:not(.button):after {
  display: none;
}

.container .navbar_2nd_mobile ul > li a:not(.button).is-active {
  box-shadow: 0 0 5px #999;
  background-color: #d82a18;
  font-size: 1rem;
}

#block-bannerreminder {
  display: none;
}

.floater .block {
  margin-bottom: 0;
}

#block-fcp-callusbutton,
#block-fcp-sociallinks,
#block-fcp-bettersocialsharingbuttons,
#block-redaktionsmenubutton,
#block-fcp-redaktionsmenubutton-2,
#block-fcp-redaktionsmenubutton,
#block-fcp-sprachumschalter,
#block-fcp-emailbutton,
#block-fcp-loginbutton,
#block-fcp-newsletterbutton,
#block-suchfeldtoggler,
#block-fcp-suchfeldtoggler,
#block-fcp-views-block-welcome-user-block-3,
#block-fcp-seitenleistebuttons,
#block-fcp-suchfeldbutton,
#block-fcp-sprachumschalter {
  height: 0;
  position: absolute;
}

#block-fcp-callusbutton a,
#block-fcp-sociallinks a,
#block-fcp-bettersocialsharingbuttons a,
#block-redaktionsmenubutton a,
#block-fcp-redaktionsmenubutton-2 a,
#block-fcp-redaktionsmenubutton a,
#block-fcp-sprachumschalter a,
#block-fcp-emailbutton a,
#block-fcp-loginbutton a,
#block-fcp-newsletterbutton a,
#block-suchfeldtoggler a,
#block-fcp-suchfeldtoggler a,
#block-fcp-views-block-welcome-user-block-3 a,
#block-fcp-seitenleistebuttons a,
#block-fcp-suchfeldbutton a,
#block-fcp-sprachumschalter a {
  -webkit-transition: all 0.2s linear;
  -moz-transition: all 0.2s linear;
  -ms-transition: all 0.2s linear;
  -o-transition: all 0.2s linear;
  transition: all 0.2s linear;
  position: fixed;
  margin: 0;
  /*
    left: -8px;
  */
  left: -8px;
  bottom: 80px;
  z-index: 990;
  display: block;
  height: 50px;
  width: 50px;
  background: transparent url(../assets/img/sprite_fcp.svg) no-repeat 98.5% -830px;
  border-radius: 100%;
  background-color: #fff;
  box-shadow: 0 0 5px #ccc;
  opacity: 0.85;
  filter: alpha(opacity=85);
  color: #999;
  text-align: center;
  top: 250px;
}

#block-fcp-callusbutton a:hover, #block-fcp-callusbutton a:focus, #block-fcp-callusbutton a:active,
#block-fcp-sociallinks a:hover,
#block-fcp-sociallinks a:focus,
#block-fcp-sociallinks a:active,
#block-fcp-bettersocialsharingbuttons a:hover,
#block-fcp-bettersocialsharingbuttons a:focus,
#block-fcp-bettersocialsharingbuttons a:active,
#block-redaktionsmenubutton a:hover,
#block-redaktionsmenubutton a:focus,
#block-redaktionsmenubutton a:active,
#block-fcp-redaktionsmenubutton-2 a:hover,
#block-fcp-redaktionsmenubutton-2 a:focus,
#block-fcp-redaktionsmenubutton-2 a:active,
#block-fcp-redaktionsmenubutton a:hover,
#block-fcp-redaktionsmenubutton a:focus,
#block-fcp-redaktionsmenubutton a:active,
#block-fcp-sprachumschalter a:hover,
#block-fcp-sprachumschalter a:focus,
#block-fcp-sprachumschalter a:active,
#block-fcp-emailbutton a:hover,
#block-fcp-emailbutton a:focus,
#block-fcp-emailbutton a:active,
#block-fcp-loginbutton a:hover,
#block-fcp-loginbutton a:focus,
#block-fcp-loginbutton a:active,
#block-fcp-newsletterbutton a:hover,
#block-fcp-newsletterbutton a:focus,
#block-fcp-newsletterbutton a:active,
#block-suchfeldtoggler a:hover,
#block-suchfeldtoggler a:focus,
#block-suchfeldtoggler a:active,
#block-fcp-suchfeldtoggler a:hover,
#block-fcp-suchfeldtoggler a:focus,
#block-fcp-suchfeldtoggler a:active,
#block-fcp-views-block-welcome-user-block-3 a:hover,
#block-fcp-views-block-welcome-user-block-3 a:focus,
#block-fcp-views-block-welcome-user-block-3 a:active,
#block-fcp-seitenleistebuttons a:hover,
#block-fcp-seitenleistebuttons a:focus,
#block-fcp-seitenleistebuttons a:active,
#block-fcp-suchfeldbutton a:hover,
#block-fcp-suchfeldbutton a:focus,
#block-fcp-suchfeldbutton a:active,
#block-fcp-sprachumschalter a:hover,
#block-fcp-sprachumschalter a:focus,
#block-fcp-sprachumschalter a:active {
  left: -5px;
  opacity: 1;
  filter: alpha(opacity=100);
}

@media screen and (min-width: 1024px) {
  #block-fcp-callusbutton a,
  #block-fcp-sociallinks a,
  #block-fcp-bettersocialsharingbuttons a,
  #block-redaktionsmenubutton a,
  #block-fcp-redaktionsmenubutton-2 a,
  #block-fcp-redaktionsmenubutton a,
  #block-fcp-sprachumschalter a,
  #block-fcp-emailbutton a,
  #block-fcp-loginbutton a,
  #block-fcp-newsletterbutton a,
  #block-suchfeldtoggler a,
  #block-fcp-suchfeldtoggler a,
  #block-fcp-views-block-welcome-user-block-3 a,
  #block-fcp-seitenleistebuttons a,
  #block-fcp-suchfeldbutton a,
  #block-fcp-sprachumschalter a {
    color: #999;
  }
}

@media screen and (min-width: 1216px) {
  #block-fcp-callusbutton a,
  #block-fcp-sociallinks a,
  #block-fcp-bettersocialsharingbuttons a,
  #block-redaktionsmenubutton a,
  #block-fcp-redaktionsmenubutton-2 a,
  #block-fcp-redaktionsmenubutton a,
  #block-fcp-sprachumschalter a,
  #block-fcp-emailbutton a,
  #block-fcp-loginbutton a,
  #block-fcp-newsletterbutton a,
  #block-suchfeldtoggler a,
  #block-fcp-suchfeldtoggler a,
  #block-fcp-views-block-welcome-user-block-3 a,
  #block-fcp-seitenleistebuttons a,
  #block-fcp-suchfeldbutton a,
  #block-fcp-sprachumschalter a {
    right: -5px;
  }
}

#block-fcp-callusbutton a:hover, #block-fcp-callusbutton a:focus, #block-fcp-callusbutton a:active,
#block-fcp-sociallinks a:hover,
#block-fcp-sociallinks a:focus,
#block-fcp-sociallinks a:active,
#block-fcp-bettersocialsharingbuttons a:hover,
#block-fcp-bettersocialsharingbuttons a:focus,
#block-fcp-bettersocialsharingbuttons a:active,
#block-redaktionsmenubutton a:hover,
#block-redaktionsmenubutton a:focus,
#block-redaktionsmenubutton a:active,
#block-fcp-redaktionsmenubutton-2 a:hover,
#block-fcp-redaktionsmenubutton-2 a:focus,
#block-fcp-redaktionsmenubutton-2 a:active,
#block-fcp-redaktionsmenubutton a:hover,
#block-fcp-redaktionsmenubutton a:focus,
#block-fcp-redaktionsmenubutton a:active,
#block-fcp-sprachumschalter a:hover,
#block-fcp-sprachumschalter a:focus,
#block-fcp-sprachumschalter a:active,
#block-fcp-emailbutton a:hover,
#block-fcp-emailbutton a:focus,
#block-fcp-emailbutton a:active,
#block-fcp-loginbutton a:hover,
#block-fcp-loginbutton a:focus,
#block-fcp-loginbutton a:active,
#block-fcp-newsletterbutton a:hover,
#block-fcp-newsletterbutton a:focus,
#block-fcp-newsletterbutton a:active,
#block-suchfeldtoggler a:hover,
#block-suchfeldtoggler a:focus,
#block-suchfeldtoggler a:active,
#block-fcp-suchfeldtoggler a:hover,
#block-fcp-suchfeldtoggler a:focus,
#block-fcp-suchfeldtoggler a:active,
#block-fcp-views-block-welcome-user-block-3 a:hover,
#block-fcp-views-block-welcome-user-block-3 a:focus,
#block-fcp-views-block-welcome-user-block-3 a:active,
#block-fcp-seitenleistebuttons a:hover,
#block-fcp-seitenleistebuttons a:focus,
#block-fcp-seitenleistebuttons a:active,
#block-fcp-suchfeldbutton a:hover,
#block-fcp-suchfeldbutton a:focus,
#block-fcp-suchfeldbutton a:active,
#block-fcp-sprachumschalter a:hover,
#block-fcp-sprachumschalter a:focus,
#block-fcp-sprachumschalter a:active {
  color: #151515;
  transform: scale(1.1);
}

#block-fcp-callusbutton a span,
#block-fcp-sociallinks a span,
#block-fcp-bettersocialsharingbuttons a span,
#block-redaktionsmenubutton a span,
#block-fcp-redaktionsmenubutton-2 a span,
#block-fcp-redaktionsmenubutton a span,
#block-fcp-sprachumschalter a span,
#block-fcp-emailbutton a span,
#block-fcp-loginbutton a span,
#block-fcp-newsletterbutton a span,
#block-suchfeldtoggler a span,
#block-fcp-suchfeldtoggler a span,
#block-fcp-views-block-welcome-user-block-3 a span,
#block-fcp-seitenleistebuttons a span,
#block-fcp-suchfeldbutton a span,
#block-fcp-sprachumschalter a span {
  display: none;
}

#block-fcp-seitenleistebuttons ul, #block-fcp-seitenleistebuttons li {
  margin: 0;
  padding: 0;
  list-style: none;
}

#block-fcp-seitenleistebuttons a {
  font-size: 0;
  top: auto;
}

#block-fcp-seitenleistebuttons a.togglecallback {
  top: 320px;
}

#block-fcp-seitenleistebuttons a.email {
  top: 380px;
}

#block-fcp-seitenleistebuttons a.togglesearcher {
  top: 440px;
}

#block-fcp-seitenleistebuttons a.facebook {
  top: 500px;
}

#block-fcp-seitenleistebuttons a.linkedin {
  top: 560px;
}

@media screen and (max-width: 1023px) {
  #block-fcp-seitenleistebuttons a {
    bottom: auto;
    left: auto;
    right: -6px;
  }
  #block-fcp-seitenleistebuttons a.togglecallback {
    bottom: 250px;
    top: auto;
  }
  #block-fcp-seitenleistebuttons a.email {
    bottom: 190px;
    top: auto;
  }
  #block-fcp-seitenleistebuttons a.togglesearcher {
    bottom: 130px;
    top: auto;
  }
  #block-fcp-seitenleistebuttons a.facebook {
    bottom: 70px;
    top: auto;
  }
  #block-fcp-seitenleistebuttons a.linkedin {
    bottom: 10px;
    top: auto;
  }
  #block-fcp-seitenleistebuttons a:hover, #block-fcp-seitenleistebuttons a:focus, #block-fcp-seitenleistebuttons a:active {
    left: auto;
    right: -2px;
  }
}

#block-fcp-seitenleistebuttons a:before {
  content: "";
  height: 50px;
  width: 50px;
  position: absolute;
  left: 0;
  top: 0;
  background: transparent url(../assets/img/sprite_fcp.svg) no-repeat 14px -1488px;
  transform: scale(1.1);
}

#block-fcp-seitenleistebuttons a:hover, #block-fcp-seitenleistebuttons a:focus, #block-fcp-seitenleistebuttons a:active {
  box-shadow: 0 0 7px #ef6f62;
}

#block-fcp-seitenleistebuttons a:hover:before, #block-fcp-seitenleistebuttons a:focus:before, #block-fcp-seitenleistebuttons a:active:before {
  transform: scale(1.2);
}

#block-fcp-seitenleistebuttons a.email:before {
  background-position: 11px -1537px;
}

#block-fcp-seitenleistebuttons a.togglesearcher:before {
  background-position: 12px -1587px;
}

#block-fcp-seitenleistebuttons a.facebook:before {
  background-position: -43px -1485px;
}

#block-fcp-seitenleistebuttons a.linkedin:before {
  background-position: -42px -1536px;
}

@media screen and (min-width: 1024px) {
  #block-fcp-sprachumschalter {
    display: block;
  }
}

#block-fcp-sprachumschalter a {
  left: 5px;
  bottom: 5px;
  top: auto;
  line-height: 30px;
  text-align: center;
  color: #151515;
  text-transform: uppercase;
  font-size: 0.875rem;
  font-weight: 600;
  width: 30px;
  height: 30px;
}

@media screen and (min-width: 1024px) {
  #block-fcp-sprachumschalter a {
    right: 15px;
    top: 5px;
    left: auto;
    bottom: auto;
  }
}

#block-fcp-sprachumschalter a:hover, #block-fcp-sprachumschalter a:focus, #block-fcp-sprachumschalter a:active {
  left: auto;
}

#block-fcp-sprachumschalter li:nth-child(2) a {
  left: 50px;
}

@media screen and (min-width: 1024px) {
  #block-fcp-sprachumschalter li:nth-child(2) a {
    right: 50px;
    left: auto;
  }
}

#block-fcp-suchfeldbutton {
  position: relative;
}

#block-fcp-suchfeldbutton ul {
  position: relative;
  text-align: center;
  width: 100px;
}

#block-fcp-suchfeldbutton li {
  display: inline-block;
}

#block-fcp-suchfeldbutton li:nth-child(1n+1) {
  top: auto;
  right: auto;
  bottom: auto;
  left: auto;
}

#block-fcp-suchfeldbutton li:nth-child(1n+1) a {
  position: relative;
  top: auto;
  right: auto;
  bottom: auto;
  left: auto;
  width: 30px;
  height: 30px;
}

/* EMAIL BUTTON */
#block-fcp-emailbutton a {
  top: auto;
  bottom: 170px;
  bottom: 250px;
  background-position: 15px -1628px;
}

/* NEWSLETTER TOGGLER BLOCK */
@media screen and (max-width: 599px) {
  #block-fcp-newsletterbutton {
    display: none;
  }
}

#block-fcp-newsletterbutton a {
  left: auto;
  top: 78px;
  right: -18px;
  bottom: auto;
  height: 90px;
  width: 90px;
  background-position: 22px -1805px;
  background-color: #fff;
  z-index: 10;
  opacity: 0.9;
  filter: alpha(opacity=90);
  top: auto;
  bottom: -20px;
  right: -18px;
  background-position: 28px -1822px;
  right: auto;
  left: -18px;
}

#block-fcp-newsletterbutton a span {
  display: none;
}

#block-fcp-newsletterbutton a:hover, #block-fcp-newsletterbutton a:focus, #block-fcp-newsletterbutton a:active {
  top: 78px;
  height: 90px;
  width: 90px;
  border-radius: 100%;
  transform: scale(1.1);
  top: auto;
  right: -18px;
  bottom: -12px;
  left: -10px;
  transform: scale(1.25);
}

#block-fcp-newsletterbutton a:hover span, #block-fcp-newsletterbutton a:focus span, #block-fcp-newsletterbutton a:active span {
  display: none;
}

#block-fcp-shareonmobilebutton a,
#block-fcp-bettersocialsharingbuttons .social-sharing-buttons a {
  right: -5px;
  top: auto;
  background: #fff url(../assets/img/sprite_fcp.svg) no-repeat 5px -1292px;
  opacity: 0.5;
  filter: alpha(opacity=50);
}

#block-fcp-shareonmobilebutton a svg,
#block-fcp-bettersocialsharingbuttons .social-sharing-buttons a svg {
  display: none;
}

#block-fcp-shareonmobilebutton a:nth-child(1),
#block-fcp-bettersocialsharingbuttons .social-sharing-buttons a:nth-child(1) {
  bottom: 170px;
}

#block-fcp-shareonmobilebutton a:nth-child(2),
#block-fcp-bettersocialsharingbuttons .social-sharing-buttons a:nth-child(2) {
  bottom: 130px;
  background-position: 5px -1340px;
}

#block-fcp-shareonmobilebutton a:nth-child(3),
#block-fcp-bettersocialsharingbuttons .social-sharing-buttons a:nth-child(3) {
  bottom: 90px;
  background-position: 5px -1393px;
}

#block-fcp-shareonmobilebutton a:nth-child(4),
#block-fcp-bettersocialsharingbuttons .social-sharing-buttons a:nth-child(4) {
  bottom: 50px;
  background-position: -44px -1340px;
}

#block-fcp-shareonmobilebutton a:hover, #block-fcp-shareonmobilebutton a:focus, #block-fcp-shareonmobilebutton a:active,
#block-fcp-bettersocialsharingbuttons .social-sharing-buttons a:hover,
#block-fcp-bettersocialsharingbuttons .social-sharing-buttons a:focus,
#block-fcp-bettersocialsharingbuttons .social-sharing-buttons a:active {
  opacity: 1;
  filter: alpha(opacity=100);
}

#block-fcp-shareonmobilebutton button,
#block-fcp-bettersocialsharingbuttons .social-sharing-buttons button {
  -webkit-transition: all 0.2s linear;
  -moz-transition: all 0.2s linear;
  -ms-transition: all 0.2s linear;
  -o-transition: all 0.2s linear;
  transition: all 0.2s linear;
  position: fixed;
  margin: 0;
  /*
    left: -8px;
  */
  left: -8px;
  bottom: 80px;
  z-index: 990;
  display: block;
  height: 50px;
  width: 50px;
  background: transparent url(../assets/img/sprite_fcp.svg) no-repeat 98.5% -830px;
  border-radius: 100%;
  background-color: #fff;
  box-shadow: 0 0 5px #ccc;
  opacity: 0.85;
  filter: alpha(opacity=85);
  opacity: 0.5;
  filter: alpha(opacity=50);
  background: #fff url(../assets/img/sprite_fcp.svg) no-repeat -44px -1293px;
  top: auto;
  right: -5px;
  bottom: 10px;
  cursor: pointer;
  border: 0 none;
}

#block-fcp-shareonmobilebutton button:hover, #block-fcp-shareonmobilebutton button:focus, #block-fcp-shareonmobilebutton button:active,
#block-fcp-bettersocialsharingbuttons .social-sharing-buttons button:hover,
#block-fcp-bettersocialsharingbuttons .social-sharing-buttons button:focus,
#block-fcp-bettersocialsharingbuttons .social-sharing-buttons button:active {
  left: -5px;
  opacity: 1;
  filter: alpha(opacity=100);
}

#block-fcp-shareonmobilebutton button svg,
#block-fcp-bettersocialsharingbuttons .social-sharing-buttons button svg {
  display: none;
}

#block-fcp-shareonmobilebutton button:hover, #block-fcp-shareonmobilebutton button:focus, #block-fcp-shareonmobilebutton button:active,
#block-fcp-bettersocialsharingbuttons .social-sharing-buttons button:hover,
#block-fcp-bettersocialsharingbuttons .social-sharing-buttons button:focus,
#block-fcp-bettersocialsharingbuttons .social-sharing-buttons button:active {
  opacity: 1;
  filter: alpha(opacity=100);
  outline: none;
}

#block-fcp-shareonmobilebutton button {
  bottom: 210px;
  background-position: -44px -1392px;
  font-size: 0;
}

@media screen and (min-width: 1024px) {
  #block-fcp-loginbutton a {
    filter: grayscale(1);
    top: 5px;
    left: auto;
    right: 10px;
    box-shadow: none;
    background: url(../assets/img/sprite_fcp.svg) no-repeat 1px -1078px;
  }
}

@media screen and (min-width: 1024px) and (min-width: 1024px) {
  #block-fcp-loginbutton a {
    right: 90px;
  }
}

@media screen and (min-width: 1024px) and (max-width: 599px) {
  #block-fcp-loginbutton a {
    display: none;
  }
}

.headersearch {
  /*
    @include flex (0 1 60px); 
  margin-right: 20px;
*/
  position: relative;
  width: 100%;
  height: 30px;
}

.headersearch .menu {
  font-size: 0.688rem;
}

.headersearch * {
  margin: 0;
  padding: 0;
}

.headersearch nav {
  position: absolute;
  text-align: right;
  min-width: 200px;
  max-width: 450px;
  width: auto;
  right: 0;
}

.headersearch nav a {
  display: inline-block;
  margin-right: 1rem;
}

.headersearch nav a:hover, .headersearch nav a:focus, .headersearch nav a:active {
  color: #33b3ff;
  background-color: transparent;
}

@media screen and (max-width: 599px) {
  .headersearch nav {
    position: fixed;
    right: 10px;
    top: 5px;
  }
  .headersearch nav a:nth-child(3) {
    display: none;
  }
}

#block-suchfeldtoggler a,
#block-suchfeldtoggler-2 a {
  left: auto;
  top: 120px;
  width: 50px;
  background-position: 101.5% -188px;
  opacity: 0.5;
  filter: alpha(opacity=50);
}

@media screen and (min-width: 1024px) {
  #block-suchfeldtoggler a,
  #block-suchfeldtoggler-2 a {
    width: 74px;
    border-radius: 0;
    box-shadow: none;
    background-color: transparent;
    bottom: auto;
    left: auto;
    right: auto;
    top: 20px;
    background-position: 103% -182px;
  }
}

#block-suchfeldtoggler a:hover, #block-suchfeldtoggler a:focus, #block-suchfeldtoggler a:active,
#block-suchfeldtoggler-2 a:hover,
#block-suchfeldtoggler-2 a:focus,
#block-suchfeldtoggler-2 a:active {
  opacity: 1;
  filter: alpha(opacity=100);
  transform: scale(1.2);
  border-radius: 100%;
}

@media screen and (min-width: 1024px) {
  #block-suchfeldtoggler a:hover, #block-suchfeldtoggler a:focus, #block-suchfeldtoggler a:active,
  #block-suchfeldtoggler-2 a:hover,
  #block-suchfeldtoggler-2 a:focus,
  #block-suchfeldtoggler-2 a:active {
    border-radius: 0;
  }
}

#block-suchfeldtoggler a:hover span, #block-suchfeldtoggler a:focus span,
#block-suchfeldtoggler-2 a:hover span,
#block-suchfeldtoggler-2 a:focus span {
  display: none;
}

#block-redaktionsmenubutton a,
#block-fcp-redaktionsmenubutton a,
#block-fcp-redaktionsmenubutton-2 a {
  color: #fff;
  width: 100px;
  height: 100px;
  line-height: 100px;
  left: -20px;
  bottom: -30px;
  top: auto;
  border-radius: 50%;
  background: #f27c70 url(../assets/img/sprite_fcp.svg) no-repeat 103.51% -1373px;
  box-shadow: 0 0 10px #151515;
}

#block-redaktionsmenubutton a i,
#block-fcp-redaktionsmenubutton a i,
#block-fcp-redaktionsmenubutton-2 a i {
  display: none;
}

#block-redaktionsmenubutton a:hover, #block-redaktionsmenubutton a:focus, #block-redaktionsmenubutton a:active,
#block-fcp-redaktionsmenubutton a:hover,
#block-fcp-redaktionsmenubutton a:focus,
#block-fcp-redaktionsmenubutton a:active,
#block-fcp-redaktionsmenubutton-2 a:hover,
#block-fcp-redaktionsmenubutton-2 a:focus,
#block-fcp-redaktionsmenubutton-2 a:active {
  background-color: #EC6456;
  transform: scale(1.2);
  width: 100px;
  height: 100px;
  border-radius: 100%;
}

#block-redaktionsmenubutton a:hover span, #block-redaktionsmenubutton a:focus span, #block-redaktionsmenubutton a:active span,
#block-fcp-redaktionsmenubutton a:hover span,
#block-fcp-redaktionsmenubutton a:focus span,
#block-fcp-redaktionsmenubutton a:active span,
#block-fcp-redaktionsmenubutton-2 a:hover span,
#block-fcp-redaktionsmenubutton-2 a:focus span,
#block-fcp-redaktionsmenubutton-2 a:active span {
  display: none;
}

.prevnext-block,
.block-nextpre {
  position: absolute;
  right: 2rem;
  top: 0;
}

@media screen and (min-width: 1024px) {
  .prevnext-block,
  .block-nextpre {
    top: -2rem;
    right: 0;
  }
}

.prevnext-block ul,
.block-nextpre ul {
  /* li */
}

.prevnext-block ul li,
.block-nextpre ul li {
  /* a */
}

.prevnext-block ul li a,
.block-nextpre ul li a {
  display: inline-block;
  position: relative;
  padding: 0 .5rem;
}

.prevnext-block ul li a:before,
.block-nextpre ul li a:before {
  content: "‹‹";
  position: absolute;
  left: -10px;
  width: 16px;
  height: 20px;
}

.prevnext-block ul li a.prevnext-link--next:before,
.block-nextpre ul li a.prevnext-link--next:before {
  content: "››";
  left: auto;
  right: -16px;
}

/* block-nextpre */
.scrollToTopBtn,
.backtolist {
  background-color: #fff;
  border: none;
  border-radius: 50%;
  color: white;
  cursor: pointer;
  font-size: 16px;
  line-height: 48px;
  width: 48px;
  margin: 0;
  /* place it at the bottom right corner */
  position: fixed;
  /* keep it at the top of everything else */
  z-index: 9;
  /* hide with opacity */
  opacity: 0;
  /* also add a translate effect */
  transform: translateY(120px);
  /* and a transition */
  transition: all .5s ease;
  background: #fff url(../assets/img/sprite_fcp.svg) no-repeat 100.75% -706px;
  border-radius: 50%;
  opacity: 0.6;
  filter: alpha(opacity=60);
  width: 50px;
  height: 50px;
  right: 10px;
  bottom: 10px;
  font-size: 0;
  outline: none;
}

@media screen and (max-width: 1023px) {
  .scrollToTopBtn,
  .backtolist {
    right: 10px;
    bottom: 10px;
  }
}

.scrollToTopBtn span,
.backtolist span {
  display: none;
}

.scrollToTopBtn:hover, .scrollToTopBtn:focus, .scrollToTopBtn:active,
.backtolist:hover,
.backtolist:focus,
.backtolist:active {
  transform: scale(1.25);
}

.showBtn {
  opacity: 0.5;
  filter: alpha(opacity=50);
  transform: translateY(0);
}

.showBtn:hover, .showBtn:focus, .showBtn:active {
  opacity: 1;
  filter: alpha(opacity=100);
}

.backtolist {
  transform: translateY(0);
  opacity: 0.75;
  filter: alpha(opacity=75);
  top: auto;
  right: 5px;
  bottom: 5px;
  box-shadow: 0 0 5px #ccc;
  background-position: -295px -1784px;
}

@media screen and (min-width: 1024px) {
  .backtolist {
    right: 10%;
  }
}

@media screen and (min-width: 1500px) {
  .backtolist {
    right: 20%;
  }
}

@media screen and (min-width: 1024px) {
  .backtolist {
    bottom: 10px;
  }
}

.backtolist span {
  display: none;
}

.backtolist:hover, .backtolist:focus, .backtolist:active {
  opacity: 1;
  filter: alpha(opacity=100);
  box-shadow: 0 0 6px #ccc;
}

.backtolist:hover span, .backtolist:focus span, .backtolist:active span {
  font-size: 0.875rem;
}

.backtolist {
  display: none;
}

.facet-inactive.hidden {
  display: none;
}

.front-row.front_row_searcher,
.searcher,
.insights_row_2,
.searchfilter {
  /* facets */
}

.front-row.front_row_searcher .facets,
.searcher .facets,
.insights_row_2 .facets,
.searchfilter .facets {
  border-bottom: 1px solid #ccc;
  z-index: 3;
  margin: 0 0 2rem 0;
  margin: 0 auto 0;
  /*      @include from($desktop)  {  width: 85%;  margin: 0 0 2em 0; }  */
  min-width: 200px;
  display: -webkit-box;
  display: -webkit-flex;
  display: -moz-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-flex-wrap: wrap;
  -moz-flex-wrap: wrap;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
  -webkit-box-pack: start;
  -ms-flex-pack: start;
  -webkit-justify-content: flex-start;
  -moz-justify-content: flex-start;
  justify-content: flex-start;
  gap: 0 1rem;
  -webkit-transition: all 0.2s linear;
  -moz-transition: all 0.2s linear;
  -ms-transition: all 0.2s linear;
  -o-transition: all 0.2s linear;
  transition: all 0.2s linear;
  /* form */
  /* input type text */
  /* input type text */
  /*        input[type=text] , textarea, select {   */
  /*
            .select:not(.is-multiple):not(.is-loading)::after { 
                top: auto;
                bottom: -4px; right: 0.5em;
            } 
*/
  /* ul */
  /* ul */
}

@media screen and (min-width: 1024px) {
  .front-row.front_row_searcher .facets,
  .searcher .facets,
  .insights_row_2 .facets,
  .searchfilter .facets {
    width: 90%;
  }
}

@media screen and (min-width: 769px) {
  .front-row.front_row_searcher .facets,
  .searcher .facets,
  .insights_row_2 .facets,
  .searchfilter .facets {
    width: 100%;
  }
}

@media screen and (min-width: 1024px) {
  .front-row.front_row_searcher .facets,
  .searcher .facets,
  .insights_row_2 .facets,
  .searchfilter .facets {
    width: 100%;
    margin: 2rem 0 1.5rem;
  }
}

@media screen and (min-width: 1024px) {
  .front-row.front_row_searcher .facets,
  .searcher .facets,
  .insights_row_2 .facets,
  .searchfilter .facets {
    gap: 0 1rem;
  }
}

.front-row.front_row_searcher .facets > div,
.searcher .facets > div,
.insights_row_2 .facets > div,
.searchfilter .facets > div {
  width: 100%;
  -webkit-box-flex: 0;
  -webkit-flex: 0 1 45%;
  -moz-box-flex: 0;
  -moz-flex: 0 1 45%;
  -ms-flex: 0 1 45%;
  flex: 0 1 45%;
  margin-bottom: 0;
  /*     &.views-exposed-form{  @include flex (0 1 100%); } */
}

@media screen and (min-width: 769px) {
  .front-row.front_row_searcher .facets > div,
  .searcher .facets > div,
  .insights_row_2 .facets > div,
  .searchfilter .facets > div {
    -webkit-box-flex: 0;
    -webkit-flex: 0 1 23%;
    -moz-box-flex: 0;
    -moz-flex: 0 1 23%;
    -ms-flex: 0 1 23%;
    flex: 0 1 23%;
  }
}

@media screen and (min-width: 1216px) {
  .front-row.front_row_searcher .facets > div,
  .searcher .facets > div,
  .insights_row_2 .facets > div,
  .searchfilter .facets > div {
    -webkit-box-flex: 0;
    -webkit-flex: 0 1 18%;
    -moz-box-flex: 0;
    -moz-flex: 0 1 18%;
    -ms-flex: 0 1 18%;
    flex: 0 1 18%;
  }
}

.front-row.front_row_searcher .facets > div.block-facets-summary,
.searcher .facets > div.block-facets-summary,
.insights_row_2 .facets > div.block-facets-summary,
.searchfilter .facets > div.block-facets-summary {
  -webkit-box-flex: 0;
  -webkit-flex: 0 1 100%;
  -moz-box-flex: 0;
  -moz-flex: 0 1 100%;
  -ms-flex: 0 1 100%;
  flex: 0 1 100%;
}

.front-row.front_row_searcher .facets > div.block-facet--checkbox,
.searcher .facets > div.block-facet--checkbox,
.insights_row_2 .facets > div.block-facet--checkbox,
.searchfilter .facets > div.block-facet--checkbox {
  -webkit-box-flex: 0;
  -webkit-flex: 0 1 100%;
  -moz-box-flex: 0;
  -moz-flex: 0 1 100%;
  -ms-flex: 0 1 100%;
  flex: 0 1 100%;
}

@media screen and (max-width: 768px) {
  .front-row.front_row_searcher .facets > div.bef-exposed-form,
  .searcher .facets > div.bef-exposed-form,
  .insights_row_2 .facets > div.bef-exposed-form,
  .searchfilter .facets > div.bef-exposed-form {
    -webkit-box-flex: 0;
    -webkit-flex: 0 1 100%;
    -moz-box-flex: 0;
    -moz-flex: 0 1 100%;
    -ms-flex: 0 1 100%;
    flex: 0 1 100%;
  }
}

.front-row.front_row_searcher .facets > div input, .front-row.front_row_searcher .facets > div select, .front-row.front_row_searcher .facets > div .select,
.searcher .facets > div input,
.searcher .facets > div select,
.searcher .facets > div .select,
.insights_row_2 .facets > div input,
.insights_row_2 .facets > div select,
.insights_row_2 .facets > div .select,
.searchfilter .facets > div input,
.searchfilter .facets > div select,
.searchfilter .facets > div .select {
  width: 100%;
  height: unset;
  padding-right: 0;
  font-size: 1rem;
}

@media screen and (min-width: 600px) {
  .front-row.front_row_searcher .facets > div input, .front-row.front_row_searcher .facets > div select, .front-row.front_row_searcher .facets > div .select,
  .searcher .facets > div input,
  .searcher .facets > div select,
  .searcher .facets > div .select,
  .insights_row_2 .facets > div input,
  .insights_row_2 .facets > div select,
  .insights_row_2 .facets > div .select,
  .searchfilter .facets > div input,
  .searchfilter .facets > div select,
  .searchfilter .facets > div .select {
    font-size: 1rem;
  }
}

.front-row.front_row_searcher .facets form,
.searcher .facets form,
.insights_row_2 .facets form,
.searchfilter .facets form {
  display: -webkit-box;
  display: -webkit-flex;
  display: -moz-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-flex-wrap: wrap;
  -moz-flex-wrap: wrap;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
  -webkit-box-pack: justify;
  -ms-flex-pack: justify;
  -webkit-justify-content: space-between;
  -moz-justify-content: space-between;
  justify-content: space-between;
}

.front-row.front_row_searcher .facets form > div,
.searcher .facets form > div,
.insights_row_2 .facets form > div,
.searchfilter .facets form > div {
  -webkit-box-flex: 0;
  -webkit-flex: 0 1 100%;
  -moz-box-flex: 0;
  -moz-flex: 0 1 100%;
  -ms-flex: 0 1 100%;
  flex: 0 1 100%;
  margin-bottom: 0;
}

@media screen and (min-width: 1024px) {
  .front-row.front_row_searcher .facets form > div,
  .searcher .facets form > div,
  .insights_row_2 .facets form > div,
  .searchfilter .facets form > div {
    -webkit-box-flex: 0;
    -webkit-flex: 0 1 100%;
    -moz-box-flex: 0;
    -moz-flex: 0 1 100%;
    -ms-flex: 0 1 100%;
    flex: 0 1 100%;
  }
}

.front-row.front_row_searcher .facets form *,
.searcher .facets form *,
.insights_row_2 .facets form *,
.searchfilter .facets form * {
  font-size: 1rem;
}

@media screen and (min-width: 1024px) {
  .front-row.front_row_searcher .facets form *,
  .searcher .facets form *,
  .insights_row_2 .facets form *,
  .searchfilter .facets form * {
    font-size: 1.5rem;
  }
}

.front-row.front_row_searcher .facets form button,
.searcher .facets form button,
.insights_row_2 .facets form button,
.searchfilter .facets form button {
  margin: 0;
  width: 100%;
  text-align: center;
}

.front-row.front_row_searcher .facets form label,
.searcher .facets form label,
.insights_row_2 .facets form label,
.searchfilter .facets form label {
  display: none;
  font-weight: 300;
  font-size: 0.875rem;
  color: #999;
}

@media screen and (min-width: 769px) {
  .front-row.front_row_searcher .facets form label,
  .searcher .facets form label,
  .insights_row_2 .facets form label,
  .searchfilter .facets form label {
    display: none;
  }
}

.front-row.front_row_searcher .facets form .control,
.searcher .facets form .control,
.insights_row_2 .facets form .control,
.searchfilter .facets form .control {
  z-index: unset;
}

.front-row.front_row_searcher .facets form .form-actions,
.searcher .facets form .form-actions,
.insights_row_2 .facets form .form-actions,
.searchfilter .facets form .form-actions {
  display: none;
}

.front-row.front_row_searcher .facets input[type=text],
.searcher .facets input[type=text],
.insights_row_2 .facets input[type=text],
.searchfilter .facets input[type=text] {
  position: relative;
  width: 100%;
  padding: 0 calc(0.75em - 1px);
  padding-right: 2em;
  padding-left: 50px;
  /*
          line-height: 30px;
          height: 30px;  
          */
  border-radius: 50px;
  border: 1px solid #151515;
  color: #ccc;
  color: #151515;
  font-weight: 400;
  position: relative;
  background: #fff url(../assets/img/sprite_fcp.svg) no-repeat 1px -390px;
  -webkit-transition: all 0.15s linear;
  -moz-transition: all 0.15s linear;
  -ms-transition: all 0.15s linear;
  -o-transition: all 0.15s linear;
  transition: all 0.15s linear;
  text-align: left;
  opacity: .66;
  /*    &:focus-within {   transform: scale(1.05);    }   */
}

.front-row.front_row_searcher .facets input[type=text]:focus, .front-row.front_row_searcher .facets input[type=text]:focus-within, .front-row.front_row_searcher .facets input[type=text]:target,
.searcher .facets input[type=text]:focus,
.searcher .facets input[type=text]:focus-within,
.searcher .facets input[type=text]:target,
.insights_row_2 .facets input[type=text]:focus,
.insights_row_2 .facets input[type=text]:focus-within,
.insights_row_2 .facets input[type=text]:target,
.searchfilter .facets input[type=text]:focus,
.searchfilter .facets input[type=text]:focus-within,
.searchfilter .facets input[type=text]:target {
  color: #151515;
  opacity: 1;
}

.front-row.front_row_searcher .facets input[type=text]::placeholder,
.searcher .facets input[type=text]::placeholder,
.insights_row_2 .facets input[type=text]::placeholder,
.searchfilter .facets input[type=text]::placeholder {
  color: #38383A;
}

.front-row.front_row_searcher .facets input[type=text] option,
.searcher .facets input[type=text] option,
.insights_row_2 .facets input[type=text] option,
.searchfilter .facets input[type=text] option {
  width: 90%;
  padding: 2px 5px;
  background: #fff;
  -webkit-box-shadow: 0 0 3px #999 ;
  -moz-box-shadow: 0 0 3px #999 ;
  box-shadow: 0 0 3px #999 ;
}

.front-row.front_row_searcher .facets input[type=text] option:hover, .front-row.front_row_searcher .facets input[type=text] option:focus, .front-row.front_row_searcher .facets input[type=text] option:active, .front-row.front_row_searcher .facets input[type=text] option:focus,
.searcher .facets input[type=text] option:hover,
.searcher .facets input[type=text] option:focus,
.searcher .facets input[type=text] option:active,
.searcher .facets input[type=text] option:focus,
.insights_row_2 .facets input[type=text] option:hover,
.insights_row_2 .facets input[type=text] option:focus,
.insights_row_2 .facets input[type=text] option:active,
.insights_row_2 .facets input[type=text] option:focus,
.searchfilter .facets input[type=text] option:hover,
.searchfilter .facets input[type=text] option:focus,
.searchfilter .facets input[type=text] option:active,
.searchfilter .facets input[type=text] option:focus {
  background: #33b3ff;
  color: #fff;
}

.front-row.front_row_searcher .facets .block-facets, .front-row.front_row_searcher .facets .block-facets-summary,
.searcher .facets .block-facets,
.searcher .facets .block-facets-summary,
.insights_row_2 .facets .block-facets,
.insights_row_2 .facets .block-facets-summary,
.searchfilter .facets .block-facets,
.searchfilter .facets .block-facets-summary {
  font-size: 1rem;
}

@media screen and (min-width: 769px) {
  .front-row.front_row_searcher .facets .block-facets, .front-row.front_row_searcher .facets .block-facets-summary,
  .searcher .facets .block-facets,
  .searcher .facets .block-facets-summary,
  .insights_row_2 .facets .block-facets,
  .insights_row_2 .facets .block-facets-summary,
  .searchfilter .facets .block-facets,
  .searchfilter .facets .block-facets-summary {
    font-size: 1.5rem;
  }
}

.front-row.front_row_searcher .facets .facet-item label,
.searcher .facets .facet-item label,
.insights_row_2 .facets .facet-item label,
.searchfilter .facets .facet-item label {
  display: inline-block;
}

.front-row.front_row_searcher .facets input::placeholder,
.searcher .facets input::placeholder,
.insights_row_2 .facets input::placeholder,
.searchfilter .facets input::placeholder {
  color: #424242;
  font-weight: 400;
  font-size: 1rem;
}

@media screen and (min-width: 600px) {
  .front-row.front_row_searcher .facets input::placeholder,
  .searcher .facets input::placeholder,
  .insights_row_2 .facets input::placeholder,
  .searchfilter .facets input::placeholder {
    font-size: 1rem;
  }
}

@media screen and (min-width: 769px) {
  .front-row.front_row_searcher .facets input::placeholder,
  .searcher .facets input::placeholder,
  .insights_row_2 .facets input::placeholder,
  .searchfilter .facets input::placeholder {
    font-size: 1.5rem;
  }
}

.front-row.front_row_searcher .facets input[type=text],
.front-row.front_row_searcher .facets input[type=search],
.front-row.front_row_searcher .facets select,
.front-row.front_row_searcher .facets .select select,
.front-row.front_row_searcher .facets textarea,
.front-row.front_row_searcher .facets textarea.textarea,
.front-row.front_row_searcher .facets .facets-widget-searchbox_links input,
.searcher .facets input[type=text],
.searcher .facets input[type=search],
.searcher .facets select,
.searcher .facets .select select,
.searcher .facets textarea,
.searcher .facets textarea.textarea,
.searcher .facets .facets-widget-searchbox_links input,
.insights_row_2 .facets input[type=text],
.insights_row_2 .facets input[type=search],
.insights_row_2 .facets select,
.insights_row_2 .facets .select select,
.insights_row_2 .facets textarea,
.insights_row_2 .facets textarea.textarea,
.insights_row_2 .facets .facets-widget-searchbox_links input,
.searchfilter .facets input[type=text],
.searchfilter .facets input[type=search],
.searchfilter .facets select,
.searchfilter .facets .select select,
.searchfilter .facets textarea,
.searchfilter .facets textarea.textarea,
.searchfilter .facets .facets-widget-searchbox_links input {
  border-radius: unset;
  border: unset;
  color: #424242;
}

.front-row.front_row_searcher .facets input[type=text]:hover, .front-row.front_row_searcher .facets input[type=text]:focus, .front-row.front_row_searcher .facets input[type=text]:focus-within, .front-row.front_row_searcher .facets input[type=text]:target,
.front-row.front_row_searcher .facets input[type=search]:hover,
.front-row.front_row_searcher .facets input[type=search]:focus,
.front-row.front_row_searcher .facets input[type=search]:focus-within,
.front-row.front_row_searcher .facets input[type=search]:target,
.front-row.front_row_searcher .facets select:hover,
.front-row.front_row_searcher .facets select:focus,
.front-row.front_row_searcher .facets select:focus-within,
.front-row.front_row_searcher .facets select:target,
.front-row.front_row_searcher .facets .select select:hover,
.front-row.front_row_searcher .facets .select select:focus,
.front-row.front_row_searcher .facets .select select:focus-within,
.front-row.front_row_searcher .facets .select select:target,
.front-row.front_row_searcher .facets textarea:hover,
.front-row.front_row_searcher .facets textarea:focus,
.front-row.front_row_searcher .facets textarea:focus-within,
.front-row.front_row_searcher .facets textarea:target,
.front-row.front_row_searcher .facets textarea.textarea:hover,
.front-row.front_row_searcher .facets textarea.textarea:focus,
.front-row.front_row_searcher .facets textarea.textarea:focus-within,
.front-row.front_row_searcher .facets textarea.textarea:target,
.front-row.front_row_searcher .facets .facets-widget-searchbox_links input:hover,
.front-row.front_row_searcher .facets .facets-widget-searchbox_links input:focus,
.front-row.front_row_searcher .facets .facets-widget-searchbox_links input:focus-within,
.front-row.front_row_searcher .facets .facets-widget-searchbox_links input:target,
.searcher .facets input[type=text]:hover,
.searcher .facets input[type=text]:focus,
.searcher .facets input[type=text]:focus-within,
.searcher .facets input[type=text]:target,
.searcher .facets input[type=search]:hover,
.searcher .facets input[type=search]:focus,
.searcher .facets input[type=search]:focus-within,
.searcher .facets input[type=search]:target,
.searcher .facets select:hover,
.searcher .facets select:focus,
.searcher .facets select:focus-within,
.searcher .facets select:target,
.searcher .facets .select select:hover,
.searcher .facets .select select:focus,
.searcher .facets .select select:focus-within,
.searcher .facets .select select:target,
.searcher .facets textarea:hover,
.searcher .facets textarea:focus,
.searcher .facets textarea:focus-within,
.searcher .facets textarea:target,
.searcher .facets textarea.textarea:hover,
.searcher .facets textarea.textarea:focus,
.searcher .facets textarea.textarea:focus-within,
.searcher .facets textarea.textarea:target,
.searcher .facets .facets-widget-searchbox_links input:hover,
.searcher .facets .facets-widget-searchbox_links input:focus,
.searcher .facets .facets-widget-searchbox_links input:focus-within,
.searcher .facets .facets-widget-searchbox_links input:target,
.insights_row_2 .facets input[type=text]:hover,
.insights_row_2 .facets input[type=text]:focus,
.insights_row_2 .facets input[type=text]:focus-within,
.insights_row_2 .facets input[type=text]:target,
.insights_row_2 .facets input[type=search]:hover,
.insights_row_2 .facets input[type=search]:focus,
.insights_row_2 .facets input[type=search]:focus-within,
.insights_row_2 .facets input[type=search]:target,
.insights_row_2 .facets select:hover,
.insights_row_2 .facets select:focus,
.insights_row_2 .facets select:focus-within,
.insights_row_2 .facets select:target,
.insights_row_2 .facets .select select:hover,
.insights_row_2 .facets .select select:focus,
.insights_row_2 .facets .select select:focus-within,
.insights_row_2 .facets .select select:target,
.insights_row_2 .facets textarea:hover,
.insights_row_2 .facets textarea:focus,
.insights_row_2 .facets textarea:focus-within,
.insights_row_2 .facets textarea:target,
.insights_row_2 .facets textarea.textarea:hover,
.insights_row_2 .facets textarea.textarea:focus,
.insights_row_2 .facets textarea.textarea:focus-within,
.insights_row_2 .facets textarea.textarea:target,
.insights_row_2 .facets .facets-widget-searchbox_links input:hover,
.insights_row_2 .facets .facets-widget-searchbox_links input:focus,
.insights_row_2 .facets .facets-widget-searchbox_links input:focus-within,
.insights_row_2 .facets .facets-widget-searchbox_links input:target,
.searchfilter .facets input[type=text]:hover,
.searchfilter .facets input[type=text]:focus,
.searchfilter .facets input[type=text]:focus-within,
.searchfilter .facets input[type=text]:target,
.searchfilter .facets input[type=search]:hover,
.searchfilter .facets input[type=search]:focus,
.searchfilter .facets input[type=search]:focus-within,
.searchfilter .facets input[type=search]:target,
.searchfilter .facets select:hover,
.searchfilter .facets select:focus,
.searchfilter .facets select:focus-within,
.searchfilter .facets select:target,
.searchfilter .facets .select select:hover,
.searchfilter .facets .select select:focus,
.searchfilter .facets .select select:focus-within,
.searchfilter .facets .select select:target,
.searchfilter .facets textarea:hover,
.searchfilter .facets textarea:focus,
.searchfilter .facets textarea:focus-within,
.searchfilter .facets textarea:target,
.searchfilter .facets textarea.textarea:hover,
.searchfilter .facets textarea.textarea:focus,
.searchfilter .facets textarea.textarea:focus-within,
.searchfilter .facets textarea.textarea:target,
.searchfilter .facets .facets-widget-searchbox_links input:hover,
.searchfilter .facets .facets-widget-searchbox_links input:focus,
.searchfilter .facets .facets-widget-searchbox_links input:focus-within,
.searchfilter .facets .facets-widget-searchbox_links input:target {
  box-shadow: unset;
}

.front-row.front_row_searcher .facets form#views-exposed-form-personen-suche-page-1 #edit-actions--2,
.front-row.front_row_searcher .facets form#views-exposed-form-jobsearch-block-1 #edit-actions--2,
.front-row.front_row_searcher .facets form#views-exposed-form-firmen-profile-block-1 #edit-actions--2,
.searcher .facets form#views-exposed-form-personen-suche-page-1 #edit-actions--2,
.searcher .facets form#views-exposed-form-jobsearch-block-1 #edit-actions--2,
.searcher .facets form#views-exposed-form-firmen-profile-block-1 #edit-actions--2,
.insights_row_2 .facets form#views-exposed-form-personen-suche-page-1 #edit-actions--2,
.insights_row_2 .facets form#views-exposed-form-jobsearch-block-1 #edit-actions--2,
.insights_row_2 .facets form#views-exposed-form-firmen-profile-block-1 #edit-actions--2,
.searchfilter .facets form#views-exposed-form-personen-suche-page-1 #edit-actions--2,
.searchfilter .facets form#views-exposed-form-jobsearch-block-1 #edit-actions--2,
.searchfilter .facets form#views-exposed-form-firmen-profile-block-1 #edit-actions--2 {
  display: none;
}

.front-row.front_row_searcher .facets form#views-exposed-form-personen-suche-page-1 button,
.front-row.front_row_searcher .facets form#views-exposed-form-jobsearch-block-1 button,
.front-row.front_row_searcher .facets form#views-exposed-form-firmen-profile-block-1 button,
.searcher .facets form#views-exposed-form-personen-suche-page-1 button,
.searcher .facets form#views-exposed-form-jobsearch-block-1 button,
.searcher .facets form#views-exposed-form-firmen-profile-block-1 button,
.insights_row_2 .facets form#views-exposed-form-personen-suche-page-1 button,
.insights_row_2 .facets form#views-exposed-form-jobsearch-block-1 button,
.insights_row_2 .facets form#views-exposed-form-firmen-profile-block-1 button,
.searchfilter .facets form#views-exposed-form-personen-suche-page-1 button,
.searchfilter .facets form#views-exposed-form-jobsearch-block-1 button,
.searchfilter .facets form#views-exposed-form-firmen-profile-block-1 button {
  margin-top: 0;
  background-color: #999;
}

.front-row.front_row_searcher .facets form#views-exposed-form-personen-suche-page-1 .input, .front-row.front_row_searcher .facets form#views-exposed-form-personen-suche-page-1 .textarea, .front-row.front_row_searcher .facets form#views-exposed-form-personen-suche-page-1 .select select,
.front-row.front_row_searcher .facets form#views-exposed-form-jobsearch-block-1 .input,
.front-row.front_row_searcher .facets form#views-exposed-form-jobsearch-block-1 .textarea,
.front-row.front_row_searcher .facets form#views-exposed-form-jobsearch-block-1 .select select,
.front-row.front_row_searcher .facets form#views-exposed-form-firmen-profile-block-1 .input,
.front-row.front_row_searcher .facets form#views-exposed-form-firmen-profile-block-1 .textarea,
.front-row.front_row_searcher .facets form#views-exposed-form-firmen-profile-block-1 .select select,
.searcher .facets form#views-exposed-form-personen-suche-page-1 .input,
.searcher .facets form#views-exposed-form-personen-suche-page-1 .textarea,
.searcher .facets form#views-exposed-form-personen-suche-page-1 .select select,
.searcher .facets form#views-exposed-form-jobsearch-block-1 .input,
.searcher .facets form#views-exposed-form-jobsearch-block-1 .textarea,
.searcher .facets form#views-exposed-form-jobsearch-block-1 .select select,
.searcher .facets form#views-exposed-form-firmen-profile-block-1 .input,
.searcher .facets form#views-exposed-form-firmen-profile-block-1 .textarea,
.searcher .facets form#views-exposed-form-firmen-profile-block-1 .select select,
.insights_row_2 .facets form#views-exposed-form-personen-suche-page-1 .input,
.insights_row_2 .facets form#views-exposed-form-personen-suche-page-1 .textarea,
.insights_row_2 .facets form#views-exposed-form-personen-suche-page-1 .select select,
.insights_row_2 .facets form#views-exposed-form-jobsearch-block-1 .input,
.insights_row_2 .facets form#views-exposed-form-jobsearch-block-1 .textarea,
.insights_row_2 .facets form#views-exposed-form-jobsearch-block-1 .select select,
.insights_row_2 .facets form#views-exposed-form-firmen-profile-block-1 .input,
.insights_row_2 .facets form#views-exposed-form-firmen-profile-block-1 .textarea,
.insights_row_2 .facets form#views-exposed-form-firmen-profile-block-1 .select select,
.searchfilter .facets form#views-exposed-form-personen-suche-page-1 .input,
.searchfilter .facets form#views-exposed-form-personen-suche-page-1 .textarea,
.searchfilter .facets form#views-exposed-form-personen-suche-page-1 .select select,
.searchfilter .facets form#views-exposed-form-jobsearch-block-1 .input,
.searchfilter .facets form#views-exposed-form-jobsearch-block-1 .textarea,
.searchfilter .facets form#views-exposed-form-jobsearch-block-1 .select select,
.searchfilter .facets form#views-exposed-form-firmen-profile-block-1 .input,
.searchfilter .facets form#views-exposed-form-firmen-profile-block-1 .textarea,
.searchfilter .facets form#views-exposed-form-firmen-profile-block-1 .select select {
  border-color: #f1f1f1;
  color: #999;
  border-radius: 50px;
  -webkit-box-shadow: 0 0 6px #ccc ;
  -moz-box-shadow: 0 0 6px #ccc ;
  box-shadow: 0 0 6px #ccc ;
  border: 0 none;
  border-bottom: 1px solid #f1f1f1;
  padding: 0 calc(0.75em - 1px);
}

.front-row.front_row_searcher .facets .views-exposed-form .form-actions,
.searcher .facets .views-exposed-form .form-actions,
.insights_row_2 .facets .views-exposed-form .form-actions,
.searchfilter .facets .views-exposed-form .form-actions {
  /* button */
}

.front-row.front_row_searcher .facets .views-exposed-form .form-actions button,
.searcher .facets .views-exposed-form .form-actions button,
.insights_row_2 .facets .views-exposed-form .form-actions button,
.searchfilter .facets .views-exposed-form .form-actions button {
  line-height: 70px;
  height: 70px;
}

@media screen and (min-width: 769px) {
  .front-row.front_row_searcher .facets .views-exposed-form .form-actions button,
  .searcher .facets .views-exposed-form .form-actions button,
  .insights_row_2 .facets .views-exposed-form .form-actions button,
  .searchfilter .facets .views-exposed-form .form-actions button {
    /* the small cards */
  }
}

@media screen and (min-width: 769px) and (max-width: 1023px) {
  .front-row.front_row_searcher .facets .views-exposed-form .form-actions button,
  .searcher .facets .views-exposed-form .form-actions button,
  .insights_row_2 .facets .views-exposed-form .form-actions button,
  .searchfilter .facets .views-exposed-form .form-actions button {
    /* the small cards */
    font-size: 0;
    background: transparent;
  }
  .front-row.front_row_searcher .facets .views-exposed-form .form-actions button span,
  .searcher .facets .views-exposed-form .form-actions button span,
  .insights_row_2 .facets .views-exposed-form .form-actions button span,
  .searchfilter .facets .views-exposed-form .form-actions button span {
    display: none;
  }
  .front-row.front_row_searcher .facets .views-exposed-form .form-actions button:before,
  .searcher .facets .views-exposed-form .form-actions button:before,
  .insights_row_2 .facets .views-exposed-form .form-actions button:before,
  .searchfilter .facets .views-exposed-form .form-actions button:before {
    content: "";
    position: absolute;
    top: -15px;
    left: 40px;
    width: 60px;
    height: 100px;
    background: transparent url(../assets/img/sprite_fcp.svg) no-repeat -300px -1590px;
  }
  .front-row.front_row_searcher .facets .views-exposed-form .form-actions button:hover, .front-row.front_row_searcher .facets .views-exposed-form .form-actions button:focus, .front-row.front_row_searcher .facets .views-exposed-form .form-actions button:focus-within, .front-row.front_row_searcher .facets .views-exposed-form .form-actions button:active,
  .searcher .facets .views-exposed-form .form-actions button:hover,
  .searcher .facets .views-exposed-form .form-actions button:focus,
  .searcher .facets .views-exposed-form .form-actions button:focus-within,
  .searcher .facets .views-exposed-form .form-actions button:active,
  .insights_row_2 .facets .views-exposed-form .form-actions button:hover,
  .insights_row_2 .facets .views-exposed-form .form-actions button:focus,
  .insights_row_2 .facets .views-exposed-form .form-actions button:focus-within,
  .insights_row_2 .facets .views-exposed-form .form-actions button:active,
  .searchfilter .facets .views-exposed-form .form-actions button:hover,
  .searchfilter .facets .views-exposed-form .form-actions button:focus,
  .searchfilter .facets .views-exposed-form .form-actions button:focus-within,
  .searchfilter .facets .views-exposed-form .form-actions button:active {
    border: 0 none;
    transform: scale(1.1);
  }
}

.front-row.front_row_searcher .facets ul.js-facets-links,
.searcher .facets ul.js-facets-links,
.insights_row_2 .facets ul.js-facets-links,
.searchfilter .facets ul.js-facets-links {
  margin: 0 auto .25rem;
  padding: 0;
  list-style: none;
  text-align: left;
}

.front-row.front_row_searcher .facets ul.js-facets-links li.facet-item,
.searcher .facets ul.js-facets-links li.facet-item,
.insights_row_2 .facets ul.js-facets-links li.facet-item,
.searchfilter .facets ul.js-facets-links li.facet-item {
  padding: 0;
  list-style: none;
  margin: 0;
  display: inline-block;
  margin-right: 1em;
  padding-left: 5px;
  cursor: pointer;
  font-size: 0.75rem;
}

@media screen and (min-width: 600px) {
  .front-row.front_row_searcher .facets ul.js-facets-links li.facet-item,
  .searcher .facets ul.js-facets-links li.facet-item,
  .insights_row_2 .facets ul.js-facets-links li.facet-item,
  .searchfilter .facets ul.js-facets-links li.facet-item {
    font-size: 0.875rem;
  }
}

@media screen and (min-width: 769px) {
  .front-row.front_row_searcher .facets ul.js-facets-links li.facet-item,
  .searcher .facets ul.js-facets-links li.facet-item,
  .insights_row_2 .facets ul.js-facets-links li.facet-item,
  .searchfilter .facets ul.js-facets-links li.facet-item {
    font-size: 0.875rem;
  }
}

@media screen and (min-width: 1024px) {
  .front-row.front_row_searcher .facets ul.js-facets-links li.facet-item,
  .searcher .facets ul.js-facets-links li.facet-item,
  .insights_row_2 .facets ul.js-facets-links li.facet-item,
  .searchfilter .facets ul.js-facets-links li.facet-item {
    font-size: 1rem;
  }
}

.front-row.front_row_searcher .facets ul.js-facets-links li.facet-item a,
.searcher .facets ul.js-facets-links li.facet-item a,
.insights_row_2 .facets ul.js-facets-links li.facet-item a,
.searchfilter .facets ul.js-facets-links li.facet-item a {
  color: #151515;
  text-decoration: unset;
  background: unset;
}

.front-row.front_row_searcher .facets ul.js-facets-links li.facet-item a:hover, .front-row.front_row_searcher .facets ul.js-facets-links li.facet-item a:focus, .front-row.front_row_searcher .facets ul.js-facets-links li.facet-item a:active, .front-row.front_row_searcher .facets ul.js-facets-links li.facet-item a:focus,
.searcher .facets ul.js-facets-links li.facet-item a:hover,
.searcher .facets ul.js-facets-links li.facet-item a:focus,
.searcher .facets ul.js-facets-links li.facet-item a:active,
.searcher .facets ul.js-facets-links li.facet-item a:focus,
.insights_row_2 .facets ul.js-facets-links li.facet-item a:hover,
.insights_row_2 .facets ul.js-facets-links li.facet-item a:focus,
.insights_row_2 .facets ul.js-facets-links li.facet-item a:active,
.insights_row_2 .facets ul.js-facets-links li.facet-item a:focus,
.searchfilter .facets ul.js-facets-links li.facet-item a:hover,
.searchfilter .facets ul.js-facets-links li.facet-item a:focus,
.searchfilter .facets ul.js-facets-links li.facet-item a:active,
.searchfilter .facets ul.js-facets-links li.facet-item a:focus {
  color: #EC6456;
}

.front-row.front_row_searcher .facets ul.js-facets-links li.facet-item a.is-active,
.searcher .facets ul.js-facets-links li.facet-item a.is-active,
.insights_row_2 .facets ul.js-facets-links li.facet-item a.is-active,
.searchfilter .facets ul.js-facets-links li.facet-item a.is-active {
  font-weight: 600;
  position: relative;
}

.front-row.front_row_searcher .facets ul.js-facets-links li.facet-item a.is-active:after,
.searcher .facets ul.js-facets-links li.facet-item a.is-active:after,
.insights_row_2 .facets ul.js-facets-links li.facet-item a.is-active:after,
.searchfilter .facets ul.js-facets-links li.facet-item a.is-active:after {
  display: block;
  content: "";
  width: 100%;
  height: 2px;
  background: #ccc;
  position: absolute;
  bottom: -13px;
}

.front-row.front_row_searcher .facets ul.js-facets-links .js-facet-deactivate,
.searcher .facets ul.js-facets-links .js-facet-deactivate,
.insights_row_2 .facets ul.js-facets-links .js-facet-deactivate,
.searchfilter .facets ul.js-facets-links .js-facet-deactivate {
  display: none;
}

.front-row.front_row_searcher .facets ul.js-facets-widget,
.searcher .facets ul.js-facets-widget,
.insights_row_2 .facets ul.js-facets-widget,
.searchfilter .facets ul.js-facets-widget {
  margin: 0 auto 1em;
  padding: 0;
  list-style: none;
  text-align: center;
}

.front-row.front_row_searcher .facets ul.js-facets-widget li.facet-item,
.searcher .facets ul.js-facets-widget li.facet-item,
.insights_row_2 .facets ul.js-facets-widget li.facet-item,
.searchfilter .facets ul.js-facets-widget li.facet-item {
  padding: 0;
  list-style: none;
  margin: 0;
  display: inline-block;
  margin-right: 1em;
  padding-left: 5px;
  cursor: pointer;
}

.front-row.front_row_searcher .facets ul.js-facets-widget li.facet-item:hover, .front-row.front_row_searcher .facets ul.js-facets-widget li.facet-item:focus, .front-row.front_row_searcher .facets ul.js-facets-widget li.facet-item:active, .front-row.front_row_searcher .facets ul.js-facets-widget li.facet-item:focus,
.searcher .facets ul.js-facets-widget li.facet-item:hover,
.searcher .facets ul.js-facets-widget li.facet-item:focus,
.searcher .facets ul.js-facets-widget li.facet-item:active,
.searcher .facets ul.js-facets-widget li.facet-item:focus,
.insights_row_2 .facets ul.js-facets-widget li.facet-item:hover,
.insights_row_2 .facets ul.js-facets-widget li.facet-item:focus,
.insights_row_2 .facets ul.js-facets-widget li.facet-item:active,
.insights_row_2 .facets ul.js-facets-widget li.facet-item:focus,
.searchfilter .facets ul.js-facets-widget li.facet-item:hover,
.searchfilter .facets ul.js-facets-widget li.facet-item:focus,
.searchfilter .facets ul.js-facets-widget li.facet-item:active,
.searchfilter .facets ul.js-facets-widget li.facet-item:focus {
  color: #035687;
}

.front-row.front_row_searcher .facets ul.js-facets-widget input[type="checkbox"], .front-row.front_row_searcher .facets ul.js-facets-widget input[type="radio"],
.searcher .facets ul.js-facets-widget input[type="checkbox"],
.searcher .facets ul.js-facets-widget input[type="radio"],
.insights_row_2 .facets ul.js-facets-widget input[type="checkbox"],
.insights_row_2 .facets ul.js-facets-widget input[type="radio"],
.searchfilter .facets ul.js-facets-widget input[type="checkbox"],
.searchfilter .facets ul.js-facets-widget input[type="radio"] {
  padding-right: 5px;
  width: 20px;
}

.front-row.front_row_searcher .facets ul.js-facets-widget .facet-item__count,
.searcher .facets ul.js-facets-widget .facet-item__count,
.insights_row_2 .facets ul.js-facets-widget .facet-item__count,
.searchfilter .facets ul.js-facets-widget .facet-item__count {
  color: #999;
}

.front-row.front_row_searcher .facets .bef-links ul,
.searcher .facets .bef-links ul,
.insights_row_2 .facets .bef-links ul,
.searchfilter .facets .bef-links ul {
  position: relative;
}

.front-row.front_row_searcher .facets .bef-links ul > li,
.searcher .facets .bef-links ul > li,
.insights_row_2 .facets .bef-links ul > li,
.searchfilter .facets .bef-links ul > li {
  display: inline-block;
  padding: 0;
  list-style: none;
  margin: 0;
  margin-right: 1em;
  padding-left: 5px;
  cursor: pointer;
}

.front-row.front_row_searcher .facets .bef-links ul > li a,
.searcher .facets .bef-links ul > li a,
.insights_row_2 .facets .bef-links ul > li a,
.searchfilter .facets .bef-links ul > li a {
  font-size: 0.75rem;
  color: #151515;
  text-decoration: unset;
  background: unset;
}

@media screen and (min-width: 600px) {
  .front-row.front_row_searcher .facets .bef-links ul > li a,
  .searcher .facets .bef-links ul > li a,
  .insights_row_2 .facets .bef-links ul > li a,
  .searchfilter .facets .bef-links ul > li a {
    font-size: 0.875rem;
  }
}

@media screen and (min-width: 769px) {
  .front-row.front_row_searcher .facets .bef-links ul > li a,
  .searcher .facets .bef-links ul > li a,
  .insights_row_2 .facets .bef-links ul > li a,
  .searchfilter .facets .bef-links ul > li a {
    font-size: 0.875rem;
  }
}

@media screen and (min-width: 1024px) {
  .front-row.front_row_searcher .facets .bef-links ul > li a,
  .searcher .facets .bef-links ul > li a,
  .insights_row_2 .facets .bef-links ul > li a,
  .searchfilter .facets .bef-links ul > li a {
    font-size: 1rem;
  }
}

.front-row.front_row_searcher .facets .bef-links ul > li a:hover, .front-row.front_row_searcher .facets .bef-links ul > li a:focus, .front-row.front_row_searcher .facets .bef-links ul > li a:active, .front-row.front_row_searcher .facets .bef-links ul > li a:focus,
.searcher .facets .bef-links ul > li a:hover,
.searcher .facets .bef-links ul > li a:focus,
.searcher .facets .bef-links ul > li a:active,
.searcher .facets .bef-links ul > li a:focus,
.insights_row_2 .facets .bef-links ul > li a:hover,
.insights_row_2 .facets .bef-links ul > li a:focus,
.insights_row_2 .facets .bef-links ul > li a:active,
.insights_row_2 .facets .bef-links ul > li a:focus,
.searchfilter .facets .bef-links ul > li a:hover,
.searchfilter .facets .bef-links ul > li a:focus,
.searchfilter .facets .bef-links ul > li a:active,
.searchfilter .facets .bef-links ul > li a:focus {
  color: #EC6456;
}

.front-row.front_row_searcher .facets .bef-links ul > li a.bef-link--selected, .front-row.front_row_searcher .facets .bef-links ul > li a.is-active,
.searcher .facets .bef-links ul > li a.bef-link--selected,
.searcher .facets .bef-links ul > li a.is-active,
.insights_row_2 .facets .bef-links ul > li a.bef-link--selected,
.insights_row_2 .facets .bef-links ul > li a.is-active,
.searchfilter .facets .bef-links ul > li a.bef-link--selected,
.searchfilter .facets .bef-links ul > li a.is-active {
  color: #EC6456;
  font-weight: 500;
}

.front-row.front_row_searcher .facets .facets-widget-checkbox ul.js-facets-widget,
.searcher .facets .facets-widget-checkbox ul.js-facets-widget,
.insights_row_2 .facets .facets-widget-checkbox ul.js-facets-widget,
.searchfilter .facets .facets-widget-checkbox ul.js-facets-widget {
  position: relative;
  text-align: center;
  font-size: 0.875rem;
}

@media screen and (min-width: 769px) {
  .front-row.front_row_searcher .facets .facets-widget-checkbox ul.js-facets-widget,
  .searcher .facets .facets-widget-checkbox ul.js-facets-widget,
  .insights_row_2 .facets .facets-widget-checkbox ul.js-facets-widget,
  .searchfilter .facets .facets-widget-checkbox ul.js-facets-widget {
    font-size: 1rem;
  }
}

.front-row.front_row_searcher .facets .facets-widget-checkbox ul.js-facets-widget li,
.searcher .facets .facets-widget-checkbox ul.js-facets-widget li,
.insights_row_2 .facets .facets-widget-checkbox ul.js-facets-widget li,
.searchfilter .facets .facets-widget-checkbox ul.js-facets-widget li {
  float: none;
  display: inline-block;
}

/* front row */
/* Allgemeine Exposed Filter in Views one line */
.view .views-exposed-form {
  padding: 1rem 0;
  /* ul */
}

.view .views-exposed-form ul {
  margin: 0 auto .25rem;
  padding: 0;
  list-style: none;
  text-align: left;
  border-bottom: 1px solid #ccc;
}

.view .views-exposed-form ul li {
  padding: 0;
  list-style: none;
  margin: 0;
  display: inline-block;
  margin-right: 1em;
  padding-left: 5px;
  cursor: pointer;
  background: unset;
  font-size: 0.75rem;
}

@media screen and (min-width: 600px) {
  .view .views-exposed-form ul li {
    font-size: 0.875rem;
  }
}

@media screen and (min-width: 769px) {
  .view .views-exposed-form ul li {
    font-size: 1rem;
  }
}

.view .views-exposed-form ul li a:not(.button) {
  color: #151515;
  text-decoration: unset;
  background: unset;
}

.view .views-exposed-form ul li a:not(.button):hover, .view .views-exposed-form ul li a:not(.button):focus, .view .views-exposed-form ul li a:not(.button):active, .view .views-exposed-form ul li a:not(.button):focus {
  color: #151515;
}

.view .views-exposed-form ul li a:not(.button):hover:after, .view .views-exposed-form ul li a:not(.button):focus:after, .view .views-exposed-form ul li a:not(.button):active:after, .view .views-exposed-form ul li a:not(.button):focus:after {
  display: none;
}

.view .views-exposed-form ul li a:not(.button):hover:before, .view .views-exposed-form ul li a:not(.button):focus:before, .view .views-exposed-form ul li a:not(.button):active:before, .view .views-exposed-form ul li a:not(.button):focus:before {
  display: block;
  content: "";
  width: 100%;
  height: 3px;
  background-color: #ccc;
  position: absolute;
  bottom: 0;
}

.view .views-exposed-form ul li a:not(.button).is-active, .view .views-exposed-form ul li a:not(.button).bef-link--selected {
  font-weight: 600;
  position: relative;
}

.view .views-exposed-form ul li a:not(.button).is-active:before, .view .views-exposed-form ul li a:not(.button).bef-link--selected:before {
  display: block;
  content: "";
  width: 100%;
  height: 3px;
  background-color: #ccc;
  position: absolute;
  bottom: -6px;
  bottom: 0;
}

.view .views-exposed-form ul .js-facet-deactivate {
  display: none;
}

aside .select select, .searchfilter .select select {
  position: relative;
}

.select:not(.is-multiple) {
  padding-left: 1rem;
}

.select:not(.is-multiple):not(.is-loading)::after {
  top: 55%;
  left: 10px;
  height: 0.5em;
  margin-top: -0.4375em;
  pointer-events: none;
  position: absolute;
  width: 0.5em;
}

.facets-widget-searchbox_links {
  max-height: 800px;
  overflow: hidden;
}

.facets-widget-searchbox_links input:focus {
  box-shadow: unset;
}

.facets-widget-searchbox_links input {
  height: 40px;
  padding-left: 44px;
  justify-content: flex-start;
  background: url(../assets/img/sprite_fcp.svg) no-repeat 6px -1743px;
}

.facets-widget-searchbox_links ul {
  display: none;
}

.facets-widget-searchbox_links.active ul {
  display: block;
}

/* Header Definition der Detailansicht wird in module_angebote mit abgehandelt */
/* body */
.cookiesjsr-banner {
  background-color: #33b3ff;
  color: #151515;
}

.cookiesjsr-banner * {
  color: #151515;
}

.cookiesjsr-banner .cookiesjsr-btn {
  background-color: #fff;
}

.cookiesjsr-banner button {
  text-transform: none;
  font-size: 1rem;
}

.cookiesjsr-banner a {
  color: #151515;
}

.cookiesjsr-banner a:hover, .cookiesjsr-banner a:focus, .cookiesjsr-banner a:active {
  color: #151515;
  text-decoration: underline;
}

.cookiesjsr-service-group.active .cookiesjsr-service-group--content,
.cookiesjsr-service-group.active .cookiesjsr-service-group--tab {
  background-color: #33b3ff;
  color: #151515;
}

.cookiesjsr-service-group.active .cookiesjsr-service-group--content *, .cookiesjsr-service-group.active .cookiesjsr-service-group--content h3,
.cookiesjsr-service-group.active .cookiesjsr-service-group--tab *,
.cookiesjsr-service-group.active .cookiesjsr-service-group--tab h3 {
  color: #151515;
}

.cookiesjsr-service-group.active .cookiesjsr-service-group--content a,
.cookiesjsr-service-group.active .cookiesjsr-service-group--tab a {
  color: #151515;
}

.cookiesjsr-service-group.active .cookiesjsr-service-group--content a:hover, .cookiesjsr-service-group.active .cookiesjsr-service-group--content a:focus, .cookiesjsr-service-group.active .cookiesjsr-service-group--content a:active,
.cookiesjsr-service-group.active .cookiesjsr-service-group--tab a:hover,
.cookiesjsr-service-group.active .cookiesjsr-service-group--tab a:focus,
.cookiesjsr-service-group.active .cookiesjsr-service-group--tab a:active {
  color: #151515;
  text-decoration: underline;
}

.cookiesjsr-btn.invert {
  background-color: #fff;
  border-color: #33b3ff;
  color: #151515;
}

.cookiesjsr-btn.important.invert {
  background-color: #33b3ff;
  border-color: #33b3ff;
}

.region-callback > .block > .inner {
  padding: 15% 2em 0;
}

.region-overlay, div.overlay,
.region-newsletter,
.region-redmenu, div.redmenu,
.region-callback,
.searcher {
  position: fixed;
  width: 100%;
  height: 100%;
  border-radius: 0;
  background: radial-gradient(circle at left bottom, rgba(220, 220, 220, 0.6) 0%, rgba(220, 220, 220, 0) 40%), #EC6556;
  box-shadow: -3px 0 5px #f1f1f1;
  right: 0;
  top: 0;
  z-index: 100;
  opacity: 0;
  filter: alpha(opacity=0);
  margin: 0 auto;
  -webkit-transition: all 0.125s ease-in-out;
  -moz-transition: all 0.125s ease-in-out;
  -ms-transition: all 0.125s ease-in-out;
  -o-transition: all 0.125s ease-in-out;
  transition: all 0.125s ease-in-out;
  right: -150%;
}

@media screen and (min-width: 769px) {
  .region-overlay .articlecontent > div, div.overlay .articlecontent > div,
  .region-newsletter .articlecontent > div,
  .region-redmenu .articlecontent > div, div.redmenu .articlecontent > div,
  .region-callback .articlecontent > div,
  .searcher .articlecontent > div {
    -webkit-box-flex: 0;
    -webkit-flex: 0 1 85%;
    -moz-box-flex: 0;
    -moz-flex: 0 1 85%;
    -ms-flex: 0 1 85%;
    flex: 0 1 85%;
  }
}

.region-overlay > .inner, div.overlay > .inner,
.region-newsletter > .inner,
.region-redmenu > .inner, div.redmenu > .inner,
.region-callback > .inner,
.searcher > .inner {
  padding: 1em 0;
  position: relative;
}

@media screen and (min-width: 769px) {
  .region-overlay > .inner, div.overlay > .inner,
  .region-newsletter > .inner,
  .region-redmenu > .inner, div.redmenu > .inner,
  .region-callback > .inner,
  .searcher > .inner {
    padding: 3em;
  }
}

.region-overlay > .inner > .block, div.overlay > .inner > .block,
.region-newsletter > .inner > .block,
.region-redmenu > .inner > .block, div.redmenu > .inner > .block,
.region-callback > .inner > .block,
.searcher > .inner > .block {
  margin: 0 auto;
  width: 50%;
}

.region-overlay *, div.overlay *,
.region-newsletter *,
.region-redmenu *, div.redmenu *,
.region-callback *,
.searcher * {
  color: #151515;
}

.region-overlay.show, div.overlay.show,
.region-newsletter.show,
.region-redmenu.show, div.redmenu.show,
.region-callback.show,
.searcher.show {
  display: block;
  opacity: 0.98;
  filter: alpha(opacity=98);
  right: 0;
}

.region-overlay.show > .inner, div.overlay.show > .inner,
.region-newsletter.show > .inner,
.region-redmenu.show > .inner, div.redmenu.show > .inner,
.region-callback.show > .inner,
.searcher.show > .inner {
  width: 100%;
  position: absolute;
  top: 5%;
  left: 50%;
  transform: translate(-50%, -15%);
}

@media screen and (min-width: 769px) {
  .region-overlay.show > .inner, div.overlay.show > .inner,
  .region-newsletter.show > .inner,
  .region-redmenu.show > .inner, div.redmenu.show > .inner,
  .region-callback.show > .inner,
  .searcher.show > .inner {
    transform: translate(-50%, -5%);
  }
}

@media screen and (min-width: 1024px) {
  .region-overlay.show > .inner, div.overlay.show > .inner,
  .region-newsletter.show > .inner,
  .region-redmenu.show > .inner, div.redmenu.show > .inner,
  .region-callback.show > .inner,
  .searcher.show > .inner {
    transform: translate(-50%, -15%);
  }
}

.region-overlay.show > .inner > div, div.overlay.show > .inner > div,
.region-newsletter.show > .inner > div,
.region-redmenu.show > .inner > div, div.redmenu.show > .inner > div,
.region-callback.show > .inner > div,
.searcher.show > .inner > div {
  padding: 8em 2em 0;
}

@media screen and (min-width: 769px) {
  .region-overlay.show > .inner > div, div.overlay.show > .inner > div,
  .region-newsletter.show > .inner > div,
  .region-redmenu.show > .inner > div, div.redmenu.show > .inner > div,
  .region-callback.show > .inner > div,
  .searcher.show > .inner > div {
    padding: 0 2em 0;
    margin-top: 50px;
  }
}

.region-overlay.show > .inner h2.subtitle, div.overlay.show > .inner h2.subtitle,
.region-newsletter.show > .inner h2.subtitle,
.region-redmenu.show > .inner h2.subtitle, div.redmenu.show > .inner h2.subtitle,
.region-callback.show > .inner h2.subtitle,
.searcher.show > .inner h2.subtitle {
  margin: 0 auto 1rem;
}

.region-overlay.show > .inner form, div.overlay.show > .inner form,
.region-newsletter.show > .inner form,
.region-redmenu.show > .inner form, div.redmenu.show > .inner form,
.region-callback.show > .inner form,
.searcher.show > .inner form {
  max-width: 800px;
  margin: 0 auto;
  /* input type text */
}

.region-overlay.show > .inner form input[type=text], div.overlay.show > .inner form input[type=text],
.region-newsletter.show > .inner form input[type=text],
.region-redmenu.show > .inner form input[type=text], div.redmenu.show > .inner form input[type=text],
.region-callback.show > .inner form input[type=text],
.searcher.show > .inner form input[type=text] {
  position: relative;
  width: 100%;
  padding: 0 calc(0.75em - 1px);
  padding-right: 2em;
  padding-left: 50px;
  /*
          line-height: 30px;
          height: 30px;  
          */
  border-radius: 50px;
  border: 1px solid #151515;
  color: #ccc;
  color: #151515;
  font-weight: 400;
  position: relative;
  background: #fff url(../assets/img/sprite_fcp.svg) no-repeat 1px -390px;
  -webkit-transition: all 0.15s linear;
  -moz-transition: all 0.15s linear;
  -ms-transition: all 0.15s linear;
  -o-transition: all 0.15s linear;
  transition: all 0.15s linear;
  text-align: left;
  opacity: .66;
  /*    &:focus-within {   transform: scale(1.05);    }   */
}

.region-overlay.show > .inner form input[type=text]:focus, .region-overlay.show > .inner form input[type=text]:focus-within, .region-overlay.show > .inner form input[type=text]:target, div.overlay.show > .inner form input[type=text]:focus, div.overlay.show > .inner form input[type=text]:focus-within, div.overlay.show > .inner form input[type=text]:target,
.region-newsletter.show > .inner form input[type=text]:focus,
.region-newsletter.show > .inner form input[type=text]:focus-within,
.region-newsletter.show > .inner form input[type=text]:target,
.region-redmenu.show > .inner form input[type=text]:focus,
.region-redmenu.show > .inner form input[type=text]:focus-within,
.region-redmenu.show > .inner form input[type=text]:target, div.redmenu.show > .inner form input[type=text]:focus, div.redmenu.show > .inner form input[type=text]:focus-within, div.redmenu.show > .inner form input[type=text]:target,
.region-callback.show > .inner form input[type=text]:focus,
.region-callback.show > .inner form input[type=text]:focus-within,
.region-callback.show > .inner form input[type=text]:target,
.searcher.show > .inner form input[type=text]:focus,
.searcher.show > .inner form input[type=text]:focus-within,
.searcher.show > .inner form input[type=text]:target {
  color: #151515;
  opacity: 1;
}

.region-overlay.show > .inner form input[type=text]::placeholder, div.overlay.show > .inner form input[type=text]::placeholder,
.region-newsletter.show > .inner form input[type=text]::placeholder,
.region-redmenu.show > .inner form input[type=text]::placeholder, div.redmenu.show > .inner form input[type=text]::placeholder,
.region-callback.show > .inner form input[type=text]::placeholder,
.searcher.show > .inner form input[type=text]::placeholder {
  color: #38383A;
}

.region-overlay.show > .inner form input[type=text] option, div.overlay.show > .inner form input[type=text] option,
.region-newsletter.show > .inner form input[type=text] option,
.region-redmenu.show > .inner form input[type=text] option, div.redmenu.show > .inner form input[type=text] option,
.region-callback.show > .inner form input[type=text] option,
.searcher.show > .inner form input[type=text] option {
  width: 90%;
  padding: 2px 5px;
  background: #fff;
  -webkit-box-shadow: 0 0 3px #999 ;
  -moz-box-shadow: 0 0 3px #999 ;
  box-shadow: 0 0 3px #999 ;
}

.region-overlay.show > .inner form input[type=text] option:hover, .region-overlay.show > .inner form input[type=text] option:focus, .region-overlay.show > .inner form input[type=text] option:active, .region-overlay.show > .inner form input[type=text] option:focus, div.overlay.show > .inner form input[type=text] option:hover, div.overlay.show > .inner form input[type=text] option:focus, div.overlay.show > .inner form input[type=text] option:active, div.overlay.show > .inner form input[type=text] option:focus,
.region-newsletter.show > .inner form input[type=text] option:hover,
.region-newsletter.show > .inner form input[type=text] option:focus,
.region-newsletter.show > .inner form input[type=text] option:active,
.region-newsletter.show > .inner form input[type=text] option:focus,
.region-redmenu.show > .inner form input[type=text] option:hover,
.region-redmenu.show > .inner form input[type=text] option:focus,
.region-redmenu.show > .inner form input[type=text] option:active,
.region-redmenu.show > .inner form input[type=text] option:focus, div.redmenu.show > .inner form input[type=text] option:hover, div.redmenu.show > .inner form input[type=text] option:focus, div.redmenu.show > .inner form input[type=text] option:active, div.redmenu.show > .inner form input[type=text] option:focus,
.region-callback.show > .inner form input[type=text] option:hover,
.region-callback.show > .inner form input[type=text] option:focus,
.region-callback.show > .inner form input[type=text] option:active,
.region-callback.show > .inner form input[type=text] option:focus,
.searcher.show > .inner form input[type=text] option:hover,
.searcher.show > .inner form input[type=text] option:focus,
.searcher.show > .inner form input[type=text] option:active,
.searcher.show > .inner form input[type=text] option:focus {
  background: #33b3ff;
  color: #fff;
}

.region-overlay.show > .inner form input[type=text], div.overlay.show > .inner form input[type=text],
.region-newsletter.show > .inner form input[type=text],
.region-redmenu.show > .inner form input[type=text], div.redmenu.show > .inner form input[type=text],
.region-callback.show > .inner form input[type=text],
.searcher.show > .inner form input[type=text] {
  line-height: 70px;
  height: 70px;
  background: #fff url(../assets/img/sprite_fcp.svg) no-repeat 14px -375px;
}

.region-overlay .toggler,
.region-overlay .togglenl,
.region-overlay .toggleoverlay,
.region-overlay .togglemenu,
.region-overlay .togglecallback,
.region-overlay .togglesearcher, div.overlay .toggler,
div.overlay .togglenl,
div.overlay .toggleoverlay,
div.overlay .togglemenu,
div.overlay .togglecallback,
div.overlay .togglesearcher,
.region-newsletter .toggler,
.region-newsletter .togglenl,
.region-newsletter .toggleoverlay,
.region-newsletter .togglemenu,
.region-newsletter .togglecallback,
.region-newsletter .togglesearcher,
.region-redmenu .toggler,
.region-redmenu .togglenl,
.region-redmenu .toggleoverlay,
.region-redmenu .togglemenu,
.region-redmenu .togglecallback,
.region-redmenu .togglesearcher, div.redmenu .toggler,
div.redmenu .togglenl,
div.redmenu .toggleoverlay,
div.redmenu .togglemenu,
div.redmenu .togglecallback,
div.redmenu .togglesearcher,
.region-callback .toggler,
.region-callback .togglenl,
.region-callback .toggleoverlay,
.region-callback .togglemenu,
.region-callback .togglecallback,
.region-callback .togglesearcher,
.searcher .toggler,
.searcher .togglenl,
.searcher .toggleoverlay,
.searcher .togglemenu,
.searcher .togglecallback,
.searcher .togglesearcher {
  display: block;
  width: 54px;
  height: 54px;
  margin: 0 auto;
  background: url(../assets/img/sprite_fcp.svg) no-repeat 1px -1400px;
  filter: alpha(opacity=70);
  position: absolute;
  top: 120px;
  right: 20px;
  z-index: 20;
  font-size: 200%;
  opacity: 0.65;
  filter: alpha(opacity=65);
}

.region-overlay .toggler span,
.region-overlay .togglenl span,
.region-overlay .toggleoverlay span,
.region-overlay .togglemenu span,
.region-overlay .togglecallback span,
.region-overlay .togglesearcher span, div.overlay .toggler span,
div.overlay .togglenl span,
div.overlay .toggleoverlay span,
div.overlay .togglemenu span,
div.overlay .togglecallback span,
div.overlay .togglesearcher span,
.region-newsletter .toggler span,
.region-newsletter .togglenl span,
.region-newsletter .toggleoverlay span,
.region-newsletter .togglemenu span,
.region-newsletter .togglecallback span,
.region-newsletter .togglesearcher span,
.region-redmenu .toggler span,
.region-redmenu .togglenl span,
.region-redmenu .toggleoverlay span,
.region-redmenu .togglemenu span,
.region-redmenu .togglecallback span,
.region-redmenu .togglesearcher span, div.redmenu .toggler span,
div.redmenu .togglenl span,
div.redmenu .toggleoverlay span,
div.redmenu .togglemenu span,
div.redmenu .togglecallback span,
div.redmenu .togglesearcher span,
.region-callback .toggler span,
.region-callback .togglenl span,
.region-callback .toggleoverlay span,
.region-callback .togglemenu span,
.region-callback .togglecallback span,
.region-callback .togglesearcher span,
.searcher .toggler span,
.searcher .togglenl span,
.searcher .toggleoverlay span,
.searcher .togglemenu span,
.searcher .togglecallback span,
.searcher .togglesearcher span {
  position: absolute !important;
  height: 1px;
  width: 1px;
  overflow: hidden;
  clip: rect(1px, 1px, 1px, 1px);
}

.region-overlay .toggler:hover, .region-overlay .toggler:focus, .region-overlay .toggler:active,
.region-overlay .togglenl:hover,
.region-overlay .togglenl:focus,
.region-overlay .togglenl:active,
.region-overlay .toggleoverlay:hover,
.region-overlay .toggleoverlay:focus,
.region-overlay .toggleoverlay:active,
.region-overlay .togglemenu:hover,
.region-overlay .togglemenu:focus,
.region-overlay .togglemenu:active,
.region-overlay .togglecallback:hover,
.region-overlay .togglecallback:focus,
.region-overlay .togglecallback:active,
.region-overlay .togglesearcher:hover,
.region-overlay .togglesearcher:focus,
.region-overlay .togglesearcher:active, div.overlay .toggler:hover, div.overlay .toggler:focus, div.overlay .toggler:active,
div.overlay .togglenl:hover,
div.overlay .togglenl:focus,
div.overlay .togglenl:active,
div.overlay .toggleoverlay:hover,
div.overlay .toggleoverlay:focus,
div.overlay .toggleoverlay:active,
div.overlay .togglemenu:hover,
div.overlay .togglemenu:focus,
div.overlay .togglemenu:active,
div.overlay .togglecallback:hover,
div.overlay .togglecallback:focus,
div.overlay .togglecallback:active,
div.overlay .togglesearcher:hover,
div.overlay .togglesearcher:focus,
div.overlay .togglesearcher:active,
.region-newsletter .toggler:hover,
.region-newsletter .toggler:focus,
.region-newsletter .toggler:active,
.region-newsletter .togglenl:hover,
.region-newsletter .togglenl:focus,
.region-newsletter .togglenl:active,
.region-newsletter .toggleoverlay:hover,
.region-newsletter .toggleoverlay:focus,
.region-newsletter .toggleoverlay:active,
.region-newsletter .togglemenu:hover,
.region-newsletter .togglemenu:focus,
.region-newsletter .togglemenu:active,
.region-newsletter .togglecallback:hover,
.region-newsletter .togglecallback:focus,
.region-newsletter .togglecallback:active,
.region-newsletter .togglesearcher:hover,
.region-newsletter .togglesearcher:focus,
.region-newsletter .togglesearcher:active,
.region-redmenu .toggler:hover,
.region-redmenu .toggler:focus,
.region-redmenu .toggler:active,
.region-redmenu .togglenl:hover,
.region-redmenu .togglenl:focus,
.region-redmenu .togglenl:active,
.region-redmenu .toggleoverlay:hover,
.region-redmenu .toggleoverlay:focus,
.region-redmenu .toggleoverlay:active,
.region-redmenu .togglemenu:hover,
.region-redmenu .togglemenu:focus,
.region-redmenu .togglemenu:active,
.region-redmenu .togglecallback:hover,
.region-redmenu .togglecallback:focus,
.region-redmenu .togglecallback:active,
.region-redmenu .togglesearcher:hover,
.region-redmenu .togglesearcher:focus,
.region-redmenu .togglesearcher:active, div.redmenu .toggler:hover, div.redmenu .toggler:focus, div.redmenu .toggler:active,
div.redmenu .togglenl:hover,
div.redmenu .togglenl:focus,
div.redmenu .togglenl:active,
div.redmenu .toggleoverlay:hover,
div.redmenu .toggleoverlay:focus,
div.redmenu .toggleoverlay:active,
div.redmenu .togglemenu:hover,
div.redmenu .togglemenu:focus,
div.redmenu .togglemenu:active,
div.redmenu .togglecallback:hover,
div.redmenu .togglecallback:focus,
div.redmenu .togglecallback:active,
div.redmenu .togglesearcher:hover,
div.redmenu .togglesearcher:focus,
div.redmenu .togglesearcher:active,
.region-callback .toggler:hover,
.region-callback .toggler:focus,
.region-callback .toggler:active,
.region-callback .togglenl:hover,
.region-callback .togglenl:focus,
.region-callback .togglenl:active,
.region-callback .toggleoverlay:hover,
.region-callback .toggleoverlay:focus,
.region-callback .toggleoverlay:active,
.region-callback .togglemenu:hover,
.region-callback .togglemenu:focus,
.region-callback .togglemenu:active,
.region-callback .togglecallback:hover,
.region-callback .togglecallback:focus,
.region-callback .togglecallback:active,
.region-callback .togglesearcher:hover,
.region-callback .togglesearcher:focus,
.region-callback .togglesearcher:active,
.searcher .toggler:hover,
.searcher .toggler:focus,
.searcher .toggler:active,
.searcher .togglenl:hover,
.searcher .togglenl:focus,
.searcher .togglenl:active,
.searcher .toggleoverlay:hover,
.searcher .toggleoverlay:focus,
.searcher .toggleoverlay:active,
.searcher .togglemenu:hover,
.searcher .togglemenu:focus,
.searcher .togglemenu:active,
.searcher .togglecallback:hover,
.searcher .togglecallback:focus,
.searcher .togglecallback:active,
.searcher .togglesearcher:hover,
.searcher .togglesearcher:focus,
.searcher .togglesearcher:active {
  opacity: 1;
  filter: alpha(opacity=100);
}

.region-overlay label, div.overlay label,
.region-newsletter label,
.region-redmenu label, div.redmenu label,
.region-callback label,
.searcher label {
  text-align: left;
}

.region-overlay .content *, div.overlay .content *,
.region-newsletter .content *,
.region-redmenu .content *, div.redmenu .content *,
.region-callback .content *,
.searcher .content * {
  margin: 1rem 0;
}

.region-overlay .content .form-item .form-text, div.overlay .content .form-item .form-text,
.region-newsletter .content .form-item .form-text,
.region-redmenu .content .form-item .form-text, div.redmenu .content .form-item .form-text,
.region-callback .content .form-item .form-text,
.searcher .content .form-item .form-text {
  margin: 1rem auto;
  padding: 0;
}

.region-overlay .views-widget .form-item, div.overlay .views-widget .form-item,
.region-newsletter .views-widget .form-item,
.region-redmenu .views-widget .form-item, div.redmenu .views-widget .form-item,
.region-callback .views-widget .form-item,
.searcher .views-widget .form-item {
  padding: 0;
  margin: 1px 0;
  text-align: left;
}

/* region-overlay
formerly weiter unten. hier geschlossen, damit das suchfeld auf page--search-tpl mitformatiert wird */
.searcher .togglesearcher {
  position: absolute;
  right: 0;
  top: 0;
  right: 10px;
  top: 1em;
}

@media screen and (min-width: 600px) {
  .region-overlay.show, div.overlay.show {
    width: 90vw;
  }
}

@media screen and (min-width: 1024px) {
  .region-overlay.show, div.overlay.show {
    width: 70vw;
  }
  .region-overlay.show .block, div.overlay.show .block {
    padding: 4em 20px;
  }
  .region-overlay.show .views-submit-button, div.overlay.show .views-submit-button {
    display: none;
  }
}

.region-overlay.show h2, div.overlay.show h2 {
  font-size: 155%;
  display: none;
}

.region-overlay.show .toggleoverlay, div.overlay.show .toggleoverlay {
  top: 15px;
  right: -15px;
}

div.redmenu, .region-redmenu {
  overflow-y: scroll;
  background-color: #eb5c4d;
  background-color: #f27c70;
  text-align: left;
}

@media screen and (min-width: 600px) {
  div.redmenu.show, .region-redmenu.show {
    width: 90vw;
  }
}

@media screen and (min-width: 1024px) {
  div.redmenu.show, .region-redmenu.show {
    width: 75vw;
  }
}

div.redmenu > .inner, .region-redmenu > .inner {
  padding-left: 10%;
}

div.redmenu .menu-label:not(:last-child), .region-redmenu .menu-label:not(:last-child) {
  margin: 1em 0 0;
}

div.redmenu h2, .region-redmenu h2 {
  font-size: 1rem;
}

div.redmenu ul, div.redmenu li, .region-redmenu ul, .region-redmenu li {
  margin: 0;
  padding: 0;
  list-style: none !important;
}

div.redmenu a, .region-redmenu a {
  -webkit-transition: all 0.15s ease-in-out;
  -moz-transition: all 0.15s ease-in-out;
  -ms-transition: all 0.15s ease-in-out;
  -o-transition: all 0.15s ease-in-out;
  transition: all 0.15s ease-in-out;
}

div.redmenu a:hover, div.redmenu a:focus, div.redmenu a:active, .region-redmenu a:hover, .region-redmenu a:focus, .region-redmenu a:active {
  background-color: transparent;
  font-weight: 600;
  letter-spacing: .5px;
}

div.overlay.show {
  overflow: auto;
}

@media screen and (max-width: 1023px) {
  div.overlay.show {
    max-height: 100% !important;
  }
}

.is-logged-in-user .welcome.inactive {
  display: block;
}

.is-logged-in-user .welcome.inactive_loggedin {
  display: none;
}

.welcome {
  position: relative;
  background: #70f0a8;
  font-size: 112.5%;
  z-index: 100;
  opacity: 0.96;
  filter: alpha(opacity=96);
  margin: 0 auto;
  -webkit-transition: all 0.25s ease-in-out;
  -moz-transition: all 0.25s ease-in-out;
  -ms-transition: all 0.25s ease-in-out;
  -o-transition: all 0.25s ease-in-out;
  transition: all 0.25s ease-in-out;
  -webkit-box-shadow: 0 0 8px rgba(0, 0, 0, 0.45) ;
  -moz-box-shadow: 0 0 8px rgba(0, 0, 0, 0.45) ;
  box-shadow: 0 0 8px rgba(0, 0, 0, 0.45) ;
  border-radius: 20px 20px 0 0;
  border-radius: 20px;
  width: 60px;
  height: 60px;
  height: auto;
  line-height: 60px;
  line-height: 1.5;
  width: 100%;
  padding: 1rem 0;
  left: 0;
  top: 0;
  left: auto;
  top: auto;
  position: fixed;
  bottom: 50px;
  transform: translate(33%, 0);
  width: 66%;
}

.welcome.inactive {
  display: none;
}

.welcome > .inner {
  padding: 0 4rem 0 2rem;
}

.welcome * {
  color: #151515;
  text-align: left;
}

.welcome a {
  color: #151515;
}

.welcome p {
  display: inline-block;
  margin-right: 2rem;
}

@media screen and (min-width: 1216px) {
  .welcome {
    width: 50%;
    transform: translate(50%, 0);
  }
}

@media screen and (max-width: 1023px) {
  .welcome {
    padding: 1rem 0;
    height: auto;
    line-height: 1.5;
    width: 90%;
    transform: translate(5%, 0);
  }
}

.welcome a:hover, .welcome a:focus, .welcome a:active, .welcome a:link:hover, .welcome a:link:focus, .welcome a:link:active {
  color: #151515;
}

.view.welcome-user * {
  padding: 0;
  margin: 0;
  background: transparent;
}

@media screen and (min-width: 1024px) {
  .view.welcome-user {
    padding-left: 0;
  }
}

.view.welcome-user .view-content {
  position: relative;
  display: block;
}

.view.welcome-user .view-content .views-field {
  padding: 0 !important;
  margin: 0 !important;
}

.view.welcome-user .view-content .views-row {
  margin-right: 3rem;
}

.view.welcome-user a.icon {
  display: block;
  position: absolute;
  opacity: 0.92;
  filter: alpha(opacity=92);
  top: 120px;
  right: 0;
  width: 50px;
  height: 50px;
  margin: 0 auto;
  transform: scale(0.75);
  background: url(../assets/img/sprite_fcp.svg) no-repeat 100% -292px;
}

.view.welcome-user a.icon span {
  position: absolute !important;
  height: 1px;
  width: 1px;
  overflow: hidden;
  clip: rect(1px, 1px, 1px, 1px);
}

.view.welcome-user a.icon:hover, .view.welcome-user a.icon:focus, .view.welcome-user a.icon:active {
  opacity: 1;
  filter: alpha(opacity=100);
  transform: scale(0.9);
  background-size: unset;
}

.view.welcome-user a.icon {
  top: -11px;
  right: -50px;
}

/* Header Definition der Detailansicht wird in module_angebote mit abgehandelt */
/* body */
.view.offene-stellen {
  /* end view-content */
}

.view.offene-stellen header {
  position: relative;
}

.view.offene-stellen header .counter {
  margin: -30px 0 30px 0;
  /*  padding-left:  180px; */
  padding-left: 50px;
  padding-left: 0px;
  text-align: center;
}

.view.offene-stellen header .counter2 {
  margin: -40px 0 30px 0;
  color: #ccc;
  padding-left: 6px;
}

.view.offene-stellen > .view-content {
  /* end views-row */
}

.view.offene-stellen > .view-content > .views-row > div, .view.offene-stellen > .view-content > .views-row > div > div {
  height: 100%;
  position: relative;
}

.view.offene-stellen > .view-content > .views-row a.card {
  height: 100%;
  position: relative;
  grid-template-rows: auto auto 1fr;
  min-height: 150px;
  padding: 1rem;
  background: radial-gradient(circle at left bottom, rgba(220, 220, 220, 0.8) 0%, rgba(220, 220, 220, 0.1) 40%), #7d8691;
  color: #fff;
}

.view.offene-stellen > .view-content > .views-row a.card * {
  color: #fff;
}

.view.offene-stellen > .view-content > .views-row a.card:hover, .view.offene-stellen > .view-content > .views-row a.card:focus, .view.offene-stellen > .view-content > .views-row a.card:active, .view.offene-stellen > .view-content > .views-row a.card:focus {
  background: radial-gradient(circle at left bottom, rgba(220, 220, 220, 0.6) 0%, rgba(220, 220, 220, 0) 40%), #EC6556;
}

.view.offene-stellen > .view-content > .views-row a.card > span {
  display: block;
  font-size: 0;
}

.view.offene-stellen > .view-content > .views-row a.card > span:after {
  content: "";
  display: block;
  position: absolute;
  height: 30px;
  width: 60px;
  background: url(../assets/img/sprite_fcp.svg) no-repeat 0 -1200px;
  right: 10px;
  bottom: 10px;
}

/* end page-views */
/*  SIDEBAR SETTINGS */
/* NO FLEXBOX SETTINGS */
/* Ausnahmen */
/*  INFORMELLE ANREDE JOBS  */
body.iiiiinformelle_anrede .articlecontent .content > .label {
  display: none;
}

body.iiiiinformelle_anrede .articlecontent .content h3, body.iiiiinformelle_anrede .articlecontent .content h4 {
  color: #33b3ff;
  text-transform: uppercase;
  font-weight: 400;
  display: inline-block;
  margin: 1rem 0 .25rem 0;
  font-size: 1.5rem;
}

.popup {
  position: fixed !important;
  background: radial-gradient(circle at left bottom, rgba(220, 220, 220, 0.6) 0%, rgba(220, 220, 220, 0) 40%), #EC6556;
  z-index: 9999;
  opacity: 0.86;
  filter: alpha(opacity=86);
  margin: 0 auto;
  -webkit-transition: all 0.25s ease-in-out;
  -moz-transition: all 0.25s ease-in-out;
  -ms-transition: all 0.25s ease-in-out;
  -o-transition: all 0.25s ease-in-out;
  transition: all 0.25s ease-in-out;
  -webkit-box-shadow: 0 0 5px rgba(0, 0, 0, 0.25) ;
  -moz-box-shadow: 0 0 5px rgba(0, 0, 0, 0.25) ;
  box-shadow: 0 0 5px rgba(0, 0, 0, 0.25) ;
  border-top-right-radius: 25px;
  width: 60px;
  height: 60px;
  width: 100%;
  height: 600px;
  left: 0;
  bottom: 0;
  background: radial-gradient(circle at left bottom, rgba(220, 220, 220, 0.6) 0%, rgba(220, 220, 220, 0) 40%), #EC6556 url(../img/sprite_fcp.svg) no-repeat 10px -1282px;
}

.popup > .inner {
  padding: 4em  2em  2em;
}

.popup * {
  color: #fff;
}

.popup a {
  color: #fff !important;
}

.popup .block > h2 {
  font-family: "Montserrat", Helvetica, Arial, "Nimbus Sans L", sans-serif;
  text-transform: uppercase;
  display: inline-block;
  font-weight: 500 !important;
  font-style: 1rem;
  margin: -20px 0 2rem -34px;
  margin: 0;
  -webkit-transform: rotate(-90deg);
  -moz-transform: rotate(-90deg);
  -ms-transform: rotate(-90deg);
  -o-transform: rotate(-90deg);
  transform: rotate(-90deg);
  position: fixed;
  bottom: 13px;
  left: 10px;
  text-align: right;
}

.popup h2.subtitle {
  margin: 0;
  padding: 0;
  line-height: 1;
  font-weight: 400 !important;
  text-align: center;
  font-family: "Montserrat", Helvetica, Arial, "Nimbus Sans L", sans-serif;
}

.popup:hover, .popup:focus, .popup:active {
  bottom: 0;
  left: 0;
  width: 90%;
  height: 350px;
  display: block;
  opacity: 0.96;
  filter: alpha(opacity=96);
  /*  views roew */
}

@media screen and (min-width: 600px) {
  .popup:hover, .popup:focus, .popup:active {
    height: 300px;
    width: 80%;
  }
}

@media screen and (min-width: 769px) {
  .popup:hover, .popup:focus, .popup:active {
    height: 350px;
    width: 66%;
  }
}

@media screen and (min-width: 1024px) {
  .popup:hover, .popup:focus, .popup:active {
    width: 50%;
  }
}

.popup:hover .block > h2, .popup:focus .block > h2, .popup:active .block > h2 {
  opacity: 0;
  filter: alpha(opacity=0);
}

.popup:hover .views-field:not(.views-field-title), .popup:focus .views-field:not(.views-field-title), .popup:active .views-field:not(.views-field-title) {
  display: none;
}

.popup:hover .field--name-field-link, .popup:focus .field--name-field-link, .popup:active .field--name-field-link {
  margin: -1em 0 0 0;
  background-color: transparent !important;
  border: 0 none !important;
  display: inline-block;
  color: #fff;
  padding-right: 40px;
  background: url(../assets/img/sprite_fcp.svg) no-repeat 102% -795px;
}

.popup:hover .field--name-field-link:hover, .popup:hover .field--name-field-link:focus, .popup:hover .field--name-field-link:active, .popup:hover .field--name-field-link:focus, .popup:focus .field--name-field-link:hover, .popup:focus .field--name-field-link:focus, .popup:focus .field--name-field-link:active, .popup:focus .field--name-field-link:focus, .popup:active .field--name-field-link:hover, .popup:active .field--name-field-link:focus, .popup:active .field--name-field-link:active, .popup:active .field--name-field-link:focus {
  background-color: transparent !important;
  transform: none;
  color: #151515;
  box-shadow: none;
  background-position-x: 101%;
}

.popup:hover article > h2, .popup:focus article > h2, .popup:active article > h2 {
  font-size: 2.25rem;
  font-family: "Montserrat", Helvetica, Arial, "Nimbus Sans L", sans-serif;
  text-transform: none;
  font-weight: 600;
  font-style: italic;
}

.popup:hover .view .view-content > .views-row .views-field:not(.views-field-title), .popup:focus .view .view-content > .views-row .views-field:not(.views-field-title), .popup:active .view .view-content > .views-row .views-field:not(.views-field-title) {
  display: block;
  text-align: left;
}

.popup:hover .view .view-content > .views-row .views-field-title, .popup:focus .view .view-content > .views-row .views-field-title, .popup:active .view .view-content > .views-row .views-field-title {
  margin-bottom: 15px;
}

@media screen and (min-width: 600px) {
  .popup:hover .view .view-content > .views-row .views-field-title, .popup:focus .view .view-content > .views-row .views-field-title, .popup:active .view .view-content > .views-row .views-field-title {
    margin-bottom: 30px;
  }
}

body.page-node-7377 {
  /* das meiste ist in layout_sectionarticels.css */
}

body.page-node-7377 section.section .articlecontent {
  display: grid;
  grid-template-columns: 100%;
  grid-template-rows: repeat(1, 1fr);
  grid-auto-flow: row;
  gap: 0 4rem;
  /* timeline-item */
}

@media screen and (min-width: 769px) {
  body.page-node-7377 section.section .articlecontent {
    grid-template-columns: 54% 1fr;
    gap: 4rem;
  }
  body.page-node-7377 section.section .articlecontent > .content + div {
    /* link button */
  }
  body.page-node-7377 section.section .articlecontent .field_headline {
    grid-area: 1 / 1 / 2 / 3;
  }
  body.page-node-7377 section.section .articlecontent .field_video {
    grid-area: 2 / 1 / 3 / 1;
  }
  body.page-node-7377 section.section .articlecontent .field_section {
    grid-area: 3 / 1 / 4 / 3;
  }
  body.page-node-7377 section.section .articlecontent .field_timeline {
    grid-area: 3 / 1 / 6 / 3;
  }
}

body.page-node-7377 section.section .articlecontent .content, body.page-node-7377 section.section .articlecontent .field {
  margin: 0;
}

body.page-node-7377 section.section .articlecontent .field--name-field-introtext {
  max-width: unset;
}

@media screen and (min-width: 769px) {
  body.page-node-7377 section.section .articlecontent .field--name-field-introtext {
    font-size: 1rem;
  }
}

@media screen and (min-width: 1024px) {
  body.page-node-7377 section.section .articlecontent .field--name-field-introtext {
    font-size: 1.25rem;
  }
}

body.page-node-7377 section.section .articlecontent .field_timeline {
  position: relative;
}

@media screen and (min-width: 1024px) {
  body.page-node-7377 section.section .articlecontent .field_timeline {
    width: 100vw;
    left: 50%;
    right: 50%;
    margin-left: -50vw;
    margin-right: -50vw;
    margin-left: calc(-50vw - .5rem);
  }
}

@media screen and (min-width: 1024px) {
  body.page-node-7377 section.section .articlecontent .field_timeline {
    margin-left: calc(-50vw - 0rem);
  }
}

@media screen and (min-width: 1024px) {
  body.page-node-7377 section.section .articlecontent .field_timeline {
    margin-left: calc(-50vw - 3rem);
  }
}

@media screen and (min-width: 1216px) {
  body.page-node-7377 section.section .articlecontent .field_timeline {
    margin-left: calc(-50vw - 3rem);
  }
}

body.page-node-7377 section.section .articlecontent .field_timeline > .ept-container {
  margin: 0 auto;
  padding: 0 2rem;
}

@media screen and (min-width: 600px) {
  body.page-node-7377 section.section .articlecontent .field_timeline > .ept-container {
    padding: 0 2rem 0 4rem;
  }
}

@media screen and (min-width: 769px) {
  body.page-node-7377 section.section .articlecontent .field_timeline > .ept-container {
    padding: 0 2rem 0 4rem;
  }
}

@media screen and (min-width: 1216px) {
  body.page-node-7377 section.section .articlecontent .field_timeline > .ept-container {
    padding-left: 6rem;
  }
}

body.page-node-7377 section.section .articlecontent .field--name-field-ept-title {
  position: relative;
  padding-top: 4rem;
}

body.page-node-7377 section.section .articlecontent .field--name-field-ept-title h2 {
  position: relative;
  margin-bottom: 2rem;
}

body.page-node-7377 section.section .articlecontent .field--name-field-ept-title h2::after {
  display: block;
  content: "";
  position: absolute;
  width: 4000px;
  height: 8px;
  border-radius: 0;
  border: 0 none;
  background: #151515;
  display: block;
  margin: 0 0 0 -4032px;
  left: 60px;
  top: 46px;
  left: 20px;
  top: 15px;
}

@media screen and (min-width: 600px) {
  body.page-node-7377 section.section .articlecontent .field--name-field-ept-title h2::after {
    height: 10px;
    top: 20px;
  }
}

@media screen and (min-width: 1024px) {
  body.page-node-7377 section.section .articlecontent .field--name-field-ept-title h2::after {
    top: 37px;
    top: 22px;
    left: auto;
  }
}

@media screen and (max-width: 768px) {
  body.page-node-7377 section.section .articlecontent .field--name-field-ept-title h2::after {
    display: none;
  }
}

body.page-node-7377 section.section .articlecontent .ept-timeline-wrapper::before {
  background: #151515;
  height: 100%;
}

@media screen and (max-width: 768px) {
  body.page-node-7377 section.section .articlecontent .ept-timeline-wrapper::before {
    left: 0;
  }
}

body.page-node-7377 section.section .articlecontent .ept-timeline-wrapper a {
  background: unset;
  color: #EC6456;
  padding: unset;
  text-transform: unset;
  font-size: unset;
  margin-bottom: unset;
  margin-top: unset;
  display: inline-block;
  border-radius: unset;
}

body.page-node-7377 section.section .articlecontent .timeline-item {
  width: 100%;
  float: none;
  margin-bottom: 2rem;
  /*
      */
  /* odd rows */
}

body.page-node-7377 section.section .articlecontent .timeline-item .timeline-img {
  width: 50px;
  height: 5px;
  background: #151515;
  border-radius: 0;
  position: absolute;
  left: 50%;
  margin-top: 2.5rem;
  margin-left: 0px;
}

@media screen and (max-width: 768px) {
  body.page-node-7377 section.section .articlecontent .timeline-item .timeline-img {
    display: none;
  }
}

body.page-node-7377 section.section .articlecontent .timeline-item .timeline-content {
  position: relative;
  width: calc(50% - 40px);
  width: 100%;
  border-radius: 4px;
  background: transparent;
  box-shadow: unset;
  margin-left: 0;
  display: grid;
  grid-template-columns: 100%;
  grid-template-rows: repeat(1, 1fr);
  grid-auto-flow: row;
  gap: 0 4rem;
}

body.page-node-7377 section.section .articlecontent .timeline-item .timeline-content:after {
  display: none;
}

@media screen and (min-width: 769px) {
  body.page-node-7377 section.section .articlecontent .timeline-item .timeline-content {
    grid-template-columns: repeat(2, 1fr);
    gap: 8rem;
  }
}

body.page-node-7377 section.section .articlecontent .timeline-item:nth-child(even) .timeline-content {
  float: none;
}

body.page-node-7377 section.section .articlecontent .timeline-item .timeline-date {
  top: auto;
  left: auto;
  right: unset;
  position: relative;
  color: #151515;
  background: transparent;
  display: block;
  padding: 0;
  font-weight: 700;
}

body.page-node-7377 section.section .articlecontent .timeline-item .timeline-date .field--name-field-ept-timeline-date {
  display: inline-block;
  width: auto;
  position: relative;
}

@media screen and (max-width: 768px) {
  body.page-node-7377 section.section .articlecontent .timeline-item .timeline-date .field--name-field-ept-timeline-date:before {
    display: block;
    content: "";
    width: calc(100% + 2rem);
    background: #151515;
    position: absolute;
    height: 5px;
    left: -2rem;
    top: -20px;
  }
}

body.page-node-7377 section.section .articlecontent .timeline-item .timeline-content h3 {
  position: relative;
  bottom: unset;
  left: unset;
  margin: 0 0 1rem;
}

body.page-node-7377 section.section .articlecontent .timeline-item .timeline-body {
  padding: 0 2rem 0 0;
  margin-top: 2rem;
}

@media screen and (max-width: 768px) {
  body.page-node-7377 section.section .articlecontent .timeline-item .timeline-body {
    padding: 2rem;
  }
}

body.page-node-7377 section.section .articlecontent .timeline-item .timeline-text {
  font-size: 0.875rem;
}

@media screen and (min-width: 1024px) {
  body.page-node-7377 section.section .articlecontent .timeline-item .timeline-text {
    font-size: 1rem;
  }
}

body.page-node-7377 section.section .articlecontent .timeline-item .timeline-img-header {
  height: auto;
  display: flex;
  align-items: start;
}

@media screen and (max-width: 768px) {
  body.page-node-7377 section.section .articlecontent .timeline-item .timeline-img-header {
    margin-left: 3px;
    margin-bottom: 0;
    margin-bottom: 0;
  }
}

@media screen and (min-width: 769px) {
  body.page-node-7377 section.section .articlecontent .timeline-item .timeline-img-header {
    height: 400px;
    margin-bottom: 0;
  }
}

body.page-node-7377 section.section .articlecontent .timeline-item .timeline-img-header img {
  object-fit: cover;
  height: auto;
  max-height: 100%;
  width: 100%;
}

body.page-node-7377 section.section .articlecontent .timeline-item:nth-child(odd) {
  background: #edebe6;
}

@media screen and (min-width: 769px) {
  body.page-node-7377 section.section .articlecontent .timeline-item:nth-child(odd) .timeline-img-header {
    order: 2;
  }
  body.page-node-7377 section.section .articlecontent .timeline-item:nth-child(odd) .timeline-body {
    order: 1;
  }
  body.page-node-7377 section.section .articlecontent .timeline-item:nth-child(odd) .timeline-body {
    padding: 0 0 0 2rem;
  }
  body.page-node-7377 section.section .articlecontent .timeline-item:nth-child(odd) .timeline-body * {
    text-align: right;
  }
  body.page-node-7377 section.section .articlecontent .timeline-item:nth-child(odd) .timeline-img {
    margin-left: -50px;
  }
}

.is-page-node-type-projekt .hero-image .headerimage:before, .is-page-node-type-projekt .hero-image .headerimage:after {
  display: none;
}

@media screen and (min-width: 1024px) {
  .is-page-node-type-projekt .view-verwandte-projekte .view-content > .views-row:nth-child(1n+4) {
    display: none;
  }
}

@media screen and (min-width: 1216px) {
  .is-page-node-type-projekt .view-verwandte-projekte .view-content > .views-row:nth-child(1n+4) {
    display: unset;
  }
}

.is-page-node-type-projekt .articlecontent > div.fullwidth {
  margin-bottom: 0;
}

/* body node type */
body.is-path-projekte .section main.container .topofcontent,
body.is-path-projekte .section main.container .block-page-title-block {
  padding: 2rem 2rem 0 3rem;
  padding: 0;
}

@media screen and (min-width: 600px) {
  body.is-path-projekte .section main.container .topofcontent,
  body.is-path-projekte .section main.container .block-page-title-block {
    padding: 2rem 3rem 0 0;
  }
}

@media screen and (min-width: 769px) {
  body.is-path-projekte .section main.container .topofcontent,
  body.is-path-projekte .section main.container .block-page-title-block {
    padding: 2rem 4rem 0 0;
  }
}

@media screen and (min-width: 1024px) {
  body.is-path-projekte .section main.container .topofcontent,
  body.is-path-projekte .section main.container .block-page-title-block {
    padding: 0;
  }
}

@media screen and (min-width: 1024px) {
  body.is-path-projekte .section main.container .topofcontent,
  body.is-path-projekte .section main.container .block-page-title-block {
    padding-left: 6rem;
  }
}

body.is-path-projekte .section main.container .topofcontent {
  margin-bottom: 2rem;
  padding-top: 0;
}

@media screen and (min-width: 1024px) {
  body.is-path-projekte .section main.container .topofcontent {
    margin-bottom: 4rem;
  }
}

body.page-node-7366 {
  /* Insights Container Page */
}

body.page-node-7366 .section main.container article {
  min-height: unset;
}

body.page-node-7366 .section main.container .columns .articlecontent > div:not(:first-child) {
  display: none;
}

body.page-node-7366 .section + .section {
  margin-top: -3rem;
}

body.page-node-7366 .searchfilter_news .facets {
  display: block;
}

body.page-node-7366 .block-facet-blocknews-kategorie {
  display: none;
}

@media screen and (min-width: 1024px) {
  body.page-node-7366 .block-facet-blocknews-kategorie-mobil {
    display: none;
  }
  body.page-node-7366 .block-facet-blocknews-kategorie {
    display: block;
  }
}

body.page-node-7366 .searchfilter_news.searchfilter .facets ul.js-facets-links li.facet-item:nth-child(1n+9) {
  /* display: none; */
}

@media screen and (min-width: 600px) {
  .view.news .view-content,
  .view.news-index .view-content {
    grid-template-columns: repeat(2, 1fr);
  }
}

@media screen and (min-width: 1024px) {
  .view.news .view-content,
  .view.news-index .view-content {
    grid-template-columns: repeat(3, 1fr);
  }
}

/* view news */
.insights_row_1 {
  padding: 2rem 0 2rem 0;
}

@media screen and (min-width: 1024px) {
  .insights_row_1 {
    padding: 2rem 0 4rem 0;
  }
}

.insights_row_3 {
  padding: 2rem 0 2rem 0;
  background: #f1f1f1;
}

@media screen and (min-width: 1024px) {
  .insights_row_3 {
    padding: 4rem 0;
  }
}

@media screen and (min-width: 1500px) {
  body.page-node-7474 .field_section > .field:first-child .view.news-index,
  #block-fcp-views-block-news-index-block-2 .view.news-index {
    max-width: 90%;
  }
}

body.page-node-7474 .field_section > .field:first-child .view.news-index .view-content,
#block-fcp-views-block-news-index-block-2 .view.news-index .view-content {
  display: block;
}

body.page-node-7474 .field_section > .field:first-child .view.news-index .view-content > .views-row .newsbody *,
#block-fcp-views-block-news-index-block-2 .view.news-index .view-content > .views-row .newsbody * {
  text-transform: none;
}

body.page-node-7474 .field_section > .field:first-child .view.news-index .view-content > .views-row .newsbody,
#block-fcp-views-block-news-index-block-2 .view.news-index .view-content > .views-row .newsbody {
  font-size: 0.875rem;
}

@media screen and (min-width: 600px) {
  body.page-node-7474 .field_section > .field:first-child .view.news-index .view-content > .views-row .newsbody,
  #block-fcp-views-block-news-index-block-2 .view.news-index .view-content > .views-row .newsbody {
    font-size: 0.875rem;
  }
}

@media screen and (min-width: 769px) {
  body.page-node-7474 .field_section > .field:first-child .view.news-index .view-content > .views-row .newsbody,
  #block-fcp-views-block-news-index-block-2 .view.news-index .view-content > .views-row .newsbody {
    font-size: 0.875rem;
  }
}

@media screen and (min-width: 1024px) {
  body.page-node-7474 .field_section > .field:first-child .view.news-index .view-content > .views-row .newsbody,
  #block-fcp-views-block-news-index-block-2 .view.news-index .view-content > .views-row .newsbody {
    font-size: 1rem;
  }
}

body.page-node-7474 .field_section > .field:first-child .view.news-index .view-content > .views-row a.card,
#block-fcp-views-block-news-index-block-2 .view.news-index .view-content > .views-row a.card {
  display: grid;
  column-gap: 40px;
  align-items: end;
  grid-template-rows: 1fr auto auto;
  grid-template-columns: repeat(1, 1fr);
}

@media screen and (min-width: 769px) {
  body.page-node-7474 .field_section > .field:first-child .view.news-index .view-content > .views-row a.card,
  #block-fcp-views-block-news-index-block-2 .view.news-index .view-content > .views-row a.card {
    grid-template-columns: 45% 1fr;
  }
}

@media screen and (min-width: 1024px) {
  body.page-node-7474 .field_section > .field:first-child .view.news-index .view-content > .views-row a.card,
  #block-fcp-views-block-news-index-block-2 .view.news-index .view-content > .views-row a.card {
    grid-template-columns: 50% 1fr;
  }
}

@media screen and (min-width: 1500px) {
  body.page-node-7474 .field_section > .field:first-child .view.news-index .view-content > .views-row a.card,
  #block-fcp-views-block-news-index-block-2 .view.news-index .view-content > .views-row a.card {
    grid-template-columns: 50% 1fr;
  }
}

@media screen and (max-width: 768px) {
  body.page-node-7474 .field_section > .field:first-child .view.news-index .view-content > .views-row a.card .datencatwrapper,
  #block-fcp-views-block-news-index-block-2 .view.news-index .view-content > .views-row a.card .datencatwrapper {
    order: 1;
  }
  body.page-node-7474 .field_section > .field:first-child .view.news-index .view-content > .views-row a.card .views-field-title,
  #block-fcp-views-block-news-index-block-2 .view.news-index .view-content > .views-row a.card .views-field-title {
    order: 2;
  }
  body.page-node-7474 .field_section > .field:first-child .view.news-index .view-content > .views-row a.card figure.image,
  #block-fcp-views-block-news-index-block-2 .view.news-index .view-content > .views-row a.card figure.image {
    order: 3;
  }
  body.page-node-7474 .field_section > .field:first-child .view.news-index .view-content > .views-row a.card .newsbody,
  #block-fcp-views-block-news-index-block-2 .view.news-index .view-content > .views-row a.card .newsbody {
    order: 4;
  }
}

body.page-node-7474 .field_section > .field:first-child .view.news-index .view-content > .views-row a.card figure.image,
#block-fcp-views-block-news-index-block-2 .view.news-index .view-content > .views-row a.card figure.image {
  grid-column: 1;
}

@media screen and (min-width: 769px) {
  body.page-node-7474 .field_section > .field:first-child .view.news-index .view-content > .views-row a.card figure.image,
  #block-fcp-views-block-news-index-block-2 .view.news-index .view-content > .views-row a.card figure.image {
    grid-row: 1 / 4;
    margin-bottom: 0;
  }
}

body.page-node-7474 .field_section > .field:first-child .view.news-index .view-content > .views-row a.card figure.image img,
#block-fcp-views-block-news-index-block-2 .view.news-index .view-content > .views-row a.card figure.image img {
  height: 200px;
}

@media screen and (min-width: 769px) {
  body.page-node-7474 .field_section > .field:first-child .view.news-index .view-content > .views-row a.card figure.image img,
  #block-fcp-views-block-news-index-block-2 .view.news-index .view-content > .views-row a.card figure.image img {
    height: 300px;
  }
}

@media screen and (min-width: 1024px) {
  body.page-node-7474 .field_section > .field:first-child .view.news-index .view-content > .views-row a.card figure.image img,
  #block-fcp-views-block-news-index-block-2 .view.news-index .view-content > .views-row a.card figure.image img {
    height: 350px;
  }
}

body.page-node-7474 .field_section > .field:first-child .view.news-index .view-content > .views-row a.card .datencatwrapper,
#block-fcp-views-block-news-index-block-2 .view.news-index .view-content > .views-row a.card .datencatwrapper {
  display: block;
}

body.page-node-7474 .field_section > .field:first-child .view.news-index .view-content > .views-row a.card h3,
#block-fcp-views-block-news-index-block-2 .view.news-index .view-content > .views-row a.card h3 {
  font-size: 1rem;
  margin-bottom: 1rem;
}

@media screen and (min-width: 600px) {
  body.page-node-7474 .field_section > .field:first-child .view.news-index .view-content > .views-row a.card h3,
  #block-fcp-views-block-news-index-block-2 .view.news-index .view-content > .views-row a.card h3 {
    font-size: 1.5rem;
  }
}

@media screen and (min-width: 769px) {
  body.page-node-7474 .field_section > .field:first-child .view.news-index .view-content > .views-row a.card h3,
  #block-fcp-views-block-news-index-block-2 .view.news-index .view-content > .views-row a.card h3 {
    font-size: 1.75rem;
  }
}

@media screen and (min-width: 1024px) {
  body.page-node-7474 .field_section > .field:first-child .view.news-index .view-content > .views-row a.card h3,
  #block-fcp-views-block-news-index-block-2 .view.news-index .view-content > .views-row a.card h3 {
    font-size: 2rem;
  }
}

/* view news */
/* Presse  Page */
body.page-node-7474 .articlecontent > .content {
  -webkit-box-flex: 0;
  -webkit-flex: 0 1 100%;
  -moz-box-flex: 0;
  -moz-flex: 0 1 100%;
  -ms-flex: 0 1 100%;
  flex: 0 1 100%;
}

body.page-node-7474 .articlecontent .field_section .field:first-child .paragraph {
  padding: 4rem 0 0 0;
}

body.page-node-7474 .field_section {
  -webkit-box-flex: 0;
  -webkit-flex: 0 1 100%;
  -moz-box-flex: 0;
  -moz-flex: 0 1 100%;
  -ms-flex: 0 1 100%;
  flex: 0 1 100%;
}

body.page-node-7474 .field_section > .field:first-child h2::after {
  display: block;
  content: "";
  position: absolute;
  width: 4000px;
  height: 8px;
  border-radius: 0;
  border: 0 none;
  background: #151515;
  display: block;
  margin: 0 0 0 -4032px;
  left: 60px;
  top: 46px;
  left: 20px;
  top: 15px;
}

@media screen and (min-width: 600px) {
  body.page-node-7474 .field_section > .field:first-child h2::after {
    height: 10px;
    top: 20px;
  }
}

@media screen and (min-width: 1024px) {
  body.page-node-7474 .field_section > .field:first-child h2::after {
    top: 37px;
    top: 22px;
    left: auto;
  }
}

@media screen and (max-width: 768px) {
  body.page-node-7474 .field_section > .field:first-child h2::after {
    display: none;
  }
}

body.page-node-7474 .view-content {
  display: -webkit-box;
  display: -webkit-flex;
  display: -moz-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-flex-wrap: wrap;
  -moz-flex-wrap: wrap;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
  -webkit-box-pack: justify;
  -ms-flex-pack: justify;
  -webkit-justify-content: space-between;
  -moz-justify-content: space-between;
  justify-content: space-between;
  align-items: unset;
  gap: 0;
}

body.page-node-7474 .view-content > .views-row {
  margin-bottom: 1rem;
  -webkit-box-flex: 0;
  -webkit-flex: 0 1 100%;
  -moz-box-flex: 0;
  -moz-flex: 0 1 100%;
  -ms-flex: 0 1 100%;
  flex: 0 1 100%;
}

@media screen and (min-width: 769px) {
  body.page-node-7474 .view-content > .views-row {
    -webkit-box-flex: 0;
    -webkit-flex: 0 1 47.5%;
    -moz-box-flex: 0;
    -moz-flex: 0 1 47.5%;
    -ms-flex: 0 1 47.5%;
    flex: 0 1 47.5%;
  }
}

@media screen and (min-width: 1024px) {
  body.page-node-7474 .view-content > .views-row {
    -webkit-box-flex: 0;
    -webkit-flex: 0 1 31%;
    -moz-box-flex: 0;
    -moz-flex: 0 1 31%;
    -ms-flex: 0 1 31%;
    flex: 0 1 31%;
  }
}

body.page-node-7474 .view-content .more-link {
  padding-top: 0;
  margin-top: 2rem;
}

body.page-node-7474 .pagination, body.page-node-7474 .pagination-list {
  margin: 0 auto;
}

body.page-node-7474 .paragraph.presse-downloads {
  padding: 2rem 0;
}

@media screen and (min-width: 769px) {
  body.page-node-7474 .paragraph.presse-downloads {
    padding: 4rem 0;
  }
}

@media screen and (min-width: 1024px) {
  body.page-node-7474 .paragraph.presse-downloads {
    padding: 4rem 0 6rem 0;
  }
}

body.page-node-7474 .paragraph.presse-downloads h2 {
  position: relative;
  text-transform: uppercase;
  position: relative;
}

@media screen and (min-width: 769px) {
  body.page-node-7474 .paragraph.presse-downloads h2 {
    text-transform: unset;
  }
}

@media screen and (min-width: 1024px) {
  body.page-node-7474 .paragraph.presse-downloads h2 {
    padding-left: 40px;
  }
}

body.page-node-7474 .paragraph.presse-downloads h2::after {
  display: block;
  content: "";
  border-radius: 0;
  border: 0 none;
  background: #EC6456;
  display: block;
  position: absolute;
  width: 60px;
  height: 60px;
  background: url(../assets/img/sprite_fcp.svg) no-repeat 0 -820px;
  left: -50px;
  top: -16px;
}

@media screen and (min-width: 600px) {
  body.page-node-7474 .paragraph.presse-downloads h2::after {
    top: -9px;
  }
}

@media screen and (min-width: 769px) {
  body.page-node-7474 .paragraph.presse-downloads h2::after {
    top: -9px;
    left: -15px;
  }
}

@media screen and (min-width: 1024px) {
  body.page-node-7474 .paragraph.presse-downloads h2::after {
    top: -5px;
    left: -15px;
  }
}

@media screen and (max-width: 768px) {
  body.page-node-7474 .paragraph.presse-downloads h2::after {
    transform: scale(0.5);
    top: -9px;
    display: none;
  }
}

@media screen and (max-width: 599px) {
  body.page-node-7474 .paragraph.presse-downloads h2::after {
    top: -12px;
  }
}

@media screen and (min-width: 769px) {
  body.page-node-7474 .paragraph.presse-downloads h2 {
    padding-left: 40px;
  }
}

body.page-node-7474 .paragraph.presse-downloads h2:after {
  display: block;
}

body.page-node-7474 .paragraph.presse-downloads .field--name-field-download {
  /*   für Fleder .field--name-field-download */
}

body.page-node-7474 .paragraph.presse-downloads .field--name-field-download span.file > a {
  font-weight: 600;
  -webkit-transition: all 0.25s ease-in-out;
  -moz-transition: all 0.25s ease-in-out;
  -ms-transition: all 0.25s ease-in-out;
  -o-transition: all 0.25s ease-in-out;
  transition: all 0.25s ease-in-out;
  display: block;
  background: radial-gradient(circle at left bottom, rgba(220, 220, 220, 0.8) 0%, rgba(220, 220, 220, 0.1) 40%), #7d8691;
  cursor: pointer;
  padding: 2rem 1rem;
  min-height: 100px;
  border-radius: 0.25rem;
  color: #fff;
}

@media screen and (min-width: 1024px) {
  body.page-node-7474 .paragraph.presse-downloads .field--name-field-download span.file > a {
    min-height: 160px;
  }
}

body.page-node-7474 .paragraph.presse-downloads .field--name-field-download span.file > a:hover, body.page-node-7474 .paragraph.presse-downloads .field--name-field-download span.file > a:focus, body.page-node-7474 .paragraph.presse-downloads .field--name-field-download span.file > a:active, body.page-node-7474 .paragraph.presse-downloads .field--name-field-download span.file > a:focus {
  color: #fff;
  background: radial-gradient(circle at left bottom, rgba(220, 220, 220, 0.6) 0%, rgba(220, 220, 220, 0) 40%), #EC6556;
}

body.page-node-7474 .paragraph.presse-downloads .field--name-field-download span.file > a:hover:after, body.page-node-7474 .paragraph.presse-downloads .field--name-field-download span.file > a:focus:after, body.page-node-7474 .paragraph.presse-downloads .field--name-field-download span.file > a:active:after, body.page-node-7474 .paragraph.presse-downloads .field--name-field-download span.file > a:focus:after {
  display: none;
}

body.page-node-7474 .paragraph.presse-downloads .field--name-field-download .icon {
  z-index: 2;
  position: absolute;
  bottom: 0;
  right: 0;
  background: blue;
  width: 120px;
  height: 40px;
  background: url(../assets/img/sprite_fcp.svg) no-repeat left -1100px;
}

body.page-node-7474 .paragraph.presse-downloads .field--name-field-download .icon i {
  display: none;
}

@media screen and (max-width: 1023px) {
  body.page-node-7474 .paragraph.presse-downloads .field--name-field-download .icon {
    display: none;
  }
}

body.page-node-7474 .paragraph.presse-downloads .field--name-field-download .icon:after {
  -webkit-transition: all 0.15s linear;
  -moz-transition: all 0.15s linear;
  -ms-transition: all 0.15s linear;
  -o-transition: all 0.15s linear;
  transition: all 0.15s linear;
  content: "pdf";
  display: block;
  position: absolute;
  bottom: -1px;
  right: 47px;
  width: 60px;
  height: 30px;
  font-size: 14px;
  color: #fff;
  text-transform: uppercase;
  font-weight: 700;
}

body.page-node-7474 .paragraph.presse-downloads .field--name-field-download .file--application-pdf .icon:after {
  content: "pdf";
}

body.page-node-7474 .paragraph.presse-downloads .field--name-field-download .file--mime-application-zip .icon:after {
  content: "zip";
}

body.page-node-7474 .paragraph.presse-downloads .field--name-field-download .file--mime-image-jpeg .icon:after {
  content: "jpg";
}

body.page-node-7474 .paragraph.presse-downloads .text > div {
  display: grid;
  grid-template-columns: auto;
  grid-template-rows: auto;
  align-items: unset;
  gap: 2rem;
}

@media screen and (min-width: 600px) {
  body.page-node-7474 .paragraph.presse-downloads .text > div {
    grid-template-columns: repeat(2, 1fr);
  }
}

@media screen and (min-width: 1024px) {
  body.page-node-7474 .paragraph.presse-downloads .text > div {
    grid-template-columns: repeat(3, 1fr);
  }
}

@media screen and (min-width: 1216px) {
  body.page-node-7474 .paragraph.presse-downloads .text > div {
    grid-template-columns: repeat(4, 1fr);
  }
}

body.page-node-7474 .paragraph.presse-downloads .text .downloadwrapper {
  margin: 0;
}

body.page-node-7474 .insights_row_press {
  background: #e84231;
  /* a */
  /* inner */
}

body.page-node-7474 .insights_row_press .container {
  padding: 0;
}

body.page-node-7474 .insights_row_press article > h2 {
  display: none;
}

body.page-node-7474 .insights_row_press .block > h2 {
  color: #fff;
}

body.page-node-7474 .insights_row_press * {
  color: #fff;
}

body.page-node-7474 .insights_row_press a, body.page-node-7474 .insights_row_press h2 {
  color: #fff;
}

body.page-node-7474 .insights_row_press a:hover, body.page-node-7474 .insights_row_press a:focus, body.page-node-7474 .insights_row_press a:active, body.page-node-7474 .insights_row_press a.is-active, body.page-node-7474 .insights_row_press h2:hover, body.page-node-7474 .insights_row_press h2:focus, body.page-node-7474 .insights_row_press h2:active, body.page-node-7474 .insights_row_press h2.is-active {
  color: #fff;
  text-decoration: underline;
  background-color: transparent;
}

body.page-node-7474 .insights_row_press a.button, body.page-node-7474 .insights_row_press h2.button {
  color: #fff;
  padding: 0 4rem 0 1rem;
}

body.page-node-7474 .insights_row_press a.button:after, body.page-node-7474 .insights_row_press a.button:before, body.page-node-7474 .insights_row_press h2.button:after, body.page-node-7474 .insights_row_press h2.button:before {
  filter: invert(1);
}

body.page-node-7474 .insights_row_press a.button:hover, body.page-node-7474 .insights_row_press a.button:focus, body.page-node-7474 .insights_row_press a.button:active, body.page-node-7474 .insights_row_press a.button.is-active, body.page-node-7474 .insights_row_press h2.button:hover, body.page-node-7474 .insights_row_press h2.button:focus, body.page-node-7474 .insights_row_press h2.button:active, body.page-node-7474 .insights_row_press h2.button.is-active {
  color: #fff;
}

@media screen and (min-width: 600px) {
  body.page-node-7474 .insights_row_press .inner {
    display: grid;
    grid-template-columns: minmax(150px, 33%) 1fr;
    grid-auto-flow: row;
    gap: 2rem;
    height: 100%;
  }
}

body.page-node-7474 .insights_row_press .inner > .block {
  height: 100%;
}

body.page-node-7474 .insights_row_press .inner > .block:last-child {
  background: #ef6f62;
}

@media screen and (min-width: 1024px) {
  body.page-node-7474 .insights_row_press .inner > .block:last-child {
    /* bis zum rechten Bildschirmrand ziehen */
    width: calc(50vw + 50%);
    margin-right: calc(50% - 50vw);
  }
}

body.page-node-7474 .insights_row_press .inner > .block .field > .block > div {
  padding: 4rem 2rem;
  text-align: center;
}

@media screen and (min-width: 600px) {
  body.page-node-7474 .insights_row_press .inner > .block .field > .block > div {
    display: grid;
    grid-template-columns: minmax(150px, auto) 1fr;
    grid-auto-flow: row;
    gap: 1rem;
    text-align: left;
  }
}

@media screen and (min-width: 1024px) {
  body.page-node-7474 .insights_row_press .inner > .block .field > .block > div {
    gap: 4rem;
    padding: 4rem 3rem;
  }
}

body.page-node-7474 .insights_row_press .inner img {
  width: 150px;
  height: 150px;
  border-radius: 100px;
}

body.page-node-7474 .insights_row_press .inner a.linkedin {
  font-size: 0;
  display: inline-block;
  position: relative;
}

body.page-node-7474 .insights_row_press .inner a.linkedin:before {
  transition: all .15s ease-in-out;
  content: "";
  height: 50px;
  width: 50px;
  position: absolute;
  left: 0;
  top: 0;
  background: transparent url(../assets/img/sprite_fcp.svg) no-repeat -1px -1745px;
  transform: scale(1.1);
  filter: invert(2);
  opacity: .8;
}

body.page-node-7474 .insights_row_press .inner a.linkedin:hover:before, body.page-node-7474 .insights_row_press .inner a.linkedin:focus:before, body.page-node-7474 .insights_row_press .inner a.linkedin:active:before {
  transform: scale(1.25);
  opacity: 1;
}

body.is-page-node-type-news:not(.is-path-frontpage):not(.has-headline) main.container > .block > h1.title {
  max-width: 940px;
  margin-bottom: 2rem;
}

/* end .node-type-page  */
body.is-page-node-type-news .articlecontent .articlehead {
  order: 1;
}

body.is-page-node-type-news .articlecontent .maincolumn {
  order: 2;
}

body.is-page-node-type-news .articlecontent .sidebar {
  order: 4;
}

body.is-page-node-type-news .articlecontent .bottom, body.is-page-node-type-news .articlecontent .fullwidth {
  order: 3;
}

body.is-page-node-type-news .articlecontent .articlehead > div {
  max-width: 940px;
}

body.is-page-node-type-news .articlecontent .articlehead > div .field {
  margin: 0;
}

body.is-page-node-type-news .articlecontent .articlehead .field--name-field-introtext {
  max-width: unset;
}

body.is-page-node-type-news .articlecontent .articlehead .field--name-field-image figure img {
  object-fit: cover;
  object-position: 50% 50%;
  max-height: 400px;
  width: 100%;
}

body.is-page-node-type-news .articlecontent .bottom .baguettebox {
  display: grid;
  grid-template-columns: repeat(1, 1fr);
  grid-template-rows: repeat(1, 1fr);
  grid-auto-flow: row;
  gap: 2rem;
}

@media screen and (min-width: 769px) {
  body.is-page-node-type-news .articlecontent .bottom .baguettebox {
    grid-template-columns: repeat(2, 1fr);
  }
}

@media screen and (min-width: 1024px) {
  body.is-page-node-type-news .articlecontent .bottom .baguettebox {
    grid-template-columns: repeat(3, 1fr);
  }
}

@media screen and (min-width: 1216px) {
  body.is-page-node-type-news .articlecontent .bottom .baguettebox {
    grid-template-columns: repeat(4, 1fr);
  }
}

body.is-page-node-type-news .articlecontent .bottom .baguettebox figure img {
  max-height: 200px;
}

body.is-page-node-type-news .articlecontent .bottom .views-element-container {
  margin-top: 6rem;
  border-top: 1px solid #ccc;
}

body.is-page-node-type-news .articlecontent .bottom .views-element-container a.card {
  grid-template-rows: auto auto;
}

body.is-page-node-type-news .articlecontent .bottom .views-element-container figure img {
  max-height: 150px;
}

/* body node news */
/*
#edit-submit-alles-suche { display: none;}
*/
/* https://stackoverflow.com/questions/67582635/add-style-to-another-element-on-focus-on-the-input-field/67583088#67583088 */
/* SUCHFELD HERVORHEBEN */
.front_row_searcher {
  /*  .facets:focus-within { 

        transform: scale(1.2);
        transform: translateY(-200px); 
        top: $header-height + 150px; 
        transform: translate(-0%, -90%);  
        position: fixed;

        transform: scale(1.1); 
        #edit-search-api-fulltext { z-index: 9999; }
        & + .overlayer {
            display: block; 
        } 
  } 

    .overlayer {
        position: fixed;
        display: none;
        z-index: -1;  
        height: 100%;
        width: 100%;
        background: $fcp-gradient;
        background: $black;
        opacity: .25;
        left: 0;
        top: 0;
        bottom: 0;
        right: 0;
    }
*/
}

/* Suchfeld in To of content Facet Bereich */
/*  ++++++++++++++++++++++++++++++++++++++++++++++++  */
.view.alles-suche {
  max-width: 800px;
  margin-bottom: 4rem;
}

.view.alles-suche header {
  padding: 0 0 1rem 0;
  font-size: 1rem;
  color: #424242;
}

.view.alles-suche .view-content {
  grid-template-columns: repeat(1, 1fr);
  grid-template-rows: repeat(1, 1fr);
  grid-auto-flow: row;
  row-gap: 1rem;
  align-items: unset;
}

.view.alles-suche .view-content > .views-row {
  line-height: 1.3;
}

.view.alles-suche .view-content > .views-row a.card {
  display: block;
  background: transparent;
  padding: 1rem;
  box-shadow: 0 0 5px #999;
}

.view.alles-suche .view-content > .views-row a.card h3 {
  margin-bottom: .5rem;
}

.view.alles-suche .view-content > .views-row a.card .date {
  font-size: 0.75rem;
}

.view.alles-suche .view-content > .views-row a.card .views-field-subtitle {
  font-size: 1rem;
}

.view.alles-suche .view-content > .views-row a.card:hover, .view.alles-suche .view-content > .views-row a.card:focus, .view.alles-suche .view-content > .views-row a.card:active, .view.alles-suche .view-content > .views-row a.card:focus-within {
  background: #EC6456;
  color: #fff;
}

.view.alles-suche .view-content > .views-row a.card:hover *, .view.alles-suche .view-content > .views-row a.card:focus *, .view.alles-suche .view-content > .views-row a.card:active *, .view.alles-suche .view-content > .views-row a.card:focus-within * {
  color: #fff;
}

body.is-path-suche .searchfilter .facets {
  display: block;
  border: unset;
}

body.is-path-suche .searchfilter .facets > div {
  display: inline-block;
  flex: unset;
  width: auto;
  border-bottom: 1px solid #999;
}

body.is-path-suche .searchfilter .facets > div select, body.is-path-suche .searchfilter .facets > div input {
  height: 40px;
}

body.is-path-suche .searchfilter .facets > div.block-facets-summary {
  position: relative;
  width: 100%;
  border: unset;
}

body.is-path-suche .searchfilter .facets > div.block-facets-summary ul {
  text-align: left;
}

body.is-path-suche .searchfilter .facets > div.block-facets-summary span.js-facet-deactivate {
  margin-top: 8px;
}

body.is-path-suche .searchfilter .facets #block-fcp-inhaltstyp {
  position: relative;
}

.view #views-exposed-form-magazin-index-block-1 {
  display: none;
}

.views-exposed-form .form-actions {
  display: none;
}

body.is-path-suche #block-fcp-pagetitle {
  display: none;
}

/* Facets Summary */
main .block-facets-summary ul {
  margin: 0;
  padding: 0;
}

main .block-facets-summary ul li {
  margin: 5px;
  padding: 0;
  list-style: none;
}

main .block-facets-summary ul {
  text-align: center;
  display: block;
  margin: 0 auto;
}

main .block-facets-summary ul li {
  margin-right: 1rem;
  margin-bottom: 1rem;
  display: inline-block;
}

main .block-facets-summary ul {
  /* li */
}

main .block-facets-summary ul li.facetli > a:not(.button),
main .block-facets-summary ul li.facetli span.source-summary-search-string {
  background: 0 0;
  border: 0 none;
  background-color: #EC6456;
  padding: 5px 10px;
  border-radius: 25px;
  color: #151515;
  font-weight: 400;
  position: relative;
  padding-right: 29px;
  text-decoration: none;
  background-color: #ccc;
  font-size: 0.875rem;
}

@media screen and (min-width: 1024px) {
  main .block-facets-summary ul li.facetli > a:not(.button),
  main .block-facets-summary ul li.facetli span.source-summary-search-string {
    font-size: 0.875rem;
  }
}

main .block-facets-summary ul li.facetli > a:not(.button) span.js-facet-deactivate,
main .block-facets-summary ul li.facetli span.source-summary-search-string span.js-facet-deactivate {
  font-size: 0;
  position: absolute;
  right: 0;
  display: inline-block;
  width: 24px;
  height: 20px;
  background: url(../assets/img/sprite_fcp.svg) no-repeat 101% -1493px;
  margin-top: 2px;
  cursor: pointer;
  opacity: 0.75;
  filter: alpha(opacity=75);
}

main .block-facets-summary ul li.facetli > a:not(.button) span.js-facet-deactivate:hover, main .block-facets-summary ul li.facetli > a:not(.button) span.js-facet-deactivate:focus, main .block-facets-summary ul li.facetli > a:not(.button) span.js-facet-deactivate:active,
main .block-facets-summary ul li.facetli span.source-summary-search-string span.js-facet-deactivate:hover,
main .block-facets-summary ul li.facetli span.source-summary-search-string span.js-facet-deactivate:focus,
main .block-facets-summary ul li.facetli span.source-summary-search-string span.js-facet-deactivate:active {
  opacity: 1;
  filter: alpha(opacity=100);
}

main .block-facets-summary ul li.facetli > a:not(.button):hover, main .block-facets-summary ul li.facetli > a:not(.button):focus, main .block-facets-summary ul li.facetli > a:not(.button):active,
main .block-facets-summary ul li.facetli span.source-summary-search-string:hover,
main .block-facets-summary ul li.facetli span.source-summary-search-string:focus,
main .block-facets-summary ul li.facetli span.source-summary-search-string:active {
  background-color: #EC6456;
  color: #fff;
}

main .block-facets-summary ul li.facetli > a:not(.button):hover:after, main .block-facets-summary ul li.facetli > a:not(.button):focus:after, main .block-facets-summary ul li.facetli > a:not(.button):active:after,
main .block-facets-summary ul li.facetli span.source-summary-search-string:hover:after,
main .block-facets-summary ul li.facetli span.source-summary-search-string:focus:after,
main .block-facets-summary ul li.facetli span.source-summary-search-string:active:after {
  display: none;
}

main .block-facets-summary ul li.facetli > a:not(.button):hover span.js-facet-deactivate, main .block-facets-summary ul li.facetli > a:not(.button):focus span.js-facet-deactivate, main .block-facets-summary ul li.facetli > a:not(.button):active span.js-facet-deactivate,
main .block-facets-summary ul li.facetli span.source-summary-search-string:hover span.js-facet-deactivate,
main .block-facets-summary ul li.facetli span.source-summary-search-string:focus span.js-facet-deactivate,
main .block-facets-summary ul li.facetli span.source-summary-search-string:active span.js-facet-deactivate {
  filter: invert(1);
}

@media screen and (max-width: 768px) {
  main .block-facets-summary ul li.facetli > a:not(.button) span.facet-item__value,
  main .block-facets-summary ul li.facetli span.source-summary-search-string span.facet-item__value {
    display: inline-flex;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
    max-width: 250px;
  }
}

main .block-facets-summary ul li.facet-summary-item--clear a:not(.button) {
  padding-right: 10px;
}

.is-path-karriere main .block-facets-summary ul li.facetli a {
  background-color: #70f0a8;
}

.is-path-expertsmain .block-facets-summary ul li.facetli a {
  background-color: #33b3ff;
}

.is-path-expertise .block-facets-summary ul li.facetli a {
  background-color: #33b3ff;
}

.is-path-profile .block-facets-summary ul li.facetli a {
  background-color: #ccc;
}

.is-path-anbieter .block-facets-summary ul li.facetli a {
  background-color: #ccc;
}

/* Treffer Preview Liste */
.search-api-autocomplete-search {
  z-index: 105;
  max-width: 800px;
  width: 80%;
  /* search-index article */
}

.is-path-projekte .search-api-autocomplete-search {
  max-width: unset;
  width: 50%;
  width: 50% !important;
}

@media screen and (min-width: 1216px) {
  .is-path-projekte .search-api-autocomplete-search {
    width: 25% !important;
  }
}

@media screen and (max-width: 599px) {
  .is-path-projekte .search-api-autocomplete-search {
    width: 90% !important;
    left: 2rem !important;
  }
}

.search-api-autocomplete-search a:after {
  display: none;
}

.search-api-autocomplete-search li {
  padding: 0;
  -webkit-transition: all 0.18s ease-in-out;
  -moz-transition: all 0.18s ease-in-out;
  -ms-transition: all 0.18s ease-in-out;
  -o-transition: all 0.18s ease-in-out;
  transition: all 0.18s ease-in-out;
}

.search-api-autocomplete-search .search-api-autocomplete-suggestion,
.search-api-autocomplete-search article.search-index {
  padding: 0;
  margin: 0 0 2px 0;
  font-size: 0.875rem;
  padding: .5em 10px;
  position: relative;
}

@media screen and (min-width: 1024px) {
  .search-api-autocomplete-search .search-api-autocomplete-suggestion,
  .search-api-autocomplete-search article.search-index {
    font-size: 1rem;
  }
}

.search-api-autocomplete-search article.search-index {
  -webkit-transition: all 0.15s linear;
  -moz-transition: all 0.15s linear;
  -ms-transition: all 0.15s linear;
  -o-transition: all 0.15s linear;
  transition: all 0.15s linear;
  margin: 0 0 6px 0;
  display: block;
  padding-right: 5rem;
  min-height: unset;
  background-color: #f1f1f1;
  border-radius: 15px;
}

.search-api-autocomplete-search article.search-index .small {
  text-align: right;
  font-size: 0.75rem;
}

.search-api-autocomplete-search article.search-index .field {
  margin: 0;
}

.search-api-autocomplete-search article.search-index.news {
  background-color: rgba(248, 203, 198, 0.6);
}

.search-api-autocomplete-search article.search-index.leistung {
  background-color: rgba(238, 120, 107, 0.6);
}

.search-api-autocomplete-search article.search-index.is-active, .search-api-autocomplete-search article.search-index:hover, .search-api-autocomplete-search article.search-index:focus, .search-api-autocomplete-search article.search-index:active {
  background-color: rgba(235, 99, 84, 0.6);
}

.search-api-autocomplete-search article.search-index::after {
  content: '';
  display: inline-block;
  width: auto;
  position: absolute;
  top: 4px;
  right: 10px;
  text-align: right;
  text-transform: uppercase;
  color: #151515;
  font-size: 0.688rem;
}

.search-api-autocomplete-search article.search-index .articlecontent {
  display: block;
  font-size: 0.875rem;
  width: unset;
  margin-bottom: 2px;
  /*  min-height: 34px; */
}

.search-api-autocomplete-search article.search-index .articlecontent > div {
  display: inline-block;
  width: auto;
  position: relative;
  margin-right: 5px;
  margin: 0;
  flex: none;
}

.search-api-autocomplete-search article.search-index .articlecontent > div::after {
  /*                content: ', '; */
  display: inline-block;
  width: 3px;
  position: absolute;
  top: 0;
  right: -3px;
}

.search-api-autocomplete-search article.search-index .articlecontent > div:last-child::after {
  display: none;
}

.search-api-autocomplete-search article.search-index .articlecontent > div.field_bild_des_vortragenden, .search-api-autocomplete-search article.search-index .articlecontent > div.field_logo, .search-api-autocomplete-search article.search-index .articlecontent > div.field_bild2, .search-api-autocomplete-search article.search-index .articlecontent > div.field--name-field-bild {
  float: right;
  margin-top: -31px;
}

.search-api-autocomplete-search article.search-index .articlecontent > div.field_bild_des_vortragenden img, .search-api-autocomplete-search article.search-index .articlecontent > div.field_logo img, .search-api-autocomplete-search article.search-index .articlecontent > div.field_bild2 img, .search-api-autocomplete-search article.search-index .articlecontent > div.field--name-field-bild img {
  width: 60px;
  height: 60px;
  object-fit: cover;
}

.search-api-autocomplete-search article.search-index .articlecontent > div .field--name-field-slogan {
  margin: 0 !important;
  padding: 0 !important;
  font-size: 1rem;
}

.search-api-autocomplete-search article.search-index .articlecontent > div.foooter {
  display: block;
  font-size: 0.75rem;
}

.search-api-autocomplete-search article.search-index.profile .articlecontent > div {
  display: block;
}

.search-api-autocomplete-search article.search-index.profile .field_gewuenschte_taetigkeit > div {
  display: inline-block;
  margin: 0;
}

.search-api-autocomplete-search .ui-menu-item:hover, .search-api-autocomplete-search .ui-menu-item:focus, .search-api-autocomplete-search .ui-menu-item:active {
  background: #f5fbff;
}

.search-api-autocomplete-search .ui-menu-item:hover *, .search-api-autocomplete-search .ui-menu-item:focus *, .search-api-autocomplete-search .ui-menu-item:active * {
  color: #151515;
}

.search-api-autocomplete-search a.ui-state-active .search-api-autocomplete-suggestion, .search-api-autocomplete-search .ui-menu-item-wrapper {
  background: transparent !important;
  color: #151515 !important;
}

.search-api-autocomplete-search a.ui-state-active .search-api-autocomplete-suggestion:hover, .search-api-autocomplete-search a.ui-state-active .search-api-autocomplete-suggestion:focus, .search-api-autocomplete-search a.ui-state-active .search-api-autocomplete-suggestion:active, .search-api-autocomplete-search .ui-menu-item-wrapper:hover, .search-api-autocomplete-search .ui-menu-item-wrapper:focus, .search-api-autocomplete-search .ui-menu-item-wrapper:active {
  background: transparent !important;
  color: #151515 !important;
}

.is-path-dashboard .search-api-autocomplete-search .field, .is-path-dashboard .search-api-autocomplete-search .field-wrapper,
.is-path-expertensuche .search-api-autocomplete-search .field,
.is-path-expertensuche .search-api-autocomplete-search .field-wrapper {
  display: inline-block;
}

.is-path-dashboard .search-api-autocomplete-search .field_gewuenschte_taetigkeit,
.is-path-expertensuche .search-api-autocomplete-search .field_gewuenschte_taetigkeit {
  display: block;
  font-size: 75%;
  color: #999;
}

.is-path-dashboard .search-api-autocomplete-search article,
.is-path-expertensuche .search-api-autocomplete-search article {
  margin: 0 0 2px 0;
  font-size: 0.75rem;
  padding: .5em 10px;
}

.is-path-dashboard .search-api-autocomplete-search article div.field_name + div.name,
.is-path-expertensuche .search-api-autocomplete-search article div.field_name + div.name {
  display: none;
}

/* ul */
.filterwrapperrrrrrrrrrrrr, .jobsfilterrrrrrrrrrrrrrrrrr {
  /*
    @include transition (all .25s ease-in-out);
        display: none;
        background: lighten($red,40); 
        background: $base-bg;
        box-shadow: 0 0 4px $brightgrey;
        position: fixed;
        z-index: 10;
        top: 0;
        left: 0;
        width: 100%;
        padding: $header-height 0 2em;
*/
  /*
    .smaller2 & { 
        top: $header-height-mobile;
         @include from($mobile)  { top: $header-height;}
    }
*/
  text-align: center;
  margin: -25px auto 0;
  margin: 0 auto 0;
}

.filterwrapperrrrrrrrrrrrr #block-facetsubersichtforblock2,
.filterwrapperrrrrrrrrrrrr #block-facetsubersichtforblock2--2, .jobsfilterrrrrrrrrrrrrrrrrr #block-facetsubersichtforblock2,
.jobsfilterrrrrrrrrrrrrrrrrr #block-facetsubersichtforblock2--2 {
  display: none;
}

.filterwrapperrrrrrrrrrrrr span.filtertoggle,
.filterwrapperrrrrrrrrrrrr #block-allefilterzurucksetzen,
.filterwrapperrrrrrrrrrrrr #block-allefilterzurucksetzennews, .jobsfilterrrrrrrrrrrrrrrrrr span.filtertoggle,
.jobsfilterrrrrrrrrrrrrrrrrr #block-allefilterzurucksetzen,
.jobsfilterrrrrrrrrrrrrrrrrr #block-allefilterzurucksetzennews {
  display: block;
  text-align: center;
  cursor: pointer;
  margin: 0;
}

.filterwrapperrrrrrrrrrrrr span.filtertoggle:hover, .filterwrapperrrrrrrrrrrrr span.filtertoggle:focus, .filterwrapperrrrrrrrrrrrr span.filtertoggle:active,
.filterwrapperrrrrrrrrrrrr #block-allefilterzurucksetzen:hover,
.filterwrapperrrrrrrrrrrrr #block-allefilterzurucksetzen:focus,
.filterwrapperrrrrrrrrrrrr #block-allefilterzurucksetzen:active,
.filterwrapperrrrrrrrrrrrr #block-allefilterzurucksetzennews:hover,
.filterwrapperrrrrrrrrrrrr #block-allefilterzurucksetzennews:focus,
.filterwrapperrrrrrrrrrrrr #block-allefilterzurucksetzennews:active, .jobsfilterrrrrrrrrrrrrrrrrr span.filtertoggle:hover, .jobsfilterrrrrrrrrrrrrrrrrr span.filtertoggle:focus, .jobsfilterrrrrrrrrrrrrrrrrr span.filtertoggle:active,
.jobsfilterrrrrrrrrrrrrrrrrr #block-allefilterzurucksetzen:hover,
.jobsfilterrrrrrrrrrrrrrrrrr #block-allefilterzurucksetzen:focus,
.jobsfilterrrrrrrrrrrrrrrrrr #block-allefilterzurucksetzen:active,
.jobsfilterrrrrrrrrrrrrrrrrr #block-allefilterzurucksetzennews:hover,
.jobsfilterrrrrrrrrrrrrrrrrr #block-allefilterzurucksetzennews:focus,
.jobsfilterrrrrrrrrrrrrrrrrr #block-allefilterzurucksetzennews:active {
  color: #EC6456;
}

.filterwrapperrrrrrrrrrrrr.show, .filterwrapperrrrrrrrrrrrr.active, .jobsfilterrrrrrrrrrrrrrrrrr.show, .jobsfilterrrrrrrrrrrrrrrrrr.active {
  display: block;
  opacity: 0.98;
  filter: alpha(opacity=98);
}

.filterwrapperrrrrrrrrrrrr form .is-grouped.form-actions, .jobsfilterrrrrrrrrrrrrrrrrr form .is-grouped.form-actions {
  display: none;
}

.filterwrapperrrrrrrrrrrrr form #edit-search-api-fulltext,
.filterwrapperrrrrrrrrrrrr form #edit-search-api-fulltext--2, .jobsfilterrrrrrrrrrrrrrrrrr form #edit-search-api-fulltext,
.jobsfilterrrrrrrrrrrrrrrrrr form #edit-search-api-fulltext--2 {
  margin: 1em auto 0;
  display: block;
  line-height: 50px;
  height: 50px;
  border-radius: 50px;
  border-color: #EC6456;
}

.filterwrapperrrrrrrrrrrrr form #edit-search-api-fulltext::placeholder,
.filterwrapperrrrrrrrrrrrr form #edit-search-api-fulltext--2::placeholder, .jobsfilterrrrrrrrrrrrrrrrrr form #edit-search-api-fulltext::placeholder,
.jobsfilterrrrrrrrrrrrrrrrrr form #edit-search-api-fulltext--2::placeholder {
  color: #151515;
}

.filterwrapperrrrrrrrrrrrr .block-facets, .jobsfilterrrrrrrrrrrrrrrrrr .block-facets {
  /*
        max-width: 560px;   */
  margin: 2em auto;
}

.filterwrapperrrrrrrrrrrrr .block-facets ul, .filterwrapperrrrrrrrrrrrr .block-facets li, .jobsfilterrrrrrrrrrrrrrrrrr .block-facets ul, .jobsfilterrrrrrrrrrrrrrrrrr .block-facets li {
  list-style: none;
  padding: 0;
  margin: 0;
}

.filterwrapperrrrrrrrrrrrr .block-facets ul, .jobsfilterrrrrrrrrrrrrrrrrr .block-facets ul {
  position: relative;
  text-align: center;
}

.filterwrapperrrrrrrrrrrrr .block-facets li, .jobsfilterrrrrrrrrrrrrrrrrr .block-facets li {
  display: inline-block;
  margin-right: 1em;
}

.filterwrapperrrrrrrrrrrrr .block-facets .js-facets-links, .jobsfilterrrrrrrrrrrrrrrrrr .block-facets .js-facets-links {
  font-size: 115%;
}

.filterwrapperrrrrrrrrrrrr .block-facets .facet-item__count, .jobsfilterrrrrrrrrrrrrrrrrr .block-facets .facet-item__count {
  font-size: 66%;
  color: #999;
  opacity: 0.75;
  filter: alpha(opacity=75);
}

.filterwrapperrrrrrrrrrrrr .select, .jobsfilterrrrrrrrrrrrrrrrrr .select {
  display: block;
}

.filterwrapperrrrrrrrrrrrr .block-facet--dropdown, .jobsfilterrrrrrrrrrrrrrrrrr .block-facet--dropdown {
  text-align: center;
  margin: 0 auto 1rem;
  display: block;
}

.filterwrapperrrrrrrrrrrrr .block-facet--dropdown.hidden, .jobsfilterrrrrrrrrrrrrrrrrr .block-facet--dropdown.hidden {
  display: none;
}

.filterwrapperrrrrrrrrrrrr .block-facet--dropdown select, .jobsfilterrrrrrrrrrrrrrrrrr .block-facet--dropdown select {
  border-color: #EC6456;
  width: 100%;
  display: block;
}

.filterwrapperrrrrrrrrrrrr .block-facet--dropdown .select.is-primary:not(:hover)::after, .jobsfilterrrrrrrrrrrrrrrrrr .block-facet--dropdown .select.is-primary:not(:hover)::after {
  border-color: #EC6456;
}

.filterwrapperrrrrrrrrrrrr .block-facet--dropdown .select.is-primary select:hover, .filterwrapperrrrrrrrrrrrr .block-facet--dropdown .select.is-primary select:focus, .filterwrapperrrrrrrrrrrrr .block-facet--dropdown .select.is-primary select:active, .filterwrapperrrrrrrrrrrrr .block-facet--dropdown .select.is-primary select:focus, .jobsfilterrrrrrrrrrrrrrrrrr .block-facet--dropdown .select.is-primary select:hover, .jobsfilterrrrrrrrrrrrrrrrrr .block-facet--dropdown .select.is-primary select:focus, .jobsfilterrrrrrrrrrrrrrrrrr .block-facet--dropdown .select.is-primary select:active, .jobsfilterrrrrrrrrrrrrrrrrr .block-facet--dropdown .select.is-primary select:focus {
  box-shadow: 0 0 6px #f5b1aa;
  border-color: #EC6456;
}

.filterwrapperrrrrrrrrrrrr label, .jobsfilterrrrrrrrrrrrrrrrrr label {
  text-align: left;
}

/* filterwrapper */
/*  Suchergebnis Liste */
/* .view.alles-suche-v2, */
.view.suche .counter {
  text-align: center;
}

.view.suche .counter strong {
  font-size: 300%;
  color: #EC6456;
}

.view.suche .view-content {
  /* views-row */
}

.view.suche .view-content .views-row {
  -webkit-box-flex: 0;
  -webkit-flex: 0 1 100%;
  -moz-box-flex: 0;
  -moz-flex: 0 1 100%;
  -ms-flex: 0 1 100%;
  flex: 0 1 100%;
  max-width: 1000px;
  margin-bottom: .5rem;
}

.view.suche .view-content .views-row a.card {
  grid-template-columns: 1fr 120px;
  grid-template-rows: auto auto 1fr;
  grid-column-gap: 2rem;
  box-shadow: unset;
  border-radius: 0;
  padding: .75rem 1.5rem;
}

.view.suche .view-content .views-row a.card > * {
  padding: 0;
}

.view.suche .view-content .views-row a.card:hover, .view.suche .view-content .views-row a.card:focus, .view.suche .view-content .views-row a.card:active {
  background: #f1f1f1;
  box-shadow: 0 0 5px #ccc;
}

.view.suche .view-content .views-row a.card:hover.Job, .view.suche .view-content .views-row a.card:focus.Job, .view.suche .view-content .views-row a.card:active.Job {
  border-color: #70f0a8;
}

.view.suche .view-content .views-row a.card:hover.Ausbildung, .view.suche .view-content .views-row a.card:focus.Ausbildung, .view.suche .view-content .views-row a.card:active.Ausbildung {
  border-color: #ff66c6;
}

.view.suche .view-content .views-row a.card:hover.Inserat, .view.suche .view-content .views-row a.card:focus.Inserat, .view.suche .view-content .views-row a.card:active.Inserat {
  border-color: #EC6456;
}

.view.suche .view-content .views-row a.card:hover.Job, .view.suche .view-content .views-row a.card:focus.Job, .view.suche .view-content .views-row a.card:active.Job {
  border-color: #70f0a8;
}

.view.suche .view-content .views-row a.card .views-field-image {
  grid-row: 1 / 4;
  grid-column: 2 / 4;
}

.view.suche .view-content .views-row a.card .views-field-image img {
  max-height: 80px;
}

.view.suche .view-content .views-row a.card .views-field-created {
  font-size: 0.875rem;
  margin-top: .5rem;
}

.view.suche .view-content .views-row a.card h4 {
  font-size: 100%;
}

/* view */
/* body */
body.page-node-7397 {
  /* Lösungen Übersichtsseite */
  /* article */
}

body.page-node-7397 .section main.container .paragraph .container {
  padding-left: 0;
  padding-right: 0;
}

body.page-node-7397 article .articlecontent .field_section {
  width: 100%;
  display: block;
  flex: unset;
  margin: 8rem 0 4rem;
}

/* body */
.view.loesungen .view-content {
  display: block;
}

.view.loesungen .view-content .tns-outer {
  font-family: unset;
}

.view.loesungen .view-content .tns-outer p {
  font-weight: 400;
}

.view.loesungen .view-content .tns-outer .tns-item {
  padding-right: 2rem;
  font-size: initial;
  text-transform: initial;
  height: 100%;
}

.view.loesungen .view-content .tns-outer .tns-item > div a.card * {
  opacity: 0.2;
}

.view.loesungen .view-content .tns-outer .tns-item.tns-slide-active > div a.card * {
  opacity: 1;
}

.view.loesungen .view-content .tns-outer a.card {
  display: block;
  background: #fff;
  height: 100%;
  width: 100%;
  box-shadow: unset;
  /*
      box-shadow: 2px 2px 4px $grey;
*/
  /* from Mixin above */
  /* ++++++++++++++++++++++++++++++++   */
  /* ++++++++++++++++++++++++++++++++   */
}

@media screen and (min-width: 769px) {
  .view.loesungen .view-content .tns-outer a.card {
    display: grid;
    grid-template-columns: 1fr;
    grid-template-rows: 10px auto auto 1fr;
    grid-template-rows: 200px auto;
    grid-template-rows: auto auto;
    grid-template-rows: minmax(200px, auto) 1fr;
    grid-column-gap: 0px;
    grid-row-gap: 0px;
  }
}

.view.loesungen .view-content .tns-outer a.card * {
  -webkit-transition: all 0.15s linear;
  -moz-transition: all 0.15s linear;
  -ms-transition: all 0.15s linear;
  -o-transition: all 0.15s linear;
  transition: all 0.15s linear;
  padding: 0;
  margin: 0;
  color: #151515;
}

.view.loesungen .view-content .tns-outer a.card > * {
  padding: 0 2rem;
  padding: 0;
  margin: 0;
  color: #151515;
}

.view.loesungen .view-content .tns-outer a.card:hover, .view.loesungen .view-content .tns-outer a.card:focus, .view.loesungen .view-content .tns-outer a.card:active, .view.loesungen .view-content .tns-outer a.card:focus-within {
  color: #EC6456;
}

.view.loesungen .view-content .tns-outer a.card:hover *, .view.loesungen .view-content .tns-outer a.card:focus *, .view.loesungen .view-content .tns-outer a.card:active *, .view.loesungen .view-content .tns-outer a.card:focus-within * {
  color: #EC6456;
}

.view.loesungen .view-content .tns-outer a.card:hover:after, .view.loesungen .view-content .tns-outer a.card:focus:after, .view.loesungen .view-content .tns-outer a.card:active:after, .view.loesungen .view-content .tns-outer a.card:focus-within:after {
  display: none;
}

.view.loesungen .view-content .tns-outer a.card.projekt .small, .view.loesungen .view-content .tns-outer a.card.news .small, .view.loesungen .view-content .tns-outer a.card.kompetenzen .small {
  text-transform: uppercase;
}

.view.loesungen .view-content .tns-outer a.card > figure.image,
.view.loesungen .view-content .tns-outer a.card .field_media_image figure.image,
.view.loesungen .view-content .tns-outer a.card div.field--name-field-mehr-bilder figure.image,
.view.loesungen .view-content .tns-outer a.card .views-field-field-image, .view.loesungen .view-content .tns-outer a.card .views-field-logo {
  /* passt sich genau der Bildgröße an */
  position: relative;
  /* nötig für ::after */
  padding: 0;
  /* Standard-Padding entfernen */
  line-height: 0;
  /* verhindert zusätzlichen Platz unter img */
  margin-bottom: .5rem;
}

@media screen and (min-width: 769px) {
  .view.loesungen .view-content .tns-outer a.card > figure.image,
  .view.loesungen .view-content .tns-outer a.card .field_media_image figure.image,
  .view.loesungen .view-content .tns-outer a.card div.field--name-field-mehr-bilder figure.image,
  .view.loesungen .view-content .tns-outer a.card .views-field-field-image, .view.loesungen .view-content .tns-outer a.card .views-field-logo {
    display: inline-block;
  }
}

.view.loesungen .view-content .tns-outer a.card > figure.image:after,
.view.loesungen .view-content .tns-outer a.card .field_media_image figure.image:after,
.view.loesungen .view-content .tns-outer a.card div.field--name-field-mehr-bilder figure.image:after,
.view.loesungen .view-content .tns-outer a.card .views-field-field-image:after, .view.loesungen .view-content .tns-outer a.card .views-field-logo:after {
  -webkit-transition: all 0.15s linear;
  -moz-transition: all 0.15s linear;
  -ms-transition: all 0.15s linear;
  -o-transition: all 0.15s linear;
  transition: all 0.15s linear;
  content: "";
  position: absolute;
  inset: 0;
  background: rgba(235, 99, 84, 0.6);
  pointer-events: none;
  opacity: 0;
}

.view.loesungen .view-content .tns-outer a.card:hover > figure.image:after, .view.loesungen .view-content .tns-outer a.card:hover .views-field-field-image:after, .view.loesungen .view-content .tns-outer a.card:hover .views-field-logo:after,
.view.loesungen .view-content .tns-outer a.card:hover .field_media_image figure.image:after, .view.loesungen .view-content .tns-outer a.card:focus > figure.image:after, .view.loesungen .view-content .tns-outer a.card:focus .views-field-field-image:after, .view.loesungen .view-content .tns-outer a.card:focus .views-field-logo:after,
.view.loesungen .view-content .tns-outer a.card:focus .field_media_image figure.image:after, .view.loesungen .view-content .tns-outer a.card:active > figure.image:after, .view.loesungen .view-content .tns-outer a.card:active .views-field-field-image:after, .view.loesungen .view-content .tns-outer a.card:active .views-field-logo:after,
.view.loesungen .view-content .tns-outer a.card:active .field_media_image figure.image:after, .view.loesungen .view-content .tns-outer a.card:focus-within > figure.image:after, .view.loesungen .view-content .tns-outer a.card:focus-within .views-field-field-image:after, .view.loesungen .view-content .tns-outer a.card:focus-within .views-field-logo:after,
.view.loesungen .view-content .tns-outer a.card:focus-within .field_media_image figure.image:after {
  opacity: 1;
}

.view.loesungen .view-content .tns-outer a.card h2, .view.loesungen .view-content .tns-outer a.card h3 {
  margin: 0;
}

.view.loesungen .view-content .tns-outer a.card h3 {
  text-transform: none;
}

@media screen and (min-width: 1216px) {
  .view.loesungen .view-content .tns-outer a.card h3 {
    letter-spacing: .025rem;
  }
}

.view.loesungen .view-content .tns-outer a.card ul {
  margin: 0;
  list-style: none;
}

.view.loesungen .view-content .tns-outer a.card ul li {
  list-style: none;
}

.view.loesungen .view-content .tns-outer a.card .views-field div.field-content,
.view.loesungen .view-content .tns-outer a.card .views-field-details .field-content,
.view.loesungen .view-content .tns-outer a.card span.views-label + span {
  word-break: break-word;
}

.view.loesungen .view-content .tns-outer a.card .views-label {
  font-size: 0;
  position: relative;
  display: inline-block;
}

.view.loesungen .view-content .tns-outer a.card .views-label:before {
  content: "";
  display: block;
  position: absolute;
  left: 0;
  top: -6px;
  width: 36px;
  height: 36px;
  border-radius: 100%;
  background: #ff75cc url(../assets/img/sprite_fcp.svg) no-repeat 5px -695px;
}

.view.loesungen .view-content .tns-outer a.card.image {
  min-height: 300px;
  display: grid;
  grid-template-columns: 1fr;
  grid-template-rows: 1fr auto;
  grid-template-rows: auto auto 1fr auto;
  grid-column-gap: 0px;
  grid-row-gap: 0px;
}

.view.loesungen .view-content .tns-outer a.card.image figure img {
  margin: 0;
  padding: 0;
  height: 250px;
  width: 100%;
  object-fit: cover;
  object-position: center center;
  border-radius: 20px 20px 0 0;
}

@media screen and (max-width: 768px) {
  .view.loesungen .view-content .tns-outer a.card.image figure img {
    height: 150px;
  }
}

.view.loesungen .view-content .tns-outer a.card.small {
  grid-template-columns: 1fr;
  grid-template-rows: repeat(2, 1fr);
  grid-template-rows: auto 1fr;
  border: 0 none;
  min-height: 150px;
  margin-bottom: 1rem;
}

@media screen and (min-width: 769px) {
  .view.loesungen .view-content .tns-outer a.card.small {
    min-height: 200px;
  }
}

@media screen and (min-width: 1024px) {
  .view.loesungen .view-content .tns-outer a.card.small {
    min-height: 300px;
  }
}

.view.loesungen .view-content .tns-outer a.card {
  grid-template-rows: minmax(200px, auto) 1fr;
  grid-template-rows: auto auto 1fr;
  background: #edebe6;
  padding-bottom: 2rem;
  height: 100%;
  min-height: 400px;
}

.view.loesungen .view-content .tns-outer a.card > * {
  text-transform: unset;
}

.view.loesungen .view-content .tns-outer a.card::after {
  -webkit-transition: all 0.15s linear;
  -moz-transition: all 0.15s linear;
  -ms-transition: all 0.15s linear;
  -o-transition: all 0.15s linear;
  transition: all 0.15s linear;
  display: block;
  content: "";
  display: block;
  position: absolute;
  height: 30px;
  width: 60px;
  background: url(../assets/img/sprite_fcp.svg) no-repeat 0 -1200px;
  right: 10px;
  bottom: 10px;
  filter: brightness(0.1);
}

.view.loesungen .view-content .tns-outer a.card:hover, .view.loesungen .view-content .tns-outer a.card:focus, .view.loesungen .view-content .tns-outer a.card:active, .view.loesungen .view-content .tns-outer a.card:focus-within {
  background: #EC6456;
  outline: unset;
}

.view.loesungen .view-content .tns-outer a.card:hover *, .view.loesungen .view-content .tns-outer a.card:focus *, .view.loesungen .view-content .tns-outer a.card:active *, .view.loesungen .view-content .tns-outer a.card:focus-within * {
  color: #fff;
}

.view.loesungen .view-content .tns-outer a.card:hover::after, .view.loesungen .view-content .tns-outer a.card:focus::after, .view.loesungen .view-content .tns-outer a.card:active::after, .view.loesungen .view-content .tns-outer a.card:focus-within::after {
  filter: brightness(1);
}

.view.loesungen .view-content .tns-outer a.card div.views-field {
  padding: 0 1.5rem;
  margin-bottom: .5rem;
}

.view.loesungen .view-content .tns-outer a.card h3 {
  text-transform: unset;
}

.view.loesungen .view-content .tns-outer a.card figure {
  margin-bottom: .5rem;
}

.view.loesungen .view-content .tns-outer a.card figure img {
  height: 150px;
  width: 100%;
  object-fit: cover;
}

@media screen and (min-width: 1024px) {
  .view.loesungen .view-content .tns-outer a.card figure img {
    height: 150px;
    width: 100%;
  }
}

.view.loesungen .view-content .tns-outer {
  margin: 3rem 0 0;
  position: relative;
}

.view.loesungen .view-content .tns-ovh {
  position: relative;
}

.view.loesungen .view-content .tns-controls {
  position: relative;
  margin: 2rem 0 0;
  width: 100%;
  position: absolute;
  margin: 0;
  left: 0;
  top: -2rem;
  height: 40px;
}

.view.loesungen .view-content .tns-controls button {
  position: absolute;
  background: transparent;
  padding: 0;
  top: 50%;
  left: 0;
  transform: translate(0, -120%);
  height: 20px;
  font-size: 0;
}

.view.loesungen .view-content .tns-controls button:hover, .view.loesungen .view-content .tns-controls button:focus, .view.loesungen .view-content .tns-controls button:active, .view.loesungen .view-content .tns-controls button:focus {
  background-size: 0 0;
  box-shadow: unset;
}

.view.loesungen .view-content .tns-controls button:hover:before, .view.loesungen .view-content .tns-controls button:focus:before, .view.loesungen .view-content .tns-controls button:active:before, .view.loesungen .view-content .tns-controls button:focus:before {
  opacity: 1;
}

.view.loesungen .view-content .tns-controls button:last-child {
  right: 0;
  left: auto;
}

.view.loesungen .view-content .tns-controls button:after {
  display: none;
}

.view.loesungen .view-content .tns-controls button:before {
  -webkit-transition: all 0.25s linear;
  -moz-transition: all 0.25s linear;
  -ms-transition: all 0.25s linear;
  -o-transition: all 0.25s linear;
  transition: all 0.25s linear;
  display: inline-block;
  content: "";
  position: absolute;
  right: 10px;
  top: 8px;
  top: auto;
  bottom: -4px;
  width: 40px;
  height: 20px;
  opacity: .85;
  background: transparent url(../assets/img/sprite_fcp.svg) no-repeat 8px -250px;
  animation: none;
  border: unset;
  border-radius: unset;
  clip-path: none;
}

.view.loesungen .view-content .tns-controls button:last-child:before {
  right: 0;
  left: auto;
  background-position: 0px -350px;
}

.view.loesungen .view-content .tns-controls button:hover:before, .view.loesungen .view-content .tns-controls button:focus:before, .view.loesungen .view-content .tns-controls button:active:before, .view.loesungen .view-content .tns-controls button:focus:before {
  background-position-x: 0px;
}

.view.loesungen .view-content .tns-controls button:last-child:hover:before, .view.loesungen .view-content .tns-controls button:last-child:focus:before, .view.loesungen .view-content .tns-controls button:last-child:active:before, .view.loesungen .view-content .tns-controls button:last-child:focus:before {
  background-position-x: 8px;
}

.view.loesungen .view-content > div {
  /* views row */
}

.view.loesungen .view-content > div > div {
  padding: 0;
  display: block;
  margin: 0 0 .5rem;
}

.view.loesungen .view-content h2 {
  margin-bottom: 1rem;
}

.view.loesungen .view-content ul {
  padding: 0;
  margin-top: 0;
}

.view.loesungen .view-content .field--name-field-media-image {
  text-align: left;
}

.view.loesungen .view-content .field--name-field-media-image figure {
  text-align: left;
}

.view.loesungen .view-content .field--name-field-media-image figure img {
  margin: 0 auto;
  float: none;
  width: auto;
  height: auto;
  max-height: 250px;
  margin-bottom: 0;
}

.view.loesungen .view-content .item-list > h3 h3 {
  padding: 0;
  margin: 0;
}

.view.loesungen .view-content .views-field-body {
  font-size: 0.75rem;
}

.view.loesungen .view-content .views-field-title h3 {
  word-wrap: break-word;
}

body.page-node-type-loesung {
  /* title and subtitle */
  /* articlecontent */
}

body.page-node-type-loesung div.hero-image img {
  object-fit: cover;
  object-position: center;
}

body.page-node-type-loesung .headerBackgroundLinearGradient {
  position: absolute;
  inset: 0;
  z-index: 2;
  pointer-events: none;
  /* optional */
  overflow: hidden;
  width: 100%;
  height: 100%;
  background: transparent url(../assets/img/svgs/overlay2lines.svg) no-repeat;
  background-size: unset;
  background-position: center;
}

@media screen and (min-width: 1024px) {
  body.page-node-type-loesung .headerBackgroundLinearGradient {
    background-size: cover;
  }
}

body.page-node-type-loesung div.hero-body .columns {
  position: relative;
}

body.page-node-type-loesung .main.container .field_subtitel {
  color: #EC6456;
  font-weight: 700;
  line-height: 1.3;
  font-size: 1.5rem;
  font-size: 2rem;
  max-width: 700px;
  /* Erlaubt Umbruch an Leerzeichen */
  overflow-wrap: break-word;
  word-wrap: break-word;
  /* Aktiviert Silbentrennung für SEHR lange Worte */
  hyphens: auto;
  -webkit-hyphens: auto;
  -ms-hyphens: auto;
}

@media screen and (min-width: 600px) {
  body.page-node-type-loesung .main.container .field_subtitel {
    font-size: 2rem;
  }
}

@media screen and (min-width: 769px) {
  body.page-node-type-loesung .main.container .field_subtitel {
    font-size: 2rem;
  }
}

@media screen and (min-width: 1024px) {
  body.page-node-type-loesung .main.container .field_subtitel {
    font-size: 2.25rem;
  }
}

@media screen and (min-width: 600px) {
  body.page-node-type-loesung .main.container .field_subtitel {
    font-size: 2rem;
  }
}

@media screen and (min-width: 769px) {
  body.page-node-type-loesung .main.container .field_subtitel {
    font-size: 2.75rem;
  }
}

@media screen and (min-width: 1024px) {
  body.page-node-type-loesung .main.container .field_subtitel {
    font-size: 3rem;
  }
}

body.page-node-type-loesung .main.container .field--name-field-subtitel {
  max-width: unset;
  margin-top: 1rem;
}

body.page-node-type-loesung .articlecontent .field_section > .field:first-child .paragraph h2 {
  /*
    &:after { 
                left: 20px;
                top: 15px;  
 
            @include from($mobile)  {      top: 20px;    }
            @include from($tablet)  { 
                top: 20px;
                left: 20px;
            }

            @include from($desktop)  {   top: 22px;     }
    }
*/
}

body.page-node-type-loesung .articlecontent {
  display: block;
}

body.page-node-type-loesung .articlecontent .field--name-body,
body.page-node-type-loesung .articlecontent .field--name-field-introtext,
body.page-node-type-loesung .articlecontent .field--name-field-link {
  margin-bottom: 4rem;
}

body.page-node-type-loesung .articlecontent.field_section {
  padding-left: unset;
}

body.page-node-type-loesung .articlecontent .field_leistungen {
  margin-top: 8rem;
}

body.page-node-type-loesung .articlecontent .paragraph {
  display: block;
  column-gap: unset;
  row-gap: unset;
  max-width: unset;
  width: unset;
}

body.page-node-type-loesung .articlecontent .paragraph > .container {
  display: block;
  padding: 0;
}

@media screen and (min-width: 769px) {
  body.page-node-type-loesung .articlecontent .paragraph .zitatinfos {
    grid-area: 2 / 2 / 4 / 3;
  }
}

body.page-node-type-loesung .articlecontent .field--name-field-section > .paragraph:before {
  display: none;
}

body.page-node-type-loesung .articlecontent .field_section .field:nth-child(2) .paragraph > .container > div.leftcol {
  flex: 0 1 25%;
  padding: 0;
}

body.page-node-type-loesung .articlecontent .field_section .aktuelle-insights,
body.page-node-type-loesung .articlecontent .field_section .latest-insights {
  padding-bottom: 0;
}

body.page-node-type-loesung .articlecontent .field_leistungen > .label {
  color: #151515;
  margin-bottom: 1.5rem;
  line-height: 1.4;
  font-weight: 700;
  letter-spacing: 1px;
  font-size: 1.5rem;
  position: relative;
}

@media screen and (min-width: 600px) {
  body.page-node-type-loesung .articlecontent .field_leistungen > .label {
    font-size: 2rem;
  }
}

@media screen and (min-width: 769px) {
  body.page-node-type-loesung .articlecontent .field_leistungen > .label {
    font-size: 1.75rem;
  }
}

@media screen and (min-width: 1024px) {
  body.page-node-type-loesung .articlecontent .field_leistungen > .label {
    font-size: 2rem;
  }
}

body.page-node-type-loesung .articlecontent .field_leistungen > .label::after {
  display: block;
  content: "";
  position: absolute;
  width: 4000px;
  height: 8px;
  border-radius: 0;
  border: 0 none;
  background: #151515;
  display: block;
  margin: 0 0 0 -4032px;
  left: 60px;
  top: 46px;
  left: 20px;
  top: 15px;
}

@media screen and (min-width: 600px) {
  body.page-node-type-loesung .articlecontent .field_leistungen > .label::after {
    height: 10px;
    top: 20px;
  }
}

@media screen and (min-width: 1024px) {
  body.page-node-type-loesung .articlecontent .field_leistungen > .label::after {
    top: 37px;
    top: 22px;
    left: auto;
  }
}

@media screen and (max-width: 768px) {
  body.page-node-type-loesung .articlecontent .field_leistungen > .label::after {
    display: none;
  }
}

body.page-node-type-loesung .articlecontent .field_leistungen .field_leistungen-fields {
  margin-bottom: 4rem;
  position: relative;
  display: grid;
  grid-template-rows: auto;
  align-items: end;
  gap: 3rem;
  grid-template-columns: repeat(1, 1fr);
}

@media screen and (min-width: 600px) {
  body.page-node-type-loesung .articlecontent .field_leistungen .field_leistungen-fields {
    grid-template-columns: repeat(2, 1fr);
  }
}

@media screen and (min-width: 1024px) {
  body.page-node-type-loesung .articlecontent .field_leistungen .field_leistungen-fields {
    grid-template-columns: repeat(3, 1fr);
  }
}

@media screen and (min-width: 1216px) {
  body.page-node-type-loesung .articlecontent .field_leistungen .field_leistungen-fields {
    grid-template-columns: repeat(4, 1fr);
  }
}

body.page-node-type-loesung .articlecontent .field_leistungen .field_leistungen-fields .field {
  margin: 0;
}

body.page-node-type-loesung .articlecontent .field_leistungen .field_leistungen-fields h3 {
  margin: 0;
  text-align: center;
}

body.page-node-type-loesung .articlecontent .field_leistungen .field_leistungen-fields .term-icon figure.image img {
  height: 100px;
  margin: 0;
  object-fit: contain;
}

body.page-node-type-loesung .articlecontent .field_leistungen .field_leistungen-fields > .field {
  position: relative;
  height: 100%;
}

body.page-node-type-loesung .articlecontent .field_leistungen .field_leistungen-fields a.card,
body.page-node-type-loesung .articlecontent .field_leistungen .field_leistungen-fields a.contextual-region {
  background: #edebe6;
  padding: 1rem;
  display: block;
  height: 100%;
  box-shadow: unset;
  display: grid;
  grid-template-rows: 110px auto 1fr;
  align-items: end;
  text-align: center;
  color: #151515;
}

body.page-node-type-loesung .articlecontent .field_leistungen .field_leistungen-fields a.card:hover, body.page-node-type-loesung .articlecontent .field_leistungen .field_leistungen-fields a.card:focus, body.page-node-type-loesung .articlecontent .field_leistungen .field_leistungen-fields a.card:active, body.page-node-type-loesung .articlecontent .field_leistungen .field_leistungen-fields a.card:focus-within,
body.page-node-type-loesung .articlecontent .field_leistungen .field_leistungen-fields a.contextual-region:hover,
body.page-node-type-loesung .articlecontent .field_leistungen .field_leistungen-fields a.contextual-region:focus,
body.page-node-type-loesung .articlecontent .field_leistungen .field_leistungen-fields a.contextual-region:active,
body.page-node-type-loesung .articlecontent .field_leistungen .field_leistungen-fields a.contextual-region:focus-within {
  background: #EC6456;
}

body.page-node-type-loesung .articlecontent .field_leistungen .field_leistungen-fields a.card:hover *, body.page-node-type-loesung .articlecontent .field_leistungen .field_leistungen-fields a.card:focus *, body.page-node-type-loesung .articlecontent .field_leistungen .field_leistungen-fields a.card:active *, body.page-node-type-loesung .articlecontent .field_leistungen .field_leistungen-fields a.card:focus-within *,
body.page-node-type-loesung .articlecontent .field_leistungen .field_leistungen-fields a.contextual-region:hover *,
body.page-node-type-loesung .articlecontent .field_leistungen .field_leistungen-fields a.contextual-region:focus *,
body.page-node-type-loesung .articlecontent .field_leistungen .field_leistungen-fields a.contextual-region:active *,
body.page-node-type-loesung .articlecontent .field_leistungen .field_leistungen-fields a.contextual-region:focus-within * {
  color: #fff;
}

body.page-node-type-loesung .articlecontent .field_leistungen .field_leistungen-fields a.card:hover img, body.page-node-type-loesung .articlecontent .field_leistungen .field_leistungen-fields a.card:focus img, body.page-node-type-loesung .articlecontent .field_leistungen .field_leistungen-fields a.card:active img, body.page-node-type-loesung .articlecontent .field_leistungen .field_leistungen-fields a.card:focus-within img,
body.page-node-type-loesung .articlecontent .field_leistungen .field_leistungen-fields a.contextual-region:hover img,
body.page-node-type-loesung .articlecontent .field_leistungen .field_leistungen-fields a.contextual-region:focus img,
body.page-node-type-loesung .articlecontent .field_leistungen .field_leistungen-fields a.contextual-region:active img,
body.page-node-type-loesung .articlecontent .field_leistungen .field_leistungen-fields a.contextual-region:focus-within img {
  filter: brightness(3);
}

body.page-node-type-loesung .articlecontent .field_leistungen .field_leistungen-fields a.card:hover:after, body.page-node-type-loesung .articlecontent .field_leistungen .field_leistungen-fields a.card:focus:after, body.page-node-type-loesung .articlecontent .field_leistungen .field_leistungen-fields a.card:active:after, body.page-node-type-loesung .articlecontent .field_leistungen .field_leistungen-fields a.card:focus-within:after,
body.page-node-type-loesung .articlecontent .field_leistungen .field_leistungen-fields a.contextual-region:hover:after,
body.page-node-type-loesung .articlecontent .field_leistungen .field_leistungen-fields a.contextual-region:focus:after,
body.page-node-type-loesung .articlecontent .field_leistungen .field_leistungen-fields a.contextual-region:active:after,
body.page-node-type-loesung .articlecontent .field_leistungen .field_leistungen-fields a.contextual-region:focus-within:after {
  display: none;
}

body.page-node-type-loesung .articlecontent .field_leistungen .field_leistungen-fields .field--name-description {
  font-size: 0.875rem;
  line-height: 1.2;
  margin-top: .5rem;
}

@media screen and (min-width: 769px) {
  body.page-node-type-loesung .articlecontent .field_leistungen .field_leistungen-fields .field--name-description {
    font-size: 1rem;
  }
}

body.page-node-type-loesung .articlecontent .bottom {
  position: relative;
  display: block;
  width: 100%;
}

body.page-node-type-loesung .articlecontent .bottom > div {
  margin-bottom: 0rem;
  padding-top: 4rem;
}

body.page-node-type-loesung .articlecontent .bottom .field_beispiel_projekte .label {
  font-weight: 700;
  color: #151515;
  font-size: 1.5rem;
  margin-bottom: 1rem;
  position: relative;
  position: relative;
  text-transform: uppercase;
}

@media screen and (min-width: 600px) {
  body.page-node-type-loesung .articlecontent .bottom .field_beispiel_projekte .label {
    font-size: 1.5rem;
  }
}

@media screen and (min-width: 769px) {
  body.page-node-type-loesung .articlecontent .bottom .field_beispiel_projekte .label {
    font-size: 1.75rem;
  }
}

@media screen and (min-width: 1024px) {
  body.page-node-type-loesung .articlecontent .bottom .field_beispiel_projekte .label {
    font-size: 2rem;
  }
}

@media screen and (min-width: 769px) {
  body.page-node-type-loesung .articlecontent .bottom .field_beispiel_projekte .label {
    text-transform: unset;
  }
}

@media screen and (min-width: 1024px) {
  body.page-node-type-loesung .articlecontent .bottom .field_beispiel_projekte .label {
    padding-left: 40px;
  }
}

body.page-node-type-loesung .articlecontent .bottom .field_beispiel_projekte .label::after {
  display: block;
  content: "";
  border-radius: 0;
  border: 0 none;
  background: #EC6456;
  display: block;
  position: absolute;
  width: 60px;
  height: 60px;
  background: url(../assets/img/sprite_fcp.svg) no-repeat 0 -820px;
  left: -50px;
  top: -16px;
}

@media screen and (min-width: 600px) {
  body.page-node-type-loesung .articlecontent .bottom .field_beispiel_projekte .label::after {
    top: -9px;
  }
}

@media screen and (min-width: 769px) {
  body.page-node-type-loesung .articlecontent .bottom .field_beispiel_projekte .label::after {
    top: -9px;
    left: -15px;
  }
}

@media screen and (min-width: 1024px) {
  body.page-node-type-loesung .articlecontent .bottom .field_beispiel_projekte .label::after {
    top: -5px;
    left: -15px;
  }
}

@media screen and (max-width: 768px) {
  body.page-node-type-loesung .articlecontent .bottom .field_beispiel_projekte .label::after {
    transform: scale(0.5);
    top: -9px;
    display: none;
  }
}

@media screen and (max-width: 599px) {
  body.page-node-type-loesung .articlecontent .bottom .field_beispiel_projekte .label::after {
    top: -12px;
  }
}

body.page-node-type-loesung .articlecontent .bottom .field_beispiel_projekte .label:after {
  top: 0px;
}

@media screen and (max-width: 1023px) {
  body.page-node-type-loesung .articlecontent .bottom .field_beispiel_projekte .label:after {
    display: none;
  }
}

body.page-node-type-loesung .articlecontent .bottom .field_beispiel_projekte .field_beispiel_projekte-fields {
  display: grid;
  grid-template-columns: repeat(1, 1fr);
  grid-template-rows: repeat(1, 1fr);
  grid-auto-flow: row;
  gap: 2rem;
  align-items: start;
}

@media screen and (min-width: 769px) {
  body.page-node-type-loesung .articlecontent .bottom .field_beispiel_projekte .field_beispiel_projekte-fields {
    grid-template-columns: repeat(2, 1fr);
  }
}

@media screen and (min-width: 1024px) {
  body.page-node-type-loesung .articlecontent .bottom .field_beispiel_projekte .field_beispiel_projekte-fields {
    grid-template-columns: repeat(3, 1fr);
  }
  body.page-node-type-loesung .articlecontent .bottom .field_beispiel_projekte .field_beispiel_projekte-fields > div:last-child {
    display: none;
  }
}

@media screen and (min-width: 1216px) {
  body.page-node-type-loesung .articlecontent .bottom .field_beispiel_projekte .field_beispiel_projekte-fields {
    grid-template-columns: repeat(4, 1fr);
  }
  body.page-node-type-loesung .articlecontent .bottom .field_beispiel_projekte .field_beispiel_projekte-fields > div:last-child {
    display: block;
  }
}

body.page-node-type-loesung .articlecontent .bottom .field_beispiel_projekte .field_beispiel_projekte-fields a.card {
  display: block;
  background: #fff;
  height: 100%;
  width: 100%;
  box-shadow: unset;
  /*
      box-shadow: 2px 2px 4px $grey;
*/
  /* from Mixin above */
  /* ++++++++++++++++++++++++++++++++   */
  /* ++++++++++++++++++++++++++++++++   */
}

@media screen and (min-width: 769px) {
  body.page-node-type-loesung .articlecontent .bottom .field_beispiel_projekte .field_beispiel_projekte-fields a.card {
    display: grid;
    grid-template-columns: 1fr;
    grid-template-rows: 10px auto auto 1fr;
    grid-template-rows: 200px auto;
    grid-template-rows: auto auto;
    grid-template-rows: minmax(200px, auto) 1fr;
    grid-column-gap: 0px;
    grid-row-gap: 0px;
  }
}

body.page-node-type-loesung .articlecontent .bottom .field_beispiel_projekte .field_beispiel_projekte-fields a.card * {
  -webkit-transition: all 0.15s linear;
  -moz-transition: all 0.15s linear;
  -ms-transition: all 0.15s linear;
  -o-transition: all 0.15s linear;
  transition: all 0.15s linear;
  padding: 0;
  margin: 0;
  color: #151515;
}

body.page-node-type-loesung .articlecontent .bottom .field_beispiel_projekte .field_beispiel_projekte-fields a.card > * {
  padding: 0 2rem;
  padding: 0;
  margin: 0;
  color: #151515;
}

body.page-node-type-loesung .articlecontent .bottom .field_beispiel_projekte .field_beispiel_projekte-fields a.card:hover, body.page-node-type-loesung .articlecontent .bottom .field_beispiel_projekte .field_beispiel_projekte-fields a.card:focus, body.page-node-type-loesung .articlecontent .bottom .field_beispiel_projekte .field_beispiel_projekte-fields a.card:active, body.page-node-type-loesung .articlecontent .bottom .field_beispiel_projekte .field_beispiel_projekte-fields a.card:focus-within {
  color: #EC6456;
}

body.page-node-type-loesung .articlecontent .bottom .field_beispiel_projekte .field_beispiel_projekte-fields a.card:hover *, body.page-node-type-loesung .articlecontent .bottom .field_beispiel_projekte .field_beispiel_projekte-fields a.card:focus *, body.page-node-type-loesung .articlecontent .bottom .field_beispiel_projekte .field_beispiel_projekte-fields a.card:active *, body.page-node-type-loesung .articlecontent .bottom .field_beispiel_projekte .field_beispiel_projekte-fields a.card:focus-within * {
  color: #EC6456;
}

body.page-node-type-loesung .articlecontent .bottom .field_beispiel_projekte .field_beispiel_projekte-fields a.card:hover:after, body.page-node-type-loesung .articlecontent .bottom .field_beispiel_projekte .field_beispiel_projekte-fields a.card:focus:after, body.page-node-type-loesung .articlecontent .bottom .field_beispiel_projekte .field_beispiel_projekte-fields a.card:active:after, body.page-node-type-loesung .articlecontent .bottom .field_beispiel_projekte .field_beispiel_projekte-fields a.card:focus-within:after {
  display: none;
}

body.page-node-type-loesung .articlecontent .bottom .field_beispiel_projekte .field_beispiel_projekte-fields a.card.projekt .small, body.page-node-type-loesung .articlecontent .bottom .field_beispiel_projekte .field_beispiel_projekte-fields a.card.news .small, body.page-node-type-loesung .articlecontent .bottom .field_beispiel_projekte .field_beispiel_projekte-fields a.card.kompetenzen .small {
  text-transform: uppercase;
}

body.page-node-type-loesung .articlecontent .bottom .field_beispiel_projekte .field_beispiel_projekte-fields a.card > figure.image,
body.page-node-type-loesung .articlecontent .bottom .field_beispiel_projekte .field_beispiel_projekte-fields a.card .field_media_image figure.image,
body.page-node-type-loesung .articlecontent .bottom .field_beispiel_projekte .field_beispiel_projekte-fields a.card div.field--name-field-mehr-bilder figure.image,
body.page-node-type-loesung .articlecontent .bottom .field_beispiel_projekte .field_beispiel_projekte-fields a.card .views-field-field-image, body.page-node-type-loesung .articlecontent .bottom .field_beispiel_projekte .field_beispiel_projekte-fields a.card .views-field-logo {
  /* passt sich genau der Bildgröße an */
  position: relative;
  /* nötig für ::after */
  padding: 0;
  /* Standard-Padding entfernen */
  line-height: 0;
  /* verhindert zusätzlichen Platz unter img */
  margin-bottom: .5rem;
}

@media screen and (min-width: 769px) {
  body.page-node-type-loesung .articlecontent .bottom .field_beispiel_projekte .field_beispiel_projekte-fields a.card > figure.image,
  body.page-node-type-loesung .articlecontent .bottom .field_beispiel_projekte .field_beispiel_projekte-fields a.card .field_media_image figure.image,
  body.page-node-type-loesung .articlecontent .bottom .field_beispiel_projekte .field_beispiel_projekte-fields a.card div.field--name-field-mehr-bilder figure.image,
  body.page-node-type-loesung .articlecontent .bottom .field_beispiel_projekte .field_beispiel_projekte-fields a.card .views-field-field-image, body.page-node-type-loesung .articlecontent .bottom .field_beispiel_projekte .field_beispiel_projekte-fields a.card .views-field-logo {
    display: inline-block;
  }
}

body.page-node-type-loesung .articlecontent .bottom .field_beispiel_projekte .field_beispiel_projekte-fields a.card > figure.image:after,
body.page-node-type-loesung .articlecontent .bottom .field_beispiel_projekte .field_beispiel_projekte-fields a.card .field_media_image figure.image:after,
body.page-node-type-loesung .articlecontent .bottom .field_beispiel_projekte .field_beispiel_projekte-fields a.card div.field--name-field-mehr-bilder figure.image:after,
body.page-node-type-loesung .articlecontent .bottom .field_beispiel_projekte .field_beispiel_projekte-fields a.card .views-field-field-image:after, body.page-node-type-loesung .articlecontent .bottom .field_beispiel_projekte .field_beispiel_projekte-fields a.card .views-field-logo:after {
  -webkit-transition: all 0.15s linear;
  -moz-transition: all 0.15s linear;
  -ms-transition: all 0.15s linear;
  -o-transition: all 0.15s linear;
  transition: all 0.15s linear;
  content: "";
  position: absolute;
  inset: 0;
  background: rgba(235, 99, 84, 0.6);
  pointer-events: none;
  opacity: 0;
}

body.page-node-type-loesung .articlecontent .bottom .field_beispiel_projekte .field_beispiel_projekte-fields a.card:hover > figure.image:after, body.page-node-type-loesung .articlecontent .bottom .field_beispiel_projekte .field_beispiel_projekte-fields a.card:hover .views-field-field-image:after, body.page-node-type-loesung .articlecontent .bottom .field_beispiel_projekte .field_beispiel_projekte-fields a.card:hover .views-field-logo:after,
body.page-node-type-loesung .articlecontent .bottom .field_beispiel_projekte .field_beispiel_projekte-fields a.card:hover .field_media_image figure.image:after, body.page-node-type-loesung .articlecontent .bottom .field_beispiel_projekte .field_beispiel_projekte-fields a.card:focus > figure.image:after, body.page-node-type-loesung .articlecontent .bottom .field_beispiel_projekte .field_beispiel_projekte-fields a.card:focus .views-field-field-image:after, body.page-node-type-loesung .articlecontent .bottom .field_beispiel_projekte .field_beispiel_projekte-fields a.card:focus .views-field-logo:after,
body.page-node-type-loesung .articlecontent .bottom .field_beispiel_projekte .field_beispiel_projekte-fields a.card:focus .field_media_image figure.image:after, body.page-node-type-loesung .articlecontent .bottom .field_beispiel_projekte .field_beispiel_projekte-fields a.card:active > figure.image:after, body.page-node-type-loesung .articlecontent .bottom .field_beispiel_projekte .field_beispiel_projekte-fields a.card:active .views-field-field-image:after, body.page-node-type-loesung .articlecontent .bottom .field_beispiel_projekte .field_beispiel_projekte-fields a.card:active .views-field-logo:after,
body.page-node-type-loesung .articlecontent .bottom .field_beispiel_projekte .field_beispiel_projekte-fields a.card:active .field_media_image figure.image:after, body.page-node-type-loesung .articlecontent .bottom .field_beispiel_projekte .field_beispiel_projekte-fields a.card:focus-within > figure.image:after, body.page-node-type-loesung .articlecontent .bottom .field_beispiel_projekte .field_beispiel_projekte-fields a.card:focus-within .views-field-field-image:after, body.page-node-type-loesung .articlecontent .bottom .field_beispiel_projekte .field_beispiel_projekte-fields a.card:focus-within .views-field-logo:after,
body.page-node-type-loesung .articlecontent .bottom .field_beispiel_projekte .field_beispiel_projekte-fields a.card:focus-within .field_media_image figure.image:after {
  opacity: 1;
}

body.page-node-type-loesung .articlecontent .bottom .field_beispiel_projekte .field_beispiel_projekte-fields a.card h2, body.page-node-type-loesung .articlecontent .bottom .field_beispiel_projekte .field_beispiel_projekte-fields a.card h3 {
  margin: 0;
}

body.page-node-type-loesung .articlecontent .bottom .field_beispiel_projekte .field_beispiel_projekte-fields a.card h3 {
  text-transform: none;
}

@media screen and (min-width: 1216px) {
  body.page-node-type-loesung .articlecontent .bottom .field_beispiel_projekte .field_beispiel_projekte-fields a.card h3 {
    letter-spacing: .025rem;
  }
}

body.page-node-type-loesung .articlecontent .bottom .field_beispiel_projekte .field_beispiel_projekte-fields a.card ul {
  margin: 0;
  list-style: none;
}

body.page-node-type-loesung .articlecontent .bottom .field_beispiel_projekte .field_beispiel_projekte-fields a.card ul li {
  list-style: none;
}

body.page-node-type-loesung .articlecontent .bottom .field_beispiel_projekte .field_beispiel_projekte-fields a.card .views-field div.field-content,
body.page-node-type-loesung .articlecontent .bottom .field_beispiel_projekte .field_beispiel_projekte-fields a.card .views-field-details .field-content,
body.page-node-type-loesung .articlecontent .bottom .field_beispiel_projekte .field_beispiel_projekte-fields a.card span.views-label + span {
  word-break: break-word;
}

body.page-node-type-loesung .articlecontent .bottom .field_beispiel_projekte .field_beispiel_projekte-fields a.card .views-label {
  font-size: 0;
  position: relative;
  display: inline-block;
}

body.page-node-type-loesung .articlecontent .bottom .field_beispiel_projekte .field_beispiel_projekte-fields a.card .views-label:before {
  content: "";
  display: block;
  position: absolute;
  left: 0;
  top: -6px;
  width: 36px;
  height: 36px;
  border-radius: 100%;
  background: #ff75cc url(../assets/img/sprite_fcp.svg) no-repeat 5px -695px;
}

body.page-node-type-loesung .articlecontent .bottom .field_beispiel_projekte .field_beispiel_projekte-fields a.card.image {
  min-height: 300px;
  display: grid;
  grid-template-columns: 1fr;
  grid-template-rows: 1fr auto;
  grid-template-rows: auto auto 1fr auto;
  grid-column-gap: 0px;
  grid-row-gap: 0px;
}

body.page-node-type-loesung .articlecontent .bottom .field_beispiel_projekte .field_beispiel_projekte-fields a.card.image figure img {
  margin: 0;
  padding: 0;
  height: 250px;
  width: 100%;
  object-fit: cover;
  object-position: center center;
  border-radius: 20px 20px 0 0;
}

@media screen and (max-width: 768px) {
  body.page-node-type-loesung .articlecontent .bottom .field_beispiel_projekte .field_beispiel_projekte-fields a.card.image figure img {
    height: 150px;
  }
}

body.page-node-type-loesung .articlecontent .bottom .field_beispiel_projekte .field_beispiel_projekte-fields a.card.small {
  grid-template-columns: 1fr;
  grid-template-rows: repeat(2, 1fr);
  grid-template-rows: auto 1fr;
  border: 0 none;
  min-height: 150px;
  margin-bottom: 1rem;
}

@media screen and (min-width: 769px) {
  body.page-node-type-loesung .articlecontent .bottom .field_beispiel_projekte .field_beispiel_projekte-fields a.card.small {
    min-height: 200px;
  }
}

@media screen and (min-width: 1024px) {
  body.page-node-type-loesung .articlecontent .bottom .field_beispiel_projekte .field_beispiel_projekte-fields a.card.small {
    min-height: 300px;
  }
}

body.page-node-type-loesung .articlecontent .bottom .field_beispiel_projekte .field_beispiel_projekte-fields a.card .image img {
  max-height: 200px;
}

/* body */
body.is-path-taxonomy main .view.field_projekte_dazu .view-content {
  align-items: unset;
  /* views row */
}

body.is-path-taxonomy main .view.field_projekte_dazu .view-content a.card {
  display: block;
  background: #fff;
  height: 100%;
  width: 100%;
  box-shadow: unset;
  /*
      box-shadow: 2px 2px 4px $grey;
*/
  /* from Mixin above */
  /* ++++++++++++++++++++++++++++++++   */
  /* ++++++++++++++++++++++++++++++++   */
}

@media screen and (min-width: 769px) {
  body.is-path-taxonomy main .view.field_projekte_dazu .view-content a.card {
    display: grid;
    grid-template-columns: 1fr;
    grid-template-rows: 10px auto auto 1fr;
    grid-template-rows: 200px auto;
    grid-template-rows: auto auto;
    grid-template-rows: minmax(200px, auto) 1fr;
    grid-column-gap: 0px;
    grid-row-gap: 0px;
  }
}

body.is-path-taxonomy main .view.field_projekte_dazu .view-content a.card * {
  -webkit-transition: all 0.15s linear;
  -moz-transition: all 0.15s linear;
  -ms-transition: all 0.15s linear;
  -o-transition: all 0.15s linear;
  transition: all 0.15s linear;
  padding: 0;
  margin: 0;
  color: #151515;
}

body.is-path-taxonomy main .view.field_projekte_dazu .view-content a.card > * {
  padding: 0 2rem;
  padding: 0;
  margin: 0;
  color: #151515;
}

body.is-path-taxonomy main .view.field_projekte_dazu .view-content a.card:hover, body.is-path-taxonomy main .view.field_projekte_dazu .view-content a.card:focus, body.is-path-taxonomy main .view.field_projekte_dazu .view-content a.card:active, body.is-path-taxonomy main .view.field_projekte_dazu .view-content a.card:focus-within {
  color: #EC6456;
}

body.is-path-taxonomy main .view.field_projekte_dazu .view-content a.card:hover *, body.is-path-taxonomy main .view.field_projekte_dazu .view-content a.card:focus *, body.is-path-taxonomy main .view.field_projekte_dazu .view-content a.card:active *, body.is-path-taxonomy main .view.field_projekte_dazu .view-content a.card:focus-within * {
  color: #EC6456;
}

body.is-path-taxonomy main .view.field_projekte_dazu .view-content a.card:hover:after, body.is-path-taxonomy main .view.field_projekte_dazu .view-content a.card:focus:after, body.is-path-taxonomy main .view.field_projekte_dazu .view-content a.card:active:after, body.is-path-taxonomy main .view.field_projekte_dazu .view-content a.card:focus-within:after {
  display: none;
}

body.is-path-taxonomy main .view.field_projekte_dazu .view-content a.card.projekt .small, body.is-path-taxonomy main .view.field_projekte_dazu .view-content a.card.news .small, body.is-path-taxonomy main .view.field_projekte_dazu .view-content a.card.kompetenzen .small {
  text-transform: uppercase;
}

body.is-path-taxonomy main .view.field_projekte_dazu .view-content a.card > figure.image,
body.is-path-taxonomy main .view.field_projekte_dazu .view-content a.card .field_media_image figure.image,
body.is-path-taxonomy main .view.field_projekte_dazu .view-content a.card div.field--name-field-mehr-bilder figure.image,
body.is-path-taxonomy main .view.field_projekte_dazu .view-content a.card .views-field-field-image, body.is-path-taxonomy main .view.field_projekte_dazu .view-content a.card .views-field-logo {
  /* passt sich genau der Bildgröße an */
  position: relative;
  /* nötig für ::after */
  padding: 0;
  /* Standard-Padding entfernen */
  line-height: 0;
  /* verhindert zusätzlichen Platz unter img */
  margin-bottom: .5rem;
}

@media screen and (min-width: 769px) {
  body.is-path-taxonomy main .view.field_projekte_dazu .view-content a.card > figure.image,
  body.is-path-taxonomy main .view.field_projekte_dazu .view-content a.card .field_media_image figure.image,
  body.is-path-taxonomy main .view.field_projekte_dazu .view-content a.card div.field--name-field-mehr-bilder figure.image,
  body.is-path-taxonomy main .view.field_projekte_dazu .view-content a.card .views-field-field-image, body.is-path-taxonomy main .view.field_projekte_dazu .view-content a.card .views-field-logo {
    display: inline-block;
  }
}

body.is-path-taxonomy main .view.field_projekte_dazu .view-content a.card > figure.image:after,
body.is-path-taxonomy main .view.field_projekte_dazu .view-content a.card .field_media_image figure.image:after,
body.is-path-taxonomy main .view.field_projekte_dazu .view-content a.card div.field--name-field-mehr-bilder figure.image:after,
body.is-path-taxonomy main .view.field_projekte_dazu .view-content a.card .views-field-field-image:after, body.is-path-taxonomy main .view.field_projekte_dazu .view-content a.card .views-field-logo:after {
  -webkit-transition: all 0.15s linear;
  -moz-transition: all 0.15s linear;
  -ms-transition: all 0.15s linear;
  -o-transition: all 0.15s linear;
  transition: all 0.15s linear;
  content: "";
  position: absolute;
  inset: 0;
  background: rgba(235, 99, 84, 0.6);
  pointer-events: none;
  opacity: 0;
}

body.is-path-taxonomy main .view.field_projekte_dazu .view-content a.card:hover > figure.image:after, body.is-path-taxonomy main .view.field_projekte_dazu .view-content a.card:hover .views-field-field-image:after, body.is-path-taxonomy main .view.field_projekte_dazu .view-content a.card:hover .views-field-logo:after,
body.is-path-taxonomy main .view.field_projekte_dazu .view-content a.card:hover .field_media_image figure.image:after, body.is-path-taxonomy main .view.field_projekte_dazu .view-content a.card:focus > figure.image:after, body.is-path-taxonomy main .view.field_projekte_dazu .view-content a.card:focus .views-field-field-image:after, body.is-path-taxonomy main .view.field_projekte_dazu .view-content a.card:focus .views-field-logo:after,
body.is-path-taxonomy main .view.field_projekte_dazu .view-content a.card:focus .field_media_image figure.image:after, body.is-path-taxonomy main .view.field_projekte_dazu .view-content a.card:active > figure.image:after, body.is-path-taxonomy main .view.field_projekte_dazu .view-content a.card:active .views-field-field-image:after, body.is-path-taxonomy main .view.field_projekte_dazu .view-content a.card:active .views-field-logo:after,
body.is-path-taxonomy main .view.field_projekte_dazu .view-content a.card:active .field_media_image figure.image:after, body.is-path-taxonomy main .view.field_projekte_dazu .view-content a.card:focus-within > figure.image:after, body.is-path-taxonomy main .view.field_projekte_dazu .view-content a.card:focus-within .views-field-field-image:after, body.is-path-taxonomy main .view.field_projekte_dazu .view-content a.card:focus-within .views-field-logo:after,
body.is-path-taxonomy main .view.field_projekte_dazu .view-content a.card:focus-within .field_media_image figure.image:after {
  opacity: 1;
}

body.is-path-taxonomy main .view.field_projekte_dazu .view-content a.card h2, body.is-path-taxonomy main .view.field_projekte_dazu .view-content a.card h3 {
  margin: 0;
}

body.is-path-taxonomy main .view.field_projekte_dazu .view-content a.card h3 {
  text-transform: none;
}

@media screen and (min-width: 1216px) {
  body.is-path-taxonomy main .view.field_projekte_dazu .view-content a.card h3 {
    letter-spacing: .025rem;
  }
}

body.is-path-taxonomy main .view.field_projekte_dazu .view-content a.card ul {
  margin: 0;
  list-style: none;
}

body.is-path-taxonomy main .view.field_projekte_dazu .view-content a.card ul li {
  list-style: none;
}

body.is-path-taxonomy main .view.field_projekte_dazu .view-content a.card .views-field div.field-content,
body.is-path-taxonomy main .view.field_projekte_dazu .view-content a.card .views-field-details .field-content,
body.is-path-taxonomy main .view.field_projekte_dazu .view-content a.card span.views-label + span {
  word-break: break-word;
}

body.is-path-taxonomy main .view.field_projekte_dazu .view-content a.card .views-label {
  font-size: 0;
  position: relative;
  display: inline-block;
}

body.is-path-taxonomy main .view.field_projekte_dazu .view-content a.card .views-label:before {
  content: "";
  display: block;
  position: absolute;
  left: 0;
  top: -6px;
  width: 36px;
  height: 36px;
  border-radius: 100%;
  background: #ff75cc url(../assets/img/sprite_fcp.svg) no-repeat 5px -695px;
}

body.is-path-taxonomy main .view.field_projekte_dazu .view-content a.card.image {
  min-height: 300px;
  display: grid;
  grid-template-columns: 1fr;
  grid-template-rows: 1fr auto;
  grid-template-rows: auto auto 1fr auto;
  grid-column-gap: 0px;
  grid-row-gap: 0px;
}

body.is-path-taxonomy main .view.field_projekte_dazu .view-content a.card.image figure img {
  margin: 0;
  padding: 0;
  height: 250px;
  width: 100%;
  object-fit: cover;
  object-position: center center;
  border-radius: 20px 20px 0 0;
}

@media screen and (max-width: 768px) {
  body.is-path-taxonomy main .view.field_projekte_dazu .view-content a.card.image figure img {
    height: 150px;
  }
}

body.is-path-taxonomy main .view.field_projekte_dazu .view-content a.card.small {
  grid-template-columns: 1fr;
  grid-template-rows: repeat(2, 1fr);
  grid-template-rows: auto 1fr;
  border: 0 none;
  min-height: 150px;
  margin-bottom: 1rem;
}

@media screen and (min-width: 769px) {
  body.is-path-taxonomy main .view.field_projekte_dazu .view-content a.card.small {
    min-height: 200px;
  }
}

@media screen and (min-width: 1024px) {
  body.is-path-taxonomy main .view.field_projekte_dazu .view-content a.card.small {
    min-height: 300px;
  }
}

@media screen and (min-width: 1024px) {
  body.is-path-taxonomy main .view.field_projekte_dazu .view-content {
    grid-template-columns: repeat(3, 1fr);
  }
}

body.is-path-taxonomy main .view.field_projekte_dazu .view-content a.card {
  background: 0 0;
  grid-template-rows: auto auto 1fr;
}

body.is-path-taxonomy main .view.field_projekte_dazu .view-content figure.image img {
  margin: 0;
  width: 100%;
  height: 200px;
  object-fit: cover;
  display: block;
}

@media screen and (max-width: 768px) {
  body.is-path-taxonomy main .view.field_projekte_dazu .view-content figure.image img {
    height: 100px;
  }
}

body.page-node-7183 {
  /* view news */
}

body.page-node-7183 .section main .container, body.page-node-7183 .is-path-node .headline .container {
  padding-left: 0;
  width: 100%;
}

body.page-node-7183 .field_section > .field:nth-child(2) {
  /* paragraph */
  /* Das wird dann zu einem Mixin in FCP Mixins */
}

body.page-node-7183 .field_section > .field:nth-child(2) .paragraph.fullwidth {
  padding: 0 0 4rem;
}

body.page-node-7183 .field_section > .field:nth-child(2) .paragraph.fullwidth .container {
  display: block;
}

@media screen and (min-width: 1024px) {
  body.page-node-7183 .field_section > .field:nth-child(2) .paragraph.fullwidth .container {
    padding: 0;
    padding-left: 4rem;
  }
}

@media screen and (min-width: 1216px) {
  body.page-node-7183 .field_section > .field:nth-child(2) .paragraph.fullwidth .container {
    padding-left: 6rem;
  }
}

body.page-node-7183 .field_section > .field:nth-child(2) .paragraph.fullwidth .container h2 {
  font-size: unset;
}

body.page-node-7183 .field_section > .field:nth-child(2) .view.leistungenindex .view-content {
  gap: 0 2rem;
}

body.page-node-7183 .field_section > .field:nth-child(2) .view.leistungenindex .view-content .views-row {
  background: unset;
}

body.page-node-7183 .field_section > .field:nth-child(2) .view.leistungenindex .view-content .views-row a.card {
  display: block;
  padding: 1rem;
  background: unset;
  border-top: 1px solid #ccc;
}

@media screen and (min-width: 769px) {
  body.page-node-7183 .field_section > .field:nth-child(2) .view.leistungenindex .view-content > div:nth-last-child(-n + 2) {
    border-bottom: 1px solid #ccc;
  }
}

@media screen and (min-width: 1024px) {
  body.page-node-7183 .field_section > .field:nth-child(2) .view.leistungenindex .view-content > div:nth-last-child(-n + 7) {
    border-bottom: 1px solid #ccc;
  }
}

body.page-node-7183 .field_section > .field:nth-child(2) .view.leistungenindex .view-content > div.showmore-btn-wrap {
  border: unset;
}

body.page-node-7183 .field_section > .field:nth-child(2) .view.leistungenindex .view-content .ccs {
  font-size: 0.875rem;
  color: #424242;
}

body.page-node-7183 .field_section > .field:nth-child(2) .view.leistungenindex .view-content ul li {
  background: unset;
}

@media screen and (min-width: 769px) {
  body.page-node-7183 .field_section > .field:nth-child(2) .view.leistungenindex .view-content .showmore-btn-wrap {
    grid-column: 1 / 3;
  }
}

@media screen and (min-width: 1024px) {
  body.page-node-7183 .field_section > .field:nth-child(2) .view.leistungenindex .view-content .showmore-btn-wrap {
    grid-column: 1 / 4;
  }
}

@media screen and (min-width: 1216px) {
  body.page-node-7183 .field_section > .field:nth-child(2) .view.leistungenindex .view-content .showmore-btn-wrap {
    grid-column: 1 / 5;
  }
}

body.page-node-7183 .field_section > .field:nth-child(2) .pager-show-more .pager__item a {
  background: 0 0;
  color: #151515;
}

body.page-node-7183 .view.kompetenzen {
  margin-top: 4rem;
  /* details field */
}

@media screen and (min-width: 1216px) {
  body.page-node-7183 .view.kompetenzen {
    max-width: 85%;
  }
}

body.page-node-7183 .view.kompetenzen .view-content {
  gap: 3rem;
}

@media screen and (min-width: 1024px) {
  body.page-node-7183 .view.kompetenzen .view-content {
    grid-template-columns: repeat(2, 1fr);
  }
}

@media screen and (min-width: 769px) {
  body.page-node-7183 .view.kompetenzen .view-content > .views-row:nth-child(2) {
    padding-top: 4rem;
  }
  body.page-node-7183 .view.kompetenzen .view-content > .views-row:nth-child(3) {
    margin-bottom: 4rem;
  }
}

body.page-node-7183 .view.kompetenzen .view-content > .views-row:nth-child(n+5) {
  display: none;
}

@media screen and (min-width: 769px) {
  body.page-node-7183 .view.kompetenzen figure.image img {
    height: 250px;
  }
}

@media screen and (max-width: 768px) {
  body.page-node-7183 .view.kompetenzen figure.image img {
    height: 200px;
  }
}

body.page-node-7183 .view.kompetenzen .views-field-details {
  position: absolute;
  inset: 0;
  z-index: 2;
  background: rgba(0, 0, 0, 0.6);
  padding: 1rem 70px 1rem 2rem;
  border-radius: 0 25px 25px 0;
  position: absolute;
  z-index: 2;
  top: 2rem;
  bottom: auto;
  width: 85%;
}

body.page-node-7183 .view.kompetenzen .views-field-details h3 {
  color: #fff;
  text-align: left;
  font-size: 1rem;
}

@media screen and (min-width: 769px) {
  body.page-node-7183 .view.kompetenzen .views-field-details h3 {
    font-size: 1.5rem;
  }
}

@media screen and (min-width: 1024px) {
  body.page-node-7183 .view.kompetenzen .views-field-details h3 {
    font-size: 1.5rem;
  }
}

@media screen and (min-width: 769px) {
  body.page-node-7183 .view.kompetenzen .views-field-details {
    top: 2rem;
    bottom: auto;
  }
}

@media screen and (min-width: 600px) {
  body.page-node-7183 .view.kompetenzen .views-field-details {
    width: 65%;
  }
}

@media screen and (min-width: 769px) {
  body.page-node-7183 .view.kompetenzen .views-field-details {
    width: 85%;
  }
}

@media screen and (min-width: 1024px) {
  body.page-node-7183 .view.kompetenzen .views-field-details {
    width: 66%;
  }
}

body.page-node-7183 .view.kompetenzen .views-field-details::after {
  display: block;
  content: "";
  background: url(../assets/img/sprite_fcp.svg) no-repeat 0 -1200px;
  width: 60px;
  height: 30px;
  transform: scale(0.66);
  display: block;
  position: absolute;
  bottom: 14px;
  right: 7px;
}

/* body */
body.vocabulary-kompetenzen .bottomofcontent,
body.vocabulary-leistungen .bottomofcontent {
  background: #edebe6;
  /* Das wird dann zu einem Mixin in FCP Mixins */
}

body.vocabulary-kompetenzen .bottomofcontent .view.leistungenindex .view-content,
body.vocabulary-leistungen .bottomofcontent .view.leistungenindex .view-content {
  gap: 0 2rem;
}

body.vocabulary-kompetenzen .bottomofcontent .view.leistungenindex .view-content .views-row,
body.vocabulary-leistungen .bottomofcontent .view.leistungenindex .view-content .views-row {
  background: unset;
}

body.vocabulary-kompetenzen .bottomofcontent .view.leistungenindex .view-content .views-row a.card,
body.vocabulary-leistungen .bottomofcontent .view.leistungenindex .view-content .views-row a.card {
  display: block;
  padding: 1rem;
  background: unset;
  border-top: 1px solid #ccc;
}

@media screen and (min-width: 769px) {
  body.vocabulary-kompetenzen .bottomofcontent .view.leistungenindex .view-content > div:nth-last-child(-n + 2),
  body.vocabulary-leistungen .bottomofcontent .view.leistungenindex .view-content > div:nth-last-child(-n + 2) {
    border-bottom: 1px solid #ccc;
  }
}

@media screen and (min-width: 1024px) {
  body.vocabulary-kompetenzen .bottomofcontent .view.leistungenindex .view-content > div:nth-last-child(-n + 7),
  body.vocabulary-leistungen .bottomofcontent .view.leistungenindex .view-content > div:nth-last-child(-n + 7) {
    border-bottom: 1px solid #ccc;
  }
}

body.vocabulary-kompetenzen .bottomofcontent .view.leistungenindex .view-content > div.showmore-btn-wrap,
body.vocabulary-leistungen .bottomofcontent .view.leistungenindex .view-content > div.showmore-btn-wrap {
  border: unset;
}

body.vocabulary-kompetenzen .bottomofcontent .view.leistungenindex .view-content .ccs,
body.vocabulary-leistungen .bottomofcontent .view.leistungenindex .view-content .ccs {
  font-size: 0.875rem;
  color: #424242;
}

body.vocabulary-kompetenzen .bottomofcontent .view.leistungenindex .view-content ul li,
body.vocabulary-leistungen .bottomofcontent .view.leistungenindex .view-content ul li {
  background: unset;
}

@media screen and (min-width: 769px) {
  body.vocabulary-kompetenzen .bottomofcontent .view.leistungenindex .view-content .showmore-btn-wrap,
  body.vocabulary-leistungen .bottomofcontent .view.leistungenindex .view-content .showmore-btn-wrap {
    grid-column: 1 / 3;
  }
}

@media screen and (min-width: 1024px) {
  body.vocabulary-kompetenzen .bottomofcontent .view.leistungenindex .view-content .showmore-btn-wrap,
  body.vocabulary-leistungen .bottomofcontent .view.leistungenindex .view-content .showmore-btn-wrap {
    grid-column: 1 / 4;
  }
}

@media screen and (min-width: 1216px) {
  body.vocabulary-kompetenzen .bottomofcontent .view.leistungenindex .view-content .showmore-btn-wrap,
  body.vocabulary-leistungen .bottomofcontent .view.leistungenindex .view-content .showmore-btn-wrap {
    grid-column: 1 / 5;
  }
}

body.vocabulary-kompetenzen .bottomofcontent .pager-show-more .pager__item a,
body.vocabulary-leistungen .bottomofcontent .pager-show-more .pager__item a {
  background: 0 0;
  color: #151515;
}

body.vocabulary-kompetenzen .categorytitle,
body.vocabulary-leistungen .categorytitle {
  color: #EC6456;
  color: #424242;
  font-weight: 400;
  text-transform: uppercase;
  letter-spacing: 0;
  font-size: 1rem;
  margin-bottom: 0;
}

@media screen and (min-width: 769px) {
  body.vocabulary-kompetenzen .categorytitle,
  body.vocabulary-leistungen .categorytitle {
    font-size: 1rem;
  }
}

@media screen and (min-width: 1024px) {
  body.vocabulary-kompetenzen .categorytitle,
  body.vocabulary-leistungen .categorytitle {
    font-size: 1rem;
  }
}

body.vocabulary-kompetenzen .categorytitle:after,
body.vocabulary-leistungen .categorytitle:after {
  top: 47px;
  height: 8px;
}

@media screen and (min-width: 600px) {
  body.vocabulary-kompetenzen .categorytitle:after,
  body.vocabulary-leistungen .categorytitle:after {
    top: 48px;
  }
}

@media screen and (min-width: 769px) {
  body.vocabulary-kompetenzen .categorytitle:after,
  body.vocabulary-leistungen .categorytitle:after {
    top: 46px;
    left: 60px;
    height: 10px;
  }
}

@media screen and (min-width: 1024px) {
  body.vocabulary-kompetenzen .categorytitle:after,
  body.vocabulary-leistungen .categorytitle:after {
    top: 22px;
    left: auto;
  }
}

@media screen and (min-width: 1216px) {
  body.vocabulary-kompetenzen .categorytitle:after,
  body.vocabulary-leistungen .categorytitle:after {
    top: 20px;
  }
}

@media screen and (min-width: 1024px) {
  body.vocabulary-kompetenzen .categorytitle:after,
  body.vocabulary-leistungen .categorytitle:after {
    top: 14px;
    left: auto;
  }
}

@media screen and (min-width: 1216px) {
  body.vocabulary-kompetenzen .categorytitle:after,
  body.vocabulary-leistungen .categorytitle:after {
    top: 14px;
  }
}

body.vocabulary-kompetenzen .categorytitle .newsdate,
body.vocabulary-leistungen .categorytitle .newsdate {
  display: inline-block;
  margin-left: .25rem;
}

body.vocabulary-kompetenzen main.container > .block .title:after,
body.vocabulary-leistungen main.container > .block .title:after {
  top: 6px;
}

body.vocabulary-abteilungen .categorytitle {
  display: none;
}

@media screen and (min-width: 1024px) {
  body.page-node-7183 .bottomofcontent .inner,
  body.page-node-7183 .field_section > .field:nth-child(2) .inner,
  body.is-path-taxonomy .bottomofcontent .inner,
  body.is-path-taxonomy .field_section > .field:nth-child(2) .inner {
    padding-left: 5rem;
  }
}

body.page-node-7183 .bottomofcontent .container,
body.page-node-7183 .field_section > .field:nth-child(2) .container,
body.is-path-taxonomy .bottomofcontent .container,
body.is-path-taxonomy .field_section > .field:nth-child(2) .container {
  left: auto;
}

@media screen and (max-width: 1023px) {
  body.page-node-7183 .bottomofcontent .container,
  body.page-node-7183 .field_section > .field:nth-child(2) .container,
  body.is-path-taxonomy .bottomofcontent .container,
  body.is-path-taxonomy .field_section > .field:nth-child(2) .container {
    padding: 0 2rem;
  }
}

body.page-node-7183 .bottomofcontent .container > h2,
body.page-node-7183 .bottomofcontent .inner > div > h2,
body.page-node-7183 .field_section > .field:nth-child(2) .container > h2,
body.page-node-7183 .field_section > .field:nth-child(2) .inner > div > h2,
body.is-path-taxonomy .bottomofcontent .container > h2,
body.is-path-taxonomy .bottomofcontent .inner > div > h2,
body.is-path-taxonomy .field_section > .field:nth-child(2) .container > h2,
body.is-path-taxonomy .field_section > .field:nth-child(2) .inner > div > h2 {
  margin-bottom: 1rem;
  position: relative;
  position: relative;
  text-transform: uppercase;
}

@media screen and (min-width: 1024px) {
  body.page-node-7183 .bottomofcontent .container > h2,
  body.page-node-7183 .bottomofcontent .inner > div > h2,
  body.page-node-7183 .field_section > .field:nth-child(2) .container > h2,
  body.page-node-7183 .field_section > .field:nth-child(2) .inner > div > h2,
  body.is-path-taxonomy .bottomofcontent .container > h2,
  body.is-path-taxonomy .bottomofcontent .inner > div > h2,
  body.is-path-taxonomy .field_section > .field:nth-child(2) .container > h2,
  body.is-path-taxonomy .field_section > .field:nth-child(2) .inner > div > h2 {
    padding-left: 4rem;
  }
}

@media screen and (min-width: 769px) {
  body.page-node-7183 .bottomofcontent .container > h2,
  body.page-node-7183 .bottomofcontent .inner > div > h2,
  body.page-node-7183 .field_section > .field:nth-child(2) .container > h2,
  body.page-node-7183 .field_section > .field:nth-child(2) .inner > div > h2,
  body.is-path-taxonomy .bottomofcontent .container > h2,
  body.is-path-taxonomy .bottomofcontent .inner > div > h2,
  body.is-path-taxonomy .field_section > .field:nth-child(2) .container > h2,
  body.is-path-taxonomy .field_section > .field:nth-child(2) .inner > div > h2 {
    text-transform: unset;
  }
}

@media screen and (min-width: 1024px) {
  body.page-node-7183 .bottomofcontent .container > h2,
  body.page-node-7183 .bottomofcontent .inner > div > h2,
  body.page-node-7183 .field_section > .field:nth-child(2) .container > h2,
  body.page-node-7183 .field_section > .field:nth-child(2) .inner > div > h2,
  body.is-path-taxonomy .bottomofcontent .container > h2,
  body.is-path-taxonomy .bottomofcontent .inner > div > h2,
  body.is-path-taxonomy .field_section > .field:nth-child(2) .container > h2,
  body.is-path-taxonomy .field_section > .field:nth-child(2) .inner > div > h2 {
    padding-left: 40px;
  }
}

body.page-node-7183 .bottomofcontent .container > h2::after,
body.page-node-7183 .bottomofcontent .inner > div > h2::after,
body.page-node-7183 .field_section > .field:nth-child(2) .container > h2::after,
body.page-node-7183 .field_section > .field:nth-child(2) .inner > div > h2::after,
body.is-path-taxonomy .bottomofcontent .container > h2::after,
body.is-path-taxonomy .bottomofcontent .inner > div > h2::after,
body.is-path-taxonomy .field_section > .field:nth-child(2) .container > h2::after,
body.is-path-taxonomy .field_section > .field:nth-child(2) .inner > div > h2::after {
  display: block;
  content: "";
  border-radius: 0;
  border: 0 none;
  background: #EC6456;
  display: block;
  position: absolute;
  width: 60px;
  height: 60px;
  background: url(../assets/img/sprite_fcp.svg) no-repeat 0 -820px;
  left: -50px;
  top: -16px;
}

@media screen and (min-width: 600px) {
  body.page-node-7183 .bottomofcontent .container > h2::after,
  body.page-node-7183 .bottomofcontent .inner > div > h2::after,
  body.page-node-7183 .field_section > .field:nth-child(2) .container > h2::after,
  body.page-node-7183 .field_section > .field:nth-child(2) .inner > div > h2::after,
  body.is-path-taxonomy .bottomofcontent .container > h2::after,
  body.is-path-taxonomy .bottomofcontent .inner > div > h2::after,
  body.is-path-taxonomy .field_section > .field:nth-child(2) .container > h2::after,
  body.is-path-taxonomy .field_section > .field:nth-child(2) .inner > div > h2::after {
    top: -9px;
  }
}

@media screen and (min-width: 769px) {
  body.page-node-7183 .bottomofcontent .container > h2::after,
  body.page-node-7183 .bottomofcontent .inner > div > h2::after,
  body.page-node-7183 .field_section > .field:nth-child(2) .container > h2::after,
  body.page-node-7183 .field_section > .field:nth-child(2) .inner > div > h2::after,
  body.is-path-taxonomy .bottomofcontent .container > h2::after,
  body.is-path-taxonomy .bottomofcontent .inner > div > h2::after,
  body.is-path-taxonomy .field_section > .field:nth-child(2) .container > h2::after,
  body.is-path-taxonomy .field_section > .field:nth-child(2) .inner > div > h2::after {
    top: -9px;
    left: -15px;
  }
}

@media screen and (min-width: 1024px) {
  body.page-node-7183 .bottomofcontent .container > h2::after,
  body.page-node-7183 .bottomofcontent .inner > div > h2::after,
  body.page-node-7183 .field_section > .field:nth-child(2) .container > h2::after,
  body.page-node-7183 .field_section > .field:nth-child(2) .inner > div > h2::after,
  body.is-path-taxonomy .bottomofcontent .container > h2::after,
  body.is-path-taxonomy .bottomofcontent .inner > div > h2::after,
  body.is-path-taxonomy .field_section > .field:nth-child(2) .container > h2::after,
  body.is-path-taxonomy .field_section > .field:nth-child(2) .inner > div > h2::after {
    top: -5px;
    left: -15px;
  }
}

@media screen and (max-width: 768px) {
  body.page-node-7183 .bottomofcontent .container > h2::after,
  body.page-node-7183 .bottomofcontent .inner > div > h2::after,
  body.page-node-7183 .field_section > .field:nth-child(2) .container > h2::after,
  body.page-node-7183 .field_section > .field:nth-child(2) .inner > div > h2::after,
  body.is-path-taxonomy .bottomofcontent .container > h2::after,
  body.is-path-taxonomy .bottomofcontent .inner > div > h2::after,
  body.is-path-taxonomy .field_section > .field:nth-child(2) .container > h2::after,
  body.is-path-taxonomy .field_section > .field:nth-child(2) .inner > div > h2::after {
    transform: scale(0.5);
    top: -9px;
    display: none;
  }
}

@media screen and (max-width: 599px) {
  body.page-node-7183 .bottomofcontent .container > h2::after,
  body.page-node-7183 .bottomofcontent .inner > div > h2::after,
  body.page-node-7183 .field_section > .field:nth-child(2) .container > h2::after,
  body.page-node-7183 .field_section > .field:nth-child(2) .inner > div > h2::after,
  body.is-path-taxonomy .bottomofcontent .container > h2::after,
  body.is-path-taxonomy .bottomofcontent .inner > div > h2::after,
  body.is-path-taxonomy .field_section > .field:nth-child(2) .container > h2::after,
  body.is-path-taxonomy .field_section > .field:nth-child(2) .inner > div > h2::after {
    top: -12px;
  }
}

body.page-node-7183 .bottomofcontent .container > h2:after,
body.page-node-7183 .bottomofcontent .inner > div > h2:after,
body.page-node-7183 .field_section > .field:nth-child(2) .container > h2:after,
body.page-node-7183 .field_section > .field:nth-child(2) .inner > div > h2:after,
body.is-path-taxonomy .bottomofcontent .container > h2:after,
body.is-path-taxonomy .bottomofcontent .inner > div > h2:after,
body.is-path-taxonomy .field_section > .field:nth-child(2) .container > h2:after,
body.is-path-taxonomy .field_section > .field:nth-child(2) .inner > div > h2:after {
  transform: scale(0.66);
  top: -20px;
}

@media screen and (max-width: 1023px) {
  body.page-node-7183 .bottomofcontent .container > h2:after,
  body.page-node-7183 .bottomofcontent .inner > div > h2:after,
  body.page-node-7183 .field_section > .field:nth-child(2) .container > h2:after,
  body.page-node-7183 .field_section > .field:nth-child(2) .inner > div > h2:after,
  body.is-path-taxonomy .bottomofcontent .container > h2:after,
  body.is-path-taxonomy .bottomofcontent .inner > div > h2:after,
  body.is-path-taxonomy .field_section > .field:nth-child(2) .container > h2:after,
  body.is-path-taxonomy .field_section > .field:nth-child(2) .inner > div > h2:after {
    display: none;
  }
}

/* body */
body.is-path-taxonomy main .views-row,
body.page-node-type-loesung main .views-row {
  display: block;
}

body.is-path-taxonomy main .bottom h3.label,
body.is-path-taxonomy main .bottom header h3,
body.page-node-type-loesung main .bottom h3.label,
body.page-node-type-loesung main .bottom header h3 {
  margin-bottom: 1rem;
  position: relative;
  position: relative;
  text-transform: uppercase;
}

@media screen and (min-width: 769px) {
  body.is-path-taxonomy main .bottom h3.label,
  body.is-path-taxonomy main .bottom header h3,
  body.page-node-type-loesung main .bottom h3.label,
  body.page-node-type-loesung main .bottom header h3 {
    text-transform: unset;
  }
}

@media screen and (min-width: 1024px) {
  body.is-path-taxonomy main .bottom h3.label,
  body.is-path-taxonomy main .bottom header h3,
  body.page-node-type-loesung main .bottom h3.label,
  body.page-node-type-loesung main .bottom header h3 {
    padding-left: 40px;
  }
}

body.is-path-taxonomy main .bottom h3.label::after,
body.is-path-taxonomy main .bottom header h3::after,
body.page-node-type-loesung main .bottom h3.label::after,
body.page-node-type-loesung main .bottom header h3::after {
  display: block;
  content: "";
  border-radius: 0;
  border: 0 none;
  background: #EC6456;
  display: block;
  position: absolute;
  width: 60px;
  height: 60px;
  background: url(../assets/img/sprite_fcp.svg) no-repeat 0 -820px;
  left: -50px;
  top: -16px;
}

@media screen and (min-width: 600px) {
  body.is-path-taxonomy main .bottom h3.label::after,
  body.is-path-taxonomy main .bottom header h3::after,
  body.page-node-type-loesung main .bottom h3.label::after,
  body.page-node-type-loesung main .bottom header h3::after {
    top: -9px;
  }
}

@media screen and (min-width: 769px) {
  body.is-path-taxonomy main .bottom h3.label::after,
  body.is-path-taxonomy main .bottom header h3::after,
  body.page-node-type-loesung main .bottom h3.label::after,
  body.page-node-type-loesung main .bottom header h3::after {
    top: -9px;
    left: -15px;
  }
}

@media screen and (min-width: 1024px) {
  body.is-path-taxonomy main .bottom h3.label::after,
  body.is-path-taxonomy main .bottom header h3::after,
  body.page-node-type-loesung main .bottom h3.label::after,
  body.page-node-type-loesung main .bottom header h3::after {
    top: -5px;
    left: -15px;
  }
}

@media screen and (max-width: 768px) {
  body.is-path-taxonomy main .bottom h3.label::after,
  body.is-path-taxonomy main .bottom header h3::after,
  body.page-node-type-loesung main .bottom h3.label::after,
  body.page-node-type-loesung main .bottom header h3::after {
    transform: scale(0.5);
    top: -9px;
    display: none;
  }
}

@media screen and (max-width: 599px) {
  body.is-path-taxonomy main .bottom h3.label::after,
  body.is-path-taxonomy main .bottom header h3::after,
  body.page-node-type-loesung main .bottom h3.label::after,
  body.page-node-type-loesung main .bottom header h3::after {
    top: -12px;
  }
}

body.is-path-taxonomy main .bottom h3.label:after,
body.is-path-taxonomy main .bottom header h3:after,
body.page-node-type-loesung main .bottom h3.label:after,
body.page-node-type-loesung main .bottom header h3:after {
  top: -5px;
}

@media screen and (max-width: 1023px) {
  body.is-path-taxonomy main .bottom h3.label:after,
  body.is-path-taxonomy main .bottom header h3:after,
  body.page-node-type-loesung main .bottom h3.label:after,
  body.page-node-type-loesung main .bottom header h3:after {
    display: none;
  }
}

body.is-path-taxonomy main .bottom,
body.page-node-type-loesung main .bottom {
  position: relative;
  display: block;
  width: 100%;
}

body.is-path-taxonomy main .bottom > div,
body.page-node-type-loesung main .bottom > div {
  margin-bottom: 0rem;
  padding-top: 4rem;
}

body.is-path-taxonomy main .bottom .view-kompetenzen-verwandte .view-content,
body.page-node-type-loesung main .bottom .view-kompetenzen-verwandte .view-content {
  position: relative;
  display: block;
  width: 100%;
  /* a card */
}

body.is-path-taxonomy main .bottom .view-kompetenzen-verwandte .view-content .tns-outer,
body.page-node-type-loesung main .bottom .view-kompetenzen-verwandte .view-content .tns-outer {
  font-family: unset;
}

body.is-path-taxonomy main .bottom .view-kompetenzen-verwandte .view-content .tns-outer p,
body.page-node-type-loesung main .bottom .view-kompetenzen-verwandte .view-content .tns-outer p {
  font-weight: 400;
}

body.is-path-taxonomy main .bottom .view-kompetenzen-verwandte .view-content .tns-outer .tns-item,
body.page-node-type-loesung main .bottom .view-kompetenzen-verwandte .view-content .tns-outer .tns-item {
  padding-right: 2rem;
  font-size: initial;
  text-transform: initial;
  height: 100%;
}

body.is-path-taxonomy main .bottom .view-kompetenzen-verwandte .view-content .tns-outer .tns-item > div a.card *,
body.page-node-type-loesung main .bottom .view-kompetenzen-verwandte .view-content .tns-outer .tns-item > div a.card * {
  opacity: 0.2;
}

body.is-path-taxonomy main .bottom .view-kompetenzen-verwandte .view-content .tns-outer .tns-item.tns-slide-active > div a.card *,
body.page-node-type-loesung main .bottom .view-kompetenzen-verwandte .view-content .tns-outer .tns-item.tns-slide-active > div a.card * {
  opacity: 1;
}

body.is-path-taxonomy main .bottom .view-kompetenzen-verwandte .view-content .tns-outer a.card,
body.page-node-type-loesung main .bottom .view-kompetenzen-verwandte .view-content .tns-outer a.card {
  display: block;
  background: #fff;
  height: 100%;
  width: 100%;
  box-shadow: unset;
  /*
      box-shadow: 2px 2px 4px $grey;
*/
  /* from Mixin above */
  /* ++++++++++++++++++++++++++++++++   */
  /* ++++++++++++++++++++++++++++++++   */
}

@media screen and (min-width: 769px) {
  body.is-path-taxonomy main .bottom .view-kompetenzen-verwandte .view-content .tns-outer a.card,
  body.page-node-type-loesung main .bottom .view-kompetenzen-verwandte .view-content .tns-outer a.card {
    display: grid;
    grid-template-columns: 1fr;
    grid-template-rows: 10px auto auto 1fr;
    grid-template-rows: 200px auto;
    grid-template-rows: auto auto;
    grid-template-rows: minmax(200px, auto) 1fr;
    grid-column-gap: 0px;
    grid-row-gap: 0px;
  }
}

body.is-path-taxonomy main .bottom .view-kompetenzen-verwandte .view-content .tns-outer a.card *,
body.page-node-type-loesung main .bottom .view-kompetenzen-verwandte .view-content .tns-outer a.card * {
  -webkit-transition: all 0.15s linear;
  -moz-transition: all 0.15s linear;
  -ms-transition: all 0.15s linear;
  -o-transition: all 0.15s linear;
  transition: all 0.15s linear;
  padding: 0;
  margin: 0;
  color: #151515;
}

body.is-path-taxonomy main .bottom .view-kompetenzen-verwandte .view-content .tns-outer a.card > *,
body.page-node-type-loesung main .bottom .view-kompetenzen-verwandte .view-content .tns-outer a.card > * {
  padding: 0 2rem;
  padding: 0;
  margin: 0;
  color: #151515;
}

body.is-path-taxonomy main .bottom .view-kompetenzen-verwandte .view-content .tns-outer a.card:hover, body.is-path-taxonomy main .bottom .view-kompetenzen-verwandte .view-content .tns-outer a.card:focus, body.is-path-taxonomy main .bottom .view-kompetenzen-verwandte .view-content .tns-outer a.card:active, body.is-path-taxonomy main .bottom .view-kompetenzen-verwandte .view-content .tns-outer a.card:focus-within,
body.page-node-type-loesung main .bottom .view-kompetenzen-verwandte .view-content .tns-outer a.card:hover,
body.page-node-type-loesung main .bottom .view-kompetenzen-verwandte .view-content .tns-outer a.card:focus,
body.page-node-type-loesung main .bottom .view-kompetenzen-verwandte .view-content .tns-outer a.card:active,
body.page-node-type-loesung main .bottom .view-kompetenzen-verwandte .view-content .tns-outer a.card:focus-within {
  color: #EC6456;
}

body.is-path-taxonomy main .bottom .view-kompetenzen-verwandte .view-content .tns-outer a.card:hover *, body.is-path-taxonomy main .bottom .view-kompetenzen-verwandte .view-content .tns-outer a.card:focus *, body.is-path-taxonomy main .bottom .view-kompetenzen-verwandte .view-content .tns-outer a.card:active *, body.is-path-taxonomy main .bottom .view-kompetenzen-verwandte .view-content .tns-outer a.card:focus-within *,
body.page-node-type-loesung main .bottom .view-kompetenzen-verwandte .view-content .tns-outer a.card:hover *,
body.page-node-type-loesung main .bottom .view-kompetenzen-verwandte .view-content .tns-outer a.card:focus *,
body.page-node-type-loesung main .bottom .view-kompetenzen-verwandte .view-content .tns-outer a.card:active *,
body.page-node-type-loesung main .bottom .view-kompetenzen-verwandte .view-content .tns-outer a.card:focus-within * {
  color: #EC6456;
}

body.is-path-taxonomy main .bottom .view-kompetenzen-verwandte .view-content .tns-outer a.card:hover:after, body.is-path-taxonomy main .bottom .view-kompetenzen-verwandte .view-content .tns-outer a.card:focus:after, body.is-path-taxonomy main .bottom .view-kompetenzen-verwandte .view-content .tns-outer a.card:active:after, body.is-path-taxonomy main .bottom .view-kompetenzen-verwandte .view-content .tns-outer a.card:focus-within:after,
body.page-node-type-loesung main .bottom .view-kompetenzen-verwandte .view-content .tns-outer a.card:hover:after,
body.page-node-type-loesung main .bottom .view-kompetenzen-verwandte .view-content .tns-outer a.card:focus:after,
body.page-node-type-loesung main .bottom .view-kompetenzen-verwandte .view-content .tns-outer a.card:active:after,
body.page-node-type-loesung main .bottom .view-kompetenzen-verwandte .view-content .tns-outer a.card:focus-within:after {
  display: none;
}

body.is-path-taxonomy main .bottom .view-kompetenzen-verwandte .view-content .tns-outer a.card.projekt .small, body.is-path-taxonomy main .bottom .view-kompetenzen-verwandte .view-content .tns-outer a.card.news .small, body.is-path-taxonomy main .bottom .view-kompetenzen-verwandte .view-content .tns-outer a.card.kompetenzen .small,
body.page-node-type-loesung main .bottom .view-kompetenzen-verwandte .view-content .tns-outer a.card.projekt .small,
body.page-node-type-loesung main .bottom .view-kompetenzen-verwandte .view-content .tns-outer a.card.news .small,
body.page-node-type-loesung main .bottom .view-kompetenzen-verwandte .view-content .tns-outer a.card.kompetenzen .small {
  text-transform: uppercase;
}

body.is-path-taxonomy main .bottom .view-kompetenzen-verwandte .view-content .tns-outer a.card > figure.image,
body.is-path-taxonomy main .bottom .view-kompetenzen-verwandte .view-content .tns-outer a.card .field_media_image figure.image,
body.is-path-taxonomy main .bottom .view-kompetenzen-verwandte .view-content .tns-outer a.card div.field--name-field-mehr-bilder figure.image,
body.is-path-taxonomy main .bottom .view-kompetenzen-verwandte .view-content .tns-outer a.card .views-field-field-image, body.is-path-taxonomy main .bottom .view-kompetenzen-verwandte .view-content .tns-outer a.card .views-field-logo,
body.page-node-type-loesung main .bottom .view-kompetenzen-verwandte .view-content .tns-outer a.card > figure.image,
body.page-node-type-loesung main .bottom .view-kompetenzen-verwandte .view-content .tns-outer a.card .field_media_image figure.image,
body.page-node-type-loesung main .bottom .view-kompetenzen-verwandte .view-content .tns-outer a.card div.field--name-field-mehr-bilder figure.image,
body.page-node-type-loesung main .bottom .view-kompetenzen-verwandte .view-content .tns-outer a.card .views-field-field-image,
body.page-node-type-loesung main .bottom .view-kompetenzen-verwandte .view-content .tns-outer a.card .views-field-logo {
  /* passt sich genau der Bildgröße an */
  position: relative;
  /* nötig für ::after */
  padding: 0;
  /* Standard-Padding entfernen */
  line-height: 0;
  /* verhindert zusätzlichen Platz unter img */
  margin-bottom: .5rem;
}

@media screen and (min-width: 769px) {
  body.is-path-taxonomy main .bottom .view-kompetenzen-verwandte .view-content .tns-outer a.card > figure.image,
  body.is-path-taxonomy main .bottom .view-kompetenzen-verwandte .view-content .tns-outer a.card .field_media_image figure.image,
  body.is-path-taxonomy main .bottom .view-kompetenzen-verwandte .view-content .tns-outer a.card div.field--name-field-mehr-bilder figure.image,
  body.is-path-taxonomy main .bottom .view-kompetenzen-verwandte .view-content .tns-outer a.card .views-field-field-image, body.is-path-taxonomy main .bottom .view-kompetenzen-verwandte .view-content .tns-outer a.card .views-field-logo,
  body.page-node-type-loesung main .bottom .view-kompetenzen-verwandte .view-content .tns-outer a.card > figure.image,
  body.page-node-type-loesung main .bottom .view-kompetenzen-verwandte .view-content .tns-outer a.card .field_media_image figure.image,
  body.page-node-type-loesung main .bottom .view-kompetenzen-verwandte .view-content .tns-outer a.card div.field--name-field-mehr-bilder figure.image,
  body.page-node-type-loesung main .bottom .view-kompetenzen-verwandte .view-content .tns-outer a.card .views-field-field-image,
  body.page-node-type-loesung main .bottom .view-kompetenzen-verwandte .view-content .tns-outer a.card .views-field-logo {
    display: inline-block;
  }
}

body.is-path-taxonomy main .bottom .view-kompetenzen-verwandte .view-content .tns-outer a.card > figure.image:after,
body.is-path-taxonomy main .bottom .view-kompetenzen-verwandte .view-content .tns-outer a.card .field_media_image figure.image:after,
body.is-path-taxonomy main .bottom .view-kompetenzen-verwandte .view-content .tns-outer a.card div.field--name-field-mehr-bilder figure.image:after,
body.is-path-taxonomy main .bottom .view-kompetenzen-verwandte .view-content .tns-outer a.card .views-field-field-image:after, body.is-path-taxonomy main .bottom .view-kompetenzen-verwandte .view-content .tns-outer a.card .views-field-logo:after,
body.page-node-type-loesung main .bottom .view-kompetenzen-verwandte .view-content .tns-outer a.card > figure.image:after,
body.page-node-type-loesung main .bottom .view-kompetenzen-verwandte .view-content .tns-outer a.card .field_media_image figure.image:after,
body.page-node-type-loesung main .bottom .view-kompetenzen-verwandte .view-content .tns-outer a.card div.field--name-field-mehr-bilder figure.image:after,
body.page-node-type-loesung main .bottom .view-kompetenzen-verwandte .view-content .tns-outer a.card .views-field-field-image:after,
body.page-node-type-loesung main .bottom .view-kompetenzen-verwandte .view-content .tns-outer a.card .views-field-logo:after {
  -webkit-transition: all 0.15s linear;
  -moz-transition: all 0.15s linear;
  -ms-transition: all 0.15s linear;
  -o-transition: all 0.15s linear;
  transition: all 0.15s linear;
  content: "";
  position: absolute;
  inset: 0;
  background: rgba(235, 99, 84, 0.6);
  pointer-events: none;
  opacity: 0;
}

body.is-path-taxonomy main .bottom .view-kompetenzen-verwandte .view-content .tns-outer a.card:hover > figure.image:after, body.is-path-taxonomy main .bottom .view-kompetenzen-verwandte .view-content .tns-outer a.card:hover .views-field-field-image:after, body.is-path-taxonomy main .bottom .view-kompetenzen-verwandte .view-content .tns-outer a.card:hover .views-field-logo:after,
body.is-path-taxonomy main .bottom .view-kompetenzen-verwandte .view-content .tns-outer a.card:hover .field_media_image figure.image:after, body.is-path-taxonomy main .bottom .view-kompetenzen-verwandte .view-content .tns-outer a.card:focus > figure.image:after, body.is-path-taxonomy main .bottom .view-kompetenzen-verwandte .view-content .tns-outer a.card:focus .views-field-field-image:after, body.is-path-taxonomy main .bottom .view-kompetenzen-verwandte .view-content .tns-outer a.card:focus .views-field-logo:after,
body.is-path-taxonomy main .bottom .view-kompetenzen-verwandte .view-content .tns-outer a.card:focus .field_media_image figure.image:after, body.is-path-taxonomy main .bottom .view-kompetenzen-verwandte .view-content .tns-outer a.card:active > figure.image:after, body.is-path-taxonomy main .bottom .view-kompetenzen-verwandte .view-content .tns-outer a.card:active .views-field-field-image:after, body.is-path-taxonomy main .bottom .view-kompetenzen-verwandte .view-content .tns-outer a.card:active .views-field-logo:after,
body.is-path-taxonomy main .bottom .view-kompetenzen-verwandte .view-content .tns-outer a.card:active .field_media_image figure.image:after, body.is-path-taxonomy main .bottom .view-kompetenzen-verwandte .view-content .tns-outer a.card:focus-within > figure.image:after, body.is-path-taxonomy main .bottom .view-kompetenzen-verwandte .view-content .tns-outer a.card:focus-within .views-field-field-image:after, body.is-path-taxonomy main .bottom .view-kompetenzen-verwandte .view-content .tns-outer a.card:focus-within .views-field-logo:after,
body.is-path-taxonomy main .bottom .view-kompetenzen-verwandte .view-content .tns-outer a.card:focus-within .field_media_image figure.image:after,
body.page-node-type-loesung main .bottom .view-kompetenzen-verwandte .view-content .tns-outer a.card:hover > figure.image:after,
body.page-node-type-loesung main .bottom .view-kompetenzen-verwandte .view-content .tns-outer a.card:hover .views-field-field-image:after,
body.page-node-type-loesung main .bottom .view-kompetenzen-verwandte .view-content .tns-outer a.card:hover .views-field-logo:after,
body.page-node-type-loesung main .bottom .view-kompetenzen-verwandte .view-content .tns-outer a.card:hover .field_media_image figure.image:after,
body.page-node-type-loesung main .bottom .view-kompetenzen-verwandte .view-content .tns-outer a.card:focus > figure.image:after,
body.page-node-type-loesung main .bottom .view-kompetenzen-verwandte .view-content .tns-outer a.card:focus .views-field-field-image:after,
body.page-node-type-loesung main .bottom .view-kompetenzen-verwandte .view-content .tns-outer a.card:focus .views-field-logo:after,
body.page-node-type-loesung main .bottom .view-kompetenzen-verwandte .view-content .tns-outer a.card:focus .field_media_image figure.image:after,
body.page-node-type-loesung main .bottom .view-kompetenzen-verwandte .view-content .tns-outer a.card:active > figure.image:after,
body.page-node-type-loesung main .bottom .view-kompetenzen-verwandte .view-content .tns-outer a.card:active .views-field-field-image:after,
body.page-node-type-loesung main .bottom .view-kompetenzen-verwandte .view-content .tns-outer a.card:active .views-field-logo:after,
body.page-node-type-loesung main .bottom .view-kompetenzen-verwandte .view-content .tns-outer a.card:active .field_media_image figure.image:after,
body.page-node-type-loesung main .bottom .view-kompetenzen-verwandte .view-content .tns-outer a.card:focus-within > figure.image:after,
body.page-node-type-loesung main .bottom .view-kompetenzen-verwandte .view-content .tns-outer a.card:focus-within .views-field-field-image:after,
body.page-node-type-loesung main .bottom .view-kompetenzen-verwandte .view-content .tns-outer a.card:focus-within .views-field-logo:after,
body.page-node-type-loesung main .bottom .view-kompetenzen-verwandte .view-content .tns-outer a.card:focus-within .field_media_image figure.image:after {
  opacity: 1;
}

body.is-path-taxonomy main .bottom .view-kompetenzen-verwandte .view-content .tns-outer a.card h2, body.is-path-taxonomy main .bottom .view-kompetenzen-verwandte .view-content .tns-outer a.card h3,
body.page-node-type-loesung main .bottom .view-kompetenzen-verwandte .view-content .tns-outer a.card h2,
body.page-node-type-loesung main .bottom .view-kompetenzen-verwandte .view-content .tns-outer a.card h3 {
  margin: 0;
}

body.is-path-taxonomy main .bottom .view-kompetenzen-verwandte .view-content .tns-outer a.card h3,
body.page-node-type-loesung main .bottom .view-kompetenzen-verwandte .view-content .tns-outer a.card h3 {
  text-transform: none;
}

@media screen and (min-width: 1216px) {
  body.is-path-taxonomy main .bottom .view-kompetenzen-verwandte .view-content .tns-outer a.card h3,
  body.page-node-type-loesung main .bottom .view-kompetenzen-verwandte .view-content .tns-outer a.card h3 {
    letter-spacing: .025rem;
  }
}

body.is-path-taxonomy main .bottom .view-kompetenzen-verwandte .view-content .tns-outer a.card ul,
body.page-node-type-loesung main .bottom .view-kompetenzen-verwandte .view-content .tns-outer a.card ul {
  margin: 0;
  list-style: none;
}

body.is-path-taxonomy main .bottom .view-kompetenzen-verwandte .view-content .tns-outer a.card ul li,
body.page-node-type-loesung main .bottom .view-kompetenzen-verwandte .view-content .tns-outer a.card ul li {
  list-style: none;
}

body.is-path-taxonomy main .bottom .view-kompetenzen-verwandte .view-content .tns-outer a.card .views-field div.field-content,
body.is-path-taxonomy main .bottom .view-kompetenzen-verwandte .view-content .tns-outer a.card .views-field-details .field-content,
body.is-path-taxonomy main .bottom .view-kompetenzen-verwandte .view-content .tns-outer a.card span.views-label + span,
body.page-node-type-loesung main .bottom .view-kompetenzen-verwandte .view-content .tns-outer a.card .views-field div.field-content,
body.page-node-type-loesung main .bottom .view-kompetenzen-verwandte .view-content .tns-outer a.card .views-field-details .field-content,
body.page-node-type-loesung main .bottom .view-kompetenzen-verwandte .view-content .tns-outer a.card span.views-label + span {
  word-break: break-word;
}

body.is-path-taxonomy main .bottom .view-kompetenzen-verwandte .view-content .tns-outer a.card .views-label,
body.page-node-type-loesung main .bottom .view-kompetenzen-verwandte .view-content .tns-outer a.card .views-label {
  font-size: 0;
  position: relative;
  display: inline-block;
}

body.is-path-taxonomy main .bottom .view-kompetenzen-verwandte .view-content .tns-outer a.card .views-label:before,
body.page-node-type-loesung main .bottom .view-kompetenzen-verwandte .view-content .tns-outer a.card .views-label:before {
  content: "";
  display: block;
  position: absolute;
  left: 0;
  top: -6px;
  width: 36px;
  height: 36px;
  border-radius: 100%;
  background: #ff75cc url(../assets/img/sprite_fcp.svg) no-repeat 5px -695px;
}

body.is-path-taxonomy main .bottom .view-kompetenzen-verwandte .view-content .tns-outer a.card.image,
body.page-node-type-loesung main .bottom .view-kompetenzen-verwandte .view-content .tns-outer a.card.image {
  min-height: 300px;
  display: grid;
  grid-template-columns: 1fr;
  grid-template-rows: 1fr auto;
  grid-template-rows: auto auto 1fr auto;
  grid-column-gap: 0px;
  grid-row-gap: 0px;
}

body.is-path-taxonomy main .bottom .view-kompetenzen-verwandte .view-content .tns-outer a.card.image figure img,
body.page-node-type-loesung main .bottom .view-kompetenzen-verwandte .view-content .tns-outer a.card.image figure img {
  margin: 0;
  padding: 0;
  height: 250px;
  width: 100%;
  object-fit: cover;
  object-position: center center;
  border-radius: 20px 20px 0 0;
}

@media screen and (max-width: 768px) {
  body.is-path-taxonomy main .bottom .view-kompetenzen-verwandte .view-content .tns-outer a.card.image figure img,
  body.page-node-type-loesung main .bottom .view-kompetenzen-verwandte .view-content .tns-outer a.card.image figure img {
    height: 150px;
  }
}

body.is-path-taxonomy main .bottom .view-kompetenzen-verwandte .view-content .tns-outer a.card.small,
body.page-node-type-loesung main .bottom .view-kompetenzen-verwandte .view-content .tns-outer a.card.small {
  grid-template-columns: 1fr;
  grid-template-rows: repeat(2, 1fr);
  grid-template-rows: auto 1fr;
  border: 0 none;
  min-height: 150px;
  margin-bottom: 1rem;
}

@media screen and (min-width: 769px) {
  body.is-path-taxonomy main .bottom .view-kompetenzen-verwandte .view-content .tns-outer a.card.small,
  body.page-node-type-loesung main .bottom .view-kompetenzen-verwandte .view-content .tns-outer a.card.small {
    min-height: 200px;
  }
}

@media screen and (min-width: 1024px) {
  body.is-path-taxonomy main .bottom .view-kompetenzen-verwandte .view-content .tns-outer a.card.small,
  body.page-node-type-loesung main .bottom .view-kompetenzen-verwandte .view-content .tns-outer a.card.small {
    min-height: 300px;
  }
}

body.is-path-taxonomy main .bottom .view-kompetenzen-verwandte .view-content .tns-outer a.card,
body.page-node-type-loesung main .bottom .view-kompetenzen-verwandte .view-content .tns-outer a.card {
  grid-template-rows: minmax(200px, auto) 1fr;
  grid-template-rows: auto auto 1fr;
  background: #edebe6;
  padding-bottom: 2rem;
  height: 100%;
  min-height: 400px;
}

body.is-path-taxonomy main .bottom .view-kompetenzen-verwandte .view-content .tns-outer a.card > *,
body.page-node-type-loesung main .bottom .view-kompetenzen-verwandte .view-content .tns-outer a.card > * {
  text-transform: unset;
}

body.is-path-taxonomy main .bottom .view-kompetenzen-verwandte .view-content .tns-outer a.card::after,
body.page-node-type-loesung main .bottom .view-kompetenzen-verwandte .view-content .tns-outer a.card::after {
  -webkit-transition: all 0.15s linear;
  -moz-transition: all 0.15s linear;
  -ms-transition: all 0.15s linear;
  -o-transition: all 0.15s linear;
  transition: all 0.15s linear;
  display: block;
  content: "";
  display: block;
  position: absolute;
  height: 30px;
  width: 60px;
  background: url(../assets/img/sprite_fcp.svg) no-repeat 0 -1200px;
  right: 10px;
  bottom: 10px;
  filter: brightness(0.1);
}

body.is-path-taxonomy main .bottom .view-kompetenzen-verwandte .view-content .tns-outer a.card:hover, body.is-path-taxonomy main .bottom .view-kompetenzen-verwandte .view-content .tns-outer a.card:focus, body.is-path-taxonomy main .bottom .view-kompetenzen-verwandte .view-content .tns-outer a.card:active, body.is-path-taxonomy main .bottom .view-kompetenzen-verwandte .view-content .tns-outer a.card:focus-within,
body.page-node-type-loesung main .bottom .view-kompetenzen-verwandte .view-content .tns-outer a.card:hover,
body.page-node-type-loesung main .bottom .view-kompetenzen-verwandte .view-content .tns-outer a.card:focus,
body.page-node-type-loesung main .bottom .view-kompetenzen-verwandte .view-content .tns-outer a.card:active,
body.page-node-type-loesung main .bottom .view-kompetenzen-verwandte .view-content .tns-outer a.card:focus-within {
  background: #EC6456;
  outline: unset;
}

body.is-path-taxonomy main .bottom .view-kompetenzen-verwandte .view-content .tns-outer a.card:hover *, body.is-path-taxonomy main .bottom .view-kompetenzen-verwandte .view-content .tns-outer a.card:focus *, body.is-path-taxonomy main .bottom .view-kompetenzen-verwandte .view-content .tns-outer a.card:active *, body.is-path-taxonomy main .bottom .view-kompetenzen-verwandte .view-content .tns-outer a.card:focus-within *,
body.page-node-type-loesung main .bottom .view-kompetenzen-verwandte .view-content .tns-outer a.card:hover *,
body.page-node-type-loesung main .bottom .view-kompetenzen-verwandte .view-content .tns-outer a.card:focus *,
body.page-node-type-loesung main .bottom .view-kompetenzen-verwandte .view-content .tns-outer a.card:active *,
body.page-node-type-loesung main .bottom .view-kompetenzen-verwandte .view-content .tns-outer a.card:focus-within * {
  color: #fff;
}

body.is-path-taxonomy main .bottom .view-kompetenzen-verwandte .view-content .tns-outer a.card:hover::after, body.is-path-taxonomy main .bottom .view-kompetenzen-verwandte .view-content .tns-outer a.card:focus::after, body.is-path-taxonomy main .bottom .view-kompetenzen-verwandte .view-content .tns-outer a.card:active::after, body.is-path-taxonomy main .bottom .view-kompetenzen-verwandte .view-content .tns-outer a.card:focus-within::after,
body.page-node-type-loesung main .bottom .view-kompetenzen-verwandte .view-content .tns-outer a.card:hover::after,
body.page-node-type-loesung main .bottom .view-kompetenzen-verwandte .view-content .tns-outer a.card:focus::after,
body.page-node-type-loesung main .bottom .view-kompetenzen-verwandte .view-content .tns-outer a.card:active::after,
body.page-node-type-loesung main .bottom .view-kompetenzen-verwandte .view-content .tns-outer a.card:focus-within::after {
  filter: brightness(1);
}

body.is-path-taxonomy main .bottom .view-kompetenzen-verwandte .view-content .tns-outer a.card div.views-field,
body.page-node-type-loesung main .bottom .view-kompetenzen-verwandte .view-content .tns-outer a.card div.views-field {
  padding: 0 1.5rem;
  margin-bottom: .5rem;
}

body.is-path-taxonomy main .bottom .view-kompetenzen-verwandte .view-content .tns-outer a.card h3,
body.page-node-type-loesung main .bottom .view-kompetenzen-verwandte .view-content .tns-outer a.card h3 {
  text-transform: unset;
}

body.is-path-taxonomy main .bottom .view-kompetenzen-verwandte .view-content .tns-outer a.card figure,
body.page-node-type-loesung main .bottom .view-kompetenzen-verwandte .view-content .tns-outer a.card figure {
  margin-bottom: .5rem;
}

body.is-path-taxonomy main .bottom .view-kompetenzen-verwandte .view-content .tns-outer a.card figure img,
body.page-node-type-loesung main .bottom .view-kompetenzen-verwandte .view-content .tns-outer a.card figure img {
  height: 150px;
  width: 100%;
  object-fit: cover;
}

@media screen and (min-width: 1024px) {
  body.is-path-taxonomy main .bottom .view-kompetenzen-verwandte .view-content .tns-outer a.card figure img,
  body.page-node-type-loesung main .bottom .view-kompetenzen-verwandte .view-content .tns-outer a.card figure img {
    height: 150px;
    width: 100%;
  }
}

body.is-path-taxonomy main .bottom .view-kompetenzen-verwandte .view-content .tns-outer,
body.page-node-type-loesung main .bottom .view-kompetenzen-verwandte .view-content .tns-outer {
  margin: 3rem 0 0;
  position: relative;
}

body.is-path-taxonomy main .bottom .view-kompetenzen-verwandte .view-content .tns-ovh,
body.page-node-type-loesung main .bottom .view-kompetenzen-verwandte .view-content .tns-ovh {
  position: relative;
}

body.is-path-taxonomy main .bottom .view-kompetenzen-verwandte .view-content .tns-controls,
body.page-node-type-loesung main .bottom .view-kompetenzen-verwandte .view-content .tns-controls {
  position: relative;
  margin: 2rem 0 0;
  width: 100%;
  position: absolute;
  margin: 0;
  left: 0;
  top: -2rem;
  height: 40px;
}

body.is-path-taxonomy main .bottom .view-kompetenzen-verwandte .view-content .tns-controls button,
body.page-node-type-loesung main .bottom .view-kompetenzen-verwandte .view-content .tns-controls button {
  position: absolute;
  background: transparent;
  padding: 0;
  top: 50%;
  left: 0;
  transform: translate(0, -120%);
  height: 20px;
  font-size: 0;
}

body.is-path-taxonomy main .bottom .view-kompetenzen-verwandte .view-content .tns-controls button:hover, body.is-path-taxonomy main .bottom .view-kompetenzen-verwandte .view-content .tns-controls button:focus, body.is-path-taxonomy main .bottom .view-kompetenzen-verwandte .view-content .tns-controls button:active, body.is-path-taxonomy main .bottom .view-kompetenzen-verwandte .view-content .tns-controls button:focus,
body.page-node-type-loesung main .bottom .view-kompetenzen-verwandte .view-content .tns-controls button:hover,
body.page-node-type-loesung main .bottom .view-kompetenzen-verwandte .view-content .tns-controls button:focus,
body.page-node-type-loesung main .bottom .view-kompetenzen-verwandte .view-content .tns-controls button:active,
body.page-node-type-loesung main .bottom .view-kompetenzen-verwandte .view-content .tns-controls button:focus {
  background-size: 0 0;
  box-shadow: unset;
}

body.is-path-taxonomy main .bottom .view-kompetenzen-verwandte .view-content .tns-controls button:hover:before, body.is-path-taxonomy main .bottom .view-kompetenzen-verwandte .view-content .tns-controls button:focus:before, body.is-path-taxonomy main .bottom .view-kompetenzen-verwandte .view-content .tns-controls button:active:before, body.is-path-taxonomy main .bottom .view-kompetenzen-verwandte .view-content .tns-controls button:focus:before,
body.page-node-type-loesung main .bottom .view-kompetenzen-verwandte .view-content .tns-controls button:hover:before,
body.page-node-type-loesung main .bottom .view-kompetenzen-verwandte .view-content .tns-controls button:focus:before,
body.page-node-type-loesung main .bottom .view-kompetenzen-verwandte .view-content .tns-controls button:active:before,
body.page-node-type-loesung main .bottom .view-kompetenzen-verwandte .view-content .tns-controls button:focus:before {
  opacity: 1;
}

body.is-path-taxonomy main .bottom .view-kompetenzen-verwandte .view-content .tns-controls button:last-child,
body.page-node-type-loesung main .bottom .view-kompetenzen-verwandte .view-content .tns-controls button:last-child {
  right: 0;
  left: auto;
}

body.is-path-taxonomy main .bottom .view-kompetenzen-verwandte .view-content .tns-controls button:after,
body.page-node-type-loesung main .bottom .view-kompetenzen-verwandte .view-content .tns-controls button:after {
  display: none;
}

body.is-path-taxonomy main .bottom .view-kompetenzen-verwandte .view-content .tns-controls button:before,
body.page-node-type-loesung main .bottom .view-kompetenzen-verwandte .view-content .tns-controls button:before {
  -webkit-transition: all 0.25s linear;
  -moz-transition: all 0.25s linear;
  -ms-transition: all 0.25s linear;
  -o-transition: all 0.25s linear;
  transition: all 0.25s linear;
  display: inline-block;
  content: "";
  position: absolute;
  right: 10px;
  top: 8px;
  top: auto;
  bottom: -4px;
  width: 40px;
  height: 20px;
  opacity: .85;
  background: transparent url(../assets/img/sprite_fcp.svg) no-repeat 8px -250px;
  animation: none;
  border: unset;
  border-radius: unset;
  clip-path: none;
}

body.is-path-taxonomy main .bottom .view-kompetenzen-verwandte .view-content .tns-controls button:last-child:before,
body.page-node-type-loesung main .bottom .view-kompetenzen-verwandte .view-content .tns-controls button:last-child:before {
  right: 0;
  left: auto;
  background-position: 0px -350px;
}

body.is-path-taxonomy main .bottom .view-kompetenzen-verwandte .view-content .tns-controls button:hover:before, body.is-path-taxonomy main .bottom .view-kompetenzen-verwandte .view-content .tns-controls button:focus:before, body.is-path-taxonomy main .bottom .view-kompetenzen-verwandte .view-content .tns-controls button:active:before, body.is-path-taxonomy main .bottom .view-kompetenzen-verwandte .view-content .tns-controls button:focus:before,
body.page-node-type-loesung main .bottom .view-kompetenzen-verwandte .view-content .tns-controls button:hover:before,
body.page-node-type-loesung main .bottom .view-kompetenzen-verwandte .view-content .tns-controls button:focus:before,
body.page-node-type-loesung main .bottom .view-kompetenzen-verwandte .view-content .tns-controls button:active:before,
body.page-node-type-loesung main .bottom .view-kompetenzen-verwandte .view-content .tns-controls button:focus:before {
  background-position-x: 0px;
}

body.is-path-taxonomy main .bottom .view-kompetenzen-verwandte .view-content .tns-controls button:last-child:hover:before, body.is-path-taxonomy main .bottom .view-kompetenzen-verwandte .view-content .tns-controls button:last-child:focus:before, body.is-path-taxonomy main .bottom .view-kompetenzen-verwandte .view-content .tns-controls button:last-child:active:before, body.is-path-taxonomy main .bottom .view-kompetenzen-verwandte .view-content .tns-controls button:last-child:focus:before,
body.page-node-type-loesung main .bottom .view-kompetenzen-verwandte .view-content .tns-controls button:last-child:hover:before,
body.page-node-type-loesung main .bottom .view-kompetenzen-verwandte .view-content .tns-controls button:last-child:focus:before,
body.page-node-type-loesung main .bottom .view-kompetenzen-verwandte .view-content .tns-controls button:last-child:active:before,
body.page-node-type-loesung main .bottom .view-kompetenzen-verwandte .view-content .tns-controls button:last-child:focus:before {
  background-position-x: 8px;
}

body.is-path-taxonomy main .bottom .view-kompetenzen-verwandte .view-content .tns-outer a.card,
body.page-node-type-loesung main .bottom .view-kompetenzen-verwandte .view-content .tns-outer a.card {
  min-height: 300px;
  background: transparent;
  color: #151515;
}

body.is-path-taxonomy main .bottom .view-kompetenzen-verwandte .view-content .tns-outer a.card div.views-field,
body.page-node-type-loesung main .bottom .view-kompetenzen-verwandte .view-content .tns-outer a.card div.views-field {
  padding: 0;
}

body.is-path-taxonomy main .bottom .view-kompetenzen-verwandte .view-content .tns-outer a.card .views-field.position,
body.page-node-type-loesung main .bottom .view-kompetenzen-verwandte .view-content .tns-outer a.card .views-field.position {
  text-transform: none;
}

body.is-path-taxonomy main .bottom .view-kompetenzen-verwandte .view-content .tns-outer a.card:after,
body.page-node-type-loesung main .bottom .view-kompetenzen-verwandte .view-content .tns-outer a.card:after {
  display: none;
}

body.is-path-taxonomy main .bottom .view-kompetenzen-verwandte .view-content .tns-outer a.card .field_media_image figure.image,
body.page-node-type-loesung main .bottom .view-kompetenzen-verwandte .view-content .tns-outer a.card .field_media_image figure.image {
  display: block;
}

body.is-path-taxonomy main .bottom .view-kompetenzen-verwandte .view-content .tns-outer a.card:hover, body.is-path-taxonomy main .bottom .view-kompetenzen-verwandte .view-content .tns-outer a.card:focus, body.is-path-taxonomy main .bottom .view-kompetenzen-verwandte .view-content .tns-outer a.card:active, body.is-path-taxonomy main .bottom .view-kompetenzen-verwandte .view-content .tns-outer a.card:focus-within,
body.page-node-type-loesung main .bottom .view-kompetenzen-verwandte .view-content .tns-outer a.card:hover,
body.page-node-type-loesung main .bottom .view-kompetenzen-verwandte .view-content .tns-outer a.card:focus,
body.page-node-type-loesung main .bottom .view-kompetenzen-verwandte .view-content .tns-outer a.card:active,
body.page-node-type-loesung main .bottom .view-kompetenzen-verwandte .view-content .tns-outer a.card:focus-within {
  background: transparent;
}

body.is-path-taxonomy main .bottom .view-kompetenzen-verwandte .view-content .tns-outer a.card:hover *, body.is-path-taxonomy main .bottom .view-kompetenzen-verwandte .view-content .tns-outer a.card:focus *, body.is-path-taxonomy main .bottom .view-kompetenzen-verwandte .view-content .tns-outer a.card:active *, body.is-path-taxonomy main .bottom .view-kompetenzen-verwandte .view-content .tns-outer a.card:focus-within *,
body.page-node-type-loesung main .bottom .view-kompetenzen-verwandte .view-content .tns-outer a.card:hover *,
body.page-node-type-loesung main .bottom .view-kompetenzen-verwandte .view-content .tns-outer a.card:focus *,
body.page-node-type-loesung main .bottom .view-kompetenzen-verwandte .view-content .tns-outer a.card:active *,
body.page-node-type-loesung main .bottom .view-kompetenzen-verwandte .view-content .tns-outer a.card:focus-within * {
  color: #EC6456;
}

/* body */
body.page-node-3224 {
  /* kompetenzen Übersichtsseite */
}

#block-fcp-newsletteranmeldung .field--name-body {
  display: -webkit-box;
  display: -webkit-flex;
  display: -moz-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-flex-wrap: wrap;
  -moz-flex-wrap: wrap;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
  -webkit-box-pack: justify;
  -ms-flex-pack: justify;
  -webkit-justify-content: space-between;
  -moz-justify-content: space-between;
  justify-content: space-between;
  max-width: unset;
}

#block-fcp-newsletteranmeldung .field--name-body > div {
  -webkit-box-flex: 0;
  -webkit-flex: 0 1 100%;
  -moz-box-flex: 0;
  -moz-flex: 0 1 100%;
  -ms-flex: 0 1 100%;
  flex: 0 1 100%;
}

@media screen and (min-width: 1024px) {
  #block-fcp-newsletteranmeldung .field--name-body > div {
    -webkit-box-flex: 0;
    -webkit-flex: 0 1 45%;
    -moz-box-flex: 0;
    -moz-flex: 0 1 45%;
    -ms-flex: 0 1 45%;
    flex: 0 1 45%;
  }
}

@media screen and (min-width: 769px) {
  #block-fcp-newsletteranmeldung .field--name-body {
    padding-left: 4rem;
  }
}

@media screen and (min-width: 1024px) {
  #block-fcp-newsletteranmeldung .field--name-body {
    padding-left: 6rem;
  }
}

#block-fcp-newsletteranmeldung .field--name-body .newsletterinfotext {
  margin-bottom: 4rem;
}

#block-fcp-newsletteranmeldung .field--name-body .newsletterinfotext h2 {
  margin-bottom: 2rem;
}

#block-fcp-newsletteranmeldung .field--name-body .newslettersignup {
  padding-top: 2rem;
}

#block-fcp-newsletteranmeldung .field--name-body h2::after {
  display: block;
  content: "";
  border-radius: 0;
  border: 0 none;
  background: #EC6456;
  display: block;
  position: absolute;
  height: 110px;
  width: 80px;
  background: url(../assets/img/sprite_lines.svg) no-repeat 0 -1000px;
  left: -1px;
  top: -48px;
}

@media screen and (max-width: 1023px) {
  #block-fcp-newsletteranmeldung .field--name-body h2::after {
    background-position-y: -374px;
    width: 40px;
    height: 120px;
  }
}

@media screen and (max-width: 1023px) {
  #block-fcp-newsletteranmeldung .field--name-body h2::after {
    display: none;
  }
}

#block-fcp-newsletteranmeldung .field--name-body h2:after {
  left: -9px;
  top: -64px;
}

#block-fcp-newsletteranmeldung .field--name-body .inputwrapper {
  margin-top: 2rem;
}

#block-fcp-newsletteranmeldung #mc_embed_signup {
  background: transparent;
  clear: left;
  font: unset;
}

#block-fcp-newsletteranmeldung #mc_embed_signup .mc-field-group {
  padding-bottom: 0;
  min-height: 40px;
  line-height: 1.2;
}

#block-fcp-newsletteranmeldung #mc_embed_signup form {
  margin: 0;
}

#block-fcp-newsletteranmeldung .indicates-required {
  float: right;
}

#block-fcp-newsletteranmeldung #mc_embed_signup .mc-field-group label {
  margin: 5px 0 0;
  color: #999;
  font-size: 0.875rem;
}

#block-fcp-newsletteranmeldung #mc_embed_signup {
  position: relative;
}

#block-fcp-newsletteranmeldung #mc_embed_signup #mc-embedded-subscribe.button {
  position: relative;
}

body.page-node-7179 {
  /*
    .articlecontent {
    display: block;
    > .content {
        @include from($desktop) { 
            width: 50%; 
        }  
    }
}
    main .field--name-field-introtext {
        max-width: unset;
    }

*/
  /* 
.ueberuns_1  { 
    font-size: $size-normal; 
        @include from($mobile) {font-size: $size-normal; } 
        @include from($tablet) {font-size: $size-medium; }  

    > .inner {
            padding: 4rem 0 0;
            margin: 0; 
            width: 100%;
            position: relative;

        @include from($desktop) { 
          display: grid;
          grid-template-columns: 1fr 50%;  
          grid-template-columns: 40% 1fr;  


          grid-template-rows: auto ;   
          grid-column-gap: 4rem; 
          align-items: end;

          text-align: left; 
        }

        > div:first-child { 
            position: relative;
            margin: 0 0 4rem;
        @include from($desktop) { 
            > div {
                position: absolute;  
                top: 0;  
                width: 100%;              
            }
            }
        }
    }
} ueberuns_1 */
  /* ueberuns_1 */
}

body.page-node-7179 .mainsection {
  padding: 0;
}

body.page-node-7179 > .inner {
  padding: 0;
  position: relative;
}

body.page-node-7179 .block, body.page-node-7179 article {
  margin: 0;
  padding: 0;
}

body.page-node-7179 .main.container .ueberuns_1 .ebt-container .field--name-field-ebt-counter-items .ebt-counter-content {
  padding: 0;
}

body.page-node-7179 .main.container .ueberuns_1 .ebt-container .field--name-field-ebt-counter-items .ebt-counter-content * {
  text-align: left;
  margin: unset;
}

/* body */
body.page-node-7178 {
  /* articlecontent */
}

body.page-node-7178 .articlecontent {
  /* field_section */
}

body.page-node-7178 .articlecontent .field_section {
  display: grid;
  grid-template-columns: repeat(1, 1fr);
  grid-template-rows: repeat(1, 1fr);
  grid-auto-flow: row;
  gap: 2rem;
  align-items: start;
}

@media screen and (min-width: 769px) {
  body.page-node-7178 .articlecontent .field_section {
    grid-template-columns: repeat(2, 1fr);
  }
}

@media screen and (min-width: 1024px) {
  body.page-node-7178 .articlecontent .field_section {
    grid-template-columns: repeat(3, 1fr);
  }
}

@media screen and (min-width: 1024px) {
  body.page-node-7178 .articlecontent .field_section .field:nth-child(2) {
    grid-area: 1 / 2 / 2 / 4;
  }
  body.page-node-7178 .articlecontent .field_section .field:nth-child(2) {
    grid-area: 1 / 2 / 2 / 4;
  }
  body.page-node-7178 .articlecontent .field_section .field:nth-child(2) .inner {
    display: block;
  }
  body.page-node-7178 .articlecontent .field_section .field:nth-child(2) .leftcol {
    display: none;
  }
  body.page-node-7178 .articlecontent .field_section .field:nth-child(2) .paragraph {
    padding-bottom: 0;
  }
  body.page-node-7178 .articlecontent .field_section .field:last-child {
    grid-area: 4 / 1 / 5 / 4;
  }
}

body.page-node-7178 .articlecontent .field_section .field:last-child .inner {
  display: block;
}

body.page-node-7178 .articlecontent .paragraph .inner h2 {
  text-transform: uppercase;
  font-size: 1rem;
}

@media screen and (min-width: 600px) {
  body.page-node-7178 .articlecontent .paragraph .inner h2 {
    font-size: 1rem;
  }
}

@media screen and (min-width: 769px) {
  body.page-node-7178 .articlecontent .paragraph .inner h2 {
    font-size: 1rem;
  }
}

@media screen and (min-width: 1024px) {
  body.page-node-7178 .articlecontent .paragraph .inner h2 {
    font-size: 1.25rem;
  }
}

body.page-node-7178 .articlecontent .paragraph .inner figure.image {
  max-width: 250px;
}

body.page-node-7178 .articlecontent .paragraph .inner a:has(figure.image) figure.image img {
  opacity: .8;
}

body.page-node-7178 .articlecontent .paragraph .inner a:has(figure.image):after {
  display: none;
}

body.page-node-7178 .articlecontent .paragraph .inner a:has(figure.image):hover figure.image img, body.page-node-7178 .articlecontent .paragraph .inner a:has(figure.image):focus figure.image img, body.page-node-7178 .articlecontent .paragraph .inner a:has(figure.image):active figure.image img, body.page-node-7178 .articlecontent .paragraph .inner a:has(figure.image):focus-within figure.image img {
  opacity: 1;
}

body.page-node-7178 .articlecontent .paragraph.fullwidth {
  padding: 6rem 0;
}

body.page-node-7178 .articlecontent .paragraph.fullwidth h2 {
  font-size: 1.5rem;
}

@media screen and (min-width: 600px) {
  body.page-node-7178 .articlecontent .paragraph.fullwidth h2 {
    font-size: 2rem;
  }
}

@media screen and (min-width: 769px) {
  body.page-node-7178 .articlecontent .paragraph.fullwidth h2 {
    font-size: 2rem;
  }
}

@media screen and (min-width: 1024px) {
  body.page-node-7178 .articlecontent .paragraph.fullwidth h2 {
    font-size: 2.25rem;
  }
}

body.page-node-7178 .articlecontent .paragraph.fullwidth h2::after {
  display: block;
  content: "";
  width: 4000px;
  border-radius: 0;
  border: 0 none;
  background: #EC6456;
  display: block;
  margin: -119px 0 0 -4020px;
  position: absolute;
  height: 130px;
  background: url(../assets/img/sprite_lines.svg) no-repeat right -186px;
}

@media screen and (max-width: 1023px) {
  body.page-node-7178 .articlecontent .paragraph.fullwidth h2::after {
    transform: scale(0.5);
    margin: -105px 0 0 -3012px;
  }
}

@media screen and (max-width: 768px) {
  body.page-node-7178 .articlecontent .paragraph.fullwidth h2::after {
    display: none;
  }
}

body.page-node-7178 .section .container a:not(.button) {
  color: #151515;
  background: unset;
}

body.page-node-7178 .section .container a:not(.button):hover, body.page-node-7178 .section .container a:not(.button):focus, body.page-node-7178 .section .container a:not(.button):active, body.page-node-7178 .section .container a:not(.button):focus-within {
  color: #EC6456;
}

body.page-node-7178 .section .container a:not(.button):hover *, body.page-node-7178 .section .container a:not(.button):focus *, body.page-node-7178 .section .container a:not(.button):active *, body.page-node-7178 .section .container a:not(.button):focus-within * {
  color: #EC6456;
}

@media screen and (min-width: 600px) {
  .view.competencecenters .view-content {
    grid-template-columns: repeat(2, 1fr);
  }
}

@media screen and (min-width: 1024px) {
  .view.competencecenters .view-content {
    grid-template-columns: repeat(3, 1fr);
  }
}

.view.competencecenters .views-field-nothing-1 {
  display: block;
  height: 100%;
}

.view.competencecenters .views-field-nothing-1 span {
  display: block;
  height: 100%;
}

.view.competencecenters a.card {
  display: block;
}

.view.competencecenters .view-content > .views-row {
  background: unset;
}

.view.competencecenters .view-content > .views-row h3 {
  text-transform: uppercase;
  font-weight: 500;
  border-top: 1px solid #ccc;
  padding: 1rem 0;
}

.view.competencecenters .view-content > .views-row .views-field:not(.views-field-name) {
  font-size: 0.875rem;
  margin-bottom: 1rem;
}

@media screen and (min-width: 600px) {
  .view.competencecenters .view-content > .views-row .views-field:not(.views-field-name) {
    font-size: 0.875rem;
  }
}

.view.competencecenters .view-content > .views-row .button {
  min-height: 30px;
}

.view.competencecenters .view-content > .views-row .button a {
  display: block;
}

.view.competencecenters .views-label,
.view.competencecenters a.card .views-label-field-head {
  text-transform: uppercase;
  color: #999;
}

.view.competencecenters .views-field-field-head ul, .view.competencecenters .views-field-field-head li {
  list-style: none;
  background: unset;
  margin: 0;
  padding: 0;
}

.view.competencecenters .views-field-field-head ul:before, .view.competencecenters .views-field-field-head li:before {
  display: none;
}

/* view news */
body.vocabulary-abteilungen .articlecontent {
  display: grid;
  grid-template-columns: repeat(1, 1fr);
  grid-template-rows: repeat(1, 1fr);
  grid-auto-flow: row;
  gap: 2rem;
  align-items: start;
}

@media screen and (min-width: 769px) {
  body.vocabulary-abteilungen .articlecontent {
    grid-template-columns: repeat(2, 1fr);
  }
}

@media screen and (min-width: 1024px) {
  body.vocabulary-abteilungen .articlecontent {
    grid-template-columns: repeat(3, 1fr);
  }
}

@media screen and (min-width: 769px) {
  body.vocabulary-abteilungen .articlecontent > .bottom {
    grid-area: 3 / 1 / 4 / 3;
  }
}

@media screen and (min-width: 1024px) {
  body.vocabulary-abteilungen .articlecontent > .bottom {
    grid-area: 2 / 1 / 3 / 4;
  }
}

body.vocabulary-abteilungen .articlecontent > div {
  order: unset;
}

body.vocabulary-abteilungen main article .field {
  margin-bottom: .5rem;
}

body.vocabulary-abteilungen .maincolumn > .field_head {
  margin-bottom: 2rem;
}

body.vocabulary-abteilungen main .bottom > div {
  padding-top: 2rem;
}

body.vocabulary-abteilungen .field_media_document span.file > a {
  display: unset;
  background: unset;
  cursor: unset;
  padding: 0;
  min-height: unset;
  color: #151515;
  font-weight: unset;
}

body.vocabulary-abteilungen .field_media_document span.file > a:hover, body.vocabulary-abteilungen .field_media_document span.file > a:focus, body.vocabulary-abteilungen .field_media_document span.file > a:active, body.vocabulary-abteilungen .field_media_document span.file > a:focus {
  color: #EC6456;
  background: unset;
}

body.vocabulary-abteilungen .field_section .field_media_document span.file > a {
  width: 100%;
}

body.vocabulary-abteilungen .field_beispiel_projekte .label {
  font-weight: 700;
  color: #151515;
  font-size: 1rem;
  margin-bottom: 1rem;
  position: relative;
  position: relative;
  text-transform: uppercase;
}

@media screen and (min-width: 600px) {
  body.vocabulary-abteilungen .field_beispiel_projekte .label {
    font-size: 1.5rem;
  }
}

@media screen and (min-width: 769px) {
  body.vocabulary-abteilungen .field_beispiel_projekte .label {
    font-size: 1.75rem;
  }
}

@media screen and (min-width: 1024px) {
  body.vocabulary-abteilungen .field_beispiel_projekte .label {
    font-size: 2rem;
  }
}

@media screen and (min-width: 769px) {
  body.vocabulary-abteilungen .field_beispiel_projekte .label {
    text-transform: unset;
  }
}

@media screen and (min-width: 1024px) {
  body.vocabulary-abteilungen .field_beispiel_projekte .label {
    padding-left: 40px;
  }
}

body.vocabulary-abteilungen .field_beispiel_projekte .label::after {
  display: block;
  content: "";
  border-radius: 0;
  border: 0 none;
  background: #EC6456;
  display: block;
  position: absolute;
  width: 60px;
  height: 60px;
  background: url(../assets/img/sprite_fcp.svg) no-repeat 0 -820px;
  left: -50px;
  top: -16px;
}

@media screen and (min-width: 600px) {
  body.vocabulary-abteilungen .field_beispiel_projekte .label::after {
    top: -9px;
  }
}

@media screen and (min-width: 769px) {
  body.vocabulary-abteilungen .field_beispiel_projekte .label::after {
    top: -9px;
    left: -15px;
  }
}

@media screen and (min-width: 1024px) {
  body.vocabulary-abteilungen .field_beispiel_projekte .label::after {
    top: -5px;
    left: -15px;
  }
}

@media screen and (max-width: 768px) {
  body.vocabulary-abteilungen .field_beispiel_projekte .label::after {
    transform: scale(0.5);
    top: -9px;
    display: none;
  }
}

@media screen and (max-width: 599px) {
  body.vocabulary-abteilungen .field_beispiel_projekte .label::after {
    top: -12px;
  }
}

body.vocabulary-abteilungen .field_beispiel_projekte .label:after {
  top: 0px;
}

@media screen and (max-width: 1023px) {
  body.vocabulary-abteilungen .field_beispiel_projekte .label:after {
    display: none;
  }
}

body.vocabulary-abteilungen .field_beispiel_projekte .field_beispiel_projekte-fields {
  display: grid;
  grid-template-columns: repeat(1, 1fr);
  grid-template-rows: repeat(1, 1fr);
  grid-auto-flow: row;
  gap: 2rem;
  align-items: start;
}

@media screen and (min-width: 769px) {
  body.vocabulary-abteilungen .field_beispiel_projekte .field_beispiel_projekte-fields {
    grid-template-columns: repeat(2, 1fr);
  }
}

@media screen and (min-width: 1024px) {
  body.vocabulary-abteilungen .field_beispiel_projekte .field_beispiel_projekte-fields {
    grid-template-columns: repeat(3, 1fr);
  }
}

body.vocabulary-abteilungen .field_beispiel_projekte .field_beispiel_projekte-fields a.card {
  display: block;
  background: #fff;
  height: 100%;
  width: 100%;
  box-shadow: unset;
  /*
      box-shadow: 2px 2px 4px $grey;
*/
  /* from Mixin above */
  /* ++++++++++++++++++++++++++++++++   */
  /* ++++++++++++++++++++++++++++++++   */
}

@media screen and (min-width: 769px) {
  body.vocabulary-abteilungen .field_beispiel_projekte .field_beispiel_projekte-fields a.card {
    display: grid;
    grid-template-columns: 1fr;
    grid-template-rows: 10px auto auto 1fr;
    grid-template-rows: 200px auto;
    grid-template-rows: auto auto;
    grid-template-rows: minmax(200px, auto) 1fr;
    grid-column-gap: 0px;
    grid-row-gap: 0px;
  }
}

body.vocabulary-abteilungen .field_beispiel_projekte .field_beispiel_projekte-fields a.card * {
  -webkit-transition: all 0.15s linear;
  -moz-transition: all 0.15s linear;
  -ms-transition: all 0.15s linear;
  -o-transition: all 0.15s linear;
  transition: all 0.15s linear;
  padding: 0;
  margin: 0;
  color: #151515;
}

body.vocabulary-abteilungen .field_beispiel_projekte .field_beispiel_projekte-fields a.card > * {
  padding: 0 2rem;
  padding: 0;
  margin: 0;
  color: #151515;
}

body.vocabulary-abteilungen .field_beispiel_projekte .field_beispiel_projekte-fields a.card:hover, body.vocabulary-abteilungen .field_beispiel_projekte .field_beispiel_projekte-fields a.card:focus, body.vocabulary-abteilungen .field_beispiel_projekte .field_beispiel_projekte-fields a.card:active, body.vocabulary-abteilungen .field_beispiel_projekte .field_beispiel_projekte-fields a.card:focus-within {
  color: #EC6456;
}

body.vocabulary-abteilungen .field_beispiel_projekte .field_beispiel_projekte-fields a.card:hover *, body.vocabulary-abteilungen .field_beispiel_projekte .field_beispiel_projekte-fields a.card:focus *, body.vocabulary-abteilungen .field_beispiel_projekte .field_beispiel_projekte-fields a.card:active *, body.vocabulary-abteilungen .field_beispiel_projekte .field_beispiel_projekte-fields a.card:focus-within * {
  color: #EC6456;
}

body.vocabulary-abteilungen .field_beispiel_projekte .field_beispiel_projekte-fields a.card:hover:after, body.vocabulary-abteilungen .field_beispiel_projekte .field_beispiel_projekte-fields a.card:focus:after, body.vocabulary-abteilungen .field_beispiel_projekte .field_beispiel_projekte-fields a.card:active:after, body.vocabulary-abteilungen .field_beispiel_projekte .field_beispiel_projekte-fields a.card:focus-within:after {
  display: none;
}

body.vocabulary-abteilungen .field_beispiel_projekte .field_beispiel_projekte-fields a.card.projekt .small, body.vocabulary-abteilungen .field_beispiel_projekte .field_beispiel_projekte-fields a.card.news .small, body.vocabulary-abteilungen .field_beispiel_projekte .field_beispiel_projekte-fields a.card.kompetenzen .small {
  text-transform: uppercase;
}

body.vocabulary-abteilungen .field_beispiel_projekte .field_beispiel_projekte-fields a.card > figure.image,
body.vocabulary-abteilungen .field_beispiel_projekte .field_beispiel_projekte-fields a.card .field_media_image figure.image,
body.vocabulary-abteilungen .field_beispiel_projekte .field_beispiel_projekte-fields a.card div.field--name-field-mehr-bilder figure.image,
body.vocabulary-abteilungen .field_beispiel_projekte .field_beispiel_projekte-fields a.card .views-field-field-image, body.vocabulary-abteilungen .field_beispiel_projekte .field_beispiel_projekte-fields a.card .views-field-logo {
  /* passt sich genau der Bildgröße an */
  position: relative;
  /* nötig für ::after */
  padding: 0;
  /* Standard-Padding entfernen */
  line-height: 0;
  /* verhindert zusätzlichen Platz unter img */
  margin-bottom: .5rem;
}

@media screen and (min-width: 769px) {
  body.vocabulary-abteilungen .field_beispiel_projekte .field_beispiel_projekte-fields a.card > figure.image,
  body.vocabulary-abteilungen .field_beispiel_projekte .field_beispiel_projekte-fields a.card .field_media_image figure.image,
  body.vocabulary-abteilungen .field_beispiel_projekte .field_beispiel_projekte-fields a.card div.field--name-field-mehr-bilder figure.image,
  body.vocabulary-abteilungen .field_beispiel_projekte .field_beispiel_projekte-fields a.card .views-field-field-image, body.vocabulary-abteilungen .field_beispiel_projekte .field_beispiel_projekte-fields a.card .views-field-logo {
    display: inline-block;
  }
}

body.vocabulary-abteilungen .field_beispiel_projekte .field_beispiel_projekte-fields a.card > figure.image:after,
body.vocabulary-abteilungen .field_beispiel_projekte .field_beispiel_projekte-fields a.card .field_media_image figure.image:after,
body.vocabulary-abteilungen .field_beispiel_projekte .field_beispiel_projekte-fields a.card div.field--name-field-mehr-bilder figure.image:after,
body.vocabulary-abteilungen .field_beispiel_projekte .field_beispiel_projekte-fields a.card .views-field-field-image:after, body.vocabulary-abteilungen .field_beispiel_projekte .field_beispiel_projekte-fields a.card .views-field-logo:after {
  -webkit-transition: all 0.15s linear;
  -moz-transition: all 0.15s linear;
  -ms-transition: all 0.15s linear;
  -o-transition: all 0.15s linear;
  transition: all 0.15s linear;
  content: "";
  position: absolute;
  inset: 0;
  background: rgba(235, 99, 84, 0.6);
  pointer-events: none;
  opacity: 0;
}

body.vocabulary-abteilungen .field_beispiel_projekte .field_beispiel_projekte-fields a.card:hover > figure.image:after, body.vocabulary-abteilungen .field_beispiel_projekte .field_beispiel_projekte-fields a.card:hover .views-field-field-image:after, body.vocabulary-abteilungen .field_beispiel_projekte .field_beispiel_projekte-fields a.card:hover .views-field-logo:after,
body.vocabulary-abteilungen .field_beispiel_projekte .field_beispiel_projekte-fields a.card:hover .field_media_image figure.image:after, body.vocabulary-abteilungen .field_beispiel_projekte .field_beispiel_projekte-fields a.card:focus > figure.image:after, body.vocabulary-abteilungen .field_beispiel_projekte .field_beispiel_projekte-fields a.card:focus .views-field-field-image:after, body.vocabulary-abteilungen .field_beispiel_projekte .field_beispiel_projekte-fields a.card:focus .views-field-logo:after,
body.vocabulary-abteilungen .field_beispiel_projekte .field_beispiel_projekte-fields a.card:focus .field_media_image figure.image:after, body.vocabulary-abteilungen .field_beispiel_projekte .field_beispiel_projekte-fields a.card:active > figure.image:after, body.vocabulary-abteilungen .field_beispiel_projekte .field_beispiel_projekte-fields a.card:active .views-field-field-image:after, body.vocabulary-abteilungen .field_beispiel_projekte .field_beispiel_projekte-fields a.card:active .views-field-logo:after,
body.vocabulary-abteilungen .field_beispiel_projekte .field_beispiel_projekte-fields a.card:active .field_media_image figure.image:after, body.vocabulary-abteilungen .field_beispiel_projekte .field_beispiel_projekte-fields a.card:focus-within > figure.image:after, body.vocabulary-abteilungen .field_beispiel_projekte .field_beispiel_projekte-fields a.card:focus-within .views-field-field-image:after, body.vocabulary-abteilungen .field_beispiel_projekte .field_beispiel_projekte-fields a.card:focus-within .views-field-logo:after,
body.vocabulary-abteilungen .field_beispiel_projekte .field_beispiel_projekte-fields a.card:focus-within .field_media_image figure.image:after {
  opacity: 1;
}

body.vocabulary-abteilungen .field_beispiel_projekte .field_beispiel_projekte-fields a.card h2, body.vocabulary-abteilungen .field_beispiel_projekte .field_beispiel_projekte-fields a.card h3 {
  margin: 0;
}

body.vocabulary-abteilungen .field_beispiel_projekte .field_beispiel_projekte-fields a.card h3 {
  text-transform: none;
}

@media screen and (min-width: 1216px) {
  body.vocabulary-abteilungen .field_beispiel_projekte .field_beispiel_projekte-fields a.card h3 {
    letter-spacing: .025rem;
  }
}

body.vocabulary-abteilungen .field_beispiel_projekte .field_beispiel_projekte-fields a.card ul {
  margin: 0;
  list-style: none;
}

body.vocabulary-abteilungen .field_beispiel_projekte .field_beispiel_projekte-fields a.card ul li {
  list-style: none;
}

body.vocabulary-abteilungen .field_beispiel_projekte .field_beispiel_projekte-fields a.card .views-field div.field-content,
body.vocabulary-abteilungen .field_beispiel_projekte .field_beispiel_projekte-fields a.card .views-field-details .field-content,
body.vocabulary-abteilungen .field_beispiel_projekte .field_beispiel_projekte-fields a.card span.views-label + span {
  word-break: break-word;
}

body.vocabulary-abteilungen .field_beispiel_projekte .field_beispiel_projekte-fields a.card .views-label {
  font-size: 0;
  position: relative;
  display: inline-block;
}

body.vocabulary-abteilungen .field_beispiel_projekte .field_beispiel_projekte-fields a.card .views-label:before {
  content: "";
  display: block;
  position: absolute;
  left: 0;
  top: -6px;
  width: 36px;
  height: 36px;
  border-radius: 100%;
  background: #ff75cc url(../assets/img/sprite_fcp.svg) no-repeat 5px -695px;
}

body.vocabulary-abteilungen .field_beispiel_projekte .field_beispiel_projekte-fields a.card.image {
  min-height: 300px;
  display: grid;
  grid-template-columns: 1fr;
  grid-template-rows: 1fr auto;
  grid-template-rows: auto auto 1fr auto;
  grid-column-gap: 0px;
  grid-row-gap: 0px;
}

body.vocabulary-abteilungen .field_beispiel_projekte .field_beispiel_projekte-fields a.card.image figure img {
  margin: 0;
  padding: 0;
  height: 250px;
  width: 100%;
  object-fit: cover;
  object-position: center center;
  border-radius: 20px 20px 0 0;
}

@media screen and (max-width: 768px) {
  body.vocabulary-abteilungen .field_beispiel_projekte .field_beispiel_projekte-fields a.card.image figure img {
    height: 150px;
  }
}

body.vocabulary-abteilungen .field_beispiel_projekte .field_beispiel_projekte-fields a.card.small {
  grid-template-columns: 1fr;
  grid-template-rows: repeat(2, 1fr);
  grid-template-rows: auto 1fr;
  border: 0 none;
  min-height: 150px;
  margin-bottom: 1rem;
}

@media screen and (min-width: 769px) {
  body.vocabulary-abteilungen .field_beispiel_projekte .field_beispiel_projekte-fields a.card.small {
    min-height: 200px;
  }
}

@media screen and (min-width: 1024px) {
  body.vocabulary-abteilungen .field_beispiel_projekte .field_beispiel_projekte-fields a.card.small {
    min-height: 300px;
  }
}

body.vocabulary-abteilungen .field_beispiel_projekte .field_beispiel_projekte-fields a.card .image img {
  max-height: 200px;
  object-fit: cover;
}

/* body node news */
/* Header Definition der Detailansicht wird in module_angebote mit abgehandelt */
body.is-page-node-type-testimonial {
  /* end label */
}

body.is-page-node-type-testimonial .articlecontent .subtitle,
body.is-page-node-type-testimonial .articlecontent .field_bild,
body.is-page-node-type-testimonial .articlecontent .teamtitle,
body.is-page-node-type-testimonial .articlecontent .field_positiontestimonial {
  max-width: 800px;
}

body.is-page-node-type-testimonial .view-testimonialzitate h2 {
  display: none;
}

body.is-page-node-type-testimonial .view-testimonialzitate .view-content {
  display: block;
}

body.is-page-node-type-testimonial .view-testimonialzitate .views-row {
  position: relative;
  display: grid;
  grid-template-columns: 160px 1fr;
  grid-template-columns: 1fr;
  grid-template-rows: auto 1fr;
  grid-auto-flow: row;
  column-gap: 2rem;
  row-gap: 1rem;
  align-items: start;
  max-width: 600px;
  margin: 0 auto;
}

@media screen and (max-width: 599px) {
  body.is-page-node-type-testimonial .view-testimonialzitate .views-row {
    grid-template-columns: 1fr;
    grid-template-rows: auto auto 1fr;
  }
}

.is-page-node-type-projekt body.is-page-node-type-testimonial .view-testimonialzitate .views-row,
.is-page-node-type-testimonial body.is-page-node-type-testimonial .view-testimonialzitate .views-row,
.is-page-node-type-news body.is-page-node-type-testimonial .view-testimonialzitate .views-row {
  margin: 3rem 0 4rem 2rem;
}

@media screen and (min-width: 769px) {
  body.is-page-node-type-testimonial .view-testimonialzitate .views-row {
    grid-template-columns: 180px 1fr;
  }
}

@media screen and (min-width: 1024px) {
  body.is-page-node-type-testimonial .view-testimonialzitate .views-row {
    /*    width: 80%;
        max-width: 800px;   
        */
  }
}

@media screen and (max-width: 768px) {
  body.is-page-node-type-testimonial .view-testimonialzitate .views-row {
    text-align: center;
  }
}

body.is-page-node-type-testimonial .view-testimonialzitate .views-row .field, body.is-page-node-type-testimonial .view-testimonialzitate .views-row .content {
  margin: 0;
}

body.is-page-node-type-testimonial .view-testimonialzitate .views-row .field--name-field-zitat-aussage,
body.is-page-node-type-testimonial .view-testimonialzitate .views-row .field--name-field-langtext,
body.is-page-node-type-testimonial .view-testimonialzitate .views-row .views-field-field-zitat-aussage {
  font-weight: 700;
}

@media screen and (min-width: 769px) {
  body.is-page-node-type-testimonial .view-testimonialzitate .views-row .field--name-field-zitat-aussage,
  body.is-page-node-type-testimonial .view-testimonialzitate .views-row .field--name-field-langtext,
  body.is-page-node-type-testimonial .view-testimonialzitate .views-row .views-field-field-zitat-aussage {
    padding-top: 2rem;
  }
}

body.is-page-node-type-testimonial .view-testimonialzitate .views-row .field--name-field-zitat-autor,
body.is-page-node-type-testimonial .view-testimonialzitate .views-row .field--name-field-position-zitat,
body.is-page-node-type-testimonial .view-testimonialzitate .views-row .views-field-title-1 {
  font-size: 0.75rem;
}

@media screen and (min-width: 769px) {
  body.is-page-node-type-testimonial .view-testimonialzitate .views-row .field--name-field-zitat-autor,
  body.is-page-node-type-testimonial .view-testimonialzitate .views-row .field--name-field-position-zitat,
  body.is-page-node-type-testimonial .view-testimonialzitate .views-row .views-field-title-1 {
    font-size: 0.875rem;
  }
}

@media screen and (min-width: 1024px) {
  body.is-page-node-type-testimonial .view-testimonialzitate .views-row .field--name-field-zitat-autor,
  body.is-page-node-type-testimonial .view-testimonialzitate .views-row .field--name-field-position-zitat,
  body.is-page-node-type-testimonial .view-testimonialzitate .views-row .views-field-title-1 {
    font-size: 0.875rem;
  }
}

body.is-page-node-type-testimonial .view-testimonialzitate .views-row .field_zitat_autor_bild,
body.is-page-node-type-testimonial .view-testimonialzitate .views-row .views-field-field-bild,
body.is-page-node-type-testimonial .view-testimonialzitate .views-row .zitatgeberbild {
  grid-area: 1 / 1 / span 2 / span 1;
}

@media screen and (min-width: 769px) {
  body.is-page-node-type-testimonial .view-testimonialzitate .views-row .field_zitat_autor_bild,
  body.is-page-node-type-testimonial .view-testimonialzitate .views-row .views-field-field-bild,
  body.is-page-node-type-testimonial .view-testimonialzitate .views-row .zitatgeberbild {
    padding: 1rem 0;
  }
}

body.is-page-node-type-testimonial .view-testimonialzitate .views-row .field_zitat_autor_bild img,
body.is-page-node-type-testimonial .view-testimonialzitate .views-row .views-field-field-bild img,
body.is-page-node-type-testimonial .view-testimonialzitate .views-row .zitatgeberbild img {
  border-radius: 100%;
  width: 150px;
  height: 150px;
  object-fit: cover;
  display: block;
  margin: 0 auto;
  background-color: #edebe6;
}

@media screen and (min-width: 769px) {
  body.is-page-node-type-testimonial .view-testimonialzitate .views-row .field_zitat_autor_bild img,
  body.is-page-node-type-testimonial .view-testimonialzitate .views-row .views-field-field-bild img,
  body.is-page-node-type-testimonial .view-testimonialzitate .views-row .zitatgeberbild img {
    margin: 0;
  }
}

@media screen and (max-width: 768px) {
  body.is-page-node-type-testimonial .view-testimonialzitate .views-row .field_zitat_autor_bild .field--name-field-bild figure img,
  body.is-page-node-type-testimonial .view-testimonialzitate .views-row .views-field-field-bild .field--name-field-bild figure img,
  body.is-page-node-type-testimonial .view-testimonialzitate .views-row .zitatgeberbild .field--name-field-bild figure img {
    margin: 0 auto 1rem;
  }
}

body.is-page-node-type-testimonial .view-testimonialzitate .views-row .field--name-field-zitat-aussage,
body.is-page-node-type-testimonial .view-testimonialzitate .views-row .field--name-field-langtext,
body.is-page-node-type-testimonial .view-testimonialzitate .views-row .views-field-field-zitat-aussage {
  padding-left: 20px;
  position: relative;
}

@media screen and (min-width: 769px) {
  body.is-page-node-type-testimonial .view-testimonialzitate .views-row .field--name-field-zitat-aussage,
  body.is-page-node-type-testimonial .view-testimonialzitate .views-row .field--name-field-langtext,
  body.is-page-node-type-testimonial .view-testimonialzitate .views-row .views-field-field-zitat-aussage {
    padding-left: 0;
  }
}

body.is-page-node-type-testimonial .view-testimonialzitate .views-row .field--name-field-zitat-aussage:before,
body.is-page-node-type-testimonial .view-testimonialzitate .views-row .field--name-field-langtext:before,
body.is-page-node-type-testimonial .view-testimonialzitate .views-row .views-field-field-zitat-aussage:before {
  content: "”";
  position: absolute;
  display: block;
  font-size: 80px;
  font-weight: 800;
  color: #EC6456;
  line-height: 1;
  width: 40px;
  height: 40px;
  left: -20px;
  top: -20px;
}

@media screen and (min-width: 769px) {
  body.is-page-node-type-testimonial .view-testimonialzitate .views-row .field--name-field-zitat-aussage:before,
  body.is-page-node-type-testimonial .view-testimonialzitate .views-row .field--name-field-langtext:before,
  body.is-page-node-type-testimonial .view-testimonialzitate .views-row .views-field-field-zitat-aussage:before {
    left: -48px;
    top: 12px;
  }
}

@media screen and (min-width: 600px) {
  body.is-page-node-type-testimonial .view-testimonialzitate .views-row .field--name-field-zitat-aussage:before,
  body.is-page-node-type-testimonial .view-testimonialzitate .views-row .field--name-field-langtext:before,
  body.is-page-node-type-testimonial .view-testimonialzitate .views-row .views-field-field-zitat-aussage:before {
    display: block;
  }
}

body.is-page-node-type-testimonial .articlecontent .field_section > .field .paragraph.view-testimonialzitate > .container {
  display: block;
}

body.is-page-node-type-testimonial .field_bild {
  margin-bottom: 2rem;
}

body.is-page-node-type-testimonial .field_bild * {
  margin-bottom: 0;
}

body.is-page-node-type-testimonial .articlecontent .field_section {
  margin-top: 0;
}

@media screen and (min-width: 1024px) {
  body.is-page-node-type-testimonial .articlecontent .field_section > .field .paragraph > .container {
    display: grid;
    grid-template-columns: 50% 50%;
    grid-template-rows: auto 1fr;
  }
}

body.is-page-node-type-testimonial .articlecontent .field_section > .field .paragraph > .container div.leftcol {
  grid-area: 1 / 2 / 3 / 2;
}

body.is-page-node-type-testimonial .articlecontent .field_section > .field:nth-child(even) .paragraph > .container div.leftcol {
  grid-area: 1 / 1 / 3 / 1;
}

/*   */
body.page-node-7439.has-headline {
  /* articlecontent */
}

body.page-node-7439.has-headline .hero .headerimage {
  position: relative;
}

body.page-node-7439.has-headline .hero .headerimage::after {
  display: block;
  content: "";
  display: block;
  position: absolute;
  height: 200px;
  width: 290px;
  background: url(../assets/img/fcppreislogo.svg) no-repeat 0 0;
  z-index: 2;
  bottom: 5px;
  right: 2rem;
  background-size: contain;
  filter: invert(1);
}

body.page-node-7439.has-headline .articlecontent {
  display: grid;
  grid-template-columns: 100%;
  grid-template-rows: repeat(1, 1fr);
  grid-auto-flow: row;
  gap: 0 4rem;
}

@media screen and (min-width: 769px) {
  body.page-node-7439.has-headline .articlecontent {
    grid-template-columns: 54% 1fr;
    gap: 4rem;
  }
  body.page-node-7439.has-headline .articlecontent > .content {
    margin: 0;
  }
  body.page-node-7439.has-headline .articlecontent > .content .field {
    max-width: unset;
  }
  body.page-node-7439.has-headline .articlecontent > .content + div {
    /* link button */
  }
  body.page-node-7439.has-headline .articlecontent .field_headline {
    grid-area: 1 / 1 / 2 / 3;
  }
  body.page-node-7439.has-headline .articlecontent .field_video {
    grid-area: 2 / 1 / 3 / 1;
  }
  body.page-node-7439.has-headline .articlecontent .field_section {
    grid-area: 3 / 1 / 4 / 3;
  }
}

body.page-node-7439.has-headline .articlecontent .field--name-field-introtext > p:first-child {
  margin: 0;
}

body.page-node-7439.has-headline .articlecontent .field_section {
  margin: 0;
}

body.page-node-7439.has-headline .articlecontent .field_section .field:nth-child(1) .paragraph {
  padding-top: 0;
}

body.page-node-7439.has-headline .articlecontent .field_section .field:last-child .paragraph > .container, body.page-node-7439.has-headline .articlecontent .field_section .field:nth-child(4) .paragraph > .container {
  display: block;
}

body.page-node-7439.has-headline .articlecontent .field_section .field:last-child .text, body.page-node-7439.has-headline .articlecontent .field_section .field:nth-child(4) .text {
  display: block;
}

body.page-node-7439.has-headline .view.fcppreisbewerbung .view-content {
  display: block;
}

body.page-node-7439.has-headline .view.fcppreisbewerbung .view-content .tns-outer {
  font-family: unset;
}

body.page-node-7439.has-headline .view.fcppreisbewerbung .view-content .tns-outer p {
  font-weight: 400;
}

body.page-node-7439.has-headline .view.fcppreisbewerbung .view-content .tns-outer .tns-item {
  padding-right: 2rem;
  font-size: initial;
  text-transform: initial;
  height: 100%;
}

body.page-node-7439.has-headline .view.fcppreisbewerbung .view-content .tns-outer .tns-item > div a.card * {
  opacity: 0.2;
}

body.page-node-7439.has-headline .view.fcppreisbewerbung .view-content .tns-outer .tns-item.tns-slide-active > div a.card * {
  opacity: 1;
}

body.page-node-7439.has-headline .view.fcppreisbewerbung .view-content .tns-outer a.card {
  display: block;
  background: #fff;
  height: 100%;
  width: 100%;
  box-shadow: unset;
  /*
      box-shadow: 2px 2px 4px $grey;
*/
  /* from Mixin above */
  /* ++++++++++++++++++++++++++++++++   */
  /* ++++++++++++++++++++++++++++++++   */
}

@media screen and (min-width: 769px) {
  body.page-node-7439.has-headline .view.fcppreisbewerbung .view-content .tns-outer a.card {
    display: grid;
    grid-template-columns: 1fr;
    grid-template-rows: 10px auto auto 1fr;
    grid-template-rows: 200px auto;
    grid-template-rows: auto auto;
    grid-template-rows: minmax(200px, auto) 1fr;
    grid-column-gap: 0px;
    grid-row-gap: 0px;
  }
}

body.page-node-7439.has-headline .view.fcppreisbewerbung .view-content .tns-outer a.card * {
  -webkit-transition: all 0.15s linear;
  -moz-transition: all 0.15s linear;
  -ms-transition: all 0.15s linear;
  -o-transition: all 0.15s linear;
  transition: all 0.15s linear;
  padding: 0;
  margin: 0;
  color: #151515;
}

body.page-node-7439.has-headline .view.fcppreisbewerbung .view-content .tns-outer a.card > * {
  padding: 0 2rem;
  padding: 0;
  margin: 0;
  color: #151515;
}

body.page-node-7439.has-headline .view.fcppreisbewerbung .view-content .tns-outer a.card:hover, body.page-node-7439.has-headline .view.fcppreisbewerbung .view-content .tns-outer a.card:focus, body.page-node-7439.has-headline .view.fcppreisbewerbung .view-content .tns-outer a.card:active, body.page-node-7439.has-headline .view.fcppreisbewerbung .view-content .tns-outer a.card:focus-within {
  color: #EC6456;
}

body.page-node-7439.has-headline .view.fcppreisbewerbung .view-content .tns-outer a.card:hover *, body.page-node-7439.has-headline .view.fcppreisbewerbung .view-content .tns-outer a.card:focus *, body.page-node-7439.has-headline .view.fcppreisbewerbung .view-content .tns-outer a.card:active *, body.page-node-7439.has-headline .view.fcppreisbewerbung .view-content .tns-outer a.card:focus-within * {
  color: #EC6456;
}

body.page-node-7439.has-headline .view.fcppreisbewerbung .view-content .tns-outer a.card:hover:after, body.page-node-7439.has-headline .view.fcppreisbewerbung .view-content .tns-outer a.card:focus:after, body.page-node-7439.has-headline .view.fcppreisbewerbung .view-content .tns-outer a.card:active:after, body.page-node-7439.has-headline .view.fcppreisbewerbung .view-content .tns-outer a.card:focus-within:after {
  display: none;
}

body.page-node-7439.has-headline .view.fcppreisbewerbung .view-content .tns-outer a.card.projekt .small, body.page-node-7439.has-headline .view.fcppreisbewerbung .view-content .tns-outer a.card.news .small, body.page-node-7439.has-headline .view.fcppreisbewerbung .view-content .tns-outer a.card.kompetenzen .small {
  text-transform: uppercase;
}

body.page-node-7439.has-headline .view.fcppreisbewerbung .view-content .tns-outer a.card > figure.image,
body.page-node-7439.has-headline .view.fcppreisbewerbung .view-content .tns-outer a.card .field_media_image figure.image,
body.page-node-7439.has-headline .view.fcppreisbewerbung .view-content .tns-outer a.card div.field--name-field-mehr-bilder figure.image,
body.page-node-7439.has-headline .view.fcppreisbewerbung .view-content .tns-outer a.card .views-field-field-image, body.page-node-7439.has-headline .view.fcppreisbewerbung .view-content .tns-outer a.card .views-field-logo {
  /* passt sich genau der Bildgröße an */
  position: relative;
  /* nötig für ::after */
  padding: 0;
  /* Standard-Padding entfernen */
  line-height: 0;
  /* verhindert zusätzlichen Platz unter img */
  margin-bottom: .5rem;
}

@media screen and (min-width: 769px) {
  body.page-node-7439.has-headline .view.fcppreisbewerbung .view-content .tns-outer a.card > figure.image,
  body.page-node-7439.has-headline .view.fcppreisbewerbung .view-content .tns-outer a.card .field_media_image figure.image,
  body.page-node-7439.has-headline .view.fcppreisbewerbung .view-content .tns-outer a.card div.field--name-field-mehr-bilder figure.image,
  body.page-node-7439.has-headline .view.fcppreisbewerbung .view-content .tns-outer a.card .views-field-field-image, body.page-node-7439.has-headline .view.fcppreisbewerbung .view-content .tns-outer a.card .views-field-logo {
    display: inline-block;
  }
}

body.page-node-7439.has-headline .view.fcppreisbewerbung .view-content .tns-outer a.card > figure.image:after,
body.page-node-7439.has-headline .view.fcppreisbewerbung .view-content .tns-outer a.card .field_media_image figure.image:after,
body.page-node-7439.has-headline .view.fcppreisbewerbung .view-content .tns-outer a.card div.field--name-field-mehr-bilder figure.image:after,
body.page-node-7439.has-headline .view.fcppreisbewerbung .view-content .tns-outer a.card .views-field-field-image:after, body.page-node-7439.has-headline .view.fcppreisbewerbung .view-content .tns-outer a.card .views-field-logo:after {
  -webkit-transition: all 0.15s linear;
  -moz-transition: all 0.15s linear;
  -ms-transition: all 0.15s linear;
  -o-transition: all 0.15s linear;
  transition: all 0.15s linear;
  content: "";
  position: absolute;
  inset: 0;
  background: rgba(235, 99, 84, 0.6);
  pointer-events: none;
  opacity: 0;
}

body.page-node-7439.has-headline .view.fcppreisbewerbung .view-content .tns-outer a.card:hover > figure.image:after, body.page-node-7439.has-headline .view.fcppreisbewerbung .view-content .tns-outer a.card:hover .views-field-field-image:after, body.page-node-7439.has-headline .view.fcppreisbewerbung .view-content .tns-outer a.card:hover .views-field-logo:after,
body.page-node-7439.has-headline .view.fcppreisbewerbung .view-content .tns-outer a.card:hover .field_media_image figure.image:after, body.page-node-7439.has-headline .view.fcppreisbewerbung .view-content .tns-outer a.card:focus > figure.image:after, body.page-node-7439.has-headline .view.fcppreisbewerbung .view-content .tns-outer a.card:focus .views-field-field-image:after, body.page-node-7439.has-headline .view.fcppreisbewerbung .view-content .tns-outer a.card:focus .views-field-logo:after,
body.page-node-7439.has-headline .view.fcppreisbewerbung .view-content .tns-outer a.card:focus .field_media_image figure.image:after, body.page-node-7439.has-headline .view.fcppreisbewerbung .view-content .tns-outer a.card:active > figure.image:after, body.page-node-7439.has-headline .view.fcppreisbewerbung .view-content .tns-outer a.card:active .views-field-field-image:after, body.page-node-7439.has-headline .view.fcppreisbewerbung .view-content .tns-outer a.card:active .views-field-logo:after,
body.page-node-7439.has-headline .view.fcppreisbewerbung .view-content .tns-outer a.card:active .field_media_image figure.image:after, body.page-node-7439.has-headline .view.fcppreisbewerbung .view-content .tns-outer a.card:focus-within > figure.image:after, body.page-node-7439.has-headline .view.fcppreisbewerbung .view-content .tns-outer a.card:focus-within .views-field-field-image:after, body.page-node-7439.has-headline .view.fcppreisbewerbung .view-content .tns-outer a.card:focus-within .views-field-logo:after,
body.page-node-7439.has-headline .view.fcppreisbewerbung .view-content .tns-outer a.card:focus-within .field_media_image figure.image:after {
  opacity: 1;
}

body.page-node-7439.has-headline .view.fcppreisbewerbung .view-content .tns-outer a.card h2, body.page-node-7439.has-headline .view.fcppreisbewerbung .view-content .tns-outer a.card h3 {
  margin: 0;
}

body.page-node-7439.has-headline .view.fcppreisbewerbung .view-content .tns-outer a.card h3 {
  text-transform: none;
}

@media screen and (min-width: 1216px) {
  body.page-node-7439.has-headline .view.fcppreisbewerbung .view-content .tns-outer a.card h3 {
    letter-spacing: .025rem;
  }
}

body.page-node-7439.has-headline .view.fcppreisbewerbung .view-content .tns-outer a.card ul {
  margin: 0;
  list-style: none;
}

body.page-node-7439.has-headline .view.fcppreisbewerbung .view-content .tns-outer a.card ul li {
  list-style: none;
}

body.page-node-7439.has-headline .view.fcppreisbewerbung .view-content .tns-outer a.card .views-field div.field-content,
body.page-node-7439.has-headline .view.fcppreisbewerbung .view-content .tns-outer a.card .views-field-details .field-content,
body.page-node-7439.has-headline .view.fcppreisbewerbung .view-content .tns-outer a.card span.views-label + span {
  word-break: break-word;
}

body.page-node-7439.has-headline .view.fcppreisbewerbung .view-content .tns-outer a.card .views-label {
  font-size: 0;
  position: relative;
  display: inline-block;
}

body.page-node-7439.has-headline .view.fcppreisbewerbung .view-content .tns-outer a.card .views-label:before {
  content: "";
  display: block;
  position: absolute;
  left: 0;
  top: -6px;
  width: 36px;
  height: 36px;
  border-radius: 100%;
  background: #ff75cc url(../assets/img/sprite_fcp.svg) no-repeat 5px -695px;
}

body.page-node-7439.has-headline .view.fcppreisbewerbung .view-content .tns-outer a.card.image {
  min-height: 300px;
  display: grid;
  grid-template-columns: 1fr;
  grid-template-rows: 1fr auto;
  grid-template-rows: auto auto 1fr auto;
  grid-column-gap: 0px;
  grid-row-gap: 0px;
}

body.page-node-7439.has-headline .view.fcppreisbewerbung .view-content .tns-outer a.card.image figure img {
  margin: 0;
  padding: 0;
  height: 250px;
  width: 100%;
  object-fit: cover;
  object-position: center center;
  border-radius: 20px 20px 0 0;
}

@media screen and (max-width: 768px) {
  body.page-node-7439.has-headline .view.fcppreisbewerbung .view-content .tns-outer a.card.image figure img {
    height: 150px;
  }
}

body.page-node-7439.has-headline .view.fcppreisbewerbung .view-content .tns-outer a.card.small {
  grid-template-columns: 1fr;
  grid-template-rows: repeat(2, 1fr);
  grid-template-rows: auto 1fr;
  border: 0 none;
  min-height: 150px;
  margin-bottom: 1rem;
}

@media screen and (min-width: 769px) {
  body.page-node-7439.has-headline .view.fcppreisbewerbung .view-content .tns-outer a.card.small {
    min-height: 200px;
  }
}

@media screen and (min-width: 1024px) {
  body.page-node-7439.has-headline .view.fcppreisbewerbung .view-content .tns-outer a.card.small {
    min-height: 300px;
  }
}

body.page-node-7439.has-headline .view.fcppreisbewerbung .view-content .tns-outer a.card {
  grid-template-rows: minmax(200px, auto) 1fr;
  grid-template-rows: auto auto 1fr;
  background: #edebe6;
  padding-bottom: 2rem;
  height: 100%;
  min-height: 400px;
}

body.page-node-7439.has-headline .view.fcppreisbewerbung .view-content .tns-outer a.card > * {
  text-transform: unset;
}

body.page-node-7439.has-headline .view.fcppreisbewerbung .view-content .tns-outer a.card::after {
  -webkit-transition: all 0.15s linear;
  -moz-transition: all 0.15s linear;
  -ms-transition: all 0.15s linear;
  -o-transition: all 0.15s linear;
  transition: all 0.15s linear;
  display: block;
  content: "";
  display: block;
  position: absolute;
  height: 30px;
  width: 60px;
  background: url(../assets/img/sprite_fcp.svg) no-repeat 0 -1200px;
  right: 10px;
  bottom: 10px;
  filter: brightness(0.1);
}

body.page-node-7439.has-headline .view.fcppreisbewerbung .view-content .tns-outer a.card:hover, body.page-node-7439.has-headline .view.fcppreisbewerbung .view-content .tns-outer a.card:focus, body.page-node-7439.has-headline .view.fcppreisbewerbung .view-content .tns-outer a.card:active, body.page-node-7439.has-headline .view.fcppreisbewerbung .view-content .tns-outer a.card:focus-within {
  background: #EC6456;
  outline: unset;
}

body.page-node-7439.has-headline .view.fcppreisbewerbung .view-content .tns-outer a.card:hover *, body.page-node-7439.has-headline .view.fcppreisbewerbung .view-content .tns-outer a.card:focus *, body.page-node-7439.has-headline .view.fcppreisbewerbung .view-content .tns-outer a.card:active *, body.page-node-7439.has-headline .view.fcppreisbewerbung .view-content .tns-outer a.card:focus-within * {
  color: #fff;
}

body.page-node-7439.has-headline .view.fcppreisbewerbung .view-content .tns-outer a.card:hover::after, body.page-node-7439.has-headline .view.fcppreisbewerbung .view-content .tns-outer a.card:focus::after, body.page-node-7439.has-headline .view.fcppreisbewerbung .view-content .tns-outer a.card:active::after, body.page-node-7439.has-headline .view.fcppreisbewerbung .view-content .tns-outer a.card:focus-within::after {
  filter: brightness(1);
}

body.page-node-7439.has-headline .view.fcppreisbewerbung .view-content .tns-outer a.card div.views-field {
  padding: 0 1.5rem;
  margin-bottom: .5rem;
}

body.page-node-7439.has-headline .view.fcppreisbewerbung .view-content .tns-outer a.card h3 {
  text-transform: unset;
}

body.page-node-7439.has-headline .view.fcppreisbewerbung .view-content .tns-outer a.card figure {
  margin-bottom: .5rem;
}

body.page-node-7439.has-headline .view.fcppreisbewerbung .view-content .tns-outer a.card figure img {
  height: 150px;
  width: 100%;
  object-fit: cover;
}

@media screen and (min-width: 1024px) {
  body.page-node-7439.has-headline .view.fcppreisbewerbung .view-content .tns-outer a.card figure img {
    height: 150px;
    width: 100%;
  }
}

body.page-node-7439.has-headline .view.fcppreisbewerbung .view-content .tns-outer {
  margin: 3rem 0 0;
  position: relative;
}

body.page-node-7439.has-headline .view.fcppreisbewerbung .view-content .tns-ovh {
  position: relative;
}

body.page-node-7439.has-headline .view.fcppreisbewerbung .view-content .tns-controls {
  position: relative;
  margin: 2rem 0 0;
  width: 100%;
  position: absolute;
  margin: 0;
  left: 0;
  top: -2rem;
  height: 40px;
}

body.page-node-7439.has-headline .view.fcppreisbewerbung .view-content .tns-controls button {
  position: absolute;
  background: transparent;
  padding: 0;
  top: 50%;
  left: 0;
  transform: translate(0, -120%);
  height: 20px;
  font-size: 0;
}

body.page-node-7439.has-headline .view.fcppreisbewerbung .view-content .tns-controls button:hover, body.page-node-7439.has-headline .view.fcppreisbewerbung .view-content .tns-controls button:focus, body.page-node-7439.has-headline .view.fcppreisbewerbung .view-content .tns-controls button:active, body.page-node-7439.has-headline .view.fcppreisbewerbung .view-content .tns-controls button:focus {
  background-size: 0 0;
  box-shadow: unset;
}

body.page-node-7439.has-headline .view.fcppreisbewerbung .view-content .tns-controls button:hover:before, body.page-node-7439.has-headline .view.fcppreisbewerbung .view-content .tns-controls button:focus:before, body.page-node-7439.has-headline .view.fcppreisbewerbung .view-content .tns-controls button:active:before, body.page-node-7439.has-headline .view.fcppreisbewerbung .view-content .tns-controls button:focus:before {
  opacity: 1;
}

body.page-node-7439.has-headline .view.fcppreisbewerbung .view-content .tns-controls button:last-child {
  right: 0;
  left: auto;
}

body.page-node-7439.has-headline .view.fcppreisbewerbung .view-content .tns-controls button:after {
  display: none;
}

body.page-node-7439.has-headline .view.fcppreisbewerbung .view-content .tns-controls button:before {
  -webkit-transition: all 0.25s linear;
  -moz-transition: all 0.25s linear;
  -ms-transition: all 0.25s linear;
  -o-transition: all 0.25s linear;
  transition: all 0.25s linear;
  display: inline-block;
  content: "";
  position: absolute;
  right: 10px;
  top: 8px;
  top: auto;
  bottom: -4px;
  width: 40px;
  height: 20px;
  opacity: .85;
  background: transparent url(../assets/img/sprite_fcp.svg) no-repeat 8px -250px;
  animation: none;
  border: unset;
  border-radius: unset;
  clip-path: none;
}

body.page-node-7439.has-headline .view.fcppreisbewerbung .view-content .tns-controls button:last-child:before {
  right: 0;
  left: auto;
  background-position: 0px -350px;
}

body.page-node-7439.has-headline .view.fcppreisbewerbung .view-content .tns-controls button:hover:before, body.page-node-7439.has-headline .view.fcppreisbewerbung .view-content .tns-controls button:focus:before, body.page-node-7439.has-headline .view.fcppreisbewerbung .view-content .tns-controls button:active:before, body.page-node-7439.has-headline .view.fcppreisbewerbung .view-content .tns-controls button:focus:before {
  background-position-x: 0px;
}

body.page-node-7439.has-headline .view.fcppreisbewerbung .view-content .tns-controls button:last-child:hover:before, body.page-node-7439.has-headline .view.fcppreisbewerbung .view-content .tns-controls button:last-child:focus:before, body.page-node-7439.has-headline .view.fcppreisbewerbung .view-content .tns-controls button:last-child:active:before, body.page-node-7439.has-headline .view.fcppreisbewerbung .view-content .tns-controls button:last-child:focus:before {
  background-position-x: 8px;
}

body.page-node-7439.has-headline .view.fcppreisbewerbung .view-content .tns-controls {
  margin: 0rem 0 0;
  top: -3rem;
}

body.page-node-7439.has-headline .view.fcppreisbewerbung .view-content .tns-outer {
  margin: 5rem 0 0;
}

body.page-node-7439.has-headline .view.fcppreisbewerbung .view-content .tns-outer div.card {
  box-shadow: unset;
  grid-template-rows: auto 1fr;
  min-height: 500px;
  height: 500px;
  overflow: hidden;
  background: #edebe6;
  border-radius: 20px 20px 0 0;
}

body.page-node-7439.has-headline .view.fcppreisbewerbung .view-content .tns-outer div.card .slidetexts {
  padding: 0 1rem;
}

body.page-node-7439.has-headline .view.fcppreisbewerbung .view-content .tns-outer div.card figure.image {
  padding: 0 1rem;
  background: #d2cec5;
}

body.page-node-7439.has-headline .vce-preistraeger .views-exposed-form ul {
  margin: 0;
  padding: 0;
  display: -webkit-box;
  display: -webkit-flex;
  display: -moz-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-flex-wrap: wrap;
  -moz-flex-wrap: wrap;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
  -webkit-box-pack: start;
  -ms-flex-pack: start;
  -webkit-justify-content: flex-start;
  -moz-justify-content: flex-start;
  justify-content: flex-start;
  gap: 0 1rem;
}

@media screen and (min-width: 1024px) {
  body.page-node-7439.has-headline .vce-preistraeger .views-exposed-form ul {
    border-bottom: 1px solid #ccc;
  }
}

body.page-node-7439.has-headline .vce-preistraeger .views-exposed-form ul li {
  background: unset;
  margin: 0;
  padding: 0;
  -webkit-box-flex: 0;
  -webkit-flex: 0 1 auto;
  -moz-box-flex: 0;
  -moz-flex: 0 1 auto;
  -ms-flex: 0 1 auto;
  flex: 0 1 auto;
}

body.page-node-7439.has-headline .vce-preistraeger .views-exposed-form ul li:first-child {
  display: none;
}

body.page-node-7439.has-headline .vce-preistraeger .views-exposed-form ul li:before {
  display: none;
}

body.page-node-7439.has-headline .vce-preistraeger .views-exposed-form .bef-links a {
  display: block;
  padding: 10px;
  text-decoration: none;
  background: unset;
  color: #151515;
  font-weight: 500;
}

body.page-node-7439.has-headline .vce-preistraeger .views-exposed-form .bef-links a:hover, body.page-node-7439.has-headline .vce-preistraeger .views-exposed-form .bef-links a:focus, body.page-node-7439.has-headline .vce-preistraeger .views-exposed-form .bef-links a:active, body.page-node-7439.has-headline .vce-preistraeger .views-exposed-form .bef-links a:focus-within {
  color: #e84231;
}

body.page-node-7439.has-headline .vce-preistraeger .view-content {
  display: block;
}

body.page-node-7439.has-headline .vce-preistraeger .view-content .views-row {
  background: transparent;
}

@media screen and (min-width: 769px) {
  body.page-node-7439.has-headline .vce-preistraeger .view-content .views-row {
    display: -webkit-box;
    display: -webkit-flex;
    display: -moz-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-flex-wrap: wrap;
    -moz-flex-wrap: wrap;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    -webkit-justify-content: space-between;
    -moz-justify-content: space-between;
    justify-content: space-between;
    gap: 2rem;
  }
}

@media screen and (min-width: 769px) {
  body.page-node-7439.has-headline .vce-preistraeger .view-content .views-row > div {
    -webkit-box-flex: 1;
    -webkit-flex: 1 0 0;
    -moz-box-flex: 1;
    -moz-flex: 1 0 0;
    -ms-flex: 1 0 0;
    flex: 1 0 0;
  }
  body.page-node-7439.has-headline .vce-preistraeger .view-content .views-row > div:first-child {
    flex: 0 1 250px;
  }
}

@media screen and (min-width: 1024px) {
  body.page-node-7439.has-headline .vce-preistraeger .view-content .views-row > div:first-child {
    flex: 0 1 500px;
  }
}

@media screen and (min-width: 1216px) {
  body.page-node-7439.has-headline .vce-preistraeger .view-content .views-row > div:first-child {
    flex: 0 1 600px;
  }
}

body.page-node-7439.has-headline .vce-preistraeger .view-content .views-row figure.image img {
  width: 100%;
  height: auto;
}

@media screen and (max-width: 1023px) {
  body.page-node-7439.has-headline .vce-preistraeger .view-content .views-row figure.image img {
    width: 100%;
    max-height: 300px;
    margin-bottom: 2rem;
    object-position: center top;
  }
}

body.page-node-7439.has-headline .vce-preistraeger .view-content .views-row h3 {
  margin-bottom: 2rem;
}

body.page-node-7439.has-headline .vce-preistraeger .view-content .views-row .views-field a {
  color: #e84231;
}

body.page-node-7439.has-headline .vce-preistraeger .view-content .views-row .views-field a.button {
  color: #151515;
}

body.page-node-7439.has-headline .vce-preistraeger .view-content .views-row .views-field a:before {
  display: block;
}

/* body */
body.is-path-team h1.title {
  text-align: center;
  max-width: unset;
}

/* News View in Bottom Row */
body.page-node-7440 {
  /* articlecontent */
}

body.page-node-7440 .field--name-field-introtext {
  max-width: unset;
  margin-bottom: 4rem;
}

@media screen and (min-width: 1024px) {
  body.page-node-7440 .field--name-field-introtext {
    padding-right: 40%;
  }
}

@media screen and (min-width: 1216px) {
  body.page-node-7440 .field--name-field-introtext {
    padding-right: 50%;
  }
}

body.page-node-7440 .articlecontent {
  display: block;
  position: relative;
}

body.page-node-7440 .articlecontent .inner {
  padding: 0;
  width: 100%;
}

body.page-node-7440 .articlecontent .field_bild.field-wrapper {
  width: 100vw;
  /* 100% der Viewport-Breite */
  position: relative;
  /* damit wir left/right manipulieren können */
  left: 50%;
  /* Ausgangspunkt: 50% der Container-Breite */
  right: 50%;
  /* optional, für saubere Symmetrie */
  margin-left: -50vw;
  margin-right: -50vw;
  /* optional, wenn du right: 50% benutzt */
  margin-left: calc(-50vw - .5rem);
}

@media screen and (min-width: 769px) {
  body.page-node-7440 .articlecontent .field_bild.field-wrapper {
    margin-left: calc(-50vw - 0rem);
  }
}

@media screen and (min-width: 1024px) {
  body.page-node-7440 .articlecontent .field_bild.field-wrapper {
    margin-left: calc(-50vw - 3rem);
  }
}

@media screen and (min-width: 1216px) {
  body.page-node-7440 .articlecontent .field_bild.field-wrapper {
    margin-left: calc(-50vw - 3rem);
  }
}

body.page-node-7440 .articlecontent .field_bild.field-wrapper img {
  max-height: 500px;
  object-fit: cover;
  object-position: top;
}

body.page-node-7440 .articlecontent .field_view_einfuegen h2 {
  margin-bottom: 2rem;
}

/* body */
.view.team {
  /* views row */
}

.view.team header {
  display: none;
}

.view.team > .view-content {
  gap: 3rem 0;
  /* views row */
}

@media screen and (min-width: 600px) {
  .view.team > .view-content {
    grid-template-columns: repeat(2, 1fr);
    gap: 2rem;
  }
}

@media screen and (min-width: 769px) {
  .view.team > .view-content {
    grid-template-columns: repeat(3, 1fr);
  }
}

@media screen and (min-width: 1216px) {
  .view.team > .view-content {
    grid-template-columns: repeat(4, 1fr);
    gap: 2rem;
  }
}

.view.team > .view-content > .views-row {
  background: #fff;
}

.view.team > .view-content > .views-row .views-field-body {
  font-size: 0.75rem;
}

.view.team > .view-content > .views-row .akadtitle {
  font-size: 0.75rem;
  color: #999;
}

.view.team .views-element-container {
  display: block;
}

.view.team .view-content .views-group > .views-row {
  margin-bottom: .5rem;
}

.view.team .views-row {
  /* a*/
  /*
 	&:nth-child(2n+1) {
	 	a.card figure.image {  
			    justify-content: right;
	        	img { 
		        border-radius: 0 20px 0 0;
	        	}
	 	}
 	}
*/
}

.view.team .views-row a.card {
  grid-template-rows: 1fr auto auto;
}

.view.team .views-row a.card .field_media_image {
  margin-bottom: .5rem;
}

.view.team .views-row a.card figure.image {
  background: #edebe6;
  width: 100%;
  border-radius: 20px 20px 0 0;
  display: flex;
  justify-content: left;
}

.view.team .views-row a.card figure.image img {
  display: block;
  height: 120px;
  width: auto;
  object-fit: contain;
  object-position: right bottom;
  border-radius: 20px 0 0 0;
}

@media screen and (min-width: 1024px) {
  .view.team .views-row a.card figure.image img {
    height: 140px;
  }
}

@media screen and (min-width: 1216px) {
  .view.team .views-row a.card figure.image img {
    height: 160px;
  }
}

.view.team .views-row a.card .views-field-title {
  font-weight: 700;
}

.view.team .views-row a.card .views-field-field-position {
  font-size: 0.875rem;
}

.view.team .views-row a.card figure.image:after {
  border-radius: 20px 20px 0 0;
  content: "";
  position: absolute;
  inset: 0;
  background: rgba(235, 99, 84, 0.6);
  pointer-events: none;
  opacity: 0;
}

.view.team .views-row a.card:hover figure.image:after, .view.team .views-row a.card:focus figure.image:after, .view.team .views-row a.card:active figure.image:after, .view.team .views-row a.card:focus figure.image:after {
  opacity: .5;
}

.view.team .views-row:nth-child(2n+2) a.card figure.image {
  justify-content: right;
}

.view.team .views-row:nth-child(2n+2) a.card figure.image img {
  border-radius: 0 20px 0 0;
}

/* view team */
/* News View in Bottom Row */
body.page-node-7440 .articlecontent .field_section .paragraph.fullwidth {
  margin-top: 4rem;
  padding: 4rem 0 2rem;
  background: #edebe6;
}

@media screen and (min-width: 1024px) {
  body.page-node-7440 .articlecontent .field_section .paragraph.fullwidth > .container {
    padding-right: 0;
  }
}

body.page-node-7440 .articlecontent .field_section .paragraph.fullwidth .text {
  display: block;
  margin-bottom: 4rem;
}

@media screen and (min-width: 1216px) {
  body.page-node-7440 .articlecontent .field_section .paragraph.fullwidth .view .view-content {
    grid-template-columns: repeat(4, 1fr);
  }
}

body.page-node-7440 .articlecontent .field_section .paragraph.fullwidth .views-row {
  background: #d2cec5;
}

body.page-node-7440 .articlecontent .field_section .paragraph.fullwidth .views-row * {
  position: relative;
}

@media screen and (min-width: 1024px) {
  body.page-node-7440 .articlecontent .field_section .paragraph.fullwidth .views-row:last-child {
    display: none;
  }
}

@media screen and (min-width: 1216px) {
  body.page-node-7440 .articlecontent .field_section .paragraph.fullwidth .views-row:last-child {
    display: block;
  }
}

@media screen and (min-width: 1024px) {
  body.page-node-7440 .articlecontent .field_section .paragraph.fullwidth .views-row .views-field, body.page-node-7440 .articlecontent .field_section .paragraph.fullwidth .views-row .field-content {
    height: 100%;
  }
}

body.page-node-7440 .articlecontent .field_section .paragraph.fullwidth .views-row a.card {
  background: #d2cec5;
  grid-template-rows: 200px auto 1fr;
  position: relative;
  color: #fff;
  padding: 2rem;
  padding: 0 0 1rem 0;
}

@media screen and (min-width: 1024px) {
  body.page-node-7440 .articlecontent .field_section .paragraph.fullwidth .views-row a.card {
    height: 100%;
  }
}

body.page-node-7440 .articlecontent .field_section .paragraph.fullwidth .views-row a.card > * {
  padding: 0 1.5rem;
}

body.page-node-7440 .articlecontent .field_section .paragraph.fullwidth .views-row a.card > figure {
  padding: 0;
}

body.page-node-7440 .articlecontent .field_section .paragraph.fullwidth .views-row a.card > h3 {
  margin: 1rem 0;
}

body.page-node-7440 .articlecontent .field_section .paragraph.fullwidth .views-row a.card:hover, body.page-node-7440 .articlecontent .field_section .paragraph.fullwidth .views-row a.card:focus, body.page-node-7440 .articlecontent .field_section .paragraph.fullwidth .views-row a.card:active, body.page-node-7440 .articlecontent .field_section .paragraph.fullwidth .views-row a.card:focus-within {
  color: #fff;
  background: #EC6456;
}

body.page-node-7440 .articlecontent .field_section .paragraph.fullwidth .views-row a.card:hover *, body.page-node-7440 .articlecontent .field_section .paragraph.fullwidth .views-row a.card:focus *, body.page-node-7440 .articlecontent .field_section .paragraph.fullwidth .views-row a.card:active *, body.page-node-7440 .articlecontent .field_section .paragraph.fullwidth .views-row a.card:focus-within * {
  color: #fff;
}

@media screen and (min-width: 1024px) {
  body.page-node-7440 .articlecontent .field_section .paragraph.fullwidth .views-row a.card figure {
    height: 100%;
  }
}

body.page-node-7440 .articlecontent .field_section .paragraph.fullwidth .views-row a.card figure img {
  display: block;
}

body.page-node-7440 .articlecontent .field_section .paragraph.fullwidth .views-row a.card .newscategory {
  font-size: 0.938rem;
}

/* body */
body.page-node-type-team {
  /* articlecontent */
}

body.page-node-type-team .articlecontent {
  /* text */
}

@media screen and (min-width: 769px) {
  body.page-node-type-team .articlecontent {
    gap: 4rem;
  }
  body.page-node-type-team .articlecontent > div {
    -webkit-box-flex: 0;
    -webkit-flex: 0 1 50%;
    -moz-box-flex: 0;
    -moz-flex: 0 1 50%;
    -ms-flex: 0 1 50%;
    flex: 0 1 50%;
  }
  body.page-node-type-team .articlecontent .image {
    -webkit-box-flex: 0;
    -webkit-flex: 0 1 40%;
    -moz-box-flex: 0;
    -moz-flex: 0 1 40%;
    -ms-flex: 0 1 40%;
    flex: 0 1 40%;
  }
  body.page-node-type-team .articlecontent .text {
    -webkit-box-flex: 1;
    -webkit-flex: 1 1 0;
    -moz-box-flex: 1;
    -moz-flex: 1 1 0;
    -ms-flex: 1 1 0;
    flex: 1 1 0;
  }
}

body.page-node-type-team .articlecontent .field--name-field-introtext {
  font-size: unset;
  max-width: unset;
}

body.page-node-type-team .articlecontent .text {
  font-size: 1rem;
}

body.page-node-type-team .articlecontent .text div {
  margin: 0;
}

body.page-node-type-team .articlecontent .text > div {
  border-top: 1px solid #999;
  padding: 1rem 0;
}

body.page-node-type-team .articlecontent .text > div.akadtitle {
  padding: 1rem 0 0 0;
  border: unset;
}

body.page-node-type-team .articlecontent .text h1 {
  margin: 0 0 0 0;
}

body.page-node-type-team .articlecontent .text .field_position,
body.page-node-type-team .articlecontent .text .field_berufsbezeichnung {
  font-size: 1rem;
  font-weight: 600;
  margin: 0;
  padding: 0;
  border: unset;
}

body.page-node-type-team .articlecontent .text .field_position .field,
body.page-node-type-team .articlecontent .text .field_berufsbezeichnung .field {
  margin: 0;
  display: inline-block;
}

body.page-node-type-team .articlecontent .text .field_position .field:after,
body.page-node-type-team .articlecontent .text .field_berufsbezeichnung .field:after {
  content: ", ";
  display: inline-block;
}

body.page-node-type-team .articlecontent .text .field_position .field:last-child:after,
body.page-node-type-team .articlecontent .text .field_berufsbezeichnung .field:last-child:after {
  display: none;
}

body.page-node-type-team .articlecontent .text .field_berufsbezeichnung {
  margin-bottom: 1rem;
}

body.page-node-type-team .articlecontent .text .field_taetigkeitsfelder {
  margin: 2rem 0;
}

body.page-node-type-team .articlecontent .text .field_e_mail,
body.page-node-type-team .articlecontent .text div:nth-child(8) {
  border: unset;
}

body.page-node-type-team .articlecontent .text .label {
  text-transform: uppercase;
  font-weight: 300;
}

body.page-node-type-team .articlecontent > .image {
  padding-top: 20px;
}

body.page-node-type-team .articlecontent > .image::after {
  display: block;
  content: "";
  border-radius: 0;
  border: 0 none;
  background: #EC6456;
  display: block;
  position: absolute;
  height: 110px;
  width: 80px;
  background: url(../assets/img/sprite_lines.svg) no-repeat 0 -1000px;
  left: -1px;
  top: -48px;
}

@media screen and (max-width: 1023px) {
  body.page-node-type-team .articlecontent > .image::after {
    background-position-y: -374px;
    width: 40px;
    height: 120px;
  }
}

@media screen and (max-width: 1023px) {
  body.page-node-type-team .articlecontent > .image::after {
    display: none;
  }
}

body.page-node-type-team .articlecontent > .image:after {
  left: -6rem;
  top: -63px;
}

body.page-node-type-team .articlecontent > .image figure.image {
  background: #edebe6;
}

body.page-node-type-team .articlecontent > .image img {
  display: block;
  height: 300px;
  object-fit: contain;
  object-position: right top;
}

/* node */
/* Header Definition der Detailansicht wird in module_angebote mit abgehandelt */
body.is-page-node-type-doku {
  /* end label */
}

body.is-page-node-type-doku .field--name-body {
  margin-bottom: 2em;
}

body.is-page-node-type-doku .field--name-field-doku-kategorie {
  display: inline-block;
  position: relative;
}

body.is-page-node-type-doku .field--name-field-doku-kategorie a:not(.button) {
  background: 0 0;
  font-size: 0.875rem;
  color: #999;
  text-transform: uppercase;
  font-weight: 400;
  border-radius: 50px;
  background: #f1f1f1;
  border: 1px solid #ccc;
  padding: 1px .85rem;
  margin: 0 .25rem .5rem 0;
  margin-right: 5px;
  display: inline-block;
}

body.is-page-node-type-doku .field--name-field-doku-kategorie a:not(.button):hover, body.is-page-node-type-doku .field--name-field-doku-kategorie a:not(.button):focus, body.is-page-node-type-doku .field--name-field-doku-kategorie a:not(.button):active, body.is-page-node-type-doku .field--name-field-doku-kategorie a:not(.button):focus {
  background: #fff;
  border: 1px solid #EC6456;
  color: #e84231;
}

body.is-page-node-type-doku main article .field--name-field-doku-image figure {
  text-align: left;
}

body.is-page-node-type-doku main article .field--name-field-doku-image figure img {
  object-fit: unset;
  height: 100%;
  width: auto;
}

/* body */
body.view-doku .searchfilter {
  margin-bottom: 2rem;
}

body.view-doku .searchfilter .facets {
  display: block;
  border-bottom: 1px solid #999;
}

body.view-doku .searchfilter .facets form {
  display: block;
}

body .view.doku {
  /* end view-content */
}

@media screen and (min-width: 1024px) {
  body .view.doku {
    max-width: 1200px;
    width: 66%;
  }
}

body .view.doku > form {
  display: -webkit-box;
  display: -webkit-flex;
  display: -moz-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-flex-wrap: wrap;
  -moz-flex-wrap: wrap;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
  -webkit-box-pack: start;
  -ms-flex-pack: start;
  -webkit-justify-content: flex-start;
  -moz-justify-content: flex-start;
  justify-content: flex-start;
}

body .view.doku > form > div {
  margin-right: 2rem;
  -webkit-box-flex: 0;
  -webkit-flex: 0 1 100%;
  -moz-box-flex: 0;
  -moz-flex: 0 1 100%;
  -ms-flex: 0 1 100%;
  flex: 0 1 100%;
  -webkit-box-flex: 0;
  -webkit-flex: 0 1 auto;
  -moz-box-flex: 0;
  -moz-flex: 0 1 auto;
  -ms-flex: 0 1 auto;
  flex: 0 1 auto;
}

@media screen and (min-width: 1024px) {
  body .view.doku > form > div.form-item-keys {
    -webkit-box-flex: 0;
    -webkit-flex: 0 1 250px;
    -moz-box-flex: 0;
    -moz-flex: 0 1 250px;
    -ms-flex: 0 1 250px;
    flex: 0 1 250px;
  }
}

body .view.doku .view-content {
  margin-top: 2rem;
  display: block;
  /* end views-row */
}

body .view.doku .view-content > .views-row {
  box-shadow: 0 0 10px #ccc;
}

body .view.doku .view-content > .views-row a.card {
  grid-template-rows: auto;
  padding: 1rem 0;
}

body .view.doku .view-content > .views-row a.card > div {
  padding: 0 2rem;
}

body .view.doku .view-content > .views-row a.card:hover, body .view.doku .view-content > .views-row a.card:focus, body .view.doku .view-content > .views-row a.card:active {
  background: #EC6456;
}

body .view.doku .view-content > .views-row a.card:hover *, body .view.doku .view-content > .views-row a.card:focus *, body .view.doku .view-content > .views-row a.card:active * {
  color: #fff;
}

body .view.doku .view-content > .views-row h3 {
  color: #EC6456;
  margin: 0 0 .5rem;
}

@media screen and (min-width: 1024px) {
  body .view.doku .view-content > .views-row h3 {
    font-size: larger;
  }
}

body .view.doku .view-content > .views-row .views-field {
  margin: 0;
}

body .view.doku .view-content > .views-row .views-field-field-doku-kategorie {
  display: inline-block;
  position: relative;
  margin-top: .5rem;
  color: #999;
  text-transform: uppercase;
  font-size: 0.75rem;
  width: auto;
}

body .view.doku .view-content > .views-row .views-field-field-doku-kategorie ul {
  display: inline-block;
  width: auto;
  position: relative;
}

body .view.doku .view-content > .views-row .views-field-field-doku-kategorie ul li {
  display: inline-block;
  font-weight: 400;
  border-radius: 50px;
  background: #f1f1f1;
  border: 1px solid #ccc;
  padding: 1px .85rem;
  margin-right: 5px;
  margin-bottom: 5px;
}

body .view.doku .view-content > .views-row .views-field-field-doku-kategorie a:not(.button) {
  background: 0 0;
}

body .view.doku .view-content > .views-row a.card:hover .views-field-field-doku-kategorie ul li, body .view.doku .view-content > .views-row a.card:focus .views-field-field-doku-kategorie ul li, body .view.doku .view-content > .views-row a.card:active .views-field-field-doku-kategorie ul li {
  color: #151515;
  border-color: #999;
  background: #fff;
}

body .view.doku .view-content > .views-row .views-field-field-datum {
  background-color: #fefefe;
}

body .view.doku .view-content > .views-row .views-field-changed {
  display: inline-block;
  font-size: 0.75rem;
}

body .view.doku .view-content > .views-row .views-field-field-link {
  text-align: center;
}

body .view.doku .view-content > .views-row .views-field-field-link a {
  float: none;
  margin: 1rem 0;
}

body .view.doku .view-content > .views-row .views-field-field-introtext {
  margin-bottom: .5rem;
}

body .view.doku .view-content > .views-row .views-field-field-image a figure img {
  object-fit: unset;
  height: 50%;
  max-height: 150px;
  width: auto;
}

body .view.doku .view-content > .views-row .views-field-field-doku-image figure.image img {
  object-fit: unset;
  height: 50%;
  max-height: 150px;
  width: auto;
}

body .view.doku .view-content > .views-row .views-field-view-node a.button {
  margin: 0 0 0;
}

body .view.doku .view-content > .views-row .views-exposed-form .form-item .form-text,
body .view.doku .view-content > .views-row .block-facets .form-item .form-text {
  line-height: 36px;
}

body .view.doku .view-content > .views-row .input {
  width: calc(100% - 1rem);
}

/* end page-views */
/*  SIDEBAR SETTINGS */
/* NO FLEXBOX SETTINGS */
body.page-node-7358 {
  /* das meiste ist in layout_sectionarticels.css */
  /* articlecontent */
}

body.page-node-7358 section.section .articlecontent {
  /*
    display: grid; 
    grid-template-columns: 100%;
    grid-template-rows: repeat(1, 1fr);
    grid-auto-flow: row;  
    gap: 1rem 4rem; 

    @include from($tablet)    { 
      grid-template-columns: 54% 1fr; 
      grid-template-columns: 40% 1fr;  
      gap: 4rem; 

      > .content {   
      }
      > .content + div {  
      }
      .field_headline { 
        grid-area: 1 / 1 / 2 / 3 ;
      }
      .field_video { 
        grid-area: 2 / 1 / 3 / 1 ;
      }
      .field_section {  
        grid-area: 3 / 1 / 4 / 3 ;
      }
   } 

    .content, .field { margin: 0;}
  .field--name-field-introtext {
        max-width: unset; 
      @include from($tablet) { font-size: $size-normal; } 
      @include from($desktop) { font-size: $size-normaler; } 
      
    }



    .field_section {  
      > .field:first-child { 
        .container {width: 100%;}   
        @include from($desktop) {
          margin-left: 40%;
         .leftcol {
          flex: 0 1 100%;
         } 
        } 

      }

    } field_section */
  /*
      .paragraph.paragraph--type--zitat:before {
              right: auto;
              left: 170px;
              top: -30px;
            }
      .paragraph.paragraph--type--zitat {
            width: 100%;
      > div.inner {
          &:before { display: none;}
              background: unset;
              padding: 0;
              padding-left: 20px;

              color: $black;

              display: grid;  
              grid-template-rows: repeat(1, 1fr);
              grid-auto-flow: row;  
              gap: 1rem 0; 
              align-items: end;
              grid-template-columns: 1fr; 
              @include from($mobile) { grid-template-columns: 230px 1fr;}

              .zitatgeberbild {
                grid-area: 1 / 1 / 3 / 1 ;
                * {margin: 0; padding: 0;} 
                @include until($mobile) { margin: 2rem auto 0; }
              } 
              .field--name-field-langtext { 
                  font-weight: 600; 
                  font-size: 112.5%;
                  @include from ($fullhd) {  font-size: 125%; }
              }  
        } 

      }
*/
}

body.page-node-7411 .section + .section {
  padding: 0;
}

body.page-node-7411 .articlecontent {
  display: block;
}

body.page-node-7411 .articlecontent article .field--name-field-section .paragraph > .container {
  display: block;
  padding: 0;
  width: unset;
}

body.page-node-7411 .articlecontent .field--name-field-section .paragraph > .container {
  display: block;
  padding: 0;
  width: unset;
}

.karriere_row .articlecontent {
  display: block;
}

.karriere_row .inner {
  padding: 4rem 2rem 2rem 3rem;
  padding: 4rem 2rem 2rem 2rem;
}

@media screen and (min-width: 1024px) {
  .karriere_row .inner {
    padding: 4rem 0 2rem 6rem;
  }
}

.karriere_row .inner .field_section > .field > .paragraph {
  padding: 0;
}

.karriere_row h2 {
  position: relative;
}

.karriere_row h2::after {
  display: block;
  content: "";
  border-radius: 0;
  border: 0 none;
  background: #EC6456;
  display: block;
  position: absolute;
  height: 110px;
  width: 80px;
  background: url(../assets/img/sprite_lines.svg) no-repeat 0 -1000px;
  left: -1px;
  top: -48px;
}

@media screen and (max-width: 1023px) {
  .karriere_row h2::after {
    background-position-y: -374px;
    width: 40px;
    height: 120px;
  }
}

@media screen and (max-width: 1023px) {
  .karriere_row h2::after {
    display: none;
  }
}

.karriere_row h2:after {
  background: url(../assets/img/sprite_lines.svg) no-repeat 0 -605px;
  left: -64px;
  top: -64px;
}

@media screen and (max-width: 1023px) {
  .karriere_row h2:after {
    display: none;
  }
}

.karriere_row.wide .inner {
  padding-bottom: 0;
}

.karriere_row .articlecontent .field_section .paragraph > .container h2 {
  font-size: unset;
}

.karriere_row .articlecontent .field_section .paragraph > .container h2:after {
  display: none;
}

#block-fcp-karriereihrevorteilebeifcp .field_subtitel,
#block-fcp-karriereihrevorteilebeifcp-2 .field_subtitel,
#block-fcp-karriereihrwegzuuns .field_subtitel {
  margin-bottom: 2rem;
  max-width: 600px;
}

#block-fcp-karriereihrevorteilebeifcp .field_section,
#block-fcp-karriereihrevorteilebeifcp-2 .field_section,
#block-fcp-karriereihrwegzuuns .field_section {
  display: grid;
  grid-template-columns: repeat(1, 1fr);
  grid-template-rows: repeat(1, 1fr);
  grid-auto-flow: row;
  gap: 4rem;
  align-items: stretch;
}

@media screen and (max-width: 768px) {
  #block-fcp-karriereihrevorteilebeifcp .field_section,
  #block-fcp-karriereihrevorteilebeifcp-2 .field_section,
  #block-fcp-karriereihrwegzuuns .field_section {
    text-align: center;
  }
}

@media screen and (min-width: 769px) {
  #block-fcp-karriereihrevorteilebeifcp .field_section,
  #block-fcp-karriereihrevorteilebeifcp-2 .field_section,
  #block-fcp-karriereihrwegzuuns .field_section {
    grid-template-columns: repeat(2, 1fr);
  }
}

@media screen and (min-width: 1024px) {
  #block-fcp-karriereihrevorteilebeifcp .field_section,
  #block-fcp-karriereihrevorteilebeifcp-2 .field_section,
  #block-fcp-karriereihrwegzuuns .field_section {
    grid-template-columns: repeat(4, 1fr);
  }
}

@media screen and (min-width: 1216px) {
  #block-fcp-karriereihrevorteilebeifcp .field_section,
  #block-fcp-karriereihrevorteilebeifcp-2 .field_section,
  #block-fcp-karriereihrwegzuuns .field_section {
    grid-template-columns: repeat(4, 1fr);
  }
}

#block-fcp-karriereihrevorteilebeifcp .field_section > .field:last-child,
#block-fcp-karriereihrevorteilebeifcp-2 .field_section > .field:last-child,
#block-fcp-karriereihrwegzuuns .field_section > .field:last-child {
  background: transparent;
}

@media screen and (min-width: 769px) {
  #block-fcp-karriereihrevorteilebeifcp .field_section > .field:last-child,
  #block-fcp-karriereihrevorteilebeifcp-2 .field_section > .field:last-child,
  #block-fcp-karriereihrwegzuuns .field_section > .field:last-child {
    grid-column: 1 / 3;
  }
}

@media screen and (min-width: 1024px) {
  #block-fcp-karriereihrevorteilebeifcp .field_section > .field:last-child,
  #block-fcp-karriereihrevorteilebeifcp-2 .field_section > .field:last-child,
  #block-fcp-karriereihrwegzuuns .field_section > .field:last-child {
    grid-column: 1 / 4;
  }
}

#block-fcp-karriereihrevorteilebeifcp .field_section > .field figure img,
#block-fcp-karriereihrevorteilebeifcp-2 .field_section > .field figure img,
#block-fcp-karriereihrwegzuuns .field_section > .field figure img {
  height: 150px;
}

#block-fcp-karriereihrevorteilebeifcp .field_section .text,
#block-fcp-karriereihrevorteilebeifcp-2 .field_section .text,
#block-fcp-karriereihrwegzuuns .field_section .text {
  display: block;
}

#block-fcp-karriereihrevorteilebeifcp .field_section h2,
#block-fcp-karriereihrevorteilebeifcp-2 .field_section h2,
#block-fcp-karriereihrwegzuuns .field_section h2 {
  margin: 1rem 0;
}

#block-fcp-karriereihrevorteilebeifcp .field_section ul,
#block-fcp-karriereihrevorteilebeifcp-2 .field_section ul,
#block-fcp-karriereihrwegzuuns .field_section ul {
  padding: 0;
  margin: 0;
  list-style: none;
}

#block-fcp-karriereihrevorteilebeifcp h2::after,
#block-fcp-karriereihrevorteilebeifcp-2 h2::after {
  display: block;
  content: "";
  width: 4000px;
  border-radius: 0;
  border: 0 none;
  background: #EC6456;
  display: block;
  margin: -119px 0 0 -4020px;
  position: absolute;
  height: 130px;
  background: url(../assets/img/sprite_lines.svg) no-repeat right -186px;
}

@media screen and (max-width: 1023px) {
  #block-fcp-karriereihrevorteilebeifcp h2::after,
  #block-fcp-karriereihrevorteilebeifcp-2 h2::after {
    transform: scale(0.5);
    margin: -105px 0 0 -3012px;
  }
}

@media screen and (max-width: 768px) {
  #block-fcp-karriereihrevorteilebeifcp h2::after,
  #block-fcp-karriereihrevorteilebeifcp-2 h2::after {
    display: none;
  }
}

#block-fcp-karriereihrevorteilebeifcp h2:after,
#block-fcp-karriereihrevorteilebeifcp-2 h2:after {
  left: -6px;
  top: 53px;
}

@media screen and (max-width: 768px) {
  #block-fcp-karriereihrevorteilebeifcp h2:after,
  #block-fcp-karriereihrevorteilebeifcp-2 h2:after {
    top: 34px;
  }
}

#block-fcp-karriereihrevorteilebeifcp .field_section > .field,
#block-fcp-karriereihrevorteilebeifcp-2 .field_section > .field {
  margin: 0;
}

#block-fcp-karriereihrevorteilebeifcp .field_section > .field h2:after,
#block-fcp-karriereihrevorteilebeifcp-2 .field_section > .field h2:after {
  display: none;
}

#block-fcp-karriereihrevorteilebeifcp .field_section > .field:last-child,
#block-fcp-karriereihrevorteilebeifcp-2 .field_section > .field:last-child {
  grid-column: unset;
}

#block-fcp-karriereihrevorteilebeifcp .paragraph > .inner,
#block-fcp-karriereihrevorteilebeifcp-2 .paragraph > .inner {
  display: block;
}

#block-fcp-karriereinitiativbewerbung h2::after {
  display: block;
  content: "";
  width: 4000px;
  border-radius: 0;
  border: 0 none;
  background: #EC6456;
  display: block;
  margin: -119px 0 0 -4020px;
  position: absolute;
  height: 130px;
  background: url(../assets/img/sprite_lines.svg) no-repeat right -186px;
}

@media screen and (max-width: 1023px) {
  #block-fcp-karriereinitiativbewerbung h2::after {
    transform: scale(0.5);
    margin: -105px 0 0 -3012px;
  }
}

@media screen and (max-width: 768px) {
  #block-fcp-karriereinitiativbewerbung h2::after {
    display: none;
  }
}

#block-fcp-karriereinitiativbewerbung h2:after {
  left: -6px;
  top: 46px;
}

#block-fcp-karriereinitiativbewerbung .tns-outer {
  font-family: unset;
}

#block-fcp-karriereinitiativbewerbung .tns-outer p {
  font-weight: 400;
}

#block-fcp-karriereinitiativbewerbung .tns-outer .tns-item {
  padding-right: 2rem;
  font-size: initial;
  text-transform: initial;
  height: 100%;
}

#block-fcp-karriereinitiativbewerbung .tns-outer .tns-item > div a.card * {
  opacity: 0.2;
}

#block-fcp-karriereinitiativbewerbung .tns-outer .tns-item.tns-slide-active > div a.card * {
  opacity: 1;
}

#block-fcp-karriereinitiativbewerbung .tns-outer a.card {
  display: block;
  background: #fff;
  height: 100%;
  width: 100%;
  box-shadow: unset;
  /*
      box-shadow: 2px 2px 4px $grey;
*/
  /* from Mixin above */
  /* ++++++++++++++++++++++++++++++++   */
  /* ++++++++++++++++++++++++++++++++   */
}

@media screen and (min-width: 769px) {
  #block-fcp-karriereinitiativbewerbung .tns-outer a.card {
    display: grid;
    grid-template-columns: 1fr;
    grid-template-rows: 10px auto auto 1fr;
    grid-template-rows: 200px auto;
    grid-template-rows: auto auto;
    grid-template-rows: minmax(200px, auto) 1fr;
    grid-column-gap: 0px;
    grid-row-gap: 0px;
  }
}

#block-fcp-karriereinitiativbewerbung .tns-outer a.card * {
  -webkit-transition: all 0.15s linear;
  -moz-transition: all 0.15s linear;
  -ms-transition: all 0.15s linear;
  -o-transition: all 0.15s linear;
  transition: all 0.15s linear;
  padding: 0;
  margin: 0;
  color: #151515;
}

#block-fcp-karriereinitiativbewerbung .tns-outer a.card > * {
  padding: 0 2rem;
  padding: 0;
  margin: 0;
  color: #151515;
}

#block-fcp-karriereinitiativbewerbung .tns-outer a.card:hover, #block-fcp-karriereinitiativbewerbung .tns-outer a.card:focus, #block-fcp-karriereinitiativbewerbung .tns-outer a.card:active, #block-fcp-karriereinitiativbewerbung .tns-outer a.card:focus-within {
  color: #EC6456;
}

#block-fcp-karriereinitiativbewerbung .tns-outer a.card:hover *, #block-fcp-karriereinitiativbewerbung .tns-outer a.card:focus *, #block-fcp-karriereinitiativbewerbung .tns-outer a.card:active *, #block-fcp-karriereinitiativbewerbung .tns-outer a.card:focus-within * {
  color: #EC6456;
}

#block-fcp-karriereinitiativbewerbung .tns-outer a.card:hover:after, #block-fcp-karriereinitiativbewerbung .tns-outer a.card:focus:after, #block-fcp-karriereinitiativbewerbung .tns-outer a.card:active:after, #block-fcp-karriereinitiativbewerbung .tns-outer a.card:focus-within:after {
  display: none;
}

#block-fcp-karriereinitiativbewerbung .tns-outer a.card.projekt .small, #block-fcp-karriereinitiativbewerbung .tns-outer a.card.news .small, #block-fcp-karriereinitiativbewerbung .tns-outer a.card.kompetenzen .small {
  text-transform: uppercase;
}

#block-fcp-karriereinitiativbewerbung .tns-outer a.card > figure.image,
#block-fcp-karriereinitiativbewerbung .tns-outer a.card .field_media_image figure.image,
#block-fcp-karriereinitiativbewerbung .tns-outer a.card div.field--name-field-mehr-bilder figure.image,
#block-fcp-karriereinitiativbewerbung .tns-outer a.card .views-field-field-image, #block-fcp-karriereinitiativbewerbung .tns-outer a.card .views-field-logo {
  /* passt sich genau der Bildgröße an */
  position: relative;
  /* nötig für ::after */
  padding: 0;
  /* Standard-Padding entfernen */
  line-height: 0;
  /* verhindert zusätzlichen Platz unter img */
  margin-bottom: .5rem;
}

@media screen and (min-width: 769px) {
  #block-fcp-karriereinitiativbewerbung .tns-outer a.card > figure.image,
  #block-fcp-karriereinitiativbewerbung .tns-outer a.card .field_media_image figure.image,
  #block-fcp-karriereinitiativbewerbung .tns-outer a.card div.field--name-field-mehr-bilder figure.image,
  #block-fcp-karriereinitiativbewerbung .tns-outer a.card .views-field-field-image, #block-fcp-karriereinitiativbewerbung .tns-outer a.card .views-field-logo {
    display: inline-block;
  }
}

#block-fcp-karriereinitiativbewerbung .tns-outer a.card > figure.image:after,
#block-fcp-karriereinitiativbewerbung .tns-outer a.card .field_media_image figure.image:after,
#block-fcp-karriereinitiativbewerbung .tns-outer a.card div.field--name-field-mehr-bilder figure.image:after,
#block-fcp-karriereinitiativbewerbung .tns-outer a.card .views-field-field-image:after, #block-fcp-karriereinitiativbewerbung .tns-outer a.card .views-field-logo:after {
  -webkit-transition: all 0.15s linear;
  -moz-transition: all 0.15s linear;
  -ms-transition: all 0.15s linear;
  -o-transition: all 0.15s linear;
  transition: all 0.15s linear;
  content: "";
  position: absolute;
  inset: 0;
  background: rgba(235, 99, 84, 0.6);
  pointer-events: none;
  opacity: 0;
}

#block-fcp-karriereinitiativbewerbung .tns-outer a.card:hover > figure.image:after, #block-fcp-karriereinitiativbewerbung .tns-outer a.card:hover .views-field-field-image:after, #block-fcp-karriereinitiativbewerbung .tns-outer a.card:hover .views-field-logo:after,
#block-fcp-karriereinitiativbewerbung .tns-outer a.card:hover .field_media_image figure.image:after, #block-fcp-karriereinitiativbewerbung .tns-outer a.card:focus > figure.image:after, #block-fcp-karriereinitiativbewerbung .tns-outer a.card:focus .views-field-field-image:after, #block-fcp-karriereinitiativbewerbung .tns-outer a.card:focus .views-field-logo:after,
#block-fcp-karriereinitiativbewerbung .tns-outer a.card:focus .field_media_image figure.image:after, #block-fcp-karriereinitiativbewerbung .tns-outer a.card:active > figure.image:after, #block-fcp-karriereinitiativbewerbung .tns-outer a.card:active .views-field-field-image:after, #block-fcp-karriereinitiativbewerbung .tns-outer a.card:active .views-field-logo:after,
#block-fcp-karriereinitiativbewerbung .tns-outer a.card:active .field_media_image figure.image:after, #block-fcp-karriereinitiativbewerbung .tns-outer a.card:focus-within > figure.image:after, #block-fcp-karriereinitiativbewerbung .tns-outer a.card:focus-within .views-field-field-image:after, #block-fcp-karriereinitiativbewerbung .tns-outer a.card:focus-within .views-field-logo:after,
#block-fcp-karriereinitiativbewerbung .tns-outer a.card:focus-within .field_media_image figure.image:after {
  opacity: 1;
}

#block-fcp-karriereinitiativbewerbung .tns-outer a.card h2, #block-fcp-karriereinitiativbewerbung .tns-outer a.card h3 {
  margin: 0;
}

#block-fcp-karriereinitiativbewerbung .tns-outer a.card h3 {
  text-transform: none;
}

@media screen and (min-width: 1216px) {
  #block-fcp-karriereinitiativbewerbung .tns-outer a.card h3 {
    letter-spacing: .025rem;
  }
}

#block-fcp-karriereinitiativbewerbung .tns-outer a.card ul {
  margin: 0;
  list-style: none;
}

#block-fcp-karriereinitiativbewerbung .tns-outer a.card ul li {
  list-style: none;
}

#block-fcp-karriereinitiativbewerbung .tns-outer a.card .views-field div.field-content,
#block-fcp-karriereinitiativbewerbung .tns-outer a.card .views-field-details .field-content,
#block-fcp-karriereinitiativbewerbung .tns-outer a.card span.views-label + span {
  word-break: break-word;
}

#block-fcp-karriereinitiativbewerbung .tns-outer a.card .views-label {
  font-size: 0;
  position: relative;
  display: inline-block;
}

#block-fcp-karriereinitiativbewerbung .tns-outer a.card .views-label:before {
  content: "";
  display: block;
  position: absolute;
  left: 0;
  top: -6px;
  width: 36px;
  height: 36px;
  border-radius: 100%;
  background: #ff75cc url(../assets/img/sprite_fcp.svg) no-repeat 5px -695px;
}

#block-fcp-karriereinitiativbewerbung .tns-outer a.card.image {
  min-height: 300px;
  display: grid;
  grid-template-columns: 1fr;
  grid-template-rows: 1fr auto;
  grid-template-rows: auto auto 1fr auto;
  grid-column-gap: 0px;
  grid-row-gap: 0px;
}

#block-fcp-karriereinitiativbewerbung .tns-outer a.card.image figure img {
  margin: 0;
  padding: 0;
  height: 250px;
  width: 100%;
  object-fit: cover;
  object-position: center center;
  border-radius: 20px 20px 0 0;
}

@media screen and (max-width: 768px) {
  #block-fcp-karriereinitiativbewerbung .tns-outer a.card.image figure img {
    height: 150px;
  }
}

#block-fcp-karriereinitiativbewerbung .tns-outer a.card.small {
  grid-template-columns: 1fr;
  grid-template-rows: repeat(2, 1fr);
  grid-template-rows: auto 1fr;
  border: 0 none;
  min-height: 150px;
  margin-bottom: 1rem;
}

@media screen and (min-width: 769px) {
  #block-fcp-karriereinitiativbewerbung .tns-outer a.card.small {
    min-height: 200px;
  }
}

@media screen and (min-width: 1024px) {
  #block-fcp-karriereinitiativbewerbung .tns-outer a.card.small {
    min-height: 300px;
  }
}

#block-fcp-karriereinitiativbewerbung .tns-outer a.card {
  grid-template-rows: minmax(200px, auto) 1fr;
  grid-template-rows: auto auto 1fr;
  background: #edebe6;
  padding-bottom: 2rem;
  height: 100%;
  min-height: 400px;
}

#block-fcp-karriereinitiativbewerbung .tns-outer a.card > * {
  text-transform: unset;
}

#block-fcp-karriereinitiativbewerbung .tns-outer a.card::after {
  -webkit-transition: all 0.15s linear;
  -moz-transition: all 0.15s linear;
  -ms-transition: all 0.15s linear;
  -o-transition: all 0.15s linear;
  transition: all 0.15s linear;
  display: block;
  content: "";
  display: block;
  position: absolute;
  height: 30px;
  width: 60px;
  background: url(../assets/img/sprite_fcp.svg) no-repeat 0 -1200px;
  right: 10px;
  bottom: 10px;
  filter: brightness(0.1);
}

#block-fcp-karriereinitiativbewerbung .tns-outer a.card:hover, #block-fcp-karriereinitiativbewerbung .tns-outer a.card:focus, #block-fcp-karriereinitiativbewerbung .tns-outer a.card:active, #block-fcp-karriereinitiativbewerbung .tns-outer a.card:focus-within {
  background: #EC6456;
  outline: unset;
}

#block-fcp-karriereinitiativbewerbung .tns-outer a.card:hover *, #block-fcp-karriereinitiativbewerbung .tns-outer a.card:focus *, #block-fcp-karriereinitiativbewerbung .tns-outer a.card:active *, #block-fcp-karriereinitiativbewerbung .tns-outer a.card:focus-within * {
  color: #fff;
}

#block-fcp-karriereinitiativbewerbung .tns-outer a.card:hover::after, #block-fcp-karriereinitiativbewerbung .tns-outer a.card:focus::after, #block-fcp-karriereinitiativbewerbung .tns-outer a.card:active::after, #block-fcp-karriereinitiativbewerbung .tns-outer a.card:focus-within::after {
  filter: brightness(1);
}

#block-fcp-karriereinitiativbewerbung .tns-outer a.card div.views-field {
  padding: 0 1.5rem;
  margin-bottom: .5rem;
}

#block-fcp-karriereinitiativbewerbung .tns-outer a.card h3 {
  text-transform: unset;
}

#block-fcp-karriereinitiativbewerbung .tns-outer a.card figure {
  margin-bottom: .5rem;
}

#block-fcp-karriereinitiativbewerbung .tns-outer a.card figure img {
  height: 150px;
  width: 100%;
  object-fit: cover;
}

@media screen and (min-width: 1024px) {
  #block-fcp-karriereinitiativbewerbung .tns-outer a.card figure img {
    height: 150px;
    width: 100%;
  }
}

#block-fcp-karriereinitiativbewerbung .tns-outer {
  margin: 3rem 0 0;
  position: relative;
}

#block-fcp-karriereinitiativbewerbung .tns-ovh {
  position: relative;
}

#block-fcp-karriereinitiativbewerbung .tns-controls {
  position: relative;
  margin: 2rem 0 0;
  width: 100%;
  position: absolute;
  margin: 0;
  left: 0;
  top: -2rem;
  height: 40px;
}

#block-fcp-karriereinitiativbewerbung .tns-controls button {
  position: absolute;
  background: transparent;
  padding: 0;
  top: 50%;
  left: 0;
  transform: translate(0, -120%);
  height: 20px;
  font-size: 0;
}

#block-fcp-karriereinitiativbewerbung .tns-controls button:hover, #block-fcp-karriereinitiativbewerbung .tns-controls button:focus, #block-fcp-karriereinitiativbewerbung .tns-controls button:active, #block-fcp-karriereinitiativbewerbung .tns-controls button:focus {
  background-size: 0 0;
  box-shadow: unset;
}

#block-fcp-karriereinitiativbewerbung .tns-controls button:hover:before, #block-fcp-karriereinitiativbewerbung .tns-controls button:focus:before, #block-fcp-karriereinitiativbewerbung .tns-controls button:active:before, #block-fcp-karriereinitiativbewerbung .tns-controls button:focus:before {
  opacity: 1;
}

#block-fcp-karriereinitiativbewerbung .tns-controls button:last-child {
  right: 0;
  left: auto;
}

#block-fcp-karriereinitiativbewerbung .tns-controls button:after {
  display: none;
}

#block-fcp-karriereinitiativbewerbung .tns-controls button:before {
  -webkit-transition: all 0.25s linear;
  -moz-transition: all 0.25s linear;
  -ms-transition: all 0.25s linear;
  -o-transition: all 0.25s linear;
  transition: all 0.25s linear;
  display: inline-block;
  content: "";
  position: absolute;
  right: 10px;
  top: 8px;
  top: auto;
  bottom: -4px;
  width: 40px;
  height: 20px;
  opacity: .85;
  background: transparent url(../assets/img/sprite_fcp.svg) no-repeat 8px -250px;
  animation: none;
  border: unset;
  border-radius: unset;
  clip-path: none;
}

#block-fcp-karriereinitiativbewerbung .tns-controls button:last-child:before {
  right: 0;
  left: auto;
  background-position: 0px -350px;
}

#block-fcp-karriereinitiativbewerbung .tns-controls button:hover:before, #block-fcp-karriereinitiativbewerbung .tns-controls button:focus:before, #block-fcp-karriereinitiativbewerbung .tns-controls button:active:before, #block-fcp-karriereinitiativbewerbung .tns-controls button:focus:before {
  background-position-x: 0px;
}

#block-fcp-karriereinitiativbewerbung .tns-controls button:last-child:hover:before, #block-fcp-karriereinitiativbewerbung .tns-controls button:last-child:focus:before, #block-fcp-karriereinitiativbewerbung .tns-controls button:last-child:active:before, #block-fcp-karriereinitiativbewerbung .tns-controls button:last-child:focus:before {
  background-position-x: 8px;
}

#block-fcp-karriereinitiativbewerbung .leftcol {
  display: none;
  height: 0;
}

#block-fcp-karriereinitiativbewerbung .text {
  display: block;
}

#block-fcp-karriereinitiativbewerbung .paragraph {
  padding: 0;
  background: #edebe6;
}

#block-fcp-karriereinitiativbewerbung .paragraph.fullwidth {
  /* @include from($desktop) { margin-left: calc(-50vw - 2rem); }  */
}

#block-fcp-karriereinitiativbewerbung .tns-outer {
  font-family: unset;
}

#block-fcp-karriereinitiativbewerbung .tns-outer p {
  font-weight: 400;
}

#block-fcp-karriereinitiativbewerbung .tns-outer .tns-item {
  padding-right: 2rem;
  font-size: initial;
  text-transform: initial;
  height: 100%;
}

#block-fcp-karriereinitiativbewerbung .tns-outer .tns-item > div a.card * {
  opacity: 0.2;
}

#block-fcp-karriereinitiativbewerbung .tns-outer .tns-item.tns-slide-active > div a.card * {
  opacity: 1;
}

#block-fcp-karriereinitiativbewerbung .tns-outer a.card {
  display: block;
  background: #fff;
  height: 100%;
  width: 100%;
  box-shadow: unset;
  /*
      box-shadow: 2px 2px 4px $grey;
*/
  /* from Mixin above */
  /* ++++++++++++++++++++++++++++++++   */
  /* ++++++++++++++++++++++++++++++++   */
}

@media screen and (min-width: 769px) {
  #block-fcp-karriereinitiativbewerbung .tns-outer a.card {
    display: grid;
    grid-template-columns: 1fr;
    grid-template-rows: 10px auto auto 1fr;
    grid-template-rows: 200px auto;
    grid-template-rows: auto auto;
    grid-template-rows: minmax(200px, auto) 1fr;
    grid-column-gap: 0px;
    grid-row-gap: 0px;
  }
}

#block-fcp-karriereinitiativbewerbung .tns-outer a.card * {
  -webkit-transition: all 0.15s linear;
  -moz-transition: all 0.15s linear;
  -ms-transition: all 0.15s linear;
  -o-transition: all 0.15s linear;
  transition: all 0.15s linear;
  padding: 0;
  margin: 0;
  color: #151515;
}

#block-fcp-karriereinitiativbewerbung .tns-outer a.card > * {
  padding: 0 2rem;
  padding: 0;
  margin: 0;
  color: #151515;
}

#block-fcp-karriereinitiativbewerbung .tns-outer a.card:hover, #block-fcp-karriereinitiativbewerbung .tns-outer a.card:focus, #block-fcp-karriereinitiativbewerbung .tns-outer a.card:active, #block-fcp-karriereinitiativbewerbung .tns-outer a.card:focus-within {
  color: #EC6456;
}

#block-fcp-karriereinitiativbewerbung .tns-outer a.card:hover *, #block-fcp-karriereinitiativbewerbung .tns-outer a.card:focus *, #block-fcp-karriereinitiativbewerbung .tns-outer a.card:active *, #block-fcp-karriereinitiativbewerbung .tns-outer a.card:focus-within * {
  color: #EC6456;
}

#block-fcp-karriereinitiativbewerbung .tns-outer a.card:hover:after, #block-fcp-karriereinitiativbewerbung .tns-outer a.card:focus:after, #block-fcp-karriereinitiativbewerbung .tns-outer a.card:active:after, #block-fcp-karriereinitiativbewerbung .tns-outer a.card:focus-within:after {
  display: none;
}

#block-fcp-karriereinitiativbewerbung .tns-outer a.card.projekt .small, #block-fcp-karriereinitiativbewerbung .tns-outer a.card.news .small, #block-fcp-karriereinitiativbewerbung .tns-outer a.card.kompetenzen .small {
  text-transform: uppercase;
}

#block-fcp-karriereinitiativbewerbung .tns-outer a.card > figure.image,
#block-fcp-karriereinitiativbewerbung .tns-outer a.card .field_media_image figure.image,
#block-fcp-karriereinitiativbewerbung .tns-outer a.card div.field--name-field-mehr-bilder figure.image,
#block-fcp-karriereinitiativbewerbung .tns-outer a.card .views-field-field-image, #block-fcp-karriereinitiativbewerbung .tns-outer a.card .views-field-logo {
  /* passt sich genau der Bildgröße an */
  position: relative;
  /* nötig für ::after */
  padding: 0;
  /* Standard-Padding entfernen */
  line-height: 0;
  /* verhindert zusätzlichen Platz unter img */
  margin-bottom: .5rem;
}

@media screen and (min-width: 769px) {
  #block-fcp-karriereinitiativbewerbung .tns-outer a.card > figure.image,
  #block-fcp-karriereinitiativbewerbung .tns-outer a.card .field_media_image figure.image,
  #block-fcp-karriereinitiativbewerbung .tns-outer a.card div.field--name-field-mehr-bilder figure.image,
  #block-fcp-karriereinitiativbewerbung .tns-outer a.card .views-field-field-image, #block-fcp-karriereinitiativbewerbung .tns-outer a.card .views-field-logo {
    display: inline-block;
  }
}

#block-fcp-karriereinitiativbewerbung .tns-outer a.card > figure.image:after,
#block-fcp-karriereinitiativbewerbung .tns-outer a.card .field_media_image figure.image:after,
#block-fcp-karriereinitiativbewerbung .tns-outer a.card div.field--name-field-mehr-bilder figure.image:after,
#block-fcp-karriereinitiativbewerbung .tns-outer a.card .views-field-field-image:after, #block-fcp-karriereinitiativbewerbung .tns-outer a.card .views-field-logo:after {
  -webkit-transition: all 0.15s linear;
  -moz-transition: all 0.15s linear;
  -ms-transition: all 0.15s linear;
  -o-transition: all 0.15s linear;
  transition: all 0.15s linear;
  content: "";
  position: absolute;
  inset: 0;
  background: rgba(235, 99, 84, 0.6);
  pointer-events: none;
  opacity: 0;
}

#block-fcp-karriereinitiativbewerbung .tns-outer a.card:hover > figure.image:after, #block-fcp-karriereinitiativbewerbung .tns-outer a.card:hover .views-field-field-image:after, #block-fcp-karriereinitiativbewerbung .tns-outer a.card:hover .views-field-logo:after,
#block-fcp-karriereinitiativbewerbung .tns-outer a.card:hover .field_media_image figure.image:after, #block-fcp-karriereinitiativbewerbung .tns-outer a.card:focus > figure.image:after, #block-fcp-karriereinitiativbewerbung .tns-outer a.card:focus .views-field-field-image:after, #block-fcp-karriereinitiativbewerbung .tns-outer a.card:focus .views-field-logo:after,
#block-fcp-karriereinitiativbewerbung .tns-outer a.card:focus .field_media_image figure.image:after, #block-fcp-karriereinitiativbewerbung .tns-outer a.card:active > figure.image:after, #block-fcp-karriereinitiativbewerbung .tns-outer a.card:active .views-field-field-image:after, #block-fcp-karriereinitiativbewerbung .tns-outer a.card:active .views-field-logo:after,
#block-fcp-karriereinitiativbewerbung .tns-outer a.card:active .field_media_image figure.image:after, #block-fcp-karriereinitiativbewerbung .tns-outer a.card:focus-within > figure.image:after, #block-fcp-karriereinitiativbewerbung .tns-outer a.card:focus-within .views-field-field-image:after, #block-fcp-karriereinitiativbewerbung .tns-outer a.card:focus-within .views-field-logo:after,
#block-fcp-karriereinitiativbewerbung .tns-outer a.card:focus-within .field_media_image figure.image:after {
  opacity: 1;
}

#block-fcp-karriereinitiativbewerbung .tns-outer a.card h2, #block-fcp-karriereinitiativbewerbung .tns-outer a.card h3 {
  margin: 0;
}

#block-fcp-karriereinitiativbewerbung .tns-outer a.card h3 {
  text-transform: none;
}

@media screen and (min-width: 1216px) {
  #block-fcp-karriereinitiativbewerbung .tns-outer a.card h3 {
    letter-spacing: .025rem;
  }
}

#block-fcp-karriereinitiativbewerbung .tns-outer a.card ul {
  margin: 0;
  list-style: none;
}

#block-fcp-karriereinitiativbewerbung .tns-outer a.card ul li {
  list-style: none;
}

#block-fcp-karriereinitiativbewerbung .tns-outer a.card .views-field div.field-content,
#block-fcp-karriereinitiativbewerbung .tns-outer a.card .views-field-details .field-content,
#block-fcp-karriereinitiativbewerbung .tns-outer a.card span.views-label + span {
  word-break: break-word;
}

#block-fcp-karriereinitiativbewerbung .tns-outer a.card .views-label {
  font-size: 0;
  position: relative;
  display: inline-block;
}

#block-fcp-karriereinitiativbewerbung .tns-outer a.card .views-label:before {
  content: "";
  display: block;
  position: absolute;
  left: 0;
  top: -6px;
  width: 36px;
  height: 36px;
  border-radius: 100%;
  background: #ff75cc url(../assets/img/sprite_fcp.svg) no-repeat 5px -695px;
}

#block-fcp-karriereinitiativbewerbung .tns-outer a.card.image {
  min-height: 300px;
  display: grid;
  grid-template-columns: 1fr;
  grid-template-rows: 1fr auto;
  grid-template-rows: auto auto 1fr auto;
  grid-column-gap: 0px;
  grid-row-gap: 0px;
}

#block-fcp-karriereinitiativbewerbung .tns-outer a.card.image figure img {
  margin: 0;
  padding: 0;
  height: 250px;
  width: 100%;
  object-fit: cover;
  object-position: center center;
  border-radius: 20px 20px 0 0;
}

@media screen and (max-width: 768px) {
  #block-fcp-karriereinitiativbewerbung .tns-outer a.card.image figure img {
    height: 150px;
  }
}

#block-fcp-karriereinitiativbewerbung .tns-outer a.card.small {
  grid-template-columns: 1fr;
  grid-template-rows: repeat(2, 1fr);
  grid-template-rows: auto 1fr;
  border: 0 none;
  min-height: 150px;
  margin-bottom: 1rem;
}

@media screen and (min-width: 769px) {
  #block-fcp-karriereinitiativbewerbung .tns-outer a.card.small {
    min-height: 200px;
  }
}

@media screen and (min-width: 1024px) {
  #block-fcp-karriereinitiativbewerbung .tns-outer a.card.small {
    min-height: 300px;
  }
}

#block-fcp-karriereinitiativbewerbung .tns-outer a.card {
  grid-template-rows: minmax(200px, auto) 1fr;
  grid-template-rows: auto auto 1fr;
  background: #edebe6;
  padding-bottom: 2rem;
  height: 100%;
  min-height: 400px;
}

#block-fcp-karriereinitiativbewerbung .tns-outer a.card > * {
  text-transform: unset;
}

#block-fcp-karriereinitiativbewerbung .tns-outer a.card::after {
  -webkit-transition: all 0.15s linear;
  -moz-transition: all 0.15s linear;
  -ms-transition: all 0.15s linear;
  -o-transition: all 0.15s linear;
  transition: all 0.15s linear;
  display: block;
  content: "";
  display: block;
  position: absolute;
  height: 30px;
  width: 60px;
  background: url(../assets/img/sprite_fcp.svg) no-repeat 0 -1200px;
  right: 10px;
  bottom: 10px;
  filter: brightness(0.1);
}

#block-fcp-karriereinitiativbewerbung .tns-outer a.card:hover, #block-fcp-karriereinitiativbewerbung .tns-outer a.card:focus, #block-fcp-karriereinitiativbewerbung .tns-outer a.card:active, #block-fcp-karriereinitiativbewerbung .tns-outer a.card:focus-within {
  background: #EC6456;
  outline: unset;
}

#block-fcp-karriereinitiativbewerbung .tns-outer a.card:hover *, #block-fcp-karriereinitiativbewerbung .tns-outer a.card:focus *, #block-fcp-karriereinitiativbewerbung .tns-outer a.card:active *, #block-fcp-karriereinitiativbewerbung .tns-outer a.card:focus-within * {
  color: #fff;
}

#block-fcp-karriereinitiativbewerbung .tns-outer a.card:hover::after, #block-fcp-karriereinitiativbewerbung .tns-outer a.card:focus::after, #block-fcp-karriereinitiativbewerbung .tns-outer a.card:active::after, #block-fcp-karriereinitiativbewerbung .tns-outer a.card:focus-within::after {
  filter: brightness(1);
}

#block-fcp-karriereinitiativbewerbung .tns-outer a.card div.views-field {
  padding: 0 1.5rem;
  margin-bottom: .5rem;
}

#block-fcp-karriereinitiativbewerbung .tns-outer a.card h3 {
  text-transform: unset;
}

#block-fcp-karriereinitiativbewerbung .tns-outer a.card figure {
  margin-bottom: .5rem;
}

#block-fcp-karriereinitiativbewerbung .tns-outer a.card figure img {
  height: 150px;
  width: 100%;
  object-fit: cover;
}

@media screen and (min-width: 1024px) {
  #block-fcp-karriereinitiativbewerbung .tns-outer a.card figure img {
    height: 150px;
    width: 100%;
  }
}

#block-fcp-karriereinitiativbewerbung .tns-outer {
  margin: 3rem 0 0;
  position: relative;
}

#block-fcp-karriereinitiativbewerbung .tns-ovh {
  position: relative;
}

#block-fcp-karriereinitiativbewerbung .tns-controls {
  position: relative;
  margin: 2rem 0 0;
  width: 100%;
  position: absolute;
  margin: 0;
  left: 0;
  top: -2rem;
  height: 40px;
}

#block-fcp-karriereinitiativbewerbung .tns-controls button {
  position: absolute;
  background: transparent;
  padding: 0;
  top: 50%;
  left: 0;
  transform: translate(0, -120%);
  height: 20px;
  font-size: 0;
}

#block-fcp-karriereinitiativbewerbung .tns-controls button:hover, #block-fcp-karriereinitiativbewerbung .tns-controls button:focus, #block-fcp-karriereinitiativbewerbung .tns-controls button:active, #block-fcp-karriereinitiativbewerbung .tns-controls button:focus {
  background-size: 0 0;
  box-shadow: unset;
}

#block-fcp-karriereinitiativbewerbung .tns-controls button:hover:before, #block-fcp-karriereinitiativbewerbung .tns-controls button:focus:before, #block-fcp-karriereinitiativbewerbung .tns-controls button:active:before, #block-fcp-karriereinitiativbewerbung .tns-controls button:focus:before {
  opacity: 1;
}

#block-fcp-karriereinitiativbewerbung .tns-controls button:last-child {
  right: 0;
  left: auto;
}

#block-fcp-karriereinitiativbewerbung .tns-controls button:after {
  display: none;
}

#block-fcp-karriereinitiativbewerbung .tns-controls button:before {
  -webkit-transition: all 0.25s linear;
  -moz-transition: all 0.25s linear;
  -ms-transition: all 0.25s linear;
  -o-transition: all 0.25s linear;
  transition: all 0.25s linear;
  display: inline-block;
  content: "";
  position: absolute;
  right: 10px;
  top: 8px;
  top: auto;
  bottom: -4px;
  width: 40px;
  height: 20px;
  opacity: .85;
  background: transparent url(../assets/img/sprite_fcp.svg) no-repeat 8px -250px;
  animation: none;
  border: unset;
  border-radius: unset;
  clip-path: none;
}

#block-fcp-karriereinitiativbewerbung .tns-controls button:last-child:before {
  right: 0;
  left: auto;
  background-position: 0px -350px;
}

#block-fcp-karriereinitiativbewerbung .tns-controls button:hover:before, #block-fcp-karriereinitiativbewerbung .tns-controls button:focus:before, #block-fcp-karriereinitiativbewerbung .tns-controls button:active:before, #block-fcp-karriereinitiativbewerbung .tns-controls button:focus:before {
  background-position-x: 0px;
}

#block-fcp-karriereinitiativbewerbung .tns-controls button:last-child:hover:before, #block-fcp-karriereinitiativbewerbung .tns-controls button:last-child:focus:before, #block-fcp-karriereinitiativbewerbung .tns-controls button:last-child:active:before, #block-fcp-karriereinitiativbewerbung .tns-controls button:last-child:focus:before {
  background-position-x: 8px;
}

#block-fcp-karriereinitiativbewerbung .tns-outer #tns1 > .tns-item {
  padding-right: 0;
}

#block-fcp-karriereinitiativbewerbung .tns-outer .tns-item {
  overflow: hidden;
  border: unset;
  box-shadow: unset;
}

#block-fcp-karriereinitiativbewerbung .tns-outer .tns-item.tns-slide-active {
  margin-left: 1px;
}

#block-fcp-karriereinitiativbewerbung .tiny-slider-wrapper {
  background: #edebe6;
}

#block-fcp-karriereinitiativbewerbung .tns-controls {
  margin: 3rem 0 0;
}

#block-fcp-karriereinitiativbewerbung .view.projects .view-content,
#block-fcp-karriereinitiativbewerbung .view.kompetenzen-verwandte .view-content,
#block-fcp-karriereinitiativbewerbung .view.initiativbewerbung .view-content {
  display: block;
  position: relative;
}

#block-fcp-karriereinitiativbewerbung .view.projects .view-content::after,
#block-fcp-karriereinitiativbewerbung .view.kompetenzen-verwandte .view-content::after,
#block-fcp-karriereinitiativbewerbung .view.initiativbewerbung .view-content::after {
  display: block;
  content: "";
  position: absolute;
  width: 4000px;
  height: 8px;
  border-radius: 0;
  border: 0 none;
  background: #151515;
  display: block;
  margin: 0 0 0 -4032px;
  left: 60px;
  top: 46px;
  left: 20px;
  top: 15px;
}

@media screen and (min-width: 600px) {
  #block-fcp-karriereinitiativbewerbung .view.projects .view-content::after,
  #block-fcp-karriereinitiativbewerbung .view.kompetenzen-verwandte .view-content::after,
  #block-fcp-karriereinitiativbewerbung .view.initiativbewerbung .view-content::after {
    height: 10px;
    top: 20px;
  }
}

@media screen and (min-width: 1024px) {
  #block-fcp-karriereinitiativbewerbung .view.projects .view-content::after,
  #block-fcp-karriereinitiativbewerbung .view.kompetenzen-verwandte .view-content::after,
  #block-fcp-karriereinitiativbewerbung .view.initiativbewerbung .view-content::after {
    top: 37px;
    top: 22px;
    left: auto;
  }
}

@media screen and (max-width: 768px) {
  #block-fcp-karriereinitiativbewerbung .view.projects .view-content::after,
  #block-fcp-karriereinitiativbewerbung .view.kompetenzen-verwandte .view-content::after,
  #block-fcp-karriereinitiativbewerbung .view.initiativbewerbung .view-content::after {
    display: none;
  }
}

#block-fcp-karriereinitiativbewerbung .view.projects .view-content::after,
#block-fcp-karriereinitiativbewerbung .view.kompetenzen-verwandte .view-content::after,
#block-fcp-karriereinitiativbewerbung .view.initiativbewerbung .view-content::after {
  background: #EC6456;
}

#block-fcp-karriereinitiativbewerbung .view.projects .view-content:after,
#block-fcp-karriereinitiativbewerbung .view.kompetenzen-verwandte .view-content:after,
#block-fcp-karriereinitiativbewerbung .view.initiativbewerbung .view-content:after {
  top: 68px;
  left: 34px;
  height: 10px;
}

#block-fcp-karriereinitiativbewerbung div.card {
  box-shadow: unset;
  background: #edebe6;
  min-height: 300px;
  display: grid;
  grid-template-columns: repeat(50%, 1fr);
  grid-auto-flow: row;
  gap: 1rem;
  align-items: end;
}

@media screen and (min-width: 769px) {
  #block-fcp-karriereinitiativbewerbung div.card {
    height: 300px;
  }
}

@media screen and (min-width: 769px) {
  #block-fcp-karriereinitiativbewerbung div.card {
    gap: 4rem;
    grid-template-columns: repeat(2, 1fr);
  }
}

#block-fcp-karriereinitiativbewerbung div.card figure.image {
  margin: 0;
  height: 100%;
  display: block;
}

#block-fcp-karriereinitiativbewerbung div.card figure.image img {
  display: block;
  height: 100%;
  object-fit: cover;
  object-position: left center;
  min-height: 300px;
}

@media screen and (min-width: 769px) {
  #block-fcp-karriereinitiativbewerbung div.card figure.image img {
    height: 300px;
  }
}

#block-fcp-karriereinitiativbewerbung div.card .slidetexts {
  padding: 1rem 2rem;
}

@media screen and (min-width: 769px) {
  #block-fcp-karriereinitiativbewerbung div.card .slidetexts {
    padding: 2rem 2rem 1rem 0;
  }
}

#block-fcp-karriereinitiativbewerbung div.card .slidetexts .link {
  padding-top: 1rem;
}

#block-fcp-karriereinitiativbewerbung .tns-controls {
  margin: 0;
}

#block-fcp-karriereunserehaltungwarumfcp,
#block-fcp-unserehaltungwarumfcp {
  /* field--name-field-simple-section */
  /* field_section */
}

#block-fcp-karriereunserehaltungwarumfcp .inner h2,
#block-fcp-unserehaltungwarumfcp .inner h2 {
  margin: 0;
  font-size: unset;
}

#block-fcp-karriereunserehaltungwarumfcp .inner h2:after,
#block-fcp-unserehaltungwarumfcp .inner h2:after {
  display: none;
}

#block-fcp-karriereunserehaltungwarumfcp .paragraph > .inner,
#block-fcp-unserehaltungwarumfcp .paragraph > .inner {
  display: block;
}

#block-fcp-karriereunserehaltungwarumfcp .paragraph > .inner *,
#block-fcp-unserehaltungwarumfcp .paragraph > .inner * {
  position: relative;
}

#block-fcp-karriereunserehaltungwarumfcp .field_simple_section,
#block-fcp-unserehaltungwarumfcp .field_simple_section {
  display: grid;
  grid-template-columns: repeat(1, 1fr);
  grid-template-rows: repeat(1, 1fr);
  grid-auto-flow: row;
  gap: 2rem;
  align-items: stretch;
}

@media screen and (min-width: 769px) {
  #block-fcp-karriereunserehaltungwarumfcp .field_simple_section,
  #block-fcp-unserehaltungwarumfcp .field_simple_section {
    grid-template-columns: repeat(2, 1fr);
  }
}

@media screen and (min-width: 1024px) {
  #block-fcp-karriereunserehaltungwarumfcp .field_simple_section,
  #block-fcp-unserehaltungwarumfcp .field_simple_section {
    grid-template-columns: repeat(3, 1fr);
  }
}

#block-fcp-karriereunserehaltungwarumfcp .field--name-field-simple-section,
#block-fcp-unserehaltungwarumfcp .field--name-field-simple-section {
  margin: 0;
  padding: 0;
  /* a */
}

#block-fcp-karriereunserehaltungwarumfcp .field--name-field-simple-section .inner,
#block-fcp-unserehaltungwarumfcp .field--name-field-simple-section .inner {
  margin: 1rem 0;
  padding: 0;
}

@media screen and (min-width: 769px) {
  #block-fcp-karriereunserehaltungwarumfcp .field--name-field-simple-section .inner,
  #block-fcp-unserehaltungwarumfcp .field--name-field-simple-section .inner {
    padding: 1rem;
    margin: 0;
  }
}

#block-fcp-karriereunserehaltungwarumfcp .field--name-field-simple-section a,
#block-fcp-unserehaltungwarumfcp .field--name-field-simple-section a {
  display: block;
  width: 100%;
  color: #151515;
}

#block-fcp-karriereunserehaltungwarumfcp .field--name-field-simple-section a *,
#block-fcp-unserehaltungwarumfcp .field--name-field-simple-section a * {
  -webkit-transition: all 0.2s ease-in-out;
  -moz-transition: all 0.2s ease-in-out;
  -ms-transition: all 0.2s ease-in-out;
  -o-transition: all 0.2s ease-in-out;
  transition: all 0.2s ease-in-out;
}

#block-fcp-karriereunserehaltungwarumfcp .field--name-field-simple-section a:hover, #block-fcp-karriereunserehaltungwarumfcp .field--name-field-simple-section a:focus, #block-fcp-karriereunserehaltungwarumfcp .field--name-field-simple-section a:active, #block-fcp-karriereunserehaltungwarumfcp .field--name-field-simple-section a:focus-within,
#block-fcp-unserehaltungwarumfcp .field--name-field-simple-section a:hover,
#block-fcp-unserehaltungwarumfcp .field--name-field-simple-section a:focus,
#block-fcp-unserehaltungwarumfcp .field--name-field-simple-section a:active,
#block-fcp-unserehaltungwarumfcp .field--name-field-simple-section a:focus-within {
  color: #EC6456;
}

#block-fcp-karriereunserehaltungwarumfcp .field--name-field-simple-section a:hover h2, #block-fcp-karriereunserehaltungwarumfcp .field--name-field-simple-section a:focus h2, #block-fcp-karriereunserehaltungwarumfcp .field--name-field-simple-section a:active h2, #block-fcp-karriereunserehaltungwarumfcp .field--name-field-simple-section a:focus-within h2,
#block-fcp-unserehaltungwarumfcp .field--name-field-simple-section a:hover h2,
#block-fcp-unserehaltungwarumfcp .field--name-field-simple-section a:focus h2,
#block-fcp-unserehaltungwarumfcp .field--name-field-simple-section a:active h2,
#block-fcp-unserehaltungwarumfcp .field--name-field-simple-section a:focus-within h2 {
  color: #EC6456;
}

#block-fcp-karriereunserehaltungwarumfcp .field--name-field-simple-section a .field_bigfield_link,
#block-fcp-unserehaltungwarumfcp .field--name-field-simple-section a .field_bigfield_link {
  font-size: 125%;
  text-transform: uppercase;
  background: #7d8691;
  padding: 1rem;
  margin-bottom: .5rem;
  color: #fff;
  font-weight: 600;
  height: 150px;
}

@media screen and (min-width: 769px) {
  #block-fcp-karriereunserehaltungwarumfcp .field--name-field-simple-section a .field_bigfield_link,
  #block-fcp-unserehaltungwarumfcp .field--name-field-simple-section a .field_bigfield_link {
    height: 200px;
  }
}

#block-fcp-karriereunserehaltungwarumfcp .field--name-field-simple-section a:hover .field_bigfield_link, #block-fcp-karriereunserehaltungwarumfcp .field--name-field-simple-section a:focus .field_bigfield_link, #block-fcp-karriereunserehaltungwarumfcp .field--name-field-simple-section a:active .field_bigfield_link, #block-fcp-karriereunserehaltungwarumfcp .field--name-field-simple-section a:focus-within .field_bigfield_link,
#block-fcp-unserehaltungwarumfcp .field--name-field-simple-section a:hover .field_bigfield_link,
#block-fcp-unserehaltungwarumfcp .field--name-field-simple-section a:focus .field_bigfield_link,
#block-fcp-unserehaltungwarumfcp .field--name-field-simple-section a:active .field_bigfield_link,
#block-fcp-unserehaltungwarumfcp .field--name-field-simple-section a:focus-within .field_bigfield_link {
  background: #EC6456;
}

#block-fcp-karriereunserehaltungwarumfcp .field--name-field-simple-section .field_subheader,
#block-fcp-unserehaltungwarumfcp .field--name-field-simple-section .field_subheader {
  text-transform: uppercase;
  font-size: 0.875rem;
}

@media screen and (min-width: 769px) {
  #block-fcp-karriereunserehaltungwarumfcp .field_subtitel,
  #block-fcp-unserehaltungwarumfcp .field_subtitel {
    max-width: 60%;
  }
}

@media screen and (min-width: 1024px) {
  #block-fcp-karriereunserehaltungwarumfcp .field_subtitel,
  #block-fcp-unserehaltungwarumfcp .field_subtitel {
    max-width: 40%;
  }
}

#block-fcp-karriereunserehaltungwarumfcp .field_simple_section,
#block-fcp-unserehaltungwarumfcp .field_simple_section {
  display: grid;
  height: 100%;
  position: relative;
  grid-template-columns: repeat(1, 1fr);
  grid-template-rows: auto;
  gap: 0;
}

@media screen and (min-width: 600px) {
  #block-fcp-karriereunserehaltungwarumfcp .field_simple_section,
  #block-fcp-unserehaltungwarumfcp .field_simple_section {
    grid-template-columns: repeat(2, 46%);
  }
}

@media screen and (min-width: 769px) {
  #block-fcp-karriereunserehaltungwarumfcp .field_simple_section,
  #block-fcp-unserehaltungwarumfcp .field_simple_section {
    gap: 1rem;
    grid-template-rows: repeat(2, 1fr);
    grid-template-columns: 60% 1fr;
  }
}

@media screen and (min-width: 1024px) {
  #block-fcp-karriereunserehaltungwarumfcp .field_simple_section,
  #block-fcp-unserehaltungwarumfcp .field_simple_section {
    gap: 2rem;
    grid-template-columns: 40% 1fr 1fr;
  }
}

#block-fcp-karriereunserehaltungwarumfcp .field_simple_section .field_bigfield_link,
#block-fcp-unserehaltungwarumfcp .field_simple_section .field_bigfield_link {
  background: #91a397;
}

#block-fcp-karriereunserehaltungwarumfcp .field_simple_section > div,
#block-fcp-unserehaltungwarumfcp .field_simple_section > div {
  padding: 0;
  margin: 0;
  height: auto;
}

#block-fcp-karriereunserehaltungwarumfcp .field_simple_section > div:first-child .field_bigfield_link,
#block-fcp-unserehaltungwarumfcp .field_simple_section > div:first-child .field_bigfield_link {
  background: #91a397;
}

#block-fcp-karriereunserehaltungwarumfcp .field_simple_section > div:last-child .field_bigfield_link,
#block-fcp-unserehaltungwarumfcp .field_simple_section > div:last-child .field_bigfield_link {
  background: #91a397;
}

@media screen and (min-width: 769px) {
  #block-fcp-karriereunserehaltungwarumfcp .field_simple_section > div:first-child,
  #block-fcp-unserehaltungwarumfcp .field_simple_section > div:first-child {
    grid-area: 1 / 1 / 3 / 1;
    padding-top: 4rem;
  }
  #block-fcp-karriereunserehaltungwarumfcp .field_simple_section > div:first-child .field_bigfield_link,
  #block-fcp-unserehaltungwarumfcp .field_simple_section > div:first-child .field_bigfield_link {
    height: 400px;
  }
}

@media screen and (min-width: 769px) {
  #block-fcp-karriereunserehaltungwarumfcp .field_simple_section > div:nth-child(2),
  #block-fcp-unserehaltungwarumfcp .field_simple_section > div:nth-child(2) {
    grid-area: 3 / 1 / 4 / 3;
  }
}

@media screen and (min-width: 1024px) {
  #block-fcp-karriereunserehaltungwarumfcp .field_simple_section > div:nth-child(2),
  #block-fcp-unserehaltungwarumfcp .field_simple_section > div:nth-child(2) {
    grid-area: 1 / 2 / 2 / 4;
  }
  #block-fcp-karriereunserehaltungwarumfcp .field_simple_section > div:nth-child(2) .field_bigfield_link,
  #block-fcp-unserehaltungwarumfcp .field_simple_section > div:nth-child(2) .field_bigfield_link {
    height: 300px;
  }
}

#block-fcp-karriereunserehaltungwarumfcp .field_simple_section > div a:hover .field_bigfield_link, #block-fcp-karriereunserehaltungwarumfcp .field_simple_section > div a:focus .field_bigfield_link, #block-fcp-karriereunserehaltungwarumfcp .field_simple_section > div a:active .field_bigfield_link, #block-fcp-karriereunserehaltungwarumfcp .field_simple_section > div a:focus-within .field_bigfield_link,
#block-fcp-unserehaltungwarumfcp .field_simple_section > div a:hover .field_bigfield_link,
#block-fcp-unserehaltungwarumfcp .field_simple_section > div a:focus .field_bigfield_link,
#block-fcp-unserehaltungwarumfcp .field_simple_section > div a:active .field_bigfield_link,
#block-fcp-unserehaltungwarumfcp .field_simple_section > div a:focus-within .field_bigfield_link {
  background: #EC6456;
}

@media screen and (min-width: 600px) and (max-width: 768px) {
  #block-fcp-karriereunserehaltungwarumfcp .field_simple_section > div:first-child, #block-fcp-karriereunserehaltungwarumfcp .field_simple_section > div:nth-child(2),
  #block-fcp-unserehaltungwarumfcp .field_simple_section > div:first-child,
  #block-fcp-unserehaltungwarumfcp .field_simple_section > div:nth-child(2) {
    grid-column: 1 / 3;
  }
}

body.page-node-type-page .karriere_footer article {
  min-height: unset;
}

body.is-page-node-type-testimonial .karriere_footer .articlecontent .field_section > .field .paragraph > .container {
  display: block;
}

.karriere_footer {
  margin: 4rem 0 0;
  background: #e84231;
  color: #fff;
  /* a */
}

.karriere_footer article > h2 {
  display: none;
}

.karriere_footer .block > h2 {
  color: #fff;
}

.karriere_footer a {
  color: #fff;
}

.karriere_footer a:hover, .karriere_footer a:focus, .karriere_footer a:active, .karriere_footer a.is-active {
  color: #fff;
  text-decoration: underline;
  background-color: transparent;
}

.karriere_footer a.button {
  color: #fff;
  padding: 0 4rem 0 1rem;
}

.karriere_footer a.button:after, .karriere_footer a.button:before {
  filter: invert(1);
}

.karriere_footer a.button:hover, .karriere_footer a.button:focus, .karriere_footer a.button:active, .karriere_footer a.button.is-active {
  color: #fff;
}

@media screen and (max-width: 768px) {
  .karriere_footer #block-fcp-joinus {
    text-align: center;
  }
}

.karriere_footer .inner {
  padding: 3rem 2rem;
  display: -webkit-box;
  display: -webkit-flex;
  display: -moz-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-flex-wrap: wrap;
  -moz-flex-wrap: wrap;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
  -webkit-box-pack: justify;
  -ms-flex-pack: justify;
  -webkit-justify-content: space-between;
  -moz-justify-content: space-between;
  justify-content: space-between;
}

@media screen and (min-width: 769px) {
  .karriere_footer .inner {
    padding: 3rem 2rem;
  }
}

@media screen and (min-width: 1024px) {
  .karriere_footer .inner {
    padding: 3rem 0 3rem 6rem;
  }
}

.karriere_footer .inner > .block {
  -webkit-box-flex: 0;
  -webkit-flex: 0 1 100%;
  -moz-box-flex: 0;
  -moz-flex: 0 1 100%;
  -ms-flex: 0 1 100%;
  flex: 0 1 100%;
}

@media screen and (min-width: 769px) {
  .karriere_footer .inner > .block {
    -webkit-box-flex: 0;
    -webkit-flex: 0 1 33.3333%;
    -moz-box-flex: 0;
    -moz-flex: 0 1 33.3333%;
    -ms-flex: 0 1 33.3333%;
    flex: 0 1 33.3333%;
  }
}

@media screen and (min-width: 769px) {
  .karriere_footer .inner > .block:last-child {
    -webkit-box-flex: 0;
    -webkit-flex: 0 1 60%;
    -moz-box-flex: 0;
    -moz-flex: 0 1 60%;
    -ms-flex: 0 1 60%;
    flex: 0 1 60%;
  }
}

.karriere_footer .inner .field_section > .field > .paragraph {
  padding: 0;
}

.karriere_footer .inner .field_section > .field > .paragraph > .inner {
  display: block;
}

.karriere_footer .inner .articlecontent {
  display: block;
}

.karriere_footer .inner .articlecontent .paragraph.paragraph--type--zitat {
  max-width: unset;
  width: unset;
  display: block;
}

@media screen and (max-width: 768px) {
  .karriere_footer .inner .articlecontent .paragraph.paragraph--type--zitat {
    text-align: center;
  }
}

.karriere_footer .inner .articlecontent .paragraph.paragraph--type--zitat .inner {
  width: 100%;
  grid-template-rows: auto 1fr;
  grid-template-columns: 1fr;
  align-items: end;
}

@media screen and (max-width: 1023px) {
  .karriere_footer .inner .articlecontent .paragraph.paragraph--type--zitat .inner {
    display: block;
    padding-top: 2rem;
  }
}

@media screen and (min-width: 1024px) {
  .karriere_footer .inner .articlecontent .paragraph.paragraph--type--zitat .inner {
    grid-template-columns: 220px 1fr;
  }
}

.karriere_footer .inner .articlecontent .paragraph.paragraph--type--zitat .inner .zitatinfos {
  flex: unset;
}

@media screen and (min-width: 1024px) {
  .karriere_footer .inner .articlecontent .paragraph.paragraph--type--zitat .inner .zitatinfos {
    grid-column: 2;
  }
}

@media screen and (max-width: 1023px) {
  .karriere_footer .inner .articlecontent .paragraph.paragraph--type--zitat .inner .zitatgeberbild {
    display: none;
  }
}

.karriere_footer .inner .articlecontent .paragraph.paragraph--type--zitat .inner .zitatgeberbild .field--name-field-bild {
  padding: 1rem 0 0;
}

.karriere_footer .inner .articlecontent .paragraph.paragraph--type--zitat:before {
  color: #fff;
  font-size: 100px;
}

@media screen and (max-width: 1023px) {
  .karriere_footer .inner .articlecontent .paragraph.paragraph--type--zitat:before {
    display: none;
  }
}

main #block-fcp-newsfeed .field--name-body {
  max-width: unset;
}

#block-fcp-newsfeed {
  padding: 4rem 0;
}

#block-fcp-newsfeed h2 {
  position: relative;
  margin-bottom: 2rem;
}

#block-fcp-newsfeed h2::after {
  display: block;
  content: "";
  position: absolute;
  width: 4000px;
  height: 8px;
  border-radius: 0;
  border: 0 none;
  background: #151515;
  display: block;
  margin: 0 0 0 -4032px;
  left: 60px;
  top: 46px;
  left: 20px;
  top: 15px;
}

@media screen and (min-width: 600px) {
  #block-fcp-newsfeed h2::after {
    height: 10px;
    top: 20px;
  }
}

@media screen and (min-width: 1024px) {
  #block-fcp-newsfeed h2::after {
    top: 37px;
    top: 22px;
    left: auto;
  }
}

@media screen and (max-width: 768px) {
  #block-fcp-newsfeed h2::after {
    display: none;
  }
}

#block-fcp-newsfeed .es-carousel-layout-item div[class^="CardUserBlock"] > a[class^="Link_"] {
  position: absolute;
  top: 0;
  right: 0;
  filter: saturate(0);
  opacity: .5;
}

#block-fcp-newsfeed button[class^="ShareButton"] {
  padding: unset;
  margin: unset;
  line-height: unset;
  height: unset;
  min-height: unset;
  min-width: unset;
  font-weight: unset;
}

#block-fcp-newsfeed button[class^="ShareButton"]:before, #block-fcp-newsfeed button[class^="ShareButton"]:after {
  display: none;
}

#block-fcp-newsfeed div[class^="TextControl"] {
  font-size: 83.75%;
}

/*

@import "modules/module_search";
@import "modules/module_videos";
@import "modules/module_werbung";
@import "modules/module_trends";
@import "modules/module_jobs";
@import "modules/module_kurse";
@import "modules/module_profile";
@import "modules/module_anbieter";

@import "modules/module_ausblender";
@import "modules/module_shop";
@import "modules/module_ueberuns";
@import "modules/module_getprofile";
@import "modules/module_stories";
@import "modules/module_register";
@import "modules/module_flags";
@import "modules/module_forum";
@import "modules/module_map";
@import "modules/module_privatemessages";
@import "modules/module_inserate";

@import "modules/academy-pages";
*/
/*

@import "_news/news-main";
@import "_jobs/jobs-main";
@import "_academy/academy-main";

@import "../node_modules/bulma/sass/elements/button";
*/

/*# sourceMappingURL=main.css.map */