body {
  /*font-family: 'Noto Sans', sans-serif;*/
  font-family: 'Fira Sans Extra Condensed', sans-serif;
  font-size: 100%;
  /*letter-spacing: -1px;*/
  line-height: 120%;
  margin:0;
  padding:0;
  width:100%;
  background-color:#F2E1AE;
  background-image:url(/image/frontend/packpapier_rgb.jpg);
}

/* Helpers */ 
.ratio:after{
  padding-top: 56.25%;
  /* 16:9 ratio */
  display: block;
  content: '';
}
.row{
	clear:both;
}
.left, .right{
  float:left;
  width:50%;
  margin:20px;
}
strong{
	
}
.clear{
	clear:both;
}
a:link, a:visited{
  color:#000000;
  text-decoration:none;
}
a:hover, a:active{
  color: #E20613;
  text-decoration: none;
}
a.active{
  font-weight:bold !important;  
}
.loading-gif{
	display:none; 
	padding-top: 20px;
}

/* corners */
.border{
  position: relative;
  border: 3px solid black;
}
.border-1{
  height: 50px;
  font-size: 24px;
  font-weight: bold;
  letter-spacing:-1.5px;
  text-transform: uppercase;
  padding: 12px 0px 0 25px;
  box-sizing: border-box;
}

.corner{
  position:relative;
}
.corner-img{
  position:absolute; 
  top:0;
  height:45px;
  z-index:2;
  left: -29px;
  top: -3px;
}
.corner-h{
  position:relative; 
}
.corner-rt, .corner-rtt{
  right:0;
  left:auto;
  top:0;
}
.corner-lb, .corner-lbt, .corner-lbw{
  left:0;
}


/* Page */
.content-wrapper{
	position:relative; 
	margin: 0 auto; 
	max-width:1350px;
	padding: 0 10px;
}

/* Header */
.logo-col{
	text-align:center;
	padding-top:56px;
}
.logo-col img{
  width:17.5vw;
  min-width: 200px;
}
.navi-col{
  position:absolute;
  right:10px;
  top:0;
  padding-top:60px;
  width:auto; 
}
.navi-icon{
  position:relative; 
  float:left;
  width:60px;
  width:3.1vw;
  height:4.2vw;
  background-position:bottom;
  background-repeat:no-repeat;
  background-size:3.6vw auto; 
  background-size: cover;
  min-height: 50px;
  min-width: 37px;
}
.navi-icon.user{
  background-image:url(/image/frontend/user-1.svg);
}
.user-letter, .basket-counter{
  position:absolute;
  top: 0.7vw;
  text-align: center;
  font-weight:bold;
  font-size: 1.3vw;
  width: 100%;
  color: #E20613;
}
.basket-counter span{
  position: absolute;
  top: 0px;
  left: 50%;
  display: block;
  left: 16%;
  right: 0;
  text-align: center;
}
.user-name{
	position:absolute; 
	left: 50%;
	bottom:-20px;
}
.user-name-h{
  position:relative;
  left: -50%;
  letter-spacing:0.1px;
  font-weight:bold;
  font-size:85%;
  min-width: 200px;
  text-align: center;
}
.navi-icon.basket{
	background-image:url(/image/frontend/basket-1.svg);
}
.navi-icon.home-icon{
	background-image:url(/image/frontend/home.svg);
}
.navi-icon.burger{
	background-image:url(/image/frontend/burger.svg);
}
.navi-icon.close{
	background-image:url(/image/frontend/kreuz.svg);
	background-size: 35px 35px;
}


/* Service */
.service{
	position:relative;
}
.last-order{
	position:relative; 
	width:100%;
	margin-top:60px;
}
.last-order-h{
	position:relative; 
	width:calc(50% - 20px);
}
.last-order-t{
	position:relative; 
	border:3px solid black; 
	height:45px;
	font-size: 28px;
	font-weight:bold;
	text-transform:uppercase; 
	padding:11px 0px 0 10px; 
	box-sizing:border-box;
	border-right:none; 
	margin-right:29px;
}
.service-catalog{
	position:absolute;
	top:57px;
}
.search{
  position:relative; 
  width:100%;
  text-align:right;
}
.search-h, .metanav-h{
  box-sizing:border-box;
  height:45px;
  border:3px solid black;
  width:calc(50% - 20px);
  box-sizing:border-box;
  float:right;
}
.search-h{
	position:relative; 
	border-bottom:none; 
}
.search-i{
  height: 45px;
  padding-left: 25px;
  font-style: italic;
  box-sizing: border-box;
  width: 100%;
}
.search-i::placeholder{
  color: #E20613; 
  /*color: #EA000F;*/ 
  font-size:175%;
  font-weight:bold;
  opacity: 1; 
}
.search-b{
  height: 42px;
  margin: 0;
  padding: 0;
  position: absolute;
  top: 0px;
  right: 0px;
}
.metanav{
  position:relative; 
  width:100%;
}
.metanav-h{
  height:45px;
  width:calc(50% - 50px);
  border-left:none; 
}
.metanav-h a, .metanav-h a:hover, .service-catalog a, .service-catalog a:hover{
  font-size:28px;
  font-weight: normal;
  text-transform: uppercase;
  line-height: 38px;
  padding-left: 15px;
  text-decoration:none !important; 
}
.metanav-h .corner-img{
  top:-3px;
  left:-30px;
}
.langnav{
  display: inline;
  float: right;
  padding-right: 10px;
}
.langnav a, .langnav a:hover{
	padding-left:0;
	font-weight:normal;
}
.langnav-spacer{
	font-size:160%;
}
.metanav-sub{
  position: absolute;
  left: 0;
  border: 3px solid #000000;
  width: 400px;
  z-index: 3;
  background-color: #ffffff;
  padding:15px 0;
  display:none; 
}
.metanav-sub a{
	display:block;
}
a.subnav, a:hover.subnav{
	text-transform: inherit;
		color:#838383;	
}
a.subnav:hover{
	color: #E20613;
}
a.subnav:last-child{
	padding:25px 10px 0px 10px;
	text-transform: uppercase;
	color:#000000;
}




/* Home */
.home-holder{
  width:100%;
  padding-top:75px;
}
.home{
  float:left;
  width:50%;
  height:320px;
  box-sizing:border-box;
  padding:15px 0;
}
.home .corner-img{
  left:0;
  top:0;
}
.home-holder a:nth-child(odd) .home{
  padding-right:15px;
}
.home-holder a:nth-child(even) .home{
  padding-left:15px;
}

.home-h{
  height:100%;
  position: relative;
  overflow: hidden;
  border-bottom:3px solid #000000;
}
.home-h .corner-img{
	height:50px;
}

.home-header{
  position:relative;
  margin-left: 34px;
  height:50px;
  border:3px solid #000000;
  border-left: none; 
  background-color:#ffffff;
  box-sizing: border-box;
}
.home-header span{
	line-height:45px;
	text-transform:uppercase;
	color:#000000;
	font-size:28px;
	/* Irregular */
	font-size:32px;
	font-weight:bold;
}
.home-header span:hover{
	color: #E20613;
}
.home-header .regular{
  font-weight:normal;
}
.home-arrow{
  position:absolute;
  top:7px;
  right:10px;
  height:25px;
 
}
.home-body{
  border-left:3px solid #000000;
  border-right:3px solid #000000;
  height: 100%; /* new news */
  overflow: hidden; /* new news */
}
.home-body img{
  width:100%;
}
.home-header span.normal{
	font-weight:normal; 
}


/* Landingpage */
.landingpage{
  clear:both;
  padding-top: 75px;
  position:relative; 
  min-width: 300px;
}
.landingpage-h{
  position:relative; 
  border-left:3px solid #000000;
  border-right:3px solid #000000;
  border-top:3px solid #000000;
  border-bottom:3px solid #000000;
  margin-left:29px;
}
.landingpage-title{
	background-color:#ffffff;
}
.landingpage-title .corner{
  position:absolute; 
  top:-3px;
  left:-3px;	
  z-index:1;
  min-width:62%;
}
.landingpage-title .corner-h{
	background-color:#ffffff;
	height:45px;
	border: 3px solid #000000;
	box-sizing: border-box;
	border-left: none;
}
.landingpage-title h1{
	margin:0;
	padding:0 0 0 0px;
	padding-top:4px;
	line-height:35px;
	font-size:28px;
	/* Irregular */
	font-size:32px;
	min-width:38.2%;
	padding-right:125px;
	padding-left:3px;
	text-transform:uppercase;
}
.landingpage-header h1 span.regular{
	font-weight:normal;
}
.landingpage-img{
  width:100%;
  display:block;
}
.search-pacer{
	height:40px;
	background-color:#ffffff;
}


.categories{
  padding:15px;
}
.c-row{
	position:relative;
	clear:both;
	width:100%;
	height:182.1px;
	margin-top:20px;
}
.c-left{
	position:relative;
	float:left;
	background-color:#ffffff;
	box-sizing:border-box;
	width:320px;
	margin:0px 20px 30px 10px;
	height:100%;
}
.c-left img{
	height:100%;
}
.c-right{
	position:relative;
	box-sizing:border-box;
	display:flex;
	align-items: center;
	background-color:#ffffff;
	width:calc(100% - 360px);
	margin:10px;
	height:100%;
}
.c-right-h{
	padding-right:50px;
}
.c-right img{
	position:absolute;
	top:65px;
	right:15px;
	width:22px;
}
.categories h2{
  padding: 0;
  margin:0 0 0 15px;
  font-size: 200%;
  line-height:105%;
}
.categories h3{
  padding: 0;
  margin:10px 0 0 15px;
  color: #6b6969;
  line-height:110%;
}

.products{
  background-color:#ffffff;
  padding-bottom:20px;
}
.products-h{
	
}

.product{
  position: relative;
  display:inline-block;
  float:left;
  width:calc(50% - 57px);
  border:3px solid #000000;
  padding:0 25px;
  padding-top:55px;
  margin-left:40px;
  margin-top:40px;
  background-image:url(/image/frontend/packpapier_rgb.jpg);
  box-sizing:border-box;
}
.product:after{
  /*
  padding-top: 56.25%;
  16:9 ratio  -> need correction */
  padding-top: 51.30%;
  display: block;
  content: '';
}
.product-h{
  position: absolute;
  top: 0;
  bottom: 0;
  right: 0;
  left: 0;
  font-size: 1.5vw;
  overflow:hidden;
}
.product-img{
  width:100%;
}
.product-text{
  font-weight: bold;
  text-transform: uppercase;
  line-height: 200%;
  display:table;
  height:100%;
  padding-bottom: 60px;
  box-sizing: border-box; 
}
.text-middle{
	display: table-cell;
    vertical-align: middle;
    padding: 0 40px;
}
.product-text h2{
  margin: 0;
  line-height: 130%;
}
.aktion-h .product-text h2{
}
.product-text p{
  font-weight:normal;
  font-size:130%;
}
.product-price{
  padding:0;
  margin:0;
}
.product-cart{
  position: absolute;
  bottom:-3px;
  left:-3px;
  right:-3px;
  height:80px;
  background-color:#E20613;
  font-size:1.5vw;
}
.product-nr{
  float:left;
  width:180px;
  height:80px;
  border-right:3px solid #ffffff;
  color:#ffffff;
  font-weight: bold;
  text-align:center;
  padding-top:30px;
  box-sizing:border-box;
}
.product-basket{
  text-align: center;
}
.product-basket img{
  position: relative;
  top: -25px;
  width: 80px;
}
.product-basket span{
  position: relative;
  top: -45px;
  color:#ffffff;
  font-weight: bold;
}
.variante-basket span{
	position:absolute;
	top:-3333px;
	left:-40000px;
}
.product-basket span:hover, .variante-basket span:hover{
	color:#000000;
}

.product-image{
  position:absolute; 
  top:0;
  left:0;
}
.aktion{
  position:absolute;
  top:-3px;
  left:-3px;
  right:-3px;
  background-color:#ffffff;
  height:47px;
  z-index:2;
  margin-left:28px;
}
.aktion .corner-h{
  border: 3px solid #E20613;
  height:42px;
}
.aktion .corner-img{
  left:-31px;
}
.aktion-t1{
  color: #E20613;
  font-weight:bold;
  font-size:28px;
  line-height:38px;
  
}
.aktion img{
  height:47px;
}
.aktion-t2{
  color: #E20613;
  font-weight:normal;
  font-size:65%;
}

.categorytext{
	position:relative;
	padding:25px;
	background-color:#ffffff;
	border-top:3px solid #000000;
}
.landingpage-h > .categorytext ~ .categorytext { /* All but first */
    border: none;
}
.categorytext-h{
	float:right;
	width:calc(50% - 20px);
}
.categorytext-h{
	position:relative; 
	float:right;
	width:calc(50% - 20px);
}
.categorytext-h h1{
  line-height: 130%;
  padding: 0px 0 0 0px;
  margin: 40px 0 0 0;
}
.categorytext-h h2{
  line-height: 130%;
  padding: 20px 0 0 0;
  margin: 0;
}
.categorytext-h p{
  margin:0;
  padding:15px 25px 0 0; 
  font-size:100%;
  line-height:150%;
  font-size:125%;
}
.categorytext-h p.arrow-down{
  position:relative;
  font-weight:bold;
  font-size:24px;
  padding:60px 0px 80px 0;
}
.arrow-down:before{
    content: "";
    position: absolute;
    width:50px;
    height:50px;
    z-index: 1;
    background:url(/image/frontend/pfeil.svg) 0 0 no-repeat;
    transform: rotate(90deg);
    background-size: 50px 50px;
    transform: rotate(90deg);
    background-size: 50px 50px;
    left: calc(50% - 50px);
    bottom: 0px;
}

.lazyloader{
  border:none; 
  background-image:none; 
}
#loadlazy{
  border: 2px solid #F00;
  padding: 15px 25px;
  position: relative;
  top: 25px;
}

/* Product */
.detail{
  padding-top:75px;
}
.detail-h{
}
.detail-header{
  height:47px;
  margin-left:29px;
  border-left:none; 
  background-color:#ffffff;
}
.detail-header .corner-h{
	border:3px solid #000000;
	border-left:none; 
	height:45px;
}
.detail-header .corner-img{
	top:0px;
	left:-34px;
	height:50px;
}
.detail-body{
  margin-left:30px;
  padding-bottom:50px;
  background-color: #ffffff;
}
.product.images.no-image{
  background-image: none;
  border: none;
}
.product-images{
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
}
.gallery-img{
	position: absolute;
	top:0;
	left:0;
	width:100%;
	height:100%;
}
.gallery-img:first-child{
	z-index:100;
}
.product-images img{
  width:100%;
  height:100%;
}
.image-counter{
	position:absolute; 
	bottom:-3px;
	right:-3px;
	border: 1px solid #000000;
	font-size:100%;
	padding:5px 5px;
	background-color:rgba(255,255,255,0.5);
	z-index:101;
}
.smallimages-h{
  position:relative;
  margin-bottom:25px;
  margin-top: 5px;
  margin-left: calc(50% + 22px);
  width: calc(50% - 60px);
  display:flex; 
  flex-wrap: wrap;
  
}
.smallimages-h a{
  justify-content: flex-start;
  justify-content: space-between;
  width: 9.27vw;
  padding-right:10px;
}
.smallimages-h:nth-child(2n) {
    
}
.smallimages-h img{
  width:100%;
  border:2px solid #000000;
}
.simg-1{
	border:2px solid red !important;
}
.detailtext{
  position:relative; 
  width:100%;
}
.detailtext-h{
  position:relative;
  width:calc(50% - 40px);
  margin-right:20px;
  float:right;
  padding-bottom:50px;
}

/*** Trusts *****/ 
.trust{
	padding:10px;
	position:relative; 
	clear:both;
	overflow:auto;
}
.trust .left{
	width:20%;
	margin:0;
}
.trust .right{
	width:80%;
	margin:0;
}
.trust img{
	width:85px;
}
.trust h3{
  text-transform:uppercase;
  font-weight:bold;
  margin:20px 0 10px 0; 
}
.trust p{
  position:relative;
  margin:0;
  padding:0;
  line-height:115%;
  font-size:75%;
}

.detail h1{
  margin:0;
  padding: 0 0 0 0px;
  line-height: 45px;
  font-size: 26px;
  font-size:32px;
  text-transform: uppercase;
}
.detailtext-h h1{
	line-height:130%;
}
.detailtext-h p{
  margin:0;
  padding:25px 25px 0 0;
  padding-top:15px;
  font-size: 135%;
  line-height:130%;
}
.detailtext-h ul{
  font-size: 135%;
  line-height:130%;
}
.detailtext-h a{
  font-weight:bold;
  color:#E20613;
}
.detailtext-h a:link, .detailtext-h a:active {
	
}
.detailtext-h a:hover {
  color:#000000;
  text-decoration:underline; 
}
.detailtext-h a:visited {
	
}
.detailtext-h p.number{
	font-weight:bold;
}
.detailtext-h p.description{
  padding-bottom:15px;
}
.price-h{
  padding:40px 0 0 0; 
}
.price-h p.price{
  padding:0;
  font-weight:bold;
  font-size:28px;
}
.line-through {
  position: relative;
}
.line-through::after {
  border-bottom: 0.125em solid black;
  content: "";
  left: 0;
  margin-top: calc(0.125em / 2 * -1);
  position: absolute;
  right: 0;
  top: 50%;
}
.price-ink{
  font-size:21.5px;
  font-weight:normal;
}
.detailtext-h p.price-info{
	color: #6B6969; 
}
.detailtext-h p.note{
	color: #6B6969; 
	padding-top:20px;
}
.note-strong{
	font-weight:bold;
}
.detailtext-h p.file{
  background-image:url(/image/frontend/dokument_rot-09.svg);
  padding:25px 0 15px 80px;
  background-repeat:no-repeat;
  margin:0px 0 0 0; 
}
.file-spacer{
	height:50px;
}
.detail-cart{
  position: relative;
  height:80px;
  background-color:#E20613;
  margin-top:3px;
  margin-bottom:10px;
  min-width:620px;
  font-size:22px;
}
.detailcart-h{
  clear:both;
  margin-right:20px;
}
.detailcart-i{
	max-width: 620px;
    float: right;
}
.variante-title{
  font-size:150%;
  font-weight:bold;
  text-transform:uppercase;
  margin:50px 0 15px 0;
  line-height:130%;
}
.variante-row{
  clear:both; 
  background-color:#E20613;
  margin-bottom:25px;
  height:80px;
}
.variante-col{
	float:left;
	position:relative; 
	height: 80px;
	padding:15px;
	box-sizing:border-box;
	
}
.variante-col p{
  margin:0;
  position: absolute;
  top: 50%;
  left:50%;
  transform: translate(-50%,-50%);
  color:#ffffff;
  font-size:100%;
  line-height:130%;
  font-weight: bold;
  box-sizing:border-box;
  text-align:center;
  width:100%;
}
.variante-col p:hover{
	/*color: #000000;*/
}
.variante-nr{
	width:180px;
	font-size:24px;
}
.variante-desc{
  border-right: 2px solid #ffffff;
  border-left: 2px solid #ffffff;
  width:360px;
}
.variante-basket{
  width:80px;
  text-align:center;
  padding:0;
}
.variante-basket img{
	position:relative;
	top:-10px;
	width:60px;
}





/* Content */
.content{

	}
.content-h{
  padding-bottom: 75px;
  background-color:#ffffff;
}
.content-row{
	clear:both;
}
.contenttext{
  float:left;
  width:calc(50% - 25px);
  padding-top:30px;
  margin-left: 25px;
  letter-spacing: 0px
  
}
.contenttext h2{
  margin:3px 0 0 0;
  padding:0;
  font-weight: bold;
  text-transform: uppercase;
  font-size: 200%;
  line-height:120%;
}
.contenttext h3{
  font-weight:bold;
  font-size:150%;
  line-height:120%;
}
.contenttext p{
  font-size:125%;
  margin:0px 25px 15px 0;
  line-height: 130%;
}

/* team */
.team{
  
}
.team-h{
  padding-bottom: 75px;
  background-color:#ffffff;
}
.team-row{
	position:relative; 
	clear:both;
}
.teamtext{
  float:left;
  position:relative; 
  width:calc(50% - 37px);
  padding-top:30px;
  margin-left: 25px;
  letter-spacing: -1px
}
.teamtext:after{
	padding-top: 56.25%;
  /* 16:9 ratio */
  display: block;
  content: '';
}
.teamtext-h{
  position: absolute;
  bottom: -25px;
  left: 0;
  height:100%;
}
.teamtext h2{
  margin:0;
  padding:0;
  font-weight: bold;
  text-transform: uppercase;
  font-size: 200%;
  line-height:130%;
}
.teamtext p{
  font-size:125%;
  margin:0px 0 0px 0;
  padding:0;
  line-height: 130%;
}





.content-h ul {
  list-style: none;
  margin-left: 0;
  padding-left: 0;
}
.content-h li {
  /*
  padding-left: 1em;
  text-indent: -1em;
  */
  padding-left:15px;
  text-indent: -12px;
}
.content-h li:before {
  /*
  content: "—";
  padding-right: 5px;
  */
  content:"·";
  font-size:30px;
  position: relative; 
  top:3px;
  padding-right: 5px;
}



.clear{
	clear:both;
}

.pswp{
	display:none; 
}

/* Navigation */


/* YouTube */
.video-container {
  position: relative;
  padding-bottom: 56.25%; /*16:9*/
  padding-top: 30px; 
  height: 0; 
  overflow: hidden;
  margin-top:10px;
  margin-left: 60px;
}
 
.video-container iframe,
.video-container object,
.video-container embed {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
}

/* breadcrumb */
.breadcrumb{
	padding-top:25px;
	padding-bottom:0px;
	padding-left:38px;
	background-color:#ffffff;
}
.breadcrumb-header{
  position:relative;
  margin-left: 24px;
  height:35px;
  border:2px solid #000000;
  border-left: none; 
  box-sizing: border-box;
  width:calc(100% - 57px);
  
}
.breadcrumb-header a{
  font-size: 18px; 
  font-weight: normal;
  line-height: 26px;
  padding-left: 5px;
  text-decoration: none !important;
  color:rgb(226, 6, 19);
}
.breadcrumb-header a:hover{
	color:#000000;
}
.breadcrumb-header a:after{
	content: " – ";
	font-size:22px;
	position:relative; 
	top:2px; 
	left:2px;
	color:#000000;
}
.breadcrumb-header a:last-of-type{
	color:#000000;
}
.breadcrumb-header a:last-of-type:after{
	content:"";
}
.breadbrumb-h{
  position: absolute;
  top: 35px;
  right: 10px;	
}
.breadcrumb-h .corner-img{
  top: 0;
  left: 2px;
  height: 35px;
}



/* Footer */
.footer{
	padding-top:75px;
	padding-bottom:75px;
}
.foot-header{
  position:relative;
  margin-left: 34px;
  height:50px;
  border:3px solid #000000;
  border-left: none; 
  box-sizing: border-box;
  /*width:475px;*/
  width:650px;
}
.foot-header a{
  font-size:26px; 
  font-size:32px;
  font-weight: normal;
  text-transform: uppercase;
  line-height: 44px;
  padding: 0px 0 0 10px;
  text-decoration: none !important;
}
.foot-h{
  position: absolute;
  top: 50px;
  right: 10px;	
}
.foot-h .corner-img{
  top: 0;
  left: 3px;
  height: 50px;
}
.f-pdf-file{
	width:35px;
	margin:0;
	padding:0;
	position:relative; 
	top:5px;
}

/* Sitemap */
.sitemap{
  background-color: #ECD7A7;
  background-image:none; 
}
.sitemap::after {
  content: "";
  background: url(/image/frontend/packpapier_rgb.jpg);
  opacity: 0.5;
  top: 0;
  left: 0;
  bottom: 0;
  right: 0;
  position: absolute;
  z-index: -1;   
}
.sitemap-h{
	padding-top:60px;
}
.sitemap h1{
  font-size:48px;
}
.sitemap-l, .sitemap-r{
	float:left;
	width:50%;
}
.sitemap-l{
	width:70%;
} 
.sitemap-r{
	width:30%;
}
.sitemap ul{
  padding-bottom:10px;
}
.sitemap ul li:first-child{
	padding-top:10px;
}
.sitemap li{
	line-height:115%;
	padding-bottom:7px;
}
.sitemap li.s1{
  font-size: 36px;
}
.sitemap li.s2{
  font-size:24px;
}
.close-button{
	position:absolute; 
	top:0; 
	right:0;
}
.sitemap li.active > a{
	color:#E20613;
}


/* Shop */
.shop-h{
  padding:25px;
  line-height:140%;
}
.shop-h h2{
  margin:50px 0 0 0; 
}
.shop-h fieldset{
  border:none;
}
.shop-h form{
  margin-top:25px;
}
#address-plush h2{
  margin-bottom:25px;
}
.shop-h .row{
	clear:both;
	padding-bottom:10px;
}
.shop-h .left, .shop-h .right, .col-md-2, .col-md-9 {
	float:left;
	width:50%;
	margin:0; padding:0;
	box-sizing: border-box;	
}
.shop-h .left, .col-md-2{
	max-width:150px;
	text-align:right;
	padding-right:25px;
}
.shop-h .right, .col-md-9 {
  padding-bottom:8px;
  max-width:300px;
}
.shop-h .right input, .shop-h .right textarea, .col-md-9 input {
	width:100%;
}
.shop-h .right input[type='checkbox']{
	width:10px;
}
.shop-h .right input.plz{
	max-width:60px;
}
.shop-h input[type='submit'], .shop-h .btn-primary{
  margin-top: 20px;
  color: red;
  width: 200px;
  height:25px;
  background-image:url(/image/frontend/packpapier_rgb.jpg);
  padding:7px 5px 25px 5px;
  font-weight:bold;
}
.offset-md-2{
	padding-left:150px;
}
.shop-h .hrefback{
	display:block;
	margin-top:27px;
}
.shop-h a:link, .shop-h a:visited{
  color:#E20613;
  text-decoration:none;
}
.shop-h a:hover, .shop-a a:active{
  color: #000000;
  text-decoration: none;
}
.shop-h .lostpw{
	display:block;
	margin-top:10px;
}
.shop-border{
	color:#DCDAD5;
	margin: 55px 0px;
}

.is-invalid{
	border:1px solid red;
	height:30px;
}
form.is-invalid{
	border:none; 
	height:auto; 
}
.product-table{
  margin-top:15px;
  width:100%;
  border-collapse:collapse;
}
.product-table th {
  text-align:left;
  border-bottom:1px solid #000000;
  padding:10px;
}
.product-table .quant{
	width:35px;
}
.product-table img{
	height:60px;
}
.product-table img.redeye{
	height:40px;
	position:relative; 
	top:13px;
}
.product-table tr:nth-child(even) {
  background-color: #f2f2f2;
}
.product-table td{
	/*padding:0px 10px;*/
}
.product-table th:nth-child(2) {
  
}
.product-table th:nth-child(4), .product-table td:nth-child(5) {
  text-align:right;
}
.product-table .img {
  background-color:#ffffff;
  padding:3px 0; 
}
.product-table td:nth-child(5) {
	font-weight:bold;
}
.product-table td:nth-child(6) {
  text-align:center;
}
.info{
	color:grey;
}
.chf{
	
}
.chf-strike{
	text-decoration: line-through;
	padding-right:10px;
}
.portocost td, .totalcost td{
	font-weight:bold;
	text-align:right;
}
.notbold td{
	font-weight:normal !important;
}
.portocost td{
	font-weight:normal;
}
.portocost td, .totalcost td{
	margin-top:15px;
	padding: 10px; 
	border-top:1px solid #000000;
}
.alert{
  border: 1px solid #000000;
  max-width: 500px;
  padding: 25px;
  margin: 0 0 15px 0;
  background-image:url(/image/frontend/packpapier_rgb.jpg);
}
.alert button{
	display:none; 
}
.confirm-h h2{
	margin-top:45px;
}
.confirm-h .right{
	max-width:500px;
}
.confirm-h textarea{
	height:100px;
	padding:10px;
	margin-bottom:10px;
}

.address-h .left{
  max-width:250px;	
}
.address-h .right{
  max-width:400px;	
}

.news{
	margin-top:0px;
	border:2px solid #000000;
	padding:5px 15px;
	display:block;
	float:none; 
	height:auto; 
	width:calc(50% - 50px); 
	background-color:#ffffff;
}
.news h2, .news p{
	line-height:130%;
}
.index-news .home-body{
  /*background-color:#ffffff;*/
  background: rgba(255,255,255,0.65);
}
.index-news p{
  padding: 0 32px; 
  font-size: 175%;
  line-height: 100%;
}

@keyframes pulse {
  0%, 100% {
    opacity: 1;
    transform: scale(1);
  }
  50% {
    opacity: 0.7;
    transform: scale(1.005);
  }
}

.versandkosten {
  animation: pulse 1.5s infinite;
}

span.voc{
  display: block;
  padding-top: 25px;
  color: red;
}

/* Responsive */
/* Black */
@media only screen and (max-width: 1500px) {
  body::before,
  body::after {
    content: '';
    position: fixed;
    top: 0;
    right: 0;
    border-color: transparent;
    border-style: solid;
  }

  body::before {
    border-width: 1.5em;
  }

  body::after {
    border-radius: 0.4em;
    border-width: 1.35em;
    border-right-color: black;
    border-top-color: black;
  }
  body{
  }
  .user-letter, .basket-counter{
    top:0.5vw;
  }
  .metanav-h a, .metanav-h a:hover{
    padding-left:3px;
  }
  .trust h3{
  }
  .trust p{
    line-height:115%;
    font-size:21.6px;
    display:none; 
  }
  .trust img{
    width:75%;
  }
  .product::after {
    padding-top: 49.4%;
  }
}

/* RED */
@media only screen and (max-width: 1050px) {
  body::after {
    border-right-color: red;
    border-top-color: red;
  }
  body{
  }
  .navi-col{
    right:25px;
  }
  .basket-counter span{
    left:0.4vw;
  }
  .user-letter, .basket-counter{
    font-size:12px;
  }
  .content-wrapper {
    padding: 0px 25px;
  }
  .last-order-h{
    position:relative; 
    left:-28px;
    top:3px;
    width:66%;
    min-width:365px;
  } 
  .last-order-t{
    font-size:145%;
  }
  .search-h{
    width:calc(100% - 0px);
  }
  .metanav-h{
    width:calc(100% - 30px);
    min-width:400px;
  }
  .metanav-h a, .metanav-h a:hover{
    padding-left:15px;
  }
  
  .c-right h2{
    font-size:160%;
  }
  .c-right h3{
    font-size:100%;
  }
  .product-cart{
    font-size:2vw;
    height:60px;
  }
  .product-basket img{
    width:60px;
    margin-top:5px;
  }
  .product-basket span{
    display:none; 
  }
  .product-nr{
    padding-top:20px;
  }
  .product-basket span{
  /*
    position:absolute; 
    top:-3333px;left:-4444px;
    */
  }
  .product-text h2, .aktion-h .product-text h2{
    padding-top:0px;
  }
  .product::after {
    padding-top: 46.2%;
  }
  
  .detailtext-h {
    width:calc(100% - 50px);
    float:none; 
    padding:0 25px;
    max-width:670px;
  }
  .detailcart-h{
    clear:both;
    padding:0 25px;
    box
  }
  .detailcart-i{
	max-width: 620px;
    float: none;
  }
  .detail-cart .product-nr{
    padding-top:30px;
  }
  .detail-cart .product-basket img{
    width:70px;
  }
  .landingpage-title h1{
    width:calc(100% - 15%);
  }
  .sitemap-l, .sitemap-r{
	width:100%;
  }
  .breadcrumb-header a{
     font-size:2vw;
  }
  .foot-h{
    right:25px;
    padding-bottom:30px;
  }
  .trust{
    padding:0.7vw 10px;
  }
  .trust img{
    width:75%;
  }
  .trust h3 {
    font-size:2vw;
  }
  .news{
	margin-top:100px;
	width:calc(100% - 35px);
  }
  .service-catalog{
	top:157px;
  }
  .home-holder {
    padding-top:147px;
  }
  .index-news p{
    padding: 0 12px; 
    font-size: 140%;
  }
}

/* Yellow */
@media only screen and (max-width: 800px) {
   body::after {
    border-right-color: yellow;
    border-top-color: yellow;
  }
  body{
  }
  .c-left{
    width:180px;
    overflow:hidden;
  }
  .c-right{
    width:calc(100% - 220px);
  }
  .basket-counter span{
    left:0.50vw;
  }
  .product{
    width:calc(100% - 70px);
  }
  .product-h{
    font-size:3.5vw;
  }
  .product::after {
    padding-top: 51.2%;
  }
  .product-cart{
    font-size:3.2vw;
    height:60px;
  }
  .product-basket img{
    width:60px;
    margin-top:5px;
  }
  .product-nr{
    padding-top:20px;
  }
  .product-basket span{
    position: relative;
    top: -35px;
    left:0;
    display:inline;
  }
  .product-text h2{
    padding-top:70px;
  }
  .aktion-h .product-text h2{
    padding-top:100px;
  }
  .trust-text span{
    top:-18px;
    font-size:4vw;
  }
  .trust-text img{
    width:7.7vw;
  }
  .landingpage-title h1{
    width:100%;
  }
   .categorytext-h {
    float: none;
    width: 100%;
    max-width:450px;
  }
  .detailcart-i{
    
  }
  .detailcart-h{
    margin-right:0;
  }
  .detail-cart{
    min-width:100%; 
    max-width:100%;
  }
  .variante-row{
    height:auto; 
  }
  .variante-col{
    float:none; 
    height:auto;
  }
  .variante-col p{
    position:relative; 
    top:0;
    left:0;
    transform: translate(0%,-0%);
  }
  .variante-nr, .variante-desc, .variante-basket{
    width:100%;
    border:none; 
  }
  .variante-desc{
    padding-top:0;
    padding-bottom:0;
  }
  .variante-basket span{
	position:relative; 
	top:-22px;
	left:0px;
	color:#ffffff;
	font-weight:bold;
  }
  .contenttext{
    width:auto; 
  }
  .contenttext-h{
    padding-right:10px;
  }
  .teamtext{
    float:none; 
    width:calc(100% - 37px);
    margin-bottom:25px;
  } 
  .teamtext-h{
    position:relative; 
    top:0;
    left:0;
    clear:both;
  }
  .teamtext::after{
    padding:0;
    display:none; 
  }
  .teamtext-h h2{
    padding-top:25px;
  }
  .trust {
    padding: 1.5vw 10px;
  }
  .trust img{
	width:85px;
   }
   .trust h3{
     font-size:130%;
   }
  .trust p{
    line-height:115%;
    font-size:75%;
    display:block;
  }
  .smallimages-h{
	  margin-left: 37px;
	  width: calc(100% - 60px);
  }
  .index-news p{
    font-size: 105%;
  }
  
}

/* blue */
@media only screen and (max-width: 720px) {
   body::after {
    border-right-color: blue;
    border-top-color: blue;
  }
  body{
  }
  .logo-col{
    text-align: left;
    padding-left: 25px;
  }
  .basket-counter span{
    left:0.55vw;
  }
  .last-order-t, .metanav-h a, .last-order-t, .metanav-h a:hover, .service-catalog a, .service-catalog a:hover{
    font-size:120%;
    color:#000000;
  } 
  .home{
    width:100%;
    height: 70vw;
    max-height: 285px;
  }
  .home-holder a:nth-child(odd) .home{
    padding-right:0px;
  }
  .home-holder a:nth-child(even) .home{
    padding-left:0px;
  }
  .c-right h3{
    display:none; 
  }
  .landingpage-title .corner-h{
    height:30px;
    border: 2px solid #000000;
  }
  .landingpage-title .corner-img{
    height: 30px;
    left: -20px;
    top: -2px;
  }
  .landingpage-title h1{
    font-size:2.5vw;
    width: calc(100% - 0%);
    position:relative; 
    top:-7px;
  }
  .contenttext{
    width:auto; 
  }
  .contenttext-h{
    padding-right:10px;
  }
  .detail h1{
    font-size:20px;
  }
  .product::after {
    padding-top: 48.5%;
  }
  .product-basket span{
    top: -40px;
    font-size:16px;
  }
  .foot-h{
    position:relative; 
    margin: 0 30px 0 25px; 
    right:0;
    width:calc(100% - 50px);
  }
  .foot-header{
    width:98%;
  }
  .foot-header a{
    font-size:4vw;
  }
  .trust {
    padding: 1vw 10px;
  }
  .trust h3 {
    font-size: 130%;
  }
  .trust img{
	width:10vw;
   }
   .f-pdf-file{
	width:20px !important;
	}
  .home-holder {
    padding-top:117px;
  }
   
}
@media only screen and (max-width: 620px) {
	
  .product-text h2{
    padding-top:0px;
  }
  .aktion-h .product-text h2{
    padding-top:70px;
  }
	
}

/* Pink */
@media only screen and (max-width: 550px) {
  body::after {
    border-right-color: pink;
    border-top-color: pink;
  }
  .hide-2{
    position:absolute; 
    top:-33333px;
    left:-44444px; 
  }
  .search-h{
     border-left:none; 
  }
  .metanav-h{
    width:calc(100% - 0px);
  }
  .last-order-t{
    padding-left:35px;
    font-size:100%;
  }
  .content-wrapper{
    padding:0;
  }
  .basket-counter span{
    left:0.5vw;
  }
  .product-basket span{
   /* position:absolute; 
    top:-3333px;left:-4444px;*/
  }
  .c-row{
    height:80px;
  }
  .c-left{
    width:80px;
    margin: 0 10px 10px 0px;
  }
  .c-right{
    width:calc(100% - 90px);
     margin: 0 10px 10px 0px;
  }
  .c-right h2{
    font-size:90%;
  }
  .c-right img{
    top:27px;
    width:10px;
  }
  .product-h{
    font-size:3.5vw;
  }
  .product{
    margin-left:15px;
    width:calc(100% - 30px);
  }
  .product-cart{
    font-size:4.2vw;
  }
  .product-nr{
  }
  .product-basket span {
    position: absolute;
    top: -3333px;
    left: -4444px;
  }
  .landingpage-title h1{
    font-size:3.5vw;
  }
  .breadcrumb{
    padding-left:15px;
  }
  .breadcrumb-header{
    width: calc(100% - 40px);
  }
  .breadcrumb-header a{
     font-size:2.8vw;
  }
  .smallimages-h{
	  margin-left: 12px;
  }
  
}

/* Green */
@media only screen and (max-width: 440px) {
   body::after {
    border-right-color: green;
    border-top-color: green;
  }
  body{
  }
  .home-holder{
    padding-top:15px;
  }
  .navi-col{
    padding-top: 15px;
  }
  .logo-col{
    padding-top:90px;
  }
  .basket-counter span{
    left:0.5vw;
  }
  .search-h, .metanav-h{
    min-width:337px;
    float:none; 
  }
  .metanav-h a, .metanav-h a:hover, .service-catalog a, .service-catalog a:hover {
    padding-left: 5px;
    font-size:100%;
  }
  .metanav-h{
    width:calc(100% - 0px);
  }
  .landingpage-title h1, .detail h1 {
    font-size: 5vw;
    padding-right:10px;
    width:100%;
    min-width: 267px;
  }
  .landingpage-title h1{
    font-size:3.5vw;
  }
  .product-text{
    font-size:95%;
  }
  .product-text h2{
  }
  .product::after {
    padding-top: 44.2%;
  }
  .aktion-t1{
    font-size: 5.5vw;
  }
  .aktion-h .product-text h2{
    padding-top:55px;
  }
  .categorytext-h p{
    font-size:110%;
  }
  .detail-cart{
    min-width: auto;
    background-color:transparent; 
    height:auto;
    margin-bottom:25px;
  }
  .c-right{
    width:calc(100% - 100px);
  }
  .detail-cart div{
    width:100%;
    background-color:#E20613;
    float:none;
    height:auto;
    border:none; 
    padding:0;
  }
  .product-basket span {
    position: relative;
    top: -40px;
    left: 0;
  }
  .variante-desc span{
    display:block;
    padding:15px 10px 10px 15px;
  }
   .product-basket span, .variante-basket span{
    position:absolute; 
    top:-3333px;left:-4444px;
  }
  .trust h3 {
    font-size: 130%;
    margin: 5px 0 1px 0;
  }
  .trust p{
    font-size:90%;
  }
  .home-holder {
    padding-top:77px;
  }
}

/* Brown */
@media only screen and (max-width: 350px) {
	body::after {
     border-right-color: brown;
     border-top-color: brown;
    }
	body{
    }
	.c-row{
      min-width:275px;
	}
	.product-h{
    font-size:3.5vw;
  }
  .product-cart{
    font-size:4.2vw;
    height:40px;
  }
  .product-nr{
    font-size:120%;
    height:50px;
    width:100px;
    padding-top:10px;
  }
  .product-text h2{
    padding-top:15px;
  }
  .aktion-h .product-text h2{
    padding-top:50px;
  }
  .product-basket img{
    width:40px;
    margin-top:10px;
  }
  .aktion-t1{
    font-size:15px;
  }
  
  .trust h3 {
    font-size: 100%;
    margin: 2.5px 0 0px 0;
  }
  .product::after {
    padding-top: 41.2%;
  }
}