@charset "utf-8";
/* mobile Version Podium Konzert Liechtenstein */

@media only screen and (max-width:1024px) {

body {
	font-size:15px;
}

#content_all h3 {
	font-size:0.9em;
}
}

@media only screen and (max-width:800px) {

body {
	font-size:14px;
}

#content_all h3 {
	font-size:0.8em;
}
}

@media only screen and (max-width:760px) {
	
body {
		background:none;
		background-color:#FFF;
		font-size:16px;
}

#wrapper {
	margin: 0px auto;
	width:100%;
	background:none;
	padding:0;
}

#header {
	float:left;
	width:100%;
	min-height:10px;
	height:0;
	background-size: auto 100%;
	background-position:bottom center;
	margin:0;
	padding:3% 0 40% 0;
	overflow:hidden;
}


#logo {
    top: 10px;
    left: 32.8%;
    width: 34.4%;
}

#bewerbung,
#navi-wrapper,
#home,
#navi {
	display:none;
}

/* menu mobile */

#mobilemenu {
	float:left;
	display:block;
	margin-bottom:20px;
}
.logo{position:absolute;top:0;left: 0;width:96%;height:40px;line-height:40px;text-align:left;padding:0 2% ;float:none;background-color:#E62924;z-index:999;}
.logo a{color:#FFF;}
.logo2{display:none}
nav{width:100%;}
#mobilemenu,#mobilemenu ul,#mobilemenu ul li,#mobilemenu ul li a,#mobilemenu #head-mobile{border:0;list-style:none;line-height:1;display:block;position:relative;-webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box}
#mobilemenu{width:100%,background:#E62924;}
#mobilemenu ul{width:100%;display:none}
#mobilemenu ul li{width:100%;background:#E62924;border-top:1px solid #FFF}
#mobilemenu ul li:hover{background:#E62924;}
#mobilemenu ul ul li,#mobilemenu li:hover > ul > li{height:auto}
#mobilemenu > ul > li > a{padding:13px;font-size:14px;letter-spacing:1px;text-decoration:none;color:#FFF;font-weight:500;}
#mobilemenu ul li a,#mobilemenu ul ul li a{width:100%;border-bottom:0}
#mobilemenu > ul > li:hover > a,#mobilemenu ul li.active a{color:#fff;}
#mobilemenu > ul > li{float:none}
#mobilemenu ul ul li a{border-bottom:1px solid rgba(150,150,150,0.15);padding:13px 15px 13px 25px;width:240px;font-size:14px;text-decoration:none;color:#ddd;font-weight:400;}
#mobilemenu ul ul li{background:#E62924!important;}
#mobilemenu ul ul li:hover{background:#E62924!important}
#mobilemenu ul ul li:last-child > a,#mobilemenu ul ul li.last-item > a{border-bottom:0}
#mobilemenu ul ul ul li a{padding-left:35px}
#mobilemenu ul ul li a{color:#FFF;background:none}
#mobilemenu ul ul li:hover > a,#mobilemenu ul ul li.active > a{color:#fff}
#mobilemenu ul ul,#mobilemenu ul ul ul{position:relative;left:0;width:100%;margin:0;text-align:left}
#mobilemenu > ul > li.has-sub > a{padding-right:30px}
#mobilemenu ul ul li.has-sub > a:after{position:absolute;top:16px;right:11px;width:8px;height:2px;display:block;background:#ddd;content:''}
#mobilemenu ul ul li.has-sub > a:before{position:absolute;top:13px;right:14px;display:block;width:2px;height:8px;background:#ddd;content:'';-webkit-transition:all .25s ease;-ms-transition:all .25s ease;transition:all .25s ease}
#mobilemenu ul ul > li.has-sub:hover > a:before{top:17px;height:0}
#mobilemenu ul ul li.has-sub:hover,#mobilemenu ul li.has-sub ul li.has-sub ul li:hover{background:#E62924;}
#mobilemenu ul ul ul li.active a{border-left:1px solid #333}
#mobilemenu > ul > li.has-sub > ul > li.active > a,#mobilemenu > ul ul > li.has-sub > ul > li.active> a{border-top:1px solid #333}
#mobilemenu > ul > li.has-sub > a:after,#mobilemenu > ul > li.has-sub > a:before,#mobilemenu ul ul > li.has-sub > a:after,#mobilemenu ul ul > li.has-sub > a:before{display:none}
#mobilemenu #head-mobile{display:block;padding:20px;color:#ddd;font-size:12px;font-weight:700}
.button{width:55px;height:40px;position:absolute;right:0;top:0;cursor:pointer;z-index: 12399994;}
.button:after{position:absolute;top:22px;right:20px;display:block;height:4px;width:20px;border-top:2px solid #dddddd;border-bottom:2px solid #dddddd;content:''}
.button:before{-webkit-transition:all .3s ease;-ms-transition:all .3s ease;transition:all .3s ease;position:absolute;top:16px;right:20px;display:block;height:2px;width:20px;background:#ddd;content:''}
.button.menu-opened:after{-webkit-transition:all .3s ease;-ms-transition:all .3s ease;transition:all .3s ease;top:23px;border:0;height:2px;width:19px;background:#fff;-webkit-transform:rotate(45deg);-moz-transform:rotate(45deg);-ms-transform:rotate(45deg);-o-transform:rotate(45deg);transform:rotate(45deg)}
.button.menu-opened:before{top:23px;background:#fff;width:19px;-webkit-transform:rotate(-45deg);-moz-transform:rotate(-45deg);-ms-transform:rotate(-45deg);-o-transform:rotate(-45deg);transform:rotate(-45deg)}
#mobilemenu .submenu-button{position:absolute;z-index:99;right:0;top:0;display:block;border-left:1px solid #FFF;height:40px;width:40px;cursor:pointer;}
#mobilemenu .submenu-button.submenu-opened{background:#E62924;}
#mobilemenu ul ul .submenu-button{height:40px;width:40px}
#mobilemenu .submenu-button:after{position:absolute;top:22px;right:19px;width:8px;height:2px;display:block;background:#ddd;content:''}
#mobilemenu ul ul .submenu-button:after{top:15px;right:13px}
#mobilemenu .submenu-button.submenu-opened:after{background:#fff}
#mobilemenu .submenu-button:before{position:absolute;top:19px;right:22px;display:block;width:2px;height:8px;background:#ddd;content:''}
#mobilemenu ul ul .submenu-button:before{top:12px;right:16px}
#mobilemenu .submenu-button.submenu-opened:before{display:none}
#mobilemenu ul ul ul li.active a{border-left:none}
#mobilemenu > ul > li.has-sub > ul > li.active > a,#mobilemenu > ul ul > li.has-sub > ul > li.active > a{border-top:none}


/* Inhalte */

#content_all {
	float:left;
	width:96%;
	margin:0;
	background:none;
	padding:0 2%;
}

#navi {
	display:none;
}

#aktuell {
	display:none;
}

#content{
	float:left;
	width:100%;
	padding:10px 0;
	margin:0;
}
#left,
aside {
	display:none;
}


footer {
	width:94%;
	padding:0 3%;
	margin-top:100px;
}
}

/* Bilder */

@media only screen and (max-width:568px) {
	

/* Bild rechts DCE */

.titel {
	float:left;
	width:100%;
}

.bild_float {
	float:left;
	width:100%;
	margin-left:0;
}

#content .bild_float img {
	max-width:300px;
	width:100%;
	height:auto;
}


.spalte1, .spalte2 {
	width:100%;
	margin:0;

}

.presse {
	margin-bottom:20px;
}
}

	
@media only screen and (max-width:414px) {
	
body {
	font-size:15px;
}


}