/* --------------------------------------------
	ORDER OVERVIEW / Overwrite Storefront
	----------------------------------------------- */
	@media only screen and (max-width: 766px) { 
		.my-account #account-form .account-wrapper .shortcode.col-8 {position: relative;}

		.my-account #account-form table.shop_table_responsive thead { display: table-header-group;}	
		.my-account #account-form table.shop_table_responsive thead tr,
		.my-account #account-form table.my_account_orders tbody tr { display: table-row; }
		.my-account #account-form table.shop_table_responsive thead th { display: table-cell; }
		
		.my-account #account-form table.shop_table_responsive thead th.order-date,
		.my-account #account-form table.shop_table_responsive thead th.order-status { display: none; }
		
		.my-account #account-form table thead th,
		.my-account #account-form table.shop_table_responsive tr td  {padding: .7em 1em;}
		
		.my-account #account-form table.shop_table_responsive tr td.order-number,
		.my-account #account-form table.shop_table_responsive tr td.order-date,
		.my-account #account-form table.shop_table_responsive tr td.order-status { 
			display: block;
			padding: .0em 1em; 
		}
		.my-account #account-form table.shop_table_responsive tr td.order-number {padding-top: .7em; }
		
		.my-account #account-form table.shop_table_responsive tr td {
			text-align: left;
			vertical-align: top;
			display: table-cell;
		}
	
		.my-account #account-form table:not(.has-background) tbody td,
		.my-account #account-form table:not(.has-background) tbody tr:nth-child(2n) td { background-color: #fff;}
		
		.my-account #account-form tbody tr.order {height: 90px;}
		.my-account #account-form tbody tr.order:before {
			    content: "";
			    display: block;
				position: absolute;
				width: 100%;
				border-top: 1px solid #aaa;	
		 }
		 .my-account #account-form tbody tr:first-child.order:before {
			 border-top: 0px solid #aaa; 
		}
			
		/*but action*/
		.my-account #account-form table.shop_table_responsive tr td.order-actions {
			padding: 0em 1em 0 0; 
			text-align: right;
		}
		

	}
	
	/* --------------------------------------------
	ORDER DETAIL
	----------------------------------------------- */
	@media only screen and (max-width: 599px) { 
		.view-order .woocommerce-order-details tbody tr td {padding: 2.5em 1em;}
	}
	
	@media only screen and (max-width: 479px) { 
		/* font*/
		.view-order table tfoot td {font-size: .9em;}
		.view-order .includes_tax .amount {font-size: 1.2em;}
	}
	
	 
	 
	
	/* --------------------------------------------
	ALL ACCOUNT  
	----------------------------------------------- */
	
	
	/* 1280 */
	@media only screen and (max-width: 1279px) { 
		
		/*hero_img_bottom*/
		.my-account #hero_img_bottom .img img, 
		.my-account #hero_img_bottom .overlay {
			max-height: 500px;
			height: 500px;
		}
		/*heart*/
		.my-account #hero_img_bottom .overlay:after {
			margin-top: 12%;
			margin-left: -65px;
			font-size: 130px;
		}
		
		/*col*/
		#account-form.col-6,
		.my-account .edit .icons.col-6 {width: 80%;}
		.account-wrapper .shortcode.col-8,
		.my-account .content.col-8 {width: 90%;}
		
		 
	}
	
	
	 /* 1160 */
	 @media only screen and (max-width: 1159px) { 
	
	 }
	  
	
	/* 1024 */
	@media only screen and (max-width: 1023px) { 
	  
	  /*resp menu */
	  .mobile.navigation ul.menu li.logout a:after,
	  .mobile.navigation ul.menu li.logout > a:hover:after, 
	  .mobile.navigation ul.menu li.logout.current-menu-item > a:after {
		  top: -15px;
		  left: 100px;
		  content: "DD";
		  color: transparent;
		  background: url('../../picts/_icons/svg/logout-icon.svg') bottom center no-repeat; 
		  
		  margin-top: 0px;
		  height: auto; 
		  width: auto; 
	  }
	  
	  .my-account .logout a {
		   position: relative;
		   right: auto; 
		   top: auto; 
	  }
	  
	  /* edit pages */
	  .my-account #content-wrapper.edit .content { margin-top: -40px; }
	  .my-account #content-wrapper.edit .content h3 { padding-top: 40px; }
	  
	  /*col*/
	  .my-account #intro.col-10 { padding: 0;}

	  .my-account #intro.col-10,
	  .account-wrapper .shortcode.col-8,
	  #account-form.col-6 {width: 90%;}
	  
   }
	  
	  
	/* 940 */
	@media only screen and (max-width: 939px) { 
	
	 /* font */
	  .my-account h2 {font-size: 45px; }
	  
	 /* login */
	  .col2-set#customer_login {width: 100%;}
	  .col2-set#customer_login .col-1, 
	  .col2-set.addresses .col-1,
	  .col2-set#customer_login .col-2, 
	  .col2-set.addresses .col-2 {width: 70% !important;}
	  
	  .woocommerce-lost-password .form-row {
		  max-width: 500px;
		  width: 90%;
		  margin: auto;
		  
		  }
	  
	  /*hero_img_bottom*/
	  .my-account #hero_img_bottom .img img, 
	  .my-account #hero_img_bottom .overlay {
		  max-height: 450px;
		  height: 450px;
	  }
	  
    }
		
	/* 850 */
	@media only screen and (max-width: 849px) { 
	
	   /* font */
	  .my-account h3,
	  .my-account .edit h3,
	  .my-orders #account-form h3 {font-size: 36px; }
	  
	  .my-account #account-form .headline,
	  .my-account #account-form .shortcode h2,
	  .my-account .edit.account legend,
	  .my-account .addresses header.title h3 {font-size: 30px; }
	  
	  a.customer-edit-account:before {    
	  	top: -50px;
		left: 115px;
	  }
	  .pay .payments:before {top: -27px;}
	   
	   /* col */
	   #account-form.col-6 {width: 90%;}
	  
	}
	
	   
	/* 767 */
	@media only screen and (max-width: 766px) { 

		/* content-wrapper top */
		.my-account #intro .headline { margin-bottom: 25px;}
		#content-wrapper.view-order {margin-top: -30px;}
		
		/*hero_img_bottom*/
		.my-account #hero_img_bottom .img img, 
		.my-account #hero_img_bottom .overlay {
			max-height: 350px;
			height: 350px;
		}
		
		/*heart*/
		.my-account #hero_img_bottom .overlay:after {
			margin-top: 15%;
			margin-left: -50px;
			font-size: 100px;
		}
		
		/* edit account */
		a.customer-edit-account:after {
			top: -25px;
		}
		
		/* edit address */
		#account-form .woocommerce-Address-title a {
			  text-indent: -9999px;
			  line-height: 0;
			  line-height: 2.2em;
			  color: transparent;
		}
		#account-form .addresses header.title h3 {position: relative; }
		
		#account-form .addresses header.title h3:after{
			position: absolute;
			top: 3px;
			right: -27px;
			font-family: 'Font Awesome 5 Free';
			content: "\f044";
			font-size: 16px;
			cursor: pointer;
		}
		
		.addresses header.title { position: relative;}
		.addresses header.title a:before {
			  vertical-align: baseline;
			  content: "\f044";
			  line-height: 1.618;
			  position: absolute;
			  top: 0;
			  left: 0;
			  height: 100%;
			  width: 100%;
			  text-align: center;
			  text-indent: 0; 
		}
	
		/*edit account */
		.my-account .edit form h3 {
			margin-bottom: 40px;
	   }
	   
	   /*Zustellung edit Lieferadresse*/
	   .col-8 #shipping_wooccm9_field label {
			padding-left: 0px;
			max-width: 310px;
			margin: auto;
			-background: red;	
		} 
		
	   /*edit .woocommerce-Address-title */
		.my-account.woocommerce-edit-address .woocommerce-Address-title .edit {font-size: 0px; }
		.my-account.woocommerce-edit-address .woocommerce-Address-title .edit:before {display: none;}
		.my-account.woocommerce-edit-address .woocommerce-Address-title .edit:after{
			position: relative;
			top: -10px;
			right: -10px;
			font-family: 'Font Awesome 5 Free';
			content: "\f044";
			font-size: 16px;
			cursor: pointer;
			display: inline-block;
		}
		
	   
	   
		
	}
		
	  /* 600 */
	  @media only screen and (max-width: 599px) { 
	  
	  	  .delete .copy br {display: none; }
	  
		  /*hero_img_bottom*/
		  .my-account #hero_img_bottom .img img, 
		  .my-account #hero_img_bottom .overlay {
			  max-height: 300px;
			  height: 300px;
		  }
		  
		  /*heart*/
		  .my-account #hero_img_bottom .overlay:after {
			  margin-left: -40px;
			  font-size: 80px;
		  }
		  
		  /* col */
		 .col2-set#customer_login .col-1, 
		 .col2-set.addresses .col-1,
		 .col2-set#customer_login .col-2, 
		 .col2-set.addresses .col-2 {width: 90% !important;}
		 
		 .my-account .view-order .content.col-8,
		 .my-account .edit .my-account .icons.col-6 {width: 95%;}
		 
		 /* isons */
		 .my-account .edit .zahlungsmethoden .icons ul li img { 
			-webkit-transform: scale(.6);
			-moz-transform: scale(.6);
			-ms-transform: scale(.6);
			-o-transform: scale(.6);
			transform: scale(.6);
		}
		
		
		/*MY-ACCOUNT-ORDERS*/
		.my-account.overview article .entry-content p {font-size: 14px;}
		.my-account.overview article .entry-content p mark { display: inline-block;}

		.my-account #account-form table.shop_table_responsive thead th,
		.my-account .overview  #account-form table.my_account_orders tbody tr {
			display: block;
		}
	
		.my-account .overview  #account-form tbody tr.order {
			height: auto;
		}
		
		.my-account .overview table.shop_table_responsive tr td[data-title]:before {
    		width: 150px;
		}
		
		.my-account #account-form table.shop_table_responsive thead th.order-total,
		.my-account #account-form table.shop_table_responsive thead th.order-actions {
			display: none;
		}
		.my-account #account-form table.shop_table_responsive tr td.order-actions {
			text-align: left;
			display: block;
			margin: -10px auto 10px;
			padding-left: 20px;
		}
		
		.my-account .edit .versand .col-6 {
			width: 100%;
		}
		.my-account .edit .versand .col-6 br {
			display: none;
		}
		
		/*MY-ACCOUNT-DETAIL*/
		.my-account .order_details thead,
		.my-account .order_details tr {
			display: block;
		}
		.my-account.woocommerce-view-order td.woocommerce-table__product-image {
			max-width: 150px;
		}
		.my-account.woocommerce-view-order .woocommerce-table__product-image img {
			width: 100%;
		}

		.my-account.woocommerce-view-order table.woocommerce-table--order-details tfoot td, 
		.my-account.woocommerce-view-order table.woocommerce-table--order-details tfoot th {
			padding: 0em .3em;
		}
		.my-account.woocommerce-view-order .order_details tfoot tr {
			padding: 5px;
		}
		.my-account.woocommerce-view-order table.woocommerce-table--order-details tfoot th {
			width: 135px;
		}
		
		.my-account.woocommerce-view-order tfoot tr td, 
		.my-account.woocommerce-view-order tfoot tr th {
			/*display: block;*/
				vertical-align: middle;
		}
		
		/*.my-account.woocommerce-view-order table.woocommerce-table--order-details td .amount, 
		.my-account.woocommerce-view-order table.woocommerce-table--order-details dl.variation dt {
			font-size: 1.3em;
		}
		.my-account.woocommerce-view-order table.woocommerce-table--order-details td.product-total {
			padding-left: .3em;
		}*/
	  
	  
	/* 480 */
	@media only screen and (max-width: 479px) { 
		
		/*font-size*/
		.my-account h2 {
			font-size: 35px;
		}
		  
		/*hero_img_bottom*/
		.my-account #hero_img_bottom .img img, 
		.my-account #hero_img_bottom .overlay {
			max-height: 200px;
			height: 200px;
		}
		
		/*heart*/
		.my-account #hero_img_bottom .overlay:after {
			margin-left: -40px;
			font-size: 80px;
		}
		
	}
	
	/* 360 */
	@media only screen and (max-width: 360px) { 
	#shipping_wooccm9_field label {
		font-size: 16px;
		padding-left: 10px !important;
	}