/* Global */
 

@font-face {
   font-family: 'museo500';
    src: url('MuseoSansRounded-500-webfont.ttf');
    src: url('MuseoSansRounded-500-webfont.ttf#iefix') format('truetype'),
    url('MuseoSansRounded-500-webfont.woff') format('woff');
    font-weight: normal;
    font-style: normal;
}

@font-face {
   font-family: 'museo900';
    src: url('MuseoSansRounded-900-webfont.ttf');
    src: url('MuseoSansRounded-900-webfont.ttf#iefix') format('truetype'),
    url('MuseoSansRounded-900-webfont.woff') format('woff');
    font-weight: normal;
    font-style: normal;
}



body {
    font-family: 'museo500';
    font-size: 16px;
    font-weight: normal;
    color: #ffffff;
    background-color:#4ecdc4;
    -webkit-font-smoothing: subpixel-antialiased;

}

img {
	max-width: 100%;
}

.slide a{color:#3c3c3c;
letter-spacing: 0.0375em;
}

a {
	color: #3c3c3c;
    letter-spacing: 0.0375em;
	text-decoration: underline;
}

a:visited {
	color: #3c3c3c;
	text-decoration: underline;
}

a:hover {
    color: #555;
	text-decoration: underline;
}


/* Navigation */

#turndevice{display:none;}

.menu {
	width:100%; 
	height:auto; 
	z-index:100;
    font-family: 'museo500';
	font-size: 12px;
    letter-spacing: 0.1em;
}

#logo {
	margin: 5px 0 5px 0;
    width:50%;
    
}
#nav {
	text-align: center;
	margin: 5px 0 5px 0;
    width: 49%;
    
}
.navigation{
	float: right;
	list-style: none;
	margin: 0;
}
.navigation li{
	float:left;
	margin:0 20px 0 20px;
}
.navigation li:hover{
	cursor:pointer;
	color: #4ecdc4;
}

.navigation .active{
	cursor:pointer;
}

#nav a {
	color: #fff;
    letter-spacing: 0.0375em;
	text-decoration: none;
}

#nav a:visited {
	color: #fff;
	
}

#nav a:hover {
    color: #4ecdc4;
}


/* General Slides */ 

.slide{
	background-attachment: fixed;
	width:100%;
	position: relative;
	padding:0 0;
}

#bildlinks{
    height:650px;
    background-repeat: no-repeat;
    background-size: 100%;
    background-position: left bottom;
    margin-bottom: -10px;
}

#blanklinks{
min-height: 900px;
}

#textrechts{
padding-top:50px;
padding-bottom: 20px;
}

#blanktextrechts{
padding-top:20%;
padding-bottom: 20px;
height:auto;
}

#blanktextrechts a:link {
	color: #fff;
}

#blanktextrechts a:hover{
 color: #4ecdc4;   
}

#blanktextrechts a:visited {
	color: #fff;
}


h1 {
    font-family: 'museo900';
    font-weight: normal;
    font-size: 48px;
	color:#ffffff;
    margin:0;
    text-align: center;
}


h2 {
	font-family: 'museo900';
    font-weight: normal;
    font-size:30px;
    letter-spacing: 0.0070em;
    line-height: 36px;
	color:#ffffff;
    margin:0;
    padding:50px 0 10px 0;
}

h3 {
font-family: 'museo900';
font-size: 16px;
letter-spacing: 0.0375em;
line-height: 24px;
font-weight: normal;
}

h4 {
font-family: 'museo900';
font-size: 24px;
letter-spacing: 0.0375em;
font-weight: normal;
text-align: center;
}

.normaltext{
letter-spacing: 0.0375em;
line-height: 24px;
color: #ffffff;
}

ul {
    list-style-type: none;
    padding: 0px;
    margin: 0px;
    
}

ul li {
    background-image: url("../images/list2.png");
    background-repeat: no-repeat;
    background-position: 0px 10px;
    padding-left: 12px; 
}


#slide1 li{
background-image: url("../images/list.png");
}

#nav li {
    background-image: none;
}

/* Slide Intro */ 

#slideintro{	
background: url('../images/main1.jpg') no-repeat ;
background-attachment: fixed;
width:100%;
height:900px;
position: relative;
padding:0 0;
-webkit-background-size: cover;
-moz-background-size: cover;
-o-background-size: cover;
background-size: cover;
}

#slideintro h3{
text-align: center;
font-family: 'montserratlight';
font-size: 16px;
font-weight: normal;
letter-spacing: 0.0375em;
visibility: hidden;
}


#header1{
margin-top:300px;
    padding-bottom:100px;
width: auto; 
height: auto; 
}

#scrolldown{
background: url('../images/scrolldown.png') no-repeat center;
height:17px;
width:100%;
margin-top:200px;
}

#mobilkontakt{
display:none;
}


/* Slide 1  Dr. René Heppner*/ 

#slide1{
 min-height:650px;
background-color:#4ecdc4;
}

#slide1 #bildlinks{
    background-image: url('../images/conny_barbist.png');
    background-size:80%;
    margin-left: -165px;
    padding-right: 165px;
}

#slide1 #textrechts{
	padding-top:95px;
}

#slide1 h2{
color:#fff;
}

#slide1 h3{
color:#fff;
}

#slide1 .normaltext{
color:#fff;
}


/* Slide 2 */ 

#slide2{	
background: url('../images/main2.jpg') no-repeat ;
background-attachment: fixed;
width:100%;
height:auto;
position: relative;
-webkit-background-size: cover;
-moz-background-size: cover;
-o-background-size: cover;
background-size: cover;
}

#slide2 {
color:#3c3c3c;
}

#slide2 h2{
color:#3c3c3c;
}

#slide2 .normaltext{
    color:#3c3c3c;}
    

/* Slide 3 */ 

#slide3{
min-height:650px;   
background-color:#4ecdc4;
}


#slide3 #bildlinks{
    background-image: url('../images/scissor_boy.png');
    background-size:100%;
    margin-left: -165px;
    padding-right: 165px;
}

#slide3 {
color:#fff;
}

#slide3 h2{
color:#fff;
}

#slide3 .normaltext{
    color:#fff;}

#slide3 li{
background-image: url("../images/list.png");
}

/* Slide 4 */

#slide4{
background: url('../images/main3.jpg') no-repeat center center fixed;
height: auto;
background-position: 0px 0px;
background-color: #4ecdc4;
-webkit-background-size: cover;
-moz-background-size: cover;
-o-background-size: cover;
background-size: cover;
color: #3c3c3c;
}

#slide4 li:before{
content: "... ";
}

#slide4 li{
background-image: none;
}

#slide4 ul{
padding-left: 5px; text-indent: -18px;

}



/* Slide 5 */ 

#slide5 {
color:#3c3c3c;
background-color:#4ecdc4;
}


#slide5 #bildlinks{
background-image: url('../images/climbing_girl.png');
background-size:auto;
 margin-left: -30px;
    padding-right: 30px;
}

#slide5 #textrechts{
    margin-top:80px;
    margin-bottom:-80px;
}

#bergstationlogo
{
background-image: url('../images/bergstation_tirol_logo.png');
width: 328px;
height: 172px;
background-size:60%;
background-repeat: no-repeat;
margin-left: 28%;
margin-top:30px;
}

#slide5 h2{
color:#fff;
}

#slide5 .normaltext{
    color:#fff;}

/* Slide 6 */

#slide6{
background: url('../images/main4.jpg') no-repeat center center fixed;
height: auto;
background-color: #4ecdc4;
background-position: 0px 0px;
-webkit-background-size: cover;
-moz-background-size: cover;
-o-background-size: cover;
background-size: cover;
}

#slide6 {
color:#3c3c3c;
}
#slide6 h2{
color:#3c3c3c;}

#slide6 .normaltext{
color:#3c3c3c;}

/* Slide 7 */ 

#slide7 {
background-color:#4ecdc4;
color:#fff;
}

#slide7 #bildlinks{
background-image: url('../images/hektorlein.png');
background-size: 28%;
background-position: center;
}

#slide7 #textrechts{
    margin-top:120px;
}

#slide7 h2{
color:#fff;

}

#slide7 .normaltext{
    color:#fff;}

#slide7 a{
color:#fff;}

#slide7 h3{
color:#fff;
 font-family: 'museo900';
 font-size:24px;
 line-height: 0px;
}

/* Slide 9 - Footer */ 
#slide9{
background-color:#3c3c3c;
text-align: center;
padding: 10px 0 0 0;
margin-top: -15px;
    height: 50px;
}

#slide9 h3{
color:#fff;
font-size:12px;
letter-spacing: 0.1em;
}


#header{
width:100%; 
line-height:50px;
visibility:hidden;
}
    
.hamburger{
  background:none;
  position:fixed;
  top:0;
  right:0;
  line-height:45px;
  padding:0px 15px 0px 15px;
  color:#fff;
  border:0;
  font-size:1.4em;
  font-weight:bold;
  cursor:pointer;
  outline:none;
  z-index:10000000000000;
}
.cross{
  background:none;
  position:fixed;
  top:0px;
  right:0;
  padding:0px 15px 0px 15px;
  color:#fff;
  border:0;
  font-size:3em;
  line-height:65px;
  font-weight:bold;
  cursor:pointer;
  outline:none;
  z-index:10000000000000;
}


.hamburgermenu{z-index:1000000; font-weight:bold; font-size:0.8em; width:100%; background:#3c3c3c;  position:fixed; text-align:center;display:none;}
.hamburgermenu ul {margin: 0; padding: 0; list-style-type: none; list-style-image: none;}
.hamburgermenu li {display: block;   padding:15px 0 15px 0; border-bottom:#1d1f20 1px solid; background-image: none;}
.hamburgermenu li:hover{display: block;    background:#3c3c3c; padding:15px 0 15px 0; border-bottom:#1d1f20 1px solid;}
.hamburgermenu ul li a { text-decoration:none;  margin: 0px; color:#fff;}
.hamburgermenu ul li a:hover {  color: #fff; text-decoration:none;}
.hamburgermenu a{text-decoration:none; color:white;}
.hamburgermenu a:hover{text-decoration:none; color:white;}

.glyphicon-home{
  color:white; 
  font-size:1.5em; 
  margin-top:5px; 
  margin:0 auto;
}

.texter{
margin-top:5px;
}

#impressum { display:none;
background-color:#fff;
padding:50px;
width:50%;
overflow:scroll;
    height: auto;
    max-height:75vh;
    
}

#impressum .normaltext{
color:#3c3c3c;
    font-size: 16px;
    line-height: 1.5em;
}

#closebutton{
background-image: url(../images/close2.png);
background-repeat: no-repeat;
float:right;
background-size:100%;
width: 25px;
height:25px;
}



/* Tablet */
@media screen and (max-width: 1024px) {

#logo {
	margin: 10px 0 10px 0;
}
#nav {
	text-align: center;
	margin: 10px 0 10px 0;
}


#header1{
    margin-top:200px;
    margin-bottom:-90px;
}

#slideintro h1{
line-height: 1em;
}    
h1 {
	line-height: 1em;
}
h2 {
	line-height: 1em;
}
    
    h2{font-size: 2.5em;}
    
#slide5 #bildlinks{
background-size: 70%;
}

#slide5 #textrechts{   
padding-top:20px  
}
    
#slideintro{
        background-attachment: scroll !important;
background-position: -100px center !important;
}
    

#scrolldown{
margin-top:300px;
}

#slide1 #bildlinks{
background-size: 80%;
background-position: bottom;
padding-bottom: 34px;
}

#slide5 #bildlinks{
background-size: 120%;
background-position: top;
}

#slide2{
        background-attachment: scroll !important;
background-position: center center !important;
}

#slide4{
        background-attachment: scroll !important;
background-position: -330px center !important;
}
    
#slide6{
     background-attachment:inherit;
    background-attachment: scroll !important;
background-position: center center !important;
}

#impressum { 
    height:75vh;
}
    
}


/* Mobile */
@media screen and (max-width: 736px) {

#logo {
    display:none;
}
   
  
#header1{
    margin-top:150px;
  
    margin-bottom:-120px;
}

#slideintro{
    height: 568px;
}

#slideintro h3{
visibility: visible;
}


#mobilkontakt{
display:block;
    text-align: center;
    color: #fff;
    margin-top:70px;
}
    
    #scrolldown{
    margin-top:50px;
    }
    
#mobilkontakt a{
    color:#fff;
    }

    
h1{line-height:1em;}
    
h2{line-height: 1em;
font-size:1.5em;
}

#blanklinks{
    display:none;
} 

/*#blanktextrechts{
min-height:90vh;
}*/

.normaltext{
font-size:12px;
    line-height: 0.75em;
}
     
h1{font-size: 2.3em;}
    
#bildlinks{
height:200px;
padding:10px 0 10px 0;
}

#slide1 #bildlinks{
background-size:contain;
    height:250px;
      margin-bottom: -50px;
    margin-top: 20px;
    background-position: center;
}        

#slide3 #bildlinks{
background-size:contain;
    height:250px;
      margin-bottom: 50px;
    margin-top: 20px;
    background-position: center;
}        


#slide4 ul{
padding-left: 0px; text-indent: -12px;
}

#slide5 #bildlinks{
	background-size:contain;
    height:250px;
    margin-bottom: -50px;
    margin-top: 20px;
    padding-left:20%;
    background-position: center;
}        

#slide7 #bildlinks{
	background-size:contain;
    height:250px;
    margin-top:20px;
    margin-bottom: 20px;
}


#bergstationlogo
{
margin-left: 15%;
}

#slideintro  {
     background-attachment: scroll !important;
background-position: -100px center !important;
}
    
#slide2{
    height:600px;
    background-attachment: scroll !important;
background-position: center center !important;
}

#slide4{

    height:auto;
    min-height: 600px;
    background-attachment: scroll !important;
background-position: -50px center !important;
}
    
#slide6{
    height:600px;
    background-attachment: scroll !important;
    background-position: center center !important;
}






.texter .normaltext{
 line-height: 1em;   
}

#textrechts{
    padding-top:0;
}
    
h2 {
    padding:10px 0 10px 0;
}

#slide7 #textrechts{
    margin-top:0;
}
    
  #header{
 visibility:visible;
  }

.menu{
display:none;    
    
    }
    
#impressum { 
    height:50vh;
    width:200px;
    padding: 10px;
   
}

    #impressum .normaltext{
     font-size: 10px;
    line-height: 1.5em;
    }
    

    ul{
    font-size: 12px;
    letter-spacing: 0.0375em;
        line-height: 1.5em;
    }
    
    ul li {
 
    background-repeat: no-repeat;
    background-position: 0px 6px;
    padding-left: 13px; 
    }
    
    
    #slide1 h2{
    margin-top:10px;
    }    
}

.absatz ul {
list-style-type : none;
padding : 0;
margin : 0;
}
.absatz li {
      background-image: none;
padding-left : 13px;
text-indent : -13px;
}
.absatz li > * {
text-indent : -13px;
}

p {
line-height: 1.5em;
}
/* Self */

#sizer{max-height:900px;
    width:100%;
    float:left;
}



/*div{border: solid red 1px;}*/

/* Animation Pfeil */
#scrolldown{
  animation: animationFrames ease-in-out 2s;
  animation-iteration-count: infinite;
  transform-origin: 50% 50%;
  -webkit-animation: animationFrames ease-in-out 2s;
  -webkit-animation-iteration-count: infinite;
  -webkit-transform-origin: 50% 50%;
  -moz-animation: animationFrames ease-in-out 2s;
  -moz-animation-iteration-count: infinite;
  -moz-transform-origin: 50% 50%;
  -o-animation: animationFrames ease-in-out 2s;
  -o-animation-iteration-count: infinite;
  -o-transform-origin: 50% 50%;
  -ms-animation: animationFrames ease-in-out 2s;
  -ms-animation-iteration-count: infinite;
  -ms-transform-origin: 50% 50%;
}

@keyframes animationFrames{
  0% {
    transform:  translate(0px,0px)  ;
  }
  50% {
    transform:  translate(0px,10px)  ;
  }
  100% {
    transform:  translate(0px,0px)  ;
  }
}

@-moz-keyframes animationFrames{
  0% {
    -moz-transform:  translate(0px,0px)  ;
  }
  50% {
    -moz-transform:  translate(0px,10px)  ;
  }
  100% {
    -moz-transform:  translate(0px,0px)  ;
  }
}

@-webkit-keyframes animationFrames {
  0% {
    -webkit-transform:  translate(0px,0px)  ;
  }
  50% {
    -webkit-transform:  translate(0px,10px)  ;
  }
  100% {
    -webkit-transform:  translate(0px,0px)  ;
  }
}

@-o-keyframes animationFrames {
  0% {
    -o-transform:  translate(0px,0px)  ;
  }
  50% {
    -o-transform:  translate(0px,10px)  ;
  }
  100% {
    -o-transform:  translate(0px,0px)  ;
  }
}

@-ms-keyframes animationFrames {
  0% {
    -ms-transform:  translate(0px,0px)  ;
  }
  50% {
    -ms-transform:  translate(0px,10px)  ;
  }
  100% {
    -ms-transform:  translate(0px,0px)  ;
  }
}

/* Mobile Quer*/
@media screen and (max-width: 736px) and (orientation : landscape)  {
    div{display: none;}
    #turndevice{display:inherit;
     width: 75%;position: fixed;left: 50%;top: 60%;margin: -20% 0 0 -37.5%;
        font-size: 30px;
        text-align: center;
       
    }
    body{
     background-color:#3c3c3c;
    }
    
}

/* Localized */