.container {
	max-width: 1280px !important;
}

header {
	/*background-color: #fdc744;*/
	background-size: cover;
	width:100%;
	color:#111;
}

header .contena, footer .contena {background-color: #fdc744;}

h1,h2,h3,h4,h5,h6 {
	display:block;
}

article h3 {color:#666;}

a		 		{color:#333;}	
a:link 	{color:#666;}
a:hover {color:#aaa;}

article ul {
	list-style: disc outside none;
	padding-left: 30px;
}

header h1,header h2,header h3,header h4,header h5,header h6 {
	display:inline;
}

footer {
	color:#111;
	width:100%;
}

.flexcontainer {
	display:flex;
	justify-content:center;
	align-content:center;
}

.flexbox {
	padding:20px;
}



#maincontent {
	padding: 60px;
	border-right:2px solid #444;
	border-left:2px solid #444;
	order: 2;
}

#maincontent article {
	margin-bottom:80px;
}

.article-img {
	width:80%;
	margin:0 10%;
}

.flagimg {
	width: 28px;
	padding-right:5px;
	vertical-align:middle;
}
/* POST-ITs */
#aktuelles {
	width: 300px;	
	padding: 60px 10px 20px 20px;
	flex: 0 0 auto;
	order: 1;
	background-color:#eee;
}

.postit {
	width: 100%;
	font-family: 'Gloria Hallelujah', cursive;
	font-size:14px;
	min-height: 300px;
}

.postit p {margin-bottom:5px;}
.postit h5 {margin-bottom:15px;}

.postit:nth-of-type(3n+1) {
	background:url('../images/pit2.png') no-repeat;
	background-size:contain;
	transform:rotate(3.5deg);
}

.postit:nth-of-type(3n+2) {
	background:url('../images/pit.png') no-repeat;
	background-size:contain;
	transform:rotate(-1.5deg);
}

.postit:nth-of-type(3n+3) {
	background:url('../images/pit3.png') no-repeat;
	background-size:contain;
	transform:rotate(-3.5deg);
}

.postit .content {
	padding: 35px 50px 10px 25px;
	height: 220px;
	overflow:hidden;
	display:flex;
	flex-direction:column;
	justify-content:space-around;
}


@media (min-width: 1000px) {
	.contena {
		width:1000px;
		margin: auto;
	}
}

@media (max-width: 600px) {
	.flexcontainer {flex-direction:column;}
	#aktuelles {
		order:2;
		width:70%;
		padding: 40px 15%;
		}
	#maincontent {
		order: 1; 
		border:0; 
		padding: 40px 15px;}
		
	.article-img {
		width:100%;
		margin:0;
	}
}


/* =NAVIGATION
-------------------------------------------------------------- */
#nav-trigger {
  display: none;
  text-align: center; }
  #nav-trigger span {
    display: inline-block; 
    padding: 10px 30px;
    background-color: #fdc744;
    color: #000;
    cursor: pointer;
		font-size:40px;
    text-transform: uppercase; }
    
    #nav-trigger span:hover {
      color: #333; }

nav {
  /*margin-bottom: 30px; */
}

nav#nav-main {
  /*background-color: #fbeb61;*/
  padding: 10px 0;
	text-transform: uppercase;
	
	font-size: 20px;	}
  nav#nav-main ul {
    list-style-type: none;
    margin: 0;
    padding: 0;
    text-align: center; }
  nav#nav-main li {
    display: inline-block;
    border-right: solid 1px #111;
    padding: 0 5px; }
    nav#nav-main li:last-child {
      border-right: none; }
  nav#nav-main a {
    display: block;
    color: #000;
		text-decoration: none;
    padding: 10px 30px; }
    nav#nav-main a:hover {
      
      color: #333; }

nav#nav-mobile {
  z-index:9999;
	position: relative;
  display: none; }
  nav#nav-mobile ul {
    display: none;
    list-style-type: none;
    position: absolute;
    left: 0;
    right: 0;
    margin-left: auto;
    margin-right: auto;
    text-align: center;
    background-color: #fdc744; }
  nav#nav-mobile li {
    display: block;
    padding: 5px 0;
    margin: 0 5px;
    border-bottom: solid 1px #333; }
    nav#nav-mobile li:last-child {
      border-bottom: none; }
  nav#nav-mobile a {
    display: block;
    color: #000;
    padding: 10px 30px; }
    nav#nav-mobile a:hover {
      /*background-color: #fbeb61;*/
      color: #333; }

/* =Media Queries NAVIGATION
-------------------------------------------------------------- */
@media all and (max-width: 600px) {
  #nav-trigger {
    display: block; }

  nav#nav-main {
    display: none; }

  nav#nav-mobile {
    display: block; }
}