/* custom */
@import url('https://fonts.googleapis.com/css2?family=Permanent+Marker&display=swap');
.permanent-marker-regular {
  font-family: "Permanent Marker", cursive!important;
  font-weight: 400;
  font-style: normal;
}
.ecaupo-mainlogo { display:none; }
.megaTitelImg {
    max-width: 40%;
    padding-left:45px;
    padding-bottom:25px;
    border-bottom: 2px solid #fff;
}
.megaTitel {
    font-family: "Permanent Marker", cursive;
    text-shadow: 2px 2px 8px rgba(34,34,34,0.89);
    font-size:3rem;
    margin-right:20px;
    text-transform: uppercase;
    color: #fff;
}
.megaTitelSub {
    font-family: "Permanent Marker", cursive;
    text-shadow: 2px 2px 8px rgba(34,34,34,0.89);
    color: #fff;
    text-transform: uppercase;
    font-size:2.4rem;
    font-weight:bold;
    margin-right:20px;
}
#ec-navbar {
    background: rgba(17, 17, 17, 0.9)!important;
    color: #fff !important;
    font-family: "Permanent Marker", cursive;
    font-weight: 400;
    font-style: normal;
}
#ecaupo-desktopmenu li > a,#ecaupo-desktopmenu li > svg {
  background: none!important;
  color: #fff !important;
    font-family: "Permanent Marker", cursive;
    font-weight: 400;
    font-style: normal;
}
#ecaupo-desktopmenu li > a:hover, #ecaupo-desktopmenu li > a:hover svg {
  background: rgba(255, 255, 255, 0.2)!important;
  color: #fff !important;
    font-family: "Permanent Marker", cursive;
    font-weight: 400;
    font-style: normal;
}
#ec-navbar svg {
  color: #fff !important;
}
#ec-navbar .uk-badge {
  background-color: #d4d4d4 !important;
  color: #222 !important;
}
#ec-navbar .nav-icon-6 span, #ec-navbar .uk-badge {
  background-color: #fff !important;
}
@media (max-width: 960px) {
    #ecaupo-logo {
        height: 65px;
        padding-top: 14px;
        float: left;
        margin-left: 28%;
    }
    .megaTitel {
        font-size:2.6rem;
    }
    .megaTitelSub {
        font-size:2rem;
    }
}
/* end custom */
@media (min-width: 960px) {
	.ec-category-header {
		height:300px!important;
	}
	/* Variante 1 mit langem header Bild 
	#ecaupo-section-content {
		margin-top:300px;
		background:#fff;
	}*/
	/* Variante 2 mit seitlichem Bild */
	#ecaupo-section-content {
		margin-top:50px;
	}
	#shopFooter {
		background:none;
	}
}
#ecaupo-desktopmenu > li > ul {
  background: #1d1d1d;
  border: 1px solid rgba(242, 242, 242, 0.85);
}
.ec-bg-reverse:not(div) {
  background: radial-gradient( circle farthest-corner at 10% 20%, rgba(255,209,67,1) 0%, rgba(255,145,83,1) 90% )!important;
}
.ec-categoryModal-inner {
  background: rgba(255,255,255,0.9)!important;
}
/* Element menu */
.ec-categoryModal {	background:url('varianten/menu/Rustical/bg.webp') no-repeat top center #fff;background-size: cover; }
.ec-clickableInput .uk-input { background: rgb(255, 255, 255) !important; }
/* --Element menu */
/* Element bg-kat1-kat */
.bg-kat1-kat { background:none; }

/* --Element bg-kat1-kat */