/*
  Theme Name: EasyToMarket
  Author: Armin Oppliger
  Author URI: https://www.arminoppliger.ch
  Description: Schönes Theme für easytomarket.ch
  Contributors: Leon, Bastian, Armin, Adrian
*/

/* This file only exists for the sake of WordPress recognizing our theme / theme name etc... */

/* We do not include CSS here and also WordPress will not load this file on the front-end */


    <style>
		
		.bodytext a{
			text-decoration: underline!important;
		}

.bodytext {
	font-size: 16px
}
			
		
		.includes_tax {
    display: none;
}
		
		/* CSS to style the remove link */
.woocommerce-checkout-review-order-table .product-name .remove {
    
    color: black!important;
    text-decoration: none;
}

.woocommerce-checkout-review-order-table .product-name .remove:hover {
    
    color: black;
}

		
		.tax_label {
			display: none!important;
		}
		
		.product-quantity {
    display: none!important;
}
		
		.tag-filter {
			display: none;
		}

		.w-128 {
			width: 48rem;}
		
		.testimonialImg {
    height: 200px;
    width: 200px !important;
    border: 1px solid #0c4f7c;
	border-radius: 100%;
}
		.iconbox {
    position: relative;
}

.iconbox  {
    position: relative;
    display: flex;
    justify-content: center;
    align-items: center;
    width: 100%;
    height: 100%;
	z-index: 49;
}

.telefon-text {
    opacity: 0;
    transition: opacity 0.5s ease;
    position: absolute;
    bottom: 100%;
    left: 50%;
    transform: translateX(-50%);
    margin-bottom: 8px;
    text-align: center;
    pointer-events: none;
    padding: 4px 8px;
	margin-top: -80px;
}

.iconbox:hover .telefon-text {
    opacity: 1;
}

		
		.iconHover {
    display: none;
}

.iconbox:hover .iconHover {
    display: block;
}

.iconbox:hover .iconNormal {
    display: none;
}
		
		.phonebox:hover {
			background-color: white;
			color: #C83C57;}

		
		li#menu-item-337 {
    padding: 10px 10px;
    height: 56px;
}
		
		.mb-4 ul {
  list-style-type: disc; /* Oder ein anderer gewünschter Stil */
  padding-left: 20px;    /* Einrückung für die Liste */
	margin-top: 10px;
}

.mb-4 ul li {
  margin-bottom: 10px;  /* Abstand zwischen den Listenelementen */
}
		
		.logged-in li#menu-item-337 {
    /* filter: brightness(0) invert(1); */
    background-color: #0b4f7c;
}
		
		@media (max-width: 1400px) { li#menu-item-337 {
     filter: brightness(0) invert(1);
			}
		}
		.logged-in img._mi {
    /* filter: brightness(0) invert(1); */
    filter: brightness(0) invert(1);
}

		
		.menu-item:hover img._mi {

    display: inline-block;
    vertical-align: middle;
    filter: brightness(0) invert(1);
}
		.woocommerce-notices-wrapper {
    text-align: center;
}
		
		#registerPopup {
    display: none;
}

#registerPopup.open {
    display: flex;
}

		
		table.woocommerce-table.woocommerce-table--order-details.shop_table.order_details {
			text-align: left;
			width: 60%;
}
		
		.bg-color-primary-acc {
			background-color: #0B4F7C;
		}
		
		.bg-color-primary-acc:hover {
			background-color: #C83C57;
		}
			
		
		  .my-account .active {
        background-color: #c83c57; /* Ersetze dies durch die gewünschte Hintergrundfarbe */
    }
		
.wc-block-components-state-input {
    margin-top: 16px;
    display: none;
}



		
	@media (max-width: 1400px) { .container {
		padding-left: 20px;
		padding-right: 20px;
		}}
		
	.wc-block-checkout__actions_row {
    align-items: center;
    display: flex;
    justify-content: space-between;
    background-color: #ed3857;
    color: white;
    font-weight: bold;
}	
	.woocommerce-message {
    display: block;
	}
		


		
        .wpcf7 form.invalid .wpcf7-response-output, .wpcf7 form.unaccepted .wpcf7-response-output, .wpcf7 form.payment-required .wpcf7-response-output {
            border: #ffb900;
            display: none;
        }
		
		.wpcf7 form.sent .wpcf7-response-output {
			border: none;
			background: #0b4f7c;
			color: white;
			padding: 10px;
			margin-top: -16px;
		}
        
        .text-color-primary {
            color: #0B4F7C; }
		.text-color-secondary {
            color: #C83C57; }
        .bg-color-primary {
            background-color: #0B4F7C; }
		.btn-bg-color-primary {
            background-color: #0B4F7C; }
		.btn-bg-color-primary:hover {
            background-color: #07334f;
			transition: 0.15s;}
		.btn-bg-color-secondary {
            background-color: #C83C57;}
        .bg-color-secondary {
            background-color: #C83C57;}
		.btn-bg-color-secondary:hover {
            background-color: #a32f44;
			transition: 0.15s;}
       
        .form_half {
        width: 49.5%;
        float: left;
        margin-right: 1%;
        }
        .form_half_last {margin-right:0;
        }
        .wpcf7-form {
            display: flex;
            flex-direction: column;
            justify-content: center;
            align-items: center;
   			background-color: #c83c5799!important;
			padding: 20px;
			
        }
        .wpcf7-form input {
          width:100%;
          background: transparent;
          text-align: center;
          border-bottom: 1px solid white;
          font-weight: 400;
			color:white;
        }
        
         ::-webkit-input-placeholder { /* WebKit browsers */
            color: #fff !important;
            opacity: 1;
            font-weight: 400;
            }
            :-moz-placeholder { /* Mozilla Firefox 4 to 18 */
            color: #fff !important;
            opacity: 1;
            font-weight: 400;
            }
            ::-moz-placeholder { /* Mozilla Firefox 19+ */
            color: #fff !important;
            opacity: 1;
            font-weight: 400;
            }
            :-ms-input-placeholder { /* Internet Explorer 10+ */
            color: #fff !important;
            opacity: 1;
            font-weight: 400;
            }
        .wpcf7-form input[type="submit"] {
          background:white;
          color: #0B4F7C;
          padding:4px 10px;
          font-size:20px;
          font-weight: bold;
          width: auto;
          border:none;
          border-radius: 6px;
          text-align: center;
          align-items: center;
          justify-content: center;
          display: flex;
          margin-top: 12px;
        }

        .wpcf7-form input[type="submit"]:hover {
          background:#0B4F7C;
          color: white;
		transition: 0.2s;
        }

        
         .wpcf7-form div.wpcf7-response-output {
          background:#fff;
          padding: 1.5em 1em;
        }
        [multiple], [type=date], [type=datetime-local], [type=email], [type=month], [type=number], [type=password], [type=search], [type=tel], [type=text], [type=time], [type=url], [type=week], select, textarea{
            border:none;
        }
        textarea {
            background: transparent;
            border: 1px solid white;
            width: 100%;
            text-align:center;
        }
		
		.menu-item {
			padding: 14px 18px;
		}
		
		@media (min-width: 1024px) {.menu-item:hover {
  			background-color: #C83C57;
			color: white;
			transition: 0.15s;
			}}
		
		.menu-item.current-menu-item,
    .menu-item.current-menu-ancestor {
        background-color: #C83C57; /* Hintergrundfarbe für aktiven Menüpunkt und dessen Vorfahren */
        color: white;
    }
		
		.sub-menu {
			display: none;
			position: absolute;
			background-color: #ffffff;
			box-shadow: 0 2px 4px rgba(0, 0, 0, 0.1);
			color: #0B4F7C;
			font-size: 14px;
			top: 56px;
			margin-left: -10px!important;
			width: 20%;
		  }

		
		.woocommerce-NoticeGroup.woocommerce-NoticeGroup-checkout {
			display: block
		}
		
  .menu-item-has-children:hover .sub-menu {
    display: block;
  }
		
		.submenu {
    display: none;
    position: absolute;
    z-index: 999;
    background-color: #ffffff;
    box-shadow: 0 2px 4px rgba(0, 0, 0, 0.1);
    top: 100%; /* Setze die Position des Submenüs unterhalb des übergeordneten Menüpunkts */
    left: 0; /* Setze die Position des Submenüs am linken Rand */
    width: auto; /* Verwende die automatische Breite */
    white-space: nowrap; /* Verhindere Zeilenumbrüche */
	margin-left: 0px!important;
}

.has-submenu:hover > .submenu {
    display: flex; /* Ändere die Anzeige auf Flexbox, um die horizontalen Submenüs zu ermöglichen */
    flex-direction: row; /* Lege die Richtung der Flexbox auf horizontal fest */
    position: absolute; /* Setze die Position auf absolut, um den horizontalen Fluss beizubehalten */
	margin-top: 90px;
}
			
a.contact-btn.bg-color-secondary.w-80.h-16.flex.justify-center.items-center.font-bold.text-xl:hover {
    background-color: #a32f44;
}
	 

#mobile-menu #primary-menu .menu-item {
	padding-top:5px;
	padding-bottom:5px;
}