/*
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.5.7
*/

/*
COLOR DEFINITIONS - GOES BELOW:
*/

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

/* ----- GENERAL ----- */

body {
  display: -ms-flexbox;
  display: -webkit-box;
  display: flex;
  -ms-flex-direction: column;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  flex-direction: column;
  min-height: 100vh;
}

body>main {
  -webkit-box-flex: 1;
  -ms-flex-positive: 1;
  flex-grow: 1;
}

section, a {
  position: relative;
}

/* === Typo === */

@import url("https://fonts.googleapis.com/css?family=Roboto+Slab|Saira:300,400&display=swap");

body {
  font-family: "Roboto Slab", sans-serif;
  font-size: 16px;
  font-weight: 400;
  color: #000000;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  /* Silbentrennung */
  -o-hyphens: auto;
  -webkit-hyphens: auto;
  -ms-hyphens: auto;
  hyphens: auto;
}

h1,
.h1,
h2,
.h2,
h3,
.h3,
h4,
.h4,
h5,
.h5,
h6,
.h6 {
  font-family: "Saira", sans-serif;
  font-weight: 700;
}

h1,
.h1 {
  font-size: 38px;
  margin-bottom: 30px;
}

h2,
.h2 {
  font-size: 25px;
  margin-bottom: 20px;
}

h3,
.h3 {
  font-size: 20px;
  margin-bottom: 15px;
}

p {
  margin-bottom: 15px;
}

p.lead {
  font-size: 20px;
  line-height: 1.2;
  margin-bottom: 20px;
}

p.small,
small,
p.hint {
  font-size: 12px;
}

a,
a:hover {
  position: relative;
  text-decoration: none;
  color: lightcoral;
}

a:hover {
  text-decoration: underline;
}

i {
  color: #000;
}


/* === Header === */

main {
    margin-top: 130px;
  }
  
  nav.navbar {
    text-transform: uppercase;
    background-color: #fff;
    padding-top: 15px;
    padding-bottom: 25px;
    -webkit-box-shadow: 0px 10px 20px -10px rgba(0, 0, 0, 0.15);
    box-shadow: 0px 10px 20px -10px rgba(0, 0, 0, 0.15);
  }
  
  nav.navbar .dropdown-toggle::after {
    display: none;
  }
  
  nav.navbar .container {
    position: relative;
  }
  
  nav.navbar .navbar-brand svg {
    height: 80px;
  }
  

  /* === Footer === */

footer {
    position: relative;
    min-height: 250px;
    overflow: hidden;
    background: #eee;
  }
  

  /* === General Utilities === */

/* Hide Recaptcha V3 */

.grecaptcha-badge {
  visibility: hidden;
}

/* Disable Outlines */

button:focus, a:focus, .form-control:focus, :focus {
  outline: none !important;
  -webkit-box-shadow: none !important;
  box-shadow: none !important;
}

/* Wordpress: Full width for wyswig Image */

img.size-full {
  max-width: 100%;
  height: auto;
}

/* Visually-Hidden */

.visually_hidden {
  position: absolute;
  opacity: 0;
  width: 1px;
  height: 1px;
  overflow: hidden;
  clip: rect(0 0 0 0);
  -webkit-clip-path: inset(0 0 0 0);
  clip-path: inset(0 0 0 0);
  margin: -1px;
  padding: 0;
  border: 0;
}

/* Image classes */

img.bg_static_cover {
  object-fit: cover;
  -o-object-fit: cover;
  object-position: center;
  -o-object-position: center;
  font-family: "object-fit: cover; object-position: center;";
  max-width: 100%;
  width: 100%;
  height: auto;
}

img.bg_static_contain {
  object-fit: contain;
  -o-object-fit: contain;
  object-position: center;
  -o-object-position: center;
  font-family: "object-fit: contain; object-position: center;";
  max-width: 100%;
  width: 100%;
  height: auto;
}

svg.e_icon {
  width: 100%;
  height: 100%;
}

/* form classes */

.form-control {
  position: relative;
  border: none;
  color: #000;
}

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

/* Link area */

a.link_area {
  color: inherit;
}

a.link_area:hover {
  color: inherit;
  text-decoration: none;
}

/* Spacing Classes */

.mt_15 {
  margin-top: 15px;
}

.mt_30 {
  margin-top: 30px;
}

.mt_70 {
  margin-top: 70px;
}

.mt_100 {
  margin-top: 100px;
}

.mb_15 {
  margin-bottom: 15px;
}

.mb_30 {
  margin-bottom: 30px;
}

.mb_70 {
  margin-bottom: 70px;
}

.mb_100 {
  margin-bottom: 100px;
}

.pt_15 {
  padding-top: 15px;
}

.pt_30 {
  padding-top: 30px;
}

.pt_50 {
  padding-top: 50px;
}

.pt_70 {
  padding-top: 70px;
}

.pt_100 {
  padding-top: 100px;
}

.pt_150 {
  padding-top: 150px;
}

.pb_15 {
  padding-bottom: 15px;
}

.pb_30 {
  padding-bottom: 30px;
}

.pb_50 {
  padding-bottom: 50px;
}

.pb_70 {
  padding-bottom: 70px;
}

.pb_100 {
  padding-bottom: 100px;
}

.pb_150 {
  padding-bottom: 150px;
}

@media (min-width: 768px) {
  .mt-md-0, .my-md-0 {
    margin-top: 0 !important;
  }
}

/* ----- GRID ADAPTIONS ----- */

/* Breakpoint xxl */

@media (min-width: 1460px) {
  .container {
    max-width: 1400px;
  }
}

/* Breakpoint 3xl */

@media (min-width: 1660px) {
  .container {
    max-width: 1600px;
  }
}

/* END GRID ADAPTIONS */

/* ----- PLUGIN STYLING ----- */

/* Small Devices, Tablets */

/* Disable AOS */

@media (max-width: 991px) {
  .aos-animate {
    /*CSS transitions*/
    -webkit-transition-property: none !important;
    -o-transition-property: none !important;
    transition-property: none !important;
    /*CSS transforms*/
    -webkit-transform: none !important;
    -ms-transform: none !important;
    transform: none !important;
    /*CSS animations*/
    -webkit-animation: none !important;
    animation: none !important;
  }
}

/* END PLUGIN STYLING */

/* END GENERAL */

/* ----- WP ADMIN BAR ----- */

/*#wpadminbar {
    display: none;
  }*/

/* END WP ADMIN BAR */

/* ----- BUTTONS ----- */

/* Button classes:
        - btn_xyz_primary
        - btn_xyz_secondary 
*/

/* Button Reset */

button {
  border: none;
  margin: 0;
  padding: 0;
  width: auto;
  overflow: visible;
  background: transparent;
  /* inherit font & color from ancestor */
  color: inherit;
  font: inherit;
  /* Normalize `line-height`. Cannot be changed from `normal` in Firefox 4+. */
  line-height: normal;
  /* Corrects font smoothing for webkit */
  -webkit-font-smoothing: inherit;
  -moz-osx-font-smoothing: inherit;
  /* Corrects inability to style clickable `input` types in iOS */
  -webkit-appearance: none;
}

.btn-primary {
  margin-top: 10px;
  margin-bottom: 30px;
  background: #fff;
  color: #004077;
  border-radius: 5px;
  font-family: "Saira", sans-serif;
  text-transform: uppercase;
  border: 1px solid #81cef3;
}

.btn-secondary {
  border-radius: 0;
  border-width: 5px;
  border-color: #ddd;
  min-width: 200px;
  background: transparent;
  text-transform: uppercase;
  color: #df1c1c;
}

/* END BUTTONS */

/* ----- LAZYLOAD EFFECT ----- */

img.bg_static_cover {
  -webkit-filter: blur(3px);
  filter: blur(3px);
  transition: filter 500ms, -webkit-filter 500ms;
}

img.bg_static_cover.lazyloaded {
  -webkit-filter: blur(0);
  filter: blur(0);
}

/* END LAZYLOAD EFFECT */