@font-face {
  font-family: 'Montserrat';
  src: url("/webcontent/cms/brigitteboxDESite/Montserrat-Regular.ttf") format("truetype");
  font-weight: 400;
  font-style: 400;
  font-display: swap; 
}
@font-face {
  font-family: 'Montserrat';
  src: url("/webcontent/cms/brigitteboxDESite/Montserrat-Medium.ttf") format("truetype");
  font-weight: 600;
  font-style: 600;
  font-display: swap; 
}
@font-face {
  font-family: 'Montserrat';
  src: url("/webcontent/cms/brigitteboxDESite/Montserrat-Bold.ttf") format("truetype");
  font-weight: 800;
  font-style: 800; 
  font-display: swap;
}
@font-face {
  font-family: 'Montserrat';
  src: url("/webcontent/cms/brigitteboxDESite/Montserrat-ExtraBold.ttf") format("truetype");
  font-weight: 900;
  font-style: 900;
  font-display: swap;
}

body {
	letter-spacing: 0.015em;
	word-spacing: 0.001em;
	-webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
	background-color: #fff !important;
	color: #464646;
}
body, html, span, p, label, a, h1, h2, h3, h4, h5, h6 {
	font-family: 'Montserrat', sans-serif !important;
}
.highlighter {
	color: #19371D;
}
.glyphicon, .toast-item-close {
	font-family: 'Glyphicons Halflings' !important;
}

p {
	-webkit-font-smoothing: antialiased;
	-moz-osx-font-smoothing: grayscale;
}
h2, h3, h4, h5 { 
	font-weight: 600 !important; 
	text-transform: uppercase;
}
h4 {
	line-height: 23px;
}
b, strong {
	font-weight: 600 !important; 
}
ul>li {
	font-size: 14px !important;
	line-height: 16px !important;
}
.logo {
    height: 95px;
	margin-top: 15px !important;
}
#header .navbar {
    min-height: 40px;
}

.navbar-default li.active a {
	font-weight: 600 !important;
}
.clear {clear: both;}

.float-right {
	float: right;
}
.pr-0 {
    padding-right: 0 !important;
}
.pl-0 {
    padding-left: 0 !important;
}

.mt-0 {
	margin-top: 0px !important;
}
.mt-10 {
	margin-top: 10px !important;
}
.mt-20 {
	margin-top: 20px !important;
}
.mt-40 {
	margin-top: 40px !important;
}
.mt-30 {
	margin-top: 30px !important;
}
.mb-0 {
	margin-bottom: 0px !important;
}
.mb-10 {
	margin-bottom: 10px !important;
}
.mb-20 {
	margin-bottom: 20px !important;
}
.mb-30 {
	margin-bottom: 30px !important;
}
.mb-40 {
	margin-bottom: 40px !important;
}

.img-responsive {
	margin: 0 auto;
}	
a.img-href {
	position: absolute; 
	top: 0; 
	bottom: 0; 
	left: 0; 
	right: 0; 
	width: 100%;
	height: 100%;
	z-index: 9999;
}
a.img-href:hover {
	text-decoration: none;
}

.btn {background: #d90b00!important; color:#fff;}
.btn:hover, .btn:focus {background: #FF182E!important; border: 1px solid #d90b00!important; color:#fff;}

.absolute {
	position: absolute;
}
.relative {
	position: relative;
}
/* ----------------------PopUp------------------------- */
.pop-up button.close {
	font-size: 16px;
    box-shadow: none;
    background-color: initial;
    border: none;
    color: #000;
    float: right;
	padding: 0;
	width: 100%;
    text-align: right;
	top: 0;
    right: 0;
    z-index: 99999;
}
.pop-up .footer.code {
	background: #000;
	color: #fff;
}
.pop-up button>span {
	font-size: 30px;
	padding: 15px;
}
.pop-up button:active {
	outline: none;
	border: none;
}
.pop-up .modal-content {
    max-height: initial;
    overflow-y: auto;
}
.pop-up .modal-content .body {
	background: #000;
}
.pop-up .footer {
	clear: both;
}
.pop-up .code>a {
	font-size: 16px !important;
    background: #fff !important;
    color: #000 !important;
}
.pop-up .code>a:hover {
	text-decoration: none;
}
.pop-up .col-md-8 {
	margin-top: 20px;
    padding: 0;
}
.pop-up {
	img: 0 auto;
}
@media (min-width: 768px) {
	.pop-up .modal-dialog {
		width: 70%;
		max-width: 800px;
	}
	.pop-up .col-md-4 {
		margin-top: 35px;
	}
	.pop-up .col-md-8 {
		margin-top: 0;
		padding: 0 15px;
	}
}
/************************************************************/
/* ----------------------Markenlogos Slider Mobil------------------------- */
#slider	{ 
	margin:0 auto;
	position: relative;
}
#slider	input {
	display:none;
}
#slide1:checked ~ .slides .inner{margin-left:0}
#slide2:checked ~ .slides .inner{margin-left:-100%}
#slide3:checked ~ .slides .inner{margin-left:-200%}
#slide4:checked ~ .slides .inner{margin-left:-300%}
#slide5:checked ~ .slides .inner{margin-left:-400%}
#slide6:checked ~ .slides .inner{margin-left:-500%}
#container {
	width:100%;
	verflow:hidden;
}
#slider	 .slides .inner { 
	width:600%;
	line-height:0;
}
#slider	.slides article {
	width: calc( 100% / 6 );
	float:left;
}
#slider	.commands {
	position: absolute;
	width:100%;
	height:50px;
	top: calc( 50% - 25px );
	z-index: 9;
}
#slider	.commands label { 
	display:none;
	width:50px;
	height:50px;
}
#slider	.commands label:hover{opacity:0.8}
#slider	.active	{
	position:relative;
	z-index:5;
	margin:16% 0 0;
	text-align:center;
}
#slider	.active label{
	display:inline-block;
	width:10px;
	height:10px;
	border-radius: 10px;
	background:#d22b08;
}
#slider	.active label:hover { 
	background: #333;
	width:10px;
	height:10px;
	border-radius: 10px;
	border-color:#777!important;
}
#slide1:checked ~ .commands label:nth-child(2),#slide2:checked ~ .commands label:nth-child(3),#slide3:checked ~ .commands label:nth-child(4),#slide4:checked ~ .commands label:nth-child(5),#slide5:checked ~ .commands label:nth-child(6), #slide6:checked ~ .commands label:nth-child(1){background:url('/webcontent/cms/instyleboxDESite/next.JPG') no-repeat;  cursor: pointer; float:right; display:block; }
#slide1:checked ~ .commands label:nth-child(6),#slide2:checked ~ .commands label:nth-child(1),#slide3:checked ~ .commands label:nth-child(2),#slide4:checked ~ .commands label:nth-child(3),#slide5:checked ~ .commands label:nth-child(4),#slide6:checked ~ .commands label:nth-child(5){background:url('/webcontent/cms/instyleboxDESite/prev.JPG') no-repeat; cursor: pointer; float:left; display:block; }
#slide1:checked ~ .active label:nth-child(1),#slide2:checked ~ .active label:nth-child(2),#slide3:checked ~ .active label:nth-child(3),#slide4:checked ~ .active label:nth-child(4),#slide5:checked ~ .active label:nth-child(5),#slide6:checked ~ .active label:nth-child(6){background:#333; opacity:0.6; border-color:#fff! important; }
#slider	.slides { 
	position:relative;
	padding:2px;
	margin:45px 0 0;
	background:#FFF;
}
#slider	.slides .inner { 
	-webkit-transform:translateZ(0);
	-webkit-transition:all 800ms cubic-bezier(0.770,0.000,0.175,1.000);
	-moz-transition:all 800ms cubic-bezier(0.770,0.000,0.175,1.000);
	-ms-transition:all 800ms cubic-bezier(0.770,0.000,0.175,1.000);
	-o-transition:all 800ms cubic-bezier(0.770,0.000,0.175,1.000);
	transition:all 800ms cubic-bezier(0.770,0.000,0.175,1.000);
	-webkit-transition-timing-function:cubic-bezier(0.770,0.000,0.175,1.000);
	-moz-transition-timing-function:cubic-bezier(0.770,0.000,0.175,1.000);
	-ms-transition-timing-function:cubic-bezier(0.770,0.000,0.175,1.000);
	-o-transition-timing-function:cubic-bezier(0.770,0.000,0.175,1.000);
	transition-timing-function:cubic-bezier(0.770,0.000,0.175,1.000);
}
#slider {
	-webkit-transform:translateZ(0);
	-webkit-transition:all 0.5s ease-out;
	-moz-transition:all 0.5s ease-out;
	-o-transition:all 0.5s ease-out;transition:all 0.5s ease-out;
}
#slider	.commands label { 
	-webkit-transform:translateZ(0);
	-webkit-transition:opacity 0.2s ease-out;
	-moz-transition:opacity 0.2s ease-out;
	-o-transition:opacity 0.2s ease-out;
	transition:opacity 0.2s ease-out;
}
#slider	.commands,.commands label,.slides,.active,.active label {
	-webkit-transform:translateZ(0);
	-webkit-transition:all 0.5s ease-out;
	-moz-transition:all 0.5s ease-out;
	-o-transition:all 0.5s ease-out;
	transition:all 0.5s ease-out;
}
@media only screen and (max-width:850px) and (min-width:450px){
	#slider .commands { 
		width:90%;
		height:50px;
		width: calc( 100% - 25px );
	}
	#slider .commands label{
		-moz-transform:scale(0.9);
		-webkit-transform:scale(0.9);
		-o-transform:scale(0.9);
		-ms-transform:scale(0.9);
		transform:scale(0.9);
	}
	#slider .slides { 
		padding:2px 0;
		-webkit-border-radius:0;
		-moz-border-radius:0;
		border-radius:0;
	}
	#slider .active {
		margin:15% 0 0;
	}
}
@media only screen and (max-width:450px){
	#slider .commands {
		width:100%;height:70px;
		top: calc( 50% - 35px );
	}
	#slider .active { 
		margin:12% 0 0;
	}
	#slider .slides{padding:2px 0;-webkit-border-radius:0;-moz-border-radius:0;border-radius:0}
	#slider .commands label{-moz-transform:scale(0.7);-webkit-transform:scale(0.7);-o-transform:scale(0.7);-ms-transform:scale(0.7);transform:scale(0.7)}
}
/* ----------------------------------------------------------------------- */
/*HEADER*/
#navmain #mainnav {
	padding: 0 15px;
}

/*Menüpunkt Adventskalender verstecken*/
#mainnav>.nav.navbar-nav>li.toplevel:nth-child(7) {
  display: none;
}
.navbar-default .navbar-nav>li>a {
	border-bottom: none !important;
	font-size: 15px !important;
	padding: 8px 20px !important;
}
.navbar-collapse {
	border-bottom: 1px solid #95888f !important;
	padding: 0 54px !important;
}
	
/***************************************************/
/*Home*/
.home-icons .icon img {
	margin: 0 auto;
	width: 80%;
}
.home-icons .icon p {
	font-size: 12px;
}
/*Benutzerkonto*/
.row.formscreens {
	margin-top: 40px;
}
.teaser, .howto .column3>div {
    background-color: #f3f2f3 !important;
	border: 0 none;
}
.pull-right>button, .login-left .wrapthat>input[type="submit"] {
    float: right;
}
.login-left .wrapthat>a[data-toggle="modal"] {
    margin-top: 30px;
    display: inline-block;
}

/***************************************************/

/*Startseite*/
.banner {position:relative;}
#three-columns .col-md-4 .hidden-xs { 
	overflow: hidden; 
}

#three-columns { 
	margin-bottom: 25px;
}
.caption-slide { 
	position: absolute; 
	width: 42%; 
	top: 0; 
	bottom: 0; 
	padding: 40px;
}
.caption-slide-wrapper {
	padding: 15px 20px 30px 20px;
}
.caption-slide-wrapper>h2{
	color: #fff; 
	font-size: 21px;
}
.caption-slide-wrapper>p{
	color:#fff;
}
.caption-slide-wrapper>a, .caption-slide-wrapper>a:hover {
	color: #fff; 
	margin-top: 5px; 
}
#three-columns .description { 
	position: absolute; 
	left: 0; 
	right: 0; 
	bottom: 0;
	padding: 20px 20px 25px 20px;
}
#three-columns .description>h3 { 
	text-align: center; 
	font-size: 18px !important; 
	color: #fff; 
	text-transform: uppercase;
}
#three-columns .description>span {
	display:block; 
	text-align:center; 
	color: #fff; 
	font-size: 14px; 
	margin: 3px 0 10px 0;
}
#three-columns .description>a {
	color: #fff;
}
#three-columns .description>a:hover {
	color: #fff;
}
.item-box { 
	position: relative; 
}
.item-box .img-box {
	overflow: hidden;
}
.slideshow-mobile { 
	padding: 0 20px 20px 20px; 
}
.slideshow-mobile .banner { 
	width: 100%;
}
.slideshow-mobile h2, .slideshow-mobile span { 
	display: block; 
	text-align: center; 
	color: #fff; 
}
.slideshow-mobile h2 { 
	font-weight: bold; 
	font-size: 23px 
}
.slideshow-mobile span { 
	font-size: 18px; 
	line-height: 20px;
}
.disturber {
	border-radius: 160px;
	-moz-border-radius: 160px;
	-webkit-border-radius: 160px;
	height: 160px;
	width: 160px;
	position: absolute;
	top: 3%;
	right: 2%;
	padding: 30px 15px;
}
.disturber>span {
    color: #fff;
    text-align: center;
	font-size: 16px;
	text-transform: uppercase;
	display: block;
	
}
.disturber>span.code {
	font-weight: 600;
    font-size: 15px;
    text-transform: inherit;
    padding: 4px 0 0 0;
}
.disturber>span:first-child {
	font-weight: 800;
	font-size: 27px;
}
.hp-productCycle {
	margin-top: 50px;
}
.hp-productCycle h4 {
	font-size: 20px !important;
	font-weight: 600 !important;
}

/****************************************/

/*Vergangene Boxen*/
.past_boxes>.col-sm-4 {
	padding: 0 12px !important;
}
.past_boxes .ch-item {
	background-size: contain;
	position: relative;
	cursor: default;
	-webkit-transition: all 0.4s ease-in-out;
	-moz-transition: all 0.4s ease-in-out;
	-o-transition: all 0.4s ease-in-out;
	-ms-transition: all 0.4s ease-in-out;
	transition: all 0.4s ease-in-out;
}
.past_boxes .ch-item>img {
	margin: 0 auto;
}
.past_boxes .ch-info h3 {
	color: #2d2d2d;
	text-transform: uppercase;
	letter-spacing: 1px;
	font-size: 20px;
	line-height: 22px !important;
	border-bottom: 1px solid #2d2d2d;
	display: inline-block;
	padding-bottom: 10px;
}
.past_boxes .ch-info p {
	color: #2d2d2d;
	font-size: 24px;
	line-height: 24px;
	-webkit-transition: all 1s ease-in-out 0.4s;
	-moz-transition: all 1s ease-in-out 0.4s;
	-o-transition: all 1s ease-in-out 0.4s;
	-ms-transition: all 1s ease-in-out 0.4s;
	transition: all 1s ease-in-out 0.4s;
}
.past_boxes .ch-info p a {
	display: block;
	color: #2d2d2d !important;
	font-style: normal;
	font-size: 15px;
}
.past_boxes .ch-info p a:hover {
	color: #d90b00 !important;
	text-decoration: none;
}
.past_boxes .ch-item:hover .ch-info {
	-webkit-transform: scale(1);
	-moz-transform: scale(1);
	-o-transform: scale(1);
	-ms-transform: scale(1);
	transform: scale(1);
	opacity: 1;
}
.past_boxes .ch-item:hover:after {
	-webkit-transform: scale(1);
	-moz-transform: scale(1);
	-o-transform: scale(1);
	-ms-transform: scale(1);
	transform: scale(1);
	opacity: 1;
}
@media all and (min-width: 767px) {
	.past_boxes .ch-item {
		margin: 15px auto;
	}
	.past_boxes .ch-info {
		position: absolute;
		top: 0;
		bottom: 0;
		left: 0;
		right: 0;
		background: rgba(255, 255, 255, 0.9);
		opacity: 0;
		-webkit-transition: all 0.4s ease-in-out;
		-moz-transition: all 0.4s ease-in-out;
		-o-transition: all 0.4s ease-in-out;
		-ms-transition: all 0.4s ease-in-out;
		transition: all 0.4s ease-in-out;
		-webkit-transform: scale(0);
		-moz-transform: scale(0);
		-o-transform: scale(0);
		-ms-transform: scale(0);
		transform: scale(0);
		-webkit-backface-visibility: hidden;
		z-index: 8;
		padding: 50px 20px 30px 20px;
	}
	.past_boxes .ch-item:after {
		content: "";
		position: absolute;
		right: 0;
		bottom: 0;
		height: 250px;
		width: 145px !important;
		display: block;
		overflow: hidden;
		opacity: 0;
		-webkit-transition: all 0.4s ease-in-out;
		-moz-transition: all 0.4s ease-in-out;
		-o-transition: all 0.4s ease-in-out;
		-ms-transition: all 0.4s ease-in-out;
		transition: all 0.4s ease-in-out;
		-webkit-transform: scale(0);
		-moz-transform: scale(0);
		-o-transform: scale(0);
		-ms-transform: scale(0);
		transform: scale(0);
		z-index: 9;
		background-size: cover !important;
	}
	.past_boxes .ch-info p {
		opacity: 0;
	}
	.past_boxes .ch-item:hover .ch-info p {
		opacity: 1;
	}
}
@media all and (min-width: 768px) and (max-width: 992px) {
	.past_boxes .ch-info h3 {
		font-size: 14px;
	}
	.past_boxes .ch-info {
		padding: 20px 20px 30px 20px;
	}
	.past_boxes .ch-item:after {
		height: 130px;
		width: 130px !important;
	}
	.past_boxes .ch-info p a {
		font-size: 13px;
	}
}
/****************************************/

/*BBM*/
.bbm>.product-box-wrapper {
	float: inherit;
}
.disturber-bbm {
	background-image: url(/webcontent/cms/brigitteboxDESite/BBM_WW_Stoerer.png);
	position: absolute;
	top: 4%;
	right: 3%;
	z-index: 99;
	height: 116px;
	width: 356px;
	opacity: 0.94;
	background-repeat: no-repeat;
	background-position: inherit;
	background-size: cover;
}
.disturber-bbm>p {
	line-height: 17px;
	margin-top: 5px;
	position: absolute;
	top: 50px;
	left: 64px;
	font-weight: 600;
	font-size: 18px;
}
/****************************************/
/* LP Presse/Blogger *******************/
.blogger-form .mc-input-wrapper>select, .blogger-form .mc-input-wrapper input {
	padding: 6px 12px;
	width: 100%;
}
.blogger-form .mc-input-wrapper label {
	width: 100%;
}
.blogger-form .mc-input-label {
	font-weight: initial;
	font-size: 12px;
}
/****************************************/
/* LP Sneak-Peek *******************/
.sneak-peek .banner>.caption {
	position: absolute;
    padding: 20px 30px;
    background: rgba(255, 255, 255, 0.9);
    top: 28%;
    left: 7%;
    font-weight: 600;
}

.sneak-peek .banner>.caption>span {
	font-size: 25px;
	line-height: 29px;
}
.sneak-peek .inner-cutout {
	padding: 35px;
	background-color: #ffffff;
}
.sneak-peek .knockout{
	animation: Gradient 5s ease infinite;
	-webkit-animation: Gradient 15s ease infinite;
	-moz-animation: Gradient 5s ease infinite;
}
@-webkit-keyframes Gradient {
	0% {
		background-position: 30% 50%
	}
	50% {
		background-position: 25% 50%
	}
	100% {
		background-position: 30% 50%
	}
}
/****************************************/
/* LP Adventskalender *******************/
.adventskalender .buttons { bottom: 20px; left: 0; right: 0; }
.adventskalender .clasic-calender-id .data-id, .adventskalender .premium-calender-id .data-id  { align-items: center; padding-top: 15px; padding-right: 15px; padding-bottom: 15px; padding-left: 15px;  cursor: pointer; min-height: 70px; }
.adventskalender .clasic-calender-id .data-id>.productVariations_Name, .adventskalender .premium-calender-id .data-id>.productVariations_Name { font-size: 15px; font-weight: 600; }
.adventskalender .clasic-calender-id .data-id, .adventskalender .premium-calender-id .data-id { background: #f3f3f3; border: 1px solid #e8e3e3; }
.adventskalender .clasic-calender-id .data-id.checked, .adventskalender .premium-calender-id .data-id.checked { background: #ffffff; }
.adventskalender .glyphicon { color: #6d6c69; }
.adventskalender .bg-grey { background: #f3f3f3; }
.adventskalender .cycle-next { right: 0; }
.adventskalender .cycle-prev { left: 0; }
.adventskalender .text-bullet-point { display: inline-block; vertical-align: top; }
.bg { background: #eb587b; }
.bg-red { background: #d90b00; }
.bg-red_pink {  background: #cd1719; border: 5px solid #f29b8e; }
.bg-gold_black {  background: #000000; border: 5px solid #be9b53; }
.adventskalender .glyphicon-ok { font-size: 11px; }
.adventskalender .disturber { top: 5%; height: 140px; width: 140px; }
.adventskalender  .disturber.little { top: -17%; height: 120px; width: 120px; padding: 20px 5px; }
.adventskalender #klassik-premium { position: relative; }
.adventskalender #klassik-premium:before { content: url(/webcontent/cms/brigitteboxDESite/icon-stern.svg); display: block; position: absolute; bottom: 45px; right: 35px; height: 50px; width: 50px; opacity: .6; }
.adventskalender #klassik-premium:after { content: url(/webcontent/cms/brigitteboxDESite/icon_stern-gold.svg); display: block; position: absolute; bottom: 65px; right: 0; height: 70px; width: 70px; }
.adventskalender .disturber.right { right: 4%; }
.adventskalender .disturber.left { left: 4%; }
.adventskalender .promoteaser { padding: 9px 30px; }
.adventskalender .icon { min-height: 130px; }
.adventskalender .promoteaser--headline { color: #fff; font-size: 16px; text-transform: uppercase; font-weight: 600; margin-bottom: 0px; }
.adventskalender .promoteaser--subline { color: #fff; font-size: 12px; margin-bottom: 0px; }
.adventskalender .banner .button, .adventskalender .button { 
	min-width: 150px !important; 
	max-width: 180px !important;
	display: block !important;
	padding: 1em 2em !important; 
	border: none;
	background: none; 
	vertical-align: middle !important;
	position: relative !important;
	z-index: 1 !important;
	-webkit-backface-visibility: hidden;
	-moz-osx-font-smoothing: grayscale;
	margin: 0 auto !important;
}
.adventskalender .banner .button--wayra, .adventskalender .button--wayra {
	color: #fff;
	overflow: hidden;
	-webkit-transition: border-color 0.3s, color 0.3s;
	transition: border-color 0.3s, color 0.3s;
	-webkit-transition-timing-function: cubic-bezier(0.2, 1, 0.3, 1);
	transition-timing-function: cubic-bezier(0.2, 1, 0.3, 1);
	background: #d90b00;
	border: 1px solid #d90b00;
}
.adventskalender .banner .button--wayra::before, .adventskalender .button--wayra::before {
	content: '';
	position: absolute;
	top: 0;
	left: 0;
	width: 150%;
	height: 100%;
	background: #fff;
	color: #d90b00;
	z-index: -1;
	-webkit-transform: rotate3d(0, 0, 1, -45deg) translate3d(0, -3em, 0);
	transform: rotate3d(0, 0, 1, -45deg) translate3d(0, -3em, 0);
	-webkit-transform-origin: 0% 100%;
	transform-origin: 0% 100%;
	-webkit-transition: -webkit-transform 0.3s, opacity 0.3s, background-color 0.3s;
	transition: transform 0.3s, opacity 0.3s, background-color 0.3s;
}
.adventskalender .banner .button--wayra:hover, .adventskalender .button--wayra:hover  {
	color: #d90b00 !important;
	border-color: #d90b00;
}

.adventskalender .banner .button--wayra:hover::before, .adventskalender .button--wayra:hover::before {
	opacity: 1;
	background-color: #fff;
	-webkit-transform: rotate3d(0, 0, 1, 0deg);
	transform: rotate3d(0, 0, 1, 0deg);
	-webkit-transition-timing-function: cubic-bezier(0.2, 1, 0.3, 1);
	transition-timing-function: cubic-bezier(0.2, 1, 0.3, 1);
}
.adventskalender .panel-group {
	background: #9e9e9e21;
    padding: 30px 25px 40px 25px;
}
.adventskalender .panel--title {
	line-height: 25px;
}

.adventskalender .clasic-calender-id {
	position: relative;
}
/****************************************/
/*sneekpeak*/
.sneekpeak a:hover {
	text-decoration: none !important;
}
/****************************************/
/*Aktuelle Box*/
#productlist-container .product-teaser p {
    font-size: 14px;
    line-height: 20px;
    margin-top: 10px;
}
.product-teaser.boxes h2 {
	text-transform: inherit !important;
	font-weight: 200 !important;
}
#productlist-container>.box-teaser-wrapper>.box-teaser .col-sm-5 {
	display: none;
}

#productlist-container .product-teaser.boxes .boxproductsummary h3.nobg {
	display: none; 
}

.product-teaser.boxes {
	margin-bottom: 60px;
	margin-top: 20px;
}
.product-teaser.boxes>h2>b:first-child  {
	display: none;
}
.box-teaser .col-sm-5 .order-giveaway {
	padding: 20px 10px;
}

#productlist-container h2 b, .product-teaser.boxes h2 b {
	text-transform: uppercase;
	font-family: 'Montserrat';
}
#brands h4, #brands .customer-form>p, #brandsPage h4, #brandsPage .customer-form>p {
	text-transform: uppercase;
}
/****************************************/
/*boxspecial*/
.container>.specials {
	margin-top: 25px;
}
.container>.specials .product-teaser .col-sm-6 .abo-description {
	min-height: 150px;
}
.order-giveaway ul>li {
	line-height: 19px !important;
}
/****************************************/
/*Newsletter*/
form.layout_form>.formbox  {
	padding: 0;
}

form.layout_form>.formbox .cr_ipe_item {
	margin: 10px 0;
	padding: 0;
}
/****************************************/
/*BESTELLEN*/
.cartcontenttable h3 {
	margin-top: 5px;
}
.cartcontenttable tr>td {
	padding: 2px 0;
}
.cartcontenttable ul li {
	line-height: 24px !important;
}
#productlist-container>.order-box>.wrapper {
	background: none !important;
}
#productlist-container .order-box .product-teaser {
	width: 100%;
	padding: 0 15px;
}
.order-box .product-teaser .abo-summary.top .abo-description {
	height: 190px !important;
}
.order-box .product-teaser .abo-summary .abo-description {
	height: 200px !important;
}
.order-box .product-teaser .abo-summary.top .abo-buy>form, .product-teaser .abo-buy form {
	margin: 0 auto 20px auto !important;
	float: none !important;
}
.order-box .product-teaser .abo-summary.top .abo-buy>form+div.clear{
	margin:0px !important
}
.order-box .product-teaser .abo-summary.top .abo-summary-wrapper.border-top, .product-teaser .abo-summary-wrapper.border-top {
	border: 0 none !important;
}
.order-box .product-teaser .abo-summary .abo-img {
	margin-top: 0 !important;
}
.abo-summary .abo-price {
	display: none;
}
/****************************************/
/*LP Bestellen-Kacheln*/
@media all and (max-width: 767px ) {
	.order-box .product-teaser>.abo-summary.lp {
		width: 100% !important;
		padding: 0 20px !important;
		margin: 10px 0 !important;
	}
}
/****************************************/
/*Newsletter*/
.bg-img {
	background: url("/webcontent/cms/brigitteboxDESite/APR19_BB_1000x300_newsletter.jpg") no-repeat;
	width: 100%;
}
.newsletter h3 {
    color: #2d2d2d;
    font-size: 22px;
    margin: 0;
}
.col-sm-8>.wrapper {
	padding: 10%;
}
.newsletter form input[name=EMAIL_FIELD] {
    width: 100%;
    padding: 10px;
	border: 1px solid #eeeeee;
	border-color: #eeeeee !important;
}
.newsletter form input[name=EMAIL_FIELD]:focus, .newsletter form input[name=EMAIL_FIELD]:active, .newsletter form input[name=EMAIL_FIELD]:visited {
	border: 1px solid #eeeeee;
	border-color: #eeeeee !important;
}
.newsletter  .checkbox {
	vertical-align: top;
	width: 13px;
	margin: 10px 7px 0 0;
	display: inline-block;
}
.newsletter  .checkbox>input {
	margin: 0;
}
.newsletter .text-daten {
	width: calc(100% - 30px);
	display: inline-block;
	margin: 7px 0 0 0;
}
.newsletter  .text-daten>label, .newsletter  .text-daten>label>a {
	width: 100%;
	font-size: 13px;
	font-weight: 400;
    line-height: 18px;
	color: #464444;
}
/*Bewerten*/
.rating-checkbox .br-widget a {
	height: inherit;
	padding: 10px;
	line-height: 20px;
}
/****************************************/
/*Login*/
.loginTitle {display: none; }
/***************************************/

.btn, .btn-default, .button-primary, a.page-nav, span.page-nav a, input[type="submit"], .knowMore, .accessLink a, .tellAFriend a, .tellafriend a, .reviewProduct a, a.button.neutral, a.button, .btn-default  {
	text-transform: none !important;
}
.product-description>p {
	margin-top: 25px;
}
.product-wrapper>.product-column {
	text-align: center;
}
.cycle-pager {
    position: relative;
    bottom: 55px;
	top: inherit;
	text-align: center;
}
.banner.cycle-slide img {
    margin-bottom: 0;
}
.cycle-prev {
	left: -28px;
	background-size: 40%;
}
.cycle-next {
	right: -28px;
	background-size: 40%;
}

div.manufacturerCycle a {
	border: 0 none;
}

/*BTN CTA: .btn-default .btn-lg .btn-block .hidden-xs */
.btn_cta{
	text-transform: none;
	background: #d90b00;
}

.btn_cta:hover {
	background: #ff182e;
	border: 1px solid #d90b00;
}
.btn-lg {
	font-size: 14px;
}

/*BTN A*/
.btn_A{
	text-transform: none;
	background: #ffffff;
	border: 1px solid #333333;
}

.btn_A:hover{
	background: #ffffff;
	color: #d90b00;
	border: 1px solid #d90b00;
}


/*BTN B*/
.btn_B{
	text-transform: none;
	background: #adadad;
	color: #ffffff;
	border: 1px solid #adadad;
}

.btn_B:hover{
	background: #333333;
	color: #ffffff;
	border: 1px solid #333333;
}


/*Feedback*/
.feedback p{
	text-transform: none !important;
}

/**/
.manufacturer-banner img {
	border: none !important;
	border: 1px solid #ffffff;
}

#singleproduct .product-wrapper .product-column .prod-img {
	border: none !important;
}

#singleproduct .product-wrapper .product-column .btn-external-url {
	border-color: #d90b00 !important;
}

.btn-primary, .button-primary, a.page-nav, span.page-nav a, input[type="submit"], .knowMore, .accessLink a, .tellAFriend a, .tellafriend a, .reviewProduct a, a.button.neutral, a.button, .btn-default{
	border-color: #d90b00 !important;
}

/*SideNavigation*/
.Snav .nav-pills .nav-stacked li a{
	color: #333333 !important;
}

/*Main Navigation*/
.btn .btn-default .dropdown-toggle {
	background-color: #d90b00 !important;
	border-color: #d90b00 !important;
}

.navbar-header li:hover{
	color: #d90b00 !important;
}

.navbar-header li .active {
	color: #d90b00 !important;
}

.toplevel li:hover {
	color: #d90b00 !important;
	text-decoration: none !important;
}

.container-fluid {
	padding: 0px !important;
}

.navbar-brand {
	height: auto !important;
	margin-left: 15px;
	display: block;
}

/*Dropdown Menu */
.dropdown-menu {
	color: #333333;
	background-color: #ffffff;
	border-color: #adadad;
	text-align: left;
	font-size: 14px;
}

.dropdown-menu li a{
	color: #333333;
}

.dropdown-menu li a:hover {
	color: #ffffff !important;
	background-color: #d90b00 !important;
}

.dropdown-menu .divider {
	background-color: #adadad;
}


/*Footer*/
footer.footer .socialmedia ul.nav li a.igram {
    background-position: 0 -35px;
}

.navbar h3{
	font-weight: bold;
}

.nav a:hover {
	color: #d90b00;
	text-decoration: underline;
}

.PayPal img {
    padding-bottom: 40px !important;
    max-width: 182px !important;
}

/* Bestellen Kacheln */
#productlist-container .order-box .product-teaser {
    overflow: inherit;
}
.abo-summary-wrapper .abo-img>img {
	margin: 0 auto;
}
.highlight-product {
	-webkit-box-shadow: 0px 1px 1px 0px rgba(0, 0, 0, 0.38);
	-moz-box-shadow: 0px 1px 1px 0px rgba(0, 0, 0, 0.38);
	box-shadow: 0px 1px 1px 0px rgba(0, 0, 0, 0.38);
}

.highlight-product:hover {
	-webkit-box-shadow: 0px 5px 10px 0px rgba(0, 0, 0, 0.38);
	-moz-box-shadow: 0px 5px 10px 0px rgba(0, 0, 0, 0.38);
	box-shadow: 0px 5px 10px 0px rgba(0, 0, 0, 0.38);
	transform: scale(1.04);
}

.product-box.highlight-product:hover > .ribbon-wrapper  {
	transform:scale(1.04);
	position:absolute;
	top:-2.3%;
	left:155px;
}
.content > ul {
	padding: 10px;	
}
.content {
	min-height: 140px;
}
.product-box {
	margin: 40px 5px 0;
}
.sofunktionierts {
	float: left;
	height: 300px;
	padding: 2% 30px;
	color:#000;
	margin-top: 10px;
}
.slideshow img {
	border-bottom: medium none;
}
.sprechblase::before {
	border-color: transparent;
	border-style: solid;
	border-width: 0 0 30px 50px;
	bottom: -30px;
	content: "";
	display: block;
	position: absolute;
	right: 80px;
	width: 0;
}
.sprechblase::after {
	border-color: transparent rgb(253, 192, 79);
	border-style: solid;
	border-width: 0 0 30px 20px;
	bottom: -30px;
	content: "";
	display: block;
	position: absolute;
	right: 50px;
	width: 0;
}
.sprechblase {
	background-color: rgb(253, 192, 79);
	border-radius: 40px;
	color: #fff;
	height: 170px;
	margin: 0;
	padding: 15px 30px;
	position: relative;
}
.blockquote {
	font-size:16px;
	text-align:center;
}

.btn-new {
    background: #d90b00 none repeat scroll 0 0 !important;
    font-size: 20px;
    margin: 0 auto;
    padding: 22px;
}
.btn-new:hover {
    background: #ff182e none repeat scroll 0 0 !important;
    text-decoration: none;
}
.graufilter {
    filter: grayscale(1);
    -webkit-filter: grayscale(1);
	-moz-filter: grayscale(1);
	-ms-filter: grayscale(1);
	-o-filter: grayscale(1);
}

#mcCookie {
  background-color: #fff;
  bottom: 0;
  padding-top: 10px;
  position: fixed;
  width: 100%;
  z-index: 99999;
  border-top: 1px solid #e2e2e2; }

.mcCookietext {
  padding-top: 10px;
  padding-bottom: 15px; 
}

.collapse {
    display: none;
}
.collapse.in {
    display: block;
}
.collapsing {
    position: relative;
    height: 0;
    overflow: hidden;
	-webkit-transition: height .35s ease;
    transition: height .35s ease;
}

.panel-group a[role="button"] {
	font-size: 15px;
	margin-bottom: 7px;
    display: block;
}

.card ul>li {
	font-size: 14px;
}
.card ul {
	margin: 10px 0 40px 15px;
}

.up {
	border-top: 0px solid;
	border-bottom: 4px solid;
}
a {
	outline: none !important;
}
b.caret {
	margin-left: 5px;
}
.caret {
	-webkit-transform: rotate(180deg);
	-moz-transform: rotate(180deg);
	-o-transform: rotate(180deg);
	-ms-transform: rotate(180deg);
	transform: rotate(180deg);
}
a.collapsed>b.caret {
	-webkit-transform: rotate(0deg);
	-moz-transform: rotate(0deg);
	-o-transform: rotate(0deg);
	-ms-transform: rotate(0deg);
	transform: rotate(0deg);
}
.whatsapp-button, .whatsapp-button:hover {
	color: #ffffff;
	background: #25D366;	
	border: 1px solid #25D366; 
}
.no-float {
	float: none !important;
}
.sneakpeek {
	color: rgb(0, 0, 0); 
	border: 1px solid #53284e; 
	clear: both; 
	padding: 2% 30px;
}
.teasertext {
	padding-left: 6%;
    padding-right: 6%;
}

.footer .fb-share { 
	padding-left: 15px !important;
}   
.footer .fb-share:hover { 
	padding-left: 15px !important;
}

.footer .fb-share .fb-icon { 
	position: relative !important;
	left: -10px !important;
} 

#questionid label {
	text-indent: -21px;
	padding-left: 20px;
	width: 100%;
}

#questionid input {
	margin-right: 5px;
}

#subscribeNewsletter a {
	color:#d90b00;
}

#subscribeNewsletter form.customer-form > div div {
	width: 5% !important;
	margin-left: 24px !important;
	margin-top: -5px !important;
}

.howitworks img {
	height: auto !important;
	margin-left: auto;
	margin-right: auto;
}

.points-table .highlight {
	color: red; }

.points-table-wrapper {
	overflow-y: scroll; }  

.payment-footer .swapimage img {
	opacity: 0; }

.payment-footer .swapimage {	
	background: url("https://www.brigittebox.de/webcontent/cms/brigitteboxDESite/dhl_logo_100x33.png") no-repeat left 0 transparent; }


.modal-dialog .modal-content .modal-header button.close, .modal-dialog .modal-body .modal-header button.close {
    display: block; }
	
/***************So funktionierts******************************************/
.blog-image { 
	position: relative; overflow: hidden; 
}
.blog-image:hover img {
	-moz-transform: scale(1.2); 
	-ms-transform: scale(1.2); 
	-o-transform: scale(1.2); 
	-webkit-transform: scale(1.2); 
	transform: scale(1.2); 
	transition: all 1s ease-in-out; 
	-moz-transition: all 1s ease-in-out; 
	-webkit-transition: all 1s ease-in-out; 
}
.blog-image>a>img { 
	width: 100%; 
	margin: 0 auto; 
	top: 0; 
	bottom: 0; 
	-moz-transition: .3s; 
	-o-transition: .3s; 
	-webkit-transition: .3s; 
	transition: .3s; 
}
.btn-color { 
	-webkit-transform: scale(0); 
	-moz-transform: scale(0); 
	-o-transform: scale(0); 
	opacity: 1; 
	-ms-transform: scale(0); 
	transform: scale(0); 
	display: inline-block; 
	padding: 15px 18px; 
	background: transparent; 
	border: 2px solid #C2DDCE; 
	color: #141d23; 
	text-decoration: none; 
	text-transform: uppercase; 
	-webkit-backface-visibility: hidden; 
	-moz-backface-visibility: hidden; 
	-ms-backface-visibility: hidden; 
	backface-visibility: hidden; 
	-webkit-perspective: 1000; 
	-moz-perspective: 1000; -ms-perspective: 1000; 
	perspective: 1000; -webkit-transform: translate3d(0, 0, 0); 
	-ms-transform: translate3d(0, 0, 0); 
	-o-transform: translate3d(0, 0, 0); 
	transform: translate3d(0, 0, 0); 
	-webkit-transition: background 0.2s ease-in-out,border-color 0.2s ease-in-out,color 0.2s ease-in-out; 
	-moz-transition: background 0.2s ease-in-out,border-color 0.2s ease-in-out,color 0.2s ease-in-out; 
	transition: background 0.2s ease-in-out,border-color 0.2s ease-in-out,color 0.2s ease-in-out; 
}
.btn-color:hover { 
	background: #C2DDCE; 
	color: #fff; 
	-webkit-transform: scale(1); 
	-moz-transform: scale(1); 
	-o-transform: scale(1); 
	-ms-transform: scale(1); 
	transform: scale(1); 
	opacity: 1; 
}
.buttons>.button {
	text-transform: uppercase !important;
}

.text-center {
	text-align: center;
}
/*****************Box Detail-Ansicht***************************/
.product-column >a:not(.btn) {
	background: #d90b00!important;
    color: #fff !important;
    border-color: #d90b00 !important;
    min-width: 215px;
    display: inline-block;
    margin-bottom: 0;
    font-weight: normal;
    text-align: center;
    vertical-align: middle;
    cursor: pointer;
    background-image: none;
    border: 1px solid transparent;
    white-space: nowrap;
    padding: 6px 12px;
    font-size: 14px;
    line-height: 1.42857;
    border-radius: 0px !important;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
    margin-top: 15px;
	margin-bottom: -10px;
}
.product-column >a:not(.btn):hover {
    background: #FF182E!important;
    border: 1px solid #d90b00!important;
	text-decoration: none;
}
/*****************+++++++++++++++++++**************************/
/*****************MEDIA QUERIES********************************/
@media only screen and (max-width: 360px){
	.slideshow-mobile h2 { font-size: 18px; }
	.slideshow-mobile span { font-size: 16px; }
	.manufacturer-wrapper #brandsPage .brandProducts a {
		width: 70%;
		display:block;
		margin-left: auto;
		margin-right: auto;
	}
	.adventskalender .icon { min-height: 160px; }
}
@media only screen and (max-width: 480px) {  
	#subscribeNewsletter form.customer-form > div div {
		width: 5% !important;	
	}
	.manufacturer-wrapper #brandsPage .brandProducts a {
		width: 45%;
	}	
}
@media only screen and (max-width: 540px){
	.disturber-bbm>p {
		font-size: 13px;
		top: 29px;
		left: 34px;
	}
	.disturber-bbm {
		top: -4%;
		right: 3%;
		z-index: 99;
		height: 62px;
		width: 239px;
	}
	.adventskalender .icon>p { font-size: 10px; }
	.adventskalender .promoteaser--headline { font-size: 14px;}
	.adventskalender #klassik-premium:before { display: none; }
}
@media only screen and (max-width: 767px) {
	h1 {
		font-size: 20px !important;
	}
	h2 {
		font-size: 18px !important;
	}
	h3 {
		font-size: 18px !important;
	}
	h4 {
		font-size: 16px !important;
	}
	#three-columns .item-box.light-box {
		margin-bottom: 20px;
		max-height: 325px;
		overflow: hidden;
	}
	#three-columns .item-box.light-box .description {
		padding: 10px 20px 25px 20px;
	}
	.ribbon-wrapper {
		top:-11px;
	}
	.ribbon-wrapper::after {
		border-color: transparent #d90b00 transparent transparent;
		border-style: solid;
		border-width: 12px;
		content: " ";
		display: block;
		left: -49px;
		position: absolute;
		top: -49px;
		transform: rotate(90deg);
		width: 89%;
		z-index: 0;
	}
	.ribbon-wrapper {
		box-shadow: -2px 2px 3px 0 rgba(0, 0, 0, 0.3);
		left: auto;
		margin-bottom: 12px;
		overflow: visible;
		position: absolute;
		right: 40px;
		top: 29px;
		width: 110px;
		background: #d90b00 none repeat scroll 0 0;
		color: #fff;
		display: block;
		height: 36px;
		overflow: visible;
		padding: 8px 0;
		text-align: center;
	}
	.content > ul {
		padding: 10px;
	}
	.content {
		min-height: 200px;
	}
	.product-box {
		margin: 40px 5px 40px 5px;
	}
	.product-box.sofunktionierts { margin: 0 0 30px 0; }
	.ribbon-wrapper {
		top:-11px;
	}
	.product-box.highlight-product:hover .ribbon-wrapper {
		transform:scale(1.04);
		position:absolute;
		top:-2.2%;
		left:195px;
	}
	.sofunktionierts {
		width: 100%;
		height: inherit;
		margin-bottom: 0;
	}
	.mcCookietext {
		padding-top: 5px;
		padding-bottom: 5px; 
	}	
	#subscribeNewsletter form.customer-form > div div {
		width: 3% !important;	
	}
	.adventskalender { padding: 0 15px; }
	.adventskalender .banner .col-md-12 { padding: 0; }
	.adventskalender .disturber.little { top: -12px; }
	.adventskalender .glyphicon-ok { padding-right: 20px; padding-left: 0; }
}

@media only screen and (max-width: 990px) {
	#three-columns .description>h3 {
		font-size: 16px !important;
		line-height: 20px !important;
	}
	#productlist-container .box-teaser .col-sm-5 {
		width: 100% !important;
	}
	.product-box {
		margin: 40px 0px 40px 0px;
	}
	.order-box .product-teaser .abo-summary.top .abo-description, .order-box .product-teaser .abo-summary-wrapper .abo-description {
		height: 225px !important;
	}
	.product-teaser .month6 .abo-summary-wrapper .abo-description {
		height: 225px !important;
	}
	.product-box.highlight-product:hover .ribbon-wrapper {
		transform:scale(1.04);
		position:absolute;
		top:-2.3%;
		left:84px;
	}
	.content {
		min-height: 170px;
	}
	.sofunktionierts {
		height: inherit;
	}
	.caption-slide-wrapper>p{
	    font-size: 12px; 	
	}
	#three-columns .item-box.light-box .description>h3 {
		margin: 0;
		padding: 0;
	}
	.description {
		padding: 3px 15px 10px 15px;
	}
	footer.footer .wrapper {
		margin-left: 0;
	}
  
	#subscribeNewsletter form.customer-form > div div {
		width: 4% !important;	
		margin-left: 0 !important;
	}

	.manufacturer-wrapper #brandsPage .brandProducts a {
		width: 30%;
		height: auto !important;	
	}
	.box-teaser .col-sm-5 {
		width: 100%;
	}
	.blogger-form .mc-input-wrapper .col-md-6.pl-0, .blogger-form .mc-input-wrapper .col-md-4.pl-0 {
		padding: 0 !important;
	}
}
@media all and (min-width: 361px) {
	.adventskalender .icon { min-height: 210px; }
}
@media only screen and (min-width: 500px) { 
	.sneakpeek { width: 400px; }
}
@media (min-width: 768px){
	.adventskalender .buttons { position: absolute; }
	.item-box .img-box img {transition: all 1s ease-in-out; -moz-transition: all 1s ease-in-out; -webkit-transition: all 1s ease-in-out;}
	.item-box .img-box img:hover { -webkit-transform: scale(1.2); -moz-transform: scale(1.2); -o-transform: scale(1.2); -ms-transform: scale(1.2); transform: scale(1.2);}
	#three-columns .col-md-4 .hidden-xs img:hover { -webkit-transform: scale(1.2); -moz-transform: scale(1.2); -o-transform: scale(1.2); -ms-transform: scale(1.2); transform: scale(1.2); }
    #three-columns .col-md-4 .hidden-xs img { overflow: hidden; transition: all 1s ease-in-out; -moz-transition: all 1s ease-in-out; -webkit-transition: all 1s ease-in-out; }
	.container #three-columns .row .col-sm-6 {
		width: 33.333333% !important;
	}
	.adventskalender .icon>img { max-width: 70%; margin: 0 auto; }
}
@media all and (min-width: 992px ) {
	.whatsapp-button { display: none; } 
	.card ul { margin: 10px 0 40px 30px; }
	.description>h3 {font-size: 20px !important; color: #fff; text-transform: uppercase !important; padding: 0 !important; margin: 0 !important; line-height: 20px !important;}
	.description>span {font-size: 16px; margin: 2px 0 10px 0;}
	.description>a {font-size: 14px; margin: 0 auto;}
	.sofunktionierts { width: calc(100% / 3 - 10px); }
}
@media only screen and (min-width: 470px) and (max-width: 991px) {
	.container #three-columns .row .col-sm-6 {
		margin: 0 auto;
		width: 80%;
	}
}
@media only screen and (max-width: 991px) {
	.logo {
		display: none !important;
	}
	#header .navbar-brand img {
		height: 50px;
	}
	.caption-slide-wrapper>.short {
		display: block !important;
	}
	.caption-slide-wrapper>.long {
		display: none !important;
	}
	#header .container-fluid>.navbar-collapse {
		margin-left: inherit;		
	}
	#header .container-fluid>.navbar-collapse>ul>li>ul>li>a {
		font-size: 14px !important;
	}
}
@media only screen and (min-width: 767px) and (max-width: 991px) {
	.hidden-md { display: none; }
	.caption-slide {
		padding: 22px;
	}
	.caption-slide-wrapper {
		padding-top: 20px !important;
		padding-bottom: 20px !important;
	}
	.caption-slide-wrapper>h2 {
		font-size: 16px !important;
		margin-top: 0;
		line-height: 19px !important;
	}
	.caption-slide-wrapper>.short {
		display: block !important;
	}
	.caption-slide-wrapper>.long {
		display: none !important;
	}
	.caption-slide.bg {
		padding: 30px;
	}
	.caption-slide-wrapper>a {
		margin-bottom: 0;
		margin-top: 5px;
	}
}