@festo-ui/web-essentials 3.2.1 → 4.0.0-pre-20220920.2

package/dist/css/organisms/festo-web-essentials-organisms.css

@@ -1,5 +1,5 @@
 /*!
- * Festo UI - Web Essentials v3.2.1 (https://storybook.festo.design/)
+ * Festo UI - Web Essentials v4.0.0-pre-20220920.2 (https://storybook.festo.design/)
  * Copyright 2022 Festo SE & Co. KG
  * Licensed under Apache-2.0
  */
@@ -451,7 +451,6 @@ footer.fwe-footer .fwe-bottomline .fwe-copyright {
   background-color: var(--fwe-background-image-gallery);
   -webkit-user-select: none;
   -moz-user-select: none;
-  -ms-user-select: none;
   user-select: none;
 }
 .fwe-image-gallery svg,
@@ -468,7 +467,6 @@ footer.fwe-footer .fwe-bottomline .fwe-copyright {
   margin-top: 24px;
   -webkit-user-select: none;
   -moz-user-select: none;
-  -ms-user-select: none;
   user-select: none;
 }
 .fwe-image-gallery-thumbs.swiper {
@@ -594,5 +592,70 @@ footer.fwe-footer .fwe-bottomline .fwe-copyright {
     height: 640px;
   }
 }
+.fwe-login-layout {
+  position: fixed;
+  background: var(--fwe-white);
+  top: 0px;
+  right: 0px;
+  bottom: 0px;
+  left: 0px;
+}
+.fwe-login-layout .fwe-login-background {
+  top: 64px;
+  position: absolute;
+  height: calc(100vh - 64px);
+  width: 100vw;
+  -o-object-fit: cover;
+  object-fit: cover;
+  -o-object-position: center;
+  object-position: center;
+}
+.fwe-login-layout .fwe-login-container {
+  height: calc(100vh - 64px);
+  overflow: scroll;
+  display: flex;
+  align-items: center;
+}
+.fwe-login-layout .fwe-login-container .fwe-login-form {
+  z-index: 1;
+  margin-left: 20%;
+  width: 430px;
+  background: var(--fwe-white);
+  padding: 48px;
+}
+.fwe-login-layout .fwe-login-container .fwe-login-form h1 {
+  margin: 0px;
+}
+@media (max-height: 600px) {
+  .fwe-login-layout .fwe-login-container .fwe-login-form h1 {
+    display: none;
+  }
+}
+.fwe-login-layout .fwe-login-container .fwe-login-form .fwe-login-link-container {
+  margin-top: 24px;
+  text-align: right;
+}
+@media (max-height: 600px) {
+  .fwe-login-layout .fwe-login-container .fwe-login-form {
+    padding: 24px;
+  }
+}
+@media (max-width: 600px), (max-height: 600px) {
+  .fwe-login-layout .fwe-login-container {
+    background-color: var(--fwe-white);
+    position: unset;
+    left: unset;
+    top: unset;
+    width: 100vw;
+    align-items: stretch;
+  }
+  .fwe-login-layout .fwe-login-container .fwe-login-form {
+    margin-left: 0px;
+    width: 100%;
+  }
+  .fwe-login-layout .fwe-login-background {
+    display: none;
+  }
+}
 
 /*# sourceMappingURL=festo-web-essentials-organisms.css.map */

package/dist/css/organisms/festo-web-essentials-organisms.css.map

@@ -1 +1 @@
-{"version":3,"sources":["../../../scss/organisms/festo-web-essentials-organisms.scss","../../../scss/organisms/_footer.scss","festo-web-essentials-organisms.css","../../../scss/_variables.scss","../../../scss/organisms/_teaser.scss","../../../scss/organisms/_header-slider.scss","../../../scss/organisms/_header-modul.scss","../../../scss/organisms/_image-gallery.scss"],"names":[],"mappings":"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","file":"festo-web-essentials-organisms.css","sourcesContent":[null,null,"/*!\n * Festo UI - Web Essentials v3.1.0 (https://storybook.festo.design/)\n * Copyright 2022 Festo SE & Co. KG\n * Licensed under Apache-2.0\n */\nfooter.fwe-footer .fwe-social-media {\n  display: flex;\n  flex-direction: row;\n  justify-content: center;\n  padding: 24px 0px;\n  border-bottom: 1px solid var(--fwe-control-border-darker);\n  margin-bottom: 24px;\n}\nfooter.fwe-footer .fwe-social-media .fwe-social-media-link {\n  display: block;\n  width: 32px;\n  height: 32px;\n  border-radius: 4px;\n  margin-right: 24px;\n  opacity: 0.3;\n  transition: opacity 0.3s;\n}\nfooter.fwe-footer .fwe-social-media .fwe-social-media-link:last-child {\n  margin-right: 0px;\n}\nfooter.fwe-footer .fwe-social-media .fwe-social-media-link:hover {\n  opacity: 1;\n}\nfooter.fwe-footer .fwe-footer-details {\n  padding-bottom: 24px;\n  border-bottom: 1px solid var(--fwe-control-border-darker);\n}\nfooter.fwe-footer .fwe-footer-details h4 {\n  font-size: 16px;\n  line-height: 24px;\n  font-weight: var(--fwe-font-weight-bold);\n  list-style-type: none;\n  position: relative;\n  margin-top: 0px;\n  margin-bottom: 12px;\n}\nfooter.fwe-footer .fwe-footer-details ul.fwe-list-group .fwe-list-group-item {\n  padding-left: 0px;\n}\nfooter.fwe-footer .fwe-footer-details p {\n  padding-top: 8px;\n  max-width: 320px;\n}\nfooter.fwe-footer .fwe-footer-details:not(:first-child) {\n  margin-top: 24px;\n}\nfooter.fwe-footer .fwe-bottomline {\n  font-size: var(--fwe-font-size-small);\n  padding-top: 24px;\n  text-align: center;\n}\nfooter.fwe-footer .fwe-bottomline .fwe-sitelinks {\n  order: 2;\n}\nfooter.fwe-footer .fwe-bottomline .fwe-sitelinks .fwe-sitelinks-groupa {\n  padding-bottom: 8px;\n}\nfooter.fwe-footer .fwe-bottomline .fwe-sitelinks .fwe-sitelinks-groupa a {\n  color: var(--fwe-control-border-darker);\n  padding-right: 8px;\n}\nfooter.fwe-footer .fwe-bottomline .fwe-sitelinks .fwe-sitelinks-groupa a:last-child {\n  padding-right: 0px;\n}\nfooter.fwe-footer .fwe-bottomline .fwe-sitelinks .fwe-sitelinks-groupb {\n  padding-bottom: 24px;\n}\nfooter.fwe-footer .fwe-bottomline .fwe-sitelinks .fwe-sitelinks-groupb a {\n  color: var(--fwe-control-border-darker);\n  padding-right: 8px;\n}\nfooter.fwe-footer .fwe-bottomline .fwe-sitelinks .fwe-sitelinks-groupb a:last-child {\n  padding-right: 0px;\n}\nfooter.fwe-footer .fwe-bottomline .fwe-copyright {\n  display: flex;\n  order: 1;\n  justify-content: center;\n  padding-bottom: 24px;\n  color: var(--fwe-control-border-darker);\n}\n\n@media only screen and (min-width: 1281px) {\n  footer.fwe-footer .fwe-footer-details {\n    border-bottom: none;\n  }\n  footer.fwe-footer .fwe-footer-details h4 {\n    margin-top: 24px;\n  }\n  footer.fwe-footer .fwe-footer-details:not(:first-child) {\n    margin-top: 0px;\n  }\n  footer.fwe-footer .fwe-bottomline {\n    font-size: var(--fwe-font-size-small);\n    padding-top: 24px;\n    text-align: left;\n    display: flex;\n  }\n  footer.fwe-footer .fwe-bottomline .fwe-sitelinks {\n    text-align: right;\n    margin-left: auto;\n    display: flex;\n  }\n  footer.fwe-footer .fwe-social-media {\n    margin-bottom: 0px;\n  }\n}\n@media only screen and (min-width: 1441px) {\n  footer.fwe-footer .fwe-social-media .fwe-social-media-link {\n    width: 64px;\n    height: 64px;\n    margin-right: 42px;\n  }\n  footer.fwe-footer .fwe-social-media .fwe-social-media-link:last-child {\n    margin-right: 0px;\n  }\n}\n.fwe-teaser-horbox {\n  display: flex;\n  background-color: var(--fwe-sucanul);\n}\n\n.fwe-teaser-horbox .fwe-teaser-horbox-img {\n  background-color: var(--fwe-hero);\n  flex: 1;\n}\n\n.fwe-teaser-horbox .fwe-teaser-horbox-content {\n  flex: 1;\n  display: inline-flex;\n  flex-direction: column;\n  padding: 24px;\n}\n\n.fwe-teaser-horbox .fwe-teaser-horbox-content .fwe-teaser-more {\n  align-self: flex-end;\n}\n\n.fwe-teaser-verbox {\n  display: inline-flex;\n  flex-direction: column;\n  background-color: var(--fwe-sucanul);\n  width: 100%;\n  height: 100%;\n}\n\n.fwe-teaser-verbox .fwe-teaser-verbox-img {\n  background-color: var(--fwe-hero);\n  height: calc(50% - 12px);\n  min-height: 186px;\n  width: 100%;\n}\n\n.fwe-teaser-verbox h2 {\n  padding-top: 24px;\n  padding-left: 24px;\n  padding-right: 24px;\n}\n\n.fwe-teaser-verbox p {\n  padding-left: 24px;\n  padding-right: 24px;\n}\n\n.fwe-teaser-verbox .fwe-teaser-more {\n  align-self: flex-end;\n  margin-bottom: 24px;\n  margin-right: 24px;\n}\n\n.fwe-teaser-c12-container {\n  display: flex;\n  flex-direction: column;\n}\n.fwe-teaser-c12-container .fwe-teaser-c12-content {\n  order: 2;\n  background-color: var(--fwe-sucanul);\n  padding-top: 16px;\n  padding-bottom: 13px;\n  padding-left: 20px;\n  padding-right: 20px;\n}\n.fwe-teaser-c12-container .fwe-teaser-c12-content h3,\n.fwe-teaser-c12-container .fwe-teaser-c12-content .fwe-h3 {\n  font-size: 12px;\n  line-height: 14px;\n  margin-bottom: 4px;\n  font-weight: var(--fwe-font-weight-normal);\n}\n.fwe-teaser-c12-container .fwe-teaser-c12-content h2,\n.fwe-teaser-c12-container .fwe-teaser-c12-content .fwe-h2 {\n  font-size: 16px;\n  line-height: 24px;\n  font-weight: var(--fwe-font-weight-bold);\n  margin-top: 0;\n}\n.fwe-teaser-c12-container .fwe-teaser-c12-img {\n  order: 1;\n  background-color: var(--fwe-hero);\n  min-height: 114px;\n}\n\n@media only screen and (min-width: 1025px) {\n  .fwe-teaser-verbox h2 {\n    padding-top: 48px;\n  }\n}\n.fwe-header-slider-container .fwe-header-slider-box {\n  height: 142px;\n  background-color: var(--fwe-hero);\n}\n.fwe-header-slider-container .fwe-header-slider {\n  margin-top: -28px;\n  margin-left: 12px;\n  margin-right: 12px;\n}\n\n.fwe-header-slider {\n  display: flex;\n  flex-direction: column;\n  padding: 24px 28px;\n  background-color: var(--fwe-white);\n  border-radius: 4px;\n  box-shadow: 0 1px 8px 0 rgba(0, 0, 0, 0.2);\n}\n.fwe-header-slider .fwe-header-slider-content {\n  display: inline-flex;\n  flex-direction: column;\n}\n.fwe-header-slider .fwe-header-slider-content p {\n  text-overflow: ellipsis;\n  overflow: hidden;\n  display: -webkit-box !important;\n  -webkit-line-clamp: 2;\n  -webkit-box-orient: vertical;\n  white-space: normal;\n  margin: 0;\n}\n.fwe-header-slider .fwe-header-slider-content button.fwe-btn-hero {\n  margin-top: 24px;\n  justify-content: center;\n  margin-left: 18px;\n  margin-right: 18px;\n}\n.fwe-header-slider .fwe-pagination {\n  align-self: center;\n  margin-top: 24px;\n}\n.fwe-header-slider .fwe-header-slider-arrow-left,\n.fwe-header-slider .fwe-header-slider-arrow-right {\n  display: none;\n}\n\n@media only screen and (min-width: 600px) {\n  .fwe-header-slider-container .fwe-header-slider-box {\n    height: 166px;\n  }\n}\n@media only screen and (min-width: 769px) {\n  .fwe-header-slider-container .fwe-header-slider-box {\n    height: 341px;\n  }\n  .fwe-header-slider-container .fwe-header-slider {\n    margin-top: -104px;\n  }\n}\n@media only screen and (min-width: 1025px) {\n  .fwe-header-slider-container .fwe-header-slider-box {\n    height: 455px;\n  }\n  .fwe-header-slider-container .fwe-header-slider {\n    position: relative;\n    margin-top: -104px;\n  }\n\n  .fwe-header-slider {\n    padding: 24px 112px;\n  }\n  .fwe-header-slider .fwe-header-slider-content {\n    flex-direction: row;\n    align-items: center;\n  }\n  .fwe-header-slider .fwe-header-slider-content p {\n    -webkit-line-clamp: 3;\n  }\n  .fwe-header-slider .fwe-header-slider-content button.fwe-btn-hero {\n    justify-content: center;\n    margin-top: 0;\n    margin-left: 34px;\n    margin-right: 0;\n    min-width: 200px;\n  }\n  .fwe-header-slider .fwe-header-slider-arrow-left,\n.fwe-header-slider .fwe-header-slider-arrow-right {\n    display: block;\n    position: absolute;\n    top: 50%;\n    margin-top: 12px;\n    transform: translateY(-50%);\n    height: 48px;\n    width: 48px;\n    font-size: 48px;\n  }\n  .fwe-header-slider .fwe-header-slider-arrow-left {\n    left: 24px;\n  }\n  .fwe-header-slider .fwe-header-slider-arrow-right {\n    right: 24px;\n  }\n}\n@media only screen and (min-width: 1441px) {\n  .fwe-header-slider-container .fwe-header-slider-box {\n    height: 640px;\n  }\n  .fwe-header-slider-container .fwe-header-slider {\n    margin: auto;\n    margin-top: -104px;\n    width: 1096px;\n  }\n\n  .fwe-header-slider {\n    padding: 24px 160px;\n  }\n}\n@media only screen and (min-width: 1921px) {\n  .fwe-header-slider-container .fwe-header-slider {\n    width: 1192px;\n  }\n}\n.fwe-header-modul-container {\n  display: flex;\n  flex-direction: column;\n  padding-top: 32px;\n  padding-bottom: 32px;\n}\n.fwe-header-modul-container .fwe-header-modul-content {\n  order: 2;\n  position: relative;\n}\n.fwe-header-modul-container .fwe-header-modul-content h1,\n.fwe-header-modul-container .fwe-header-modul-content .fwe-h1 {\n  margin-bottom: 0;\n}\n.fwe-header-modul-container .fwe-header-modul-content h3,\n.fwe-header-modul-container .fwe-header-modul-content .fwe-h3 {\n  margin-top: 0;\n  margin-bottom: 16px;\n}\n.fwe-header-modul-container .fwe-header-modul-content p {\n  font-size: var(--fwe-font-size-xl);\n  line-height: 32px;\n  color: var(--fwe-text-light);\n  margin: 0;\n  padding-bottom: 34px;\n}\n.fwe-header-modul-container .fwe-header-modul-content::after {\n  position: absolute;\n  bottom: 0;\n  right: 0;\n  content: \"\";\n  width: 28px;\n  height: 10px;\n  background-color: var(--fwe-gray-400);\n}\n.fwe-header-modul-container .fwe-header-modul-media {\n  min-height: 111px;\n  background-color: var(--fwe-hero);\n  order: 1;\n}\n\n@media only screen and (min-width: 600px) {\n  .fwe-header-modul-container .fwe-header-modul-media {\n    min-height: 132px;\n  }\n}\n@media only screen and (min-width: 769px) {\n  .fwe-header-modul-container .fwe-header-modul-content h1,\n.fwe-header-modul-container .fwe-header-modul-content .fwe-h1 {\n    margin-bottom: 6px;\n  }\n  .fwe-header-modul-container .fwe-header-modul-media {\n    min-height: 268px;\n  }\n}\n@media only screen and (min-width: 1025px) {\n  .fwe-header-modul-container .fwe-header-modul-media {\n    min-height: 352px;\n  }\n}\n@media only screen and (min-width: 1281px) {\n  .fwe-header-modul-container {\n    flex-direction: row;\n  }\n  .fwe-header-modul-container .fwe-header-modul-content {\n    order: 1;\n    width: 41.6666666667%;\n    margin-right: 24px;\n  }\n  .fwe-header-modul-container .fwe-header-modul-content h1,\n.fwe-header-modul-container .fwe-header-modul-content .fwe-h1 {\n    margin-top: 0;\n  }\n  .fwe-header-modul-container .fwe-header-modul-media {\n    order: 2;\n    min-height: 293px;\n    flex: 1;\n  }\n}\n@media only screen and (min-width: 1441px) {\n  .fwe-header-modul-container .fwe-header-modul-media {\n    min-height: 400px;\n  }\n}\n/* stylelint-disable selector-class-pattern -- Doing swiper overrides here */\n.fwe-modal-image-gallery {\n  background: transparent;\n  box-shadow: none;\n  padding: 0px;\n  position: fixed;\n  width: 288px;\n  max-width: unset;\n  max-height: unset;\n  overflow-x: hidden;\n  overflow-y: auto;\n}\n.fwe-modal-image-gallery .fwe-btn-link i.fwe-icon-menu-close.fwe-modal-image-gallery-close {\n  padding-right: 0px;\n  padding-top: 4px;\n}\n.fwe-modal-image-gallery .fwe-image-gallery {\n  max-height: calc(100vh - 73px);\n}\n.fwe-modal-image-gallery--with-thumbnails .fwe-image-gallery {\n  max-height: calc(100vh - 161px);\n}\n\n.fwe-image-gallery-header {\n  display: flex;\n  align-items: center;\n  margin-bottom: 24px;\n}\n\n.fwe-image-gallery {\n  width: 100%;\n  height: 288px;\n  background-color: var(--fwe-background-image-gallery);\n  user-select: none;\n}\n.fwe-image-gallery svg,\n.fwe-image-gallery img,\n.fwe-image-gallery .swiper-zoom-container img,\n.fwe-image-gallery .swiper-zoom-container svg {\n  width: 100%;\n  height: 100%;\n  object-fit: cover;\n}\n\n.fwe-image-gallery-thumbs {\n  margin-top: 24px;\n  user-select: none;\n}\n.fwe-image-gallery-thumbs.swiper {\n  width: 100%;\n  height: 64px;\n  box-sizing: border-box;\n  margin-left: auto;\n  margin-right: auto;\n}\n.fwe-image-gallery-thumbs.swiper .swiper-slide {\n  position: relative;\n  background-size: cover;\n  background-position: center;\n  width: 88px;\n  margin-right: 8px;\n  height: 64px;\n  opacity: 0.33;\n  transition: opacity 0.3s;\n}\n.fwe-image-gallery-thumbs.swiper .swiper-slide:last-child {\n  margin-right: 0px;\n}\n.fwe-image-gallery-thumbs.swiper .swiper-slide::after {\n  position: absolute;\n  content: \"\";\n  height: 4px;\n  width: 100%;\n  background-color: var(--fwe-hero);\n  bottom: 0px;\n  opacity: 0;\n  transition: opacity 0.3s;\n}\n.fwe-image-gallery-thumbs.swiper .swiper-slide img {\n  display: block;\n  object-fit: cover;\n  width: 88px;\n  height: 56px;\n  background-color: var(--fwe-background-image-gallery);\n}\n.fwe-image-gallery-thumbs.swiper .swiper-slide.swiper-slide-thumb-active, .fwe-image-gallery-thumbs.swiper .swiper-slide:hover {\n  opacity: 1;\n}\n.fwe-image-gallery-thumbs.swiper .swiper-slide.swiper-slide-thumb-active::after, .fwe-image-gallery-thumbs.swiper .swiper-slide:hover::after {\n  opacity: 1;\n}\n.fwe-image-gallery-thumbs:not(.swiper) {\n  display: flex;\n  flex-direction: row;\n  overflow: hidden;\n}\n.fwe-image-gallery-thumbs-nail {\n  position: relative;\n  height: 64px;\n  width: 88px;\n  min-width: 88px;\n  margin-right: 8px;\n  opacity: 0.33;\n  transition: opacity 0.3s;\n}\n.fwe-image-gallery-thumbs-nail img {\n  position: absolute;\n  height: 56px;\n  width: 88px;\n  min-width: 88px;\n  background: var(--fwe-background-image-gallery);\n  object-fit: cover;\n}\n.fwe-image-gallery-thumbs-nail:last-child {\n  margin-right: 0px;\n}\n.fwe-image-gallery-thumbs-nail::after {\n  position: absolute;\n  content: \"\";\n  height: 4px;\n  width: 100%;\n  background-color: var(--fwe-hero);\n  bottom: 0px;\n  opacity: 0;\n  transition: opacity 0.3s;\n}\n.fwe-image-gallery-thumbs-nail.fwe-active, .fwe-image-gallery-thumbs-nail:hover {\n  opacity: 1;\n}\n.fwe-image-gallery-thumbs-nail.fwe-active::after, .fwe-image-gallery-thumbs-nail:hover::after {\n  opacity: 1;\n}\n\n@media only screen and (min-width: 375px) {\n  .fwe-modal-image-gallery {\n    width: 342px;\n  }\n\n  .fwe-image-gallery {\n    height: 342px;\n  }\n}\n@media only screen and (min-width: 769px) {\n  .fwe-modal-image-gallery {\n    width: 696px;\n  }\n\n  .fwe-image-gallery {\n    height: 465px;\n  }\n}\n@media only screen and (min-width: 1025px) {\n  .fwe-modal-image-gallery {\n    width: 696px;\n  }\n\n  .fwe-image-gallery {\n    height: 465px;\n  }\n}\n@media only screen and (min-width: 1441px) {\n  .fwe-modal-image-gallery {\n    width: 960px;\n  }\n\n  .fwe-image-gallery {\n    height: 640px;\n  }\n}\n\n/*# sourceMappingURL=festo-web-essentials-organisms.css.map */\n",null,null,null,null,null]}
+{"version":3,"sources":["../../../scss/organisms/festo-web-essentials-organisms.scss","../../../scss/organisms/_footer.scss","festo-web-essentials-organisms.css","../../../scss/_variables.scss","../../../scss/organisms/_teaser.scss","../../../scss/organisms/_header-slider.scss","../../../scss/organisms/_header-modul.scss","../../../scss/organisms/_image-gallery.scss","../../../scss/organisms/_login.scss"],"names":[],"mappings":"AAAA;;;;EAAA;ACCE;EACE,aAAA;EACA,mBAAA;EACA,uBAAA;EACA,iBAAA;EACA,yDAAA;EACA,mBAAA;ACKJ;ADHI;EACE,cAAA;EACA,WAAA;EACA,YAAA;EACA,kBE6LY;EF5LZ,kBAAA;EACA,YAAA;EACA,wBAAA;ACKN;ADHM;EACE,iBAAA;ACKR;ADFM;EACE,UAAA;ACIR;ADAE;EACE,oBAAA;EACA,yDAAA;ACEJ;ADAI;EACE,eAAA;EACA,iBAAA;EACA,wCE2Ha;EF1Hb,qBAAA;EACA,kBAAA;EACA,eAAA;EACA,mBAAA;ACEN;ADEM;EACE,iBAAA;ACAR;ADII;EACE,gBAAA;EACA,gBAAA;ACFN;ADKI;EACE,gBAAA;ACHN;ADME;EACE,qCE6Fc;EF5Fd,iBAAA;EACA,kBAAA;ACJJ;ADMI;EACE,QAAA;ACJN;ADMM;EACE,mBAAA;ACJR;ADMQ;EACE,uCENc;EFOd,kBAAA;ACJV;ADMU;EACE,kBAAA;ACJZ;ADSM;EACE,oBAAA;ACPR;ADSQ;EACE,uCEnBc;EFoBd,kBAAA;ACPV;ADSU;EACE,kBAAA;ACPZ;ADYI;EACE,aAAA;EACA,QAAA;EACA,uBAAA;EACA,oBAAA;EACA,uCEjCkB;ADuBxB;;ADeA;EAEI;IACE,mBAAA;ECbJ;EDcI;IACE,gBAAA;ECZN;EDcI;IACE,eAAA;ECZN;EDeE;IACE,qCEsCY;IFrCZ,iBAAA;IACA,gBAAA;IACA,aAAA;ECbJ;EDcI;IACE,iBAAA;IACA,iBAAA;IACA,aAAA;ECZN;EDeE;IACE,kBAAA;ECbJ;AACF;ADiBA;EAGM;IACE,WAAA;IACA,YAAA;IACA,kBAAA;ECjBN;EDkBM;IACE,iBAAA;EChBR;AACF;AEzHA;EACE,aAAA;EACA,oCAAA;AF2HF;;AExHA;EACE,iCAAA;EACA,OAAA;AF2HF;;AExHA;EACE,OAAA;EACA,oBAAA;EACA,sBAAA;EACA,aAAA;AF2HF;;AExHA;EACE,oBAAA;AF2HF;;AExHA;EACE,oBAAA;EACA,sBAAA;EACA,oCAAA;EACA,WAAA;EACA,YAAA;AF2HF;;AExHA;EACE,iCAAA;EACA,wBAAA;EACA,iBAAA;EACA,WAAA;AF2HF;;AExHA;EACE,iBAAA;EACA,kBAAA;EACA,mBAAA;AF2HF;;AExHA;EACE,kBAAA;EACA,mBAAA;AF2HF;;AExHA;EACE,oBAAA;EACA,mBAAA;EACA,kBAAA;AF2HF;;AExHA;EACE,aAAA;EACA,sBAAA;AF2HF;AEzHE;EACE,QAAA;EACA,oCDtDM;ECuDN,iBAAA;EACA,oBAAA;EACA,kBAAA;EACA,mBAAA;AF2HJ;AEzHI;;EAEE,eAAA;EACA,iBAAA;EACA,kBAAA;EACA,0CDsFe;ADqCrB;AExHI;;EAEE,eAAA;EACA,iBAAA;EACA,wCDgFa;EC/Eb,aAAA;AF0HN;AEtHE;EACE,QAAA;EACA,iCDnCG;ECoCH,iBAAA;AFwHJ;;AEpHA;EACE;IACE,iBAAA;EFuHF;AACF;AGlNE;EACE,aAAA;EACA,iCF8CG;ADsKP;AGjNE;EACE,iBAAA;EACA,iBAAA;EACA,kBAAA;AHmNJ;;AG/MA;EACE,aAAA;EACA,sBAAA;EACA,kBAAA;EACA,kCFhBM;EEiBN,kBFwLgB;EEvLhB,0CAAA;AHkNF;AGhNE;EACE,oBAAA;EACA,sBAAA;AHkNJ;AGhNI;EACE,uBAAA;EACA,gBAAA;EACA,+BAAA;EACA,qBAAA;EACA,4BAAA;EACA,mBAAA;EACA,SAAA;AHkNN;AG/MI;EACE,gBAAA;EACA,uBAAA;EACA,iBAAA;EACA,kBAAA;AHiNN;AG7ME;EACE,kBAAA;EACA,gBAAA;AH+MJ;AG5ME;;EAEE,aAAA;AH8MJ;;AG1MA;EAEI;IACE,aAAA;EH4MJ;AACF;AGxMA;EAEI;IACE,aAAA;EHyMJ;EGtME;IACE,kBAAA;EHwMJ;AACF;AGpMA;EAEI;IACE,aAAA;EHqMJ;EGlME;IACE,kBAAA;IACA,kBAAA;EHoMJ;;EGhMA;IACE,mBAAA;EHmMF;EGjME;IACE,mBAAA;IACA,mBAAA;EHmMJ;EGjMI;IACE,qBAAA;EHmMN;EGhMI;IACE,uBAAA;IACA,aAAA;IACA,iBAAA;IACA,eAAA;IACA,gBAAA;EHkMN;EG9LE;;IAEE,cAAA;IACA,kBAAA;IACA,QAAA;IACA,gBAAA;IACA,2BAAA;IACA,YAAA;IACA,WAAA;IACA,eAAA;EHgMJ;EG7LE;IACE,UAAA;EH+LJ;EG5LE;IACE,WAAA;EH8LJ;AACF;AG1LA;EAEI;IACE,aAAA;EH2LJ;EGxLE;IACE,YAAA;IACA,kBAAA;IACA,aAAA;EH0LJ;;EGtLA;IACE,mBAAA;EHyLF;AACF;AGtLA;EAEI;IACE,aAAA;EHuLJ;AACF;AI3UA;EACE,aAAA;EACA,sBAAA;EACA,iBHwNS;EGvNT,oBHuNS;ADsHX;AI3UE;EACE,QAAA;EACA,kBAAA;AJ6UJ;AI3UI;;EAEE,gBAAA;AJ6UN;AI1UI;;EAEE,aAAA;EACA,mBAAA;AJ4UN;AIzUI;EACE,kCHiIS;EGhIT,iBAAA;EACA,4BHoBO;EGnBP,SAAA;EACA,oBAAA;AJ2UN;AIxUI;EACE,kBAAA;EACA,SAAA;EACA,QAAA;EACA,WAAA;EACA,WAAA;EACA,YAAA;EACA,qCH5BK;ADsWX;AItUE;EACE,iBAAA;EACA,iCHKG;EGJH,QAAA;AJwUJ;;AIpUA;EAEI;IACE,iBAAA;EJsUJ;AACF;AIlUA;EAGM;;IAEE,kBAAA;EJkUN;EI/TE;IACE,iBAAA;EJiUJ;AACF;AI7TA;EAEI;IACE,iBAAA;EJ8TJ;AACF;AI1TA;EACE;IACE,mBAAA;EJ4TF;EI1TE;IACE,QAAA;IACA,qBAAA;IACA,kBHsIK;EDsLT;EI1TI;;IAEE,aAAA;EJ4TN;EIxTE;IACE,QAAA;IACA,iBAAA;IACA,OAAA;EJ0TJ;AACF;AItTA;EAEI;IACE,iBAAA;EJuTJ;AACF;AKjaA,4EAAA;AACA;EACE,uBAAA;EACA,gBAAA;EACA,YAAA;EACA,eAAA;EACA,YAAA;EACA,gBAAA;EACA,iBAAA;EACA,kBAAA;EACA,gBAAA;ALmaF;AKjaE;EACE,kBAAA;EACA,gBAAA;ALmaJ;AKhaE;EAEE,8BAAA;ALiaJ;AK7ZI;EAEE,+BAAA;AL8ZN;;AKzZA;EACE,aAAA;EACA,mBAAA;EACA,mBJ2LS;ADiOX;;AKzZA;EACE,WAAA;EACA,aAAA;EACA,qDJ2ByB;EI1BzB,yBAAA;EAAA,sBAAA;EAAA,iBAAA;AL4ZF;AK1ZE;;;;EAIE,WAAA;EACA,YAAA;EACA,oBAAA;EAAA,iBAAA;AL4ZJ;;AKxZA;EACE,gBAAA;EACA,yBAAA;EAAA,sBAAA;EAAA,iBAAA;AL2ZF;AKzZE;EACE,WAAA;EACA,YAAA;EACA,sBAAA;EACA,iBAAA;EACA,kBAAA;AL2ZJ;AKzZI;EACE,kBAAA;EACA,sBAAA;EACA,2BAAA;EACA,WAAA;EACA,iBAAA;EACA,YAAA;EACA,aAAA;EACA,wBAAA;AL2ZN;AKzZM;EACE,iBAAA;AL2ZR;AKxZM;EACE,kBAAA;EACA,WAAA;EACA,WAAA;EACA,WAAA;EACA,iCJjCD;EIkCC,WAAA;EACA,UAAA;EACA,wBAAA;AL0ZR;AKvZM;EACE,cAAA;EACA,oBAAA;EAAA,iBAAA;EACA,WAAA;EACA,YAAA;EACA,qDJ3BmB;ADob3B;AKtZM;EAEE,UAAA;ALuZR;AKrZQ;EACE,UAAA;ALuZV;AKjZE;EACE,aAAA;EACA,mBAAA;EACA,gBAAA;ALmZJ;AKhZE;EACE,kBAAA;EACA,YAAA;EACA,WAAA;EACA,eAAA;EACA,iBAAA;EACA,aAAA;EACA,wBAAA;ALkZJ;AKhZI;EACE,kBAAA;EACA,YAAA;EACA,WAAA;EACA,eAAA;EACA,+CJ7DqB;EI8DrB,oBAAA;EAAA,iBAAA;ALkZN;AK/YI;EACE,iBAAA;ALiZN;AK9YI;EACE,kBAAA;EACA,WAAA;EACA,WAAA;EACA,WAAA;EACA,iCJ3FC;EI4FD,WAAA;EACA,UAAA;EACA,wBAAA;ALgZN;AK7YI;EAEE,UAAA;AL8YN;AK5YM;EACE,UAAA;AL8YR;;AKxYA;EACE;IACE,YAAA;EL2YF;;EKxYA;IACE,aAAA;EL2YF;AACF;AKxYA;EACE;IACE,YAAA;EL0YF;;EKvYA;IACE,aAAA;EL0YF;AACF;AKvYA;EACE;IACE,YAAA;ELyYF;;EKtYA;IACE,aAAA;ELyYF;AACF;AKtYA;EACE;IACE,YAAA;ELwYF;;EKrYA;IACE,aAAA;ELwYF;AACF;AM1kBA;EACE,eAAA;EACA,4BLDM;EKEN,QAAA;EACA,UAAA;EACA,WAAA;EACA,SAAA;AN4kBF;AM3kBE;EACE,SLwLY;EKvLZ,kBAAA;EACA,0BAAA;EACA,YAAA;EACA,oBAAA;EAAA,iBAAA;EACA,0BAAA;EAAA,uBAAA;AN6kBJ;AM3kBE;EACE,0BAAA;EACA,gBAAA;EACA,aAAA;EACA,mBAAA;AN6kBJ;AM5kBI;EACE,UAAA;EACA,gBAAA;EACA,YAAA;EACA,4BLvBE;EKwBF,aLqMM;ADyYZ;AM7kBM;EACE,WAAA;AN+kBR;AM9kBQ;EAFF;IAGI,aAAA;ENilBR;AACF;AM/kBM;EACE,gBL2LG;EK1LH,iBAAA;ANilBR;AM/kBM;EAhBF;IAiBI,aLuLG;ED2ZT;AACF;AM/kBE;EACE;IACE,kCL1CE;IK2CF,eAAA;IACA,WAAA;IACA,UAAA;IACA,YAAA;IACA,oBAAA;ENilBJ;EMhlBI;IACE,gBAAA;IACA,WAAA;ENklBN;EM/kBE;IACE,aAAA;ENilBJ;AACF","file":"festo-web-essentials-organisms.css","sourcesContent":[null,null,"/*!\n * Festo UI - Web Essentials v3.1.0 (https://storybook.festo.design/)\n * Copyright 2022 Festo SE & Co. KG\n * Licensed under Apache-2.0\n */\nfooter.fwe-footer .fwe-social-media {\n  display: flex;\n  flex-direction: row;\n  justify-content: center;\n  padding: 24px 0px;\n  border-bottom: 1px solid var(--fwe-control-border-darker);\n  margin-bottom: 24px;\n}\nfooter.fwe-footer .fwe-social-media .fwe-social-media-link {\n  display: block;\n  width: 32px;\n  height: 32px;\n  border-radius: 4px;\n  margin-right: 24px;\n  opacity: 0.3;\n  transition: opacity 0.3s;\n}\nfooter.fwe-footer .fwe-social-media .fwe-social-media-link:last-child {\n  margin-right: 0px;\n}\nfooter.fwe-footer .fwe-social-media .fwe-social-media-link:hover {\n  opacity: 1;\n}\nfooter.fwe-footer .fwe-footer-details {\n  padding-bottom: 24px;\n  border-bottom: 1px solid var(--fwe-control-border-darker);\n}\nfooter.fwe-footer .fwe-footer-details h4 {\n  font-size: 16px;\n  line-height: 24px;\n  font-weight: var(--fwe-font-weight-bold);\n  list-style-type: none;\n  position: relative;\n  margin-top: 0px;\n  margin-bottom: 12px;\n}\nfooter.fwe-footer .fwe-footer-details ul.fwe-list-group .fwe-list-group-item {\n  padding-left: 0px;\n}\nfooter.fwe-footer .fwe-footer-details p {\n  padding-top: 8px;\n  max-width: 320px;\n}\nfooter.fwe-footer .fwe-footer-details:not(:first-child) {\n  margin-top: 24px;\n}\nfooter.fwe-footer .fwe-bottomline {\n  font-size: var(--fwe-font-size-small);\n  padding-top: 24px;\n  text-align: center;\n}\nfooter.fwe-footer .fwe-bottomline .fwe-sitelinks {\n  order: 2;\n}\nfooter.fwe-footer .fwe-bottomline .fwe-sitelinks .fwe-sitelinks-groupa {\n  padding-bottom: 8px;\n}\nfooter.fwe-footer .fwe-bottomline .fwe-sitelinks .fwe-sitelinks-groupa a {\n  color: var(--fwe-control-border-darker);\n  padding-right: 8px;\n}\nfooter.fwe-footer .fwe-bottomline .fwe-sitelinks .fwe-sitelinks-groupa a:last-child {\n  padding-right: 0px;\n}\nfooter.fwe-footer .fwe-bottomline .fwe-sitelinks .fwe-sitelinks-groupb {\n  padding-bottom: 24px;\n}\nfooter.fwe-footer .fwe-bottomline .fwe-sitelinks .fwe-sitelinks-groupb a {\n  color: var(--fwe-control-border-darker);\n  padding-right: 8px;\n}\nfooter.fwe-footer .fwe-bottomline .fwe-sitelinks .fwe-sitelinks-groupb a:last-child {\n  padding-right: 0px;\n}\nfooter.fwe-footer .fwe-bottomline .fwe-copyright {\n  display: flex;\n  order: 1;\n  justify-content: center;\n  padding-bottom: 24px;\n  color: var(--fwe-control-border-darker);\n}\n\n@media only screen and (min-width: 1281px) {\n  footer.fwe-footer .fwe-footer-details {\n    border-bottom: none;\n  }\n  footer.fwe-footer .fwe-footer-details h4 {\n    margin-top: 24px;\n  }\n  footer.fwe-footer .fwe-footer-details:not(:first-child) {\n    margin-top: 0px;\n  }\n  footer.fwe-footer .fwe-bottomline {\n    font-size: var(--fwe-font-size-small);\n    padding-top: 24px;\n    text-align: left;\n    display: flex;\n  }\n  footer.fwe-footer .fwe-bottomline .fwe-sitelinks {\n    text-align: right;\n    margin-left: auto;\n    display: flex;\n  }\n  footer.fwe-footer .fwe-social-media {\n    margin-bottom: 0px;\n  }\n}\n@media only screen and (min-width: 1441px) {\n  footer.fwe-footer .fwe-social-media .fwe-social-media-link {\n    width: 64px;\n    height: 64px;\n    margin-right: 42px;\n  }\n  footer.fwe-footer .fwe-social-media .fwe-social-media-link:last-child {\n    margin-right: 0px;\n  }\n}\n.fwe-teaser-horbox {\n  display: flex;\n  background-color: var(--fwe-sucanul);\n}\n\n.fwe-teaser-horbox .fwe-teaser-horbox-img {\n  background-color: var(--fwe-hero);\n  flex: 1;\n}\n\n.fwe-teaser-horbox .fwe-teaser-horbox-content {\n  flex: 1;\n  display: inline-flex;\n  flex-direction: column;\n  padding: 24px;\n}\n\n.fwe-teaser-horbox .fwe-teaser-horbox-content .fwe-teaser-more {\n  align-self: flex-end;\n}\n\n.fwe-teaser-verbox {\n  display: inline-flex;\n  flex-direction: column;\n  background-color: var(--fwe-sucanul);\n  width: 100%;\n  height: 100%;\n}\n\n.fwe-teaser-verbox .fwe-teaser-verbox-img {\n  background-color: var(--fwe-hero);\n  height: calc(50% - 12px);\n  min-height: 186px;\n  width: 100%;\n}\n\n.fwe-teaser-verbox h2 {\n  padding-top: 24px;\n  padding-left: 24px;\n  padding-right: 24px;\n}\n\n.fwe-teaser-verbox p {\n  padding-left: 24px;\n  padding-right: 24px;\n}\n\n.fwe-teaser-verbox .fwe-teaser-more {\n  align-self: flex-end;\n  margin-bottom: 24px;\n  margin-right: 24px;\n}\n\n.fwe-teaser-c12-container {\n  display: flex;\n  flex-direction: column;\n}\n.fwe-teaser-c12-container .fwe-teaser-c12-content {\n  order: 2;\n  background-color: var(--fwe-sucanul);\n  padding-top: 16px;\n  padding-bottom: 13px;\n  padding-left: 20px;\n  padding-right: 20px;\n}\n.fwe-teaser-c12-container .fwe-teaser-c12-content h3,\n.fwe-teaser-c12-container .fwe-teaser-c12-content .fwe-h3 {\n  font-size: 12px;\n  line-height: 14px;\n  margin-bottom: 4px;\n  font-weight: var(--fwe-font-weight-normal);\n}\n.fwe-teaser-c12-container .fwe-teaser-c12-content h2,\n.fwe-teaser-c12-container .fwe-teaser-c12-content .fwe-h2 {\n  font-size: 16px;\n  line-height: 24px;\n  font-weight: var(--fwe-font-weight-bold);\n  margin-top: 0;\n}\n.fwe-teaser-c12-container .fwe-teaser-c12-img {\n  order: 1;\n  background-color: var(--fwe-hero);\n  min-height: 114px;\n}\n\n@media only screen and (min-width: 1025px) {\n  .fwe-teaser-verbox h2 {\n    padding-top: 48px;\n  }\n}\n.fwe-header-slider-container .fwe-header-slider-box {\n  height: 142px;\n  background-color: var(--fwe-hero);\n}\n.fwe-header-slider-container .fwe-header-slider {\n  margin-top: -28px;\n  margin-left: 12px;\n  margin-right: 12px;\n}\n\n.fwe-header-slider {\n  display: flex;\n  flex-direction: column;\n  padding: 24px 28px;\n  background-color: var(--fwe-white);\n  border-radius: 4px;\n  box-shadow: 0 1px 8px 0 rgba(0, 0, 0, 0.2);\n}\n.fwe-header-slider .fwe-header-slider-content {\n  display: inline-flex;\n  flex-direction: column;\n}\n.fwe-header-slider .fwe-header-slider-content p {\n  text-overflow: ellipsis;\n  overflow: hidden;\n  display: -webkit-box !important;\n  -webkit-line-clamp: 2;\n  -webkit-box-orient: vertical;\n  white-space: normal;\n  margin: 0;\n}\n.fwe-header-slider .fwe-header-slider-content button.fwe-btn-hero {\n  margin-top: 24px;\n  justify-content: center;\n  margin-left: 18px;\n  margin-right: 18px;\n}\n.fwe-header-slider .fwe-pagination {\n  align-self: center;\n  margin-top: 24px;\n}\n.fwe-header-slider .fwe-header-slider-arrow-left,\n.fwe-header-slider .fwe-header-slider-arrow-right {\n  display: none;\n}\n\n@media only screen and (min-width: 600px) {\n  .fwe-header-slider-container .fwe-header-slider-box {\n    height: 166px;\n  }\n}\n@media only screen and (min-width: 769px) {\n  .fwe-header-slider-container .fwe-header-slider-box {\n    height: 341px;\n  }\n  .fwe-header-slider-container .fwe-header-slider {\n    margin-top: -104px;\n  }\n}\n@media only screen and (min-width: 1025px) {\n  .fwe-header-slider-container .fwe-header-slider-box {\n    height: 455px;\n  }\n  .fwe-header-slider-container .fwe-header-slider {\n    position: relative;\n    margin-top: -104px;\n  }\n\n  .fwe-header-slider {\n    padding: 24px 112px;\n  }\n  .fwe-header-slider .fwe-header-slider-content {\n    flex-direction: row;\n    align-items: center;\n  }\n  .fwe-header-slider .fwe-header-slider-content p {\n    -webkit-line-clamp: 3;\n  }\n  .fwe-header-slider .fwe-header-slider-content button.fwe-btn-hero {\n    justify-content: center;\n    margin-top: 0;\n    margin-left: 34px;\n    margin-right: 0;\n    min-width: 200px;\n  }\n  .fwe-header-slider .fwe-header-slider-arrow-left,\n.fwe-header-slider .fwe-header-slider-arrow-right {\n    display: block;\n    position: absolute;\n    top: 50%;\n    margin-top: 12px;\n    transform: translateY(-50%);\n    height: 48px;\n    width: 48px;\n    font-size: 48px;\n  }\n  .fwe-header-slider .fwe-header-slider-arrow-left {\n    left: 24px;\n  }\n  .fwe-header-slider .fwe-header-slider-arrow-right {\n    right: 24px;\n  }\n}\n@media only screen and (min-width: 1441px) {\n  .fwe-header-slider-container .fwe-header-slider-box {\n    height: 640px;\n  }\n  .fwe-header-slider-container .fwe-header-slider {\n    margin: auto;\n    margin-top: -104px;\n    width: 1096px;\n  }\n\n  .fwe-header-slider {\n    padding: 24px 160px;\n  }\n}\n@media only screen and (min-width: 1921px) {\n  .fwe-header-slider-container .fwe-header-slider {\n    width: 1192px;\n  }\n}\n.fwe-header-modul-container {\n  display: flex;\n  flex-direction: column;\n  padding-top: 32px;\n  padding-bottom: 32px;\n}\n.fwe-header-modul-container .fwe-header-modul-content {\n  order: 2;\n  position: relative;\n}\n.fwe-header-modul-container .fwe-header-modul-content h1,\n.fwe-header-modul-container .fwe-header-modul-content .fwe-h1 {\n  margin-bottom: 0;\n}\n.fwe-header-modul-container .fwe-header-modul-content h3,\n.fwe-header-modul-container .fwe-header-modul-content .fwe-h3 {\n  margin-top: 0;\n  margin-bottom: 16px;\n}\n.fwe-header-modul-container .fwe-header-modul-content p {\n  font-size: var(--fwe-font-size-xl);\n  line-height: 32px;\n  color: var(--fwe-text-light);\n  margin: 0;\n  padding-bottom: 34px;\n}\n.fwe-header-modul-container .fwe-header-modul-content::after {\n  position: absolute;\n  bottom: 0;\n  right: 0;\n  content: \"\";\n  width: 28px;\n  height: 10px;\n  background-color: var(--fwe-gray-400);\n}\n.fwe-header-modul-container .fwe-header-modul-media {\n  min-height: 111px;\n  background-color: var(--fwe-hero);\n  order: 1;\n}\n\n@media only screen and (min-width: 600px) {\n  .fwe-header-modul-container .fwe-header-modul-media {\n    min-height: 132px;\n  }\n}\n@media only screen and (min-width: 769px) {\n  .fwe-header-modul-container .fwe-header-modul-content h1,\n.fwe-header-modul-container .fwe-header-modul-content .fwe-h1 {\n    margin-bottom: 6px;\n  }\n  .fwe-header-modul-container .fwe-header-modul-media {\n    min-height: 268px;\n  }\n}\n@media only screen and (min-width: 1025px) {\n  .fwe-header-modul-container .fwe-header-modul-media {\n    min-height: 352px;\n  }\n}\n@media only screen and (min-width: 1281px) {\n  .fwe-header-modul-container {\n    flex-direction: row;\n  }\n  .fwe-header-modul-container .fwe-header-modul-content {\n    order: 1;\n    width: 41.6666666667%;\n    margin-right: 24px;\n  }\n  .fwe-header-modul-container .fwe-header-modul-content h1,\n.fwe-header-modul-container .fwe-header-modul-content .fwe-h1 {\n    margin-top: 0;\n  }\n  .fwe-header-modul-container .fwe-header-modul-media {\n    order: 2;\n    min-height: 293px;\n    flex: 1;\n  }\n}\n@media only screen and (min-width: 1441px) {\n  .fwe-header-modul-container .fwe-header-modul-media {\n    min-height: 400px;\n  }\n}\n/* stylelint-disable selector-class-pattern -- Doing swiper overrides here */\n.fwe-modal-image-gallery {\n  background: transparent;\n  box-shadow: none;\n  padding: 0px;\n  position: fixed;\n  width: 288px;\n  max-width: unset;\n  max-height: unset;\n  overflow-x: hidden;\n  overflow-y: auto;\n}\n.fwe-modal-image-gallery .fwe-btn-link i.fwe-icon-menu-close.fwe-modal-image-gallery-close {\n  padding-right: 0px;\n  padding-top: 4px;\n}\n.fwe-modal-image-gallery .fwe-image-gallery {\n  max-height: calc(100vh - 73px);\n}\n.fwe-modal-image-gallery--with-thumbnails .fwe-image-gallery {\n  max-height: calc(100vh - 161px);\n}\n\n.fwe-image-gallery-header {\n  display: flex;\n  align-items: center;\n  margin-bottom: 24px;\n}\n\n.fwe-image-gallery {\n  width: 100%;\n  height: 288px;\n  background-color: var(--fwe-background-image-gallery);\n  user-select: none;\n}\n.fwe-image-gallery svg,\n.fwe-image-gallery img,\n.fwe-image-gallery .swiper-zoom-container img,\n.fwe-image-gallery .swiper-zoom-container svg {\n  width: 100%;\n  height: 100%;\n  object-fit: cover;\n}\n\n.fwe-image-gallery-thumbs {\n  margin-top: 24px;\n  user-select: none;\n}\n.fwe-image-gallery-thumbs.swiper {\n  width: 100%;\n  height: 64px;\n  box-sizing: border-box;\n  margin-left: auto;\n  margin-right: auto;\n}\n.fwe-image-gallery-thumbs.swiper .swiper-slide {\n  position: relative;\n  background-size: cover;\n  background-position: center;\n  width: 88px;\n  margin-right: 8px;\n  height: 64px;\n  opacity: 0.33;\n  transition: opacity 0.3s;\n}\n.fwe-image-gallery-thumbs.swiper .swiper-slide:last-child {\n  margin-right: 0px;\n}\n.fwe-image-gallery-thumbs.swiper .swiper-slide::after {\n  position: absolute;\n  content: \"\";\n  height: 4px;\n  width: 100%;\n  background-color: var(--fwe-hero);\n  bottom: 0px;\n  opacity: 0;\n  transition: opacity 0.3s;\n}\n.fwe-image-gallery-thumbs.swiper .swiper-slide img {\n  display: block;\n  object-fit: cover;\n  width: 88px;\n  height: 56px;\n  background-color: var(--fwe-background-image-gallery);\n}\n.fwe-image-gallery-thumbs.swiper .swiper-slide.swiper-slide-thumb-active, .fwe-image-gallery-thumbs.swiper .swiper-slide:hover {\n  opacity: 1;\n}\n.fwe-image-gallery-thumbs.swiper .swiper-slide.swiper-slide-thumb-active::after, .fwe-image-gallery-thumbs.swiper .swiper-slide:hover::after {\n  opacity: 1;\n}\n.fwe-image-gallery-thumbs:not(.swiper) {\n  display: flex;\n  flex-direction: row;\n  overflow: hidden;\n}\n.fwe-image-gallery-thumbs-nail {\n  position: relative;\n  height: 64px;\n  width: 88px;\n  min-width: 88px;\n  margin-right: 8px;\n  opacity: 0.33;\n  transition: opacity 0.3s;\n}\n.fwe-image-gallery-thumbs-nail img {\n  position: absolute;\n  height: 56px;\n  width: 88px;\n  min-width: 88px;\n  background: var(--fwe-background-image-gallery);\n  object-fit: cover;\n}\n.fwe-image-gallery-thumbs-nail:last-child {\n  margin-right: 0px;\n}\n.fwe-image-gallery-thumbs-nail::after {\n  position: absolute;\n  content: \"\";\n  height: 4px;\n  width: 100%;\n  background-color: var(--fwe-hero);\n  bottom: 0px;\n  opacity: 0;\n  transition: opacity 0.3s;\n}\n.fwe-image-gallery-thumbs-nail.fwe-active, .fwe-image-gallery-thumbs-nail:hover {\n  opacity: 1;\n}\n.fwe-image-gallery-thumbs-nail.fwe-active::after, .fwe-image-gallery-thumbs-nail:hover::after {\n  opacity: 1;\n}\n\n@media only screen and (min-width: 375px) {\n  .fwe-modal-image-gallery {\n    width: 342px;\n  }\n\n  .fwe-image-gallery {\n    height: 342px;\n  }\n}\n@media only screen and (min-width: 769px) {\n  .fwe-modal-image-gallery {\n    width: 696px;\n  }\n\n  .fwe-image-gallery {\n    height: 465px;\n  }\n}\n@media only screen and (min-width: 1025px) {\n  .fwe-modal-image-gallery {\n    width: 696px;\n  }\n\n  .fwe-image-gallery {\n    height: 465px;\n  }\n}\n@media only screen and (min-width: 1441px) {\n  .fwe-modal-image-gallery {\n    width: 960px;\n  }\n\n  .fwe-image-gallery {\n    height: 640px;\n  }\n}\n.fwe-login-layout {\n  position: fixed;\n  background: var(--fwe-white);\n  top: 0px;\n  right: 0px;\n  bottom: 0px;\n  left: 0px;\n}\n.fwe-login-layout .fwe-login-background {\n  top: 64px;\n  position: absolute;\n  height: calc(100vh - 64px);\n  width: 100vw;\n  object-fit: cover;\n  object-position: center;\n}\n.fwe-login-layout .fwe-login-container {\n  height: calc(100vh - 64px);\n  overflow: scroll;\n  display: flex;\n  align-items: center;\n}\n.fwe-login-layout .fwe-login-container .fwe-login-form {\n  z-index: 1;\n  margin-left: 20%;\n  width: 430px;\n  background: var(--fwe-white);\n  padding: 48px;\n}\n.fwe-login-layout .fwe-login-container .fwe-login-form h1 {\n  margin: 0px;\n}\n@media (max-height: 600px) {\n  .fwe-login-layout .fwe-login-container .fwe-login-form h1 {\n    display: none;\n  }\n}\n.fwe-login-layout .fwe-login-container .fwe-login-form .fwe-login-link-container {\n  margin-top: 24px;\n  text-align: right;\n}\n@media (max-height: 600px) {\n  .fwe-login-layout .fwe-login-container .fwe-login-form {\n    padding: 24px;\n  }\n}\n@media (max-width: 600px), (max-height: 600px) {\n  .fwe-login-layout .fwe-login-container {\n    background-color: var(--fwe-white);\n    position: unset;\n    left: unset;\n    top: unset;\n    width: 100vw;\n    align-items: stretch;\n  }\n  .fwe-login-layout .fwe-login-container .fwe-login-form {\n    margin-left: 0px;\n    width: 100%;\n  }\n  .fwe-login-layout .fwe-login-background {\n    display: none;\n  }\n}\n\n/*# sourceMappingURL=festo-web-essentials-organisms.css.map */\n",null,null,null,null,null,null]}

package/dist/css/organisms/festo-web-essentials-organisms.min.css

@@ -1,6 +1,6 @@
 /*!
- * Festo UI - Web Essentials v3.2.1 (https://storybook.festo.design/)
+ * Festo UI - Web Essentials v4.0.0-pre-20220920.2 (https://storybook.festo.design/)
  * Copyright 2022 Festo SE & Co. KG
  * Licensed under Apache-2.0
- */footer.fwe-footer .fwe-social-media{display:flex;flex-direction:row;justify-content:center;padding:24px 0;border-bottom:1px solid var(--fwe-control-border-darker);margin-bottom:24px}footer.fwe-footer .fwe-social-media .fwe-social-media-link{display:block;width:32px;height:32px;border-radius:4px;margin-right:24px;opacity:.3;transition:opacity .3s}footer.fwe-footer .fwe-social-media .fwe-social-media-link:last-child{margin-right:0}footer.fwe-footer .fwe-social-media .fwe-social-media-link:hover{opacity:1}footer.fwe-footer .fwe-footer-details{padding-bottom:24px;border-bottom:1px solid var(--fwe-control-border-darker)}footer.fwe-footer .fwe-footer-details h4{font-size:16px;line-height:24px;font-weight:var(--fwe-font-weight-bold);list-style-type:none;position:relative;margin-top:0;margin-bottom:12px}footer.fwe-footer .fwe-footer-details ul.fwe-list-group .fwe-list-group-item{padding-left:0}footer.fwe-footer .fwe-footer-details p{padding-top:8px;max-width:320px}footer.fwe-footer .fwe-footer-details:not(:first-child){margin-top:24px}footer.fwe-footer .fwe-bottomline{font-size:var(--fwe-font-size-small);padding-top:24px;text-align:center}footer.fwe-footer .fwe-bottomline .fwe-sitelinks{order:2}footer.fwe-footer .fwe-bottomline .fwe-sitelinks .fwe-sitelinks-groupa{padding-bottom:8px}footer.fwe-footer .fwe-bottomline .fwe-sitelinks .fwe-sitelinks-groupa a{color:var(--fwe-control-border-darker);padding-right:8px}footer.fwe-footer .fwe-bottomline .fwe-sitelinks .fwe-sitelinks-groupa a:last-child{padding-right:0}footer.fwe-footer .fwe-bottomline .fwe-sitelinks .fwe-sitelinks-groupb{padding-bottom:24px}footer.fwe-footer .fwe-bottomline .fwe-sitelinks .fwe-sitelinks-groupb a{color:var(--fwe-control-border-darker);padding-right:8px}footer.fwe-footer .fwe-bottomline .fwe-sitelinks .fwe-sitelinks-groupb a:last-child{padding-right:0}footer.fwe-footer .fwe-bottomline .fwe-copyright{display:flex;order:1;justify-content:center;padding-bottom:24px;color:var(--fwe-control-border-darker)}@media only screen and (min-width:1281px){footer.fwe-footer .fwe-footer-details{border-bottom:none}footer.fwe-footer .fwe-footer-details h4{margin-top:24px}footer.fwe-footer .fwe-footer-details:not(:first-child){margin-top:0}footer.fwe-footer .fwe-bottomline{font-size:var(--fwe-font-size-small);padding-top:24px;text-align:left;display:flex}footer.fwe-footer .fwe-bottomline .fwe-sitelinks{text-align:right;margin-left:auto;display:flex}footer.fwe-footer .fwe-social-media{margin-bottom:0}}@media only screen and (min-width:1441px){footer.fwe-footer .fwe-social-media .fwe-social-media-link{width:64px;height:64px;margin-right:42px}footer.fwe-footer .fwe-social-media .fwe-social-media-link:last-child{margin-right:0}}.fwe-teaser-horbox{display:flex;background-color:var(--fwe-sucanul)}.fwe-teaser-horbox .fwe-teaser-horbox-img{background-color:var(--fwe-hero);flex:1}.fwe-teaser-horbox .fwe-teaser-horbox-content{flex:1;display:inline-flex;flex-direction:column;padding:24px}.fwe-teaser-horbox .fwe-teaser-horbox-content .fwe-teaser-more{align-self:flex-end}.fwe-teaser-verbox{display:inline-flex;flex-direction:column;background-color:var(--fwe-sucanul);width:100%;height:100%}.fwe-teaser-verbox .fwe-teaser-verbox-img{background-color:var(--fwe-hero);height:calc(50% - 12px);min-height:186px;width:100%}.fwe-teaser-verbox h2{padding-top:24px;padding-left:24px;padding-right:24px}.fwe-teaser-verbox p{padding-left:24px;padding-right:24px}.fwe-teaser-verbox .fwe-teaser-more{align-self:flex-end;margin-bottom:24px;margin-right:24px}.fwe-teaser-c12-container{display:flex;flex-direction:column}.fwe-teaser-c12-container .fwe-teaser-c12-content{order:2;background-color:var(--fwe-sucanul);padding-top:16px;padding-bottom:13px;padding-left:20px;padding-right:20px}.fwe-teaser-c12-container .fwe-teaser-c12-content .fwe-h3,.fwe-teaser-c12-container .fwe-teaser-c12-content h3{font-size:12px;line-height:14px;margin-bottom:4px;font-weight:var(--fwe-font-weight-normal)}.fwe-teaser-c12-container .fwe-teaser-c12-content .fwe-h2,.fwe-teaser-c12-container .fwe-teaser-c12-content h2{font-size:16px;line-height:24px;font-weight:var(--fwe-font-weight-bold);margin-top:0}.fwe-teaser-c12-container .fwe-teaser-c12-img{order:1;background-color:var(--fwe-hero);min-height:114px}@media only screen and (min-width:1025px){.fwe-teaser-verbox h2{padding-top:48px}}.fwe-header-slider-container .fwe-header-slider-box{height:142px;background-color:var(--fwe-hero)}.fwe-header-slider-container .fwe-header-slider{margin-top:-28px;margin-left:12px;margin-right:12px}.fwe-header-slider{display:flex;flex-direction:column;padding:24px 28px;background-color:var(--fwe-white);border-radius:4px;box-shadow:0 1px 8px 0 rgba(0,0,0,.2)}.fwe-header-slider .fwe-header-slider-content{display:inline-flex;flex-direction:column}.fwe-header-slider .fwe-header-slider-content p{text-overflow:ellipsis;overflow:hidden;display:-webkit-box!important;-webkit-line-clamp:2;-webkit-box-orient:vertical;white-space:normal;margin:0}.fwe-header-slider .fwe-header-slider-content button.fwe-btn-hero{margin-top:24px;justify-content:center;margin-left:18px;margin-right:18px}.fwe-header-slider .fwe-pagination{align-self:center;margin-top:24px}.fwe-header-slider .fwe-header-slider-arrow-left,.fwe-header-slider .fwe-header-slider-arrow-right{display:none}@media only screen and (min-width:600px){.fwe-header-slider-container .fwe-header-slider-box{height:166px}}@media only screen and (min-width:769px){.fwe-header-slider-container .fwe-header-slider-box{height:341px}.fwe-header-slider-container .fwe-header-slider{margin-top:-104px}}@media only screen and (min-width:1025px){.fwe-header-slider-container .fwe-header-slider-box{height:455px}.fwe-header-slider-container .fwe-header-slider{position:relative;margin-top:-104px}.fwe-header-slider{padding:24px 112px}.fwe-header-slider .fwe-header-slider-content{flex-direction:row;align-items:center}.fwe-header-slider .fwe-header-slider-content p{-webkit-line-clamp:3}.fwe-header-slider .fwe-header-slider-content button.fwe-btn-hero{justify-content:center;margin-top:0;margin-left:34px;margin-right:0;min-width:200px}.fwe-header-slider .fwe-header-slider-arrow-left,.fwe-header-slider .fwe-header-slider-arrow-right{display:block;position:absolute;top:50%;margin-top:12px;transform:translateY(-50%);height:48px;width:48px;font-size:48px}.fwe-header-slider .fwe-header-slider-arrow-left{left:24px}.fwe-header-slider .fwe-header-slider-arrow-right{right:24px}}@media only screen and (min-width:1441px){.fwe-header-slider-container .fwe-header-slider-box{height:640px}.fwe-header-slider-container .fwe-header-slider{margin:auto;margin-top:-104px;width:1096px}.fwe-header-slider{padding:24px 160px}}@media only screen and (min-width:1921px){.fwe-header-slider-container .fwe-header-slider{width:1192px}}.fwe-header-modul-container{display:flex;flex-direction:column;padding-top:32px;padding-bottom:32px}.fwe-header-modul-container .fwe-header-modul-content{order:2;position:relative}.fwe-header-modul-container .fwe-header-modul-content .fwe-h1,.fwe-header-modul-container .fwe-header-modul-content h1{margin-bottom:0}.fwe-header-modul-container .fwe-header-modul-content .fwe-h3,.fwe-header-modul-container .fwe-header-modul-content h3{margin-top:0;margin-bottom:16px}.fwe-header-modul-container .fwe-header-modul-content p{font-size:var(--fwe-font-size-xl);line-height:32px;color:var(--fwe-text-light);margin:0;padding-bottom:34px}.fwe-header-modul-container .fwe-header-modul-content::after{position:absolute;bottom:0;right:0;content:"";width:28px;height:10px;background-color:var(--fwe-gray-400)}.fwe-header-modul-container .fwe-header-modul-media{min-height:111px;background-color:var(--fwe-hero);order:1}@media only screen and (min-width:600px){.fwe-header-modul-container .fwe-header-modul-media{min-height:132px}}@media only screen and (min-width:769px){.fwe-header-modul-container .fwe-header-modul-content .fwe-h1,.fwe-header-modul-container .fwe-header-modul-content h1{margin-bottom:6px}.fwe-header-modul-container .fwe-header-modul-media{min-height:268px}}@media only screen and (min-width:1025px){.fwe-header-modul-container .fwe-header-modul-media{min-height:352px}}@media only screen and (min-width:1281px){.fwe-header-modul-container{flex-direction:row}.fwe-header-modul-container .fwe-header-modul-content{order:1;width:41.6666666667%;margin-right:24px}.fwe-header-modul-container .fwe-header-modul-content .fwe-h1,.fwe-header-modul-container .fwe-header-modul-content h1{margin-top:0}.fwe-header-modul-container .fwe-header-modul-media{order:2;min-height:293px;flex:1}}@media only screen and (min-width:1441px){.fwe-header-modul-container .fwe-header-modul-media{min-height:400px}}.fwe-modal-image-gallery{background:0 0;box-shadow:none;padding:0;position:fixed;width:288px;max-width:unset;max-height:unset;overflow-x:hidden;overflow-y:auto}.fwe-modal-image-gallery .fwe-btn-link i.fwe-icon-menu-close.fwe-modal-image-gallery-close{padding-right:0;padding-top:4px}.fwe-modal-image-gallery .fwe-image-gallery{max-height:calc(100vh - 73px)}.fwe-modal-image-gallery--with-thumbnails .fwe-image-gallery{max-height:calc(100vh - 161px)}.fwe-image-gallery-header{display:flex;align-items:center;margin-bottom:24px}.fwe-image-gallery{width:100%;height:288px;background-color:var(--fwe-background-image-gallery);-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none}.fwe-image-gallery .swiper-zoom-container img,.fwe-image-gallery .swiper-zoom-container svg,.fwe-image-gallery img,.fwe-image-gallery svg{width:100%;height:100%;-o-object-fit:cover;object-fit:cover}.fwe-image-gallery-thumbs{margin-top:24px;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none}.fwe-image-gallery-thumbs.swiper{width:100%;height:64px;box-sizing:border-box;margin-left:auto;margin-right:auto}.fwe-image-gallery-thumbs.swiper .swiper-slide{position:relative;background-size:cover;background-position:center;width:88px;margin-right:8px;height:64px;opacity:.33;transition:opacity .3s}.fwe-image-gallery-thumbs.swiper .swiper-slide:last-child{margin-right:0}.fwe-image-gallery-thumbs.swiper .swiper-slide::after{position:absolute;content:"";height:4px;width:100%;background-color:var(--fwe-hero);bottom:0;opacity:0;transition:opacity .3s}.fwe-image-gallery-thumbs.swiper .swiper-slide img{display:block;-o-object-fit:cover;object-fit:cover;width:88px;height:56px;background-color:var(--fwe-background-image-gallery)}.fwe-image-gallery-thumbs.swiper .swiper-slide.swiper-slide-thumb-active,.fwe-image-gallery-thumbs.swiper .swiper-slide:hover{opacity:1}.fwe-image-gallery-thumbs.swiper .swiper-slide.swiper-slide-thumb-active::after,.fwe-image-gallery-thumbs.swiper .swiper-slide:hover::after{opacity:1}.fwe-image-gallery-thumbs:not(.swiper){display:flex;flex-direction:row;overflow:hidden}.fwe-image-gallery-thumbs-nail{position:relative;height:64px;width:88px;min-width:88px;margin-right:8px;opacity:.33;transition:opacity .3s}.fwe-image-gallery-thumbs-nail img{position:absolute;height:56px;width:88px;min-width:88px;background:var(--fwe-background-image-gallery);-o-object-fit:cover;object-fit:cover}.fwe-image-gallery-thumbs-nail:last-child{margin-right:0}.fwe-image-gallery-thumbs-nail::after{position:absolute;content:"";height:4px;width:100%;background-color:var(--fwe-hero);bottom:0;opacity:0;transition:opacity .3s}.fwe-image-gallery-thumbs-nail.fwe-active,.fwe-image-gallery-thumbs-nail:hover{opacity:1}.fwe-image-gallery-thumbs-nail.fwe-active::after,.fwe-image-gallery-thumbs-nail:hover::after{opacity:1}@media only screen and (min-width:375px){.fwe-modal-image-gallery{width:342px}.fwe-image-gallery{height:342px}}@media only screen and (min-width:769px){.fwe-modal-image-gallery{width:696px}.fwe-image-gallery{height:465px}}@media only screen and (min-width:1025px){.fwe-modal-image-gallery{width:696px}.fwe-image-gallery{height:465px}}@media only screen and (min-width:1441px){.fwe-modal-image-gallery{width:960px}.fwe-image-gallery{height:640px}}
+ */footer.fwe-footer .fwe-social-media{display:flex;flex-direction:row;justify-content:center;padding:24px 0;border-bottom:1px solid var(--fwe-control-border-darker);margin-bottom:24px}footer.fwe-footer .fwe-social-media .fwe-social-media-link{display:block;width:32px;height:32px;border-radius:4px;margin-right:24px;opacity:.3;transition:opacity .3s}footer.fwe-footer .fwe-social-media .fwe-social-media-link:last-child{margin-right:0}footer.fwe-footer .fwe-social-media .fwe-social-media-link:hover{opacity:1}footer.fwe-footer .fwe-footer-details{padding-bottom:24px;border-bottom:1px solid var(--fwe-control-border-darker)}footer.fwe-footer .fwe-footer-details h4{font-size:16px;line-height:24px;font-weight:var(--fwe-font-weight-bold);list-style-type:none;position:relative;margin-top:0;margin-bottom:12px}footer.fwe-footer .fwe-footer-details ul.fwe-list-group .fwe-list-group-item{padding-left:0}footer.fwe-footer .fwe-footer-details p{padding-top:8px;max-width:320px}footer.fwe-footer .fwe-footer-details:not(:first-child){margin-top:24px}footer.fwe-footer .fwe-bottomline{font-size:var(--fwe-font-size-small);padding-top:24px;text-align:center}footer.fwe-footer .fwe-bottomline .fwe-sitelinks{order:2}footer.fwe-footer .fwe-bottomline .fwe-sitelinks .fwe-sitelinks-groupa{padding-bottom:8px}footer.fwe-footer .fwe-bottomline .fwe-sitelinks .fwe-sitelinks-groupa a{color:var(--fwe-control-border-darker);padding-right:8px}footer.fwe-footer .fwe-bottomline .fwe-sitelinks .fwe-sitelinks-groupa a:last-child{padding-right:0}footer.fwe-footer .fwe-bottomline .fwe-sitelinks .fwe-sitelinks-groupb{padding-bottom:24px}footer.fwe-footer .fwe-bottomline .fwe-sitelinks .fwe-sitelinks-groupb a{color:var(--fwe-control-border-darker);padding-right:8px}footer.fwe-footer .fwe-bottomline .fwe-sitelinks .fwe-sitelinks-groupb a:last-child{padding-right:0}footer.fwe-footer .fwe-bottomline .fwe-copyright{display:flex;order:1;justify-content:center;padding-bottom:24px;color:var(--fwe-control-border-darker)}@media only screen and (min-width:1281px){footer.fwe-footer .fwe-footer-details{border-bottom:none}footer.fwe-footer .fwe-footer-details h4{margin-top:24px}footer.fwe-footer .fwe-footer-details:not(:first-child){margin-top:0}footer.fwe-footer .fwe-bottomline{font-size:var(--fwe-font-size-small);padding-top:24px;text-align:left;display:flex}footer.fwe-footer .fwe-bottomline .fwe-sitelinks{text-align:right;margin-left:auto;display:flex}footer.fwe-footer .fwe-social-media{margin-bottom:0}}@media only screen and (min-width:1441px){footer.fwe-footer .fwe-social-media .fwe-social-media-link{width:64px;height:64px;margin-right:42px}footer.fwe-footer .fwe-social-media .fwe-social-media-link:last-child{margin-right:0}}.fwe-teaser-horbox{display:flex;background-color:var(--fwe-sucanul)}.fwe-teaser-horbox .fwe-teaser-horbox-img{background-color:var(--fwe-hero);flex:1}.fwe-teaser-horbox .fwe-teaser-horbox-content{flex:1;display:inline-flex;flex-direction:column;padding:24px}.fwe-teaser-horbox .fwe-teaser-horbox-content .fwe-teaser-more{align-self:flex-end}.fwe-teaser-verbox{display:inline-flex;flex-direction:column;background-color:var(--fwe-sucanul);width:100%;height:100%}.fwe-teaser-verbox .fwe-teaser-verbox-img{background-color:var(--fwe-hero);height:calc(50% - 12px);min-height:186px;width:100%}.fwe-teaser-verbox h2{padding-top:24px;padding-left:24px;padding-right:24px}.fwe-teaser-verbox p{padding-left:24px;padding-right:24px}.fwe-teaser-verbox .fwe-teaser-more{align-self:flex-end;margin-bottom:24px;margin-right:24px}.fwe-teaser-c12-container{display:flex;flex-direction:column}.fwe-teaser-c12-container .fwe-teaser-c12-content{order:2;background-color:var(--fwe-sucanul);padding-top:16px;padding-bottom:13px;padding-left:20px;padding-right:20px}.fwe-teaser-c12-container .fwe-teaser-c12-content .fwe-h3,.fwe-teaser-c12-container .fwe-teaser-c12-content h3{font-size:12px;line-height:14px;margin-bottom:4px;font-weight:var(--fwe-font-weight-normal)}.fwe-teaser-c12-container .fwe-teaser-c12-content .fwe-h2,.fwe-teaser-c12-container .fwe-teaser-c12-content h2{font-size:16px;line-height:24px;font-weight:var(--fwe-font-weight-bold);margin-top:0}.fwe-teaser-c12-container .fwe-teaser-c12-img{order:1;background-color:var(--fwe-hero);min-height:114px}@media only screen and (min-width:1025px){.fwe-teaser-verbox h2{padding-top:48px}}.fwe-header-slider-container .fwe-header-slider-box{height:142px;background-color:var(--fwe-hero)}.fwe-header-slider-container .fwe-header-slider{margin-top:-28px;margin-left:12px;margin-right:12px}.fwe-header-slider{display:flex;flex-direction:column;padding:24px 28px;background-color:var(--fwe-white);border-radius:4px;box-shadow:0 1px 8px 0 rgba(0,0,0,.2)}.fwe-header-slider .fwe-header-slider-content{display:inline-flex;flex-direction:column}.fwe-header-slider .fwe-header-slider-content p{text-overflow:ellipsis;overflow:hidden;display:-webkit-box!important;-webkit-line-clamp:2;-webkit-box-orient:vertical;white-space:normal;margin:0}.fwe-header-slider .fwe-header-slider-content button.fwe-btn-hero{margin-top:24px;justify-content:center;margin-left:18px;margin-right:18px}.fwe-header-slider .fwe-pagination{align-self:center;margin-top:24px}.fwe-header-slider .fwe-header-slider-arrow-left,.fwe-header-slider .fwe-header-slider-arrow-right{display:none}@media only screen and (min-width:600px){.fwe-header-slider-container .fwe-header-slider-box{height:166px}}@media only screen and (min-width:769px){.fwe-header-slider-container .fwe-header-slider-box{height:341px}.fwe-header-slider-container .fwe-header-slider{margin-top:-104px}}@media only screen and (min-width:1025px){.fwe-header-slider-container .fwe-header-slider-box{height:455px}.fwe-header-slider-container .fwe-header-slider{position:relative;margin-top:-104px}.fwe-header-slider{padding:24px 112px}.fwe-header-slider .fwe-header-slider-content{flex-direction:row;align-items:center}.fwe-header-slider .fwe-header-slider-content p{-webkit-line-clamp:3}.fwe-header-slider .fwe-header-slider-content button.fwe-btn-hero{justify-content:center;margin-top:0;margin-left:34px;margin-right:0;min-width:200px}.fwe-header-slider .fwe-header-slider-arrow-left,.fwe-header-slider .fwe-header-slider-arrow-right{display:block;position:absolute;top:50%;margin-top:12px;transform:translateY(-50%);height:48px;width:48px;font-size:48px}.fwe-header-slider .fwe-header-slider-arrow-left{left:24px}.fwe-header-slider .fwe-header-slider-arrow-right{right:24px}}@media only screen and (min-width:1441px){.fwe-header-slider-container .fwe-header-slider-box{height:640px}.fwe-header-slider-container .fwe-header-slider{margin:auto;margin-top:-104px;width:1096px}.fwe-header-slider{padding:24px 160px}}@media only screen and (min-width:1921px){.fwe-header-slider-container .fwe-header-slider{width:1192px}}.fwe-header-modul-container{display:flex;flex-direction:column;padding-top:32px;padding-bottom:32px}.fwe-header-modul-container .fwe-header-modul-content{order:2;position:relative}.fwe-header-modul-container .fwe-header-modul-content .fwe-h1,.fwe-header-modul-container .fwe-header-modul-content h1{margin-bottom:0}.fwe-header-modul-container .fwe-header-modul-content .fwe-h3,.fwe-header-modul-container .fwe-header-modul-content h3{margin-top:0;margin-bottom:16px}.fwe-header-modul-container .fwe-header-modul-content p{font-size:var(--fwe-font-size-xl);line-height:32px;color:var(--fwe-text-light);margin:0;padding-bottom:34px}.fwe-header-modul-container .fwe-header-modul-content::after{position:absolute;bottom:0;right:0;content:"";width:28px;height:10px;background-color:var(--fwe-gray-400)}.fwe-header-modul-container .fwe-header-modul-media{min-height:111px;background-color:var(--fwe-hero);order:1}@media only screen and (min-width:600px){.fwe-header-modul-container .fwe-header-modul-media{min-height:132px}}@media only screen and (min-width:769px){.fwe-header-modul-container .fwe-header-modul-content .fwe-h1,.fwe-header-modul-container .fwe-header-modul-content h1{margin-bottom:6px}.fwe-header-modul-container .fwe-header-modul-media{min-height:268px}}@media only screen and (min-width:1025px){.fwe-header-modul-container .fwe-header-modul-media{min-height:352px}}@media only screen and (min-width:1281px){.fwe-header-modul-container{flex-direction:row}.fwe-header-modul-container .fwe-header-modul-content{order:1;width:41.6666666667%;margin-right:24px}.fwe-header-modul-container .fwe-header-modul-content .fwe-h1,.fwe-header-modul-container .fwe-header-modul-content h1{margin-top:0}.fwe-header-modul-container .fwe-header-modul-media{order:2;min-height:293px;flex:1}}@media only screen and (min-width:1441px){.fwe-header-modul-container .fwe-header-modul-media{min-height:400px}}.fwe-modal-image-gallery{background:0 0;box-shadow:none;padding:0;position:fixed;width:288px;max-width:unset;max-height:unset;overflow-x:hidden;overflow-y:auto}.fwe-modal-image-gallery .fwe-btn-link i.fwe-icon-menu-close.fwe-modal-image-gallery-close{padding-right:0;padding-top:4px}.fwe-modal-image-gallery .fwe-image-gallery{max-height:calc(100vh - 73px)}.fwe-modal-image-gallery--with-thumbnails .fwe-image-gallery{max-height:calc(100vh - 161px)}.fwe-image-gallery-header{display:flex;align-items:center;margin-bottom:24px}.fwe-image-gallery{width:100%;height:288px;background-color:var(--fwe-background-image-gallery);-webkit-user-select:none;-moz-user-select:none;user-select:none}.fwe-image-gallery .swiper-zoom-container img,.fwe-image-gallery .swiper-zoom-container svg,.fwe-image-gallery img,.fwe-image-gallery svg{width:100%;height:100%;-o-object-fit:cover;object-fit:cover}.fwe-image-gallery-thumbs{margin-top:24px;-webkit-user-select:none;-moz-user-select:none;user-select:none}.fwe-image-gallery-thumbs.swiper{width:100%;height:64px;box-sizing:border-box;margin-left:auto;margin-right:auto}.fwe-image-gallery-thumbs.swiper .swiper-slide{position:relative;background-size:cover;background-position:center;width:88px;margin-right:8px;height:64px;opacity:.33;transition:opacity .3s}.fwe-image-gallery-thumbs.swiper .swiper-slide:last-child{margin-right:0}.fwe-image-gallery-thumbs.swiper .swiper-slide::after{position:absolute;content:"";height:4px;width:100%;background-color:var(--fwe-hero);bottom:0;opacity:0;transition:opacity .3s}.fwe-image-gallery-thumbs.swiper .swiper-slide img{display:block;-o-object-fit:cover;object-fit:cover;width:88px;height:56px;background-color:var(--fwe-background-image-gallery)}.fwe-image-gallery-thumbs.swiper .swiper-slide.swiper-slide-thumb-active,.fwe-image-gallery-thumbs.swiper .swiper-slide:hover{opacity:1}.fwe-image-gallery-thumbs.swiper .swiper-slide.swiper-slide-thumb-active::after,.fwe-image-gallery-thumbs.swiper .swiper-slide:hover::after{opacity:1}.fwe-image-gallery-thumbs:not(.swiper){display:flex;flex-direction:row;overflow:hidden}.fwe-image-gallery-thumbs-nail{position:relative;height:64px;width:88px;min-width:88px;margin-right:8px;opacity:.33;transition:opacity .3s}.fwe-image-gallery-thumbs-nail img{position:absolute;height:56px;width:88px;min-width:88px;background:var(--fwe-background-image-gallery);-o-object-fit:cover;object-fit:cover}.fwe-image-gallery-thumbs-nail:last-child{margin-right:0}.fwe-image-gallery-thumbs-nail::after{position:absolute;content:"";height:4px;width:100%;background-color:var(--fwe-hero);bottom:0;opacity:0;transition:opacity .3s}.fwe-image-gallery-thumbs-nail.fwe-active,.fwe-image-gallery-thumbs-nail:hover{opacity:1}.fwe-image-gallery-thumbs-nail.fwe-active::after,.fwe-image-gallery-thumbs-nail:hover::after{opacity:1}@media only screen and (min-width:375px){.fwe-modal-image-gallery{width:342px}.fwe-image-gallery{height:342px}}@media only screen and (min-width:769px){.fwe-modal-image-gallery{width:696px}.fwe-image-gallery{height:465px}}@media only screen and (min-width:1025px){.fwe-modal-image-gallery{width:696px}.fwe-image-gallery{height:465px}}@media only screen and (min-width:1441px){.fwe-modal-image-gallery{width:960px}.fwe-image-gallery{height:640px}}.fwe-login-layout{position:fixed;background:var(--fwe-white);top:0;right:0;bottom:0;left:0}.fwe-login-layout .fwe-login-background{top:64px;position:absolute;height:calc(100vh - 64px);width:100vw;-o-object-fit:cover;object-fit:cover;-o-object-position:center;object-position:center}.fwe-login-layout .fwe-login-container{height:calc(100vh - 64px);overflow:scroll;display:flex;align-items:center}.fwe-login-layout .fwe-login-container .fwe-login-form{z-index:1;margin-left:20%;width:430px;background:var(--fwe-white);padding:48px}.fwe-login-layout .fwe-login-container .fwe-login-form h1{margin:0}@media (max-height:600px){.fwe-login-layout .fwe-login-container .fwe-login-form h1{display:none}}.fwe-login-layout .fwe-login-container .fwe-login-form .fwe-login-link-container{margin-top:24px;text-align:right}@media (max-height:600px){.fwe-login-layout .fwe-login-container .fwe-login-form{padding:24px}}@media (max-width:600px),(max-height:600px){.fwe-login-layout .fwe-login-container{background-color:var(--fwe-white);position:unset;left:unset;top:unset;width:100vw;align-items:stretch}.fwe-login-layout .fwe-login-container .fwe-login-form{margin-left:0;width:100%}.fwe-login-layout .fwe-login-background{display:none}}
 /*# sourceMappingURL=festo-web-essentials-organisms.min.css.map */

package/dist/css/organisms/festo-web-essentials-organisms.min.css.map

@@ -1 +1 @@
-{"version":3,"sources":["../../../scss/organisms/festo-web-essentials-organisms.scss","../../../scss/organisms/_footer.scss","../../../scss/organisms/_teaser.scss","libs/web-essentials/dist/css/organisms/festo-web-essentials-organisms.css","../../../scss/organisms/_header-slider.scss","../../../scss/organisms/_header-modul.scss","../../../scss/organisms/_image-gallery.scss"],"names":[],"mappings":"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","sourcesContent":["/*!\n * Festo UI - Web Essentials v3.1.0 (https://storybook.festo.design/)\n * Copyright 2022 Festo SE & Co. KG\n * Licensed under Apache-2.0\n */\n\n@import \"../variables\";\n\n@import \"footer\";\n@import \"teaser\";\n@import \"header-slider\";\n@import \"header-modul\";\n@import \"image-gallery\";\n","footer.fwe-footer {\n  .fwe-social-media {\n    display: flex;\n    flex-direction: row;\n    justify-content: center;\n    padding: 24px 0px;\n    border-bottom: 1px solid $control-border-darker;\n    margin-bottom: 24px;\n\n    .fwe-social-media-link {\n      display: block;\n      width: 32px;\n      height: 32px;\n      border-radius: 4px;\n      margin-right: 24px;\n      opacity: 0.3;\n      transition: opacity 0.3s;\n\n      &:last-child {\n        margin-right: 0px;\n      }\n\n      &:hover {\n        opacity: 1;\n      }\n    }\n  }\n  .fwe-footer-details {\n    padding-bottom: 24px;\n    border-bottom: 1px solid $control-border-darker;\n\n    h4 {\n      font-size: 16px;\n      line-height: 24px;\n      font-weight: $font-weight-bold;\n      list-style-type: none;\n      position: relative;\n      margin-top: 0px;\n      margin-bottom: 12px;\n    }\n\n    ul.fwe-list-group {\n      .fwe-list-group-item {\n        padding-left: 0px;\n      }\n    }\n\n    p {\n      padding-top: 8px;\n      max-width: 320px;\n    }\n\n    &:not(:first-child) {\n      margin-top: 24px;\n    }\n  }\n  .fwe-bottomline {\n    font-size: $font-size-small;\n    padding-top: 24px;\n    text-align: center;\n\n    .fwe-sitelinks {\n      order: 2;\n\n      .fwe-sitelinks-groupa {\n        padding-bottom: 8px;\n\n        a {\n          color: $control-border-darker;\n          padding-right: 8px;\n\n          &:last-child {\n            padding-right: 0px;\n          }\n        }\n      }\n\n      .fwe-sitelinks-groupb {\n        padding-bottom: 24px;\n\n        a {\n          color: $control-border-darker;\n          padding-right: 8px;\n\n          &:last-child {\n            padding-right: 0px;\n          }\n        }\n      }\n    }\n    .fwe-copyright {\n      display: flex;\n      order: 1;\n      justify-content: center;\n      padding-bottom: 24px;\n      color: $control-border-darker;\n    }\n  }\n}\n\n@media only screen and (min-width: $grid-breakpoint-lg) {\n  footer.fwe-footer {\n    .fwe-footer-details {\n      border-bottom: none;\n      h4 {\n        margin-top: 24px;\n      }\n      &:not(:first-child) {\n        margin-top: 0px;\n      }\n    }\n    .fwe-bottomline {\n      font-size: $font-size-small;\n      padding-top: 24px;\n      text-align: left;\n      display: flex;\n      .fwe-sitelinks {\n        text-align: right;\n        margin-left: auto;\n        display: flex;\n      }\n    }\n    .fwe-social-media {\n      margin-bottom: 0px;\n    }\n  }\n}\n\n@media only screen and (min-width: $grid-breakpoint-xl) {\n  footer.fwe-footer {\n    .fwe-social-media {\n      .fwe-social-media-link {\n        width: 64px;\n        height: 64px;\n        margin-right: 42px;\n        &:last-child {\n          margin-right: 0px;\n        }\n      }\n    }\n  }\n}\n",".fwe-teaser-horbox {\n  display: flex;\n  background-color: var(--fwe-sucanul);\n}\n\n.fwe-teaser-horbox .fwe-teaser-horbox-img {\n  background-color: var(--fwe-hero);\n  flex: 1;\n}\n\n.fwe-teaser-horbox .fwe-teaser-horbox-content {\n  flex: 1;\n  display: inline-flex;\n  flex-direction: column;\n  padding: 24px;\n}\n\n.fwe-teaser-horbox .fwe-teaser-horbox-content .fwe-teaser-more {\n  align-self: flex-end;\n}\n\n.fwe-teaser-verbox {\n  display: inline-flex;\n  flex-direction: column;\n  background-color: var(--fwe-sucanul);\n  width: 100%;\n  height: 100%;\n}\n\n.fwe-teaser-verbox .fwe-teaser-verbox-img {\n  background-color: var(--fwe-hero);\n  height: calc(50% - 12px);\n  min-height: 186px;\n  width: 100%;\n}\n\n.fwe-teaser-verbox h2 {\n  padding-top: 24px;\n  padding-left: 24px;\n  padding-right: 24px;\n}\n\n.fwe-teaser-verbox p {\n  padding-left: 24px;\n  padding-right: 24px;\n}\n\n.fwe-teaser-verbox .fwe-teaser-more {\n  align-self: flex-end;\n  margin-bottom: 24px;\n  margin-right: 24px;\n}\n\n.fwe-teaser-c12-container {\n  display: flex;\n  flex-direction: column;\n\n  .fwe-teaser-c12-content {\n    order: 2;\n    background-color: $sucanul;\n    padding-top: 16px;\n    padding-bottom: 13px;\n    padding-left: 20px;\n    padding-right: 20px;\n\n    h3,\n    .fwe-h3 {\n      font-size: 12px;\n      line-height: 14px;\n      margin-bottom: 4px;\n      font-weight: $font-weight-normal;\n    }\n\n    h2,\n    .fwe-h2 {\n      font-size: 16px;\n      line-height: 24px;\n      font-weight: $font-weight-bold;\n      margin-top: 0;\n    }\n  }\n\n  .fwe-teaser-c12-img {\n    order: 1;\n    background-color: $hero;\n    min-height: 114px;\n  }\n}\n\n@media only screen and (min-width: $grid-breakpoint-md) {\n  .fwe-teaser-verbox h2 {\n    padding-top: 48px;\n  }\n}\n","/*!\n * Festo UI - Web Essentials v3.1.0 (https://storybook.festo.design/)\n * Copyright 2022 Festo SE & Co. KG\n * Licensed under Apache-2.0\n */\nfooter.fwe-footer .fwe-social-media {\n  display: flex;\n  flex-direction: row;\n  justify-content: center;\n  padding: 24px 0px;\n  border-bottom: 1px solid var(--fwe-control-border-darker);\n  margin-bottom: 24px;\n}\nfooter.fwe-footer .fwe-social-media .fwe-social-media-link {\n  display: block;\n  width: 32px;\n  height: 32px;\n  border-radius: 4px;\n  margin-right: 24px;\n  opacity: 0.3;\n  transition: opacity 0.3s;\n}\nfooter.fwe-footer .fwe-social-media .fwe-social-media-link:last-child {\n  margin-right: 0px;\n}\nfooter.fwe-footer .fwe-social-media .fwe-social-media-link:hover {\n  opacity: 1;\n}\nfooter.fwe-footer .fwe-footer-details {\n  padding-bottom: 24px;\n  border-bottom: 1px solid var(--fwe-control-border-darker);\n}\nfooter.fwe-footer .fwe-footer-details h4 {\n  font-size: 16px;\n  line-height: 24px;\n  font-weight: var(--fwe-font-weight-bold);\n  list-style-type: none;\n  position: relative;\n  margin-top: 0px;\n  margin-bottom: 12px;\n}\nfooter.fwe-footer .fwe-footer-details ul.fwe-list-group .fwe-list-group-item {\n  padding-left: 0px;\n}\nfooter.fwe-footer .fwe-footer-details p {\n  padding-top: 8px;\n  max-width: 320px;\n}\nfooter.fwe-footer .fwe-footer-details:not(:first-child) {\n  margin-top: 24px;\n}\nfooter.fwe-footer .fwe-bottomline {\n  font-size: var(--fwe-font-size-small);\n  padding-top: 24px;\n  text-align: center;\n}\nfooter.fwe-footer .fwe-bottomline .fwe-sitelinks {\n  order: 2;\n}\nfooter.fwe-footer .fwe-bottomline .fwe-sitelinks .fwe-sitelinks-groupa {\n  padding-bottom: 8px;\n}\nfooter.fwe-footer .fwe-bottomline .fwe-sitelinks .fwe-sitelinks-groupa a {\n  color: var(--fwe-control-border-darker);\n  padding-right: 8px;\n}\nfooter.fwe-footer .fwe-bottomline .fwe-sitelinks .fwe-sitelinks-groupa a:last-child {\n  padding-right: 0px;\n}\nfooter.fwe-footer .fwe-bottomline .fwe-sitelinks .fwe-sitelinks-groupb {\n  padding-bottom: 24px;\n}\nfooter.fwe-footer .fwe-bottomline .fwe-sitelinks .fwe-sitelinks-groupb a {\n  color: var(--fwe-control-border-darker);\n  padding-right: 8px;\n}\nfooter.fwe-footer .fwe-bottomline .fwe-sitelinks .fwe-sitelinks-groupb a:last-child {\n  padding-right: 0px;\n}\nfooter.fwe-footer .fwe-bottomline .fwe-copyright {\n  display: flex;\n  order: 1;\n  justify-content: center;\n  padding-bottom: 24px;\n  color: var(--fwe-control-border-darker);\n}\n\n@media only screen and (min-width: 1281px) {\n  footer.fwe-footer .fwe-footer-details {\n    border-bottom: none;\n  }\n  footer.fwe-footer .fwe-footer-details h4 {\n    margin-top: 24px;\n  }\n  footer.fwe-footer .fwe-footer-details:not(:first-child) {\n    margin-top: 0px;\n  }\n  footer.fwe-footer .fwe-bottomline {\n    font-size: var(--fwe-font-size-small);\n    padding-top: 24px;\n    text-align: left;\n    display: flex;\n  }\n  footer.fwe-footer .fwe-bottomline .fwe-sitelinks {\n    text-align: right;\n    margin-left: auto;\n    display: flex;\n  }\n  footer.fwe-footer .fwe-social-media {\n    margin-bottom: 0px;\n  }\n}\n@media only screen and (min-width: 1441px) {\n  footer.fwe-footer .fwe-social-media .fwe-social-media-link {\n    width: 64px;\n    height: 64px;\n    margin-right: 42px;\n  }\n  footer.fwe-footer .fwe-social-media .fwe-social-media-link:last-child {\n    margin-right: 0px;\n  }\n}\n.fwe-teaser-horbox {\n  display: flex;\n  background-color: var(--fwe-sucanul);\n}\n\n.fwe-teaser-horbox .fwe-teaser-horbox-img {\n  background-color: var(--fwe-hero);\n  flex: 1;\n}\n\n.fwe-teaser-horbox .fwe-teaser-horbox-content {\n  flex: 1;\n  display: inline-flex;\n  flex-direction: column;\n  padding: 24px;\n}\n\n.fwe-teaser-horbox .fwe-teaser-horbox-content .fwe-teaser-more {\n  align-self: flex-end;\n}\n\n.fwe-teaser-verbox {\n  display: inline-flex;\n  flex-direction: column;\n  background-color: var(--fwe-sucanul);\n  width: 100%;\n  height: 100%;\n}\n\n.fwe-teaser-verbox .fwe-teaser-verbox-img {\n  background-color: var(--fwe-hero);\n  height: calc(50% - 12px);\n  min-height: 186px;\n  width: 100%;\n}\n\n.fwe-teaser-verbox h2 {\n  padding-top: 24px;\n  padding-left: 24px;\n  padding-right: 24px;\n}\n\n.fwe-teaser-verbox p {\n  padding-left: 24px;\n  padding-right: 24px;\n}\n\n.fwe-teaser-verbox .fwe-teaser-more {\n  align-self: flex-end;\n  margin-bottom: 24px;\n  margin-right: 24px;\n}\n\n.fwe-teaser-c12-container {\n  display: flex;\n  flex-direction: column;\n}\n.fwe-teaser-c12-container .fwe-teaser-c12-content {\n  order: 2;\n  background-color: var(--fwe-sucanul);\n  padding-top: 16px;\n  padding-bottom: 13px;\n  padding-left: 20px;\n  padding-right: 20px;\n}\n.fwe-teaser-c12-container .fwe-teaser-c12-content h3,\n.fwe-teaser-c12-container .fwe-teaser-c12-content .fwe-h3 {\n  font-size: 12px;\n  line-height: 14px;\n  margin-bottom: 4px;\n  font-weight: var(--fwe-font-weight-normal);\n}\n.fwe-teaser-c12-container .fwe-teaser-c12-content h2,\n.fwe-teaser-c12-container .fwe-teaser-c12-content .fwe-h2 {\n  font-size: 16px;\n  line-height: 24px;\n  font-weight: var(--fwe-font-weight-bold);\n  margin-top: 0;\n}\n.fwe-teaser-c12-container .fwe-teaser-c12-img {\n  order: 1;\n  background-color: var(--fwe-hero);\n  min-height: 114px;\n}\n\n@media only screen and (min-width: 1025px) {\n  .fwe-teaser-verbox h2 {\n    padding-top: 48px;\n  }\n}\n.fwe-header-slider-container .fwe-header-slider-box {\n  height: 142px;\n  background-color: var(--fwe-hero);\n}\n.fwe-header-slider-container .fwe-header-slider {\n  margin-top: -28px;\n  margin-left: 12px;\n  margin-right: 12px;\n}\n\n.fwe-header-slider {\n  display: flex;\n  flex-direction: column;\n  padding: 24px 28px;\n  background-color: var(--fwe-white);\n  border-radius: 4px;\n  box-shadow: 0 1px 8px 0 rgba(0, 0, 0, 0.2);\n}\n.fwe-header-slider .fwe-header-slider-content {\n  display: inline-flex;\n  flex-direction: column;\n}\n.fwe-header-slider .fwe-header-slider-content p {\n  text-overflow: ellipsis;\n  overflow: hidden;\n  display: -webkit-box !important;\n  -webkit-line-clamp: 2;\n  -webkit-box-orient: vertical;\n  white-space: normal;\n  margin: 0;\n}\n.fwe-header-slider .fwe-header-slider-content button.fwe-btn-hero {\n  margin-top: 24px;\n  justify-content: center;\n  margin-left: 18px;\n  margin-right: 18px;\n}\n.fwe-header-slider .fwe-pagination {\n  align-self: center;\n  margin-top: 24px;\n}\n.fwe-header-slider .fwe-header-slider-arrow-left,\n.fwe-header-slider .fwe-header-slider-arrow-right {\n  display: none;\n}\n\n@media only screen and (min-width: 600px) {\n  .fwe-header-slider-container .fwe-header-slider-box {\n    height: 166px;\n  }\n}\n@media only screen and (min-width: 769px) {\n  .fwe-header-slider-container .fwe-header-slider-box {\n    height: 341px;\n  }\n  .fwe-header-slider-container .fwe-header-slider {\n    margin-top: -104px;\n  }\n}\n@media only screen and (min-width: 1025px) {\n  .fwe-header-slider-container .fwe-header-slider-box {\n    height: 455px;\n  }\n  .fwe-header-slider-container .fwe-header-slider {\n    position: relative;\n    margin-top: -104px;\n  }\n\n  .fwe-header-slider {\n    padding: 24px 112px;\n  }\n  .fwe-header-slider .fwe-header-slider-content {\n    flex-direction: row;\n    align-items: center;\n  }\n  .fwe-header-slider .fwe-header-slider-content p {\n    -webkit-line-clamp: 3;\n  }\n  .fwe-header-slider .fwe-header-slider-content button.fwe-btn-hero {\n    justify-content: center;\n    margin-top: 0;\n    margin-left: 34px;\n    margin-right: 0;\n    min-width: 200px;\n  }\n  .fwe-header-slider .fwe-header-slider-arrow-left,\n.fwe-header-slider .fwe-header-slider-arrow-right {\n    display: block;\n    position: absolute;\n    top: 50%;\n    margin-top: 12px;\n    transform: translateY(-50%);\n    height: 48px;\n    width: 48px;\n    font-size: 48px;\n  }\n  .fwe-header-slider .fwe-header-slider-arrow-left {\n    left: 24px;\n  }\n  .fwe-header-slider .fwe-header-slider-arrow-right {\n    right: 24px;\n  }\n}\n@media only screen and (min-width: 1441px) {\n  .fwe-header-slider-container .fwe-header-slider-box {\n    height: 640px;\n  }\n  .fwe-header-slider-container .fwe-header-slider {\n    margin: auto;\n    margin-top: -104px;\n    width: 1096px;\n  }\n\n  .fwe-header-slider {\n    padding: 24px 160px;\n  }\n}\n@media only screen and (min-width: 1921px) {\n  .fwe-header-slider-container .fwe-header-slider {\n    width: 1192px;\n  }\n}\n.fwe-header-modul-container {\n  display: flex;\n  flex-direction: column;\n  padding-top: 32px;\n  padding-bottom: 32px;\n}\n.fwe-header-modul-container .fwe-header-modul-content {\n  order: 2;\n  position: relative;\n}\n.fwe-header-modul-container .fwe-header-modul-content h1,\n.fwe-header-modul-container .fwe-header-modul-content .fwe-h1 {\n  margin-bottom: 0;\n}\n.fwe-header-modul-container .fwe-header-modul-content h3,\n.fwe-header-modul-container .fwe-header-modul-content .fwe-h3 {\n  margin-top: 0;\n  margin-bottom: 16px;\n}\n.fwe-header-modul-container .fwe-header-modul-content p {\n  font-size: var(--fwe-font-size-xl);\n  line-height: 32px;\n  color: var(--fwe-text-light);\n  margin: 0;\n  padding-bottom: 34px;\n}\n.fwe-header-modul-container .fwe-header-modul-content::after {\n  position: absolute;\n  bottom: 0;\n  right: 0;\n  content: \"\";\n  width: 28px;\n  height: 10px;\n  background-color: var(--fwe-gray-400);\n}\n.fwe-header-modul-container .fwe-header-modul-media {\n  min-height: 111px;\n  background-color: var(--fwe-hero);\n  order: 1;\n}\n\n@media only screen and (min-width: 600px) {\n  .fwe-header-modul-container .fwe-header-modul-media {\n    min-height: 132px;\n  }\n}\n@media only screen and (min-width: 769px) {\n  .fwe-header-modul-container .fwe-header-modul-content h1,\n.fwe-header-modul-container .fwe-header-modul-content .fwe-h1 {\n    margin-bottom: 6px;\n  }\n  .fwe-header-modul-container .fwe-header-modul-media {\n    min-height: 268px;\n  }\n}\n@media only screen and (min-width: 1025px) {\n  .fwe-header-modul-container .fwe-header-modul-media {\n    min-height: 352px;\n  }\n}\n@media only screen and (min-width: 1281px) {\n  .fwe-header-modul-container {\n    flex-direction: row;\n  }\n  .fwe-header-modul-container .fwe-header-modul-content {\n    order: 1;\n    width: 41.6666666667%;\n    margin-right: 24px;\n  }\n  .fwe-header-modul-container .fwe-header-modul-content h1,\n.fwe-header-modul-container .fwe-header-modul-content .fwe-h1 {\n    margin-top: 0;\n  }\n  .fwe-header-modul-container .fwe-header-modul-media {\n    order: 2;\n    min-height: 293px;\n    flex: 1;\n  }\n}\n@media only screen and (min-width: 1441px) {\n  .fwe-header-modul-container .fwe-header-modul-media {\n    min-height: 400px;\n  }\n}\n/* stylelint-disable selector-class-pattern -- Doing swiper overrides here */\n.fwe-modal-image-gallery {\n  background: transparent;\n  box-shadow: none;\n  padding: 0px;\n  position: fixed;\n  width: 288px;\n  max-width: unset;\n  max-height: unset;\n  overflow-x: hidden;\n  overflow-y: auto;\n}\n.fwe-modal-image-gallery .fwe-btn-link i.fwe-icon-menu-close.fwe-modal-image-gallery-close {\n  padding-right: 0px;\n  padding-top: 4px;\n}\n.fwe-modal-image-gallery .fwe-image-gallery {\n  max-height: calc(100vh - 73px);\n}\n.fwe-modal-image-gallery--with-thumbnails .fwe-image-gallery {\n  max-height: calc(100vh - 161px);\n}\n\n.fwe-image-gallery-header {\n  display: flex;\n  align-items: center;\n  margin-bottom: 24px;\n}\n\n.fwe-image-gallery {\n  width: 100%;\n  height: 288px;\n  background-color: var(--fwe-background-image-gallery);\n  -webkit-user-select: none;\n  -moz-user-select: none;\n  -ms-user-select: none;\n  user-select: none;\n}\n.fwe-image-gallery svg,\n.fwe-image-gallery img,\n.fwe-image-gallery .swiper-zoom-container img,\n.fwe-image-gallery .swiper-zoom-container svg {\n  width: 100%;\n  height: 100%;\n  -o-object-fit: cover;\n  object-fit: cover;\n}\n\n.fwe-image-gallery-thumbs {\n  margin-top: 24px;\n  -webkit-user-select: none;\n  -moz-user-select: none;\n  -ms-user-select: none;\n  user-select: none;\n}\n.fwe-image-gallery-thumbs.swiper {\n  width: 100%;\n  height: 64px;\n  box-sizing: border-box;\n  margin-left: auto;\n  margin-right: auto;\n}\n.fwe-image-gallery-thumbs.swiper .swiper-slide {\n  position: relative;\n  background-size: cover;\n  background-position: center;\n  width: 88px;\n  margin-right: 8px;\n  height: 64px;\n  opacity: 0.33;\n  transition: opacity 0.3s;\n}\n.fwe-image-gallery-thumbs.swiper .swiper-slide:last-child {\n  margin-right: 0px;\n}\n.fwe-image-gallery-thumbs.swiper .swiper-slide::after {\n  position: absolute;\n  content: \"\";\n  height: 4px;\n  width: 100%;\n  background-color: var(--fwe-hero);\n  bottom: 0px;\n  opacity: 0;\n  transition: opacity 0.3s;\n}\n.fwe-image-gallery-thumbs.swiper .swiper-slide img {\n  display: block;\n  -o-object-fit: cover;\n  object-fit: cover;\n  width: 88px;\n  height: 56px;\n  background-color: var(--fwe-background-image-gallery);\n}\n.fwe-image-gallery-thumbs.swiper .swiper-slide.swiper-slide-thumb-active, .fwe-image-gallery-thumbs.swiper .swiper-slide:hover {\n  opacity: 1;\n}\n.fwe-image-gallery-thumbs.swiper .swiper-slide.swiper-slide-thumb-active::after, .fwe-image-gallery-thumbs.swiper .swiper-slide:hover::after {\n  opacity: 1;\n}\n.fwe-image-gallery-thumbs:not(.swiper) {\n  display: flex;\n  flex-direction: row;\n  overflow: hidden;\n}\n.fwe-image-gallery-thumbs-nail {\n  position: relative;\n  height: 64px;\n  width: 88px;\n  min-width: 88px;\n  margin-right: 8px;\n  opacity: 0.33;\n  transition: opacity 0.3s;\n}\n.fwe-image-gallery-thumbs-nail img {\n  position: absolute;\n  height: 56px;\n  width: 88px;\n  min-width: 88px;\n  background: var(--fwe-background-image-gallery);\n  -o-object-fit: cover;\n  object-fit: cover;\n}\n.fwe-image-gallery-thumbs-nail:last-child {\n  margin-right: 0px;\n}\n.fwe-image-gallery-thumbs-nail::after {\n  position: absolute;\n  content: \"\";\n  height: 4px;\n  width: 100%;\n  background-color: var(--fwe-hero);\n  bottom: 0px;\n  opacity: 0;\n  transition: opacity 0.3s;\n}\n.fwe-image-gallery-thumbs-nail.fwe-active, .fwe-image-gallery-thumbs-nail:hover {\n  opacity: 1;\n}\n.fwe-image-gallery-thumbs-nail.fwe-active::after, .fwe-image-gallery-thumbs-nail:hover::after {\n  opacity: 1;\n}\n\n@media only screen and (min-width: 375px) {\n  .fwe-modal-image-gallery {\n    width: 342px;\n  }\n\n  .fwe-image-gallery {\n    height: 342px;\n  }\n}\n@media only screen and (min-width: 769px) {\n  .fwe-modal-image-gallery {\n    width: 696px;\n  }\n\n  .fwe-image-gallery {\n    height: 465px;\n  }\n}\n@media only screen and (min-width: 1025px) {\n  .fwe-modal-image-gallery {\n    width: 696px;\n  }\n\n  .fwe-image-gallery {\n    height: 465px;\n  }\n}\n@media only screen and (min-width: 1441px) {\n  .fwe-modal-image-gallery {\n    width: 960px;\n  }\n\n  .fwe-image-gallery {\n    height: 640px;\n  }\n}\n\n/*# sourceMappingURL=festo-web-essentials-organisms.css.map */",".fwe-header-slider-container {\n  .fwe-header-slider-box {\n    height: 142px;\n    background-color: $hero;\n  }\n\n  .fwe-header-slider {\n    margin-top: -28px;\n    margin-left: 12px;\n    margin-right: 12px;\n  }\n}\n\n.fwe-header-slider {\n  display: flex;\n  flex-direction: column;\n  padding: 24px 28px;\n  background-color: $white;\n  border-radius: 4px;\n  box-shadow: 0 1px 8px 0 rgba(0, 0, 0, 0.2);\n\n  .fwe-header-slider-content {\n    display: inline-flex;\n    flex-direction: column;\n\n    p {\n      text-overflow: ellipsis;\n      overflow: hidden;\n      display: -webkit-box !important;\n      -webkit-line-clamp: 2;\n      -webkit-box-orient: vertical;\n      white-space: normal;\n      margin: 0;\n    }\n\n    button.fwe-btn-hero {\n      margin-top: 24px;\n      justify-content: center;\n      margin-left: 18px;\n      margin-right: 18px;\n    }\n  }\n\n  .fwe-pagination {\n    align-self: center;\n    margin-top: 24px;\n  }\n\n  .fwe-header-slider-arrow-left,\n  .fwe-header-slider-arrow-right {\n    display: none;\n  }\n}\n\n@media only screen and (min-width: $grid-breakpoint-xs) {\n  .fwe-header-slider-container {\n    .fwe-header-slider-box {\n      height: 166px;\n    }\n  }\n}\n\n@media only screen and (min-width: $grid-breakpoint-sm) {\n  .fwe-header-slider-container {\n    .fwe-header-slider-box {\n      height: 341px;\n    }\n\n    .fwe-header-slider {\n      margin-top: -104px;\n    }\n  }\n}\n\n@media only screen and (min-width: $grid-breakpoint-md) {\n  .fwe-header-slider-container {\n    .fwe-header-slider-box {\n      height: 455px;\n    }\n\n    .fwe-header-slider {\n      position: relative;\n      margin-top: -104px;\n    }\n  }\n\n  .fwe-header-slider {\n    padding: 24px 112px;\n\n    .fwe-header-slider-content {\n      flex-direction: row;\n      align-items: center;\n\n      p {\n        -webkit-line-clamp: 3;\n      }\n\n      button.fwe-btn-hero {\n        justify-content: center;\n        margin-top: 0;\n        margin-left: 34px;\n        margin-right: 0;\n        min-width: 200px;\n      }\n    }\n\n    .fwe-header-slider-arrow-left,\n    .fwe-header-slider-arrow-right {\n      display: block;\n      position: absolute;\n      top: 50%;\n      margin-top: 12px;\n      transform: translateY(-50%);\n      height: 48px;\n      width: 48px;\n      font-size: 48px;\n    }\n\n    .fwe-header-slider-arrow-left {\n      left: 24px;\n    }\n\n    .fwe-header-slider-arrow-right {\n      right: 24px;\n    }\n  }\n}\n\n@media only screen and (min-width: $grid-breakpoint-xl) {\n  .fwe-header-slider-container {\n    .fwe-header-slider-box {\n      height: 640px;\n    }\n\n    .fwe-header-slider {\n      margin: auto;\n      margin-top: -104px;\n      width: 1096px;\n    }\n  }\n\n  .fwe-header-slider {\n    padding: 24px 160px;\n  }\n}\n\n@media only screen and (min-width: $grid-breakpoint-xxl) {\n  .fwe-header-slider-container {\n    .fwe-header-slider {\n      width: 1192px;\n    }\n  }\n}\n","@use \"sass:math\";\n\n.fwe-header-modul-container {\n  display: flex;\n  flex-direction: column;\n  padding-top: $spacer-l;\n  padding-bottom: $spacer-l;\n\n  .fwe-header-modul-content {\n    order: 2;\n    position: relative;\n\n    h1,\n    .fwe-h1 {\n      margin-bottom: 0;\n    }\n\n    h3,\n    .fwe-h3 {\n      margin-top: 0;\n      margin-bottom: 16px;\n    }\n\n    p {\n      font-size: $font-size-xl;\n      line-height: 32px;\n      color: $text-light;\n      margin: 0;\n      padding-bottom: 34px;\n    }\n\n    &::after {\n      position: absolute;\n      bottom: 0;\n      right: 0;\n      content: \"\";\n      width: 28px;\n      height: 10px;\n      background-color: $gray-400;\n    }\n  }\n\n  .fwe-header-modul-media {\n    min-height: 111px;\n    background-color: $hero;\n    order: 1;\n  }\n}\n\n@media only screen and (min-width: $grid-breakpoint-xs) {\n  .fwe-header-modul-container {\n    .fwe-header-modul-media {\n      min-height: 132px;\n    }\n  }\n}\n\n@media only screen and (min-width: $grid-breakpoint-sm) {\n  .fwe-header-modul-container {\n    .fwe-header-modul-content {\n      h1,\n      .fwe-h1 {\n        margin-bottom: 6px;\n      }\n    }\n    .fwe-header-modul-media {\n      min-height: 268px;\n    }\n  }\n}\n\n@media only screen and (min-width: $grid-breakpoint-md) {\n  .fwe-header-modul-container {\n    .fwe-header-modul-media {\n      min-height: 352px;\n    }\n  }\n}\n\n@media only screen and (min-width: $grid-breakpoint-lg) {\n  .fwe-header-modul-container {\n    flex-direction: row;\n\n    .fwe-header-modul-content {\n      order: 1;\n      width: math.div(100%, 2.4);\n      margin-right: $spacer-m;\n\n      h1,\n      .fwe-h1 {\n        margin-top: 0;\n      }\n    }\n\n    .fwe-header-modul-media {\n      order: 2;\n      min-height: 293px;\n      flex: 1;\n    }\n  }\n}\n\n@media only screen and (min-width: $grid-breakpoint-xl) {\n  .fwe-header-modul-container {\n    .fwe-header-modul-media {\n      min-height: 400px;\n    }\n  }\n}\n","/* stylelint-disable selector-class-pattern -- Doing swiper overrides here */\n.fwe-modal-image-gallery {\n  background: transparent;\n  box-shadow: none;\n  padding: 0px;\n  position: fixed;\n  width: 288px;\n  max-width: unset;\n  max-height: unset;\n  overflow-x: hidden;\n  overflow-y: auto;\n\n  .fwe-btn-link i.fwe-icon-menu-close.fwe-modal-image-gallery-close {\n    padding-right: 0px;\n    padding-top: 4px;\n  }\n\n  .fwe-image-gallery {\n    // pagination height (37px + 24px) + 12px (extra padding on top and bottom)\n    max-height: calc(100vh - 73px);\n  }\n\n  &--with-thumbnails {\n    .fwe-image-gallery {\n      // pagination height (37px + 24px) + thumbs height (64 + 24) + 12px (extra padding on top and bottom)\n      max-height: calc(100vh - 161px);\n    }\n  }\n}\n\n.fwe-image-gallery-header {\n  display: flex;\n  align-items: center;\n  margin-bottom: $spacer-m;\n}\n\n.fwe-image-gallery {\n  width: 100%;\n  height: 288px;\n  background-color: $background-image-gallery;\n  user-select: none;\n\n  svg,\n  img,\n  .swiper-zoom-container img,\n  .swiper-zoom-container svg {\n    width: 100%;\n    height: 100%;\n    object-fit: cover;\n  }\n}\n\n.fwe-image-gallery-thumbs {\n  margin-top: 24px;\n  user-select: none;\n\n  &.swiper {\n    width: 100%;\n    height: 64px;\n    box-sizing: border-box;\n    margin-left: auto;\n    margin-right: auto;\n\n    .swiper-slide {\n      position: relative;\n      background-size: cover;\n      background-position: center;\n      width: 88px;\n      margin-right: 8px;\n      height: 64px;\n      opacity: 0.33;\n      transition: opacity 0.3s;\n\n      &:last-child {\n        margin-right: 0px;\n      }\n\n      &::after {\n        position: absolute;\n        content: \"\";\n        height: 4px;\n        width: 100%;\n        background-color: $hero;\n        bottom: 0px;\n        opacity: 0;\n        transition: opacity 0.3s;\n      }\n\n      img {\n        display: block;\n        object-fit: cover;\n        width: 88px;\n        height: 56px;\n        background-color: $background-image-gallery;\n      }\n\n      &.swiper-slide-thumb-active,\n      &:hover {\n        opacity: 1;\n\n        &::after {\n          opacity: 1;\n        }\n      }\n    }\n  }\n\n  &:not(.swiper) {\n    display: flex;\n    flex-direction: row;\n    overflow: hidden;\n  }\n\n  &-nail {\n    position: relative;\n    height: 64px;\n    width: 88px;\n    min-width: 88px;\n    margin-right: 8px;\n    opacity: 0.33;\n    transition: opacity 0.3s;\n\n    img {\n      position: absolute;\n      height: 56px;\n      width: 88px;\n      min-width: 88px;\n      background: $background-image-gallery;\n      object-fit: cover;\n    }\n\n    &:last-child {\n      margin-right: 0px;\n    }\n\n    &::after {\n      position: absolute;\n      content: \"\";\n      height: 4px;\n      width: 100%;\n      background-color: $hero;\n      bottom: 0px;\n      opacity: 0;\n      transition: opacity 0.3s;\n    }\n\n    &.fwe-active,\n    &:hover {\n      opacity: 1;\n\n      &::after {\n        opacity: 1;\n      }\n    }\n  }\n}\n\n@media only screen and (min-width: $grid-breakpoint-xxs) {\n  .fwe-modal-image-gallery {\n    width: 342px;\n  }\n\n  .fwe-image-gallery {\n    height: 342px;\n  }\n}\n\n@media only screen and (min-width: $grid-breakpoint-sm) {\n  .fwe-modal-image-gallery {\n    width: 696px;\n  }\n\n  .fwe-image-gallery {\n    height: 465px;\n  }\n}\n\n@media only screen and (min-width: $grid-breakpoint-md) {\n  .fwe-modal-image-gallery {\n    width: 696px;\n  }\n\n  .fwe-image-gallery {\n    height: 465px;\n  }\n}\n\n@media only screen and (min-width: $grid-breakpoint-xl) {\n  .fwe-modal-image-gallery {\n    width: 960px;\n  }\n\n  .fwe-image-gallery {\n    height: 640px;\n  }\n}\n"]}
+{"version":3,"sources":["../../../scss/organisms/festo-web-essentials-organisms.scss","../../../scss/organisms/_footer.scss","../../../scss/organisms/_teaser.scss","libs/web-essentials/dist/css/organisms/festo-web-essentials-organisms.css","../../../scss/organisms/_header-slider.scss","../../../scss/organisms/_header-modul.scss","../../../scss/organisms/_image-gallery.scss","../../../scss/organisms/_login.scss"],"names":[],"mappings":"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","sourcesContent":["/*!\n * Festo UI - Web Essentials v3.1.0 (https://storybook.festo.design/)\n * Copyright 2022 Festo SE & Co. KG\n * Licensed under Apache-2.0\n */\n\n@import \"../variables\";\n\n@import \"footer\";\n@import \"teaser\";\n@import \"header-slider\";\n@import \"header-modul\";\n@import \"image-gallery\";\n@import \"login\";\n","footer.fwe-footer {\n  .fwe-social-media {\n    display: flex;\n    flex-direction: row;\n    justify-content: center;\n    padding: 24px 0px;\n    border-bottom: 1px solid $control-border-darker;\n    margin-bottom: 24px;\n\n    .fwe-social-media-link {\n      display: block;\n      width: 32px;\n      height: 32px;\n      border-radius: $border-radius-s;\n      margin-right: 24px;\n      opacity: 0.3;\n      transition: opacity 0.3s;\n\n      &:last-child {\n        margin-right: 0px;\n      }\n\n      &:hover {\n        opacity: 1;\n      }\n    }\n  }\n  .fwe-footer-details {\n    padding-bottom: 24px;\n    border-bottom: 1px solid $control-border-darker;\n\n    h4 {\n      font-size: 16px;\n      line-height: 24px;\n      font-weight: $font-weight-bold;\n      list-style-type: none;\n      position: relative;\n      margin-top: 0px;\n      margin-bottom: 12px;\n    }\n\n    ul.fwe-list-group {\n      .fwe-list-group-item {\n        padding-left: 0px;\n      }\n    }\n\n    p {\n      padding-top: 8px;\n      max-width: 320px;\n    }\n\n    &:not(:first-child) {\n      margin-top: 24px;\n    }\n  }\n  .fwe-bottomline {\n    font-size: $font-size-small;\n    padding-top: 24px;\n    text-align: center;\n\n    .fwe-sitelinks {\n      order: 2;\n\n      .fwe-sitelinks-groupa {\n        padding-bottom: 8px;\n\n        a {\n          color: $control-border-darker;\n          padding-right: 8px;\n\n          &:last-child {\n            padding-right: 0px;\n          }\n        }\n      }\n\n      .fwe-sitelinks-groupb {\n        padding-bottom: 24px;\n\n        a {\n          color: $control-border-darker;\n          padding-right: 8px;\n\n          &:last-child {\n            padding-right: 0px;\n          }\n        }\n      }\n    }\n    .fwe-copyright {\n      display: flex;\n      order: 1;\n      justify-content: center;\n      padding-bottom: 24px;\n      color: $control-border-darker;\n    }\n  }\n}\n\n@media only screen and (min-width: $grid-breakpoint-lg) {\n  footer.fwe-footer {\n    .fwe-footer-details {\n      border-bottom: none;\n      h4 {\n        margin-top: 24px;\n      }\n      &:not(:first-child) {\n        margin-top: 0px;\n      }\n    }\n    .fwe-bottomline {\n      font-size: $font-size-small;\n      padding-top: 24px;\n      text-align: left;\n      display: flex;\n      .fwe-sitelinks {\n        text-align: right;\n        margin-left: auto;\n        display: flex;\n      }\n    }\n    .fwe-social-media {\n      margin-bottom: 0px;\n    }\n  }\n}\n\n@media only screen and (min-width: $grid-breakpoint-xl) {\n  footer.fwe-footer {\n    .fwe-social-media {\n      .fwe-social-media-link {\n        width: 64px;\n        height: 64px;\n        margin-right: 42px;\n        &:last-child {\n          margin-right: 0px;\n        }\n      }\n    }\n  }\n}\n",".fwe-teaser-horbox {\n  display: flex;\n  background-color: var(--fwe-sucanul);\n}\n\n.fwe-teaser-horbox .fwe-teaser-horbox-img {\n  background-color: var(--fwe-hero);\n  flex: 1;\n}\n\n.fwe-teaser-horbox .fwe-teaser-horbox-content {\n  flex: 1;\n  display: inline-flex;\n  flex-direction: column;\n  padding: 24px;\n}\n\n.fwe-teaser-horbox .fwe-teaser-horbox-content .fwe-teaser-more {\n  align-self: flex-end;\n}\n\n.fwe-teaser-verbox {\n  display: inline-flex;\n  flex-direction: column;\n  background-color: var(--fwe-sucanul);\n  width: 100%;\n  height: 100%;\n}\n\n.fwe-teaser-verbox .fwe-teaser-verbox-img {\n  background-color: var(--fwe-hero);\n  height: calc(50% - 12px);\n  min-height: 186px;\n  width: 100%;\n}\n\n.fwe-teaser-verbox h2 {\n  padding-top: 24px;\n  padding-left: 24px;\n  padding-right: 24px;\n}\n\n.fwe-teaser-verbox p {\n  padding-left: 24px;\n  padding-right: 24px;\n}\n\n.fwe-teaser-verbox .fwe-teaser-more {\n  align-self: flex-end;\n  margin-bottom: 24px;\n  margin-right: 24px;\n}\n\n.fwe-teaser-c12-container {\n  display: flex;\n  flex-direction: column;\n\n  .fwe-teaser-c12-content {\n    order: 2;\n    background-color: $sucanul;\n    padding-top: 16px;\n    padding-bottom: 13px;\n    padding-left: 20px;\n    padding-right: 20px;\n\n    h3,\n    .fwe-h3 {\n      font-size: 12px;\n      line-height: 14px;\n      margin-bottom: 4px;\n      font-weight: $font-weight-normal;\n    }\n\n    h2,\n    .fwe-h2 {\n      font-size: 16px;\n      line-height: 24px;\n      font-weight: $font-weight-bold;\n      margin-top: 0;\n    }\n  }\n\n  .fwe-teaser-c12-img {\n    order: 1;\n    background-color: $hero;\n    min-height: 114px;\n  }\n}\n\n@media only screen and (min-width: $grid-breakpoint-md) {\n  .fwe-teaser-verbox h2 {\n    padding-top: 48px;\n  }\n}\n","/*!\n * Festo UI - Web Essentials v3.1.0 (https://storybook.festo.design/)\n * Copyright 2022 Festo SE & Co. KG\n * Licensed under Apache-2.0\n */\nfooter.fwe-footer .fwe-social-media {\n  display: flex;\n  flex-direction: row;\n  justify-content: center;\n  padding: 24px 0px;\n  border-bottom: 1px solid var(--fwe-control-border-darker);\n  margin-bottom: 24px;\n}\nfooter.fwe-footer .fwe-social-media .fwe-social-media-link {\n  display: block;\n  width: 32px;\n  height: 32px;\n  border-radius: 4px;\n  margin-right: 24px;\n  opacity: 0.3;\n  transition: opacity 0.3s;\n}\nfooter.fwe-footer .fwe-social-media .fwe-social-media-link:last-child {\n  margin-right: 0px;\n}\nfooter.fwe-footer .fwe-social-media .fwe-social-media-link:hover {\n  opacity: 1;\n}\nfooter.fwe-footer .fwe-footer-details {\n  padding-bottom: 24px;\n  border-bottom: 1px solid var(--fwe-control-border-darker);\n}\nfooter.fwe-footer .fwe-footer-details h4 {\n  font-size: 16px;\n  line-height: 24px;\n  font-weight: var(--fwe-font-weight-bold);\n  list-style-type: none;\n  position: relative;\n  margin-top: 0px;\n  margin-bottom: 12px;\n}\nfooter.fwe-footer .fwe-footer-details ul.fwe-list-group .fwe-list-group-item {\n  padding-left: 0px;\n}\nfooter.fwe-footer .fwe-footer-details p {\n  padding-top: 8px;\n  max-width: 320px;\n}\nfooter.fwe-footer .fwe-footer-details:not(:first-child) {\n  margin-top: 24px;\n}\nfooter.fwe-footer .fwe-bottomline {\n  font-size: var(--fwe-font-size-small);\n  padding-top: 24px;\n  text-align: center;\n}\nfooter.fwe-footer .fwe-bottomline .fwe-sitelinks {\n  order: 2;\n}\nfooter.fwe-footer .fwe-bottomline .fwe-sitelinks .fwe-sitelinks-groupa {\n  padding-bottom: 8px;\n}\nfooter.fwe-footer .fwe-bottomline .fwe-sitelinks .fwe-sitelinks-groupa a {\n  color: var(--fwe-control-border-darker);\n  padding-right: 8px;\n}\nfooter.fwe-footer .fwe-bottomline .fwe-sitelinks .fwe-sitelinks-groupa a:last-child {\n  padding-right: 0px;\n}\nfooter.fwe-footer .fwe-bottomline .fwe-sitelinks .fwe-sitelinks-groupb {\n  padding-bottom: 24px;\n}\nfooter.fwe-footer .fwe-bottomline .fwe-sitelinks .fwe-sitelinks-groupb a {\n  color: var(--fwe-control-border-darker);\n  padding-right: 8px;\n}\nfooter.fwe-footer .fwe-bottomline .fwe-sitelinks .fwe-sitelinks-groupb a:last-child {\n  padding-right: 0px;\n}\nfooter.fwe-footer .fwe-bottomline .fwe-copyright {\n  display: flex;\n  order: 1;\n  justify-content: center;\n  padding-bottom: 24px;\n  color: var(--fwe-control-border-darker);\n}\n\n@media only screen and (min-width: 1281px) {\n  footer.fwe-footer .fwe-footer-details {\n    border-bottom: none;\n  }\n  footer.fwe-footer .fwe-footer-details h4 {\n    margin-top: 24px;\n  }\n  footer.fwe-footer .fwe-footer-details:not(:first-child) {\n    margin-top: 0px;\n  }\n  footer.fwe-footer .fwe-bottomline {\n    font-size: var(--fwe-font-size-small);\n    padding-top: 24px;\n    text-align: left;\n    display: flex;\n  }\n  footer.fwe-footer .fwe-bottomline .fwe-sitelinks {\n    text-align: right;\n    margin-left: auto;\n    display: flex;\n  }\n  footer.fwe-footer .fwe-social-media {\n    margin-bottom: 0px;\n  }\n}\n@media only screen and (min-width: 1441px) {\n  footer.fwe-footer .fwe-social-media .fwe-social-media-link {\n    width: 64px;\n    height: 64px;\n    margin-right: 42px;\n  }\n  footer.fwe-footer .fwe-social-media .fwe-social-media-link:last-child {\n    margin-right: 0px;\n  }\n}\n.fwe-teaser-horbox {\n  display: flex;\n  background-color: var(--fwe-sucanul);\n}\n\n.fwe-teaser-horbox .fwe-teaser-horbox-img {\n  background-color: var(--fwe-hero);\n  flex: 1;\n}\n\n.fwe-teaser-horbox .fwe-teaser-horbox-content {\n  flex: 1;\n  display: inline-flex;\n  flex-direction: column;\n  padding: 24px;\n}\n\n.fwe-teaser-horbox .fwe-teaser-horbox-content .fwe-teaser-more {\n  align-self: flex-end;\n}\n\n.fwe-teaser-verbox {\n  display: inline-flex;\n  flex-direction: column;\n  background-color: var(--fwe-sucanul);\n  width: 100%;\n  height: 100%;\n}\n\n.fwe-teaser-verbox .fwe-teaser-verbox-img {\n  background-color: var(--fwe-hero);\n  height: calc(50% - 12px);\n  min-height: 186px;\n  width: 100%;\n}\n\n.fwe-teaser-verbox h2 {\n  padding-top: 24px;\n  padding-left: 24px;\n  padding-right: 24px;\n}\n\n.fwe-teaser-verbox p {\n  padding-left: 24px;\n  padding-right: 24px;\n}\n\n.fwe-teaser-verbox .fwe-teaser-more {\n  align-self: flex-end;\n  margin-bottom: 24px;\n  margin-right: 24px;\n}\n\n.fwe-teaser-c12-container {\n  display: flex;\n  flex-direction: column;\n}\n.fwe-teaser-c12-container .fwe-teaser-c12-content {\n  order: 2;\n  background-color: var(--fwe-sucanul);\n  padding-top: 16px;\n  padding-bottom: 13px;\n  padding-left: 20px;\n  padding-right: 20px;\n}\n.fwe-teaser-c12-container .fwe-teaser-c12-content h3,\n.fwe-teaser-c12-container .fwe-teaser-c12-content .fwe-h3 {\n  font-size: 12px;\n  line-height: 14px;\n  margin-bottom: 4px;\n  font-weight: var(--fwe-font-weight-normal);\n}\n.fwe-teaser-c12-container .fwe-teaser-c12-content h2,\n.fwe-teaser-c12-container .fwe-teaser-c12-content .fwe-h2 {\n  font-size: 16px;\n  line-height: 24px;\n  font-weight: var(--fwe-font-weight-bold);\n  margin-top: 0;\n}\n.fwe-teaser-c12-container .fwe-teaser-c12-img {\n  order: 1;\n  background-color: var(--fwe-hero);\n  min-height: 114px;\n}\n\n@media only screen and (min-width: 1025px) {\n  .fwe-teaser-verbox h2 {\n    padding-top: 48px;\n  }\n}\n.fwe-header-slider-container .fwe-header-slider-box {\n  height: 142px;\n  background-color: var(--fwe-hero);\n}\n.fwe-header-slider-container .fwe-header-slider {\n  margin-top: -28px;\n  margin-left: 12px;\n  margin-right: 12px;\n}\n\n.fwe-header-slider {\n  display: flex;\n  flex-direction: column;\n  padding: 24px 28px;\n  background-color: var(--fwe-white);\n  border-radius: 4px;\n  box-shadow: 0 1px 8px 0 rgba(0, 0, 0, 0.2);\n}\n.fwe-header-slider .fwe-header-slider-content {\n  display: inline-flex;\n  flex-direction: column;\n}\n.fwe-header-slider .fwe-header-slider-content p {\n  text-overflow: ellipsis;\n  overflow: hidden;\n  display: -webkit-box !important;\n  -webkit-line-clamp: 2;\n  -webkit-box-orient: vertical;\n  white-space: normal;\n  margin: 0;\n}\n.fwe-header-slider .fwe-header-slider-content button.fwe-btn-hero {\n  margin-top: 24px;\n  justify-content: center;\n  margin-left: 18px;\n  margin-right: 18px;\n}\n.fwe-header-slider .fwe-pagination {\n  align-self: center;\n  margin-top: 24px;\n}\n.fwe-header-slider .fwe-header-slider-arrow-left,\n.fwe-header-slider .fwe-header-slider-arrow-right {\n  display: none;\n}\n\n@media only screen and (min-width: 600px) {\n  .fwe-header-slider-container .fwe-header-slider-box {\n    height: 166px;\n  }\n}\n@media only screen and (min-width: 769px) {\n  .fwe-header-slider-container .fwe-header-slider-box {\n    height: 341px;\n  }\n  .fwe-header-slider-container .fwe-header-slider {\n    margin-top: -104px;\n  }\n}\n@media only screen and (min-width: 1025px) {\n  .fwe-header-slider-container .fwe-header-slider-box {\n    height: 455px;\n  }\n  .fwe-header-slider-container .fwe-header-slider {\n    position: relative;\n    margin-top: -104px;\n  }\n\n  .fwe-header-slider {\n    padding: 24px 112px;\n  }\n  .fwe-header-slider .fwe-header-slider-content {\n    flex-direction: row;\n    align-items: center;\n  }\n  .fwe-header-slider .fwe-header-slider-content p {\n    -webkit-line-clamp: 3;\n  }\n  .fwe-header-slider .fwe-header-slider-content button.fwe-btn-hero {\n    justify-content: center;\n    margin-top: 0;\n    margin-left: 34px;\n    margin-right: 0;\n    min-width: 200px;\n  }\n  .fwe-header-slider .fwe-header-slider-arrow-left,\n.fwe-header-slider .fwe-header-slider-arrow-right {\n    display: block;\n    position: absolute;\n    top: 50%;\n    margin-top: 12px;\n    transform: translateY(-50%);\n    height: 48px;\n    width: 48px;\n    font-size: 48px;\n  }\n  .fwe-header-slider .fwe-header-slider-arrow-left {\n    left: 24px;\n  }\n  .fwe-header-slider .fwe-header-slider-arrow-right {\n    right: 24px;\n  }\n}\n@media only screen and (min-width: 1441px) {\n  .fwe-header-slider-container .fwe-header-slider-box {\n    height: 640px;\n  }\n  .fwe-header-slider-container .fwe-header-slider {\n    margin: auto;\n    margin-top: -104px;\n    width: 1096px;\n  }\n\n  .fwe-header-slider {\n    padding: 24px 160px;\n  }\n}\n@media only screen and (min-width: 1921px) {\n  .fwe-header-slider-container .fwe-header-slider {\n    width: 1192px;\n  }\n}\n.fwe-header-modul-container {\n  display: flex;\n  flex-direction: column;\n  padding-top: 32px;\n  padding-bottom: 32px;\n}\n.fwe-header-modul-container .fwe-header-modul-content {\n  order: 2;\n  position: relative;\n}\n.fwe-header-modul-container .fwe-header-modul-content h1,\n.fwe-header-modul-container .fwe-header-modul-content .fwe-h1 {\n  margin-bottom: 0;\n}\n.fwe-header-modul-container .fwe-header-modul-content h3,\n.fwe-header-modul-container .fwe-header-modul-content .fwe-h3 {\n  margin-top: 0;\n  margin-bottom: 16px;\n}\n.fwe-header-modul-container .fwe-header-modul-content p {\n  font-size: var(--fwe-font-size-xl);\n  line-height: 32px;\n  color: var(--fwe-text-light);\n  margin: 0;\n  padding-bottom: 34px;\n}\n.fwe-header-modul-container .fwe-header-modul-content::after {\n  position: absolute;\n  bottom: 0;\n  right: 0;\n  content: \"\";\n  width: 28px;\n  height: 10px;\n  background-color: var(--fwe-gray-400);\n}\n.fwe-header-modul-container .fwe-header-modul-media {\n  min-height: 111px;\n  background-color: var(--fwe-hero);\n  order: 1;\n}\n\n@media only screen and (min-width: 600px) {\n  .fwe-header-modul-container .fwe-header-modul-media {\n    min-height: 132px;\n  }\n}\n@media only screen and (min-width: 769px) {\n  .fwe-header-modul-container .fwe-header-modul-content h1,\n.fwe-header-modul-container .fwe-header-modul-content .fwe-h1 {\n    margin-bottom: 6px;\n  }\n  .fwe-header-modul-container .fwe-header-modul-media {\n    min-height: 268px;\n  }\n}\n@media only screen and (min-width: 1025px) {\n  .fwe-header-modul-container .fwe-header-modul-media {\n    min-height: 352px;\n  }\n}\n@media only screen and (min-width: 1281px) {\n  .fwe-header-modul-container {\n    flex-direction: row;\n  }\n  .fwe-header-modul-container .fwe-header-modul-content {\n    order: 1;\n    width: 41.6666666667%;\n    margin-right: 24px;\n  }\n  .fwe-header-modul-container .fwe-header-modul-content h1,\n.fwe-header-modul-container .fwe-header-modul-content .fwe-h1 {\n    margin-top: 0;\n  }\n  .fwe-header-modul-container .fwe-header-modul-media {\n    order: 2;\n    min-height: 293px;\n    flex: 1;\n  }\n}\n@media only screen and (min-width: 1441px) {\n  .fwe-header-modul-container .fwe-header-modul-media {\n    min-height: 400px;\n  }\n}\n/* stylelint-disable selector-class-pattern -- Doing swiper overrides here */\n.fwe-modal-image-gallery {\n  background: transparent;\n  box-shadow: none;\n  padding: 0px;\n  position: fixed;\n  width: 288px;\n  max-width: unset;\n  max-height: unset;\n  overflow-x: hidden;\n  overflow-y: auto;\n}\n.fwe-modal-image-gallery .fwe-btn-link i.fwe-icon-menu-close.fwe-modal-image-gallery-close {\n  padding-right: 0px;\n  padding-top: 4px;\n}\n.fwe-modal-image-gallery .fwe-image-gallery {\n  max-height: calc(100vh - 73px);\n}\n.fwe-modal-image-gallery--with-thumbnails .fwe-image-gallery {\n  max-height: calc(100vh - 161px);\n}\n\n.fwe-image-gallery-header {\n  display: flex;\n  align-items: center;\n  margin-bottom: 24px;\n}\n\n.fwe-image-gallery {\n  width: 100%;\n  height: 288px;\n  background-color: var(--fwe-background-image-gallery);\n  -webkit-user-select: none;\n  -moz-user-select: none;\n  user-select: none;\n}\n.fwe-image-gallery svg,\n.fwe-image-gallery img,\n.fwe-image-gallery .swiper-zoom-container img,\n.fwe-image-gallery .swiper-zoom-container svg {\n  width: 100%;\n  height: 100%;\n  -o-object-fit: cover;\n  object-fit: cover;\n}\n\n.fwe-image-gallery-thumbs {\n  margin-top: 24px;\n  -webkit-user-select: none;\n  -moz-user-select: none;\n  user-select: none;\n}\n.fwe-image-gallery-thumbs.swiper {\n  width: 100%;\n  height: 64px;\n  box-sizing: border-box;\n  margin-left: auto;\n  margin-right: auto;\n}\n.fwe-image-gallery-thumbs.swiper .swiper-slide {\n  position: relative;\n  background-size: cover;\n  background-position: center;\n  width: 88px;\n  margin-right: 8px;\n  height: 64px;\n  opacity: 0.33;\n  transition: opacity 0.3s;\n}\n.fwe-image-gallery-thumbs.swiper .swiper-slide:last-child {\n  margin-right: 0px;\n}\n.fwe-image-gallery-thumbs.swiper .swiper-slide::after {\n  position: absolute;\n  content: \"\";\n  height: 4px;\n  width: 100%;\n  background-color: var(--fwe-hero);\n  bottom: 0px;\n  opacity: 0;\n  transition: opacity 0.3s;\n}\n.fwe-image-gallery-thumbs.swiper .swiper-slide img {\n  display: block;\n  -o-object-fit: cover;\n  object-fit: cover;\n  width: 88px;\n  height: 56px;\n  background-color: var(--fwe-background-image-gallery);\n}\n.fwe-image-gallery-thumbs.swiper .swiper-slide.swiper-slide-thumb-active, .fwe-image-gallery-thumbs.swiper .swiper-slide:hover {\n  opacity: 1;\n}\n.fwe-image-gallery-thumbs.swiper .swiper-slide.swiper-slide-thumb-active::after, .fwe-image-gallery-thumbs.swiper .swiper-slide:hover::after {\n  opacity: 1;\n}\n.fwe-image-gallery-thumbs:not(.swiper) {\n  display: flex;\n  flex-direction: row;\n  overflow: hidden;\n}\n.fwe-image-gallery-thumbs-nail {\n  position: relative;\n  height: 64px;\n  width: 88px;\n  min-width: 88px;\n  margin-right: 8px;\n  opacity: 0.33;\n  transition: opacity 0.3s;\n}\n.fwe-image-gallery-thumbs-nail img {\n  position: absolute;\n  height: 56px;\n  width: 88px;\n  min-width: 88px;\n  background: var(--fwe-background-image-gallery);\n  -o-object-fit: cover;\n  object-fit: cover;\n}\n.fwe-image-gallery-thumbs-nail:last-child {\n  margin-right: 0px;\n}\n.fwe-image-gallery-thumbs-nail::after {\n  position: absolute;\n  content: \"\";\n  height: 4px;\n  width: 100%;\n  background-color: var(--fwe-hero);\n  bottom: 0px;\n  opacity: 0;\n  transition: opacity 0.3s;\n}\n.fwe-image-gallery-thumbs-nail.fwe-active, .fwe-image-gallery-thumbs-nail:hover {\n  opacity: 1;\n}\n.fwe-image-gallery-thumbs-nail.fwe-active::after, .fwe-image-gallery-thumbs-nail:hover::after {\n  opacity: 1;\n}\n\n@media only screen and (min-width: 375px) {\n  .fwe-modal-image-gallery {\n    width: 342px;\n  }\n\n  .fwe-image-gallery {\n    height: 342px;\n  }\n}\n@media only screen and (min-width: 769px) {\n  .fwe-modal-image-gallery {\n    width: 696px;\n  }\n\n  .fwe-image-gallery {\n    height: 465px;\n  }\n}\n@media only screen and (min-width: 1025px) {\n  .fwe-modal-image-gallery {\n    width: 696px;\n  }\n\n  .fwe-image-gallery {\n    height: 465px;\n  }\n}\n@media only screen and (min-width: 1441px) {\n  .fwe-modal-image-gallery {\n    width: 960px;\n  }\n\n  .fwe-image-gallery {\n    height: 640px;\n  }\n}\n.fwe-login-layout {\n  position: fixed;\n  background: var(--fwe-white);\n  top: 0px;\n  right: 0px;\n  bottom: 0px;\n  left: 0px;\n}\n.fwe-login-layout .fwe-login-background {\n  top: 64px;\n  position: absolute;\n  height: calc(100vh - 64px);\n  width: 100vw;\n  -o-object-fit: cover;\n  object-fit: cover;\n  -o-object-position: center;\n  object-position: center;\n}\n.fwe-login-layout .fwe-login-container {\n  height: calc(100vh - 64px);\n  overflow: scroll;\n  display: flex;\n  align-items: center;\n}\n.fwe-login-layout .fwe-login-container .fwe-login-form {\n  z-index: 1;\n  margin-left: 20%;\n  width: 430px;\n  background: var(--fwe-white);\n  padding: 48px;\n}\n.fwe-login-layout .fwe-login-container .fwe-login-form h1 {\n  margin: 0px;\n}\n@media (max-height: 600px) {\n  .fwe-login-layout .fwe-login-container .fwe-login-form h1 {\n    display: none;\n  }\n}\n.fwe-login-layout .fwe-login-container .fwe-login-form .fwe-login-link-container {\n  margin-top: 24px;\n  text-align: right;\n}\n@media (max-height: 600px) {\n  .fwe-login-layout .fwe-login-container .fwe-login-form {\n    padding: 24px;\n  }\n}\n@media (max-width: 600px), (max-height: 600px) {\n  .fwe-login-layout .fwe-login-container {\n    background-color: var(--fwe-white);\n    position: unset;\n    left: unset;\n    top: unset;\n    width: 100vw;\n    align-items: stretch;\n  }\n  .fwe-login-layout .fwe-login-container .fwe-login-form {\n    margin-left: 0px;\n    width: 100%;\n  }\n  .fwe-login-layout .fwe-login-background {\n    display: none;\n  }\n}\n\n/*# sourceMappingURL=festo-web-essentials-organisms.css.map */",".fwe-header-slider-container {\n  .fwe-header-slider-box {\n    height: 142px;\n    background-color: $hero;\n  }\n\n  .fwe-header-slider {\n    margin-top: -28px;\n    margin-left: 12px;\n    margin-right: 12px;\n  }\n}\n\n.fwe-header-slider {\n  display: flex;\n  flex-direction: column;\n  padding: 24px 28px;\n  background-color: $white;\n  border-radius: $border-radius-s;\n  box-shadow: 0 1px 8px 0 rgba(0, 0, 0, 0.2);\n\n  .fwe-header-slider-content {\n    display: inline-flex;\n    flex-direction: column;\n\n    p {\n      text-overflow: ellipsis;\n      overflow: hidden;\n      display: -webkit-box !important;\n      -webkit-line-clamp: 2;\n      -webkit-box-orient: vertical;\n      white-space: normal;\n      margin: 0;\n    }\n\n    button.fwe-btn-hero {\n      margin-top: 24px;\n      justify-content: center;\n      margin-left: 18px;\n      margin-right: 18px;\n    }\n  }\n\n  .fwe-pagination {\n    align-self: center;\n    margin-top: 24px;\n  }\n\n  .fwe-header-slider-arrow-left,\n  .fwe-header-slider-arrow-right {\n    display: none;\n  }\n}\n\n@media only screen and (min-width: $grid-breakpoint-xs) {\n  .fwe-header-slider-container {\n    .fwe-header-slider-box {\n      height: 166px;\n    }\n  }\n}\n\n@media only screen and (min-width: $grid-breakpoint-sm) {\n  .fwe-header-slider-container {\n    .fwe-header-slider-box {\n      height: 341px;\n    }\n\n    .fwe-header-slider {\n      margin-top: -104px;\n    }\n  }\n}\n\n@media only screen and (min-width: $grid-breakpoint-md) {\n  .fwe-header-slider-container {\n    .fwe-header-slider-box {\n      height: 455px;\n    }\n\n    .fwe-header-slider {\n      position: relative;\n      margin-top: -104px;\n    }\n  }\n\n  .fwe-header-slider {\n    padding: 24px 112px;\n\n    .fwe-header-slider-content {\n      flex-direction: row;\n      align-items: center;\n\n      p {\n        -webkit-line-clamp: 3;\n      }\n\n      button.fwe-btn-hero {\n        justify-content: center;\n        margin-top: 0;\n        margin-left: 34px;\n        margin-right: 0;\n        min-width: 200px;\n      }\n    }\n\n    .fwe-header-slider-arrow-left,\n    .fwe-header-slider-arrow-right {\n      display: block;\n      position: absolute;\n      top: 50%;\n      margin-top: 12px;\n      transform: translateY(-50%);\n      height: 48px;\n      width: 48px;\n      font-size: 48px;\n    }\n\n    .fwe-header-slider-arrow-left {\n      left: 24px;\n    }\n\n    .fwe-header-slider-arrow-right {\n      right: 24px;\n    }\n  }\n}\n\n@media only screen and (min-width: $grid-breakpoint-xl) {\n  .fwe-header-slider-container {\n    .fwe-header-slider-box {\n      height: 640px;\n    }\n\n    .fwe-header-slider {\n      margin: auto;\n      margin-top: -104px;\n      width: 1096px;\n    }\n  }\n\n  .fwe-header-slider {\n    padding: 24px 160px;\n  }\n}\n\n@media only screen and (min-width: $grid-breakpoint-xxl) {\n  .fwe-header-slider-container {\n    .fwe-header-slider {\n      width: 1192px;\n    }\n  }\n}\n","@use \"sass:math\";\n\n.fwe-header-modul-container {\n  display: flex;\n  flex-direction: column;\n  padding-top: $spacer-l;\n  padding-bottom: $spacer-l;\n\n  .fwe-header-modul-content {\n    order: 2;\n    position: relative;\n\n    h1,\n    .fwe-h1 {\n      margin-bottom: 0;\n    }\n\n    h3,\n    .fwe-h3 {\n      margin-top: 0;\n      margin-bottom: 16px;\n    }\n\n    p {\n      font-size: $font-size-xl;\n      line-height: 32px;\n      color: $text-light;\n      margin: 0;\n      padding-bottom: 34px;\n    }\n\n    &::after {\n      position: absolute;\n      bottom: 0;\n      right: 0;\n      content: \"\";\n      width: 28px;\n      height: 10px;\n      background-color: $gray-400;\n    }\n  }\n\n  .fwe-header-modul-media {\n    min-height: 111px;\n    background-color: $hero;\n    order: 1;\n  }\n}\n\n@media only screen and (min-width: $grid-breakpoint-xs) {\n  .fwe-header-modul-container {\n    .fwe-header-modul-media {\n      min-height: 132px;\n    }\n  }\n}\n\n@media only screen and (min-width: $grid-breakpoint-sm) {\n  .fwe-header-modul-container {\n    .fwe-header-modul-content {\n      h1,\n      .fwe-h1 {\n        margin-bottom: 6px;\n      }\n    }\n    .fwe-header-modul-media {\n      min-height: 268px;\n    }\n  }\n}\n\n@media only screen and (min-width: $grid-breakpoint-md) {\n  .fwe-header-modul-container {\n    .fwe-header-modul-media {\n      min-height: 352px;\n    }\n  }\n}\n\n@media only screen and (min-width: $grid-breakpoint-lg) {\n  .fwe-header-modul-container {\n    flex-direction: row;\n\n    .fwe-header-modul-content {\n      order: 1;\n      width: math.div(100%, 2.4);\n      margin-right: $spacer-m;\n\n      h1,\n      .fwe-h1 {\n        margin-top: 0;\n      }\n    }\n\n    .fwe-header-modul-media {\n      order: 2;\n      min-height: 293px;\n      flex: 1;\n    }\n  }\n}\n\n@media only screen and (min-width: $grid-breakpoint-xl) {\n  .fwe-header-modul-container {\n    .fwe-header-modul-media {\n      min-height: 400px;\n    }\n  }\n}\n","/* stylelint-disable selector-class-pattern -- Doing swiper overrides here */\n.fwe-modal-image-gallery {\n  background: transparent;\n  box-shadow: none;\n  padding: 0px;\n  position: fixed;\n  width: 288px;\n  max-width: unset;\n  max-height: unset;\n  overflow-x: hidden;\n  overflow-y: auto;\n\n  .fwe-btn-link i.fwe-icon-menu-close.fwe-modal-image-gallery-close {\n    padding-right: 0px;\n    padding-top: 4px;\n  }\n\n  .fwe-image-gallery {\n    // pagination height (37px + 24px) + 12px (extra padding on top and bottom)\n    max-height: calc(100vh - 73px);\n  }\n\n  &--with-thumbnails {\n    .fwe-image-gallery {\n      // pagination height (37px + 24px) + thumbs height (64 + 24) + 12px (extra padding on top and bottom)\n      max-height: calc(100vh - 161px);\n    }\n  }\n}\n\n.fwe-image-gallery-header {\n  display: flex;\n  align-items: center;\n  margin-bottom: $spacer-m;\n}\n\n.fwe-image-gallery {\n  width: 100%;\n  height: 288px;\n  background-color: $background-image-gallery;\n  user-select: none;\n\n  svg,\n  img,\n  .swiper-zoom-container img,\n  .swiper-zoom-container svg {\n    width: 100%;\n    height: 100%;\n    object-fit: cover;\n  }\n}\n\n.fwe-image-gallery-thumbs {\n  margin-top: 24px;\n  user-select: none;\n\n  &.swiper {\n    width: 100%;\n    height: 64px;\n    box-sizing: border-box;\n    margin-left: auto;\n    margin-right: auto;\n\n    .swiper-slide {\n      position: relative;\n      background-size: cover;\n      background-position: center;\n      width: 88px;\n      margin-right: 8px;\n      height: 64px;\n      opacity: 0.33;\n      transition: opacity 0.3s;\n\n      &:last-child {\n        margin-right: 0px;\n      }\n\n      &::after {\n        position: absolute;\n        content: \"\";\n        height: 4px;\n        width: 100%;\n        background-color: $hero;\n        bottom: 0px;\n        opacity: 0;\n        transition: opacity 0.3s;\n      }\n\n      img {\n        display: block;\n        object-fit: cover;\n        width: 88px;\n        height: 56px;\n        background-color: $background-image-gallery;\n      }\n\n      &.swiper-slide-thumb-active,\n      &:hover {\n        opacity: 1;\n\n        &::after {\n          opacity: 1;\n        }\n      }\n    }\n  }\n\n  &:not(.swiper) {\n    display: flex;\n    flex-direction: row;\n    overflow: hidden;\n  }\n\n  &-nail {\n    position: relative;\n    height: 64px;\n    width: 88px;\n    min-width: 88px;\n    margin-right: 8px;\n    opacity: 0.33;\n    transition: opacity 0.3s;\n\n    img {\n      position: absolute;\n      height: 56px;\n      width: 88px;\n      min-width: 88px;\n      background: $background-image-gallery;\n      object-fit: cover;\n    }\n\n    &:last-child {\n      margin-right: 0px;\n    }\n\n    &::after {\n      position: absolute;\n      content: \"\";\n      height: 4px;\n      width: 100%;\n      background-color: $hero;\n      bottom: 0px;\n      opacity: 0;\n      transition: opacity 0.3s;\n    }\n\n    &.fwe-active,\n    &:hover {\n      opacity: 1;\n\n      &::after {\n        opacity: 1;\n      }\n    }\n  }\n}\n\n@media only screen and (min-width: $grid-breakpoint-xxs) {\n  .fwe-modal-image-gallery {\n    width: 342px;\n  }\n\n  .fwe-image-gallery {\n    height: 342px;\n  }\n}\n\n@media only screen and (min-width: $grid-breakpoint-sm) {\n  .fwe-modal-image-gallery {\n    width: 696px;\n  }\n\n  .fwe-image-gallery {\n    height: 465px;\n  }\n}\n\n@media only screen and (min-width: $grid-breakpoint-md) {\n  .fwe-modal-image-gallery {\n    width: 696px;\n  }\n\n  .fwe-image-gallery {\n    height: 465px;\n  }\n}\n\n@media only screen and (min-width: $grid-breakpoint-xl) {\n  .fwe-modal-image-gallery {\n    width: 960px;\n  }\n\n  .fwe-image-gallery {\n    height: 640px;\n  }\n}\n",".fwe-login-layout {\n  position: fixed;\n  background: $white;\n  top: 0px;\n  right: 0px;\n  bottom: 0px;\n  left: 0px;\n  .fwe-login-background {\n    top: $navbar-height;\n    position: absolute;\n    height: calc(100vh - #{$navbar-height});\n    width: 100vw;\n    object-fit: cover;\n    object-position: center;\n  }\n  .fwe-login-container {\n    height: calc(100vh - #{$navbar-height});\n    overflow: scroll;\n    display: flex;\n    align-items: center;\n    .fwe-login-form {\n      z-index: 1;\n      margin-left: 20%;\n      width: 430px;\n      background: $white;\n      padding: $spacer-xl;\n      h1 {\n        margin: 0px;\n        @media (max-height: 600px) {\n          display: none;\n        }\n      }\n      .fwe-login-link-container {\n        margin-top: $spacer-m;\n        text-align: right;\n      }\n      @media (max-height: 600px) {\n        padding: $spacer-m;\n      }\n    }\n  }\n  @media (max-width: 600px), (max-height: 600px) {\n    .fwe-login-container {\n      background-color: $white;\n      position: unset;\n      left: unset;\n      top: unset;\n      width: 100vw;\n      align-items: stretch;\n      .fwe-login-form {\n        margin-left: 0px;\n        width: 100%;\n      }\n    }\n    .fwe-login-background {\n      display: none;\n    }\n  }\n}\n"]}

package/dist/css/themes/flatpickr/festo.css

@@ -1,11 +1,10 @@
 /*!
- * Festo UI - Web Essentials v3.2.1 (https://storybook.festo.design/)
+ * Festo UI - Web Essentials v4.0.0-pre-20220920.2 (https://storybook.festo.design/)
  * Copyright 2022 Festo SE & Co. KG
  * Licensed under Apache-2.0
  */
 .fng-flatpickr span {
   -webkit-user-select: none;
-  -ms-user-select: none;
   -moz-user-select: none;
   user-select: none;
 }
@@ -163,7 +162,6 @@
   text-align: center;
   position: relative;
   -webkit-user-select: none;
-  -ms-user-select: none;
   -moz-user-select: none;
   user-select: none;
   overflow: hidden;
@@ -811,7 +809,6 @@ span.flatpickr-weekday {
   font-weight: var(--fwe-font-weight-bold);
   width: 2%;
   -webkit-user-select: none;
-  -ms-user-select: none;
   -moz-user-select: none;
   user-select: none;
   align-self: center;

package/dist/css/themes/flatpickr/festo.css.map

@@ -1 +1 @@
-{"version":3,"sources":["../../../../scss/themes/flatpickr/festo.scss","festo.css","../../../../scss/_variables.scss"],"names":[],"mappings":"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","file":"festo.css","sourcesContent":[null,"/*!\n * Festo UI - Web Essentials v3.1.0 (https://storybook.festo.design/)\n * Copyright 2022 Festo SE & Co. KG\n * Licensed under Apache-2.0\n */\n.fng-flatpickr span {\n  -webkit-user-select: none;\n  -ms-user-select: none;\n  user-select: none;\n}\n\n.flatpickr-calendar {\n  display: none;\n  text-align: center;\n  animation: none;\n  direction: ltr;\n  border: 0;\n  font-size: var(--fwe-font-size-md);\n  line-height: font-size-md10px;\n  position: absolute;\n  box-sizing: border-box;\n  touch-action: manipulation;\n}\n\n.flatpickr-calendar.open {\n  max-height: 640px;\n  width: 324px;\n  background: var(--fwe-white);\n  box-shadow: 0px 1px 8px rgba(0, 0, 0, 0.3);\n  border-radius: 8px;\n  padding: 12px;\n  padding-bottom: 48px;\n  display: inline-block;\n  z-index: var(--fwe-z-index-dropdown);\n}\n\n.flatpickr-calendar.animate.open {\n  animation: none;\n}\n\n.flatpickr-calendar.inline {\n  display: block;\n  position: relative;\n  top: 2px;\n  box-shadow: none;\n  background: inherit;\n}\n\n.flatpickr-calendar.static {\n  position: absolute;\n  top: calc(100% + 2px);\n}\n\n.flatpickr-calendar.static.open {\n  z-index: var(--fwe-z-index-dropdown);\n  display: block;\n}\n\n.flatpickr-calendar.multiMonth .flatpickr-days .dayContainer:nth-child(n+1) .flatpickr-day.inRange:nth-child(7n+7) {\n  box-shadow: none !important;\n}\n\n.flatpickr-calendar.multiMonth .flatpickr-days .dayContainer:nth-child(n+2) .flatpickr-day.inRange:nth-child(7n+1) {\n  box-shadow: -2px 0 0 var(--fwe-gray-200), 5px 0 0 var(--fwe-gray-200);\n}\n\n.flatpickr-calendar .hasWeeks .dayContainer,\n.flatpickr-calendar .hasTime .dayContainer {\n  border-bottom: 0;\n  border-bottom-right-radius: 0;\n  border-bottom-left-radius: 0;\n}\n\n.flatpickr-calendar .hasWeeks .dayContainer {\n  border-left: 0;\n}\n\n.flatpickr-calendar.showTimeInput.hasTime .flatpickr-time {\n  height: 40px;\n  border-top: 1px solid var(--fwe-gray-200);\n}\n\n.flatpickr-calendar.noCalendar.hasTime .flatpickr-time {\n  height: auto;\n}\n\n.flatpickr-calendar:before,\n.flatpickr-calendar:after {\n  position: absolute;\n  display: block;\n  pointer-events: none;\n  border: solid transparent;\n  content: unset;\n  height: 0;\n  width: 0;\n  left: 32px;\n}\n\n.flatpickr-calendar.rightMost:before,\n.flatpickr-calendar.rightMost:after {\n  left: auto;\n  right: 32px;\n}\n\n.flatpickr-calendar:before {\n  border-width: 7px;\n  margin: 0 -7px;\n}\n\n.flatpickr-calendar:after {\n  border-width: 6px;\n  margin: 0 -6px;\n}\n\n.flatpickr-calendar.arrowTop:before,\n.flatpickr-calendar.arrowTop:after {\n  bottom: 100%;\n}\n\n.flatpickr-calendar.arrowTop:before {\n  border-bottom-color: rgba(0, 0, 0, 0.15);\n}\n\n.flatpickr-calendar.arrowTop:after {\n  border-bottom-color: var(--fwe-white);\n}\n\n.flatpickr-calendar.arrowBottom:before,\n.flatpickr-calendar.arrowBottom:after {\n  top: 100%;\n}\n\n.flatpickr-calendar.arrowBottom:before {\n  border-top-color: var(--fwe-border);\n}\n\n.flatpickr-calendar.arrowBottom:after {\n  border-top-color: var(--fwe-white);\n}\n\n.flatpickr-calendar:focus {\n  outline: 0;\n}\n\n.flatpickr-wrapper {\n  position: relative;\n  display: inline-block;\n}\n\n.flatpickr-months {\n  display: flex;\n}\n.flatpickr-months .flatpickr-month {\n  background: transparent;\n  color: var(--fwe-text);\n  fill: var(--fwe-text);\n  height: 42px;\n  margin-top: 12px;\n  line-height: 24px;\n  text-align: center;\n  position: relative;\n  -webkit-user-select: none;\n  -ms-user-select: none;\n  user-select: none;\n  overflow: hidden;\n  flex: 1;\n}\n.flatpickr-months .flatpickr-prev-month,\n.flatpickr-months .flatpickr-next-month {\n  text-decoration: none;\n  cursor: pointer;\n  position: absolute;\n  top: 0;\n  height: 42px;\n  z-index: 3;\n  color: var(--fwe-text);\n}\n.flatpickr-months .flatpickr-prev-month i,\n.flatpickr-months .flatpickr-next-month i {\n  position: relative;\n}\n.flatpickr-months .flatpickr-prev-month svg,\n.flatpickr-months .flatpickr-next-month svg {\n  width: 14px;\n  height: 14px;\n}\n.flatpickr-months .flatpickr-prev-month svg path,\n.flatpickr-months .flatpickr-next-month svg path {\n  transition: fill 0.1s;\n  fill: inherit;\n}\n.flatpickr-months .flatpickr-prev-month.flatpickr-disabled,\n.flatpickr-months .flatpickr-next-month.flatpickr-disabled {\n  display: none;\n}\n.flatpickr-months .flatpickr-prev-month:hover,\n.flatpickr-months .flatpickr-next-month:hover {\n  color: var(--fwe-text-light);\n}\n.flatpickr-months .flatpickr-prev-month:hover svg,\n.flatpickr-months .flatpickr-next-month:hover svg {\n  fill: var(--fwe-hero);\n}\n.flatpickr-months .flatpickr-next-month {\n  padding: 24px 20px 0px 0px;\n  right: 0;\n}\n.flatpickr-months .flatpickr-prev-month {\n  left: 0;\n  padding: 24px 0px 0px 20px;\n}\n\n.numInputWrapper {\n  position: relative;\n  height: auto;\n}\n.numInputWrapper input::-webkit-outer-spin-button,\n.numInputWrapper input::-webkit-inner-spin-button {\n  /* display: none; <- Crashes Chrome on hover */\n  -webkit-appearance: none;\n  margin: 0;\n  /* <-- Apparently some margin are still there even though it's hidden */\n}\n.numInputWrapper input[type=number] {\n  -moz-appearance: textfield;\n  /* Firefox */\n}\n\n.numInputWrapper input,\n.numInputWrapper span {\n  display: inline-block;\n}\n\n.numInputWrapper input {\n  width: 100%;\n  font-weight: var(--fwe-font-weight-bold);\n}\n\n.numInputWrapper input::-ms-clear {\n  display: none;\n}\n\n.numInputWrapper span {\n  position: absolute;\n  right: -8px;\n  width: 14px;\n  padding: 0 4px 0 2px;\n  height: 50%;\n  line-height: 50%;\n  opacity: 0;\n  cursor: pointer;\n  box-sizing: border-box;\n}\n.numInputWrapper span:after {\n  display: block;\n  content: \"\";\n  position: absolute;\n}\n.numInputWrapper span.arrowUp {\n  top: 0;\n  border-bottom: 0;\n}\n.numInputWrapper span.arrowUp:after {\n  border-left: 4px solid transparent;\n  border-right: 4px solid transparent;\n  border-bottom: 4px solid var(--fwe-text);\n  top: 26%;\n}\n.numInputWrapper span.arrowDown {\n  top: 50%;\n}\n\n.numInputWrapper span.arrowDown:after {\n  border-left: 4px solid transparent;\n  border-right: 4px solid transparent;\n  border-top: 4px solid var(--fwe-text);\n  top: 40%;\n}\n\n.numInputWrapper span svg {\n  width: inherit;\n  height: auto;\n}\n\n.numInputWrapper span svg path {\n  fill: rgba(0, 0, 0, 0.5);\n}\n\n.numInputWrapper:hover span {\n  opacity: 1;\n}\n\n.flatpickr-current-month {\n  font-size: var(--fwe-font-size-base);\n  font-weight: var(--fwe-font-weight-normal);\n  position: absolute;\n  width: 75%;\n  left: 12.5%;\n  padding: 7px 0 0 0;\n  line-height: calc(var(--fwe-font-size-base) + 8px);\n  height: 34px;\n  display: inline-block;\n  text-align: center;\n  transform: translate3d(0, 0, 0);\n}\n.flatpickr-current-month span.cur-month {\n  font-family: inherit;\n  font-weight: var(--fwe-font-weight-bold);\n  color: inherit;\n  display: inline-block;\n  margin-left: 0.5ch;\n  padding: 0;\n}\n.flatpickr-current-month span.cur-month:hover {\n  color: var(--fwe-hero);\n}\n.flatpickr-current-month select {\n  appearance: none;\n  background: transparent;\n  background-image: url(\"data:image/svg+xml;utf8,<svg  height='16' viewBox='0 0 16 16' width='16' xmlns='http://www.w3.org/2000/svg'><g><polygon points='8,10.7 3.6,6.4 4.4,5.6 8,9.3 11.6,5.6 12.4,6.4'/></g></svg>\");\n  background-repeat: no-repeat;\n  background-position-x: 100%;\n  background-position-y: 70%;\n  border: none;\n  color: inherit;\n  cursor: pointer;\n  line-height: 24px;\n  margin: -1px 0 0 0;\n  outline: none;\n  padding-left: 8px;\n  padding-right: 16px;\n}\n.flatpickr-current-month select:hover {\n  color: var(--fwe-hero);\n  background-image: url(\"data:image/svg+xml;utf8,<svg fill='rgb(0, 145, 220)'  height='16' viewBox='0 0 16 16' width='16' xmlns='http://www.w3.org/2000/svg'><g><polygon points='8,10.7 3.6,6.4 4.4,5.6 8,9.3 11.6,5.6 12.4,6.4'/></g></svg>\");\n}\n.flatpickr-current-month select option {\n  color: var(--fwe-text) !important;\n}\n\n.flatpickr-current-month .numInputWrapper {\n  width: 60px;\n  display: inline-block;\n}\n.flatpickr-current-month .numInputWrapper input {\n  background: transparent;\n  box-sizing: border-box;\n  color: inherit;\n  cursor: text;\n  margin-left: 16px;\n  display: inline-block;\n  line-height: 24px;\n  border: 0;\n  appearance: textfield;\n}\n.flatpickr-current-month .numInputWrapper:hover {\n  color: var(--fwe-hero);\n}\n.flatpickr-current-month .numInputWrapper .arrowUp:hover:after {\n  border-bottom-color: var(--fwe-hero);\n}\n.flatpickr-current-month .numInputWrapper .arrowDown:hover:after {\n  border-top-color: var(--fwe-hero);\n}\n\n.flatpickr-current-month input.cur-year:focus {\n  outline: 0;\n}\n\n.flatpickr-current-month input.cur-year[disabled],\n.flatpickr-current-month input.cur-year[disabled]:hover {\n  font-size: 100%;\n  color: rgba(0, 0, 0, 0.5);\n  background: transparent;\n  pointer-events: none;\n}\n\n.flatpickr-monthDropdown-months {\n  font-weight: var(--fwe-font-weight-bold);\n}\n\n.flatpickr-current-month .flatpickr-monthDropdown-months:focus,\n.flatpickr-current-month .flatpickr-monthDropdown-months:active {\n  outline: none;\n}\n\n.flatpickr-current-month .flatpickr-monthDropdown-months .flatpickr-monthDropdown-month {\n  background-color: transparent;\n  outline: none;\n  padding: 0;\n}\n\n.flatpickr-weekdays {\n  border-bottom: 1px solid var(--fwe-border);\n  background: transparent;\n  text-align: center;\n  overflow: hidden;\n  width: 100%;\n  display: flex;\n  align-items: center;\n  height: 48px;\n  margin-bottom: 4px;\n}\n\n.flatpickr-weekdays .flatpickr-weekdaycontainer {\n  display: flex;\n  flex: 1;\n}\n\nspan.flatpickr-weekday {\n  cursor: default;\n  font-size: var(--fwe-font-size-md);\n  background: transparent;\n  color: var(--fwe-text-light);\n  line-height: 1;\n  margin: 0;\n  text-align: center;\n  display: block;\n  flex: 1;\n  font-weight: var(--fwe-font-weight-normal);\n}\n\n.dayContainer,\n.flatpickr-weeks {\n  padding: 1px 0 0 0;\n}\n\n.flatpickr-days {\n  position: relative;\n  overflow: hidden;\n  display: flex;\n  align-items: flex-start;\n  width: 304px;\n}\n\n.flatpickr-days:focus {\n  outline: 0;\n}\n\n.dayContainer {\n  padding: 0;\n  outline: 0;\n  text-align: left;\n  width: 304px;\n  min-width: 304px;\n  max-width: 304px;\n  box-sizing: border-box;\n  display: inline-block;\n  display: flex;\n  flex-wrap: wrap;\n  justify-content: space-around;\n  transform: translate3d(0, 0, 0);\n  opacity: 1;\n}\n\n.dayContainer + .dayContainer {\n  box-shadow: -1px 0 0 var(--fwe-gray-200);\n}\n\n.flatpickr-day {\n  background: none;\n  border: 2px;\n  border-radius: 150px;\n  box-sizing: border-box;\n  color: var(--fwe-text);\n  cursor: pointer;\n  font-weight: var(--fwe-font-weight-normal);\n  width: 14.2857143%;\n  -ms-flex-preferred-size: 14.2857143%;\n  flex-basis: 14.2857143%;\n  max-width: 33px;\n  height: 33px;\n  line-height: 33px;\n  margin: 4px;\n  display: inline-block;\n  position: relative;\n  justify-content: center;\n  text-align: center;\n}\n\n.flatpickr-day.inRange,\n.flatpickr-day.prevMonthDay.inRange,\n.flatpickr-day.nextMonthDay.inRange,\n.flatpickr-day.today.inRange,\n.flatpickr-day.prevMonthDay.today.inRange,\n.flatpickr-day.nextMonthDay.today.inRange,\n.flatpickr-day.prevMonthDay:hover,\n.flatpickr-day.nextMonthDay:hover,\n.flatpickr-day:focus,\n.flatpickr-day.prevMonthDay:focus,\n.flatpickr-day.nextMonthDay:focus {\n  cursor: pointer;\n  outline: 0;\n  background: var(--fwe-gray-200);\n  border-color: var(--fwe-gray-200);\n  font-weight: var(--fwe-font-weight-bold);\n}\n\n.flatpickr-day:hover {\n  cursor: pointer;\n  outline: 0;\n  color: var(--fwe-hero-dark);\n}\n\n.flatpickr-day.today {\n  background-color: inherit;\n  font-weight: var(--fwe-font-weight-bold);\n  text-decoration: underline;\n}\n.flatpickr-day.today:hover {\n  color: var(--fwe-hero-dark);\n}\n\n.flatpickr-day.selected,\n.flatpickr-day.startRange,\n.flatpickr-day.endRange,\n.flatpickr-day.selected.inRange,\n.flatpickr-day.startRange.inRange,\n.flatpickr-day.endRange.inRange,\n.flatpickr-day.selected:focus,\n.flatpickr-day.startRange:focus,\n.flatpickr-day.endRange:focus,\n.flatpickr-day.selected:hover,\n.flatpickr-day.startRange:hover,\n.flatpickr-day.endRange:hover,\n.flatpickr-day.selected.prevMonthDay,\n.flatpickr-day.startRange.prevMonthDay,\n.flatpickr-day.endRange.prevMonthDay,\n.flatpickr-day.selected.nextMonthDay,\n.flatpickr-day.startRange.nextMonthDay,\n.flatpickr-day.endRange.nextMonthDay {\n  background: var(--fwe-white);\n  box-shadow: none;\n  color: var(--fwe-hero);\n  border: 2px solid var(--fwe-hero);\n  font-weight: var(--fwe-font-weight-bold);\n  line-height: 28px;\n}\n.flatpickr-day.selected.flatpickr-disabled,\n.flatpickr-day.startRange.flatpickr-disabled,\n.flatpickr-day.endRange.flatpickr-disabled,\n.flatpickr-day.selected.inRange.flatpickr-disabled,\n.flatpickr-day.startRange.inRange.flatpickr-disabled,\n.flatpickr-day.endRange.inRange.flatpickr-disabled,\n.flatpickr-day.selected:focus.flatpickr-disabled,\n.flatpickr-day.startRange:focus.flatpickr-disabled,\n.flatpickr-day.endRange:focus.flatpickr-disabled,\n.flatpickr-day.selected:hover.flatpickr-disabled,\n.flatpickr-day.startRange:hover.flatpickr-disabled,\n.flatpickr-day.endRange:hover.flatpickr-disabled,\n.flatpickr-day.selected.prevMonthDay.flatpickr-disabled,\n.flatpickr-day.startRange.prevMonthDay.flatpickr-disabled,\n.flatpickr-day.endRange.prevMonthDay.flatpickr-disabled,\n.flatpickr-day.selected.nextMonthDay.flatpickr-disabled,\n.flatpickr-day.startRange.nextMonthDay.flatpickr-disabled,\n.flatpickr-day.endRange.nextMonthDay.flatpickr-disabled {\n  color: var(--fwe-text-disabled);\n  background: var(--fwe-control-disabled);\n}\n\n.flatpickr-day.startRange.startRange {\n  border-radius: 50px;\n  box-shadow: none;\n}\n\n.flatpickr-day.endRange.startRange {\n  border-radius: 50px 0 0 50px;\n  box-shadow: 10px 0 0 var(--fwe-hero);\n}\n\n.flatpickr-day.selected.startRange {\n  border-radius: 50px;\n  box-shadow: none;\n}\n\n.flatpickr-day.endRange:not(.inRange):not(.startRange),\n.flatpickr-day.selected.endRange:not(.inRange):not(.startRange) {\n  border-radius: 50px;\n  position: relative;\n}\n.flatpickr-day.endRange:not(.inRange):not(.startRange)::before,\n.flatpickr-day.selected.endRange:not(.inRange):not(.startRange)::before {\n  content: \"\";\n  position: absolute;\n  height: calc(100% + 4px);\n  z-index: -1;\n  width: 42px;\n  background-color: var(--fwe-gray-200);\n  left: -26px;\n  top: -2px;\n}\n.flatpickr-day.endRange:not(.inRange):not(.startRange).flatpickr-disabled::before,\n.flatpickr-day.selected.endRange:not(.inRange):not(.startRange).flatpickr-disabled::before {\n  background-color: var(--fwe-gray-200);\n}\n\n.flatpickr-day.startRange.endRange,\n.flatpickr-day.endRange.endRange {\n  border-radius: 50px;\n}\n\n.flatpickr-day.startRange:not(:hover):not(.endRange):nth-child(7n)::before {\n  content: \"\";\n  position: absolute;\n  height: 100%;\n  z-index: -1;\n  width: 24px;\n  background-color: var(--fwe-gray-200);\n  left: 16px;\n}\n.flatpickr-day.startRange:not(:hover):not(.endRange):nth-child(7n).flatpickr-disabled::before {\n  background-color: var(--fwe-gray-200);\n}\n\n.flatpickr-day.selected.startRange.endRange,\n.flatpickr-day.startRange.startRange.endRange,\n.flatpickr-day.endRange.startRange.endRange {\n  border-radius: 50px;\n}\n\n.flatpickr-day.inRange:not(.startRange) {\n  box-shadow: none;\n  position: relative;\n}\n.flatpickr-day.inRange:not(.startRange):not(.endRange):nth-child(7n) {\n  border-radius: 0;\n  box-shadow: -10px 0 0 var(--fwe-gray-200), 24px 0 0 var(--fwe-gray-200);\n}\n.flatpickr-day.inRange:not(.startRange):not(.endRange):nth-child(7n).flatpickr-disabled {\n  box-shadow: -10px 0 0 var(--fwe-gray-100), 24px 0 0 var(--fwe-gray-100);\n}\n.flatpickr-day.inRange:not(.startRange)::before {\n  content: \"\";\n  position: absolute;\n  height: 100%;\n  z-index: -1;\n  width: 48px;\n  background-color: var(--fwe-gray-200);\n  left: -28px;\n}\n.flatpickr-day.inRange:not(.startRange).flatpickr-disabled::before {\n  background-color: var(--fwe-gray-100);\n}\n\n.flatpickr-day.inRange ~ .flatpickr-day.inRange:not(.selected) {\n  border-radius: 0;\n  box-shadow: -10px 0 0 var(--fwe-gray-200), 24px 0 0 var(--fwe-gray-200);\n}\n.flatpickr-day.inRange ~ .flatpickr-day.inRange:not(.selected).flatpickr-disabled {\n  box-shadow: -10px 0 0 var(--fwe-gray-100), 24px 0 0 var(--fwe-gray-100);\n  background: var(--fwe-gray-100);\n}\n\n.flatpickr-day.flatpickr-disabled,\n.flatpickr-day.flatpickr-disabled:hover,\n.flatpickr-day.prevMonthDay,\n.flatpickr-day.nextMonthDay,\n.flatpickr-day.notAllowed,\n.flatpickr-day.notAllowed.prevMonthDay,\n.flatpickr-day.notAllowed.nextMonthDay {\n  color: rgba(57, 57, 57, 0.3);\n  background: transparent;\n  border-color: transparent;\n  cursor: default;\n}\n\n.flatpickr-day.flatpickr-disabled,\n.flatpickr-day.flatpickr-disabled:hover {\n  cursor: not-allowed;\n  color: rgba(57, 57, 57, 0.1);\n}\n\n.flatpickr-day.week.selected {\n  border-radius: 0;\n  box-shadow: -5px 0 0 var(--fwe-hero), 5px 0 0 var(--fwe-hero);\n}\n\n.flatpickr-day.hidden {\n  visibility: hidden;\n}\n\n.rangeMode .flatpickr-day {\n  margin-top: 1px;\n}\n\n.flatpickr-weekwrapper {\n  float: left;\n}\n\n.flatpickr-weekwrapper .flatpickr-weeks {\n  padding: 0 12px;\n  box-shadow: 1px 0 0 var(--fwe-gray-200);\n}\n\n.flatpickr-weekwrapper .flatpickr-weekday {\n  float: none;\n  width: 100%;\n  line-height: 28px;\n}\n\n.flatpickr-weekwrapper span.flatpickr-day,\n.flatpickr-weekwrapper span.flatpickr-day:hover {\n  display: block;\n  width: 100%;\n  max-width: none;\n  color: rgba(57, 57, 57, 0.3);\n  background: transparent;\n  cursor: default;\n  border: none;\n}\n\n.flatpickr-innerContainer {\n  display: block;\n  display: flex;\n  box-sizing: border-box;\n  overflow: hidden;\n}\n\n.flatpickr-rContainer {\n  display: inline-block;\n  padding: 0;\n  box-sizing: border-box;\n}\n\n.flatpickr-time {\n  text-align: center;\n  outline: 0;\n  height: 0;\n  line-height: 40px;\n  max-height: 40px;\n  box-sizing: border-box;\n  overflow: hidden;\n  display: flex;\n}\n\n.flatpickr-time:after {\n  content: \"\";\n  display: table;\n  clear: both;\n}\n\n.flatpickr-time .numInputWrapper {\n  flex: 1;\n  width: 40%;\n  height: 40px;\n  float: left;\n}\n\n.flatpickr-time .numInputWrapper span.arrowUp:after {\n  border-bottom-color: var(--fwe-control-border);\n}\n\n.flatpickr-time .numInputWrapper span.arrowDown:after {\n  border-top-color: var(--fwe-control-border);\n}\n\n.flatpickr-time.hasSeconds .numInputWrapper {\n  width: 26%;\n}\n\n.flatpickr-time.time24hr .numInputWrapper {\n  width: 49%;\n}\n\n.flatpickr-time input {\n  background: transparent;\n  box-shadow: none;\n  border: 0;\n  border-radius: 0;\n  text-align: center;\n  margin: 0;\n  padding: 0;\n  height: inherit;\n  line-height: inherit;\n  color: var(--fwe-text);\n  font-size: var(--fwe-font-size-md);\n  position: relative;\n  box-sizing: border-box;\n  appearance: textfield;\n}\n\n.flatpickr-time input.flatpickr-hour {\n  font-weight: var(--fwe-font-weight-bold);\n}\n\n.flatpickr-time input.flatpickr-minute,\n.flatpickr-time input.flatpickr-second {\n  font-weight: var(--fwe-font-weight-normal);\n}\n\n.flatpickr-time input:focus {\n  outline: 0;\n  border: 0;\n}\n\n.flatpickr-time .flatpickr-time-separator,\n.flatpickr-time .flatpickr-am-pm {\n  height: inherit;\n  float: left;\n  line-height: inherit;\n  color: var(--fwe-text);\n  font-weight: var(--fwe-font-weight-bold);\n  width: 2%;\n  -webkit-user-select: none;\n  -ms-user-select: none;\n  user-select: none;\n  align-self: center;\n}\n\n.flatpickr-time .flatpickr-am-pm {\n  outline: 0;\n  width: 18%;\n  cursor: pointer;\n  text-align: center;\n  font-weight: var(--fwe-font-weight-normal);\n}\n\n.flatpickr-time input:hover,\n.flatpickr-time .flatpickr-am-pm:hover,\n.flatpickr-time input:focus,\n.flatpickr-time .flatpickr-am-pm:focus {\n  background: var(--fwe-white);\n}\n\n.flatpickr-input[readonly] {\n  cursor: pointer;\n}\n\n@keyframes fpFadeInDown {\n  from {\n    opacity: 0;\n    transform: translate3d(0, -20px, 0);\n  }\n  to {\n    opacity: 1;\n    transform: translate3d(0, 0, 0);\n  }\n}\n\n/*# sourceMappingURL=festo.css.map */\n",null]}
+{"version":3,"sources":["../../../../scss/themes/flatpickr/festo.scss","festo.css","../../../../scss/_variables.scss"],"names":[],"mappings":"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","file":"festo.css","sourcesContent":[null,"/*!\n * Festo UI - Web Essentials v3.1.0 (https://storybook.festo.design/)\n * Copyright 2022 Festo SE & Co. KG\n * Licensed under Apache-2.0\n */\n.fng-flatpickr span {\n  -webkit-user-select: none;\n  -ms-user-select: none;\n  user-select: none;\n}\n\n.flatpickr-calendar {\n  display: none;\n  text-align: center;\n  animation: none;\n  direction: ltr;\n  border: 0;\n  font-size: var(--fwe-font-size-md);\n  line-height: font-size-md10px;\n  position: absolute;\n  box-sizing: border-box;\n  touch-action: manipulation;\n}\n\n.flatpickr-calendar.open {\n  max-height: 640px;\n  width: 324px;\n  background: var(--fwe-white);\n  box-shadow: 0px 1px 8px rgba(0, 0, 0, 0.3);\n  border-radius: 8px;\n  padding: 12px;\n  padding-bottom: 48px;\n  display: inline-block;\n  z-index: var(--fwe-z-index-dropdown);\n}\n\n.flatpickr-calendar.animate.open {\n  animation: none;\n}\n\n.flatpickr-calendar.inline {\n  display: block;\n  position: relative;\n  top: 2px;\n  box-shadow: none;\n  background: inherit;\n}\n\n.flatpickr-calendar.static {\n  position: absolute;\n  top: calc(100% + 2px);\n}\n\n.flatpickr-calendar.static.open {\n  z-index: var(--fwe-z-index-dropdown);\n  display: block;\n}\n\n.flatpickr-calendar.multiMonth .flatpickr-days .dayContainer:nth-child(n+1) .flatpickr-day.inRange:nth-child(7n+7) {\n  box-shadow: none !important;\n}\n\n.flatpickr-calendar.multiMonth .flatpickr-days .dayContainer:nth-child(n+2) .flatpickr-day.inRange:nth-child(7n+1) {\n  box-shadow: -2px 0 0 var(--fwe-gray-200), 5px 0 0 var(--fwe-gray-200);\n}\n\n.flatpickr-calendar .hasWeeks .dayContainer,\n.flatpickr-calendar .hasTime .dayContainer {\n  border-bottom: 0;\n  border-bottom-right-radius: 0;\n  border-bottom-left-radius: 0;\n}\n\n.flatpickr-calendar .hasWeeks .dayContainer {\n  border-left: 0;\n}\n\n.flatpickr-calendar.showTimeInput.hasTime .flatpickr-time {\n  height: 40px;\n  border-top: 1px solid var(--fwe-gray-200);\n}\n\n.flatpickr-calendar.noCalendar.hasTime .flatpickr-time {\n  height: auto;\n}\n\n.flatpickr-calendar:before,\n.flatpickr-calendar:after {\n  position: absolute;\n  display: block;\n  pointer-events: none;\n  border: solid transparent;\n  content: unset;\n  height: 0;\n  width: 0;\n  left: 32px;\n}\n\n.flatpickr-calendar.rightMost:before,\n.flatpickr-calendar.rightMost:after {\n  left: auto;\n  right: 32px;\n}\n\n.flatpickr-calendar:before {\n  border-width: 7px;\n  margin: 0 -7px;\n}\n\n.flatpickr-calendar:after {\n  border-width: 6px;\n  margin: 0 -6px;\n}\n\n.flatpickr-calendar.arrowTop:before,\n.flatpickr-calendar.arrowTop:after {\n  bottom: 100%;\n}\n\n.flatpickr-calendar.arrowTop:before {\n  border-bottom-color: rgba(0, 0, 0, 0.15);\n}\n\n.flatpickr-calendar.arrowTop:after {\n  border-bottom-color: var(--fwe-white);\n}\n\n.flatpickr-calendar.arrowBottom:before,\n.flatpickr-calendar.arrowBottom:after {\n  top: 100%;\n}\n\n.flatpickr-calendar.arrowBottom:before {\n  border-top-color: var(--fwe-border);\n}\n\n.flatpickr-calendar.arrowBottom:after {\n  border-top-color: var(--fwe-white);\n}\n\n.flatpickr-calendar:focus {\n  outline: 0;\n}\n\n.flatpickr-wrapper {\n  position: relative;\n  display: inline-block;\n}\n\n.flatpickr-months {\n  display: flex;\n}\n.flatpickr-months .flatpickr-month {\n  background: transparent;\n  color: var(--fwe-text);\n  fill: var(--fwe-text);\n  height: 42px;\n  margin-top: 12px;\n  line-height: 24px;\n  text-align: center;\n  position: relative;\n  -webkit-user-select: none;\n  -ms-user-select: none;\n  user-select: none;\n  overflow: hidden;\n  flex: 1;\n}\n.flatpickr-months .flatpickr-prev-month,\n.flatpickr-months .flatpickr-next-month {\n  text-decoration: none;\n  cursor: pointer;\n  position: absolute;\n  top: 0;\n  height: 42px;\n  z-index: 3;\n  color: var(--fwe-text);\n}\n.flatpickr-months .flatpickr-prev-month i,\n.flatpickr-months .flatpickr-next-month i {\n  position: relative;\n}\n.flatpickr-months .flatpickr-prev-month svg,\n.flatpickr-months .flatpickr-next-month svg {\n  width: 14px;\n  height: 14px;\n}\n.flatpickr-months .flatpickr-prev-month svg path,\n.flatpickr-months .flatpickr-next-month svg path {\n  transition: fill 0.1s;\n  fill: inherit;\n}\n.flatpickr-months .flatpickr-prev-month.flatpickr-disabled,\n.flatpickr-months .flatpickr-next-month.flatpickr-disabled {\n  display: none;\n}\n.flatpickr-months .flatpickr-prev-month:hover,\n.flatpickr-months .flatpickr-next-month:hover {\n  color: var(--fwe-text-light);\n}\n.flatpickr-months .flatpickr-prev-month:hover svg,\n.flatpickr-months .flatpickr-next-month:hover svg {\n  fill: var(--fwe-hero);\n}\n.flatpickr-months .flatpickr-next-month {\n  padding: 24px 20px 0px 0px;\n  right: 0;\n}\n.flatpickr-months .flatpickr-prev-month {\n  left: 0;\n  padding: 24px 0px 0px 20px;\n}\n\n.numInputWrapper {\n  position: relative;\n  height: auto;\n}\n.numInputWrapper input::-webkit-outer-spin-button,\n.numInputWrapper input::-webkit-inner-spin-button {\n  /* display: none; <- Crashes Chrome on hover */\n  -webkit-appearance: none;\n  margin: 0;\n  /* <-- Apparently some margin are still there even though it's hidden */\n}\n.numInputWrapper input[type=number] {\n  -moz-appearance: textfield;\n  /* Firefox */\n}\n\n.numInputWrapper input,\n.numInputWrapper span {\n  display: inline-block;\n}\n\n.numInputWrapper input {\n  width: 100%;\n  font-weight: var(--fwe-font-weight-bold);\n}\n\n.numInputWrapper input::-ms-clear {\n  display: none;\n}\n\n.numInputWrapper span {\n  position: absolute;\n  right: -8px;\n  width: 14px;\n  padding: 0 4px 0 2px;\n  height: 50%;\n  line-height: 50%;\n  opacity: 0;\n  cursor: pointer;\n  box-sizing: border-box;\n}\n.numInputWrapper span:after {\n  display: block;\n  content: \"\";\n  position: absolute;\n}\n.numInputWrapper span.arrowUp {\n  top: 0;\n  border-bottom: 0;\n}\n.numInputWrapper span.arrowUp:after {\n  border-left: 4px solid transparent;\n  border-right: 4px solid transparent;\n  border-bottom: 4px solid var(--fwe-text);\n  top: 26%;\n}\n.numInputWrapper span.arrowDown {\n  top: 50%;\n}\n\n.numInputWrapper span.arrowDown:after {\n  border-left: 4px solid transparent;\n  border-right: 4px solid transparent;\n  border-top: 4px solid var(--fwe-text);\n  top: 40%;\n}\n\n.numInputWrapper span svg {\n  width: inherit;\n  height: auto;\n}\n\n.numInputWrapper span svg path {\n  fill: rgba(0, 0, 0, 0.5);\n}\n\n.numInputWrapper:hover span {\n  opacity: 1;\n}\n\n.flatpickr-current-month {\n  font-size: var(--fwe-font-size-base);\n  font-weight: var(--fwe-font-weight-normal);\n  position: absolute;\n  width: 75%;\n  left: 12.5%;\n  padding: 7px 0 0 0;\n  line-height: calc(var(--fwe-font-size-base) + 8px);\n  height: 34px;\n  display: inline-block;\n  text-align: center;\n  transform: translate3d(0, 0, 0);\n}\n.flatpickr-current-month span.cur-month {\n  font-family: inherit;\n  font-weight: var(--fwe-font-weight-bold);\n  color: inherit;\n  display: inline-block;\n  margin-left: 0.5ch;\n  padding: 0;\n}\n.flatpickr-current-month span.cur-month:hover {\n  color: var(--fwe-hero);\n}\n.flatpickr-current-month select {\n  appearance: none;\n  background: transparent;\n  background-image: url(\"data:image/svg+xml;utf8,<svg  height='16' viewBox='0 0 16 16' width='16' xmlns='http://www.w3.org/2000/svg'><g><polygon points='8,10.7 3.6,6.4 4.4,5.6 8,9.3 11.6,5.6 12.4,6.4'/></g></svg>\");\n  background-repeat: no-repeat;\n  background-position-x: 100%;\n  background-position-y: 70%;\n  border: none;\n  color: inherit;\n  cursor: pointer;\n  line-height: 24px;\n  margin: -1px 0 0 0;\n  outline: none;\n  padding-left: 8px;\n  padding-right: 16px;\n}\n.flatpickr-current-month select:hover {\n  color: var(--fwe-hero);\n  background-image: url(\"data:image/svg+xml;utf8,<svg fill='rgb(0, 145, 220)'  height='16' viewBox='0 0 16 16' width='16' xmlns='http://www.w3.org/2000/svg'><g><polygon points='8,10.7 3.6,6.4 4.4,5.6 8,9.3 11.6,5.6 12.4,6.4'/></g></svg>\");\n}\n.flatpickr-current-month select option {\n  color: var(--fwe-text) !important;\n}\n\n.flatpickr-current-month .numInputWrapper {\n  width: 60px;\n  display: inline-block;\n}\n.flatpickr-current-month .numInputWrapper input {\n  background: transparent;\n  box-sizing: border-box;\n  color: inherit;\n  cursor: text;\n  margin-left: 16px;\n  display: inline-block;\n  line-height: 24px;\n  border: 0;\n  appearance: textfield;\n}\n.flatpickr-current-month .numInputWrapper:hover {\n  color: var(--fwe-hero);\n}\n.flatpickr-current-month .numInputWrapper .arrowUp:hover:after {\n  border-bottom-color: var(--fwe-hero);\n}\n.flatpickr-current-month .numInputWrapper .arrowDown:hover:after {\n  border-top-color: var(--fwe-hero);\n}\n\n.flatpickr-current-month input.cur-year:focus {\n  outline: 0;\n}\n\n.flatpickr-current-month input.cur-year[disabled],\n.flatpickr-current-month input.cur-year[disabled]:hover {\n  font-size: 100%;\n  color: rgba(0, 0, 0, 0.5);\n  background: transparent;\n  pointer-events: none;\n}\n\n.flatpickr-monthDropdown-months {\n  font-weight: var(--fwe-font-weight-bold);\n}\n\n.flatpickr-current-month .flatpickr-monthDropdown-months:focus,\n.flatpickr-current-month .flatpickr-monthDropdown-months:active {\n  outline: none;\n}\n\n.flatpickr-current-month .flatpickr-monthDropdown-months .flatpickr-monthDropdown-month {\n  background-color: transparent;\n  outline: none;\n  padding: 0;\n}\n\n.flatpickr-weekdays {\n  border-bottom: 1px solid var(--fwe-border);\n  background: transparent;\n  text-align: center;\n  overflow: hidden;\n  width: 100%;\n  display: flex;\n  align-items: center;\n  height: 48px;\n  margin-bottom: 4px;\n}\n\n.flatpickr-weekdays .flatpickr-weekdaycontainer {\n  display: flex;\n  flex: 1;\n}\n\nspan.flatpickr-weekday {\n  cursor: default;\n  font-size: var(--fwe-font-size-md);\n  background: transparent;\n  color: var(--fwe-text-light);\n  line-height: 1;\n  margin: 0;\n  text-align: center;\n  display: block;\n  flex: 1;\n  font-weight: var(--fwe-font-weight-normal);\n}\n\n.dayContainer,\n.flatpickr-weeks {\n  padding: 1px 0 0 0;\n}\n\n.flatpickr-days {\n  position: relative;\n  overflow: hidden;\n  display: flex;\n  align-items: flex-start;\n  width: 304px;\n}\n\n.flatpickr-days:focus {\n  outline: 0;\n}\n\n.dayContainer {\n  padding: 0;\n  outline: 0;\n  text-align: left;\n  width: 304px;\n  min-width: 304px;\n  max-width: 304px;\n  box-sizing: border-box;\n  display: inline-block;\n  display: flex;\n  flex-wrap: wrap;\n  justify-content: space-around;\n  transform: translate3d(0, 0, 0);\n  opacity: 1;\n}\n\n.dayContainer + .dayContainer {\n  box-shadow: -1px 0 0 var(--fwe-gray-200);\n}\n\n.flatpickr-day {\n  background: none;\n  border: 2px;\n  border-radius: 150px;\n  box-sizing: border-box;\n  color: var(--fwe-text);\n  cursor: pointer;\n  font-weight: var(--fwe-font-weight-normal);\n  width: 14.2857143%;\n  -ms-flex-preferred-size: 14.2857143%;\n  flex-basis: 14.2857143%;\n  max-width: 33px;\n  height: 33px;\n  line-height: 33px;\n  margin: 4px;\n  display: inline-block;\n  position: relative;\n  justify-content: center;\n  text-align: center;\n}\n\n.flatpickr-day.inRange,\n.flatpickr-day.prevMonthDay.inRange,\n.flatpickr-day.nextMonthDay.inRange,\n.flatpickr-day.today.inRange,\n.flatpickr-day.prevMonthDay.today.inRange,\n.flatpickr-day.nextMonthDay.today.inRange,\n.flatpickr-day.prevMonthDay:hover,\n.flatpickr-day.nextMonthDay:hover,\n.flatpickr-day:focus,\n.flatpickr-day.prevMonthDay:focus,\n.flatpickr-day.nextMonthDay:focus {\n  cursor: pointer;\n  outline: 0;\n  background: var(--fwe-gray-200);\n  border-color: var(--fwe-gray-200);\n  font-weight: var(--fwe-font-weight-bold);\n}\n\n.flatpickr-day:hover {\n  cursor: pointer;\n  outline: 0;\n  color: var(--fwe-hero-dark);\n}\n\n.flatpickr-day.today {\n  background-color: inherit;\n  font-weight: var(--fwe-font-weight-bold);\n  text-decoration: underline;\n}\n.flatpickr-day.today:hover {\n  color: var(--fwe-hero-dark);\n}\n\n.flatpickr-day.selected,\n.flatpickr-day.startRange,\n.flatpickr-day.endRange,\n.flatpickr-day.selected.inRange,\n.flatpickr-day.startRange.inRange,\n.flatpickr-day.endRange.inRange,\n.flatpickr-day.selected:focus,\n.flatpickr-day.startRange:focus,\n.flatpickr-day.endRange:focus,\n.flatpickr-day.selected:hover,\n.flatpickr-day.startRange:hover,\n.flatpickr-day.endRange:hover,\n.flatpickr-day.selected.prevMonthDay,\n.flatpickr-day.startRange.prevMonthDay,\n.flatpickr-day.endRange.prevMonthDay,\n.flatpickr-day.selected.nextMonthDay,\n.flatpickr-day.startRange.nextMonthDay,\n.flatpickr-day.endRange.nextMonthDay {\n  background: var(--fwe-white);\n  box-shadow: none;\n  color: var(--fwe-hero);\n  border: 2px solid var(--fwe-hero);\n  font-weight: var(--fwe-font-weight-bold);\n  line-height: 28px;\n}\n.flatpickr-day.selected.flatpickr-disabled,\n.flatpickr-day.startRange.flatpickr-disabled,\n.flatpickr-day.endRange.flatpickr-disabled,\n.flatpickr-day.selected.inRange.flatpickr-disabled,\n.flatpickr-day.startRange.inRange.flatpickr-disabled,\n.flatpickr-day.endRange.inRange.flatpickr-disabled,\n.flatpickr-day.selected:focus.flatpickr-disabled,\n.flatpickr-day.startRange:focus.flatpickr-disabled,\n.flatpickr-day.endRange:focus.flatpickr-disabled,\n.flatpickr-day.selected:hover.flatpickr-disabled,\n.flatpickr-day.startRange:hover.flatpickr-disabled,\n.flatpickr-day.endRange:hover.flatpickr-disabled,\n.flatpickr-day.selected.prevMonthDay.flatpickr-disabled,\n.flatpickr-day.startRange.prevMonthDay.flatpickr-disabled,\n.flatpickr-day.endRange.prevMonthDay.flatpickr-disabled,\n.flatpickr-day.selected.nextMonthDay.flatpickr-disabled,\n.flatpickr-day.startRange.nextMonthDay.flatpickr-disabled,\n.flatpickr-day.endRange.nextMonthDay.flatpickr-disabled {\n  color: var(--fwe-text-disabled);\n  background: var(--fwe-control-disabled);\n}\n\n.flatpickr-day.startRange.startRange {\n  border-radius: 50px;\n  box-shadow: none;\n}\n\n.flatpickr-day.endRange.startRange {\n  border-radius: 50px 0 0 50px;\n  box-shadow: 10px 0 0 var(--fwe-hero);\n}\n\n.flatpickr-day.selected.startRange {\n  border-radius: 50px;\n  box-shadow: none;\n}\n\n.flatpickr-day.endRange:not(.inRange):not(.startRange),\n.flatpickr-day.selected.endRange:not(.inRange):not(.startRange) {\n  border-radius: 50px;\n  position: relative;\n}\n.flatpickr-day.endRange:not(.inRange):not(.startRange)::before,\n.flatpickr-day.selected.endRange:not(.inRange):not(.startRange)::before {\n  content: \"\";\n  position: absolute;\n  height: calc(100% + 4px);\n  z-index: -1;\n  width: 42px;\n  background-color: var(--fwe-gray-200);\n  left: -26px;\n  top: -2px;\n}\n.flatpickr-day.endRange:not(.inRange):not(.startRange).flatpickr-disabled::before,\n.flatpickr-day.selected.endRange:not(.inRange):not(.startRange).flatpickr-disabled::before {\n  background-color: var(--fwe-gray-200);\n}\n\n.flatpickr-day.startRange.endRange,\n.flatpickr-day.endRange.endRange {\n  border-radius: 50px;\n}\n\n.flatpickr-day.startRange:not(:hover):not(.endRange):nth-child(7n)::before {\n  content: \"\";\n  position: absolute;\n  height: 100%;\n  z-index: -1;\n  width: 24px;\n  background-color: var(--fwe-gray-200);\n  left: 16px;\n}\n.flatpickr-day.startRange:not(:hover):not(.endRange):nth-child(7n).flatpickr-disabled::before {\n  background-color: var(--fwe-gray-200);\n}\n\n.flatpickr-day.selected.startRange.endRange,\n.flatpickr-day.startRange.startRange.endRange,\n.flatpickr-day.endRange.startRange.endRange {\n  border-radius: 50px;\n}\n\n.flatpickr-day.inRange:not(.startRange) {\n  box-shadow: none;\n  position: relative;\n}\n.flatpickr-day.inRange:not(.startRange):not(.endRange):nth-child(7n) {\n  border-radius: 0;\n  box-shadow: -10px 0 0 var(--fwe-gray-200), 24px 0 0 var(--fwe-gray-200);\n}\n.flatpickr-day.inRange:not(.startRange):not(.endRange):nth-child(7n).flatpickr-disabled {\n  box-shadow: -10px 0 0 var(--fwe-gray-100), 24px 0 0 var(--fwe-gray-100);\n}\n.flatpickr-day.inRange:not(.startRange)::before {\n  content: \"\";\n  position: absolute;\n  height: 100%;\n  z-index: -1;\n  width: 48px;\n  background-color: var(--fwe-gray-200);\n  left: -28px;\n}\n.flatpickr-day.inRange:not(.startRange).flatpickr-disabled::before {\n  background-color: var(--fwe-gray-100);\n}\n\n.flatpickr-day.inRange ~ .flatpickr-day.inRange:not(.selected) {\n  border-radius: 0;\n  box-shadow: -10px 0 0 var(--fwe-gray-200), 24px 0 0 var(--fwe-gray-200);\n}\n.flatpickr-day.inRange ~ .flatpickr-day.inRange:not(.selected).flatpickr-disabled {\n  box-shadow: -10px 0 0 var(--fwe-gray-100), 24px 0 0 var(--fwe-gray-100);\n  background: var(--fwe-gray-100);\n}\n\n.flatpickr-day.flatpickr-disabled,\n.flatpickr-day.flatpickr-disabled:hover,\n.flatpickr-day.prevMonthDay,\n.flatpickr-day.nextMonthDay,\n.flatpickr-day.notAllowed,\n.flatpickr-day.notAllowed.prevMonthDay,\n.flatpickr-day.notAllowed.nextMonthDay {\n  color: rgba(57, 57, 57, 0.3);\n  background: transparent;\n  border-color: transparent;\n  cursor: default;\n}\n\n.flatpickr-day.flatpickr-disabled,\n.flatpickr-day.flatpickr-disabled:hover {\n  cursor: not-allowed;\n  color: rgba(57, 57, 57, 0.1);\n}\n\n.flatpickr-day.week.selected {\n  border-radius: 0;\n  box-shadow: -5px 0 0 var(--fwe-hero), 5px 0 0 var(--fwe-hero);\n}\n\n.flatpickr-day.hidden {\n  visibility: hidden;\n}\n\n.rangeMode .flatpickr-day {\n  margin-top: 1px;\n}\n\n.flatpickr-weekwrapper {\n  float: left;\n}\n\n.flatpickr-weekwrapper .flatpickr-weeks {\n  padding: 0 12px;\n  box-shadow: 1px 0 0 var(--fwe-gray-200);\n}\n\n.flatpickr-weekwrapper .flatpickr-weekday {\n  float: none;\n  width: 100%;\n  line-height: 28px;\n}\n\n.flatpickr-weekwrapper span.flatpickr-day,\n.flatpickr-weekwrapper span.flatpickr-day:hover {\n  display: block;\n  width: 100%;\n  max-width: none;\n  color: rgba(57, 57, 57, 0.3);\n  background: transparent;\n  cursor: default;\n  border: none;\n}\n\n.flatpickr-innerContainer {\n  display: block;\n  display: flex;\n  box-sizing: border-box;\n  overflow: hidden;\n}\n\n.flatpickr-rContainer {\n  display: inline-block;\n  padding: 0;\n  box-sizing: border-box;\n}\n\n.flatpickr-time {\n  text-align: center;\n  outline: 0;\n  height: 0;\n  line-height: 40px;\n  max-height: 40px;\n  box-sizing: border-box;\n  overflow: hidden;\n  display: flex;\n}\n\n.flatpickr-time:after {\n  content: \"\";\n  display: table;\n  clear: both;\n}\n\n.flatpickr-time .numInputWrapper {\n  flex: 1;\n  width: 40%;\n  height: 40px;\n  float: left;\n}\n\n.flatpickr-time .numInputWrapper span.arrowUp:after {\n  border-bottom-color: var(--fwe-control-border);\n}\n\n.flatpickr-time .numInputWrapper span.arrowDown:after {\n  border-top-color: var(--fwe-control-border);\n}\n\n.flatpickr-time.hasSeconds .numInputWrapper {\n  width: 26%;\n}\n\n.flatpickr-time.time24hr .numInputWrapper {\n  width: 49%;\n}\n\n.flatpickr-time input {\n  background: transparent;\n  box-shadow: none;\n  border: 0;\n  border-radius: 0;\n  text-align: center;\n  margin: 0;\n  padding: 0;\n  height: inherit;\n  line-height: inherit;\n  color: var(--fwe-text);\n  font-size: var(--fwe-font-size-md);\n  position: relative;\n  box-sizing: border-box;\n  appearance: textfield;\n}\n\n.flatpickr-time input.flatpickr-hour {\n  font-weight: var(--fwe-font-weight-bold);\n}\n\n.flatpickr-time input.flatpickr-minute,\n.flatpickr-time input.flatpickr-second {\n  font-weight: var(--fwe-font-weight-normal);\n}\n\n.flatpickr-time input:focus {\n  outline: 0;\n  border: 0;\n}\n\n.flatpickr-time .flatpickr-time-separator,\n.flatpickr-time .flatpickr-am-pm {\n  height: inherit;\n  float: left;\n  line-height: inherit;\n  color: var(--fwe-text);\n  font-weight: var(--fwe-font-weight-bold);\n  width: 2%;\n  -webkit-user-select: none;\n  -ms-user-select: none;\n  user-select: none;\n  align-self: center;\n}\n\n.flatpickr-time .flatpickr-am-pm {\n  outline: 0;\n  width: 18%;\n  cursor: pointer;\n  text-align: center;\n  font-weight: var(--fwe-font-weight-normal);\n}\n\n.flatpickr-time input:hover,\n.flatpickr-time .flatpickr-am-pm:hover,\n.flatpickr-time input:focus,\n.flatpickr-time .flatpickr-am-pm:focus {\n  background: var(--fwe-white);\n}\n\n.flatpickr-input[readonly] {\n  cursor: pointer;\n}\n\n@keyframes fpFadeInDown {\n  from {\n    opacity: 0;\n    transform: translate3d(0, -20px, 0);\n  }\n  to {\n    opacity: 1;\n    transform: translate3d(0, 0, 0);\n  }\n}\n\n/*# sourceMappingURL=festo.css.map */\n",null]}