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

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

@@ -14561,6 +14561,190 @@ header.fwe-fixed-header {
   pointer-events: none;
 }
 
+footer.fwe-footer {
+  background-color: var(--fwe-background);
+  padding: 0 8px 0 8px;
+}
+footer.fwe-footer .fwe-footer-social-links {
+  height: 155px;
+  display: flex;
+  flex-wrap: wrap;
+  align-items: center;
+  justify-content: center;
+}
+footer.fwe-footer .fwe-footer-social-links a {
+  display: block;
+  width: 64px;
+  height: 64px;
+  margin-right: 45px;
+}
+footer.fwe-footer .fwe-footer-social-links a:last-child {
+  margin-right: 0;
+}
+footer.fwe-footer .fwe-footer-social-links a:hover svg {
+  fill: var(--fwe-text);
+}
+footer.fwe-footer .fwe-footer-social-links a svg {
+  width: 64px;
+  height: 64px;
+  fill: var(--fwe-border);
+}
+footer.fwe-footer hr {
+  padding: 0;
+  margin: 0;
+  border: none;
+  border-top: 1px solid var(--fwe-border);
+}
+footer.fwe-footer .fwe-footer-content {
+  padding-bottom: 60px;
+  display: flex;
+  flex-wrap: wrap;
+  justify-content: space-between;
+}
+footer.fwe-footer .fwe-footer-content details summary {
+  position: relative;
+  cursor: pointer;
+}
+footer.fwe-footer .fwe-footer-content details summary::before {
+  position: absolute;
+  right: 0;
+  top: 0;
+  content: "";
+  font-family: "festo_icons-16";
+  transform-origin: center center;
+  transform: rotate(180deg);
+}
+footer.fwe-footer .fwe-footer-content details[open] summary::before {
+  transform: rotate(0deg);
+}
+footer.fwe-footer .fwe-footer-content .fwe-footer-content-group,
+footer.fwe-footer .fwe-footer-content details {
+  flex-grow: 1;
+  width: 100%;
+  border-bottom: 1px solid var(--fwe-border);
+  padding-top: 30px;
+  padding-bottom: 30px;
+}
+footer.fwe-footer .fwe-footer-content .fwe-footer-content-group .fwe-footer-content-group-title,
+footer.fwe-footer .fwe-footer-content .fwe-footer-content-group summary,
+footer.fwe-footer .fwe-footer-content details .fwe-footer-content-group-title,
+footer.fwe-footer .fwe-footer-content details summary {
+  font-weight: 700;
+  outline: none;
+  margin-top: 30px;
+}
+footer.fwe-footer .fwe-footer-content .fwe-footer-content-group .fwe-footer-content-group-title:first-child,
+footer.fwe-footer .fwe-footer-content .fwe-footer-content-group summary:first-child,
+footer.fwe-footer .fwe-footer-content details .fwe-footer-content-group-title:first-child,
+footer.fwe-footer .fwe-footer-content details summary:first-child {
+  margin-top: 0;
+}
+footer.fwe-footer .fwe-footer-content .fwe-footer-content-group summary,
+footer.fwe-footer .fwe-footer-content details summary {
+  list-style-type: none;
+}
+footer.fwe-footer .fwe-footer-content .fwe-footer-content-group summary::-webkit-details-marker,
+footer.fwe-footer .fwe-footer-content details summary::-webkit-details-marker {
+  display: none;
+}
+footer.fwe-footer .fwe-footer-content .fwe-footer-content-group ul,
+footer.fwe-footer .fwe-footer-content details ul {
+  margin: 0;
+  margin-top: 20px;
+  padding: 0;
+  list-style-type: none;
+}
+footer.fwe-footer .fwe-footer-content .fwe-footer-content-group ul li,
+footer.fwe-footer .fwe-footer-content details ul li {
+  margin-bottom: 20px;
+}
+footer.fwe-footer .fwe-footer-content .fwe-footer-content-group ul li:last-child,
+footer.fwe-footer .fwe-footer-content details ul li:last-child {
+  margin-bottom: 0;
+}
+footer.fwe-footer .fwe-footer-content .fwe-footer-content-group ul li a,
+footer.fwe-footer .fwe-footer-content details ul li a {
+  color: var(--fwe-text);
+  text-decoration: none;
+}
+footer.fwe-footer .fwe-footer-content .fwe-footer-content-group ul li a:hover,
+footer.fwe-footer .fwe-footer-content details ul li a:hover {
+  color: var(--fwe-hero);
+}
+footer.fwe-footer .fwe-footer-muted {
+  display: flex;
+  color: var(--fwe-text);
+  font-size: 12px;
+  padding-bottom: 15px;
+  padding-left: 30px;
+  padding-right: 30px;
+  justify-content: center;
+  flex-direction: column-reverse;
+}
+footer.fwe-footer .fwe-footer-muted p {
+  margin: 0;
+  padding: 0;
+  padding-bottom: 15px;
+  text-align: center;
+}
+footer.fwe-footer .fwe-footer-muted ul {
+  margin: 0;
+  padding: 0;
+  margin-bottom: 15px;
+  list-style-type: none;
+  display: flex;
+  justify-content: center;
+  flex-wrap: wrap;
+}
+footer.fwe-footer .fwe-footer-muted ul li {
+  display: inline-block;
+  padding-right: 12px;
+  padding-bottom: 15px;
+}
+footer.fwe-footer .fwe-footer-muted ul li:last-child {
+  padding-right: 0;
+}
+footer.fwe-footer .fwe-footer-muted ul li a {
+  color: var(--fwe-text);
+  text-decoration: none;
+}
+footer.fwe-footer .fwe-footer-muted ul li a:hover {
+  color: var(--fwe-hero);
+}
+
+@media (min-width: 1025px) {
+  footer.fwe-footer .fwe-footer-content {
+    margin-top: 30px;
+    padding-left: 30px;
+    padding-right: 30px;
+  }
+  footer.fwe-footer .fwe-footer-content .fwe-footer-content-group,
+footer.fwe-footer .fwe-footer-content details {
+    margin-top: 60px;
+    max-width: 325px;
+    padding-right: 30px;
+    border: none;
+    padding-top: 0;
+    padding-bottom: 0;
+  }
+  footer.fwe-footer .fwe-footer-content .fwe-footer-content-group:first-child,
+footer.fwe-footer .fwe-footer-content details:first-child {
+    border-top: none;
+  }
+  footer.fwe-footer .fwe-footer-muted {
+    justify-content: start;
+    flex-direction: row;
+  }
+  footer.fwe-footer .fwe-footer-muted p {
+    padding: 0;
+    text-align: left;
+  }
+  footer.fwe-footer .fwe-footer-muted ul {
+    margin: 0;
+    margin-left: auto;
+    justify-content: start;
+  }
+}
 a {
   color: var(--fwe-hero);
   text-decoration: none;