/*
Theme Name: Boilerplate With Changes
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.8
*/

/*
COLOR DEFINITIONS - GOES BELOW:
*/

/* =========================================================
   TYPOGRAPHY
   ========================================================= */


   body {
     font-family: "Roboto", 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: 56px;
     margin-bottom: 30px;
   }
   
   h2,
   .h2 {
     font-size: 45px;
     margin-bottom: 20px;
   }
   
   h3,
   .h3 {
     font-size: 33px;
     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;
   }
   
   /* =========================================================
      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 */
   
   /* =========================================================
      HEADER
      ========================================================= */

   
   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;
   }
   
   /* =========================================================
      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;
   }
   
   /* 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 */