/* @override http://www.tempel-museum.de/fileadmin/templates/tempel-museum/css/tempelmuseum3.css?1481399743
	https://staging.tempel-museum.de/fileadmin/templates/css/tempelmuseum3.css?*
	https://p689183.mittwaldserver.info/fileadmin/templates/css/tempelmuseum3.css?*
	https://www.glyptothek-etsdorf.de/fileadmin/templates/css/tempelmuseum3.css?* */

/* @override http://www.tempel-museum.de/fileadmin/templates/tempel-museum/css/tempelmuseum3.css?1373555087 */

/* @override 
  http://www.tempel-museum.luftmuseum.de/fileadmin/templates/tempel-museum/css/tempelmuseum3.css?1361438352
  http://www.tempel-museum.luftmuseum.de/fileadmin/templates/tempel-museum/css/tempelmuseum3.css?1361447476
  http://www.tempel-museum.luftmuseum.de/fileadmin/templates/tempel-museum/css/tempelmuseum3.css?1361462218
  http://www.tempel-museum.luftmuseum.de/fileadmin/templates/tempel-museum/css/fixed-scroll3.css?1361439239
  http://www.tempel-museum.luftmuseum.de/fileadmin/templates/tempel-museum/css/tempelmuseum3.css?1361462648
  http://www.tempel-museum.luftmuseum.de/fileadmin/templates/tempel-museum/css/tempelmuseum3.css?1361469719
  http://www.tempel-museum.luftmuseum.de/fileadmin/templates/tempel-museum/css/tempelmuseum3.css?1363897923
  http://www.tempel-museum.luftmuseum.de/fileadmin/templates/tempel-museum/css/tempelmuseum3.css?1363900111
  http://www.tempel-museum.luftmuseum.de/fileadmin/templates/tempel-museum/css/tempelmuseum3.css?1363902347
*/
.youtubeVideo figure {
	margin: 0 0 60px;
}

.youtubeVideo iframe  {
	border-style: none;
	border-width: 0;
}
            .example-marquee {
                position: relative;
            }

            .content {
                display: table;
                width: 100%;
                min-height: 100vh;
                z-index: 1;
                position: relative;
            }

            .content .inner {
                display: table-cell;
                vertical-align: middle;
                text-align: center;
                padding-left: 16px;
                padding-right: 16px;
            }

            .content .inner h1 {
                font-size: 62px;
                color: white;
                text-shadow: 0px 1px 3px rgba(0,0,0,0.5);
            }

			.video-background-controls button {
				font-size: 32px;
				display: inline-block;
				padding: 0px;
				margin: 0px;
				height: 32px;
				width: 32px;
				border-radius: 16px;
				line-height: 32px;
				border: none;
				background: none;
				-webkit-appearance: none;
				color: white;
				filter: drop-shadow(0px 0px 1px black);
				cursor: pointer;
				opacity: 1;
				transition: all 250ms ease-in-out;
				margin-left: 10px;
			}

			.video-background-controls button:hover {
				opacity: 0.5;
			}







div.mobile-mburger {
	position: fixed;
	right: 0;
	top: 0;
	z-index: 100;
}
#content-box-start {
	margin-top: 80px;
	width: calc(50% - 20px);
	float: right;
	z-index: 10;
	position: relative;
	
}
div#startseite-slide {
	position: fixed;
	top: 0;
	right: 0;
	bottom: 0;
	left: 0;
	z-index: 0;
	height: 100vh;
}
div#slick-slide01.slick-item.slick-slide.slick-current.slick-active figure img.slick-img {
	
}
 div.ce-gallery div.ce-outer div.ce-inner div.ce-row div.ce-column figure.image a img.image-embed-item {
		float: left;
		margin: 25px 0;
		padding: 0;
 	width: 100%;
 		height: auto;
}
div.ce-gallery div.ce-outer div.ce-inner div.ce-row div.ce-column figure.image a  {
		float: left;
		margin: 0;
		padding: 0;
		width: 100%;
		height: auto;
}

div.ce-gallery div.ce-outer div.ce-inner div.ce-row div.ce-column figure.image   {
		float: left;
		margin: 0;
		padding: 0;
		width: 100%;
		height: auto;
}
div.ce-gallery div.ce-outer div.ce-inner div.ce-row div.ce-column figure  {
	margin: 0;
	float: left;
}
html {

  height: 100%;
}

body {
  
  padding: 0px;
  margin: 0px;
  height: 100%;
  /*font-family: "futura-pt",sans-serif;*/
  
  font-family: 'BrownRegular',sans-serif;;
  background-color: #fffff;
}



#logo {
  float: left;
  height: 36px;
 width: auto;
  padding-top: 0px;
  text-align: left;
  position: fixed;
  left: 20px;
  top: 10px;
}
div#logo a {
	font-size: 22px;
	color: black;
	font-weight: bold;
	text-decoration: none;
}

#wrapperwhite {
  background-color: white;
  top: 0;
  position: absolute;
  height: 50px;
  width: 100%;
  z-index: -1;
}




#content-rechts {
  width: 50%;
  float: left;
  
}

div.news-list-item-hell div.list-text p span.news-list-morelink a:hover {
  color: black;
}

div.news-list-item_dunkel div.list-text p span.news-list-morelink a:hover {
  color: white;
}

div.news-list-item-hell div.list-text h2 a:hover {
  color: black;  
}

div.news-list-item-dunkel div.list-text h2 a:hover {
  color: white;
}

div.news-list-container div.news-list-item {
  width: 1024px;
  float: left;
}

div.list-bild {
  width: 512px;
  float: left;
}

hr.clearer {

  margin: 0;
  padding: 0;
  border-style: none;
}

div.list-text p span.news-list-morelink a {
    color: #a6a8ab;

}

div.news-list2-container div.news-list-item-hell div.list-text h2 a {
  color: #221f20;
}

div.news-list2-container div.news-list-item-hell div.list-text p {
  color: #221f20;
}

div.news-single-item {
  width: 1024px;
}

div.list-text {
  width: 512px;
  float: left;
}

div.list-text h2 {
  font-weight: normal;
  font-style: normal;
  text-decoration: none;
  font-size: 24px;
  line-height: 28px;
  margin: 0 0 24px;
  padding: 0 8px;
  color: white;
}



div.list-text span.news-list-date {
  color: #a6a8ab;
  padding-top: 16px;
  padding-left: 8px;
  float: left;
  width: 452px;
  padding-bottom: 3px;
  font-size: 14px;
}

div.list-text h2 a {

  font-weight: normal;
  font-style: normal;
  text-decoration: none;
}

div.news-list2-container div.news-list-item_dunkel div.list-text h2 a {
  color: white;
}



.news-list-morelink a {
  font-weight: normal;
  font-style: normal;
  text-decoration: none;
  margin-left: 10px;
}

.news-list-morelink a:hover {
  color: white;
  
}

div.news-single-links {
  width: 512px;
  float: left;
}

div.news-single-rechts {
  width: 512px;
  float: left;
}

div.list-text p {
  padding-right: 8px;
  padding-left: 8px;
  color: white;
  font-size: 16px;
}

div.news-single-item div.news-single-rechts p {
  padding-left: 8px;
  padding-right: 8px;
  color: white;
}

div.hdr-right {
  background-color: #787878;
}

div.news-list-item_dunkel {
    width: 1024px;
  float: left;
}

#c493 div.news-list2-container div.news-list-item_dunkel div.list-text {
  
}



div.news-list-item-hell {
  width: 1024px;
  float: left;
  background-color: #f0f0f0;
}

div.news-single-item div.news-single-rechts h1 {
  font-weight: normal;
  font-style: normal;
  text-decoration: none;
  color: white;
  padding-right: 8px;
  padding-left: 8px;
  font-size: 24px;
}

hr.cl-right {
  margin: 0;
  padding: 0;
  border-style: none;
}

div.news-single-item div.news-single-rechts h2 {
  font-size: 14px;
  color: white;
  padding-left: 8px;
  padding-right: 8px;
}

div.news-single-item div.news-single-rechts span.news-list-date-start {
    color: #f2d6b0;
  padding-top: 8px;
  float: left;
  width: 460px;
  padding-left: 8px;
  font-weight: normal;
  font-style: normal;
  text-decoration: none;
  font-size: 14px;
}

p.bodytext a, div.ce-bodytext p a,
.frame-layout-0 p a {
  color: black;
  font-weight: normal;
  font-style: normal;
  text-decoration: underline;
}

p.bodytext a:hover,
.frame-layout-0 p a:hover, div.ce-bodytext p a:hover {
  color: black;
}


p.bodytext a b, p.bodytext b a {
  color: #f2d6b0;
}
p.bodytext a:hover b, p.bodytext b a:hover {
  color: #ffffff;
}



div.news-single-item div.news-single-links div.news-single-img  {
  margin: 0;
  padding: 0;
}

div.news-single-item div.news-single-rechts p a {
  color: #f2d6b0;
  font-weight: normal;
  font-style: normal;
  text-decoration: none;
}

div.news-single-item div.news-single-rechts p a:hover {
  color: white;
}

div.news-single-backlink a {
  color: #f2d6b0;
  padding-left: 8px;
  font-weight: normal;
  font-style: normal;
  text-decoration: none;
}

div.news-single-backlink a:hover {
  color: white;

}

span.mbl_newsevent_multidayevent strong {
  font-weight: normal;
  font-style: normal;
  text-decoration: none;
}

div.news-single-item strong {
  font-weight: normal;
  font-style: normal;
  text-decoration: none;
}

div.list-text-start h2, div.list-text-start h2 a {
  font-weight: normal;
  font-style: normal;
  text-decoration: none;
  font-size: 24px;
  line-height: 28px;
  margin: 0 0 24px;
  padding: 0;
  color: white;
}

div.list-text-start h2, div.list-text-start h2 a:hover {
color: #f2d6b0;
}
#content-links {
  float: left;
  width: 50%;
  background-color: white;
}

#content-links h2 {
  font-size: 32px;
  line-height: 40px;
  text-decoration: none;
  font-weight: normal;
  font-style: normal;
  color: black;
  margin: 0;
  padding: 32px 16px;
}
#content-rechts p {
   font-size: 18px;
  line-height: 30px;
  font-weight: normal;
  font-style: normal;
}
.frame.frame-default.frame-type-textmedia.frame-layout-0 div.ce-textpic.ce-center.ce-above div.ce-bodytext ul {
	padding-left: 250px;
}
.frame.frame-default.frame-type-textmedia.frame-layout-0 div.ce-textpic.ce-center.ce-above div.ce-bodytext ul li {
	  font-size: 24px;
  line-height: 36px;
}
#content-links p {
  margin-right: 0;
  margin-top: 0;
  margin-bottom: 0;
  color: black;
  font-size: 18px;
  line-height: 30px;
  font-weight: normal;
  font-style: normal;
  text-decoration: none;
  padding: 0 16px 16px;
}


#veranstaltungshinweis {
  width: 452px;
  background: url(bg_1e1e1e_80.png) repeat;
  position: relative;
  top: 40px;
  left: 512px;
  padding: 8px;
}

span.news-subheader-start {
  color: #f0f0f0;
}

#veranstaltungshinweis div.news-list-container-start div.news-list-item-start hr.clearer {
  margin: 0;
  padding: 0;
  border-style: none;
}
  #header{
    
    height: 72px;
    margin:0px;
  width: 100%;
  padding-top: 0;
  position: relative;
  background-color: white;
  }
#veranstaltungshinweis div.news-list-container-start div.news-list-item-start div.list-text-start span.news-list-date-start {
  
    font-size: 14px;
  color: #f2d6b0;
}

/* @group footerbox */

#footerbox {
	float: left;
	width: 100%;
}

div#footernav ul {
	padding: 20px 20px 40px;
	margin: 0;
	list-style:none;
}
div#footernav ul li  {
	float: left;
	padding-right: 0px;
	padding-left: 20px;
}
div#footernav ul li a {
	font-weight: normal;
	font-style: normal;
	color: black;
	text-decoration: none;
	font-size: 15px;
}

/* @end */

/* @group Rows */
.rows {
	width: 100%;
		float: left;
}
.rowlinks50 {
	width: calc(50% - 45px);
	float: left;
	padding-left: 30px;
	padding-right: 15px;
}
.rowrechts50 {
	width: calc(50% - 45px);
	float: left;
		padding-left: 15px;
	padding-right: 30;
}

 
.rows div.ce-bodytext p
{
		  color: black;
  font-size: 18px;
  line-height: 30px;
}

div#content-einspalter .frame-layout-0 p {
	
	width: calc(100% - 270px);
	padding-left: 220px;
	padding-right: 50px;
	  font-size: 24px;
  line-height: 36px;
}

.frame.frame-default.frame-type-textmedia.frame-layout-0 div.ce-textpic.ce-center.ce-above div.ce-bodytext ol  {
		width: calc(100% - 306px);
	padding-left: 256px;
	padding-right: 50px;
	  font-size: 24px;
  line-height: 36px;
}

.frame.frame-default.frame-type-textpic.frame-layout-0 div.ce-textpic.ce-center.ce-above div.ce-bodytext ul {
		width: calc(100% - 306px);
	padding-left: 256px;
	padding-right: 50px;
	  font-size: 24px;
  line-height: 36px;
}

div#content-einspalter .frame-layout-0 header h2 {
	width: calc(100% - 170px);
	padding-left: 220px;
	padding-right: 50px;
	font-size: 50px;
}

/* @end */

@media only screen and (min-width: 1080px) {

div.mobile-mburger {
display: none;
}
}
@media only screen and (max-width: 1080px) {

div.mobile-mburger {
	position: fixed;
	right: 0;
	top: 0;
	z-index: 100;
}
div#floating-box {
	display: none;
}

  #header{
    
    height:52px;
    margin:0px;
  width: 100%;
  padding-top: 0px;
  position: relative;
  }
div#abstand {
	display: none;
}

#logo {
  float: left;
  height: 36px;
  width: 100%;
  padding-top: 0px;
  text-align: center;

}

div#logo a {
	font-size: 27px;
	color: black;
	font-weight: bold;
	text-decoration: none;
	line-height: 27px;
}
}
@media only screen and (max-width: 1080px) {
#content-links {
  float: left;
  width: 100%;
  background-color: white;
}

#content-rechts {
  width: 100%;
  float: left;
  margin-top: 80px;
}

#content-rechts .frame.frame-default.frame-type-textmedia.frame-layout-0 div.ce-textpic.ce-center.ce-above div.ce-gallery div.ce-outer div.ce-inner div.ce-row div.ce-column figure,
div#c514.frame.frame-default.frame-type-image.frame-layout-0 div.ce-image.ce-center.ce-above div.ce-gallery div.ce-outer div.ce-inner div.ce-row div.ce-column figure, #content-rechts .frame.frame-default.frame-type-image.frame-layout-0 div.ce-image.ce-center.ce-above div.ce-gallery div.ce-outer div.ce-inner div.ce-row div.ce-column figure {
	 width: 50%;
  float: left;
}
}

@media only screen and (max-width: 760px) {
  
  #content-box-start {
	
	width: calc(100% - 20px);
	float: right;
	z-index: 10;
	position: fixed;
  	right: 0;
  	left: 10px;
  	margin: 0;
  	top: 40%;
  }
  #header{
    
    height:52px;
    margin:0px;
  width: 100%;
  position: fixed;
  background-color: white;
  z-index: 1;
  top: 0;
  }
  #content-box {
  	 position: absolute;
  	padding-top: 0px;
  	margin-top: 80px;
  }
#logo {
  float: left;
  height: 36px;
  width: calc(100% - 0px);
  padding-top: 0px;
  text-align: left;
  margin-left: 0px;
}
div#logo a {
	font-size: 16px;
	color: black;
	font-weight: bold;
	text-decoration: none;
	line-height: 18px;

}
#content-links p {
  margin-right: 0;
  margin-top: 0;
  margin-bottom: 0;
  color: black;
  font-size: 15px;
  line-height: 23px;
  font-weight: normal;
  font-style: normal;
  text-decoration: none;
  padding: 0 16px 16px;
}

#content-links h2 {
  font-size: 22px;
  line-height: 28px;
  text-decoration: none;
  font-weight: normal;
  font-style: normal;
  color: white;
  margin: 0;
  padding: 32px 16px 16px;
}
div#content-einspalter .frame-layout-0 header h2 {
	width: calc(100% - 20px);
	padding-left: 20px;
	padding-right:20px;
	font-size:30px;
}
div#content-einspalter .frame-layout-0 p {
	
	width: calc(100% - 40px);
	padding-left: 20px;
	padding-right: 20px;
	  font-size: 18px;
  line-height: 24px;
}
.rows {
	width: 100%;
		float: left;
}
.rowlinks50 {
	width: calc(100% - 45px);
	float: left;
	padding-left: 30px;
	padding-right: 15px;
}
.rowrechts50 {
	width: calc(100% - 45px);
	float: left;
		padding-left: 15px;
	padding-right: 30;

}