/*********** Allgemein *****************/
.et_pb_text a,
.et_pb_text_3.et_pb_text a {color: #009fe3!important;}

body {
	/* hyphens */
   -moz-hyphens: auto;
   -o-hyphens: auto;
   -webkit-hyphens: auto;
   -ms-hyphens: auto;
   hyphens: auto;

	font-family: 'Open Sans';
	font-style: normal;
	font-weight: 400;
}

h2, h3, h4, h5, h6 {
	font-family: 'Montserrat' !important;
	font-style: normal;
	font-weight: 300;
}


/*********** Header ********/
/* when mobile menu is open, change hamburger icon to x icon */
#et_mobile_nav_menu .mobile_nav.opened .mobile_menu_bar::before {content: '\4d';}

/* makes sub sub menu icon be right arrow instead of down arrow */
#top-menu .menu-item-has-children .menu-item-has-children > a:first-child::after, 
#et-secondary-nav .menu-item-has-children .menu-item-has-children > a:first-child::after {content: '5';}

/* - mobile menu toggling elements, injected via jQuery - */

/* make menu list item be relative, to be able to position toggle within this item */
#main-header #mobile_menu.et_mobile_menu .menu-item-has-children {
	position: relative;	
}
/* the new toggle element, which is added via jQuery */
#main-header #mobile_menu.et_mobile_menu .sub-menu-toggle {
	position: absolute;
	background-color: rgba(0,0,0,0.03);
	z-index: 1;
	width: 26px;
	height: 26px;
	line-height: 26px;
	border-radius: 50%;
	top: 8px;
	right: 8px;
	cursor: pointer;
	text-align: center;
}
/* the new toggle element when popped */
#main-header #mobile_menu.et_mobile_menu .sub-menu-toggle.popped {
	background-color: rgba(0,0,0,0.1);
}
/* toggle icon */
#main-header #mobile_menu.et_mobile_menu .sub-menu-toggle::before {
	font-family: "ETmodules" !important;
	font-weight: normal;
	font-style: normal;
	font-variant: normal;
	-webkit-font-smoothing: antialiased;
	-moz-osx-font-smoothing: grayscale;
	line-height: 26px;
	font-size: 20px;
	text-transform: none;
	speak: none;
	content: '\33';
}
/* toggle icon when triggered */
#main-header #mobile_menu.et_mobile_menu .sub-menu-toggle.popped::before {
	content: '\32';
}
/* hide sub menus by default */
#main-header #mobile_menu.et_mobile_menu .sub-menu-toggle ~ ul.sub-menu {
	display: none !important;
	padding-left: 0;
}
/* show sub menu when triggered via jQuery toggle, and add slight bg color */
#main-header #mobile_menu.et_mobile_menu .sub-menu-toggle.popped ~ ul.sub-menu {
	display: block !important;
	background-color: rgba(0,0,0,0.03);
}
/* remove sub menu list item left padding, since padding will be on anchors */
	#main-header #mobile_menu.et_mobile_menu li li {
	padding-left: 0;
}

/* adjust mobile menu anchors side paddings */
#main-header #mobile_menu.et_mobile_menu li a {
	padding-left: 15px;
	padding-right: 15px;
}
/* indent sub menu */
#main-header #mobile_menu.et_mobile_menu li li a {
	padding-left: 30px;
	padding-right: 15px;
}
/* indent sub sub menus further */
#main-header #mobile_menu.et_mobile_menu li li li a {
	padding-left: 45px;
	padding-right: 15px;
}
/* if mobile menu anchor has toggle, make room for it to fit next to the link */
#main-header #mobile_menu.et_mobile_menu .menu-item-has-children .sub-menu-toggle + a {
	padding-right: 44px;
}

/* - end mobile menu toggling elements - */

/* undo Divi's default styling of mobile menu links that have children */
#main-header #mobile_menu.et_mobile_menu .menu-item-has-children > a {
	background-color: transparent;
	font-weight: inherit;
}

/* make the current page's mobile menu link be different */
#main-header #mobile_menu.et_mobile_menu li.current-menu-item > a {
	font-weight: bolder;
}
/************/
.et_mobile_menu {
margin-top: 0px;
width: 100%;
margin-left: 0%;
}
.et_mobile_menu {padding: 5px 15px;}
.et_mobile_menu li a {padding: 10px 15px;}
.et_mobile_menu li.nav-top-shop {padding: 0px;}
.et_mobile_menu li.hnav-shop {display: none;}
.et_mobile_menu li li {padding-left: 0px; position: relative;}

.et_mobile_menu li li:before {
	font-family: 'ETmodules';
	content: '\35';
	font-weight: normal;
	position: absolute;
	font-size: 16px;
	top: 8px;
	left: 9px;
}
#main-header .et_mobile_menu li ul {padding-left: 0px;}
/* end mobile menu */

#main-header {background-color: rgba(255,255,255,0.85); }

.et_divi_theme #main-header {
    box-shadow: 0 0 30px rgba(7,51,84,0.17)!important;
	-moz-box-shadow: 0 0 30px rgba(7,51,84,0.17)!important;
	-webkit-box-shadow: 0 0 30px rgba(7,51,84,0.17)!important;
}

#main-header.et-fixed-header {background-color: rgba(255,255,255,1); border-bottom: dashed #D2DAE6 1px;}

#main-header.et-fixed-header {
    box-shadow: 0 0 7px rgba(0,0,0,.1)!important;
    -moz-box-shadow: 0 0 7px rgba(0,0,0,.1)!important;
    -webkit-box-shadow: 0 0 7px rgba(0,0,0,.1)!important;
}

#et-top-navigation a {
    font-weight: 600 !important;
}

/*#top-header .container {
	padding-top: .0em;}

#top-header #et-secondary-menu {padding-top: 0; margin-top: 0;}

#top-header #et-secondary-menu ul li {
	background: #D2DAE6;
	padding: 8px 5px 3px 5px;
	margin-right: 0;
}*/

/*.fm-item-1-0 .fm-icon, 
.fm-item-1-0 a:hover .fm-icon, 
.fm-item-1-0 .fm-label, 
.fm-item-1-0 .fm-icon i {
    color: #ffffff;
    background-color: #009EE2 !important;
}

.fm-item-1-2 .fm-icon, 
.fm-item-1-2 a:hover .fm-icon, 
.fm-item-1-2 .fm-label, 
.fm-item-1-2 .fm-icon i {
    color: #ffffff;
    background-color: #009EE2 !important;
}

.fm-item-1-3 .fm-icon, 
.fm-item-1-3 a:hover .fm-icon, 
.fm-item-1-3 .fm-label, 
.fm-item-1-3 .fm-icon i {
    color: #ffffff;
    background-color: #009EE2 !important;
}

.fm-item-1-4 .fm-icon, 
.fm-item-1-4 a:hover .fm-icon, 
.fm-item-1-4 .fm-label, 
.fm-item-1-4 .fm-icon i {
    color: #ffffff;
    background-color: #009EE2 !important;
}

.fm-item-1-1 .fm-piehler .fm-icon,
.fm-piehler .fas,
.fm-piehler .fm-label {
	background-color:#1018a1 !important;
}*/

.st-shop ul {
	margin-bottom: 25px;
}

#top-menu li li {
    padding: 0 0px;
    margin: 0;
}

#top-menu.nav li a {
	text-transform: uppercase;
}

.nav li ul {
    padding: 10px 0;
}

.nav li ul {
    width: 260px;
	padding-top: 0;
	padding-bottom: 0;
}

#top-menu li li a {
    padding: 6px 12px;
    width: 260px;
	text-transform: none !important;
	font-size:13px;
	letter-spacing: 0;
}

#top-menu li {
    padding-right: 22px;
	padding-right: 14px;
}

#top-menu li.menu-item-has-children {
	padding-right: 8px !important;
}

#et-info, #et-secondary-menu>ul>li a {
    padding-bottom: .75em;
    display: block;
	font-size: 11px;
	font-weight: 600;
}

#et-info, #et-secondary-menu>ul>li a:hover {color: #009fe3;}

#top-header a {font-weight: 600 !important;}

#et-info-phone {
    color:#666666;
}

#et-info-phone {
    margin-right: 9px;
}

#top-header {
	background-image: linear-gradient(180deg,#D2DAE6 99%,#ffffff 99%)!important;
}

#top-header .container {
	padding-top: 0;
}

#et-info {padding-top:8px;}
li.current-menu-item a {color: #009EE2 !important;}

li.nav-top-shop {
	background-color: #009EE2 !important;
	padding: 8px 15px 0px 15px; 
	text-transform: uppercase;

}
li.nav-top-shop:hover {
	box-shadow: 0px 6px 9px -3px rgba(0,0,0,0.3);
    -webkit-box-shadow: 0px 6px 9px -3px rgba(0,0,0,0.3);
    -moz-box-shadow: 0px 6px 9px -3px rgba(0,0,0,0.3);
}
li.nav-top-shop.current-menu-item a {color: #ffffff !important;}
li.nav-top-pa a:hover {color: #1018a1 !important;}
li.nav-top-pa.current-menu-item a {color: #1018a1 !important;}

li.nav-top-shop a {color: #ffffff !important;}

li.hnav-shop a {
	background-image:url('/wp-content/uploads/2020/04/shoppingcart-9.png')!important;
	background-repeat: no-repeat !important;
	background-position: 0 0 !important;
	background-size: contain !important;
	background-size: 35px 53px !important;
	width: 35px !important;
	height:53px !important;
	color: #D2DAE6 !important;
}

.et_header_style_left #et-top-navigation nav>ul>li>a {
	padding-top: 20px;
	padding-bottom: 15px;
}

#top-menu .menu-item-has-children>a:first-child:after {top: 18px;}

#et_search_icon:before {
	top: -3px;
	top: 14px;
}

.et-fixed-header li.hnav-shop a {
	background-image:url('/wp-content/uploads/2020/04/shoppingcart-9.png')!important;
	background-repeat: no-repeat !important;
	background-position: 0 0 !important;
	background-size: contain !important;
	background-size: 27px 40px !important;
	width: 27px !important;
	height:40px !important;
}

.et-fixed-header #top-menu .menu-item-has-children>a:first-child:after {top: 7px;}

.et-fixed-header #et-top-navigation nav>ul>li>a {
	padding-top: 10px;
	padding-bottom: 15px;
}

.et-fixed-header #et_search_icon:before {
	top: -3px;
	top: 7px;
}

/************** News *************/
.et_pb_post a.more-link {margin-top: 15px;}
.et_pb_post a.more-link:after {
	font-family: 'ElegantIcons';
	content: "\24";
	speak: none;
	font-weight: normal;
	font-variant: normal;
	text-transform: none;
	line-height: 1;
	-webkit-font-smoothing: antialiased;
	-moz-osx-font-smoothing: grayscale;
}

.single .et_pb_post {
    margin-bottom: 0px;
}

.single .post {
    padding-bottom: 0px;
}

/************** Footer *************/

#main-footer {
	/* Permalink - use to edit and share this gradient: https://colorzilla.com/gradient-editor/#565e63+0,717c82+100 */
background: rgb(86,94,99); /* Old browsers */
background: -moz-linear-gradient(top,  rgba(86,94,99,1) 0%, rgba(113,124,130,1) 100%); /* FF3.6-15 */
background: -webkit-linear-gradient(top,  rgba(86,94,99,1) 0%,rgba(113,124,130,1) 100%); /* Chrome10-25,Safari5.1-6 */
background: linear-gradient(to bottom,  rgba(86,94,99,1) 0%,rgba(113,124,130,1) 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#565e63', endColorstr='#717c82',GradientType=0 ); /* IE6-9 */

}

#footer-widgets {
    padding: 2% 0 0;
}

.et_pb_widget {
    float: left;
    max-width: 100%;
	width: 100%;
}
.footer-widget {
		margin-bottom: 1% !important;
	}

.footer-widget h4 {color: #ffffff !important;}


#black-studio-tinymce-3 {
	background-color: #717C82;
	padding: 15px 15px 0 15px;
}

#black-studio-tinymce-3 .title {text-transform: uppercase !important; letter-spacing: 0.1em;}
#footer-bottom {display: none;}

#nav_menu-2 ,
#nav_menu-3 {padding-top: 45px;}

#nav_menu-2 li,
#nav_menu-3 li {
	border-bottom: solid 1px #9EA7AB;
	/*border-right: solid 1px #D2DAE6;*/
	padding-bottom: 8px;
	padding-top: 8px;
	padding-left: 5px !important;
	margin-top: 0 !important;
	margin-bottom: 0 !important;
}

#nav_menu-2 li:hover,
#nav_menu-3 li:hover,
#nav_menu-2 li.current-menu-item,
#nav_menu-3 li.current-menu-item{background-color: #848D93;}
#nav_menu-2 li.current-menu-item a,
#nav_menu-3 li.current-menu-item a {color: #ffffff !important;}

#nav_menu-2 li:before,
#nav_menu-3 li:before {display: none !important;}

#nav_menu-2 li a:after,
#nav_menu-3 li a:after {
	font-family: 'ElegantIcons';
	content: "\24";
	speak: none;
	font-weight: normal;
	font-variant: normal;
	text-transform: none;
	line-height: 1;
	-webkit-font-smoothing: antialiased;
	-moz-osx-font-smoothing: grayscale;
	position: absolute;
	right: 5px;
	bottom: 11px;
}

#nav_menu-3 li.fb-nav a:after {
	background-image: url('/wp-content/uploads/2020/03/f_logo_RGB-White_58.png');
    background-size: 20px 20px;
	background-position: bottom right;
	background-repeat: no-repeat;
    display: inline-block;
    width: 20px; 
    height: 20px;
    content:"";
	padding-left: 10px;
}

#nav_menu-2 a,
#nav_menu-3 a {
	text-transform: uppercase;
	letter-spacing: 2px;
	font-size: 13px;
	display: block;
}

table.fo-ad tbody {width: 100%;}
table.fo-ad td {border: 0; padding: 0 10px 0px 0;}
table.fo-ad tr.row-3 td.column-1,
table.fo-ad tr.row-3 td.column-2 {padding-top: 15px;}


table.tab-p-au {width: 100%; border: 0 !important;}
table.tab-p-au th {
	background: none;
	border: 0; padding: 0 10px 0px 0;
}
table.tab-p-au td {
	border: 0; padding: 0 10px 0px 0;
}

.et_pb_column_empty {display: none;}

.prod .et_pb_row_inner,
.prod .et_pb_text_inner,
.prod .et_pb_text ul  {
	padding-bottom: 0 !important;
	margin-bottom: 0;
}

/*==================================================
  Kontaktformular
  ==================================================*/

.clear {clear: both;}

.wpcf7-form .kf100 {
    width: 100%;
	margin-bottom: 15px;
}

.wpcf7-form .kfinput100 {
    width: 100%;
	margin-bottom: 15px;
	vertical-align: bottom;
}

.wpcf7-form span.sb {color: #0087CC;}

.wpcf7-form  select {
    color: #444;
    background-color: #fff;
    font-size: 14px;
	overflow: hidden;
	width: 100%;
	border: solid 1px #ccc;
}
.wpcf7-form  input[type=checkbox] {
    width: 19px;
	height: 19px;
	border: solid 1px #ccc;
}
.wpcf7-form  select {
    padding: 16px;
	border: solid 1px #eee;
    -webkit-border-radius: 0;
    -moz-border-radius: 0;
    border-radius: 0;
	border: solid 1px #ccc;
}

.wpcf7-form  textarea {
	width: 100%;
	border: solid 1px #ccc;
}

.wpcf7-form  textarea {
    padding: 16px;
	border: solid 1px #eee;
    -webkit-border-radius: 0;
    -moz-border-radius: 0;
    border-radius: 0;
    color: #444;
    background-color: #fff;
    font-size: 14px;
	overflow: hidden;
	border: solid 1px #ccc;
}

.wpcf7-form  input {width: 100%;}

.wpcf7-form  input {
    padding: 16px;
	border: solid 1px #eee;
    -webkit-border-radius: 0;
    -moz-border-radius: 0;
    border-radius: 0;
    color: #444;
    background-color: #fff;
    font-size: 14px;
	overflow: hidden;
	border: solid 1px #ccc;
}

.wpcf7-form  input.nb {
	width: 100%;
}

.wpcf7-form  input.nb {
    padding: 16px;
	padding-left: 0px;
    border: none;
    -webkit-border-radius: 0;
    -moz-border-radius: 0;
    border-radius: 0;
    color: #444;
    background-color: #fff;
    font-size: 14px;
	overflow: hidden;
}

.wpcf7-form  hr {
	border: 0px;
	border-bottom: solid 2px #eee;
	width: 100%;}

.wpcf7-form .kfinput10l {
    float: left;
	width: 9%;
	margin-bottom: 2%;
	vertical-align: bottom;
}
.wpcf7-form .kfinput20l {
    float: left;
	width: 19%;
	margin-bottom: 2%;
	vertical-align: bottom;
}
.wpcf7-form .kfinput30l {
    float: left;
	width: 29%;
	margin-bottom: 2%;
	vertical-align: bottom;
}
.wpcf7-form  .kfinput50l {
    float: left;
	width: 49%;
	margin-bottom: 2%;
	vertical-align: bottom;
}
.wpcf7-form  .kfinput70l {
    float: left;
	width: 69%;
	margin-bottom: 2%;
	vertical-align: bottom;
}

.wpcf7-form  .kfinput30r {
    float: right;
	width: 29%;
	margin-bottom: 2%;
	vertical-align: bottom;
}
.wpcf7-form .kfinput50r {
    float: right;
	width: 49%;
	margin-bottom: 2%;
	vertical-align: bottom;
}
.wpcf7-form  .kfinput70r {
    float: right;
	width: 69%;
	margin-bottom: 2%;
	vertical-align: bottom;
}
.wpcf7-form  .kfinput80r {
    float: right;
	width: 79%;
	margin-bottom: 2%;
	vertical-align: bottom;
}
.wpcf7-form  .kfinput90r {
    float: right;
	width: 89%;
	margin-bottom: 2%;
	vertical-align: bottom;
}

.wpcf7-form .wpcf7-list-item {
	width: 100%;
	float: none;
}

.wpcf7-form hr {border-color: #ffffff;}

.wpcf7-form .backw {
	background-color: rgba(255,255,255,0.76);
	border: dashed 2px #ccc; 
	padding: 15px;}

.wpc7-form checkbox.datenschutzbestimmungen {float: left;}

.wpcf7-form a {color: #444; text-decoration: underline;}

.wpcf7-form .button {
	width: 100%;color: #ffffff!important;
    border-width: 0px!important;
    border-radius: 0px;
    letter-spacing: 2px;
    font-size: 13px;
    font-family: 'Montserrat',Helvetica,Arial,Lucida,sans-serif!important;
    font-weight: 600!important;
    text-transform: uppercase!important;
    background-color: #009fe3;
    cursor: pointer;
}

.wpcf7-form .button:hover {
	border-color: #717c82;
	background: #717c82;
	/*color: #024481;*/ color: #ffffff;
}


.wpcf7-form .kf-klein {
	font-size: 12px; 
	line-height: 1.3em;
	margin-top: 20px;
}

/* ===========================
 * Links
 * ========================= */
a[href^="tel:"],
.et_pb_text a[href^="tel:"]{
	color: #333 !important;
	text-decoration: none;
	margin-right: 0.5em;
	font-weight: 400;
}

a[href^="fax:"],
.et_pb_text a[href^="fax:"]{
	color: #333 !important;
	text-decoration: none;
	margin-right: 0.5em;
	font-weight: 400;
}

a[href^="mailto:"],
a.mail-link,
.et_pb_text a[href^="mailto:"],
.et_pb_text a span[href^="mailto:"],
.et_pb_text_3.et_pb_text a[href^="mailto:"]{
	color: #333 !important;
	text-decoration: none;
	margin-right: 0.5em;
	font-weight: 400;
}

a[href^="mailto:"]:hover {text-decoration: none; color: #009fe3;}

a[href^="tel:"]:hover, 
a[href^="fax:"]:hover {text-decoration: none !important;}

.fm-item-1-2 a[href^="tel:"],
.fm-item-2-2 a[href^="tel:"]{margin-right: 0em;}


#main-footer a[href^="tel:"],
#main-footer .et_pb_text a[href^="tel:"]{
	color: #fff !important;
	text-decoration: none;
	margin-right: 0.5em;
	font-weight: 400;
}

#main-footer a[href^="fax:"],
#main-footer .et_pb_text a[href^="fax:"]{
	color: #fff !important;
	text-decoration: none;
	margin-right: 0.5em;
	font-weight: 400;
}

#main-footer a[href^="mailto:"],
#main-footer a.mail-link,
#main-footer .et_pb_text a[href^="mailto:"],
#main-footer .et_pb_text a span[href^="mailto:"],
#main-footer .et_pb_text_3.et_pb_text a[href^="mailto:"]{
	color: #fff !important;
	text-decoration: none;
	margin-right: 0.5em;
	font-weight: 400;
}

.et_pb_team_member h3 {font-size: 16px !important;}

.et_pb_member_social_links li {
	background-color: #009EE2 !important;
width:30px; height: 30px;
	text-align: center;
-webkit-border-radius: 50%;
-moz-border-radius: 50%;
border-radius: 50%;
}


.et_pb_main_blurb_image {
    margin-bottom: 10px;
}

a.et_pb_button.buth:hover {background-color: #fff !important;}

a.et_pb_button.butd:hover {background-color: #717c82 !important;}

a.et_pb_button.but-shop:hover {background-color: #717c82 !important;}

/* =================================================
   Borlabs
   ==================================================*/
.borlabs-cookie-bct.bc-bct-iframe {
    min-height: 260px !important;
	width: 100% !important;
	margin: 0px !important;
	padding: 0px !important;
}

.borlabs-cookie-bct,
.borlabs-cookie-bct p,
.borlabs-cookie-bct p.bc-thumbnail {margin: 0px !important;	padding: 0px !important;}

.borlabs-cookie-bct .bc-thumbnail img {margin: 0px auto 0px auto !important;}
.borlabs-cookie-bct .bc-thumbnail img {height: 300px !important;width: 100% !important;}

.gm-karte iframe {height: 314px !important;}
.borlabs-cookie-responsive-iframe-wrapper {
	height: 314px !important;
    padding-bottom: 56.25%;
    padding-bottom: 0%;}

.borlabs_cookie_log th {color: #666666 !important; font-weight: bold !important;padding:  4px 10px 4px 0;}
.borlabs_cookie_log td {padding:  4px 10px 4px 0;}
.borlabs_cookie_log {margin-bottom: 0px;}
.borlabs_cookie_log a {color: #ffffff !important; font-weight: bold; text-transform: uppercase; letter-spacing: 0.02em;}

.borlabs_cookie_log .borlabs-cookie-preference {margin-bottom: 20px;}

.BorlabsCookie ._brlbs-content-blocker ._brlbs-embed ._brlbs-thumbnail {
    display: block;
    max-width: 100%;
	width: 100% !important;
}

._brlbs-embed._brlbs-google-maps {width: 100% !important;}
.BorlabsCookie ._brlbs-content-blocker ._brlbs-embed {margin-bottom: 0;}

/* =================================================
   Shop Aktion
   ==================================================*/
.aktion-rom24 h2 {font-size: 41px !important; font-weight: bold;}
.aktion-rom24 p {font-size: 18px;}

.page-id-2499 .floating-menu,
.page-id-2521 .floating-menu,
.page-id-2515 .floating-menu {display: none;}



