body {
	overflow-x: hidden;
}

section.banner {
	background-color: $color-cyan;
	margin-bottom: 20px;
	@include bp(sm) {
		margin-bottom: 0;
	}
}

nav#page.no-title {
  position: absolute;
  right: 0;
}

@media (min-width: 768px) {
nav#page.no-title {
  right: 15px;
}
}
section.banner {
  background: none;
  margin-bottom: 0;
}

@media (min-width: 768px) {
section.banner {
  background: $color-cyan;
}
}
section.banner .container {
  padding: 0;
}

@media (min-width: 768px) {
section.banner .container {
  padding-right: 15px;
  padding-left: 15px;
}
}
.banner figure > figcaption {
  padding: 20px 15px;
  font-size: 20px;
}

@media (min-width: 768px) {
.banner figure > figcaption {
  padding: 20px;
  font-size: 23px;
}
}
.banner figure img {
  width: 150%;
  height: auto;
  max-width: 150%;
}

@media (min-width: 768px) {
.banner figure img {
  width: 100%;
  height: auto;
  max-width: 100%;
}
}

.side-panel {
	width: 100%;
	background-color: #ffffff;
	-webkit-transition: -webkit-transform 500ms ease;
	-webkit-transition-duration: 500ms;
	-moz-transition: -moz-transform 500ms ease;
	transition: transform 500ms ease;
	right: 0;
	-webkit-transform: translate3d(100%,0,0);
	-moz-transform: translate3d(100%,0,0);
	transform: translate3d(100%,0,0);
	position: absolute;
	top: 0;
	z-index: 5000;
	&.open {
		display: block;
		-webkit-transform: translate3d(0%,0,0);
		-moz-transform: translate3d(0%,0,0);
		transform: translate3d(0%,0,0);
		-webkit-transition: -webkit-transform 500ms ease;
		-webkit-transition-duration: 500ms;
		-moz-transition: -moz-transform 500ms ease;
		transition: transform 500ms ease;
	}

}

.panel-inner {
	padding-top: 100px;
	position: relative;
	.panel-content {
		.crdate {
			float: left;
			width: 100%;
			margin: 10px 0;
		}

		section > .container {
			width: 100% !important;
		}

	}
	.return-link,
	.close {
		position: absolute;
		top: 0px;
		right: 0px;
		width: 30px;
		height: 28px;
		opacity: 1.0;
		@extend .icon-icon-x;
		background-color: #fff;
		border: 1px solid $color-lightblue;
		border-top: 0;

		&:before {
			color: $color-blue;
			position: absolute;
			left: 5px;
			top: 3px;
		}
	}

	.close-bottom-wrapper {
		position: relative;
		float: left;
		width: 100%;
		border-top: 1px solid $color-lightblue;
		.close-bottom {
			position: absolute;
			right: 0px;
		}
	}

}



.panel-inner .return-link, .panel-inner .close {
  width: 50px;
  height: 48px;
}
.close { font-size: 26px; }

.panel-inner .return-link:before, .panel-inner .close:before {
    left: 11px;
    top: 11px;
}

@media (min-width: 992px) {
  .panel-inner .return-link, .panel-inner .close {
		width: 50px;
  	height: 48px;
  }
	.close { font-size: 26px; }

  .panel-inner .return-link:before, .panel-inner .close:before {
		left: 11px;
  top: 11px;
  }
}

#loader {
	display: none;
	z-index: 6000;
	width: 200px;
	height: 200px;
	overflow: auto;
	margin: auto;
	position: absolute;
	top: 0; left: 0; bottom: 0; right: 0;
	> .loader-inner {
		position: relative;
		width: 200px;
		height: 200px;
		background: url('../images/loader.gif') center center no-repeat;
	}
}

#search {
	width: 100%;
	position: fixed;
	background-color: $color-grey;
	z-index: 500;
	transform: translateY(-100%);
	-webkit-transform: translateY(-100%);
	-moz-transform: translateY(-100%);
	transition: transform 0.5s;
	&.open {
		transform: translateY(0);
		-webkit-transform: translateY(0);
		-moz-transform: translateY(0);
	}

	> .container {
		position: relative;


		.search-button {
			float: left;
			> a {
				display: block;
				width: 30px;
				height: 30px;
				margin: 13px 0 0 0;
				@extend .icon-icon-search;
				&:before {
					position: relative;
					top: 5px;
					left: 5px;
					color: $color-black;
				}
				&:hover {
					text-decoration: none;
				}
			}
		}

		.search-input {
			padding: 10px 40px;
			> input {
				width: 100%;
				height: 40px;
				box-sizing: border-box;
				margin: 0;
				padding: 0;
				border: 0;
				border-radius: 0;
				outline: none;
				box-shadow: none !important;
				font-size: 20px;
				line-height: normal;
				text-indent: 20px;
				letter-spacing: -0.5px;
			}
		}

		.search-close {
			@extend .icon-icon-x;
			cursor: pointer;
			position: absolute;
			right: 20px;
			top: 20px;
			z-index: 5000;
		}

	}



}

.content {
	padding: 20px 0;
	@include bp(sm) {
		padding: 40px 0;
	}
	&.bg-grey {
		background-color: $color-grey;
	}
	&.nopadding {
		padding: 0 !important;
	}
	&.section-bgimage {
		background-position: center center;
		background-repeat: no-repeat;
		min-height: 900px;
		margin-bottom: 110px;
	}
}

.clear-padding-top {
	> section.content {
		padding-top: 0 !important;
	}
}

.nopadding {
	.content {
		padding: 0 !important;
	}
}

.mediaelement {
	float: left;
	width: 100%;
	margin-bottom: 10px;
}

.vorspann {
  font-size: 21px;
}

.cookie-notice {
	position: fixed;
 bottom: 0px;
 right: 0px;
 z-index: 130;
 margin: 0;
 width: 100%;
 font-size: 14px;
 height: auto !important;
 padding: 8px !important;
 line-height: 1.3 !important;
 text-align: center;
 background-color: #FFF;
 border-top: 1px solid #ccd9e9;
 box-sizing: border-box;
}

#c314 .form-year-select,
#c314 .form-category-select {
	display: none !important;
}