/*
Theme Name: Boilerplate
Author: eloq GmbH
Author URI: https://eloq.swiss/
Description: Die eloq GmbH macht nicht einfach Internetseiten. Wir bieten Ihnen durchdachte Konzepte, mischen Designkompetenz mit technischem Können und streben so nach der perfekten Internet-Präsenz unseres Kunden. Das vorliegende Theme wurde von uns mit Passion und Freude handgefertigt. Wir hoffen, Ihnen gefällt unsere Arbeit!
Version: 1.4.0
*/

@import url("css/typo.css");
@import url("css/utilities.css");
@import url("css/header.css");
@import url("css/footer.css");

/* === Theme Specific === */
/* GENERAL */

section.bg_white {
  background-color: #fff;
}

section.bg_grey {
  background-color: #edf0f0;
}

section {
  position: relative;
}

hr {
  border: none;
  border-top: 1px #edf0f0 solid;
}

/* GENERAL - Buttons 
    .btn_primary
    .btn_primary.fw
    .btn_primary.bw

    .btn_secondary
    .btn_secondary.fw
    .btn_secondary.bw
*/

.btn_primary,
.btn_secondary {
  display: inline-block;
  font-family: "IBM Plex Mono", monospace;
  text-decoration: none;
  font-size: 16px;
  font-weight: 600;
  position: relative;
  -webkit-transition: 0.15s linear all;
  -o-transition: 0.15s linear all;
  transition: 0.15s linear all;
  margin-top: 15px;
}
.btn_primary:hover,
.btn_secondary:hover {
  text-decoration: none;
  color: inherit;
}

.btn_primary + .btn_primary,
.btn_secondary + .btn_secondary {
  margin-left: 22px;
}
.btn_primary {
  padding: 10px;
  background-color: #edf0f0;
  border: 2px solid #000;
  border-radius: 0px 0px 7px 0px;
}
.btn_primary.fw {
  padding-right: 34px;
}
.btn_primary.fw:after {
  content: url("data:image/svg+xml,%3Csvg width='16' height='16' viewBox='0 0 14 14' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M1.16666 7.83351H10.475L6.40833 11.9002C6.08333 12.2252 6.08333 12.7585 6.40833 13.0835C6.73333 13.4085 7.25833 13.4085 7.58333 13.0835L13.075 7.59185C13.4 7.26685 13.4 6.74185 13.075 6.41685L7.59166 0.916846C7.26666 0.591846 6.74166 0.591846 6.41666 0.916846C6.09166 1.24185 6.09166 1.76685 6.41666 2.09185L10.475 6.16685H1.16666C0.708328 6.16685 0.333328 6.54185 0.333328 7.00018C0.333328 7.45851 0.708328 7.83351 1.16666 7.83351Z' fill='%23262B2E'/%3E%3C/svg%3E%0A");
  position: absolute;
  right: 10px;
  top: 12px;
  width: 18px;
}
.btn_primary.bw {
  padding-left: 34px;
}
.btn_primary.bw:after {
  content: url("data:image/svg+xml,%3Csvg width='16' height='16' viewBox='0 0 14 14' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M12.8333 6.16685H3.52499L7.59166 2.10018C7.91666 1.77518 7.91666 1.24185 7.59166 0.916846C7.26666 0.591846 6.74166 0.591846 6.41666 0.916846L0.924994 6.40851C0.599994 6.73351 0.599994 7.25851 0.924994 7.58351L6.41666 13.0752C6.74166 13.4002 7.26666 13.4002 7.59166 13.0752C7.91666 12.7502 7.91666 12.2252 7.59166 11.9002L3.52499 7.83351H12.8333C13.2917 7.83351 13.6667 7.45851 13.6667 7.00018C13.6667 6.54185 13.2917 6.16685 12.8333 6.16685Z' fill='%23262B2E'/%3E%3C/svg%3E%0A");
  position: absolute;
  left: 10px;
  top: 12px;
  width: 18px;
}

.btn_primary:hover {
  color: #000;
  border-color: #00b5e2;
  -webkit-transition: 0.3s ease all;
  -o-transition: 0.3s ease all;
  transition: 0.3s ease all;
}

.btn_primary:active,
.btn_primary:focus {
  border-color: #00b5e2;
  background-color: #00b5e2;
  -webkit-transition: 0.2s linear all;
  -o-transition: 0.2s linear all;
  transition: 0.2s linear all;
}

.btn_secondary {
  padding: 10px 0px;
}
.btn_secondary.fw {
  padding-right: 24px;
}
.btn_secondary.bw {
  padding-left: 24px;
}
.btn_secondary.fw::after,
.btn_secondary.bw::after {
  content: "";
  position: absolute;
  top: 12px;
  background-color: #000;
  width: 18px;
  height: 16px;
  -webkit-mask-repeat: no-repeat;
  mask-repeat: no-repeat;
  -webkit-transition: 0.15s linear all;
  -o-transition: 0.15s linear all;
  transition: 0.15s linear all;
}
.btn_secondary.fw:after {
  right: 0px;
  -webkit-mask-image: url("data:image/svg+xml,%3Csvg width='16' height='16' viewBox='0 0 14 14' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M1.16666 7.83351H10.475L6.40833 11.9002C6.08333 12.2252 6.08333 12.7585 6.40833 13.0835C6.73333 13.4085 7.25833 13.4085 7.58333 13.0835L13.075 7.59185C13.4 7.26685 13.4 6.74185 13.075 6.41685L7.59166 0.916846C7.26666 0.591846 6.74166 0.591846 6.41666 0.916846C6.09166 1.24185 6.09166 1.76685 6.41666 2.09185L10.475 6.16685H1.16666C0.708328 6.16685 0.333328 6.54185 0.333328 7.00018C0.333328 7.45851 0.708328 7.83351 1.16666 7.83351Z' fill='%23262B2E'/%3E%3C/svg%3E%0A");
  mask-image: url("data:image/svg+xml,%3Csvg width='16' height='16' viewBox='0 0 14 14' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M1.16666 7.83351H10.475L6.40833 11.9002C6.08333 12.2252 6.08333 12.7585 6.40833 13.0835C6.73333 13.4085 7.25833 13.4085 7.58333 13.0835L13.075 7.59185C13.4 7.26685 13.4 6.74185 13.075 6.41685L7.59166 0.916846C7.26666 0.591846 6.74166 0.591846 6.41666 0.916846C6.09166 1.24185 6.09166 1.76685 6.41666 2.09185L10.475 6.16685H1.16666C0.708328 6.16685 0.333328 6.54185 0.333328 7.00018C0.333328 7.45851 0.708328 7.83351 1.16666 7.83351Z' fill='%23262B2E'/%3E%3C/svg%3E%0A");
}

.btn_secondary.bw:after {
  left: 0px;
  -webkit-mask-image: url("data:image/svg+xml,%3Csvg width='16' height='16' viewBox='0 0 14 14' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M12.8333 6.16685H3.52499L7.59166 2.10018C7.91666 1.77518 7.91666 1.24185 7.59166 0.916846C7.26666 0.591846 6.74166 0.591846 6.41666 0.916846L0.924994 6.40851C0.599994 6.73351 0.599994 7.25851 0.924994 7.58351L6.41666 13.0752C6.74166 13.4002 7.26666 13.4002 7.59166 13.0752C7.91666 12.7502 7.91666 12.2252 7.59166 11.9002L3.52499 7.83351H12.8333C13.2917 7.83351 13.6667 7.45851 13.6667 7.00018C13.6667 6.54185 13.2917 6.16685 12.8333 6.16685Z' fill='%23262B2E'/%3E%3C/svg%3E%0A");
  mask-image: url("data:image/svg+xml,%3Csvg width='16' height='16' viewBox='0 0 14 14' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M12.8333 6.16685H3.52499L7.59166 2.10018C7.91666 1.77518 7.91666 1.24185 7.59166 0.916846C7.26666 0.591846 6.74166 0.591846 6.41666 0.916846L0.924994 6.40851C0.599994 6.73351 0.599994 7.25851 0.924994 7.58351L6.41666 13.0752C6.74166 13.4002 7.26666 13.4002 7.59166 13.0752C7.91666 12.7502 7.91666 12.2252 7.59166 11.9002L3.52499 7.83351H12.8333C13.2917 7.83351 13.6667 7.45851 13.6667 7.00018C13.6667 6.54185 13.2917 6.16685 12.8333 6.16685Z' fill='%23262B2E'/%3E%3C/svg%3E%0A");
}

.bg_dark .btn_secondary {
  color: #fff;
}
.bg_dark .btn_secondary.fw::after,
.bg_dark .btn_secondary.bw::after {
  background-color: #fff;
}

.btn_secondary:hover {
  color: #00b5e2;
  -webkit-transition: 0.3s ease all;
  -o-transition: 0.3s ease all;
  transition: 0.3s ease all;
}
.btn_secondary.fw:hover::after,
.btn_secondary.bw:hover::after {
  background-color: #00b5e2;
  -webkit-transition: 0.3s ease all;
  -o-transition: 0.3s ease all;
  transition: 0.3s ease all;
}

input.form-control {
  border-radius: 0;
  -webkit-box-shadow: none;
  box-shadow: none;
  border: none;
}

button:focus,
:focus {
  outline: none;
}

/* GENERAL - Images */
img {
  margin-bottom: 15px;
}