@charset "UTF-8";
@import url(/css/media-min.css);
@import url(/kontext/css/content-min.css);
@import url(/kontext/css/listing-min.css);
@import url(/kontext/css/paging.css);

@import url(//cdn.warenform.de/fonts/pt-sans/latin/css/stylesheet.css);
@import url(//cdn.warenform.de/fonts/fontawesome/stylesheets/font-awesome.min.css);

/* Source Sans Pro font licence: http://cdn.warenform.de/fonts/source-sans-pro/licence/ */

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

/* source-sans-pro-italic - latin */
@font-face {
  font-family: 'Source Sans Pro';
  font-style: italic;
  font-weight: 400;
  src: url('//cdn.warenform.de/fonts/source-sans-pro/latin/source-sans-pro-v9-latin-italic.eot'); /* IE9 Compat Modes */
  src: local('Source Sans Pro Italic'), local('SourceSansPro-It'),
       url('//cdn.warenform.de/fonts/source-sans-pro/latin/source-sans-pro-v9-latin-italic.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
       url('//cdn.warenform.de/fonts/source-sans-pro/latin/source-sans-pro-v9-latin-italic.woff2') format('woff2'), /* Super Modern Browsers */
       url('//cdn.warenform.de/fonts/source-sans-pro/latin/source-sans-pro-v9-latin-italic.woff') format('woff'), /* Modern Browsers */
       url('//cdn.warenform.de/fonts/source-sans-pro/latin/source-sans-pro-v9-latin-italic.ttf') format('truetype'), /* Safari, Android, iOS */
       url('//cdn.warenform.de/fonts/source-sans-pro/latin/source-sans-pro-v9-latin-italic.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('//cdn.warenform.de/fonts/source-sans-pro/latin/source-sans-pro-v9-latin-700.eot'); /* IE9 Compat Modes */
  src: local('Source Sans Pro Bold'), local('SourceSansPro-Bold'),
       url('//cdn.warenform.de/fonts/source-sans-pro/latin/source-sans-pro-v9-latin-700.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
       url('//cdn.warenform.de/fonts/source-sans-pro/latin/source-sans-pro-v9-latin-700.woff2') format('woff2'), /* Super Modern Browsers */
       url('//cdn.warenform.de/fonts/source-sans-pro/latin/source-sans-pro-v9-latin-700.woff') format('woff'), /* Modern Browsers */
       url('//cdn.warenform.de/fonts/source-sans-pro/latin/source-sans-pro-v9-latin-700.ttf') format('truetype'), /* Safari, Android, iOS */
       url('//cdn.warenform.de/fonts/source-sans-pro/latin/source-sans-pro-v9-latin-700.svg#SourceSansPro') format('svg'); /* Legacy iOS */
}

/* source-sans-pro-700italic - latin */
@font-face {
  font-family: 'Source Sans Pro';
  font-style: italic;
  font-weight: 700;
  src: url('//cdn.warenform.de/fonts/source-sans-pro/latin/source-sans-pro-v9-latin-700italic.eot'); /* IE9 Compat Modes */
  src: local('Source Sans Pro Bold Italic'), local('SourceSansPro-BoldIt'),
       url('//cdn.warenform.de/fonts/source-sans-pro/latin/source-sans-pro-v9-latin-700italic.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
       url('//cdn.warenform.de/fonts/source-sans-pro/latin/source-sans-pro-v9-latin-700italic.woff2') format('woff2'), /* Super Modern Browsers */
       url('//cdn.warenform.de/fonts/source-sans-pro/latin/source-sans-pro-v9-latin-700italic.woff') format('woff'), /* Modern Browsers */
       url('//cdn.warenform.de/fonts/source-sans-pro/latin/source-sans-pro-v9-latin-700italic.ttf') format('truetype'), /* Safari, Android, iOS */
       url('//cdn.warenform.de/fonts/source-sans-pro/latin/source-sans-pro-v9-latin-700italic.svg#SourceSansPro') format('svg'); /* Legacy iOS */
}

/* @import url(/kontext/css/reset-min.css); */

*, *::before, *::after {
	box-sizing: border-box;
	outline: none;
}

html {
	overflow-x: hidden !important;
}
html, body {
	font-size: 100%;
	/*height: 100%;
	overflow-x: hidden !important;*/
	width: 100% !important;
	max-width: 100%;
}

body {
	background: #fff;
	margin: 0;
	position: relative;
}


@media (min-width: 576px) {  }
@media (min-width: 768px) {  }
@media (min-width: 992px) {  }
@media (min-width: 1200px) {  }

body,
.cke_editable {
	color: #222;
	font-family: sans-serif, serif;
    font-family: 'Source Sans Pro', sans-serif;
	font-size: 1rem;
	line-height: 160%;
}
.cke_editable {
	background: #fff;
}

header {
	background: #fff;
}
hr {
	display: block;
	height: 10px;
	border: 0;
	border-top: 10px solid #81B7D2;
	margin: 10px 0;
	padding: 0;
	position: relative;
}
header .Logo {
	padding: 2rem 1rem 1rem 1rem;
}
header .Logo img {
	max-width: 100%;
}

header .Logo h1 a {
	background: #369CD7;
	color: #fff;
	padding: 0 0.3rem;
	text-transform: uppercase;
}

header .Slider {
	display: none;
}

@media (min-width: 992px) {
	header {
		display: block;
		margin-bottom: 1rem;
		padding: 0;
	}
	header hr::after {
		background: none;
		border-left: 10px solid #fff;
		border-right: 10px solid #fff;
		content: '';
		height: 10px;
		left: 0;
		margin: auto;
		position: absolute;
		right: 0;
		top: -10px;
		width: 1000px;
	}
	header .HeadImage {
		position: relative;
		z-index: 0;
	}
	header .HeadImage::before,
	header .HeadImage::after {
		content: '';
		height: 363px;
		position: absolute;
		top: 0;
		width: 50%;
		z-index: -1;
	}
	header .HeadImage::before {
		background: url(/images/head_bg_left.png) repeat-x;
		left: 0;
	}
	header .HeadImage::after {
		background: url(/images/head_bg_right.png) repeat-x;
		right: 0;
	}
	/*header .HeadImage img {
		display: block;
		margin: auto;
	}*/
	header .HeadImage .bgImage {
		background: url(/images/head.png) no-repeat;
		background-position: center center;
		height: 363px;
		margin: auto;
	}
	header .Logo {
		background: #fff;
		/*border-bottom: 10px solid #81B7D2;*/

		border-left: 20px solid #fff;
		border-right: 20px solid #fff;
		/*margin-bottom: 0.4rem;*/
		margin-top: 45px;
		padding: 2rem 0;
		position: relative;
		/*position: relative;*/
		/*width: 100%;*/
	}
	header .Logo a {
		display: block;
	}
	header .Logo .logo1 img {
		display: block;
		width: 400px;
	}
	header .Logo img.logo2 {
		display: block;
		position: absolute;
		right: 0;
		top: 4rem;
	}

	.Root header .Logo {
		z-index: 2;
	}
	.Root header .Logo  a {
		margin: auto;
	}
	.Root header .Logo a img {
		margin: auto;
		margin-bottom: -60px;
	}
}

/*header .Quicksearch {
	margin-top: -70px;
}
header .Quicksearch fieldset {
	margin: 0 auto;
	width: 300px;
}
header .Quicksearch legend {
	display: none;
}*/

@media (min-width: 992px) {
	header .Slider {
		display: block;
		/*max-height: 320px;*/
	}
	header .Slider .Copyright {
		color: #fff;
		font-size: 0.6rem;
		margin-left: 515px;
		opacity: 0.7;
		position: absolute;
		top: 290px;
		z-index: 100000;
	}
	header .Slider:not(.slick-initialized) {
		display: none;
	}

	header .Slider .Desc {
		/*display: none;*/
		background: #00ABE3;
		color: #fff;
		font-size: 0.9rem;
		height: 100%;
		max-height: 320px;
		padding: 1rem;
		position: absolute;
		right: 0;
		width: 50%;
		z-index: 1;
	}
	header .Slider .Desc a {
		color: #B8D2EF;
	}
	header .Slider .Desc a.More {
		float: right;
	}
	header .Slider .Desc h2 {
		margin: 0;
	}
	header .Slider .Desc:before {
		background: #00ABE3;
		content: '';
		height: 60%;
		left: -40px;
		position: absolute;
		/*right: -40px;*/
		top: -10%;
		transform: rotate(-20deg);
		width: 80px;
		z-index: -1;
	}
	header .Slider .Desc:after {
		background: #00ABE3;
		content: '';
		bottom: -10%;
		height: 60%;
		left: -40px;
		position: absolute;
		/*right: -40px;*/
		transform: rotate(20deg);
		width: 80px;
		z-index: -1;
	}
	header .Slider img {
		display: block;
	}
}

.Wrapper {
	/*background: #fff;*/
	margin: auto;
}

@media (min-width: 992px) {
	.Wrapper {
		/*overflow: hidden;
		position: relative;*/
		/*border-left: 10px solid #fff;
		border-right: 10px solid #fff;*/
		position: relative;
		width: 1000px;
	}
}

.Container {
	background: #fff;
	/*color: #fff;*/
	width: 100%;
}
@media (min-width: 992px) {
	.Container {
		background: transparent;
		-ms-flex-direction: row;
		-webkit-box-orient: horizontal;
		-moz-box-orient: horizontal;
		-ms-box-orient: horizontal;
		box-orient: horizontal;
		display: -ms-flexbox;
		display: -webkit-box;
		display: -moz-box;
		display: -ms-box;
		display: box;
		margin-left: auto;
		margin-right: auto;
		width: 100%;
	}
}
.Container a {
	color: #0087cc;
}
.Container .Main {
	/*background: #FAFCF9;*/
	font-family: 'PT Sans', sans-serif;
	padding: 1rem;
	position: relative;
	width: 100%;
}
@media (min-width: 992px) {
	.Container .Main {
		/*background: #e1f2fd;*/
		/*-ms-flex: 1;
		-webkit-box-flex: 1;
		-moz-box-flex: 1;
		-ms-box-flex: 1;
		box-flex: 1;*/
		/*padding: 1rem 3rem 1rem 3rem ;*/
		/*padding: 1rem 3rem 1rem 6rem;*/
		min-height: 400px;
		padding: 0;
	}

	/*.Container .Main h1,
	.Container .Main h2 {
		color: #222;
	}*/
}

.Article-5 .Main .Content ul,
.Article-5 .Main .Content ul li,
.Article-22 .Main .Content ul,
.Article-22 .Main .Content ul li {
	list-style: none;
	margin-left: 0;
}
.Article-5 .Main .Content ul li:before,
.Article-22 .Main .Content ul li:before {
	color: #0087cc;
	content: "\f054";
	display: block;
	font-family: 'FontAwesome';
	font-size: 0.8rem;
	margin-left: -15px;
	padding-right: 0.2rem;
	padding-top: 1px;
	position: absolute;
}
.Article-5 .Main .Content ul li,
.Article-22 .Main .Content ul li {
	padding-left: 10px;
}

/* Navi */
.Navi {
	padding: 0 1rem;
}
.Navi ul {
	padding: 0;
}

.Navi li a {
	font-size: 1.5rem;
	line-height: 1.3;
}
.MobileNaviButton {
	color: #000;
	position: absolute;
	right: 0;
	top: 0.6rem;
	z-index: 1;
}
.MobileNaviButton:before {
	content: "\f0c9";
	font-family: 'FontAwesome';
	right: 0;
	position: absolute;
	width: 100%;
}
.MobileNaviButton span {
	opacity: 0;
}
.MobileNaviButtonClose {
	background: #fff;
	color: #000;
	opacity: 0;
	position: absolute;
	right: 0;
	top: 0.6rem;
	z-index: 0;
}
.MobileNaviButtonClose:before {
	content: "\f00d";
	font-family: 'FontAwesome';
	right: 0;
	position: absolute;
	width: 100%;
}
.MobileNaviButtonClose span {
	opacity: 0;
}
.Navi .Metanavi {
	line-height: 1;
}
.Wrapper .Metanavi {
	display: none;
}
.Navi .Metanavi {
	display: block;
}
@media (max-width: 576px) {
	/*header .Logo2 img {
		left: 70px;
	}*/
}
@media (max-width: 991px) {
	header .Logo h1 {
		position: relative;
		z-index: 101;
	}
	nav.Navi {
		display: none;
		left: 0;
		bottom: 0;
		opacity: 0;
		position: fixed;
		top: 0;
		padding-top: 75px;
		width: 100%;
	}

	nav.Navi li {
		display: block;
		margin: 0.4rem 0;
		text-align: center;
	}
	nav.Navi li.Home,
	nav.Navi li.Search {
		display: none;
	}
	nav.Navi li.Active a {

	}
	nav.Navi li b {
		font-weight: normal;
	}
	nav.Navi li a {
		color: #369CD7;
	}
	.Navi li li a,
	.Metanavi li a {
		font-size: 1rem;
		line-height: 1.3;
	}
	nav.Navi:target {
		background: #fff;
		display: block;
		opacity: 1;
		transition: opacity .2s ease-out, max-height .4s ease-out;
		z-index: 100;
	}
	nav.Navi:target + .MobileNaviButtonClose {
		opacity: 2;
		z-index: 100;
	}
	nav.Navi .Meta .Search label,
	nav.Navi .Meta .Search input[type="submit"] {
		display: none;
	}
}

@media (min-width: 992px) {
	nav.Navi {
		/*background: rgba(129, 183, 210, 0.4);
		border-bottom: 10px solid #fff;*/
		/*padding: 0 0 14px 0;*/
		/*position: absolute;*/
		/*z-index: 1;*/
		margin-top: -15px;
		margin-bottom: 250px;
		padding: 0;
		transition: 0.3s margin ease-in-out;
		z-index: 1;
	}
	nav.Navi.js-is-sticky {
		/* display: fixed; */
		margin-bottom: 150px;
	}
	nav.Navi input[id*="NaviCheckbox"] {
		display: none;
	}
	nav.Navi input[id*="NaviCheckbox"] + label {
		display: none;
	}
	.MobileNaviButton,
	.MobileNaviButtonClose {
		display: none;
	}

	nav.Navi {
		display: block;
		/*text-align: center;*/
		width: 100%;
	}
	.Navi-Main {
		/*border-left: 10px solid #fff;
		border-right: 10px solid #fff;*/
	}

	.Navi-Main ul {
		/*background: rgba(129, 183, 210, 0.1);*/
		-ms-flex-wrap:wrap;
		-webkit-flex-wrap:wrap;
		display: -ms-flexbox;
		display: -webkit-box;
		display: -webkit-flex;
		display: flex;
		flex-wrap: wrap;
		/*display: block;*/
		list-style: none;
		margin: 0;
		padding: 0;
		position: relative;
		width: 100%;
	}
	.Navi-Main > ul.Level_0 li:nth-child(1),
	.Navi-Main > ul.Level_0 li:nth-child(1) li {
		background: #ed3925;
	}
	.Navi-Main > ul.Level_0 li:nth-child(2),
	.Navi-Main > ul.Level_0 li:nth-child(2) li {
		background: #a6a1d0;
	}
	.Navi-Main > ul.Level_0 li:nth-child(3),
	.Navi-Main > ul.Level_0 li:nth-child(3) li {
		background: #57be85;
	}
	.Navi-Main > ul.Level_0 li:nth-child(4),
	.Navi-Main > ul.Level_0 li:nth-child(4) li {
		background: #80dcd7;
	}

	.Navi-Main ul li:not(.Active) ul {
		display: none;
	}

	.Navi-Main > .Level_0 > li::after {
		content: '';
		height: 226px;
		left: 0;
		position: absolute;
		top: 0;
		transition: 0.3s height ease-in-out;
		width: 100%;
		z-index: -1;
	}
	nav.Navi.js-is-sticky .Navi-Main > .Level_0 > li::after {
		height: 0;
	}
	.Navi-Main > .Level_0 > li:nth-child(1)::after {
		background: url(/images/header-auskunft.jpg) no-repeat;
	}
	.Navi-Main > .Level_0 > li:nth-child(1).Active::after {
		background: url(/images/header-konzept.jpg) no-repeat;
	}
	.Navi-Main > .Level_0 > li:nth-child(2).Active::after {
		background: url(/images/header-schulleben.jpg) no-repeat;
	}
	.Navi-Main > .Level_0 > li:nth-child(3).Active::after {
		background: url(/images/header-geschichte.jpg) no-repeat;
	}
	.Navi-Main > .Level_0 > li:nth-child(4).Active::after {
		background: url(/images/header-auskunft.jpg) no-repeat;
	}
	/*.Navi-Main > ul.Level_0 > li.Active::after {
		background: url(/images/head_konzept.jpg) repeat-x;
	}*/

	.Navi-Main > ul  li > a {
		font-size: 1.125rem;
		font-weight: 700;
		line-height: 1;
		text-transform: uppercase;
	}
	.Navi-Main ul li {
		-ms-flex: 1 1 25%;
		-webkit-box-flex: 1;
		-webkit-flex: 1 1 25%;
		flex: 1 1 25%;
		/*display: inline-block;*/
		margin: 0;
		/*position: relative;*/
		padding: 0;
		padding: 0.4rem 1rem;
	}
	.Root .Navi-Main ul li {
		-ms-flex: 1 1 auto;
		-webkit-box-flex:1 ;
		-webkit-flex: 1 1 auto;
		flex: 1 1 auto;
	}
	.Navi-Main ul li strong {
		font-weight: 700;
	}
	.Navi-Main ul li.Active > a {
		/*background: #00ABE3;*/
		color: #fff;
	}
	/*.Navi-Main ul li.Active > a:before {
		content: "\f054";
		font-family: 'FontAwesome';
		font-size: 0.8rem;
		padding-right: 0.2rem;
	}*/
	.Navi-Main ul li > a:hover {
		color: #fff;
	}
	/*.Navi-Main ul li:hover > ul {
		display: block !important;
	}*/
	.Navi-Main ul li a {
		color: #000;
		display: block;
		padding: 0 1rem;
		text-decoration: none;
	}

	.Navi-Main ul li ul {
		left: 0;
		top: 226px;
		position: absolute;
		transition: 0.3s top ease-in-out;
		/*background: #d9e2e9;
		display: none;
		left: 0;
		padding: 0;
		position: absolute;
		top: 100%;
		z-index: 1;*/
	}
	nav.Navi.js-is-sticky ul ul {
		top: 31px;
	}
	.Navi-Main li li {
		-ms-flex:0 1 25%;;
		-webkit-box-flex:0;
		-webkit-flex:0 1 25%;
		flex: 0 1 25%;
		position: relative;
		/*width: 25%;*/

	}
	.Navi-Main li li:after {
		content: '';
		height: 100%;
		position: absolute;
		right:0;
		top: 0;
	}
	.Navi-Main li:nth-child(1) li:after {
		border-right: 1px solid #ff8a9a;
	}
	.Navi-Main li:nth-child(2) li:after {
		border-right: 1px solid #b7b3d9;
	}
	.Navi-Main li:nth-child(3) li:after {
		border-right: 1px solid #78cb9d;
	}
	.Navi-Main li:nth-child(4) li:after {
		border-right: 1px solid #99e3df;
	}
	.Navi-Main li li:last-child:after {
		border-right: none;
	}
	.Navi-Main li li a {
		z-index: 1;
		/*padding: 0.5rem 1rem;*/
	}
	.Navi-Main ul li ul li + li {
		/*border-top: 1px dotted #dedede;*/
	}

	.Wrapper .Metanavi {
		/*background: #e2eef5;*/
		display: block;
		font-size: 0;
		/*left: 0;*/
		margin: 2rem auto 0 auto;
		padding: 0.6rem 2rem;
		/*position: absolute;*/
		/*right: 0;*/
		text-align: center;
		bottom: -3rem;
		/*width: 1000px;*/
	}
	.Navi .Metanavi { display: none}
	.Wrapper .Metanavi:before {
		content: '';
		width: 100%;
		background: #E2F3FB;
	}
	.Wrapper .Metanavi ul {
		display: inline-block;
		line-height: 1;
		padding: 0;
		text-align: center;
		/*width: 1000px;*/
	}
	/*header .Metanavi ul.Meta {
		text-align: right;
	}*/
	.Wrapper .Metanavi li {
		display: inline-block;
		font-size: 1rem;
	}
	.Wrapper .Metanavi .Lang {
		text-align: left;
	}
	.Wrapper .Metanavi .Lang li {
		color: #B8D2EF;
		text-transform: uppercase;
	}
	.Wrapper .Metanavi li a {
		color: #666;
		font-size: 0.875rem;
		text-transform: uppercase;
	}
	.Wrapper .Metanavi .Lang li:after {
		content: '|';
		padding: 0 0.4rem;
	}
	.Wrapper .Metanavi .Lang li:last-child:after {
		content: '';
	}
	.Wrapper .Metanavi ul.Meta {
		text-align: right;
	}
	.Wrapper .Metanavi ul.Meta li {
		padding-left: 1rem;
	}
	.Wrapper .Metanavi ul.Meta .Search label,
	.Wrapper .Metanavi ul.Meta .Search input {
		color: #666;
		display: inline-block;
		font-size: 0.875rem;
		text-transform: uppercase;
	}
	.Wrapper .Metanavi ul.Meta .Search input[type="text"] {
		border: 1px solid #fff;
		background: #b3d2e4;
		margin: 0 0 0 10px;
		padding: 0.3rem 0.4rem;
		width: 140px;
	}
	.Wrapper .Metanavi ul.Meta .Search input[type="text"]:hover,
	.Wrapper .Metanavi ul.Meta .Search input[type="text"]:focus {
		background: #cce2ed;
	}
	.Wrapper .Metanavi ul.Meta .Search input[type="submit"] {
		display: none;
	}
	.Wrapper .Metanavi li a {
		color: #0087cc;
	}

	.Root .Navi {
		margin-bottom: 0;
	}
	.Root .Navi .Level_0 > li {
		flex-grow: 1;
		height: 255px;
		overflow: hidden;
		padding: 0;
		width: 33%;
	}
	.Root .Navi .Level_0 > li a {
		display: block;
		height: 100%;
		transition: .4s all;
	}
	.Root .Navi .Level_0 > li a:hover  {
		transform: scale(1.05);
	}
	.Root .Navi .Level_0 > li > a > span {
		display: none;
	}
	.Root .Navi-Main > .Level_0 > li:nth-child(1) a {
		background: url(/images/navi-konzept.jpg) no-repeat;
		background-size: cover;
	}
	.Root .Navi-Main > .Level_0 > li:nth-child(3) a {
		background: url(/images/navi-schulleben.jpg) no-repeat;
		background-size: cover;
	}
	.Root .Navi-Main > .Level_0 > li:nth-child(5) a {
		background: url(/images/navi-geschichte.jpg) no-repeat;
		background-size: cover;
	}
	.Root .Navi-Main > .Level_0 > li:nth-child(6) a {
		background: url(/images/navi-auskunft.jpg) no-repeat;
		background-size: cover;
	}
	.Root .Navi-Main > .Level_0 > li:nth-child(2) {
		background: url(/images/navi-placeholder1.jpg) no-repeat;
		background-size: cover;
	}
	.Root .Navi-Main > .Level_0 > li:nth-child(4) {
		background: url(/images/navi-placeholder2.jpg) no-repeat;
		background-size: cover;
	}
}

.Main {
	padding: 0;
}

a {
	text-decoration: none;
}
a:focus,
a:hover,
a:active{
	text-decoration: underline;
}

h1, h2, h3, h4 {
	font-family: 'Source Sans Pro', sans-serif;
	font-weight: normal;
	margin: 0 0 0.5rem;
}

h1 {
	font-size: 1.5rem;
	line-height: 160%;
	font-weight: 700;
}
h2 {
	font-size: 1.375rem;
	line-height: 160%;
}
h3 {
	color: #333;
	font-size: 1.1875rem;
	font-weight: 700;
	line-height: 160%;
}
h4 {
	color: #666;
	font-size: 1rem;
	font-weight: 700;
	line-height: 160%;
}

p {
	margin-bottom: 1rem;
	margin-top: 0;
}

form .Input.Text input,
form .Input.Password input,
form .Input.Email input,
form textarea {
	display: block;
	width: 100%;
}

.Tags ul {
	margin: 0;
	padding: 0;
}
.Tags li {
	display: inline;
	line-height: 200%;
}

.Tools {
	margin: 0 0 1rem;
}
.Tools ul {
	margin: 0;
	padding: 0;
}
.Tools li {
	display: inline;
	line-height: 200%;
}
.Tools li:after {
	color: #333;
	content: '|';
	padding-left: 5px;
}
.Tools li:last-child:after {
	content: '';
}


footer {
	/*background: #e2eef5;*/
	margin: 4rem 0 1rem 0;
	padding-left: 2rem;
}


.Listing > ul {
	padding: 0;
}

.Listing li {
	list-style: none;
	/*font-size: 80%;*/
	margin-bottom: 2.75rem;
}
.Listing li::after {
	border-bottom: 10px solid #eff6fa;
	content: '';
	height: 10px;
	left: 0;
	position: absolute;
	margin-top: 1rem;
	width: 100%;
}
.Article + .Listing {
	margin-top: 4rem;
}
.Article + .Listing:before {
	border-top: 10px solid #eff6fa;
	content: '';
	height: 10px;
	left: 0;
	position: absolute;
	margin-top: -1.5rem;
	width: 100%;
}
.Listing li:last-child:after {
	display: none;
}
.Listing li h3 {
	font-size: 1.1875rem;
}
.Listing li .Date {
	font-size: 0.8rem;
	line-height: 140%;
}
.Listing li .Image {
	padding-top: 8px;
	max-width: 30%;
}
.Listing li .Image img {
	max-width: 100%;
}
.Listing .More {
	float: right;
	text-transform: uppercase;
}

/* Home */
@media (min-width: 992px) {
	.Topic-1 .Navi ul ul {
		display: none;
	}
}
.Home .news, .Home .contact {
	padding: 1rem;
	margin-top: 10px;
	width: 100%;
}
.Home .news {
	background: #E0F1FC;
}
.Home ul {
	padding: 0;
	margin-top: 0 !important;
}
.Home .news li {
	list-style: none;
}
.Home .news li + li {
	margin-top: 10px;
}
.Home .news li .Date {
	display: block;
	/* font-weight: bold; */
}
.Home .news li .Title {
	font-size: 1.2rem;
}
.contact {
	background: #A3D5F7;
}
@media (min-width: 992px) {
	.Home {
		display: flex;
		flex-direction: row
	}
	.Topic-1 .Container .Main {
		min-height: 0;
	}
	.Home .news, .Home .contact {
		min-height: 240px;
	}
	.Home .news {
		border-right: 2px solid #fff;
		width: 666px;
	}
	.Home .contact {
		border-left: 2px solid #fff;
		width: 334px;
	}
}

/* Specials */

.Specials {
	background: #fff;
	padding: 1rem;
}
@media (min-width: 992px) {
	.Specials {
		-ms-flex: 0 300px;
		-webkit-box-flex: 0;
		-moz-box-flex: 0;
		-ms-box-flex: 0;
		box-flex: 0;
		margin-left: 20px;
		width: 300px;
	}
}
.Specials ul,
.Specials ul li {
	list-style: none;
	margin: 0;
	padding: 0;
}
.Specials .Newsletter form {
	display: -webkit-box;
	display: -moz-box;
	display: -ms-flexbox;
	display: -webkit-flex;
	display: flex;
	width: 100%;
}
.Specials .Newsletter input {
	margin: 0;
}
.Specials .Newsletter .helper {
	overflow: hidden;
}
.Specials .Newsletter input[type="email"] {
	border: 1px solid #95c0e8;
	flex-grow: 1;
	width: 50%;
}
.Specials .Newsletter input[type="email"]::placeholder {
	color: #95c0e8;
}
.Specials .Newsletter button,
.Specials .Newsletter input[type="submit"] {
	background: #95c0e8;
	border: 1px solid #ccc;
	border-left: 1px solid #95c0e8;
	color: #fff;
	padding: 0.2rem;
	text-transform: uppercase;
}
.Specials .Box {
	margin-bottom: 2rem;
}
.Specials .Box a span {
	display: block;
}

.Specials .Box .Catchline {
	background: #f0a876;
	border-bottom: 1px solid #fff;
	color: #fff;
	font-size: 0.9rem;
	padding: 0 1rem;
	text-transform: uppercase;
}
.Specials .Box .Desc {
	background: #e3dcd7;
	color: #595959;
	padding: 0.6rem 1rem;
}
.Specials .Box .Desc a {
	color: #fff;
}
.Specials .Box .Desc h3, .Specials .Box .Desc, .Specials .Box .Desc .More {
	line-height: 140%;
	margin-bottom: 0;
}
.Specials .Box .Desc h3 {
	font-size: 1rem;
	margin: 0;
}
.Specials .Box .Desc .date,
.Specials .Box .Desc .content {
	font-size: 0.8rem;
	/*margin-top: 0.4rem;*/
}
.Specials .Box .Desc .More {
	text-align: right;
	font-size: 0.8rem;
	margin-top: 0.4rem;
	text-transform: lowercase;
}

.Specials .Box.Tagcloud .Catchline {
	background: #7BB4E2;
}
.Specials .Box.Tagcloud .Desc {
	background: transparent;
}
.Specials .Box.Tagcloud li {
	display: inline-block;
	font-weight: normal !important;
}
.Specials .Box.Tagcloud li.Size1 a {
	color: #999;
	font-size: 0.8rem;
}
.Specials .Box.Tagcloud li.Size2 a {
	color: #666;
	font-size: 1rem;
}
.Specials .Box.Tagcloud li.Size3 a {
	color: #000;
	font-size: 1.2rem;
}

.MediaBox {
	margin-bottom: 10px;
	width: 100%;
}
.MediaBox ul,
.MediaBox ul li,
.MediaBox ul li a {
	display: inline !important;
	margin: 0 !important;
	padding: 0;
}
.MediaBox ul li {
	margin: 0 10px 0 0 !important;
}
.MediaBox ul li.License:before {
	content: 'Lizenz: ';
}
.MediaBox ul li:last-child {
	margin: 0 !important;
}
.MediaBox.Left,
.MediaBox.Right {
	margin-bottom: 0;
	padding-top: 8px;
	width: 41%;
}

.Specials .Search legend {
	display: none;
}
.Specials .Search fieldset {
	border: 0 none;
	margin: 0;
	padding: 0;
}
.Specials .Search input, .Specials .Search button {
	background: none;
	border: 0 none;
	display: inline-block;
}
.Specials .Search input {
	font-size: 0.9rem;
	padding: 0.4rem;
	text-align: right;
	width: 75%;
}
.Specials .Search input:hover,
.Specials .Search input:focus {
	background: #FAFCF9;
}
.Specials .Search button {
	width: 20%;
}

/* Media */
.MediaBox .Title, .MediaBox .Copyright {
	display: inline-block;
	font-family: inherit;
	font-size: 0.8rem;
	line-height: 160%;
	padding: 0;
}
.MediaBox .Copyright::before {
    content: 'Foto: ';
}

/* Quicksearch */
/*.Quicksearch {
	position: absolute;
	height: 2rem;
	line-height: 2rem;
	right: 0;
	top: -2rem;
}
.Quicksearch legend,
.Quicksearch .search span {
	display: none;
}
.Quicksearch input[type="search"] {
	border: 0 none;
	display: inline-block;
	line-height: 1rem;
}
.Quicksearch .search {
	background: none;
	border: 0 none;
		line-height: 160%;

}*/

/* form */
form fieldset {
	border: 1px solid #ddd;
}
form input[type="text"],
form input[type="email"],
form input[type="password"],
form textarea {
	border: 1px solid #ccc;
	margin: 0.6rem 0.2rem 0 0.2rem;
	padding: 0.6rem;
	width: 100%;
}
form input[type="text"]:focus,
form input[type="email"]:focus,
form input[type="password"]:focus,
form textarea:focus {
	border: 1px solid #999;
}
form .Input.Radio li {
	list-style: none;
}
form .Input.Radio li input[type="radio"] {
	display: inline-block;
	margin-right: 0.6rem;
	vertical-align: middle;
}
form select {
	display: inline-block;
	border: 1px solid rgba(0,0,0,.15);
	border-radius: .25rem;
	line-height: 1.25;
	margin: 0 0.6rem;
	padding: .375rem 1.75rem .375rem .75rem;
	vertical-align: middle;
}
form input[type="submit"] {
	background: #00ABE3;
	border: 1px solid #eee;
	color: #fff;
	cursor: pointer;
	float: right;
	font-size: 1rem;
	padding: 0.6rem 1rem;
}
form input[type="submit"]:hover {
	background: #63C6E8;
}
form .Submit:after {
	clear: both;
	content: "";
	display: table;
}

/* Tagcloud */
.Tagcloud ul {
	margin: 0;
	padding: 0;
}
.Tagcloud li {
    display: inline;
    font-size: 1rem;
    line-height: 200%;
    margin-right: 0.5rem;
    text-transform: uppercase;
}
.Tagcloud li:nth-child(2n+1) {
	font-weight: bold;
}

/* Downloads */
#ID_Documents ul li {
	line-height: 1;
	list-style: none;
	margin-top: 0.6rem;
}
/* Downloads */
.Documents ul,
.Documents ul li {
	list-style: none;
	margin: 0;
	padding: 0;
}
.Documents li {
	margin-bottom: 20px;
}
.Documents li * {
	-ms-hyphens: auto;
	-webkit-hyphens: auto;
	hyphens: auto;
}
.Documents li a {
	background: none !important;
	padding-left: 0 !important;
	text-decoration: none !important;
}
.Documents li a:focus .Title,
.Documents li a:hover .Title,
.Documents li a:active .Title {
	text-decoration: underline !important;
}
.Documents li .Author {
	color: rgba(68,68,75,0.3);
	display: block;
	margin-left: 25px;
}
.Documents li a span.Title:before {
	color: rgba(68,68,75,1);
	content: '\f019';
	font-family: "FontAwesome";
	margin-right: 10px;
}
.Documents .pdf a span.Title:before {
	content: '\f1c1';
}
.Documents .image a span.Title:before {
	content: '\f1c5';
}
.Documents .audio a span.Title:before {
	content: '\f1c7';
}
.PUB .Main .Documents li.Preview-Image {
    display: table;
}
.PUB .Main .Documents li.Preview-Image .Image {
    display: table-cell;
}
.PUB .Main .Documents li.Preview-Image .Image img {
	background: url(/kontext/images/icons/spinner.gif) center no-repeat;
	border: 1px solid #eee;
	height: auto;
	width: 50px;
}
.PUB .Main .Documents li.Preview-Image a .Title {
    display: table-cell;
	padding-left: 20px !important;
	vertical-align: middle;
}
.PUB .Main .Documents li.Preview-Image .Author {
	font-size: 10px;
	margin: 0;
	padding-left: 5px !important;
	text-align: left;
}


/* Kontext */
.no-mq {
	background: #fff;
	width: 850px !important;
}
