/*


INFO:::

* Definition in styles_nagivation.css enthalten für Schriftart etc..


                                                                                                                                        
*/

.content-container {
    /* Nochmals Gesamter Block für Linkes und Rechtes DIV im Header/NAV*/
    margin: 0 auto;
    max-width: 1200px;
    /*min-width: 900px;*/
    overflow: hidden;
    padding: 0px 20px;
    background: #fff;
}


.content-container-maxWidth95 {
    /* Nochmals Gesamter Block für Linkes und Rechtes DIV im Header/NAV*/
    margin: 0 auto;
    min-width: 95%;
    width:95%
    max-width: 95%;
    /*min-width: 900px;*/
    overflow: hidden;
    padding: 0px 20px;
    background: #fff;
}

.content-container-maxWidth100 {
    /* Nochmals Gesamter Block für Linkes und Rechtes DIV im Header/NAV*/
    margin: 0 auto;
    min-width: 100%;
    width:100%
    max-width: 100%;    
    overflow: hidden;
    padding: 0px 20px;
    background: #fff;
}

.content-container-mobile45 {

  height:100%; 
  min-height:100%; 

}

.content-container-mobile55 {

  height:100%; 
  min-height:100%;      

}

.content-container-mobile45-max {

  width:45%;
  height:100%; 
  min-height:100%; 
  padding-left:20px;

}

.content-container-mobile55-min {

  width:55%;
  height:100%; 
  min-height:100%;
  box-sizing:border-box;
  padding-left: calc((55% / 100) * 10 );

}


.content-header {

    padding: 1em 0;
    overflow: auto;  
    left: 0px;        
    top: 80px;
    position: fixed;
    z-index: 9999;    

}

.topImageIndex {
  
  background: url("../Image/Index/content_top.JPG") fixed repeat;      
  background-size: contain; /*cover; /* cover contain*/ 
  
  /*
    **** HINWEIS:: Wird per media Screen noch verändert
  */

}


ul.liste {
     margin: 0px;
     /*padding: 2px;*/
     list-style-type: disc;    
     padding:1em 2em 1em 2em;      
}


li.liste {     
     margin: 0px;
     /*padding: 2px;*/
     list-style-type: disc;
}


li.menue {
     list-style: none;
     display: inline-block;
     margin: 0px;
     /*padding: 2px;*/
     list-style-type: none; /* ohne Aufz?hlungspunkte */
     text-align: top;   
     padding:5px 6px 5px 6px;  
}

li.menue2 {
     list-style: none;
     display: inline-block;
     margin: 0px;
     /*padding: 2px;*/
     list-style-type: disc; /* ohne Aufz?hlungspunkte */
     text-align: top;   
     padding:5px 6px 5px 6px;  
}

li.menue3 {
     list-style: none;
     display: inline-block;
     margin: 0px;
     /*padding: 2px;*/
     list-style-type: disc; /* ohne Aufz?hlungspunkte */
     text-align: top;   
     padding:2px 3px 2px 3px;  
}


li.menueAktiv {  
    /*border-bottom: 3px solid #848484;*/ 
    background:#DADFE2;
    display: inline-block;
    border-radius: .3rem;
    border: 1px solid #DADFE2;
    outline: 0; 
   	box-sizing: content-box; 
    padding:5px 10px 5px 10px;   
}


a.menue {
    color: black;
    text-decoration: none;
}    
   
a.menue:hover {
    font-weight: normal;  
    border-bottom: 2px solid #DADFE2;    
    border-radius: 2px;
    color: #DADFE2;           
    /*text-decoration: underline;
    text-decoration-style: solid;*/
     
}  
           
   
a.menueAktiv {
    font-weight: 600;
    color:black;  
    /*border-bottom: 3px solid #848484;*/ 
    text-decoration: none;
}
   
a.menueAktiv:hover {
    /*font-weight: 600;
    color:#848484;  
    border-bottom: 3px solid #848484;*/                  
}  
 
a.impressum {
           font-size:14px;
           text-decoration: none;   
           color: #8c857e;
}    
   
a.impressum:hover {
    font-weight: normal;  
    color: #8c857e;          
    text-decoration: underline;
    /*text-decoration-style: solid;*/     
}

a.link {  
  color:blue;
  cursor:pointer;
  text-decoration:none;
}

a.link:hover {  
  color:blue;
  cursor:pointer;
  text-decoration:underline;
}

p.normal {
   color:black; /*#415161*/    
   text-align:left;
}

p {
  white-space:pre-line;  
}


span.link {  
  color:blue;
  cursor:pointer;
}

span.link:hover {  
  color:blue;
  cursor:pointer;
  text-decoration:underline;
}

span.link2 {  
  color:blue;
  cursor:pointer;
  line-height:2;
}

span.link2:hover {  
  color:blue;
  cursor:pointer;
  text-decoration:underline;
}



h1.mobile {
  
  max-width:600px;

}


  .image50JahreRRV {
   width:680px;
   max-width:680px;      
 } 


/*


SCHRIFTEN 
  
  
*/

.font_Normal {
  
    font-family:Trebuchet MS,"Open Sans", sans-serif, Tahoma;
    font-size: 16px;
    line-height: 20px;
    font-weight: 400;

}
   
   
.font_a {
  
    font-family:Trebuchet MS,"Open Sans", sans-serif, Tahoma;
    font-size: 16px;
    line-height: 20px;
    font-weight: 400;

}

.flex1 {

     display: flex; 
     justify-content: flex-start; 
     background-color:white; 
     flex-direction: row;

}




div.erstesElement-luft-mobile {
   min-height:80px; 
   height:80px;
   max-height:80px;   
} 





/*

MEDIA-SCREEN

*/


@media screen and (max-height:699px) { /* greift scheinbar beim ipad */

 .content-container-small { 
  position:relative;
  top:60px; 
 }      
 

} 


@media screen and (min-height:700px) {

 .content-container-small { 
  position:relative;
  top:40px; 
 } 


}



@media screen and (max-width:749px) { /** IPHONE **/

 .topImageIndex {
   /*min-height:198px;
   height:198px;*/
   max-height:250px;
   min-width:100%;
   /*width:100%;
   max-width:100%;*/
   background-size: cover; /* cover contain*/
   top:0px;     
   background: url("../Image/Index/content_top_mobilephone.JPG") no-repeat; 
 }         
 
 .nav-image-left {
  position:relative;
  left:-20px;
  top:2px;
 }
 
  .image50JahreRRV {
   max-height:198px;
   min-width:250px;
   width:250px;
   max-width:250px;      
 } 
 
  #erstesElement {
  max-height:200px;
  height:200px;
  min-height:200px;
 }  
      
 .content-container-small {
   position:relative;
   top:0px;
   min-height:450px;
 }
 
 div.erstesElement-luft-mobile {
   min-height:1px;
   height:1px; 
   max-height:1px;   
 } 
 
 .flex1 { 
     flex-direction: column;  
 }   
 
 
 div.verein {
   position:relative;
   top:33px;
 }   
 
 div.content-container-small-impressum {
   position:relative;
   top:33px;
 }   
 
  div.index-reiten {
   margin-top:2rem;
 }  
 
 
 h1.mobile {
  
  max-width:300px;

}
 
 
}



@media screen and (min-width:750px) { /* Umschalten auf normale darstellung 2 reihige navigation, bspw. ab Tablet */

 .content-container-mobile45 {  
   float:left;
   width:35%;  
 }
 
  .content-container-mobile55 {  
   float:right;
   width:65%;  
 }     
 
 .content-container-small {
  min-height:400px;
 }         
 
  #erstesElement {
  max-height:380px;
  height:380px;
  min-height:380px;
 }  
 
 div.verein {
   position:relative;     
   max-width:1600px;
   top:99px;
 }      
 
 div.content-container-small-impressum {
   position:relative;
   top:109px;
 }
 
 div.index-reiten {
   margin-top:6rem;
 } 
 
}





@media screen and (min-width:1000px) { /* Umschalten auf normale darstellung 2 reihige navigation, > tablet */

 .content-container-mobile45 {  
   float:left;
   width:48%;  
 }
 
  .content-container-mobile55 {  
   float:right;
   width:52%;  
 }
 
 .content-container-mobile45-max {  
   float:left;   
   max-width:48%;
   padding-left: 10px;     
 }
 
  .content-container-mobile55-min {  
   float:right;
   min-width:52%;
   width:52%; 
   padding-left: calc((52% / 100) * 10 ); 
 }              
  
 .content-container-small {
  min-height:480px; /* bissel höher wegen ipad ! */        
 }               
 
 p.normal {
  /*color:red;*/
 }  
 

 
 
}


@media screen and (min-width:1200px) {

 .topimageVolti {
   min-height: 480px;
   height: 480px; 
   max-height: 480px;   
   background: url("../Volti/Image/index_content_top.jpg") fixed no-repeat;      
   background-size: contain; /*cover; /* cover contain*/ 
   
 }   
 
  #erstesElement {
  max-height:480px;
  height:480px;
  min-height:480px;
 }   
 
 .content-container-small {
  min-height:400px;
 }   
 
 
 
}


@media screen and (min-width:1300px) {

  
 
}

@media screen and (min-width:1600px) {

 .topimageVolti {
   min-height: 500px; 
   height: 500px; 
   max-height: 500px;
   background: url("../Volti/Image/index_content_top.jpg") fixed repeat;      
   background-size: contain; /*cover; /* cover contain*/   
 }
 
  #erstesElement {
  max-height:500px;
  height:500px;
  min-height:500px;
 }   
 
}