/* CSS Dokument */

* {
  margin: 0;
  padding: 0;
}
body, article{
  /*background-color: #f6E7E2;*/
  font-family:Verdana, Arial, sans-serif ;
  font-size:11pt;
  font-weight:normal;
  width:100%;
  height:100%;
  max-width:1200px;
  margin:0 auto;
    overflow: hidden;

}
ul, ol, dl {
  padding: 0;
  margin: 0;
}

li {
  list-style-type: none;

}



h1 {
  font-size:2.5em;
  font-family: Times, serif;
  color: #990000;  
  font-weight:normal;  
}


h2 {
  font-size:1.5em;
  font-family: Times, serif;
  color: #990000;
  font-weight: bold;  

}


h3 {
  font-size:1.5em;
  font-family: Times, serif;
  color: #990000;
  font-weight: bold;  
  padding-top:15px;
  line-height:0em;  
  text-align:right;
}
h4 {
  font-size:2.2em;
  line-height:2.3em;  
  font-family: Times, serif;
  color: #990000;

}


p {
   padding-top: 0.5em;
  font-size:1.1em;
  color: #000;
  line-height: 1.3em;
}



/* header */
header
{
  position: relative;
  width:100%;
  height:250px;
  /*background-color: brown;*/
}

#headbild_links {
  position:absolute;
  opacity: 0.5;
  z-index:-20;
  left:0px;
  top:0px;
  width:275px;
  height:250px;
  background: #7b0b23;
}
#headerbild {
    position: absolute;
    left: 0px;
    top:0px;
    width:275px;
  height:300px;
    z-index:00;
    
}
#sterne {
  position: absolute;
  z-index:1000;
  float: right;
  left:25px;
  top:15px;
  width:190px;
  height:100px;
  opacity:0.7;
  background-image:url("../loewen/grafik/g_3stern_gold.jpg");
  background-size:150px;
  background-repeat: no-repeat;

}

#weinlaub_bild {
  position: relative;
  z-index:10;
  float: right;
  left:0px;
  width:100%;
  height:300px;
  background-image:url("l../oewen/grafik/weinlaub_bild_klein.png");
  background-repeat: no-repeat;
}

#weintrauben-links-oben {
  z-index:20;
  left:50px;

  background-image:url("../loewen/grafik/weintrauben_klein.png");
  position: absolute;
    float: right;
  width:100%;
  height:100%;
     max-height: 150px;

  background-repeat: no-repeat;
}

#logo {
  z-index:30;
  top:75px;
  left:20px;
background-image:url("../loewen/grafik/logo-slogan_lowen.png");
 position: relative;
  width:100%;
  height:100%;
    max-height: 150px;

  background-repeat: no-repeat;
    /*background-color: deeppink;*/
}




/* Navigation */


nav {
  position: relative;
  top:20px;
  font-family: Times, serif;
  font-size:1.15em;
  line-height: 0.5em;
  z-index:18;
  height:auto;
  max-width:200px;

}

#subnav {
  position: relative;
  top:25px;  
  font-family: Times, serif;
  z-index:18;
  left:10px;
  font-size: 1.05em;
  line-height: 0.5em;
  height: auto;
  max-width:190px;

}

nav ul {  
  padding: 0px;
  float:left;
}

#subnav ul {
  padding: 0px;
  float:left;
}

nav li {  
  background: #7b0b23;
  margin: 0px;  
  padding: 0px;
  float:left;
  width: 180px;
  height: auto;
  background: #7b0b23;
  opacity: 0.8;
  margin-bottom: 5px;
  padding: 5px 0px 3px 0px;
  text-align: center;
}

#subnav li {
  margin: 0px;  
  padding: 0px;
  float:left;
  width:160px;
  height: auto;
  background: #ad3549;
  opacity: 0.8;
  margin-bottom: 5px;
  padding: 5px 0px 3px 0px;
  text-align: center;
}
nav  li:hover{
  background: #eabeb7;

}

nav li a {
  text-decoration: none;
  color: white;
  text-align: center;
  line-height: 1.4em;
  /*font-weight: bold;*/
}

nav li a:hover {
  color: black;
  text-decoration: none;
}



#subnav li:hover{
  background: #eabeb7;
}

#subnav li a {
  text-decoration: none;
  color: white;
  text-align: center;
  line-height: 1.4em;
}

#subnav li a:hover {
  color: black;
  text-decoration: none;
    
}


/* Inhalt*/

article {
  position:absolute;
  width:100%;
  padding:0;
  margin:0 auto;
}

section {
  position: relative;
  width:100%;
  max-width:1200px;
  height:100%;
  z-index: 0;
  /*background-color: aqua;*/
}
#content {
  position: fixed;
  height: auto;
  background-color: rgba(255,255,255,0.6);
	
  overflow-y: auto;
  padding: 0 15px 15px 25px;
  /*max-width: 930px;*/
  margin-right: 100px;
  bottom: 120px;
  margin-left: 270px;  
  height:auto;   
  max-height:40%;   
  max-width:890px;
}


#kontakt {
  width:auto;
  height:auto;


}
#kontakt p {
  padding:6px 0px 1px 0px;
}

#spalte1 {
  width: 47%;
  float:left;
}
#spalte2 {
  float:right;
  width: 47%;

}


/* Footer */

footer {
  position: fixed;
  bottom: 0px;
  width:100%;
  min-height: 70px;
  opacity: 0.8;
  background: #7b0b23;
    max-width:1200px;
  
}

.footerLink {
  color: #ffffff;
  text-decoration: underline;
}

.footerLink:hover {
  color: #442125;
  text-decoration: none;
}

#footerText {
  position:relative;
  z-index:130;
  max-width:900px;
  padding-top: 15px;
  left: 120px;
  float: left;
}
#footerText p {
  color: #fff;
  font-size: 0.9em;
  line-height: 1.5em;
}
#wappen {
  position:absolute;
  z-index:110;
  bottom:0px;
  left:150px;
  width:135px;
  height:150px;
  background-image:url("../loewen/grafik/wappen_klein.png");
  background-repeat: no-repeat;
}

#weinlaub_footer {
  position:absolute;
  bottom: 0px;
  z-index:100;
  left:980px;
  width:150px;
  height:100px;
  background-image:url("../loewen/grafik/3-Sterne-GKLA_Schilder2021.jpg");
    background-size:cover;
  background-repeat: no-repeat;
}

#impressum {
  position:relative;
  z-index:160;
  width:150px;
  padding: 15px 0 15px 40px;
  float:left;
  font-size:0.9em; 
  line-height:1.8em;   
  text-decoration: none;
}

#impressum li a, #impressum li a:visited {
  color:#fff;
  width:150px;
  padding-bottom:5px;
  
}

#impressum li a:hover {
  color:#999;
  width:150px;
}
footer a, footer a:visited  {
  color:#fff;  text-decoration: none;
}


footer a:hover {
  color:#999;
}



@media screen and (orientation:portrait) {


article {
font-size: 1.7em;

}
p {
padding-top:1em;
}



nav, #subnav{
width:265px;
}
nav ul{
width:265px;
font-size:1.1em;
}
#subnav ul{
width:250px;
font-size:1.1em;
}

nav ul li{
width:265px;
}
#subnav ul li{
width:190px;
margin-left:15px;
}



   
    #content {  
        position:fixed;
	overflow-y:auto;  
	width:100%;
        max-width:68%;        
        height: auto;
        max-height:70%;  
        padding-top:0;
        bottom: 200px;  
        left:30px:    
        padding-top:0;
  	margin-top:0;  
    }  
    
    
    footer {
        width:100%;
        padding:1% 5%;
        min-height:auto;
        
    }
    #impressum{
        width:100%;
        text-align: left;
        margin:0;
        padding:0;
        height:auto;        
        font-size:0.8em;
    }


#impressum li {
    width:auto;  
    display:inline;  
    margin-right: 50px;
}
    
#footerText {
        width:90%;
        text-align: left;
        margin:10px 0;
        padding:0;
        left:0;
        font-size:0.8em;
    }
		
    #wappen{
        display:none;
    }
    #weinlaub_footer {
position:fixed;
 left:30px;
  bottom: 180px;
  z-index:4000;

  width:125px;
    height:100px;
  background-image:url("../loewen/grafik/3-Sterne-GKLA_Schilder2021.jpg");
    background-size:contain;
  background-repeat: no-repeat;
  
}
    /*
    #weinlaub_footer{
        display:none;
    }    
*/

	
}