/*
Theme Name: Schulwerk der Diözese Augsburg
Theme URI: https://schulwerk-augsburg.de
Author: Jens Fendinger
Author URI: https://www.fendinger.de
Description: Wordpress Theme für das Schulwerk der Diözese Augsburg. Lizenziert für das Schulwerk der Diözese Augsburg und dessen Schulen.
Version: 1.2
License: Lizenziert für das Schulwerk der Diözese Augsburg und dessen Schulen. Lizenziert für das Schulwerk der Diözese Augsburg und dessen Schulen.
License URI: 
Text Domain: schulwerk
Tags: 

Dieses Theme ist ausschliesslich für die Verwendung des Schulwerks Augsburg.
*/

/* source-sans-pro-200 - latin */
@font-face {
  font-family: 'Source Sans Pro';
  font-style: normal;
  font-weight: 200;
  src: url('assets/fonts/source-sans-pro-v11-latin-200.eot'); /* IE9 Compat Modes */
  src: local('Source Sans Pro ExtraLight'), local('SourceSansPro-ExtraLight'),
       url('assets/fonts/source-sans-pro-v11-latin-200.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
       url('assets/fonts/source-sans-pro-v11-latin-200.woff2') format('woff2'), /* Super Modern Browsers */
       url('assets/fonts/source-sans-pro-v11-latin-200.woff') format('woff'), /* Modern Browsers */
       url('assets/fonts/source-sans-pro-v11-latin-200.ttf') format('truetype'), /* Safari, Android, iOS */
       url('assets/fonts/source-sans-pro-v11-latin-200.svg#SourceSansPro') format('svg'); /* Legacy iOS */
}
/* source-sans-pro-300 - latin */
@font-face {
  font-family: 'Source Sans Pro';
  font-style: normal;
  font-weight: 300;
  src: url('assets/fonts/source-sans-pro-v11-latin-300.eot'); /* IE9 Compat Modes */
  src: local('Source Sans Pro Light'), local('SourceSansPro-Light'),
       url('assets/fonts/source-sans-pro-v11-latin-300.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
       url('assets/fonts/source-sans-pro-v11-latin-300.woff2') format('woff2'), /* Super Modern Browsers */
       url('assets/fonts/source-sans-pro-v11-latin-300.woff') format('woff'), /* Modern Browsers */
       url('assets/fonts/source-sans-pro-v11-latin-300.ttf') format('truetype'), /* Safari, Android, iOS */
       url('assets/fonts/source-sans-pro-v11-latin-300.svg#SourceSansPro') format('svg'); /* Legacy iOS */
}
/* source-sans-pro-regular - latin */
@font-face {
  font-family: 'Source Sans Pro';
  font-style: normal;
  font-weight: 400;
  src: url('assets/fonts/source-sans-pro-v11-latin-regular.eot'); /* IE9 Compat Modes */
  src: local('Source Sans Pro Regular'), local('SourceSansPro-Regular'),
       url('assets/fonts/source-sans-pro-v11-latin-regular.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
       url('assets/fonts/source-sans-pro-v11-latin-regular.woff2') format('woff2'), /* Super Modern Browsers */
       url('assets/fonts/source-sans-pro-v11-latin-regular.woff') format('woff'), /* Modern Browsers */
       url('assets/fonts/source-sans-pro-v11-latin-regular.ttf') format('truetype'), /* Safari, Android, iOS */
       url('assets/fonts/source-sans-pro-v11-latin-regular.svg#SourceSansPro') format('svg'); /* Legacy iOS */
}
/* source-sans-pro-700 - latin */
@font-face {
  font-family: 'Source Sans Pro';
  font-style: normal;
  font-weight: 700;
  src: url('assets/fonts/source-sans-pro-v11-latin-700.eot'); /* IE9 Compat Modes */
  src: local('Source Sans Pro Bold'), local('SourceSansPro-Bold'),
       url('assets/fonts/source-sans-pro-v11-latin-700.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
       url('assets/fonts/source-sans-pro-v11-latin-700.woff2') format('woff2'), /* Super Modern Browsers */
       url('assets/fonts/source-sans-pro-v11-latin-700.woff') format('woff'), /* Modern Browsers */
       url('assets/fonts/source-sans-pro-v11-latin-700.ttf') format('truetype'), /* Safari, Android, iOS */
       url('assets/fonts/source-sans-pro-v11-latin-700.svg#SourceSansPro') format('svg'); /* Legacy iOS */
}

* {
	font-family: 'Source Sans Pro', sans-serif;
	text-decoration: none;
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box; 
}
html, body {
	height: 100%;
}
.noscroll {
	overflow: hidden;
}
html, body, ul, li {
	margin: 0;
	padding: 0;
	font-size: 15px;
	line-height: 20px;
	color: #5a5a5a;
}
strong {
	font-weight: 700;
}
h1, h2, h3, h4, h5, h6, p {
	margin: 5px 0;
	font-weight: 400;
	color: #484848;
	overflow-wrap: inherit;
}
h1 {
	font-size: 36px;
	line-height: 36px;
	color: #3f86bc;
	text-transform: uppercase;
	font-weight: 200;
}
h2 {
	font-size: 16px;
	line-height: 16px;
	font-weight: 700;
	text-transform: uppercase;
}
h3 {
	font-size: 30px;
	line-height: 30px;
	text-transform: uppercase;
	margin-bottom: 10px;
	font-weight: 300;
}
h4 {
	font-size: 14px;
	line-height: 14px;
	text-transform: uppercase;
	margin-bottom: 10px;
	font-weight: 700;
}
p, ul {
	font-weight: 300;
}
ul {
  list-style-type: none;
}
ul li {
	padding-left: 10px;
}
ul li:before {
	content: '-';
	position: absolute;
	margin-left: -10px;
}
hr {
	border: none;
	border-bottom: 1px solid #bababa;
}
.site {
	position: relative;
	z-index: 1;
	max-width: 1024px;
	margin: 150px auto;
	/* overflow: auto; /*visible;*/
/*
	height: 100%;
	overflow: auto;
*/
}
.topbar {

}
.logo {
	display: inline-block;
	/*margin: 29px 0 31px 83px;*/
	margin: 29px 0 31px 27px;
	max-height: 40px;
	width: auto;
}
.logo img {
	max-height: 40px;
}
nav.metanavigation {
	position: absolute;
	top: 0;
	right: 0;
	margin: 30px 21px 30px 26px;
}
nav.metanavigation ul li {
	margin: 0 5px;
}
nav.metanavigation ul li, nav.metanavigation ul li a {
	min-width: 35px;
	height: 35px;
}
nav.metanavigation li.burger {
	display: none;
}
nav.metanavigation ul li.search a {
	position: absolute;
}
nav.metanavigation ul li.search input.search-field {
	z-index: 1;
	height: 34px;
	background-color: #e5e5e5;
	margin-left: 17px;
	border: none;
	width: 0px;
	padding: 0px;
	transition: 0.15s padding ease-out, 0.15s width ease-out, 0.15s border ease-out;
	outline: none;
	-webkit-appearance: none;
}
nav.metanavigation ul li.search input.search-field.expanded {
	padding: 0 10px 0 30px;
	width: 185px;
}

nav.metanavigation ul li.search input[type="submit"] {
	width: 0px;
	height: 0px;
	border: none;
	padding: 0;
	margin: 0;
	font-size: 0;
}

nav.metanavigation {
	z-index: 99;
}
nav.metanavigation ul li a {
	display: block;
}
nav.metanavigation ul li:hover ul {
	position: absolute;
	display: block;
}
nav.metanavigation ul ul {
	position: absolute;
	right: 0;
	padding-top: 10px;
}
nav.metanavigation ul ul li {
	float: none;
	margin: 0;
	height: initial;
}
nav.metanavigation ul ul li a {
	display: inline-block;
	padding: 2px 10px;
	margin-bottom: 3px;
	min-width: 150px;
	min-height: auto;
	height: initial;
	color: #fff;
	text-align: right;
	background-color: #464648;
	text-transform: uppercase;
}
nav.metanavigation ul ul li a:hover {
	color: #fff;
	background-color: #0f68ac;
}

header {
	position: fixed;
	z-index: 9;
	width: 100%;
	height: 135px;
	top: 0;
	background-color: #fff;
}
body.institution.home header {
	position: absolute;
}
.site-header {
	position: relative;
	max-width: 1024px;
	margin: 0 auto;
}
.banner {
	position: relative;
	background-color: #f5f3f3;
}
body.search .banner {
	display: none;
}
.banner img {
	width: auto;
	height: auto;
	max-width: 100%;
	display: block;
}
.banner-title {
	position: absolute;
	top: 0;
	width: 13.6718%; /*140px*/
	padding: 0;
}
.banner-title.left-top {
	top: 6.0162%; /*37px*/
	left: 10.6445%; /*109px*/
}
.banner-title.left-bottom {
	top: 33.9837%; /*209px*/
	left: 10.6445%; /*109px*/
}
.banner-title.right-top {
	top: 6.0162%; /*37px*/
	right: 10.6445%; /*109px*/
}
.banner-title.right-bottom {
	top: 33.9837%; /*209px*/
	right: 10.6445%; /*109px*/
}
.banner-title:before {
	content: "";
	display: block;
	padding-top: 100%;
}

.banner-title-box {
	position: absolute;
	top: 0;
	left: 0;
	right: 0;
	bottom: 0;
	padding: 8.5714%; /*12px;*/
	background-color: rgba(20, 98, 160, .75); /*#1462a0;*/
	font-size: 1.95vw;
	line-height: 1.95vw;
	font-weight: 700;
	color: #fff;
	text-transform: uppercase;

}
.banner-title-box div:before {
	content: "";
	position: absolute;
	left: 8.5714%; /*13px;*/
	height: 4px;
	width: 12.1428%; /*17px;*/
	border-bottom: 4px solid #fff;
}


ul.sub-menu {
	z-index: 99;
}
nav.metanavigation ul, nav.breadcrumbs ul, nav.headernavigation ul, nav.subnavigation ul, nav.socialnavigation ul, nav.footernavigation ul {
	list-style: none;
	position: relative;
}
nav.metanavigation ul ul, nav.breadcrumbs ul ul, nav.headernavigation ul ul, nav.subnavigation ul ul, nav.socialnavigation ul ul, nav.footernavigation ul ul {
	display: none;
}
nav.metanavigation ul li, nav.breadcrumbs ul li, nav.headernavigation ul li, nav.subnavigation ul li, nav.footernavigation ul li {
	position: relative;
	float: left;
	padding-left: 0;
}
nav.metanavigation ul li:before, nav.breadcrumbs ul li:before, nav.headernavigation ul li:before, nav.subnavigation ul li:before, nav.socialnavigation ul li:before, nav.footernavigation ul li:before {
	content: none;
	position: static;
	margin-left: auto;
}
header:after, nav.metanavigation ul:after, nav.headernavigation ul:after, nav.subnavigation ul:after, nav.socialnavigation ul:after, nav.footernavigation ul:after {
	display: table;
	content: " ";
	clear: both;
}
nav.startpagenavigation,
nav.audiencenavigation {
	position: absolute;
	top: 0;
	left: 0;
	
}
nav.startpagenavigation {
	max-height: 615px;
}
nav.startpagenavigation, nav.startpagenavigation ul,
nav.audiencenavigation, nav.audiencenavigation ul {
	width: 100%;
	height: 100%;	
}
nav.startpagenavigation ul,
nav.audiencenavigation ul {
	padding: 0 14px;
}
nav.startpagenavigation ul li,
nav.audiencenavigation ul li {
	position: absolute;
	width: 13.6718%; /*140px*/
	padding: 0;
}
nav.startpagenavigation ul li {
	/*opacity: .6;*/
}
nav.startpagenavigation ul li.current-menu-item:nth-child(1),
nav.startpagenavigation ul li.current-menu-parent:nth-child(1),
nav.startpagenavigation ul li.current-menu-ancestor:nth-child(1),
nav.audiencenavigation ul li.current-menu-item:nth-child(1),
nav.audiencenavigation ul li.current-menu-parent:nth-child(1),
nav.audiencenavigation ul li.current-menu-ancestor:nth-child(1) {
	width: 29.8828%; /*306px*/
}
nav.startpagenavigation ul li:before, nav.startpagenavigation ul li:after,
nav.audiencenavigation ul li:before, nav.audiencenavigation ul li:after {
	content: "";
	display: block;
	padding-top: 100%;
}
nav.startpagenavigation a,
nav.audiencenavigation a {
	position: absolute;
	top: 0;
	left: 0;
	right: 0;
	bottom: 0;
	padding: 8.5714%; /*12px;*/
	font-size: 1.95vw; /*22px*/
	line-height: 1.95vw;
	font-weight: 700;
	color: #fff;
	text-transform: uppercase;
}
nav.startpagenavigation ul li:nth-child(1) a,
nav.startpagenavigation ul li:nth-child(2) a,
nav.audiencenavigation ul li.current-menu-item:nth-child(1) a,
nav.audiencenavigation ul li.current-menu-parent:nth-child(1) a,
nav.audiencenavigation ul li.current-menu-ancestor:nth-child(1) a {
	padding: 3.9215%; /*12px*/;
	font-size: 3vw;
	line-height: 3vw;
}
nav.startpagenavigation ul li a div:before,
nav.audiencenavigation ul li a div:before {
	content: "";
	position: absolute;
	left: 8.5714%; /*13px;*/
	height: 4px;
	width: 12.1428%; /*17px;*/
	border-bottom: 4px solid #fff;
}
nav.startpagenavigation ul li.current-menu-item:nth-child(1) a div:before,
nav.startpagenavigation ul li.current-menu-parent:nth-child(1) a div:before,
nav.startpagenavigation ul li.current-menu-ancestor:nth-child(1) a div:before,
nav.startpagenavigation ul li.current-menu-item:nth-child(2) a div:before,
nav.startpagenavigation ul li.current-menu-parent:nth-child(2) a div:before,
nav.startpagenavigation ul li.current-menu-ancestor:nth-child(2) a div:before,
nav.audiencenavigation ul li.current-menu-item:nth-child(1) a div:before,
nav.audiencenavigation ul li.current-menu-parent:nth-child(1) a div:before,
nav.audiencenavigation ul li.current-menu-ancestor:nth-child(1) a div:before {
	left: 4.2484%; /*13px*/
}
nav.startpagenavigation li:nth-child(1) a div:before,
nav.startpagenavigation li:nth-child(2) a div:before,
nav.audiencenavigation li.current-menu-item:nth-child(1) a div:before,
nav.audiencenavigation li.current-menu-parent:nth-child(1) a div:before,
nav.audiencenavigation li.current-menu-ancestor:nth-child(1) a div:before {
	left: 3.9215%;
	width: 5.5555%; /*17px;*/
}




nav.startpagenavigation ul li:nth-child(1) {
	top: 6.0162%; /*37px*/
	left: 2.6367%; /*27px*/
	width: 29.8828%; /*306px*/
}
nav.startpagenavigation ul li.menu-item-number-1 {
	background-color: rgba(14, 105, 171, .75); /*#662583;*/
}
nav.startpagenavigation ul li:nth-child(2) {
	top: 33.8211%; /*208px*/
	left: 51.2695%; /*525px*/
	width: 29.8828%; /*280px*/
}
nav.startpagenavigation ul li.menu-item-number-2 {
	background-color: rgba(14, 105, 171, .75); /*#a10b56;*/
}
nav.startpagenavigation ul li:nth-child(3) {
	top: 6.0162%; /*37px*/
	left: 35.0586%; /*359px*/
}
nav.startpagenavigation ul li.menu-item-number-3 {
	background-color: rgba(14, 105, 171, .75); /*#0e68ab;*/
}
nav.startpagenavigation ul li:nth-child(4) {
	top: 6.0162%; /*37px*/
	left: 51.2695%; /*525px*/
}
nav.startpagenavigation ul li.menu-item-number-4 {
	background-color: rgba(14, 105, 171, .75); /*#cee559;*/
}
nav.startpagenavigation ul li:nth-child(5) {
	top: 6.0162%; /*37px*/
	left: 67.4805%; /*691px*/
}
nav.startpagenavigation ul li.menu-item-number-5 {
	background-color: rgba(14, 105, 171, .75); /*#e46572;*/
}
nav.startpagenavigation ul li:nth-child(6) {
	top: 60.1626%; /*370px*/
	left: 18.8477%; /*193px*/
}
nav.startpagenavigation ul li.menu-item-number-6 {
	background-color: rgba(14, 105, 171, .75); /*#fb9600;*/
}
nav.startpagenavigation ul li:nth-child(7) {
	top: 6.0162%; /*37px*/
	left: 83.6914%; /*857px*/
}
nav.startpagenavigation ul li.menu-item-number-7 {
	background-color: rgba(14, 105, 171, .75); /*#3e3e42;*/
}
nav.startpagenavigation ul li:nth-child(8) {
	top: 33.8211%; /*208px*/
	left: 83.6914%; /*857px*/
}
nav.startpagenavigation ul li.menu-item-number-8 {
	background-color: rgba(14, 105, 171, .75); /*#f2cd00;*/
}
nav.startpagenavigation ul li:nth-child(9) {
	top: 33.8211%; /*208px*/
	left: 35.0586% /*359px*/
}
nav.startpagenavigation ul li.menu-item-number-9 {
	background-color: rgba(14, 105, 171, .75); /*#f2cd00;*/
}
nav.startpagenavigation ul li.menu-item-sorrow {
	background-color: rgba(59, 63, 67, .75); /*#3b3f43;*/
}




nav.audiencenavigation ul li:nth-child(1) {
	top: 33.0081%; /*203px*/
	left: 2.6367%; /*27px*/
}
nav.audiencenavigation ul li.menu-item-number-1 {
	background-color: rgba(194, 213, 108, .75); /*#c2d56c;*/
}
nav.audiencenavigation ul li:nth-child(2) {
	top: 33.0081%; /*203px*/
	left: 34.6679%; /*355px*/
}
nav.audiencenavigation ul li.menu-item-number-2 {
	background-color: rgba(92, 39, 121, .75); /*#5c2779;*/
}
nav.audiencenavigation ul li:nth-child(3) {
	top: 56.9105%; /*350px*/
	left: 67.4804%; /*691px*/
}
nav.audiencenavigation ul li.menu-item-number-3 {
	background-color: rgba(146, 20, 83, .75); /*#921453;*/
}
nav.audiencenavigation ul li:nth-child(4) {
	top: 33.0081%; /*203px*/
	left: 83.6914%; /*857px*/
}
nav.audiencenavigation ul li.menu-item-number-4 {
	background-color: rgba(219, 107, 121, .75); /*#db6b79;*/
}
nav.audiencenavigation ul li:nth-child(5) {
	top: 56.9105%; /*350px*/
	left: 51.2695%; /*525px*/
}
nav.audiencenavigation ul li.menu-item-number-5 {
	background-color: rgba(219, 107, 121, .75); /*#db6b79;*/
}
nav.audiencenavigation ul li.menu-item-sorrow {
	background-color: rgba(59, 63, 67, .75); /*#3b3f43;*/
}



nav.breadcrumbs {
	/*margin: 16px 13px 7px 81px;*/
	margin: 16px 13px 7px 24px;
	font-size: 12px;
	color: #858586;
	text-transform: uppercase;
}
nav.breadcrumbs li a,
nav.breadcrumbs a ,
nav.breadcrumbs span {
	margin: 0 2px;
	color: #858586;
}
nav.headernavigation {
	position: relative;
	z-index: 98;
	/*margin: 116px 13px 8px 70px;*/
	margin: 0 13px 8px 13px;
}
nav.headernavigation li a {
	display: inline-block;
	margin: 0 13px 12px;
	font-size: 15.5px;
	color: #3a3e42;
	text-transform: uppercase;
}
nav.headernavigation div > ul > li.current-menu-item > a:before,
nav.headernavigation div > ul > li.current-menu-parent > a:before,
nav.headernavigation div > ul > li.current-menu-ancestor > a:before {
	content: "";
	position: absolute;
	left: 13px;
	bottom: 2px;
	height: 4px;
	width: 17px;
	border-bottom: 4px solid #1462a0;
}

nav.headernavigation ul li:hover ul {
	position: absolute;
	display: block;
}
nav.headernavigation ul ul li {
	float: none;
}
nav.headernavigation ul ul li a {
	display: inline-block;
	padding: 2px 10px;
	margin-bottom: 3px;
	min-width: 206px;
	min-height: auto;
	background-color: #e0e0e0;
}
nav.headernavigation ul ul li a:hover {
	color: #fff;
	background-color: #0f68ac;
}

.burgernavigation-overlay {
	position: fixed;
	z-index: 1000;
	top: 100px;
	left: 0px;
	right: 0px;
	bottom: 0px;
	overflow-y: scroll;
	-webkit-overflow-scrolling: touch;
	display: none;
}
nav.burgernavigation {
	position: relative;
	margin: 0;
	height: 100%;
}
nav.burgernavigation ul {
	list-style-type: none;
}
nav.burgernavigation ul li {
	position: relative;
	padding-left: 0;
}
nav.burgernavigation li a {
	display: inline-block;
	margin: 0 13px 12px;
	font-size: 15.5px;
	color: #3a3e42;
	text-transform: uppercase;
}
nav.burgernavigation ul li a,
nav.burgernavigation ul ul li a {
	background-color: #e0e0e0;
	display: block;
	margin: 3px 0;
	padding: 10px 15px;
}
nav.burgernavigation ul ul li a {
	padding: 10px 15px 10px 30px;
}
nav.burgernavigation ul li a:hover {
	/*background-color: #0f68ac;
	color: #fff;*/
}
nav.burgernavigation a.dropdown {
	position: absolute;
	top: 0;
	right: 0;
	margin: 0;
	display: none;
	width: 60px;
	height: 100%;
	max-height: 40px;
	text-align: center;
	background: transparent url("assets/images/icon-down_2x.png") no-repeat center center;
	background-size: 30px 15px;
}
nav.burgernavigation a.dropdown.expanded {
	background-image: url("assets/images/icon-up_2x.png");
}
nav.burgernavigation a.dropdown:after {
	color: #3a3e42;
	font-size: 10px;
	vertical-align: 1px;
	content: "";
}
nav.burgernavigation a.dropdown.expanded:after {
	content: "";
}
nav.burgernavigation a.dropdown.expanded {
}
nav.burgernavigation > div > ul > li.menu-item-has-children > a.dropdown {
	display: block;
}
nav.burgernavigation ul ul {
	display: none;
}
nav.burgernavigation ul ul.expanded {
	display: block;
}
nav.subnavigation ul {
	padding: 0 14px;
}
nav.subnavigation ul li {
	width: 16.6666%;
	padding: 0;
}
nav.subnavigation ul li:before {
	content: "";
	display: block;
	padding-top: 100%;
}
nav.subnavigation a {
	position: absolute;
	top: 0;
	left: 0;
	right: 0;
	bottom: 0;
	margin: 13px;
	padding: 8.5714%; /*12px;*/
	background-color: #68686a;
	font-size: 1.95vw; /*22px*/
	line-height: 1.95vw;
	font-weight: 700;
	color: #fff;
	text-transform: uppercase;
}
nav.subnavigation li.current-menu-item a,
nav.subnavigation li.current-menu-parent a,
nav.subnavigation li.current-menu-ancestor a {
	background-color: #1462a0;
}
nav.subnavigation ul li a div:before {
	content: "";
	position: absolute;
	height: 4px;
	width: 12.1428%; /*17px;*/
	border-bottom: 4px solid #fff;	
}

nav.totop {
	position: absolute;
	top: -20px;
	left: 50%;
	margin-left: -18px;
}
.tobottom {
	display: none;
	position: fixed;
	left: 50%;
	margin-left: -18px;
	bottom: 10px;
	width: 36px;
	height: 36px;
	z-index: 99999;
}
.content {
	margin: 60px 27px 91px 27px;
}
div.row {
	margin: 50px -14px;
}
div.row.bgcolor {
	margin: 50px -27px;
	padding: 0 13px;
}
div.row:after {
	display: table;
	content: " ";
	clear: both;
}
div.col {
	float: left;
	min-height: 1px;
	padding-right: 14px;
	padding-left: 14px;
}

div.col-1 {
	width: 8.3333%;
}
div.col-2 {
	width: 16.6666%;
}
div.col-3 {
	width: 25%;
}
div.col-4 {
	width: 33.3333%;
}
div.col-5 {
	width: 41.6666%;
}
div.col-6 {
	width: 50%;
}
div.col-7 {
	width: 58.3333%;
}
div.col-8 {
	width: 66.6666%;
}
div.col-9 {
	width: 75%;
}
div.col-10 {
	width: 83.3333%;
}
div.col-11 {
	width: 91.6666%;
}
div.col-12 {
	width: 100%;
}
div.col img {
	width: 100%;
	max-width: 100%;
	height: auto;
}
div.col a {
	color: #1462a0;/*#f132ab;*/
	font-weight: 700;
}
footer {
	position: relative;
	display: table;
	width: 100%;
	min-height: 62px;
	background-color: #1462a0;
}
body.institution.home footer {
	background-color: transparent;
	min-height: 70px;
}
nav.totop {
	width: 36px;
	height: 36px;
}
nav.socialnavigation {
	display: table-cell;
	text-align: left;
	vertical-align: middle;
}
nav.socialnavigation ul {
	position: relative;
	margin: 5px 4px 9px 124px;
	display: inline-block;
	white-space: nowrap;
}
nav.socialnavigation ul li {
	display: inline-block;
	padding-left: 0;
}
nav.socialnavigation a {
	display: inline-block;
	width: 31px;
	height: 30px;
	margin: 1px;
	left: 0;
}
nav.footernavigation {
	display: table-cell;
	text-align: center;
	vertical-align: middle;
	width: 100%;
}
nav.footernavigation ul {
	display: inline-block;
}
nav.footernavigation a {
	padding: 14.5px;
	font-size: 13px;
	color: #fff;
	text-transform: uppercase;
}
body.institution.home nav.footernavigation a {
	color: #000;
}
.right {
	text-align: right;
}
.center {
	text-align: center;
}
table.timetable td:first-child {
	width: 50%;
	text-align: right;
	font-weight: 700;
	padding: 14px 14px 14px 0;
	vertical-align: top;
}
table.timetable td:last-child {
	width: 50%;
	padding: 14px 0 14px 14px;
	vertical-align: top;
}

form#login {
    display: none;
    z-index: 999;
    background-color: #FFFFFF;
    position: fixed;
    padding: 25px;
    max-width: 350px;
    max-height: 325px;
    margin: auto;
    top: 0;
    bottom: 0;
    left: 0;
    right: 0;
    overflow-y: scroll
}
form#login div.title {
    font-size: 42px;
    color: #3f86bc;
    text-transform: uppercase;
    font-weight: 200;
    margin-bottom: 25px;
}
form#login .submit_button {
	font-size: 12px;
	font-weight: 200;
	color: #fff;
	background-color: #3a3e42;
	border: none;
	padding: 10px 30px;
	margin: 10px 0;
	font-size: 16px;
	-webkit-appearance: none;
	border-radius: 0;
}
form#login a {
	font-size: 12px;
	color: #1462a0;/*#f132ab;*/
	font-weight: 400;
}

form#login p.status{
    display: none;
}
form#login label, form#login input[type="text"], form#login input[type="password"] {
	width: 100%;
	margin-bottom: 5px;
	font-size: 16px;
	-webkit-appearance: none;
	border-radius: 0;
} 
form#login input[type="text"], form#login input[type="password"] {
	padding: 0 10px;
	height: 34px;
	background-color: #e5e5e5;
	border: none;
	outline: none;
	-webkit-appearance: none;
}
.login_overlay{
    height: 100%;
    width: 100%;
    background-color: #F6F6F6;
    opacity: 0.9;
    position: fixed;
    z-index: 998;
}
.responsive-video {
	position: relative;
	padding-bottom: 56.25%;
	padding-top: 0px;
	height: 0;
	overflow: hidden;
}
.responsive-video iframe {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
}


img.dropdown-toggle-closed,
img.dropdown-toggle-opened {
	max-width: 24px!important;
	max-height: 24px;
	width: auto!important;
}
.row.dropdown > .dropdown-header > .dropdown-toggle > img.dropdown-toggle-opened,
.row.dropdown.open > .dropdown-header > .dropdown-toggle > img.dropdown-toggle-closed {
	display: none;
}
.row.dropdown.open > .dropdown-header > .dropdown-toggle > img.dropdown-toggle-opened,
.row.dropdown > .dropdown-header > .dropdown-toggle > img.dropdown-toggle-closed  {
	display: block;
}
.row.dropdown .row {
	margin: 20px -14px;
}
.dropdown-header {
	cursor: pointer;
	display: table;
}
.dropdown-toggle {
	display: table-cell;
	vertical-align: top;
	padding-right: 18px;
	padding-top: 5px;
}  
.dropdown-title {
	display: table-cell;
	vertical-align: middle;
	width: 100%;
	font-size: 30px;
	line-height: 30px;
	font-weight: 200;
	text-transform: uppercase;
} 
.dropdown-content > h2 {
	margin-left: 43px;
}
div.col.dropdown-content {
	display: none;
	margin: 32px 0 0;
    padding-left: 55px;
    padding-right: 55px;
}
.row.dropdown.faq .dropdown-content {
	padding-left: 14px;
	padding-right: 14px;
}
.row.dropdown.open > .dropdown-content {
	display: block;
}

.dropdown.schools .dropdown-content {
	margin: 12px 0 0;
}
.dropdown.mini .dropdown-toggle {
	padding-top: 2px;
	padding-right: 9px;
}
.dropdown.mini .dropdown-toggle img {
	width: 12px!important;
}
.dropdown.mini .dropdown-title {
	font-size: 15px;
	line-height: 15px;
	text-transform: none;
}
.dropdown.mini .dropdown-content {
	padding-left: 35px;
	margin: 10px 0 0;
}
.dropdown.mini.open .dropdown-title {
	font-weight: 700;
}
.dropdown.mini.open .dropdown-title.c-e46572 {
	color: #e46572;
}
.dropdown.mini.open .dropdown-title.c-662583 {
	color: #662583;
}
.dropdown.mini.open .dropdown-title.c-b6cc12 {
	color: #b6cc12;
}
.dropdown.mini.open .dropdown-title.c-6b92da {
	color: #6b92da;
}
.dropdown.mini.open .dropdown-title.c-fb9600 {
	color: #fb9600;
}

.col.slider {
}
.slick-initialized .slick-slide {
    float: none;
    display: inline-block;
    vertical-align: middle;
}
.slider-thumbs {
	margin: -4px -4px 0;
}
.slider-thumbs .slider-goto {
	position: relative;
	float: left;
	margin: 4px;
	width: 38px;
	height: 25px;
	overflow: hidden;
	cursor: pointer;
}
.slider-thumbs .slider-goto img {
	position: absolute;
	top: 0;
	left: 0;
	right: 0;
	bottom: 0;
	margin: auto;
}

div.downloads div.row.even {
	background-color: #f5f3f3;
}
div.downloads a {
	color: #484848;
}
div.downloads div.col {
	overflow: hidden;
}
div.downloads div.col img {
	max-width: 100px;
	max-height: 100px;
}
div.news div.news-overflow {
	display: none;
}
div.news div.row.odd div.news-date,
div.news div.row.even div.news-content {
	text-align: right;
}
div.news div.row.even div.col {
	float: right;
}
div.news div.news-date {
	display: table-cell;
	font-weight: 200;
	font-size: 12vw;
	line-height: 12vw;
	color: #858586;
}
div.news div.row.even div.news-date {
	vertical-align: bottom;
}
div.news-more-content {
	display: none;
}
a.news-more-overlay {
	color: #212121!important;
	font-weight: 200!important;
	font-size: 14px;
	text-transform: uppercase;
}
a.news-more-overlay img {
	width: 30px;
	height: 15px;
	margin-top: 5px;
}
a.news-less {
	float: right;
}
div.wpcf7 p {
	display: inline-block;
	width: 100%;
}
div.wpcf7 label,
div.wpcf7 div.captcha-wrap {
	position: relative;
	display: block;
	width: 100%;
	min-height: 40px;
	background-color: #bdbdbd;
	vertical-align: middle;
	padding: 9px 20px;
	color: #fff;
	text-transform: uppercase;
	font-weight: 700;
	font-size: 14px;
	line-height: 14px;
	padding: 12px 0 0 12px;
}
div.wpcf7 label span.hint {
	margin-left: 50px;
	display: block;
	margin-top: -28px;
	padding-bottom: 20px;
	padding-right: 20px;
	color: #333;
	font-weight: 400;
	text-transform: none;
}
div.wpcf7 div.captcha-wrap {
	padding: 0;
	border-left: 2px solid #568cb4;
	overflow: hidden;
}

div.wpcf7 label.mandatory {
	border-left: 2px solid #568cb4;
	padding-left: 10px;
}
div.wpcf7 form p,
div.wpcf7 div.mandatory-wrap {
	margin: 5px 0 2px;
}
div.wpcf7 div.mandatory-wrap label {
	width: 66%;
	display: inline-block;
}
div.wpcf7 div.mandatory-wrap label.mandatory-title {
	border-left: 2px solid #568cb4;
	padding-left: 10px;
	min-height: 40px;
	text-transform: uppercase;
	font-weight: 700;
	font-size: 14px;
	line-height: 14px;
	padding: 10px 0 0 10px;
	width: auto;
	background-color: transparent;
	color: #484848;
	left: 10px;
}
div.wpcf7 br {
	display: none;
}
div.wpcf7 span.wpcf7-form-control-wrap,
div.wpcf7 div.wpcf7-form-control-wrap {
	position: relative;
	display: block;
	min-height: 40px;
	top: 0;
	bottom: 0;
	right: 0;
	margin-left: 140px;
	margin-top: -26px;
	background-color: #e4e4e4;
}
div.wpcf7 div.captcha-wrap div.wpcf7-form-control-wrap {
	margin-top: -45px;
}
div.wpcf7 div.captcha-wrap div.wpcf7-recaptcha {
	margin-left: 10px;
	/*background-color: #e4e4e4;*/
	padding: 10px;
}
div.wpcf7 .text {
	padding: 20px 0;
}
div.wpcf7 input[type="text"], div.wpcf7 input[type="password"], div.wpcf7 input[type="email"], div.wpcf7 textarea {
	border: none;
	height: 40px;
	background-color: #e4e4e4;
	padding: 0 20px;
	width: 100%;
	font-size: 14px;
	border: none;
	-webkit-appearance: none;
	border-radius: 0;
	border: none;
}
div.wpcf7 input[type="checkbox"] {
	height: 40px;
	margin: 0 20px;
	padding: 0;
}
div.wpcf7 textarea {
	min-height: 120px;
	padding: 10px 20px;
	display: block;
	resize: vertical;
}
div.wpcf7 select {
	font-size: 14px;
	outline: none;
	border: none;
	border-radius: 0;
	padding: 0 18px;
	color: #000;
	width: 100%;
	height: 40px;
	-webkit-appearance: none;
	appearance: none;
	-moz-appearance: none;
	-webkit-border-radius: 0;
	-webkit-box-shadow: none;
	-webkit-padding-end: 18px;
	-webkit-padding-start: 18px;
	-webkit-user-select: none;
	background-image: url(assets/images/select.svg);
	background-position: right +18px  center;
	background-repeat: no-repeat;
	background-color: #e4e4e4;
	overflow: hidden;
	text-overflow: ellipsis;
	white-space: nowrap;
	text-transform: none;
}
div.wpcf7 select:focus {
	outline: 0 none;
}
div.wpcf7 select::-ms-expand {
    display: none;
}
div.wpcf7 select option[data-default] {
  color: red;
}
input[type=file]{
	width: 100%;
	height: 40px;
	padding: 10px 20px;
	color: #000;
}
@-moz-document url-prefix() {
	input[type=file] {
		padding-top: 0;
	}
}

div.wpcf7 input[type="submit"] {
	width: 152px;
	background-color: #bdbdbd;
	border-left: 2px solid #568cb4;
	padding: 9px 10px;
	color: #fff;
	text-transform: uppercase;
	font-weight: 700;
	font-size: 14px;
	line-height: 14px;
	text-align: left;
	cursor: pointer;
	-webkit-appearance: none;
	border-radius: 0;
	border: none;
}
span.wpcf7-not-valid-tip {
    color: #f00;
    font-size: 1em;
    font-weight: normal;
    display: block;
}
div.wpcf7 span.wpcf7-not-valid-tip {
	background-color: #e4e4e4;
	padding: 10px 20px;
	color: #ff0000;
}
div.wpcf7 div.wpcf7-response-output {
	background-color: #e4e4e4;
	padding: 10px 12px;
	margin: 7px 0;
}
div.wpcf7 div.wpcf7-validation-errors {
	border: none;
	color: #ff0000;
}
div.wpcf7 .prefix, 
div.wpcf7 .slash,
div.wpcf7 .number {
	display: inline-block;
	width: 50%;
}
div.wpcf7 .prefix {
	width: 30%;
}
div.wpcf7 .slash {
	width: 5%;
	color: #000;
	text-align: center;
}
div.wpcf7 .number {
	width: 63%;
	pointer-events: auto;
}

div.contact {
	margin: 0 -14px;
}
div.contact div.row {
	margin: 15px -14px;
}
div.contact.grey {
	background-color: #e4e4e4;
	padding: 15px 0;
}

div.contact div.contact-box {
	position: relative;
	padding: 8.5714%; /*12px;*/
	font-size: 1.95vw; /*22px*/
	line-height: 1.95vw;
	font-weight: 700;
	color: #fff;
	text-transform: uppercase;
	background-color: #3f86bc;
	text-align: right;
}
div.contact div.contact-box div.contact-box-title {
	position: absolute;
	top: 0;
	left: 0;
	padding: 8.5714%;
	font-size: 12px;
	line-height: 12px;
	width: 100%;
}
div.contact div.contact-box div.contact-box-subtitle {
	font-size: 16px;
	line-height: 16px;
	font-weight: 200;
}

div.contact div.contact-box:before {
	content: "";
	display: block;
	padding-top: 100%;
}

.schools .tooltip {
	position: absolute;
	display: none;
}
.schools .tooltip-hexagon {
	position: absolute;
	top: 0;
}
.schools .tooltip-hexagon img {
	display: block;
}
.schools .tooltip-hexagon {
	left: 0;
}
.schools .tooltip-box {
	position: absolute;
	top: 0;
}
.schools .tooltip-triangle {
	position: absolute;
	width: 0;
	height: 0;
	border-top: 10px solid transparent;
	border-bottom: 10px solid transparent;
	top: 0;
	border-right: 10px solid #662583;
	left: -10px;
	z-index: 2;
}
.schools .right .tooltip-triangle {
	border-right: 0;
	left: auto;
	border-left: 10px solid #662583;
	right: -10px;
}
.schools .tooltip-text {
	position: relative;
	background-color: #662583;
	max-width: 200px;
	width: 200px;
	padding: 10px;
	margin-top: -30px;
	-moz-box-shadow:    3px 3px 3px  #b2b2b2;
	-webkit-box-shadow: 3px 3px 3px  #b2b2b2;
	box-shadow:         3px 3px 3px  #b2b2b2;
}
.schools .tooltip-text-name {
	margin-bottom: 20px;
	color: #fff;
	text-transform: uppercase;
}
.schools .tooltip-text-link {}
.schools .tooltip-text-link a {
	color: #fff;
	text-decoration: none;
	text-transform: uppercase;
}
.schools .tooltip-text-link div {
	display: table-cell;
}
.schools .search-hint {
	margin: 30px 0;
}
.schools.title {
	margin-bottom: 0;
	padding-left: 42px;
}
.legend .box {
	background-color: #cee559;
	width: 140px;
	height: 140px;
	font-size: 20px;
	line-height: 20px;
	font-weight: 700;
	color: #fff;
	text-transform: uppercase;
	padding: 14px;
	margin-bottom: 40px;

}
.legend .box div:before {
	content: "";
	position: absolute;
	height: 4px;
	width: 17px;
	border-bottom: 4px solid #fff;
}
.legend h3 {
	margin-left: 20px;
	margin-bottom: 20px;
}
.legend ul {
	margin-bottom: 10px;
}
.legend ul img {
	width: 15px;
	margin-right: 5px;
}
.legend ul li {
	padding-left: 0;
	text-transform: uppercase;
	margin: 0 22px;
}
.legend ul li:before {
	content: "";
}
.legend ul li.c-e46572 {
	list-style-image: url(assets/images/hexagon-e46572-flat.svg);
}
.legend ul li.c-662583 {
	list-style-image: url(assets/images/hexagon-662583-flat.svg);
}
.legend ul li.c-b6cc12 {
	list-style-image: url(assets/images/hexagon-b6cc12-flat.svg);
}
.legend ul li.c-6b92da {
	list-style-image: url(assets/images/hexagon-6b92da-flat.svg);
}
.legend ul li.c-fb9600 {
	list-style-image: url(assets/images/hexagon-fb9600-flat.svg);
}
.legend ul li.c-9fb5e2 {
	list-style-image: url(assets/images/hexagon-9fb5e2-flat.svg);
}
.legend ul li.c-787e82 {
	list-style-image: url(assets/images/hexagon-787e82-flat.svg);
}
.select2 li::before,
.select2-results__options li::before {
	content: ""!important;
}
.select2 .select2-selection {
	border-radius: 0!important;
}

	body td.simcal-day-has-events > div span.simcal-day-label {
		background-color: #1462a0!important;
	}


	body.light-blue h1 {
		color: #59b7fd;
	}
	body.light-blue nav.headernavigation div > ul > li.current-menu-item > a:before,
	body.light-blue nav.headernavigation div > ul > li.current-menu-parent > a:before,
	body.light-blue nav.headernavigation div > ul > li.current-menu-ancestor > a:before {
		border-bottom: 4px solid #59b7fd;
	}
	body.light-blue nav.headernavigation ul ul li a:hover {
		background-color: #59b7fd;
	}
	body.light-blue nav.subnavigation li.current-menu-item a,
	body.light-blue nav.subnavigation li.current-menu-parent a,
	body.light-blue nav.subnavigation li.current-menu-ancestor a {
		background-color: #59b7fd;
	}
	body.light-blue td.simcal-today > div {
		border: 1px solid #59b7fd;
	}
	body.light-blue td.simcal-today > div span.simcal-day-label {
		background-color: #59b7fd;
	}
	body.light-blue .banner-title-box {
		background-color: rgba(89, 183, 253, .75); /*#59b7fd;*/
	}
	body.light-blue div.contact div.contact-box {
		background-color: #59b7fd;
	}
	nav.startpagenavigation ul li.light-blue {
		background-color: #59b7fd;
		background-color: rgba(89, 183, 253, .75);
	}

	body.light-green h1 {
		color: #bbce74;
	}
	body.light-green nav.headernavigation div > ul > li.current-menu-item > a:before,
	body.light-green nav.headernavigation div > ul > li.current-menu-parent > a:before,
	body.light-green nav.headernavigation div > ul > li.current-menu-ancestor > a:before {
		border-bottom: 4px solid #bbce74;
	}
	body.light-green nav.headernavigation ul ul li a:hover {
		background-color: #bbce74;
	}
	body.light-green nav.subnavigation li.current-menu-item a,
	body.light-green nav.subnavigation li.current-menu-parent a,
	body.light-green nav.subnavigation li.current-menu-ancestor a {
		background-color: #bbce74;
	}
	body.light-green td.simcal-today > div {
		border: 1px solid #bbce74;
	}
	body.light-green td.simcal-today > div span.simcal-day-label {
		background-color: #bbce74;
	}
	body.light-green .banner-title-box {
		background-color: rgba(187, 206, 116, .75); /*#bbce74;*/
	}
	body.light-green div.contact div.contact-box {
		background-color: #bbce74;
	}
	nav.startpagenavigation ul li.light-green {
		background-color: #bbce74;
		background-color: rgba(187, 206, 116, .75);
	}

	body.dark-grey h1 {
		color: #3b3f43;
	}
	body.dark-grey nav.headernavigation div > ul > li.current-menu-item > a:before,
	body.dark-grey nav.headernavigation div > ul > li.current-menu-parent > a:before,
	body.dark-grey nav.headernavigation div > ul > li.current-menu-ancestor > a:before {
		border-bottom: 4px solid #3b3f43;
	}
	body.dark-grey nav.headernavigation ul ul li a:hover {
		background-color: #3b3f43;
	}
	body.dark-grey nav.subnavigation li.current-menu-item a,
	body.dark-grey nav.subnavigation li.current-menu-parent a,
	body.dark-grey nav.subnavigation li.current-menu-ancestor a {
		background-color: #3b3f43;
	}
	body.dark-grey td.simcal-today > div {
		border: 1px solid #3b3f43;
	}
	body.dark-grey td.simcal-today > div span.simcal-day-label {
		background-color: #3b3f43;
	}
	body.dark-grey .banner-title-box {
		background-color: rgba(59, 63, 67, .75); /*#3b3f43;*/
	}
	nav.startpagenavigation ul li.dark-grey {
		background-color: #3b3f43;
		background-color: rgba(59, 63, 67, .75);
	}

	body.light-grey div.contact div.contact-box {
		background-color: #3b3f43;
	}

	body.orange h1 {
		color: #fb9600;
	}
	body.orange nav.headernavigation div > ul > li.current-menu-item > a:before,
	body.orange nav.headernavigation div > ul > li.current-menu-parent > a:before,
	body.orange nav.headernavigation div > ul > li.current-menu-ancestor > a:before {
		border-bottom: 4px solid #fb9600;
	}
	body.orange nav.headernavigation ul ul li a:hover {
		background-color: #fb9600;
	}
	body.orange nav.subnavigation li.current-menu-item a,
	body.orange nav.subnavigation li.current-menu-parent a,
	body.orange nav.subnavigation li.current-menu-ancestor a {
		background-color: #fb9600;
	}
	body.orange td.simcal-today > div {
		border: 1px solid #fb9600;
	}
	body.orange td.simcal-today > div span.simcal-day-label {
		background-color: #fb9600;
	}
	body.orange .banner-title-box {
		background-color: rgba(251, 150, 0, .75); /*#fb9600;*/
	}
	body.orange div.contact div.contact-box {
		background-color: #fb9600;
	}
	nav.startpagenavigation ul li.orange {
		background-color: #fb9600;
		background-color: rgba(251, 150, 0, .75);
	}

	body.lilac h1 {
		color: #662483;
	}
	body.lilac nav.headernavigation div > ul > li.current-menu-item > a:before,
	body.lilac nav.headernavigation div > ul > li.current-menu-parent > a:before,
	body.lilac nav.headernavigation div > ul > li.current-menu-ancestor > a:before {
		border-bottom: 4px solid #662483;
	}
	body.lilac nav.headernavigation ul ul li a:hover {
		background-color: #662483;
	}
	body.lilac nav.subnavigation li.current-menu-item a,
	body.lilac nav.subnavigation li.current-menu-parent a,
	body.lilac nav.subnavigation li.current-menu-ancestor a {
		background-color: #662483;
	}
	body.lilac td.simcal-today > div {
		border: 1px solid #662483;
	}
	body.lilac td.simcal-today > div span.simcal-day-label {
		background-color: #662483;
	}
	body.lilac .banner-title-box {
		background-color: rgba(102, 36, 131, .75); /*#662483;*/
	}
	body.lilac div.contact div.contact-box {
		background-color: #662483;
	}
	nav.startpagenavigation ul li.lilac {
		background-color: #662483;
		background-color: rgba(102, 36, 131, .75);
	}

	body.light-green-2 h1 {
		color: #cee959;
	}
	body.light-green-2 nav.headernavigation div > ul > li.current-menu-item > a:before,
	body.light-green-2 nav.headernavigation div > ul > li.current-menu-parent > a:before,
	body.light-green-2 nav.headernavigation div > ul > li.current-menu-ancestor > a:before {
		border-bottom: 4px solid #cee959;
	}
	body.light-green-2 nav.headernavigation ul ul li a:hover {
		background-color: #cee959;
	}
	body.light-green-2 nav.subnavigation li.current-menu-item a,
	body.light-green-2 nav.subnavigation li.current-menu-parent a,
	body.light-green-2 nav.subnavigation li.current-menu-ancestor a {
		background-color: #cee959;
	}
	body.light-green-2 td.simcal-today > div {
		border: 1px solid #cee959;
	}
	body.light-green-2 td.simcal-today > div span.simcal-day-label {
		background-color: #cee959;
	}
	body.light-green-2 .banner-title-box {
		background-color: rgba(206, 233, 89, .75); /*#cee959;*/
	}
	body.light-green-2 div.contact div.contact-box {
		background-color: #cee959;
	}
	nav.startpagenavigation ul li.light-green-2 {
		background-color: #cee959;
		background-color: rgba(206, 233, 89, .75);
	}

	body.light-blue-2 h1 {
		color: #6fa4ce;
	}
	body.light-blue-2 nav.headernavigation div > ul > li.current-menu-item > a:before,
	body.light-blue-2 nav.headernavigation div > ul > li.current-menu-parent > a:before,
	body.light-blue-2 nav.headernavigation div > ul > li.current-menu-ancestor > a:before {
		border-bottom: 4px solid #6fa4ce;
	}
	body.light-blue-2 nav.headernavigation ul ul li a:hover {
		background-color: #6fa4ce;
	}
	body.light-blue-2 nav.subnavigation li.current-menu-item a,
	body.light-blue-2 nav.subnavigation li.current-menu-parent a,
	body.light-blue-2 nav.subnavigation li.current-menu-ancestor a {
		background-color: #6fa4ce;
	}
	body.light-blue-2 td.simcal-today > div {
		border: 1px solid #6fa4ce;
	}
	body.light-blue-2 td.simcal-today > div span.simcal-day-label {
		background-color: #6fa4ce;
	}
	body.light-blue-2 .banner-title-box {
		background-color: rgba(111, 164, 206, .75); /*#6fa4ce;*/
	}
	body.light-blue-2 div.contact div.contact-box {
		background-color: #6fa4ce;
	}
	nav.startpagenavigation ul li.light-blue-2 {
		background-color: #6fa4ce;
		background-color: rgba(111, 164, 206, .75);
	}

	body.yellow h1 {
		color: #f2ce00;
	}
	body.yellow nav.headernavigation div > ul > li.current-menu-item > a:before,
	body.yellow nav.headernavigation div > ul > li.current-menu-parent > a:before,
	body.yellow nav.headernavigation div > ul > li.current-menu-ancestor > a:before {
		border-bottom: 4px solid #f2ce00;
	}
	body.yellow nav.headernavigation ul ul li a:hover {
		background-color: #f2ce00;
	}
	body.yellow nav.subnavigation li.current-menu-item a,
	body.yellow nav.subnavigation li.current-menu-parent a,
	body.yellow nav.subnavigation li.current-menu-ancestor a {
		background-color: #f2ce00;
	}
	body.yellow td.simcal-today > div {
		border: 1px solid #f2ce00;
	}
	body.yellow td.simcal-today > div span.simcal-day-label {
		background-color: #f2ce00;
	}
	body.yellow .banner-title-box {
		background-color: rgba(242, 206, 0, .75); /*#f2ce00;*/
	}
	body.yellow div.contact div.contact-box {
		background-color: #f2ce00;
	}
	nav.startpagenavigation ul li.yellow {
		background-color: #f2ce00;
		background-color: rgba(242, 206, 0, .75);
	}

	body.pink h1 {
		color: #e56572;
	}
	body.pink nav.headernavigation div > ul > li.current-menu-item > a:before,
	body.pink nav.headernavigation div > ul > li.current-menu-parent > a:before,
	body.pink nav.headernavigation div > ul > li.current-menu-ancestor > a:before {
		border-bottom: 4px solid #e56572;
	}
	body.pink nav.headernavigation ul ul li a:hover {
		background-color: #e56572;
	}
	body.pink nav.subnavigation li.current-menu-item a,
	body.pink nav.subnavigation li.current-menu-parent a,
	body.pink nav.subnavigation li.current-menu-ancestor a {
		background-color: #e56572;
	}
	body.pink td.simcal-today > div {
		border: 1px solid #e56572;
	}
	body.pink td.simcal-today > div span.simcal-day-label {
		background-color: #e56572;
	}
	body.pink .banner-title-box {
		background-color: rgba(229, 101, 114, .75); /*#e56572;*/
	}
	body.pink div.contact div.contact-box {
		background-color: #e56572;
	}
	nav.startpagenavigation ul li.pink {
		background-color: #e56572;
		background-color: rgba(229, 101, 114, .75);
	}

@media all and (min-width: 1024px) {
	.banner-title-box,
	nav.startpagenavigation a,
	nav.audiencenavigation a,
	nav.subnavigation a {
		font-size: 20px;
		line-height: 20px;
	}
	nav.startpagenavigation ul li.current-menu-item:nth-child(1) a,
	nav.startpagenavigation ul li.current-menu-parent:nth-child(1) a,
	nav.startpagenavigation ul li.current-menu-ancestor:nth-child(1) a,
	nav.startpagenavigation ul li.current-menu-item:nth-child(2) a,
	nav.startpagenavigation ul li.current-menu-parent:nth-child(2) a,
	nav.startpagenavigation ul li.current-menu-ancestor:nth-child(2) a,
	nav.audiencenavigation ul li.current-menu-item:nth-child(1) a,
	nav.audiencenavigation ul li.current-menu-parent:nth-child(1) a,
	nav.audiencenavigation ul li.current-menu-ancestor:nth-child(1) a {
		font-size: 30px;
		line-height: 30px;
	}
	div.news div.news-date {
		font-size: 80px;
		line-height: 80px;
	}
}

@media only screen and (max-width: 767px) {
	.site {
		overflow: auto;
		margin: 0 auto;
	}
	header {
		height: 80px;
	}
	.logo {
		margin-left: 14px;
	}
	.logo img {
		max-width: 180px;
		height: auto;
	}
	.banner {
		height: 500px;
		width: 100%;
		overflow: hidden;
	}
	.banner.noimage {
		height: auto;
	}
	.content.noimage {
		margin-top: 0;
	}
	body.home .banner {
		min-height: 640px;
	}
	body.home.institution .banner {
		min-height: auto;
		height: auto;
	}
	.banner img {
		position: absolute;
		max-width: none;
		height: 100%;
		margin-left: 50%;
transform: translateX(-50%);
		/*height: 500px;*/
	}
	nav.breadcrumbs, nav.headernavigation {
		display: none;
	}
	.banner {
		margin-top: 100px;
	}
	nav.startpagenavigation {
		position: relative;
		padding-top: 20px;
		padding-bottom: 20px;
		max-height: initial;
	}
	nav.subnavigation li {
		width: 33.3333%;
	}
	nav.startpagenavigation ul,
	nav.audiencenavigation ul {
		overflow: auto;
	}
	nav.startpagenavigation ul li,
	nav.audiencenavigation ul li {
		position: relative;
		float: left;
		top: auto!important;
		left: auto!important;
		width: 44%!important;
		margin: 3%;
		opacity: .6;
	}
	nav.startpagenavigation ul li.current-menu-item,
	nav.startpagenavigation ul li.current-menu-parent,
	nav.startpagenavigation ul li.current-menu-ancestor,
	nav.audiencenavigation ul li.current-menu-item,
	nav.audiencenavigation ul li.current-menu-parent,
	nav.audiencenavigation ul li.current-menu-ancestor {
		opacity: 1;
	}
	nav.startpagenavigation a,
	nav.audiencenavigation a,
	nav.audiencenavigation ul li.current-menu-item:nth-child(1) a,
	nav.audiencenavigation ul li.current-menu-parent:nth-child(1) a,
	nav.audiencenavigation ul li.current-menu-ancestor:nth-child(1) a {
		font-size: 6vw;
		line-height: 6vw;
	}
	nav.startpagenavigation ul li:nth-child(1) a,
	nav.startpagenavigation ul li:nth-child(2) a {
		font-size: 10vw;
		line-height: 10vw;
	}
	nav.startpagenavigation ul li:nth-child(1),
	nav.startpagenavigation ul li:nth-child(2) {
		width: 94%!important;
	}

	.banner-title {
		width: 41%;
	}
	.banner-title-box {
		font-size: 6.5vw;
		line-height: 6.5vw;
	}

	nav.subnavigation ul li {
		width: 33.3333%;
	}
	nav.subnavigation a {
		margin: 10px;
		font-size: 3.8vw;
		line-height: 3.8vw;
	}

/*
	nav.audiencenavigation ul li.menu-item-number-1 {
		top: 0px;
		left: 0;
	}
	nav.audiencenavigation ul li.menu-item-number-2 {
		top: 50px;
		left: 0;
	}
	nav.audiencenavigation ul li.menu-item-number-3 {
		top: 100px;
		left: 0;
	}
	nav.audiencenavigation ul li.menu-item-number-4 {
		top: 150px;
		left: 0;
	}
*/

	nav.metanavigation li.search {
		display: none;
	}
	nav.metanavigation li.burger {
		display: inline-block;
	}
	nav.socialnavigation, nav.footernavigation {
		position: relative;
		display: inline-block;
		width: 100%;
		padding: 0;
		height: auto;
		min-height: auto;
		text-align: center;
	}
	nav.socialnavigation ul, nav.footernavigation ul {
		margin: 0;
		text-align: center;
	}
	nav.socialnavigation ul li, nav.footernavigation ul li {
		display: inline-block;
		text-align; center;
		float: none;
	}
	nav.socialnavigation {
		margin-top: 15px;
	}
	nav.footernavigation {
		margin-top: 30px;
	}
	div.col {
		float: none;
	}
	div.col-1, div.col-2, div.col-3, div.col-4, div.col-5, div.col-6, div.col-7, div.col-8, div.col-9, div.col-10, div.col-11, div.col-12 {
		width: auto;
	}
	div.col-6.ignore-xs,
	div.downloads div.col-6.ignore-xs,
	div.contact div.col-3.ignore-xs {
		float: left;
		width: 50%;
	}
	div.contact div.col-6 {
		float: none;
		display: inline-block;
		width: 100%;
	}
	div.downloads div.row {
		margin: 0 -14px;
	}	
	div.downloads div.row.even {
		background-color: transparent;
	}
	div.downloads div.col.even {
		background-color: #f5f3f3;
	}
	div.downloads div.row-xs {
		margin-bottom: 10px;
	}
	div.downloads div.row-xs:after {
		display: table;
		content: " ";
		clear: both;
	}
	div.news div.row.even div.col {
		float: none;
	}
	div.news div.row.odd div.news-date,
	div.news div.row.even div.news-content {
		text-align: left;
	}
	div.news div.news-date {
		font-size: 80px;
		line-height: 80px;
	}

	.hide-xs {
		display: none!important;
	}
	.show-xs {
		display: inline-block!important;
	}
	.float-xs-right {
		float: right;
		width: 50%;
		padding-left: 10px;
	}
	.float-xs-left {
		float: left;
		width: 50%;
		padding-right: 10px;
	}
	.right {
		text-align: left;
	}
	.row.dropdown {
		margin: 20px -14px;
	}
	.dropdown-toggle {
		padding-right: 8px;
		padding-top: 9px;
	}
	.dropdown-content > h2 {
		margin-left: 20px;
	}
	img.dropdown-toggle-closed,
	img.dropdown-toggle-opened {
		max-width: 12px!important;
		max-height: 12px;
		width: auto!important;
	}
	.dropdown-content .responsive-video,
	.dropdown-content .col img {
		/*margin: 0 -27px;*/
	}
	.schools.title {
		padding-left: 20px;
	}
	.select2 {
		max-width: 100%;
	}
	.bannerslider.slick-slider {
		position: absolute;
		top: 0;
		bottom: 0;
		width: 100%;
	}
	.bannerslider .slick-list {
		height: 100%;
	}
	.bannerslider .slick-track {
		height: 100%;
	}
	.bannerslider .slick-slide {
		position: relative;
		overflow: hidden;
	}
	.bannerslider .slick-slide img {
	}
}
.grecaptcha-badge {
	display: none;
}
div.row + br,
div.col + br {
	display: none;
}

.ics-calendar {
	clear: both;
	display: block;
	margin: 1.5em 0;
}
.ics-calendar:first-child {
	margin-top: 0;
}
.ics-calendar-error {
	font-style: italic;
}
.ics-calendar-select {
	float: right;
	font-size: 80%;
	margin-right: 0;
	max-width: 200px;
	min-width: 200px;
	width: 200px;
}
.ics-calendar-month-grid {
	border-collapse: collapse;
	font-size: 85%;
	letter-spacing: 0.05em;
	line-height: 1.5em;
	table-layout: fixed;
	width: 100%;
}
.ics-calendar-month-grid th, .ics-calendar-month-grid td {
	border: 1px solid rgb(187,187,187);
	border-top: 0;
	overflow: hidden;
	padding: 0;
	text-align: left;
	vertical-align: top;
	width: 14.2857%;
}
.ics-calendar-month-grid th {
	background: rgb(171,171,171);
	font-size: 75%;
	padding: 0.5em 0.8em 0.2em 0.8em;
	text-align: center;
	text-transform: uppercase;
}
.ics-calendar-month-grid .off {
	background: rgb(246,246,246);
	color: rgb(153,153,153) !important;
}
.ics-calendar-month-grid .day {
	background: rgb(226,226,226);
	font-weight: bold;
	padding: 0.2em 0.8em;
}
.ics-calendar-month-grid .past {
	background: rgb(250,250,250);
	opacity: 0.75;
}
.ics-calendar-month-grid .today .day {
	background: rgb(102,102,102);
	color: rgb(255,255,255);
}
.ics-calendar-month-grid ul.events {
	list-style: none;
	margin: 0;
	min-height: 6em;
	padding: 0;
	padding: 0.2em 0 0 0;
}
.ics-calendar-month-grid ul.events li {
	border-bottom: 1px solid rgb(226,226,226);
	margin: 0;
	padding: 0.4em 0.8em;
	padding: 0.2em 0.8em;
}
.ics-calendar-month-grid ul.events li.all-day {
	background: rgb(245,245,245);
	border-bottom: none;
	font-weight: normal;
	padding: 0.4em 0.8em;
	padding: 0.2em 0.8em;
}
.ics-calendar-month-grid ul.events > li:last-of-type {
	border-bottom: 0;
}
.ics-calendar-month-grid .events .all-day-indicator {
	font-size: 60%;
	font-weight: bold;
	line-height: 1.5em;
	text-transform: uppercase;
}
.ics-calendar-month-grid .events .time {
	display: block;
	font-size: 75%;
	font-weight: bold;
	line-height: 1.5em;
}
.ics-calendar-month-grid .events .title {
	display: block;
	font-size: 75%;
	line-height: 1.5em;
}
@media screen and (max-width: 782px) {
	.ics-calendar-select {
		float: none;
		margin-bottom: 1em;
		width: 100%;
	}
	.ics-calendar-month-grid {
		margin-bottom: 3em;
	}
	.ics-calendar-month-grid,
	.ics-calendar-month-grid tbody,
	.ics-calendar-month-grid tr,
	.ics-calendar-month-grid td {
		border: none;
		display: block;
		width: 100%;
	}
	.ics-calendar-month-grid thead,
	.ics-calendar-month-grid .off,
	.ics-calendar-month-grid .past,
	.ics-calendar-month-grid .empty {
		display: none;
	}
	.ics-calendar-month-grid .day {
		padding: 0.5em 0.8em;
	}
	.ics-calendar-month-grid .day * {
		display: inline-block !important;
	}
	.ics-calendar-month-grid ul.events {
		min-height: none;
	}
}
.listonly .ics-calendar-select {
	float: none;
	margin-bottom: 1em;
	width: 100%;
}
.listonly .ics-calendar-month-grid {
	margin-bottom: 3em;
}
.listonly .ics-calendar-month-grid,
.listonly .ics-calendar-month-grid tbody,
.listonly .ics-calendar-month-grid tr,
.listonly .ics-calendar-month-grid td {
	border: none;
	display: block;
	width: 100%;
}
.listonly .ics-calendar-month-grid thead,
.listonly .ics-calendar-month-grid .off,
.listonly .ics-calendar-month-grid .past,
.listonly .ics-calendar-month-grid .empty {
	display: none;
}
.listonly .ics-calendar-month-grid .day {
	padding: 0.5em 0.8em;
}
.listonly .ics-calendar-month-grid .day * {
	display: inline-block !important;
}
.listonly .ics-calendar-month-grid ul.events {
	min-height: none;
}
.ics-calendar-month-grid {
	border-color: #fff;
}
.ics-calendar-month-grid th, .ics-calendar-month-grid td {
	width: 14.285714%;
	border: 2px solid transparent;
}
.ics-calendar-month-grid th {
	background-color: #fff;
	color: #5a5a5a;
}
.ics-calendar-month-grid .day {
	background-color: rgba(0,0,0,.1);
	color: rgb(90, 90, 90);
	text-align: center;
	font-weight: 400;
}
.ics-calendar-month-grid .day.event {
	background-color: #1462a0;
	color: #fff;
}
.ics-calendar-month-grid ul.events li:before {
	display: none;
}
.ics-calendar-month-grid td.today {
	-webkit-box-shadow:inset 0px 0px 0px 1px #1e73be;
	-moz-box-shadow:inset 0px 0px 0px 1px #1e73be;
	box-shadow:inset 0px 0px 0px 1px #1e73be;
}a
.ics-calendar-month-grid .today .day {
	background-color: #1e73be;
}
@media screen and (max-width: 782px) {
	.ics-calendar-month-grid th, .ics-calendar-month-grid td {
		width: auto;
	}
	.ics-calendar-month-grid .day {
		text-align: left;
	}
}
.listonly .ics-calendar-month-grid th, .ics-calendar-month-grid td {
	width: auto;
}
.listonly .ics-calendar-month-grid .day {
	text-align: left;
}