/*
 Theme Name:     Schatzinsel Theme
 Description:    Child Theme of Divi
 Author:         WEBacumen
 Author URI:     http://www.webacumen.de
 Template:       Divi
 Version:        1.0.0
*/
 
@import url("../Divi/style.css");
 
/* =Theme customization starts here
------------------------------------------------------- */
#main-header{
	
  	background-color: #30373f;
}

a{
	color: #ed6a84;

	-webkit-transition: all 0.3s ease-in-out;
	-ms-transition: all 0.3s ease-in-out;
	transition: all 0.3s ease-in-out;
	-webkit-transition-property: color, background;
	-ms-transition-property: color, background;
	transition-property: color, background;
}

.et_pb_bg_layout_dark a{
	color: #fff;
}

h1{
	font-size: 3em;
}

.et_pb_widget{
	float: none;
}

#top-menu li li{
	padding: 0 10px; white-space: nowrap;
}

.et_header_style_centered #main-header .logo_container{
	height: 100px;
	margin: 20px 0 0px;
	overflow: hidden;
  	background-color: #30373f;
}


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

#et-info-phone{
	font-weight: 200;
	font-size: 14px;
}

.et_header_style_centered header#main-header.et-fixed-header .logo_container{
	height: 80px;
	margin: 30px 0;
}

.et_pb_sum, .et_pb_pricing li a, .et_pb_pricing_table_button, .et_overlay:before, .et_pb_member_social_links a:hover, .woocommerce-page #content input.button:hover .et_pb_widget li a:hover, .et_pb_bg_layout_light .et_pb_promo_button, .et_pb_bg_layout_light.et_pb_module.et_pb_button, .et_pb_bg_layout_light .et_pb_more_button, .et_pb_filterable_portfolio .et_pb_portfolio_filters li a.active, .et_pb_filterable_portfolio .et_pb_portofolio_pagination ul li a.active, .et_pb_gallery .et_pb_gallery_pagination ul li a.active, .et_pb_contact_submit, .et_pb_bg_layout_light .et_pb_newsletter_button {
    color: #30373f;
}

#main-content .container:before{
	content: none;
}

.tax-markenkategorie #et-main-area,
.tax-markenkategorie #main-content{
	background: #58626d;
}

.text-center{
	text-align: center;
}

article.marke{
	margin-bottom: 30px;
}

h2.marke-title{
	padding: 0;
	margin: 0;
}

h2.marke-title a{
	display: block;
	width: 100%;
	background: #30373f;
	
	-webkit-transition-duration: 0.15s;
	-ms-transition-duration: 0.15s;
	transition-duration: 0.15s;
}

h2.marke-title a:hover{
	background: #ed6a84;
}

h2.marke-title .no-thumb{
	padding-bottom:100%;
	position: relative;
	text-align: center;
}

h2.marke-title .no-thumb span{
	position: absolute;
	display: block;
	width: 100%;
	top: 50%;
	color: #fff;

	-webkit-transform: translateY(-50%);
		-ms-transform: translateY(-50%);
			transform: translateY(-50%);
}

.tax-markenkategorie #main-content{
	margin-bottom: 30px;
}

.artikel-liste{
	margin-bottom: 60px;
}

.artikel-liste .row{
	margin: 0 -1px;
}

.artikel-liste .artikel-item{
	padding: 1px;
}

.artikel-liste .artikel-item a{
	width: 100%;
	display: block;
	padding-bottom: 100%;
	background: #58626d;
	position: relative;
	overflow: hidden;
}

.artikel-liste .artikel-item span,
.artikel-liste .artikel-item img{
	position: absolute;
	top: 0;
	left: 0;
	display: block;
	width: 100%;
}

.artikel-liste .artikel-item span{
	top: 50%;
	-webkit-transform: translateY(-50%);
		-ms-transform: translateY(-50%);
			transform: translateY(-50%);

	text-align: center;
	font-size: 2em;
	line-height: 150%;
	color: #fff;
}

.artikel-control{
	margin-bottom: 15px;
}

.artikel-control input,
.artikel-control select{
	box-sizing: border-box;
	height:40px;
	padding: 6px 12px;
	font-size: 16px;
	margin-right: 10px;
	border-radius: 2px;
	border: none;
	text-transform: uppercase;
	font-weight: bold;
	color: #58626d;
	background: #f0f0f0;
}

.artikel-control input:focus,
.artikel-control select:focus{
	border-color: #ccc;
}

#et_search_icon:hover,
.mobile_menu_bar:before,
.mobile_menu_bar:after,
.et-social-icon a:hover,
.comment-reply-link,
.form-submit .et_pb_button,
.entry-summary p.price ins,
.woocommerce div.product span.price,
.woocommerce-page div.product span.price,
.woocommerce #content div.product span.price,
.woocommerce-page #content div.product span.price,
.woocommerce div.product p.price,
.woocommerce-page div.product p.price,
.woocommerce #content div.product p.price,
.woocommerce-page #content div.product p.price,
.woocommerce .star-rating span:before,
.woocommerce-page .star-rating span:before,
.woocommerce a.button.alt,
.woocommerce-page a.button.alt,
.woocommerce button.button.alt,
.woocommerce-page button.button.alt,
.woocommerce input.button.alt,
.woocommerce-page input.button.alt,
.woocommerce #respond input#submit.alt,
.woocommerce-page #respond input#submit.alt,
.woocommerce #content input.button.alt,
.woocommerce-page #content input.button.alt,
.woocommerce a.button,
.woocommerce-page a.button,
.woocommerce button.button,
.woocommerce-page button.button,
.woocommerce input.button,
.woocommerce-page input.button,
.woocommerce #respond input#submit,
.woocommerce-page #respond input#submit,
.woocommerce #content input.button,
.woocommerce-page #content input.button,
.woocommerce a.button.alt:hover,
.woocommerce-page a.button.alt:hover,
.woocommerce button.button.alt:hover,
.woocommerce-page button.button.alt:hover,
.woocommerce input.button.alt:hover,
.woocommerce-page input.button.alt:hover,
.woocommerce #respond input#submit.alt:hover,
.woocommerce-page #respond input#submit.alt:hover,
.woocommerce #content input.button.alt:hover,
.woocommerce-page #content input.button.alt:hover,
.woocommerce a.button:hover,
.woocommerce-page a.button:hover,
.woocommerce button.button,
.woocommerce-page button.button:hover,
.woocommerce input.button:hover,
.woocommerce-page input.button:hover,
.woocommerce #respond input#submit:hover,
.woocommerce-page #respond input#submit:hover,
.woocommerce #content input.button:hover,
.wp-pagenavi span.current,
.wp-pagenavi a:hover,
.et_password_protected_form .et_submit_button,
.nav-single a,
.posted_in a,
#top-menu li.current-menu-ancestor > a,
#top-menu li.current-menu-item > a,
.bottom-nav li.current-menu-item > a,
.footer-widget h4{
	color: #ed6a84
}

.et_mobile_menu{
	border-color: #ed6a84;
}

.tax-markenkategorie h1{
	margin-bottom: 40px;
	padding-bottom: 30px;
	color: #fff;
	border-bottom: 1px solid #7e8388;
}

.tax-markenkategorie h2{
	color: #9da4ab;
}

.et_pb_fullwidth_header{
	min-height: 330px;
}

.marke h2 img{
	display: block;
}

#top-header, #et-secondary-nav li ul {
    background-color: #30373f;
	border-bottom: 1px solid #30373f;
}

#et-info{
	float: none;
	text-align: right;
}

@media only screen and (min-width: 981px){
	.et_header_style_centered #logo,
	.et_header_style_centered .et-fixed-header #logo{
	    height: 100px!important;
	    max-height: 100px!important;
	}

	.home .et_pb_container{
		height: 70vh;
	}

	.et_pb_gutters2 .et_pb_column_1_4 .et_pb_module, .et_pb_gutters2.et_pb_row .et_pb_column_1_4 .et_pb_module, .et_section_specialty .et_pb_gutters2.et_pb_row .et_pb_column_3_4 .et_pb_column_1_4 .et_pb_module, .et_section_specialty .et_pb_gutters2.et_pb_row .et_pb_column_1_2 .et_pb_column_1_4 .et_pb_module, .et_section_specialty .et_pb_row .et_pb_column_3_4 .et_pb_gutters2.et_pb_row_inner .et_pb_column_1_4 .et_pb_module, .et_section_specialty .et_pb_row .et_pb_column_1_2 .et_pb_gutters2.et_pb_row_inner .et_pb_column_1_4 .et_pb_module{
		margin-bottom: 12.593%;
	}
}
#menu-headermenu {
    display: flex;
    justify-content: center;
    list-style-type: none;
   padding: 15px 0 8px 0;
    margin: 0;

}


#menu-headermenu li {
    margin: 0 10px;
	
}

#menu-headermenu a {
    text-decoration: none;
    color: white;
	font-weight: 300;
}

@media (max-width: 768px) {
	#menu-headermenu li {
  margin: 0 5px;
}
    #menu-headermenu {
		width: 100%;
		padding: 3px 0 3px 0;
        margin: 0;
	
		font-size: 12px;
		 justify-content: center;
		flex-wrap: wrap;
    }
}