@charset "UTF-8";
/* -------------------------------------------------------------------------- *
 * Settings
 * -------------------------------------------------------------------------- */
@import url("//fonts.googleapis.com/css2?family=Rajdhani:wght@300;400;500;600;700&display=swap");
@import url("//cdn.jsdelivr.net/npm/@fortawesome/fontawesome-free@6.1.2/css/all.min.css");
/* -------------------------------------------------------------------------- *
 * fct_scss-colorfit                      (liefert Farbe mit besten Kontrast)
 * -------------------------------------------------------------------------- */
/* @function */
body {
  font-family: "Rajdhani", sans-serif;
  line-height: 1.33;
  margin: 0;
  background: linear-gradient(to left, White, #f1f1f1);
} /* body */
a {
  text-decoration: none;
  color: #4B5DAB;
  /* _blank */
}
a[target=_blank]:after {
  font-size: x-small;
  content: "↗︎";
  margin-left: 2px;
}

/* a */
img {
  max-width: 100%;
}

.b-buttongrid {
  display: grid;
  grid-gap: 0.5em;
  grid-template-columns: repeat(2, 1fr);
} /* .b-buttongrid */
.button {
  display: inline-block;
  padding: 0.5em 1em;
  text-decoration: none;
  color: inherit;
  border: 1px dashed;
  border-radius: 4px;
  transition: 0.5s;
  /* hover */
  /* AddOn's */
  /* -icon- */
}
.button:hover {
  background-color: White;
}
.button.-size1 {
  grid-column: 1/-1;
}
.button.-color1 {
  color: white;
  background-color: #4B5DAB;
  border-color: #4B5DAB;
}
.button.-color1:hover {
  background-color: rgb(89.2134146341, 106.6646341463, 182.2865853659);
}
.button.-color2 {
  color: black;
  background-color: #dddddd;
  border-color: #dddddd;
}
.button.-color2:hover {
  background-color: rgb(233.75, 233.75, 233.75);
}
.button[class*=-icon-] {
  position: relative;
  padding-right: 3em; /* Platz für icon */
  /* before */
}
.button[class*=-icon-]:before {
  font-family: "Font Awesome 6 Free";
  content: "";
  position: absolute;
  top: 0.75em;
  right: 0.75em;
  transform: scale(1.15);
  transform-origin: bottom left;
  transition: 1s;
}
.button[class*=-icon-].-icon-phone:before {
  font-weight: 900;
  content: "\f095"; /* fa-phone */
}
.button[class*=-icon-].-icon-mobil:before {
  font-weight: 900;
  content: "\f3cd"; /* fa-mobile-alt */
}
.button[class*=-icon-].-icon-email:before {
  font-weight: 900;
  content: "\f658"; /* fa-envelope */
}
.button[class*=-icon-].-icon-gmaps:before {
  font-weight: 900;
  content: "\f3c5"; /* fa-map-marker-alt */
}
.button[class*=-icon-].-icon-vcard:before {
  font-weight: 400;
  content: "\f2bb"; /* fa-address-card */
}
.button[class*=-icon-].-icon-pdf:before {
  font-weight: 400;
  content: "\f1c1"; /* fa-file-pdf */
}

/* .button */

/*# sourceMappingURL=app.min.css.map */