/*
 Theme Name:   Hello-Elementor Child
 Theme URI:    https://elementor.com/
 Description:  Hello-Elementor Child Theme
 Template:     hello-elementor
 Version:      1.0.0
 Author:       JIMM
 License:      GNU General Public License v2 or later
 License URI:  http://www.gnu.org/licenses/gpl-2.0.html
 Tags:         light, dark, two-columns, right-sidebar, responsive-layout, accessibility-ready
 Text Domain:  hello-elementor-child
*/

/* ############################################################################################# */
/* ############################################################################################# */
/*                                                                                               */
/*                                          Allgemein                                            */
/*                                                                                               */
/* ############################################################################################# */
/* ############################################################################################# */

/* @import url("https://fonts.googleapis.com/css2?family=Montserrat+Alternates:ital,wght@0,400;0,700;1,400;1,700&display=swap"); */

@font-face {
  font-family: "Roboto";
  src: url("assets/fonts/Roboto-Regular-webfont.woff") format("woff"),
    url("assets/fonts/Roboto-Regular.ttf") format("truetype");
  font-style: normal;
  font-weight: normal;
}

@font-face {
  font-family: "Roboto";
  src: url("assets/fonts/Roboto-Italic-webfont.woff") format("woff"),
    url("assets/fonts/Roboto-Italic.ttf") format("truetype");
  font-style: italic;
  font-weight: normal;
}

@font-face {
  font-family: "Roboto";
  src: url("assets/fonts/Roboto-Bold-webfont.woff") format("woff"),
    url("assets/fonts/Roboto-Bold.ttf") format("truetype");
  font-style: normal;
  font-weight: bold;
}

@font-face {
  font-family: "Roboto";
  src: url("assets/fonts/Roboto-BoldItalic-webfont.woff") format("woff"),
    url("assets/fonts/Roboto-BoldItalic.ttf") format("truetype");
  font-style: italic;
  font-weight: bold;
}

:root {
  font-family: "Roboto", sans-serif;
}
body,
body * {
  font-family: "Roboto", sans-serif;
}

body a {
  color: var(--e-global-color-primary);
}

/* Cookie Banner */

.wp-exclude-emoji .animate__animated > div a[href="https://devowl.io/de/wordpress-real-cookie-banner/"]
{
  display: none !important;
}

/* Home */

#site-header {
  padding: 16px;
  z-index: 100;
}

#site-header.sticky {
  position: fixed;
  top: 0;
  width: 100%;
  box-shadow: 0px 0px 10px 0px rgba(0, 0, 0, 0.5);
}

#menu-primary li a {
  text-transform: uppercase;
  font-weight: bold;
}

#menu-primary li:hover {
  text-decoration: underline;
  color: var(--e-global-color-text);
}

@media (max-width: 767px) {
  #site-header .site-navigation-toggle {
    border: 1px solid var(--e-global-color-text);
    background-color: var(--e-global-color-primary);
  }
  #site-header .site-navigation-toggle i {
    color: var(--e-global-color-text);
  }
}

.leistung_box .elementor-widget-container:hover {
  box-shadow: 0px 0px 10px 0px rgba(0, 0, 0, 0.5);
}

.leistung_box .elementor-icon-box-title {
  margin-bottom: 0;
}

@media (max-width: 767px) {
  #leistungen .leistungen_placeholder {
    display: none;
  }
}

.contact_form_container
  .wpforms-container.wpforms-container-full.wpforms-render-modern {
  margin-top: 0;
  margin-bottom: 0;
}
.contact_form_container {
  padding: 32px;
}

@media (max-width: 767px) {
  .contact_form_container {
    padding: 16px;
  }
}

.contact_form_container .wpforms-field-container {
  padding: 0;
}

.contact_form_container .wpforms-field-container input {
  min-width: 100%;
}

.contact_form_container .wpforms-form .wpforms-submit-container button {
  width: 100%;
  color: #000 !important;
  font-weight: bold;
  background-color: var(--e-global-color-accent) !important;
}

.contact_form_container .wpforms-form .wpforms-submit-container button:hover {
  color: var(--e-global-color-text) !important;
}

.contact_form_container .wpforms-field-container .wpforms-field:first-of-type {
  padding-top: 0;
}