/* 
Theme Name: Hello Elementor Child
Theme URI: https://github.com/elementor/hello-theme/
Description: Hello Elementor Child is a child theme of Hello Elementor, created by Elementor team
Author: Elementor Team
Author URI: https://elementor.com/
Template: hello-elementor
Version: 1.0.1
Text Domain: hello-elementor-child
License: GNU General Public License v3 or later.
License URI: https://www.gnu.org/licenses/gpl-3.0.html
Tags: flexible-header, custom-colors, custom-menu, custom-logo, editor-style, featured-images, rtl-language-support, threaded-comments, translation-ready
*/

/*
#0057A6 Blau
#4D8AC1 Blau70
#99BCDC Blau40
#E6EFF7 Blau10

#878786 Grau

#669933 Grün

#990000 Rot

*/

html,
body {
  width: 100%;
  overflow-x: hidden !important;
}

.sf-option-active {
  color: #0057a6; /* Adjust text color if needed */
  font-weight: 600;
}

.elementor-wrapper video {
  background-color: #fff !important;
}

/* Keine Linie unter Verlinkungen */
.page-content a {
  text-decoration: none !important;
}

/* Headline Sizes */
.elementor-widget-heading .elementor-heading-title.elementor-size-xl {
  font-size: clamp(26px, 3.4vw, 39px) !important;
  /* white-space: normal; */
}

/* Headline Sliders */
.elementor-slides .swiper-slide-inner .elementor-slide-heading {
  font-size: clamp(45px, 5.714vw, 4rem) !important;
}
.elementor-slides .swiper-slide-inner .elementor-slide-description {
  font-size: clamp(1rem, 1.754vw, 20px) !important;
}

h2 {
  font-size: clamp(1.4rem, 2.807vw, 2rem);
}
.elementor-widget-heading .elementor-heading-title.elementor-size-large {
  font-size: clamp(1.3rem, 2.544vw, 29px) !important;
}
h3 {
  font-size: clamp(1.2rem, 2.456vw, 1.75rem);
}
h4 {
  font-size: clamp(1.1rem, 2.105vw, 24px);
}

/* Headlines */
span.primary-text {
  color: #7ab541 !important;
}
span.secondary-text {
  color: #990000 !important;
}
span.third-text {
  color: #0057a6 !important;
}
span.blau-light {
  color: #99bcdc;
}

/* Farben */
.primary-bg {
  background-color: #7ab541;
}
.secondary-bg {
  background-color: #990000;
}
.third-bg {
  background-color: #0057a6;
}
.blau-bg {
  background-color: #0057a6;
}
.blau70-bg {
  background-color: #4d8ac1;
}
.blau40-bg {
  background-color: #99bcdc;
}
.blau10-bg {
  background-color: #e6eff7;
}
.rot-bg {
  background-color: #990000;
}
.gruen-bg {
  background-color: #669933;
}

#fixed-sidebar {
}

/* Blau Sidebar Farben */
.page * .sidebar-testen,
.page * .sidebar-kontakt,
.page * .sidebar-mobile,
.single * .sidebar-testen,
.single * .sidebar-kontakt,
.single * .sidebar-mobile {
  background-color: #0057a6;
}
/* Blau Sidebar Farben */

/*Grün Sidebar und Menü */
.page.page-mobiles-festnetz .sidebar-testen,
.page.page-mobiles-festnetz .sidebar-kontakt,
.page.page-mobiles-festnetz .sidebar-mobile {
  background-color: #669933;
}
.page.page-mobiles-festnetz #mega-menu * .wpr-menu-item:after {
  background-color: #669933;
}

.page.page-onephone .sidebar-testen,
.page.page-onephone .sidebar-kontakt,
.page.page-onephone .sidebar-mobile {
  background-color: #669933;
}
.page.page-onephone #mega-menu * .wpr-menu-item:after {
  background-color: #669933;
}

.page.page-mobile-landline .sidebar-testen,
.page.page-mobile-landline .sidebar-kontakt,
.page.page-mobile-landline .sidebar-mobile {
  background-color: #669933;
}
.page.page-mobile-landline #mega-menu * .wpr-menu-item:after {
  background-color: #669933;
}

/*Grün Sidebar und Menü */

/* Hellblau Sidebar und Menü */
.page.page-one-mobile .sidebar-testen,
.page.page-one-mobile .sidebar-kontakt,
.page.page-one-mobile .sidebar-mobile {
  background-color: #99bcdc;
}
.page.page-one-mobile #mega-menu * .wpr-menu-item:after {
  background-color: #99bcdc;
}
/* Hellblau Sidebar und Menü */

/* Rot Sidebar und Menü*/
.page.page-one-it-service .sidebar-testen,
.page.page-one-it-service .sidebar-kontakt,
.page.page-one-it-service .sidebar-mobile {
  background-color: #990000;
}
.page.page-one-it-service #mega-menu * .wpr-menu-item:after {
  background-color: #990000;
}
/* Rot Sidebar und Menü*/

/* Links grün statt Blau (default) */
/* Downloads */
.page.page-downloads * #downloads-onemobile * a {
  color: #99bcdc;
}
.page.page-downloads * #downloads-onemobile * a:hover {
  color: #54595f;
}

/* Downloads */

/* Back to Top Button */
.page * .wpr-stt-btn {
  background-color: #0057a6;
}
.page * .wpr-stt-btn:hover {
  background-color: #4c4c4c;
}
.single * .wpr-stt-btn {
  background-color: #0057a6;
}
.single * .wpr-stt-btn:hover {
  background-color: #4c4c4c;
}

.page.page-mobiles-festnetz * .wpr-stt-btn {
  background-color: #669933;
}
.page.page-mobiles-festnetz * .wpr-stt-btn:hover {
  background-color: #4c4c4c;
}
.page.page-onephone * .wpr-stt-btn {
  background-color: #669933;
}
.page.page-onephone * .wpr-stt-btn:hover {
  background-color: #4c4c4c;
}
.page.page-one-mobile * .wpr-stt-btn {
  background-color: #99bcdc;
}
.page.page-one-mobile * .wpr-stt-btn:hover {
  background-color: #4c4c4c;
}
.page.page-one-it-service * .wpr-stt-btn {
  background-color: #990000;
}
.page.page-one-it-service * .wpr-stt-btn:hover {
  background-color: #4c4c4c;
}
/* Back to Top Button */

/*Beiträge styling */
.su-button-style-flat {
  padding: 10px 20px !important;
  border-radius: 0px !important;
  background-color: #0057a6 !important;
  border-color: #0057a6 !important;
}

.su-button-style-flat:hover {
  background-color: #878786 !important;
  border-color: #878786 !important;
}

/* Search and Filter Pro Styling - Referenzen Seite */
.searchandfilter ul {
  padding-inline-start: 0px !important;
}
.searchandfilter ul li {
  display: inline-block !important;
  padding: 10px !important;
}
select.sf-input-select {
  border-radius: 0px !important;
}

/* Glossar Page */
.page-glossar * .sf-input-checkbox {
  display: none !important;
}
.page-glossar .sf-label-checkbox {
  padding: 0px !important;
}
.page-glossar .sf-label-checkbox:hover {
  color: #0057a6 !important;
}

.page-glossar * .sf-input-radio {
  display: none !important;
  padding: 0 !important;
}
.page-glossar * .sf-item-0 {
  display: none !important;
  padding: 0 !important;
}
.page-glossar .sf-label-radio:hover {
  color: #0057a6 !important;
}
[data-sf-count="0"] {
  color: #d3d3d3 !important;
  pointer-events: none !important;
} /* Wenn 0 dann andere Farbe */

/* Referenzen Royal Testimonal */
/* .wpr-testimonial-content-inner {min-height: 310px;} */
/* Referenzen Royal Testimonal */

.footer-menu {
  margin: 0px !important;
}
/* Brilliant Web-to-Lead for Salesforce Pluging Styling */

/* Center Text nach Abschicken */
.e-con-inner {
  text-align: center !important;
}
#requiredfieldsmsg {
  text-align: left !important;
}
/* Center Text nach Abschicken */

/* Recaptcha Desktop und Mobile */
.salesforce_w2l_lead .w2linput.text.captcha {
  margin: 0 0 0 10px !important;
}

@media (max-width: 350px) {
  .salesforce_w2l_lead .w2linput.text.captcha {
    margin: 0 !important;
  }
}
/* Recaptcha Desktop und Mobile */

input[type="text"],
input[type="password"],
input[type="datetime"],
input[type="datetime-local"],
input[type="date"],
input[type="month"],
input[type="time"],
input[type="week"],
input[type="number"],
input[type="email"],
input[type="url"],
input[type="search"],
input[type="tel"],
input[type="color"],
textarea,
select {
  color: #626262;
  font-size: 16px;
  font-weight: 400;
  padding: 15px 17px;
  border: 1px solid #ececec;
  width: 100% !important;
  -webkit-border-radius: 0;
  -khtml-border-radius: 0;
  -moz-border-radius: 0;
  -ms-border-radius: 0;
  -o-border-radius: 0;
  border-radius: 0;
  line-height: normal;
  width: 100%;
}
.salesforce_w2l_lead .w2llabel.checkbox {
  width: 100% !important;
  margin-bottom: 20px !important;
}
.sf_field.sf_field_captcha.sf_type_captcha {
  margin-top: 20px;
}
.salesforce_w2l_lead .w2linput.text.captcha {
  width: 160px !important;
}

input[type="submit"] {
  background-color: #0057a6;
  border: 0px;
  padding: 16px 40px;
  font-size: 1rem;
  border-radius: 0px;
}
input[type="submit"]:hover {
  background-color: #54595f;
}

/* Brilliant Web-to-Lead for Salesforce Pluging Styling */

/* Effekte */
.hover-grow {
  transform: perspective(1px);
  transition-duration: 0.3s;
  transition-property: all;
  box-shadow: 0px 0px 1px rgba(0, 0, 0, 0);
  vertical-align: middle;
  -webkit-transform: perspective(1px) translateZ(0);
  -webkit-transition-duration: 0.3s;
  -webkit-transition-property: transform;
}

.hover-grow:hover {
  transform: scaleX(1.1);
  -webkit-transform: scale(1.05);
}
/* Effekte */

/* Gravity Form Styling */
.gform_wrapper input.large,
.gform_wrapper input.medium,
.gform_wrapper input.small,
.gform_wrapper select.large,
.gform_wrapper select.medium,
.gform_wrapper select.small {
  width: 100% !important;
}

.gform_wrapper input.large,
.gform_wrapper input.medium,
.gform_wrapper input.small,
.gform_wrapper select.large,
.gform_wrapper select.medium,
.gform_wrapper select.small {
  padding: 10px !important;
  margin-top: 0px !important;
}

body
  .gform_legacy_markup_wrapper
  div.gform_body
  ul.gform_fields
  li.gfield.gfield_html {
  margin-top: 20px !important;
}

/* Gravity Form Styling */

/* Borlabs Cookie Box Styling */

@media only screen and (max-width: 600px) {
  #BorlabsCookieBox {
    max-width: 100vw;
    width: 90%;
    left: 5%;
    right: 5%;
    box-sizing: border-box;
  }
}

/* Borlabs Cookie Box Styling */

/* Override Poppins font loading for the specific form */
.hs-form-bfd75915-27f2-48fe-8965-2d9bf6cc66b5_100c987a-2474-436e-866c-57720d1fdf9d
  .hs-form-field
  label:not(.hs-error-msg) {
  font-family: Arial, sans-serif !important; /* Replace Poppins with your preferred font */
}

/* Optionally override all form fields, inputs, and other text */
.hs-form-bfd75915-27f2-48fe-8965-2d9bf6cc66b5_100c987a-2474-436e-866c-57720d1fdf9d
  * {
  font-family: Arial, sans-serif !important;
}

/* Mega Menu Hover Styling */

.wpr-page-list-item:hover,
.wpr-page-list-item:focus {
  background-color: #54595f; /* Set desired hover background color */
  color: #ffffff !important; /* Change text color to white */
  transition: all 0.3s ease; /* Smooth transition */
}

.wpr-page-list-wrapper-link:hover * .wpr-pl-title {
  color: #fff !important;
}
.wpr-page-list-item:hover a,
.wpr-page-list-item:focus a {
  color: #ffffff !important;
  text-decoration: none;
}

.wpr-page-list-item:hover p,
.wpr-page-list-item:focus p {
  color: #ffffff !important;
}

.wpr-page-list-item a:hover {
  text-decoration: none; /* Prevent underline or modify the link styling */
}

/* Submenu Specific Hover Effect */
.sub-menu:hover,
.sub-menu li:hover {
  transition: all 0.3s ease; /* Smooth transition */
}

.sub-menu li:hover a,
.sub-menu li:hover > a span {
  transition: all 0.3s ease; /* Smooth transition for link text */
}
/* Mega Menu Hover Styling */