/* Desktop ab 1280px */

@media screen and (min-width:1280px) {

	header .inside {
		display: flex;
		width: 1280px;
		align-items: flex-end;
	}

/* .mod_mobile_menu Klasse gehört zur Erweiterung, kann also später entfernt werden */
	.mod_mobile_menu,
	#mobilemenu-button,
	#mobile-navigation,
	#breadcrumbs {
		display: none;
	}

	#logobox {
		width: 270px;
		height: 272px;
		border-top: 2px solid #cc3333;
		text-align: center;
	}

	#logo-wappen {
		width: 96px;
		margin-top: 23px;
	}

	#logo-schrift {
		width: 243px;
		margin-top: 11px;
	}

	.mod_pageimage {
		width: 1010px;
		display: block;
		margin: 0;
	}

	#zitat_transpbg {
		width: 1010px;
		height: 66px;
		position: absolute;
		top: 0;
		right: 0;
		background-color: rgb(0,0,0,0.55);
		display: block;
	}

	#zitat {
		width: 1010px;
		height: 66px;
		position: absolute;
		top: 0;
		right: 0;
		color: #ffffff;
		background-color: transparent;
		padding: 24px;
	}



	#navigationsleiste {
		background-color: transparent;
		width: 1010px;
		position: absolute;
		display: flex;
		align-items: flex-end;
		bottom: 0;
		right: 0;
	}
	
	#hauptnav {
		width: 93%;
	}
	
	#hauptnav ul.level_1 {
		display: flex;
		align-items: stretch;
		flex-wrap: nowrap;
		margin-bottom: 0;
	}

	#hauptnav li {
		display: flex;
		width: 145px;
		min-height: 40px;
		margin-left: 10px;
		line-height: 1;
    	text-align: center;
	}

	#hauptnav li a {
		color: #000000;	
	}

	#hauptnav strong.active, #hauptnav a.trail {
		color: #cc3333;
	}

	#hauptnav li, #lupenbox {
		background-color: #e6e6e6;
	}

	#hauptnav li.active, #hauptnav li.trail {
		background-color: #ffffff;
	}

	#hauptnav li a, #hauptnav li strong.active {
		width: 145px;
		font-size: 1rem;
		font-weight: 500;
		hyphens: auto;
		min-height: 40px;
		display: flex;
		align-items: center;
		justify-content: center;
	}
	
	#lupenbox {
		float:left;
		width: 62px;
		height: 40px;
		padding: 0;
		text-align: center;
	}

	#lupenbox button {
		width: 100%;
		height: 100%;
		position: relative;
	}

	#hauptnav li a:hover, #lupenbox button:hover {
		background-color: #cc3333;
		color: #ffffff;
	}

	#lupenbox .fa-search {
		font-size: 1.3rem;
	}



	/* Suchfeld ein und ausblenden */

/* Add animation (Chrome, Safari, Opera) */
@-webkit-keyframes example {
    from {right:0px;opacity: 0;}
    to {right:0px;opacity:1;}
}

/* Add animation (Standard syntax) */
@keyframes example {
    from {right:9px;opacity: 0;}
    to {right:9px;opacity:1;}
}



	.suche {
		display: none;
		position: absolute;
		z-index: 350;
	
		/* Add animation */
		-webkit-animation-name: example; /* Chrome, Safari, Opera */
		-webkit-animation-duration: 0.8s; /* Chrome, Safari, Opera */
		animation-name: example;
		animation-duration: 0.8s; 
	}

	.suche .inside {
		width: 971px;
		padding: 4px 4px 4px 16px;
		background-color: #e6e6e6;
		display: flex;
    	align-items: center;
	}

	
	.suche:target {
		display: block;
		position: absolute;
		right: 9px;
		top:0;
		margin-top: -4px;
	}

	#suchfeld {
		margin-bottom: 0;
	}

	/* Der Schließenbutton des Suchfeldes */

	a.closebtn, #suche .closebtn {
		text-decoration: none;
		font-size: 1.9rem;
		line-height: 1;
		font-weight: bold;
		color: #000000;
		margin-left: 268px;
    	width: 50px;
	}

	 #suche .closebtn:hover,
	.closebtn:focus {
		color: #cc3333;
		text-decoration: none;
		cursor: pointer;
	}
	

	
	#container {
		background: url("../img/bg-container.gif") repeat-y;
	}
	

	#left .inside {
		padding: 20px 0 20px 2px;
	}

	.mod_zad_switcher {
		text-align: right;
	}

	.mod_zad_switcher a {
		color: #000000;
		margin-right: 24px;
	}
	
	a.bewerbungs-button {
		margin-top: 49px;
		margin-left: 20px;
		margin-bottom: 50px;
	}
	
	#left a.bewerbungs-button {
		display: inline-block;
		padding: 6px 10px;
		margin-top: 34px;
		margin-bottom: 0px;
	} 

.bb-aufseite a.bewerbungs-button {
  margin-left: 0px;
	}

	#unternehmen {
		margin-top: 49px;
		margin-left: 20px;
	}

	#sidebar-buttons {
		flex-direction: column;
		margin-left: -48px;
		margin-top: 60px;
	}

	#facebook {
		margin-right: 0;
		margin-bottom: 50px;
	}
	
	#eu-label-text {
		margin-right: 16px;
		font-size:0.875rem;
		line-height: 1.5rem;
	}

		
/* Unternavigation */

	#unternav {
		margin-top: 20px;
		margin-right: 0;
		margin-bottom: 0px;
		font-size: 1rem;
		font-weight: 500;
	}

	#unternav li a, #unternav li > strong.active {
		display: block;
		padding: 0.4em 0.5em;
		margin-bottom: 0.4em;
		border-top: 1px solid #ffffff;
		border-left: 1px solid #ffffff;
		border-bottom: 1px solid #ffffff;
		color: #000000;
	}

	#unternav li a:before, #unternav li > strong.active:before {
		content:url("../img/arrow_right.gif");
		margin-right: 6px;
	}
	
	#unternav li a:hover, 
	#unternav li a:active, 
	#unternav li a:focus {
		background-color: #cccccc;
	}
 
	#unternav .level_1 > li.trail > a, 
	#unternav .level_1 > li > strong.active {
		background-color: #ffffff;
		font-weight: 500;
	}




	footer {
		background-color: #e6e6e6;
		text-align: right;
	}

	#agenturlink {
		display: block;
	}
	
}