@charset "UTF-8";
/* YOUR CUSTOM CSS */
@import url('https://fonts.googleapis.com/css?family=Arvo|Holtwood+One+SC&display=swap');

#mc_embed_signup {
  color:#333;
  clear:left;

}
/* Add your own Mailchimp form style overrides in your site stylesheet or in this style block.
   We recommend moving this block and the preceding CSS link to the HEAD of your HTML file. */
#mc_embed_signup .mc-field-group label {
   color:#fff;
   font-family: "Arvo", Helvetica, Arial, sans-serif;
   font-size: 20px;
   text-align: center;
}
#mc_embed_signup .button {
   background-color: #0b381f;
   color: #FFFFFF;
   cursor: pointer;
   display: inline-block;
   font-size: 15px;
   font-weight: normal;
   height: 32px;
   line-height: 32px;
   padding: 0 22px;
   margin-left: auto;
   margin-right: auto;
}
#mc_embed_signup .clear {
  text-align: center;
}
}
#mc_embed_signup .mc-field-group {
  width: 100%!important;
}

#mc_embed_signup form {
  text-align: center;
}
/*   */
@media only screen and (max-width: 991px) {
  .cc-color-override-688238583.cc-window {
    margin-bottom: 60px;
  }
}

/* Fonts */
h1, h2 {font-family: "Holtwood One SC", Helvetica, Arial, sans-serif; }
body, .high_light h3, .parallax-content .sub_content h3, .box_style_2 h2.inner {font-family: "Arvo", Helvetica, Arial, sans-serif; }


/*General links color*/
a {color:#0b381f;}
a:hover,a:focus {color: #7a9987;}

@media only screen and (max-width: 991px) {
	.main-menu ul li a:hover, a.show-submenu:hover, a.show-submenu:focus, a.show-submenu-mega:hover, a.show-submenu-mega:focus {
		color: #0b381f!important;
	}
}

a.strip_list:hover h3{
	color:#7a9987;
}

footer a{
	color:#555;
}
footer a:hover{
	color:#0b381f;
}
.main-menu ul ul li:hover > a {color:#0b381f;}

/* Header */
header.sticky{
	background-color: rgba(11,56,31, 0.95);
	padding-bottom:15px;
}
.main-menu > ul > li > a {
	padding-top:15px;
}

@media only screen and (max-width: 991px) {
	#header_menu {
		background-color: #0b381f;
	}
}

/* High Light */
.high_light{
	/*background:#7a9987;*/
	background:#e2ab00;
	color:#fff;
}

.box_style_2 h2.inner {
	background-color:#0b381f;
	color:#fff;
}
/*3.1 Preloader*/
#preloader {
	background-color:#0b381f;
}
/* Thumbnail Preview */
#Img_carousel .sp-selected-thumbnail {
    border-bottom: 2px solid #be210a;
}

.box_style_2#help a.phone {
	color:#0b381f;
}
.bh_newsletter {
	margin-left:auto;
	margin-right:auto;
	width:50%;
}

/* Logo Startseite */
.bh_logo_test {
	margin-top:-10%;
	margin-bottom:50px;
	width:20%;
}

@media only screen and (max-width: 767px) {
	.bh_logo {
		display: none;
	}
}
/* Logo Men� */
/*header img {
	visibility:hidden;
}
header.sticky img {
	visibility:visible;
}*/

#custom-search-input .search-query {
    font-family: "Arvo", Helvetica, Arial, sans-serif;
}

/* Mailchimp */
#mc_embed_signup{clear:left; font:14px Helvetica,Arial,sans-serif; width:100%;}
	/* Add your own Mailchimp form style overrides in your site stylesheet or in this style block.
	   We recommend moving this block and the preceding CSS link to the HEAD of your HTML file. */

/* Hubspot Formular */
.submitted-message {
	color: #fff!important;
    text-align: center;
}
.hbspt-form {
	width:50%;
	 margin-left:auto;
	 margin-right:auto;
}
.hs-form label {
	color:#fff!important;
}
.hubspot-link__container {
	visibility:hidden!important;
}

.bh_suchlogo {
	max-width: 80%;
	margin-bottom: 10px;
}

.dropdown-options .dropdown-menu {
	border-top: 2px solid #0b381f!important;
}
.dropdown-options.dropup .dropdown-menu {
    border-bottom: 2px solid #0b381f!important;
}

.dropdown-options .dropdown-menu:before {
    border-bottom-color: #0b381f!important;
}

.dropdown-options.dropup .dropdown-menu:before {
    border-color: #0b381f transparent transparent transparent!important;
    border-bottom-color: #0b381f!important;
}

.dropdown-options .dropdown-menu a.add_to_basket {
		color: #0b381f;
}

.dropdown-options .dropdown-menu a.add_to_basket:hover {
    background-color: #0b381f;
    color: #fff;
}
/* Video */
.responsive-video iframe {
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%;
}
.responsive-video {
position: relative;
padding-bottom: 56.25%; /* Default for 1600x900 videos 16:9 ratio*/
padding-top: 0px;
height: 0;
overflow: hidden;
}
.bh-padding {
	padding-top: 10px;
	padding-bttom: 10px;
}
.desc h3 a:hover {

    color: #7a9987;

}
/* Features Startseite */
.index-features-bg {
    position: relative;
    min-height: 400px;
    background: url(../img/BH_Werbung_Sept_2019_v02_s02_stoerer.jpg) no-repeat top center;
    background-size: cover;
}
.index-features-img {
    width: 100%;
    height: 400px;
    text-align: center;
    line-height: 400px;
}
.index-features-content {
    position: relative;
    padding: 5% 100px 10% 100px;
    height: 400px;
    background-color: #f5e721;
	color:#000;
	font-size:18px;
}
.index-features-content h3{
   font-family: "Holtwood One SC", Helvetica, Arial, sans-serif;
   color:#000;
   font-size:32px;
   line-height:34px;
   padding-bottom: 30px;
   text-transform:uppercase;
}

/* About */
.features-bg {
    background: url(../img/q_46651944_m.jpg) no-repeat center center;
}
.features-content {
    background-color: #0b381f;
    color: #fff;
}
.feature h3 span {
	color:#be210a;
}
.feature i {
	color: #e2ab00;
}
.features-content h3 {
	font-family: "Holtwood One SC", Helvetica, Arial, sans-serif;
}

.panel-title a .indicator {
    color: #0b381f;
}

.strip_list.grid .thumb_strip img {
  width: auto;
  height: 140px;
}
.thumb_strip {
  padding: 0;
}

.thumb_menu_list img {
  height: 80px;
  width: auto;
}

.modal-popup {
    background: #0b381f;
}
.bh-warning {
	color: #fff;
	background-color: #ff0000;
	padding: 20px;
	text-align: center;
  display: none;
}
.bh-footer-logo {
	width:60%;
}
a.btn_1, .btn_1 {
	    background: #0b381f;
}
@media only screen and (max-width: 991px) {
	.bh-footer-logo {
		width:30%;
	}
}
@media only screen and (max-width: 767px) {
	.bh-footer-logo {
		width:80%;
	}
}
@media only screen and (max-width: 480px) {
	.features-content {
	    height:auto!important;
		}
  .index-features-content {
	    height:auto!important;
		}
    .index-features-content {
        padding: 5% 20px 10% 20px;
    }
}
@media only screen and (max-width: 767px) {}
	.bh-newsletterbox {
	    height: auto;
			padding: 30px;
	}
	.bh_newsletter {
	    width: 80%;
	}
}