/*
  Theme Name: Serenity
  Theme URL: https://bootstrapmade.com/serenity-bootstrap-corporate-template/
  Author: BootstrapMade.com
  Author URL: https://bootstrapmade.com
*/

@import url('font-awesome.css');
/* ==== overwrite bootstrap standard ==== */

@import url('overwrite.css');
/* ====================================== */

.clear {
  clear: both;
}

.video-container, .map-container {
  position: relative;
  margin: 0 0 15px 0;
  padding-bottom: 51%;
  padding-top: 30px;
  height: 0;
  overflow: hidden;
  border: none;
}

.video-container iframe, .map-container iframe, .map-container object, .map-container embed, .video-container object, .video-container embed {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
}

iframe {
  border: none;
}

.row {
  margin-bottom: 20px;
}

.left {
  float: left;
}

img.left {
  float: left;
  margin: 0 10px 10px 0;
}

/* custom template style */

.well {
  overflow: hidden;
}

.well.well-primary {
  background: #009cea;
  color: #fff;
}

.well.well-success {
  background: #7cbb00;
  color: #fff;
}

.well.well-warning {
  background: #bcab37;
  color: #fff;
}

.well.well-danger {
/*
  background: #ec4f13;
  color: #fff;
*/  
	color: #b94a48;
	background: #f2dede linear-gradient(180deg,#f9dde0,#f2dede) repeat-x;
	border: 1px solid #eed3d7;  	
}

.well.well-danger h3 {
	color: #b94a48;
}

/* home */

.masthead h2 {
  font-size: 40px;
  line-height: 1;
  letter-spacing: -2px;
}

.features i.left {
  margin-right: 10px;
}

.features h4 {
  margin-top: 2px;
}

/* logo */

header .navbar .brand.logo {
  padding: 0;
  margin-left: 0;
  margin-top: 14px;
}
	
@media (max-width: 480px) {
	
	.navbar .navbar-inner .container .logo img {
		position: absolute;
		top: 20px;
		left: 0;
		right: 0;
		margin: auto;
	}
}

/* header */

.navbar .nav {
  margin-top: 5px;
}

.navbar .nav li:hover,
.navbar .nav li.active {
  margin-top: -5px;
}
.navbar .nav li:hover a,
.navbar .nav li.active a, .navbar .nav li.active a:hover {
  background: #f8f8f8;
}

.navbar .nav li:hover ul li a ,
.navbar .nav li.active ul li a {
  background: #fff;
}

.navbar .nav li ul li a {
  color: #777;
  font-weight: normal;
}

.navbar .nav li.active ul li a {
  color: #777;
  font-weight: normal;
}

.navbar .nav li.active ul li a:hover, .navbar .nav li ul li a:hover {
  color: #fff;
}

.navbar ul.topnav {
  float: right;
}

.navbar .nav>li>a {
  float: none;
  font-size: 12px;
  padding: 30px 15px 30px;
  color: #777777;
  text-decoration: none;
  text-shadow: none;
  font-weight: bold;
}

header .topnav .dropdown-submenu>.dropdown-menu {
  top: 0;
  left: 100%;
  margin-top: -6px;
  margin-left: -1px;
  -webkit-border-radius: 0;
  -moz-border-radius: 0;
  border-radius: 0;
}

.dropdown-menu {
  border: 1px solid #ccc;
  border: 1px solid rgba(0, 0, 0, 0.2);
  *border-right-width: 0;
  *border-bottom-width: 0;
  -webkit-border-radius: 0;
  -moz-border-radius: 0;
  border-radius: 0;
  -webkit-box-shadow: none;
  -moz-box-shadow: none;
  box-shadow: none;
  -webkit-background-clip: padding-box;
  -moz-background-clip: padding;
  background-clip: padding-box;
}

.dropdown-menu .sub-menu {
  left: 100%;
  position: absolute;
  top: 0;
  visibility: hidden;
  margin-top: -1px;
}

.dropdown-menu li:hover .sub-menu {
  visibility: visible;
}

ul.topnav .dropdown-menu {
  border: none;
  background: #fff;
  border: 1px solid #e9e9e9;
}

.dropdown-menu li:hover .sub-menu {
  visibility: visible;
}

.dropdown-menu .sub-menu {
  left: 100%;
  position: absolute;
  visibility: hidden;
  margin-top: -1px;
}

.dropdown-menu li:hover .sub-menu {
  visibility: visible;
}

ul.topnav .dropdown-menu .sub-menu {
  margin-left: 1px;
}

ul.topnav .dropdown-menu {
  padding: 0 0;
  margin: 0 0 0;
}

ul.topnav .dropdown-menu li {
  padding: 0;
}

ul.topnav .dropdown-menu li>a {
  padding: 5px 20px;
  line-height: 1.6em;
}

nav select {
  display: none;
}

/* ================ */

/* main content */

#maincontent {
  z-index: 1000;
  margin-top: 0px;
}

/* intro */

section#intro {
  max-width: 100%;
  background: #f5f5f5 url(../img/head-shadow.png) no-repeat top center;
  height: auto;
  margin: 0 auto;
  margin-top: 80px;
  padding: 0;
  border-bottom: 1px solid #e9e9e9;
  padding-top: 30px;
  margin-bottom: 20px;
}

.line {
  background: url(../img/line.jpg) top repeat-x;
  height: 10px;
}

section#bottom {
  width: 100%;
  margin: 0 auto;
  margin-top: 20px;
  padding: 0;
  padding-top: 30px;
}

section#subintro {
  width: 100%;
  color: #fff;
  height: auto;
  margin: 0 auto;
  padding: 0;
  margin-top: 80px;
}

/* divider */

.solid_line {
  padding: 0;
  margin: 20px 0 20px 0;
  width: 100%;
  height: 1px;
  border-top: 1px solid #eeeeee;
}

.dotted_line {
  padding: 0;
  margin: 20px 0 20px 0;
  width: 100%;
  height: 1px;
  border-bottom: 1px solid #ddd;
}

.dotted_line_top {
  padding: 0;
  margin: 20px 0 20px 0;
  width: 100%;
  height: 1px;
  border-top: 1px solid #ddd;
}

.footer .dotted_line {
  border-color: #303030;
}

/* tagline */

.tagline {
  background: #f8f8f8;
  padding: 30px 20px 20px 20px;
  margin-bottom: 0;
}

.tagline_text {
  padding: 0;
}

.tagline h2 {
  text-transform: uppercase;
}

.generika_line {
	position: relative; 
	top: -2px; 
	background-color: #A9F5A9; 
	color: #3159a0;
}

.generika_line a h6 {
	color: #3159a0;
}

.table-hover tbody tr.generika_line:hover > td {
	/*background-color: #94DC94;*/
	background-color: #A9F5A9; 
	color: #3159A0;
}

.generika_line a:hover {
	color: #3159A0;
}

.generika_line td {
	padding-bottom: 0;
}

.generika_line.description td {
	padding-top: 0;
	border-bottom: 6px solid #3159A0;
}

@media (max-width: 768px) {

	.generika_line.description td {
		border-bottom: 0;
	}	
}

.generika_line .arrow {
	border: 1px solid #3159A0;	
	background-color: #a9f5a9;
	position: relative;
	transform: rotate(45deg);
	border-right: 0;
	border-bottom: 0;
	/*width: 50px;
	height: 50px;
	left: 5px;
	top: -40px;
	margin-bottom: -40px;*/
	width: 40px;
	height: 40px;	
	left: 10px;
	top: -35px;
	margin-bottom: -35px;
	
}

@media (max-width: 768px) {
	
	.generika_line .arrow {
		/*top: -33px;*/
		top: -28px;
	}
}

/* -------------------------------------------------- */

/* latest blog post
/* -------------------------------------------------- */

.home-posts .entry-meta {
  float: left;
  font-style: italic;
  letter-spacing: -0.5px;
  line-height: 1.3;
  text-align: center;
  width: 48px;
}

.home-posts .entry-meta a {
  display: block;
  font-style: normal;
}

.entry-meta a:hover {
  text-decoration: none;
}

.home-posts .post-format {
  margin: 0;
}

.home-posts .date {
  display: block;
  margin: 8px 0 0;
}

.home-posts .entry-body .title {
  font-size: 14px;
  font-weight: 400;
}

.home-posts .entry-body {
  margin: 15px 0 0 68px;
}

.entry-body a:hover {
  text-decoration: none;
}

.home-posts .post-video, .home-posts .post-image, .home-posts .post-audio, .home-posts .post-slider {
  margin-bottom: 15px;
}

.touch-device .post-carousel .entry-audio {
  margin-top: -8px;
}

/* */

.carousel .item img {
  max-width: 100%;
  height: auto;
}

/* portfolio */

.flexslider {
  margin-bottom: 20px;
}

ul.manufacturer li {
	float: left;
	margin: 5px;
	padding: 5px;
	border: 1px solid #ddd;
	list-style: none;
	height: 150px;
	width: 150px;
}

ul.manufacturer li img {
	max-width: 100px;
	max-height: 100px;
	margin: auto;
	display: block;
	margin: 0;
	position: relative;
	top: 50%;
	left: 50%;
	transform: translate(-50%, -50%)
}

ul.filter {
  list-style: none;
  margin-left: 0;
}

ul.filter li {
  float: left;
  margin-right: 10px;
  margin-bottom: 10px;
}

ul.filter li.active a {
  text-shadow: none;
  color: #fff;
  background: #1b1b1b;
}

.portfolio-area {
  float: left;
  width: 100%;
  margin: 0;
  padding: 0;
}

.portfolio-area li {
  float: left;
  list-style: none;
  margin: 0 0 30px 0;
  padding: 0;
}

.portfolio-area li h4 {
  margin-top: 10px;
}

.portfolio-area li.portfolio-item2 h4 {
  margin-top: 0;
}

.portfolio-area .portfolio-desc, .portfolio-desc {
  margin-top: 10px;
}

.col {
  width: 230px;
  margin: 0 15px 0 15px;
}

.portfolio-area .thumbnail .caption, .portfolio-home .thumbnail .caption {
  background: #f5f5f5;
}

.portfolio-area .thumbnail, .portfolio-home .thumbnail {
  display: block;
  padding: 0;
  border: none;
}

.portfolio-area .thumbnail h4, .portfolio-home .thumbnail h4 {
  margin: 0;
  color: #fff;
  padding: 5px 10px 0 10px;
}

.portfolio-area .image-wrapp, .portfolio-home .image-wrapp {
  position: relative;
  padding: 0;
  overflow: hidden;
  border: nonw;
}

.portfolio-area .image-wrapp img, .portfolio-home .image-wrapp img {
  margin: 0;
  padding: 0;
}

.portfolio-area .thumbnail .caption, .portfolio-home .thumbnail .caption {
  padding: 15px 10px 15px 10px;
  margin: 0;
  text-align: center;
  color: #333333;
}

.portfolio-area .thumbnail .caption p, .portfolio-home .thumbnail .caption p {
  padding: 0;
  margin: 0;
}

.portfolio-area .thumbnail .meta, .portfolio-home .thumbnail .meta {
  background: #f8f8f8;
  border-top: 1px solid #fff;
  border-bottom: 1px solid #fff;
  padding: 10px 10px 10px 10px;
  margin: 0;
  text-align: left;
}

.portfolio-area .thumbnail .meta span, .portfolio-home .thumbnail .meta span {
  margin: 0 10px 0 0;
}

.portfolio-area .thumbnail .meta span a, .portfolio-home .thumbnail .meta span a {
  color: #737373;
}

/* Portolio Hover */

.da-thumbs li, .da-thumbs li img {
  display: block;
  position: relative;
}

.da-thumbs li {
  overflow: hidden;
}

.da-thumbs li article {
  position: absolute;
  background-image: url(../img/image_hover.png);
  background-repeat: repeat;
  text-shadow: none;
  width: 100%;
  height: 100%;
}

.da-thumbs li article.da-animate {
  -webkit-transition: all 0.2s ease;
  -moz-transition: all 0.2s ease-in-out;
  -o-transition: all 0.2s ease-in-out;
  -ms-transition: all 0.2s ease-in-out;
  transition: all 0.2s ease-in-out;
}

/* Initial state classes: */

.da-slideFromTop {
  left: 0px;
  top: -200%;
}

.da-slideFromBottom {
  left: 0px;
  top: 100%;
}

.da-slideFromLeft {
  top: 0px;
  left: -100%;
}

.da-slideFromRight {
  top: 0px;
  left: 100%;
}

/* Final state classes: */

.da-slideTop {
  top: 0px;
}

.da-slideLeft {
  left: 0px;
}

.da-thumbs li article a {
  color: #fff;
  padding: 20px;
  display: block;
}

.da-thumbs li article {
  text-align: center;
  padding-top: 25%;
}

.da-thumbs li article em {
  color: #dfdfdf;
  display: block;
  margin: 0 0 10px 0;
}

.da-thumbs li article a {
  display: inline-block;
}

.da-thumbs li article a:hover {
  text-decoration: none;
}

ul.project-detail {
  list-style: none;
  margin: 0;
  padding: 0;
}

ul.project-detail li {
  list-style: none;
  border-bottom: 1px dotted #e5e5e5;
  padding-bottom: 10px;
  margin-bottom: 15px;
}

ul.project-detail li label {
  display: inline;
  color: #494949;
  font-weight: bold;
}

.project-widget {
  padding: 20px 15px 0 15px;
  margin: 0 0 30px 0;
  border: 1px solid #e6e6e6;
  -webkit-box-shadow: 0 2px 0 rgba(0, 0, 0, 0.03);
  -moz-box-shadow: 0 2px 0 rgba(0, 0, 0, 0.03);
  box-shadow: 0 2px 0 rgba(0, 0, 0, 0.03);
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
}

.rubrik .project-widget, 
.produkte .project-widget, 
.artikelsuche .project-widget {
  padding: 10px;
  margin: 0 0 10px 0;
  border: 0;
  box-shadow: 0 0 0 0;
}

.rubrik ul.project-detail li ,
.produkte ul.project-detail li ,
.artikelsuche ul.project-detail li {
  padding-bottom: 0;
  margin-bottom: 10px;
}

.rubrik .project-widget h4 ,
.produkte .project-widget h4 ,
.artikelsuche .project-widget h4 {
  margin-bottom: 0;
}

.rubrik .project-widget .dotted_line ,
.produkte .project-widget .dotted_line ,
.artikelsuche .project-widget .dotted_line {
  margin: 10px 0;
}

.rubrik .project-widget li.leftcol ,
.produkte .project-widget li.leftcol ,
.artikelsuche .project-widget li.leftcol {
  width: 50%;
  float: left;
}

.rubrik .project-widget li.rightcol ,
.produkte .project-widget li.rightcol ,
.artikelsuche .project-widget li.rightcol {
  width: 50%;
  float: right;
}

@media (max-width: 480px) {
	.rubrik .project-widget li.leftcol ,
	.produkte .project-widget li.leftcol ,
	.artikelsuche .project-widget li.leftcol {
	  width: 100%;
	  float: left;
	}

	.rubrik .project-widget li.rightcol ,
	.produkte .project-widget li.rightcol ,
	.artikelsuche .project-widget li.rightcol {
	  width: 100%;
	  float: left;
	}	
	
	.rubrik .project-widget li.rightcol.empty ,
	.produkte .project-widget li.rightcol.empty ,
	.artikelsuche .project-widget li.rightcol.empty {
	  display: none;
	}	
}

.rubrik .articleimage ,
.produkte .articleimage ,
.artikelsuche .articleimage {
  display: flex;
  height: 180px;
  justify-content: center;
  align-items: center;
}

.rubrik .articleimage img ,
.produkte .articleimage img ,
.artikelsuche .articleimage img {
  height: 180px;
  width: 180px;
}

.artikelsuche .articleimage img.manufacturer {
  height: auto; 
  width: auto; 
  max-width: 300px; 
  max-height: 300px;
}	

.rubrik .articlebox ,
.artikelsuche .articlebox {
  padding: 25px;
  border-radius: 2px;
  box-shadow: 0 0 5px #ccc;
}

.rubrik .project-widget ul.filter ,
.produkte .project-widget ul.filter ,
.artikelsuche .project-widget ul.filter {
  margin-top: 30px;
  display: flex;
  margin-bottom: -10px;    
}

.rubrik #rating_short_panel .sterne ,
.produkte #rating_short_panel .sterne ,
.artikelsuche #rating_short_panel .sterne {
/*margin-top: 10px;*/
display: none;
}

.rubrik #rating_short_panel  ,
.produkte #rating_short_panel  ,
.artikelsuche #rating_short_panel  {
height: 27px;
margin-top: 10px;
}

/* accordion */

.accordion-inner {
  padding: 20px 15px;
}

/* pagination */

.pagination {
  margin-top: 0;
}

.pagination ul li a {
  color: #666;
}

.pagination ul li a:hover {
  color: #fff;
}

.pagination ul li.active a {
  background: #444;
  color: #fff;
  border: 1px solid #444;
}

.pagination ul > .disabled > a:hover {
  border-color: #ddd;
}

/* Blog */

aside {
  padding: 0 0 0 15px;
  margin: 0 0 30px 0;
  /*
  border: 1px solid #e6e6e6;
  -webkit-box-shadow: 0 2px 0 rgba(0, 0, 0, 0.03);
  -moz-box-shadow: 0 2px 0 rgba(0, 0, 0, 0.03);
  box-shadow: 0 2px 0 rgba(0, 0, 0, 0.03);
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
  */
}

aside.contact {
  padding: 20px 15px 0 15px;
  margin: 0 0 30px 0;
  border: 1px solid #e6e6e6;
  -webkit-box-shadow: 0 2px 0 rgba(0, 0, 0, 0.03);
  -moz-box-shadow: 0 2px 0 rgba(0, 0, 0, 0.03);
  box-shadow: 0 2px 0 rgba(0, 0, 0, 0.03);
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;	
}

aside .widget {
  margin-bottom: 30px;
}

aside .widget ul {
  list-style: none;
  margin-left: 0;
}

.span8 .cat li {
	list-style-type: disc;
}

.span8 .cat li,
aside .widget ul li {
  border-bottom: 1px dotted #efefef;
  margin: 15px 0 0 0;
  padding-bottom: 5px;
}

aside .widget h4 {
  border-bottom: 1px solid #e5e5e5;
  padding-bottom: 10px;
  margin-bottom: 15px;
}

/* categories */

aside .widget ul.cat {
  list-style: none;
  margin-left: 0;
}

aside .widget ul.cat li {
	/*
	padding-left: 24px;
	background-image: url("../img/glyphicons-halflings.png");
	background-repeat: no-repeat;
	background-position: -456px -69px;
	*/
}

.gesundheitsnews aside .widget ul.cat li {
	/*
	background-image: none; 
	list-style: disclosure-closed; 
	padding-left: 10px; 
	margin-left: 15px;
	*/
}

aside .widget ul.cat li a {
  color: #444;
}

aside .widget ul.cat li a:hover {
  text-decoration: none;
}

/* recent posts */

aside .widget ul.recent-posts li {
  overflow: hidden;
  display: inline-block;
}

aside .widget ul.recent-posts li a {
  color: #444;
  text-align: left;
}

aside .widget ul.recent-posts li a:hover {
  text-decoration: none;
}

aside .widget ul.recent-posts li span.date {
  float: left;
  font-size: 11px;
  margin-top: 10px;
}

aside .widget ul.recent-posts li span.comment {
  float: left;
  margin-left: 20px;
  font-size: 11px;
  margin-top: 10px;
}

/* tags */

aside .widget ul.tags li {
  display: inline;
}

aside .widget ul.tags li a {
  margin-bottom: 10px;
}

#comment span {
  font-size: 11px;
  font-style: italic;
  color: #999999;
}

article.blog-post {
  padding-bottom: 20px;
  margin-bottom: 30px;
  border-bottom: 1px solid #eeeeee;
}

article .heading {
  float: left;
  width: 100%;
  margin-bottom: 25px;
}

article .heading h4 {
  float: left;
  margin-bottom: 0;
  font-size: 24px;
}

article.blog-post .post-heading h3 a {
  color: #333;
}

article.blog-post .post-heading h3 a:hover {
  text-decoration: none;
}

article span.comment {
  float: right;
  margin-top: 5px;
}

article button.btn {
  margin-bottom: 10px;
}

article.blog-post img {
  margin-bottom: 30px;
}

article.blog-post.XXX img:hover {
  /* IE 8 */
  -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=80)";
  /* IE 5-7 */
  filter: alpha(opacity=80);
  /* Netscape */
  -moz-opacity: 0.7;
  /* Safari 1.x */
  -khtml-opacity: 0.7;
  /* Good browsers */
  opacity: 0.7;
}

article.blog-post img.thumbnail {
  margin-bottom: 0;
}

/* ====== post format ================ */

.post-quote blockquote {
  font-size: 18px;
  line-height: 1.6em;
  font-family: Georgia, Arial, sans-serif;
  font-style: italic;
}

/* last post article */

article.last-post {
  color: #fff;
  margin-bottom: 20px;
}

article.last-post .content {
  padding: 20px;
}

article.last-post .content a {
  color: #fff;
  font-weight: bold;
}

article.last-post h4 {}

article.last-post iframe {
  width: 100%;
  height: 150px;
  border: none;
  margin-bottom: 0;
}

.tooltip-demo a {
  display: block;
}

ul.time-post {
  background: #fff;
}

ul.time-post {
  float: left;
  list-style: none;
  width: 60px;
  padding: 10px 0 10px 0;
  margin: 0 20px 20px 0;
  text-align: center;
  color: #222;
}

ul.time-post li {
  list-style: none;
  margin: 0;
  padding: 0;
}

ul.time-post li.date {
  font-size: 28px;
  line-height: 24px;
  padding: 10px 0 0 0;
}

ul.time-post li.year {
  padding: 0 0 10px 0;
  border-bottom: 1px solid #fff;
  text-shadow: none;
}

ul.post-meta {
  float: left;
  width: 100%;
  list-style: none;
  padding: 5px 0 5px;
  border-top: 1px solid #e3e3e3;
  border-bottom: 1px solid #e3e3e3;
  margin: 0 0 15px 0;
}

ul.post-meta li {
  float: left;
  list-style: none;
  margin: 0;
  margin-right: 20px;
  font-size: 11px;
}

ul.post-meta li a {
  color: #737373;
}

ul.post-meta li i {
  float: left;
  margin-top: 4px;
}

ul.post-meta li span {
  float: left;
  margin-left: 5px;
}

.media, .media .media {
  margin-top: 20px;
}

.media-list .media {
  margin-top: 30px;
  border-bottom: 1px dotted #eee;
  padding-bottom: 10px;
}

.media-list .media .media {
  border: none;
}

.media-body .media-heading a {
  color: #494949;
}

.media .pull-left {
  margin-right: 15px;
}

.media .pull-right {
  margin-left: 15px;
}

.comment-post {
  margin-top: 30px;
}

.comment-form {
  margin: 15px 0 30px 0;
}


.contactForm {
	margin:0 0 30px 0;
}

.comment-form  label, .contactForm label {
	margin-bottom:10px;
	font-size:13px;
	font-weight:bold;
}

.comment-form input, .contactForm input, .contactForm select {
	background:#fff;
	margin-bottom:20px;
	font-size:13px;

}

.comment-form input,.contactForm input, .contactForm select {
	width:100%;
	height:30px;
}

.contactForm select {
/*padding: 18px 6px;*/
height: 30px;
width: inherit;
}

.comment-form textarea, .contactForm textarea {
	margin-bottom:25px;
	font-size:13px;
	background:#fff;
	width:100%;
	padding-top:10px;
	min-height: 121px;
}

.contactForm .form-group textarea,
.contactForm .form-group input {
  box-sizing: border-box;
  padding-right: 15px;
}

.validation {
  color: #FA5858;
  display:none;
  margin: 0 0 20px;
  font-weight:400;
  font-size:13px;
}

#sendmessage {
  color: green;
  border:1px solid green;
  display:none;
  text-align:center;
  padding:15px;
  font-weight:600;
  margin-bottom:15px;
}

#errormessage {
  color: #FA5858;
  display:none;
  border:1px solid #FA5858;
  text-align:center;
  padding:15px;
  font-weight:600;
  margin-bottom:15px;
}

#sendmessage.show, #errormessage.show, .show {
	display:block;
}

#subintro #errormessage {
	background-color: #ffffff;
}

/* Google Map */
#google-map {
  height: 450px;
  margin-bottom: 20px;
}


/* 404 */

.error-bg {
  background: #f5f5f5;
}

.error-wrapper {
  width: 60%;
  margin: 80px auto;
  padding: 8px;
  background: #f5f5f5;
}

.error-body {
  padding: 20px;
  text-align: center;
  color: #fff;
}

.error-body h1 {
  font-size: 172px;
  line-height: 160px;
  padding: 15px 0 20px 0;
  margin-bottom: 30px;
}

.error-body h3 {
  text-transform: none;
}

.error-footer {
  margin-top: 30px;
  text-align: right;
  background: #f5f5f5;
}

/* social links icon */

.widget .social-links {
  list-style: none;
}

.widget .social-links li {
  padding: 0;
  border: none;
  float: none;
  display: inline;
}

.social-links li a:hover {
  text-decoration: none;
}

/* ============ font awesome icons ===================== */

ul.the-icons {
  list-style: none;
  margin-left: 0;
}

[class^="icon-"], [class*=" icon-"] {
  float: none;
}

.icon-square, .icon-rounded, .icon-plain, .icon-circled {
  margin: 10px 10px 10px 0;
  display: inline-block !important;
  text-align: center !important;
  color: #fff;
  width: 18px;
  height: 18px;
  padding: 3px;
  font-size: 12px;
  line-height: 18px;
  text-shadow: none;
}

.icon-rounded {
  background-color: #444;
  border-radius: 4px;
  -moz-border-radius: 4px;
  -webkit-border-radius: 4px;
}

.icon-circled {
  background-color: #444;
  border-radius: 10px;
  -moz-border-radius: 10px;
  -webkit-border-radius: 10px;
}

.icon-square {
  background-color: #444;
}

.icon-plain {
  width: 48px;
  height: 48px;
  font-size: 47px;
  line-height: 50px;
  color: #444;
  text-shadow: 1px 1px 1px #FFF;
}

.icon-plain:hover {
  color: #777;
}

/* circled radius */

.icon-circled {
  border-radius: 24px;
  -moz-border-radius: 24px;
  -webkit-border-radius: 24px;
}

.icon-64.icon-circled {
  border-radius: 32px;
  -moz-border-radius: 32px;
  -webkit-border-radius: 32px;
}

.icon-128.icon-circled {
  border-radius: 64px;
  -moz-border-radius: 64px;
  -webkit-border-radius: 64px;
}

.icon-light {
  background-color: #F5F5F5;
  color: #444;
  text-shadow: 1px 1px 1px #fff;
  box-shadow: inset 0 0 15px rgba(0, 0, 0, 0.2);
  -moz-box-shadow: inset 0 0 15px rgba(0, 0, 0, 0.2);
  -webkit-box-shadow: inset 0 0 15px rgba(0, 0, 0, 0.2);
}

.icon-rounded:hover, .icon-circled:hover {
  color: #fff;
  text-shadow: none;
  box-shadow: 0 0 0 rgba(0, 0, 0, 0.2);
  -moz-box-shadow: 0 0 0 rgba(0, 0, 0, 0.2);
  -webkit-box-shadow: 0 0 0 rgba(0, 0, 0, 0.2);
}

.demoicon [class^="icon-"], .demoicon [class*=" icon-"], [class^="icon-"].left, [class*=" icon-"].left {
  float: left;
}

[class^="icon-"].active:hover, [class*=" icon-"].active:hover {
  background-color: rgba(0, 0, 0, 0.75);
}

[class^="icon-"], [class*=" icon-"] {
  margin-top: 1px;
  margin-right: .3em;
}

/* custom size */

.icon-32 {
  width: 24px;
  height: 24px;
  padding: 4px;
  font-size: 16px;
  line-height: 24px;
}

.icon-48 {
  width: 32px;
  height: 32px;
  padding: 8px;
  font-size: 28px;
  line-height: 30px;
}

.icon-64 {
  width: 40px;
  height: 40px;
  padding: 12px;
  font-size: 30px;
  line-height: 40px;
}

.icon-128 {
  width: 56px;
  height: 56px;
  padding: 36px;
  font-size: 54px;
  line-height: 60px;
}

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

/* twitter */

.twitter ul {
  margin-left: 0;
  list-style: none;
}

.twitter img {
  float: left;
  margin-right: 15px;
}

.twitter span.tweet_time {
  display: block;
  padding-bottom: 5px;
}

.twitter li {
  border-bottom: 1px dashed #efefef;
  padding-bottom: 20px;
  margin-bottom: 20px;
  list-style: none;
}

.twitter li:last-child {
  border: none;
}

/* Subhead (other pages)
------------------------- */

.subhead {
  text-align: left;
  margin: 0 0 20px 0;
  padding: 35px 0 10px 0
}

.subhead h3 {
  color: #fff;
  margin: 0;
  padding: 0;
}

.subhead p {
  padding: 0;
  margin: 0;
}

.subhead .navbar {
  display: none;
}

.subhead .form-search {
  float: right;
  margin: 15px 0 0 0;
  padding: 0;
}

.subhead a {
  color: #fff;
  text-decoration: underline;
}

/* accordion */

.accordion-heading {
  background: #f8f8f8;
}

.accordion-heading a {
  outline: none;
  font-weight: bold;
  color: #444;
}

.accordion-heading a:hover {
  text-decoration: none;
}

.accordion-heading {
  border-bottom: 0;
}

.accordion-heading .accordion-toggle {
  display: block;
  padding: 8px 15px;
  text-decoration: none;
}

.accordion-heading .accordion-toggle i {
  margin-right: 10px;
}

.accordion-heading .active {
  background: #3159A0;
}

.accordion-toggle {
  cursor: pointer;
}

.accordion-inner {
  padding: 9px 15px;
  border-top: 1px solid #eee;
  padding-left: 35px;
}

.accordion-inner h5 {
  font-size: 16px;	
  margin-left: -15px;
}

/* breadcrumb */

#breadcrumb .breadcrumb {
  margin: -30px 0 0 0;
  border-bottom: 1px dotted #eeeeee;
  padding-bottom: 10px;
}

.breadcrumb>li {}

.breadcrumb.custom {
  padding: 8px 0px;
  margin: 0 0 20px;
  list-style: none;
  background-color: #fff;
  border: none;
  border-bottom: 1px solid #e3e3e3;
}

.breadcrumb>li {
  display: inline-block;
  *display: inline;
  line-height: 1.6em;
  *zoom: 1;
}

.breadcrumb>li>.divider {
  padding: 0 5px;
  color: #ccc;
}

/* 404 */

h2.error {
  font-size: 78px;
}

/* pricing box */

.priceBox {
  border: 1px solid #e6e6e6;
  /*
  -webkit-box-shadow: 0 2px 0 rgba(0, 0, 0, 0.03);
  -moz-box-shadow: 0 2px 0 rgba(0, 0, 0, 0.03);
  box-shadow: 0 2px 0 rgba(0, 0, 0, 0.03);
  
  -webkit-box-shadow: 0 2px 0 #3159A0;
  -moz-box-shadow: 0 2px 0 #3159A0;
  box-shadow: 0 2px 0 #3159A0;
  */
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
  width: 100%;
  display: block;
  float: left;
  margin-right: -1px;
  text-align: center;
}

.artikelsuche .priceBox .number {	
	color: #e4032b;
}

.priceBox.flip-card-inner {
  -webkit-box-shadow: 0 2px 0 rgba(0, 0, 0, 0.03);
  -moz-box-shadow: 0 2px 0 rgba(0, 0, 0, 0.03);
  box-shadow: 0 2px 0 rgba(0, 0, 0, 0.03);
  
  -webkit-box-shadow: 0 2px 0 #3159A0;
  -moz-box-shadow: 0 2px 0 #3159A0;
  box-shadow: 0 2px 0 #3159A0;	
}

.priceBox hr {
  margin: 0;
}

.priceBox span {
  display: block;
  padding: 10px 0;
}

.priceBox .emphasis {
  font-size: 30px;
  color: #333;
  background: #fcfcfc;
  padding-top: 16px;
}

.priceBox .emphasis em {
  font-style: italic;
  color: #808080;
  font-size: 11px;
  display: block;
}

.priceBox .emphasis span.number {
	padding: 0;
	color: #e4032b; 
}

.priceBox .emphasis a:hover {
	text-decoration: none;
}

.priceBox .emphasis a:hover > span {
	text-decoration: underline;
	color: #05416c;
}

.priceBox .dark ,
.priceBox .light {
  margin: 0;
  padding: 15px 10px;
  color: #fff;
}

.priceBox .dark {
  color: #3159A0;
  padding: inherit 10px;
  width: 95%;
}

.priceBox .btn {
  margin: 10px 0;
}

.priceBox .emphasis-2 {
  background: #fcfcfc;
}

.priceBox.special {
  margin-top: -10px;
}

.priceBox.special .emphasis {
  color: #fff;
}

.priceBox.special .emphasis em {
  color: #fff;
  color: rgba(255, 255, 255, 0.7);
}

.priceBox.special .light {
  padding: 20px 0;
}

.priceBox.special .btn {
  margin: 15px 0;
}

.priceBox.item3 {
  width: 100%;
}

/* list */

ul.list, ol.list {
  margin: 0 0 20px 0;
  padding: 0;
}

ul.list {
  list-style: none outside;
}

ol.list {
  padding: 0 0 0 15px;
}

ol.alpha-upper li {
  list-style: upper-alpha;
}

ol.alpha-lower li {
  list-style: lower-alpha;
}

ol.decimal li {
  list-style: decimal;
}

ol.roman li {
  list-style: upper-roman;
}

ul.diamond li {
  padding: 0 0 0 15px;
  background: transparent url('../img/list/diamond.png') no-repeat 0 6px;
}

ul.arrow li {
  padding: 0 0 0 20px;
  background: transparent url('../img/list/arrow.png') no-repeat 0 6px;
}

ul.check li {
  padding: 0 0 0 18px;
  background: transparent url('../img/list/check.png') no-repeat 0 6px;
}

ul.circle li {
  padding: 0 0 0 15px;
  background: transparent url('../img/list/circle.png') no-repeat 0 8px;
}

ul.list ul, ul.list ol, ol.list ol, ol.list ul {
  margin: 4px 0 5px 30px;
  font-size: 90%;
}

ul.list ul li, ul ol li, ol.list ol li, ol.list ul li {
  margin-bottom: 6px;
}

ul.list li, ul.list li {
  line-height: 21px;
  margin: 0 0 12px 5px;
}

ul.list li p {
  line-height: 21px;
}

ol.alpha-upper li a, ol.alpha-lower li a, ol.decimal li a, ol.roman li a, ul.diamond li a, ul.arrow li a, ul.check li a, ul.circle li a {
  color: #3c4249;
}

/* blockquote */

blockquote p {
  line-height: 1.6em;
}

/* footer */

footer {
  padding-top: 30px;
  color: #7e7e7e;
}

footer.footer {
  background: #3a3a3a;
}

footer h1, footer h2, footer h3, footer h4, footer h5, footer h6 {
  color: #e8e8e8;
  text-decoration: underline;
}

footer .block-a {
  background: #bcab37;
}

footer .verybottom {
  padding-top: 30px;
  background: #303030;
}

footer .verybottom a {
color: #7e7e7e;
}

footer ul.regular li a, footer .nav-list li.nav-header {
  text-shadow: none;
  color: #b8b8b8;
}

footer ul.regular, footer ul.nav {
  margin-left: 0;
  list-style: none;
}

footer ul.regular li {
  background-attachment: scroll;
  background: url(../img/list/white-arrow.png) no-repeat 0 5px;
  padding-left: 15px;
  margin-top: 5px;
  margin-left: 0;
}

footer ul.regular li a:hover {
  text-decoration: none;
}

footer .nav-list.regular>li>a {
  padding: 0;
  margin-left: 0;
}

footer .nav-list li.divider {
  text-shadow: none;
  *width: 100%;
  height: 1px;
  margin: 9px 1px;
  *margin: -5px 0 5px;
  overflow: hidden;
  background-color: #222;
  border-bottom: none;
}

footer .twitter li {
  border-bottom: 1px dashed #2d2d2d;
  padding-bottom: 20px;
  margin-bottom: 20px;
  list-style: none;
}

footer .logo img {
  margin-bottom: 15px;
}

.credits {
  text-align: right;
}
/* misc */

.center {
  text-align: center;
}

/* img */

img.icon {
  margin-bottom: 10px;
}

img.max-img {
  max-width: 100%;
  height: auto;
}

/* effects */

.rotate:hover {
  /* IE 8 */
  -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=80)";
  /* IE 5-7 */
  filter: alpha(opacity=80);
  /* Netscape */
  -moz-opacity: 0.7;
  /* Safari 1.x */
  -khtml-opacity: 0.7;
  /* Good browsers */
  opacity: 0.7;
}

/*================================== doc , overview bootstrap features ========================*/

.doctitle h2 {
  border-bottom: 1px solid #dedede;
  padding-bottom: 20px;
}

/* Sections
-------------------------------------------------- */

/* padding for in-page bookmarks and fixed navbar */

section.doc {
  padding-top: 70px;
}

.accordion-produkte .span5 {
  width: 45%;
}

.accordion-produkte .span9 {
  width: 83%;
}

section>.page-header, section>.lead {
  color: #5a5a5a;
}

section>ul li {
  margin-bottom: 5px;
}

.bold {
  /*font-weight: bolder;*/
  font-size: 105%;
  letter-spacing: 1px;
}

/* position */

.centered {
  text-align: center;
}

.alignleft {
  float: left;
}

.alignright {
  float: right;
}

.textright {
  text-align: right;
}

.textleft {
  text-align: left;
}

.aligncenter {
  text-align: center;
}

img.alignleft {
  margin: 5px 15px 15px 0;
}

img.alignright {
  margin: 5px 0 15px 15px;
}

.aligncenter img {
  margin-bottom: 20px;
}

.absolute {
  position: absolute;
}

.relative {
  position: relative;
}

.max-iframe {
  width: 100%;
  height: 350px;
}

.video {
  width: 100%;
  height: 350px;
  border: none;
}

/*margin top */

.spacer-40 {
  margin-top: -40px;
}

.spacer-30 {
  margin-top: -30px;
}

.spacer-25 {
  margin-top: -25px;
}

.spacer-20 {
  margin-top: -20px;
}

.spacer-15 {
  margin-top: -15px;
}

.spacer-10 {
  margin-top: -10px;
}

.spacer0 {
  margin-top: 0;
}

.spacer5 {
  margin-top: 5px;
}

.spacer10 {
  margin-top: 10px;
}

.spacer15 {
  margin-top: 15px;
}

.spacer20 {
  margin-top: 20px;
}

.spacer25 {
  margin-top: 25px;
}

.spacer30 {
  margin-top: 30px;
}

.spacer35 {
  margin-top: 35px;
}

.spacer40 {
  margin-top: 40px;
}

.spacer50 {
  margin-top: 50px;
}

/*margin bottom*/

.botspacer-5 {
  margin-bottom: -5px;
}

.botspacer-10 {
  margin-bottom: -10px;
}

.botspacer-15 {
  margin-bottom: -15px;
}

.botspacer-20 {
  margin-bottom: -20px;
}

.botspacer-30 {
  margin-bottom: -30px;
}

.botspacer-40 {
  margin-bottom: -40px;
}

.botspacer0 {
  margin-bottom: 0px;
}

.botspacer5 {
  margin-bottom: 5px;
}

.botspacer10 {
  margin-bottom: 10px;
}

.botspacer-10 {
  margin-bottom: -10px;
}

.botspacer10 {
  margin-bottom: 10px;
}

.botspacer15 {
  margin-bottom: 15px;
}

.botspacer20 {
  margin-bottom: 20px;
}

.botspacer30 {
  margin-bottom: 30px;
}

.botspacer40 {
  margin-bottom: 40px;
}

.botspacer50 {
  margin-bottom: 50px;
}

/* padding */

.padding30 {
  padding-top: 30px;
}

.botpadding20 {
  padding-bottom: 20px;
}

/*margin left & right */

.marginleft20 {
  margin-left: 20px;
}

.marginleft30 {
  margin-left: 30px;
}

.marginleft40 {
  margin-left: 40px;
}

.marginleft50 {
  margin-left: 50px;
}

.marginright10 {
  margin-right: 10px;
}

.marginright40 {
  margin-right: 40px;
}

.marginright20 {
  margin-right: 20px;
}

.marginright5 {
  margin-right: 5px;
}

.marginleft5 {
  margin-left: 5px;
}

/*margin vary*/

.mtopbottom20 {
  margin: 20px 0 20px 0;
}

.mtopbottom30 {
  margin: 30px 0 30px 0;
}

.marginlr5 {
  margin: 0 5px 0 5px;
}

.marginlr10 {
  margin: 0 10px 0 10px;
}

/* ==== media screen queries ==== */

@media (min-width: 768px) and (max-width: 979px) {
  .navbar .navbar-inner .container .logo {
    padding-left: 20px;
    padding-right: 20px;
  }
  .navbar .nav {
    margin: 0;
  }
  .navbar-fixed-top {
    margin-bottom: 15px;
  }
  #slider_holder {
    margin-top: 30px;
    margin-bottom: 20px;
  }
  section#intro {
    max-width: 100%;
    margin: 0 auto;
    margin-top: 0;
    padding-top: 0;
  }
  section#subintro {
    max-width: 100%;
    height: auto;
    margin: 0 auto;
    margin-top: 0;
    padding-top: 0;
    margin-bottom: 20px;
  }
  #sequence .info {
    width: 80%;
  }
  #sequence .info p {
    background: #fff;
    padding: 10px;
  }
}

@media (max-width: 768px) {
  .navbar .navbar-inner .container .logo {
    padding-left: 20px;
    padding-right: 20px;
  }
  #slider_holder {
    margin-top: 30px;
    margin-bottom: 0px;
  }
  section#intro {
    max-width: 100%;
    margin: 0 auto;
    margin-top: 0;
    padding-top: 0;
  }
  div nav ul {
    display: none;
  }
  nav ul li {
    display: none;
  }
  nav select {
    display: block;
    width: 50%;
    float: right;
    margin-bottom: 20px;
    color: #111;
    margin-top: 20px;
    margin-right: 20px;
    line-height: 30px;
    -webkit-border-radius: 4px;
    -moz-border-radius: 4px;
    border-radius: 4px;
    font-size: 14px;
  }
  nav select a {
    line-height: 1.5em;
  }
  section#subintro {
    padding-left: 20px;
    padding-right: 20px;
    margin-top: 0;
    margin-left: -20px;
    margin-right: -20px;
  }
  #sequence .info p {
    display: none;
  }
  #sequence .info a {
    font-size: 12px;
  }
  .features {
    margin-bottom: 30px;
  }

  ul.portfolio-area li {
    width: 100%;
  }
  .tagline, section#intro {
    padding-left: 20px;
    padding-right: 20px;
    margin-left: -20px;
    margin-right: -20px;
  }
  section#bottom {
    padding-left: 20px;
    padding-right: 20px;
    margin-left: -20px;
    margin-right: -20px;
  }
  .verybottom {
    padding-left: 20px;
    padding-right: 20px;
    margin-left: -20px;
    margin-right: -20px;
  }
  .verybottom p {
    text-align: center;
  }
  .verybottom p.pull-right {
    float: none;
    text-align: center;
  }
  .home-posts .span3 {
    margin-bottom: 30px;
  }
}

@media (max-width: 768px) {
	.footer .row .span4:first-child {
		float: left;				
	}
	
	.footer ul.regular li {
		background: none;
		padding-left: 0;
	}
	
	.footer .row .span4 {
		float: right;
		width: 50%;
		padding: 0;
		margin: 0;
		text-align: center;
	}
	
	.footer .row .span4:last-child {
		clear: both;
		width: 100%;
		text-align: center;
		padding-left: 0;
	}
}

@media (max-width: 480px) {
	
	.login-bottom-main-panel .span6 {
		width: 100%;
		text-align: center;
	}	
	
	.login-bottom-main-panel .span6 .alignright {		
		float: inherit;
	}	
	
	.footer .row .span4 {
		width: 100%;
		text-align: center;
	}	

  nav select {
    display: inline-block;
    width: 85%;
    float: none;
    margin: 20px;
    color: #111;
    line-height: 30px;
    -webkit-border-radius: 4px;
    -moz-border-radius: 4px;
    border-radius: 4px;
    font-size: 14px;
  }
  #sequence {   
    height: 250px;
  }

.info h2 {
    font-size: 20px;
    letter-spacing: inherit;
} 
.info h3 {
    font-size: 16px;
    letter-spacing: inherit;
} 
.info .btn {
    font-size: 14px;
    letter-spacing: inherit;
position: absolute;
bottom: 0;		
right: 0;
}  
  
.info small {
position: absolute;
bottom: 15px;		
left: 0;
}  
  
  .features {
    margin-bottom: 30px;
  }
  #sequence .info {
    width: 100%;
	height: 250px;
	position: absolute;
	top: 0;	
  }
  #sequence .info p {
    display: none;
  }
  #sequence .info a {
    font-size: 12px;
  }
  .verybottom {
    padding-left: 20px;
    padding-right: 20px;
    margin-left: -20px;
    margin-right: -20px;
  }
  .verybottom p {
    text-align: center;
  }
  .home-posts .post-image {
    margin-top: 20px;
  }
}

.product_shorttag {
	padding-top: 8px;
	font-weight: bold;
}

.flexslider.product .slides img {
	width: auto;
	display: flex;
	margin: 0 auto;	
	justify-content: center; 
    align-items: center;
}

.flexslider.product .slides {
    height: 300px;		
}

.flexslider.product .slides li {
	height: 300px;
	min-width: 300px;
	width: auto;
}	
 
.flexslider.product .slides li.manufacturer { 
    display: flex;	
    justify-content: center; 
    align-items: center;	
	background-color: #fff;
}

.product_deeplink {
	/*firefox*/
	width: -moz-available;
	/*chrome / ie*/
	width: -webkit-fill-available;
	min-height: 25px;
	padding: 10px 25px;
}

@media (max-width: 768px) {
	.product_deeplink {
		min-height: 60px;
		min-width: 90%;
		/*firefox*/
		width: -moz-available;
		/*chrome / ie*/
		width: -webkit-fill-available;
	}	
}

@media (max-width: 480px) {
	.product_deeplink {
		min-height: 60px;
		min-width: 80%;
		/*firefox*/
		width: -moz-available;
		/*chrome / ie*/
		width: -webkit-fill-available;
	}	
}

#rating textearea {
	min-height: 125px;
}

.loginbox {	
	padding: 20px;
	background-color: #fff;
	border-radius: 2px;
	box-shadow: 0 0 5px #ccc;	
	margin-left: auto;
	margin-right: auto;
}

.loginbox input {
	padding: 10px;
	margin: 10px 0;
	width: 90%;
}

textarea,
.partner input[type=email],
.partner input[type=password],
.partner input[type=text],
.konto input[type=email],
.konto input[type=password],
.konto input[type=text] {
	padding: 10px;
}

.partner select {
	padding: 7px 10px;
	 box-sizing: content-box;
    -moz-box-sizing:content-box;
    -webkit-box-sizing:content-box;
}

@media (min-width: 940px) {
	
	div.login #logo {	
		position: relative;
		height: 200px;
	}
	
	div.login #logo img {
		position: absolute;
		top: 50%;
		left: 0;
		margin: auto;			
	}
}

.product .normaltext {
font-weight: normal;	
}

.product .bookmarks {
	margin-top: -10px;
	font-size: 20px;
}

.per_page {
	width: 70px;
}

.sort ,
.regulation {
	width: 170px;
}

.sort_label ,
.regulation_label ,
.per_page_label {
	position: relative;
	top: -3px;
	display: inline;
	right: 5px;
}

@media (max-width: 480px) {

	.per_page ,
	.sort {
		margin-right: 30px;
	}
}

#slider_holder.ads .slider_img.animate-in.ad-image {
	position: relative;
	left: 60%;
	top: 25%;
}

@media (max-width: 768px) {

	#slider_holder.ads .slider_img.animate-in.ad-image {
		position: relative;
		left: 50%;
		top: 15%;
	}	
}

@media (max-width: 480px) {

	#slider_holder.ads .slider_img.animate-in.ad-image {
		position: relative;
		left: 40%;
		top: 15%;
		max-width: 150px;
	}	
}

#slider_holder.ads small {
	color: #999;
	display: block;
}

.home .prettyprint {
	background-color: #fff;
	box-shadow: 0 0 5px silver;
}

#test_skript_media_snippet,
#test_skript_interaktion_snippet,
#test_skript_suche_snippet,
#partner_snippet {
	position: absolute;
	top: -1000px;
	left: -1000px;
}

@media (max-width: 480px) {
	
	#test_skript_media_snippet,
	#test_skript_interaktion_snippet,
	#partner_snippet_buttons a {
	
		margin: 10px 0;
	}
}

#searchbar {
	height: 77px;
}

ul.project-detail li.noborder ,
.noborder {
	border: 0;
}

/* The flip card container - set the width and height to whatever you want. We have added the border property to demonstrate that the flip itself goes out of the box on hover (remove perspective if you don't want the 3D effect */
.flip-card {
  height: 200px;
  background-color: transparent;

  perspective: 1000px; /* Remove this if you don't want the 3D effect */
  /*margin-left: auto;*/
  /*margin-right: auto;*/
  margin-bottom: 20px;
}

/* This container is needed to position the front and back side */
.flip-card-inner {
  position: relative;
  width: 100%;
  /*height: 100%;*/
  height: 200px;
  text-align: center;
  transition: transform 0.8s;
  transform-style: preserve-3d;
}

/* Do an horizontal flip when you move the mouse over the flip box container */
.flip-card:hover .flip-card-inner {
  transform: rotateY(180deg);
}

/* Position the front and back side */
.flip-card-front, .flip-card-back {
  position: absolute;
  width: 100%;
  /*height: 100%;*/
  height: 200px;
  -webkit-backface-visibility: hidden; /* Safari */
  backface-visibility: hidden;
}

/* Style the front side (fallback if image is missing) */
.flip-card-front {
  background-color: #fff;
}

.flip-card-front h4 ,
.flip-card-front img {	
  position: absolute;
  left: 50%;
  top: 50%;
  transform: translate(-50%,-50%);  
}

/* Style the back side */
.flip-card-back {
  background-color: #3159A0;
  color: #fff;
  transform: rotateY(180deg);
} 

.flip-card-back a {
  color: #fff;	
}

/* Searchbar Header */
#searchbar {
	height: 85px; 
}

#searchbar #searchfield {
	position: relative;
	top: 15px;
	left: 35px;
	height: 40px;
	width: 550px;
	border-radius: 5px;
	padding: 5px 30px;
	border: 1px solid #3159A0;
	box-shadow: 4px 2px 15px #ddd;
	font-size: 20px;
	color: #3159A0;
}

#searchbar .searchbutton {
	position: relative;
	width: 85px;
	height: 52px;
	border-radius: 2px 5px 5px 2px;
	border: 1px solid #3159A0;
	color: #3159A0;
	top: 7.5px;
	left: -53px;
	font-weight: bold;
}

#searchbar #searchfilter a {
	height: 31px;
	margin-left: -50px;
	border-radius: 5px;
	margin-top: 15px;
	padding-top: 15px;	
	border-color: #3159A0;
	color: #3159A0;
	font-weight: bold;
	font-family: "Helvetica Neue", Helvetica, Arial, sans-serif;
	font-size: 14px;
}

#searchbar #searchfilter .caret {
	border-top: 4px solid #3159A0;
	margin-top: 10px;
	margin-left: 5px;
}

#searchbar #searchfilter .dropdown-menu {
	padding: 0;
}

#searchbar #searchfilter ul {
	margin-left: -50px;
	border-radius: 0 5px 5px 5px;
	border-color: #AECBE8;
}

#searchbar #searchfilter li {	
	padding: 15px 10px;
}

#searchbar #searchfilter li.active ,
#searchbar #searchfilter li:hover {
	background-color: #AECBE8;
	color: #444;
	cursor: pointer;
}

#searchbar #searchfilter li.active {
	cursor: none;
}

#searchbar #user-login {
	height: 72px; 
	width: 60px; 
	position: relative; 
	display: inline-block; 
	border-radius: 40px; 
	top: -3px; 
	left: 55px;
	background-repeat: no-repeat;
	padding: 0;
	margin-bottom: -48px;
}

#searchbar #user-login.in {
	background-image: url(/assets/img/icon_user_loggedin.png);
}

#searchbar #user-login.out {
	background-image: url(/assets/img/icon_user_loggedout.png);
}

#searchbar #shopping-list {
	height: 72px; 
	width: 60px; 
	position: relative; 
	display: inline-block; 
	border-radius: 40px; 
	top: -3px; 
	left: 30px;		
	background-repeat: no-repeat;
	padding: 0;
	margin-bottom: -48px;
}

#searchbar #shopping-list.full {
	background-image: url(/assets/img/icon_shopping_list.png);
}

#searchbar #shopping-list.empty {
	background-image: url(/assets/img/icon_shopping_list_empty.png);
}

#searchbar #shopping-list #pos {
	border-radius: 25px;
	border: 1px solid #3159A0;
	background-color: #fff;
	color: #3159A0;
	font-size: 18px;
	position: absolute;
	bottom: 2px;
	right: -5px;
	width: 17px;
	height: 17px;
	padding: 7px;
	display: flex;
	justify-content: center;
	align-items: center;
}

@media (max-width: 910px) {	
	#searchbar #shopping-list {
		position: fixed;
		top: unset; 
		left: unset;
		bottom: 68px;
		right: 30px;
		z-index: 999;
	}
	
	#searchbar #user-login {
		position: fixed;
		top: unset; 
		left: unset;
		bottom: 150px;
		right: 33px;
		z-index: 999;		
	}
}

@media (max-width: 1199px) {
	#searchbar #searchfield {
		width: 350px;	
	}
}

@media (max-width: 768px) {
	#searchbar #searchfield {
		width: 240px;	
	}
	
	#searchbar #searchfilter ul {
		margin-left: -200px;
		border-radius: 5px 0 5px 5px;
	}
	
	#searchbar .searchbutton {
		top: 7.5px;
		margin-left: 1px;
	}	
}

/* iPhone */
@media (max-width: 670px) {
	#searchbar #searchfield {
		width: 220px;	
		left: 10px;
	}
	
	#searchbar #searchfilter a {
		margin-left: -70px;
	}	
	
	#searchbar #searchfilter ul {
		margin-left: -196px;
	}	
		
	#searchbar .searchbutton {
		left: -79px;
		top: 8px;
	}
}

/* Nexus */
@media (max-width: 600px) {
	#searchbar #searchfield {
		width: 180px;	
		left: 10px;
	}
	
	#searchbar #searchfilter a {
		margin-left: -80px;
	}		
	
	#searchbar #searchfilter ul {
		margin-left: -10px;
	}	
	
	#searchbar .searchbutton {
		top: 7px;
	}	
}

@media (max-width: 480px) {
	#searchbar {
		margin-top: 65px;
	}
	
	#searchbar #searchfield {
		width: 215px;
		left: 20px;
		margin-left: 0;
		font-size: 12px;
		padding-left: 5px;
	}
	
	#searchbar .searchbutton {
		right: 25px;
		left: inherit;
		border-radius: 0;
		top: 7.5px;
	}
		
	#searchbar #searchfilter ul {
		margin-left: -176px;
		border-radius: 5px 0 5px 5px;
	}	
	
	#searchbar #searchfilter a {
		margin-left: -30px;
		border-radius: 0 5px 5px 0;
	}
}

/* iPhone */
@media (max-width: 380px) {
	#searchbar #searchfield {
		width: 150px;
		left: 20px;
		margin-left: 0;	
	}
	
	#searchbar .searchbutton {	
		/*top: 8px;*/
	}
}

@media (min-width: 768px) {
	.span3.features p {
		min-height: 125px;
	}
}

.hero-unit ul {
	padding: 20px 55px;
	margin: 0;
	background-color: #fff;
	border: 1px solid #ddd;
	box-shadow: 0 0 5px silver;
}

.hero-unit li {
	line-height: 40px;
	font-style: italic;
	list-style: circle;
	padding-left: 10px;
}

.hersteller .tab-content {
	margin-left: -30px;
}

@media (max-width: 768px) {

	.hersteller .tab-content {
		margin-left: 0;
	}	
}

.cookieconsenttext {
	color: red;
	line-height: 30px;
	text-align: justify;
}

#cookiesPanel img {
	margin-right: 15px;
	width: 35px;
	height: 35px;
}

#consenttool {
	margin-left: 15px;
}

#consenttool:hover {
	cursor: pointer;
}

#cookiesPanelTrayIcon {
	position: fixed;
	bottom: 25px;
	left: 15px;
	z-index: 9999;
}

/*
@media (max-width: 480px) {
	
	#cookiesPanelTrayIcon img {
		width: 10%;
		position: fixed;
		bottom: 25px;
		right: 15px;
	}
	
}
*/

ul.language_select {	
	list-style: none;
}

ul.language_select li {
	display: inline;
	margin-right: 10px;
}

#gi_inhaltsstoffe_tab {
	min-width: 100%;
}

#gi_inhaltsstoffe_tab th,
#gi_inhaltsstoffe_tab td {
	text-align: left;
	padding: 15px 5px;
}

#gi_inhaltsstoffe_tab tr {
	border-bottom: 1px dotted #ddd;
}

#gi_inhaltsstoffe_tab th:first-child {
	width: 75%;
}

/* Anchor Scroll Offset cause of Fixed Header-Bar */
#gi_inhaltsstoffe_a::before {
  content: '';
  display: block;
  height: 135px;
  margin-top: -135px;
  visibility: hidden;	
}

.bs-docs-sidenav .title ,
.bs-docs-sidenav .title:hover {
	border: 1px solid #ddd;
	background-color: #404b50;
	color: #fff;
}

.alerts-border {
    animation: blink 1s;
    animation-iteration-count: 9999;
}

@keyframes blink { 50% { border-color: #f00; color: #f00; } }

.basket-change-generika,
.baskettransfer-order,
.einkaufsliste-order,
.einkaufsliste-list,
.prod-detail-directorder,
.prod-detail-basket,
.prod-detail-order,
.prod-detail-list {	
	padding: 10px 5px;	
	color: #fff;
	border: 1px solid #3159A0;
	width: 100%;
	height: 50px;
	border-radius: 5px;
	box-shadow: inset 0 0 0 1px #3159A0, inset 0 0 0 2px #fff;
	white-space: nowrap;
	font-size: 125%;
}

.basket-change-generika,
.prod-detail-basket {
	padding: 5px 15px;
	font-size: 100%;
	height: 40px;
	width: auto;
	float: left;
}

.basket-change-generika {
	background-color: #a9f5a9;
	color: #3159A0;
}

.basket-change-generika i {
	font-size: 18px;
	margin-right: 5px;
}

.basket-change-generika:hover {
	background-color: #94DC94;	
}

.prod-detail-directorder {
	padding: 5px 15px;
	font-size: 100%;
	height: 40px;
	width: auto;
}

.einkaufsliste-order {
	letter-spacing: 1px;
	font-size: 150%;
	padding-top: 12px;
}

.baskettransfer-order {
	font-size: 100%;
	font-weight: bold;
	padding-top: 12px;
	padding-left: 10px;
	padding-right: 10px;
}

.einkaufsliste-list {
	width: auto;
	font-size: 125%;
	margin: 10% 0;
	padding: 0 20px;
}

.einkaufsliste-order i {
	margin-right: 15px;	
}

#apolist tr:hover {
	background-color: #aecbe8;
}

@media (max-width: 768px) {
	.prod-detail-basket {
		float: unset;
		margin-top: 20px;
		margin-bottom: 20px;
	}
	
	#apolist tr td:first-child {
		padding-top: 25px;
	}

	#apolist tr td:last-child {
		padding-bottom: 25px;
	}
	
	.einkaufsliste-list {
		margin: 0;
	}	
	
	.basket-change-generika {
		float: unset;
	}
}

[class^="icon-"]::before, [class*=" icon-"]::before,
.produkt .subhead a {
	text-decoration: none;
}

.produkt .subhead a:hover {
	text-decoration: underline;
}

@media (min-width: 1200px) {
  .rubrik .row ,
  .artikelsuche .row {
    /* margin-left: -22px !important; */
  }
	
	.artikelsuche .project-widget h4 ,	
	.rubrik .project-widget h4 {	
		white-space: nowrap;
		overflow: hidden;
	}
}

.prod-share-items i {
	padding-left: 15px;
	display: inline-table;
	color: #3159A0;
}

.prod-share-items {
  font-size: 18px;
}

.prod-share-items i:hover {
	color: #AECBE8;
	cursor: pointer;
}

.prod-share-title {
	font-weight: normal;
	margin-bottom: 5px;
}

@media (max-width: 977px) { 

	.span6.share-panel {
		width: 100%;
	}
}

.tabs {
	margin: 0;
	list-style: none;
	position: relative;
	border-bottom: 1px solid #ccc;
  
	li:hover,
	.active-tab {
		border-top: 1px solid #ccc;
		border-left: 1px solid #ccc;
		border-right: 1px solid #ccc;
		border-bottom: 1px solid #3159A0;
		position: relative;
		color: #fff;
		background-color: #3159A0;
    
		
		&:after {
			width: 100%;
			height: 2px;
			position: absolute;
			content: "";
			bottom: -0.1em;
			left: 0;
			/*background: #f5d26c;*/
			background: #AECBE8;
		}
		
	}
  
	li {
		display: inline-block;
		cursor: pointer;
		padding: 10px 20px;
		border: 1px solid #ccc;
		border-bottom: 1px solid transparent;
		border-radius: 4px 4px 0 0;
		margin-right: 3px;
	}
}

.tabs-content {
	margin: 0;
	margin-top: 30px;
	list-style: none;
	padding: 0;

	li {
		display: none;
	}
}




.popover {
	position: unset;
}

.popover-container {
	display: block;
	margin-left: auto;
	margin-right: auto;
	width: 300px;
	margin-bottom: 25px;
	display: flex;
	justify-content: center;
	align-items: center;
}

.popover-container .popover {
	position: relative;
	display: block;
	float: left;
	width: 260px;
	max-width: 270px;
	height: 150px;
	max-height: 150px;
	margin-bottom: 10px;
	border-radius: 2px;
	box-shadow: 0 0 5px #ccc;	
	border-width: 0;
	padding: 0;	
	justify-content: center;
	align-items: center;	
}

.popover-content {
	height: 93px;
	overflow-x: hidden;	
	overflow-y: scroll;
}

.popover-title {
	white-space: nowrap;
}

.popover.top .arrow {
	border-top-color: rgba(0, 0, 0, 0.15);
}

.filter-options li {
	list-style: none;
	margin-left: -20px;
	margin-bottom: 5px;
	font-size: 14px;
	display: block;
}

.filter-options li input[type=checkbox]{
	margin-right: 5px;
	margin-top: -3px;
}

.toggleBtnFilter {
	width: 175px;
}

.tabs-left > .nav-tabs .active > a:hover,
.tabs-left > .nav-tabs .active > a:focus,
.tabs-left > .nav-tabs .active > a {
	color: #fff;
	background-color: #3159A0;
	border-right: 0 solid transparent;
	border: 1px solid #3159A0;
}

.tabs-left > .nav-tabs > li > a:hover {
	color: #3159A0;
	background-color: #AECBE8;
	border: 1px solid #3159A0;
	border-right: 1px solid transparent;
}

aside .widget ul.cat li a:hover {
	text-decoration: underline;
}

.hoverimage-popup {
	padding: 15px;
	border: 1px solid #ddd;
	background-color: #fff;
}

@media (max-width: 480px) {
	.rubrik .project-widget ul.filter, 
	.produkte .project-widget ul.filter, 
	.artikelsuche .project-widget ul.filter {
	  display: inline-block;
	}
}

.direktanzahl {
	width: 50px;
	margin-right: 10px;
}

.direktnummer {
	width: 120px;
	margin-right: 10px;
}

#direktbestellung .bezeichnung, 
#direktbestellung .preis, 
#direktbestellung .inhalt, 
#direktbestellung .hersteller {
	margin-right: 5px;
	font-size: 115%;
}

#direktbestellung .preis::before, 
#direktbestellung .inhalt::before, 
#direktbestellung .hersteller::before {
	content: '/';
	margin-right: 5px;
}

#direktbestellung .artikeltext {
	margin-top: 3px;
	display: block;
}

.konto .fa.fa-shopping-cart.basket,
.einkaufsliste .fa.fa-trash.loeschen,
.konto .fa.fa-trash.loeschen,
#direktbestellung .fa.fa-trash.loeschen {
	font-size: 26px;
	cursor: pointer;
}

.account-basket-panel form:first-child p,
.account-alert-panel form:first-child p,
.account-fav-panel form:first-child p {
	float: left; 
	margin: 0 15px;
}

.account-alert-panel form {
	margin: 0;
}

.fa {
	color: #3159a0;
}

.fa:hover {
	color: #AECBE8;
}

#direktbestellung .inhalt, 
#direktbestellung .hersteller {
	color: #6C757D;
}

@media (max-width: 768px) {

	/*	
	table#direktbestellung th, 
	table#direktbestellung td {
		display: block;
		text-align: center;
	}
	*/
	
	table#direktbestellung td .artikeltext {		
		font-size: 10px;
	}
	
	table#direktbestellung {
		width: 100%;
	}
	
	#direktbestellung .trash-icon {
		float: right;
		margin-top: 7px;
	}
}

@media (max-width: 768px) {
	
	.nav.nav-tabs {
		margin-left: -40px;
		margin-right: -45px;
	}
	
	.pagination ul,
	footer ul.regular ,
	ul.tabs {
		margin-left: -40px;
	}
	
	.priceBox {
		width: 300px;		
	}
	
	.sort_label,
	.per_page_label {
		display: block;
		margin-bottom: 0px;
		margin-left: 10px;
		margin-top: -5px;
	}
	
	.per_page_label {
		margin-top: -15px;
	}
}

.w25px {
	width: 25px;
}

.w50px {
	width: 50px;
}

.w100px {
	width: 100px;
}

.w150px {
	width: 150px;
}

.w200px {
	width: 200px;
}

.w250px {
	width: 250px;
}

.input-pass-eye {
	position: absolute; 
	right: 5%; 
	top: 20px;
	cursor: pointer;
	background-color: #fff;
	padding: 0 5px;
}

.input-pass-eye-account {
	position: absolute; 
	right: -10px; 
	top: 10px;
	cursor: pointer;
	background-color: #fff;
	padding: 0 5px;
}

.alerts-border {    
    animation: blink 1s;
    animation-iteration-count: 3;
}

@keyframes blink { 50% { border-color: #b94a48; color: #b94a48; }  }

.w25 {
	width: 25%;
}

.w50 {
	width: 50%;
}

.w75 {
	width: 75%;
}

.w100 {
	width: 100%;
}


/* start tables & baskets */

.table {
	width: 100%;
	margin-bottom: 1rem;
	color: #6C757D;
}

.table th,
.table td {
	padding: 0.75rem;
	vertical-align: top;
	border-top: 1px solid #dee2e6;
}

.table thead th {
	vertical-align: bottom;
	border-bottom: 2px solid #dee2e6;
}

.table tbody+tbody {
	border-top: 2px solid #dee2e6;
}

.table-sm th,
.table-sm td {
	padding: 0.3rem;
}

.table-bordered {
	border: 1px solid #dee2e6;
}

.table-bordered th,
.table-bordered td {
	border: 1px solid #dee2e6;
}

.table-bordered thead th,
.table-bordered thead td {
	border-bottom-width: 2px;
}

.table-borderless th,
.table-borderless td,
.table-borderless thead th,
.table-borderless tbody+tbody {
	border: 0;
}

.table-striped tbody tr:nth-of-type(odd) {
	background-color: rgba(0, 0, 0, 0.05);
}

.table-hover tbody tr:hover {
	color: #6C757D;
	background-color: rgba(0, 0, 0, 0.075);
}

.table-primary,
.table-primary>th,
.table-primary>td {
	background-color: #fff3c6;
}

.table-primary th,
.table-primary td,
.table-primary thead th,
.table-primary tbody+tbody {
	border-color: #ffe895;
}

.table-hover .table-primary:hover {
	background-color: #ffeead;
}

.table-hover .table-primary:hover>td,
.table-hover .table-primary:hover>th {
	background-color: #ffeead;
}

.table-secondary,
.table-secondary>th,
.table-secondary>td {
	background-color: #fcfcfc;
}

.table-secondary th,
.table-secondary td,
.table-secondary thead th,
.table-secondary tbody+tbody {
	border-color: #fafafa;
}

.table-hover .table-secondary:hover {
	background-color: #efefef;
}

.table-hover .table-secondary:hover>td,
.table-hover .table-secondary:hover>th {
	background-color: #efefef;
}

.table-success,
.table-success>th,
.table-success>td {
	background-color: #c3e6cb;
}

.table-success th,
.table-success td,
.table-success thead th,
.table-success tbody+tbody {
	border-color: #8fd19e;
}

.table-hover .table-success:hover {
	background-color: #b1dfbb;
}

.table-hover .table-success:hover>td,
.table-hover .table-success:hover>th {
	background-color: #b1dfbb;
}

.table-info,
.table-info>th,
.table-info>td {
	background-color: #bee5eb;
}

.table-info th,
.table-info td,
.table-info thead th,
.table-info tbody+tbody {
	border-color: #86cfda;
}

.table-hover .table-info:hover {
	background-color: #abdde5;
}

.table-hover .table-info:hover>td,
.table-hover .table-info:hover>th {
	background-color: #abdde5;
}

.table-warning,
.table-warning>th,
.table-warning>td {
	background-color: #ffeeba;
}

.table-warning th,
.table-warning td,
.table-warning thead th,
.table-warning tbody+tbody {
	border-color: #ffdf7e;
}

.table-hover .table-warning:hover {
	background-color: #ffe8a1;
}

.table-hover .table-warning:hover>td,
.table-hover .table-warning:hover>th {
	background-color: #ffe8a1;
}

.table-danger,
.table-danger>th,
.table-danger>td {
	background-color: #f5c6cb;
}

.table-danger th,
.table-danger td,
.table-danger thead th,
.table-danger tbody+tbody {
	border-color: #ed969e;
}

.table-hover .table-danger:hover {
	background-color: #f1b0b7;
}

.table-hover .table-danger:hover>td,
.table-hover .table-danger:hover>th {
	background-color: #f1b0b7;
}

.table-light,
.table-light>th,
.table-light>td {
	background-color: white;
}

.table-light th,
.table-light td,
.table-light thead th,
.table-light tbody+tbody {
	border-color: white;
}

.table-hover .table-light:hover {
	background-color: #f2f2f2;
}

.table-hover .table-light:hover>td,
.table-hover .table-light:hover>th {
	background-color: #f2f2f2;
}

.table-dark,
.table-dark>th,
.table-dark>td {
	background-color: #c9cbcd;
}

.table-dark th,
.table-dark td,
.table-dark thead th,
.table-dark tbody+tbody {
	border-color: #9a9fa2;
}

.table-hover .table-dark:hover {
	background-color: #bcbec1;
}

.table-hover .table-dark:hover>td,
.table-hover .table-dark:hover>th {
	background-color: #bcbec1;
}

.table-active,
.table-active>th,
.table-active>td {
	background-color: rgba(0, 0, 0, 0.075);
}

.table-hover .table-active:hover {
	background-color: rgba(0, 0, 0, 0.075);
}

.table-hover .table-active:hover>td,
.table-hover .table-active:hover>th {
	background-color: rgba(0, 0, 0, 0.075);
}

.table .thead-dark th {
	color: #fff;
	background-color: #3159a0;
	border-color: #454d55;
}

.table .thead-light th {
	color: #495057;
	background-color: #e9ecef;
	border-color: #dee2e6;
}

.table-dark {
	color: #fff;
	background-color: #343a40;
}

.table-dark th,
.table-dark td,
.table-dark thead th {
	border-color: #454d55;
}

.table-dark.table-bordered {
	border: 0;
}

.table-dark.table-striped tbody tr:nth-of-type(odd) {
	background-color: rgba(255, 255, 255, 0.05);
}

.table-dark.table-hover tbody tr:hover {
	color: #fff;
	background-color: rgba(255, 255, 255, 0.075);
}

.table-responsive {
	display: block;
	width: 100%;
	overflow-x: auto;
	-webkit-overflow-scrolling: touch;
}

.table-responsive>.table-bordered {
	border: 0;
}

.align-baseline {
	vertical-align: baseline !important;
}

.align-top {
	vertical-align: top !important;
}

.align-middle {
	vertical-align: middle !important;
}

.align-bottom {
	vertical-align: bottom !important;
}

.align-text-bottom {
	vertical-align: text-bottom !important;
}

.align-text-top {
	vertical-align: text-top !important;
}

.tab-col-min-width {
	width: 15%;
}

.tab-col-min-width-10 {
	width: 10%;
}

.tab-col-float-right-to-center ,
.tab-col-float-right {
	float: right;
	text-align: right;
}

.nowrap {
	white-space: nowrap;
}

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

@media (max-width: 575.98px) {
	
	.table-responsive-sm {
		display: block;
		width: 100%;
		overflow-x: auto;
		-webkit-overflow-scrolling: touch;
	}

	.table-responsive-sm>.table-bordered {
		border: 0;
	}
}

@media (max-width: 767.98px) {
	
	.table-responsive-md {
		display: block;
		width: 100%;
		overflow-x: auto;
		-webkit-overflow-scrolling: touch;
	}

	.table-responsive-md>.table-bordered {
		border: 0;
	}
}

@media (max-width: 991.98px) {
	
	.table-responsive-lg {
		display: block;
		width: 100%;
		overflow-x: auto;
		-webkit-overflow-scrolling: touch;
	}

	.table-responsive-lg>.table-bordered {
		border: 0;
	}
}

@media (max-width: 1199.98px) {
	
	.table-responsive-xl {
		display: block;
		width: 100%;
		overflow-x: auto;
		-webkit-overflow-scrolling: touch;
	}

	.table-responsive-xl>.table-bordered {
		border: 0;
	}
}

@media (max-width: 976px) { 

	.tab-col-text-left ,
	.tab-col-text-right {
		width: 50%;
	}
	
	th.tab-col-text-left ,
	td.tab-col-text-left ,
	td.tab-col-text-right ,
	th.tab-col-text-right {
		width: auto;
	}
	
	.account-basket-panel form:first-child p,
	.account-alert-panel form:first-child p,
	.account-fav-panel form:first-child p {
		float: inherit; 
		margin: 0 15px;
	}
}

@media (max-width: 992px) { 
		
	.tab-col-float-right {
		float: left;
	}
	
	.tab-col-float-right-to-center {
		float: unset;
		display: inline-block;
		text-align: center;
	}
}

@media (max-width: 768px) {
	
	table th, table td {
		display: block;
		text-align: center !important;
	}
  
	table th img, table td img {
		width: 25%; 
		margin-top: 25px;
	}
  
	table th img.noscale, table td img.noscale {
		width: 100%; 
		margin-top: 0px;
	}
  
	.tab-col-min-width-10,
	.tab-col-min-width {
		width: auto;
	}
}

/* end tables & baskets */

.produkt #icon-favorite {
	position: absolute;
	bottom: -35px;
	right: 10px;
	z-index: 99;
	display: inline-block;
}

.produkt #icon-favorite img {
	position: relative;
	right: 0;
	bottom: 0;
	cursor: pointer;
}

/*
input[type=number].basket-amount {
	font-size: 26px;
	padding: 5px 15px;
	width: 65px;
	height: 50px;
}
*/
/* start number input without arrows */
/* Chrome, Safari, Edge, Opera */
input::-webkit-outer-spin-button,
input::-webkit-inner-spin-button {
  -webkit-appearance: none;
  margin: 0;
}

/* Firefox */
input[type=number] {
  -moz-appearance: textfield;
}
/* end number input without arrows */

.input-group {
	/*position: relative;*/
	display: flex;
	flex-wrap: nowrap;
	align-items: stretch;
	width: 50px;
}

@media (max-width: 768px) {	
	.input-group {
		display: inline-flex;
	}
}

input[type=number].quantity-input {
	text-align: center;
	width: 50px;
	margin-bottom: 0;
}

.btn-plus,
.btn-minus {
	color: #fff;
}

.btn-plus {
	border-top-left-radius: 0px;
	border-bottom-left-radius: 0px;
}

.btn-minus {
	border-top-right-radius: 0px;
	border-bottom-right-radius: 0px;
}

.btn-plus .fa,
.btn-minus .fa {
	color: #fff;
}

.btn-plus:hover,
.btn-minus:hover {
	background-color: #aecbe8;
}

.btn-plus:hover .fa,
.btn-minus:hover .fa {
	color: #3159a0;
}

.btn-plus:focus,
.btn-minus:focus {
	outline: none;
}

.einkaufsliste .fa-trash {
	color: #065388;
}

.einkaufsliste .fa-trash:hover {
	color: #aecbe8;
}

tr.grey-hover-bg > td,
tr.grey-hover-bg:hover > td {
	background-color: #f8f8f8;
	color: #6C757D;
}

.table-hover tr.no-hover-bg:hover > th,
.table-hover tr.no-hover-bg:hover > td {
	background-color: #fff;
}

.einkaufsliste .shippingprice,
.einkaufsliste .singleprice {
	text-align: right;
}

.einkaufsliste .positionprice {
	color: #065388;
	font-size: 18px;
	text-align: center;
}

.einkaufsliste .positionsum {
	color: #065388;
	font-size: 22px;
	text-align: center;
	text-decoration: underline;
	text-decoration-style: double;
}

@media (max-width: 768px) {
	
	.einkaufsliste table td {
		padding: 5px;
	}
	
	.einkaufsliste .positionprice {
		padding-bottom: 25px;
	}
	
	.einkaufsliste .quantity {
		margin-bottom: 10px;
	}
}

.einkaufsliste #apolist .partner-logo ,
.einkaufsliste #preissieger .partner-logo {
	background-color: #3159A0;
	padding: 1px;
	border-radius: 3px;
	box-shadow: inset 0 0 0 1px #3159A0, inset 0 0 0 2px #fff;
	border: 1px solid #3159A0;
}

.einkaufsliste #apolist .partner-logo div,
.einkaufsliste #preissieger .partner-logo div {
	background-color: #fff;
	margin: 1px;
	padding: 5px 10px;
	border: 2px solid #3159A0;
}

.einkaufsliste #apolist .partner-logo {
	width: fit-content;	
}
	
@media (max-width: 768px) {
	
	.einkaufsliste #apolist .partner-logo {
		float: unset;
		display: inline-block;
	}
}
	
.einkaufsliste #preissieger .gesamtpreis {
	color: #e4032b;
	font-size: 36px;
	text-align: center;
	text-decoration: underline;
	text-decoration-style: double;
	margin-top: 20px;
	margin-bottom: 20px;
	text-shadow:
    1px 1px 1px #fff,
    2px 2px 1px #fff;
}

.einkaufsliste #preissieger .apolabel,
.einkaufsliste #preissieger .porto,
.einkaufsliste #preissieger .zeitpunkt {
	margin-top: 10px;
	margin-bottom: 10px;
	font-size: 12px;
	text-align: center;
}

.einkaufsliste #preissieger .apolabel {
	font-size: 16px;
	color: #065388;
	padding: 5px 15px;
	font-weight: bolder;
	letter-spacing: 2px;
	/*white-space: nowrap;*/
	text-shadow: 1px 1px 1px #fff, 2px 2px 1px #fff;
}

.einkaufsliste #preissieger .apolabel a {
	color: #065388;
}

.einkaufsliste #preissieger .apolabel a:hover {
	color: #05416C;
	text-decoration: underline;
}

.einkaufsliste #preissieger tr,
.einkaufsliste #preissieger td,
.einkaufsliste #preissieger tr:hover,
.einkaufsliste #preissieger td:hover {
	background-color: #aecbe8;
}

.einkaufsliste #preissieger .baskettransfer_popup tr,
.einkaufsliste #preissieger .baskettransfer_popup td {
	background-color: #fff;
}

.einkaufsliste .table#apolist .baskettransfer_popup td {
	padding: 0.75rem;
}

.einkaufsliste #preissieger .baskettransfer_popup tr:hover > td {
	background-color: #f5f5f5;
}

.einkaufsliste #preissieger table.options td {
	padding: 0;
}

.einkaufsliste #preissieger table.options td .btn {
	width: -moz-available;
	text-align: center;
	border-radius: 2px;
	margin-bottom: 5px;
}

.einkaufsliste .payment .btn:hover,
.einkaufsliste .shipping .btn:hover,
.einkaufsliste #preissieger table.options td .btn:hover {
	cursor: default;
}

@media (max-width: 976px) {
	.einkaufsliste #preissieger table.options td .btn {
		width: auto;
		margin-right: 5px;
	}
}

@media (min-width: 768px) {
	
	.einkaufsliste #preissieger table.options td .btn {
		width: -webkit-fill-available;
	}
}

.btn-erezept,
.einkaufsliste #preissieger .btn-erezept,
.einkaufsliste #apolist .btn-erezept {
	text-shadow: none;
	padding: 1px 5px;
	-webkit-border-radius: 0;
	-moz-border-radius: 0;
	border-radius: 2px;
	display: inline-block;
	*display: inline;
	/* IE7 inline-block hack */
	*zoom: 1;
	margin: 0;
	font-size: 11px;
	line-height: 20px;
	text-align: center;
	vertical-align: middle;
	margin-right: 3px;
	margin-bottom: 3px;
	-webkit-box-shadow: none;
	-moz-box-shadow: none;
	box-shadow: none;
	white-space: nowrap;
	border: 1px solid #3159A0;
	color: #3159A0;
	background-color: #dff0d8;
}

.btn-erezept,
.einkaufsliste #preissieger .btn-erezept {
	padding: 2px 10px;
	margin-bottom: 5px;
	font-size: 11.9px;
}

.btn-erezept i,
.einkaufsliste #preissieger .btn-erezept i,
.einkaufsliste #apolist .btn-erezept i {
	margin-right: 10px;
}

.btn-profile-options,
.einkaufsliste #apolist .options .btn {
	border-radius: 2px;
	margin-right: 3px;
	margin-bottom: 3px;	
	font-size: 11px;
	padding: 1px 5px;
}

.einkaufsliste #apolist .aponame {
	font-size: 16px;
	color: #065388;
	font-weight: bolder;
	letter-spacing: 2px;
	text-shadow: 1px 1px 1px #fff, 2px 2px 1px #aecbe8;
	margin-bottom: 10px;
}

.einkaufsliste #apolist .aponame i {
	margin-right: 10px;
}

.einkaufsliste #apolist .gesamtpreis_label_1 {
	margin-bottom: 10px;
	color: #6C757D;
}

.einkaufsliste #apolist .gesamtpreis_label_2 {
	margin-top: 10px;
	color: #6C757D;
}

.einkaufsliste #apolist .gesamtpreis_number {
	color: #065388;
	font-size: 26px;
	text-align: center;
	text-shadow: 1px 1px 1px #fff, 2px 2px 1px #aecbe8;
}

.einkaufsliste .table#apolist .baskettransfer_popup .gesamtpreis_number,
.baskettransfer_popup .gesamtpreis_number {
	color: #065388;
	font-size: 20px;
	text-align: center;
	text-shadow: 1px 1px 1px #fff, 2px 2px 1px #aecbe8;
	white-space: nowrap;
}

.einkaufsliste .table#apolist td {
	padding: 5px 3px;
}

.einkaufsliste .table#apolist td.preisinfo {
	padding: 5px 10px;
}

.einkaufsliste .noshippinginfo,
.produkt .noshippinginfo,
.einkaufsliste .table#apolist div.noshippinginfo {
	color: #FA5858;
	font-weight: bold;
}

.einkaufsliste .table#apolist td.shoppingbutton {
	text-align: center;
}

.einkaufsliste .table#apolist .apoinfo {
	color: #3a87ad;
	background-color: #d9edf7;
	border-color: #bce8f1;
	padding: 15px;
	border-radius: 2px;
	text-align: center;
}

.einkaufsliste #apolist .mindestbestellwert {
	text-align: center;
	background-color: #d9edf7;
	padding: 5px 10px;
	color: #3a87ad;
	border-radius: 4px;
	border: 1px solid #ddd;
	margin-top: 5px;
	margin-bottom: -5px;	
}

@media (max-width: 768px) {
	
	.einkaufsliste #apolist .mindestbestellwert {
		width: 175px;
		margin-top: 0px;
		margin-bottom: 10px;
		margin-left: auto;
		margin-right: auto;
	}	
}

.distance_line_text,
.distance_line_label {
	font-size: 14px;
	padding: 10px 0;
}

.distance_line_number {
	color: #065388;
	font-size: 16px;
	font-weight: bold;
}

#filter_other {
	margin-top: 15px;
	margin-bottom: 15px;
	height: 70px;
	width: 173px;
	margin-top: 25px;
}

#filter_other input[type=checkbox] {
	display: inline;
}
	
#filter_other .label-erezept,		
#filter_other .label-shipping-costs {		
	font-size: 14px;
	display: inline;
	margin-left: 10px;
	position: relative;
	top: 3px;
}

#preisalarm-inputs li {
	list-style: none;
	padding: 10px 15px;
	border: 1px solid #ddd;
	border-radius: 3px;
	float: left;
	height: 65px;
	vertical-align: middle !important;
	margin: 15px;
	text-align: center;
}

#preisalarm-inputs li p {
	margin-bottom: 3px;
}

#preisalarm-inputs li:last-child {
	border: 0;
}

#preisalarm-inputs li .btn.btn-primary {
	margin-top: 20px;	
}

#preisalarm-inputs li.own-price p {
	float: left;
	margin-right: 10px;
	margin-top: 5px;
}

#preisalarm-inputs li.own-price input[type=text] {
	width: 70px;
}

@media (max-width: 768px) {
	
	#preisalarm-inputs {
		margin-left: -25px;
	}
	
	#preisalarm-inputs li {
		width: 90%;
		margin-left: 0; 
		margin-right: 0; 
	}
	
	#preisalarm-inputs li.own-price p {
		margin-left: 25%;
	}
	
	#preisalarm-inputs li.own-price input[type=text] {
		margin-right: 25%;
	}
}

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

.produkt .produktpreis {
	color: #e4032b;
	font-size: 55px;
	text-align: center;
	text-decoration: underline;
	text-decoration-style: double;
	margin-top: 25px;
	margin-bottom: 30px;
	text-shadow:
    1px 1px 1px #fff,
    2px 2px 1px #fff;
}

.produkt .produktpreis_aponame {
	font-size: 16px;
	color: #065388;
	font-weight: bolder;
	letter-spacing: 2px;
	/*white-space: nowrap;*/
	text-shadow: 1px 1px 1px #fff, 2px 2px 1px #aecbe8;
	margin-bottom: 10px;
}

@media (max-width: 991.98px) {
	
	.produkt .produktpreis_label {
		margin-top: 35px;
	}
	
	.produkt .produktpreis {		
		margin-bottom: 35px;
	}
	
	.btn-primary.prod-detail-order {
		margin-top: 25px;
		margin-bottom: 20px;
	}
}

pl-0 {
	padding-left: 0px;
}

pl-5 {
	padding-left: 5px;
}

pl-10 {
	padding-left: 10px;
}

pl-15 {
	padding-left: 15px;
}

pl-20 {
	padding-left: 20px;
}

pr-0 {
	padding-right: 0px;
}

pr-5 {
	padding-right: 5px;
}

pr-10 {
	padding-right: 10px;
}

pr-15 {
	padding-right: 15px;
}

pr-20 {
	padding-right: 20px;
}

.priceBox .saving-procent,
.priceBox .saving-amount,
.produkt .saving-procent,
.produkt .saving-amount {
	color: #3159A0;
	font-size: 105%;
	font-weight: 600;
}

span.savings,
.savings span {
	display: initial;
}

.priceBox span.savings {
	margin-bottom: 0px;
	margin-top: -10px;
	display: block;
}

.btn-profile {
	margin-top: -5px;
}

.btn-profile,
.btn-list-profile {
	font-weight: 500;
}

.btn-profile a,
.btn-list-profile a {
	color: #6C757D;	
}

.btn-profile a:hover,
.btn-list-profile a:hover {
	color: #3159a0;
	text-decoration: none;
}

.btn-profile i,
.btn-list-profile i {
	position: relative;
	top: 2px;
	margin-right: 5px;
}

.fadeout_line {
height: 1px;
background-color: #E6E6E6;
background-image: linear-gradient(to right, transparent, white);
}

#packages,
#dosage-forms {
	margin-left: 0;	
}

#packages li,
#dosage-forms li {
	list-style: none;
	font-size: 16px;
	font-weight: normal;
	line-height: 25px;
}

#packages li i,
#dosage-forms li i {
	width: 30px;	
}

.promo_box_manufacturer {
	color: #3159a0;
}
.promo_box_manufacturer span {
	padding: 0;
	margin: 0;
}

.applogo_dev_state {
	color: #e4032b;
	font-weight: bold;
	font-size: 28px;
	position: absolute;
	z-index: 9999;
	top: 10px;
	left: -60px;
	background-color: #fff;
	padding: 20px 5px;
	border-bottom: 1px solid red;
	transform: rotate(-45deg);
	width: 200px;
	text-align: center;
}

.d-block {
	display: block !important;
}

.no_shipping_costs {
	color: #065388;
	font-weight: bolder;
}

#promo_topics img {
	display: block;
	margin-left: auto;
	margin-right: auto;
	margin-bottom: 5px;
}

#promo_topics .price {
	color: #e4032b;
	display: inline-block;
	margin-left: auto;
	margin-right: auto;
	text-align: center;	
	font-size: 0.9vi;
	display: flex;
	justify-content: center;
	align-items: center;
}

#promo_topics hr {
	margin: 5px 0;
}

#promo_topics .cat-item {
	margin-top: 5px;
	margin-bottom: 5px;
	min-height: 200px;
}

#promo_topics em {
	font-style: italics;
	color: #666;
	font-size: small;
	margin-right: 7px;
	margin-top: 4px;
}

#promo_topics .cat-item:hover {
	background-color: #fff;
	cursor: pointer;
}

#promo_topics .cat-item:hover h3,
#promo_topics .cat-item:hover .price {
	color: #05416c;
}

#promo_topics h3 {
	border-bottom: 1px solid #dddddd;
	height: 20px;	
	margin-bottom: 20px;
}

#promo_topics h3.text-right {
	height: 15px;	
}

#promo_topics h3 span {
	background-color: #3159a0 !important;
	color: #fff;
	padding: 5px 10px;	
}
		
#promo_topics h3.text-left span div.arrow {
	width: 30px;
	height: 30px;
	background-color: #3159a0;
	position: relative;
	top: 6px;
	right: -25px;
	display: inline-block;
	margin: 0;
	transform: rotate(135deg);
}

#promo_topics h3.text-right span div.arrow {	
	width: 30px;
	height: 30px;
	background-color: #3159a0;
	position: relative;
	top: -9px;
	left: -25px;
	display: inline-block;
	margin: 0;
	margin-bottom: 0px;
	margin-bottom: -15px;
	transform: rotate(135deg);
}

#promo_topics .page-header {
	border: 0;
}