@charset "UTF-8";
/**
 * @file
 * Styles are organized using the SMACSS technique. @see http://smacss.com/book/
 *
 * When you turn on CSS aggregation at admin/config/development/performance, all
 * of these @include files will be combined into a single file.
 */
/* Import Sass mixins, variables, Compass modules, etc. */
/**
 * GRIDS FOR SECTIONS
 *
 *
 */
/**
 * SPACER FOR SECTIONS
 *
 *
 */
/**
 * COLORS FOR SECTIONS
 *
 *
 */
/**
 * RESPONSIVE SIZES
 *
 *
 */
/**
 * DIVERSE
 *
 *
 */
/**
 * LINKS AND BUTTONS
 *
 *
 */
/* barlow-300 - latin */
@font-face {
  font-family: "Barlow";
  font-style: normal;
  font-weight: 300;
  src: url("../webfonts/barlow-v12-latin/barlow-v12-latin-300.eot"); /* IE9 Compat Modes */
  src: local(""), url("../webfonts/barlow-v12-latin/barlow-v12-latin-300.eot?#iefix") format("embedded-opentype"), url("../webfonts/barlow-v12-latin/barlow-v12-latin-300.woff2") format("woff2"), url("../webfonts/barlow-v12-latin/barlow-v12-latin-300.woff") format("woff"), url("../webfonts/barlow-v12-latin/barlow-v12-latin-300.ttf") format("truetype"), url("../webfonts/barlow-v12-latin/barlow-v12-latin-300.svg#Barlow") format("svg"); /* Legacy iOS */
}
/* barlow-regular - latin */
@font-face {
  font-family: "Barlow";
  font-style: normal;
  font-weight: 400;
  src: url("../webfonts/barlow-v12-latin/barlow-v12-latin-regular.eot"); /* IE9 Compat Modes */
  src: local(""), url("../webfonts/barlow-v12-latin/barlow-v12-latin-regular.eot?#iefix") format("embedded-opentype"), url("../webfonts/barlow-v12-latin/barlow-v12-latin-regular.woff2") format("woff2"), url("../webfonts/barlow-v12-latin/barlow-v12-latin-regular.woff") format("woff"), url("../webfonts/barlow-v12-latin/barlow-v12-latin-regular.ttf") format("truetype"), url("../webfonts/barlow-v12-latin/barlow-v12-latin-regular.svg#Barlow") format("svg"); /* Legacy iOS */
}
/* barlow-600 - latin */
@font-face {
  font-family: "Barlow";
  font-style: normal;
  font-weight: 600;
  src: url("../webfonts/barlow-v12-latin/barlow-v12-latin-600.eot"); /* IE9 Compat Modes */
  src: local(""), url("../webfonts/barlow-v12-latin/barlow-v12-latin-600.eot?#iefix") format("embedded-opentype"), url("../webfonts/barlow-v12-latin/barlow-v12-latin-600.woff2") format("woff2"), url("../webfonts/barlow-v12-latin/barlow-v12-latin-600.woff") format("woff"), url("../webfonts/barlow-v12-latin/barlow-v12-latin-600.ttf") format("truetype"), url("../webfonts/barlow-v12-latin/barlow-v12-latin-600.svg#Barlow") format("svg"); /* Legacy iOS */
}
/* barlow-700 - latin */
@font-face {
  font-family: "Barlow";
  font-style: normal;
  font-weight: 700;
  src: url("../webfonts/barlow-v12-latin/barlow-v12-latin-700.eot"); /* IE9 Compat Modes */
  src: local(""), url("../webfonts/barlow-v12-latin/barlow-v12-latin-700.eot?#iefix") format("embedded-opentype"), url("../webfonts/barlow-v12-latin/barlow-v12-latin-700.woff2") format("woff2"), url("../webfonts/barlow-v12-latin/barlow-v12-latin-700.woff") format("woff"), url("../webfonts/barlow-v12-latin/barlow-v12-latin-700.ttf") format("truetype"), url("../webfonts/barlow-v12-latin/barlow-v12-latin-700.svg#Barlow") format("svg"); /* Legacy iOS */
}
/* barlow-900 - latin */
@font-face {
  font-family: "Barlow";
  font-style: normal;
  font-weight: 900;
  src: url("../webfonts/barlow-v12-latin/barlow-v12-latin-900.eot"); /* IE9 Compat Modes */
  src: local(""), url("../webfonts/barlow-v12-latin/barlow-v12-latin-900.eot?#iefix") format("embedded-opentype"), url("../webfonts/barlow-v12-latin/barlow-v12-latin-900.woff2") format("woff2"), url("../webfonts/barlow-v12-latin/barlow-v12-latin-900.woff") format("woff"), url("../webfonts/barlow-v12-latin/barlow-v12-latin-900.ttf") format("truetype"), url("../webfonts/barlow-v12-latin/barlow-v12-latin-900.svg#Barlow") format("svg"); /* Legacy iOS */
}
/************************************************************/
/*										COOKIE COMPLIANCE											*/
/************************************************************/
.eu-cookie-toggle-banner {
  position: fixed;
  left: 30px;
  bottom: 30px;
  cursor: pointer;
  background-color: #CA0010;
  height: 60px;
  width: 60px;
  line-height: 60px;
  text-align: center;
  color: #fff;
  border-radius: 100%;
  font-size: 25px;
  z-index: 302;
}

#sliding-popup {
  box-shadow: 0 0 20px rgba(0, 0, 0, 0.15);
  border-radius: 7px;
  background-color: #fff;
  color: #0B2136;
  padding: 30px;
  width: 600px;
  margin: 0 auto;
  left: 50%;
  -webkit-transform: translateX(-50%);
          transform: translateX(-50%);
  z-index: 301;
  box-sizing: border-box;
  transition: 0.9s ease-out transform, 0.9s ease-out opacity;
  overflow-y: scroll;
  -webkit-overflow-scrolling: touch;
}
@media (max-width: 1024px) {
  #sliding-popup {
    width: 100%;
    height: 100%;
  }
}
#sliding-popup .eu-cookie-withdraw-tab {
  display: none;
}
#sliding-popup .eu-cookie-withdraw-tab {
  -webkit-appearance: none;
     -moz-appearance: none;
          appearance: none;
  background-color: #fff;
  border: none;
  padding: 10px 30px;
}
#sliding-popup .popup-content {
  max-width: none;
  float: none;
  display: block;
  font-family: "Barlow", sans-serif;
  font-size: 18px;
  line-height: 27px;
  font-weight: 400;
  font-weight: 300;
}
#sliding-popup .popup-content #popup-text {
  float: none;
  max-width: none;
}
#sliding-popup .popup-content #popup-text h2 {
  font-family: "Barlow", sans-serif;
  font-size: 25px;
  line-height: 30px;
  font-weight: 600;
  margin-bottom: 20px;
  margin-top: 0;
}
#sliding-popup .popup-content #popup-text button.find-more-button {
  -webkit-appearance: none;
     -moz-appearance: none;
          appearance: none;
  background-color: transparent;
  border: none;
  padding: 0;
  margin: 0;
}
#sliding-popup .popup-content #eu-cookie-compliance-categories {
  margin-top: 30px;
}
#sliding-popup .popup-content #eu-cookie-compliance-categories::after::after {
  clear: both;
  content: "";
  display: block;
}
#sliding-popup .popup-content #eu-cookie-compliance-categories .eu-cookie-compliance-category {
  float: left;
  width: 33.3333%;
  box-sizing: border-box;
  padding-right: 30px;
}
#sliding-popup .popup-content #eu-cookie-compliance-categories .eu-cookie-compliance-category:first-child {
  opacity: 0.5;
}
@media screen and (max-width: 930px) {
  #sliding-popup .popup-content #eu-cookie-compliance-categories .eu-cookie-compliance-category {
    width: 50%;
  }
}
@media screen and (max-width: 480px) {
  #sliding-popup .popup-content #eu-cookie-compliance-categories .eu-cookie-compliance-category {
    width: 100%;
    float: none;
  }
}
#sliding-popup .popup-content #eu-cookie-compliance-categories .eu-cookie-compliance-category input[type=checkbox]:checked + label::before,
#sliding-popup .popup-content #eu-cookie-compliance-categories .eu-cookie-compliance-category input[type=checkbox]:not(:checked) + label::before {
  background: #fff;
  box-shadow: inset 0 1px 3px 0 rgba(0, 0, 0, 0.4);
  border: 1px solid #989898;
}
#sliding-popup .popup-content #eu-cookie-compliance-categories .eu-cookie-compliance-category input[type=checkbox]:checked + label::before {
  background: #0B2136;
  box-shadow: inset 0 0 0 3px #fff;
}
#sliding-popup .popup-content #eu-cookie-compliance-categories .eu-cookie-compliance-category:last-child {
  padding-right: 0;
}
#sliding-popup .popup-content #eu-cookie-compliance-categories .eu-cookie-compliance-category label {
  display: block;
}
#sliding-popup .popup-content #eu-cookie-compliance-categories #details {
  clear: both;
}
#sliding-popup .popup-content #eu-cookie-compliance-categories #details .fa {
  margin-left: 5px;
  -webkit-transform: rotate(0deg);
          transform: rotate(0deg);
  transition: 0.3s ease-in-out rotate;
}
#sliding-popup .popup-content #eu-cookie-compliance-categories #details.open .fa {
  -webkit-transform: rotate(180deg);
          transform: rotate(180deg);
}
#sliding-popup .popup-content #eu-cookie-compliance-categories #details .trigger {
  text-align: right;
}
#sliding-popup .popup-content #eu-cookie-compliance-categories #details .trigger .option {
  display: inline-block;
  cursor: pointer;
}
#sliding-popup .popup-content #eu-cookie-compliance-categories #details .trigger .option.hide {
  display: none;
}
#sliding-popup .popup-content #eu-cookie-compliance-categories #details .content {
  display: none;
}
#sliding-popup .popup-content #eu-cookie-compliance-categories #details .content .label {
  font-weight: bold;
}
#sliding-popup .popup-content #eu-cookie-compliance-categories #details .content .eu-cookie-compliance-category-description {
  margin-bottom: 20px;
}
#sliding-popup .popup-content #popup-buttons {
  margin-top: 30px;
  float: none;
  text-align: right;
  width: 100%;
  max-width: none;
}
#sliding-popup .popup-content #popup-buttons button {
  width: 100%;
  margin-bottom: 10px;
  display: block;
  padding: 14px 30px;
  background-color: #0B2136;
  color: #fff !important;
  border: none;
  transition: 0.3s ease-in-out all;
  text-align: center;
  display: inline-block;
  border-radius: 4px;
  font-family: "Barlow", sans-serif;
  font-size: 18px;
  line-height: 27px;
  font-weight: 400;
  font-weight: 700;
  text-transform: uppercase;
  display: inline-block;
  position: relative !important;
  clip: unset;
  height: auto;
}
#sliding-popup .popup-content #popup-buttons button:hover {
  background-color: #CA0010;
}
#sliding-popup .popup-content #popup-buttons button.eu-cookie-withdraw-button, #sliding-popup .popup-content #popup-buttons button.eu-cookie-compliance-save-preferences-button {
  color: #0B2136 !important;
  background-color: transparent;
  border: 1px solid #0B2136;
}

/************************************************************/
/*						AJAX LOADER							*/
/************************************************************/
/* these apply to all ajax progresses */
.ajax-progress,
.ajax-links-api-wrapper {
  display: inline-block;
  *display: inline;
  *zoom: 1;
  width: 100%;
  height: 100%;
  background-color: rgba(0, 0, 0, 0.8);
  position: fixed;
  top: 0;
  left: 0;
  z-index: 500;
}

.ajax-progress .throbber,
.ajax-links-api-loading {
  background: transparent; /* tweak this according to your gif */
  position: absolute;
  top: 50%;
  left: 50%;
  height: 24px; /* tweak this according to your gif */
  width: 24px; /* tweak this according to your gif */
  margin: 2px;
}

/************************************************************/
/*														TABS													*/
/************************************************************/
#block-woar-theme-local-tasks {
  max-width: 1260px;
  margin-left: auto;
  margin-right: auto;
  position: relative;
  box-sizing: border-box;
  float: none;
  position: relative;
  z-index: 2;
}
@media (max-width: 1399.98px) {
  #block-woar-theme-local-tasks {
    max-width: none;
    width: 90%;
  }
}

ul.tabs {
  margin: 40px 0;
  padding: 0;
}
ul.tabs.primary li {
  list-style: none;
  display: inline-block;
  margin-bottom: 5px;
}
ul.tabs.primary li a {
  display: inline-block;
  padding: 15px 20px;
  border-radius: 8px;
  background-color: #F7F7F7;
  font-family: "Barlow", sans-serif;
  font-size: 18px;
  line-height: 27px;
  font-weight: 400;
  color: #787878;
}
ul.tabs.primary li a.is-active {
  background-color: #dedede;
}
ul.tabs.primary li a:hover {
  background-color: #787878;
  color: #fff;
}
ul.tabs.secondary {
  margin-top: 20px;
}
ul.tabs.secondary li a {
  padding: 8px 13px;
  border-radius: 8px;
  background-color: #F7F7F7;
  color: #787878;
  font-family: "Barlow", sans-serif;
  font-size: 18px;
  line-height: 27px;
  font-weight: 400;
}
ul.tabs.secondary li a.is-active {
  background-color: #dedede;
}
ul.tabs.secondary li a:hover {
  background-color: #787878;
  color: #fff;
}

/**
 * LOGIN PAGE
 */
.path-user #user-login-form {
  display: flex;
  flex-wrap: wrap;
  gap: 2%;
}
.path-user #user-login-form > .form-item {
  flex: 0 0 49%;
}
.path-user #user-login-form > .form-item input {
  width: 100%;
}
.path-user #user-login-form #edit-actions {
  flex: 0 0 100%;
}

/**
 * WHEN USER IS LOGGED IN
 * TWEAKS FOR DESIGN AND LAYOUT
 *
 */
.user-logged-in {
  /**
   * PARAGRAPHS EDIT PAGE
   *
   */
}
.user-logged-in.layout-mode header {
  position: relative;
}
.user-logged-in .field--name-field-titel.form-wrapper {
  padding-left: 0;
}
.user-logged-in .field--name-field-titel.form-wrapper::before {
  display: none;
}

/**
 * LAYOUT BUILDER OPTIMIZATIONS
 *
 */
.layout-builder__link--configure {
  font-size: inherit;
}

/**
 * Inline Entity Form tweaks Table
 */
table.ief-entity-table {
  background-color: #fff !important;
  width: 100%;
}
table.ief-entity-table tr.odd {
  background-color: transparent;
}
table.ief-entity-table tr.even {
  background-color: #f2f2f2;
}
table.ief-entity-table tr:hover td {
  background: transparent !important;
}
table.ief-entity-table tr td, table.ief-entity-table tr th {
  padding: 10px;
  box-sizing: border-box;
  color: #000;
}
table.ief-entity-table tr .ief-entity-operations input {
  width: 100% !important;
  margin-top: 0 !important;
}

/**
 * LAYOUT BUILDER OPTIMIZATIONS
 *
 */
.layout-builder__link--configure {
  font-size: inherit;
}

/**
 * Inline Entity Form tweaks Table
 */
table.ief-entity-table {
  background-color: #fff !important;
  width: 100%;
}
table.ief-entity-table tr.odd {
  background-color: transparent;
}
table.ief-entity-table tr.even {
  background-color: #f2f2f2;
}
table.ief-entity-table tr:hover td {
  background: transparent !important;
}
table.ief-entity-table tr td, table.ief-entity-table tr th {
  padding: 10px;
  box-sizing: border-box;
  color: #000;
}
table.ief-entity-table tr .ief-entity-operations input {
  width: 100% !important;
  margin-top: 0 !important;
}

fieldset.layout-paragraphs-field {
  background-color: transparent;
  border: 1px solid #666;
  padding: 20px;
}
fieldset.layout-paragraphs-field legend {
  display: none;
}
fieldset.layout-paragraphs-field .fieldset-wrapper .layout-paragraphs-item {
  border-radius: 12px;
  border: 1px solid #989898;
  padding-top: 78px;
  background-color: #fff;
}
fieldset.layout-paragraphs-field .fieldset-wrapper .layout-paragraphs-item::before {
  content: "";
  display: block;
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 48px;
  border-bottom: 1px solid #666;
}
fieldset.layout-paragraphs-field .fieldset-wrapper .layout-paragraphs-item .layout-paragraphs-item {
  border: 4px solid #fff;
  background-image: url("data:image/svg+xml,%3csvg width='100%25' height='100%25' xmlns='http://www.w3.org/2000/svg'%3e%3crect width='100%25' height='100%25' fill='none' rx='8' ry='8' stroke='%2300000045' stroke-width='4' stroke-dasharray='8%2c8' stroke-dashoffset='0' stroke-linecap='butt'/%3e%3c/svg%3e");
  border-radius: 12px;
}
fieldset.layout-paragraphs-field .fieldset-wrapper .layout-paragraphs-item .layout-paragraphs-item::before {
  display: none;
}
fieldset.layout-paragraphs-field .fieldset-wrapper .layout-paragraphs-add-more-menu {
  border-radius: 12px;
}
fieldset.layout-paragraphs-field .fieldset-wrapper .layout-paragraphs-add-more-menu .layout-paragraphs-add-more-menu__item a {
  align-self: stretch;
  padding: 0;
  border-radius: 8px;
}
fieldset.layout-paragraphs-field .fieldset-wrapper .layout-paragraphs-add-more-menu .layout-paragraphs-add-more-menu__item a:hover {
  background-color: #bad0fd;
}
fieldset.layout-paragraphs-field .fieldset-wrapper .layout-paragraphs-add-content__toggle {
  background: #0550e6;
  border-radius: 50%;
}
fieldset.layout-paragraphs-field .fieldset-wrapper .layout-paragraphs-add-content__toggle::before {
  content: "";
  display: block;
  width: 100%;
  height: 100%;
  background: #fff;
  -webkit-mask-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3e%3cpath fill='none' d='M12 4v16M4 12h16' stroke='black' stroke-width='3' stroke-linecap='round' stroke-linejoin='round'/%3e%3c/svg%3e");
  mask-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3e%3cpath fill='none' d='M12 4v16M4 12h16' stroke='black' stroke-width='3' stroke-linecap='round' stroke-linejoin='round'/%3e%3c/svg%3e");
  -webkit-mask-repeat: no-repeat;
  mask-repeat: no-repeat;
  -webkit-mask-position: center center;
  mask-position: center center;
  -webkit-mask-size: 16px 16px;
  mask-size: 16px 16px;
}
fieldset.layout-paragraphs-field .fieldset-wrapper .layout-paragraphs-layout-region {
  border: none;
}
fieldset.layout-paragraphs-field .fieldset-wrapper .layout-controls {
  opacity: 1;
  top: 10px;
}
fieldset.layout-paragraphs-field .fieldset-wrapper .layout-paragraphs-actions {
  visibility: visible;
  top: 8px;
}
fieldset.layout-paragraphs-field .layout-paragraphs-disabled-items {
  background-color: #eee;
  border: none;
  border-radius: 12px;
  padding: 30px;
}
fieldset.layout-paragraphs-field .layout-paragraphs-disabled-items legend {
  display: contents;
}
fieldset.layout-paragraphs-field .layout-paragraphs-disabled-items legend span {
  display: block;
  padding: 16px 0 24px;
  font-size: 16px;
  font-weight: bold;
  color: #111;
}
fieldset.layout-paragraphs-field .layout-paragraphs-disabled-items .fieldset-wrapper {
  padding: 0;
  background-color: transparent;
  background-image: url("data:image/svg+xml,%3csvg width='100%25' height='100%25' xmlns='http://www.w3.org/2000/svg'%3e%3crect width='100%25' height='100%25' fill='none' rx='8' ry='8' stroke='%2300000045' stroke-width='5' stroke-dasharray='8%2c8' stroke-dashoffset='0' stroke-linecap='butt'/%3e%3c/svg%3e");
  border: 0 none;
  border-radius: 8px;
}
fieldset.layout-paragraphs-field .layout-paragraphs-disabled-items .fieldset-wrapper .layout-paragraphs-disabled-items__description {
  margin-bottom: -20px;
  font-size: 13px;
}
fieldset.layout-paragraphs-field .layout-paragraphs-disabled-items .fieldset-wrapper .layout-paragraphs-item {
  border: 4px solid #fff;
  background-image: url("data:image/svg+xml,%3csvg width='100%25' height='100%25' xmlns='http://www.w3.org/2000/svg'%3e%3crect width='100%25' height='100%25' fill='none' rx='8' ry='8' stroke='%2300000045' stroke-width='4' stroke-dasharray='8%2c8' stroke-dashoffset='0' stroke-linecap='butt'/%3e%3c/svg%3e");
  border-radius: 12px;
}
fieldset.layout-paragraphs-field .layout-paragraphs-disabled-items .fieldset-wrapper .layout-paragraphs-item::before {
  display: none;
}

.vertical-tabs {
  display: none;
}

.js .paragraphs-subform {
  margin-right: 1rem;
}

.paragraphs-dropbutton-wrapper .dropbutton-multiple .dropbutton-widget {
  position: relative;
}

/**
 * CHOOSE LAYOUT
 */
.layout-paragraphs-field .layout-select__item.form-item .layout-icon__region {
  fill: #f5f5f2;
  stroke: #666;
}
.layout-paragraphs-field .layout-select__item.form-item label {
  display: flex;
  align-items: center;
  font-size: small;
  padding: 10px;
  background: none;
  cursor: pointer;
  margin: 0 10px 10px 0;
  text-align: left;
  width: 150px;
  border: 1px solid #d0d0d0;
}
.layout-paragraphs-field .layout-select__item.form-item input:checked + label {
  border: 1px solid #0550e6;
  box-shadow: 0 0 0 1px #666;
  outline: none;
  border-radius: 12px;
}

/**
 * ELEMENTS
 */
details {
  line-height: 1.295rem;
  display: block;
  margin-top: 1rem;
  margin-bottom: 1rem;
  color: #232429;
  border: 1px solid #dedfe4;
  border-radius: 2px;
  background-color: #fff;
  box-shadow: 0 2px 4px rgba(0, 0, 0, 0.1);
  color: #111;
  border: 1px solid #8e929c;
  border-radius: 12px;
  box-shadow: none;
}
details summary {
  position: relative;
  box-sizing: border-box;
  padding: 1rem 1rem 1rem 2.25rem;
  list-style: none;
  cursor: pointer;
  transition: background-color 0.12s ease-in-out;
  word-wrap: break-word;
  -webkit-hyphens: auto;
  hyphens: auto;
  color: #55565b;
  border-radius: 1px;
  background-color: transparent;
  line-height: 1rem;
  color: #111;
  background-color: transparent;
  font-size: 0.9375rem;
  font-weight: 600;
  padding-top: 1.25rem;
  padding-bottom: 1.25rem;
}
details summary::before {
  position: absolute;
  top: 50%;
  left: 0.75rem;
  display: inline-block;
  width: 1rem;
  height: 1rem;
  margin-top: -0.5rem;
  content: "";
  transition: -webkit-transform 0.12s ease-in 0s;
  transition: transform 0.12s ease-in 0s;
  transition: transform 0.12s ease-in 0s, -webkit-transform 0.12s ease-in 0s;
  -webkit-transform: rotate(90deg);
          transform: rotate(90deg);
  text-align: center;
  background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' width='16' height='16'%3e%3cpath d='M5.21 1.314L3.79 2.723l5.302 5.353-5.303 5.354 1.422 1.408 6.697-6.762z' fill='%23545560'/%3e%3c/svg%3e");
  background-size: contain;
}

/**
 * TABLES
 */
table tr {
  color: #111;
  background-color: transparent;
}
table tr.odd, table tr.even {
  background-color: transparent;
}
table th {
  border-bottom: none;
}
table.field-multiple-table {
  width: 100%;
}
table.field-multiple-table thead th {
  border-bottom: 0;
  background-color: #ebf2ff;
}
table.field-multiple-table thead th h4 {
  margin-top: 8px !important;
  margin-bottom: 4px !important;
  color: #0550e6 !important;
  font-size: 17px !important;
}
table thead {
  border-radius: 8px;
  box-shadow: 0 1px 2px rgba(0, 0, 0, 0.2);
}
table thead th {
  color: #111;
  background: #eee;
  padding: 0.5rem 1.5rem 0.5rem 0.5rem;
}
table thead th.field-label .paragraphs-actions {
  display: none;
}
table tbody {
  border-top: none;
}
table tbody tr {
  border-bottom: #8e929c;
}
table tbody tr.draggable {
  display: block;
  padding: 1rem 0.5rem;
  margin-top: 1rem;
  border: 1px solid #eee;
  border-radius: 8px;
  box-shadow: 4px 4px 10px #eee;
}
table tbody tr.draggable:hover {
  border: 1px solid #111;
}
table tbody tr td {
  width: 100%;
}
table tbody tr td.field-multiple-drag {
  vertical-align: middle;
}

.paragraphs-tabs-wrapper .paragraph-type-label {
  font-size: 16px;
  font-weight: bold !important;
  font-style: normal;
  color: #111;
  position: static;
  border: 0 none;
  padding-left: 0;
}

.js .paragraphs-description .paragraphs-content-wrapper {
  font-size: 16px;
  font-style: normal;
  color: #111;
  position: static;
  border: 0 none;
  padding-left: 0;
}

table tr, table .tabledrag.tabledrag-disabled tr {
  color: #111;
  background-color: transparent;
}

.tabledrag thead th {
  border-radius: 8px;
}

.tabledrag-toggle-weight-wrapper {
  margin-top: 0;
}
.tabledrag-toggle-weight-wrapper button.tabledrag-toggle-weight {
  padding: 0 0.5rem;
  font-size: 0.889rem;
  color: #0550e6;
}

.paragraphs-tabs-wrapper .clearfix {
  font-size: 13px;
}
.paragraphs-tabs-wrapper .tabledrag-toggle-weight-wrapper {
  padding-bottom: 12px;
}

.tabledrag-toggle-weight-wrapper .tabledrag-toggle-weight {
  margin-bottom: 0.5rem;
}

.ui-dialog .ui-dialog-buttonpane .ui-dialog-buttonset {
  float: none;
  margin: 0;
  padding: 0;
}
.ui-dialog .ui-dialog-buttonpane .form-actions {
  display: flex;
  flex-wrap: wrap;
  align-items: flex-start;
  justify-content: flex-end;
}

.filter-help {
  font-size: 13px;
}
.filter-help a {
  margin: 0;
}

.cke.cke_focus {
  border: 1px solid #111 !important;
}

.ui-dialog {
  /**
   * CHECKBOXES
   */
}
.ui-dialog .filter-wrapper {
  display: none;
}
.ui-dialog .form-item label,
.ui-dialog .form-item .glb-form-item__label,
.ui-dialog .js-form-item label,
.ui-dialog .js-form-item .glb-form-item__label {
  display: table;
  margin-top: 10px;
  margin-bottom: 10px;
  font-size: 14px;
  font-weight: bold;
  line-height: 1.125rem;
  color: #111;
}
.ui-dialog .form-item select,
.ui-dialog .js-form-item select {
  background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 14 9'%3e%3cpath fill='none' stroke-width='1.5' d='M1 1l6 6 6-6' stroke='%23545560'/%3e%3c/svg%3e");
  background-repeat: no-repeat;
  background-position: 100% 50%;
  background-size: 2.75rem 0.5625rem;
  max-width: 100%;
  min-height: 3rem;
  padding: calc(0.75rem - 1px) calc(1rem - 1px);
  padding-right: calc(2.5rem - 1px);
  border-radius: 8px;
  -webkit-appearance: none;
     -moz-appearance: none;
          appearance: none;
}
.ui-dialog .form-item input.form-text,
.ui-dialog .js-form-item input.form-text {
  box-sizing: border-box;
  max-width: 100%;
  min-height: 3rem;
  padding: calc(0.75rem - 1px) calc(1rem - 1px);
  color: #232429;
  border: 1px solid #919297;
  background: #fff;
  font-size: 1rem;
  line-height: 1.5rem;
  -webkit-appearance: none;
  -moz-appearance: none;
       appearance: none;
  color: #111;
  background-color: #fff;
  border: 1px solid #8e929c;
  border-radius: 12px;
  box-sizing: border-box;
}
.ui-dialog .form-item .description,
.ui-dialog .js-form-item .description {
  margin-left: 0;
  margin-top: 0;
  margin-bottom: 0.375rem;
  color: #8e929c;
  font-size: 0.79rem;
  line-height: 1.0625rem;
}
.ui-dialog .button {
  display: inline-block;
  margin: 1rem 0.75rem 1rem 0;
  padding: calc(1rem - 1px) calc(1.5rem - 1px);
  cursor: pointer;
  text-align: center;
  text-decoration: none;
  color: #232429;
  border: 1px solid transparent !important;
  border-radius: 2px;
  background-color: #d3d4d9;
  font-size: 1rem;
  font-weight: 700;
  line-height: 1rem;
  -webkit-appearance: none;
  -moz-appearance: none;
       appearance: none;
  -webkit-font-smoothing: antialiased;
  font-size: 0.875rem;
  color: #0550e6;
  background-color: transparent;
  box-shadow: none;
}
.ui-dialog .button.js-hide {
  display: none;
}
.ui-dialog .button.button--danger {
  border-color: #cc3d3d !important;
  color: #cc3d3d !important;
}
.ui-dialog .button, .ui-dialog .button:not(:focus), .ui-dialog .form-actions .button, .ui-dialog .action-link--icon-trash.action-link {
  padding: calc(1rem - 2px) calc(1.5rem - 2px);
  border: 2px solid #0550e6 !important;
  border-radius: 12px;
}
.ui-dialog .form-type-checkbox {
  /* remove standard-styles */
  /* graceful degradation for ie8 */
}
.ui-dialog .form-type-checkbox label {
  margin: 0;
}
.ui-dialog .form-type-checkbox input {
  -webkit-appearance: none;
     -moz-appearance: none;
          appearance: none;
  border: none;
  border-radius: 0;
  font-size: 1em;
  width: 100%;
}
.ui-dialog .form-type-checkbox input[type=checkbox] {
  width: auto;
  float: left;
  margin-right: 10px;
  background: transparent;
  border: none;
  position: relative;
  left: 27px;
  top: -4px;
  -webkit-appearance: none;
}
.ui-dialog .form-type-checkbox input[type=checkbox]:checked,
.ui-dialog .form-type-checkbox input[type=checkbox]:not(:checked) {
  background: transparent;
  position: relative;
  visibility: hidden;
  margin: 0;
  padding: 0;
}
.ui-dialog .form-type-checkbox input[type=checkbox] + label {
  cursor: pointer;
}
.ui-dialog .form-type-checkbox input[type=checkbox] + label::before {
  width: 27px;
  height: 27px;
  display: block;
  content: "";
  float: left;
  margin-right: 10px;
  z-index: 5;
  position: relative;
  top: -5px;
  border-radius: 4px;
  background-color: transparent;
  border: 1px solid #0550e6;
}
.ui-dialog .form-type-checkbox input[type=checkbox]:checked + label::before {
  background-color: #0550e6;
  color: #fff;
  display: inline-block;
  font-style: normal;
  font-variant: normal;
  text-rendering: auto;
  -webkit-font-smoothing: antialiased;
  font-family: "Font Awesome 5 Free";
  font-weight: 900;
  content: "\f00c";
  text-align: center;
  line-height: 27px;
}

/* HTML element (SMACSS base) rules */
/**
 * @file
 * Normalize.css is intended to be used as an alternative to CSS resets.
 *
 * This file is a slight fork of these original sources:
 * - normalize.css v2.1.2 | MIT License | git.io/normalize
 * - normalize.scss v2.1.2 | MIT/GPLv2 License | bit.ly/normalize-with-compass
 *
 * It's suggested that you read the normalize.scss file and customise it to meet
 * your needs, rather then including the file in your project and overriding the
 * defaults later in your CSS.
 * @see http://nicolasgallagher.com/about-normalize-css/
 *
 * Also: @see http://meiert.com/en/blog/20080419/reset-style-sheets-are-bad/
 *       @see http://snook.ca/archives/html_and_css/no_css_reset/
 */
/* WEITERE RESETS */
ul.menu, .menu li,
.menu__item.is-leaf {
  margin: 0;
  padding: 0;
  list-style: none;
}

/**
 * HTML5 display definitions
 */
/* Correct `block` display not defined in IE 8/9. */
article,
aside,
details,
figcaption,
figure,
footer,
header,
main,
nav,
section,
summary {
  display: block;
}

/* Correct `inline-block` display not defined in IE 8/9. */
audio,
canvas,
video {
  display: inline-block;
  *display: inline;
  *zoom: 1;
}

/**
 * Prevent modern browsers from displaying `audio` without controls.
 * Remove excess height in iOS 5 devices.
 */
audio:not([controls]) {
  display: none;
  height: 0;
}

/* Address styling not present in IE 8/9. */
[hidden] {
  display: none;
}

/**
 * Base
 *
 * Instead of relying on the fonts that are available on a user's computer, you
 * can use web fonts which, like images, are resources downloaded to the user's
 * browser. Because of the bandwidth and rendering resources required, web fonts
 * should be used with care.
 *
 * Numerous resources for web fonts can be found on Google. Here are a few
 * websites where you can find Open Source fonts to download:
 * - http://www.fontsquirrel.com/fontface
 * - http://www.theleagueofmoveabletype.com
 *
 * In order to use these fonts, you will need to convert them into formats
 * suitable for web fonts. We recommend the free-to-use Font Squirrel's
 * Font-Face Generator:
 *   http://www.fontsquirrel.com/fontface/generator
 *
 * The following is an example @font-face declaration. This font can then be
 * used in any ruleset using a property like this:  font-family: Example, serif;
 */
/*
@font-face {
  font-family: 'Example';
  src: url('../fonts/example.eot');
  src: url('../fonts/example.eot?iefix') format('eot'),
    url('../fonts/example.woff') format('woff'),
    url('../fonts/example.ttf') format('truetype'),
    url('../fonts/example.svg#webfontOkOndcij') format('svg');
  font-weight: normal;
  font-style: normal;
}
*/
/**
 * 1. Set default font family to sans-serif.
 * 2. Prevent iOS text size adjust after orientation change, without disabling
 *    user zoom.
 * 3. Correct text resizing oddly in IE 6/7 when body `font-size` is set using
 *    `em` units.
 */
html {
  font-family: Verdana, Tahoma, "DejaVu Sans", sans-serif; /* 1 */
  /* Delete all but one of the following font-size declarations: */
  /* Use a 12px base font size. 16px x 75% = 12px */
  font-size: 75%; /* 3 */
  /* Use a 14px base font size. 16px x .875 = 14px */
  font-size: 87.5%; /* 3 */
  /* Use a 16px base font size. */
  font-size: 100%; /* 3 */
  -ms-text-size-adjust: 100%; /* 2 */
  -webkit-text-size-adjust: 100%; /* 2 */
  /* Establish a vertical rhythm. */
  line-height: 1.5em;
}

/* Address `font-family` inconsistency between `textarea` and other form elements. */
button,
input,
select,
textarea {
  /**
   * The following font family declarations are available on most computers.
   *
   * A user's web browser will look at the comma-separated list and will
   * attempt to use each font in turn until it finds one that is available
   * on the user's computer. The final "generic" font (sans-serif, serif or
   * monospace) hints at what type of font to use if the web browser doesn't
   * find any of the fonts in the list.
   *
   * font-family: "Times New Roman", Times, Georgia, "DejaVu Serif", serif;
   * font-family: Times, "Times New Roman", Georgia, "DejaVu Serif", serif;
   * font-family: Georgia, "Times New Roman", "DejaVu Serif", serif;
   *
   * font-family: Verdana, Tahoma, "DejaVu Sans", sans-serif;
   * font-family: Tahoma, Verdana, "DejaVu Sans", sans-serif;
   * font-family: Helvetica, Arial, "Nimbus Sans L", sans-serif;
   * font-family: Arial, Helvetica, "Nimbus Sans L", sans-serif;
   *
   * font-family: "Courier New", "DejaVu Sans Mono", monospace;
   */
  font-family: Verdana, Tahoma, "DejaVu Sans", sans-serif;
}

/* Remove default margin. */
body {
  margin: 0;
  padding: 0;
}

/**
 * Links
 *
 * The order of link states are based on Eric Meyer's article:
 * http://meyerweb.com/eric/thoughts/2007/06/11/who-ordered-the-link-states
 */
/* Address `outline` inconsistency between Chrome and other browsers. */
a:focus {
  outline: thin dotted;
}

/* Improve readability when focused and also mouse hovered in all browsers. */
a:active,
a:hover {
  outline: 0;
}

/**
 * Typography
 *
 * To achieve a pleasant vertical rhythm, we use Compass' Vertical Rhythm mixins
 * so that the line height of our base font becomes the basic unit of vertical
 * measurement. We use multiples of that unit to set the top and bottom margins
 * for our block level elements and to set the line heights of any fonts.
 * For more information, see http://24ways.org/2006/compose-to-a-vertical-rhythm
 */
/* Set 1 unit of vertical rhythm on the top and bottom margin. */
p,
pre {
  margin: 1.5em 0;
}

blockquote {
  /* Also indent the quote on both sides. */
  margin: 1.5em 30px;
}

/**
 * Address variable `h1` font-size and margin within `section` and `article`
 * contexts in Firefox 4+, Safari 5, and Chrome.
 */
h1 {
  /* Set the font-size and line-height while keeping a proper vertical rhythm. */
  font-size: 2em;
  line-height: 1.5em; /* 3rem / 2em = 1.5em */
  /* Set 1 unit of vertical rhythm on the top and bottom margins. */
  margin-top: 0.75em; /* 1.5rem / 2em = .75em */
  margin-bottom: 0.75em;
}

h2 {
  font-size: 1.5em;
  line-height: 2em; /* 3rem / 1.5em = 2em */
  margin-top: 1em; /* 1.5rem / 1.5em = 1em */
  margin-bottom: 1em;
}

h3 {
  font-size: 1.17em;
  line-height: 1.28205em; /* 1.5rem / 1.17em = 1.28205em */
  margin-top: 1.28205em;
  margin-bottom: 1.28205em;
}

h4 {
  font-size: 1em;
  line-height: 1.5em; /* 1.5rem / 1em = 1.5em */
  margin-top: 1.5em;
  margin-bottom: 1.5em;
}

h5 {
  font-size: 0.83em;
  line-height: 1.80723em; /* 1.5rem / 0.83em = 1.80723em */
  margin-top: 1.80723em;
  margin-bottom: 1.80723em;
}

h6 {
  font-size: 0.67em;
  line-height: 2.23881em; /* 1.5rem / 0.67em = 2.23881em */
  margin-top: 2.23881em;
  margin-bottom: 2.23881em;
}

/* Address styling not present in IE 8/9, Safari 5, and Chrome. */
abbr[title] {
  border-bottom: 1px dotted;
}

/* Address style set to `bolder` in Firefox 4+, Safari 5, and Chrome. */
b,
strong {
  font-weight: bold;
}

/* Address styling not present in Safari 5 and Chrome. */
dfn {
  font-style: italic;
}

/* Address differences between Firefox and other browsers. */
hr {
  box-sizing: content-box;
  height: 0;
  border: 1px solid #666;
  padding-bottom: -1px;
  margin: 1.5em 0;
}

/* Address styling not present in IE 8/9. */
mark {
  background: #ff0;
  color: #000;
}

/* Correct font family set oddly in Safari 5 and Chrome. */
code,
kbd,
pre,
samp,
tt,
var {
  font-family: "Courier New", "DejaVu Sans Mono", monospace, sans-serif;
  _font-family: "courier new", monospace;
  font-size: 1em;
  line-height: 1.5em;
}

/* Improve readability of pre-formatted text in all browsers. */
pre {
  white-space: pre;
  white-space: pre-wrap;
  word-wrap: break-word;
}

/* Set consistent quote types. */
q {
  quotes: "“" "”" "‘" "’";
}

/* Address inconsistent and variable font size in all browsers. */
small {
  font-size: 80%;
}

/* Prevent `sub` and `sup` affecting `line-height` in all browsers. */
sub,
sup {
  font-size: 75%;
  line-height: 0;
  position: relative;
  vertical-align: baseline;
}

sup {
  top: -0.5em;
}

sub {
  bottom: -0.25em;
}

/**
 * Lists
 */
dl,
menu,
ol,
ul {
  /* Address margins set differently in IE 6/7. */
  margin: 1.5em 0;
}

ol ol,
ol ul,
ul ol,
ul ul {
  /* Turn off margins on nested lists. */
  margin: 0;
}

dd {
  margin: 0 0 0 30px; /* LTR */
}

/* Address paddings set differently in IE 6/7. */
menu,
ol,
ul {
  padding: 0 0 0 30px; /* LTR */
}

/* Correct list images handled incorrectly in IE 7. */
nav ul,
nav ol {
  list-style: none;
  list-style-image: none;
}

/**
 * Embedded content and figures
 *
 * @todo Look into adding responsive embedded video.
 */
img {
  /* Remove border when inside `a` element in IE 8/9. */
  border: 0;
  /* Improve image quality when scaled in IE 7. */
  -ms-interpolation-mode: bicubic;
  /* Suppress the space beneath the baseline */
  /* vertical-align: bottom; */
  /* Responsive images */
  max-width: 100%;
  height: auto;
  /* Correct IE 8 not scaling image height when resized. */
  width: auto;
}

/* Correct overflow displayed oddly in IE 9. */
svg:not(:root) {
  overflow: hidden;
}

/* Address margin not present in IE 8/9 and Safari 5. */
figure {
  margin: 0;
}

/**
 * Forms
 */
/* Correct margin displayed oddly in IE 6/7. */
form {
  margin: 0;
}

/* Define consistent border, margin, and padding. */
fieldset {
  border: 1px solid #c0c0c0;
  margin: 0 2px;
  padding: 0.5em 0.625em 1em;
}

/**
 * 1. Correct `color` not being inherited in IE 8/9.
 * 2. Remove padding so people aren't caught out if they zero out fieldsets.
 * 3. Correct alignment displayed oddly in IE 6/7.
 */
legend {
  border: 0; /* 1 */
  padding: 0; /* 2 */
  *margin-left: -7px; /* 3 */ /* LTR */
}

/**
 * 1. Correct font family not being inherited in all browsers.
 * 2. Correct font size not being inherited in all browsers.
 * 3. Address margins set differently in Firefox 4+, Safari 5, and Chrome.
 * 4. Improve appearance and consistency with IE 6/7.
 * 5. Keep form elements constrained in their containers.
 */
button,
input,
select,
textarea {
  font-family: inherit; /* 1 */
  font-size: 100%; /* 2 */
  margin: 0; /* 3 */
  vertical-align: baseline; /* 4 */
  *vertical-align: middle; /* 4 */
  max-width: 100%; /* 5 */
  box-sizing: border-box; /* 5 */
}

/**
 * Address Firefox 4+ setting `line-height` on `input` using `!important` in
 * the UA stylesheet.
 */
button,
input {
  line-height: normal;
}

/**
 * Address inconsistent `text-transform` inheritance for `button` and `select`.
 * All other form control elements do not inherit `text-transform` values.
 * Correct `button` style inheritance in Chrome, Safari 5+, and IE 8+.
 * Correct `select` style inheritance in Firefox 4+ and Opera.
 */
button,
select {
  text-transform: none;
}

/**
 * 1. Avoid the WebKit bug in Android 4.0.* where (2) destroys native `audio`
 *    and `video` controls.
 * 2. Correct inability to style clickable `input` types in iOS.
 * 3. Improve usability and consistency of cursor style between image-type
 *    `input` and others.
 * 4. Remove inner spacing in IE 7 without affecting normal text inputs.
 *    Known issue: inner spacing remains in IE 6.
 */
button,
html input[type=button],
input[type=reset],
input[type=submit] {
  -webkit-appearance: button; /* 2 */
  cursor: pointer; /* 3 */
  *overflow: visible; /* 4 */
}

/**
 * Re-set default cursor for disabled elements.
 */
button[disabled],
html input[disabled] {
  cursor: default;
}

/**
 * 1. Address box sizing set to `content-box` in IE 8/9.
 * 2. Remove excess padding in IE 8/9.
 * 3. Remove excess padding in IE 7.
 *    Known issue: excess padding remains in IE 6.
 */
input[type=checkbox],
input[type=radio] {
  box-sizing: border-box; /* 1 */
  padding: 0; /* 2 */
  *height: 13px; /* 3 */
  *width: 13px; /* 3 */
}

/**
 * 1. Address `appearance` set to `searchfield` in Safari 5 and Chrome.
 * 2. Address `box-sizing` set to `border-box` in Safari 5 and Chrome
 *    (include `-moz` to future-proof).
 */
input[type=search] {
  -webkit-appearance: textfield; /* 1 */
  box-sizing: content-box; /* 2 */
}

/**
 * Remove inner padding and search cancel button in Safari 5 and Chrome
 * on OS X.
 */
input[type=search]::-webkit-search-cancel-button,
input[type=search]::-webkit-search-decoration {
  -webkit-appearance: none;
}

/* Remove inner padding and border in Firefox 4+. */
button::-moz-focus-inner,
input::-moz-focus-inner {
  border: 0;
  padding: 0;
}

/**
 * 1. Remove default vertical scrollbar in IE 8/9.
 * 2. Improve readability and alignment in all browsers.
 */
textarea {
  overflow: auto; /* 1 */
  vertical-align: top; /* 2 */
}

/* Drupal-style form labels. */
label {
  display: block;
  font-weight: bold;
}

/**
 * Tables
 */
table {
  /* Remove most spacing between table cells. */
  border-collapse: collapse;
  border-spacing: 0;
  /* Prevent cramped-looking tables */
  /* width: 100%; */
  /* Add vertical rhythm margins. */
  margin-top: 1.5em;
  margin-bottom: 1.5em;
}

body {
  font-family: "Barlow", sans-serif;
  font-size: 20px;
  line-height: 30px;
  font-weight: 300;
  color: #0B2136;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  background-color: #fff;
  overflow-x: hidden;
}
body.responsiveMenu-open {
  overflow: hidden;
}

/************************************************************/
/*							SELEKTIONEN						*/
/************************************************************/
::-moz-selection {
  background: #0B2136;
  color: #fff;
  text-shadow: none;
}
::selection {
  background: #0B2136;
  color: #fff;
  text-shadow: none;
}

::-moz-selection {
  background: #0B2136;
  color: #fff;
  text-shadow: none;
}

::-webkit-selection {
  background: #0B2136;
  color: #fff;
  text-shadow: none;
}

/************************************************************/
/*							LINIEN							*/
/************************************************************/
/************************************************************/
/*							TABELLEN						*/
/************************************************************/
/************************************************************/
/*							HEADLINES						*/
/************************************************************/
h1 {
  font-family: "Barlow", sans-serif;
  font-size: 48px;
  line-height: 60px;
  font-weight: 300;
  margin-top: 0;
  margin-bottom: 50px;
  position: relative;
  -webkit-hyphens: auto;
          hyphens: auto;
}
@media (max-width: 1024px) {
  h1 {
    font-size: 43px;
    line-height: 50px;
  }
}
h1 strong, h1 b {
  font-weight: 600;
}
h1::after {
  content: "";
  height: 2px;
  background-color: #CA0010;
  width: 150px;
  display: block;
  margin-top: 30px;
}
h1.text-align-center::after {
  position: absolute;
  left: 50%;
  -webkit-transform: translateX(-50%);
          transform: translateX(-50%);
}

h2 {
  font-family: "Barlow", sans-serif;
  font-size: 43px;
  line-height: 50px;
  font-weight: 300;
  margin-bottom: 30px;
  -webkit-hyphens: auto;
          hyphens: auto;
}
@media (max-width: 1024px) {
  h2 {
    font-size: 32px;
    line-height: 40px;
  }
}
h2 strong, h2 b {
  font-weight: 600;
}

h3 {
  font-family: "Barlow", sans-serif;
  font-size: 32px;
  line-height: 40px;
  font-weight: 400;
  margin-bottom: 30px;
  -webkit-hyphens: auto;
          hyphens: auto;
}
@media (max-width: 1024px) {
  h3 {
    font-size: 25px;
    line-height: 30px;
  }
}

h4 {
  font-family: "Barlow", sans-serif;
  font-size: 25px;
  line-height: 30px;
  font-weight: 600;
  -webkit-hyphens: auto;
          hyphens: auto;
}

p {
  margin: 30px 0;
}
p:last-of-type {
  margin-bottom: 0;
}
p:first-of-type {
  margin-top: 0;
}

.biggerText {
  font-family: "Barlow", sans-serif;
  font-size: 32px;
  line-height: 40px;
  font-weight: 400;
  margin-bottom: 30px;
  font-weight: 700;
}
@media (max-width: 1024px) {
  .biggerText {
    font-size: 25px;
    line-height: 30px;
  }
}

/************************************************************/
/*							COLUMNS							*/
/************************************************************/
.two-columns {
  -webkit-column-count: 2;
     -moz-column-count: 2;
          column-count: 2;
  -webkit-column-gap: 120px;
     -moz-column-gap: 120px;
          column-gap: 120px;
}
.two-columns p:first-child {
  margin-top: 0;
}

/************************************************************/
/*							GRIDS							*/
/************************************************************/
.grid {
  max-width: 1260px;
  margin-left: auto;
  margin-right: auto;
  position: relative;
  box-sizing: border-box;
  float: none;
}
@media (max-width: 1399.98px) {
  .grid {
    max-width: none;
    width: 90%;
  }
}

/************************************************************/
/*							PAGE							*/
/************************************************************/
.layout-container {
  transition: all 0.3s ease-in-out;
}
.layout-container .block {
  margin: 0;
}
.layout-container a {
  color: #0B2136;
  position: relative;
  text-decoration: none;
}

/**
 * @file
 * Print styling
 *
 * We provide some sane print styling for Drupal using Zen's layout method.
 */
/**
 * By importing this CSS file as media "all", we allow this print file to be
 * aggregated with other stylesheets, for improved front-end performance.
 */
@media print {
  /* Underline all links. */
  a:link,
a:visited {
    text-decoration: underline !important;
  }
  /* Don't underline header. */
  a:link.header__site-link,
a:visited.header__site-link {
    text-decoration: none !important;
  }
  /* Add visible URL after links. */
  #content a[href]:after {
    content: " (" attr(href) ")";
    font-weight: normal;
    font-size: 16px;
  }
  /* Only display useful links. */
  #content a[href^="javascript:"]:after,
#content a[href^="#"]:after {
    content: "";
  }
  /* Add visible title after abbreviations. */
  #content abbr[title]:after {
    content: " (" attr(title) ")";
  }
  /* Un-float the content. */
  #content {
    float: none !important;
    width: 100% !important;
    margin: 0 !important;
    padding: 0 !important;
  }
  /* Turn off any background colors or images. */
  body,
#page,
#main,
#content {
    color: #000;
    background-color: transparent !important;
    background-image: none !important;
  }
  /* Hide sidebars and nav elements. */
  #skip-link,
#toolbar,
#navigation,
.region-sidebar-first,
.region-sidebar-second,
#footer,
.breadcrumb,
.tabs,
.action-links,
.links,
.book-navigation,
.forum-topic-navigation,
.pager,
.feed-icons {
    visibility: hidden;
    display: none;
  }
}
/* Layout rules */
.wrapper .layout-container main.no-header-media,
.wrapper .layout-container main .node-layout-builder-form {
  margin-top: 120px;
}

#footer {
  margin-top: 120px;
}
#footer .footer-top {
  border-top: 1px solid #0B2136;
  border-bottom: 1px solid #0B2136;
  padding: 20px 0;
}
#footer .footer-top .region {
  display: flex;
  flex-wrap: wrap;
  justify-content: space-between;
  align-items: center;
}
@media (max-width: 768px) {
  #footer .footer-top .region {
    flex-direction: column;
  }
  #footer .footer-top .region #block-footerbuttonkontaktaufnehmen {
    margin-top: 30px;
  }
}
#footer .footer-bottom {
  background-color: #0B2136;
  padding: 50px 0;
  color: #fff;
  font-family: "Barlow", sans-serif;
  font-size: 18px;
  line-height: 27px;
  font-weight: 400;
}
#footer .footer-bottom .region {
  display: flex;
  flex-wrap: wrap;
  justify-content: space-between;
  align-items: center;
}
@media (max-width: 768px) {
  #footer .footer-bottom .region {
    flex-direction: column;
  }
}
#footer #block-footerbuttonkontaktaufnehmen a.myButton {
  padding: 8px 24px;
  -webkit-appearance: none;
     -moz-appearance: none;
          appearance: none;
  border: none;
  transition: 0.3s ease-in-out background-color, 0.3s ease-in-out padding;
  text-align: center;
  display: inline-block;
  box-sizing: border-box;
  font-size: 20px;
  font-weight: 600;
  background-color: #CA0010;
  border: 1px solid #CA0010;
  color: #fff;
}
#footer #block-footerbuttonkontaktaufnehmen a.myButton::before {
  content: "";
  height: 0;
  background-color: transparent;
}
#footer #block-fusszeile {
  order: 3;
}
@media (max-width: 768px) {
  #footer #block-fusszeile {
    order: 1;
    margin-bottom: 20px;
  }
}
#footer #block-footercopyright {
  order: 1;
}
@media (max-width: 768px) {
  #footer #block-footercopyright {
    order: 3;
  }
}
#footer #block-footersociallinks {
  order: 2;
}
@media (max-width: 768px) {
  #footer #block-footersociallinks {
    order: 2;
    margin-bottom: 50px;
  }
}
#footer #block-footersociallinks p a {
  color: #fff;
}
#footer #block-footersociallinks p a .fontawesome-icon-inline {
  font-size: 30px;
  margin: 0 5px;
}

header {
  background-color: #fff;
  box-shadow: 0 0 20px rgba(0, 0, 0, 0.3);
}
@media (max-width: 991.98px) {
  header {
    padding: 20px 0;
  }
}
header .region-header {
  max-width: 1260px;
  margin-left: auto;
  margin-right: auto;
  position: relative;
  box-sizing: border-box;
  float: none;
  display: flex;
  flex-wrap: wrap;
  justify-content: center;
  align-items: center;
}
@media (max-width: 1399.98px) {
  header .region-header {
    max-width: none;
    width: 90%;
  }
}
@media (max-width: 991.98px) {
  header .region-header {
    justify-content: space-between;
  }
}
header .region-header::after {
  clear: both;
  content: ".";
  display: block;
  height: 0;
  visibility: hidden;
}
header #block-woar-theme-branding {
  margin: 0 30px;
  line-height: 0;
}
@media (max-width: 1199.98px) {
  header #block-woar-theme-branding {
    width: 300px;
  }
}
@media (max-width: 768px) {
  header #block-woar-theme-branding {
    margin: 0;
    width: 270px;
  }
}
header #block-hauptnavigation {
  margin-left: auto;
}

/**
 * REPONSIVE MENU ICON FROM SCRIPTS.JS
 *
 */
#block-responsivemenuicon {
  margin-left: auto;
  padding-top: 20px;
}
#block-responsivemenuicon #nav-icon {
  width: 25px;
  height: 25px;
  position: relative;
  cursor: pointer;
}
#block-responsivemenuicon #nav-icon span {
  height: 2px;
  background-color: #CA0010;
  width: 100%;
  display: block;
  position: absolute;
}
#block-responsivemenuicon #nav-icon span:nth-child(1) {
  top: 0px;
}
#block-responsivemenuicon #nav-icon span:nth-child(2) {
  top: 6px;
  width: 70%;
}
#block-responsivemenuicon #nav-icon span:nth-child(3) {
  top: 12px;
  width: 85%;
}
#block-responsivemenuicon #nav-icon.open span {
  background-color: #fff;
}

.layout--onecol-row.width-taller, .layout--onecol-row.taller {
  width: 60%;
  margin-left: auto;
  margin-right: auto;
}
@media (max-width: 1199.98px) {
  .layout--onecol-row.width-taller, .layout--onecol-row.taller {
    width: 90%;
  }
}
.layout--onecol-row.center-row {
  text-align: center;
}
.layout--onecol-row.stretch-row {
  align-items: stretch;
}
.layout--onecol-row.stretch-row .block-layout-builder {
  height: 100%;
}
.layout--onecol-row.stretch-row .block-layout-builder .inner {
  height: 100%;
}
.layout--onecol-row.center-row-vertically {
  align-items: center;
}
.layout--onecol-row.overlapping {
  margin-top: -90px;
}
.layout--onecol-row .layout__region.bg-color-primary {
  background-color: #CA0010;
  color: #fff;
  padding: 30px;
  box-sizing: border-box;
  margin: 10px;
}
@media (max-width: 991.98px) {
  .layout--onecol-row .layout__region.bg-color-primary {
    padding: 20px;
  }
}
.layout--onecol-row.bg-color-secondary {
  background-color: #0B2136;
  color: #fff;
  /**
   * ADD HERE FEATURES WITH SPECIAL PADDINGS
   */
}
.layout--onecol-row.bg-color-grey {
  background-color: #989898;
  padding: 50px;
  /**
   * ADD HERE FEATURES WITH SPECIAL PADDINGS
   */
}
.layout--onecol-row.bg-color-light-grey {
  background-color: #F7F7F7;
  padding: 50px;
  /**
   * ADD HERE FEATURES WITH SPECIAL PADDINGS
   */
}
@media (max-width: 991.98px) {
  .layout--onecol-row.bg-color-light-grey {
    padding: 50px 20px;
  }
}
.layout--onecol-row.bg-color-white {
  background-color: #fff;
  /**
   * ADD HERE FEATURES WITH SPECIAL PADDINGS
   */
}
.layout--onecol-row.fully-bg-color.bg-color-primary {
  background-color: #CA0010;
}
.layout--onecol-row.fully-bg-color.bg-color-primary::before {
  content: "";
  right: 100%;
  top: 0;
  position: absolute;
  width: 100%;
  height: 100%;
  background-color: #CA0010;
}
.layout--onecol-row.fully-bg-color.bg-color-primary::after {
  content: "";
  left: 100%;
  top: 0;
  position: absolute;
  width: 100%;
  height: 100%;
  background-color: #CA0010;
}
.layout--onecol-row.fully-bg-color.bg-color-light-grey {
  background-color: #F7F7F7;
}
.layout--onecol-row.fully-bg-color.bg-color-light-grey::before {
  content: "";
  right: 100%;
  top: 0;
  position: absolute;
  width: 100%;
  height: 100%;
  background-color: #F7F7F7;
}
.layout--onecol-row.fully-bg-color.bg-color-light-grey::after {
  content: "";
  left: 100%;
  top: 0;
  position: absolute;
  width: 100%;
  height: 100%;
  background-color: #F7F7F7;
}
.layout--onecol-row.spacer-before-large {
  margin-top: 120px;
}
@media (max-width: 1024px) {
  .layout--onecol-row.spacer-before-large {
    margin-top: 60px;
  }
}
@media (max-width: 768px) {
  .layout--onecol-row.spacer-before-large {
    margin-top: 50px;
  }
}
.layout--onecol-row.spacer-after-large {
  margin-bottom: 120px;
}
@media (max-width: 1024px) {
  .layout--onecol-row.spacer-after-large {
    margin-bottom: 60px;
  }
}
@media (max-width: 768px) {
  .layout--onecol-row.spacer-after-large {
    margin-bottom: 50px;
  }
}
.layout--onecol-row.spacer-before-medium {
  margin-top: 50px;
}
.layout--onecol-row.spacer-after-medium {
  margin-bottom: 50px;
}
.layout--onecol-row.spacer-before-small {
  margin-top: 30px;
}
.layout--onecol-row.spacer-after-small {
  margin-bottom: 30px;
}
.layout--onecol-row .layout__region {
  width: 100%;
}
.layout--twocol-row.width-taller, .layout--twocol-row.taller {
  width: 60%;
  margin-left: auto;
  margin-right: auto;
}
@media (max-width: 1199.98px) {
  .layout--twocol-row.width-taller, .layout--twocol-row.taller {
    width: 90%;
  }
}
.layout--twocol-row.center-row {
  text-align: center;
}
.layout--twocol-row.stretch-row {
  align-items: stretch;
}
.layout--twocol-row.stretch-row .block-layout-builder {
  height: 100%;
}
.layout--twocol-row.stretch-row .block-layout-builder .inner {
  height: 100%;
}
.layout--twocol-row.center-row-vertically {
  align-items: center;
}
.layout--twocol-row.overlapping {
  margin-top: -90px;
}
.layout--twocol-row .layout__region.bg-color-primary {
  background-color: #CA0010;
  color: #fff;
  padding: 30px;
  box-sizing: border-box;
  margin: 10px;
}
@media (max-width: 991.98px) {
  .layout--twocol-row .layout__region.bg-color-primary {
    padding: 20px;
  }
}
.layout--twocol-row.bg-color-secondary {
  background-color: #0B2136;
  color: #fff;
  /**
   * ADD HERE FEATURES WITH SPECIAL PADDINGS
   */
}
.layout--twocol-row.bg-color-grey {
  background-color: #989898;
  padding: 50px;
  /**
   * ADD HERE FEATURES WITH SPECIAL PADDINGS
   */
}
.layout--twocol-row.bg-color-light-grey {
  background-color: #F7F7F7;
  padding: 50px;
  /**
   * ADD HERE FEATURES WITH SPECIAL PADDINGS
   */
}
@media (max-width: 991.98px) {
  .layout--twocol-row.bg-color-light-grey {
    padding: 50px 20px;
  }
}
.layout--twocol-row.bg-color-white {
  background-color: #fff;
  /**
   * ADD HERE FEATURES WITH SPECIAL PADDINGS
   */
}
.layout--twocol-row.fully-bg-color.bg-color-primary {
  background-color: #CA0010;
}
.layout--twocol-row.fully-bg-color.bg-color-primary::before {
  content: "";
  right: 100%;
  top: 0;
  position: absolute;
  width: 100%;
  height: 100%;
  background-color: #CA0010;
}
.layout--twocol-row.fully-bg-color.bg-color-primary::after {
  content: "";
  left: 100%;
  top: 0;
  position: absolute;
  width: 100%;
  height: 100%;
  background-color: #CA0010;
}
.layout--twocol-row.fully-bg-color.bg-color-light-grey {
  background-color: #F7F7F7;
}
.layout--twocol-row.fully-bg-color.bg-color-light-grey::before {
  content: "";
  right: 100%;
  top: 0;
  position: absolute;
  width: 100%;
  height: 100%;
  background-color: #F7F7F7;
}
.layout--twocol-row.fully-bg-color.bg-color-light-grey::after {
  content: "";
  left: 100%;
  top: 0;
  position: absolute;
  width: 100%;
  height: 100%;
  background-color: #F7F7F7;
}
.layout--twocol-row.spacer-before-large {
  margin-top: 120px;
}
@media (max-width: 1024px) {
  .layout--twocol-row.spacer-before-large {
    margin-top: 60px;
  }
}
@media (max-width: 768px) {
  .layout--twocol-row.spacer-before-large {
    margin-top: 50px;
  }
}
.layout--twocol-row.spacer-after-large {
  margin-bottom: 120px;
}
@media (max-width: 1024px) {
  .layout--twocol-row.spacer-after-large {
    margin-bottom: 60px;
  }
}
@media (max-width: 768px) {
  .layout--twocol-row.spacer-after-large {
    margin-bottom: 50px;
  }
}
.layout--twocol-row.spacer-before-medium {
  margin-top: 50px;
}
.layout--twocol-row.spacer-after-medium {
  margin-bottom: 50px;
}
.layout--twocol-row.spacer-before-small {
  margin-top: 30px;
}
.layout--twocol-row.spacer-after-small {
  margin-bottom: 30px;
}
.layout--twocol-row.grid .grid {
  width: 100%;
}
.layout--twocol-row.width-50-50 {
  gap: 10%;
}
.layout--twocol-row.width-50-50 .layout__region {
  flex: 0 1 45%;
}
.layout--twocol-row.width-60-40 {
  display: grid;
  grid-template-columns: minmax(0, 65%) minmax(0, 35%);
  grid-template-rows: 1fr;
  grid-column-gap: 6%;
  grid-row-gap: 0px;
  grid-auto-rows: -webkit-max-content;
  grid-auto-rows: max-content;
}
@media (max-width: 1199.98px) {
  .layout--twocol-row.width-60-40 {
    grid-column-gap: 4%;
  }
}
@media (max-width: 1024px) {
  .layout--twocol-row.width-60-40 {
    grid-column-gap: 0%;
    grid-template-columns: minmax(0, 100%);
  }
  .layout--twocol-row.width-60-40 .layout__region--second {
    margin-top: 50px;
  }
}

.layout--fourcol-row.width-taller, .layout--fourcol-row.taller {
  width: 60%;
  margin-left: auto;
  margin-right: auto;
}
@media (max-width: 1199.98px) {
  .layout--fourcol-row.width-taller, .layout--fourcol-row.taller {
    width: 90%;
  }
}
.layout--fourcol-row.center-row {
  text-align: center;
}
.layout--fourcol-row.stretch-row {
  align-items: stretch;
}
.layout--fourcol-row.stretch-row .block-layout-builder {
  height: 100%;
}
.layout--fourcol-row.stretch-row .block-layout-builder .inner {
  height: 100%;
}
.layout--fourcol-row.center-row-vertically {
  align-items: center;
}
.layout--fourcol-row.overlapping {
  margin-top: -90px;
}
.layout--fourcol-row .layout__region.bg-color-primary {
  background-color: #CA0010;
  color: #fff;
  padding: 30px;
  box-sizing: border-box;
  margin: 10px;
}
@media (max-width: 991.98px) {
  .layout--fourcol-row .layout__region.bg-color-primary {
    padding: 20px;
  }
}
.layout--fourcol-row.bg-color-secondary {
  background-color: #0B2136;
  color: #fff;
  /**
   * ADD HERE FEATURES WITH SPECIAL PADDINGS
   */
}
.layout--fourcol-row.bg-color-grey {
  background-color: #989898;
  padding: 50px;
  /**
   * ADD HERE FEATURES WITH SPECIAL PADDINGS
   */
}
.layout--fourcol-row.bg-color-light-grey {
  background-color: #F7F7F7;
  padding: 50px;
  /**
   * ADD HERE FEATURES WITH SPECIAL PADDINGS
   */
}
@media (max-width: 991.98px) {
  .layout--fourcol-row.bg-color-light-grey {
    padding: 50px 20px;
  }
}
.layout--fourcol-row.bg-color-white {
  background-color: #fff;
  /**
   * ADD HERE FEATURES WITH SPECIAL PADDINGS
   */
}
.layout--fourcol-row.fully-bg-color.bg-color-primary {
  background-color: #CA0010;
}
.layout--fourcol-row.fully-bg-color.bg-color-primary::before {
  content: "";
  right: 100%;
  top: 0;
  position: absolute;
  width: 100%;
  height: 100%;
  background-color: #CA0010;
}
.layout--fourcol-row.fully-bg-color.bg-color-primary::after {
  content: "";
  left: 100%;
  top: 0;
  position: absolute;
  width: 100%;
  height: 100%;
  background-color: #CA0010;
}
.layout--fourcol-row.fully-bg-color.bg-color-light-grey {
  background-color: #F7F7F7;
}
.layout--fourcol-row.fully-bg-color.bg-color-light-grey::before {
  content: "";
  right: 100%;
  top: 0;
  position: absolute;
  width: 100%;
  height: 100%;
  background-color: #F7F7F7;
}
.layout--fourcol-row.fully-bg-color.bg-color-light-grey::after {
  content: "";
  left: 100%;
  top: 0;
  position: absolute;
  width: 100%;
  height: 100%;
  background-color: #F7F7F7;
}
.layout--fourcol-row.spacer-before-large {
  margin-top: 120px;
}
@media (max-width: 1024px) {
  .layout--fourcol-row.spacer-before-large {
    margin-top: 60px;
  }
}
@media (max-width: 768px) {
  .layout--fourcol-row.spacer-before-large {
    margin-top: 50px;
  }
}
.layout--fourcol-row.spacer-after-large {
  margin-bottom: 120px;
}
@media (max-width: 1024px) {
  .layout--fourcol-row.spacer-after-large {
    margin-bottom: 60px;
  }
}
@media (max-width: 768px) {
  .layout--fourcol-row.spacer-after-large {
    margin-bottom: 50px;
  }
}
.layout--fourcol-row.spacer-before-medium {
  margin-top: 50px;
}
.layout--fourcol-row.spacer-after-medium {
  margin-bottom: 50px;
}
.layout--fourcol-row.spacer-before-small {
  margin-top: 30px;
}
.layout--fourcol-row.spacer-after-small {
  margin-bottom: 30px;
}
.layout--fourcol-row .layout__region {
  flex: 0 1 calc(25% - 20px);
  width: calc(25% - 20px);
}
@media (max-width: 1199.98px) {
  .layout--fourcol-row .layout__region {
    flex: 0 1 calc(50% - 20px);
    width: calc(50% - 20px);
  }
}
@media (max-width: 575.98px) {
  .layout--fourcol-row .layout__region {
    flex: 0 1 100%;
    width: 100%;
  }
}
.layout--fourcol-row .paragraph--type--text .field--name-field-paragraph-titel {
  font-family: "Barlow", sans-serif;
  font-size: 25px;
  line-height: 30px;
  font-weight: 600;
}
.layout--fourcol-row .paragraph--type--text .field--name-field-textinhalt {
  font-family: "Barlow", sans-serif;
  font-size: 18px;
  line-height: 27px;
  font-weight: 400;
}

/* Component (SMACSS module) rules */
/**
 * @file
 * SMACSS Modules
 *
 * Adds modular sets of styles.
 *
 * Additional useful selectors can be found in Zen's online documentation.
 * https://drupal.org/node/1707736
 */
/**
 * Wireframes.
 */
.with-wireframes #header,
.with-wireframes #main,
.with-wireframes #content,
.with-wireframes #navigation,
.with-wireframes .region-sidebar-first,
.with-wireframes .region-sidebar-second,
.with-wireframes #footer,
.with-wireframes .region-bottom {
  outline: 1px solid #ccc;
}

.lt-ie8 .with-wireframes #header,
.lt-ie8 .with-wireframes #main,
.lt-ie8 .with-wireframes #content,
.lt-ie8 .with-wireframes #navigation,
.lt-ie8 .with-wireframes .region-sidebar-first,
.lt-ie8 .with-wireframes .region-sidebar-second,
.lt-ie8 .with-wireframes #footer,
.lt-ie8 .with-wireframes .region-bottom {
  /* IE6/7 do not support the outline property. */
  border: 1px solid #ccc;
}

/**
 * Accessibility features.
 */
/* element-invisible as defined by http://snook.ca/archives/html_and_css/hiding-content-for-accessibility */
.element-invisible,
.element-focusable,
#navigation .block-menu .block__title,
#navigation .block-menu-block .block__title {
  position: absolute !important;
  height: 1px;
  width: 1px;
  overflow: hidden;
  clip: rect(1px 1px 1px 1px);
  clip: rect(1px, 1px, 1px, 1px);
}

/* Turns off the element-invisible effect. */
.element-focusable:active,
.element-focusable:focus {
  position: static !important;
  clip: auto;
  height: auto;
  width: auto;
  overflow: auto;
}

/*
 * The skip-link link will be completely hidden until a user tabs to the link.
 */
#skip-link {
  margin: 0;
}

#skip-link a,
#skip-link a:visited {
  display: block;
  width: 100%;
  padding: 2px 0 3px 0;
  text-align: center;
  background-color: #666;
  color: #fff;
}

/**
 * Branding header.
 */
/* Wrapping link for logo. */
.header__logo {
  float: left; /* LTR */
  margin: 0;
  padding: 0;
}

/* Logo image. */
.header__logo-image {
  vertical-align: bottom;
}

/* Wrapper for website name and slogan. */
.header__name-and-slogan {
  float: left;
}

/* The name of the website. */
.header__site-name {
  margin: 0;
  font-size: 2em;
  line-height: 1.5em;
}

/* The link around the name of the website. */
.header__site-link:link,
.header__site-link:visited {
  color: #000;
  text-decoration: none;
}

.header__site-link:hover,
.header__site-link:focus {
  text-decoration: underline;
}

/* The slogan (or tagline) of a website. */
.header__site-slogan {
  margin: 0;
}

/* The secondary menu (login, etc.) */
.header__secondary-menu {
  float: right; /* LTR */
}

/* Wrapper for any blocks placed in the header region. */
.header__region {
  /* Clear the logo. */
  clear: both;
}

/**
 * Navigation bar.
 */
#navigation {
  /* Sometimes you want to prevent overlapping with main div. */
  /* overflow: hidden; */
}

#navigation .block {
  margin-bottom: 0;
}

/* Main menu and secondary menu links and menu block links. */
#navigation .links,
#navigation .menu {
  margin: 0;
  padding: 0;
  text-align: left; /* LTR */
}

#navigation .links li,
#navigation .menu li {
  /* A simple method to get navigation links to appear in one line. */
  float: left; /* LTR */
  padding: 0 10px 0 0; /* LTR */
  list-style-type: none;
  list-style-image: none;
}

/**
 * Breadcrumb navigation.
 */
.breadcrumb ol {
  margin: 0;
  padding: 0;
}

.breadcrumb li {
  display: inline;
  list-style-type: none;
  margin: 0;
  padding: 0;
}

/**
 * Titles.
 */
.page__title,
.node__title,
.block__title,
.comments__title,
.comments__form-title,
.comment__title { /* Comment title. */
  margin: 0;
}

/**
 * Messages.
 */
.messages,
.messages--status,
.messages--warning,
.messages--error {
  margin: 1.5em 0;
  padding: 10px 10px 10px 50px; /* LTR */
  background-image: url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABgAAAAYCAYAAADgdz34AAAD6UlEQVR42s2WX0xbVRzH3YwmC4k+GF/0ZS/S267/bmnX9nL7bwstZlnbjTDYyoC5GCbB0ZW5pdJCe6swbLFA6bpWIGuRMWVjKGP+21QW3SZBSAjGh4XEaTZTH82Cm/3ztS2xs7mw4KLRk3xyzj33/H6fe5Pz7zEA/yr/vUDukj9FH6drqTaqT8EoPs/UV+nX6TD1BlUh9AqLHlmgPKLcRHmoCOWmElK/FOKTYpS8UwLJkASiUyLI3pKhlClN0g46qj+qL/pbArlbrlO1q25JeiSgR2iYJ8ywXLSg/qP6LNl2ro8+Q4MMkKCd9K2t3q3KdQnkXXIF5aISkgEJzONm1F2qW52pDJN1MI2bUBIuAdVOJWSMTPNQgX6/vkjVpvpREpag6oMqWCYta1IzbsHh9ga0RJtzY8URMdRO9U/KSuWmNQUqh2pY3CtG+fvlqJyofMAFNrZAE+7e/RWR4X4cD9tgOGsA2U2CdtMDqwqyMyIzQ5KKqAKmcyaYxkzYd3YvjGNGFtXRPRj58DT+LOemRrFnrBLyITmUDmUyO/NYgu2d26ukHVJo3tXAMGpAs+cQmh0NeClan30uwN7TgnQ6nRd4r3thOGOAJqYB2UVC79AfZAnKHGUxQa8A2tNaNLW/jKvXv8Dyb8s4yryKA4O10A3roIvpUB+swTdz1/LJZ27PQBvT5lBH1RD4BChzlQ2wBNtc22aE/ULQgzRCl4P5BPcT93GMOYz9wb2QhCRgAq35d8u/L2PXe7tADVGgBlcQ+AXQtmlvsP/gzbJZvp8PMkJCFBYh8m0knyiVSsHe0YIGZz1+/uVOvt8z7QGvnwf+ST5EIRHIUyR4fh50rbp5lsDcYR4ReAXgBrng9q/Qfa0bfy035r7Ot2dvz4IX4IEIEAXwvDzscOw4zxJUd1YfEXlE4Aa4BQHMlwzSSBeI7iXvoTxWDqKPYCFsFaKmr+YVliB0JfS89DVpiuhlB9k/tSOZTuYFvq98yI7L0/MAsVWcGp0bfW61hbahwltxSeARsIKyWKesSKQSWIwvYkvvllwfx88pgOvhwthu/AzAxlVX8vz385tLbaVxwpcLZtEw0QDjsBGctzksiE4CimZFfHp++oWHbnbuUfdB0komMgHsRN1r0MWBsEmYODF5onY92/UTwcvBxuzXcN1ccHycVSn2FaPYWwzCQUDWKIt7z3utAJ5c74Hz+OLSomynY+cVfiM/xW3JiDyZpB3FuZrj4oCwE+Ad4qWMjPHjpTtL0mzMoxyZz9yM39Q7Y85Ok930icqm+k59TL2wm9l90dZv8y/8sPAigGf/iUN/Q4anM2zOsdLe+L+4VfwBVVjDs2rTYx0AAAAASUVORK5CYII=");
  *background-image: url("../../images/message-24-ok.png");
  background-position: 8px 8px; /* LTR */
  background-repeat: no-repeat;
  border: 1px solid #be7;
}

.messages--warning {
  background-image: url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABgAAAAYCAYAAADgdz34AAACuElEQVRIiWP4//8/Ay0xSYqntTpnT252zqeJBf0Njhsykrz/pyd6/e9vcNpGVQv6q2wlm0qc/r0+IPD/3UG+/61l9v9mdrjIUc2C7hqHUzc3S///eZwBjO9tF/vfWe1wjioWTKixVm8otPn38wQT3IKfxxn/t5Va/utpsNSg2ILWcttrNzdJgQ3+dpQRjEHs+9tE/zeXWt+gyILOamuTqlxrsOtPLub+7+emBsSq/88v5wL7oqHQ9H9nmbkF2RbUF1rev7lJEuziuU3i/90ddcB4UZsoJC62ifyvK7R4QJYFrcUGrmUZ5v9hYb9hosh/bzcDMN42VRgeF9W5hv8bi/XdSbagKtfs2c1NEvCIPbaQ/7+/pwkYn17Ki0hR24T/l2eZPCfJgsZ83dCiNOP/yCnn7iau/8G+5mD8aBsHSoqqyNL9X5erHUm0BcVpRm9ubhZHMoTh/4eDzP/DA23+RwTZ/P96hAlF7t5Wof8FyfpvibKgNk8noyDZ4D9quofg1Bjr/1kJlhjiIF+Upmn/r83RzCJoQXaC3qcbm8SwGMLwvybP/H8jMGlik7u7VeB/Zqz2J7wWVGdr1uTG62J1PQgfWST1/+hiCaxyIF8UJqv9r8hQrcVpQVqkzrcbG0WwGvB2H/P/lnx5MAaxsam5vYn3f2KY+jesFpSlqfZnxWjidP2OGWL/g/0swBjExu4Lhv958Ur/i5KU+lEsCA1lYI4JUv95bZ0gTo2Pt3P+z0myBmMQG5e6mxu4/kf4Kf8EmQm3oCRNebKrvSawIGPBqRG9sMOp5hjjfwdrlf/58bKT4RaUpWvtcLZV/39iscD/H0AFP46jYwYiMeP/44u4/9tbKQODSXUH3II9G7v18hI0n8YGKv+IDVT6joxj/BVx4mgcOCde/SnITPRUJAHEGlTCEkQV19TAAN8FC67hZdFXAAAAAElFTkSuQmCC");
  *background-image: url("../../images/message-24-warning.png");
  border-color: #ed5;
}

.messages--error {
  background-image: url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABgAAAAYCAYAAADgdz34AAACpElEQVR42rWWTUgbQRiGQ0Tx4MWDeFM8eBA9iKAoggiCoCiiIiL4L3oQV1CJB0UEf6iRYFpK7UniTw9VSqL2kvQsVDBpSZrtRo35czVNW3oprRf17exSl4yzu1ikAy9h59vvedhkMrMGAGoxknAk2w8MJ/WosXThiZkZt9jdLeglPjn5ATc3mhJNuNjbK0QbG3ExMICL/n6IfX0gcxB7ekDAELu6IHZ2IlJbi1hLS1BLogmPtbUhMTv7oMSamzUlqnByMxLT0/8STQkDj9TV4ZLj5OysrODl8jIu5Gs68dFR7JG6dWkJ0fFx+TpSX89IDMnwcHU1yKec12Yz3rlc4HkeLwjkXJpPip3U3+7vIx6P4ymph4eG5PlwTQ0lMdytlmBxMWKtrXLeT0zA5XTibvj9fjxfXETkb/3N/Dz2dneVuiTZtliU/rPSUsQ5ziuxZYG03IIlJdKKUPJjdRUAKMmzuTnskB/VYbdTtd9HR4g2NCi9Z2VliDY1BSnBaUEBzsrLqXyzWCiQ9HU5HA4afniIUFWV0hOqqMBpURErOM7NxWlhIZOvCwvA7S3Uxq+DA5AnZ3pO8vJYQSArC8c5Oeqx2Rj4udeLQH6+6v2B7GxW8DkjA0JmJpONwUHY7XZGIAgCzCYTeJUewmIFfqMRfEoKlQ2yJbza2oLWcLvdeDI2hk/3+iQWKzAYkJzNjg5srq9TwJ9OJ76YTNScx+ORJT66X1/grKyEbW2NgfPp6XKd/JMZySrHaQsSU1Oe+0/w3WpVgyu5HBlR6lc+H8gioevDwz6JrWwV5+3txyoSFk5DcOX1MnCyJ4Vwfb1zt1UY9SR8aioDpuppaVpwZbPTl+hHF04dOKzk8XBF8DgJC3/woU/W/EciOtELOWi8DDwp//215Q+p7kiKh2lQSAAAAABJRU5ErkJggg==");
  *background-image: url("../../images/message-24-error.png");
  border-color: #ed541d;
}

.messages__list {
  margin: 0;
}

.messages__item {
  list-style-image: none;
}

/* Core/module installation error messages. */
.messages--error p.error {
  color: #333;
}

/* System status report. */
.ok,
.messages--status {
  background-color: #f8fff0;
  color: #234600;
}

.warning,
.messages--warning {
  background-color: #fffce5;
  color: #840;
}

.error,
.messages--error {
  background-color: #fef5f1;
  color: #8c2e0b;
}

/**
 * Tabs.
 */
/* Basic positioning styles shared by primary and secondary tabs. */
.tabs-primary,
.tabs-secondary {
  overflow: hidden;
  *zoom: 1;
  background-image: linear-gradient(to bottom, #bbbbbb 1px, transparent 1px);
  /* IE 9 and earlier don't understand gradients. */
  list-style: none;
  border-bottom: 1px solid #bbbbbb \0 /ie;
  margin: 1.5em 0;
  padding: 0 2px;
  white-space: nowrap;
}

.tabs-primary__tab,
.tabs-secondary__tab,
.tabs-secondary__tab.is-active {
  float: left; /* LTR */
  margin: 0 3px;
}

a.tabs-primary__tab-link,
a.tabs-secondary__tab-link {
  border: 1px solid #e9e9e9;
  border-right: 0;
  border-bottom: 0;
  display: block;
  line-height: 1.5em;
  text-decoration: none;
}

/* Primary tabs. */
.tabs-primary__tab,
.tabs-primary__tab.is-active {
  border-top-left-radius: 4px;
  border-top-right-radius: 4px;
  text-shadow: 1px 1px 0 white;
  border: 1px solid #bbbbbb;
  border-bottom-color: transparent;
  /* IE 9 and earlier don't understand gradients. */
  border-bottom: 0 \0 /ie;
}

.is-active.tabs-primary__tab {
  border-bottom-color: white;
}

a.tabs-primary__tab-link,
a.tabs-primary__tab-link.is-active {
  border-top-left-radius: 4px;
  border-top-right-radius: 4px;
  transition: background-color 0.3s;
  color: #333;
  background-color: #dedede;
  letter-spacing: 1px;
  padding: 0 1em;
  text-align: center;
}

a.tabs-primary__tab-link:hover,
a.tabs-primary__tab-link:focus {
  background-color: #e9e9e9;
  border-color: #f2f2f2;
}

a.tabs-primary__tab-link:active,
a.tabs-primary__tab-link.is-active {
  background-color: transparent;
  *zoom: 1;
  filter: progid:DXImageTransform.Microsoft.gradient(gradientType=0, startColorstr="#FFE9E9E9", endColorstr="#00E9E9E9");
  background-image: linear-gradient(#e9e9e9, rgba(233, 233, 233, 0));
  border-color: #fff;
}

/* Secondary tabs. */
.tabs-secondary {
  font-size: 0.9em;
  /* Collapse bottom margin of ul.primary. */
  margin-top: -1.5em;
}

.tabs-secondary__tab,
.tabs-secondary__tab.is-active {
  margin: 0.75em 3px;
}

a.tabs-secondary__tab-link,
a.tabs-secondary__tab-link.is-active {
  border-radius: 0.75em;
  transition: background-color 0.3s;
  text-shadow: 1px 1px 0 white;
  background-color: #f2f2f2;
  color: #666;
  padding: 0 0.5em;
}

a.tabs-secondary__tab-link:hover,
a.tabs-secondary__tab-link:focus {
  background-color: #dedede;
  border-color: #999;
  color: #333;
}

a.tabs-secondary__tab-link:active,
a.tabs-secondary__tab-link.is-active {
  text-shadow: 1px 1px 0 #333333;
  background-color: #666;
  border-color: #000;
  color: #fff;
}

/**
 * Inline styles.
 */
/* List of links generated by theme_links(). */
.inline {
  display: inline;
  padding: 0;
}

.inline li {
  display: inline;
  list-style-type: none;
  padding: 0 1em 0 0; /* LTR */
}

/* The inline field label used by the Fences module. */
span.field-label {
  padding: 0 1em 0 0; /* LTR */
}

/**
 * "More" links.
 */
.more-link {
  text-align: right; /* LTR */
}

.more-help-link {
  text-align: right; /* LTR */
}

.more-help-link a {
  background-image: url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABAAAAAQCAYAAAAf8/9hAAAA7UlEQVR42qWTPQqDQBCFcwSPkCNITpAj5AjeIm1uYpkyR7Cy2Mot7OwsBAsRwUKwmOwLGRle3EIy8PyBfZ/z3J2TiPylz8VWWZZpUB40BonRKyizaxkA88MYYiqCEgv4MTvnZJom0VqWRbz3FlJZgLYtqmEY1Lg9r+sKsIXcLSC3AC019H0vqLquLeC5AfiHYSGkcdAJimKIBQiJ4+CO92OAtm0FNc8zOjkMwE5Q63FAtbeg6zpAYvG8BWR7i5qmQYwY4MIHqYhE2DOPQWcGJBQF2XU72ZzyUeZ5GCNt5/hybJgYdAXsq5sOEE/jG6dC5IOqCXTmAAAAAElFTkSuQmCC");
  *background-image: url("../../images/help.png");
  background-position: 0 50%; /* LTR */
  background-repeat: no-repeat;
  padding: 1px 0 1px 20px; /* LTR */
}

/**
 * Pager.
 */
/* A list of page numbers when more than 1 page of content is available. */
.pager {
  clear: both;
  padding: 0;
  text-align: center;
}

.pager-item,
.pager-first,
.pager-previous,
.pager-next,
.pager-last,
.pager-ellipsis,
.pager-current { /* The current page's list item. */
  display: inline;
  padding: 0 0.5em;
  list-style-type: none;
  background-image: none;
}

.pager-current {
  font-weight: bold;
}

/**
 * Blocks.
 */
/* Block wrapper. */
.block {
  margin-bottom: 1.5em;
}

/**
 * Menus.
 */
.menu__item.is-leaf {
  list-style-image: url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAcAAAAHBAMAAAA2fErgAAAAD1BMVEX///+/v7+Li4sAAADAwMBFvsw8AAAAAXRSTlMAQObYZgAAAB1JREFUCFtjYAADYwMGBmYVZSDhKAwkFJWhYiAAAB2+Aa/9ugeaAAAAAElFTkSuQmCC");
  *list-style-image: url("../../images/menu-leaf.png");
  list-style-type: square;
}

.menu__item.is-expanded {
  list-style-image: url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAcAAAAHAQMAAAD+nMWQAAAABlBMVEX///8AAABVwtN+AAAAAXRSTlMAQObYZgAAABJJREFUeJxj+MdQw2DBIMAABgAUsAHD3c3BpwAAAABJRU5ErkJggg==");
  *list-style-image: url("../../images/menu-expanded.png");
  list-style-type: circle;
}

.menu__item.is-collapsed {
  list-style-image: url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAcAAAAHAQMAAAD+nMWQAAAABlBMVEX///8AAABVwtN+AAAAAXRSTlMAQObYZgAAABFJREFUCB1jVmCGQClmEWYOAAZ8AMy3HPLXAAAAAElFTkSuQmCC"); /* LTR */
  *list-style-image: url("../../images/menu-collapsed.png"); /* LTR */
  list-style-type: disc;
}

/* The active item in a Drupal menu. */
.menu a.active {
  color: #000;
}

/**
 * Marker.
 */
/* The "new" or "updated" marker. */
.new,
.update {
  color: #c00;
  /* Remove background highlighting from <mark> in normalize. */
  background-color: transparent;
}

/**
 * Unpublished note.
 */
/* The word "Unpublished" displayed underneath the content. */
.unpublished {
  height: 0;
  overflow: visible;
  /* Remove background highlighting from <mark> in normalize. */
  background-color: transparent;
  color: #d8d8d8;
  font-size: 75px;
  line-height: 1;
  font-family: Impact, "Arial Narrow", Helvetica, sans-serif;
  font-weight: bold;
  text-transform: uppercase;
  text-align: center;
  /* A very nice CSS3 property. */
  word-wrap: break-word;
}

.lt-ie8 .node-unpublished > *,
.lt-ie8 .comment-unpublished > * {
  /* Otherwise these elements will appear below the "Unpublished" text. */
  position: relative;
}

/**
 * Comments.
 */
/* Wrapper for the list of comments and its title. */
.comments {
  margin: 1.5em 0;
}

/* Preview of the comment before submitting new or updated comment. */
.comment-preview {
  /* Drupal core will use a #ffffea background. See #1110842. */
  background-color: #ffffea;
}

/* Wrapper for a single comment. */
.comment {
  /* Comment's permalink wrapper. */
}

.comment .permalink {
  text-transform: uppercase;
  font-size: 75%;
}

/* Nested comments are indented. */
.indented {
  /* Drupal core uses a 25px left margin. */
  margin-left: 30px; /* LTR */
}

/**
 * Forms.
 */
/* Wrapper for a form element (or group of form elements) and its label. */
.form-item {
  margin: 1.5em 0;
}

/* Pack groups of checkboxes and radio buttons closer together. */
.form-checkboxes .form-item,
.form-radios .form-item {
  /* Drupal core uses "0.4em 0". */
  margin: 0;
}

/* Form items in a table. */
tr.odd .form-item,
tr.even .form-item {
  margin: 0;
}

/* Highlight the form elements that caused a form submission error. */
.form-item input.error,
.form-item textarea.error,
.form-item select.error {
  border: 1px solid #c00;
}

/* The descriptive help text (separate from the label). */
.form-item .description {
  font-size: 0.85em;
}

.form-type-radio .description,
.form-type-checkbox .description {
  margin-left: 2.4em;
}

/* The part of the label that indicates a required field. */
.form-required {
  color: #c00;
}

/* Labels for radios and checkboxes. */
label.option {
  display: inline;
  font-weight: normal;
}

/* Buttons used by contrib modules like Media. */
a.button {
  -webkit-appearance: button;
  -moz-appearance: button;
  appearance: button;
}

/* Password confirmation. */
.password-parent,
.confirm-parent {
  margin: 0;
}

/* Drupal's default login form block. */
#user-login-form {
  text-align: left; /* LTR */
}

/**
 * OpenID
 *
 * The default styling for the OpenID login link seems to assume Garland's
 * styling of list items.
 */
/* OpenID creates a new ul above the login form's links. */
.openid-links {
  /* Position OpenID's ul next to the rest of the links. */
  margin-bottom: 0;
}

/* The "Log in using OpenID" and "Cancel OpenID login" links. */
.openid-link,
.user-link {
  margin-top: 1.5em;
}

html.js #user-login-form li.openid-link,
#user-login-form li.openid-link {
  /* Un-do some of the padding on the ul list. */
  margin-left: -20px; /* LTR */
}

#user-login ul {
  margin: 1.5em 0;
}

/**
 * Drupal admin tables.
 */
form th {
  text-align: left; /* LTR */
  padding-right: 1em; /* LTR */
  border-bottom: 3px solid #ccc;
}

form tbody {
  border-top: 1px solid #ccc;
}

form table ul {
  margin: 0;
}

tr.even,
tr.odd {
  background-color: #eee;
  border-bottom: 1px solid #ccc;
  padding: 0.1em 0.6em;
}

tr.even {
  background-color: #fff;
}

.lt-ie8 tr.even th,
.lt-ie8 tr.even td,
.lt-ie8 tr.odd th,
.lt-ie8 tr.odd td {
  /* IE doesn't display borders on table rows. */
  border-bottom: 1px solid #ccc;
}

/* Markup generated by theme_tablesort_indicator(). */
td.active {
  background-color: #ddd;
}

/* Center checkboxes inside table cell. */
td.checkbox,
th.checkbox {
  text-align: center;
}

/* Drupal core wrongly puts this in system.menus.css. Since we override that, add it back. */
td.menu-disabled {
  background: #ccc;
}

/**
 * Autocomplete.
 *
 * @see autocomplete.js
 */
/* Suggestion list. */
#autocomplete .selected {
  background: #0072b9;
  color: #fff;
}

/**
 * Collapsible fieldsets.
 *
 * @see collapse.js
 */
html.js .collapsible .fieldset-legend {
  background-image: url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAcAAAAHAQMAAAD+nMWQAAAABlBMVEX///8AAABVwtN+AAAAAXRSTlMAQObYZgAAABJJREFUeJxj+MdQw2DBIMAABgAUsAHD3c3BpwAAAABJRU5ErkJggg==");
  *background-image: url("../../images/menu-expanded.png");
  background-position: 5px 65%; /* LTR */
  background-repeat: no-repeat;
  padding-left: 15px; /* LTR */
}

html.js .collapsed .fieldset-legend {
  background-image: url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAcAAAAHAQMAAAD+nMWQAAAABlBMVEX///8AAABVwtN+AAAAAXRSTlMAQObYZgAAABFJREFUCB1jVmCGQClmEWYOAAZ8AMy3HPLXAAAAAElFTkSuQmCC"); /* LTR */
  *background-image: url("../../images/menu-collapsed.png"); /* LTR */
  background-position: 5px 50%; /* LTR */
}

.fieldset-legend .summary {
  color: #999;
  font-size: 0.9em;
  margin-left: 0.5em;
}

/**
 * TableDrag behavior.
 *
 * @see tabledrag.js
 */
tr.drag {
  background-color: #fffff0;
}

tr.drag-previous {
  background-color: #ffd;
}

.tabledrag-toggle-weight {
  font-size: 0.9em;
}

/**
 * TableSelect behavior.
 *
 * @see tableselect.js
 */
tr.selected td {
  background: #ffc;
}

/**
 * Progress bar.
 *
 * @see progress.js
 */
.progress {
  font-weight: bold;
}

.progress .bar {
  background: #ccc;
  border-color: #666;
  margin: 0 0.2em;
  border-radius: 3px;
}

.progress .filled {
  background-color: #0072b9;
  background-image: url("../../images/progress.gif");
}

/* Use the following CSS code if you want to use data attributes for inserting your icons */
[data-icon]:before {
  font-family: "ElegantIcons";
  content: attr(data-icon);
  speak: none;
  font-weight: normal;
  font-variant: normal;
  text-transform: none;
  line-height: 1;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}

/* Use the following CSS code if you want to have a class per icon */
/*
Instead of a list of all class selectors,
you can use the generic selector below, but it's slower:
[class*="your-class-prefix"] {
*/
.arrow_up, .arrow_down, .arrow_left, .arrow_right, .arrow_left-up, .arrow_right-up, .arrow_right-down, .arrow_left-down, .arrow-up-down, .arrow_up-down_alt, .arrow_left-right_alt, .arrow_left-right, .arrow_expand_alt2, .arrow_expand_alt, .arrow_condense, .arrow_expand, .arrow_move, .arrow_carrot-up, .arrow_carrot-down, .arrow_carrot-left, .arrow_carrot-right, .arrow_carrot-2up, .arrow_carrot-2down, .arrow_carrot-2left, .arrow_carrot-2right, .arrow_carrot-up_alt2, .arrow_carrot-down_alt2, .arrow_carrot-left_alt2, .arrow_carrot-right_alt2, .arrow_carrot-2up_alt2, .arrow_carrot-2down_alt2, .arrow_carrot-2left_alt2, .arrow_carrot-2right_alt2, .arrow_triangle-up, .arrow_triangle-down, .arrow_triangle-left, .arrow_triangle-right, .arrow_triangle-up_alt2, .arrow_triangle-down_alt2, .arrow_triangle-left_alt2, .arrow_triangle-right_alt2, .arrow_back, .icon_minus-06, .icon_plus, .icon_close, .icon_check, .icon_minus_alt2, .icon_plus_alt2, .icon_close_alt2, .icon_check_alt2, .icon_zoom-out_alt, .icon_zoom-in_alt, .icon_search, .icon_box-empty, .icon_box-selected, .icon_minus-box, .icon_plus-box, .icon_box-checked, .icon_circle-empty, .icon_circle-slelected, .icon_stop_alt2, .icon_stop, .icon_pause_alt2, .icon_pause, .icon_menu, .icon_menu-square_alt2, .icon_menu-circle_alt2, .icon_ul, .icon_ol, .icon_adjust-horiz, .icon_adjust-vert, .icon_document_alt, .icon_documents_alt, .icon_pencil, .icon_pencil-edit_alt, .icon_pencil-edit, .icon_folder-alt, .icon_folder-open_alt, .icon_folder-add_alt, .icon_info_alt, .icon_error-oct_alt, .icon_error-circle_alt, .icon_error-triangle_alt, .icon_question_alt2, .icon_question, .icon_comment_alt, .icon_chat_alt, .icon_vol-mute_alt, .icon_volume-low_alt, .icon_volume-high_alt, .icon_quotations, .icon_quotations_alt2, .icon_clock_alt, .icon_lock_alt, .icon_lock-open_alt, .icon_key_alt, .icon_cloud_alt, .icon_cloud-upload_alt, .icon_cloud-download_alt, .icon_image, .icon_images, .icon_lightbulb_alt, .icon_gift_alt, .icon_house_alt, .icon_genius, .icon_mobile, .icon_tablet, .icon_laptop, .icon_desktop, .icon_camera_alt, .icon_mail_alt, .icon_cone_alt, .icon_ribbon_alt, .icon_bag_alt, .icon_creditcard, .icon_cart_alt, .icon_paperclip, .icon_tag_alt, .icon_tags_alt, .icon_trash_alt, .icon_cursor_alt, .icon_mic_alt, .icon_compass_alt, .icon_pin_alt, .icon_pushpin_alt, .icon_map_alt, .icon_drawer_alt, .icon_toolbox_alt, .icon_book_alt, .icon_calendar, .icon_film, .icon_table, .icon_contacts_alt, .icon_headphones, .icon_lifesaver, .icon_piechart, .icon_refresh, .icon_link_alt, .icon_link, .icon_loading, .icon_blocked, .icon_archive_alt, .icon_heart_alt, .icon_star_alt, .icon_star-half_alt, .icon_star, .icon_star-half, .icon_tools, .icon_tool, .icon_cog, .icon_cogs, .arrow_up_alt, .arrow_down_alt, .arrow_left_alt, .arrow_right_alt, .arrow_left-up_alt, .arrow_right-up_alt, .arrow_right-down_alt, .arrow_left-down_alt, .arrow_condense_alt, .arrow_expand_alt3, .arrow_carrot_up_alt, .arrow_carrot-down_alt, .arrow_carrot-left_alt, .arrow_carrot-right_alt, .arrow_carrot-2up_alt, .arrow_carrot-2dwnn_alt, .arrow_carrot-2left_alt, .arrow_carrot-2right_alt, .arrow_triangle-up_alt, .arrow_triangle-down_alt, .arrow_triangle-left_alt, .arrow_triangle-right_alt, .icon_minus_alt, .icon_plus_alt, .icon_close_alt, .icon_check_alt, .icon_zoom-out, .icon_zoom-in, .icon_stop_alt, .icon_menu-square_alt, .icon_menu-circle_alt, .icon_document, .icon_documents, .icon_pencil_alt, .icon_folder, .icon_folder-open, .icon_folder-add, .icon_folder_upload, .icon_folder_download, .icon_info, .icon_error-circle, .icon_error-oct, .icon_error-triangle, .icon_question_alt, .icon_comment, .icon_chat, .icon_vol-mute, .icon_volume-low, .icon_volume-high, .icon_quotations_alt, .icon_clock, .icon_lock, .icon_lock-open, .icon_key, .icon_cloud, .icon_cloud-upload, .icon_cloud-download, .icon_lightbulb, .icon_gift, .icon_house, .icon_camera, .icon_mail, .icon_cone, .icon_ribbon, .icon_bag, .icon_cart, .icon_tag, .icon_tags, .icon_trash, .icon_cursor, .icon_mic, .icon_compass, .icon_pin, .icon_pushpin, .icon_map, .icon_drawer, .icon_toolbox, .icon_book, .icon_contacts, .icon_archive, .icon_heart, .icon_profile, .icon_group, .icon_grid-2x2, .icon_grid-3x3, .icon_music, .icon_pause_alt, .icon_phone, .icon_upload, .icon_download, .social_facebook, .social_twitter, .social_pinterest, .social_googleplus, .social_tumblr, .social_tumbleupon, .social_wordpress, .social_instagram, .social_dribbble, .social_vimeo, .social_linkedin, .social_rss, .social_deviantart, .social_share, .social_myspace, .social_skype, .social_youtube, .social_picassa, .social_googledrive, .social_flickr, .social_blogger, .social_spotify, .social_delicious, .social_facebook_circle, .social_twitter_circle, .social_pinterest_circle, .social_googleplus_circle, .social_tumblr_circle, .social_stumbleupon_circle, .social_wordpress_circle, .social_instagram_circle, .social_dribbble_circle, .social_vimeo_circle, .social_linkedin_circle, .social_rss_circle, .social_deviantart_circle, .social_share_circle, .social_myspace_circle, .social_skype_circle, .social_youtube_circle, .social_picassa_circle, .social_googledrive_alt2, .social_flickr_circle, .social_blogger_circle, .social_spotify_circle, .social_delicious_circle, .social_facebook_square, .social_twitter_square, .social_pinterest_square, .social_googleplus_square, .social_tumblr_square, .social_stumbleupon_square, .social_wordpress_square, .social_instagram_square, .social_dribbble_square, .social_vimeo_square, .social_linkedin_square, .social_rss_square, .social_deviantart_square, .social_share_square, .social_myspace_square, .social_skype_square, .social_youtube_square, .social_picassa_square, .social_googledrive_square, .social_flickr_square, .social_blogger_square, .social_spotify_square, .social_delicious_square, .icon_printer, .icon_calulator, .icon_building, .icon_floppy, .icon_drive, .icon_search-2, .icon_id, .icon_id-2, .icon_puzzle, .icon_like, .icon_dislike, .icon_mug, .icon_currency, .icon_wallet, .icon_pens, .icon_easel, .icon_flowchart, .icon_datareport, .icon_briefcase, .icon_shield, .icon_percent, .icon_globe, .icon_globe-2, .icon_target, .icon_hourglass, .icon_balance, .icon_rook, .icon_printer-alt, .icon_calculator_alt, .icon_building_alt, .icon_floppy_alt, .icon_drive_alt, .icon_search_alt, .icon_id_alt, .icon_id-2_alt, .icon_puzzle_alt, .icon_like_alt, .icon_dislike_alt, .icon_mug_alt, .icon_currency_alt, .icon_wallet_alt, .icon_pens_alt, .icon_easel_alt, .icon_flowchart_alt, .icon_datareport_alt, .icon_briefcase_alt, .icon_shield_alt, .icon_percent_alt, .icon_globe_alt, .icon_clipboard {
  font-family: "ElegantIcons";
  speak: none;
  font-style: normal;
  font-weight: normal;
  font-variant: normal;
  text-transform: none;
  line-height: 1;
  -webkit-font-smoothing: antialiased;
}

.arrow_up:before {
  content: "!";
}

.arrow_down:before {
  content: '"';
}

.arrow_left:before {
  content: "#";
}

.arrow_right:before {
  content: "$";
}

.arrow_left-up:before {
  content: "%";
}

.arrow_right-up:before {
  content: "&";
}

.arrow_right-down:before {
  content: "'";
}

.arrow_left-down:before {
  content: "(";
}

.arrow-up-down:before {
  content: ")";
}

.arrow_up-down_alt:before {
  content: "*";
}

.arrow_left-right_alt:before {
  content: "+";
}

.arrow_left-right:before {
  content: ",";
}

.arrow_expand_alt2:before {
  content: "-";
}

.arrow_expand_alt:before {
  content: ".";
}

.arrow_condense:before {
  content: "/";
}

.arrow_expand:before {
  content: "0";
}

.arrow_move:before {
  content: "1";
}

.arrow_carrot-up:before {
  content: "2";
}

.arrow_carrot-down:before {
  content: "3";
}

.arrow_carrot-left:before {
  content: "4";
}

.arrow_carrot-right:before {
  content: "5";
}

.arrow_carrot-2up:before {
  content: "6";
}

.arrow_carrot-2down:before {
  content: "7";
}

.arrow_carrot-2left:before {
  content: "8";
}

.arrow_carrot-2right:before {
  content: "9";
}

.arrow_carrot-up_alt2:before {
  content: ":";
}

.arrow_carrot-down_alt2:before {
  content: ";";
}

.arrow_carrot-left_alt2:before {
  content: "<";
}

.arrow_carrot-right_alt2:before {
  content: "=";
}

.arrow_carrot-2up_alt2:before {
  content: ">";
}

.arrow_carrot-2down_alt2:before {
  content: "?";
}

.arrow_carrot-2left_alt2:before {
  content: "@";
}

.arrow_carrot-2right_alt2:before {
  content: "A";
}

.arrow_triangle-up:before {
  content: "B";
}

.arrow_triangle-down:before {
  content: "C";
}

.arrow_triangle-left:before {
  content: "D";
}

.arrow_triangle-right:before {
  content: "E";
}

.arrow_triangle-up_alt2:before {
  content: "F";
}

.arrow_triangle-down_alt2:before {
  content: "G";
}

.arrow_triangle-left_alt2:before {
  content: "H";
}

.arrow_triangle-right_alt2:before {
  content: "I";
}

.arrow_back:before {
  content: "J";
}

.icon_minus-06:before {
  content: "K";
}

.icon_plus:before {
  content: "L";
}

.icon_close:before {
  content: "M";
}

.icon_check:before {
  content: "N";
}

.icon_minus_alt2:before {
  content: "O";
}

.icon_plus_alt2:before {
  content: "P";
}

.icon_close_alt2:before {
  content: "Q";
}

.icon_check_alt2:before {
  content: "R";
}

.icon_zoom-out_alt:before {
  content: "S";
}

.icon_zoom-in_alt:before {
  content: "T";
}

.icon_search:before {
  content: "U";
}

.icon_box-empty:before {
  content: "V";
}

.icon_box-selected:before {
  content: "W";
}

.icon_minus-box:before {
  content: "X";
}

.icon_plus-box:before {
  content: "Y";
}

.icon_box-checked:before {
  content: "Z";
}

.icon_circle-empty:before {
  content: "[";
}

.icon_circle-slelected:before {
  content: "\\";
}

.icon_stop_alt2:before {
  content: "]";
}

.icon_stop:before {
  content: "^";
}

.icon_pause_alt2:before {
  content: "_";
}

.icon_pause:before {
  content: "`";
}

.icon_menu:before {
  content: "a";
}

.icon_menu-square_alt2:before {
  content: "b";
}

.icon_menu-circle_alt2:before {
  content: "c";
}

.icon_ul:before {
  content: "d";
}

.icon_ol:before {
  content: "e";
}

.icon_adjust-horiz:before {
  content: "f";
}

.icon_adjust-vert:before {
  content: "g";
}

.icon_document_alt:before {
  content: "h";
}

.icon_documents_alt:before {
  content: "i";
}

.icon_pencil:before {
  content: "j";
}

.icon_pencil-edit_alt:before {
  content: "k";
}

.icon_pencil-edit:before {
  content: "l";
}

.icon_folder-alt:before {
  content: "m";
}

.icon_folder-open_alt:before {
  content: "n";
}

.icon_folder-add_alt:before {
  content: "o";
}

.icon_info_alt:before {
  content: "p";
}

.icon_error-oct_alt:before {
  content: "q";
}

.icon_error-circle_alt:before {
  content: "r";
}

.icon_error-triangle_alt:before {
  content: "s";
}

.icon_question_alt2:before {
  content: "t";
}

.icon_question:before {
  content: "u";
}

.icon_comment_alt:before {
  content: "v";
}

.icon_chat_alt:before {
  content: "w";
}

.icon_vol-mute_alt:before {
  content: "x";
}

.icon_volume-low_alt:before {
  content: "y";
}

.icon_volume-high_alt:before {
  content: "z";
}

.icon_quotations:before {
  content: "{";
}

.icon_quotations_alt2:before {
  content: "|";
}

.icon_clock_alt:before {
  content: "}";
}

.icon_lock_alt:before {
  content: "~";
}

.icon_lock-open_alt:before {
  content: "\e000";
}

.icon_key_alt:before {
  content: "\e001";
}

.icon_cloud_alt:before {
  content: "\e002";
}

.icon_cloud-upload_alt:before {
  content: "\e003";
}

.icon_cloud-download_alt:before {
  content: "\e004";
}

.icon_image:before {
  content: "\e005";
}

.icon_images:before {
  content: "\e006";
}

.icon_lightbulb_alt:before {
  content: "\e007";
}

.icon_gift_alt:before {
  content: "\e008";
}

.icon_house_alt:before {
  content: "\e009";
}

.icon_genius:before {
  content: "\e00a";
}

.icon_mobile:before {
  content: "\e00b";
}

.icon_tablet:before {
  content: "\e00c";
}

.icon_laptop:before {
  content: "\e00d";
}

.icon_desktop:before {
  content: "\e00e";
}

.icon_camera_alt:before {
  content: "\e00f";
}

.icon_mail_alt:before {
  content: "\e010";
}

.icon_cone_alt:before {
  content: "\e011";
}

.icon_ribbon_alt:before {
  content: "\e012";
}

.icon_bag_alt:before {
  content: "\e013";
}

.icon_creditcard:before {
  content: "\e014";
}

.icon_cart_alt:before {
  content: "\e015";
}

.icon_paperclip:before {
  content: "\e016";
}

.icon_tag_alt:before {
  content: "\e017";
}

.icon_tags_alt:before {
  content: "\e018";
}

.icon_trash_alt:before {
  content: "\e019";
}

.icon_cursor_alt:before {
  content: "\e01a";
}

.icon_mic_alt:before {
  content: "\e01b";
}

.icon_compass_alt:before {
  content: "\e01c";
}

.icon_pin_alt:before {
  content: "\e01d";
}

.icon_pushpin_alt:before {
  content: "\e01e";
}

.icon_map_alt:before {
  content: "\e01f";
}

.icon_drawer_alt:before {
  content: "\e020";
}

.icon_toolbox_alt:before {
  content: "\e021";
}

.icon_book_alt:before {
  content: "\e022";
}

.icon_calendar:before {
  content: "\e023";
}

.icon_film:before {
  content: "\e024";
}

.icon_table:before {
  content: "\e025";
}

.icon_contacts_alt:before {
  content: "\e026";
}

.icon_headphones:before {
  content: "\e027";
}

.icon_lifesaver:before {
  content: "\e028";
}

.icon_piechart:before {
  content: "\e029";
}

.icon_refresh:before {
  content: "\e02a";
}

.icon_link_alt:before {
  content: "\e02b";
}

.icon_link:before {
  content: "\e02c";
}

.icon_loading:before {
  content: "\e02d";
}

.icon_blocked:before {
  content: "\e02e";
}

.icon_archive_alt:before {
  content: "\e02f";
}

.icon_heart_alt:before {
  content: "\e030";
}

.icon_star_alt:before {
  content: "\e031";
}

.icon_star-half_alt:before {
  content: "\e032";
}

.icon_star:before {
  content: "\e033";
}

.icon_star-half:before {
  content: "\e034";
}

.icon_tools:before {
  content: "\e035";
}

.icon_tool:before {
  content: "\e036";
}

.icon_cog:before {
  content: "\e037";
}

.icon_cogs:before {
  content: "\e038";
}

.arrow_up_alt:before {
  content: "\e039";
}

.arrow_down_alt:before {
  content: "\e03a";
}

.arrow_left_alt:before {
  content: "\e03b";
}

.arrow_right_alt:before {
  content: "\e03c";
}

.arrow_left-up_alt:before {
  content: "\e03d";
}

.arrow_right-up_alt:before {
  content: "\e03e";
}

.arrow_right-down_alt:before {
  content: "\e03f";
}

.arrow_left-down_alt:before {
  content: "\e040";
}

.arrow_condense_alt:before {
  content: "\e041";
}

.arrow_expand_alt3:before {
  content: "\e042";
}

.arrow_carrot_up_alt:before {
  content: "\e043";
}

.arrow_carrot-down_alt:before {
  content: "\e044";
}

.arrow_carrot-left_alt:before {
  content: "\e045";
}

.arrow_carrot-right_alt:before {
  content: "\e046";
}

.arrow_carrot-2up_alt:before {
  content: "\e047";
}

.arrow_carrot-2dwnn_alt:before {
  content: "\e048";
}

.arrow_carrot-2left_alt:before {
  content: "\e049";
}

.arrow_carrot-2right_alt:before {
  content: "\e04a";
}

.arrow_triangle-up_alt:before {
  content: "\e04b";
}

.arrow_triangle-down_alt:before {
  content: "\e04c";
}

.arrow_triangle-left_alt:before {
  content: "\e04d";
}

.arrow_triangle-right_alt:before {
  content: "\e04e";
}

.icon_minus_alt:before {
  content: "\e04f";
}

.icon_plus_alt:before {
  content: "\e050";
}

.icon_close_alt:before {
  content: "\e051";
}

.icon_check_alt:before {
  content: "\e052";
}

.icon_zoom-out:before {
  content: "\e053";
}

.icon_zoom-in:before {
  content: "\e054";
}

.icon_stop_alt:before {
  content: "\e055";
}

.icon_menu-square_alt:before {
  content: "\e056";
}

.icon_menu-circle_alt:before {
  content: "\e057";
}

.icon_document:before {
  content: "\e058";
}

.icon_documents:before {
  content: "\e059";
}

.icon_pencil_alt:before {
  content: "\e05a";
}

.icon_folder:before {
  content: "\e05b";
}

.icon_folder-open:before {
  content: "\e05c";
}

.icon_folder-add:before {
  content: "\e05d";
}

.icon_folder_upload:before {
  content: "\e05e";
}

.icon_folder_download:before {
  content: "\e05f";
}

.icon_info:before {
  content: "\e060";
}

.icon_error-circle:before {
  content: "\e061";
}

.icon_error-oct:before {
  content: "\e062";
}

.icon_error-triangle:before {
  content: "\e063";
}

.icon_question_alt:before {
  content: "\e064";
}

.icon_comment:before {
  content: "\e065";
}

.icon_chat:before {
  content: "\e066";
}

.icon_vol-mute:before {
  content: "\e067";
}

.icon_volume-low:before {
  content: "\e068";
}

.icon_volume-high:before {
  content: "\e069";
}

.icon_quotations_alt:before {
  content: "\e06a";
}

.icon_clock:before {
  content: "\e06b";
}

.icon_lock:before {
  content: "\e06c";
}

.icon_lock-open:before {
  content: "\e06d";
}

.icon_key:before {
  content: "\e06e";
}

.icon_cloud:before {
  content: "\e06f";
}

.icon_cloud-upload:before {
  content: "\e070";
}

.icon_cloud-download:before {
  content: "\e071";
}

.icon_lightbulb:before {
  content: "\e072";
}

.icon_gift:before {
  content: "\e073";
}

.icon_house:before {
  content: "\e074";
}

.icon_camera:before {
  content: "\e075";
}

.icon_mail:before {
  content: "\e076";
}

.icon_cone:before {
  content: "\e077";
}

.icon_ribbon:before {
  content: "\e078";
}

.icon_bag:before {
  content: "\e079";
}

.icon_cart:before {
  content: "\e07a";
}

.icon_tag:before {
  content: "\e07b";
}

.icon_tags:before {
  content: "\e07c";
}

.icon_trash:before {
  content: "\e07d";
}

.icon_cursor:before {
  content: "\e07e";
}

.icon_mic:before {
  content: "\e07f";
}

.icon_compass:before {
  content: "\e080";
}

.icon_pin:before {
  content: "\e081";
}

.icon_pushpin:before {
  content: "\e082";
}

.icon_map:before {
  content: "\e083";
}

.icon_drawer:before {
  content: "\e084";
}

.icon_toolbox:before {
  content: "\e085";
}

.icon_book:before {
  content: "\e086";
}

.icon_contacts:before {
  content: "\e087";
}

.icon_archive:before {
  content: "\e088";
}

.icon_heart:before {
  content: "\e089";
}

.icon_profile:before {
  content: "\e08a";
}

.icon_group:before {
  content: "\e08b";
}

.icon_grid-2x2:before {
  content: "\e08c";
}

.icon_grid-3x3:before {
  content: "\e08d";
}

.icon_music:before {
  content: "\e08e";
}

.icon_pause_alt:before {
  content: "\e08f";
}

.icon_phone:before {
  content: "\e090";
}

.icon_upload:before {
  content: "\e091";
}

.icon_download:before {
  content: "\e092";
}

.social_facebook:before {
  content: "\e093";
}

.social_twitter:before {
  content: "\e094";
}

.social_pinterest:before {
  content: "\e095";
}

.social_googleplus:before {
  content: "\e096";
}

.social_tumblr:before {
  content: "\e097";
}

.social_tumbleupon:before {
  content: "\e098";
}

.social_wordpress:before {
  content: "\e099";
}

.social_instagram:before {
  content: "\e09a";
}

.social_dribbble:before {
  content: "\e09b";
}

.social_vimeo:before {
  content: "\e09c";
}

.social_linkedin:before {
  content: "\e09d";
}

.social_rss:before {
  content: "\e09e";
}

.social_deviantart:before {
  content: "\e09f";
}

.social_share:before {
  content: "\e0a0";
}

.social_myspace:before {
  content: "\e0a1";
}

.social_skype:before {
  content: "\e0a2";
}

.social_youtube:before {
  content: "\e0a3";
}

.social_picassa:before {
  content: "\e0a4";
}

.social_googledrive:before {
  content: "\e0a5";
}

.social_flickr:before {
  content: "\e0a6";
}

.social_blogger:before {
  content: "\e0a7";
}

.social_spotify:before {
  content: "\e0a8";
}

.social_delicious:before {
  content: "\e0a9";
}

.social_facebook_circle:before {
  content: "\e0aa";
}

.social_twitter_circle:before {
  content: "\e0ab";
}

.social_pinterest_circle:before {
  content: "\e0ac";
}

.social_googleplus_circle:before {
  content: "\e0ad";
}

.social_tumblr_circle:before {
  content: "\e0ae";
}

.social_stumbleupon_circle:before {
  content: "\e0af";
}

.social_wordpress_circle:before {
  content: "\e0b0";
}

.social_instagram_circle:before {
  content: "\e0b1";
}

.social_dribbble_circle:before {
  content: "\e0b2";
}

.social_vimeo_circle:before {
  content: "\e0b3";
}

.social_linkedin_circle:before {
  content: "\e0b4";
}

.social_rss_circle:before {
  content: "\e0b5";
}

.social_deviantart_circle:before {
  content: "\e0b6";
}

.social_share_circle:before {
  content: "\e0b7";
}

.social_myspace_circle:before {
  content: "\e0b8";
}

.social_skype_circle:before {
  content: "\e0b9";
}

.social_youtube_circle:before {
  content: "\e0ba";
}

.social_picassa_circle:before {
  content: "\e0bb";
}

.social_googledrive_alt2:before {
  content: "\e0bc";
}

.social_flickr_circle:before {
  content: "\e0bd";
}

.social_blogger_circle:before {
  content: "\e0be";
}

.social_spotify_circle:before {
  content: "\e0bf";
}

.social_delicious_circle:before {
  content: "\e0c0";
}

.social_facebook_square:before {
  content: "\e0c1";
}

.social_twitter_square:before {
  content: "\e0c2";
}

.social_pinterest_square:before {
  content: "\e0c3";
}

.social_googleplus_square:before {
  content: "\e0c4";
}

.social_tumblr_square:before {
  content: "\e0c5";
}

.social_stumbleupon_square:before {
  content: "\e0c6";
}

.social_wordpress_square:before {
  content: "\e0c7";
}

.social_instagram_square:before {
  content: "\e0c8";
}

.social_dribbble_square:before {
  content: "\e0c9";
}

.social_vimeo_square:before {
  content: "\e0ca";
}

.social_linkedin_square:before {
  content: "\e0cb";
}

.social_rss_square:before {
  content: "\e0cc";
}

.social_deviantart_square:before {
  content: "\e0cd";
}

.social_share_square:before {
  content: "\e0ce";
}

.social_myspace_square:before {
  content: "\e0cf";
}

.social_skype_square:before {
  content: "\e0d0";
}

.social_youtube_square:before {
  content: "\e0d1";
}

.social_picassa_square:before {
  content: "\e0d2";
}

.social_googledrive_square:before {
  content: "\e0d3";
}

.social_flickr_square:before {
  content: "\e0d4";
}

.social_blogger_square:before {
  content: "\e0d5";
}

.social_spotify_square:before {
  content: "\e0d6";
}

.social_delicious_square:before {
  content: "\e0d7";
}

.icon_printer:before {
  content: "\e103";
}

.icon_calulator:before {
  content: "\e0ee";
}

.icon_building:before {
  content: "\e0ef";
}

.icon_floppy:before {
  content: "\e0e8";
}

.icon_drive:before {
  content: "\e0ea";
}

.icon_search-2:before {
  content: "\e101";
}

.icon_id:before {
  content: "\e107";
}

.icon_id-2:before {
  content: "\e108";
}

.icon_puzzle:before {
  content: "\e102";
}

.icon_like:before {
  content: "\e106";
}

.icon_dislike:before {
  content: "\e0eb";
}

.icon_mug:before {
  content: "\e105";
}

.icon_currency:before {
  content: "\e0ed";
}

.icon_wallet:before {
  content: "\e100";
}

.icon_pens:before {
  content: "\e104";
}

.icon_easel:before {
  content: "\e0e9";
}

.icon_flowchart:before {
  content: "\e109";
}

.icon_datareport:before {
  content: "\e0ec";
}

.icon_briefcase:before {
  content: "\e0fe";
}

.icon_shield:before {
  content: "\e0f6";
}

.icon_percent:before {
  content: "\e0fb";
}

.icon_globe:before {
  content: "\e0e2";
}

.icon_globe-2:before {
  content: "\e0e3";
}

.icon_target:before {
  content: "\e0f5";
}

.icon_hourglass:before {
  content: "\e0e1";
}

.icon_balance:before {
  content: "\e0ff";
}

.icon_rook:before {
  content: "\e0f8";
}

.icon_printer-alt:before {
  content: "\e0fa";
}

.icon_calculator_alt:before {
  content: "\e0e7";
}

.icon_building_alt:before {
  content: "\e0fd";
}

.icon_floppy_alt:before {
  content: "\e0e4";
}

.icon_drive_alt:before {
  content: "\e0e5";
}

.icon_search_alt:before {
  content: "\e0f7";
}

.icon_id_alt:before {
  content: "\e0e0";
}

.icon_id-2_alt:before {
  content: "\e0fc";
}

.icon_puzzle_alt:before {
  content: "\e0f9";
}

.icon_like_alt:before {
  content: "\e0dd";
}

.icon_dislike_alt:before {
  content: "\e0f1";
}

.icon_mug_alt:before {
  content: "\e0dc";
}

.icon_currency_alt:before {
  content: "\e0f3";
}

.icon_wallet_alt:before {
  content: "\e0d8";
}

.icon_pens_alt:before {
  content: "\e0db";
}

.icon_easel_alt:before {
  content: "\e0f0";
}

.icon_flowchart_alt:before {
  content: "\e0df";
}

.icon_datareport_alt:before {
  content: "\e0f2";
}

.icon_briefcase_alt:before {
  content: "\e0f4";
}

.icon_shield_alt:before {
  content: "\e0d9";
}

.icon_percent_alt:before {
  content: "\e0da";
}

.icon_globe_alt:before {
  content: "\e0de";
}

.icon_clipboard:before {
  content: "\e0e6";
}

.glyph {
  float: left;
  text-align: center;
  padding: 0.75em;
  margin: 0.4em 1.5em 0.75em 0;
  width: 6em;
  text-shadow: none;
}

.glyph_big {
  font-size: 128px;
  color: #59c5dc;
  float: left;
  margin-right: 20px;
}

.glyph div {
  padding-bottom: 10px;
}

.glyph input {
  font-family: consolas, monospace;
  font-size: 12px;
  width: 100%;
  text-align: center;
  border: 0;
  box-shadow: 0 0 0 1px #ccc;
  padding: 0.2em;
  -moz-border-radius: 5px;
  -webkit-border-radius: 5px;
}

.centered {
  margin-left: auto;
  margin-right: auto;
}

.glyph .fs1 {
  font-size: 2em;
}

/**
 * MAIN NAV
 *
 */
#block-hauptmenurechts,
#block-hauptmenulinks {
  padding-top: 15px;
}
#block-hauptmenurechts ul.menu,
#block-hauptmenulinks ul.menu {
  display: flex;
  flex-wrap: wrap;
  flex-direction: row;
}
#block-hauptmenurechts ul.menu li.menu-item a,
#block-hauptmenulinks ul.menu li.menu-item a {
  display: block;
}
#block-hauptmenurechts > ul.menu > li.menu-item,
#block-hauptmenulinks > ul.menu > li.menu-item {
  margin: 0 30px;
  position: relative;
  /**
   * EXPANDED MENU ITEMS WITH SUBMENÜ
   *
   */
  /**
   * SECONDARY NAV
   * 2nd layer +
   */
}
@media (max-width: 1199.98px) {
  #block-hauptmenurechts > ul.menu > li.menu-item,
#block-hauptmenulinks > ul.menu > li.menu-item {
    margin: 0 20px;
  }
}
#block-hauptmenurechts > ul.menu > li.menu-item.menu-item--active-trail > a,
#block-hauptmenulinks > ul.menu > li.menu-item.menu-item--active-trail > a {
  color: #CA0010;
}
#block-hauptmenurechts > ul.menu > li.menu-item > a,
#block-hauptmenulinks > ul.menu > li.menu-item > a {
  font-family: "Barlow", sans-serif;
  font-size: 18px;
  line-height: 27px;
  font-weight: 400;
  text-transform: uppercase;
  padding: 20px 0;
}
#block-hauptmenurechts > ul.menu > li.menu-item > a:hover,
#block-hauptmenulinks > ul.menu > li.menu-item > a:hover {
  color: #CA0010;
}
#block-hauptmenurechts > ul.menu > li.menu-item.menu-item--expanded > a::after,
#block-hauptmenulinks > ul.menu > li.menu-item.menu-item--expanded > a::after {
  margin-left: 8px;
  display: inline-block;
  font-style: normal;
  font-variant: normal;
  text-rendering: auto;
  -webkit-font-smoothing: antialiased;
  font-family: "Font Awesome 5 Free";
  font-weight: 900;
  content: "\f078";
  font-size: 14px;
  position: relative;
  top: -2px;
}
#block-hauptmenurechts > ul.menu > li.menu-item ul.menu,
#block-hauptmenulinks > ul.menu > li.menu-item ul.menu {
  display: flex;
  flex-wrap: wrap;
  flex-direction: column;
}
#block-hauptmenurechts > ul.menu > li.menu-item > ul.menu,
#block-hauptmenulinks > ul.menu > li.menu-item > ul.menu {
  display: none;
  position: absolute;
  background-color: #0B2136;
  top: 100%;
  left: 0;
  padding: 20px;
  box-sizing: border-box;
  z-index: 3;
}
#block-hauptmenurechts > ul.menu > li.menu-item > ul.menu::before,
#block-hauptmenulinks > ul.menu > li.menu-item > ul.menu::before {
  content: "";
  width: 0;
  height: 0;
  border-left: 10px solid transparent;
  border-right: 10px solid transparent;
  border-bottom: 10px solid #0B2136;
  position: absolute;
  bottom: 100%;
  left: 50px;
}
#block-hauptmenurechts > ul.menu > li.menu-item > ul.menu > li.menu-item,
#block-hauptmenulinks > ul.menu > li.menu-item > ul.menu > li.menu-item {
  margin-bottom: 5px;
}
#block-hauptmenurechts > ul.menu > li.menu-item > ul.menu > li.menu-item:last-child,
#block-hauptmenulinks > ul.menu > li.menu-item > ul.menu > li.menu-item:last-child {
  margin-bottom: 0;
}
#block-hauptmenurechts > ul.menu > li.menu-item > ul.menu > li.menu-item > a,
#block-hauptmenulinks > ul.menu > li.menu-item > ul.menu > li.menu-item > a {
  font-family: "Barlow", sans-serif;
  font-size: 18px;
  line-height: 27px;
  font-weight: 400;
  color: #fff;
  white-space: nowrap;
}
#block-hauptmenurechts > ul.menu > li.menu-item > ul.menu > li.menu-item > a:hover,
#block-hauptmenulinks > ul.menu > li.menu-item > ul.menu > li.menu-item > a:hover {
  color: #CA0010;
}

/**
 * FOOTER NAV
 *
 */
#block-fusszeile ul.menu {
  display: flex;
  flex-wrap: wrap;
  flex-direction: row;
}
#block-fusszeile ul.menu li.menu-item a {
  display: block;
}
@media (max-width: 575.98px) {
  #block-fusszeile ul.menu {
    justify-content: center;
  }
}
#block-fusszeile ul.menu li.menu-item {
  margin-left: 20px;
}
#block-fusszeile ul.menu li.menu-item a {
  font-family: "Barlow", sans-serif;
  font-size: 18px;
  line-height: 27px;
  font-weight: 400;
  color: #7C8893;
}
#block-fusszeile ul.menu li.menu-item a.is-active, #block-fusszeile ul.menu li.menu-item a:hover {
  color: #fff;
}

/**
 * SECONDARY MENU FROM SCRIPTS.JS
 *
 */
#secondMenu {
  display: none;
  box-sizing: border-box;
  text-align: center;
  -webkit-overflow-scrolling: touch;
  position: fixed;
  z-index: 999;
  top: 0;
  left: 0;
  width: 100vw;
  height: 100vh;
  background-color: #CA0010;
  color: #fff;
  overflow-y: scroll;
}
#secondMenu* {
  pointer-events: none;
}
#secondMenu .close {
  position: absolute;
  top: 30px;
  right: 30px;
  cursor: pointer;
}
#secondMenu .close .nav-icon {
  width: 25px;
  height: 25px;
  position: relative;
  display: inline-block;
}
#secondMenu .close .nav-icon span {
  height: 2px;
  background-color: #fff;
  width: 50%;
  display: block;
  position: absolute;
  transition: width 0.91s cubic-bezier(0.165, 0.84, 0.44, 1);
  width: 0;
}
#secondMenu .close .nav-icon span:nth-child(1) {
  top: 0;
  left: 0;
  -webkit-transform: rotate(45deg);
          transform: rotate(45deg);
  -webkit-transform-origin: top left;
          transform-origin: top left;
}
#secondMenu .close .nav-icon span:nth-child(2) {
  top: 0;
  right: 9px;
  -webkit-transform: rotate(-45deg);
          transform: rotate(-45deg);
  -webkit-transform-origin: top right;
          transform-origin: top right;
}
#secondMenu .close .nav-icon span:nth-child(3) {
  left: 0;
  top: 17px;
  -webkit-transform: rotate(-45deg);
          transform: rotate(-45deg);
  -webkit-transform-origin: bottom left;
          transform-origin: bottom left;
}
#secondMenu .close .nav-icon span:nth-child(4) {
  right: 9px;
  top: 17px;
  -webkit-transform: rotate(45deg);
          transform: rotate(45deg);
  -webkit-transform-origin: bottom right;
          transform-origin: bottom right;
}
#secondMenu #menuWrapper {
  width: 60%;
  margin-left: auto;
  margin-right: auto;
  position: absolute;
  top: 50%;
  left: 50%;
  -webkit-transform: translate(-50%, -50%);
          transform: translate(-50%, -50%);
  width: 50% !important;
  padding: 50px 0;
}
@media (max-width: 1199.98px) {
  #secondMenu #menuWrapper {
    width: 90%;
  }
}
@media (max-width: 768px) {
  #secondMenu #menuWrapper {
    width: 90% !important;
  }
}
#secondMenu ul.menu li.menu-item {
  position: relative;
  opacity: 0;
  transition: opacity 0.91s ease, -webkit-transform 0.91s cubic-bezier(0.165, 0.84, 0.44, 1);
  transition: transform 0.91s cubic-bezier(0.165, 0.84, 0.44, 1), opacity 0.91s ease;
  transition: transform 0.91s cubic-bezier(0.165, 0.84, 0.44, 1), opacity 0.91s ease, -webkit-transform 0.91s cubic-bezier(0.165, 0.84, 0.44, 1);
  transition-delay: 0.15s;
  -webkit-transform: translate3d(0, -8vh, 0);
          transform: translate3d(0, -8vh, 0);
  /**
  * SUBMENU
  */
}
#secondMenu ul.menu li.menu-item .mega-menu-wrapper {
  display: block;
  background: none;
  opacity: 1;
  position: relative;
  padding: 0;
}
#secondMenu ul.menu li.menu-item .trigger {
  cursor: pointer;
  position: absolute;
  right: 0;
  top: 15px;
  display: block;
  z-index: 5;
  width: 40px;
  height: 40px;
  line-height: 45px;
  font-size: 20px;
  background-color: #fff;
  color: #CA0010;
  text-align: center;
  -webkit-transform: rotate(0deg);
          transform: rotate(0deg);
  transition: 0.3s ease-in-out transform;
  padding: 0;
}
#secondMenu ul.menu li.menu-item .trigger.open {
  -webkit-transform: rotate(90deg);
          transform: rotate(90deg);
}
#secondMenu ul.menu li.menu-item a {
  font-family: "Barlow", sans-serif;
  font-size: 43px;
  line-height: 50px;
  font-weight: 300;
  margin-bottom: 30px;
  padding: 15px 0;
  box-sizing: border-box;
  display: block;
  color: #fff;
  position: relative;
  z-index: 1;
}
@media (max-width: 1024px) {
  #secondMenu ul.menu li.menu-item a {
    font-size: 32px;
    line-height: 40px;
  }
}
#secondMenu ul.menu li.menu-item a strong, #secondMenu ul.menu li.menu-item a b {
  font-weight: 600;
}
#secondMenu ul.menu li.menu-item ul.menu {
  display: block;
  flex: none;
  background-color: #fff;
}
#secondMenu ul.menu li.menu-item ul.menu .trigger {
  background-color: transparent;
  top: 6px;
}
#secondMenu ul.menu li.menu-item ul.menu li.menu-item {
  margin-bottom: 0;
  /**
  * SUB SUBMENU
  */
}
#secondMenu ul.menu li.menu-item ul.menu li.menu-item .view-mode-before {
  display: none;
}
#secondMenu ul.menu li.menu-item ul.menu li.menu-item a:not(.trigger) {
  padding: 15px 30px;
  box-sizing: border-box;
  border-bottom: 3px solid #CA0010;
  display: block;
  font-family: "Barlow", sans-serif;
  font-size: 25px;
  line-height: 30px;
  font-weight: 600;
  color: #0B2136;
}
#secondMenu ul.menu li.menu-item ul.menu li.menu-item ul.menu {
  background: #CA0010;
}
#secondMenu.active .close .nav-icon span {
  width: 50%;
}
#secondMenu.active ul.menu li.menu-item {
  opacity: 1;
  -webkit-transform: translateZ(0);
          transform: translateZ(0);
}
#secondMenu.active ul.menu li.menu-item:nth-child(6n+1) {
  transition-delay: 0.6s;
}
#secondMenu.active ul.menu li.menu-item:nth-child(6n+2) {
  transition-delay: 0.5s;
}
#secondMenu.active ul.menu li.menu-item:nth-child(6n+3) {
  transition-delay: 0.4s;
}
#secondMenu.active ul.menu li.menu-item:nth-child(6n+4) {
  transition-delay: 0.3s;
}
#secondMenu.active ul.menu li.menu-item:nth-child(6n+5) {
  transition-delay: 0.2s;
}

@-webkit-keyframes fade-in {
  from {
    opacity: 0;
    -webkit-transform: translate(-50%, 0%);
            transform: translate(-50%, 0%);
  }
  to {
    opacity: 1;
    -webkit-transform: translate(-50%, -50%);
            transform: translate(-50%, -50%);
  }
}

@keyframes fade-in {
  from {
    opacity: 0;
    -webkit-transform: translate(-50%, 0%);
            transform: translate(-50%, 0%);
  }
  to {
    opacity: 1;
    -webkit-transform: translate(-50%, -50%);
            transform: translate(-50%, -50%);
  }
}
.field--name-field-header-media {
  line-height: 0;
}
.field--name-field-header-media img {
  max-width: none;
  width: 100%;
}
.field--name-field-header-media .field__item.swiper-slide {
  /**
   * WHEN SLIDE ACTIVE
   * fade in text
   */
}
.field--name-field-header-media .field__item.swiper-slide .header-overlay {
  position: absolute;
  top: 50%;
  left: 50%;
  z-index: 1;
  width: 100%;
  opacity: 0;
  -webkit-transform: translate(-50%, 0%);
          transform: translate(-50%, 0%);
}
.field--name-field-header-media .field__item.swiper-slide .header-overlay .field--name-field-grosse-headline {
  text-align: center;
  font-family: "Barlow", sans-serif;
  font-size: 48px;
  line-height: 60px;
  font-weight: 300;
  margin-bottom: 20px;
}
@media (max-width: 1024px) {
  .field--name-field-header-media .field__item.swiper-slide .header-overlay .field--name-field-grosse-headline {
    font-size: 43px;
    line-height: 50px;
  }
}
.field--name-field-header-media .field__item.swiper-slide .header-overlay .field--name-field-grosse-headline strong, .field--name-field-header-media .field__item.swiper-slide .header-overlay .field--name-field-grosse-headline b {
  font-weight: 600;
}
@media (max-width: 1024px) {
  .field--name-field-header-media .field__item.swiper-slide .header-overlay .field--name-field-grosse-headline {
    font-size: 35px;
    line-height: 40px;
  }
}
.field--name-field-header-media .field__item.swiper-slide .header-overlay .field--name-field-grosse-headline p {
  background-color: rgba(255, 255, 255, 0.75);
  padding: 20px;
  display: inline-block;
}
.field--name-field-header-media .field__item.swiper-slide .header-overlay .field--name-field-kleine-headline {
  font-family: "Barlow", sans-serif;
  font-size: 32px;
  line-height: 40px;
  font-weight: 400;
  margin-bottom: 30px;
  text-align: center;
  margin-bottom: 20px;
}
@media (max-width: 1024px) {
  .field--name-field-header-media .field__item.swiper-slide .header-overlay .field--name-field-kleine-headline {
    font-size: 25px;
    line-height: 30px;
  }
}
.field--name-field-header-media .field__item.swiper-slide .header-overlay .field--name-field-kleine-headline p {
  background-color: rgba(255, 255, 255, 0.75);
  padding: 20px;
  display: inline-block;
}
.field--name-field-header-media .field__item.swiper-slide .header-overlay .field--name-field-textoverlay {
  font-family: "Barlow", sans-serif;
  font-size: 20px;
  line-height: 30px;
  font-weight: 300;
  text-align: center;
  margin-bottom: 20px;
}
.field--name-field-header-media .field__item.swiper-slide .header-overlay .field--name-field-textoverlay a.myButton {
  padding: 8px 24px;
  -webkit-appearance: none;
     -moz-appearance: none;
          appearance: none;
  border: none;
  transition: 0.3s ease-in-out background-color, 0.3s ease-in-out padding;
  text-align: center;
  display: inline-block;
  box-sizing: border-box;
  font-size: 20px;
  font-weight: 600;
  background-color: #CA0010;
  border: 1px solid #CA0010;
  color: #fff;
}
.field--name-field-header-media .field__item.swiper-slide .header-overlay .field--name-field-textoverlay a.myButton::before {
  content: "";
  height: 0;
  background-color: transparent;
}
.field--name-field-header-media .field__item.swiper-slide.swiper-slide-active .header-overlay {
  -webkit-animation-name: fade-in;
          animation-name: fade-in;
  -webkit-animation-duration: 1s;
          animation-duration: 1s;
  -webkit-animation-delay: 1.5s;
          animation-delay: 1.5s;
  -webkit-animation-fill-mode: both;
          animation-fill-mode: both;
}

.swiper-button-prev,
.swiper-button-next {
  color: #fff;
  width: 60px;
  height: 60px;
  background-color: #0B2136;
  border-radius: 100%;
}
.swiper-button-prev::after,
.swiper-button-next::after {
  font-size: 30px;
}

.layout__region--second .block-text-id-6,
.layout__region--second .block-text-id-7,
.layout__region--second .block-weitere-infos-block {
  background-color: #F7F7F7;
  padding: 50px;
  box-sizing: border-box;
  margin-bottom: 50px;
}
@media (max-width: 1024px) {
  .layout__region--second .block-text-id-6,
.layout__region--second .block-text-id-7,
.layout__region--second .block-weitere-infos-block {
    padding: 30px;
  }
}
.layout__region--second .block-text-id-6 h2,
.layout__region--second .block-text-id-6 .field--name-title,
.layout__region--second .block-text-id-7 h2,
.layout__region--second .block-text-id-7 .field--name-title,
.layout__region--second .block-weitere-infos-block h2,
.layout__region--second .block-weitere-infos-block .field--name-title {
  margin: 0;
  font-family: "Barlow", sans-serif;
  font-size: 32px;
  line-height: 40px;
  font-weight: 400;
  margin-bottom: 30px;
}
@media (max-width: 1024px) {
  .layout__region--second .block-text-id-6 h2,
.layout__region--second .block-text-id-6 .field--name-title,
.layout__region--second .block-text-id-7 h2,
.layout__region--second .block-text-id-7 .field--name-title,
.layout__region--second .block-weitere-infos-block h2,
.layout__region--second .block-weitere-infos-block .field--name-title {
    font-size: 25px;
    line-height: 30px;
  }
}
.layout__region--second .block-text-id-6 a.myButton,
.layout__region--second .block-text-id-7 a.myButton,
.layout__region--second .block-weitere-infos-block a.myButton {
  padding: 8px 24px;
  -webkit-appearance: none;
     -moz-appearance: none;
          appearance: none;
  border: none;
  transition: 0.3s ease-in-out background-color, 0.3s ease-in-out padding;
  text-align: center;
  display: inline-block;
  box-sizing: border-box;
  font-size: 20px;
  font-weight: 600;
  background-color: #CA0010;
  border: 1px solid #CA0010;
  color: #fff;
}
.layout__region--second .block-text-id-6 a.myButton::before,
.layout__region--second .block-text-id-7 a.myButton::before,
.layout__region--second .block-weitere-infos-block a.myButton::before {
  content: "";
  height: 0;
  background-color: transparent;
}
.layout__region--second .block-weitere-infos-block .field--name-field-ueberschrift {
  font-family: "Barlow", sans-serif;
  font-size: 32px;
  line-height: 40px;
  font-weight: 400;
  margin-bottom: 30px;
}
@media (max-width: 1024px) {
  .layout__region--second .block-weitere-infos-block .field--name-field-ueberschrift {
    font-size: 25px;
    line-height: 30px;
  }
}
.layout__region--second .block-weitere-infos-block > .field {
  margin-bottom: 30px;
}
@media (max-width: 768px) {
  .layout__region--second .block-weitere-infos-block {
    background-color: transparent;
    padding: 0;
  }
}

.view-display-id-block_services_overview .view-content .views-row {
  display: flex;
  flex-wrap: wrap;
}
@media (max-width: 1024px) {
  .view-display-id-block_services_overview .view-content .views-row {
    margin-bottom: 50px;
  }
}
.view-display-id-block_services_overview .view-content .views-row .views-field-fieldset {
  width: 50%;
  background-color: #0B2136;
  color: #fff;
  display: flex;
  align-items: center;
  justify-content: center;
  font-family: "Barlow", sans-serif;
  font-size: 32px;
  line-height: 40px;
  font-weight: 400;
  margin-bottom: 30px;
  margin-bottom: 0;
  text-align: center;
  position: relative;
}
@media (max-width: 1024px) {
  .view-display-id-block_services_overview .view-content .views-row .views-field-fieldset {
    font-size: 25px;
    line-height: 30px;
  }
}
.view-display-id-block_services_overview .view-content .views-row .views-field-fieldset::before {
  content: "";
  position: absolute;
  top: -10px;
  left: 20px;
  background-color: #CA0010;
  width: 30px;
  height: 30px;
}
.view-display-id-block_services_overview .view-content .views-row .views-field-fieldset::after {
  content: "";
  position: absolute;
  top: 20px;
  left: 20px;
  background-color: #CA0010;
  width: 30px;
  height: 40px;
  -webkit-transform-origin: left bottom;
  transform-origin: left bottom;
  -webkit-transform: skewY(3deg);
  transform: skewY(-45deg);
}
@media (max-width: 1024px) {
  .view-display-id-block_services_overview .view-content .views-row .views-field-fieldset {
    width: 100%;
    padding: 30px;
    font-family: "Barlow", sans-serif;
    font-size: 25px;
    line-height: 30px;
    font-weight: 600;
  }
}
.view-display-id-block_services_overview .view-content .views-row .views-field-fieldset .views-field-title {
  margin-top: 20px;
}
.view-display-id-block_services_overview .view-content .views-row .views-field-fieldset .views-field-field-icon {
  font-size: 80px;
}
@media (max-width: 1024px) {
  .view-display-id-block_services_overview .view-content .views-row .views-field-fieldset .views-field-field-icon {
    font-size: 50px;
  }
}
.view-display-id-block_services_overview .view-content .views-row .views-field-fieldset-1 {
  width: 50%;
  padding: 50px;
  box-sizing: border-box;
  -webkit-hyphens: auto;
          hyphens: auto;
}
@media (max-width: 1024px) {
  .view-display-id-block_services_overview .view-content .views-row .views-field-fieldset-1 {
    width: 100%;
    padding: 0;
    padding-top: 30px;
  }
}
.view-display-id-block_services_overview .view-content .views-row .views-field-fieldset-1 .views-field-view-node {
  margin-top: 30px;
}
.view-display-id-block_services_overview .view-content .views-row .views-field-fieldset-1 .views-field-view-node a {
  padding: 8px 24px;
  -webkit-appearance: none;
     -moz-appearance: none;
          appearance: none;
  border: none;
  transition: 0.3s ease-in-out background-color, 0.3s ease-in-out padding;
  text-align: center;
  display: inline-block;
  box-sizing: border-box;
  font-size: 20px;
  font-weight: 600;
  background-color: #CA0010;
  border: 1px solid #CA0010;
  color: #fff;
}
.view-display-id-block_services_overview .view-content .views-row .views-field-fieldset-1 .views-field-view-node a::before {
  content: "";
  height: 0;
  background-color: transparent;
}
.view-display-id-block_services_overview .view-content .views-row:nth-child(even) .views-field-fieldset {
  order: 2;
}
@media (max-width: 1024px) {
  .view-display-id-block_services_overview .view-content .views-row:nth-child(even) .views-field-fieldset {
    order: 1;
  }
}
.view-display-id-block_services_overview .view-content .views-row:nth-child(even) .views-field-fieldset-1 {
  order: 1;
}
@media (max-width: 1024px) {
  .view-display-id-block_services_overview .view-content .views-row:nth-child(even) .views-field-fieldset-1 {
    order: 2;
  }
}

/**
 * COMPACT VIEW
 */
.view-display-id-block_services_overview_compact {
  position: relative;
  z-index: 10;
}
.view-display-id-block_services_overview_compact .view-content {
  display: flex;
  flex-wrap: wrap;
  gap: 1%;
}
.view-display-id-block_services_overview_compact .view-content .views-row {
  background-color: #0B2136;
  width: 32.6666666666%;
  color: #fff;
  position: relative;
  padding: 20px;
  box-sizing: border-box;
  text-align: center;
  display: flex;
  align-items: center;
  flex-wrap: wrap;
  justify-content: center;
  align-content: center;
  box-shadow: 0 0 20px rgba(0, 0, 0, 0.3);
}
@media (max-width: 768px) {
  .view-display-id-block_services_overview_compact .view-content .views-row {
    width: 100%;
    margin-bottom: 20px;
  }
}
.view-display-id-block_services_overview_compact .view-content .views-row::before {
  content: "";
  position: absolute;
  top: -10px;
  right: 20px;
  background-color: #CA0010;
  width: 30px;
  height: 30px;
}
.view-display-id-block_services_overview_compact .view-content .views-row::after {
  content: "";
  position: absolute;
  top: 20px;
  right: 20px;
  background-color: #CA0010;
  width: 30px;
  height: 40px;
  -webkit-transform-origin: left bottom;
  transform-origin: left bottom;
  -webkit-transform: skewY(3deg);
  transform: skewY(-45deg);
}
.view-display-id-block_services_overview_compact .view-content .views-row.active, .view-display-id-block_services_overview_compact .view-content .views-row:hover {
  background-color: #CA0010;
}
.view-display-id-block_services_overview_compact .view-content .views-row.active::before, .view-display-id-block_services_overview_compact .view-content .views-row:hover::before {
  content: "";
  position: absolute;
  top: -10px;
  display: none;
  background-color: #CA0010;
  width: 30px;
  height: 30px;
}
.view-display-id-block_services_overview_compact .view-content .views-row.active::after, .view-display-id-block_services_overview_compact .view-content .views-row:hover::after {
  content: "";
  position: absolute;
  top: 20px;
  display: none;
  background-color: #CA0010;
  width: 30px;
  height: 40px;
  -webkit-transform-origin: left bottom;
  transform-origin: left bottom;
  -webkit-transform: skewY(3deg);
  transform: skewY(-45deg);
}
.view-display-id-block_services_overview_compact .view-content .views-row .views-field-field-icon {
  width: 100%;
  font-size: 40px;
}
.view-display-id-block_services_overview_compact .view-content .views-row .views-field-title {
  -webkit-hyphens: auto;
          hyphens: auto;
}

.views-element-container h2 {
  text-align: center;
  margin-top: 0;
}

.view-referenzen .view-content {
  display: flex;
  flex-wrap: wrap;
  gap: 2%;
}
@media (max-width: 768px) {
  .view-referenzen .view-content {
    gap: 0;
  }
}
.view-referenzen .view-content .views-row {
  width: 32%;
  background-color: #F7F7F7;
  margin-bottom: 2%;
  /**
   * ROW WITH PLACEHOLDER
   *	blue item with red header
   */
}
@media (max-width: 991.98px) {
  .view-referenzen .view-content .views-row {
    width: 49%;
  }
}
@media (max-width: 768px) {
  .view-referenzen .view-content .views-row {
    width: 100%;
  }
}
.view-referenzen .view-content .views-row .views-field-field-impressionen {
  position: relative;
  line-height: 0;
  margin-bottom: 30px;
}
.view-referenzen .view-content .views-row .views-field-field-impressionen .field--name-field-bildunterschrift {
  position: absolute;
  bottom: 0;
  background-color: rgba(255, 255, 255, 0.8);
  font-family: "Barlow", sans-serif;
  font-size: 18px;
  line-height: 27px;
  font-weight: 400;
  font-size: 15px;
  text-align: right;
  width: 100%;
  padding: 5px;
  box-sizing: border-box;
  color: #989898;
}
.view-referenzen .view-content .views-row .views-field-title {
  font-family: "Barlow", sans-serif;
  font-size: 25px;
  line-height: 30px;
  font-weight: 600;
  font-weight: 400;
  padding: 0 50px;
}
@media (max-width: 768px) {
  .view-referenzen .view-content .views-row .views-field-title {
    padding: 0 30px;
  }
}
.view-referenzen .view-content .views-row .views-field-nothing {
  padding: 30px 50px 50px 50px;
}
@media (max-width: 768px) {
  .view-referenzen .view-content .views-row .views-field-nothing {
    padding: 30px;
  }
}
.view-referenzen .view-content .views-row .views-field-nothing .field-content span {
  padding: 8px 24px;
  -webkit-appearance: none;
     -moz-appearance: none;
          appearance: none;
  border: none;
  transition: 0.3s ease-in-out background-color, 0.3s ease-in-out padding;
  text-align: center;
  display: inline-block;
  box-sizing: border-box;
  font-size: 20px;
  font-weight: 600;
  background-color: #CA0010;
  border: 1px solid #CA0010;
  color: #fff;
  width: 100%;
}
.view-referenzen .view-content .views-row .views-field-nothing .field-content span::before {
  content: "";
  height: 0;
  background-color: transparent;
}
.view-referenzen .view-content .views-row.views-row-nid-18 {
  background-color: #0B2136;
  color: #fff;
}
.view-referenzen .view-content .views-row.views-row-nid-18 .views-field-field-impressionen {
  background-color: #CA0010;
  width: 100%;
  padding-bottom: 72%;
  position: relative;
}
.view-referenzen .view-content .views-row.views-row-nid-18 .views-field-field-impressionen::before {
  content: "";
  background: transparent url("../images/icon-placeholder-referenzen.png") no-repeat center center;
  width: 100%;
  height: 100%;
  position: absolute;
}
.view-referenzen .view-content .views-row.views-row-nid-18 .views-field-nothing {
  display: none;
}
.view-referenzen .view-content .views-row.views-row-nid-18 .views-field-title {
  margin-bottom: 50px;
}
@media (max-width: 768px) {
  .view-referenzen .view-content .views-row.views-row-nid-18 .views-field-title {
    padding: 30px;
  }
}

/**
 * GENERAL FORM ITEMS
 */
.form-item {
  margin: 20px 0;
}
.form-item label {
  font-family: "Barlow", sans-serif;
  font-size: 18px;
  line-height: 27px;
  font-weight: 400;
  font-style: normal;
  margin-bottom: 5px;
}
.form-item label.form-required {
  color: #0B2136;
}
.form-item input,
.form-item textarea {
  border-radius: 5px;
  border: none;
  box-sizing: border-box;
  padding: 15px;
  box-sizing: border-box;
  color: #0B2136;
  background-color: #F7F7F7;
  margin-top: 5px;
}
.form-item .description {
  padding-top: 5px;
  font-family: "Barlow", sans-serif;
  font-size: 18px;
  line-height: 27px;
  font-weight: 400;
}

/**
 * FORM SUBMIT
 */
.form-actions {
  margin: 0;
}
.form-actions input.form-submit:not(.node-layout-builder-form .form-submit) {
  padding: 20px 30px;
  -webkit-appearance: none;
     -moz-appearance: none;
          appearance: none;
  border: none;
  transition: 0.3s ease-in-out background-color, 0.3s ease-in-out padding;
  text-align: center;
  display: inline-block;
  box-sizing: border-box;
  background-color: #CA0010;
  border: 1px solid #CA0010;
  color: #fff;
  color: #fff;
}
.form-actions input.form-submit:not(.node-layout-builder-form .form-submit)::after {
  content: "";
  height: 0;
  background-color: transparent;
}

/**
 * WEBFORM ITEMS
 * Seperate styling in webform-submission form to not override the basic form elements
 */
.webform-submission-form,
.eu-cookie-compliance-categories,
.views-exposed-form {
  /**
   * CHECKBOXES
   */
  /**
   * RADIOS
   */
  /**
   * SELECT LIST
   */
}
.webform-submission-form input.form-text,
.webform-submission-form input.form-email,
.webform-submission-form input.form-tel,
.webform-submission-form textarea,
.eu-cookie-compliance-categories input.form-text,
.eu-cookie-compliance-categories input.form-email,
.eu-cookie-compliance-categories input.form-tel,
.eu-cookie-compliance-categories textarea,
.views-exposed-form input.form-text,
.views-exposed-form input.form-email,
.views-exposed-form input.form-tel,
.views-exposed-form textarea {
  padding: 15px;
  width: 100%;
}
.webform-submission-form .infield-label,
.eu-cookie-compliance-categories .infield-label,
.views-exposed-form .infield-label {
  position: relative;
}
.webform-submission-form .infield-label label,
.eu-cookie-compliance-categories .infield-label label,
.views-exposed-form .infield-label label {
  position: absolute;
  top: 50%;
  left: 15px;
  -webkit-transform: translateY(-50%);
          transform: translateY(-50%);
  color: #0B2136;
}
.webform-submission-form .infield-label.form-type-textarea label,
.eu-cookie-compliance-categories .infield-label.form-type-textarea label,
.views-exposed-form .infield-label.form-type-textarea label {
  top: 25px;
}
.webform-submission-form .infield-label.focus label, .webform-submission-form .infield-label.filled label,
.eu-cookie-compliance-categories .infield-label.focus label,
.eu-cookie-compliance-categories .infield-label.filled label,
.views-exposed-form .infield-label.focus label,
.views-exposed-form .infield-label.filled label {
  opacity: 0;
}
.webform-submission-form .form-actions,
.eu-cookie-compliance-categories .form-actions,
.views-exposed-form .form-actions {
  clear: both;
  text-align: right;
}
.webform-submission-form .form-actions input.form-submit,
.eu-cookie-compliance-categories .form-actions input.form-submit,
.views-exposed-form .form-actions input.form-submit {
  padding: 8px 24px;
  -webkit-appearance: none;
     -moz-appearance: none;
          appearance: none;
  border: none;
  transition: 0.3s ease-in-out background-color, 0.3s ease-in-out padding;
  text-align: center;
  display: inline-block;
  box-sizing: border-box;
  font-size: 20px;
  font-weight: 600;
  background-color: #CA0010;
  border: 1px solid #CA0010;
  color: #fff;
}
.webform-submission-form .form-actions input.form-submit::before,
.eu-cookie-compliance-categories .form-actions input.form-submit::before,
.views-exposed-form .form-actions input.form-submit::before {
  content: "";
  height: 0;
  background-color: transparent;
}
.webform-submission-form .form-type-checkbox,
.webform-submission-form .eu-cookie-compliance-category > div,
.eu-cookie-compliance-categories .form-type-checkbox,
.eu-cookie-compliance-categories .eu-cookie-compliance-category > div,
.views-exposed-form .form-type-checkbox,
.views-exposed-form .eu-cookie-compliance-category > div {
  /* remove standard-styles */
  /* graceful degradation for ie8 */
}
.webform-submission-form .form-type-checkbox input,
.webform-submission-form .eu-cookie-compliance-category > div input,
.eu-cookie-compliance-categories .form-type-checkbox input,
.eu-cookie-compliance-categories .eu-cookie-compliance-category > div input,
.views-exposed-form .form-type-checkbox input,
.views-exposed-form .eu-cookie-compliance-category > div input {
  -webkit-appearance: none;
     -moz-appearance: none;
          appearance: none;
  border: none;
  border-radius: 0;
  font-size: 1em;
  width: 100%;
}
.webform-submission-form .form-type-checkbox input[type=checkbox],
.webform-submission-form .eu-cookie-compliance-category > div input[type=checkbox],
.eu-cookie-compliance-categories .form-type-checkbox input[type=checkbox],
.eu-cookie-compliance-categories .eu-cookie-compliance-category > div input[type=checkbox],
.views-exposed-form .form-type-checkbox input[type=checkbox],
.views-exposed-form .eu-cookie-compliance-category > div input[type=checkbox] {
  width: auto;
  float: left;
  margin-right: 10px;
  background: transparent;
  border: none;
  position: relative;
  left: 27px;
  top: -4px;
  -webkit-appearance: none;
}
.webform-submission-form .form-type-checkbox input[type=checkbox]:checked,
.webform-submission-form .form-type-checkbox input[type=checkbox]:not(:checked),
.webform-submission-form .eu-cookie-compliance-category > div input[type=checkbox]:checked,
.webform-submission-form .eu-cookie-compliance-category > div input[type=checkbox]:not(:checked),
.eu-cookie-compliance-categories .form-type-checkbox input[type=checkbox]:checked,
.eu-cookie-compliance-categories .form-type-checkbox input[type=checkbox]:not(:checked),
.eu-cookie-compliance-categories .eu-cookie-compliance-category > div input[type=checkbox]:checked,
.eu-cookie-compliance-categories .eu-cookie-compliance-category > div input[type=checkbox]:not(:checked),
.views-exposed-form .form-type-checkbox input[type=checkbox]:checked,
.views-exposed-form .form-type-checkbox input[type=checkbox]:not(:checked),
.views-exposed-form .eu-cookie-compliance-category > div input[type=checkbox]:checked,
.views-exposed-form .eu-cookie-compliance-category > div input[type=checkbox]:not(:checked) {
  background: transparent;
  position: relative;
  visibility: hidden;
  margin: 0;
  padding: 0;
}
.webform-submission-form .form-type-checkbox input[type=checkbox] + label,
.webform-submission-form .eu-cookie-compliance-category > div input[type=checkbox] + label,
.eu-cookie-compliance-categories .form-type-checkbox input[type=checkbox] + label,
.eu-cookie-compliance-categories .eu-cookie-compliance-category > div input[type=checkbox] + label,
.views-exposed-form .form-type-checkbox input[type=checkbox] + label,
.views-exposed-form .eu-cookie-compliance-category > div input[type=checkbox] + label {
  cursor: pointer;
}
.webform-submission-form .form-type-checkbox input[type=checkbox] + label::before,
.webform-submission-form .eu-cookie-compliance-category > div input[type=checkbox] + label::before,
.eu-cookie-compliance-categories .form-type-checkbox input[type=checkbox] + label::before,
.eu-cookie-compliance-categories .eu-cookie-compliance-category > div input[type=checkbox] + label::before,
.views-exposed-form .form-type-checkbox input[type=checkbox] + label::before,
.views-exposed-form .eu-cookie-compliance-category > div input[type=checkbox] + label::before {
  width: 27px;
  height: 27px;
  display: block;
  content: "";
  float: left;
  margin-right: 10px;
  z-index: 5;
  position: relative;
  border-radius: 4px;
  background-color: transparent;
  border: 1px solid #272727;
}
.webform-submission-form .form-type-checkbox input[type=checkbox]:checked + label::before,
.webform-submission-form .eu-cookie-compliance-category > div input[type=checkbox]:checked + label::before,
.eu-cookie-compliance-categories .form-type-checkbox input[type=checkbox]:checked + label::before,
.eu-cookie-compliance-categories .eu-cookie-compliance-category > div input[type=checkbox]:checked + label::before,
.views-exposed-form .form-type-checkbox input[type=checkbox]:checked + label::before,
.views-exposed-form .eu-cookie-compliance-category > div input[type=checkbox]:checked + label::before {
  background-color: #272727;
  color: #fff;
  display: inline-block;
  font-style: normal;
  font-variant: normal;
  text-rendering: auto;
  -webkit-font-smoothing: antialiased;
  font-family: "Font Awesome 5 Free";
  font-weight: 900;
  content: "\f00c";
  text-align: center;
  line-height: 27px;
}
.webform-submission-form .form-type-radio,
.eu-cookie-compliance-categories .form-type-radio,
.views-exposed-form .form-type-radio {
  position: relative;
  /* remove standard-styles */
  /* graceful degradation for ie8 */
}
.webform-submission-form .form-type-radio input,
.eu-cookie-compliance-categories .form-type-radio input,
.views-exposed-form .form-type-radio input {
  -webkit-appearance: none;
     -moz-appearance: none;
          appearance: none;
  border: none;
  border-radius: 0;
  font-size: 1em;
  width: 100%;
}
.webform-submission-form .form-type-radio input[type=radio],
.eu-cookie-compliance-categories .form-type-radio input[type=radio],
.views-exposed-form .form-type-radio input[type=radio] {
  width: auto;
  float: left;
  margin-right: 0.75em;
  background: transparent;
  border: none;
}
.webform-submission-form .form-type-radio input[type=radio]:checked,
.webform-submission-form .form-type-radio input[type=radio]:not(:checked),
.eu-cookie-compliance-categories .form-type-radio input[type=radio]:checked,
.eu-cookie-compliance-categories .form-type-radio input[type=radio]:not(:checked),
.views-exposed-form .form-type-radio input[type=radio]:checked,
.views-exposed-form .form-type-radio input[type=radio]:not(:checked) {
  background: transparent;
  position: relative;
  visibility: hidden;
  margin: 0;
  padding: 0;
}
.webform-submission-form .form-type-radio input[type=radio] + label,
.eu-cookie-compliance-categories .form-type-radio input[type=radio] + label,
.views-exposed-form .form-type-radio input[type=radio] + label {
  cursor: pointer;
}
.webform-submission-form .form-type-radio input[type=radio]:checked + label::before,
.webform-submission-form .form-type-radio input[type=radio]:not(:checked) + label::before,
.eu-cookie-compliance-categories .form-type-radio input[type=radio]:checked + label::before,
.eu-cookie-compliance-categories .form-type-radio input[type=radio]:not(:checked) + label::before,
.views-exposed-form .form-type-radio input[type=radio]:checked + label::before,
.views-exposed-form .form-type-radio input[type=radio]:not(:checked) + label::before {
  content: "";
  display: inline-block;
  width: 20px;
  height: 20px;
  position: relative;
  top: 5px;
  background: #fff;
  margin-right: 10px;
  box-shadow: inset 0 1px 3px 0 rgba(0, 0, 0, 0.4);
}
.webform-submission-form .form-type-radio input[type=radio]:checked + label::before,
.webform-submission-form .form-type-radio input[type=radio]:not(:checked) + label::before,
.eu-cookie-compliance-categories .form-type-radio input[type=radio]:checked + label::before,
.eu-cookie-compliance-categories .form-type-radio input[type=radio]:not(:checked) + label::before,
.views-exposed-form .form-type-radio input[type=radio]:checked + label::before,
.views-exposed-form .form-type-radio input[type=radio]:not(:checked) + label::before {
  border-radius: 30px;
}
.webform-submission-form .form-type-radio input[type=radio]:checked + label::before,
.eu-cookie-compliance-categories .form-type-radio input[type=radio]:checked + label::before,
.views-exposed-form .form-type-radio input[type=radio]:checked + label::before {
  background: #CA0010;
  box-shadow: inset 0 0 0 3px white;
}
.webform-submission-form .form-type-select,
.eu-cookie-compliance-categories .form-type-select,
.views-exposed-form .form-type-select {
  position: relative;
  /* remove standard-styles */
  /* styling */
  /* hide browser-styling (arrow) in IE10 */
}
.webform-submission-form .form-type-select select,
.eu-cookie-compliance-categories .form-type-select select,
.views-exposed-form .form-type-select select {
  -webkit-appearance: none;
     -moz-appearance: none;
          appearance: none;
  border: none;
  border-radius: 0;
  font-family: "Barlow", sans-serif;
  font-size: 18px;
  line-height: 27px;
  font-weight: 400;
  font-style: normal;
  color: #0B2136;
  width: 100%;
}
.webform-submission-form .form-type-select select,
.eu-cookie-compliance-categories .form-type-select select,
.views-exposed-form .form-type-select select {
  background-color: #CA0010;
  cursor: pointer;
  box-sizing: border-box;
  padding: 17px;
  background: #fff url("../images/hintergrund-carret.gif") no-repeat calc(100% - 15px) center;
}
.webform-submission-form .form-type-select select::-ms-expand,
.eu-cookie-compliance-categories .form-type-select select::-ms-expand,
.views-exposed-form .form-type-select select::-ms-expand {
  display: none;
}
.webform-submission-form .form-type-select .lt-ie10 select,
.eu-cookie-compliance-categories .form-type-select .lt-ie10 select,
.views-exposed-form .form-type-select .lt-ie10 select {
  background-image: none;
}

/**
 * CAPTCHA
 */
.captcha {
  border: none;
  padding: 0;
  margin: 0;
  margin-bottom: 30px;
}
.captcha summary {
  padding: 0;
  display: none;
}
.captcha .details-wrapper {
  padding: 0;
}
.captcha .details-wrapper .details-description {
  display: none;
}

.field--name-body {
  -webkit-hyphens: auto;
          hyphens: auto;
  padding-top: 0;
  padding-bottom: 0;
}
.field--name-body h1, .field--name-body h2, .field--name-body h3 {
  margin-top: 0;
}
.paragraph--type--text .field--name-field-paragraph-titel {
  font-family: "Barlow", sans-serif;
  font-size: 43px;
  line-height: 50px;
  font-weight: 300;
  margin-bottom: 30px;
}
@media (max-width: 1024px) {
  .paragraph--type--text .field--name-field-paragraph-titel {
    font-size: 32px;
    line-height: 40px;
  }
}
.paragraph--type--text .field--name-field-paragraph-titel strong, .paragraph--type--text .field--name-field-paragraph-titel b {
  font-weight: 600;
}

.paragraph--type--zitat-mit-foto {
  display: flex;
  flex-wrap: wrap;
  background-color: #CA0010;
  align-items: center;
  min-height: 480px;
}
@media (max-width: 991.98px) {
  .paragraph--type--zitat-mit-foto {
    min-height: auto;
  }
}
.paragraph--type--zitat-mit-foto .left {
  text-align: center;
  width: 60%;
  color: #fff;
  padding: 60px 50px;
  box-sizing: border-box;
}
@media (max-width: 991.98px) {
  .paragraph--type--zitat-mit-foto .left {
    width: 100%;
    padding: 50px;
    padding-bottom: 270px;
  }
}
@media (max-width: 768px) {
  .paragraph--type--zitat-mit-foto .left {
    padding: 30px;
    padding-bottom: 270px;
  }
}
.paragraph--type--zitat-mit-foto .left .field--name-field-textinhalt {
  font-family: "Barlow", sans-serif;
  font-size: 43px;
  line-height: 50px;
  font-weight: 300;
  margin-bottom: 30px;
  margin-bottom: 30px;
}
@media (max-width: 1024px) {
  .paragraph--type--zitat-mit-foto .left .field--name-field-textinhalt {
    font-size: 32px;
    line-height: 40px;
  }
}
.paragraph--type--zitat-mit-foto .left .field--name-field-textinhalt strong, .paragraph--type--zitat-mit-foto .left .field--name-field-textinhalt b {
  font-weight: 600;
}
.paragraph--type--zitat-mit-foto .left .field--name-field-zitat-verfasser {
  text-transform: uppercase;
  font-weight: 600;
}
.paragraph--type--zitat-mit-foto .left .field--name-field-link {
  margin-top: 50px;
}
.paragraph--type--zitat-mit-foto .left .field--name-field-link a {
  padding: 8px 24px;
  -webkit-appearance: none;
     -moz-appearance: none;
          appearance: none;
  border: none;
  transition: 0.3s ease-in-out background-color, 0.3s ease-in-out padding;
  text-align: center;
  display: inline-block;
  box-sizing: border-box;
  font-size: 20px;
  font-weight: 600;
  background-color: transparent;
  border: 1px solid #fff;
  color: #fff;
}
.paragraph--type--zitat-mit-foto .left .field--name-field-link a::before {
  content: "";
  height: 0;
  background-color: transparent;
}
.paragraph--type--zitat-mit-foto .right .field--name-field-portrait {
  line-height: 0;
  position: absolute;
  right: 30px;
  bottom: 0;
  top: -80px;
  width: 45%;
  overflow: hidden;
  pointer-events: none;
}
@media (max-width: 991.98px) {
  .paragraph--type--zitat-mit-foto .right .field--name-field-portrait {
    right: -50px;
    width: 45%;
  }
}
@media (max-width: 768px) {
  .paragraph--type--zitat-mit-foto .right .field--name-field-portrait {
    right: 0;
  }
}
.paragraph--type--zitat-mit-foto .right .field--name-field-portrait > .field {
  width: 100%;
  height: 100%;
}
.paragraph--type--zitat-mit-foto .right .field--name-field-portrait img {
  width: 100%;
  height: 100%;
  -o-object-fit: contain;
     object-fit: contain;
  -o-object-position: bottom;
     object-position: bottom;
}

.paragraph--type--system-block .field--name-field-block-titel,
.block-call-to-action .field--name-field-block-titel {
  font-family: "Barlow", sans-serif;
  font-size: 32px;
  line-height: 40px;
  font-weight: 400;
  margin-bottom: 30px;
}
@media (max-width: 1024px) {
  .paragraph--type--system-block .field--name-field-block-titel,
.block-call-to-action .field--name-field-block-titel {
    font-size: 25px;
    line-height: 30px;
  }
}
.paragraph--type--system-block .field--name-field-textinhalt a.myButton,
.block-call-to-action .field--name-field-textinhalt a.myButton {
  padding: 8px 24px;
  -webkit-appearance: none;
     -moz-appearance: none;
          appearance: none;
  border: none;
  transition: 0.3s ease-in-out background-color, 0.3s ease-in-out padding;
  text-align: center;
  display: inline-block;
  box-sizing: border-box;
  font-size: 20px;
  font-weight: 600;
  background-color: #CA0010;
  border: 1px solid #CA0010;
  color: #fff;
  margin: 0 30px;
}
.paragraph--type--system-block .field--name-field-textinhalt a.myButton::before,
.block-call-to-action .field--name-field-textinhalt a.myButton::before {
  content: "";
  height: 0;
  background-color: transparent;
}

.paragraph--type--text-banner-mit-big-text {
  background-color: #F7F7F7;
  padding: 60px;
  box-sizing: border-box;
  margin-bottom: 60px;
  position: relative;
  display: flex;
  flex-wrap: nowrap;
  align-items: flex-end;
  gap: 7%;
}
.paragraph--type--text-banner-mit-big-text:last-child {
  margin-bottom: 0;
}
.paragraph--type--text-banner-mit-big-text::after {
  content: "";
  background: transparent url("../images/mylonas-logo-signet.png") no-repeat;
  width: 300px;
  height: 300px;
  background-size: contain;
  flex: 0 0 100%;
  position: absolute;
  top: 50px;
  left: 50px;
}
@media (max-width: 1199.98px) {
  .paragraph--type--text-banner-mit-big-text::after {
    bottom: 50px;
    top: auto;
    left: auto;
    right: 50px;
  }
}
@media (max-width: 575.98px) {
  .paragraph--type--text-banner-mit-big-text::after {
    opacity: 0.2;
  }
}
@media (max-width: 1199.98px) {
  .paragraph--type--text-banner-mit-big-text {
    flex-direction: column;
    gap: 0;
    padding-bottom: 280px;
    align-items: flex-start;
  }
}
.paragraph--type--text-banner-mit-big-text .big-text {
  font-family: "Barlow", sans-serif;
  font-size: 50px;
  line-height: 50px;
  font-weight: 900;
  text-transform: uppercase;
  width: 40%;
  -webkit-hyphens: auto;
          hyphens: auto;
  position: relative;
  z-index: 1;
}
@media (max-width: 991.98px) {
  .paragraph--type--text-banner-mit-big-text .big-text {
    font-size: 40px;
    line-height: 40px;
  }
}
@media (max-width: 1199.98px) {
  .paragraph--type--text-banner-mit-big-text .big-text {
    width: 50%;
    order: 2;
    padding-top: 90px;
  }
}
@media (max-width: 575.98px) {
  .paragraph--type--text-banner-mit-big-text .big-text {
    width: 100%;
  }
}
.paragraph--type--text-banner-mit-big-text .text {
  width: 60%;
}
@media (max-width: 1199.98px) {
  .paragraph--type--text-banner-mit-big-text .text {
    width: 100%;
    margin-top: 50px;
  }
}
.paragraph--type--text-banner-mit-big-text:nth-child(even)::after {
  right: 50px;
  left: auto;
}
.paragraph--type--text-banner-mit-big-text:nth-child(even) .big-text {
  order: 2;
}
.paragraph--type--text-banner-mit-big-text:nth-child(even) .text {
  order: 1;
}

.field--name-field-impressionen {
  display: flex;
  flex-wrap: wrap;
  gap: 2%;
}
@media (max-width: 768px) {
  .field--name-field-impressionen {
    gap: 0;
  }
}
.field--name-field-impressionen > .field__item {
  flex: 0 0 48%;
  margin-bottom: 2%;
  position: relative;
}
@media (max-width: 768px) {
  .field--name-field-impressionen > .field__item {
    flex: 0 0 100%;
    display: none;
  }
  .field--name-field-impressionen > .field__item:nth-child(1) {
    display: block;
  }
}
.field--name-field-impressionen > .field__item .field--name-field-media-image-2 {
  line-height: 0;
}
.field--name-field-impressionen > .field__item .field--name-field-media-image-2 .colorbox {
  position: relative;
  display: block;
}
@media (max-width: 768px) {
  .field--name-field-impressionen > .field__item .field--name-field-media-image-2 .colorbox::before {
    content: "";
    background-color: rgba(0, 0, 0, 0.6);
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
  }
  .field--name-field-impressionen > .field__item .field--name-field-media-image-2 .colorbox::after {
    content: "+";
    position: absolute;
    z-index: 1;
    left: 50%;
    top: 50%;
    color: #fff;
    font-size: 120px;
    text-align: center;
    -webkit-transform: translate(-50%, -50%);
            transform: translate(-50%, -50%);
  }
}
.field--name-field-impressionen > .field__item .field--name-field-bildunterschrift {
  position: absolute;
  bottom: 0;
  background-color: rgba(255, 255, 255, 0.8);
  font-family: "Barlow", sans-serif;
  font-size: 18px;
  line-height: 27px;
  font-weight: 400;
  font-size: 15px;
  text-align: right;
  width: 100%;
  padding: 5px;
  box-sizing: border-box;
  color: #989898;
}

.paragraph--type--reihe {
  overflow: hidden;
}

/* SMACSS theme rules */

/*# sourceMappingURL=styles.css.map */