/*! Source:https://github.com/h5bp/html5-boilerplate/blob/master/src/css/main.css */
@media print {
  *,
  *:before,
  *:after {
    background:transparent !important;
    color:#000 !important;
    box-shadow:none !important;
    text-shadow:none !important;
  }
  a,
  a:visited {
    text-decoration:underline;
  }
  a[href]:after {
    content:" (" attr(href) ")";
  }
  abbr[title]:after {
    content:" (" attr(title) ")";
  }
  a[href^="#"]:after,
  a[href^="javascript:"]:after {
    content:"";
  }
  pre,
  blockquote {
    border:1px solid #afafaf;
    page-break-inside:avoid;
  }
  thead {
    display:table-header-group;
  }
  tr,
  img {
    page-break-inside:avoid;
  }
  img {
    max-width:100% !important;
  }
  p,
  h2,
  h3 {
    orphans:3;
    widows:3;
  }
  h2,
  h3 {
    page-break-after:avoid;
  }
  select {
    background:#fff !important;
  }
  .btn > .caret,
  .dropup > .btn > .caret {
    border-top-color:#000 !important;
  }
  .label {
    border:1px solid #000;
  }
  .table {
    border-collapse:collapse !important;
  }
  .table td,
  .table th {
    background-color:#fff !important;
  }
  .table-bordered th,
  .table-bordered td {
    border:1px solid #ccc !important;
  }
  .visible-print {
    display:block !important;
  }
  table.visible-print {
    display:table;
  }
  tr.visible-print {
    display:table-row !important;
  }
  th.visible-print,
  td.visible-print {
    display:table-cell !important;
  }
  .visible-print-block {
    display:block !important;
  }
  .visible-print-inline {
    display:inline !important;
  }
  .visible-print-inline-block {
    display:inline-block !important;
  }
  .hidden-print {
    display:none !important;
  }
}

@media (max-width:450px) {
	.startseite .pull-right, .startseite .pull-left { float:none; }
	.startseite .absolute_img { position:static; display:block; margin-left:auto; margin-right:auto; }
	.benutzer-sam .kontakt .teaser-image img { width:100%; }
	.produkte-view .content h2 { display:inline-block; }
}

@media (max-width:460px) {
	.cart .wAuto input { margin-bottom:10px; }
}

@media (max-width:500px) { 
	.termin { display:block; width:100%!important; margin-bottom:10px; }
}

/****** von 501px bis 600px *****/
@media (min-width:501px) and (max-width:600px) { 
	.benutzer-sam .teaser-image.ansprechpartner { background-size: 52%; background-position: 115% 100%;	}
}

@media (max-width:549px) { 
/*	.rhombus-mobile { left:-70px; }*/
	.navbar { width:70.5%; }
	.banner img { display:none; }
	.teaser-content { padding:0 25px 25px; }
	.teaser-icon { padding:35px 0 15px 100px; background-position:25px 25px;}
	.teaser-content.bg-white span, .cart .punkte span { padding:12.5px 20px; max-width:170px; margin-left:25px; }
	.teaser-content input[type="button"], .teaser-content button { margin-top:25px; }
	.produkte-index .main-content, .produkte-index .left-nav { width:100%!important; z-index:0!important;margin-top:10px; }
	.form-vertical .teaser-content { padding-top:25px; }
	.produkte-view .teaser-header.TI { padding:25px;  }
	.content-50 .container > .teaser-content { padding:25px 25px 50px; } 
}

@media (min-width:550px) {
	.banner img { min-height:145px; }
	.teaser.line > li, .teaser .line > li  { display:table-cell; vertical-align:top; }
	ul.teaser .teaser-icon ~ .teaser-content { float:right; }
	ul.teaser .teaser-icon { padding-right:50px; }
	.teaser-content.bg-white span, .cart .punkte span { padding:12.5px 50px; max-width:250px;  }
	.line.teaser .teaser-icon { padding:37.5px 5px 37.5px 100px; }
	.teaser-content input[type="button"], .teaser-content button { margin-top:50px; }
	.form-vertical .teaser-content { padding-top:50px; }
	
	.content-50 .container > .teaser-content { padding:50px 50px 75px;  } 
	.startseite .teaser-content { min-height: 300px; } 
}
@media (min-width:550px) and (max-width:950px) {
	.navbar { width:68%!important; }
}

@media (min-width:550px) and (max-width:749px){
	.user.status > li:not(:first-child) { padding-left:90px; }
	.user.status > li > p { padding-left:80px; }
	.user.status .bootstrap-select { padding-left:75px; }
	.produkte-index .main-content { width:60%!important; }
	.produkte-index .left-nav { width:calc(40% - 10px)!important; }
}

@media (min-width:550px) and (max-width:900px){
	.form-vertical .teaser-content.TI { padding-left:50px!important; }
}

@media (min-width:601px) and (max-width:680px) { 
	.benutzer-sam .teaser-image.ansprechpartner { background-size: 47%; background-position: 110% 100%; }
}

@media (max-width:610px) {
	.produkte-view .kreisArea, .produkte-view .bild { width:100%; text-align:center; }
	.produkte-view .kreisArea { padding-top:0; }
	.produkte-view .bild { padding:25px 0 0; }
	.produkte-view .kreis { margin:0 auto; }
	.produkte-view .lieferant { padding:0; position:relative!important; }
}

@media (max-width:650px) {
	.weekday {display:none !important; }
}

@media (max-width:680px) {
	.form-vertical label { width:100%; }
	.form-vertical input:not([type="button"]):not([type="reset"]):not([type="submit"]):not([type="radio"]):not([type="checkbox"]), 
	.form-vertical select, 
	.form-vertical textarea, 
	.form-vertical .bootstrap-select,
	.form-vertical li > div { display:inline; }
	.termin { text-align:inherit; }
}

@media (min-width:681px) and (max-width:749px) { 
	.benutzer-sam .teaser-image.ansprechpartner { background-size: 43%; background-position: 110% 100%; }
}
@media (min-width:681px) and (max-width:779px){
	.produkte-view .form-vertical label { width:29%; }
	.produkte-view .form-vertical input:not([type="button"]):not([type="reset"]):not([type="submit"]):not([type="radio"]):not([type="checkbox"]), 
	.produkte-view .form-vertical select, 
	.produkte-view .form-vertical textarea, 
	.produkte-view .form-vertical .bootstrap-select,
	.produkte-view .form-vertical li > div { width:70%; }
}

@media (max-width:700px) {
	.cart .teaser-content.TI { padding-left:30px!important; padding-right:30px!important; }
	.cart .teaser.line > li { display:block!important; }
	.cart .teaser.line .teaser-content { padding-left:30px!important; }
	.cart ul.teaser .teaser-icon ~ .teaser-content { float:none!important }
}

/****** bis 749px *****/
@media (max-width:749px) {
	.leftcontainer, .rightcontainer { float:none; padding:0; width:auto; }
	.hero h1 { line-height:45px; }
	.hero .btn-grey { margin-top:30px; }
	.browser li { padding:0 35px; }

	div.colls-3, ul.colls-3 > li { width:50%; }
	ul.colls-3 > li { display:inline-table; }
	div.colls-3:nth-of-type(4n), ul.colls-3 li:nth-of-type(4n),
	div.colls-3:nth-of-type(4n-3), ul.colls-3 li:nth-of-type(4n-3) { background-color:#ebebeb; }
	.left-nav	{ width:calc(33.2% - 10px); }
	.main-content { width:66.7%; }
	.teaser.colls-2 .icon-kontakt img { position:relative; margin-top:25px }
	.teaser.colls-2 .icon-kontakt { padding-bottom:0; display:block; }
	.ansprechpartner .line > li { display:block; }

	.shop-kontakt .teaser .colls-2 { margin-bottom:10px; }

	.p-search label { width:100%;}
	h1 { margin-top:50px; }
	.shopOptimierung .container { padding:50px 15px; }
	.user.status > li { padding:10px 15px; vertical-align:top; border-bottom:1px solid #fff;  }
	.user.status > li:last-child { border-bottom:none; }
	.teaser-image img { display:block; }
	.bg-transparent { width:100%; }
	.benutzer-sam-faq .teaser-image.background .container { padding-top:50px!important; }
	.produkte-index ul.colls-3 li { width:auto!important; }
	.produkte-index ul.colls-3 li:nth-of-type(2n-1) { background-color:#ebebeb!important; }
	.produkte-index ul.colls-3 li:nth-of-type(4n),
	.produkte-index ul.colls-3 li:nth-of-type(4n-3) { background-color:transparent; }
	.lieferant { bottom:auto; padding:25px 0; }
	.produkte-view .banner.bg-grey-5 .container { padding-left:40px!important; }
	
	.holiday {display:none !important; }
}

/****** ab 750px *****/
@media (min-width:750px) {
	.shop-kontakt .teaser { border-spacing:5px; }
	div.colls-2, ul.colls-2 li,.bg-transparent  { width:50%; }
	div.colls-3, ul.colls-3 li { width:33%; }
	div.colls-2 { display:table-cell; vertical-align:top; }
	div.colls-3,ul.colls-3 > li { display:inline-table; }
	div.colls-3:nth-of-type(2n-1), ul.colls-3 li:nth-of-type(2n-1) { background-color:#ebebeb; }
	
	.left-nav	{ width:calc(25% - 10px); }
	.main-content { width:75%; }
	
	h1	{ margin-top:100px; }
	.optBox li{ max-width:500px; display:table-cell; vertical-align:top; }
	.optBox li:first-child{ border-right:25px solid transparent; }
	.optBox li:last-child{ border-left:25px solid transparent; }
	.shopOptimierung .container { padding:70px 15px; }
	.user.status > li { border-right:1px solid #fff; padding:10px 15px; vertical-align:top; }
	.user.status > li:last-child { padding:5px 10px; }
	.user.status > li { min-height:200px; margin-top:10px;}
	.benutzer-sam .kontakt .teaser-image img { padding-left:100px; vertical-align:text-top; }
	.teaser-image img { display:none; }
	.checkout-index .d2d .teaser-image img { padding-left: 100px;vertical-align: text-top;display: inline-block !important;width: auto; }
	.boxes .box { float:left; width:33.33%; }
	.benutzer-sam-faq .teaser-image.background .container { padding-top:100px!important; }
	.faq { display:table-cell; }
}
@media (min-width:750px) and (max-width:850px){
	.user.status > li:nth-of-type(2n) { border-right:none; }
	.user.status > li { width:50%; float:left; height: 300px; }
}
@media (max-width:779px){
	.produkte-view .form-vertical .teaser-content.TI { padding-left:25px!important; padding-right:25px!important; }
}

/****** bis 849px *****/
@media (max-width:850px) {
	.cart li li:last-child  { padding-right:20px; }
	.cart li li:first-child  { padding-left:20px; }
	.cart .tfoot a { padding:10px 20px; }
	.p-search label { margin-right:10px;}
	.produkte-view .banner.bg-grey-5 li { display:inline-block; }
	.produkte-view .lieferant { top:150px; bottom:auto; }
	.produkte-view .textKurz { padding-left:0; padding-right:25px; }
	.produkte-view .kreis { float:none; }

}
@media (min-width:851px) {
	.user.status > li { display:table-cell; vertical-align:top;width:33%;float:left }
	.user.status > li:last-child { border-right:none; }
	.user.status > li:nth-of-type(1) .bootstrap-select { margin-top:35px; }
	.p-search label { width:24%;}
	.p-search input { margin-right:24px; }
	.p-search button { padding-right:45px;padding-left:45px; }
	.produkte-view .banner.bg-grey-5 li { display:table-cell; }
	.navbar { width:100%;padding:15px 0; }
}

/****** bis 950px *****/
@media (max-width:950px) {
	h1 { font-size:30px; }
	.navbar-collapse { display:none; }
/*	.visible-mobile { display:block; }
	.hidden-mobile { display:none; }*/
	.header .container { padding:0; }
/*	.header .rhombus-mobile { position:absolute; }*/
	.container { padding:0 15px; }
	.container.content { margin-top:10px; }
	.banner { top:0; margin-bottom:0;}

	.navbar ul { float:none; }
	.navbar-header { float:right;}
	.navbar-header .navbar-toggle .icon-bar { background-color:#333333; }
	.navbar-header .navbar-toggle {	display:block; margin:8px 5px; border-radius:4px; padding:9px 10px; position:relative; }
	.sr-only { border:0 none; clip:rect(0px, 0px, 0px, 0px); height:1px; margin:-1px; overflow:hidden; padding:0; position:absolute; width:1px; }
	.navbar-toggle .icon-bar { border-radius:1px; display:block; height:2px; width:22px; }
	.navbar-collapse.in { display:block; background-color:#333333; overflow-x:visible!important; position:relative; top:45px; }
	.navbar-collapse.in form { position:relative; margin:0; padding:6px 5px; border-bottom:1px solid #ccc; border-top:1px solid #ccc; float:none!important; right:0; }
	.navbar-collapse.in .search-form .form-control { font-size:18px; }
	.navbar-collapse.in .navbar-form.search-form .btn { padding:5px 6px; right:5px; top:5px; }
	.navbar-collapse.in .navbar-nav li { float:none; border-radius:0; }
	.navbar-collapse.in .navbar-nav > li { border-bottom:1px solid #ccc; }
	.navbar-nav .dropdown-menu { padding:15px 15px 15px 30px; display:inline-block; background-color:#333333; }
	.navbar-nav .dropdown-menu li.navbar-submenu-col { padding-left:15px; padding-right:15px; width:100%; }
	.globalNav .navbar-right { margin-top:4px; }
	.startseite h1 { margin-bottom:30px; }

	.navbar-nav .dropdown-menu li.navbar-submenu-col a, .navbar-default .navbar-nav > li > a {color:#fff;}
	
	.table-responsive table td, .table-responsive table th { padding:15px 10px!important; }
	.container, .banner { max-width: 100%; }
}

/****** ab 951px *****/
@media (min-width:951px){
	.container, .banner { min-width: 915px; }
	.navbar-collapse { height:auto!important; position:relative; background-color: #333;}
	.navbar-default { background-color:#fff; border-radius:4px;}
	.navbar-default a {	color:#fff; }
	.navbar-default .navbar-nav > li > a { font-size:20px; }
	.navbar-default .navbar-nav > li > a > span { border-right:1px solid #fff; }
	.navbar-default .navbar-nav > li:hover,
/*	.navbar-default .navbar-nav > li:hover > a { color:#fff; }
	.navbar-default .navbar-nav > li.active:hover > a { color:#ffffff; } */
	.navbar-default .navbar-nav > li:first-child:hover { border-radius:4px 0 0 0; }
	.navbar-default .navbar-nav.no-borderradius li:first-child:hover { border-radius:0; }
	ul.navbar-nav li.dropdown:hover ul.dropdown-menu { display:table-cell; margin-top:0; vertical-align:top; }
	.navbar-nav .dropdown-menu { position:absolute; right:0; padding:30px 20px 20px; }
	.navbar-nav .dropdown-menu li.navbar-submenu-col:not(:last-child):not(:nth-child(4)) { border-right:1px solid #ccc; }
	.footer-banner .rightcontainer { margin-top:60px; padding:0; }
	
	.globalNav { padding-top:23px; padding-bottom:3px; }
	
	.hero { top:135px; }
	.hero .container { padding:0 115px; }
	.hero h3 { font-size:30px; }
	.hero .btn-grey { font-size:20px; margin-top:40px; }
}
@media (min-width:960px){
	.w2p iframe { padding:0px; }
}

@media (min-width:750px) and (max-width:999px) {
	.produkte-index .main-content { width:70%; }
	.produkte-index .left-nav { width:calc(30% - 10px); }
	.produkte-index ul.colls-3 li { width:50%; }
	.produkte-index ul.colls-3 li:nth-of-type(4n),
	.produkte-index ul.colls-3 li:nth-of-type(4n-3) { background-color:#ebebeb!important; }
	.produkte-index ul.colls-3 li:nth-of-type(2n-1) { background-color:transparent; }
}
@media (max-width:1400px) {
	.header img{ max-width:187px!important;}
}
@media (min-width:1401px) {
	.navbar { width:100%; }
}
@-webkit-keyframes progress-bar-stripes {
  from {
    background-position:40px 0;
  }
  to {
    background-position:0 0;
  }
}
@keyframes progress-bar-stripes {
  from {
    background-position:40px 0;
  }
  to {
    background-position:0 0;
  }
}
@-ms-viewport { width:device-width; }

@keyframes arrowbounce {
	0%, 20%, 80%, 100% {
		-webkit-transform:translateX(0px);
		-moz-transform:translateX(0px);
		-ms-transform:translateX(0px);
		-o-transform:translateX(0px);
		transform:translateX(0px);
	}
	40% {
		-webkit-transform:translateX(-15px);
		-moz-transform:translateX(-15px);
		-ms-transform:translateX(-15px);
		-o-transform:translateX(-15px);
		transform:translateX(-15px);
	}
	50% {
		-webkit-transform:translateX(10px);
		-moz-transform:translateX(10px);
		-ms-transform:translateX(10px);
		-o-transform:translateX(10px);
		transform:translateX(10px);
	}
}