/* Responsive stuff */
@-webkit-keyframes menuIn {
0% {top: -70px}
  100% {top: 0px}
}
@keyframes menuIn {
  0% {top: -70px}
  100% {top: 0px}
}
@media (max-width:480px) {
	#cookie-notice {
		width: 100%;
		bottom: 0;
		right: 0;
		max-width: none;
	}
	.dmx-slideshow-title {
    	font-size: 16px !important;
    	margin-bottom: 0px !important;
	}
	.dmx-slideshow-description {
    	font-size: 12px !important;
	}
	.dmx-slideshow-textbox {
		padding: 12px;
	}
	
	.main-header.inner-page {
	    height:225px;
    }
    .page-title {
        font-size: 18px;
        margin-bottom: 0;
        font-weight: 400;
    }
	
}
@media (max-width:560px) {
    #site-notification {
        margin-left: -160px;
    }
    #notification-content {
        width: 320px;
        height: 320px;
    }
    #notification-content h3 {
        font-size: 20px;
    }
}
@media (max-width: 767px){
    .nav-pills li {
         margin-bottom: 10px;   
    }
    .content-box.has-label h1.content-title,.content-box.has-label h3.content-title {
        padding-left: 15px;
    }
	section#home-circles .container {
		margin-top: 0;
	}
	.dmx-slideshow-textbox {
		left:10px;
		right: 10px;
		bottom: 10px;
		top: auto;
	}
	.dmx-slideshow-title {
    	font-size: 18px;
    	margin-bottom: 4px;
	}
	.dmx-slideshow-description {
    	font-size: 14px;
	}
	.owl-circles-top {
	 margin-left: 0;
		margin-right: 0;
	}
	#map-wrapper {
		padding-top: 0;
		margin-bottom: 40px !important;
	}
	.content-box-label {
		position: relative;
		width: 100%;
		border-radius: 24px;
		height: auto;
		top: auto;
		left: auto;
		margin-bottom: 20px;
	}
	.content-box-label > span {
		top: auto;
		transform: none;
	}
	.content-box.has-label>.content-inner {
		padding-top: 15px;
		
	}
	.subnav_wrapper .nav-pills li {
		display: block;
		float: none;
		text-align: center;
		margin-bottom: 4px;
		margin-top: 4px;
	}
	
	.subnav_inner li.active>a:after {display:none;
}
	


}
@media (min-width: 768px){
	body.angebote .subnav_wrapper .nav-pills li, body.schulen .subnav_wrapper .nav-pills li, body.sammlungen .subnav_wrapper .nav-pills li, body.museum .subnav_wrapper .nav-pills li, body.ausstellungen .subnav_wrapper .nav-pills li, body.besucherinfo .subnav_wrapper .nav-pills li {
		margin-bottom: 0px;
		margin-top: 4px;
	}
}
 
@media (max-width: 991px) {
		.content-box.has-label .content-right {
		margin-top: 15px;
	}
	.additional-events .content-box {
	padding-right: 0;
		padding-left: 0;
	}
	
	.table-responsive {
        border: none;
    }
	#nav-addon a.btn-nav-mobile {
    width: 48%;
}
#nav-addon a.btn-nav-mobile:first-of-type {
    margin-right: 1%;
}
#nav-addon a.btn-nav-mobile:last-of-type {
    margin-left: 1%;
}
	
	

	
}
@media (min-width: 1600px) {
    .container {
		width:100%;
        max-width: 1570px;
    }
}
@media (min-width: 1200px) and (max-width: 1500px){
	.dmx-slideshow-textbox {
	
	}
}
@media (min-width: 1440px) and (max-width: 1599px){
    .container {
        width: 100%;
		max-width:1440px;
    }
	#top-navbar.navbar-default .navbar-nav>li>a {
		margin-right:10px;
	}
}
@media (max-width: 1199px) {
	.btn-primary.btn-services {
		top:140px;
	}
	.additional-events .content-box:first-child {
		padding-left: 0;
	}
	.additional-events .content-box:nth-child(2n) {
	padding-right: 0;
}
.additional-events .content-box:nth-child(3n) {
	padding-left: 0;
}
			#footer-logo { padding: 0 0 20px 0 }

	
}
@media (min-width: 1200px) {
	.additional-events .content-box:first-child {
		padding-left: 0;
	}
	.additional-events .content-box:nth-child(4n) {
	padding-right: 0;
}
.additional-events .content-box:nth-child(5n) {
	padding-left: 0;
}
}
@media (min-width: 1200px) and (max-width: 1439px){
	#top-navbar.navbar-default .navbar-nav>li>a {
		margin-right:8px;
		padding:10px 12px;
		font-size:12px;
	}
	#logo-top {
		width:180px;
	}
		#page-footer #footer-links a{
		margin:0 4px;
		font-size:11px;
	}
	.btn-primary.btn-services {
		top:180px;
	}
	#home-circles .circle {
		max-width:250px;
	}
	
				#footer-logo { padding: 0 30px 20px 0 }

	
}
@media (min-width: 992px) and (max-width: 1199px){ 
	#top-navbar.navbar-default .navbar-nav>li>a {
		margin-right:8px;
		padding:10px;
		font-size:11px;
	}
	#logo-top {
		width:100px;
	}
	.exhibition-content {
		width:350px;
		height:350px;
	}
	#home-circles .circle {
		max-width:212px;
	}
}
@media (min-width: 992px) {
    #top-navbar.affix {
    position: auto;
}
}
@media (max-width: 991px) {
	.affix {
        position: static;
    }
   #top-navbar.affix {
    position: fixed;
    top: 0;
    width: 100%;
    padding-left: 15px;
    left: 0;
    padding-right: 15px;
    padding-bottom: 10px;
-webkit-animation: .25s menuIn ease; 
        animation: .25s menuIn ease;
        -webkit-box-shadow: 0px 3px 7px 0px rgba(0,0,0,0.4);
    -moz-box-shadow: 0px 3px 7px 0px rgba(0,0,0,0.4);
    box-shadow: 0px 3px 7px 0px rgba(0,0,0,0.4);
}
	#top-navbar.navbar-default {
		background:#364953;
		padding-top:5px;
	}
	#top-navbar.navbar-default .navbar-nav {padding:15px;}

	#top-navbar.navbar-default .navbar-brand {
		padding-top:0;
		padding-right:0;
		padding-bottom:0;
		height:auto;
	}
	#top-navbar.navbar-default .navbar-brand>img {
		height:46px;
	}
	#top-navbar.navbar-default .navbar-nav>li>a {
		margin-right:0;
		margin-bottom:5px; 
	}
	#top-navbar.navbar-default .navbar-collapse{
		border-color:#00b8de;
	}
	.col-footer {
		margin-bottom:30px;
		text-align:center;
	}
	#slide-panel {
		right:-992px;
	}
	#slide-panel.open {
		width:100%;
	}
	#home-circles > div.container > div.row:nth-child(2) > div.circle-wrapper:nth-child(1) >.circle {
	margin-right:auto;
	margin-left:auto;			
}
#home-circles > div.container > div.row:nth-child(2) > div.circle-wrapper:nth-child(3) >.circle {
	margin-left:auto;
	margin-right:auto;		
}
.main-header.home-page {
	/*height:400px;*/
}
.home-exhibition {
    height: 380px;
	padding-top:0;
	margin-bottom:100px
}
.home-exhibition .container, .home-exhibition .row{
	height:100%;
	position:relative;
}
.exhibition-content-mobile {
	position:absolute;
}
.exhibition-content-mobile.exhibition-title {
	bottom:20px;
}
.exhibition-content-mobile.exhibition-link {
	bottom:-55px;
}
.exhibition-content-mobile.exhibition-link a {
	color:#364953;
	border-color:#364953;
	
}
.exhibition-content-mobile h3{
	background: #364953;
	color:#fff;
	display:inline-block;
	margin:0;
	    font-size: 16px;
    font-weight: 400;
	border-radius:18px;
	    padding: 8px 14px;

	}
		#map-wrapper {
		margin-bottom: 0;
	}
	.content-box {
		margin-bottom: 30px;
	}
}