optimized-react-component-library-xyz123 1.1.7 → 1.1.8

package/src/css/styles.css

@@ -231,6 +231,8 @@ input:focus-visible:-webkit-autofill {
   box-shadow: 0 0 0 0px #000 !important;
 }
 
+@import './FooterStandard.css';
+
 /* ---------- COOKIE BANNER ---------- */
 
 .pts-cookieBanner {
@@ -367,235 +369,6 @@ input:focus-visible:-webkit-autofill {
   text-decoration: underline 0.2rem;
 }
 
-/**Header with navigation**/
-
-.pts-navigation-header-container {
-  display: flex;
-  min-height: 80px;
-  padding: 0px 70px;
-  align-items: center;
-  justify-content: space-between;
-  background-color: var(--main);
-}
-
-.pts-navigation-header-content {
-  width: 100%;
-  display: grid;
-  grid-template-columns: 1fr auto 1fr;
-  align-items: center;
-}
-
-.pts-navigation-header-logo-container {
-  height: 4rem;
-}
-
-.pts-navigation-header-logo svg {
-  height: 4rem;
-}
-
-.pts-navigation-header-hedline-container{
-  display:flex;
-  justify-content: center;
-  align-items: flex-end;
-  height: 4.5rem;
-}
-.pts-navigation-header-hedline-container h1{
-      margin-bottom: unset;
-}
-
-.pts-navigation-header-nav-container{
-  display: flex;
-  justify-content: flex-end;
-  width: 100%;
-  align-items: flex-end;
-  height: 5rem;
-}
-/*navigation menu*/
-.pts-navigation-header-nav-container button {
-    background: none;
-    line-height: 2.4rem;
-    text-decoration-skip-ink: none;
-    border: none;
-    color: var(--action);
-    font-size: 1.6rem;
-    padding: 0;
-    cursor: pointer;
-    width: 13rem;
-}
-
-
-.pts-navigation-button-label {
-  position: relative;
-  padding-left: 0.8rem;
-  bottom: 3px;
- 
-}
-
-.pts-navigation-menu-container {
-  background-color:var(--main);
-  position: absolute;
-  top: 8rem;
-  right: 0;
-  z-index: 20;
-  width: 100%;
-  max-width: 570px;
-}
-
-.pts-navigation-with-close-button{
-  top:0;
-}
-
-.pts-navigation-close-text {
-  padding-left: 0.8rem;
-}
-
-.pts-navigation-link-list, 
-.pts-navigation-link,
-.pts-sub-navigation-list {
-  list-style: none;
-  background-color:var(--main);;
-  width: 100%;
-  padding-inline-start: 0px;
-}
-
-.pts-navigation-link-list {
-  width: 100%;
-  padding-inline-start: 0px;
-}
-
-.pts-navigation-button a,
-.pts-sub-navigation-item a {
-  text-decoration: none;
-  color: var(--text)
-}
-
-.pts-navigation-link-expand-button {
-  border: none;
-  padding: 0;
-  cursor: pointer;
-}
-
-.pts-sub-navigation-container {
-    background-color: #d5b9dd;
-    border-left: var(--action) 5px solid;
-    padding-left: 3.6rem;
-    display: flex ;
-    align-items: flex-end ;
-    gap: 18px ;
-}
-
-.pts-sub-navigation-list {
-    display:block;
-}
-
-.pts-sub-navigation-item {
-    height: 5.1rem;
-    display: flex;
-    align-items: center;
-    justify-content: flex-start;
-    border-bottom: 2px solid var(--background) ;
-    padding-left: 3rem;
-}
-
-
-.pts-navigation-button,
-.pts-navigation-close-container {
-    padding: 2.1rem 3.6rem;
-    border-width: 0px;
-    border-bottom: 2px solid var(--background);
-    background-color: var(--main);
-    text-align: left;
-    display: flex;
-    justify-content: space-between;
-    align-items: center;
-}
-
-.pts-navigation-close-button {
-  width: 20rem;
-  height: 4rem;
-  border: none;
-  border-radius: 8px;
-  color: var(--action);
-  background-color: var(--main);
-  display: flex;
-  align-items: center;
-  justify-content: flex-start;
-  margin-top: 3rem;
-  margin-bottom: 3rem;
-  cursor: pointer;
-}
-
-/*-------Breadcrumbs-------*/
-.pts-breadcrumbs {
-    background-color: var(--background-third);
-    height: 48px;
-    display: flex;
-    align-items: center;
-    padding-left: 6rem;
-    padding-top: 2px;
-    
-}
-
-.pts-breadcrumbs a {
-    color: var(--main);
-    text-decoration: none;
-}
-
-.pts-breadcrumbs a:hover {
-    color: var(--main);
-    text-decoration: underline 2px;
-}
-
-.pts-crumb-label {
-  position: relative;
-  bottom: 2px;
-}
-
-.pts-bold-crumb {
-    font-weight: bold;
-}
-
-.pts-breadcrumbs svg {
-    margin: 0 1.6rem;
-}
-
-.pts-breadcrumbs nav {
-    background-color: unset;
-    position: unset;
-}
-
-/****SEARCH BAR*******/
-.pts-searchBar-container {
-    height: 7rem;
-    background-color: var(--background);
-    display: flex;
-    align-items: center;
-    justify-content: center;
-}
-
-.pts-searchBar-button {
-    
-    height: 3.9rem;
-    background-color: var(--action);
-    border-radius: 8px;
-    border: var(--action) solid 1px;
-    color: var(--main);
-}
-
-.pts-searchBar-Button svg {
-    margin-right: 0.5rem;
-}
-
-.pts-searchBar-container input {
-    border-radius: 8px;
-    width: 65vw;
-    border: var(--action) solid 1px;
-    margin-right: -10px;
-    padding: 1rem;
-    border-top-right-radius: 0px;
-    border-bottom-right-radius: 0px;
-}
-
 /* ---------- TextBODY ---------- */
 
 .pts-textBody-container p {
@@ -912,85 +685,6 @@ input:focus-visible:-webkit-autofill {
   transition: 0.2s;
 }
 
-/* ---------- FOOTER ---------- */
-
-.pts-footer-container {
-  align-items: center;
-  width: 100%;
-  background-color: var(--background-second);
-}
-
-.pts-footer-slogan-text-container {
-  display: flex;
-  align-items: center;
-  justify-content: center;
-  background-color: var(--background-third);
-  height: 50px;
-  padding: 0px;
-}
-
-.pts-footer-slogan-text {
-  color: var(--main);
-  line-height: 2.4rem;
-  font-size: 2rem;
-  text-box-trim: trim-both;
-  margin: 0;
-}
-
-.pts-footer-content {
-  display: flex;
-  align-items: center;
-  width: 100%;
-  min-height: 14rem;
-  padding: 0.1rem 0;
-}
-
-.pts-footer-logo {
-  width: 154.444px;
-  height: 40px;
-  padding-left: 70px;
-  flex-shrink: 0;
-  position: relative;
-}
-
-.pts-footer-linkList {
-  flex: 1;
-  justify-content: center;
-  margin-left: -224px;
-}
-
-.pts-footer-linkList ul {
-  padding: 0;
-  padding-top: 15px;
-  margin: 0;
-  list-style: none;
-  display: flex;
-  justify-content: center;
-  line-height: 25px;
-}
-
-.pts-footer-linkList a {
-  color: var(--main);
-  text-underline-offset: 3px;
-  white-space: nowrap;
-}
-
-.pts-footer-linkList a span {
-  padding-left: 36px;
-  padding-right: 36px;
-  color: var(--main);
-}
-
-.pts-footer-container .pts-footer-linkList ul li:not(:last-child)::after {
-  content: '';
-  width: 1px;
-  height: 24px;
-  border: 0.5px solid;
-  color: var(--main);
-  position: absolute;
-  box-sizing: border-box;
-}
-
 /* ---------- MODAL ---------- */
 
 .pts-modal-overlay {