/*!
 * Start Bootstrap - Modern Business HTML Template (http://startbootstrap.com)
 * Code licensed under the Apache License v2.0.
 * For details, see http://www.apache.org/licenses/LICENSE-2.0.
 */

/* Global Styles */

/* Webdesign by EMSIG-DESIGN:
Farbkonzept, Textsatz, Typografie, Layout.
Bildmotive für die gesamte Website mit freundlicher Genehmigung der Firmen Speidel und Home & Body Fashion GmbH & Co. KG
*/

 html{font-family:sans-serif;-webkit-text-size-adjust:100%;-ms-text-size-adjust:100%;
 font-family: 'PT Sans', sans-serif;
 }

body {
	 /* Required padding for .navbar-fixed-top. Remove if using .navbar-static-top. Change if height of navigation changes. */
	font-family: 'PT Sans', sans-serif;
	padding-top:0px;
	height: 100%;
	background-color:rgba(255,255,255,1)

}
.text-white {
color:#ffffff;}

.message  {
	padding: 20px;
	border: rgba(191,192,208,1);
	box-shadow: rgba(165,205,196,1) inset;
	font-size: 22px;
	color: rgba(193,188,184,0.9)
}

#background-white {
	background:rgba(255,255,255,1)
}


.logo-header {
	padding-top: 80px; /* Required padding for .navbar-fixed-top. Remove if using .navbar-static-top. Change if height of navigation changes. */
	font-family: 'PT Sans', sans-serif;
	background-image: url(../images/logos/stoeckle-logo_30.svg);
	background-repeat: no-repeat;
	background-position: center 12px;
	background-color: rgba(227,222,218,0);
}

#hbf-logobackground  {
	background-image:
}

#hbf-container-1 {

	margin-top: 180px

}

#hbf-breadcrumb  {
	background:rgba(245,245,245,1);
	color:rgba(34,34,34,1);
	inline-box-align:initial;
	font-family: 'PT Sans', sans-serif;

}
#hbf-breadcrumb a:active  {
	color:rgba(197,223,217,1);
	background:rgba(44,60,56,1);
	font-family: 'PT Sans', sans-serif;
}

#hbf-breadcrumb a:link  {
	color:rgba(34,34,34,0.5);

}

#hbf-breadcrumb a:hover  {
	color:rgba(91,163,148,1);
	text-decoration:none;
	font-family: 'PT Sans', sans-serif;

}

.img-portfolio {
    margin-bottom: 30px;
}

.img-hover:hover {
    opacity: 0.8;
}

#hbf-li {
	font-size:16px;

}
#hbf-big-li {
	font-size:25px;
	color:rgba(119,119,119,1);
}
/*Buttons*/
#hbf-btn-primary{
	background:rgba(91,163,148,0.7);
	border:none;

}
#hbf-btn-primary:hover{
	background:rgba(91,163,148,0.9);
	border:none;

}


/*Überschriften*/

#hbf-h1 {
 font-family: 'PT Sans', sans-serif;
 font-size: 50px;
 line-height: 70px;
 text-shadow: 2px 2px 6px #F5F6F7;
 color:#bfbcb8;
 border:none;
}

#hbf-h2 {
	font-family: 'PT Sans', sans-serif;

 font-size: 30px;
 line-height: 35px;
 text-shadow: 2px 2px 6px  #F5F6F7;
color:#bfbcb8;

}
p {
	font-family: 'PT Sans', sans-serif;
	font-size: 15px;
	line-height: 25px;
	padding-right: 3px;
	padding-left: 3px;
}

h7{
	font-size:10px
}

#text-box-grey {
	background:rgba(210,205,196,0.5)
}
/* Home & Body Fashion Carousel */

header.carousel {
    height: 100%;
	margin-top:100px
}

header.carousel .item,
header.carousel .item.active,
header.carousel .carousel-inner {
    height: 100%;
}


header.carousel .fill {
    width: 100%;
    height: 100%;
    background-position: center;
    background-size: cover;

}


/*hbf*/
#height-hbf {
	height:50%;
}
#hbf-carousel-caption {
	color:rgba(92,163,148,1);
	background:rgba(34,34,34,0.9);
	padding:6px;
	margin-bottom:20%;
	margin-left:8%;
	margin-right:8%
}

#hbf-first-column {
	margin-top:75px;
}

#hbf-area-grey-small{
	padding:25px;
	background:rgba(245,245,245,1);

}
#hbf-area-m-grey-small{
	padding:25px;
	background:rgba(191,188,184,0.3);

}



#hbf-icon-green {
	color:rgba(91,163,148,1);
	font-size: xx-large;
	padding-right: 20px
}

#hbf-icon-green-small {
	color:rgba(91,163,148,1);
	font-size:16px;
	padding-right: 20px
}

#hbf-icon-green-square {

	color:rgba(91,163,148,1);
	font-size:30px;
	padding-right:2px;
	width: 40px;

	background:rgba(116,217,233,0.0)

}

#hbf-icon-taupe {
	color:rgba(157,157,157,1);
	font-size: xx-large;
	padding-right: 20px
}

#hbf-icon-taupe-square {

	color:rgba(157,157,157,1);
	font-size:30px;
	padding-right:2px;
	width: 40px;

	background:rgba(245,245,245,0)

}
#hbf-panel {
	color: rgba(91,163,148,1);
	font-size: large;
	border-radius: 0px;
	border-color: rgba(255,255,255,1);
}
#hbf-panel:hover {
	background-color: rgba(191,188,192,1);
	color: rgba(27,32,34,1);
}
#hbf-panel:link {
	color: rgba(91,163,148,1);
	background-color: rgba(245,245,245,1);
}
#red {
	background:rgba(204,0,0,1);

}

#christmas {
background-image:url(../images/css-images/h-b-f-christmas.jpg);
}
#fruehling {
background-image:url(../images/css-images/h-b-f-fruehling.jpg);
}
#summer {
background-image:url(../images/css-images/h-b-f-summer.jpg);
}
#align.-left{
	text-align:left

}

.footer {
	background:rgba(249,249,249,1);
	font-size: 12px;
	color:rgba(44,60,56,0.3);
	padding:20px;
	padding-left:40px;
	border-top:double   #E6EDEC  5px;
	background-image:url(../images/css-images/h-b-f-pattern-5.jpg);
	background-position: center;
	background-repeat:no-repeat;
	height:500px

}






/* 404 Page Styles */

.error-404 {
    font-size: 100px;
}

/* Pricing Page Styles */

.price {
    display: block;
    font-size: 30px;
    line-height: 50px;

}

.price sup {
    top: -10px;
    left: 2px;
    font-size: 20px;
}

.period {
    display: block;
    font-style: italic;
}
/*navbar-styles*/


#hbf-navbar-header {

	margin-top:0px;
	border-top:rgba(203,225,220,1) medium double;
	border-bottom: outset    #3D5A55 10px;
	background-image:url(../images/css-images/h-b-f-pattern-4.png);
	background-color:rgba(255,255,255,1);

	background-repeat:repeat-x;
	background-position:center;
	font-size:22px;
	color:rgba(91,163,148,1)


}
#hbf-nav {
	color:rgba(191,188,184,1);


}
#hbf-nav a:link {
	color:rgba(191,188,184,1)
}
#hbf-nav a:hover {
	color: rgba(167,205,195,1)
}
hbf-toggle-nav {
	transition:ease-in-out;}
/* Footer Styles */

footer {
    margin: 50px 0;
	color:rgba(141,139,138,1)
}
#footer-1{
	color:rgba(141,139,138,1);
}
#footer-1 a:link{
	color:rgba(136,187,177,1)
	}
#footer-1 a:hover{
	color:rgba(20,0,0,1)
}

/* Responsive Styles */

@media(max-width:991px) {

	body {
	padding-top: 0px; /* Required padding for .navbar-fixed-top. Remove if using .navbar-static-top. Change if height of navigation changes. */
	font-family: 'PT Sans', sans-serif;
	background-repeat: no-repeat;
	background-position: center 60px;
	background-color:rgba(255,255,255,1)
}
    .customer-img,
    .img-related {
        margin-bottom: 30px;
    }
#hbf-first-column {
	margin-top:130px
}

	/*navbar-styles*/


#hbf-navbar-header {

	margin-top:0px

}

}

@media(max-width:767px) {
	body {
	background-color:rgba(227,222,218,0.2);
	font-family: 'PT Sans', sans-serif;
	}
    .img-portfolio {
        margin-bottom: 15px;
    }

    header.carousel .carousel {
        height: 100%;
    }

	/*navbar-styles*/


#hbf-navbar-header {

	margin-top:0px

}
}

/*figure-styles*/

figure,
figcaption {
	margin: 0;
	padding: 0;
	font-family: 'PT Sans', sans-serif;

}

figure.einzel {
	position: relative;
	display: inline-block;
	font-size:16px;
	margin-bottom:40px;

	border-bottom-right-radius:15px;

}

figure img {
	width: 100%;
	display: block;
}

figcaption {
	position: absolute;
	bottom: 0;
	padding:5px;
	margin-top:15px;
	width: 100%;
	text-align: center;
	line-height: 1.2em;
	font-size:13px;
	color: black;
	background:rgba(227,222,218,1);
	border-left:solid 0px  rgba(207,202,198,1);

	border-bottom-right-radius:15px;
}
}

@media only screen and (max-width: 800px) {
	body {
		width: 100%;
		margin: 2% 0;
		padding: 1%;

	}
	figure.einzel {
		width: 100%;

	}
}

@media only screen and (max-width: 600px) {
	figure.einzel {
		width: 100%;
	}
	#hbf-navbar-header {

	margin-top:0px;
	border-bottom: outset    #3D5A55 10px;
}
.logo-header {
/* Required padding for .navbar-fixed-top. Remove if using .navbar-static-top. Change if height of navigation changes. */
	font-family: 'PT Sans', sans-serif;
	background-image:url(../images/logos/stoeckle-logo_30.svg);
	background-repeat: no-repeat;
	background-position: center 12px;
	background-color: rgba(227,222,218,0);
}
#hbf-logobackground  {
	background-image:
}

}
@media only screen and (max-width: 480px) {

.logo-header {
	padding-left:50%; /* Required padding for .navbar-fixed-top. Remove if using .navbar-static-top. Change if height of navigation changes. */
	font-family: 'PT Sans', sans-serif;
	background-image:url(../images/logos/stoeckle-logo_30.svg;

  height:auto;
	background-repeat: no-repeat;
	background-position: center 12px;
	background-color: rgba(227,222,218,0);
}
#hbf-logobackground  {
	background-image:
}

}