/*----footer version 25.06.23----*/

.foocontainer {
    flex: 1;    /* same as flex-grow: 1; */
}

footer { flex-shrink: 0;
  background-color: #555;
  color: #bbb;
}

footer {
  background-color: #555;
  color: #bbb;
  line-height: 1.5;
}


.ft-title {
  color: #fff;
  font-size: 16px;
  padding-bottom: 0.625rem; text-align:left;
}

/* Footer main */
.ft-main {
  padding: 0.25rem 1.875rem;
  display: flex;
  flex-wrap: wrap;
}
/*groesser als 29.8125rem = 477px > Originalcode 
@media only screen and (min-width: 29.8125rem) {
  .ft-main {
    justify-content: space-evenly;
  }
}
*/

/*kleiner als */
@media only screen and (max-width: 800px) {
  .ft-main {
    justify-content: space-between;
  }
}

/*groesser als > 77.5rem = 1240px originalcode
@media only screen and (min-width: 800px ) {
  .ft-main {
    justify-content: space-evenly;
  }
}
*/


/*groesser als*/
@media only screen and (min-width: 800px) {
  .ft-main {
    justify-content: space-evenly;
  }
}

.ft-main-item {
  padding: 1.25rem;
  min-width: 12.5rem;
}

/* Footer main | Newsletter form */
form {
  display: flex;
  flex-wrap: wrap;
}
input[type="email"] {
  border: 0;
  padding: 0.625rem;
  margin-top: 0.3125rem;
}
input[type="submit"] {
  background-color: #00d188;
  color: #fff;
  cursor: pointer;
  border: 0;
  padding: 0.625rem 0.9375rem;
  margin-top: 0.3125rem;
}
/* Footer social */
.ft-social {
    padding: 0 1.875rem 1.25rem;
}
.ft-social-list {
  display: flex;
  justify-content: center;
  border-top: 1px #777 solid;
  padding-top: 1.25rem;
}
.ft-social-list li {
  margin: 0.5rem;
  font-size: 16px;
}
/* Footer legal das copyrigth */
.ft-legal {font-size: 16px;
  padding: 0.9375rem 1.875rem;
  background-color: #333;
}
.ft-legal-list {
  width: 100%;
  display: flex;
  flex-wrap: wrap;
}

.ft-legal-list li {
  margin: 0.125rem 1.325rem     ; 
  white-space: nowrap;
}

/* one before the last child */
.ft-legal-list li:nth-last-child(2) {
    flex: 1;
}

/*kleiner als */
@media only screen and (max-width: 800px) {
  .ft-legal {
    padding: 0.375rem 0.875rem; /*der erste Wert padding von oben, der 2.Wert padding von links*/
  }
.ft-legal-list li {
 margin: 0.125rem 0.525rem;   /*der erste Wert ist der Abstand bei wrap zur 2.Zeile. Der 2.Wert ist der Abstand des li von links vom vorderen text*/ 
 }
}

/*ul fuer footer mit pfeilen*/
ul.fuss{list-style:none}
ul.fuss{margin:0 0 0 0;} /*das ist die seitliche Einrückung der Überschrift*/
ul.fuss li::before{content:"\25BA";color:#f00;font-weight:normal; font-size:12px; display:inline-block;width:1.5em; margin-left:-3.2em;} /*bei width ist der Abstand Bullet zu Text und bei margin ist auch die seitliche Verschiebung zur darüberliegenden Überschrift  */

/*ul fuer footer mit bullets*/
ul.fuss{list-style:none;}
ul.fuss{margin:0 0 0 0;} /*das ist die seitliche Einrückung der Überschrift*/
ul.fuss li::before{content:"\25CF";color:#f00;font-weight:600; display:inline-block;width:1em; margin-left:-0.4em;} /*bei width ist der Abstand Bullet zu Text und bei margin ist auch die seitliche Verschiebung zur darüberliegenden Überschrift  */

/*linkfarbe in den ul*/
ul.fuss li a{color:orangered;font-size: 16px; text-decoration: none;}
ul.fuss li a:hover{color:yellow;}

ul.legal{list-style:none}
ul.legal li::before{content:"\2771";color:#f00;font-weight:normal;display:inline-block;width:0.65em;}/*bei width ist der Abstand Bullet zu Text*/

/*kleiner als */
@media only screen and (max-width: 800px) {
ul.legal li::before{content:"\2771";color:#f00;font-weight:normal;display:inline-block;width:0.65em;} /*bei width ist der Abstand Bullet zu Text*/
}

/*linkfarbe zuunterst*/
ul.legal li a{color:grey;font-size: 16px; text-decoration: none;}
ul.legal li a:visited {color: green;}
ul.legal li a:hover{color:yellow;}
/*footer end*/