/******* Do not edit this file *******
Simple Custom CSS and JS - by Silkypress.com
Saved: Apr 17 2026 | 07:24:01 */
/* Header und Footer in der Seitenbearbeitung deaktivieren ---------- */
.et-l.et-l--header.et-fb-root-ancestor-sibling,
.et-l.et-l--footer.et-fb-root-ancestor-sibling,
#et-main-area.et-fb-root-ancestor.et-fb-iframe-ancestor:before { display: none; }

/* body .et-fb-root-ancestor-sibling #startscreen { display: none; } */
.et-fb-app-frame #startscreen {
	display: none;
}



/*
<div id="startscreen" style="position: fixed; width: 100%; height: 100%; background-color: rgba(0,0,0,1); z-index: 200000; }" class="et-fb-root-ancestor-sibling"></div>
*/

/* ------------------- */
html, body { 
	background-color: #070000;
}




/* Scoll Top ------------------- */
.et_pb_scroll_top.et-pb-icon {
	background: rgb(103 56 146);
	bottom: 0px;
	-webkit-border-bottom-left-radius: 0px;
	border-bottom-left-radius: 0px;
}





/* Mobiler Breakpoint für Standard-Divi-Menü ---------- */
@media only screen and (max-width: 1100px) {
	#et_mobile_nav_menu { 
		display: block;
	}
	#top-menu { 
		display: none;
	}
}
/* Mobiler Breakpoint für Menü im Theme Builder ---------- */
@media only screen and (max-width: 1100px) {
	.et_pb_menu .et_pb_menu__menu { 
		display: none !important;
	}
	.et_mobile_nav_menu {
		display: block !important;
	}
}




/* Startseite Shows Elemente --------------------- */
.shows_element {
	display: flex;
	height: 100%;
	flex-direction: column;
}

.shows_element.et_pb_column {
	padding-top: 250px !important;
	padding-right: 30px !important;
	padding-bottom: 20px !important;
	padding-left: 30px !important;
}

.shows_element .shows_element_text {
	min-height: 125px;
}

@media only screen and (max-width: 480px) {
	.shows_element .shows_element_text {
		min-height: inherit;
		padding-bottom: 20px;
	}
}




/* Referenzen Slider -------------------------- */
.referenzenslider .et-pb-arrow-prev { 
	left: 7px !important;
}
.referenzenslider .et-pb-arrow-next {
	right: 7px !important;
}
.referenzenslider .et-pb-arrow-next, 
.referenzenslider .et-pb-arrow-prev {
	opacity: 0.25;
}



/* Anfrageformular -------------------------- */
.et_pb_contact_field_options_title {
	font-size: 17px;
	font-weight: 800;
	color: #fff;
}
.et_pb_contact_field_checkbox label {
	color: #FFF !important;
}
.et_pb_contact_right {
	color: #fff;
	font-size: 17px;
}
.et_pb_contact p .et_contact_error {
	border: 3px solid red !important;
}
.et-pb-contact-message p {
	font-size: 25px;
	line-height: 1.4;
	background-color: #fff;
	padding: 20px !important;
	color: #000;
	border-radius: 5px;
}
.et-pb-contact-message ul {
	padding-top: 15px;
	padding-left: 30px;
	background-color: rgba(50,50,50,1);
}
.et-pb-contact-message ul + ul {
	background-color: rgba(50,50,50,0);
}
.et-pb-contact-message ul * {
	color: red;
}



/* Startseite Header - Video ----------------- */
.et_pb_section_video,
.et_pb_section_video *,
.et_pb_section_video_bg,
.et_pb_section_video_bg * {  }
/* Video Steuerung -------------------- */
#page-container .video_player_icon .et_pb_icon_wrap {
	cursor: pointer;
	min-width: 70px;
	border-top: 0.5px rgba(255, 255, 255, 0.15) solid;
	border-bottom: 0.5px rgba(255, 255, 255, 0.15) solid;
	border-left: 0.5px rgba(255, 255, 255, 0.15) solid;
	background-color: #000000 !important;
	background-image: linear-gradient(270deg, #2e064e 0%, #10001c 100%);
	padding: 22px !important;
	transition: background-color 0.3s, background-image 0.3s;
}
#page-container #video_play.video_player_icon .et_pb_icon_wrap,
#page-container #video_pause.video_player_icon .et_pb_icon_wrap {
	padding: 10px !important;
}
#page-container .video_player_icon .et_pb_icon_wrap:hover {
	background-color: #333333 !important;
	background-image: linear-gradient(270deg, #2e064e 0%, #10001c 100%); /* #10001c #28153a */
}
#video_play.video_player_icon .et_pb_icon_wrap,
#video_pause.video_player_icon .et_pb_icon_wrap {
	border-top-left-radius: 8px; 
}
#video_rewind.video_player_icon .et_pb_icon_wrap {
	border-bottom-left-radius: 8px; 
}



/* Diverse Einstellungen ----------------------- */
strong {
	font-weight: 500;
	letter-spacing: -0.5px;
}

.top_logo:before {
	content: '';
	width: 335px;
	height: 160px;
	background-color: #000000;
	background-image: linear-gradient(270deg, #17032b 0%, #381758 100%);
	display: block;
	transform: skew(19deg, 0deg);
	position: absolute;
	top: 0;
	left: -60px;
	z-index: -1;
	box-shadow: 0px 0px 30px 13px rgba(0, 0, 0, 0.5);
}




@media (max-width: 980px){
	.metanavigation_wrapper_code ul {
		margin: 8px 0px 0px 0;
	}
	ul.polylang_langswitcher {
		margin-right: 45px;
	}
	
}

@media (max-width: 767px) {
	.metanavigation_wrapper_code ul {
		margin: 8px 0px 0px 0 !important;
	}
	ul.polylang_langswitcher {
		margin-right: 12px;
	}
}





@media (max-width: 650px){
	.metanavigation_wrapper_code ul li {
		margin-right: 4px !important;
		margin-left: 4px !important;
	}
}

@media (max-width: 600px){
	
	.metanavigation_wrapper_code {
		text-align: center !important;
	}
	
	.metanavigation_wrapper_code ul li {
		margin-right: 3px !important;
		margin-left: 3px !important;
	}
	
	.top_logo.et_pb_row_1_tb_header.et_pb_row {
		margin-top: 48px !important; 
		margin-left: 12px !important;
		padding-top: 12px !important;
	}	
		
	.top_logo:before {
		width: 300px;
		height: 110px;
	}
	
	.top_logo .et_pb_image_0_tb_header .et_pb_image_wrap img {
		width: 220px;
	}
	
	.top_logo .et_pb_text_0_tb_header h2 {
		font-size: 11px; !important;
	}
	.top_logo .et_pb_image_0_tb_header {
		margin-bottom: 5px !important;
	}
	
	#mobile_menu1.et_mobile_menu {
		padding-top: 30px !important;
	}
	
}


@media (max-width: 320px) {
	.metanavigation_wrapper_code ul li {
		margin-right: 1.5px !important;
		margin-left: 1.5px !important;
	}
}







/* Meta Navigationen -------------------------------- */
.metanavigation_wrapper_code{
	text-align: right;
}
.metanavigation_wrapper_code,
.metanavigation_wrapper_code * {
	color: #FFF;
}
.metanavigation_lang { }
.metanavigation_lang_de { }
.metanavigation_lang_en { }
.metanavigation_spacer { }

/*
.metanavigation_wrapper_code ul {
	list-style: none;
	margin: 8px 30px 0px 0;
	padding: 0;
}
*/
.metanavigation_wrapper_code ul {
	display: inline-block;
	list-style: none;
	margin: 8px 0px 0px 0;
	padding: 0;
}

ul.polylang_langswitcher {
	margin-right: 30px;
}
.polylang_langswitcher .current-lang {
	font-weight: 700;
	text-decoration: underline;
}

.metanavigation_wrapper_code ul li {
	display: inline-block;
	margin-left: 17px;
	line-height: 1;
	vertical-align: middle;
}
.metanavigation_wrapper_code ul li a { }
.metanavigation_wrapper_code ul li a img{ }
.metanavigation_socialicon{
	width: 20px;
	height: auto;
}
.metanavigation_socialicon_youtube { }
.metanavigation_socialicon_instagram { }
.metanavigation_socialicon_facebook { }

.metanavigation_referenzen,
.metanavigation_kontakt {
	color: #000;
	background-color: #FFF;
	border-radius: 40px;
	padding: 2px 8px 2px 8px;
	line-height: 1;
	font-family: 'Fjalla One', Helvetica, Arial, Lucida, sans-serif !important;
	font-weight: 500;
	font-size: 14px;
}
.metanavigation_referenzen.metanavigation_kontakt { }



/* Footer Navigation -------------------------------- */
.footernavigation_wrapper_code{
	text-align: center;
}
.footeranavigation_wrapper_code,
.footernavigation_wrapper_code * {
	color: #FFF;
}
.footernavigation_lang { }
.footernavigation_lang_de { }
.footernavigation_lang_en { }
.footernavigation_spacer { }
.footernavigation_wrapper_code ul {
	list-style: none;
	margin: 0px;
	padding: 0;
}
.footernavigation_wrapper_code ul li {
	display: inline-block;
	margin-left: 10px;
	margin-right: 10px;
	line-height: 1;
	vertical-align: middle;
}
.footernavigation_wrapper_code ul li a { }
.footernavigation_wrapper_code ul li a img{ }
.footernavigation_socialicon{
	width: 40px;
	height: auto;
}
.footernavigation_socialicon_youtube { }
.footernavigation_socialicon_instagram { }
.footernavigation_socialicon_facebook { }



/* Hauptnavigation DIVI ------------------------------- */
#page-container .et_pb_menu--without-logo .et_pb_menu__menu nav ul#menu-hauptnavigation li a,
#page-container .et_pb_menu--without-logo .et_pb_menu__menu nav ul#menu-hauptnavigation-en li a {
	padding-bottom: 0px;
}
#page-container .hauptnavigation ul#menu-hauptnavigation,
#page-container .hauptnavigation ul#menu-hauptnavigation-en  { }
#page-container .hauptnavigation ul#menu-hauptnavigation li,
#page-container .hauptnavigation ul#menu-hauptnavigation-en li {
	margin-left: 7px;
	padding: 8px 16px;
	transition: margin 0.3s, padding 0.3s
}



#page-container .hauptnavigation ul#menu-hauptnavigation li a,
#page-container .hauptnavigation ul#menu-hauptnavigation-en li a {
	font-family: 'Fjalla One', Helvetica, Arial, Lucida, sans-serif !important;
	color: #FFF !important;
	line-height: 26px;
	font-weight: 500;
	font-size: 20px;
}

#page-container .hauptnavigation ul#menu-hauptnavigation li a:hover,
#page-container .hauptnavigation ul#menu-hauptnavigation-en li a:hover {
	color: #FFF;
}
#page-container .hauptnavigation ul#menu-hauptnavigation li:last-child,
#page-container .hauptnavigation ul#menu-hauptnavigation-en li:last-child {
	color: #000;
	background-color: #FFF;
	border-radius: 40px;
}
#page-container .hauptnavigation ul#menu-hauptnavigation li:last-child:hover,
#page-container .hauptnavigation ul#menu-hauptnavigation-en li:last-child:hover { }
#page-container .hauptnavigation ul#menu-hauptnavigation li:last-child a,
#page-container .hauptnavigation ul#menu-hauptnavigation-en li:last-child a {
	color: #000 !important;
	transition: color 0.3s;
}
#page-container .hauptnavigation ul#menu-hauptnavigation li:last-child:hover a,
#page-container .hauptnavigation ul#menu-hauptnavigation-en li:last-child:hover a {
	color: #5e4182;
	opacity: 1;
}

@media (max-width: 1350px){
	#page-container .hauptnavigation ul#menu-hauptnavigation li,
	#page-container .hauptnavigation ul#menu-hauptnavigation-en li { margin-left: 5px; padding: 8px 13px; }
}
@media (max-width: 1250px){
	#page-container .hauptnavigation ul#menu-hauptnavigation li,
	#page-container .hauptnavigation ul#menu-hauptnavigation-en li { margin-left: 0px; padding: 8px 10px; }
}
@media (max-width: 1150px){
	#page-container .hauptnavigation ul#menu-hauptnavigation li,
	#page-container .hauptnavigation ul#menu-hauptnavigation-en li { padding: 8px 10px; }
	#page-container .hauptnavigation ul#menu-hauptnavigation li a,
	#page-container .hauptnavigation ul#menu-hauptnavigation-en li a { font-size: 18px; }
}
@media (max-width: 1050px){
	#page-container .hauptnavigation ul#menu-hauptnavigation li a,
	#page-container .hauptnavigation ul#menu-hauptnavigation-en li a { font-size: 16px; }
}


/* Subnavigation ---------------------- */
#page-container ul#menu-hauptnavigation ul.sub-menu,
#page-container ul#menu-hauptnavigation-en ul.sub-menu {
	background-color: RGBA(255, 255, 255, 0) !important;
	background-image: linear-gradient(90deg, #381758 0%, #17032b 100%);
	border-top: 3px solid #480c83;
	padding: 4px 0 0 0;
	text-align: left;
	width: fit-content;
}
#page-container ul#menu-hauptnavigation ul.sub-menu li a,
#page-container ul#menu-hauptnavigation-en ul.sub-menu li a {
	padding: 5px 18px !important;
	width: 100%;
}
#page-container ul#menu-hauptnavigation ul.sub-menu li,
#page-container ul#menu-hauptnavigation-en ul.sub-menu li  {
	display: block;
	margin-left: 0px;
	padding: 6px 0px;
}

#page-container ul#menu-hauptnavigation ul.sub-menu li a,
#page-container ul#menu-hauptnavigation-en ul.sub-menu li a {
	line-height: 1.4;
	font-weight: 500;
	font-size: 18px;
	white-space: nowrap;
}
#page-container ul#menu-hauptnavigation ul.sub-menu li:last-child,
#page-container ul#menu-hauptnavigation-en ul.sub-menu li:last-child {
	color: #FFF;
	border-radius: 0;
	background: none;
}
#page-container ul#menu-hauptnavigation ul.sub-menu li:last-child a,
#page-container ul#menu-hauptnavigation-en ul.sub-menu li:last-child a {
	color: #FFF !important;
}
#page-container ul#menu-hauptnavigation ul.sub-menu li:last-child:hover a,
#page-container ul#menu-hauptnavigation-en ul.sub-menu li:last-child:hover a {
	color: #FFF;
}

/* aktiv / hover*/
#page-container ul#menu-hauptnavigation ul.sub-menu li.current_page_item,
#page-container ul#menu-hauptnavigation-en ul.sub-menu li.current_page_item {
	background-image: linear-gradient(269deg, #4b1f75 0%, #6f3fa0 100%);
}

#page-container ul#menu-hauptnavigation ul.sub-menu li a,
#page-container ul#menu-hauptnavigation-en ul.sub-menu li a {
	transition: all 0.3s;
}

#page-container ul#menu-hauptnavigation>li.current-menu-ancestor>a,
#page-container ul#menu-hauptnavigation>li.current-menu-item>a,
#page-container ul#menu-hauptnavigation li:hover>a,
#page-container ul#menu-hauptnavigation ul.sub-menu li:hover a,
#page-container ul#menu-hauptnavigation-en>li.current-menu-ancestor>a,
#page-container ul#menu-hauptnavigation-en>li.current-menu-item>a,
#page-container ul#menu-hauptnavigation-en li:hover>a,
#page-container ul#menu-hauptnavigation-en ul.sub-menu li:hover a {
	color: #bb77ff !important;
	opacity: 1 !important;
}





/* Mobilnavigation --------------------------- */
@media (max-width: 980px) {
	.et_pb_menu .et_mobile_nav_menu { margin-right: -12px; }
}



/* Mobilnavigation ------------------------------------------ */
#mobile_menu1 { box-shadow: 0px 10px 20px rgba(0, 0, 0, 0.4); }

#mobile_menu1 { border-top: none; text-align: left; }

#mobile_menu1 {
	left: auto;
	right: -50px;
	top: 70px;
	width: 100%;
	max-width: 300px;
	min-width: 300px;
}





#mobile_menu1.et_mobile_menu { padding: 0 0 100px 0; }
#mobile_menu1.et_mobile_menu li { border-bottom: 1px rgba(255, 255, 255, 0.2) solid; } 
#mobile_menu1.et_mobile_menu, 
#mobile_menu1.et_mobile_menu * { 
	font-family: 'Fjalla One', Helvetica, Arial, Lucida, sans-serif !important;
	font-size: 16px !important; 
	font-weight: 400 !important;
	background-color: RGBA(255, 255, 255, 0) !important;
	background-image: linear-gradient(90deg, #552c7c 0%, #250d3e 100%);
	color: #FFF !important;
}
#mobile_menu1.et_mobile_menu ul, 
#mobile_menu1.et_mobile_menu ul * {  
	background-color: RGBA(255, 255, 255, 0) !important;
	background-image: linear-gradient(90deg, #381758 0%, #17032b 100%);
	color: #FFF !important;
}
#mobile_menu1.et_mobile_menu ul li { border-top: 1px rgba(255, 255, 255, 0.1) solid; border-bottom: none; }
/* ------------------------- */
#mobile_menu1 li.menu-item-has-children  { position: relative; }

#mobile_menu1 .menu-item-has-children .sub-menu { padding: 0; }
#mobile_menu1 .menu-item-has-children .sub-menu a { padding: 9px 0px 9px 40px; }
#mobile_menu1 .sub-menu li { padding-left: 0% !important; }

/* Mobilnavigation - Diverse Einstellungen --------- */
#mobile_menu1.et_mobile_menu { height: 100vh; overflow: auto;  }
#mobile_menu1 li.menu-item:last-child { margin-bottom: 100px !important; }
#mobile_menu1 ul li.menu-item:last-child { margin-bottom: 0px !important; }

#mobile_menu1 li.current_page_item>a { !important; color: #fff !important; }
#mobile_menu1 li.current-menu-parent>a {  color: #fff !important; }


/* */
#mobile_menu1 li.current_page_item>a, 
#mobile_menu1.et_mobile_menu ul li.current-menu-item a {
	background-image: linear-gradient(269deg, #4b1f75 0%, #6f3fa0 100%);
}









/* Topnavigation HTML ------------------------------- */
.top_navigation { }
.top_navigation .et_pb_text_inner { }
.top_navigation .et_pb_text_inner ul {
	margin: 0 0 0 0;
	padding: 0;
	list-style: none;
	text-align: right;
}
.top_navigation .et_pb_text_inner ul li {
	display: inline-block;
	margin-left: 9px;
	padding: 8px 16px;
}
.top_navigation .et_pb_text_inner ul li a,
.top_navigation .et_pb_text_inner ul li a:hover {
	color: #FFF
}
.top_navigation .et_pb_text_inner ul li:last-child {
	color: #000;
	background-color: #FFF;
	border-radius: 40px;
}
.top_navigation .et_pb_text_inner ul li:last-child:hover { }
.top_navigation .et_pb_text_inner ul li:last-child a {
	color: #000;
	transition: color 0.3s;
}
.top_navigation .et_pb_text_inner ul li:last-child:hover a {
	color: #5e4182;
}



/* Header - Diverse Einstellungen -------------- */
/*
header .et_pb_column .et_pb_module {
	margin-bottom: 2.75% !important;
}
*/