@media only screen and (min-width: 37.563em) , print {
	.gsb .picture.links {
		margin: 6px 20px 18px 0;
		float: left
	}
	.gsb .picture.rechts {
		margin: 6px 0 18px 20px;
		float: right
	}
	.gsb .responsiveTable {
		margin-bottom: 0;
		overflow-x: auto
	}
	.gsb .responsiveTable table {
		width: 100%
	}
	.c-map--search .leaflet-control-zoom {
		right: 2.9rem
	}
	.nav-to-top {
		right: 1rem
	}
	.nav-to-top--visible {
		display: block !important;
		opacity: 1 !important
	}
	.timeline__date {
		width: 300px;
		padding: 0 20px;
		font-family: "bundesserifweb", Cambria, Georgia, "Droid Serif",
			"Times New Roman", serif;
		font-size: 2.2rem;
		line-height: 1;
		position: absolute;
		left: -15px
	}
	.timeline__text-wrapper {
		padding-left: 340px;
		position: relative
	}
	.timeline__text-wrapper:before {
		left: 311px !important
	}
	.timeline__heading {
		padding-left: 0
	}
	.timeline__heading:before {
		left: 310px
	}
	.timeline__heading:after {
		left: 311px
	}
	.timeline__content {
		padding-left: 340px
	}
	.timeline__content:before {
		left: 310px
	}
	.consent-wrapper {
		padding: 40px
	}
	.consent-wrapper h3 {
		margin-bottom: 1rem
	}
	.consent-wrapper p {
		margin-bottom: 2rem
	}
	.consent-wrapper .c-button {
		font-size: 1.5rem
	}
	.js-on .cookiebanner .cookiebannerbox>div .picture, .cookiebanner .cookiebannerbox>div .picture
		{
		color: var(--text-color);
		display: block
	}
	.docData .label {
		width: 6em;
		padding-right: 20px;
		float: left;
		clear: left
	}
	.docData .value {
		float: left
	}
	.docData.interview .label, .docData.pressrelease .label {
		width: 8em
	}
	.docData.callForBids .label, .docData.joboffer .label, .docData.event .label,
		.docData.guestbookEntry .label {
		width: 9em
	}
	.docData.orgunit .label, .docData.services1 .label {
		width: 12em
	}
	.docData.services .label {
		width: 9em
	}
	.docData.services .value {
		width: 27em
	}
	.docData.services2 .label {
		width: 13em
	}
	.docData.services2 .value {
		width: 27em
	}
	.docData.services3 .label {
		width: 15em
	}
	.docData.services3 .value {
		width: 25em
	}
	.footer .navFunctionsWrapper h2, .footer .navFunctionsWrapper ul {
		float: left
	}
	.footer .navFunctionsWrapper .navFunctionsPrint button {
		padding-left: 30px
	}
	.footer .navFunctionsWrapper .navFunctionsPrint button::before {
		left: 11px
	}
	.footer .siteInfo .heading {
		padding-bottom: 0;
		cursor: auto
	}
	.footer .siteInfo .heading:hover {
		text-decoration: none
	}
	.onepage .navToTop {
		display: none
	}
	.header p {
		margin: 20px 0
	}
	.search .large-3 {
		width: auto
	}
	.navBreadcrumbsVertical {
		clear: both
	}
	.navBreadcrumbsVertical .level1 a {
		font-size: 3rem
	}
	.navBreadcrumbsVertical .level2, .navBreadcrumbsVertical .level3 {
		display: block
	}
	.navBreadcrumbsVertical .level2 a, .navBreadcrumbsVertical .level3 a {
		--link-color: #FFFFFF;
		font-size: 1.6rem;
		font-weight: bold;
		color: var(--link-color);
		display: block;
		width: 66.67%
	}
	.navBreadcrumbsVertical>strong {
		font-size: 3rem
	}
	.navBreadcrumbsVertical li {
		font-size: 1rem;
		width: 100%
	}
	.navBreadcrumbsVertical li span {
		display: block
	}
	.navBreadcrumbsVertical .level2 {
		background: url(/SiteGlobals/Frontend/Images/icons/default/hatch-w.svg?__blob=normal&v=1) repeat 0 0
	}
	.navBreadcrumbsVertical .level2 a {
		padding: 6px 5px 10px
	}
	.navBreadcrumbsVertical .level3 {
		--background-color: #EEEEEE;
		background: var(--background-color)
	}
	.navBreadcrumbsVertical .level3 a {
		--link-color: #000000;
		color: var(--link-color);
		padding: 8px 5px
	}
	.navIndex ul {
		width: auto;
		margin: 0 auto;
		display: table
	}
	.navIndex li {
		width: auto;
		margin-right: 10px
	}
	.navIndex a.page, .navIndex span.page {
		display: block
	}
	.navIndex strong {
		display: block
	}
	.service-border {
		overflow: hidden
	}
	.service-border>ul {
		margin: 0 auto;
		padding-left: 0
	}
	.service-border>ul>li {
		float: left;
		margin-top: 5px;
		width: 20%;
		border: none;
		background-image: none
	}
	.service-border>ul>li a, .service-border>ul>li strong {
		font-weight: bold;
		font-size: 1.2rem;
		min-height: 28px;
		padding: 65px 0 10px;
		text-align: center;
		text-transform: uppercase
	}
	.service-border>ul>li a {
		position: relative;
		margin-left: 5px;
		margin-bottom: 5px
	}
	.service-border>ul>li a:before {
		left: 40%;
		top: 13px
	}
	.service-border>ul>li a:active, .service-border>ul>li a:focus,
		.service-border>ul>li a:hover {
		--background-color: #FFFFFF;
		--link-color: #000000;
		background-color: var(--background-color);
		border-radius: 5px;
		text-decoration: underline;
		color: var(--link-color)
	}
	.service-border>ul>li:first-child a {
		margin-left: 0
	}
	.service-border>ul>li.navMediathek a:before, .service-border>ul>li.navThemen a:before
		{
		top: 18px;
		left: calc(50% - 16px)
	}
	.service-border>ul>li.active a {
		--link-color: #000000;
		--background-color: #FFFFFF;
		text-decoration: underline;
		color: var(--link-color);
		background-color: var(--background-color);
		border-radius: 5px 5px 0 0;
		padding-bottom: 15px;
		margin-bottom: 0
	}
	.service-border .container {
		--background-color: #FFFFFF;
		background: var(--background-color)
			url(/SiteGlobals/Frontend/Images/icons/default/serviceborder-container.svg?__blob=normal&v=1) repeat-x 0 100%;
		padding-bottom: 30px;
		padding-left: 10px;
		padding-right: 10px;
		clear: both
	}
	.service-border .container .containerinner {
		position: relative;
		padding-top: 5em
	}
	.service-border .container .containerinner .more a {
		display: block
	}
	.service-border .container>ul {
		overflow: hidden
	}
	.service-border h4.withHeader {
		padding-top: 1em;
		position: relative
	}
	.service-border h4.withHeader .category {
		top: 0;
		left: 0;
		position: absolute;
		font-family: "bundessansweb", Calibri, "Droid Sans", Arial,
			"Helvetica Neue", Helvetica, sans-serif;
		font-size: 1.2rem;
		display: block;
		text-transform: uppercase;
		font-weight: bold;
		font-style: normal;
		line-height: 1
	}
	.service-border .events ul {
		overflow: hidden
	}
	.service-border .events li {
		--border-color: #7F7F7F;
		background-image: none;
		border-bottom: 1px dotted var(--border-color);
		margin-bottom: 20px
	}
	.service-border .events li h4 {
		clear: none
	}
	.service-border .events li h4 a {
		padding: 0
	}
	.service-border .events li h4, .service-border .events li p {
		margin-left: 57px
	}
	.service-border .events li p a, .service-border .events li p strong {
		padding: 0
	}
	.service-border .events li p a {
		display: block;
		padding-left: 15px;
		text-transform: none;
		position: relative
	}
	.service-border .events li p a:before {
		content: "";
		display: inline-block;
		position: absolute;
		width: 6px;
		height: 9px;
		background: url(/SiteGlobals/Frontend/Images/icons/sprite.svg?__blob=normal&v=2) no-repeat -1123px -281px;
		left: 0;
		top: 7px
	}
	.service-border .events li p a:active, .service-border .events li p a:focus,
		.service-border .events li p a:hover {
		text-decoration: underline
	}
	.service-border .events li p a:active:before, .service-border .events li p a:focus:before,
		.service-border .events li p a:hover:before {
		content: "";
		display: inline-block;
		position: absolute;
		width: 6px;
		height: 9px;
		background: url(/SiteGlobals/Frontend/Images/icons/sprite.svg?__blob=normal&v=2) no-repeat -1123px -390px
	}
	.service-border ul.links {
		margin: 0 0 20px
	}
	.service-border button.close {
		text-transform: uppercase;
		line-height: 1.8;
		cursor: pointer;
		padding-right: 25px;
		position: absolute;
		top: 10px;
		right: 10px
	}
	.service-border button.close:after {
		content: "";
		display: inline-block;
		position: absolute;
		width: 20px;
		height: 20px;
		background: url(/SiteGlobals/Frontend/Images/icons/sprite.svg?__blob=normal&v=2) no-repeat -881px -414px;
		top: 3px;
		right: 0
	}
	.service-border button.close:active, .service-border button.close:focus,
		.service-border button.close:hover {
		text-decoration: underline
	}
	.service-border h3 {
		left: 10000em;
		position: absolute;
		top: -10000em
	}
	.service-border .teaser {
		border-bottom: none;
		margin-bottom: 0
	}
	.js-on .service-border .container {
		display: none
	}
	.share .shariff {
		min-height: 16.5em
	}
	.share .shariff li {
		width: auto;
		margin-right: 15px !important
	}
	.share .shariff li .share_text {
		display: block
	}
	.teaser-switcher .teaser {
		width: 33.33%
	}
	.StndGallery {
		max-width: 637px;
		margin: 0 auto 20px
	}
	.onepage .StndGallery {
		max-width: 100%
	}
	.StndGallery .galleryBox {
		--background-color: #EEEEEE;
		background: var(--background-color)
	}
	.stage {
		clear: both;
		position: relative
	}
	.stage .teaser {
		display: block
	}
	.stage .imageContainer {
		width: 50%;
		display: block;
		float: left;
		position: relative;
		left: -50%
	}
	.stage .imageContainer .spacer {
		width: 12px;
		height: 30px;
		position: absolute;
		top: 14%;
		right: 0
	}
	.stage .imageContainer .spacer:before {
		content: "";
		display: inline-block;
		position: absolute;
		width: 13px;
		height: 25px;
		background: url(/SiteGlobals/Frontend/Images/icons/sprite.svg?__blob=normal&v=2) no-repeat -568px -599px;
		top: 2px;
		left: 0
	}
	.onepage .stage .imageContainer .spacer:before {
		content: "";
		display: inline-block;
		position: absolute;
		width: 13px;
		height: 25px;
		background: url(/SiteGlobals/Frontend/Images/icons/sprite.svg?__blob=normal&v=2) no-repeat -291px -733px
	}
	.stage .textContainer {
		width: 50%;
		padding: 25px 25px 7em;
		display: block;
		float: left;
		position: relative;
		right: -50%
	}
	.stage .textContainer h1, .stage .textContainer h3 {
		--headline-color: #FFFFFF;
		margin: 0 0 10px;
		color: var(--headline-color)
	}
	.onepage .stage .textContainer h1, .onepage .stage .textContainer h3 {
		--headline-color: #000000;
		color: var(--headline-color)
	}
	.stage .textContainer p {
		padding: 0 5px
	}
	.stage .pagination {
		width: auto;
		margin-bottom: 0;
		position: absolute;
		left: 50%;
		bottom: 10px
	}
	.stage .pagination ul {
		margin-left: 20px
	}
	.js-on .stage .slick-dots {
		width: auto;
		height: 34px;
		margin-left: 25px;
		margin-bottom: 0;
		text-align: left;
		position: absolute;
		left: 50%;
		bottom: 20px
	}
	.js-on .stage .slick-dots li {
		width: 34px;
		height: 34px
	}
	.js-on .stage .slick-dots button {
		--text-color: #FFFFFF;
		width: auto;
		height: auto;
		padding: 7px 12px;
		border: none;
		border-radius: 5px;
		color: var(--text-color);
		font-size: 2rem;
		font-weight: bold;
		line-height: 1;
		text-indent: 0;
		display: block;
		clear: left
	}
	.js-on .stage .slick-dots button:active, .js-on .stage .slick-dots button:focus,
		.js-on .stage .slick-dots button:hover {
		--background-color: #FFFFFF;
		--text-color: var(--main-color);
		background: var(--background-color);
		color: var(--text-color);
		opacity: 1
	}
	.js-on .stage .slick-dots button:focus-visible {
		outline: 1px solid currentColor;
		outline-offset: -2px
	}
	.js-on .stage .slick-dots button:before {
		--text-color: #FFFFFF;
		content: "";
		color: var(--text-color)
	}
	.js-on .stage .slick-dots .slick-active button {
		--background-color: #FFFFFF;
		--text-color: var(--main-color);
		background-color: var(--background-color);
		color: var(--text-color);
		cursor: inherit
	}
	.onepage .js-on .stage .slick-dots .slick-active button {
		--background-color: #000000;
		--text-color: #FFFFFF;
		background-color: var(--background-color);
		color: var(--text-color)
	}
	.js-on .stage .slick-dots .slick-active button:active, .js-on .stage .slick-dots .slick-active button:focus,
		.js-on .stage .slick-dots .slick-active button:hover {
		--background-color: #FFFFFF;
		--text-color: var(--main-color);
		background-color: var(--background-color);
		color: var(--text-color)
	}
	.js-on .stage .navigation {
		width: auto;
		top: auto;
		left: auto;
		right: 25px;
		bottom: 20px
	}
	.js-on .stage .navigation button {
		--text-color: #000000;
		width: 34px;
		height: 34px;
		border-radius: 5px;
		color: var(--text-color);
		text-align: center;
		position: static;
		top: 0;
		transform: translateY(0)
	}
	.js-on .stage .navigation button.prev, .js-on .stage .navigation button.next
		{
		display: none !important
	}
	.js-on .stage .navigation button.pause, .js-on .stage .navigation button.play
		{
		display: inline
	}
	.js-on .stage .navigation button strong {
		width: auto;
		line-height: 1.2;
		position: static;
		left: auto;
		overflow: visible
	}
	.js-on .stage .navigation button img {
		width: 34px;
		height: 34px
	}
	.js-on .stage .navigation button.playbutton-playing, .js-on .stage .navigation button.playbutton-paused
		{
		overflow: hidden
	}
	.js-on .stage .navigation button.playbutton-playing:focus, .js-on .stage .navigation button.playbutton-playing:active,
		.js-on .stage .navigation button.playbutton-paused:focus, .js-on .stage .navigation button.playbutton-paused:active
		{
		--background-color: #FFFFFF;
		background: var(--background-color) none repeat scroll 0 0;
		outline: 1px solid currentColor;
		outline-offset: -2px
	}
	.js-on.onepage .stage .slick-dots {
		margin-bottom: 0;
		position: absolute
	}
	.js-on.onepage .stage .slick-dots button {
		--text-color: var(--main-color);
		color: var(--text-color)
	}
	.js-on.onepage .stage .slick-dots button:active, .js-on.onepage .stage .slick-dots button:focus,
		.js-on.onepage .stage .slick-dots button:hover {
		--background-color: var(--main-color);
		--text-color: #FFFFFF;
		background: var(--background-color);
		color: var(--text-color);
		opacity: 1
	}
	.js-on.onepage .stage .slick-dots .slick-active button {
		--background-color: var(--main-color);
		--text-color: #FFFFFF;
		background-color: var(--background-color);
		color: var(--text-color);
		cursor: inherit
	}
	.js-on.onepage .stage .slick-dots .slick-active button:active, .js-on.onepage .stage .slick-dots .slick-active button:focus,
		.js-on.onepage .stage .slick-dots .slick-active button:hover {
		--background-color: var(--main-color);
		--text-color: #FFFFFF;
		background-color: var(--background-color);
		color: var(--text-color)
	}
	.supplement .banner, .supplement .boxWrapper, .supplement .box {
		width: 100%;
		max-width: 314px
	}
	.supplement .solrSortLinks .box, .supplement .facets .box {
		max-width: 100%
	}
	.teaser h2 {
		margin-bottom: 10px
	}
	.teaser .picture-element {
		width: 36.4%
	}
	.searchresult h3 {
		padding-right: 60px
	}
	.searchresult .teaser {
		position: relative
	}
	.searchresult .teaser:before {
		content: "";
		display: inline-block;
		position: absolute;
		width: 32px;
		height: 28px;
		background: url(/SiteGlobals/Frontend/Images/icons/sprite.svg?__blob=normal&v=2) no-repeat -747px -452px;
		top: 5px;
		right: 2%
	}
	.searchresult .IMGObject:before {
		content: "";
		display: inline-block;
		position: absolute;
		width: 30px;
		height: 23px;
		background: url(/SiteGlobals/Frontend/Images/icons/sprite.svg?__blob=normal&v=2) no-repeat -747px -580px
	}
	.searchresult .Publication:before {
		content: "";
		display: inline-block;
		position: absolute;
		width: 28px;
		height: 27px;
		background: url(/SiteGlobals/Frontend/Images/icons/sprite.svg?__blob=normal&v=2) no-repeat -320px -599px
	}
	.searchresult .Event:before {
		content: "";
		display: inline-block;
		position: absolute;
		width: 28px;
		height: 28px;
		background: url(/SiteGlobals/Frontend/Images/icons/sprite.svg?__blob=normal&v=2) no-repeat -50px -733px
	}
	.searchresult .Video:before {
		content: "";
		display: inline-block;
		position: absolute;
		width: 35px;
		height: 29px;
		background: url(/SiteGlobals/Frontend/Images/icons/sprite.svg?__blob=normal&v=2) no-repeat -185px -599px
	}
	.searchresult .Employee:before {
		content: "";
		display: inline-block;
		position: absolute;
		width: 35px;
		height: 34px;
		background: url(/SiteGlobals/Frontend/Images/icons/sprite.svg?__blob=normal&v=2) no-repeat -50px -599px
	}
}