/*
  Base Stylesheet
  Author: Jens Schoenfeld
*/

/*
  Base rules
  ========== 
  Base rules are the defaults. They are almost exclusively single element selectors but it could
  include attribute selectors, pseudo-class selectors, child selectors or sibling selectors.
  Essentially, a base style says that wherever this element is on the page, it should look like
  this.
*/

/* Button */

.button, .linkbutton a {
  border-radius: 4px;
  border: 1px solid var(--theme-color-primary);
  padding: 10px 24px;
  background: var(--theme-color-primary);
  color: white;
  overflow: hidden;
  position: relative;
  cursor: pointer;
  font-size: 1em;
  font-family: var(--font-family-primary);
}

.linkbutton a {
  display: block;
  width: max-content;
}

.button--small, .linkbutton--small a {
  font-size: 0.8rem;
  padding: 8px 10px;
}

.button--beside-message {
  font-size: 0.8rem;
  padding: 3px 5px;
  margin: 10px 10px;
}

.button--full-width {
  width: 100%;
}

.linkbutton--full-width a {
  width: auto;
}

.button--secondary, .linkbutton--secondary a  {
  background: white;
  color: #333;
  border: 1px solid #ccc;
}

.button--right, .linkbutton--right {
  float: right;
}

.button:hover, .linkbutton a:hover {
  background: var(--theme-color-secondary);
  border: 1px solid var(--theme-color-secondary);
  color: white;
}

.button:disabled, .linkbutton--disabled a, .linkbutton--disabled a:hover {
  background: #dedede;
  border: 1px solid #dedede;
  color: #999;
  cursor: default;
}

/* Spinner */

.spinner-dual-ring {
  display: inline-block;
  width: 80px;
  height: 80px;
}

.spinner-dual-ring:after {
  content: " ";
  display: block;
  width: 64px;
  height: 64px;
  margin: 8px;
  border-radius: 50%;
  border: 4px solid var(--theme-color-primary);
  border-color: var(--theme-color-primary) transparent var(--theme-color-primary) transparent;
  animation: spinner-dual-ring 1.4s linear infinite;
}

@keyframes spinner-dual-ring {
  0% {
    transform: rotate(0deg);
  }
  100% {
    transform: rotate(360deg);
  }
}

.spinner-label {
  font-size: 0.8rem;
  text-align: center;
}

.spinner-logo {
  max-width: 80px;
  margin-bottom: 10px;
}

@media only screen and (min-width: 992px) {
  .spinner-logo {
    max-width: 120px;
    margin-bottom: 20px;
  }
}

/* Form */

.form {
  border: none;
  max-width: 600px;
}

.form-centered {
  margin: auto;
  padding: 20px;
}

.grid-form {
  display: grid;
  grid-template-columns: 1fr;
}

.grid-form__label, .grid-form__input {
  display: flex;
  flex-direction: column;
  justify-content: center;
  margin-top: 10px;
}

.grid-form__input--unit {
  display: grid;
  grid-template-columns: 1fr max-content;
}

.grid-form__input--unit input, .grid-form__input--unit select {
  text-align: right;
}

.grid-decimal-input {
  display: grid;
  grid-template-columns: 1fr max-content 1fr;
}

.grid-form__label {
  margin-top: 20px;
}

.grid-form input, .grid-form input, .grid-form select {
  border: none;
  border-bottom: 1px solid var(--input-border-color);
  font-size: 1em;
  padding: 0.3em 0.5em;
}

.grid-form textarea {
  border: 1px solid var(--input-border-color);
  font-size: 1em;
  padding: 0.3em 0.5em;
  width: 100%;
  font-family: var(--font-family-primary);
}

.grid-form select {
  width: 100%;
  background-color: white;
}

.form input:focus, .grid-form input:focus {
  outline: none;
  border-bottom: 1px solid var(--theme-color-primary);
}

.grid-form textarea:focus {
  outline: none;
  border: 1px solid var(--theme-color-primary);
}

input[type=checkbox]:focus {
  outline: 0.5px dotted;
}

input[type=checkbox]:focus:checked {
  outline: none;
}

input[type="checkbox"]:disabled {
  opacity: 0.6;
  cursor: not-allowed;
}

.label-disabled {
  color: #999;
}

form .invalid-value:focus {
  border: 1px solid var(--form-message-error-bg-color);
}

form .invalid-value {
  border: 1px solid var(--form-message-error-bg-color);
}

.form-invalid-input-message {
  background-color: var(--form-message-error-bg-color);
  color: var(--form-message-error-color);
  border-radius: 5px;
  margin-bottom: 5px;
  padding: 0.3em 0.5em;
  max-width: max-content;
}

.form-invalid-input-message .svg-icon-close {
  color: var(--form-message-error-color);
  margin-right: 7px;
}

.form-checkbox {
  display: grid;
  grid-template-columns: max-content auto;
  margin-top: 10px;
}

.form-radio-input-label-container {
  display: grid;
  grid-template-columns: max-content auto;
}

.form-checkbox--small {
  font-size: 0.8em;
}

.ripple-button--form {
  width: 100%;
  margin-top: 10px;
}

.form-checkbox input, .form-radio-input-label-container input {
  margin-left: 0px;
  margin-right: 10px;
  cursor: pointer;
}

.form-checkbox label {
  float: right;
  text-align: justify;
  cursor: pointer;
}

.form-checkbox--small input {
  margin-right: 5px;
}

.form-schutz {
  display: grid;
  grid-template-columns: max-content auto;
}

.form-schutz__hint {
  display: flex;
  flex-direction: column-reverse;
  margin-right: 5px;
}

.form-legal-error-message {
  margin-top: 10px;
}

.form button {
  margin-top: 20px;
}

.is-required-asterisk {
  color: var(--form-message-error-color);
}

.input-label-invisible {
  display: none;
  margin-top: 0px;
}

.form a, .form a:visited {
  color: var(--theme-color-primary);
}

.form-and-heading {
  margin: auto;
  padding: 20px;
  max-width: 600px;
}

.form-logo {
  max-width: 50px;
}

@media only screen and (min-width: 992px) {
  .form-centered {
    border: 1px solid var(--input-border-color);
    padding: 40px;
  }

  .grid-form {
    display: grid;
    grid-template-columns: max-content auto;
  }

  .grid-form__label {
    margin-top: 15px;
    margin-bottom: 5px;
    margin-right: 10px;
  }

  .form-checkbox {
    grid-column: span 2;
  }

  .form-schutz__hint {
    margin-bottom: 6px;
  }

  .input-label-invisible {
    display: flex;
    margin-top: 10px;
  }

  .input-label-invisible label {
    visibility: hidden;
  }

  .form-radio-input-label-container input {
    margin-right: 20px;
  }

  .form-and-heading {
    margin-top: 20px;
    margin-bottom: 20px;
    padding: 40px;
    box-shadow: 0px 0px 10px 3px rgba(0, 0, 0, 0.1);
  }

  .form-and-heading h1 {
    margin-bottom: 20px;
  }

  .form-logo {
    max-width: 80px;
  }
}

/* Dropdown */

.dropdown {
  position: relative;
}

.dropdown--default {
  display: inline-block;
}

.dropdown--veme {
  margin: 15px 0px;
}

.dropdown--veme a:hover {
  color: var(--theme-color-primary);
}

.dropdown--veme .dropdown__third-level-item{
  margin-left: 16px;
}

.dropdown--user .dropdown__header{
  font-size: 1.2em;
  text-align: right;
  padding-left: 0.5em;
}

.dropdown__username {
  font-size: 1em;
}

.dropdown__heading--filter {
  display: flex;
  align-items: center;
}

.dropdown__content {
  display: none;
  list-style: none;
  padding-left: 0px;
  margin: 0px;
}

.dropdown--hover:hover .dropdown__content {
  display: block;
}

.dropdown-heading-button-reset {
  background-color: transparent;
  border: none;
  font-size: 1em;
  font-family: var(--font-family-primary);
  padding: 0px;
}

.dropdown__content--default {
  background-color: white;
  position: absolute;
  min-width: max-content;
  box-shadow: 0px 8px 16px 0px rgba(0,0,0,0.4);
  z-index: 1;
}

.mobile-only .tabs-container .dropdown__content--default {
  position: static;
}

.dropdown__content--wide {
  left: -250px;
  background: radial-gradient(circle at 100% 0%, var(--theme-color-primary) 40%, transparent 0%), white;
}

.dropdown--language {
  display: none;
  float: right;
  padding-right: 0.6em;
}

.dropdown--user .dropdown__content {
  min-width: 160px;
}

.dropdown--language .dropdown__content {
  min-width: 80px;
}

.dropdown__current-user-role {
  padding: 12px 16px;
  font-weight: bold;
  display: block;
  border-bottom: 1px solid var(--line-very-soft-color);
}

.dropdown__content a {
  color: var(--font-color-primary);
  padding: 8px 14px;
  text-decoration: none;
  display: block;
}

.dropdown__content a:hover {
  color: var(--theme-color-primary);
}

.dropdown-wide-submenu__heading {
  font-weight: 600;
  padding: 10px 10px;
  border-bottom: 2px solid var(--theme-color-primary);
}

.dropdown-wide-submenu__item a {
  padding: 5px 10px;
}

.dropdown__content--active {
  display: block;
}

.dropdown--language .language-flag {
  width: 2.5em;
}

.dropdown--language .dropdown__content .language-flag {
  width: 100%;
}

.dropdown--default .dropdown__heading {
  margin-right: 0.9em;
}

.dropdown--default .dropdown__heading--filter {
  margin-right: .5em;
}

.dropdown--default .dropdown__heading a,
.dropdown--default .dropdown__heading a:visited {
  color: var(--font-color-primary);
}

.dropdown--default:hover .dropdown__heading {
  color: var(--theme-color-primary);
}

.dropdown--default:hover .dropdown__heading a {
  color: var(--theme-color-primary);
}

.desktop-nav-single-item a:hover {
  color: var(--theme-color-primary);
}

.dropdown--veme .dropdown__heading{
  font-size: 1em;
  position: relative;
}

.dropdown--veme .dropdown__heading--subitem{
  font-size: 1em;
  position: relative;
  padding: 10px 16px;
}

.dropdown--veme .dropdown__heading:hover{
  cursor: pointer;
  color: var(--theme-color-primary);
}

.dropdown--veme .svg-icon {
  margin: 0;
}

.dropdown--veme .svg-icon-angle-up, .dropdown--veme .svg-icon-angle-down {
  position: absolute;
  right: 0;
}

.dropdown__heading_arrow {
  font-size: 1rem;
  position: absolute;
  right: 0;
  top: 0.2em;
}

.dropdown__heading--subitem .dropdown__heading_arrow {
  top: 0.8em;
}

.dropdown-content-heading {
  font-weight: 500;
  text-transform: uppercase;
  font-size: 1.6em;
  padding: 10px 0 0 5px;
}

.dropdown__heading--disabled,
.dropdown--default:hover .dropdown__heading--disabled {
  color: #bbb;
}

@media only screen and (min-width: 992px) {
  .grid-dropdown {
    display: grid;
    grid-template-areas: "title image" "links image";
  }
  
  .grid-dropdown__item1 {
    grid-area: title;
    display: flex;
    flex-direction: column;
    justify-content: center;
    max-width: min-content;
  }
  
  .grid-dropdown__item2 {
    grid-area: links;
    display: flex;
    flex-direction: column;
    justify-content: center;
    padding: 10px;
  }

  .grid-dropdown__item3 {
    grid-area: image;
    display: flex;
    flex-direction: column;
    justify-content: center;
    text-transform: uppercase;
  }

  .grid-dropdown-submenu {
    display: grid;
    grid-template-columns: repeat(2, 1fr);
    margin-left: 30px;
  }
  
  .grid-dropdown-submenu__item {
    position: relative;
  }

  .dropdown-submenus-with-heading {
    display: grid;
    grid-template-columns: repeat(2, 1fr);
  }

  .dropdown-submenus-with-heading--3col {
    grid-template-columns: repeat(3, 1fr);
  }

  .grid-dropdown-submenu .desktop-nav-item-arrow {
    position: absolute;
    left: 0.4em;
    top: 0.4em;
    color: var(--font-color-primary);
  }

  .dropdown__content .grid-dropdown-submenu a {
    padding: 5px 12px 5px 19px;
    margin: 0px 0px 5px 0px;
  }

  .dropdown--language {
    display: block;
  }
}

/* List */

.dropdown-filter, .list-sortby {
  font-size: 0.9em;
}

.mobile-only .tabs-container .dropdown-filter {
  font-size: 1em;
}

.list-customize-dropdown-arrow {
  padding-right: 0px;
  padding-left: 0.2em;
  font-size: 0.9em;
}

.dropdown-filter-content {
  box-shadow: none;
  padding: 0px 10px 0px 5px;
  right: auto;
  background-color: #f9f9f9;
}

.dropdown-filter-content--2cols {
  display: none;
  grid-template-columns: 1fr 1fr;
  column-gap: 5px;
}

.dropdown-filter-content--3cols {
  padding: 3px;
  display: none;
  grid-template-columns: 1fr 1fr 1fr;
  font-size: 0.8em;
  left: -180px;
  right: auto;
}

.dropdown-filter-content--4cols {
  display: none;
  grid-template-columns: 1fr 1fr 1fr 1fr;
  column-gap: 5px;
}

.dropdown-filter-content--2cols.dropdown__content--active, .dropdown-filter-content--3cols.dropdown__content--active, .dropdown-filter-content--4cols.dropdown__content--active  {
  display: grid;
}

.dropdown-filter-content--3cols a {
  padding: 3px;
}

.filter-checkbox {
  display: grid;
  grid-template-columns: -webkit-max-content auto;
  grid-template-columns: max-content auto;
  margin: 4px 0px;
}

.filter-checkbox:hover {
  color: var(--theme-color-primary);
}

.filter-checkbox input {
  cursor: pointer;
}

.filter-checkbox label {
  cursor: pointer;
  padding-left: 5px;
}

.grid-list-filter-search {
  display: grid;
  grid-template-columns: auto max-content;
  margin-bottom: 5px;
}

.list-search-container-mobile {
  display: flex;
}

.list-filter-search-mobile .tabs-container {
  margin-bottom: 10px;
}

.list-filter-search-mobile .tab-button {
  font-size: 1.06em;
}

.list-search-sort-layout-container {
  display: flow-root;
  padding-bottom: 10px;
}

.list-sort-float {
  float: right;
  margin-top: 3px;
}

.list-layout-float {
  display: none;
}

.list-sort-float .dropdown--default .dropdown__heading {
  margin-right: 0px;
}

.active-filters-container {
  background-color: #f9f9f9;
  display: grid;
  font-size: 0.9em;
  margin-top: 10px;
  padding: 10px 0px 10px 10px;
  width: max-content;
}

.grid-active-filters-container-heading {
  display: grid;
  grid-template-columns: auto max-content;
}

.active-filters-close-all-container {
  margin-top: -10px;
}

.active-filters-container-heading {
  font-size: 1em;
}

.active-filters-list {
  margin-top: 5px;
}

.grid-active-filter-summary {
  display: flex;
  align-items: center;
  margin-right: 5px;
  margin-top: 5px;
}

.active-filter-summary__heading {
  margin-right: 5px;
}

.active-filter-summary__values {
  max-width: 400px;
}

.active-filter-summary__value {
  background-color: #eee;
  padding: 3px 5px;
  float: left;
  margin-right: 5px;
}

.button-active-filter-value-delete {
  border: none;
  background-color: transparent;
}

.button-active-filter-value-delete:hover {
  color: var(--theme-color-primary);
}

.list-page-item-count {
  float: left;
}

.list-page-links {
  float: right;
}

.list-page-link {
  width: 22px;
  float: left;
  text-align: center;
}

.list-page-link--active {
  color: var(--theme-color-primary);
}

.list-page-links a{
  color: var(--font-color-primary);
}

.list-page-links a:hover{
  color: var(--theme-color-primary);
}

.grid-list {
  display: grid;
  grid-template-columns: 1fr;
}

.grid-list-heading {
  display: none;
}

@media only screen and (min-width: 992px) {
  .list-filter-container {
    box-shadow: 0px 3px 10px 2px rgba(0,0,0,.1);
    padding: 20px;
    margin: 10px 0px 30px 0px;
  }

  .list-filter-heading {
    margin-bottom: 5px;
  }

  .list-filter-heading .svg-icon-filter {
    margin-right: 4px;
  }

  .grid-active-filter-summary {
    float: left;
    display: flex;
    justify-content: center;
    margin-top: 0px;
  }

  .grid-list-heading {
    display: grid;
    background-color: #ccc;
  }

  .list-desktop-search {
    float: right;
    margin-right: 10px;
  }

  .list-layout-float {
    display: block;
    float: right;
  }

  .list-layout-float .button--list-layout {
    padding: 5px;
    margin-left: 5px;
  }
}

/* Header */

.grid-header {
  display: grid;
  grid-template-areas: "logo nav-permanent";
  grid-template-columns: auto max-content;
  grid-template-rows: 70px;
  border-bottom: 1px solid var(--header-border-bottom-color);
}

.grid-header__item {
  display: flex;
  flex-direction: column;
  justify-content: center;
}

.grid-header__item--1 {
  grid-area: logo;
  padding-left: var(--main-grid-padding-left-right);
}

.grid-header__item--2 {
  display: none;
}

.grid-header__item--3 {
  grid-area: nav-permanent;
  padding-right: var(--main-grid-padding-left-right);
}

.grid-header__item--1 a{
  color: var(--header-color-primary);
  font-size: 2rem;
}

.grid-mobile-topnav-and-hamburger {
  display: grid;
  grid-template-columns: max-content max-content;
  margin-left: 30px;
}

.grid-mobile-topnav-and-hamburger .header-type2-hamburger-button {
  border: none;
  margin: 17px 0px 0px 10px;
  background-color: white;
}

.grid-mobile-topnav-and-hamburger button {
  cursor: pointer;
  color: var(--font-color-primary);
}

.hamburger-button:hover {
  background-color: var(--header-background-color);
}

.hamburger-button:hover .svg-icon-menu, .header-type2-hamburger-button:hover .svg-icon-menu {
  color: var(--theme-color-primary);
}

.grid-header .svg-icon-menu, .header-type2 .svg-icon-menu {
  margin: 0px;
}

.header-logo {
  max-width: 190px;
}

.header-logo {
  max-width: 190px;
}

.header-button {
  margin-top: 23px;
  margin-left: 10px;
  margin-bottom: 5px;
  text-transform: uppercase;
}

.header-button--normal, .header-button--normal:visited {
  border: 2px solid #777;
  color: #444;
  padding: 5px 15px 6px 15px;
}

.header-button--normal:hover {
  border: 2px solid var(--theme-color-primary);
  color: var(--theme-color-primary);
}

.header-button--attention, .header-button--attention:visited {
  background-color: var(--theme-color-primary);
  color: var(--header-background-color);
  padding: 7px 15px;
}

.header-button--attention:hover {
  background-color: var(--theme-color-secondary);
}

.cart-has-items .dropdown__heading-text {
  background-color: var(--theme-color-primary);
  border-radius: 5px;
  color: white;
  padding: 0px 10px;
  font-weight: 600;
}

@media only screen and (min-width: 992px) {
  .grid-header, .header-type2 {
    position: sticky;
    top: 0;
    z-index: 10;
  }

  .grid-header {
    grid-template-areas: "logo nav-desktop nav-permanent";
    grid-template-columns: 320px auto max-content;
    grid-template-rows: 80px;
    box-shadow: 0 0 10px 3px rgba(0,0,0,.1);
  }

  .header-type2-content-container {
    margin: 0 auto;
    max-width: var(--content-width);
    padding: 0px 20px;
  }

  .header-type2-stripe {
    box-shadow: 0 0 10px 3px rgba(0,0,0,.1);
    z-index: 10;
  }

  .grid-header-type2-main {
    display: grid;
    grid-template-columns: 300px auto max-content;
    padding-top: 20px;
  }

  .header-type2-search-hamburger {
    margin-left: auto;
    display: grid;
    grid-template-columns: max-content max-content max-content;
    margin-top: -20px;
  }

  .header-type2-search-hamburger .search-form {
    border-radius: 0px;
  }

  .hamburger-button {
    margin-top: 1.4rem;
  }

  .header-type2-search-hamburger .search-form, .header-type2-hamburger-button {
    border: 2px solid #777;
  }

  .header-type2-hamburger-button .svg-icon-menu {
    color: #777;
  }

  .header-type2-hamburger-button:hover {
    border: 2px solid var(--theme-color-primary);
  }

  .header-type2-search-hamburger .search-form input {
    width: 223px;
    padding: 5px 0 5px 3px;
    transition: 0.5s;
  }

  .header-type2-search-hamburger .search-form input:focus {
    width: 280px;
    transition: 0.5s;
  }

  .header-type2-search-hamburger .search-form button {
    color: var(--font-color-primary);
  }

  .header-type2-search-hamburger .search-dropdown-content {
    margin-left: -10%;
    margin-top: 40px;
  }

  .header-type2-hamburger-button {
    margin-top: 23px;
    margin-left: 10px;
    margin-bottom: 5px;
    background-color: white;
  }

  .grid-header-type2-bottom {
    display: grid;
    grid-template-columns: auto max-content;
  }

  .grid-header-type2-bottom .nav-desktop-main {
    margin: unset;
  }

  .grid-header-type2-bottom .nav-desktop-main--right{
    margin-right: -.9em
  }

  .grid-header-type2-bottom .dropdown__content--wide {
    left: 0px;
  }

  .grid-header-type2-bottom .dropdown__heading, .grid-header-type2-bottom .desktop-nav-single-item {
    text-transform: uppercase;
    font-weight: 500;
  }

  .grid-header__item--2 {
    grid-area: nav-desktop;
    display: flex;
  }

  .header-logo {
    min-width: 300px;
  }

  .nav-desktop-main .grid-dropdown__item1 {
    max-width: max-content;
  }

  .nav-desktop-main .grid-dropdown__item3 img {
    max-width: 300px;
  }
}

/* Breadcrumbs */

.breadcrumbs {
  padding-bottom: 10px;
}

.breadcrumbs {
  font-size: 0.8em;
}

.breadcrumbs a {
  color: var(--font-color-primary);
}

.breadcrumbs a:hover {
  color: var(--theme-color-primary);
}

/* Heading */

.grid-heading-bar {
  display: none;
}

@media only screen and (min-width: 992px) {
  .heading-bar {
    display: block;
    padding: 10px 0px;
    background-color: var(--heading-bar-background-color);
  }

  .heading-bar--minimal {
    padding: 10px 0px;
    background-color: transparent;
  }

  .grid-heading-bar {
    display: grid;
    grid-template-columns: auto max-content;
  }

  .grid-heading-bar h1 {
    margin: 0px;
  }
}

/* Message */

.grid-message {
  display: grid;
  grid-template-areas: "icon content";
}

.message-icon {
  grid-area: icon;
  width: max-content;
  display: flex;
  justify-content: center;
  align-items: center;
}

.message-content {
  grid-area: content;
}

.message {
  color: var(--message-font-color);
  border-radius: 5px;
  margin-bottom: 5px;
  padding: 0.3em 0.5em;
  margin: 10px 0px;
  max-width: max-content;
}

.message a{
  color: var(--message-font-color);
  text-decoration: underline;
}

.message a:hover{
  cursor: pointer;
}

.message a:visited{
  color: var(--message-font-color);
}

.message--success {
  background-color: var(--message-success-bg-color);
}

.message--warning {
  background-color: var(--message-warning-bg-color);
  color: var(--font-color-primary);
}

.message--error {
  background-color: var(--message-error-bg-color);
  color: var(--message-error-color);
}

.message--info {
  background-color: var(--message-info-bg-color);
  color: var(--font-color-primary);
}

.message--info a{
  color: var(--font-color-primary);
  text-decoration: underline;
}

.message--info a:visited{
  color: var(--font-color-primary);
}

.message--instruction {
  color: var(--font-color-primary);
}

.message .svg-icon {
  margin: 0px 15px 0px 5px;
}

.message .message-icon .svg-icon.svg-icon-close {
  margin-top: -8px;
  margin-left: 0px;
}

.message .svg-icon-info-circle {
  color: var(--font-color-primary);
}

/* Product */

.grid-shop-sidebar-main {
  display: grid;
  grid-template-areas: "shop-main"
                       "shop-sidebar";
}

.shop-sidebar {
  grid-area: shop-sidebar;
  margin-top: 20px;
}

.shop-main {
  grid-area: shop-main;
}

.shop-category-menu {
  background-color: var(--sidebar-menu-bg-color);
  color: var(--sidebar-menu-color);
  border-radius: 0px 0px 10px 10px;
  margin: 0px;
  padding: 0px 10px 10px 10px;
}

.shop-category-menu > li {
  padding: 15px 0px;
  margin: 0px;
  border-bottom: 1px solid #ddd;
}

.shop-category-menu > li:last-child {
  border-bottom: none;
}

.shop-category-menu a, .shop-category-menu a:visited {
  color: var(--font-color-primary);
}

.shop-category-menu a:hover {
  color: var(--theme-color-primary);
}

.shop-category-menu-heading {
  background-color: var(--theme-color-primary);
  color: white;
  text-transform: uppercase;
  font-weight: 600;
  border-radius: 10px 10px 0px 0px;
  padding: 20px 10px;
}

.grid-product-category-list {
  display: grid;
  grid-template-columns: 1fr;
  grid-row-gap: 10px;
}

.grid-product-category-list a {
  color: var(--font-color-primary);
}

.grid-product-category-list-item {
  display: grid;
  grid-template-columns: 100px auto;
  padding: 10px;
  grid-column-gap: 20px;
}

.grid-product-list {
  display: grid;
  grid-template-columns: 1fr 1fr;
  grid-column-gap: 10px;
  grid-row-gap: 10px;
  padding: 10px 0px;
}

.grid-product-list a{
  color: var(--font-color-primary);
}

.product-category-menu {
  display: grid;
  grid-template-columns: 1fr;
  grid-row-gap: 10px;
  margin-bottom: 10px;
}

.grid-product-category-menu-item {
  display: grid;
  grid-template-columns: 1fr 3fr;
  padding: 10px;
}

.product-category-menu-item__name {
  display: flex;
  align-items: center;
  color: var(--font-color-primary);
  padding-left: 15px;
  word-wrap: anywhere;
  font-size: 0.9em;
}

.product-category-menu-item__name--only {
  width: 100%;
  height: 100%;
  padding-left: 0px;
}

.grid-search-dropdown-list--product-category .product-category-list-item.center {
  justify-content: flex-start;
}

.product-category-list-item__name {
  word-wrap: anywhere;
}

.product-list-item, .product-category-list-item {
  border: 1px solid var(--product-list-item-border-color);
  background-color: #f4f4f4;
}

.product-category-list-item {
  align-items: center;
  display: flex;
}

.product-list-item {
  overflow: auto;
}

.product-list-item:hover, .product-category-list-item:hover {
  border: 1px solid #999;
  background-color: #ddd;
}

.product-list-item-img-container-raster {
  background-color: white;
  padding: 3px;
}

.product-list-item__product-id {
  font-size: 0.8em;
}

.product-list-item__tabelle {
  display: none;
}

.product-list-item__info {
  padding: 5px;
  overflow: auto;
}

.product-list-item__name, .product-list-item__description {
  width: 100%;
  text-align: center;
  font-size: 0.8em;
  overflow-wrap: break-word;
}

.product-list-item__stock-and-price-container {
  font-size: 0.7em;
}

.product-list-item__availability {
  float: left;
}

.product-list-item__price {
  float: right;
}

.grid-product-view-top {
  display: grid;
  grid-template-columns: 1fr;
}

.product-view-top-info-container {
  padding-left: 10px;
}

.product-view-top-info-container .grid-list-price-and-discount {
  margin-top: 20px;
}

.product-view-details-grid {
  display: grid;
  grid-template-columns: 1fr;
}

.product-attribute-list {
  display: grid;
  grid-template-columns: 1fr 1fr;
}

.product-attribute-label {
  padding-right: 10px;
}

.product-attribute-label, .product-attribute-values {
  padding-bottom: 3px;
}

.product-attribute-values {
  word-break: break-word;
}

.product-view-price-availability-container {
  display: grid;
  grid-template-columns: max-content max-content auto;
  margin: 10px 0px;
}

.product-view-price {
  padding-right: 20px;
  font-size: 1.2em;
}

.product-view-price-info {
  font-size: 0.7em;
  margin: auto 0;
}

.product-view-availability-container {
  display: grid;
  grid-template-columns: 1fr;
  margin: auto 0;
}

.product-view-availability-info {
  font-size: 0.9em;
  margin-left: 30px;
}

.product-view-procurement-time {
  font-size: 0.8em;
  margin-left: 30px;
}

.product-view-second-level-heading, .product-view-third-level-heading {
  margin-top: 20px;
  margin-bottom: 4px;
}

.grid-product-qty-buttons {
  display: grid;
  grid-template-columns: max-content max-content max-content;
  column-gap: 5px;
  margin-right: 30px;
}

.cart-position-qty form button {
  margin-top: 0px;
}

.cart-position-qty form .button--small {
  padding: 2px 3px;
}

.grid-product-qty-buttons .product-qty-input-unit {
  margin-right: 5px;
}

.add-product-container {
  display: flex;
  align-items: center;
}

.add-product-container .grid-form__label {
  width: 0px;
  margin-right: 0px;
}

.add-product-container .grid-form input {
  max-width: 45px;
  margin-top: 8px;
  text-align: right;
  border: 1px solid var(--input-border-color);
}

.add-product-container .grid-form input:focus {
  border: 1px solid var(--theme-color-primary);
}

.product-qty-input-unit {
  margin-top: 18px;
  margin-right: 15px;
  margin-left: 5px;
}

.add-product-message {
  width: 100%;
  -webkit-animation-duration: 2s;
  animation-duration: 2s;
  -webkit-animation-fill-mode: both;
  animation-fill-mode: both;
}

@-webkit-keyframes add-product-message-fade-out {
  50% {opacity: 1;}
  100% {opacity: 0;}
}

@keyframes add-product-message-fade-out {
  50% {opacity: 1;}
  100% {opacity: 0;}
}

.add-product-message-fade-out {
  -webkit-animation-name: add-product-message-fade-out;
  animation-name: add-product-message-fade-out;
}

.grid-list-price-and-discount {
  display: grid;
  grid-template-columns: max-content auto; 
  margin-top: 10px;
}

.product-view-price--reduced {
  color: #888;
  text-decoration: line-through;
  font-weight: 700;
}

.discount {
  padding: 5px;
  border-radius: 5px;
  font-size: 0.8em;
  color: white;
  background-color: var(--discount-bg-color);
  width: max-content;
}

.product-list-item__discount {
  display: flow-root;
}

.product-list-item__discount .grid-list-price-and-discount{
  float: right;
}

.product-list-item__discount .discount {
  padding: 0px 5px;
  font-size: 0.7em;
}

.product-list-item__discount .product-view-price {
  padding-right: 0px;
  font-size: 0.7em;
  margin-right: 10px;
}

.product-list-item__discount .grid-list-price-and-discount {
  margin-top: 0px;
}

.product-hyperlinks-container a {
  color: var(--font-color-primary);
  text-decoration: underline;
}

.product-hyperlinks-container a:visited {
  color: var(--font-color-primary)
}

.product-hyperlinks-container a:hover {
  color: var(--theme-color-primary);
}

.product-category-top-image {
  max-width: 600px;
  margin-top: -20px;
}

@media only screen and (min-width: 992px) {
  .product-attribute-list {
    grid-template-columns: minmax(max-content, 35%) auto;
  }

  .grid-product-category-list {
    display: grid;
    grid-template-columns: 1fr 1fr;
    grid-column-gap: 10px;
  }

  .product-category-menu {
    grid-template-columns: 1fr 1fr;
    grid-column-gap: 15px;
    grid-row-gap: 15px;
  }

  .grid-product-menu {
    grid-template-columns: 1fr 1fr 1fr 1fr;
    grid-column-gap: 15px;
    grid-row-gap: 15px;
    padding: 15px 0px;
  }

  .product-view-top-info-container {
    padding-left: 20px;
  }

  .product-attribute-values {
    word-break: normal;
  }

  .compatible-products-container {
    box-shadow: 0 3px 10px 2px #0000001a;
    padding: 10px;
    margin-top: 30px;
  }

  .compatible-products-container .product-view-second-level-heading {
    margin-top: 5px;
  }

  .compatible-products-container .linkbutton {
    font-size: 1.2em;
  }
}

@media only screen and (min-width: 1200px) {
  .grid-shop-sidebar-main {
    grid-template-areas: "shop-sidebar shop-main";
    grid-template-columns: 1fr 4fr;
  }

  .shop-sidebar {
    margin-top: 0px;
    margin-right: 20px;
  }

  .product-category-menu {
    grid-template-columns: 1fr 1fr 1fr 1fr;
    margin-bottom: 20px;
  }

  .grid-product-list {
    grid-template-columns: 1fr 1fr 1fr 1fr 1fr 1fr;
  }

  .grid-product-list--tabelle {
    grid-template-columns: 1fr;
  }

  .grid-product-list--tabelle .product-list-item__tabelle {
    display: grid;
    grid-template-columns: 70px 4fr 8fr 2fr;
    column-gap: 20px;
    padding: 5px;
    font-size: 0.9em;
    align-items: center;
    justify-content: center;
  }

  .grid-product-list--tabelle .product-list-item__raster {
    display: none;
  }

  .product-list-item__tabelle__price, .product-list-item__tabelle__availability {
    text-align: right;
  }

  .product-list-item__tabelle__availability {
    font-size: 0.9em;
  }

  .grid-product-view-top {
    grid-template-columns: minmax(200px, 500px) auto;
  }

  .product-view-details-grid {
    grid-template-columns: 3fr 2fr;
    column-gap: 40px;
  }

  .modal__content .product-view-container {
    max-width: 1200px;
  }

  .modal .grid-product-view-top {
    grid-template-columns: minmax(50%, max-content) 1fr;
  }

  .product-view-top-info-container {
    padding-left: 30px;
  }

  .modal .product-view-top-info-container {
    padding-left: 30px;
  }

  .product-page .product-attribute-list {
    grid-template-columns: minmax(max-content, 25%) auto;
  }

  .product-page .product-view-description-container .product-attribute-list {
    grid-template-columns: minmax(max-content, 18%) auto;
  }

  .grid-product-category-list {
    display: grid;
    grid-template-columns: 1fr 1fr 1fr 1fr;
    grid-row-gap: 15px;
    grid-column-gap: 15px;
  }

  .product-featured-image-container, .product-videos-container, .product-hyperlinks-container, .product-view-attributes {
    box-shadow: rgba(0, 0, 0, 0.1) 0px 3px 10px 2px;
    overflow: auto;
    padding: 0px 10px 10px 10px;
    margin-top: 20px;
  }

  .product-view-attributes {
    height: max-content;
  }
}

@media only screen and (min-width: 1800px) {
  .shop-main .grid-product-list--raster {
    grid-column-gap: 15px;
    grid-row-gap: 15px;
  }

  .shop-main .grid-product-list--raster .product-list-item {
    box-shadow: 0 0.1rem 0.3rem rgba(52, 58, 64, 0.15);
  }
}

/* Search */

.search-dropdown-container {
  display: initial;
}

.search-form {
  float: right;
  position: relative;
  border: 2px solid #ccc;
  border-radius: 8px;
  margin-top: -2px;
}

.search-form input{
  border: none;
  font-size: 1em;
  outline: none;
  padding: 3px 0px 3px 3px;
  margin-left: 15px;
  width: 200px;
}

.search-form input:focus {
  width: 250px;
  transition: 0.5s;
}

.search-dropdown-content-mobile .search-form input{
  width: max-content;
  transition: 0s;
}

.search-dropdown-content-mobile .search-form input:focus {
  width: max-content;
  transition: 0s;
}

.search-dropdown-input-mobile {
  margin: auto;
  padding: 0px 10px 0px 10px;
  display: flex;
}

.search-form button {
  background-color: transparent;
  color: var(--input-border-color);
  float: right;
  font-size: 1em;
  border: none;
  cursor: pointer;
  margin-top: 0px;
  padding: 3px 0px;
  margin-right: 15px;
  margin-left: 5px;
}

.product-list-container .search-form {
  border: 2px solid #999;
}

.product-list-container .search-form input, .product-list-container .search-form button {
  font-size: 0.9em;
}

.search-form input:focus + button {
  color: var(--font-color-primary);
}

.search-form button:hover {
  color: var(--theme-color-primary);
}

.search-form input:focus + button:hover {
  color: var(--theme-color-primary);
}

.search-dropdown-text {
  padding: 10px;
}

.search-dropdown-message {
  padding: 10px 0px 0px 0px;
}

.search-dropdown-content .message {
  margin: 0px 10px 10px 10px;
}

.search-dropdown-container .tab-content {
  border: none;
}

.search-dropdown-content {
  background-color: white;
  display: none;
  position: absolute;
  box-shadow: 0px 8px 16px 0px rgba(0,0,0,0.4);
  z-index: 2;
  margin: 10px;
  margin-left: 20%;
  max-width: 300px;
}

.dropdown__content--search-mobile-main {
  right: -60px;
}

.search-dropdown-content-mobile {
  max-width: 320px;
}

.search-dropdown-content--active {
  display: block;
}

.grid-search-dropdown-list {
  display: grid;
  grid-template-columns: 1fr 1fr;
  grid-column-gap: 10px;
  grid-row-gap: 10px;
}

.grid-search-dropdown-list--product-category {
  grid-template-columns: 1fr;
}

.grid-search-dropdown-list a {
  color: var(--font-color-primary);
}

.search-dropdown-content-mobile .grid-search-dropdown-list .product-list-item a {
  padding: 0px;
}

.search-dropdown-content .linkbutton a, .dropdown__content--search-mobile-main .linkbutton a, .compatible-products-container .linkbutton a {
  color: var(--font-color-primary);
  font-size: 0.8em;
  text-align: center;
  background-color: #f4f4f4;
  border: 1px solid var(--product-list-item-border-color);
  border-radius: 0px;
  padding: 5px;
}

.search-dropdown-content .linkbutton a, .dropdown__content--search-mobile-main .linkbutton a {
  margin-top: 10px;
}

.search-dropdown-content .linkbutton a:hover, .dropdown__content--search-mobile-main .linkbutton a:hover, .compatible-products-container .linkbutton a:hover {
  border: 1px solid #999;
  background-color: #ddd;
  color: var(--font-color-primary);
}

.search-dropdown-content-mobile .search-dropdown-message {
  padding: 0px 10px 10px 10px;
}

.grid-webpage-search-list-item {
  display: grid;
  grid-template-columns: 100px auto;
  padding: 10px;
  grid-column-gap: 20px;
  color: var(--font-color-primary);
}

.grid-webpage-search-list-item--external {
  grid-template-columns: 1fr;
}

.webpage-search-list-item__name {
  word-wrap: anywhere;
}

.webpage-search-list-item__source {
  font-size: 0.8em;
  padding-top: 5px;
}

.webpage-search-list-item {
  border: 1px solid var(--product-list-item-border-color);
  background-color: #f4f4f4;
}

.webpage-search-list-item:hover {
  border: 1px solid #999;
  background-color: #ddd;
}

.search-dropdown-mobile-close-x {
  text-align: right;
}

.search-dropdown-mobile-close-x a, .search-dropdown-mobile-close-x a:visited {
  color: var(--font-color-primary);
}

.search-dropdown-mobile-close-x a:hover {
  color: var(--theme-color-primary);
}

@media only screen and (min-width: 800px) {
  .grid-search-dropdown-list {
    grid-template-columns: 1fr 1fr 1fr;
  }

  .grid-search-dropdown-list--product-category {
    grid-template-columns: 1fr;
  }
}


@media only screen and (min-width: 1200px) {
  .search-dropdown-content {
    max-width: 550px;
    width: 100%;
    margin-left: 27%;
  }
}

/* Tabs */

.tabs {
  background-color: var(--tabs-bg-color);
  overflow: hidden;
}

.tab-button {
  background-color: inherit;
  float: left;
  border: none;
  outline: none;
  cursor: pointer;
  padding: 10px 10px;
  font-size: 0.9em;
}

.tab-button:hover {
  background-color: var(--tabs-hover-bg-color);
}

.tab-button--disabled:hover {
  background-color: var(--tabs-bg-color);
  cursor: default;
}

.tab-button--active {
  background-color: var(--theme-color-primary);
  color: white;
}

.tab-button--active:hover {
  background-color: var(--theme-color-primary);
  cursor: default;
}

.tab-content {
  display: none;
  padding: 12px 12px;
  border: 1px solid #ccc;
  border-top: none;
}

.tab-content--active {
  display: flow-root;
}

.tab-button .svg-icon {
  margin-right: 5px;
}


@media only screen and (min-width: 800px) {
  .tab-button {
    padding: 14px 16px;
    font-size: 1em;
  }
}

/* Accordion */

.accordion-button {
  font-size: 1rem;
  width: 100%;
  display: flex;
  justify-content: space-between;
  align-items: center;
  border: none;
  outline: none;
  cursor: pointer;
  padding: 10px;
}

.accordion-button:hover {
  background-color: var(--tabs-hover-bg-color);
}

.accordion-button--disabled:hover {
  background-color: var(--tabs-bg-color);
  cursor: default;
}

.accordion-content {
  font-size: 1rem;
  display: none;
  padding: 12px 12px;
  border: 1px solid #ccc;
  border-top: none;
}

.accordion-content a {
  color: var(--theme-color-primary);
}

.accordion-content--active {
  display: flow-root;
}

/* Slider */

.slider{
	position: relative;
	width: 100%;
}
.slide{
	display: none;
	overflow: hidden;
}

.slide--design1{
	height: 650px;
}

.slide--active{
	display: block;
}

.slide-prev button,
.slide-next button {
	position: absolute;
	top: 50%;
	transform: translate(0, -50%);
	font-size: 50px;
	padding: 15px;
	cursor: pointer;
	color: #fff;
	transition: 0.1s;
	user-select: none;
	background: none;
	border: none;
	outline: none;
}

.slide-prev button:hover,
.slide-next button:hover {
	color: var(--theme-color-primary);
}

.slide-next button {
	right: 0;
}

.slider-dotsbox{
  text-align: center;
	position: absolute;
	left: 50%;
	transform: translate(-50%);
	bottom: 20px;
	cursor: pointer;
}
.slider-dot{
	display: inline-block;
	width: 15px;
	height: 15px;
	border: 3px solid #fff;
	border-radius: 50%;
	margin: 0 10px;
	cursor: pointer;
}

.slider-dot--active, .slider-dot:hover{
	border-color: var(--theme-color-primary);
}

.slide-fade {
  -webkit-animation-name: fade;
  -webkit-animation-duration: 1.5s;
  animation-name: fade;
  animation-duration: 1.5s;
}

@-webkit-keyframes slide-fade {
  from {opacity: 0.8}
  to {opacity: 1}
}

@keyframes slide-fade {
  from {opacity: 0.8}
  to {opacity: 1}
}

.slide-content{
	position: absolute;
	color: #fff;
	letter-spacing: 2px;
	line-height: 35px;
	top: 40%;
	left: 15%;
	-webkit-animation-name: posi;
  	-webkit-animation-duration: 2s;
  	animation-name: posi;
  	animation-duration: 2s;
	z-index: 1;
}

@-webkit-keyframes posi {
  from {left: 25%;}
  to {left: 15%;}
}


@keyframes posi {
  from {left: 25%;}
  to {left: 15%;}
}

.slide-bg{
	width: 100%;
  	transform: scale(1.5, 1.5);
	-webkit-animation-name: zoomin;
	-webkit-animation-duration: 40s;
	animation-name: zoomin;
	animation-duration: 40s;
}
@-webkit-keyframes zoomin {
  from {transform: scale(1, 1);}
  to {transform: scale(1.5, 1.5);}
}


@keyframes zoomin {
  from {transform: scale(1, 1);}
  to {transform: scale(1.5, 1.5);}
}

@media screen and (max-width: 800px){
	.slide--design1{
		height: 500px;
	}

  .slide--design2 {
    height: 350px;
    background-color: var(--grid-hover-bg-color);
  }

  .slide--design2 ~ .slide-prev button, .slide--design2 ~ .slide-next button{
    top: 12%;
  }

  .hero-bg-img-with-text-desktop-container {
    display: none;
  }

	.slide-content{
		letter-spacing: 2px;
		line-height: 25px;
		top: 50%;
		left: 50%;
		transform: translate(-50%, -50%);
		-webkit-animation-name: posi2;
		-webkit-animation-duration: 2s;
		animation-name: posi2;
		animation-duration: 2s;
	}

	@-webkit-keyframes posi2 {
	  from {top: 35%;}
	  to {top: 50%;}
	}


	@keyframes posi2 {
	  from {top: 35%;}
	  to {top: 50%;}
	}

}

@media screen and (min-width: 801px){
  .slide--design2, .hero-bg-img-with-text{
    aspect-ratio: 2.85;
  }

  .hero-bg-img-with-text-desktop-container {
    display: block;
  }

  .hero-bg-img-with-text-mobile-container {
    display: none;
  }
}

@media screen and (min-width: 2000px){
	.slide--design1{
		height: 750px;
	}
}

/* Drawer */

.drawer {
  display: none;
  background-color: var(--drawer-bg-color);
  color: var(--drawer-color);
  height: 100vh;
  box-shadow: 2px 0px 5px rgba(0, 0, 0, 0.5);
  position: fixed;
  top: 0;
  left: 0;
  width: 70%;
  max-width: 300px;
  transform: translateX(-100%);
  transition: transform 0.3s ease-out;
  z-index: 101;
}

.drawer--active {
  transform: translateX(0);
  display: block;
}

.drawer-content--inactive {
  display: none;
}

.drawer-content--active {
  display: block;
}

.grid-drawer {
  display: grid;
  grid-template-areas: "menu account language" 
                       "content content content";
  grid-template-columns: 1fr 1fr max-content;
  grid-template-rows: 80px auto;
  height: 100%;
  width: 100%;
}

.grid-drawer__row1-item {
  background-color: var(--drawer-background-color);
  display: flex;
  flex-direction: column;
  justify-content: center;
}

.grid-drawer__row1-item--active {
  background-color: var(--drawer-bg-color-second);
}

.grid-drawer__row1-item--1 {
  grid-area: menu;
}

.grid-drawer__row1-item--2 {
  grid-area: account;
}

.grid-drawer__row1-item--3 {
  grid-area: language;
  padding: 0px 20px;
}

.grid-drawer__row2 {
  grid-area: content;
  padding: 0px 10px;
}

button[class="grid-drawer__row1__heading"] {
  background-color: transparent;
  border: none;
  color: var(--header-color-secondary);
  font-size: 1.2em;
  text-align: center;
}

.grid-drawer__row1-item--3 button[class="grid-drawer__row1__heading"] {
  font-size: 1.5em;
}

button[class="grid-drawer__row1__heading"]:hover {
  cursor: pointer;
  color: var(--font-color-primary);
}

.grid-drawer__row1-item--active button[class="grid-drawer__row1__heading"]:hover {
  cursor: default;
  color: var(--header-color-secondary);
}

/* backtop */

.backdrop {
  background: rgba(0,0,0,0.3);
  position: fixed;
  width: 100%;
  height: 100%;
  top: 0;
  left: 0;
  z-index: 100;
}

/* Menu */

.nav-desktop-main {
  display: block;
  margin: auto;
}

.dropdown__content--wide .linkimage-img {
  margin-bottom: -20px;
}

.nav-desktop-main--right {
  display: none;
  float: left;
}

.nav-mobile-main {
  display: block;
  float: left;
  margin-top: 5px;
}

.nav-mobile-main .svg-icon.svg-icon-search {
  margin-right: -0.7rem;
}

.desktop-nav-single-item {
  display: inline-block;
}

.desktop-nav-single-item a {
  color: var(--header-color-primary);
  padding-right: 0.9em;
}

.drawer-single-item {
  margin: 15px 0px;
}

.drawer-single-item a {
  color: var(--header-color-primary);
}

.drawer-single-item a:hover {
  color: var(--theme-color-primary);
}

.dropdown-menu-image-label {
  padding: 0px 16px 10px 16px;
}

.dropdown-menu-image-label a:hover {
  background-color: var(--theme-color-secondary);
  color: var(--text-color-when-button-in-theme-color-primary);
}

@media only screen and (min-width: 992px) {
  .nav-desktop-main--right {
    display: block;
  }

  .nav-mobile-main {
    display: none;
  }
}

/* Footer */

.footer-top {
  background-color: var(--footer-top-bg-color);
  color: var(--footer-top-color);
}

.footer-bottom {
  background-color: var(--footer-bottom-bg-color);
  color: var(--footer-bottom-color);
}

.grid-footer-top {
  display: grid;
  grid-template-areas: "menu"
                       "content"
                       "social";
  padding-left: var(--main-grid-padding-left-right);
  padding-right: var(--main-grid-padding-left-right);
  max-width: var(--content-width);
  margin: 0 auto;
}

.grid-footer-top__item {
  padding-top: 1em;
  padding-bottom: 1em;
}

.grid-footer-top__item--1 {
  grid-area: menu;
  padding-bottom: 0.5em;
}

.grid-footer-top__item--2 {
  grid-area: content;
  padding-bottom: 0.5em;
}

.grid-footer-top__item--3 {
  grid-area: social;
  padding-top: 0.5em;
}

.social-media-buttons {
  text-align: center;
  display: flex;
  justify-content: center;
}

.grid-employee-card .social-media-buttons {
  padding-top: 10px;
}

.grid-footer-bottom {
  display: grid;
  grid-template-areas: "legal"
                       "copyright";
  padding-left: var(--main-grid-padding-left-right);
  padding-right: var(--main-grid-padding-left-right);
  max-width: var(--content-width);
  margin: 0 auto;
}

.grid-footer-bottom__item {
  font-size: 0.8em;
  padding-top: 1em;
  padding-bottom: 1em;
}

.grid-footer-bottom__item--1 {
  grid-area: legal;
}

.grid-footer-bottom__item--2 {
  grid-area: copyright;
  text-align: center;
}

.grid-footer-top__item a {
  color: var(--footer-top-color);
}

.grid-footer-bottom__item a {
  color: var(--footer-bottom-color);
}

.grid-footer-menu {
  display: grid;
  grid-template-columns: repeat(2, 1fr);
  grid-row-gap: 1em;
}

.grid-footer-menu__item {
  padding-right: 2em;
}

.footer-submenu-heading, .footer-content-heading {
  color: var(--footer-top-submenu-heading);
  font-size: 1em;
  text-transform: uppercase;
}

.footer-submenu-item {
  font-size: 0.8em;
}

.grid-footer-menu .footer-submenu-heading, .grid-footer-menu .footer-submenu-item {
  padding-top: 0.3em;
  padding-bottom: 0.3em;
  border-bottom: 1px solid var(--footer-top-submenu-border-color)
}

.brand-contact__address {
  padding-bottom: 10px;
}

.grid-legal {
  display: grid;
  grid-template-columns: repeat(2, 1fr);
  grid-row-gap: 0.6em;
  margin: 0px;
}

footer a:hover {
  color: var(--footer-color-hover);
}

@media only screen and (min-width: 992px) {
  .grid-footer-top {
    grid-template-areas: "menu content social";
    grid-template-columns: 2fr 1fr 1fr;
  }

  .grid-footer-top__item {
    padding-top: 1em;
    padding-bottom: 1em;
  }

 .social-media-buttons {
    float: left;
  }

  .grid-footer-bottom {
    grid-template-areas: "legal copyright";
    grid-template-columns: 2fr 1fr;
  }

  .grid-footer-bottom__item {
    font-size: 0.9em;
  }

  .grid-footer-bottom__item--1 {
    padding-left: 0em;
}

  .grid-footer-bottom__item--2 {
    text-align: right;
  }

  .grid-footer-menu {
    grid-template-columns: repeat(3, 1fr);
  }

  .footer-submenu-heading, .footer-content-heading {
    font-size: 1.1em;
  }

  .footer-content-heading {
    padding-top: 25px;
    padding-bottom: 10px;
  }
  
  .footer-submenu-item {
    font-size: 1em;
  }

  .grid-legal {
    grid-template-columns: repeat(6, max-content);
  }

  .grid-legal__item {
    padding-right: 1em;
  }
}

/* Social Cannel Buttons */

a.social-media-button-link:hover {
  color: var(--footer-top-color);
}

.social-media-button {
  background-color: var(--social-button-bg-color);
  fill: var(--social-button-icon-color);
  border-radius: 5px;
  font-size: 1.8em;
  margin: 5px;
  min-width: 1.4em;
}

.social-media-button a:hover{
  color: var(--social-button-icon-color);
}

.social-media-button--twitter:hover {
  background-color: var(--twitter-color);
}

.social-media-button--facebook:hover {
  background-color: var(--facebook-color);
}

.social-media-button--instagram:hover {
  background-color: var(--instagram-color);
}

.social-media-button--youtube:hover {
  background-color: var(--youtube-color);
}

.social-media-button--linkedin:hover {
  background-color: var(--linkedin-color);
}

.social-media-button--xing:hover {
  background-color: var(--xing-color);
}

@media only screen and (min-width: 992px) {
  .social-media-button {
    font-size: 1.5em;
  }
}

/* Modal */

.modal {
  display: none;
  position: fixed;
  z-index: 90; 
  height: 100%;
}

.modal--bg-blocked {
  top: 0;
  left: 0;
  width: 100%;
}

.modal--bg-clickable {
  top: 40%;
  left: 50%;
  margin-top: 8px;
}

.modal--active {
  display: block;
}

.modal__overlay {
  position: fixed; /* Stay in place */
  z-index: 100; 
  top: 0;
  left: 0;
  width: 100%; /* Full width */
  height: 100%; /* Full height */
  overflow: auto; /* Enable scroll if needed */
  background-color: rgb(0,0,0); /* Fallback color */
  background-color: rgba(0,0,0,0.4); /* Black w/ opacity */
}

/* Modal Content */
.modal__content {
  background-color: #fefefe;
  border-radius: 5px;
  margin: auto;
  transform: translate(-50%, -50%);
  padding: 20px;
  animation: fadeInFromBottom 0.3s;
  max-width: 90%;
  max-height: 90%;
  overflow-y: auto;
}

.modal--bg-blocked .modal__content {
  position: absolute;
  width: max-content;
  top: 50%;
  left: 50%;
  z-index: 110;
}

.modal--bg-clickable .modal__content {
  position: relative;
  width: 280px;
  z-index: 110;
}

.modal--bg-clickable  .modal__content {
  box-shadow: 0px 0px 0px 5px rgba(0, 0, 0, 0.1);
}

.dialog-button-container {
  text-align: right;
}

.modal-close-x {
  text-align: right;
}

.modal-close-x a {
  color: var(--font-color-primary);
}

.modal-close-x a:hover {
  color: var(--theme-color-primary);
}

@keyframes fadeInFromBottom {
  from {
    opacity: 0;
    transform: translateX(-50%);
  }
  to { 
    opacity: 1,
  }
}

@media only screen and (min-width: 992px) {
  .modal--bg-clickable {
    top: -1%;
  }

  .modal--bg-clickable .modal__content {
    position: absolute;
    width: max-content;
    top: 50%;
    left: 50%;
    z-index: 110;
  }
}

/* Cookie Modal */

.cookie-modal-logo-container {
  width: 100%;
  margin-bottom: 20px;
}

.cookie-modal-logo {
  max-width: 120px;
}

.cookie-modal-heading {
  font-size: 1.4em;
}

.cookie-modal--status-main .cookie-modal-details, .cookie-modal--status-main .modal-close-x {
  display: none;
}

.cookie-modal--status-details .cookie-modal-main {
  display: none;
}

.grid-cookie-modal-buttons {
  display: grid;
  grid-template-columns: 1fr 1fr;
  column-gap: 10px;
  font-size: 0.8em;
}

.cookie-modal-footer {
  margin-top: 20px;
  font-size: 0.8em;
}

.cookie-modal p, .cookie-category-info {
  font-size: 0.8em;
}

.cookie-modal-footer a, .cookie-modal-footer a:visited {
  color: var(--font-color-primary);
}

.cookie-modal-footer a:hover {
  color: var(--theme-color-primary);
}

.cookie-category {
  padding: 5px;
  box-shadow: 0px 0px 10px 3px rgba(0, 0, 0, 0.1);
  margin-bottom: 10px;
}

.grid-cookie-category-main {
  display: grid;
  grid-template-columns: auto max-content;
  column-gap: 10px;
}

.cookie-category-details-container {
  display: none;
}

.cookie-category-details-container--active {
  display: block;
}

@media only screen and (min-width: 992px) {
	.cookie-modal{
    max-width: 700px;
  }

  .cookie-modal-logo {
    max-width: 200px;
  }

  .grid-cookie-modal-buttons {
    column-gap: 20px;
    font-size: 1em;
  }

  .cookie-modal p, .cookie-category-info {
    font-size: 1em;
  }

  .cookie-category {
    padding: 10px;
    margin-bottom: 20px;
  }

  .grid-cookie-category-main {
    column-gap: 40px;
    padding: 10px;
  }

  .grid-cookie-category-main input {
    width: 40px;
    height: 40px;
  }
}

/* Link */

.active-link {
  color: var(--theme-color-primary);
}

/* Video */

.youtube-iframe-container{
	position: relative;
	width: 100%;
	padding-bottom: 56.25%; 
	height: 0;
}

.youtube-iframe-container iframe{
  position: absolute;
  top:0;
  left: 0;
  width: 100%;
  height: 100%;
  border: none;
}

/* Layout */

.content-grid {
  display: grid;
  grid-template-columns: 1fr 1fr;
  grid-row-gap: 10px;
  grid-column-gap: 10px;
}

.content-grid-item {
  background-color: var(--twenty-eight-color);
  word-wrap: anywhere;
}

.content-grid-main-item {
  background-color: var(--theme-color-primary);
  color: white;
  word-wrap: anywhere;
  font-size: 1.3em;
  text-transform: uppercase;
  padding: 20px;
}

.content-grid--secondary .content-grid-main-item {
  background-color: var(--theme-color-secondary);
}

.content-grid-item a {
  color: var(--font-color-primary);
}

.content-grid-item-image-container {
  background-color: var(--img-bg-color);
  padding: 20px;
}

.content-grid-item-image {
  background-color: var(--img-bg-color);
}

.content-grid-item-heading {
  font-size: 0.8em;
  font-weight: 600;
  padding-bottom: 0px;
}

.content-grid-item-heading, .content-grid-item-text {
  padding: 2px 5px 5px 5px;
}

.content-grid-main-item .content-grid-item-heading {
  text-align: left;
  border-bottom: 2px solid white;
  border-top: 2px solid white;
  padding-bottom: 20px;
  padding-top: 20px;
  font-weight: 500;
}

.content-grid-item-text {
  font-size: 0.7em;
}

.kpi-grid {
  display: grid;
  grid-template-columns: 1fr 1fr;
  grid-row-gap: 10px;
  grid-column-gap: 10px;
  padding-bottom: 20px;
}

.kpi-number {
  color: var(--theme-color-primary);
  font-weight: 700;
  font-size: 1.4em;
  padding: 10px 0px;
}

.simple-hero-row {
  background-color: var(--img-bg-color);
}

.simple-hero-row--boxed {
  background-color: var(--grid-hover-bg-color);
}

.grid-img-text-box-row {
  display: grid;
  grid-template-columns: 1fr;
}

.grid-img-text-box-row p a, .rich-text-paragraph a, .content-grid-item-text a, .grid-img-text-box-row p a:visited, .rich-text-paragraph a:visited, .content-grid-item-text a:visited {
  color: var(--theme-color-primary);
}

.img-text-box-row_img, .img-text-box-row_text {
  background-color: #f4f4f4;
}

.img-text-box-row_text {
  padding: 10px;
  background-color: antiquewhite;
}

.img-text-box-row_text h1 {
  font-weight: 600;
}

.grid-simple-hero-row {
  display: grid;
  grid-template-areas: "simple-hero-row-img"
                       "simple-hero-row-txt";
  padding: 10px;
}

.grid-simple-video-row {
  display: grid;
  grid-template-columns: 1fr;
  background-color: var(--theme-color-primary);
}

.simple-video-row-info-container {
  padding: 20px;
}

.simple-hero-row-preheading {
  font-size: 0.84em;
  text-transform: uppercase;
  padding-bottom: 20px;
}

.simple-hero-row-heading {
  font-size: 1.4em;
  font-weight: 600;
  text-transform: uppercase;
  padding-bottom: 20px;
}

.simple-hero-row--boxed .simple-hero-row-heading {
  text-transform: none;
}

.simple-hero-row--boxed h1.simple-hero-row-heading {
  margin-bottom: 0px;
}

.simple-hero-row-txt {
  font-size: 1.1em;
}

.advanced-heading-mobile {
  background-position: center;
  background-repeat: no-repeat;
  background-size: cover;
}

.advanced-heading-mobile h1 {
  background-color: rgba(0, 0, 0, 0.6);
  color: white;
  font-size: 1.6em;
  padding: 10px;
  text-transform: uppercase;
  font-weight: 600;
  margin: 20px auto;
}

.yt-buzzword {
  color: white;
  font-size: 3.5em;
  padding: 10px;
  text-transform: uppercase;
  font-weight: 700;
}

.diagonal-box {
  position: relative;
  padding: 10vw 0px;
  /* background-image: linear-gradient(var(--gradient-color1), var(--gradient-color2)); */
}

.diagonal-box--decent {
  background-image: none;
  background-color: var(--img-bg-color);
}

.diagonal-box--very-decent {
  background-image: none;
  background-color: var(--very-decent-bg-color);
}

.diagonal-box-svg-top, .diagonal-box-svg-bottom {
  position: absolute;
  width: 100%;
  height: 10vw;
}

.diagonal-box-svg-top {
  top: 0;
}

.diagonal-box-svg-bottom {
  bottom: 0;
}

.pagebuilder-h1 {
  font-size: 1.4em;
  margin-top: 20px;
}

.pagebuilder-h2 {
  font-size: 1.2em;
}

.pagebuilder-h2.content-container {
  padding-bottom: 0px;
}

.simple-hero-row-info-container {
  padding-bottom: 20px;
}

.simple-hero-row-info-container .breadcrumbs {
  padding-bottom: 20px;
}

.shape-chevron-into { 
  clip-path: polygon(100% 0%, 100% 100%, 0% 100%, 25% 50%, 0% 0%);
  -webkit-clip-path: polygon(100% 0%, 100% 100%, 0% 100%, 25% 50%, 0% 0%);
}

.shape-chevron-right { 
  clip-path: polygon(75% 0%, 100% 50%, 75% 100%, 0% 100%, 25% 50%, 0% 0%);
  -webkit-clip-path: polygon(75% 0%, 100% 50%, 75% 100%, 0% 100%, 25% 50%, 0% 0%);
}

.shape-circle-45 { 
  clip-path: circle(45% at center);
  -webkit-clip-path: circle(45% at center);
}

.shape-parallelogram { 
  clip-path: polygon(10% 100%,40% 0%, 100% 0%, 70% 100%);
  -webkit-clip-path: polygon(10% 100%,40% 0%, 100% 0%, 70% 100%);
}

.shape-parallelogram-0-25 { 
  clip-path: polygon(0% 100%,25% 0%, 100% 0%, 75% 100%);
  -webkit-clip-path: polygon(0% 100%,25% 0%, 100% 0%, 75% 100%);
}

.bg-white {
  background: white;
}

.bg-grid-hover-bg-color {
  background: var(--grid-hover-bg-color)
}

.div-white-shadow {
  background: white;
  box-shadow: 0 0 10px 3px rgba(0,0,0,.1);
}

.grid-advanced-hero-row {
  display: grid;
  grid-template-columns: 1fr;
  grid-template-areas: "ahr-img"
                       "ahr-info";
}

.advanced-hero-row-info-container {
  grid-area: ahr-info;
}

.advanced-hero-row-img-container {
  grid-area: ahr-img;
}

.advanced-hero-row-info {
  margin-right: 10px;
  margin-left: 10px;
}

.advanced-hero-row-heading {
  text-transform: uppercase;
  color: var(--theme-color-primary);
  font-size: 1.5em;
  font-weight: 700;
  padding-bottom: 20px;
  padding-top: 30px;
  text-align: center;
}

.advanced-hero-row-subheading {
  font-size: 1.5em;
  color: var(--font-color-primary);
  text-align: center;
}

.hero-bg-img-row {
  background-repeat: no-repeat;
  background-size: cover;
  background-position: center;
  max-height: 400px;
  height: calc(100svh - 71px);
  display: flex;
  justify-content: center; /* horizontal */
  align-items: center;     /* vertikal */
}

.hero-bg-img-row-inner {
  text-align: center;
}

.hero-bg-img-row-heading {
  color: white;
  font-size: 1.5em;
  font-weight: 300;
  line-height: 1.4em;
}

.hero-bg-img-with-text {
  background-repeat: no-repeat;
  background-size: cover;
  width: 100%;
}

.hero-bg-img-with-text-info {
  background-color: rgba(0, 0, 0, 0.5);
  padding: 20px;
  max-width: 800px;
  text-align: center;
  position: relative;
  top: 75%;
  transform: translateY(-50%);
}

.hero-bg-img-with-text-info .advanced-hero-row-heading, .hero-bg-img-with-text-info .advanced-hero-row-subheading {
  color: white;
}

.simple-hero-row-bullet-point-heading {
  font-weight: 700;
  margin-top: 20px;
  font-size: 1.1em;
}

.simple-hero-row-bullet-point-text {
  font-size: 1.1em;
  padding-bottom: 15px;
}

.bullet-point {
  padding: 5px;
  box-shadow: 0px 0px 10px 3px rgba(0, 0, 0, 0.1);
}

.bullet-point a, .bullet-point a:visited {
  color: var(--theme-color-primary);
}

.bullet-point .svg-icon {
  color: var(--theme-color-primary);
}

.grid-bullet-point {
  display: grid;
  grid-template-columns: max-content auto;
  column-gap: 10px;
}

.bullet-point-list {
  display: grid;
  grid-template-columns: 1fr;
  row-gap: 20px;
}

.grid-standalone-link {
  display: grid;
  grid-template-columns: max-content auto;
  column-gap: 10px;
}

a .grid-standalone-link, 
a .grid-standalone-link:visited {
  color: var(--theme-color-primary);
}

.employees-row-heading {
  text-align: center;
  font-size: 1.5em;
  font-weight: 500;
}

.employees-row-subheading {
  text-align: center;
  padding-top: 10px;
}

.img-desc-btn-item-list-heading {
  text-transform: uppercase;
  font-style: italic;
}

.img-desc-btn-item-list-grid {
  display: grid;
  grid-template-columns: 1fr;
  row-gap: 30px;
}

.img-desc-btn-item-grid {
  display: grid;
  grid-template-columns: 1fr;
  row-gap: 10px;
}

.img-desc-btn-item {
  padding: 20px;
  background-color: white;
  border-top: 5px solid var(--theme-color-primary);
  box-shadow: 0 0 10px 5px rgba(0,0,0,.2);
}

.img-desc-btn-item-links {
  padding-top: 10px;
}

.simple-bullet-point-list {
  display: grid;
  grid-template-columns: max-content auto;
  column-gap: 10px;
  row-gap: 10px;
}

.simple-bullet-point-list-text--bold {
  font-weight: 600;
}

.grid-pricing-table, .grid-bpls-with-headings-row {
  display: grid;
  grid-template-columns: 1fr;
  row-gap: 20px;
}

.bpls-with-headings-row-item-heading {
  font-size: 1.2em;
  padding-bottom: 10px;
}

.grid-pricing-table-item {
  background-color: var(--grid-hover-bg-color);
  box-shadow: 0 0 10px 3px rgba(0,0,0,.1);
  border-radius: 10px;
  padding: 10px;
}

.pricing-table-item-heading {
  font-size: 1.4em;
  font-weight: 600;
}

.pricing-table-item-subheading {
  text-transform: uppercase;
  margin-bottom: 20px;
}

.pricing-table-item-price-prefix {
  text-transform: uppercase;
  font-size: 0.8em;
}

.pricing-table-item-price {
  font-size: 1.4em;
  font-weight: 600;
  margin-bottom: 20px;
}

.pricing-table-item-features-heading {
  text-transform: uppercase;
  font-weight: 600;
  letter-spacing: .12em;
  margin-bottom: 10px;
  font-size: 0.9em;
}

.simple-bullet-point-list-icon .svg-icon {
  color: var(--theme-color-primary);
}

.grid-text-2bpls-img-row {
  display: grid;
  grid-template-columns: 1fr;
  grid-template-areas: "txt" 
                       "bpls" 
                       "img";
  row-gap: 10px;
}

.text-2bpls-img-row__text {
  grid-area: txt;
}

.text-2bpls-img-row__img {
  grid-area: img;
}

.text-2bpls-img-row__bpls {
  grid-area: bpls;
  display: grid;
  grid-template-columns: 1fr;
  row-gap: 10px;
}

.text-2bpls-img-row__bplist-heading {
  font-size: 1.2em;
  font-weight: 600;
  margin-bottom: 10px;
}

.career-benefits-row {
  margin: 20px 0px;
}

.grid-career-benefits-row {
  display: grid;
  grid-template-columns: 1fr;
  column-gap: 20px;
  background-color: var(--grid-hover-bg-color);
  box-shadow: 0px 0px 10px 3px rgba(0, 0, 0, 0.1);
}

.career-benefits-heading {
  font-size: 1.4em;
  font-weight: 600;
  margin-bottom: 10px;
}

.career-benefits-text {
  font-size: 1.1em;
  padding-bottom: 20px;
}

.grid-career-benefits-row-bullet-points {
  display: grid;
  grid-template-columns: 1fr;
}

.grid-career-benefits-row .simple-bullet-point-list {
  padding-bottom: 10px;
}

.grid-career-benefits-employee-reviews {
  display: grid;
  grid-template-columns: 1fr;
  row-gap: 10px;
}

.employee-review-employee-name {
  font-size: 1.1em;
  font-weight: 600;
}

.employee-review-heading {
  font-size: 0.9em;
  padding-bottom: 10px;
  padding: 5px 0px;
  margin: 5px 0px;
  border-top: 1px solid #ddd;
  border-bottom: 1px solid #ddd;
}

.employee-review-text {
  font-size: 0.9em;
  font-style: italic;
}

.jobs-row-heading, .newsletter-row-heading {
  text-align: center;
  font-size: 1.4em;
  font-weight: 600;
}

.job-card, .fair-card {
  padding: 10px;
  box-shadow: 0px 0px 10px 3px rgba(0, 0, 0, 0.1);
  margin: 20px 0px;
}

.job-card:hover {
  background-color: var(--grid-hover-bg-color);
}

.job-card-heading, .fair-card-heading {
  font-size: 1.2em;
  font-weight: 600;
  padding-bottom: 10px;
  color: var(--theme-color-primary);
}

.grid-job-card-icons {
  display: grid;
  grid-template-columns: max-content auto;
  column-gap: 5px;
  row-gap: 10px;
  color: var(--font-color-primary);
}

.grid-fair-card-icon {
  display: grid;
  grid-template-columns: max-content auto;
  column-gap: 5px;
  color: var(--font-color-primary);
}

.grid-newsletter-row {
  display: grid;
  grid-template-columns: 1fr;
  row-gap: 20px;
  margin: 20px 0px;
}

.newsletter-archive-heading {
  font-size: 1.2em;
  font-weight: 600;
  padding-bottom: 10px;
}

.grid-newsletter-issue {
  display: grid;
  grid-template-columns: max-content auto;
  column-gap: 5px;
  margin-bottom: 5px;
}

.newsletter-issue-title a, .newsletter-subscribe-text a {
  color: var(--theme-color-primary);
}

.newsletter-foreign-script-container button {
  background-color: var(--theme-color-primary) !important;
  margin: 20px 0px;
  font-size: 16px;
}

.newsletter-foreign-script-container input:focus {
  outline: none;
}

.grid-images-groups-headings-row {
  display: grid;
  grid-template-columns: 1fr;
  row-gap: 20px;
}

.grid-images-with-one-heading {
  display: grid;
  grid-template-columns: 1fr 1fr;
  column-gap: 10px;
  row-gap: 10px;
}

.images-with-one-heading__heading {
  font-weight: 600;
  margin-bottom: 10px;
}

.grid-faqs-row {
  display: grid;
  grid-template-columns: 1fr;
  row-gap: 20px;
}

.short-info-row-heading, .faqs-row-heading, .mail-response-form-row-heading {
  font-size: 1.2em;
  font-weight: 600;
  text-align: center;
}

.mail-response-form-row-text {
  margin-top: 10px;
  text-align: center;
}

.grouped-txt-imgs-row__grid-group {
  display: grid;
  grid-template-columns: 1fr;
  row-gap: 10px;
  padding-bottom: 10px;
}

.grouped-txt-imgs-row__imgs-grid-1-1 {
  display: grid;
  grid-template-columns: 1fr 1fr;
  row-gap: 10px;
  column-gap: 10px;
}

.grouped-txt-imgs-row__group-image-label {
  text-align: center;
}

.grid-prim-seco-btns {
  display: grid;
  grid-template-columns: max-content auto;
  column-gap: 20px;
}

.img-text-box-row_text .linkbutton--secondary a, .img-text-box-row_text .linkbutton--secondary a:hover {
  border: none;
}

@media only screen and (max-width: 991px) {
  .clip-path-desktop-only {
    clip-path: none;
    -webkit-clip-path: none;
  }
}

@media only screen and (min-width: 992px) {
  .shape-parallelogram-0-25-desktop-only { 
    clip-path: polygon(0% 100%,25% 0%, 100% 0%, 75% 100%);
    -webkit-clip-path: polygon(0% 100%,25% 0%, 100% 0%, 75% 100%);
  }

  .border-tb-30px-ptc-desktop-only { 
    border-top: 30px solid var(--theme-color-primary);
    border-bottom: 30px solid var(--theme-color-primary);
  }

  .max-height-400-width-max-content-desktop-only { 
    max-height: 400px;
    width: max-content;
  }

  .max-height-400-desktop-only { 
    max-height: 400px;
  }

  .content-grid {
    grid-template-columns: 1fr 1fr 1fr 1fr;
    grid-column-gap: 30px;
    grid-row-gap: 30px;
    padding-bottom: 40px;
  }

  .content-grid--3col {
    grid-template-columns: 1fr 1fr 1fr;
  }

  .content-grid-item {
    border-top: 5px solid var(--theme-color-primary);
    background-color: white;
    box-shadow: 0 0 10px 3px rgba(0,0,0,.1);
    padding: 20px;
  }

  .content-grid--secondary  .content-grid-item {
    border-top: 5px solid var(--theme-color-secondary);
  }

  .content-grid-main-item {
    font-size: 2.5em;
  }

  .grid-1-1-1-1-1-desktop .content-grid-main-item {
    font-size: 2em;
  }

  .content-grid-main-item .content-grid-item-heading {
    border-bottom: 5px solid white;
    border-top: 5px solid white;
  }

  .content-grid-item-heading {
    font-size: 1.3em;
    font-weight: 500;
  }

  .content-grid-item:hover {
    background-color: var(--grid-hover-bg-color);
    box-shadow: 0 0 15px 5px rgba(0,0,0,.2);
  }

  .content-grid-item-heading, .content-grid-item-text {
    padding: 10px 0px 0px 0px;
    text-align: center;
  }

  .content-grid-item-text {
    font-size: 1em;
    font-weight: 300;
  }

  .content-grid-item-image {
    background-color: transparent;
  }

  .content-grid-h2 {
    font-size: 30px;
  }

  .kpi-grid {
    grid-template-columns: 1fr 1fr 1fr 1fr;
    grid-column-gap: 20px;
    grid-row-gap: 20px;
    padding-bottom: 40px;
  }

  .kpi-number {
    font-size: 1.8em;
    padding: 20px 0px;
  }

  .kpi-label {
    font-size: 1.2em;
  }

  .yt-buzzword {
    font-size: 10em;
  }

  .grid-img-text-box-row {
    grid-template-columns: 3fr 2fr;
  }

  .grid-img-text-box-row--1-1 {
    grid-template-columns: 1fr 1fr;
  }

  .grid-img-text-box-row--1-2 {
    grid-template-columns: 1fr 2fr;
  }

  .grid-img-text-box-row--1-4 {
    grid-template-columns: 1fr 4fr;
  }

  .grid-img-text-box-row--max-auto {
    grid-template-columns: max-content auto;
  }

  .grid-img-text-box-row h1 {
    font-size: 2rem;
    margin: 20px 0px;
  }

  .grid-img-text-box-row p {
    font-size: 24px;
  }

  .img-text-box-row_img {
    background-color: #eee;
  }

  .img-text-box-row_text {
    padding: 30px;
    border-right: 10px solid var(--theme-color-primary);
  }

  .img-text-box-row_text--right {
    padding: 30px;
    border-right: 10px solid var(--theme-color-primary);
  }

  .img-text-box-row_text--right {
    border-right: none;
    border-left: 10px solid var(--theme-color-primary);
  }

  .rich-text-paragraph {
    font-size: 24px;
  }

  .simple-hero-row--boxed {
    background-color: transparent;
    padding: 40px 0px;
  }

  .simple-hero-row--heading-row {
    padding: 0px;
  }

  .simple-hero-row--heading-row .content-container {
    padding: 0px 20px;
  }

  .simple-hero-row--heading-row img {
    width: auto;
    max-height: 300px;
  }

  .grid-simple-hero-row {
    display: grid;
    grid-template-areas: none;
    grid-template-columns: 1fr 1fr;
    column-gap: 70px;
  }

  .simple-hero-row--boxed .grid-simple-hero-row, .simple-hero-row--boxed .grid-text-2bpls-img-row {
    box-shadow: 0px 0px 10px 3px rgba(0, 0, 0, 0.1);
    background-color: var(--grid-hover-bg-color);
  }

  .simple-hero-row--boxed .grid-text-2bpls-img-row--bg-transparent {
    background-color: transparent;
  }

  .simple-hero-row--boxed .simple-hero-row-info-container {
    padding: 20px;
  }

  .grid-simple-hero-row--2-1 {
    grid-template-columns: 2fr 1fr;
  }

  .grid-simple-hero-row--3-2 {
    grid-template-columns: 3fr 2fr;
  }

  .grid-simple-video-row {
    grid-template-columns: 1fr 1fr;
    box-shadow: 0px 0px 10px 3px rgba(0, 0, 0, 0.1);
  }

  .simple-hero-row-heading {
    font-size: 1.8em;
  }

  .simple-hero-row-text {
    font-size: 1.2em;
  }

  .simple-hero-row-text:nth-child(even) {
    padding: 10px 0px;
  }

  .simple-hero-row-info-container .linkbutton {
    font-size: 1.2em
  }

   .simple-hero-row--boxed .simple-hero-row-heading {
    font-size: 2em;
  }

  .pagebuilder-h1 {
    margin: 50px 0px 20px 0px;
    font-size: 1.8em;
  }

  .pagebuilder-h2 {
    font-size: 2em;
    padding-top: 20px;
  }

  .contact-address-info {
    width: max-content;
  }

  .provider-address-item {
    background-color: var(--footer-top-bg-color);
    border-left: 3px solid var(--theme-color-primary);
    padding: 0 20px 10px 10px;
    margin-top: 20px;
  }

  .grid-advanced-hero-row {
    display: grid;
    grid-template-columns: 1fr 2fr;
    grid-template-areas: "ahr-info ahr-img";
  }

  .advanced-hero-row-info-container {
    max-height: 750px;
  }

  .advanced-hero-row-info {
    margin-right: -40%;
    margin-left: 20%;
  }

  .advanced-hero-row-info--circle-45 {
    margin-right: -27%;
  }

  .advanced-hero-row-heading {
    font-size: 2.5em;
    padding-bottom: 30px;
    padding-top: 0px;
    text-align: left;
  }

  .advanced-hero-row-subheading {
    font-size: 2em;
    text-align: left;
  }

  .bullet-point {
    padding: 10px;
  }

  .grid-bullet-point {
    column-gap: 30px;
    padding: 10px;
  }

  .bullet-point-list {
    display: grid;
    column-gap: 30px;
  }

  .bullet-point-list--2col {
    grid-template-columns: 1fr 1fr;
  }

  .bullet-point-list--3col {
    grid-template-columns: 1fr 1fr 1fr;
  }

  .employees-row-heading {
    text-align: center;
    font-size: 2em;
  }

  .img-desc-btn-item-grid {
    grid-template-columns: 1fr 2fr max-content;
    column-gap: 30px;
    height: 100%;
  }

  .img-desc-btn-item--btn-1fr .img-desc-btn-item-grid {
    grid-template-columns: 1fr 2fr 1fr;
  }

  .img-desc-btn-item-list-heading {
    font-size: 2em;
  }

  .img-desc-btn-item-list-grid {
    grid-template-columns: 1fr 1fr;
    row-gap: 30px;
    column-gap: 30px;
  }

  .grid-pricing-table, .grid-bpls-with-headings-row {
    column-gap: 40px;
  }

  .grid-pricing-table--2cols {
    grid-template-columns: 1fr 1fr;
  }

  .grid-pricing-table--3cols {
    grid-template-columns: 1fr 1fr 1fr;
  }

  .grid-pricing-table--4cols {
    grid-template-columns: 1fr 1fr 1fr 1fr;
  }

  .grid-pricing-table--5cols {
    grid-template-columns: 1fr 1fr 1fr 1fr 1fr;
  }

  .grid-pricing-table-item {
    padding: 20px;
  }

  .grid-bpls-with-headings-row-item {
    padding: 20px;
    box-shadow: 0 0 10px 3px rgba(0,0,0,.1);
    border-left: 5px solid var(--theme-color-primary);
  }

  .bpls-with-headings-row-item-heading {
    font-size: 1.4em;
    padding-bottom: 20px;
  }

  .pricing-table-item-heading, .pricing-table-item-price {
    font-size: 1.6em;
  }

  .pricing-table-item-image {
    padding: 20px 40px;
  }

  .grid-text-2bpls-img-row {
    display: grid;
    grid-template-columns: 1fr 1fr 1fr;
    grid-template-areas: "txt txt img"
                       "bpls bpls img";
    row-gap: 10px;
  }

  .text-2bpls-img-row__bpls {
    display: grid;
    grid-template-columns: 1fr 1fr;
    column-gap: 20px;
  }

  .hero-bg-img-row {
    height: calc(100svh - 131px);
    max-height: none;
  }

  .hero-bg-img-row-heading {
    font-size: 4em;
    line-height: 1.4em;
  }

  .grid-career-benefits-row {
    display: grid;
    grid-template-columns: 1fr 1fr;
    column-gap: 30px;
  }

  .career-benefits-heading {
    font-size: 2em;
  }

  .career-benefits-text {
    margin-bottom: 40px;
  }

  .grid-career-benefits-row-bullet-points {
    display: grid;
    grid-template-columns: 1fr 1fr;
    column-gap: 30px;
  }

  .grid-career-benefits-employee-reviews {
    display: grid;
    grid-template-columns: 1fr 1fr;
    column-gap: 20px;
    row-gap: 20px;
  }

  .career-benefits-row .grid-employee-card {
    grid-template-columns: 1fr 2fr;
  }

  .jobs-row-heading, .newsletter-row-heading {
    font-size: 2em;
  }

  .job-card, .fair-card {
    padding: 25px;
    margin: 30px 0px;
  }

  .fair-card {
    display: grid;
    grid-template-columns: 2fr 2fr 1fr;
  }

  .job-card-heading {
    font-size: 1.6em;
    padding-bottom: 20px;
  }

  .fair-card-heading {
    font-size: 3em;
    padding-bottom: 0px;
  }

  .grid-job-card-icons {
    grid-template-columns: max-content max-content max-content max-content;
    column-gap: 5px;
  }

  .job-card-icon-label {
    padding-right: 10px;
  }

  .grid-newsletter-row {
    grid-template-columns: 1fr 1fr;
    column-gap: 50px;
  }

  .grid-newsletter-row__item1 {
    border-left: 10px solid var(--theme-color-primary);
    padding: 30px;
    box-shadow: 0px 0px 10px 3px rgba(0, 0, 0, 0.1);
  }

  .newsletter-foreign-script-container input {
    width: 220px;
    border: 1px solid #ccc;
  }

  .newsletter-foreign-script-container button {
    font-size: 20px;
  }

  .grid-images-groups-headings-row {
    display: grid;
    grid-template-columns: 1fr 1fr;
    row-gap: 20px;
    column-gap: 20px;
  }

  .grid-images-with-one-heading {
    grid-template-columns: 1fr 1fr 1fr 1fr;
    column-gap: 20px;
    row-gap: 20px;
  }

  .grid-faqs-row {
    grid-template-columns: 1fr 1fr;
    row-gap: 20px;
  }

  .faqs-row-heading-container {
    display: flex;
    align-items: center;
    justify-content: center;
    background-color: var(--theme-color-secondary);
    padding: 20px;
  }

  .faqs-row-heading {
    font-size: 3em;
    font-style: italic;
    color: white;
  }

  .mail-response-form-row-heading {
    text-align: left;
    font-size: 2.4em;
  }

  .mail-response-form-row-text {
    text-align: left;
    font-size: 1.2em;
    margin-top: 20px;
  }

  .grouped-txt-imgs-row__grid-group {
    grid-template-columns: 2fr 1fr;
    column-gap: 100px;
    row-gap: 20px;
    padding-bottom: 20px;
    padding-left: 20px;
    border-left: 20px solid var(--theme-color-primary);
  }

  .grouped-txt-imgs-row__imgs-grid-1-1 {
    display: grid;
    grid-template-columns: 1fr 1fr;
    row-gap: 40px;
    column-gap: 20px;
  }

  .grouped-txt-imgs-row__group-heading, .grouped-txt-imgs-row__group-text {
    font-size: 1.1em;
  }
}

/* Layout Ende */

/* LinkListsRow */

.grid-link-lists-row {
  display: grid;
  grid-template-columns: 1fr;
  row-gap: 20px;
}

.link-lists-row-list-heading {
  font-size: 1.1em;
  font-weight: 500;
  padding-bottom: 10px;
}

.link-lists-row-list .grid-standalone-link {
  color: var(--font-color-primary);
  padding-bottom: 10px;
}

.link-lists-row-list .grid-standalone-link:hover {
  color: var(--theme-color-primary);
}

@media only screen and (min-width: 992px) {
  .grid-link-lists-row {
    grid-template-columns: 1fr 1fr 1fr 1fr;
    column-gap: 30px;
    row-gap: 30px;
  }

  .link-lists-row-list-heading {
    font-size: 1.2em;
    padding-bottom: 20px;
  }

  .link-lists-row-list {
    border-left: 10px solid var(--theme-color-primary);
    padding: 30px;
    box-shadow: 0px 0px 10px 3px rgba(0, 0, 0, 0.1);
  }
}

/* TextImgRow */

.grid-text-img-row {
  display: grid;
  grid-template-columns: 1fr;
  row-gap: 10px;
}

.grid-text-img-row a {
  color: var(--theme-color-primary);
}

.grid-text-img-row-text-section-heading {
  padding-top: 20px;
  padding-bottom: 10px;
  font-weight: 600;
}

@media only screen and (min-width: 992px) {
  .grid-text-img-row {
    display: grid;
    grid-template-columns: 2fr 1fr;
    column-gap: 50px;
  }

  .grid-text-img-row-col1 {
    padding-left: 20px;
    border-left: 20px solid var(--theme-color-primary);
  }

  .grid-text-img-row-text-section {
    font-size: 1.2em;
  }
}

/* Page */

.content-container {
  flex: 1 1 auto;
  max-width: var(--content-width);
  margin: 0px auto;
  padding: 20px var(--main-grid-padding-left-right);
}

.content-container--margin-tb-30 {
  margin: 0px auto;
  padding: 30px 0px;
}

.grid-contact {
  display: grid;
  grid-template-columns: 1fr;
}

.grid-online-application {
  display: grid;
  grid-template-columns: 1fr;
  row-gap: 20px;
}

@media only screen and (min-width: 992px) {
  .content-container {
    padding: 40px 20px;
  }

  .grid-contact {
    grid-template-columns: 1fr 1fr;
  }

  .grid-online-application {
    grid-template-columns: max-content auto;
    column-gap: 40px;
  }
}

/* Locations */

.grid-locations {
  display: grid;
  grid-template-columns: 1fr;
  row-gap: 35px;
}

.location-name {
  text-transform: uppercase;
}

.location-info {
  padding-bottom: 10px;
}

.grid-location-contact-info {
  display: grid;
  grid-template-columns: max-content auto;
  column-gap: 10px;
  padding-top: 20px;
}

@media only screen and (min-width: 992px) {
	.grid-locations {
    grid-template-columns: 1fr 1fr 1fr;
    column-gap: 40px;
		row-gap: 40px;
	}

  .location-container {
    box-shadow: 0 0 10px 3px rgba(0,0,0,.1);
    padding: 20px;
    border-left: 10px solid var(--theme-color-primary);
  }

  .grid-location-contact-info {
    column-gap: 15px;
  }

  .location-name {
    min-height: 58px;
  }
}

/* Employee */

.grid-team {
  display: grid;
  grid-template-columns: 1fr;
  row-gap: 10px;
}

.grid-employee-breadcrumb {
  display: none;
}

.grid-employee {
  display: grid;
  grid-template-columns: 1fr;
}

.employee-card, .employee-location, .employee-further-info {
  border-radius: 10px;
  background-color: #f9f6f9;
  box-shadow: 0px 0px 10px 3px rgba(0, 0, 0, 0.1);
}

.employee-card--hover a, .employee-card--hover a:visited {
  color: var(--font-color-primary);
}

.employee-card--hover:hover {
  cursor: pointer;
  background: linear-gradient(90deg, #f9f6f9 0%, var(--theme-color-primary) 100%);
}

.grid-employee-card, .grid-employee-location {
  display: grid;
  grid-template-columns: 1fr;
  margin: 8px;
}

.diagonal-box .grid-employee-card {
  margin: 20px;
}

.employee-card-name {
  font-size: 1.6rem;
  margin-bottom: 10px;
  font-weight: 600;
  text-align: center;
}

.employee-card-position {
  text-align: center;
}

.grid-employee-card-contact {
  margin-top: 20px;
  display: grid;
  grid-template-columns: max-content auto;
  column-gap: 20px;
  row-gap: 5px;
  word-break: break-word;
}

.employee-card-img-container {
  padding: 0px 60px;
}

.employee-card-img {
  border-radius: 50%;
  box-shadow: 0px 0px 10px 3px rgba(0, 0, 0, 0.1);
}

.employee-location-img {
  border-radius: 20px;
}

@media only screen and (min-width: 992px) {
  .grid-team {
    grid-template-columns: 1fr 1fr 1fr;
    column-gap: 30px;
    row-gap: 30px;
  }

  .grid-employee-breadcrumb {
    display: grid;
    grid-template-columns: auto max-content;
    padding-bottom: 20px;
  }

  .grid-employee {
    grid-template-columns: 1fr 1fr;
    column-gap: 30px;
    row-gap: 30px;
  }

  .employee-further-info {
    margin-top: 30px;
  }

  .employee-card {
    border-radius: 20px;
  }

  .grid-employee .employee-card {
    padding: 15px;
  }

  .grid-employee .grid-employee-card {
    margin: 0px;
  }

  .employee-card-name {
    margin-bottom: 20px;
    text-align: left;
  }

  .employee-card-position {
    text-align: left;
  }

  .grid-employee-card-contact {
    margin-top: 30px;
    border-top: 1px solid #ccc;
    border-bottom: 1px solid #ccc;
    padding: 10px 0px;
  }

  .employee-location, .employee-further-info {
    border-radius: 20px;
    padding: 20px;
  }

  .employee-further-info {
    font-size: 22px;
  }

  .employee-video {
    margin-bottom: 30px;
  }

  .employee-location-info {
    font-size: 1.2em;
  }

  .grid-employee-card {
    grid-template-columns: 2fr 3fr;
    column-gap: 30px;
  }

  .grid-team .grid-employee-card {
    margin: 15px;
  }

  .employee-card-img-container {
    padding: 0px;
  }

  .grid-employee-location {
    grid-template-columns: 1fr 2fr;
    column-gap: 30px;
    margin: 15px;
  }
}

/* Press Release */

.press-releases-row {
  background-color: var(--img-bg-color);
}

.grid-press-releases-row-info {
  display: grid;
  grid-template-columns: 1fr;
  row-gap: 10px;
  padding: 20px 0px;
}

.press-releases-row-info-text {
  font-size: 1.1em;
}

.press-releases-row .grid-employee-card {
  padding: 10px;
}

.press-contact-card-position {
  font-size: 1.1em;
}

.grid-press-release-list {
  display: grid;
  grid-template-columns: 1fr;
  row-gap: 10px;
}

.press-release-list-item {
  padding: 10px;
  background-color: white;
  border-top: 5px solid var(--theme-color-primary);
  box-shadow: 0px 0px 10px 3px rgba(0,0,0,.1);
}

.grid-press-release-list-item-text-img {
  display: grid;
  grid-template-columns: 1fr;
  grid-template-areas: "img"
                       "txt";
  row-gap: 10px;
}

.press-release-list-item-text {
  grid-area: txt;
  text-align: justify;
}

.press-release-list-item-text a {
  color: var(--theme-color-primary);
}

.press-release-list-item-img {
  grid-area: img;
}

.press-release-list-item-link-container {
  padding-top: 10px;
}

@media only screen and (min-width: 992px) {
  .grid-press-release-list {
    grid-template-columns: 1fr 1fr;
    column-gap: 30px;
    row-gap: 30px;
  }

  .grid-press-releases-row-info {
    grid-template-columns: 3fr 2fr;
    column-gap: 100px;
    padding-bottom: 30px;
  }

  .press-releases-row .grid-employee-card {
    padding: 15px;
  }

  .press-contact-card-position {
    font-size: 1.2em;
  }

  .press-releases-row-info-text {
    font-size: 1.2em;
    background-color: white;
    border-left: 50px solid var(--theme-color-primary);
    padding: 20px;
    text-align: justify;
  }

  .press-release-list-item {
    padding: 20px;
  }

  .grid-press-release-list-item-text-img {
    grid-template-columns: 3fr 2fr;
    grid-template-areas: "txt img";
    column-gap: 30px;
  }
}

/* History */

.grid-history-section-teaser {
  display: grid;
  grid-template-columns: 1fr;
  row-gap: 20px;
  margin-bottom: 20px;
}

.history-section-teaser-col1 {
  background-color: var(--theme-color-primary);
  color: white;
  padding: 20px;
}

.history-section-teaser-col1-line1 {
  font-size: 1.5em;
  padding-bottom: 5px;
}

.history-section-teaser-col1-line2 {
  font-size: 1.2em;
}

.history-section-teaser-col2 {
  background-color: var(--grid-hover-bg-color);
  display: grid;
  grid-template-columns: 1fr;
  row-gap: 10px;
}

.history-section-teaser-info {
  padding: 10px;
}

.history-section-teaser-heading {
  font-weight: 600;
  font-size: 1.2em;
  padding-bottom: 5px;
}

.history-section-teaser-text {
  font-size: 1.1em;
}

.history-section-years {
  box-shadow: 0px 0px 10px 3px rgba(0, 0, 0, 0.1);
}

.grid-history-section-year-milestones {
  display: grid;
  grid-template-columns: max-content auto;
  column-gap: 10px;
  padding: 10px;
}

.grid-history-section-year-milestones--odd {
  background-color: var(--twenty-nineth-color);
}

.history-section-year {
  color: var(--theme-color-primary);
  font-weight: 600;
}

.black-bg-row {
  background-color: black;
}

.grid-two-col-bg-row {
  display: grid;
  grid-template-columns: 1fr 1fr;
  column-gap: 10px;
}

.black-bg-row .grid-two-col-bg-row img {
  border-radius: 20%;
  border-style: solid;
}

.grid-two-col-bg-row__pretext, .grid-two-col-bg-row__maintext {
  color: var(--theme-color-primary);
}

.grid-two-col-bg-row__pretext {
  padding-bottom: 20px;
}

.grid-two-col-bg-row__maintext {
  font-size: 18px;
}

.black-bg-row .linkbutton {
  font-size: 14px;
}

.black-bg-row .linkbutton a, .black-bg-row .linkbutton a:hover {
  color: black;
}

.grid-short-info-row {
  display: grid;
  grid-template-columns: minmax(0, 1fr) minmax(0, 1fr);
  column-gap: 15px;
  row-gap: 15px;
}

.short-info-row-heading-container {
  margin-bottom: 20px;
}

.short-info-row-heading {
  font-size: 1.2em;
  font-weight: 600;
  text-align: center;
}

.short-info-row-subheading {
  margin-top: 5px;
  font-size: 1.1em;
  text-align: center;
}

.teaser-row, .short-info-row {
  background-color: var(--img-bg-color);
}

.grid-teaser-row {
  display: grid;
  grid-template-columns: 1fr 1fr;
  grid-template-areas: "main-teaser main-teaser"
                       "teaser1 teaser2"
                       "teaser3 teaser4";
  column-gap: 15px;
  row-gap: 15px;
}

.grid-teaser-row a, .grid-teaser-row a:visited, .grid-teaser-row a:hover {
  color: var(--font-color-primary);
}

.grid-teaser-row-item, .grid-short-info-row-item {
  padding: 10px;
  border-top: 5px solid var(--theme-color-primary);
}

.grid-teaser-row-item--main {
  grid-area: main-teaser;
  background: radial-gradient(circle at 100% 0%, #ffa300 0%, transparent 70%), white;
}

.grid-teaser-row-item--main__heading, .grid-teaser-row-item--main__subheading, .grid-short-info-row-item-text {
  text-align: center;
}

.grid-short-info-row-item-text {
  font-size: 0.9em;
  overflow-wrap: break-word;
  /* hyphens: auto; */
}

.grid-short-info-row-item-text a {
  color: var(--theme-color-primary);
}

.grid-teaser-row-item--main__heading {
  font-size: 1.4em;
  text-transform: uppercase;
  font-weight: 600;
}

.grid-teaser-row-item--main__subheading {
  padding-top: 10px;
  font-size: 1.2em;
}

.grid-teaser-row-item--main .linkbutton a {
  text-transform: uppercase;
  color: white;
}

.grid-teaser-row-item--main .linkbutton a, 
.grid-teaser-row-item--main .linkbutton a:hover,
.bg-img-col-and-two-row-col .linkbutton a, 
.bg-img-col-and-two-row-col .linkbutton a:hover {
  border: none;
}

.grid-teaser-row-item--teaser, .grid-short-info-row-item {
  background-color: white;
}
  
.grid-teaser-row-item--teaser:nth-of-type(1) {
  grid-area: teaser1;
}

.grid-teaser-row-item--teaser:nth-of-type(2) {
  grid-area: teaser2;
}

.grid-teaser-row-item--teaser:nth-of-type(3) {
  grid-area: teaser3;
}

.grid-teaser-row-item--teaser:nth-of-type(4) {
  grid-area: teaser4;
}

.grid-teaser-row-item--teaser:hover {
  background-color: var(--grid-hover-bg-color);
}

.grid-teaser-row-item--teaser__heading {
  font-weight: 500;
  text-align: center;
  font-size: 0.9em;
}

.grid-teaser-row-item--teaser__icon path {
  color: var(--theme-color-primary);
}

.grid-teaser-row-item--teaser__icon-heading {
  font-weight: 600;
  text-align: center;
  padding: 5px 0px;
  font-size: 0.9em;
  overflow-wrap: break-word;
  /* hyphens: auto; */
}

.grid-teaser-row-item--teaser__icon-subheading {
  font-size: 0.8em;
  font-weight: 400;
  text-align: center;
}

.simple-teaser-row {
  background-color: var(--img-bg-color);
}

.grid-simple-teaser-row {
  display: grid;
  grid-template-columns: 1fr;
  row-gap: 10px;
}

.simple-teaser-row-item {
  border-top: 5px solid var(--theme-color-primary);
  background-color: white;
  padding: 10px;
}

.simple-teaser-row-item:hover {
  background-color: var(--grid-hover-bg-color);
}

.simple-teaser-row-item a, .simple-teaser-row-item a:visited {
  color: var(--font-color-primary);
}

.grid-simple-teaser-row-item {
  display: grid;
  grid-template-columns: 2fr 5fr;
  column-gap: 20px;
  height: 100%;
}

.bg-img-col-and-two-row-col {
  background-color: var(--grid-hover-bg-color);
}

.grid-bg-img-col-and-two-row-col {
  display: grid;
  grid-template-columns: 1fr;
  grid-template-areas: "item1"
                        "item3"
                        "item2";
}

.grid-bg-img-item-list-row {
  display: grid;
  grid-template-columns: 1fr;
  row-gap: 15px;
}

.bg-img-col-and-two-row-col__item1, .bg-img-col-and-two-row-col__item2, .bg-img-col-and-two-row-col__item3, .bg-img-item-list-row__item {
  position: relative;
  padding: 10px;
}

.bg-img-item-list-row__item {
  background-repeat: no-repeat;
  background-size: cover;
  aspect-ratio: 1;
  border-top: 10px solid #ffa300;
}

.bg-img-col-and-two-row-col__item1 {
  grid-area: item1;
  height: 400px;
  background-repeat: no-repeat;
  background-size: cover;
  background-position: center;
}

.bg-img-col-and-two-row-col__item2 {
  grid-area: item2;
  background-color: var(--theme-color-primary);
  height: 150px;
}

.bg-img-col-and-two-row-col__item3 {
  grid-area: item3;
  background-color: white;
  background-repeat: no-repeat;
  background-size: contain;
  background-position-x: right;
  height: 400px;
}

.bg-img-col-and-two-row-col-info-container {
  margin: 0px 30px 30px 10px;
  position: absolute;
  bottom: 0;
}

.bg-img-item-list-row-info-container {
  position: absolute;
  bottom: 0;
  background-color: rgba(0, 0, 0, 0.5);
  color: white;
  padding: 10px;
  margin: 0px 10px 10px 0px;
}
.bg-img-col-and-two-row-col__item1 .bg-img-col-and-two-row-col-info-container {
  padding: 10px;
  background-color: var(--theme-color-primary);
}

.bg-img-col-and-two-row-col__item3 .bg-img-col-and-two-row-col-info-container {
  padding: 10px;
  background-color: white;
  border-top: 2px solid black;
}

@media only screen and (min-width: 992px) {
	.grid-history-section-teaser {
    grid-template-columns: 1fr 2fr;
    column-gap: 20px;
    margin-bottom: 20px;
	}

  .history-section-teaser-col1 {
    padding: 40px;
  }

  .history-section-teaser-col1-line1 {
    font-size: 3em;
    padding-bottom: 10px;
  }

  .history-section-teaser-col1-line2 {
    font-size: 1.4em;
  }

  .history-section-teaser-col2 {
    grid-template-columns: 1fr 2fr;
    column-gap: 20px;
	}

  .history-section-teaser-info {
    padding: 20px 20px 20px 0px;
  }

  .history-section-teaser-heading {
    font-size: 1.4em;
    padding-bottom: 10px;
  }

  .history-section-teaser-text {
    font-size: 1.2em;
  }

  .history-section-years {
    font-size: 1.4em;
  }

  .grid-history-section-year-milestones {
    column-gap: 40px;
    padding: 20px 40px;
  }

  .history-section-year {
    font-weight: 700;
  }

  .grid-two-col-bg-row__maintext {
    font-size: 60px;
    padding-bottom: 20px;
    text-transform: uppercase;
  }

  .black-bg-row .linkbutton {
    font-size: 30px;
  }

  .grid-teaser-row-item, .grid-short-info-row-item {
    padding: 20px;
  }

  .grid-short-info-row {
    grid-template-columns: repeat(4, minmax(0, 1fr));
    column-gap: 20px;
    row-gap: 20px;
  }

  .short-info-row-heading-container {
    margin-bottom: 40px;
  }

  .short-info-row-heading {
    font-size: 2em;
  }

  .short-info-row-subheading {
    margin-top: 10px;
    font-size: 1.2em;
  }

  .grid-teaser-row {
    grid-template-columns: 1fr 1fr 2fr 1fr 1fr;
    grid-template-areas: "teaser1 teaser2 main-teaser teaser3 teaser4";
    column-gap: 20px;
  }

  .grid-teaser-row-item--main__subheading {
    padding-bottom: 40px;
  }

  .grid-teaser-row-item--teaser__heading {
    font-size: 1.2em;
  }

  .grid-short-info-row-item-text {
    font-size: 1em;
  }

  .grid-teaser-row-item--teaser__icon-heading {
    padding: 10px 0px;
    font-size: 1em;
  }

  .grid-teaser-row-item--main__heading {
    font-size: 1.6em;
  }

  .grid-simple-teaser-row {
    grid-template-columns: 1fr 1fr 1fr 1fr 1fr;
    column-gap: 20px;
    row-gap: 20px;
  }

  .grid-bg-img-col-and-two-row-col {
    grid-template-columns: 2fr 1fr;
    grid-template-areas: "item1 item2"
                         "item1 item3";
  }

  .grid-bg-img-item-list-row {
    grid-template-columns: 1fr 1fr 1fr;
    column-gap: 20px;
    row-gap: 20px;
  }

  .bg-img-col-and-two-row-col__item1, .bg-img-col-and-two-row-col__item2, .bg-img-col-and-two-row-col__item3, .bg-img-item-list-row__item {
    padding: 20px;
    height: auto;
  }

  .bg-img-col-and-two-row-col__item1 {
    aspect-ratio: 1.77;
  }

  .bg-img-item-list-row__item {
    border-top: 30px solid #ffa300;
  }

  .bg-img-col-and-two-row-col-info-container {
    margin: 0px 30px 30px 10px;
  }

  .bg-img-item-list-row-info-container {
    padding: 20px;
    margin: 0px 20px 20px 0px;
    font-size: 2em;
  }

  .bg-img-col-and-two-row-col__item3 .bg-img-col-and-two-row-col-info-container {
    margin-right: 300px;
    padding: 0px;
    background-color: transparent;
    border-top: none;
  }

  .bg-img-col-and-two-row-col__item1 .bg-img-col-and-two-row-col-info-container {
    padding: 30px;
  }

  .bg-img-col-and-two-row-col-preheading {
    padding-bottom: 10px;
    font-size: 0.9em;
  }

  .bg-img-col-and-two-row-col-heading {
    font-size: 1.4em;
    font-weight: 500;
  }
}

/* App */

:root {
  --first-color: #0074D9;
  --second-color: #007AE6;
  --third-color: #282828;
  --fourth-color: #fff;
  --fivth-color: #d8d8d8;
  --sixt-color: #23282d;
  --seventh-color: #5f6d7a;
  --eight-color: #cccccc;
  --ninth-color: #f1f1f1;
  --tenth-color: #373330;
  --eleventh-color: #ff4136;
  --twelvth-color: #FFD900 ;
  --thirteenth-color: #4caf50;
  --fourteenth-color: #eeeeee;
  --fifteenth-color: #383F47;
  --sixteenth-color: #4D5761;
  --seventeenth-color: #000000;
  --eighteenth-color: #121214;
  --nineteenth-color: #999999;
  --twentieth-color: #777777;
  --twenty-first-color: #dddddd;
  --twenty-second-color: #4396DF;
  --twenty-third-color: #ffcccc;
  --twenty-fourth-color: #9e9e9e;
  --twenty-fivth-color: #f4f4f4;
  --twenty-sixth-color: #e9e9e9;
  --twenty-seventh-color: #b92215;
  --twenty-eight-color: #eee;
  --twenty-nineth-color: #FCF8F3;
  --thirtieth-color: #fff6e5;
  --theme-color-primary: var(--first-color);
  --theme-color-secondary: var(--second-color);
  --theme-color-third: var(--twenty-second-color);
  --font-family-primary: Tahoma;
  --font-color-primary: var(--third-color);
  --header-background-color: var(--fourth-color);
  --header-background-color-secondary: var(--theme-color-secondary);
  --header-color-primary: var(--font-color-primary);
  --header-color-secondary: var(--fourth-color);
  --header-border-bottom-color: var(--fourth-color);
  --heading-bar-background-color: var(--twenty-fivth-color);
  --footer-color-hover: var(--theme-color-primary);
  --footer-top-bg-color: var(--eighteenth-color);
  --footer-top-color: var(--twenty-first-color);
  --footer-top-submenu-heading: var(--theme-color-primary);
  --footer-top-submenu-border-color: var(--footer-top-color);
  --footer-bottom-bg-color: var(--seventeenth-color);
  --footer-bottom-color: var(--nineteenth-color);
  --social-button-bg-color: var(--twentieth-color);
  --social-button-icon-color: var(--fourth-color);
  --drawer-bg-color: var(--fourth-color);
  --drawer-background-color: var(--theme-color-primary);
  --drawer-bg-color-second: var(--theme-color-third);
  --drawer-bg-color-third: var(--sixteenth-color);
  --drawer-border-color: var(--seventh-color);
  --drawer-color: var(--font-color-primary);
  --sidebar-menu-bg-color: var(--twenty-fivth-color);
  --sidebar-menu-color: var(--font-color-primary);
  --sidebar-menu-heading-bg-color: var(--theme-color-primary);
  --sidebar-menu-heading-color: var(--fourth-color);
  --sidebar-menu-item-border-color: var(--eight-color);
  --tabs-bg-color: var(--twenty-sixth-color);
  --tabs-hover-bg-color: var(--twenty-first-color);
  --button-bg-color-primary: var(--theme-color-primary);
  --button-bg-color-hover: var(--theme-color-secondary);
  --button-color-primary: var(--fourth-color);
  --image-border-color-primary: var(--fivth-color);
  --input-border-color: var(--eight-color);
  --menu-item-bg-color-hover: var(--ninth-color);
  --full-page-form-bg-color: var(--tenth-color);
  --form-message-error-bg-color: var(--twenty-third-color);
  --form-message-error-color: var(--eleventh-color);
  --message-error-bg-color: var(--twenty-third-color);
  --message-error-color: var(--eleventh-color);
  --message-warning-bg-color: var(--twelvth-color);
  --message-success-bg-color: var(--thirteenth-color);
  --message-info-bg-color: var(--fourteenth-color);
  --message-font-color: var(--fourth-color);
  --product-list-item-border-color: var(--eight-color);
  --img-bg-color: var(--twenty-fivth-color);
  --grid-hover-bg-color: var(--thirtieth-color);
  --very-decent-bg-color: var(--twenty-nineth-color);
  --text-color-when-button-in-theme-color-primary: var(--fourth-color);
  --text-hover-color-when-button-in-theme-color-primary: black;
  --line-very-soft-color: var(--fourteenth-color);
  --stepper-progress-bar-todo-bg-color: var(--twenty-fourth-color);
  --address-not-selected-border-color: var(--eight-color);
  --discount-bg-color: var(--twenty-seventh-color);
  --first-color: #0074D9;
  --second-color: #007AE6;
  --gradient-color1: var(--theme-color-primary);
  --gradient-color2: var(--theme-color-secondary);
  --twitter-color: #00aced;
  --facebook-color: #3b5998;
  --instagram-color: #406e94;
  --youtube-color: #ff0000;;
  --xing-color: #026466;
  --linkedin-color: #007bb6;
  --main-grid-padding-left-right: 15px;
  /*--desktop-main-min-height: calc(100vh - 374px);*/
  --desktop-main-min-height: calc(100vh - 498px);
  --content-width: 2000px;
  --hc-summary-bg-color: var(--twenty-fivth-color);
  --admin-desktop-main-min-height: calc(100vh - 166px);
  --admin-sidebar-footer-bg-color: var(--sixt-color);
}

body {
  background-color: var(--footer-bottom-bg-color);
  font-family: var(--font-family-primary);
  color: var(--font-color-primary);
  margin: 0em;
}

a {
  text-decoration: none;
  outline: none;
}

a:hover {
  cursor: pointer;
}

button:hover, input[type="submit"]:hover {
  cursor: pointer;
}

button:focus, div:focus {
  outline: none;
}

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

h1 {
  font-size: 1.6rem;
  margin: 0px 0px 20px 0px;
}

h2 {
  font-size: 1.2rem;
  margin: 0px;
  padding: 10px 0px;
}

h3 {
  font-size: 1rem;
  margin: 0px;
  padding: 10px 0px;
}

header {
  background-color: var(--header-background-color);
  color: var(--header-color-primary);
}

nav ul {
  list-style: none;
  padding-left: 0px;
}
  
textarea {
  width: 100%;
}

main {
  background-color: var(--header-background-color);
}

.desktop-only {
  display: none;
}

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

.center-vertically {
  display: flex;
  align-items: center;
}

.center-div-on-mobile-only {
  display: flex;
  align-items: center;
  justify-content: center;
}

.center-text-on-mobile-only {
  text-align: center;
}

.center-vertically-on-desktop-andcenter-on-mobile {
  display: flex;
  align-items: center;
  justify-content: center;
}

.grid-1-1-desktop-1-mobile, .grid-1-1-1-desktop-1-mobile {
  grid-template-columns: 1fr;
}

.display-none {
  display: none;
}

.zindexM1 {
  z-index: -1;
  position: relative;
}

.zindex1 {
  z-index: 1;
  position: relative;
}

.full-viewport {
  height: 100vh;
  width: 100vw;
}

.initial-app-load-container {
  background-color: white;
  height: 100vh;
}

.text-align-right {
  text-align: right;
}

.float-right {
  float: right;
}

.text-align-right {
  text-align: right;
}

.right0 {
  right: 0;
}

.grid-50-50 {
  display: grid;
  grid-template-columns: 1fr;
}

.margin-t0 {
  margin-top: 0px;
}

.margin-t5 {
  margin-top: 5px;
}

.margin-t10 {
  margin-top: 10px;
}

.margin-t20 {
  margin-top: 20px;
}

.margin-t30 {
  margin-top: 30px;
}

.margin-t40 {
  margin-top: 40px;
}

.margin-t50 {
  margin-top: 50px;
}

.margin-t0-b30 {
  margin-top: 0px;
  margin-bottom: 30px;
}

.margin-t10-b10 {
  margin-top: 10px;
  margin-bottom: 10px;
}

.margin-t20-b30 {
  margin-top: 20px;
  margin-bottom: 30px;
}

.margin-r5 {
  margin-right: 5px;
}

.margin-r10 {
  margin-right: 10px;
}

.margin-l5 {
  margin-left: 5px;
}

.margin-b5 {
  margin-bottom: 5px;
}

.margin-b10 {
  margin-bottom: 10px;
}

.margin-b20 {
  margin-bottom: 20px;
}

.margin-b30 {
  margin-bottom: 30px;
}

.margin-bm30 {
  margin-bottom: -30px;
}

.margin-bm40 {
  margin-bottom: -40px;
}

.padding-t0 {
  padding-top: 0px;
}

.padding-t10 {
  padding-top: 10px;
}

.padding-t20 {
  padding-top: 20px;
}

.padding-t40 {
  padding-top: 40px;
}

.padding-tb0 {
  padding-top: 0px;
  padding-bottom: 0px;
}

.padding-tb10 {
  padding-top: 10px;
  padding-bottom: 10px;
}

.padding-tb40 {
  padding-top: 40px;
  padding-bottom: 40px;
}

.padding-t60-b40 {
  padding-top: 60px;
  padding-bottom: 40px;
}

.padding-b20 {
  padding-bottom: 20px;
}

.padding-b40 {
  padding-bottom: 40px;
}

.strong {
  font-weight: 700;
}

.links-in-primary-font-color a {
  color: var(--font-color-primary);
}

.links-in-primary-font-color a:visited {
  color: var(--font-color-primary);
}

.links-in-primary-font-color a:hover {
  color: var(--theme-color-primary);
}

.links-in-primary-theme-color a {
  color: var(--theme-color-primary);
}

.bg-transparent {
  background-color: transparent;
}

.border-radius-20px {
  border-radius: 20px;
}

.bg-img-gb-color-full-size {
  background-color: var(--img-bg-color);
  width: 100%;
  height: 100%;
}

.bg-grid-hover-bg-color {
  background-color: var(--grid-hover-bg-color);
}

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

@media only screen and (max-width: 991px) {
  .padding-rl0-mobile-only {
    padding-right: 0px;
    padding-left: 0px;
  }
}

@media only screen and (min-width: 992px) {
  :root {
    font-size: 20px;
  }

  main {
    min-height: var(--desktop-main-min-height);
  }

  .grid-50-50 {
    display: grid;
    grid-template-columns: 1fr 1fr;
  }

  .mobile-only {
    display: none;
  }

  .desktop-only {
    display: block;
  }

  .center-vertically-on-desktop-andcenter-on-mobile {
    justify-content: normal;
  }

  .center-div-on-mobile-only {
    display: block;
    align-items: normal;
    justify-content: normal;
  }

  .center-text-on-mobile-only {
    text-align: initial;
  }

  .desktop-only--grid {
    display: grid;
  }

  .grid-1-1-desktop-1-mobile {
    grid-template-columns: 1fr 1fr;
  }

  .grid-1-1-1-desktop-1-mobile {
    grid-template-columns: 1fr 1fr 1fr;
  }

  .grid-1-desktop {
    grid-template-columns: 1fr;
  }

  .grid-1-1-desktop {
    grid-template-columns: 1fr 1fr;
  }

  .grid-1-1-1-desktop {
    grid-template-columns: 1fr 1fr 1fr;
  }

  .grid-1-1-1-1-1-desktop {
    grid-template-columns: 1fr 1fr 1fr 1fr 1fr;
  }

  .margin-t30-desktop-only {
    margin-top: 30px;
  }

  .margin-t40-desktop-only {
    margin-top: 40px;
  }

  .margin-bm40-desktop-only {
    margin-bottom: -40px;
  }

  .padding-t40-desktop-only {
    padding-top: 40px;
  }

  .zindex1-desktop-only {
    z-index: 1;
    position: relative;
  }
}

/*
  Themes
  ========== 
  Themes can affect any of the primary types. It could override base styles like default link
  colours. It could change module elements such as chrome colours and borders. It could affect
  layout with different arrangements. It could also alter how states look.
*/

/* exo-2-100 - latin-ext_latin */
@font-face {
  font-display: swap;
  font-family: 'Exo 2';
  font-style: normal;
  font-weight: 100;
  src: url('/fonts//exo-2-v20-latin-ext_latin-100.eot'); /* IE9 Compat Modes */
  src: local(''),
       url('/fonts//exo-2-v20-latin-ext_latin-100.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
       url('/fonts//exo-2-v20-latin-ext_latin-100.woff2') format('woff2'), /* Super Modern Browsers */
       url('/fonts//exo-2-v20-latin-ext_latin-100.woff') format('woff'), /* Modern Browsers */
       url('/fonts//exo-2-v20-latin-ext_latin-100.ttf') format('truetype'), /* Safari, Android, iOS */
       url('/fonts//exo-2-v20-latin-ext_latin-100.svg#Exo2') format('svg'); /* Legacy iOS */
}

/* exo-2-200 - latin-ext_latin */
@font-face {
  font-display: swap;
  font-family: 'Exo 2';
  font-style: normal;
  font-weight: 200;
  src: url('/fonts//exo-2-v20-latin-ext_latin-200.eot'); /* IE9 Compat Modes */
  src: local(''),
       url('/fonts//exo-2-v20-latin-ext_latin-200.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
       url('/fonts//exo-2-v20-latin-ext_latin-200.woff2') format('woff2'), /* Super Modern Browsers */
       url('/fonts//exo-2-v20-latin-ext_latin-200.woff') format('woff'), /* Modern Browsers */
       url('/fonts//exo-2-v20-latin-ext_latin-200.ttf') format('truetype'), /* Safari, Android, iOS */
       url('/fonts//exo-2-v20-latin-ext_latin-200.svg#Exo2') format('svg'); /* Legacy iOS */
}

/* exo-2-300 - latin-ext_latin */
@font-face {
  font-display: swap;
  font-family: 'Exo 2';
  font-style: normal;
  font-weight: 300;
  src: url('/fonts//exo-2-v20-latin-ext_latin-300.eot'); /* IE9 Compat Modes */
  src: local(''),
       url('/fonts//exo-2-v20-latin-ext_latin-300.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
       url('/fonts//exo-2-v20-latin-ext_latin-300.woff2') format('woff2'), /* Super Modern Browsers */
       url('/fonts//exo-2-v20-latin-ext_latin-300.woff') format('woff'), /* Modern Browsers */
       url('/fonts//exo-2-v20-latin-ext_latin-300.ttf') format('truetype'), /* Safari, Android, iOS */
       url('/fonts//exo-2-v20-latin-ext_latin-300.svg#Exo2') format('svg'); /* Legacy iOS */
}

/* exo-2-regular - latin-ext_latin */
@font-face {
  font-display: swap;
  font-family: 'Exo 2';
  font-style: normal;
  font-weight: 400;
  src: url('/fonts//exo-2-v20-latin-ext_latin-regular.eot'); /* IE9 Compat Modes */
  src: local(''),
       url('/fonts//exo-2-v20-latin-ext_latin-regular.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
       url('/fonts//exo-2-v20-latin-ext_latin-regular.woff2') format('woff2'), /* Super Modern Browsers */
       url('/fonts//exo-2-v20-latin-ext_latin-regular.woff') format('woff'), /* Modern Browsers */
       url('/fonts//exo-2-v20-latin-ext_latin-regular.ttf') format('truetype'), /* Safari, Android, iOS */
       url('/fonts//exo-2-v20-latin-ext_latin-regular.svg#Exo2') format('svg'); /* Legacy iOS */
}

/* exo-2-500 - latin-ext_latin */
@font-face {
  font-display: swap;
  font-family: 'Exo 2';
  font-style: normal;
  font-weight: 500;
  src: url('/fonts//exo-2-v20-latin-ext_latin-500.eot'); /* IE9 Compat Modes */
  src: local(''),
       url('/fonts//exo-2-v20-latin-ext_latin-500.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
       url('/fonts//exo-2-v20-latin-ext_latin-500.woff2') format('woff2'), /* Super Modern Browsers */
       url('/fonts//exo-2-v20-latin-ext_latin-500.woff') format('woff'), /* Modern Browsers */
       url('/fonts//exo-2-v20-latin-ext_latin-500.ttf') format('truetype'), /* Safari, Android, iOS */
       url('/fonts//exo-2-v20-latin-ext_latin-500.svg#Exo2') format('svg'); /* Legacy iOS */
}

/* exo-2-600 - latin-ext_latin */
@font-face {
  font-display: swap;
  font-family: 'Exo 2';
  font-style: normal;
  font-weight: 600;
  src: url('/fonts//exo-2-v20-latin-ext_latin-600.eot'); /* IE9 Compat Modes */
  src: local(''),
       url('/fonts//exo-2-v20-latin-ext_latin-600.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
       url('/fonts//exo-2-v20-latin-ext_latin-600.woff2') format('woff2'), /* Super Modern Browsers */
       url('/fonts//exo-2-v20-latin-ext_latin-600.woff') format('woff'), /* Modern Browsers */
       url('/fonts//exo-2-v20-latin-ext_latin-600.ttf') format('truetype'), /* Safari, Android, iOS */
       url('/fonts//exo-2-v20-latin-ext_latin-600.svg#Exo2') format('svg'); /* Legacy iOS */
}

/* exo-2-700 - latin-ext_latin */
@font-face {
  font-display: swap;
  font-family: 'Exo 2';
  font-style: normal;
  font-weight: 700;
  src: url('/fonts//exo-2-v20-latin-ext_latin-700.eot'); /* IE9 Compat Modes */
  src: local(''),
       url('/fonts//exo-2-v20-latin-ext_latin-700.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
       url('/fonts//exo-2-v20-latin-ext_latin-700.woff2') format('woff2'), /* Super Modern Browsers */
       url('/fonts//exo-2-v20-latin-ext_latin-700.woff') format('woff'), /* Modern Browsers */
       url('/fonts//exo-2-v20-latin-ext_latin-700.ttf') format('truetype'), /* Safari, Android, iOS */
       url('/fonts//exo-2-v20-latin-ext_latin-700.svg#Exo2') format('svg'); /* Legacy iOS */
}

/* exo-2-800 - latin-ext_latin */
@font-face {
  font-display: swap;
  font-family: 'Exo 2';
  font-style: normal;
  font-weight: 800;
  src: url('/fonts//exo-2-v20-latin-ext_latin-800.eot'); /* IE9 Compat Modes */
  src: local(''),
       url('/fonts//exo-2-v20-latin-ext_latin-800.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
       url('/fonts//exo-2-v20-latin-ext_latin-800.woff2') format('woff2'), /* Super Modern Browsers */
       url('/fonts//exo-2-v20-latin-ext_latin-800.woff') format('woff'), /* Modern Browsers */
       url('/fonts//exo-2-v20-latin-ext_latin-800.ttf') format('truetype'), /* Safari, Android, iOS */
       url('/fonts//exo-2-v20-latin-ext_latin-800.svg#Exo2') format('svg'); /* Legacy iOS */
}

/* exo-2-100italic - latin-ext_latin */
@font-face {
  font-display: swap;
  font-family: 'Exo 2';
  font-style: italic;
  font-weight: 100;
  src: url('/fonts//exo-2-v20-latin-ext_latin-100italic.eot'); /* IE9 Compat Modes */
  src: local(''),
       url('/fonts//exo-2-v20-latin-ext_latin-100italic.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
       url('/fonts//exo-2-v20-latin-ext_latin-100italic.woff2') format('woff2'), /* Super Modern Browsers */
       url('/fonts//exo-2-v20-latin-ext_latin-100italic.woff') format('woff'), /* Modern Browsers */
       url('/fonts//exo-2-v20-latin-ext_latin-100italic.ttf') format('truetype'), /* Safari, Android, iOS */
       url('/fonts//exo-2-v20-latin-ext_latin-100italic.svg#Exo2') format('svg'); /* Legacy iOS */
}

/* exo-2-900 - latin-ext_latin */
@font-face {
  font-display: swap;
  font-family: 'Exo 2';
  font-style: normal;
  font-weight: 900;
  src: url('/fonts//exo-2-v20-latin-ext_latin-900.eot'); /* IE9 Compat Modes */
  src: local(''),
       url('/fonts//exo-2-v20-latin-ext_latin-900.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
       url('/fonts//exo-2-v20-latin-ext_latin-900.woff2') format('woff2'), /* Super Modern Browsers */
       url('/fonts//exo-2-v20-latin-ext_latin-900.woff') format('woff'), /* Modern Browsers */
       url('/fonts//exo-2-v20-latin-ext_latin-900.ttf') format('truetype'), /* Safari, Android, iOS */
       url('/fonts//exo-2-v20-latin-ext_latin-900.svg#Exo2') format('svg'); /* Legacy iOS */
}

/* exo-2-200italic - latin-ext_latin */
@font-face {
  font-display: swap;
  font-family: 'Exo 2';
  font-style: italic;
  font-weight: 200;
  src: url('/fonts//exo-2-v20-latin-ext_latin-200italic.eot'); /* IE9 Compat Modes */
  src: local(''),
       url('/fonts//exo-2-v20-latin-ext_latin-200italic.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
       url('/fonts//exo-2-v20-latin-ext_latin-200italic.woff2') format('woff2'), /* Super Modern Browsers */
       url('/fonts//exo-2-v20-latin-ext_latin-200italic.woff') format('woff'), /* Modern Browsers */
       url('/fonts//exo-2-v20-latin-ext_latin-200italic.ttf') format('truetype'), /* Safari, Android, iOS */
       url('/fonts//exo-2-v20-latin-ext_latin-200italic.svg#Exo2') format('svg'); /* Legacy iOS */
}

/* exo-2-300italic - latin-ext_latin */
@font-face {
  font-display: swap;
  font-family: 'Exo 2';
  font-style: italic;
  font-weight: 300;
  src: url('/fonts//exo-2-v20-latin-ext_latin-300italic.eot'); /* IE9 Compat Modes */
  src: local(''),
       url('/fonts//exo-2-v20-latin-ext_latin-300italic.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
       url('/fonts//exo-2-v20-latin-ext_latin-300italic.woff2') format('woff2'), /* Super Modern Browsers */
       url('/fonts//exo-2-v20-latin-ext_latin-300italic.woff') format('woff'), /* Modern Browsers */
       url('/fonts//exo-2-v20-latin-ext_latin-300italic.ttf') format('truetype'), /* Safari, Android, iOS */
       url('/fonts//exo-2-v20-latin-ext_latin-300italic.svg#Exo2') format('svg'); /* Legacy iOS */
}

/* exo-2-italic - latin-ext_latin */
@font-face {
  font-display: swap;
  font-family: 'Exo 2';
  font-style: italic;
  font-weight: 400;
  src: url('/fonts//exo-2-v20-latin-ext_latin-italic.eot'); /* IE9 Compat Modes */
  src: local(''),
       url('/fonts//exo-2-v20-latin-ext_latin-italic.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
       url('/fonts//exo-2-v20-latin-ext_latin-italic.woff2') format('woff2'), /* Super Modern Browsers */
       url('/fonts//exo-2-v20-latin-ext_latin-italic.woff') format('woff'), /* Modern Browsers */
       url('/fonts//exo-2-v20-latin-ext_latin-italic.ttf') format('truetype'), /* Safari, Android, iOS */
       url('/fonts//exo-2-v20-latin-ext_latin-italic.svg#Exo2') format('svg'); /* Legacy iOS */
}

/* exo-2-500italic - latin-ext_latin */
@font-face {
  font-display: swap;
  font-family: 'Exo 2';
  font-style: italic;
  font-weight: 500;
  src: url('/fonts//exo-2-v20-latin-ext_latin-500italic.eot'); /* IE9 Compat Modes */
  src: local(''),
       url('/fonts//exo-2-v20-latin-ext_latin-500italic.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
       url('/fonts//exo-2-v20-latin-ext_latin-500italic.woff2') format('woff2'), /* Super Modern Browsers */
       url('/fonts//exo-2-v20-latin-ext_latin-500italic.woff') format('woff'), /* Modern Browsers */
       url('/fonts//exo-2-v20-latin-ext_latin-500italic.ttf') format('truetype'), /* Safari, Android, iOS */
       url('/fonts//exo-2-v20-latin-ext_latin-500italic.svg#Exo2') format('svg'); /* Legacy iOS */
}

/* exo-2-600italic - latin-ext_latin */
@font-face {
  font-display: swap;
  font-family: 'Exo 2';
  font-style: italic;
  font-weight: 600;
  src: url('/fonts//exo-2-v20-latin-ext_latin-600italic.eot'); /* IE9 Compat Modes */
  src: local(''),
       url('/fonts//exo-2-v20-latin-ext_latin-600italic.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
       url('/fonts//exo-2-v20-latin-ext_latin-600italic.woff2') format('woff2'), /* Super Modern Browsers */
       url('/fonts//exo-2-v20-latin-ext_latin-600italic.woff') format('woff'), /* Modern Browsers */
       url('/fonts//exo-2-v20-latin-ext_latin-600italic.ttf') format('truetype'), /* Safari, Android, iOS */
       url('/fonts//exo-2-v20-latin-ext_latin-600italic.svg#Exo2') format('svg'); /* Legacy iOS */
}

/* exo-2-700italic - latin-ext_latin */
@font-face {
  font-display: swap;
  font-family: 'Exo 2';
  font-style: italic;
  font-weight: 700;
  src: url('/fonts//exo-2-v20-latin-ext_latin-700italic.eot'); /* IE9 Compat Modes */
  src: local(''),
       url('/fonts//exo-2-v20-latin-ext_latin-700italic.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
       url('/fonts//exo-2-v20-latin-ext_latin-700italic.woff2') format('woff2'), /* Super Modern Browsers */
       url('/fonts//exo-2-v20-latin-ext_latin-700italic.woff') format('woff'), /* Modern Browsers */
       url('/fonts//exo-2-v20-latin-ext_latin-700italic.ttf') format('truetype'), /* Safari, Android, iOS */
       url('/fonts//exo-2-v20-latin-ext_latin-700italic.svg#Exo2') format('svg'); /* Legacy iOS */
}

/* exo-2-800italic - latin-ext_latin */
@font-face {
  font-display: swap;
  font-family: 'Exo 2';
  font-style: italic;
  font-weight: 800;
  src: url('/fonts//exo-2-v20-latin-ext_latin-800italic.eot'); /* IE9 Compat Modes */
  src: local(''),
       url('/fonts//exo-2-v20-latin-ext_latin-800italic.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
       url('/fonts//exo-2-v20-latin-ext_latin-800italic.woff2') format('woff2'), /* Super Modern Browsers */
       url('/fonts//exo-2-v20-latin-ext_latin-800italic.woff') format('woff'), /* Modern Browsers */
       url('/fonts//exo-2-v20-latin-ext_latin-800italic.ttf') format('truetype'), /* Safari, Android, iOS */
       url('/fonts//exo-2-v20-latin-ext_latin-800italic.svg#Exo2') format('svg'); /* Legacy iOS */
}

/* exo-2-900italic - latin-ext_latin */
@font-face {
  font-display: swap;
  font-family: 'Exo 2';
  font-style: italic;
  font-weight: 900;
  src: url('/fonts//exo-2-v20-latin-ext_latin-900italic.eot'); /* IE9 Compat Modes */
  src: local(''),
       url('/fonts//exo-2-v20-latin-ext_latin-900italic.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
       url('/fonts//exo-2-v20-latin-ext_latin-900italic.woff2') format('woff2'), /* Super Modern Browsers */
       url('/fonts//exo-2-v20-latin-ext_latin-900italic.woff') format('woff'), /* Modern Browsers */
       url('/fonts//exo-2-v20-latin-ext_latin-900italic.ttf') format('truetype'), /* Safari, Android, iOS */
       url('/fonts//exo-2-v20-latin-ext_latin-900italic.svg#Exo2') format('svg'); /* Legacy iOS */
}

:root {
  --first-color: #ffa300;
  --second-color: #7F3035;
  --twenty-second-color: #c4c4c4;
  --hundred-two-color: #555;
  --hundred-three-color: #666;
  --hundred-four-color: #aaa;
  --gradient-color1: #ff9d2f;
  --gradient-color2: #ff6126;
  --drawer-bg-color-second: var(--first-color);
  --drawer-background-color: var(--twenty-second-color);
  --header-border-bottom-color: var(--fourteenth-color);
  --footer-top-color: var(--hundred-three-color);
  --footer-top-bg-color: var(--twenty-fivth-color);
  --footer-top-submenu-heading: var(--third-color);
  --footer-top-submenu-border-color: var(--eight-color);
  --footer-bottom-bg-color: var(--twenty-first-color);
  --footer-bottom-color: var(--hundred-two-color);
  --social-button-bg-color: var(--hundred-four-color);
  --font-family-primary: 'Exo 2', sans-serif;
}