.sivu87 {}


.content-section:has(.tarjousnappi) {
    padding-top: 0;
    margin-top: -50px;
}

.button2 #main-content .btn-switcher-primary, .button2 #content-top .btn-switcher-primary, .button4 #main-content .btn-switcher-primary, .button4 #content-top .btn-switcher-primary, .button6 #main-content .btn-switcher-primary, .button6 #content-top .btn-switcher-primary {
    color: var(--color4);
    border-color: var(--color4);
    background-color: transparent;
}

.button2 #main-content .btn-switcher-primary:hover, .button2 #main-content .btn-switcher-primary:focus, .button2 #content-top .btn-switcher-primary:hover, .button2 #content-top .btn-switcher-primary:focus, .button4 #main-content .btn-switcher-primary:hover, .button4 #main-content .btn-switcher-primary:focus, .button4 #content-top .btn-switcher-primary:hover, .button4 #content-top .btn-switcher-primary:focus, .button6 #main-content .btn-switcher-primary:hover, .button6 #main-content .btn-switcher-primary:focus, .button6 #content-top .btn-switcher-primary:hover, .button6 #content-top .btn-switcher-primary:focus {
    color: var(--color1);
    border-color: var(--color4);
    background-color: var(--color4);
}



/* Liukuteksti kuudelle sloganille beamace */

#liukuteksti6 {
  display: flex;
  justify-content: center;
  align-items: center;
  text-align: center;
  overflow: hidden;
  position: relative;
  min-height: 6em;
  padding-top: 2rem;
  padding-bottom: 2rem;
}

#liukuteksti6 .teksti-wrapper {
  position: relative;
  width: 100%;
  display: flex;
  justify-content: center;
  align-items: center;
}

#liukuteksti6 h2 {
  margin: 0;
  opacity: 0;
  position: absolute;
  animation: fadeInText5 18s infinite;
  width: 100%;
  font-size: 3rem;
  line-height: 1.2;
}

#liukuteksti6 h2:nth-child(1) { animation-delay: 0s; }
#liukuteksti6 h2:nth-child(2) { animation-delay: 3s; }
#liukuteksti6 h2:nth-child(3) { animation-delay: 6s; }
#liukuteksti6 h2:nth-child(4) { animation-delay: 9s; }
#liukuteksti6 h2:nth-child(5) { animation-delay: 12s; }
#liukuteksti6 h2:nth-child(6) { animation-delay: 15s; }

@keyframes fadeInText5 {
  0% { opacity: 0; }
  5% { opacity: 1; }
  20% { opacity: 1; }
  25% { opacity: 0; }
  100% { opacity: 0; }
}