


body.nav-open{
   overflow:hidden;
   /*position:fixed;*/
}


#toggle-sidebar{
width:34px;
height:34px;
color:#1b1b1b
}


.level0-mobile{
font-family: 'Karla', sans-serif;
   color:#1b1b1b; 
font-size: 32px;
font-size:2.0rem; 
line-height: 32px;
line-height:2.0rem; 
   text-transform:uppercase;
   font-weight:normal;
   margin-bottom:10px;
font-weight:800;

}




.active { 
 color:#bebebe !important;



}

.overlay {
    height: 0%;
    width: 100%;
    position: fixed;
   z-index:9999;
    top: 0;
    left: 0;
overflow-y: auto;
    background-color: rgba(255,255,255, 0.96);
    transition: 0.6s;
}

.overlay-content {
    position: relative;
    top: 10%;
    width: 100%;
    text-align: center;
   margin-top: 30px;

}

.openclose{
font-family: Arial, sans-serif;
  font-size:36px;
 line-height:36px;
   font-size:2.25rem;
     line-height:2.25rem;
   cursor: pointer;
   font-weight:bold;
   padding:0;
}




.overlay a {
    text-decoration: none;
text-transform:none;
    color:#1b1b1b;

    display: block;
   transition: 0.3s;
   padding:3px;
   
   
}

.navactive{
   color:#bebebe !important;
}

.overlay a:hover, .overlay a:focus {
  /* color:<!doctype html>
<html lang="de">
<head>

<meta name="robots" content="index,follow">

<meta name="keywords" CONTENT="Jazz Konzerte Vorarlberg Live Auftragskompositionen Uraufführungen Porgy & Bess Spielboden Österreich  Österreich Deutschland Schweiz, ">
<meta name="description" content="
                                  
  Das Jazzorchester Vorarlberg wurde 2005 von Martin Eberle und Martin Franz initiiert, um der heimischen Jazz- und Improvisationsszene eine professionelle Plattform zu bieten. " />	

<meta name="author" content="Jazzorchester Vorarlberg" />
<meta name="publisher" content="Jazzorchester Vorarlberg" />

<meta property="og:image" content="https://www.jov.at/34.jpg"/>
<meta property="og:site_name" content="Jazzorchester Vorarlberg"/>
<meta property="og:title" content="Jazzorchester Vorarlberg">
<meta property="og:description" content="Jazzorchester Vorarlberg"/>
   

<meta property="og:url" content="https://www.jov.at/"/>

   
<meta property="og:type" content="website"/>
<meta name="twitter:title" content="Jazzorchester Vorarlberg"/>
   
 
<meta name="twitter:url" content="https://www.jov.at/"/>
     
   
<meta name="twitter:card" content="summary"/>
   
<link rel="ICON" href="198.ico" type="image/x-icon"> 
<link rel="apple-touch-icon" href="199.png"  />
   
<title> Jazzorchester Vorarlberg</title>

   
<script src="https://ajax.googleapis.com/ajax/libs/jquery/3.5.1/jquery.min.js"></script>
   
<link href="https://cdnjs.cloudflare.com/ajax/libs/select2/4.0.2/css/select2.min.css" rel="stylesheet" />
<script src="https://cdnjs.cloudflare.com/ajax/libs/select2/4.0.2/js/select2.min.js"></script>

 

<meta name="viewport" content="width=device-width, initial-scale=1.0, user-scalable=yes">     

	<link rel="stylesheet" type="text/css" href="264_258986411ACC.css">
   
   <link rel="stylesheet" type="text/css" href="7_258E9E4C8A88.css">
   
   
 
 

   
   
   
  
   
   
   
 
     
   <link rel="stylesheet" type="text/css" href="77_25865F317108.css">
<script src="78.js"></script>
<script src="79_2582E534C2A4.js" type="text/javascript"></script>
   
   
   
 <link rel="stylesheet" type="text/css" href="18_258E9E493A18.css">
   

   
   <script src="10.js"></script>
   
   
  <script  src="11.js"></script>
   

   
<link rel="preconnect" href="https://fonts.gstatic.com">
   
   
   <script>
$(document).ready(function() {
  $(".select2").select2();
});
</script>
 
   
   
   
   
<script>
  window.dataLayer = window.dataLayer || [];
  function gtag(){dataLayer.push(arguments);}
  gtag('js', new Date());
  gtag('config', 'G-Z91TKYE99F');
   gtag('set', 'anonymizeIp', true);
</script>

 
   
   <script>     
function setConsent() {
   if (window.gtag) {
      let payload= {
         'ad_storage': "denied",
         'ad_user_data': "denied",
         'ad_personalization': "denied",
         'analytics_storage': "denied"
      }
      let val=document.cookie.match('(^|;)\\s*EU_COOKIE_LAW_CONSENT\\s*=\\s*([^;]+)')?.pop() || ''
      if (val.length==4) {
         payload= {
            'ad_storage': val.substr(3,1)=="1"?"granted":"denied",
            'ad_user_data': val.substr(3,1)=="1"?"granted":"denied",
            'ad_personalization': val.substr(3,1)=="1"?"granted":"denied",
            'analytics_storage': val.substr(2,1)=="1"?"granted":"denied"
         }
      }
      console.log(payload)
      gtag('consent', 'default', payload);
   }
}

setConsent();

</script>
   
</head>
   
   
<body>
   
          
      <style>
.cooModal {
  position: fixed;
  z-index: 1000000;
  padding-top: 10%;
  left: 0;
  top: 0;
  width: 100%; 
  height: 100%; 
  overflow: auto; 
  background-color: rgb(0,0,0); 
  background-color: rgba(0,0,0,0.4); 
 
}

.modal-content{
width:80%;
margin:auto;
padding:15px 20px 20px 20px;
max-width:500px;
text-align:center;
border-radius:6px;
background-color:#fff;
}

.toggle-open {
    background: url(261.svg) no-repeat right;
    background-size: 23px 23px;
    -webkit-appearance: none;
    -moz-appearance: none;
}

.toggle {
    background: url(262.svg) no-repeat right;
    background-size: 23px 23px;
    -webkit-appearance: none;
    -moz-appearance: none;
}


.link-upper{
color:#333;
text-transform:uppercase;
text-decoration:none;
}

</style>


<script>
function cooConsent(f) {
      $("#cookie_consent").hide();
      try {
         var exp=new Date();
         exp.setDate(exp.getDate()+30);
         var val="";
         for (var c=1;c<=4;c++) {
            val+=(f===undefined || (f["allow"+c] && f["allow"+c].checked))?"1":"0"
         }
         document.cookie = "EU_COOKIE_LAW_CONSENT=" + val + "; expires=" + exp.toUTCString() + ";path=/";
         dataLayer.push({'event': 'consent'});
      }
      catch (e) {
      }
      setConsent();
   }
</script>



<script>
   function MyToggle() {
    var isVisible = $( "#coo_settings" ).is( ":visible" );
    var isHidden = $( "#coo_settings" ).is( ":hidden" );
    $('#coo_settings').toggle();
    
    if(isVisible == false) {
        $( "#pfeile" ).addClass("toggle");
        $( "#pfeile" ).removeClass("toggle-open");

    }
    else {
       $( "#pfeile" ).addClass("toggle-open");
        $( "#pfeile" ).removeClass("toggle");
    }
}
   
</script>

<div id="cookie_consent" class="cooModal">

   <div class="modal-content">
      
      <div style="text-align:center">
<div class="consent-titel">Diese Website verwendet Cookies!</div>
      <br>
            Wenn Sie auf den Button "OKAY" klicken, gehen wir davon aus, dass Sie damit einverstanden sind, alle Cookies dieser Website zu erhalten. Bitte ändern Sie Ihre Einstellungen, wenn Sie bestimmte Cookies nicht erhalten möchten.
  
      </div>
      <br>

      <input type="button" class="mybutton" value="OKAY" onclick="cooConsent()" style="width:60%;height:36px;margin:0 20% 0 20%">
 
            <div style="margin:0 auto;display:inline-block" >
  
                       <a href="javascript:void(0)" onclick='javascript:MyToggle();' style="padding-right:25px;"  id="pfeile" class="toggle-open link-upper"  ><br>Einstellungen ändern</a>
       
            
      
      
      </div>
      
      <div style="margin:0 auto;width:60%;text-align:center">
     

		<div id="coo_settings" style="display:none;">
         <br>

   
           
                	<form class="form" style="display:inline">
          
             <div  style="text-align:left;width:120px;margin:0 auto;">
                
                
                
                
                  <label class="container disabled">Notwendige
				<input type="checkbox" name="allow1" checked DISABLED > 
                   <span class="checkmark"></span>
				</label>
                
                  <label class="container"> Präferenzen
				<input type="checkbox" name="allow2" checked>
                   <span class="checkmark"></span>
				</label>
                
       		     <label class="container"> Statistik
				<input type="checkbox" name="allow3" checked>
                   <span class="checkmark"></span>
				</label>
                
                   <label class="container"> Marketing 
					 <input type="checkbox" name="allow4" checked>
                   <span class="checkmark"></span>
				</label>
                
                
                
            <br>
            </div>  
            <input type="button" class="mybutton" value="SPEICHERN"  onclick="cooConsent(this.form)" style="height:36px;margin:0 20% 0 20%;margin:0;width:100%">
			</form>
           
         <br><br>
         <a href="13" class="link-upper">Weitere Informationen</a>
        </div>
      
      </div>
      

   </div>
<br class="cb">

</div>



<style type=text/css>
.container {
  display: block;
  position: relative;
  padding-left: 35px;
  margin-bottom: 6px;
  cursor: pointer;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
}

/* Hide the browser's default checkbox */
.container input {
  position: absolute;
  opacity: 0;
  cursor: pointer;
  height: 0;
  width: 0;
}

/* Create a custom checkbox */
.checkmark {
  position: absolute;
  top: 0;
  left: 0;
  height: 22px;
  width: 22px;
  background-color: #ccc;
}

/* On mouse-over, add a grey background color */
.container:hover input ~ .checkmark {
  background-color: #333;
}

/* When the checkbox is checked, add a color background */
.container input:checked ~ .checkmark {
  background-color:#333;
}

/* When the checkbox is checked and disabled, add a color background */
.disabled input:checked ~ .checkmark {
  background-color: #ccc;
}



/* Create the checkmark/indicator (hidden when not checked) */
.checkmark:after {
  content: "";
  position: absolute;
  display: none;
}

/* Show the checkmark when checked */
.container input:checked ~ .checkmark:after {
  display: block;
}

/* Style the checkmark/indicator */
.container .checkmark:after {
  left: 8px;
  top: 4px;
  width: 5px;
  height: 10px;
  border: solid white;
  border-width: 0 3px 3px 0;
  -webkit-transform: rotate(45deg);
  -ms-transform: rotate(45deg);
  transform: rotate(45deg);
}
.
</style>


      
      
   
   
<div id="myNav" class="overlay">
   <a href="javascript:void(0)" class="closebtn" onclick="closeNav()">&times;</a>
      <br class="cb">
  <div class="overlay-content">
     

<script>
   

function ShowHide(element,iconno){ 

      if(document.getElementById(element).style.display == 'none') 
      { 
         document.getElementById(element).style.display = 'block';   
          document.getElementById("icon2"+iconno).style.display =  'inline'; 
        document.getElementById("icon1"+iconno).style.display =  'none'; 
      
      } 
      else // if(document.getElementById(element).style.display == 'block') 
      { 
         document.getElementById(element).style.display = 'none'; 
           document.getElementById("icon2"+iconno).style.display =  'none'; 
        document.getElementById("icon1"+iconno).style.display =  'inline'; 
 
      } 
      
   } 
   
</script>


 















        
 
   <div style="width:100%;text-align:center">
      <div style="display:inline-block">
         <div style="float:left;display:inline-block"><a href="projekte" class="level0-mobile">projekte</a></div>
         
   </div>
      </div>       
      


           
          



    




















        
 
   <div style="width:100%;text-align:center">
      <div style="display:inline-block">
         <div style="float:left;display:inline-block"><a href="aufnahmen" class="level0-mobile">aufnahmen</a></div>
         
   </div>
      </div>       
      


           
          



    




















        
 
   <div style="width:100%;text-align:center">
      <div style="display:inline-block">
         <div style="float:left;display:inline-block"><a href="orchester" class="level0-mobile">orchester</a></div>
         
   </div>
      </div>       
      


           
          



    




















        
 
   <div style="width:100%;text-align:center">
      <div style="display:inline-block">
         <div style="float:left;display:inline-block"><a href="presse" class="level0-mobile">presse</a></div>
         
   </div>
      </div>       
      


           
          



    











  </div>
</div>
   
   
   
   
   
   
<div id="page-center">
   
   
<div id="full-page">
   
   
   

<div id="col-logo">
   
   
   <div id="logo"><a href="home">
   
   
<img src="IMG.ZXZvX2Ntcy9qb3YvbG9nby5iaWxkX29yaWdpbmFsIzEyMTFfMjU4RDQwMkQyQjQ4" alt="Logo Jazzorchester Vorarlberg">
 </a></div> 
   
   <div id="desktop-nav">



<ul class="top-level-menu">



         
     

     
    
  		 <li>
           
     
         <a href="projekte" class="level0">projekte</a>
        
         
     
  
       
        </li>

 
       
     
   
       
       

       


   

         
     

     
    
  		 <li>
           
     
         <a href="aufnahmen" class="level0">aufnahmen</a>
        
         
     
  
       
        </li>

 
       
     
   
       
       

       


   

         
     

     
    
  		 <li>
           
     
         <a href="orchester" class="level0">orchester</a>
        
         
     
  
       
        </li>

 
       
     
   
       
       

       


   

         
     

     
    
  		 <li>
           
     
         <a href="presse" class="level0">presse</a>
        
         
     
  
       
        </li>

 
       
     
   
       
       

       


   

   </ul>
   
   
   </div>

   
</div>
   

   
<div id="col-cont">

    		 
      
    <header id="js-header">
   
       
  		 <div id="header-cont">
       			
                 
                 
                 
                    <div id="logo-mobile"><a href="home" title="home">
   
   
<img src="IMG.ZXZvX2Ntcy9qb3YvbG9nby5iaWxkX29yaWdpbmFsIzEyMTFfMjU4RDQwMkQyQjQ4" alt="Logo Jazzorchester Vorarlberg">
 </a></div> 

                 
                 
                <div id="sidebar-container"><div id="toggle-sidebar" ><span class="openclose" onclick="openNav()"><img src="250.svg" alt="open icon" ></span></div></div>

                 
        			 <div id="icon-cont">
         				<a href="https://www.instagram.com/jazzorchestervlbg/" target="_blank" title="Jazzorchester Vorarlberg auf Instagram"><div class="i-instagram"></div></a>

         				<a href="https://www.youtube.com/results?search_query=jazzorchester+vorarlberg" target="_blank" title="Jazzorchester Vorarlberg auf Youtube"><div class="i-tube"></div></a>
                   	<a href="https://www.facebook.com/jazzorchestervorarlberg" target="_blank" title="Jazzorchester Vorarlberg auf Facebook"><div class="i-facebook"></div></a>

                        <a href="mailto: jazzorchestervorarlberg&#64;gmail.com"  target="_blank" title="Mail an das Jazzorchester Vorarlberg "><div class="i-mail"></div></a>

      				 </div>
          
            <div id="balken-top"></div>
     	 </div>

   </header>         
            
      
      
      <div id="my-content">
<div style="width:100%;float:left;text-align:center;padding:10px 0 10px 0;">

<div class="box-home-4">
   

   
<a href="projekte?var_jahr=2026&var_jump=1#55" title="ENCORE featuring Phoebe Violet Quartett">
   
   <img src="58?tid=bilder_projekte&amp;rid=55&amp;fn=bild_original&amp;typ=10&amp;sec=3894596fbf8f959c0e0c06828bf9bb5e&amp;exp=2461336x3758700x?tmp=24613363757600" alt="ENCORE featuring Phoebe Violet Quartett">
   
   </a>
   <div class="balken-image"></div>
</div>

<div class="box-home-4">
   

   
<a href="projekte?var_jahr=2026&var_jump=1#50" title="SOV meets JOV - Insomniac Dreams">
   
   <img src="58?tid=bilder_projekte&amp;rid=50&amp;fn=bild_original&amp;typ=10&amp;sec=e24b213e87301035bc3a8b505518d500&amp;exp=2461043x5946000x?tmp=24610435912000" alt="SOV meets JOV - Insomniac Dreams">
   
   </a>
   <div class="balken-image"></div>
</div>

<div class="box-home-4">
   

   
<a href="projekte?var_jahr=2025&var_jump=1#41" title="20 Jahre Jazzorchester Vorarlberg">
   
   <img src="58?tid=bilder_projekte&amp;rid=41&amp;fn=bild_original&amp;typ=10&amp;sec=86a6256ccbfa7dd4858a46e4ca21a409&amp;exp=2461043x5958800x?tmp=24610435948200" alt="20 Jahre Jazzorchester Vorarlberg">
   
   </a>
   <div class="balken-image"></div>
</div>

<div class="box-home-4">
   

   
<a href="projekte?var_jahr=2026&var_jump=1#54" title="SONUS VARIEGATA">
   
   <img src="58?tid=bilder_projekte&amp;rid=54&amp;fn=bild_original&amp;typ=10&amp;sec=5dcb0ff895de232e5660f689a3f180b7&amp;exp=2461043x5946000x?tmp=24610435908200" alt="SONUS VARIEGATA">
   
   </a>
   <div class="balken-image"></div>
</div>


</div>

<br class="cb">
<br>





<div style="position:relative">
<div>
   <h1 style="margin-bottom:8px">JAZZORCHESTER VORARLBERG <br>Künstlerische Leitung: Martin Eberle<br><br></h1>
   <b>KONZERTE 2026 <br>20 JAHRE JAZZORCHESTER VORARLBERG</b><br><br><b>Jazzorchester Vorarlberg meets Symphonieorchester Vorarlberg!</b><br>31. Januar - Montforthaus, Feldkirch<br>1. Februar - Festspielhaus, Bregenz<br><br>22. Februar: JOV feat. Orges & the Ockus Rockus Band, Porgy & Bess<br><br>25. März: Pyshics of Beauty, feat. Clemens Wenger & Ginaluca Monaco, Porgy & Bess<br><br>18. April: JOV feat: Peter Herbert, Porgy & Bess<br><br>17. Mai: Hermanology, feat. Gerd Hermann Ortler & Veronika Schick, Porgy & Bess<br><br>13. Juni: Encore, feat. Phoebe Violet Quartet, Porgy & Bess<br><br>12. September: 5/8terl in Ehr'n feat. JOV, Arena Open Air /Wien<br><br>29. Dezember: Encore, feat. Phoebe Violet Quartet, Spielboden Dornbirn<br><br>3. Jänner (2027): Encore, feat. Phoebe Violet Quartet, Porgy & Bess<br><br>
   </div> 
<div style="position:absolute;right:0;bottom:0px">
<a href="projekte " title="mehr Informationen" class="link-mehr">
 <div style="float:left;width:100%;">
mehr <img src="244" alt="mehr Icon" class="icon-more">
   </div>
</a>
</div>
   
   
</div>
</div>
   
   
   
            <div id="footer">
   
               
               
               
               
                      <div id="links-footer">
                 <a href="impressum" class="link-footer ">impressum</a> | <a href="datenschutz" class="link-footer  ">datenschutz</a><br>              
                   <div style="margin-top:4px">2026 © jazzorchester vorarlberg</div>
               </div>
               
               
               
                <div  id="copy-footer">
                    <div id="ske"><img src="274.svg" alt="SKE" > </div>
                <div id="bmi"><img src="275.svg" alt="Bundesministerium für Kultur, öffentlicher Dienst und Sport" > </div>
                 <div id="vorarlberg"><img src="276.svg" alt="Vorarlberg unser Land" > </div>
				   </div>
        
               
               
               
				<br class="cb">
               
  		
   
   				</div>

   
   
   
      
   </div>
   
      

  <br class=cb>
   </div>
      
 </div>
   
   

   
   
   
   
   
   
   
   
   


   

   
   

 
   
   
<div id="back-top"><a href="#sectiontop" style="text-decoration:none"><img src="252.svg" alt="icon top"></a></div> 
   
   
      <script>
      function resizeHeaderOnScroll() {
         const distanceY = window.pageYOffset || document.documentElement.scrollTop,
            shrinkOn = 30,
               headerEl = document.getElementById('js-header');
         
         if (distanceY > shrinkOn) {
            headerEl.classList.add("smaller-header");
            $(".closebtn").css("top","18px");

         } else {
            headerEl.classList.remove("smaller-header");
           $(".closebtn").css("top","58px");
         }
      }
      
      window.addEventListener('scroll', resizeHeaderOnScroll);
   </script>
   
   
   
   
<script>
function openNav() {
         $("body").addClass("nav-open");
    document.getElementById("myNav").style.height = "100%";
}

function closeNav() {
          $("body").removeClass("nav-open")
    document.getElementById("myNav").style.height = "0%";
}
</script>
    
<script>
$(window).resize(function(){  
   $('.closebtn').click();
})
</script>


 </body>
</html>;*/

}

.overlay .closebtn {
    position: absolute;
    top: 12px;
   right: 2.7%;
       font-size: 40px;
       font-size:3.9rem;
}





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

    
    
}




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


}
