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;
}
.fullwidthimg {
width: 100vw !important;
margin-left: calc(-50vw + 50%) !important;
}
* {
box-sizing: border-box;
} 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 { color: #707070;
font-family: "Poppins", sans-serif !important;
}
::-moz-placeholder { color: #707070;
font-family: "Poppins", sans-serif !important;
}
:-ms-input-placeholder { color: #707070;
font-family: "Poppins", sans-serif !important;
}
:-moz-placeholder { 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;
}
}