/*
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.1.1.1724171154
Updated: 2024-08-20 18:25:54

*/
html {
	font-size:18px;
}
:root {
    --page-max-width: 2200px;
	--custom-column-spacing:60px;
	--custom-column-spacing-wide: calc(var(--custom-column-spacing) * 1.5);   
	--section-margin:150px;
}

strong {
	font-weight:700;
}
#allwrap {
    max-width: var(--page-max-width);
    background: white;
    margin: 0 auto;
    display: block;
    overflow: hidden;
    -webkit-box-shadow: 0 0 10px 0 rgba(0, 0, 0, 0.05);
    box-shadow: 0 0 10px 0 rgba(0, 0, 0, 0.05);
}
.arrow-button {
	background-color:var(--e-global-color-primary);
	color:var(--e-global-color-text);
	padding:10px 25px 8px 25px;
	display:inline-block;
	font-size:17px;
	font-weight:500;
	transition:all ease 0.5s;
	letter-spacing:0.025em;
}
.arrow-button.transparent {
	padding:0;
	background-color:transparent;
}
.arrow-button.transparent:hover {
	background-color:transparent;
}
.arrow-button.diagonal svg {
	transform:rotate(-45deg);
	margin-left:5px;
	margin-bottom:7px;
}
.arrow-button.diagonal line, .arrow-button.diagonal polyline {
	stroke-width:3;
}
.arrow-button:hover {
	color:var(--e-global-color-text) !important;
	background-color:var(--e-global-color-d843c2d);
}
.arrow-button:hover line {
}
.arrow-button-inner {
	display:flex;
	align-items:center;
}
.arrow-button svg {
	width:25px;
	display:inline-block;
	margin-left:7px;
}
/* Contact form 7 */
.cf7-row {
	display:flex;
	justify-content:space-between;
	gap:30px;
}
.cf7-col-66 {
	width:66%;
}
.cf7-col-25 {
	width:25%;
}
.wpcf7-form-control {
	border-radius:0 !important;
}
.align-items-end {
align-items:flex-end;	
}
.bewerbungsformular-legend {
	max-width:180px;
}
.cf7-row .codedropz-upload-handler h3 {
	font-size:1.1rem;
}
.wpcf7-list-item.first {
	margin-left:0 !important;
}

.text-bild-spalten {
	display:flex;
	justify-content:space-between;
	align-items:flex-end;
	margin-bottom:var(--section-margin);
}
.text-bild-spalten.align-items-center {
	align-items:center;
}
.text-bild-spalten.align-items-top {
	align-items:flex-start;
}
.text-bild-spalte-left {
	width:40%;
}
.text-bild-spalte-right {
	width:60%;
	
}

.text-bild-spalte-image img {
	display:block;
	width:100%;
	position:relative;
	z-index:1;
}
.text-bild-spalte-image-left {
	padding-right:var(--custom-column-spacing);
	margin-top:var(--custom-column-spacing-wide);
}
.text-bild-spalte-left h3 {
	margin-bottom:0;
}
.text-bild-spalte-left h1 {
	margin-bottom:0;
}
.text-bild-spalte-image-right {
	padding-left:var(--custom-column-spacing-wide);
	overflow:hidden;
	position:relative;
}

.text-bild-spalte-image-right .triangle {
	display:inline-block;
	width: 100%;
	height: 30px;
	background:white;
	position:absolute;
	bottom:calc(100% - 16px);
	/*bottom:100%;*/
	z-index:2;
	transform: skewY(-2deg);
}

.text-bild-spalte-text-right {
	margin-top:var(--custom-column-spacing-wide);
	padding-right:var(--custom-column-spacing);
}
.text-bild-spalte-text-left {
	/*margin-top:var(--custom-column-spacing);*/
}

.text-bild-spalte-text p:last-child {
	margin-bottom:0;
}
.text-bild-spalte-link {
	margin-top:40px;
}
.text-bild-spalte-headline {
	/*padding-right:var(--custom-column-spacing);*/
}
.text-bild-spalte-headline + .text-bild-spalte-text {
	margin-top:20px;
}
.shaped-element .elementor-shape-bottom {
    bottom: calc(100% - 1px);
}

.shaped-element .elementor-shape-top {
    top: calc(100% - 1px);
}

.icons-row {
	display:flex;
	flex-wrap:wrap;
	justify-content:center;
}
.icons-column {
	flex:1;
	text-align:center;
}
.icons-column-icon {
	padding:0 15px;
}
.icons-row .icons-column h3 {
	font-weight:500;
}
.angebot-menu-item-wrapper .e-n-menu-content {
	top:calc(100% - 47px) !important;
}
.angebot-menu-item-wrapper .e-n-menu-content > div {
	background-color:transparent !important;
}
.submegamenu {
	display:flex;
	justify-content:space-between;
	width:100%;
}
.submegamenu ul {
	list-style:none;
	padding-left:0;
	margin-left:0;
}
.submegamenu ul li {
	padding:10px 0;
	border-bottom:1px solid black;
}
.submegamenu ul li a {
	display:block;
	transition:all ease 0.5s;
}
.submegamenu ul li a:hover {
	color:var(--e-global-color-primary);
}
.submegamenu-column {
	width:50%;
}
.posts-column {
	border-left:1px solid black;
	padding-left:40px;
}
.posts-column a.current {
	color:var(--e-global-color-primary);
}
.posts-column ul {
	display:none;
}
.cats-column {
	padding-right:40px;
}
.angebot-menu-item-wrapper {
	z-index:1;
}
.about-menu-item-wrapper {
	z-index:5;
}
.cats-column li {
	cursor:pointer;
	transition:all ease 0.5s;
}
.cats-column li:hover, .cats-column li.active {
	color:var(--e-global-color-primary);
}

.carousel-galleries {
	position:relative;
	z-index:5;
	display:flex;
	margin-left:-5px;
	margin-right:-5px;
	flex-wrap:wrap;
}
.carousel-gallery {
	width:33.3333%;
	padding:5px;
}
.carousel-gallery a {
	display:block;
	background-position:center;
	background-size:cover;
	position:relative;
}
.f-button.is-prev, .f-button.is-next {
	background-color:transparent !important;
	padding:0 !important;
	color:white; 
}
.f-thumbs__slide__button {
	padding:0 !important;
}
.fancybox__toolbar__column .f-button {
	padding:0 !important;
	background-color:transparent !important;
	color:white !important;
}
.carousel-gallery .elementor-icon-wrapper {
	position:absolute;
	top:0;
	bottom:0;
	left:0;
right:0;
	display:flex;
	justify-content:center;
	align-items:center;
	opacity:0;
	transition:all ease 0.5s;
	background-color:rgba(0,0,0,0.5)
}
.carousel-gallery:hover .elementor-icon-wrapper{
	opacity:1;
}
.carousel-gallery .elementor-icon-wrapper svg {
	color:white;
	fill:white;
	filter: brightness(0) invert(1);
	width:30px !important;
}

@media screen and (max-width:1024px) {
	.cats-column {
		padding-right:15px;
	}
	.posts-column {
		padding-left:15px;
	}
	.text-bild-spalte-image-right {
		padding-left:0;	
	}
	:root {
		--custom-column-spacing:40px;
		--section-margin:80px;
	}
	.carousel-gallery {
		width:50%;
	}
}


@media screen and (max-width:767px) {
	.text-bild-spalten {
		flex-wrap:wrap;	
	}
	.text-bild-spalte {
		width:100%;
	}
	.text-bild-spalte-image-left {
		padding-right:0 !important;
	}
	.text-bild-spalte-link {
		margin-top:20px;	
	}
	:root {
		--custom-column-spacing:20px;
		--custom-column-spacing-wide: 30px; 
		--section-margin:60px;
	}
	.text-bild-spalte-right {
		display:flex;
		flex-direction:column;
	}
	.text-bild-spalte-text-right {
		padding-right:0 !important;	
	}
	.text-bild-spalte-right .text-bild-spalte-image {
		order:2;
		margin-top:var(--custom-column-spacing);
	}
}
@media screen and (max-width:600px) {
	.icons-column {
		width:100%;
		flex:initial;
	}
	.icons-row {
		gap:20px;
	}
}
