/* GENERAL TAGS */
html{ border:0px none;}

/**/
/*body.shoptestsys{ border:20px solid #ffb100;}*/

.fcms_layout_compatibility2{ width:990px; }
.fcms_layout_compatibility2 *{box-sizing:border-box;}
.fcms_layout_compatibility2 > *{box-sizing:border-box;}

.shopxtrawidjets{ display:block; }
.navDesktop--aktiv .shopxtrawidjets{ display:none;}

pre{white-space:pre-wrap; white-space:-moz-pre-wrap; white-space:-pre-wrap; white-space:-o-pre-wrap; word-wrap:break-word; /*font-family:Verdana,Geneva,Arial,Helvetica,sans-serif;*/}

/* IMAGES */
img{}
img.dynamic{max-width:100%; max-height:100%;}
img.totext{vertical-align:middle; border:0px none;}
.blurry{color: transparent; text-shadow: 0 0 5px rgba(0,0,0,0.5);}

/* BUTTONS */
button{
}

button.textonly{border-color:transparent; background-color:transparent;}
button.red.textonly, button.blue.textonly, button.green.textonly{color:#000000;}
button.red.textonly:hover, button.blue.textonly:hover, button.green.textonly:hover, button.red.textonly:focus, button.blue.textonly:focus, button.green.textonly:focus{color:#ffffff;}

button.status0 .bstatus1, button.status1 .bstatus0{visibility:hidden; display:none;}
button.status0 .bstatus0, button.status1 .bstatus1{visibility:visible; display:block;}

.round{border-color:#ffffff; -moz-border-radius:90px 90px 90px 90px; -webkit-border-radius:90px 90px 90px 90px; border-radius:90px 90px 90px 90px; text-align:center; vertical-align:middle;}
.round img{-moz-border-radius:90px 90px 90px 90px; -webkit-border-radius:90px 90px 90px 90px; border-radius:90px 90px 90px 90px;}
.round.w20{border-width:2px; width:22px; height:22px; padding:1px;}
.round.w30{border-width:2px; width:32px; height:32px; padding:3px;}
.round.w40{border-width:2px; width:40px; height:40px; padding:5px;}

/* DIV */
.verticalscroll{overflow:hidden; overflow-x:hidden; overflow-y:auto;} /* **** WITH & HEIGHT MUST BE SPECIFIED IN THE "STYLE" PROPRETY OF THE DIV **** */
.orizontalscroll{overflow:hidden; overflow-x:auto; overflow-y:hidden;} /* **** WITH & HEIGHT MUST BE SPECIFIED IN THE "STYLE" PROPRETY OF THE DIV **** */
.hidden{visibility:hidden !important; display:none !important; opacity:0;}
.postit{border:2px solid #dddddd; background-color:#FFFACD; padding:5px;}
.relief{-moz-box-shadow:10px 10px 5px rgba(85, 85, 85, 0.5); -webkit-box-shadow:10px 10px 5px rgba(85, 85, 85, 0.5); box-shadow:10px 10px 5px rgba(85, 85, 85, 0.5);}
.relief5{-moz-box-shadow:5px 5px 5px rgba(85, 85, 85, 0.5); -webkit-box-shadow:5px 5px 5px rgba(85, 85, 85, 0.5); box-shadow:5px 5px 5px rgba(85, 85, 85, 0.5);}
.bordercurved4{border:1px solid #dddddd; border-radius:4px;}
.bordercurved90{border:1px solid #dddddd; border-radius:90px;}
.rotate8{-ms-transform:rotate(-8deg); -webkit-transform:rotate(-8deg); -moz-transform:rotate(-8deg); transform:rotate(-8deg);}
/*.popupbox{background-color:#ffffff; color:#000000; padding:2px; margin:0px; font-size:9px; font-weight:normal; overflow:visible; border:1px solid #4682B4;}*/
.marker_yellow{background-color:#FFFACD;}
.inlineblock{display:inline-block; vertical-align:top;}
.inlineblockM{display:inline-block; vertical-align:middle;}
.inlineblockB{display:inline-block; vertical-align:bottom;}
.floatL{float:left;}
.floatR{float:right;}
.textL{text-align:left;}
.textC{text-align:center;}
.textR{text-align:right;}
.brbox{clear:both; margin:0px; padding:0px; border:0px none;}
.centered{margin-left:auto; margin-right:auto;}
.disabled{opacity: 0.5; pointer-events:none;}
.verbosebox{padding:2px; min-height:30px;}
.verbose0{color:red;}
.verbose1{color:green;}
.verbose2{color:#41739A;}

.underlined{color:#41739a; font-weight:bold;}
.selected .underlined{color:#ffffff;}

.verboseX{color:#41739a;}
.selected .verboseX{color:#ffffff;}

.alert{color:orange;}
.scrollSnapContainer{
	scroll-snap-type:y mandatory;
}
.scrollSnapStart{
	scroll-snap-align: start;
}

.popbox{position:absolute; background-color:#ffffff; z-index:99999; padding:0px; margin:0px; border:1px solid #87CEFA}
.ajaxPlaceholder{}

.js_hidden_message, .json_dataobject{visibility:hidden; display:none;}

/* OPACITY */

.op30{opacity:0.3;}
.op40{opacity:0.4;}
.op50{opacity:0.5;}
.op75{opacity:0.75;}
.op80{opacity:0.8;}
.op90{opacity:0.9;}
.op100{opacity:1;}

.op:hover{opacity:1;}

/* TEXT */
.text1{font-size:20px;}
.text2{font-size:16px;}
.text3{font-size:14px;}
.text4{font-size:10px;}
.text5{font-size:9px;}
.text6{font-size:12px;}
.text_gray{color:#9ca5ad;}
.text_red{color:#cb2036;}
.text_blue{color:#41739a;}
.text_orange{color:#FFA500;}
.text_green{color:#008000;}
.text_yellow{color:#F0E68C;}
.text_white{color:#FFFFFF;}

/* SPACING BETWEEN CHILD ELEMENTS */
.br10 > *{margin:5px 0;}
.br20 > *{margin:10px 0;}
.br30 > *{margin:15px 0;}
.br50 > *{margin:25px 0;}
.br10 *:first-child, .br20 *:first-child, .br30 *:first-child, .br50 *:first-child{ margin-top:0px; }

/* HEIGHT PX */
.h10{height:10px;}
.h20{height:20px;}
.h30{height:30px;}
.h40{height:40px;}
.h50{height:50px;}
.h60{height:60px;}
.h70{height:70px;}
.h80{height:80px;}
.h100{height:100px;}
.h150{height:150px;}
.h200{height:200px;}
.h250{height:250px;}
.h300{height:300px;}
.h400{height:400px;}
.h500{height:500px;}
.h600{height:600px;}
.h700{height:700px;}
.h800{height:800px;}

/* WIDTH PX */
.w10{width:10px;}
.w20{width:20px;}
.w30{width:30px;}
.w40{width:40px;}
.w50{width:50px;}
.w60{width:60px;}
.w70{width:70px;}
.w80{width:80px;}
.w90{width:90px;}
.w100{width:100px;}
.w120{width:120px;}
.w150{width:150px;}
.w200{width:200px;}
.w250{width:250px;}
.w300{width:300px;}
.w350{width:350px;}
.w400{width:400px;}
.w450{width:450px;}
.w500{width:500px;}
.w600{width:600px;}
.w700{width:700px;}
.w800{width:800px;}
.w900{width:800px;}
.w1000{width:800px;}

/* WIDTH % */
.wp5{width:5%;}
.wp10{width:10%;}
.wp15{width:15%;}
.wp20{width:20%;}
.wp25{width:25%;}
.wp30{width:30%;}
.wp35{width:35%;}
.wp40{width:40%;}
.wp45{width:45%;}
.wp50{width:50%;}
.wp60{width:60%;}
.wp70{width:70%;}
.wp75{width:75%;}
.wp80{width:80%;}
.wp90{width:90%;}
.wp100{width:100%;}
.wp100.wp20{width:20%;}
.wp100.wp30{width:30%;}
.wp100.wp40{width:40%;}
.wp100.wp50{width:50%;}
.wp100.wp60{width:60%;}
.wp100.wp70{width:70%;}
.wp100.wp80{width:80%;}

/* HEIGHT % */
.hp100{height:100%;}

.group0{background-color:rgba(180, 180, 180, 1);}
.group1{background-color:rgba(255, 255, 255, 1);}
.group2{background-color:rgba(70, 130, 180, 0.5);}
.group3{background-color:rgba(135, 206, 250, 0.5);}
.group4{background-color:rgba(0, 139, 139, 0.5);}

.bg{background-color:transparent;}
.bgwhite{background-color:#ffffff;}
.bgred{background-color:rgba(255, 0, 0, 0.8);}
.bggreen{background-color:#008000;}
.bgblue{background-color:rgba(58, 155, 187, 0.8);}
.bgyellow{background-color:#F0E68C;}
.bggray{background-color:#F5F5F5;}
.bgorange{background-color:#FFA500;}

/* FLEX */
.flexpage{
	flex:1 1 auto;
	width:100vw; height:100vh; /*	width:100%; height:100%;*/
	overflow:hidden;
	/*position:absolute;*/ top:0px; left:0px;
	margin:0px; padding:0px;
	/*border:2px solid red;*/
}
.flex_cols{
	display:-webkit-flex; -webkit-flex-direction:row; -webkit-align-items:stretch;
	display:flex; flex-direction:row; align-items:stretch;
	min-height:0px; min-width:0px;
}
.flex_rows{
	display:-webkit-flex; -webkit-flex-direction:column; -webkit-align-items:stretch;
	display:flex; flex-direction:column; align-items:stretch;
	min-height:0px; min-width:0px;
}
.flex_wrap{flex-wrap:wrap;}
.flex11{-webkit-flex:1 1 auto; -ms-flex:1 1 auto; -moz-flex:1 1 auto; flex:1 1 auto;}
.flex10{-webkit-flex:1 0 auto; -ms-flex:1 0 auto; -moz-flex:1 0 auto; flex:1 0 auto;}
.flex01{-webkit-flex:0 1 auto; -ms-flex:0 1 auto; -moz-flex:0 1 auto; flex:0 1 auto;}

/* DRAG NAD DROP */
.draggable_k{ border:1px solid #dddddd; padding:0px; margin:5px 0 5px 7px; position:relative; transition:all 0.3s ease 0s; z-index:auto;}
.draggable_k.draggable .draggable_k_ctrl{cursor:move; height:25px; padding:1px;}
.draggable_k:hover .draggable_k_ctrl{background-color:rgba(65, 115, 154, 1); color:#ffffff;}
.draggable_x{border:1px solid transparent; cursor:move; transition:all 0.3s ease 0s; z-index:auto;}
.draggable_x:hover {background-color:#FFFACD;}
.dropping{border-color:green; box-shadow:0 0 0 2px green; z-index:9999;}
.dragging{border-color:red; box-shadow:0 0 0 2px red; z-index:9999;}
.undraggable{pointer-events:none;}

/* SCHOP */
.block0{}
.block1{width:450px; padding:10px; margin:10px; border-radius:2px;}
.block2{max-width:920px; min-width:450px; padding:10px; margin:10px; border-radius:2px;}
.title1{margin:0px 5px 20px 5px; font-size:16px; font-weight:bold; color:#696969;}
.title2{margin:0px 5px 10px 5px; font-size:15px;}
.title10{margin:0px 5px 10px 5px; font-size:20px;}

.block0.gray, .block1.gray, .block2.gray{background-color:#f2f4f6; /*background-color:rgba(245, 245, 245, 1):*/}

.openable{
	max-height:0px; height:auto; opacity:0; overflow:hidden;
	-moz-transition: all 0.4s linear 0s; -webkit-transition: all 0.4s linear 0s; transition: all 0.4s linear 0s;
}
.openable.open{max-height:2000px; opacity:1; /*overflow-y: auto;*/}

button.alike{
    width: auto;
    font-weight: normal;
    font-size: inherit;
	color:#4682B4; text-transform:none;
}
button.alike:hover{

}

.titlebox{font-size:25px; padding:10px;}
.titlebox_info{font-size:16px; padding:10px;}

/* DISABLE FCMS DATE LINE (layout will be cached so time is always wrong) */
.datumline{visibility:hidden; display:none;}
.navDesktop.navDesktop--shop{bottom: -1px !important;}

/* ==================== BASKET ==================================================== */
.basketblock{display:inline-block; vertical-align:middle;}
.basketbox {}
.basketbox .basket_header{font-size:14px; padding:10px 10% 0px 15%; color:#774A1; text-transform:uppercase; border-bottom:1px solid #cccccc;}
.basketbox .basket_footer{font-size:14px; padding:10px 10% 0px 15%; text-transform:uppercase;}
.basketbox .basket_row{font-size:14px; margin:0px; padding:0px; border-bottom:1px solid #cccccc;}
.basketbox .count_col{}
.basketbox .count_col input{width:40px; text-align:center; padding:3px; margin:0px;}
.basketbox .money_col {width:100px; text-align:right;}
.basketbox .prod_detail_row {font-size:12px; color:#999999; min-width:450px; width:auto;}
.basketbox .prod_detail_row .name_col{width:350px;}
.basketbox .prod_detail_row .img_col{width:25px;}
.basketbox .smallinfo{font-size:12px; color:#333333;}

.prodlink{cursor:pointer; padding:3px; transition:opacity 0.4s linear 0s, background-color:opacity 0.4s linear 0s;}
.prodlink:hover, prodlink:active{background-color:rgba(0, 0, 0, 0.05);}

@media print {
    .divHideToPrint {
		visibility:hidden;
		display:none;
    }
}