body.duwerag {
	--basecolor1:#D74B55; /* Duwerag rot    */
	--basecolor2:#EB776C; /* Duwerag orange */
	--basetext1:#FFFFFF;  /* Text color on basecolor1 items */
	--basecolorT60:rgba(215,75,85,0.6);
	--yellow:#fbcc24;
}


body.printimo {
	--basecolor1:#008DD1; /* Printimo blau/cyan  */
	--basecolor2:#C93285; /* Printimo magenta    */
	--basetext1:#FFFFFF;  /* Text color on basecolor1 items */
	--basecolorT60:rgba(0,141,209,0.6);
	--yellow:#fbcc24;
}

@font-face { font-family:'Open Sans';
	src:url('/assets/bstmpl/fonts/open-sans-v15-latin-regular.woff2') format('woff2'),
	    url('/assets/bstmpl/fonts/open-sans-v15-latin-regular.woff') format('woff');
	font-weight:normal; font-style:normal; }

@font-face { font-family:'Open Sans';
	src:url('/assets/bstmpl/fonts/open-sans-v15-latin-700.woff2') format('woff2'),
	    url('/assets/bstmpl/fonts/open-sans-v15-latin-700.woff') format('woff');
	font-weight:bold; font-style:normal; }

#page_footer { padding-top:0 !important; margin-top:10px; }
#page_credit { margin-top:0 !important; }
#page_credit > div { min-height:80px; }

.nav-link { white-space:nowrap; }
a, a:hover { text-decoration:none; }

input + label { cursor:pointer; }
input[type="checkbox"] + label i { display:inline-block; width:19px; height:19px; margin:-1px 4px 0 0; vertical-align:middle; background:url(/assets/images/check_radio_sheet.png) 0px -1px no-repeat; cursor:pointer; }
input[type="checkbox"]:checked + label i { background:url(/assets/images/check_radio_sheet.png) -19px -1px no-repeat; }
input[type="radio"] + label i { display:inline-block; width:19px; height:19px; margin:-1px 4px 0 0; vertical-align:middle; background:url(/assets/images/check_radio_sheet.png) -38px -1px no-repeat; cursor:pointer; }
input[type="radio"]:checked + label i { background:url(/assets/images/check_radio_sheet.png) -57px -1px no-repeat; }

input.fixed { border:0; padding:0; }
select { font-size:16px; border:1px solid #E0E0E0; padding:2px; }

textarea:focus, input:focus, input[type]:focus, .uneditable-input:focus, input[type="radio"]:focus + label { border-color:rgba(215,75,85,0.8); box-shadow:0 1px 1px rgba(215,75,85,0.075) inset, 0 0 8px rgba(215,75,85,0.6); outline:0 none; }

.noselect { -webkit-touch-callout:none; -webkit-user-select:none; -khtml-user-select:none; -moz-user-select:none; -ms-user-select:none; user-select:none; }

#wrapper, div.wrapper { position:relative; width:100%; max-width:1230px; min-width:320px; background-color:#FFFFFF; }
#myaccountname { display:block !important; position:absolute; bottom:16%; left:0; width:100%; height:20px; overflow:hidden; font-size:0.7rem; padding:0 0 0 1rem; text-transform:none; white-space:nowrap; text-overflow:ellipsis; }
#myaccountname:hover { text-decoration:none; }

#globalnavi > ul > li > span { display:-webkit-box; display:-ms-flexbox; display:flex; -webkit-box-align:center; -ms-flex-align:center; align-items:center; }

.cartcount { position:absolute; display:block; padding:0 5px; width:auto; }
.d_basket { text-indent:28px; background-image:url(/assets/images/cart20.png) !important; background-position:20px center !important; background-repeat:no-repeat !important; position:relative; }
#num_cart_items1 { top:2px; left:30px; height:18px; font-size:11px; -webkit-border-radius:9px; border-radius:9px; text-indent:0; background-color:transparent;  }
.m_basket { width:40px; height:36px; margin-left:10px; position:relative; text-align:center; background-position:center center; background-repeat:no-repeat; background-image:url(/assets/images/cart.png); background-size:contain; }
#num_cart_items2 { top:0; right:0; -webkit-border-radius:10px; border-radius:10px; }
a.m_basket:hover { text-decoration:none; }


.dsksearchbtn { border:0; background-color:transparent; width:40px; height:36px; position:absolute; right:10px; top:0; font-size:1rem; cursor:pointer; -webkit-border-radius:0 14px 14px 0; border-radius:0 14px 14px 0; }
.dsksearchbtn:hover { color:#FFFFFF; background-color:var(--basecolor1); }

#mobilesearch i { font-size:22px; line-height:36px; }
#mobilesearchinput { position:fixed; width:100%; height:45px; left:0; top:70px; background-color:#000000; padding:5px 10px; }
.mobsearchbtn { border:0; background-color:transparent; width:45px; height:45px; position:absolute; right:11px; top:0; cursor:pointer; }
.mobsearchbtn:hover { color:var(--basecolor1); }

.m_search { width:40px; height:36px; margin-left:10px; position:relative; text-align:center; }
.search_box, .search_box_m {  border:1px solid #E0E0E0; padding:3px 10px; -webkit-border-radius:14px; border-radius:14px; position:relative; outline:none; }
.search_box { width:300px; font-size:16px; margin-right:10px; height:36px; }
.search_box_m { width:98%; font-size:16px; margin:0 1% 0 1%; }


.webshop { font-size:19px; }
.webshop .row.baskethead, .webshop .row.basketline { margin-left:0; margin-right:0; }
.container { width:100%; max-width:1140px; padding-left:1px; padding-right:1px; }
.containerhead { position:relative; padding-right:35px !important; min-height:35px; }
.containerhead .backlink { display:block; text-decoration:none; text-align:center; position:absolute; right:0; top:0; width:35px; height:35px; background-color:#FFFFFF; }

.webshop h1 { font-size:24px; margin-bottom:0.2rem; text-align:left; }
.webshop h2 { font-size:22px; margin-bottom:0.2rem; text-align:left; }
.webshop h3 { font-size:18px; margin-bottom:0.2rem; text-align:left; }

.webshop .roundbox  { -webkit-border-radius:0.6rem; border-radius:0.6rem; }
.webshop .roundboxl { -webkit-border-radius:0.6rem 0 0 0.6rem; border-radius:0.6rem 0 0 0.6rem; }
.webshop .roundboxr { -webkit-border-radius:0 0.6rem 0.6rem 0; border-radius:0 0.6rem 0.6rem 0; }

.webshop .form-control { padding:0.15rem; -webkit-border-radius:5px; border-radius:5px; font-size:0.9rem; }
.webshop .btn { -webkit-border-radius:8px; border-radius:8px; font-size:17px; padding:7px 15px; }
.webshop .btn:disabled { background-color:#E0E0E0; border-color:#E0E0E0; }

.webshop .btn.btn-sm { font-size:15px; padding:4px 10px; -webkit-border-radius:6px; border-radius:6px; }
.btnctoggle { height:30px; text-align:center; font-size:20px; padding:1px 3px 1px 5px; line-height:25px; -webkit-border-radius:8px; border-radius:8px; border:0;  }
.btnctoggle i { vertical-align:top; margin-top:4px; }
#carttoggle-d { display:block; }
#carttoggle-u { display:none; }
.btnctoggle span { display:inline-block; font-size:11px; line-height:110%; width:70px; height:30px; max-height:30px; text-align:left; padding-left:3px; }
.dialogbox .row { margin-left:0; margin-right:0; }

body.dialogbox { background-image:none; background-color:#FFFFFF; margin:0; padding:0; font-size:18px; height:auto; overflow-y:unset; overflow-x:unset; overflow:hidden; }
.dialogbox a.closebutton { display:inline-block; width:35px; height:35px; text-align:center; padding-top:5px; color:#FFFFFF; }
.dialogbox a.closebutton:hover { color:#E0E0E0; }

#page_content { padding-bottom:10px; }
#page_content > .container, #page_content > form > .container { margin-top:20px; }
.pagetitle { }

.webshop .category-holder { margin-bottom:-20px; margin-left:-10px !important; margin-right:-10px !important; }
.category-box  { max-height:290px; }
.category-box:after { content:""; display:block; padding-bottom:105%; }

.category-item, a.category-item { background:#FFFFFF; color:#FFFFFF; position:relative; border:1px solid #E0E0E0; -webkit-border-radius:14px; border-radius:14px; overflow:hidden; margin-bottom:20px; width:100%; max-height:260px; }
a.category-item:hover { color:#FFFFFF; border-color:var(--basecolor1); }
.category-desc { position:absolute; left:0; bottom:0; width:100%; height:auto; min-height:30px; padding:6px 10px; text-align:center; font-size:15px; line-height:110%; border:1px solid; border-color:rgba(0,0,0,0.6); -webkit-border-radius:0 0 12px 12px; border-radius:0 0 12px 12px; background-color:rgba(0,0,0,0.6); color:#FFFFFF !important; z-index:9; }
.category-item:hover .category-desc { background-color:var(--basecolor1); border-color:var(--basecolor1); }
.category-item .img-fluid { object-fit:cover; }

.roundbox-title { background-color:#E0E0E0; font-weight:bold; font-size:18px; padding:5px 11px; -webkit-border-radius:12px 12px 0 0; border-radius:12px 12px 0 0; margin-bottom:0.5rem; }

.button32 { width:32px; height:32px; -webkit-border-radius:6px; border-radius:6px; }

/* -- SPINNER -- */
#waitspin { position:fixed; left:calc(50% - 48px); top:calc(50% - 48px); width:96px; height:96px; z-index:9999; background-image:url(/assets/images/spinner.png); background-size:contain; background-repeat:no-repeat; background-position:center center; -webkit-animation:spinanim 2s linear infinite; animation:spinanim 2s linear infinite; }
@keyframes spinanim { 100% { -webkit-transform:rotate(360deg); transform:rotate(360deg); } }
#waitspinner { position:fixed; left:calc(50% - 75px); top:calc(50% - 68px); width:150px; height:137px; background-image:url(/assets/images/loading.gif); background-size:contain; background-repeat:no-repeat; background-position:center center; }

/* ---------- Itemcard ---------- */
#productpics { position:relative; float:left; top:0px; left:0px; margin-bottom:0px; max-width:100%; overflow:hidden; visibility:hidden; background-color:#ffffff; -webkit-border-radius:0.6rem; border-radius:0.6rem;}

.attribtable   { display:table; width:100%; }
.attribline    { display:table-row; }
.attribcaption { display:table-cell; font-size:16px; width:45%; max-width:220px; padding-right:5px; }
.attribdata    { display:table-cell; font-size:18px; }
.attribdata > span { padding-left:5px; }
i.onrequest { font-size:13px; font-weight:bold; font-style:normal; line-height:110%; }
.attribdata select { font-size:16px; border:1px solid #A0A0A0; padding:2px; max-width:300px; }
.attribdata option { font-size:16px; }

.stockstatusdisp { display:inline-block; width:1rem; height:1rem; -webkit-border-radius:50%; border-radius:50%; }
.pricepackinfo { display:inline-block; padding-left:15px; font-size:15px; vertical-align:text-top; padding-top:1px; }

.lg_qtyinput { padding:0 2px 0 2px; font-size:17px; border:1px solid #E0E0E0; width:60px; height:40px; text-align:center; }
.plusminus_m, .plusminus_p { display:inline-block; width:40px; height:40px; color:#000000; background-color:#F0F0F0; text-align:center; vertical-align:top; border:1px solid #E0E0E0; font-weight:bold; cursor:pointer; }
.plusminus_m:hover, .plusminus_p:hover { background-color:var(--basecolor1); color:#FFFFFF; }
.plusminus_m { font-size:22px;  }
.plusminus_p { font-size:24px;  }
.atb-buttontext { height:40px; text-indent:26px; font-size:17px; background-image:url(/assets/images/cart20.png) !important; background-position:8px center !important; background-repeat:no-repeat !important; }
.login2order { white-space:nowrap; font-size:16px; padding:5px; border:1px solid #E0E0E0; -webkit-border-radius:8px; border-radius:8px; }

img.bc_preview { border:1px solid #E0E0E0; -webkit-transform:scale(0.9); transform:scale(0.9); -webkit-box-shadow:3px 3px 7px 0px rgba(0,0,0,0.5); box-shadow:3px 3px 7px 0px rgba(0,0,0,0.5); }
.bcname-search { position:absolute; right:0; top:0; width:30px; height:30px; font-size:18px; padding-top:2px; color:#000000; text-align:center; }
#find_bc_user { width:100%; height:26px; padding:1px 25px 1px 1px; border:1px solid #E0E0E0; margin:1px 0; position:relative; background-color:transparent; }
#find_cd_user { width:100%; height:26px; padding:1px 25px 1px 1px; border:1px solid #E0E0E0; margin:1px 0; position:relative; background-color:transparent; }

#dataarea { position:relative; }
#orderarea { position:absolute; left:10px; right:10px; bottom:10px; height:auto; min-height:40px; text-align:right; white-space:nowrap; max-width:99%; overflow:hidden; }
#atc_msg   { position:absolute; left:10px; right:10px; bottom:10px; height:auto; min-height:40px;  }
#atc_msg > div { background-color:#008800; color:#FFFFFF; text-align:center; font-size:16px; -webkit-border-radius:6px; border-radius:6px; padding:9px; }


/* ----- Businesscard Editor ----- */
#bceditexcl { color:var(--yellow); display:none; }

input.bcinput       { border:1px dotted transparent; padding:0; background-color:transparent; text-shadow:1px 1px 1px rgba(0,0,0,0.004); text-rendering:optimizeLegibility !important; -webkit-font-smoothing:antialiased !important;  }
input.bcinput:focus { border:1px dotted #A0A0A0 !important; background-color:#FFFFFF !important; }
.bcedit-tabs { padding:0; margin:5px 5px 0 5px; height:30px; position:relative; display:flex; box-sizing:border-box; }
.bcedit-tabs > div { flex:1; background-color:#EEEEEE; color:#000000; }
.bcedit-tabs > div.pageavail:hover { background-color:var(--basecolor1); color:#FFFFFF; }
.bcedit-tabs > div a, .bcedit-tabs > div span { display:block; width:100%; height:30px; text-align:center; font-size:15px; font-weight:bold; text-decoration:none; cursor:pointer; line-height:26px; border-bottom:1px solid #E0E0E0; }
.bctab-active { background-color:#FFFFFF !important; color:#000000 !important; }

/* --------- Chekout Process ----- */
#co_breadcrumbs { -webkit-border-radius:13px; border-radius:13px; background-color:#E0E0E0; padding:4px; margin-left:0; margin-right:0; }
div.co_breadcrumbitem { padding:0 1px 1px 0;   }
.checkoutstep, .checkoutstepa { background-color:#E0E0E0; color:#000000; width:100%; padding:3px; font-size:15px; white-space:nowrap; overflow:hidden; text-overflow:ellipsis; -webkit-border-radius:13px; border-radius:13px; cursor:pointer; }
.checkoutstepa { background-color:var(--basecolor1); color:#FFFFFF; }
.checkoutstep > span, .checkoutstepa > span { display:inline-block; vertical-align:top; width:22px; height:22px; margin-right:3px; -webkit-border-radius:50%; border-radius:50%; color:#000000; background-color:#FFF; text-align:center; line-height:20px; font-size:15px; font-weight:bold; }
.checkoutstep:hover { background-color:#A0A0A0; }

.addrblockhead { width:100%; border-bottom:1px solid #E0E0E0; padding:0 0 5px 0; margin-bottom:5px; font-size:17px; color:var(--basecolor1); }
.addr_line { clear:both; width:100%; height:auto; overflow:hidden; font-size:16px; padding:1px 0; }
.addr_line .addr_caption { float:left; width:160px; font-size:15px; padding-top:2px; }
.addr_line .addr_data    { float:left; width:auto; font-size:17px; }
.addr_line .addr_data::after { content:''; clear:both; width:100%; height:0; }
.summary-addr { font-size:18px; line-height:125%; }

.uin_wrap { display:flex; font-size:16px; }
.uin_wrap .uin_capt { width:160px; font-size:15px; }
.uin_wrap .uin_data { flex:1; }
.uin_data input, .uin_data textarea { width:100%; max-width:385px; } 

.textfield { font-size:15px; border:1px solid #A0A0A0; padding:1px 3px; margin-bottom:1px; }
textarea.textfield { height:65px; min-height:50px; line-height:120%; margin-bottom:1px; font-size:15px;  }

/* ---------- Basket and Summary ---------- */
#basket-table { margin-top:10px !important; }
.baskethead { font-size:0.9rem; border-bottom:1px solid #E0E0E0; padding:1px 0 1px 0; }
.basketline { height:auto; padding:5px 0 5px 0; }
.basketlinepic  { float:left; width:60px; height:60px; border:1px solid #E0E0E0; box-sizing:border-box; -webkit-border-radius:5px; border-radius:5px; background-position:center center; background-size:contain; background-repeat:no-repeat; }
.basketlinepic:after { display:block; content:''; clear:both; width:100%; height:1px; }
.basketlinedesc { position:absolute; top:0; left:65px; font-size:16px; line-height:120%; }
input.anzahlform { width:65px; border:1px solid #E0E0E0; padding:3px; font-size:17px; text-align:right; }
span.anzahlform  { display:inline-block; width:65px; border:1px solid transparent; padding:3px; font-size:17px; text-align:right; }
.unitprice_l { display:inline-block; width:auto; }
.unitprice_s { display:inline-block; width:22px; text-align:left; font-size:11px; vertical-align:top; padding-top:1px; }

.carttrash { width:35px; display:inline-block; text-align:center; vertical-align:top; }
.carttrash a { display:inline-block; width:32px; height:32px; text-align:center; font-size:16px; line-height:26px; background-color:var(--basecolor1); color:var(--basetext1); cursor:pointer;  }
.carttrash a i { line-height:32px; }

.carttotalline > div { display:table; width:100%; }
.carttotalline > div > div { display:table-row; width:100%; }
.carttotalline > div > div > div { display:table-cell; text-align:right; }

.summary-header { position:relative; width:100%; height:30px; padding:3px 105px 3px 10px; font-size:16px; font-weight:bold; }

/* ---------- MY ACCOUNT ---------- */
#changepasswrap { display:none; position:relative; left:0; top:-5px; padding:10px; width:100%; max-width:350px; border:3px solid var(--basecolor1); background-color:#FFFFFF; }
#ma_newpass1, #ma_newpass2 { width:100%; max-width:350px; margin:0 0 5px 0; padding:3px 2px; }

/* ---------- DROPDOWNS ---------- */
.shadowbox { border:1px solid #E0E0E0; -webkit-box-shadow:2px 2px 4px #666666; box-shadow:2px 2px 4px #666666; }

.dropwrapper { position:relative; font-size:17px; min-height:32px; }
li.drop { list-style:none; background-color:#FFFFFF; padding:2px 5px; height:30px; overflow:hidden; position:relative; white-space:nowrap; font-size:16px; }
li.drop:hover, li.drop:hover .bcname-search { background-color:var(--basecolor1); color:#FFFFFF; }
li.drop:hover input { background-color:#FFFFFF !important; color:#000000 !important; }

.ddedel, i.ddedel { position:absolute; right:0; top:0; width:30px; height:30px; line-height:28px; text-align:center; color:#FF0000; background-color:#FFFFFF; font-size:16px; cursor:pointer; }
.dropdown-container { display:block; position:absolute; border:1px solid #A0A0A0; border-top:0; background:#FFFFFF; width:100%; max-height:280px; overflow-y:auto; overflow-x:hidden; z-index:999999; cursor:pointer; }

.dropdown { position:relative; border:1px solid #A0A0A0; width:100%; height:32px; background-color:#FFFFFF; padding:2px 0 2px 5px; cursor:pointer; white-space:nowrap; -webkit-border-radius:6px; border-radius:6px; }
.dropdown .trigger { position:absolute; display:inline-block; right:0; top:0; width:30px; height:30px; font-size:19px; text-align:center; padding:5px 0 0 1px; color:#666666; 
	-webkit-border-radius:0 5px 5px 0; border-radius:0 5px 5px 0; 
	background:-webkit-linear-gradient(left,rgba(255,255,255,0) 0%,rgba(255,255,255,1) 20%,rgba(255,255,255,1) 100%); background:linear-gradient(to right,rgba(255,255,255,0) 0%,rgba(255,255,255,1) 20%,rgba(255,255,255,1) 100%); }
.dropdown:hover .trigger { background:#E0E0E0; color:#000000;  }

/* ---------- Dialog Boxes ---------- */
.cftitle { position:absolute; top:0; left:0; width:100%; padding:3px 5px; height:30px; background-color:#E0E0E0; font-weight:bold; font-size:16px; }
.fancybox-inner, fancybox-skin { -webkit-border-radius:9px; border-radius:9px; }
.daddrinput input { border:1px solid #E0E0E0; padding:2px 3px; background-color:#FFFFFF; width:305px; font-size:16px; }


@media only screen and (max-width:1600px)	
	{ 
	#idg_debug { display:none; } 
	}
	
@media only screen and (max-width:1199.98px)
	{
	.container { width:1140px; max-width:99%; padding-left:1px; padding-right:1px; }
	#myaccountname { top:57px; left:0; }
	}

@media (min-width:992px) 
	{
	.m_basket { display:none; }
	.m_search { display:none; }
	#mobilesearchinput { display:none !important; z-index:0 }
	}
	
@media (max-width:991.98px) 
	{
	.container { max-width:99%; padding-left:1px; padding-right:1px; }
	.webshop .category-holder { margin-left:-5px !important; margin-right:-5px !important; }
	.pt-fast-contact-header { right:170px; }
	.m_basket { display:inline-block; } 
	.m_search { display:inline-block; } 
	#navigation ul { font-size:1rem; }
	#navigation ul.level-2 { display:block !important; }
	#myaccountname { top:22px; left:0.1rem; height:auto; padding-bottom:5px; }
	#myaccountname:after { content:""; display:block; width:100%; height:1px; }
	#li-myaccount > ul.level-2 { margin-top:0.8rem; }
	#searchicon { display:none; }
	#mobilesearch { display:inline-block; }
	#mobilesearchinput { z-index:9999; }
	}

@media (max-width:900px)
	{
	#orderarea { transform:scaleX(0.9); transform-origin:right; }
	#orderarea .btn { font-size:0.8rem; padding:0.36rem 0.7rem; }
	.attribdata select { max-width:290px; }
	} 

@media (max-width:767.99px) 
	{
	.container { width:99%; max-width:99%; padding-left:1px; padding-right:1px; } 
	.attribdata select { max-width:270px; }
	}

@media (max-width:575.99px) 
	{
	.container { width:99%; max-width:99%; padding-left:1px; padding-right:1px; } 
	.attribdata select { max-width:270px; }
	.addr_line .addr_caption { width:130px; }
	.uin_wrap .uin_capt { width:130px; font-size:14px; }
	.webshop .btn { -webkit-border-radius:7px; border-radius:7px; font-size:15px; padding:5px 10px; }
	.webshop .btn.btn-sm { font-size:14px; padding:3px 8px; -webkit-border-radius:5px; border-radius:5px; }
	.category-desc { font-size:14px; }
	}

@media only screen and (max-width:400px)	
	{ 
	.container { width:99%; max-width:99%; padding-left:1px; padding-right:1px; }
	.pt-fast-contact-header a[href^="mailto:"] { display:none; } 
	.pt-fast-contact-header a[href^="tel:"] { display:none; } 
	.category-desc { font-size:13px; }
	}
