@import url("https://fonts.googleapis.com/css2?family=Kanit:wght@500&family=Poppins&display=swap");
* {
  margin: 0;
  padding: 0;
  box-sizing: border-box;
  font-family: "Poppins", sans-serif;
}

nav {
  background-color: #001646;
}
nav .container .navbar-brand {
  color: #000;
}
nav .container #navbarNav .navbar-nav li a {
  font-size: large;
  color: #fff;
}
nav .container #navbarNav .navbar-nav li :hover {
  color: #F9685D;
  font-weight: bold;
}

.intro {
  margin-bottom: 50px;
}
.intro .container .col-md-6 .heading-intro {
  margin-top: 240px;
  color: #F9685D;
  font-style: italic;
}
.intro .container .col-md-6 .txt-intro {
  color: #fff;
  font-size: 20px;
}
.intro .container .col-md-6 .btn-intro {
  background-color: #001646;
  color: #F9685D;
  font-weight: bold;
  margin-bottom: 30px;
  cursor: pointer;
  border: none;
  position: relative;
  transition: 0.5s;
}
.intro .container .col-md-6 .btn-intro::after {
  content: "";
  width: 100%;
  height: 100%;
  background-image: radial-gradient(circle farthest-corner at 10% 20%, rgb(255, 94, 247) 17.8%, #F9685D 100.2%);
  filter: blur(15px);
  z-index: -1;
  position: absolute;
  left: 0;
  top: 0;
}
.intro .container .col-md-6 .btn-intro:active {
  transform: scale(0.9) rotate(3deg);
  background: radial-gradient(circle farthest-corner at 10% 20%, rgb(255, 94, 247) 1717.8%, #F9685D 100.2%);
  transition: 0.5s;
}

.about {
  color: #001646;
  background-color: #fff;
}
.about .container .col-md-6 .imgOne {
  border-radius: 15px 40px;
}
.about .container .col-md-6 .txt-about--one {
  margin-top: 130px;
  margin-bottom: 200px;
}
.about .container .col-md-6 .imgTwo {
  margin-bottom: 170px;
  border-radius: 15px 40px;
}

.referenzen {
  color: #fff;
}
.referenzen .logo {
  background-color: #001646;
}

.services {
  color: #fff;
}
.services .container .col-sm-6 .card {
  color: #fff;
  background-color: #A77BEA;
  transition: transform 0.2s;
}
.services .container .col-sm-6 .card .card-body .btnOne {
  color: #001646;
  background-color: #F9685D;
}
.services .container .col-sm-6 .card .card-body .btnOne:hover {
  color: #F9685D;
  background-color: #001646;
}
.services .container .col-sm-6 .card .card-body .btnTwo {
  color: #001646;
  background-color: #F9685D;
}
.services .container .col-sm-6 .card .card-body .btnTwo:hover {
  color: #F9685D;
  background-color: #001646;
}
.services .container .col-sm-6 .card .card-body .btnThree {
  color: #001646;
  background-color: #F9685D;
}
.services .container .col-sm-6 .card .card-body .btnThree:hover {
  color: #F9685D;
  background-color: #001646;
}
.services .container .col-sm-6 .card .card-body .btnFour {
  color: #001646;
  background-color: #F9685D;
}
.services .container .col-sm-6 .card .card-body .btnFour:hover {
  color: #F9685D;
  background-color: #001646;
}
.services .container .col-sm-6 .card:hover {
  transform: scale(1.03);
}
.services .container .col-sm-6 .card:hover .btn {
  color: #F9685D;
  background-color: #A77BEA;
}

.contact {
  background-color: #A77BEA;
}
.contact .col-md-6 hr {
  background-color: #001646;
}
.contact .col-md-6 .kontaktformular .card .card-body .card-title {
  color: #001646;
}
.contact .col-md-6 .kontaktformular .card .card-body .form .form-select {
  color: #616A71;
}
.contact .col-md-6 .kontaktformular .card .card-body .form .btnSend {
  color: #001646;
  background-color: #F9685D;
  font-weight: bold;
  border-radius: 5px;
  transform: transform 0.2s;
}
.contact .col-md-6 .kontaktformular .card .card-body .form .btnSend:hover {
  transform: scale(0.97);
}

footer .row .col-md-3 .sections li {
  list-style: none;
}
footer .row .col-md-3 .sections li a {
  color: #fff;
  text-decoration: none;
}
footer .row .col-md-3 .sections li :hover {
  color: #F9685D;
  font-weight: bold;
}
footer .row .col-md-3 .contacts li {
  list-style: none;
}
footer .row .col-md-3 .contacts li a {
  color: #fff;
  text-decoration: none;
}
footer .row .col-md-3 .contacts li :hover {
  color: #F9685D;
  font-weight: bold;
}
footer .row .col-md-3 .socials li {
  list-style: none;
}
footer .row .col-md-3 .socials li a {
  color: #fff;
  text-decoration: none;
}
footer .row .col-md-3 .socials li :hover {
  color: #F9685D;
  font-weight: bold;
}
footer .row .col-md-3 .support li {
  list-style: none;
}
footer .row .col-md-3 .support li a {
  color: #fff;
  text-decoration: none;
}
footer .row .col-md-3 .support li :hover {
  color: #F9685D;
  font-weight: bold;
}
footer .footer-bottom {
  background-color: #000;
}
footer .footer-bottom .footer-bottom__copyright a {
  text-decoration: none;
}/*# sourceMappingURL=index.css.map */