/*******| MYSHOP: Container									|*********************************************************************************************************************/
#myshop																{ padding: 0 0 0 48px; }
#myshop-container													{ position: relative; z-index: 1; padding: 0; }
#myshop .btn														{ min-width: 29px; min-height: 24px; }

#myshop table.ms-default-table thead td					{ padding: 8px; border-top: 1px solid #000000; border-bottom: 1px solid #000000; font-weight: bold; vertical-align: bottom; }
#myshop table.ms-item-table thead td						{ padding: 8px; border-top: 1px solid #000000; font-weight: bold; vertical-align: bottom; }
#myshop table.ms-default-table tbody td					{ vertical-align: middle; }
#myshop table.ms-item-table tbody td						{ vertical-align: middle; }
#myshop td.ms-default-50										{ width: 50%; }
#myshop td.ms-default-0											{ width: 0; }
#myshop td.ms-button .btn										{ margin-right: 4px; }
#myshop td.ms-button .btn_last-of-type						{ margin-right: 0; }

#myshop .ms-image > div											{ width: 150px; }

/*******| LEFTSIDE NAVIGATION									|*********************************************************************************************************************/
/*#leftside-navigation-container								{ padding: 0 48px 0 94px; }*/
#leftside-navigation-container								{ padding: 0 0 0 48px; }
#leftside-navigation												{ display: block; position: relative; z-index: 20; float: left; margin-left: -48px; padding: 70px 0 0 0; }
#leftside-navigation ul											{ width: 46px; padding: 0; margin: 0; }
#leftside-navigation ul:hover									{ width: 246px; padding: 0; margin: 0 -200px 0 0; }
#leftside-navigation ul li										{ margin: 0; list-style: none; }

#leftside-navigation ul li > div,
#leftside-navigation ul li > a								{ position: relative; display: block; width: 46px; height: 34px; line-height: 1px; }
#leftside-navigation ul li > a								{ cursor: pointer; }
#leftside-navigation ul li > div > div,
#leftside-navigation ul li > a > div						{ height: 34px; line-height: 33px; background: #ffffff; border-top: 1px solid #808283; transition: all 0.3s; }
#leftside-navigation ul li > div > div:nth-of-type(1),
#leftside-navigation ul li a div:nth-of-type(1)			{ position: relative; z-index: 2; width: 45px; text-align: center; font-size: 15px; }
#leftside-navigation ul li > div > div:nth-of-type(2),
#leftside-navigation ul li a div:nth-of-type(2)			{ position: absolute; z-index: 1; left: -154px; top: 0 !important; width: 200px; padding: 0 16px; white-space: nowrap; text-overflow: ellipsis; overflow: hidden; border-right: 1px solid #AEB1B4; }
#leftside-navigation ul li:last-of-type > div,
#leftside-navigation ul li:last-of-type > a				{ height: 35px; }
#leftside-navigation ul li:last-of-type > div > div,
#leftside-navigation ul li:last-of-type > a > div		{ height: 35px; border-bottom: 1px solid #AEB1B4; }


#leftside-navigation ul li > div > div > div > div > div					{ height: 25px; padding: 3px 5px; border: 1px solid #808283; border-radius: 12px; line-height: 17px; cursor: pointer; }
#leftside-navigation ul li > div > div > div > div > div:hover			{ background: #0065AE; color: #ffffff; border-color: #0065AE; }


#leftside-navigation ul li.current a div					{ background: #0065AE; color: #ffffff; border-top-color: #0065AE; border-right-color: #0065AE; }
#leftside-navigation ul li:hover a div						{ background: #0065AE; color: #ffffff; }
#leftside-navigation ul:hover li > div > div:nth-of-type(2),
#leftside-navigation ul:hover li a div:nth-of-type(2)	{ left: 45px; }

/*******| CONTENT: Navigationblocks							|*********************************************************************************************************************/
#center-navigation ul											{ margin: 0; padding: 0; }
#center-navigation ul li										{ margin: 0; padding: 0; list-style: none; }
#center-navigation .center-navigation-title				{ padding-bottom: 16px; font-size: 19px; line-height: 28px; font-weight: bold; }
#center-navigation ul > li > ul								{ border-top: 1px solid #d6d8d9; }
#center-navigation ul > li > ul > li						{ border-bottom: 1px solid #d6d8d9; }
#center-navigation ul > li > ul > li > a					{ display: flex; flex-wrap: nowrap; color: #000000; }
#center-navigation ul > li > ul > li > a:hover			{ color: #0065AE; }
#center-navigation ul > li > ul > li > a > div			{ line-height: 28px; }
#center-navigation ul > li > ul > li > a > div:nth-of-type(1)		{ width: 24px; text-align: center; font-size: 15px; }
#center-navigation ul > li > ul > li > a > div:nth-of-type(2)		{ flex-grow: 1; padding: 0 8px; }
#center-navigation ul > li > ul > li > a > div:nth-of-type(3)		{ width: 15px; color: #0065AE; font-size: 15px; }

/*******| Favoriten												|*********************************************************************************************************************/
#myshop-content .ms-fi-menge input							{ width: 75px; }
#myshop-content .ms-fi-date									{ white-space: nowrap; }
#myshop-content .ms-fi-date span								{ display: block; }
#myshop-content .ms-fi-basket i								{ display: block; width: 35px; line-height: 32px; }
#myshop-content .ms-fiadd-image								{ max-width: 150px; }



@media (max-width: 768px){
#leftside-navigation-container								{ padding: 0; }
#leftside-navigation												{ display: none; }

#myshop																{ padding: 0; }

table.table > thead												{ display: none; }
table.table,
table.table > tbody,
table.table > tbody > tr,
table.table > tbody > tr > td									{ display: block; width: 100% !important; }
table.table > tbody > tr > td:empty							{ display: none; }
table.table > tbody > tr.favrow_all							{ position: relative; }
table.table > tbody > tr.favrow_all							{ position: relative; }
table.table > tbody > tr.favrow_all > td:nth-child(1)	{ position: absolute; top: 0; right: 0; width: auto !important; border: none; background: none; }
table.table > tbody > tr.favrow_all > td:nth-child(2)	{ padding-right: 50px; }

table.table > tbody > tr.favrow_sub							{ display: none; border-top: 4px solid white; }
table.table > tbody > tr.favrow_sub.favrow_sub_show	{ display: block; }

table.table > tbody > tr > td.td-title:before			{ display: inline-block; content: attr(data-title); float: left; }

#myshop .invisible												{ display: none; }

}