@festo-ui/web-essentials 3.0.0-pre-20220105.2 → 3.1.0

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

@@ -0,0 +1,294 @@
+footer.fwe-footer .fwe-social-media {
+  display: flex;
+  flex-direction: row;
+  justify-content: center;
+  padding: 24px 0px;
+  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: 0.3;
+  transition: opacity 0.3s;
+}
+footer.fwe-footer .fwe-social-media .fwe-social-media-link:last-child {
+  margin-right: 0px;
+}
+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: 700;
+  list-style-type: none;
+  position: relative;
+  margin-top: 0px;
+  margin-bottom: 12px;
+}
+footer.fwe-footer .fwe-footer-details ul.fwe-list-group .fwe-list-group-item {
+  padding-left: 0px;
+}
+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: 12px;
+  padding-top: 70px;
+  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: 0px;
+}
+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: 0px;
+}
+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: 0px;
+  }
+  footer.fwe-footer .fwe-bottomline {
+    font-size: 12px;
+    padding-top: 70px;
+    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: 0px;
+  }
+}
+@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: 0px;
+  }
+}
+.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-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, 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;
+  }
+}
+
+/*# sourceMappingURL=festo-web-essentials-organisms.css.map */

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

@@ -0,0 +1 @@
+{"version":3,"sources":["../../../scss/organisms/_footer.scss","festo-web-essentials-organisms.css","../../../scss/_variables.scss","../../../scss/organisms/_teaser.scss","../../../scss/organisms/_header-slider.scss"],"names":[],"mappings":"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","file":"festo-web-essentials-organisms.css","sourcesContent":[null,"footer.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: 700;\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: 12px;\n  padding-top: 70px;\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: 12px;\n    padding-top: 70px;\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-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\n/*# sourceMappingURL=festo-web-essentials-organisms.css.map */\n",null,null,null]}

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

@@ -0,0 +1,2 @@
+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:700;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:12px;padding-top:70px;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:12px;padding-top:70px;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-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}}
+/*# sourceMappingURL=festo-web-essentials-organisms.min.css.map */

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

@@ -0,0 +1 @@
+{"version":3,"sources":["../../../scss/organisms/_footer.scss","../../../scss/organisms/_teaser.scss","../../../scss/organisms/_header-slider.scss","libs/web-essentials/dist/css/organisms/festo-web-essentials-organisms.css"],"names":[],"mappings":"AACE,oCACE,QAAA,KACA,eAAA,IACA,gBAAA,OACA,QAAA,KAAA,EACA,cAAA,IAAA,MAAA,iCACA,cAAA,KAEA,2DACE,QAAA,MACA,MAAA,KACA,OAAA,KACA,cAAA,IACA,aAAA,KACA,QAAA,GACA,WAAA,QAAA,IAEA,sEACE,aAAA,EAGF,iEACE,QAAA,EAIN,sCACE,eAAA,KACA,cAAA,IAAA,MAAA,iCAEA,yCACE,UAAA,KACA,YAAA,KACA,YAAA,IACA,gBAAA,KACA,SAAA,SACA,WAAA,EACA,cAAA,KAIA,6EACE,aAAA,EAIJ,wCACE,YAAA,IACA,UAAA,MAGF,wDACE,WAAA,KAGJ,kCACE,UAAA,KACA,YAAA,KACA,WAAA,OAEA,iDACE,MAAA,EAEA,uEACE,eAAA,IAEA,yEACE,MAAA,iCACA,cAAA,IAEA,oFACE,cAAA,EAKN,uEACE,eAAA,KAEA,yEACE,MAAA,iCACA,cAAA,IAEA,oFACE,cAAA,EAKR,iDACE,QAAA,KACA,MAAA,EACA,gBAAA,OACA,eAAA,KACA,MAAA,iCAKN,0CAEI,sCACE,cAAA,KACA,yCACE,WAAA,KAEF,wDACE,WAAA,EAGJ,kCACE,UAAA,KACA,YAAA,KACA,WAAA,KACA,QAAA,KACA,iDACE,WAAA,MACA,YAAA,KACA,QAAA,KAGJ,oCACE,cAAA,GAKN,0CAGM,2DACE,MAAA,KACA,OAAA,KACA,aAAA,KACA,sEACE,aAAA,GCxIV,mBACE,QAAA,KACA,iBAAA,mBAGF,0CACE,iBAAA,gBACA,KAAA,EAGF,8CACE,KAAA,EACA,QAAA,YACA,eAAA,OACA,QAAA,KAGF,+DACE,WAAA,SAGF,mBACE,QAAA,YACA,eAAA,OACA,iBAAA,mBACA,MAAA,KACA,OAAA,KAGF,0CACE,iBAAA,gBACA,OAAA,iBACA,WAAA,MACA,MAAA,KAGF,sBACE,YAAA,KACA,aAAA,KACA,cAAA,KAGF,qBACE,aAAA,KACA,cAAA,KAGF,oCACE,WAAA,SACA,cAAA,KACA,aAAA,KCjDA,oDACE,OAAA,MACA,iBAAA,gBAGF,gDACE,WAAA,MACA,YAAA,KACA,aAAA,KAIJ,mBACE,QAAA,KACA,eAAA,OACA,QAAA,KAAA,KACA,iBAAA,iBACA,cAAA,IACA,WAAA,EAAA,IAAA,IAAA,EAAA,eAEA,8CACE,QAAA,YACA,eAAA,OAEA,gDACE,cAAA,SACA,SAAA,OACA,QAAA,sBACA,mBAAA,EACA,mBAAA,SACA,YAAA,OACA,OAAA,EAGF,kEACE,WAAA,KACA,gBAAA,OACA,YAAA,KACA,aAAA,KAIJ,mCACE,WAAA,OACA,WAAA,KAGF,iDCoKF,kDDlKI,QAAA,KAIJ,yCAEI,oDACE,OAAA,OAKN,yCAEI,oDACE,OAAA,MAGF,gDACE,WAAA,QAKN,0CAEI,oDACE,OAAA,MAGF,gDACE,SAAA,SACA,WAAA,OAIJ,mBACE,QAAA,KAAA,MAEA,8CACE,eAAA,IACA,YAAA,OAEA,gDACE,mBAAA,EAGF,kEACE,gBAAA,OACA,WAAA,EACA,YAAA,KACA,aAAA,EACA,UAAA,MAIJ,iDCsJJ,kDDpJM,QAAA,MACA,SAAA,SACA,IAAA,IACA,WAAA,KACA,UAAA,iBACA,OAAA,KACA,MAAA,KACA,UAAA,KAGF,iDACE,KAAA,KAGF,kDACE,MAAA,MAKN,0CAEI,oDACE,OAAA,MAGF,gDACE,OAAA,KACA,WAAA,OACA,MAAA,OAIJ,mBACE,QAAA,KAAA,OAIJ,0CAEI,gDACE,MAAA","sourcesContent":["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: 700;\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: 12px;\n    padding-top: 70px;\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: 12px;\n      padding-top: 70px;\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",".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","footer.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: 700;\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: 12px;\n  padding-top: 70px;\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: 12px;\n    padding-top: 70px;\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-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\n/*# sourceMappingURL=festo-web-essentials-organisms.css.map */"]}

package/dist/scss/_search-input.scss

@@ -32,6 +32,7 @@
     border-left: none;
     border-top: none;
     border-right: none;
+    border-radius: 0px;
     border-bottom: 1px solid $control-border;
     background: transparent;
     padding: 0px 24px 5px 32px;

package/dist/scss/festo-web-essentials.scss

@@ -22,7 +22,6 @@
 @import "list";
 @import "navbar";
 @import "breadcrumb";
-@import "footer";
 @import "text-link";
 @import "text-input";
 @import "chips";

package/dist/scss/organisms/_footer.scss

@@ -0,0 +1,142 @@
+footer.fwe-footer {
+  .fwe-social-media {
+    display: flex;
+    flex-direction: row;
+    justify-content: center;
+    padding: 24px 0px;
+    border-bottom: 1px solid $control-border-darker;
+    margin-bottom: 24px;
+
+    .fwe-social-media-link {
+      display: block;
+      width: 32px;
+      height: 32px;
+      border-radius: 4px;
+      margin-right: 24px;
+      opacity: 0.3;
+      transition: opacity 0.3s;
+
+      &:last-child {
+        margin-right: 0px;
+      }
+
+      &:hover {
+        opacity: 1;
+      }
+    }
+  }
+  .fwe-footer-details {
+    padding-bottom: 24px;
+    border-bottom: 1px solid $control-border-darker;
+
+    h4 {
+      font-size: 16px;
+      line-height: 24px;
+      font-weight: 700;
+      list-style-type: none;
+      position: relative;
+      margin-top: 0px;
+      margin-bottom: 12px;
+    }
+
+    ul.fwe-list-group {
+      .fwe-list-group-item {
+        padding-left: 0px;
+      }
+    }
+
+    p {
+      padding-top: 8px;
+      max-width: 320px;
+    }
+
+    &:not(:first-child) {
+      margin-top: 24px;
+    }
+  }
+  .fwe-bottomline {
+    font-size: 12px;
+    padding-top: 70px;
+    text-align: center;
+
+    .fwe-sitelinks {
+      order: 2;
+
+      .fwe-sitelinks-groupa {
+        padding-bottom: 8px;
+
+        a {
+          color: $control-border-darker;
+          padding-right: 8px;
+
+          &:last-child {
+            padding-right: 0px;
+          }
+        }
+      }
+
+      .fwe-sitelinks-groupb {
+        padding-bottom: 24px;
+
+        a {
+          color: $control-border-darker;
+          padding-right: 8px;
+
+          &:last-child {
+            padding-right: 0px;
+          }
+        }
+      }
+    }
+    .fwe-copyright {
+      display: flex;
+      order: 1;
+      justify-content: center;
+      padding-bottom: 24px;
+      color: $control-border-darker;
+    }
+  }
+}
+
+@media only screen and (min-width: $grid-breakpoint-lg) {
+  footer.fwe-footer {
+    .fwe-footer-details {
+      border-bottom: none;
+      h4 {
+        margin-top: 24px;
+      }
+      &:not(:first-child) {
+        margin-top: 0px;
+      }
+    }
+    .fwe-bottomline {
+      font-size: 12px;
+      padding-top: 70px;
+      text-align: left;
+      display: flex;
+      .fwe-sitelinks {
+        text-align: right;
+        margin-left: auto;
+        display: flex;
+      }
+    }
+    .fwe-social-media {
+      margin-bottom: 0px;
+    }
+  }
+}
+
+@media only screen and (min-width: $grid-breakpoint-xl) {
+  footer.fwe-footer {
+    .fwe-social-media {
+      .fwe-social-media-link {
+        width: 64px;
+        height: 64px;
+        margin-right: 42px;
+        &:last-child {
+          margin-right: 0px;
+        }
+      }
+    }
+  }
+}

package/dist/scss/organisms/_header-slider.scss

@@ -0,0 +1,153 @@
+.fwe-header-slider-container {
+  .fwe-header-slider-box {
+    height: 142px;
+    background-color: $hero;
+  }
+
+  .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: $white;
+  border-radius: 4px;
+  box-shadow: 0 1px 8px 0 rgba(0, 0, 0, 0.2);
+
+  .fwe-header-slider-content {
+    display: inline-flex;
+    flex-direction: column;
+
+    p {
+      text-overflow: ellipsis;
+      overflow: hidden;
+      display: -webkit-box !important;
+      -webkit-line-clamp: 2;
+      -webkit-box-orient: vertical;
+      white-space: normal;
+      margin: 0;
+    }
+
+    button.fwe-btn-hero {
+      margin-top: 24px;
+      justify-content: center;
+      margin-left: 18px;
+      margin-right: 18px;
+    }
+  }
+
+  .fwe-pagination {
+    align-self: center;
+    margin-top: 24px;
+  }
+
+  .fwe-header-slider-arrow-left,
+  .fwe-header-slider-arrow-right {
+    display: none;
+  }
+}
+
+@media only screen and (min-width: $grid-breakpoint-xs) {
+  .fwe-header-slider-container {
+    .fwe-header-slider-box {
+      height: 166px;
+    }
+  }
+}
+
+@media only screen and (min-width: $grid-breakpoint-sm) {
+  .fwe-header-slider-container {
+    .fwe-header-slider-box {
+      height: 341px;
+    }
+
+    .fwe-header-slider {
+      margin-top: -104px;
+    }
+  }
+}
+
+@media only screen and (min-width: $grid-breakpoint-md) {
+  .fwe-header-slider-container {
+    .fwe-header-slider-box {
+      height: 455px;
+    }
+
+    .fwe-header-slider {
+      position: relative;
+      margin-top: -104px;
+    }
+  }
+
+  .fwe-header-slider {
+    padding: 24px 112px;
+
+    .fwe-header-slider-content {
+      flex-direction: row;
+      align-items: center;
+
+      p {
+        -webkit-line-clamp: 3;
+      }
+
+      button.fwe-btn-hero {
+        justify-content: center;
+        margin-top: 0;
+        margin-left: 34px;
+        margin-right: 0;
+        min-width: 200px;
+      }
+    }
+
+    .fwe-header-slider-arrow-left,
+    .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-arrow-left {
+      left: 24px;
+    }
+
+    .fwe-header-slider-arrow-right {
+      right: 24px;
+    }
+  }
+}
+
+@media only screen and (min-width: $grid-breakpoint-xl) {
+  .fwe-header-slider-container {
+    .fwe-header-slider-box {
+      height: 640px;
+    }
+
+    .fwe-header-slider {
+      margin: auto;
+      margin-top: -104px;
+      width: 1096px;
+    }
+  }
+
+  .fwe-header-slider {
+    padding: 24px 160px;
+  }
+}
+
+@media only screen and (min-width: $grid-breakpoint-xxl) {
+  .fwe-header-slider-container {
+    .fwe-header-slider {
+      width: 1192px;
+    }
+  }
+}