/*==================================================================== */
/* Hauptmenü										 				   */
/*==================================================================== */
.jMenu {
	position:relative;
    display: table;
	padding:0px;
	margin:0px 0px 0px 0px;
	/*background-color:#263d0d;*/
	z-index:999; /*für ältere Browser*/
}

/* First level (Hauptmenü) */
.jMenu li {
    display: table-cell;
    margin: 0 0px 0 0;
	padding:0px 40px 0px 0px;
	text-align:left;
}
.jMenu li a {
    padding:0px 0px 0px 15px;
    display: block;
	height:40px;
	line-height:40px;
	text-decoration:none;
    color: #263d0d;
    cursor: pointer;
    outline:none;
	font-size:15px;
	white-space:nowrap;
	/*width:134px;*/
	/*text-shadow:1px 1px 1px #000;*/
}
.jMenu li a:hover, .jMenu li a.linkActive, .jMenu li a.subActive { /*Hauptmenüpunkt aktiv bei hover, aktiver Seite und aufgeklappten Submenü*/
	color: #263d0d;
	font-weight:500;
	/*text-shadow:1px 1px 0px #999;*/
	/*background-color:#557236;*/
}

/* Lower levels (Dropdown) */
.jMenu li ul {
	color:#FFF;
	display: none;
	position: absolute;
	z-index:9999;
	margin: 0px;
	padding: 0px;
	background: #263d0d;
}
.jMenu li ul li {
    display: block;
	margin:0px;
	padding:0px;
	line-height:normal;
	height:auto;
	clear: both;
	border-bottom: 1px solid #fff;
}
.jMenu li ul li:first-child {
	border-top: 1px solid #fff;
}
.jMenu li ul li a {
	text-align:left;
	min-width:180px;
	/*white-space: normal;*/ /*Zeilenumbruch*/
	word-wrap: break-word;
    display: block;
	font-weight:normal;
	line-height:normal;
	height:auto;
	padding: 5px 10px 5px 10px;
	color:#fff;
	border-top: 1px solid transparent;
    border-bottom: 1px solid transparent;
}

/*Aktivzustand Untermenü*/
.jMenu li ul li a:hover, .jMenu li ul li a.linkActive {
    color:#fff; 
	font-size:15px;
	font-weight:normal;
	background-color:#557236;
	min-width:180px;
	border-top: 1px solid transparent;
    border-bottom: 1px solid transparent;
}

/*Pfeil bei Untermenü mit Untermenü*/
.jMenu li ul li a.isParent {
	padding-right: 17px !important;
    background:  #557236 url(images/arrow_right.png) right 12px no-repeat;
}
.jMenu li ul li a.isParent.linkActive, .jMenu li ul li a.isParent:hover {
	background-color: #557236 !important;
}


/*==================================================================== */
/* Mobiles Menü mit SlickNav						 				   */
/*==================================================================== */

.slicknav_menu {
	display:none;
}

.slicknav_btn { display: block; cursor: pointer; }
.slicknav_menu  .slicknav_menutxt { display: block; line-height: 1.188em; float: left; }
.slicknav_menu .slicknav_icon { float: left; margin: 0.188em 0 0 0.438em; }
.slicknav_menu .slicknav_no-text { margin: 0 }
.slicknav_menu .slicknav_icon-bar { display: block; width: 1.125em; height: 0.125em; -webkit-border-radius: 1px; -moz-border-radius: 1px; border-radius: 1px; -webkit-box-shadow: 0 1px 0 rgba(0, 0, 0, 0.25); -moz-box-shadow: 0 1px 0 rgba(0, 0, 0, 0.25); box-shadow: 0 1px 0 rgba(0, 0, 0, 0.25); }
.slicknav_btn .slicknav_icon-bar + .slicknav_icon-bar { margin-top: 0.188em }
.slicknav_nav { clear: both }
.slicknav_nav ul,
.slicknav_nav li { display: block }
.slicknav_nav .slicknav_arrow { font-size: 0.8em; margin: 0 0 0 0.4em; }
.slicknav_nav .slicknav_item { cursor: pointer; }
.slicknav_nav .slicknav_row { display: block; }
.slicknav_nav a { display: block }
.slicknav_nav .slicknav_item a,
.slicknav_nav .slicknav_parent-link a { display: inline }
.slicknav_menu:before,
.slicknav_menu:after { content: " "; display: table; }
.slicknav_menu:after { clear: both }
/* IE6/7 support */
.slicknav_menu { *zoom: 1 }


/*Balken*/
.slicknav_menu { 
	position: relative;
    font-size:16px;
	background: transparent;
	height:60px;
	 
}
/* Button */
.slicknav_btn {
	margin: 4px auto 26px auto;
	height:30px;
	width:66px;
	padding:0px 10px;
    text-decoration:none;
    text-shadow: 0 1px 1px rgba(255, 255, 255, 0.75);
    -webkit-border-radius: 4px;
    -moz-border-radius: 4px;
    border-radius: 4px;  
    background-color:#263D0D;
	z-index:5;
}
/* Button Text */
.slicknav_menu  .slicknav_menutxt {
    color: #FFF;
	line-height:30px;
    font-weight: 500;
    text-shadow: 0 1px 3px #000;
}
/* Button Lines */
.slicknav_menu .slicknav_icon-bar {
	margin-top:7px;
  	background-color: #fff;
}

/*Submenu*/
.slicknav_nav { 
    color:#fff;
    margin:0;
    padding:0;
    font-size:1.2em;
	background: -webkit-linear-gradient(top, #263d0d 0%, #395818 100%);
	background: -moz-linear-gradient(top, #263d0d 0%, #395818 100%);
	background: -o-linear-gradient(top, #263d0d 0%, #395818 100%);
	background: -ms-linear-gradient(top, #263d0d 0%, #395818 100%);
	background: linear-gradient(top, #263d0d 0%, #395818 100%);
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#263d0d', endColorstr='#395818',GradientType=0 );
}
.slicknav_nav, .slicknav_nav ul {
    list-style: none;
    overflow:hidden;
}
.slicknav_nav ul {
    padding:0;
    margin:0 0 0 20px;
}
.slicknav_nav ul, .slicknav_nav li {
	border-top:1px solid #ccc;
}
.slicknav_nav li a.linkActive {
	color:#DBAA02;
}
.slicknav_nav .slicknav_row {
    padding:5px 10px;
    margin:2px 5px;
}

.slicknav_nav a{
    padding:5px 10px;
    margin:2px 5px;
    text-decoration:none;
    color:#fff;
}
.slicknav_nav .slicknav_item a,
.slicknav_nav .slicknav_parent-link a {
    padding:0;
    margin:0;
}
.slicknav_nav .slicknav_row:hover {
	color:#DBAA02;
}
.slicknav_nav a:hover{
 	color:#DBAA02;
}
.slicknav_nav .slicknav_txtnode {
     margin-left:15px;   
}

/*==================================================================== */
/* Shortcodes										 				   */
/*==================================================================== */

.one_half {
	width: 48.5%;
}
.one_third {
	width: 31%;
}
.two_third {
	width: 65.33%;
}
.one_fourth {
	width: 25%;
}
.one_fifth {
	width: 16.8%;
}
.one_sixth {
	width: 15%;
}
.one_half, .one_third, .two_third, .one_fourth, .one_fifth {
	float: left;
}

.lastcolumn {
	margin-right: 0px !important;
	padding-right: 0px !important;
	clear: right;
}

#content {
	margin:10px 0px 0px 10px;
}

.trackid {
	margin: 10px 0;
	text-align:right;
	color:#CCC;
	font-size:9px;	
}

/*==================================================================== */
/* Textinhalte Standardseiten						 				   */
/*==================================================================== */

.textinhalte {
	padding:10px 30px 30px 20px;
	line-height:20px;
}
.textinhalte a {
	text-decoration: underline;
}
.fullwidth.produkttext {
	background-color:#f7f7f7;
	padding:20px 20px 0;
}
.fullwidth.produkttext .produkttextcontent {
	background-color:#fff;
	padding: 30px 30px 20px 30px;
	margin-bottom:0px;	
}
.fullwidth.produkttext .produkttextcontent h2 {
	hyphens:auto !important;
}
.fullwidth.produkttext .produkttextcontent .trennergrau {
	clear:both;
	display:block;
	content:"";
	height:30px;
	line-height:30px;
	margin-right: -30px;
	margin-left: -30px;
	margin-bottom: 30px;
	border-bottom:20px solid #f7f7f7;
}

@media only screen and (max-width: 730px) {
	.fullwidth.produkttext .produkttextcontent a > img {
		float:none !important;
		width:100% !important;
		height:auto !important;
		display:block !important;
		margin: 10px 0 20px 0 !important;
	}
}	
@media only screen and (max-width: 479px) {
	.fullwidth.produkttext {
		padding:10px;
	}
	.fullwidth.produkttext .produkttextcontent {
		padding: 20px 20px 10px 20px;
		margin-bottom:20px;	
	}
	.fullwidth.produkttext .produkttextcontent .trennergrau {
		margin-right: -20px;
		margin-left: -20px;
	}
}

/*==================================================================== */
/* Video											 				   */
/*==================================================================== */

.videoitem {
	padding:20px;
}

.itemLine {
	clear:both;
	border-top: dotted 1px #999;
	margin: 0px 0px 20px 0px;
	height: 1px;
}

/*==================================================================== */
/* Werbebanner										 				   */
/*==================================================================== */
.werbebanner-wrapper {
	padding: 0px 30px 30px;
	background-color: #f7f7f7;
}
.werbebanner-wrapper .wb-content {
	display:flex;
	align-items:center;
	justify-content: flex-start;
	box-shadow: 0 0 5px #ccc;
	border-radius: 5px;
	background: #ffffff;
}
.werbebanner-wrapper .wb-content.bgVerlauf {
	background: -moz-linear-gradient(top, #ffffff 78%, #ffd582 92%, #ffaa00 100%);
	background: -webkit-linear-gradient(top, #ffffff 78%,#ffd582 92%,#ffaa00 100%);
	background: linear-gradient(to bottom, #ffffff 78%,#ffd582 92%,#ffaa00 100%);
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffffff', endColorstr='#ffaa00',GradientType=0 );
}
.werbebanner-wrapper .wb-content:hover { color: inherit; }
.werbebanner-wrapper .wb-content .wb-image {
	padding: 20px;
	min-width:300px;
	text-align:center;	
}
.werbebanner-wrapper .wb-content .wb-image .wb-img {
	max-width:280px;
	height:auto;
}
.werbebanner-wrapper .wb-content .wb-text {
	padding: 20px;
}


@media only screen and (max-width: 1100px) {
	
}
@media only screen and (max-width: 960px) {
	
}
@media only screen and (max-width: 767px) {
	.werbebanner-wrapper .wb-content {
		display:block;
	}
	.werbebanner-wrapper .wb-content .wb-image {
		padding-bottom:0px;
		min-width:inherit;
	}
	.werbebanner-wrapper .wb-content .wb-image .wb-img {
		width:100%;
	}
}
@media only screen and (max-width: 479px) {
	.werbebanner-wrapper .wb-content .wb-text h2,
	.werbebanner-wrapper .wb-content .wb-text h2 span {
		font-size:20px !important;
	}
}

/*==================================================================== */
/* Aktuelles/Links									 				   */
/*==================================================================== */

ul.newsliste  {
	display: table;
	width:100%;
	padding:0px;
	margin:0px;
	list-style:none;
}
ul.newsliste li {
	display: table-row;
	padding: 0px;
	margin: 0px;
	/*background-color:#e3ecdc;*/
	background: -webkit-linear-gradient(top, #ebf1e7 0%, #e3ecdc 100%);
	background: -moz-linear-gradient(top, #ebf1e7 0%, #e3ecdc 100%);
	background: -o-linear-gradient(top, #ebf1e7 0%, #e3ecdc 100%);
	background: -ms-linear-gradient(top, #ebf1e7 0%, #e3ecdc 100%);
	background: linear-gradient(top, #ebf1e7 0%, #e3ecdc 100%);
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ebf1e7', endColorstr='#e3ecdc',GradientType=0 );
}
ul.newsliste li .newstext {
	display:table-cell;
	vertical-align:middle;
	padding:5px;
	border-bottom: 5px solid #fff;
}
ul.newsliste li .newsdatei {
	display:table-cell;
	vertical-align:middle;
	padding:5px;
	border-bottom: 5px solid #fff;
	width:120px;
}
ul.newsliste li .newstext a { text-decoration:none; }
ul.newsliste li .newsdatei img {
	padding:0; margin:0;
	display:block;
	max-width:100px;
	height:auto;
}

/*links*/
.kategorie_titel {
	border-bottom: 1px dotted #666666;
	margin-bottom:10px;
	padding:1px 1px;	
}


/*==================================================================== */
/* Kontakt/Impressum 								 				   */
/*==================================================================== */

.kontaktdaten  { margin-bottom:30px; }
.kontaktdaten .feldname { float:left; }
.kontaktdaten .feld rd { color:#cd1719; }
.kontaktdaten .feldname.bigger { font-size:16px; font-weight:400; }
.kontaktdaten .felddaten { margin-left: 45px; }
.kontaktdaten .felddaten.bigger { font-size:16px; font-weight:400; }
.kontaktdaten .feld h3 { margin-bottom:0px; }

/*==================================================================== */
/* eKomi											 				   */
/*==================================================================== */
.ekomi-wrapper {
	background-color: #f7f7f7;
	padding-bottom: 3px
}
.ekomi-wrapper	.ekomi-headline {
	padding: 15px 15px;
	color: #ffaa00;
	color: #263D0D;
	text-align: center;
	font-size: 25px;
	line-height: 25px;
	font-weight: 400;
}
.ekomi-wrapper .ekomi-container {
	margin: 0 20px;
	box-shadow: 0 0 5px #ccc;
	border: 5px solid #fff;
	background: #fff;
}
.ekomi-wrapper .ekomi-left {
	float: left;
	width: 66%;
	margin-right: 1%;
}
.ekomi-wrapper .ekomi-right {
	float: left;
	width: 32%;
}
/*Siegel-Sterne*/
#ekw138 {
	display: flex;
	align-items: center;
	margin: 0 auto;
  	width: 230px !important;
	height: 90px  !important;
}
#ekw138 .seal-area {
   margin-right:10px;
}
#ekw138 .rating > .rev_text {
   margin-left:10px;
   font-weight: bold;
}
/*Kommentare*/
#ekw100 .wrapper-right {
	height: 90px !important;
}
#ekw100 .wrapper-right .slick-list .review_date {
	display: none !important;
}
@media (min-width: 520px) {
	#ekw100 .wrapper-right {
		width: 100% !important;
	}
}
@media only screen and (max-width: 767px) {
	.ekomi-wrapper .ekomi-left {
		width: 49%;
		margin-right: 1%;
	}
	.ekomi-wrapper .ekomi-right {
		width: 50%;
	}
}
@media only screen and (max-width: 639px) {
	.ekomi-wrapper .ekomi-left {
		float:none;
		width: 100%;
		margin-right: 0;
	}
	.ekomi-wrapper .ekomi-right {
		float:none;
		width: 100%;
		margin-bottom:10px;
	}
	#ekw100 {
		margin-bottom: 20px !important;
	}
	#ekw138 {
		height: auto  !important;
	}
}
@media only screen and (max-width: 960px) {
	.ekomi-wrapper {
		padding-bottom: 10px
	}
	.ekomi-wrapper .ekomi-container {
		margin: 0 10px;
	}
}

/*==================================================================== */
/* Werbung Rechte Randspalte						 				   */
/*==================================================================== */
#right .randspalte {
	display:table;
	width:100%;
	margin-bottom:8px;
}
#right .randspalte .randspaltenrow {
	display:table-row;
}
#right .randspalte .randspaltenbild {
	display:table-cell;
	vertical-align:top;
	text-align:center;
	width:120px;
	padding-right:20px;
}
#right .randspalte .randspaltenimg {
	max-width:70px;
	max-height:70px;
}
#right .randspalte .randtext {
	display:table-cell;
	vertical-align:middle;
	font-size:12px;
}
#right .randspalte .randtext strong {
	display:block;
	margin-bottom:5px;
	font-size:14px;
}
#right .randspalte .randtext p {
	line-height:inherit;
	margin:0; padding:0;
}
#right .randspalte .randtext {
	font-size:14px;
}
#right .itemLine {
	margin:0;
	margin-bottom:8px;
	border-color:#FFF;
}

/*==================================================================== */
/* Page MAIN Styles									 				   */
/*==================================================================== */
#container {
	margin:30px auto 30px auto;
	position:relative;
	max-width: 1100px;
}
#contentshadow {
	background-color:#fff;
	box-shadow: 12px 0px 18px -4px rgba(177, 171, 166, 0.7), -12px 0px 18px -4px rgba(177, 166, 166, 0.7);
	border-radius: 5px;
}
#menuwrapper {
	padding:0px;
	height:60px;
}
#logo {
	float:right;
	width:330px;
	text-align:right;
	margin:0px 10px 0px 0px;
	height:50px;
	font-size:30px;
	line-height:35px;
	font-weight:700;
	-webkit-transition: 1s ease-in-out;
    -moz-transition: 1s ease-in-out;
    -o-transition: 1s ease-in-out;
    transition: 1s ease-in-out;
}
#logo img { margin:0 7px -7px 0; }
#logo .schwarz { color:#000; }
#logo .rot { color: #FF0000; }
#logo .gold { color: #ffaa00; }
#logo div { font-size:12px; text-align:right; font-weight:normal; margin-top:-9px; }
	
#headerwrapper {
	position:relative;
	height:70px;
	margin-bottom:10px;
	border-radius: 5px 5px 0 0;
	
	background: -webkit-linear-gradient(top, #263d0d 0%, #395818 100%);
	background: -moz-linear-gradient(top, #263d0d 0%, #395818 100%);
	background: -o-linear-gradient(top, #263d0d 0%, #395818 100%);
	background: -ms-linear-gradient(top, #263d0d 0%, #395818 100%);
	background: linear-gradient(top, #263d0d 0%, #395818 100%);
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#263d0d', endColorstr='#395818',GradientType=0 );
}

.produktnamewrapper {
	display:table;
	border-radius: 5px 0 0 0;
	height:70px;
}
.eicheln {
	float:right;
	margin:20px 20px 0 0;
}
.produktnamewrapper .produktname { /*Shopseiten*/
	display:table-cell;
	vertical-align:middle;
	padding: 0 10px 0 0;
	margin:0 !important;
	font-size:25px;
	font-weight:400;
	color:#fff;
	text-shadow:1px 1px 0px #000;
	white-space:nowrap;
}
.produktnamewrapper .produktname a { /*Shopseiten Link zu Formular*/
	color:#fff;
}
.produktnamewrapper .produktname a:hover { /*Shopseiten Link zu Formular*/
	color:#e32400;
}

.produktnamewrapper h1.headline { /*Textseiten*/
	display:table-cell;
	vertical-align:middle;
	padding: 0 0 0 20px;
	margin:0 !important;
	font-size:25px;
	font-weight:400;
	color:#fff;
	text-shadow:1px 1px 0px #000;
	white-space:nowrap;
}
.produktnamewrapper .vLogo {
	display:table-cell;
	vertical-align:middle;
	padding:0 10px 0 20px;
}
.produktnamewrapper .vLogo img { display:block; margin:0; padding:0; }


#contentwrapper:after { display:table;height:0;float:none; clear:both;}
#left {
	float:left;
	width: 66%;
	margin-right:1%;
	/*width:725px;*/
}
#right {
	float:left;
	width: 32%;
	color:#395818;
}
#right .right-content {
	background-color:#b1dd8c;
}
#right .produkttexttable h2,
#right .produkttexttable h3,
#right .produkttexttable h1,
#right .randtext h2 {
	font-weight:300;
	font-size: 20px;
	border-bottom:1px solid #fff;
	margin:0 -10px 15px -10px;
	padding:5px 10px 10px 10px;
}
#right .randtext h2 {
    padding: 0px 10px 10px 10px;
}
#right ul {
	list-style-image: url('images/liststyleimage.png') !important;
}
#right .produkttexttable .scroll { /*scroll*/
	height:566px;
	width:100%;
	overflow:auto;
	outline:none;
	background-color:#b1dd8c;
}
#right .produkttexttable .noscroll { /*no scroll*/
	background-color:#b1dd8c;
}
#right .produkttexttable .noscroll .scrollinhalt,
#right .produkttexttable .scroll .scrollinhalt { /*Inhalt*/
	padding:10px;
	background-color:#b1dd8c;
}
/*Downloads auf Antrags/Formular Seite rechte Spalte*/
#right ul.box {
	list-style:none !important;
}
#right ul.box li {
	margin: 10px 0 10px 0;
	width:100%;
}
#right ul.box li .boxcontent {
	margin: 0;
	min-height:inherit;
}
#right ul.box li .boxcontent .pname {
	text-align:left;
}

/*Claim Mobile*/
.claimwrapper {
	display:none;
	margin-bottom:10px;
	margin-top:-11px;
}
.claimwrapper .claimitem {
	padding:10px;
	background:url(../objekte/infoBG.png) left top repeat-x;
	text-align:center;
	font-weight:400;
	font-size:17px;
}
/*Subtitel Mobile*/
.subtitelwrapper {
	display:none;
	margin-bottom:10px;
}
.subtitelwrapper .subtitelitem {
	padding: 10px 10px 0 10px;
	text-align: center;
	font-weight: 400;
	font-size: 20px;
}

/*Produktpreis-Box*/
.infowrapper.mobile {/*Produktpreis für Mobile*/
	display:none;	
}
.eKomi.mobile {/*eKomi für Mobile*/
	display:none;	
}
.infowrapper { 
	position:relative;
	min-height:65px;
	padding:10px 10px 0px 10px;
	background: #B1DD8C url(../objekte/infoBG.png) left top repeat-x;
}
.infowrapper .produktpreis_brutto {
	float:right;
	padding:0px;
	text-align:right;
	color:#e32400;
	font-size:45px;
	line-height:42px;
	font-weight:500;
	text-shadow:1px 1px 0px #000;
}
.infowrapper .produktpreis_brutto span {
	font-size:20px;
	font-weight:normal;
	text-shadow: none;
}
.infowrapper .preiszusatz {
	margin-top:0px;
	padding-bottom:1px;
	font-size:11px;
	line-height:11px;
	font-weight:normal;
	text-shadow: none;
	color:#666;
	clear:both;
	text-align:right;
}

.infowrapper .versicherer {
	display:table-cell;
	vertical-align:middle;
	max-width:70px;
	max-height:40px;
}
.infowrapper .versicherer img { padding:0; margin:0; max-width:50px; width:100%; height:auto; }

#right ol, #right ul, #right dl {
	margin-left: 0;
	padding-left: 0;
}
#right ul {
	list-style:initial;
}
#right ul li, #right ol li {
	line-height:15px;
	margin:  0 0 8px 16px;
	padding: 0 0 0 0;
}

#left .bannerwrapper {
	position:relative;
	max-width:1100px;
	width: 100%;
	height:auto;
	margin-bottom:10px;
}
#left .bannerwrapper .wappen {
	position:absolute;
	right:-3px;
	top:-3px;
	width:80px;
	height:auto;
	z-index:2;
	-webkit-transition: 0.5s ease-in-out;
    -moz-transition: 0.5s ease-in-out;
    -o-transition: 0.5s ease-in-out;
    transition: 0.5s ease-in-out;
}
#left .bannerwrapper .wappen img {
	width:100%;
	height:auto;
}
ul.box {
	position:relative;	
}
ul.box li {
	float:left;
	width:33.33%;
}
ul.box li .boxcontent {
	padding: 15px;
	text-align:center;
	line-height:16px;
	background-color:#b1dd8c;
	min-height:220px;
	margin:0 0 0 10px;
}
ul.box li:last-child {  }
ul.box li.box1 .angebot-item {
	display:block;
	margin:10px auto;
	padding:0px;
}
ul.box li.box2 {
	position:relative;
}
ul.box.mobile {
	display:none;
}
ul.box li.box3 {
	position:relative;
}
ul.box li.box3 .basketwrapper {
	position:relative;
	width:201px;
	height:90px;
	margin:0px auto;
}
ul.box li.box3 a.basket {
	position:absolute;
	z-index:2;
	display:block;
	top:0; left:0;
	width:201px;
	height:90px;
	background: url(../objekte/basket.png) center top no-repeat;
}
ul.box li.box3 a.basket:hover {
	background: url(../objekte/basket.png) center bottom no-repeat;
}
ul.box li.box3 .logobasket {
	display:none;
	position:absolute;
	text-align:center;
	z-index:1;
	top:-4px;
	left:0;
	width:201px;
}
ul.box li.box3 a.basket:hover+.logobasket {
	display:block;
}

ul.box h4 {
	margin: -15px -15px 10px -15px;
	padding:15px 0;
	background: #263d0d;
	color:#ffaa00;
	font-size:15px;
	line-height:15px;
	font-weight:400;
	text-shadow:1px 1px 0px #000;
}
ul.box h4 a { color:#ffaa00; }
ul.box h4 a:hover { color:#e32400; }

ul.box h4 img {
	padding: 0;
	margin: -10px 10px -8px 10px;
}
ul.box div.pname {
	margin-bottom: 10px;	
}
ul.box a.dateianhang {
	font-size:12px;
	display:block;
	text-align:left;
	padding: 2px 2px 2px 40px;
	margin: 0 0 5px 0;
	min-height:36px;
	/*border:1px solid #fff;*/
	background: url(../objekte/info.png) 3px 4px no-repeat;
}
ul.box .dateianhang div {
	display:table-cell;
	vertical-align:middle;
	height:36px;
}
ul.box a.dateianhang:hover {/* border:1px solid #ffaa01;*/ }

/*==================================================================== */
/* Basic jQuery Slider essential styles	(jquery.bxslider)			   */
/*==================================================================== */
ul.bjqs{position:relative; list-style:none;padding:0;margin:0;overflow:hidden; display:none; z-index:1;}
li.bjqs-slide{position:absolute; display:none;}
ul.bjqs-controls{list-style:none;margin:0;padding:0;z-index:9999;}
ul.bjqs-controls.v-centered li a{position:absolute;}
ul.bjqs-controls.v-centered li.bjqs-next a{right:0;}
ul.bjqs-controls.v-centered li.bjqs-prev a{left:0;}
ol.bjqs-markers{list-style: none; padding: 0; margin: 0; width:100%; z-index:9999;}
ol.bjqs-markers.h-centered{text-align: center;}
ol.bjqs-markers li{display:inline;}
ol.bjqs-markers li a{display:inline-block;}
p.bjqs-caption{display:block;width:96%;margin:0;padding:2%;position:absolute;bottom:0;}


#banner-fade,
#banner-slide{
}

ul.bjqs-controls.v-centered li a{
	display:block;
	padding:10px;
	color:#fff;
	font-size:35px;
	font-weight:bold;
	text-decoration: none;
	z-index:2;
}
ul.bjqs-controls.v-centered li a:hover{
	color:#ffaa00;
}

ol.bjqs-markers li a{
	padding:5px 10px;
	background:#000;
	color:#fff;
	margin:5px;
	text-decoration: none;
}
ol.bjqs-markers li.active-marker a,
ol.bjqs-markers li a:hover{
	background: #999;
}

p.bjqs-caption{
	text-shadow:1px 1px 1px #fff;
	font-size:23px;
	font-weight:bold;
	text-align:center;
	line-height:normal;
	color:#e32400;
	background: rgba(255,255,255,0.5);
}

/*==================================================================== */
/* Blog												 				   */
/*==================================================================== */
/*Blog Startseite*/
.bxslider-wrapper {
	margin-bottom:-10px;
	padding: 0px 20px 20px 20px;
	background-color:#f7f7f7;	
}
.bxslider-wrapper ul.bxslider li {
	padding:10px;
	background-color:#fff;
}
.bxslider-wrapper .bxslider-header {
	padding:15px 15px;
	/*color:#ffaa00;*/ /*orange*/
	color:#263D0D;
	text-align:center;
	font-size:25px;
	line-height:25px;
	font-weight:400;
	/*text-shadow:1px 1px 0px #000;*/
}
.bxslider-wrapper .bxslider-datum {
	font-size:12px;
	line-height:25px;
	background-color:#263D0D;
	text-align:center;
	color:#fff;
	margin-bottom:15px;
}
.bxslider-wrapper h2.bxslider-titel {
	font-size:16px;
	margin-bottom: 15px;
	line-height:18px;
	color:#263d0d;
}
.bxslider-wrapper h2.bxslider-titel a {
	color:#263d0d;
}
.bxslider-wrapper h2.bxslider-titel a:hover {
	color:#ffaa00;
}

.bxslider-wrapper .bxslider-text,
.bxslider-wrapper .bxslider-text p {
	line-height:16px;
	margin:0;
	padding:0;
}
.bxslider-wrapper .morelink {
	display:table;
	margin-top:15px;
	font-weight:400;
	line-height:25px;
	background-color: #ffaa00;
	text-align:center;
	padding: 0 20px;
}
.bxslider-wrapper .morelink:hover {
	color:#fff;
}


/*Blogbeitrag Detailseite*/
.blog-detail-wrapper .blog-detail-text {
	line-height:18px;
}
.blog-detail-wrapper .blog-detail-downloads {
	margin-top:30px;
	margin-bottom:8px;
	color:#999;
}
.blog-detail-wrapper ul.newsliste li .newsdatei {
	width: 50px;
	paddig-right: 20px;
}
.randspaltennewsheader {
	font-weight:300;
	font-size: 20px;
	border-bottom:1px solid #fff;
	margin:0 -10px 15px -10px;
	padding:5px 10px 10px 10px;
}
#right .randspalte .randspaltennewsitem {
	display:block;
	padding-left: 16px;
	background: url(../objekte/newspfeil.png) left 0px no-repeat;	
}
#right .randspalte .randspaltennewsitem a:hover {
	color: #fff;
}

/*==================================================================== */
/* Angebote 										 				   */
/*==================================================================== */
#right .produkttexttable.angebote .scroll {
    height: 307px;
	background-color:#b1dd8c;
}
.fullwidthcontent .content {
	padding:50px 80px;
	margin-top:-10px;
}


/*==================================================================== */
/* jquery.share										 				   */
/*==================================================================== */
.share-affix {
    position: fixed;
    top:50px;
    left:0px;
}
/**a.behance, a.delicious, a.deviantart, a.digg, a.dribbble, a.facebook, a.flickr, a.forrst, a.foursquare, a.googleplus, a.in1, a.instagram, a.lastfm, a.linkedin, a.pinterest, a.rss, a.skype, a.tumblr, a.twitter, a.vimeo, a.youtube {*/
.share-square {
    -moz-transition: all 0.2s linear 0s;
    background: url("images/social-icons.png") no-repeat scroll left top transparent;
    display: inline-block;
    height: 32px;
    line-height: 0;
    margin: 2px;
    width: 32px;
}
.share-square-behance {background-position: -544px -44px;}
.share-square-behance:hover {background-position: -544px -77px;}
.share-square-delicious {background-position: -512px -44px;}
.share-square-delicious:hover {background-position: -512px -77px;}
.share-square-deviantart {background-position: -480px -44px;}
.share-square-deviantart:hover {background-position: -480px -77px;}
.share-square-digg {background-position: -448px -44px;}
.share-square-digg:hover {background-position: -448px -77px;}
.share-square-dribbble {background-position: -416px -44px;}
.share-square-dribbble:hover {background-position: -416px -77px;}
.share-square-email {background-position: -674px -44px;}
.share-square-email:hover {background-position: -674px -77px;}
.share-square-xing {background-position: -706px -44px;}
.share-square-xing:hover {background-position: -706px -77px;}
.share-square-facebook {background-position: -384px -44px;}
.share-square-facebook:hover {background-position: -384px -77px;}
.share-square-flickr {background-position: -352px -44px;}
.share-square-flickr:hover {background-position: -352px -77px;}
.share-square-forrst {background-position: -320px -44px;}
.share-square-forrst:hover {background-position: -320px -77px;}
.share-square-googleplus {background-position: -288px -44px;}
.share-square-googleplus:hover {background-position: -288px -77px;}
.share-square-in1 {background-position: -576px -44px;}
.share-square-in1:hover {background-position: -576px -77px;}
.share-square-instagram {background-position: -608px -44px;}
.share-square-instagram:hover {background-position: -608px -77px;}
.share-square-lastfm {background-position: -256px -44px;}
.share-square-lastfm:hover {background-position: -256px -77px;}
.share-square-linkedin {background-position: -224px -44px;}
.share-square-linkedin:hover {background-position: -224px -77px;}
.share-square-pinterest {background-position: -192px -44px;}
.share-square-pinterest:hover {background-position: -192px -77px;}
.share-square-rss {background-position: -160px -44px;}
.share-square-rss:hover {background-position: -160px -77px;}
.share-square-skype {background-position: -128px -44px;}
.share-square-skype:hover {background-position: -128px -77px;}
.share-square-stumbleupon {background-position: -640px -44px;}
.share-square-stumbleupon:hover {background-position: -640px -77px;}
.share-square-tumblr {background-position: -96px -44px;}
.share-square-tumblr:hover {background-position: -96px -77px;}
.share-square-twitter {background-position: -64px -44px;}
.share-square-twitter:hover {background-position: -64px -77px;}
.share-square-vimeo {background-position: -32px -44px;}
.share-square-vimeo:hover {background-position: -32px -77px;}
.share-square-youtube {background-position: 0 -44px;}
.share-square-youtube:hover {background-position: 0 -77px;}
.share-square-whatsapp {background-position: -738px -44px;}
.share-square-whatsapp:hover {background-position: -738px -77px;}

/*==================================================================== */
/* FOOTER											 				   */
/*==================================================================== */
#footer {
	margin-top:10px;
	min-height:160px;
	height:auto;
	position: relative;
	color:#fff;
	font-size:13px;
	border-radius: 0 0 5px 5px;
	background: -webkit-linear-gradient(top, #263d0d 0%, #395818 100%);
	background: -moz-linear-gradient(top, #263d0d 0%, #395818 100%);
	background: -o-linear-gradient(top, #263d0d 0%, #395818 100%);
	background: -ms-linear-gradient(top, #263d0d 0%, #395818 100%);
	background: linear-gradient(top, #263d0d 0%, #395818 100%);
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#263d0d', endColorstr='#395818',GradientType=0 );
}
#footer a {	color:#fff; }
#footer a:hover { color:#b1dd8c; }
#footer h4 { font-size:18px; line-height:18px; font-weight:300; margin-bottom:25px; }
#footer .footercontent {
	padding:30px 0px 30px 40px;
	/*text-align:center;*/
}
#footer .sozials div {
	display:table;
	margin-bottom:8px;
}
#footer .sozials div:last-child { margin-bottom:0px; }
#footer .sozials div.teilen {
	display: inline-table;
}
#footer .sozials div.teilen span{
	padding:0 6px;
}
#footer .links a {
	display:block;
	margin-bottom:3px;
}
#footer .logo {
	text-align:center;
}
#footer .logo img {
	margin-top:0px;
	width:60px;
	height:auto;
}
#footer .copyright {
	font-size:12px;
	line-height:12px;
	clear:both;
	padding:6px 0px 8px 0px;
	text-align:center;
	color: #b1dd8c;
	border-top:1px solid #4a6a23;
}
#footer .linie {
	height:1px;
	line-height:1px;
	border-top:1px solid #4a6a23;
	margin:0;
	clear:both;
}
#footer .pagelinks a {
	text-decoration:none !important;	
}
#footer .pagelinks p,
#footer .pagelinks {
	font-size:13px;
	line-height:14px;
	margin:0 !important;
}
#footer .pagelinks h2 {
	font-size:13px;
	line-height:14px;
	font-weight:bold;
	color:#ffaa00 !important;
	margin:0 0 10px;
}

/*==================================================================== */
/* Clearings										 				   */
/*==================================================================== */

/* Clearing des Containers für floatende Inhalte im Content*/
.content:after {
	content: "\0020";
	display: block;
	height: 0;
	clear: both;
	visibility: hidden;
}
/* You can also use a <br class="clear" /> to clear columns */
.clear {
	clear: both;
	display: block;
	overflow: hidden;
	visibility: hidden;
	width: 0;
	height: 0;
}

/*========================================================================================= */
/* Seite stößt an																			*/
/*========================================================================================= */
@media only screen and (max-width: 1100px) {
	
	/*Wrapper/Container*/
	#container {
		margin: 30px 0px 0px 0px;
	}
	#contentshadow {
		box-shadow: none;
		border-radius: 0;
	}
	
	/*Header*/
	#headerwrapper {
		border-radius: 0;
		height: auto;
		min-height: 70px;
		margin-bottom: 10px;
	}
	.produktnamewrapper h1.produktname {
		white-space: normal;
		line-height: 25px;
	}
	
	/*Footer*/
	#footer {
		border-radius:0;
	}
}

/*========================================================================================= */
/* Smaller than standard 960 (devices and browsers) -> iPad bis iPhone						*/
/*========================================================================================= */
@media only screen and (max-width: 960px) {
	
	/*Logo*/
	#logo {
		float:none;
		margin:0px auto !important;
	}
	#logo div {
		display:none;
	}
	
	/*Menü*/
	#menuwrapper {
		position:relative;
		padding: 0px;
		margin:0;
		height:60px;
		right:0;
	}
	#Menu {
		display:none;
	}	
	.slicknav_menu {
		display:block;
		position:absolute;
		top:0; right:0;
		width:100%;
		z-index:6;
	}
	
	/*Header*/
	#headerwrapper {
		margin-bottom: 0px;
	}
	
	/*linke/rechte Spalte*/
	#left {
		float:none;
		clear:both;
		width: 100%;
		margin-right:1%;
	}
	#right {
		float:none;
		clear:both;
		width: auto;
		margin:10px;
		min-height:inherit;
	}
	#right .right-content {
	    min-height:inherit !important;
	}
	
	/*News rechte Randspalte*/
	.hideonmobile {
		display:none;	
	}
	
	/*Banner*/
	#left .bannerwrapper .wappen {
		right:4px;
		top:4px;
		width:80px;
		height:auto;
	}
	
	/*Boxen*/
	ul.box li.box3 .boxcontent {
		margin-right:10px;
	}
	/*Produktpreis für Mobile*/
	.infowrapper, .eKomi {
		display:none;
		background-color:#B2DE8E;	
	}
	.infowrapper.mobile {
		display:block;
		margin:10px;	
	}
	.eKomi.mobile {
		display:block;	
	}
	.fullwidthcontent .infowrapper.mobile{
		margin-top:-10px;
	}
	.infowrapper.mobile .produktpreis_brutto {
		line-height:39px;
		font-size:42px;	
	}
	/*Leistungen Kurzform*/
		#right .produkttexttable .scroll { /*scroll*/
		height:200px;
	}
	#right .produkttexttable.angebote .scroll {
		height: 150px;
	}
	.bxslider-wrapper {
		padding: 0px 10px 10px 10px;
	}
	
	/*Footer*/
	#footer .footercontent {
		padding:30px 15px 30px 30px;
	}
	

}

/*========================================================================================= */
/* Tablet Portrait size to standard 960 (devices and browsers) -> iPad Hochformat			*/
/*========================================================================================= */
@media only screen and (min-width: 768px) and (max-width: 959px) {
	
	
		
}

/*========================================================================================= */
/* All Mobile Sizes (devices and browser) -> HANDY's Querformat								*/
/*========================================================================================= */
@media only screen and (max-width: 767px) {
	
	/*Header*/
	#headerwrapper .eicheln {
		display:none;
	}
	.produktnamewrapper h1.produktname,
	.produktnamewrapper h1.headline {
		font-size:19px;
		line-height: 21px;
		white-space:normal;
	}
	
	/*Banner*/
	#left .bannerwrapper .wappen {
		width:60px;
	}
	
	/*Claim Mobile*/
	.claimwrapper {
		display:block;
	}
	
	/*Subtitel Mobile*/
	.subtitelwrapper {
		display:block;
	}
	
	/*Boxen*/
	ul.box h4 {
		font-size: 17px;
		line-height: 17px;
	}
	ul.box li.box1 {
		display:none;
	}
	ul.box li {
		width:50%;
	}
	ul.box li.box3 a.basket:hover { /*Einkaufskorb nicht mit Logo füllen*/
		background: url(../objekte/basket.png) center bottom no-repeat;
	}
	ul.box li.box3 a.basket:hover+.logobasket {
		display:none;
	}
	
	/*Angebot*/
	.fullwidthcontent .content {
		padding:30px 30px;
	}
	/*Video Plugin ckeditor*/
	.youtube-wrapper {
		position      : relative;
		width         : 100%;
		height        : 0;
		padding-bottom: 60%;
	}
	.youtube-iframe {
		position: absolute;
		top     : 0;
		left    : 0;
		width   : 100% !important;
		height  : 100% !important;
	}
	
	
	/*Footer*/
	#footer .one_fourth, #footer .one_third { width: 50%; }
	#footer .one_fourth:nth-child(3n), #footer .one_third:nth-child(2n) { clear:left; }
	#footer .logo { text-align:left; }
	#footer a {
		font-size:16px;
	}
	
}

/*========================================================================================= */
/* Mobile Landscape Size to Tablet Portrait (devices and browsers)							*/
/*========================================================================================= */
@media only screen and (min-width: 480px) and (max-width: 767px) {
	
}
@media only screen and (max-width: 621px) { /*Übergang zu Handy Hochformat*/

	
}

/*========================================================================================= */
/* Mobile Portrait Size to Mobile Landscape Size -> HANDY's Hochformat						*/
/*========================================================================================= */
@media only screen and (max-width: 479px) {
	
	/*Spalten*/
	.one_half, .one_third, .two_third, .one_fourth, .one_fifth, .one_sixth {
		width: 100%;
	}
		
	/*Header*/
	.produktnamewrapper h1.produktname {font-size:17px; line-height:18px;}
	.produktnamewrapper .vLogo { padding-left:10px; }
	
	/*Logo*/
	#logo {
		width:280px;
		height:50px;
		font-size:25px;
		line-height:30px;
	}
	
	/*Banner*/
	#left .bannerwrapper .wappen {
		width:40px;
	}
	
	/*Boxen*/
	ul.box li .boxcontent {
		min-height: inherit;
	}
	ul.box li.box1,
	ul.box li.box2 {
		display:none;
	}
	ul.box li {
		width:100%;
	}
	
	ul.box.mobile,
	ul.box.mobile li.box2 { /*Downloadbox unter Leistungen*/
		display:block;
		margin:0 !important;
	}
	ul.box.mobile li.box2 .boxcontent { /*Downloadbox unter Leistungen*/
		margin:10px 0 10px 0 !important;
	}
	
	/*Versicherer-Logo + Preis*/
	.infowrapper.mobile {min-height: inherit;padding-bottom:3px;}
	.infowrapper.mobile .produktpreis_brutto { line-height:30px;font-size:31px;	}
	.infowrapper .preiszusatz { text-align: left;}
	
	/*Content Textinhalte Editor*/
	.content.textinhalte h1,
	.content.textinhalte h2,
	.content.textinhalte h3,
	.content.textinhalte h4 {
		font-size: 18px;
		line-height:19px;	
	}
		
	/*Footer*/
	#footer .one_fourth,
	#footer .one_third { 
		width: 100%; 
	}
	#footer {
		min-height: inherit;
	}
	#footer .footercontent  {
		text-align:center !important;
		padding-bottom:15px;
		padding-left:5px;
		padding-right:5px;
	}
	#footer .sozials div {
		margin-left:auto;
		margin-right:auto;
	}
	#footer .links a {
		margin-bottom:10px;
	}
	#footer h4 {
		text-align:center !important;
	}
	#footer .logo img {
		margin-top:0px;
	}
}

/*==================================================================== */
/* jquery.jscrollpane.css											   */
/*==================================================================== */
.jspHorizontalBar,.jspTrack,.jspVerticalBar{background:0 0}.jspContainer{overflow:hidden;position:relative}.jspHorizontalBar,.jspPane,.jspVerticalBar{position:absolute}.jspVerticalBar{top:0;right:0;width:6px;height:100%}.jspHorizontalBar{bottom:0;left:0;width:100%;height:6px}.jspDrag,.jspTrack{position:relative}.jspCap{display:none}.jspHorizontalBar .jspCap{float:left}.jspDrag{background:#FA0;width:6px;top:0;left:0;cursor:pointer;-moz-border-radius:4px;-webkit-border-radius:4px;border-radius:4px}.jspDrag:hover,.jspTrack .jspActive,.jspTrack .jspHover{background:#7d9b63}.jspHorizontalBar .jspDrag,.jspHorizontalBar .jspTrack{float:left;height:100%}.jspArrow{background:url(images/ui-icons_222222_256x240.png) no-repeat;text-indent:-20000px;display:block;cursor:pointer;padding:0;margin:0}.jspArrow:hover,.jspVerticalBar>.jspActive{background-image:url(images/ui-icons_cd0a0a_256x240.png)}.jspHorizontalBar>.jspDisabled,.jspHorizontalBar>.jspDisabled:hover,.jspVerticalBar>.jspDisabled,.jspVerticalBar>.jspDisabled:hover{background-color:transparent;background-image:url(images/ui-icons_888888_256x240.png)}.jspArrow.jspDisabled{cursor:default;background:#80808d}.jspVerticalBar .jspArrow{height:15px}.jspHorizontalBar .jspArrow{width:15px;float:left;height:100%}.jspVerticalBar .jspArrow:focus{outline:0}.jspArrowUp{background-position:0 0}.jspArrowDown{background-position:-64px 0!important}.jspArrowLeft{background-position:-96px 0!important}.jspArrowRight{background-position:-32px 0!important}.jspCorner{background:#eeeef4;float:left;height:100%}* html .jspCorner{margin:0 -3px 0 0}

/*==================================================================== */
/* Cookie Hinweis													   */
/*==================================================================== */
#cookiedingsbums a {color:#000; text-decoration:none;}
#cookiedingsbums a:hover {text-decoration:underline;}
#cookiedingsbums div {padding:10px; padding-right:130px;}
#cookiedingsbums { 
   outline: 1px solid #7b92a9; 
   text-align:right; 
   border-top:1px solid #fff;
   background: #d6e0eb; 
   background: -moz-linear-gradient(top, #d6e0eb 0%, #f2f6f9 100%); 
   background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#d6e0eb), color-stop(100%,#f2f6f9)); 
   background: -webkit-linear-gradient(top, #d6e0eb 0%,#f2f6f9 100%); 
   background: -o-linear-gradient(top, #d6e0eb 0%,#f2f6f9 100%);
   background: -ms-linear-gradient(top, #d6e0eb 0%,#f2f6f9 100%); 
   background: linear-gradient(to bottom, #d6e0eb 0%,#f2f6f9 100%); 
   filter: progid:DXImageTransform.Microsoft.gradient(   startColorstr='#d6e0eb', endColorstr='#f2f6f9',GradientType=0 ); 
   position:fixed;
   bottom:0px; 
   z-index:10000; 
   width:100%; 
   font-size:12px; 
   line-height:16px;}
#cookiedingsbumsCloser {

   font-size: 14px;
   position: absolute;
   right: 5px;
   text-decoration: none;
   text-shadow: 0 1px 0 #fff;
   top: 5px;
   cursor:pointer;
   border-top:1px solid white; 
   border-left:1px solid white; 
   border-bottom:1px solid #7b92a9; 
   border-right:1px solid #7b92a9; 
   padding:4px;
   background: #ced6df; /* Old browsers */
   background: -moz-linear-gradient(top, #ced6df0%, #f2f6f9 100%); 
   background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#ced6df), color-stop(100%,#f2f6f9)); 
   background: -webkit-linear-gradient(top, #ced6df0%,#f2f6f9 100%); 
   background: -o-linear-gradient(top, #ced6df0%,#f2f6f9 100%); 
   background: -ms-linear-gradient(top, #ced6df0%,#f2f6f9 100%); 
   background: linear-gradient(to bottom, #ced6df0%,#f2f6f9 100%); 
   filter: progid:DXImageTransform.Microsoft.gradient(    startColorstr='#ced6df', endColorstr='#f2f6f9',GradientType=0 ); 
 }
#cookiedingsbumsCloser:hover {border-bottom:1px solid white; border-right:1px solid white; border-top:1px solid #7b92a9; border-left:1px solid #7b92a9;}


/*==================================================================== */
/* Socialbar fixed													   */
/*==================================================================== */
.socialbar--fixed {
	display:none;	
}
@media only screen and (max-width: 767px) {
	#cookiedingsbums { 
		bottom:50px; 
	}
	.socialbar--fixed {
		display:block;
		position: fixed;
		bottom: 0;
		left: 0;
		width: 100%;
		z-index: 6000;
		max-width: 100vw;
		overflow: hidden;
	}
	.socialbar--fixed .socialbar__list {
		background-color: rgba(255,255,255,.9);
		-webkit-box-pack: center;
		-ms-flex-pack: center;
		justify-content: center;
		margin: auto;
		padding: 0;
		display: -webkit-box;
		display: -ms-flexbox;
		display: flex;
		list-style-type: none;
	}
	.socialbar--fixed .socialbar__item {
		-webkit-box-flex: 1;
		-ms-flex: 1 0 auto;
		flex: 1 0 auto;
		text-align: center;
		list-style: none;
	}
	.socialbar--fixed .socialbar__item a {
		height:50px;
		min-height: 50px;
		text-indent: -1000px;
		padding: 0;
		width: auto;
		margin: 0;
		display: block;
	}
	.socialbar--fixed .btn--icon {
		white-space: nowrap;
		overflow: hidden;
		background-position:center center;
		background-repeat:no-repeat;
	}
	.socialbar--fixed .btn--facebook {
		background-color: #3b5998;
		background-image:url(images/icon-facebook.png);
	}
	.socialbar--fixed .btn--sms {
		background-color: #0084ff;
		background-image:url(images/icon-sms.png);
	}
	.socialbar--fixed .btn--twitter {
		background-color: #00b0e9;
		background-image:url(images/icon-twitter.png);
	}
	.socialbar--fixed .btn--whatsapp {
		background-color: #6cbe45;
		background-image:url(images/icon-whatsapp.png);
	}
	.socialbar--fixed .btn--mail {
		background-color: #b5b5b5;
		background-image:url(images/icon-mail.png);
	}
}