/*
Theme Name: Palladium / eWerk
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: A plain-vanilla & lightweight theme for Elementor page builder
Tags: flexible-header,custom-colors,custom-menu,custom-logo,featured-images,rtl-language-support,threaded-comments,translation-ready
Version: 2.3.1.1616410899
Updated: 2021-03-22 12:01:39

*/

/* ############################################################################## */
/* ##################### 1. Seitenweite Einstellungen ########################### */
/* ############################################################################## */

/* Gradient Variables */

:root {
	--pal-gradient-1: -webkit-linear-gradient(left, #80217E, #2BD3D2);
	--pal-gradient-1-rev: -webkit-linear-gradient(right, #80217E, #2BD3D2);
	--pal-gradient-2: -webkit-linear-gradient(left, #0FD070, #2AD4D2);
	--pal-gradient-3: -webkit-linear-gradient(left, #FF5EB7, #FF2C41);
	--pal-gradient-4: -webkit-linear-gradient(left, #80217E, #e16b1a);
  }
/* Menu */

body[data-elementor-device-mode=desktop] .menu-jobs {display: none !important;}

.pal-burger-icon.open g {
	display: none;
  }
  
  .pal-burger-icon.open a:after {
	content: "";
	background-image: url(/wp-content/uploads/2018/10/close.svg);
	width: 50px;
	height: 50px;
	position: absolute;
	bottom: 0;
	right: 0px;
	background-size: contain;
	background-position: right;
	background-repeat: no-repeat;
  }
  
  body[data-elementor-device-mode=mobile] .pal-burger-icon.open a:after  {
	right: 20px;
	width: 32px;
	height: 32px;
  }

.pal-menu a {
	border: 1px solid #000;
  border-image: var(--pal-gradient-2) 1;
	height: 80px;
}

 .pal-menu .menu-eventplanung a {
  border-image: var(--pal-gradient-1) 1;
}

.pal-menu .menu-faq:before {
	content: "";
	position: absolute;
	bottom: -28px;
	right: 9px;
	z-index: 99;
	height: 33px;
	width: 33px;
	background-repeat: no-repeat;
	background-size: contain;
	background-image: url(/wp-content/uploads/2018/10/faq-outline4.svg);
}

@-moz-document url-prefix() {
	.pal-menu .menu-faq:before {
		right: 10px;
	}
  }

body[data-elementor-device-mode=desktop] .elementor-sticky--effects .pal-menu .menu-faq::before {
	bottom: -28px;
	}



/* Text */

/* Link im Text Farbe */

.elementor-widget-text-editor a, .elementor-widget-toggle .elementor-tab-content a {
	color: var( --e-global-color-text );
	font-weight: 600;
	text-decoration: underline !important;
}



/* Links on non Elementor Pages */

.elementor-widget-theme-post-content .elementor-widget-container > p a
{
color: var( --e-global-color-primary );
}

.dark .elementor-widget-text-editor a, .dark .elementor-widget-toggle .elementor-tab-content a {
	color: #ffffff !important;
}

/* Checkbox Design */

.elementor-field-type-checkbox .elementor-field-subgroup label, .elementor-field-type-acceptance .elementor-field-subgroup label {
	display: block;
	position: relative;
	padding-left: 30px;
	margin-bottom: 10px;
	cursor: pointer;
}

/* Style for the checkboxes */

.elementor-field-type-checkbox .elementor-field-subgroup input[type="checkbox"] {
	position: absolute;
	opacity: 0;
	cursor: pointer;
	height: 0;
	width: 0;
  }

.elementor-field-type-acceptance .elementor-field-subgroup input[type="checkbox"] {
	position: absolute;
	opacity: 0;
	cursor: pointer;
	height: 20px;
	width: 20px;
	top: 13px;
	z-index: 99;
}

/* Style for the checkmark */
.elementor-field-type-checkbox .elementor-field-subgroup label:before,	.elementor-field-type-acceptance .elementor-field-subgroup label:before {
	content: "";
	position: absolute;
	left: 0;
	top: 10px;
	width: 20px;
	height: 20px;
	border: 2px solid var( --e-global-color-primary );
}


/* Style for the checked state */
.elementor-field-type-checkbox .elementor-field-subgroup input[type="checkbox"]:checked + label:before, .elementor-field-type-acceptance .elementor-field-subgroup input[type="checkbox"]:checked + label:before  {
	background-color: var( --e-global-color-primary );
	border-color: var( --e-global-color-primary );
}

/* Style for the checkmark content */
.elementor-field-type-checkbox .elementor-field-subgroup label:after, .elementor-field-type-acceptance .elementor-field-subgroup label:after {
	content: "";
	position: absolute;
	top: 11px;
	left: 6px;
	width: 7px;
	height: 13px;
	border: 2px solid #fff;
	border-bottom: none;
	border-right: none;
	transform: rotate(-135deg);
	opacity: 0;
	transition: all 0.2s;
}

/* Style for the checked state of the checkmark content */
.elementor-field-type-checkbox .elementor-field-subgroup input[type="checkbox"]:checked + label:after, .elementor-field-type-acceptance .elementor-field-subgroup input[type="checkbox"]:checked + label:after {
	opacity: 1;
}

.elementor-field-type-checkbox .elementor-field-option, .elementor-field-type-acceptance .elementor-field-option  {
	padding-bottom: 5px;
}

/* Sticky Header */

body[data-elementor-device-mode=desktop] .elementor-sticky--effects .pal-header-logo img {
	transition: 0.5s ease-in-out all;
  }
  
  body[data-elementor-device-mode=desktop] .elementor-sticky--effects .pal-header-logo img {
	width: 160px !important;
  }
  body[data-elementor-device-mode=desktop] .elementor-sticky--effects .pal-menu li a {
	height: 60px;
	margin-top: -1px;
  }
  
  body[data-elementor-device-mode=desktop] .pal-ticker .elementor-widget-container {
	 transition: 0.5s ease-in-out all;
  }
  
  body[data-elementor-device-mode=desktop] .elementor-sticky--effects .pal-ticker .elementor-widget-container {
	padding: 12px !important;
  }
  



/* Box Gradients */

.pal_button_gradient_1 .elementor-button-wrapper a  {
	border-image: var(--pal-gradient-1) 1;
  }

.pal_button_gradient_2 .elementor-button-wrapper a  {
	border-image: var(--pal-gradient-2) 1;
  }

.pal_button_gradient_4 .elementor-button-wrapper a  {
	border-image: var(--pal-gradient-4) 1;
  }  

.pal_trenner_gradient_1 span   {
	border-image: var(--pal-gradient-1-rev) 1;
  }

.pal_circleicon_gradient_1 .elementor-icon {
	border: solid 2px transparent !important;
	border-radius: 50% !important;
	background-image: linear-gradient(white, white), var(--pal-gradient-1) !important;
	background-origin: border-box;
	background-clip: padding-box, border-box;
}

/* Buttons */

.pal_button .elementor-button {
	min-height: 92px;
	display: inline-flex;
  align-items: center;
}

.pal_button_compact .elementor-button {
	min-height: 64px;
}

.pal-form .elementor-button  {
	border: 2px solid #000000; 
	border-image: var(--pal-gradient-1) 1;
	min-height: 92px;
  }


/* Text Gradients */

.pal_text_gradient_1 .elementor-heading-title {
	display: inline-flex;
	background: var(--pal-gradient-1);
	-webkit-background-clip: text;
	-webkit-text-fill-color: transparent;
  }

/* Text Shadow */

  .pal_textschatten span {
	text-shadow: 2px 3px 6px rgba(0,0,0,0.66);
  }  

/* Bold Text */

.elementor-widget-text-editor strong {
	font-weight: 800;
}

/* 1x1 Kachel */

.pal_kachel_1x1 .elementor-cta__content {
	aspect-ratio: 1 / 1 !important;
}



/* Pagination Bullets */

.swiper-pagination-bullet {
	opacity: 1 !important;
}

.swiper-pagination-bullet-active {
	background: var(--dots-hover-color,#000) !important;
}

/*

.swiper-pagination-bullet.swiper-pagination-bullet-active:after, .swiper-pagination-bullet:hover:after {
	content: "";
	width: 12px;
	height: 12px;
	top: 1px;
	left: 1px;
	background-color: black;
	display: block;
	border-radius: 50%;
	position: relative;
	z-index: 40;
}

.swiper-pagination-bullet {
	border: 1px solid black;
	opacity: 1 !important;
}

.swiper-pagination-bullet:hover {
	background-color: white !important;
}
*/

/* # MTD Flip Box # */

/* Box Sizing */

	.elementor-widget-custom_flip_box {
	max-width: calc(33.33% - 20px) !important;
	}


	body[data-elementor-device-mode=mobile] .elementor-widget-custom_flip_box {
	max-width: 100% !important;
		flex: 1 100% !important;
	}

	body[data-elementor-device-mode=tablet] .elementor-widget-custom_flip_box {
	max-width: calc(50% - 10px) !important;
		flex: 1 50% !important;
	}

/* Regular */

	.mtd-custom-flip-box {
		border-radius: 33px;
		padding: 28px;
		min-height: 738px;
		background-size: cover;
		background-position: center center;
		display: flex;
		flex-direction: column;
		justify-content: space-between;
		align-items: center;
		background-color: #cccccc;
	}

	body[data-elementor-device-mode=mobile] .mtd-custom-flip-box {
		min-height: 450px;
	}

	.mtd-custom-flip-box > .mtd-custom-flip-box-title {
		color: var( --e-global-color-c04a03b );
		font-family: var( --e-global-typography-48045cc-font-family ), Sans-serif;
		font-size: var( --e-global-typography-48045cc-font-size );
		font-weight: var( --e-global-typography-48045cc-font-weight );
		text-transform: var( --e-global-typography-48045cc-text-transform );
		line-height: var( --e-global-typography-48045cc-line-height );
		letter-spacing: var( --e-global-typography-48045cc-letter-spacing );
		word-spacing: var( --e-global-typography-48045cc-word-spacing );
		text-align: center;
		word-break: break-word;
	}

	.mtd-custom-flip-box > .mtd-custom-flip-box-description {
		display: none;
	}

	.mtd-custom-flip-box > .mtd-custom-flip-box-button {
		width: 170px;
		height: 58px;
		border-radius: 28.79px;
		border: 2px solid var( --e-global-color-c04a03b );;
		color: var( --e-global-color-c04a03b );
		backdrop-filter: blur(3px);
		box-shadow: 0px 4px 4px 0px rgba(0, 0, 0, 0.25);
		font-family: Open Sans;
		font-size: 22px;
		font-weight: 700;
		line-height: 22px;
		letter-spacing: 0.03em;
		text-align: center;
	}

	body[data-elementor-device-mode=mobile] .mtd-custom-flip-box > .mtd-custom-flip-box-button  {
    font-size: 14px;
		line-height: 16px;
		width: 130px;
		height: 50px;
	}

	.mtd-custom-flip-box > .mtd-custom-flip-box-button:hover {
	background-color: rgba(0,0,0,0.5);
	box-shadow: 0px 2px 2px 0px rgba(0, 0, 0, 0.25);
	}

/* Open */

	.mtd-custom-flip-box.open > .mtd-custom-flip-box-button {
		display: none;
	}

	.mtd-custom-flip-box.open > .mtd-custom-flip-box-description, .mtd-custom-flip-box.open > .mtd-custom-flip-box-description a {
		display: block;
		color: var( --e-global-color-text );
		font-family: var( --e-global-typography-text-font-family ), Sans-serif;
		font-size: var( --e-global-typography-text-font-size );
		font-weight: var( --e-global-typography-text-font-weight );
		line-height: var( --e-global-typography-text-line-height );
		letter-spacing: var( --e-global-typography-text-letter-spacing );
	}

	.mtd-custom-flip-box.open > .mtd-custom-flip-box-title {
		color: var( --e-global-color-text )
	}

	.mtd-custom-flip-box.open {
		background-color: var( --e-global-color-c04a03b );
		background-image: none !important;
		border: var( --e-global-color-text ) 2px solid;
	}


/* Suchbox */

.suchbox:before {
	content: "";
	position: absolute;
	background: url(/wp-content/uploads/2018/10/search.svg);
	background-size: contain;
	width: 49px;
	height: 49px;
  }
  
  .suchbox .elementor-search-form__toggle * {
	width: 49px !important;
	height: 49px !important;
  }
  
  .suchbox {
	top: -3px;
  }
  
  .suchbox svg {
	display: none;
  }

  body[data-elementor-device-mode=mobile] .suchbox:before, body[data-elementor-device-mode=mobile]  .suchbox .elementor-search-form__toggle *  {
	width: 30px !important;
	height: 30px !important;
  }

/* FAQ */

.pal-faq-filter button {
	border-width: 0px !important;
  }
  
  .pal-faq-filter button:hover {
	cursor: pointer;
  }
  
  .pal_faq_item .pal-faq-answer  {
	border-bottom: 1px solid #000;
  }
  
  .pal_faq_item .pal-faq-answer .bodytext  {
	font-weight: 700;
  }
  
  


/* ############################################################################## */
/* ##################### 2. Events ############################################## */
/* ############################################################################## */

/* Eventsuche */

#eventsuche form {
	display: flex;
	flex-direction: row;
	gap: 27px;
}

#eventsuche .inputfield {
	color: black;
	width: 609px;
	height: 64px;
	border: 1px solid #ccc;
	border-radius: 0px;
}

@media (max-width: 1374px) {
	#eventsuche .inputfield {
		width: calc(75% - 5px);
	}
	#eventsuche .button {
		width: calc(35% - 5px);
	}
	
	#eventsuche .inputfield, #eventsuche .button  {
  height: 44px;
}
	#eventsuche form {
	gap: 10px;
}
	
}

.pal_button_gradient_2 .elementor-button-wrapper a  {
	border-image: var(--pal-gradient-2) 1;
  }


#eventsuche .button {
	width: 125px;
	background: transparent;
	line-height: 40px;
	color: #000000;
	border-radius: 0px;
	border: 2px solid var( --e-global-color-primary );
	border-image: var(--pal-gradient-2) 1;
}

#eventsuche .inputfield, #eventsuche .button  {
  font-family: var( --e-global-typography-5a5b202-font-family ), Sans-serif;
  font-size: var( --e-global-typography-5a5b202-font-size );
  font-weight: var( --e-global-typography-5a5b202-font-weight );
  text-transform: var( --e-global-typography-5a5b202-text-transform );
  line-height: var( --e-global-typography-5a5b202-line-height );
  letter-spacing: var( --e-global-typography-5a5b202-letter-spacing );
  word-spacing: var( --e-global-typography-5a5b202-word-spacing );
}

#eventsuche .inputfield::placeholder {
     opacity: 1;
}

#eventsuche .inputfield:focus {
     color: var( --e-global-color-text );
}

#eventsuche .button:hover {
	color: #666;
}



/* Event Dropdown Select Box for month */

#eventmonthmenu select {
	border: 1px solid #ccc;
	border-radius: 0px;
	background-color: #FFF;
	padding: 10px;
	height: 64px;
	font-family: var( --e-global-typography-5703972-font-family ), Sans-serif;
	font-size: var( --e-global-typography-5703972-font-size );
	font-weight: var( --e-global-typography-5703972-font-weight );
	text-transform: var( --e-global-typography-5703972-text-transform );
	line-height: var( --e-global-typography-5703972-line-height );
	letter-spacing: var( --e-global-typography-5703972-letter-spacing );
	word-spacing: var( --e-global-typography-5703972-word-spacing );
}

#eventmonthmenu select option {
		background-color: #fff;
		color: #000;
}

#eventmonthmenu:after {
    content: "";
    background-image: url("/wp-content/uploads/2023/06/down.svg");
    background-position: center center;
    background-size: 22px;
    background-repeat: no-repeat;
    position: absolute;
    top: 22px;
    right: 4px;
    width: 40px;
    height: 22px;
    background-color: #fff;
    display: flex;
    align-items: center;
    justify-content: center;
    pointer-events: none;
}

@media (max-width: 1374px) {
	#eventmonthmenu select {
		height: 44px;
	}
	#eventmonthmenu:after {
    background-size: 18px;
    top: 12px;
    right: 4px;
}
}

/* No Results Message */

.no-results-message {
	font-family: var( --e-global-typography-text-font-family ), Sans-serif;
	font-size: var( --e-global-typography-text-font-size );
	font-weight: var( --e-global-typography-text-font-weight );
	line-height: var( --e-global-typography-text-line-height );
	letter-spacing: var( --e-global-typography-text-letter-spacing );
}


/* Event Day Filter */


#eventdaymenu ul {
    display: flex;
    list-style: none;
    padding: 0;
	 justify-content: space-between;
	 white-space: nowrap;
  }

 #eventdaymenu ul li 
{
 padding-top: 10px;
 padding-bottom: 10px;
}

body[data-elementor-device-mode=mobile] #eventdaymenu ul,
body[data-elementor-device-mode=tablet] #eventdaymenu ul
{
    overflow-x: scroll !important;
    overflow-y: hidden;
    -webkit-overflow-scrolling: touch;
  }



body[data-elementor-device-mode=mobile] #eventdaymenu ul li,
body[data-elementor-device-mode=tablet] #eventdaymenu ul li 
{
 padding: 12px 10px;
}

#eventdaymenu a {
	color: white;
	background: var(--pal-gradient-2);
	padding-left: 5px;
	padding-right: 5px;
}

#eventdaymenu {
	font-family: var( --e-global-typography-5703972-font-family ), Sans-serif;
	font-size: var( --e-global-typography-5703972-font-size );
	font-weight: var( --e-global-typography-5703972-font-weight );
	text-transform: var( --e-global-typography-5703972-text-transform );
	line-height: var( --e-global-typography-5703972-line-height );
	letter-spacing: var( --e-global-typography-5703972-letter-spacing );
	word-spacing: var( --e-global-typography-5703972-word-spacing );
	overflow: hidden;
	border: 1px solid white;
	border-radius: 0px;
	padding: 3px 15px;
	text-align: center;
	background-color: white;
}





/* Opacity Current Page Elements */

.currentpage {
	opacity: 1 !important;
}

.menu-container:not(.currentpage) .elementor-widget-button {
	opacity: 1;
  }

/* Hide Menu-Buttons if popup appears */

.dialog-prevent-scroll .menu-container .elementor-widget-button {
	transition: all 0.5 ease-in-out;
	opacity: 0 !important;
  } 


/* Event Status Opcacity Change */

/*
.status-abgesagt .bild, .status-abgesagt .infos,
.status-verlegt .bild, .status-verlegt .infos,
.status-ausverkauft .bild, .status-ausverkauft .infos
{
	opacity: 0.4;
	filter: saturate(0) !important;
}
*/


/* Saturation Event Image */

.pe-teaser-event img {
	filter: saturate(0);
	transition: all 1s ease-in-out;
  }
  
  .pe-teaser-event:hover img {
	filter: saturate(1);
  }


/* Dynamic Event Button */

.event-button {
	display: inline-flex;
	flex-direction: row;
	align-items: center;
	padding: 6px 15px;
	gap: 3.76px;
	height: 30px;
	background: var( --pal-gradient-2 );
	font-weight: 700;
	font-size: 13px;
	line-height: 12px;
	color: var( --e-global-color-c04a03b );
	font-family: var( --e-global-typography-81ab636-font-family ), Sans-serif;
	text-align: center;
	letter-spacing: 0.03em;
	text-transform: uppercase;
	transition: all 2s ease;
}

.event-button.regular {
	background-color: var( --e-global-color-cca1cc1 );
}

.event-button.abgesagt, .event-button.verlegt, .event-button.ausgefallen, .event-button.ausverkauft {
	background: var( --pal-gradient-3 );
}

.event-button.regular:hover {
	background-color: #000;
	color: var( --e-global-color-c04a03b );
}

.pe-teaser-event .bild {
	z-index: 0 !important;
} /* Verhindert das Button überlagert wird von Bild */

a.event-button {
	display: inline-flex !important;
}


/* Header Buttons */

.pe-button-header {
	opacity: 55%;
	transition: opacity 1s ease;
}

.pe-button-header:hover {
	opacity: 100%;
}



/* ############################################################################## */
/* ##################### 3. Startseite  ############################################## */
/* ############################################################################## */

/* Referenzen */

#pal_referenzen_container {
  max-height: 150px !important;
  transition: all 2s ease-in;
  overflow: hidden;
}

#pal_referenzen_container.pal_unveiled {
  max-height: 10000px !important;
}

#pal_referenzen_container:before {
  content: "";
  z-index: 1;
  background: rgb(255,255,255);
  background: -moz-linear-gradient(360deg, rgba(255,255,255,1) 0%, rgba(41,43,46,0) 73%);
  background: -webkit-linear-gradient(360deg, rgba(255,255,255,1) 0%, rgba(41,43,46,0) 73%);
  background: linear-gradient(360deg, rgba(255,255,255,1) 0%, rgba(41,43,46,0) 73%);
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr="#ffffff",endColorstr="#292b2e",GradientType=1);
}

.pal_unveiled#pal_referenzen_container:before, .pal_unveiled#pal_referenzen_button {
    display: none;
}

#pal_referenzen_button a:hover {
  cursor: pointer;
}