/*! 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:460px) {
	.startseite .pull-right, .startseite .pull-left { float:none; }
	.startseite .absolute_img { position:static; display:block; margin-left:auto; margin-right:auto; }
	.cart .ort, .cart .plz {width:100%;}
	.cart .row .floatR a,.cart .row .floatR,.cart .row .floatR input {width:100%;}
	.cart .row .floatR{display:flex;flex-direction:column-reverse;text-align:center;}

	.cart .wAuto input { margin-bottom:10px; }
	.cart .shippingtime div {padding:23px 10px;}
	.cart .shippingtime div:first-child {width:10%;min-width:60px;padding-right:0;}
	.cart .shippingtime div {width:75%;}

	.globalNav .navbar-right { margin-top:35px; }
}
@media (min-width:350px) and (max-width:549px) {
	.header .logo { width:90%; }
}

@media (max-width:549px) { 
	.colls-3 {width:100%!important;}
	.overview div {float:none!important;}
	.overview .shippingOption {width:100%!important}
	.overview .shippingOption .lieferoption{float:left!important;}
	.overview .shippingOption .price{float:right!important;width:auto;}
	
	.checkout-status .article li {width:15%;}

	.shop-kontakt .leftText, .shop-kontakt .rightText{float:none!important;}
	.shop-kontakt .leftText {margin-bottom:40px;width:100%;}
	.shop-kontakt .leftText .form-vertical div {float:none!important;}
	.shop-kontakt .rightText, .shop-kontakt .leftText .form-vertical div {width:100%;}

	.instruction .unterueberschrift1{ margin:0 5% 60px;}
	
	.uploadbox{ height: 700px;}

	h1	{ font-size:32px; line-height:38px;letter-spacing:-0.18px; color:#1CA8D2; text-align:center; }
	h2	{ font-size:20px; line-height:28px; margin:50px 0; }

	.carousel-inner > .item .imgs{ position:relative; }
	.carousel-inner .hero {z-index:20;text-align:center;}
	.carousel-inner .hero .container h1 {margin:20px 0;text-align:center}
	.carousel-inner .hero .container h2 {margin:20px 0;text-align:center}
	.carousel-inner .hero .container h3 {text-align:center}
	.carousel-inner > .item img{ max-width:100%!important; }
	.carousel-inner .desktop {display:none!important;}
	.header-banner .carousel-inner > .item img { position:absolute;bottom:0; }
	.header-banner .carousel-inner > .item .imgs { width:100%; }
	.header-banner .carousel-inner > .item,.header-banner .carousel-inner > .item .imgs { height: 610px; }
}
@media (min-width:550px) {
	.hero { float:left; width:50%; }
	.header-banner .carousel-inner > .item .imgs { text-align:right; }
	.header-banner .carousel-inner > .item img { position:relative; top:50%; }
	.carousel-inner .mobile {display:none;}
}
@media (min-width:550px) and (max-width:950px) {
	h1	{ font-size:36px; line-height:43px;letter-spacing:-0.2px; color:#1CA8D2; text-align:center; }
	h2	{ font-size:24px; line-height:29px; margin:50px 0; }
	.carousel-inner > .item .imgs { left:52%; }
}

@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-block; width:100%; }
	.termin { text-align:inherit; }
}

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

	.colls-2 {height:100%;width:100%;}
	.colls-3 {display:block;margin:auto;}
	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:33.2%; }
	.main-content { width:66.7%; }
}

/****** ab 750px *****/
@media (min-width:750px) {
	h1 { margin-top:50px!important; }
	.startseite div.colls-2, div.colls-3,ul.colls-3 > li { vertical-align:top; float:left; }
	.startseite div.colls-2 { width:50%; }
	div.colls-3, ul.colls-3 li { width:33.33%; }

	.left-nav	{ width:25%; }
	.main-content { width:75%; }

	.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; }
	.boxes .box { float:left; width:33.33%; }
}

/****** bis 849px *****/
@media (max-width:850px) {
	.cart ul.row > li:last-child  { padding-right:20px; }
	.cart ul.row > li:first-child  { padding-left:20px; }
	.cart .tfoot a { padding:10px 20px; }
	.mobileOrder{display:flex;flex-direction:column;}
	.mobileFirst{order:1;}
	.mobileSecond{order:2;}
	.container.instruction{ text-align:center; }

	.checkout-status .article li.price{width:14%;}
	
	.startseite .teaser-content .btn, .hero .btn { padding:14px 15px; }
	.startseite .backgroundverlauf-grey .colls-2 .teaser-image { height:275px; }
}

@media (min-width:851px) {
	.startseite .backgroundverlauf-grey .colls-2 .teaser-image { height:310px; max-width:400px; }
	.instruction div.colls-2, ul.colls-2 li { width:50%; }
	.instruction div.colls-2 { vertical-align:top; float:left; }
	.instruction .teaser-content{text-align:left;}
}

@media (min-width:880px) {
	.header-banner .carousel-inner > .item .imgs { width:50%; }
	.header-banner .carousel-inner > .item img { max-width:100%; }
}

/****** bis 950px *****/
@media (max-width:950px) {
	h1 { font-size:30px; }
	.colls-3 {width:25%;}
	.navbar-collapse { display:none; }
	.header .container { padding:0; }
	.container { padding:0 10px!important; }
	.container.content { margin-top:10px; }
	.banner { margin-bottom:0;}
	.desktopView{display:none;}
	.cart .tbody,.cart .tfoot{width:100%; position:static!important;}
	.cart .tfoot .checkout,.cart .tfoot .checkout .btn{width:100%;}
	.cart .tfoot .payment .text-center{position:relative; width:100%;}
	.cart .tbody .row .vorschau{width:20%;}
	.cart .tbody .row > li{width:60%; padding:8px;}
	.cart .tbody .row .price{width:20%;}
	.cart .overview {width:100%!important;}
	
	.footer .navbar-nav li {float:none;}
	.footer .arrow {margin:0px 15px 5px;width:20px;height:20px;}
	.footer { height:170px; }
	.content{margin-bottom:5px!important;}
	.main-content{padding-bottom:5px!important;}

	.ueberschrift1{font-size:28px;letter-spacing:-0.2px;line-height:34px; margin:44px 0 13px 0}
	.ueberschrift2{font-size:24px;letter-spacing:0;line-height:29px; margin:0 0 13px 0}
	.unterueberschrift1{font-size:20px;letter-spacing:0;line-height:28px;margin:0 10% 27px;}
	.unterueberschrift2{font-size:16px;letter-spacing:0;line-height:26px;margin:0 15% 27px;}

	.personalize .rightMenu {width:100%;background-color:#E3E3E3;position:relative;}
	.personalize .rightMenu.transformYCenter { -webkit-transform:translateY(0); -ms-transform:translateY(0); transform:translateY(0); }
	.personalize .bg-grey{ margin-bottom:10px;position:relative; }
	.personalize .mobileShare {position: absolute;bottom: 10px;right: 10px;}
	.personalize .MobileMenu li{padding:20px;}
	.personalize .skinMenu {width:100%!important; height:85px; margin-bottom:50px;min-height: 100px;}
	.personalize .skinMenu ul {position:absolute;display:flex;left:40px;margin-top:10px;}
	.personalize .skinControlls {display:none;}
/*	
	.personalize .textMenu {display:none;}
	.personalize .mobileTextMenu {display:block!important;width:100%;}
*/
	.shop-kontakt .leftText, .shop-kontakt .rightText{float:none!important;}
	.shop-kontakt .leftText {margin-bottom:40px;width:100%;}
	.shop-kontakt .leftText .form-vertical {width:100%;}
	.shop-kontakt .rightText {width:auto;max-width:50%;min-width:350px;}
	
	.header {min-height:75px;}
	.navbar { z-index:50; width:100%; right:0;}
	.navbar .globalNav{ float:right; padding-top:4px; }
	.navbar ul { float:none; }
	.navbar li { text-align:left;}
	.navbar .navbar-nav .min-cart { display:none;}
	.navbar .navbar-nav { float:none; display:block;}
	.navbar-header { float:left; padding:5px; }
	.navbar-header .navbar-toggle .icon-bar { background-color:#000; }
	.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:#fff; overflow-x:visible!important; position:relative; margin-top:69px; }
	.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; }

	.header .logo { text-align:center;margin-left:50px; }
	.startseite h1 { margin-bottom:20px; }
	.table-responsive table td, .table-responsive table th { padding:15px 10px!important; }
	.teaser-content { padding:0 25px 25px; }
	.teaser-header { padding:10px 25px 15px;}
	.instruction .media iframe{ width:100%; }
}

/****** ab 951px *****/
@media (min-width:951px){
	.personalize .rightMenu { position:absolute; background-color:rgba(221,221,221, 0.8); width:260px; right:35px; top:50%; }
	.personalize .floatL.desktopView { height:100%; display:inline-block; }
	.personalize .textMenuButton { height:10%;width:140px; float:left; }
	.personalize .textMenuButton #textButton{ height:100%; width:100%; }
	.personalize .textMenuButton~.skinMenu{ width:140px;height:100%;}
	.personalize .skinMenu{ width:140px;height:90%;}
	.personalize .skinMenu ul{ width:50%; }
	.personalize .skinMenu li{ margin:10px 5px; }
	.personalize .MobileMenu li{padding:5px;}
	.personalize #ajax_loader{ margin-left: 210px; }
/*	
	.personalize .mobileTextMenu {display:none;}
	.personalize .textMenu {display:block;width:100%;}
*/	
	.footer { height:45px; }
	.teaser-content { padding:0 50px 50px; }
	.teaser-header { padding:10px 50px 15px;}
	.navbar-collapse { height:auto!important; }
	.navbar-default { background-color:#fff; border-radius:4px; }
	.navbar-default a {	color:#000; }
	.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:#1CA8D2; }
	.navbar-default .navbar-nav > li.active:hover > a { color:#000; }
	.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; }
	.footer-banner .rightcontainer { margin-top:60px; padding:0; }
	
	.mobileView {display:none;}
	.globalNav { padding-top:6px; padding-bottom:12px; }
	.header .logo { margin-left:25px; }

	.hero .container { padding:25px 50px; }
	.hero h3 { font-size:30px; }
}

@-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);
	}
}