@charset "UTF-8";
/* adding styles with global variables first */
/**
 *
 * global definitions for esprit corporate site
 * first proposal
 *
 */
/**
 *
 * (css) path variable
 *
 */
/**
 *
 * breakpoints
 *
 */
/**
 *
 * grid?
 *
 */
/**
 *
 * colors
 * see variables @ _colors.scss
 *
 */
/**
 *
 * fonts & sizes
 * see mixins @ _typography.scss
 *
 */
/**
 *
 * spacings
 *
 */
/*$inuit-spacing-sizes: (
    null:     $inuit-global-spacing-unit,
    "-tiny":  $inuit-global-spacing-unit-tiny,
    "-small": $inuit-global-spacing-unit-small,
    "-large": $inuit-global-spacing-unit-large,
    "-huge":  $inuit-global-spacing-unit-huge,
    "-giant": $inuit-global-spacing-unit-huge * 2,
    "-none":  0
);*/
/**
 *
 * ...
 *
 */
/**
 * some global color variables
 *
 */
/**
 * colors for each site section
 *
 */
.color-text {
  color: #000000; }

.color-company {
  background-color: #67b4f9;
  color: #fff; }
  .color-company--medium {
    background-color: #67b4f9; }
  .color-company--light {
    background-color: #67b4f9; }

.color-press {
  background-color: #f29da6; }
  .color-press--medium {
    background-color: #f9bbac; }
  .color-press--light {
    background-color: #fbe0d6; }

.color-sustainability {
  background-color: #009900; }
  .color-sustainability--medium {
    background-color: #009900; }
  .color-sustainability--light {
    background-color: #009900; }

.color-ir {
  background-color: #f9d878; }
  .color-ir--medium {
    background-color: #f9d878; }
  .color-ir--light {
    background-color: #f9d878; }

.color-careers {
  background-color: #f5b673; }
  .color-careers--medium {
    background-color: #f5b673; }
  .color-careers--light {
    background-color: #f5b673; }

.colored {
  background: #000000;
  color: #ffffff; }
  .ui-color-press .colored {
    background-color: #f9bbac; }
  .ui-color-company .colored {
    background-color: #67b4f9; }
  .ui-color-sustainability .colored {
    background-color: #009900;
    color: #000000; }
  .ui-color-ir .colored {
    background-color: #f9d878;
    color: #000000; }
  .ui-color-careers .colored {
    background-color: #f5b673; }

/**
 * some global color variables
 *
 */
/*
	Debug
*/
#debugOut {
  position: fixed;
  left: 0;
  top: 0;
  z-index: 819200;
  border-style: none;
  margin: 0;
  padding: 0;
  font-family: bold 11px/20px sans-serif; }
  #debugOut pre {
    margin: 2px 4px 0px 4px;
    background-color: rgba(255, 255, 255, 0.75);
    color: #303030;
    text-shadow: 0px 1px 2px #ffffff; }
  #debugOut.negative pre {
    background-color: rgba(0, 0, 0, 0.25);
    color: #e8e8e8;
    text-shadow: 0px 1px 2px #000; }

/*
	Display
*/
.sprite {
  position: absolute;
  left: 0;
  top: 0;
  margin: 0;
  padding: 0;
  -webkit-font-smoothing: antialiased; }
  .sprite--button {
    cursor: pointer; }

img.sprite, .fast-sprite {
  -webkit-perspective: 10px;
  -webkit-perspective-origin: 50% 50%; }

.shape, .form__contact-information--inactive {
  pointer-events: none;
  -webkit-touch-callout: none; }

.shape, .form__contact-information--inactive, .unselectable, .button {
  -webkit-user-select: none;
  -moz-user-select: none;
  user-select: none; }

object, embed {
  width: 100%;
  height: 100%; }
  object:focus, embed:focus {
    outline: none; }

.horizontal-ruler,
.vertical-ruler {
  position: fixed;
  left: 0;
  top: 0; }

.horizontal-ruler {
  width: 100%;
  width: 100vw;
  height: 1px; }

.vertical-ruler {
  width: 1px;
  height: 100%;
  height: 100vh; }

/*
	UI
*/
body.point * {
  cursor: pointer; }

body.grab * {
  cursor: grabbing !important;
  cursor: -webkit-grabbing; }

/**
 * helper classes
 * for use anywhere
 */
@media (max-width: 767px) {
  .hidden-s {
    display: none !important; } }

@media (min-width: 768px) {
  .visible-s {
    display: none; } }

@media (max-width: 1023px) {
  .visible-desktop {
    display: none !important; } }

@media (min-width: 1024px) {
  .visible-mobile {
    display: none !important; }
  .line-break--desktop {
    display: block;
    margin-top: -2px; } }

body {
  background: #ffffff;
  font-family: 'suisse', sans-serif;
  font-size: 12px;
  font-style: normal;
  font-weight: 400;
  line-height: 1.4em;
  margin: 0;
  padding: 0;
  position: relative;
  min-height: 100vh; }
  body * {
    box-sizing: border-box;
    margin: 0;
    padding: 0; }

main {
  display: block;
  padding-bottom: 120px;
  /*
	color: #44403f;
	
	body.new-look & {
		color: #000000;
		
	}
	*/
  color: #000000; }

@font-face {
  font-family: "Esprit Icon";
  src: url("/_Resources/Static/Packages/Wysiwyg.Esprit.CorporateSite/Static/esprit-icons.eot");
  src: url("/_Resources/Static/Packages/Wysiwyg.Esprit.CorporateSite/Static/esprit-icons.eot?") format("embedded-opentype"), url("/_Resources/Static/Packages/Wysiwyg.Esprit.CorporateSite/Static/esprit-icons.woff") format("woff"), url("/_Resources/Static/Packages/Wysiwyg.Esprit.CorporateSite/Static/esprit-icons.ttf") format("truetype"), url("/_Resources/Static/Packages/Wysiwyg.Esprit.CorporateSite/Static/esprit-icons.svg") format("svg");
  font-style: normal;
  font-weight: normal; }

[class^="icon-"], [class*=" icon-"] {
  /*font-family: 'esprit-icons' !important;*/
  speak: none;
  font-style: normal;
  font-weight: normal;
  font-variant: normal;
  text-transform: none;
  line-height: 1;
  letter-spacing: 0;
  -ms-font-feature-settings: "liga" 1;
  font-feature-settings: "liga";
  font-variant-ligatures: discretionary-ligatures;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale; }

.icon-305-eco:before {
  content: "\E9B9"; }

.icon-306-eco-shipping:before {
  content: "\E9BA"; }

.icon-303-offline-purchase:before {
  content: "\E9B7"; }

.icon-304-offline-purchase-filled:before {
  content: "\E9B8"; }

.icon-173-fitting:before {
  content: "\E9B5"; }

.icon-299-check-circle:before {
  content: "\E9B3"; }

.icon-300-check-circle-filled:before {
  content: "\E9B4"; }

.icon-169-verify-email:before {
  content: "\E9B2"; }

.icon-297-dont-dry-clean-p:before {
  content: "\E96F"; }

.icon-001-wishlist:before {
  content: "\E900"; }

.icon-002-wishlist-filled:before {
  content: "\E901"; }

.icon-003-menu:before {
  content: "\E902"; }

.icon-004-close:before {
  content: "\E903"; }

.icon-005-show:before {
  content: "\E904"; }

.icon-006-hide:before {
  content: "\E905"; }

.icon-007-check:before {
  content: "\E906"; }

.icon-008-edit:before {
  content: "\E907"; }

.icon-009-search:before {
  content: "\E908"; }

.icon-010-zoom-in:before {
  content: "\E909"; }

.icon-011-zoom-out:before {
  content: "\E90A"; }

.icon-012-help:before {
  content: "\E90B"; }

.icon-013-info:before {
  content: "\E90C"; }

.icon-014-warning:before {
  content: "\E90D"; }

.icon-015-ssl:before {
  content: "\E90E"; }

.icon-016-synchronize:before {
  content: "\E90F"; }

.icon-017-gift:before {
  content: "\E910"; }

.icon-018-newsletter:before {
  content: "\E911"; }

.icon-019-worldwide:before {
  content: "\E912"; }

.icon-020-list:before {
  content: "\E913"; }

.icon-021-filter:before {
  content: "\E914"; }

.icon-022-filter-filled:before {
  content: "\E915"; }

.icon-023-dot:before {
  content: "\E916"; }

.icon-024-arrow-left:before {
  content: "\E917"; }

.icon-025-arrow-right:before {
  content: "\E918"; }

.icon-026-arrow-up:before {
  content: "\E919"; }

.icon-027-arrow-down:before {
  content: "\E91A"; }

.icon-028-arrow-back:before {
  content: "\E91B"; }

.icon-029-arrow-next:before {
  content: "\E91C"; }

.icon-030-arrow-left-filled:before {
  content: "\E91D"; }

.icon-031-email:before {
  content: "\E91E"; }

.icon-032-feedback:before {
  content: "\E91F"; }

.icon-033-chat:before {
  content: "\E920"; }

.icon-034-phone:before {
  content: "\E921"; }

.icon-035-sms:before {
  content: "\E922"; }

.icon-036-post:before {
  content: "\E923"; }

.icon-037-fax:before {
  content: "\E924"; }

.icon-038-app:before {
  content: "\E925"; }

.icon-039-customer-service:before {
  content: "\E926"; }

.icon-040-full-screen:before {
  content: "\E927"; }

.icon-041-normal-screen:before {
  content: "\E928"; }

.icon-042-play-circle:before {
  content: "\E929"; }

.icon-043-pinch:before {
  content: "\E92A"; }

.icon-044-rating-0-4:before {
  content: "\E92B"; }

.icon-045-rating-1-4:before {
  content: "\E92C"; }

.icon-046-rating-2-4:before {
  content: "\E92D"; }

.icon-047-rating-3-4:before {
  content: "\E92E"; }

.icon-048-rating-4-4:before {
  content: "\E92F"; }

.icon-049-storefinder:before {
  content: "\E930"; }

.icon-050-storefinder-filled:before {
  content: "\E931"; }

.icon-051-location:before {
  content: "\E932"; }

.icon-052-hours:before {
  content: "\E933"; }

.icon-053-route:before {
  content: "\E934"; }

.icon-054-storefinder-map:before {
  content: "\E935"; }

.icon-055-distance:before {
  content: "\E936"; }

.icon-056-map:before {
  content: "\E937"; }

.icon-057-facebook:before {
  content: "\E938"; }

.icon-058-twitter:before {
  content: "\E939"; }

.icon-059-youtube:before {
  content: "\E93A"; }

.icon-060-google-plus:before {
  content: "\E93B"; }

.icon-061-pinterest:before {
  content: "\E93C"; }

.icon-062-instagram:before {
  content: "\E93D"; }

.icon-063-whatsapp:before {
  content: "\E93E"; }

.icon-064-share:before {
  content: "\E93F"; }

.icon-065-prize:before {
  content: "\E940"; }

.icon-066-grid-4:before {
  content: "\E941"; }

.icon-067-grid-3:before {
  content: "\E942"; }

.icon-068-grid-2:before {
  content: "\E943"; }

.icon-069-grid-1:before {
  content: "\E944"; }

.icon-070-my-account:before {
  content: "\E945"; }

.icon-071-my-account-filled:before {
  content: "\E946"; }

.icon-072-logout:before {
  content: "\E947"; }

.icon-073-epoints:before {
  content: "\E948"; }

.icon-074-shopping-bag:before {
  content: "\E949"; }

.icon-075-shopping-bag-filled:before {
  content: "\E94A"; }

.icon-076-shopping-bag-persistent:before {
  content: "\E94B"; }

.icon-077-eshop:before {
  content: "\E94C"; }

.icon-078-payment:before {
  content: "\E94D"; }

.icon-079-credit-card:before {
  content: "\E94E"; }

.icon-080-voucher:before {
  content: "\E94F"; }

.icon-081-delivery:before {
  content: "\E950"; }

.icon-082-delivery-xmas:before {
  content: "\E951"; }

.icon-083-return:before {
  content: "\E952"; }

.icon-084-warmness:before {
  content: "\E953"; }

.icon-085-leather:before {
  content: "\E954"; }

.icon-086-bonne-affaire:before {
  content: "\E955"; }

.icon-087-model-woman:before {
  content: "\E956"; }

.icon-088-model-man:before {
  content: "\E957"; }

.icon-089-model-kid:before {
  content: "\E958"; }

.icon-090-product:before {
  content: "\E959"; }

.icon-091-dont-wash:before {
  content: "\E95A"; }

.icon-092-hand-wash:before {
  content: "\E95B"; }

.icon-083-wash-normal-30:before {
  content: "\E95C"; }

.icon-094-wash-normal-40:before {
  content: "\E95D"; }

.icon-095-wash-normal-60:before {
  content: "\E95E"; }

.icon-096-wash-normal-95:before {
  content: "\E95F"; }

.icon-097-wash-permanent-press-30:before {
  content: "\E960"; }

.icon-098-wash-permanent-press-40:before {
  content: "\E961"; }

.icon-099-wash-permanent-press-60:before {
  content: "\E962"; }

.icon-100-wash-delicate-30:before {
  content: "\E963"; }

.icon-101-wash-delicate-40:before {
  content: "\E964"; }

.icon-102-dont-tumble-dry:before {
  content: "\E965"; }

.icon-103-tumble-dry:before {
  content: "\E966"; }

.icon-104-tumble-dry-low-heat:before {
  content: "\E967"; }

.icon-105-tumble-dry-medium-heat:before {
  content: "\E968"; }

.icon-106-tumble-dry-high-heat:before {
  content: "\E969"; }

.icon-107-dont-iron:before {
  content: "\E96A"; }

.icon-108-iron:before {
  content: "\E96B"; }

.icon-109-iron-110:before {
  content: "\E96C"; }

.icon-110-iron-150:before {
  content: "\E96D"; }

.icon-111-iron-200:before {
  content: "\E96E"; }

.icon-112-dont-dry-clean:before {
  content: "\E99B"; }

.icon-113-dry-clean-p:before {
  content: "\E970"; }

.icon-114-dont-bleach:before {
  content: "\E971"; }

.icon-115-wools-of-nz:before {
  content: "\E972"; }

.icon-116-esprit:before {
  content: "\E973"; }

.icon-123-edc:before {
  content: "\E97A"; }

.icon-124-newborn:before {
  content: "\E97B"; }

.icon-125-baby:before {
  content: "\E97C"; }

.icon-126-baby-boys:before {
  content: "\E97D"; }

.icon-127-baby-girls:before {
  content: "\E97E"; }

.icon-128-mini:before {
  content: "\E97F"; }

.icon-129-mini-boys:before {
  content: "\E980"; }

.icon-130-mini-girls:before {
  content: "\E981"; }

.icon-131-youth:before {
  content: "\E982"; }

.icon-132-youth-boys:before {
  content: "\E983"; }

.icon-133-youth-girls:before {
  content: "\E984"; }

.icon-134-snapchat:before {
  content: "\E975"; }

.icon-135-print:before {
  content: "\E976"; }

.icon-136-document:before {
  content: "\E977"; }

.icon-137-measure:before {
  content: "\E978"; }

.icon-138-technical-problems:before {
  content: "\E979"; }

.icon-139-pause-circle:before {
  content: "\E985"; }

.icon-140-replay:before {
  content: "\E986"; }

.icon-141-mute:before {
  content: "\E988"; }

.icon-142-sound:before {
  content: "\E987"; }

.icon-143-rotate:before {
  content: "\E989"; }

.icon-144-rotate-circle:before {
  content: "\E98A"; }

.icon-145-dices:before {
  content: "\E98B"; }

.icon-146-play:before {
  content: "\E98C"; }

.icon-147-pause:before {
  content: "\E98D"; }

.icon-148-reservation:before {
  content: "\E98E"; }

.icon-149-user:before {
  content: "\E98F"; }

.icon-150-login:before {
  content: "\E990"; }

.icon-151-password:before {
  content: "\E991"; }

.icon-152-benefits:before {
  content: "\E992"; }

.icon-153-delivery-address:before {
  content: "\E993"; }

.icon-154-bonus:before {
  content: "\E994"; }

.icon-155-invitation:before {
  content: "\E995"; }

.icon-156-shipping:before {
  content: "\E996"; }

.icon-157-scroll-down:before {
  content: "\E997"; }

.icon-158-scroll-up:before {
  content: "\E998"; }

.icon-159-shopping-bag-empty:before {
  content: "\E974"; }

.icon-172-pick-up:before {
  content: "\E9A7"; }

.icon-226-wash:before {
  content: "\E99C"; }

.icon-227-bleach:before {
  content: "\E99D"; }

.icon-228-dry-clean-f:before {
  content: "\E99E"; }

.icon-229-dry-clean-w:before {
  content: "\E99A"; }

.icon-255-wash-delicate-60:before {
  content: "\E999"; }

.icon-256-gentle-cleaning-with-PCE:before {
  content: "\E9B1"; }

.icon-257-recycle:before {
  content: "\E99F"; }

.icon-258-order:before {
  content: "\E9A0"; }

.icon-259-order-filled:before {
  content: "\E9A1"; }

.icon-260-epoints-filled:before {
  content: "\E9A2"; }

.icon-261-reservation-filled:before {
  content: "\E9A3"; }

.icon-262-user-filled:before {
  content: "\E9A4"; }

.icon-263-customer-service-filled:before {
  content: "\E9A5"; }

.icon-264-newsletter-filled:before {
  content: "\E9A6"; }

.icon-265-view:before {
  content: "\E9F7"; }

.icon-266-dont-view:before {
  content: "\E9F8"; }

.icon-268-order-placed:before {
  content: "\E9A8"; }

.icon-269-order-in-process:before {
  content: "\E9AE"; }

.icon-270-order-ready-for-shipment:before {
  content: "\E9B6"; }

.icon-271-order-in-immediate-delivery:before {
  content: "\E9BD"; }

.icon-272-order-delivered:before {
  content: "\E9BE"; }

.icon-273-order-reception-refused:before {
  content: "\E9C8"; }

.icon-274-order-cancelled:before {
  content: "\E9C2"; }

.icon-275-order-could-not-be-delivered:before {
  content: "\E9CE"; }

.icon-276-return-in-process:before {
  content: "\E9D3"; }

.icon-277-payment-received:before {
  content: "\E9D8"; }

.icon-278-payment-received-generic:before {
  content: "\E9A9"; }

.icon-279-credit-limit-exceeded:before {
  content: "\E9DC"; }

.icon-280-back-payment-refunded:before {
  content: "\E9E1"; }

.icon-281-back-payment-in-default:before {
  content: "\E9E7"; }

.icon-282-order-ready-for-collection:before {
  content: "\E9ED"; }

.icon-283-return-handed:before {
  content: "\E9F5"; }

.icon-284-pending-article:before {
  content: "\E9F6"; }

.icon-288-out-of-stock:before {
  content: "\E9AA"; }

.icon-289-unkown-order-status:before {
  content: "\E9AB"; }

.icon-290-credit-limit-exceeded-generic:before {
  content: "\E9AC"; }

.icon-291-back-payment-refunded-generic:before {
  content: "\E9AD"; }

.icon-292-back-payment-in-default-generic:before {
  content: "\E9AF"; }

.icon-293-order-value-exceeded:before {
  content: "\E9B0"; }

/**
 * some main "grid" styles
 * let's see ...
 */
.container-standard, .light-box__gallery > div, .light-box__ui > div {
  margin: 0 auto;
  max-width: 760px; }
  .container-standard > .section-headline, .light-box__gallery > div > .section-headline, .light-box__ui > div > .section-headline {
    margin-top: 62px; }
    @media (max-width: 767px) {
      .container-standard > .section-headline, .light-box__gallery > div > .section-headline, .light-box__ui > div > .section-headline {
        margin-top: 69px; } }
  @media (max-width: 767px) {
    .container-standard, .light-box__gallery > div, .light-box__ui > div {
      max-width: 550px;
      padding-left: 20px;
      padding-right: 20px; } }
  @media (min-width: 768px) and (max-width: 1207px) {
    .container-standard, .light-box__gallery > div, .light-box__ui > div {
      padding: 0 2.5%; } }
  @media (min-width: 768px) {
    .container-standard.container__wide, .light-box__gallery > div.container__wide, .light-box__ui > div.container__wide {
      max-width: 100%; } }
  @media (min-width: 1207px) {
    .container-standard.container__wide, .light-box__gallery > div.container__wide, .light-box__ui > div.container__wide {
      max-width: 1160px; } }
  .container-standard.container__narrow, .light-box__gallery > div.container__narrow, .light-box__ui > div.container__narrow {
    max-width: 600px; }
  .container-standard.container__full-width, .light-box__gallery > div.container__full-width, .light-box__ui > div.container__full-width, .container-standard.container_full-width, .light-box__gallery > div.container_full-width, .light-box__ui > div.container_full-width {
    max-width: none;
    margin: 50px 0;
    padding: 35px 0; }
    .container-standard.container__full-width > div, .light-box__gallery > div.container__full-width > div, .light-box__ui > div.container__full-width > div, .container-standard.container_full-width > div, .light-box__gallery > div.container_full-width > div, .light-box__ui > div.container_full-width > div {
      max-width: 760px;
      margin-left: auto;
      margin-right: auto; }
      @media (max-width: 767px) {
        .container-standard.container__full-width > div, .light-box__gallery > div.container__full-width > div, .light-box__ui > div.container__full-width > div, .container-standard.container_full-width > div, .light-box__gallery > div.container_full-width > div, .light-box__ui > div.container_full-width > div {
          max-width: 550px;
          padding-left: 20px;
          padding-right: 20px; } }
      @media (min-width: 768px) and (max-width: 1207px) {
        .container-standard.container__full-width > div, .light-box__gallery > div.container__full-width > div, .light-box__ui > div.container__full-width > div, .container-standard.container_full-width > div, .light-box__gallery > div.container_full-width > div, .light-box__ui > div.container_full-width > div {
          padding: 0 2.5%; } }
      .container-standard.container__full-width > div > :first-child, .light-box__gallery > div.container__full-width > div > :first-child, .light-box__ui > div.container__full-width > div > :first-child, .container-standard.container_full-width > div > :first-child, .light-box__gallery > div.container_full-width > div > :first-child, .light-box__ui > div.container_full-width > div > :first-child {
        margin-top: 0; }
      .container-standard.container__full-width > div > :last-child, .light-box__gallery > div.container__full-width > div > :last-child, .light-box__ui > div.container__full-width > div > :last-child, .container-standard.container_full-width > div > :last-child, .light-box__gallery > div.container_full-width > div > :last-child, .light-box__ui > div.container_full-width > div > :last-child {
        margin-bottom: 0; }
  .container-standard.container-list, .light-box__gallery > div.container-list, .light-box__ui > div.container-list {
    margin-top: 70px; }

/* height needs to be dynamic, overwritten by script */
.helper__navi-spacer {
  height: 44px;
  /* Log in is gone for now
	
	body.logged-in & {
		box-sizing: content-box;
		padding-top: 46px;
		
	}
	*/ }
  @media (min-width: 1024px) {
    .helper__navi-spacer {
      height: 165px; } }

.text-grid__column > .copy-text:first-child,
.text-grid__column > p:first-child,
.text-grid__column > img:first-child {
  margin-top: 0 !important; }

@media (max-width: 767px) {
  .text-grid {
    margin-top: 39px;
    margin-bottom: 34px; }
    .text-grid img {
      margin-top: 29px; }
    .text-grid__image--desktop-only {
      display: none !important; }
    .text-grid__column + .text-grid__column {
      margin-top: 29px; } }

@media (min-width: 768px) {
  .text-grid {
    display: table;
    width: 100%;
    margin-left: auto;
    margin-right: auto;
    margin-top: 50px;
    margin-bottom: 70px; }
    .accordion-item--list .text-grid {
      margin-top: 0px;
      margin-bottom: 0px; }
    .text-grid__column {
      display: table-cell;
      vertical-align: top;
      width: 50%;
      padding-left: 20px;
      padding-right: 20px; }
      .text-grid__column:first-child {
        padding-left: 0; }
      .text-grid__column:last-child {
        padding-right: 0; }
      .text-grid__column > :first-child,
      .text-grid__column > div:first-child > *:first-child {
        margin-top: 0; }
      .text-grid--1-2 .text-grid__column:first-child {
        width: 33.333333%; }
      .text-grid--1-2 .text-grid__column:last-child {
        width: 66.666667%; }
      .text-grid--1-3 .text-grid__column:first-child {
        width: 25%; }
      .text-grid--1-3 .text-grid__column:last-child {
        width: 75%; }
    .text-grid--centered .text-grid__column {
      vertical-align: middle; }
    .text-grid--bottom-aligned .text-grid__column {
      vertical-align: bottom; }
    .text-grid img:not(:last-child) {
      margin-bottom: 40px; }
    .container-standard .text-grid * + .responsive-image, .light-box__gallery > div .text-grid * + .responsive-image, .light-box__ui > div .text-grid * + .responsive-image {
      margin-top: 40px; }
    .text-grid .list-subheading + img {
      margin-top: 29px; }
    .text-grid .quoted-headline {
      max-width: 340px; }
    .text-grid img:last-child {
      margin-bottom: 0; } }

.text-grid .list-subheading {
  color: #000000; }

.text-grid * + .copy-text {
  margin-top: .9em !important; }

.text-grid--1-2, .text-grid--1-3 {
  margin-top: 26px;
  margin-bottom: 10px; }

.horizontal-spacer {
  display: inline-block;
  width: .75em; }

/**
 * two columns section
 * eg news detail
 */
/* addition to .container-standard.container__wide */
.columns-container {
  /* columns */ }
  @media (min-width: 768px) {
    .columns-container {
      display: table;
      width: 100%; } }
  @media (min-width: 1024px) {
    .columns-container .column-main {
      display: table-cell;
      padding-right: 50px;
      vertical-align: top;
      width: 72%; }
      .columns-container .column-main .section-headline {
        padding-left: 0;
        text-align: left; } }
  .columns-container .column-aside {
    padding-top: 42px; }
    @media (min-width: 1024px) {
      .columns-container .column-aside {
        display: table-cell;
        padding-top: 131px;
        vertical-align: top;
        width: 28%; } }
    .columns-container .column-aside .column-aside__item {
      margin-top: 34px; }
      .columns-container .column-aside .column-aside__item .press-release-teaser__link {
        float: none;
        width: 100%; }
        .columns-container .column-aside .column-aside__item .press-release-teaser__link:first-of-type {
          margin-top: 7px; }

/**
* News pages overrides
*/
body.ui-color-press .section-headline, body.ui-color-press p.intro-text {
  max-width: none; }

body.ui-color-press .copy-text ul {
  color: #000000; }

/**
 * typography
 * rz_esp_corporate_about_01_vs.psd
 */
html, body {
  -moz-text-size-adjust: none;
       text-size-adjust: none;
  -webkit-text-size-adjust: none;
  text-rendering: optimizelegibility;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale; }

h4 {
  font-weight: 500; }

/* Mix ins + extends */
.header-visual__headline {
  font-family: "esprit-stencil-regular";
  font-weight: normal;
  font-size: 29px;
  line-height: 45px;
  letter-spacing: 0.05em; }
  @media (min-width: 768px) {
    .header-visual__headline {
      font-size: 58px;
      line-height: 90px; } }

.header-visual__subheadline {
  font-weight: 500;
  font-size: 12px;
  line-height: 18px;
  letter-spacing: 0.025em; }
  @media (min-width: 768px) {
    .header-visual__subheadline {
      font-size: 20px;
      line-height: 30px; } }

.section-headline, .subheading, .sustainability-circle__center > div:last-child {
  font-weight: 400;
  font-size: 26px;
  line-height: 28px; }
  @media (min-width: 768px) {
    .section-headline, .subheading, .sustainability-circle__center > div:last-child {
      font-size: 31px;
      line-height: 40px; } }
  @media (min-width: 1024px) {
    .section-headline, .subheading, .sustainability-circle__center > div:last-child {
      font-size: 33px;
      line-height: 42px; } }

.quoted-headline, .list-subheading {
  font-weight: 400;
  font-size: 17px;
  line-height: 24px;
  letter-spacing: .01em; }
  @media (min-width: 768px) {
    .quoted-headline, .list-subheading {
      font-size: 24px;
      line-height: 36px; } }

.accordion-item--list .accordion-item__head-large,
.press-material-item__head-large, .press-release-teaser .teaser__headline, .press-release-teaser--compact .teaser__headline, .sustainability-circle__item-head, .sustainability-graph__title {
  font-weight: 500;
  font-size: 16px;
  line-height: 21px;
  letter-spacing: .015em; }
  @media (min-width: 768px) {
    .accordion-item--list .accordion-item__head-large,
    .press-material-item__head-large, .press-release-teaser .teaser__headline, .press-release-teaser--compact .teaser__headline, .sustainability-circle__item-head, .sustainability-graph__title {
      font-size: 22px;
      line-height: 29px; } }

.press-material-item--compact .press-material-item__head-large {
  font-weight: 500;
  font-size: 15px;
  line-height: 21px;
  letter-spacing: .015em; }
  @media (min-width: 768px) {
    .press-material-item--compact .press-material-item__head-large {
      font-size: 15px;
      line-height: 21px; } }

.quoted-headline-caption__author, .quoted-headline-caption__author-subheading, .press-release-teaser .teaser__meta-headline, .press-material-item__head-small, .horizontal-list__item-head, .sustainability-graph__segment-index, .sustainability-outline-label {
  font-weight: 400;
  font-size: 15px;
  line-height: 23px;
  letter-spacing: .015em;
  margin-bottom: 3px;
  /*
	@media (min-width: $screen-s-up) {
		font-size: 16px;
		line-height: 24px;
		
	}
	*/ }

.copy-subheading, .sustainability-graph__segment-label {
  font-weight: 500; }

.copy-subheading, .sustainability-graph__segment-label, .section-meta-headline, .copy-list--small,
.copy-text ul--small, .responsive-image-container__copyright-notice, .table-standard td, .cookie-layer, .press-release-teaser .copy-text, .press-release-teaser__preview-link, .news-year-filter__label {
  font-weight: 400;
  /*
	font-size: 14px;
	line-height: 22px;
	*/
  font-size: 13px;
  line-height: 21px;
  letter-spacing: .025em; }
  @media (min-width: 768px) {
    .copy-subheading, .sustainability-graph__segment-label, .section-meta-headline, .copy-list--small,
    .copy-text ul--small, .responsive-image-container__copyright-notice, .table-standard td, .cookie-layer, .press-release-teaser .copy-text, .press-release-teaser__preview-link, .news-year-filter__label {
      font-size: 13px;
      line-height: 20px; } }

.table-standard th {
  font-weight: 400;
  font-size: 13px;
  line-height: 21px;
  letter-spacing: .025em; }
  @media (min-width: 768px) {
    .table-standard th {
      font-size: 15px;
      line-height: 26px; } }

.copy-heading, .container-standard p:not([class]), .light-box__gallery > div p:not([class]), .light-box__ui > div p:not([class]),
.copy-text,
.copy-text p,
.copy-text:not([class]),
p.copy-text:empty + div p,
.copy-list, .form-heading, .form__container, .form__input-standard, .form__textarea-standard, .accordion-item--list .accordion-item__head-small, .press-material-item__head-small, .accordion-item--list .accordion-item__content, .teaser .section-headline + .copy-text, .container-standard .press-material-item p:not([class]), .light-box__gallery > div .press-material-item p:not([class]), .light-box__ui > div .press-material-item p:not([class]), .document-filter__head, .horizontal-list__item-content, .container-standard.negative table, .light-box__gallery > div.negative table, .light-box__ui > div.negative table, .esprit-cares-social-headline, .esprit-cares-text-column-container ul {
  font-weight: 300;
  font-size: 13px;
  line-height: 21px;
  letter-spacing: .025em; }
  @media (min-width: 768px) {
    .copy-heading, .container-standard p:not([class]), .light-box__gallery > div p:not([class]), .light-box__ui > div p:not([class]),
    .copy-text,
    .copy-text p,
    .copy-text:not([class]),
    p.copy-text:empty + div p,
    .copy-list, .form-heading, .form__container, .form__input-standard, .form__textarea-standard, .accordion-item--list .accordion-item__head-small, .press-material-item__head-small, .accordion-item--list .accordion-item__content, .teaser .section-headline + .copy-text, .container-standard .press-material-item p:not([class]), .light-box__gallery > div .press-material-item p:not([class]), .light-box__ui > div .press-material-item p:not([class]), .document-filter__head, .horizontal-list__item-content, .container-standard.negative table, .light-box__gallery > div.negative table, .light-box__ui > div.negative table, .esprit-cares-social-headline, .esprit-cares-text-column-container ul {
      font-size: 16px;
      line-height: 26px; } }

.copy-text-compact, .press-release-teaser .text-grid p, .press-release-teaser .text-grid .press-release-teaser__links .press-release-teaser__download-link, .press-release-teaser--compact .teaser__meta-headline, .press-release-teaser--compact .copy-text, .press-release-teaser--compact .press-material-item__download-buttons > a:not(.button), .container-standard .press-material-item--compact p:not([class]), .light-box__gallery > div .press-material-item--compact p:not([class]), .light-box__ui > div .press-material-item--compact p:not([class]), .press-material-item--compact .press-material-item__head-small, .press-material-item__head-mini, .container-standard .press-material-item--compact .press-material-item__download-buttons p:not([class]), .light-box__gallery > div .press-material-item--compact .press-material-item__download-buttons p:not([class]), .light-box__ui > div .press-material-item--compact .press-material-item__download-buttons p:not([class]), .press-material-item--compact .press-material-item__download-buttons a:not(.button) {
  font-weight: 400;
  font-size: 12px;
  line-height: 20px;
  letter-spacing: .025em; }
  @media (min-width: 768px) {
    .copy-text-compact, .press-release-teaser .text-grid p, .press-release-teaser .text-grid .press-release-teaser__links .press-release-teaser__download-link, .press-release-teaser--compact .teaser__meta-headline, .press-release-teaser--compact .copy-text, .press-release-teaser--compact .press-material-item__download-buttons > a:not(.button), .container-standard .press-material-item--compact p:not([class]), .light-box__gallery > div .press-material-item--compact p:not([class]), .light-box__ui > div .press-material-item--compact p:not([class]), .press-material-item--compact .press-material-item__head-small, .press-material-item__head-mini, .container-standard .press-material-item--compact .press-material-item__download-buttons p:not([class]), .light-box__gallery > div .press-material-item--compact .press-material-item__download-buttons p:not([class]), .light-box__ui > div .press-material-item--compact .press-material-item__download-buttons p:not([class]), .press-material-item--compact .press-material-item__download-buttons a:not(.button) {
      font-size: 12px;
      line-height: 20px; } }

.intro-text p,
.intro-text, .press-material-item__intro-text, .horizontal-list__item-subheading {
  font-size: 16px;
  line-height: 1.45em;
  font-weight: 500;
  letter-spacing: .015em;
  text-align: center; }
  .ui-color-press .intro-text p, .intro-text .ui-color-press p,
  .ui-color-press .intro-text, .ui-color-press .press-material-item__intro-text, .ui-color-press .horizontal-list__item-subheading {
    text-align: left; }

.copy-heading {
  font-weight: 500; }

.quoted-headline {
  font-weight: 500; }

/* Basic content */
a {
  color: inherit; }

strong {
  font-weight: 500; }

.section-headline > [data-neos-placeholder]:before, .section-meta-headline > [data-neos-placeholder]:before, .quoted-headline-caption__author > [data-neos-placeholder]:before, .quoted-headline-caption__author-subheading > [data-neos-placeholder]:before, .subheading > [data-neos-placeholder]:before, .download-link-container .link > span > [data-neos-placeholder]:before, .download-link-container .press-release-teaser a .copy-text > span > span > [data-neos-placeholder]:before, .press-release-teaser a .download-link-container .copy-text > span > span > [data-neos-placeholder]:before, .sustainability-outline-label > [data-neos-placeholder]:before {
  transform: translateX(-50%); }

.header-visual__headline > [data-neos-placeholder]:before, .header-visual__subheadline > [data-neos-placeholder]:before {
  white-space: nowrap;
  transform: translateX(-100%);
  color: inherit;
  opacity: .275; }

.section-headline + .copy-text, .section-meta-headline + .copy-text, .subheading + .copy-text, .intro-text p + .copy-text, .intro-text + .copy-text,
.section-headline + .copy-text:empty + p,
.section-meta-headline + .copy-text:empty + p,
.subheading + .copy-text:empty + p,
.intro-text p + .copy-text:empty + p,
.intro-text + .copy-text:empty + p {
  margin-top: 45px; }

.section-headline {
  text-align: center;
  margin-top: 74px;
  padding-left: 20px;
  padding-right: 20px; }
  .section-headline--mixed-case {
    text-transform: none; }
  .section-headline--left-aligned {
    padding-left: 0;
    text-align: left; }
  body.ui-color-press .section-headline {
    color: #f9bbac; }
  body.ui-color-company .section-headline {
    color: #67b4f9; }
  body.ui-color-sustainability .section-headline {
    color: #009900; }
  body.ui-color-ir .section-headline {
    color: #f9d878; }
  body.ui-color-careers .section-headline {
    color: #f5b673; }

.section-meta-headline {
  letter-spacing: .015em;
  max-width: 520px;
  margin-left: auto;
  margin-right: auto;
  text-align: center;
  margin-top: 82px; }
  .section-meta-headline + .section-headline,
  .section-meta-headline + .section-meta-headline,
  .sustainability-graph-container + .section-meta-headline {
    margin-top: 20px; }

.quoted-headline {
  text-align: center;
  margin-top: 50px;
  margin-bottom: 50px;
  max-width: 600px;
  margin-left: auto;
  margin-right: auto; }

.quoted-headline:before,
.quoted-headline:after {
  display: block; }

.quoted-headline:before {
  content: "\201C";
  margin-bottom: -.1em; }

.quoted-headline:after {
  content: "\201D";
  margin-top: .45em; }

.intro-text + .quoted-headline {
  margin-top: 1em; }

.quoted-headline-caption {
  text-align: center;
  margin-bottom: 50px; }
  .quoted-headline-caption > * {
    display: block; }
  .quoted-headline-caption__author {
    font-weight: 300;
    letter-spacing: .02em; }
  .quoted-headline-caption__author-subheading {
    font-weight: 500; }
  .quoted-headline + .quoted-headline-caption {
    margin-top: -40px; }

body.ui-color-press .subheading, body.ui-color-press .list-subheading {
  color: #f9bbac; }

body.ui-color-company .subheading, body.ui-color-company .list-subheading {
  color: #67b4f9; }

body.ui-color-sustainability .subheading, body.ui-color-sustainability .list-subheading {
  color: #009900; }

body.ui-color-ir .subheading, body.ui-color-ir .list-subheading {
  color: #f1d070; }

body.ui-color-careers .subheading, body.ui-color-careers .list-subheading {
  color: #f5b673; }

.subheading {
  text-align: center;
  margin-top: 50px;
  margin-bottom: 34px; }

.section-headline + .subheading {
  margin-top: 5px; }

h1.section-headline + .press-release-teaser,
h1.section-headline + .list-subheading,
.copy-text + .subheading {
  margin-top: 43px; }

.intro-text p,
.intro-text {
  margin-top: 40px;
  margin-bottom: 45px; }

.container-standard.container__forced-center .intro-text, .light-box__gallery > div.container__forced-center .intro-text, .light-box__ui > div.container__forced-center .intro-text {
  text-align: center; }

.copy-heading {
  margin-top: 2.5em; }
  .accordion-item .copy-heading:first-child {
    margin-top: 0; }
  .accordion-item__content--compressed .copy-heading + .copy-text {
    margin-top: 2px !important; }

.copy-subheading {
  font-weight: 500;
  margin-top: 30px; }
  .accordion-item__content--compressed .copy-subheading + .copy-text {
    margin-top: 2px !important; }
  .copy-subheading:first-child {
    margin-top: 0; }

.copy-heading + .copy-text {
  margin-top: 1px; }

p.copy-text:empty {
  display: none; }

.container-standard .copy-heading + div > .copy-text + div > p, .light-box__gallery > div .copy-heading + div > .copy-text + div > p, .light-box__ui > div .copy-heading + div > .copy-text + div > p,
.container-standard .copy-heading + .copy-text:empty + p,
.light-box__gallery > div .copy-heading + .copy-text:empty + p,
.light-box__ui > div .copy-heading + .copy-text:empty + p, .container-standard .copy-subheading + div > .copy-text + div > p, .light-box__gallery > div .copy-subheading + div > .copy-text + div > p, .light-box__ui > div .copy-subheading + div > .copy-text + div > p,
.container-standard .copy-subheading + .copy-text:empty + p,
.light-box__gallery > div .copy-subheading + .copy-text:empty + p,
.light-box__ui > div .copy-subheading + .copy-text:empty + p, .container-standard .list-subheading + div > .copy-text + div > p, .light-box__gallery > div .list-subheading + div > .copy-text + div > p, .light-box__ui > div .list-subheading + div > .copy-text + div > p,
.container-standard .list-subheading + .copy-text:empty + p,
.light-box__gallery > div .list-subheading + .copy-text:empty + p,
.light-box__ui > div .list-subheading + .copy-text:empty + p {
  margin-top: .9em; }

* + p:not([class]) {
  margin-top: .9em; }

.text-grid__column .copy-text:empty:first-child + *,
.text-grid__column > div:first-child > div:first-child > .copy-text:empty:first-child + div > p {
  margin-top: 0; }

.copy-list,
.copy-text ul {
  color: #8e8682;
  list-style: none;
  margin-top: 1.3em;
  margin-bottom: 50px;
  /*
	+ .copy-text {
		margin-top: 1.3em !important;
		
	}
	*/ }
  .ui-color-press .copy-list, .ui-color-press
  .copy-text ul {
    margin-top: 50px;
    margin-bottom: 0; }
  .copy-list > li,
  .copy-text ul > li {
    position: relative;
    padding-left: 1.2em; }
    .copy-list > li:before,
    .copy-text ul > li:before {
      content: "\2022";
      position: absolute;
      left: calc(1.2em - 15px); }
  .accordion-item__content--compressed .copy-list li + li, .accordion-item__content--compressed
  .copy-text ul li + li {
    margin-top: 0; }
  .copy-list li + li,
  .copy-text ul li + li {
    margin-top: .9em; }
  .copy-list--extended li + li,
  .copy-text ul--extended li + li {
    margin-top: .9em !important; }
  .copy-list .strong, .copy-list strong,
  .copy-text ul .strong,
  .copy-text ul strong {
    font-weight: inherit;
    color: #44403f; }
  .copy-list--small,
  .copy-text ul--small {
    font-size: 13px;
    line-height: 21px;
    letter-spacing: .025em; }
    @media (min-width: 768px) {
      .copy-list--small,
      .copy-text ul--small {
        font-size: 13px;
        line-height: 20px; } }
  .copy-list--ordered,
  .copy-text ul--ordered {
    list-style: none; }
    .copy-list--ordered > li,
    .copy-text ul--ordered > li {
      padding-left: 1.75em;
      counter-increment: listcount; }
      .copy-list--ordered > li:before,
      .copy-text ul--ordered > li:before {
        content: counter(listcount) ") ";
        left: 0; }

.copy-text ul > li {
  padding-left: 15px; }
  .copy-text ul > li:before {
    left: 0; }

/* Links */
.download-link-container {
  text-align: center;
  margin-top: 20px; }
  .teaser-list + .download-link-container {
    margin-top: 32px; }

.link, .press-release-teaser a .copy-text > span,
.link--large,
.sustainability-circle__item-menu-item,
.press-release-teaser__download-link,
.press-material-item__download-buttons > a:not(.button),
.cookie-layer a {
  white-space: nowrap;
  text-decoration: none;
  font-weight: 400; }
  .link:after, .press-release-teaser a .copy-text > span:after,
  .link--large:after,
  .sustainability-circle__item-menu-item:after,
  .press-release-teaser__download-link:after,
  .press-material-item__download-buttons > a:not(.button):after,
  .cookie-layer a:after {
    font-weight: 300;
    content: "\BB";
    margin-left: .3em;
    position: relative;
    top: .1em; }
  .link > span, .press-release-teaser a .copy-text > span > span, .link--underline,
  .link--large > span,
  .sustainability-circle__item-menu-item > span,
  .press-release-teaser__download-link > span,
  .press-material-item__download-buttons > a:not(.button) > span,
  .cookie-layer a > span,
  .copy-text a,
  .link--large > span,
  .sustainability-circle__item-menu-item > span,
  .press-material-item__download-buttons > a:not(.button) > span,
  .press-release-teaser__download-link span {
    border-bottom: 1px solid; }

.copy-text a {
  text-decoration: none; }

.link--large, .sustainability-circle__item-menu-item,
.press-release-teaser__download-link,
.press-material-item__download-buttons > a:not(.button) {
  font-size: 15px;
  line-height: 23px;
  letter-spacing: .035em; }
  @media (min-width: 768px) {
    .link--large, .sustainability-circle__item-menu-item,
    .press-release-teaser__download-link,
    .press-material-item__download-buttons > a:not(.button) {
      font-size: 16px;
      line-height: 24px; } }

.link.link--right-aligned, .press-release-teaser a .copy-text > span.link--right-aligned {
  text-align: right;
  padding-right: 0; }

hr {
  border: none;
  width: 100%;
  height: 1px;
  background: #aeacaa; }
  hr.spacer {
    background: transparent; }

.copy-text + hr,
.accordion-item--list .accordion-item__content .copy-text + hr {
  margin-top: 40px; }

hr.spacer {
  margin-top: 40px; }
  .container-list + hr.spacer {
    margin-top: 20px; }

.container-standard .responsive-image, .light-box__gallery > div .responsive-image, .light-box__ui > div .responsive-image, .container-standard .responsive-image-container, .light-box__gallery > div .responsive-image-container, .light-box__ui > div .responsive-image-container {
  margin-top: 70px;
  margin-bottom: 70px;
  margin-left: auto;
  margin-right: auto; }

.responsive-image + .responsive-image, .responsive-image-container + .responsive-image, .responsive-image + .responsive-image-container, .responsive-image-container + .responsive-image-container {
  margin-top: 29px; }

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

.responsive-image-container .responsive-image {
  margin: 0 auto; }

.responsive-image-container__copyright-notice {
  text-align: right;
  margin-top: 5px;
  font-size: 11px;
  margin-bottom: -.35em;
  color: #a0a0a0; }

@media (max-width: 767px) {
  .image-grid {
    margin-top: 50px;
    margin-bottom: 50px; }
    .image-grid__image--desktop-only {
      display: none !important; }
    .image-grid img.responsive-image {
      margin-top: 20px;
      margin-bottom: 20px; } }

@media (min-width: 768px) {
  .image-grid {
    display: table;
    width: 100%;
    margin-left: auto;
    margin-right: auto;
    margin-top: 70px;
    margin-bottom: 70px; }
    .image-grid__column {
      display: table-cell;
      vertical-align: middle;
      width: 50%;
      padding-left: 15px;
      padding-right: 15px; }
      .image-grid__column:first-child {
        padding-left: 0; }
      .image-grid__column:last-child {
        padding-right: 0; }
    .image-grid img.responsive-image {
      margin-top: 31px;
      margin-bottom: 31px; } }

img.lazy-load {
  opacity: 0;
  transition: opacity .5s ease-out; }
  img.lazy-load.complete {
    opacity: 1; }

img.lazy-load--no-anim {
  opacity: 1;
  transition: none; }

@media (max-width: 767px) {
  body.new-look .container__wide .responsive-image {
    width: calc(100% + 40px);
    margin-left: -20px;
    margin-right: -20px; } }

/**
 *
 * buttons
 *
 */
.button, .button.button--small,
.button.button--filter, .form__select-standard {
  font-size: 11px;
  line-height: 15px;
  letter-spacing: 0.025em;
  text-transform: uppercase;
  border-width: 1px;
  padding: 8px 16px 6px; }
  @media (min-width: 768px) {
    .button, .button.button--small,
    .button.button--filter, .form__select-standard {
      font-size: 12px;
      line-height: 17px;
      padding: 8px 18px 6px; } }

.button.button--large {
  border-width: 2px;
  font-size: 13px;
  line-height: 16px;
  letter-spacing: 0.025em;
  padding: 9px 16px 7px; }
  @media (min-width: 768px) {
    .button.button--large {
      font-size: 18px;
      line-height: 24px;
      padding: 10px 23px 8px; } }

.button {
  display: inline-block;
  background-color: transparent;
  border: 2px solid #000000;
  border-radius: 100px;
  outline: none;
  color: #000000;
  font-family: inherit;
  font-weight: 400;
  margin-top: 40px;
  cursor: pointer;
  text-decoration: none;
  text-transform: uppercase; }
  .button:hover, .button:focus {
    background-color: #000000;
    color: #fff; }
  .button.active, .button.button--colored {
    background-color: #000000;
    border-color: #000000;
    color: #fff; }
    .button.active:hover, .button.active:focus, .button.button--colored:hover, .button.button--colored:focus {
      background-color: #fff;
      border-color: #000000;
      color: #000000; }
    .ui-color-press .button.active, .button.active.color-press, .ui-color-press .button.button--colored, .button.button--colored.color-press {
      background-color: #f9bbac;
      border-color: #f9bbac; }
      .ui-color-press .button.active:hover, .button.active.color-press:hover, .ui-color-press .button.button--colored:hover, .button.button--colored.color-press:hover {
        background-color: #fff;
        color: #f9bbac; }
    .ui-color-company .button.active, .button.active.color-company, .ui-color-company .button.button--colored, .button.button--colored.color-company {
      background-color: #67b4f9;
      border-color: #67b4f9; }
      .ui-color-company .button.active:hover, .button.active.color-company:hover, .ui-color-company .button.button--colored:hover, .button.button--colored.color-company:hover {
        background-color: #fff;
        color: #67b4f9; }
    .ui-color-sustainability .button.active, .button.active.color-sustainability, .ui-color-sustainability .button.button--colored, .button.button--colored.color-sustainability {
      background-color: #009900;
      border-color: #009900; }
      .ui-color-sustainability .button.active:hover, .button.active.color-sustainability:hover, .ui-color-sustainability .button.button--colored:hover, .button.button--colored.color-sustainability:hover {
        background-color: #fff;
        color: #009900; }
    .ui-color-ir .button.active, .button.active.color-ir, .ui-color-ir .button.button--colored, .button.button--colored.color-ir {
      background-color: #f1d070;
      border-color: #f1d070; }
      .ui-color-ir .button.active:hover, .button.active.color-ir:hover, .ui-color-ir .button.button--colored:hover, .button.button--colored.color-ir:hover {
        background-color: #fff;
        color: #f1d070; }
    .ui-color-careers .button.active, .button.active.color-careers, .ui-color-careers .button.button--colored, .button.button--colored.color-careers {
      background-color: #f5b673;
      border-color: #f5b673; }
      .ui-color-careers .button.active:hover, .button.active.color-careers:hover, .ui-color-careers .button.button--colored:hover, .button.button--colored.color-careers:hover {
        background-color: #fff;
        color: #f5b673; }
    .press-material-item__download-buttons .button.active, .press-material-item__download-buttons .button.button--colored {
      margin-top: 16px; }

/* small buttons */
.button.button--filter {
  border-radius: 4px; }

/* tbc, select, move to forms ... */
.container-standard select.button.button--filter, .light-box__gallery > div select.button.button--filter, .light-box__ui > div select.button.button--filter {
  -webkit-appearance: none;
  -moz-appearance: none;
  appearance: none;
  background-image: url("/_Resources/Static/Packages/Wysiwyg.Esprit.CorporateSite/Images/ui/link-arrow-down.svg");
  background-position: right 15px top 10px;
  background-repeat: no-repeat;
  background-size: 12px 7px;
  padding-right: 130px;
  position: relative; }
  @media (min-width: 768px) {
    .container-standard select.button.button--filter, .light-box__gallery > div select.button.button--filter, .light-box__ui > div select.button.button--filter {
      background-position: right 15px top 11px; } }

.container-standard select.button.button--filter:hover, .light-box__gallery > div select.button.button--filter:hover, .light-box__ui > div select.button.button--filter:hover {
  background-image: url("/_Resources/Static/Packages/Wysiwyg.Esprit.CorporateSite/Images/ui/link-arrow-down-negative.svg"); }

/**
 * prototype styles
 * to be deleted, moved, refactored ...
 * used on contact page
 *
 */
.form-heading {
  font-weight: 600; }
  .form-heading + .copy-text {
    margin-top: 1.3em; }
  form .form-heading {
    margin-bottom: 2.2em; }

.section-headline + .form-heading {
  margin-top: 80px; }

.form__item .button--filter {
  margin-top: 0;
  margin-bottom: 11px;
  width: 100%; }

/**
 * filter
 * to be refactored
 *
 */
.document-filter:after {
  content: " ";
  display: block;
  clear: both; }

.document-filter__item {
  float: left;
  width: 50%; }
  .document-filter__item:first-child {
    padding-right: 18px; }
  .document-filter__item:last-child {
    padding-left: 18px; }
  .document-filter__item select {
    width: 100%; }

/**
 * forms
 *
 */
.error-text {
  color: #ba0c2f; }

fieldset {
  border: none;
  margin: 20px 0; }

.form__container {
  border-top: 1px solid #ebebeb;
  margin-top: 40px;
  padding-top: 40px; }

.form__label-standard {
  color: #44403f;
  display: block;
  margin-bottom: 3px; }

.form__input-standard {
  border: none;
  border-bottom: 1px solid #b7b7b7;
  color: #8e8682;
  display: block;
  line-height: 30px;
  margin-bottom: 11px;
  width: 100%; }
  .form__input-standard:focus {
    outline: none;
    border-bottom-color: #000000; }

.form__textarea-standard {
  border: 1px solid #b7b7b7;
  border-radius: 6px;
  color: #8e8682;
  display: block;
  margin-bottom: 20px;
  width: 100%;
  resize: none;
  padding: 4px 9px; }
  .form__textarea-standard:focus {
    outline: none;
    border-color: #000000; }

.form__select-standard.select-standard--filter {
  font-size: 12px;
  font-weight: 500;
  letter-spacing: 0.015em;
  text-transform: uppercase; }

.form__select-standard {
  -moz-appearance: none;
  -webkit-appearance: none;
  appearance: none;
  background: url("/_Resources/Static/Packages/Wysiwyg.Esprit.CorporateSite/Images/ui/link-arrow-down.svg") no-repeat;
  border: none;
  border-radius: 0;
  border-bottom: 1px solid #b7b7b7;
  color: inherit;
  background-position: right 1px top 4px;
  margin-bottom: 11px;
  outline: none;
  padding: 2px 0 8px 1px;
  width: 100%; }
  @media (min-width: 768px) {
    .form__select-standard {
      background-position: right 1px top 5px; } }
  .form__select-standard.select-standard--filter {
    padding-right: 20px;
    overflow: hidden;
    text-overflow: ellipsis; }
  .form__select-standard::-ms-expand {
    display: none; }

.form__item--button-container {
  text-align: right; }
  @media (min-width: 768px) {
    .form__item--button-container {
      float: right; } }

/**
 * grid for forms
 * two columns @screen-s-up
 *
 */
@media (min-width: 768px) {
  .form__row:after {
    content: " ";
    display: block;
    clear: both; }
  .form__row .form__column {
    width: 45%; }
    .form__row .form__column:nth-child(2n+0) {
      float: right; }
    .form__row .form__column:nth-child(2n+1) {
      float: left; } }

/**
 * contact information is deactivated
 * depending on issue selected
 *
 */
.form__contact-message {
  padding-top: 23px;
  padding-bottom: 40px; }

.form__contact-message-logo--friends {
  max-width: 550px;
  width: auto;
  height: 55px;
  background: url("/_Resources/Static/Packages/Wysiwyg.Esprit.CorporateSite/Images/ui/esprit-friends-logo-oneline-rgb.svg") 50%/contain no-repeat; }

.form__contact-message-logo--shop {
  width: 75px;
  height: 75px;
  position: relative;
  left: -5px;
  top: -2px;
  background: url("/_Resources/Static/Packages/Wysiwyg.Esprit.CorporateSite/Images/ui/icon-e-shop.svg") 50%/contain no-repeat; }

.form__contact-information {
  transition: opacity .25s; }
  .form__contact-information--inactive {
    opacity: .275; }

/**
 * styles for Wysiwyg.Esprit.ContactForms
 *
 */
.actions {
  float: right;
  text-align: right; }

.actions ul {
  list-style: none; }

.help-inline, .required {
  color: #ba0c2f; }

.g-recaptcha {
  margin-bottom: 15px;
  margin-top: 15px; }

.g-recaptcha-hidden {
  display: none; }

/**
 * table styles
 * ...
 */
.table-standard {
  margin-top: 45px;
  margin-bottom: 30px;
  padding-left: 12px;
  padding-right: 12px;
  margin-left: auto;
  margin-right: auto; }
  .table-standard td {
    white-space: nowrap;
    padding: 1em;
    text-align: center;
    border-bottom: 1px solid #b7b7b7; }
    @media (max-width: 767px) {
      .table-standard td {
        white-space: normal; } }
    .table-standard td:first-child {
      padding-left: 0;
      padding-right: 2em;
      text-align: left; }
      @media (max-width: 1279px) {
        .table-standard td:first-child {
          white-space: normal; } }
      @media (max-width: 767px) {
        .table-standard td:first-child {
          max-width: 240px; } }
    .table-standard td:last-child {
      padding-right: 0; }
  .table-standard tr.head th {
    border-bottom: 1px solid #b7b7b7; }
  .table-standard th:not(:first-child) {
    padding: .75em .75em; }
  .table-standard .list-subheading {
    text-align: left;
    margin-top: 30px;
    margin-bottom: 20px; }

/* helper */
@media (min-width: 1024px) {
  /* >= L */
  .visible-xs {
    display: none !important; } }

@media (max-width: 1023px) {
  /* < L */
  .hidden-xs {
    display: none !important; } }

@media (min-width: 1024px) {
  /* >= L */
  .ignore-desktop {
    display: none !important; } }

nav.site-navigation li.highlighted > a {
  color: #ba0c2f !important; }

nav.site-navigation li.highlighted > a:hover > span {
  border-bottom-color: #ba0c2f; }

/**
 *	General
 *	nav.site-navigation		complete rwd header container, namespace
 *
 *
 */
nav.site-navigation {
  position: fixed;
  z-index: 100000;
  width: 100%;
  background-color: rgba(255, 255, 255, 0.985);
  font-variant-ligatures: no-common-ligatures;
  -webkit-tap-highlight-color: transparent; }
  nav.site-navigation ul {
    list-style-type: none; }

/**
 *	Header
 *
 *
 *
 */
nav.site-navigation {
  position: absolute; }
  nav.site-navigation a {
    color: inherit;
    text-decoration: none;
    cursor: pointer; }
  nav.site-navigation header {
    color: #111111;
    height: 44px;
    padding-left: 2%;
    padding-right: 2%;
    text-align: center; }
    nav.site-navigation header span.esprit-logo,
    nav.site-navigation header a.esprit-logo {
      position: absolute;
      top: 8px;
      display: block;
      transform: translate(-50%, 0);
      font-family: 'Esprit Icon';
      font-size: 17px;
      height: 24px;
      letter-spacing: -0.45em;
      left: 50%;
      line-height: 24px;
      color: #12110e; }
      @media (max-width: 1023px) {
        nav.site-navigation header span.esprit-logo,
        nav.site-navigation header a.esprit-logo {
          /* < L */ }
          nav.site-navigation header span.esprit-logo img,
          nav.site-navigation header a.esprit-logo img {
            max-width: 100px; } }

.menu-toggle {
  display: none;
  position: fixed;
  z-index: 2000;
  left: 290px;
  top: 9px;
  -webkit-tap-highlight-color: transparent; }

.header-item {
  display: table;
  float: left;
  position: relative;
  text-align: center;
  top: 10px;
  cursor: pointer; }
  .header-item.header-item-right {
    float: right; }
  .header-item > .header-item-label {
    font-size: 12px;
    font-weight: 400;
    line-height: 12px;
    text-transform: uppercase; }
  .header-item.lang-switch {
    z-index: 12;
    padding-right: 10px; }
    .header-item.lang-switch .header-item-label {
      position: relative;
      z-index: 1;
      padding-right: 10px; }
    .header-item.lang-switch span.selected {
      font-weight: 400; }
    @media (max-width: 1023px) {
      .header-item.lang-switch {
        position: absolute;
        right: -2px;
        top: 15px;
        color: #6d6765; }
        .header-item.lang-switch .header-item-label {
          padding-right: 9px; } }

.lang-switch-dropdown-arrow:before {
  content: " ";
  display: inline-block;
  width: 15px;
  height: 12px;
  background: url("/_Resources/Static/Packages/Wysiwyg.Esprit.CorporateSite/Images/ui/drop-down-pointer-down.svg") 50% no-repeat;
  margin-right: 9px;
  position: relative;
  top: 1px; }
  @media (max-width: 1023px) {
    .lang-switch-dropdown-arrow:before {
      background-image: url("/_Resources/Static/Packages/Wysiwyg.Esprit.CorporateSite/Images/ui/drop-down-pointer-down-grey.svg"); } }

@media (max-width: 1023px) {
  .lang-switch-dropdown-arrow {
    float: right; } }

nav.site-navigation .lang-switch-dropdown {
  position: absolute;
  left: -40px;
  display: block;
  padding-top: 30px;
  padding-bottom: 18px;
  font-size: 12px;
  font-weight: 400;
  letter-spacing: 0.025em;
  line-height: 11px;
  text-transform: uppercase;
  display: none;
  color: #6d6765; }
  nav.site-navigation .lang-switch-dropdown a {
    display: table;
    padding-top: 7px;
    padding-bottom: 7px;
    padding-left: calc(2.2% + 38px);
    padding-right: 50px;
    font-weight: 400;
    letter-spacing: .01em;
    white-space: nowrap;
    text-align: left; }
    nav.site-navigation .lang-switch-dropdown a:hover {
      text-decoration: underline; }
  @media (max-width: 1023px) {
    nav.site-navigation .lang-switch-dropdown {
      left: auto;
      right: 0;
      width: auto;
      padding-top: 25px; }
      nav.site-navigation .lang-switch-dropdown a {
        text-align: right;
        margin-left: auto;
        padding-left: 25px;
        padding-right: 20px; } }

nav.site-navigation .lang-switch.open .lang-switch-dropdown {
  display: block !important; }

/**
 *	Off canvas navigation ( < L )
 *	.off-canvas-navigation		container div, namespace
 *
 *
 */
#pageCover {
  display: none;
  position: fixed;
  transform: translateZ(0);
  left: 0;
  top: 0;
  z-index: 1;
  width: 100%;
  width: 100vw;
  height: 100%;
  height: 100vh;
  background: rgba(255, 255, 255, 0.6); }

nav.site-navigation a.close-flyout {
  display: none;
  -webkit-tap-highlight-color: transparent; }

nav.site-navigation .main-navigation-container {
  padding-top: 10px; }

nav.site-navigation .main-navigation-container > ul.site-navigation {
  margin-bottom: 16px; }

nav.site-navigation ul.site-navigation > li > a {
  font-size: 15px;
  text-transform: uppercase;
  font-weight: 400;
  letter-spacing: .02em; }

nav.site-navigation a.active, nav.site-navigation li.active > a {
  text-decoration: underline;
  color: #000000 !important; }

.off-canvas-navigation .main-navigation-container ul.site-navigation > li > a.menu-container:after, .off-canvas-navigation .main-navigation-container ul.site-navigation > li.open > a:after {
  content: " " !important;
  display: inline-block;
  width: 21px;
  height: 11px;
  background: 50% 60% no-repeat;
  margin-left: 12px; }

.off-canvas-navigation {
  display: none;
  background-color: #fff; }
  .off-canvas-navigation.active {
    position: fixed;
    left: 0;
    top: 0;
    height: 100%;
    z-index: 1000; }
  .off-canvas-navigation .scroll-container {
    position: fixed;
    overflow-x: hidden;
    overflow-y: scroll;
    width: 300px;
    top: 44px;
    height: calc(100% - 44px); }
    .off-canvas-navigation .scroll-container::-webkit-scrollbar {
      width: 0px;
      background: transparent; }
    .off-canvas-navigation .scroll-container .navigation-cover {
      position: fixed;
      z-index: 10;
      left: 0;
      top: 0;
      width: 100%;
      height: 100%;
      background: rgba(255, 255, 255, 0.75); }
  @media (max-width: 1279px) {
    .off-canvas-navigation.active {
      display: block;
      width: 300px; } }
  .off-canvas-navigation ul li a {
    display: block;
    padding: 12px 18px 10px 25px;
    /*
		overflow: hidden;

		white-space: nowrap;
		text-overflow: ellipsis;
		*/ }
  .off-canvas-navigation li.active > a {
    text-decoration: underline; }
  .off-canvas-navigation .main-navigation-container ul.site-navigation > li > a {
    position: relative; }
    .off-canvas-navigation .main-navigation-container ul.site-navigation > li > a.menu-container:after {
      /*
					content: "\e91a";
					font-family: 'Esprit Icon';
					font-size: 14px;
					font-weight: 400;
					position: absolute;
					right: 18px;
					top: 17px;
					line-height: 14px;
					*/ }
  .off-canvas-navigation .main-navigation-container ul.site-navigation > li > a.menu-container {
    white-space: nowrap; }
    .off-canvas-navigation .main-navigation-container ul.site-navigation > li > a.menu-container:after {
      background-image: url("/_Resources/Static/Packages/Wysiwyg.Esprit.CorporateSite/Images/ui/navigation-pointer-down.svg");
      opacity: .3; }
  .off-canvas-navigation .main-navigation-container ul.site-navigation > li.open > a:after {
    background-image: url("/_Resources/Static/Packages/Wysiwyg.Esprit.CorporateSite/Images/ui/navigation-pointer-up.svg");
    opacity: 1;
    position: relative;
    top: 1px; }
  .off-canvas-navigation .language-selection li a {
    padding: 13px 3px 14px 15px; }

/* second level */
.off-canvas-navigation ul.site-navigation .navigation-layer a {
  padding-left: 49px;
  font-size: 12px;
  letter-spacing: .025em;
  white-space: normal; }

.off-canvas-navigation ul.site-navigation .navigation-layer li.open > a {
  /*
		&:after {
			content: "" !important;
			display: none;

		}
		*/ }

/* third level */
.off-canvas-navigation ul.site-navigation .navigation-layer .navigation-layer li a {
  text-transform: none;
  letter-spacing: .02em;
  color: #707070; }

/* quick navigation */
.off-canvas-navigation ul.quick-navigation {
  margin-top: 18px;
  padding-bottom: 17px; }
  .off-canvas-navigation ul.quick-navigation li a {
    line-height: 24px;
    padding-left: 25px; }
    .off-canvas-navigation ul.quick-navigation li a span.header-item-icon {
      display: inline-block;
      font-size: 20px;
      height: 20px;
      vertical-align: middle;
      width: 23px;
      position: relative;
      top: -3px;
      margin-right: 5px; }
  .off-canvas-navigation ul.quick-navigation li + li {
    margin-top: 4px; }
  .off-canvas-navigation ul.quick-navigation .icon-shop:before {
    margin-left: 10px; }

.off-canvas-navigation ul.language-selection {
  display: none;
  /*
		display: block;
		margin: 0 10px;

		padding-bottom: 42px;

		li {
			a {
				font-weight: 400;
				color: #787878;

				padding-top: 8px;
				height: auto;

				br {
					display: none;

				}

			}

			&.active {
				// color: #44403f;
				font-weight: 500;

			}

		}
		*/ }

/**
 *	media queries
 *
 *  "Breakpoints" as of styleguide
 *  XXS >= 240px
 *  XS  >= 320px
 *  S   >= 480px
 *  M   >= 768px
 *  L   >=1024px
 *  XL  >=1280px
 *  XXL >=1600px
 *
 *
 *
 */
@media (min-width: 240px) {
  /* XXS */
  /* useless?! */ }

@media (min-width: 320px) {
  /* XS */ }

@media (min-width: 480px) {
  /* S */ }

@media (min-width: 768px) {
  /* M */
  .header-item.header-item-right + .header-item.header-item-right {
    margin-right: 30px; } }

@media (min-width: 1024px) {
  /* L */
  nav.site-navigation {
    font-size: 14px;
    line-height: 1.9em;
    letter-spacing: .01em;
    text-align: center; }
  nav.site-navigation .drop-down-navigation > li > a {
    display: inline-block;
    padding: 0 16px; }
  nav.site-navigation .drop-down-navigation > li ul li {
    font-size: 12px;
    line-height: 2.5em;
    letter-spacing: .015em;
    font-weight: 400;
    color: #6d6765; }
  nav.site-navigation header {
    border-bottom: none;
    height: 87px;
    padding-left: 2.2%;
    padding-right: 2.2%; }
    nav.site-navigation header span.esprit-logo,
    nav.site-navigation header a.esprit-logo {
      top: 14px;
      font-size: 31px;
      line-height: 40px; }
      nav.site-navigation header span.esprit-logo img,
      nav.site-navigation header a.esprit-logo img {
        max-width: 140px; }
  nav.site-navigation a.close-flyout {
    display: block;
    right: 2%;
    top: 133px;
    z-index: 100; }
  .header-item {
    top: 28px; }
    .header-item.header-item-right {
      margin-top: 0; }
      .header-item.header-item-right + .header-item.header-item-right {
        margin-right: 34px; }
    .header-item.header-item-absolute {
      position: absolute; }
    .header-item > .header-item-label {
      display: inline-block;
      letter-spacing: .02em; }
  .icon-menu:before {
    font-size: 24px; }
  /**
	 *	drop down navigation ( >= L )
	 *	.drop-down-navigation		container ul, namespace
	 *
	 *
	 */
  ul.drop-down-navigation {
    display: block;
    padding: 0 2.2% 46px 2.2%;
    position: relative;
    margin-top: -5px;
    margin-bottom: -1px;
    height: 43px;
    text-align: center;
    color: #111111;
    font-size: 0; }
    ul.drop-down-navigation li {
      list-style: none; }
      ul.drop-down-navigation li.faded {
        opacity: .475; }
    ul.drop-down-navigation > li {
      display: inline-block; }
      ul.drop-down-navigation > li:first-child {
        padding-left: 0; }
      ul.drop-down-navigation > li:last-child {
        padding-right: 0; }
      ul.drop-down-navigation > li > a {
        display: inline-block;
        font-weight: 400;
        font-size: 14px;
        line-height: 1.4em;
        /*
				letter-spacing: 0.05em;
				*/
        letter-spacing: .015em;
        text-transform: uppercase;
        text-underline-offset: 3px; }
      ul.drop-down-navigation > li > a:hover span,
      ul.drop-down-navigation > li.hovered > a span {
        text-decoration: underline; }
    ul.drop-down-navigation ul li a {
      display: block;
      -webkit-tap-highlight-color: transparent;
      line-height: 25px; }
  .wip-status {
    display: none; }
    .wip-status + a {
      text-indent: -18px;
      padding-left: 18px; }
      .wip-status + a:before {
        content: "\A0";
        display: inline-block;
        width: 10px;
        height: 10px;
        border-radius: 50%;
        margin-right: 6px;
        white-space: nowrap;
        position: relative;
        top: 7px;
        border: 1px solid #a8a8a8; }
    .wip-status--missing + a:before {
      border: none;
      background: #ff3d3d; }
    .wip-status--in-progress + a:before {
      border: none;
      background: #ffe71a; }
    .wip-status--done + a:before {
      border: none;
      background: #72982b; }
  /* fly out */
  /* for testing: show a flyout menu

		ul.drop-down-navigation > li:nth-child(7) > ul {
			display: block;
			top: 49px;
		}

	*/
  ul.drop-down-navigation > li > a:not([href]) {
    cursor: default; }
  ul.drop-down-navigation > li > div {
    display: none;
    position: absolute;
    width: 100%;
    z-index: 1;
    left: 0;
    padding: 30px 0 17px; }
    ul.drop-down-navigation > li > div > ul {
      display: table;
      position: relative;
      text-align: left; }
      ul.drop-down-navigation > li > div > ul li {
        color: #111111;
        text-transform: uppercase; }
      ul.drop-down-navigation > li > div > ul a {
        text-underline-offset: 3px; }
      ul.drop-down-navigation > li > div > ul a:hover {
        text-decoration: underline; }
      ul.drop-down-navigation > li > div > ul ul {
        display: none; }
  ul.drop-down-navigation > li.hovered > div {
    display: block; }
  ul.drop-down-navigation > li.multi-column > div > ul ul {
    display: block; }
  ul.drop-down-navigation > li.multi-column > div > ul > li {
    display: inline-block;
    vertical-align: top;
    text-align: left;
    color: #111111; } }
  @media (min-width: 1024px) and (max-width: 1279px) {
    ul.drop-down-navigation > li.multi-column > div > ul > li {
      max-width: 11.5vw; }
      ul.drop-down-navigation > li.multi-column > div > ul > li + li {
        margin-left: 30px; } }
  @media (min-width: 1024px) and (min-width: 1280px) {
    ul.drop-down-navigation > li.multi-column > div > ul > li {
      max-width: 12.5vw; }
      ul.drop-down-navigation > li.multi-column > div > ul > li + li {
        margin-left: 40px; } }

@media (min-width: 1024px) {
    ul.drop-down-navigation > li.multi-column > div > ul > li a {
      line-height: 16px;
      padding-top: 5px;
      padding-bottom: 5px; }
    ul.drop-down-navigation > li.multi-column > div > ul > li li {
      text-transform: none;
      text-align: left;
      color: #777777; }
      ul.drop-down-navigation > li.multi-column > div > ul > li li a {
        line-height: 16px;
        padding-top: 3px;
        padding-bottom: 5px; }
  ul.drop-down-navigation > li.multi-column > div .wip-status + a:before {
    top: 2px; }
  .icon-shop {
    line-height: 10px; }
    .icon-shop:before {
      font-size: 20px;
      margin-left: 10px;
      position: relative;
      top: 2px; } }

@media (min-width: 1280px) {
  /* XL */
  nav.site-navigation header span.esprit-logo,
  nav.site-navigation header a.esprit-logo {
    top: 20px; } }

/**
 *	Icons
 *
 *
 *
 */
.header-item-icon {
  font-family: 'Esprit Icon';
  font-size: 24px;
  font-weight: 400;
  height: 29px; }

.icon-menu:before {
  color: #6d6765;
  content: "\E902";
  font-size: 24px; }

.icon-shop:before {
  content: "\E949"; }

.icon-close:before {
  font-size: 20px;
  content: "\E903"; }

.icon-menu-toggle {
  position: absolute;
  z-index: 1;
  left: -15px;
  top: -3px;
  width: 40px;
  height: 40px;
  background: url("/_Resources/Static/Packages/Wysiwyg.Esprit.CorporateSite/Images/ui/navigation-close-button.svg") 50% no-repeat; }

/**
 *
 * breadcrumb
 * 07/2018 goe
 *
 */
.breadcrumb ul,
.breadcrumb ol, .export-links {
  padding-left: 2.2%;
  padding-right: 2.2%; }
  @media (min-width: 1576px) {
    .breadcrumb ul,
    .breadcrumb ol, .export-links {
      max-width: 1507px;
      margin: 0 auto;
      padding-left: 0;
      padding-right: 0; } }

.breadcrumb, .export-links {
  font-size: 12px;
  line-height: 1.3em;
  font-weight: 400;
  letter-spacing: 0.02em;
  color: #535353; }
  @media (max-width: 1023px) {
    .breadcrumb, .export-links {
      font-size: 11px; } }

.breadcrumb {
  position: static;
  text-align: left; }
  .breadcrumb__path-container {
    border-top: 1px solid #ebebeb;
    border-bottom: 1px solid #ebebeb; }
    .site-navigation.hovered .breadcrumb__path-container {
      border-color: transparent; }
  .breadcrumb ul,
  .breadcrumb ol {
    list-style-type: none; }
    @media (max-width: 1023px) {
      .breadcrumb ul,
      .breadcrumb ol {
        margin-left: -5px;
        line-height: 0px;
        padding-top: 6px;
        padding-bottom: 0px; } }
    .site-navigation.hovered .breadcrumb ul, .site-navigation.hovered
    .breadcrumb ol {
      visibility: hidden; }
    .breadcrumb ul li,
    .breadcrumb ol li {
      display: inline-block; }
      .breadcrumb ul li:first-of-type,
      .breadcrumb ol li:first-of-type {
        text-transform: uppercase; }
        @media (min-width: 1024px) {
          .breadcrumb ul li:first-of-type,
          .breadcrumb ol li:first-of-type {
            margin-left: -2px; } }
      .breadcrumb ul li a, .breadcrumb ul li span,
      .breadcrumb ol li a,
      .breadcrumb ol li span {
        display: block;
        padding: 10px 4px 8px 4px; }
        .breadcrumb ul li a::after, .breadcrumb ul li span::after,
        .breadcrumb ol li a::after,
        .breadcrumb ol li span::after {
          content: "|";
          color: #DEDAD8;
          display: inline-block;
          font-size: 9px;
          margin-left: .85em; }
      .breadcrumb ul li a,
      .breadcrumb ol li a {
        box-sizing: border-box;
        color: inherit;
        text-decoration: none; }
        @media (max-width: 1023px) {
          .breadcrumb ul li a,
          .breadcrumb ol li a {
            padding-top: 9px;
            padding-bottom: 9px; } }
      .breadcrumb ul li.active a,
      .breadcrumb ol li.active a {
        text-decoration: none; }
      @media (max-width: 767px) {
        .breadcrumb ul li.current span,
        .breadcrumb ol li.current span {
          line-height: 1.3em;
          padding-top: 3px; } }
      .breadcrumb ul li:last-child a::after,
      .breadcrumb ul li:last-child span::after,
      .breadcrumb ol li:last-child a::after,
      .breadcrumb ol li:last-child span::after {
        content: ""; }

/**
 * footer styles
 * ...
 */
/*
	Footer
*/
.footer {
  background-color: #f4f4f2;
  border-top: 1px solid #aeacaa;
  color: #383534;
  padding: 60px 0 26px 0;
  font-size: 12px;
  line-height: 1.8em;
  letter-spacing: .02em;
  text-align: center;
  font-weight: 400; }
  .footer h4 {
    text-transform: uppercase;
    font-size: 14px;
    letter-spacing: .01em;
    font-weight: 400;
    color: #383534;
    margin-bottom: .25em; }
  .footer * {
    box-sizing: border-box; }
  @media (max-width: 767px) {
    .footer {
      padding-top: 40px; } }
  @media (max-width: 767px) {
    .footer .container-standard, .footer .light-box__gallery > div, .footer .light-box__ui > div {
      display: inline-table;
      margin-bottom: 40px; } }
  @media (min-width: 768px) {
    .footer .container-standard, .footer .light-box__gallery > div, .footer .light-box__ui > div {
      display: inline-table;
      margin-bottom: 60px; } }
  .footer a {
    color: inherit;
    text-decoration: none;
    white-space: nowrap; }
  @media (max-width: 767px) {
    .footer__link-list + .footer__link-list {
      margin-top: 20px; } }
  @media (min-width: 768px) {
    .footer__link-list {
      display: inline-table;
      margin-left: 35px;
      margin-right: 35px;
      min-width: 60px;
      vertical-align: top; } }
  .footer__link-list li {
    display: block;
    text-align: left; }
    .footer__link-list li + li {
      margin-top: 3px; }
  .footer__link-list a {
    font-size: 12px;
    color: #606060; }
    .footer__link-list a:hover {
      color: #8e8682;
      text-decoration: underline; }
    .footer__link-list a > * {
      margin: 0;
      padding: 0; }
  .footer__community-container {
    border-top: 1px solid #aeacaa;
    padding: 20px 0 20px 0; }
    .footer__community-container > div {
      display: table;
      margin-left: auto;
      margin-right: auto; }
    .footer__community-container p {
      font-weight: 400; }
      @media (max-width: 767px) {
        .footer__community-container p {
          text-align: left; } }
      @media (min-width: 768px) {
        .footer__community-container p {
          display: inline-block; }
          .footer__community-container p + p {
            margin-left: 28px; } }
      .footer__community-container p .header-item-icon {
        text-align: center; }
    .footer__community-container a:first-child {
      margin-left: 15px; }
    .footer__community-container a:hover {
      text-decoration: none; }
    .footer__community-container a span {
      background-color: #6c6865;
      border-radius: 50%;
      color: #fff;
      display: inline-block;
      font-size: 20px;
      height: 29px;
      letter-spacing: normal;
      line-height: 19px;
      margin: 0 4px 0 8px;
      padding-left: 1px;
      padding-top: 5px;
      position: relative;
      vertical-align: middle;
      width: 29px; }
    @media (max-width: 767px) {
      .footer__community-container {
        padding-left: 40px;
        padding-right: 40px; } }
  @media (max-width: 767px) {
    .footer .footer__community-container {
      padding-bottom: 14px; }
      .footer .footer__community-container p {
        margin-top: 17px; }
    .footer__community-container-icons {
      display: table;
      margin-top: 4px;
      margin-bottom: 20px; } }
  @media (max-width: 767px) and (max-width: 360px) {
    .footer__community-container-icons {
      display: block; }
      .footer__community-container-icons span {
        margin-bottom: 10px !important; } }
  @media (max-width: 767px) {
      .footer__community-container-icons a:first-child {
        margin-left: 0; }
      .footer__community-container-icons a span {
        margin-left: 0;
        margin-right: 10px;
        padding-left: 0; } }

.header-item-icon--image {
  background-position: 50%;
  background-size: contain;
  background-repeat: no-repeat; }

.header-item-icon.icon-snapchat {
  background-image: url("/_Resources/Static/Packages/Wysiwyg.Esprit.CorporateSite/Images/ui/social-icon-snapchat.svg");
  background-size: 17px auto; }

.header-item-icon.icon-google-plus {
  background-image: url("/_Resources/Static/Packages/Wysiwyg.Esprit.CorporateSite/Images/ui/social-icon-google-plus.svg");
  background-size: 30px auto; }

.header-item-icon.icon-linked-in {
  background-image: url("/_Resources/Static/Packages/Wysiwyg.Esprit.CorporateSite/Images/ui/social-icon-linked-in.svg");
  background-size: 13px auto; }

.header-item-icon.icon-xing {
  background-image: url("/_Resources/Static/Packages/Wysiwyg.Esprit.CorporateSite/Images/ui/social-icon-xing.svg");
  background-size: 18px auto; }

@media (max-width: 767px) {
  .header-item-icon.icon-we-chat, .header-item-icon.icon-weibo {
    display: none; } }

@media (min-width: 768px) {
  .header-item-icon.icon-we-chat {
    background-image: url("/_Resources/Static/Packages/Wysiwyg.Esprit.CorporateSite/Images/ui/social-icon-we-chat.svg");
    background-size: 19px auto;
    position: relative; } }
  @media (min-width: 768px) and (min-width: 480px) {
    .header-item-icon.icon-we-chat:hover:after {
      content: " ";
      display: block;
      width: 159px;
      height: 182px;
      position: absolute;
      z-index: 32000;
      left: -65px;
      bottom: 45px;
      background: url("https://www.esprit.com/-img/common/footer-qr-code-wechat.png") 50%/contain no-repeat; } }

@media (min-width: 768px) {
  .header-item-icon.icon-weibo {
    background-image: url("/_Resources/Static/Packages/Wysiwyg.Esprit.CorporateSite/Images/ui/social-icon-weibo.svg");
    background-size: 19px auto; } }

.header-item-icon.icon-renren {
  background-image: url("/_Resources/Static/Packages/Wysiwyg.Esprit.CorporateSite/Images/ui/social-icon-renren.svg");
  background-size: 21px auto; }

.cookie-layer {
  position: relative;
  overflow: hidden;
  background: #fafafa;
  text-align: center;
  border-bottom: 1px solid #ebebeb; }
  .cookie-layer > div {
    padding: 20px 40px; }
  .cookie-layer a {
    margin-left: 1em; }
  .cookie-layer__close-button {
    position: absolute;
    z-index: 1;
    right: calc(2.2% - 12px);
    top: 0px;
    width: 40px;
    height: 40px;
    background: url("/_Resources/Static/Packages/Wysiwyg.Esprit.CorporateSite/Images/ui/navigation-close-button.svg") 50% no-repeat;
    cursor: pointer; }
    .cookie-layer__close-button:hover {
      opacity: .75; }

.export-links {
  white-space: nowrap;
  position: relative; }
  body.show-export-menu .export-links {
    display: block !important; }
  .export-links > div {
    position: absolute;
    top: 6px; }
  .export-links__link {
    text-decoration: none; }
    .export-links__link > span {
      border-bottom: 1px solid #000000; }
    .export-links__link:before {
      content: " ";
      display: inline-block;
      width: 18px;
      height: 18px;
      margin-left: 2px;
      margin-right: .75em;
      position: relative;
      top: .4em;
      background: 50%/contain no-repeat; }
    .export-links__link--print:before {
      background-image: url("/_Resources/Static/Packages/Wysiwyg.Esprit.CorporateSite/Images/ui/icon-print.svg"); }
    .export-links__link--mail:before {
      background-image: url("/_Resources/Static/Packages/Wysiwyg.Esprit.CorporateSite/Images/ui/icon-mail.svg"); }
    .export-links__link:after {
      content: "\BB";
      margin-left: .475em; }
    .export-links__link + .export-links__link {
      margin-left: 1.9em; }
    @media (max-width: 479px) {
      .export-links__link--print {
        display: none; } }

p[style='color:red;'] {
  position: fixed;
  z-index: 999999;
  top: 3px;
  left: 5px;
  font-size: 10px; }

/* components / modules */
/**
 * header
 * main visual for pages
 */
.header-visual {
  margin: 0 auto 67px auto;
  max-width: 1507px;
  width: 100%; }
  .header-visual__text {
    box-sizing: border-box;
    padding: 36px 42px 52px;
    text-align: right;
    vertical-align: bottom; }
    @media (max-width: 767px) {
      body.show-export-menu .header-visual__text {
        padding-top: 66px; } }
    @media (min-width: 768px) {
      .header-visual__text {
        padding-left: 48px; } }
    @media (min-width: 1024px) {
      .header-visual__text {
        padding-left: 72px; } }
    @media (min-width: 1280px) {
      .header-visual__text {
        padding-left: 100px; } }
    .header-visual__text.color-press--medium, .header-visual__text.color-careers--medium, .header-visual__text.color-company--medium, .header-visual__text.color-sustainability--medium {
      color: #ffffff; }
    .ui-color-press .header-visual__text {
      background-color: #f9bbac;
      color: #ffffff; }
    .ui-color-company .header-visual__text {
      background-color: #67b4f9;
      color: #ffffff; }
    .ui-color-sustainability .header-visual__text {
      background-color: #009900;
      color: #ffffff; }
    .ui-color-ir .header-visual__text {
      background-color: #f9d878; }
    .ui-color-careers .header-visual__text {
      background-color: #f5b673;
      color: #ffffff; }
  .header-visual__headline {
    position: relative;
    /**
		 *
		 * no line breaks @phone
		 *
		 */ }
    .header-visual__headline span {
      white-space: nowrap; }
    .header-visual__headline > span[data-__neos-property] > span {
      white-space: normal; }
    @media (max-width: 767px) {
      .header-visual__headline br {
        display: none; } }
  .header-visual__subheadline {
    margin-top: 9px;
    padding-right: 3px; }
    @media (min-width: 768px) {
      .header-visual__subheadline {
        margin-top: 18px; } }
    .header-visual__subheadline br {
      content: " ";
      display: block;
      margin-top: 28px; }
      @media (max-width: 767px) {
        .header-visual__subheadline br {
          margin-top: 12px; } }
  .header-visual__image {
    background: url("/_Resources/Static/Packages/Wysiwyg.Esprit.CorporateSite/Images/dummy-background-image.jpg") center center/cover no-repeat;
    height: 30vh;
    padding-bottom: 36%; }
    .header-visual__image--h-align-left {
      background-position-x: 0%; }
    .header-visual__image--h-align-center {
      background-position-x: 50%; }
    .header-visual__image--h-align-right {
      background-position-x: 100%; }
    .header-visual__image--v-align-top {
      background-position-y: 0%; }
    .header-visual__image--v-align-center {
      background-position-y: 50%; }
    .header-visual__image--v-align-bottom {
      background-position-y: 100%; }
  .header-visual__esprit-logo {
    display: block;
    margin-left: auto;
    background: url("/_Resources/Static/Packages/Wysiwyg.Esprit.CorporateSite/Images/ui/esprit-logo-neg.svg") 50%/contain no-repeat; }
    @media (max-width: 767px) {
      .header-visual__esprit-logo {
        width: 110px;
        height: 24px;
        margin-right: 4px;
        margin-top: 12px; }
        .header-visual__esprit-logo + * {
          display: inline-block;
          margin-top: 8px; } }
    @media (min-width: 768px) {
      .header-visual__esprit-logo {
        width: 200px;
        height: 44px;
        margin-right: 8px;
        margin-top: 24px; }
        .header-visual__esprit-logo + * {
          display: inline-block;
          margin-top: 20px; } }
  .header-visual--left-aligned .header-visual__text {
    min-width: 500px;
    text-align: left; }
    @media (min-width: 768px) {
      .header-visual--left-aligned .header-visual__text {
        padding: 36px 42px 52px; } }
  @media (min-width: 768px) {
    .header-visual--left-aligned .header-visual__subheadline {
      margin-top: 29px; } }

@media (min-width: 768px) {
  .header-visual {
    display: table; }
    .header-visual__text {
      display: table-cell;
      height: auto;
      width: 35%; }
    .header-visual__image {
      display: table-cell;
      height: auto;
      width: 65%; } }

/* Accordion lists */
.accordion-item {
  overflow: hidden; }
  .section-headline + .accordion-item {
    margin-top: 50px; }

.accordion-item--list .accordion-item__head-large,
.press-material-item__head-large {
  padding-right: 55px; }
  @media (min-width: 767px) {
    .accordion-item--list .accordion-item__head-large,
    .press-material-item__head-large {
      padding-right: 70px; } }
  .accordion-item--list .accordion-item__head-large--small-caps,
  .press-material-item__head-large--small-caps {
    text-transform: none; }

.accordion-item__head,
.accordion-item__head-large {
  position: relative;
  cursor: pointer; }
  .accordion-item__head:after,
  .accordion-item__head-large:after {
    content: " ";
    display: block;
    position: absolute;
    top: 7px;
    right: 0;
    width: 40px;
    height: 20px;
    background: url("/_Resources/Static/Packages/Wysiwyg.Esprit.CorporateSite/Images/ui/arrow-down-positive.svg") 50%/contain no-repeat; }
  .accordion-item.accordion-item--open .accordion-item__head:after, .accordion-item.accordion-item--open
  .accordion-item__head-large:after {
    background-image: url("/_Resources/Static/Packages/Wysiwyg.Esprit.CorporateSite/Images/ui/arrow-up-positive.svg"); }

.accordion-item--list .accordion-item__head-small,
.press-material-item__head-small {
  margin-top: 8px; }
  .accordion-item--list .accordion-item__head-small:first-child,
  .press-material-item__head-small:first-child {
    margin-top: 0; }

.accordion-item--list {
  margin-top: 35px; }

.accordion-item--list .accordion-item__head {
  padding-bottom: 35px;
  border-bottom: 1px solid #aeacaa;
  /* .ui-color-sustainability & {
		border-bottom: none;
		
	} */ }
  .accordion-item--list .accordion-item__head > .responsive-image {
    margin-bottom: 14px; }

.accordion-item--list.accordion-item--no-border .accordion-item__head,
.accordion-item--list.accordion-item--no-border .accordion-item__content {
  border-bottom-color: transparent; }

.accordion-item--list.accordion-item--no-border .accordion-item__head {
  padding-bottom: 32px; }

.accordion-item--list.accordion-item--no-border .accordion-item__content {
  padding-top: 0;
  padding-bottom: 10px; }

.accordion-item--list .accordion-item__head-small {
  font-weight: 500;
  margin-top: 6px; }
  .accordion-item--list .accordion-item__head-small + img {
    margin-top: 1em; }

.accordion-item--list .accordion-item__content {
  padding-top: 40px;
  padding-bottom: 40px;
  border-bottom: 1px solid #aeacaa;
  /* .ui-color-sustainability & {
			border-bottom-width: 3px;
			border-bottom-color: transparent;
			
		} */ }
  .accordion-item--list .accordion-item__content .copy-text > p:first-child {
    margin-top: 0; }
  @media (min-width: 768px) {
    .accordion-item--list .accordion-item__content .subheading {
      margin-top: 85px; } }
  .accordion-item--list .accordion-item__content .subheading:first-child {
    margin-top: 0px; }
  .accordion-item--list .accordion-item__content .copy-text:first-child {
    margin-top: 0; }
  .accordion-item--list .accordion-item__content * + .copy-text {
    margin-top: 30px; }
  .accordion-item--list .accordion-item__content .copy-heading + .copy-text {
    margin-top: 1px; }
  .accordion-item--list .accordion-item__content .copy-text + .quoted-headline {
    margin-top: 40px; }
  .accordion-item--list .accordion-item__content hr {
    margin-top: 22px;
    margin-bottom: 22px; }

.accordion-item--list + hr {
  margin-top: 0px; }

.accordion-item--list + .list-subheading {
  margin-top: 34px; }

.accordion-subitem {
  margin-top: 0;
  margin-bottom: 40px; }

.accordion-item--compact .accordion-item__content {
  padding-top: 22px;
  padding-bottom: 22px; }

.accordion-item--permanently-open .accordion-item__head,
.accordion-item--permanently-open .accordion-item__head-large {
  cursor: initial; }
  .accordion-item--permanently-open .accordion-item__head:after,
  .accordion-item--permanently-open .accordion-item__head-large:after {
    background-image: none !important; }

.full-width-expander {
  margin-bottom: -30px; }
  .full-width-expander > div {
    position: absolute;
    width: 100%; }
  .full-width-expander__padding-container {
    padding-left: 50px;
    padding-right: 50px;
    max-width: 1400px;
    margin-left: auto;
    margin-right: auto; }
  .full-width-expander .horizontal-list > div {
    padding-bottom: 0; }

body.neos-backend .full-width-expander[data-__neos-node-contextpath] > div {
  position: relative; }

/* Image Sequence */
.image-sequence {
  position: relative;
  margin-top: 50px; }
  .image-sequence .responsive-image {
    margin: 0 auto; }
  .image-sequence--in-neos .responsive-image {
    outline: 1px dashed #c0c0c0; }
    .image-sequence--in-neos .responsive-image + .responsive-image {
      margin-top: 25px; }

/**
 * teasers
 *
 */
.teaser {
  color: #000000; }
  .teaser a {
    text-decoration: none; }
  .teaser .teaser__image-container .teaser__image {
    background-position: center center;
    background-size: cover;
    height: 0;
    padding-bottom: 70%; }
  .teaser .teaser__meta-headline {
    display: block;
    font-size: 13px;
    font-weight: 400;
    line-height: 1.4em;
    letter-spacing: .02em;
    margin-top: 1.5em; }
  .teaser .teaser__headline {
    font-size: 18px;
    line-height: 1.3em;
    letter-spacing: .015em;
    margin-top: .55em; }
  .teaser .section-headline + .copy-text {
    margin-top: .3em; }
  .teaser .button {
    margin-top: 23px; }

.teaser-list {
  margin-left: -20px;
  margin-right: -20px; }
  .teaser-list:after {
    content: " ";
    display: block;
    clear: both; }
  .teaser-list .teaser {
    float: left;
    margin-top: 75px;
    padding-left: 20px;
    padding-right: 20px;
    width: 100%; }
  .teaser-list .teaser__button-container {
    margin-bottom: 100px;
    text-align: center; }
  @media (min-width: screen-xs-up) {
    .teaser-list {
      margin-top: 25px;
      margin-left: -10px;
      margin-right: -10px; }
      .teaser-list .teaser {
        width: 50%;
        padding-left: 10px;
        padding-right: 10px; } }
  @media (min-width: 768px) {
    .teaser-list {
      /* dummy */ }
      .teaser-list .teaser {
        width: 33.3333333%; }
        .teaser-list .teaser:nth-child(3n+4) {
          clear: left; }
      .teaser-list.teaser-list--four-columns .teaser {
        width: 25%; } }
  .teaser-list--compact {
    margin-top: 19px; }
    .teaser-list--compact .teaser {
      margin-top: 50px; }
  .teaser-list--gallery .teaser__image-container .teaser__image {
    padding-bottom: 151.7543859649123%;
    background-color: #f7f5f4;
    background-size: contain;
    background-repeat: no-repeat; }
  .teaser-list--gallery .teaser__meta-headline {
    font-size: 13px;
    font-weight: 400;
    line-height: 1.4em;
    letter-spacing: .025em;
    margin-top: 1.5em; }
  .teaser-list--gallery .teaser__headline {
    font-size: 13px;
    font-weight: 600;
    letter-spacing: .025em;
    text-transform: none;
    margin-top: 1px; }
  .teaser-list--gallery .teaser__image-count {
    font-size: 13px;
    font-weight: 400;
    line-height: 1.4em;
    letter-spacing: .025em;
    margin-top: 3px; }
    .teaser-list--gallery .teaser__image-count:before {
      content: "(";
      display: inline-block;
      padding-left: 25px;
      height: 15px;
      background: url("/_Resources/Static/Packages/Wysiwyg.Esprit.CorporateSite/Images/ui/light-box-icon-photo.png") 0 100%/19px 14px no-repeat;
      margin-right: -2px; }
    .teaser-list--gallery .teaser__image-count:after {
      content: ")";
      margin-left: -2px; }
  .teaser-list--download {
    margin-top: 5px; }
    .teaser-list--download .teaser {
      margin-top: 39px; }
    .teaser-list--download .teaser__content--download {
      position: relative;
      text-align: center; }
      .teaser-list--download .teaser__content--download > div {
        position: absolute;
        bottom: 0;
        width: 100%;
        background: rgba(255, 255, 255, 0.8);
        padding-top: 8px;
        padding-bottom: 9px; }
      .teaser-list--download .teaser__content--download a {
        display: inline-block;
        background: 50%/contain no-repeat; }
        .teaser-list--download .teaser__content--download a + a {
          margin-left: 18px; }
      .teaser-list--download .teaser__content--download .teaser__content__preview-link {
        width: 21px;
        height: 20px;
        background-image: url("/_Resources/Static/Packages/Wysiwyg.Esprit.CorporateSite/Images/ui/light-box-icon-preview.svg"); }
      .teaser-list--download .teaser__content--download .teaser__content__download-link {
        width: 20px;
        height: 19px;
        background-image: url("/_Resources/Static/Packages/Wysiwyg.Esprit.CorporateSite/Images/ui/light-box-icon-download.svg"); }

/**
 * image teaser
 *
 */
.picture-teaser {
  min-height: 200px;
  position: relative; }
  .picture-teaser img.responsive-image {
    margin: 0; }
  .picture-teaser__content > div > div .copy-text {
    margin-left: 0;
    margin-top: 14px;
    font-size: 12px;
    line-height: 20px; }
  @media (max-width: 767px) {
    .picture-teaser {
      margin-top: 50px;
      margin-bottom: 65px; }
      .picture-teaser > a {
        text-decoration: none; }
      .picture-teaser > .image-teaser__image-container {
        position: relative; }
      .picture-teaser img.responsive-image {
        margin-top: 12px; }
      .picture-teaser p.copy-text {
        margin-top: 12px; }
      .picture-teaser .button {
        margin-top: 20px;
        margin-left: -2px; } }
  @media (min-width: 768px) {
    .picture-teaser {
      margin-top: 70px; }
      .picture-teaser__content {
        position: absolute;
        z-index: 1;
        left: 0;
        top: 0;
        width: 100%;
        height: 100%;
        padding: 0 !important;
        margin: 0 !important;
        background-color: rgba(0, 0, 0, 0.05); }
        .picture-teaser__content > div {
          display: table;
          width: 100%;
          height: 100%; }
          .picture-teaser__content > div > div {
            display: table-cell;
            height: 100%;
            vertical-align: top;
            padding: 21px; }
            .picture-teaser__content > div > div .copy-text {
              width: 60%;
              max-width: 380px;
              text-shadow: 0 0 8px rgba(255, 255, 255, 0.25); }
            .picture-teaser--negative .picture-teaser__content > div > div {
              color: #ffffff; }
              .picture-teaser--negative .picture-teaser__content > div > div .copy-text {
                text-shadow: 0 0 8px rgba(0, 0, 0, 0.5); }
        .picture-teaser__content--right-aligned > div > div {
          padding-left: calc(50% + 20px); }
          .picture-teaser__content--right-aligned > div > div .copy-text {
            width: 80%; }
      .picture-teaser .button {
        position: absolute;
        z-index: 2;
        left: 19px;
        bottom: 21px; }
        .picture-teaser .button--right-aligned {
          left: calc(50% + 18px); } }

.overlay-video-launcher {
  position: relative;
  cursor: pointer; }
  .overlay-video-launcher:after {
    content: " ";
    display: block;
    position: absolute;
    left: 50%;
    top: 50%;
    transform: translate(-50%, -50%);
    background: url("/_Resources/Static/Packages/Wysiwyg.Esprit.CorporateSite/Images/ui/video-play-button.png") 50%/contain no-repeat;
    width: 40px;
    height: 40px; }
  .overlay-video-launcher:hover:after {
    opacity: .85; }

.overlay-video-player {
  position: fixed; }
  .overlay-video-player__background {
    overflow: hidden;
    background: #141414; }
  .overlay-video-player__close-button {
    left: auto !important;
    width: 40px;
    height: 40px; }
    .overlay-video-player__close-button:after {
      content: " ";
      display: block;
      position: absolute;
      top: 50%;
      left: 50%;
      transform: translate(-50%, -50%); }
    @media (max-width: 1023px) {
      .overlay-video-player__close-button {
        right: 9px;
        top: 10px !important; }
        .overlay-video-player__close-button:after {
          width: 22px;
          height: 22px;
          background: url("/_Resources/Static/Packages/Wysiwyg.Esprit.CorporateSite/Images/ui/video-close-button-mobile.svg") 50%/contain no-repeat; } }
    @media (min-width: 1024px) {
      .overlay-video-player__close-button {
        right: 18px;
        top: 18px !important; }
        .overlay-video-player__close-button:after {
          width: 28px;
          height: 28px;
          background: url("/_Resources/Static/Packages/Wysiwyg.Esprit.CorporateSite/Images/ui/video-close-button.svg") 50%/contain no-repeat; } }

/* Video Control */
.video-control {
  z-index: 1;
  color: #ffffff;
  text-align: center; }

.video-control-background {
  background: rgba(0, 0, 0, 0.2); }

.video-control-buffered,
.video-control-progress {
  height: 3px; }

.video-control-buffered {
  background: #6d6765; }

.video-control-progress {
  background: #ffffff; }

.video-control-scrub {
  background: rgba(0, 255, 0, 0);
  position: absolute;
  top: -16px !important;
  height: 34px;
  width: 100%; }

.video-control-play-button {
  z-index: 2;
  width: 40px;
  height: 40px;
  background-image: url("/_Resources/Static/Packages/Wysiwyg.Esprit.CorporateSite/Images/ui/video-controls/Button_Play.svg");
  background-position: 50% 50%;
  background-repeat: no-repeat;
  background-size: 66% 66%;
  cursor: pointer; }

.video-control-play-button.active {
  background-image: url("/_Resources/Static/Packages/Wysiwyg.Esprit.CorporateSite/Images/ui/video-controls/Button_Pause.svg"); }

.video-control-mute-button {
  z-index: 2;
  width: 40px;
  height: 40px;
  background-image: url("/_Resources/Static/Packages/Wysiwyg.Esprit.CorporateSite/Images/ui/video-controls/Button_IsOn.svg");
  background-position: 50% 50%;
  background-repeat: no-repeat;
  background-size: 66% 66%;
  cursor: pointer; }

.video-control-mute-button.active {
  background-image: url("/_Resources/Static/Packages/Wysiwyg.Esprit.CorporateSite/Images/ui/video-controls/Button_IsMute.svg"); }

.video-control .skip-movie {
  width: 100%;
  position: relative;
  z-index: 1;
  top: 16px;
  font-weight: 600;
  font-size: 12px;
  line-height: 1.4em;
  letter-spacing: .5px;
  text-transform: uppercase; }

.video-control .skip-movie:after {
  content: "\A0\BB";
  position: relative;
  top: -1px;
  left: 1px; }

.video-control .skip-movie > span {
  text-decoration: underline;
  cursor: pointer; }

.site-section-teasers {
  /**
     *
     * only buttons on phones
     *
     */
  /*@media (max-width: $screen-s) {
		.teaser__content {
			display: none;
		}

		.teaser__button-container {
			left: 50%;
			position: absolute;
			top: 50%;
			transform: translate(-50%,-50%);

			.butto {
				margin-top: 0;
			}
		}
	}*/ }
  .site-section-teasers .teasers__container {
    text-align: center; }
    .site-section-teasers .teasers__container .teaser {
      box-sizing: content-box;
      margin-bottom: 80px;
      position: relative; }
      .site-section-teasers .teasers__container .teaser .section-headline {
        margin-top: 28px;
        margin-bottom: 0px; }
      .site-section-teasers .teasers__container .teaser .copy-text, .site-section-teasers .teasers__container .teaser .copy-text > p {
        margin-top: .3em; }
      .site-section-teasers .teasers__container .teaser img {
        max-width: 100%; }

@media (min-width: 768px) {
  .site-section-teasers .teasers__container .teaser {
    max-width: 45vw; }
    .site-section-teasers .teasers__container .teaser img {
      max-width: 45vw; }
    .site-section-teasers .teasers__container .teaser .section-headline {
      font-size: 30px;
      line-height: 40px; }
  .site-section-teasers:after {
    content: " ";
    display: block;
    clear: both; }
  .teasers__teaser-topleft {
    float: left; }
  .teasers__teaser-topright {
    float: right; }
  .teasers__teaser-bottomleft {
    float: left; }
  .teasers__teaser-bottomright {
    float: right; } }

@media (min-width: 1024px) {
  .teasers__teaser-topleft {
    max-width: 496px; }
  .teasers__teaser-topright {
    max-width: 563px; }
  .teasers__teaser-bottomleft {
    max-width: 631px; }
  .teasers__teaser-bottomright {
    max-width: 428px; } }

.press-release-teaser__preview-icon {
  display: inline-block;
  width: 21px;
  height: 20px;
  background: url("/_Resources/Static/Packages/Wysiwyg.Esprit.CorporateSite/Images/ui/light-box-icon-preview.svg") 50%/contain no-repeat; }

.press-release-teaser:first-child {
  margin-top: 50px; }

.press-release-teaser:last-child {
  margin-bottom: 50px; }

.press-release-teaser > a:first-child {
  text-decoration: none; }

.press-release-teaser .teaser__meta-headline {
  font-weight: 400; }

.press-release-teaser .teaser__headline {
  margin-top: 3px; }

.press-release-teaser a {
  text-decoration: none; }
  .press-release-teaser a .copy-text {
    margin-top: 20px; }
    .press-release-teaser a .copy-text > span {
      margin-left: 2px; }

.press-release-teaser__image-container {
  position: relative;
  overflow: hidden; }
  .press-release-teaser__image-container--squared {
    padding-bottom: 66.666667%; }
    .press-release-teaser__image-container--squared > img.responsive-image {
      width: 100% !important;
      height: auto !important; }
      @supports ((-o-object-fit: cover) or (object-fit: cover)) {
        .press-release-teaser__image-container--squared > img.responsive-image {
          height: 100% !important;
          -o-object-fit: cover;
             object-fit: cover; } }

.press-release-teaser .responsive-image {
  display: block;
  width: 100%;
  height: auto;
  margin-bottom: 0;
  margin-top: 15px; }

.press-release-teaser .copy-text {
  margin-left: 0; }

.press-release-teaser .responsive-image + .copy-text {
  margin-top: 14px; }

@media (max-width: 767px) {
  .press-release-teaser__links {
    margin-top: 25px; } }

@media (min-width: 768px) {
  .press-release-teaser__links {
    margin-top: 12px; } }

.press-release-teaser__links:after {
  content: " ";
  display: block;
  clear: both; }

.press-release-teaser__links--in-content {
  margin-top: 38px;
  margin-bottom: 38px; }

.press-release-teaser__link {
  padding-right: 30px;
  margin-top: 18px; }
  @media (min-width: 768px) {
    .press-release-teaser__link {
      width: 50%;
      float: left; } }

.press-release-teaser__download-link:before {
  content: " ";
  display: inline-block;
  width: 21px;
  height: 19px;
  background: url("/_Resources/Static/Packages/Wysiwyg.Esprit.CorporateSite/Images/ui/light-box-icon-download.svg") 50%/contain no-repeat;
  margin-right: .5em;
  position: relative;
  top: 5px; }

.press-release-teaser + .press-release-teaser {
  margin-top: 43px;
  border-top: 1px solid #aeacaa;
  padding-top: 37px; }

.list-subheading + .press-release-teaser {
  margin-top: 40px; }

.accordion-item__content .press-release-teaser + .press-release-teaser {
  margin-top: 40px;
  padding-top: 40px;
  border-top: 1px solid #aeacaa; }

.accordion-item--list .accordion-item__content .press-release-teaser + hr {
  margin-top: 44px; }

.press-release-teaser .text-grid {
  margin-top: 0;
  margin-bottom: 0; }
  .press-release-teaser .text-grid .teaser__headline {
    color: #b7b7b7 !important; }
  .press-release-teaser .text-grid .teaser__meta-headline + .teaser__headline {
    color: #000000 !important; }
  @media (max-width: 767px) {
    .press-release-teaser .text-grid .press-release-teaser__links {
      margin-top: -3px; } }
  @media (min-width: 768px) {
    .press-release-teaser .text-grid .press-release-teaser__links {
      margin-top: -14px; } }

.press-release-teaser--compact + .press-release-teaser--compact {
  padding-top: 15px;
  margin-top: 16px; }

.press-release-teaser--compact .teaser__meta-headline {
  font-weight: 600;
  margin-bottom: 0; }

.press-release-teaser--compact .teaser__headline {
  margin-top: 0; }

.press-release-teaser--compact .text-grid .text-grid__column + .text-grid__column {
  margin-top: .25em; }

.press-release-teaser--compact .text-grid .text-grid__column .teaser__headline.teaser__headline--dark {
  color: #000000 !important; }

.press-release-teaser--compact .copy-text {
  margin-top: 1em; }

.press-release-teaser--compact .press-material-item__download-buttons {
  margin-top: 0; }
  .press-release-teaser--compact .press-material-item__download-buttons > a:not(.button) {
    float: none; }

.accordion-item + .press-release-teaser {
  margin-top: 31px; }

.show-more-button-container {
  text-align: center;
  margin-top: 35px; }

.press-release-teaser--image-grid {
  margin-top: 15px; }
  @media (max-width: 767px) {
    .press-release-teaser--image-grid {
      margin-left: -5px;
      margin-right: -5px; } }
  @media (min-width: 768px) {
    .press-release-teaser--image-grid {
      margin-left: -10px;
      margin-right: -10px; } }
  .press-release-teaser--image-grid > div {
    display: table;
    width: 100%; }

.press-release-teaser__image-container > img.responsive-image, .press-release-teaser__image-grid-image img.responsive-image {
  position: absolute;
  height: 100%;
  width: auto;
  left: 50%;
  top: 50%;
  transform: translate(-50%, -50%); }
  .press-release-teaser__image-container > img.responsive-image--vertical.responsive-image, .press-release-teaser__image-grid-image img.responsive-image--vertical.responsive-image {
    height: auto;
    width: 100%; }

@media (max-width: 767px) {
  .press-release-teaser__image-grid-image {
    padding-left: 5px;
    padding-right: 5px; } }

@media (min-width: 768px) {
  .press-release-teaser__image-grid-image {
    padding-left: 10px;
    padding-right: 10px; } }

.press-release-teaser__image-grid-image {
  display: table-cell;
  /*
	@media (max-width: $screen-s) {
		height: 110px;

	}

	@media (min-width: $screen-s-up) {
		height: 190px;

	}
	*/ }
  .press-release-teaser__image-grid-image > div {
    padding-bottom: 100%;
    position: relative; }
    .press-release-teaser__image-grid-image > div > div {
      position: absolute;
      width: 100%;
      height: 100%;
      overflow: hidden;
      background: #f0f0f0;
      /*
			@media (max-width: $screen-s) {
				left: 5px;
				right: 5px;

			}

			@media (min-width: $screen-s-up) {
				left: 10px;
				right: 10px;

			}
			*/ }
  .press-release-teaser__image-grid-image img.responsive-image {
    margin-top: 0; }
  .press-release-teaser--image-quarter .press-release-teaser__image-grid-image {
    width: 25%; }
  .press-release-teaser--image-third .press-release-teaser__image-grid-image {
    width: 33.333333%; }
  .press-release-teaser--image-half .press-release-teaser__image-grid-image {
    width: 50%; }
  .press-release-teaser--image-full .press-release-teaser__image-grid-image {
    width: 100%; }

.press-release-teaser__preview-link {
  display: table;
  font-size: inherit;
  margin-left: auto;
  margin-top: 1.25em; }

.press-release-teaser__preview-icon {
  height: 15px;
  width: 16px;
  position: relative;
  top: 5px;
  margin-left: .75em;
  margin-right: -1px; }
  .negative .press-release-teaser__preview-icon {
    background-image: url("/_Resources/Static/Packages/Wysiwyg.Esprit.CorporateSite/Images/ui/light-box-icon-preview-negative.svg"); }

.landingpage-press-teasers {
  margin: 3.5em 0 7em 0;
  display: table;
  width: 100%; }
  .landingpage-press-teasers .responsive-image {
    margin: 0; }
  .landingpage-press-teasers .teaser__button-container {
    text-align: center; }
  .landingpage-press-teasers__teaser {
    display: table-cell;
    position: relative;
    width: 33%; }
    @media (min-width: 768px) {
      .landingpage-press-teasers__teaser {
        padding-left: 15px;
        padding-right: 15px; } }
    @media (min-width: 1024px) {
      .landingpage-press-teasers__teaser {
        padding-left: 20px;
        padding-right: 20px; } }
  @media (max-width: 767px) {
    .landingpage-press-teasers__teaser {
      display: block;
      margin-bottom: 3em;
      width: 100%; }
      .landingpage-press-teasers__teaser:last-child {
        margin-bottom: 0; } }

.container-standard > .press-release-teaser__link, .light-box__gallery > div > .press-release-teaser__link, .light-box__ui > div > .press-release-teaser__link {
  float: none;
  margin-left: auto;
  margin-right: auto;
  display: table;
  width: auto;
  padding-right: 0; }
  .container-standard > .press-release-teaser__link + section, .light-box__gallery > div > .press-release-teaser__link + section, .light-box__ui > div > .press-release-teaser__link + section {
    margin-top: 32px; }

.press-material-item {
  margin-top: 33px;
  padding-bottom: 35px;
  border-bottom: 1px solid #aeacaa;
  /*
	+ .list-subheading {
		margin-top: 20px;
		
	}
	
	&--compact + .list-subheading {
		margin-top: 20px;
		
	}
	*/ }
  .press-material-item--compact {
    margin-top: 16px;
    padding-bottom: 16px;
    border-bottom: 1px solid #d8d8d8; }
  .text-grid__column .press-material-item:first-child {
    margin-top: 0; }
  .accordion-item--list .press-material-item:last-child {
    border-bottom: none;
    padding-bottom: 0px; }
  .press-material-item--no-border {
    border-bottom: none;
    padding-bottom: 0; }
  .press-material-item:first-child {
    margin-top: 50px; }
  .press-material-item--compact .press-material-item__head-large {
    display: inline; }
  .press-material-item__head-small {
    margin-top: 8px; }
    .list-subheading + .press-material-item__head-small {
      margin-top: 33px; }
  .press-material-item--compact .press-material-item__head-small, .press-material-item__head-mini {
    margin-bottom: 1px; }
    .list-subheading + .press-material-item--compact .press-material-item__head-small, .list-subheading + .press-material-item__head-mini {
      margin-top: 33px; }
  .press-material-item__intro-text {
    margin-top: 4px; }
  .press-material-item__head-large, .press-material-item__head-small, .press-material-item__intro-text {
    padding-right: 40px; }
  .press-material-item__download-buttons {
    margin-top: 16px; }
    .press-material-item__download-buttons:empty {
      display: none; }
    .press-material-item__download-buttons:after {
      content: " ";
      display: block;
      clear: both; }
    @media (min-width: 768px) {
      .container-standard .press-material-item__download-buttons p:not([class]):first-child, .light-box__gallery > div .press-material-item__download-buttons p:not([class]):first-child, .light-box__ui > div .press-material-item__download-buttons p:not([class]):first-child {
        margin-bottom: -13px; } }
    .press-material-item__download-buttons > a:not(.button) {
      margin-top: 16px; }
      @media (max-width: 767px) {
        .press-material-item__download-buttons > a:not(.button):not(:first-child) {
          margin-right: 2em; } }
      @media (min-width: 768px) {
        .press-material-item__download-buttons > a:not(.button) {
          float: left;
          min-width: 50%;
          padding-right: 30px; }
          .press-material-item__download-buttons > a:not(.button):nth-of-type(even) {
            padding-left: 10px; } }
    .press-material-item__download-buttons > .button.button--colored {
      min-width: 0;
      padding-left: 25px;
      padding-right: 25px; }
      .press-material-item__download-buttons > .button.button--colored.button--right-aligned {
        float: right;
        position: relative;
        top: -10px;
        margin-bottom: -10px; }
      .press-material-item__download-buttons > .button.button--colored:not(.button--right-aligned) {
        margin-left: -2px; }
  .container-standard .press-material-item--compact .press-material-item__download-buttons p:not([class]), .light-box__gallery > div .press-material-item--compact .press-material-item__download-buttons p:not([class]), .light-box__ui > div .press-material-item--compact .press-material-item__download-buttons p:not([class]) {
    margin-bottom: 0 !important;
    padding-right: 30px; }
  .press-material-item--compact .press-material-item__download-buttons a:not(.button) {
    float: none;
    display: inline;
    padding-left: 0 !important; }
  .press-material-item .horizontal-list + .container-standard p, .press-material-item .light-box__gallery > .horizontal-list + div p, .press-material-item .light-box__ui > .horizontal-list + div p {
    margin-top: 0; }
  .text-grid__column--article-container .press-material-item:last-child {
    border-bottom: none; }

.container-standard .press-material-item__download-buttons--compact p:not([class]), .light-box__gallery > div .press-material-item__download-buttons--compact p:not([class]), .light-box__ui > div .press-material-item__download-buttons--compact p:not([class]) {
  display: inline; }

.document-filter {
  margin-top: 55px; }
  .document-filter__head {
    font-weight: 600;
    letter-spacing: .04em;
    text-align: center;
    margin-top: -15px;
    margin-bottom: 16px; }

.horizontal-list {
  position: relative; }
  .horizontal-list > div {
    padding-top: 0px;
    padding-bottom: 28px;
    white-space: nowrap;
    overflow: auto; }
  .horizontal-list__item {
    display: inline-block;
    vertical-align: top;
    white-space: normal;
    width: 33%;
    max-width: 242px; }
    .horizontal-list__item + .horizontal-list__item {
      margin-left: 50px; }
  .horizontal-list__item-subheading {
    margin-top: 8px; }
  .horizontal-list__item-content {
    margin-top: 4px; }
  .horizontal-list__arrow {
    position: absolute;
    z-index: 1;
    top: 0;
    width: 200px;
    height: 100%;
    transition: opacity .25s;
    cursor: pointer; }
    .horizontal-list__arrow.hidden {
      opacity: 0; }
    .horizontal-list__arrow--left {
      left: 0;
      background: url("/_Resources/Static/Packages/Wysiwyg.Esprit.CorporateSite/Images/ui/arrow-left-positive.svg") 0% 50%/32px 42px no-repeat, linear-gradient(to left, rgba(255, 255, 255, 0), white 75%, white); }
    .horizontal-list__arrow--right {
      right: 0;
      background: url("/_Resources/Static/Packages/Wysiwyg.Esprit.CorporateSite/Images/ui/arrow-right-positive.svg") 100% 50%/32px 42px no-repeat, linear-gradient(to right, rgba(255, 255, 255, 0), white 75%, white); }
    @media (max-width: 767px) {
      .horizontal-list__arrow {
        width: 50px; }
        .horizontal-list__arrow--left {
          background: url("/_Resources/Static/Packages/Wysiwyg.Esprit.CorporateSite/Images/ui/arrow-left-positive.svg") 0% 50%/32px 42px no-repeat, linear-gradient(to left, rgba(255, 255, 255, 0), rgba(255, 255, 255, 0.75) 70%, rgba(255, 255, 255, 0.975) 100%); }
        .horizontal-list__arrow--right {
          background: url("/_Resources/Static/Packages/Wysiwyg.Esprit.CorporateSite/Images/ui/arrow-right-positive.svg") 100% 50%/32px 42px no-repeat, linear-gradient(to right, rgba(255, 255, 255, 0), rgba(255, 255, 255, 0.75) 70%, rgba(255, 255, 255, 0.975) 100%); } }
  .horizontal-list--compressed .horizontal-list__arrow {
    width: 120px; }
    .horizontal-list--compressed .horizontal-list__arrow--left {
      background: linear-gradient(to left, rgba(255, 255, 255, 0), white); }
    .horizontal-list--compressed .horizontal-list__arrow--right {
      background: linear-gradient(to right, rgba(255, 255, 255, 0), white); }
  @media (max-width: 767px) {
    .horizontal-list--compressed .horizontal-list__arrow {
      width: 60px; } }

.news-filter {
  margin-top: 20px;
  text-align: center; }
  .news-filter__item {
    margin-top: 20px;
    margin-left: 9px;
    margin-right: 9px; }
  .news-filter--spaced .button {
    margin-left: 5px;
    margin-right: 5px; }

.news-year-filter {
  margin-top: 20px;
  text-align: center; }
  .news-year-filter__label, .news-year-filter__drop-down {
    display: inline-block; }
  .news-year-filter__label {
    margin-right: .8em; }
  .news-year-filter__drop-down {
    position: relative; }
    .news-year-filter__drop-down:after {
      right: 15px; }
    .news-year-filter__drop-down > select {
      min-width: 115px;
      margin-top: 0; }
    .news-year-filter__drop-down--wide > select {
      min-width: 150px; }

.light-box {
  position: fixed;
  z-index: 100001;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%; }
  .light-box__background {
    position: absolute;
    width: 100%;
    height: 100%;
    background: rgba(255, 255, 255, 0.95); }
  .light-box__gallery {
    position: absolute;
    width: 100%;
    height: 100%; }
    .light-box__gallery > div {
      position: relative;
      height: 100%;
      overflow: hidden; }
  .light-box__ui {
    position: absolute;
    width: 100%;
    height: calc(100% - 50px);
    top: 25px; }
    .light-box__ui > div {
      position: relative;
      height: 100%; }
      @media (max-width: 1023px) {
        .light-box__ui > div {
          width: 100%;
          padding: 0; } }
      @media (min-width: 823px) and (max-width: 1023px) {
        .light-box__ui > div {
          max-width: none; } }

.light-box__navigation-left,
.light-box__navigation-right,
.light-box__navigation-close,
.light-box__icon-download {
  position: absolute;
  z-index: 100003;
  cursor: pointer; }
  .light-box__navigation-left:after,
  .light-box__navigation-right:after,
  .light-box__navigation-close:after,
  .light-box__icon-download:after {
    content: " ";
    display: block;
    width: 140px;
    height: 140px;
    position: absolute;
    z-index: 1;
    background: 50%/contain no-repeat; }

.light-box__navigation-left {
  top: 50%; }
  .light-box__navigation-left:after {
    width: 18px;
    height: 28px;
    top: -9px;
    left: -43px;
    background-image: url("/_Resources/Static/Packages/Wysiwyg.Esprit.CorporateSite/Images/ui/light-box-button-arrow-left.svg"); }
    @media (max-width: 1023px) {
      .light-box__navigation-left:after {
        left: 5px; } }

.light-box__navigation-right {
  top: 50%;
  right: 0px; }
  .light-box__navigation-right:after {
    width: 18px;
    height: 28px;
    top: -9px;
    left: 26px;
    background-image: url("/_Resources/Static/Packages/Wysiwyg.Esprit.CorporateSite/Images/ui/light-box-button-arrow-right.svg"); }
    @media (max-width: 1023px) {
      .light-box__navigation-right:after {
        left: auto;
        right: 5px; } }

.light-box__icon-download {
  left: 50% !important; }
  .light-box__icon-download:after {
    width: 30px;
    height: 29px;
    top: 0;
    left: -15px;
    background-image: url("/_Resources/Static/Packages/Wysiwyg.Esprit.CorporateSite/Images/ui/light-box-icon-download.svg"); }

.light-box__navigation-close {
  top: 0;
  right: 0; }
  .light-box__navigation-close:after {
    width: 21px;
    height: 21px;
    top: 0px;
    left: 24px;
    background-image: url("/_Resources/Static/Packages/Wysiwyg.Esprit.CorporateSite/Images/ui/light-box-button-close.svg"); }
    @media (max-width: 1023px) {
      .light-box__navigation-close:after {
        left: -28px;
        top: -16px; } }

.light-box--transitioning .light-box__slide img {
  display: none; }

.light-box--transition-image {
  position: fixed;
  z-index: 100002; }

/* Sustainability Navigation */
@media (max-width: 1023px) {
  .sustainability-circle__center, .sustainability-circle__center > div:first-child {
    width: 440px;
    height: 440px;
    max-width: 80vw;
    min-width: 310px; } }

@media (min-width: 1024px) {
  .sustainability-circle__center, .sustainability-circle__center > div:first-child {
    width: 440px;
    height: 440px; } }

.sustainability-circle {
  position: relative;
  overflow: hidden;
  -webkit-tap-highlight-color: transparent; }
  .sustainability-circle__center {
    position: relative;
    z-index: 1;
    margin-left: auto;
    margin-right: auto; }
    @media (min-width: 1024px) {
      .sustainability-circle__center {
        margin-top: 321px;
        margin-bottom: 260px; } }
    .sustainability-circle__center > div:first-child {
      position: absolute;
      background: url("/_Resources/Static/Packages/Wysiwyg.Esprit.CorporateSite/Images/sustainability/circle-lifecycle.svg") 50%/contain no-repeat; }
    .sustainability-circle__center > div:last-child {
      position: relative;
      width: 100%;
      height: 100%;
      display: table;
      text-align: center; }
      .sustainability-circle__center > div:last-child > div {
        display: table-cell;
        vertical-align: middle; }
  .sustainability-circle__item {
    position: absolute;
    display: table;
    text-align: center; }
    .sustainability-circle__item--highlighted {
      color: #009900; }
  .sustainability-circle__item-head {
    display: table;
    margin-left: auto;
    margin-right: auto;
    padding-top: 14px;
    margin-bottom: 15px;
    border-bottom: 2px solid;
    cursor: pointer; }
    .sustainability-circle__item-head:after {
      content: " ";
      display: inline-block;
      position: relative;
      top: 2px;
      width: 15px;
      height: 15px;
      margin-left: .25em;
      background: url("/_Resources/Static/Packages/Wysiwyg.Esprit.CorporateSite/Images/sustainability/drop-down-pointer.svg") 50%/contain no-repeat; }
      @media (min-width: 1024px) {
        .sustainability-circle__item-head:after {
          top: 2px;
          width: 20px;
          height: 20px; } }
      .sustainability-circle__item--highlighted .sustainability-circle__item-head:after {
        background-image: url("/_Resources/Static/Packages/Wysiwyg.Esprit.CorporateSite/Images/sustainability/drop-down-pointer--highlighted.svg"); }
    @media (max-width: 1023px) {
      .sustainability-circle__item-head {
        opacity: 0;
        transition: opacity .25s, color .25s; }
        .sustainability-circle__item--highlighted .sustainability-circle__item-head {
          opacity: 1; } }
  .sustainability-circle__item-menu {
    position: relative; }
  .sustainability-circle__item-menu-item {
    display: block;
    padding-top: 5px;
    color: #000000; }
    @media (max-width: 767px) {
      .sustainability-circle__item-menu-item {
        padding-top: 4px; } }
    .sustainability-circle__item-menu-item > span {
      border-bottom: none; }
    .sustainability-circle__item-menu-item:hover > span {
      border-bottom: 1px solid; }
  @media (max-width: 1023px) {
    .sustainability-circle__turn-arrow {
      position: absolute;
      top: 110px;
      width: 50px;
      height: 50px;
      cursor: pointer;
      background: 50%/contain no-repeat;
      opacity: .75;
      transition: opacity .125s; } }
  @media (max-width: 1023px) and (max-width: 767px) {
    .sustainability-circle__turn-arrow {
      width: 40px;
      height: 40px; } }
  @media (max-width: 1023px) {
      .sustainability-circle__turn-arrow--left {
        left: 100px;
        background-image: url("/_Resources/Static/Packages/Wysiwyg.Esprit.CorporateSite/Images/sustainability/turn-arrow-left.svg"); } }
    @media (max-width: 1023px) and (max-width: 767px) {
      .sustainability-circle__turn-arrow--left {
        left: 50px; } }
    @media (max-width: 1023px) and (max-width: 479px) {
      .sustainability-circle__turn-arrow--left {
        left: 0px; } }
  @media (max-width: 1023px) {
      .sustainability-circle__turn-arrow--right {
        right: 100px;
        background-image: url("/_Resources/Static/Packages/Wysiwyg.Esprit.CorporateSite/Images/sustainability/turn-arrow-right.svg"); } }
    @media (max-width: 1023px) and (max-width: 767px) {
      .sustainability-circle__turn-arrow--right {
        right: 50px; } }
    @media (max-width: 1023px) and (max-width: 479px) {
      .sustainability-circle__turn-arrow--right {
        right: 0px; } }
  @media (max-width: 1023px) {
      .sustainability-circle__turn-arrow:hover {
        opacity: 1; } }

.sustainability-circle__item-icon {
  display: block;
  margin-left: auto;
  margin-right: auto;
  background: 50%/contain no-repeat;
  cursor: pointer; }
  .sustainability-circle__item-icon--smart {
    width: 102px;
    height: 74px;
    background-image: url("/_Resources/Static/Packages/Wysiwyg.Esprit.CorporateSite/Images/sustainability/icon-smart.svg"); }
    @media (max-width: 767px) {
      .sustainability-circle__item-icon--smart {
        width: 71px;
        height: 52px; } }
    .sustainability-circle__item--highlighted .sustainability-circle__item-icon--smart {
      background-image: url("/_Resources/Static/Packages/Wysiwyg.Esprit.CorporateSite/Images/sustainability/icon-smart--highlighted.svg"); }
  .sustainability-circle__item-icon--responsible {
    width: 108px;
    height: 122px;
    background-image: url("/_Resources/Static/Packages/Wysiwyg.Esprit.CorporateSite/Images/sustainability/icon-responsible.svg"); }
    @media (max-width: 767px) {
      .sustainability-circle__item-icon--responsible {
        width: 83px;
        height: 92px; } }
    .sustainability-circle__item--highlighted .sustainability-circle__item-icon--responsible {
      background-image: url("/_Resources/Static/Packages/Wysiwyg.Esprit.CorporateSite/Images/sustainability/icon-responsible--highlighted.svg"); }
  .sustainability-circle__item-icon--sustainable {
    width: 107px;
    height: 82px;
    background-image: url("/_Resources/Static/Packages/Wysiwyg.Esprit.CorporateSite/Images/sustainability/icon-sustainable.svg"); }
    @media (max-width: 767px) {
      .sustainability-circle__item-icon--sustainable {
        width: 75px;
        height: 58px; } }
    .sustainability-circle__item--highlighted .sustainability-circle__item-icon--sustainable {
      background-image: url("/_Resources/Static/Packages/Wysiwyg.Esprit.CorporateSite/Images/sustainability/icon-sustainable--highlighted.svg"); }
  .sustainability-circle__item-icon--product-life {
    width: 92px;
    height: 82px;
    background-image: url("/_Resources/Static/Packages/Wysiwyg.Esprit.CorporateSite/Images/sustainability/icon-product-life.svg"); }
    @media (max-width: 767px) {
      .sustainability-circle__item-icon--product-life {
        width: 64px;
        height: 58px; } }
    .sustainability-circle__item--highlighted .sustainability-circle__item-icon--product-life {
      background-image: url("/_Resources/Static/Packages/Wysiwyg.Esprit.CorporateSite/Images/sustainability/icon-product-life--highlighted.svg"); }
  .sustainability-circle__item-icon--recycle {
    width: 107px;
    height: 112px;
    background-image: url("/_Resources/Static/Packages/Wysiwyg.Esprit.CorporateSite/Images/sustainability/icon-recycle.svg"); }
    @media (max-width: 767px) {
      .sustainability-circle__item-icon--recycle {
        width: 75px;
        height: 78px; } }
    .sustainability-circle__item--highlighted .sustainability-circle__item-icon--recycle {
      background-image: url("/_Resources/Static/Packages/Wysiwyg.Esprit.CorporateSite/Images/sustainability/icon-recycle--highlighted.svg"); }

/* Sustainability Graphs */
.sustainability-graph-container {
  margin-top: 50px;
  margin-bottom: 35px;
  font-size: 0;
  text-align: center;
  margin-left: -10px;
  margin-right: -10px;
  padding-top: 1px; }
  @media (max-width: 767px) {
    .sustainability-graph-container {
      margin-top: 38px; } }

@media (max-width: 767px) {
  .sustainability-graph {
    display: block;
    width: 240px;
    max-width: calc(100%);
    margin-left: auto;
    margin-right: auto; } }

@media (min-width: 768px) {
  .sustainability-graph {
    display: inline-block;
    width: 33%;
    padding-left: 10px;
    padding-right: 10px; }
    .sustainability-graph--large {
      width: 50%; } }

.sustainability-graph > div:first-child {
  position: relative;
  width: 100%;
  padding-bottom: 100%; }

.sustainability-graph__segment-config {
  display: none; }

.sustainability-graph__title {
  position: absolute;
  z-index: 1;
  width: 100%;
  height: 100%; }
  .sustainability-graph__title--small {
    font-size: 14px;
    line-height: 18px; }
    @media (min-width: 768px) {
      .sustainability-graph__title--small {
        font-size: 18px;
        line-height: 27px; } }
  .sustainability-graph__title > div {
    position: absolute;
    display: table;
    width: 100%;
    height: 100%; }
    .sustainability-graph__title > div > div {
      display: table-cell;
      vertical-align: middle;
      text-align: center;
      padding: 45px 45px 47px; }
      @media (max-width: 767px) {
        .sustainability-graph__title > div > div {
          padding: 35px 35px 36px; } }
  .sustainability-graph__title [data-neos-placeholder]:before {
    transform: translate(-50%, -35%); }

.sustainability-graph__segment-label, .sustainability-graph__segment-index {
  position: absolute;
  z-index: 1; }

.sustainability-graph__segment-label {
  width: 230px;
  padding-left: 10px;
  transform: translate(0, -50%);
  text-align: left; }
  .sustainability-graph__segment-label--right-aligned {
    padding-left: 0;
    padding-right: 10px;
    transform: translate(-100%, -50%);
    text-align: right; }

.sustainability-graph__segment-index {
  transform: translate(-50%, -50%); }

.sustainability-graph__segment-line {
  position: absolute;
  z-index: 1;
  background: #000000; }
  .sustainability-graph__segment-line--horizontal {
    width: 100px;
    height: 1px; }
  .sustainability-graph__segment-line--vertical {
    width: 1px;
    height: 100px; }

.sustainability-graph--show-indices .sustainability-graph__segment-label,
.sustainability-graph--show-indices .sustainability-graph__segment-line {
  display: none; }

.sustainability-graph--show-labels .sustainability-graph__segment-index {
  display: none; }

.sustainability-graph .copy-list {
  display: table;
  margin-left: auto;
  margin-right: auto;
  padding-top: 1px; }
  .sustainability-graph .copy-list > li {
    display: table; }
    .sustainability-graph .copy-list > li + li {
      margin-top: .45em; }

.sustainability-outline-label {
  display: table;
  min-width: 110px;
  margin-left: auto;
  margin-right: auto;
  text-align: center;
  border: 3px solid #b3d0b0;
  padding: 10px 15px; }
  .sustainability-outline-label + .sustainability-outline-label {
    margin-top: 30px; }

.text-grid--sustainability-third .responsive-image {
  width: 75%;
  max-width: 180px;
  margin-left: auto;
  margin-right: auto;
  margin-top: 60px;
  position: relative;
  left: -4%; }

@media (max-width: 767px) {
  .text-grid--sustainability-third {
    min-width: 180px;
    max-width: calc(100% - 100px);
    margin-left: auto;
    margin-right: auto; } }

@media (min-width: 768px) {
  .text-grid--sustainability-third .text-grid__column {
    width: 33.33333333%; } }

/*
	Image Slider
*/
.image-slider {
  position: relative;
  margin-top: 40px;
  margin-bottom: 66px;
  padding-bottom: calc(60% + 134px); }
  @media (min-width: 768px) {
    .image-slider {
      margin-bottom: 70px; } }
  @media (min-width: 480px) {
    .image-slider {
      padding-bottom: calc(46.8085106382979% + 134px); } }
  .image-slider__slide-container {
    position: absolute;
    overflow: hidden;
    width: 100%;
    height: 100%; }
    .image-slider__slide-container .image-slider__slide {
      position: absolute;
      width: 100% !important;
      height: 100% !important; }
      .image-slider__slide-container .image-slider__slide img, .image-slider__slide-container .image-slider__slide picture {
        position: absolute;
        left: 0;
        top: 0; }
      .image-slider__slide-container .image-slider__slide .text-box {
        position: absolute;
        width: 100%;
        bottom: 0; }
  .image-slider__slide {
    display: block;
    text-decoration: none;
    background: #ffffff;
    overflow: hidden; }
    .image-slider__slide img, .image-slider__slide picture {
      display: block;
      margin: 0 !important; }
  .image-slider .image-slider__navigation {
    position: absolute;
    left: 0;
    bottom: 50%;
    width: 100%; }
    .image-slider .image-slider__navigation__arrow {
      position: absolute;
      width: 18px;
      height: 34.5px;
      top: -17.25px;
      background: 50%/contain no-repeat;
      cursor: pointer; }
      .image-slider .image-slider__navigation__arrow--left {
        left: 17px;
        background-image: url("/_Resources/Static/Packages/Wysiwyg.Esprit.CorporateSite/Images/ui/arrow-left.svg"); }
      .image-slider .image-slider__navigation__arrow--right {
        right: 17px;
        background-image: url("/_Resources/Static/Packages/Wysiwyg.Esprit.CorporateSite/Images/ui/arrow-right.svg"); }
    .teaser-container .image-slider .image-slider__navigation {
      bottom: calc(50% + 50px); }
  .image-slider__progress-bar {
    position: absolute;
    bottom: -30px;
    width: 100%;
    height: 20px;
    font-size: 0;
    text-align: center; }
    .image-slider__progress-bar > div {
      display: inline-block;
      width: 20px;
      height: 20px;
      cursor: pointer; }
      .image-slider__progress-bar > div + div {
        margin-left: 0px; }
      .image-slider__progress-bar > div:after {
        content: " ";
        display: block;
        width: 9px;
        height: 9px;
        background: #e0e0e0;
        border-radius: 50%;
        transition: background-color .25s; }
      .image-slider__progress-bar > div.active:after, .image-slider__progress-bar > div:hover:after {
        background: #f29da6; }
  .image-slider .responsive-image-container__copyright-notice {
    position: absolute;
    bottom: -20px;
    right: 0;
    text-align: right;
    width: calc(50% - 80px); }

/*
	News highlight teaser
*/
@media (max-width: 767px) {
  .container-standard.news-highlight-stage, .light-box__gallery > div.news-highlight-stage, .light-box__ui > div.news-highlight-stage {
    padding-left: 0;
    padding-right: 0; } }

.news-highlight-stage {
  position: relative;
  margin-top: 50px; }
  .news-highlight-stage--initial .news-highlight-teaser {
    display: none; }
    .news-highlight-stage--initial .news-highlight-teaser:nth-child(1) {
      display: block; }
  .news-highlight-stage > div {
    background: #f0f0f0;
    position: relative;
    padding-bottom: 50%; }
    @media (max-width: 767px) {
      .news-highlight-stage > div {
        padding-bottom: 72.5%; } }
    .news-highlight-stage > div h4 {
      margin-top: .5em;
      margin-bottom: .05em;
      font-weight: 500;
      line-height: 1.2em; }
  .news-highlight-stage__navigation {
    z-index: 2;
    position: absolute;
    left: 0;
    bottom: 50%;
    width: 100%; }
    .news-highlight-stage__navigation__arrow {
      position: absolute;
      width: 18px;
      height: 34.5px;
      top: -17.25px;
      background: 50%/contain no-repeat;
      cursor: pointer; }
      .news-highlight-stage__navigation__arrow--left {
        left: 17px;
        background-image: url("/_Resources/Static/Packages/Wysiwyg.Esprit.CorporateSite/Images/ui/arrow-left.svg"); }
      .news-highlight-stage__navigation__arrow--right {
        right: 17px;
        background-image: url("/_Resources/Static/Packages/Wysiwyg.Esprit.CorporateSite/Images/ui/arrow-right.svg"); }
    @media (max-width: 767px) {
      .news-highlight-stage__navigation .news-highlight-stage__navigation__arrow--left {
        left: 3px; } }
    @media (max-width: 767px) {
      .news-highlight-stage__navigation .news-highlight-stage__navigation__arrow--right {
        right: 2px; } }
  .news-highlight-stage--positive .news-highlight-stage__navigation__arrow--left {
    background-image: url("/_Resources/Static/Packages/Wysiwyg.Esprit.CorporateSite/Images/ui/arrow-left-positive.svg"); }
  .news-highlight-stage--positive .news-highlight-stage__navigation__arrow--right {
    background-image: url("/_Resources/Static/Packages/Wysiwyg.Esprit.CorporateSite/Images/ui/arrow-right-positive.svg"); }
  .news-highlight-stage__progress-bar {
    position: absolute;
    bottom: -30px;
    width: 100%;
    height: 20px;
    font-size: 0;
    text-align: center; }
    .news-highlight-stage__progress-bar > div {
      display: inline-block;
      width: 20px;
      height: 20px;
      cursor: pointer; }
      .news-highlight-stage__progress-bar > div + div {
        margin-left: 0px; }
      .news-highlight-stage__progress-bar > div:after {
        content: " ";
        display: block;
        width: 9px;
        height: 9px;
        background: #e0e0e0;
        border-radius: 50%;
        transition: background-color .25s; }
      .news-highlight-stage__progress-bar > div.active:after, .news-highlight-stage__progress-bar > div:hover:after {
        background: #f29da6; }

.news-highlight-teaser {
  position: absolute;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
  overflow: hidden; }
  .news-highlight-teaser__image {
    position: absolute;
    width: 100%;
    height: 100%; }
    .news-highlight-teaser__image .responsive-image {
      margin: 0; }
      @media (max-width: 767px) {
        .news-highlight-teaser__image .responsive-image {
          width: auto;
          height: 100%;
          position: absolute;
          left: 50%;
          transform: translateX(-50%); } }
  .news-highlight-teaser__text-content {
    position: absolute;
    left: 0;
    padding: 20px;
    font-size: 18px; }
    @media (min-width: 767px) {
      .news-highlight-teaser__text-content {
        font-size: 22px;
        padding: 25px; } }
    .news-highlight-teaser__text-content--negative {
      color: #ffffff; }
    .news-highlight-teaser__text-content--positive {
      color: #000000; }
    .news-highlight-teaser__text-content--top-aligned {
      top: 0; }
    .news-highlight-teaser__text-content--bottom-aligned {
      bottom: 0; }
    .news-highlight-teaser__text-content .news-teaser__meta-headline {
      display: none; }
      .news-highlight-teaser__text-content .news-teaser__meta-headline + * {
        margin-top: 0; }

/*
	News teaser
*/
.news-teaser-container {
  margin-left: -20px;
  margin-right: -20px;
  margin-top: 20px; }
  .news-teaser-container:after {
    content: " ";
    display: block;
    clear: both; }
  @media (min-width: 480px) {
    .news-teaser-container__column {
      float: left;
      width: 50%; } }
  @media (min-width: 768px) {
    .news-teaser-container__column {
      width: 33.3333333%; } }
  .news-teaser-container__column .news-teaser {
    float: none;
    width: 100%; }

.news-teaser {
  float: left;
  width: 33.3333333%;
  margin-top: 40px;
  padding: 10px 20px;
  cursor: pointer; }
  .news-teaser > div {
    background: #f6f5f3; }
    .news-teaser > div > a {
      text-decoration: none; }
  .news-teaser.negative > div {
    background: #b7b7b7;
    color: #ffffff; }
  .news-teaser__image .responsive-image {
    margin: 0; }
  .news-teaser__text-content {
    padding: 25px;
    font-size: 13px;
    line-height: 1.6em; }
    .news-teaser__text-content .press-release-teaser__preview-link {
      margin-left: 0;
      margin-top: 1em; }
  .news-teaser__meta-headline {
    font-size: 13px; }
  .news-teaser__link-text {
    font-size: 13px; }
  .news-teaser__headline {
    font-size: 18px;
    line-height: 1.3em;
    margin-top: 10px; }
  .news-teaser__intro-copy {
    margin-top: 12px; }

/**
 * share links
 * eg news detail
 */
.community-links {
  list-style: none;
  margin: 0 0 42px 0; }
  @media (min-width: 1024px) {
    .community-links {
      margin-bottom: 82px; } }
  .community-links li {
    display: inline-block;
    margin-right: 1em; }
  .community-links a {
    text-decoration: none; }
    .community-links a .svg-icon {
      height: 21px;
      margin-left: 1px;
      vertical-align: baseline;
      width: 21px; }

/* redesign overrides */
/**
 * some main "grid" styles
 * let's see ...
 */
body.new-look .container-standard, body.new-look .light-box__gallery > div, body.new-look .light-box__ui > div {
  max-width: 1024px; }
  @media (min-width: 768px) {
    body.new-look .container-standard.container__wide, body.new-look .light-box__gallery > div.container__wide, body.new-look .light-box__ui > div.container__wide {
      max-width: 100%; } }
  @media (max-width: 1280px) and (min-width: 768px) {
    body.new-look .container-standard.container__wide, body.new-look .light-box__gallery > div.container__wide, body.new-look .light-box__ui > div.container__wide {
      padding-left: 2.5%;
      padding-right: 2.5%; } }
  @media (min-width: 1280px) {
    body.new-look .container-standard.container__wide, body.new-look .light-box__gallery > div.container__wide, body.new-look .light-box__ui > div.container__wide {
      max-width: 1172px; } }
  body.new-look .container-standard.container__narrow, body.new-look .light-box__gallery > div.container__narrow, body.new-look .light-box__ui > div.container__narrow {
    max-width: 600px; }
  body.new-look .container-standard.container-list, body.new-look .light-box__gallery > div.container-list, body.new-look .light-box__ui > div.container-list {
    margin-top: 70px; }

.container-standard.negative, .light-box__gallery > div.negative, .light-box__ui > div.negative {
  background: #009900;
  color: #ffffff; }
  .ui-color-corporate .container-standard.negative, .ui-color-corporate .light-box__gallery > div.negative, .ui-color-corporate .light-box__ui > div.negative {
    background: #67b4f9; }
  .container-standard.negative .copy-list.copy-list--ordered, .light-box__gallery > div.negative .copy-list.copy-list--ordered, .light-box__ui > div.negative .copy-list.copy-list--ordered {
    color: #ffffff; }
  .container-standard.negative table, .light-box__gallery > div.negative table, .light-box__ui > div.negative table {
    border-spacing: 0;
    border-collapse: separate; }
    .container-standard.negative table th, .light-box__gallery > div.negative table th, .light-box__ui > div.negative table th,
    .container-standard.negative table tr:first-child > td,
    .light-box__gallery > div.negative table tr:first-child > td,
    .light-box__ui > div.negative table tr:first-child > td {
      text-align: left;
      padding-bottom: 10px;
      font-weight: 500; }
    .container-standard.negative table strong, .light-box__gallery > div.negative table strong, .light-box__ui > div.negative table strong {
      font-weight: 500; }
    .container-standard.negative table td.ck-editor__nested-editable_focused, .light-box__gallery > div.negative table td.ck-editor__nested-editable_focused, .light-box__ui > div.negative table td.ck-editor__nested-editable_focused {
      background: rgba(128, 128, 128, 0.25) !important; }
    .container-standard.negative table tr:not(:first-child) > td, .light-box__gallery > div.negative table tr:not(:first-child) > td, .light-box__ui > div.negative table tr:not(:first-child) > td {
      border-top: 1px solid #ffffff;
      padding-top: 10px;
      padding-bottom: 10px; }
      .container-standard.negative table tr:not(:first-child) > td:not(:last-child), .light-box__gallery > div.negative table tr:not(:first-child) > td:not(:last-child), .light-box__ui > div.negative table tr:not(:first-child) > td:not(:last-child) {
        padding-right: 30px; }
    .container-standard.negative table tr:last-child td, .light-box__gallery > div.negative table tr:last-child td, .light-box__ui > div.negative table tr:last-child td {
      padding-bottom: 0; }
  .container-standard.negative .intro-text + table, .light-box__gallery > div.negative .intro-text + table, .light-box__ui > div.negative .intro-text + table {
    margin-top: -5px; }

.copy-list {
  color: inherit; }
  .copy-list strong {
    color: inherit;
    font-weight: 500; }
  .copy-list a {
    color: inherit; }

.intro-text + .full-width-expander img.responsive-image {
  margin-top: 0; }

.container-standard > .full-width-expander + .copy-text, .light-box__gallery > div > .full-width-expander + .copy-text, .light-box__ui > div > .full-width-expander + .copy-text {
  position: relative;
  z-index: 1;
  margin-top: 0px;
  color: #009900; }

.section-headline,
.intro-text {
  max-width: 740px;
  margin-left: auto;
  margin-right: auto; }

.copy-text {
  max-width: 790px;
  margin-left: auto;
  margin-right: auto; }

main > .neos-contentcollection > .container__wide > .responsive-image:first-child {
  margin-top: 0; }

main > .neos-contentcollection > .container__wide > .responsive-image:not(:first-child) {
  max-width: 944px; }

/**
 * typography 2019
 */
/* Fonts */
@font-face {
  font-family: "esprit-stencil-regular";
  src: url("/_Resources/Static/Packages/Wysiwyg.Esprit.CorporateSite/Static/Esprit_Stencil-Regular.eot"), url("/_Resources/Static/Packages/Wysiwyg.Esprit.CorporateSite/Static/Esprit_Stencil-Regular.woff") format("woff"), url("/_Resources/Static/Packages/Wysiwyg.Esprit.CorporateSite/Static/Esprit_Stencil-Regular.woff2") format("woff2");
  font-weight: normal;
  font-style: normal; }

@font-face {
  font-family: "suisse";
  src: url("/_Resources/Static/Packages/Wysiwyg.Esprit.CorporateSite/Static/SuisseIntl-Book-Web/M/SuisseIntl-Book-WebM.eot"), url("/_Resources/Static/Packages/Wysiwyg.Esprit.CorporateSite/Static/SuisseIntl-Book-Web/M/SuisseIntl-Book-WebM.woff") format("woff"), url("/_Resources/Static/Packages/Wysiwyg.Esprit.CorporateSite/Static/SuisseIntl-Book-Web/M/SuisseIntl-Book-WebM.woff2") format("woff2");
  font-weight: 400;
  font-style: normal; }

@font-face {
  font-family: "suisse";
  src: url("/_Resources/Static/Packages/Wysiwyg.Esprit.CorporateSite/Static/SuisseIntl-Light-Web/M/SuisseIntl-Light-WebM.eot"), url("/_Resources/Static/Packages/Wysiwyg.Esprit.CorporateSite/Static/SuisseIntl-Light-Web/M/SuisseIntl-Light-WebM.woff") format("woff"), url("/_Resources/Static/Packages/Wysiwyg.Esprit.CorporateSite/Static/SuisseIntl-Light-Web/M/SuisseIntl-Light-WebM.woff2") format("woff2");
  font-weight: 300;
  font-style: normal; }

@font-face {
  font-family: "suisse";
  src: url("/_Resources/Static/Packages/Wysiwyg.Esprit.CorporateSite/Static/SuisseIntl-Medium-Web/M/SuisseIntl-Medium-WebM.eot"), url("/_Resources/Static/Packages/Wysiwyg.Esprit.CorporateSite/Static/SuisseIntl-Medium-Web/M/SuisseIntl-Medium-WebM.woff") format("woff"), url("/_Resources/Static/Packages/Wysiwyg.Esprit.CorporateSite/Static/SuisseIntl-Medium-Web/M/SuisseIntl-Medium-WebM.woff2") format("woff2");
  font-weight: 500;
  font-style: normal; }

body.new-look .intro-text {
  font-size: 34px;
  line-height: 1.4em;
  font-weight: 400;
  letter-spacing: normal; }
  @media (max-width: 767px) {
    body.new-look .intro-text {
      font-size: 27px;
      line-height: 1.35em; } }

body main {
  font-family: 'suisse'; }

body p {
  font-weight: 300; }
  body p.intro-text {
    font-weight: 400 !important; }
  body p strong {
    font-weight: 500 !important; }

body i, body em {
  font-style: normal;
  color: #4cb5ff; }

body .quoted-headline {
  font-family: "esprit-stencil-regular";
  font-weight: normal;
  font-size: 34px;
  line-height: 1.4em;
  letter-spacing: normal; }
  @media (max-width: 767px) {
    body .quoted-headline {
      font-size: 28px;
      line-height: 1.4em; } }
  @media (min-width: 1024px) {
    body .quoted-headline {
      max-width: 840px; } }
  body .quoted-headline:before, body .quoted-headline:after {
    content: none; }
  body .quoted-headline span {
    color: #ffffff;
    background: url("/_Resources/Static/Packages/Wysiwyg.Esprit.CorporateSite/Images/esprit-cares/overview-headline-background.png") 0 50%/100% 50px repeat-x; }

body .quoted-headline-caption {
  display: block;
  text-align: center;
  font-size: 18px;
  line-height: 1.4em;
  margin-top: -1.75em; }

body.ui-color-press .section-headline {
  color: #f9bbac; }

body.ui-color-company .section-headline {
  color: #67b4f9; }

body.ui-color-sustainability .section-headline {
  color: #009900; }

body.ui-color-ir .section-headline {
  color: #f1d070; }

body.ui-color-careers .section-headline {
  color: #f5b673; }

body .intro-text {
  font-size: 17px; }
  @media (min-width: 768px) {
    body .intro-text {
      font-size: 24px; } }

body p, body p.copy-text {
  letter-spacing: normal !important;
  margin-top: 15px; }
  @media (min-width: 768px) {
    body p, body p.copy-text {
      margin-top: 30px; } }

body.new-look .section-headline {
  color: #4cb5ff; }

body.new-look .quoted-headline {
  font-size: 50px;
  line-height: 60px;
  letter-spacing: normal; }
  @media (max-width: 767px) {
    body.new-look .quoted-headline {
      font-size: 34px;
      line-height: 1.4em; } }

body.new-look p {
  text-align: center;
  font-weight: 300 !important; }

body.new-look .intro-text {
  text-align: center;
  margin-top: 40px;
  margin-bottom: 25px; }

/*
	Esprit cares
*/
.esprit-cares-logo {
  margin-top: 53px; }
  .esprit-cares-logo h1 {
    display: none; }
  .esprit-cares-logo img {
    display: block;
    margin-left: auto;
    margin-right: auto; }

.esprit-cares-header {
  position: relative;
  margin-top: 50px; }
  .esprit-cares-header__background-image .responsive-image {
    margin-top: 0; }
    @media (max-width: 1027px) {
      .esprit-cares-header__background-image .responsive-image {
        margin-bottom: 0; } }
  @media (min-width: 1028px) {
    .esprit-cares-header__text-overlay {
      position: absolute;
      left: 0;
      bottom: 0;
      width: 100%; } }
  .esprit-cares-header__text-overlay blockquote.quoted-headline {
    margin-bottom: 0px; }
    .esprit-cares-header__text-overlay blockquote.quoted-headline span {
      color: #ffffff;
      background: url("/_Resources/Static/Packages/Wysiwyg.Esprit.CorporateSite/Images/esprit-cares/overview-headline-background.png") 0 50%/100% 50px repeat-x; }
      @media (max-width: 767px) {
        .esprit-cares-header__text-overlay blockquote.quoted-headline span {
          background-size: 100% 35px; } }
  .esprit-cares-header__text-overlay small.quoted-headline-caption {
    font-weight: 500;
    color: #ffffff;
    margin-top: 10px;
    margin-bottom: 40px; }
    @media (max-width: 1027px) {
      .esprit-cares-header__text-overlay small.quoted-headline-caption {
        color: #000000; } }
  @media (max-width: 1027px) and (min-width: 768px) {
    .esprit-cares-header__text-overlay small.quoted-headline-caption {
      margin-bottom: 50px; } }

body.new-look .esprit-cares-image-text-row h2 {
  font-size: 34px;
  line-height: 1.4em;
  font-weight: 400;
  letter-spacing: normal; }
  @media (max-width: 767px) {
    body.new-look .esprit-cares-image-text-row h2 {
      font-size: 27px;
      line-height: 1.35em; } }

@media (max-width: 767px) {
  body.new-look .esprit-cares-image-text-row {
    margin-top: 75px; }
    body.new-look .esprit-cares-image-text-row + .esprit-cares-image-text-row {
      margin-top: 31px; }
    body.new-look .esprit-cares-image-text-row h2,
    body.new-look .esprit-cares-image-text-row p,
    body.new-look .esprit-cares-image-text-row img {
      max-width: 480px;
      margin-left: auto;
      margin-right: auto; }
    body.new-look .esprit-cares-image-text-row .responsive-image {
      margin-top: 25px;
      margin-bottom: 25px; } }

@media (min-width: 768px) {
  body.new-look .esprit-cares-image-text-row {
    display: flex;
    align-items: center;
    margin-left: -44px;
    margin-right: -44px;
    margin-top: 50px; }
    body.new-look .esprit-cares-image-text-row > * {
      padding-left: 44px;
      padding-right: 44px; }
    body.new-look .esprit-cares-image-text-row + .esprit-cares-image-text-row {
      margin-top: 25px; }
    body.new-look .esprit-cares-image-text-row .responsive-image {
      margin-top: 0;
      margin-bottom: 0; }
    body.new-look .esprit-cares-image-text-row p {
      margin-top: 20px;
      margin-bottom: 20px; }
    body.new-look .esprit-cares-image-text-row > :first-child {
      flex-basis: 50%;
      min-width: 50%; }
    body.new-look .esprit-cares-image-text-row--reversed {
      /*
			h2,
			p {
				margin-left: auto;
				text-align: right;
				
			}
			*/ }
      body.new-look .esprit-cares-image-text-row--reversed > :first-child {
        order: 2;
        flex-basis: initial;
        min-width: 0; }
      body.new-look .esprit-cares-image-text-row--reversed > :last-child {
        order: 1;
        flex-basis: 50%;
        min-width: 50%; }
    body.new-look .esprit-cares-image-text-row > div > .quoted-headline {
      font-size: 32px;
      line-height: 1.4em;
      max-width: 400px;
      margin-left: auto;
      margin-right: auto;
      margin-top: 35px;
      margin-bottom: 0; } }

.esprit-cares-teaser-container > .esprit-cares-teaser > a {
  text-decoration: none; }
  .esprit-cares-teaser-container > .esprit-cares-teaser > a:hover h2 {
    color: #000000; }

.esprit-cares-teaser-container > .esprit-cares-teaser h2 {
  font-family: "esprit-stencil-regular";
  font-weight: normal;
  font-size: 34px;
  line-height: 1.4em;
  letter-spacing: normal;
  text-align: center; }
  @media (max-width: 767px) {
    .esprit-cares-teaser-container > .esprit-cares-teaser h2 {
      font-size: 29px;
      line-height: 1.4em; } }

@media (max-width: 767px) {
  .esprit-cares-teaser-container {
    max-width: 480px;
    margin-left: auto;
    margin-right: auto; }
    .esprit-cares-teaser-container .responsive-image {
      margin-top: 15px;
      margin-bottom: 45px; } }

@media (min-width: 768px) {
  .esprit-cares-teaser-container {
    display: flex;
    margin-top: 95px;
    margin-left: -15px;
    margin-right: -15px; }
    .esprit-cares-teaser-container > .esprit-cares-teaser {
      padding-left: 15px;
      padding-right: 15px; }
      .esprit-cares-teaser-container > .esprit-cares-teaser .responsive-image {
        margin-top: 15px; } }

.esprit-cares-social-headline {
  text-align: center;
  margin-top: 25px;
  font-weight: 300; }

.esprit-cares-social-icons.community-links {
  display: table;
  margin-left: auto;
  margin-right: auto;
  margin-top: 15px;
  margin-bottom: 0; }
  .esprit-cares-social-icons.community-links > * {
    margin-left: 10px;
    margin-right: 10px; }
  .esprit-cares-social-icons.community-links > .header-item-icon {
    font-size: 32px; }
  .esprit-cares-social-icons.community-links a .svg-icon {
    width: 28px;
    height: 28px; }

.esprit-cares-text-column-container h2 {
  font-size: 34px;
  line-height: 1.4em;
  font-weight: 400;
  letter-spacing: normal;
  padding-left: 22px;
  position: relative; }
  @media (max-width: 767px) {
    .esprit-cares-text-column-container h2 {
      font-size: 27px;
      line-height: 1.35em; } }
  .esprit-cares-text-column-container h2:before {
    content: " ";
    display: block;
    position: absolute;
    left: 0;
    top: .25em;
    width: 12px;
    height: calc(100% - .45em);
    background: #80C9FF; }

.esprit-cares-text-column-container .esprit-cares-text-column {
  margin-bottom: 25px; }
  @media (min-width: 768px) {
    .esprit-cares-text-column-container .esprit-cares-text-column {
      margin-bottom: 44px; } }

@media (max-width: 867px) {
  .esprit-cares-text-column-container {
    max-width: 740px;
    margin-left: auto;
    margin-right: auto; }
    .esprit-cares-text-column-container .esprit-cares-text-column {
      /*& + .esprit-cares-text-column {
				margin-top: 25px;
				
			}*/ }
      .esprit-cares-text-column-container .esprit-cares-text-column h2 {
        max-width: 360px; } }

@media (min-width: 868px) {
  .esprit-cares-text-column-container {
    display: flex;
    margin-left: -44px;
    margin-right: -44px; }
    .esprit-cares-text-column-container .esprit-cares-text-column {
      flex-grow: 1;
      flex-basis: 0;
      padding-left: 44px;
      padding-right: 44px; } }

.esprit-cares-text-column-container ul {
  font-weight: 300;
  padding-left: 1em; }

/* printing overrides */
@media print {
  .site-navigation {
    display: none !important; }
  body.show-export-menu .export-links {
    display: none !important; }
  .footer {
    display: none; }
  .helper__navi-spacer {
    display: none; }
  main {
    padding-bottom: 70px; }
  .container-standard, .light-box__gallery > div, .light-box__ui > div {
    max-width: 15cm; }
  .accordion-item .accordion-item__head:after,
  .accordion-item .accordion-item__head-large:after {
    background-image: none !important; }
  .accordion-item__content {
    display: block !important; } }


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