/* --------------- Skelleton ------------------------------------------------------------------------------------------------ */
html													{ background: #c8c8c8; }
body													{ padding: 0 3vW;
														  background: linear-gradient(to bottom, #254e9b 0%,#254e9b 150px,transparent 150px,transparent 100%); background-repeat: no-repeat; }
#container											{ padding-bottom: 40px; }
.desktop												{ display: none !important; }
/* --------------- End Skelleton -------------------------------------------------------------------------------------------- */
/* -------------------------------------------------------------------------------------------------------------------------- */
/* --------------- HEADER --------------------------------------------------------------------------------------------------- */
header												{ height: 110px; }
header #logo										{ max-width: 100%; width: 100%; margin: 10px 0 15px 0; }
header #logo #knuchel,
header #logo #colorama,
header #logo #eclatin							{ height: 80px; background-size: contain; margin-top: 0px; }
header .logo_text									{ display: none; }

#basketCounter.full:before						{ display: none; }
#basketCounter.full:after						{ display: none; }
#basket												{ position: relative; }
#basketCounter										{ display: none; }
#basketCounter.full								{ display: block; position: absolute; right: -1vW; top: -2.5vW; width: 5vW; height: 5vW; padding: 1vW 0;
														  background: #c7d6ee; border-radius: 50%; color: #000000; line-height: 3vW; font-size: 2.5vW; text-align: center; }
/* --------------- END HEADER ----------------------------------------------------------------------------------------------- */
/* -------------------------------------------------------------------------------------------------------------------------- */
/* -------------------------------------------------------------------------------------------------------------------------- */
/* --------------- NAVIGATION ----------------------------------------------------------------------------------------------- */
nav													{ height:  40px; }
#search												{ width: 49.5vW; }
article#search										{ width: 100%; }
.loggedin #search									{ width: 34.65vW; }

#searchResult ul									{ width: 94vW; max-width: 94vW; }
nav #search div#search_container				{ position: relative; }
nav #search div input							{ width: 100%; height: 40px; line-height: 26px; padding: 2px 5px 2px 32px; outline: none; font-size: 18px;
														  border-radius: 20px; background: url("/pages/img/search.png") no-repeat 6px center #ffffff; }
.knuchel nav #search div#search_container	{ background: #969696; }
.knuchel nav #search div input				{ border: 5px solid #969696; }
.knuchel .mnIcon									{ background-color: #969696; }
.colorama nav #search div#search_container{ background: #fdca00; }
.colorama nav #search div input				{ border: 5px solid #fdca00; }
.colorama .mnIcon									{ background-color: #fdca00; }
.eclatin nav #search div#search_container{ background: #969696; }
.eclatin nav #search div input				{ border: 5px solid #969696; }
.eclatin .mnIcon									{ background-color: #969696; }


.mnIcon												{ display: block; width: 14vW; height: 40px;
														  background-repeat: no-repeat; background-position: center; background-size: auto 70%; }
/*.mnIcon#basket										{ background-image: url('/pages/img/svg/basket_white.svg'); }*/
.mnIcon#basket										{ background-image: url('/pages/img/svg/bucket_white_with_arraw.svg'); }
.mnIcon#login										{ background-image: url('/pages/img/svg/login_white.svg'); }
.mnIcon#myshop										{ background-image: url('/pages/img/svg/user_white.svg'); }
.mnIcon#logout										{ background-image: url('/pages/img/svg/logout_white.svg'); }
.mnIcon#mnToggler									{ background-image: url('/pages/img/svg/menu_white.svg'); }
.open .mnIcon#mnToggler							{ background-image: url('/pages/img/svg/menu_open_white.svg'); }

#mnNavigation										{ position: relative; display: none; }
nav.open #mnNavigation							{ display: block; }
#mnNavigation > ul								{ position: absolute; left: 0; top: 0; width: 94vW; padding-bottom: 40px; display: flex; justify-content: space-between; flex-wrap: wrap; width: 100%; }
.knuchel #mnNavigation > ul > li				{ background: #969696; }
.colorama #mnNavigation > ul > li				{ background: #fdca00; }
.eclatin #mnNavigation > ul > li				{ background: #969696; }
#mnNavigation > ul > li							{ width: 100%; list-style: none; border-bottom: 2px solid #ffffff; }
#mnNavigation > ul > li.lang					{ display: inline-block; width: 50%; list-style: none; border-bottom: none; background: #254E9B; }
#mnNavigation > ul > li.lang.lang_1			{ border-right: 2px solid #ffffff; }
#mnNavigation > ul > li:last-child			{ border-bottom: none; }
#mnNavigation > ul > li > a					{ display: block; padding: 11px 20px; font-size: 24px; line-height: 36px; color: #ffffff; text-decoration: none;	 }
#mnNavigation > ul > li.lang > a				{ padding: 5px 20px; font-size: 20px; line-height: 36px; background:  #254E9B;border-bottom: 2px solid #ffffff; }
#mnNavigation > ul > li > ul					{ padding: 0 0 10px 40px;	 }
#mnNavigation > ul > li > ul > li			{ list-style: none; }
#mnNavigation > ul > li > ul > li > a		{ display: block; padding: 5px 30px; font-size: 20px; line-height: 24px; color: #ffffff; text-decoration: none; }
/* --------------- END NAVIGATION ------------------------------------------------------------------------------------------- */
/* -------------------------------------------------------------------------------------------------------------------------- */
/* --------------- MAIN ----------------------------------------------------------------------------------------------------- */
/* --------------- Home ----------------------------------------------------------------------------------------------------- */
.home_box											{ width: 100%; max-width: 100%; padding: 60% 0 0 0; background-size: cover; }
.home_arrow											{ height: auto; padding: 20px 50px 10px 20px; }

/*table#colorstudio,
table#colorstudio tbody,
table#colorstudio tr,
table#colorstudio td								{ display: block; padding: 0 !important; }



table#colorstudio_jump,
table#colorstudio_jump tbody,
table#colorstudio_jump tr,
table#colorstudio_jump td						{ display: block; padding: 0 !important; }
table#colorstudio_jump > tbody > tr > td:first-child	{ display: block; padding: 0 0 50px 0 !important; }
table#colorstudio_jump div						{ width: 100% !important; }

.csFilter_container								{ width: auto !important; }
.csFilter_grp select,
.csFilter_grp input								{ width: 100% !important; }

#csColorSelect_trash,
#csColorSelect, 
#csColorSelect_print								{ display: none; }*/

.csList_container									{ width: auto !important; margin: 0 -30px !important; }

.th_float_box										{ float: none !important; width: 100% !important; }

#navProduct_box2 > table,
#navProduct_box2 > table > tbody,
#navProduct_box2 > table > tbody > tr,
#navProduct_box2 > table > tbody > tr > td	{ display: block; width: 100%; padding: 0 !important; }
.navProduct											{ width: 100%; height: 36px; line-height: 36px; font-size: 14px; }
.navProduct .navProductName					{ width: 100%; padding-left: 6px; line-height: 18px; vertical-align: middle; white-space: normal; }
.navProduct .navProductLine,
.navProduct .navProductArrow 					{ display: none; }

.team_box_large									{ width: 100% !important; }
/* --------------- Templates ------------------------------------------------------------------------------------------------ */
/* --------------- Template: Titel Text & bis 5 Bilder ---------------------------------------------------------------------- */
.tpl_90_title										{ width: 100%; }
.tpl_90_images										{ float: left; width: 100%; margin-top: 0; }
.tpl_90_text										{ width: 100%; }
/* --------------- Template: Titel Text & bis 5 slightly wider Bilder ------------------------------------------------------- */
.tpl_91_title										{ width: 100%; }
.tpl_91_images										{ float: left; width: 100%; margin-top: 0; }
.tpl_91_text										{ width: 100%; }
/* --------------- END MAIN ------------------------------------------------------------------------------------------------- */
/* -------------------------------------------------------------------------------------------------------------------------- */
/* --------------- FOOTER --------------------------------------------------------------------------------------------------- */
/*footer												{ bottom: 40px; }
#morepartner										{ bottom: 65px; }*/

.mp_container										{ padding: 30px 15px 15px 15px; }
.mp_container a									{ height: 5.5vW; }


#mobile_buttons									{ position: fixed; left: 0; bottom: 0; width: 100%; z-index: 1000000; background: #000000; }
#mobile_buttons a									{ display: block; height: 40px; width: 33%;
														  background-color: #3c3c3c; background-repeat: no-repeat; background-position: center; }
#mobile_buttons a#mbMail						{ background-image: url('/pages/img/svg/mail_white.svg'); background-size: auto 50%; }
#mobile_buttons a#mbTel							{ background-image: url('/pages/img/svg/phone_white.svg'); background-size: auto 60%; }
#mobile_buttons a#mbMap							{ background-image: url('/pages/img/svg/map2_white.svg'); background-size: auto 60%; }
/* --------------- END FOOTER ----------------------------------------------------------------------------------------------- */
/* -------------------------------------------------------------------------------------------------------------------------- */
.product_lst_box { margin: 0 0 15px 0 !important; }

/* --------------- PRODUCT -------------------------------------------------------------------------------------------------- */
/* --------------- dyn/product_lst.cfm -------------------------------------------------------------------------------------- */
#product_lst_lst									{ padding: 20px 3vW 5px 0; }
/* --------------- rpc/product_lst.cfm -------------------------------------------------------------------------------------- */
#product_lst 										{ padding: 20px 0 20px 3vW; }

.product_lst_box									{ float: none; width: 88vW; max-width: 100%; height: auto; margin: 0 0 15px 0; }
														  
.product_lst_box_image							{ width: 88vW; height: 111.5vW; background-size: cover; }
.product_lst_box_info							{ position: absolute; left: 0; top: 0; width: 88vW; height: 111.5vW; margin-top: 83.4vW; padding: 3vW; }
.product_lst_box_info_title					{ height: 25.1vW; line-height: 6vW; font-size: 4vW; }
.product_lst_box_info_title div				{ padding: 0 0 2vW 0; margin: 0 0 2vW 0; border-bottom: 0.1vW solid #ffffff; }
.product_lst_box_info_text						{ height: 65.5vW; line-height: 6vW; margin-bottom: 5.9vW; font-size: 3vW; }
.product_lst_box_info_more						{ position: relative; height: 8vW; padding: 1vW 8vW 1vW 2vW; background: #ffffff; font-size: 4vW; line-height: 6vW; }
.product_lst_box_info_more:after				{ display: block; content: ""; position: absolute; right: 0; top: 0; width: 8vW; height: 8vW; background: url(/pages/img/product_arrow_blue.png) no-repeat center; }

.product_lst_header_title div					{ padding: 2px 0 0 5px; white-space: normal; }
#selectPasId										{ margin-top: 7px; }

/* --------------- dyn/product_det.cfm -------------------------------------------------------------------------------------- */
.product_det_header_title div					{ white-space: normal; }

.product_det_txt_box								{ width: auto; }
.product_det_txt_description					{ text-align: left; }
.product_det_img_box								{ width: auto; height: auto; padding: 63.33% 50%; margin-bottom: 20px;  }
.product_det_txt_files a						{ width: 100%; }

/* Force table to not be like tables anymore */
table#product_det_art_table,
table#product_det_art_table table,
table#product_det_art_table thead,
table#product_det_art_table tbody,
table#product_det_art_table tfoot,
table#product_det_art_table tr,
table#product_det_art_table th,
table#product_det_art_table td				{ display: block; }
table#product_det_art_table tr				{ background: none !important; }
/* Hide table headers (but not display: none;, for accessibility) */
table#product_det_art_table thead tr		{ display: none; }

table#product_det_art_table tbody tr						{ border-bottom: 3px solid #646464; padding-bottom: 24px; margin-bottom: 24px; }
table#product_det_art_table tbody tr td					{ margin-bottom: 4px; position: relative; padding: 4px 2% 4px 42%; line-height: 24px; text-align: left !important; background: #ffffff; }
table#product_det_art_table tbody tr td.pro_lst_image	{ line-height: 1px; padding: 0 2% 0 41%; }
table#product_det_art_table tbody tr td:before			{ display: block; position: absolute; top: 0; left: 0; padding: 4px 1.5% 4px 3%; width: 38%; height: 100%; line-height: 28px; background: #c7d6ee; box-sizing: border-box; }

table#product_det_art_table .buttons:after				{ display: block; clear: both; content: ""; }
table#product_det_art_table .quantity						{ float: left; margin-right: 5px; }
table#product_det_art_table .add_to_basket				{ float: left; width: 35px; height: 24px; background: url(/pages/img/svg/bucket_blue.svg) no-repeat center; background-size: 18px auto; cursor:pointer; }

/* --------------- dyn/basket_table.cfm ------------------------------------------------------------------------------------- */
/* Force table to not be like tables anymore */
table#bskTable,
table#bskTable table,
table#bskTable thead,
table#bskTable tbody,
table#bskTable tfoot,
table#bskTable tr,
table#bskTable th,
table#bskTable td													{ display: block; }
table#bskTable thead												{ display: none; }
table#bskTable tr													{ background: none !important; }
/* Hide table headers (but not display: none;, for accessibility) */

table#bskTable tbody tr											{ position: relative; border-bottom: 3px solid #646464; padding-bottom: 24px; margin-bottom: 24px; }
table#bskTable tbody tr td										{ margin-bottom: 4px; position: relative; padding: 4px 2% 4px 42%; line-height: 24px; text-align: left !important; background: #ffffff; }
table#bskTable tbody tr td:before							{ display: block; position: absolute; top: 0; left: 0; padding: 4px 1.5% 4px 3%; width: 38%; height: 100%; line-height: 28px; background: #c7d6ee; box-sizing: border-box; font-weight: bold; }
table#bskTable tbody tr td.bsk_del							{ position: absolute; right: 0; top: 0; width: 24px; padding: 0; }
table#bskTable tbody tr td.bsk_del:before					{ display: none; }

table#bskTable tfoot tr td										{ display: none; }
table#bskTable tfoot tr td.bsk_mobile_show				{ position: relative; display: block; border-top: 3px solid #646464; }
table#bskTable tfoot tr:first-child td.bsk_mobile_show{ border: none; }
table#bskTable tfoot tr td.bsk_mobile_show:before		{ display: block; position: absolute; top: 0; left: 0; width: 60%; height: 100%; line-height: 44px; box-sizing: border-box; font-weight: bold; text-align: left; }
table#bskTable tfoot tr td.bsk_mobile_show.bsk_dbb		{ border-bottom: 9px double #646464; }

 



.basket_button_container_1										{ padding: 20px 15px; }
.basket_button_container .button								{ display: block; float: none; margin: 0 0 10px 0; width: 100%; }


#ordTable															{ width: 100%; }
#ordTable td.fTable_label										{ display: none; }
#ordTable td.fTable_input *									{ width: 100%; }

.order_button_container											{ position: relative; padding: 80px 0 0 0; }
.order_button_container label									{ position: absolute !important; left: 0; top: 0; width: 100%; line-height: 20px !important; padding: 5px 5px 5px 25px !important; }

.fTable .fTable_comment											{ padding: 2px 0; }

/* -------------------------------------------------------------------------------------------------------------------------- */
/* --------------- BASKET --------------------------------------------------------------------------------------------------- */
.basket_crump														{ padding: 10px 0 8px 15px; }

.basket_crump ul													{ height: 20px; }
.basket_crump ul li > span,
.basket_crump ul li a											{ line-height: 20px; padding: 0 5px 0 15px; font-weight: normal; }
.basket_crump ul li span span:first-child,
.basket_crump ul li a span:first-child						{ display: none; }
.basket_crump ul li a.bcBasket								{ padding: 0 5px 0 0; }

.basket_crump ul li > span:after,
.basket_crump ul li a:after					{ position: absolute; left: 0; top: 0; display: block; content: ""; width: 10px; height: 17px; background-size: auto 15px !important; }
.basket_crump ul li a:after					{ background: url("/pages/img/svg/arrow_right_254997.svg") no-repeat center; }
.basket_crump ul li span:after				{ background: url("/pages/img/svg/arrow_right_969696.svg") no-repeat center; }
.basket_crump ul li.current span:after		{ background: url("/pages/img/svg/arrow_right_black.svg") no-repeat center; }

.basket_crump ul li:first-child a:after	{ display: none; }

.basket_crump ul li > span						{ color: #969696; }
.basket_crump ul li.current > span			{ color: #000000; }

.basket_crump ul li a							{ color: #254997; }
.basket_crump ul li a:hover					{ color: #000000; }

/* --------------- END BASKET ----------------------------------------------------------------------------------------------- */
/* -------------------------------------------------------------------------------------------------------------------------- */
/* --------------- MEMBER --------------------------------------------------------------------------------------------------- */
.an_container														{ width: 100%; }
.an_container ul li												{ width: 100%; padding: 0; }
.ac_container														{ width: 100%; padding: 30px 15px; }
.ac_container input												{ float: none !important; width: 100% !important; }

/* Force table to not be like tables anymore */
table#afTable,
table#afTable table,
table#afTable thead,
table#afTable tbody,
table#afTable tfoot,
table#afTable tr,
table#afTable th,
table#afTable td													{ display: block; }
table#afTable thead												{ display: none; }
table#afTable tr													{ background: none !important; }
/* Hide table headers (but not display: none;, for accessibility) */

table#afTable tbody tr											{ position: relative; border-bottom: 3px solid #646464; padding-bottom: 24px; margin-bottom: 24px; }
table#afTable tbody tr td										{ margin-bottom: 4px; position: relative; padding: 4px 2% 4px 41%; line-height: 28px; text-align: left !important; background: #ffffff; }
table#afTable tbody tr td:before								{ display: block; position: absolute; top: 0; left: 0; padding: 4px 1% 4px 2%; width: 40%; height: 100%; background: #c7d6ee; box-sizing: border-box; font-weight: bold; }
table#afTable tbody tr td:last-child						{ position: absolute; right: 0; bottom: 24px; width: 30px; height: 36px; padding: 4px 0; }
table#afTable tbody tr td:last-child:before				{ display: none; }
table#afTable tbody tr td input								{ width: 50% !important; }

/* --------------- END MEMBER ----------------------------------------------------------------------------------------------- */
/* -------------------------------------------------------------------------------------------------------------------------- */




article iframe														{ max-width: 100%; max-height: 55vW; }
article img															{ max-width: 100%; }
article .img_cms.RA img,
article .img_cms.RT img,
article .img_cms.R img											{ width: 100px !important; min-width: 100px !important; max-width: 100px !important; height: auto !important; }
#fg																	{ float: left !important; }


.content_table_collaps
table.content_table_collaps,
table.content_table_collaps table,
table.content_table_collaps thead,
table.content_table_collaps tbody,
table.content_table_collaps tfoot,
table.content_table_collaps tr,
table.content_table_collaps th,
table.content_table_collaps td								{ display: block; }
table.content_table_collaps tr td:last-child				{ padding-bottom: 5px; }
table.content_table_collaps tr td:first-child			{ padding-bottom: 0; }

#shadow_container						{ width: 96vW; margin: 3vW auto; }
.login_frm table,
.login_frm tbody,
.login_frm tr,
.login_frm td							{ display: block; }
.login_frm tr							{ padding-bottom: 10px; }

.shadow_footer > *					{ min-width: 30% !important; width: auto !important; padding: 2px 10px !important; }
.shadow_footer >.getright			{ margin-left: 0 !important; width: 100% !important; }


.flex_box_33										{ width: 100%; }
.flex_box_50										{ width: 100%; }
.flex_box_map1,
.flex_box_map2										{ width: 100%; }



table.dbmobile,				
table.dbmobile tbody,				
table.dbmobile tbody tr, 			
table.dbmobile tbody tr td						{ display: block; }
table.dbmobile tbody tr td p					{ padding-bottom: 0; }
table.dbmobile tbody tr td:last-child		{ padding-bottom: 16px; }