/******* Do not edit this file *******
Simple Custom CSS and JS - by Silkypress.com
Saved: Aug 15 2025 | 08:54:46 */
/* 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 { display: none; }



/* Diverse Einstellungen ------------------- */
@media (max-width: 2000px) {
	body #page-container .full_width_image_left_column .et_pb_column_2_5 { width: 42%; margin-right: 0; }
	body #page-container .full_width_image_left_column .et_pb_column_3_5 { width: 58%; }
}
@media (max-width: 1800px) {
	body #page-container .full_width_image_left_column .et_pb_column_2_5 { width: 41%; margin-right: 0; }
	body #page-container .full_width_image_left_column .et_pb_column_3_5 { width: 59%; }
}
@media (max-width: 1500px) {
	body #page-container .full_width_image_left_column .et_pb_column_2_5 { width: 39.5%; margin-right: 0; }
	body #page-container .full_width_image_left_column .et_pb_column_3_5 { width: 60.5%; }
}
@media (max-width: 1200px) {
	body #page-container .full_width_image_left_column .et_pb_column_2_5 { width: 37.5%; margin-right: 0; }
	body #page-container .full_width_image_left_column .et_pb_column_3_5 { width: 62.5%; }
}
@media (max-width: 980px) {
	body #page-container .full_width_image_left_column .et_pb_column_2_5 { width: 100%; margin-right: 0; }
	body #page-container .full_width_image_left_column .et_pb_column_3_5 { width: 100%; }
}


body.error404 #main-content { background-color: #070707 !important; } 

body #page-container .link_hover a { transition: color 0.3s; }
body #page-container .link_hover a:hover { color: #87C1C6 !important; }

strong { font-weight: 500; }

.et_pb_text_inner ul li { margin-bottom: 8px; }

body #page-container .zeile_mit_textlinks .et_clickable { color: #070707 !important; transition: color 0.3s; }
body #page-container .zeile_mit_textlinks:hover .et_clickable { color: #87c1c6 !important; }

body #page-container h1,
body #page-container h2,
body #page-container h3,
body #page-container h4,
body #page-container h5,
body #page-container h6 { hyphens: auto; }

body #page-container h1 { }
body #page-container .h1 * { font-weight: 300; font-size: 50px; color: #070707 !important; line-height: 1.4em; margin-bottom: 0; padding-bottom: 0; }
body #page-container h2 { }
body #page-container .h2 * { font-weight: 300; font-size: 40px; color: #070707; line-height: 1.4em; margin-bottom: 0; padding-bottom: 0; }
body #page-container h3 { }
body #page-container .h3 * { font-weight: 300; font-size: 30px; color: #070707; line-height: 1.4em; margin-bottom: 0; padding-bottom: 0; }
body #page-container h4 { }
body #page-container .h4 * { font-weight: 300; font-size: 25px; color: #070707; line-height: 1.4em; margin-bottom: 0; padding-bottom: 0; }
body #page-container h5 { }
body #page-container .h5 * { font-weight: 300; font-size: 20px; color: #070707; line-height: 1.4em; margin-bottom: 0; padding-bottom: 0; }
body #page-container h6 { }
body #page-container .h6 * { font-weight: 600; font-size: 20px; color: #070707; line-height: 1.2em; margin-bottom: 0; padding-bottom: 0; }



/* Jetzt anfragen Button -------------------- */
body #page-container .et_pb_button.jetzt_anfragen_button { color: #070707 !important; border-width: initial !important; border: 1px #87c1c6 solid !important; border-radius: 30px !important; font-size: 14px !important; background-color: #87c1c6 !important; transition: all 0.3s !important; }
body #page-container .et_pb_button.jetzt_anfragen_button:hover { color: #87c1c6 !important; border: 1px #87c1c6 solid !important; background-color: transparent !important; }



/* Kontaktformular ------------------- */
.kontakt_formular,
.kontakt_formular * { font-size: 14px; font-weight: 300; line-height: 1.5; color: #070707; }
.kontakt_formular p { margin-bottom: 15px; }
.kontakt_formular strong { font-weight: 500; }
.kontakt_formular a { color: #070707; }

.kontakt_formular input,
.kontakt_formular textarea {  margin-bottom: 8px; width: 100%; background-color: transparent; width: 100%; border-width: 0; border: 1.5px rgba(7,7,7,0.75) solid; border-radius: 18px; color: #070707; font-size: 14px; padding: 21px 16px; }
.kontakt_formular input[type="checkbox"] { width: auto; }
.kontakt_formular input.wpcf7-quiz { width: 40%; max-width: 100px; margin-left: 5px; }
.kontakt_formular .wpcf7-quiz-label:after { content: ' = '; }
.kontakt_formular .wpcf7-list-item { display: inline-block; margin: 0; }

.kontakt_formular .cf7_kontaktformular_checkbox .wpcf7-list-item { display: block; margin: 0 0 5px 0; }

.kontakt_formular input[type="file"] { padding: 7px; }

.kontakt_formular .wpcf7-not-valid-tip { display: block; font-size: 13px; line-height: 1.0; color: #dc3232; }
.kontakt_formular .wpcf7 form .wpcf7-response-output { margin: 0 0 30px; padding: 0.2em; /* border: 2px solid #dc3232; */font-size: 14px; }

.kontakt_formular input[type="submit"] { font-size: 20px;  font-weight: 400;  line-height: 1.7em !important;  width: fit-content; background-color: #87C1C6; color: #070707; border: none; border-radius: 30px; border: 1px #87C1C6 solid; padding: 10px 30px; transition: all 0.3s; } 
.kontakt_formular input[type="submit"]:hover  { background-color: transparent; color: #87C1C6; border: 1px #87C1C6 solid; }
.kontakt_formular input:disabled { background-color: #EEE !important; border: 1px #EEE solid !important; color: #CCC !important; }



/* Header --------------------------------- */
header { background-color: #070707 !important; }



/* Hauptnavigation ------------------------ */
ul#menu-hauptnavigation { margin-top: 2px; }
ul#menu-hauptnavigation li { margin-left: 20px; margin-top: 0px !important; }
ul#menu-hauptnavigation li a { padding: 8px 15px !important; font-weight: 300; font-size: 16px; }
/* Kontakt */
ul#menu-hauptnavigation li#menu-item-58 { background-color: #87c1c6 !important;  color: #000;  margin-left: 27px !important;  border-radius: 19px; border: 1px #87c1c6 solid !important; transition: all 0.3s; }
ul#menu-hauptnavigation li#menu-item-58 a { color: #000 !important; }
ul#menu-hauptnavigation li#menu-item-58.current-menu-item,
ul#menu-hauptnavigation li#menu-item-58:hover { background-color: transparent !important;  color: #FFF;  border: 1px #FFF solid !important; }
ul#menu-hauptnavigation li#menu-item-58.current-menu-item a,
ul#menu-hauptnavigation li#menu-item-58:hover a { color: #FFF !important; }
ul#menu-hauptnavigation li#menu-item-58.current-menu-item:hover { background-color: #87c1c6 !important;  color: #070707;  border: 1px #87c1c6 solid !important; }
ul#menu-hauptnavigation li#menu-item-58.current-menu-item:hover a { color: #070707 !important; }



/* Submenü Pfeil */
.et-menu .menu-item-has-children>a:first-child:after { right: -3px; top: 8px; }



/* Aktive Navigation und Hover */
ul#menu-hauptnavigation li a:hover,
ul#menu-hauptnavigation>li.current_page_item>a,
ul#menu-hauptnavigation>li.current-menu-parent>a,
ul#menu-hauptnavigation ul li.current-menu-item a {  color: #87c1c6 !important; }
.et-menu a:hover,
.nav ul li a:hover { opacity: 1; }



/* Subnavigation ----------------------------- */
body #page-container ul#menu-hauptnavigation li ul { width: auto; margin: 0; padding: 40px 0 0px 0; background-color: transparent !important; border-top: 0px; }
ul#menu-hauptnavigation li li { margin-left: 0px; padding: 0px 0px; background-color: rgba(0, 0, 0, 0.8) !important; /* border-bottom: 0.5px rgba(255, 255, 255, 0.15) solid;*/ }
ul#menu-hauptnavigation li li a { min-width: 200px; width: auto; padding: 10px 25px !important; }



/* Mobilnavigation --------------------------- */
@media (max-width: 980px) {
	header .et_pb_menu_0_tb_header { margin-top: 3px !important; }
	.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: -4px; top: 65px; width: 100%; max-width: 400px; min-width: 295px; }

#mobile_menu1.et_mobile_menu { padding: 0 0 23px 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-size: 16px !important;  font-weight: 400 !important; background-color: rgb(135,193,198) !important; color: #000 !important; }
#mobile_menu1.et_mobile_menu ul, 
#mobile_menu1.et_mobile_menu ul * {  background-color: rgb(147,210,216) !important; color: #000 !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 li.menu-item-has-children .mobile_open_close { border: none; height: 100%; max-height: 44px; position: absolute; right: 10px; top: -2px; transform: rotate(90deg); padding: 0px !important; z-index: 1; }
#mobile_menu1 li.menu-item-has-children .mobile_open_close:after { content: '»'; color: #000; font-size: 28px; font-weight: 400; margin: 10px 0px 10px 10px; display: block; }

#mobile_menu1 li.menu-item-has-children .mobile_open_close.sub_menu_is_open { right: 15px; top: 7px; }
#mobile_menu1 li.menu-item-has-children .mobile_open_close.sub_menu_is_open { transform: rotate(-90deg); }

#mobile_menu1 .menu-item-has-children .sub-menu {  display: none !important; }
#mobile_menu1 .menu-item-has-children .sub-menu.visible { display: block !important; visibility: visible !important; }
#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 { background-color: #37777b !important; color: #fff !important; }
#mobile_menu1 li.current-menu-parent>a { background-color: #51999d !important; color: #fff !important; }



/* Header ---------------------------- */
header .et_pb_column_1_4 { width: 20% !important; min-width: 130px; margin-bottom: 0px !important; margin-right: 0 !important; }
header .et_pb_column_3_4 { width: 78% !important; margin-bottom: 0px !important; margin-right: 0 !important; }
@media (max-width: 980px) {
	header .et_pb_row { padding: 15px 0; }
}
@media (max-width: 678px) {
	header .et_pb_column_3_4 { width: calc(100% - 130px) !important; }
}



/* Footer ---------------------------------- */
footer .et_pb_gutters3 .et_pb_column_1_4 { width: 12.875%; }
footer .et_pb_gutters3 .et_pb_column_3_4 { width: 81.625%; }

@media (max-width: 980px) {
	footer .et_pb_gutters3 .et_pb_column_1_4,
	footer .et_pb_gutters3 .et_pb_column_3_4 { width: 100%; }
}

footer, footer * { word-wrap: initial; }
body #page-container footer a { color: #070707 !important; /* border-bottom: 1px rgba(0,0,0,0) solid;*/ transition: color 0.3s; }
body #page-container footer a:hover { color: #FFF !important; /* border-bottom: 1px rgba(0,0,0,1) solid;*/ }