/*20260803*/


.site-wrap {
    left: 0;
    right: 0;
	z-index: 0;
	position: relative;
}

#meta ul:first-child {
	padding-bottom: 0;
	padding-right: 6px;
}
#meta ul:first-child a {
	position: relative;
	top: 1px;
	padding-left: 26px;
	padding-top: 4px;
	padding-bottom: 3px;
}

#meta ul:first-child a:hover {
	opacity: 1;
}

#meta ul:first-child li:nth-child(1) a:before {
	content: '';
	position: absolute;
	top: 0;
	left: 4px;
	width: 22px;
	height: 22px;
	border-radius: 20px;
	background:  url('../pix/icons/fon.png') no-repeat center !important; 
	background-size: 12px !important;
}

#meta ul:first-child li:nth-child(1).current a:before,
#meta ul:first-child li:nth-child(1) a:hover:before {
	content: '';
	position: absolute;
	top: 0;
	left: 4px;
	width: 22px;
	height: 22px;
	border-radius: 20px;
	background: url('../pix/icons/fon-invers.png') no-repeat center !important; 
	background-size: 12px !important;
	transition: all .2s ease-in-out 0s;
}





#meta ul:first-child li:nth-child(2) a:before {
	content: '';
	position: absolute;
	top: 0;
	left: 4px;
	width: 22px;
	height: 22px;
	border-radius: 20px;
	background: url('../pix/icons/pdf_dark.png') no-repeat 55% !important; 
	background-size: 9px !important;
}

#meta ul:first-child li:nth-child(2).current a:before,
#meta ul:first-child li:nth-child(2) a:hover:before {
	content: '';
	position: absolute;
	top: 0;
	left: 4px;
	width: 22px;
	height: 22px;
	border-radius: 20px;
	background: url('../pix/icons/pdf_dark-invers.png') no-repeat 55% !important;
	background-size: 9px !important;
	transition: all .2s ease-in-out 0s;
}




#meta.es ul:first-child li:nth-child(2) a:before,
#meta.en ul:first-child li:nth-child(4) a:before,
#meta ul:first-child li:nth-child(4) a:before {
	content: '';
	position: absolute;
	top: 0;
	left: 4px;
	width: 22px;
	height: 22px;
	border-radius: 20px;
	background: url('../pix/icons/ueberuns.png') no-repeat center !important; 
	background-size: 22px !important;
}


#meta.es ul:first-child li:nth-child(2) a:hover:before,
#meta.en ul:first-child li:nth-child(4) a:hover:before,
#meta ul:first-child li:nth-child(4) a:hover:before,
#meta ul:first-child li:nth-child(4).current a:before,
#meta.en ul:first-child li:nth-child(4).current a:before,
#meta.es ul:first-child li:nth-child(2).current a:before {
	content: '';
	position: absolute;
	top: 0;
	left: 4px;
	width: 22px;
	height: 22px;
	border-radius: 20px;
	background: url('../pix/icons/ueberuns-invers.png') no-repeat center !important; 
	background-size: 24px !important;
}



#meta ul:first-child li:nth-child(3) a:before,
#meta.en ul:first-child li:nth-child(3) a:before  {
	content: '';
	position: absolute;
	top: 0;
	left: 4px;
	width: 22px;
	height: 22px;
	border-radius: 20px;
	background: url('../pix/icons/faq.png') no-repeat 55% !important; 
	background-size: 14px !important;
}

#meta ul:first-child li:nth-child(3).current a:before,
#meta ul:first-child li:nth-child(3) a:hover:before,
#meta.en ul:first-child li:nth-child(3).current a:before,
#meta.en ul:first-child li:nth-child(3) a:hover:before {
	content: '';
	position: absolute;
	top: 0;
	left: 4px;
	width: 22px;
	height: 22px;
	border-radius: 20px;
	background: url('../pix/icons/faq-invers.png') no-repeat 55% !important;
	background-size: 14px !important;
	transition: all .2s ease-in-out 0s;
}


#meta.es ul:first-child li:nth-child(3) a:before,
#meta.en ul:first-child li:nth-child(5) a:before,
#meta ul:first-child li:nth-child(5) a:before {
	content: '';
	position: absolute;
	top: 0;
	left: 4px;
	width: 22px;
	height: 22px;
	border-radius: 20px;
	background: url('../pix/icons/team.png') no-repeat 55% 60% !important; 
	background-size: 14px !important;
}

#meta.es ul:first-child li:nth-child(3) a:hover:before,
#meta.en ul:first-child li:nth-child(5) a:hover:before,
#meta ul:first-child li:nth-child(5) a:hover:before,
#meta ul:first-child li:nth-child(5).current a:before,
#meta.en ul:first-child li:nth-child(5).current a:before,
#meta.es ul:first-child li:nth-child(3).current a:before  {
	content: '';
	position: absolute;
	top: 0;
	left: 4px;
	width: 22px;
	height: 22px;
	border-radius: 20px;
	background: url('../pix/icons/team-invers.png') no-repeat 55% 60% !important; 
	background-size: 14px !important;
	transition: all .2s ease-in-out 0s;
}

#sbt,
#home {
	display: none;
}

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

	#sbt,
	#home{
		display: block;
	}
	
	#motiv {
		margin-top: 0;
	}

	#balken{
		background: #444;
		width: 300px;
		height: auto;
		position: fixed;
		overflow: scroll;
		top: 0;
	    right: -350px;
		bottom: 0;
	    z-index: 1;
	}
	
	#balken:after {
		content: none;
	}
	
	#home {
		position: absolute;
		z-index: 10;
		padding: 10px;
		top: 1px;
	}
	
	
	#home a {
		display: block;
		background: url('../pix/icons/home.png') no-repeat center;
		background-size: contain;
		width: 36px;
		height: 36px;
		text-indent: -9999px;
		margin: 7px;
	}
	
	#nav {
		right: 0;
		position: relative;
		top: 140px;
		padding: 0 10px 100px;
	}
	
	
	#nav.breit {
		margin-right: 0px;
	}

	
	#nav.breit .submenu {
		left: 0px;
	}
	
	#nav.breit li,
	#nav.breit .submenu.polypearl {
		padding: .2em 0;
		width: 100% !important;
		left: 0;
	}
	
	#nav .noborder {
		border: none !important;
	}
	
	
	#nav ul li {
		display: block;
		width: 100%;
		opacity: 1;
	}
	
	#nav li {
		margin-top: 20px;
	}
	
	#nav ul li:first-of-type {
		margin-top: 40px;
	}
	
	
	#nav li a span,
	.submenu a {
		opacity: 1;
		color: #888 !important;
	}
	
	.submenu a {
		color: #fff !important;
		font-size: .85em !important;
	}
	
	#nav .submenu li,
	#nav .submenu li.current {
		border: none;
		padding: 4px 0;
		background: none !important;
	}
	
	#nav li a {
		padding: 0;
	}
	
	#nav li span {
		font-size: 1.5em;
		display: block;
		padding: .2em;
		margin-bottom: 4px;
	}
	
	#nav li.current {
		background: #333;
	}

	
	.submenu {
		visibility: visible;
		opacity: 1;
		position: relative;
		left: 0px;
		transition: all .2s ease-in-out 0s;
		width: auto;
		box-shadow: none;
		border-radius: none;
	}
	
	.submenu:before {
		content: none;
	}
	
	.submenu.farbchips {
		background: none;
		width: auto !important;
		left: 0;

	}
	
	.submenu li,
	.submenu .farbchips li {
		background: none !important;
		margin-top: 0 !important;
	}
	
	.submenu.polypearl {
		background: none;
		width: auto;
		left: 0;

	}
	
	.submenu li:first-child {
		border-radius: 0;
		padding-top: .2em !important;
		margin-top: 0 !important;
	}
	
	.submenu li:last-child {
		border-radius: 0;
	}
	
	.submenu a {
		padding: 2px !important;
	}
	

	#nav li a:hover  {
		color: #fff !important;
		background: rgba(255,255,255,.1);
	}
	
	#nav li.current span {
		font-weight: bold;
		color: rgba(0,98,175,1.0) !important;
	}
	.submenu li:hover,
	.submenu .farbchips li:hover {
		background: rgba(255,255,255,.1);
		transition: 0 !important;
	}
	
	.submenu li:hover a,
	.submenu .farbchips li:hover a {
		font-weight: normal !important;
		transition: 0 !important;
	}
	
	#nav .icon {
		width: 60px;
		height: 60px;
	
		margin-top: 15px;
		display: inline-block;
	}
	
	#nav li:hover .icon {
		transform: scale(1);
		box-shadow: none;
	}

	
	#meta {
		background: none;
		position: absolute;
		top: 70px;
		border-top: 1px solid rgba(255,255,255,0);
		background: linear-gradient(rgba(0,0,0,.3) 0%, rgba(0,0,0,0) 100%);
		/*padding: 5px;*/
		width: 100%;
	}
	
	#meta:before {
		content: none;
	}
	
	#meta ul {
		display: block;
		text-align: center;
		position: relative;
	}
	
	#meta li {
		display: inline-block;
		text-align: center;
		margin: .25em;
	}

	#meta li a {
		display: inline-block;
		font-size: .8em;
	}
	

	#meta ul:first-child a {
		text-indent: -9999px;
		width: 40px;
		height: 40px;
		position: relative;
		margin: 12px 0px !important;
		top: 0;
		padding: 2px;
	}
	
	#meta ul:first-child a:hover {
		opacity: 1;
	}
	
	#meta ul:first-child li:nth-child(1) a:before,
	#meta ul:first-child li:nth-child(2) a:before,
	#meta ul:first-child li:nth-child(3) a:before,
	#meta ul:first-child li:nth-child(4) a:before,
	#meta ul:first-child li:nth-child(5) a:before,
	
	#meta ul:first-child li:nth-child(1).current a:before,
	#meta ul:first-child li:nth-child(2).current a:before,
	#meta ul:first-child li:nth-child(3).current a:before,
	#meta ul:first-child li:nth-child(4).current a:before,
	#meta ul:first-child li:nth-child(5).current a:before,
	
	#meta ul:first-child li:nth-child(1) a:hover:before,
	#meta ul:first-child li:nth-child(2) a:hover:before,
	#meta ul:first-child li:nth-child(3) a:hover:before,
	#meta ul:first-child li:nth-child(4) a:hover:before,
	#meta ul:first-child li:nth-child(5) a:hover:before {
		content: none !important;
	}
	
	#meta ul:first-child li:nth-child(1) a {
		background: #fff url('../pix/icons/fon.png') no-repeat center !important; 
		background-size: 22px !important;
	}
	
	#meta ul:first-child li:nth-child(1).current a {
		background: rgba(0,98,176,1.0) url('../pix/icons/fon-invers.png') no-repeat center !important; 
		background-size: 22px !important;
	}
	
	#meta ul:first-child li:nth-child(2) a {
		background: #fff url('../pix/icons/pdf_dark.png') no-repeat 55% !important; 
		background-size: 16px !important;
	}
	
	#meta ul:first-child li:nth-child(2).current a {
		background: rgba(0,98,176,1.0) url('../pix/icons/pdf_dark-invers.png') no-repeat 55% !important; 
		background-size: 16px !important;
	}

	#meta ul:first-child li:nth-child(3) a,
	#meta.en ul:first-child li:nth-child(3) a {
		background: #fff url('../pix/icons/faq.png') no-repeat 55% !important; 
		background-size: 28px !important;
	}
	
	#meta ul:first-child li:nth-child(3).current a,
	#meta.en ul:first-child li:nth-child(3).current a {
		background: rgba(0,98,176,1.0) url('../pix/icons/faq-invers.png') no-repeat 55% !important; 
		background-size: 28px !important;
	}
	
	#meta.es ul:first-child li:nth-child(2) a,
	#meta ul:first-child li:nth-child(4) a {
		background: #fff url('../pix/icons/ueberuns.png') no-repeat center !important; 
		background-size: 44px !important;
	}
	
	#meta.es ul:first-child li:nth-child(2).current a,
	#meta.en ul:first-child li:nth-child(4).current a,
	#meta ul:first-child li:nth-child(4).current a {
		background: rgba(0,98,176,1.0) url('../pix/icons/ueberuns-invers.png') no-repeat center !important; 
		background-size: 44px !important;
	}
	
	#meta.es ul:first-child li:nth-child(3) a,
	#meta.en ul:first-child li:nth-child(5) a,
	#meta ul:first-child li:nth-child(5) a {
		background: #fff url('../pix/icons/team.png') no-repeat 55% 60% !important; 
		background-size: 28px !important;
	}
	
	#meta.es ul:first-child li:nth-child(3).current a,
	#meta.en ul:first-child li:nth-child(5).current a,
	#meta ul:first-child li:nth-child(5).current a {
		background: rgba(0,98,176,1.0) url('../pix/icons/team-invers.png') no-repeat 55% 60% !important; 
		background-size: 28px !important;
	}
	
	#meta .sprachen {
		position: absolute;
		top: -65px;
		right: 0;
		text-align: center;
	}
	
	#meta .sprachen li,
	#meta .social li {
		display: inline-block;
	}
	
	#meta .sprachen li a {
		width: 28px;
		height: 28px;
		padding: 0;
		border: 3px solid rgba(255,255,255,1);
	}
	
	#meta .social li a {
		width: 36px;
		height: 36px;
		padding: 0;
	}
	
	
	
	
	#meta .social {
		position: absolute;
		top: -70px;
		left: 50px;
	}
	
	
	#meta .social .linkedin a {
	background: url('../pix/icons/linkedin_white.png') no-repeat center;
	background-size: contain;
	opacity: 1;
}
	
	
	
}

.sidebar-toggle {
	display: none;
}

label[for="sidebar-toggle"] {
    position: fixed;
    top: 17px;
    right: 20px;
    z-index: 100;
    width: 40px;
    height: 40px;
    cursor: pointer;
    background: rgba(0,0,0,.5) url('../pix/icons/mininav.gif') center no-repeat;
    border-radius: 100px;
    padding: 3px;
    margin: 0;
    background-size: 18px;
}

.sidebar-toggle + label:hover {
	background: rgba(0, 87, 165, 1) url('../pix/icons/mininav.gif') 50% 50% no-repeat;
	background-size: 18px;
}

.sidebar-toggle:checked + label {
	/*background: rgba(0, 87, 165, 1) url('../pix/icons/mininav_off.gif') 50% 50% no-repeat;*/
	background: #444 url('../pix/icons/mininav_off.gif') 50% 50% no-repeat;
	background-size: 18px;
    right: 320px;
    z-index: 100;
	width: 38px;
	height: 38px;
	border: 3px solid rgba(255,255,255,1);
}
 
.sidebar-toggle:checked ~ .site-wrap {
	position: relative;
}
.sidebar-toggle:checked ~ .site-wrap:after {
   background: rgba(0,0,0,.8);
   content: "";
   height: 100%;
   left: 0px;	
   position: absolute;
   top: 0px;
   width: 100%;
   z-index: 100;
   transition: .5s;
}

/*.sidebar-toggle + label, .site-wrap, #sidebar,*/
.sidebar-toggle + label, .site-wrap, #balken {
    transition: .25s;
}

/*.sidebar-toggle:checked ~ #sidebar,*/
.sidebar-toggle:checked ~ #balken {
    right: 0;
    z-index: 100;
}


#sidebar{
	background: #444;
	height: 100%;
	width: 100%;
	position: fixed;
	overflow: scroll;
	top: 0;
    right: -300px;
    z-index: 0;
}

#sidebar-inner{
	padding: 10px 10px;
	text-align: center;
}

#sidebar hr {
	display: block;
	height: 1px;
	margin-top: 8px;
	margin-bottom: 8px;
	
}

#sidebar a{
	color: #fff;
	display: block;
	padding: 5px;
	text-decoration: none;
}

#sidebar a:hover {
	background: rgba(255,255,255,.6);
	color: #444;
}


#sidebar .current a{
	color: #444;
	background: #fff;
}


#sidebar li{
	display:block;
	margin: 0;
	padding: 0;
	text-align: center;
	text-transform: uppercase;
}


.sub li {
	font-size: .7em;
}



#sidebar .sprachen{
	padding: 20px 0 150px;
	text-align: center;
}

#sidebar .sprachen li{
	display: inline-block;
	width: 26px;
	height: 26px;
	padding: 6px;
	margin: 0;
	text-indent: -9999px;
}