@media (max-width:1130px) {
#logo {}
#content {min-width:100%; max-width:100%}
#innerinhalt {max-width:100%}
.startright {width: 210px;}
#adresse, #content {padding: 0px 20px}
#adresse #inner {max-width:100%; width:100%}
.startleft {margin-right:20px}
.upcomingOuter h1 {font-size:1.2em}
.slides > li > a > span.headerbildText {padding-left:20px;}
.menu {}
#bilderani {max-width:100%; min-width:100%}
#nav {}

.watch .head .watchimg img, .listen .head .listenimg img {height:60px}
	
#textbausteine .baustein {flex-wrap: wrap}
#textbausteine .baustein .leftbaustein {width: 100%; order: 1}
#textbausteine .baustein .rightbaustein {width: 100%; margin-bottom: 20px}

}



@media (max-width:1024px) {
#suchbegriff {max-width:100%}
.suchbegriffOuter {width:100%}	
ul, li {padding-left:0px;}
#nav {display:none}
#logoMobile {/*display:block;*/}
#logoMobileSpan {background-image:url(UserFiles/structure/logo_saudades_355x136.jpg); width:236px; height:90px; display:block; float:left; background-size:cover; margin-left:20px}
#bilderani, #content, #obenOuter, #topstreifen, #logoMobile, #innerinhalt  {min-width:100%; width:100%}
.startleft {width:100%; margin-right:0px; float:none; clear:both}
.startright {float:none; width:100%; min-height:100px; clear:both; margin-top:30px}
.newsOuter, .videoTodayOuter, .soundCloud, .concertSchedule {
    float: none;
    margin-right: 0px;
    width: 100%;
	clear:both;
}

.videoTodayOuter {max-width:100%}
.videoTodayOuter iframe {max-width:100%}
	
	.calOuterBox {overflow-x: scroll; width: 100%}

.concertSchedule {padding-top:30px; margin-top:0px}
    .tourScheduleContent {padding-top:0px;}
    h1.content {margin-top: 10px !important; margin-bottom: 20px}

#upcomingMobile .upcomingOuter { left:0px; margin-left:0px; max-width:80%}
#upcomingMobile .upcomingOuter h1 {}
#upcomingMobile .upcomingOuter  .volltextsuchte { float:left; border-bottom:1px solid #eee; width:100%}
#upcomingMobile .upcomingOuter {height:auto; max-height:none; margin-bottom:50px}
#upcomingContent .upcomingOuter {height:auto; max-height:none; margin-bottom:50px}

.newsdiv {width:auto; float:left}
.newsdiv .fl {width:auto; float:left}
.content_startseite {width:auto}
.concertSchedule {height:auto; max-height:none}
.concerts {max-height:none; height:auto; overflow:auto}
.concerts .left {width:100%; clear:both; padding-left: 0px}
.concerts .right {float:none; width:100%; margin-bottom: 30px}
.concerts .tourbild {width:100%}
	.concertSchedule .date {padding-bottom: 12px; font-size: 20px;}


#scplayer {width:100%; max-width:100%; height:166px; border:0px; overflow:hidden}
#adresse {clear:both;}
#adresse .left, .left2, .left3, .left4 {width:100%; clear:both; margin-top:20px;}
#adresse ul li {}
#adresse #inner .left {width:100%; float:left;}

.artistsabc ul li {margin-left:20px}
.artistsabc h2 {margin-left:1px}

#search {display:none}
#balkenoben { position:relative; width:100% }
.menuMobile ul li a {width:100%; height:100%; display:block; top: 0px}
#obenOuter {width:100%; height:160px; top:0px}
#adresse { width:100%;}
#navMobile {display:block; width:100%; top: 80px; position:fixed; z-index:1999999999; background-color:transparent; padding-bottom:10px; max-height:100%;}
#navMobileMenu {display:block; position:fixed; z-index:999999; background-color:#FFF; width:0px; overflow-y:scroll; top:120px; bottom:0px; transition: ease-in 0.5s}
#navMobileOpener {display:block; padding-left:20px; cursor:pointer; z-index:99999999999999}
#navMobileOpener .balken {width:30px; height:5px; background-color:#104d80; margin-top:5px}
#navMobileCloser {display:none; padding-left:20px; cursor:pointer; z-index:99999999999999}
#navMobileCloser .balken {width:30px; height:5px; background-color:#104d80; margin-top:5px}

#logo {/*display:block;position:relative; top:40px; left:10px; margin-top:5px; background-image:url(/UserFiles/structure/logo_allesberge.com_137x110.png);  background-repeat:no-repeat; text-indent:-10000px; width:120px; height:95px; z-index:2; background-size:cover */}
#logo {width: 260px; left:0px}
#logolink {padding-bottom: 50px; border-radius: 0%; background-color: transparent}
.spacerLeft {display:none}


#langChange {width:auto; text-align:right; float:right; margin-top:0px; font-size:10px; position:absolute; right:20px; height:55px; top:-1px}
#langChange a {display:block; height:20px; border:1px solid #CCC; border-radius:5px; float:left; width:auto; min-width:auto; text-align:center; margin-right:5px; padding-top:5px; font-size:10px; color:#686869; padding-left:5px; padding-right:5px; border-top-left-radius:0px; border-top-right-radius:0px}
#langChange a:hover {color:#dc8100; background-color:#eee; box-shadow: 0px 1px 10px 2px #CCCCCC;}
#langChange a.langChange:hover {color:#dc8100;}
#langChange a.langChange.aktiv {color:#dc8100;}


.menuMobile{text-align:left; width:100%; font-size:12px; position:absolute; margin-top:5px;  float:left; color:#fff;  background-image:url(/UserFiles/structure/empty.png); background-repeat:repeat; background-color:#104d80; font-family: 'American Captain', sans-serif; letter-spacing:2px; overflow-y:scroll; top:0px; bottom: 0px; border:1px solid #fff}
.menuMobile ul li {min-height:40px; margin-left:0px; color:#FFF; list-style:none; border-bottom:1px solid #fff; padding-top:10px; margin-right:10px; padding-left:0px; box-sizing:border-box; width:100%; padding-left:10px}
.menuMobile ul li:last-child {border-bottom:0px} 
.menuMobile ul li a {color:#FFF; font-size:1.3em; text-decoration:none}
.menuMobile ul li a:hover, .menuMobile ul li a.aktiv {color:#F2D300}

.menuMobile ul.inaktiv, .menuMobile ul.aktiv {display:none}
.menuMobile ul.showSubmenu {display:block}

#subnavMobile {display:block; position:relative; margin-top:0px; margin-left:0px; padding-left:0%;  width:100%; overflow:hidden; float:left; text-align:left; margin-top:0px; padding-top:0px; background-color:#eee; padding-bottom:10px; margin-bottom:10px; box-sizing:border-box;}
#subnavMobile br {display:none}
#subnavMobile div.subnav {height:auto; line-height:1.1em; width:100%; margin-top:2px;  }
#subnavMobile div.subnav1 {margin-left:10px; height:auto;  line-height:1.1em; margin-bottom:7px; color:#000; margin-top:2px}
#subnavMobile div.subnavheadline {margin-bottom:5px; font-weight:bold; width:100%; margin-top:5px; clear:both}
#subnavMobile div.subnav a.subnavlink { color:#000; text-decoration:none;}

#subnavMobileOuter {display:none; width:100%; height:40px; background-color:#eee; text-align:right; clear:both;}
.subnavMobileOpener {padding-top:4px; position:relative; float:right; cursor:pointer; padding-bottom:10px; padding-right:5px}
.subnavMobileOpener .balken {width:30px; height:5px; background-color:#000; margin-top:5px; margin-right:0px}


#subnavMobileOuterOpener {display:block; clear:both;  height:40px; background-color:#eee;}
#subnavMobileOuterOpener #subnavMobileOpener .balken {width:30px; height:5px; background-color:#000; margin-top:5px; margin-right:0px}

#subnavMobile img {display:none}

#subnavMobile div.subnavheadline   {border-bottom:1px solid #000; height:40px; 
    margin-left: 0;
    margin-right: 10px;
    padding-left: 15px;
    padding-top: 10px;}
#subnavMobile div.subnavheadline:last-child {border-bottom:0px}
#subnavMobile div.subnavheadline  a {display:block; width:100%; height:100%;}


.headerbild { background-position:top center; background-repeat:no-repeat; width:100%; height:auto; min-height:200px}

#content {
    width: 100%;
	margin-top:20px;
	top:160px;
}

#inhalt {	
	width:100%; box-sizing:border-box;
	box-sizing:border-box;
	/* padding-left:10px; padding-right:10px; */
}

#content_einleitung {
    width: auto;
	padding-right: 0px;
	padding-left: 0px;
}


#subnav {display:none}

#bilderani {
    background-color: #eee;
    overflow: hidden;
    width: 100%;
	position:relative;
	padding-top:0px;
}
.teaserSlidesTop {height: auto}

.flexslider {
    max-height: 540px;
    /*min-height: 540px; */
	width:100%;
	max-width:100%;
	min-width:100%;
}
	
.flexControl {bottom: -55px;}

.flexslider ul, .flexslider ul li, .slides > li.headerbild {max-height:320px; height:100%; min-height:100%; width:100%; max-width:100%;}
.slides > li > a > span.headerbildText {margin-top:150px; height:115px; color:#000; font-size:1.5em; line-height:1em; background-color:#FFF;  display:block; z-index:999; padding-left:20px;}
.slides > li.headerbild { background-position:top center; background-repeat:no-repeat; width:100%; height:100%; background-size:cover;}
.flex-control-nav {display:none}
.downloadshome {width:100%}
div.fl {width:100%}

.hide-desktop {display:block}
.hide-mobile {display:none}

#left {display:none}
#spacer {display:none}
#contentInnen {float:none; margin: 0px auto; width: 100%}
.concertSchedule {margin-bottom: 30px}

.listen {height:auto}
.watch .head .watchtext, .listen .head .listentext {font-size:40px; line-height:40px}
.watch .head .watchimg img, .listen .head .listenimg img {height:40px}
.watch .video #ytplayer {width: 90%} 
.watch .subline {padding: 0px 30px}

.videoOnly {height:auto}
.listenSmall .head .listentext, .downloads .head .dltext, .downloads .head .infotext {font-size:40px; line-height:40px}
.listenSmall .head .listenimg, .downloads .head .dlimg, .downloads .head .infoimg {height:40px}
.listenSmall .audio {margin-bottom: 20px}
.listenSmall {min-height:250px}

.moreButtons {margin: 10px 0px}

#adresse .xl {font-size: 22px}
#adresse #inner {padding: 20px; font-size:18px; }

h1.content {padding-left:30px;}
#innerinhalt .content:not(h2), #innerinhalt .content {padding:0px}
	
#textbausteine .baustein {flex-wrap: wrap}
#textbausteine .baustein .leftbaustein {width: 100%; order: 1}
#textbausteine .baustein .rightbaustein {width: 100%; margin-bottom: 20px}
	
	#nlform input.inputEmail {font-size: 18px; height: 55px}

}


@media (max-width:767px) {

#logolink {padding: 70px 5px; border-radius:0px;}
.socialButtons {position: relative; top: -20px;}
.menuMobile {margin-top:10px;}
.teaserVertical, .teaserLarge, .teaserSmall {width:100%}
.searches {flex-wrap: wrap}
.searchbydate {max-width: 100%; width: 100%}
.moreButtons {flex-wrap:wrap}
.moreButtons .linkbutton {font-size: 0.8em; margin-bottom: 5px; width:100%}
.showMore, .tourPDF {width: 100%}
#adresse #inner {flex-wrap:wrap}
#adresse {margin-bottom: 30px}
#ytplayer {width:100%; max-width:100%}
	.listen {height:300px} 
/*.flexControl {bottom:100px; margin-right:0px} */
	.slides > li > a > span.headerbildText, .slides > li > span.headerbildText {font-size: 20px;}
	.slides > li > a > span.headerbildText > span.linie2, .slides > li > span.headerbildText > span.linie2 {font-size: 16px}
	.about .text, .about .lineup, .tourdates .dates, .artistsabc {padding: 0px 0px;}
	.listenSmall {height: 250px;}
	.newsletterSignUp {flex-wrap: wrap;}
	.newsletterSignUp .nlimg {width: 100%}
	.newsletterSignUp .nltext {width: 100%; order: 1; padding-right: 10px}
	.newsletterSignUp .nlimg img {height: 100%; width: 60%}

	.concertSchedule .date {padding-bottom: 0px; font-size: 18px}
}


@media (max-width: 500px) {
	.teaserLarge.stories #storiesheadline {top: 59%; font-size: 100px}
	.teaserLarge.stories #storiessubline {top: 65%; font-size: 36px; line-height: 40px;}
	#bilderani {max-height: 290px;}
	.flexControl #prev, #next {height: 30px; width: 30px;}
	.concertSchedule .date {font-size: 14px;line-height: 20px} 
    .calendarOuter .topdates .date {font-size: 11px}
}

@media (max-width: 400px) {
	.teaserLarge.stories #storiesheadline {font-size: 90px}
	.teaserLarge.stories #storiessubline {font-size: 26px;}
	#bilderani {max-height: 260px;}
	.concertSchedule .date {font-size: 14px; line-height: 20px} 
    .calendarOuter .topdates .date {font-size: 10px}
    .calControlsOuter .calControls .month {font-size:16px}
}

@media (max-width:374px) {
	#logolink {border-radius:none; padding: 0; padding-top:70px}
	#textbausteine .anfragenbutton .anfragen {font-size: 26px;} 
	#textbausteine .anfragenbutton .anfragen img {height: 40px}
	#navMobile {top: 25px}
	.slides > li > span.headerbildText {font-size: 24px}
	.slides > li > a > span.headerbildText, .slides > li > span.headerbildText {font-size: 16px;}
	.slides > li > a > span.headerbildText > span.linie2, .slides > li > span.headerbildText > span.linie2 {font-size: 14px}
	.flexControl #prev, #next {height: 24px; width: 24px;}
	.flexControl {bottom: -45px}
	
	.concertSchedule .date {font-size: 12px}
    .calendarOuter .topdates .date {font-size: 8px}
	
}

@media (max-width:800px) and (orientation: landscape) {
/*
#obenOuter	 {max-height:80px; height:80px}
#logoMobile {display:block}
#logoMobileSpan {background-image:url(UserFiles/structure/logo_saudades_355x136.jpg); width:122px; height:50px; display:block; float:left; background-size:cover}
#navMobile {display:block; width:100%;  margin-top:0px; z-index:99999999999999 }
#navMobileOpener {display:block; padding-top:4px; position:relative; right:10px; z-index:100000000; float:right; padding-right:5px; cursor:pointer; padding-bottom:10px; z-index:999999999; position:fixed; margin-top:20px; z-index:99999999999999}
#navMobileCloser {display:none; padding-top:4px; position:relative; right:10px; z-index:100000000; float:right; padding-right:5px; cursor:pointer; padding-bottom:10px; z-index:999999999; position:fixed; margin-top:20px; z-index:99999999999999}
#navMobileMenu { position:relative; z-index:999999; background-color:#FFF; top:60px;}
#bilderani {max-width:100%; min-width:100%}
#bilderani {width:100%; padding-top:0px; top:80px; height:180px}
#content {top:-30px}
*/
}