/******* Do not edit this file *******
Simple Custom CSS and JS - by Silkypress.com
Saved: Feb 23 2026 | 16:11:21 */





/* Generelle Einstellungen ---------- */
html { }
body { }

strong { font-weight: 700; }

/* Ausnahme für "code editor" im Backend */
pre.CodeMirror-line span { color: #fff; }

/*

Section Weiss
rgb(255, 255, 255)

Section Rot
rgb(231, 76, 60)
#E74C3C

Text Rot 
rgb(231, 76, 60)
#E74C3C

Text Schwarz
rgb(26, 26, 26)
#1A1A1A;

Footer Hintergrund
rgb(26, 26, 26)
#1A1A1A;

Footer Links
rgb(231, 76, 60)
#E74C3C;

Schriften
LeHavreBlack
Open Sans
ETmodules
Material Symbols Sharp

*/

.lehavreblack { font-family: LeHavreBlack; }
.opensans { font-family: 'Open Sans'; } 





/* Button nach oben scrollen ---------- */
.et_pb_scroll_top.et-pb-icon {
	text-align: center;
	background: #E74C3C;
	box-shadow: 0px 0 30px 7px rgba(0, 0, 0, 0.3);
	text-decoration: none;
	position: fixed;
	z-index: 99999;
	bottom: 125px;
	right: 0px;
	-webkit-border-top-left-radius: 5px;
	-webkit-border-bottom-left-radius: 5px;
	-moz-border-radius-topleft: 5px;
	-moz-border-radius-bottomleft: 5px;
	border-top-left-radius: 5px;
	border-bottom-left-radius: 5px;
	display: none;
	cursor: pointer;
	font-size: 70px;
	padding: 0px;
	color: #fff;
}

@media (max-width: 768px) {
	.et_pb_scroll_top.et-pb-icon {
		bottom: 0px;
		font-size: 60px;
		border-bottom-left-radius: 0px;
	}
}





/* Header und Footer in der Seitenbearbeitung deaktivieren ---------- */
.et-fb-app-frame .page_top_header,
.et-fb-app-frame .page_header,
.et-fb-app-frame .page_footer_top,
.et-fb-app-frame .page_footer_bottom { display: none; }




/* header_navigation ---------- */
.header_navigation,
.header_navigation * { font-family: LeHavreBlack; }

.header_navigation .et_pb_text_inner { }

.header_navigation .et_pb_text_inner ul {
	list-style: none;
	background-color: rgba(0,0,0,0.5);
	width: fit-content;
	padding: 10px 5px;
	margin: 0 auto;
}

.header_navigation .et_pb_text_inner ul li {
	display: inline-block;
	padding: 0 5px;
}

.header_navigation .et_pb_text_inner ul li a {
	position: relative;
	background-color: #fff;
	display: block;
	padding: 10px 15px 7px 15px;
	font-family: LeHavreBlack;
	font-weight: normal;
	font-style: normal;
	font-size: 20px;
	text-transform: uppercase;
	color: #E74C3C;
	transition: background-color 0.4s, color 0.4s;
}

.header_navigation .et_pb_text_inner ul li.aktiv a,
.header_navigation .et_pb_text_inner ul li a:hover {
	background-color: #E74C3C;
	color: #fff;
}

@media (max-width: 768px) {
	
	.header_navigation .et_pb_text_inner ul {
		background-color: rgba(0,0,0,0);
	}
	
	.header_navigation .et_pb_text_inner ul li a {
		font-size: 15px;
		padding: 8px 8px 5px 8px;
	}
	
}





/* Header Navigation Wrapper ---------- */
#page-container .hauptnavigation {
	background-color: rgba(255,255,255,0) !important;
	transition: background-color 0.4s;
}

#page-container .hauptnavigation.et_pb_sticky {
	background-color: rgba(255,255,255,0.9) !important;
}

@media (max-width: 768px) {
	
	#page-container .hauptnavigation,
	#page-container .hauptnavigation.et_pb_sticky{
		background-color: rgba(0,0,0,0.5) !important;
	}
	
}





/* Mobilnavigation ---------- */
#page-container .mobilnavigation_wrapper {
	z-index: 100000 !important
}

.et_mobile_menu {
	min-height: 100vh;
}

.mobilnavigation ul li {
	text-align: right;
}
	
.mobilnavigation ul li a {
	border-color: rgba(255,255,255,0.2) !important;
	padding: 18px !important;
}

.mobilnavigation ul li,
.mobilnavigation ul li * {
	font-family: LeHavreBlack;
	text-transform: uppercase;
}





/* Top Content Navigation ---------- */
.top_content_navigation,
.top_content_navigation * { font-family: LeHavreBlack; }

.top_content_navigation .et_pb_text_inner { }

.top_content_navigation .et_pb_text_inner ul {
	list-style: none;
	padding: 0px;
}

.top_content_navigation .et_pb_text_inner ul li {
	margin: 0 0 0 auto;
	display: block;
	padding: 0 5px;
	width: fit-content;
}

.top_content_navigation .et_pb_text_inner ul li a {
	position: relative;
	display: block;
	padding: 10px 0px 7px 0px;
	margin-bottom: 10px;
	font-family: LeHavreBlack;
	font-weight: normal;
	font-style: normal;
	font-size: 20px;
	text-transform: uppercase;
	background-color: #fff;
	color: #E74C3C;
	transition: background-color 0.4s, color 0.4s, padding 0.4s;
}

.top_content_navigation .et_pb_text_inner ul li.aktiv a,
.top_content_navigation .et_pb_text_inner ul li.aktiv:hover a{
	background-color: #1A1A1A;
	color: #fff;
	padding: 10px 15px 7px 15px;
}

.top_content_navigation .et_pb_text_inner ul li:hover a {
	background-color: #E74C3C;
	color: #fff;
	padding: 10px 15px 7px 15px;
}

@media (max-width: 768px) {
	
	.top_content_navigation .et_pb_text_inner ul li {
		display: inline-block;
		padding: 5px;
		margin-bottom: 10px;
		background-color: rgba(0, 0, 0, 0.5);
	}
	
	.top_content_navigation .et_pb_text_inner ul li a {
		padding: 5px 10px 1px 10px;
		margin-bottom: 0px;
	}
	
}





/* Überschriften -------------------------------- */
#page-container h1, 
#page-container h2, 
#page-container h3, 
#page-container h4, 
#page-container h5, 
#page-container h6 { 
	font-family: LeHavreBlack;
	line-height: 1.2;
	font-weight: 400;
	hyphens: none;
}

/*
#page-container footer h1, 
#page-container footer h2, 
#page-container footer h3, 
#page-container footer h4, 
#page-container footer h5,
#page-container footer h6 { 
	padding-bottom: 0px;
}

#page-container h1, 
#page-container .h1, 
#page-container .h1 h1,
#page-container .h1 h2,
#page-container .h1 h3,
#page-container .h1 h4,
#page-container .h1 h5,
#page-container .h1 h6 { 
	font-size: 46px; 
	line-height: 1.4em;
}

#page-container h2, 
#page-container .h2, 
#page-container .h2 h1, 
#page-container .h2 h2, 
#page-container .h2 h3, 
#page-container .h2 h4, 
#page-container .h2 h5, 
#page-container .h2 h6 { 
	font-size: 38px; 
	line-height: 1.4em;
}

#page-container h3, 
#page-container .h3, 
#page-container .h3 h1, 
#page-container .h3 h2, 
#page-container .h3 h3, 
#page-container .h3 h4, 
#page-container .h3 h5, 
#page-container .h3 h6 {
	font-size: 33px;
	line-height: 1.4em;
}
#page-container .h3_infobox h3 {
	font-size: 25px;
	line-height: 1.4em;
}

#page-container h4, 
#page-container .h4, 
#page-container .h4 h1, 
#page-container .h4 h2, 
#page-container .h4 h3, 
#page-container .h4 h4, 
#page-container .h4 h5 , 
#page-container .h4 h6 { 
	font-size: 30px;
	line-height: 1.4em;
}

#page-container h5, 
#page-container .h5, 
#page-container .h5 h1, 
#page-container .h5 h2, 
#page-container .h5 h3, 
#page-container .h5 h4, 
#page-container .h5 h5, 
#page-container .h5 h6 { 
	font-size: 26px;
	line-height: 1.4em;
}

#page-container h6, 
#page-container .h6, 
#page-container .h6 h1, 
#page-container .h6 h2, 
#page-container .h6 h3, 
#page-container .h6 h4, 
#page-container .h6 h5 , 
#page-container .h6 h6 { 
	font-size: 21px;
	line-height: 1.4em;
}

@media (max-width: 768px) {
	#page-container h1, 
	#page-container .h1, 
	#page-container .h1 h1,
	#page-container .h1 h2,
	#page-container .h1 h3,
	#page-container .h1 h4,
	#page-container .h1 h5,
	#page-container .h1 h6 { font-size: 32px; line-height: 1.2em; }
	#page-container h2, 
	#page-container .h2, 
	#page-container .h2 h1, 
	#page-container .h2 h2, 
	#page-container .h2 h3, 
	#page-container .h2 h4, 
	#page-container .h2 h5, 
	#page-container .h2 h6 { font-size: 30px; line-height: 1.2em; }
	#page-container h3, 
	#page-container .h3, 
	#page-container .h3 h1, 
	#page-container .h3 h2, 
	#page-container .h3 h3, 
	#page-container .h3 h4, 
	#page-container .h3 h5, 
	#page-container .h3 h6 { font-size: 25px; line-height: 1.2em; }
	#page-container h4, 
	#page-container .h4, 
	#page-container .h4 h1, 
	#page-container .h4 h2, 
	#page-container .h4 h3, 
	#page-container .h4 h4, 
	#page-container .h4 h5, 
	#page-container .h4 h6 { font-size: 20px; line-height: 1.2em; }
	#page-container h5, 
	#page-container .h5, 
	#page-container .h5 h1, 
	#page-container .h5 h2, 
	#page-container .h5 h3, 
	#page-container .h5 h4, 
	#page-container .h5 h5, 
	#page-container .h5 h6 { font-size: 18px; line-height: 1.2em; }
	#page-container h6, 
	#page-container .h6, 
	#page-container .h6 h1, 
	#page-container .h6 h2, 
	#page-container .h6 h3, 
	#page-container .h6 h4, 
	#page-container .h6 h5, 
	#page-container .h6 h6 { font-size: 16px; line-height: 1.2em; }
	#page-container h1, 
	#page-container h2, 
	#page-container h3, 
	#page-container h4, 
	#page-container h5, 
	#page-container h6 { hyphens: auto; }
}

#page-container .h1_no_padding h1, 
#page-container .h1_no_padding h2, 
#page-container .h1_no_padding h3, 
#page-container .h1_no_padding h4,
#page-container .h1_no_padding h5, 
#page-container .h2_no_padding h1, 
#page-container .h2_no_padding h2, 
#page-container .h2_no_padding h3, 
#page-container .h2_no_padding h4, 
#page-container .h2_no_padding h5, 
#page-container .h3_no_padding h1, 
#page-container .h3_no_padding h2, 
#page-container .h3_no_padding h3, 
#page-container .h3_no_padding h4,
#page-container .h3_no_padding h5, 
#page-container .h4_no_padding h1, 
#page-container .h4_no_padding h2, 
#page-container .h4_no_padding h3, 
#page-container .h4_no_padding h4, 
#page-container .h4_no_padding h5 { 
	padding: 0px !important;
}

#page-container h1 strong, 
#page-container h2 strong, 
#page-container h3 strong, 
#page-container h4 strong, 
#page-container h5 strong, 
#page-container h6 strong {
	font-weight: 700;
}
*/



/* Slider ---------- */
.header_slider { }

/* Slider Punktnavigation ---------- */
/*
.et-pb-controllers { display: none; }
.et-pb-controllers a { 
	border-radius: 10px; 
	width: 20px; 
	height: 20px; 
	margin-right: 20px;
}
*/ 

/* Slider Pfeilnavigation ------------ */ 
.et-pb-arrow-next, .et-pb-arrow-prev { 
	font-size: 75px; 
	margin-top: -40px;
}

/* Pfeile immer sichtbar machen ---------- */
.et_pb_slider .et-pb-arrow-prev { 
	left: 10px !important; 
	opacity: 1;
}

.et_pb_slider .et-pb-arrow-next { 
	right: 10px !important;
	opacity: 1;
}





/* Responsiv ---------- */
@media (max-width: 768px) {
	
}

@media (max-width: 425px) {
	
}