.flage a::before {
	background-image: url("/wp-content/themes/verschickung-neu/img/layout/wappen/wappen.png");
	width: 20px;
	height: 20px;	
	content:"";
	display: inline-block;
	background-size: 400px 200px;
	background-position-x: -99px;
	background-position-y: -4px;
	}

.baden.flage a::before {
  	background-position-x: -40px;
  	background-position-y: -4px;
	}

.bayern.flage a::before {
	background-position-x: -60px;
	background-position-y: -4px;
	}

.berlin.flage a::before {
	background-position-x: -99px;
	background-position-y: -4px;
	}

.flage.brandenburg a::before {
  background-position-x: -118px;
  background-position-y: -1px;
  margin-left: -2px;
}	

.flage.bremen a::before {
  background-position-x: -138px;
  background-position-y: -1px;
  margin-left: -2px;
}

.flage.hamburg a::before {
  background-position-x: 1px;
  background-position-y: -29px;
  margin-left: -2px;
}

.flage.hessen a::before {
  background-position-x: -19px;
  background-position-y: -29px;
  }

.flage.niedersachen a::before {
   background-position-x: -20px;
   background-position-y: -1px;
	}

.flage.nordrhein a::before {
 	background-position-x: -1px;
	background-position-y: -1px;
	}


.flage.mecklenburg a::before {
	background-position-x: -40px;
	background-position-y: -32px;
	}

.flage.rheinland a::before {
   background-position-x: -80px;
   background-position-y: -1px;
	}

.flage.saarland a::before {
   background-position-x: -121px;
   background-position-y: -30px;
	}
.flage.sachsen a::before {
  background-position-x: -80px;
  background-position-y: -29px;
	}
.flage.sachensanhalt a::before {
  background-position-x: -143px;
  background-position-y: -30px;
}	
.flage.schleswig a::before {
  background-position-x: -60px;
  background-position-y: -31px;
}
.flage.thueringen a::before {
  background-position-x: -100px;
  background-position-y: -31px;
}

.main-menu ul ul li.seelsorge1 > a::after,
li.seelsorge1 > a::after {

    font-family: Arimo;
    color: #f00 !important;
    padding-left: 9px !important;
    color: #b7b4b4 !important;
    padding-left: 9px !important;
    font-size: 14px;
    color: #dbc75a !important;
    content: "(Suchen Gesprächshelferin)";
    position: relative;
    left: 0;
    width: auto;
    font-family: Fontawesome;
    padding-right: 5px;
    font-size: 12px;
    top: 0px;
    background-color: transparent;
    font-weight: 900;

}


.CoVerein {
	background-color: #c700ff36;;
	background-color: #9b51e059;
}


.CoForum {
	background-color: #3fc66745;

}


#primary-menu .hidden,
.mobile-navigation ul li.IcStart  {
	display: none;
}

.mobile-navigation div > ul li  {
	
}

.mobile-navigation ul li.menu-item-has-children .drawer-nav-drop-wrap {
	margin-top: 20px;
	font-size: 30px;
	font-weight: 900;
	padding-top: 0px;
	padding-bottom: 0px;
	border-bottom: 5px solid rgba(255,255,255,0.1) !important;
}

.mobile-navigation button.drawer-sub-toggle {
	display: none !important;
}

.mobile-navigation ul li.menu-item-has-children .drawer-nav-drop-wrap > a {
	padding-top: 0px;
	padding-bottom: 0px;
	}



.mobile-navigation ul.has-collapse-sub-nav ul.sub-menu {
	display: block !important;
	}


.header-navigation .header-menu-container ul .sub-menu ul li.menu-item {
	display: block;
	width: 100%;
	}

.nav--toggle-sub li:hover > ul, 
.nav--toggle-sub li.menu-item--toggled-on > ul, 
.nav--toggle-sub li:not(.menu-item--has-toggle):focus > ul {
  	display: block;
  	width: 400px;
	}

.header-navigation ul.sub-menu ul li.menu-item >  a {
	padding-top: 2px !important;
	padding-bottom: 2px !important;
	}

.main-navigation li.CoVerschickung:hover .sub-menu {
   display: flex;
    flex-wrap: wrap;
    gap: 10px;
    padding: 10px;
	}

.1main-navigation li.CoVerschickung:hover .sub-menu .menu-item {
  	width: 100% !important;
    height: auto !important;
    display: block !important;
    object-fit: cover !important;
    border-radius: 5px !important;
    flex-direction: row !important;
    }



.main-navigation li.CoVerschickung:hover .sub-menu,
.main-navigation li.CoKontakt:hover .sub-menu,
.main-navigation li.CoRecherche:hover .sub-menu
	{
	display: flex !important;
    flex-wrap: wrap !important;
    gap: 10px !important;
    padding: 10px !important;
    width: 800px !important;
	flex-direction: row !important;
	}


.main-navigation li.CoVerschickung:hover .sub-menu {
	width: 1200px !important;
	left: -530px;

}

.main-navigation li.CoVerschickung:hover .sub-menu .menu-item,
.main-navigation li.CoKontakt:hover .sub-menu .menu-item,
.main-navigation li.CoRecherche:hover .sub-menu .menu-item {
	width: 380px;
	}

.main-navigation li .sub-menu #menu-item-20079 {
	top: 224px;
	position: absolute;
	}

.main-navigation li .sub-menu #menu-item-19982 {
	top: 249px;
	position: absolute;
	}

.main-navigation li.CoRecherche:hover .sub-menu  {	
	height: 480px;
	}

.main-navigation li.CoVerschickung:hover .sub-menu .widget_nav_menu .menu-item:last-child,
.main-navigation li.CoKontakt:hover .sub-menu .widget_nav_menu .menu-item:last-child,
.main-navigation li.CoRecherche:hover .sub-menu .widget_nav_menu .menu-item:last-child   {
	border-bottom: none !important;
	}

.main-navigation li .sub-menu > .menu-item {
	border-bottom: none !important;
	}

.1main-navigation li.CoVerschickung:hover .sub-menu,
.1main-navigation li.CoKontakt:hover .sub-menu,
.1main-navigation li.CoRecherche:hover .sub-menu {	
	left: -600px;
	width: 600px;
  	position: absolute;
  	width: 800px;
  	min-width: 605px;
  	display: inline-flex !important;
  	flex-direction: row-reverse;
  	flex-wrap: wrap-reverse;
  	flex-direction: row;
  	flex-wrap: wrap;
  	display: grid !important;
  	grid-template-columns: 7fr 7fr;
  	grid-template-rows: auto;
  	width: 805px;
	}	
/*
CoVerschickung .subMenut1 > .sub-menu {
}
*/

li.CoForum::hover .sub-menu {
	display: block !important;
	width: 400px;
	}	


li.CoVerein::hover .sub-menu {
	display: block !important;
	width: 400px;
	}	


.yawp_wim_title {
	
	color: #acd596 !important;
	border-bottom: 2px dashed #555;
	width: 100%;
	padding: 5px;
	padding-left: 15px;
	font-weight: 900;
	font-size: 20px;
	display: block;
}


.sub-menu .menu li a{
display: block;
width: 100% !important;
padding-top: 5px !important;
padding-bottom: 5px !important;
font-size: 16px !important;
 }


.search-form input[type="search"], .search-form input.search-field {
	height: 33px;
}