html{font-size:16px;}

body{
font-family: 'Montserrat', sans-serif,Arial;
font-weight:400;
   font-size: 15px;
	line-height:21px;
	font-size:  0.9375rem; 
	line-height:1.313rem;
	margin:0;
    padding:0;
    letter-spacing:0.001rem;
   -webkit-text-size-adjust: 100%;
   color:#161616;
   background-color:#f5f5f5 !important;
}


.mybutton{
border:1px solid #888;
cursor:grab !important;
}


#ske{
float:right;
width:50px;
margin-left:15px;
}

#bmi{
float:right;
width:160px;
margin:4px 0 0 10px;
}

 #vorarlberg{
float:right;
width:120px;

}

.jumper{
width:100%;
float:left;
height:1px;
padding-top:-35px
}

.footer-active{
    color: #bebebe !important;

}

.balken-image{
width:100%;
margin-top:3px;
height:8px;
background-color:#1b1b1b;

}


.box-home-3{
padding:0 2.5% 0 2.5%;
margin:0 auto;
width:25%;
display:inline-block;
}

.box-home-4{
padding:0 1.8% 0 1.8%;
margin:0 auto;
width:20%;
display:inline-block;
}


.album-info{
position: absolute;
right:0;
top:-8%;
width:48%;
height:100%;
display:flex;
flex-direction:column;
justify-content:center

}

#icon-cont{
position:absolute;
bottom:34px;
right:0;
}


.i-mail,.i-facebook,.i-tube,.i-instagram{
width:49px;
height:49px;
background-size: 49px;
background-repeat: no-repeat;   
margin:0  0 0 20px;
float:right;
}


.icon-image{
width:33px;
float:left;
margin:-6px 7px 0 -1px
}
   
   
   .icon-more{
width:17px;
float:right;
margin:4px 5px 0 2px
}

   
   .link-mehr{
 font-weight:600;
 
  font-size: 20px;
	line-height:24px;
	font-size: 1.25em; 
	line-height:1.5rem;
   }
   
   
   
   
   .link-icon{
 font-weight:600;
 font-size: 16px;
	line-height:22px;
	font-size:  1.0rem; 
	line-height:1.375rem;
 
   }



.i-mail{
  background-image:url(206.svg);
}

.i-mail:hover{
background-image:url(236.svg);
}

.i-instagram{
  background-image:url(277.svg);
}

.i-instagram:hover{
background-image:url(278.svg);
}



.i-facebook{
  background-image:url(197.svg);
}

.i-facebook:hover{
background-image:url(234.svg);
}



.i-tube{
  background-image:url(205.svg);
}

.i-tube:hover{
background-image:url(235.svg);
}



#desktop-nav {
width:123px;
   display:inline-block;
position:absolute;
top:2px;
right:0;
padding: 0;
margin: 0;
}


#logo{
	float:left;
   padding:0px 0 0px 0;
}


#s-year{
position:absolute;
left:0;
bottom:36px;
z-index:999

}

#js-header {

}



.image-50{
width:50%;
margin-left:5%;
margin-bottom:15px;
float:right
}


#header-cont{
width:100.1%;
height:163px;
position:relative;
background-color:#fff
/*
top:0;
position:sticky;
    position: -webkit-sticky;
  position: -moz-sticky;
  position: -ms-sticky;
  position: -o-sticky;
  
z-index:99
*/
;

}






#balken-top{
height:21px;
background-color:#1b1b1b;
width:100%;
position:absolute;
bottom:0
}



#my-content{
width:100%;
margin-top:25px;
position:relative;
padding-top:0px;
min-height:400px;
overflow:hidden;

}



#footer{
 font-size: 13px;
	line-height:18px;
	font-size:  0.8125rem; 
	line-height:1.125rem;
color:#1b1b1b;
margin-top:30px ;
padding:10px 0 30px 0;
border-top:21px solid #1b1b1b;
}

.link-footer{
 font-size: 14px;
	line-height:18px;
	font-size:  0.875rem; 
	line-height:1.125rem;
color:#1b1b1b;

}

#links-footer{
float:right;
text-align:right
}

#copy-footer{
float:left
}

#col-cont{
 width:67%;
   float:right;
   position:relative;
}

#col-logo{
margin-top:28px;
   width:327px;
   float:left;
   position:fixed;
}



.top-level-menu
{
    list-style: none;
    padding: 0;
   margin: 0 auto; 
   width:auto;
   display:inline-block;


}

.top-level-menu > li
{
    position: relative;
 
   text-align:left;



   
   
}


.level0,.level0-active{
font-family: 'Karla', sans-serif;
   color:#1b1b1b; 
     font-size: 20px;
line-height:26px;
font-size:1.25rem; 
   line-height:1.625rem;
    font-weight:800;
    color:#1b1b1b;
      transition: 0.15s all ease;

}


.level0:hover{
   text-decoration:none;
 color:#888;
margin-left:5px;
  transition: 0.15s all ease;



}


.level0-active {
 color:#888;
 margin-left:5px

}


.level0-active:hover {
   text-decoration:none;
 color:#888;
}






b{font-weight:700}




.line-eintrag{
border-bottom:21px solid #1b1b1b;
margin:25px 0 25px 0;
width:100%;
float:left;
}




ol.mylist {
margin:0em;
display:block;
padding:0em;
margin-left: 1.25em;
}


ol.mylist li{
  margin:0em;
padding:0 0 3px 10px;
color:#1b1b1b;
  list-style-type:decimal;

}



}


#sidebar-container{
display:none;
}

.col-60{
   width:62%;
   float:left
}

.col-30{
   width:32%;
   float:right
}







br.cb { 
   clear: both; 
}



#formular-response{
   display:none;
     -moz-border-radius:5px;
	-webkit-border-radius:5px;
   border-radius:5px;
   padding:10px 15px 10px 15px;
   background-color:#edeeec
}


a:focus{
   outline: 0;
   outline: none;
   text-decoration:none;
}


:focus{
   outline: 0;
   outline: none;
   text-decoration:none;
}


::placeholder { /* Chrome, Firefox, Opera, Safari 10.1+ */
    color: #999;
    opacity: 1; /* Firefox */
}

:-ms-input-placeholder { /* Internet Explorer 10-11 */
    color: #999;
}

::-ms-input-placeholder { /* Microsoft Edge */
    color: #999;
}


a{
 color:#161616;
font-family: 'Karla', sans-serif;
    text-decoration:none !important;
    font-size: 16px;
	line-height:22px;
	font-size:  1.0rem; 
	line-height:1.375rem;
    


}



a:hover{
text-decoration:none;
}

a:focus {
   outline: 0;
   outline: none;
   border:0;
   text-decoration:none;
}










.col-60{
   width:62%;
   float:left
}

.col-30{
   width:32%;
   float:right
}


.col-70{
   width:75%;
   float:left
}

.col-25{
   width:20%;
   float:right
}



.col-50,.col-50-album{
   width:47%;
   float:left
}

.col-50-right,.col-50-album-right{
   width:45%;
   float:right
}

#logo-mobile{display:none}


#sidebar-container{
   position:absolute;
   right:-2px;
   top:12px;
   z-index:99;
   width:35px;
   height:35px;
   display:none
}




#page-center{
   width:1180px;
   margin:0 auto;
 
   background-color:#fff 
}


#full-page{
   width:1100px;
   margin:0 auto;
   background-color:#fff !impoartant;
}






h1,.consent-titel{
  color: #1b1b1b;
  font-size: 23px;
  line-height: 28px;
  font-size:   1.438rem;
  line-height: 1.75rem;
  margin: 0px;
  font-weight: 600;
  margin-bottom:-7px

}

h2{
  color: #1b1b1b;
  font-size: 16px;
  line-height: 26px;
  font-size:  1.0rem;
  line-height: 1.625rem;
  margin: 0px;
  font-weight: 600;
}

 .quelle-presse{
  color: #1b1b1b;
  margin: 0px;
  font-weight: 600;
  margin-bottom:5px;
  hyphens: auto;
}





#back-top {
    right: 10px;
    bottom: 300px;
    top: auto;
    position: fixed;
    text-decoration:none;
    cursor: pointer;
   filter: alphƒopacity=50);
  -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=70)";
filter: alpha(opacity=50);
 -moz-opacity: 0.5;
  -khtml-opacity: 0.5;
  opacity: 0.5
    z-index:99;
}

#back-top a {
   color: #1b1b1b !important;
   font-size: 30px;
   font-size: 1.8rem;
   line-height: 1.5rem;
   text-align: center;
   display: block;
   font-weight: 300;
   -webkit-transition: 1s;
   -moz-transition: 1s;
   transition: 1s;
   width: 30px;
  height: 30px;
   padding:1px 0 0 2px;
 -moz-border-radius:5px;
	-webkit-border-radius:5px;
   border-radius:5px;
  border:2px solid #1b1b1b;
}


img {
   width:100%;
   max-width: 100%;
   width: auto\9; /* ie8 */
   display:block;
   margin:0;
   padding:0;
   height: auto;
   border:0;
   border: none;

}

.videoScale {
   position: relative;
   padding-bottom: 56.25%; /* 16:9 */
   padding-top: 25px;
   height: 0;
}
.videoScale iframe {
  position: absolute;
   top: 0;
   left: 0;
   width: 100%;
   height: 100%;
}




input, textarea{
    background-color:#edeeec;
   border:0;
   border:none;
   color: #333;
   padding:4px;
   margin-bottom:4px;
	-moz-border-radius:5px;
	-webkit-border-radius:5px;
	border-radius:5px;
 
}






@media screen and (max-width:1200px) {
#full-page{width:94%}

    #page-center{width:100%;}
#col-cont{width:67%;}
     
}




@media screen and (max-width:1160px) {
  #col-cont{width:66%;}

#header-cont{width:100.3%;}
     
}

@media screen and (max-width:1110px) {
  #col-cont{width:64.0%;}

.col-50-album{
   width:100%;
   float:left
}

.col-50-album-right{
   width:100%;
   float:left;
     margin-top:25px;
 
}

.album-info{
position:relative;
width:100%;
float:left;
}


     
}
@media screen and (max-width:1055px) {
    #col-cont{width:62%;}

     
}







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

#desktop-nav {
    width: 108px;
    margin-top:-2px
    }




#header-cont {height:150px}

#col-cont{
 width:64%;
}

#col-logo{
   width:290px
}




.level0,.level0-active{
     font-size: 18px;
line-height:24px;
font-size:1.125rem; 
   line-height:1.5rem;
}




.i-mail,.i-facebook,.i-tube,.i-instagram{
width:44px;
height:44px;
background-size: 44px;
margin:0  0 0 14px;
}



}









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

#col-cont{
 width:63%;
}


#ske{
width:40px;
margin-left:10px;
}

#bmi{
width:150px;
margin-left:5px;
}

 #vorarlberg{

width:105px;

}


}


@media screen and (max-width:900px) {
#ske{
width:50px;
margin-left:15px;
}

#bmi{

width:160px;
margin-left:10px;
}

 #vorarlberg{
width:120px;

}

.jumper{

width:100%;
height:1px;
}



#back-top{opacity:0}

h1{
  font-size: 22px;
  line-height: 28px;
  font-size:  1.375rem;
  line-height: 1.75rem;

  margin-bottom:-8px;
}







.col-50-album{
   width:47%;
   float:left
}

.col-50-album-right{
   width:45%;
   float:right
}

.album-info{
position: absolute;
right:0;
top:-8%;
width:48%;
height:100%;
display:flex;
flex-direction:column;
justify-content:center

}

.balken-image{
height:10px;
}

body{

   background-color:#fff !important;
   }



#my-content {
padding-top:160px;
}




#js-header {
 position: fixed;
    width: 94%;
    z-index:999;
}


#header-cont{width:100.0%}



header.smaller-header #header-cont{
	height: 85px;
}

header.smaller-header #icon-cont{
	display:none;
}

header.smaller-header #logo-mobile{
width:65px;
top:8px;
}

header.smaller-header #s-year{
bottom:35px;
}


header.smaller-header #sidebar-container{
bottom:32px;
}







#logo-mobile{
display:block;
width:136px;
position:absolute;
top:12px;
transition: all 0.3s ease;

}


#sidebar-container{
display:block;
}

#footer{
border-top:15px solid #1b1b1b;
}



#balken-top{
height:15px;
}


#header-cont {
height:156px

}



.line-eintrag{
border-bottom:15px solid #1b1b1b;}



.line-eintrag{
border-bottom:15px solid #1b1b1b;}

#col-cont{
 width:100%;
 
}

#col-logo{
   display:none;
}

#s-year{
right:70px;
bottom:32px;
left:auto;
font-weight:bold;
}


.i-mail,.i-facebook,.i-tube,.i-instagram{
width:40px;
height:40px;
background-size: 40px;
margin:0  0 0 12px;
}




#icon-cont {
    position: absolute;
    top: 10px;
    right: 50px;
}




}




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



h1{margin-bottom:-8px}

.col-50-album{
   width:100%;
   float:left
}

.col-50-album-right{
   width:100%;
   float:left;
 
}

.album-info{

position:relative;
width:100%;
float:left;
}



.balken-image{
height:8px;
margin-top:4px
}

#my-content {
padding-top:110px;
}



header.smaller-header #header-cont{
	height: 67px;
}

header.smaller-header #icon-cont{
	display:none;
}

header.smaller-header #logo-mobile{
width:46px;
top:8px;
}

header.smaller-header #s-year{
bottom:25px;
}


header.smaller-header #sidebar-container{
bottom:22px;
}



#logo-mobile{
width:94px;
top:12px;

}



#footer{
border-top:12px solid #1b1b1b;
}




#balken-top{
height:12px;
}


#header-cont {

height:114px}


.line-eintrag{
border-bottom:12px solid #1b1b1b;}


.i-mail,.i-facebook,.i-tube,.i-instagram{
width:34px;
height:34px;
background-size: 34px;
margin:0  0 0 5px;
}




#icon-cont {
    position: absolute;
    top: 12px;
    right: 48px;
}


#sidebar-container {
 bottom: 21px;
    
    }

#s-year{
right:64px;
left:auto;
bottom: 24px;
}


    
       
 body{

   font-size: 16px;
	line-height:22px;
	font-size:  1.0rem; 
	line-height:1.375rem;}
 
    
    }
    
    
    
@media screen and (max-width:650px) {

#footer{text-align:center}

#links-footer{width:100%;text-align:center;margin:0 0 15px 0}


#copy-footer{display:inline-block;text-align:center;margin:0 auto;float:none}

}


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


       
 body{

   font-size: 17px;
	line-height:22px;
	font-size:  1.063rem; 
	line-height:1.375rem;}
 
    
    
    
.col-60{
   width:100%;
}

.col-30{
   width:100%;
   float:left;
}

}



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


#ske{
width:40px;

}

#bmi{
width:150px;

}

 #vorarlberg{

width:105px;

}
    

.videoScale {   padding-bottom: 50.50%; }

}




