/*

*/

/* Table of Content
==================================================
	#Site Styles
	#Page Styles
	#Media Queries
	#Font-Face */

/* #Site Styles
================================================== */

/* #Page Styles
================================================== */

/* #Media Queries
================================================== */

/* Smaller than standard 960 (devices and browsers) */
@media only screen and (max-width: 959px) {

    div div.header-right.seven.columns.omega div.five.columns.omega.filter a img {margin:4px 0 12px 0;}

    html.js body div.container.sixteen.columns div.header.container.sixteen.columns.alpha.omega div.main div.twelve.columns.omega div.kompetenzaufbau div.twelve.columns.alpha.omega div.eight.columns.alpha.kompetenzen_einleitung_titel p {padding-left:60px;}

    div div.kcode p {padding-right:0px;}

}

/* Tablet Portrait size to standard 960 (devices and browsers) */
@media only screen and (min-width: 768px) and (max-width: 959px) {

    body div.container.sixteen.columns div.header.container.sixteen.columns.alpha.omega div.header-logo.nine.columns.alpha {width:338px; margin-bottom:12px; margin-top:0px;}


    body div.container.sixteen.columns div.header.container.sixteen.columns.alpha.omega div.header-right.seven.columns.omega {width:400px;  float: right;
        margin-right: 2%;
    }

    body div.container.sixteen.columns div.header.container.sixteen.columns.alpha.omega div.header-right.seven.columns.omega div.seven.columns.alpha.omega div.seven.columns.omega.alpha.kanton div.five.columns.alpha {width:268px;}

    body div.container.sixteen.columns div.header.container.sixteen.columns.alpha.omega div.header-right.seven.columns.omega div.seven.columns.alpha.omega div.seven.columns.omega.alpha.kanton div.two.columns.omega
    {clear:none; width: 132px;}

    body div.container.sixteen.columns div.header.container.sixteen.columns.alpha.omega div.header-right.seven.columns.omega div.seven.columns.alpha.omega div.two.columns.alpha, html.js body div.container.sixteen.columns div.header.container.sixteen.columns.alpha.omega div.header-right.seven.columns.omega div.seven.columns.alpha.omega div.two.columns.alpha div.alpha.two.columns.zyklus {width:160px;}

    body div.container.sixteen.columns div.header.container.sixteen.columns.alpha.omega div.main {margin-top:24px; }

    body div.container.sixteen.columns div.header.container.sixteen.columns.alpha.omega div.header-right.seven.columns.omega div.seven.columns.alpha.omega div.five.columns.omega.filter {width:240px;}

}



@media only screen and (max-width: 787px) {   body div.container.sixteen.columns div.header.container.sixteen.columns.alpha.omega div.header-right.seven.columns.omega { float: left;

}
    body > div.container.sixteen.columns > div > div.header-logo.nine.columns.alpha, body > div.container.sixteen.columns > div > div.header-right.seven.columns.omega {margin-bottom:12px;}
}


/* All Mobile Sizes (devices and browser) */
@media only screen and (max-width: 767px) {

    div.header-right.seven.columns.omega div.seven.columns.alpha.omega div.two.columns.alpha {margin-bottom:4px; width:320px;}
    div.header-right.seven.columns.omega div.seven.columns.alpha.omega div.five.columns.omega.filter {width:320px;}

    body div.container.sixteen.columns div.header.container.sixteen.columns.alpha.omega div.header-logo.nine.columns.alpha {margin-bottom: 12px;}
}


/* Mobile Landscape Size to Tablet Portrait (devices and browsers) */
@media only screen and (min-width: 320px) and (max-width: 767px) {
    .js #menuliste { display: none; }
    .js .selectnav { display: block; }

    body div.container.sixteen.columns div.header.container.sixteen.columns.alpha.omega div.header-right.seven.columns.omega div.seven.columns.alpha.omega div.seven.columns.omega.alpha.kanton div.five.columns.alpha {width:268px;}

    body div.container.sixteen.columns div.header.container.sixteen.columns.alpha.omega div.header-right.seven.columns.omega div.seven.columns.alpha.omega div.two.columns.alpha {width:420px;}

    body div.container.sixteen.columns div.header.container.sixteen.columns.alpha.omega div.header-right.seven.columns.omega div.seven.columns.alpha.omega div.two.columns.alpha div.alpha.two.columns.zyklus,  {width:320px;}

    body div.container.sixteen.columns div.header.container.sixteen.columns.alpha.omega div.header-right.seven.columns.omega div.seven.columns.alpha.omega div.two.columns.alpha {width:280px;}

    body div.container.sixteen.columns div.header.container.sixteen.columns.alpha.omega div.header-right.seven.columns.omega div.seven.columns.alpha.omega div.seven.columns.omega.alpha.kanton div.two.columns.omega {width:152px;}

    body div.container.sixteen.columns div.header.container.sixteen.columns.alpha.omega div.header-right.seven.columns.omega div.seven.columns.alpha.omega div.five.columns.omega.filter {width:120px;}


}


@media only screen and (max-width: 480px)  {div.seven.columns.alpha.omega div.seven.columns.omega.alpha.kanton div.two.columns.omega {
   /* display: none;
}*/
    body div.container.sixteen.columns div.header.container.sixteen.columns.alpha.omega div.header-right.seven.columns.omega div.seven.columns.alpha.omega div.five.columns.omega.filter a img, div div.header-right.seven.columns.omega div.five.columns.omega.filter a img, div .filter {float:left!important; margin-bottom:16px; clear:left;}

    body div.container.sixteen.columns div.header.container.sixteen.columns.alpha.omega div.main {margin-top:16px;}
}


/* Mobile Portrait Size to Mobile Landscape Size (devices and browsers) */
@media only screen and (max-width: 479px) {}

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

}



/* #Font-Face
================================================== */
/* 	This is the proper syntax for an @font-face file
		Just create a "fonts" folder at the root,
		copy your FontName into code below and remove
		comment brackets */

/*	@font-face {
	    font-family: 'FontName';
	    src: url('../fonts/FontName.eot');
	    src: url('../fonts/FontName.eot?iefix') format('eot'),
	         url('../fonts/FontName.woff') format('woff'),
	         url('../fonts/FontName.ttf') format('truetype'),
	         url('../fonts/FontName.svg#webfontZam02nTh') format('svg');
	    font-weight: normal;
	    font-style: normal; }
*/