@import url(jquery.webui-popover.css);
@import url(jquery.bxslider.css);
@import url(megamenu.css);
@import url(mmenu-light.css);
@import url(all.min.css);
@import url(style.css);
@import url(faw.css);

@import url(mediascreen.css);

.form_artikelsuche button{
display:none;
}

.form_artikelsuche input{
display:block;
width:80%;
border:0px;
padding:5px;
}

.tab_bezeichnung{
display:inline-block;
width:30%;
}

#amount{
font-size:80%;
}




/*================ACCORDION================*/
.accordion {
  Xfont-size: 1rem;
  width: 100%;
  margin: 0 auto;
  Xborder-radius: 5px;
}

.accordion-header,
.accordion-body {
  background: white;
  color: #333;
  Xborder-bottom:1px solid #ddd;
}

.accordion-header {
  padding: 0.5em 0.2em;
  background: #fff;
  color: #333;
  cursor: pointer;
  Xfont-size: .7em;
  Xletter-spacing: .1em;
  transition: all .3s;
  text-transform: uppercase;
  font-weight:bold;

}

.accordion__item {
    border-bottom: 0px solid #3a4ba4;
}

.accordion__item .accordion__item {
  border-bottom: 1px solid rgba(0, 0, 0, 0.08);
}

.accordion-header:hover {
  background: #fff;
  position: relative;
  z-index: 5;
}

.accordion-body {
  background: #fff;
  color: #333;
  display: none;
}

.accordion-body__contents {
  padding: 0.5em 0.5em;
  Xfont-size: .85em;
}

.accordion__item.active:last-child .accordion-header {
  border-radius: none;
}

.accordion:first-child > .accordion__item > .accordion-header {
  border-bottom: 1px solid transparent;
}

.accordion__item > .accordion-header:after {
	content:"\f078";
  font-family: 'FAW5';
  font-size: 1.4em;
  float: right;
  position: relative;
  top: -2px;
  transition: .3s all;
  transform: rotate(0deg);
  color:#333;
  font-weight:normal;
}
.accordion__item.active > .accordion-header:after {
  transform: rotate(-180deg);
}

.accordion__item.active .accordion-header {
  Xbackground: #efefef;
}

.accordion__item .accordion__item .accordion-header {
  background: #f1f1f1;
  color: #353535;
}
/*==========ENDE ACCORDION==========*/

a.submenu, a.submenu_aktiv{
font-size:90%;
padding:0 0 0 20px;
}
a.submenu_aktiv{
font-weight:bold;
}

img{max-width:100%;}

.kundenbereich_menu{
display:block;
text-align:center;
}

.kundenbereich_menu a{
display:inline-block;
text-decoration:none;
padding:5px 10px ;
border:1px solid #ddd;
background:#efefef;
color:#666;
border-radius: 5px;
}

.filterdel .fas{
padding-left:10px;
}
.filterdel{
padding:2px 5px 2px 5px;
border:1px solid #ddd;
background:#efefef;
color:#666;
Xbackground:#efefef url(/cms_content/layout/close.png) no-repeat right center;
Xbackground-size: 15%;
display:inline-block;
}
.filteranzeige{
display:inline-block;
}

.mobile{
display:none;
}
.artikelsuche{
display:block;
margin:-10px 0 10px 0;
}

.titel_sortierung{
Xpadding:0 20px 0 0;
float:right;
}
/* open-sans-regular - latin */
@font-face {
  font-family: 'Open Sans';
  font-style: normal;
  font-weight: 400;
  src: url('fonts/open-sans-v34-latin-regular.eot'); /* IE9 Compat Modes */
  src: local(''),
       url('font/open-sans-v34-latin-regular.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
       url('font/open-sans-v34-latin-regular.woff2') format('woff2'), /* Super Modern Browsers */
       url('font/open-sans-v34-latin-regular.woff') format('woff'), /* Modern Browsers */
       url('font/open-sans-v34-latin-regular.ttf') format('truetype'), /* Safari, Android, iOS */
       url('font/open-sans-v34-latin-regular.svg#OpenSans') format('svg'); /* Legacy iOS */
}
/*
=======================

a.titel_filter{
padding:0 0 0 25px;
background:  url(/cms_content/layout/filter.png) no-repeat left center;
background-size: 37%;
text-decoration:none;
}


.filtertitel{
padding:0 20px 0 0;
background:  url(/cms_content/layout/auf.png) no-repeat right center;
background-size: 20px;
font-weight:normal;
margin-right:5px;
}
======================
*/

.cookie_button_select{
background:none;
border:0;
}
/*
.cookie_button_all{
padding:5px;
}
*/
.small_button{
padding:5px;
}
.changebutton{
padding:5px 10px 5px 20px;
color:#333;
background: #efefef url(/cms_content/layout/edit.png) no-repeat 4px center;
background-size: 22%;
}

#cookie{
position: fixed;
top:auto;
bottom:5px;
right:5px;
left:auto;
border:1px solid #ddd;
width:300px;
-webkit-border-radius: 5px;
-moz-border-radius: 5px;
border-radius: 5px;
padding:5px;
font-size:80%;
max-width:90%;
background:#efefef;
z-index:9;
}

.selectbutton{
border:1px;background:none;padding:5px;margin:0;text-align:left;color:#333;
}
.selectbutton_aktiv{
display:block;
background:#ddd;border:1px;padding:5px;margin:0;text-align:left;color:#333;
}

.vorschaubild{
text-align:center;
overflow:hidden;
display:block;
margin:3px 3px 0 3px;
height:250px;
background-repeat: no-repeat;
background-size: contain;
background-position: center;
}

#mobilsuche .artikelsuche input{
padding:5px;
border:0px solid #333;
width:90%;
}
.schnellsuche .artikelsuche input{
padding:5px;
border:0px solid #333;
width:90%;
}









.filter_links .combo{
border:0px ;
}
.filter_links{
border-bottom:0px solid #333 ;
}

.dropdownfilter{
display:inline-block;
Xwidth:30%;
max-width:45%;
}

.filtercombo, .filtercombo_aktiv {
font-size: 1.0em;
padding:3px;
margin:5px;
width:90%;
Xdisplay:inline-block;
}

.filtercombo_aktiv{
border:2px solid #111;
}

#pfadleiste h1{
margin-top:-1px;
display:block;
}

#mobilfilter{
display:block;
margin:-10px 0 10px 0;
position: relative;
height:25px;
}
/*
#mobilsuche .form_artikelsuche{
margin-top:10px;
margin-bottom:-10px;
height:35px;
}
*/
#mobilnavi{
float:left;
overflow: hidden;
Xbackground: #afcc1c;
display:none;
top:0;
z-index:999999999;
padding: 10px;
color:#4b580a;
width:300px;
}


#mobilnavi ul{list-style:none;width:70%;margin-top:-5px;}

#mobilnavi a{
display:block;text-decoration:none;padding:5px 0;border-bottom:1px solid #ddd;color:#4b580a;
}
#mobilnavi li{
margin-bottom:10px;position:relative;cursor:pointer;
}
/* MENU */
.jquery-accordion-menu > ul > li:hover > a,
.jquery-accordion-menu > ul > li.active > a{
	color: #333;
	background: #3b424d;
}

.jquery-accordion-menu > ul > li > a{
	border-bottom: solid 1px #3b424d;color:#333;
}
/* SUBMENU */
.jquery-accordion-menu .jquery-accordion-menu-header,
.jquery-accordion-menu .jquery-accordion-menu-footer,
.jquery-accordion-menu ul li a{
	background: #afcc1c;color:#333;
}
.jquery-accordion-menu > ul > li:hover > a,
.jquery-accordion-menu > ul > li.active > a{
	background: #afcc1c;color:#333;
}
.jquery-accordion-menu > ul > li > a{
	border-bottom-color: #afcc1c;color:#333;
}
.jquery-accordion-menu ul li a{
	color: #333;
	Xfont-size: 13px;
	Xbackground: #414956;
}





header{
Xbackground:#fff;
z-index:9;
}

#mobilsuche{
padding:10px 20px ;
}





#mobilnavibutton{
display:block;
margin-top:5px;
position:inherit;width:96%;
height:30px;
border:1px solid red;
}



#mobilnavibutton img{
max-width:33px;
width:33%;
padding:5px;

}

.m_basketinfo{
Xborder:1px solid red;
font-size:70%;
width:10px;
height:10px;
Xborder-radius:5px;
display:inline-block;
}


/*
#mobilheader #logo{
display:block;
text-align:center;
width:95%;
}
#mobilheader .mlogo img{
Xmax-height:100%;
}
*/
XXXXXXXXXXXXXXXXXXXXXXXXXXXX

.artikelsortierung_top{
float:right;
margin-right:15px;

}



#tabs_artikel_rechts{
display:none;
}


#subcontent{
text-align:center;
}


#submenuitem{
display:inline-block;
vertical-align:top;
width:40%;
margin:2%;
}


#pfadleiste .pfad h1{
margin-bottom:0;
font-size:250%;
letter-spacing: 0.1em;
}

.pfadlink{
padding:0 10px;

}

#navileiste{
box-shadow: 0px 10px 8px #fafafa;
}




#zusatzartikel{
margin-top:30px;
}

#zusatzartikel h3{
font-weight:normal;
text-transform:uppercase;
border-bottom:1px solid #efefef;
}

.artikel_dazupassend{
border:1px solid #f1f1f1;
text-align:center;
}
.artikel_dazupassend a{
text-decoration:none;
}


#zusatzinfo{
background:#efefef;
padding:20px;
text-align:left;
}

#zusatzinfo a{
display:block;
text-decoration:none;
margin:8px 0;
}

#zusatzinfo a.italic{
margin-right:10px;
}

#detailnavi{
Xtext-align:right;
}

#detailnavi a{
display:inline-block;
margin:5px;
font-size:160%;
text-align:center;
text-decoration:none;
color:#999;
}


    .mm {
        background: #ffe;
        color: #330;
        top:80px;
        X--mm-spn-item-height: 46px;
        X--mm-ocd-max-width: 500px;
    }

#mobilheader #toptitel{
font-size:90%;
}

/*
#detailnavi a.back{
Xbackground:  url(/cms_content/layout/zuruck.png) no-repeat center;
Xbackground-size: 70%;
}

#detailnavi a.next{
Xbackground: url(/cms_content/layout/weiter.png) no-repeat center;
Xbackground-size: 70%;
}

#detailnavi a:hover{
Xborder:1px solid #999;
Xbackground-color:#efefef;
}

*/






#mobilnavibutton{display:none;}
#logo img{max-width:60%;}

.footerwrapper{
/*
margin: 0 auto 0;
padding:0 20px ;
*/
height:auto;
width:100%;
max-width:1600px;
display:block;
text-align:center;
}





#trauringspezialist{
background:#afcc1c;
margin:0;
padding:5px;
font-size:1.2em;
}

#buttonleiste img{height:25px;
}

/*




#mobilnavibutton a{
color:#fff;
}

.artikeldetails_pfad{
font-size:80%;
}
.artikelsuche_rechts{
float:right;width:60%;text-align:right;margin-top:-5px;
font-size:90%;
}



.dropdownfilter{
display:inline-block;
width:24%;
}


.filtercombo, .filtercombo_aktiv {
font-size: 1.0em;
padding:3px;
margin:5px;
width:90%;
}

.filtercombo_aktiv{
border:2px solid #111;
}

#filterresetbutton{
display:block;
border:0px solid #ccc;
width:100%;
text-align:right;
margin-top:-35px;
}

#filter_artikelgruppe{
border:0px solid #ddd;
}
.filter_button, .filter_button_aktiv{
width:auto;
padding:7px 10px;
}

.filter_artikelgruppe{
display:inline-block;
}
.filter_button_aktiv{
background:#111;
}

.artikelfilter{
border:1px solid #fff;
height:20px;
}

a.nobutton{
text-decoration:none;
}
.filterdel{
border:0px;padding:5px 8px 5px 20px;
background: url(/cms_content/layout/delete.png) no-repeat left center;text-align:left;
color:#111;
display:inline-block;
}


#filter form{
display:inline-block;
}
.m_basketinfo{
margin:0 0 0 6px;
font-size:70%;
display:inline-block;
}

#footerlinkzeile{
display:none;
text-align:center;
font-size:90%;
}
#footerlinkzeile a{
text-decoration:none;
padding:0 15px;
}

.kundenmenu2{
display:block;
text-align:center;
border:1px solid #efefef;
}
.kundenmenu2 a{
text-decoration:none;
border:1px solid #ddd;
}
/*
#mobilheader .mlogo{
display:inline-block;
padding-top:5px;
margin-left:2%;
Xwidth:60%;
text-align:center;
}
*/


/*
#mobilnavi{
background:#111;
}

#mobilheader .mlogo img{
width:90px;
margin-top:15px;
max-width:100%;
}


.underline{
display:block;
border-top:1px solid #b59564;
height:8px;
width:80%;
}

#mailorderform input{
display:inline-block;
border:0px solid #333;
background:#efefef;
width:42%;
padding:10px;
margin:8px;
color:#666;
}
#mailorderform .nachricht{
display:block;
border:0px solid #333;
background:#efefef;
width:95%;
padding:10px;
margin:8px;
color:#666;
}
#mailorderform .label{
display:block;
width:95%;
padding:10px;
margin:8px;
color:#666;
font-size:120%;
font-weight:bold;
text-align:left;
}


#mailorderform .combo{
display:block;
background:#efefef;
width:45%;
padding:10px;
margin:12px 8px 8px 8px;
color:#666;
border:0px;
}



.mailorderinfo{
display:block;
background:#efefef;
border-top:2px solid #999;
padding:5px;
font-size:90%;
}




.fancybox-custom .fancybox-skin {
			box-shadow: 0 0 50px #ddd;
}


.megamenu_light .megamenu li .dropdown_container,
.megamenu_light .megamenu li .dropdown_fullwidth,
.megamenu_light .megamenu li .dropdown_flyout li ul {
	border:1px solid #161616;
	border-top-width: 0;
	background: #111;
	color: #fff;
}

.megamenu_light .megamenu p,
.megamenu_light .megamenu h1,
.megamenu_light .megamenu h2,
.megamenu_light .megamenu h3,
.megamenu_light .megamenu h4,
.megamenu_light .megamenu h5,
.megamenu_light .megamenu h6 {
	color: #ddd;
	text-align:left;
	/*text-shadow: 1px 1px 1px #FFFFFF;*/

	/*
}



.megamenu_light .megamenu > li > div a,
.megamenu_light .megamenu li ul li,
.megamenu_light .megamenu li ol li {
	color:#ddd;
	Xborder:1px solid red;
}
.megamenu_light .megamenu > li > div a{
padding:10px 0;
}




.megamenu_light .megamenu > li > div a:hover {
	color:#b59564
}

.megamenu {
Xtext-align:center;
}
.megamenu > li{
Xfloat:left;
margin:0;
border:none;
display:inline-block;
}



#zusatzinfo{
background:#efefef;
padding:20px;
text-align:left;
}

#zusatzinfo a{
display:block;
text-decoration:none;
margin:8px 0;
}

#zusatzinfo a.italic{
margin-right:10px;
}

#detailnavi{
text-align:right;
}
#detailnavi a{
display:inline-block;
margin:5px;
font-size:120%;
border:1px solid #ccc;
height:30px; width:30px;
text-align:center;
border-radius: 15px;
}

#detailnavi a.back{
background:  url(/cms_content/layout/zuruck.png) no-repeat center;
background-size: 70%;
}

#detailnavi a.next{
background: url(/cms_content/layout/weiter.png) no-repeat center;
background-size: 70%;
}
#detailnavi a:hover{
border:1px solid #999;
background-color:#efefef;
}


.filtertabs {
  margin: 0px 5px;
  position: relative;
  Xbox-shadow: 0px 0px 40px rgba(0, 0, 0, 0.2);
  width: 99%;
}

.filtertabs nav {
  display: flex;
  flex-wrap: wrap;
  align-items: stretch;
  background: #AD9897;
  color: #6C5D5D;
  Xtext-shadow: 1px 1px 1px rgba(255, 255, 255, 0.2);
  width: 25%;
}

.filtertabs nav a {
  padding: 5px 0px;
  Xtext-align: center;
  width: 100%;
  cursor: pointer;
}

.filtertabs nav a:hover,
.filtertabs nav a.selected {
  Xbackground: #6C5D5D;
  Xcolor: #AD9897;
  Xtext-shadow: 1px 1px 1px rgba(0, 0, 0, 0.2);
}

.filtertabs .content {
  padding: 20px 0px;
  position: absolute;
  top: 0px;
  left: 30%;
  color: #6C5D5D;
  width: 0px;
  height: 80%;
  overflow: hidden;
  opacity: 0;
  transition: opacity 0.1s linear 0s;
}

.filtertabs .content.visible {
  padding: 20px;
  width: calc(100% - 150px);
  overflow: scroll;
  opacity: 1;
}

.filtertabs .content p { padding-bottom: 2px; }

.filtertabs .content p:last-of-type { padding-bottom: 0px; }


#zusatzartikel{
margin-top:30px;
}

#zusatzartikel h3{
font-weight:normal;
text-transform:uppercase;
border-bottom:1px solid #efefef;
}

.artikel_dazupassend{
width:20%;
margin:2%;
display:inline-block;
border:0px solid #f1f1f1;
text-align:center;
}


#filter{
Xfloat:left;
overflow: hidden;
background: #fff;
display:none;
position:absolute;
top:0;
z-index:999999999;
width:400px;
max-width:90%;
padding: 10px;
moz-box-shadow:    1px 1px 1px 1px #ddd;
webkit-box-shadow: 1px 1px 1px 1px #ddd;
box-shadow:         1px 1px 1px 1px #ddd;
box-sizing: border-box
height:100%;
}





/* Style the tab
#filter .tab {
  float: left;
  border: 1px solid #ccc;
  background-color: #f1f1f1;
  width: 25%;
  height: 300px;
}

/* Style the buttons that are used to open the tab content
#filter .tab button {
  display: block;
  background-color: inherit;
  color: black;
  padding: 22px 16px;
  width: 100%;
  border: none;
  outline: none;
  text-align: left;
  cursor: pointer;
  transition: 0.3s;
}

/* Change background color of buttons on hover
#filter .tab button:hover {
  background-color: #ddd;
}

/* Create an active/current "tab button" class
#filter .tab button.active {
  background-color: #ccc;
}

/* Style the tab content
#filter .tabcontent {
  float: left;
  padding: 0px 12px;
  border: 1px solid #ccc;
  width: 70%;
  border-left: none;
  height: 300px;
}

/*
.topmenu_mobile .info{
display:inline-block;
height:20px;width:20px;
font-size:50%;
text-align:center;
margin-left:-10px;
border-radius: 10px;
background:#ccc;
color:#111;
}


#mmenu{
top:0px;
margin-top:-40px;
background-color: #fff;
border-right:1px solid #ddd;
padding-right:5px;
color:#111;
}

#mmenu li a{
color:#111;
}
#panel-menu{
background-color: #fff;
color:#333;
}
*/


/*
.img_markenlogo{
margin:2%
}

.markenlogo{
border:1px solid #ccc;
padding:1%
margin-bottom:20px;
display:block;
}

.verkaufsart_aktiv{
background-color:#333;
border:1px solid red;
}
*/
/*
    #toggle-tabs {
        list-style:none;
        margin:0;
        padding:0;
        width:99%;
    }

	#toggle-tabs li {
		margin:10px;
		border-bottom:0px solid #ccc;
		position:relative;
		cursor:pointer;
	}

	#toggle-tabs h3 {
		margin:0;
	  padding:5px 0;
      border-bottom:1px solid #ddd;
      background:#ddd;
        width:100%;
        display:block;
        background-position:right center;
	}

	#toggle-tabs span {
		position:absolute;
		right:0px; top:0;
		border:0px solid red;
	}
	#toggle-tabs .panel span {
		margin:0px;
		 display:inline-block;
		 position:relative;
	}

	#toggle-tabs .panel {
		margin:0px;
		display:none;
	}


	#toggle-tabs ul {
		 list-style:none;
	}

  #toggle-tabs a{
  	 display:block;
     text-decoration:none;
     padding:5px 0;
     font-size:120%;
     border-bottom:1px solid #ddd;
    }