@media screen and (max-width:670px) {
}


@media screen and (max-width:450px) {
div#logo-m {
    float: none;
    margin: 50px 0 0;
    text-align: center;
}

div.aktuell-m {
    float: none;
    margin: 0;
    text-align: center;
}
}

@media screen and (max-width:380px) {
div#footer .imp-small {
    float: none;
    margin: 0 0 10px;
    width: 100%;
    text-align: center;
}
div#footer #copy {
    width:100%;
    float:none;
    text-align:center;
}
}


@media screen and (max-width:500px) {
.videos-content iframe,
div#homepage_content iframe {
    width: 100% !important;
}

div.kontakt-left {
    width: 20%;
}

div.kontakt-right {
    width: 80%;
}

div.kontakt-right input,
div.kontakt-right textarea {
    width: 96%;
}
}

@media screen and (min-width:300px) and (max-width: 767px) {
div#impressum,
div#right-side {
	display:none;
}

div#page {
    margin:0;
	padding:0;
    max-width: 100%;
    width: 100%;
	background:url("images/content_bg.jpg") repeat-y;
	background-size: contain;
}

div.homepage-header-img {
    width: 100%;
    height: auto;
    margin:0;
    padding: 0;
	line-height:0;
}
div.homepage-header-img img {
	width:100%;
	height:auto;
}

/*Header*/
#mobile-header {
	display:table;
	background:#fff;
	width:100%;
}

#logo-m {
	float:left;
	margin:50px 0 0;
}

.aktuell-m {
	float:right;
	margin:45px 20px 0 0;
	color:#333;
}
.aktuell-m a {
	color:#333;
}

.aktuell-m p {
	margin:0 0 10px;
}

/*Navigation*/
div#navigation,
div#home_events,
ul#menu-menu {
	display:none;
}

.tinynav { display: block; }

.mob-nav {
	width:100%;
	display:table;
	clear:both;
	margin:0;
	padding:0;
	float:none;
	background:#cc2783;
	position:fixed;
	z-index:9999;
}

.menu-menu-container {
	width:300px;
	display:table;
	clear:both;
	margin:0 auto;
	padding:5px 0;
}

.mob-nav label {
	float:left;
	width:50px;
}

.mob-nav select {
	float:left;
	width:250px;
	padding:5px 0;
	margin:0;
	border-radius: 0;
	border: 1px solid #8F1157;
	text-transform:uppercase;
}

.current_page_item {
	font-weight:bold;
}
	
/*Front Page*/
div#home_content_area {
    width: 100%;
    height: 100%;
    min-height: 100%;
    background: url(images/content_bg_top_s.jpg) no-repeat;
}

div#homepage_content,
div#page_content {
    width: 94%;
    margin: 0;
	float:none;
    padding: 0 3%;
}

/*Content*/
.entry-header h1.entry-title {
    font-size: 170%;
    line-height: 24pt;
    margin: 0 0 15px 0;
	padding: 20px 0 0;
    text-transform: uppercase;
}

div#left-side {
    float: none;
    width: 100%;
    background-size: contain;
}

div.page-header-img {
    width:100%;
    height:auto;
	line-height:0;
}
div.page-header-img img {
	width:100%;
	height:auto;
}

div#content_area {
    width: 100%;
    min-height: 100%;
	height:100%;
    background: url(images/content_bg_top_s.jpg) no-repeat;
	background-size:contain;
}
	
/*Footer*/
#footer {
	display:table;
	width:96%;
	padding:10px 2%;
}

#footer div.imp-small,
#footer div#copy {
	display:table;
}

#footer .imp-small {
	float: right;
	margin:0;
	width: 50%;
	text-align: right;
	text-transform: uppercase;
}

#footer #copy {
	width: 50%;
	height: auto;
	margin: 0;
	padding: 0;
	float:left;
	text-align: left;
}
}

@media screen and (min-width:768px) and (max-width: 979px) {
div#page {
    max-width: 768px;
	width:768px;
}

div#left-side {
    width: 527px;
}

div#home_content_area {
    width: 100%;
}

div#home_events {
    padding: 10px 10px 0 0;
}

div.homepage-header-img {
    width: 100%;
    height: auto;
    margin: 63px 0 0;
    padding: 0;
	line-height:0;
}
div.homepage-header-img img {
	width:100%;
	height:auto;
}

div#impressum {
	display:none;
}

div#homepage_content {
    width: 96%;
    margin: 0;
    padding: 0 1% 0 3%;
}

/*Inner Pages*/
div.page-header-img {
    width: 100%;
    height: auto;
    line-height: 0;
}
div.page-header-img img {
	width:100%;
	height:auto;
}

.home ul#menu-menu {
	display:block;
}

#content_area {
    width: 96%;
    background: url(images/content_bg_top_s.jpg) no-repeat;
    padding: 0 1% 0 3%;
}

div#page_content {
    float: none;
    width: 100%;
    padding: 0;
}

#content_area #navigation {
    float: none;
    width: 96%;
    padding:10px 2%;
	display:table;
/* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#ffffff+88,ffffff+100&1+65,0+100 */
background: -moz-linear-gradient(left,  rgba(255,255,255,1) 65%, rgba(255,255,255,0.34) 88%, rgba(255,255,255,0) 100%); /* FF3.6-15 */
background: -webkit-linear-gradient(left,  rgba(255,255,255,1) 65%,rgba(255,255,255,0.34) 88%,rgba(255,255,255,0) 100%); /* Chrome10-25,Safari5.1-6 */
background: linear-gradient(to right,  rgba(255,255,255,1) 65%,rgba(255,255,255,0.34) 88%,rgba(255,255,255,0) 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffffff', endColorstr='#00ffffff',GradientType=1 ); /* IE6-9 */
}

#content_area #navigation li {
	float:left;
    margin:5px 15px 5px 0;
    padding:0;
    background:none;
}

#content_area #navigation a {
    color: #555;
    margin:0;
	padding:0 5px;
}

#content_area #navigation .current-menu-item > a,
#content_area #navigation .current-menu-ancestor > a,
#content_area #navigation .current_page_item > a,
#content_area #navigation .current_page_ancestor > a,
#content_area #navigation .current_page_parent > a
{
	background:#555;
	color:#fff;
}

div.imp-small {
	display:table;
	text-transform:uppercase;
	margin:5px 0 5px 23px;
}

}