/*
To change this license header, choose License Headers in Project Properties.
To change this template file, choose Tools | Templates
and open the template in the editor.
*/
/* 
    Created on : 29.01.2016, 10:26:14
    Author     : liebsche
*/

#zielgruppen_nav {
	float: left;
	box-sizing: border-box;
	display: table;
	width: 100%;
	font-family:var(--infotext),'Lucida Grande','Lucida Sans Unicode','Lucida Sans',sans-serif;
	font-size:0.925rem;   
	text-transform: uppercase;
	letter-spacing: 0.035rem;
	line-height: 2.0rem;
	color: black;   
	position: relative;
	padding: 0.5rem 0 0 0;
}

#zielgruppen_nav ul {
	list-style-type: none;
	margin: 0;
	padding: 0;
}
#zielgruppen_nav li {
	line-height: 2.0rem;
	margin: 0;
	padding: 0;
}

#zielgruppen_nav a {
	display: block;
	text-decoration: none;
}
#zielgruppen_nav a:focus, 
#zielgruppen_nav a:hover, 
#zielgruppen_nav a:active {
	color: #7A003F;
	background-color: inherit;
}

#zielgruppen_links {
	display: table-cell;
	background-color: #FFD983;  
	padding:0 1rem 0 1rem;
	border-top-left-radius: 0.2rem;
	border-bottom-left-radius: 0.2rem;   
	width: 76.5%;
}

#zielgruppen_links ul {
	display: flex;
	justify-content: space-around;
	flex-wrap: wrap;
}
#zielgruppen_links li {
	float: left;
	margin: 0;
	padding: 0 0.6rem 0 0;
}

#weitere_zielgruppen_links {
	display: table-cell;
	vertical-align: top;
	background-color: #FFD983;
	width:23.5%;
	border-top-right-radius: 0.2rem;
	border-bottom-right-radius: 0.2rem; 
	padding: 0 0 0 0.75rem;
}
#weitere_zielgruppen_links.zg_minmax_0,
#weitere_zielgruppen_links.zg_minmax_1,
#weitere_zielgruppen_links.zg_minmax_2,
#weitere_zielgruppen_links.zg_minmax_3,
#weitere_zielgruppen_links.zg_minmax_4 {
	display: none;
}


#wzg_title  {
	text-align:center;
	padding: 0 0.5rem 0 0;
}

:lang(de) #wzg_title span:before {
	content: 'WEITERE ZIELGRUPPEN';
}
:lang(en) #wzg_title span:before {
	content: 'MORE TARGET GROUPS';
}

#wzg_title span:after {
	display: inline-block;
	width: 1rem;
	height: 1rem;
	padding: 0 0 0 0.25rem;
	-webkit-font-smoothing: antialiased;
	-moz-osx-font-smoothing: grayscale;
	font-size: 12px;
	line-height: 0.45;
	font-family: 'Genericons';
	font-weight: normal;
	font-style: normal;
	vertical-align: bottom;
	content: '\f502';
}

#wzg_liste {
	position: absolute;
	right: 5000px;
	background-color: #FFD983;
	min-width:23.5%;
	border-bottom-left-radius: 0.2rem;
	border-bottom-right-radius: 0.2rem; 
	z-index: 99999;
}

#wzg_liste li {
	border-top: solid 1px white;
	padding: 0 0.75rem;
}

#weitere_zielgruppen_links:hover #wzg_liste {
	right: 0;
}
#weitere_zielgruppen_links:hover {
	border-bottom-right-radius: 0; 
}


#wzg_liste li,
#zielgruppen_links li {
	display: none;
}
#zielgruppen_links li:nth-of-type(1),
#zielgruppen_links li:nth-of-type(2),
#zielgruppen_links li:nth-of-type(3),
#zielgruppen_links li:nth-of-type(4),
#zielgruppen_links li:nth-of-type(5),
#zielgruppen_links li:nth-of-type(6) {
	display: block;
}

#zielgruppen_links.zg_max_1 li:nth-of-type(2),
#zielgruppen_links.zg_max_1 li:nth-of-type(3), 
#zielgruppen_links.zg_max_1 li:nth-of-type(4),
#zielgruppen_links.zg_max_1 li:nth-of-type(5),
#zielgruppen_links.zg_max_1 li:nth-of-type(6),
#zielgruppen_links.zg_max_2 li:nth-of-type(3), 
#zielgruppen_links.zg_max_2 li:nth-of-type(4),
#zielgruppen_links.zg_max_2 li:nth-of-type(5),
#zielgruppen_links.zg_max_2 li:nth-of-type(6),
#zielgruppen_links.zg_max_3 li:nth-of-type(4),
#zielgruppen_links.zg_max_3 li:nth-of-type(5),
#zielgruppen_links.zg_max_3 li:nth-of-type(6),
#zielgruppen_links.zg_max_4 li:nth-of-type(5),
#zielgruppen_links.zg_max_4 li:nth-of-type(6),
#zielgruppen_links.zg_max_5 li:nth-of-type(6) {
	display: none;
}

#wzg_liste.zg_max_1 li:nth-of-type(2),
#wzg_liste.zg_max_1 li:nth-of-type(3),
#wzg_liste.zg_max_1 li:nth-of-type(4),
#wzg_liste.zg_max_1 li:nth-of-type(5),
#wzg_liste.zg_max_1 li:nth-of-type(6),
#wzg_liste.zg_max_2 li:nth-of-type(3),
#wzg_liste.zg_max_2 li:nth-of-type(4),
#wzg_liste.zg_max_2 li:nth-of-type(5),
#wzg_liste.zg_max_2 li:nth-of-type(6),
#wzg_liste.zg_max_3 li:nth-of-type(4),
#wzg_liste.zg_max_3 li:nth-of-type(5), 
#wzg_liste.zg_max_3 li:nth-of-type(6),
#wzg_liste.zg_max_4 li:nth-of-type(5),
#wzg_liste.zg_max_4 li:nth-of-type(6),
#wzg_liste.zg_max_5 li:nth-of-type(6) {
	display: block;
}

#wzg_liste li:nth-of-type(7),
#wzg_liste li:nth-of-type(8),
#wzg_liste li:nth-of-type(8),
#wzg_liste li:nth-of-type(9),
#wzg_liste li:nth-of-type(10),
#wzg_liste li:nth-of-type(11),
#wzg_liste li:nth-of-type(12),
#wzg_liste li:nth-of-type(13),
#wzg_liste li:nth-of-type(14),
#wzg_liste li:nth-of-type(15) {
	display: block;
}



@media screen and ( max-width: 950px ) {

#wzg_liste {
	/*width:30%;*/
}
#weitere_zielgruppen_links.zg_minmax_0 {
	display: table-cell;
}

#zielgruppen_links li:nth-of-type(6),
#zielgruppen_links.zg_max_5 li:nth-of-type(5),
#zielgruppen_links.zg_max_4 li:nth-of-type(4),
#zielgruppen_links.zg_max_3 li:nth-of-type(3) {
	display: none;
}
#wzg_liste li:nth-of-type(6),
#wzg_liste.zg_max_5 li:nth-of-type(5),
#wzg_liste.zg_max_4 li:nth-of-type(4),
#wzg_liste.zg_max_3 li:nth-of-type(3) {
	display: block;
}

}


@media screen and ( max-width: 850px ) {

#wzg_liste {
	min-width:32%;
}
#weitere_zielgruppen_links.zg_minmax_1 {
	display: table-cell;
}
:lang(de) #wzg_title span:before {
	content: 'ZIELGRUPPEN';
}
:lang(en) #wzg_title span:before {
	content: 'TARGET GROUPS';
}

#zielgruppen_links li:nth-of-type(5),
#zielgruppen_links.zg_max_5 li:nth-of-type(4),
#zielgruppen_links.zg_max_4 li:nth-of-type(3),
#zielgruppen_links.zg_max_3 li:nth-of-type(3) {
	display: none;
}
#wzg_liste li:nth-of-type(5),
#wzg_liste.zg_max_5 li:nth-of-type(4),
#wzg_liste.zg_max_4 li:nth-of-type(3),
#wzg_liste.zg_max_3 li:nth-of-type(3) {
	display: block;
}

}

@media screen and ( max-width: 700px ) {

#weitere_zielgruppen_links.zg_minmax_2 {
	display: table-cell;
}
#zielgruppen_links {
	width:70%;
}
#weitere_zielgruppen_links {
	width:30%;
}
/*#wzg_liste {
	min-width:30%;
}*/
#zielgruppen_links li:nth-of-type(4),
#zielgruppen_links.zg_max_5 li:nth-of-type(3),
#zielgruppen_links.zg_max_4 li:nth-of-type(3),
#zielgruppen_links.zg_max_3 li:nth-of-type(2) {
	display: none;
}
#wzg_liste li:nth-of-type(4),
#wzg_liste.zg_max_5 li:nth-of-type(3),
#wzg_liste.zg_max_4 li:nth-of-type(3),
#wzg_liste.zg_max_3 li:nth-of-type(2) {
	display: block;
}

}


@media screen and ( max-width: 600px ) {

#weitere_zielgruppen_links.zg_minmax_3 {
	display: table-cell;
}
#zielgruppen_links {
	width:67%;
}
#weitere_zielgruppen_links {
	width:33%;
}
/*#wzg_liste {
	width:50%;
}*/
#zielgruppen_links li:nth-of-type(3),
#zielgruppen_links.zg_max_5 li:nth-of-type(2),
#zielgruppen_links.zg_max_4 li:nth-of-type(2),
#zielgruppen_links.zg_max_3 li:nth-of-type(1),
#zielgruppen_links.zg_max_2 li:nth-of-type(2) {
	display: none;
}
#wzg_liste li:nth-of-type(3),
#wzg_liste.zg_max_5 li:nth-of-type(2),
#wzg_liste.zg_max_4 li:nth-of-type(2),
#wzg_liste.zg_max_3 li:nth-of-type(1),
#wzg_liste.zg_max_2 li:nth-of-type(2) {
	display: block;
}

}


@media screen and ( max-width: 500px ) {

#weitere_zielgruppen_links.zg_minmax_4 {
	display: table-cell;
}
#zielgruppen_links {
	width:60%;
}
#weitere_zielgruppen_links {
	width:40%;
}
#wzg_liste {
	min-width:50%;
}
#zielgruppen_links li:nth-of-type(2) {
	display: none;
}
#wzg_liste li:nth-of-type(2) {
	display: block;
}

}


@media screen and ( max-width: 350px ) {

#zielgruppen_links {
	display: none;
}
#weitere_zielgruppen_links,
#wzg_liste {
	width:100%;
}
#wzg_liste li:nth-of-type(1) {
	display: block;
}

}