/*------------ COLORS
red: 		rgb(209,78,80)
-------------------------------*/
body {
	line-height: 30px;
	color: rgb(102,102,102);
	background-color: #f9fafa;
}
strong, b {
	font-weight: 600;
}
header {
	padding: 20px 0 25px;
}
header .logo {
	float: right;
	margin-left: 40px;
}

header .logo .mv-logo{
	margin-left: 30px;
}
header > ul {
	float: right;
	font-size: 14px;
	line-height: 22px;
	list-style: none;
}
header > ul.lang {
	margin-left: 0px;
}
header > ul.size li {
	cursor: pointer;
}
header > ul.lang, header > ul.size {
	display: none;
}
header > ul > li.big {
	font-size: 24px;
	line-height: 22px;
}
body.big header > ul > li.big {
	color: #d14e50;
}
header > ul > li {
	float: left;
	position: relative;
}
header > ul > li > a {
	color: rgb(102,102,102);
	text-transform: uppercase;
}
header > ul > li:after {
	content: '|';
	float: right;
	padding: 0 7px;
}
header > ul > li:last-child:after {
	content: '';
	display: none;
}
.navbar {
	margin-bottom: 0;
	border: 0;
}
.navbar-header {
	float: none;
}
.navbar-brand {
	float: left;
	padding: 0;
	height: auto;
}
.navbar-brand img {
	max-width: 100%;
}
.nav-bg {
	background-color: #a5b9c3;
	background-image: linear-gradient(to top, #a5b9c3 60%, #99acb5 100%);
}
.nav-bg .container {
}
#navbar {
	padding: 0;
	float: none;
	width: 100%;
}
#navbar > ul {
	position: relative;
	float: none;
	width: 100%;
	display: flex;
	flex-direction: row;
	margin: 0;
	padding: 0;
}
#navbar > ul > li {
	float: left;
	list-style: none;
	flex-grow: 1;
	text-align: center;
}
#navbar > ul > li > a {
	display: block;
	color: #fff;
	text-transform: uppercase;
	font-weight: 600;
}
#navbar > ul > li:hover > a, #navbar > ul > li.active > a {
	background-color: #d14e50;
}
#navbar > ul > li:hover > a:after, #navbar > ul > li.active > a:after {
	content: ' ';
	position: absolute;
	z-index: 999;
	bottom: -20px;
	left: 50%;
	margin-left: -20px;
	border-left: 20px solid transparent;
	border-right: 20px solid transparent;
	border-top: 20px solid #d14e50;
	z-index: 100;
}
#navbar > ul > li:hover > ul.sublevel {
	display: block
}
#navbar > ul > li .toggle {
	display: none
}
ul.sublevel {
	display: none;
	position: absolute;
	list-style: none;
	text-align: left;
	background-color: #fff;
	z-index: 9999;
	padding: 15px 0 0;
	min-width: 242px;
}
#navbar > ul > li:first-child > ul.sublevel {
	min-width: 400px;
}
ul.sublevel > li {
	padding: 15px 33px;
	border-bottom: 1px solid #999;
}
ul.sublevel > li:last-child {
	border-bottom: 0;
}
ul.sublevel > li > a {
	display: block;
	color: #333;
	line-height: 20px;
	font-weight: 600;
}
ul.sublevel > li > a:hover, ul.sublevel > li.active > a {
	text-decoration: none;
	color: #d14e50;
}
img {
	height: auto;
}
.img-responsive, .responsive-image {
	display: block;
	width: 100%;
}
.slider-wrapper {
	height: auto;
	position: relative;
	max-height: 450px;
	overflow: hidden;
	border-bottom: 4px solid #a5b9c3;
	transition: all ease-in-out 300ms;
}
.slider-wrapper.open {
	max-height: 1500px;
	transition: all ease-in-out 300ms;
}
.toggle-slider {
	position: relative;
	height: 40px;
	width: 80px;
	margin: 0 auto;
	background-color: #a5b9c3;
	cursor: pointer;
}
.toggle-slider:before {
	content: '+';
	font-weight: bold;
	color: #fff;
	font-size: 44px;
	position: absolute;
	left: 0;
	top: 0;
	width: 80px;
	text-align: center;
	height: 40px;
	line-height: 36px;
}
.toggle-slider.active:before {
	content: '–';
	line-height: 30px;
}
.slider-close {
	background-color: rgba(255,255,255,0.5);
	width: 100px;
	height: 100px;
	position: absolute;
	top: 50%;
	left: 50%;
	margin: -50px 0 0 -50px;
	opacity: 0;
	cursor: pointer;
}
.slider-close:after {
	content: '+';
	font-weight: bold;
	font-size: 100px;
	line-height: 100px;
	text-align: center;
	width: 100px;
	height: 100px;
	position: absolute;
	top: 0;
	left: 0;
}
.slider-wrapper.open .slider-close:after {
	content: '–';
	line-height: 80px;
}
.slider-close:hover {
	opacity: 1;
}
.breadcrumb {
	margin: 0 0 40px;
	padding: 0;
	font-size: 15px;
	background-color: #f9fafa;
}
.breadcrumb .active span {
	color: rgb(209,78,80);
	text-decoration: underline;
}
.breadcrumb a {
	color: rgb(102,102,102);
	text-decoration: none;
}
#page-1 .breadcrumb {
	display: none;
}
.bgcolor {
	background-color: #dbe3e7;
	padding: 30px 0 80px;
	margin: 60px 0 30px;
}
.content {
	padding: 0 0 50px;
	min-height: 500px;
}
#page-1 .content {
	padding-top: 20px;
}
.content p {
	padding: 0;
	margin: 0 0 20px;
}
.content h1, .content h2 {
	font-size: 30px;
	line-height: 36px;
	font-weight: 600;
	padding: 0;
	margin: 0 0 20px;
	text-transform: uppercase;
	position: relative;
}
.content h1 {
	border-bottom: 3px solid #999;
	padding-bottom: 15px;
	margin-bottom: 30px;
}
.content h1, .content h2 {
	padding-left: 30px;
}
.content h3 {
	font-size: 22px;
	line-height: 30px;
	font-weight: 600;
	padding: 0;
	margin: 0;
	position: relative;
}
.content .col-md-4 h3 {
	color: rgb(209,78,80);
}
.content h1:before, .content h2:before {
	content: ' ';
	position: absolute;
	margin-left: -30px;
	width: 21px;
	height: 21px;
	background-color: #999999;
	top: 8px;
}
.center {
	text-align: center;
}
figcaption {
	margin: 10px 0 20px;
	font-size: 13px;
	line-height: 20px;
}
.img-wrapper {
	margin-top: 10px;
}


#c373 {
	background:rgb(209,78,80);
	color:#fff;
	padding:1rem;
	margin-bottom:30px;
}

#c373 h2 {
	padding:0;
	margin:0;
	text-transform:none;
}

#c373 h2:before {
	display:none;
}

VIDEO {
  width: 100%
}

@media (min-width: 992px) {
	.img-wrapper {
		background-color: #eef0f1;
	}
}
.img-wrapper img {
	max-width: 100%;
	height: auto;
}
#page-1 .content h1 {
	padding: 0;
	border: 0;
}
#page-1 .content h1:before {
	content: '';
	display: none;
}
.frame-layout-1 h2 {
	padding-bottom: 20px;
	border-bottom: 1px solid #e3e3e3;
	margin-bottom: 30px;
}
.bigger {
	font-size: 22px;
	line-height: 30px;
	font-weight: 600;
}
.red {
	color: rgb(209,78,80);
}
.big-red {
	font-size: 22px;
	line-height: 30px;
	font-weight: 600;
	color: rgb(209,78,80);
}
.table {
	width: 100%;
	max-width: 100%;
	margin-bottom: 20px;
}
.table > thead > tr > th, .table > tbody > tr > th, .table > tfoot > tr > th, .table > thead > tr > td, .table > tbody > tr > td, .table > tfoot > tr > td {
	padding: 8px;
	line-height: 1.42857143;
	vertical-align: top;
	border-top: 1px solid #dddddd;
	text-align: left;
	font-weight: normal;
}
.table > tbody > tr > th {
	border-top: 0;
}
hr {
	margin-top: 0;
	margin-bottom: 20px;
	border-top: 1px solid #e3e3e3;
}
ul.specialList {
	list-style: none;
	margin: 0;
	padding: 0;
}
ul.specialList li {
	margin-bottom: 10px;
}
.arrowlink, .arrowlinkAktiv {
	position: relative;
	display: block;
	padding: 10px 50px 10px 20px;
	background-color: #c7cdd1;
	color: #fff;
	text-transform: none;
	font-size: 18px;
	line-height: 25px;
	font-weight: 600;
	height: 70px;
}
a.button {
	display: inline-block;
	border: 0;
	color: #fff;
	background-color: #a5b9c4;
	line-height: 50px;
	padding: 0 30px;
	text-decoration: none;
}
a.button:hover {
	background-color: #d14e50;
	text-decoration: none;
}
.subpage .arrowlink {
	position: relative;
	display: block;
	padding: 0 20px;
	background-color: #c7cdd1;
	color: #fff;
	text-transform: uppercase;
	font-size: 25px;
	line-height: 50px;
	font-weight: 600;
	height: 50px;
}
@media (max-width: 480px) {
	.subpage .arrowlink  {
		height: auto;
		line-height: 30px;
		padding: 10px 15px;
	}
}
.subpage .arrowlink   {
	font-size: 20px;
}
.arrowlink:after,
.arrowlinkAktiv:after {
	content: ' ';
	position: absolute;
	right: 0;
	top: 0;
	height: 70px;
	width: 50px;
	border-left: 5px solid #fff;
	background: url(../Images/iconset.png) left 12px no-repeat;
}
.subpage .arrowlink:after  {
	content: ' ';
	position: absolute;
	right: 0;
	height: 50px;
	width: 50px;
	border-left: 5px solid #fff;
	background: url(../Images/iconset.png) no-repeat;
}
.subpage .arrowlink:hover,
.arrowlink:hover,
.arrowlinkAktiv,
.arrowlinkAktiv:hover {
	color: #fff;
	text-decoration: none;
	background-color: rgb(209,78,80);
}
.news-slider {
	margin-bottom: 80px;
}
#c3 h1 {
	margin-bottom: 0;
}
#c3 h2 {
	text-transform: none;
	padding: 0;
}
#c3 h2:before {
	content: '';
	display: none;
}
.ausstellungen a, .ausstellungen a:hover, .bildungsangebote a, .bildungsangebote a:hover {
	text-decoration: none;
}
.box.ausstellung {
	background-color: #a5b9c4;
	padding: 30px 0 40px 0;
	color: #fff;
	text-align: center;
	font-size: 25px;
	line-height: 30px;
}
.box.ausstellung:hover {
	background-color: #d14e50;
}
.box.ausstellung h3 {
	margin: 0;
	padding: 0;
	color: #fff;
	font-size: 25px;
	line-height: 30px;
	font-weight: 600;
}
.border1 {
	border-left: 20px solid #6b8697;
	border-right: 20px solid transparent
}
.border2 {
	border-left: 20px solid #89a0ae;
	border-right: 20px solid transparent
}
.border3 {
	border-left: 20px solid #97adb9;
	border-right: 20px solid transparent
}
.box.ausstellung.border1:hover {
	border-left: 20px solid #ab1819;
}
.box.ausstellung.border2:hover {
	border-left: 20px solid #bf3434;
}
.box.ausstellung.border3:hover {
	border-left: 20px solid #c84242;
}
.box.picto {
	position: relative;
	min-height: 280px;
	background-color: #8ea5b2;
	text-align: center;
	font-size: 30px;
	line-height: 36px;
	text-transform: uppercase;
	color: #5c7889;
	font-weight: 700;
	padding: 20px 0;
}
.box.picto:hover {
	background-color: #d14e50;
	color: #ab1819;
	text-decoration: none;
}
.box.picto .inner {
	display: table;
	width: 100%;
}
.box.picto .title {
	bottom: 0;
	display: table-cell;
	height: 90px;
	vertical-align: middle;
	width: 100%;
}
.news-date, .news-location {
	font-size: 25px;
	line-height: 30px;
	font-weight: 600;
}
.news-title {
	font-size: 25px;
	line-height: 30px;
	font-weight: 600;
	color: rgb(209,78,80);
	margin: 30px 0;
}
.more {
	font-weight: 600;
	color: rgb(209,78,80);
}
.box-grey {
	background-color: #dee1e4;
	padding: 30px;
	margin-bottom: 30px;
}
.grey {
	background-color: #dee1e4;
}
.shadow {
	padding: 20px 0;
	box-shadow: inset 0px 11px 35px -10px rgba(0,0,0,0.15),  inset 0px -11px 35px -10px rgba(0,0,0,0.15);
}
/*-----------------------------Publikationen-----------------start*/
.publikation .container .border, 
.acc-icon .container .border, 
.acc-quader .container .border,
.accBody.list .border {
	height: 1px;
	background-color: rgba(0,0,0,0.1);
	margin: 50px 0;
}
.acc-icon .container .border {
	margin: 0;
}
.acc-quader .container .border {
	margin: 0;
}
.accBody.list .border {
	margin: 10px 0;
}
.acc-quader .titel {
    height: 50px;
    display: table-cell;
    vertical-align: middle;
    padding: 0 100px 0 30px;
}
.acc-quader .titel:before {
    content: ' ';
    width: 15px;
    height: 15px;
    background-color: #999;
    position: absolute;
    left: 20px;
    margin-top: 7px;
}
.acc-quader .accHeader {
	min-height: 50px;
}
.accHeader {
	position: relative;
}
.acc-icon .accHeader {
	margin-top: 15px;
	margin-bottom: 3px;
}
.acc-base .accHeader {
	background-color: #a5b9c3;
	color: #fff;
	height: 50px;
	line-height: 50px;
	padding: 0 0 0 20px;
	margin: 0 0 30px 0;
}
.acc-base.image .accHeader {
	font-size: 22px;
	margin: 0 0 10px 0;
}
.acc-quader .accHeader {
	margin-top: 15px;
	margin-bottom: 15px;
	padding-right: 40px;
}
.acc-base.active .accHeader {
	background-color: #d14e50;
}
.accHeader h3 {
	margin: 0;
	height: 50px;
	line-height: 50px;
	color: #fff;
	padding-left: 20px;
	background-color: #a5b9c3;
}
.active .accHeader h3 {
	background-color: #d14e50;
}
.accSwitch {
	position: absolute;
	width: 55px;
	height: 50px;
	background-color: #a5b9c3;
	top: 0px;
	right: 0;
	cursor: pointer;
	border-left: 5px solid #fff;
}
.publikation .accSwitch, .acc-icon .accSwitch {
	width: 50px;
	right: 20px;
	border: 0;
}
.active .accSwitch {
	background-color: #d14e50;
}
.accSwitch:before {
	content: '+';
	font-weight: bold;
	color: #fff;
	font-size: 44px;
	position: absolute;
	left: 0;
	top: 0;
	width: 50px;
	text-align: center;
	height: 50px;
	line-height: 46px;
}
.active .accSwitch:before {
	content: '–';
	line-height: 40px;
}
.publikation .titel {
	margin-top: 30px;
	color: rgb(209,78,80);
}
.acc-icon .titel {
	font-size: 22px;
	margin-top: 10px;
}
.image-wrapper {
	background-color: #fff;
	text-align: center;
	padding: 20px 0;
}
.publikation img {
	box-shadow: 3px 3px 8px 0px rgba(0,0,0,0.25);
}
.accBody.list {
	padding-top: 15px;
}
	
/*-----------------------------Publikationen-------------------end*/


/*-----------------------------Ausstellung------------------start*/
.ausstellung {
	background-color: #a5b9c4;
	text-align: center;
}
a.block-link {
	color: #fff;
	text-decoration: none;
}
.ausstellung .header {
	line-height: 70px;
	font-size: 22px;
	font-weight: 700;
}
.ausstellung.dunkel .header {
	background-color: #6b8697;
}
.ausstellung.mittel .header {
	background-color: #89a0ae;
}
.ausstellung.hell .header {
	background-color: #97adb9;
}
.ausstellung .info {
	padding: 20px;
	min-height: 295px;
}
/*-----------------------------Ausstellung--------------------end*/


/*-----------------------------Ausstellung------------------start*/
.themen {
	background-color: #a5b9c4;
	text-align: center;
	color: #fff;
	margin-bottom: 40px;
}
a.block-link {
	color: #fff;
	text-decoration: none;
}
.themen .header {
	line-height: 80px;
	height: 80px;
	font-size: 22px;
	font-weight: 700;
}
.themen.dunkel .header {
	background-color: #6b8697;
}
.themen.mittel .header {
	background-color: #89a1ae;
}
.themen.heller .header {
	background-color: #97adb9;
}
.themen.hell .header {
	background-color: #9cb2bd;
}
.table-wrapper {
	display: table;
	width: 100%;
}
.themen .body {
	width: 100%;
	padding: 10px 0;
	height: 100px;
	display: table-cell;
	vertical-align: middle;
	line-height: 26px;
}
/*-----------------------------Ausstellung--------------------end*/

/*-----------------------------Veranstaltungen--------------------start*/
.news .acc-base .accHeader {
	margin: 0 0 10px 0;
}
.news .acc-base .accBody span {
	display: inline-block;
	padding: 0 10px 0 0;
	border-right: 1px solid #d14e50;
	margin-right: 5px;
	line-height: 16px;
}
.news .acc-base .accBody span.last {
	border-right: 0;
}
.news .acc-base .accBody span.itemactive {
	font-weight: 600;
}
/*-----------------------------Veranstaltungen--------------------end*/
.bild-text-teaser {
	background-color: #eef0f1;
	margin-bottom: 30px;
} 
.news-list-view .bild-text-teaser {
	margin-bottom: 15px;
} 
.bild-text-teaser img{
	float: left;
	margin-right: 30px;
} 
.bild-text-teaser .text{
	padding: 10px 20px 0 0;
}
.news .bild-text-teaser .text {
	padding-top: 15px;
}
.bild-text-teaser .text p{
	margin-bottom: 15px;
} 
.sidebar-box {
	background-color: #eef0f1;
	margin-bottom: 10px;
}
.sidebar-box h3 {
	text-transform: uppercase;
	background-color: rgb(199, 205, 209);
	line-height: 50px;
	padding: 0 0 0 20px;
	font-size: 18px;
	margin: 0;
	border-bottom: 1px solid #fff;
}
.box-body {
	padding: 20px;
}
.tx-maps2 {
	padding: 6px;
	border: 1px solid #eee;
	-webkit-box-shadow: 0px 0px 10px 0px rgba(0,0,0,0.2);
	-moz-box-shadow: 0px 0px 10px 0px rgba(0,0,0,0.2);
	box-shadow: 0px 0px 10px 0px rgba(0,0,0,0.2);
}
.inner_cbQuickGoogleMap {
	width: 100% !important;
}
footer {
	background-color: rgb(32,63,90);
	padding: 50px 0 20px;
	min-height: 200px;
	font-size: 15px;
	line-height: 20px;
	color: #fff;
}
footer .header {
	color: #fff;
	font-weight: 600;
	border-bottom: 1px solid rgba(255,255,255,0.5);
	padding-bottom: 15px;
	margin-bottom: 25px;
}
footer ul {
	list-style: none;
	padding: 0;
}
footer ul li {
	position: relative;
	padding-left: 10px;
}
.footernav ul li:before {
	position: absolute;
	content: '.';
	float: left;
	left: 0;
	top: -5px;
	font-size: 20px;
}
.footernav ul li a {
	color: #fff;
	padding: 0 0 10px;
}
footer .border {
	padding-bottom: 10px;
	margin-bottom: 25px;
	border-bottom: 1px solid rgba(255,255,255,0.5);
}
.metanav ul {
	list-style: none;
	padding: 0;
	margin: 0;
}
.metanav ul li {
	float: left;
	text-transform: uppercase;
	font-weight: 600;
	margin: 0;
	padding: 0;
}
.metanav ul li a {
	color: #fff;
}
.metanav ul li:last-child {
	/*margin-left: 50px;*/
}
.lpb div {
	float: right;
	text-align: right;
}
.lpb div.logo {
	margin-left: 30px;
	margin-bottom: 20px;
}
.lpb div.logo.mv {
	margin-left: 30px;
}
form fieldset.form-group {
	border-bottom: 1px solid #e3e3e3;
	padding-bottom: 30px;
	margin-bottom: 30px;
}
#unverbindlicheAnfrage-360-fieldset-6 {
	border-bottom: 0;
	padding-bottom: 0;
}
form legend {
	border-bottom: 0;
	margin-bottom: 25px;
	line-height: 1.2;
}
form label.control-label {
	font-weight: normal;
}
form label[for="unverbindlicheAnfrage-360-checkbox-1"],
form label[for="unverbindlicheAnfrage-360-checkbox-6"],
form label[for="unverbindlicheAnfrage-360-checkbox-10"],
form label[for="unverbindlicheAnfrage-360-checkbox-2"] {
	font-weight: bold !important;
	padding-left: 0;
	margin-top: 1.5rem;
}
form label[for="unverbindlicheAnfrage-360-checkbox-1"] {
	margin-top: 0;
}
form label[for="unverbindlicheAnfrage-360-checkbox-1"] span,
form label[for="unverbindlicheAnfrage-360-checkbox-6"] span,
form label[for="unverbindlicheAnfrage-360-checkbox-10"] span,
form label[for="unverbindlicheAnfrage-360-checkbox-2"] span {
	padding-left: 10px;
}
form label[for="unverbindlicheAnfrage-360-multicheckbox-3-0"],
form label[for="unverbindlicheAnfrage-360-multicheckbox-3-1"] {
	padding-left: 0;
}
form label[for="unverbindlicheAnfrage-360-multicheckbox-3-0"] span,
form label[for="unverbindlicheAnfrage-360-multicheckbox-3-1"] span {
	padding-left: 10px;
}
form label[for="unverbindlicheAnfrage-360-checkbox-3"],
form label[for="unverbindlicheAnfrage-360-checkbox-4"],
form label[for="unverbindlicheAnfrage-360-checkbox-5"],
form label[for="unverbindlicheAnfrage-360-checkbox-7"],
form label[for="unverbindlicheAnfrage-360-checkbox-8"],
form label[for="unverbindlicheAnfrage-360-checkbox-9"] {
	padding-left: 30px;
	min-height: unset;
}
form label[for="unverbindlicheAnfrage-360-text-21"] {
	padding-left: 30px;
	display: inline-block;
	padding-right: 30px;
}
form label[for="unverbindlicheAnfrage-360-text-21"] + div {
	display: inline-block;
}
form label[for="unverbindlicheAnfrage-360-text-31"] {
	display: inline-block;
	padding-right: 30px;
}
form label[for="unverbindlicheAnfrage-360-text-31"] + div {
	display: inline-block;
}
#unverbindlicheAnfrage-360-text-21 {
	width: unset;
}
form .help-block,
form .checkbox .form-text{
	margin-top: -5px;
	padding-left: 28px;
}
#unverbindlicheAnfrage-360-text-31 {
	margin-bottom: 4rem;
}
@media (min-width: 768px) {
	#unverbindlicheAnfrage-360-multicheckbox-1 div,
	#unverbindlicheAnfrage-360-multicheckbox-2 div {
		display: inline-block;
	}

	#unverbindlicheAnfrage-360-multicheckbox-1 div label,
	#unverbindlicheAnfrage-360-multicheckbox-2 div label {
		padding-left: 0;
		padding-right: 30px;
	}
}
@media (max-width: 767px) {
	#unverbindlicheAnfrage-360-text-17 {
		margin-bottom: 4rem;
	}
}

.form-horizontal .row {
	margin-bottom: 20px;
}
.form-horizontal label {
	font-weight: normal;
}
.content .form-horizontal h3 {
	font-weight: normal;
	font-size: 24px;
	margin-bottom: 20px;	
}
.form-horizontal hr {
	margin: 30px 0;
}
.inline .form-control, .inline label {
	display: inline-block;
	width: auto;
}
.inline label {
	margin-right: 40px;
}
.line .checkbox {
	height: 50px;
	line-height: 50px;
}
.right .text-group{
	float: right;
}
.right .text-group input{
	width: 450px;
}
.form-horizontal .checkbox {
    position: relative;
    margin-left: 0; 
    margin-top: 0;
	padding: 0;
}
.checkbox-group.big input[type="checkbox"] {
	position: absolute;
	margin-top: 8px;
}
.checkbox-group.big label {
	padding-left: 40px;
}
.checkbox-group.big label span {
	font-weight: 600;
}
.checkbox input[type="checkbox"], .checkbox-inline input[type="checkbox"] {
    position: relative;
    margin-left: 0; 
    margin-top: 0;
}
textarea.form-control{
	height: 200px;
}
form .submit button {
	color: #fff;
	border: none;
	background: #a5b9c4;
	line-height: 50px;
	padding: 0 50px;
}
.form-horizontal .submit:hover {
	background-color: #d14e50;
}
.slick-prev {
	left: 20px;
}
.slick-next {
	right: 20px;
}
.f3-widget-paginator {
	text-align: center;
	list-style: none;
	margin: 0 0 2rem 0;
	padding: 0;
}
.f3-widget-paginator li {
	display: inline-block;
	margin-right: 20px;
}
.ce-gallery {
	margin-bottom: 2rem;
}
.content figcaption p {
	margin: 0;
}

/*-----------------------------Spurensuche--------------------start*/
.row.bg-grey {
	position:relative;
	padding:80px 0;
	background:#dbe3e7;
	box-shadow: -1000px 0px 0px 0px #dbe3e7, 1000px 0px 0px 0px #dbe3e7;
}

a.box-picto-link {
	text-decoration:none !important;
}

a.box-picto-link:hover,
a.box-picto-link:focus,
a.box-picto-link:active,
a.box-picto-link:hover .title {
	color:#fff;
}

.dce.box.picto img,
.dce.box.picto svg {
	height:133px;
	width:auto;
}

.dce.box.picto svg {
	margin-bottom:-7px;
}

.dce.box.picto svg.ausstellungsplan-icon .st1,
.dce.box.picto svg.ausstellungsplan-icon .st1,
.dce.box.picto svg.ausstellungsplan-icon .st1{
	-ms-fill:#8ea5b2;
	fill:#8ea5b2;
}

.dce.box.picto:hover svg.ausstellungsplan-icon .st1,
.dce.box.picto:focus svg.ausstellungsplan-icon .st1,
.dce.box.picto:active svg.ausstellungsplan-icon .st1{
	-ms-fill:#d14e50;
	fill:#d14e50;
}

.dce.box.picto {
	padding: 51px 0 20px;
}

.dce.box.picto:hover {
	color:#fff;
}

.dce2.box.picto {
	text-transform:none;
	color:#fff;
	font-weight:700;
	min-height:initial;
	font-size: 26px;
    line-height: 31px;
	padding:20px;
}

a.box-picto-link:hover .dce2.box.picto,
a.box-picto-link:focus .dce2.box.picto,
a.box-picto-link:active .dce2.box.picto {
	background-color: #d14e50;
}

.pt-80 {
	padding-top:80px;
}

.pb-80 {
	padding-bottom:80px;
}

.biographie-slider {
	margin:40px 0;
}

.biographie-slider .slick-prev, .biographie-slider .slick-next {
	width:34px;
	height:40px;
}

.biographie-slider .slick-prev {
	left:-64px;
	background:url("../Images/chevron-double-left.svg")no-repeat center center;
	background-size:100% auto;
}

.biographie-slider .slick-next {
	right:-64px;
	background:url("../Images/chevron-double-right.svg")no-repeat center center;
	background-size:100% auto;
}

.biographie-slider .slick-slide {
	margin:0 20px;
}

.biographie-slider .slick-slide,
.biographie-slider .slick-slide > * {
	outline:0 !important;
}

.dce.biographie-teaser .teaser-img{
	margin-bottom:30px;
}

.dce.biographie-teaser:hover .teaser-img{
	opacity:.7;
}

.dce.biographie-teaser h2{
	padding-left:0;
	text-transform:none;
	font-size:1em;
	color:#d14e50;
	margin-bottom:0;
}

.dce.biographie-teaser:hover h2{
	text-decoration:underline;
}

.dce.biographie-teaser h2:before{
	display:none;
}

.dce.biographie-teaser .biographie-teaser-link {
	text-decoration:none !important;
	color: rgb(102,102,102);
}

.dce2.box.picto {
	margin-bottom:40px;
}

.bio-table {
	margin-bottom:25px;
}

.bio-table .accHeader .titel {
	font-weight:600;
	font-size:28px;
}

.bio-table .year-col{
	font-weight:700;
}

.bio-table .desc-col p:last-child{
	margin-bottom:0;
}

.bio-table .accBody {
	border-bottom:3px solid #d14e50;
}

.bio-table .accBody .row:last-child{
	margin-bottom:25px;
}

.bio-sidebar img,
.bio-sidebar .bio-sidebar-title {
	margin-bottom:25px;
}

.bio-sidebar .bio-sidebar-links ul {
	list-style:none;
	padding-left:0;
}

.bio-sidebar .bio-sidebar-links li {
	margin-bottom:25px;
	line-height:30px;
}

.bio-sidebar .bio-sidebar-links li a,
.bio-sidebar .bio-sidebar-links li button{
	padding-left:37px;
	background-size:25px auto;
	background-size:22px auto;
	background-position:left center;
	background-repeat:no-repeat;
}

.bio-sidebar .bio-sidebar-links li button{
	color:#d14e50;
	border:0;
	background-color:transparent;
	outline:0 !important;
}

.bio-sidebar .bio-sidebar-links li button:hover{
	text-decoration:underline;
}

.bio-sidebar .bio-sidebar-links li.print a {
	background-image:url("../Images/printer_rot.svg");
}
.bio-sidebar .bio-sidebar-links li.save-pdf a {
	background-image:url("../Images/file-earmark-pdf_rot.svg");
}
.bio-sidebar .bio-sidebar-links li.share button {
	background-image:url("../Images/share_rot.svg");
}
.bio-sidebar .bio-sidebar-links li.plan a {
	background-image:url("../Images/ausstellungsplan-icon-small.svg");
}
.bio-sidebar .bio-sidebar-links li.map a {
	background-image:url("../Images/geo-alt-rot.svg");
}
.bio-sidebar .bio-sidebar-links li.more-docs a {
	background-image:url("../Images/file-earmark-text_rot.svg");
}

.bio-sidebar .bio-sidebar-links #share-links {
	background:#a5b9c3;
}

.bio-sidebar .bio-sidebar-links #share-links ul {
	padding:0;
	margin:0;
}

.bio-sidebar .bio-sidebar-links #share-links ul li{
	display:inline-block;
	margin-bottom:0;
	color:#fff;
}

.bio-sidebar .bio-sidebar-links #share-links ul li a{
	color:#fff;
}

.bio-sidebar .bio-sidebar-links #share-links a {
	display:inline-block;
	margin-top:10px;
	margin-bottom:10px;
}

.dce.read-more-text {
	margin-bottom:30px;
}

.dce.read-more-text	.teaser p:last-child{
	margin-bottom:0;
}

.dce.read-more-text	.fulltext{
	display:none;
}

.dce.read-more-text	.read-more-btn{
	border:0;
	background:none;
	color:#d14e50;
	text-decoration:underline;
	padding:0;
}

.dce.read-more-text	.read-more-btn:hover,
.dce.read-more-text	.read-more-btn:focus,
.dce.read-more-text	.read-more-btn:active{
	text-decoration:none;
}

.dce.read-more-text	.read-more-btn.read-less{
	display: none;
}

/*
#page-46 .topic-module > .row > div {
	display:none;
}*/

#page-46 .topic-module > .row > div:first-child,
#page-46 .topic-module > .row > div:nth-child(2),
#page-46 .topic-module > .row > div:nth-child(3) {
	display:block;
}

#topic-lightbox-overlay {
	position:fixed;
	width:100%;
	height:100%;
	top:0;right:0;
	bottom:0;
	left:0;
	display:none;
	background:rgba(165, 185, 195,.8);
	overflow:auto;
	padding:5% 20px;
	z-index:1040;
}

#topic-lightbox-overlay .topic-lightbox-inner{
	position:relative;
	width:100%;
	max-width:900px;
	background:#fff;
	margin-left:auto;
	margin-right:auto;
	left:0;
	right:0;
	padding:90px 60px 60px;
	z-index:1041;
}

#topic-lightbox-overlay .topic-lightbox-inner .topic-lightbox-closer{
	position:absolute;
	right:40px;
	top:40px;
	color:#d14e50;
	font-size:50px;
	font-weight:700;
	cursor:pointer;
}


#topic-lightbox-overlay .topic-lightbox-inner h2,
#topic-lightbox-overlay .topic-lightbox-inner h3{
	padding-left:0;
	font-weight:700;
	text-transform:none;
}

#topic-lightbox-overlay .topic-lightbox-inner h2 {
	margin-bottom:40px;
}

#topic-lightbox-overlay .topic-lightbox-inner h2:before{
	display:none;
}

#topic-lightbox-overlay .topic-lightbox-inner h3{
	font-size:24px;
	color:rgb(102,102,102);
}

body.overf-h {
	overflow-y:hidden;
}

.acc-base.altstyle {
	border-top:3px solid #d14e50;
	margin:0;
}

.acc-base.altstyle .accBody{
	border:0;
}

.acc-base.altstyle .accHeader {
	color:#d14e50;
	background:transparent;
	padding:0;
	margin:0 0 3px;
}

.acc-base.altstyle .accSwitch,
.acc-base.altstyle .accSwitch:before {
	color:#d14e50;
	background:transparent;
	border:0;
	padding:0;
	text-align:right;
	width:55px;
}

.prison-infos {
	/*padding-bottom:30px;*/
	border-bottom:1px solid #000;
	margin-bottom:30px;
}

.prison-infos .prison-left-col{
	font-weight:700;
}

.acc-base.altstyle .desc-col em {
	font-weight:bold;
	font-style:normal;
	color:#d14e50;
}

.arrowlink.hidden {
	display:none;
}

.arrowlink em{
	display:block;
	margin-top:4px;
	text-transform:none;
	font-style:normal;
}

.arrowlink.big {
	height:auto;
	line-height:30px;
	padding-top:12px;
	padding-bottom:12px;
}

.subpage .arrowlink.big:after {
	height:100%;
	background:url("../Images/chevron-double-right-white.png")no-repeat center;
}

/* Spurensuche - Ausstellungsplan */
#page-51 .content {
	padding:0;
}

#page-51 h1 {
	border:0;
	margin:0;
}

#ausstellungsplan-wrapper {
    overflow-x:auto;
	background:#ccd5da;
	box-shadow: -1000px 0px 0px 0px #ccd5da, 1000px 0px 0px 0px #ccd5da;
	padding-bottom:50px;
}

#ausstellungsplan,
#ausstellungsplan-legende {
	min-width:1160px;
	position: relative;
}

#ausstellungsplan .img-overlay {
	position:absolute;
	top:0;
	left:0;
	width:100%;
	z-index:0;
}

/*#ausstellungsplan #planimg{
	position:relative;
	z-index:1;
}

#ausstellungsplan #planimg.invisible{
	opacity:0;
}*/

#ausstellungsplan .marker {
	position:absolute;
	width:3px;
	height:220px;
	font-size:24px;
	background:#fff;
	text-align:center;
	-webkit-box-shadow: 5px 0px 5px 0px rgba(0,0,0,.3); 
	box-shadow: 5px 0px 5px 0px rgba(0,0,0,.3);
	z-index:2;
}

#ausstellungsplan .marker.reduced {
	opacity:.4;
}

#ausstellungsplan .marker:before {
	position:absolute;
	left:-7px;
	bottom:-5px;
	content:" ";
	width:18px;
	height:5px;
	border-radius:100%;
	background:#fff;
	-webkit-box-shadow: 5px 0px 5px 0px rgba(0,0,0,.3); 
	box-shadow: 5px 0px 5px 0px rgba(0,0,0,.3);
	z-index:0;
}

#ausstellungsplan .marker:after {
	position:absolute;
	width:auto;
	min-width:40px;
	top:0;
	left:0;
	height:34px;
	line-height:34px;
	font-weight:600;
	padding:0 5px;
	white-space:nowrap;
	background:#fff;
	-webkit-box-shadow: 5px 0px 5px rgba(0,0,0,.3); 
	box-shadow: 5px 0px 5px  rgba(0,0,0,.3);
	z-index:3;
}

#ausstellungsplan .marker.marker-1 {
	top: 16.0%;
	top: 13.0%;
    left: 66.6%;
}

#ausstellungsplan .marker.marker-1:after {
	content:"1+2";
}

#ausstellungsplan .marker.marker-2 {
	/*top: 17.4%;
	top: 14.4%;
    left: 62.6%;*/
	top: 17.9%;
    left: 62.6%;
    height: 187px;
}

#ausstellungsplan .marker.marker-2:after {
	content:"3";
}

#ausstellungsplan .marker.marker-3 {
	/*top: 18.4%;
	top: 16.1%;
    left: 58.4%;*/
	top: 13.3%;
    left: 58.4%;
    height: 245px;
}

#ausstellungsplan .marker.marker-3:after {
	content:"4";
}

#ausstellungsplan .marker.marker-4 {
	/*top: 20.1%;*/
	top: 18.2%;
    left: 52.7%;
	z-index:4;
}

#ausstellungsplan .marker.marker-4:after {
	content:"5+6";
}

#ausstellungsplan .marker.marker-5 {
	top: 27.8%;
    left: 27.1%;
	z-index:3;
}

#ausstellungsplan .marker.marker-5:after {
	content:"7-13";
}

#ausstellungsplan .marker.marker-6 {
	top: 24.5%;
	top: 22.5%;
    left: 16.6%;
}

#ausstellungsplan .marker.marker-6:after {
	content:"14+15";
}

#ausstellungsplan .marker.marker-7 {
	top: 17.5%;
    left: 25.3%;
}

#ausstellungsplan .marker.marker-7:after {
	content:"16-20";
}

#ausstellungsplan .marker.marker-8 {
	top: 9.6%;
	top: 4.6%;
    left: 50.4%;
}

#ausstellungsplan .marker.marker-8:after {
	content:"21";
}

#ausstellungsplan .marker.marker-9 {
    top: 4.6%;
    left: 54.8%;
    height: 205px;
}

    
#ausstellungsplan .marker.marker-9:after {
	content:"21";
}

#ausstellungsplan-legende {
	padding:30px;
	background:#fff;
	margin-top:-240px;
}

#ausstellungsplan-legende .room-col {
	padding-bottom:20px;
	cursor:default;
}

#ausstellungsplan-legende .room-col .col-xs-4 {
	padding-right:0;
}

#ausstellungsplan-legende .room-col div[class*="room"]{
	min-height:34px;
	font-size:25px;
	color:#fff;
	text-align:center;
	padding:2px 0px;
	white-space:nowrap;
}

#ausstellungsplan-legende .room1 {
	background:#9ec5d4;
}

#ausstellungsplan-legende .room2 {
	background:#588aa3;
}

#ausstellungsplan-legende .room3 {
	background:#6d7196;
}

#ausstellungsplan-legende .room4 {
	background:#a79a94;
}

#ausstellungsplan-legende .room5 {
	background:#464763;
}

#ausstellungsplan-legende .room6 {
	background:#cfaabc;
}

#ausstellungsplan-legende .room7 {
	background:#9daf73;
}

#ausstellungsplan-legende .room8 {
	background:#a5649c;
}

#ausstellungsplan-legende .room.disabled {
	background:#8f979c !important;
}

/* Spurensuche - Landkarte */
#page-52 h1 {
	border:0;
	margin:0;
}

#page-52 .content {
	position:relative;
	padding-bottom:0;
	z-index:2;
}

#page-52 .content > .container {
	width:100%;
	padding-left:0;
	padding-right:0;
}

#page-52 .content > .container > .row {
	margin:0;
}

#page-52 .content > .container > .row > .col-md-12 {
	padding-left:0;
	padding-right:0;
}

#page-52 .content .breadcrumb,
#page-52 .content .frame {
	margin-left:auto;
	margin-right:auto;
		padding-left:20px;
		padding-right:20px;
}

#page-52 #map_home {
	/*pointer-events: none;*/
	max-height:50Vh;
}

#page-52 #map_home .leaflet-popup-content-wrapper, #page-52 #map_home .leaflet-popup-tip {
	color:#292e31 !important;
	background:#bfcdd2;
	border-radius:0;
}

#page-52 .leaflet-container a.leaflet-popup-close-button,
#page-52 .leaflet-container a.leaflet-popup-close-button:hover {
    color: #000 !important;
}

#page-52 #map_home .leaflet-control-attribution.leaflet-control {
	display:none;
}

#page-52 .leaflet-bar a {
	color:#fff;
	border:0;
	background:rgb(32,63,90);
	border-radius:0 !important;
    margin-bottom: 1px;
}

#page-52 .leaflet-control-zoom {
	margin-top:20px !important;
	margin-left:20px !important;
}

#page-52 .leaflet-bar a:hover {
	background:#99acb5;
}

#page-52 .leaflet-touch .leaflet-control-layers,
#page-52 .leaflet-touch .leaflet-bar {
    border: 0;
    background-clip: padding-box;
}

#page-52 #map_home .leaflet-top.leaflet-right {
	display:none;
}

#page-52 .leaflet-pane.leaflet-popup-pane {
	/*pointer-events: auto;*/
}

#map-legend {
	padding:40px 0;
	background:#bfcdd2;
}

#map-legend h3 {
	margin-bottom:20px;
}

#map-legend a {
	color:#292e31 !important;
	font-weight:500;
	text-decoration:none !important;
	outline:0 !important;
}

#map-legend a.img-filter:active {
	outline: none;
}  
#map-legend a.img-filter:focus {
	-moz-outline-style: none;
}

#map-legend a img {
	margin-right:15px;
}

#map-legend .person-filter-wrap {
	position:relative;
}

#map-legend button {
    display: block;
	width:100%;
    color: #292e31;
    background-color: transparent;
    line-height: 50px;
    padding: 0 10px;
	text-align:left;
	border:1px solid #a5b9c4;
	-webkit-appearance:none;
	appearance:none;
	background-image:url("../Images/arrow-down.png");
	background-repeat:no-repeat;
	background-position:95% center;
	outline: 0 !important;
	background-size:20px auto;
}
#map-legend button.active {
	color:#fff;
    background-color: #a5b9c4;
	font-weight:500;
}

#map-legend #person-filter-list {
	position:absolute;
	display:none;
	width:100%;
	max-height:300px;
	top:0px;
	left:0;
    background-color: #a5b9c4;
	list-style:none;
	padding:0;
	overflow-y:auto;
	z-index:10;
}

#map-legend #person-filter-list.visible {
	display:block;
}

#map-legend #person-filter-list li{
	display:block;
	color:#fff;
	padding:9px 10px;
	border-bottom:1px solid rgba(0,0,0,.2);
	cursor:pointer;
}

#map-legend #person-filter-list li.reset{
	display:none;
	color:#fff !important;
	background-color:rgb(32,63,90);
	background-image:url("../Images/btn-closer.png");
	background-repeat:no-repeat;
	background-position:95% center;
	background-size:20px auto;
}



#map-legend #person-filter-list li:hover{
	color:rgb(32,63,90);
}

#map-legend #person-filter-list li:focus,
#map-legend #person-filter-list li.active{
	color:#fff;
	background-color: #d14e50;
}


#map-legend #person-filter-list li:last-child{
	border-bottom:0;
}

#map-legend .img-filter {
	display:flex;
	align-items:center;
	line-height:24px;
}

#map-legend .img-filter.active {
	font-weight:600;
}

#map-legend .img-filter.disabled {
	opacity:.35;
}



.table-swipe-icon {
	display:none;
}

.add-on.form-check-label {
	padding-left:0;
}

/* -----------------------------Spurensuche-------------------- end*/


.dce.news-logos .logo-col img{
	max-width: 253px;
	height: auto;
}

/* ---------------------------Video mit Sprungmarken----------- end*/
#zzi-video {
  margin-bottom: 2.5rem;
}

#zzi-video .timeline {
	position: relative;
	height: 15px;
	padding: 20px 0;
	background: #eee;
	margin-bottom: 20px;
}

#zzi-video .timeline .progress {
	position: absolute;
	width: 0;
	height: 3px;
	top: 50%;
	left: 0;
	content:"";
	margin: 0 auto;
	background: #d14e50;
	transform: translateY(-50%);
	transition: 300ms ease 0ms;
	z-index: 2;
}

#zzi-video .timeline:after {
	position: absolute;
	width: calc(100% - 30px);
	height: 2px;
	top: 50%;
	left: 15px;
	right: 15px;
	content:"";
	margin: 0 auto;
	background: #ccc;
	transform: translateY(-50%);
}

#zzi-video .timeline .timeline-cue-points {
	position: relative;
	width: 100%;
}

#zzi-video .timeline button{
	position: absolute;
	display: none;
	background: #d14e50;
	width: 15px;
	height: 15px;
	top: 50%;
	transform: translateY(-50%);
	border-radius: 15px;
	border: 0;
	padding: 0;
	transition: 300ms ease;
	outline: 0px solid #d14e50 !important;
	z-index: 3;
}

#zzi-video .timeline button:hover,
#zzi-video .timeline button.active {
	outline: 1px solid #d14e50; !important;
}

#zzi-video .timeline button.active {
	background:rgb(32,63,90);
	outline: 1px solid rgb(32,63,90) !important;
}

#zzi-video .cue-points button{
	border: 0;
}

#zzi-video .cue-points button {
	background: none;
	font-weight: bold;
	text-align: left;
	padding: 0;
}

#zzi-video .cue-points .cue-list > button {
	min-width: 90px;
}

#zzi-video .cue-points button:hover,
#zzi-video .cue-points button.active {
	color: #d14e50;	
}

#zzi-video .cue-list .time,
#zzi-video .cue-list .from {
	display: none;
}

#zzi-video .pdf-download {
	text-decoration: none !important;
}

#zzi-video .download-icon {
	margin-bottom: 5px;
	vertical-align: middle;
}

#ddr-map,
#ddr-map .map-wrap {
	position:relative;
}

#ddr-map .map-transitstrecken,
#ddr-map .map-bahnstrecken {
	position: absolute;
	display: block;
	top: 0;
	left: 0;
	z-index: 1;
}

#ddr-map .map-transitstrecken {
	z-index: 2;
}

#ddr-map .grenzpunkt {
	position: absolute;
	width:32px;
	height: 32px;
	border-radius: 100%;
	background-repeat: no-repeat;
	background-position: center;
	background-size: cover;
	box-shadow: 0 0 15px 0 rgba(0,0,0,.2);
	-moz-transform: translate(-50%,-50%);
	-webkit-transform: translate(-50%,-50%);
	transform: translate(-50%,-50%);
	z-index: 4;
}

#ddr-map .grenzpunkt-auto {
	background-image: url('../Images/grenzpunkt-auto.svg');
}

#ddr-map .grenzpunkt-bahn {
	background-image: url('../Images/grenzpunkt-bahn.svg');
}

#ddr-map .grenzpunkt span {
	position: absolute;
	display: none;
	top: -50px;
	left: 16px;
	font-weight: bold;
	color: #fff;
	padding: 5px 10px;
	white-space: nowrap;
}

#ddr-map .grenzpunkt span:before {
	position: absolute;
	width: 2px;
	height: 50px;
	top: 0;
	left: 0;
	content: " ";
}

#ddr-map .grenzpunkt-auto span,
#ddr-map .grenzpunkt-auto span:before {
	background-color: #5d5d5c;
}

#ddr-map .grenzpunkt-bahn span,
#ddr-map .grenzpunkt-bahn span:before {
	background-color: #3b6e85;
}

#ddr-map .grenzpunkt:hover {
	z-index: 5;
}

#ddr-map-legende {
	position: absolute;
	max-width: 500px;
	top: 50px;
	left: 50px;
	padding: 20px;
	background: rgba(255,255,255,.8);
	-webkit-backdrop-filter: blur(10px);
	backdrop-filter: blur(10px);
	z-index: 3;
}

#ddr-map-legende button {
	display: flex;
	align-items: center;
	border: 0 !important;
	background: 0 !important;
	opacity: .4;
	outline: 0 !important;
}

#ddr-map-legende button.active {
	opacity: 1;
}

#ddr-map-legende button img {
	width: 20px;
	height: 20px;
	margin-right: 10px;
}

#ddr-map-legende .transit-berlin {
	margin-top: 20px;
}

#ddr-map-legende .transit-berlin span {
	white-space: nowrap;
}


/*-----------------------------Audioguide--------------------start*/
#page-70 header.header, 
#page-70 .navbar, 
#page-70 .breadcrumb, 
#page-70 footer {
	display: none !important;
}

#page-70 .content {
	padding: 40px 0;
}

#page-71 header.header, 
#page-71 .navbar, 
#page-71 .breadcrumb, 
#page-71 footer {
	display: none !important;
}

#page-71 .content {
	padding: 40px 0;
}

.mp3-modul h2,
.tour-modul h2 {
	font-family: 'Yantramanav';
	color: rgb(209, 78, 80);
	padding: 0;
	text-transform: none;
}

.mp3-modul h2:before,
.tour-modul h2:before {
	display: none;
}

.mp3-modul {
	margin-bottom: 30px;
}

.tour-toggle {
	display: block; 
	width: 100%;
	text-align:left;
	padding: 0;
	background: transparent;
	border: 0;
	border-bottom: 1px solid #999;
	margin-top: 5rem;
}

.tour-toggle h2 {
	color: rgb(102,102,102) !important;
}

.tour-toggle,
.station-wrap {
	margin-bottom: 3rem;
}

.station-wrap h3 {
	margin-bottom: 1.5rem;
}

.station-wrap > p {
	display: none;
}

.lang-multiple {
	display: flex;
}

.lang-multiple .content-de,
.lang-multiple .content-en {
	width: 50%;
	gap: 10px;
}

.lang-multiple .mp3-wrap {
	display: flex;
	align-items: center;
}

.lang-icon {
	display: none;
	width: 32px;
	height: 32px;
	background-repeat: no-repeat;
	background-size: 32px auto;
	background-position: center;
	margin-right: 10px;
}

.lang-multiple .content-de .lang-icon {
	background-image: url("../Images/german-flag.png");
}

.lang-multiple .content-en .lang-icon {
	background-image: url("../Images/uk-flag.png");
}

.lang-icon.hidden {
	display: none;
}


/*  Audioguide Overlay */

#language-overlay {
    position: fixed;
	height: 100%;
    inset: 0;
    background: rgb(209, 78, 80);
    display: flex;
    justify-content: center;
    align-items: center;
	overflow-y: auto;
    z-index: 99999;
}

#language-overlay h2 {
	text-transform: none;
	padding: 0 !important;
}

#language-overlay h2::before {
	display: none;
}

.language-overlay-content {
    text-align: center;
    color: #fff;
    opacity: 0;
    transform: translateY(20px);
    transition: opacity .5s ease, transform .5s ease;
}

.language-overlay-content.show {
    opacity: 1;
    transform: translateY(0);
}

.language-overlay-content h2 {
    margin-bottom: 40px;
    font-size: 32px;
    font-weight: 400;
}

.language-buttons {
    display: flex;
    gap: 40px;
    justify-content: center;
    flex-wrap: wrap;
}

.lang-btn {
    width: 220px;
    height: 220px;
	color: #333;
    background: #fff;
    border: none;
    border-radius: 12px;
    cursor: pointer;
    transition: .25s;
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    gap: 18px;
    font-size: 22px;
    font-weight: 600;
}

.lang-btn:hover {
    transform: translateY(-5px);
    box-shadow: 0 10px 35px rgba(0,0,0,.3);
}

.lang-btn img {
    width: 90px;
    height: auto;
}









@media speech {
	.stations.collapse {
		display: block !important;
	}
}

/*-----------------------------Audioguide--------------------end*/

@media(max-width: 767px){
	.dce.news-logos .logo-col img{
		max-width:100%;
		height:auto;
	}

	#zzi-video .timeline button{
		width: 12px;
		height: 12px;
		border-radius: 12px;
	}

	#ddr-map .grenzpunkt {
		width:24px;
		height: 24px;
	}

	#ddr-map .grenzpunkt span {
		top: -40px;
		left: 10px;
	}

	#ddr-map .grenzpunkt span:before {
		height: 40px;
	}

	a.box-picto-link {
		display: block;
		max-width: 360px;
		margin-left: auto;
		margin-right: auto;
	}

	#ddr-map .grenzpunkt.active span {
		display: block;
	}

	#language-overlay h2 {
		font-size: 18px;
	}
	.lang-btn {
		width: 150px;
		height: 150px;
		font-size: 16px;
	}
	.lang-btn img {
		width: 70px;
	}
}

@media (min-width: 768px) {
	#page-52 .content .breadcrumb,
	#page-52 .content .frame {
		width: 760px;
	}

	#ddr-map .grenzpunkt:hover span,
	#ddr-map .grenzpunkt:focus span {
		display: block;
	}
}
@media (min-width: 992px) {
	#page-52 .content .breadcrumb,
	#page-52 .content .frame {
		width: 980px;
	}
}
@media (min-width: 1200px) {
	#page-52 .content .breadcrumb,
	#page-52 .content .frame {
		width: 1200px;
	}
}

@media (max-width:1199px) {
	.nav>li>a {
		position: relative;
		display: block;
		padding: 10px 12px;
	}
	.nav li a {
		font-size: 16px;
	}
	#ausstellungsplan-wrapper {
		box-shadow: -938px 0px 0px 0px #ccd5da, 938px 0px 0px 0px #ccd5da;
	}

	.dce.news-logos .logo-col img{
		max-width:100%;
		height:auto;
	}

	#ddr-map-legende {
		max-width: 400px;
		left: 0;
	}
}

@media (max-width:1024px) {
	#page-52 .leaflet-pane.leaflet-popup-pane,
	#page-52 .leaflet-control-container{
		pointer-events: auto;
	}

	#page-52 .leaflet-pane {
		pointer-events: none;
	}



	.table-swipe-icon {
		position: fixed;
		width: 230px;
		height: 230px;
		display: flex;
		align-items: center;
		flex-wrap: wrap;
		top: 60%;
		left: 0;
		right: 0;
		margin: 0 auto;
		color: #fff;
		text-align: center;
		padding: 40px 20px;
		border-radius: 100%;
		-ms-transform: translateY(-50%);
		-moz-transform: translateY(-50%);
		-webkit-transform: translateY(-50%);
		transform: translateY(-50%);
		background: rgba(165,185,195,.7);
		opacity: 0;
		-moz-animation: tableSwipe .6s .6s forwards ease;
		-webkit-animation: tableSwipe .6s .6s forwards ease;
		animation: tableSwipe .6s .6s forwards ease;
		z-index: 2;
	}
	
	.table-swipe-icon p {
		margin:0 auto;
	}

	.table-swipe-icon img{
		width:64px;
		height:64px;
		margin:0 auto;
		-moz-animation:tableSwipeIcon 2s .6s infinite;
		-webkit-animation:tableSwipeIcon 2s .6s infinite;
		animation:tableSwipeIcon 2s .6s infinite;
	}

	@-moz-keyframes tableSwipe{
		0 {
			opacity:0;
		}
		100% {
			opacity:1;
		}
	}
	@-webkit-keyframes tableSwipe{
		0 {
			opacity:0;
		}
		100% {
			opacity:1;
		}
	}
	@keyframes tableSwipe{
		0 {
			opacity:0;
		}
		100% {
			opacity:1;
		}
	}

	@-moz-keyframes tableSwipeIcon{
		0 {
			transform:translateX(0%);
		}
		25% {
			transform:translateX(-50%);
		}
		50% {
			transform:translateX(0%);
		}
		75% {
			transform:translateX(50%);

		}
		100% {
			transform:translateX(0%);
		}
	}

	@-webkit-keyframes tableSwipeIcon{
		0 {
			transform:translateX(0%);
		}
		25% {
			transform:translateX(-50%);
		}
		50% {
			transform:translateX(0%);
		}
		75% {
			transform:translateX(50%);

		}
		100% {
			transform:translateX(0%);
		}
	}

	@keyframes tableSwipeIcon{
		0 {
			transform:translateX(0%);
		}
		25% {
			transform:translateX(-50%);
		}
		50% {
			transform:translateX(0%);
		}
		75% {
			transform:translateX(50%);

		}
		100% {
			transform:translateX(0%);
		}
	}
}

@media (max-width:1199px) and (min-width:992px) {
	#map-legend a img {
		margin-right:7px;
	}

	#map-legend .icon-filter .text{
		font-size:16px;
	}
}


@media (max-width:991px) {
	#ausstellungsplan-wrapper {
		box-shadow: -719px 0px 0px 0px #ccd5da, 719px 0px 0px 0px #ccd5da;
	}

	.person-filter-wrap {
		margin-bottom:40px;
	}

	.img-filter {
		margin-bottom:20px;
	}

	.dce.bio-sidebar {
		margin-top:40px;
	}
	
	#ddr-map-legende {
		position: relative;
		max-width: 100%;
		top: 0;
		left: 0;
		padding: 0;
		background: transparent;
		margin-bottom: 20px;
	}
	
	.lang-multiple {
		display: block;
	}
	
	.lang-multiple .content-de,
	.lang-multiple .content-en {
		width: 100%;
	}

	.lang-multiple .content-de + .content-en {
		margin-top: 30px;
	}
}

@media (max-width: 767px) {
	#ausstellungsplan-wrapper {
		box-shadow: -282px 0px 0px 0px #ccd5da, 282px 0px 0px 0px #ccd5da;
	}
	
	#ausstellungsplan, #ausstellungsplan-legende {
		min-width:800px;
	}

	#ausstellungsplan-legende .room-col div[class*="room"] {
		font-size: 16px;
		padding: 5px 0px;
	}

	#page-52 .content .breadcrumb,
	#page-52 .content .frame {
		width: 100%;
	}

	#map-legend img {
		width:37px;
		height:50px;
	}

	#ausstellungsplan .marker {
		font-size:16px;
		height:150px;
	}

	#ausstellungsplan .marker:after {
		min-width: 30px;
		height: 30px;
		line-height: 30px;
	}

	#ausstellungsplan .marker:before {
		left: -6px;
		bottom: -5px;
		width: 15px;
		height: 5px;
	    -webkit-box-shadow: none;
		box-shadow: none;
	}

	#ausstellungsplan .marker.marker-2 {
		height: 132px;
	}

	#ausstellungsplan .marker.marker-3 {
		height: 170px;
	}

	#ausstellungsplan .marker.marker-9 {
		height: 141px;
	}	
}


@media (max-width:1400px) {
	.biographie-slider .slick-prev {
		left:-30px;
	}

	.biographie-slider .slick-next {
		right:-30px;
	}
}

@media (max-width:1300px) {
	.biographie-slider {
		padding-bottom:40px;
	}

	.biographie-slider .slick-prev,
	.biographie-slider .slick-next {
		top:auto;
		bottom:0;
	}

	.biographie-slider .slick-prev {
		left:20px;
	}

	.biographie-slider .slick-next {
		right:20px;
	}
}

@media (max-width: 1200px) {
	.content h1, .content h2 {
		font-size: 24px;
		line-height: 30px;
	}
	.subpage .arrowlink  {
		font-size: 15px;
	}
	.arrowlink, .arrowlinkAktiv {
		font-size: 14px;
	}
	.box.ausstellung, .box.ausstellung h3 {
		font-size: 20px;
	}
	.slick-prev, .slick-next {
		display: none !important;
	}
	.biographie-slider .slick-prev,
	.biographie-slider .slick-next {
		display:inline-block !important;
	}
	.box.picto {
		font-size: 26px;
		line-height: 30px;
	}
	.dce2.box.picto {
		font-size: 24px;
		line-height: 29px;
	}
	.ausstellung {
		min-height: 695px;
	}
	.box.ausstellung {
		min-height: 0;
	}
	figcaption br {
		display: none;
	}
	.block-link img {
		max-width: 100%;
		height: auto;
	}
	.acc-base.image .accHeader {
		font-size: 18px;
	}
	.box-grey {
		min-height: 305px;
	}
	#topic-lightbox-overlay .topic-lightbox-inner h3 {
		font-size: 20px;
	}
}

@media (max-width: 991px) {
	#navbar > ul > li > a {
		font-size: 13px;
		padding: 10px 7px;
	}
	header > ul.lang, header > ul.size {
		margin: 20px 0 0;
	}
	.box, .ausstellung {
		margin-bottom: 20px;
	}
	.news-single a.button {
		margin-bottom: 20px;
	}
	header .size,
	header .lang,
	.toggle-slider {
		display: none;
	}
	.breadcrumb {
		margin: 10px 0;
		font-size: 13px;
	}		
	.row.boxen {
		margin-left: -10px;
		margin-right: -10px;
	}
	.row.boxen .col-sm-4 {
		padding: 0 10px;
	}
	.ausstellung {
		min-height: 630px;
	}
	#page-1 .ausstellung {
		min-height: 0;
	}
	.ausstellung .info {
		font-size: 16px;
		line-height: 26px;
	}
	.box.picto img {
		max-width: 80%;
		height:auto
	}
	.themen {
		margin-bottom: 20px;
	}
	.accBody img {
		margin-bottom: 20px;
	}
	.bigger, .big-red {
		font-size: 20px;
		line-height: 26px;
	}
	.arrowlink, .arrowlinkAktiv {
		font-size: 22px;
	}
	.subpage .arrowlink  {
		font-size: 22px;
	}
	.news-slider img {
		margin-bottom: 20px;
	}

	header .logo img{
		height:50px;
		width:auto;
	}

	header .logo .mv-logo{
		margin-left: 15px;
	}
	#topic-lightbox-overlay .topic-lightbox-inner{
		padding:60px 30px 30px;
	}

	#topic-lightbox-overlay .topic-lightbox-inner .topic-lightbox-closer{
		right:20px;
		top:20px;
		font-size:40px;
	}

	#topic-lightbox-overlay .topic-lightbox-inner h2 {
		margin-bottom:30px;
	}
}
@media (max-width: 767px) {
	body {
		font-size: 16px;
		line-height: 22px;
	}
	img {
		width: 100%;
		max-width: none;
		height: auto;
	}
	img.icon {
		max-width: 86px;
	}

	.box.picto img {
		max-width: 100%;
		width: auto;
	}
	header {
		padding: 30px 0;
	}
	header .logo {
		display: none;
	}
	.navbar-toggle .icon-bar {
		width: 25px;
		height: 3px;
	}	
	.navbar {
		min-height: 0;
		margin: 0;
		padding: 0;
		border: 0;
		position: absolute;
		left: 0;
		width: 100%;
		top: 1px;
		z-index: 9999;
	}	
	.nav-bg {
		background: none;
	}
	.nav-bg .container {
		margin: 0;
		padding: 0;
	}
	.navbar-toggle {
		position: absolute;
		right: 10px;
		top: 10px;
		margin: 0;
		padding: 0;
		z-index: 9999;
	}
	.navbar-toggle .icon-bar {
		background-color: #666;
	}
	.container>.navbar-collapse {
		margin: 25px 0 0 0;
	}
	#navbar > ul {
		display: block;
		background-color: #fff;
	}	
	ul.sublevel {
		display: none;
		position: relative;
		padding-top: 0;
	}
	ul.sublevel > li {
		margin: 0;
		padding: 0;
		border: none;
		padding-right: 55px;
	}
	#navbar > ul > li > a,	
	ul.sublevel > li > a {
		color: #fff;
		background-color: #8ea5b2;
		margin: 10px;
		padding: 5px 15px;
		text-align: left;
	}
	#navbar > ul > li {
		float: none;
	}
	#navbar > ul > li .toggle{
		display: block;
		position: absolute;
		right: 0;
		top: 0;
		width: 55px;
		text-align: center;
		height: 46px;
		border-left: 5px solid #fff;
		background-color: #8ea5b2;
		margin-right: 10px;
		border-left: 5px solid #fff;
    	z-index: 999;
	}
	#navbar > ul > li .toggle:after{
		content: '+';
		display: block;
		font-weight: bold;
		color: #fff;
		font-size: 44px;
		position: absolute;
		right: 0;
		top: 0;
		width: 50px;
		text-align: center;
		height: 46px;
		line-height: 46px;
    	z-index: 1000;
	}
	#navbar > ul > li.active .toggle:after{
		content: '-';
		line-height: 38px;
	}
	#navbar > ul > li:hover > a {
		background-color: #8ea5b2;
	}	
	#navbar > ul > li:hover > ul.sublevel {
		display: none
	}
	#navbar > ul > li.active > ul.sublevel {
		display: block
	}
	#navbar > ul > li.active > a, #navbar > ul > li.active li.active > a, #navbar > ul > li.active .toggle {
		background-color: #d14e50;
		color: #fff;
	}
	ul.sublevel > li > a {
		margin-left: 20px;
		font-size: 16px;
		line-height: 22px;
		padding: 10px 0 10px 15px;
	}
	#navbar > ul > li:first-child > ul.sublevel {
		min-width: 0;
	}
	#navbar > ul > li:hover > a:after, #navbar > ul > li.active > a:after {
		content: '';
		display: none;
	}
	.slider .slick-dots {
		top: 0;
		right: 10px;
	}	
	.content h1, .content h2,
	.news-date, .news-location, 
	.news-title {
		font-size: 20px;
		line-height: 26px;
	}
	.content h3 {
		font-size: 16px;
		line-height: 24px;
	}
	#page-1 .arrowlink {
		font-size: 22px;
	}
	.bgcolor {
		margin-top: 30px;
		padding-bottom: 30px;
	}
	.news-slider img {
		max-width: 100%;
		display: block;
		height: auto;
		margin-bottom: 20px;
	}
	.news-title {
		margin: 20px 0;
	}
	.metanav {
		margin-bottom: 20px;
	}
	.metanav ul {
		text-align: center;
		text-align: left;
	}
	.metanav ul li {
		float: none;
		display: inline;
		display: block;
		padding: 0;
	}
	.lpb div.text {
		font-size: 12px;
	}
	.arrowlink:after, .arrowlinkAktiv:after {
		content: '';
		display: none;
	}
	.arrowlink, .arrowlinkAktiv {
		height: auto;
		padding: 10px;
	}
	.publikation .accSwitch {
		display: none;
	}
	.publikation .accBody {
		display: block !important;
	}
	.publikation .titel {
		margin: 15px 0;
	}
	.ausstellung {
		margin-bottom: 30px;
		min-height: 0;
	}
	#page-1 .ausstellung {
		min-height: 0;
	}
	.big-red, .bigger {
		font-size: 18px;
		line-height: 24px;	
	}
	.bild-text-teaser img {
		display: block;
		float: none;
		margin: 0 auto 20px auto;
	}
	.bild-text-teaser .text {
		padding: 10px;
	}
	div.csc-textpic-intext-left .csc-textpic-imagewrap, div.csc-textpic-intext-left-nowrap .csc-textpic-imagewrap {
		margin-right: 0;
		float: none;
	}
	div.csc-textpic .csc-textpic-imagewrap .csc-textpic-image {
		margin-bottom: 0;
		width: 100%;
	}
	.csc-textpic-text {
		float: none;
		margin: 20px 0 0 0 !important;
	}
	.ce-intext.ce-left .ce-gallery {
		margin-right: 30px !important;
	}
	.acc-base .accHeader, .acc-base.image .accHeader,
	.acc-base.altstyle .accHeader {
		font-size: 18px;
		padding: 10px 60px 10px 10px;
		line-height: 22px;
		height: auto;
	}
	.acc-base .accSwitch, .acc-base .accSwitch:before {
		height: 100%;
	}
	.bio-table.acc-base .accSwitch:before {
		line-height: 38px;
	}

	.acc-base.image img {
		margin-bottom: 15px;
	}
	.row.angebote .center {
		text-align: left;
	}
	.acc-icon .titel {
		font-size: 18px;
		margin-top: 0px;
		padding: 0 0 20px 50px;
		line-height: 50px;
	}	
	#page-26 .accHeader .col-sm-2 {
		position: absolute;
		left: -20px;
	}
	#page-26 .accHeader .col-sm-2 img {
		width: 75%;
	}
	.publikation img {
		max-width: 100% !important;
		width: auto;
	}
	.content h1:before, .content h2:before {
		top: 3px;
	}
	#page-20 .angebote img {
		width: auto;
		max-width: 100%;
		display: block;
		margin: 0 0 10px;
	}
	.footernav .header {
		margin-bottom: 10px;
	}
	.footernav ul {
		margin-bottom: 30px;
	}
	#topic-lightbox-overlay .topic-lightbox-inner{
		padding:40px 20px 20px;
	}

	#topic-lightbox-overlay .topic-lightbox-inner .topic-lightbox-closer{
		right:15px;
		top:15px;
		font-size:30px;
	}

	#topic-lightbox-overlay .topic-lightbox-inner h2 {
		margin-bottom:20px;
	}
	#topic-lightbox-overlay .topic-lightbox-inner h3 {
		font-size:18px;
	}

	.biographie-slider {
		margin-top:0;
	}
}
@media (min-width: 768px) {
	.csc-textpic-intext-left-nowrap .csc-textpic-imagewrap {
		width: 250px;
	}

	.csc-textpic-intext-left-nowrap .csc-textpic-imagewrap img {
		width: 250px;
		height: auto;
	}

	.csc-textpic-intext-left-nowrap .csc-textpic-text {
		margin-left: 270px;
	}
	.bild-text-teaser img {
		max-width: 250px;
	}
}

@media (max-width: 575px) {
	#zzi-video .cue-points button {
		display: block;
	}

	.mobile-hidden {
		display: none;
	}
	#zzi-video  .cue-list {
		margin-bottom: 10px;
	}

	#ddr-map-legende button {
		font-size: 14px;
	}

	#ddr-map .grenzpunkt {
		width:20px;
		height: 20px;
	}

	#ddr-map .grenzpunkt span {
		left: 10px;
		font-size: 12px;
		padding: 3px 5px;
	}

	 #ddr-map .map-wrap {
		width: calc(100% + 250px);
		margin-left: -250px;
	 }
}




@media (max-width: 360px) {
	 #ddr-map .map-wrap {
		width: calc(100% + 200px);
		margin-left: -200px;
	 }
}

#dsgvobanner {
	background-color: rgb(32,63,90);
	padding: 15px 0;
	color: #fff;
	font-size: 16px;
}
#dsgvobanner a {
	color: #fff;
	text-decoration: underline;
}
#c343 {
	background-color: #a5b9c4;
	color: #fff;
	padding: 1rem;
	margin-bottom: 2rem;
	font-size: 120%;
}
#c343 p {
	margin-bottom: 0;
}

.frame-type-form_formframework .form-group label {
    font-weight: normal;
}