/* saudades - 08.06.2020 */
@import "styles_cms.css";

* {
	margin:0px;
	padding:0px;
	box-sizing:border-box;
}

@font-face {
      font-family: 'fontello';
      src: url('./font/fontello.eot?63052006');
      src: url('./font/fontello.eot?63052006#iefix') format('embedded-opentype'),
           url('./font/fontello.woff?63052006') format('woff'),
           url('./font/fontello.ttf?63052006') format('truetype'),
           url('./font/fontello.svg?63052006#fontello') format('svg');
      font-weight: normal;
      font-style: normal;
    }
	
@font-face {
    font-family: 'Courier New';
    src: url('./font/CourierNewPSMT.eot');
    src: url('./font/CourierNewPSMT.eot?#iefix') format('embedded-opentype'),
        url('./font/CourierNewPSMT.woff2') format('woff2'),
        url('./font/CourierNewPSMT.woff') format('woff'),
        url('./font/CourierNewPSMT.ttf') format('truetype'),
        url('./font/CourierNewPSMT.svg#CourierNewPSMT') format('svg');
    font-weight: normal;
    font-style: normal;
}

@font-face {
    font-family: 'Courier New Bold';
    src: url('./font/CourierNewPS-BoldMT.eot');
    src: url('./font/CourierNewPS-BoldMT.eot?#iefix') format('embedded-opentype'),
        url('./font/CourierNewPS-BoldMT.woff2') format('woff2'),
        url('./font/CourierNewPS-BoldMT.woff') format('woff'),
        url('./font/CourierNewPS-BoldMT.ttf') format('truetype'),
        url('./font/CourierNewPS-BoldMT.svg#CourierNewPS-BoldMT') format('svg');
    font-weight: bold;
    font-style: normal;
}

@font-face {
    font-family: 'American Captain';
    src: url('./font/AmericanCaptain.eot');
    src: url('./font/AmericanCaptain.eot?#iefix') format('embedded-opentype'),
        url('./font/AmericanCaptain.woff2') format('woff2'),
        url('./font/AmericanCaptain.woff') format('woff'),
        url('./font/AmericanCaptain.ttf') format('truetype'),
        url('./font/AmericanCaptain.svg#AmericanCaptain') format('svg');
    font-weight: normal;
    font-style: normal;
}

@font-face {
    font-family: 'PT Sans Narrow';
    src: url('./font/PTSans-Narrow.eot');
    src: url('./font/PTSans-Narrow.eot?#iefix') format('embedded-opentype'),
        url('./font/PTSans-Narrow.woff2') format('woff2'),
        url('./font/PTSans-Narrow.woff') format('woff'),
        url('./font/PTSans-Narrow.ttf') format('truetype'),
        url('./font/PTSans-Narrow.svg#PTSans-Narrow') format('svg');
    font-weight: normal;
    font-style: normal;
}

@font-face {
    font-family: 'PT Sans Narrow';
    src: url('./font/PTSans-NarrowBold.eot');
    src: url('./font/PTSans-NarrowBold.eot?#iefix') format('embedded-opentype'),
        url('./font/PTSans-NarrowBold.woff2') format('woff2'),
        url('./font/PTSans-NarrowBold.woff') format('woff'),
        url('./font/PTSans-NarrowBold.ttf') format('truetype'),
        url('./font/PTSans-NarrowBold.svg#PTSans-NarrowBold') format('svg');
    font-weight: bold;
    font-style: normal;
}

@font-face {
    font-family: 'Interstate Mono';
    src: url('./font/InterstateMono.eot');
    src: url('./font/InterstateMono.eot?#iefix') format('embedded-opentype'),
        url('./font/InterstateMono.woff2') format('woff2'),
        url('./font/InterstateMono.woff') format('woff'),
        url('./font/InterstateMono.ttf') format('truetype'),
        url('./font/InterstateMono.svg#InterstateMono') format('svg');
    font-weight: normal;
    font-style: normal;
}
	 
.demo-icon
    {
      font-family: "fontello";
      font-style: normal;
      font-weight: normal;
      speak: none;
     
      display: inline-block;
      text-decoration: inherit;
      width: 1em;
      margin-right: .2em;
      text-align: center;
      /* opacity: .8; */
     
      /* For safety - reset parent styles, that can break glyph codes*/
      font-variant: normal;
      text-transform: none;
     
      /* fix buttons height, for twitter bootstrap */
      line-height: 1em;
     
      /* Animation center compensation - margins should be symmetric */
      /* remove if not needed */
      margin-left: .2em;
     
      /* You can be more comfortable with increased icons size */
      /* font-size: 120%; */
     
      /* Font smoothing. That was taken from TWBS */
      -webkit-font-smoothing: antialiased;
      -moz-osx-font-smoothing: grayscale;
     
      /* Uncomment for 3D effect */
      /* text-shadow: 1px 1px 1px rgba(127, 127, 127, 0.3); */
    }	


html {}
body {font-family: 'PT Sans Narrow', sans-serif; color:#000000; overflow-y:scroll; height:100%;    font-size: 20px; line-height: 26px; margin: 0 0 0 0;}
.noScroll {overflow-y: hidden}
#created {position:absolute; top:50px; left:25px; z-index:1000000; background-color:#FFF; width:900px; border:1px solid #999; border-radius:5px; display:none; padding:30px; box-shadow:  1px 1px 5px 5px #eee; }
#created a {text-decoration:underline;}
#createdcloser {position:absolute; top:-15px; left:980px; background-image:url(UserFiles/structure/close.png); width:30px; height:30px; text-indent:-10000px; cursor:pointer}
#topstreifen {height:18px; width:100%;position:relative; z-index:1002; background-color:#FFF; min-width:1100px}
#obenOuter {height:160px; width:100%; background-color:#FFF; padding-top:20px; z-index:999999999; display:flex; justify-content:center; max-width:100%; position:fixed}

/* diverse Klassen */

h1 {font-family: 'American Captain', sans-serif; color:#000; font-weight:700; font-size:32px; line-height:32px}
h2 {font-family: 'American Captain', sans-serif; color:#000; font-weight:700}

h1.content {margin-bottom:40px; line-height:1.2em; font-family: 'PT Sans Narrow'; font-size:30px;  padding-left:30px}
h2.content {margin-bottom:20px}
h3.content {margin-top:50px; margin-bottom:20px; font-family: 'American Captain'; font-weight: bold; border-bottom: 2px solid black; padding-bottom: 10px; padding-left:30px; font-size:30px}

.artistsabc h2 {margin-left:-20px}
.artistsabc a {color:#003497; text-decoration:none}
.clearer {clear:both}
.fixed{
    position: fixed;
    background: red;
    z-index: 1;
    display:none;
}

.american, a.american, #innerinhalt a.american {font-family: 'American Captain', sans-serif;}
.american.xl {font-size: 32px; line-height: 30px;text-transform: uppercase}

/* Ende Klassen */

#langChange, #langChangeMobile {display:none}
#navMobile {display:none}
#logoMobile {display:none}
#logoMobileSpan {background-image:url(UserFiles/structure/logo_saudades_355x136.jpg); width:355px; height:136px; display:block; float:left;}
#langChangeMobile {display:none}
#bilderani {width:100%; max-height:900px; height:auto; max-width:100%; background-color:#fff; }
.start #bilderani {/*height: 660px !important*/}
.slides > li.headerbild { background-position:top center; background-repeat:no-repeat; width:100%; height:100%; background-size:cover; max-height:540px}
.slides > li.headerbild > a {display:block; width:100%; height:100%}
.slides > li > a > span.headerbildText, .slides > li > span.headerbildText {position:absolute; height:115px; color:#000; font-size:32px; line-height:1em; background-color:#FFF;  display:block; z-index:9999; width:100%; bottom: -115px}
.slides > li > a, .slides > li > a > span.headerbildText {text-decoration:none}
.slides > li > a > span.headerbildText > span.linie1, .slides > li > span.headerbildText > span.linie1 { display:block; max-width:1100px; margin:0px 10px; text-align:left; padding-top:10px; font-family: 'American Captain', sans-serif; font-weight:700; text-decoration:none; text-transform: uppercase}
.slides > li > a > span.headerbildText > span.linie2, .slides > li > span.headerbildText > span.linie2 { display:block; clear:both; max-width:1100px; margin:0px 10px; text-align:left; font-family: 'American Captain', sans-serif; font-weight:400; text-decoration:none; font-size:24px; }
.slides > li > div.headerbildText > div.headerbildTextSmall {position:relative; z-index:101; padding-top:10px; color:#FFF; font-size:0.8em; line-height:16px; }
.flexslider {
    margin: 0 auto;
	min-height:516px;
    max-height: 900px;
    position: relative;
    text-align: center;
    width: 100%;
	background-color:#fff;
	visibility: hidden;
}
.flexslider ul li {backround-size:cover; background-position:left;  height:100%; float:left; position:absolute; left:0px; width:100%; margin:0px; padding:0px; display:block}
.slides, .slides li div, .slides li div img  {margin:0; padding: 0; height:100%; width:100%;}

.flexslider .slides img {
    display: block; height:auto;width: 100%;
}
/*.flex-direction-nav {border:1px solid #000; z-index:98; position:relative; height:50px; top:-50px; color:#FFF}*/
.flex-control-nav  {z-index:98; position:relative; height:17px; color:#FFF; bottom:-50px; display:flex; justify-content: flex-end; padding-right:20px}
.flex-control-paging li {padding-left:5px}
.flex-control-paging li a {
    background: rgba(255, 255, 255, 1) none repeat scroll 0 0;
    border-radius: 20px;
    cursor: pointer;
    display: block;
    height: 15px;
    text-indent: -9999px;
    width: 15px;
	border:1px solid #003497;
}
.flex-control-paging li a.flex-active {
    background: #000 none repeat scroll 0 0;
    cursor: default;
	border:1px solid #fff;
}
#arrow_down {width:67px; height:21px; margin:0px auto; text-align:center; position:relative; z-index:999; bottom:25px; background-image:url(UserFiles/Image/systembilder/arrow_down.png); padding-left:5px; cursor:pointer;}
#left {width:200px; height: auto; display: block; float: left}
#nav {height:auto; width:200px;  z-index:1001; top:20px; font-family: 'American Captain', sans-serif; float:left; letter-spacing:1px; margin-top:5px; position: relative}
#navInner {width:200px; max-width:1150px; text-align:left; margin:0px auto;  height:180px; position:fixed; background-color:#fff; z-index:999999; margin-top:-25px;font-family: 'Interstate Mono', sans-serif; text-transform: uppercase;}


.menu {margin-top:0px; float:left; left:0px;}
.menu ul {list-style-type:none;}
.menu ul li {padding:0px; padding-bottom: 5px}
.menu ul li:last-child {border-right:0px}
.menu ul li a { padding-left:10px; font-size:17px; line-height: 21px;text-decoration: underline; color: #000; display: block; width: 100%}
.menu ul li a:hover, .menu ul li.aktiv a, .menu ul li.aktiv ul li a.subaktiv {color:#b28100}
.menu ul li ul {display:none; width:100%; position:absolute; margin-top:-25px; z-index:200; margin-left:160px}
.menu ul li:last-of-type ul {margin-top: -40px;}

.menu ul li ul li {
    background-color: #d9d9d9;
    border: 0 none;
    clear: both;
    color: #000;
    display: block;
    min-width: 300px;
    padding-bottom: 5px;
    padding-top: 5px;
	border-right: 0px solid #d9d9d9;
}

.menu a.contact {
	background-color: #000;
	color: #FFF !important;
	font-family: 'Courier New', sans-serif;
	padding-top: 10px !important;
	padding-bottom: 10px;
	width: auto !important;
	display: inline-block !important;
	padding-right: 10px;
	margin-left: 10px;
	text-transform: none;
	text-decoration:none;
}



.menu ul li.aktiv ul li a {color:#000; display:block; width:100%; height:100%} 
.menu ul li ul li a {color:#000; font-weight:400; border-right:0px solid #FFF}
.menu ul li ul li a:hover {color:#b28100; }
.menu ul li ul li:last-child a {border:0px; padding-right:50px} 
.menu ul li:hover ul {display:block}
#topmenu {padding-left:0px !important}







#logo {background-image:url(UserFiles/structure/saudades_logo.png); background-size: contain; width:275px; height:136px; display:block; position: relative; background-repeat: no-repeat; overflow: visible; top: -95px; left: 10px;}
#logolink {border-radius: 50%;padding: 100px 5px;z-index: 9999999999; background-color:#FFF; cursor:pointer} 
#content {width:1880px; margin:0px auto; text-align:left; position:relative; z-index:10; background-color:#FFF; max-width:100%; top: 160px}
#contentInnen {float:left; width:calc(100% - 200px)}
#content_einleitung, .content_einleitung {margin-top:50px; font-size:1em; font-weight:normal; line-height:1.5em; padding-bottom:80px; padding-left:30px; padding-right:30px}
#innerinhalt {min-height:100px; text-align:left; max-width:100%; width:100%;}
.h30 {width:100%; height:30px; background-color:#FFF; clear:both}

.startleft {width:740px; float:left; margin-right:50px}
.startright {float:left; width:310px; min-height:100px}

.acfont {font-family: 'American Captain'; letter-spacing:0.5px}
.mt5 {margin-top:5px} 
.fl {float:left;}
.w50pro {width:50%}
.newsOuter {width:355px; float:left; margin-right:15px;}
.newsOuter h1 {margin-bottom:20px; height:auto; border-bottom:1px solid #b28100; padding-bottom:10px}
.newsOuter img.lister, #innerinhalt img.lister {margin-right:15px}
#innerinhalt img.lister {margin-top:15px}
#innerinhalt .newsOuter img.lister {margin-top:0px}
.mt15pxmin {margin-top:-15px}
#innerinhalt .lineuptext, #innerinhalt .downloadstext, #innerinhalt .tourdatestext {width: 100%; margin-top:50px}
.newsdiv {width:355px; margin-bottom:35px; clear:both}
.content_startseite {float:left; width:290px}
.content_startseite a {text-decoration:none; color:inherit}
.content_startseite a:hover {color:#000}

.weiterlesen, .closer { z-index:1001; color: #fff}

.videoTodayOuter {width:370px; float:left}
.videoTodayOuter h1 {margin-bottom:20px; height:auto; border-bottom:1px solid #b28100; padding-bottom:10px}

.soundCloud{width:740px; margin-top:30px; clear:both; height:230px }
.downloadshome {width:740px; margin-top:30px; clear:both; height:80px }
.soundCloud h1, .downloadshome h1 {margin-bottom:20px; height:auto; border-bottom:1px solid #b28100; padding-bottom:10px}
.downloadshome a {color:#003497; text-decoration:none; font-weight:bold}

#scplayer {width:740px; height:166px; border:0px; overflow:hidden}

.concertSchedule {width:100%; margin-top:30px; clear:both; height:auto; overflow:hidden; font-family: 'PT Sans Narrow'; font-size:22px; line-height: 24px; max-width:100%}
.concertSchedule h1 {margin-bottom:50px; height:auto; border-bottom:2px solid #000; padding-bottom:5px; padding-left:30px}
.concertSchedule .concerts a {color:#000; text-decoration:none; font-family: 'PT Sans Narrow';  font-size:1em; padding-bottom:5px}
.concertSchedule .band, .concertSchedule .date {padding-bottom: 5px;}
.concertSchedule .day {font-weight: bold}
.concertSchedule .city {font-weight: bold}
.concertSchedule .venue {}

.concerts {/*max-height:350px; */ overflow:auto}
.concerts .left {width:65%; float:left;  min-height:10px; padding-left: 30px}
.concerts .right {float:left; width:35%}
.concerts .tourbild {width:100%}

.showMoreConcerts {cursor:pointer;}

.concertsAll .concerts {max-height:none}
.concertsAll a {color:#000; text-decoration:none}

.tourdatesDates {margin-top:20px; font-family:"PT Sans Narrow",sans-serif; font-size: 22px; line-height: 24px}
.tourdatesDates a {color:#000; text-decoration:none;}

.downloadsOuter a {color:#003497; text-decoration:none}


.upcomingOuter {padding-left:15px; padding-right:15px; overflow:auto;  min-height:500px; height:auto; width:100%;  overflow-y:auto; overflow-x:hidden; background-color:rgba(241,241,241,1); border-radius:10px; max-height:500px; margin-top:7px; max-width:100%}

.searchbydate {padding-left:20px; padding-right:20px; overflow:auto;  height:auto; max-width:50%;  overflow-y:auto; overflow-x:hidden; background-color:#000000; width:100%; position:relative; padding-bottom:20px; padding-top:20px; box-sizing:border-box}

.searchbydate.nobg {padding-left:0px !important; padding-right:0px !important; overflow:auto;  height:auto; max-width:100%;  overflow-y:auto; overflow-x:hidden; background-color:transparent !important; border-radius:10px;  margin-top:7px;  width:365px !important; margin-bottom:0px !important; position:relative; padding-bottom:0px !important; float:right; margin-right:15px; box-sizing:border-box}



.upcomingOuter h1, .searchbydate h1 {margin-top:25px; color:#000; margin-bottom:20px; height:auto; font-size:1.6em}
.upcomingTours {
	/*overflow-x:auto;*/ 
	height:100%; margin-bottom:-10px; margin-top: 20px; border:1px solid transparent; display:none; color: #fff !important; text-decoration:none}


.nextTour {position:relative; top:20px; float:right; text-align:right; width:70px}
.nextTour a {color:#000;}

.prevTour {position:relative; top:20px; float:left; text-align:left; width:70px; margin-bottom:10px}
.prevTour a {color:#000;}

.volltextsuchte {float:none; margin-top:0px; margin-bottom:15px; margin-right:0px}
.suchbegriffOuter {width:50%; padding:20px 20px;}
#suchbegriff, #datepicker, #newsletter {width:100%; height:40px; background-color:#fff; border:1px dotted #fff; color:#000; font-size:24px; font-family:'Courier New'}
#datepickerSmall {width: 90%; height: 40px; background-color: #fff; border: 1px solid #000; color: #000; font-size: 16px; font-family: 'Courier New'; font-weight: bold; margin: 0px 10px;}
#suchen {height:30px; background-color:#eee; border:1px dotted #eee; color:#000}
.upcomingOuter div.tour a, .tour a {color:#fff !important; text-decoration:none; text-transform: uppercase}
.upcomingOuter div.tour, .tour {margin-bottom:10px; margin-top: 20px; padding: 0px 5px;color: #104d83}


#ergebnisLayer {position:fixed; background-color:#000; color: #FFF; padding: 0px 20px; height:500px; overflow: scroll; display:none; top:340px; z-index: 100000; width: 900px; left: calc(50% - 450px)}
#ergebnisLayer #ergebnisLayerInner a {color: #FFF !important}
#ergebnisLayer input[type=text] {height: 25px}

.datepickerNavOuter {position:fixed; top:340px; width:200px}
#upcomingDesktopNav {width:180px; background-color:#ba959c; padding:10px 0px !important; margin:0px 10px; margin-top: 20px; position:fixed; top:380px;}
#upcomingToursContainer {max-height: 1858px; overflow-y: scroll; overflow-x: hidden}
#suchbegriffNav {width: 96%; height: 40px; background-color: #fff; border: 1px solid #000; color: #000; font-size: 16px; font-family: 'Courier New'; font-weight: bold; margin: 0px 3px;}
#nav h3 {margin-top: 10px; margin-left:5px; color: #104d80}

div.teaserstartseite {display:block; border-top:2px solid #927b48; padding-bottom:80px}
div.teaserstartseite:nth-child(odd) {background-color:#4c4c4c; color:#FFF}
div.teaserstartseite:nth-child(even) {background-color:#fff}
h3.teaserstartseiteheadline {display:block; max-width:1150px; margin:0px auto; padding-top:80px; text-align:center; font-size:2em}
h3.gold {color:#927b48;}
div.teaserstartseitetext {display:block; max-width:1150px; margin:0px auto}
div.teaserstartseiteimg {margin:0px auto; position:relative; max-width:1150px}
div.teaserstartseiteimg > img {text-align:center; position:relative; margin:0px auto; max-width:1150px}


#adresse {height:auto; padding-top:30px; padding-bottom:100px; color:#000; width:100%; border-top:2px solid #FFF; line-height:1.5em; display:flex; justify-content: center; top: 160px; position:relative;}
#adresse .xl {font-size:24px; font-weight:bold; font-family: 'PT Sans Narrow';}
#adresse #spacer {width: 200px; flex-shrink: 0}
#adresse #inner {position:relative; width:1680px; border: 2px solid black; display:flex; justify-content: space-between; padding: 40px; font-family: 'PT Sans Narrow'; font-size: 20px; align-items: baseline; line-height:22px}
#adresse .emailcodierung a {color:#000; text-decoration:none}
#adresse .normal {font-family: 'PT Sans Narrow';}

#adresse #inner ul {list-style:none}
#adresse #inner ul li::before {content: "*"; text-decoration: none; display:inline-block; padding-right:5px}
#adresse #inner .left {}

#adresse #inner .left2 { text-align:left;}
#adresse #inner .left2 li {text-decoration:underline}
#adresse #inner .left2 a {color:#000; text-decoration:underline; margin-right:20px}


#adresse #inner .left3 {float:left; text-align:left;}
#adresse #inner .left3 a {color:#000; text-decoration:underline; margin-right:20px}

#adresse #inner .left4 {}
#adresse #inner .left4 {float:left; text-align:left;}
#adresse #inner .left4 a {color:#000; text-decoration:none; margin-right:20px}


#box {width:100%; height:680px}
#map_canvas {width:100%; height:100%}
#formularOuter {max-width:1150px; margin:0px auto}
#formular {width:240px; height:591px; position:absolute; top:90px; background-color:#927b48; z-index:1003; overflow:hidden; box-shadow:  10px 0px 5px -2px gray; color:#FFF; font-size:0.8em; padding-left:20px; padding-right:20px; padding-top:30px}

#shortForm {margin-top:20px}
#shortForm input {width:100%; border:0px; 
-moz-box-shadow: inset 0 0 1px 1px #888; 
-webkit-box-shadow: inset 0 0 1px 1px #888; 
box-shadow: inset 0 0 1px 1px #888;  height:40px; margin-bottom:5px; padding-left:10px; color:#927b48; font-family: 'Michroma', sans-serif; font-size:0.8em}

#shortForm textarea {width:100%; border:0px; 
-moz-box-shadow: inset 0 0 1px 1px #888; 
-webkit-box-shadow: inset 0 0 1px 1px #888; 
box-shadow: inset 0 0 1px 1px #888; height:80px; margin-bottom:5px; padding-left:10px; color:#927b48; padding-top:10px; font-family: 'Michroma', sans-serif; font-size:0.8em}

#shortForm #absenden {width:100px; border:0px; 
-moz-box-shadow: inset 0 0 2px 2px #888; 
-webkit-box-shadow: inset 0 0 2px 2px #888; 
box-shadow: inset 0 0 2px 2px #888;  height:30px; margin-bottom:15px; color:#927b48;  font-family: 'Michroma', sans-serif; font-size:1em; background-color:#fff}


/*projects*/

#buttonOuter {max-width:1150px; margin:0px auto; text-align:center; margin-top:80px}
.button {width:100px; height:100px; background-repeat:no-repeat; padding-top:50px; text-align:center; background-position:top center; font-size:0.7em; text-transform:uppercase; line-height:1.2em; margin-right:20px; margin-left:20px; display:inline-block; cursor:pointer}

.button.xs  {width:50px; height:50px; background-repeat:no-repeat; padding-top:0px; text-align:center; background-position:top center; font-size:0.7em; text-transform:uppercase; line-height:1.2em; margin-right:5px; margin-left:5px; display:inline-block; cursor:pointer}

#buttonOuter .liner {width:100%; height:20px; text-align:center; clear:both}
.button:first-child {margin:0px auto; text-align:center; display:inline-block; float:none}

#vorschauProjekte {max-width:1150px; margin:0px auto; text-align:center; margin-top:50px; margin-bottom:30px}
.vorschaubild {width:540px; height:320px; border-top:5px solid #927b48; float:left; background-size:cover; margin-bottom:10px}
.vorschaubild .text {font-size:1.5em; color:#FFF; width:540px; height:315px;  display: table-cell;   vertical-align: middle;  text-align: center; cursor:pointer }
.vorschaubild .text:hover {background-color:rgba(0,0,0,.5)}
.vorschaubild .text .arrow_down {width:80px; height:40px; display:block; margin:0px auto; position:relative; z-index:999; bottom:-10px; background-image:url(UserFiles/Image/systembilder/arrow_down.png); background-position:top center; cursor:pointer; background-repeat:no-repeat; padding-top:20px; text-align:center; visibility:hidden}
.vorschaubild .text:hover .arrow_down {visibility:visible}
.vorschaubild:nth-child(odd) {margin-right:10px}

.projekt {max-width:1150px; margin:0px auto; text-align:left; font-size:0.8em}
.projekt .subline {margin-bottom:50px; font-size:1.3em; font-weight:normal}
.projekt .text {width:700px;  float:left; line-height:1.5em; padding-right:20px}
.projekt .facts {float:left; padding-left:20px; border-left:1px solid #927b48;} 
.projekt .facts .left {width:150px; float:left; color:#927b48; margin-bottom:10px; text-transform:uppercase}
.projekt .facts .right {float:left; margin-bottom:10px}

div.honours {display:block; border-top:2px solid #927b48; padding-bottom:80px; width:100%}
div.honours h4 {text-align:center; color: #927b48; font-size:2em; display:block; margin-top:80px}
div.honours .text {margin-top:50px}
div.honours {background-color:#4c4c4c; color:#FFF}
div.honoursInner {max-width:1150px; margin:0px auto; text-align:left}

#nav.sticky {position:relative; top:-50px}
#nav.sticky #logo {background-image: url(UserFiles/structure/logo_saudades_355x136.jpg); background-repeat:no-repeat; background-size:cover; width:177px; height:68px; margin-top:47px}
#nav.stickytop {top:15px}

div.videoOuter {max-width:1150px; margin:0px auto; text-align:left; color:#000; margin-bottom:80px; border:0px}
/*.video {width:1120px; height:630px} */

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

.linkbutton {width:auto; padding:5px; background-color:#000; color:#fff; clear:both; border:0px; text-align:center; font-size:1em; margin-bottom:0px; cursor:pointer; font-family: 'Courier New'}
.linkbutton:hover {/*background-color:#999; color:#FFF*/}
#eprogram {/*margin-top:14px*/}



/* NEU 2020 */

.socialButtons img {height: 40px; width:40px;}

.spacerLeft {display:block; float: left; width:200px; flex-shrink: 0}
.logoOuter {width: 1680px; max-width: 100%; display: flex; justify-content: space-between; align-content: space-around}
.teaserBoxen {display:flex; justify-content: space-between; flex-wrap: wrap; max-width:100%}
.teaserQuad {/* width: 620px; height: 663px; */ flex-shrink:1;}
.teaserQuad:first-of-type {margin-bottom:5px}
.teaserSmall {width: calc(50% - 5px); height: auto; margin: 5px 0px; flex-shrink:1;}
.teaserLarge {width:calc(50% - 5px); margin:5px 0px;margin-top:0px; flex-shrink:1;}
.teaserVertical {width: calc(50% - 5px); flex-shrink:1;}
.dynamicSize::after {content: " "; display:table; clear:both}

.tours img { width:100%; height:calc(55% - 5px);} 
.teaserLarge.stories img {width:100%; }
.artist img {width:100%; height:calc(44% - 5px)}
.newsletterBox img {width: 100%}
.lastminute img, .lastminute a {width:100%}

.teaserLarge.stories a {position: relative; display: inline-block; height: 100%; width: 100%}
.teaserLarge.stories #storiesheadline { position: absolute; top: 56%; color: white; width: 100%; text-align: center; font-family: "American Captain"; font-size: 235px;}
.teaserLarge.stories #storiessubline { position: absolute; top: 65%; width: 100%; text-align: center; font-family: "American Captain"; font-size: 64px; color: #104e7f;line-height: 56px; word-break:break-word}

.lastminute a {position: relative; display: inline-block; height: 100%;}
.lastminute #specialheadline {position: absolute; top: 14%; left: 5%; color: white; font-family: "American Captain"; font-size: 95px; line-height: 95px}
.lastminute #specialsubline {position: absolute; top: 81.5%; left: 13%; font-family: "Courier New"; font-size: 30px; color: white; text-decoration: underline}



.watch {background-color: #104d80; height: 450px}
.watch .head {height: 25%; width:100%; display:flex; justify-content: space-between;}
.watch .head .watchtext {font-family: 'American Captain'; font-size:80px; line-height:80px; color: #FFF; height:100%; padding-left: 30px; padding-top:25px}
.watch .head .watchimg {padding-right:25px; padding-top: 25px}
.watch .head .watchimg img {height:80px}
.watch .video {height:50%; width: 100%; display: flex; justify-content: center;}
.watch .video #ytplayer {height: 100%;}
.watch .subline {height: 25%; width:100%; display:flex; justify-content: center; align-items: center; font-family:'PT Sans Narrow'; font-weight:bold; font-size: 24px; padding: 0px 50px; color: #FFF; line-height: 28px}


.teaserBoxen.mt5.watchbox {background-color: #104d80;}
.watchSmall {background-color: #104d80;}
.watchSmall .head {height: 25%; width:100%;}
.watchSmall .head .watchtext {font-family: 'American Captain'; font-size:80px; line-height: 80px; color: #FFF; height:100%; padding-left: 10px; padding-top:5px}
.watchSmall .video {height:50%; width: 100%; display: flex; flex-direction: column; justify-content: center;}
.watchSmall .video .watchimg {height:50%; width: 100%; padding-left: 5px}
.watchSmall .subline {height: 25%; width:100%; display:flex; justify-content: center; align-items: center; font-family:'PT Sans Narrow'; font-weight:bold; font-size: 24px; padding: 0px 50px; color: #FFF; line-height: 28px}

.teaserBoxen.mt5.watchbox .videoOnly {background-color: #104d80;}
.videoOnly {display: flex; justify-content: center; align-items: center;background-color: #1c322e; height: 400px}

.listen {height: 450px; background-color: #1c322e}
.listen .head {height: 25%; width:100%; display:flex; justify-content: space-between;}
.listen .head .listentext {font-family: 'American Captain'; font-size:80px; line-height:80px;  color: #FFF; height:100%;  padding-left: 30px; padding-top:25px}
.listen .head .listenimg {padding-right:25px; padding-top: 25px}
.listen .head .listenimg img {height:80px}
.listen .audio {height:50%; width: 100%; display: flex; justify-content: center; align-items: flex-end}
.listen .audio iframe {width: 85% !important}
.listen .subline {height: 25%; width:100%}


.listenSmall {background-color: #1c322e; height: 400px} 
.listenSmall .head {height: 40%; width:100%; display:flex; justify-content: space-between;}
.listenSmall .head .listentext {font-family: 'American Captain'; font-size:80px; line-height:80px;  color: #FFF; height:100%;  padding-left: 10px; padding-top:5px}
.listenSmall .head .listenimg {padding-right:5px; padding-top: 5px}
.listenSmall .head .listenimg img {height:80px}
.listenSmall .audio {height:60%; width: 100%; display: flex; justify-content: center; align-items: flex-end; overflow:hidden; padding-bottom: 20px}
.listenSmall .audio iframe {width: 85% !important}
.listenSmall.bc {background-color: #104d80}
/*.listenSmall.sc .audio {align-items: flex-start} */

.downloads {background-color: #1c322e}
.downloads .head, .infobox .head {height: 30%; width:100%; display:flex; justify-content: space-between;}
.downloads .head .dltext, .infobox .head .infotext {font-family: 'American Captain'; font-size:80px; line-height:80px;  color: #FFF; height:100%;  padding-left: 10px; padding-top:5px}
.downloads .head .dlimg, .infobox .head .infoimg {padding-right:5px; padding-top: 5px}
.downloads .head .dlimg img, .infobox .head .infoimg img {height:80px}
.downloads .text, .infobox .text {height:70%; width: 100%; }
.downloads .text .square, .infobox .links .square {height:15px; width:15px; background-color:#FFF;display: inline-block; margin-left:10px}
.downloads .text a, .infobox .links a {color: #FFF !important; padding-left: 10px}
.downloads.infobox {background-color: #104d80} 

.downloads, .infobox {min-height: 300px}

.newsletterSignUp {background-color: #d9d9d9; height:auto;display:flex; justify-content: space-between;}
.newsletterSignUp .nltext {font-family: 'American Captain'; font-size:50px; line-height:50px;  color: #000; height:100%;  padding-left: 10px; padding-top:15px; width: 50%; padding-bottom: 10px}
.newsletterSignUp .nltext .thanks {margin-top: 11px; font-size: 28px; font-family: 'Courier New'; line-height: 30px;}
.newsletterSignUp .nlimg {padding-right:5px; padding-top: 5px; display: flex; justify-content: center; align-items: center}
.newsletterSignUp .nlimg img {height:80%} 
#nlform {margin-top: 15px}
#nlform input.inputEmail {display: block; width: 100%; border: 3px solid black; padding: 0px 10px; height: 67px; font-size:30px; font-family: 'Courier New'} 
#nlform button.subscribe {width: 177px; height: 50px; font-family: 'American Captain'; font-size: 40px; background-color: #104d80; color: #fff; margin-top: 10px; cursor: pointer}
#nlform button.subscribe:disabled {opacity: 0.5; cursor: default}

.wantmore {margin-top: 30px}


.searches {width: 100%; background-color:#000; margin: 5px 0px; display: flex; justify-content: space-between;}

.teaserSlides {border: 2px solid black; margin-top:20px; max-width:100%}
.teaserSlidesTop {margin-top:0px; /*height: 660px*/}
.flex-control-paging li a {border:none; border-radius: 0px; background: none;  -webkit-box-shadow:none !important; -moz-box-shadow:none !important; box-shadow:none !important; background-color:#c6c6c6}
.flex-direction-nav {position: relative; bottom: 85px}
.flexControl {height: 40px; position: relative; bottom: -40px; display:flex; justify-content: flex-end; margin-right:10px; z-index:9999}
.flexControl #prev, #next {height: 40px; width: 40px; cursor:pointer}
.flexControl #prev {background-image: url(UserFiles/structure/arrow_left_black.png); background-size:contain}
.flexControl #next {background-image: url(UserFiles/structure/arrow_right_black.png); background-size:contain}

.moreButtons {margin: 10px 30px; display:flex; justify-content: space-between}

.about {margin-top: 30px}
.about .text, .about .lineup, .tourdates .dates, .artistsabc {padding: 0px 30px; }



#innerinhalt .content:not(h2) {padding: 0px 30px; margin-top:30px;} 
#innerinhalt a {color: #000}
 
.artistsabc a {text-decoration:underline}

.dates .date {margin-bottom: 5px}
a.ticket-link, #innerinhalt a.ticket-link {background-color: #104d80;color: #ffffff;margin-left: 16px;padding: 0 10px; cursor: pointer}
a.ticket-link:hover, #innerinhalt a.ticket-link:hover {color: #000000;}

#textbausteine .baustein {display:flex; justify-content: space-between; margin-bottom: 30px; margin-top: 15px}
#textbausteine .baustein h2 {text-transform: uppercase}
#textbausteine .baustein .leftbaustein {width: 60%;}
#textbausteine .baustein .leftbaustein .text {padding-right: 60px;}
#textbausteine .baustein .rightbaustein {width: 40%; }
#textbausteine .baustein .rightbaustein img {width: 100%}
#textbausteine .quote {font-family: 'Courier New Bold'; margin-bottom: 30px}
#textbausteine .line {border-bottom: 1px solid black; margin: 30px 0px}
#textbausteine .anfragenbutton {margin-bottom: 30px}
#textbausteine .anfragenbutton .anfragen {background-color: #000; color: #FFF; padding: 5px 10px; display: flex; align-items: center; justify-content: space-between; width: 350px; height: 55px; font-family: 'Courier New'; font-size: 32px; max-width: 100%} 
#textbausteine .anfragenbutton .anfragen img {height: 45px}
#textbausteine .downloads.grey {background-color: #d9d9d9}
#textbausteine .bausteinmore .listenSmall {height: 350px}
#textbausteine .videoSmall {background-color: #104d80}

.dateAvail {margin-bottom: 40px}
.dateAvail .availName {font-weight: bold;}
.dateAvail .availDates {color: #ff0000; line-height: 18px}
.dateAvail a {text-decoration: none}
.dateAvail .buttons {width:350px} 
.dateAvail .buttons .anfragen img {height: 45px}
.dateAvail .buttons .anfragen {background-color: #000; color: #FFF; padding: 5px 10px;display: flex; align-items: center; justify-content: space-between; width: 100%; font-family: "Courier New"; font-size: 32px; margin-top: 10px}


.noscroll {overflow:hidden;}