.container{position:relative;width:100%;max-width:960px;margin:0 auto;padding:0 20px;box-sizing:border-box}
.column,.columns{width:100%;float:left;box-sizing:border-box}
@media (min-width: 400px) {
.container{width:85%;padding:0}
}
@media (min-width: 550px) {
.container{width:80%}
.column,.columns{margin-left:4%}
.column:first-child,.columns:first-child{margin-left:0}
.one.column,.one.columns{width:4.66666666667%}
.two.columns{width:13.3333333333%}
.three.columns{width:22%}
.four.columns{width:30.6666666667%}
.five.columns{width:39.3333333333%}
.six.columns{width:48%}
.seven.columns{width:56.6666666667%}
.eight.columns{width:65.3333333333%}
.nine.columns{width:74%}
.ten.columns{width:82.6666666667%}
.eleven.columns{width:91.3333333333%}
.twelve.columns{width:100%;margin-left:0}
.one-third.column{width:30.6666666667%}
.two-thirds.column{width:65.3333333333%}
.one-half.column{width:48%}
.offset-by-one.column,.offset-by-one.columns{margin-left:8.66666666667%}
.offset-by-two.column,.offset-by-two.columns{margin-left:17.3333333333%}
.offset-by-three.column,.offset-by-three.columns{margin-left:26%}
.offset-by-four.column,.offset-by-four.columns{margin-left:34.6666666667%}
.offset-by-five.column,.offset-by-five.columns{margin-left:43.3333333333%}
.offset-by-six.column,.offset-by-six.columns{margin-left:52%}
.offset-by-seven.column,.offset-by-seven.columns{margin-left:60.6666666667%}
.offset-by-eight.column,.offset-by-eight.columns{margin-left:69.3333333333%}
.offset-by-nine.column,.offset-by-nine.columns{margin-left:78%}
.offset-by-ten.column,.offset-by-ten.columns{margin-left:86.6666666667%}
.offset-by-eleven.column,.offset-by-eleven.columns{margin-left:95.3333333333%}
.offset-by-one-third.column,.offset-by-one-third.columns{margin-left:34.6666666667%}
.offset-by-two-thirds.column,.offset-by-two-thirds.columns{margin-left:69.3333333333%}
.offset-by-one-half.column,.offset-by-one-half.columns{margin-left:52%}
}

.container:after,.row:after,.u-cf{content:"";display:table;clear:both}

/* Extra Content Umbau Kosta*/
.gitHub{position: absolute;top: 0;right: 0;border: 0;z-index: 99999;}
.mobileTab{display:none;cursor:pointer;}
.bar1,.bar2,.bar3{width:35px;height:5px;background-color:#aa4142;margin:6px 0;transition:.4s}
.change .bar1{-webkit-transform:rotate(-45deg) translate(-9px,6px);transform:rotate(-45deg) translate(-9px,6px)}
.change .bar2{opacity:0}
.change .bar3{-webkit-transform:rotate(45deg) translate(-8px,-8px);transform:rotate(45deg) translate(-8px,-8px)}
#main {text-align: left;}
#topbar{margin-bottom:20px;}


/* Larger than mobile */
@media (max-width: 400px) {	
}

/* Larger than phablet (also point when grid becomes active) */
@media (max-width: 550px) {
	#topbar .logo{width:100%;}
	.gitHub{opacity: 0.4;}
	#footernav{text-align: center!important;}
	#topbar .topMenu ul{display:none;}
	#topbar .topMenu ul li{display:inline-block;margin:8px 0px;width: 100%;padding: 0px;}
	.mobileTab{display:inline-block;}
	h2 {font-size: 1.6rem;}
	div.newsbox {display:none;}
}

/* Larger than tablet */
@media (max-width: 750px) {
	#topbar ul li a {font-size: 13px;}
	#topbar ul li{padding: 0.1em!important;}
	div.newsbox {width:200px !important;font-size:80%!important;}
}

/* Larger than desktop */
@media (max-width: 1000px) {	
}

/* Larger than Desktop HD */
@media (min-width: 1200px) {}