/* 
Theme Name: Hello Elementor Child
Theme URI: https://github.com/elementor/hello-theme/
Description: Hello Elementor Child is a child theme of Hello Elementor, created by Elementor team
Author: Elementor Team
Author URI: https://elementor.com/
Template: hello-elementor
Version: 1.0.1
Text Domain: hello-elementor-child
License: GNU General Public License v3 or later.
License URI: https://www.gnu.org/licenses/gpl-3.0.html
Tags: flexible-header, custom-colors, custom-menu, custom-logo, editor-style, featured-images, rtl-language-support, threaded-comments, translation-ready
*/

/*
    Add your custom styles here
*/

body #content h1.entry-title {
  display: none;
}

/* Standorte Slider */
.elementor-editor-active .hidden { 
    display:block; 
} 


.shown{ 
    visibility: visible;
} 

body[data-elementor-device-mode='mobile']
	.shown{ 
		height: 600px;
	}

/* Projekte Übersicht */
body .hover-box-wrapper .hover-box-btn {
  opacity: 0;
  transition: opacity ease-in 200ms;
}
body .hover-box-wrapper .hover-box {
  transition: margin-bottom linear 200ms;
}
body .hover-box-wrapper:hover .hover-box {
  margin-bottom: 10%;
}
body .hover-box-wrapper:hover .hover-box-btn {
  opacity: 1;
}

body[data-elementor-device-mode='tablet'] .hover-box-wrapper .hover-box-btn,
body[data-elementor-device-mode='mobile'] .hover-box-wrapper .hover-box-btn {
  display: none;
}

/* Leistungen Übersicht */
body .leistungen-wrapper .elementor-widget-image::before {
  content: ' ';
  background-image: linear-gradient(
    180deg,
    rgba(7, 115, 79, 0) 0%,
    rgba(7, 115, 79, 0.4) 54%
  );
  position: absolute;
  top: 0;
  bottom: 0;
  left: 0;
  right: 0;
  transition: opacity linear 200ms;
}

body .leistungen-wrapper:hover .elementor-widget-image::before {
  opacity: 0;
}

body .leistungen-wrapper .elementor-widget-image::after {
  opacity: 0;
  content: ' ';
  position: absolute;
  top: 0;
  bottom: 0;
  left: 0;
  right: 0;
  background-image: linear-gradient(
    0deg,
    rgba(10, 162, 111, 0.75),
    rgba(10, 162, 111, 0.75)
  );
  transition: opacity linear 200ms;
}

body .leistungen-wrapper:hover .elementor-widget-image::after {
  opacity: 1;
}

body .leistungen-wrapper:hover .leistungen-content-wrapper {
  transform: translate(0, 10%);
}

body .leistungen-wrapper:hover .leistungen-content-wrapper .leistungen-content {
  opacity: 1;
}

body .leistungen-wrapper .leistungen-content-wrapper {
  position: absolute;
  transform: translate(0%, 150%);
  transition: transform ease-in 300ms;
}

body .leistungen-wrapper .leistungen-content-wrapper .leistungen-content {
  opacity: 0;
  transition: opacity ease-in 300ms;
}

body .leistungen-wrapper .leistungen-content-wrapper .leistungen-content p {
  min-height: 130px;
}

body .leistungen-wrapper .leistungen-content-btn {
  opacity: 0;
  transition: opacity ease-in 300ms;
}

body .leistungen-wrapper:hover .leistungen-content-btn {
  opacity: 1;
}

body[data-elementor-device-mode='tablet']
  .leistungen-wrapper
  .leistungen-content-wrapper,
body[data-elementor-device-mode='mobile']
  .leistungen-wrapper
  .leistungen-content-wrapper {
  position: absolute;
  transform: translate(1%, 20%);
  transition: transform ease-in 300ms;
  margin: -20px;
}

body[data-elementor-device-mode='tablet']
  .leistungen-wrapper
  .leistungen-content-wrapper
  .leistungen-content,
body[data-elementor-device-mode='mobile']
  .leistungen-wrapper
  .leistungen-content-wrapper
  .leistungen-content {
  opacity: 1;
}


/* Personio Plugin */
#attributes > div > div > p {
	margin: 0px;
}

/* Personio Job Listing Table Layout */
.personio-integration-archive-table > li {
	display: flex;
	align-items: center;
	justify-content: space-between;
	gap: 20px;
}

/* Left column: Title + Details stacked */
.personio-integration-archive-table .job-info {
	flex: 1;
	padding: 10px 0px 10px 20px;
}

.personio-integration-archive-table .job-info .entry-content {
	margin: -10px 0px 0px 0px;
	padding: 0;
}

.personio-integration-archive-table .job_attribute {
	white-space: nowrap;
	margin: 0;
}

/* Right column: Button vertically centered */
.personio-integration-archive-table .job-button {
	flex-shrink: 0;
}

.personio-integration-archive-table .personio-integration-application-button {
	margin: 0;
}