/*
Theme Name: Hello Elementor Child
Theme URI: https://elementor.com/hello-theme/?utm_source=wp-themes&utm_campaign=theme-uri&utm_medium=wp-dash
Template: hello-elementor
Author: Elementor Team
Author URI: https://elementor.com/?utm_source=wp-themes&utm_campaign=author-uri&utm_medium=wp-dash
Description: Hello Elementor is a lightweight and minimalist WordPress theme that was built specifically to work seamlessly with the Elementor site builder plugin. The theme is free, open-source, and designed for users who want a flexible, easy-to-use, and customizable website. The theme, which is optimized for performance, provides a solid foundation for users to build their own unique designs using the Elementor drag-and-drop site builder. Its simplicity and flexibility make it a great choice for both beginners and experienced Web Creators.
Tags: accessibility-ready,flexible-header,custom-colors,custom-menu,custom-logo,featured-images,rtl-language-support,threaded-comments,translation-ready
Version: 3.4.4.1751277422
Updated: 2025-06-30 11:57:02

*/

:root {
	--default-section-margin:160px;
	--default-radius:32px;
	--custom-tablet-breakpoint: 1200px;
}
.elementor-button-text {
	display:flex !important;
	align-items:center !important;
	text-align:left !important;
}
.elementor-button-text svg {
	margin-left:28px;
	display:inline-block;
	transition:all ease 0.5s;
}
.elementor-button:hover .elementor-button-text svg {
	transform:rotate(45deg);
}
b, strong {
	font-weight:600;
}
/* text-bild-spalten */

.text-bild-spalten {
	display:flex;
	gap:84px;
	width:100%;
	max-width:1062px;
	margin-bottom:var(--default-section-margin);
	align-items:stretch;
	margin-left:auto;
	margin-right:auto;
}
.text-bild-spalten ul {
	padding-left:18px;
}
.text-spalte-image {
	height:100%;
	background-position:center;
	background-repeat:no-repeat;
	background-size:cover;
	border-radius:var(--default-radius);
	min-height:365px;
}
.text-spalte-button {
	margin-top:50px;
}
.text-bild-spalten img {
	display:block;
}
.text-bild-spalten.no-margin {
	margin-bottom:0;
}
.text-bild-spalte {
	width:50%;
}
.image-position-right .text-spalte {
	order:2;
}
.text-spalte-subtitle{    
    font-size: var(--e-global-typography-88e890d-font-size);
    text-transform: var(--e-global-typography-88e890d-text-transform);
    line-height: var(--e-global-typography-88e890d-line-height);
	border-bottom:1px solid var(--e-global-color-70b246d);
	padding-bottom:10px;
	margin-bottom:25px;
} 
.text-bild-spalten h2 {
	margin-bottom:30px;
	margin-top:0;
}

.text-spalte {
	display:flex;
	flex-direction:column;
	justify-content:space-between;
}
.text-spalte p:last-child {
	margin-bottom:0;
}


.sf-input-text {
	border-color:var(--e-global-color-70b246d) !important;
	border-radius:25px !important;
	padding: 10px 10px 10px 45px !important;
}
.sf-input-text:focus {
	outline:none !important;
}

[data-sf-field-input-type="radio"] ul {
	display:flex;
	gap:10px;
	padding-left:0;
	list-style:none;
}

[data-sf-field-input-type="radio"] ul li label {
	border:1px solid var(--e-global-color-primary);
	border-radius:25px !important;
	padding:13px 24px !important;
	color:var(--e-global-color-primary) !important;
	font-weight:400;
	transition:all ease 0.5s;
}

[data-sf-field-input-type="radio"] ul li input:checked + label {
	color:white !important;
	background-color:var(--e-global-color-primary) !important;
}
[data-sf-field-input-type="radio"] ul li {
	position:relative;
}
[data-sf-field-input-type="radio"] ul li input {
	position:absolute;
	opacity:0;
}
.searchandfilter ul {
	margin-left:0;
	padding-left:0;
}
.sf-field-search label, .sf-field-search input {
	width:100%;
} 
.sf-field-search {
	position:relative;
	display:flex !important;
	justify-content:space-between;
	gap:50px;
}
.sf-field-search label {
	width:calc(100% - 265px);
}
.kontaktieren-sie-uns {
	/*display:none;*/
	width:265px;
}
.kontaktieren-sie-uns .elementor-button-text {
	white-space:nowrap;
}
.sf-field-search input {
}
.sf-field-search:after {
	content:" ";
	width:24px;
	height:24px;
	background-image:url("img/lupe.svg");
	background-size:cover;
	background-repeat:no-repeat;
	background-position:center;
	position:absolute;
	left:15px;
	    top: calc(50% - 11px);
    display: inline-block;
}
.downloads-table td, th {
	text-align:left !important;
	border:none !important;
	background-color:transparent !important;
	vertical-align:middle !important;
}
.download-item-text {
	display:flex;
	align-items:center;
}
.download-item-text a {
	color:black;
	text-decoration:none;
}
.download-row:hover {
	cursor:pointer;
}
.download-row:hover a, .download-row:hover .download-cat {
	text-decoration:underline;
}
.download-row:hover .cat-flex img {
	opacity:1;
}
.download-item-text .elementor-icon svg {
	width:16px;
	height:auto;
}
.download-item-text .elementor-icon {
	margin-right:12px;
	font-size:10px;
}
.cat-flex {
	display:flex;
	width:100%;
	align-items:center;
	justify-content:space-between;
}
.cat-flex img {
	border-radius:0 !important;
	transition:all ease 0.5s;
	opacity:0;
}
.elementor-icon {
		
}
.downloads-table td {
	border-bottom:var(--e-global-color-accent) 1px solid !important;	
}
.downloads-table th {
	background-color:var(--e-global-color-accent) !important;
	color:var(--e-global-color-primary);
}
.downloads-table th:first-child {
	border-radius:25px 0 0 25px !important;
	padding-left:25px !important;
}
.downloads-table th:last-child {
	border-radius:0 25px 25px 0 !important;
}

.branche-item-touch {
	display:none !important;
}

.user-is-touching .branche-item-touch{
	display:block !important;
}
.user-is-touching .branche-item-desktop {
	display:none !important;
}

.overflow-hidden {
	overflow:hidden;
}

.link-title-mobile {
	display:none;
}

@media screen and (max-width: 1200px)  {
	:root {
	--default-section-margin:100px;
	}
	
  .text-bild-spalten {
    gap:30px;
  }
	[data-sf-field-input-type="radio"] ul {
		flex-wrap:wrap;
		gap:7px;
	}
	.sf-field-search {
		gap:20px;
		
	}
}

@media screen and (max-width: 767px)  {
	.has-mobile-title{
		display:none;
	}
	.link-title-mobile {
		display:block;	
	}
	:root {
	--default-section-margin:60px;
		--default-radius:25px;
	}
	.sf-field-search {
		gap:50px;
	}
	.sf-field-search {
	flex-wrap:wrap;
		flex-direction:column;
	}
	.sf-field-search label {
		width:100%;
		order:2;
	}
	.sf-field-search .elementor-element {
		width:100%;
		order:1;
	}
	
  .text-bild-spalten {
    flex-direction:column;
	  gap:20px;
  }
	.text-spalte {
		order:1;
	}
	.image-spalte {
		order:2;
	}
	.text-bild-spalte {
		width:100%;
	}
	.text-bild-spalten h2 {
		margin-bottom:20px;
	}
	.text-spalte-subtitle {
		margin-bottom:20px;	
	}
	.text-spalte-button {
		margin-top:20px;
	}
	
	.elementor-button-text {
	font-size:14px !important;
	}
	[data-sf-field-input-type="radio"] ul {
		flex-direction:column;
	}
	[data-sf-field-input-type="radio"] ul li label {
		width:100%;
		text-align:center;
		font-size:16px;
	}
	.sf-input-text {
    	padding: 10px 45px 10px 45px !important;
		text-align:center;
	}
	.searchandfilter ul li {
		padding-top:0;
	}
	.sf-field-search:after {
    top: calc(50% - 16px);
	}
}

@media screen and (max-width: 480px)  {
	.text-spalte-image {
		height:auto;
		padding-bottom:66.8%;
		min-height:150px;
	}

		
}
