/**
Theme Name: Lego
Author: Lego
Author URI: btsbrickshop.com
Version: 1.0
*/
/* Import custom.css */
/* @import url("css/navigation.css");
@import url("css/myaccount.css");
@import url("css/root.css");
@import url("css/woocommerce.css");
@import url("css/headlines.css"); */

body,
html {
  margin: 0;
  padding: 0;
  color: var(--legodarkblue);
  scroll-behavior: smooth;
  font-family: var(--font-primary);
  font-size: var(--text-size);
  line-height: var(--text-line);
  font-weight: var(--text-weight);
}

h1 {
  font-size: var(--h1-size);
  line-height: var(--h1-line);
  font-weight: var(--h1-weight);
}

h2 {
  font-size: var(--h2-size);
  line-height: var(--h2-line);
  font-weight: var(--h2-weight);
}

h3 {
  font-size: var(--h3-size);
  line-height: var(--h3-line);
  font-weight: var(--h3-weight);
}

h4 {
  font-size: var(--h4-size);
  line-height: var(--h4-line);
  font-weight: var(--h4-weight);
}

h5 {
  font-size: var(--h5-size);
  line-height: var(--h5-line);
  font-weight: var(--h5-weight);
}

h6 {
  font-size: var(--h6-size);
  line-height: var(--h6-line);
  font-weight: var(--h6-weight);
  text-transform: uppercase;
}

.button,
.elementor-button {
  font-size: var(--btn-size);
  line-height: var(--btn-line);
  font-weight: var(--btn-weight);
  text-transform: uppercase;
}

.text-h1 .elementor-heading-title {
  font-size: var(--h1-size);
  line-height: var(--h1-line);
  font-weight: var(--h1-weight);
}
.text-h2 .elementor-heading-title {
  font-size: var(--h2-size);
  line-height: var(--h2-line);
  font-weight: var(--h2-weight);
}
.text-h3 .elementor-heading-title {
  font-size: var(--h3-size);
  line-height: var(--h3-line);
  font-weight: var(--h3-weight);
}

.text-h3-speziell .elementor-heading-title {
  font-size: var(--h3-speziell-size);
  line-height: var(--h3-speziell-line);
  font-weight: var(--h3-speziell-weight);
}

.text-h4 .elementor-heading-title {
  font-size: var(--h4-size);
  line-height: var(--h4-line);
  font-weight: var(--h4-weight);
}

.text-bold p {
  font-weight: 700;
}

* {
  box-sizing: border-box;
}
/* General style for all interactive elements */
a:focus-visible,
button:focus-visible,
input[type="button"]:focus-visible,
input[type="submit"]:focus-visible,
input:focus-visible,
select:focus-visible,
textarea:focus-visible,
[tabindex]:focus-visible,
[role="button"]:focus-visible {
  outline: 1px dotted var(--legoblue) !important;
  outline-offset: 2px;
}

.woowrapper p {
  color: var(--legodarkblue);
}
img {
  max-width: 100%;
  height: auto;
}

.wpcf7 input[type="text"],
.wpcf7 input[type="tel"],
.wpcf7 input[type="email"],
.wpcf7 textarea {
  width: 100%;
  font-family: "Poppins", sans-serif !important;
  padding: 10px;
  margin: 5px 0;
}
.col-f-left {
  width: 50%;
  padding: 10px;
}
.col-f-right {
  width: 50%;
  padding: 10px;
}
.wpcf7-form {
  display: block;
  margin: 0 auto;
}
.wpcf7-acceptance input[type="checkbox"] {
  cursor: pointer;
}
.wpcf7-form label {
  font-size: 12px;
  line-height: 15px;
}
.wpcf7-form a {
  color: #8cb52b;
}
.wpcf7 input[type="submit"] {
  background: #8cb52b;
  color: #fff;
  text-transform: uppercase;
  padding: 10px;
  margin: 5px;
  border: none;
  cursor: pointer;
}

.grecaptcha-badge {
  visibility: hidden !important;
}

::-webkit-input-placeholder {
  /* Chrome/Opera/Safari */
  color: #707070;
  font-family: "Poppins", sans-serif !important;
}
::-moz-placeholder {
  /* Firefox 19+ */
  color: #707070;
  font-family: "Poppins", sans-serif !important;
}
:-ms-input-placeholder {
  /* IE 10+ */
  color: #707070;
  font-family: "Poppins", sans-serif !important;
}
:-moz-placeholder {
  /* Firefox 18- */
  color: #707070;
  font-family: "Poppins", sans-serif !important;
}

.fixbtns {
  position: fixed;
  bottom: 10px;
  right: 10px;
  margin: 0;
  padding: 0;
  max-width: 220px;
  width: 100%;
  display: flex;
}
.fixbtns li {
  margin: 0 0 0 10px;
  list-style-type: none;
}
.fixbtns li img {
  transition: all 0.5s;
}
.fixbtns li:hover img {
  opacity: 0.8;
}
.page-id-3 .elementor-section p a {
  color: #1e5ca2;
}

.menu li a.active {
  color: var(--legolightgreen);
}
.elementor p a {
  text-decoration: underline;
}
a {
  color: var(--green);
}

.button_top {
  position: fixed;
  bottom: 10px;
  right: 10px;
  display: none;
  background: var(--legoblue);
  padding: 0;
  width: 36px;
  height: 36px;
  border-radius: 50%;
}

@media screen and (max-width: 1024px) {
  .col-4-flex {
    height: 350px;
  }
}

@media screen and (max-width: 768px) {
  .col-4 {
    width: 98%;
  }
  .col-4-flex {
    height: 250px;
  }
  .col-4-flex:hover .projektcontent {
    bottom: 5%;
  }

  .col-f-left {
    width: 100%;
  }
  .col-f-right {
    width: 100%;
  }
  #ansicht-360 {
    background-image: none !important;
  }
  .home2btns {
    display: flex;
    flex-wrap: wrap;
  }
  .home2btns .elementor-element {
    width: 50% !important;
  }
  .logomobilesmall {
    max-width: 50%;
  }
  section#kontakt .elementor-shape-bottom {
    display: none !important;
  }
  section#kontakt {
    padding: 8em 0 10em 0 !important;
  }

  #gt_float_wrapper {
    bottom: 60px !important;
    left: 10px !important;
  }
}