/*ABH-Shop-Baustelle*/

html{
background: url(img/stage_w50-60.jpg) no-repeat center center fixed; /*Hintergrundbild flexibel > PC*/
-webkit-background-size: cover;
-moz-background-size: cover;
-o-background-size: cover;
background-size: cover;
	background-color: #000000;
}




html, body{
width: 100%;
min-height:100%;}


html img{
width:auto;

}

body {

	font-family: 'Trebuchet MS', Trebuchet, 'Lucida Sans Unicode', 'Lucida Grande', 'Lucida Sans', Arial, sans-serif;
	line-height: 1.429;
   

	

	}

a{

text-decoration:none;

}
/*  */
.minipic{
border: red solid 4px;
    position: relative;   
    height: auto; width: 55px;    
    left: 22px; top: -200px; 
    float: left;
    
    }


  .minipic img{
width: 122px;
    
    }


  
            
h1{  /* Headline */
display: block;
color:rgb(253, 252, 252);
font-size: 2.2em;
letter-spacing: 0.05em;    
line-height: 1.4em;
text-shadow: 2px 2px 5px rgb(44, 44, 44);
font-weight: 300;
    }
    



h3{  /* SHOP */
display: block;
background-color:none;
padding-left: 17px;
color:rgb(253, 252, 252);
font-size: 2.4em;
letter-spacing: 0.5em;    
margin: 0px;
text-shadow: 2px 2px 44px rgb(175, 125, 125);
font-weight: 200;

    }
    
p{  
       
color:rgb(75, 75, 75);
font-size: 1.5em;
line-height: 1.6em;
}

.body {

margin:0px auto;
width:90%; /*Gesamtbreite*/
clear:both;
		/*background: none repeat scroll 0% 0% #FFF;*/
		/*background:url(img/fond_1.jpg) ;*/
}



.wrapper {

    z-index: 5;



    padding-top: 33px;
    text-align: center;
width: 100%;

}

.box {  /* Inhalt zentriert */
    background-color:none);
 
width: 70%;
height: 100%;

padding-top: 100px;



  /* Inhalt vertikal mittig platzieren */
  display: -webkit-flex;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-align-items: center;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;


 /* Container horizontal mittig platzieren */
 margin: auto;


}

.txt {           /* BYRON-Bildlegende bzw. Teasertext */
    color:rgb(202, 85, 49);
    font-weight:normal;
    text-align:center;
    margin:2px 5px 8px 5px;
    font-size:0.90em;
    line-height:1.4em;
    margin: auto;
    
    }


 





/* ===========================================================================================================
   ############################################################################################################

   ====== Media Queries ====== ===============================================================================
   
   ############################################################################################################
   =========================================================================================================== */

@media only screen and (min-width : 150px) and (max-width : 900px) 
{
 /* Merki: min/max = in diesem Bereich werden die nachfolgenden Werte aktiv */





 
.box { 
    background-color: none);
   width: auto;
   padding: 20px;
   padding-top: 5px;
   margin-top: 12%;

}


p{  
       
  margin-top: -6px;
    font-size: 1.2em;
    line-height: 1.4em;
    }


    h1{  /* Headline */
        margin-top: -6px;

        font-size: 2.0em;
        line-height: 1.4em;
            }
            

            h3{  /* SHOP */
               
                font-weight: 300;
                letter-spacing: 0.4em;    
                padding-left: 15px;
                
                    }