@media all {
	.blockspace {
		margin-bottom: 30px;
	}

	#map {
		width: 100%;
		height: 350px;
	}

	.background-image {
		background-position: 50% 50%;
		background-size: cover;
		background-repeat: no-repeat;
		width: 100%;
	}

	/*Accordeon*/
	.panel-default > .panel-heading a, .panel-title > a {
		display: block;
		text-decoration: none !important;
	}

	.panel-group {
		width: 100%;
	}

	.ui-accordion .ui-accordion-header {
		display: block;
		cursor: pointer;
		position: relative;
		font-size: 100%;
		margin: 0 0 0 0;
		padding: 0;
	}

	.ui-accordion .ui-accordion-header a {
		padding: 5px 0 5px 15px;
	}

	.ui-accordion .ui-accordion-header a i {
		margin-right: 10px;
	}

	.ui-accordion i {color: #004a72;}
	body.accessible .ui-accordion i {color: #333333}
	.ui-accordion .ui-accordion-content {padding: 1em 1em;border-top: 0;overflow: auto;}

	/*Address*/
	.kontaktadresse {
		margin-bottom: 20px;
	}

	.kontaktadresse i {
		width: 25px;
		height: 25px;
		vertical-align: middle;
		border-radius: 4px;
		border: 1px solid #004a72;
		color: #004a72;
		text-align: center;
		font-size: .813rem;
		line-height: 23px;
		margin-bottom: 2px;
		margin-right: 3px;
	}

	body.accessible .kontaktadresse i {
		color: #333333;
		border-color: #333333;
	}

	.kontaktadresse td:first-child {
		padding-right: 10px;
		vertical-align: top;
	}

	/*Button*/

	.btn.btn-default:not(.dropdown-toggle), input[type="submit"] {
		border-radius: 0;
		border: none;
		color: #ffffff;
		background-color: #004a72;
		transition: ease-in 0.2s background-color;
		padding: 5px 10px;
		text-decoration: none !important;
	}

	body.accessible .btn.btn-default:not(.dropdown-toggle), body.accessible input[type="submit"] {background-color: #333333}

	/*Buttons*/
	.block-buttons {
		height: 56px;
	}

	.block-buttons a span:nth-of-type(1),
	.block-buttons span span:nth-of-type(1) {
		width: 56px;
	}

	.block-buttons a span:nth-of-type(2),
	.block-buttons span span:nth-of-type(2) {
		width: calc(100% - 90px);
	}

	.block-buttons a span:nth-of-type(3),
	.block-buttons span span:nth-of-type(3) {
		width: 24px;
	}

	.btn.btn-default:hover:not(.dropdown-toggle), input[type="submit"]:hover {
		background-color: #3781af;
	}

	/*Table*/

	.contenttable {
		border: none;
		border-spacing: 0;
		border-collapse: collapse;
		margin-bottom: 10px;
	}

	.contenttable thead tr:first-child th {
		font-weight: bold;
	}

	.contenttable thead tr:last-child th {
		border-bottom: 1px solid #00365d;
		font-weight: normal;
		padding-top: 0;
	}

	body.accessible .contenttable thead tr:last-child th {
		border-bottom-color: #333333;
	}

	body.accessible [id^="table-"].contenttable thead + tbody tr:nth-child(2n+1) {background-color: #333333 !important}
	body.accessible [id^="table-"].contenttable thead + tbody tr:nth-child(2n+1) td,
	body.accessible [id^="table-"].contenttable thead + tbody tr:nth-child(2n+1) td a,
	body.accessible [id^="table-"].contenttable thead + tbody tr:nth-child(2n+1) td p {color: #ffffff !important}

	.contenttable thead th, .contenttable thead + tbody td {
		padding: 5px 10px;
		vertical-align: top;
	}

	.contenttable thead + tbody tr:nth-child(2n+1),.contenttable tbody tr:nth-child(2n+1) {
		background-color: rgba(149, 193, 31, 0.2);
	}

	body.accessible .contenttable thead + tbody tr:nth-child(2n+1),.contenttable tbody tr:nth-child(2n+1) {
		background-color: #33333333;
	}

	.accom_map {width: 100%; height: 400px}

	body.accessible .contenttable thead + tbody tr:nth-child(2n+1),
	body.accessible .contenttable tbody tr:nth-child(2n+1) td,
	body.accessible .contenttable thead + tbody tr:nth-child(2n+1),
	body.accessible .contenttable tbody tr:nth-child(2n+1) td * {
		color: #ffffff !important;
	}

	.contenttable tbody td:first-child {
		padding-right: 15px;
	}

	.contenttable thead th, .contenttable thead + tbody td {
		padding: 5px 10px;
		vertical-align: top;
	}

	.contenttable tbody td {
		vertical-align: top;
	}

	.contenttable a {
		color: #666666;
	}

	.contenttable a:hover {
		color: #00365c;
	}

	/*Copyrights*/
	table.copyrights {
		width: 100%;
	}

	/*Image*/
	figure.csc-textpic-image a {
		cursor: pointer;
	}

	.image-responsive {
		width: 100%;
	}

	.maxHeight290{
		height: 290px;
		width: auto !important;
	}

	.image-block-max-height figure {
		overflow: hidden;
	}

	/*Lightbox*/

	#slider-lightbox {
		transform: translate(-50%, -50%);
		height: auto;
		position: fixed;
		top: 50%;
		left: 50%;
		opacity: 1;
		overflow: visible;
		z-index: 8030;
		padding: 0;
		margin: 0;
		border: 0;
		outline: none;
		vertical-align: top;
	}

	#slider-lightbox, #slider-lightbox-bg {
		display: none !important;
	}

	#slider-lightbox-bg {
		position: fixed;
		bottom: 0;
		right: 0;
		top: 0;
		left: 0;
		overflow: hidden;
		z-index: 8010 !important;
		background: url(../typo3conf/ext/cl_jquery_fancybox/Resources/Public/Images/fancybox_overlay.png);
		width: 100vw;
		height: 100vh;
		display: block;
	}

	#slider-lightbox .slides li {
		position: unset !important;
		left: 0 !important;
	}

	/*Slider*/

	.flex-direction-nav a {
		overflow: unset !important;
	}

	.flexslider {
		background: transparent;
		border: 0;
		margin: 0 !important;
	}

	#carousel-bounding-box ul li {
		position: relative;
		list-style-type: none !important;
	}

	.flex-viewport + ol + ul {
		position: absolute;
		top: 50%;
		width: 100%;
		transform: translate(0, -50%);
	}

	.flex-viewport + ol {
		display: none;
	}

	.flex-viewport + ol + ul a {
		color: transparent !important;
		text-shadow: none;
	}

	.flex-viewport + ol + ul a::before {
		color: #004a72;
	}

	body.accessible .flexslider:hover .flex-direction-nav .flex-prev,
	body.accessible .flexslider:hover .flex-direction-nav .flex-next {border-radius: 50%;}
	body.accessible .flexslider:hover .flex-direction-nav .flex-prev:focus,
	body.accessible .flexslider:hover .flex-direction-nav .flex-next:focus {outline-color: #ffffff !important;}


	body.accessible .flex-viewport + ol + ul a::before {
		color: #333333;
		border: 2px solid #333333;
		background: white;
		text-shadow: none;
		padding: 10px 8px;
		height: 40px;
		border-radius: 50%;
		width: 40px;
		font-size: 30px;
		line-height: 0.7;
	}

	.flex-caption {
		display: flex;
		justify-content: space-between;
	}

	.left {
		float: left;
	}

	.slider-thumbs {
		height: auto !important;
	}

	.slider-thumbs > ul {
		width: 100%;
		display: flex;
		justify-content: space-between;
	}

	.slider-thumbs li {
		margin: 0;
	}

	.slider-thumbs > div > ul {
		padding: 0 !important;
	}


	.hide-bullets {
		width: 100% !important;
		display: flex;
		flex-wrap: wrap;
		-webkit-flex-wrap: wrap;
		transform: unset !important;
	}

	.special-slider-control .hide-bullets > li {
		width: 20% !important;
		height: 230px !important;
		margin: 0 !important;
		padding-right: 5px !important;
		padding-top: 5px !important;
	}

	.special-slider-control .hide-bullets > li img {
		object-fit: cover;
		height: 100% !important;
		width: 100% !important;
	}

	.special-slider-control.events2 .hide-bullets > li {
		width: 20% !important;
		height: 75px !important;
		margin: 0 !important;
		padding-right: 5px !important;
		padding-top: 5px !important;
	}

	.special-slider-control.events2 .hide-bullets > li img {
		object-fit: cover;
		height: 75px !important;
		width: 100% !important;
	}

	.hide-bullets > li:nth-of-type(5th) {
		padding-right: 0 !important;
	}

	.slides li,
	.flex-nav-prev,
	.flex-nav-next {
		list-style: none !important;
		margin-bottom: 0 !important;
	}

	.image-text-slider .flex-caption,
	.flexslider .flex-caption {
		opacity: 0;
		font-size: 80%;
	}

	#slider-copy-to .flex-caption,
	#slider .flex-caption {
		opacity: 1 !important;
	}

	.image-text-slider:hover .flex-caption,
	.flexslider:hover .flex-caption {
		opacity: 1;
	}

	#slider li {
		position: relative;
	}

	#slider .flex-caption {
		position: absolute;
		top: 377px;
		width: 100%;
		color: white;
		padding: 0 5px;
		text-shadow: 0 -1px 0 rgba(0,0,0,.3);
		background: rgba(0,0,0,.5);
	}

	/*Events*/
	.form-inline .form-group {
		padding-right: 15px;
		margin-bottom: 15px;
	}

	.newsbox i.fa.fa-info.bildinfo {
		position: absolute;
		z-index: 999;
		color: #fff;
		right: 14px;
		margin-top: -30px;
	}

	.newsbild, .no-image, .img_background.coversize, .img_background.no_background, .img_background {
		height: 144px;
		margin-bottom: 10px;
		background-repeat: no-repeat;
		background-size: cover;
	}

	.img_background {
		height: 200px;
		background-repeat: no-repeat;
		background-size: cover;
	}

	.weiter {
		position: absolute;
		bottom: -2em;
	}

	.newsbox .weiter {text-align: right;}

	#content .tx-cb2web .dropdown-menu > li > a:hover, #content .tx-cb2web .dropdown-menu > li.selected > a {
		background: rgba(149, 193, 31, 0.7);
		color: #fff;
	}

	#content .tx-cb2web .dropdown-menu > li.selected > a > .glyphicon-ok::before {content: none !important;}

	i.social {margin-right: 10px;}

	/*Tiles*/
	.newsbox .newsdate, figure.csc-textpic-image figcaption a, .boxhead {
		display: block;
		background-color: #004a72;
		font-family: 'Didact Gothic', sans-serif;
		color: #fff;
		padding: 5px;
	}

	.newsbox .newsdate {
		margin: 0;
		margin-bottom: 15px;
	}

	.tile-title.tile-blue-rounded {
		background-color: #004a72;
		border-top-right-radius: 15px;
		color: white;
		padding: 15px;
		white-space: nowrap;
		overflow: hidden;
		text-overflow: ellipsis;
	}

	body.accessible .tile-title.tile-blue-rounded {
		background-color: #333333;
		border-top-right-radius: 15px;
		color: white;
		padding: 15px;
	}

	body.accessible a.tile-link > p {text-decoration: none !important}
	a.tile-link:hover {text-decoration: none !important;}

	body.accessible a.tile-link .tile-title.tile-blue-rounded {text-decoration: underline !important;}
	body.accessible a.tile-link:hover .tile-title.tile-blue-rounded {text-decoration: none !important;}
	a.tile-link:hover .tile-title.tile-blue-rounded {background-color: #3781af;}
	body.accessible a.tile-link:hover .tile-title.tile-blue-rounded {background-color: #333333;}

	i.fa.fa-info.bildinfo.tiles {margin-top: -25px !important;}

	.img_background.coversize.tiles {margin-bottom: 0 !important;}

	.imgIcon{
		margin-top: 8px;
	}

	.tileNext {
		float: right;
		color: #00365c;
	}

	body.accessible .tileNext {color: #333333}

	.tileNext:hover {color: #004a72;}

	#content a {text-decoration: none;}

	.newsbox > a {
		display: block;
		margin-bottom: 30px;
	}

	.newsbox h3 {
		margin-top: 0;
		margin-bottom: 10px;
		font-weight: bold;
		min-height: 35px;
	}

	.newsinhalt h3 {
		margin-bottom: 5px;
		line-height: 25px;
	}

	.set-height {height: 3em;}

	.tileimagecontainer {
		height: 225px;
		width: 100%;
		overflow: hidden;
	}

	.tileimagecontainer.fixOnHeight picture img {
		height: 100%;
		margin-left: 50%;
		transform: translateX(-50%);
	}

	.tileimagecontainer.fixOnWidth picture img {width: 100%;}

	/* RESET STYLES & HELPER CLASSES
–––––––––––––––––––––––––––––––––––––––––––––––––– */
	.container-Org-Chart {
		--level-1: #8dccad;
		--level-2: #f5cc7f;
		--level-3: #7b9fe0;
		--level-4: #f27c8d;
		--black: black;
	}

	.container-Org-Chart {
		padding: 0;
		margin: 0;
		box-sizing: border-box;
	}

	.container-Org-Chart ol {
		list-style: none;
	}

	body .container-Org-Chart {
		margin: 50px 0 100px;
		text-align: center;
		font-family: "Inter", sans-serif;
	}

	.container-Org-Chart {
		max-width: 1000px;
		padding: 0 10px;
		margin: 0 auto;
	}

	.container-Org-Chart.fullsize {
		max-width: 1540px;
	}

	.rectangle {
		position: relative;
		padding: 21px;
		box-shadow: 0 5px 15px rgba(0, 0, 0, 0.15);
	}


	/* LEVEL-1 STYLES
	–––––––––––––––––––––––––––––––––––––––––––––––––– */
	.container-Org-Chart .level-1 {
		width: 50%;
		margin: 0 auto 40px;
		background: var(--level-1);
	}

	.container-Org-Chart .level-1::before {
		content: "";
		position: absolute;
		top: 100%;
		left: 50%;
		transform: translateX(-50%);
		width: 2px;
		height: 20px;
		background: var(--black);
	}


	/* LEVEL-2 STYLES
	–––––––––––––––––––––––––––––––––––––––––––––––––– */
	.container-Org-Chart .level-2-wrapper {
		position: relative;
		display: grid;
		grid-template-columns: repeat(3, 1fr);
	}

	.container-Org-Chart .level-2-wrapper:not(.single)::before {
		content: "";
		position: absolute;
		top: -20px;
		left: calc(17% + 6px);
		width: calc(50% - 6px);
		height: 2px;
		background: var(--black);
	}

	.container-Org-Chart:not(.fullsize) .level-2-wrapper:not(.single)::before {
		width: calc(50% - 7px);
	}

	.container-Org-Chart .level-2-wrapper.single::before {
		content: "";
		position: absolute;
		top: -20px;
		left: calc(25% + 7px);
		width: calc(25% - 7px);
		height: 2px;
		background: var(--black);
	}

	.container-Org-Chart .level-2-wrapper::after {
		display: none;
		content: "";
		position: absolute;
		left: -20px;
		bottom: -20px;
		width: calc(100% + 20px);
		height: 2px;
		background: var(--black);
	}

	.container-Org-Chart .level-2-wrapper li {
		position: relative;
	}

	.container-Org-Chart .level-2-wrapper > li::before {
		content: "";
		position: absolute;
		bottom: 100%;
		left: 49%;
		transform: translateX(-50%);
		width: 2px;
		height: 20px;
		background: var(--black);
	}

	.container-Org-Chart .level-2 {
		width: 70%;
		margin: 0 auto 40px;
		background: var(--level-2);
	}

	.container-Org-Chart .level-2:not(.none)::before {
		content: "";
		position: absolute;
		top: 100%;
		left: 50%;
		transform: translateX(-50%);
		width: 2px;
		height: 20px;
		background: var(--black);
	}

	.container-Org-Chart .level-2::after {
		display: none;
		content: "";
		position: absolute;
		top: 50%;
		left: 0%;
		transform: translate(-100%, -50%);
		width: 35px;
		height: 2px;
		background: var(--black);
	}


	/* LEVEL-3 STYLES
	–––––––––––––––––––––––––––––––––––––––––––––––––– */
	.container-Org-Chart .level-3-wrapper {
		position: relative;
		display: grid;
		grid-template-columns: repeat(2, 1fr);
		grid-column-gap: 20px;
		width: 90%;
		margin: 0 auto;
	}
	.container-Org-Chart .level-3-wrapper p{
		min-height: 126px;
	}
	.container-Org-Chart .level-3-wrapper:not(.none):not(.single)::before {
		content: "";
		position: absolute;
		top: -20px;
		left: calc(25% + 5px);
		width: calc(50% + 5px);
		height: 2px;
		background: var(--black);
	}

	.container-Org-Chart .level-3-wrapper.single::before {
		content: "";
		position: absolute;
		top: -20px;
		left: calc(25% + 5px);
		width: calc(25% - 4px);
		height: 2px;
		background: var(--black);
	}

	.container-Org-Chart .level-3-wrapper > li::before {
		content: "";
		position: absolute;
		top: 0;
		left: 50%;
		transform: translate(-50%, -100%);
		width: 2px;
		height: 20px;
		background: var(--black);
	}

	.container-Org-Chart .level-3 {
		margin-bottom: 20px;
		background: var(--level-3);
	}


	/* LEVEL-4 STYLES
	–––––––––––––––––––––––––––––––––––––––––––––––––– */
	.container-Org-Chart .level-4-wrapper {
		position: relative;
		width: 80%;
		margin-left: auto;
	}
	.container-Org-Chart .level-4-wrapper p{
		min-height: 180px;
	}
	.container-Org-Chart .level-4-wrapper::before {
		content: "";
		position: absolute;
		top: -20px;
		left: -20px;
		width: 2px;
		height: calc(100% + 20px);
		background: var(--black);
	}

	.container-Org-Chart .level-4-wrapper li + li {
		margin-top: 20px;
	}

	.container-Org-Chart .level-4 {
		font-weight: normal;
		background: var(--level-4);
	}

	.container-Org-Chart .level-4::before {
		content: "";
		position: absolute;
		top: 50%;
		left: 0%;
		transform: translate(-100%, -50%);
		width: 34px;
		height: 2px;
		background: var(--black);
	}
}
@media screen and (max-width: 1199px) and (min-width: 992px) {
	.container-Org-Chart .level-3-wrapper p{
		min-height: 150px;
	}
	.container-Org-Chart .level-4-wrapper p{
		min-height: 245px;
	}
}
@media screen and (max-width: 991px) and (min-width: 767px) {
	.container-Org-Chart .level-2-wrapper p{
		min-height: 105px;
	}
	.container-Org-Chart .level-3-wrapper p{
		min-height: 210px;
	}
	.container-Org-Chart .level-4-wrapper p{
		min-height: 284px;
	}
}
@media screen and (min-width: 992px) {
	.container-Org-Chart.fullsize .level-2-wrapper:not(.single)::before {
		width: calc(66% - 3px);
	}
}
@media screen and (min-width: 1400px) {
	.container-Org-Chart.fullsize .level-2-wrapper:not(.single)::before {
		left: calc(17% + 3px);
		width: calc(66%);
	}
}
@media screen and (max-width: 991px) and (min-width: 768px) {
	.container-Org-Chart .level-2-wrapper:not(.single)::before {
		left: calc(19% + 6px);
		width: calc(70% - 7px);
	}
	.container-Org-Chart .level-3-wrapper:not(.none):not(.single)::before {
		left: calc(29% + 5px);
		width: calc(54% + 5px);
	}
}
/* MQ STYLES
	–––––––––––––––––––––––––––––––––––––––––––––––––– */
@media screen and (max-width: 767px) {
	.rectangle {
		padding: 20px 10px;
	}

	.container-Org-Chart .level-1,
	.container-Org-Chart .level-2 {
		width: 100%;
	}

	.container-Org-Chart .level-1 {
		margin-bottom: 20px;
	}

	.container-Org-Chart .level-1::before,
	.container-Org-Chart .level-2-wrapper > li::before {
		display: none;
	}

	.container-Org-Chart .level-2-wrapper,
	.container-Org-Chart .level-2-wrapper::after,
	.container-Org-Chart .level-2::after {
		display: block;
	}

	.container-Org-Chart .level-2-wrapper {
		width: 90%;
		margin-left: 10%;
	}

	.container-Org-Chart.fullsize .level-2-wrapper:not(.single)::before, .container-Org-Chart:not(.fullsize) .level-2-wrapper:not(.single)::before  {
		left: -20px;
		width: 2px;
		height: calc(100% + 40px);
	}

	.container-Org-Chart .level-2-wrapper > li:not(:first-child) {
		margin-top: 50px;
	}
}

@media (max-width:1199px) {
	.tileimagecontainer {height: 183px;}
}

@media (max-width:991px) {
	.tileimagecontainer {height: 137px;}
	.hide-bullets > li {
		width: 33.333% !important;
		height: 230px !important;
	}
}

@media (max-width:767px) {
	.tileimagecontainer {height: 200px;}
}