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

#container { width:100%; }

#content { width:78%; }

#sidebar1 {
	width: 20%;
	margin-right: 0;
	margin-bottom: 2%;
}

#sidebar2 {
	width: 100%;
	height: 200px;
}

}
#container {
	margin: 30px auto;
	width: 960px;
}

#header {
	width: 100%;
	background: #80c9e3;
	margin-bottom: 2%;
	height: 150px;
}

#content {
	float: left;
	width: 56%;
	margin-right: 2%;
	background: #3f90ae;
	height: 800px;
}

#sidebar1 {
	float: left;
	width: 20%;
	margin-right: 2%;
	background: #2e6a80;
	height: 800px;
}

#sidebar2 {
	float: left;
	width: 20%;
	background: #153a48;
	height: 800px;
}

/* überschriften */
h1		{font-family:verdana,arial,helvetica,sans-serif; font-size:1.0em;}
h2		{font-family:verdana,arial,helvetica,sans-serif; font-size:.9em;}
h3		{font-family:verdana,arial,helvetica,sans-serif; font-size:.8em;}
h4		{font-family:verdana,arial,helvetica,sans-serif; font-size:.7em;}
h5		{font-family:verdana,arial,helvetica,sans-serif; font-size:.6em;}

.nix {
  .hidden-xs { 
    display: none !important; 
  } 
}