/* ---- EDITOR ---- */
.editor-styles-wrapper {
  background-color: #f3f3f3;
}
@font-face {
  font-family: 'DIN Next W02';
  font-style: normal;
  font-weight: 700;
  src:
    url('/wp-content/themes/engel/assets/font/DIN/694427/ae90c0fa-96b1-476c-83a6-34af1e0790fc.woff2')
      format('woff2'),
    url('/wp-content/themes/engel/assets/font/DIN/694427/109143ca-57fb-459c-9814-3a68f0245ac3.woff')
      format('woff');
}
@font-face {
  font-family: 'DIN Next W02';
  font-style: normal;
  font-weight: 900;
  src:
    url('/wp-content/themes/engel/assets/font/DIN/694433/2c43d510-2603-4a7a-a16d-1442902cbab7.woff2')
      format('woff2'),
    url('/wp-content/themes/engel/assets/font/DIN/694433/e8e32219-8ee9-4d4b-ad86-de14076364f2.woff')
      format('woff');
}
@font-face {
  font-family: 'DIN Next W02';
  font-style: normal;
  font-weight: 400;
  src:
    url('/wp-content/themes/engel/assets/font/DIN/5466886/a4fba8d2-4efb-447c-97c5-e171dc0382f4.woff2')
      format('woff2'),
    url('/wp-content/themes/engel/assets/font/DIN/5466886/ccd55f6f-bb2c-4753-a1da-5bc5bc828372.woff')
      format('woff');
}
@font-face {
  font-family: 'DIN Next W02';
  font-style: normal;
  font-weight: 500;
  src:
    url('/wp-content/themes/engel/assets/font/DIN/5466896/0e6f60c4-11d6-40d9-adf5-edd5ded04f38.woff2')
      format('woff2'),
    url('/wp-content/themes/engel/assets/font/DIN/5466896/266bc771-36c2-49bc-a8e2-7e1996b24bc0.woff')
      format('woff');
}
.edit-post-visual-editor__content-area div,
.edit-post-visual-editor__content-area span,
.edit-post-visual-editor__content-area applet,
.edit-post-visual-editor__content-area object,
.edit-post-visual-editor__content-area iframe,
.edit-post-visual-editor__content-area h1,
.edit-post-visual-editor__content-area h2,
.edit-post-visual-editor__content-area h3,
.edit-post-visual-editor__content-area h4,
.edit-post-visual-editor__content-area h5,
.edit-post-visual-editor__content-area h6,
.edit-post-visual-editor__content-area p,
.edit-post-visual-editor__content-area blockquote,
.edit-post-visual-editor__content-area pre,
.edit-post-visual-editor__content-area a,
.edit-post-visual-editor__content-area abbr,
.edit-post-visual-editor__content-area acronym,
.edit-post-visual-editor__content-area address,
.edit-post-visual-editor__content-area big,
.edit-post-visual-editor__content-area cite,
.edit-post-visual-editor__content-area code,
.edit-post-visual-editor__content-area del,
.edit-post-visual-editor__content-area dfn,
.edit-post-visual-editor__content-area em,
.edit-post-visual-editor__content-area img,
.edit-post-visual-editor__content-area ins,
.edit-post-visual-editor__content-area kbd,
.edit-post-visual-editor__content-area q,
.edit-post-visual-editor__content-area s,
.edit-post-visual-editor__content-area samp,
.edit-post-visual-editor__content-area small,
.edit-post-visual-editor__content-area strike,
.edit-post-visual-editor__content-area strong,
.edit-post-visual-editor__content-area sub,
.edit-post-visual-editor__content-area sup,
.edit-post-visual-editor__content-area tt,
.edit-post-visual-editor__content-area var,
.edit-post-visual-editor__content-area b,
.edit-post-visual-editor__content-area u,
.edit-post-visual-editor__content-area i,
.edit-post-visual-editor__content-area center,
.edit-post-visual-editor__content-area dl,
.edit-post-visual-editor__content-area dt,
.edit-post-visual-editor__content-area dd,
.edit-post-visual-editor__content-area ol,
.edit-post-visual-editor__content-area ul,
.edit-post-visual-editor__content-area li,
.edit-post-visual-editor__content-area fieldset,
.edit-post-visual-editor__content-area form,
.edit-post-visual-editor__content-area label,
.edit-post-visual-editor__content-area legend,
.edit-post-visual-editor__content-area table,
.edit-post-visual-editor__content-area caption,
.edit-post-visual-editor__content-area tbody,
.edit-post-visual-editor__content-area tfoot,
.edit-post-visual-editor__content-area thead,
.edit-post-visual-editor__content-area tr,
.edit-post-visual-editor__content-area th,
.edit-post-visual-editor__content-area td,
.edit-post-visual-editor__content-area article,
.edit-post-visual-editor__content-area aside,
.edit-post-visual-editor__content-area canvas,
.edit-post-visual-editor__content-area details,
.edit-post-visual-editor__content-area embed,
.edit-post-visual-editor__content-area figure,
.edit-post-visual-editor__content-area figcaption,
.edit-post-visual-editor__content-area footer,
.edit-post-visual-editor__content-area header,
.edit-post-visual-editor__content-area hgroup,
.edit-post-visual-editor__content-area menu,
.edit-post-visual-editor__content-area nav,
.edit-post-visual-editor__content-area output,
.edit-post-visual-editor__content-area ruby,
.edit-post-visual-editor__content-area section,
.edit-post-visual-editor__content-area summary,
.edit-post-visual-editor__content-area time,
.edit-post-visual-editor__content-area mark,
.edit-post-visual-editor__content-area audio,
.edit-post-visual-editor__content-area video {
  font-family: 'DIN Next W02';
}
.edit-post-visual-editor__content-area h1,
.edit-post-visual-editor__content-area h2,
.edit-post-visual-editor__content-area h3,
.edit-post-visual-editor__content-area h4,
.edit-post-visual-editor__content-area h5 {
  font-weight: 400;
}
.edit-post-visual-editor__content-area a {
  text-decoration: none !important;
  color: inherit;
}
.block-editor-block-list__layout :where(body .is-layout-flow) > *,
.block-editor-block-list__layout :where(body .is-layout-constrained) > * {
  margin-block-start: 0px !important;
}
.edit-post-visual-editor__content-area li {
  margin-bottom: 0.5em;
}
.is-root-container.block-editor-block-list__layout > * {
  margin-bottom: 2em;
}

:where(.wp-block-cover-image.is-light:not(.has-text-color)),
:where(.wp-block-cover.is-light:not(.has-text-color)) {
  color: #00536b;
}

.edit-post-visual-editor__content-area h1 {
  font-size: 2.4em;
  line-height: 1;
  margin-bottom: 0.3em;
  color: #00536b;
}

.edit-post-visual-editor__content-area h2 {
  font-size: 1.5em;
  line-height: 1.2;
  margin-bottom: 0.2em;
  color: #00536b;
}

.edit-post-visual-editor__content-area h3 {
  font-size: 1.2em;
  line-height: 1.4;
  margin-bottom: 0.1em;
  color: #00536b;
}

.edit-post-visual-editor__content-area h4,
.edit-post-visual-editor__content-area h5 {
  font-size: 1em;
  margin-bottom: 0.3em;
  color: #00536b;
}

.edit-post-visual-editor__content-area p {
  font-size: 1em;
  line-height: 1.3;
  margin-bottom: 1em;
  color: #00536b;
}

.wp-block-columns .wp-block-group {
  height: 100%;
  overflow: hidden;
}

.wp-block-columns .wp-block-group.eng-group-accordion-block-container {
  height: auto;
}

.wp-block-columns .wp-block-group .wp-block-group {
  height: auto;
}

/* ---- EMBED YOUTUBE ---- */
.wp-block-embed.is-provider-youtube .wp-block-embed__wrapper {
  display: flex;
  justify-content: center;
}
.wp-block-embed.is-provider-youtube .wp-block-embed__wrapper iframe {
  width: 100%;
  height: 400px;
  max-width: 800px;
  margin: 0 auto;
  border-radius: 2em 0em;
}

/* ---- VIDEO BUTTON OVERLAY ---- */
.eng-video-overlay {
  position: relative;
  background-image: url('/wp-content/themes/engel/assets/icon/play.svg');
  background-size: 80px;
  background-repeat: no-repeat;
  background-position: center;
  background-position-y: calc(50%);
  cursor: pointer;
}
@media screen and (max-width: 780px) {
  .eng-video-overlay {
    background-size: 60px;
  }
}

/* ---- LIST ITEMS ---- */
.eng-main-content ul li ul {
  list-style-type: '-';
  margin-top: 0.5em;
}
.eng-main-content ul li ul li {
  padding-left: 0.2em;
}

/* ---- CAROUSEL ---- */
.edit-post-visual-editor__content-area .eng-group-slider-block-container > div {
  min-width: calc(33.33% - 20px) !important;
  max-width: unset !important;
}
.edit-post-visual-editor__content-area
  .eng-group-slider-block-container:not(.is-selected):not(.has-child-selected) {
  display: flex !important;
  flex-wrap: nowrap !important;
  overflow: scroll !important;
}
.edit-post-visual-editor__content-area
  .eng-group-slider-block-container:not(.is-selected):not(.has-child-selected)
  > div {
  flex-grow: unset !important;
}
@media screen and (max-width: 780px) {
  .eng-group-slider-block-container > * {
    width: 100%;
  }
}
.eng-group-gallery-container .wp-block-group.eng-group-slider-block-container {
  margin-left: 40px;
  margin-right: 40px;
}
.eng-group-gallery-container .eng-gallery-controls {
  display: flex;
  justify-content: space-between;
  position: relative;
  top: 105px;
  margin-top: -30px;
}
.eng-group-gallery-container .eng-gallery-controls .eng-gallery-control-prev,
.eng-group-gallery-container .eng-gallery-controls .eng-gallery-control-next {
  height: 30px;
  width: 30px;
  background-size: contain;
  background-repeat: no-repeat;
  background-position: center;
  cursor: pointer;
}
.eng-group-gallery-container .eng-gallery-controls .disabled {
  opacity: 0;
}
.eng-group-gallery-container .eng-gallery-controls .eng-gallery-control-prev {
  background-image: url('/wp-content/themes/engel/assets/icon/arrow-left.svg');
}
.eng-group-gallery-container .eng-gallery-controls .eng-gallery-control-next {
  background-image: url('/wp-content/themes/engel/assets/icon/arrow-right.svg');
}

/* ---- HIDE ON MOBILE ---- */
@media screen and (max-width: 780px) {
  #hideOnMobile {
    display: none !important;
  }
}

/* ---- COVER ---- */
.wp-block-cover * {
  text-shadow: 4px 3px 14px #000;
}
.wp-block-cover .wp-block-group * {
  text-shadow: none;
}

/* ---- STYLE | COVER | HEIGHT AUTO ALIGN ---- */
.is-style-eng-cover-auto-height {
  min-height: auto;
  height: 100%;
}
@media screen and (max-width: 900px) {
  .is-style-eng-cover-auto-height {
    min-height: 250px;
  }
}

/* ---- STYLE | HEADING | WITH ARROW ---- */
.is-style-eng-heading-arrow:after {
  content: '';
  height: 1em;
  width: 1em;
  background-image: url(/wp-content/themes/engel/assets/icon/arrow-right.svg);
  display: inline-block;
  background-size: 0.45em;
  background-position: center;
  background-repeat: no-repeat;
  position: relative;
  top: 0.15em;
}
.is-style-eng-heading-arrow.has-white-color:after {
  background-image: url(/wp-content/themes/engel/assets/icon/arrow-right-white.svg);
}

/* ---- STYLE | COVER | SIMPLE TEASER ---- */
.is-style-eng-cover-simple-teaser {
  min-height: auto;
  height: 100%;
}
.is-style-eng-cover-simple-teaser .is-style-eng-heading-arrow:after,
.is-style-eng-cover-simple-teaser
  .is-style-eng-heading-arrow.has-white-color:after {
  display: none;
}
.is-style-eng-cover-simple-teaser a {
  display: block;
  padding-top: 1em;
  padding-bottom: 1em;
  line-height: 0.9;
}
.is-style-eng-cover-simple-teaser .is-style-eng-heading-arrow a:after {
  content: '';
  height: 1em;
  width: 1em;
  background-image: url(/wp-content/themes/engel/assets/icon/arrow-right.svg);
  display: inline-block;
  background-size: 0.45em;
  background-position: center;
  background-repeat: no-repeat;
  position: relative;
  top: 0.15em;
}
.is-style-eng-cover-simple-teaser
  .is-style-eng-heading-arrow.has-white-color
  a:after {
  background-image: url(/wp-content/themes/engel/assets/icon/arrow-right-white.svg);
}

/* ---- STYLE | GALLERY | SLIDER ---- */
.eng-gallery-container {
  width: 100%;
}
.is-style-eng-gallery-slider {
  border-radius: 0em 2em 0em 2em;
}
.eng-group-with-gallery-inner-block-container .is-style-eng-gallery-slider {
  border-radius: 0em;
}
.eng-gallery-container .eng-gallery-control-prev,
.eng-gallery-container .eng-gallery-control-next {
  height: 30px;
  width: 30px;
  background-size: contain;
  background-repeat: no-repeat;
  background-position: center;
  cursor: pointer;
}
.eng-gallery-container .disabled {
  opacity: 0;
}
.eng-gallery-container .eng-gallery-control-prev {
  background-image: url('/wp-content/themes/engel/assets/icon/arrow-left-white.svg');
}
.eng-gallery-container .eng-gallery-control-next {
  background-image: url('/wp-content/themes/engel/assets/icon/arrow-right-white.svg');
}
.eng-gallery-container .eng-gallery-controls {
  position: relative;
  z-index: 1;
  top: 180px;
  display: flex;
  justify-content: space-between;
  margin-top: -30px;
}
.eng-group-with-gallery-inner-block-container
  .eng-gallery-container
  .eng-gallery-controls {
  top: calc(180px + 3em);
}
.eng-gallery-container .eng-gallery-container .eng-gallery-controls {
  top: 13.5em;
}
.eng-group-with-gallery-inner-block-container
  .wp-block-gallery.is-style-eng-gallery-slider {
  align-items: normal;
  margin-left: -3em !important;
  margin-right: -3em !important;
  margin-bottom: -3em !important;
  margin-top: 3em !important;
}
.wp-block-gallery.is-style-eng-gallery-slider img {
  height: 320px !important;
  min-height: 320px;
  max-height: 320px;
  object-position: center;
}
@media screen and (max-width: 1300px) {
  .eng-gallery-container .eng-gallery-controls {
    top: 155px;
  }
  .eng-group-with-gallery-inner-block-container
    .eng-gallery-container
    .eng-gallery-controls {
    top: calc(155px + 3em);
  }
  .wp-block-gallery.is-style-eng-gallery-slider img {
    height: 260px !important;
    min-height: 260px;
    max-height: 260px;
  }
}
@media screen and (max-width: 900px) {
  .eng-gallery-container .eng-gallery-controls {
    top: 120px;
  }
  .eng-group-with-gallery-inner-block-container
    .eng-gallery-container
    .eng-gallery-controls {
    top: calc(120px + 3em);
  }
  .wp-block-gallery.is-style-eng-gallery-slider img {
    height: 200px !important;
    min-height: 200px;
    max-height: 200px;
  }
}

/* ---- STYLE | BUTTON | WITH ARROW ---- */
.is-style-eng-button-with-arrow .wp-element-button {
  border-radius: 0px;
  padding: 0.9em 1.4em;
  border-radius: 1000px;
}
.is-style-eng-button-with-arrow .wp-element-button:after {
  height: 0.8em;
  width: 0.5em;
  display: inline-block;
  background-size: 0.45em;
  background-position: center;
  background-repeat: no-repeat;
  position: relative;
  top: 0.08em;
  left: 0.3em;
}

/* ---- STYLE | BUTTON | TRANSPARENT ---- */
.is-style-eng-button-transparent div.wp-element-button,
.is-style-eng-button-transparent a.wp-element-button {
  background-color: transparent !important;
  padding: 0 !important;
}

/* ---- STYLE | VIDEO | ROUNDED ---- */
.wp-block-video.is-style-eng-rounded-video {
  border-radius: 2em 0em;
  overflow: hidden;
}

.wp-block-video video {
  object-fit: cover;
  aspect-ratio: 882/679 !important;
}

/* ---- COLUMN | INNER WITH GALLERY ---- */
.eng-group-with-gallery-inner-block-container {
  display: flex;
  flex-direction: column;
  justify-content: space-between;
}

/* ---- COLUMN | WITH COVER AND CONTENT ---- */
@media (hover: hover) {
  .eng-p-type-page
    .eng-column-with-cover-content-block-container
    .wp-block-cover__background {
    opacity: 0 !important;
    transition: 0.5s;
  }
  .eng-p-type-page
    .eng-column-with-cover-content-block-container
    .wp-block-cover:hover
    .wp-block-cover__background {
    opacity: 0.8 !important;
  }
  .eng-p-type-page
    .eng-column-with-cover-content-block-container
    .wp-block-cover
    .wp-block-cover__inner-container
    * {
    opacity: 0;
    transition: 0.5s;
  }
  .eng-p-type-page
    .eng-column-with-cover-content-block-container
    .wp-block-cover:hover
    .wp-block-cover__inner-container
    * {
    opacity: 1;
  }
  .eng-p-type-page
    .eng-column-with-cover-content-block-container
    .wp-block-cover
    .wp-block-cover__inner-container
    h2,
  .eng-p-type-page
    .eng-column-with-cover-content-block-container
    .wp-block-cover
    .wp-block-cover__inner-container
    h2
    * {
    opacity: 1 !important;
  }
}

/* ---- GROUP | ACCORDION ---- */
.eng-group-accordion-header-block-container {
  margin-bottom: 0.5em;
}
.eng-group-accordion-header-block-container {
  display: flex;
  justify-content: space-between !important;
}
.eng-group-accordion-header-block-container .wp-block-heading,
.eng-group-accordion-header-block-container h2.wp-block-heading,
.eng-group-accordion-header-block-container h3.wp-block-heading,
.eng-group-accordion-header-block-container h4.wp-block-heading {
  margin-left: 0px !important;
}
.eng-group-accordion-header-block-container:after {
  content: '';
  height: 2em;
  width: 2em;
  background-image: url(/wp-content/themes/engel/assets/icon/arrow-down-white.svg);
  background-repeat: no-repeat;
  background-size: 1.5em;
  background-position: center;
  display: inline-block;
  transform: rotate(0deg);
  transition: 1s;
}
.eng-accordion-open .eng-group-accordion-header-block-container:after {
  transform: rotate(180deg) !important;
}
.eng-p-type-page .eng-group-accordion-header-block-container {
  cursor: pointer;
}
.eng-p-type-page .wp-block-group.eng-group-accordion-body-block-container {
  transition: 1s;
  height: 0px;
  overflow: hidden;
}

/* ---- GROUP | ADJUST CONTENT PADDING ---- */
@media screen and (max-width: 900px) {
  .eng-group-content-block-container,
  .eng-cover-content-block-container {
    /* padding: 2em 1.5em !important; */
  }
}

/* ---- COVER | HERO INTRO ---- */
.eng-cover-hero-block-container .eng-group-hero-content-block-container {
  max-width: 620px;
}
.eng-cover-hero-block-container
  .eng-group-hero-content-block-container
  .wp-block-heading {
  max-width: none;
  display: inline-block;
}
@media screen and (max-width: 900px) {
  .eng-cover-hero-block-container {
    margin-left: -20px;
    margin-right: -20px;
    padding: 2em 1.5em !important;
  }
  .eng-cover-hero-block-container .eng-group-hero-content-block-container {
    padding: 2em 1.5em !important;
  }
}

/* ---- GROUP | INCREASED FONT SIZE CONTENT ---- */
.eng-group-increased-font-size-content-block-container p {
  font-size: 1.4em;
}

/* ---- GROUP | FOOTER GALLERY ---- */
.eng-group-slider-block-container .glider-track {
  max-width: none;
}
.eng-group-slider-block-container .glider-track .glider-slide {
  margin: 10px;
}
@media screen and (max-width: 500px) {
  .eng-group-slider-block-container .glider-track .glider-slide {
    margin: 10px 0px;
  }
}

/* ---- GROUP | DISCOVER MORE ---- */
.eng-group-discover-more-block-container .wp-block-heading {
  margin-bottom: 0.5em;
}

/* ---- COLUMNS | CONTACT FORM ---- */
.eng-buttons-contact-form-switcher-block-container .wp-block-button {
  flex: 1;
}
.eng-buttons-contact-form-switcher-block-container
  .wp-block-button
  .wp-block-button__link {
  width: 100%;
  background: #f3f3f3;
  color: #222;
  font-weight: 700;
  border-radius: 0em 1em;
  padding: 1em;
  padding-top: 1.1em;
}
.eng-buttons-contact-form-switcher-block-container
  .wp-block-button.eng-is-active
  .wp-block-button__link {
  background: #e2030e !important;
  color: white !important;
}
.eng-columns-contact-block-container.is-layout-flex {
  display: none;
}
.edit-post-visual-editor__content-area
  .eng-columns-contact-block-container.is-layout-flex {
  display: flex !important;
}
@media screen and (max-width: 780px) {
  .eng-buttons-contact-form-switcher-block-container .wp-block-button {
    width: 100%;
    flex: none;
  }
}

/* ---- GROUP | GOOGLE MAPS CONTAINER ---- */
.eng-group-google-maps-block-container iframe {
  width: 100%;
}

/* ---- JOB APPLICATION ---- */
label.eng-cf7-area-of-activity-logistik,
label.eng-cf7-area-of-activity-business {
  display: none;
}
label.eng-cf7-area-of-activity-logistik.eng-visible,
label.eng-cf7-area-of-activity-business.eng-visible {
  display: block !important;
}

/**

 GUTENBERG SUPPORT CLASSES
 - .eng-column-with-gallery-inner-block-container
 - .eng-column-with-content-block-container
 - .eng-group-content-block-container
 - .eng-column-with-cover-content-block-container
 - .eng-cover-content-block-container
 - .eng-column-with-empty-cover-content-block-container
 - .eng-empty-cover-content-block-container
 - .eng-group-notification-block-container
 - .eng-cover-hero-block-container
 - .eng-group-hero-content-block-container
 - .eng-group-increased-font-size-content-block-container
 - .eng-group-accordion-block-container
 - .eng-group-accordion-header-block-container
 - .eng-group-accordion-body-block-container
 - .eng-group-accordion-body-inner-block-container
 - .eng-group-slider-block-container
 - .eng-columns-contact-block-container
 - .eng-group-discover-more-block-container
 - .eng-columns-discover-more-block-container
 - .eng-buttons-contact-form-switcher-block-container
 - .eng-columns-contact-block-container
 - .eng-group-google-maps-block-container
 - .eng-group-anchor-block-container

**/

.eng-group-anchor-block-container {
  position: relative !important;
  top: -120px !important;
  padding: 0px !important;
  height: 0px !important;
}