/*==================================================
 * OVERWRITE / LAZYSIZES
 * ================================================*/
img[data-sizes="auto"] {
  display: block; width: 100%;
}


/*==================================================
 * OVERWRITE / KLARO
 * ================================================*/
.klaro .cookie-notice {
  border-radius: 0px !important;
  box-shadow: none !important;
  background: rgba(0,0,0,0.88) !important;
  border-radius: 0.429em !important;
  max-width: 400px !important;
}
.klaro .cookie-notice .cn-body p {
  display: block !important;
  color: #FFFFFF;
  font-family: 'Calibre', Arial, sans-serif;
  font-size: 16px;
  font-size: 0.97rem;
  letter-spacing: 0.7px;
  line-height: 1.533;
}
.klaro .cookie-notice .cm-link {
  margin-top: 10px;
}
.klaro .cookie-modal a,
.klaro .cookie-notice a {
  color: white !important;
  font-family: 'Calibre', Arial, sans-serif;
  font-size: 13px !important;
  font-weight: bold !important;
  letter-spacing: 0.65px !important;
  line-height: 30px !important;
  text-decoration: none !important;
  text-transform: uppercase !important;
}
.klaro .cm-btn {
  border-radius: 0px !important;
  box-shadow: none !important;
  text-transform: uppercase !important;
  text-decoration: none !important;
  height: 31px !important;
  font-family: 'Calibre', Arial, sans-serif;
  font-size: 12px !important;
  line-height: 26px !important;
  letter-spacing: 1px !important;
  vertical-align: middle !important;
  text-align: center !important;
  font-weight: bold !important;
  background: transparent !important;
  background-color: transparent !important;
  box-sizing: border-box !important;
  -moz-box-sizing: border-box !important;
  transition: background-color 0.2s !important;
  border: 2px solid #d9d9d9 !important;
  color: #d9d9d9 !important;
  padding: 0px 16px !important;
  max-width: 100% !important;
  position: relative !important;
  cursor: pointer !important;
}
.klaro .cookie-notice .cm-btn {
  width: 46%;
}
.klaro .cookie-modal .cm-modal .cm-header h1.title {
  font-family: 'Frank Ruhl Libre', Georgia, serif;
}
.klaro .cookie-modal .cm-app-input:checked + .cm-app-label .slider,
.klaro .cookie-notice .cm-app-input:checked + .cm-app-label .slider {
  background-color: white !important;
}
.klaro .cookie-modal .cm-app-label .slider,
.klaro .cookie-notice .cm-app-label .slider {
  background-color: white !important;
}
.klaro .cookie-modal .cm-app-input:checked + .cm-app-label .slider.round:before,
.klaro .cookie-notice .cm-app-input:checked + .cm-app-label .slider.round:before {
  background-color: #2f913a !important;
}
.klaro .cookie-modal .cm-app-label .slider.round:before,
.klaro .cookie-notice .cm-app-label .slider.round:before {
  background-color: #bf343a !important;
}
.klaro .cookie-modal .cm-app-label .slider:before,
.klaro .cookie-notice .cm-app-label .slider:before {
  background-color: rgba(0,0,0,0.88) !important;
}
.klaro .cm-app:before {
  display: none !important;
}



/*==================================================
 * KLARO / IFAMES
 * ================================================*/
.iframe-container {
  position: relative;
  background-color: #EFEEEB;
}
.iframe-container a {
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
}


/*==================================================
 * OVERWRITE / FANCYBOX
 * ================================================*/
.fancybox-bg {
  background-color: #FFFFFF;
  opacity: 1 !important;
}
.fancybox-button  {
  background-color: transparent !important;
}
.fancybox-navigation .fancybox-button svg {
  display: none;
}
.fancybox-navigation .fancybox-button > div {
  background-repeat: no-repeat;
}
.fancybox-navigation .fancybox-button > div {
  background-size: 50%;
  background-color: #FFFFFF;
  border-radius: 100%;
}
.fancybox-navigation .fancybox-button--arrow_left {
  left: 10px;
  left: 0.625rem;
}
.fancybox-navigation .fancybox-button--arrow_left > div {
  background-position: 41% center;
  background-image: url("../Images/icons/chevron/left.png");
  background-image:
      linear-gradient(transparent, transparent),
      url("../Images/icons/chevron/left.svg");
  font-size: 0px;
  color: transparent;
}
.fancybox-navigation .fancybox-button[disabled] {
  opacity: 0.3 !important;
}
.fancybox-navigation .fancybox-button--arrow_right {
  right: 10px;
  right: 0.625rem;
}
.fancybox-navigation .fancybox-button--arrow_right > div {
  background-position: center;
  background-image: url("../Images/icons/chevron/right.png");
  background-image:
      linear-gradient(transparent, transparent),
      url("../Images/icons/chevron/right.svg");
  font-size: 0px;
  color: transparent;
}
.fancybox-button--close {
  cursor: pointer;
  top: 32px;
  right: 32px;
  top: 2.000rem;
  right: 2.000rem;
  background-repeat: no-repeat;
  background-position: center;
  -moz-box-shadow: none !important;
  -webkit-box-shadow: none !important;
  box-shadow: none !important;
  background-image: url("../Images/icons/close/close.png");
  background-image:
      linear-gradient(transparent, transparent),
      url("../Images/icons/close/close.svg");
  font-size: 0px;
  color: transparent;
}
.fancybox-button--close svg {
  display: none;
}
/* 768 px */
@media all and (min-width: 48.000em) {
  .fancybox-button  {
    width: 48px !important;
    width: 3.000rem !important;
    height: 48px !important;
    height: 3.000rem !important;
    padding: 0px !important;
    border-radius: 100%;
    background-color: #FFFFFF;
    -moz-box-shadow: 0 1px 4px 0 rgba(0,0,0,0.2);
    -webkit-box-shadow: 0 1px 4px 0 rgba(0,0,0,0.2);
    box-shadow: 0 1px 4px 0 rgba(0,0,0,0.2);
  }
  .fancybox-navigation .fancybox-button--arrow_left {
    left: 32px;
    left: 2.000rem;
  }
  .fancybox-navigation .fancybox-button--arrow_right {
    right: 32px;
    right: 2.000rem;
  }
  .fancybox-navigation .fancybox-button > div {
    background-size: 50%;
  }
}
@media
screen and (-webkit-min-device-pixel-ratio: 2),
screen and (min-resolution: 192dpi),
screen and (min-resolution: 2dppx) {
  .fancybox-navigation .fancybox-button--arrow_left > div {
    background-image: url("../Images/icons/chevron/left@2x.png");
    background-image:
        linear-gradient(transparent, transparent),
        url("../Images/icons/chevron/left.svg");
  }
  .fancybox-navigation .fancybox-button--arrow_right > div {
    background-image: url("../Images/icons/chevron/right@2x.png");
    background-image:
        linear-gradient(transparent, transparent),
        url("../Images/icons/chevron/right.svg");
  }
}


/*==================================================
 * OVERWRITE / SELECTRIC
 * ================================================*/
.selectric,
.selectric-open .selectric{
  border-radius: 8px;
  height: 40px;
  background-color: #f6f6f7;
  background-color: rgba(81,80,90,0.05);
  padding: 0px;
  border: 0px;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
}
.selectric .label {
  color: #51505A;
  color: rgba(81,80,90,0.5);
  font-family: proxima-nova, sans-serif;
  font-size: 14px;
  font-size: 0.875rem;
  line-height: 1.286em;
  font-weight: normal;
  letter-spacing: 0;
  margin: 0px !important;
  padding: 10px 16px 9px 16px;
}
.selectric-selected .label {
  color: rgba(81,80,90,1) !important;
}
.selectric-items {
  border: 0px;
}
.selectric-items li:before {
  display: none !important;
}
.selectric .button {
  font-size: 0px;
  color: transparent;
  width: 38px;
  height: 100%;
}
.selectric .button {
  border: 0px;
  background-image: url('../Images/icons/chevron/down.png');
  background-image:
      linear-gradient(transparent, transparent),
      url('../Images/icons/chevron/down.svg');
  background-repeat: no-repeat;
  background-position: center;
  display: inline-block;
}
.selectric-open .button {
  background-image: url('../Images/icons/chevron/up.png');
  background-image:
      linear-gradient(transparent, transparent),
      url('../Images/icons/chevron/up.svg');
}
.selectric .button:before,
.selectric .button:after {
  display: none !important;
}
.selectric-items li,
.selectric-items li.selected.highlighted,
.selectric-items li.selected {
  color: #51505A;
  color: rgba(81,80,90,0.5);
  font-family: 'Calibre', Arial, sans-serif;
  font-size: 14px;
  font-size: 0.875rem;
  line-height: 0.972vw;
  font-weight: normal;
  letter-spacing: 0;
  line-height: 1.286em;
  text-align: left;
  display: block;
  -webkit-text-stroke: 0px;
  text-shadow: none;
}
.selectric-items li:hover,
.selectric-items li.selected.highlighted,
.selectric-items li.selected {
  color: #e40045;
  background: inherit;
}
/* 768 px */
@media all and (min-width: 48.000em) {
  .selectric .label {
    font-size: 16px;
    font-size: 1rem;
    line-height: 1.375em;
    padding: 10px 32px 9px 16px;
  }
}
/* 1440px */
@media all and (min-width: 90.000em) {
  .selectric,
  .selectric-open .selectric{
    border-radius: 0.556vw;
    height: 2.778vw;
  }
  .selectric .label {
    font-size: 1.111vw;
    padding: 0.694vw 2.222vw 0.625vw 1.111vw;
  }
  .selectric .button {
    width: 34px;
  }
}

/* SECONDARY STYLE
 * ----------------------------------------------- */
.selectric-form-control-secondary .selectric {
  background-color: transparent !important;
  border: 1px solid #f6f6f7 !important;
  border: 1px solid rgba(81,80,90,0.2) !important;
}

@media
screen and (-webkit-min-device-pixel-ratio: 2),
screen and (min-resolution: 192dpi),
screen and (min-resolution: 2dppx) {
  .selectric .button {
    background-image: url('../Images/icons/chevron/down@2x.png');
    background-image:
        linear-gradient(transparent, transparent),
        url('../Images/icons/chevron/down.svg');
  }
  .selectric-open .button {
    background-image: url('../Images/icons/chevron/up@2x.png');
    background-image:
        linear-gradient(transparent, transparent),
        url('../Images/icons/chevron/up.svg');
  }
}




/*==================================================
 * OVERWRITE / ICHECK
 * ================================================*/
/* 1440px px */
@media all and (min-width: 90.000em) {
  .icheckbox_minimal,
  .iradio_minimal {
    font-size: 20px;
    font-size: 1.389vw;
    width: 1.250vw;
    height: 1.250vw;
    background-size: 10.000em 1em;
  }
  .icheckbox_minimal {
    background-position: 0 0;
  }
  .icheckbox_minimal.hover {
    background-position: -1em 0;
  }
  .icheckbox_minimal.checked {
    background-position: -2em 0;
  }
  .icheckbox_minimal.disabled {
    background-position: -3em 0;
    cursor: default;
  }
  .icheckbox_minimal.checked.disabled {
    background-position: -4em 0;
  }
}


/*==================================================
 * OVERWRITE / SLICK SLIDER
 * ================================================*/
.slick-arrow  {
  width: 32px;
  width: 2.000rem;
  height: 32px;
  height: 2.000rem;
}
.slick-arrow:before {
  opacity: 1;
  border-radius: 100%;
  background-color: #FFFFFF;
  box-shadow: 0 1px 4px 0 rgba(0,0,0,0.2);
  width: 100%;
  height: 100%;
  position: absolute;
  top: 0px;
  left: 0px;
  background-size: 50%;
  background-repeat: no-repeat;
  background-position: center;
}
.slick-arrow:hover:before {
  background-color: #FFFFFF !important;
  width: 110%;
  height: 110%;;
  margin-top: -5%;
  margin-left: -5%;
}
.slick-arrow.slick-disabled:hover:before {
  width: 100%;
  height: 100%;
  margin: 0%;
}
.slick-prev.slick-disabled:before,
.slick-next.slick-disabled:before {
  opacity: 0.7;
}
.slick-arrow.slick-prev:before {
  background-image: url("../Images/icons/chevron/left.png");
  background-image:
      linear-gradient(transparent, transparent),
      url("../Images/icons/chevron/left.svg");
  font-size: 0px;
  color: transparent;
}
.slick-arrow.slick-next:before {
  background-image: url("../Images/icons/chevron/right.png");
  background-image:
      linear-gradient(transparent, transparent),
      url("../Images/icons/chevron/right.svg");
  font-size: 0px;
  color: transparent;
}


/*==================================================
 * LAYOUT / STICKY FOOTER
 * ================================================*/
html, body {
  height: 100%;
  width: 100%;
}
#global {
  width: 100%;
  height: 100%;
  display: table;
  table-layout: fixed;
  border: 0px;
  outline: none;
  padding: 0px;
  margin: 0px;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;

}
#main,
#footer{
  display: table-row;
}
#main > .inner,
#footer > .inner {
  display: table-cell;
}
#main > .inner {
  height: 100%;
}



/*==================================================
 * LAYOUT / HEADER
 * ================================================*/
#header {
  background-color: #E40045;
  position: relative;
  top: 0px;
  left: 0px;
  width: 100%;
  z-index: 900;
  overflow: hidden;
}
#header .container {
  max-width: 100%;
}
#header-inside {
  display: table;
  width: 100%;
}
#header #logo,
#header #search,
#header #menu {
  display: table-cell;
  vertical-align: middle;
  padding: 10px 0px;
}
#header #logo {
  width: 35px;
  padding-top: 17px;
}
#header #search {
  text-align: center;
  padding-left: 29px;
  padding-right: 16px;
}
/* 380 px */
@media screen and (max-width: 23.687em) {
  #header #menu.open {
    height: 100%;
    overflow: scroll;
  }
}

/* 768 px */
@media all and (min-width: 48.000em) {
  #header {
    overflow: visible;
  }
  #header #menu {
    width: 100px;
    padding-right: 81px;
    padding-right: 5.063rem;
  }
}
/* 1024px */
@media all and (min-width: 64.000em) {
  #header #logo,
  #header #search,
  #header #menu {
    padding-top: 17px;
    padding-bottom: 14px;
    padding-top: 1.063rem;
    padding-bottom: 0.875rem;
  }
  #header #logo {
    width: 168px;
    width: 10.500rem;
    padding-top: 12px;
    padding-left: 15px;
  }
}



/*==================================================
 * LAYOUT / HEADER / LOGO
 * ================================================*/
#header #logo img {
  max-width: 20px;
}
.page-home #header #logo img {
  max-width: 200px;
}
/* 1024px */
@media all and (min-width: 64.000em) {
  #header #logo a {
    display: block;
    width: 100%;
  }
  #header #logo img {
    width: 100%;
    max-width: 100% !important;
  }
}



/*==================================================
 * LAYOUT / HEADER / NAVI MAIN TRIGGER
 * ================================================*/
#navi-main-trigger {
  cursor: pointer;
  position: relative;
  border: 0px;
  outline: none;
  background-color: transparent;
  padding: 0px;
  min-width: 36px;
  width: 36px;
  width: 5.625vw;
  min-height: 36px;
  height: 36px;
  height: 5.625vw;
  font-size: 0px;
  border-radius: 100%;
  background-color: #eaeaeb;
  background-color: rgba(81,80,90,0.2);
  margin-right: -6px;
}
#navi-main-trigger:hover,
#navi-main-trigger:active,
#navi-main-trigger:focus {
  border: 0px;
  outline: none;
}
#navi-main-trigger:after {
  content: "";
  display: block;
  width: 100%;
  height: 100%;
  position: absolute;
  top: 0px;
  right: 0px;
  background-image: url('../Images/icons/menu/16px/burger-white.png');
  background-image:
      linear-gradient(transparent, transparent),
      url('../Images/icons/menu/16px/burger-white.svg');
  background-repeat: no-repeat;
  background-size: 45%;
  background-position: center;
}
#menu.open #navi-main-trigger:after {
  background-image: url('../Images/icons/menu/16px/close-white.png');
  background-image:
      linear-gradient(transparent, transparent),
      url('../Images/icons/menu/16px/close-white.svg');
}
/* 768 px */
@media all and (min-width: 48.000em) {
  #navi-main-trigger {
    border-radius: 20px;
    border-radius: 1.250rem;
    width: 100%;
    height: auto;
    padding: 10px 51px 10px 20px !important;
    padding: 0.625rem 3.188rem 0.625rem 1.250rem !important;
    color: #FFFFFF;
    font-family: 'Nunito', Arial, sans-serif;
    font-size: 14px;
    font-size: 0.875rem;
    font-weight: bold;
    letter-spacing: 0;
    line-height: 1.286em;
    background-color: transparent !important;
  }
  #navi-main-trigger:hover,
  #menu.open #navi-main-trigger {
    background-color: #51505A !important;
    background-color: rgba(81,80,90,0.2) !important;
  }
  body.page-home #navi-main-trigger:hover,
  body.page-home #menu.open #navi-main-trigger {
    background-color: #f6f6f7 !important;
    background-color: rgba(81,80,90,0.05) !important;
  }
  #navi-main-trigger:after {
    position: absolute;
    right: 14px;
    right: 0.875rem;
    width: 19px;
    width: 1.188rem;
    height: 30px;
    height: 1.875rem;
    top: 50%;
    margin-top: -15px;
    margin-top: -0.938rem;
    background-size: contain;
    background-image: url('../Images/icons/menu/24px/burger-pink.png');
    background-image:
        linear-gradient(transparent, transparent),
        url('../Images/icons/menu/24px/burger-pink.svg');
  }
  #menu.open #navi-main-trigger:after {
    background-image: url('../Images/icons/menu/24px/close-pink.png');
    background-image:
        linear-gradient(transparent, transparent),
        url('../Images/icons/menu/24px/close-pink.svg');
  }
}
/* 1024px */
@media all and (min-width: 64.000em) {
  #navi-main-trigger {
    margin-top: 6px;
    margin-top: 0.375rem;
  }
}
@media
screen and (-webkit-min-device-pixel-ratio: 2),
screen and (min-resolution: 192dpi),
screen and (min-resolution: 2dppx) {
  #navi-main-trigger:after {
    background-image: url('../Images/icons/menu/24px/burger-white@2x.png');
    background-image:
        linear-gradient(transparent, transparent),
        url('../Images/icons/menu/24px/burger-white.svg');
  }
}
@media
screen and (min-width: 48.000em),
screen and (-webkit-min-device-pixel-ratio: 2),
screen and (min-resolution: 192dpi),
screen and (min-resolution: 2dppx) {
  #navi-main-trigger:after {
    background-image: url('../Images/icons/menu/24px/burger-white@2x.png');
    background-image:
        linear-gradient(transparent, transparent),
        url('../Images/icons/menu/24px/burger-white.svg');
  }
  #menu.open #navi-main-trigger:after {
    background-image: url('../Images/icons/menu/24px/close@2x.png');
    background-image:
        linear-gradient(transparent, transparent),
        url('../Images/icons/menu/24px/close.svg');
  }
}


/*==================================================
 * LAYOUT / HEADER / NAVI MAIN
 * ================================================*/
#navi-main {
  position: relative;
  text-align: right;
}
#navi-main-item {
  display: none;
  position: relative;
  text-align: left;
  margin-top: 10px;
  margin-bottom: 21px;
  padding-top: 22px;
}
#navi-main-item:before {
  content: "";
  display: block;
  width: 100%;
  height: 1px;
  opacity: 0.2;
  background-color: #51505A;
  position: absolute;
  top: 0px;
  left: -16px;
  padding-left: 16px;
  padding-right: 16px;
}
#navi-main-item li {
  padding: 1px 0px;
  margin-bottom: 14px;
}
#navi-main-item a {
  color: #FFFFFF;
  font-size: 16px;
  font-size: 1rem;
  font-weight: bold;
  letter-spacing: 0;
  line-height: 1.375em;
  text-decoration: none;
}
#navi-main-item li.active a,
#navi-main-item a:hover,
#navi-main-item a:focus,
#navi-main-item a:active {
  text-decoration: underline;
  color: #FFFFFF;
}
/* 768 px */
@media all and (min-width: 48.000em) {
  #navi-main {
    right: 0px;
    padding-right: 12px;
    padding-right: 0.750rem;
  }
  #navi-main-item > .inner {
    padding: 17px 26px 17px 24px;
    padding: 1.063rem 1.625rem 1.063rem 1.500rem;
    text-align: left;
  }
  #navi-main-item {
    opacity: 0;
    z-index: -10;
    margin-top: 9px;
    position: absolute;
    padding: 0px;
    right: 0px;
    background-color: #fff;
    border-radius: 8px;
    -webkit-box-shadow: 0 4px 16px 0 rgba(0, 0, 0, 0.12);
    -moz-box-shadow: 0 4px 16px 0 rgba(0, 0, 0, 0.12);
    box-shadow: 0 4px 16px 0 rgba(0, 0, 0, 0.12);
    -webkit-transition: all .3s ease;
    -moz-transition: all .3s ease;
    -o-transition: all .3s ease;
    -ms-transition: all .3s ease;
    transition: all .3s ease;
    transition-timing-function: cubic-bezier(0, 0, 1, 1);
    text-align: right;
  }
  #navi-main-item:before {
    display: none;
  }
  #menu.open #navi-main-item {
    opacity: 1;
    z-index: 10;
  }
  #navi-main-item li {
    margin-bottom: 0px;
  }
  #navi-main-item a {
    color: #51505A;
    font-size: 14px;
    font-size: 0.875rem;
    font-weight: bold;
    letter-spacing: 0;
    line-height: 1.286em;
  }
  #navi-main-item li.active a,
  #navi-main-item a:hover,
  #navi-main-item a:focus,
  #navi-main-item a:active {
    text-decoration: none;
    color: #E40045;
  }
}


/*==================================================
 * LAYOUT / HEADER / NAVIGATION / OPEN / MOBIL
 * ================================================*/
@media all and (max-width: 47.937em) {
  #menu.open {
    display: block !important;
    padding-left: 12px !important;
    padding-right: 16px !important;
    padding-bottom: 22px !important;
    position: fixed;
    top: 0px;
    left: 0px;
    right: 0px;
    background-color: #E40045;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    width: 100%;
    min-height: 100%;
  }
  #menu.open #navi-main-item {
    display: block;
    width: 100%;
  }
  #menu.open #customer-portal {
    position: absolute;
    left: 10px;
    top: 10px;
    display: block !important;
    max-width: 20%;
  }
  #menu.open #link {
    display: block !important;
    float: none;
    margin-top: 40px;
  }
}


/*==================================================
 * LAYOUT / HEADER / NAVIGATION / OPEN / DESKTOP
 * ================================================*/
@media all and (min-width: 48.000em) {
  #menu {
    position: relative;
    vertical-align: top !important;
  }
  #menu > .inner {
    display: table;
    width: auto;
    float: right;
    position: relative;
  }
  #menu .menu-item {
    padding-left: 9px;
    padding-right: 9px;
    display: table-cell;
    vertical-align: middle;
  }
  #menu.open #navi-main-item {
    display: block;
    width: auto;
    opacity: 1;
    z-index: 10;
  }
  #menu #customer-portal,
  #menu.open #customer-portal {
    position: absolute;
    display: block;
    width: 60px !important;
    width: 3.750rem !important;
    top: 0px !important;
    left: auto !important;
    right: -81px !important;
    right: -5.063rem !important;
  }
}




/*==================================================
 * PAGE HOME
 * ================================================*/
.page-home #header {
  background-color: #FFFFFF;
}
.page-home #header #logo {
  padding-top: 19px;
}
.page-home #search .tx-pfimmo-header * {
  display: none !important;
}
.page-home #navi-main-trigger {
  color: #E40045;
  background-color: #f6f6f7;
  background-color: rgba(81,80,90,0.05);
}
.page-home #navi-main-trigger:after {
  background-image: url('../Images/icons/menu/16px/burger-pink.png');
  background-image:
      linear-gradient(transparent, transparent),
      url('../Images/icons/menu/16px/burger-pink.svg');
}
/* 768 px */
@media all and (min-width: 48.000em) {
  .page-home #navi-main-trigger:after {
    background-image: url('../Images/icons/menu/24px/burger-pink.png');
    background-image:
        linear-gradient(transparent, transparent),
        url('../Images/icons/menu/24px/burger-pink.svg');
  }
  .page-home #menu.open #navi-main-trigger:after {
    background-image: url('../Images/icons/close/close-pink.png');
    background-image:
        linear-gradient(transparent, transparent),
        url('../Images/icons/close/close-pink.svg');
  }
}
/* 1024px */
@media all and (min-width: 64.000em) {
  .page-home #header #logo,
  .page-home #header #search,
  .page-home #header #menu {
    padding-top: 22px;
    padding-top: 1.375rem;
    padding-bottom: 21px;
    padding-bottom: 1.313rem;
  }
  .page-home #header #logo {
    width: 274px;
    width: 17.125rem;
    padding-left: 8px;
  }
  .page-home #header #customer-portal {
    width: 70px !important;
    width: 4.375rem !important;
    right: -88px !important;
    right: -5.500rem !important;
  }
}
@media
screen and (-webkit-min-device-pixel-ratio: 2),
screen and (min-resolution: 192dpi),
screen and (min-resolution: 2dppx) {
  .page-home #navi-main-trigger:after {
    background-image: url('../Images/icons/menu/24px/burger-pink@2x.png');
    background-image:
        linear-gradient(transparent, transparent),
        url('../Images/icons/menu/24px/burger-pink.svg');
  }
}



/*==================================================
 * LAYOUT / HEADER / LINK
 * ================================================*/
#link a {
  display: inline-block;
  background-color: #FFFFFF;
  border: 1px solid #FFFFFF;
  padding: 11px 17px 10px;
  padding: 0.688rem 1.063rem 0.625rem;
  font-size: 14px;
  font-size: 0.875rem;
  font-weight: bold;
  letter-spacing: 0;
  line-height: 1.286em;
  border-radius: 20px;
  border-radius: 1.429em;
}
/* 768 px */
@media all and (min-width: 48.000em) {
  #link a {
    width: 100%;
  }
}
/* 1024px */
@media all and (min-width: 64.000em) {
  #link a {
    margin-top: 3px;
    margin-top: 0.188rem;
  }
}
/* 1440 px */
@media all and (min-width: 90.000em) {
  #link a {
    font-size: 0.972vw;
  }
}
/* 768 px */
@media all and (max-width: 47.937em) {
  #link {
    display: none !important;
  }
}



/*==================================================
 * LAYOUT / HEADER / CUSTOMER PORTAL
 * ================================================*/
#customer-portal a {
  display: block;
  width: 100%;
}
#header #customer-portal img {
  width: 100%;
}
/* 768 px */
@media all and (min-width: 48.000em) {
  #header #customer-portal img {
    margin-top: 7px;
    margin-top: 0.438rem;
  }
}
/* 768 px */
@media all and (max-width: 47.937em) {
  #customer-portal {
    display: none !important;
  }
}


/*==================================================
 * LAYOUT / HEADER /  STICKY
 * ================================================*/
#header.sticky {
  background-color: #E40045;
}
#header.sticky #navi-main-trigger {
  color: #FFFFFF !important;
}
#header.sticky #navi-main-trigger:after {
  background-image: url('../Images/icons/menu/16px/burger-white.png') !important;
  background-image:
      linear-gradient(transparent, transparent),
      url('../Images/icons/menu/16px/burger-white.svg') !important;
}
#header.sticky #menu.open #navi-main-trigger:after {
  background-image: url('../Images/icons/menu/16px/close-white.png') !important;
  background-image:
      linear-gradient(transparent, transparent),
      url('../Images/icons/menu/16px/close-white.svg') !important;
}


/*==================================================
 * LAYOUT / FOOTER
 * ================================================*/
#footer a,
#footer a:hover {
  text-decoration: none;
}
#footer > .inner {
  padding-top: 42px;
  padding-bottom: 33px;
}
#footer .footer-column {
  margin-bottom: 26px;
}
#footer .headline-small {
  margin-bottom: 9px;
}
#footer .logo img {
  width: 58%;
  max-width: 44px;
}
#navi-footer {
  margin-top: 60px;
  padding-right: 20px;
}
#navi-footer ul {
  overflow: hidden;
  margin: 0 -10px;
}
#navi-footer li {
  float: left;
  padding: 0 10px;
  position: relative;
  margin-bottom: 2px;
}
#navi-footer li:before {
  display: none;
}
#navi-footer li:after {
  content: "";
  display: block;
  width: 3px;
  height: 3px;
  background-color: #51505A;
  position: absolute;
  top: 50%;
  right: 0px;
}
#navi-footer li:last-child:after {
  display: none;
}
#navi-footer a {
  font-size: 14px;
  font-size: 0.875rem;
  font-weight: bold;
  letter-spacing: 0;
  line-height: 1.286em;
  text-decoration: none;
}
/* 768 px */
@media all and (min-width: 48.000em) {
  #footer > .inner {
    padding-top: 82px;
    padding-bottom: 33px;
  }
  #footer .logo img {
    width: 100%;
  }
  #footer .headline-small {
    margin-bottom: 11px;
  }
  #navi-footer {
    margin-top: 31px;
  }
}
/* 1440px px */
@media all and (min-width: 90.000em) {
  #navi-footer a {
    font-size: 0.972vw;
  }
}



/*==================================================
 * LAYOUT / FOOTER / OPENINGTIMES
 * ================================================*/
#openingtimes .title,
#openingtimes .timeElement {
  display: inline;
}



/*==================================================
 * LAYOUT / MAIN
 * ================================================*/
#main {
  width: 100%;
}


/*==================================================
 * GLOBAL / FACTBOX
 * ================================================*/
.factbox .title {
  color: #E40045;
  font-family: 'Frank Ruhl Libre', Georgia, serif;
  font-size: 40px;
  font-size: 2.500em;
  font-weight: 900;
  letter-spacing: 0;
  line-height: 1.028em;
}
.factbox .text {
  display: block;
}
/* 768 px */
@media all and (min-width: 48.000em) {
  .factbox .title {
    font-size: 95.37px;
    font-size: 5.961rem;
    line-height: 1.028em;
  }
}


/*==================================================
 * GLOBAL / CARD SLIDER
 * ================================================*/
.card-slider {
  position: relative;
}
.card-slider-main {
  position: relative;
  overflow: hidden;
  width: 100%;
}
.card-slider-controls {
  display: none;
}
.slick-dots li:before {
  display: none !important;
}
.card-slider .slick-list {
  margin: 0 -8px;
}
.card-slider-items {
  margin-left: 0px;
  margin-right: -15%;
}
.no-js .card-slider-items {
  margin-right: 0px;
}
.card-slider-item {
  width: 80vw;
  padding: 0px;
}
.card-slider-item:focus,
.card-slider-item:active {
  outline: none !important;
  border: 0px !important;
}
.card-slider-item .card-item {
 padding: 0px 8px;
  max-width: 100%;
}
.card-slider-item .image img {
  width: 100%;
  height: 326px;
  object-fit: cover;
}

/* 768 px */
@media all and (min-width: 48.000em) {
  .card-slider {
    padding-top: 0.903vw;
  }
  .card-slider .card-slider-controls {
    display: block;
    margin-top: -10px;
    margin-top: -0.625rem;
  }
  .headline-outside .card-slider-controls {
    margin-top: 0px;
  }
  .card-slider-item {
    width: 33.33333vw;
  }
}
/* 1024px */
@media all and (min-width: 64.000em) {
  .card-slider-item {
    width: 26.55vw;
  }
}
/* 1440px px */
@media all and (min-width: 90.000em) {
  .card-slider {
    padding-top: 0.903vw;
  }
  .card-slider-item .card-item {
    padding: 0 0.556vw;
  }
}


/*==================================================
 * GLOBAL / TEAM ITEM
 * ================================================*/
.team-item {
  margin-bottom: 65px;
  margin-bottom: 4.514vw;
}
.team-item .image {
  margin-bottom: 20px;
  margin-bottom: 1.250rem;
}
.team-item .image img {
  border-radius: 100%;
  width: 100%;
  max-width: 242px;
  max-width: 15.125rem;
  margin: 0 auto;
  filter: grayscale(100%);
  -webkit-filter: grayscale(100%);
  -moz-filter: grayscale(100%);
  -ms-filter: grayscale(100%);
  -o-filter: grayscale(100%);
  filter: url(desaturate.svg#greyscale);
  filter: gray;
  -webkit-filter: grayscale(1);
}
.team-item .data {
  text-align: center;
}
.team-item .name {
  font-family: 'Frank Ruhl Libre', Georgia, serif;
  font-size: 25px;
  font-size: 1.563rem;
  font-weight: 900;
  letter-spacing: 0;
  line-height: 1.200em;
  margin-bottom: 17px;
  margin-bottom: 1.063rem;
}
.team-item .name .title {
  display: block;
}
.team-item a {
  color: #51505A;
  text-transform: none;
  font-size: 14px;
  font-size: 0.875rem;
  font-weight: bold;
  letter-spacing: 0;
  line-height: 1.286em;
  display: inline-block;
  margin-bottom: 8px;
  margin-bottom: 0.500rem;
}
.team-item .data_wrap .data{
    display: block;
    width: 100%;
    margin-bottom: 20px;
}
/* 768 px */
@media all and (min-width: 48.000em) {
  .team-item {
    max-width: 577px;
    max-width: 36.063rem;
  }
  .team-item > .inner {
    display: table;
    width: 100%;
    table-layout: fixed;
    margin: 0 -12px;
    margin: 0 -0.750rem;
  }
  .team-item .image,
  .team-item .data {
    display: table-cell;
    vertical-align: middle;
    padding: 0px 12px;
    padding: 0px 0.750em;
  }
  .team-item .image {
    width: 42%;
  }
  .team-item .data {
    padding-bottom: 10px;
    padding-bottom: 0.750rem;
    text-align: left;
  }
}


/*==================================================
 * GLOBAL / CARD SLIDER / NAVIGATION
 * ================================================*/
.card-slider-controls {
  width: 100%;
  position: absolute;
  top: 0px;
}
.card-slider-controls-inside {
  position: absolute;
  right: 0px;
}
.card-slider-controls .slick-prev {
  left: auto;
  right: 65px;
}
.card-slider-controls .slick-next {
  right: 17px;
}
/* 1440px px */
@media all and (min-width: 90.000em) {
  .card-slider-controls .slick-prev {
    right: 4.514vw;
  }
  .card-slider-controls .slick-next {
    right: 1.181vw;
  }
}



/*==================================================
 * GLOBAL / CARD ITEM
 * ================================================*/
.card-item {
  position: relative;
  max-width: 400px;
}
.card-item a {
  display: block;
  text-decoration: none;
}
.card-item a:hover {
  text-decoration: none;
}
.card-item .image {
  position: relative;
  overflow: hidden;
}
.card-item .image > .inner {
  position: relative;
}
.card-item .image .category {
  position: absolute;
  top: 8px;
  left: 8px;
  background-color: #E40045;
  border-radius: 4px;
  color: #FFFFFF;
  text-transform: uppercase;
  font-size: 12px;
  font-size: 0.750rem;
  font-weight: bold;
  letter-spacing: 0.2px;
  line-height: 1.333em;
  padding: 2px 7px;
  display: inline-block;
  z-index: 10;
}
.card-item img {
  border-radius: 4px;
}
.card-item .content {
  padding-top: 10px;
}
.card-item .subheader {
  display: block;
  margin-bottom: 6px;
}
.card-item .headline {
  color: #51505A;
  font-size: 21px;
  font-size: 1.313rem;
  line-height: 1.048em;
  font-weight: 900;
  letter-spacing: 0;
  margin-bottom: 0.143em !important;
  padding-right: 20px;
}
.card-item:hover .headline,
.card-item:hover .headline * {
  color: #E40045;
}
.card-item .description {
  color: #51505A;
  font-size: 14px;
  font-size: 0.875rem;
  letter-spacing: 0;
  line-height: 1.571em;
}
.card-item .note {
  font-size: 14px;
  font-size: 0.875rem;
  letter-spacing: 0;
  line-height: 1.286em;
}
.card-item .location {
  font-size: 14px;
  font-size: 0.875rem;
  letter-spacing: 0;
  line-height: 1.286em;
}
.card-item .location a,
.card-item .location span {
  font-weight: normal;
}
.card-item .location a:after,
.card-item .location span:after {
  display: none;
}
.card-item .price {
  font-size: 20px;
  font-size: 1.250rem;
  letter-spacing: 0;
  line-height: 1.400em;
  text-align: right;
  white-space: nowrap;
}
.card-item .price .unit {
  font-size: 14px;
  font-size: 0.875rem;
  letter-spacing: 0;
  line-height: 1.286em;
}
/* 768 px */
@media all and (min-width: 48.000em) {
  .card-item .content {
    padding-top: 17px;
    padding-top: 1.063rem;
  }
  .card-item .subheader {
    margin-bottom: 10px;
    margin-bottom: 0.625rem;
  }
  .card-item .headline {
    font-size: 25px;
    font-size: 1.563rem;
    line-height: 1.200em;
    font-weight: 900;
    margin-bottom: 0.280em !important;
    padding-right: 1.389vw;
  }
  .card-item .description {
    font-size: 16px;
    font-size: 1rem;
    line-height: 1.625em;
  }
}



/*==================================================
 * GLOBAL / CARD ITEM / HORIZONTAL
 * ================================================*/
.card-item.horizontal {
  max-width: 800px;
  max-width: 50.000rem;
  margin-bottom: 25px;
  margin-bottom: 1.563rem;
}
.card-items .card-item.horizontal {
  padding-bottom: 25px;
  padding-bottom: 1.563rem;
  border-bottom: 1px solid #eaeaeb;
  border-bottom: 1px solid rgba(81,80,90,0.12);
}
.card-items .card-item.horizontal:last-child {
  border-bottom: 0px;
}
.card-item.horizontal .content {
  height: 100%;
}
.card-item.horizontal .content > .inner {
  clear: both;
  display: table;
  width: 100%;
  height: 100%;
  padding-top: 10px;
  padding-top: 0.625rem;
}
.card-item.horizontal .content > .inner > .top {
  display: table-header-group;
}
.card-item.horizontal .content > .inner > .bottom {
  display: table-footer-group;
}
.card-item.horizontal .bottom > .inner {
  padding-top: 10px;
  display: table-cell;
  vertical-align: bottom;
  padding-bottom: 15px;
  padding-bottom: 0.938rem;
}
.card-item.horizontal .headline {
  margin-bottom: 1px !important;
  margin-bottom: 0.050rem !important;
}
.card-item.horizontal .description {
  margin-bottom: 9px;
  margin-bottom: 0.450rem;
}
.card-item.horizontal .price {
  display: block;
  padding-top: 10px;
  text-align: left;
}
/* 480 px */
@media all and (min-width: 30.000em) {
  .card-item.horizontal > .inner {
    margin: 0 -11px;
    margin: 0 -0.688rem;
  }
  .card-item.horizontal .card-item-inside {
    display: table;
    table-layout: fixed;
    width: 100%;
  }
  .card-item.horizontal .image,
  .card-item.horizontal .content {
    display: table-cell;
    padding: 0px 11px;
    padding: 0px 0.688rem;
    vertical-align: top;
  }
  .card-item.horizontal .image {
    width: 306px;
    width: 21.250vw;
  }
  .card-item.horizontal .bottom-inside {
    display: table;
    width: 100%;
  }
  .card-item.horizontal .bottom .location,
  .card-item.horizontal .bottom .price {
    display: table-cell;
    padding: 0 5px;
    padding: 0 0.313rem;
  }
  .card-item.horizontal .price {
    padding-top: 0px;
    text-align: right;
  }
}

/* 1024px */
@media all and (min-width: 64.000em) {
  .card-item.horizontal .description {
    font-size: 20px;
    font-size: 1.250rem;
    letter-spacing: 0;
    line-height: 1.400em;
  }
}
/* 1440px px */
@media all and (min-width: 90.000em) {
  .card-item.horizontal {
    margin-bottom: 1.736vw;
    padding-bottom: 1.736vw;
  }

}




/*==================================================
 * GLOBAL / CARD ITEM / IMAGE SLIDER
 * ================================================*/
.card-item .image-items {
  position: relative;
  margin-bottom: 0px !important;
}
.card-item .image-items .slick-list {
  margin: 0px !important;
}
.card-item .image-items .slick-arrow {
  z-index: 900;
  display: none !important;
}
.card-item:hover .image-items .slick-arrow {
  display: inline-block !important;
}
.card-item .image-items .slick-arrow:hover {
  background: transparent !important;
}
.card-item .image-items .slick-prev {
  left: 10px;
}
.card-item .image-items .slick-next {
  right: 10px;
}
.card-item .image-items .slick-disabled {
  display: none !important;
  opacity: 0 !important;
}
.card-item .image-items .slick-dots {
  position: absolute;
  bottom: 10px;
}
.card-item .image-items .slick-dots li {
  width: 6px;
  height: 6px;
  margin: 3px;
}
.card-item .image-items .slick-dots li button:before {
  display: none !important;
}
.card-item .image-items .slick-dots li button {
  height: 6px;
  width: 6px;
  border-radius: 100%;
  opacity: 0.6;
  background-color: #FFFFFF;
  padding: 0px;
}
.card-item .image-items .slick-dots li button:hover,
.card-item .image-items .slick-dots li.slick-active button {
  opacity: 1;
}



/*==================================================
 * CONTENT ELEMENT / GLOBAL
 * ================================================*/
[class^='ce-'] {
  position: relative;
}



/*==================================================
 * CONTENT ELEMENT / HEADLINE
 * ================================================*/
/*.ce-headline h1,
.ce-headline h2,
.ce-headline h3,
.ce-headline h4,
.ce-headline h5,
.ce-headline h6 {
  margin-bottom: 0px;
}
*/


/*==================================================
 * CONTENT ELEMENT / HEADER
 * ================================================*/
.ce-header .headline {
  position: relative;
  z-index: 10;
  margin-bottom: 15px;
  margin-bottom: 0.938rem;
}
.page-home .ce-header .headline {
  margin-bottom: 0px;
}
.page-home .ce-header .headline h1,
.page-home .ce-header .headline h2,
.page-home .ce-header .headline h3,
.page-home .ce-header .headline h4,
.page-home .ce-header .headline h5,
.page-home .ce-header .headline h5 {
  margin-bottom: -0.4em !important;
}
.ce-header-inside {
  position: relative;
  overflow: hidden;
}
[class*='mask-'] .ce-header .headline * {
  color: #FFFFFF !important;
}
.ce-header .image ~ .window .window-inside {
  margin-top: -28px;
  margin-top: -8.750vw;
}
.ce-header .ce-header-inside .image img {
  margin-bottom: 12px;
  margin-bottom: 0.833vw;
}
.ce-header .content {
  background-color: #FFFFFF;
  padding-bottom: 38px;
}
.ce-header .window-inside {
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
  padding: 15px 16px;
  position: relative;
  z-index: 10;
  background-color: #FFFFFF;
  border-radius: 8px;
  border-radius: 0.500rem;
  -moz-box-shadow: 0 4px 16px 0 rgba(0,0,0,0.12);
  -webkit-box-shadow: 0 4px 16px 0 rgba(0,0,0,0.12);
  box-shadow: 0 4px 16px 0 rgba(0,0,0,0.12);
}
.ce-header.no-image .window-inside {
  margin: 0px !important;
  max-width: 700px;
}
.ce-header .window .headline-small {
  color: #E40045;
  margin-bottom: 8px;
  margin-bottom: 0.667em;
}
.ce-header .window .headline {
  color: #51505A;
  font-family: 'Frank Ruhl Libre', Georgia, serif;
  font-size: 21px;
  font-size: 1.313rem;
  font-weight: 900;
  letter-spacing: 0;
  line-height: 1.048em;
  max-width: 282px;
  margin-bottom: 22px;
}
.ce-header .form-group {
  margin-bottom: 11px;
  margin-bottom: 0.688rem;
}
.ce-header .selectric {
  height: 2.438rem;
}
.ce-header .selectric .label {
  padding: 12px 15px 10px 14px;
  padding: 0.750rem 0.938rem 0.625rem 0.875rem;
}
.ce-header .btn {
  width: 100%;
  white-space: nowrap;
}


/* 768 px */
@media all and (min-width: 48.000em) {
  .ce-header .headline-boxed {
    max-width: 70%;
  }
  .ce-header .content {
    display: table;
    width: 100%;
    position: relative;
    max-width : 1184px;
    max-width: 82.22vw;
    margin: 0 auto;
    margin-top: 0px !important;
    padding-bottom: 23px;
    padding-bottom: 1.438rem;
  }
  .ce-header .image {
    display: table-cell;
    width: 66.66667%;
    vertical-align: top;
    padding-right: 12px;
    padding-right: 0.833vw;
  }
  .ce-header .pull-edge-left {
    margin-left: -10px;
  }
  .ce-header .image img {
    width: 100%;
  }
  .ce-header .content {
    background-color: transparent;
  }
  .ce-header .window {
    display: table-cell;
    width: 33.33333%;
    vertical-align: bottom;
  }
  .ce-header .window-inside {
    margin-top: 0px !important;
    margin-bottom: -74px;
    margin-bottom: -4.625rem;
    margin-left: -90px;
    margin-left: -5.625rem;
    margin-right: -17px;
    margin-right: -1.063rem;
    padding: 32px 33px;
    padding: 2.000rem 2.063rem;
  }
  .ce-header .window .headline {
    max-width: 100%;
    font-size: 31.25px;
    font-size: 2.170vw;
    line-height: 1.152em;
    padding-right: 3%;
    margin-bottom: 28px;
    margin-bottom: 1.750rem;
  }
  .ce-header .form-group {
    margin-bottom: 22px;
    margin-bottom: 1.375rem;
  }
  .ce-header .form-control {
    height: 48px;
    height: 3.000rem;
    font-size: 16px;
    font-size: 1rem;
    font-weight: bold;
    letter-spacing: 0;
    line-height: 1.375em;
  }
  .ce-header .selectric {
    height: 46px;
    height: 2.875rem;
  }
}
/* 1440px px */
@media screen and (min-width: 90.000em) {
  .ce-header.no-image .window-inside {
    max-width: 48.611vw;
  }
}




/*==================================================
 * CARD SLIDER BOX LAYOUT
 * ================================================*/
.card-slider-box-layout-01 > .header {
  margin-bottom: 0px;
  position: relative;
  bottom: -0.45em;
}
.card-slider-box-layout-01 > .header * {
  margin-bottom: 0px;
}
.card-slider-box-layout-01 > .card-slider {
  padding-top: 32px;
}
.card-slider-box-layout-01 .button {
  margin-top: 27px;
}
/* 768 px */
@media all and (min-width: 48.000em) {
  .card-slider-box-layout-01 > .card-slider {
    padding-top: 47px;
    padding-top: 2.938rem;
  }
  .card-slider-box-layout-01 .button {
    margin-top: 40px;
  }
}
/* 1440px px */
@media all and (min-width: 90.000em) {
  .card-slider-box-layout-01 .button {
    margin-top: 2.778vw;
  }
}


/*==================================================
 * CONTENT ELEMENT / SIMPLE IMAGE
 * ================================================*/
.simple-image {
  width: 100%;
  display: block;
  overflow: hidden;
}


/*==================================================
 * CONTENT ELEMENT / SINGLE IMAGE
 * ================================================*/
.ce-single-image a {
  width: 100%;
}




/*==================================================
 * CONTENT ELEMENT / TEXT WITH IMAGE
 * ================================================*/
.ce-text-with-image .image {
  margin-bottom: 20px;
}
/* 768 px */
@media all and (min-width: 48.000em) {
  .ce-text-with-image.image-right .ce-text-with-image-inside {
    direction: rtl;
  }
  .ce-text-with-image-inside {
    display: table;
    width: 100%;
    margin: 0 -30px;
  }
  .ce-text-with-image-inside .image,
  .ce-text-with-image-inside .content {
    display: table-cell;
    vertical-align: top;
    padding: 0px 30px;
  }
  .ce-text-with-image-inside .content {
    padding-left: 10%;
  }
  .ce-text-with-image.image-right .content {
    direction: ltr;
  }
  .ce-text-with-image.image-right .content {
    padding-left: 30px;
    padding-right: 10%;
  }
}
/* 480 px */
@media all and (max-width: 30.000em) {
  .ce-text-with-image .image {
    width: 100% !important;
  }
}


/*==================================================
 * CONTENT ELEMENT / GALLERY
 * ================================================*/
.ce-gallery a {
  display: block;
}
.ce-gallery .splits {
  margin: 0px -8px;
  margin: 0px -0.500rem;
}
.ce-gallery .splits > .split {
  margin-bottom: 0px;
  padding: 8px;
  padding: 0.500rem;
}
.ce-gallery img {
  width: 100%;
}
/* 768 px */
@media all and (min-width: 48.000em) {
  .ce-gallery .splits {
    margin: 0 -16px;
    margin: 0 -1rem;
  }
  .ce-gallery .splits > .split {
    padding: 16px;
    padding: 1rem;
  }
}
/* 1024px */
@media all and (min-width: 64.000em) {
  .ce-gallery .splits {
    margin: 0 -22px;
    margin: 0 -1.375rem;
  }
  .ce-gallery .splits > .split {
    padding: 22px;
    padding: 1.375rem;
  }
}



/*==================================================
 * CONTENT ELEMENT / FACTLIST
 * ================================================*/
.ce-factlist li:before {
  display: none !important;
}

/*==================================================
 * CONTENT ELEMENT / RASTER
 * ================================================*/
/* 1024px */
@media all and (min-width: 64.000em) {
  .ce-raster .row {
    margin: 0px -22px;
    margin: 0px -1.375rem;
  }
  .ce-raster .row.gutter-xl {
    margin: 0px -100px;
  }

  .ce-raster .row > .column {
    padding: 0px 21px;
    padding: 0px 1.375rem;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
  }
  .ce-raster .row.gutter-xl > .column {
    padding: 0px 100px;
  }
}


/*==================================================
 * CONTENT ELEMENT / TEXT IMAGES
 * ================================================*/
.ce-text > .inner {
  position: relative;
  z-index: 5;
}
.ce-text-images img {
  width: 100%;
}
.ce-text-images .image-01,
.ce-text-images .image-02 {
  display: table-cell;
  padding: 0px 8px;
  padding: 0px 0.500rem;
  vertical-align: bottom;
  box-sizing: border-box;
}
.ce-text-images .image-01 {
  width: 32%;
}
.ce-text-images .image-02 {
  width: 30%;
  position: relative;
  z-index: 100;
}
.ce-text-images .content {
  padding: 20px 8px 60px;
  padding: 1.250rem 0.500rem 3.750rem;
  overflow: visible !important;
}
.ce-text-images header {
  max-width: 98%;
}

/* 768 px */
@media all and (min-width: 48.000em) {
  .ce-text-images .image-01,
  .ce-text-images .image-02,
  .ce-text-images .content {
    padding: 0px 16px;
    padding: 0px 1rem;
    box-sizing: border-box;
  }
  .ce-text-images .image-01-item {
    position: relative;
    z-index: 100;
  }
  .ce-text-images .image-02-item {
    margin-left: -147px;
    margin-left: -10.208vw;
    margin-bottom: -187px;
    margin-bottom: -12.986vw;
  }
  .ce-text-images .content {
    padding-top: 26px;
    padding-top: 1.625rem;
  }
}

/* 1024px */
@media all and (min-width: 64.000em) {
  .ce-text-images-inside {
    margin: 0 -32px;
    margin: 0 -2.000rem;
  }
  .ce-text-images-inside > .inner {
    display: table;
    width: 100%;
    position: relative;
    table-layout: fixed;
  }
  .ce-text-images .image-01,
  .ce-text-images .image-02,
  .ce-text-images .content {
    padding: 0px 32px;
    padding: 0px 2.000rem;
  }
  .ce-text-images .image-01 {
    display: table-cell;
    position: relative;
    width: 70%;
  }
  .ce-text-images .image-01:after {
    display: none;
  }
  .ce-text-images .image-02 {
    width: 30%;
  }
  .ce-text-images .image-02-item {
    position: relative;
  }
  .ce-text-images .content {
    width: 100%;
    float: right;
    margin: 0px;
    padding-top: 0px;
  }
  .ce-text-images .content h1,
  .ce-text-images .content h2,
  .ce-text-images .content h3,
  .ce-text-images .content h4,
  .ce-text-images .content h5,
  .ce-text-images .content h6 {
    margin-top: -0.5em !important;
    position: relative;
    z-index: 100;
  }
}



/*==================================================
 * CONTENT ELEMENT / DOWNLOADS
 * ================================================*/
.ce-downloads .headline ~ ul {
	margin-top: 49px;
	margin-top: 3.063rem;
}
.ce-downloads li {
	padding: 16px 0px;
	padding: 1rem 0px;
	margin: 0px;
	position: relative;
	border-bottom: 1px solid #51505A;
  border-bottom: 1px solid rgba(81,80,90,0.2);
}
.ce-downloads li:last-child {
	border: 0px;
}
.ce-downloads li:before {
	display: none !important;
}
.ce-downloads a:before {
	content: "";
	display: block;
	width: 16px; 
	width: 1rem;
	height: 16px;
	height: 1rem;
	position: absolute;
	left: 0px;
	top: 2px;
	top: 0.125rem;
	background-repeat: no-repeat;
	background-size: contain;
	background-position: center;
	background-image: url('../Images/icons/download/download.png');
	background-image:
		linear-gradient(transparent, transparent),
		url('../Images/icons/download/download.svg');
}
.ce-downloads a {
	position: relative;
	padding-left: 31px;
	padding-left: 1.938rem;
  color: #51505A;
  font-family: 'Nunito', Arial, sans-serif;
  font-size: 16px;
	font-size: 1rem;
  letter-spacing: 0;
  line-height: 1.375em;
	text-decoration: none;
	display: block;
}
.ce-downloads a:hover {
	color: #E40045;
}
.ce-downloads a:hover:before {
	background-image: url('../Images/icons/download/download-pink.png');
	background-image:
		linear-gradient(transparent, transparent),
		url('../Images/icons/download/download-pink.svg');
}
@media
screen and (-webkit-min-device-pixel-ratio: 2),
screen and (min-resolution: 192dpi),
screen and (min-resolution: 2dppx) {
	.ce-downloads a:before {
		background-image: url('../Images/icons/download/download@2x.png');
		background-image:
			linear-gradient(transparent, transparent),
			url('../Images/icons/download/download.svg');
	}
	.ce-downloads a:hover:before {
		background-image: url('../Images/icons/download/download-pink@2x.png');
		background-image:
			linear-gradient(transparent, transparent),
			url('../Images/icons/download/download-pink.svg');
	}
}



/*==================================================
 * CONTENT ELEMENT / ACCORDION
 * ================================================*/
.accordion-item {
  position: relative;
  border-bottom: 1px solid #51505A;
}
.accordion-header {
  padding: 12px 30px 12px 0px;
  padding: 0.750rem 1.875rem 0.750rem 0px;
  position: relative;
  cursor: pointer;
}
.accordion-header * {
  cursor: pointer;
  color: #51505A;
  font-family: 'Frank Ruhl Libre', Georgia, serif;
  font-weight: bold;
  font-size: 18px;
  font-size: 1.125rem;
  line-height: 1.360em;
  margin-bottom: 0px;
}
.accordion-item:hover .accordion-header *,
.accordion-item.open .accordion-header * {
  color: #E40045;
}
.accordion-header:before {
  position: absolute;
  z-index: 0;
  content: "";
  display: block;
  width: 16px;
  width: 1rem;
  height: 16px;
  height: 1rem;
  top: 50%;
  margin-top: -0.5rem;
  right: 9px;
  right: 0.563rem;
  background-repeat: no-repeat;
  background-size: cover;
  background-position: right top;
  background-image: url('../Images/icons/plus/plus.png');
  background-image:
      linear-gradient(transparent, transparent),
      url('../Images/icons/plus/plus.svg');
}
.accordion-item.open .accordion-header:before {
  background-image: url('../Images/icons/minus/minus.png');
  background-image:
      linear-gradient(transparent, transparent),
      url('../Images/icons/minus/minus.svg');
}
.accordion-body {
  font-size: 16px;
  font-size: 1rem;
  line-height: 1.500em;
  height: 0px;
  overflow: hidden;
  position: relative;
}
.accordion-body > .inner {
  padding-top: 3px;
  padding-top: 0.188rem;
  padding-bottom: 20px;
  padding-bottom: 1.250rem;
  position: relative;
}
.accordion-body-inside {
  position: relative;
}
.accordion-body h1, .accordion-body .h1-style,
.accordion-body h2, .accordion-body .h2-style,
.accordion-body h3, .accordion-body .h3-style,
.accordion-body h4, .accordion-body .h4-style,
.accordion-body h5, .accordion-body .h5-style,
.accordion-body h6, .accordion-body .h6-style {
  font-family: 'Nunito', Arial, sans-serif;
  font-size: 20px;
  font-size: 1.250rem;
  font-weight: bold;
  letter-spacing: 0;
  line-height: 1.400em;
}
/* 768 px */
@media all and (min-width: 48.000em) {
  .accordion-header * {
    font-size: 31.25px;
    font-size: 1.953rem;
    line-height: 1.152em;
    padding: 18px 0px 16px;
    padding: 1.125rem 0px 1rem;
  }
  .accordion-body {
    font-size: 18px;
    font-size: 1.125rem;
  }
  .accordion-body > .inner {
    padding-top: 8px;
    padding-top: 0.5rem;
    padding-bottom: 40px;
    padding-bottom: 2.500rem;
  }
}
/* 1024px */
@media all and (min-width: 64.000em) {
  .accordion-header {
    padding: 18px 30px 18px 0px;
    padding: 1.125rem 1.875rem 1.125rem 0px;
  }
  .accordion-header * {
    font-size: 31.25px;
    font-size: 1.953rem;
  }
  .accordion-body {
    font-size: 20px;
    font-size: 1.250rem;
  }
  .accordion-body-inside:before {
    left: -36px;
  }
}

@media
screen and (-webkit-min-device-pixel-ratio: 2),
screen and (min-resolution: 192dpi),
screen and (min-resolution: 2dppx) {
  .accordion-item:before {
    background-image: url('../Images/icons/plus/plus@2x.png');
    background-image:
        linear-gradient(transparent, transparent),
        url('../Images/icons/plus/plus.svg');
  }
  .accordion-item.open:before {
    background-image: url('../Images/icons/minus/minus@2x.png');
    background-image:
        linear-gradient(transparent, transparent),
        url('../Images/icons/minus/minus.svg');
  }
}




/*==================================================
 * PFIMMO / PROJECTS / HEADER SEARCH
 * ================================================*/
.tx-pfimmo-header {
  margin: 0 auto;
  display: inline-block;
}
.tx-pfimmo-header:after {
  content: "";
  display: block;
  width: 1px;
  height: 100%;
  clear: both;
}

/* TRIGGER OPEN SEARCH OPTIONS
 * ================================================*/
.trigger-open-search-options {
  color: #51505A;
  font-size: 14px;
  font-size: 0.875rem;
  letter-spacing: 0;
  line-height: 1.286em;
}


/* FULLTEXT
 * ================================================*/
.form-group-fulltext:before {
  content: "";
  position: absolute;
  top: 0px;
  left: 0px;
  width: 40px;
  height: 100%;
  background-repeat: no-repeat;
  background-position: center;
  background-image: url('../Images/icons/functions/search-bar.png');
  background-image:
      linear-gradient(transparent, transparent),
      url('../Images/icons/functions/search-bar.svg');
}
.form-group-fulltext input {
  background-color: #FFFFFF;
  padding-left: 40px;
}

/* OPTIONS / CLOSE BUTTON
 * ================================================*/
.trigger-close-search-options {
  cursor: pointer;
  font-size: 0px;
  color: transparent;
  position: absolute;
  right: 16px;
  right: 1rem;
  width: 30px;
  width: 3.750vw;
  height: 30px;
  height: 3.750vw;
  border: 0px;
  outline: none;
  background-color: transparent;
  background-repeat: no-repeat;
  background-position: center;
  background-image: url('../Images/icons/close/close-white.png');
  background-image:
      linear-gradient(transparent, transparent),
      url('../Images/icons/close/close-white.svg');
}

/* OPTIONS
 * ================================================*/
.tx-pfimmo-header .options {
  display: none;
  position: fixed;
  z-index: 99999;
  top: 0px;
  left: 0px;
  background-color: #E40045;
  width: 100%;
}
.tx-pfimmo-header.open .options {
  overflow: visible;
  display: block;
}
.tx-pfimmo-header .options > .inner {
  padding: 18px 14px;
  padding: 5.625vw 4.375vw;
}
.tx-pfimmo-header .options > .inner:after {
  content: "";
  clear: both;
  display: block;
  visibility: hidden;
  height: 0px;
}
.tx-pfimmo-header .form-group-container {
  width: 100%;
  float: left;
  position: relative;
  padding: 0px;
  -webkit-border-radius: 8px;
  -moz-border-radius: 8px;
  border-radius: 8px;
  -webkit-border-radius: 0.500rem;
  -moz-border-radius: 0.500rem;
  border-radius: 0.500rem;
  background-color: #FFFFFF;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
  margin-top: 17px;
  padding-right: 50px;
  -moz-box-shadow:    0 1px 4px 0 rgba(0,0,0,0.2);
  -webkit-box-shadow: 0 1px 4px 0 rgba(0,0,0,0.2);
  box-shadow:         0 1px 4px 0 rgba(0,0,0,0.2);
}
.tx-pfimmo-header .options legend {
  font-size: 14px;
  font-size: 0.875rem;
  font-weight: bold;
  letter-spacing: 0;
  line-height: 1.286em;
  color: #FFFFFF;
  text-align: left;
}
.tx-pfimmo-header .form-group {
  width: 100%;
  margin: 0px;
  padding: 0px;
  border-right: 1px solid #eaeaeb;
  border-right: 1px solid rgba(81,80,90,0.12);
}
.tx-pfimmo-header .form-group:last-child {
  border-right: 0px;
}
.tx-pfimmo-header .selectric {
  height: 41px;
  border: 0px;
  background-color: transparent !important;
}
.tx-pfimmo-header .selectric .label {
  font-size: 14px;
  font-size: 0.875rem;
  text-align: left;
  letter-spacing: 0;
  line-height: 100%;
  padding: 14px 26px 12px 16px;
}
.tx-pfimmo-header .selectric .button {
  height: 100%;
  width: 25px;
  width: 1.563rem;
  background-position: left center;
}
.tx-pfimmo-header .selectric-items {
  background-color: #FFFFFF;
  margin-top: -8px;
  margin-top: -0.500rem;
  padding-top: 8px;
  padding-top: 0.500rem;
  -webkit-box-shadow: 0 23px  16px 0 rgba(0,0,0,0.12);
  -moz-box-shadow: 0 23px  16px 0 rgba(0,0,0,0.12);
  box-shadow: 0 23px  16px 0 rgba(0,0,0,0.12);
}
.tx-pfimmo-header .form-group-submit {
  position: absolute;
  right: 0px;
  height: 100%;
  width: 50px;
  top: 0px;
}
.tx-pfimmo-header .submit {
  cursor: pointer;
  font-size: 0px;
  color: transparent;
  background-color: transparent;
  border: 0px;
}
.tx-pfimmo-header .submit:before {
  content: "";
  position: absolute;
  top: 0px;
  left: 0px;
  width: 100%;
  height: 100%;
  margin: 0px;
  background-repeat: no-repeat;
  background-position: center;
  background-image: url('../Images/icons/functions/search-bar.png');
  background-image:
      linear-gradient(transparent, transparent),
      url('../Images/icons/functions/search-bar.svg');
}
@media
screen and (-webkit-min-device-pixel-ratio: 2),
screen and (min-resolution: 192dpi),
screen and (min-resolution: 2dppx) {
  .tx-pfimmo-header .submit:before {
    background-image: url('../Images/icons/functions/search-bar@2x.png');
    background-image:
        linear-gradient(transparent, transparent),
        url('../Images/icons/functions/search-bar.svg');
  }
}
/* 768 px */
@media all and (min-width: 48.000em) {
  .tx-pfimmo-header .selectric {
    height: 49px;
    height: 3.063rem;
  }
  .tx-pfimmo-header .selectric .label {
    padding: 18px 26px 15px 16px;
    padding: 1.125rem 1.625rem 0.938rem 1rem;
  }
}
/* 1024px */
@media all and (min-width: 64.000em) {
  .tx-pfimmo-header,
  .tx-pfimmo-header .options,
  .tx-pfimmo-header .options > .inner {
    display: block;
    width: 100%;
  }
  .tx-pfimmo-header .form-group-container {
    width: auto;
    display: table;
    float: right;
    margin: 0px;
    padding: 0px;
  }
  .tx-pfimmo-header .form-group {
    display: table-cell;
    line-height: 0px;
  }
  .tx-pfimmo-header .form-group-fulltext {
    display: none;
  }
  .tx-pfimmo-header .options {
    height: auto !important;
    display: block;
    position: relative;
    top: auto !important;
    left: auto !important;
  }
  .tx-pfimmo-header .options {
    background-color: transparent;
  }
  .tx-pfimmo-header .options > .inner {
    padding: 0px;
  }
  .tx-pfimmo-header .options legend {
    display: none;
  }
  .tx-pfimmo-header .form-group-district {
    width: 155px;
    width: 9.688rem;
  }
  .tx-pfimmo-header .form-group-type {
    width: 173px;
    width: 10.813rem;
  }
  .tx-pfimmo-header .form-group-submit {
    position: relative;
    width: 48px;
    width: 3.000rem;
  }
  .trigger-close-search-options {
    display: none !important;
  }
}
/* 1280px */
@media all and (min-width: 80.000em) {
  .tx-pfimmo-header .form-group-container {
    margin-right: 13%;
  }
}



/*==================================================
 * PULL EDGE
 * ================================================*/
.no-js .pull-edge,
.no-js .pull-edge-left {
  visibility: visible;
}


/*==================================================
 * PAGE STYLE 2
 * ================================================*/
.page-style-2 #header {
  background-color: #007D84;
}
.page-style-2 #header #search {
  visibility: hidden !important;
}
/* 768 px */
@media all and (min-width: 48.000em) {
  .page-style-2 #navi-main-item li.active a,
  .page-style-2 #navi-main-item a:hover,
  .page-style-2 #navi-main-item a:focus,
  .page-style-2 #navi-main-item a:active {
    color: #007d84;
  }
}