/*
 Theme Name: Virtue Child
 Description: Virtue Child Theme
 Author: BENNI MEDIA
 Author URI: httpw://www.benni-media.de
 Template: virtue
 Version: 1.0
 Text Domain: virtue-child
*/
:root {
  --black: #041a2f;
  --white: #ffffff;
  --primary: #ff69ad;
}

.separator-headline {
  position: relative;
  height: 50px;
  margin: 2rem 0;
}
.separator-headline span {
  height: 100%;
  line-height: 3;
  padding-left: 2rem;
}
.separator-headline .icon-block {
  position: absolute;
  right: 14px;
  top: -14px;
  background-color: #ffffff;
  padding: 1rem;
  border-radius: 50%;
}
.separator-headline .icon-block img {
  margin: 0.3rem 0.6rem;
  max-width: 42px;
}

.separator-headline1 {
  background: linear-gradient(0.25turn, #ffffff, #29ABE2);
  border-top: 2px solid #29ABE2;
  border-bottom: 2px solid #29ABE2;
}
.separator-headline1 .icon-block {
  border: 1px solid #29ABE2;
}

.separator-headline2 {
  background: linear-gradient(0.25turn, #ffffff, #22B573);
  border-top: 2px solid #22B573;
  border-bottom: 2px solid #22B573;
}
.separator-headline2 .icon-block {
  border: 1px solid #22B573;
}

.separator-headline3 {
  background: linear-gradient(0.25turn, #ffffff, #D9E021);
  border-top: 2px solid #D9E021;
  border-bottom: 2px solid #D9E021;
}
.separator-headline3 .icon-block {
  border: 1px solid #D9E021;
}

.separator-headline4 {
  background: linear-gradient(0.25turn, #ffffff, #ED1E79);
  border-top: 2px solid #ED1E79;
  border-bottom: 2px solid #ED1E79;
}
.separator-headline4 .icon-block {
  border: 1px solid #ED1E79;
}

.separator-headline5 {
  background: linear-gradient(0.25turn, #ffffff, #FF0000);
  border-top: 2px solid #FF0000;
  border-bottom: 2px solid #FF0000;
}
.separator-headline5 .icon-block {
  border: 1px solid #FF0000;
}

.separator-headline6 {
  background: linear-gradient(0.25turn, #ffffff, #009245);
  border-top: 2px solid #009245;
  border-bottom: 2px solid #009245;
}
.separator-headline6 .icon-block {
  border: 1px solid #009245;
}

.separator-headline7 {
  background: linear-gradient(0.25turn, #ffffff, #9B2DC8);
  border-top: 2px solid #9B2DC8;
  border-bottom: 2px solid #9B2DC8;
}
.separator-headline7 .icon-block {
  border: 1px solid #9B2DC8;
}

.btn-cat {
  position: relative;
  border: 0;
  transition: 0.5s;
  z-index: 1;
  min-width: 15rem;
  padding: 1rem 2rem;
  font-size: 1.4rem;
  line-height: 1;
  font-weight: 500;
  cursor: pointer;
  text-decoration: none;
  text-transform: uppercase;
  color: black;
}
.btn-cat:before, .btn-cat:after {
  content: "";
  position: absolute;
  z-index: -1;
}
.btn-cat.--move:after {
  height: 100%;
  width: 0;
  top: 0;
  transition: 0.5s;
}
.btn-cat.--move.--left:after {
  left: 0;
}
.btn-cat.--move:hover span.icon {
  background: url(https://gesundkal.de/wp-content/uploads/2024/08/bulp-light.png);
  background-size: cover;
}
.btn-cat.--move:hover:after {
  width: 100%;
}
.btn-cat span.icon {
  background: url(https://gesundkal.de/wp-content/uploads/2024/08/bulp.png);
  background-size: cover;
  display: inline-block;
  width: 45px;
  height: 55px;
  margin-bottom: -10px;
}

@media screen and (min-width: 480px) {
  .btn-cat {
    font-size: 1.8rem;
  }
}
.btn-cat1 {
  background: linear-gradient(0.25turn, #ffffff, #29ABE2);
  border: 1px solid #29ABE2;
}
.btn-cat1.--move:after {
  background: #29ABE2;
}

.btn-cat2 {
  background: linear-gradient(0.25turn, #ffffff, #22B573);
  border: 1px solid #22B573;
}
.btn-cat2.--move:after {
  background: #22B573;
}

.btn-cat3 {
  background: linear-gradient(0.25turn, #ffffff, #D9E021);
  border: 1px solid #D9E021;
}
.btn-cat3.--move:after {
  background: #D9E021;
}

.btn-cat4 {
  background: linear-gradient(0.25turn, #ffffff, #ED1E79);
  border: 1px solid #ED1E79;
}
.btn-cat4.--move:after {
  background: #ED1E79;
}

.btn-cat5 {
  background: linear-gradient(0.25turn, #ffffff, #FF0000);
  border: 1px solid #FF0000;
}
.btn-cat5.--move:after {
  background: #FF0000;
}

.btn-cat6 {
  background: linear-gradient(0.25turn, #ffffff, #009245);
  border: 1px solid #009245;
}
.btn-cat6.--move:after {
  background: #009245;
}

.btn-cat7 {
  background: linear-gradient(0.25turn, #ffffff, #9B2DC8);
  border: 1px solid #9B2DC8;
}
.btn-cat7.--move:after {
  background: #9B2DC8;
}/*# sourceMappingURL=style.css.map */