.elementor-kit-6{--e-global-color-primary:#1A3A90;--e-global-color-secondary:#6D7EAF;--e-global-color-text:#0D1428;--e-global-color-accent:#E3040D;--e-global-color-9899c02:#9B9A9B;--e-global-color-0fe3c5a:#1D1D1B;--e-global-typography-primary-font-family:"Inter";--e-global-typography-primary-font-weight:500;--e-global-typography-secondary-font-family:"Inter";--e-global-typography-secondary-font-weight:400;--e-global-typography-text-font-family:"Inter";--e-global-typography-text-font-weight:700;--e-global-typography-accent-font-family:"Roboto";--e-global-typography-accent-font-weight:500;--e-global-typography-d607d68-font-family:"Anton";color:var( --e-global-color-0fe3c5a );font-family:"Inter", Sans-serif;font-size:18px;font-weight:400;}.elementor-kit-6 e-page-transition{background-color:#FFBC7D;}.elementor-kit-6 a{color:var( --e-global-color-primary );}.elementor-kit-6 h1{font-family:"Anton", Sans-serif;font-size:36px;}.elementor-kit-6 h2{font-family:var( --e-global-typography-secondary-font-family ), Sans-serif;font-weight:var( --e-global-typography-secondary-font-weight );}.elementor-kit-6 h3{font-size:1.55rem;}.elementor-section.elementor-section-boxed > .elementor-container{max-width:1505px;}.e-con{--container-max-width:1505px;--container-default-padding-top:0px;--container-default-padding-right:0px;--container-default-padding-bottom:0px;--container-default-padding-left:0px;}.elementor-widget:not(:last-child){--kit-widget-spacing:20px;}.elementor-element{--widgets-spacing:20px 20px;--widgets-spacing-row:20px;--widgets-spacing-column:20px;}{}h1.entry-title{display:var(--page-title-display);}.site-header .site-branding{flex-direction:column;align-items:stretch;}.site-header{padding-inline-end:0px;padding-inline-start:0px;}.site-footer .site-branding{flex-direction:column;align-items:stretch;}@media(max-width:1366px){.elementor-kit-6{font-size:20px;}}@media(max-width:1024px){.elementor-kit-6{font-size:20px;}.elementor-kit-6 p{margin-block-end:18px;}.elementor-section.elementor-section-boxed > .elementor-container{max-width:1024px;}.e-con{--container-max-width:1024px;}}@media(max-width:767px){.elementor-kit-6{font-size:15px;}.elementor-section.elementor-section-boxed > .elementor-container{max-width:767px;}.e-con{--container-max-width:767px;}}/* Start custom CSS */body [type="button"]:focus, body [type="button"]:hover, body [type="submit"]:focus, body [type="submit"]:hover, body button:focus, body button:hover {
	background-color: var( --e-global-color-accent );
	color: #fff;
	text-decoration: none;
}
.elementor-widget-theme-site-logo img {
	max-height: 75px;
}
h1.elementor-heading-title {
  display: flex;
  position: relative;
  flex-direction: column;
  align-items: end;
}


h1 .headline-blau:before{
  content: "";
  background-image: url('https://www.bauelemente-klein.de/wp-content/uploads/2025/12/Isolationsmodus.png');
  width: 81px;
  height: 58px;
  right: -60px;
  top: -51px;
  position: absolute;
  background-size: contain;
  background-repeat: no-repeat;
}
h1 .headline-blau {
    background: var( --e-global-color-primary );
    font-size: 58px;
    padding: 15px;
    border-radius: 20px;
    text-transform: uppercase;
    position: relative;
}
h1 .headline-rot {
  margin-left: 22%;
  margin-top: -10px;
  right: -55px;
    font-size: 30px;
    white-space: nowrap;
    text-transform: uppercase;
}

ul {
	margin-bottom: 20px;
}

h2 {
	font-size: 1.5rem;
}



#content.type-page.hentry {
	padding: 40px 15px;
}

.headline-rot {
  background: var( --e-global-color-accent );
  color: #fff;
  font-family: "Anton", Sans-serif;
  font-size: 30px;
  padding: 15px;
  border-radius: 20px;
  transform: rotate(-3deg);
  display: inline-block;
  position: relative;
  text-transform: uppercase;
}
.headline-blau-rotated {
  background: var( --e-global-color-primary );
  color: #fff;
  font-family: "Anton", Sans-serif;
  font-size: 30px;
  padding: 10px 20px;
  border-radius: 20px;
  transform: rotate(-2deg);
  display: inline-block;
  position: relative;
  text-transform: uppercase;
}

@media (max-width: 1024px) {
  h1:before{
    width: 40px;
    height: 28px;
    right: -30px;
    top: -25px;
  }

  h1 .headline-blau {
    font-size: 40px;
    padding: 10px;
    border-radius: 15px;
  }

  h1 .headline-rot {
    font-size: 30px;
    padding: 10px;
    border-radius: 15px;
    margin-left: 40px;
    right: -30px;
    margin-top: -5px;
    transform: rotate(-1deg);
  }
      
    h2 {
    	font-size: 1.2rem;
    }
}

@media (max-width: 767px) {
  h1:before{
    width: 40px;
    height: 28px;
    right: -30px;
    top: -25px;
  }

  h1 .headline-blau {
    font-size: 35px;
    padding: 10px;
    border-radius: 15px;
  }

  h1 .headline-rot {
    font-size: 22px;
    padding: 10px;
    border-radius: 15px;
    margin-left: 0;
    right: -10px;
    margin-top: -5px;
    transform: rotate(-3deg);
  }
    h1 .headline-blau:before {
        width: 45px;
        height: 40px;
        right: -30px;
        top: -30px;
    }
    .kacheln-text ul, .single-head-info ul {
    	margin-bottom: 5px;
    }
    
}
.wp-block-buttons .wp-block-button__link, .dunkel-bg-container a, .t-columns-acf a {
	background-color: var( --e-global-color-primary );
	color: #fff !important;
	font-family: "Inter", Sans-serif;
	font-size: 18px;
	font-weight: 400;
	border-radius: 20px 20px 20px 20px;
	padding: 10px 15px 10px 15px;
	text-decoration: none !important;
	margin-top: 20px;
	transition: .3s;
	display: inline-block;
}
.elementor-24 .elementor-element.elementor-element-3106c17 .elementor-button {
	color: #fff !important;
}
.wp-block-buttons .wp-block-button__link:hover, .t-columns-acf a:hover {
	color: #fff;
	box-shadow: 0 3px 10px -3px #000;
}

.elementor-button-icon svg {
    width: 42px;
    height: 42px;
    fill: #fff;
    padding: 5px;
}
.elementor-button-text {
    display: flex;
    align-items: center;
    transition: .3s;
    font-size: 20px;
}
.elementor-button {
    
    transition: .3s;
}
.elementor-button:hover {
	box-shadow: 0 3px 10px -3px #000;
}
.bg-is-dark .elementor-button:hover, .dunkel-bg-container a:hover {
	box-shadow: 0 3px 10px -3px #cec7c7;
}
.widget-button-none-style a {
    
}
.single .main-slides-card-over {
    position: absolute;
    background: #0000007D;
}
.kacheln-text p {
    font-weight: 400;
    margin-bottom: 25px;
}
.kacheln-text ul, .single-head-info ul {
    margin-bottom: 25px;
}
.kacheln-text ul ul, .single-head-info ul ul {
    margin-bottom: 5px;
}
.kacheln-text {
    margin: 75px 0;
}
.card-link-anchor {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    z-index: 10;
    display: block;
    cursor: pointer;
}
.kacheln-wrapper.single.cards-row {
	display: flex;
	position: relative;
	gap: 10px;
	justify-content: center;
	padding: 30px 0 50px;
	flex-wrap: wrap;
	max-width: 1400px;
	width: 100%;
}
.card-text-wrapper {
	height: 100%;
	display: flex;
	align-content: center;
	justify-content: center;
	align-items: center;
	font-family: "Inter", Sans-serif;
	font-size: 25px;
	font-weight: 400;
	color: #FFFFFF;
}

.card-text-wrapper p {
    position: relative;   
}
.card-text-wrapper p::before {
    content: "";
    position: absolute;
    width: 44px;
    height: 32px;
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='44' height='32' viewBox='0 0 44 32' fill='none'%3E%3Cg clip-path='url(%23clip0_185_12075)'%3E%3Cpath d='M0.00983632 23.2244C0.888165 18.7996 1.68784 14.3419 2.62024 9.9204C2.93487 8.44163 3.25441 6.9678 3.66244 5.4808C3.73782 5.20117 3.98689 5.01529 4.26219 5.00871C6.63007 4.95772 8.98157 5.37388 11.2249 6.12067C11.705 6.272 11.9246 6.85594 11.6657 7.28855L2.99386 22.1453C2.85621 22.3806 2.55469 22.4595 2.32036 22.3214C2.08931 22.1865 2.01066 21.8904 2.13847 21.6585L10.227 6.50064C10.227 6.50064 10.6694 7.67017 10.6678 7.66853C8.63581 6.87897 6.46785 6.3855 4.29169 6.32464L4.92094 5.85255C4.09996 8.70646 3.48546 11.6755 2.84802 14.5886C2.21549 17.5297 1.61574 20.4791 0.973376 23.4284C0.822618 24.0485 -0.0983161 23.8709 0.011475 23.2244H0.00983632Z' fill='white'%3E%3C/path%3E%3Cpath d='M8.33265 26.7149C13.0324 18.7141 18.0434 10.9041 23.4494 3.36549C24.2392 2.29466 25.0766 1.17777 25.9861 0.200692C26.168 -0.00163165 26.4531 -0.0509788 26.6891 0.0526503C28.3785 0.687584 30.0811 1.32581 31.7608 2.03805C33.442 2.74865 35.102 3.53327 36.7161 4.41001C37.1094 4.62384 37.2569 5.11896 37.0422 5.51374C35.12 7.43663 32.9685 9.13911 30.9398 10.9403C26.9512 14.3617 22.9283 17.737 18.8611 21.0663C16.821 22.726 14.7972 24.3874 12.6702 25.9731C12.159 26.3382 11.5707 25.6063 12.0754 25.1868C14.1254 23.5913 16.1295 21.8773 18.1286 20.1797C24.0885 15.0641 30.0287 9.89083 35.7591 4.52186L35.9148 5.84272C32.8259 4.02839 29.5354 2.62857 26.2106 1.27646L26.9136 1.12842C26.2794 1.7979 25.6239 2.60883 25.0635 3.34411C19.3527 10.9979 14.1172 19.0332 9.18312 27.21C8.8603 27.7463 8.01966 27.3038 8.33429 26.7133L8.33265 26.7149Z' fill='white'%3E%3C/path%3E%3Cpath d='M15.6837 31.0509C21.1356 28.531 26.4449 25.6063 31.6919 22.6751C33.4355 21.6816 35.1839 20.6765 36.8455 19.6024C37.111 19.433 37.4502 19.4774 37.6649 19.6896C38.7448 20.7357 39.8034 21.8049 40.8341 22.907C41.8648 24.0091 42.866 25.1408 43.8197 26.3301C44.1 26.6804 44.0442 27.1936 43.6952 27.4749C43.5739 27.572 43.4363 27.6295 43.2921 27.6476C41.4617 27.901 39.6116 28.2201 37.7698 28.5425C32.2376 29.5245 26.7104 30.5854 21.2028 31.7007C20.5801 31.8158 20.3654 30.9013 20.9914 30.7368C28.331 29.0573 35.6362 27.3565 43.0512 26.0208L42.5219 27.3367C41.6485 26.1606 40.7079 25.0174 39.7378 23.9005C38.7661 22.7836 37.7616 21.6914 36.7341 20.6206L37.5535 20.7078C32.3572 23.8775 26.9742 26.6212 21.5551 29.3649C19.7444 30.2614 17.9385 31.1529 16.0623 31.9606C15.4707 32.1991 15.0741 31.3322 15.6788 31.0526L15.6837 31.0509Z' fill='white'%3E%3C/path%3E%3C/g%3E%3Cdefs%3E%3CclipPath id='clip0_185_12075'%3E%3Crect width='44' height='32' fill='white'%3E%3C/rect%3E%3C/clipPath%3E%3C/defs%3E%3C/svg%3E");
    background-repeat: no-repeat;
    background-position: center;
    right: -45px;
    top: -25px;
}
@media (max-width: 960px){
    .card-text-wrapper p::before {
        width: 26px;
        height: 20px;
        right: -25px;
        background-size: contain;
        top: -15px;
        display: none;
    }
    .kacheln-text {
    	margin: 0;
    }
}
@media (max-width: 768px){
    .kacheln-wrapper.single.cards-row {
    	flex-wrap: wrap;
    	padding: 30px 0 10px;
    }
}
.cards-row .main-slides-card-over {
    transition: .3s;
    top: 100%;
    left: -100%;
}
.cards-row .main-slides-card:hover .main-slides-card-over {
    top: 0%;
    left: 0%;
}

.card-arrow-icon {
	position: absolute;
	bottom: 10px;
	right: 10px;
}
.card-arrow-icon svg {
  border-radius: 100%;
    border-right: 2px solid #E3040D00;
  border-bottom: 2px solid #E3040D00;
  border-top: 0;
  border-left: 0;
  transition: .3s;
}
.main-slides-card:hover .card-arrow-icon svg {
  border-right: 2px solid var( --e-global-color-accent );
  border-bottom: 2px solid var( --e-global-color-accent );
  border-top: 0;
  border-left: 0;
}

.cards-row .main-slides-card {
	width: 310px;
	min-height: 395px;
	max-width: 345px;
	position: relative;
	overflow: hidden;
	border-radius: 20px;
	z-index: 1;
}
.single .main-slides-card {
    width: calc(25% - 15px);
    flex-grow: 0;
    flex-shrink: 0;
    border-right: 4px solid #e3040d00;
    border-bottom: 4px solid #e3040d00;
    transition: .3s;
    z-index: 1;
}
.single .main-slides-card:hover {
    border-right: 4px solid var( --e-global-color-accent );
    border-bottom: 4px solid var( --e-global-color-accent );
}
.main-slides-card-over {
	height: 100%;
	width: 100%;
}

@media (max-width:1624px) {
    .cards-row .main-slides-card {
        width: calc( 20% - 20px );
        min-height: 280px;
    }
    .single .main-slides-card {
        width: calc( 25% - 20px );
        min-height: 260px;
    }
}
@media (max-width:1280px) {
    .cards-row .main-slides-card {
        width: calc( 20% - 20px );
        min-height: 250px;
    }
    .single .main-slides-card {
        width: calc( 25% - 20px );
        min-height: 250px;
    }
}
@media (max-width:1024px) {
    .cards-row .main-slides-card {
        width: calc( 33.333% - 20px );
        min-height: 210px;
    }
    body .main-slides-card {
    	transform: none !important;
    }
    .cards-row .main-slides-card .main-slides-card-over {
        top: 0% !important;
        left: 0% !important;
    }
    .card-arrow-icon svg {
      width: 30px;
      height: 30px;
    }
}

@media (max-width:440px) {
    .cards-row .main-slides-card {
        min-height: 165px;
        width: calc( 33.333% - 7.5px );
    }
}


.card-arrow-hided .start-arrow-hide {
    opacity: 0;
    transition: .3s;
}
.card-arrow-hided:hover .start-arrow-hide {
    opacity: 1;
}



.dunkel-container-wrapper {
    display: flex;
    flex-wrap: wrap;
    gap: 100px;
    width: 100%;
    padding: 20px 0;
}

.dunkel-column {
    flex: 1 1 calc(50% - 50px);
    box-sizing: border-box;
}

.dunkel-title {
    font-family: "Inter", Sans-serif;
    font-size: 20px;
    text-transform: uppercase;
    margin-bottom: 15px;
    color: #FFFFFF;
}
.dunkel-text-editor {
    font-family: "Inter", Sans-serif;
    font-size: 20px;
    line-height: 1.6;
    color: #FFFFFF;
}
@media (max-width: 768px) {
    .dunkel-column {
        flex: 1 1 100%;
    }
    .dunkel-container-wrapper {
    	gap: 30px;
    	padding: 20px 0;
    }
}
.single-head-info p, .single-head-info ul li {
	font-size: 20px;
	font-weight: 400;
}
.single-head-info .elementor-widget-heading  h2.elementor-heading-title {
	font-size: 24px;
	max-width: 70%;
	margin-bottom: 30px;
	font-weight: 400;
	color: var( --e-global-dunkelgrau );
}
.single-head-info img{
    width: 100%;
}
.t-columns-acf img {
    width: auto;
}

.dunkel-header-container {
	--display: flex;
	--position: absolute;
	border-style: solid;
	--border-style: solid;
	border-width: 1px 1px 1px 1px;
	border-color: var( --e-global-color-0fe3c5a );
	top: -200px;
	right: 0;
	width: 250px;
	z-index: 22;
	border-radius: 20px;
	text-align: center;
	padding: 15px;
  background: #fff;
}
.dunkel-header-container h3 {
	font: 22px Inter;
	color: #000 !important;
}
.single-head-info h1:before {
    display: none;
}
.dunkel-text-editor a {
	color: #fff;
	text-decoration: underline;
}



@media (max-width: 768px) {
    .elementor-button-text {
        font-size: 18px;
    }
    .dunkel-header-container {
    	top: -100px;
    	width: 125px;
    	gap: 10px;
    }
    .dunkel-header-container h3 {
    	font: 15px Inter;
    }
}

.white-svg svg {
    fill: #fff;
    padding: 5px;
}
.blue-svg svg {
    padding: 5px;
    fill: var( --e-global-color-primary );
}


@media (max-width: 1024px) {
    body .elementor-element p, body .elementor-element li {
    	font-size: 18px;
    	font-weight: 400;
    }
    ul {
        padding: 0 20px 15px;
    }
    body .elementor .e-con-inner .elementor-element h1.elementor-heading-title {
    	font-size: 32px;
    }
    .elementor-button-text {
    	font-size: 20px;
    }
    .elementor-element .elementor-button svg {
    	width: 44px !important;
    	height: 44px !important;
    }
  .headline-rot, .headline-blau-rotated  {
    font-size: 32px;
    padding: 10px;
    border-radius: 15px;
  }
}
@media (max-width: 767px) {
    body .elementor-element p, body .elementor-element li {
    	font-size: 15px !important;
    	font-weight: 400;
    }
    ul {
        padding: 0 15px 15px;
    }
    body .elementor .e-con-inner .elementor-element h1.elementor-heading-title {
    	font-size: 25px;
    }
    body .elementor .e-con-inner .elementor-element h2.elementor-heading-title {
    	font-size: 20px;
    }
    .elementor-button-text {
    	font-size: 18px;
    }
    .elementor-element .elementor-button svg {
    	width: 40px !important;
    	height: 40px !important;
    }
  .headline-rot, .headline-blau-rotated  {
    font-size: 25px;
    padding: 10px;
    border-radius: 15px;
  }
}



p {
	word-wrap: anywhere;
}



/* Create a fade-in animation for the new page */
.forminator-pagination {
    animation: forminatorFadeIn 0.5s ease;
}

@keyframes forminatorFadeIn {
    from {
        opacity: 0;
        transform: translateY(10px);
    }
    to {
        opacity: 1;
        transform: translateY(0);
    }
}

.forminator-pagination--content {
    transition: opacity 0.3s ease;
}
.forminator-custom-form {
	max-width: 1100px;
	margin: 50px auto !important;
}
.anfrage-form-radios {
	text-align: center;
}
.form-cats .forminator-radio {
	border: 2px solid #f000;
	transition: .3s;
}
.form-cats .forminator-radio:hover {
	border: 2px solid red;
}
.forminator-radio-image {
	border: 2px solid #f000 !important;
	border-radius: 20px !important;
	overflow: hidden;
	padding: 0 !important;
}
.forminator-design--default .forminator-radio:hover .forminator-radio-image, .forminator-ui.forminator-design--default .forminator-radio input:checked ~ .forminator-radio-image {
	border-color: red !important;
}
.forminator-radio-image img {
	border-radius: 20px !important;
}
.forminator-radio-image:hover {
	border: 2px solid red !important;
}
.anfrage-form-radios .forminator-radio-bullet {
	display: none !important;
}
.forminator-label {
	font-size: 16px !important;
	font-weight: bold !important;
	color: #fff;
}
.anfrage-form-radios .forminator-radio {
	background: #fff;
	padding: 30px;
	border-radius: 20px;
	text-align: center;
	display: flex !important;
	width: 31%;
	align-items: center;
	justify-content: center;
	padding: 15px !important;
    flex-direction: column-reverse;
    float: left;
    min-height: 220px;
}
.forminator-radio.forminator-has_image.forminator-has_bullet .forminator-radio-label {
	color: #fff;
	margin: 10px;
}
.withbg-container .forminator-radio.forminator-has_image.forminator-has_bullet .forminator-radio-label, .anfrage-form-radios .forminator-radio  .forminator-radio-label {
	color: #1a3a90 !important;
}
.forminator-all-group-copies.forminator-repeater-field {
	display: flex;
	justify-content: center;
}


.anfrage-form-radios .forminator-radio.forminator-is_checked {
    background: #ddd !important;
}
.anfrage-form-radios .forminator-radio .forminator-radio-image {
  border-radius: 20px;
  background-color: #fff0 !important;
  box-shadow: none !important;
  border: 0 !important;
  position: relative !important;
}
.anfrage-form-radios .forminator-radio .forminator-radio-image span {
  width: 130px !important;
  height: auto !important;
  min-height: 120px !important;
  background-size: contain !important;
  background-color: #fff0 !important;
  margin-bottom: 20px;
}
.anfrage-form-radios .forminator-radio-label {
    margin: 0 !important;
    font-size: 22px !important;
	font-weight: 700 !important;
	color: var( --e-global-color-primary );
}
.forminator-pagination-footer {
	justify-content: center !important;
}
.forminator-button {
	background-color: var( --e-global-color-primary );
	font-size: 18px !important;
	font-weight: 400 !important;
	border-radius: 20px !important;
	padding: 10px !important;
	color: #fff;
	margin: 10px !important;
}
.beschattung-radios .forminator-field {
	display: flex;
	gap: 15px;
}
.beschattung-radios .forminator-field .forminator-radio {
  margin: 0 !important;
  transition: .3s;
}
.beschattung-radios .forminator-field .forminator-radio .forminator-radio-label {
  display: none;
}

.forminator-all-group-copies.forminator-repeater-field {
	background: none !important;
	padding: 0 !important;
	border: none !important;
	box-shadow: none !important;
}
.form-cats .forminator-radio {
	width: 25%;
}
.form-cats .forminator-field {
	display: flex;
	flex-direction: row;
	flex-wrap: wrap;
	justify-content: center;
}
.radio-groups .forminator-radio-bullet {
	display: none !important;
}
.radio-groups .forminator-radio input:checked ~ .forminator-radio {
    color: #097BAA;
}
.radio-groups .forminator-radio .forminator-radio-image {
    width: 100% !important;
}
.radio-groups .forminator-radio .forminator-radio-image > span {
    width: 100% !important;
    height: 180px !important;
}

.radio-groups .forminator-radio:has(input[type="radio"]:checked) {
    border-radius: 20px;
}
.radio-groups .forminator-radio:has(input[type="radio"]:checked)::after {
	content: "";
	position: absolute;
	left: 50%;
	bottom: -70px;
	transform: translateX(-50%);
	width: 0;
	height: 0;
	border-left: 40px solid #fff0;
	border-right: 40px solid transparent;
	border-bottom: 60px solid #FFF;
	z-index: 5;
}
.groups-sub .forminator-repeater-label {
	display: none !important;
}
.radio-groups .forminator-field {
	display: flex;
	justify-content: center;
	gap: 15px;
}
.radio-groups .forminator-radio {
	width: 20%;
	min-width: 175px;
	display: flex;
	margin: 0 !important;
	flex-direction: column;
}
.groups-sub .forminator-grouped-fields, .withbg-container.insekt {
	background: #fff;
	border-radius: 20px;
	color: #000;
	padding: 75px 10% !important;
	margin-top: 35px;
	width: 95%;
}
.user-last-info .forminator-all-group-copies.forminator-repeater-field {
	padding: 90px 10% !important;
}
.elementor-shortcode {
	max-width: 100%;
	overflow: clip;
}
.groups-sub .forminator-label, .user-last-info .forminator-label {
	font-size: 16px !important;
	font-weight: bold !important;
	color: #000;
	line-height: 1.3 !important;
	margin-bottom: 15px !important;
}
.groups-sub, .whitebg-icon {
    position: relative;
}
.groups-sub::before, .whitebg-icon::before {
	content: "";
	position: absolute;
	top: -55px;
	right: -55px;
	width: 175px;
	height: 170px;
	background-size: contain;
	background-repeat: no-repeat;
	background-position: center;
	z-index: 10;
	pointer-events: none;
}
.groups-sub.beschattung::before {
	background-image: url("https://www.bauelemente-klein.de/wp-content/uploads/2025/12/beschaft.png");
}
.fenster-icon::before {
	background-image: url("https://www.bauelemente-klein.de/wp-content/uploads/2025/12/fenster.png");
	top: 5px;
}
.tuer-icon::before {
	background-image: url("https://www.bauelemente-klein.de/wp-content/uploads/2025/12/tur.png");
	top: -90px;
}
.dachtore::before {
	background-image: url("https://www.bauelemente-klein.de/wp-content/uploads/2025/12/dach-tore.png");
	top: -65px;
}
.insekt::before {
	background-image: url("https://www.bauelemente-klein.de/wp-content/uploads/2025/12/innshcutz.png");
	top: -65px;
}

.forminator-label.forminator-repeater-label {
	text-align: center;
	margin-bottom: 40px !important;
}
.withbg-container .forminator-repeater-field {
    background: #fff;
    color: #000;
}
.withbg-container .forminator-field {
    font-size: 20px;
}
.withbg-container .forminator-label {
	color: #000;
}
.withbg-container .forminator-repeater-field {
	background: #fff !important;
	color: #000;
	padding: 40px !important;
	border-radius: 20px !important;
}
.forminator-error-message {
	display: block;
	position: absolute;
	top: 100px;
}
.forminator-label.forminator-repeater-label {
	color: #fff;
}
.user-last-info input[type="date"], .user-last-info input[type="email"], .user-last-info input[type="number"], .user-last-info input[type="password"], .user-last-info input[type="search"], .user-last-info input[type="tel"], .user-last-info input[type="text"], .user-last-info input[type="url"], .user-last-info select {
	border: 0px solid !important;
	border-bottom: 1px solid #666 !important;
	border-radius: 0 !important;
	padding: .5rem 1rem;
	transition: all .3s;
	width: 100%;
}
.user-last-info textarea{
    margin-bottom: 15px !important;
}
.user-last-info .forminator-row {
    margin-bottom: 0 !important;
}
.user-last-info .forminator-label {
	font-weight: 400 !important;
	font-size: 16px !important;
	padding-top: 20px;
}
.user-last-info .forminator-grouped-fields {
	width: 75%;
}

@media (max-width: 1120px){
    .form-cats .forminator-radio {
    	width: 45%;
    	margin: 5px !important;
    }
    .anfrage-form-radios .forminator-radio .forminator-radio-image span {
    	width: 95px !important;
    	min-height: 75px !important;
    	margin-bottom: 20px;
    }
    .anfrage-form-radios .forminator-radio-label {
    	font-size: 18px !important;
    }
    .anfrage-form-radios .forminator-radio {
    	background: #fff;
    	width: 45%;
    	padding: 5px !important;
    	min-height: 140px;
    }
    .groups-sub::before, .whitebg-icon::before {
    	top: -15px;
    	right: 0;
    	width: 100px;
    	height: 100px;
    }
    .radio-groups .forminator-radio {
    	width: 15%;
    	min-width: 110px;
    }
    .radio-groups .forminator-radio .forminator-radio-image > span {
    	width: 100% !important;
    	height: 110px !important;
    }
    .radio-groups .forminator-radio:has(input[type="radio"]:checked)::after {
    	display: none;
    }
    .radio-groups .forminator-field {
    	flex-wrap: wrap;
    }
    .user-last-info .forminator-all-group-copies.forminator-repeater-field {
    	padding: 15px !important;
    }
    .user-last-info .forminator-grouped-fields {
    	width: 100%;
    }
    .elementor-2153 .elementor-element.elementor-element-c9ed16a {
    	overflow: clip;
    }
}


@media (max-width: 767px) {
    .e-n-tabs-heading {
        display: flex !important;
        flex-direction: row !important;
        flex-wrap: nowrap !important;
        overflow-x: auto !important; 
        -webkit-overflow-scrolling: touch;
    }
}


.reveal-on-scroll {
    opacity: 0;
    transform: translateY(40px);
    transition: opacity 1s ease-out, transform 1s ease-out;
}

.reveal-on-scroll.is-visible {
    opacity: 1;
    transform: translateY(0);
}/* End custom CSS */
/* Start Custom Fonts CSS */@font-face {
	font-family: 'Inter';
	font-style: normal;
	font-weight: normal;
	font-display: auto;
	src: url('https://www.bauelemente-klein.de/wp-content/uploads/2025/11/inter-v20-latin-regular.woff2') format('woff2');
}
@font-face {
	font-family: 'Inter';
	font-style: normal;
	font-weight: 700;
	font-display: auto;
	src: url('https://www.bauelemente-klein.de/wp-content/uploads/2025/11/inter-v20-latin-700.woff2') format('woff2');
}
@font-face {
	font-family: 'Inter';
	font-style: normal;
	font-weight: 500;
	font-display: auto;
	src: url('https://www.bauelemente-klein.de/wp-content/uploads/2025/11/inter-v20-latin-500.woff2') format('woff2');
}
/* End Custom Fonts CSS */
/* Start Custom Fonts CSS */@font-face {
	font-family: 'Anton';
	font-style: normal;
	font-weight: normal;
	font-display: auto;
	src: url('https://www.bauelemente-klein.de/wp-content/uploads/2025/11/anton-v27-latin-regular.woff2') format('woff2');
}
/* End Custom Fonts CSS */