/* Tablet ab 1280 bis Desktop 1663px */

@media screen and (min-width:1280px) and (max-width:2000px) {
	
	#main .inside {
		margin: 0 48px;
	}
}

/* Tablet und Desktop ab 1280px */

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

	#container {
		padding-left: 20%;
		padding-right: 20%;
	}
	
	#left {
		width: 34%;
		right: 34%;
		line-height: 1.5rem;
	}
	
	.ohne_rechte_Spalte #left {
		width: 24%;
    	right: 25.5%;
	}
	
	#right {
		width: 31.4%;
	}
	
	#right .inside {
		padding: 0 0 0 16px;
	}
	
	.ohne_linke_Spalte #right {
    	width: 23.5%;
	}
	
	#container,
	#breadcrumbs {
	/*	background: url("../img/bg-container.png") repeat-y; 
		background-position: 19% 0; */
	}
	
	    
    .ohne_linke_Spalte #breadcrumbs,
	.ohne_linke_und_rechte_Spalte #breadcrumbs {
		padding-left: 10px;
		background: transparent;
	}
	
	.mod_zad_switcher {
		visibility: visible;
		padding: 10px 5px;
	}
	
	.logo_container {
        margin: 25% 16px 16px 10%;
    }
    
    .mod_pageImage figure {
        margin: 16px 16px 16px 0;
    }
	
	#navigationsleiste {
	/*	background-color: rgb(0,55,100); */
		height: 58px;
		position: relative;
	border-bottom: 1px solid #6b8da9;
	}
	
	#hauptnav {
		float: left;
		width: 93%;
		font-size: 1.125rem;
	/* background-color: rgb(0,55,100); */
	/*	color: rgb(251,252,173); */
		margin-top: 10px;
	}
	
	#hauptnav ul {
		display: flex;
    	flex-flow: row wrap;
    	justify-content: space-between;
	}

	#hauptnav li {
		flex: 1 1 auto;
    	position: relative;
    	text-align: center;
  /*  	border-right: 1px solid rgb(251,252,173); */
    	line-height: 2;
		/* display: inline-block;
		padding: 0 15px 0 15px; */
	}

	#hauptnav strong.active, #hauptnav a.trail {
	/*	background-color: rgb(43,92,132); */
		padding: 6px 15px 6px 15px;
		font-weight: normal;
		}

	#hauptnav li a:hover, #lupenbox a:hover {
		/*! background-color: rgb(43,92,132); */
		color: rgb(43,92,132);
		text-decoration: underline dotted 1px;
	}


	#hauptnav li a, #hauptnav li strong.active {
		padding: 6px 15px 6px 15px;
	}
	
	#lupenbox {
		float:left;
		width: 7%;
		text-align: center;
		margin-top: 10px;
		padding-top: 4px;
	}

	#lupenbox a {
		line-height: 2;
		padding: 9px 16px 8px 16px;
	}

	#lupenbox .fa-search {
		font-size: 1.3rem;
	}
	
	#breadcrumbs {
		padding: 10px 16px 16px 20.5%;
	}
	
	#left ul {
		margin-left: 28px;
	}
	
	#left li {
	  margin-bottom: 1.7rem;
	}
	
		#left li ul li {
	  margin-bottom: 0.5rem;
	}
	
	#left ul.level_2,
	#left ul.level_3 {
		margin-top: 9px;
	}
	
	

	
	#nach-oben-button {
    	bottom: 34px;
	}
	


	/* 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:0px;opacity: 0;}
    	to {right:0px;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: 692px;
		padding: 11px;
		overflow: hidden;
		background-color: #ebebeb;
	}


	.suche:target {
		display: block;
		position: absolute;
		right: 0px;
		top:0px;
	}

/* Der Schließenbutton des Suchfeldes */

	a.closebtn {
	text-decoration: none;
	float: right;
	font-size: 35px;
	line-height: 1;
	font-weight: bold;
	color: rgb(0,55,100);
	}

	.closebtn:hover,
	.closebtn:focus {
		color: rgb(43,92,132);
		text-decoration: none;
		cursor: pointer;
	}


}

/* Nachrichtenliste 2-spaltig */

@media screen and (min-width:1400px),
screen and (min-width: 1000px) and (max-width: 1278px) {	

	#main .mod_newslist .layout_latest {
    	float: left;
    	width: 45%;
    	margin-bottom: 5em;
	}

	#main .mod_newslist .layout_latest:nth-child(2n+1) {
    	clear: both;
	}

	#main .mod_newslist .layout_latest:nth-child(odd) {
    	margin-right: 6%;
	}
	
}